@charset "UTF-8";
/*PC-banner*/

.slideBox { width: 100%; height: auto; overflow: hidden; position: relative; }
.slideBox .bd { width: 100%; height: 100%; z-index: 0; }
.slideBox .bd ul { margin: 0; padding: 0; }
.slideBox .bd ul li { zoom: 1; vertical-align: middle; list-style: none; }
.slideBox .bd ul img { width: 100%; display: block; }
.slideBox .prev { position: absolute; top: 50%; left: 0; display: block; width: 50px; height: 75px; background: url(../images/l.png) 8px center no-repeat rgba(0, 0, 0, 0.4); margin-top: -37px; }
.slideBox .next { position: absolute; top: 50%; right: 0; display: block; width: 50px; height: 75px; background: url(../images/r.png) 15px center no-repeat rgba(0, 0, 0, 0.4); margin-top: -37px; }
.slideBox .prev:hover { background: url(../images/l.png) 8px center no-repeat rgba(0, 0, 0, 0.7); }
.slideBox .next:hover { background: url(../images/r.png) 15px center no-repeat rgba(0, 0, 0, 0.7); }
/*手机-banner*/

.slideBox2 { width: 100%; height: auto; overflow: hidden; position: relative; }
.slideBox2 .bd { width: 100%; height: 100%; z-index: 0; }
.slideBox2 .bd ul { margin: 0; padding: 0; }
.slideBox2 .bd ul li { zoom: 1; vertical-align: middle; list-style: none; }
.slideBox2 .bd ul img { width: 100%; display: block; }
.slideBox2 .prev { position: absolute; top: 50%; left: 0; display: block; width: 50px; height: 75px; background: url(../images/l.png) 8px center no-repeat rgba(0, 0, 0, 0.4); margin-top: -37px; }
.slideBox2 .next { position: absolute; top: 50%; right: 0; display: block; width: 50px; height: 75px; background: url(../images/r.png) 15px center no-repeat rgba(0, 0, 0, 0.4); margin-top: -37px; }
.slideBox2 .prev:hover { background: url(../images/l.png) 8px center no-repeat rgba(0, 0, 0, 0.7); }
.slideBox2 .next:hover { background: url(../images/r.png) 15px center no-repeat rgba(0, 0, 0, 0.7); }
/*顶部导航*/

#head { width: 100%; z-index: 9999; background: #fff; border-bottom: 1px solid #e5e5e5; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); }
#head.fixed { position: fixed; width: 100%; top: 0; height: 60px; }
.head { width: 100%; height: 100%; }
.head .logo { float: left; margin-left: 4%;/* padding-top: 30px;*/ height:100%;}
.head .logo img{ display:block; height:100%; max-height:95px; max-width:100%;}
.head .headul { float: left; width: 40%; margin-left: 8%; }
.head .headul>ul>li { float: left; font-size: 18px;/* width: 14.28%;*/ line-height: 95px; margin-right:4%; position:relative;}
.head .headul li a { color: #333333; }
.head .headul li:hover>a{}
.head .headul li ul{ width:160px; background:#fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); position:absolute; top:100%; left:50%; transform:translateX(-50%); z-index:5; padding:10px 0; display:none;}
.head .headul li:hover>ul{ display:block;}
.head .headul li ul li{ line-height:28px !important;}
.head .headul li ul li a{ display:block; text-align:center; padding:10px 5px;}
.head .headr { float: right; border-left: 1px solid #d8d8d8; width: 20%; }
.head .headr .lang1_box{ float: right; width: 33%; position:relative;}
.head .headr .english { display: block; height: 95px; line-height:95px; background: url(../images/en.png) center no-repeat #d51515; color:#fff; text-align:center; padding-left:30px;}
.head .headr .lang1{ width:100%; background:#fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); position:absolute; top:100%; left:0; z-index:2; display:none;}
.head .headr .lang1_box:hover .lang1{ display:block;}
.head .headr .lang1 ul li{}
.head .headr .lang1 ul li a{ display:block; color:#333; line-height:24px; font-size:14px; text-align:center;}
.head .headr .lang1 ul li a:hover{ color:#000;}
.head .headr .search { float: left; width: 67%; height: 95px; position: relative; }
.head .headr .search #formsearch { float: left; width: 76%; height: 30px; border: 1px solid #d2d2d2; border-radius: 14.5px; position: absolute; top: 50%; margin-top: -15px; left: 50%; margin-left: -38%; }
.head .headr .search #formsearch input { height: 30px; background: none; border: none; outline: none; }
.head .headr .search #formsearch input#keyword { padding-left: 10px; color: #666; width: 83%; line-height: 28px; }
.head .headr .search #formsearch input#s_btn { width: 18px; height: 18px; border: none; cursor: pointer; background: url(../images/ss.png) no-repeat; margin-top: -2px; }
/*首页产品分类*/

.sun_fwfw { width: 100%; background: url(../images/bj1.jpg) center top no-repeat; background-size:cover; padding-bottom: 160px; }
.sun_tit { width: 37%; margin: 0 auto; text-align: center; padding-top: 5%; }
.sun_tit h3 { font-size: 36px; display: block; font-weight: normal; border-bottom: 2px solid #d9d9d9; padding-bottom: 25px; margin: 0; }
.sun_tit h3 a { color: #444444; }
.sun_tit h3 a:hover { text-decoration: none; color: #d51414; }
.sun_tit span { display: block; font-size: 16px; color: #888888; line-height: 30px; padding-top: 7px; }
.sun_tit p { margin: 0; }
.sun_fwfw .slick_fwfw { margin-top: 70px; }
.sun_fwfw .slick-arrow { position: absolute; display: block; width: 11px; height: 17px; z-index: 9999; top: 40%; background-image: url(../images/fwfw_jt.jpg); outline: none; border: none; font-size: 0; }
.sun_fwfw .slick-arrow.slick-prev { background-position: 0 0; left: 10px; }
.sun_fwfw .slick-arrow.slick-next { background-position: -11px 0; right: 10px; }
.sun_fwfw .slick-slide { outline: none; }
 @media(max-width:414px) {
.sun_fwfw .slick-slide { width: 100%!important; }
.sun_fwfw .slick-slide .slick_con .info { height: auto!important; }
}
.sun_fwfw .slick-slide .slick_con { display: block; padding: 0 5%; }
.sun_fwfw .slick-slide .slick_con .img { width: 100%; overflow: hidden; position: relative; }
.sun_fwfw .slick-slide .slick_con .img img { width: 110%; transition: all 1s;height: 250px;
    object-fit: contain;
    background: #fff; }
.sun_fwfw .slick-slide .slick_con .img h4 { display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; margin: 0; }
.sun_fwfw .slick-slide:hover .slick_con .img img { margin-left: -20px; }
.sun_fwfw .slick-slide:hover .slick_con .img h4 { display: block; }
.sun_fwfw .slick-slide .slick_con h3 { display: block; margin: 0; background: #d51414; text-align: left; text-indent: 34px; width: 100%; height: 58px; line-height: 58px; font-size: 18px; color: #ffffff; transition: all 1s ease; overflow: hidden; }
.sun_fwfw .slick-slide .slick_con h3 span { font-weight: normal; }
.sun_fwfw .slick-slide .slick_con .info { /*height: 205px; */background: #fff; overflow: hidden; width: 100%; /*padding-top: 10px;*/ padding-left: 40px; }
.sun_fwfw .slick-slide .slick_con .info a { display: block; float: left; width: 240px; overflow: hidden; font-size: 16px; color: #444444; line-height: 40px; text-indent: 18px; background: url(../images/squre.jpg) left center no-repeat; }
.sun_fwfw .slick-slide:nth-child(2) .slick_con .info a { width: 130px; overflow: hidden; }
.sun_fwfw .slick-slide .slick_con:hover a { text-decoration: none; }
.sun_fwfw .slick-slide .slick_con:hover h3 { background: #003586; }
/*关于我们*/

.inabout { width: 100%; margin-top: 2%; }
.inabout .row { margin: 0; }
.inabout .aboutr { background: #e9e9e9; padding: 86px 57px 79px 108px; height: auto; overflow: hidden; }
.inabout .aboutr h3 { margin: 0px; font-size: 24px; color: #333333; display: block; }
.inabout .aboutr span { display: block; font-size: 14px; color: #333333; line-height: 30px; margin-top: 15px; }
.inabout .aboutr a { display: block; width: 142px; height: 41px; background: #e60014; text-align: center; line-height: 41px; font-size: 14px; color: #ffffff; text-decoration: none; margin-top: 20px; }
/*首页研发&设备*/

.incase { width: 100%; background: url(../images/bj2.jpg) center top no-repeat; margin-top: 5%; }
.incase .inclist { width: 100%; margin-top: 45px; }
.incase .inclist li { float: left; width: 50%; height: 100%; position: relative; overflow: hidden; }
 @media(max-width:425px) {
.incase .inclist li { float: left; width: 100%; height: 100%; position: relative; overflow: hidden; }
}
.incase .inclist li img { width: 100%; height: 100%; }
.incase .inclist li h3 { display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 32px; text-align: center; font-size: 32px; color: #dddddd; background: url(../images/xian.png) center no-repeat; margin: 0px; margin-top: -16px; }
.incase .inclist li .hong { position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: #d51414; text-align: center; transition: all 1s ease; }
.incase .inclist li .hong h4 { display: block; width: 100%; height: 32px; text-align: center; font-size: 32px; color: #ffffff; background: url(../images/xian.png) center no-repeat; margin: 0px; margin-top: 87px; }
.incase .inclist li .hong span { display: block; font-size: 16px; color: #ffffff; margin: 20px 0px 38px 0px; }
.incase .inclist li .hong a { display: block; width: 53px; height: 53px; background: url(../images/yuan.png) center no-repeat; margin: 0 auto; }
.incase .inclist li:hover .hong { display: block; left: 0; }
/**/

.inxyfw { margin-top: 63px; }
.inxyfw li { text-align: center; padding: 0px 54px; }
.inxyfw li h3 { font-size: 32px; color: #444444; display: block; margin-top: 44px; }
.inxyfw li h4 { font-size: 14px; color: #444444; display: block; background: url(../images/xian2.png) center bottom no-repeat; padding-bottom: 25px; }
.inxyfw li span { display: block; font-size: 14px; color: #888888; line-height: 24px; width: 92%; margin: 0 auto; margin-top: 33px; }
.inxyfw li .img { border-radius: 50%; position: relative; margin: 0 auto; padding-bottom:100%; overflow:hidden;}
.inxyfw li .img img { width: 100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; z-index:1;}
.inxyfw li .img a { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/jia.png) center no-repeat rgba(213, 20, 20, 0.5); border-radius: 50%; z-index:2;}
.inxyfw li:hover .img a { display: block; }
/**/

.innew { width: 100%; background: url(../images/bj3.jpg) no-repeat; background-size: 100% 100%; margin-top: 86px; padding-bottom: 124px; }
.slideTxtBox { width: 100%; margin-top: 40px; }
.slideTxtBox .hd { width: 100%; }
.slideTxtBox .hd ul { text-align: center; margin-bottom: 66px; }
.slideTxtBox .hd ul li { cursor: pointer; display: inline-block; font-size: 16px; color: #55a436; margin: 0px 40px; }
.slideTxtBox .hd ul li.on { color: #55a436; }
.slideTxtBox .bd ul { zoom: 1; }
.slideTxtBox .bd li div { background: #fff; padding: 10px; text-align: center; }
.slideTxtBox .bd li div img { width: 100%; }
.slideTxtBox .bd li div h3 { font-size: 18px; display: block; margin-top: 37px; margin-bottom: 25px; }
.slideTxtBox .bd li div h3 a { color: #333333; text-decoration: none; }
.slideTxtBox .bd li div span { display: block; width: 95%; margin: 0 auto; font-size: 12px; color: #888888; line-height: 18px; padding-bottom: 30px; }
.slideTxtBox .bd li:hover div { background: #d51414; }
.slideTxtBox .bd li:hover div h3 a { color: #fff; }
.slideTxtBox .bd li:hover div span { color: #fff; }
/**/

.incaontact { width: 100%; padding-bottom: 248px; background: url(../images/bj4.jpg) no-repeat; background-size: 100% 100%; }
.incaontact .inconmore { display: block; width: 242px; height: 63px; text-align: center; line-height: 65px; border: 1px solid rgba(255, 255, 255, 0.31); border-radius: 31px; font-size: 18px; color: #ffffff; text-decoration: none; margin: 0 auto; margin-top: 110px; }
.incaontact .sun_tit { width: 37%; margin: 0 auto; text-align: center; padding-top: 148px; }
.incaontact .sun_tit h3 { font-size: 36px; display: block; font-weight: normal; border-bottom: 2px solid #d9d9d9; padding-bottom: 25px; margin: 0; }
.incaontact .sun_tit h3 a { color: #fff; }
.incaontact .sun_tit h3 a:hover { text-decoration: none; color: #fff; }
.incaontact .sun_tit span { display: block; font-size: 16px; color: #fff; line-height: 30px; padding-top: 7px; }
.incaontact .sun_tit p { margin: 0; }
.incaontact ul { width: 100%; margin-top: 140px; }
.incaontact ul li span { font-size: 16px; color: #ffffff; line-height: 30px; display: block; padding-left: 147px; height: 120px; }
.incaontact ul li span p { margin: 0; padding: 0; }
.incaontact ul li:nth-child(1) span { background: url(../images/dh.png) 226px 50% no-repeat; padding-left: 385px; }
.incaontact ul li:nth-child(2) span { background: url(../images/sh.png) left center no-repeat; margin-left: 75px; }
 @media(max-width:1300px) {
.incaontact ul li:nth-child(1) span { background: url(../images/dh.png) 44px 0% no-repeat; padding-left: 157px; }
}
/**/

.s_foot { width: 100%; padding-top: 10px; background: #2b2b2b; }
.s_foot .row { margin: 0; padding: 0; }
.s_foot .s_foot1 { border-bottom: 1px solid #6f6f6f; line-height: 50px; }
.s_foot .s_foot1 .s_foot1a { text-align: left; font-size: 16px; color: #ffffff; padding-left: 0px; }
.s_foot .s_foot1 .s_foot1a a { display: inline-block; color: #fff; margin-right: 10px; text-decoration: none; }
.s_foot .s_foot1 .s_foot1b { text-align: right; padding-right: 0px; }
.s_foot .s_foot2 { padding: 10px 0px 30px 0px; }
.s_foot .s_foot2 .s_foot2a { text-align: left; font-size: 14px; color: #666666; line-height: 24px; padding-left: 0px; }
.s_foot .s_foot2 .s_foot2a a { text-decoration: none; color: #666666; }
.s_foot .s_foot2 .s_foot2a span { color: #999999; }
.s_foot .s_foot2 .s_foot2a span a { color: #999999; }
.s_foot .s_foot2 .s_foot2b { text-align: right; font-size: 14px; color: #8b8b8b; padding-right: 0px; }
.s_foot .s_foot2 .s_foot2b a { color: #8b8b8b; line-height: 40px; text-decoration: none; }
#gotop { display: inline-block; background: url(../images/gotop.png) right center no-repeat; cursor: pointer; font-size: 14px; color: #8b8b8b; padding-right: 25px; }
@media (max-width:1700px) {
.inabout .aboutr { padding: 20px 10px 8px 10px; }
.inabout .aboutr span { font-size: 14px!important; line-height: 24px; }
.inabout .aboutr a { margin-top: 0; }
}
@media (max-width:1440px) {
.sun_fwfw .slick-slide .slick_con h3 span { display: none; }
.inabout .aboutr { padding: 20px 10px 8px 10px; }
.incase .inclist li .hong h4 { margin-top: 47px; }
.incaontact ul li:nth-child(1) span { margin-left: 0px; }
.inxyfw li { text-align: center; padding: 0px 20px; }
.sun_tit { width: 60%; }
.incaontact .sun_tit { width: 60%; }
}
@media (max-width:1204px) {
.head .headul { float: left; width: 50%; margin-left: 5%; }
.head .headul li { font-size: 15px; }
.head .headr .search #formsearch input#keyword { width: 70%; }
.sun_fwfw .slick-slide .slick_con .info { padding-left: 8px; }
.inabout .aboutr span { line-height: 25px; }
.incase .inclist li .hong h4 { margin-top: 24px; }
.incase .inclist li .hong span { margin: 20px 0px 8px 0px; }
.inxyfw li { text-align: center; padding: 0px 20px; }
.incaontact ul li:nth-child(1) span { padding-left: 135px; margin-left: 0; background: url(../images/dh.png) 0 50% no-repeat; }
.incaontact ul li:nth-child(2) span { padding-left: 135px; margin-left: 0; }
.sun_tit { width: 70%; }
.incaontact .sun_tit { width: 70%; }
}
@media (max-width:768px) {
.sun_tit { width: 93%; }
.incase .inclist li h3 { height: 20px; font-size: 20px; margin-top: -10px; }
.incase .inclist li .hong h4 { height: 20px; font-size: 20px; margin-top: 30px; }
.incaontact .sun_tit { width: 93%; }
.incaontact ul li { margin-bottom: 20px; }
}
@media (max-width:414px) {
.sun_tit { padding-top: 30px; }
.sun_fwfw { padding-bottom: 20px; }
.inabout { margin-top: 20px; }
.inabout .aboutr { padding: 38px 50px 79px 50px; height: 580px; }
.incase { margin-top: 20px; }
.inxyfw { margin-top: 20px; }
.incaontact .sun_tit { padding-top: 30px; }
.incaontact ul { margin-top: 30px; }
.incaontact ul li span { font-size: 14px; padding-left: 120px; line-height: 25px; margin-bottom: 20px; }
.incaontact .inconmore { margin-top: 5px; }
.incaontact { padding-bottom: 30px; }
.innew { margin-top: 20px; padding-bottom: 30px; }
.slideTxtBox { margin-top: 10px; }
.slideTxtBox .hd ul { margin-bottom: 20px; }
.inxyfw li { margin-bottom: 20px; }
}
.swiper-container img { width: 100%; /*height: auto;*/height: 565px;object-fit: cover; }
 @media(max-width:414px) {
.sun_fwfw .slick-arrow { width: 16px; height: 24px; top: 46%; }
.sun_fwfw .slick-arrow.slick-prev { background: url(../images/zjt.png) no-repeat 0 0; background-size: 100% 100%; left: 8%; }
.sun_fwfw .slick-arrow.slick-next { background: url(../images/yjt.png) no-repeat 0 0; background-size: 100% 100%; right: 8%; }
.slideTxtBox .bd li div span { height: 120px; overflow: hidden; }
.inabout .aboutr a { margin-top: 0; }
}
.link { width: 191px; float: right; position: relative; }
.link dd { position: absolute; bottom: 28px; left: 0; background: #fff; display: none; }
.link dd a { display: block; line-height: 38px; text-align: center; color: #555555; width: 191px; }