@charset "utf-8";

/* CSS Document public*/

*{font-family:Arial, Helvetica,"Microsoft Yahei", sans-serif; padding: 0; margin:0;}

body{padding:0;margin:0;font-family:Arial,"Microsoft Yahei",Helvetica, sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;min-width:1200px;-webkit-overflow-scrolling:touch;/*安卓和 IOS html5 动画卡顿解决方案*/ overflow-x:hidden; background-color:#FFFFFF;}

a{text-decoration:none;bblr:expression(this.onFocus=this.blur());/*IE使用*/outline-style:none;/*FF使用*/; outline:none;}

ul{list-style:none;}

img{border:0px}

ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding:0;margin:0; font-weight:normal;}

.fl{ float:left}

.fr{ float:right}

.clear{clear:both;height:0px;font-size:1px;line-height:0px}

hr{display:block;height:1px;border:0; background:#dcdfe0; padding:0; margin-bottom:2rem}

a.news:link {

color: #666;

text-decoration: none;

}

a.news:visited {

color: #666;

text-decoration: none;

}

a.news:hover {

color: #666;

text-decoration: none;

}

a.news_foot:link {

color: #a4b5c9;

text-decoration: none;

}

a.news_foot:visited {

color: #a4b5c9;

text-decoration: none;

}

a.news_foot:hover {

color: #a4b5c9;

text-decoration: none;

}



a.news_l:link {

color: #99bdd5;

text-decoration: none;

}

a.news_l:visited {

color: #99bdd5;

text-decoration: none;

}

a.news_l:hover {

color: #99bdd5;

text-decoration: none;

}

/*====头部====*/

.head{width:100%; height:35px; background-color:#00aa64;}

.head_c{width:1200px; height:35px; margin-left:auto; margin-right:auto; font-size:14px; color:#fff; }

.head_c_l{width:500px; float:left; line-height:35px; text-align:left;}

.head_c_r{width:400px; float:right; line-height:35px; text-align:left;}
.head_c_r_l{ width:30px; float:left; padding-top:5px;}
.head_c_r_r{ width:370px; float: right}
.header{width:100%; height:110px; text-align:center;}

.header_center{width:1200px; height:100px; margin-left:auto; margin-right:auto;}

.header_ul{ width:1200px; float:left;}

.header_ul li1{ width:388px; float:left; margin-top:25px; text-align:left;}

.header_ul li2{ width:812px; float:left; }




/*导航*/

#navigation { 

   height:100px; 

   position:relative;

   width:100%;  

   margin:0 auto;


   }

#navigation ul.navigationlist{

   width:812px;

   overflow:hidden;

   height:100px;

   margin-left:auto; 

   margin-right:auto;

   }

#navigation ul.navigationlist li { 

   float:left; 

   line-height:100px; 

   text-align:center;

   width:116px;
   color:#333333;

  }

  

#navigation ul.navigationlist li:hover { 

   float:left; 

   line-height:100px; 

   text-align:center;

    width:116px;

  }

#navigation ul.navigationlist li a { 

   display:block; 

   font-size:16px;

   color:#333;

}
#navigation ul.navigationlist li a:hover{ 

   display:block; 

   font-size:16px;

   color:#00aa64;
   background-image:url(../images/nav.png);

}
/*产品搜索*/
.key { width:100%; height:70px; border-bottom:1px solid #CCCCCC; background-color:#ececec} 
.key_c { width:1200px; margin-left:auto; margin-right:auto;  } 
.key_c li{ width:50px; float:left; line-height:70px; margin-top:15px;}
.key_c li1{ width:110px; float:left; line-height:70px; color:#00aa64; font-size:16px;}
.key_c li2{ width:610px; float:left; line-height:70px; font-size:14px; color:#707070}
.key_c li3{ width:430px; float:left; line-height:70px;}
.key_s{ width:330px; float:right}
.key_s_l{ width:270px; float:left; color:#a5a5a5;}
.key_s_r{ width:60px; float:right; margin-top:15px;}
.sinput{color:#aeaeae; font-size:14px; width:270px; height:35px;border:0px; background-color:#ececec}
.feedback { width:1200px; height:45px; background-color:#ececec;margin-left:auto; margin-right:auto;} 
.feedback_l{ width:1080px; float:left; line-height:45px; font-size:16px; color:#00aa64}
.feedback_r{ width:120px; float:right; background-color:#00aa64; height:35px; text-align:center; color:#FFFFFF; font-size:14px; line-height:35px; margin-top:10px;}
.sousuo{width:56px; height:40px;background-image:url(../images/btn.png);}
/*关于我们*/
.about1 { width:100%; height:70px; overflow: hidden} 
.about { width:100%;} 
.about_c { width:1200px;margin-left:auto; margin-right:auto;  } 
.about_c_l { width:600px; float:left ; font-size:14px; color:#666666; line-height:35px; } 
.about_c_r { width:550px; float:right; text-align:right; padding-left:50px; }
.about_more{ width:170px; height:40px; border:1px solid #dcdcdc ; margin-top:40px; color:#666666;background-image:url(../images/jthover.png);} 
.about_more_l{ width:125px; text-align:center; font-size:14px; float:left; line-height:40px;}
.about_more_r{ width:45px; text-align:left; margin-top:3px; float:right}
/*产品中心*/
.product { width:100%; height:721px;background-image:url(../images/productbg.jpg);overflow: hidden}
.product_c { width:1350px;margin-left:auto; margin-right:auto; text-align:center; padding-top:170px;}
.product_c1 { width:1350px;margin-left:auto; margin-right:auto; text-align:center; padding-top:45px;} 
.control-box {
    width: 1350px;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}
.control-box ul {
  list-style: none;
  position: relative;
}
.control-box ul li {
  position: absolute;
  top: 0px;
  cursor: pointer;
}
.prev {
  left: 0;
  margin-top:180px;
}
.next {
  right: 0;
  margin-top:180px;
}
.bigbox {
  overflow: hidden;
  width: 1200px;
  height: 440px;
  margin: auto 0px auto;
  margin-left:85px;
}
#switcher {
  height: 440px;
  left: 0px;
}
.content_1.content_2 {
  float: left;
}

.box {
  height:440px;
  float: left;
}
.box li5{ float:left; width:280px; text-align:center;font-size:50px; color:#999999; line-height:50px; background-color:#FFFFFF; padding-top:20px; }
.box li1{ float:left; width:280px; text-align:center;font-size:14px; color:#999999; text-transform: uppercase; line-height:30px;background-image:url(../images/line.jpg);background-color:#FFFFFF }
.box li2{ float:left; width:280px; text-align:center;font-size:18px; color:#333333; line-height:30px;background-color:#FFFFFF}
.box li3{ float:left; width:280px; text-align:center; background-color:#FFFFFF }
.box li3 img{ width:270px; height:170px; margin-top:25px; }
.box li4{ float:left; width:225px; text-align:center;background-color:#FFFFFF; padding-left:55px; margin-top:-25px  }
.box:hover li5 { color:#00aa64}
.box:hover li2 { color:#00aa64}
.box:hover li3 { color:#00aa64}
.box:hover li1 { color:#00aa64;background-image:url(../images/linehover.jpg);}
.about_more:hover { background-color:#00aa64; color:#FFFFFF;background-image:url(../images/jt.png); height:40px;}

/*新闻资讯*/
.news { width:100%;overflow: hidden;}
.news_c { width:1200px;margin-left:auto; margin-right:auto; text-align:center; padding-top:70px;}
.news_c1 { width:1200px;margin-left:auto; margin-right:auto; text-align:center; padding-top:40px;}
.news_c1_ul { width:1200px;}
.news_c1_ul li{ width:600px; float:left}
.new_div{ width:600px;}
.new_div:hover{ width:600px;background-image:url(../images/newbg.png); height:250px;}
.new_div_l:hover{ width:100px; float:left; height:250px;background-image:url(../images/newlihover.png);}
.new_div_l{ width:100px; float:left; height:250px;background-image:url(../images/newli.png);}
.new_div_r{ width:500px; float:left; padding-left:100px;}
.new_div_r li1{ float:left; font-size:24px; color:#00aa64; margin-top:35px;}
.new_div_r li2{ float:left; width:500px; height:20px; }
.new_div_r_l{height:2px; background-color:#00aa64; width:50px; margin-top:10px;}
.new_div_r li3{ float:left; font-size:14px; color:#666666; line-height:25px; text-align:left; padding-top:0px; }
.new_div_r li4{ float:left; width:500px; margin-left:270px;}
.new_div_r:hover li1{ color:#FFFFFF}
.new_div_r:hover li2 new_div_r_l{height:2px; background-color:#fff; width:50px; margin-top:10px;}
.new_div_r:hover li3{ color:#FFFFFF}

/*在线留言*/
.message{ width:100%; overflow: hidden; margin-top:140px;}
.message_c{ width:1200px; margin-left:auto; margin-right:auto;}
.message_c1{ font-size:16px; color:#666666}
.message_c2{ width:1200px; margin-left:auto; margin-right:auto; margin-top:30px;}
.message_c2_l{ width:680px; float:left}
.message_c2_r{ width:520px; float:right}
.message_c2_r_nr{ width:520px; float:left; height:155px;border:1px solid #dcdcdc ; }
.message_c2_r1{ width:680px;margin-left:auto; margin-right:auto;}
.message_c2_r1_l{ width:310px; float:left}
.message_c2_r1_l_1{ width:310px; float:left; height:35px;border:1px solid #dcdcdc ; }
.message_c2_r1_l_1_l{ width:28px; float:left; height:35px;border-right:1px solid #dcdcdc ;  padding-left:10px; }
.message_c2_r1_l_1_r{ width:270px; float:right; height:35px; }
.message_c2_r1_l_r{ width:350px; float:right; padding-left:20px;}
.message_c2_r1_l_2{ width:640px; float:left; height:35px;border:1px solid #dcdcdc ; margin-top:20px; }
.message_c2_r1_l_2_l{ width:28px; float:left; height:35px;border-right:1px solid #dcdcdc ; padding-left:10px; }
.message_c2_r1_l_2_r{ width:600px; float:right; height:35px; }
.message_c2_r1_r{ width:370px; float:right}
.message_c2_r1_l_3{ width:640px; float:left; margin-top:23px; }
.message_c2_r1_l_3_l{ width:310px; float:left;  }
.message_c2_r1_l_3_r{ width:310px; float:right;  }
.submit { width:310px; height:40px; text-align:center; line-height:40px; font-size:16px; color:#00aa64; background-color:#e7e7e7; border:0px; }
.reset  { width:310px; height:40px; text-align:center; line-height:40px; font-size:16px; color:#fff;background-color:#00aa64;border:0px; }
.neirong {width:260px; line-height:35px; border:0px;margin-left:auto; margin-right:auto; text-indent:10px;color:#CCCCCC  }
.neirong2 {width:518px; line-height:35px; border:0px;margin-left:auto; margin-right:auto; text-indent:10px;color:#CCCCCC; height:153px; }
.neirong3 {width:600px; line-height:35px; border:0px;margin-left:auto; margin-right:auto; text-indent:10px;color:#CCCCCC; }

/*底部*/
.foot{ width:100%; overflow: hidden; margin-top:70px; height:240px; background-color:#333333}
.foot_c{ width:1200px; margin-left:auto; margin-right:auto;}
.foot_ul{ width:1200px; margin-left:auto; margin-right:auto; margin-top:70px; height:110px;}
.foot_ul li1{ width:389px; float:left; border-right:1px dashed #626262; padding-top:30px; height:80px;}
.foot_ul li2{ width:289px; float:left;border-right:1px dashed #626262;height:110px;}
.foot_ul1{ width:265px; float:left; padding-left:15px; margin-top:20px;}
.foot_ul1 li{ width:33%; float:left; font-size:16px; color:#FFFFFF; line-height:30px; text-align:center}
.foot_ul li3{ width:380px; float:left; font-size:16px; color:#FFFFFF; line-height:30px; padding-left:30px}
.foot_ul li4{ width:110px; float:left}


/*关于我们*/

.about111{ width:100%;}

.about_c11{width:1200px; margin-left:auto; margin-right:auto; margin-top:60px;}

.about_cbg{width:1199px; height:40px; line-height:40px; text-align:center; font-size:30px; color:#00aa64;background-image:url(../images/xian.png);}

.about_txt{width:1200px; margin-left:auto; margin-right:auto; margin-top:10px; font-size:14px; color:#666666; text-align:center; line-height:30px; }







/**/



.mainbox{width: 1200px; text-align:left; margin-left:auto; margin-right:auto}



.container{width: 1200px; margin-left:auto; margin-right:auto;}







/*棣栭〉*/



/*鏈€涓婇儴*/



.header{height: 110px;}



.header .l{width: 730px;height: 110px;float: left;}



.header .m{width: 270px;height: 110px;background: url("../images/t-tel.png") left center no-repeat;float: left}



.header .r{height: 110px;width: 90px;float: right}



/*menu*/



.menu{height: 40px;background: #00aa64;}



.menu li{width:200px;height: 40px;float: left;}



.menu li a{display: block;width: 200px;height: 40px;text-align: center;line-height: 40px;color: #fff;font-size: 14px;}



.menu li a:hover{background: #005ea3;color: #fff}







/*product*/



.product{height: 800px;padding: 50px 0;}



.product .l{width: 250px;height: 860px;float: left}



.product{height: 800px;padding: 50px 0;}



.product .l .t{height: 90px;width: 250px;background: #00aa64 url("../images/pl.png") left 30px center no-repeat;}



.product .l .b{width: 250px;height: 770px;border: 1px solid #ddd;box-sizing: border-box}



.product .l .b li{width: 188px;height: 54px;border-bottom: 1px solid #ddd;margin: 0 auto;}



.product .l .b li a{display: block;width: 188px;height: 54px;background: url("../images/jt.png") left 25px center no-repeat;



text-indent: 4em;line-height: 54px;font-size: 14px;color: #666666;transition: 0.4s;}



.product .l .b li:last-child{border-bottom: none}



.product .l .b li a:hover{background: url("../images/jt1.png") left 25px center no-repeat;color: #00aa64;transform: translateX(12px)}







/**/



.product .r{width: 800px;height: 860px;border: 1px solid #ddd;box-sizing: border-box;float: right}



.product .r .t{width: 800px;height: 90px;background: url("../images/hot.png") left center no-repeat;margin: 0 auto}



.product .r .t .le{width: 300px;height: 90px;float: left;}



.product .r .t .ri{width: 300px;height: 90px;float: right;}



.product .r .b{width: 876px;margin: 0 auto;}



.product .r .b li{width: 279px;height: 256px;float: left;margin-right: 19.5px;float: left}



.product .r .b li:nth-child(3n){margin-right: 0px;}



.product .r .b li a{display: block;width: 279px;height: 256px;}



.product .r .b li a .i{width: 279px;height: 208px;border: 1px solid #ddd;overflow: hidden;box-sizing: border-box;position: relative;}



.product .r .b li a .i .son{position: absolute;width: 279px;height: 208px;top: 0;left: 0;}



.product .r .b li a .i .one{z-index: 1}



.product .r .b li a .i .one img{transition: 0.5s;}



.product .r .b li a .i .two{z-index: 2;opacity: 0;background: rgba(0,0,0,0.4);transition: 0.2s}



.product .r .b li a .i .three{z-index: 3;opacity: 0;transition: 0.2s}



.product .r .b li a .ti{width: 279px;height: 48px;line-height: 45px;color: #666;}



.product .r .b li a:hover .one img{transform: scale(1.1)}



.product .r .b li a:hover .two{opacity: 1}



.product .r .b li a:hover .three{opacity: 1}



.product .r .b li a:hover .ti{color:#00aa64}











/*about*/



.about{height: 560px;padding-bottom: 50px}



.about .t{height: 120px;background: #f6f6f6;position: relative;z-index: 2}



.about .four li{width: 300px;height: 134px;float: left;}



.about .four li a{display: block;height: 134px;width: 300px;}



.about .four li .son{width: 160px;height: 50px;margin-left: 70px;margin-top: 35px;}



.about .four li .son .zuo{width: 25px;height: 30px;float: left;padding-bottom: 10px;border-bottom: 1px solid #ddd;}



.about .four li .son .you{width: 120px;height: 50px;float: right;}



.about .four .active{background: url("../images/at-bg.png") center no-repeat;}



.about .four .active .zuo,.about .four .active .you{color: #fff}



.about .con{width: 100%;height: 440px;background: url("../images/abg.png") center no-repeat;background-size: cover;



position: relative;z-index: 1;top:-15px;}



.about .con .left{width: 601px;height: 333px;float: left;}



.about .con .right{width: 560px;height: 333px;float: right;}







/*news*/



.news{padding-bottom: 50px;}



.news .l{width: 650px;height: 500px;float: left;}



.news .l .t{height: 60px;width:650px;border-bottom: 1px solid #ddd;}



.news .l .t .z{width: 300px;height: 60px;float: left}



.news .l .t .z li{width: 90px;height: 60px;font-size: 20px;line-height: 60px;text-align: center;



float: left;margin-right: 40px;font-weight: bold;color: #666;cursor: pointer}



.news .l .t .z .active{color:#00aa64;border-bottom: 2px solid #00aa64;}



.news .l .t .y{width: 100px;height: 60px;text-align: right;line-height: 60px;float: right}



.news .l .t .y a{color: #999}



.newslist1{margin-top: 35px;}



.newslist1 li{width: 650px;height: 120px;background: #f3f3f3;margin-bottom: 20px;}



.newslist1 li:last-child{margin-bottom: 0}



.newslist1 li .l{width: 180px;height: 120px;overflow: hidden;float: left}



.newslist1 li .r{width:410px;height: 120px;margin-left: 30px;float: left;}



.newslist1 li .r .bt{color: #666;font-size: 16px;font-weight: bold;}



.newslist1 li .r p{font-size: 14px;color: #999;line-height: 1.6}











.news .r{width: 450px;height: 500px;float: right;}



.news .r .t{height: 60px;width:450px;border-bottom: 1px solid #ddd;}



.news .r .t .z{width: 300px;height: 60px;float: left}



.news .r .t .z li{width: 90px;height: 60px;font-size: 20px;line-height: 60px;text-align: center;



    float: left;margin-right: 40px;font-weight: bold;color: #666;cursor: pointer;color:#00aa64;border-bottom: 2px solid #00aa64;}







.news .r .t .y{width: 100px;height: 60px;text-align: right;line-height: 60px;float: right}



.news .r .t .y a{color: #999}



.news .r ol li{width: 50%;float: left;line-height: 36px;}



.news .r ol li a{color: #666;}



.news .r ol li a:hover{color: #00aa64;}



.news .m{height: 500px;width: 1px;background: #ddd;float: left;margin-left: 49px;}











/*form*/



.indexform{height: 432px;background: url("../images/formbg.png") center no-repeat;background-size: cover}



.indexform form{width: 1200px;height: 316px;background: rgba(255,255,255,0.3);}



.indexform form .form{width: 1170px;height: 286px;background: #fff;background:#fff url("../images/mess.png") left 50px center no-repeat}



.indexform form .form .con{width: 980px;height: 250px;margin-left: 150px;margin-top: 20px}



.indexform form .form .con .input{display: block;width: 300px;height: 50px;float: left;margin-right: 40px;outline: none;border: 1px solid #ddd;box-sizing: border-box;



background: url("../images/man.png") left center no-repeat;text-indent: 4em}



.indexform form .form .con .input:nth-child(2){background: url("../images/tel1.png") left center no-repeat;}



.indexform form .form .con .input:nth-child(3){margin-right: 0px;background: url("../images/em.png") left center no-repeat;}



.indexform form .form .con .text{width: 690px;height: 100px;float: left}



.indexform form .form .con .text textarea{border: 1px solid #ddd;display: block;width: 688px;height: 98px;}



.indexform form .form .twoi{width: 220px;height: 100px;float: right}



.indexform form .form .twoi button{width: 220px;height: 40px;background: #00aa64;font-size: 16px;text-align: center;line-height: 40px;color: #fff;border: none;outline: none;}



.indexform form .form .twoi input{width: 220px;height: 40px;background: #e7e7e7;font-size: 16px;text-align: center;line-height: 40px;color: #333333;border: none;



    outline: none;margin-top: 10px;display: block;letter-spacing: 5px}











/*footer*/



.footer{height: 210px;background: #005ea3;}



.footer .l{width: 398px;height: 150px;float: left;}



.footer .m{width: 270px;height: 150px;background: red;float: left;margin-left: 40px;padding-left: 40px;background: url("../images/fl.png") left center no-repeat}



.footer .m li{width: 30%;float: left;line-height: 37px;}



.footer .m li a{color: #fff;font-size: 14px;}



.footer .r{width: 400px;padding-left: 40px;float: right;background: url("../images/fl.png") left center no-repeat;height: 150px;}



.footer .r li{width: 50%;float: left;line-height: 37px;color: #fff;font-size: 14px;text-indent: 1.5em}



.footer .r li:nth-child(1){background: url("../images/a1.png") left center no-repeat;}



.footer .r li:nth-child(2){background: url("../images/a.png") left center no-repeat;}



.footer .r li:nth-child(3){background: url("../images/c.png") left center no-repeat;}



.footer .r li:nth-child(4){background: url("../images/e.png") left center no-repeat;}



.footer .r li:nth-child(5){background: url("../images/e.png") left center no-repeat;}



.beian{height: 68px;background: #005ea3;border-top: 1px solid #669ec8;}



.beian .l{width: 1000px;height: 68px;line-height: 68px;font-size: 14px;color: #fff;float: left}



.beian .r{width: 200px;height: 68px;line-height: 68px;font-size: 14px;color: #fff;float: left;text-align: right}



.beian a{color: #fff}



    /*****************************************************************************棣栭〉缁撴潫*/



.footpage{text-align: center;line-height: 50px;font-size: 13px;}



.footpage a,.footpage span{display: inline-block;height: 25px;text-align: center;line-height: 25px;border:1px solid #00aa64;



    border-radius: 3px;margin-left: 5px;color: #00aa64;padding: 0px 5px 0px 5px;}



.footpage span{padding: 0px 10px 0px 10px;background: #00aa64;color: #fff;}



.footpage select{display: inline-block;height: 25px;padding: 0px 5px 0px 5px;border-radius: 3px;border:1px solid #00aa64;background: #00aa64;color: #fff}



/**/















/*****************/



/**/



.two a{width: 115px;height: 35px;border: 1px solid #005fb1;text-align: center;line-height: 35px;font-size: 14px;margin-right: 15px;



    transition: 0.5s;float: left;background: rgba(17, 80, 155, 0.07)}



.two a:hover{background: #005fb1;color: #fff;}



.two a:nth-child(3){margin-right: 0px;background: rgba(17, 80, 155, 0.07) url("../images/zan.png") left 10px top 6px no-repeat;background-size: 20px;



    text-align: left;text-indent: 35px;}



.two a:nth-child(3):hover{color: #005fb1}







/*鍏充簬鎴戜滑*/



.fourth{height: 800px;}



.fourth .fl1 .l{width:600px;height: 400px;float: left;background: #f3f3f3}



.fourth .fl1 .l .son{width: 510px;margin: 0 auto}



.fourth .fl1 .l:nth-child(3) p{color: #373737;line-height: 2.0;font-size: 14px;}







.swiper-containercom .swiper-slide{height: 350px;width: 380px;}







.swiper-containercom .swiper-slide a{display: block;height: 350px;width: 100%;}



.swiper-containercom .swiper-slide a .one{border: 1px solid #ddd;height: 300px;}



.swiper-containercom .swiper-slide a .one .son{width: 97%;height: 96%;overflow: hidden;position: relative}



.swiper-containercom .swiper-slide a .one .son .f1{width: 380px;height: 100%;position: absolute;overflow: hidden;z-index: 2}



.swiper-containercom .swiper-slide a .one .son .f1 img{transition: 0.5s;}



.swiper-containercom .swiper-slide a .one .son .f2{width: 100%;height: 100%;position: absolute;overflow: hidden;z-index: 3;



    background:rgba(0,0,0,0.4);transition: 0.3s;opacity: 0;transform: scale(1.5)}



.swiper-containercom .swiper-slide a .one .son .f2 .con{width: 80%;height: 80%;border: 1px solid #fff;}



.swiper-containercom .swiper-slide a .one .son .f2 .con .more{width: 100px;height: 25px;border: 1px solid #ddd;



    border-radius: 5px;text-align: center;line-height: 25px;color: #fff;background: #fff;color: #005fb1;



    transition: 2s;}







.swiper-containercom .swiper-slide a:hover .one{border: 1px solid #005fb1;}



.swiper-containercom .swiper-slide a:hover .one .son .f1 img{transform: scale(1.1)}



.swiper-containercom .swiper-slide a:hover .one .son .f2{opacity: 1;transform: scale(1)}



.swiper-containercom .swiper-slide a:hover .t{color: #005fb1;}



.swiper-containercom .swiper-slide a .t{width: 100%;height: 50px;text-align: center;line-height: 50px;color: #666;}











.swiper-containerho .swiper-slide{width: 216px;height: 350px;}



.swiper-containerho .swiper-slide a{display: block;width: 216px;height: 350px;}



.swiper-containerho .swiper-slide a .i{width: 100%;height: 300px;overflow: hidden;}



.swiper-containerho .swiper-slide a .t{width: 100%;height: 50px;text-align: center;line-height: 50px;color: #666;}











/**/



.wb-about-num{width: 100%;height: 220px;padding: 50px 0px;background: url(../images/contactbg.jpg) center no-repeat;



    background-attachment: fixed;}



.wb-about-num .four .son{width: 300px;height: 210px;float: left;margin-top: 20px;}



.wb-about-num .four .son .shang{width: 300px;height: 70px;text-align: center;line-height: 80px;}



.wb-about-num .four .son .zhong{margin-top: 70px;width: 300px;height: 70px;text-align: center;font-size: 30px;color: #fff;line-height: 70px;}



.wb-about-num .four .son .xia{width: 300px;height: 70px;text-align: center;font-size: 20px;color: #fff;line-height: 10px;}



.picList .t{font-size: 15px;margin-top: 10px;height: 30px;line-height: 20px;}



.picScroll-left .ti{font-size: 25px;text-align: center;margin-bottom: 20px;}







/*灏廱anner鑳屾櫙鍥�**/



/*猫茠艗忙鈩⒙モ€郝�*/



.aboutbg{background: url(../images/bg.jpg) no-repeat center;}



/*氓鈥犫€γ┞÷�*/



/*氓鈥犫€γ┞÷得ぢ概犆┢捖�*/



.b-bannner{width: 100%;height: 300px;background-size: cover;position: relative;}



.s-banner{position: absolute;left: 0;bottom:0;height: 50px;background: rgba(0,0,0,0.5);}



.s-banner .son{width: 1200px;height: 50px;position: relative;}



.s-banner .son .l{float: left;width: 800px;height: 50px;}



.s-banner .son .l li{width: 150px;height: 50px;float: left;}



.s-banner .son .l li a{display: block;width: 150px;height: 50px;color: #fff;line-height: 50px;



    background:#00aa64}



.s-banner .son .l li a:hover{background: #2d85c8}



.s-banner .son .r{float: right;width: 250px;position: relative;height: 130px;bottom:80px;}



.s-banner .son .r .top{width: 250px;height: 80px;line-height: 80px;text-align: center;background: #00aa64}



.s-banner .son .r .bot{width: 250px;height: 50px;line-height: 50px;text-align: center;background: rgba(0,0,0,0.5);}







/*product*/



.common .l{width: 250px;float: left;background: #f9f9f9}



.common .l .n-title{height: 60px;width: 100%;line-height: 60px;background:#00aa64;



    background-size: cover}



.common .l .p-list{background: #f9f9f9}



.common .l .p-list li{width: 250px;height: 50px;border-bottom: 1px solid #ddd;}



.common .l .p-list li a{display: block;width: 250px;height: 50px;position: relative; color:#FFFFFF }



.common .l .p-list li a .one{position: absolute;width: 250px;height: 50px;top: 0;z-index:1;background: #00aa64;transition: 0.5s}



.common .l .p-list li a .two{position: absolute;width: 250px;height: 50px;left: 0;top: 0;z-index:2;line-height: 50px;font-size: 14px;



    text-indent: 1em;color: #fff;transition: 0.5s}



.common .l .p-list li a:hover .one{}



.common .l .p-list li a:hover .two{color: #fff}



.common .l .contact-n{padding-bottom: 20px}



.common .r{width: 880px;float: right;background: #fff;/*box-shadow: 0 0 25px #666;*/border-radius: 0px;overflow: hidden;padding: 15px;}



.bread{width: 100%;height: 50px;line-height: 50px;}







/*鍒楄〃*/



.product-n li{width: 282px;height: 250px;float: left;margin-right: 17px;margin-bottom: 17px}

.product-n li img {border:1px solid #CCCCCC; width:278px; height:190px;}





.product-n li:nth-child(3n){margin-right: 0px;}



.product-n li a{display: block;width: 282px;height: 250px;position: relative;overflow: hidden}



.product-n li a .one{position: absolute;left: 0;top: 0;width: 280px;height: 250px;overflow: hidden;z-index: 1}



.product-n li a .t{position: absolute;left: 0;bottom: 0;width: 280px;height: 40px;line-height: 40px;



    text-align: center;background: rgba(0,0,0,0.7);z-index: 2;transition: 0.5s;opacity: 1}



.product-n li a .tt{position: absolute;left: 0;bottom: 0;width: 282px;height: 0px;overflow: hidden;z-index: 3;background: rgba(0,0,0,0.7);



;transition: 0.5s}



.product-n li a:hover .t{opacity: 0;}



.product-n li a:hover .tt{height: 250px;}







.product-n li a .yy{position: absolute;z-index: 2;width: 90px;height: 25px;transition: 0.3s;



    background: rgba(255,119,58,0.8) url("../images/zan1.png") left 8px top 3px no-repeat;background-size: 18px;



    top:0;left: 0;border-radius: 5px;text-indent: 35px;line-height: 25px;color: #fff;transition: 0.5s}



.product-n li a:hover .yy{opacity: 0}



.bread{height: 50px;}







/*news*/



.nnewlist{background: url("../images/nnd.png") no-repeat top center;padding-bottom: 20px;}



.nnewlist .son{width: 576px;height: 123px;background: #ddd;float: left;margin-top: 30px;margin: 11px 0 30px 0;}



.nnewlist .son:nth-child(2n){float: right;background: url("../images/nn.png") no-repeat 0 -369px;}



/*.nnewlist .son:nth-child(1),.nnews .son:nth-child(2){margin-top: 0px;}*/



.nnewlist .son:nth-child(2n) a:hover{float: right;background: url("../images/nn.png") no-repeat 0 -246px;}



.nnewlist .son:nth-child(2n-1){background: url("../images/nn.png") no-repeat 0 -123px;}



.nnewlist .son:nth-child(2n-1):hover{background: url("../images/nn.png") no-repeat 0 0;}



.nnewlist .son a{display: block;height: 123px;width: 576px;}



.nnewlist .son  .l{width: 88px;height: 123px;float: left}



.nnewlist .son  .l .t{width: 88px;height: 75px;text-align: center;line-height: 75px;font-size: 35px;font-weight: bold;color: #fff;}



.nnewlist .son  .l .b{width: 88px;height: 48px;text-align: center;line-height: 48px;font-size: 14px;color: #666;}



.nnewlist .son  .r{width: 488px;height: 123px;float: right}



.nnewlist .son  .r .con{width: 410px;height: 100px;margin-left: -20px}



/*.nnewlist .son  .r .con .t{color: #666;}*/



.nnewlist .son  .r .con p{line-height: 1.6;font-size: 14px;color: #666}







.nnewlist .son .right .l{float: right}



.nnewlist .son .right .r{float: left;}



.nnewlist .son .right .r .con{margin-left: 10px}











/**/



.n-other li{width: 425px;height: 130px;background: #f3f3f3;float: left;margin-left: 30px;margin-bottom: 20px;overflow: hidden;transition: 0.3s}



.n-other li:nth-child(2n-1){margin-left: 0px;}



.n-other li a{display: block;width: 415px;height: 120px;margin-top: 5px;margin-left: 12px;}



.n-other li a .i{width: 120px;height: 120px;float: left;}



.n-other li a .son{width: 275px;height: 110px;float: right}



.n-other li a:hover .son .t{color: #005fb1}



.n-other li:hover{box-shadow:1px 3px 5px 1px #ddd;transform: translateY(-2px)}







/*contact*/



.ncontact li{width: 285px;height: 230px;float: left;margin-right: 20px;cursor: pointer;transition: 0.2s;position: relative}



.ncontact li:nth-child(4){margin-right: 0}



.ncontact li:nth-child(1){background: #d8eefb url("../images/cabout.png") top 30px center no-repeat;}



.ncontact li:nth-child(1):hover{background: #bae3fb url("../images/cabout.png") top 30px center no-repeat;



    box-shadow: 0px 3px 10px 2px #ddd;transform: translateY(-8px)}



.ncontact li:nth-child(2){background: rgba(28,90,193,0.3) url("../images/clink.png") top 30px center no-repeat;}



.ncontact li:nth-child(2):hover{background: rgba(28,90,193,0.4) url("../images/clink.png") top 30px center no-repeat;



    box-shadow: 0px 3px 10px 2px #ddd;transform: translateY(-8px)}



.ncontact li:nth-child(3){background: #ebf3da  url("../images/ctel.png") top 30px center no-repeat;}



.ncontact li:nth-child(3):hover{background: #e4f3c3 url("../images/ctel.png") top 30px center no-repeat;



    box-shadow: 0px 3px 10px 2px #ddd;transform: translateY(-8px)}



.ncontact li:nth-child(4){background: #d8eefb url("../images/add.png") top 30px center no-repeat;}



.ncontact li:nth-child(4):hover{background: #c4e7fb url("../images/add.png") top 30px center no-repeat;



    box-shadow: 0px 3px 10px 2px #ddd;transform: translateY(-8px)}











/*message*/



.messagen{width: 100%;padding: 10px 0;background: #eee}



.messagen .con .l{width: 310px;height: 345px;float: left;margin-left: 20px}



.messagen .con .l .tijiao{width: 225px;height: 45px;background: #005fb1;}



.messagen .con .l .tijiao a{display: block;width: 225px;height: 45px;text-align: center;line-height: 45px;}



.messagen .con .l .zx{width: 310px;height: 50px;background: url("../images/tel2.png") left center no-repeat;}







.messagen .con .r{width: 820px;float: right;}



.messagen .con .r form ul{background: #fff}



.messagen .con .r .fl1{width: 815px;height: 50px;border: 1px solid #ddd;}



.messagen .con .r .fl1 li{float: left}



.messagen .con .r .fl1 li:nth-child(1){width: 50px;height: 50px;border-right: 1px solid #ddd;background:#fff  url("../images/tx.png") center no-repeat;}



.messagen .con .r .fl1 li:nth-child(2){width: 760px;}



.messagen .con .r .fl1 li input{display: block;width: 750px;height: 50px;border: none;margin: 0 auto;outline: none;padding: 0;font-size: 15px;text-indent: 0.5em}











.messagen .con .r .fl2 li:nth-child(1){background:#fff  url("../images/tel3.png") center no-repeat;}







.messagen .con .r .fl3{width: 815px;height:100px;border: 1px solid #ddd;}



.messagen .con .r .fl3 li{float: left}



.messagen .con .r .fl3 li:nth-child(1){width: 50px;height: 100px;border-right: 1px solid #ddd;background:#fff  url("../images/mes.png") center 7px no-repeat;}



.messagen .con .r .fl3 li:nth-child(2){width: 760px;}



.messagen .con .r .fl3 li textarea{display: block;width: 750px;height:90px;border: none;margin: 0 auto;outline: none;padding: 0;font-size: 15px;



    line-height: 1.6;color: #666;background: #fff}



.messagen .con .r form button{display: block;width: 415px;height: 50px;border: none;outline: none;background: #212d3a;margin: 0 auto}







/*honor*/



.honor-n li{width: 282px;margin-right: 17px;height: 340px;float: left;margin-bottom: 30px;}



.honor-n li:nth-child(3n){margin-right: 0px;}



.honor-n li a{display: block;width: 282px;height: 340px;}



.honor-n li a .i{width: 282px;height: 310px;overflow: hidden;background: #ddd}



.honor-n li a .t{width: 282px;height: 40px;text-align: center;line-height: 40px;background: #133a58;color: #fff}



.honor-n li a .i img{transition: 0.5s;}



.honor-n li a:hover .i img{transform: scale(1.1)}



.honor-n li a:hover .t{background: #005fb1}











/*cases*/



.cases-n li{width: 282px;margin-right: 17px;height: 250px;float: left;margin-bottom: 30px;position: relative;}



.cases-n li:nth-child(3n){margin-right: 0px;}



.cases-n li a{display: block;width: 282px;height: 250px;



    position: relative;}



.cases-n li a .i{width: 282px;height: 210px;overflow: hidden;background: #ddd}







.cases-n li .dianzan{position: absolute;z-index: 2;width: 90px;height: 25px;transition: 0.3s;



    background: rgba(255,119,58,0.8) url("../images/zan1.png") left 8px top 3px no-repeat;background-size: 18px;



    top:0;left: 0;border-radius: 5px;text-indent: 35px;line-height: 25px;color: #fff}







.cases-n li a .t{width: 282px;height: 40px;text-align: center;line-height: 40px;background: #00aa64;color: #fff}



.cases-n li a .i img{transition: 0.5s;}



.cases-n li a:hover .i img{transform: scale(1.1)}



.cases-n li a:hover .t{background: #00aa64}



.cases-n li a:hover .dianzan{opacity: 0;}



/*鍐呴〉*/



.cases-d .top{width: 100%;height: 400px;}



.cases-d .top .le{width: 448px;height: 398px;border: 1px solid #ddd;float: left}



.cases-d .top .le .son{width: 430px;height: 378px;overflow: hidden}



.cases-d .top .ri{width: 400px;height: 400px;float: right;}











/*浜у搧鍐呴〉*/



.order







    /**/



.footpage{text-align: center;}







/*鍙充晶鎮诞妗�*/



#fu{



    width:160px;position: fixed;top:230px;right: 0px;z-index: 10;background:#00aa64;padding: 20px 0;border-radius: 0px;padding-bottom: 10px;}











#fu li{width: 100%;height: 35px;margin-bottom: 20px;}



#fu li a{display: block;width: 100%;height: 35px;border-radius: 35px;border:1px solid #ccc;background: #fff;



    line-height: 35px;text-align: center;font-size: 14px;color: #00aa64;transition: 0.3s;}



#fu li a:hover{color: #fff;border: 1px solid #fff;background: rgba(17, 80, 155, 0.07)}



#fu2{width:40px;height: 100%;position: fixed;right: 0px;top: 0px;z-index: 10;background:#00aa64;padding: 20px 0;}







#fu .side{position: absolute;left: -50px;height: 40px;width: 50px;top: 0;



    background: #ff773a url("../images/jin.png") center no-repeat;cursor: pointer}



#fu .side2{position: absolute;left: -50px;height: 40px;width: 50px;top: 0;



    background: #ff773a url("../images/chu.png") center no-repeat;cursor: pointer;display: none}



#fu .cont p{text-indent: 1.5em}



#fu .cont p:nth-child(1){background:  url("../images/tel4.png") center left 3px no-repeat;background-size: 15px}



#fu .cont p:nth-child(2){background:  url("../images/tel5.png") center left no-repeat;background-size: 20px}















#gotop{position: fixed;z-index: 10;bottom: 350px;width: 60px;height: 60px;transition: 0.5s;background: #ccc url("../images/top.png") center no-repeat;



    right: 100px;bottom: 150px;cursor: pointer;display: none;



}



#gotop:hover{background: #9aa1a8 url("../images/top.png") center no-repeat}

















/** 娓呴櫎鍐呭杈硅窛 **/



body{overflow-x: hidden;}



body, h1, h2, h3, h4, h5, h6, hr, p,



blockquote, /* structural elements 缁撴瀯鍏冪礌 */



dl, dt, dd, ul, ol, li, /* list elements 鍒楄〃鍏冪礌 */



pre, /* text formatting elements 鏂囨湰鏍煎紡鍏冪礌 */



form, fieldset, legend, button,  /* form elements 琛ㄥ崟鍏冪礌



th, td, /* table elements 琛ㄦ牸鍏冪礌 */



img/* img elements 鍥剧墖鍏冪礌 */{



    border:medium none;



    margin: 0;



    padding: 0;



}



h1, h2, h3, h4, h5, h6 { font-size: 100%; }



/** 閲嶇疆鍒楄〃鍏冪礌 **/



ul, ol { list-style: none; }



/** 閲嶇疆瓒呴摼鎺ュ厓绱� **/




a { text-decoration: none; color:#333;}



a:hover{text-decoration: none}



/*a:hover {color:#F40; }*/



/** 閲嶇疆鍥剧墖鍏冪礌 **/



img{ border:0;}



/** 閲嶇疆琛ㄦ牸鍏冪礌 **/



table { border-collapse: collapse; border-spacing: 0; }



/** 娓呴櫎鍐呭杈硅窛 **/



body, h1, h2, h3, h4, h5, h6, hr, p,



blockquote, /* structural elements 缁撴瀯鍏冪礌 */



dl, dt, dd, ul, ol, li, /* list elements 鍒楄〃鍏冪礌 */



pre, /* text formatting elements 鏂囨湰鏍煎紡鍏冪礌 */



form, fieldset, legend, button, /* form elements 琛ㄥ崟鍏冪礌



th, td, /* table elements 琛ㄦ牸鍏冪礌 */



img/* img elements 鍥剧墖鍏冪礌 */{



    border:medium none;



    margin: 0;



    padding: 0;



}



.red{color: red}



input,button,select,textarea{outline:none} textarea{resize:none}



/*sja鏂板姞*/



.clear{clear: both;}



.imgfit{display: flex;justify-content: center;align-items: center;}



.imgfitr{display: flex;justify-content: right;align-items: center;}



.fitobj{object-fit: cover;height: 100%!important;width: 100%!important}



.fitobj2{object-fit: contain;height: 100%!important;width: 100%!important}



.bhh{white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}



.none{display: none}



.imglimit img{width: 100%;margin-top: 20px;}







.f10{font-size: 10px;}



.f12{font-size: 12px;}



.f14{font-size: 14px;}



.f15{font-size: 15px;}



.f16{font-size: 16px;}



.f18{font-size: 18px;}



.f20{font-size: 20px;}



.f22{font-size: 22px;}



.f24{font-size: 24px;}



.f30{font-size: 30px;}



.f38{font-size: 38px;}



.fw{font-weight: bold;}







/********margin*********/



.m5{margin: 5px 0}



.m10{margin: 10px 0}



.m20{margin: 20px 0}



.m30{margin: 30px 0}



.m40{margin: 40px 0}



.m50{margin: 50px 0}



.m60{margin: 60px 0}



/*margin-top*/



.mt5{margin-top: 5px!important;}



.mt8{margin-top: 8px!important;}



.mt10{margin-top: 10px!important;}



.mt15{margin-top: 15px!important;}



.mt20{margin-top: 20px!important;}



.mt30{margin-top: 30px!important;}



.mt40{margin-top: 40px!important;}



.mt50{margin-top: 50px!important;}



.mt60{margin-top: 60px!important;}



.mt70{margin-top: 70px!important;}



.mt80{margin-top: 80px!important;}



.mt100{margin-top: 100px!important;}



/*margin-bottom*/



.mb5{margin-bottom: 5px!important;}



.mb10{margin-bottom: 10px!important;}



.mb20{margin-bottom: 20px!important;}



.mb30{margin-bottom: 30px!important;}



.mb40{margin-bottom: 40px!important;}



.mb50{margin-bottom: 50px!important;}



.mb60{margin-bottom: 60px!important;}



.mb70{margin-bottom: 70px!important;}



/**/



.ml20{margin-left: 20px}



.ml30{margin-left: 30px}



.ml40{margin-left: 40px}



.ml50{margin-left: 50px}



/********padding*********/



.p5{padding: 5px 0}



.p10{padding: 10px 0}



.p20{padding: 20px 0}



.p30{padding: 30px 0}



.p40{padding: 40px 0}



.p50{padding: 50px 0}



.p60{padding: 60px 0}



/*padding-top*/



.pt5{padding-top: 5px!important;}



.pt10{padding-top: 10px!important;}



.pt20{padding-top: 20px!important;}



.pt30{padding-top: 30px!important;}



.pt40{padding-top: 40px!important;}



.pt50{padding-top: 50px!important;}



.pt60{padding-top: 60px!important;}



.pt70{padding-top: 70px!important;}



/*padding-bottom*/



.pb5{padding-bottom: 5px!important;}



.pb10{padding-bottom: 10px!important;}



.pb20{padding-bottom: 20px!important;}



.pb30{padding-bottom: 30px!important;}



.pb40{padding-bottom: 40px!important;}



.pb50{padding-bottom: 50px!important;}



.pb60{padding-bottom: 60px!important;}



.pb70{padding-bottom: 70px!important;}











/*text-align*/



.tc{text-align: center;}



.tl{text-align: left;}



.tr{text-align: right;}







/*.layui-layer-molv .layui-layer-btn a*/



.margin{margin: 0 auto}



.h100{height: 100%}







/*overflow*/



.of{overflow: hidden;}











.w80{width: 80%;margin-left: 10%}



.w60{width: 60%;margin-left: 20%;}



.w95{width: 95%!important;margin: 0 auto}



.w90{width: 90%;margin: 0 auto}



.cf{color: #fff}



.cd{color: #ddd}



.c3{color: #333}



/*line-height*/



.l16{line-height: 1.6}



.l18{line-height: 1.8}



.l20{line-height: 2.0}



.l23{line-height: 2.3}



.l25{line-height: 2.5}







.line2{overflow : hidden;



text-overflow: ellipsis;



display: -webkit-box;



-webkit-line-clamp: 2;



-webkit-box-orient: vertical;}







.w100{width: 100%;text-align: left;



.hauto{height: auto;}



/*text-indent*/



.ti2{text-indent: 2em}



.ti1{text-indent: 1em}



.ti05{text-indent: 0.5em}



.c9{color: #999}



.c6{color: #666}



/**/







.bd{background: #ddd}



.bf5{background: #f5f5f5}







/*transition*/



.tr05{transition: 0.5s}



.tr03{transition: 0.3s}







body::-webkit-scrollbar {/*婊氬姩鏉℃暣浣撴牱寮�*/



    width:5px;     /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/



    height: 1px;



}



body::-webkit-scrollbar-thumb {/*婊氬姩鏉￠噷闈㈠皬鏂瑰潡*/



    border-radius: 3px;



    background-color: #00aa64;



    background-images: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);



}



body::-webkit-scrollbar-track {/*婊氬姩鏉￠噷闈㈣建閬�*/



    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);



    /*border-radius: 10px;*/



    background: #EDEDED;



}