@charset "gb2312";
*{padding:0;margin:0;}
body{font-family: "PingFang-SC","Microsoft Yahei",arial;font-size: 14px;}
input,textarea,a{ outline:none;}
ul,ol{list-style:none;}
a{text-decoration:none;color:#333;}
h1,h2,h3,h4,h5,h6{font-weight:100;}
.clear{display:block;contact:"";clear:both;}
img{max-width:100%;}
.center{width:90%;margin:0 auto;}
@font-face {
font-family: 'PingFang-SC';
src:url(../font/PingFang-SC.ttf);      
}
@font-face {
font-family: 'Knockout';
src:url(../font/Knockout-HTF47-Bantamweight.otf);      
}

.head{width:100%; position:fixed;top: 0;z-index:20;}
.head.on{ background:rgba(0,0,0,0.4);}
.header{width:90%;margin:0 auto;margin-top: 8px;}
.header .logo{float:left;width:20%;}
.header .nav{float:left;width:60%;}
.header .nav li{float:left;margin-right:15px; position:relative;}
.header .nav li a.yiji{color:#fff;font-size: 18px;line-height:60px;border-bottom: 2px solid rgba(255, 255,255, 0);display:block;}
.header .nav li .erji{background:#fff;padding:0 10px; position:absolute;top:60px;width: 182px;display:none;left:-54px;text-align:center;}
/*.header .nav li:hover .yiji{border-bottom: 2px solid #333;}*/
.header .nav li .erji a{display:block;line-height:40px;color:#333;}
.header .nav li:hover .erji{display:block;}
/*.header .fb{float:right;margin-top: 20px;}
.header .fb img{display:inline-block;margin:0 8px;}
.header .fb a{float:left;border-right: 2px solid #ffff;}
.header .fb a:last-of-type{border:none;}
*/
.banner img{display: block;}

.header .fb{float:right;margin-top: 20px; position: relative;}
.header .fb img{display:inline-block;margin:0 8px;}
.header .fb .fb_left{float:left;border-right: 1px solid #c1c1c1;}
.header .fb .fb_left:last-of-type{border:none;}
.fb .sskuang{}
.fb #formSeach{ position: absolute;right:0;top:-5px;line-height: 35px;border:1px solid #c1c1c1;display:none;}
.cpkey{line-height: 35px;border:none;padding-left: 5px;}
.topKeyWord{ position: absolute;right:6px;top: 3px;}
.fb .hoverss:hover #formSeach{display: block;}

.zyw a{font-size:18px;color:#fff;padding:0 10px;line-height: 29px;}



.mix{width:100%;height:320px;background:url(../web/jgbg.jpg) no-repeat center;color:#fff;justify-content:center;display:flex;align-items:center; text-align:left;}
.mix h2{font-size:32px;}
.mix .xian{width:100%;height:1px;background: #fff;position:relative;margin:10px 0 8px;}
.mix .xian i{display:block; position:absolute;top: -2px;left:0;width:75px;height:2px;background:#fff;}
.mix em{font-size:20px;font-weight: 100;}
.mix p{font-size:16px;font-weight:100;margin-top:15px;line-height: 1.8rem;}

.produces{width:100%;height:625px;background:url(../web/dian.png) no-repeat center;justify-content:center;display:flex;align-items:center; text-align:left;}
.produces dl{float:left;margin-right:10px; text-align: center; posi tion:relative;top:50px;width: 23%;border:1px solid #d3dce8;padding:50px 0;margin-bottom:20px;border-radius:20px;}
.produces dl:nth-child(4n){margin-right:0;}
/*.produces dl:nth-child(2n){top:-50px;}*/
.produces dl dt{font-size:20px;color:#333;line-height:3rem;font-weight:600;}
.produces dl dd{font-size:16px;color:#333;line-height:30px;}
.produces dl:hover{ box-shadow:0 0 10px rgba(0,0,0,0.2);}
.organization{width:100%;height:320px;background:url(../web/jgbg.jpg) no-repeat center;color:#fff;justify-content:center;display:flex;align-items:center; text-align:left;display:none;}
.organization h2{font-size:32px;}
.organization .xian{width:100%;height:1px;background: #fff;position:relative;margin:10px 0 8px;}
.organization .xian i{display:block; position:absolute;top: -2px;left:0;width:75px;height:2px;background:#fff;}
.number{ text-align: center;margin-top: 50px;} 
.number li{float:left;width:25%;position:relative;}
.number li .shuzi{font-size:15px;}  
.number li .shuzi span{font-size:100px; font-family: 'Knockout';}  
.number li .shuzi sup{font-size:32px;position:absolute;top:0;right:133px;}
.number li .shuzi sup.da{right:103px;}
.number li .shuzi em{font-style: normal;font-size:25px;}
.number li p{font-size:20px;}
.about{width:100%;height: 560px;background: url(../web/aboutbg.png) no-repeat right bottom;justify-content:center;display:flex;align-items:center; text-align:left;}

.ableft{float:left;width:660px;line-height:1.8rem;}
.ableft h1{font-size:32px;color:#333;font-weight: 600;margin-bottom:60px;}
.ableft p{font-size:16px;color:#333;margin-bottom:55px;}
.ableft a{color:#fff;width:218px;height:70px;border-radius:10px;line-height:70px;background-image: linear-gradient(to right,#0d419c,#007cfc);display: block;font-size:18px; text-align: center;transition-duration: 2s;}
.ableft a img{margin-left: 15px;transition: all 0.3s;}
.ableft a:hover{background-image: linear-gradient(to right,#007cfc,#0d419c);}
.ableft a:hover img{margin-left: 25px;}

.abright{width:510px;float:right; text-align: center;}
.abright h3{font-size:32px;color:#0d409a;font-weight:600;}
.abright p{font-size:20px;color:#333333;font-weight:400;margin-top: 30px;}

.technology{width:100%;height:955px;background: url(../web/jsyf.jpg) no-repeat center;color:#fff;justify-content:center;display:flex;align-items:center; text-align:left;}
.technology h2{font-size:32px;line-height:4rem;}
.technology em{font-size:20px;font-weight: 400;}
.technology p{font-size:16px;line-height: 1.8rem;width: 840px;margin-bottom: 20px;}
.technology i{display:block;width:78px;height:3px;background: #fff;margin: 55px 0;}


.news{width:100%;height:320px;background:url(../web/jgbg.jpg) no-repeat center;color:#fff;justify-content:center;display:flex;align-items:center; text-align:left;}
.news h2{font-size:32px;}
.news .xian{width:100%;height:1px;background: #fff;position:relative;margin:10px 0 8px;}
.news .xian i{display:block; position:absolute;top: -2px;left:0;width:75px;height:2px;background:#fff;}
.news em{font-size:20px;font-weight: 100;}

.newnr{margin:70px auto;}
.newnr .news_left{width:755px;float:left; position:relative;}
.newnr .news_left img{width:100%;display:block;}
.newnr .news_left h2{font-size:22px;color:#fff;display:block;background:rgba(0, 0, 0, 0.5);bottom:0;left:0;position: absolute;line-height:70px;width:100%;padding-left: 15px;-webkit-box-orient: vertical;-webkit-line-clamp:1;display: -webkit-box;overflow: hidden;box-sizing: border-box;}
.newnr .news_right{float:right;width:790px;}
.newnr .news_right li{margin-bottom:30px;width:100%;padding:15px;box-sizing:border-box;border:1px solid #d4d4d4;}
.newnr .news_right li .time{float:left;width:15%;color:#fff;height:111px;background-image: linear-gradient(to bottom right,#0d419c,#007cfc); font-family: 'Knockout';text-align: center;}
.newnr .news_right li .time .day{font-size: 54px;margin-top: 15px;font-family: 'Knockout';}
.newnr .news_right li .time .year{font-size:24px;font-family: 'Knockout';}
.newbt{float:right;width: 83%;margin-top: 10px;}
.newbt a{font-size: 22px;color:#333;margin-bottom: 10px;;display: block;-webkit-box-orient: vertical;-webkit-line-clamp:1;display: -webkit-box;overflow: hidden;}
.newbt p{font-size:16px;color: #666666;-webkit-box-orient: vertical;-webkit-line-clamp:1;display: -webkit-box;overflow: hidden;}
.newnr .news_right li:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);border-color: #fff;}
.newfl{ text-align: center;margin-top: 50px;}
.newfl li{display: inline-block;width:20%;border-bottom: 1px solid #fff;margin:0 20px;line-height: 50px;}
.newfl li a{color:#fff;font-size:24px;}
/*.footer .foot{float: left;padding:0 30px;width:13%;}
.footer{width:100%;padding-top:80px;background:#222;}
.footer .f2{width:21%;}
.footer .f1{width:235px;font-size:14px;color:#747474;text-align: center;display:none;}
.footer .f1 img{width: 170px;height: 170px;}
.footer .foot h2{font-size:20px;color:#fff;border-bottom: 1px solid #747474;line-height: 45px;margin-bottom: 10px;}
.footer .foot li{font-size:14px;color:#747474;line-height: 35px;}
.footer .foot li img{ vertical-align: sub;margin-right: 5px;}
.footer .foot li a{font-size:14px;color:#747474;line-height: 35px;}
.copy{color:#6b6b6b;font-size:14px;line-height: 70px;padding-top: 60px;}
.copyleft{float:left;color:#6b6b6b;width:80%;}
.copyright a{float:right;color:#6b6b6b;}
.copyleft a{color:#6b6b6b;}*/

.footer .foot{float: left;pa dding:0 30px;/*width:140px;*/width:13%;margin-right:15px;}
.footer .foot.f2{/*width:300px;*/width:21%;margin-right:0;}
.footer .foot.f3{/*width:160px;*/width:14%;}
.footer{width:100%;padding-top:80px;background:#222;}
.footer .f1{width:235px;font-size:14px;color:#747474;text-align: center;padding:0;display:none;}
.footer .f1 img{width: 170px;height: 170px;}
.footer .foot h2{font-size:20px;color:#fff;border-bottom: 1px solid #747474;line-height: 45px;margin-bottom: 10px;}
.footer .foot li{font-size:14px;color:#747474;line-height: 35px;}
.footer .foot li img{ vertical-align: sub;margin-right: 5px;}
.footer .foot li a{font-size:14px;color:#747474;line-height: 35px;}
.copy{color:#6b6b6b;font-size:14px;line-height: 70px;padding-top: 60px;}
.copyleft{float:left;color:#6b6b6b;width:80%;}
.copyright a{float:right;color:#6b6b6b;}
.copyleft a{color:#6b6b6b;}
@media(max-width:1300px){
	.footer .foot{width:10%;}
	.footer .foot.f2{width:30%;margin-right:0;}
	.footer .foot.f3{width:17%;}
}



.qha{width:100%;overflow:hidden;}
.qhb{position:relative;}
.qhb dl{width:10%;float:left;overflow:hidden;transition:0.4s;display:flex;}
.qhb dl dt{width:100%;float:left;overflow:hidden;}
.qhb dl dt img{max-width:unset;display:block;}
.qhb dl dd{padding:160px 40px 0;heig ht:500px;overflow:hidden;float:left;display:none;transition:0.4s;}
.qhb dl.ona{width:80%;}
.qhb dl.ona dt{width:56%;}
.qhb dl.ona dd{width:44%;display:block;}
.qhb dl dd h2{font-size:40px;font-weight:900;line-height:60px;}
.qhb dl dd em{font-size:24px;font-weight:100;}
.qhb dl dd p{font-size:16px;coor:#333;line-height:32px;margin-top:30px;}

.qhb dl dd a{display:block;width:275px;height:70px;line-height:70px;background-image: linear-gradient(to right,#0d419c,#007cfc); text-align:center;color:#fff;font-size:18px;border-radius:5px;margin-top:50px;}
.qhb dl dd a img{margin-left: 15px;transition: all 0.3s;}
.qhb dl dd a:hover{background-image: linear-gradient(to right,#007cfc,#0d419c);}
.qhb dl dd a:hover img{margin-left: 25px;}