@charset "utf-8";

html {

    font-size: 625%;

}



body {

    background: #FFF;

    font-size: 14px;

}



.btn {

    border-radius: 40px;

    width: 180px;

    /*设置按钮宽度*/

    height: 40px;

    /*设置按钮高度*/

    color: white;

    /*字体颜色*/

    background-color: #fedf00;

    /*按钮背景颜色*/

    border-radius: 3px;

    /*让按钮变得圆滑一点*/

    border-width: 0;

    /*消去按钮丑的边框*/

    margin: 0;

    outline: none;

    /*取消轮廓*/

    font-family: "Roboto-Regular";

    /*字体设置为楷体*/

    font-size: 17px;

    /*设置字体大小*/

    text-align: center;

    /*字体居中*/

    cursor: pointer;

    /*设置鼠标箭头手势*/

}



.btn:hover {

    /*鼠标移动时的颜色变化*/

    background-color: #fedf00;

    color: white;

    /*字体颜色*/

}



body,

html,

h1,

h2,

h3,

h4,

h5,

h6,

p,

ul,

ol,

li,

dl,

dt,

dd,

th,

td,

form,

object,

iframe,

blockquote,

pre,

a,

abbr,

address,

code,

img,

fieldset,

form,

label,

figure {

    margin: 0;

    padding: 0;

}



body,

html,

input,

button,

textarea {

    line-height: 1.5;

}



body {

    background-color: #fff;

}



article,

aside,

figcaption,

figure,

footer,

header,

main,

nav,

section {

    display: block;

}



h1 {

    font-size: 20px;

}



h2 {

    font-size: 18px;

}



h3 {

    font-size: 16px;

}



h4,

h5 {

    font-size: 14px;

}



img {

    width: 100%;

    max-width: 100%;

    border: none;

    vertical-align: middle;

}



li {

    list-style: none;

}



i,

em {

    font-style: normal;

}



a {

    color: #333;

    text-decoration: none;

}



a:focus {

    outline: none;

}



a:hover {

    color: #fedf00;

    text-decoration: none;

}



input[type="text"]:focus {

    outline: none;

}



input[type="button"],

input[type="reset"],

input[type="submit"] {

    cursor: pointer;

}



input[type="reset"]::-moz-focus-inner,

input[type="button"]::-moz-focus-inner,

input[type="submit"]::-moz-focus-inner,

input[type="file"]>input[type="button"]::-moz-focus-inner {

    padding: 0;

    border: none;

}



hr {

    margin: 15px 0 15px 0;

    height: 1px;

    border: none;

    border-top: 1px dashed #c1c1c1;

}



a:active,

select,

input,

textarea {

    outline: 0!important;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    -webkit-tap-highlight-color: transparent;

}



* {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    outline: 0;

    -ms-box-sizing: border-box;

    -o-box-sizing: border-box;

}





/*-------------------------------

			font start

			----------------------------------*/



@font-face {

    font-weight: normal;

    font-style: normal;

    font-family: 'fontawesome';

    src: url("fonts/Font-Awesome/fontawesome-webfont.eot");

    src: url("fonts/Font-Awesome/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/Font-Awesome/fontawesome-webfont.woff2") format("woff2"), url("fonts/Font-Awesome/fontawesome-webfont.woff") format("woff"), url("fonts/Font-Awesome/fontawesome-webfont.ttf") format("truetype"), url("fonts/Font-Awesome/fontawesome-webfont.svg#fontawesomeBold") format("svg");

    font-display: fallback;

}



@font-face {

    font-family: "Roboto-Regular";

    font-style: normal;

    src: url(fonts/Roboto/Roboto-Regular.ttf) format("TrueType");

    font-display: fallback;

}



@font-face {

    font-family: "Roboto-Bold";

    font-style: normal;

    src: url(fonts/Roboto/Roboto-Bold.ttf) format("TrueType");

    font-display: fallback;

}



@font-face {

    font-family: "Roboto-Medium";

    font-style: normal;

    src: url(fonts/Roboto/Roboto-Medium.ttf) format("TrueType");

    font-display: fallback;

}



@font-face {

    font-family: "Roboto-Black";

    font-style: normal;

    src: url(fonts/Roboto/Roboto-Black.ttf) format("TrueType");

    font-display: fallback;

}



@font-face {

    font-family: "Roboto-Light";

    font-style: normal;

    src: url(fonts/Roboto/Roboto-Light.ttf) format("TrueType");

    font-display: fallback;

}





/*-------------------------------

			font end

			----------------------------------*/





/* clear floating */



.clearfix:after,

.layout:after,

.sys_row:after,

.web_main:after,

.page_main:after,

.nav_wrap .head_nav:after,

.items_list ul:after,

.product_items:after,

.promote_list:after,

.cate_items ul:after,

.product-intro:after,

.detail-tabs:after,

.foot_items:after,

.news_cell:after,

.sys_row:after,

.banner_navigate_button:after {

    clear: both;

    display: block;

    visibility: hidden;

    height: 0;

    content: "";

}



.clearfix,

.layout,

.sys_row,

.clearfix,

.layout,

.sys_row,

.flex_row,

.web_main,

.page_main,

.nav_wrap .head_nav,

.items_list ul,

.product_items,

.promote_list,

.cate_items ul,

.product-intro,

.detail-tabs,

.foot_items,

.sys_row,

.banner_navigate_button {

    *zoom: 1;

}



.clear {

    clear: both;

}





/* layout */



body {

    position: absolute;

    top: 0;

    left: 0;

    overflow-x: hidden;

    width: 100%;

    min-width: 1400px;

}



.layout {

    position: relative;

    margin: 0 auto;

    width: 1400px;

}



.z9999 {

    z-index: 9999!important;

}



.hide {

    display: none;

}



.head_layout .layout:after,

.top_bar.layout:after {

    display: none;

}





/*gotop*/



.gotop {

    position: fixed;

    right: 50px;

    bottom: 50px;

    z-index: 99999;

    visibility: hidden;

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

    width: 50px;

    height: 50px;

    background-color: #fedf00;

    background-clip: content-box;

    box-shadow: 0 0 8px rgba(0, 0, 0, .2);

    color: #ffffff;

    text-align: center;

    text-align: center;

    font-size: 18px;

    line-height: 50px;

    opacity: 0;

    cursor: pointer;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

    -webkit-transform: translateY(100%);

    -moz-transform: translateY(100%);

    -o-transform: translateY(100%);

    transform: translateY(100%);

    -ms-transform: translateY(100%);

}



.gotop:hover,

.gotop.active:hover {

    background-color: #fedf00;

    color: #fff;

}



.gotop.active {

    visibility: visible;

    opacity: 1;

    -webkit-transform: none;

    -moz-transform: none;

    -o-transform: none;

    transform: none;

    -ms-transform: none;

}



.gotop:before,

.gotop em {

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



.gotop em {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    color: #fff;

    font-size: 12px;

    opacity: 0;

    -webkit-transform: translateY(10px);

    -o-transform: translateY(10px);

    transform: translateY(10px);

    filter: alpha(opacity=0);

    -ms-transform: translateY(10px);

}



.gotop:before {

    display: block;

    content: '\f176';

    font-family: 'fontawesome';

}



.gotop:hover em {

    opacity: 1;

    -webkit-transform: none;

    -o-transform: none;

    transform: none;

    filter: alpha(opacity=100);

    -ms-transform: none;

}



.gotop:hover:before {

    opacity: 0;

    -webkit-transform: translateY(-15px) scale(.5);

    -o-transform: translateY(-15px) scale(.5);

    transform: translateY(-15px) scale(.5);

    -ms-transform: translateY(-15px) scale(.5);

    filter: alpha(opacity=0);

}





/* transition */



.head_nav li a,

.nav_wrap .head_nav li li a,

.nav_wrap .head_nav li ul,

.nav_wrap .head_nav li li>a:before,

.head_nav b:after,

.product_item figure,

.gotop,

.product-item .item-img img,

.product_item .item_img img,

.product_item .item_img a,

.product_item,

.product_item .item_img a:before,

.product_item .item_img a:after,

.product_item .item_img:after,

.product-btn-wrap a,

.web_head,

.change-language .change-language-title a:after,

.newsletter .button,

.mobile-head-item .middle-show-content-wrap,

.product_item figure figcaption,

.foot_item a,

.pages a,

.head_sns li img,

.side_product_item .add-friend,

.side_product_item .add-friend:after,

.side-product-items .btn-prev,

.side-product-items .btn-next,

.blog-item:after {

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

    -ms-transition: all .3s ease;

}



.head_nav>li>a:before,

.head_nav>li>a:after,

.icon-cate,

.foot_txt_list li a:before,

.web_footer .button:before {

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

}



a,

.nav_wrap .nav_btn_close,

.index_main .product_item figure,

.foot_item.foot_nav .fot_tit:before,

.foot_item.foot_nav .fot_tit:after,

.goods-may-like .navigate_button_next:before,

.goods-may-like .navigate_button_prev:before,

.feature_item .item_img img,

.project_item .project_info,

.project_item figcaption h4,

.project_item,

.feature_item figcaption,

.feature_item,

.foot_nav li,

.foot_nav li a {

    -webkit-transition: all .35s ease-in-out;

    -o-transition: all .35s ease-in-out;

    transition: all .35s ease-in-out;

}





/*hover*/





/* grid */



.sys-layer {

    margin: 0 auto;

}



.sys-row {

    margin: 0 -8px;

}



.sys-col {

    float: left;

}



.sys-col-inner {

    margin: 0 8px;

}



.sys-col-md {

    float: left;

}



.sys-col-md-12 {

    width: 100%;

}



.sys-col-md-11 {

    width: 91.66666667%;

}



.sys-col-md-10 {

    width: 83.33333333%;

}



.sys-col-md-9 {

    width: 75%;

}



.sys-col-md-8 {

    width: 66.66666667%;

}



.sys-col-md-7 {

    width: 58.33333333%;

}



.sys-col-md-6 {

    width: 50%;

}



.sys-col-md-5 {

    width: 41.66666667%;

}



.sys-col-md-4 {

    width: 33.33333333%;

}



.sys-col-md-3 {

    width: 25%;

}



.sys-col-md-2 {

    width: 16.66666667%;

}



.sys-col-md-1 {

    width: 8.33333333%;

}



.sys_row {

    margin-right: -15px;

    margin-left: -15px;

}



.sys_col {

    float: left;

    padding-right: 15px;

    padding-left: 15px;

}





/* float */



.sys_fl {

    float: left!important;

}



.sys_fr {

    float: right!important;

}





/* flex */



.flex_row,

.items_list>ul {

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -webkit-flex-direction: row;

    flex-direction: row;

    -webkit-flex-wrap: wrap;

    -moz-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    -o-flex-wrap: wrap;

    flex-wrap: wrap;

}



.flex_row_nowrap {

    -webkit-flex-wrap: nowrap;

    -moz-flex-wrap: nowrap;

    -ms-flex-wrap: nowrap;

    -o-flex-wrap: nowrap;

    flex-wrap: nowrap;

}





/* button */



.sys_btn {

    position: relative;

    display: inline-block;

    overflow: hidden;

    padding: .2em 2em .2em 1em;

    min-width: 150px;

    border: 2px solid #ABDCFC;

    background-color: #f9f9f9;

    color: #333!important;

    vertical-align: middle;

    text-align: left;

    text-transform: uppercase;

    text-overflow: ellipsis;

    white-space: nowrap;

    letter-spacing: -.1em;

    font-size: 22px;

    line-height: 2;

    cursor: pointer;

    transition: all .3s ease-in-out;

    -webkit-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

    user-select: none;

    -ms-transform: scale(1);

}



.sys_btn:hover {

    background-color: #ABDCFC;

    color: #fff!important;

}



.sys_btn:after {

    position: absolute;

    top: 50%;

    right: 1.5em;

    margin-top: -.6em;

    content: '\f04b';

    font-size: 12px;

    font-family: 'fontawesome';

    line-height: 1.2em;

}





/* placeholder */



input::-webkit-input-placeholder {

    color: rgba(0, 0, 0, .3);

}



textarea::-webkit-input-placeholder {

    color: rgba(0, 0, 0, .3);

}



input:-moz-placeholder {

    color: rgba(0, 0, 0, .71);

}



input::-moz-placeholder {

    color: rgba(0, 0, 0, .71);

}



input:-ms-input-placeholder {

    color: rgba(0, 0, 0, .71);

}





/* box-sizing */



.nav_wrap,

.product_item .item_img {

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    box-sizing: content-box;

    -ms-box-sizing: content-box;

    -o-box-sizing: content-box;

}





/* font-family */



.search-btn,

.side-cate li .icon-cate:before,

.product-btn-wrap a:before,

.mobile-head-item .title:before,

.head_nav>li:after,

.head_nav li b:after,

.download-item .item-button:before,

.faq-item .faq-title:before {

    display: inline-block;

    text-decoration: inherit;

    text-transform: none;

    font-weight: normal;

    font-style: normal;

    font-variant: normal;

    font-family: "fontawesome";

    speak: none;

}



.fa:before,

.btn_more:after,

.sys_btn:after,

.head-search .search-btn:before,

.swiper-button-next:before,

.swiper-button-prev:before,

.side-product-items .btn-prev:before,

.side-product-items .btn-next:before,

.product-btn-wrap .email:before,

.product-btn-wrap .pdf:before {

    font-family: 'fontawesome';

}





/*flex_row*/



.flex_row {

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -webkit-flex-direction: row;

    flex-direction: row;

    -webkit-flex-wrap: wrap;

    -moz-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    -o-flex-wrap: wrap;

    flex-wrap: wrap;

    justify-content: space-between;

    -webkit-justify-content: space-between;

}





/*==============web_head=================*/



.web_head {

    position: relative;

    z-index: 99;

    width: 100%;

}



.top_bar {

    display: flex;

    justify-content: space-between;

    position: relative;

    padding-left: 200px;

    overflow: visible;

    z-index: 99;

}



.web_head .logo {

    position: absolute;

    top: 0;

    left: 0;

    background: #fff;

    /* background: black; */

    height: 95px;

    width: 160px;

    text-align: center;

}



.web_head .logo a {

    line-height: 95px;

    position: relative;

    z-index: 9;

}



.web_head .logo img {

    max-height: 140px;

    width: 200px;

}



.web_head .logo:after,

.web_head .logo:before {

    content: "";

    width: 50px;

    height: 50px;

    position: absolute;

    top: 45px;

    /* background: black; */

    background: #fff;

}



.web_head .logo:after {

    left: 100%;

    transform: skew(-45deg);

    transform-origin: left top;

}



.web_head .logo:before {

    right: 100%;

    transform: skew(45deg);

    transform-origin: right top;

}



.top_bar .head_contact {

    position: relative;

    font-size: 0;

}



.top_bar .head_contact li {

    position: relative;

    padding-left: 27px;

    display: inline-block;

    margin-left: 60px;

}



.top_bar .head_contact li,

.top_bar .head_contact li a {

    font-family: "Roboto-Regular";

    font-size: 12px;

    color: #5f5f5f;

    line-height: 46px;

}



.head_contact li.head_mail {

    padding-right: 60px;

    border-right: 2px #eee solid;

}



.top_bar .head_contact li:before {

    content: "";

    background: url(../img/web_icon.png) no-repeat;

    width: 13px;

    height: 13px;

    position: absolute;

    left: 0;

    top: 50%;

    margin-top: -6.5px;

}



.head_contact li.head_mail:before {

    background-position: -50px 0;

}



.head_contact li.work_hour:before {

    background-position: -70px 0;

}



.head_layout {

    position: relative;

    /* background: #7BD5F5; */

    /* background: black; */

    background: #ABDCFC;

    /* background: #94D0FD; */

}



.head_layout .layout {

    position: relative;

    display: flex;

    -webkti-display: flex;

    justify-content: space-between;

    -webkit-justify-content: space-between;

    align-items: center;

    -webkit-align-items: center;

    padding-left: 220px;

}



.web_head .change-language {

    position: relative;

    display: inline-block;

    vertical-align: middle;

    text-align: left;

}



.web_head .change-language .change-language-cont {

    border-radius: 3px;

    box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);

}



.web_head .btn--search {

    position: relative;

    display: inline-block;

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

    width: 27px;

    height: 27px;

    vertical-align: middle;

    cursor: pointer;

}



.web_head .btn--search:after,

.web_head .btn--search:before {

    display: inline-block;

    width: 100%;

    height: 100%;

    background-image: url(../img/web_icon.png);

    background-position: 0 0;

    background-repeat: no-repeat;

    content: '';

    vertical-align: top;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



.web_head .btn--search:before {

    background-position: 0 0;

}



.web_head .btn--search:after {

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

    -webkit-transform: scale(.6) translateY(60%);

    -o-transform: scale(.6) translateY(60%);

    transform: scale(.6) translateY(60%);

    filter: alpha(opacity=0);

    -ms-transform: scale(.6) translateY(60%);

}



.web_head .btn--search:hover:after {

    background-position: 0 -27px;

    opacity: 1;

    -webkit-transform: none;

    -o-transform: none;

    transform: none;

    -ms-transform: none;

}



.web_head .btn--search:hover:before {

    opacity: 0;

    -webkit-transform: scale(.6) translateY(-60%);

    -o-transform: scale(.6) translateY(-60%);

    transform: scale(.6) translateY(-60%);

    -ms-transform: scale(.6) translateY(-60%);

}





/*nav*/



.web_head .nav_wrap {

    position: relative;

    margin-top: 7px;

}



.web_head .nav_wrap .head_nav {

    position: relative;

}



.head_nav>li {

    position: relative;

    display: inline-block;

    padding-right: 40px;

}



.head_nav>li:last-child {

    margin-right: 0;

}



.head_nav>li.has-child a {

    padding-right: 20px;

}



.head_nav>li>a {

    position: relative;

    display: inline-block;

    color: #fff;

    text-transform: uppercase;

    font-weight: normal;

    font-size: 20px;

    font-family: "Roboto-Bold";

    line-height: 57px;

}



.head_nav li a b {

    position: absolute;

    top: 50%;

    right: 0;

    display: inline-block;

    overflow: hidden;

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

    width: 19px;

    height: 19px;

    text-align: center;

    line-height: 19px;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}



.head_nav li a b:before {

    content: '\f107';

    font-family: 'fontawesome';

}



.head_nav li ul {

    position: absolute;

    top: calc(100% + 5px);

    left: 0;

    display: block;

    padding: 10px;

    width: 250px;

    border-radius: 0 0 7px 7px;

    background-color: #ABDCFC;

    opacity: 0;

    -webkit-transition: all ease-in-out .35s;

    transition: all ease-in-out .35s;

    -webkit-transform: scaleY(0);

    transform: scaleY(0);

    -webkit-transform-origin: top;

    transform-origin: top;

}



.head_nav>li ul li {

    position: relative;

    padding: 3px;

    border-bottom: 1px solid #fff;

    font-size: 14px;

    line-height: 2;

}



.head_nav>li ul li a {

    position: relative;

    display: block;

    color: #fff;

}



.head_nav>li ul li a b {

    top: 12px;

}



.head_nav>li ul li a b:before {

    content: '\f105';

}



.head_nav li ul ul {

    top: 0;

    left: 240px;

    margin-left: 2px;

    border-radius: 7px;

}



.head_nav li.menu_show>ul {

    display: block;

    opacity: 1;

    -webkit-transform: scaleY(1);

    transform: scaleY(1);

}



.head_nav>li:hover>a {

    position: relative;

    z-index: 1;

    color: #fedf00;

}



.head_nav>li>a:hover b {

    -webkit-transform: rotateX(180deg);

    -o-transform: translateY(-50%) rotate(180deg);

    transform: translateY(-50%) rotate(180deg);

    -ms-transform: translateY(-50%)rotate(180deg);

}





/*.fixed-nav-active {   opacity: 0;  -webkit-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -ms-transform: translateY(-100%);-webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;

}

.fixed-nav-active.fixed-nav-appear{opacity: 1; position: fixed; top: 0; left: 0; z-index: 9; width: 100%;  background-color: rgba(255,255,255,.95); box-shadow: 0 0 15px rgba(0,0,0,.15);  -webkit-transform: none; -o-transform: none; transform: none; -ms-transform: none; }

.fixed-nav-active .head_layout{height: 80px;}

.fixed-nav-active .head_layout .logo img{ max-height:70px;    width: auto;}*/





/* web_footer */



.web_footer {

    position: relative;

}



.web_footer,

.web_footer a {

    display: block;

    text-transform: capitalize;

    font-size: 14px;

    line-height: 24px;

    color: #fff;

    font-family: "Roboto-Regular";

}



.foor_service {

    display: flex;

    padding: 60px 0;

    width: 100%;

    -webkit-display: flex;

    justify-content: space-between;

    -webkit-justify-content: space-between;

    flex-wrap: wrap;

    -webkit-flex-wrap: wrap;

}



.foor_service .foot_item .fot_tit {

    position: relative;

    margin-bottom: 50px;

    color: #fff;

    text-transform: uppercase;

    font-size: 24px;

    line-height: 1;

    font-family: "Roboto-Bold";

    font-weight: normal;

    padding-bottom: 30px;

    /* border-bottom: 2px solid #96cff5; */

    border-bottom: 2px solid white;

}



.foor_service .foot_item .fot_tit:before {

    content: "";

    width: 116px;

    height: 2px;

    background: #fedf00;

    position: absolute;

    left: 0;

    bottom: 0;

    transition: all ease-in-out .35s;

    -webkit-transition: all ease-in-out .35s;

}



.foor_service .foot_item:hover .fot_tit:before {

    width: 100%;

}



.foot_item {

    width: 24%;

}



.foor_service .foot_item li {

    position: relative;

    display: block;

}



.foot_item.foot_contact_item ul.foot_contact li {

    position: relative;

    padding-left: 39px;

    margin-bottom: 10px;

}



.foot_item.foot_contact_item ul.foot_contact li,

.foot_item.foot_contact_item ul.foot_contact li a {

    line-height: 27px;

}



.foot_item.foot_contact_item ul.foot_contact li:before {

    position: absolute;

    top: 5px;

    left: 0;

    content: "";

    width: 21px;

    height: 21px;

    background-image: url(../img/web_icon.png);

}



.foot_item.foot_contact_item ul li.foot_address:before {

    background-position: -125px 0;

}



.foot_item.foot_contact_item ul li.foot_phone:before {

    background-position: -125px -25px;

}



.foot_item.foot_contact_item ul li.foot_email:before {

    

    background-position: -125px -50px;

}

.foot_item.foot_contact_item ul li.foot_fax:before {

    background-image: url(../img/cz.png);

}



.foot_nav li a {

    line-height: 32px;

}



.foot_item .foot_nav li:hover {

    transform: translateX(7px);

    -webkit-transform: translateX(7px);

}



.foot_item .foot_nav li:hover a {

    color: #fedf00;

    ;

}



.foot_sns {

    position: relative;

    margin-top: 25px;

    font-size: 0;

}



.foot_sns li {

    display: inline-block !important;

    margin-right: 10px;

}



.foot_sns li a {

    width: 24px;

    height: 24px;

    text-align: center;

    line-height: 24px;

}



.foot_sns li img {

    width: auto;

   

}



.foot_sns li:hover img {

    -webkit-transform: rotate(-15deg);

    transform: rotate(-15deg);

}



.copyright {

    position: relative;

    display: block;

    text-align: center;

    text-transform: capitalize;

    font-size: 16px;

    line-height: 33px;

    background: #ABDCFC;

}



.tel_link {

    pointer-events: none;

}



.foot_item.foot_inquiry {}



.foot_inquiry .inquirydesc {

    line-height: 20px;

}



.foot_inquiry .inquiry_btn {

    margin-top: 25px;

    line-height: 42px;

    margin-left: 0;

    text-transform: uppercase;

    font-size: 15px;

    width: 175px;

}



@media screen and (max-width: 768px) {

    .tel_link {

        pointer-events: auto;

    }

}





/*-------------------------------------------------------- 

														page: index

																	------------------------------------------------------*/



.web_main {

    position: relative;

    z-index: 2;

    overflow: hidden;

}





/* swiper */



.swiper-container-fade {

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -webkit-flex-direction: row;

    flex-direction: row;

}



.swiper-container-fade .swiper-slide {

    height: auto;

}





/*slider_banner*/



.slider_banner .swiper-wrapper {}



.slider_banner .swiper-slide img {

    width: 100%;

    min-height: 150px;

}



.slider_banner .swiper-slide img+img {

    position: absolute;

    top: 0;

    left: 0;

}



.slider_banner .swiper-slide img {

    width: 100%;

    transition: 3s linear;

    

}



.slider_banner .swiper-slide.swiper-slide-active img {

   

}



.slider_banner .slider_swiper_control {

   
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 54px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);


}



.slider_banner .swiper-button-white {

    position: static;

    position: relative;

    right: auto;

    left: auto;

    display: inline-block;

    overflow: hidden;

    margin: auto;

    width: 60px;

    height: 90px;

    border-radius: 0;

    background-color: #ABDCFC;

    background-position: center;

    background-repeat: no-repeat;

    vertical-align: middle;

    text-indent: -9999px;

    opacity: 1;

    filter: alpha(opacity=100);

}



.slider_banner .swiper-pagination {

    position: absolute;

    bottom: 38px !important;

    display: inline-block;

    width: 100%;

    height: 8px;

    color: #fff;

    vertical-align: middle;

}



.slider_banner .swiper-pagination span {

    vertical-align: middle;

}



.slider_banner .swiper-pagination i {

    display: inline-block;

    margin: 0 8px;

    width: 6px;

    height: 6px;

    background-color: #fff;

    vertical-align: middle;

}



.slider_banner .swiper-pagination-bullet:before {

    display: none;

}



.slider_banner .swiper-pagination-bullet {

    display: inline-block;

    box-sizing: border-box;

    margin-right: 22px;

    width: 16px;

    height: 16px;

    border: 2px solid #ABDCFC;

    border-radius: 50%;

    background: #ABDCFC;

    text-align: center;

}



.slider_banner .swiper-pagination-bullet.swiper-pagination-bullet-active {

    border: 2px solid #fff;

}



.banner_button_prev,

.banner_button_next {

    position: absolute;

    top: 0;

    display: block;

    width: 54px;

    height: 54px;

    border-radius: 50%;

    background: rgba(255, 255, 255, .5);

    vertical-align: middle;

    text-align: center;

    cursor: pointer;

    -webkit-transition: all ease-in-out .35s;

    transition: all ease-in-out .35s;

}



.banner_button_prev {

    left: 76px;

}



.banner_button_next {

    right: 76px;

}



.banner_button_prev:before,

.banner_button_next:before {

    position: absolute;

    top: 0;

    left: 0;

    width: 54px;

    height: 54px;

    background: url(../img/web_icon.png) no-repeat;

    content: "";

    -webkit-transition: all ease-in-out .35s;

    transition: all ease-in-out .35s;

}



.banner_button_next:before {

    background-position: -54px -60px;

}



.banner_button_prev:before {

    background-position: 0 -60px;

}



.banner_button_next:hover,

.banner_button_prev:hover {

    background-color: #ABDCFC;

}



.banner_button_next:hover:before {

    background-position: -54px -114px;

}



.banner_button_prev:hover:before {

    background-position: 0 -114px;

}





/*=======idnex public=============*/



.index_title_bar {

    display: block;

    margin-bottom: 25px;

}



.index_hd {

    position: relative;

    text-align: center;

}



.index_hd .hd_title {

    position: relative;

    display: block;

    color: #333;

    text-transform: uppercase;

    font-weight: 400;

    font-size: 36px;

    font-family: Roboto-Bold;

    line-height: 2;

}



.index_hd .sub_title {

    color: #777;

    text-transform: capitalize;

    font-style: normal;

    font-size: 18px;

    font-family: Roboto-Regular;

    line-height: 1.55;

}



.more_btn {

    display: table;

    margin: auto;

    width: 125px;

    border: 1px solid #fedf00;

    border-radius: 40px;

    background: #fedf00;

    color: #fff;

    text-align: center;

    text-transform: uppercase;

    text-transform: uppercase;

    font-weight: 400;

    font-size: 18px;

    font-size: 15px;

    font-family: Roboto-Regular;

    line-height: 40px;

}



.more_btn:hover {

    border: 1px solid #dedede;

    background: #fff;

    color: #464646;

}





/*greeting-wrap*/



.greeting-wrap {

    position: relative;

    background: #ABDCFC;

}



.greeting-wrap .greeting-info {

    position: relative;

    display: table;

    margin: auto;

    color: #fff;

    font-size: 22px;

    font-family: Roboto-Medium;

    line-height: 50px;

}



.greeting-wrap:after,

.greeting-wrap:before {

    position: absolute;

    top: 0;

    z-index: 30;

    visibility: visible;

    width: 50px;

    height: 52px;

    background: #fff;

    content: "";

}



.greeting-wrap:before {

    left: -50px;

    transform: skew(45deg);

    transform-origin: top right;

}



.greeting-wrap:after {

    right: -50px;

    transform: skew(-45deg);

    transform-origin: top left;

}



.greeting-wrap .greeting-info:after,

.greeting-wrap .greeting-info:before {

    position: absolute;

    top: 50%;

    width: 82px;

    height: 1px;

    background: #fff;

    content: "";

}



.greeting-wrap .greeting-info:before {

    left: -27px;

    margin-left: -82px;

}



.greeting-wrap .greeting-info:after {

    right: -27px;

    margin-right: -82px;

}





/*company_information_wrap*/



.company_information_wrap {

    position: relative;

    margin: 60px auto 83px auto;

    max-width: 800px;

}



.about_text {

    margin-top: 24px;

    color: #777;

    text-align: center;

    font-size: 16px;

    font-family: Roboto-Regular;

    line-height: 1.875;

}



.about_btns {

    position: relative;

    margin-top: 48px;

    text-align: center;

}



.about_btns .more_btn {

    display: inline-block;

    margin: 0 19px;

}





/*index_project_container*/



.index_project_container {

    position: relative;

    padding: 52px 0 71px 0;

    background: #fafafa;

}



.index_project_container .project_items {

    display: flex;

    margin-top: 52px;

    justify-content: space-between;

    flex-wrap: wrap;

}



.project_items .project_item {

    position: relative;

    padding: 17px 15px;

    width: calc((100% - 104px)/ 3);

    background: #fff;

}



.project_item .project_img {

    position: relative;

    display: block;

    padding: 2px;

    background: #fff;

}



.project_item figcaption {

    position: relative;

    padding: 38px 22px;

    text-align: center;

}



.project_item figcaption h4 {

    margin-bottom: 20px;

    color: #333;

    font-weight: 400;

    font-size: 24px;

    font-family: Roboto-Bold;

    line-height: 1.5;

}



.project_item figcaption .project_info {

    color: #777;

    font-size: 16px;

    font-family: Roboto-Regular;

    line-height: 1.875;

}



.project_item figcaption .more_btn {

    margin-top: 36px;

}



.project_item.current,

.project_item:hover {

    background: #ABDCFC;

}



.project_item.current .project_info,

.project_item.current figcaption h4,

.project_item:hover .project_info,

.project_item:hover figcaption h4 {

    color: #fff;

}





/*feature_product_wrap*/



.index_feature_product {

    position: relative;

    padding-top: 60px;

}



.feature_items {}



.feature_item {

    position: relative;

    margin-top: 18px;

    margin-bottom: 23px;

    border: 2px solid #dcdcdc;

}



.feature_item:nth-child(5n) {

    margin-right: 0;

}



.feature_item .item_img {

    display: block;

    overflow: hidden;

}



.feature_item figcaption {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(33, 76, 150, .4);

    opacity: 0;

}



.feature_item .item_more {

    position: absolute;

    top: 50%;

    left: 50%;

    display: block;

    width: 110px;

    height: 110px;

    border: 5px solid rgba(33, 76, 150, .75);

    border-radius: 50%;

    background: #fedf00;

    color: #fff;

    text-align: center;

    text-transform: uppercase;

    font-size: 20px;

    font-family: Roboto-Regular;

    line-height: 100px;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}



.feature_item .pd_tit {

    position: absolute;

    bottom: 0;

    left: 0;

    padding: 10px 0;

    width: 100%;

    background: #ABDCFC;

    text-align: center;

}



.feature_item .pd_tit a {

    text-transform: uppercase;

    color: #fedf00;

    font-weight: 100;

    font-size: 20px;

    line-height: 1.5;

}



.feature_item:hover figcaption {

    opacity: 1;

}





/*numerica_increase_container*/



.numerica_increase_container {

    position: relative;

    background: #ABDCFC;

    padding: 33px 0;

}



.numerica_increase_container ul {

    position: relative;

    display: flex;

    justify-content: space-around;

    flex-wrap: wrap;

}



.num_item {

    position: relative;

    text-align: center;

}



.num_item .num_big {

    color: #fedf00;

    font-size: 48px;

    font-family: "Roboto-Black";

    margin-bottom: 30px;

}



.num_item .num_desc {

    font-size: 24px;

    color: #fff;

    font-family: "Roboto-Regular";

}





/*index_strengths_container*/



.index_strengths_container {

    position: relative;

    background: #fafafa;

    padding: 50px 0 78px 0;

}



.strengths_items {

    position: relative;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    margin-top: 52px;

}



.strengths_items .strengths_item {

    position: relative;

    width: calc((100% - 60px)/3);

    padding: 19px 17px;

    background: #fff;

    border: 1px solid #eee;

    text-align: center;

    transition: all .35s ease-in-out;

    -webkit-transition: all .35s ease-in-out;

}



.strengths_item figure {

    border: 1px dashed #dcdcdc;

    position: relative;

    background: #eee;

    padding: 33px 60px 50px 60px;

    transition: all .35s ease-in-out;

    -webkit-transition: all .35s ease-in-out;

}



.strengths_item .item_img {

    display: table;

    margin: auto;

}



.strengths_item .item_img img {

    width: auto;

}



.strengths_item .item_info {}



.strengths_item .item_info .strengthst_tit {

    color: #333;

    font-size: 24px;

    font-family: "Roboto-Bold";

    margin: 15px auto 20px auto;

}



.strengths_item .item_info .strengthst_desc {

    font-family: "Roboto-Regular";

    color: #777777;

    font-size: 16px;

    line-height: 18px;

}



.strengths_item figure:before {

    content: "";

    width: 38px;

    height: 38px;

    position: absolute;

    left: -1px;

    top: -1px;

    border: 1px solid #fedf00;

    border-color: #fedf00 transparent transparent #fedf00;

    transition: all .8s ease-in-out;

    -webkit-transition: all .8s ease-in-out;

}



.strengths_item figure:after {

    content: "";

    width: 38px;

    height: 38px;

    position: absolute;

    right: -1px;

    bottom: -1px;

    border: 1px solid #fedf00;

    border-color: transparent #fedf00 #fedf00 transparent;

    transition: all .8s ease-in-out;

    -webkit-transition: all .8s ease-in-out;

}



.strengths_item:hover figure,

.strengths_item.current figure,

.strengths_item:hover,

.strengths_item.current {

    background: #ABDCFC;

}



.strengths_item:hover .item_info .strengthst_tit,

.strengths_item.current .item_info .strengthst_tit {

    color: #fedf00;

}



.strengths_item:hover .item_info .strengthst_desc,

.strengths_item.current .item_info .strengthst_desc {

    COLOR: #FFF;

}



.strengths_item:hover figure:before,

.strengths_item:hover figure:after,

.strengths_item.current figure:before,

.strengths_item.current figure:after {

    width: 100%;

    height: 100%;

}



.strengths_item figure a {

    display: block;

    z-index: 999;

    position: relative;

}





/*index_news_container*/



.index_news_container {

    position: relative;

    margin: 70px auto 85px auto;

}



.index_news_container .hd_title {

    color: #fedf00;

    line-height: 1;

}



.index_news_container .hd_title span {

    display: block;

    color: #ABDCFC;

}



.index_news_container .news_container {

    position: relative;

    margin: auto;

    margin-top: 50px;

    padding: 0 220px;

    width: 1500px;

}



.news_slider {

    position: relative;

}



.news_item {

    text-align: center;

}



.news_item time {

    position: relative;

    display: table;

    margin: auto;

    margin-bottom: 33px;

    padding-left: 39px;

    color: rgba(119, 119, 119, .5);

    font-style: italic;

    font-size: 20px;

    font-family: Roboto-Regular;

    line-height: 27px;

}



.news_item time:before {

    position: absolute;

    top: 0;

    left: 0;

    width: 27px;

    height: 27px;

    background-image: url(../img/demo/clock.png);

    content: "";

}



.news_item .news_info {

    color: #777;

    font-size: 16px;

    font-family: Roboto-Light;

    line-height: 1.875;

}



.index_news_container .more_btn {

    margin-top: 65px;

}



.news_control {

    position: absolute;

    top: 50px;

    left: 0;

    width: 100%;

    height: 50px;

}



.new_button_next,

.new_button_prev {

    position: absolute;

    top: 0;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    background: rgba(205, 205, 205, .5);

    text-align: center;

    line-height: 50px;

    cursor: pointer;

    transition: all ease-in-out .35s;

    -webkit-ransition: all ease-in-out .35s;

}



.new_button_next {

    right: 0;

}



.new_button_prev {

    left: 0;

}



.new_button_next:before,

.new_button_prev:before {

    position: absolute;

    top: 50%;

    left: 50%;

    display: block;

    width: 18px;

    height: 30px;

    background-image: url(../img/web_icon.png);

    content: "";

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}



.new_button_next:before {

    background-position: -72px -126px;

}



.new_button_prev:before {

    background-position: -18px -126px;

}



.new_button_next:hover,

.new_button_prev:hover {

    background: #ABDCFC;

}





/*----------------------------------page head---------------------------------*/



.lsec {

    font-style: italic;

    font-size: 13px;

    /* font-style: normal; */

    /* font-style: oblique; */

    /* font-style: initial; */

    /* font-style: inherit; */

    /* font-style: unset; */

    margin-top: 10px;

    width: 96%;

    border: 5px solid #eee;

    padding: 15px;

    margin: 10px auto

}



.lsec_tit {

    margin-top: 10px

}



.main1 {

    padding: 6px 0 0 0

}



.main1 {

    padding: 30px 0 0 -10px

}



.bPosition1 {

    background: #ABDCFC;

    line-height: 36px;

    padding: 0 16px;

    color: #eee;

    margin-bottom: 16px

}



.bPosition1 a {

    color: #fff!important

}



.ftxt {

    width: 24%;

}



.fput {

    width: 70%;

}



#feedbackForm .acon1 {

    float: left;

    width: 100%

}



#feedbackForm .fsbtn {

    text-align: center;

    width: 80%;

    padding: 1px;

    margin: 0px;

}



#feedbackForm span.xh,

#msg {

    color: #f00;

}



.text1 {

    float: left;

    width: 80%;

    height: 26px;

    margin: 10px 0px 10px 0px;

    font-size: 12px;

    line-height: 26px;

    padding: 0px 5px;

    border: 1px solid #CCC;

    color: #666;

}



.atextarea1 {

    float: left;

    width: 80%;

    padding: 5px;

    margin: 16px 0px 0px 0px;

    border: 1px solid #CCC;

    height: 100px;

    font-size: 12px;

    line-height: 20px;

    font-family: Arial, Helvetica, sans-serif;

    color: #666;

}



.submita1 {

    display: inline-block;

    padding: 0 20px;

    height: 28px;

    line-height: 28px;

    text-align: center;

    font-size: 16px;

    background: #ff9c00;

    margin: 20px 14px;

    border: none;

    color: #fff;

    cursor: pointer

}



.acon1 .pinfo1 {

    display: block;

    line-height: 24px;

    padding: 20px 0 30px 20px

}



.lsec {

    margin-top: 10px;

    width: 240px;

    border: 5px solid #eee;

    padding: 15px

}



.sf-menu {

    line-height: 26px;

    text-align: center;

    display: table;

    width: 241px;

    margin: 0 auto;

    padding-bottom: 20px;

    border: 5px solid #eee;

    position: relative

}



.sf-menu li {

    font-size: 16px;

    clear: both;

    border-bottom: 1px solid #eee;

    position: relative;

    text-align: left;

    padding-left: 20px;

}





/*public*/



.page_main {

    z-index: 1;

    overflow: visible;

    padding: 72px 0 30px 0;

    background: #FFF;

}





/*sys_sub_head*/



.sys_sub_head {

    position: relative;

    z-index: 1;

    text-align: center;

    margin: 0px 0;

}



.head_bn_item img {}



.path_bar {

    position: absolute;

    width: 100%;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

}



.pagnation_title {

    font-size: 36px;

    text-transform: uppercase;

    color: #fff;

    line-height: 1;

    margin-bottom: 25px;

}



.path_bar ul {

    font-size: 0;

}



.path_bar li {

    display: inline;

    letter-spacing: 0;

}



.path_bar li,

.path_bar li a {

    color: #fff;

    font-size: 20px;

    line-height: 1;

    text-transform: uppercase;

}



.path_bar li a:hover,

.path_bar li.nav_current a {

    color: #ABDCFC;

}



.path_bar li:before {

    position: relative;

    margin: 0 10px;

    content: '/';

    vertical-align: baseline;

}



.path_bar nav-current:first-child:before {

    display: none;

}



.mobile-head-items {

    display: none;

}





/*----------------------------------aside---------------------------------*/



.aside {

    float: left;

    width: 250px;

  

}



.side-tit-bar {

    position: relative;

}



.side-tit-bar .side-tit {

    position: relative;

    padding-left: 15px;

    background: #ABDCFC;

    color: #fff;

    font-weight: 400;

    font-size: 20px;

    font-family: Roboto-Bold;

    line-height: 38px;

}



.side-widget {

    position: relative;

    overflow: hidden;

    margin: 0 0 40px;

}



.side-widget+.side-widget {

    padding-top: 20px;

}



.side-cate {

    overflow: hidden;

    margin-top: 30px;

}



.side-cate li {

    position: relative;

    font-size: 16px;

    line-height: 25px;

    color: #353333;

    padding-left: 15px;

    margin-bottom: 9px;

}



.side-cate li a {

    position: relative;

    display: block;

    padding-left: 10px;

}



.side-cate li a:before {

    content: "";

    width: 6px;

    height: 6px;

    background: #353333;

    position: absolute;

    left: 0;

    top: 9px;

}



.side-cate ul {

    display: none;

    overflow: visible !important;

    background-color: #fff;

}



.side-cate li a {

    -webkit-transition: color .3s ease-in-out;

    -o-transition: color .3s ease-in-out;

    transition: color .3s ease-in-out;

}



.side-cate li ul {

    position: relative;

}



.side-cate li li {}



.side-cate li li a {

    color: #595959;

}



.side-cate li a:hover,

.side-cate li.active>a {

    color: #fedf00;

}



.side-cate li a:hover:before,

.side-cate li.active>a:before {

    background-color: #fedf00;

}



.side-cate li .icon-cate {

    position: absolute;

    top: 0;

    right: 0;

    display: inline-block;

    overflow: hidden;

    width: 40px;

    height: 25px;

    border-radius: 0%;

    color: #616265;

    text-align: center;

    font-size: 10px;

    line-height: 25px;

    cursor: pointer;

    -webkit-transition: all .2s ease;

    -o-transition: all .2s ease;

    transition: all .2s ease;

}



.side-cate li .icon-cate:before {

    content: '';width:40px;height:25px; background:no-repeat center center;display:block

}



.side-cate li .icon-cate.icon-cate-down:before {

    background-image:url(../img/v1.png);

}



.side-cate li .icon-cate.icon-cate-up:before {

    background-image:url(../img/v1-2.png);

}



.side-cate li .icon-cate.icon-cate-up {

    -webkit-transform: rotate(90deg);

    -o-transform: rotate(90deg);

    transform: rotate(90deg);

    -ms-transform: rotate(90deg);

}



.side-widget .cate-type-list>li {}



.side-widget .cate-type-list>li>a {

    margin-right: 0;

    padding-left: 15px;

}



.side-widget .cate-type-list>li>a:before {

    width: 4px;

    height: 4px;

    background-color: #595959;

}



.side-cate li.has-child>a {

    padding-right: 40px;

}



.side-cate li.has-child ul {

    margin-top: 6px;

}



.side-cate li.nav-current>.icon-cate {

    color: #ABDCFC;

}



.side-cate>li.nav-current>a,

.side-cate>li.nav-current>.icon-cate {

    color: #fedf00;

}



.side-cate li li.nav-current>a {

    color: #fedf00;

}



.side-product-items {

    position: relative;

    margin-top: 8px;

}



.side-product-items .items_content {

    position: relative;

    padding: 35px 0;

}



.side_product_item {

    position: relative;

    display: block;

    overflow: hidden;

    width: 100%;

}



.side_product_item figure {

    position: relative;

    display: table;

    overflow: hidden;

    width: 100%;

}



.side_product_item .item-img,

.side_product_item figcaption {

    display: table-cell;

    vertical-align: middle;

}



.side_product_item .item-img {

    position: relative;

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

    width: 70px;

}



.side_product_item .item-img img {

    display: block;

    width: 100%;

}



.side_product_item figcaption {

    padding-left: 15px;

}



.side_product_item figcaption h3 {

    font-weight: normal;

    font-size: 14px;

}



.side_product_item figcaption h3 a {

    display: block;

    display: -webkit-box;

    overflow: hidden;

    max-height: 3.2em;

    text-overflow: ellipsis;

    word-wrap: break-word;

    line-height: 1.6em;

    -ms-word-break: break-all;

    word-break: break-all;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    word-break: break-word;

}



.side_product_item figcaption h3 a:hover,

.side_product_item .item-img:hover+figcaption h3 a {

    color: #ABDCFC;

}



.side_product_item:hover .item-img {

    border-color: #ABDCFC;

}



.side-product-items .swiper-slide {

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    flex-direction: column;

}



.side-product-items .side_slider {

    position: relative;

    overflow: hidden;

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

    max-height: 480px;

}



.side-product-items .side_slider .swiper-wrapper {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

}



.side-product-items .side_product_item {

    height: 100px;

}



.side-product-items .btn-prev,

.side-product-items .btn-next {

    position: absolute;

    left: 0;

    z-index: 1;

    width: 100%;

    height: 32px;

    color: #ccd3d9;

    text-align: center;

    font-size: 38px;

    line-height: 32px;

    opacity: 1;

    cursor: pointer;

    filter: alpha(opacity=100);

}



.side-product-items .swiper-button-disabled {

    color: #eee;

    cursor: default;

}



.side-product-items .btn-prev:before,

.side-product-items .btn-next:before {

    display: inline-block;

    -webkit-transform: scale(2.5, 1);

    -o-transform: scale(2.5, 1);

    transform: scale(2.5, 1);

    -ms-transform: scale(2.5, 1);

}



.side-product-items .btn-prev {

    top: 0;

}



.side-product-items .btn-prev:before {

    content: '\f106';

}



.side-product-items .btn-next {

    bottom: 0;

}



.side-product-items .btn-next:before {

    content: '\f107';

}



.side-product-items .btn-prev:not(.swiper-button-disabled):hover,

.side-product-items .btn-next:not(.swiper-button-disabled):hover {

    color: #000;

}



.aside .side-bn {

    margin: 0 0 40px;

    width: 100%;

}



.aside .side-bn img {

    width: 100%;

}





/*----------------------------------main---------------------------------*/



.main {

    position: relative;

    float: right;

    padding-bottom: 50px;

    width: calc(100% - 350px);

}



.main .banner_section {

    margin-bottom: 25px;

}



.page_main,

.pagge_main a {

    color: #002140;

}



.page_main a:hover {

    color: #ABDCFC;

}





/*title*/



.main_hd {

    margin-bottom: 35px;

    text-align: center;

}



.main_hd .page_title {

    font-size: 30px;

}



.main_hd .page_title,

.main_hd .page_title a {

    color: #595959;

}





/*page*/



.page_bar {

    position: relative;

    margin: 50px 0 30px;

    height: 33px;

    text-align: right;

    font-size: 14px;

    line-height: 31px;

}



.page_bar a,

.page_bar span {

    position: relative;

    display: inline-block;

    margin: 0 0 0 8px;

    padding: 0 8px;

    min-width: 33px;

    border: 1px solid #333;

    background-color: #333;

    color: #fff;

    vertical-align: top;

    text-align: center;

}



.page_bar a.current,

.page_bar a:hover {

    border-color: #ABDCFC;

    background: #ABDCFC;

    color: #FFF;

}



.page_bar span.current2 {

    padding-right: 8px;

    padding-left: 8px;

}





/*-------------------------------------------------------- 

													page: product list

																	------------------------------------------------------*/



.items_list {

    position: relative;

    width: 100%;

}



.items_list ul {

    margin: -10px -18px;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

}



.items_list ul {

    margin: -2.5%;

}



.items_list .product_item {

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    padding: 2.5%;

    width: 25%;

    max-width: 25%;

    -webkit-box-flex: 0 0 25%;

    -webkit-flex: 0 0 25%;

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;

}



.items_list .product_item figure {

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    overflow: hidden;

    width: 100%;

    border: 1px solid #e6e6e6;

    background-color: #fff;

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    flex: 1;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    -webkit-justify-content: flex-end;

    justify-content: flex-end;

}



.items_list .product_item figcaption {

    padding: 25px 15px;

    text-align: center;

}



.items_list .product_item .item_img,

.items_list .product_item .item_img img {

    display: block;

}



.items_list .product_item .item_img {

    border: 1px solid #e6e6e6;

    -webkit-box-flex: 1.0;

    -moz-flex-grow: 1;

    -webkit-flex-grow: 1;

    flex-grow: 1;

}



.items_list .product_item .item_title {

    text-transform: uppercase;

    font-size: 12px;

}



.items_list .product_item .item_title a {

    height: 3.7em;

    background-color: #425664;

    color: #fff;

    font-size: 12px;

    line-height: 3.7em;

}



.items_list .product_item figure:hover {

    border-color: #ccc;

    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .3);

}



.items_list .product_item figure:hover .item_title a {

    background-color: #ABDCFC;

    color: #fff;

}





/*-------------------------------------------------------- 

													page: single Product

																	------------------------------------------------------*/





/*product photos*/



.product-intro {

    position: relative;

    margin-bottom: 80px;

}



.cloud-zoom-lens {

    border: 1px solid #eee;

    cursor: move;

}



.cloud-zoom-title {

    position: absolute !important;

    top: 0px;

    padding: 3px;

    width: 100%;

    background-color: #000;

    color: #fff;

    text-align: center;

    font-weight: bold;

    font-size: 10px;

}



.cloud-zoom-big {

    overflow: hidden;

    padding: 0px;

    background-color: #fff;

}



.cloud-zoom-loading {

    padding: 3px;

    border: 1px solid #000;

    background: #222;

    color: white;

}



.product-view .product-image.zoom_remove:after {

    position: absolute;

    bottom: 0;

    left: 0;

    z-index: 999;

    width: 100%;

    height: 100%;

    content: "";

}



.product-view {

    position: relative;

    float: left;

    width: 42.15%;

}



.product-view .product-image {

    overflow: hidden;

    border: 2px solid #fde648;

    box-shadow: -3px 2px 10px rgba(0, 0, 0, .3);

}



.product-view .product-image img {

    position: relative;

    width: 100%;

}



.product-view .image-additional-wrap {

    position: relative;

    z-index: 999;

    margin-top: 34px;

}



.product-view .image-additional {

    position: relative;

    overflow: hidden;

    padding: 0 2px;

}



.product-view .image-additional li {

    position: relative;

    float: left;

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    overflow: visible;

    width: 100%;

    width: 20%;

    height: auto;

    border: 1px solid #8a8a8a;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -webkit-flex-direction: row;

    flex-direction: row;

}



.product-view .image-additional li:before {

    position: absolute;

    bottom: -5px;

    left: 40%;

    z-index: 1;

    display: block;

    width: 20%;

    height: 4px;

    border-radius: 6px;

    content: '';

    -webkit-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}



.product-view .image-additional li.single {

    display: none;

}



.product-view .image-additional li img {

    position: relative;

    display: block;

    margin: 0 auto;

    width: 100%;

    opacity: .4;

    -webkit-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

    filter: alpha(opacity=40);

}



.product-view .image-additional li a {

    position: relative;

    display: block;

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    flex: 1;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -webkit-flex-direction: row;

    flex-direction: row;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

}



.product-view .image-additional li.current {

    border: 1px solid #fedf00;

    -bottom: 0;

}



.product-view .image-additional li.current img {

    opacity: 1;

    filter: alpha(opacity=100);

}



.product-view .image-additional img.popup {

    display: none;

}



.ad_prompt {

    position: absolute;

    top: 50%;

    left: 0;

    display: block;

    display: none;

    margin: -20px 0 0;

    width: 100%;

    color: #ABDCFC;

    text-align: center;

    font-size: 20px;

    line-height: 40px;

    -webkit-animation: twinkling 1s infinite ease-in-out;

    animation: twinkling 1s infinite ease-in-out;

}



.product-view .image-additional.swiper-container-horizontal>.swiper-pagination-bullets {

    display: none;

}



.product-view .swiper-button-next,

.product-view .swiper-button-prev {

    margin-top: -16px;

    width: 25px;

    height: 32px;

    background: none;

    font-size: 24px;

    line-height: 32px;

    opacity: 1;

    filter: alpha(opacity=100);

}



.product-view .swiper-button-prev {

    left: -15px;

}



.product-view .swiper-button-next {

    right: -15px;

}



.product-view .swiper-button-next:before,

.product-view .swiper-button-prev:before {

    width: 25px;

    height: 33px;

    background-image: url(../img/web_icon.png);

    background-repeat: no-repeat;

    content: "";

    -webkit-transition: all ease .35s;

    transition: all ease .35s;

}



.product-view .swiper-button-next:before {

    background-position: right -93px;

}



.product-view .swiper-button-prev:before {

    background-position: -250px -93px;

}



.product-view .swiper-button-next:hover:before {

    background-position: right -126px;

}



.product-view .swiper-button-prev:hover:before {

    background-position: -250px -126px;

}



.product-view .swiper-button-next.swiper-button-disabled,

.product-view .swiper-button-prev.swiper-button-disabled {

    opacity: 1;

    filter: alpha(opacity=100);

}



.product-view:hover .swiper-button-prev,

.product-view:hover .swiper-button-next {

    background: none;

    opacity: 1;

    filter: alpha(opacity=100);

}



.product-view:hover .swiper-button-disabled {

    opacity: .3;

    filter: alpha(opacity=30);

}





/*product summary*/



.product-summary {

    position: relative;

    float: right;

    width: calc(57.83% - 60px);

    color: #353333;

}



.product-summary .page_title {

    display: table;

    margin-top: -3px;

    color: #333;

    text-transform: capitalize;

    font-weight: normal;

    font-size: 22px;

    line-height: 25px;

    border-bottom: 2px solid #7b7a7a;

}



.product-summary .product-meta {

    color: #242424;

    font-weight: 300;

    font-size: 16px;

    line-height: 28px;

}



.product-summary .product-meta .short_tit {

    position: relative;

    color: rgba(36, 36, 36, .5);

    text-transform: capitalize;

    font-weight: normal;

    font-size: 16px;

    line-height: 22px;

}



.product-summary .product-meta p {

    margin: 27px 0;

    color: #333;

    font-size: 14.7px;

    line-height: 26px;

}



.product-summary .product-meta li {

    display: table;

    padding: 2px 0;

    width: 100%;

    font-size: 13px;

    line-height: 1.6;

}



.product-summary .product-meta li em {

    display: table-cell;

    width: 36%;

    color: rgba(36, 36, 36, .5);

}



.product-summary .product-meta li .item-val {

    display: table-cell;

    word-wrap: break-word;

    -ms-word-break: break-all;

    word-break: break-all;

}



.product-summary .product-meta br {

   

}



.product-btn-wrap {

    position: relative;

    padding-top: 74px;

    text-align: right;

}



.product-btn-wrap .email,

.product-btn-wrap .pdf,

.product-btn-wrap .buy {

    position: relative;

    display: inline-block;

    margin: 0 0 7px 7px;

    padding: 0 10px;

    border: 2px solid #ABDCFC;

    background: #ABDCFC;

    color: #fff;

    vertical-align: top;

    text-transform: uppercase;

    font-size: 14px;

    line-height: 29px;

    border-radius: 9px;

}



.product-btn-wrap .email:hover,

.product-btn-wrap .pdf:hover,

.product-btn-wrap .buy:hover {

    background: transparent;

    color: #ABDCFC;

}



.product-btn-wrap .email:before,

.product-btn-wrap .pdf:before {

    padding-right: 10px;

    font-size: 16px;

}



.product-btn-wrap .email:before {

    content: '\f003';

}



.product-btn-wrap .pdf:before {

    content: '\f1c1';

}



.product-summary .share-this {

    margin: 45px 0 0;

    text-align: right;

}





/* product detail */



.product-detail {

    position: relative;

    overflow: visible;

}



.detail-tabs {

    position: relative;

    margin-bottom: -1px;

    background: #eaedf0;

}



.detail-tabs .title {

    position: relative;

    position: relative;

    position: relative;

    float: left;

    display: inline-block;

    margin-right: -1px;

    padding: 1px 35px;

    border: 1px solid #ccd3d9;

    color: #959da7;

    color: rgba(0, 33, 64, .5);

    vertical-align: top;

    text-transform: uppercase;

    font-weight: bold;

    font-size: 18px;

    font-family: Times New Roman;

    line-height: 35px;

    cursor: pointer;

}



.detail-tabs .title.current {

    position: relative;

    z-index: 2;

    margin-bottom: -1px;

    padding-bottom: 2px;

    border-bottom: none;

    background: #fff;

    color: rgba(253, 223, 4, 1);

}



.product-detail .tab-panel-content {

    display: block;

    overflow: hidden;

    padding: 10px 0;

}



.product-detail .disabled {

    display: none;

}



.tab-panel-wrap {

    margin-bottom: 60px;

    padding: 40px;

    border: 1px solid #ccd3d9;

    background-color: #fff;

}





/*like product*/



.goods-may-like {

    position: relative;

    overflow: hidden;

    padding: 70px 0 30px 0;

    background-attachment: fixed;

    margin-bottom: 30px;

}



.goods-may-like .index_title_bar {

    position: relative;

    display: block;

    text-align: center;

}



.goods-may-like .index_title_bar .good_title {

    position: relative;

    color: #fff;

    text-transform: uppercase;

    font-weight: bold;

    font-size: 31px;

    line-height: 1;

    font-family: "微软雅黑";

    padding-bottom: 16px;

}



.goods-may-like .index_title_bar .good_title span {

    color: #ABDCFC;

}



.goods-may-like .index_title_bar .good_title:after {

    content: "";

    width: 130px;

    height: 4px;

    background: #ABDCFC;

    position: absolute;

    left: 50%;

    bottom: 0;

    margin-left: -65px;

}



.goods-may-like .index_title_bar p {

    color: #fff;

    line-height: 28px;

    font-size: 16px;

    font-family: "微软雅黑";

    margin: 28px 0;

}



.goods-may-like .swiper-pagination-bullets {

    margin-top: 23px;

    text-align: center;

    line-height: 1;

}



.goods-may-like .swiper-pagination-bullet,

.goods-may-like .swiper-pagination-bullet:before {

    width: 14px;

    height: 14px;

}



.goods-may-like .product_item .item_img:hover img {

    -webkit-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

    -webkit-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

    -ms-transform: scale(1.1);

}





/*----------------product-------------*/



.product_item {

    position: relative;

}



.product_item figure {

    position: relative;

    height: 100%;

}



.product_item .item_img {

    position: relative;

    display: block;

    overflow: hidden;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    width: 100%;

    border-radius: 7px;

}



.product_item .item_img a {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

    display: block;

    width: 100%;

    height: 100%;

}



.product_item .item_img img {

    width: 100%;

    height: auto;

}



.product_item figcaption {

    position: relative;

    padding: 0 1%;

}



.product_item .item_title a {

    display: block;

    position: relative;

    padding: 25px 0 5px 0;

    color: #fff;

    text-align: center;

    font-weight: 100;

    font-size: 20px;

    font-family: Microsoft YaHei UI;

    line-height: 1.5;

}



.product_item:hover a {

    color: #ABDCFC;

}





/*-------------------------------------------------------- 

													page: blog list

																	------------------------------------------------------*/



.blog_list {

    position: relative;

    width: 100%;

}



.blog-item {

    position: relative;

    overflow: hidden;

    padding: 35px 20px;

    width: 100%;

}



.blog-item:nth-child(2n+1) {

    background: #f9f9f9;

}



.blog-item:before {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 1px;

   

    border-bottom: 1px solid #ccc;

    content: "";

}



.blog-item:after {

    position: absolute;

    bottom: 0;

    left: 0;

    display: block;

    width: 0;

    height: 3px;

    background-color: #ABDCFC;

    content: '';

    opacity: 0;

    filter: alpha(opacity=0);

}



.blog-item:hover:after {

    width: 100%;

    opacity: 1;

    -webkit-transition: all 1s ease-in-out;

    -o-transition: all 1s ease-in-out;

    transition: all 1s ease-in-out;

    filter: alpha(opacity=100);

}



.blog-item .item-img,

.blog-item .item-img img {

    border-radius: 5px;

}



.blog-item .item-img {

    position: relative;

    float: left;

    display: block;

    margin: 0 20px 0 0;

    padding: 5px;

    max-width: 200px;

    border: 1px solid #eee;

    background-color: #fff;

}
.blog-item .item-img:before{
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width:40px;
	height:40px;
	background:url(../img/play.png) no-repeat center center;
	background-size:100% 100%;
	z-index:2;
}



.blog-item .item-img img {

    position: relative;

    width: 100%;

}



.blog-item .item-info .item-title {

    overflow: hidden;

    height: 1.5em;

    font-weight: normal;

    font-size: 20px;

    line-height: 1.5em;

}



.blog-item .item-info time {

    display: block;

    margin: 8px 0;

    font-size: 16px;

}



.blog-item .item-info .item-detail {}



.blog-item .item-info .item-more {

    float: right;

    margin: 20px 0 0;

    color: #8f9395;

}



.blog-item .item-info .item-more {

    position: relative;

    display: inline-block;

    padding: .2em .8em;

    color: #ABDCFC;

    text-transform: uppercase;

    line-height: 1.8;

}



.blog-item .item-info .item-more:after {

    position: absolute;

    display: block;

    width: 100%;

    height: 2px;

    background-color: #ABDCFC;

    content: '';

    -webkit-transition: all .4s ease;

    -o-transition: all .4s ease;

    transition: all .4s ease;

}



.blog-item .item-info .item-more:before {

    top: 0;

    left: 0;

}



.blog-item .item-info .item-more:after {

    right: 0;

    bottom: 0;

}



.blog-item .item-info .item-more:hover:before,

.blog-item .item-info .item-more:hover:after {

    width: 0;

    opacity: 0;

}



.blog-item .item-info .item-more:hover {

    background-color: #ABDCFC;

    color: #fff;

    -webkit-transition-delay: .3s;

    -o-transition-delay: .3s;

    transition-delay: .3s;

}





/*-------------------------------------------------------- 

													page: download list

																	------------------------------------------------------*/



.download_list {

    position: relative;

    width: 100%;

}



.download-item {

    position: relative;

    overflow: hidden;

    margin: 0 0 10px;

    padding: 15px 0;

    border-bottom: 1px solid #eee;

    line-height: 30px;

}



.download-item .item-img {

    max-width: 25px;

}



.download-item .item-title {

    position: relative;

    display: inline-block;

    margin: 0 10px;

    vertical-align: top;

    font-weight: bold;

    font-size: 16px;

    *display: inline;

    *zoom: 1;

}



.download-item .item-button {

    position: relative;

    float: right;

    display: inline-block;

    padding: 0 15px;

    border: 1px solid #ccc;

    border-radius: 5px;

    background: #eee;

    vertical-align: top;

    line-height: 30px;

    cursor: pointer;

    *display: inline;

    *zoom: 1;

}



.download-item .item-button:before {

    margin: 0 10px 0 0;

    content: "\f019";

}





/*-------------------------------------------------------- 

													page: faq list

																	------------------------------------------------------*/



.faq_list {

    position: relative;

    width: 100%;

}



.faq-item {

    position: relative;

    overflow: hidden;

    margin: 0 0 20px;

    padding: 0 25px;

    width: 100%;

    border: 1px solid #eee;

}



.faq-item .faq-title {

    position: relative;

    padding: 15px 0;

    font-size: 16px;

    cursor: pointer;

}



.faq-item .faq-title:before {

    position: absolute;

    right: 0;

    content: "\f067";

    font-size: 14px;

}



.faq-item .faq-title.show-title:before {

    content: '\f068';

}



.faq-item .faq-title h3 {

    font-weight: normal;

}



.faq-item .faq-cont {

    display: none;

    margin: 0 0 25px;

}



.faq-item:first-child .faq-cont {

    display: block;

}



@media only screen and (max-width: 768px) {

    .inquiry-form .form-btn-wrapx .form-btn-submitx {

        top: 0 !important;

    }

}



@media only screen and (max-width: 1500px) {

    /*layout*/

    body {

        min-width: 1300px;

    }

    .layout {

        width: 1300px;

    }

    /*index*/

    .head_nav>li {

        margin-right: 0;

    }

    .web_head .btn--search {

        margin-left: 30px;

        padding-right: 30px;

    }

    .index_project_container,

    .index_strengths_container,

    .index_news_container,

    .company_information_wrap,

    .index_feature_product {

        margin: 50px auto;

        padding: 0;

    }

    .project_item figcaption {

        padding: 30px 10px;

    }

    .index_feature_product {

        padding: 0;

    }

    .index_news_container .news_container {

        width: 1440px;

        padding: 0 150px;

    }

}



@media only screen and (max-width: 1440px) {

    /*layout*/

    body {

        min-width: 1200px;

    }

    .layout {

        width: 1200px;

    }

    /*index*/

    .index_project_container,

    .index_strengths_container,

    .index_news_container,

    .company_information_wrap,

    .index_feature_product {

        margin: 30px auto;

    }

    .index_hd .hd_title {

        font-size: 28px;

    }

    .about_text {

        margin-top: 15px;

        font-size: 14px;

        line-height: 1.67;

    }

    .about_btns {

        margin-top: 30px;

    }

    .index_project_container .project_items {

        margin-top: 30px;

    }

    .project_items .project_item {

        padding: 15px 10px;

        width: calc((100% - 40px)/ 3);

    }

    .project_item figcaption {

        padding: 20px 10px;

    }

    .project_item figcaption h4 {

        margin-bottom: 12px;

        font-size: 18px;

    }

    .project_item figcaption .project_info {

        font-size: 14px;

        line-height: 1.6;

    }

    .project_item figcaption .more_btn {

        margin-top: 20px;

    }

    .strengths_items .strengths_item {

        width: calc((100% - 40px)/3);

        padding: 15px 10px;

    }

    .strengths_item figure {

        padding: 25px 15px;

    }

    .strengths_item .item_info .strengthst_tit {

        font-size: 18px;

        margin: 10px auto 12px auto;

    }

    .strengths_item .item_info .strengthst_desc {

        font-size: 14px;

    }

    .index_news_container .news_container {

        width: 1300px;

        padding: 0 120px;

        margin-top: 30px;

    }

    .news_item time:before {

        background-size: 66.67%;

        background-repeat: no-repeat;

    }

    .news_item time {

        margin-bottom: 15px;

        padding-left: 30px;

        font-size: 18px;

        line-height: 1;

    }

    .index_news_container .more_btn {

        margin-top: 40px;

    }

    /*product*/

    .foor_service {

        padding: 45px 0;

    }

}



@media only screen and (max-width: 1366px) {

    /*layout*/

    body {

        min-width: 1150px;

    }

    .layout {

        width: 1150px;

    }

    /*header*/

    .web_head .logo:after,

    .web_head .logo:before {

        display: none;

    }

    .web_head .logo img {

        max-height: 70px;

        width: auto;

    }

    .head_nav>li>a {

        font-size: 16px;

    }

    .head_nav>li {

        padding: 0 15px;

    }

    .head_contact li.head_mail {

        margin-left: 0;

    }

    .head_layout .layout {

        padding-left: 200px;

    }

    .greeting-wrap .greeting-info {

        font-size: 18px;

        line-height: 2;

    }

    /*index*/

    .company_information_wrap {

        max-width: 80%;

    }

    .feature_item {

        margin-bottom: 0;

    }

    .num_item .num_big {

        font-size: 36px;

        margin-bottom: 15px;

    }

    .num_item .num_desc {

        font-size: 18px;

    }

    .index_news_container .news_container {

        width: 98%;

        margin-top: 15px;

    }

    .feature_items .swiper-pagination {

        margin-top: 10px !important;

        position: relative;

    }

    /*list*/

    .items_list .product_item {

        width: 33.33333333%;

        max-width: 33.33333333%;

        -webkit-box-flex: 0 0 33.33333333%;

        -webkit-flex: 0 0 33.33333333%;

        -ms-flex: 0 0 33.33333333%;

        flex: 0 0 33.33333333%;

    }

}



@media only screen and (max-width: 1280px) {

    /*layout*/

    body {

        min-width: unset;

    }

    .layout {

        width: 98%;

    }

    /*header*/

    .head_nav>li>a {

        font-size: 14px;

    }

    .web_head .btn--search {

        margin-left: 15px;

        padding-right: 15px;

        margin-right: 15px;

    }

    .head_nav>li {

        padding: 0 10px;

    }

    /*index*/

    /*list*/

    .main {

        padding-bottom: 0;

        width: calc(100% - 280px);

    }

    .items_list ul {

        margin: -5px;

    }

    .items_list .product_item {

        padding: 5px;

    }

    .page_main {

        padding: 30px 0;

    }

    .product-summary {

        width: calc(57.83% - 30px);

    }

    .product-btn-wrap .email,

    .product-btn-wrap .pdf,

    .product-btn-wrap .buy {

        text-transform: capitalize;

        font-size: 12px;

        line-height: 30px;

    }

    .pagnation_title {

        font-size: 28px;

        margin-bottom: 15px;

    }

    .path_bar li,

    .path_bar li a {

        font-size: 16px;

    }

    .product-summary .product-meta p {

        margin: 15px 0;

        font-size: 13px;

        line-height: 1.5;

    }

    .product-btn-wrap {

        padding-top: 50px;

    }

    .feature_item .item_more {

        width: 80px;

        height: 80px;

        font-size: 14px;

        line-height: 70px;

        -webkit-transform: translate(-50%, -80%);

        transform: translate(-50%, -80%);

    }

}



@media only screen and (max-width: 1200px) {}



@media only screen and (max-width: 950px) {

    body {

        min-width: 100%;

    }

    .z10000 {

        position: relative;

        z-index: 100000;

    }

    .mobile-body-mask {

        position: fixed;

        top: 0;

        left: 0;

        z-index: 999;

        width: 100%;

        height: 100vh;

        background: rgba(0, 0, 0, 0.6);

    }

    .mobile-ico-close {

        position: absolute;

        top: 0;

        right: -35px;

        width: 30px;

        height: 30px;

        background: #fff url(../img/mobile_close.png) center center no-repeat;

        background-size: 50% auto;

        cursor: pointer;

    }

    .sub-content {

        position: relative;

        right: auto;

        z-index: 99999;

        display: block;

        border: none;

        border-radius: 0;

        box-shadow: none;

    }

    .lang-more {

        display: none !important;

    }

    .mobile-head-items {

        position: fixed;

        top: 0;

        left: 0;

        z-index: 999;

        display: block;

        width: 100%;

        height: 25px;

        background: #161622;

        text-align: left;

        line-height: 25px;

    }

    .mobile-head-item {

        float: left;

        width: 45px;

    }

    .mobile-head-item.mobile-head-aside {

        float: right;

    }

    .mobile-head-item .title {

        overflow: hidden;

        width: 100%;

        height: 25px;

        color: #FFF;

        text-align: center;

        line-height: 25px;

        cursor: pointer;

        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    }

    .mobile-head-item .title a {

        position: relative;

        display: block;

        color: #FFF;

    }

    .mobile-head-item.mobile-head-home .title a:before {

        content: '\f015';

    }

    .mobile-head-item.mobile-head-nav .title:before {

        content: '\f0c9';

    }

    .mobile-head-item.mobile-head-language .title:before {

        content: "\f1ab";

    }

    .mobile-head-item.mobile-head-search .title:before {

        content: "\f002";

    }

    .mobile-head-item.mobile-head-social .title:before {

        content: "\f007";

    }

    .mobile-head-item.mobile-head-aside .title:before {

        content: "\f060";

    }

    .mobile-head-item .main-content-wrap {

        top: 0;

        z-index: 99999;

        display: block;

        background: #FFF;

    }

    .mobile-head-item .main-content-wrap .content-wrap {

        overflow-y: auto;

        padding: 15px 10px;

        height: 100%;

        background-color: #fff;

    }

    .mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap {

        overflow-y: hidden;

    }

    .mobile-head-item .side-content-wrap {

        position: fixed;

        left: -70%;

        display: block;

        width: 70%;

        height: 100%;

    }

    .mobile-head-item .middle-content-wrap {

        position: absolute;

        left: 0;

        visibility: hidden;

        padding: 20px 0;

        width: 100%;

        height: auto;

        opacity: 0;

    }

    .mobile-head-item .middle-show-content-wrap {

        top: 30px;

        visibility: visible;

        opacity: 1;

    }

    .web_head .nav_wrap .head_nav,

    .web_head .change-language,

    .web_head .head-search,

    .head-search .search-attr,

    .head_contact,

    .web_head .btn--search {

        display: none;

    }

    .top_bar.layout {

        width: 100%;

        padding-left: 0;

    }

    .web_head {

        padding: 25px 0 0;

        height: auto;

    }

    .web_head .logo {

        position: relative;

        display: block;

        width: 100%;

        max-width: unset;

        text-align: center;

        flex: 1;

    }

    .web_head .nav_wrap {

        position: static;

    }

    .nav_wrap .logo img {

        height: 100px;

    }

    .head-search {

        position: relative;

        width: 100%;

        height: 35px;

        background: #ABDCFC;

        color: #fff;

    }

    .head-search .search-ipt {

        width: 100%;

        line-height: 35px;

        height: 35px;

        padding-left: 1.5%;

        color: #fff;

    }

    .search-ipt::-webkit-input-placeholder {

        color: #fff;

    }

    .search-ipt:-moz-placeholder {

        color: #fff;

    }

    .search-ipt::-moz-placeholder {

        color: #fff;

    }

    .search-ipt:-ms-input-placeholder {

        color: #fff;

    }

    .head-search .search-btn {

        width: 35px;

        height: 35px;

        background-image: url(../img/web_icon.png);

        background-position: 4px 6px;

        background-repeat: no-repeat;

        position: absolute;

        right: 0;

        top: 0;

        background-color: transparent;

        border: none;

        padding: 0;

    }

    /* header */

    .web_head {

        background: #ABDCFC;

    }

    .head_layout {

        height: auto;

        /* height: 50px; */

    }

    /*nav */

    .head_nav {

        width: 100%;

    }

    .head_nav>li {

        display: block;

    }

    .head_nav li {

        padding-top: 4px;

        padding-bottom: 4px;

        padding-left: 28px;

    }

    .head_nav li,

    .head_nav li a,

    .head_nav>li ul li a,

    .head_nav li:hover a {

        color: #111;

    }

    .head_nav li.has-child {

        margin-top: 0;

        margin-bottom: 0;

        padding-left: 28px;

    }

    .head_nav li.has-child>a {

        margin-top: 3px;

        margin-right: 35px;

        margin-bottom: 3px;

    }

    .head_nav li.has-child>ul {

        position: relative;

        top: auto;

        left: auto;

        display: block;

        margin-left: 0;

        padding: 0 0 0 10px;

        width: 100%;

        border-top: unset;

        box-shadow: unset;

        opacity: 1;

        -webkit-transform: scaleY(1);

        transform: scaleY(1);

        background: #fff;

        display: none;

    }

    .head_nav li a {

        position: relative;

        display: block;

        height: 1.4em;

        line-height: 1.4em;

    }

    .head_nav li a:hover {

        color: inherit;

    }

    .head_nav li em {

        display: block;

        overflow: hidden;

        height: 1.4em;

    }

    .head_nav li li {

        font-size: 14px;

    }

    .head_nav li li li {

        font-size: 12px;

    }

    .head_nav li li a {

        color: #666;

    }

    .head_nav li.has-child a b {

        position: absolute;

        top: 1px;

        right: -35px;

        display: inline-block;

        overflow: hidden;

        -webkit-box-sizing: content-box;

        box-sizing: content-box;

        width: 15px;

        height: 15px;

        border: 1px solid #111;

        border-radius: 2px;

        line-height: 15px;

    }

    .head_nav li.has-child a b:before,

    .head_nav li.has-child a b:after {

        position: absolute;

        top: 50%;

        left: 3px;

        display: block;

        margin-top: -.5px;

        width: 9px;

        height: 1px;

        background-color: #111;

        content: '';

    }

    .head_nav li.has-child a b:after {

        -webkit-transform: rotate(90deg);

        -o-transform: rotate(90deg);

        transform: rotate(90deg);

        -ms-transform: rotate(90deg);

    }

    .head_nav li.has-child a:hover b {

        border-color: #111;

    }

    .head_nav>li {

        padding-top: 10px;

        padding-bottom: 10px;

        border-bottom: 1px solid #f2f2f2;

    }

    .head_nav>li>a {

        position: relative;

        position: relative;

        margin-bottom: -1px;

        text-transform: uppercase;

        text-transform: uppercase;

        font-size: 16px;

    }

    .head_nav li,

    .head_nav li.has-child {

        padding-left: 0;

    }

    .head_nav li li,

    .head_nav li li.has-child {

        padding-left: 15px;

    }

    .head_nav li.active>a>b:after {

        display: none;

    }

    .web_head .nav_wrap {

        display: none;

    }

    .head_nav>li ul li {

        border-bottom: none;

    }

    .head_nav>li:before {

        display: none;

    }

    /* footer */

    .foor_service {

        width: 98%;

    }

    .web_footer,

    .web_footer a {

        font-size: 12px;

    }

    .foor_service {

        padding: 30px 0;

    }

    .foot_item {

        width: 30%;

    }

    .foor_service .foot_item .fot_tit {

        margin-bottom: 20px;

        font-size: 18px;

        padding-bottom: 20px;

    }

    .copyright {

        font-size: 12px;

    }

    /*index*/

    .index_hd .hd_title {

        font-size: 20px;

        line-height: 1.5;

    }

    .more_btn {

        border-radius: 30px;

        font-size: 12px;

        line-height: 30px;

    }

    .banner_button_prev,

    .banner_button_next {

        display: none;

    }

    .slider_banner .swiper-pagination {

        bottom: 10px !important;

    }

    .slider_banner .swiper-pagination-bullet {

        margin-right: 10px;

        width: 25px;

        height: 5px;

    }

    .index_project_container,

    .index_strengths_container,

    .index_news_container,

    .company_information_wrap {

        margin: 20px auto;

    }

    .about_text {

        margin-top: 10px;

        font-size: 12px;

    }

    .about_btns {

        margin-top: 15px;

    }

    .project_items .project_item {

        padding: 10px 5px;

        width: 32.33%;

        background: #ABDCFC;

    }

    .project_item figcaption {

        padding: 10px 1%;

    }

    .project_item figcaption .project_info,

    .project_item figcaption h4 {

        color: #fff;

    }

    .project_item figcaption h4 {

        margin-bottom: 7px;

        font-size: 16px;

    }

    .project_item figcaption .project_info {

        font-size: 12px;

    }

    .feature_item figcaption {

        position: relative;

        opacity: 1;

        top: unset;

        left: unset;

        height: auto;

    }

    .feature_item .pd_tit {

        position: relative;

        bottom: unset;

        left: unset;

    }

    .feature_item .item_more {

        display: none;

    }

    .feature_item .pd_tit a {

        font-size: 14px;

    }

    .index_news_container .news_container {

        margin-top: 10px;

        padding: 0 60px;

    }

    .news_item .news_info {

        font-size: 14px;

        line-height: 1.67;

    }

    /* aside */

    .aside {

        display: none;

    }

    .side-widget {

        margin-bottom: 35px;

    }

    .side-product-items .items_content {

        margin-top: 10px;

        padding-top: 0;

        padding-bottom: 0;

    }

    .side-product-items .btn-prev,

    .side-product-items .btn-next {

        display: none;

    }

    .side-product-items .side_slider {

        padding-top: 0;

        padding-bottom: 0;

        max-height: inherit;

    }

    .side-product-items .side_slider ul:after {

        clear: both;

        display: block;

        visibility: hidden;

        height: 0;

        content: '';

    }

    .side-product-items .side_slider .swiper-wrapper {

        display: block;

        margin: 0 -5px;

        width: auto;

    }

    .side-product-items .side_product_item {

        float: left;

        display: block;

        width: 50%;

        height: auto!important;

        ;

        text-align: center;

    }

    .side-product-items .side_product_item:nth-child(2n+1) {

        clear: left;

    }

    .side-product-items .side_product_item figure {

        display: block;

        margin: 5px;

        padding: 3px;

        width: auto;

        border: 1px solid #eee;

    }

    .side-product-items .side_product_item .item-img {

        float: none;

        display: block;

        width: 100%;

        border: 0;

    }

    .side-product-items .side_product_item .item-img img {

        width: 100%;

        height: auto;

        border: 0;

    }

    .side-product-items .side_product_item figcaption {

        display: block;

        padding: 8px;

        width: auto;

    }

    .side-product-items .side_product_item figcaption .item_title {

        height: auto;

        text-transform: none;

        font-size: 12px;

    }

    /* main */

    .main {

        float: none;

        margin: 0 auto;

        width: auto;

    }

    .product-item {

        width: 33.333%;

    }

    .product-item .item-wrap {

        margin: 8px;

    }

    .page_bar {

        margin-top: 20px;

        text-align: center;

    }

    .path_bar .layout {

        width: auto;

    }

    .sys_sub_head .layer_ft_bg {

        display: none;

    }

    /* list */

    .main_hd {

        margin-bottom: 15px;

        text-align: center;

    }

    .main_hd .page_title {

        font-size: 22px;

    }

    .items_list>ul {

        margin: 0;

    }

    /* product intro */

    .page_title {

        border-bottom: 0;

        line-height: 1.1;

    }

    .video_close {

        display: none;

    }

    .image-additional li.image-item.current img {

        border: none;

    }

    .product-view {

        float: none;

        margin: 0 auto 15px;

        width: 100%;

    }

    .product-view .product-image,

    .single_product_items {

        display: none;

    }

    .product-view .image-additional-wrap {

        width: 100%;

        margin-top: 0;

    }

    .product-view .image-additional {

        margin: 0 -2px;

        padding: 0;

        background: none;

    }

    .product-view .image-additional ul {

        width: 100%;

    }

    .product-view .image-additional li {

        margin: 0;

        width: 33.33333333%;

    }

    .product-view .image-additional li a {

        margin: 0 2px;

        padding: 0;

        border: 0;

    }

    .product-view .image-additional li a:before {

        display: none;

    }

    .product-view .image-additional li img {

        opacity: 1;

        filter: alpha(opacity=100);

    }

    .product-view .image-additional li.current {

        border-bottom: unset;

    }

    .product-view .image-additional li.current img {

        border-color: inherit;

    }

    .product-view .image-additional li.current:before {

        display: none;

    }

    .product-view .image-additional li.single {

        display: block;

    }

    .product-view .image-additional li.current a:before,

    .product-view .image-additional li.current a:after {

        display: none;

    }

    .product-view .swiper-button-next,

    .product-view .swiper-button-prev {

        background: rgba(0, 0, 0, .8);

        color: #fff;

    }

    .product-view .swiper-button-next {

        right: 0;

    }

    .product-view .swiper-button-prev {

        left: 0;

    }

    .product-view .swiper-button-next,

    .product-view .swiper-button-prev {

        opacity: 1;

        filter: alpha(opacity=100);

    }

    .product-view .swiper-button-next.swiper-button-disabled,

    .product-view .swiper-button-prev.swiper-button-disabled {

        opacity: .3;

        filter: alpha(opacity=30);

    }

    /* product summary */

    .product-intro {

        margin-bottom: 20px;

    }

    .product-summary {

        position: relative;

        float: none;

        margin-left: 0;

        width: 100%;

    }

    .product-summary .product-meta li .item-val {

        display: inline-block;

    }

    .product-summary .share-this {

        float: none;

        margin: 30px 0;

    }

    .product-summary .product-meta li {

        display: block;

    }

    .product-summary .product-meta li em {

        display: inline;

        padding-right: 15px;

        color: #333;

        font-weight: bold;

    }

    .product-btn-wrap {

        padding-top: 20px;

        text-align: left;

    }

    .product-btn-wrap a {

        margin: 0 0 10px !important;

    }

    .product-summary .share-this {

        text-align: left;

    }

    /* product detail  */

    .tab-panel-wrap {

        padding: 30px 0 0;

    }

    .goods-may-like {

        padding: 50px 0 30px 0;

    }

    .goods-may-like .index_title_bar .good_title {

        font-size: 22px;

    }

    .goods-may-like .index_title_bar .good_title:after {

        width: 80px;

        height: 2px;

        margin-left: -40px;

    }

}



@media only screen and (max-width: 768px) {

    /*footer*/

    .foot_bar .foot_links {

        float: none;

    }

    .foot_bar .foot_links li {

        float: none;

        display: inline;

        padding: 0 8px;

    }

    /*index*/

    .index_hd .hd_title {

        font-size: 18px;

    }

    .company_information_wrap {

        max-width: 98%;

    }

    .feature_item .pd_tit a {

        text-transform: capitalize;

        font-size: 12px;

        letter-spacing: .38px;

    }

    .num_item .num_big {

        font-size: 24px;

        margin-bottom: 5px;

    }

    .num_item .num_desc {

        font-size: 12px;

    }

    .strengths_item figure {

        padding: 10px 5px;

    }

    .strengths_item .item_info .strengthst_tit {

        font-size: 14px;

        margin: 7px auto;

    }

    .strengths_item .item_info .strengthst_desc {

        font-size: 12px;

    }

    .news_item .news_info {

        font-size: 12px;

    }

    .news_item time {

        margin-bottom: 7px;

        padding-left: 20px;

        font-size: 14px;

        line-height: 1;

    }

    .news_item time::before {

        background-size: 50%;

    }

    .news_control {

        display: none;

    }

    .index_news_container .news_container {

        padding: 0;

    }

    .index_news_container .more_btn {

        margin-top: 10px;

    }

    /*list*/

    .items_list .product_item figcaption {

        padding: 12px;

    }

    .head_bn_item img {

        min-width: 640px;

    }

    .pagnation_title {

        font-size: 22px;

    }

    .goods-may-like {

        padding: 30px 0;

    }

    .goods-may-like .index_title_bar .good_title {

        font-size: 16px;

    }

    .goods-may-like .index_title_bar .good_title:after {

        width: 40x;

        height: 2px;

        margin-left: -20px;

    }

    .goods-may-like .index_title_bar p {

        line-height: 18px;

        font-size: 12px;

        margin: 10px 0;

    }

    .product_item .item_title a {

        padding: 5px 0;

        font-size: 14px;

        line-height: 1.5;

    }

}



@media only screen and (max-width: 640px) {

    /*index*/

    .project_items .project_item,

    .strengths_items .strengths_item {

        width: 100%;

        margin-bottom: 10px;

    }

    /* list */

    .sys_sub_head .head_title h1 {

        font-size: 30px;

    }

    .items_list .product_item {

        width: 50%;

        max-width: 50%;

        -webkit-box-flex: 0 0 50%;

        -webkit-flex: 0 0 50%;

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

    }

    .foot_item {

        width: 100%;

        margin-bottom: 7px;

    }

    .strengths_items .strengths_item,

    .strengths_item figure {

        background: #ABDCFC;

    }

    .strengths_item figure::before,

    .strengths_item figure::after {

        width: 100%;

        height: 100%;

    }

    .strengths_item .item_info .strengthst_tit {

        color: #fedf00;

    }

    .strengths_item .item_info .strengthst_desc {

        COLOR: #FFF;

    }

    .greeting-wrap .greeting-info {

        font-size: 12px;

        line-height: 2.5;

    }

}



@media only screen and (max-width: 480px) {

    .mobile-hide {

        display: none!important;

    }

    .gotop {

        display: none !important;

    }

    .service_item {

        width: 100%;

    }

    .blog-item .item-img {

        width: 150px;

    }

    .table_wrap {

        overflow-x: scroll;

    }

    /* layout */

    /*header*/

    /*index*/

    .greeting-wrap {

        display: none;

    }

    .num_item {

        width: 50%;

        margin-bottom: 10px;

    }

    /*footer*/

    /* aside */

    .side-widget {

        margin: 0 0 30px;

    }

    .side-tit-bar .side-tit {

        font-size: 16px;

    }

    .side-cate li {

        font-size: 12px;

    }

    .side-cate li .icon-cate {

        width: 30px;

    }

    .side-cate li.has-child>a {

        padding: 10px 30px 10px 10px;

        line-height: 20px;

    }

    .side-widget .cate-type-list>li {

        line-height: 20px;

    }

    .side-widget .cate-type-list>li>a {

        margin-left: 10px;

        padding-top: 8px;

        padding-bottom: 8px;

    }

    .side-product-items .side_product_item {

        float: none;

        width: 100%;

    }

    .side-product-items .side_product_item figure {

        margin-right: 10px;

        margin-left: 10px;

    }

    /* index */

    /*main*/

    .path_bar ul:before {

        width: 16px;

        height: 16px;

        background-size: contain;

        -webkit-background-size: contain;

    }

    .path_bar li {

        padding-left: 5px;

        font-size: 12px;

    }

    .path_bar li+li:before {

        margin-right: 5px;

    }

    .main_banner .swiper-pagination-bullet {

        width: 8px;

        height: 8px;

    }

    .page_bar {

        font-size: 12px;

        line-height: 22px;

    }

    .page_bar a,

    .page_bar span {

        margin: 0 2px;

        min-width: 2em;

        border-radius: 2px;

    }

    /*list*/

    .main_hd .page_title {

        font-size: 20px;

    }

    .items_list ul {

        margin: -2px;

    }

    .items_list .product_item {

        padding: 2px;

    }

    .items_list .product_item figure {

        position: relative;

        border: 0;

    }

    .items_list .product_item figcaption {

        position: absolute;

        bottom: 0;

        left: 0;

        padding: 1px 0 0;

        width: 100%;

    }

    .items_list .product_item .item_title {

        font-size: 12px;

    }

    .items_list .product_item .item_title a {

        height: 2.5em;

        background-color: rgba(0, 0, 0, .7);

        line-height: 2.5em;

    }

    /*blog*/

    .blog-item {

        padding: 30px 5px;

    }

    .blog-item .item-img {

        float: none;

        -webkit-box-sizing: border-box;

        box-sizing: border-box;

        margin-right: 0;

        width: auto;

        max-width: 70%;

        border: 1px solid #ddd;

    }

    .blog-item .item-info .item-title {

        font-weight: normal;

        line-height: 1.2;

    }

    .blog-item .item-info {

        padding-top: 15px;

    }

    .blog-item .item-info .item-title {

        height: auto;

        font-size: 22px;

    }

    .blog-item .item-info .item-detail {

        display: -webkit-box;

        overflow: hidden;

        overflow: hidden;

        max-height: 9em;

        text-overflow: ellipsis;

        line-height: 1.5em;

        -webkit-line-clamp: 6;

        -webkit-box-orient: vertical;

    }

    .blog-item .item-info .item-more {

        float: none;

    }

    .blog-item .item-info time {

        color: #888;

        font-size: 14px;

    }

    /* product */

    .items_list .share_this {

        position: static;

        float: none;

        padding-bottom: 15px;

        text-align: left;

    }

    .product-intro {

        overflow: visible;

    }

    .product-view {

        margin-right: -10px;

        margin-left: -10px;

        width: auto;

    }

    .product-view .image-additional li {

        width: 100%;

    }

    .product-view .image-additional li a {

        margin-right: 0;

        margin-left: 0;

    }

    .product-view .image-additional li a:before,

    .product-view .image-additional li a:after {

        display: none;

    }

    .product-view .swiper-button-prev,

    .product-view .swiper-button-next {

        width: 27px;

        height: 40px;

        font-size: 18px;

        line-height: 40px;

        opacity: .8;

        -webkit-transform: none;

        -o-transform: none;

        transform: none;

        -ms-transform: none;

    }

    .product-view .swiper-button-prev {

        left: 0;

        padding-right: 2px;

        border-radius: 0 3px 3px 0;

    }

    .product-view .swiper-button-next {

        right: 0;

        padding-left: 2px;

        border-radius: 3px 0 0 3px;

    }

    .product-view .swiper-button-prev:before,

    .product-view .swiper-button-next:before {

        display: inline-block;

        -webkit-transform: scale(.7, 1);

        -o-transform: scale(.7, 1);

        transform: scale(.7, 1);

        -ms-transform: scale(.7, 1);

    }

    .product-view .swiper-button-prev:before {

        content: '\f053';

    }

    .product-view .swiper-button-next:before {

        content: '\f054';

    }

    .goods-may-like .title {

        text-transform: none;

    }

    .page_title {

        font-weight: normal;

        font-size: 20px;

    }

    .product-summary {

        padding-top: 0;

    }

    .product-summary .page_title {

        margin-bottom: 15px;

        font-weight: bold;

        font-size: 18px;

    }

    .product-summary .product-meta {

        font-size: 12px;

    }

    .product-summary .product-meta p {

        font-size: 12px;

    }

    .product-summary .product-meta h3 {

        font-size: 16px;

        line-height: 1.3;

    }

    .product-summary .product-meta li {

        font-size: 13px;

    }

    .product-summary .share-this {

        margin: 20px 0 0;

        text-align: left;

    }

    .product-btn-wrap {

        padding-top: 30px;

    }

    .product-btn-wrap .email,

    .product-btn-wrap .pdf,

    .product-btn-wrap .buy {

        padding: 5px 10px;

        font-size: 12px;

        line-height: 20px;

    }

    .product-detail {

        margin-top: 40px;

    }

    .detail-tabs .title {

        padding: 1px 15px;

        font-size: 14px;

    }

    .tab-panel-wrap {

        padding: 20px 0;

        border: 0;

    }

    .goods-may-like .title {

        margin-top: 15px;

        margin-bottom: 15px;

        font-size: 14px;

    }

    .goods-may-like .layer-bd {

        position: relative;

        padding: 0;

    }

    .goods-may-like .swiper-slider {

        position: relative;

    }

    .goods-may-like .product_item figure {

        padding: 1px;

    }

    .goods-may-like .product_item .item_title {

        font-size: 14px;

    }

    .goods-may-like .product_item .item_title a {

        padding-right: 0;

        padding-left: 0;

    }

    .goods-may-like .swiper-control {

        position: static;

    }

    .goods-may-like .swiper-button-prev,

    .goods-may-like .swiper-button-next {

        position: absolute;

        margin-top: -15px;

        margin-right: 0;

        margin-left: 0;

        width: 30px;

        height: 30px;

        background-color: rgba(0, 0, 0, .7);

        line-height: 30px;

    }

    .goods-may-like .layer-bd .swiper-button-prev {

        left: 5px;

    }

    .goods-may-like .layer-bd .swiper-button-next {

        right: 5px;

    }

}



@media only screen and (max-width: 320px) {

    .side_product_item {

        width: 100%;

    }

    .foor_service {

        flex-direction: column;

    }

    .foor_service .foot_item {

        margin-bottom: 10px;

    }

    .foot_item.foot_Catalog_nav {

        width: 100%;

    }

    .foot_item.foot_Catalog_nav ul li {

        width: 100%;

        flex: 0 0 100%;

        -webkit-flex: 0 0 100%;

    }

    .foor_service .foot_item .fot_tit {

        margin-bottom: 5px;

    }

}





/*-------------------------------

			swiper-slide start

			----------------------------------*/



.slider_banner {

    position: relative;

    overflow: hidden;

    margin: 0px 0;

}



.swiper-container-no-flexbox .swiper-slide {

    float: left;

}



.swiper-container-vertical>.swiper-wrapper {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

}



.swiper-wrapper {

    position: relative;

    z-index: 1;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

    width: 100%;

    height: 100%;

    -webkit-transition-property: -webkit-transform;

    -o-transition-property: transform;

    transition-property: -webkit-transform;

    transition-property: transform;

    transition-property: transform, -webkit-transform;

}



.swiper-container-android .swiper-slide,

.swiper-wrapper {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}



.swiper-container-multirow>.swiper-wrapper {

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}



.swiper-container-free-mode>.swiper-wrapper {

    margin: 0 auto;

    -webkit-transition-timing-function: ease-out;

    -o-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

}



.swiper-slide {

    position: relative;

    overflow: hidden;

    width: 100%;

    height: 100%;

    -webkit-transition-property: -webkit-transform;

    -o-transition-property: transform;

    transition-property: -webkit-transform;

    transition-property: transform;

    transition-property: transform, -webkit-transform;

    -webkit-flex-shrink: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

}



.swiper-invisible-blank-slide {

    visibility: hidden;

}



.swiper-container-autoheight,

.swiper-container-autoheight .swiper-slide {

    height: auto;

}



.swiper-container-autoheight .swiper-wrapper {

    -webkit-transition-property: height, -webkit-transform;

    -o-transition-property: transform, height;

    transition-property: height, -webkit-transform;

    transition-property: transform, height;

    transition-property: transform, height, -webkit-transform;

    -webkit-box-align: start;

    -webkit-align-items: flex-start;

    -ms-flex-align: start;

    align-items: flex-start;

}



.swiper-container-3d {

    -webkit-perspective: 1200px;

    perspective: 1200px;

}



.swiper-container-3d .swiper-cube-shadow,

.swiper-container-3d .swiper-slide,

.swiper-container-3d .swiper-slide-shadow-bottom,

.swiper-container-3d .swiper-slide-shadow-left,

.swiper-container-3d .swiper-slide-shadow-right,

.swiper-container-3d .swiper-slide-shadow-top,

.swiper-container-3d .swiper-wrapper {

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d;

}



.swiper-container-3d .swiper-slide-shadow-bottom,

.swiper-container-3d .swiper-slide-shadow-left,

.swiper-container-3d .swiper-slide-shadow-right,

.swiper-container-3d .swiper-slide-shadow-top {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 10;

    width: 100%;

    height: 100%;

    pointer-events: none;

}



.swiper-container-3d .swiper-slide-shadow-left {

    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));

    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

}



.swiper-container-3d .swiper-slide-shadow-right {

    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));

    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

}



.swiper-container-3d .swiper-slide-shadow-top {

    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));

    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

}



.swiper-container-3d .swiper-slide-shadow-bottom {

    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));

    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

}



.swiper-container-wp8-horizontal,

.swiper-container-wp8-horizontal>.swiper-wrapper {

    -ms-touch-action: pan-y;

    touch-action: pan-y;

}



.swiper-container-wp8-vertical,

.swiper-container-wp8-vertical>.swiper-wrapper {

    -ms-touch-action: pan-x;

    touch-action: pan-x;

}



.swiper-button-next,

.swiper-button-prev {

    position: absolute;

    top: 50%;

    z-index: 2;

    margin-top: -25px;

    width: 36px;

    height: 50px;

    border-radius: 2px;

    background-color: rgba(0, 0, 0, .4);

    background-color: #ccc;

    text-align: center;

    font-size: 30px;

    line-height: 50px;

    opacity: 0;

    cursor: pointer;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}



.swiper-button-next:before,

.swiper-button-prev:before {

    display: inline-block;

}



.swiper-container:hover .swiper-button-next,

.swiper-container:hover .swiper-button-prev {}



.swiper-button-next.swiper-button-disabled,

.swiper-button-prev.swiper-button-disabled {

    opacity: 0.3;

    cursor: auto;

    /* pointer-events:none; */

}



.swiper-button-prev,

.swiper-container-rtl .swiper-button-next {

    right: auto;

    left: 10px;

}



.swiper-button-next,

.swiper-container-rtl .swiper-button-prev {

    right: 10px;

    left: auto;

}



.swiper-button-prev:before,

.swiper-container-rtl .swiper-button-next:before {

    content: '\f104';

}



.swiper-button-next:before,

.swiper-container-rtl .swiper-button-prev:before {

    content: '\f105';

}



.swiper-button-lock {

    display: none;

}



.swiper-pagination {

    position: absolute;

    z-index: 2;

    text-align: center;

    -webkit-transition: .3s opacity;

    -o-transition: .3s opacity;

    transition: .3s opacity;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}



.swiper-pagination.swiper-pagination-hidden {

    opacity: 0;

}



.swiper-container-horizontal>.swiper-pagination-bullets,

.swiper-pagination-custom,

.swiper-pagination-fraction {

    display: none;
    margin-top: 30px;
    width: 100%;
    text-align: center;
    font-size: 0;

}



.swiper-pagination-bullets-dynamic {

    overflow: hidden;

    font-size: 0;

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

    position: relative;

    -webkit-transform: scale(.33);

    transform: scale(.33);

    -ms-transform: scale(.33);

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {

    -webkit-transform: scale(1);

    transform: scale(1);

    -ms-transform: scale(1);

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {

    -webkit-transform: scale(1);

    transform: scale(1);

    -ms-transform: scale(1);

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {

    -webkit-transform: scale(.66);

    transform: scale(.66);

    -ms-transform: scale(.66);

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {

    -webkit-transform: scale(.33);

    transform: scale(.33);

    -ms-transform: scale(.33);

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {

    -webkit-transform: scale(.66);

    transform: scale(.66);

    -ms-transform: scale(.66);

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {

    -webkit-transform: scale(.33);

    transform: scale(.33);

    -ms-transform: scale(.33);

}



.swiper-pagination-bullet,

.swiper-pagination-bullet:before,

.swiper-pagination-bullet:after {

    display: inline-block;

    width: 15px;

    height: 15px;

    vertical-align: top;

    border-radius: 50%;

}



.swiper-pagination-bullet {

    position: relative;

    overflow: hidden;

    cursor: pointer;

    margin: 0 5px;

}



.swiper-pagination-bullet:before {

    background-color: #ABDCFC;

    content: '';

}



.swiper-pagination-bullet-active:before {

    background-color: #fedf00;

}



.swiper-pagination-clickable .swiper-pagination-bullet {

    cursor: pointer;

}



.swiper-container-vertical>.swiper-pagination-bullets {

    top: 50%;

    right: 10px;

    -webkit-transform: translate3d(0, -50%, 0);

    transform: translate3d(0, -50%, 0);

}



.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {

    display: block;

    margin: 6px 0;

}



.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {

    top: 50%;

    width: 8px;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    -ms-transform: translateY(-50%);

}



.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

    display: inline-block;

    -webkit-transition: .2s top, .3s -webkit-transform;

    -o-transition: .2s transform, .3s top;

    transition: .2s top, .3s -webkit-transform;

    transition: .2s transform, .3s top;

    transition: .2s transform, .3s top, .3s -webkit-transform;

}



.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {}



.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {

    left: 50%;

    white-space: nowrap;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    -ms-transform: translateX(-50%);

}



.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

    -webkit-transition: .2s left, .3s -webkit-transform;

    -o-transition: .2s transform, .3s left;

    transition: .2s left, .3s -webkit-transform;

    transition: .2s transform, .3s left;

    transition: .2s transform, .3s left, .3s -webkit-transform;

}



.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

    -webkit-transition: .2s right, .3s -webkit-transform;

    -o-transition: .2s transform, .3s right;

    transition: .2s right, .3s -webkit-transform;

    transition: .2s transform, .3s right;

    transition: .2s transform, .3s right, .3s -webkit-transform;

}



.swiper-pagination-progressbar {

    position: absolute;

    background: rgba(0, 0, 0, .25);

}



.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #007aff;

    -webkit-transform: scale(0);

    transform: scale(0);

    -webkit-transform-origin: left top;

    transform-origin: left top;

    -ms-transform: scale(0);

    -ms-transform-origin: left top;

}



.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

    -webkit-transform-origin: right top;

    transform-origin: right top;

    -ms-transform-origin: right top;

}



.swiper-container-horizontal {

    overflow: hidden;

}



.swiper-container-horizontal>.swiper-pagination-progressbar {

    top: 0;

    left: 0;

    width: 100%;

    height: 4px;

}



.swiper-container-vertical>.swiper-pagination-progressbar {

    top: 0;

    left: 0;

    width: 4px;

    height: 100%;

}



.swiper-pagination-progressbar.swiper-pagination-white {

    background: rgba(255, 255, 255, .25);

}



.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {

    background: #fff;

}



.swiper-pagination-black .swiper-pagination-bullet-active {

    background: #000;

}



.swiper-pagination-progressbar.swiper-pagination-black {

    background: rgba(0, 0, 0, .25);

}



.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {

    background: #000;

}



.swiper-pagination-lock {

    display: none;

}



.swiper-scrollbar {

    position: relative;

    border-radius: 10px;

    background: rgba(0, 0, 0, .1);

    -ms-touch-action: none;

}



.swiper-container-horizontal>.swiper-scrollbar {

    position: absolute;

    bottom: 3px;

    left: 1%;

    z-index: 50;

    width: 98%;

    height: 5px;

}



.swiper-container-vertical>.swiper-scrollbar {

    position: absolute;

    top: 1%;

    right: 3px;

    z-index: 50;

    width: 5px;

    height: 98%;

}



.swiper-scrollbar-drag {

    position: relative;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border-radius: 10px;

    background: rgba(0, 0, 0, .5);

}



.swiper-scrollbar-cursor-drag {

    cursor: move;

}



.swiper-scrollbar-lock {

    display: none;

}



.swiper-zoom-container {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    width: 100%;

    height: 100%;

    text-align: center;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

}



.swiper-zoom-container>canvas,

.swiper-zoom-container>img,

.swiper-zoom-container>svg {

    max-width: 100%;

    max-height: 100%;

    -o-object-fit: contain;

    object-fit: contain;

}



.swiper-slide-zoomed {

    cursor: move;

}



.swiper-lazy-preloader {

    position: absolute;

    top: 50%;

    left: 50%;

    z-index: 10;

    margin-top: -21px;

    margin-left: -21px;

    width: 42px;

    height: 42px;

    -webkit-transform-origin: 50%;

    transform-origin: 50%;

    -ms-transform-origin: 50%;

    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;

    animation: swiper-preloader-spin 1s steps(12, end) infinite;

}



.swiper-lazy-preloader:after {

    display: block;

    width: 100%;

    height: 100%;

    background-position: 50%;

    background-size: 100%;

    background-repeat: no-repeat;

    content: '';

}



.swiper-lazy-preloader-white:after {}



@-webkit-keyframes swiper-preloader-spin {

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}



@keyframes swiper-preloader-spin {

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}



.swiper-container .swiper-notification {

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1000;

    opacity: 0;

    pointer-events: none;

}



.swiper-container-fade.swiper-container-free-mode .swiper-slide {

    -webkit-transition-timing-function: ease-out;

    -o-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

}



.swiper-container-fade .swiper-slide {

    -webkit-transition-property: opacity;

    -o-transition-property: opacity;

    transition-property: opacity;

    pointer-events: none;

}



.swiper-container-fade .swiper-slide .swiper-slide {

    pointer-events: none;

}



.swiper-container-fade .swiper-slide-active,

.swiper-container-fade .swiper-slide-active .swiper-slide-active {

    pointer-events: auto;

}



.swiper-container-cube {

    overflow: visible;

}



.swiper-container-cube .swiper-slide {

    z-index: 1;

    visibility: hidden;

    width: 100%;

    height: 100%;

    -webkit-transform-origin: 0 0;

    transform-origin: 0 0;

    pointer-events: none;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -ms-transform-origin: 0 0;

}



.swiper-container-cube .swiper-slide .swiper-slide {

    pointer-events: none;

}



.swiper-container-cube.swiper-container-rtl .swiper-slide {

    -webkit-transform-origin: 100% 0;

    transform-origin: 100% 0;

    -ms-transform-origin: 100% 0;

}



.swiper-container-cube .swiper-slide-active,

.swiper-container-cube .swiper-slide-active .swiper-slide-active {

    pointer-events: auto;

}



.swiper-container-cube .swiper-slide-active,

.swiper-container-cube .swiper-slide-next,

.swiper-container-cube .swiper-slide-next+.swiper-slide,

.swiper-container-cube .swiper-slide-prev {

    visibility: visible;

    pointer-events: auto;

}



.swiper-container-cube .swiper-slide-shadow-bottom,

.swiper-container-cube .swiper-slide-shadow-left,

.swiper-container-cube .swiper-slide-shadow-right,

.swiper-container-cube .swiper-slide-shadow-top {

    z-index: 0;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}



.swiper-container-cube .swiper-cube-shadow {

    position: absolute;

    bottom: 0;

    left: 0;

    z-index: 0;

    width: 100%;

    height: 100%;

    background: #000;

    opacity: .6;

    -webkit-filter: blur(50px);

    filter: blur(50px);

}



.swiper-container-flip {

    overflow: visible;

}



.swiper-container-flip .swiper-slide {

    z-index: 1;

    pointer-events: none;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}



.swiper-container-flip .swiper-slide .swiper-slide {

    pointer-events: none;

}



.swiper-container-flip .swiper-slide-active,

.swiper-container-flip .swiper-slide-active .swiper-slide-active {

    pointer-events: auto;

}



.swiper-container-flip .swiper-slide-shadow-bottom,

.swiper-container-flip .swiper-slide-shadow-left,

.swiper-container-flip .swiper-slide-shadow-right,

.swiper-container-flip .swiper-slide-shadow-top {

    z-index: 0;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}



.swiper-container-coverflow .swiper-wrapper {

    -ms-perspective: 1200px;

}



@media screen and (max-width: 480px) {

    .swiper-pagination-bullet {

        margin: 0 5px;

        width: 10px;

        height: 10px;

    }

}





/*ie*/



.swiper-container {

    overflow: hidden\9;

}



.slider_banner .swiper-container .swiper-wrapper {

    width: 2000%\9;

}



.swiper-slide {

    float: left\9;

}



@media screen and (-ms-high-contrast: active),

(-ms-high-contrast: none) {

    .swiper-container .swiper-wrapper {

        width: auto;

    }

}





/*-------------------------------

			swiper-slide end

			----------------------------------*/





/*-------------------------------

			entry-table start

			----------------------------------*/



.entry {

    padding: 15px 0;

}



.entry {

    color: #666;

}



.entry a {

    color: #0030FF;

}



.entry p {

    margin: 0;

    padding: 8px 0;

    font-size: 13px;

    line-height: 1.8;

}



.entry table {

    margin-bottom: 20px;

    width: 100%;

    border-collapse: collapse;

    border-spacing: 0;

}



.entry th,

.entry td {

    padding: 0 15px;

    height: 30px;

    border: 1px solid #ccc;

    background: #fbfbfb;

    color: #666;

    text-align: left;

    font-size: 12px;

    line-height: 1.5;

}



.entry th {

    background: #eee;

    font-size: 12px;

}



.entry td p,

.entry th p,

.pd-panel .entry td p,

.pd-panel .entry th p {

    margin: 0;

    padding: 5px;

    color: #666;

    font-size: 12px;

    line-height: 1.3;

}



.entry td.amts {

    color: #cb2027;

}



.entry th#cartDelete {

    text-align: center;

}



.entry .button {

    margin: 15px 10px 0 0;

    padding: 8px 15px;

    border: 0;

    background: #dfdfdf;

    color: #777;

    text-transform: Capitalize;

    font-weight: bold;

    line-height: 1.2;

    cursor: pointer;

}



.entry .button:hover {

    background: #cb2027;

    color: #fff;

}



.entry .deletecartitem {

    width: 50px;

    text-align: center;

}



.entry .deletecartitem label {

    display: none;

}



.entry .stotal td.amts {

    font-weight: bold;

    font-size: 18px;

}



.entry img.alignleft {

    float: left;

    margin: 20px 15px 0 0;

}



.entry img.alignright {

    float: right;

    margin: 20px 0 0 15px;

}



.entry img.alignleftnopad {

    float: left;

    margin-left: 0;

}



.entry img.alignrightnopad {

    float: right;

    margin-right: 0;

}



.entry img.aligncenter {

    display: block;

    margin: 20px auto 0 auto;

    text-align: center;

}



.entry img {

    max-width: 100%;

}



.cartitem a {

    color: #292929;

    font-weight: bold;

}



.inquiry-form ul li {

    background: none;

}



.entry .inquiry-form-wrap {

    margin: 20px 0 0;

}



.table_wrap {

    position: relative;

    display: block;

}



.main table {

    position: relative;

    margin-bottom: 0 !important;

    width: 100%;

    border-collapse: collapse;

    border-spacing: 0;

}



.main table th,

.main table td {

    padding: 0 15px;

    height: 30px;

    border: 1px solid #ccc;

    background: #fbfbfb;

    color: #666;

    text-align: left;

    font-size: 12px;

    line-height: 1.5;

}



.main table th {

    background: #eee;

    font-size: 12px;

}



.main table td p,

.main table th p,

table td p,

table th p {

    margin: 0;

    padding: 5px;

    color: #666;

    font-size: 12px;

    line-height: 1.3;

}



.main table td.amts {

    color: #cb2027;

}



.main table th#cartDelete {

    text-align: center;

}





/*-------------------------------

			entry-table end

			----------------------------------*/





/*-------------------------------

			search  start

			----------------------------------*/



.container {

    position: relative;

    min-height: 100vh;

    background-position: left bottom;

    background-repeat: no-repeat;

}



.search-ipt {

    border: 0;

    border-radius: 0;

    background: transparent;

    -webkit-appearance: none;

}



.web-search {

    display: flex;

    visibility: hidden;

    text-align: center;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}



.web-search .btn--search-close {

    position: absolute;

    top: 1.25em;

    right: 1.25em;

    display: inline-block;

    display: none;

    width: 45px;

    height: 45px;

    border-radius: 50%;

    background-color: #ccc;

    background-image: url(../img/search_btn_close.png);

    background-position: center;

    background-size: auto 35%;

    background-repeat: no-repeat;

    font-size: 1.8em;

    line-height: 45px;

    cursor: pointer;

    -webkit-transition: transform .3s ease;

    -o-transition: transform .3s ease;

    transition: transform .3s ease;

    -webkit-background-size: auto 35%;

}



.web-search .btn--search-close:hover {

    background-color: #fedf00;

    -webkit-transform: rotate(90deg);

    -o-transform: rotate(90deg);

    transform: rotate(90deg);

    -ms-transform: rotate(90deg);

}



.js .btn--search-close {

    display: block;

}



.web-search .search-ipt {

    display: inline-block;

    box-sizing: border-box;

    padding: 0.05em 0;

    width: 75%;

    border-bottom: 3px solid;

    color: #333;

    font-size: 20px;

    font-family: inherit;

    line-height: 1em;

}



.web-search .search-ipt::-webkit-input-placeholder {

    color: #333;

    font-weight: bold;

}



.web-search .search-ipt::-moz-placeholder {

    color: #333;

    font-weight: bold;

    opacity: 1;

}



.web-search .search-ipt:-ms-input-placeholder {

    color: #333;

    font-weight: bold;

}



.web-search .search-ipt::-webkit-search-cancel-button,

.web-search .search-ipt::-webkit-search-decoration {

    -webkit-appearance: none;

}



.web-search .search-ipt::-ms-clear {

    display: none;

}



.web-search .search-attr {

    display: block;

    margin: 0 auto;

    padding: 0.85em 0;

    width: 75%;

    color: #333;

    text-align: right;

    font-size: 90%;

}



.js .container,

.js .web-search .search-ipt {

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

}



.js .container {

    position: relative;

}



.js .main-wrap--move {

    min-height: 100vh;

}



.js .web-search {

    pointer-events: none;

}



.web-search {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 100001;

    margin: auto;

    padding: 25px 0;

    width: 100%;

    background-color: #fff;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

    -webkit-transform: translateY(-100%);

    -o-transform: translateY(-100%);

    transform: translateY(-100%);

    perspective: 1200px;

    -ms-transform: translateY(-100%);

}



.web-search .btn--search-close {

    opacity: 0;

    -webkit-transition: opacity 0.3s ease;

    -o-transition: opacity 0.3s ease;

    transition: opacity 0.3s ease;

}



.search__suggestion,

.web-search .search-attr {

    opacity: 0;

    -webkit-transition: opacity 0.8s, transform 0.8s;

    -moz-transition: opacity 0.8s, transform 0.8s;

    -o-transition: opacity 0.8s, transform 0.8s;

    transition: opacity 0.8s, transform 0.8s;

    -webkit-transform: translate3d(-15%, 0, 0);

    -moz-transform: translate3d(-15%, 0, 0);

    -o-transform: translate3d(-15%, 0, 0);

    transform: translate3d(-15%, 0, 0);

    -ms-transform: translate3d(-15%, 0, 0);

    -ms-transition: opacity 0.8s, transform 0.8s;

}



.web-search .search-attr {

    padding-bottom: 0;

    font-size: 20px;

}



.js .web-search .search-ipt {

    padding: 0 0 15px;

    text-transform: uppercase;

    font-weight: bold;

    font-size: 60px;

    opacity: 0;

    -webkit-transform: scale3d(0, 1, 1);

    -moz-transform: scale3d(0, 1, 1);

    -o-transform: scale3d(0, 1, 1);

    transform: scale3d(0, 1, 1);

    -webkit-transform-origin: 0% 50%;

    -moz-transform-origin: 0% 50%;

    -o-transform-origin: 0% 50%;

    transform-origin: 0% 50%;

    border-bottom-width: 1px;

    -ms-transform: scale3d(0, 1, 1);

    -ms-transform-origin: 0% 50%;

}



.js .web-search .search-ipt,

.web-search .search-attr {

    -webkit-transition-delay: .15s;

    -o-transition-delay: .15s;

    transition-delay: .15s;

}



.js .web-search .search-btn {

    display: none !important;

}



.js .search--open {

    visibility: visible;

    opacity: 1;

    pointer-events: auto;

}



.js .search--open .btn--search-close {

    opacity: 1;

    -webkit-transition: transform .3s ease;

    -o-transition: transform .3s ease;

    transition: transform .3s ease;

    -webkit-animation: bounceInA 1s ease;

    -o-animation: bounceInA 1s ease;

    animation: bounceInA 1s ease;

}



.js .search--open .search-ipt {

    opacity: 1;

    -webkit-transform: scale3d(1, 1, 1);

    -moz-transform: scale3d(1, 1, 1);

    -o-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

    -ms-transform: scale3d(1, 1, 1);

}



.js .search--open .search-attr {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

}



.js .search--open {

    -webkit-transform: none;

    -o-transform: none;

    transform: none;

    -ms-transform: none;

}



.js .search--open::before {

    opacity: 1;

    -webkit-transform: none;

    -o-transform: none;

    transform: none;

    -ms-transform: none;

}



.js .main-wrap--move {

    -webkit-transform: translateY(180px);

    -o-transform: translateY(180px);

    transform: translateY(180px);

    -ms-transform: translateY(180px);

}



.main-wrap--move:after {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 100000;

    display: block;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.5);

    content: '';

}





/*-------------------------------

			search  end

			----------------------------------*/





/*-------------------------------

			scrollsidebar start

			----------------------------------*/



.scrollsidebar,

.scrollsidebar a {

    color: #999;

    font-size: 12px;

    font-family: Arial;

}



.scrollsidebar {

    position: absolute;

    top: 150px;

    right: 0;

    z-index: 30;

}



.show_btn {

    position: absolute;

    top: 0;

    right: 0;

    display: block;

    overflow: hidden;

    overflow: hidden;

    width: 38px;

    height: 192px;

    background: url(../img/custom_service/show_btn.png) no-repeat center center;

    cursor: pointer;

}



.side_content {

    float: left;

    overflow: hidden;

    width: 0;

    height: auto;

}



.side_content .side_list {

    position: relative;

    overflow: hidden;

    width: 140px;

    border: 1px solid #dadada;

    border-radius: 8px;

    background: #FFF;

}



.side_content .side_list .hd img {

    width: 100%;

    border-bottom: 1px solid #dadada;

}



.side_content .side_list .cont li {

    position: relative;

    height: 40px;

    border-bottom: 1px solid #dadada;

    list-style: none;

    line-height: 40px;

}



.side_content .side_list .cont li a {

    position: relative;

    display: block;

    padding: 0 0 0 43px;

    text-decoration: none;

}



.side_content .side_list .cont li a:before {

    position: absolute;

    top: 0;

    left: 10px;

    display: block;

    overflow: hidden;

    width: 25px;

    height: 40px;

    background-position: center center;

    background-repeat: no-repeat;

    content: "";

}



.side_content .side_list .cont li .email:before {

    background-image: url(../img/custom_service/icons01.png);

}



.side_content .side_list .cont li .skype:before {

    background-image: url(../img/custom_service/icons02.png);

}



.side_content .side_list .cont li .inquiry:before {

    background-image: url(../img/custom_service/icons03.png);

}



.side_content .side_list .cont li .qq:before {

    background-image: url(../img/custom_service/icons04.png);

}



.ww {

    margin-left: -30px;

}



.side_content .side_list .t-code {

    padding: 10px 10px 7px;

    border-bottom: 1px solid #dadada;

}



.side_content .side_list .t-code img {

    width: 100%;

}



.side_content .side_list .side_title {

    padding: 0 12px;

    height: 30px;

    line-height: 30px;

}



.side_content .side_list .side_title .close_btn {

    position: absolute;

    right: 10px;

    bottom: 0;

    width: 12px;

    height: 30px;

    background: url(../img/custom_service/close.png) no-repeat center center;

    cursor: pointer;

}



.side_content .side_list .side_title .close_btn span {

    display: none;

}





/*-------------------------------

			scrollsidebar end

			----------------------------------*/





/*inquiry*/



.inquiry-pop-bd {

    position: fixed;

    top: 50%;

    left: 50%;

    z-index: 2000;

    display: none;

    margin: -300px 0 0 -275px;

    width: 550px;

    height: 500px;

    background: #FFF;

    box-shadow: 0 0 10px rgba(255, 255, 255, .5);

}



.inquiry-pop-bd:before {

    position: fixed;

    top: 0;

    left: 0;

    z-index: -1;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .7);

    content: "";

}



.inquiry-pop-bd .inquiry-pop {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

    padding: 22px;

    width: 100%;

    height: 100%;

    background: #FFF;

    -webkit-animation: fadeInDownA .4s ease;

    -o-animation: fadeInDownA .4s ease;

    animation: fadeInDownA .4s ease;

}



.inquiry-pop-bd .inquiry-pop .ico-close-pop {

    position: absolute;

    top: -10px;

    right: -10px;

    z-index: 1;

    width: 30px;

    height: 30px;

    background: url(../img/demo/fancy_close.png) no-repeat center center;

    cursor: pointer;

}



.inquiry-form-wrap {

    position: relative;

    width: 100.5%;

    height: 420px;

}



.ad_prompt {

    position: absolute;

    top: 50%;

    left: 0;

    display: block;

    display: none;

    margin: -20px 0 0;

    width: 100%;

    color: #ABDCFC;

    text-align: center;

    font-size: 20px;

    line-height: 40px;

    -webkit-animation: twinkling 1s infinite ease-in-out;

    animation: twinkling 1s infinite ease-in-out;

}



@media screen and (max-width: 550px) {

    .inquiry-pop-bd {

        top: 10px;

        right: 10px;

        bottom: 10px;

        left: 10px;

        margin: auto;

        width: auto;

    }

    .inquiry-pop-bd .inquiry-pop {

        padding: 10px;

    }

    .scrollsidebar {

        display: none;

    }

}





/*-------------------------------

			language  start

			----------------------------------*/



.prisna-wp-translate-seo {

    display: none;

    font-family: Arial, Helvetica, sans-serif;

}



.mobile-head-language .prisna-wp-translate-seo,

.change-language .prisna-wp-translate-seo {

    display: block;

}



.change-language .change-language-title,

.change-language .change-language-title a {

    font-size: 10pt;

    line-height: 46px;

}



.change-language .change-language-title a:after {

    display: inline-block;

    padding-left: 2px;

    content: "\f0d7";

    font-size: 12px;

    font-family: 'fontawesome';

}



.change-language:hover .change-language-title a:after {

    -webkit-transform: rotate(-180deg);

    -moz-transform: rotate(-360deg);

    -o-transform: rotate(-180deg);

    transform: rotate(-180deg);

    -ms-transform: rotate(-180deg);

}



.change-language .change-language-cont {

    position: absolute;

    top: 36px;

    right: 0;

    z-index: 999;

    visibility: hidden;

    overflow-y: scroll;

    padding: 20px 10px 20px 20px;

    width: 360px;

    max-height: 80vh;

    border: 1px solid #eee;

    border-radius: 5px;

    background: #FFF;

    opacity: 0;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    transform: scale3d(0.9, 0.9, 1);

    -ms-transition: all 0.3s ease-in-out;

}



.change-language:hover .change-language-cont {

    visibility: visible;

    opacity: 1;

    transform: scale3d(1, 1, 1);

}



.change-language .change-language-cont li {

    display: inline-block;

    overflow: hidden;

    margin: 0 0 10px;

    padding: 0 10px 0 0;

    width: 30%;

    vertical-align: top;

    font-size: 10pt;

}



.change-language .change-language-cont li a:hover {

    color: #ABDCFC;

}



.change-language .change-language-cont .lang-item-hide {

    display: none !important;

}



.change-language .change-language-cont .lang-more {

    position: relative;

    display: block;

    text-align: center;

    line-height: 30px;

    cursor: pointer;

}



.change-language .change-language-cont .more-active {

    font-size: 20px;

}



.language-flag span {

    position: relative;

    display: inline-block;

    overflow: hidden;

    padding: 0 0 0 33px;

    vertical-align: top;

    white-space: nowrap;

    *display: inline;

    *zoom: 1;

}



.change-language ::-webkit-scrollbar {

    width: 5px;

}



.change-language ::-webkit-scrollbar-track {

    background-color: #fff;

}



.change-language ::-webkit-scrollbar-thumb {

    border-radius: 3px;

    background-color: rgba(0, 0, 0, .3);

}



.change-language .language-cont:hover::-webkit-scrollbar-thumb {

    display: block;

}



.language-flag .country-flag {

    position: absolute;

    top: 50%;

    left: 0;

    display: inline-block;

    margin: -8px 5px 0;

    width: 22px;

    height: 16px;

    background-image: url(../img/all-m.gif);

    background-repeat: no-repeat;

    vertical-align: top;

    *display: inline;

    *zoom: 1;

}



li.language-flag a {

    position: relative;

}



.language-flag-af .country-flag {

    background-position: 0 0 !important;

}



.language-flag-sq .country-flag {

    background-position: 0 -16px !important;

}



.language-flag-ar .country-flag {

    background-position: 0 -32px !important;

}



.language-flag-hy .country-flag {

    background-position: 0 -48px !important;

}



.language-flag-az .country-flag {

    background-position: 0 -64px !important;

}



.language-flag-eu .country-flag {

    background-position: 0 -80px !important;

}



.language-flag-be .country-flag {

    background-position: 0 -96px !important;

}



.language-flag-bg .country-flag {

    background-position: 0 -112px !important;

}



.language-flag-ca .country-flag {

    background-position: 0 -128px !important;

}



.language-flag-zh .country-flag {

    background-position: 0 -144px !important;

}



.language-flag-zh-TW .country-flag {

    background-position: 0 -160px !important;

}



.language-flag-hr .country-flag {

    background-position: 0 -176px !important;

}



.language-flag-cs .country-flag {

    background-position: 0 -192px !important;

}



.language-flag-da .country-flag {

    background-position: 0 -208px !important;

}



.language-flag-nl .country-flag {

    background-position: 0 -240px !important;

}



.language-flag-en .country-flag {

    background-position: 0 -256px !important;

}



.language-flag-et .country-flag {

    background-position: 0 -272px !important;

}



.language-flag-tl .country-flag {

    background-position: 0 -288px !important;

}



.language-flag-fi .country-flag {

    background-position: 0 -304px !important;

}



.language-flag-fr .country-flag {

    background-position: 0 -320px !important;

}



.language-flag-gl .country-flag {

    background-position: 0 -336px !important;

}



.language-flag-ka .country-flag {

    background-position: 0 -352px !important;

}



.language-flag-de .country-flag {

    background-position: 0 -368px !important;

}



.language-flag-el .country-flag {

    background-position: 0 -384px !important;

}



.language-flag-ht .country-flag {

    background-position: 0 -400px !important;

}



.language-flag-iw .country-flag {

    background-position: 0 -416px !important;

}



.language-flag-hi .country-flag,

.language-flag-te .country-flag,

.language-flag-kn .country-flag,

.language-flag-ta .country-flag,

.language-flag-gu .country-flag {

    background-position: 0 -432px !important;

}



.language-flag-hu .country-flag {

    background-position: 0 -448px !important;

}



.language-flag-is .country-flag {

    background-position: 0 -464px !important;

}



.language-flag-id .country-flag {

    background-position: 0 -480px !important;

}



.language-flag-ga .country-flag {

    background-position: 0 -496px !important;

}



.language-flag-it .country-flag {

    background-position: 0 -512px !important;

}



.language-flag-ja .country-flag {

    background-position: 0 -528px !important;

}



.language-flag-ko .country-flag {

    background-position: 0 -544px !important;

}



.language-flag-la .country-flag {

    background-position: 0 -560px !important;

}



.language-flag-lv .country-flag {

    background-position: 0 -576px !important;

}



.language-flag-lt .country-flag {

    background-position: 0 -592px !important;

}



.language-flag-mk .country-flag {

    background-position: 0 -608px !important;

}



.language-flag-ms .country-flag {

    background-position: 0 -624px !important;

}



.language-flag-mt .country-flag {

    background-position: 0 -640px !important;

}



.language-flag-no .country-flag {

    background-position: 0 -656px !important;

}



.language-flag-fa .country-flag {

    background-position: 0 -672px !important;

}



.language-flag-pl .country-flag {

    background-position: 0 -688px !important;

}



.language-flag-pt .country-flag {

    background-position: 0 -704px !important;

}



.language-flag-ro .country-flag {

    background-position: 0 -720px !important;

}



.language-flag-ru .country-flag {

    background-position: 0 -736px !important;

}



.language-flag-sr .country-flag {

    background-position: 0 -752px !important;

}



.language-flag-sk .country-flag {

    background-position: 0 -768px !important;

}



.language-flag-sl .country-flag {

    background-position: 0 -784px !important;

}



.language-flag-es .country-flag {

    background-position: 0 -800px !important;

}



.language-flag-sw .country-flag {

    background-position: 0 -816px !important;

}



.language-flag-sv .country-flag {

    background-position: 0 -832px !important;

}



.language-flag-th .country-flag {

    background-position: 0 -848px !important;

}



.language-flag-tr .country-flag {

    background-position: 0 -864px !important;

}



.language-flag-uk .country-flag {

    background-position: 0 -880px !important;

}



.language-flag-ur .country-flag {

    background-position: 0 -896px !important;

}



.language-flag-vi .country-flag {

    background-position: 0 -912px !important;

}



.language-flag-cy .country-flag {

    background-position: 0 -928px !important;

}



.language-flag-yi .country-flag {

    background-position: 0 -944px !important;

}



.language-flag-bn .country-flag {

    background-position: 0 -960px !important;

}



.language-flag-eo .country-flag {

    background-position: 0 -976px !important;

}



.language-flag.language-flag-custom-afghanistan .country-flag {

    background-position: 0 -992px !important;

}



.language-flag.language-flag-custom-albania .country-flag {

    background-position: 0 -1008px !important;

}



.language-flag.language-flag-custom-algeria .country-flag {

    background-position: 0 -1024px !important;

}



.language-flag.language-flag-custom-argentina .country-flag {

    background-position: 0 -1040px !important;

}



.language-flag.language-flag-custom-australia .country-flag {

    background-position: 0 -1056px !important;

}



.language-flag.language-flag-custom-austria .country-flag {

    background-position: 0 -1072px !important;

}



.language-flag.language-flag-custom-belgium .country-flag {

    background-position: 0 -1088px !important;

}



.language-flag.language-flag-custom-brazil .country-flag {

    background-position: 0 -1104px !important;

}



.language-flag.language-flag-custom-canada .country-flag {

    background-position: 0 -1120px !important;

}



.language-flag.language-flag-custom-chile .country-flag {

    background-position: 0 -1136px !important;

}



.language-flag.language-flag-custom-cote-d-ivoire .country-flag {

    background-position: 0 -1152px !important;

}



.language-flag.language-flag-custom-ecuador .country-flag {

    background-position: 0 -1168px !important;

}



.language-flag.language-flag-custom-egypt .country-flag {

    background-position: 0 -1184px !important;

}



.language-flag.language-flag-custom-england .country-flag {

    background-position: 0 -1200px !important;

}



.language-flag.language-flag-custom-luxembourg .country-flag {

    background-position: 0 -1216px !important;

}



.language-flag.language-flag-custom-malaysia .country-flag {

    background-position: 0 -1232px !important;

}



.language-flag.language-flag-custom-mexico .country-flag {

    background-position: 0 -1248px !important;

}



.language-flag.language-flag-custom-new-zealand .country-flag {

    background-position: 0 -1264px !important;

}



.language-flag.language-flag-custom-oman .country-flag {

    background-position: 0 -1280px !important;

}



.language-flag.language-flag-custom-qatar .country-flag {

    background-position: 0 -1296px !important;

}



.language-flag.language-flag-custom-saudi-arabia .country-flag {

    background-position: 0 -1312px !important;

}



.language-flag.language-flag-custom-singapore .country-flag {

    background-position: 0 -1328px !important;

}



.language-flag.language-flag-custom-south-africa .country-flag {

    background-position: 0 0 !important;

}



.language-flag.language-flag-custom-switzerland .country-flag {

    background-position: 0 -1344px !important;

}



.language-flag.language-flag-custom-syria .country-flag {

    background-position: 0 -1360px !important;

}



.language-flag.language-flag-custom-united-arab-emirates .country-flag {

    background-position: 0 -1376px !important;

}



.language-flag.language-flag-custom-united-states-of-america .country-flag {

    background-position: 0 -1392px !important;

}



.language-flag-hy .country-flag {

    background-position: 0 -1408px;

}



.language-flag-bs .country-flag {

    background-position: 0 -1424px;

}



.language-flag-ceb .country-flag {

    background-position: 0 -1440px;

}



.language-flag-ny .country-flag {

    background-position: 0 -1456px;

}



.language-flag-ha .country-flag {

    background-position: 0 -1472px;

}



.language-flag-hmn .country-flag {

    background-position: 0 -1488px;

}



.language-flag-ig .country-flag {

    background-position: 0 -1504px;

}



.language-flag-jw .country-flag {

    background-position: 0 -1520px;

}



.language-flag-kk .country-flag {

    background-position: 0 -1536px;

}



.language-flag-km .country-flag {

    background-position: 0 -1552px;

}



.language-flag-lo .country-flag {

    background-position: 0 -1568px;

}



.language-flag-la .country-flag {

    background-position: 0 -1584px;

}



.language-flag-mg .country-flag {

    background-position: 0 -1600px;

}



.language-flag-ml .country-flag {

    background-position: 0 -1616px;

}



.language-flag-mi .country-flag {

    background-position: 0 -1632px;

}



.language-flag-mr .country-flag {

    background-position: 0 -1648px;

}



.language-flag-mn .country-flag {

    background-position: 0 -1664px;

}



.language-flag-my .country-flag {

    background-position: 0 -1680px;

}



.language-flag-ne .country-flag {

    background-position: 0 -1696px;

}



.language-flag-pa .country-flag {

    background-position: 0 -1712px;

}



.language-flag-st .country-flag {

    background-position: 0 -1728px;

}



.language-flag-si .country-flag {

    background-position: 0 -1744px;

}



.language-flag-so .country-flag {

    background-position: 0 -1760px;

}



.language-flag-su .country-flag {

    background-position: 0 -1776px;

}



.language-flag-tg .country-flag {

    background-position: 0 -1792px;

}



.language-flag-uz .country-flag {

    background-position: 0 -1808px;

}



.language-flag-yo .country-flag {

    background-position: 0 -1824px;

}



.language-flag-zu .country-flag {

    background-position: 0 -1840px;

}





/*-------------------------------

			language  end

			----------------------------------*/





/*-------------------------------

			animation  start

			----------------------------------*/



.animated {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}



.animated.infinite {

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

}



.animated.hinge {

    -webkit-animation-duration: 2s;

    animation-duration: 2s;

}



@-webkit-keyframes fadeInLeftA {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-30%, 0, 0);

        transform: translate3d(-30%, 0, 0);

    }

    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}



@keyframes fadeInLeftA {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-30%, 0, 0);

        transform: translate3d(-30%, 0, 0);

        -ms-transform: translate3d(-30%, 0, 0);

    }

    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

        -ms-transform: none;

    }

}



.fadeInLeftA {

    -webkit-animation-name: fadeInLeftA;

    animation-name: fadeInLeftA;

}



@-webkit-keyframes fadeInUpA {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 30%, 0);

        transform: translate3d(0, 30%, 0);

    }

    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}



@keyframes fadeInUpA {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 30%, 0);

        transform: translate3d(0, 30%, 0);

        -ms-transform: translate3d(0, 30%, 0);

    }

    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

        -ms-transform: none;

    }

}



.fadeInUpA {

    -webkit-animation-name: fadeInUpA;

    animation-name: fadeInUpA;

}



@-webkit-keyframes fadeInRightA {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(30%, 0, 0);

        transform: translate3d(30%, 0, 0);

    }

    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}



@keyframes fadeInRightA {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(30%, 0, 0);

        transform: translate3d(30%, 0, 0);

        -ms-transform: translate3d(30%, 0, 0);

    }

    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

        -ms-transform: none;

    }

}



.fadeInRightA {

    -webkit-animation-name: fadeInRightA;

    animation-name: fadeInRightA;

}



@-webkit-keyframes twinkling {

    0% {

        opacity: 0;

    }

    100% {

        opacity: 1;

    }

}



@-webkit-keyframes OrangePulse {

    from {

        background-color: rgba(210, 174, 109, .2);

        -webkit-box-shadow: 0 0 10px rgba(210, 174, 109, 1);

    }

    50% {

        background-color: rgba(210, 174, 109, 1);

        -webkit-box-shadow: 0 0 10px rgba(210, 174, 109, 1);

    }

    to {

        background-color: rgba(210, 174, 109, .2);

        -webkit-box-shadow: 0 0 10px rgba(210, 174, 109, 1);

    }

}



@-webkit-keyframes swing {

    20% {

        -webkit-transform: rotate(40deg);

        transform: rotate(40deg);

    }

    40% {

        -webkit-transform: rotate(-20deg);

        transform: rotate(-20deg);

    }

    60% {

        -webkit-transform: rotate(10deg);

        transform: rotate(10deg);

    }

    80% {

        -webkit-transform: rotate(-10deg);

        transform: rotate(-10deg);

    }

    100% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

}



@keyframes swing {

    20% {

        -webkit-transform: rotate(40deg);

        transform: rotate(40deg);

        -ms-transform: rotate(40deg);

    }

    40% {

        -webkit-transform: rotate(-20deg);

        transform: rotate(-20deg);

        -ms-transform: rotate(-20deg);

    }

    60% {

        -webkit-transform: rotate(10deg);

        transform: rotate(10deg);

        -ms-transform: rotate(10deg);

    }

    80% {

        -webkit-transform: rotate(-10deg);

        transform: rotate(-10deg);

        -ms-transform: rotate(-10deg);

    }

    100% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

        -ms-transform: rotate(0deg);

    }

}



.swing {

    -webkit-transform-origin: top center;

    transform-origin: top center;

    -ms-transform-origin: top center;

    -webkit-animation-name: swing;

    animation-name: swing;

}



@-webkit-keyframes jump {

    0% {

        -webkit-transform: translateY(0);

    }

    25% {

        -webkit-transform: translateY(-20%);

    }

    50% {

        -webkit-transform: translateY(0);

    }

    75% {

        -webkit-transform: translateY(-10%);

    }

    100% {

        -webkit-transform: translateY(0);

    }

}



@keyframes jump {

    0% {

        transform: translateY(0);

    }

    25% {

        transform: translateY(-20%);

    }

    50% {

        transform: translateY(0);

    }

    75% {

        transform: translateY(-10%);

    }

    100% {

        transform: translateY(0);

    }

}



@-webkit-keyframes bounceInA {

    0%,

    100%,

    20%,

    40%,

    60%,

    80% {

        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);

        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);

    }

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3);

    }

    20% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1);

    }

    40% {

        -webkit-transform: scale3d(.9, .9, .9);

        transform: scale3d(.9, .9, .9);

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(1.03, 1.03, 1.03);

        transform: scale3d(1.03, 1.03, 1.03);

    }

    80% {

        -webkit-transform: scale3d(.97, .97, .97);

        transform: scale3d(.97, .97, .97);

    }

    100% {

        opacity: 1;

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

}



@keyframes bounceInA {

    0%,

    100%,

    20%,

    40%,

    60%,

    80% {

        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);

        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);

    }

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3);

        -ms-transform: scale3d(.3, .3, .3);

    }

    20% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1);

        -ms-transform: scale3d(1.1, 1.1, 1.1);

    }

    40% {

        -webkit-transform: scale3d(.9, .9, .9);

        transform: scale3d(.9, .9, .9);

        -ms-transform: scale3d(.9, .9, .9);

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(1.03, 1.03, 1.03);

        transform: scale3d(1.03, 1.03, 1.03);

        -ms-transform: scale3d(1.03, 1.03, 1.03);

    }

    80% {

        -webkit-transform: scale3d(.97, .97, .97);

        transform: scale3d(.97, .97, .97);

        -ms-transform: scale3d(.97, .97, .97);

    }

    100% {

        opacity: 1;

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

        -ms-transform: scale3d(1, 1, 1);

    }

}



.bounceInA {

    -webkit-animation-name: bounceInA;

    animation-name: bounceInA;

    -webkit-animation-duration: .75s;

    animation-duration: .75s;

}



@-webkit-keyframes fadeInDownA {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, -20%, 0);

        transform: translate3d(0, -20%, 0);

    }

    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}



@keyframes fadeInDownA {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, -20%, 0);

        transform: translate3d(0, -20%, 0);

        -ms-transform: translate3d(0, -20%, 0);

    }

    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

        -ms-transform: none;

    }

}



.fadeInDownA {

    -webkit-animation-name: fadeInDownA;

    animation-name: fadeInDownA;

}



@keyframes fadeInA {

    0% {

        opacity: 0;

    }

    100% {

        opacity: 1;

    }

}



.fadeInA {

    -webkit-animation-name: fadeInA;

    animation-name: fadeInA;

}



@-webkit-keyframes flipInY {

    0% {

        opacity: 0;

        -webkit-transform: perspective(400px) rotateY(90deg);

        transform: perspective(400px) rotateY(90deg);

    }

    0%,

    40% {

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

    }

    40% {

        -webkit-transform: perspective(400px) rotateY(-20deg);

        transform: perspective(400px) rotateY(-20deg);

    }

    60% {

        opacity: 1;

        -webkit-transform: perspective(400px) rotateY(10deg);

        transform: perspective(400px) rotateY(10deg);

    }

    80% {

        -webkit-transform: perspective(400px) rotateY(-5deg);

        transform: perspective(400px) rotateY(-5deg);

    }

    to {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);

    }

}



@keyframes flipInY {

    0% {

        opacity: 0;

        -webkit-transform: perspective(400px) rotateY(90deg);

        transform: perspective(400px) rotateY(90deg);

    }

    0%,

    40% {

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

    }

    40% {

        -webkit-transform: perspective(400px) rotateY(-20deg);

        transform: perspective(400px) rotateY(-20deg);

    }

    60% {

        opacity: 1;

        -webkit-transform: perspective(400px) rotateY(10deg);

        transform: perspective(400px) rotateY(10deg);

    }

    80% {

        -webkit-transform: perspective(400px) rotateY(-5deg);

        transform: perspective(400px) rotateY(-5deg);

    }

    to {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);

    }

}



.flipInY {

    -webkit-backface-visibility: visible!important;

    backface-visibility: visible!important;

    -webkit-animation-name: flipInY;

    animation-name: flipInY;

}





/* animate.css */



@-webkit-keyframes fadeInUp {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}



@keyframes fadeInUp {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}



.fadeInUp {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp;

}



@-webkit-keyframes fadeInUpBig {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}



@-webkit-keyframes bounceInUp {

    0%,

    60%,

    75%,

    90%,

    to {

        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        animation-timing-function: cubic-bezier(.215, .61, .355, 1);

    }

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 3000px, 0);

        transform: translate3d(0, 3000px, 0);

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0);

    }

    75% {

        -webkit-transform: translate3d(0, 10px, 0);

        transform: translate3d(0, 10px, 0);

    }

    90% {

        -webkit-transform: translate3d(0, -5px, 0);

        transform: translate3d(0, -5px, 0);

    }

    to {

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }

}



@keyframes bounceInUp {

    0%,

    60%,

    75%,

    90%,

    to {

        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        animation-timing-function: cubic-bezier(.215, .61, .355, 1);

    }

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 3000px, 0);

        transform: translate3d(0, 3000px, 0);

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0);

    }

    75% {

        -webkit-transform: translate3d(0, 10px, 0);

        transform: translate3d(0, 10px, 0);

    }

    90% {

        -webkit-transform: translate3d(0, -5px, 0);

        transform: translate3d(0, -5px, 0);

    }

    to {

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }

}



.bounceInUp {

    -webkit-animation-name: bounceInUp;

    animation-name: bounceInUp;

}



@-webkit-keyframes zoomInA {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.6, .6, .6);

        transform: scale3d(.6, .6, .6);

    }

    50% {

        opacity: 1;

    }

}



@keyframes zoomInA {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.6, .6, .6);

        transform: scale3d(.6, .6, .6);

    }

    50% {

        opacity: 1;

    }

}



.zoomInA {

    -webkit-animation-name: zoomInA;

    animation-name: zoomInA;

}





/*-------------------------------

			animation  end

			----------------------------------*/