/* CSS Document */
*{margin:0;padding:0;outline:none;-webkit-text-size-adjust:none;font-family:"Microsoft YaHei","Arial","黑体","宋体","SimHei"," Verdana",;_font-family:Arial !important;}
body{color:#1E1E1B;line-height:180%; }
h1, h2, h3, h4, h5, h6, h7, h8, h9{font-size:100%; font-family:"Helvetica Neue","Helvetica,Arial","PingFang SC","Heiti SC","Microsoft Yahei",sans-serif; font-weight:normal;}
address, cite, dfn, em, var,i{font-style:normal;}
ul,li, oi{list-style:none;}
html{ overflow-x:hidden; }
a{ text-decoration:none; color:#333;}
html,body{ height: 100%;}
body.locked{ overflow: hidden;}
.all{ width: 100%; min-width:480px; min-height: 100%; overflow: hidden; position: relative; background-color: #fff;}
.allfirst{ height: 100%;}
.banne{ width:auto; height:500px; margin:0 auto;position:relative;} 
.banne h1{ width:auto; height:120px; line-height:120px; font-size:46px; text-align:center; color:#FFF; font-weight:bold; position:relative; line-height:44vh; }
.bannes{ width:auto; height:60px; margin:0 auto;}
.about_cy{ width:90%; min-height:700px; margin:0 auto; overflow:hidden; padding-top:50px;}
.about_cy dd{ width:35%; height:200px;float:left; vertical-align:middle; padding-top:2%;}
.about_cy dd h1{ width:auto; line-height:80px; font-size:5vh;}
.about_cy dd p{ line-height:60px; font-size:5vh;}
.about_cy dt{ width:65%; height:200px; line-height:40px; font-size:16px; float:right;}
.abouts{ width:auto; height:auto; margin:0 auto;background:url(../img/aboutBg.jpg) no-repeat left; }
.dwo_aob .tdwo {
  margin-top: 0.7rem;
  position: relative; 
}
.dwo_aob .tdwo .bk {
  width: 100%;
}
.dwo_aob .tdwo .bk img {
  width: 100%;
}
.dwo_aob .tdwo .post {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
}
.dwo_aob .tdwo .post .item {
  position: relative;
  transition: 0.8s;
  flex: 1;
  display: flex;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.dwo_aob .tdwo .post .item > div {
  width: 100%;
  margin: auto;
  color: #fff;
  padding: 0 10%;
}
.dwo_aob .tdwo .post .item > div .div_1 {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;font-size:26px; font-weight:bold;
}
.dwo_aob .tdwo .post .item > div .div_1 dd{  position: absolute;
  width: 100%;
  left: 0;
  top: 40%; height:200px;
  transform: translateY(-50%);
  text-align: center;font-size:26px; font-weight:bold;}
  
.dwo_aob .tdwo .post .item > div .div_1 dt{
	position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;font-size:26px; font-weight:bold;
	}

.dwo_aob .tdwo .post .item > div .div_2 {
  display: none;
}
.dwo_aob .tdwo .post .item > div .div_2 .desc {
  margin-top: 0.16rem;
  line-height: 1.5;
}
.w1520 { width:90%; margin:0 auto;
}
@media (min-width: 750px) {
  .dwo_aob .tdwo .post .item:hover {
    flex: 2.7;
  }
  .dwo_aob .tdwo .post .item:hover > div .div_1 {
    animation: fadeOut 0.4s 0.2s both;
  }
  .dwo_aob .tdwo .post .item:hover > div .div_2 {
    display: block;
  }
  .dwo_aob .tdwo .post .item:hover > div .div_2 .txtm {
    animation: fadeInUp 0.6s 0.8s both; font-size:26px; font-weight:bold;
  }
  .dwo_aob .tdwo .post .item:hover > div .div_2 .desc {
    animation: fadeInUp 0.6s 1s both; font-size:16px; padding-top:20px;
  }
}
.about_yg{ width:100%; min-height:900px; margin:0 auto;}
.about_yg h3{ width:auto; height:100px; line-height:100px; font-size:56px; text-align:center; padding-top:60px;}
/* 
.swiper-container{ width:100%;height:560px; margin:0 auto;}
.swiper-container .swiper-pagination-bullet-active{ background:#26bbee !important; }
.swiper-container .swiper-slide{ width:50%; height:100%; float:left; position:relative;position: relative; background:#FFF;}
.swiper-container .swiper-slide span img{ width:100%; height:auto;}
.swiper-container .swiper-slide span{ width:100%; line-height:60px; font-size:16px; margin:0 auto; color:#6d6d6d;}
.swiper-container .swiper-slide p{width:100%; line-height:60px; font-size:1.0vw; margin-bottom:20%; text-align:center;}
.swiper-container .swiper-slide p a{font-size:1.0vw; text-align:center;}
.swiper-pagination{text-align:center;width:100%; position:relative;color:#050505; top:450px;}
 */


.about_ygz{ width:100%; min-height:900px; margin:0 auto; overflow:hidden; background:url(../img/ab_zz.jpg) bottom;}
.about_ygc{width:90%; min-height:600px; margin:0 auto; overflow:hidden; position:relative;}
.about_ygc h3{ width:auto; height:160px; line-height:160px; font-size:56px; text-align:center;}
.swiper-container1{ width:auto;min-height:600px; margin:0 auto;}
.swiper-container1 .swiper-pagination-bullet-active{ background:#02328d !important; }
.swiper-container1 .swiper-slide{ width:25%; height:100%; float:left; position:relative;}
.swiper-container1 .swiper-slide img{ width:100%; height:auto;}
.swiper-container1 .swiper-slide p{ width:100%; line-height:60px; font-size:16px; margin:0 auto; color:#333; text-align:center;}
.swiper-container1 .swiper-slide p a{width:100%; font-size:1.0vw:#333; text-decoration:none; text-align:center;}
.swiper-container .swiper-pagination{text-align:center;width:100%; position:relative;color:#333; padding-top:260px; }


.prod_ygw{width:90%; min-height:560px; margin:0 auto;position:relative; overflow:hidden;}
.prod_ygw h3{ width:auto; line-height:80px; font-size:3vh; text-align:left;}
.swiper-container3{ width:100%;min-height:400px; margin:0 auto;}
.swiper-pagination-bullet-active{ background:#26bbee !important; }
.swiper-container3 .swiper-slide{ width:20%; height:90%; float:left; position:relative;position: relative;border:1px solid #cfcfcf;box-shadow: 2px 2px 13px 0px rgb(147 147 147 / 12%);}
.swiper-container3 .swiper-slide span img{ width:100%; height:auto;}
.swiper-container3 .swiper-slide span{ width:100%; line-height:60px; font-size:16px; margin:0 auto; color:#6d6d6d;}
.swiper-container3 .swiper-slide p{width:100%; line-height:60px; font-size:1.0vw; margin-bottom:10%; text-align:center;}
.swiper-container3 .swiper-slide p a{font-size:1.0vw; text-align:center;}
.swiper-container .swiper-pagination{text-align:center;width:100%; position:relative;color:#050505;}


.about_hz{ width:100%; min-height:500px; margin:0 auto; background:#efefef; padding-top:50px; overflow:hidden; clear:both;}
.about_hz h4{ width:auto; height:120px; line-height:60px; font-size:56px; text-align:center;}
.about_bz{ width:90%; min-height:400px; margin:0 auto;position:relative; clear:both;}
.about_bz ul{ width:100%; margin:0 auto;}
.about_bz ul li {width:15.0%;height:120px;float: left;position: relative;overflow: hidden;background:#FFF; margin-left:1.2%; margin-bottom:1.2%;}
.about_bz ul li:hover{box-shadow: 0px 4px 8px 0 rgba(151, 151, 151, 0.2);}
.about_bz ul li:nth-child(6n+1){margin-left:0px;}
.about_bz ul li img{ width:100%; min-height:120px;}

.cont_cy{ width:90%; height:460px; margin:0 auto; background:url(../img/about_cy.jpg) center no-repeat;background-size:cover;margin-top: 4%;border-radius: 20px; margin-bottom: 7%;}
.cont_cy .boxs {overflow: hidden;width: 90%;margin: 0 auto;display: flex;justify-content: space-between; padding:5%;}
.cont_cy .boxs .cy_a {width: calc(26% - 124px);width: -webkit-calc(26% - 124px);width: -moz-calc(26% - 124px);width:26%;overflow: hidden; float:left;}
.cont_cy .boxs .cy_a h1{ width:auto; line-height:60px; font-size:2.3rem; font-weight:bold;}
.cont_cy .boxs .cy_a p{ width:auto; line-height:30px; font-size:1.0rem;}
.cont_cy .boxs .cy_a dd{ width:auto; line-height:30px; font-size:1rem; padding-top:5%;}
.cont_cy .boxs .cy_a dt{ width:auto; line-height:60px; font-size:3rem; font-weight:bold; color:#26bbee;}
.cont_cy .boxs .cy_a em{ width:auto; height:30px; line-height:30px; font-size:1rem; margin-top:2%;}

.cont_cy .boxs .cy_al{ width:30%; height:auto; float:left; text-align:left;padding-top:9%;}
.cont_cy .boxs .cy_al dd{ width:auto; line-height:30px;font-size:1.0rem;}
.cont_cy .boxs .cy_al dt{ width:auto; line-height:30px;font-size:1.0rem; font-weight:bold;}


.cont_cy .boxs .cy_al2{ width:20%; height:auto; float:right;padding-top:7%; text-align:center;}
.cont_cy .boxs .cy_al2 dd{ width:100%; height:auto; float:right; display:block;}
.cont_cy .boxs .cy_al2 p{ width:100%; line-height:50px; font-size:1rem; text-align:center;}

.books{ width:auto; height:600px; margin:0 auto; background:#f8f8f8; margin-top:60px;}
.books .txte{ width:90%; height:auto; margin:0 auto;}
.books .txte h2{font-size:24px;}
.books .txte p{ font-size:16px;}
.books .tdow{ width:90%; height:auto; margin:0 auto; padding-top:60px;}
.books .tdow .tdows{ width:auto; margin:0 auto;}
.books .tdow .tdows dl{ width:100%; height:60px; margin-bottom:30px;}
.books .tdow .tdows dl dd{ width:48%; height:6px; float:left;  transition: 0.6s;}
.books .tdow .tdows dl dt{ width:48%; height:6px; float:right;  transition: 0.6s;}
.books .tdow .tdows dl input{  transition: 0.6s;width: 100%;}
.textu{ width:auto; height:80px; margin:0 auto;}

.buttons{ width:100%; height:60px; line-height:60px; font-size:16px; clear: both; background:#26bbee; margin-top:100px;}
.button{ width:100%; height:60px; line-height:60px; font-size:16px; position:relative;cursor: pointer;background:#26bbee; color:#FFF;}
input{ width:90%; line-height:60px; font-size:14px; border:1px solid #fff; color:#333; padding:0 0px; text-indent:10px;}
input:focus {border-color:#26bbee;}
textarea{width:98.5%; height:120px;font-size:14px;  border:1px solid #fff;color:#333;padding:10px 10px;font-family:"Microsoft YaHei";}

.prod_n{ width:90%; height:100px; margin:0 auto;}
.prod_n ul{ width:auto; margin:0 auto; text-align: center;}
.prod_n ul li{min-width:5%; line-height:50px; font-size:1.2rem; display:inline-block; padding:1%;}

.about_ov{ width:auto; min-height:500px; margin:0 auto; padding:60px 0px 60px 0px;}

.about_cov{ width:90%; min-height:300px; margin:0 auto;overflow:hidden;background:#FFF;}
.about_cov dl{ width:100%; margin:0px;}
.about_cov dl dd{ width:50%; min-height:300px; float:left;box-shadow:0 10px 20px rgba(0,0,0,.15);}
.about_cov dl dd img{ width:100%; height:auto;}
.about_cov dl dt{ width:50%; min-height:300px; float:right; display:block;}
.about_cov dl dt h1{ width:100%; line-height:60px; font-size:39px; padding-top:10%; padding-left:60px;display:block;}
.about_cov dl dt p{ width:90%; line-height:40px; font-size:18px;padding-left:60px; color:#666; padding-top:20px; float:left; text-align:left;}
.about_cov dl dt span{ width:150px; height:45px; line-height:45px; text-align:center;border-radius:100px; border:1px solid #e2e2e2; display:block; position:relative; clear:both; right:-60px;top:60px;-webkit-transition:all 0.5s;transition:all 0.5s;}
.about_cov dl dt span:hover{background:#26bbee;border-radius:20px; color:#FFF;}
.about_cov dl dt span:hover a{color:#FFF;min-width:60px;border-radius:20px;}
.about_cov dl dt span a{ text-decoration:none; color:#666; font-size:16px;}

.about_cov1{ width:90%; min-height:300px; margin:0 auto; overflow:hidden;background:#FFF;}
.about_cov1 dl{ width:100%; min-height:300px; margin:0px;overflow:hidden;}
.about_cov1 dl dd{ width:50%;height:auto; float:right;box-shadow:0 10px 20px rgba(0,0,0,.15); overflow:hidden;}
.about_cov1 dl dd img{ width:100%; height:auto;}
.about_cov1 dl dt{ width:50%; min-height:300px; float:left; display:block;}
.about_cov1 dl dt h2{ width:auto; line-height:60px; font-size:39px; padding-top:10%; padding-left:60px;}
.about_cov1 dl dt p{ width:80%; line-height:40px; font-size:18px;padding-left:60px;color:#666;padding-top:20px; margin:0 auto;float:left; text-align:left;}
.about_cov1 dl dt span{ width:150px; height:45px; line-height:45px; text-align:center;border-radius:100px; border:1px solid #e2e2e2; position:relative; float:left; top:60px; left:60px;-webkit-transition:all 0.5s;transition:all 0.5s;}

.about_cov1 dl dt span:hover{background:#26bbee;border-radius:20px; color:#FFF;}
.about_cov1 dl dt span:hover a{color:#FFF;min-width:60px;border-radius:20px;}
.about_cov1 dl dt span a{ text-decoration:none; color:#666; font-size:16px;display:block;}

.list_nw{ width:90%; min-height:260px; margin:0 auto; margin-top:40px;position:relative;}
.list_nw ul{ width:100%; margin:0px;}
.list_nw ul li{ width:33.333%; min-height:260px; float:left; position:relative; overflow:hidden; padding:2%;

  border: 1px solid #e8e8e8; 
  box-sizing: border-box; 
  margin-right: -1px;  
   margin-top: -1px;  
  position: relative; 
}

.list_nw span{ width:100%; line-height:60px; font-size:16px; display:block; margin:0 auto; color:#6d6d6d;}
.list_nw h3{ width:100%; line-height:30px; height:80px; font-size:1.3vw;margin:0 auto;}
.list_nw h3 a{font-size:1.3vw;}
.list_nw dd{ width:23%; line-height:36px;  border-radius:100px; border:1px solid #333; text-align:center; position:relative; top:10%;-webkit-transition: all .8s ease;transition: all .8s ease;}
.list_nw dd a{ text-align:center; font-size:14px;}
.list_nw ul li:hover dd {background:#26bbee;color:#fff;border-color:#26bbee;}
.list_nw ul li:hover dd a{color:#fff;}
.list_nw ul li:hover { -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1); box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);}

.prod_bg{ width:auto; height:auto; margin:0 auto; background:#f1f1f1;}
.about_xw{ width:90%; min-height:150px; margin:0 auto; text-align:center; padding-top:2%; padding-top:1%;}
.about_xw ul{ width:100%; margin:0 auto;}
.about_xw ul li{ min-width:150px; line-height:60px; font-size:18px; display:inline-table; margin:10px 5px 10px 5px; border:1px solid #e2e2e2; -webkit-transition:all 0.5s;transition:all 0.5s; background:#FFF; border-radius:10px;}
.about_xw ul li:hover{background:#26bbee;border-radius:20px; color:#FFF;}
.about_xw ul li:hover a{color:#FFF;min-width:90px;border-radius:20px;}
.about_xw ul li a{min-width:90px;font-size:18px; display:block; padding:0 10px 0 10px; font-weight:bold;}
.about_xw ul li a.active,.about_yl ul li a:hover{min-width:90px; background:#26bbee;color:#fff;border-radius:10px; }
.about_xw .sn{ width:auto; margin:0 auto; padding-top:1%;}
.about_xw .sn a.active,.about_xw .sn a:hover{min-width:120px; border-radius:6px; height:45px; background:#26bbee;color:#FFF;line-height:45px; font-size:16px; display:block;}
.about_xw .sn em{mib-width:120px; height:45px; line-height:45px; float:left; text-align:center; border:1px solid #e2e2e2; margin-right:1%; margin-bottom:0.5%; border-radius:6px;background:#FFF; }
.about_xw .sn em a{min-width:120px; font-size:16px; display:block; height:45px;padding:0 1% 0 1%;}

/*
.prod_su{ width:82%; min-height:500px; margin:0 auto; float:right;}
.prod_su ul{ width:100%; margin:0 auto;}
.prod_su ul li{ width:48%; min-height:300px; float:left; overflow:hidden; position:relative; margin-left:2%; background:#FFF; margin-bottom:30px;}
.prod_su ul li:nth-child(2n+1){margin-left:0px;}
.prod_su ul li .csu{ width:50%; height:auto; float:left; padding:2%;}
.prod_su ul li .csu h1{ width:auto; line-height:30px; font-size:16px; font-weight:bold;}
.prod_su ul li .csu p{ min-width:20%; line-height:20px; float:left; padding:1%;}
.prod_su ul li .csu p a{ color:#666; font-size:14px;}
.prod_su ul li .csur{ width:45%; min-height:230px; float:right; overflow:hidden;}
.prod_su ul li .csur img{ width:100%; height: auto;}
*/
.index_po{ width:90%; min-height:600px; margin:0 auto; overflow:hidden; padding-top:20px; margin-bottom:0%;}
.index_po ul{ width:100%; margin:0 auto;}
.index_po ul li{ width:22.50%;*width:29.95%!important; float:left; position:relative; margin-left:3%; margin-bottom:35px; background:#FFF;transition: all .3s ease-in-out;border-style: solid; border:1px solid #cfcfcf;box-shadow: 2px 2px 13px 0px rgb(147 147 147 / 12%);}
.index_po ul li:nth-child(4n+1){margin-left:0px;}
.index_po ul li .pic{width:100%; height:100%;overflow:hidden; border-bottom:1px solid #F4F6F8; position: relative;}
.index_po ul li:hover:before{bottom:0px;opacity:1;width:100%; overflow:hidden; height:20%; }
.index_po ul li:before{
    content: "";
	position: absolute;
    width:100%;
    height:0px;
    left:0%;right:0px;bottom:0px;
    webkit-transition:all .3s ease-in-out;
    transition: all .3s ease-in-out;background:#26bbee; z-index:1; box-shadow: inset 0 -3.25em 0 0 var(--hover);color:#FFF;}  

.index_po ul li .pic img{ max-width:100%; height:100%; 
 
     -webkit-transition: all .5s;
     -moz-transition: all .5s;
     -ms-transition: all .5s;
     -o-transition: all .5s;
        transition: all .5s;}
.index_po ul li .pic:hover img	{ 
     -webkit-transition: all 5s;
     -moz-transition: all 5s;
     -ms-transition: all 5s;
     -o-transition: all 5s;
        transition: all 5s;
-webkit-transform: scale(1.1,1.1);
      -moz-transform: scale(1.1,1.1);
      -ms-transform: scale(1.1,1.1);
       -o-transform: scale(1.1,1.1);
        transform: scale(1.1,1.1);
}
	
.index_po ul li p{ width:100%; min-height:60px; line-height:50px; font-size:16px; font-weight:bold; text-align:center; position:relative; z-index:6;transition: all .3s ease-in-out;}
.index_po ul li:hover a{ color:#FFF;transition: all .3s ease-in-out;}
.index_po ul li em{ width:100%; line-height:20px; font-size:14px; color:#666;}



/*备用样式*/

.prod_su1{ width:90%; min-height:500px; margin:0 auto;}
.prod_su1 ul{ width:100%; margin:0 auto;}
.prod_su1 ul li{ width:48%; min-height:130px; float:left; overflow:hidden; position:relative; margin-left:2%; background:#FFF; margin-bottom:30px;}
.prod_su1 ul li:nth-child(2n+1){margin-left:0px;}
.prod_su1 ul li .csu{ width:50%; height:auto; float:left; padding:2%;}
.prod_su1 ul li .csu h1{ width:auto; line-height:30px; font-size:16px; font-weight:bold;}
.prod_su1 ul li .csu p{ min-width:130px; line-height:20px; float:left; padding:1%;background:url(../img/cyi.jpg) no-repeat left; text-indent:10px;}
.prod_su1 ul li .csu p a{ color:#666; font-size:14px;}
.prod_su1 ul li .csur{ width:45%; height:190px; float:right; overflow:hidden;}
.prod_su1 ul li .csur img{ width:auto; height: auto;}
/*备用样式结束*/



/*二级分类*/

.prod_cy{ width:90%; min-height:700px; margin:0 auto; overflow:hidden;}
.prod_cy .lee{ width:16%; min-height:700px; float:left; background:#FFF;}
.prod_cy .lee h1{ width:100%; line-height:80px; font-size:30px; font-weight:bold; background:#25bbee; border-bottom:1px solid #25bbee; color:#FFF; margin:0 auto; text-indent:20px;}

.prod_cy .ree{ width:78%; min-height:600px; float:right; margin:0px;}
.prod_u { width:auto; min-height:300px; padding-top:30px; overflow: hidden;}
.prod_u ul{ width:100%; margin:0 auto;}
.prod_u ul li{ width:23%;*width:29.95%!important; float:left; height:100%;position:relative; margin-left:2.6%;  transition: all .2s linear; margin-bottom:4%;}
.prod_u ul li:nth-child(4n+1){margin-left:0px;}
.prod_u ul li span{ width:100%; height:auto; overflow:hidden; float:left;}
.prod_u ul li span img{ width:100%; height:auto;
 
     -webkit-transition: all .5s;
     -moz-transition: all .5s;
     -ms-transition: all .5s;
     -o-transition: all .5s;
        transition: all .5s; margin-bottom:1%;}
.prod_u ul li:hover span img	{ 
     -webkit-transition: all 5s;
     -moz-transition: all 5s;
     -ms-transition: all 5s;
     -o-transition: all 5s;
        transition: all 5s;
-webkit-transform: scale(1.1,1.1);
      -moz-transform: scale(1.1,1.1);
      -ms-transform: scale(1.1,1.1);
       -o-transform: scale(1.1,1.1);
        transform: scale(1.1,1.1);
}


.index_pol{ width:90%; min-height:600px; margin:0 auto; overflow:hidden; padding-top:0px; margin-bottom:5%;}
.index_pol ul{ width:100%; margin:0 auto;}
.index_pol ul li{ width:23%;*width:29.95%!important; float:left; position:relative; margin-left:2.0%; margin-bottom:35px;}
.index_pol ul li:nth-child(4n+1){margin-left:0px;}
.index_pol ul li .pic{width:100%; height:auto;overflow:hidden; margin-bottom:5%;}
.index_pol ul li .pic img{ width:100%; 
 
     -webkit-transition: all .5s;
     -moz-transition: all .5s;
     -ms-transition: all .5s;
     -o-transition: all .5s;
        transition: all .5s;}
.index_pol ul li .pic:hover img	{ 
     -webkit-transition: all 5s;
     -moz-transition: all 5s;
     -ms-transition: all 5s;
     -o-transition: all 5s;
        transition: all 5s;
-webkit-transform: scale(1.1,1.1);
      -moz-transform: scale(1.1,1.1);
      -ms-transform: scale(1.1,1.1);
       -o-transform: scale(1.1,1.1);
        transform: scale(1.1,1.1);
}
	
.index_pol ul li p{ width:100%; min-height:30px; line-height:30px; font-size:18px; text-align:center;}


.prod_u ul li p{ width:auto; height:40px; line-height:40px; font-size:14px; text-align:center;}
.tit{width:100%; height:40px; line-height:40px; font-size:14px; text-align:center; background:#f2f1ed; clear:both;}
.posit{ width:auto; height:60px;line-height:60px; margin:0 auto;border-bottom:1px solid #e5e5e5;}
.posit i{ width:30%; line-height:60px; font-size:20px; text-align:center;text-align:left; float:left; font-style: normal;}
.posit em{ width:70%; float:right; line-height:60px; font-size:14px; text-align:right;}

.prod_left ul {
transition: 0.6s; width:100%;
}

.prod_left ul li {
  /* font-size: 16px; */
border-bottom: 1px solid #eee; line-height:45px; font-size:15px;}

.prod_left ul li a:hover{ color:#003281;}

.prod_left .child {
  display: none;
  font-size: 14px;transition: 0.6s; background:#FFFFFF; line-height:45px; position:relative; text-indent:30px;transition: 0.6s;
}

.prod_left ul li span {
  color: #333;
  font-size:26px;
  /* margin-right: 6px; */
  text-align: center;
  width: 16px;position:relative; left:200px;
}

.prod_left ul li .span_jian {
    display: none;color:#333;
}

.prod_left .bg .span_jian{
    display: inline-block;color:#333;font-family:"century gothic";
}
.prod_left .bg .span_jia{
    display: none;  color:#333;font-family:"century gothic"; position:relative; top:10px;
}
.prod_left .bg .child{
  display: block;
}

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

.prod_m .lee{ width:15%; min-height:600px; float:left; background:#f3f3f3;}
.prod_left ul li span {
  color: #333;
  font-size:26px;
  /* margin-right: 6px; */
  text-align: center;
  width: 16px;position:relative; right:-160px; width:60%;
}
.prod_left ul li .span_jian {
    display: none;color:#333;
}

.prod_left .bg .span_jian{ position:relative; left:-60px;
display: inline-block;color:#333;font-family:"century gothic";
}
.prod_left .bg .span_jia{
    display: none;  color:#333;font-family:"century gothic";
}
}


.news_n{ width:90%; min-height:600px; margin:0 auto; padding-top:60px;}
.news_n h1{ width:auto; line-height:60px; font-size:39px; text-align:center;}
.news_n .time{ width:auto; height:30px; text-align:center;}
.news_n .time i{ min-width:60px; padding:0 10px 0 10px; line-height:40px; font-size:14px; font-style:normal;color:#757575;}
.news_n .cont{ width:100%; line-height:36px; font-size:16px;color:#757575; padding:15px; padding:2%;}
.pag{ width:100%; min-height:60px;line-height:30px; font-size:14px; margin:0 auto; text-align:center;}
.pag dd{ width:50%; line-height:30px; float:left;}
.pag dt{ width:50%; line-height:30px; float:right;}


.cy_nw{ width:90%; height:auto; margin:0 auto; position:relative; overflow:hidden;}
.swiper-container2{ width:100%;min-height:300px; margin:0 auto;}
.swiper-container2 .swiper-pagination-bullet-active{ background:#26bbee !important; }
.swiper-container2 .swiper-slide{ width:23%; height:60%; float:left; position:relative; padding:2%;
  box-sizing: border-box; 
  margin-right: -1px;  
  border: 1px solid #e8e8e8; }
.swiper-container2 .swiper-slide span{ width:100%; line-height:60px; font-size:16px; display:block; margin:0 auto; color:#6d6d6d;}
.swiper-container2 .swiper-slide h3{ width:100%; line-height:30px; height:80px; font-size:1.3vw;margin:0 auto;}
.swiper-container2 .swiper-slide h3 a{font-size:1.3vw;}
.swiper-container2 .swiper-slide dd{ width:23%; line-height:36px;  border-radius:100px; border:1px solid #333; text-align:center; position:relative; top:10%;-webkit-transition: all .8s ease;transition: all .8s ease;}
.swiper-container2 .swiper-slide dd a{ text-align:center; font-size:14px;}
.swiper-container2 .swiper-slide:hover dd {background:#26bbee;color:#fff;border-color:#26bbee;}
.swiper-container2 .swiper-slide:hover dd a{color:#fff;}
.swiper-pagination{text-align:center;width:100%; position:relative;color:#333}


.index_cot{ width:auto; min-height:660px; margin:0 auto; background:#efefef; padding-top:40px; padding-bottom:60px;}
.txt{ width:90%; min-height:630px; overflow:hidden; margin:0 auto; margin-top:30px;}
.txt .text{ width:600px; height:auto; float:left; position:relative;}
.txt .text img{ width:100%; height:auto; display:block;}
.txt .ctxt{ width:40%; min-height:400px; float:left; overflow:hidden; padding-left:5%;}
.txt .ctxt h2{ width:auto; line-height:80px; font-size:33px; font-weight:bold; font-family:"font-family:"Microsoft YaHei","Arial","宋体","黑体","SimHei"," Verdana",;_font-family:Arial !important;"}
.txt .ctxt em{ width:auto; min-height:230px; line-height:30px; font-size:16px;color:#333; padding-bottom:3%; padding-top:3%;}
.txt .ctxt em p{list-style:none;line-height:30px; font-size:16px;}
.txt .ctxt .cysn{ width:auto; line-height:60px; min-height:60px; font-size:16px; border-bottom:1px solid #ccc;border-top:1px solid #ccc; margin-bottom:3%;}
.txt .ctxt dl{min-width:40%; height:60px; background:#26bbee; border-radius:10px; float:left; margin-right:30px; position:relative; margin-bottom:20px;}
.txt .ctxt dl dt{ min-width:42%;  height:60px; line-height:60px; text-align:center; font-size:1.0vw;float:left; color:#FFF; padding:0 20px 0 30px;}
.txt .ctxt dl dt a{ text-decoration:none; color:#FFF;}
.txt .ctxt dl dd{ width:25%; height:auto; float:right; margin-top:10px; text-align:left;}
.txt .ctxt dl dd img{ width:40px; height:auto;}
.inn{ width:auto; height:60px; line-height:60px; color:#FFF; font-size:18px; background:#26bbee; text-indent:20px;}
.inu{ width:auto; min-height:300px; display:block; line-height:40px; font-size:16px;color:#777; padding-top:10px;}
.txtcn{ width:90%; min-height:600px; margin:0 auto; background:#FFF; }
.txtcn h3{ width:auto; line-height:50px; font-size:18px; background:#26bbee; color:#FFF; text-indent:20px;}
.txtcn .cont{ width:94%; height:auto; line-height:35px; font-size:16px; padding:3%;color:#777;}

@media (max-width: 1200px){
.txt{ width:80%; min-height:40%; overflow:hidden; margin:0 auto; margin-top:30px;}
.txt .text{ width:50%; min-height:300px; float:left; position:relative;}
.txt .text img{ width:100%; height:auto; display:block;}
.bannmg{width:100%; height:auto; position:relative; overflow:hidden;}
.bannmg li img{ width:80%; height:auto;}
.txt .ctxt{ width:30%; min-height:300px; float:left; overflow:hidden; padding-left:2%; margin-bottom:5%;}
	}
	

@media (max-width: 1000px){
.txt{ width:70%; min-height:30%; overflow:hidden; margin:0 auto; margin-top:30px;}
.txt .text{ width:40%; min-height:300px; float:left; position:relative;}
.txt .text img{ width:100%; height:auto; display:block;}
.bannmg{width:100%; height:auto; position:relative; overflow:hidden;}
.bannmg li img{ width:70%; height:auto;}
.txt .ctxt{ width:20%; min-height:300px; float:left; overflow:hidden; padding-left:1%; margin-bottom:5%;}
}	
	
.tmes{ width:90%; height:60px; line-height:60px; font-size:14px; position:relative; margin:0 auto;color:#FFF; bottom:-300px;}	
.tmes a{ color:#FFF;}


/*资质*/
.index_rzz{ width:90%; min-height:600px; margin:0 auto; overflow:hidden; padding-top:0px; margin-bottom:5%;}
.index_rzz ul{ width:100%; margin:0 auto;}
.index_rzz ul li{ width:23.3%;*width:29.95%!important; float:left; position:relative; margin-left:2.0%; height:390px; margin-bottom:35px;transition: box-shadow .1s ease, transform .1s ease; }
.index_rzz ul li:nth-child(4n+1){margin-left:0px;}
.index_rzz ul li .pic{width:100%; height:auto;overflow:hidden; margin-bottom:5%;}
.index_rzz ul li .pic img{ width:100%; 
 
     -webkit-transition: all .5s;
     -moz-transition: all .5s;
     -ms-transition: all .5s;
     -o-transition: all .5s;
        transition: all .5s;}
.index_rzz ul li .pic:hover img	{ 
     -webkit-transition: all 5s;
     -moz-transition: all 5s;
     -ms-transition: all 5s;
     -o-transition: all 5s;
        transition: all 5s;
-webkit-transform: scale(1.1,1.1);
      -moz-transform: scale(1.1,1.1);
      -ms-transform: scale(1.1,1.1);
       -o-transform: scale(1.1,1.1);
        transform: scale(1.1,1.1);
}
	
.index_rzz ul li p{ width:100%; min-height:60px; line-height:30px; font-size:18px; text-align:center; font-weight:bold;}

	
/*产品焦点图*/
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}
.bannmg{width:100%; height:auto; position:relative; overflow:hidden;}
.bannmg li img{ width:100%; height:auto;}
.bannmg-btn{ display:none;}
.bannmg-btn a{ display:block; line-height:40px; position:absolute;top:260px; width:40px; height:40px;background-color: #000; opacity:0.3; filter:alpha(opacity=30) color: rgb(255, 255, 255);overflow: hidden; z-index:4;}
.prevBtn{left:5px;}
.nextBtn{right:5px;}
.bannmg-img{ font-size:0; *word-spacing:-1px;/* IE6、7 */ letter-spacing: -3px; position:relative;}
.bannmg-img li{ display:inline-block;*display:inline;*zoom:1;/* IE6、7 */ vertical-align: top; letter-spacing: normal;word-spacing: normal; font-size:12px;}
.bannmg i{ background:url(../img/inoc.png)  no-repeat; width:12px;height: 23px; cursor:pointer;margin: 8px 0 0 12px; display:block;}
.bannmg .nextBtn i{ background-position:-200px -24px;}
.bannmg .prevBtn i{ background-position:-200px 0px;}

.bannmg-circle{ position:absolute; left:50%; bottom: 15px;height: 13px;text-align: center;font-size: 0;border-radius: 10px; filter:alpha(opacity:30); }
.bannmg-circle li{ border-radius: 10px; margin:2px; display: inline-block; display: -moz-inline-stack; vertical-align: middle;zoom: 1; }
.bannmg-circle li a{ display: block;padding-top: 9px;width:9px;height: 0;border-radius: 50%; background:#FFF;overflow: hidden;}
.bannmg-circle .selected a{ background:#26bbee; }
	
	
.pager {
    list-style: outside none none;
 
    padding-left: 0; padding:20px 0;
    text-align: center; font-size:14px; clear:both;
}
.pager li {
    display: inline; margin:2px;
}
.pager li > a, .pager li > span {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius:0px;
    display: inline-block;
    padding: 5px 14px;
}
.pager li > a:focus, .pager li > a:hover {
    background-color: #eee;
    text-decoration: none;
}
.pager .next > a, .pager .next > span {
    float: right;
}
.pager .previous > a, .pager .previous > span {
    float: left;
}
.pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span {
    background-color: #fff;
    color: #777;
    cursor: not-allowed;
}      


  
.cont table{
	border-collapse: collapse;
	border-spacing: 0;
	border: solid #666565 1px; font-size:16px;
}
.cont td,tr{ height:50px; line-height:50px; font-size:16px; text-align:center;border: solid #666565 1px; color:#333;word-wrap: break-word;overflow-wrap: break-word;}
.cont td a{ text-decoration:underline; color:#333; font-weight:bold; font-size:16px;}