@charset "utf-8";
/**/
@font-face {
    font-family: "din-2014";
    src: url(/font/din-2014-fw-600.woff2) format("woff2"),url(/font/din-2014-fw-600.woff) format("woff"),url(/font/din-2014-fw-600-a) format("opentype");
    font-style: normal;
    font-weight: 600;
    font-display: swap
}
* {	margin: 0;	padding: 0;	border: 0;}
body {margin:0px;font-size: 14px;color:#3f3c36; line-height: 24px;font-family:Arial, Helvetica, sans-serif;}
a {color:#3f3c36; text-decoration:none; transition:all 0.5s;} 
img{ border:0; margin:0; padding:0; transition:all 0.5s;}
ul{ list-style:none;}
li{ padding:0; margin:0; border:0;}
@media(max-width:3000px) {
#top{ position:fixed; z-index:10; width:100%; background:#fff; top:0; box-shadow:0 5px 5px rgba(0,0,0,0.05);}
#top .k{ width:1200px; margin:0 auto;}
#logo{ float:left; padding:25px 0;}
#logo img{ }

#mbtn{ display:none;}

#menu{ float:right;}
#menu ul li{ float:left;}
#menu ul li a{ display:block; background:url(image/line.jpg) no-repeat center 70px/0 2px; padding:0 25px; color:#8c8c8c; font-size:16px; text-transform:uppercase; font-family:din-2014,sans-serif; font-weight:700; line-height:95px;}
#menu ul li a.zz{ background:url(image/line.jpg) no-repeat center 70px/0 2px,url(image/bit.png) no-repeat right center/10px auto;}
#menu ul li a:hover{ background:url(image/line.jpg) no-repeat center 70px/40% 2px; color:#333}
#menu ul li a.zz:hover{ background:url(image/line.jpg) no-repeat center 70px/40% 2px,url(image/bit.png) no-repeat right center/10px auto; color:#333}
#menu ul li .zmenu{ position:absolute; z-index:20; background:rgba(255,255,255,1); display:none; box-shadow:0 5px 5px rgba(0,0,0,0.1); min-width:240px; margin-top:-20px; }
#menu ul li .zmenu dl{ padding:30px; overflow:hidden;}
#menu ul li .zmenu dl dd{ float:left; font-size:18px; margin-right:50px;}
#menu ul li .zmenu dl dd a{ font-size:14px; font-weight:600; line-height:30px; padding:0;}
#menu ul li .zmenu dl dd a:hover{ text-decoration:underline; color:#333;}
#menu ul li .zmenu dl dd p:nth-child(1){ font-weight:700; padding-bottom:20px;}


#close{ display:none;}

#search{ float:right;cursor:pointer; font-size:16px; line-height:100px;}
#search img{ vertical-align:middle; margin-right:5px; margin-bottom:2px;}


/*banner*/
.swiper-container {	width:100%; margin-left:auto; margin-right:auto;}
.swiper-slide {	text-align:center; font-size:18px; background:#fff; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content: center; justify-content:center; -webkit-box-align:center; -ms-flex-align: center; -webkit-align-items:center; align-items:center;}
.swiper-slide{overflow:hidden;}

#banner{ width:100%; min-height:898px; background:url(banner/banner.jpg) no-repeat bottom/100% auto #e8edf3; overflow:hidden;}

#word{ width:1200px; margin:0 auto; overflow:hidden;}
#word p:nth-child(1){ font-size:20px; line-height:30px; color:#8a9499; margin-top:200px; font-weight:700;}
#word p:nth-child(2){ font-size:44px; line-height:60px; color:#0876a9; width:750px; margin-top:20px; font-weight:700;}
#word p:nth-child(3){ font-size:16px;color:#333b3f; width:750px; margin-top:20px;}
#word p:nth-child(4){ padding:20px 0; overflow:hidden;}
#word p:nth-child(4) a{ font-size:16px; box-shadow:0 0 10px rgba(8,118,169,0.1); font-weight:bold; color:#0876a9; line-height:60px; margin-right:20px; width:220px; display:block; float:left; margin-top:20px; text-align:center; background:#fff; border-radius:50px;}
#word p:nth-child(4) a:nth-child(1){ background:#0876a9; color:#fff;}
#word p:nth-child(4) a:nth-child(1):hover{ background:#fff; color:#0876a9;}

#partner{ width:1200px; margin:30px auto 0 auto; overflow:hidden;} 
#partner .list{ width:1100px; float:left; overflow:hidden;}
#partner .page{ float:right; overflow:hidden;}
#partner .page p{ float:left; width:30px; height:30px; overflow:hidden; margin-left:10px; cursor:pointer; margin-top:20px;}
#partner .page p:nth-child(1){ background:url(image/btn1.jpg) no-repeat center;}
#partner .page p:nth-child(2){ background:url(image/btn2.jpg) no-repeat center;}
#partner .page p:nth-child(1):hover{ background:url(image/btn11.jpg) no-repeat center;}
#partner .page p:nth-child(2):hover{ background:url(image/btn22.jpg) no-repeat center;}

#ind_about{ width:1200px; margin:200px auto 0 auto; overflow:hidden; background:#f5f5f5;}
#ind_about .con{ width:470px; background:#fff; margin-top:110px; padding:100px 100px 30px 30px; float:left;}
#ind_about .con p:nth-child(1){ font-size:40px; line-height:50px; font-weight:bold; width:}
#ind_about .con p:nth-child(2){ font-size:16px; color:#666; margin-top:20px;}
#ind_about .con p:nth-child(3){ margin-top:50px;}
#ind_about .con p:nth-child(3) a{ color:#0876a9; font-size:18px; font-weight:600;}
#ind_about .con p:nth-child(3) a:hover{ text-decoration:underline;}

#ind_about .img{  position:absolute; right:0; margin-top:-121px;} 
#ind_about .img img{ width:43vw;}


#ind_data{ width:100%; background:url(image/di.jpg) no-repeat left/50% 100% #f5f5f5; overflow:hidden; margin-top:80px;}
#ind_data ul{ background:#fff; width:1200px; margin:0 auto; overflow:hidden;}
#ind_data ul li{ float:left; text-align:center; padding:50px 30px;}
#ind_data ul li p:nth-child(1){ font-size:40px; line-height:60px; font-weight:bold; color:#333;}
#ind_data ul li p:nth-child(2){ font-size:16px; line-height:30px; color:#333;}

#ind_quality{ width:100%; background:#f5f5f5; overflow:hidden; padding-top:100px;}
#ind_quality .k{ width:1200px; margin:0 auto; overflow:hidden;}
#ind_quality .k .con{ font:left; width:300px; padding-top:250px;}
#ind_quality .k .con p:nth-child(1){ font-size:40px; color:#333; line-height:60px; font-weight:bold;}
#ind_quality .k .con p:nth-child(2){ font-size:18px; color:#666; padding-top:30px;}
#ind_quality .img{ float:right; right:0; width:60vw; margin-top:-370px;}

#ind_bit{ width:100%; background:#f5f5f5; height:300px;}
#ind_bit p{ font-size:250px; line-height:260px; font-weight:800; color:rgba(255,255,255,0.5); margin-top:-100px; width:100%; overflow:hidden;}

#ind_pro_ca{ background:url(image/di1.jpg) no-repeat top/100% 60%; width:100%; overflow:hidden;}
#ind_pro_ca .k{ width:80%; margin:0 auto; overflow:hidden;}

.ind_pro_btn {width:100%; margin-left:auto; margin-right:auto;}
.ind_pro_btn .swiper-slide { display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: center;justify-content: center; -webkit-box-align: center; -ms-flex-align: center;  -webkit-align-items: center;  align-items: center; }
.ind_pro_btn .swiper-slide a{ display:block;}
.ind_pro_btn .swiper-slide a .ca{ position:absolute; text-align:left; margin-left:50px;}
.ind_pro_btn .swiper-slide a .ca p:nth-child(1){ font-size:40px; color:#c29f78; font-weight:700; line-height:50px; margin-top:80px;}
.ind_pro_btn .swiper-slide a .ca p:nth-child(2){ font-size:24px; color:#333; font-weight:700; line-height:30px;}
.ind_pro_btn .swiper-slide a img{ width:100%;}

#ind_pro{ width:100%; margin:100px auto 0 auto; overflow:hidden; text-align:center;}
#ind_pro h2{ font-size:40px; color:#333; line-height:60px;}
#ind_pro h3{ font-size:16px; width:630px; margin:0 auto; font-weight:100;}

#ind_probtn{ width:1180px; margin:60px auto 50px auto; overflow:hidden; box-shadow:0 30px 30px rgba(8,118,169,0.05);}
#ind_probtn ul li{ width:25%; float:left; border-bottom:solid 3px #fff; line-height:80px; font-size:18px; font-weight:bold; cursor:pointer;}

#ind_pro .list{ width:1180px; margin:0 auto; overflow:hidden; display:none;}
#ind_pro .list ul{ width:1300px;}
#ind_pro .list ul li{ width:280px; margin-right:20px; float:left;}
#ind_pro .list ul li a{ display:block; line-height:70px;}
#ind_pro .list ul li a img{ width:100%;}
#ind_pro .list ul li a .link{ width:280px; height:280px; background:rgba(0,0,0,0.5); position:absolute; display:none;}
#ind_pro .list ul li a .link img{ width:60px; border-radius:50%; margin-top:110px;}
#ind_pro .list ul li a:hover .link{ display:block;}
#ind_pro .list ul li a:hover{ text-decoration:underline;}

#ind_pro .more{ width:100%; overflow:hidden; padding:50px 0 130px 0;}
#ind_pro .more a{ display:none; margin:0 auto; font-size:16px; box-shadow:0 0 20px rgba(8,118,169,0.1); font-weight:bold; color:#fff; line-height:65px; width:228px; display:block;  text-align:center; background:#0876a9; border-radius:50px;}
#ind_pro .more a:hover{box-shadow:0 10px 20px rgba(8,118,169,0.2);background:#fff;color:#0876a9;}

#ind_ori{ width:100%; background:#f2f6fc; overflow:hidden; padding-bottom:50px;}
#ind_ori .k{ width:1200px; margin:120px auto; overflow:hidden;}
#ind_ori .k .left{ float:left; width:660px;}
#ind_ori .k .left .btn{ overflow:hidden; position:absolute; margin:-60px 0 0 292px; z-index:30;}
#ind_ori .k .left .btn p{ float:left;}
#ind_ori .k .left .btn p:nth-child(2){ border:solid 12px #0876a9; background:#fff; border-radius:50%; width:20px; height:20px; margin:0 5px;}
#ind_ori .k .left .btn p img{ height:15px; margin-top:15px;}


#ind_ori .k .right{ width:470px; float:right;}
#ind_ori .k .right p:nth-child(1){ font-size:38px; line-height:100px; font-weight:bold; color:#333b3f;}
#ind_ori .k .right p:nth-child(2){ font-size:16px; width:90%;}
#ind_ori .k .right p:nth-child(3){ margin-top:40px;}
#ind_ori .k .right p:nth-child(3) a{ display:none; font-size:16px; box-shadow:0 0 20px rgba(8,118,169,0.1); font-weight:bold; color:#fff; line-height:65px; width:228px; display:block;  text-align:center; background:#0876a9; border-radius:50px;}
#ind_ori .k .right p:nth-child(3) a:hover{box-shadow:0 10px 20px rgba(8,118,169,0.2);background:#fff;color:#0876a9;}

#ind_cov{ width:1200px; margin:0 auto; overflow:hidden;}
#ind_cov h2{ font-size:38px; line-height:60px; font-weight:bold; color:#333b3f;}
#ind_cov h3{ font-size:16px; color:#333; font-weight:100;}

#ind_cov .list{ width:100%; margin-top:80px;}
#ind_cov .list ul li{ width:33.33%; float:left; margin-bottom:60px;}
#ind_cov .list ul li div:nth-child(1){ float:left; text-align:center; font-weight:bold; overflow:hidden;}
#ind_cov .list ul li div:nth-child(1) img{ border:solid 1px #333; border-radius:5px;}
#ind_cov .list ul li div:nth-child(2){ float:left; overflow:hidden; width:250px; margin-left:30px; font-size:16px; color:#666;}
#ind_cov .list ul li div:nth-child(2) p:nth-child(1){ font-size:20px; font-weight:bold; line-height:20px; padding-bottom:10px; color:#333b3f;}

#ind_feedback{ width:100%; background:#0876a9; color:#fff; overflow:hidden;}
#ind_feedback .k{ width:1200px; margin:0 auto; overflow:hidden; line-height:190px; font-size:40px; font-weight:bold;}
#ind_feedback .k a{ display:block; color:#0876a9; background:#fff; line-height:70px; width:240px; text-align:center; font-size:16px; border-radius:50px; margin-right:30px; float:right; margin-top:60px; box-shadow:0 10px 30px rgba(255,255,255,0.5);}
#ind_feedback .k a:hover{ background:#0876a9; color:#fff; box-shadow:0 5px 30px rgba(255,255,255,0.5);}

#bottom{ width:100%; background:#262c33; overflow:hidden;}
#gotop{ width:60px; border:solid 10px rgba(38,44,51,0.1); border-radius:50%; overflow:hidden; margin:-42px auto 0 47.9vw; position:absolute; cursor:pointer;}
#bottom .k{ width:1200px; margin:40px auto 60px auto; color:#fff; overflow:hidden;}
#bottom .k ul li{ float:left; margin-right:90px; }
#bottom .k ul li p:nth-child(1){ font-size:18px; font-weight:bold; padding-bottom:10px;}
#bottom .k ul li a{ color:#778999;}
#bottom .k ul li a:hover{ color:#fff;}
#bottom .k ul li:last-child{ width:320px; float:right; margin:0;}
#bottom .k ul li:last-child p:nth-child(2){ color:#778999}
#bottom .k ul li:last-child p:nth-child(3){ color:#778999}
#bottom .k ul li:last-child p:nth-child(4){ color:#778999}

#bottom1{ width:1200px; margin:0 auto; overflow:hidden; line-height:90px; color:#778999; border-top:solid 1px #39434e;}

#layer{ position:fixed; top:0; left:0; width:100%; height:100%; overflow:hidden; background:rgba(0,0,0,0.5); z-index:50; display:none;}

#layer .k{ width:500px; background:#fff; margin:5% auto 0 auto; overflow:hidden;  padding:0 30px;}
#layer .k p:nth-child(1){ text-align:right; padding:20px 0;margin-bottom:0px; }
#layer .k p:nth-child(1) img{ cursor:pointer;}
#layer .k p:nth-child(2){ font-size:30px; line-height:40px; font-weight:bold;}
#layer .k p{ margin-bottom:50px;}
#layer .k p input{ width:90%; background:#f5f5f5; height:60px; line-height:60px; padding:0 5%;}
#layer .k p textarea{ width:90%; background:#f5f5f5; height:60px; line-height:60px; padding:0 5%; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; height:150px;}
#layer .k p button{ width:100%; height:60px; background:#0876a9; color:#fff; font-size:18px; font-weight:bold; cursor:pointer; box-shadow:0 5px 20px rgba(8,118,169,0.1)}
#layer .k p button:hover{ background:#fff; color:#0876a9;}

#banner1{ width:100%; background:url(image/banner1.jpg) no-repeat top center/100% 100%; min-height:448px; overflow:hidden; margin-top:90px;}
#banner1 .k{ width:1200px; margin:0 auto; overflow:hidden;}
#banner1 .k p:nth-child(1){ font-size:44px; color:#0876a9; line-height:50px; margin-top:180px; font-weight:bold; width:350px;}
#banner1 .k p:nth-child(2){ font-size:16px; margin-top:100px;}
#banner1 .k p:nth-child(2) span{ text-decoration:underline;}
#banner1 .k p:nth-child(2) a:hover{ text-decoration:underline;}

#pro_di{ width:100%; overflow:hidden; background:#f4f6f8;}
#pro_di h1{ text-align:center; width:100%; font-size:38px; line-height:60px; padding-top:100px;}
#pro_con{ width:1200px; margin:20px auto; overflow:hidden; font-size:16px;}

#pro_di .list{ width:1180px; margin:50px auto 100px auto; overflow:hidden;}
#pro_di .list ul{ width:1300px;}
#pro_di .list ul li{ width:280px; margin-right:20px; float:left;}
#pro_di .list ul li a{ display:block; line-height:24px; text-align:center;}
#pro_di .list ul li a p{ padding:20px 0; min-height:48px;}
#pro_di .list ul li a img{ width:100%;}
#pro_di .list ul li a .link{ width:280px; height:280px; background:rgba(0,0,0,0.5); position:absolute; display:none; text-align:center;}
#pro_di .list ul li a .link img{ width:60px; border-radius:50%; margin-top:110px;}
#pro_di .list ul li a:hover .link{ display:block;}
#pro_di .list ul li a:hover{ text-decoration:underline;}

#banner2{ width:100%; background:url(image/banner2.jpg) no-repeat top center/100% 100%; min-height:448px; overflow:hidden; margin-top:90px;}
#banner2 .k{ width:1200px; margin:0 auto; overflow:hidden;}
#banner2 .k p:nth-child(1){ font-size:44px; color:#fff; line-height:50px; margin-top:180px; font-weight:bold; width:350px;}
#banner2 .k p:nth-child(2){ font-size:16px; margin-top:100px; color:#fff;}
#banner2 .k p:nth-child(2) span{ text-decoration:underline;}
#banner2 .k p:nth-child(2) a{ color:#fff;}
#banner2 .k p:nth-child(2) a:hover{ text-decoration:underline;}

#video{ text-align:center; padding:50px 0 150px 0; width:1020px; margin:0 auto;}
#video p{ position:absolute; width:1020px; text-align:center; margin-top:-310px;}

#design{ width:1200px; margin:0 auto 100px auto; overflow:hidden;}
#design h2{ text-align:center; width:100%; font-size:38px; line-height:60px; padding-top:100px;}

#design1{ width:100%; overflow:hidden; margin-top:50px;}
#design1 .left{ float:left; width:500px;}
#design1 .left h3{ font-size:24px; line-height:60px; padding-top:50px;}
#design1 .left p{ font-size:16px;}
#design1 .right{ float:right;}

#design2{ width:100%; overflow:hidden; margin-top:50px;}
#design2 .left{ float:right; width:500px;}
#design2 .left h3{ font-size:24px; line-height:60px; padding-top:50px;}
#design2 .left p{ font-size:16px;}
#design2 .right{ float:left;}

#design3{ width:100%; overflow:hidden; margin-top:50px;}
#design3 .left{ float:left; width:500px;}
#design3 .left h3{ font-size:24px; line-height:60px; padding-top:50px;}
#design3 .left p{ font-size:16px;}
#design3 .right{ float:right;}

#design4{ width:100%; overflow:hidden; margin-top:50px;}
#design4 .left{ float:right; width:500px;}
#design4 .left h3{ font-size:24px; line-height:60px; padding-top:50px;}
#design4 .left p{ font-size:16px;}
#design4 .right{ float:left;}

#quality{ text-align:center; overflow:hidden; padding-bottom:100px;}
#quality h1{ text-align:center; width:100%; font-size:38px; line-height:60px; padding-top:100px;}
#quality .con{ width:760px; font-size:16px; text-align:center; margin:0 auto; overflow:hidden;}
#quality .cc{ width:760px; font-size:30px; font-weight:bold; text-align:center; margin:0 auto; overflow:hidden;}


#quality1{ width:100%; overflow:hidden; background:url(image/di1.jpg) no-repeat left/60% 100%;}
#quality1 .k{ width:1200px; margin:100px auto; overflow:hidden;}
#quality1 .k .left{ width:500px; float:left;}
#quality1 .k .left h2{ font-size:30px; line-height:40px; width:340px; padding-top:20px;}
#quality1 .k .left p:nth-child(2){ padding-top:40px; font-size:16px;}
#quality1 .k .left p:nth-child(3){ width:1px; height:70px; background:#c29f78; margin-top:20px;}
#quality1 .k .left p:nth-child(4){ color:#c29f78; font-size:16px; font-weight:bold; margin-top:20px;}
#quality1 .k .right{ float:right;}

#quality2{ width:100%; overflow:hidden; background:url(image/di1.jpg) no-repeat left/40% 100%;}
#quality2 .k{ width:1200px; margin:100px auto; overflow:hidden;}
#quality2 .k .left{ width:500px; float:right;}
#quality2 .k .left h2{ font-size:30px; line-height:40px; width:340px; padding-top:20px;}
#quality2 .k .left p:nth-child(2){ padding-top:40px; font-size:16px;}
#quality2 .k .left p:nth-child(3){ width:1px; height:70px; background:#c29f78; margin-top:20px;}
#quality2 .k .left p:nth-child(4){ color:#c29f78; font-size:16px; font-weight:bold; margin-top:20px;}
#quality2 .k .right{ float:left;}

#quality3{ width:100%; overflow:hidden; background:url(image/di1.jpg) no-repeat left/60% 100%;}
#quality3 .k{ width:1200px; margin:100px auto; overflow:hidden;}
#quality3 .k .left{ width:500px; float:left;}
#quality3 .k .left h2{ font-size:30px; line-height:40px; width:340px; padding-top:20px;}
#quality3 .k .left p:nth-child(2){ padding-top:40px; font-size:16px;}
#quality3 .k .left p:nth-child(3){ width:1px; height:70px; background:#c29f78; margin-top:20px;}
#quality3 .k .left p:nth-child(4){ color:#c29f78; font-size:16px; font-weight:bold; margin-top:20px;}
#quality3 .k .right{ float:right;}

#quality4{ width:100%; overflow:hidden; background:url(image/di1.jpg) no-repeat left/40% 100%;}
#quality4 .k{ width:1200px; margin:100px auto; overflow:hidden;}
#quality4 .k .left{ width:500px; float:right;}
#quality4 .k .left h2{ font-size:30px; line-height:40px; width:340px; padding-top:20px;}
#quality4 .k .left p:nth-child(2){ padding-top:40px; font-size:16px;}
#quality4 .k .left p:nth-child(3){ width:1px; height:70px; background:#c29f78; margin-top:20px;}
#quality4 .k .left p:nth-child(4){ color:#c29f78; font-size:16px; font-weight:bold; margin-top:20px;}
#quality4 .k .right{ float:left;}


#quality5{ text-align:center; overflow:hidden; padding-bottom:100px;}
#quality5 h2{ text-align:center; width:100%; font-size:38px; line-height:60px; padding-top:100px;}
#quality5 .con{ width:760px; font-size:16px; text-align:center; margin:0 auto; overflow:hidden;}

#quality6{ margin-bottom:100px; overflow:hidden;}
#quality6 .quality {width:100%; margin-left:auto; margin-right:auto;}
#quality6 .quality .swiper-slide {text-align:center;display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content: center; justify-content:center; -webkit-box-align:center; -ms-flex-align: center; -webkit-align-items:center; align-items:center;}
#quality6 .quality .swiper-slide{overflow:hidden; padding-bottom:80px;}
#quality6 .quality .swiper-slide img{ width:95%;}

#banner3{ width:100%; background:url(image/banner4.jpg) no-repeat top center/100% 100%; min-height:448px; overflow:hidden; margin-top:90px;}
#banner3 .k{ width:1200px; margin:0 auto; overflow:hidden;}
#banner3 .k p:nth-child(1){ font-size:44px; color:#0876a9; line-height:50px; margin-top:180px; font-weight:bold; width:350px;}
#banner3 .k p:nth-child(2){ font-size:16px; margin-top:100px;}
#banner3 .k p:nth-child(2) span{ text-decoration:underline;}
#banner3 .k p:nth-child(2) a:hover{ text-decoration:underline;}

#project1{ text-align:center; overflow:hidden; margin-top:30px;}

#project2{ width:1200px; margin:0 auto 150px auto; overflow:hidden; overflow:hidden;}
#project2 .left{ width:500px; float:left;}
#project2 .left h2{ font-size:30px; line-height:60px;}
#project2 .left p{ font-size:16px;}
#project2 .right{ float:right;}

#project3{ width:1200px; margin:0 auto 150px auto; overflow:hidden; overflow:hidden;}
#project3 .left{ width:500px; float:right;}
#project3 .left h2{ font-size:30px; line-height:60px;}
#project3 .left h3{ font-size:18px; line-height:40px}
#project3 .left p{ font-size:16px;}
#project3 .right{ float:left;}

#project4{ width:1200px; margin:0 auto 150px auto; overflow:hidden; overflow:hidden;}
#project4 .left{ width:500px; float:left;}
#project4 .left h2{ font-size:30px; line-height:60px; padding-top:30px;}
#project4 .left p{ font-size:16px;}
#project4 .left p span{ font-weight:900;}
#project4 .right{ float:right;}

#project5{ width:1200px; margin:0 auto 80px auto; overflow:hidden; overflow:hidden;}
#project5 .left{ width:500px; float:right;}
#project5 .left h2{ font-size:30px; line-height:60px; padding-top:30px;}
#project5 .left p{ font-size:16px;}
#project5 .left p span{ font-weight:900;}
#project5 .right{ float:left;}

#project6{ width:100%; overflow:hidden;}
#project6 .k{ width:450px; padding-left:50px; margin:50px auto; overflow:hidden; color:#0876a9; font-size:18px; font-weight:700; border-radius:50px; line-height:40px; box-shadow:0 0 30px rgba(8,118,169,0.4); background:#fff;}
#project6 .k p{ float:right;}
#project6 .k p a{ display:block; color:#fff; background:#0876a9; border-radius:50px; width:145px; text-align:center;}

#project7{ text-align:center; padding-top:60px; margin-bottom:50px;}
#project7 h3{ font-size:35px; line-height:40px;}
#project7 h2{ font-size:38px; line-height:50px}

#banner4{ width:100%; background:url(image/banner3.jpg) no-repeat top center/100% 100%; min-height:448px; overflow:hidden; margin-top:90px;}
#banner4 .k{ width:1200px; margin:0 auto; overflow:hidden;}
#banner4 .k p:nth-child(1){ font-size:44px; color:#0876a9; line-height:50px; margin-top:180px; font-weight:bold; width:350px;}
#banner4 .k p:nth-child(2){ font-size:16px; margin-top:100px; }
#banner4 .k p:nth-child(2) span{ text-decoration:underline; color:#fff;}
#banner4 .k p:nth-child(2) a{ color:#fff;}
#banner4 .k p:nth-child(2) a:hover{ text-decoration:underline;}


#login{ width:100%; background:url(image/downloadpic.jpg) no-repeat top center #eee; padding-top:100px; overflow:hidden;}

#login .kuang{ width:400px; margin:150px auto 150px auto; overflow:hidden; background:#fff; padding:30px 50px 80px 50px; border-top-right-radius:50px;border-bottom-left-radius:50px;}
#login .kuang p.tt{ font-size:30px; line-height:50px; padding-bottom:30px;}
#login .kuang p.cc{ margin-bottom:20px;}
#login .kuang p.cc input{ width:100%; height:50px; background:#f7f7f7; text-indent:20px; border-top-right-radius:10px;border-bottom-left-radius:10px;}
#login .kuang p.forget{ text-align:right;}
#login .kuang p.forget a{ color:#f08200;}
#login .kuang p.gogo button{ background:#0876a9; transition:all 0.5s; color:#fff; width:100%; line-height:50px; font-size:18px; margin-top:20px;border-top-right-radius:10px;border-bottom-left-radius:10px; cursor:pointer;}
#login .kuang p.gogo button:hover{ background:#0876a9;}
#login .kuang p.reg{ border-top:solid 1px #eee; width:80%; margin:80px auto 0 auto; text-align:center; padding-top:30px; padding-bottom:50px;}

#position{ width:100%; overflow:hidden; background:#0876a9; line-height:60px; margin-top:100px;}
#position .k{ width:1200px; margin:0 auto; overflow:hidden; color:#fff; font-size:16px;}
#position .k span{ text-decoration:underline;}
#position .k a{ color:#fff;}

#prodetail{ width:100%; background:#f4f6f8; overflow:hidden;}

#detail{ width:1200px; margin:100px auto; overflow:hidden;}
#detail .left{ width:470px; float:right;}
#detail .left h1{ font-size:36px; line-height:40px;}
#detail .left p:nth-child(2){ font-size:16px; padding-top:10px;}
#detail .left h2{ padding-top:20px;}
#detail .left ul{ list-style:inside; font-size:16px; line-height:30px; padding-top:10px; overflow:hidden;}
#detail .left dl{ overflow:hidden; padding:30px 0;}
#detail .left dl dt{ font-size:20px; font-weight:bold; float:left;}
#detail .left dl dd{ float:left; margin-left:10px;cursor:pointer; border:solid 8px; border-radius:50%; background:none; width:10px; height:10px;}
#detail .left dl dd p{ width:10px; height:10px;  background:#eee; border-radius:50%;}
#detail .left p:nth-child(6){ padding-bottom:30px; padding-top:30px;}
#detail .left p:nth-child(6) a{ display:block; text-align:center; border-radius:50px; background:#0876a9; width:230px; line-height:60px; font-size:18px; color:#fff; box-shadow:0 5px 20px rgba(8,118,168,0.3);}
#detail .left p:nth-child(6) a:hover{ background:#fff; color:#0876a9;}

#detail .right{ width:640px; float:left;}
#detail .right .piclist{ }
#detail .right .swiper {width: 100%;height: 100%; }
#detail .right .swiper-slide { text-align: center; font-size: 18px;   background: #fff;    display: flex;    justify-content: center;    align-items: center;  }
#detail .right .swiper-slide img {display: block;width: 100%; height: 100%;  object-fit: cover; }
#detail .right .swiper { width: 130px; height: 130px; float:left;  margin-left: auto; margin-right: auto;  }
#detail .right .swiper-slide { background-size: cover; background-position: center; }
#detail .right .mySwiper2 {height:490px; width: 490px; float:right; }
#detail .right .mySwiper {height:490px; box-sizing: border-box;  padding: 0 0; }
#detail .right .mySwiper .swiper-slide { width: 100%;   height: 100%;  opacity: 0.6; }
#detail .right .mySwiper .swiper-slide-thumb-active {  opacity: 1; }
#detail .right .swiper-slide img { display: block;  width: 100%; height: 100%; object-fit: cover;  }




#detail1{ width:1200px; margin:0 auto 100px auto; overflow:hidden;}
#detail1 ul{ width:1300px;}
#detail1 ul li{ background:#fff; overflow:hidden; float:left; width:285px; margin-right:20px; min-height:120px;}
#detail1 ul li img{ float:left; padding:30px 10px 30px 30px;}
#detail1 ul li p{ font-size:18px; font-weight:bold; float:left; width:150px; padding-top:35px;}
#detail1 ul li:nth-child(1) p{ padding-top:50px;}

#prodetail2{ width:1200px; margin:100px auto; overflow:hidden;}
#prodetail2 .left{ width:470px; float:left; padding-top:100px;}
#prodetail2 .left h2{ font-size:40px; line-height:40px; padding-bottom:30px;}
#prodetail2 .left .con table{ border-left:solid 1px #c2c7ca; width:99%; border-top:solid 1px #c2c7ca;}
#prodetail2 .left .con td{ border-right:solid 1px #c2c7ca; border-bottom:solid 1px #c2c7ca; padding:20px 0 20px 30px; font-size:16px;}

#prodetail2 .right{ float:right; background:#fff; box-shadow:0 2px 20px rgba(0,0,0,0.1); margin:50px 20px; width:580px;}
#prodetail2 .right div{ padding:50px 40px;}
#prodetail2 .right div h2{ font-size:40px; line-height:40px; padding-bottom:30px;}
#prodetail2 .right div p{ margin-bottom:50px;}
#prodetail2 .right div p input{ width:90%; background:#f5f5f5; height:60px; line-height:60px; padding:0 5%;}
#prodetail2 .right div p textarea{ width:90%; background:#f5f5f5; height:60px; line-height:60px; padding:0 5%; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; height:150px;}
#prodetail2 .right div p button{ width:100%; height:60px; background:#0876a9; color:#fff; font-size:18px; font-weight:bold; cursor:pointer; box-shadow:0 5px 20px rgba(8,118,169,0.1)}
#prodetail2 .right div p button:hover{ background:#fff; color:#0876a9;}


#prodetail3{ width:100%; background:#f4f6f8; overflow:hidden;}
#prodetail3 h2{ font-size:40px; line-height:40px; padding-bottom:30px; text-align:center; padding-top:100px;}

#prodetail3 .list{ width:1200px; margin:20px auto 100px auto; overflow:hidden;}
#prodetail3 .quality {width:100%; margin-left:auto; margin-right:auto;}
#prodetail3 .quality .swiper-slide {text-align:center;display:-webkit-box; background:none; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content: center; justify-content:center; -webkit-box-align:center; -ms-flex-align: center; -webkit-align-items:center; align-items:center;}
#prodetail3 .quality .swiper-slide{overflow:hidden; padding-bottom:80px;}
#prodetail3 .quality .swiper-slide p{ font-size:14px; padding:20px 0 0 0;}
#prodetail3 .quality .swiper-slide img{ width:100%;}

#pdf{ width:1200px; margin:40px auto 60px auto; overflow:hidden;}
#pdf ul{ width:1300px;}
#pdf ul li{ background:#fff; width:320px; margin-right:30px; float:left; padding:30px; margin-bottom:40px;}
#pdf ul li img{ width:100%;}
#pdf ul li p:nth-child(3){ padding:20px 0; font-weight:bold; line-height:18px; font-size:18px; color:#333; min-height:36px;}
#pdf ul li p:nth-child(4){ overflow:hidden; padding-top:20px;}
#pdf ul li p:nth-child(4) a{ display:block; float:left; padding:0 30px; font-weight:200;background:#e8edf3; color:#0876a9; border-radius:50px; line-height:36px; text-align:center; margin-right:10px;}
#pdf ul li p:nth-child(4) a:hover{ background:#0876a9; color:#fff;}












}