@charset "UTF-8";

img{-webkit-transition: all 0.5s;

  -moz-transition: all 0.5s; -ms-transition: all 0.5s;  transition: all 0.5s;

  border:0;display: inline-block;

}

a{color:#333;-webkit-transition: all .2s;-moz-transition: all .2s; -ms-transition: all .2s;transition: all .2s;}

a.tran0 {-webkit-transition: all 0s;-moz-transition: all 0s; -ms-transition: all .2s;transition: all 0s;}



body{font-size: 14px;

    background-size: cover;

    -ms-behavior: url(../css/backgroundsize.min.htc);

    behavior: url(../css/backgroundsize.min.htc);

	color:#343434;

}

.pc-hide {
  display: none;
}

.wrap { width:90%; max-width:1600px; margin:0px auto; }

.wrap2 { width:90%; max-width:1400px; margin:0px auto; }



.bg-dbe7ed { background:#dbe7ed; }

.bg-fff { background:#fff; }

.bg-f2f5f7 { background:#f2f5f7; }

.bg-11223e { background:#11223e; }

.bg-1b9dd8 { background:#1b9dd8; }

.bg-f6f6f6 { background:#f6f6f6; }

.bg-f9f9f9 { background:#f9f9f9; }

.bg-000 { background:#000; }

.bg-e5e5e5 { background:#e5e5e5; }





.more-btn { width:17.75em; }

.more-btn a { display:block; height:4.5em; background:url(../images/but01.png) no-repeat center top; background-size:100% 300%; }

.more-btn a:hover { background-position:center bottom; }



.text_justify { text-align:justify; }

.text_none { text-transform:none; }



@font-face { font-family: 'impact';

	src: url('../fonts/impact.eot');

	src: url('../fonts/impact.eot?#iefix') format('embedded-opentype'),

		url('../fonts/impact.woff') format('woff'),

		url('../fonts/impact.ttf') format('truetype'),

		url('../fonts/impact.svg#impact') format('svg');

}



.impact { font-family: "impact"; }



.border-none { border-bottom:none!important; }



.jt-top { position:absolute; left:50%; bottom:-20px; margin-left:-10px;  width:0px; height:0px; border:10px solid #005bab; border-left:10px solid #005bab; border-right:10px solid #005bab; border-color:#005bab transparent transparent transparent; }





.jt-left {position:absolute; border:1.75em solid #006fb7; top:50%; left:0px; border-color:transparent transparent transparent #006fb7;}



.box_Arrow {

  border-bottom: 1px solid #fff;

  border-right: 1px solid #fff;

  width: 0.7142em;

  height: 0.7142em;

  background:transparent;

  transform: rotate(45deg);

  margin-top:-0.3571em;

  position:absolute;

  top:50%; right:0px;

}





.txt_justify {text-align: justify; }



.animation {transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; }







.rotate_45 {transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg); } 



/************************头尾公共部分开始******************************/



/*******************头部 公共部分 开始***************************/

.header { z-index:99; position:fixed; background:#fff; left:0px; top:0px; right:0px; }

.header .wrap { position:relative; }

/* .header .logo { height:2.0625em; float:left; margin-top:2.5em; margin-bottom:2.3125em; } */
.header .logo { /*height:4.96em;*/ width: 16.0625em; float:left; margin-top:1em; margin-bottom:1em; }

.header .logo a { display:block; /*height:100%;*/ width: 100%;}

.header .logo img { /*height:100%;*/width: 100%; }

.header .ht-rt { position:absolute; right:0px; /*bottom:1px;*/ bottom:0.5em;}



.header .hd-language { float:right; position:relative; z-index:101; }

.header .hd-language dl dt { position:relative; color:#333; padding:1.375em 1.25em 1.375em 0px; }
.header .hd-language dl dt div { position:relative; display:inline-block; width:9em; }
.header .hd-language dl dt span { width:100%; text-align:center; }
.header .hd-language dl dt img { height:1.3125em; vertical-align:middle; margin-right:7px; }

.header .hd-language dl dt i { position:absolute; border:5.5px solid #999; border-width:7px 5.5px; border-color:#999 transparent transparent transparent; right:0px; top:50%; width:0px; height:0px; margin-top:-3.5px;}

.header .hd-language dl dd { position:absolute; display:none; padding:0.875em 0px; background:#fff; border:1px solid #dfdfdf;  left:50%; margin-left:-6.0714em; top:100%; width:12.1428em; }

.header .hd-language dl dd a { display:block; padding:0.5625em 1.5em; }

.header .hd-language dl:hover dd { display:block; }





/*******搜索部分********/

.header .in-search { float:right; position:relative; z-index:5; margin-right:2.5em;  }

.header .in-search .btn {width:1.5em; height:1.5em; cursor:pointer; background:url(../images/search-but01.png) no-repeat center center; background-size:100% 100%;  }

.header .in-search .search-wrap { position:absolute; padding-top:1em; right:-1em; overflow:hidden; top:100%; width:0px; }

.header .in-search .search { position:relative; background:#fff; border:1px solid #d7d7d7; border-radius:0.3em; box-shadow:0px 0px 0.2em rgba(0,0,0,0.2); }

.header .in-search .inp { padding:0.5em 3em 0.5em 1.25em; }

.header .in-search .inp input { background:none; width:100%; border:none; float:left; height:1.8125em; line-height:1.8125em; }

.header .in-search .but { position:absolute; cursor:pointer; border:none; top:0px; right:0px; width:2em; height:100%; bottom:0px;background:url(../images/search-but02.png) no-repeat center center; background-size:1.0714em 1.0714em; }

.header .in-search.on .search-wrap {  width:18.125em;  }

.header .language-change {
  height: 1.5em;
  margin-right: 1em;
  font-size: 18px;
}




.nav_phone_btn,.nav_phone{display: none;}



.phone-nav-bg { display:none; z-index:100; position:fixed; left:0px; top:0px; right:0px; bottom:0px; background:rgba(0,0,0,0.7); }



.html-hidden { height:100%; overflow:hidden; }



/* .header .nav ul li.li04  ul li:nth-child(3) { display:none; } */





/*******导航部分******/

.header .nav { float:left;}

.header .nav>ul {display:flex; justify-content:space-between; -webkit-justify-content:space-between; -moz-justify-content:space-between; }

.header .nav>ul>li{ display:inline-block; position: relative; margin-right:2.27em; }

.header .nav>ul>li>a{display: block; padding:1.6363em 0px; position: relative; }

.header .nav>ul>li>a>em{position: absolute; left:0px; bottom:0px; z-index:101; width:0; height:0.25em; background:#1b9dd8; transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all; }

.header .nav>ul>li.on>a>em { width:100%; }

.header .nav>ul>li.on>a { color:#1b9dd8; }

.header .nav>ul>li:hover>a>em{ width:100%; }

.header .nav>ul>li:first-child { margin-left:0px; }



.header .navlist{position: absolute; z-index: 100; width:13.75em; background:#fff; border:1px solid #dfdfdf; top:100%; display:none; left:0px; opacity:1;}

.header .navlist ul { padding:0.9325em 0em 0.9325em 2.125em; margin-top:1px; }

.header .navlist ul li { padding:0.9325em 0px; }

.header .navlist ul li a{display:block; color:#999; line-height:1.4;  position:relative; }

.header .navlist ul li a:hover { color:#1b9dd8; }



.header .nav>ul>li.li01 .navlist { width:18.125em;   } 

.header .nav>ul>li.li02 .navlist { width:100%; min-width:14.375em;  }

.header .nav>ul>li.li02.on>a>em { width:100%; }

.header .nav>ul>li.li02:hover>a>em { width:70%; }

.header .nav>ul>li.li03 .navlist { width:15em;  } 



.scrollHeader .header  { background:#fff; box-shadow:0px 0px 5px rgba(0,0,0,0.3); }

.scrollHeader .header .nav>ul>li.on>a>em { background:#006fb7; }





.main { margin-top:6.875em; }









.footer { padding-top:5.125em; position:relative; background:#f0f2f6; border-top:0.625em solid #1b9dd8;   }

.footer .wrap { max-width:1400px; }

.footer  .ft-contact { width:26.42%; }

.footer  .ft-logo img { width:69.45%; max-width:16.0625em; }

.footer .ft-top { padding-bottom:3em; }

.footer .ft-email {  color:#666; padding-top:3.5714em; padding-left:0.25em; }

.footer .ft-email a { color:#666;}

.footer .ft-email a:hover { color:#1b9dd8; }

.footer .ft-email dl dd { padding:0.6428em 0px 0.6428em 36px; position:relative; }

.footer .ft-email dl dd i { width:15px; height:12px; position:absolute; left:2px; top:50%; margin-top:-6px; background:url(../images/email-ico01.png) no-repeat center center; background-size:100% 100%;  display:inline-block; }





.footer .ft-share { padding:6em 0px 0px; }

.footer .ft-share ul li { display:inline-block; }

.footer .ft-share ul li a { display:inline-block; margin:0px 1.25em 0px 0.25em; width:1.625em; height:1.625em; }

.footer .ft-share ul li a.a1 { background:url(../images/ft-share-ico01.png) no-repeat center center; background-size:100% 100%;  }

.footer .ft-share ul li a.a2 { background:url(../images/ft-share-ico02.png) no-repeat center center; background-size:100% 100%;  }

.footer .ft-share ul li a.a3 { background:url(../images/ft-share-ico03.png) no-repeat center center; width:2em; background-size:100% 1.75em;  }

.footer .ft-share ul li a.a4 { background:url(../images/ft-share-ico04.png) no-repeat center center; background-size:100% 100%;  }

.footer .ft-share ul li a.a5 { background:url(../images/ft-share-ico05.png) no-repeat center center; background-size:100% 100%;  }

.footer .ft-share ul li a:hover { opacity:0.7; filter:alpha(opacity=70); }



.footer .ft-nav { width:66%; margin-top:-0.25em;  }

.footer .ft-nav dl { }

.footer .ft-nav dl dt a {  display:inline-block; }

.footer .ft-nav dl dt { padding-bottom:1.5625em; }

.footer .ft-nav dl dd p { padding:0.5625em 0px; }

.footer .ft-nav dl dd a { color:#666; }

.footer .ft-nav dl dd { line-height:1.3; }

.footer .ft-nav dl dd a:hover { color:#1b9dd8; }





.footer .ft-copy {border-top:1px solid #d5d7da; color:#b2b2b2; padding:1.375em 5%;  } 

.footer .ft-copy a { color:#b2b2b2; padding:0px 0.25em; }

.footer .ft-copy a:hover { color:#1b9dd8; }

.footer .ft-copy .copyright { overflow:hidden; }

.footer .ft-copy .copyright span { display:inline-block;}

.footer .ft-copy .legal { padding-right:1.75em; }

.footer .ft-copy .legal a { margin:0px 0.75em; }





.agree .container { padding-bottom:8.125em; }

.ft-agree { position:fixed; left:0px; padding:1em 5em; z-index:11; height:8.125em; color:#fff; width:100%; bottom:0px; right:0px; background:#129eda; }

.ft-agree .tit { padding-left:3.5625em; }

.ft-agree .tit span { display:inline-block; min-width:9.5em; border:1px solid #fff; line-height:2.5; border-radius:1.25em;cursor: pointer; }

.ft-agree .txt a { color:#fff; }

.ft-agree .txt a:hover { text-decoration:underline; }

.ft-agree .close { position:absolute; right:1.4375em; top:1.1875em; border:1px solid #fff; border-radius:50%; width:2.125em; height:2.125em; cursor:pointer; }

.ft-agree .close i { background:#fff; display:inline-block; position:absolute;transform:translate(-50%,-50%) rotate(45deg);-webkit-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg); left:50%; top:50%;  }

.ft-agree .close i.i1 { width:50%; height:0.1875em; }

.ft-agree .close i.i2 {  width:0.1875em; height:50%; }



.sub-current { padding:1.0375em 0px; }

.sub-current a:first-child { margin-left:0px; }

.sub-current  a { color:#fff; margin:0px 0.5em; }

.sub-current  a:hover { text-decoration:underline; }

.sub-current span { padding-left:0.5em; }



/*******************头部 公共部分 结束***************************/

/*视频*/

.video_place{position: fixed;top:0px;left: 0px;right: 0px;

    bottom: 0px;background-color: rgba(0,0,0,0.7);

    z-index: 999999999;

}

.lt9 .video_place{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000")}

.video_con{z-index:2;/*top:14%;left:22.1875%;*/background: #000;  width:55.625%;

    background-color: #000;position: absolute;top: 50%;left: 50%;

    transform: translate(-50%,-50%);text-align: center;

}

.lt9 .video_con{top:14%;left:22.1875%;background: #000; height:72%; width:55.625%;}

.video_con video{/*width: 100%;height: 100%; object-fit:fill;*/}

.video_close_btn{ position:relative; border:0.125em solid #fff; width:2.1875em; height:2.1875em; border-radius:50%; cursor:pointer; }

.video_close_btn i {position:absolute;  background:#fff; display:inline-block; position:absolute;transform:translate(-50%,-50%) rotate(45deg);-webkit-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg); left:50%; top:50%;  }

.video_close_btn i.i1 { width:1.25em; height:0.25em; }

.video_close_btn i.i2 {  width:0.25em; height:1.25em; }

.video_place .con { position:relative; }

.video_place .head  {position:absolute;top:0px;left:0px; background:#000; z-index:2; width:100%; padding:0.75em 1em; color: #fff;

 }

.video_place .head .title { padding-right:2em; } 	

	

	

/*视频结束*/







.aside-rt { position:fixed; top:50%; right:0px; z-index:10; margin-top:-6.5625em; display:none; }

.aside-rt ul li { margin-top:1px; background:#fff; position:relative; }

.aside-rt ul li .ico { border:1px solid #f0f2f6; width:4.375em; height:4.375em; }

.aside-rt ul li .ico img { width:100%; }

.aside-rt ul li .text { position:absolute; width:8.75em; right:-8.75em; top:0px; height:100%; background:#1b9dd8; } 

.aside-rt ul li .text img { height:100%; }

.aside-rt ul li .text a { color:#fff; height:100%; }

.aside-rt ul li:first-child .text { background:#dd4634; }

.aside-rt ul li:hover .text { right:0px; }







.gotop { position:fixed; right:2.5em; z-index:12; cursor:pointer; bottom:9em; background:url(../images/gotop.jpg) no-repeat center; height:3.5em; width:3.5em;  }





.sin-pic-list { padding-bottom:6.25em; padding-top:3em; }

.sin-pic-list .title { padding:0.5em 0px; }

.sin-pic-list .list ul { margin:0px -1.2045emem; }

.sin-pic-list .list ul li { float:left; width:25%; }
.sin-pic-list .list ul li span{display: block; }
.sin-pic-list .list ul li .con { margin:1.2045em 1.2045em 0.75em;}

.sin-pic-list .list ul li .img { position:relative; padding-bottom:88.89%; }

.sin-pic-list .list ul li .bg { position:absolute; left:0px; bottom:0px; right:0px; width:100%; height:50%; }

.sin-pic-list .list ul li .con:hover .bg { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(27, 157, 216, 1) 80%);}

.sin-pic-list .list ul li h3 { line-height:1.3; margin-top:0.909em;  max-height:2.6em; }





.sub-bn { position:relative;  }

.sub-bn .img { padding-bottom:20.833%; }

.sub-bn .text { position:absolute; left:0px; top:0px; height:100%; width:100%; bottom:0px; right:0px; }

.sub-bn .sub-current { position:absolute; left:0px; bottom:2.2%; right:0px; width:100%; }









.pro-pic-scroll .head { padding:3.75em 0px 3.5em; }

.pro-pic-scroll .head h3 { padding-bottom:0.2em; }

.pro-pic-scroll .head h4 { line-height:1.5;  }

.pro-pic-scroll .picbig-wrap .wrap2 { overflow:hidden; position:relative; }

.pro-pic-scroll .picbig-wrap .img { padding-bottom:51.42%; }

.pro-pic-scroll .picbig-wrap .btn {width:3.75em; cursor:pointer; color:#c4c5ca; border-radius:50%; border:2px solid #c4c5ca; height:3.75em; position:absolute; z-index:3; top:50%; margin-top:-1.875em;  }

.pro-pic-scroll .picbig-wrap .btn span {  width:15px; cursor:pointer;  height:15px; left:50%; border-left:3px solid #c4c5ca; border-top:3px solid #c4c5ca; position:absolute; top:50%; }

.pro-pic-scroll .picbig-wrap .swiper-prev1 { left:10px; }

.pro-pic-scroll .picbig-wrap .swiper-prev1 span {transform:translate(-50%,-50%) rotate(-45deg);margin-left:4px;-webkit-transform:translate(-50%,-50%) rotate(-45deg);-ms-transform:translate(-50%,-50%) rotate(-45deg);  }

.pro-pic-scroll .picbig-wrap .swiper-next1 { right:10px; }

.pro-pic-scroll .picbig-wrap .swiper-next1 span {transform:translate(-50%,-50%) rotate(135deg);margin-left:-4px;-webkit-transform:translate(-50%,-50%) rotate(135deg);-ms-transform:translate(-50%,-50%) rotate(135deg);  }

.pro-pic-scroll .picbig-wrap .swiper-button-disabled {opacity:0.3; filter:alpha(opacity=30); cursor:default; }





.pro-pic-scroll .picsml-wrap { padding:1.5em 0px; }

.pro-pic-scroll .picsml-wrap .img { padding-bottom:65.72%; cursor:pointer; }

.pro-pic-scroll .wrap2 { overflow:hidden; }







.related-products { padding:3.9375em 0px 5.875em;  }

.related-products .list { padding:0px 6.25em; position:relative; margin-top:0.75em; }

.related-products .list .rel-pro-swiper { overflow:hidden; }

.related-products .list ul li { float:left; width:25%; }

.related-products .list ul li .con { padding:0.875em 1em 1.275em; }

.related-products .list .img { position:relative; padding-bottom:41%; margin:1.75em 0px; }

.related-products .list .img img { width:auto; height:auto; max-width:90%; max-height:100%; }

.related-products .list .btn { width:2em; cursor:pointer; color:#000; height:2em; position:absolute; z-index:3; top:50%; margin-top:-1em;  }

.related-products .list .btn span {  width:15px; cursor:pointer;  height:15px; left:50%; border-left:3px solid #7d8588; border-top:3px solid #7d8588; position:absolute; top:50%; }

.related-products .list .rel-pro-prev1 { left:2.625em; }

.related-products .list .rel-pro-prev1 span {transform:translate(-50%,-50%) rotate(-45deg);-webkit-transform:translate(-50%,-50%) rotate(-45deg);-ms-transform:translate(-50%,-50%) rotate(-45deg);  }

.related-products .list .rel-pro-next1 { right:2.625em; }

.related-products .list .rel-pro-next1 span {transform:translate(-50%,-50%) rotate(135deg);-webkit-transform:translate(-50%,-50%) rotate(135deg);-ms-transform:translate(-50%,-50%) rotate(135deg);  }



.related-products .list .swiper-button-disabled {opacity:0.3; filter:alpha(opacity=30); cursor:default; }

.related-products .list .tit { padding-bottom:0.1363em; }













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



.header .nav>ul>li { margin-right:1.5em; }



}





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

.header .nav>ul>li { margin-right:1em; }

.header .in-search { margin-right:1.5em; }

.header .logo{width: 15.8em;}

}
@media only screen and (max-width: 1500px){
  .header .logo{width: 15em;}
}


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

.sin-pic-list .list ul { margin:0px -0.5em; }

.sin-pic-list .list ul li .con { margin:0.5em 0.5em 1em; }

.header .logo{width: 15.5em;}

}





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

.header .in-search { position:absolute; right:24em; top:-1em; }

.header .hd-language { position:absolute; right:0px; top:-1em; }

.header .hd-language dl dt { padding-top:0px; padding-bottom:0px; } 

.header .nav>ul>li>a { padding:1.25em 0px; }

/* .header .wrap { padding:1em 0px 3.8125em; } */
.header .wrap { padding:1em 0px 1.5em; }

.header .logo {width: 15.5em; margin-top:0px; margin-bottom:0px; }
.header .hd-language dl dt div { width:auto; }
.header .hd-language dl dt span { position:relative; left:auto; top:auto;transform:translate(0%,0%); -webkit-transform:translate(0%,0%);}
.header .hd-language dl dt span br { display:none; }
.header .hd-language dl dd { left:0px; margin-left:0px; width:100%; }
}



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













}





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



.footer .ft-contact { width:100%; }

.footer .ft-nav { width:100%; margin-top:2em; }

.footer  .ft-logo { float:left; width:100%; }

.footer .ft-email { float:left; width:50%; padding-top:2em;  }

.footer .ft-share { float:right; padding-top:4.5em; }

.ft-agree { padding:1em 4em 1em 2em; }





.more-btn { width:12em; }

.more-btn a { height:3.0625em; }

 



.sin-pic-list .list ul li { width:50%; }

.sin-pic-list { padding:1em 0px 2em; }









}











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



.ft-agree .txt  br { display:none; }



	

}



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





}



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





.nav_phone_btn,.nav_phone{display: block;}

/*手机导航按钮开始*/

.nav_phone_btn{ position:absolute; top:50%; margin-top:-10px; width:0.5rem; z-index:101; right:0px; transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all; }

.nav_phone_btn{display: block;cursor: pointer; height:24px;}

.nav_phone_btn span {position:absolute;font-size: 0; left:0px; top:8px;width:0.5rem;height:2px;background-color: #129eda;display: inline-block;transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out;}

.nav_phone_btn span:before,.nav_phone_btn span:after {content: "";position: absolute;width: 100%;height: 2px;background-color:#129eda;left:0px;transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out;}

.nav_phone_btn span:before{top:-8px;}

.nav_phone_btn span:after{top:8px;}

.visible_nav.nav_phone_btn { right:80%; }

.visible_nav.nav_phone_btn span{background-color: transparent;}

.visible_nav.nav_phone_btn span:before{left:5px;top:0px;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);}

.visible_nav.nav_phone_btn span:after{top:0px;left: 5px;transform: rotateZ(-45deg);-webkit-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);}

.body_nav_phone .phone-nav-bg { display:block;}

/*手机按钮结束*/

.pc-hide {
  display: block;
}

.header .language-change {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 101;
  right: 1.5em;
  font-size: 16px;
}


/*手机导航内容*/

.nav_phone{display:block;position:fixed; z-index:101;top:0px;bottom: 0px;right:-74%;width:74%;left:auto;transition:left 0ms ease-out;-webkit-transition:left 0ms ease-out;transition:right 250ms ease-out;-webkit-transition:right 250ms ease-out;overflow: hidden;}

body.body_nav_phone .nav_phone{right:0;left:auto;}

.nav_phone_tit{box-sizing:border-box;height:4.166em;width: 100%;position:relative; color:#666; background:#fff; border-bottom:0.02rem solid #dadada; }

.nav_phone_tit span{display: inline-block; position:absolute; left:1.4166em; right:0px; top:50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -o-transform: translate(0,-50%); -moz-transform: translate(0,-50%); }

.nav_phone_tit .language { position:absolute; right:0.2rem; top:50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -o-transform: translate(0,-50%); -moz-transform: translate(0,-50%);  }





.nav_phone_con{position: absolute;top:4.166em;bottom: 0px;width: 100%;background: #fff;overflow: hidden;}

.nav_phone_con .phone-con {overflow-y: auto;overflow-x: hidden;position: absolute;bottom:0px;top:1em; left:1.4166em; right:0px;}

.nav_phone_con  .phone-con>ul>li {line-height:2.667;border-bottom: 2px solid #d7d7d7;}

.nav_phone_con  .phone-con>ul>li a{opacity: 1;box-sizing: border-box;width: 100%;color: #333;display: inline-block;position: relative;-ms-transition: all 250ms ease-out;transition: all 250ms ease-out;}

.nav_phone_con  .phone-con>ul>li>a .btn { position:absolute; right:0px; top:0px; bottom:0px; width:3em; border-left:2px solid #d7d7d7;  }

.nav_phone_con  .phone-con>ul>li>a em,.nav_phone_con  .phone-con>ul>li> ul>li>a em{display: inline-block;width:0.75em;height:0.75em;border-right: 3px solid #b2b2b2;border-bottom: 3px solid #b2b2b2;position: absolute;top:50%;right:1.2em;margin-top:-0.375em;transform: rotate(-45deg); -webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}

.nav_phone_con  .phone-con>ul>li ul {overflow-y: auto;overflow-x: hidden;position: absolute;top:0;bottom: 0px;width: 100%;background: #fff;opacity: 0;visibility: hidden;right:-100%;-ms-transition: all 250ms ease-out;transition: all 250ms ease-out;z-index: 3;}

.nav_phone_con  .phone-con>ul>li ul li{line-height:1.5; padding:0.75em 0px;border-bottom:0.02rem solid #d7d7d7;}

.nav_phone_con  .phone-con>ul>li ul li:first-child { border-bottom:none; }

.nav_phone_con  .phone-con>ul>li ul li:first-child a {color: #005bac; font-weight:bold; }

.nav_phone_con  .phone-con>ul>li.on>a{opacity: 0;}

.nav_phone_con  .phone-con>ul>li.on ul,.nav_phone_con  .phone-con>ul>li ul li.on dl{opacity: 1;visibility: visible;right:0;}

.nav_phone .alink { padding-top:2em; }

.nav_phone .alink a { display:inline-block; }

.nav_phone .alink span { display:inline-block; padding:0p 0.25em; height:1.5em; position:relative;}

.nav_phone .alink span i { width:1px; left:0px; margin-top:-5px; height:10px; background:#333; position:absolute; top:50%; }



.nav_phone .phone-search {  margin:0.833em 1.4166em 1em 0px; padding:0px 1.79em; background:#e7e7e7; border-radius:1em; }

.nav_phone .phone-search input { float:left; width:100%; line-height:2; background:none; border:none; }







/*手机导航内容结束*/

.header { background:#fff; }

.header .wrap { padding:0px; }

.header .logo { /*padding:0.833em 0px;*/padding:0.25em 0px; z-index:3; height:auto; width: 10.7em; margin-top:0px; position:relative; left:0px; top:0px; }

.header .logo a { height:auto; }

/* .header .logo img { height:1.33em; } */
.header .logo img { /*height:3.5em; width: 10.7rem;*/ }

.header .ht-rt { padding-top:0px; width:100%; top:0px; bottom:0px; height:100%; }

.header .hd-con { padding-top:0px; }

.header .hd-top { display:none; }



.wrap { margin:0px 0.4rem; }



.main { margin-top:2.996em; }







.footer { padding-top:2em; padding-top:0.375em solid #1b9dd8; }

.footer .ft-logo img { max-width:10.7083em; }

.footer .ft-email { width:100%; padding-top:1em; }

.footer .ft-email dl dd i { width:1em; height:0.875em; margin-top:-0.4375em; }

.footer .ft-email dl dd { padding:0.5em 0px 0.5em 1.5em; }

.footer .ft-share { width:100%; padding-top:2em; }

.footer .ft-share ul li a { width:1.25em; height:1.25em; margin:0px 1em 0px 0.25em;  }

.footer .ft-nav dl { width:100%; padding-bottom:2em; }

.footer .ft-nav dl dt { font-weight:bold; padding-bottom:0.5em; }

.footer .ft-nav dl dd p { display:inline-block; margin-right:1.5em; }

.footer .ft-nav dl dd p br { display:none; }

.footer .ft-top { padding-bottom:0px; }





.body_nav_phone  { height:100%; overflow:hidden; }





.aside-rt ul li .ico { width:2.833em; height:2.833em; }

.ft-agree { height:15em; }

.ft-agree .tit span { line-height:2em; min-width:6em; }



.gotop { right:0px; bottom:1em; }



.agree .container { padding-bottom:15em; }





.sub-current { padding:0.75em 0px; }



.sub-bn .img { padding-bottom:50%; }





.video_con { width:80%; }





.pro-pic-scroll .head { padding:2em 0px; }

.pro-pic-scroll .picbig-wrap .btn { width:2.5em; height:2.5em; }



.related-products { padding:2.5em 0px; }

.related-products .list { padding:0px 2.5em; }

.related-products .list .rel-pro-prev1 { left:0px; }

.related-products .list .rel-pro-next1 { right:0px; }

.related-products .list .img { margin:1em 0px; }

.related-products .list ul li .con { padding:0.5em; }







}



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





}





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





}



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

	







}



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







}