@charset "utf-8";body{margin:0px; font-size:12px;  font-family:"微软雅黑"; cursor:default;}

*{padding:0px; margin:0px;}

body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td {margin:0; padding:0;}

h1,h2,h3,h4,h5,h6 {list-style:none; font-weight:normal;}

input,select,button,textarea{font-size:12px; font-family:"微软雅黑"; border:0; background:none; outline:none; vertical-align:middle;}

button {overflow:visible}

img{border:none;}

li{list-style:none;}

a{color:#fff; text-decoration:none;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;}

a:hover{color:#fff;}

.clear{overflow:hidden; clear:both; height:0px;}

.lf{float:left;}

.rt{float:right;}

::-webkit-scrollbar{width:5px;}

::-webkit-scrollbar-track{background-color:#000;}

::-webkit-scrollbar-thumb{background-color:#555; border-radius:5px;}

::-webkit-scrollbar-thumb:hover{background-color:#fff;}

::-webkit-scrollbar-thumb:active{background-color:#fff;}

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

html{font-size:20px;}

input{-webkit-appearance:none;}



}



.con{width:1160px; margin:0 auto;}

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

.con{width:96%;}

}

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

#dituContent{display:none;}

}



.header{width:100%; position:fixed; top:0; left:0; z-index:999; background-color:rgba(255,255,255,.8); box-shadow:0 0 5px #aaa;}

.header .con{width:1100px; }



.header .hy{background:url(../images/hy.png) no-repeat left center; margin-top:20px; margin-left:20px; padding-left:25px; font-size:14px; line-height:36px; float:right;}

.header .hy a{color:#12a83c;}

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

.header .con{width:100%; position:relative;}





}





.gallery-top{width:100%; height:100vh; position:absolute !important; top:0; left:0; z-index:9999;}

.gallery-top .swiper-slide{width:100%; height:100%; position:relative;}

.gallery-top .swiper-slide .wz{width:800px; padding:30px 0; color:#333; text-align:center; position:absolute; left:39%; margin-left:-210px; top:50%; margin-top:-166px;}

.gallery-top .swiper-slide .wz h3{font-size:80px; color:#12a83c; letter-spacing:3px; line-height:120px; margin-bottom:20px;}

.gallery-top .swiper-slide .wz p{font-size:20px; letter-spacing:1px; line-height:36px;}

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

.gallery-top .swiper-slide.b1{background:url(../images/ban1.jpg) no-repeat center / cover;}

.gallery-top .swiper-slide.b2{background:url(../images/ban2.jpg) no-repeat center / cover;}

.gallery-top .swiper-slide.b3{background:url(../images/ban3.jpg) no-repeat center / cover;}

.gallery-top .swiper-slide .wz{width:90%; left:5%; margin-left:auto; top:40%; margin-top:-3.8rem;}

.gallery-top .swiper-slide .wz h3{font-size:1.5rem; line-height:2rem; margin-bottom:1rem;}

.gallery-top .swiper-slide .wz p{font-size:1.2rem; line-height:1.8rem;}

}









.sy_ab .tp{width:570px; margin-left:-460px; float:left; opacity:0; transition:all 0.5s ease-in;}

.sy_ab .tp img{width:100%; height:auto; display:block;}

.sy_ab .wz{width:530px; margin-top:15px; margin-right:-640px; color:#555; float:right; opacity:0; transition:all 0.5s ease-in; overflow:auto;}

.sy_ab .wz h3{font-size:22px; color:#333; margin-bottom:20px;}

.sy_ab .wz p{font-size:14px; line-height:32px; margin-bottom:20px;}

.sy_ab .wz span{width:120px; height:1px; background-color:#7c7c7c; margin-bottom:15px; display:block;}

.sy_ab .wz a{width:130px; height:36px; border:1px solid #a7a7a7; font-size:14px; line-height:36px; color:#666; text-align:center; display:block; margin-top:30px;}

.sy_ab .wz a:hover{color:#fff; border:1px solid #12a83c; 

-webkit-box-shadow:inset -130px 0 0 0 #12a83c;

-moz-box-shadow:inset -130px 0 0 0 #12a83c;

box-shadow:inset -130px 0 0 0 #12a83c;}

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

.sy_ab{padding:5rem 0 3rem;}

.sy_ab .tp{width:100%; margin-left:-100%; float:none;}

.sy_ab .tp ul li{width:23%; float:left; margin:0 1% 2%;}

.sy_ab .wz{width:100%; margin-bottom:2rem; margin-right:-100%; float:none;}

.sy_ab .wz h3{font-size:1.4rem; margin-bottom:1rem;}

.sy_ab .wz p{font-size:1rem; line-height:2rem; margin-bottom:1rem;}

.sy_ab .wz span{width:8rem; margin-bottom:1rem;}

.sy_ab .wz a{width:7rem; height:2.4rem; font-size:1rem; line-height:2.4rem; margin-top:1rem;}

.sy_ab .wz a:hover{color:#12a83c; border:1px solid #12a83c; 

-webkit-box-shadow:none;

-moz-box-shadow:none;

box-shadow:none;}

}





/*产品选项卡*/



.sy_yw{width:1100px; position:relative;}

.shaixuan{background:rgba(0,0,0,0.5); overflow:hidden; margin-bottom:0.5rem; color:#FFF}

.shaixuan h3{ display:block; background:#00a9da; width:50px; text-align:center; float:left; padding:15px 0; font-size:14px}

.shaixuan p{ display:block; float:right; width:1050px; padding:15px 0}

.shaixuan p a{ display:block; float:left; width:18%; padding-left:2%; line-height:0.5rem}



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

.sy_yw{width:96%; position:relative; margin:0 auto}

.shaixuan h3{ display:block; background:#00a9da; width:10%; text-align:center; float:left; padding:15px 0; font-size:14px}

.shaixuan p{ display:block; float:right; width:90%; padding:15px 0}

.shaixuan p a{ display:block; float:left; width:auto; padding-left:5%; line-height:23px}

}



.tabs{

  width:auto;

  height:auto;

  border:0px solid red;

  background:url(../images/hei.png) top repeat-x

}

.tabs h3{ float:left; line-height:50px; font-size:16px; padding:0 15px; color:#FFF}

.selectTab,.unselectTab{



  border-bottom-width:0;

  width:auto;

  height:50px;

  line-height:50px;

  vertical-align:middle;

  text-align:center;

  margin:0;

  margin-left:0.5rem;

  font-size:14px;

  color:#FFF;

  cursor:pointer;

  float:left;

  border-bottom:#00a9da 2px solid;

}

.unselectTab{

  color:#878787;

  background-color:none;

  border:0

}

.selectContent{

	border-top:0px #37709b solid;

	padding-top:20px;

	clear:both;

}

.unselectContent{

 	display:none;

}



.tabs .fdsearch{ float:right; background:#FFF; width:180px; margin-top:12px; margin-right:10px;}

.bd1{ border:0; width:145px; line-height:25px; height:25px; padding-left:5px; color:#999}

.bun1{ background:#00a9da url(../images/sou.png) center no-repeat; height:25px; width:25px;}



.cpzs{ overflow:hidden}

.cpzs ul li{ background:#FFF; float:left; width:254px; border:#e4e4e4 1px solid; padding:10px 0; margin-right:25px; margin-bottom:20px;}

.cpzs ul li:nth-child(4n){margin-right:0; }

.cpzs ul li a p{ display:block; text-align:center;font-size:16px; color:#282828; line-height:35px}

.cpzs ul li i{ display:block; width:80%; margin:0 auto}

.cpzs ul li i img{ width:100%; height:auto}

.cpzs ul li a span{ display:block; width:92%; margin:0 auto; text-align:center; color:#282828; line-height:25px}

.cpzs ul li a:hover span{ background:#00a9da; color:#FFF}





.btn1 a{width: 130px;

    height: 36px;

    border: 1px solid #fff;

    font-size: 14px;

    line-height: 36px;

    color: #fff;

    text-align: center;

    display: block;

	margin:0 auto;

    margin-top: 50px;}

	

.btn1 a:hover{color:#fff; border:1px solid #12a83c; 

-webkit-box-shadow:inset -130px 0 0 0 #12a83c;

-moz-box-shadow:inset -130px 0 0 0 #12a83c;

box-shadow:inset -130px 0 0 0 #12a83c;}



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

.cpzs ul li{ width:23%; border:#bebebd 1px solid; padding:10px 0; margin:0.8%}

}



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

.cpzs ul li{ width:47%; border:#bebebd 1px solid; padding:10px 0; margin:1%}

.tabs .fdsearch{ display:none;}



}











/*关于我们*/

.sy_sc{width:995px; margin:0 auto; padding-top:80px; padding-bottom:80px;}

.sy_sc h2{font-size:36px; color:#fff; text-align:center; margin-bottom:30px;}

.sy_sc h3{font-size:18px; color:#fff600; margin:10px auto;}

.sy_sc p{font-size:14px; line-height:24px; height:48px;}

.sy_sc ul li{width:159px; float:left; text-align:center; margin:0 20px;}

.sy_sc ul li img{width:78px; height:78px; border:2px solid #fff600; border-radius:100%; display:block; margin:0 auto;}

.sy_sc a.mr{color:#fff; text-align:center; border-radius:5px; background-color:#ffc001; width:200px; font-size:16px; line-height:36px; display:block; margin:15px auto 0;}



.tan_c{width:100%; height:100%; background-color:rgba(0,0,0,.7); position:fixed; top:0; left:0; z-index:9999; display:none;}

.tan_c .dt{width:600px; height:100%; margin:0 auto; overflow-y:auto; display:none;}

.tan_c .dt.on{position:absolute; top:50%; margin-top:-213px; left:50%; margin-left:-300px;}

.tan_c .dt img{width:100%; height:auto; display:block;}

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

.tan_c .dt{width:80%; height:90%; margin:15% auto 0;}

.tan_c .dt.on{position:absolute; top:35%; margin-top:auto; left:10%; margin-left:auto;}

}



.active .sy_ab .tp{margin-left:0; transition-delay:.3s; opacity: 1;}

.active .sy_ab .wz{margin-right:0; transition-delay:.3s; opacity: 1;}



.gy_bt{text-align:center; margin-top:-80px; margin-bottom:30px; opacity:0; transition:all 0.5s ease-in;}

.gy_bt h3{font-size:36px; color:#12a83c; margin-bottom:15px; display:block; background: url(../images/lv.jpg) bottom center no-repeat; padding-bottom:15px}

.gy_bt p{font-size:20px; color:#c0c0c0;}

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

.gy_bt{margin-bottom:2rem;}

.gy_bt h3{font-size:1.4rem; margin-bottom:1rem;}

.gy_bt p{font-size:1rem;}

}

.active .gy_bt{margin-top:0; transition-delay:.3s; opacity: 1;}



/*视频中心*/

.sy_bz .spzs ul li{float:left; width:343px; padding:30px 0x; height:auto; text-align:center; margin:30px 16px 0; opacity:0; transition:all 0.5s ease-in; color:#FFF}

.sy_bz .spzs ul li p{ font-size:14px; display:block; text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; }

.active .sy_bz .spzs ul li{margin:0 16px; opacity:1;}

.active .sy_bz .spzs ul li.l1{transition-delay:.6s;}

.active .sy_bz .spzs ul li.l2{transition-delay:.8s;}

.active .sy_bz .spzs ul li.l3{transition-delay:1s;}

.active .sy_bz .gy_bt h3{ color:#FFF}



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

	.sy_bz .spzs ul li{ width:30%;}

	.sy_bz .spzs ul li img{ width:100%; height:auto}

	.active .sy_bz .spzs ul li{margin:1rem 1.5%;}

}

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

	.sy_bz .spzs ul li{ width:44%;  }

	.sy_bz .spzs ul li:nth-child(2n){ display:none}

	.active .sy_bz .spzs ul li{margin:1rem 3%;}

	

}











/*公司新闻*/

.sy_xw .btn1 a{ color:#666; border:#666 1px solid}

.sy_xw .btn1 a:hover{ color:#fff; border:#12a83c 1px solid}





.swiper-container-xwxl{margin-top:80px; opacity:0; transition:all 0.5s ease-in; padding-bottom:50px;}

.swiper-container-xwxl .swiper-slide{padding:10px; background-color:#fff; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;}

.swiper-container-xwxl .swiper-slide img{width:100%; height:auto; display:block;}

.swiper-container-xwxl .tp{margin-bottom:10px;}

.swiper-container-xwxl h3{font-size:15px; color:#000; margin-bottom:15px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.swiper-container-xwxl h3 a{color:#000;}

.swiper-container-xwxl .swiper-slide:hover h3 a{color:#12a83c;}

.swiper-container-xwxl p{font-size:12px; line-height:24px; color:#777; height:48px; overflow:hidden;}

.swiper-container-xwxl em{width:100px; height:1px; background-color:#e7e7e7; margin-bottom:10px; display:block;}

.swiper-container-xwxl .rq{font-size:14px; color:#999; margin-top:10px;}

.swiper-container-xwxl .rq i{font-size:22px; padding-right:10px; color:#12a83c; font-style:normal;}

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

.swiper-container-xwxl .swiper-slide{padding:.3rem;}

.swiper-container-xwxl .tp{margin-bottom:.5rem;}

.swiper-container-xwxl h3{font-size:1.2rem; margin-bottom:1rem;}

.swiper-container-xwxl p{font-size:1rem; line-height:2rem; height:4rem;}

.swiper-container-xwxl em{width:8rem; margin-bottom:.5rem;}

.swiper-container-xwxl .rq{font-size:1rem; margin-top:1rem;}

.swiper-container-xwxl .rq i{font-size:1.2rem; padding-right:.5rem;}

.swiper-container-xwxl .swiper-pagination-bullet{margin:0 .5rem !important;}

}

.active .swiper-container-xwxl{margin-top:0; transition-delay:.8s; opacity: 1;}





/*底部*/

.bq{width:100%; background-color:#303030; position:absolute; left:0; bottom:-30px; font-size:12px; line-height:26px;  padding:10px 0; opacity:0; transition:all 0.5s ease-in; color:#FFF}

.container{ width:90%; margin:0 auto; max-width:1100px;}

.bq p{ display:block; float:left}

.bq span{ float:right; display:block; text-align:right}

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

	.bq{ text-align:center;position:inherit; margin-top:20px}

.bq p{ float:none}

.bq span{ float:none; text-align:center}



}

.active .bq{bottom:0; transition-delay:.6s; opacity: 1;}

.tuwen1 img{max-width:100%}