html{font-size:625%;}
body{font-size:16px;background:#FFF;}
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{color:#141414;font-family:'opensans',Arial, Helvetica, sans-serif;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:16px;}
img{border:none;vertical-align:middle;max-width:100%;}
li{list-style:none;}
i, em{font-style:normal;}
a{color:#151515;text-decoration:none;}
a:focus{outline:none;}
a:hover{color:#141414;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{border:none;padding:0;}
hr{height:1px;border:none;border-top:1px dashed #c1c1c1;margin:15px 0 15px 0;}
a:active, select, input, textarea{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-tap-highlight-color:transparent;outline:0!important;}
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;outline:0;}
/* clear floating */
.clearfix:after,.layout:after,.sys_row:after,.flex_row:after,
.web_main:after,.page_main:after,.items_list ul:after,.product_items:after,.cate_items ul:after,.web_head .logo:after,.product-intro:after,.detail-tabs:after,.foot_items:after,.news_cell:after,.foot_sns:after,.main_hd:after,
.index_promote .promote_list:after,.index_ad .ad_items:after,.ad_item .item_inner:after,.index_brands .brand_items:after,.company_subscribe:after,
.foot_contact_list:after{content:"";display:block;clear:both;visibility:hidden;height:0;}
.clearfix,.layout,.sys_row,.flex_row,
.web_main,.page_main,.items_list ul,.product_items,.cate_items ul,.web_head .logo,.product-intro,.detail-tabs,.foot_items,.news_cell,.foot_sns,.main_hd,
.index_promote .promote_list,.index_ad .ad_items,.ad_item .item_inner,.index_brands .brand_items,.company_subscribe,
.foot_contact_list{*zoom:1;}
.clear{clear:both;}
/* layout */
body{width:100%;position:absolute;left:0;top:0;min-width:1500px;overflow-x:hidden;background-repeat:no-repeat;-webkit-background-size:100% auto;background-size:100% auto;}
/*.layout{*/
/* !* width:1200px; *!*/
/* margin:0 auto;*/
/* width:1400px;*/
/*}*/
.index_product .layout{
width:1500px;
width: 1400px;
}
.z9999{z-index:9999!important;}
.hide{display:none;}
.lanicon {
display: none;
}
/*gotop*/
/* 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,.web_head .btn--search,.web_head .btn--search:before,.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, .newsletter .button, .mobile-head-item .middle-show-content-wrap, .product_item figure figcaption,.foot_item a, .pages a,.ad_item figure figcaption .item_more,.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,.foot_sns li img,.blog-item:after{-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.head_nav>li>a:before,.head_nav>li>a:after,.head-search .search-btn,.icon-cate,
.items_list .product_item .item_img,.goods-may-like .product_item .item_img,
.foot_txt_list li a:before{-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.ad_item .item_img img,.index_promote .promote_item img,.index_main .product_item .item_img:before,.index_main .product_item .item_img:after,.application_item .item_img img,.application_item .item_img a:before{-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
/* 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%;}
/* float */
.sys_fl{float:left!important;}
.sys_fr{float:right!important;}
.Luxury{
margin-bottom: 40px !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{display:inline-block;min-width:200px;text-align:center;font-weight:bold;padding:1em 1.5em;background-color:#444444;color:#fff;position:relative;-webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;overflow:hidden;}
.sys_btn:before,.sys_btn:after{content:'';display:block;width:50%;height:50%;border:0;position:absolute;border-style:solid;border-color:#444444;opacity:0;-webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease;}
.sys_btn:before{right:0;top:0;border-top-width:2px;border-right-width:2px;}
.sys_btn:after{left:0;bottom:0;border-bottom-width:2px;border-left-width:2px;}
.sys_btn:hover{background-color:#fff;color:#444444;}
.sys_btn:hover:before,.sys_btn:hover:after{width:100%;height:100%;opacity:1;}
/* placeholder */
input::-webkit-input-placeholder{color:#aaa;}
input::-moz-placeholder{color:#aaa;opacity:1;}
input:-ms-input-placeholder{color:#aaa;}
input:-moz-placeholder{color:#aaa;}
.search-ipt::-webkit-input-placeholder{color:#aaa;}
.search-ipt::-moz-placeholder{color:#aaa;opacity:1;}
.search-ipt:-ms-input-placeholder{color:#aaa;}
.search-ipt:-moz-placeholder{color:#aaa;}
/* box-sizing */
.company_subscribe .button,.nav_wrap,.product_item .item_img{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box;}
/* font-family */
.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{font-family:"fontawesome";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;font-variant:normal;text-transform:none;}
.btn_more:after,.sys_btn:after,
.head-search .search-btn:before,.web_head .btn--search: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,
.company_subscribe .button:after,
.items_list .product_item .item_img a:after,.goods-may-like .product_item .item_img a:after,
.index_product .product_item .item_img a:before{font-family:'fontawesome';}
.swiper-button-prev:before,.swiper-button-next:before,.product_tabs .tab_item.active a:after{font-family:'AkzidenzGrotesk-Regular';}
.index_hd .hd_title,.company_subscribe .subscribe_title{font-family:'opensans-bold';}
/*transition*/
a{-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.ph_hanbao {
display: none;
}
body {
max-width: 1920px;
margin: 0 auto;
position: relative;
font-size: 16px;
}
.change-empty {
display: none;
}
.catdesc a {
color: #444444;
font-weight: bold;
}
.catdesc a:hover {
color: #444444;
text-decoration: underline;
}
.fl-rich-text a {
color: #444444;
font-weight: bold;
}
.fl-rich-text a:hover {
color: #444444;
text-decoration: underline;
}
.artic_content a {
color: #444444;
font-weight: bold;
}
.artic_content a:hover {
color: #444444;
text-decoration: underline;
}
.news_next .tit {
font-size: 17px;
font-weight: bold;
width: auto;
float: none;
}
.news_next .con {
width: auto;
float: none;
padding-right: 0;
position: relative;
box-sizing: border-box;
}
.artic_tit .h3 {
color: #666666;
}
.artic_tit .h3 .time {
padding: 10px 10px;
background-color: #182E59;
color: #fff;
font-weight: bold;
}
.artic_tit .h4 {
font-size: 36px;
font-weight: bold;
margin: 20px 0;
margin-bottom: 30px;
}
.news_next .con .h3 {
font-size: 16px;
font-weight: bold;
}
.news_tj li:hover .h3 {
color: #0058a4;
}
.news_tj li .h3 {
font-size: 20px;
line-height: 34px;
/* height: 68px; */
font-weight: bold;
margin-bottom: 20px;
/* overflow: hidden; */
}
.news_tj li .h4 {
font-size: 16px;
color: #999999;
}
#cont h2 {
background: #444444 !important;
}
#cont > ul > li > ul > li > a {
color: #444444 !important;
}
#cont > ul > li > ul > li.has-childs > ul > li.has-childs > a {
color: #444444 !important;
}
#cont > ul > li > ul > li > ul a:hover {
color: #444444 !important;
}
#cont > ul > li > ul > li > ul > li > a {
color: #444444 !important;
}
#cont > ul > li > ul > li > ul a {
color: #444444 !important;
}
#cont > ul > li > ul > li.has-childs > ul > li.has-childs > a:after {
background: #444444 !important;
}
#footer {
background: #444444 !important;
}
#cont > ul > li > ul > li > ul > li > a:before {
border-top-color: #444444 !important;
border-right-color: #444444 !important;
}
#cont > ul > li > ul > li.has-childs > ul > li.has-childs > ul > li > a:before {
border-top-color: #444444 !important;
border-right-color: #444444 !important;
}
/*!* web_head *!*/
/*.web_head{*/
/* width:100%;*/
/* !* padding-bottom:50px; *!*/
/* position:relative;*/
/*}*/
/*.web_head .head_top{padding:20px 0 0;}*/
/*.web_head .head_top .layout{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}*/
/*.web_head .logo{*/
/* !* float:left; *!*/
/* z-index: 9;*/
/*}*/
/*.web_head .top_contacts{line-height:1.2;float:right;-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:right;}*/
/*.web_head .top_contacts,.web_head .top_contacts a{color:#666;}*/
/*.web_head .top_contact_item{display:inline-block;padding:0 30px;text-align:left;}*/
/*.web_head .top_contact_item+.top_contact_item{border-left:1px solid #eee;}*/
/*.web_head .top_contact_item .item_label{display:block;color:#999;font-weight:bold;}*/
/*.web_head .top_contact_item .item_label i{display:inline-block;width:21px;height:21px;background-position:center;background-repeat:no-repeat;vertical-align:middle;margin-right:8px;}*/
/*.web_head .top_contact_item .item_val{display:block;font-size:16px;padding-top:12px;}*/
/*.web_head .top_contact_item .label_txt{vertical-align:middle;}*/
/*.web_head .top_contact_item:hover .item_label i{-webkit-animation:swing .3s ease;-o-animation:swing .3s ease;animation:swing .3s ease;}*/
/*.web_head .ico_ct_phone{background-image:url(img/top_contact_phone.png);}*/
/*.web_head .ico_ct_tel{background-image:url(img/top_contact_tel.png);}*/
/*.web_head .ico_ct_email{background-image:url(img/top_contact_email.png);}*/
/*.web_head .top_contact_item:last-child{padding-right:0;}*/
/*.web_head .head_layer{*/
/* !* width:100%;*/
/* height:30px;*/
/* position:absolute;*/
/* left:0;*/
/* bottom:0;*/
/* z-index:3; *!*/
/* !* position: absolute; *!*/
/* width: 100%;*/
/* height: auto;*/
/* height: 85px;*/
/* display: flex;*/
/* align-items: center;*/
/*}*/
/*.head_layer .seach_s{ display: none ;}*/
/*.fixed-nav .seach_s{ display: block !important ;}*/
/*.web_head .head_layer .layout{*/
/* position:relative;*/
/* !* background-color:#444444; *!*/
/* display: flex;*/
/* align-items: center;*/
/* justify-content: space-between;*/
/* width: 95%;*/
/* max-width: 1550px;*/
/*}*/
/*.web_head .head_layer .layout:after {*/
/* display: none;*/
/*}*/
/*.web_head .head_right {*/
/* !* float: right; *!*/
/* height: 44px;*/
/* position: relative;*/
/* !* background-color: #da251c; *!*/
/* z-index: 9;*/
/*}*/
/*.web_head .head_right:before {*/
/* content: '';*/
/* display: block;*/
/* width: 30px;*/
/* height: 100%;*/
/* background-color: #da251c;*/
/* position: absolute;*/
/* left: -10px;*/
/* -webkit-transform: skew(-20deg);*/
/* -ms-transform: skew(-20deg);*/
/* -o-transform: skew(-20deg);*/
/* transform: skew(-20deg);*/
/* display: none;*/
/*}*/
/*.web_head .btn--search{display:inline-block;vertical-align:middle;cursor:pointer;position:relative;}*/
/*.web_head .btn--search:after {*/
/* content: '';*/
/* display: inline-block;*/
/* width: 45px;*/
/* height: 45px;*/
/* background-repeat: no-repeat;*/
/* background-position: center;*/
/* !* background-image: url(img/search_btn.png); *!*/
/* background-image: url(img/search_btn2.png);*/
/* vertical-align: top;*/
/*}*/
/*.web_head .seach_s .btn--search:after {*/
/* content: '';*/
/* display: inline-block;*/
/* width: 45px;*/
/* height: 45px;*/
/* background-repeat: no-repeat;*/
/* background-position: center;*/
/* */
/* background-image: url(img/search_btn3.png);*/
/* vertical-align: top;*/
/*}*/
/*.web_head .btn--search:before{content:'';display:inline-block;width:0%;height:3px;position:absolute;left:50%;bottom:0;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}*/
/*.web_head .btn--search:hover:before{width:100%;left:0;background-color:#fff;}*/
.head_up {
position: relative;
}
.head_up:before {
content: '';
display: block;
width: 33%;
height: 100%;
background-color: #444444;
position: absolute;
right: 0px;
}
.head_up:after {
content: '';
display: block;
width: 35%;
height: 100%;
background-color: #444444;
position: absolute;
top: 0;
right: 0;
-webkit-transform: skew(-30deg);
-ms-transform: skew(-30deg);
-o-transform: skew(-30deg);
transform: skew(-30deg);
}
.head_up .layout {
display: flex;
align-items: center;
justify-content: space-between;
}
.head_up .layout:after {
display: none;
}
.head_upL {
margin-left: -70px;
}
.head_upL ul {
display: flex;
align-items: center;
}
.head_upL ul li {
font-family: Arial;
font-weight: 400;
font-size: 16px;
color: #333333;
line-height: 28px;
margin-right: 30px;
}
.head_upL ul li a {
font-family: Arial;
font-weight: 400;
font-size: 16px;
color: #333333;
line-height: 28px;
}
.head_upL ul li a:hover {
color: #333;
text-decoration: underline;
}
.head_upR {
/* background-color: #444444; */
/* position: relative; */
}
/* .head_upR:before {
content: '';
display: block;
width: 40px;
height: 100%;
background-color: #444444;
position: absolute;
left: -20px;
-webkit-transform: skew(-20deg);
-ms-transform: skew(-20deg);
-o-transform: skew(-20deg);
transform: skew(-20deg);
} */
.cebian .head_right {
/* float: right; */
height: 60px;
position: relative;
/* background-color: #da251c; */
z-index: 9;
}
.cebian .head_right:before {
content: '';
display: block;
width: 30px;
height: 100%;
background-color: #da251c;
position: absolute;
left: -10px;
-webkit-transform: skew(-20deg);
-ms-transform: skew(-20deg);
-o-transform: skew(-20deg);
transform: skew(-20deg);
display: none;
}
.cebian .btn--search{display:inline-block;vertical-align:middle;cursor:pointer;position:relative;}
.cebian .btn--search:after {
content: '';
display: inline-block;
width: 60px;
height: 60px;
background-repeat: no-repeat;
background-position: center;
/* background-image: url(img/search_btn.png); */
background-image: url(img/search_btn2.png);
vertical-align: top;
}
.cebian .btn--search:before{content:'';display:inline-block;width:0%;height:3px;position:absolute;left:50%;bottom:0;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.cebian .btn--search:hover:before{width:100%;left:0;background-color:#fff;}
.cebiansou {
}
.cebiansou a {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #D7D6D6;
padding-bottom: 5px;
}
/*.web_head .change-language {*/
/* display: inline-block;*/
/* position: relative;*/
/* text-align: left;*/
/* vertical-align: middle;*/
/* border-left: 1px solid #ffffff;*/
/*}*/
/*.web_head .change-language .change-language-title{margin-left:15px;position:relative;}*/
/*.web_head .change-language-title a{color:#fff;}*/
/*.web_head .change-language+.btn--search{margin-left:60px;}*/
/*.nav_wrap {*/
/* !* float:left; *!*/
/* z-index: 3;*/
/*}*/
/*.nav_wrap .head_nav,.nav_wrap .head_nav a{*/
/* color:#fff;*/
/* font-family: Arial;*/
/* font-weight: normal;*/
/* font-size: 20px;*/
/* color: #444444;*/
/* !* line-height: 53px; *!*/
/* !* line-height: 80px; *!*/
/*}*/
/*.nav_wrap .head_nav>li {*/
/* display: inline-block;*/
/* !* line-height: 34px; *!*/
/* position: relative;*/
/* perspective: 1500px;*/
/* vertical-align: middle;*/
/* position: relative;*/
/* margin: 0 5px;*/
/*}*/
/*.nav_wrap .head_nav>li>a {*/
/* display: inline-block;*/
/* font-weight: bold;*/
/* position: relative;*/
/* padding: 0px 10px;*/
/* text-transform: uppercase;*/
/* -webkit-transform: scale(1);*/
/* -ms-transform: scale(1);*/
/* -o-transform: scale(1);*/
/* transform: scale(1);*/
/* vertical-align: top;*/
/* font-weight: normal;*/
/*}*/
/*.nav_wrap .head_nav>li>a>em{display:inline-block;position:relative;z-index:1;vertical-align:top;}*/
/*.nav_wrap .head_nav>li li {position:relative;text-align:left;}*/
/*.nav_wrap .head_nav>li li a {display:block;line-height:1.8em;padding:8px 15px;font-size:16px;position:relative;color:#333;}*/
/*.nav_wrap .head_nav>li li a:before,.nav_wrap .head_nav>li li:hover>a:before{content:'';display:block;width:4px;height:30%;background-color:#444444;position:absolute;left:0;top:40%;opacity:0;filter:alpha(opacity=0);}*/
/*.nav_wrap .head_nav>li li a:hover:before,.nav_wrap .head_nav>li li:hover>a:before{top:50%;margin-top:-11px;height:22px;opacity:1;filter:alpha(opacity=100);}*/
/*.nav_wrap .head_nav>li li b:after{content:'';display:inline-block;width:0;height:0;overflow:hidden;border:5px solid #8e8e8e;border-left-width:6px;border-right:0;border-top-color:transparent;border-bottom-color:transparent;position:absolute;right:10px;top:16px;}*/
/*.nav_wrap .head_nav>li li:last-child>a{border-bottom:0;}*/
/*.nav_wrap .head_nav>li li:hover>a{color:#444444;padding-left: 18px;padding-right: 5px;}*/
/*.nav_wrap .head_nav>li li:hover>a b:after{border-left-color:#444444;}*/
/*.nav_wrap .head_nav>li>em{vertical-align:middle;}*/
/*.nav_wrap .head_nav:hover>li:hover>a:before, .nav_wrap .head_nav:hover>li.nav-current>a:before {*/
/* width: 0;*/
/* left: 50%;*/
/*}*/
/*.nav_wrap .head_nav:hover>li:hover>a:before, .nav_wrap .head_nav>li.nav-current>a:before {*/
/* width: 100%;*/
/* left: 0;*/
/* background-color: #fff;*/
/* opacity: 1;*/
/*}*/
/*.nav_wrap .head_nav>li:hover>a>b{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}*/
/*.nav_wrap .head_nav li ul {*/
/* width: 250px;*/
/* !* width: auto; *!*/
/* padding: 15px 0;*/
/* background-color: rgba(255, 255, 255, .98);*/
/* background-color: #fff \9;*/
/* position: absolute;*/
/* left: 0;*/
/* top: 100%;*/
/* margin-top: 4px;*/
/* z-index: 999;*/
/* -webkit-transform: translateY(20px);*/
/* -ms-transform: translateY(20px);*/
/* -o-transform: translateY(20px);*/
/* transform: translateY(20px);*/
/* opacity: 0;*/
/* filter: alpha(opacity = 0);*/
/* visibility: hidden;*/
/* box-sizing: border-box;*/
/* -webkit-transform-origin: 0 0;*/
/* -moz-transform-origin: 0 0;*/
/* -ms-transform-origin: 0 0;*/
/* -o-transform-origin: 0 0;*/
/* transform-origin: 0 0;*/
/* !* box-shadow: 4px 4px 0 rgba(0, 0, 0, .1), 1px 1px 0 rgba(0, 0, 0, .2); *!*/
/* border-radius: 0 0 10px 0;*/
/*}*/
/*.nav_wrap .head_nav>li ul ul{left:102%;top:-15px;}*/
/*.nav_wrap .head_nav li:hover>ul{-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;opacity:1;filter:alpha(opacity=100);visibility:visible;}*/
/*.nav_wrap .head_nav li.menu_left ul{left:auto;right:0;}*/
/*.nav_wrap .head_nav li.menu_left ul ul{right:102%;}*/
/*.fixed-nav .head_layer {*/
/* width: 100%;*/
/* height: auto;*/
/* position: fixed;*/
/* left: 0;*/
/* top: 0;*/
/* bottom: auto;*/
/* z-index: 9;*/
/* -webkit-transition: none;*/
/* -o-transition: none;*/
/* transition: none;*/
/* -webkit-transform: translateY(-100%);*/
/* -ms-transform: translateY(-100%);*/
/* -o-transform: translateY(-100%);*/
/* transform: translateY(-100%);*/
/* opacity: 1;*/
/* !* background-color: #444444; *!*/
/* background-color: #fff;*/
/* box-shadow: 0 0 10px rgba(0, 0, 0, .2);*/
/* z-index: 9999;*/
/*}*/
/*.fixed-nav-active .head_layer{-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;opacity:1;-webkit-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease;}*/
/* web_footer */
.company_subscribe{padding:40px 0;border-bottom:1px solid #4e4e4f;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.company_subscribe .subscribe_cont{-webkit-box-flex:0 0 60%;-webkit-flex:0 0 60%;-ms-flex:0 0 60%;flex:0 0 60%;max-width:60%;width:60%;float:left; }
.company_subscribe .subscribe_title{font-size:32px;line-height:1.1;font-weight:bold;}
.company_subscribe .subscribe_desc{font-size:16px;padding-top:10px;}
.company_subscribe .learn_more{-webkit-box-flex:0 0 40%;-webkit-flex:0 0 40%;-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%;width:40%;float:right;text-align:right;}
.company_subscribe .button{display:inline-block;font-size:20px;line-height:1.1;background-color:#e20514;padding:.4em 1.5em;border-radius:2em;min-width:52%;}
.company_subscribe .button i{display:inline-block;width:1em;height:1em;margin-left:8px;vertical-align:middle;font-size:18px;font-weight:bold;position:relative;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.company_subscribe .button i:before,.company_subscribe .button i:after{display:inline-block;width:1em;height:1em;font-family:'fontawesome';position:absolute;left:0;top:0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.company_subscribe .button i:after{content:'\f054';}
.company_subscribe .button i:before{content:'\f1d9';position:absolute;left:-20px;top:80%;opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);-o-transform:scale(.3);transform:scale(.3);}
.company_subscribe .button:hover i:before{left:0;top:0;opacity:1;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;}
.company_subscribe .button:hover i:after{left:60%;top:-70%;opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);-o-transform:scale(.3);transform:scale(.3);}
.tel_link{
/* pointer-events:none; */
}
@media screen and (max-width:768px){.tel_link{pointer-events:auto;}}
/*=======================================================================================footer=======================================================================================*/
.foot-wrapper {
position: relative;
width: 100%;
/* margin-top: 1.02rem; */
background: #0F0F0F;
}
.foot-wrapper, .foot-wrapper a {
font-family: Arial;
font-weight: 400;
font-size: 16px;
color: #999999;
line-height: 32px;
}
/*============foot-items===============*/
.foot-items {
position: relative;
/* display: table; */
display: flex;
justify-content: space-between;
z-index: 99;
padding: 90px 0;
}
.foot_logo {
margin-bottom: 30px;
}
.foot-items .foot-item {
width: 25%;
position: relative;
display: table-cell;
vertical-align: top;
}
.foot-items .foot-item .foot-tit h2 {
position: relative;
color: #fff;
font-size: .2rem;
text-transform: uppercase;
letter-spacing: .5px;
font-weight: normal;
line-height: .26rem;
margin-bottom: .4rem;
padding-left: .25rem;
}
.shareBox {
display: flex;
justify-content: center;
margin-top: 20px;
}
.foot-items .foot-item .foot-tit h2:before,
.foot-items .foot-item .foot-tit h2:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 2px;
height: 100%;
background-color: #2A466C;
visibility: visible;
display: block;
}
.foot-items .foot-item .foot-tit h2:after {
width: 6px;
left: 4px;
}
.foot-items .foot-item.foot-item-contact {
width: 20%;
}
.foot-items .foot-item.foot-item-social {
width: 20%;
}
.foot-items .foot-item.foot-item-social1 {
width: 20%;
}
.foot-items .foot-item.foot-item-social1 ul li {
margin-bottom: 20px;
}
.foot-items .foot-item.foot-item-logo1 {
padding-right: 60px;
width: 30%;
}
.foot-items .foot-item.foot-item-subscribe {
padding-left: .3rem;
}
.foot-tit {
font-family: Arial;
font-weight: 400;
font-size: 22px;
color: #FFFFFF;
line-height: 44px;
}
.foot-cont .foot_phone_ph {
display: none !important;
}
.footerLogo {
width: auto;
}
.footerLine {
width: 92px;
height: 1px;
background: #FFFFFF;
margin: 12px 0 26px;
}
.footerLogoText {
font-family: Arial;
font-weight: 400;
font-size: 16px;
color: #FFFFFF;
line-height: 30px;
}
.shareBox img {
width: auto;
height: auto;
margin-right: 20px;
transition: all 290ms linear 0ms;
}
.shareBox img:hover {
transform: scale(1.1);
}
/*===========foot-item-social==============*/
.foot-social {
position: relative;
float: left;
}
.foot-social li {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 .35rem 0 0;
}
.foot-social li img {
width: 18px;
height: 18px;
}
.foot-social li a {
background-color: #fff;
padding: 6px;
}
.foot-btn {
position: fixed;
left: 0;
width: 100%;
bottom: 0;
z-index: 9999;
display: none;
}
.foot-btn a {
width: 25%;
height: 57px;
display: flex;
justify-content: center;
align-items: center;
background: #444444;
}
.foot-btn img {
width: 25px;
margin: 0 auto;
}
.copyright {
padding: 10px 0;
border-top: 1px solid #444444;
text-align: center;
}
.linkUl {
}
.linkUl li {
font-family: Arial;
font-weight: 400;
font-size: 16px;
color: #dddddd;
line-height: 20px;
}
.foot-items .foot-item.foot-item-contact li {
position: relative;
padding: 0;
margin-top: 0;
}
.foot-cont li a{
color: #dddddd;
}
.foot-items .foot-item.foot-item-contact li a{
font-family: Arial;
font-weight: 400;
font-size: 16px;
color: #999999;
line-height: 38px;
}
.foot-item.foot-item-contact li:before {
position: absolute;
left: 0;
top: 5px;
font-size: .18rem;
color: #939393;
width: .2rem;
text-align: center;
line-height: .32rem;
}
.foot-wrapper a:hover {
/* text-decoration: underline; */
/* padding-left: 15px; */
color: #ffffff;
}
.linkUl a {
position: relative;
}
/* .linkUl a::after {
content: "";
position: absolute;
top: 50%;
left: 0px;
transform: translateY(-50%) scale(0);
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid #fff;
transition: transform 0.3s ease-in-out;
}
.linkUl a:hover::after {
transform: translateY(-50%) scale(1);
} */
.foot-item.foot-item-contact li.foot_addr:before {
content: "";
width: 16px;
height: 21px;
background: url('https://www.mutoscreen.com/static/template/img/demo/footerIcon3.png') no-repeat;
background-size: 100% 100%;
}
.foot-item.foot-item-contact li.foot_phone:before {
content: "";
width: 20px;
height: 19px;
background: url('img/demo/footerIcon1.png') no-repeat;
background-size: 100% 100%;
}
.foot-item.foot-item-contact li.foot_email:before {
content: "";
width: 21px;
height: 15px;
background: url('img/demo/footerIcon2.png') no-repeat;
background-size: 100% 100%;
}
.foot-item.foot-item-contact li.foot_whatsapp:before {
content: "";
width: 20px;
height: 20px;
background: url('img/demo/footerIcon5.png') no-repeat;
background-size: 100% 100%;
}
.foot-item.foot-item-contact li.foot_fax:before {
content: "\f1ac"
}
.foot-item.foot-item-contact li.foot_skype:before {
content: "\f232"
}
.copyright a {
}
/*--------------------------------------------------------
page:index
------------------------------------------------------*/
.web_main{overflow:hidden;background-repeat:repeat;background-position:0 0;clear:both;}
/* title */
.index_hd{margin-bottom:30px;text-align:center;}
.index_hd,.index_hd a{color:#000;}
.index_hd .hd_title {
font-size: 35px;
font-weight: bold;
line-height: 1.1;
font-family: Arial, Arial;
font-weight: bold;
font-size: 60px;
color: #000000;
line-height: 91px;
}
.index_hd .hd_desc{font-size:16px;padding-top:15px;}
.index_container .index_hd{
text-align:left;
}
/* swiper */
.index_swiper_control{text-align:center;padding-top:15px;}
.index_swiper_control .swiper-button-prev,.index_swiper_control .swiper-button-next{display:inline-block;position:static;opacity:1;filter:alpha(opacity=100);margin:auto;width:auto;height:auto;line-height:1.5;background:none;vertical-align:middle;}
.index_swiper_control .swiper-button-prev:before,.index_swiper_control .swiper-button-next:before{font-family:'fontawesome';font-size:30px;color:#000;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;}
.index_swiper_control .swiper-button-prev:before{content:'\f177';}
.index_swiper_control .swiper-button-next:before{content:'\f178';}
.index_swiper_control .splite_line{display:inline-block;height:40px;padding:0 15px;position:relative;vertical-align:middle;}
.index_swiper_control .splite_line:before{content:'';display:inline-block;width:1px;height:100%;background-color:#999;position:absolute;left:50%;top:0;-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg);}
.slider_banner .swiper-button-prev,.slider_banner .swiper-button-next{display:inline-block;width:35px;height:70px;line-height:70px;margin-top:-35px;text-align:center;font-weight:bold;color:#999;font-size:20px;background:none;-webkit-box-sizing:content-box;box-sizing:content-box;z-index:3;opacity:1;filter:alpha(opacity=100); border-radius: 50%;}
.slider_banner .swiper-button-prev{left:0;}
.slider_banner .swiper-button-next{right:0;}
.slider_banner .swiper-button-disabled{opacity:.3;filter:alpha(opacity=30);}
.slider_banner .swiper-button-prev:before, .slider_banner .swiper-button-next:before{font-family:'fontawesome';-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;}
.slider_banner .swiper-button-prev:before{content:'\f177';}
.slider_banner .swiper-button-next:before{content:'\f178';}
.slider_banner .swiper-button-prev:not(.swiper-button-disabled):hover,.slider_banner .swiper-button-next:not(.swiper-button-disabled):hover{ color:#fff;border-color:#da251c;background-color:#da251c;}
.slider_banner .swiper-button-white{color:#fff;opacity:0;filter:alpha(opacity=0);width:52px;height:52px;line-height:52px;margin-top:-26px;position:absolute;background-color:rgba(255,255,255,.3);}
.slider_banner .swiper-slide img{width:100%;}
/*.slider_banner .swiper-slide img+img{position:absolute;left:0;top:0;}*/
.slider_banner .swiper-slide .option{width:100%;transition:3s linear;transform:scale(1.08);height:100%;position:relative;
display: flex; justify-content: center;align-items: center;
}
.slider_banner .swiper-slide.swiper-slide-active .option{transform:scale(1);}
.slider_banner .swiper-pagination{width:100%;left:0;bottom:20px;text-align:center;}
.slider_banner .swiper-pagination-white .swiper-pagination-bullet-active{
background-color: #444444;
opacity: 1;
}
.slider_banner .slide-page-box{display:none;}
.slider_banner:hover .swiper-button-next,.slider_banner:hover .swiper-button-prev {opacity:.7;filter:alpha(opacity=70);}
.slider_banner:hover .swiper-button-prev{left:60px;}
.slider_banner:hover .swiper-button-next{right:60px;}
.slider_banner:hover .swiper-button-next:hover,.slider_banner:hover .swiper-button-prev:hover {opacity:1;filter:alpha(opacity=100);}
.banner_box {
background-color: #444444;
width: 60%;
height: 112px;
position: absolute;
right: 0;
bottom: -20px;
z-index: 2;
}
.banner_box:before {
content: '';
display: block;
width: 40px;
height: 100%;
background-color: #444444;
position: absolute;
left: -20px;
-webkit-transform: skew(-20deg);
-ms-transform: skew(-20deg);
-o-transform: skew(-20deg);
transform: skew(-20deg);
}
.slider_banner .swiper-button-prev {
opacity: 1;
top: 50%;
/* bottom: 0; */
left: 60px;
right: auto;
}
.slider_banner .swiper-button-next {
opacity: 1;
top: 50%;
/* bottom: 0; */
right: 60px;
left: auto;
}
.slider_banner:hover .swiper-button-prev {
opacity: 1;
/* top: auto; */
/* bottom: 0; */
/* right: 120px; */
/* left: auto; */
}
.slider_banner:hover .swiper-button-next {
opacity: 1;
/* top: auto; */
/* bottom: 0; */
/* right: 60px; */
/* left: auto; */
}
.slider_banner .swiper-button-prev:before {
position: absolute;
top: 15px;
left: 20px;
width: 13px;
height: 23px;
background: url(img/banner_l.png) no-repeat;
content: "";
}
.slider_banner .swiper-button-next:before {
position: absolute;
top: 15px;
left: 20px;
width: 13px;
height: 23px;
background: url(img/banner_r.png) no-repeat;
content: "";
}
.slider_banner .swiper-button-white {
/* background-color: transparent; */
z-index: 4;
}
.slider_banner .swiper-button-prev:not(.swiper-button-disabled):hover, .slider_banner .swiper-button-next:not(.swiper-button-disabled):hover {
color: #fff;
border-color: transparent;
background-color: rgba(0, 0, 0, .8);
}
.phbanner{
display: none;
}
.pd_swbt {
position: relative;
}
.product_big {
position: relative;
}
.index_product .swiper-button-prev {
color: #fff;
opacity: 1;
filter: alpha(opacity = 0);
width: 52px !important;
height: 52px !important;
line-height: 52px;
position: absolute;
background-color: #444444;
left: auto;
right: 75px;
}
.index_product .swiper-button-next {
color: #fff;
opacity: 1;
filter: alpha(opacity = 0);
width: 52px !important;
height: 52px !important;
line-height: 52px;
position: absolute;
background-color: #444444;
left: auto;
right: 10px;
}
.index_product .swiper-button-prev:hover {
background-color: #D0BA40;
}
.index_product .swiper-button-next:hover {
background-color: #D0BA40;
}
.index_product .swiper-button-prev:before {
position: absolute;
top: 15px;
left: 20px;
width: 13px;
height: 23px;
background: url(img/banner_l.png) no-repeat;
content: "";
}
.index_product .swiper-button-next:before {
position: absolute;
top: 15px;
left: 20px;
width: 13px;
height: 23px;
background: url(img/banner_r.png) no-repeat;
content: "";
}
.index_product .product_item .item_img a:before, .index_product .product_item .item_img a:after {
display: none !important;
}
.index_product .index_hd .hd_title {
text-align: left;
font-family: Arial;
font-weight: 900;
font-size: 50px;
color: #333333;
line-height: 77px;
}
.index_product .index_hd .layout {
display: flex;
align-items: center;
justify-content: space-between;
}
.index_product .index_hd .layout:after {
display: none;
}
.index_product .index_hd .pd_view {
}
.index_product .index_hd .pd_view a{
background: #444444;
color: #fff;
padding: 15px 30px;
border-radius: 30px;
}
.background_img{
position: absolute;
/* margin-left: 5%; */
top: 0;
left: 8%;
z-index: -1;
}
.background_img img{
}
.inpd_box {
}
.inpd_ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.inpd_li {
width: 32%;
text-align: center;
padding: 30px 120px;
border: 1px solid #F5EFEF;
margin: 10px 5px;
}
.inpd_img {
}
.inpd_img img {
}
.inpd_tit {
font-family: Arial;
font-weight: 400;
font-size: 20px;
color: #333333;
line-height: 33px;
margin-top: 30px;
}
.inpd_p {
font-family: Arial;
font-weight: 400;
font-size: 20px;
color: #333333;
line-height: 33px;
}
.inpd_li:hover .inpd_p {
color: #444444;
}
.inpd_li:hover .inpd_tit {
color: #444444;
}
.inpd_li:hover{
box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.05);
}
.pddetails_ul {
display: flex;
flex-wrap: wrap;
}
.pddetails_li {
width: 20%;
}
.index_history .his_view {
margin: 60px 0 0px 0;
display: flex;
}
.index_history .his_view a {
background: #444444;
color: #fff;
padding: 15px 30px;
}
.index_xun {
margin: 30px 0;
padding: 60px 0;
}
.xun_box{
display: flex;
background: #FBFCFB;
box-shadow: 0px 9px 15px 1px rgba(0,0,0,0.1);
position: relative;
}
.xun_small{
background: rgba(203,6,14, .75);
box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.54);
position: absolute;
bottom: -4%;
left: -3%;
padding: 50px 90px;
width: 40%;
}
.xun_small1 {
font-family: Arial;
font-weight: bold;
font-size: 18px;
color: #FFFFFF;
line-height: 38px;
margin-bottom: 30px;
}
.xun_small2 {
display: flex;
align-items: center;
}
.xun_small2 img {
width: auto;
height: auto;
margin-right: 15px;
}
.xun_small2 a{
font-family: Arial;
font-weight: bold;
font-size: 32px;
color: #FFFFFF;
line-height: 41px;
}
.xun_boxl {
width: 50%;
}
.xun_boxl img{
}
.xun_boxr {
width: 50%;
padding: 60px 0px;
padding-right: 5%;
max-width: 600px;
}
.xun_boxrtit {
}
.xun_boxrtit1 {
font-family: Arial;
font-weight: 900;
font-size: 50px;
color: #333333;
line-height: 87px;
}
.xun_boxrtit2 {
font-family: Arial;
font-weight: 400;
font-size: 16px;
color: #666666;
line-height: 37px;
}
.index_from .gtm_submit_btn {
background-color: #444444 !important;
width: 151px !important;
height: 55px !important;
color: #fff;
margin-top: 15px !important;
background: #444444;
border-radius: 28px;
border: none;
}
.index_from .form_ul li:nth-child(1) {
width: 48%;
}
.index_from .form_ul li:nth-child(2) {
width: 48%;
}
.index_from .form_ul li:nth-child(3) {
width: 100%;
}
.index_from .form_ul li:nth-child(4) {
width: 100%;
}
.index_from .asterisk {
background-color: #F3F3F3;
border-radius: 30px;
}
.index_from .Asterisk_Text textarea {
height: 44px;
}
/* index_xinwen */
.index_xinwen {
position: relative;
margin: 60px 0;
/* padding: 60px 0px 30px 0px; */
}
.xinwen_big {
}
.xinwen_tit {
font-family: Arial;
font-weight: 400;
font-size: 20px;
color: #333333;
line-height: 30px;
}
.xinwen_items time {
font-family: Arial;
font-weight: 400;
font-size: 16px;
color: #999999;
line-height: 29px;
margin-bottom: 20px;
}
.xinwen_p {
font-family: Arial;
font-weight: 400;
font-size: 16px;
color: #999999;
line-height: 29px;
}
.index_xinwen .xinwen_items {
display: flex;
justify-content: space-between;
}
.index_xinwen .xinwen_items li{
width: 33.333333%;
transition: width 0.3s ease;
border: 1px solid #DDDCDC;
}
.index_xinwen .xinwen_items li{
background: #ffffff;
}
.index_xinwen .xinwen_items li:hover{
background: #444444;
}
.index_xinwen .xinwen_items li a {
display: flex;
align-items: center;
justify-content: space-between;
height: 100%;
}
.index_xinwen .xinwen_items li .xinwen_p {
display: none;
}
.index_xinwen .xinwen_items li .xinwen_to {
background: #FFFFFF;
border-radius: 50%;
border: 1px solid #DDDCDC;
width: 43px;
height: 43px;
color: #A3A3A3;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
font-size: 18px;
position: absolute;
bottom: 30px;
}
.xinwen_info {
padding: 60px 30px;
position: relative;
height: 100%;
}
.index_xinwen .xinwen_items li:hover time {
color: #ffffff;
}
.index_xinwen .xinwen_items li:hover .xinwen_tit {
color: #ffffff;
}
.index_xinwen .xinwen_items li:hover .xinwen_p {
display: block;
color: #ffffff;
padding-top: 20px;
}
.index_xinwen .xinwen_items li:hover .xinwen_to {
background: #FFFFFF;
border-radius: 50%;
border: 1px solid #DDDCDC;
color: #444444;
}
.index_xinwen .xinwen_img {
/* position: relative;
padding-bottom: 60%; */
display: none;
height: 100%;
}
.index_xinwen .xinwen_items li:hover .xinwen_img {
display: block;
width: 100%;
}
.index_xinwen .xinwen_img img{
/* position: absolute;
object-fit: cover;
top: 0;
left: 0;
width: 100%;
height: 100%; */
}
.xinwen_item {
}
.index_xinwen .index_hd {
position: relative;
margin-bottom: 60px;
}
.index_xinwen .index_hd .hd_title {
font-family: Arial;
font-weight: bold;
font-size: 60px;
color: #000000;
line-height: 91px;
}
.index_xinwen .index_hd P {
font-family: Arial;
font-weight: bold;
font-size: 20px;
color: #444444;
line-height: 91px;
}
.xinwen_items time {
display: block;
}
.xinwen_items .newst1 {
font-family: Arial;
font-weight: bold;
font-size: 89px;
color: #CECECE;
line-height: 45px;
}
.xinwen_items .newst2 {
font-family: Arial;
font-weight: normal;
font-size: 16px;
color: #A3A3A3;
line-height: 30px;
}
.xinwen_items .newst3 {
display: none;
}
.index_xinwen .xinwen_items li:hover .newst1 {
display: none;
}
.index_xinwen .xinwen_items li:hover .newst2 {
display: none;
}
.index_xinwen .xinwen_items li:hover .newst3 {
display: block;
}
.index_xinwen .index_hd .xin_view {
}
.index_xinwen .index_hd .xin_view a {
background: #444444;
color: #fff;
padding: 15px 30px;
border-radius: 30px;
}
.xinwen_li {
flex: 1;
max-width: 60%;
height: 350px;
box-sizing: border-box;
transition: all 0.3s ease;
overflow: hidden;
}
.xinwen_li:hover {
flex: 2;
}
.xinwen_img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.xinwen_items {
display: flex;
justify-content: space-between;
transition: all 0.3s ease;
}
/* index_promote */
/* .index_promote{padding-top:70px;padding-bottom:70px;}
.index_promote .promote_list{margin:-1.66666666%;}
.index_promote .promote_item{-webkit-box-flex:0 0 50%;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;width:50%;float:left;padding:1.66666666%;}
.index_promote .promote_item a{display:block;position:relative;overflow:hidden;}
.index_promote .promote_item a,.index_promote .promote_item a img{display:block;width:100%;height:auto;}
.index_promote .promote_item a:hover img{-webkit-transform:scale(1.06);-ms-transform:scale(1.06);-o-transform:scale(1.06);transform:scale(1.06);}
.promote_item span {
position: absolute;
z-index: 999;
top: 21%;
left: 10%;
color: #fff;
font-size: 40px;
font-weight: 900;
} */
/* index_product */
.product_item{width:33.33333333%;float:left;}
.product_item .item_img{display:block;position:relative;width:100%;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;}
.product_item .item_img{*display:inline;}
.product_item .item_img a{display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;background-color: rgba(255,255,255,0);}
.product_item .item_img {
position: relative;
padding-bottom: 100%;
}
.product_item .item_img img{
width:100%;
height: auto;
position: absolute;
object-fit: cover;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.product_item figcaption{padding:15px 10px;}
.product_item .item_title{font-weight:normal; font-size:16px;text-align:center;}
.product_item .item_title a{display:block;height:2.4em;line-height:1.2em;overflow:hidden;padding:0 6%;}
.product_item:hover .item_img a:before{width:100%;left:0;}
.index_product{
position: relative;
margin: 60px 0;
padding-top: 40px;
background-image: url(img/demo/pd_back.png);
background-position-x: 17%;
background-position-x: 5%;
background-repeat:no-repeat;
}
.index_product .layout{overflow: hidden;}
.index_product .index_hd{
margin: 30px 0;
position: relative;
}
.index_product .product_slider{margin-left: -10px;margin-right: -10px;}
.index_product .index_swiper_control{margin-bottom:90px;}
.index_product .learn_more{text-align:center;padding-top:50px;}
.index_main .product_items{
margin-top: -10px;
margin-bottom: -10px;
}
.index_main .product_item {
width:25%;
padding: 10px;
}
.index_main .product_item figure{background-color:#fff;border:1px solid #f3f3f3;position: relative;}
.index_main .product_item .item_img a:before,.index_main .product_item .item_img a:after{content:'';display:block;width:100%;height:28px;background-color:#f3f3f3;position:absolute;left:0;}
.index_main .product_item .item_img a:before{top:0;}
.index_main .product_item .item_img a:after{bottom:0;}
.index_main .product_item figure:hover .item_img a:before,.index_main .product_item figure:hover .item_img a:after{width:98%;height:98%;left:1%;background-color:rgba(218,37,28,.55);background-color:rgba(39,58,96,.3);z-index:1;-webkit-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.index_main .product_item figure:hover .item_img a:before{top:1%;}
.index_main .product_item figure:hover .item_img a:after{bottom:1%;}
.index_main .product_item figure:hover .item_img img{-webkit-transform:scale(1.12);-ms-transform:scale(1.12);-o-transform:scale(1.12);transform:scale(1.12);}
.index_main .product_item .pd_badge{display:inline-block;background-color:#da251c;padding:0 10px;line-height:24px;font-weight:bold;color:#fff;position:absolute;right:0;top:0;z-index:2;}
.index_main .product_item figcaption{position:relative;z-index:1;}
.index_main .product_item figure:hover {border-color:#ccc;}
.index_main .product_item:hover figcaption {
background-color: #D0BA40;
}
.index_main .product_item:hover figcaption .item_title a {
color: #fff;
}
/* index_ad */
.index_ad{padding:60px 0 0;background-position:center 0;background-repeat:no-repeat;-webkit-background-size:cover;background-size:cover;margin-bottom:80px;}
.index_ad .index_hd,.index_ad .index_hd a{color:#fff;}
.index_ad .index_hd{margin-bottom:0;}
.index_ad .ad_items{margin-top:-15px;margin-left:-2%;margin-right:-2%;position:relative;bottom:-60px;}
.index_ad .ad_item {float:left;padding:0 2% 2%;-webkit-box-flex:0 0 33.33333333%;-webkit-flex:0 0 33.33333333%;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%;width:33.33333333%;}
.index_ad .ad_item .item_inner{background-color:#f4f4f4;box-shadow:0 2px 1px #ddd;padding:10% 12%;position:relative;}
.index_ad .ad_item .item_img{width: 72px;float:left;margin-right:15%;position:relative;z-index:1;}
.index_ad .ad_item .item_img img+img{position:absolute;-webkit-transform:translateX(-50%) scale(.7);-ms-transform:translateX(-50%) scale(.7);-o-transform:translateX(-50%) scale(.7);transform:translateX(-50%) scale(.7);opacity:0;}
.index_ad .ad_item .item_info{}
.index_ad .ad_item .item_title{font-size:24px;line-height:1.2;}
.index_ad .ad_item .item_desc{color:#aaa;font-size:16px;margin-top:8px;}
.index_ad .ad_item .corner_left,.index_ad .ad_item .corner_right{content:'';display:block;width:10%;height:100%;background-color:#f4f4f4;position:absolute;top:0;box-shadow:0 2px 1px #ddd;}
.index_ad .ad_item .item_inner .corner_left{left:-3%;-webkit-transform:skew(8deg);-ms-transform:skew(8deg);-o-transform:skew(8deg);transform:skew(8deg);}
.index_ad .ad_item .item_inner .corner_right{right:-3%;-webkit-transform:skew(-8deg);-ms-transform:skew(-8deg);-o-transform:skew(-8deg);transform:skew(-8deg);}
.index_ad .ad_item:hover .item_img img{-webkit-transform:translateX(-50%) scale(.7);-ms-transform:translateX(-50%) scale(.7);-o-transform:translateX(-50%) scale(.7);transform:translateX(-50%) scale(.7);opacity:0;}
.index_ad .ad_item:hover .item_img img+img{-webkit-transform:translateX(-100%) scale(1);-ms-transform:translateX(-100%) scale(1);-o-transform:translateX(-100%) scale(1);transform:translateX(-100%) scale(1);opacity:1;}
.index_ad .ad_item:nth-child(3n+1){clear:left;}
.index_ad .ad_item:nth-child(3n+1) .item_inner .corner_left{display:none;}
.index_ad .ad_item:nth-child(3n+2) .item_inner .corner_left{left:-3%;-webkit-transform:skew(-8deg);-ms-transform:skew(-8deg);-o-transform:skew(-8deg);transform:skew(-8deg);}
.index_ad .ad_item:nth-child(3n+2) .item_inner .corner_right{right:-3%;-webkit-transform:skew(8deg);-ms-transform:skew(8deg);-o-transform:skew(8deg);transform:skew(8deg);}
.index_ad .ad_item:nth-child(3n) .item_inner .corner_right{display:none;}
/* index_application */
.index_application{padding-top:35px;margin-bottom:45px;}
.index_application .index_bd {padding-top:15px;}
.index_application .index_bd .layout{width:auto;}
.index_application .application_item{float:left;font-size:22px;position:relative;-webkit-box-flex:0 0 25%;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;width:25%;}
.application_item,.application_item a{color:#fff;}
.application_item .item_img,.application_item .item_img a,.application_item .item_img img{display:block;width:100%;height:auto;}
.application_item .item_img{position:relative;overflow:hidden;}
.application_item .item_img a:before{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;}
.application_item .item_img a:hover:before{background-color:rgba(0,0,0,.4);}
.application_item .item_title{font-size:28px;font-weight:normal;}
.application_item .item_title a{display:block;padding:5% 8%;position:absolute;left:0;bottom:0;z-index:1;}
.application_item:hover .item_img img{-webkit-transform:scale(1.12);-ms-transform:scale(1.12);-o-transform:scale(1.12);transform:scale(1.12);-webkit-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;transition:all .6s ease-in-out;}
/* index_brands */
.index_brands{margin-bottom:45px;}
.index_brands .brand_item{width:20%;float:left;border:1px solid #e0e0e0;padding:15px;text-align:center;position:relative;overflow:visible;}
.index_brands .brand_item a{display:block;height:72px;}
.index_brands .brand_item a:before{content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
.index_brands .brand_item img{max-width:95%;max-height:72px;width:auto;height:auto;}
.index_brands .brand_item a:hover{opacity:.7;}
.index_brands .brand_item .ico_corner:before,.index_brands .brand_item .ico_corner:after{content:'';display:inline-block;width:8px;height:8px;border:1px solid #d21717;position:absolute;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;}
.index_brands .brand_item .ico_corner:before{left:-1px;top:-1px;border-right:0;border-bottom:0;}
.index_brands .brand_item .ico_corner:after{left:-1px;bottom:-1px;border-right:0;border-top:0;}
.index_brands .brand_item .ico_corner+.ico_corner:before,.index_brands .brand_item .ico_corner+.ico_corner:after{border:1px solid #d21717;}
.index_brands .brand_item .ico_corner+.ico_corner:before{left:auto;bottom:auto;right:-1px;top:-1px;border-left:0;border-bottom:0;}
.index_brands .brand_item .ico_corner+.ico_corner:after{left:auto;top:auto;right:-1px;bottom:-1px;border-left:0;border-top:0;}
.index_brands .swiper-button-prev,.index_brands .swiper-button-next{opacity:.7;filter:alpha(opacity=70);background:none;background-position:center;background-repeat:no-repeat;-webkit-background-size:18px auto;
background-size:18px auto;}
.index_brands .swiper-button-next.swiper-button-disabled,.index_brands .swiper-button-prev.swiper-button-disabled{opacity:.3;filter:alpha(opacity=30);}
.index_brands .swiper-button-prev:before,.index_brands .swiper-button-next:before{display:none;}
.index_brands .swiper-button-prev{background-image:url(img/swiper_prev.png);left:0;}
.index_brands .swiper-button-next{background-image:url(img/swiper_next.png);right:0;}
.index_brands :not(.swiper-button-disabled):hover,.index_brands :not(.swiper-button-disabled):hover{opacity:1;filter:alpha(opacity=100);}
.index_brands .brand_slider{position:relative;padding:0 55px;}
.brand_slider .swiper-container{width: 100%;}
/*----------------------------------page head---------------------------------*/
/*public*/
.web_main{position:relative;top:0px; }
@media (max-width: 950px) {
.web_main{
top:0;
}
}
.page_main{background:#FFF; padding:60px 0 0; -moz-transform:translate3d(0, 0, 0); -webkit-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); }
/*sys_sub_head*/
.sys_sub_head .head_title{font-size:46px;line-height:1.2;font-weight:normal;color:#bb0001;}
.path_bar {
text-align: left;
font-size: 16px;
line-height: 35px;
padding: 10px 0;
/* height: 54px; */
}
.path_bar .layout{}
.path_bar li{display:inline;padding-right:10px;text-transform:capitalize;}
.path_bar li:after{content:'>';padding-left:10px;}
.path_bar li:last-child:after{display:none;}
.mobile-head-items{display:none;}
.path_bar li {
color: #fff;
}
.path_bar li a{
color: #fff;
}
.path_bar li a:hover{
text-decoration: underline;
}
.path_bar li:last-child a{
color: #fff;
text-decoration: underline;
}
.path_bar li:last-child{
color: #fff;
text-decoration: underline;
}
.sys_sub_head {
text-align: center;
background-position: center;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
position: relative;
}
.sub_head_cont {
width: 100%;
padding: 110px 0 80px;
/* padding: 143px 0 157px; */
text-align: center;
background-repeat: no-repeat;
-webkit-background-size: cover;
/* background-size: contain; */
/* padding-bottom: 26%; */
}
.sub_head_cont .layout{
/* position: absolute; */
/* top: 26%; */
/* left: 50%; */
/* right: 50%; */
/* bottom: 50%; */
/* transform: translate(-50%, 44%); */
}
@media only screen and (max-width:1600px){
.sub_head_cont {
/* padding: 68px 0 200px; */
}
}@media only screen and (max-width:1349px){
.sub_head_cont {
/* padding: 58px 0 200px; */
}
}
.sub_head_cont .sub_head_title, .sub_head_cont .sub_head_title a {
color: #fff;
}
.sub_head_cont .sub_head_title {
font-family: Arial, Arial;
font-weight: bold;
font-size: 60px;
color: #FFFFFF;
line-height: 77px;
text-align: center;
text-transform: capitalize;
}
.path_bar {
font-size: 18px;
text-align: center;
text-transform: uppercase;
padding: 30px 0 0;
letter-spacing: 0px;
}
/*----------------------------------aside---------------------------------*/
.aside{float:left;width:230px;}
.side-tit-bar{position:relative;margin-bottom:15px;}
.side-tit-bar .side-tit {
position: relative;
height: 36px;
overflow: hidden;
white-space: nowrap;
/* padding: 0 0 0 15px; */
text-transform: capitalize;
font-family: Arial, Arial;
font-weight: bold;
font-size: 22px;
color: #444444;
line-height: 43px;
}
.side-widget{position:relative;margin:0 0 30px;}
.side-cate {
/* padding: 0 0 0 10px; */
}
.side-cate li {position:relative;line-height:30px;font-size: 16px;}
.side-cate li a {
position:relative;
display:block;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
color: #333333;
line-height: 43px;
text-transform: capitalize;
}
.side-cate ul {display:none;overflow:visible !important; background-color: #fff;}
.side-cate ul li a{
font-size: 16px;
color: #333;
}
.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 li {font-size: 16px;padding: 2px 0;}
.side-cate li li a:hover:before,.side-cate li li.active>a:before{background-color:#444444;}
.side-cate li li li{font-size: 16px;}
.side-cate li a:hover,.side-cate li.active>a{color: #444444;}
.side-cate li a:hover:before,.side-cate li.active>a:before{background-color: #444444;}
.side-cate li .icon-cate{position:absolute; right:0; top:6px;display:inline-block;width:20px;height:20px; line-height:20px;overflow:hidden;text-align:center; font-size:10px; cursor:pointer; color:#99abb7;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease; }
.side-cate li .icon-cate.icon-cate-down:before{content: '>';
transform: rotate(269deg); }
.side-cate li .icon-cate.icon-cate-up:before{ content: '>';
transform: rotate(81deg); }
.side-widget .cate-type-list>li{line-height: 30px;font-size: 16px;}
.side-widget .cate-type-list>li>a{
padding-left: 15px;
margin-right: 0;
}
/* .side-widget .cate-type-list>li>a:before {
content: '';
display: inline-block;
width: 5px;
height: 5px;
background-color: #e0e0e0;
position: absolute;
left: 0;
top: 12px;
} */
.side-cate li.has-child>a{line-height: 35px;margin-right: 30px;}
.side-cate li.nav-current>.icon-cate{color:#444444;}
.side-cate>li.nav-current>a,.side-cate>li.nav-current>.icon-cate{color: #444444;}
.side-cate li li.nav-current>a{color: #444444;}
.side-cate li li.nav-current>a:before{background-color: #444444;}
.side-cate li.nav-current > .icon-cate, .side-cate li:hover > .icon-cate, li.show_li >.icon-cate{color:#99abb7; }
.side-cate li .icon-cate:hover{background-color:#53636e;color:#fff;}
.side-product-items{position:relative;}
.side-product-items .items_content{position:relative;padding:35px 0;}
.side_product_item{position:relative;display:block;width:100%;overflow:hidden;}
.side_product_item figure{position:relative;display:table;width:100%;overflow:hidden;}
.side_product_item .item-img,.side_product_item figcaption{display:table-cell;vertical-align:middle;}
.side_product_item .item-img{width:70px;border:1px solid #dcdcdc;-webkit-box-sizing:content-box;box-sizing:content-box;position:relative;}
.side_product_item .item-img:before{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.side_product_item .item-img img{display:block;width:100%;}
.side_product_item:hover .item-img{border-color:#ccc;}
.side_product_item:hover .item-img:before{background-color:rgba(0,150,234,.3);}
.side_product_item figcaption{padding-left:15px;}
.side_product_item figcaption h3{font-size:16px;font-weight:normal;}
.side_product_item figcaption h3 a{display:block;max-height:4.2em;line-height:1.4em;/*-ms-word-break:break-all;word-break:break-all;word-wrap:break-word;*/overflow :hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.side_product_item figcaption h3 a:hover,.side_product_item .item-img:hover + figcaption h3 a{color:#444444;text-decoration:underline;}
.side_product_item figcaption .h3{font-size:16px;font-weight:normal;}
.side_product_item figcaption .h3 a {
display: block;
max-height: 4.2em;
line-height: 1.4em;
max-height: none;
height: auto;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 10;
-webkit-box-orient: vertical;
}
.side_product_item figcaption .h3 a:hover,.side_product_item .item-img:hover + figcaption .h3 a{color:#444444;text-decoration:underline;}
.side-product-items .swiper-slide{-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;
display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;}
.side-product-items .side_slider{max-height:450px;overflow:hidden;-webkit-box-sizing:content-box;box-sizing:content-box;position:relative;}
.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:90px ;
}
.side-product-items .btn-prev,.side-product-items .btn-next{position:absolute;left:0;width:100%;height:32px;line-height:32px;opacity:1;filter:alpha(opacity=100);font-size:28px;color:#ccd3d9;z-index:1;text-align:center;cursor:pointer;}
.side-product-items .swiper-button-disabled{color:#eee;cursor:default;}
.side-product-items .btn-prev:before,.side-product-items .btn-next:before{font-weight:bold;display:inline-block;-webkit-transform:scale(4,1);-ms-transform:scale(4,1);-o-transform:scale(4,1);transform:scale(4,1);}
.side-product-items .btn-prev{top:0;}
.side-product-items .btn-prev:before{content:'\f106';content:'∧';}
.side-product-items .btn-next{bottom:0;}
.side-product-items .btn-next:before{content:'\f107';content:'∨';}
.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{width:100%;margin:0 0 40px;}
.aside .side-bn img{width:100% }
/*----------------------------------main---------------------------------*/
.main {
position: relative;
width: calc(100% - 260px);
float: right;
padding-bottom: 50px;
width: 100%;
float: none;
}
.cebianmain {
position: relative;
float: right;
width: 73%;
}
.cebian {
float: left;
/* width: 275px; */
width: 22%;
}
.newsxq_fl {
width: 100%;
float: none;
}
.newsxq_fl .artic_tit {
}
.artic_tit .h3 {
color: #666666;
display: flex;
align-items: center;
justify-content: space-between;
}
.artic_tit .h4 {
font-size: 36px;
font-weight: bold;
margin: 20px 0;
margin-bottom: 30px;
}
.news_next .con .h3 {
font-size: 16px;
font-weight: bold;
}
.main .banner_section{margin-bottom:25px;}
/*title*/
.main_hd{margin-bottom:10px;border-bottom:1px solid #ebebeb;padding-bottom:5px;display:-webkit-box;display:-webkit-flex;display:flex;-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;}
.main_hd .page_title{float:left;font-weight:normal;padding-right:8%;padding-bottom:0;-webkit-box-flex:1;-webkit-flex:1;flex:1;}
.main_hd .share_this,.items_list .main_hd .share_this{float:right;position:static;}
.page_title{font-size:22px;color:#000;padding-bottom:15px;}
.detailstitle {
font-family: Arial, Arial;
font-weight: bold;
font-size: 50px;
color: #333333;
line-height: 66px;
text-transform: capitalize;
}
/*main_banner*/
.main_banner{margin-bottom:15px;position:relative;overflow:hidden;}
.main_banner img{display:block;width:100%;height:auto;min-height:160px;}
.main_banner .swiper-wrapper li a{display:block;position:relative;}
.main_banner .swiper-wrapper li a:before{content:'';display:block;width:100%;height:100%;background-image:-webkit-linear-gradient(top,rgba(0,0,0,0) 80%,rgba(0,0,0,.4));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,0) 80%,rgba(0,0,0,.4));background-image:-o-linear-gradient(bottom,rgba(0,0,0,0) 80%,rgba(0,0,0,.4));background-image:linear-gradient(to bottom,rgba(0,0,0,0) 80%,rgba(0,0,0,.4));position:absolute;left:0;top:0;}
.main_banner .swiper-pagination{width:100%;text-align:center;padding-bottom:15px;position:absolute;left:0;bottom:0;z-index:1;}
.main_banner .swiper-pagination-bullet{width:10px;height:10px;background-color:#fff;border-color:#fff;margin:0 3px;-webkit-box-sizing:border-box;box-sizing:border-box;opacity:.6;filter:alpha(opacity=60);}
.main_banner .swiper-pagination-bullet-active{background:none;border:1px solid #fff;opacity:1;filter:alpha(opacity=100);}
.main_intro{line-height:1.6;}
.banner_section .main_banner_slider ul{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;margin:0!important}
/*page*/
.page_bar{position:relative; line-height:31px; height:33px; margin:40px 0; text-align:center; font-size:16px;}
.page_bar a, .page_bar span {
position: relative;
display: inline-block;
vertical-align: top;
padding: 0 12px;
/* border: 1px solid #ccc; */
margin: 0 4px;
text-align: center;
/* border-radius: 3px; */
/* filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fefefe',endColorStr='#ececec',gradientType='0');
background: -webkit-linear-gradient(top, #fefefe, #ececec);
background: -moz-linear-gradient(bottom, #fefefe, #ececec);
background: -o-linear-gradient(bottom, #fefefe, #ececec);
background: linear-gradient(to bottom, #fefefe, #ececec);
-webkit-transition: none;
-o-transition: none;
transition: none; */
background: #EFEFEF;
}
.page_bar a.current,.page_bar a:hover{color:#FFF; background:#0052d9; border-color:#0052d9 }
.page_bar a:not(.current):hover{border-color:#0052d9;background-color:#0052d9;color:#fff; }
.page_bar span.current2{margin-left:8px;}
.pages .active span {
color:#FFF;
background:#0052d9;
border-color:#0052d9;
border-radius: 20px;
}
.pagination ul li a{ border-radius: 20px; }
.pagination li span{ border-radius: 20px; }
/*--------------------------------------------------------
page:product list
------------------------------------------------------*/
/* .items_list{width:100%;position:relative;}
.items_list .share_this{float:right;position:absolute;right:0;top:5px;}
.items_list ul{margin:0 -10px;-webkit-box-pack:left;-webkit-justify-content:left;-ms-flex-pack:left;justify-content:left;}
.items_list .product_item{-webkit-box-flex:0 0 33.33333333%;-webkit-flex:0 0 33.33333333%;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%;width:33.33333333%;float:left;padding:10px;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;}
.items_list .product_item figure{-webkit-box-flex:1;-webkit-flex:1;flex:1;}
.items_list .product_item figure,.goods-may-like .product_item figure{padding:2px;border:1px solid #c7c7c7;}
.items_list .product_item .item_img,.goods-may-like .product_item .item_img{}
.items_list .product_item .item_img:hover img,.goods-may-like .product_item .item_img:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.items_list .product_item .item_title a,.goods-may-like .product_item .item_title a{padding:0;}
.items_list .product_item figure:hover,.goods-may-like .product_item figure:hover{box-shadow:0 10px 10px -10px rgba(0,0,0,.15);}
.items_list .product_item figure:hover .item_title a,.goods-may-like .product_item figure:hover .item_title a{color:#444444;}
.items_list .product_item .item_title a{max-height: 2.4em;height: auto;} */
/*--------------------------------------------------------
page:single Product
------------------------------------------------------*/
/*product photos*/
.product-intro{position:relative;overflow:hidden;}
.cloud-zoom-lens{border:1px solid #eee;cursor:move;}
.cloud-zoom-title{position:absolute !important;background-color:#000;color:#fff;padding:3px;width:100%;text-align:center;font-weight:bold;font-size:10px;top:0px;}
.cloud-zoom-big{overflow:hidden;padding:0px;}
.cloud-zoom-loading{color:white;background:#222;padding:3px;border:1px solid #000;}
.product-view .swiper-slide{padding-bottom:1px;}
.product-view .product-image.zoom_remove:after{content:"";position:absolute;width:100%;height:100%;left:0;bottom:0;z-index:999;}
.product-view{position:relative;width:37.6%;float:left;}
.product-view .product-image{position:relative;border:1px solid #ddd;}
.product-view .product-image img{position:relative;width:100%;}
.product-view .image-additional{position:relative;margin:20px 15px;overflow:hidden;}
.product-view .image-additional li{position:relative;width:100%;width:33.3333%;float:left;overflow:visible;height: auto;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;}
.product-view .image-additional li.single{display:none;}
.product-view .image-additional li img{display:block;position:relative;width:100%;margin:0 auto;}
.product-view .image-additional li a{display:block;position:relative;border:1px solid #c0c0c0;padding:1px;margin:15%;-webkit-box-flex:1;-webkit-flex:1;flex:1;
display:-webkit-box;display:-webkit-flex;display:flex;-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>a{border:2px solid #151515;}*/
.product-view .image-additional img.popup{display:none;}
.ad_prompt{position:absolute;display:block;top:50%;left:0;width:100%;line-height:40px;margin:-20px 0 0;text-align:center;color:#ff6f00;font-size:20px;-webkit-animation:twinkling 1s infinite ease-in-out;animation:twinkling 1s infinite ease-in-out;display:none;}
.product-view .image-additional.swiper-container-horizontal>.swiper-pagination-bullets{display:none;}
.product-view .swiper-button-next,.product-view .swiper-button-prev{width:30px;height:30px;margin-top:-15px;opacity:1;line-height:30px;font-size:22px;background:none;-webkit-transform:scale(.6,1);-ms-transform:scale(.6,1);-o-transform:scale(.6,1);transform:scale(.6,1);font-weight:bold;}
.product-view .swiper-button-prev,.product-view .swiper-container-rtl .swiper-button-next{left:-10px;}
.product-view .swiper-button-next,.product-view .swiper-container-rtl .swiper-button-prev{right:-10px;}
/*product summary*/
.product-summary{position:relative;width:57%;float:right;padding:0 0 10px;color:#666;font-size:16px;}
.product-summary .product-meta{line-height:1.8;max-width:500px;}
.product-summary .product-meta h3{margin:0 0 5px;font-size:16px;}
.product-summary .product-meta li{width:100%;display:table;padding:2px 0;}
.product-summary .product-meta li em{display:table-cell;width:40%;color:#aaa;}
.product-summary .product-meta li .item-val{display:table-cell;-ms-word-break:break-all;word-break:break-all;word-wrap:break-word;}
.product-btn-wrap{position:relative;padding-top:30px;}
.product-btn-wrap .email, .product-btn-wrap .pdf, .product-btn-wrap .buy{position:relative;color:#fff;display:inline-block; *display:inline;*zoom:1;vertical-align:top;line-height:28px;padding:.1em 1em;font-size:16px;border-radius:3px;background:#da251c;border:1px solid #da251c; margin:0 15px 10px 0;}
.product-btn-wrap .email:before,.product-btn-wrap .pdf:before{padding-right:8px;}
.product-btn-wrap .email:before{content:'\f0e0';}
.product-btn-wrap .pdf:before{content:'\f1c1';}
.product-btn-wrap a:hover{border-color:#eee!important;background-color:transparent!important;color:#da251c!important;box-shadow:0 0 10px rgba(0,0,0,.06);}
.product-summary .share-this{margin:30px 0 0;text-align:right;}
/* product detail */
.product-detail{position:relative;overflow:visible;margin:30px 0 0;}
.detail-tabs{
position:relative;
padding-right: 0;
display: block;
text-align: center;
}
.detail-tabs .title{position:relative;display:inline-block;font-weight:normal;vertical-align:top;line-height:26px;padding:1px 20px;cursor:pointer;margin:0 5px 0 0;font-size:16px;background-color:#283a60;border:1px solid #283a60;color:#fff; }
.product-detail .share-this{position:absolute;right:0;top:2px;}
.product-detail .tab-panel-content{padding:10px 0;display:block;overflow:hidden }
.product-detail .disabled{display:none;}
/*like product*/
.goods-may-like{position:relative;overflow:hidden;}
.goods-may-like .title{line-height:35px;font-size:16px;margin:50px 0 20px;padding:0 15px;text-transform:uppercase;font-weight:bold;background-color:#283a60;color:#fff;}
.goods-may-like .product_item{width:33.33333333%;margin:0;padding:0;}
.goods-may-like .product_item figure{margin:0;}
.goods-may-like .swiper-slide{width:33.33333333%;overflow:visible;}
.goods-may-like .swiper-control{position:absolute;right:10px;top:55px;}
.goods-may-like .swiper-button-prev,.goods-may-like .swiper-button-next{display:inline-block;width:20px;height:25px;line-height:25px;font-size:20px;margin-left:5px;background:none;color:#fff;margin-left:5px;position:static;margin:0;opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(.8,1);-ms-transform:scale(.8,1);-o-transform:scale(.8,1);transform:scale(.8,1);}
.goods-may-like .swiper-button-next.swiper-button-disabled, .goods-may-like .swiper-button-prev.swiper-button-disabled{opacity:.5;filter:alpha(opacity=50);}
/*product photos*/
.product-intro {
position: relative;
overflow: hidden;
/* max-width: 850px; */
}
.cloud-zoom-lens {
border: 1px solid #eee;
cursor: move;
}
.cloud-zoom-title {
position: absolute !important;
background-color: #000;
color: #fff;
padding: 3px;
width: 100%;
text-align: center;
font-weight: bold;
font-size: 10px;
top: 0px;
}
.cloud-zoom-big {
overflow: hidden;
padding: 0px;
}
.cloud-zoom-loading {
color: white;
background: #222;
padding: 3px;
border: 1px solid #000;
}
.product-view .swiper-slide {
padding-bottom: 1px;
}
.product-view .product-image.zoom_remove:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
z-index: 999;
display: none;
}
.product-view {
position: relative;
width: 51.5%;
float: left;
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
align-items: flex-start;
}
.product-view .product-image {
position: relative;
border: 1px solid #ddd;
height: 100%;
width: 75%;
}
.image-additional-wrap {
position: relative;
width: 25%;
}
.product-view .product-image .cloud-zoom {
/* position: relative;
padding-bottom: 60%; */
}
.product-view .product-image img {
position: relative;
width: 100%;
/* position: absolute;
object-fit: cover;
top: 0;
left: 0;
width: 100%;
height: 100%; */
}
.product-view .image-additional {
position: relative;
margin: 54px 15px;
overflow: hidden;
height: 400px;
}
@media only screen and (max-width: 1500px){
/*.product-view .image-additional{*/
/* height:350px;*/
/*}*/
}
.product-view .image-additional li {
position: relative;
width: 100% !important;
/* width: 33.3333%; */
float: left;
overflow: visible;
height: auto !important;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row;
margin-bottom: 10px;
background-color:#F6F6F6;
}
.image-additional .swiper-pagination {
display: none;
}
.image-additional-wrap .swiper-button-next,.image-additional-wrap .swiper-button-prev {
display: none;
}
.product-view .image-additional li.single {
display: none;
}
.product-view .image-additional li .cloud-zoom-gallery {
position: relative;
padding-bottom: 60%;
}
.product-view .image-additional li img {
display: block;
position: relative;
width: 100%;
margin: 0 auto;
position: absolute;
object-fit: cover;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.product-view .image-additional li a {
display: block;
position: relative;
border: 1px solid #c0c0c0;
padding: 1px;
margin: 15%;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-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>a {
/*border: 2px solid #4a4c51;*/
/*padding: 0;*/
}
.product-view .image-additional img.popup {
display: none;
}
.ad_prompt {
position: absolute;
display: block;
top: 50%;
left: 0;
width: 100%;
line-height: 40px;
margin: -20px 0 0;
text-align: center;
color: #ff6f00;
font-size: 20px;
-webkit-animation: twinkling 1s infinite ease-in-out;
animation: twinkling 1s infinite ease-in-out;
display: none;
}
.product-view .image-additional.swiper-container-horizontal>.swiper-pagination-bullets {
display: none;
}
.product-view .swiper-button-next,
.product-view .swiper-button-prev {
width: 30px;
height: 30px;
margin-top: -15px;
opacity: 1;
line-height: 30px;
font-size: 28px;
background: none;
-webkit-transform: scale(.6, 1);
-ms-transform: scale(.6, 1);
-o-transform: scale(.6, 1);
transform: scale(.6, 1);
font-weight: bold;
}
.product-view .swiper-button-prev,
.product-view .swiper-container-rtl .swiper-button-next {
left: -10px;
}
.product-view .swiper-button-next,
.product-view .swiper-container-rtl .swiper-button-prev {
right: -10px;
}
/*product summary*/
.product-summary {
position: relative;
width: 45.7%;
float: right;
padding: 0 0 10px;
color: #666;
font-size: 13px;
}
.product-summary .product-meta {
line-height: 1.8;
}
.product-summary .product-meta p {
font-family: WorkSans-Regular;
font-weight: 400;
font-size: 18px;
color: #666666;
line-height: 24px;
}
.product-summary .product-meta h3 {
margin: 0 0 5px;
font-size: 14px;
}
.product-summary .product-meta li {
width: 100%;
display: table;
padding: 2px 0;
}
.product-summary .product-meta li em {
display: table-cell;
width: 40%;
color: #aaa;
}
.product-summary .product-meta li .item-val {
display: table-cell;
-ms-word-break: break-all;
word-break: break-all;
word-wrap: break-word;
}
.product-btn-wrap {
position: relative;
padding-top: 30px;
text-align: left;
}
.product-btn-wrap .email,
.product-btn-wrap .pdf,
.product-btn-wrap .buy {
position: relative;
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
line-height: 28px;
padding: 10px 30px;
font-size: 16px;
border-radius: 0px;
background: #22408F;
border: 2px solid #22408F;
color: #fff;
margin: 0 15px 10px 0;
}
.product-btn-wrap .email {
/* width: 100%;
text-align: center;
padding: 10px 10px; */
}
.product-btn-wrap .email:hover {
cursor: pointer;
}
.product-btn-wrap .email:before,
.product-btn-wrap .pdf:before {
padding-right: 8px;
}
.product-btn-wrap .email:before {
content: '\f0e0';
display: none;
}
.product-btn-wrap .pdf:before {
content: '\f1c1';
display: none;
}
.product-btn-wrap a:hover {
background-color: #fff !important;
border-color: #444444 !important;
color: #444444 !important;
}
.product-summary .share-this {
margin: 30px 0 0;
text-align: right;
}
/* product detail */
.product-detail .tab-panel-wrap {
width: 100%;
}
.product-detail .tab-slide {
width: auto;
}
.detail-tabs .title {
position: relative;
display: inline-block;
font-weight: normal;
vertical-align: top;
line-height: 26px;
padding: 1px 20px;
cursor: pointer;
margin: 0 5px 0 0;
font-size: 16px;
background-color: #fff;
border: 1px solid #7C7C7C;
font-family: Arial, Arial;
font-weight: bold;
font-size: 22px;
color: #333333;
line-height: 43px;
}
.detail-tabs .title.current {
background:#22408F;
border-color: #22408F;
color: #fff;
}
.product-detail .share-this {
position: absolute;
right: 0;
top: 2px;
}
.product-detail .tab-panel-content {
padding: 10px 0;
display: block;
overflow: hidden
}
.product-detail .disabled {
display: none;
}
/*--------------------------------------------------------
page:blog list
------------------------------------------------------*/
.blog_list{position:relative;width:100%;}
.blog-item{position:relative;width:100%;overflow:hidden; padding:35px 20px;}
.blog-item:nth-child(2n+1){background:#f9f9f9;}
.blog-item:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;border-bottom:1px solid #ddd;}
.blog-item:after{content:'';display:block;width:0;height:3px;background-color:#444444;position:absolute;left:0;bottom:0;opacity:0;filter:alpha(opacity=0);}
.blog-item:hover:after{width:100%;opacity:1;filter:alpha(opacity=100);-webkit-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;transition:all .6s ease-in-out;}
.blog-item .item-img,.blog-item .item-img img{border-radius:5px;}
.blog-item .item-img{position:relative;display:block;max-width:200px;padding:5px;border:1px solid #eee;background-color:#fff; margin:0 20px 0 0;float:left;}
.blog-item .item-img img{
position:relative;
width:100%;
width: 188px;
height: 188px;
}
.blog-item .item-info .item-title{height:1.5em;line-height:1.5em;overflow:hidden;font-size:20px;font-weight:normal;}
.blog-item .item-info time{display:block;font-size:16px;margin:8px 0;color:#666;}
.blog-item .item-info .item-detail{color:#666;}
.blog-item .item-info .item-more{margin:20px 0 0;float:right;}
.blog-item .item-info .item-more{display:inline-block;padding:.2em 0;line-height:1.8;color:#444444;position:relative;text-transform:uppercase;}
.blog-item .item-info .item-more:after{content:'';display:block;width:100%;height:1px;background-color:#444444;position:absolute;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;}
.blog-item .item-info .item-more:before{left:0;top:0;}
.blog-item .item-info .item-more:after{right:0;bottom:4px;}
.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{padding-left:.8em;padding-right:.8em;background-color:#444444;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; padding:15px 0;margin:0 0 10px;line-height:30px;border-bottom:1px solid #eee;}
.download-item .item-img{max-width:25px;}
.download-item .item-title{position:relative;display:inline-block; *display:inline;vertical-align:top; *zoom:1;margin:0 10px;font-size:16px;font-weight:bold;}
.download-item .item-button{position:relative;display:inline-block; *display:inline;vertical-align:top; *zoom:1;float:right; line-height:30px;padding:0 15px;border:1px solid #ccc;background:#eee;border-radius:5px;cursor:pointer;}
.download-item .item-button:before{content:"\f019"; margin:0 10px 0 0;}
/*--------------------------------------------------------
page:faq list
------------------------------------------------------*/
/* .faq_list{position:relative;width:100%;}
.faq-item{position:relative;width:100%;overflow:hidden; padding:0 25px;border:1px solid #eee;margin:0 0 20px;}
.faq-item .faq-title{position:relative;font-size:16px; padding:15px 0;cursor:pointer;}
.faq-item .faq-title:before{position:absolute;content:"\f067";right:0;font-size:16px;}
.faq-item .faq-title.show-title:before{content:'\f068';}
.faq-item .faq-title h3{font-weight:normal;}
.faq-item .faq-cont{margin:0 0 25px;display:none;}
.faq-item:first-child .faq-cont{display:block;} */
.banner_catesbox {
background-color: #444444;
}
.banner_catesboxph {
display: none;
}
.banner_catesbig {
}
.banner_catesul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.banner_catesli {
width: 18%;
padding: 90px 30px;
z-index: 9;
}
.banner_catesli1 {
position: relative;
font-family: Arial;
font-weight: bold;
font-size: 26px;
color: #FFFFFF;
line-height: 36px;
margin-bottom: 15px;
text-transform: uppercase;
}
.banner_catesli1:before {
content: '';
display: block;
width: 45px;
height: 4px;
background-color: #000000;
position: absolute;
left: 0;
margin-left: 0;
top: -15px;
z-index: 1;
display: none;
}
.banner_catesli1:after {
content: '';
display: block;
width: 100%;
height: 2px;
background-color: #ffffff;
position: absolute;
left: 0;
margin-left: 0;
top: -14px;
}
.banner_catesli2 {
font-family: Arial;
font-weight: 400;
font-size: 16px;
color: #EDEDED;
line-height: 29px;
}
.banner_catesli:hover {
background-color: #f5f5f5;
}
.banner_catesli:hover .banner_catesli1 {
color: #333333;
}
.banner_catesli:hover .banner_catesli2 {
color: #666666;
}
.banner_catesli:hover .banner_catesli1:before {
display: block;
}
.banner_catesli:hover .banner_catesli1:after {
background-color: #000000;
}
.banner_catesli:hover {
-webkit-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
transform:scale(1.2);
/* -webkit-transform: scale(1, 1.2);
-ms-transform: scale(1, 1.2);
-o-transform: scale(1, 1.2);
transform: scale(1, 1.2); */
}
.showpdbox {
padding: 60px 0;
margin: 60px 0;
}
.showpdbig{
position: relative;
}
.showpdbigul{
position: relative;
display: flex;
flex-wrap: wrap;
height: 700px;
}
.showpdbigli {
width: 25%;
}
.showpdbigli a {
position: relative;
}
.showpdbigli1 {
}
.showpdbigli1 img {
}
.showpdbigli2 {
width: 100%;
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
padding: 0px 0px 40px 40px;
text-align: left;
font-family: Arial;
font-weight: bold;
font-size: 26px;
color: #FFFFFF;
line-height: 36px;
}
.showpdbigli:nth-child(1) {
position: absolute;
width: 37%;
left: 0;
bottom: 0;
}
.showpdbigli:nth-child(2) {
position: absolute;
width: 60%;
right: 0;
top: -15%;
}
.showpdbigli:nth-child(3) {
position: absolute;
width: 33%;
left: 40%;
bottom: 0;
}
.showpdbigli:nth-child(4) {
position: absolute;
width: 24%;
right: 0;
bottom: 0;
}
#ph_yuyan {
display: none;
}
.ph_quato {
display: none;
}
.index_history {
padding: 60px 0;
margin: 60px 0;
position: relative;
display: flex;
align-items: center;
}
.index_history:before {
content: '';
display: block;
width: 33%;
height: 100%;
background-color: #444444;
position: absolute;
right: 0px;
z-index: -1;
}
.index_history .index_hd .hd_title {
font-family: Arial;
font-weight: 900;
font-size: 60px;
color: #000000;
line-height: 91px;
text-align: left;
}
.index_history .index_hd p {
text-align: left;
font-family: Arial;
font-weight: normal;
font-size: 20px;
color: #444444;
line-height: 59px;
}
.history_box {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.history_boxl {
width: 47%;
}
.history_boxr {
width: 47%;
margin-bottom: 7%;
}
.history_boxr ul{
display: flex;
flex-wrap: wrap;
}
.history_boxr ul li {
width: 33.3333%;
text-align: center;
border: 1px solid #DDDCDC;
background-color: #fff;
overflow: hidden;
}
.history_boxr ul li img {
transition: all 0.3s ease;
}
.history_boxr ul li img:hover {
transform: scale(1.1);
}
.history_boxlul li p {
font-family: Arial;
font-weight: 400;
font-size: 16px;
color: #666666;
line-height: 36px;
}
.history_boxlul li p span {
margin-right: 10px;
font-size: 18px;
}
.history_boxl .num_item {
}
.history_boxl .num_item .num_left {
}
.history_boxl .num_item .num_right {
}
.history_boxr .num_left_1 {
font-family: Arial;
font-weight: bold;
font-size: 48px;
color: #444444;
line-height: 131px;
}
.history_boxr .num_left_2 {
font-family: Arial;
font-weight: bold;
font-size: 48px;
color: #333333;
line-height: 112px;
}
.history_boxr .num_right {
font-family: Arial;
font-weight: 400;
font-size: 20px;
color: #000000;
line-height: 30px;
text-transform: capitalize;
}
.history_boxl_p {
margin-bottom: 30px;
}
.history_boxl_p p {
font-family: Arial;
font-weight: 400;
font-size: 16px;
color: #666666;
line-height: 30px;
}
.history_boxl_a {
margin-top: 20px;
margin-bottom: 30px;
}
.history_boxl_a img {
margin-right: 10px;
}
.history_boxl_a a {
font-family: Arial;
font-weight: normal;
font-size: 16px;
color: #333333 !important;
line-height: 30px;
}
.index_apps {
position: relative;
background-repeat: no-repeat;
background-size: cover;
margin: 30px 0;
display: flex;
justify-content: space-between;
/* padding: 60px 0; */
background-image: url(img/four_pc.webp);
}
.index_apps .index_hd {
width: 33%;
padding: 200px 60px 200px 13%;
}
.index_apps .index_bd {
width: 67%;
}
.appsph {
display: none;
}
.index_apps .index_hd .hd_title {
font-family: Arial;
font-weight: bold;
font-size: 48px;
color: #444444;
line-height: 91px;
}
.index_appsul {
display: flex;
}
.index_appsli {
width: 33.333333%;
text-align: center;
padding: 200px 60px 150px 60px;
/* transition: width 0.3s ease; */
}
.index_appsli:hover {
background: rgba(68,68,68,0.82);
}
.index_appsimg {
margin-top: 300px;
font-family: Arial;
font-weight: bold;
font-size: 145px;
color: #444444;
line-height: 190px;
opacity: 0.53;
}
.index_appsimg img {
}
.index_appstit {
font-family: Arial;
font-weight: bold;
font-size: 27px;
color: #FFFFFF;
line-height: 74px;
position: relative;
margin-bottom: 30px;
display: none;
/* visibility:hidden; */
}
.index_appsul .index_appstit{ margin-bottom: 47px !important; line-height: 37px !important; }
.index_appstit:after {
content: '';
display: block;
width: 72px;
height: 7px;
background-color: #ffffff;
position: absolute;
left: 50%;
margin-left: -36px;
bottom: -15px;
}
.index_apps .apps_view {
margin: 60px 0 40px 0;
}
.index_apps .apps_view a {
background: #ffffff;
font-family: Arial;
font-weight: 400;
font-size: 16px;
color: #333333;
line-height: 36px;
padding: 15px 30px;
}
.index_appsp {
font-family: Arial;
font-weight: normal;
font-size: 16px;
color: #fff;
line-height: 30px;
display: none;
/* visibility:hidden; */
}
.index_appsa{
display: none;
/* visibility:hidden; */
margin-top: 60px;
}
.index_appsa a {
background: #444444;
color: #fff;
padding: 15px 30px;
border-radius: 28px;
background: rgba(255,255,255, .35);
/* opacity: 0.35; */
}
.index_appsli:hover .index_appstit{
display: block;
/* visibility:visible; */
}
.index_appsli:hover .index_appsp{
display: block;
/* visibility:visible; */
}
.index_appsli:hover .index_appsa{
display: block;
/* visibility:visible; */
}
.index_appsli:hover .index_appsimg {
display: none;
/* visibility:hidden; */
margin-top: 0px;
}
.golink {
z-index: 3;
box-sizing: content-box;
opacity: 1;
filter: alpha(opacity = 100);
display: inline-block;
width: 37px;
height: 37px;
line-height: 32px;
text-align: center;
color: #fff;
/* font-size: 10px; */
background: #444444;
padding: 5px;
border-radius: 50%;
top: 50%;
position: relative;
margin-right: 10px;
}
.golink:before {
position: absolute;
top: 12px;
left: 20px;
width: 13px;
height: 23px;
background: url(img/xiaoyou.png) no-repeat;
content: "";
}
.history_boxl_a .golink:before {
position: absolute;
top: 13px;
left: 15px;
width: 20px;
height: 20px;
background: url(img/xiaoyou.png) no-repeat;
content: "";
}
.app_swiperbox .golink:before {
position: absolute;
top: 13px;
left: 15px;
width: 20px;
height: 20px;
background: url(img/xiaoyou.png) no-repeat;
content: "";
}
.app_to a:hover .golink {
background: #D0BA40;
}
.index_xinwen .golink:before {
background: none;
position: absolute;
top: 7px;
left: 9px;
width: 20px;
height: 20px;
background: url(img/xiaoyou.png) no-repeat;
content: "";
}
.index_xinwen .golink {
width: 25px;
height: 25px;
}
.index_qua {
padding: 120px 0 60px 0;
margin-bottom: 30px;
position: relative;
background: #F8F8F8;
}
.index_qua .layout {
display: flex;
align-items: center;
justify-content: space-between;
}
.index_qua .qua_view {
margin: 60px 0 40px 0;
}
.index_qua .qua_view a {
background: #444444;
color: #fff;
padding: 15px 30px;
}
.index_qua .index_hd {
width: 40%;
text-align: left;
}
.index_qua .index_hd .hd_title {
font-family: Arial;
font-weight: bold;
font-size: 60px;
color: #333333;
line-height: 80px;
}
.qua_p {
margin: 20px 0;
}
.qua_p p {
font-family: Arial;
font-weight: 400;
font-size: 16px;
color: #000000;
line-height: 29px;
}
.qua_picsbox {
right: 0;
width: 60%;
/* top: 40%; */
bottom: 0;
}
.qua_picsbox ul{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.qua_picsbox ul li{
width: 30%;
margin-bottom: 30px
}
.qua_picsbox ul li img{
max-width: none;
width: 100%;
height: auto;
}
.qua_picsbox ul li:nth-child(2) img {
position: relative;
top: -5%;
}
.qua_picsbox ul li:nth-child(5) img {
position: relative;
top: -5%;
}
.qua_picsbox ul li img:hover {
box-shadow: 0 0px 15px 0px rgba(0, 0, 0, .1);
}
.index_qua .app_to a {
font-family: Arial;
font-weight: 400;
font-size: 16px;
color: #333333;
line-height: 30px;
display: flex;
align-items: center;
}
.listpd_video {
padding: 470px 0;
text-align: center;
background-color: #313131;
position: relative;
margin-bottom: -30px;
background-repeat: no-repeat;
background-position: center 0;
-webkit-background-size: cover;
background-size: cover;
background-attachment: fixed;
}
.listpd_videobox {
display: flex;
position: absolute;
top: 0;
left: 0;
align-items: center;
justify-content: center;
}
.listpd_video_L {
width: 35%;
}
.listpd_video_L img{
}
.listpd_video_R {
width: 50%;
background: #FFFFFF;
padding: 60px 60px;
}
.listpd_video_R1 {
font-family: Arial, Arial;
font-weight: bold;
font-size: 20px;
color: #444444;
line-height: 66px;
text-align: left;
}
.listpd_video_R2 {
font-family: Arial, Arial;
font-weight: bold;
font-size: 50px;
color: #333333;
line-height: 66px;
text-align: left;
}
.listpd_video_R3 {
font-family: Arial;
font-size: 16px;
color: #666666;
line-height: 30px;
text-align: left;
margin-bottom: 30px;
}
.listpd_video_R4 {
}
.listpd_video_R4ul {
display: flex;
flex-wrap: wrap;
}
.listpd_video_R4li {
width: 50%;
text-align: left;
margin-bottom: 20px;
}
.listpd_video_R4tit {
display: flex;
align-items: center;
}
.listpd_video_R4tit img {
margin-right: 20px;
}
.listpd_video_R4tit p {
font-family: Arial, Arial;
font-weight: bold;
font-size: 24px;
color: #333333;
line-height: 66px;
}
.listpd_video_R4p {
}
.listpd_video_R4p p {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #666666;
line-height: 30px;
}
.pdlist .index_hd .hd_title {
font-family: Arial, Arial;
font-weight: bold;
font-size: 50px;
color: #333333;
line-height: 66px;
}
.pd_aboutbox {
margin: 60px 0;
}
.pd_about {
display: flex;
align-items: center;
justify-content: space-between;
}
.pd_about_L {
width: 52%;
}
.pd_about_L1 {
font-family: Arial, Arial;
font-weight: normal;
font-size: 20px;
color: #FE0F0F;
line-height: 66px;
}
.pd_about_L2 {
font-family: Arial, Arial;
font-weight: 900;
font-size: 34px;
color: #333333;
line-height: 45px;
}
.pd_about_L3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #666666;
line-height: 30px;
}
.pd_about_L3 p {
}
.pd_about_R {
width: 47%;
}
.pd_about_R img {
}
.pd_about_pics {
margin-top: 30px;
}
.pd_about_pics ul {
display: flex;
flex-wrap: wrap;
}
.pd_about_pics ul li {
width: 25%;
padding: 0 5px;
}
.pd_about_pics ul li img {
}
.pd_about_pics ul li {
position: relative;
}
.pd_about_pics ul li a:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
opacity: 0;
transition: opacity 0.3s ease;
}
.pd_about_pics ul li a:hover:before {
opacity: 1;
}
.pd_fourli {
position: relative;
}
.pd_fourli a:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
opacity: 0;
transition: opacity 0.3s ease;
}
.pd_fourli a:hover:before {
opacity: 1;
}
.pd_choosebox {
margin: 60px 0;
padding: 0px 0 120px 0;
}
.pd_choose{
display: flex;
position: relative;
align-items: center;
justify-content: space-between;
}
.pd_choose_S {
background: rgba(255, 255, 255, .75);
box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
position: absolute;
bottom: -20%;
left: 3%;
padding: 30px 30px;
width: 25%;
text-align: center;
}
.pd_choose_S1 {
font-family: Arial, Arial;
font-weight: bold;
font-size: 79px;
color: #444444;
line-height: 105px;
}
.pd_choose_S2 {
font-family: Arial, Arial;
font-weight: bold;
font-size: 18px;
color: #333333;
line-height: 66px;
}
.pd_choose_L {
width: 47%;
}
.pd_choose_R {
width: 50%;
}
.pd_choose_R1 p {
font-family: ArialMT;
font-size: 16px;
color: #666666;
line-height: 30px;
}
.pdwen_ul {
display: flex;
flex-wrap: wrap;
}
.pdwen_li {
width: 50%;
text-align: left;
margin-bottom: 20px;
}
.pdwen_li1 {
display: flex;
align-items: center;
}
.pdwen_li1 img {
margin-right: 20px;
}
.pdwen_li1 p {
font-family: Arial, Arial;
font-weight: bold;
font-size: 20px;
color: #333333;
line-height: 66px;
}
.pdwen_li2 {
}
.pdwen_li2 p {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #666666;
line-height: 30px;
}
.pd_facbox {
background: #F5F5F5;
padding: 120px 0px;
}
.listfacimgs {
}
.pd_foursul {
display: flex;
flex-wrap: wrap;
}
.pd_fourli {
width: 25%;
padding: 5px;
text-align: center;
}
.pdhonorbox {
padding: 120px 0;
}
.listfacimgs {
position: relative;
}
.pd_honorul {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.pd_honorli {
text-align: center;
padding: 10px;
border: 1px solid #d3d3d3;
}
.pd_honorli img {
display: block;
width: 100%;
height: auto;
}
.pdhonorbox .swiper-button-prev,.pdhonorbox .swiper-button-next {
background-color: transparent;
width: 30px;
height: 30px;
border-radius: 50%;
color: #000;
display: flex;
align-items: center;
justify-content: center;
opacity: 1;
font-weight: bold;
}
.pdhonorbox .swiper-button-prev::after,.pdhonorbox .swiper-button-next::after {
font-size: 14px;
}
.pdhonorbox .swiper-pagination-bullet {
background: #333;
opacity: 1;
border: none;
width: 15px;
height: 15px;
border-radius: 50%;
}
.pdhonorbox .swiper-pagination-bullet-active {
background: #ff0000;
opacity: 1;
border: none;
}
.pdhonorbox .swiper-container:hover .swiper-button-prev {
left: 10px;
}
.pdhonorbox .swiper-container:hover .swiper-button-next {
right: 10px;
}
.pdhonorbox .swiper-pagination {
bottom: 20px;
}
.pd_faqbox {
padding: 60px 0;
background-color: #F5F5F5;
}
.pd_faqbig {
display: flex;
align-self: center;
justify-content: space-between;
}
.pd_faqbig_L {
width: 43%;
}
.pd_faqbig_R {
width: 50%;
}
.pd_faqbig_L1 {
font-family: Arial, Arial;
font-weight: bold;
font-size: 20px;
color: #444444;
line-height: 66px;
}
.pd_faqbig_L2 {
font-family: Arial, Arial;
font-weight: bold;
font-size: 50px;
color: #333333;
line-height: 66px;
}
.xunpankuang {
background: #FFFFFF;
box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.1);
padding: 60px 60px;
}
.pd_cusbox {
padding: 120px 0;
}
.pd_cusbig {
display: flex;
align-items: center;
justify-content: space-between;
}
.pd_cusbig_L {
width: 49%;
}
.pd_cusbig_R {
width: 49%;
}
.pd_cusbig_L1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
color: #444444;
line-height: 40px;
}
.pd_cusbig_L2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
color: #333333;
line-height: 40px;
font-weight: bold;
}
.pd_cusbig_L3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #666666;
line-height: 30px;
}
.pdparbox {
background: #F5F5F5;
padding: 60px 0;
}
.pdparbig{
}
.pd_parul {
display: flex;
align-items: center;
}
.pd_parli {
width: 16.666666%;
text-align: center;
}
.pd_parli img {
width: auto;
height: auto;
}
.pd_backul {
display: flex;
align-items: center;
justify-content: space-between;
}
.pd_backli {
width: 32%;
text-align: center;
}
.pd_backli img {
width: auto;
height: auto;
}
.pd_backli p {
font-family: Arial, Arial;
font-weight: bold;
font-size: 26px;
color: #333333;
line-height: 66px;
}
.pdbackbox {
padding-top: 60px;
}
.ab_advbox {
padding: 60px 0;
}
.ab_advbig {
}
.ab_advul {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.ab_advli {
width: 50%;
display: flex;
align-items: center;
justify-content: space-between;
padding: 30px 30px;
}
.ab_advli_L {
width: 20%;
}
.ab_advli_L1 {
}
.ab_advli_L2 {
display: none;
}
.ab_advli_R {
width: 100%;
}
.ab_advli_R1 {
font-family: Arial;
font-weight: bold;
font-size: 18px;
color: #FE2B2B;
line-height: 30px;
}
.ab_advli_R2 {
font-family: Arial;
font-weight: normal;
font-size: 16px;
color: #666666;
line-height: 30px;
}
.ab_advli:hover {
background-color: #444444;
}
.ab_advli:hover .ab_advli_R1{
color: #fff;
}
.ab_advli:hover .ab_advli_R2{
color: #fff;
}
.ab_advli:hover .ab_advli_L1 {
display: none;
}
.ab_advli:hover .ab_advli_L2 {
display: block;
}
.index_video {
}
.index_video ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.index_video ul li {
width: 50%;
cursor: pointer;
margin: 13px 0;
}
.index_video ul li .img {
position: relative;
width: 100%;
height: 0;
padding-top: 60.4%;
overflow: hidden;
background-color: #000;
border: solid 4px #fff;
transition: all ease-in-out .3s;
}
/* .index_video ul li .img::before {
content: '';
display: inline-block;
width: 100%;
height: 100%;
background-color: #000000;
opacity: .5;
position: absolute;
top: 0;
left: 0;
z-index: 9;
transition: all ease-in-out .3s;
} */
.index_video ul li .img img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
}
.index_video ul li .img::after {
content: '';
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
width: 115px;
height: 115px;
background-image: url(img/video_player.png);
background-position: center;
background-size: 80%;
width: 98px;
height: 96px;
background-repeat: no-repeat;
z-index: 20;
}
.index_video ul li .title {
margin-top: 8px;
text-transform: capitalize;
transition: all ease-in-out .3s;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
color: #666666;
line-height: 36px;
text-align: left;
}
.index_video ul li .title:hover{ color: #0052d9 !important;}
.tuivideobig ul li {
width: 25%;
}
.xinwenbox {
margin-bottom: 110px;
}
.xinwenbig {
}
.xinwenbigul {
/*display: flex;*/
/*justify-content: space-between;*/
/*flex-wrap: wrap;*/
}
.xinwenbigul .promote_item {
-webkit-box-flex: 0 0 24%;
-webkit-flex: 0 0 24%;
-ms-flex: 0 0 24%;
flex: 0 0 24%;
max-width: 24%;
width: 24%;
float: left;
margin-right: 10px;
border: 1px solid #ECECEC;
}
.blog_list .xinwenbigul .promote_item {
-webkit-box-flex: 0 0 32%;
-webkit-flex: 0 0 32%;
-ms-flex: 0 0 32%;
flex: 0 0 32%;
max-width: 30%;
width: 30%;
float: left;
margin-right:10px;
border: 1px solid #ECECEC;
margin-bottom: 30px;
}
.xinwenbigul .promote_item .item_inner {
display: block;
border: 1px solid #fff;
position: relative;
height: 100%;
}
.xinwenbigul .promote_item .item_img {
display: block;
width: 100%;
height: auto;
position: relative;
/* padding-bottom: 90%; */
}
.xinwenbigul .promote_item .item_img img {
display: block;
width: 100%;
height: auto;
position: absolute;
object-fit: cover;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.xinwenbigul .promote_item .item_img {
overflow: hidden;
visibility: hidden;
}
.xinwenbigul .promote_item .item_info {
width: 100%;
height: auto;
/* position: absolute;
left: 0;
bottom: 0; */
z-index: 1;
/* background-color: rgba(0,0,0,.4); */
padding: 30px 20px;
text-align: left;
}
.xinwenbigul .promote_item time {
font-family: Arial, Arial;
font-weight: normal;
font-size: 16px;
color: #A3A3A3;
line-height: 30px;
font-weight: bold;
}
.xinwenbigul .promote_item .item_title {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
color: #333333;
line-height: 30px;
font-weight: bold;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
height: 65px;
}
.xinwenbigul .promote_item .item_desc {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #666666;
line-height: 28px;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
margin-bottom: 10px;
height: 84px;
}
.xinwenbigul .promote_item .item_inner:hover .item_info {
/* background-color: rgba(0,0,0,.6); */
color: #fff;
}
.xinwenbigul .promote_item:hover .item_info{
background-color:#22408fc4;
}
.xinwenbigul .promote_item:hover .item_img {
visibility: visible;
}
.xinwento {
width: 46px;
height: 43px;
/* background: #F7F7F7;
border: 1px solid #DDDCDC;
border-radius: 50%;
color: #DDDCDC;
display: flex;
align-items: center;
justify-content: center; */
background: url(img/jiantiiii.png) no-repeat center;
}
.xinwenbigul .promote_item:hover time {
color: #fff;
}
.xinwenbigul .promote_item:hover .item_title {
color: #fff;
}
.xinwenbigul .promote_item:hover .item_desc {
color: #fff;
}
.offerbox {
}
.offerbig {
display: flex;
background: #FAFAFA;
align-items: center;
}
.offerbig_L {
width: 50%;
}
.offerbig_L img{
max-width: none;
width: 100%;
height: auto;
}
.offerbig_R {
width: 50%;
padding: 0px 194px 0px 100px;
}
.offerbig_R1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 40px;
color: #333333;
line-height: 64px;
}
.offerbig_R1 span {
font-family: Arial, Helvetica, sans-serif;
font-size: 40px;
color: #182E59;
line-height: 64px;
font-weight: bold;
}
.offerbig_R2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #666666;
line-height: 34px;
}
.offerbig_R3 {
margin-top: 60px;
}
.offerbig_R .offerbig_R3 a{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #fff;
line-height: 36px;
text-align: center;
background-color: #22408F;
padding: 20px 30px;
}
.ditubox {
background-repeat: no-repeat;
background-size: 100% 100%;
/* padding: 250px 0; */
padding: 200px 0 300px 0;
background-size: cover;
/* padding: 345px 0; */
}
.ditubig {
/* width: 45%; */
}
.ditubig1{
font-family: Arial, Arial;
font-weight: bold;
font-size: 60px;
color: #333333;
line-height: 91px;
text-align: left;
width: 800px;
}
@media only screen and (max-width:700px){
.ditubig1{
width: auto;
}
}
.ditubig2{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #666666;
line-height: 30px;
text-align: left;
width: 40%;
}
.ditubig3 {
margin: 30px 0 0px 0;
display: flex;
}
.ditubig3 a {
background: #444444;
color: #fff;
padding: 15px 30px;
text-transform: uppercase;
}
.ditubig4 {
display: none;
}
.singupbox{
padding: 60px 0;
background-repeat: no-repeat;
background-size: cover;
}
.singupbig {
display: flex;
align-items: center;
}
.singupbig_L {
width: 40%;
}
.singupbig_L p{
font-family: Arial, Arial;
font-weight: bold;
font-size: 60px;
color: #FFFFFF;
line-height: 91px;
text-align: left;
}
.singupbig_R{
width: 60%;
}
.singupbig_R1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
color: #FFFFFF;
line-height: 34px;
text-align: left;
margin-bottom: 30px;
}
.singupbig_R2 {
display: flex;
justify-content: space-between;
}
.singupbig_R21 {
border-bottom: 1px solid #ffffff;
color: #DBDBDB !important;
width: 80%;
display: inline-block;
}
.singupbig_R22 {
padding: 10px 40px;
color: #333;
background-color: #fff;
}
.singupbig_R22:hover {
color: #fff;
background-color: #000000;
}
.tuipdbox {
margin-bottom: 60px;
}
.tuipdbig {
}
.tuipdbig ul {
display: flex;
flex-wrap: wrap;
}
.mySwiperi ul {
display: flex;
flex-wrap: inherit !important;
}
.tuipdbig ul li{
width: 25%;
text-align: center;
padding: 30px 30px 30px 30px;
}
.cebianmain .tuipdbig ul li {
width: 33.33333%;
}
.tuipdbig ul li a{
}
.tuipdbig ul li .img{
}
.tuipdbig ul li .img img{
}
.tuipdbig ul li .title{
font-family: Arial, Helvetica, sans-serif;
font-size: 21px;
font-weight: bold;
color: #333333 !important;
line-height: 32px;
text-align: left;
margin-top: 20px;
/* height: 64px; */
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
margin-top: 25px;
margin-bottom: 17px;
text-align: center;
}
.tuipdbig ul li .desc{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
}
.tuipdbig ul li .desc p{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #999999 !important;
line-height: 29px;
text-align: left;
/*
text-overflow: ellipsis;
overflow: hidden; */
/* display: -webkit-box;
-webkit-line-clamp: 2; */
-webkit-box-orient: vertical;
}
.tuipdbig ul li:hover{
background: #F7F7F7;
}
.tuipdbig ul li:hover .title{
color: #444444 !important;
}
.apps_box {
margin-top: 120px;
}
.apps_big {
}
.apps_bigul {
}
.apps_bigli {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 60px;
}
.apps_bigli:nth-child(2n) {
flex-direction: row-reverse;
}
.apps_bigli_L {
width: 49%;
}
.apps_bigli_L img {
width:95%;
}
.apps_bigli_R {
width: 49%;
}
.apps_bigli_R1 {
font-family: Arial, Arial;
font-weight: bold;
font-size: 18px;
color: #666666;
line-height: 63px;
text-align: left;
}
.apps_bigli_R2 {
font-family: Arial, Arial;
font-weight: bold;
font-size: 50px;
color: #000000;
line-height: 63px;
text-align: left;
margin-bottom: 30px;
}
.apps_bigli_R3 {
font-family: Arial, Arial;
font-weight: normal;
font-size: 18px;
color: #666666;
line-height: 32px;
text-align: left;
}
.apps_bigli .app_btn {
display: inline-block;
cursor: pointer;
padding: 10px 30px;
background-color: #22408F;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #333333;
line-height: 28px;
text-align: center;
text-transform: uppercase;
margin-top:20px;
}
.apps_bigli .app_btn a{
color: #fff;
}
.contactbox {
margin: 60px 0;
}
.contactbig {
}
.contactbigul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.contactbigli {
width: 32%;
background: #F6F6F6;
border: 1px solid #F0F0F0;
text-align: center;
padding: 55px 60px;
}
.contactbigli:hover {
background-color: #fff;
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, .1);
}
.contactbigli1 {
border-radius: 50%;
width: 83px;
height: 83px;
display: inline-flex;
align-items: center;
justify-content: center;
background-color: #22408F;
margin-bottom: 30px;
}
.contactbigli1 img{
}
.contactbigli2 {
font-family: Arial, Arial;
font-weight: bold;
font-size: 24px;
color: #333333;
line-height: 31px;
text-align: center;
margin-bottom: 30px;
}
.contactbigli3 {
}
.cont_share {
text-align: center;
margin: 60px 0;
}
.cont_share p {
font-family: Arial, Arial;
font-weight: bold;
font-size: 20px;
color: #333333;
line-height: 31px;
text-align: center;
}
.cont_map {
position: relative;
background-size: cover;
background-repeat: no-repeat;
}
.cont_map iframe{
position: absolute;
top: 15%;
right: 0;
width: 50%;
height: 90%;
}
.lianxixun .xun_boxrtit1 {
font-family: Arial, Arial;
font-weight: bold;
font-size: 60px;
color: #FFFFFF;
line-height: 66px;
text-align: left;
}
.lianxixun .index_from .asterisk {
background-color: transparent;
border-radius: 30px;
}
.lianxixun .form_ul li input {
background-color: transparent;
border: none !important;
border-bottom: 1px solid #fff !important;
width: 100%;
padding-left: 3%;
border-radius: 0px;
}
.lianxixun .Asterisk_Text textarea {
border: none !important;
border-bottom: 1px solid #fff !important;
background-color: transparent;
border-radius: 0;
}
.lianxixun .gtm_submit_btn {
background-color: #ffffff !important;
width: 151px !important;
height:49px !important;
color: #333;
margin-top: 15px !important;
background: #444444;
border-radius: 0px;
border: none;
}
.sidebar {
position: fixed;
top: 50%;
transform: translateY(-50%);
right: 0;
z-index: 99;
/* background-color: #303393; */
border-radius: 10px;
}
.sidebar ul li {
margin-bottom: 8px;
border-radius: 10px;
background-color: var(--font-color);
width: 60px;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.sidebar ul li a span {
font-size: 24px;
color: #fff;
}
.sidebar ul li a span img {
height: 60px;
width: 60px;
}
.sidebar ul li .sidebar_item_con {
display: none;
position: absolute;
top: 0;
right: 100%;
}
.sidebar ul li .sidebar_item_con .sidebar_item_txt {
margin-right: 4px;
background-color: #444444;
padding: 0 8px;
text-align: right;
height: 50px;
font-size: 14px;
padding: 20px;
color: #fff;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
white-space: nowrap;
}
.sidebar ul li {
margin-bottom: 8px;
border-radius: 10px;
background-color: var(--font-color);
width: 60px;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.ab_whobox {
padding: 60px 0;
position: relative;
margin: 60px 0;
margin-bottom: 0;
}
.ab_whobox .layout {
/* display: flex;
align-items: center;
justify-content: space-between; */
}
.ab_whobox_L {
width: 50%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.ab_whobox_L img {
height: 100%;
width: 100%;
}
.ab_whobox_R {
width: 50%;
float: right;
padding: 0px 60px;
}
.ab_whobox_R1 {
}
.ab_whobox_R1 p {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
color: #666666;
line-height: 26px;
text-align: left;
}
.ab_whobox_R2 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 30px 0;
}
.ab_whobox_R2 li {
width: 30%;
}
.ab_whobox_R2 li p{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #666666;
line-height: 36px;
text-align: left;
}
.ab_whobox_R3 {
/* display: flex; */
/* justify-content: space-between; */
}
.ab_whobox_R3 li {
display: flex;
width: 100%;
/* justify-content: space-between; */
align-items: center;
}
.ab_whobox_R3li1 {
background: #ECECEC;
border: 8px solid #f6f6f6;
border-radius: 50%;
width: 71px;
height: 71px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 20px;
}
.ab_whobox_R3li1 img {
}
.ab_whobox_R3li2 {
}
.ab_whobox_R3li2 p {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
color: #666666;
line-height: 36px;
text-align: left;
}
.ab_innbox {
padding: 60px 0;
position: relative;
margin: 60px 0;
padding-bottom: 0;
margin-bottom: 0;
margin-top: 0;
}
.ab_innbox,
.ab_whobox {
padding: 0px 0;
margin: 0px 0;
}
.ab_innbox .layout {
/* display: flex;
align-items: center;
justify-content: space-between; */
}
.ab_innbox_L {
width: 50%;
float: left;
padding: 0px 60px;
}
.ab_innbox_R {
width: 50%;
position: absolute;
right: 0;
top: 0;
height: 100%;
}
.ab_innbox_R img {
height: 100%;
width: 100%;
object-fit: cover;
}
@media only screen and (max-width:1600px){
.ab_innbox_R img {
height: 100%;
width: 100%;
}
}
@media only screen and (max-width:1440px){
.ab_innbox_R img {
height: 100%;
width: 100%;
}
}
@media only screen and (max-width:1160px){
.ab_innbox_R img {
height: 109%;
width: 100%;
}
}
.ab_innbox_R1 {
}
.ab_innbox_R1 p {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
color: #666666;
line-height: 26px;
text-align: left;
}
.ab_innbox_R2 {
display: flex;
flex-wrap: wrap;
justify-content: left;
margin: 30px 0;
position: relative;
}
.ab_innbox_R2 li {
width: 30%;
margin-right: 5px;
margin-bottom: 10px;
}
.ab_innbox_R2 li p{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #666666;
line-height: 36px;
text-align: left;
}
.ab_innbox_R2li2 {
display: none;
position: absolute;
left: 0;
top: 50%;
margin-top: 60px;
}
.ab_innbox_R2li2.active {
display: block;
display: flex;
align-items: center;
justify-content: space-between;
}
.ab_innbox_R2li1 {
cursor: pointer;
padding: 10px;
border: 1px solid #22408F;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #333333;
line-height: 28px;
text-align: center;
text-transform: uppercase;
}
.ab_innbox_R2li1:hover {
background-color: #22408F;
color: #fff;
}
.ab_innbox_R2li1.navactive {
background-color: #22408F;
color: #fff;
}
.ab_innbox_R2img {
width: 35%;
}
.ab_innbox_R2img img {
}
.ab_innbox_R2p {
width: 60%;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #666666;
line-height: 24px;
text-align: left;
}
.ab_groupbox {
padding: 60px 0 0;
margin: 120px 0;
margin-top: 20px;
}
.ab_group {
text-align: center;
}
.ab_groupul {
/*display: flex;*/
/*flex-wrap: wrap;*/
}
.ab_groupli {
position: relative;
width: 20%;
height: 300px;
background-size: cover;
background-position: center;
overflow: hidden;
}
.ab_groupli .overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #22408F;
transition: background-color 0.5s ease;
z-index: 1;
background-color: #182E59;
}
.ab_groupli:hover .overlay {
background-color:#0052d963;
}
.ab_groupli img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 90%;
max-height: 90%;
z-index: 2;
}
.ab_meetbox {
}
.ab_meet{
}
.ab_meetul {
/*display: flex;*/
/*flex-wrap: wrap;*/
/*justify-content: space-between;*/
}
.ab_meetli {
width: 24.5%;
text-align: center;
margin-bottom: 20px;
}
.ab_meetli1 {
position: relative;
height:0;
width:100%;
padding-top:80%;
}
.ab_meetli1 img{
position: absolute;
width: 100%;
height: 100%;
left:0;
top:0;
transition: all ease-in-out .3s;
}
.ab_meetli2 {
}
.ab_meetp1{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #666666;
line-height: 36px;
}
.ab_meetp2{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #666666;
line-height: 36px;
font-weight: bold;
}
.ab_meetli:hover .ab_meetp1{
color: #444444;
}
.ab_meetli:hover .ab_meetp2{
color: #444444;
}
@media only screen and (max-width:768px){
.inquiry-form .form-btn-wrapx .form-btn-submitx{top:0 !important;}
}
@media only screen and (max-width: 1680px){
.ab_whobox_R3li2 p { font-size: 16px;}
/*layout*/
body{min-width:1400px;}
/*.layout{width:1200px;}*/
.index_product .layout{width:1400px;}
}
@media only screen and (max-width:1500px){
}
@media only screen and (max-width:1440px){
/*layout*/
body{min-width:1280px;}
/*.layout{width:1180px;}*/
.index_product .layout{width:1280px;}
/*header*/
/*index*/
.index_ad .ad_item .item_inner{padding:10% 5%;}
.index_ad .ad_item .item_img{width:65px;margin-right:8%;}
.index_ad .ad_item .item_info{padding-top:5px;}
.index_ad .ad_item .item_title{font-size:20px;}
.index_ad .ad_item .item_desc{font-size:16px;}
.application_item .item_title{font-size:22px;}
}
@media only screen and (max-width:1024px){
.sub_head_cont .sub_head_title {
font-family: Arial, Arial;
font-weight: bold;
font-size: 35px;
color: #FFFFFF;
line-height: 0px;
text-align: center;
text-transform: capitalize;
}
.ab_whobox>.layout{
display: flex;
flex-wrap: wrap;
}
.ab_whobox_R {
width: 100%;
float: right;
padding: 0px 0px;
}
.ab_whobox_L{
width: 100%;
height: 100%;
position: relative;
left: unset;
top: unset;
}
.ab_innbox{
display: flex;
flex-wrap: wrap;
padding: 0px 0;
position: relative;
margin: 0px 0;
}
.ab_whobox {
padding: 0px 0;
position: relative;
margin: 24px 0;
}
.ab_innbox_R{
width: 100%;
height: auto;
position: static;
left: unset;
top: unset;
}
.ab_innbox_R img {
height: 100%;
width: 100%;
margin-top: 222px;
}.index_hd {
padding-bottom: 11px;}
.ab_groupbox {
padding: 2px 0 0;
margin: 47px 0;
}
.ditubig1 {
font-family: Arial, Arial;
font-weight: bold;
font-size: 46px;
color: #333333;
line-height: 60px;
text-align: left;
}
.ab_innbox_L{
width: 100%;
float: right;
padding: 0px 0px;
}
.foot-items .foot-item.foot-item-social1 {
width: 26%;
}
.history_boxr .num_left_1 {
font-size: 32px;
}
.index_apps .apps_view a{ padding: 2px 16px !important; display: inline-block;}
.history_boxr .num_left_2{ font-size: 32px;}
}
@media only screen and (max-width:1100px){
.foot-items .foot-item.foot-item-social1 {
width: 26%;
}
.showpdbigul{ height: 500px;}
}
@media only screen and (max-width:1200px){
.foot-items .foot-item.foot-item-social1 {
width: 26%;
}
.side-tit-bar .side-tit{ white-space: break-spaces; height: inherit !important; }
}
@media only screen and (max-width:1366px){
.head_upL ul{ flex-wrap: wrap;}
.head_upL{ margin-left:0px;}
.head_upL ul li{ width: 100%;}
.ab_innbox_R2 li{ width: inherit !important;}
.slider_banner_header .slider_banner_h1{
font-size: 20px;
}
.foot-items .foot-item.foot-item-social1 ul li{ word-wrap: break-word;}
.web_head .logo{ padding: 5px 0px;}
.ab_whobox_R3li2 p{ font-size: 16px !important;}
.ab_whobox_R3li1{ width: inherit !important; height: inherit !important;}
.offerbig_R{ padding: 0px 100px 0px 100px !important;}
.app_tits {
font-family: Arial;
font-weight: bold;
font-size: 60px;
color: #FFFFFF;
line-height: 77px;
margin-bottom: 46px;
}
.app_decs {
font-family: Arial;
font-weight: normal;
font-size: 16px;
color: #FFFFFF;
line-height: 30px;
margin-bottom: 30px;
}
.app_tit {
position: relative;
font-family: Arial;
font-weight: bold;
font-size: 40px;
color: #FFFFFF;
line-height: 57px;
margin-bottom: 30px;
}
.history_boxr .num_right {
font-family: Arial;
font-weight: 400;
font-size: 20px;
color: #666666;
line-height: 53px;
}
.history_boxr .num_left_1 {
font-family: Arial;
font-weight: bold;
font-size: 100px;
color: #444444;
line-height: 131px;
}
.app_biaoti {
font-family: Arial;
font-weight: 900;
font-size: 80px;
color: #333333;
line-height: 80px;
opacity: 0.07;
position: absolute;
right: 3%;
top: 0;
}
/*layout*/
body{min-width:1200px;}
/*.layout{width:1100px;}*/
/*.index_product .layout{width:1200px;}*/
/*list*/
.items_list .product_item{-webkit-box-flex:0 0 33.33333333%;-webkit-flex:0 0 33.33333333%;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%;width:33.33333333%}
}
@media only screen and (max-width:1280px){
/*list*/
.ab_whobox_R3 li{ margin-bottom: 10px;}
.ab_whobox_R3{flex-wrap: wrap;}
.items_list .product_item{-webkit-box-flex:0 0 50%;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;width:50%;}
}
@media only screen and (max-width:1200px){
/*layout*/
body{min-width:inherit;}
.layout,.index_product .layout{width:92%;}
}
@media only screen and (max-width:1024px){
.index_hd .hd_title {
font-family: Arial, Arial;
font-weight: bold;
font-size: 25px;
color: #000000;
line-height: 50px;
}
.history_boxr .num_right {
font-size: 16px;
}
.history_boxr .num_left_1 {
font-size: 45px;
}
/*header*/
.web_head .top_contact_item{padding:0 20px;}
.web_head .top_contact_item .item_val{font-size:16px;}
.web_head .change-language+.btn--search{margin-left:25px;}
/*index*/
.index_ad .ad_items{margin:0;}
.index_ad .ad_item{padding:0;}
.index_ad .ad_item .item_inner .corner_left,.index_ad .ad_item .item_inner .corner_right{display:none;}
/*list*/
.sys_sub_head .head_title h1{font-size:42px;}
.items_list{width:100%;}
.items_list ul{margin:0 -10px;}
}
@media only screen and (max-width:950px){
.ab_innbox_R img{
margin-top: 78px;
}
.product-detail .tab-panel-wrap{ width: 100% !important;}
.offerbig_R1{ line-height: 48px !important; font-size: 20px;}
.offerbig_R{ padding: 25px !important;}
.offerbig_R1 span{ font-size: 25px; line-height: 48px !important;}
.ab_innbox {
padding: 60px 0;
position: relative;
margin: 0px 0;
}
.ab_whobox_R3li1{ width: 71px !important;
height: 71px !important; }
.detail-tabs .title{ margin-bottom: 10px !important;}
.apps_bigli_L{ width: 90%;}
.detail-tabs{text-align: left;}
.apps_bigli_R{ width: 90%; margin-top: 22px}
.xinwen_items .newst2{ font-weight: bold; }
.xinwen_items .newst1{ font-size: 30px;}
.sub_head_cont .sub_head_title {
font-size: 32px;
line-height: 32px;
}
.ditubig{ margin-bottom: 10px !important;}
.sub_head_cont {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
/* padding: 60px 0; */
padding-top: 30px;
padding-bottom: 0px;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
opacity: 0 !important;
}
.product_list_item figure .item_img img {
width: auto;
height: auto;
}
.blog-item .item-img img {
width: auto;
height: auto;
}
.ph_quato {
display: block;
margin-top: 30px;
}
.pc_quato {
display: none;
}
#pc_yuyan {
display: none;
}
#ph_yuyan {
display: block;
}
.content-wrap.form .ch_form_wrap ul {
padding: 0;
}
.fl-row-content-wrap {
padding: 0px !important;
}
.content-wrap.form .ch_form_wrap .item_submit {
padding: 0;
margin: 0;
}
.index_xinwen {
padding: 0px 0;
margin: 0;
}
.index_qua {
position: relative;
padding: 10px 0 0 0;
}
.index_product .index_hd {
margin: 15px 0;
}
.index_xinwen .product_item .item_title a {
height: auto;
}
.apps_control img {
max-width: 30px;
}
.index_xinwen .xinwen_slider {
margin-left: 0px;
margin-right: 0px;
}
.index_product {
padding: 0;
}
.language--img {
width: 15px;
height: 15px;
border-radius: 50%;
}
.web_head .logo {
width: 25%;
}
/*.language-flag span {*/
/* color: #000000 !important;*/
/*}*/
.change-language .change-language-cont {
right: 0 !important;
left: auto !important;
}
.change-language-cont span {
/*color: #333 !important;*/
}
.web_head .head_right {
display: none;
}
.ph_hanbao {
display: block;
z-index: 999999999;
right: 0;
position: absolute;
}
.app_tits {
font-family: Arial;
font-weight: bold;
font-size: 24px;
color: #FFFFFF;
line-height: 77px;
margin-bottom: 20px;
}
.app_tit {
position: relative;
font-family: Arial;
font-weight: bold;
font-size: 24px;
color: #FFFFFF;
line-height: 57px;
margin-bottom: 20px;
}
.app_decs {
font-family: Arial;
font-weight: normal;
font-size: 16px;
color: #FFFFFF;
line-height: 30px;
margin-bottom: 30px;
}
.app_bt {
font-family: Arial;
font-weight: bold;
font-size: 16px;
color: #FFFFFF;
line-height: 19px;
border: none;
}
.apps_img {
padding: 10% 0 0 0;
position: relative;
margin-bottom: 20px;
}
.apps_img:before {
content: '';
position: absolute;
width: 70%;
height: 100%;
background: #444444;
z-index: 0;
left: 0;
top: 0;
}
.app_info {
width: 100%;
height: 70%;
position: absolute;
left: 0;
/* bottom: 0; */
z-index: 1;
background-color: rgba(0, 0, 0, .6);
padding: 5% 5%;
text-align: left;
}
.apps_control {
width: 100%;
height: 15%;
position: absolute;
right: 0;
bottom: 0;
z-index: 1;
text-align: center;
display: flex
;
}
.pcappsbox {
display: none;
}
.phappsbox {
display: block;
}
.qua_p {
margin: 0;
}
.qua_picsbox {
position: relative;
right: 0;
background-color: #F5F5F5;
width: 100%;
top: 30%;
padding: 30px 15px;
}
.index_qua .index_hd {
width: 100%;
text-align: left;
}
.index_xinwen .index_hd .hd_title {
font-family: Arial;
font-weight: bold;
font-size: 24px;
color: #333333;
line-height: 38px;
text-align: left;
position: relative;
}
.index_xinwen .index_hd P {
font-family: Arial;
font-weight: bold;
font-size: 20px;
color: #444444;
line-height: 40px;
}
.copyright {
padding: 30px 0 90px 0;
border-top: 1px solid #2C2C2C;
}
.foot-btn a {
width: 25%;
height: 57px;
display: flex;
justify-content: center;
align-items: center;
background: #444444;
}
.foot-btn a:nth-child(2n-1) {
background: #333333;
}
.foot-btn {
display: flex;
}
.foot-items .foot-item {
display: block;
padding: 0;
width: 100% !important;
}
.foot-items {
padding-top: 35px !important;
display: flex;
flex-wrap: wrap;
padding-bottom: 30px;
}
.foot-items .foot-item.foot-item-logo1 {
width: 100%;
}
.foot-items .foot-item.foot-item-social1 {
width: 100%;
margin-top: 20px;
}
.foot-items .foot-item.foot-item-social {
display: block;
/* margin-top: 50px; */
width: 100%;
}
.foot-tit {
font-family: Arial;
font-weight: 400;
font-size: 22px;
color: #FFFFFF;
line-height: 44px;
}
.index_xinwen .item_decs {
display: none;
}
.index_qua .index_hd .hd_title {
font-family: Arial;
font-weight: bold;
font-size: 24px;
color: #333333;
line-height: 69px;
}
.app_biaoti {
display: none;
}
.history_boxr .num_left_1 {
font-family: Arial;
font-weight: 900;
font-size: 45px;
}
.history_boxr .num_right {
font-family: Arial;
font-weight: 400;
font-size: 16px;
color: #666666;
line-height: 35px;
}
.index_history .index_hd .hd_title {
font-family: Arial;
font-weight: bold;
font-size: 24px;
color: #333333;
line-height: 40px;
}
.history_box {
display: block;
}
.history_boxl {
width: 100%;
}
.history_boxr {
width: 100%;
}
.slider_banner:hover .swiper-button-prev {
bottom: -25px;
}
.slider_banner:hover .swiper-button-next {
bottom: -25px;
}
.index_product .index_hd .hd_title {
font-family: Arial;
font-weight: bold;
font-size: 24px;
color: #333333;
line-height: 90px;
text-align: left;
top: 10px;
position: absolute;
}
.banner_box {
background-color: #444444;
width: 70%;
height: 46px;
position: absolute;
right: 0;
bottom: -20px;
z-index: 2;
display: none;
}
.slider_banner .swiper-button-prev {
display: none;
}
.slider_banner .swiper-button-next {
display: none;
}
.slider_banner .swiper-pagination {
bottom: -10px;
display: none;
}
.pcbanner{
display: none;
}
.phbanner{
display: block;
}
.news_next .tit {
font-size: 17px;
font-weight: bold;
/* width: 20%; */
/* float: left; */
}
.news_next .con {
width: 95%;
float: right;
padding-right: 0px;
position: relative;
box-sizing: border-box;
}
body{min-width:100%;}
.z10000{position:relative;z-index:100000;}
.mobile-body-mask{width:100%;height:100vh;background:rgba(0, 0, 0, 0.6);position:fixed;left:0;top:0;z-index:999 }
.mobile-ico-close{width:30px;height:30px;background: url(homepage/close.png) center center no-repeat;background-size:100%;
position:absolute;
right: 50%;
margin-right: -15px;
top: 675px;
cursor:pointer;
}
.sub-content{position:relative;display:block;right:auto;border-radius:0;border:none;box-shadow:none;z-index:99999;margin-bottom: 22% }
.lang-more{display:none !important }
.mobile-head-items {
position: fixed;
top: 0;
left: 0;
background: transparent;
width: 100%;
text-align: left;
display: none;
z-index: 999;
position: fixed;
top: 0;
left: 0;
z-index: 999;
width: 100%;
background:#282828;
text-align: left;
.mobile-head-items .phone_tel a {
color: #000000;
font-size: 16px;
}
.ph_div {
display: flex;
flex-direction: row-reverse;
}
.mobile-head-items .phone_logo {
position: relative;
padding-left: 20px;
}
.phone_tel {
margin-left: 10px;
}
.mobile-head-items .phone_logo:after {
content: "";
position: absolute;
top: 5px;
left: 0;
height: 15px;
width: 1px;
border-right: 1px solid #000;
display: none;
}
.lan_A {
display: flex;
align-items: center;
padding-right: 20px;
}
/*.mobile-head-search {*/
/* padding-right: 10px;*/
/*}*/
/*.mobile-head-item{*/
/* float:right;*/
/* width:45px;*/
/*}*/
/*.mobile-head-item.mobile-head-aside{*/
/* float:right;*/
/* display: none;*/
/*}*/
/*.mobile-head-item .title{width:100%;height:25px;line-height:25px;overflow:hidden;text-align:center;color:#FFF;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';*/
/* content:"";*/
/* width: 22px;*/
/* height: 22px;*/
/* background-size: cover;*/
/* display: inline-block;*/
/* background-image: url(img/ph_h2.png);*/
/*}*/
/*.mobile-head-item.mobile-head-language .title:before{*/
/* !* content:"\f1ab"; *!*/
/* content:"";*/
/* width: 22px;*/
/* height: 22px;*/
/* background-size: cover;*/
/* display: inline-block;*/
/* background-image: url(img/ph_h1.png);*/
/*}*/
/*.mobile-head-item.mobile-head-search .title:before{*/
/* !* content:"\f002"; *!*/
/* content:"";*/
/* width: 22px;*/
/* height: 22px;*/
/* background-size: cover;*/
/* display: inline-block;*/
/* !* background-image: url(img/ph_sou.png); *!*/
/* background-image: url(img/ph_h3.png);*/
/*}*/
/*.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{background:#FFF;top:0;display:block;z-index:99999;}*/
/*.mobile-head-item .main-content-wrap .content-wrap{overflow-y:auto;height:100%;padding:15px 10px;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;display:block;left:-80%;width:80%;height:100%;}*/
/*.mobile-head-item .middle-content-wrap{position:absolute;left:0;width:100%;height:auto;padding:20px 0;opacity:0;visibility:hidden;}*/
/*.mobile-head-item .middle-show-content-wrap{top:30px;visibility:visible;opacity:1;}*/
/*.web_head .logo{*/
/* position:relative;*/
/* display:flex;*/
/* float:none;*/
/* text-align:center;*/
/*}*/
/*.web_head{*/
/* padding: 59px 0 0;*/
/* height: auto;*/
/*}*/
/*.web_head .head_top{padding-top:25px;padding-bottom:25px;}*/
/*.web_head .nav_wrap .head_nav,.web_head .change-language,.web_head .btn--search{display:none;}*/
/*.web_head .nav_wrap{position:static;}*/
/*.web_head .btn--search{right:0;top:-20px;margin:0;}*/
/*.web_head .head-search{display:none;}*/
/*.head-search{position:relative;width:90%;height:35px;background:#000;margin:0 auto;}*/
/*.head-search .search-ipt{position:absolute;width:100%;height:100%;left:0;top:0;color:#FFF;padding:0 10px;}*/
/*.head-search .search-btn{position:absolute;width:35px;height:100%;background:url(img/search_btn_mobile.png) no-repeat center center;-webkit-background-size:auto 16px;background-size:auto 16px;border:none;right:0;top:0;display:block !important;}*/
/*.head-search .search-attr{display:none;}*/
.ph_hanbao .mobile-head-item.mobile-head-nav .title:before {
content: "";
width: 21px;
height: 15px;
background-image: url(img/demo/ph_hanbao.png);
display: inline-block;
background-size: cover;
}
/* header */
.path_bar{background-attachment:scroll!important;}
.web_head{
margin-bottom:auto;
position: relative;
}
.head_layer{
display:block;
padding: 0px 0;
height: 80px;
display: none !important;
}
.web_head .head_top{margin-bottom:auto;}
/*nav */
.head_nav{width:100%;padding:0 5px;}
.head_nav li {padding-left:28px;padding-top:4px;padding-bottom:4px;}
.head_nav li, .head_nav li a{color:#111;}
.head_nav li.has-child{padding-left:28px;margin-top:0;margin-bottom:0;}
.head_nav li.has-child>a{margin-top:3px;margin-bottom:3px;margin-right:35px;}
.head_nav li.has-child>ul{display:none;}
.head_nav li.siblings-no-menu{position:relative;padding-left:15px;}
.head_nav li a{display:block;height:1.4em;line-height:1.4em;position:relative;}
.head_nav li a:hover{color:#fff;}
.head_nav li em{display:inline-block;height:1.4em;overflow:hidden;vertical-align: middle;}
.head_nav li li{font-size:16px;}
.head_nav li li li{font-size:16px;}
.head_nav li li a{color:#666;}
.head_nav li.has-child a b{display:inline-block;width:15px;height:15px;border:1px solid #111;border-radius:2px;overflow:hidden;line-height:15px;position:absolute;right:-35px;top:1px;-webkit-box-sizing:content-box;box-sizing:content-box;}
.head_nav li.has-child a b:before,.head_nav li.has-child a b:after{content:'';display:block;width:9px;height:1px;background-color:#111;position:absolute;left:3px;top:50%;margin-top:-.5px;}
.head_nav li.has-child a b:after{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);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 #d8d8d8;}
.head_nav>li>a{font-size:16px;margin-bottom:-1px;position:relative;position:relative;color:#d8d8d8; padding-left:10px;}
.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;}
.head_nav li.active>a>b{background-color:#111;}
.head_nav li.active>a>b:before,.head_nav li.active>a>b:after{background-color:#fff;}
.web_head .nav_wrap{display:none;}
/*sys_sub_head*/
.path_bar{margin-top:0;padding:10px 0;line-height:1.5;font-size:16px;}
/* footer */
.web_footer{overflow:hidden;}
.web_footer .foot_service{padding-bottom:50px;}
.foot_contact_list .contact_item{-webkit-box-flex:0 0 50%;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;width:50%;}
.foot_bar{padding-top:30px;font-size:16px;}
/* index */
.slider_banner .index-swiper-buttons{
/* display:none; */
}
.index_promote .promote_list{margin:-8px;}
.index_promote .promote_item{padding:8px;}
.index_main .product_items{margin-top: -5px;margin-bottom: -5px;}
.index_main .product_item {width:33.33333333%;padding: 5px;}
/* 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{content:'';display:block;height:0;clear:both;visibility:hidden;}
.side-product-items .side_slider .swiper-wrapper{width:auto;display:block;margin:0 -5px;}
.side-product-items .side_product_item{display:block;width:50%;height:auto!important;float:left;;text-align:center;}
.side-product-items .side_product_item:nth-child(2n+1){clear:left;}
.side-product-items .side_product_item figure{display:block;width:auto;border:1px solid #eee;padding:3px;margin:5px;}
.side-product-items .side_product_item .item-img{display:block;width:100%;float:none;border:0;}
.side-product-items .side_product_item .item-img img{width:100%;height:auto;border:0;}
.side-product-items .side_product_item figcaption{width:auto;display:block;padding:8px;}
.side-product-items .side_product_item figcaption .item_title{height:auto;font-size:16px;text-transform:none;}
/* main */
.page_main{padding-top:25px;}
.main{width:auto;float:none;margin:0 auto;}
.product-item{width:33.333%;}
.product-item .item-wrap{margin:8px;}
.page_bar{margin-top:20px;text-align:center;}
.main_hd{display:block;}
.main_hd .page_title{float:none;}
.main_hd .share_this{float:none;}
.main_hd .page_title+.share_this{padding-top:5px;}
/* list */
.items_list ul{padding-top:0;}
.items_list .product_item{-webkit-box-flex:0 0 33.33333333%;-webkit-flex:0 0 33.33333333%;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%;width:33.33333333%}
/* product intro */
.page_title{line-height:1.1;border-bottom:0;}
.video_close{display:none }
.image-additional li.image-item.current img{border:none;}
.product-view{width:100%;float:none;margin:0 -2px 30px;}
.product-view .product-image, .single_product_items{display:none }
.image-additional-wrap{display:block;}
.product-view .image-additional{width:100%;margin:0;}
.product-view .image-additional ul{width:100%;}
.product-view .image-additional li{width:33.33333333%;margin:0;}
.product-view .image-additional li a{padding:0;margin:0 2px;border:1px solid #eee;position: relative;}
.product-view .image-additional li img{border:0;padding:0;}
.product-view .image-additional li.current>a{border:1px solid #eee;}
.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:5px;}
.product-view .swiper-button-prev{left:5px;}
/* product summary */
.product-summary{position:relative;width:100%;float:none;}
.product-summary .share-this{float:none;margin:30px 0;}
.product-summary .product-meta li{display:block;}
.product-summary .product-meta li em{display:inline;color:#333;padding-right:15px;font-weight:bold;}
.product-btn-wrap{text-align:left;}
.product-btn-wrap a{margin:0 0 10px !important;}
.product-summary .share-this{text-align:left;}
/* product detail */
.detail-tabs{padding-right:0;}
.product-detail .share-this{position:static;padding-bottom:30px;}
.tab-panel-wrap{padding:10px 0 0;}
.goods-may-like .title{margin-top:50px;margin-bottom:50px;}
}
@media only screen and (max-width:768px){
/*header*/
.web_head .head_top .layout{display:block;}
.web_head .logo{}
.web_head .logo img{
max-height:30px;
max-height: none;
max-width: none;
width: 50%;
height: auto;
}
.web_head .top_contacts{float:none;padding-top:15px;text-align:center;}
.web_head .top_contact_item{padding:5px 10px;font-size:16px;}
.web_head .top_contact_item .item_label,.web_head .top_contact_item .item_val{display:inline;}
.web_head .top_contact_item .item_label .label_txt{display:none;}
.web_head .top_contact_item + .top_contact_item{border:0;}
.web_head .top_contact_item .item_label i{width:16px;height:16px;margin-right:5px;-webkit-background-size:contain;background-size:contain;}
/*index*/
.slider_banner .swiper-button-prev, .slider_banner .swiper-button-next{
/* display:none; */
bottom: -25px;
}
.slider_banner .swiper-slide img{/*min-height:160px;*/height:100%;width:auto;object-fit: cover;object-position: center; }
.slider_banner .slider_swiper_control{bottom:20px;}
.slider_banner .swiper-pagination-bullets{text-align:center;}
.index_ad .ad_items{margin:0 -5px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.index_ad .ad_item{padding:5px;-webkit-box-flex:0 0 50%;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;width:50%;}
.index_ad .ad_item .item_img{margin-right:20px;}
.index_ad .ad_item .item_inner,.index_ad .ad_item:nth-child(3n) .item_inner{padding:30px 20px;}
.index_application .application_item{-webkit-box-flex:0 0 50%;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;width:50%;}
.index_main .product_item{width: 50%;}
/*footer*/
.web_footer .company_subscribe .button{font-size:18px;padding:.5em .8em;}
}
@media only screen and (max-width:640px) {
.ab_innbox_R img{
margin-top: 0px;
}
.ab_groupbox {
padding: 0px 0;}
/* list */
.sys_sub_head .head_title h1{font-size:30px;}
.items_list .product_item{-webkit-box-flex:0 0 50%;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;width:50%}
}
@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;}
/*header*/
.web_head .logo img{
/* max-height:32px; */
max-height: none;
width: auto;
height: auto;
max-width: none;
width: 50%;
}
.web_head .top_contact_item .item_label i{width:14px;height:14px;}
/* layout */
.layout, .index_product .layout{
/*width:100%;*/
/* padding:0 10px; */
}
/*footer*/
.web_footer .foot_service{padding-bottom:20px;}
.foot_contact_list .contact_item{-webkit-box-flex:0 0 100%;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;width:100%;}
.foot_contact_list .contact_item .contact_ico,.foot_contact_list .contact_item:hover .contact_ico{-webkit-transform:scale(.6);-ms-transform:scale(.6);-o-transform:scale(.6);transform:scale(.6);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;-webkit-animation:none;-o-animation:none;animation:none;}
.foot_contact_list .contact_item .contact_ico + .contact_txt{margin-left:45px;}
.foot_contact_list .contact_item .item_label{font-size:18px;}
.foot_contact_list .contact_item .item_val{font-size:16px;}
.web_footer .company_subscribe .button{font-size:16px;}
.web_footer .company_subscribe .button{min-width:65%;}
.web_footer .company_subscribe .button i{font-size:16px;}
.foot_sns li a{padding:6px;}
.foot_sns li a img{max-height:13px;}
/* aside */
.side-widget{margin:0 0 30px;}
.side-tit-bar .side-tit{font-size:16px;}
.side-cate li li{line-height:20px;}
.side-cate li li a{padding:0 15px;}
.side-cate li li a:before{top:7px;}
.side-product-items .side_product_item{width:100%;float:none;}
.side-product-items .side_product_item figure{margin-left:10px;margin-right:10px;}
.side_product_item .add-friend{right:10px;bottom:5px;}
/* index */
.sys_btn{padding:.6em;font-size:16px;}
.index_hd{margin-bottom:25px;}
.index_hd .hd_title{font-size:24px;}
.index_hd .hd_desc{font-size:16px;}
.index_swiper_control .swiper-button-prev,.index_swiper_control .swiper-button-next{height:auto;line-height:22px;}
.index_swiper_control .swiper-button-prev:before,.index_swiper_control .swiper-button-next:before{font-size:22px;}
.index_swiper_control .splite_line{height:22px;}
.slider_banner .swiper-pagination{
bottom: -10px;
}
.slider_banner .swiper-pagination-bullet{width:6px;height:6px;border-width:1px;}
.index_promote{padding-top:10px;padding-bottom:50px;}
.index_promote .promote_list{margin:-0.5px;}
.index_promote .promote_item{padding:0.5px;-webkit-box-flex:0 0 100%;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width: 100%;width: 100%;}
.index_product{padding-bottom:50px;-webkit-background-size:60% auto;background-size:60% auto;padding: 0;}
.index_product .index_swiper_control{margin-bottom:90px;}
.index_product .product_item {width:50%;}
.index_product .product_item .item_title {font-size:16px;}
.index_product .product_item .item_title a{padding:0;}
.index_product .learn_more{padding-top:25px;}
.index_main .product_items{margin-top: -2px;margin-bottom: -2px;}
.index_main .product_item {width:50%;padding: 2px;}
.index_main .product_item .item_img:before,.index_main .product_item .item_img:after{height:18px;}
.index_main .product_item figure:hover .item_img:before,.index_main .product_item figure:hover .item_img:after{width:100%;height:18px;left:0;background-color:#f3f3f3;}
.index_main .product_item figure:hover .item_img:before{top:0;}
.index_main .product_item figure:hover .item_img:after{bottom:0;}
.index_ad{padding-top:50px;padding-bottom:50px;margin-bottom:50px;}
.index_ad .index_hd{margin-bottom:25px;}
.index_ad .ad_items{bottom:auto;}
.index_ad .ad_item{-webkit-box-flex:0 0 100%;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;width:100%;}
.index_ad .ad_item .item_inner,.index_ad .ad_item:nth-child(3n) .item_inner{padding:15px;}
.index_ad .ad_item .item_img{width:50px;}
.index_ad .ad_item .item_inner{display:-webkit-box;display:-webkit-flex;display:flex;-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;}
.index_ad .ad_item .item_info{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding-top:0;}
.index_ad .ad_item .item_desc{margin-top:5px;}
.index_application{padding-top:0;}
.index_application .index_bd{padding-top:0;}
.index_application .index_bd .layout{padding:0;}
.application_item .item_title{font-size:16px;}
.company_subscribe .subscribe_cont,.company_subscribe .learn_more{-webkit-box-flex:0 0 100%;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;width:100%;text-align:center;}
.company_subscribe .learn_more{padding-top:15px;}
.company_subscribe .subscribe_title{font-size:28px;}
.company_subscribe .subscribe_desc{padding-top:15px;font-size:16px;}
.index_brands .brand_slider_layer{padding:0 35px;}
.index_brands .brand_item{padding:10px;width:50%;}
.index_brands .brand_item a{height:50px;}
.index_brands .brand_item img{max-height:36px;}
.index_brands .swiper-button-prev, .index_brands .swiper-button-next{width:15px;-webkit-background-size:12px auto;background-size:12px auto;}
/*main*/
.path_bar li{font-size:16px;padding-right:6px;}
.path_bar li:after{height:1px;padding-left:6px;}
/*list*/
.sub_head_intro{font-size:16px;}
.main_hd{margin-bottom:15px;border-bottom:0;padding-bottom:0;}
.main_banner .swiper-pagination-bullet{width:8px;height:8px;}
.product_item .item_img a:after{display:none;}
.items_list ul{margin:0 -2px;}
.items_list .product_item{padding:0;}
.items_list .product_item figure{margin:2px;padding:1px;}
.items_list .product_item .item_img{border-width:1px;}
.items_list .product_item .item_title{font-size:16px;}
.items_list .product_item .item_title a{padding:0;}
.page_bar {line-height:22px;font-size:16px;}
.page_bar a,.page_bar span{min-width:2em;padding:0 5px;margin:0 2px;border-radius:2px;}
/*blog*/
.blog-item{padding:30px 5px;}
.blog-item .item-img{width:auto;max-width:70%;float:none;margin-right:0;border:1px solid #ddd;-webkit-box-sizing:border-box;box-sizing:border-box;}
.blog-item .item-info .item-title{line-height:1.2;font-family:'MyriadProBold';font-weight:normal;}
.blog-item .item-info{padding-top:15px;}
.blog-item .item-info .item-title{height:auto;font-size:22px;}
.blog-item .item-info .item-detail{max-height:9em;line-height:1.5em;overflow:hidden;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical;}
.blog-item .item-info .item-more{float:none;}
.blog-item .item-info time{font-size:16px;color:#888;}
/* product */
.items_list .share_this{position:static;text-align:left;padding-bottom:15px;float:none;}
.page_main{padding-top:15px;}
.product-intro{overflow:visible;}
.product-view{width:auto;margin-left:-10px;margin-right:-10px;}
.product-view .image-additional li{width:100%;}
.product-view .image-additional li a{margin-left:0;margin-right: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;line-height:40px;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;font-size:18px;opacity:.8;}
.product-view .swiper-button-prev{left:0;border-radius:0 3px 3px 0;padding-right:2px;}
.product-view .swiper-button-next{right:0;border-radius:3px 0 0 3px;padding-left:2px;}
.product-view .swiper-button-prev:before,.product-view .swiper-button-next:before{display:inline-block;-webkit-transform:scale(.7,1);-ms-transform:scale(.7,1);-o-transform:scale(.7,1);transform:scale(.7,1);}
.product-btn-wrap .email, .product-btn-wrap .pdf, .product-btn-wrap .buy{padding-top:6px;padding-bottom:6px;}
.page_title{font-weight:normal;font-size:20px;margin-bottom:10px;}
.product-summary{padding-top:0;}
.product-summary .page_title{font-size:24px;}
.product-summary .product-meta h3{font-size:24px;}
.product-summary .product-meta{font-size:16px;}
.product-summary .product-meta p{font-size:16px;}
.product-summary .product-meta h3{line-height:1.3;font-size:16px;}
.product-summary .product-meta li{font-size:16px;}
.product-summary .share-this{text-align:left;margin:20px 0 0;}
.product-btn-wrap{padding-top:30px;}
.product-btn-wrap .email, .product-btn-wrap .pdf, .product-btn-wrap .buy{font-size:16px;padding:2px 10px;}
.product-detail{margin-top:40px;}
.detail-tabs .title{font-size:16px;padding:1px 15px;}
.tab-panel-wrap{padding:0 0 20px;border:0;}
.goods-may-like .title{margin-top:40px;margin-bottom:30px;}
.goods-may-like .layer-bd{position:relative;padding:0;}
.goods-may-like .swiper-slider{position:relative;}
.goods-may-like .product_item .item_title{font-size:16px;}
.goods-may-like .product_item .item_title a{padding-left:0;padding-right:0;}
.goods-may-like .swiper-control{position:static;}
.goods-may-like .swiper-button-prev, .goods-may-like .swiper-button-next{width:30px;height:30px;line-height:30px;margin-left:0;margin-right:0;margin-top:-15px;background-color:rgba(0,0,0,.7);position:absolute;}
.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%;}
}
/*-------------------------------
font start
/*-------------------------------
font end
----------------------------------*/
/*-------------------------------
swiper-slide start
----------------------------------*/
.slider_banner{position:relative;overflow:hidden;}
.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;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box }
.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{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto }
.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;overflow:hidden;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform }
.swiper-invisible-blank-slide{visibility:hidden }
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide{height:auto }
.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height, -webkit-transform;transition-property:height, -webkit-transform;-o-transition-property:transform, height;transition-property:transform, height;transition-property:transform, height, -webkit-transform }
.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;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10 }
.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%;width:36px;height:50px;line-height:50px;text-align:center;margin-top:-25px;z-index:2;cursor:pointer;opacity:0;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;font-size:30px;background-color:rgba(0,0,0,.4);border-radius:2px;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.swiper-button-next:before, .swiper-button-prev:before{display:inline-block;-webkit-transform:scale(.7,1);-ms-transform:scale(.7,1);-o-transform:scale(.7,1);transform:scale(.7,1);vertical-align:top;}
.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev{}
.swiper-container:hover .swiper-button-prev{left:65px;}
.swiper-container:hover .swiper-button-next{right:65px;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
cursor:auto;
/*pointer-events:none;*/
opacity:0.3;
opacity:1;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:10px;right:auto }
.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:'<';}
.swiper-button-next:before, .swiper-container-rtl .swiper-button-prev:before{content:'>';}
.swiper-button-lock{display:none }
.swiper-pagination{position:absolute;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);z-index:3 }
.swiper-pagination.swiper-pagination-hidden{opacity:0 }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:10px;left:0;width:100% }
.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0 }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33) }
button.swiper-pagination-bullet {border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none }
.swiper-pagination-clickable .swiper-pagination-bullet {cursor:pointer }
.swiper-pagination-white .swiper-pagination-bullet-active{
/* border-color:rgba(255,255,255,.5); */
}
.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0) }
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block }
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top, .3s -webkit-transform;
transition:.2s top, .3s -webkit-transform;-o-transition:.2s transform, .3s top;transition:.2s transform, .3s top;transition:.2s transform, .3s top, .3s -webkit-transform}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 2px }
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap }
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left, .3s -webkit-transform;
transition:.2s left, .3s -webkit-transform;-o-transition:.2s transform, .3s left;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;transition:.2s right, .3s -webkit-transform;-o-transition:.2s transform, .3s right;transition:.2s transform, .3s right;transition:.2s transform, .3s right, .3s -webkit-transform}
.swiper-pagination-progressbar{background:rgba(0, 0, 0, .25);position:absolute }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top }
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top }
.swiper-container-horizontal{overflow:hidden;}
.swiper-container-horizontal>.swiper-pagination-progressbar{width:100%;height:4px;left:0;top:0 }
.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0 }
.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{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0, 0, 0, .1) }
.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98% }
.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98% }
.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0, 0, 0, .5);border-radius:10px;left:0;top:0 }
.swiper-scrollbar-cursor-drag{cursor:move }
.swiper-scrollbar-lock{display:none }
.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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;text-align: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{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;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;content:'';width:100%;height:100%; background-position:50%;background-size:100%;background-repeat:no-repeat }
.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;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000 }
.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{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity }
.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{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100% }
.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none }
.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;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{pointer-events:auto;visibility:visible }
.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;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0 }
.swiper-container-flip{overflow:visible }
.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1 }
.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 }
.slider_banner {
overflow: visible;
}
.index_product .swiper-pagination-bullet {
border-radius: 50%;
background-color: transparent;
}
.index_product .swiper-pagination-bullet-active {
border-color: #444444;
background-color: #444444;
}
.index_product .swiper-pagination {
position: relative;
bottom: 0px;
margin-top: 40px;
}
@media screen and (max-width:480px){
.history_boxr .num_right {
font-weight: normal;
font-size: 14px;
}
.history_boxr .num_left_1 {
font-size: 45px;
line-height: 80px;
}
.ditubig3 {
margin: 30px 0 20px 0;
}
.index_history:before {
content: '';
display: block;
width: 33%;
height: 30% !important;
background-color: #444444;
position: absolute;
right: 0px;
z-index: -1;
bottom: -30px;
}
.index_product .swiper-button-prev {
left: auto;
right: 75px;
width: 45px !important;
height: 45px !important;
}
.index_product .swiper-button-next {
width: 45px !important;
height: 45px !important;
left: auto;
right: 10px;
}
.index_product .swiper-button-prev:before {
top: 10px;
left: 15px;
width: 13px;
height: 23px;
}
.index_product .swiper-button-next:before {
top: 10px;
left: 15px;
width: 13px;
height: 23px;
}
.index_xinwen .swiper-button-prev {
left: auto;
right: 75px;
width: 45px !important;
height: 45px !important;
}
.index_xinwen .swiper-button-next {
width: 45px !important;
height: 45px !important;
left: auto;
right: 10px;
}
.index_xinwen .swiper-button-prev:before {
top: 10px;
left: 15px;
width: 13px;
height: 23px;
}
.index_xinwen .swiper-button-next:before {
top: 10px;
left: 15px;
width: 13px;
height: 23px;
}
}
/*ie*/
.swiper-container{overflow:hidden\9;}
.swiper-container .swiper-wrapper{width:20000%\9;}
.swiper-slide{float:left\9;}
.product_slider .product_item{width:25%\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:16px;line-height:1.8;}
.entry table{border-collapse:collapse;border-spacing:0;width:100%;margin-bottom:20px;}
.entry th, .entry td{height:30px;border:1px solid #ccc;text-align:left;line-height:1.5;font-size:16px;color:#666;background:#fbfbfb;padding:0 15px;}
.entry th{font-size:16px;background:#eee;}
.entry td p, .entry th p, .pd-panel .entry td p, .pd-panel .entry th p{margin:0;padding:5px;color:#666;font-size:16px;line-height:1.3;}
.entry td.amts{color:#cb2027;}
.entry th#cartDelete{text-align:center;}
.entry .button{margin:15px 10px 0 0;background:#dfdfdf;padding:8px 15px;border:0;cursor:pointer;line-height:1.2;color:#777;font-weight:bold;text-transform:Capitalize;}
.entry .button:hover{background:#cb2027;color:#fff;}
.entry .deletecartitem{width:50px;text-align:center;}
.entry .deletecartitem label{display:none;}
.entry .stotal td.amts{font-size:18px;font-weight:bold;}
.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{text-align:center;display:block;margin:20px auto 0 auto;}
.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;border-collapse:collapse;border-spacing:0;width:100%;margin-bottom:0 !important;}
.main table th, .main table td{height:30px;border:1px solid #ccc;text-align:left;line-height:1.5;font-size:16px;color:#666;background:#fbfbfb;padding:0 15px;}
.main table th{font-size:16px;background:#eee;font-weight:normal;}
.main table td p, .main table th p, table td p, table th p{margin:0;padding:5px;color:#666;font-size:16px;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:auto;}
.search-ipt { border:0; background:transparent; border-radius:0; -webkit-appearance:none; }
/*.web-search { display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center;visibility:hidden; }*/
/*.web-search .btn--search-close { display:inline-block;font-size:1.8em;border-radius:50%; position:absolute; top:1.25em; right:1.25em; display:none; background-image:url(img/search_btn_close.png);background-position:center;background-repeat:no-repeat; -webkit-background-size:auto 35%;background-size:auto 35%; background-color:#ccc;width:42px;height:42px;line-height:42px;cursor:pointer;-webkit-transition:transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease; }*/
/*.web-search .btn--search-close:hover{background-color:#444444;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}*/
/*.js .btn--search-close { display:block; }*/
/*.web-search .search-ipt { font-family:inherit; line-height:1em; display:inline-block; box-sizing:border-box; width:75%; padding:0.05em 0; color:#333; border-bottom:3px solid; font-size:20px; }*/
/*.web-search .search-ipt::-webkit-input-placeholder {color:#333;font-weight:bold;}*/
/*.web-search .search-ipt::-moz-placeholder {opacity:1;color:#333;font-weight:bold;}*/
/*.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 { font-size:90%;display:block; width:75%; margin:0 auto; padding:0.85em 0; text-align:right; color:#333; }*/
/*.js .container { position:relative; -moz-transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out; }*/
/*.js .main-wrap--move {height:100vh; }*/
/*.js .web-search { pointer-events:none; }*/
/*.js .search--open { pointer-events:auto; opacity:1; visibility:visible;}*/
/*.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--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;}*/
/*.search__suggestion, .web-search .search-attr { opacity:0;-moz-transform:translate3d(0, 30px, 0); -webkit-transform:translate3d(0, 30px, 0); -ms-transform:translate3d(0, 30px, 0); -o-transform:translate3d(0, 30px, 0); transform:translate3d(0, 30px, 0);-moz-transition:opacity 0.8s, transform 0.8s; -webkit-transition:opacity 0.8s, transform 0.8s; -ms-transition:opacity 0.8s, transform 0.8s; -o-transition:opacity 0.8s, transform 0.8s; transition:opacity 0.8s, transform 0.8s; }*/
/*.search--open .search-attr { opacity:1;-moz-transform:translate3d(0, 0, 0); -webkit-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); font-size:20px; }*/
/*.js .web-search .search-ipt {font-size:60px;font-weight:bold;border-bottom-width:1px;padding:15px 0;-moz-transform:scale3d(0, 1, 1); -webkit-transform:scale3d(0, 1, 1); -ms-transform:scale3d(0, 1, 1); -o-transform:scale3d(0, 1, 1); transform:scale3d(0, 1, 1);-moz-transform-origin:0% 50%; -webkit-transform-origin:0% 50%; -ms-transform-origin:0% 50%; -o-transform-origin:0% 50%; transform-origin:0% 50%;-moz-transition:transform .3s; -webkit-transition:transform .3s; -ms-transition:transform .3s; -o-transition:transform .3s; transition:transform .3s; opacity:0;text-transform:uppercase;}*/
/*.js .web-search .search-ipt,.web-search .search-attr {-webkit-transition-delay:0.4s;-o-transition-delay:0.4s;transition-delay:0.4s;}*/
/*.js .search--open .search-ipt {-moz-transform:scale3d(1, 1, 1); -webkit-transform:scale3d(1, 1, 1); -ms-transform:scale3d(1, 1, 1); -o-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1);opacity:1;-moz-transition-duration:0.4s; -webkit-transition-duration:0.4s; -ms-transition-duration:0.4s; -o-transition-duration:0.4s; transition-duration:0.4s; }*/
/*.js .search--open .search-btn { display:none !important; }*/
/*.web-search .search-attr{padding-bottom:0;}*/
/*.js .web-search{width:70%;height:240px;position:fixed;left:0;top:0;right:0;bottom:0;padding:50px 0;margin:auto;border-radius:8px;z-index:100001;perspective:1200px;}*/
/*.js .web-search::before {content:'';position:absolute;top:0;right:0;width:100%;height:100%;opacity:0;background:rgba(255, 255, 255, 0.98);background-color:#fff\9;-webkit-transform:translateY(-30%) scale(1,0);-ms-transform:translateY(-30%) scale(1,0);-o-transform:translateY(-30%) scale(1,0);transform:translateY(-30%) scale(1,0);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}*/
/*.js .search--open::before {opacity:1;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;}*/
/*.main-wrap--move:after{content:'';display:block;width:100%;height:100%;background-color:rgba(0,0,0,0.7);position:fixed;left:0;top:0;z-index:100000;}*/
/*!*-------------------------------*/
search end
----------------------------------*/
/*-------------------------------
scrollsidebar start
----------------------------------*/
.scrollsidebar, .scrollsidebar a{font-size:16px;color:#999;font-family:Arial, Helvetica, sans-serif;}
.scrollsidebar{position:absolute;z-index:30;top:150px;right:0;}
.show_btn{width:38px;height:192px;overflow:hidden;cursor:pointer;display:block;overflow:hidden;background:url(image/show_btn.png) no-repeat center center;position:absolute;right:0;top:0;}
.side_content{width:0;height:auto;overflow:hidden;float:left;}
.side_content .side_list{width:140px;overflow:hidden;border:1px solid #dadada;border-radius:8px;position:relative;background:#FFF;}
.side_content .side_list .hd img{width:100%;border-bottom:1px solid #dadada;}
.side_content .side_list .cont li{height:40px;line-height:40px;border-bottom:1px solid #dadada;list-style:none;position:relative;}
.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{content:"";position:absolute;display:block;overflow:hidden;top:0;left:10px;width:25px;height:40px;background-repeat:no-repeat;background-position:center center;}
.side_content .side_list .cont li .email:before{background-image:url(image/icons01.png);}
.side_content .side_list .cont li .skype:before{background-image:url(image/icons02.png);}
.side_content .side_list .cont li .inquiry:before{background-image:url(image/icons03.png);}
.side_content .side_list .cont li .qq:before{background-image:url(image/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{height:30px;line-height:30px;padding:0 12px;}
.side_content .side_list .side_title .close_btn{background:url(image/close.png) no-repeat center center;width:12px;height:30px;position:absolute;bottom:0;right:10px;cursor:pointer;}
.side_content .side_list .side_title .close_btn span{display:none;}
/*-------------------------------
scrollsidebar end
----------------------------------*/
/*inquiry*/
.inquiry-pop-bd{position:fixed;left:50%;top:50%;margin:-300px 0 0 -275px;width:550px;height:500px;background:#FFF;box-shadow:0 0 10px rgba(255, 255, 255, .5);display:none;z-index:999999;}
.inquiry-pop-bd:before{content:"";position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0, 0, 0, .7);z-index:-1;}
.inquiry-pop-bd .inquiry-pop {position:absolute;width:100%;height:100%;left:0;top:0;padding:22px;z-index:1;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;right:-10px;top:-10px;width:30px;height:30px;background:url(image/fancy_close.png) no-repeat center center;cursor:pointer;z-index:1;}
.inquiry-form-wrap{position:relative;height:420px;width:100.5%;}
.ad_prompt{position:absolute;display:block;top:50%;left:0;width:100%;line-height:40px;margin:-20px 0 0;text-align:center;color:#ff6f00;font-size:20px;-webkit-animation:twinkling 1s infinite ease-in-out;animation:twinkling 1s infinite ease-in-out;display:none;}
@media screen and (max-width:550px){
.inquiry-pop-bd{width:auto;left:10px;right:10px;top:10px;bottom:10px;margin: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;}
.change-language:hover .change-language-title a:after{-moz-transform:rotate(-360deg);-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);}
.change-language .change-language-cont{position:absolute;top:36px;right:-18px;background:#000;padding:10px 15px;transform:scale3d(0.9, 0.9, 1);opacity:0;visibility:hidden;z-index:999;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;max-height:80vh;}
.change-language:hover .change-language-cont{transform:scale3d(1, 1, 1);opacity:1;visibility:visible;}
@media only screen and (max-width:950px) {
.change-language:hover .change-language-cont{
display: none;
}
}
.change-language .change-language-cont li {
/*display: inline-block;*/
vertical-align: top;
width: 100%;
/*margin: 0 0 10px;*/
font-size: 16px;
/*overflow: hidden;*/
/*padding: 0 10px 0 0;*/
line-height: 35px;
height: 35px;
}
.change-language .change-language-cont li a:hover span{color:#fff;border-bottom: 1px solid rgb(255, 255, 255);}
.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;cursor:pointer;line-height:30px;}
.change-language .change-language-cont .more-active{font-size:20px;}
/*.language-flag span {*/
/* position: relative;*/
/* display: inline-block;*/
/* vertical-align: top;*/
/* white-space: nowrap;*/
/* padding: 0 0 0 0px;*/
/* overflow: hidden;*/
/* font-size: 16px;*/
/* text-transform: capitalize;*/
/* color: #333;*/
/*}*/
.change-language-title span {
/*padding: 0 0 0 33px;*/
}
.change-language ::-webkit-scrollbar{width:5px;}
.change-language ::-webkit-scrollbar-track{background-color:#fff;}
.change-language ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);border-radius:3px;}
.change-language .language-cont:hover::-webkit-scrollbar-thumb{display:block}
/* .language-flag .country-flag {
position: absolute;
left: 0;
top: 50%;
display: inline-block;
vertical-align: top;
background-repeat: no-repeat;
background-image: url(img/all-m.gif);
width: 22px;
height: 16px;
margin: -8px 5px 0;
} */
.flagbg {
position: absolute;
left: 0;
top: 50%;
display: inline-block;
vertical-align: top;
background-repeat: no-repeat;
background-image: url(img/lanbg.png);
width: 24px;
height: 24px;
margin: -12px 0 0 0;
}
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);-ms-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;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);-ms-transform:translate3d(0,30%,0);transform:translate3d(0,30%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;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);-ms-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;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);-ms-transform:rotate(40deg);transform:rotate(40deg)}40%{-webkit-transform:rotate(-20deg);-ms-transform:rotate(-20deg);transform:rotate(-20deg)}60%{-webkit-transform:rotate(10deg);-ms-transform:rotate(10deg);transform:rotate(10deg)}80%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;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);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);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);-ms-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;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%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}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%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}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%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}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
----------------------------------*/
/* .change-language-cont li{width:33.333333%;}
.change-language-cont{display: flex;flex-wrap: wrap;}
.language--img{background: url(img/leg.jpg)no-repeat center center;display: inline-block;width: 18px;height: 12px;margin-right: 6px;}
.language-en{background-position: 0 -218px;}
.language-af{background-position: 0 -1px;}
.language-sq{background-position: 0 -940px;}
.language-am{background-position: 0 -9px;}
.language-be{background-position: 0 -48px;}
.language-eu{background-position: 0 -252px;}
.language-az{background-position: 0 -36px;}
.language-hy{background-position: 0 -456px;}
.language-ar{background-position: 0 -24px;}
.language-am{background-position: 0 -12px;}
.language-fy{background-position: 0px -300px;}
.language-fr{background-position: 0px -288px;}
.language-fi{background-position: 0px -276px;}
.language-et{background-position: 0px -240px;}
.language-eo{background-position: 0px -192px;}
.language-en{background-position: 0 -216px;}
.language-da{background-position: 0px -168px;}
.language-cs{background-position: 0px -144px;}
.language-hr{background-position: 0px -420px;}
.language-co{background-position: 0px -132px;}
.language-ceb{background-position: 0px -108px;}
.language-ca{background-position: 0px -96px;}
.language-bg{background-position: 0 -448px;}
.language-bs{background-position: 0 -84px;}
.language-bn{background-position: 0 -72px;}
.language-be{background-position: 0 -48px;}
.language-is{background-position: 0px -492px;}
.language-sm{background-position: 0px -972px;}
.language-ro{background-position: 0px -888px;}
.language-pa{background-position: 0px -840px;}
.language-pt{background-position: 0px -876px;}
.language-pl{background-position: 0px -852px;}
.language-fa{background-position: 0px -264px;}
.language-ps{background-position: 0px -264px;}
.language-or{background-position: 0px -827px;}
.language-no{background-position: 0px -780px;}
.language-ne{background-position: 0px -792px;}
.language-my{background-position: 0px -768px;}
.language-mn{background-position: 0px -720px;}
.language-mr{background-position: 0px -732px;}
.language-mi{background-position: 0px -684px;}
.language-mt{background-position: 0px -756px;}
.language-ml{background-position: 0px -708px;}
.language-ms{background-position: 0px -744px;}
.language-mg{background-position: 0px -672px;}
.language-mk{background-position: 0px -696px;}
.language-lb{background-position: 0px -624px;}
.language-lt{background-position: 0px -648px;}
.language-lv{background-position: 0px -660px;}
.language-la{background-position: 0px -613px;}
.language-lo{background-position: 0px -636px;}
.language-ky{background-position: 0px -600px;}
.language-ku{background-position: 0px -120px;}
.language-ko{background-position: 0px -588px;}
.language-rw{background-position: 0px -912px;}
.language-km{background-position: 0px -564px;}
.language-kk{background-position: 0px -552px;}
.language-kn{background-position: 0px -576px;}
.language-jv{background-position: 0px -528px;}
.language-ja{background-position: 0px -516px;}
.language-it{background-position: 0px -504px;}
.language-ga{background-position: 0px -312px;}
.language-id{background-position: 0px -467px;}
.language-ig{background-position: 0px -480px;}
.language-hu{background-position: 0px -443px;}
.language-hmn{background-position: 0px -408px;}
.language-hi{background-position: 0px -397px;}
.language-he{background-position: 0px -384px;}
.language-haw{background-position: 0px -300px;}
.language-ha{background-position: 0px -1079px;}
.language-ht{background-position: 0px -432px;}
.language-gu{background-position: 0px -348px;}
.language-el{background-position: 0px -204px;}
.language-de{background-position: 0px -180px;}
.language-ka{background-position: 0px -540px;}
.language-gl{background-position: 0px -336px;}
.language-ru{background-position: 0px -900px;}
.language-gd{background-position: 0px -324px;}
.language-sr{background-position: 0px -1006px;}
.language-st{background-position: 0px -1017px;}
.language-sn{background-position: 0px -984px;}
.language-sd{background-position: 0px -984px;}
.language-si{background-position: 0px -1271px;}
.language-sk{background-position: 0px -1223px;}
.language-sl{background-position: 0px -960px;}
.language-so{background-position: 0px -994px;}
.language-es{background-position: 0px -227px;}
.language-su{background-position: 0px -1031px;}
.language-sw{background-position: 0px -1055px;}
.language-sv{background-position: 0px -1043px;}
.language-tl{background-position: 0px -1115px;}
.language-tg{background-position: 0px -1091px;}
.language-ta{background-position: 0px -1067px;}
.language-tt{background-position: 0px -1151px;}
.language-te{background-position: 0px -1079px;}
.language-th{background-position: 0px -1103px;}
.language-tr{background-position: 0px -1138px;}
.language-tk{background-position: 0px -1115px;}
.language-uk{background-position: 0px -1175px;}
.language-ur{background-position: 0px -1187px;}
.language-ug{background-position: 0px -1163px;}
.language-uz{background-position: 0px -1175px;}
.language-vi{background-position: 0px -1211px;}
.language-cy{background-position: 0px -156px;}
.language-xh{background-position: 0px -1223px;}
.language-yi{background-position: 0px -1235px;}
.language-yo{background-position: 0px -1247px;}
.language-zu{background-position: 0px -1259px;}
.language-zh{background-position: 0px -1282px;}
.language-zh-TW{background-position: 0px -1282px;} */
/*.language-flag span {*/
/* position: relative;*/
/* display: inline-block;*/
/* vertical-align: top;*/
/* *display: inline;*/
/* *zoom: 1;*/
/* white-space: nowrap;*/
/* padding: 0 0 0 33px;*/
/* overflow: hidden;*/
/* }*/
/*#lan {*/
/* color: #fff;*/
/*}*/
.change-language ::-webkit-scrollbar {
width: 5px;
}
.change-language ::-webkit-scrollbar-track {
background-color: #fff;
}
.change-language ::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, .3);
border-radius: 3px;
}
.change-language .language-cont:hover::-webkit-scrollbar-thumb {
display: block
}
li.language-flag a {
position: relative;
}
.change-language-cont li {
width: 33.333333%;
}
.change-language-cont {
display: flex;
flex-wrap: wrap;
}
.language--img {
background: url(image/lan.png)no-repeat center center;
display: inline-block;
width: 18px;
height: 12px;
margin-right: 6px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.language-corsican {
background-position: 0 0px;
}
.language-guarani {
background-position: 0 -12px;
}
.language-kinyarwanda {
background-position: 0 -24px;
}
.language-hausa {
background-position: 0 -36px;
}
.language-norwegian {
background-position: 0 -48px;
}
.language-dutch {
background-position: 0 -60px;
}
.language-yoruba {
background-position: 0 -72px;
}
.language-english {
background-position: 0 -84px;
}
.language-gongen {
background-position: 0 -98px;
}
.language-latin {
background-position: 0 -110px;
}
.language-nepali {
background-position: 0 -122px;
}
.language-french {
background-position: 0 -134px;
}
.language-czech {
background-position: 0 -146px;
}
.language-hawaiian {
background-position: 0 -158px;
}
.language-georgian {
background-position: 0 -170px;
}
.language-russian {
background-position: 0 -182px;
}
.language-chinese_simplified {
background-position: 0 -194px;
}
.language-persian {
background-position: 0 -206px;
}
.language-bhojpuri {
background-position: 0 -218px;
}
.language-hindi {
background-position: 0 -230px;
}
.language-belarusian {
background-position: 0 -242px;
}
.language-swahili {
background-position: 0 -254px;
}
.language-icelandic {
background-position: 0 -266px;
}
.language-yiddish {
background-position: 0 -278px;
}
.language-twi {
background-position: 0 -290px;
}
.language-irish {
background-position: 0 -302px;
}
.language-gujarati {
background-position: 0 -314px;
}
.language-khmer {
background-position: 0 -326px;
}
.language-slovak {
background-position: 0 -338px;
}
.language-hebrew {
background-position: 0 -350px;
}
.language-kannada {
background-position: 0 -362px;
}
.language-hungarian {
background-position: 0 -374px;
}
.language-tamil {
background-position: 0 -386px;
}
.language-arabic {
background-position: 0 -398px;
}
.language-bengali {
background-position: 0 -410px;
}
.language-azerbaijani {
background-position: 0 -422px;
}
.language-samoan {
background-position: 0 -434px;
}
.language-afrikaans {
background-position: 0 -446px;
}
.language-indonesian {
background-position: 0 -458px;
}
.language-danish {
background-position: 0 -470px;
}
.language-shona {
background-position: 0 -482px;
}
.language-bambara {
background-position: 0 -494px;
}
.language-lithuanian {
background-position: 0 -506px;
}
.language-vietnamese {
background-position: 0 -518px;
}
.language-maltese {
background-position: 0 -530px;
}
.language-turkmen {
background-position: 0 -542px;
}
.language-assamese {
background-position: 0 -554px;
}
.language-catalan {
background-position: 0 -566px;
}
.language-singapore {
background-position: 0 -578px;
}
.language-cebuano {
background-position: 0 -590px;
}
.language-sanskrit {
background-position: 0 -602px;
}
.language-polish {
background-position: 0 -614px;
}
.language-galician {
background-position: 0 -626px;
}
.language-latvian {
background-position: 0 -638px;
}
.language-ukrainian {
background-position: 0 -650px;
}
.language-tatar {
background-position: 0 -662px;
}
.language-scottish_gaelic {
background-position: 0 -674px;
}
.language-welsh {
background-position: 0 -686px;
}
.language-japanese {
background-position: 0 -698px;
}
.language-filipino {
background-position: 0 -710px;
}
.language-aymara {
background-position: 0 -721px;
}
.language-lao {
background-position: 0 -733px;
}
.language-telugu {
background-position: 0 -745px;
}
.language-romanian {
background-position: 0 -757px;
}
.language-haitian_creole {
background-position: 0 -769px;
}
.language-dogrid {
background-position: 0 -781px;
}
.language-swedish {
background-position: 0 -795px;
}
.language-maithili {
background-position: 0 -807px;
}
.language-thai {
background-position: 0 -819px;
}
.language-armenian {
background-position: 0 -831px;
}
.language-burmese {
background-position: 0 -843px;
}
.language-pashto {
background-position: 0 -855px;
}
.language-hmong {
background-position: 0 -867px;
}
.language-dhivehi {
background-position: 0 -879px;
}
.language-chinese_traditional {
background-position: 0 -891px;
}
.language-luxembourgish {
background-position: 0 -903px;
}
.language-sindhi {
background-position: 0 -915px;
}
.language-kurdish {
background-position: 0 -927px;
}
.language-turkish {
background-position: 0 -939px;
}
.language-macedonian {
background-position: 0 -951px;
}
.language-bulgarian {
background-position: 0 -963px;
}
.language-malay {
background-position: 0 -975px;
}
.language-luganda {
background-position: 0 -987px;
}
.language-marathi {
background-position: 0 -999px;
}
.language-estonian {
background-position: 0 -1011px;
}
.language-malayalam {
background-position: 0 -1023px;
}
.language-deutsch {
background-position: 0 -1035px;
}
.language-slovene {
background-position: 0 -1046px;
height: 11px;
}
.language-urdu {
background-position: 0 -1057px;
}
.language-portuguese {
background-position: 0 -1069px;
}
.language-igbo {
background-position: 0 -1081px;
}
.language-kurdish_sorani {
background-position: 0 -1093px;
}
.language-oromo {
background-position: 0 -1105px;
height: 10px;
}
.language-greek {
background-position: 0 -1115px;
}
.language-spanish {
background-position: 0 -1127px;
}
.language-frisian {
background-position: 0 -1139px;
}
.language-somali {
background-position: 0 -1151px;
}
.language-amharic {
background-position: 0 -1163px;
}
.language-nyanja {
background-position: 0 -1175px;
}
.language-punjabi {
background-position: 0 -1187px;
}
.language-basque {
background-position: 0 -1199px;
}
.language-italian {
background-position: 0 -1211px;
}
.language-albanian {
background-position: 0 -1223px;
}
.language-korean {
background-position: 0 -1235px;
}
.language-tajik {
background-position: 0 -1247px;
}
.language-finnish {
background-position: 0 -1259px;
}
.language-kyrgyz {
background-position: 0 -1271px;
}
.language-ewe {
background-position: 0 -1283px;
}
.language-croatian {
background-position: 0 -1295px;
}
.language-creole {
background-position: 0 -1307px;
}
.language-quechua {
background-position: 0 -1318px;
height: 11px;
}
.language-bosnian {
background-position: 0 -1330px;
}
.language-maori {
background-position: 0 -1342px;
}
.contact_for {
margin: 0 auto;
}
.contact_for p {
font-size: 14px;
color: #999;
}
.Asterisk_Text .asterisk_red {
color: #444444;
display: inline-block;
text-align: center;
position: absolute;
/* left: 2px; */
top: 6%;
}
.contact_for .gaug_outfit {
font-size: 16px;
}
.header_ul li img{
width: auto;
}
.header_ul {
list-style: none;
width: 100%;
flex-wrap: wrap;
padding: 22;
}
.header_ul li {
margin-top: 22px;
padding: 17px 0;
border: 1px solid #e5e5e5;
border-radius: 5px;
position: relative;
padding-left: 70px;
width: 22.5%;
margin-left: 3%;
margin-bottom: 2%;
}
.contact_for .header_ul li .t1 {
/* width: 30%; */
text-align: right;
width: 49px;
position: absolute;
left: 0;
top: 50%;
height: 26px;
margin-top: -13px;
}
.contact_for .header_ul li .t1 img {
width: auto;
}
.contact_for .header_ul li .t2 {
margin-right: 10px;
}
.contact_for .header_ul li .t2 p {
color: #666666;
}
.lianxixun .form_ul li input::placeholder{ color: #fff; }
@media only screen and (max-width: 900px) {
.contact_for .header_ul li{
width: 45% !important;
margin-left: 3% !important;
}
.contact_for .header_ul li:nth-of-type(2n+1) {
margin-left: 0 !important;
}
}
.contact_for .header_ul .t3 {
color: #333333; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis; height: 40px;
}
.Asterisk_Text textarea {
height: 233px ;
border: 1px solid #eee !important;
background-color: #f1f1f1;
border-radius: 5px;
resize: none;
/* padding-left: 3%; */
width: 100%;
resize: none;
padding-left: 1% !important;
}
.Asterisk_Text textarea::placeholder {
color:#999;
}
@media only screen and (max-width: 700px) {
.contact_for .Asterisk_Text textarea {
height: 200px;
}
.form_ul li {
width: 100% !important;
}
.form_ul .asterisk{
width: 100%;
display: flex;
justify-content: flex-start !important;
}
.contact_for .header_ul li {
width: 100% !important;
margin-left: auto !important;
}
.contact_for .header_ul li .t1 {
width: 10% !important;
text-align: left !important;
padding-left: 10px !important;
}
.contact_for .header_ul .t3 {
height: auto;
}
}
.contact_for .Message_ex {
padding-bottom: 20px;
}
.form_ul li {
width: 365px;
justify-content: space-between;
}
.form_ul .Asterisk_Text {
width: 100% !important;
/* padding-top: 25px; */
}
.asterisk {
width: 100%;
padding: 20px 0;
margin: 10px 0;
display: flex;
padding-left: 20px;
background-color: #f1f1f1;
position: relative;
border-radius: 5px;
}
.form_ul {
display: flex !important;
flex-wrap: wrap !important;
justify-content: space-between !important;
padding: 0 !important;
}
.form_center .asterisk_sk {
color: #fff;
display: inline-block;
text-align: center;
position: absolute;
top: 50%;
bottom: 16%;
margin-top: -9px;
}
.form_ul li input {
background-color: #f1f1f1;
border: none !important;
width: 365px;
padding-left: 3%;
border-radius: 5px;
}
.submiring {
padding: 0 !important;
}
.gtm_submit_btn {
background-color: #333333 !important;
width: 150px !important;
height: 40px !important;
color: #fff;
margin-top: 15px !important;
}
.contact_for .iframe_we {
padding-top: 20px;
}
.contact_for .Submit_tent .Sending {
font-size: 20px;
color: #333;
font-weight: bold;
}
.contact_for .gaug_outfit {
font-size: 20px;
font-weight: bold;
}
.room-titl{
margin-right: 5px;
}
.ename .room{
font-size: 19px;
display: flex;
justify-content: flex-end;
align-items: baseline;
flex-direction: row-reverse;
}
.ename .hotel{
font-size: 14px;
margin-top: 5px;
margin-bottom: 7px;
letter-spacing:2px;
}
.rr .address{
font-size: 13px;
height: 18px;
line-height: 18px;
}
.Address_dre {
font-weight: bold;
padding-top: 12px;
color: #333333;
font-size: 20px;
}
.Submit_tent{
padding-top: 50px;
padding-bottom: 47px;
}
/* 已加 */
.tListing:after {content:'';display:table;clear:both;}
.tListing li {float:left;}
.tList_1 {}
.tList_1 li {width:23.5%;margin-left:2%;margin-bottom:2%;}
.tList_1 li:nth-of-type(4n+1) {margin-left:0;}
@media only screen and (max-width: 1366px) {
.form_ul li {
width: 30%;
display: flex !important;
justify-content: space-between !important;
}
.contact_for .header_ul li {
width: 31.3%;
}
.contact_for .header_ul li:nth-of-type(3n+1) {
margin-left: 0;
}
.asterisk {
width: 100%;
display: flex;
justify-content: space-between;
}
.form_ul {
display: flex !important;
justify-content: space-between !important;
}
.Asterisk_Text .asterisk {
width: 100%;
}
}
/*--------------------------------------------------------
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-bottom: 1px solid #DDDDDD;
}
.faq-item .faq-title {
position: relative;
padding: 0px 0 15px 0;
font-size: 16px;
cursor: pointer;
display: flex;
}
.faq-item .faq-title:before { position: absolute; right: 0; content: "\f067"; font-size: 14px; color: #004562;display: none;}
.faq-item .faq-title.show-title:before { content: '\f068'; color: #004562; display: none;}
.faq-item .faq-title .faqh3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #333333;
line-height: 31px;
font-weight: bold;
}
.faq-item.active .faq-title .faqh3 {
color: #444444;
}
.faq-item .faq-cont { display: none; margin: 0; margin-left: 35px;padding-bottom: 15px;}
.faq-item:first-child .faq-cont { display: block; }
.faq-cont p {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #666666;
line-height: 30px;
}
.faq-item .faq-title .svg_icon {
margin-right: 20px;
}
.faq-item .faq-title .svg_icon .icon {
width: 25px;
height: auto;
}
.faq_list .active {
}
.faq_lbg {
padding: 150px 150px 150px 150px ;
margin-bottom: 50px;
}
.faq_lbg:after {
background-color: rgba(168,153,136, 0.2);
}
.faqheading {
font-size: 34px;
color: #ffffff;
font-family: Raleway;
font-weight: 200;
margin: 10px 0;
}
.faqheading-text {
font-size: 14px;
color: #ffffff;
font-family: Raleway;
font-weight: 300;
margin: 10px 0;
}
.faq_tks {
background-color: rgba(89,89,89, 1);
padding-top: 70px;
padding-bottom: 60px;
}
.faq_tksw {
font-size: 20px;
color: #ffffff;
font-family: Airal;
font-weight: 300;
margin: 10px 0;
}
.faq_listb {
font-size: 14px;
color: #ffffff;
font-family: Airal;
font-weight: 300;
margin: 30px 0;
text-align: center;
}
.faq_tksw {
text-align: center;
}
.faq_btn {
font-size: 15px;
font-family: Raleway;
font-weight: 300;
color: #ffffff;
border: 2px solid #ffffff;
background-color: rgba(89,89,89, 1);
border-radius: 30px;
line-height: 17px;
padding: 12px 24px;
}
.faq_listb a:hover {
color: #333333;
border: 2px solid #ffffff;
background-color: #ffffff;
border-radius: 10px;
}
.main-tit-bar {
padding: 0;
line-height: .25rem;
border-bottom: 2px solid #e5e5e5;
margin: 0 0 0.35rem;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row;
}
.main-tit-bar .title {
color: #333333;
font-weight: normal;
margin-bottom: 10px;
}
.faq_list .svg_icon {
position: relative;
width: 16px;
height: 27px;
}
.faq_list .svg_icon::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('img/pd_icons.png');
background-size: cover;
background-position: center;
}
.page_faq .faq-item .faq-title:before {
position: absolute; right: 0;
font-size: 14px;
color: #004562;
display: block;
content: '';
width: 29px;
height: 30px;
background:url(picture/add.png) no-repeat center top;
background-size:14px;
}
.page_faq .faq-item .faq-title.show-title:before {
content: '';
color: #004562;
display: block;
width: 11px;
height: 2px;
background:url(picture/reduce.png) no-repeat center top;
background-size:11px;
}
.faq_list .page_faq .active .faq-title:before{
color:#fff !important;
background:url(picture/44.png) no-repeat center top;
}
.page_faq .faq-item .faq-cont {
display: block;
margin: 0;
margin-left: 0px;
padding-bottom: 15px;
}
.page_faq .faq-item {
position: relative;
overflow: hidden;
margin: 0 0 20px;
padding: 30px 40px 15px 40px;
width: 100%;
border: none;
border: 1px solid #EBEBEB;
}
.faq_list .page_faq .active {
background-color: #182E59;
}
.page_faq .faq-titlep {
font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
color: #333333;
line-height: 31px;
text-align: left;
}
.page_faq .faq-cont p {
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
color: #333333;
line-height: 28px;
text-align: left;
}
.page_faq .active .faq-titlep {
color: #ffffff;
}
.page_faq .active .faq-cont p {
color: #FFFFFF;
}
.page_faq .faq-item .faq-title:before {
color: #444444;
}
.page_faq .faq-item .faq-title.show-title:before {
color: #ffffff;
}
.page_faq.page_download .faq-item {
position: relative;
overflow: hidden;
margin: 0 0 20px;
padding: 30px 40px 30px 40px;
width: 100%;
border: none;
border: 1px solid #EBEBEB;
}
.page_faq.page_download .faq-item:hover {
background-color: #444444;
}
.page_faq.page_download .faq-item:hover .faq-titlep {
color: #fff;
}
.page_faq.page_download .faq-item .faq-title {
position: relative;
padding: 0px;
font-size: 16px;
cursor: pointer;
display: flex;
}
.page_faq.page_download .faq-item .faq-title:before {
content: '';
display: inline-block;
position: absolute;
top: 50%;
right: 0;
transform: translateX(-50%) translateY(-50%);
width: 21px;
height: 18px;
background-image: url(img/download.png);
z-index: 20;
background-repeat: no-repeat;
}
.page_faq.page_download .faq-item:hover .faq-title:before {
content: '';
display: inline-block;
position: absolute;
top: 50%;
right: 0;
transform: translateX(-50%) translateY(-50%);
width: 21px;
height: 18px;
background-image: url(img/downloadto.png);
z-index: 21;
background-repeat: no-repeat;
}
@media only screen and (max-width:1280px) {
.ditubox {
background-repeat: no-repeat;
background-size: cover;
padding: 120px 0;
}
.xinwenbigul .promote_item .item_img {
padding-bottom: 100%;
}
.xinwenbigul .promote_item .item_desc {
-webkit-line-clamp: 2;
}
.offerbig_R {
width: 50%;
padding: 0px 60px 0px 60px;
}
.index_appsli {
padding: 90px 30px;
}
.inpd_li {
width: 32%;
text-align: center;
padding: 30px 60px;
border: 1px solid #F5EFEF;
margin: 10px 5px;
}
.listpd_video_R2 {
font-family: Arial, Arial;
font-weight: bold;
font-size: 32px;
color: #333333;
line-height: 48px;
text-align: left;
}
.listpd_video_L {
width: 25%;
}
.listpd_video_R {
width: 60%;
padding: 30px 60px;
}
.pdwen_li1 p {
font-family: Arial, Arial;
font-weight: bold;
font-size: 20px;
color: #333333;
line-height: 32px;
}
.pd_choose_S {
background: rgba(255, 255, 255, .75);
box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
position: absolute;
bottom: 5%;
left: 3%;
padding: 0;
width: 25%;
text-align: center;
}
.listpd_video_R4tit p {
font-family: Arial, Arial;
font-weight: bold;
font-size: 24px;
color: #333333;
line-height: 32px;
}
}
@media only screen and (max-width:1024px) {
.scrollsidebar{
display: none;
}
.swiper-pagination-bullet {
width:8px;
height:8px;
display:inline-block;
vertical-align:middle;
background-color:#fff;
-webkit-box-sizing:content-box;
box-sizing:content-box;margin:0 2px;
/*background-clip:content-box;*/
}
.swiper-pagination-bullet-active {
width: 20px;
height: 8px;
border-radius: 15px;
background-color:#B9AB9C;
}
}
@media only screen and (max-width:950px) {
.path_bar{
padding:10px 0;
}
.products_rer .pdf{ line-height: 2; width: 120px !important;}
.products_rer .contact{line-height: 2; width: 120px !important;}
.banner_catesboxpc {
display: none;
}
.banner_catesboxph {
display: block;
}
.ditubig4 {
display: block;
}
.singupbig_R2 {
display: block;
}
.singupbig_R21 {
border-bottom: 1px solid #ffffff;
color: #DBDBDB !important;
width: 100%;
display: block;
}
.singupbig_R22 {
padding: 10px 40px;
color: #333;
background-color: #fff;
margin-top: 30px;
display: inline-block;
}
.history_boxr .num_left_2 {
font-family: Arial;
font-weight: bold;
font-size: 36px;
color: #333333;
/* line-height: 112px; */
line-height: 70px;
}
.product-image{ display: none !important;}
/* product intro */
.page_title {
line-height: 1.1;
border-bottom: 0;
}
.video_close {
display: none
}
.image-additional .swiper-slide.current{ height: inherit !important;}
.image-additional li.image-item.current img {
border: none;
}
.product-view {
width: auto;
float: none;
margin: 0 -2px 30px;
}
.product-view .product-image,
.single_product_items {
display: none
}
.image-additional-wrap {
display: block;
width: 100%;
}
.product-view .image-additional {
width: 100%;
margin: 0;
}
.product-view .image-additional ul {
width: 100%;
flex-direction: row !important;
}
.image-additional-wrap .swiper-button-next, .image-additional-wrap .swiper-button-prev {
display: block;
}
.product-view .image-additional li {
width: 33.33333333%;
margin: 0;
}
.product-view .image-additional li a {
padding: 0;
margin: 0 2px;
border: 1px solid #eee;
position: relative;
}
.product-view .image-additional li img {
border: 0;
padding: 0;
}
/*.product-view .image-additional li.current>a {*/
/* border: 1px solid #eee;*/
/*}*/
.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: 5px;
}
.product-view .swiper-button-prev {
left: 5px;
}
/* product summary */
.product-summary {
position: relative;
width: 100%;
float: none;
}
.product-summary .share-this {
float: none;
margin: 30px 0;
}
.product-summary .product-meta li {
display: block;
}
.product-summary .product-meta li em {
display: inline;
color: #333;
padding-right: 15px;
font-weight: bold;
}
.product-btn-wrap {
text-align: left;
}
.product-btn-wrap a {
margin: 0 0 10px !important;
}
.product-summary .share-this {
text-align: left;
}
/* product detail */
.detail-tabs {
padding-right: 0;
}
.product-detail .share-this {
position: static;
padding-bottom: 30px;
}
.tab-panel-wrap {
padding: 10px 0 0;
}
.ab_meetul {
/* display: block; */
}
.ab_meetli {
width: 100%;
text-align: center;
}
.ab_groupul {
display: block;
}
.ab_groupli {
position: relative;
width: 100%;
height: 300px;
background-size: cover;
background-position: center;
overflow: hidden;
}
.ab_groupli img {
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 90%;
max-height: 90%;
z-index: 2;
}
.ab_groupbox {
padding: 60px 0;
margin: 0px 0;
}
.showpdbox {
padding: 0px 0;
margin: 0;
}
.index_xinwen .xinwen_items li .xinwen_to {
position: relative;
bottom: 0;
margin-top: 30px;
width: 30px;
height: 30px;
}
.index_apps .apps_view {
margin: 20px 0 40px 0;
}
.index_xinwen .xinwen_items li a {
/* display: block; */
}
.xinwen_info {
padding: 30px 15px;
position: relative;
height: auto;
width: 100%;
}
.index_xinwen .xinwen_items li .xinwen_img {
width: 100%;
height: auto;
}
.index_qua .layout {
display: block;
}
.index_qua .index_hd {
width: 100%;
text-align: left;
}
.qua_picsbox ul li {
width: 100%;
margin: 0px;
}
.qua_picsbox {
width: 100%;
background-color: transparent;
}
.index_appsli{
background: rgba(68, 68, 68, 0.82);
}
.index_appsli .index_appsimg {
display: none;
}
.index_appsli .index_appstit {
display: block !important;
line-height: 40px;
}
.index_appsli .index_appsp {
display: block !important;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
}
.index_apps .index_hd .hd_title {
font-size: 24px;
width: 50%;
line-height: 40px;
}
.index_apps {
display: block;
}
.index_apps .index_hd {
width: 95%;
padding: 0;
margin: 0 auto;
text-align: left;
}
.index_apps .index_bd {
width: 100%;
}
.appspc {
display: none;
}
.appsph {
display: block;
position: relative;
}
.history_boxr ul {
}
.history_boxr ul li {
}
.index_history:before {
content: '';
display: block;
width: 33%;
height: 37%;
background-color: #444444;
position: absolute;
right: 0px;
z-index: -1;
bottom: -30px;
}
.web_head .logo img {
max-height: none;
height: auto;
max-width: none;
width: 100%;
}
.head_up {
display: none;
}
.showpdbigul {
position: relative;
display: flex;
height: auto;
}
.showpdbigli {
position: relative !important;
width: 100% !important;
left: 0 !important;
right: 0 !important;
top: 0 !important;
bottom: 0 !important;
margin-bottom: 30px;
}
.showpdbigli:nth-child(3) {
width: 50% !important;
}
.showpdbigli:nth-child(4) {
width: 50% !important;
}
.showpdbigli2 {
width: 100%;
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
padding: 0px 0px 10px 20px;
text-align: left;
font-family: Arial;
font-weight: bold;
font-size: 16px;
color: #FFFFFF;
line-height: 36px;
}
.showpdbigli1 {
position: relative;
padding-bottom: 60%;
}
.showpdbigli1 img {
position: absolute;
object-fit: cover;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.banner_catesul {
/* display: flex; */
flex-wrap: nowrap;
}
.banner_catesli {
/* width: 50%;
padding: 90px 30px;
z-index: 9; */
padding: 60px 30px 30px 30px;
}
.banner_catesli1:after {
content: '';
display: block;
width: 100%;
height: 4px;
background-color: #ffffff;
position: absolute;
left: 0;
margin-left: 0;
top: -15px;
}
.banner_catesli:hover {
-webkit-transform: scale(1.0);
-ms-transform: scale(1.0);
-o-transform: scale(1.0);
transform: scale(1.0);
}
.ab_innbox_R2 {
display: block;
}
.ab_innbox_R2 li {
width: 100%;
}
.ab_innbox_R2li2 {
position: relative;
display: block !important;
margin: 30px 0;
}
.ab_innbox_R2img img {
width: 100%;
height: auto;
}
.ab_innbox_R2li1 {
background-color: #444444 !important;
color: #fff !important;
}
.ab_innbox_R2img {
width: 100%;
}
.ab_innbox_R2p {
width: 100%;
}
.ab_innbox_L {
width: 100%;
float: none;
padding: 0px 0px;
}
.ab_innbox_R {
width: 100%;
position: relative;
height: auto;
}
.ab_whobox_R3 {
display: block;
}
.ab_whobox_R3 li {
width: 100%;
}
.ab_whobox_R2 {
display: block;
}
.ab_whobox_R2 li {
width: 100%;
}
.ab_whobox {
padding: 0;
}
.ab_whobox_L {
width: 100%;
height: auto;
position: relative;
}
.ab_whobox_R {
width: 100%;
float: none;
padding: 0px 0px;
}
.pd_backul {
display: block;
}
.pd_backli {
width: 100%;
}
.pd_parul {
display: block;
}
.pd_parli {
width: 100%;
}
.pd_parli img {
width: auto;
height: auto;
margin-bottom: 30px;
}
.pd_cusbox {
padding: 60px 0;
}
.xunpankuang {
background: #FFFFFF;
box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.1);
padding: 30px 20px 30px 20px;
}
.pdhonorbox {
padding: 60px 0;
}
.pdlist .index_hd .hd_title {
font-size: 32px !important;
}
.pd_foursul {
display: block;
}
.pd_fourli {
width: 100%;
padding: 0px;
}
.pd_facbox {
padding: 60px 0px;
}
.listpd_video_R4tit p {
font-size: 20px;
}
.listpd_video_L img {
width: 25%;
margin-bottom: 30px;
}
.pddetails_ul {
display: block;
}
.pddetails_ul li {
width: 100%;
}
.index_from .form_ul li:nth-child(1) {
width: 48% !important;
}
.index_from .form_ul li:nth-child(2) {
width: 48% !important;
}
.index_from .form_ul li:nth-child(3) {
width: 100% !important;
}
.index_from .form_ul li:nth-child(4) {
width: 100% !important;
}
.index_apps {
background-image: url(img/four_ph.png);
background-size: 100%;
margin: 60px 0;
padding: 30px 0 0px 0;
margin-bottom: 0;
}
.index_apps .apps_view a {
background: #666666;
font-family: Arial;
font-weight: 400;
font-size: 16px;
color: #ffffff;
line-height: 36px;
padding: 15px 30px;
}
.lanicon {
display: block;
color: #000;
margin-left: 10px;
}
.sidebar {
display: none;
}
.index_video ul {
display: block;
}
.index_video ul li {
width: 100%;
cursor: pointer;
margin: 13px 0;
}
.offerbig {
display: block;
}
.offerbig_L {
width: 100%;
}
.offerbig_R {
width: 100%;
padding: 0px 60px 0px 60px;
}
.tuipdbig ul {/* display: block; */}
.tuipdbig ul li {
width: 100% !important;
text-align: center;
padding: 0px 30px 30px 30px;
}
.cebianmain .tuipdbig ul li {
width: 100% ;
}
.cebianmain {
position: relative;
float: none !important;
width: 100% !important;
}
.cebian {
float: none !important;
width: 100% !important;
display: none;
}
.xinwenbigul {/* display: block; */}
.blog_list .xinwenbigul .promote_item {
-webkit-box-flex: 0 0 100%;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
width: 100%;
float: left;
border: 1px solid #ECECEC;
margin-bottom: 30px;
}
.xinwenbigul .promote_item {
-webkit-box-flex: 0 0 100%;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
width: 100%;
float: left;
border: 1px solid #ECECEC;
}
.index_product .index_hd .pd_view {
display: none;
}
.inpd_li {
width: 100%;
text-align: center;
padding: 30px 60px;
border: 1px solid #F5EFEF;
margin: 10px 0px;
}
.index_product .index_hd .hd_title {
top: 0;
}
.inpd_box {
margin-top: 60px;
}
.index_history {
padding: 0px 0;
margin: 0;
}
.history_boxr {
position: relative;
}
.index_history .his_view {
margin: 30px 0 0px 0;
display: flex;
padding-bottom: 40px;
}
.index_appsul {
/* display: block; */
}
.index_appsli {
width: 100% !important;
text-align: center;
padding: 60px 30px;
margin-bottom: 30px;
height: 500px;
}
.appsph .swiper-button-next, .appsph .swiper-button-prev {
opacity: 1;
top: auto;
bottom: 9%;
border-radius: 50%;
width: 30px;
height: 30px;
background-color: #fff;
}
.appsph .swiper-button-next {
right: 40%;
left: auto;
}
.appsph .swiper-button-prev {
left: 40%;
right: auto;
}
.appsph .swiper-button-next:before {
font-size: 20px;
margin-top: -10px;
}
.appsph .swiper-button-prev:before {
font-size: 20px;
margin-top: -10px;
}
.index_appstit:after {
content: '';
display: block;
width: 29px;
height: 3px;
background-color: #ffffff;
position: absolute;
left: 50%;
margin-left: -15px;
bottom: -15px;
}
.qua_picsbox {
background-color: transparent;
}
.qua_picsbox ul li:nth-child(1) img {
position: relative;
top: 0;
}
.qua_picsbox ul li:nth-child(2) img {
}
.qua_picsbox ul li:nth-child(3) img {
position: relative;
top: 0;
}
.qua_picsbox ul li:nth-child(4) img {
}
.index_qua {
background-image: none;
}
.index_qua .qua_view {
margin: 40px 0 25px 0;
}
.qua_picsbox ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.qua_picsbox ul li {
width: 50%;
margin: 0px;
}
.xun_box {
display: block;
background: #FBFCFB;
box-shadow: 0px 9px 15px 1px rgba(0, 0, 0, 0.1);
position: relative;
}
.xun_boxl {
width: 100%;
}
.xun_boxr {
width: 100%;
padding-top: 100px;
padding: 120px 10px 60px 10px;
}
.xun_small {
background: rgba(203, 6, 14, .75);
box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.54);
position: absolute;
bottom: 55%;
left: 0;
padding: 30px 20px;
width: 100%;
}
.xun_boxrtit1 {
font-family: Arial;
font-weight: 900;
font-size: 24px;
color: #333333;
line-height: 87px;
}
.index_xinwen {
background-image: none;
}
.index_xinwen .index_hd .xin_view {
display: none;
}
.index_xinwen .xinwen_items {
display: block;
}
.index_xinwen .xinwen_items li {
max-width: none;
width: 100% !important;
height: auto;
margin-bottom: 30px;
}
.xinwen_p {
display: none !important;
}
.listpd_videobox {
display: block;
position: relative;
top: 0;
left: 0;
align-items: center;
justify-content: center;
}
.listpd_video_L {
width: 100%;
}
.listpd_video_R {
width: 100%;
padding: 30px 60px;
}
.listpd_video_R4ul {
display: block;
}
.listpd_video_R4li {
width: 100%;
text-align: left;
margin-bottom: 20px;
}
.listpd_video {
padding: 60px 0;
}
.pd_about {
display: block;
}
.pd_about_L {
width: 100%;
}
.pd_about_R {
width: 100%;
}
.pd_choose {
display: block;
}
.pd_choose_L {
width: 100%;
}
.pd_choose_R {
width: 100%;
}
.pd_choose_S {
background: rgba(255, 255, 255, .75);
box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
position: absolute;
bottom: auto;
left: 0%;
top: 15%;
padding: 0;
width: 100%;
text-align: center;
}
.pdwen_ul {
display: block;
}
.pdwen_li {
width: 100%;
text-align: left;
margin-bottom: 20px;
}
.pd_choosebox {
margin: 60px 0;
padding: 0;
}
.pd_faqbig {
display: block;
}
.pd_faqbig_L {
width: 100%;
}
.pd_faqbig_R {
width: 100%;
}
.pd_cusbig {
display: block;
}
.pd_cusbig_L {
width: 100%;
}
.pd_cusbig_R {
width: 100%;
}
.ab_advul {
display: block;
}
.ab_advli {
width: 100%;
}
.contactbigul {
display: block;
}
.contactbigli {
width: 100%;
background: #F6F6F6;
border: 1px solid #F0F0F0;
text-align: center;
padding: 60px 60px;
margin-bottom: 30px;
}
.cont_map iframe {
position: relative;
top: 15%;
right: 0;
width: 100%;
height: 400px;
}
.ditubox {
background-repeat: no-repeat;
background-size: cover;
padding: 0px 0;
background-image: none !important;
margin-bottom: 100px;
}
.ditubig1 {
font-family: Arial, Arial;
font-weight: bold;
font-size: 36px;
color: #333333;
line-height: 48px;
text-align: left;
}
.ditubig2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #666666;
line-height: 30px;
margin-top: 20px;
text-align: left;
width: 100%;
}
.singupbig {
display: block;
}
.singupbig_L {
width: 100%;
margin-bottom: 30px;
}
.singupbig_R {
width: 100%;
}
.singupbig_L p {
font-family: Arial, Arial;
font-weight: normal;
font-size: 32px;
color: #FFFFFF;
line-height: 48px;
text-align: left;
}
}
@media only screen and (max-width:768px) {
}
@media only screen and (max-width:480px) {
}
.foot-items .foot-item.foot-item-social1 ul li a{ color: #999999; }
.foot-items .foot-item.foot-item-social1 ul li a:hover{ color: #fff; }
.foot-items .foot-item.foot-item-social1 ul li:hover{ color: #fff; }
.privacy-main{ padding-top: 53px !important;}
.cebian .nav-current>a{ color: #0052d9 !important;}
.cebian .side-tit{ color: #182E59 !important; font-weight: bold;}
.side-cate li a:hover{ color: #0052d9 !important; }
.products_rer .pdf{ background: #fff; font-size: 16px; width: 9%; margin-right: 3%; cursor: pointer;}
.products_rer .contact{ background: #fff;; width: 9%; font-size: 16px;cursor: pointer;}
.products_rer .pdf:hover{ background: #182E59; color: #fff; width: 9%; margin-right: 3%;}
.products_rer .contact:hover{ background: #182E59;; color: #fff; width: 9%;}
.products_rer{ height: 37px; display: flex; text-align: center; margin: 0 auto; width: 100%; justify-content: center;}
.page_bar ul li{ width:initial !important; padding: 0px !important;}
.pagination ul{ justify-content: center;
}
.sidebar ul li:nth-child(1) .sidebars:hover+.sidebar_item_con{ display: block !important;}
.sidebar_item_con{ width: 212px;}
.sidebar ul li .sidebar_item_con .sidebar_item_txt{ height: inherit !important;}
.proMeauBox {
align-items: flex-start;
display: flex;
}
.content-wrap.form .ch_form_wrap ul input, .content-wrap.form .ch_form_wrap ul textarea, .content-wrap.form .ch_form_wrap ul select{
border-left: 3px solid #182E59;
}
.gtm_submit_btn:hover{
background: #182E59 !important;
}
/*.fixed-nav li a{font-size: 16px !important;}*/
.head_btu a:hover{
text-decoration: underline;
}
.btn a:hover{
text-decoration: underline;
}
.proMeau>.proMeauBox1{
width: 66.666%;
float: right;
flex-wrap: wrap;
}
.proMeau>.proMeauBox1 .proMeauDiv{
width: 49%;
}
.proMeau>.proMeauBox2{
width: 33.33%;
float:left;
flex-wrap: wrap;
}
.proMeau>.proMeauBox2 .proMeauDiv{
width: 99%;
}
.home_about .ro .btu:hover{
background: #2c61c7;
color: #fff;
}
.sitemap-logo-boxs #cont h1 a img{
max-width: 32% !important;
}
#cont > ul > li > ul > li > ul > li > a:hover{
text-decoration: underline;
}
#cont ul li a:hover{
text-decoration: underline;
}
.ab_whobox .layout .ab_whobox_R .index_hd,.ab_innbox .layout .ab_innbox_L .index_hd{
padding: 0;
}
.news_next:hover .tit{
/* color: #036db7; */
}
.contactbigul .contactbigli .contactbigli3 a:hover{
color: #094DA2 ;
text-decoration: underline;
}
.chanpinlie_all{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.chanpinlie_all .chanpinlie{
width: 100%;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-content: stretch;
/* height: 500px; */
}
.footerA .footerA_A .items{
display: inline-block;
}
.chanpinlie_all .footerA .footerA_A .items .item a{
}
.footerA_A .item a:hover{
text-decoration: underline;
}
.layout .cebianmain a{
font-weight: bold;
color: #182E59;
}
.layout .cebianmain a:hover{
/* text-decoration: underline; */
}
.layout .cebianmain a:hover .title{
text-decoration: underline;
}
.news_next .con .h3 a:hover{
text-decoration: underline;
}
@media only screen and (max-width:950px) {
.ab_groupli img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 90%;
max-height: 90%;
z-index: 2;
bottom: 50%;
right: 50%;
}
.apps_bigli{
justify-content: center
}
}
@media only screen and (max-width:412px) {
.ab_groupli img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 90%;
max-height: 90%;
z-index: 2;
bottom: 50%;
right: 50%;
}
}
.chebian1 {
width: 61px;
height: 61px;
background: #182E59;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
margin-bottom: 10px;
right: 0;
top: 100%;
margin-top: -93px;
z-index: 9999999;
position: fixed;
}
.chebian1 a img {
width: 21px;
height: 11px;
}
.chebian {
width: 60px;
height: auto;
position: fixed;
right: 10px;
z-index: 99999;
transform: translateY(-50%);
top: 50%;
}
.chebian ul {
width: 100%;
}
.chebian ul li {
width: 42px;
height: 42px;
margin-bottom: 5px;
}
.chebian ul li a {
width: 100%;
height: 100%;
border-radius: 11px;
display: flex;
background: #182E59;
align-items: center;
justify-content: center;
position: relative;
}
.chebian ul li a .erjixuanf{
position: absolute;
left: -167px;
top: -43px;
width: 150px;
height: 150px;
max-width: 200px;
display: none;
}
.chebian ul li a:hover .erjixuanf{
display: block;
}
.chebian ul li a img {
width: auto;
height: auto;
}
.chebian ul li:nth-child(4){
opacity: .8;
}
@media only screen and (max-width: 1200px){
.chebian {
display: none;
}
}
.web_main .layout .cebianmain>p,.pro1-top .pro1-desc .catdesc>p{
color: #666;
color: #666;
font-size: 20px;
line-height: 33px;
margin: 30px 0;
}
#ssbiao {
width: 18px;
height: 17px;
background-color: #0c6ea6;
border-radius: 50%;
/* position: absolute; */
right: 4px;
top: 4px;
border: none;
font-size: 0;
background-image: url(img/demo/search.png);
background-repeat: no-repeat;
background-position: center;
margin: 0;
}
.change-language-cont li{width:100%;}
.change-language-cont{display: flex;flex-wrap: wrap;}
.language--img{background: url(img/lan.jpg)no-repeat center center;display: inline-block;width: 18px;height: 12px;margin-right: 6px;}
.language-en{background-position: 0 -218px;}
.language-af{background-position: 0 -1px;}
.language-sq{background-position: 0 -940px;}
.language-am{background-position: 0 -9px;}
.language-be{background-position: 0 -48px;}
.language-eu{background-position: 0 -252px;}
.language-az{background-position: 0 -36px;}
.language-hy{background-position: 0 -456px;}
.language-ar{background-position: 0 -24px;}
.language-am{background-position: 0 -12px;}
.language-fy{background-position: 0px -300px;}
.language-fr{background-position: 0px -288px;}
.language-fi{background-position: 0px -276px;}
.language-et{background-position: 0px -240px;}
.language-eo{background-position: 0px -192px;}
.language-en{background-position: 0 -216px;}
.language-da{background-position: 0px -168px;}
.language-cs{background-position: 0px -144px;}
.language-hr{background-position: 0px -420px;}
.language-co{background-position: 0px -132px;}
.language-ceb{background-position: 0px -108px;}
.language-ca{background-position: 0px -96px;}
.language-bg{background-position: 0 -448px;}
.language-bs{background-position: 0 -84px;}
.language-bn{background-position: 0 -72px;}
.language-be{background-position: 0 -48px;}
.language-is{background-position: 0px -492px;}
.language-sm{background-position: 0px -972px;}
.language-ro{background-position: 0px -888px;}
.language-pa{background-position: 0px -840px;}
.language-pt{background-position: 0px -876px;}
.language-pl{background-position: 0px -852px;}
.language-fa{background-position: 0px -264px;}
.language-ps{background-position: 0px -264px;}
.language-or{background-position: 0px -827px;}
.language-no{background-position: 0px -780px;}
.language-ne{background-position: 0px -792px;}
.language-my{background-position: 0px -768px;}
.language-mn{background-position: 0px -720px;}
.language-mr{background-position: 0px -732px;}
.language-mi{background-position: 0px -684px;}
.language-mt{background-position: 0px -756px;}
.language-ml{background-position: 0px -708px;}
.language-ms{background-position: 0px -744px;}
.language-mg{background-position: 0px -672px;}
.language-mk{background-position: 0px -696px;}
.language-lb{background-position: 0px -624px;}
.language-lt{background-position: 0px -648px;}
.language-lv{background-position: 0px -660px;}
.language-la{background-position: 0px -613px;}
.language-lo{background-position: 0px -636px;}
.language-ky{background-position: 0px -600px;}
.language-ku{background-position: 0px -120px;}
.language-ko{background-position: 0px -588px;}
.language-rw{background-position: 0px -912px;}
.language-km{background-position: 0px -564px;}
.language-kk{background-position: 0px -552px;}
.language-kn{background-position: 0px -576px;}
.language-jv{background-position: 0px -528px;}
.language-ja{background-position: 0px -516px;}
.language-it{background-position: 0px -504px;}
.language-ga{background-position: 0px -312px;}
.language-id{background-position: 0px -467px;}
.language-ig{background-position: 0px -480px;}
.language-hu{background-position: 0px -443px;}
.language-hmn{background-position: 0px -408px;}
.language-hi{background-position: 0px -397px;}
.language-he{background-position: 0px -384px;}
.language-haw{background-position: 0px -300px;}
.language-ha{background-position: 0px -1079px;}
.language-ht{background-position: 0px -432px;}
.language-gu{background-position: 0px -348px;}
.language-el{background-position: 0px -204px;}
.language-de{background-position: 0px -180px;}
.language-ka{background-position: 0px -540px;}
.language-gl{background-position: 0px -336px;}
.language-ru{background-position: 0px -900px;}
.language-gd{background-position: 0px -324px;}
.language-sr{background-position: 0px -1006px;}
.language-st{background-position: 0px -1017px;}
.language-sn{background-position: 0px -984px;}
.language-sd{background-position: 0px -984px;}
.language-si{background-position: 0px -1271px;}
.language-sk{background-position: 0px -1223px;}
.language-sl{background-position: 0px -960px;}
.language-so{background-position: 0px -994px;}
.language-es{background-position: 0px -227px;}
.language-su{background-position: 0px -1031px;}
.language-sw{background-position: 0px -1055px;}
.language-sv{background-position: 0px -1043px;}
.language-tl{background-position: 0px -1115px;}
.language-tg{background-position: 0px -1091px;}
.language-ta{background-position: 0px -1067px;}
.language-tt{background-position: 0px -1151px;}
.language-te{background-position: 0px -1079px;}
.language-th{background-position: 0px -1103px;}
.language-tr{background-position: 0px -1138px;}
.language-tk{background-position: 0px -1115px;}
.language-uk{background-position: 0px -1175px;}
.language-ur{background-position: 0px -1187px;}
.language-ug{background-position: 0px -1163px;}
.language-uz{background-position: 0px -1175px;}
.language-vi{background-position: 0px -1211px;}
.language-cy{background-position: 0px -156px;}
.language-xh{background-position: 0px -1223px;}
.language-yi{background-position: 0px -1235px;}
.language-yo{background-position: 0px -1247px;}
.language-zu{background-position: 0px -1259px;}
.language-zh{background-position: 0px -1282px;}
.language-zh-TW{background-position: 0px -1282px;}
.change-language .sub-content .trp-language-wrap{
display: none;
}
.side-cate li .icon-cate.icon-cate-down:before {
content: '';
transform: rotate(0deg);
font-size: 24px;
background: url(img/63.png);
width: 20px;
height: 18px;
}
.side-cate li .icon-cate.icon-cate-up:before {
content: '';
background: url(img/63.png);
width: 20px;
height: 18px;
transform: rotate(180deg);
font-size: 24px;
}
.head_layer .layout .nav_wrap .head_nav>li>b:before{
content: '';
background: url(img/63.png);
width: 17px;
height: 10px;
transform: rotate(180deg);
font-size: 24px;
display: block;
position: absolute;
right: -18px;
top: 12px;
transition: 1s all;
display: none;
}
.head_layer .layout .nav_wrap .head_nav>li:hover>b:before{
transform: rotate(0deg);
top: 6px;
}