@charset "utf-8";
/* CSS Document */
html {overflow-x:hidden;overflow-y:auto;}
html {overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,img,p,tr {padding:0;margin:0;border:0;list-style:none;font-weight:normal;font-size: 14px;  color: #333333; }
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:100%; font-family:Microsoft Yahei; color:#333333;}

body { font-size:0.875em; font-family:Microsoft Yahei; color:#000000; word-wrap:break-word; overflow:hidden;}
a {text-decoration:none; color:#000000; transition: all 0.6s ease 0s; line-height:1.4;}
a:hover {text-decoration:none; color:#39bcd9; transition: all 0.6s ease 0s;}
img { border:none;    max-width: 100%;vertical-align: middle;}
.clear {clear:both;height:0 auto; line-height:0px; zoom:1; font-size:1px;}
:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.wrap , .wrap2{ max-width:1200px;    padding: 0 10px; height: auto; margin: 0 auto; overflow: hidden;}
.wraptop{width:94%;max-width:94%;min-width:0px;height:auto;max-height:none;min-height:60px;margin-top:10px;margin-left:auto;margin-right:auto;margin-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px;}
.wrapcp , .wrapsb , .wrapxw{max-width:1200px;height: auto; margin:10% auto 0 auto;}
.wraplx{max-width:1200px;height: auto; margin:15% auto 0 auto;}
.fl { float:left;}
.fr { float:right;}
/* 头部  */
.ban_t2{	position: absolute;bottom: 20%;z-index:333;    left: 35%;width: 30%;}
.ban_t2 li{width:20%;float:left;text-align:center;margin:0 2%;height:88px}
.ban_t2 .pic{height:88px;background:url(../images/12.png) top center no-repeat;color:#fff;padding-top:25%;text-decoration:none;transition: all 500ms ease}
.ban_t2 li:hover .pic{background:url(../images/13.png) top center no-repeat;text-decoration:none;color:#39bcd9;}
@media (max-width: 500px){
.ban_t2{
     left: 25%;
    width: 50%;
}
.ban_t2 li{    width: 45%;}
}
@media screen and (min-width: 550px) and (max-width: 1180px){

.ban_t2 li{    width: 45%;margin-bottom:1%}
.ban_t2 .pic{padding-top:20%;}

}
@media (max-width: 1180px){
.ban_t2{bottom:11%}
}
/* 关于我们 */
.about_rm{ width:100%; height: 100%;background:url(../images/bg2.jpg) top center no-repeat;background-size:cover;-webkit-animation: scale-bg 15s alternate infinite;animation: scale-bg 15s alternate infinite;}
.content_box{border-color:rgba(228,228,228,0);overflow:hidden;width:100%;height:100%;position:absolute;top:0;left:0;background-repeat:no-repeat;background-position:center;background-size:auto;clear:both}
.wrapdong{width:100%; max-width:1200px; height: auto; margin:15% auto 0 auto; overflow: hidden;}
.wrapdong .about_left{clear:left;margin-left:2%;margin-right:0px;width:45.505399999999995%;float:left;}
.wrapdong .about_left .titles{}
.wrapdong .about_left .about {margin-top:50px}
.wrapdong .about_left .about p {color:#fff;font-size:1.12em;line-height:2.5em;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7;}
.wrapdong .about_left .more2{width:100%;height:36px;color:rgba(255,255,255,1);border-width:0px;border-radius:25px;border-style:none;border-color:transparent;background:linear-gradient(to right,#e50012,#e50012);padding-top:0;padding-right:20px;padding-left:20px;text-align:center;min-height:inherit;margin-top: 20px;margin-left: 0px;max-width: 150px;}
.wrapdong .about_left .more2 a .font{text-align:center;display:inline-block;vertical-align:middle;width:100%;font-size:14px;height:auto; line-height:36px; color:#FFF;}
.wrapdong .about_left .more2 a img:hover{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);  }
.wrapdong .about_right{clear:none;margin-left:2%;margin-right:0px;width:48.4946%;float:left;}
.wrapdong .about_right .w_carouselbox-001{ }
@media (max-width: 480px){
.wrapcp , .wrapsb , .wrapxw{height: auto; margin:40% auto 0 auto;}
#fp-nav.fp-right {
    right: 7px;
}
.content_box .wrapdong{height: auto; margin:40% auto 0 auto;}
.content_box .wrapdong .about_left{clear:left;margin-left:2%;margin-right:0px;width:90%;}
.wrapdong .about_right{ display:none;}
.content_box .wrapdong .about_left .about{width: 80%;margin: 0 auto}
.content_box .wrapdong .about_left .about p{     font-size: 1.12em;line-height: 2em;}
.content_box .wrapdong .about_left .titles { width: 80%;margin: 0 auto}
.content_box .wrapdong .about_left .more2 { width: 80%;margin: 0 auto}
}
@media (min-width: 480px) and (max-width: 768px) {
.wrapcp , .wrapsb , .wrapxw{height: auto; margin:40% auto 0 auto;}
.content_box .wrapdong{height: auto; margin:40% auto 0 auto;}
.content_box .wrapdong .about_left{clear:left;margin-left:2%;margin-right:0px;width:90%;}
.wrapdong .about_right{ display:none;}
.content_box .wrapdong .about_left .about{width: 80%;margin: 0 auto}
.content_box .wrapdong .about_left .about p{    font-size: 1.12em;line-height: 2.2em;}
.content_box .wrapdong .about_left .titles { width: 80%;margin: 0 auto}
.content_box .wrapdong .about_left .more2 { width: 80%;margin: 0 auto}
}


/*  两个分类 */

.car_rm{ width:100%; background:url(../images/bg3.jpg) top center no-repeat;background-size:cover; }
.car_rm a{width: 20%;
    display: block;
    min-height: 60vh;transition: all  2s ease;-webkit-transition:all 2s ease;}
.car_rm a img{display:block;max-width:100%;margin:0 auto}
.car_rm .c1{}
.car_rm .c2{}

.car_rm .m2{margin-top:10%;	transform: translateY(40px);opacity: 0; 
	-webkit-transform: translateY(40px); 
	-webkit-transition: all 500ms ease; 
	transition: all 500ms ease; }
.car_rm a:hover .m2{display:block;margin-top:10%;opacity: 1; 
	-webkit-transform: translateY(0); 
	transform: translateY(0); 
	-webkit-transition-delay: 100ms; 
	transition-delay: 100ms;}
.car_rm a:hover{-webkit-transform: rotatey(360deg);-moz-transform: rotateY(360deg);-o-transform: rotateY(360deg);-ms-transform: rotateY(360deg);transform: rotateY(360deg);}
.car2{display:none}
@media (min-width: 801px) {

}


@media (max-width: 800px) {
.car1{display:none}
.car2{display:block;}
.car_rm a{width:100%;min-height:auto;    margin: 3% 0;transition: all  500ms ease;-webkit-transition:all 500ms ease;}
.car_rm{ width:100%; background:url(../images/bg31.jpg) top center no-repeat;background-size:cover }
.car_rm .m1{max-width:40%;}
.car_rm .m2{max-width:15%;margin-top:0;transform: translateY(-40px);opacity: 0; -webkit-transform: translateY(-40px); -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.car_rm a:hover{-webkit-transform:none;-moz-transform: none;-o-transform:none;-ms-transform: none;transform: none;}
}
@media (min-width: 480px){



}



@media (max-width: 1260px){

.car_rm a img{max-width:50%;}

}

/*  产品  */

.product_rm{ width:100%; height: 100%;background:url(../images/bg7.jpg) top center no-repeat;background-size:cover;-webkit-animation: scale-bg 15s alternate infinite;animation: scale-bg 15s alternate infinite; }

.wrapcp .title2{text-align:center;}
.wrapcp .title2 h2{text-align:center;font-size:3em;}
.wrapcp .title2 h2 span{  color:#fff;font-weight: bold;/*border-left:5px solid #fff;border-right:5px solid #fff;*/padding:0 2%;}
.wrapcp .title2 p{font-size:1.9em;color:#FFF;}
/*.product_rm .parHd{ width:60%;margin:4% auto;position:relative;  }
.product_rm .parHd ul{overflow:hidden;width:100%;}
.product_rm .parHd li{width:28%;float:left; margin:0 2.5%;text-align:center;}
.product_rm .parHd li a{display:block;width:100%;height:100%;color:#fff;border:1px solid  #fff; border-radius:30px;font-size:1.5em;padding:4% 0;text-decoration:none; }
.product_rm .parHd a:hover{ background:#39bcd9;border:1px solid #39bcd9;text-decoration:none;  }*/

.slick-arrow{background:none;outline: none;border:none;font-size: 0;}
.section .slick-prev,.section .slick-next{width: 52px;height: 124px;position: absolute;top:50%;margin-top: -62px;z-index: 99999;}
.section .slick-prev{background:url("../images/lt.png") no-repeat top center;left: -82px;}
.section .slick-next{background:url("../images/rt.png") no-repeat top center;right: -82px;}
.product_list1 , .product_list2{margin-top: 5%;}

.product_list1 li .img img{width:270px !important; height:230px;}
.product_list2 li .img img{ height:230px;}

.product_list1 li , .product_list2 li{_display:inline;position: relative;margin: 0 0.1%;}
.product_list1 li a , .product_list2 li a{text-decoration:none;}
.product_list1 li h3 , .product_list2 li h3{text-align:center;line-height:44px;font-weight:normal;color:#333;font-size:16px;background:#ffffff; margin-top:0;}
.product_list1 li .img img , .product_list2 li .img img{width:100%;display:block;}
.picScroll-left{ overflow:hidden; position:relative;}
.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}
.wrapcp .more2 , .wrapsb .more2 , .wrapxw .more2{width:100%;height:36px;color:rgba(255,255,255,1);border-width:0px;border-radius:25px;border-style:none;border-color:transparent;background:linear-gradient(to right,#e50012,#e50012);padding-top:0;padding-right:20px;padding-left:20px;text-align:center;min-height:inherit;margin: 20px auto;max-width: 150px;}
.wrapcp .more2 a .font , .wrapsb .more2 a .font , .wrapxw .more2 a .font{text-align:center;display:inline-block;vertical-align:middle;width:100%;font-size:14px;height:auto; line-height:36px; color:#FFF;}
.wrapcp .more2 a img:hover , .wrapsb .more2 a img:hover , .wrapxw .more2 a img:hover{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);  }
/*  设备  */

.plant_rm{ width:100%; height:100%; background:url(../images/bg4.jpg) top center no-repeat;background-size:cover;-webkit-animation: scale-bg 15s alternate infinite;animation: scale-bg 15s alternate infinite; }

.wrapsb .title2{text-align:center;}
.wrapsb .title2 h2{text-align:center;font-size:3em;}
.wrapsb .title2 h2 span{  color:#fff;font-weight: bold;/*border-left:5px solid #fff;border-right:5px solid #fff;*/padding:0 2%;}
.wrapsb .title2 p{font-size:1.9em;color:#fff;}
/*.plant_rm .parHd{ width:60%;margin:4% auto;position:relative;  }
.plant_rm .parHd ul{overflow:hidden;width:100%;}
.plant_rm .parHd li{width:28%;float:left; margin:0 2.5%;text-align:center;}
.plant_rm .parHd li a{display:block;width:100%;height:100%;color:#fff;border:1px solid  #fff; border-radius:30px;font-size:1.5em;padding:4% 0;text-decoration:none; }
.plant_rm .parHd a:hover{ background:#39bcd9;border:1px solid #39bcd9;text-decoration:none;  }*/


/*  新闻 */
.new_rm { width:100%; height:100%;background:url(../images/bg5.jpg) top center no-repeat;background-size:cover;-webkit-animation: scale-bg 15s alternate infinite;animation: scale-bg 15s alternate infinite;}

.wrapxw .title2{text-align:center;}
.wrapxw .title2 h2{text-align:center;font-size:3em;}
.wrapxw .title2 h2 span{  color:#fff;font-weight: bold;/*border-left:5px solid #fff;border-right:5px solid #fff;*/padding:0 2%;}
.wrapxw .title2 p{font-size:1.9em;color:#fff;}

.new_list2{margin-top: 5%;}
.new_list2 li{_display:inline;position: relative;margin: 0 0.2%;}
.new_list2 li a{text-decoration:none;}

/*.new_rm ul{overflow:hidden;margin-top:5%;}
.new_rm li{width:31%;float:left;margin:0 3.5%;height:auto;background:#fff;}*/
.new_list2 li a .pic{position:relative;height: auto;  width:100%;overflow:hidden; background:#eee}
.new_list2 li a .pic img{display:block;max-width:100%;height:210px;    width: 100%;transition: all 0.8s ease}
.new_list2 li a .fen{position:absolute;bottom:2px;right:2px;width:30%;    padding: 1% 0;line-height:1.1em; border: 1px solid #fff;color:#fff;text-align:center;transition: all 0.3s ease}
.new_list2 li a .n_content{width: 100%;background: #fff;padding: 20px;}
.new_list2 li a .n_content .title{    margin-top: 5%;font-size: 1.1em;min-height: 5vh; line-height: 1.8em;color:#595959; font-weight:bold}
.new_list2 li a .n_content .title2{    margin-top: 15%;font-size: 1.1em;min-height: 13vh; line-height: 1.5em;}
.new_list2 li a .n_content .info{margin-bottom:15px;font-size: 0.9em;min-height: 5vh; line-height: 1.8em;color:#595959;}
.new_list2 li a .n_content .n_more{width:120px;font-size:14px;line-height:36px;border:1px solid #999;color:#333;text-align:center;margin:15px auto 0;}
.new_list2 li a .n_content .n_more:hover{color:#fff; background:#e50012}

@media (max-width: 480px){

.title2 h2 {font-size: 2em;}

 .new_rm .more2 img{  max-width: 10%;}
.new{display:none}
.swiper-slide{background:#fff;}
.new2{display:block;    margin-top: 10%;}
.new_rm .title{    min-height: 12vh;    font-size: 1.2em;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.new_rm .time{    padding: 5% 0;}
.new_rm a{padding:1.8%;}
.new_rm .pic{height:30%;}
.new_rm .swiper-slide:hover{background:#39bcd9}
.new_rm  .more2{margin-top:10%}
.new_list2 li a .n_content .info{ display:none}
}

@media (min-width: 481px) and (max-width: 800px) {
.new3{display:block;  }
.new{display:none}
.new_rm ul{margin-top:0;}
.new_rm .new3 li{width:100%;margin:1% 0;}
.new_rm .new3 .pic{width:35%;float:left}
.new_rm .title{    margin-top: 0;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.new_rm .new3 .des{width:63%;float:right}
.new_rm a{padding:1%;}
.new_rm .fen{width:40%;}
.new_rm .pic{height:auto}
.new_rm .title{min-height:0}
.new_rm .time{margin-top:4%;}
.new_rm  .more2{margin-top:10%}
.new_list2 li a .n_content .info{ display:none}
.new_rm .title
 }



/*  联系我们  */


.lx_rm { width:100%; height:100%;background:url(../images/bg6.jpg) top center no-repeat;background-size:cover;-webkit-animation: scale-bg 15s alternate infinite;animation: scale-bg 15s alternate infinite;}

.wraplx .contact{width:100%;    overflow: hidden;max-height:70vh;background-color:rgba(0,0,0,0.5);padding:2%}

.wraplx .contact .map{width:48%;}
.wraplx .contact .con{width:28%; padding-left:3%}
.wraplx .contact .wxewm{width:20%; margin-top:100px; text-align:center}
.contact .con .c_t{overflow:hidden;margin:6% 0 4% 0;}

.contact .con .c_t h3{color:#fff;font-size:2em;font-weight:bold;margin-bottom:0;}
.contact .con .c_t  p{color:#fff}
.con .logo img{max-width:100%}
.con .name{width:5%}
.cons {
   margin-left: 5%;
}
.cons p{color:#fff;margin:8% 0}
.cons img{max-width:100%;margin-right:2%}
.contact .wxewm .ewm img{ width:60%}
.contact .wxewm .ewmwz{margin-top:20px;}
.contact .wxewm .ewmwz span{color:#fff; font-size:1.15em}
iframe {
    width: 100%;
    min-height: 60vh;
}


@media (max-width: 480px){
.contact .map{display:none}
.wraplx{height: auto; margin:55% auto 0 auto;}
.wraplx .contact .map , .wraplx .contact .con{width:100%;}
.wraplx .contact .wxewm{display:none}
iframe {min-height:30vh}
.contact .con .c_t h3{font-size:1.3em;margin-top:4%;}
.contact .con .c_t p{font-size:0.8em}
.contact .con{padding:5% 0}
.cons p{margin:2% 0}
.cons img{max-width:5%;}

}
@media (min-width: 481px) and (max-width: 800px) {
.wraplx{height: auto; margin:55% auto 0 auto;}
.wraplx .contact .map , .wraplx .contact .con{width:100%;}
.wraplx .contact .wxewm{display:none}
iframe {min-height:35vh}
.wraplx .contact{max-height:80vh;    width: 85%;margin: 0 auto;}
.contact .con .c_t{margin:1% 0 0 0;}
.cons p{    font-size: 0.9em;    width: 47%;    display: inline-block;margin: 0 0 2% 0;}
.cons .c1{width:100%}
.cons img{max-width:8%;}
.cons .c1 img{max-width:3.5%;}
.cons{margin-top:2%;margin-left: 1%;}
}

@media (min-width: 801px) and (max-width: 1449px) {
iframe {
}
}
@media screen and (min-width: 1450px) and (max-width: 1920px){
iframe {
    min-height:45vh;
}
}
/*  尾部  */
.footer{width:100%;height:auto;padding:0.5% 0;position:fixed;bottom:0;z-index:3333;; }
.footer .f1{float:left;text-align: right;}
.footer .f2{float:right;text-align:left}
.footer p{width:50%;color:#fff;margin:0}
.footer p span{margin:0 0.4%;}
.footer p span a{color:#ffffff;text-decoration:none}
.footer p span a:hover{color:#fc0202;text-decoration:none}
.foot2{display:none}
@media (max-width: 1260px){
.footer p{width:100%;text-align:center;}
.footer p span{margin:0 0.5%;}
.footer .f2{text-align:center}
}
@media (max-width: 880px){
.footer p{width:100%;text-align:center;font-size:0.9em}
.footer p span{margin:0 0.2%;}
.footer .f2{text-align:center}
}
@media (max-width: 480px){
.foot2{display:block}
.foot1{display:none}
.footer .f1{float:left;text-align: center}
.footer .f2{float:right;text-align: center}
}