@charset "utf-8";
/* CSS Document */

*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box;}
body{position: relative;font:14 Microsoft YaHei, arial, 宋体, sans-serif;vertical-align: baseline;width: 100%;overflow-x: hidden;color: #333;}
i, em{ font-style: normal;}
a{ color: #333;}
h1, h2, h3, h4, h5, h6, b{ font-weight: normal;}
img{ border: none; display: inline-block;}
.clearfix:after{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.content{width:1200px;margin:0 auto;}
.clear{width:100%;clear: both;}
/*header*/

.header{ width: 100%;}
.header .h-nr-1{ overflow: hidden; background: #f5f5f5;}
.header .h-nr-1 .header-top{ width: 1200px; margin: 0 auto; height: 40px; line-height: 40px;}
.header .h-nr-1 .header-top .left{ float: left; color: #666; font-size: 12px;}
.header .h-nr-1 .header-top .right{float: right;line-height: 40px;}
.header .h-nr-1 .header-top .right a{ color: #666; font-size: 12px;margin-right:8px;}
.header .h-nr-1 .header-top .right img{vertical-align:middle;}
.header .h-nr-1 .header-top .right span{ margin: -2px 10px 0; background: #666; width: 1px; height: 13px; display: inline-block; vertical-align: middle;}
.header .header-zb{width: 1200px;margin: 0 auto;overflow: hidden;padding: 5px 0 10px;}
.header .header-zb .left{ float: left;}
.header .header-zb .left>div{/* margin-top:10px; */display: inline-block;vertical-align: middle;/* margin-top: 10px; */}
.header .header-zb .left .xian{ margin: 0 10px 0 20px;}
.header .header-zb .left .wb p{font-size: 30px;color: #00a2ff;font-weight: bold;line-height: 45px;}
.header .header-zb .left .wb p>b{ color: #00a2ff;font-weight: 600;}
.header .header-zb .left .wb span{ font-size: 20px; color: #666;}
.header .header-zb .right{float: right;margin-top: 5px;}
.header .header-zb .right .dh,.header .header-zb .right img{ display: inline-block; vertical-align: middle;}
.header .header-zb .right .dh{margin-left: 10px;line-height: 37px;}
.header .header-zb .right .dh p{font-size: 18px;color: #666;}
.header .header-zb .right .dh span{font-size: 30px;color: #00a2ff;font-weight: bold;margin: -10px 0 0;display: inline-block;}
.header .nav{ background: #00a2ff; width: 100%; height: 60px;}
.header-bottom{ border-bottom: 4px solid #aa0006;}
.header .nav .nav-nr{ width: 1200px; margin: 0 auto; overflow: hidden; height: 60px;}
.header .nav ul{ overflow: hidden;}
.header .nav ul li{float: left;width: 150px;height: 60px;text-align: center;position: relative;line-height: 60px;background:url(../images/ico2.png) center right no-repeat;}
.header .nav ul li:last-child{background:none;}
.header .nav ul li a{ color: #fff; font-size: 16px; display: block;}
.header .nav ul li.on,.header .nav ul li:hover{background: #14cbff;z-index: 12;position: relative;}
.banner-index{ line-height: 0;position: relative;}
.banner-index img{ width: 100%;}
.slideBox{ width: 100%; height: auto; overflow: hidden; position: relative;}
.slideBox .hd{height:25px;overflow: hidden;position: absolute;left: 45%;bottom: 15px;z-index: 25;}
.slideBox .hd ul{ overflow: hidden; zoom: 1; float: left;}
.slideBox .hd ul li{float: left;background-color:#fff;width: 20px;line-height: 20px;text-align:center;height: 20px;margin-right:8px;cursor: pointer;font-size: 0;color:#fff;border-radius:50%;}
.slideBox .hd ul li.on{ background-color: #14cbff;}
.banner-index .slideBox .bd img{ width: 100%;}

/*search*/

.search{overflow:hidden;width: 100%;height: 60px;line-height: 60px;}
.search-content{ width: 1200px; margin: 0 auto; overflow: hidden;}
.search-keywords{ font-size: 18px; color: #333; display: inline-block;}
.search-keywords .wb{}
.search-keywords .wb .span{color: #000;font-size: 18px;float: left;display: block;margin-top: 1px;font-weight: bold;}
.search-keywords .wb{color: #333;font-size: 16px;display: block;float: left;font-weight: bold;}
.search-keywords .wb > a:hover{color: #00a2ff;}
.search-keywords .wb > span{ display: inline-block; width: 1px; height: 13px; background: #666; margin: 0 5px; vertical-align: middle;}
#searchForm{width: 100%;line-height: 35px;height: 35px;z-index: 99;position: relative;vertical-align: middle;margin: 0px 0 0 2px;float: left;background: #e5e5e5;}
.search-form{float: right;width: 300px;margin-top: 8px;margin-right: 100px;}
.search-form .ss-nr{display: block; line-height: 28px; vertical-align: middle; float: left;}
.search-form .ss-nr>img{ display: inline-block; vertical-align: top;}
.search-form .ss-nr p{ color: #fff; line-height: 20px; margin-left: 3px;}
.search-form .ss-nr p i{ font-size: 14px;}
.search-form .ss-nr p b{ font-size: 20px; letter-spacing: 2px;}
#searchForm .search-input{vertical-align: middle;height: 35px;background: none;line-height: 35px;/* margin-top: -4px; */border-radius: 5px;padding-left: 13px;outline: none;border: none;width: 100%;font-size: 12px;}
.search-form #s_btn{ width: 37px; height: 40px; background: none; color: #fff; outline: none; border: none; cursor: pointer; margin-left: -4px; display: inline-block; vertical-align: top;}
.clear-fix-3{ line-height: 0; font-size: 0; clear: both;}
.so{
    font-size:0px;
    border:none;
    cursor:pointer;
    width: 54px;
    height: 35px;
    background:#535353 url(../images/soso.png) center no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    }
#searchForm .search-input::-webkit-input-placeholder{
	/* WebKit browsers */
	color: #a0a0a0;}
#searchForm .search-input:-moz-placeholder{
	/* Mozilla Firefox 4 to 18 */
	color: #a0a0a0;}
#searchForm .search-input::-moz-placeholder{
	/* Mozilla Firefox 19+ */
	color: #a0a0a0;}
#searchForm .search-input:-ms-input-placeholder{
	/* Internet Explorer 10+ */
	color: #a0a0a0;}

.jiny{width:100%;background:#eee;padding-top:50px;overflow:auto;padding-bottom:50px;}
.jiny dl{width: 25.5%;text-align:center;float:left;background: url(../images/index_37.png) 100%  center no-repeat;}
.jiny dl:nth-child(1){width: 27%;padding-right: 1%;}
.jiny dl:nth-child(4){background:none;width: 21.5%;}
.jiny dl dt{font-size:22px;color:#5c5c5c;font-weight:bold;letter-spacing:1.5px;line-height: 50px;}
.jiny dl dd{font-size: 11px;}

.more-title{ width: 1200px; margin: 0 auto; text-align: center;}
.more-title img{margin: 50px 0 0px;}
.probg{width:100%;height: 180px;}
.probg h3{font-size: 23px;font-weight:bold;color:#a5a5a5;letter-spacing: 2px;}
/*product*/

.product{ width: 1200px; margin: 0 auto 45px;}
.inpronav{width:100%;background: #eee;margin-top:20px;height: 60px;margin-bottom: 30px;}
.inpronav .inpnav{width: 1200px;margin: 0 auto;text-align: center;position: relative;line-height: 60px;}
.inpronav .einpnav{display: none;position: absolute;width: 1000px;height: 70px;line-height: 70px;left: 0;top: 70px;}
.inpronav .inpnav .proli{
    width: 162px;
    height: 60px;
    background: url(../images/ico36.png) center no-repeat;
    color: #fff;
    float: left;
    line-height: 60px;
    font-size: 20px;
}
.inpronav .inpnav>li{display:inline-block;text-align: center;width: 160px;float: left;height: 60px;}
.inpronav .inpnav>li>a{
    height: 56px;
    line-height: 56px;
    font-size: 18px;
    color: #221815;
    font-weight: bold;
    display: block;
}
.inpronav .inpnav>li.on>a::after ,.inpronav .inpnav>li:hover>a::after{display:inline-block;content:"";background:url(../images/ico522.png) center top no-repeat;height: 11px;width:159px;float: left;}

.prolist{width:100%;}
.proull{width:100%;} 
.proull li{width:31.8%;margin-right:2.3%;float:left;margin-bottom:2.3%;position:relative;COLOR: #FFF;height: 268px;border: 4px solid #fff;} 
.proull li p{position:absolute;bottom:0px;height:40px;width:100%;background: rgba(0, 0, 0, 0.38);color: #fff;text-align: center;line-height: 40px;font-size: 18px;}
.proull li:nth-child(3n){margin-right:0%;}
.proull li img{width:100%;    height: 260px;object-fit: cover;transition: all 0.5s;}
.proull li:hover{border:4px solid #00a2ff;z-index:999;transition: all 0.5s; height:268px;}


/*ys*/

.ys{width: 100%;background: url(../images/ys_bg.jpg) no-repeat center center;height: 1896px;}
.ys .ys-nr{width: 1200px;margin:0px auto 0;position: relative;}
.ys .ys-nr .wed{position:absolute;left:180px;width:400px;font-size:18px;line-height:38px;}
.ys .ys-nr .wed:nth-child(2n){position:absolute;left: 725px;width:400px;}
.ys .ys-nr .wed:nth-child(1){top: 430px;}
.ys .ys-nr .wed:nth-child(2){top: 796px;}
.ys .ys-nr .wed:nth-child(3){top: 1228px;}
.ys .ys-nr .wed:nth-child(4){top: 1615px;}
/*power*/
.bg{width:100%;}
.bg img{width:100%;}


/*case*/
.casebg{width:100%;margin-bottom: 50px;/* overflow: auto; */}
.caleft{width: 58%;float:left;margin-bottom: 60px;}
.caleri{width: 40%;float:right;}
.caleft img{width:100%;height: 522px;object-fit: cover;}
.caleft>li{position:relative;height: 522px;}
.caleft>li p{position:absolute;bottom:0px;height:40px;width:100%;background: rgba(0, 0, 0, 0.38);color: #fff;text-align: center;line-height: 40px;font-size: 18px;}
.caleri>ul{width:100%;}
.caleri>ul li{width:48%;float:left;position:relative;height: 150px;margin-bottom: 4%;}
.caleri>ul li:nth-child(2n){width:48%;float:right;}
.caleri>ul li img{width:100%;height: 150px;object-fit: cover;}
.caleri>ul>li p{position:absolute;bottom:0px;height: 30px;width:100%;background: rgba(0, 0, 0, 0.38);color: #fff;text-align: center;line-height: 30px;font-size: 16px;}
.caselx{width:100%;float:left;background: #eee;padding-top: 30px;padding-left: 20px;height: 203px;}
.caleri>ul li:nth-child(3) ,.caleri>ul li:nth-child(4){margin-bottom:0;}
.caselx .cphoe{height: 70px;background:url(../images/phone.png) center left no-repeat;background-size: 55px;width: 410px;text-indent: 60px;font-size: 20px;line-height: 70px;margin-bottom: 40px;}
.caselx .cphoe span{display: inline-block;float: right;line-height: 36px;font-size: 28px;text-indent: 0;text-align: left;}
.climg{width:50%;float:left;text-align:center;}


/*about*/
.aboutbg{width:100%;position: relative;text-align: center;background:url(../images/about_bg.jpg) center no-repeat;height: 650px;margin-top: 50px;}
.aboutbg .content{height: 353px;margin-top: 20px;background: #fff;}
.able{text-align: left;width: 540px;float:left;margin-top: 40px;margin-left: 50px;font-size: 16px;line-height: 28px;}
.able h2{line-height:60px;font-size:28px;border-bottom:1px solid #ddd;margin-bottom: 15px;}
.able span{display:inline-block;width: 120px;margin-top: 20px;text-align: center;background: #00a2ff;height: 40px;line-height: 40px;border-radius: 20px;}
.able span a{color:#fff;}
.abphoto{width:100%;background:#e7e7e7;height: 320px;}
.abbg{width:45%;float:left;}
.abbg img{width:100%;}
.container{width:1200px;margin:0 auto;}
.index4 .container{width:1300px;margin:0 auto;}
.index4{padding:90px 0 90px 0; position: relative; overflow: hidden;background: url(../images/ico22.png) center no-repeat; height:664px;}
.index4 .bg{width: 550px;float:right;margin-top: 80px;}
.index4 .bg img{width: 93%;float:right;}
.in4Ul{width: 750px;float: left;}
.in4Ul .list{padding:10px 40px 20px 40px;}
.in4Ul .list .box{display:block;background-color: #fff;box-shadow: 7px 7px 10px rgba(0,0,0,0.16);padding: 40px 40px 70px 45px;}
.in4Ul .list .box .H4{font-size:30px;}
.in4Ul .list .box .H5{font-size:14px; font-family: Arial; text-transform: uppercase; padding:7px 0 25px 0; border-bottom:1px solid #d8d8d8;}
.in4Ul .list .box .H6{width:179px; height: 31px; line-height: 31px; background-color: #867159; border-radius: 30px; text-align: center; font-size:21px; color:#fff; margin: 24px 0 30px 0;}
.in4Ul .list .box .p{font-size:16px; line-height: 27px; color:#323232; height: 54px;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.in4Ul .list .box .img{margin-top:45px;}
.in4Ul .list .box .img img{width: 390px;}
.in4Ul .slick-prev,
.in4Ul .slick-next{width:30px;height: 30px;background: url(../images/icol.png) center no-repeat;bottom: 96px;top:auto;transform: translate(0);right: 134px;font-size: 0;border: none;position: absolute;z-index: 99;}
.in4Ul .slick-next{right: 90px;background-image: url(../images/icor.png);}








.selected {
    background: #00a2ff!important;
    color: #fff!important;
    /*content: url(/Public/images/jtz2.png);*/
}



/*new*/
.newsbg{width:100%;padding-bottom: 50px;}
.new{width: 1200px;margin: 20px auto 0px;}
.new .new-list{width: 37%;float: left;}
.nwen-top{}
.new .top{overflow: hidden;height: 70px;position: relative;background: #fff;line-height: 70px;padding-left: 10px;}
.new .top a{float: right;font-size: 25px;color: #00a2ff;display: inline-block;margin-right: 20px;font-weight: bold;}
.new .top span{color: #222;font-size: 23px;}
.new .top span b{ color: #adadad; margin-left: 5px;}
.new span i{font-style: normal;color: #98999a;}
.new .new-list .zb .img{ width: 372px; height: 197px; overflow: hidden;}
.new .new-list .zb .img img{ display: block;max-width: 100%}
.new .new-list .zb{position: relative;}
.new .new-list .zb ul{/* padding-bottom: 20px; */border-top: none;}
.new .new-list .zb ul li{width: 100%;/* margin-bottom: 15px; *//* height: 150px; */background: #fff;}
.new .new-list .zb ul li .nliimg{float:left;width: 100%;}
.new .new-list .zb ul li .nliimg img{width:100%;height: 300px;object-fit: cover;}
.new .new-list .zb ul li>a{ font-size: 14px; color: #666;}
.new .new-list .zb ul li .nrig{float:right;width: 100%;/* margin-right: 10px; */margin-top: 10px;} 
.new .new-list .zb ul li .nrig h3{height:40px;font-size: 17px;line-height:40px;font-weight: bold;} 
.new .new-list .zb ul li+li+li+li{ border-bottom: none;}
.new .new-list .bottom a{ position: absolute; background: url(../images/more2.png)no-repeat; background: url(../images/more2.png)\9 no-repeat; width: 134px; height: 38px; line-height: 38px; display: inline-block; text-align: center; font-size: 14px; color: #fff; left: 24px; bottom: -10px;}
.new .new-list .zb ul li .nrig p{font-size:16px;line-height: 30px;}
.new .new-list .zb ul li .nrig span{margin-top:10px;display:inline-block;}
.new .new-list2{width: 60%;overflow: hidden;float: right;}
.nwen-top .bd ,.nwen-top{width:100%;}
.fr{float:right;}
.nwen-top .bd dl{padding: 10px 25px;margin-bottom: 15px;background: #eeeeee;}
.nwen-top .bd dl img{width:100%;height:200px;object-fit:cover;}
.nwen-top .bd dl dt{font-size: 16px;line-height: 30px;padding:0 20px;font-weight: bold;}
.nwen-top .bd dl dd{font-size:16px;line-height: 25px;margin:0 20px;padding-bottom: 10px;}
.nwen-top .infoList{padding:0 20px;margin-top: 19px;}
.nwen-top .infoList li{height:35px;line-height:35px;background:url(../images/newd.png) center left no-repeat;text-indent:20px}
.nwen-top .bd dl:hover{background:#138df2; cursor:pointer;}
.nwen-top .bd dl:hover dt ,.nwen-top .bd dl:hover dd{color:#fff;}


/*frilink*/

.frilink{position: relative;width: 100%;margin: 3px auto 0px;padding: 50px 0;box-shadow: 2px -1px 10px 3px #cccccc;}
.frilink a{ font-size: 14px; color: #666;}
.frilink span{}
.frilink span a{display: inline;margin-right:10px; float:left; line-height:30px;}


/*btn_top*/

#btn_top ul{ overflow: hidden;}
#btn_top li{ float: left; margin-left: 10px;}
#btn_top li img{ display: block;}
#btn_top{ width: 43px; height: 43px; overflow: hidden; position: fixed; top: 85%; right: 51%; margin-right: -675px; cursor: pointer; display: none;}
#btn_top h4{ width: 43px; height: 43px; overflow: hidden; position: relative;}
#btn_top img{ display: block; position: absolute; top: 0; left: 0;}

/*foot*/

footer{width:100%;background: #138df2;height: 350px;}
.foot{width:1200px;margin:0 auto;color: #fff;padding-top: 60px;height: 300px;}
.fleft{width: 30%;float: left;}
.fleft>ul{width:100%;}
.fleft>ul li{width:33.3%;float:left;}
.fleft>ul li a{color:#fff;line-height:35px;font-size:18px;}

.fright{width: 55%;float: left;}
.fimg{margin-bottom:20px}
.fright h3{line-height:35px;background: url(../images/fico.png)  0px 2px  no-repeat;text-indent: 50px;font-size: 16px;margin-bottom: 10px;}
.fright h3:nth-child(4){background: url(../images/fico.png)  0px -90px  no-repeat;}
.fright h3:nth-child(3){background: url(../images/fico.png) 0px -46px no-repeat;}

.fleft dl{width: 20%;float: left;}
.fleft dl dt{font-size:18px;margin-bottom:10px;}
.fleft dl dd{height:30px;line-height:30px;}
.fleft dl dd a{font-size: 14px;color:#fff;}
.fright h2{color:#00a2ff;font-size:30px;font-weight:bold;letter-spacing:1.5px;margin-bottom: 10px;}
.fright>p{font-size:18px;margin-bottom: 20px;}
.fright .fospan{display:inline-block;width:120px;text-align:center;background:#00a2ff;height:40px;line-height:40px;font-size:20px;margin-bottom:15px;}
.qrcdiv{width:150px;text-align:center;float: right;}
.qrcdiv img{width: 120px;}
.qrcdiv p{font-size:16px}
.fobottom{color:#fff;text-align:center;height:40px;line-height:40px;border-top: 1px dashed #fff;margin-top:10px;font-size:13px;}