@charset "utf-8";
/* CSS Document */
/*切图：yly*/
html{ overflow-x: hidden; overflow-y: auto;}
*{ padding: 0; margin: 0;}
ul,ol,li,dl,dd,dt{ list-style-type: none; line-height: normal;}
body,button,input,select,textarea{ font-family: 'Microsoft yahei', Arial; font-size: 12px;}
code,kbd,pre,samp{ font-family: 'Microsoft yahei', Arial;}
address,caption,cite,code,dfn,i,em,th,var{ font-style: normal; font-weight: normal;}
a{ text-decoration:none; color:#333;
        transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
a:hover{ cursor:pointer; text-decoration: none; color: #0093dd;}
img{ border: 0; max-width: 100%;}
table{ border-collapse: collapse; border-spacing: 0;}
h1,h2,h3,h4,h5,h6{ margin: 0; font-weight: normal; font-family: 'Microsoft yahei',Arial;}
h1{ font-size: 36px;}
h2{ font-size: 24px;}
h3{ font-size: 22px;}
h4{ font-size: 18px;}
h5{ font-size: 14px;}
h6{ font-size: 12px;}
input,table,tr,td{ margin: 0; padding: 0; border: none;}
p{ margin: 0; padding: 0;}
button,table{ border: none; background: none; margin: 0; padding: 0;}
select{ margin: 0; padding: 0; font-family: 'Microsoft yahei', Arial; outline: none;}
textarea{ resize: none; outline: 0;}
input{ outline: 0;}
button{ outline: none;}
body{ overflow: hidden; background: #fff;}

.pz_top{ float: left; width: 100%; position: fixed; left: 0; top: 0; z-index: 99;}
.pz_banner{ float: left; width: 100%; overflow: hidden; position: relative; z-index: 8; }
.pz_main{ float: left; width: 100%; min-height: 200px;}
.pz_down{ float: left; width: 100%; background: #222222; padding: 80px 0;}

.w_1500{ margin:0 auto; width:1500px;}

/*top*/
.logo{ float: left; width: 244px; height: 61px; margin: 20px 0 0 0;}
.logo img:nth-child(2) {display:none;}
.so_box{ float: right; position: relative; z-index: 99; margin: 40px 0 0 0;}
.Search_but{ float: left; width: 18px; height: 18px; border:none;background:url(/Templates/cn/images/sear_sub.png) center no-repeat;}
.so_but{ display:none;float:left; width:282px; position:absolute; right:0; top:61px; z-index:99;}
.so{ float:left; width:100%; background:#fff; position:relative; border:1px solid #0093dd;}
.so .Search{ float:left; width:100%; height:36px; background:none; border:none; line-height:36px; padding:0 56px 0 10px; color:#414141; font-size:14px;}
.so .sear_sub{ float:right; width:50px; height:100%; border:none;background:url(/Templates/cn/images/sear_sub.png) center no-repeat #0093dd; position:absolute; right:0; top:0;}

/* menu */
.menu{ float: right; padding: 20px 40px 20px 0;}
.menu .nli{ float: left; padding: 0 35px; position: relative;}
.menu .nli span a{ float: left; color: #fff; font-size: 16px; line-height: 60px; position: relative;}
.menu .nli span a::after{ float: left; width: 0; height: 2px; position: absolute; left: 50%; top: 60px; content: '';  background: #fff; oz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
        transform:translateX(-50%);
   -moz-transform:translateX(-50%);
     -o-transform:translateX(-50%);}
.menu .nli.active span a::after,
.menu .nli:hover span a::after{ width:100%;}
.menu .sub{ display: none; float: left; position: absolute; left: 50%; top: 60px; width: 170px; margin-left: -85px; z-index: 66; padding-top:20px;}
.menu .sub::before{ content: ""; width: 0; height: 0; overflow: hidden; font-size: 0; line-height: 0; border-width: 8px; 
border-style: dashed dashed solid dashed; border-color: transparent transparent #e7eaf1 transparent; 
position: absolute; top: 4px; left: 50%; margin-left: -8px;}
.menu .sub li{ float: left; width: 100%; margin-bottom: 2px;}
.menu .sub li a{ float: left; width: 100%; text-align: center; color: #333; font-size: 16px; line-height: 40px; background: #e7eaf1;}
.menu .sub li a:hover{ background: #0093dd; color: #fff;}
.pz_top.on{ background: rgba(0,0,0,0.8);}
.pz_top.on .logo{ width: 170px; height: 42px; margin: 10px 0;}
.pz_top.on .menu{ padding: 2px 40px 2px 0;}
.pz_top.on .so_box{ margin: 24px 0 0 0;}
.pz_top.on .so_but{ top: 40px;}

.pc_top{ display:block;}		
.ph_top{ display:none;}
.pc_menu{ display:block;}
.menuph{ display:none;}
.xialaph{ display:none;}

/* 内页top */
.ny_top{ height: 100px; background: #fff;}
.ny_top.on{ height: 64px; box-shadow: 3px 3px 3px #ccc;}
.ny_top .logo{ width: 245px; height: 61px;}
.ny_top .logo img:nth-child(2) {display:block;}
.ny_top .logo img:nth-child(1) {display:none;}
.ny_top .menu .nli span a{ color: #333;}
.ny_top .menu .nli span a::after{ background: #0093dd;}
.ny_top .Search_but { background: url(/Templates/cn/images/sear_sub1.png) center no-repeat;}

@media screen and (max-width:1630px ) {
.w_1500{ width:1366px;}	
}
@media screen and (max-width:1400px ) {
.w_1500{ width:100%; padding:0 15px;}
}
@media screen and (max-width:1230px ) {
.logo{ width: 200px; height: 50px;}
.menu{ padding: 10px 40px 10px 0;}
.menu .nli{ padding: 0 10px;}
.so_box{ margin: 30px 0 0 0;}

.ny_top{ height: 76px;}
.ny_top .logo{ width: 200px; height: 50px; margin-top: 14px;}
}
@media screen and (max-width:1023px ) {
.logo{ width: 100px; height: 25px; margin: 7px 0 7px 0;}  
/* 修改开始 */
.pz_top.on .logo{ width: 100px; height: 25px;} 
/* 修改结束 */
.menu{ display:none;}
.so_box{ display:none;}
.pz_top{ height: 40px; background: #0093dd; border-bottom: 0;}
.so_but_ph{ float:left; width:100%; margin:15px 0;}
.so_but_ph .so .Search {line-height:24px; padding:6px 56px 6px 10px;}
.pz_banner{ margin-top: 40px;}

.ny_top{ height: 41px;}
.ny_top .logo{ width: 100px; height: 25px; margin: 7px 0 7px 0;}

.pc_top{ display:none;}		
.ph_top{ display:block;}
.pc_menu{ display:none;}
.menuph{ display:block;}
.xialaph{ display:block;}


/*手机按钮*/
.menuph{ float:right; width:28px; height:22px; cursor: pointer; text-align: center; margin:9px 0;}
.menuph .point {  display: inline-block;  width: 28px;  height: 22px; position: relative;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before {  width: 28px;  }
.menuph .navbtn{  position: absolute;  top: 10px;  right: 0;  display: inline-block;  width: 21px;  height: 2px;  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #fff;  }
.ny_top .menuph .navbtn{ background: #0093dd;}
.menuph .navbtn::after,
.menuph .navbtn::before {  position: absolute;  right: 0;  display: inline-block;  width: 28px;  height: 2px;  content: '';  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #fff;}
.ny_top .menuph .navbtn::after,
.ny_top .menuph .navbtn::before{ background: #0093dd;}
.menuph .navbtn::after {  top: -11px;  }
.menuph .navbtn::before {  top: 10px;  }
.menuph .point.active .navbtn{  background: transparent;  }
.menuph .point.active .navbtn::after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: 0px;  }
.menuph .point.active .navbtn::before {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px;  }

/*手机下拉*/
.xialaph{ position:fixed; left:0; top:0; float:left; width: 100%; height:100%; overflow:scroll; padding:40px 0 100px 0;  display: none;  z-index:98; background:#fff;}
.xialaph .ul2,
.xialaph .ul3{display: none;}
.xialaph h4 a{ float:left; width:60%; color: #333333;  font-size:16px; line-height: 50px;}
.xialaph h4 a span{ padding-left:6px; color:#ccc; font-size:14px;}
.xialaph h4{ float:left; width:100%; position:relative;}
.xialaph li:last-child h4::before{  content: '';  position: absolute;  bottom: 0;  left: 0;  width: 100%;  height: 1px;  background-color: #e7e7e7; /*opacity: 0.1;*/  }
.xialaph h4:hover a,
.xialaph h5:hover a{  color: #0093dd; }
.xialaph h4::after{  content: '';  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 1px;  background-color: #e7e7e7; /*opacity: 0.1;*/  }
.xialaph h5 a{ float:left; width:100%;  color: #1f1f1f;  font-size:14px; line-height: 40px;  text-transform:uppercase; }
.xialaph h5{ float:left; width:100%;position: relative;  }
.xialaph h5::after{  content: '';  position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 1px;  background-color: #e7e7e7; /*opacity: 0.05;*/  }
.xialaph li:last-child h5::after{  display: none;  }
.xialaph h4 img{  width: 15px;  height: 8px;  float: right;  margin-top: 24px;  cursor: pointer;  }
.xialaph h5 img{  width: 11px;  height: 6px;  float: right;  margin-top: 26px;  margin-right: 18px;  cursor: pointer;  }
.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s{  display: none;  }
.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d{  display: block;  }
.xialaph .ul2{ float:left; width:100%; padding:0 10px;}
.xialaph .ul3{  padding-top: 12px;  padding-bottom: 18px;  padding-left: 15px;  position: relative;  }
.xialaph .ul3::after{  content: '';  position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 1px;  background-color: #3c3a3a;  }
.xialaph li:last-child .ul3::after{  display: none;  }
.xialaph .ul3 li a{  color: #333;  font-size: 14px;  line-height: 35px;  display: block;  }
.xialaph .ul3 li{  padding-top: 5px;  }
.xialaph .ul3 li:first-child{  padding-top: 0;  }
.xialaph .phsou{  position: relative;  margin-top: 34px;}
.xialaph .phsou input{  width: 100%;  height: 56px;  background-color: #fff; color: #aaa;  font-size: 14px;  padding-left: 20px;  border: 1px solid #e5e5e5;  }
.xialaph .phsou img{  cursor: pointer;  width: 21px;  height: 22px;  position: absolute;  top: 17px; right: 29px;  }
.img_d, .disno{  display: none;  }
}


/* banner */
.slide_banner{ float: left; width: 100%; margin: 0; overflow: hidden; position: relative; line-height: 0;}
.slide_banner img{ width: 100%;}
.pz_banner .number{ float: left; position: absolute; left: 50%; bottom: 4.7%; margin-left: -22px; z-index: 66; font-size: 28px; color: #fff;}
.pz_banner .number span{ color: #0093dd;}
.pz_banner .slick-prev,.slick-next{ width: 24px; height: 20px; background: #fff; position: absolute; bottom: 5.6%; background: url(/Templates/cn/images/banner_btn.png) no-repeat center;}
.pz_banner .slick-prev{ left: 46%;}
.pz_banner .slick-next{ right: 45%;}
.zy_banner{ float: left; width: 100%; line-height: 0;}
@media screen and (max-width:1400px ) {
.pz_banner .slick-prev{ left: 45%;}
.pz_banner .slick-next{ right: 44%;}
}
@media screen and (max-width:1230px ) {
.pz_banner .number{ font-size: 20px;}
.pz_banner .slick-prev{ left: 43%;}
.pz_banner .slick-next{ right: 42%;}
}
@media screen and (max-width:1023px ) {
.pz_banner .slick-prev, .slick-next { bottom: 4%;}
}
@media screen and (max-width:768px ) {
.pz_banner .number{ font-size: 18px;}
.pz_banner .slick-prev, .slick-next { bottom: 5.5%;}
.pz_banner .slick-prev{ left: 35%;}
.pz_banner .slick-next{ right: 35%;}
}

/* home公司简介 */
.homeComp{ float: left; width: 100%; padding: 73px 0 123px 0; position: relative;}
.homeComp .pic{ width: 41.8%; float: left; position: relative;}
.homeComp .pic .bg{ width: 61.2%; height: 515px; background: url(/Templates/cn/images/main1.jpg) no-repeat top left;}
.homeComp .pic .bg .wz{ font-size: 48px; text-transform: uppercase; font-weight: bolder; transform: rotate(90deg) translate(200px, 150px); color: #7cc4ec;}
.homeComp .pic .bg .img{ margin: -3px 0 0 112px; width: 137%; line-height: 0;}
.compMore{ display: block; position: absolute; bottom: -20px; left: 0; width: 240px; height: 56px; line-height: 56px; font-size: 16px; margin-top: -23%; padding-left: 10.36%; color: #fff; background: #0093dd url(/Templates/cn/images/main3.png) no-repeat 62.5% center;}

.homeComp .text{ width: 52.67%; float: right; margin-top: 70px;}
.homeComp .text .entit{ font-size: 50px; font-weight: bold; text-transform: uppercase; color: #0093dd;}
.homeComp .text .cntit{ font-size: 26px; color: #616161;}
.homeComp .text .line{ width: 44px; height: 3px; margin: 30px 0 20px 0; background: #0093dd;}
.homeComp .text .info{ font-size: 16px; line-height: 36px; height: 210px; overflow: hidden; color: #666666;}
.homeComp .text .prof{ padding-top: 10px; margin-top: 35px; border-top: 1px solid #f0f0f0; overflow: hidden;}
.homeComp .text .prof li{ float: left; width: 33%; padding-bottom: 35px; text-align: center;}
.homeComp .text .prof .l1{ border-right: 1px solid #f0f0f0;}
.homeComp .text .prof .img{ display: inline-block; width: 30%; margin: 20px 0; line-height: 0;}
.homeComp .text .prof .ct{ font-size: 18px; color: #666666;}
.homeComp .text .prof .et{ font-size: 14px; color: #666666; text-transform: uppercase;}
.homeComp .text .prof .l1:hover .ct,.homeComp .text .prof .l2:hover .ct{ color: #0093dd;}
.homeComp .text .prof .l1:hover .et,.homeComp .text .prof .l2:hover .et{ color: #0093dd;}

.compRight{ position: absolute; top: -73px; right: 0; width: 130px; height: 840px; background: url(/Templates/cn/images/main7.jpg) no-repeat center;}
.compRight .line{ width: 1px; height: 260px; margin: 94px 70px 16px 60px; background: #eaeaea;}
.compRight .wz{ width: 290px; height: 130px; font-size: 14px; color: #666666; text-transform: uppercase; transform: rotate(90deg) translate(90px, 140px);}
@media screen and (max-width:1716px ) {
.compRight{ display: none;}
}
@media screen and (max-width:1600px ) {
.homeComp .pic .bg{ height: 360px;}
.homeComp .pic .bg .wz{ transform: rotate(90deg) translate(170px, 100px);}
.compMore{ bottom: -50px;}
.homeComp .text .line{ margin: 20px 0 10px 0;}
.homeComp .text .prof{ margin-top: 30px;}
.homeComp .text .info{ height: 108px;}
}
@media screen and (max-width:1230px ) {
.homeComp { padding: 50px 0 40px 0;}
.homeComp .pic .bg .wz { font-size: 45px; transform: rotate(90deg) translate(160px, 80px);}
.homeComp .pic .bg .img{ width: 120%; margin: 0px 0 0 107px;}
.homeComp .text{ margin-top: 50px;}
.homeComp .text .entit{ font-size: 40px;}
.homeComp .text .line{ margin: 5px 0;}
.homeComp .text .prof{ margin-top: 10px;}
.homeComp .text .prof .ct{ font-size: 16px;}
.homeComp .text .prof .et{ font-size: 12px;}
}
@media screen and (max-width:1023px ) {
.homeComp{ padding: 20px 0 20px 0;}
.homeComp .pic .bg{ background-size: 95%;}
.homeComp .pic .bg .img{ margin: 0px 0 0 70px;}
.homeComp .pic .bg .wz{ font-size: 30px; transform: rotate(90deg) translate(155px, 90px);}
.compMore{ bottom: 22px; width: 180px; height: 36px; line-height: 36px; font-size: 14px;}
.homeComp .text .entit{ font-size: 20px; }
.homeComp .text .cntit{ font-size: 18px;}
.homeComp .text .info{ line-height: 24px; height: 72px;}
.homeComp .text .prof .ct{ font-size: 14px;}
.homeComp .text .prof .et{ font-size: 12px;} 
}
@media screen and (max-width:768px ) {
.homeComp .pic{ width: 100%;}
.homeComp .pic .bg{ width: 100%; height: auto; background: none;}
.homeComp .pic .bg .wz{ display: none;}
.homeComp .pic .bg .img{ width: 100%; height: 150px; overflow: hidden; margin: 0;}
.homeComp .text{ width: 100%; margin-top: 20px;}
.meComp .text .entit{ font-size: 40px;}
.homeComp .text .entit{ font-size: 16px; }
.homeComp .text .cntit{ font-size: 14px;}
.homeComp .text .line{ height: 1px;}
.homeComp .text .info{ font-size: 14px;}
.homeComp .text .prof li { padding-bottom: 5px;}
.homeComp .text .prof .img { margin: 5px 0;}
.homeComp .text .prof .ct{ font-size: 14px;}
.homeComp .text .prof .et{ font-size: 12px;}
}

/* home标题 */
.homeTit{ float: left; width: 100%; margin-left: 20px; position: relative;}
.homeTit .title{ float: left;}
.homeTit .cntit{ font-size: 34px; position: absolute; left: 50px; top: 40px; font-weight: bold;}
.homeTit .ico{ float: right; width: 15px; height: 16px; margin-left: 25px; position: absolute; top: 55px; left: 180px;}
.homeTit .entit{ font-size: 28px; position: absolute; top: 85px; left: -20px; color: #a4ceee; text-transform: uppercase; font-weight: bold;}
.homeTit .entit:first-letter{ float: left; font-size: 100px; margin-top: -80px;}
.homeTit1 .title{ width: 440px; height: 106px; color: #fff; background: url(/Templates/cn/images/main8_1.png) no-repeat center;}
.homeTit1 .ico{ background: url(/Templates/cn/images/main9_1.png) no-repeat center;}
.homeTit2 .title{ width: 430px; height: 105px; color: #0093dd; background: url(/Templates/cn/images/main8_2.png) no-repeat center;}
.homeTit2 .ico{ background: url(/Templates/cn/images/main9_2.png) no-repeat center;}
.homeTit3 .title{ width: 430px; height: 105px; color: #0093dd; background: url(/Templates/cn/images/main8_3.png) no-repeat center;}
.homeTit3 .ico{ background: url(/Templates/cn/images/main9_3.png) no-repeat center;}
.homeMore{ float: right; display: block; font-size: 14px; color: #0093dd; padding: 16px 26px; margin: 70px 20px 0 0; border: 1px solid #68bfeb; text-transform: uppercase;}
.homeMore:hover{ color: #fff; border: 1px solid #fff; background: #0093dd;}
@media screen and (max-width:1230px ) {
.homeTit .cntit{ font-size: 24px; left: 35px;} 
.homeTit .entit{ font-size: 18px;  top: 70px; left: -20px; color: #a4ceee; text-transform: uppercase; font-weight: bold;}
.homeTit .entit:first-letter{ font-size: 80px; margin-top: -65px;}
.homeTit .ico{ top: 50px; left: 120px;}
.homeTit1 .title { width: 300px; height: 86px; background-size: 100%;}
.homeTit2 .title { width: 300px; height: 86px; background-size: 100%;}
.homeTit3 .title { width: 300px; height: 86px; background-size: 100%;}
.homeMore{ padding: 10px 20px; margin: 40px 20px 0 0;}

}
@media screen and (max-width:1023px ) {
.homeTit .title{ width: 200px; height: 50px; margin-left: -5px; background-size: 100%;}
.homeTit .cntit{ font-size: 16px; left: 10px; top: 15px;}
.homeTit .ico{ width: 15px; height: 16px; margin-left: 25px; top: 18px; left: 50px; background-size: 50%;}
.homeTit .entit{ font-size: 14px; top: 35px; left: -20px;}
.homeTit .entit:first-letter{ font-size: 40px; margin-top: -26px;}  
.homeTit1 .title{ width: 150px; height: 50px;} 
.homeTit2 .title{ width: 150px; height: 50px;} 
.homeTit3 .title{ width: 150px; height: 50px;} 
.homeMore{ font-size: 12px;  padding: 5px; margin: 20px 21px 0 0;}
}
/* home产品中心 */
.homeProd{ float: left; width: 100%; background-size: cover!important; padding: 110px 0 70px 0;}

.homeProdTab{ float: left; width: 100%; margin-top: 60px; position: relative;}
.homeProdTab .hd{ position: absolute; top: -100px; right: 0; overflow: hidden;}
.homeProdTab .hd ul li{ float: left; font-size: 16px; color: #fff; padding: 16px 26px; margin-left: 20px; border: 1px solid #68bfeb; cursor: pointer;}
.homeProdTab .hd ul li a {color:#fff;}
.homeProdTab .hd ul li.on { background: #fff; color: #0093dd; border: 1px solid #fff;}
    .homeProdTab .hd ul li.on a {color: #0093dd;}
.homeProdPic{ overflow: hidden; margin: 0 -1%;}
.homeProdPic .pic{ float: left; width: 31.3%; margin: 0 1% 40px 1%; position: relative;}
.homeProdPic .pic .img{ line-height: 0;}
.homeProdPic .pic .text1{ font-size: 22px; position: absolute; bottom: 20px; left: 20px; color: #fff;}
.homeProdPic .pic .text2{ display: none; position: absolute; top: 8%; left: 6%; width: 88%; height: 84%;}
.homeProdPic .pic .text2 .bg{ position: absolute; top: 0;left: 0; width: 100%; height: 100%; background: #000; opacity: 0.8;}
.homeProdPic .pic .text2 .tex{ position: absolute; top: 0;left: 0; width: 100%; height: 100%; padding: 10%;}
.homeProdPic .pic .text2 .line{ width: 22px; height: 4px; background: #fff;}
.homeProdPic .pic .text2 .tit{ font-size: 28px; margin: 17px 0 22px 0; font-weight: bold; color: #fff;}
.homeProdPic .pic .text2 .info{ font-size: 16px; line-height: 28px; height: 56px; overflow: hidden; padding-top: 5px; color: #fff; border-top: 1px solid #808890;}
.homeProdPic .pic .text2 .ico{ width: 50px; height: 50px; margin-top: 30px; background: #0093dd url(/Templates/cn/images/main17.png) no-repeat center; border-radius: 50%;}
.homeProdPic .pic:hover .text1{ display: none;}
.homeProdPic .pic:hover .text2{ display: block;}
@media screen and (max-width:1600px ) {
.homeProdPic .pic .text2 .tex{ padding: 5%;}  
.homeProdPic .pic .text2 .ico{ width: 30px; height: 30px; margin-top: 20px; background-size: 50%;}
}
@media screen and (max-width:1200px ) {
.homeProd{ padding: 40px 0 20px 0;}
.homeProdPic .pic .text2 .tit{ font-size: 20px; margin: 10px 0 15px 0;}
.homeProdPic .pic .text2 .ico{ margin-top: 10px;}
}
@media screen and (max-width:1023px ) {
.homeProdTab{ margin-top: 20px;}
.homeProdTab .hd { top: -50px;}
.homeProdTab .hd ul li{ font-size: 12px; padding: 5px; margin-left: 5px;}

.homeProd{ padding: 20px 0 10px 0;}
.homeProdPh .pic{ margin: 0 5px;}  

.homeProdPh .pic .text .tit{ font-size: 16px; margin: 10px 0 5px 0; color: #fff;}
.homeProdPh .pic .text .info{ font-size: 14px; line-height: 20px; height: 40px; overflow: hidden; color: #fff;}
.homeProdPh .slick-dots{ position:static; z-index: 10; margin-top:3%; height:6px;}
.homeProdPh .slick-dots li{ vertical-align:top; width: 6px; height: 6px; background: #a7a7a7; margin:0 4px; border-radius: 6px; cursor:pointer; text-indent:-999px; overflow:hidden;}
.homeProdPh .slick-dots .slick-active{ background: #fff;} 
}
@media screen and (max-width:500px ) {
.homeProdTab{ width: 100%; margin-top: 60px;}
.homeProdTab .hd{ top: -45px; width: 260px; left: 50%; margin-left: -130px;}
.homeProdTab .hd ul li{ font-size: 12px; padding: 5px; margin-left: 5px;}
}
@media screen and (max-width:767px ) {
    .homeProdTab .hd ul li {height:28px; line-height:16px; }
}

/* home行业应用 */
.homeAppl{ float: left; width: 100%; padding: 120px 0;}

.homeApplMenu{ float: left; width: 100%; height:600px; overflow: hidden; margin-top: 50px;}
.homeApplMenu ul li{ float: left; position: relative;}
.homeApplMenu ul li .img{ height: 600px;}
.homeApplMenu ul li .img img{ width: 100%; height: 100%;}
.homeApplMenu ul li .title{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.homeApplMenu ul li .tit1{ font-size: 24px; color: #fff; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.homeApplMenu ul li .tit2{ font-size: 12px; color: #fff; text-transform: uppercase; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.homeApplMenu .hd li{ width: 25.6%;}
.homeApplMenu .hd li.on{ width: 48.8%;}
.homeApplMenu .bd{ display: none;}

.homeApplMenu .layer{ width: 25.6%; float: left;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.homeApplMenu .layer .bg{ background: #000; opacity: 0.8; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.homeApplMenu .layer .kuang{ border: 1px solid #748186; width: 90%; height: 94%; position: absolute; top: 3%; left: 5%;}
.homeApplMenu .layer .text{ text-align: center;} 
.homeApplMenu .layer .ico{ display: inline-block; width: 104px; height: 104px; margin-top: 144px;}
.homeApplMenu .layer .ico1{ background: url(/Templates/cn/images/main21.png) no-repeat center;}
.homeApplMenu .layer .ico2{ background: url(/Templates/cn/images/main22.png) no-repeat center;}
.homeApplMenu .layer .ico3{ background: url(/Templates/cn/images/main23.png) no-repeat center;}
.homeApplMenu .layer .tit1{ margin: 24px 0 16px 0;}
.homeApplMenu .layer .info{ display: none;}
.homeApplMenu .layer .line{ display: inline-block; width: 28px; height: 3px; margin-bottom: 15px; background: #fff;}
.homeApplMenu .layer .more{ display: none;}

.homeApplMenu .layer.on{ width: 48.8%;}
.homeApplMenu .layer.on .bg{ display: none;}
.homeApplMenu .layer.on .kuang{ display: none;}
.homeApplMenu .layer.on .text{ width: 80%; background: #fff; height: 290px; position: absolute; bottom: 150px; left: 68px; padding: 50px 60px 50px 0;}
.homeApplMenu .layer.on .ico{ width: 66px; height: 66px; margin-top: 0; position: absolute; top: 50%; right: -33px; margin-top: -33px;}
.homeApplMenu .layer.on .ico1{ background: url(/Templates/cn/images/main21_1.png) no-repeat center;}
.homeApplMenu .layer.on .ico2{ background: url(/Templates/cn/images/main22_2.png) no-repeat center;}
.homeApplMenu .layer.on .ico3{ background: url(/Templates/cn/images/main23_3.png) no-repeat center;}
.homeApplMenu .layer.on .tit1{ color: #333; text-align: right; margin-top: 0;}
.homeApplMenu .layer.on .line{ width: 100%; height: 13px; background: url(/Templates/cn/images/main24.png) no-repeat right top; background-size: 100%;}
.homeApplMenu .layer.on .tit2{ display: none;}
.homeApplMenu .layer.on .info{ display: block; width: 90%; margin-left: 10%; font-size: 14px; line-height: 28px; height: 84px; color: #666666; text-align: right; overflow: hidden;}
.homeApplMenu .layer.on .more{ display: block; float: right; font-size: 14px; margin-top: 20px; color: #0093dd; text-transform: uppercase;}
.homeApplMenu .layer.on .more::before{ content: ""; display: inline-block; width: 16px; height: 3px; margin: 4px 12px; background: #0093dd;}
@media screen and (max-width:1200px ) {
.homeAppl{ padding: 60px 0;}     
}
@media screen and (max-width:1023px ) {
.homeAppl{ padding: 20px 0;}
.homeApplTab{ float: left; width: 100%; margin-top: 10px;}
.homeApplTab .pic{ margin: 0 5px;}
.homeApplTab .pic .img{ line-height: 0;}
.homeApplTab .pic .tit{ font-size: 16px; margin: 10px 0 5px 0;}
.homeApplTab .pic .info{ font-size: 14px; line-height: 20px; height: 40px; overflow: hidden;}
.homeApplTab .slick-dots{ position:static; z-index: 10; margin-top:3%; height:6px;}
.homeApplTab .slick-dots li{ vertical-align:top; width: 6px; height: 6px; background: #a7a7a7; margin:0 4px; border-radius: 6px; cursor:pointer; text-indent:-999px; overflow:hidden;}
.homeApplTab .slick-dots .slick-active{ background: #0093dd;}
}

/* home合作伙伴 */
.homePart{ float: left; width: 100%; background: #f4f4f4; padding: 112px 0;}
.homePartTab{ float: left; width: 100%; position: relative;}
.partTab{ float: left; width: 100%; margin-top: 50px;}
.partTab .imgwrap{ margin: 0 -1%;}
.partTab .pic .img{ float: left; width: 18%; margin: 30px 1% 0 1%;border: 1px solid transparent;}
.partTab .pic .img:hover{ border: 1px solid #ccc;}
.partTab .slick-prev{ position: absolute; top: -70px; right: 150px; width: 15px; height: 16px; background: url(/Templates/cn/images/main30.png) no-repeat center;}
.partTab .slick-next{ position: absolute; top: -70px; right: 0; width: 15px; height: 16px; background: url(/Templates/cn/images/main31.png) no-repeat center;}
.partTab .slick-prev:hover{ background: url(/Templates/cn/images/main30_1.png) no-repeat center;}
.partTab .slick-next:hover{ background: url(/Templates/cn/images/main31_1.png) no-repeat center;}
.homePartTab .num{ position: absolute; right: 55px; top: -30px; z-index: 66; font-size: 24px; color: #999999;}
.homePartTab .num span{ color: #0093dd;}
@media screen and (max-width:1200px ) {
.homePart{ padding: 55px 0;}  
.partTab{ margin-top: 20px;}
.partTab .slick-prev{ top: -40px;}
.partTab .slick-next{ top: -40px;}
.homeApplMenu .layer.on .text{ left: 34px;}   
}
@media screen and (max-width:1023px ) {
.homePart{ padding: 20px 0;}   
.partTab{ margin-top: 10px;} 
.partTab .pic .img{ margin: 10px 1% 0 1%;} 
.partTab .slick-prev{ top: -30px; right: 70px; width: 10px; height: 11px; background-size: 100%;}
.partTab .slick-next{ top: -30px; right: 0; width: 10px; height: 11px; background-size: 100%;}
.homePartTab .num{ right: 23px; top: -24px; font-size: 14px;}
}

/* foot */
.footLeft{ width: 70%; float: left; border-right: 1px solid #959595;}
.footNav ul{ overflow: hidden;}
.footNav ul li{ float: left; font-size: 16px; border-right: 1px solid #3e3e3e; padding: 0 55px;}
.footNav ul li a{ color:  #fff;}
.footNav ul li:first-child{ padding-left: 0;}
.footNav ul li:last-child{ padding-right: 0; border-right: 0;}
.footCen{ margin: 95px 0 60px 0; font-size: 16px; color: #fff; overflow: hidden;}
.footCen .ph{ float: left;}
.footCen .ph2{ font-size: 24px; font-weight: bold; margin-top: 10px;}
.footCen .email{ float: left; margin: 35px 70px 0 70px;}
.footCen .address{ float: left; margin-top: 30px;}
.footLink{ font-size: 12px; margin-right: 15px; color: #959595; overflow: hidden;}
.footLink .yq{ float: left;}
.footLink a{ float: left; margin-left: 12px; color: #959595;}
.footCopy{ font-size: 12px; margin-top: 10px; color: #959595;}


.footRight{ width: 30%; float: right;}
.foonEwm{ overflow: hidden;}
.foonEwm .ewm{ float: right; text-align: center; margin-left: 50px;}
.foonEwm .ewm .img{ line-height: 0;}
.foonEwm .ewm .wz{ font-size: 14px; margin-top: 10px; color: #fff;}
.footSide{ float: right; margin: 84px 0 0 0;}
.footSide .wz{ float: right; margin-right: 15px; line-height: 40px; font-size: 16px; color: #fff;}
.footSide ul{ float: right;}
.footSide li{ float: left; margin-right: 20px;}
.footSide li:last-child{ margin-right: 0;}
.footSide i{ display: block; width: 40px; height: 40px;}
.footSide i.bgs1{ background: url(/Templates/cn/images/foot1.png) no-repeat center center;}
.footSide i.bgs2{ background: url(/Templates/cn/images/foot2.png) no-repeat center center;}
.footSide i.bgs3{ background: url(/Templates/cn/images/foot3.png) no-repeat center center;}
.footSide li.sideWx{ position: relative;}
.footSide li.sideWx .pic{ display: none; position: absolute; width: 100px; height: 100px; background: #fff; right: -30px; top: -115px; padding: 5px; border: 1px solid #aaa;}
.footSide i.bgs1:hover{ background: url(/Templates/cn/images/foot1_1.png) no-repeat center center;}
.footSide i.bgs2:hover{ background: url(/Templates/cn/images/foot2_1.png) no-repeat center center;}
.footSide i.bgs3:hover{ background: url(/Templates/cn/images/foot3_1.png) no-repeat center center;}
.footSide li.sideWx:hover .pic{ display: block;}
@media screen and (max-width:1630px ) {
.footNav ul li { padding: 0 50px;}
.footCen .email{ margin: 35px 45px 0 45px;}
}
@media screen and (max-width:1400px ) {
.footNav ul li { padding: 0 40px;}
.footCen{ margin: 45px 0 40px 0;}
.footCen .address{ width: 100%; margin-top: 10px;}
.footSide{ margin: 45px 0 0 0;}
}
@media screen and (max-width:1230px ) {
.pz_down{ padding: 50px 0;}
.footNav ul li { padding: 0 25px;}
.foonEwm .ewm{ margin-left: 20px;}
}
@media screen and (max-width:1023px ) {
.pz_down{ padding: 20px 0 10px 0;}
.footLeft{ width: 100%; border-right: 0;}
.footNav ul li{ font-size: 12px;padding: 0 5px; margin-bottom: 5px;}
.footCen{ margin: 10px 0 10px 0; font-size: 12px;}
.footCen .ph1{ float: left;}
.footCen .ph2{ float: left; font-size: 12px; margin-top: 0; margin-left: 5px;}
.footCen .email{ width: 100%; margin: 5px 0 0 0;}
.footCen .address{ margin-top: 5px;}
.footLink{ font-size: 12px; height: auto; margin-right: 15px;}
.footLink .yq{ float: none; margin-right: 0; font-size:14px; line-height:20px; background:#5f5f5f; border-radius:3px; padding:5px 15px; text-align:left; position:relative;}
.footLink .yq::after{ float:left; width:0; height:0; position:absolute; right:15px; top:50%; margin-top:-4px; border-left: 6px solid transparent; border-right:6px solid transparent;border-top: 8px solid #fff; content:'';}
.footLink ul{ display:none; font-size:14px; line-height:22px;}
.footLink a{ line-height: 30px;}
.footCopy{ font-size: 12px; margin-top: 10px;}

.footRight{ width: 100%; float: left; margin-top: 15px; text-align: center;}
.foonEwm{ display: inline-block;}
.foonEwm .ewm{ float: left; margin: 0 10px;}
.footSide{ float: none; margin-top: 0; float: none; display: inline-block;}
.footSide .wz{ font-size: 12px; margin-right: 5px;}
.footSide li{ margin-right: 0;}
.footSide i{ width: 20px; height: 20px; margin: 10px 3px 0 3px; background-size: 100%!important;}
.footSide li.sideWx .pic { right: -40px; top: -105px;}
}


/* 右侧漂浮 */
.side{ position: fixed; width: 60px; top: 220px; right: 0; z-index: 99999999;}
.side ul{ padding: 10px 0 20px 0; background: #000; opacity: 0.8; border-radius: 10px 0 0 10px;}
.side ul li{ padding: 13px 0;}
.side p{ position: absolute; width: 180px; height: 50px; line-height: 50px; padding-left: 30px; font-size: 16px; color: #fff; background: #0093dd; border-radius: 10px 0 0 10px;}
.side .sideTop{ width:60px; height: 50px; font-size: 20px; color: #fff; font-weight: bold; text-align: center;}
.side .sideQQ{ height: 50px; position: relative;}
.side .sideQQ p{ display: none; top: 0; right: 60px;}
.side .sideQQ:hover{ background: #0093dd;}
.side .sideQQ:hover p{ display: block;}
.side .sidePhone{ height: 50px; position: relative;}
.side .sidePhone p{ display: none; top: 0; right: 60px;}
.side .sidePhone:hover{ background: #0093dd;}
.side .sidePhone:hover p{ display: block;}
.side .sideWx{ height: 50px; position: relative;}
.side .sideWx .pic{ display: none; position: absolute; width: 100px; height: 100px; background: #fff; right: 70px; top: 0; border: 1px solid #aaa;}
.side .sideWx:hover .pic{ display: block;}
.side i{ display: block; width: 30px; height: 25px; margin: 0 13px;}
.side .bgs1{ background: url(/Templates/cn/images/side1.png) no-repeat center center;}
.side .bgs2{ background: url(/Templates/cn/images/side2.png) no-repeat center center;}
.side .bgs3{background: url(/Templates/cn/images/side3.png) no-repeat center center;}
.side .sideClose{ display: block; width: 26px; height: 26px; margin-left: 17px; margin-top: 30px; background: url(/Templates/cn/images/side4.png) no-repeat center center;}

/*phone底部导航*/
.q_d_m{float:left; width:100%; height:50px;}
.pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#0093dd; z-index:999; box-shadow:0 -5px 10px rgba(0,0,0,0.2);}
.pf_down li{ width:33.333333%; float:left; text-align:center; padding:7px 0 5px 0;}
.pf_down li .ico7{ width:100%; float:left; height:20px;}
.pf_down li .d_name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#fff; line-height:14px; text-transform:uppercase;}
.pf_down li.l1 .ico7{ background:url(/Templates/cn/images/btn1.png) no-repeat center; background-size:20px 20px;}
.pf_down li.l2 .ico7{ background:url(/Templates/cn/images/btn2.png) no-repeat center; background-size:20px 20px;}
.pf_down li.l3 .ico7{ background:url(/Templates/cn/images/btn3.png) no-repeat center; background-size:20px 20px;}
.pf_down li:nth-child(3n){ border:none;}


/* 内页导航 */
.side_cont{ text-align: center; margin: 60px 0;}
.side_cont .pz_SideLayer{ display: inline-block;}
.side_cont .l1{ float: left; min-width: 120px; height: 50px; line-height: 50px; margin: 0 10px; padding: 0 5px; font-size: 16px; background: #f4f4f4; text-align: center; border-radius: 10px;}
.side_cont .l1.on,.side_cont .l1:hover{ background: #0093dd;}
.side_cont .l1.on a,.side_cont .l1:hover a{ color: #fff;}
@media screen and (max-width:1230px ) {
.side_cont{ margin: 30px 0;}   
}
@media screen and (max-width:1023px ) {
.side_cont{ margin: 10px 0;}
.side_cont .l1{ min-width: 70px; height: 24px; line-height: 24px; margin: 0 3px; font-size: 14px;}
}
@media screen and (max-width:768px ) {
.side_cont .l1{ min-width: 50px;  margin: 0 2px; font-size: 12px;}
}

/* 关于我们 */
.aboutTit{ text-align: center;}
.aboutTit .cntit{ font-size: 32px; color: #0093dd; line-height: 30px; margin-bottom: 20px; font-weight: bold;}
.aboutTit .entit{ font-size: 16px; color: #999999; text-transform: uppercase; position: relative;}
.aboutTit .entit::before{ content: ""; display: block; width: 40%; height: 15px; position: absolute; top: 0; left: 0; background: url(/Templates/cn/images/About2.png) no-repeat right center;}
.aboutTit .entit::after{ content: ""; display: block; width: 40%; height: 15px; position: absolute; top: 0; right: 0; background: url(/Templates/cn/images/About2_1.png) no-repeat left center;}

.aboutCon1 .bg{ background: #f2f2f2; overflow: hidden; position: relative; margin: 40px 0 100px 0;}
.aboutCon1 .bg .img{ width: 50%; float: left; line-height: 0;}
.aboutCon1 .bg .text{ width: 50%; padding: 3% 5%; background: #fff; position: absolute; top: 12%; right: 4%;}
.aboutCon1 .bg .text .tit{ font-size: 28px; font-weight: bold;}
.aboutCon1 .bg .text .info{ font-size: 16px; line-height: 36px; height: 216px; overflow: hidden; color: #666666;}

.aboutCon2{ padding: 90px 0;}
.aboutCon2 ul{ overflow: hidden;}
.aboutCon2 .l1{ float: left; width: 10.6%; margin: 0 3%; text-align: center; color: #fff; cursor: pointer;}
.aboutCon2 .l1 .img{ display: inline-block; line-height:0; width: 80%;}

.aboutCon2 .l1 .img img{ height:100%;
     -webkit-transition: all 0.3s ease-out 0s; 
     -moz-transition: all 0.3s ease-out 0s; 
     -o-transition: all 0.3s ease-out 0s; 
     transition: all 0.3s ease-out 0s;
}
.aboutCon2 .l1:hover .img img{ transform:rotateY(180deg);}

.aboutCon2 .l1 .text{ font-size: 24px; margin-top: 40px; color: #fff;}
.aboutCon2 .info{ font-size: 16px; line-height: 36px; text-align: center; color: #fff; margin-top: 50px;}

.aboutCon3{ padding: 80px 0 100px 0;}
.aboutCon3 .info{ font-size: 16px; line-height: 40px; margin: 20px 0; text-align: center;}

.aboutCon3 .aboutConPc{ position: relative;}
.aboutCon3 .aboutConPc .container{ width: 1400px; overflow: hidden;}
.aboutCon3 .slickcen{ margin-left: -48px;}
.aboutCon3 .bg{ width: 100%; float: left; height: 260px; position: absolute; top: 120px; background: #f5f5f5;}
.aboutCon3 .slickcen .slick-slide{ padding: 37px;}
.aboutCon3 .slickcen .slick-slide img { margin: 24px;}

.aboutCon3 .slickcen .slick-center img {  background: #0093dd;padding: 5px!important; -moz-transform: scale(1.4);
-ms-transform: scale(1.4);
-o-transform: scale(1.4);
-webkit-transform: scale(1.4);
transform: scale(1.4);}

.aboutCon3 .slickcen  .slick-prev{ width:369px; height:287px; background: url(/Templates/cn/images/About15.png) no-repeat center; background-size: cover; left: 120px; top:60px;}
.aboutCon3 .slickcen  .slick-next{ width:369px; height:287px; background: url(/Templates/cn/images/About16.png) no-repeat center; background-size: cover; right:73px; top:60px;}

@media screen and (max-width:1400px ) {
.aboutCon3 .aboutConPc .container{ width: 980px;}
.aboutCon3 .slickcen{ margin-left: -60px;}
.aboutCon3 .bg{ height: 150px;}
.aboutCon3 .slickcen .slick-slide{ padding: 41px;}
.aboutCon3 .slickcen .slick-center img {  background: #0093dd;padding: 5px!important; -moz-transform: scale(1.75);
-ms-transform: scale(1.75);
-o-transform: scale(1.75);
-webkit-transform: scale(1.75);
transform: scale(1.75);}
.aboutCon3 .slickcen  .slick-prev{ width:215px; height:167px; left: 125px; top:65px;}
.aboutCon3 .slickcen  .slick-next{ width:215px; height:167px; right:77px; top:65px;}
}
@media screen and (max-width:1229px ) {
.aboutCon1 .bg .text{ padding: 1.5% 5%; top: 6%;}
}
@media screen and (max-width:1023px ) {
.aboutTit .cntit{ font-size: 16px; line-height: 22px; margin-bottom: 5px;}
.aboutTit .entit{ font-size: 12px;}
.aboutTit .entit::before{ width: 30%; background-size: cover;}
.aboutTit .entit::after{ width: 30%; background-size: cover;}
    
.aboutCon1 .bg{ margin: 10px 0 15px 0; background: none;}
.aboutCon1 .bg .img{ float: none; width: 100%;}
.aboutCon1 .bg .text{ width: 100%; padding: 0; position: static; margin-top: 15px;}
.aboutCon1 .bg .text .tit{ font-size: 16px;}
.aboutCon1 .bg .text .info{ font-size: 14px; line-height: 24px; height: auto;}

.aboutCon2{ padding: 15px 0;}
.aboutCon2 .l1{ width: 14.6%; margin: 0 1%;}
.aboutCon2 .l1 .text{ font-size: 14px; margin-top: 5px;}
.aboutCon2 .info{ font-size: 14px; line-height: 24px; margin-top: 10px;}

.aboutCon3{ padding: 20px 0 20px 0;}
.aboutCon3 .info{ font-size: 14px; line-height: 24px; margin: 10px 0;}
.aboutConPh .pic{ margin: 0 5px;} 
.aboutConPh .slick-dots{ position:static; z-index: 10; margin-top:3%; height:6px;}
.aboutConPh .slick-dots li{ vertical-align:top; width: 6px; height: 6px; background: #a7a7a7; margin:0 4px; border-radius: 6px; cursor:pointer; text-indent:-999px; overflow:hidden;}
.aboutConPh .slick-dots .slick-active{ background: #0093dd;} 
}
@media screen and (max-width:768px ) {
.aboutCon2 .l1{ width: 16.55%; margin: 0 0.06%;}
.aboutCon2 .l1 .text{ font-size: 12px;}
}





/* 产品中心 */
.prodList{float:left; width:100%; padding-bottom: 20px;}
.prodList ul{ margin: 0 -1%; overflow: hidden;}
.prodList ul .l1{ float: left; width: 31.3%; margin: 0 1% 60px 1%; position: relative;}
.prodList ul .l1 .img{ line-height: 0;}
.prodList ul .l1 .tit{ font-size: 18px; margin: 20px 0 10px 0; height: 24px; overflow: hidden;}
.prodList ul .l1 .info{ font-size: 14px; line-height: 20px; height: 40px; overflow: hidden; color: #777777;}
.prodList ul .l1 .more{ display: none;}
.prodList ul .l1 .kong{ display: none;}

.prodList ul .l1:hover .text{ position: absolute; top: 10%; left: 9%; width: 82%; height: 58%; padding: 3% 8%; background: #fff; border-bottom: 3px solid #0093dd;}
.prodList ul .l1:hover .tit{ color: #0093dd;}
.prodList ul .l1:hover .line{ display: block; width: 60px; height: 1px; margin: 18px 0 10px 0; background: #bebebe;}
.prodList ul .l1:hover .info{ height: 60px;}
.prodList ul .l1:hover .more{ display: block; width: 80px; height: 26px; line-height: 26px; margin-top: 30px; text-align: center; color: #fff; background: #0093dd; text-transform: uppercase;}
.prodList ul .l1:hover .more .cen{ display: inline-block;}
.prodList ul .l1:hover .more .cen span{ display: block; float: left;}
.prodList ul .l1:hover .more .cen i{ display: block; float: left; margin-left: 7px;}
.prodList ul .l1:hover .kong{ display: block; height: 94px;}
@media screen and (max-width:1230px ) {
.prodList ul .l1{ margin: 0 1% 40px 1%;}   
.prodList ul .l1:hover .line{ margin: 10px 0 5px 0;}
.prodList ul .l1:hover .more{ margin-top: 10px;}
}
@media screen and (max-width:1023px ) {
.prodList ul .l1{ margin: 0 1% 15px 1%;}  
.prodList ul .l1 .tit{ font-size: 16px; height: 22px; margin: 5px 0 5px 0;}
.prodList ul .l1 .info{ height: 20px;}
.prodList ul .l1:hover .text{ height: 56%; top: 7%; padding: 0 8%;}
.prodList ul .l1:hover .line{ margin: 10px 0 5px 0;}
.prodList ul .l1:hover .info{ height: 20px;}
.prodList ul .l1:hover .more{ margin-top: 5px;}
.prodList ul .l1:hover .kong{ height: 52px;}     
}
@media screen and (max-width:768px ) {
.prodList ul .l1{ float: left; width: 48%;}
.prodList ul .l1:hover .text {position:static; border:none; padding:0; width:100%;}
.prodList ul .l1:hover .more,
.prodList ul .l1:hover .line {display:none;}

}

/* 分页 */
.wack1{ float:left; width:100%; padding:10px 0 4.67% 0; text-align:center;}
.pz_fy{ display:inline-block; *display:inline; *zoom:1;}
.pz_fy a { float:left; width:30px; height:30px; line-height:30px;  border-radius:50%; border: #e2e2e2 1px solid; color:#999999; font-size:14px; font-family:Arial; margin:0 10px;}
.pz_fy a:hover,
.pz_fy a.on { background: #0093dd; color:#fff; border: transparent;}
.pz_fy .l2{ width: 100px; height: 30px; border-radius: 19px; background:url(/Templates/cn/images/h_img2.png) left center no-repeat; border: 0;}
.pz_fy .l2:hover{ background:url(/Templates/cn/images/h_img2_1.png) left center no-repeat;}
.pz_fy .r2{ width: 100px; height: 30px; border-radius: 19px; background:url(/Templates/cn/images/h_img2.png) right center no-repeat; border: 0;}
.pz_fy .r2:hover{ background:url(/Templates/cn/images/h_img2_1.png) right center no-repeat;}
@media  screen and (max-width:1023px){
.fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;}
.fy_pc a{ padding:5px 25px; background: #0093dd; color:#fff; border: transparent; border-radius:16px; overflow:hidden;}
.fy_pc span{ padding:5px 20px; color:#272727;}
}

/* 产品中心详情 */
.prodCon{ width: 100%; float: left; padding-bottom: 40px;}
.prodTop{ width: 100%; float: left;}
.prodTop .img{ float: left; width: 48%; height: 430px; overflow: hidden; line-height: 0;}
.prodTop .text{ float: right; width: 48%;}
.prodTop .text .tit{ float: left; width: 70%;}
.prodTop .text .tit .tit1{ font-size: 24px; margin: 20px 0 15px 0; color: #0093dd; font-weight: bold;}
.prodTop .text .tit .tit2{ font-size: 16px; margin: 0 0 25px 0; color: #666666;}
.prodTop .text .more{ float: right; font-size: 16px; width: 160px; height: 46px; line-height: 46px; margin-top: 20px; text-align: center; color: #fff; background: #0093dd; border-radius: 23px;}
.prodTop .text .more:hover{ box-shadow: 3px 3px #99bdcf;}
.prodTop .text .line{float: left; width: 80%; height: 1px; background: #f2f2f2;}
.prodTop .text .wz{ width: 100%; float: left;}
.prodTop .text .wz .left{ float: left; width: 18%; margin-top: 25px; font-size: 14px; color: #333333;}
.prodTop .text .wz .info{ float: left; width: 82%; margin-top: 20px; font-size: 14px; color: #999999; line-height: 30px;}

.prodTop .cont{ float: left; width: 100%; margin-top: 40px; border: 1px solid #e6e6e6;}
.prodTop .cont .title{ background: #f2f2f2; height: 50px; }
.prodTop .cont .title .tit{ float: left; width: 150px; line-height: 50px; font-size: 16px; color: #fff; background: #0093dd; text-align: center;}
.prodTop .cont .title .renturn{ display: block; float: right; height: 50px; line-height: 50px; font-size: 14px; padding-right: 50px; margin-right: 20px; color: #777777; background: url(/Templates/cn/images/renter.png) no-repeat right center;}
.prodTop .cont .title .renturn:hover{ color: #0093dd;}
.prodTop .cont .info{ float: left; width: 100%; padding: 30px 40px; font-size: 14px; line-height: 36px;}
.prodTop .bt{ float: left; width: 100%; font-size: 24px; margin: 30px 0; color: #0093dd;}

.prodListPh{ width: 100%; float: left; margin: 0 -1%; overflow: hidden;}
.prodListPh .pic{ float: left; width: 31.3%; margin: 0 1% 60px 1%; position: relative;}
.prodListPh .pic .img{ line-height: 0;}
.prodListPh .pic .tit{ font-size: 18px; margin: 20px 0 10px 0;}
.prodListPh .pic .info{ font-size: 14px; line-height: 20px; height: 40px; overflow: hidden; color: #777777;}
.prodListPh .pic .more{ display: none;}
.prodListPh .pic .kong{ display: none;}

.prodListPh .pic:hover .text{ position: absolute; top: 10%; left: 9%; width: 82%; height: 58%; padding: 3% 8%; background: #fff; border-bottom: 3px solid #0093dd;}
.prodListPh .pic:hover .tit{ color: #0093dd;}
.prodListPh .pic:hover .line{ display: block; width: 60px; height: 1px; margin: 18px 0 10px 0; background: #bebebe;}
.prodListPh .pic:hover .info{ height: 60px;}
.prodListPh .pic:hover .more{ display: block; width: 80px; height: 26px; line-height: 26px; margin-top: 30px; text-align: center; color: #fff; background: #0093dd; text-transform: uppercase;}
.prodListPh .pic:hover .more .cen{ display: inline-block;}
.prodListPh .pic:hover .more .cen span{ display: block; float: left;}
.prodListPh .pic:hover .more .cen i{ display: block; float: left; margin-left: 7px; margin-top: 8px;}
.prodListPh .pic:hover .kong{ display: block; height: 94px;}

@media screen and (max-width:1630px ) {
.prodTop .text .wz .left{ width: 20%;}
.prodTop .text .wz .info{ width: 80%;}
}
@media screen and (max-width:1400px ) {
.prodTop .text .wz .left{ width: 25%;}
.prodTop .text .wz .info{ width: 75%;}
}
@media screen and (max-width:1230px ) {
.prodTop .text .wz .info{ height: 90px; overflow: hidden;}
.prodTop .text .tit{ width: 100%;}
.prodTop .text .tit .tit2{ margin-bottom: 5px;}
.prodTop .text .more{ float: left; margin: 10px 0 15px 0;}
.prodListPh .pic{ margin: 0 1% 40px 1%;}    
.prodListPh .pic:hover .line{ margin: 10px 0 5px 0;}
.prodListPh .pic:hover .more{ margin-top: 10px;}
}
@media screen and (max-width:1023px ) {
.prodCon{ padding-bottom: 20px;}
.prodTop .img{ width: 100%; height: auto;}
.prodTop .text{ width: 100%; margin-top: 10px;}
.prodTop .text .tit{ width: 70%;}
.prodTop .text .tit .tit1{ font-size: 16px; height: 22px; overflow: hidden; margin: 0 0 5px 0;}
.prodTop .text .tit .tit2{ font-size: 14px; height: 20px; overflow: hidden; margin: 0 0 10px 0;}
.prodTop .text .more{ float: right; font-size: 14px; width: 70px; height: 28px; line-height: 28px; margin-top: 5px; border-radius: 14px;}
.prodTop .text .wz .left{ width: 100%; margin-top: 10px;}
.prodTop .text .wz .info{ width: 100%; margin-top: 0; line-height: 24px; height: 96px;}

.prodTop .cont{ margin-top: 10px;}
.prodTop .cont .title{ height: 28px; }
.prodTop .cont .title .tit{ width: 100px; line-height: 28px; font-size: 14px;}
.prodTop .cont .title .renturn{ height: 28px; line-height: 28px; font-size: 12px; padding-right: 20px; margin-right: 5px; background-size: 20%;}
.prodTop .cont .info{  padding: 5px 10px; font-size: 14px; line-height: 24px;}
.prodTop .bt{ font-size: 16px; margin: 10px 0;}

.prodListPh .pic{ margin: 0 5px;}  
.prodListPh .pic .tit{ font-size: 16px; margin: 5px 0 5px 0;}
.prodListPh .pic:hover .text{ height: 56%; top: 7%; padding: 0 8%;}
.prodListPh .pic:hover .line{ margin: 10px 0 5px 0;}
.prodListPh .pic:hover .info{ height: 40px;}
.prodListPh .pic:hover .more{ margin-top: 10px;}
.prodListPh .pic:hover .kong{ height: 71px;} 
}
@media screen and (max-width:768px ) {
.prodListPh .slick-dots{ position:static; z-index: 10; margin-top:3%; height:6px;}
.prodListPh .slick-dots li{ vertical-align:top; width: 6px; height: 6px; background: #a7a7a7; margin:0 4px; border-radius: 6px; cursor:pointer; text-indent:-999px; overflow:hidden;}
.prodListPh .slick-dots .slick-active{ background: #0093dd;} 
}
@media screen and (max-width:767px ) {
    .prodListPh .pic {width:49%; margin:0; }
    .prodListPh .pic:nth-child(2) {margin-left:2%; }
}

/* 翻页 */
.prodCon .sx_fy{ width: 100%; float: left; font-size: 14px; height: 100px; line-height: 100px;}
.prodCon .sx_fy .l_fy{ float: left; width: 48%; text-align: right;}
.prodCon .sx_fy .l_fy span{ margin-left: 30px;}
.prodCon .sx_fy .r_fy{ float: right; width: 48%;}
.prodCon .sx_fy .r_fy span{ margin-right: 30px;}
@media screen and (max-width:1023px ) {
.prodCon .sx_fy{  height: 48px; line-height: 24px;}
.prodCon .sx_fy .l_fy{ width: 100%; text-align: left;}
.prodCon .sx_fy .l_fy span{ display: none;}
.prodCon .sx_fy .r_fy{ float: left; width: 100%;}
.prodCon .sx_fy .r_fy span{ display: none;}     
}


/* 行业应用 */
.applList{ width: 100%; float: left;}
.applList .pic{ width: 100%; float: left; margin-bottom: 60px; background: #f4f4f4;}
.applList .pic:last-child{ margin-bottom: 0;}
.applList .pic .img{ width: 40%; height: auto; float: left; line-height: 0; overflow:hidden;-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.applList .pic .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.applList .pic:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.applList .pic .text{ width: 60%; padding: 3% 5%; float: right;}
.applList .pic .text .cntit{ font-size: 32px; margin-bottom: 15px; color: #0093dd;}
.applList .pic .text .entit{ font-size: 16px; color: #0093dd; text-transform: uppercase;}
.applList .pic .text .info{ font-size: 16px; line-height: 30px; height: 180px; overflow: hidden; margin: 30px 0 50px 0; color: #333;}
.applList .pic .text .more{ font-size: 16px; color: #0093dd;}
.applList .pic1 .img{ float: right;}
.applList .pic1 .text{ float: left;}
@media screen and (max-width:1400px ) {
.applList .pic{ margin-bottom: 30px;}
.applList .pic .text .info{ height: 90px;}
}
@media screen and (max-width:1023px ) {
.applList .pic{ margin-bottom: 15px;}
.applList .pic .img{ width: 100%;}
.applList .pic .text{ width: 100%;}
.applList .pic .text .cntit{ font-size: 16px; margin: 5px 0 0 0;}
.applList .pic .text .entit{ font-size: 14px;}
.applList .pic .text .info{ font-size: 14px; line-height: 24px; margin: 5px 0;}
.applList .pic .text .more{ font-size: 12px;}
.applList .pic1 .img{ float: left;}
.applList .pic1 .text{ float: right;}    
}

/* 行业应用详细 */
.applCon{ width: 100%; float: left; padding: 0 0 80px 0; overflow: hidden; position: relative;}
.applCon h3.tit{ font-size: 26px; text-align: center; margin-bottom: 50px;}

.applCon{ position: relative;}
.prodConPc .container{ width: 1400px; overflow: hidden;}
.applCon .slickcen{ margin-left: -48px; padding-bottom: 60px;}
.applCon .bg{ width: 100%; float: left; height: 355px; position: absolute; top: 120px; background: #f5f5f5;}
.applCon .slickcen .slick-slide{ padding: 37px;}
.applCon .slickcen .slick-slide img { margin: 24px;}
.applCon .slickcen .slick-center img {  background: #0093dd;padding: 5px!important; -moz-transform: scale(1.4);
-ms-transform: scale(1.4);
-o-transform: scale(1.4);
-webkit-transform: scale(1.4);
transform: scale(1.4);}

.applCon .slickcen .slick-dots{ position: absolute; z-index: 10; bottom: 30px; height: 6px;}
.applCon .slickcen .slick-dots li{ vertical-align: top; width: 3px; height: 15px; background: #c9e8f8; margin:0 3px; cursor: pointer; text-indent: -999px; overflow: hidden;}
.applCon .slickcen .slick-dots .slick-active{ background: #47b1e6;}

.applCon .slickcen  .slick-prev{ width:369px; height:300px; background: url(/Templates/cn/images/Appl5.png) no-repeat center; background-size: cover; left: 120px; top:60px;}
.applCon .slickcen  .slick-next{ width:369px; height:300px; background: url(/Templates/cn/images/Appl6.png) no-repeat center; background-size: cover; right:73px; top:60px;}


@media screen and (max-width:1400px ) {
.prodConPc .container{ width: 980px;}
.applCon .slickcen{ margin-left: -60px;}
.applCon .bg{ height: 240px;}
.applCon .slickcen .slick-slide{ padding: 41px;}
.applCon .slickcen .slick-center img {  background: #0093dd;padding: 5px!important; -moz-transform: scale(1.75);
-ms-transform: scale(1.75);
-o-transform: scale(1.75);
-webkit-transform: scale(1.75);
transform: scale(1.75);}

.applCon .slickcen  .slick-prev{ width:215px; height:174px; left: 126px; top:65px;}
.applCon .slickcen  .slick-next{ width:215px; height:174px; right:77px; top:65px;}
}


.applCon .info{ width: 100%; float: left; font-size: 16px; line-height: 30px; margin: 0 0 30px 0;}
.applCon .sx_fy{ width: 100%; float: left; height: 80px; line-height: 80px; font-size: 14px; border-top: 1px solid #f2f2f2;}
.applCon .sx_fy .l_fy{ width: 50%; float: left;}
.applCon .sx_fy .r_fy{ width: 50%; float: right; text-align: right;}
@media screen and (max-width:1023px ) {
.applCon{ padding: 0 0 20px 0;}
.applCon h3.tit{ font-size: 16px; margin-bottom: 10px;}  
.applConPh .pic{ margin: 0 5px;} 
.applConPh .slick-dots{ position:static; z-index: 10; margin-top:3%; height:6px;}
.applConPh .slick-dots li{ vertical-align:top; width: 6px; height: 6px; background: #a7a7a7; margin:0 4px; border-radius: 6px; cursor:pointer; text-indent:-999px; overflow:hidden;}
.applConPh .slick-dots .slick-active{ background: #0093dd;}   
.applCon .info{ font-size: 14px; line-height: 24px; margin: 10px 0;}
.applCon .sx_fy{ height: 58px; line-height: 26px; padding-top: 10px;}
.applCon .sx_fy .l_fy{ width: 100%;}
.applCon .sx_fy .r_fy{ width: 100%; float: left; text-align: left;}
}

/* 新闻资讯列表 */
.newsTab{ width: 100%; float: left; position: relative;}
.newsTab .pic{ background: #f4f4f4; overflow: hidden;}
.newsTab .pic .img{ float: left; width: 50%; height: auto; position: relative; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.newsTab .pic .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align:middle;
-ms-interpolation-mode:bicubic;}
.newsTab .pic .img:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.newsTab .pic .title{ float: right; width: 50%; padding: 3% 5%;}
.newsTab .pic .title .text{ overflow: hidden;}
.newsTab .pic .title .date{ float: left; width: 15%; color: #333; margin-bottom: 20px; overflow: hidden; text-align: center;}
.newsTab .pic .title .date_r{ display: block; font-size: 36px; font-weight: bold;}
.newsTab .pic .title .date_ny{ display: block; font-size: 16px;}
.newsTab .pic .title .tit{ float: left; width: 85%; color: #333; font-size: 24px; height: 32px; height: 64px; overflow: hidden;}
.newsTab .pic:hover .title .tit{ color: #0093dd;}

.newsTab .pic .title .info{ color: #666; font-size: 16px; line-height: 36px; height: 180px; overflow: hidden;}
.newsTab .pic .title .line{ width: 100%; height: 1px; border-bottom: 1px dashed #ccc; margin: 40px 0 25px 0;}
.newsTab .pic .title .more{ font-size: 16px; color: #666; padding-right: 30px; background: url(/Templates/cn/images/News2.png) no-repeat right center;}
.newsTab .pic .title .more:hover{ color: #0093dd ;background: url(/Templates/cn/images/News2_1.png) no-repeat right center;}

.newsTab .slick-dots{ position: absolute; z-index: 10; bottom: 10%; right: 5%; height:10px; text-align: right!important;}
.newsTab .slick-dots li{ vertical-align:top; width: 10px; height: 10px; background: #f4f4f4; border: 1px solid #0093dd; margin:0 4px; border-radius: 50%; cursor:pointer; text-indent:-999px; overflow:hidden;}
.newsTab .slick-dots .slick-active{ background: #0093dd;} 
.newsTab .slick-dots button{ text-indent: 999em;}

.newsList{ width: 100%; float: left; padding-bottom: 40px;}
.newsList .l1{ overflow: hidden; margin-top: 40px;}
.newsList .l1 .text{ float: left; width: 73%; padding: 25px 0; border-bottom: 1px solid #e5e5e5;}
.newsList .l1 .text .title{ overflow: hidden;}
.newsList .l1 .date{ float: left; width: 8%; margin-right: 2%; border-right: 1px solid #e0e0e0;}
.newsList .l1 .date_r{ font-size: 30px; color: #333;}
.newsList .l1 .date_r span{ font-size: 16px;}
.newsList .l1 .date_ny{ font-size: 16px; color: #333;}
.newsList .l1 .tit{ float: left; width: 90%; font-size: 18px; height: 44px; line-height: 44px; overflow: hidden;}
.newsList .l1 .info{ font-size: 16px; margin: 30px 0; color: #666; line-height: 26px; height: 52px; overflow: hidden;}
.newsList .l1 .more{ font-size: 16px; color: #666; padding-right: 30px; background: url(/Templates/cn/images/News2.png) no-repeat right center;}
.newsList .l1 .img{ float: right; width: 25%;overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.newsList .l1 .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align:middle;
-ms-interpolation-mode:bicubic;}
.newsList .l1:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.newsList .l1:hover .tit{ color: #0093dd;}
.newsList .l1:hover .more{ color: #0093dd; background: url(/Templates/cn/images/News2_1.png) no-repeat right center;}
@media screen and (max-width:1400px ) {
.newsTab .pic .title .info{ height: 144px;}
}
@media screen and (max-width:1230px ) {
.newsTab .pic .title .date{ width: 20%;}
.newsTab .pic .title .tit{ width: 80%;}
.newsTab .pic .title .info{ height: 108px;}
.newsList .l1 .date{ width: 10%;}
.newsList .l1 .tit{ width: 88%;}
}
@media screen and (max-width:1023px ) {
.newsTab .pic .img{ width: 100%;}
.newsTab .pic .title{ width: 100%;}
.newsTab .pic .title .date{ width: 18%; margin-bottom: 0;}
.newsTab .pic .title .date_r{ font-size: 16px;}
.newsTab .pic .title .date_ny{ font-size: 12px;}
.newsTab .pic .title .tit{ width: 82%; font-size: 16px; height: 32px; line-height: 32px;}
.newsTab .pic .title .info{ font-size: 14px; line-height: 24px; height: 48px;}
.newsTab .pic .title .line{ margin: 10px 0 5px 0;}
.newsTab .pic .title .more{ font-size: 12px; padding-right: 15px; background-size: 25%;}
.newsTab .slick-dots{ z-index: 10; bottom: 3%; height:6px;}
.newsTab .slick-dots li{  width: 6px; height: 6px; margin:0 4px;}

.newsList{ padding-bottom: 10px;}
.newsList .l1{ margin-top: 10px;}
.newsList .l1 .text{ width: 83%; padding: 5px 0;}
.newsList .l1 .date{ width: 25%;}
.newsList .l1 .date_r{ font-size: 14px;}
.newsList .l1 .date_r span{ font-size: 12px;}
.newsList .l1 .date_ny{ font-size: 12px;}
.newsList .l1 .tit{ width: 73%; font-size: 16px; height: 38px; line-height: 38px;}
.newsList .l1 .info{ font-size: 14px; margin: 0 0 5px 0; line-height: 20px; height: 40px;}
.newsList .l1 .more{ font-size: 14px; padding-right: 15px; background-size: 25%;}

.newsList .l1 .img{ width: 15%; margin-top: 5px;}
}
@media screen and (max-width:768px ) {
.newsList .l1 .text{ width: 63%;}
.newsList .l1 .img{ width: 35%; height: 100px; overflow: hidden; margin-top: 5px;}
}


/* 新闻资讯详情 */
.newsCon{ padding-bottom: 90px;}
.newsCon .tit{ font-size: 26px; margin-bottom: 30px; text-align: center;}
.newsCon .cent{ overflow: hidden; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;}
.newsCon .cent .return{ float: left; width: 10%; line-height: 50px; font-size: 14px; color: #777777; background: url(/Templates/cn/images/return1.png) no-repeat 45px center;}
.newsCon .cent .time{ float: left; width: 70%; line-height: 50px; text-align: center; color: #666; font-size: 14px;}
.newsCon .bdsharebuttonbox{ float: right; line-height: 50px;}
.newsCon .bdsharebuttonbox .fx{ font-size: 14px; color: #b2b2b2; float: left;}
.newsCon .bdsharebuttonbox .bds_weixin{ width: 22px; height: 22px; background: url(/Templates/cn/images/fx1.png) no-repeat center;}
.newsCon .bdsharebuttonbox .bds_weixin:hover{ background: url(/Templates/cn/images/fx1_1.png) no-repeat center;}
.newsCon .bdsharebuttonbox .bds_tsina{ width: 22px; height: 22px; background: url(/Templates/cn/images/fx2.png) no-repeat center;}
.newsCon .bdsharebuttonbox .bds_tsina:hover{ background: url(/Templates/cn/images/fx2_1.png) no-repeat center;}
.newsCon .bdsharebuttonbox .bds_qzone{ width: 22px; height: 22px; background: url(/Templates/cn/images/fx3.png) no-repeat center;}
.newsCon .bdsharebuttonbox .bds_qzone:hover{ background: url(/Templates/cn/images/fx3_1.png) no-repeat center;}
.newsCon .bdsharebuttonbox .bds_more{ width: 22px; height: 22px; background: url(/Templates/cn/images/fx4.png) no-repeat center;}
.newsCon .bdsharebuttonbox .bds_more:hover{ background: url(/Templates/cn/images/fx4_1.png) no-repeat center;}
.newsCon .bdshare-button-style0-16 a,.newsCon .bdshare-button-style0-16 .bds_more{ margin: 14px 0 14px 10px;}

.newsCon .info{ font-size: 14px; line-height: 30px; margin-top: 20px;}
.newsCon .sx_fy{ border-bottom: 1px solid #ebebeb; height: 80px; line-height: 80px;}
.newsCon .sx_fy a{ float: left; width: 50%; color: #666; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-transform: uppercase;}
.newsCon .sx_fy a.r_fy{ float:right; text-align:right;}
.newsCon .sx_fy a:hover{ color: #0093dd;}
.newsConList h5.title{ font-size: 24px; color: #0093dd; margin: 30px 0 25px 0;}
.newsConList ul{ overflow: hidden;}
.newsConList ul .l1{ float: left; width: 49%; margin-right: 2%; line-height: 40px; border-bottom: 1px dashed #d7d8d8;}
.newsConList ul .l1:nth-child(2n){ margin-right: 0;}
.newsConList ul .l1 .date{ float: right; font-size: 14px; color: #777;}
.newsConList ul .l1 .wz{ width: 75%; font-size: 14px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-transform: uppercase;}
.newsConList ul .l1 a:hover p{ color: #0093dd;}

@media screen and (max-width:1023px ) {
.newsCon{ padding-bottom: 20px;}
.newsCon .tit{ font-size: 16px; margin-bottom: 10px;}
.newsCon .cent .return{ float: left; width: 15%; line-height: 24px; font-size: 12px; background: url(/Templates/cn/images/return1.png) no-repeat 25px center; background-size: 20%;}
.newsCon .cent .time{ float: left; width: 85%; line-height: 24px; font-size: 14px; text-align: left;}
.newsCon .info{ line-height: 24px; margin-top: 10px;}
.newsCon .sx_fy{ height: 60px; line-height: 30px;}
.newsCon .sx_fy a{ width: 100%;}
.newsCon .sx_fy a.r_fy{ text-align: left;}
.newsConList h5.title{ font-size: 16px;  margin: 10px 0 5px 0;}
.newsConList ul .l1{ width: 100%; margin-right: 0; line-height: 26px;}

}

/* 联系我们 */

.contCon{ position: relative;}
#bdmap{ height: 600px; margin-top: 250px;}
.contCon .cont{ width: 1500px; height: 390px; background: #fff; position: absolute; left: 50%; margin-left: -750px; top: -230px;}
.contCon .pic{ width: 18%; margin: 100px 3.5% 120px 3.5%; float: left; text-align: center;}
.contCon .pic .img{ width: 100px; height: 100px; display: inline-block;}
.contCon .pic .img img{ height:100%;
     -webkit-transition: all 0.3s ease-out 0s; 
     -moz-transition: all 0.3s ease-out 0s; 
     -o-transition: all 0.3s ease-out 0s; 
     transition: all 0.3s ease-out 0s;
}
.contCon .pic:hover .img img{ transform:rotateY(180deg);}
.contCon .pic .tit1{ font-size: 18px; font-weight: bold; margin: 30px 0 25px 0;}
.contCon .pic .tit2{ font-size: 16px; color: #666666;}

/* 修改开始 */
#bdmap img{ max-width:none;}
#bdmap .iw_poi_content{ padding-left: 180px; margin-top: -105px; white-space: nowrap; font-size: 18px; color: #333333; line-height: 30px; width: 100%;}
#bdmap .iw_poi_title{ line-height: 0; width: 178px; height: 140px;}
#bdmap .BMap_pop{ float:right; background-color:#fff; background-repeat:no-repeat; border:none !important; width:588px !important; height:140px; margin:140px 0 0 340px; box-shadow: 0 0 10px rgba(0,0,0,0.18);}
#bdmap .BMap_shadow, .BMap_shadow img, .BMap_shadow div{display:none;}

#bdmap .BMap_pop div:nth-child(8){display:none;}
#bdmap .BMap_pop div:nth-child(7){display:none;}
#bdmap .BMap_pop div:nth-child(3){display:none;}
#bdmap .BMap_pop div:nth-child(5){display:none !important;}
#bdmap .BMap_bottom{display:none !important;}
#bdmap .BMap_pop div{ border:none !important;}
#bdmap .BMap_pop div:nth-child(2){background:none !important;}
#bdmap.BMap_bubble_content{ width:520px !important; height:140px !important; background:#fff !important;}

#bdmap .BMap_bubble_content{width:520px !important; height:140px !important; background-color: #fff !important; }
#bdmap .BMap_pop div:nth-child(9),
#bdmap .BMap_center{left: 0 !important; top:0 !important; width:488px !important; height:140px !important;}

#bdmap .BMap_pop img:nth-child(10){right:10px !important; left: auto !important;}

#bdmap .iw_poi_content p{font-size:18px; line-height: 30px; color:#333333; text-transform: uppercase;}
/* 修改结束 */
@media (max-width:1630px ) {
.contCon .cont{ width: 1366px; margin-left: -683px;}
}
@media (max-width:1400px ) {
.contCon .cont{ width: 90%; margin-left: -45%; top: -140px;}
}
@media (max-width:1230px ) {
#bdmap{ margin-top: 180px;}
.contCon .cont{ top: -160px;}
}
@media (max-width:1023px ) {
.contCon .cont{ width: 90%; height: 240px; margin-left: -45%; top: -140px;}
#bdmap{ margin-top: 150px; height: 400px;}
.contCon .pic .img{ width: 50%; height: auto;}
.contCon .pic{ width: 18%; margin: 30px 3.5% 60px 3.5%;}
.contCon .pic .tit1{ font-size: 16px; margin: 10px 0 5px 0;}
.contCon .pic .tit2{ font-size: 14px;}
}
@media (max-width:768px ) {
.contCon .pic{ width: 46%; margin: 0 2% 15px 2%;}
.contCon .pic .img{ width: 15%;}
    #bdmap .BMap_pop {margin:140px 0 0 220px;}
}


/* 招贤纳士 */
.joinCon{ float: left; width: 100%;}
.jionIn{ float: left; width: 100%; overflow: hidden; padding-bottom: 30px;}
.jionIn ul{ border-bottom: 1px solid #ebebeb;}
.jionIn li{ border-top: 1px solid #ebebeb;}
.jionIn .tit{ padding: 30px 0; overflow: hidden;}
.jionIn .tit .tit_left{ float: left; width: 80%;}
.jionIn .tit .t1{ font-size: 18px; margin-bottom: 15px; font-weight: bold;}
.jionIn .tit .t2 span{ font-size: 16px; color: #5c5c5c; margin-right: 120px;}
.jionIn .tit .t3{ float: right; width: 62px; height: 48px; margin: 5px 0; border-left: 1px solid #dddddd; background: url(/Templates/cn/images/Join1.png) no-repeat right center;}
.jionIn .tit.active .t3{ background: url(/Templates/cn/images/Join1_1.png) no-repeat right center;}
.jionIn li .box{ display:none; background: #f4f4f4; padding: 30px;}
.jionIn li .box .left{ float: left; width: 51%;}
.jionIn li .box .right{ float: right; width: 40%;}
.jionIn li .box .p1{ font-size: 16px; font-weight: bold; margin-bottom: 10px; color: #4c4c4c;}
.jionIn li .box .p2{ font-size: 14px; line-height: 34px; color: #4c4c4c;}
.jionIn li .box .lin{ float: left; margin-left: 5%; width: 1px; height: 230px; background: #e0e0e0;}
.jionIn li .box .email{ font-size: 16px; font-weight: bold; margin-top: 40px;}
.jionIn li .box .email .a{ color: #0093dd; font-weight: normal; display:inline-block;}
.jionIn li .box .but{ width: 133px; height: 34px; line-height: 34px; font-size: 14px; margin-top: 120px; text-align: center; background: url(/Templates/cn/images/Join2.png) no-repeat center;}
.jionIn li .box .but a{ color: #fff;}
@media screen and (max-width:1230px ) {
.jionIn .tit .t2 span{margin-right: 80px;}
}
@media screen and (max-width:1023px ) {
.jionIn{ padding-bottom: 10px;}
.jionIn .tit{ padding: 10px 0;}
.jionIn .tit .t1{ font-size: 16px; margin-bottom: 5px;}
.jionIn .tit .t2 span{ font-size: 14px; margin-right: 10px;}
.jionIn li .box{ padding: 10px;}
.jionIn li .box .left{ width: 100%;}
.jionIn li .box .right{ width: 100%;}
.jionIn li .box .p1{ font-size: 14px; margin-bottom: 0; margin-top: 5px;}
.jionIn li .box .p2{ font-size: 12px; line-height: 24px;}
.jionIn li .box .lin{ display: none;}
.jionIn li .box .email{ font-size: 14px; margin-top: 10px;}
.jionIn li .box .but{ width: 80px; height: 28px; line-height: 26px; font-size: 12px; margin-top: 10px; background-size: 100%;}
.jionIn .tit .t3{ width: 40px; height: 20px; margin: 22px 0; background-size: 25%;}
.jionIn .tit.active .t3{ background-size: 25%;}    
}