@charset "utf-8";
.wrap{width: 90%;max-width:1680px; margin:0 auto;}
.wrap1200{width: 82%;max-width:1200px; margin:0 auto;}
.fl{float: left;}
.fr{float: right;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.text-justify{text-align: justify;}
.text-over{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;height: 30px;line-height: 30px;}
.scroll-x{overflow-x: auto;}
.over{overflow: hidden;}
.nowrap{white-space: nowrap;}
.fz0{font-size: 0;}
.nowrap.fz0{letter-spacing: -5px;}
.nowrap.fz0 *{letter-spacing: normal;}
.relative{position: relative;z-index: 1;}
.absolute{position: absolute;z-index: 1;}
.fixed{position: fixed;z-index: 1;}
.inline{display: inline;}
.block{display: block;}
.inline-block{display: inline-block;}
.none{display: none;}
.hide{visibility: hidden;}
.visible{visibility: visible;}
.w100{width: 100%;}
.h100{height: 100%;}
.max-w100{max-width: 100%;}
.max-h100{max-height: 100%;}
.middle{vertical-align: middle;}
.middle-span{height: 100%;vertical-align: middle;display: inline-block;}
.border-box{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing: border-box;}
.trans{-webkit-transition-duration:400ms; -moz-transition-duration:400ms; -ms-transition-duration:400ms; -o-transition-duration:400ms; transition-duration:400ms;-webkit-transition-timing-function: linear;-moz-transition-timing-function: linear;-ms-transition-timing-function: linear;-o-transition-timing-function: linear;transition-timing-function: linear;}
.trans-internal:before,.trans-internal:after{-webkit-transition-duration:400ms; -moz-transition-duration:400ms; -ms-transition-duration:400ms; -o-transition-duration:400ms; transition-duration:400ms;}
.scale-img{-webkit-transition-duration:300ms; -moz-transition-duration:300ms; -ms-transition-duration:300ms; -o-transition-duration:300ms; transition-duration:300ms;}
.scale:hover .scale-img{-ms-transform:scale(1.06);-moz-transform:scale(1.06);-webkit-transform:scale(1.06);-o-transform:scale(1.06);transform:scale(1.06);}
.block-1024 , .inline-block-1024 , .inline-768 , .block-768{display: none;}
@font-face{font-family: 'impact';src: url(../fonts/impact.ttf);}

body{position: relative;overflow-x: hidden;}

.bgf2{background-color: #f2f2f2;}
.box-shadow{box-shadow: 0 0 10px rgba(0,0,0,.15);}
.box-shadow.relative{z-index: 2;}
.anchor{position: relative;z-index: 1;top: -140px;display: block;visibility: hidden;}
.wow{visibility: hidden;}

#header{/*height: 103px;*/background-color: #fff;padding-top: 0;top: 0;right: 0;left: 0;z-index: 10;box-shadow: 0 0 10px rgba(0,0,0,.2);position: fixed;}
#header .top{height: 0;line-height: 36px;border-bottom: 1px solid #efefef;position: absolute;z-index: 4;top: -37px;right: 0;left: 0;overflow: hidden;}
#header .top .main{background-color: #e0eefb;padding-right: 10000000px;margin-right: -10000000px;}
#header .top .line{width: 1px;height: 15px;background-color: #d6d6d6;margin: 12px 5px 0;}
#header .top .item{min-width: 110px;height: 100%;position: relative;z-index: 2;text-align: center;}
#header .top .item a{font-size: 14px;padding: 0 12px;display: block;white-space: nowrap;}
#header .top .lang{background-color: #b4d2ff;}
#header .top .lang > a{padding-right: 20px;/*padding-left: 65px;*/z-index: 3;}
/*#header .top .lang > a:before{width: 37px;height: 41px;background-image: url(../img/cn.png);background-position: no-repeat;position: absolute;z-index: 1;top: 8px;left: 18px;content: '';}*/
#header .top .lang .drop{padding-top: 15px;}
#header .top .share{margin-left: 20px;}
#header .top .share > a{width: 50px;font-size: 20px;}
#header .top .share > a:hover{color: #30a9f4;}
#header .top .ext > a{background-color: inherit;padding-right: 15px;z-index: 2;}
#header .top .ext:hover{background-color: #fff;box-shadow: 0 0 8px rgba(33,33,33,.2);}
#header .top .ext:hover .drop{background-color: #fff;box-shadow: 0 0 8px rgba(33,33,33,.2);opacity: 1;visibility: visible;}
#header .top .drop{min-width: 100%;top: 100%;right: 0;opacity: 0;visibility: hidden;}
#header .top .drop .btn{display: none;}
#header #menu-btn{line-height: 83px;font-size: 40px;display: none;}
#header #menu-close{width: 75%;max-width: 600px;/*font-size: 30px;*/color: #003586;background-color: #eee;padding: 5px 20px;top: 0;right: -75%;z-index: 5;visibility: hidden;}
#header #menu-close i{width: 30px;height: 30px;background-image: url(../img/close.svg);background-size: 80% auto;background-repeat: no-repeat;background-position: center center;display: inline-block;}
#nav{height: 85px;}
#nav #logo{width: 20%;max-width: 320px;}
#nav .nav-list{margin-left: 15%;}
html[lang="en"] #nav .nav-list{margin-left: 5%;}
#nav .nav-list .item{line-height: 85px;margin-left: 50px;}
html[lang="en"] #nav .nav-list .item{margin-left: 50px;}
#nav .nav-list .item:after{width: 0;height: 3px;background-color: #291769;position: absolute;z-index: 1;bottom: 0;left: 0;content: '';}
#nav .nav-list .item > a{font-size: 18px;color: #333;display: block;}
html[lang="en"] #nav .nav-list .item > a{font-size: 16px;}
#nav .nav-list .item.pg-on > a , #nav .nav-list .item.on > a , #nav .nav-list .item:hover > a{color: #291769;}
#nav .nav-list .item.pg-on:after , #nav .nav-list .item.on:after , #nav .nav-list .item:hover:after{width: 100%;}
#nav .hotline{font-size: 24px;color: #333;background-image: url(../img/hotline-0.png);background-repeat: no-repeat;background-position: left center;padding-left: 50px;margin-top: 25.5px;}
#nav .search{margin-top: 35px;margin-left: 35px;}
#nav .search .text{width: 234px;height: 36px;font-size: 14px;color: #666;padding-right: 35px;padding-left: 20px;border: 1px solid #d9d9d9;border-radius: 36px;}
#nav .search .text:hover , #nav .search .text:focus{border-color: #666;}
#nav .search .btn{width: 17px;height: 17px;background-color: transparent;background-image: url(../img/search.png);background-repeat: no-repeat;border: 0;top: 9px;right: 16px;cursor: pointer;}
#nav .sub-nav{width: 100%;height: 0;background-color: #fff;top: 100%;left: 0;overflow: hidden;}
#nav .sub-nav .btn{display: none;}
#nav .sub-nav .main{padding-top: 30px;padding-bottom: 30px;border-top: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9;}
#nav .sub-nav .line{width: 100%;height: 1px;background-color: #e9e9e9;margin-top: 15px;margin-bottom: 45px;clear: both;}
#nav .sub-nav .title{font-weight: bold;font-size: 16px;color: #333;margin-bottom: 30px;}
#nav .sub-nav .title a{color: inherit;}
#nav .sub-nav .title a:hover{color: #003586;}
#nav .sub-nav .lists{width: 60.92857%;}
#nav .sub-nav .lists .list{width: 16.3333334%;}
#nav .sub-nav[sub='about'] .lists{width:100%}
#nav .sub-nav[sub='about'] .lists .list{width:13%;}
#nav .sub-nav .lists .list .i{margin-bottom: 15px;}
#nav .sub-nav .lists .list .i a:hover{background:#003586;color:white;padding:5px;border-radius:10px;}
#nav .sub-nav .bigimg{width: 35.1190476%;}
#nav .sub-nav .contact-list{padding: 20px 0;margin-left: 10%;/*margin-left: 25.892857%;*/}
#nav .sub-nav .contact-list .message-btn{width: 150px;height: 50px;line-height: 50px;color: #fff;background-color: #003586;border: 1px solid #003586;border-radius: 50px;}
#nav .sub-nav .contact-list .message-btn:before{width: 20px;height: 20px;background-image: url(../img/ico-message-1.png);background-repeat: no-repeat;background-position: center center;background-size: 20px auto;display: inline-block;vertical-align: middle;content: '';}
#nav .sub-nav .contact-list .message-btn span{font-size: 14px;color: inherit;margin-left: 15px;}
#nav .sub-nav .contact-list .message-btn:hover{color: #003586;background-color: #fff;}
#nav .sub-nav .contact-list .message-btn:hover:before{background-image: url(../img/ico-message-0.png);}
#nav .sub-nav .contact-list .info{width: 45%;line-height: 30px;background-image: url(../img/ico-tel.png);background-repeat: no-repeat;background-position: left top;padding-left: 55px;margin-right: 3.0321285%;}
#nav .sub-nav .contact-list .info .phone{font-size: 16px;color: #666;}
#nav .sub-nav .contact-list .info .phone span{font-weight: bold;font-size: 20px;color: #003586;}
#nav .sub-nav .contact-list .info .address{font-size: 14px;color: #666;}
#nav .sub-nav .contact-list .urls{width: 34.5381526%;}
#nav .sub-nav .contact-list .urls .ico{line-height: 25px;font-size: 16px;color: #003586;background-repeat: no-repeat;background-position: left center;padding-left: 40px;margin-top: 15px;margin-left: 15%;}
#nav .sub-nav .contact-list .urls .ico:first-child{margin-left: 0;}
#nav .sub-nav .contact-list .urls .sales{background-image: url(../img/ico-sales.png);}
#nav .sub-nav .contact-list .urls .service{background-image: url(../img/ico-contact.png);}
#nav .sub-nav .contact-list .urls .suggestions{background-image: url(../img/ico-message-0.png);}
#nav .sub-nav .contact-list .email{line-height: 24px;font-size: 16px;background-image: url(../img/ico-email-0.png);background-repeat: no-repeat;background-position: left center;padding-left: 50px;margin-top: 13px;margin-right: 4%/*8.09716599%*/;}
#nav .sub-nav .contact-list .company{width: 60%;/*width: 53.036437%;*/margin-top: -10px;}
#nav .sub-nav .contact-list .company .name{font-size: 20px;color: #003586;margin-bottom: 10px;}
#nav .sub-nav .contact-list .company .brief{line-height: 16px;font-size: 14px;color: #666;}
#header-blank{height: 85px;display: none;}
#header.on{height: 85px;padding-top: 0px;}
#header.on .top{height: 36px;overflow: visible;}
/*#header ~ .fixedMenu.fixed , #header ~ * .fixedMenu.fixed , #header ~ #focus-map.contact , #header ~ #focus-map-p.contact{top: 103px;}*/
/*#header.on ~ .fixedMenu.fixed , #header.on ~ * .fixedMenu.fixed , #header.on ~ #focus-map.contact , #header.on ~ #focus-map-p.contact{top: 140px;}*/
/*#header.on ~ #product-detail .product-tag.fixed{top: 209px;}*/
/*html[lang="cn"] #nav .nav-list .item.pg-on > a , html[lang="cn"] #nav .nav-list .item.on > a , html[lang="cn"]  #nav .nav-list .item:hover > a{font-weight: bold;}*/
#holiday{width: 100%;height: 0;top: 0;right: 0;left: 0;z-index: 5;-webkit-transition-property: height,top;-moz-transition-property: height,top;-ms-transition-property: height,top;-o-transition-property: height,top;transition-property: height,top;}
#holiday .close{width: 40px;height: 40px;background-image: url(../img/holiday-close.svg);background-repeat: no-repeat;background-position: center center;background-size: 100% auto;top: 10px;right: 50px;}
@media only screen and (max-width: 768px){
	#holiday .close{width: 25px;height: 25px;top: 5px;right: 5px;}
}




@media only screen and (max-width: 1680px){
	.contact-form .form .form-item.e{margin-left: 0;}
	.contact-form .form .form-item.e .name{width: 95px;}

	.inner-menu-1 .inner-search-form .text.download{width: 220px;}

	#service .service-title{font-size: 22px;}
}

@media only screen and (max-width: 1500px){
	#header{height: 83px;}
	#header.on{height: 83px;}
	/*#header ~ .fixedMenu.fixed , #header ~ * .fixedMenu.fixed , #header ~ #focus-map.contact , #header ~ #focus-map-p.contact , #header[class] ~ * .join-list .item .main{top: 83px;}*/
	/*#header.on ~ .fixedMenu.fixed , #header.on ~ * .fixedMenu.fixed , #header.on ~ #focus-map.contact , #header.on ~ #focus-map-p.contact , #header[class] ~ * .join-list .item .main{top: 120px;}*/
	/*#header.on ~ #product-detail .product-tag.fixed{top: 170px;}*/
    #header .top .item a{font-size: 12px;}
	#nav{height: 83px;}
	html[lang="en"] #nav .nav-list{margin-left: 2%;}
	#nav .nav-list .item{line-height: 83px;margin-left: 60px;}
    #nav .nav-list .item > a{font-size: 16px;}
    html[lang="en"] #nav .nav-list .item > a{font-size: 14px;}
	#nav .sub-nav .contact-list{margin-left: 0/*15%*/;}
	#nav .search{margin-top: 25px;}
	#nav .search .text{width: 180px;}
    #nav .hotline{font-size: 20px;margin-top: 26.5px;}
    #nav .sub-nav .title{font-size: 14px;margin-bottom: 15px;}
    #nav .sub-nav .contact-list .urls .ico{font-size: 14px;}
    #nav .sub-nav .contact-list .message-btn{width: 120px;height: 40px;line-height: 40px;margin-top: 5px;}
    #header-blank{height: 120px;}

	
}

@media only screen and (max-width: 1440px){
    .wrap{width: 85%;}
    .wrap1200{width: 85%;}
    #nav .nav-list .item{margin-left: 50px;}
    #nav .nav-list .item > a{font-size: 15px;}
    #nav .hotline{font-size: 18px;line-height: 28px;}
    #nav .search .text{font-size: 12px;}
   
    .inner-menu-1 .inner-search-form{margin-top: 9px;}
    .inner-menu-1 .inner-search-form .text{height: 42px;}
    #nav #logo img{max-height: 39px;}
	
}
.wrap h2{float: left;}
@media only screen and (max-width: 1280px){
    .wrap{width: 90%;}
    .wrap h2{float: none;}
    .links a{line-height:25px;}
    .wrap1200{width: 90%;}
    .productDetail .detail-base{width: 90%;}
    .productDetail .pro-wrap{width: 90%;}

    html[lang="cn"] #nav .nav-list{margin-right: 8%;}
	/*html[lang="en"] #nav .nav-list .item{margin-left: 40px;}*/
	#nav .hotline{margin-top: 10px;margin-right: 8px;margin-left: 4%;}
	html[lang="cn"] #nav .search{margin-top: 8px;margin-left: 4%;}
	#nav .search .text{height: 30px;}
    #nav .sub-nav .contact-list .email{margin-left: 4%;}
    #nav .sub-nav .contact-list .company .name{font-size: 16px;}
	
	
}

@media only screen and (max-width: 1024px){
    .links a {
    line-height: 25px;
}
	.block-1024{display: block;}
	.inline-block-1024{display: inline-block;}
	.none-1024{display: none;}

	html{overflow-x: hidden;}

	.anchor{top: -83px;}

	#header[class]{height: 83px;padding-top: 0;}
	#header:after{content: '';-webkit-transition-duration:400ms; -moz-transition-duration:400ms; -ms-transition-duration:400ms; -o-transition-duration:400ms; transition-duration:400ms;}
	#header.lock:after{background-color: #000;opacity: .6;position: fixed;z-index: 1;top: 0;right: 0;bottom: 0;left: 0;}
	#header.lock #logo{opacity: .4;}
	#header .top{height: auto !important;position: relative;top: 0;overflow: hidden;}
	#header .top .wrap{width: 100%;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap; flex-wrap: wrap;}
	#header .top .wrap:before , #header .top .wrap:after{display: none;}
	#header .top .wrap > .item{-webkit-order: 1;order: 1;}
	#header .top .item{width: 100%;min-width: 0;font-size: 14px;padding: 10px 20px;border-bottom: 1px solid #ccc;float: none;text-align: left;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing: border-box;}
	#header .top .item a{font-size: 14px;padding: 0;}
	#header .top .main{width: 100%;background-color: transparent;float: none;-webkit-order: 2;order: 2;}
	#header .top .lang{background-color: transparent;margin-top: 0;}
	#header .top .ext > a{display: none;}
	#header .top .ext:hover , #header .top .ext:hover .drop{background-color: transparent;box-shadow: none;}
	#header .top .phone-on > a{display: block;}
	#header .top .phone-on > a i{display: none;}
	#header .top .phone-on > a:after{width: auto;height: auto;font-family: FontAwesome;font-size: 22px;background-color: transparent;position: absolute;z-index: 1;top: 0;right: 0;left: auto;content:"\f105";}
	#header .top .phone-on .drop{display: none;}
	/* #header .top .phone-on .drop[class]{width: 75%;min-width: 0;height: 100% !important;max-width: 600px;background-color: #fff;padding: 0 20px;position: fixed;z-index: 21;top: 0;right: -75%;bottom: 0;left: auto;overflow-y: auto;-webkit-transition-duration:400ms; -moz-transition-duration:400ms; -ms-transition-duration:400ms; -o-transition-duration:400ms; transition-duration:400ms;}
	#header .top .phone-on .drop[class] .btn{line-height: 30px;font-size: 16px;color: #fff;background-color: #ccc;padding: 5px 20px;margin: 0 -20px 20px;display: block;position: relative;z-index: 1;}
	#header .top .phone-on .drop[class] .btn:after{font-family: FontAwesome;font-size: 22px;position: absolute;z-index: 1;top: 10px;right: 20px;content:"\f105";} */
	#header .top .phone-on.on .drop[class]{right: 0;}
	#header .top .drop[class]{padding-top: 0;position: relative;visibility: visible;opacity: 1;text-align: left;}
	#header .top .line{display: none;}
	#header .top .share{display: none;}
	#header #menu-btn{display: block;}
	/*#header #menu-close.on{left: 2%;visibility: visible;opacity: 1;-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}*/
	#header #menu-close.on{right: 0;visibility: visible;display: block;}
	#header #menu{width: 75%;max-width: 600px;background-color: #fff;position: fixed;z-index: 20;top: 0;right: -75%;bottom: 0;overflow-x: hidden;}
	#header #menu.on{right: 0;}
	#header #menu > .main{padding: 40px 20px 0;}
	#header-blank{height: 83px;}
	/*#header[class] ~ .fixedMenu.fixed , #header[class] ~ * .fixedMenu.fixed , #header[class] ~ #focus-map.contact , #header[class] ~ #focus-map-p.contact , #header[class] ~ * .join-list .item .main{top: 83px;}*/
	
	#nav{z-index: 2;}
    #nav #logo{width: 35%;}
    #nav #logo ~ .hotline{line-height: 83px;font-size: 24px;/*background-image: none;padding: 0;*/margin: 0 5% 0 0;float: right;}
	#nav .nav-list{height: auto;margin-right: auto !important;margin-left: auto !important;float: none;}
	#nav .nav-list .item{line-height: 30px;padding: 10px 20px;border-bottom: 1px solid #ccc;margin-left: auto !important;float: none;}
	#nav .nav-list .item:hover:after{width: 0;}
	#nav .nav-list .item[hover-sub]:after{width: auto;height: auto;font-family: FontAwesome;font-size: 22px;background-color: transparent;position: absolute;z-index: 1;top: 10px;right: 20px;left: auto;content:"\f105";}
	#nav .nav-list .item > a{font-size: 14px;}
	#nav .search{margin-left: 0;float: none;}
	#nav .search .text{width: 100%;}
	#nav .hotline{line-height: 26px;font-size: 18px;margin-top: 15px;margin-bottom: 40px;margin-left: auto;float: none;}
	#nav .sub-nav{width: 75%;height: 100% !important;max-width: 600px;background-color: #fff;padding: 0 20px;position: fixed;z-index: 21;top: 0;right: -75%;bottom: 0;left: auto;overflow-y: auto;}
	#nav .sub-nav.on{right: 0;}
	#nav .sub-nav .btn{line-height: 30px;font-size: 16px;color: #fff;background-color: #ccc;padding: 5px 20px;margin: 0 -20px 20px;display: block;position: relative;z-index: 1;}
	#nav .sub-nav .btn:after{font-family: FontAwesome;font-size: 22px;position: absolute;z-index: 1;top: 5px;right: 20px;content:"\f105";}
	#nav .sub-nav .main{padding-top: 0;border-top: 0;}
	#nav .sub-nav .lists{width: 100%;float: none;}
	#nav .sub-nav .lists .list{width: 100%;margin-bottom: 20px;float: none;}
	#nav .sub-nav[sub='about'] .lists .list{width: 100%;margin-bottom: 20px;float: none;}
	#nav .sub-nav .title{font-size: 14px;margin-bottom: 10px;}
	#nav .sub-nav .lists .list .i{margin-top: 10px;margin-bottom: 0;font-size:12px;}
	#nav .sub-nav .line{display: none;}
	#nav .sub-nav .bigimg{width: 100%;float: none;}
	#nav .sub-nav .contact-list{margin-left: 0;}
	#nav .sub-nav .contact-list .message-btn{margin-top: 20px;margin-bottom: 20px;float: none;}
	#nav .sub-nav .contact-list .info{width: 100%;margin-left: 0;float: none;}
	#nav .sub-nav .contact-list .urls{width: 100%;float: none;}
    #nav .sub-nav .contact-list .email{width: 100%;margin-left: 0;float: none;}
    #nav .sub-nav .contact-list .company{width: 100%;margin-top: 20px;float: none;}
    #nav .sub-nav .contact-list .company .name{font-size: 14px;}
	/*#nav .lang{margin-top: 20px;}
	#nav .lang span{font-size: 14px;color: #666;margin-right: 10px;}
	#nav .lang a{font-size: 14px;margin-right: 20px;}
	#nav .lang .on{color: #003586;}*/

	
}


@media only screen and (max-width: 768px){
    .links a {
    line-height: 25px;
}
	.none-768{display: none;}
    .inline-768{display: inline;}
    .block-768{display: block;}

	.anchor{top: -80px;}

	/*#header.on ~ #product-detail .product-tag.fixed{top: 130px;}*/

	#header{height: 80px;}
	#header #menu-btn{line-height: 80px;font-size: 32px;}
	/*#header-blank{height: 80px;}*/
	#nav{height: 80px;}
	#logo{max-width: 50%;}
	#nav #logo ~ .hotline{line-height: 80px;font-size: 18px;}
    #nav .sub-nav .contact-list .message-btn{width: 120px;height: 40px;line-height: 40px;}
    #nav .sub-nav .contact-list .info{background-size: 25px auto;background-position: left 3%;padding-left: 35px;}
    #nav .sub-nav .contact-list .info .phone{font-size: 14px;}
    #nav .sub-nav .contact-list .info .phone span{font-size: 16px;}
    #nav .sub-nav .contact-list .urls .ico{padding-left: 35px;margin-left: 0;display: block;}
    #nav .sub-nav .contact-list .urls .service{background-size: 25px auto;}
    #nav .sub-nav .contact-list .urls .suggestions{background-size: 25px auto;}
	
	
}

@media only screen and (max-width: 414px){
    .links a {
    line-height: 25px;
}

    .anchor{top: -50px;}

    #header[class]{height: 50px;}
    #nav{height: 50px;}
    /*#nav #logo{width: 50%;}*/
    #nav #logo ~ .hotline{line-height: 50px;font-size: 12px;background-size: 16px;padding-left: 20px;}
    #header #menu-btn{line-height: 50px;font-size: 26px;}
    #header-blank{height: 50px;}
    #header[class] ~ .fixedMenu.fixed , #header[class] ~ * .fixedMenu.fixed , #header[class] ~ #focus-map.contact , #header[class] ~ #focus-map-p.contact , #header[class] ~ * .join-list .item .main{top: 50px;}

    /*#header.on ~ #product-detail .product-tag.fixed{top: 100px;}*/

   
}