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

@media(max-width:1024px) {
#top{ position:fixed; z-index:10; width:100%; background:#fff; height:4rem; top:0; box-shadow:0 5px 5px rgba(0,0,0,0.05);}
#top .k{ width:100%; margin:0 auto;}
#logo{ float:left; padding:1rem;}
#logo img{ height:2rem; }

#mbtn{ display:block; float:right;}
#mbtn img{ height:4rem;}

#menu{ float:right; width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; display:none;}
#menu ul{ width:70%; float:left; background:#fff; height:100%; overflow:scroll;}
#menu ul li{ float:left; width:100%; border-bottom:solid 1px #eee;}
#menu ul li a{ display:block; background:url(image/line.jpg) no-repeat center 70px/0 2px; padding:0 1rem; color:#8c8c8c; font-size:1rem; text-transform:uppercase; font-family:din-2014,sans-serif; font-weight:700; line-height:4rem;}
#menu ul li a:hover{ background:url(image/line.jpg) no-repeat center 70px/40% 2px; color:#333}
#menu ul li .zmenu{ position:static; z-index:20; background:rgba(255,255,255,1); display:none; background:#f7f7f7; box-shadow:0 5px 5px rgba(0,0,0,0); min-width:240px; margin-top:0px; }
#menu ul li .zmenu dl{ padding:1rem; overflow:hidden;}
#menu ul li .zmenu dl dd{ float:left; width:100%; font-size:1rem; margin-right:0; margin-bottom:2rem;}
#menu ul li .zmenu dl dd a{ font-size:0.8rem; font-weight:600; line-height:3rem; 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:0;}


#close{ display:block; float:left; background:#0876a9; width:4rem; height:4rem;}
#close img{ width:100%;}

#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:720px; background:url(banner/banner.jpg) no-repeat bottom/100% auto #e8edf3; overflow:hidden;}

#word{ width:100%; margin:0 auto; overflow:hidden; text-align:center;}
#word p:nth-child(1){ font-size:1rem; line-height:30px; color:#8a9499; margin-top:6rem; font-weight:700;}
#word p:nth-child(2){ font-size:1.8rem; line-height:2rem; color:#0876a9; width:90%; margin:1rem auto 0 auto; font-weight:700;}
#word p:nth-child(3){ font-size:1rem; margin:0 auto;color:#333b3f; width:90%; margin-top:20px;}
#word p:nth-child(4){ padding:20px 0; overflow:hidden; width:100%;}
#word p:nth-child(4) a{ font-size:0.8rem; box-shadow:0 0 10px rgba(8,118,169,0.1); margin:0 auto; font-weight:bold; color:#0876a9; line-height:3rem;  width:220px; display:block; float:none; 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:100%; margin:30px auto 0 auto; overflow:hidden;} 
#partner .list{ width:100%; float:left; overflow:hidden;}
#partner .list img{ width:100%;}
#partner .page{ float:right; overflow:hidden; display:none;}
#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:90%; margin:2rem auto 0 auto; overflow:hidden; background:#fff;}
#ind_about .con{ width:100%; background:#fff; margin-top:0; padding:0 0 0 0; float:left;}
#ind_about .con p:nth-child(1){ font-size:1.6rem; line-height:1.8rem; font-weight:bold; text-align:center;}
#ind_about .con p:nth-child(2){ font-size:16px; color:#666; margin-top:20px;}
#ind_about .con p:nth-child(3){ margin-top:2rem; margin-bottom:2rem; text-align:center;}
#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:static; right:0; margin-top:0;} 
#ind_about .img img{ width:100%;}


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

#ind_quality{ width:100%; background:#f5f5f5; overflow:hidden; padding-top:2rem;}
#ind_quality .k{ width:90%; margin:0 auto; overflow:hidden;}
#ind_quality .k .con{ font:left; width:100%; text-align:center; padding-top:0rem;}
#ind_quality .k .con p:nth-child(1){ font-size:2rem; color:#333; line-height:60px; font-weight:bold;}
#ind_quality .k .con p:nth-child(2){ font-size:1rem; color:#666; padding-top:0; padding-bottom:2rem;}
#ind_quality .img{ float:right; right:0; width:60vw; margin-top:-370px; display:none;}

#ind_bit{ width:100%; background:#f5f5f5; height:300px; display:none;}
#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:93%; 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:1.4rem; color:#c29f78; font-weight:700; line-height:2rem; margin-top:2rem;}
.ind_pro_btn .swiper-slide a .ca p:nth-child(2){ font-size:1rem; color:#333; font-weight:700; line-height:30px;}
.ind_pro_btn .swiper-slide a img{ width:100%;}

#ind_pro{ width:90%; margin:2rem auto 0 auto; overflow:hidden; text-align:center;}
#ind_pro h2{ font-size:1.4rem; color:#333; line-height:60px;}
#ind_pro h3{ font-size:1rem; width:100%; margin:0 auto; font-weight:100;}

#ind_probtn{ width:100%; margin:2rem 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:3rem; font-size:0.9rem; font-weight:bold; cursor:pointer;}

#ind_pro .list{ width:100%; margin:0 auto; overflow:hidden; display:none;}
#ind_pro .list ul{ width:100%;}
#ind_pro .list ul li{ width:50%; margin-right:0; float:left;}
#ind_pro .list ul li a{ display:block; line-height:1rem;}
#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:none;}
#ind_pro .list ul li a:hover{ text-decoration:underline;}

#ind_pro .more{ width:100%; overflow:hidden; padding:50px 0 3rem 0;}
#ind_pro .more a{ display:none; margin:0 auto; font-size:1rem; box-shadow:0 0 20px rgba(8,118,169,0.1); font-weight:bold; color:#fff; line-height:3rem; 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:1rem;}
#ind_ori .k{ width:90%; margin:2rem auto; overflow:hidden;}
#ind_ori .k .left{ float:left; width:100%;}
#ind_ori .k .left img{ width:100%;}
#ind_ori .k .left .btn{ overflow:hidden; position:absolute; margin:-3rem 0 0 35%; z-index:30; width: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:100%; float:right; text-align:center; margin-top:1rem;}
#ind_ori .k .right p:nth-child(1){ font-size:1.4rem; line-height:4rem; font-weight:bold; color:#333b3f;}
#ind_ori .k .right p:nth-child(2){ font-size:1rem; width:100%;}
#ind_ori .k .right p:nth-child(3){ margin-top:40px;}
#ind_ori .k .right p:nth-child(3) a{ font-size:16px; box-shadow:0 0 20px rgba(8,118,169,0.1); font-weight:bold; color:#fff; line-height:3rem; margin:0 auto; 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:90%; margin:0 auto; overflow:hidden; text-align:center;}
#ind_cov h2{ font-size:1.4rem; line-height:3rem; font-weight:bold; color:#333b3f;}
#ind_cov h3{ font-size:1rem; color:#333; font-weight:100;}

#ind_cov .list{ width:100%; margin-top:80px;}
#ind_cov .list ul li{ width:100%; float:left; margin-bottom:3rem;}
#ind_cov .list ul li div:nth-child(1){ float:left; text-align:center; font-weight:bold; overflow:hidden; width:25%;}
#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:70%; margin-left:5%; 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:90%; margin:0 auto; overflow:hidden; line-height:2rem; font-size:1.4rem; text-align:center; font-weight:bold; padding-top:2rem;}
#ind_feedback .k a{ display:block; color:#0876a9; background:#fff; line-height:3rem; width:240px; text-align:center; font-size:16px; border-radius:50px; float:none;  margin:2rem auto 4rem auto; 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 40vw; position:absolute; cursor:pointer;}
#bottom .k{ width:90%; margin:40px auto 60px auto; color:#fff; overflow:hidden;}
#bottom .k ul li{ float:left; margin-right:90px; display:none;}
#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:100%; float:right; margin:0; display:inherit;}
#bottom .k ul li:last-child p:nth-child(2)
#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:90%; margin:0 auto; overflow:hidden; line-height:1rem; padding:2rem 0; 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:80%; background:#fff; margin:2rem auto 0 auto; overflow:hidden;  padding:0 5%;}
#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:1rem;}
#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:5rem; overflow:hidden; margin-top:4rem;}
#banner1 .k{ width:90%; margin:0 auto; overflow:hidden;}
#banner1 .k p:nth-child(1){ font-size:2rem; color:#0876a9; line-height:2rem; margin-top:2rem; font-weight:bold; width:100%;}
#banner1 .k p:nth-child(2){ font-size:0.8rem; margin-top:1rem; padding-bottom:2rem;}
#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:90%; font-size:1.6rem; line-height:1.8rem; margin:0 auto; padding-top:2rem;}
#pro_con{ width:90%; margin:20px auto; overflow:hidden; font-size:0.9rem;}

#pro_di .list{ width:95%; margin:50px auto 2rem auto; overflow:hidden;}
#pro_di .list ul{ width:100%;}
#pro_di .list ul li{ width:45%; margin-right:0; margin:0 2.5%; 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:none;}
#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:5rem; overflow:hidden; margin-top:4rem;}
#banner2 .k{ width:90%; margin:0 auto; overflow:hidden; text-align:center;}
#banner2 .k p:nth-child(1){ font-size:2rem; color:#fff; line-height:2rem; margin-top:2rem; font-weight:bold; width:100%;}
#banner2 .k p:nth-child(2){ font-size:0.8rem; margin-top:1rem; padding-bottom:2rem;}
#banner2 .k p:nth-child(2) span{ text-decoration:underline;}
#banner2 .k p:nth-child(2) a:hover{ text-decoration:underline;}

#video{ text-align:center; padding:1rem 0 2rem 0; width:90%; margin:0 auto;}
#video img{ width:100%;}
#video p{ position:absolute; width:100%; text-align:center; margin-top:-7rem; left:0;}
#video p img{ width:3rem;}

#design{ width:90%; margin:0 auto 3rem auto; overflow:hidden;}
#design h2{ text-align:center; width:100%; font-size:1.6rem; line-height:60px; padding-top:2rem;}

#design1{ width:100%; overflow:hidden; margin-top:0;}
#design1 .left{ float:left; width:100%;}
#design1 .left h3{ font-size:1.2rem; text-align:center; line-height:2rem; padding-top:0rem;}
#design1 .left p{ font-size:1rem; padding:1rem 0;}
#design1 .right{ float:right;}
#design1 .right img{ width:100%;}

#design2{ width:100%; overflow:hidden; margin-top:2;}
#design2 .left{ float:left; width:100%;}
#design2 .left h3{ font-size:1.2rem; text-align:center; line-height:2rem; padding-top:0rem;}
#design2 .left p{ font-size:1rem; padding:1rem 0;}
#design2 .right{ float:right;}
#design2 .right img{ width:100%;}

#design3{ width:100%; overflow:hidden; margin-top:2;}
#design3 .left{ float:left; width:100%;}
#design3 .left h3{ font-size:1.2rem; text-align:center; line-height:2rem; padding-top:0rem;}
#design3 .left p{ font-size:1rem; padding:1rem 0;}
#design3 .right{ float:right;}
#design3 .right img{ width:100%;}

#design4{ width:100%; overflow:hidden; margin-top:2;}
#design4 .left{ float:left; width:100%;}
#design4 .left h3{ font-size:1.2rem; text-align:center; line-height:2rem; padding-top:0rem;}
#design4 .left p{ font-size:1rem; padding:1rem 0;}
#design4 .right{ float:right;}
#design4 .right img{ width:100%;}


#quality{ text-align:center; overflow:hidden; padding-bottom:3rem;}
#quality h1{ text-align:center; width:90%; font-size:1.4rem; line-height:1.8rem; margin:0 auto; padding-top:2rem;}
#quality .con{ width:90%; font-size:1rem; text-align:center; margin:0 auto; overflow:hidden;}
#quality .cc{ width:90%; font-size:1rem; text-align:center; margin:0 auto; overflow:hidden;}


#quality1{ width:100%; overflow:hidden; background:url(image/di1.jpg) no-repeat left/100% 100%;}
#quality1 .k{ width:90%; margin:2rem auto; overflow:hidden;}
#quality1 .k .left{ width:100%; float:left;}
#quality1 .k .left h2{ font-size:1.4rem; line-height:1.5rem; width:100%; text-align:center; padding-top:20px;}
#quality1 .k .left p:nth-child(2){ padding-top:2rem; font-size:16px; text-align:center;}
#quality1 .k .left p:nth-child(3){ width:1px; height:70px; background:#c29f78; margin-top:20px; display:none;}
#quality1 .k .left p:nth-child(4){ color:#c29f78; font-size:16px; font-weight:bold; margin-top:20px;display:none;}
#quality1 .k .right{ float:right;}
#quality1 .k .right img{ width:100%; margin-top:2rem;}

#quality2{ width:100%; overflow:hidden; background:url(image/di1.jpg) no-repeat left/0% 100%;}
#quality2 .k{ width:90%; margin:2rem auto; overflow:hidden;}
#quality2 .k .left{ width:100%; float:left;}
#quality2 .k .left h2{ font-size:1.4rem; line-height:1.5rem; width:100%; text-align:center; padding-top:20px;}
#quality2 .k .left p:nth-child(2){ padding-top:2rem; font-size:16px; text-align:center;}
#quality2 .k .left p:nth-child(3){ width:1px; height:70px; background:#c29f78; margin-top:20px; display:none;}
#quality2 .k .left p:nth-child(4){ color:#c29f78; font-size:16px; font-weight:bold; margin-top:20px;display:none;}
#quality2 .k .right{ float:right;}
#quality2 .k .right img{ width:100%; margin-top:2rem;}

#quality3{ width:100%; overflow:hidden; background:url(image/di1.jpg) no-repeat left/100% 100%;}
#quality3 .k{ width:90%; margin:2rem auto; overflow:hidden;}
#quality3 .k .left{ width:100%; float:left;}
#quality3 .k .left h2{ font-size:1.4rem; line-height:1.5rem; width:100%; text-align:center; padding-top:20px;}
#quality3 .k .left p:nth-child(2){ padding-top:2rem; font-size:16px; text-align:center;}
#quality3 .k .left p:nth-child(3){ width:1px; height:70px; background:#c29f78; margin-top:20px; display:none;}
#quality3 .k .left p:nth-child(4){ color:#c29f78; font-size:16px; font-weight:bold; margin-top:20px;display:none;}
#quality3 .k .right{ float:right;}
#quality3 .k .right img{ width:100%; margin-top:2rem;}

#quality4{ width:100%; overflow:hidden; background:url(image/di1.jpg) no-repeat left/0% 100%;}
#quality4 .k{ width:90%; margin:2rem auto; overflow:hidden;}
#quality4 .k .left{ width:100%; float:left;}
#quality4 .k .left h2{ font-size:1.4rem; line-height:1.5rem; width:100%; text-align:center; padding-top:20px;}
#quality4 .k .left p:nth-child(2){ padding-top:2rem; font-size:16px; text-align:center;}
#quality4 .k .left p:nth-child(3){ width:1px; height:70px; background:#c29f78; margin-top:20px; display:none;}
#quality4 .k .left p:nth-child(4){ color:#c29f78; font-size:16px; font-weight:bold; margin-top:20px;display:none;}
#quality4 .k .right{ float:right;}
#quality4 .k .right img{ width:100%; margin-top:2rem;}


#quality5{ text-align:center; overflow:hidden; padding-bottom:2rem; border-top:solid 10px #f5f5f5;}
#quality5 h2{ text-align:center; width:90%; font-size:1.4rem; line-height:1.8rem; margin:0 auto; padding-top:2rem;}
#quality5 .con{ width:90%; font-size:16px; text-align:center; margin:0 auto; overflow:hidden; padding-top:1rem;}

#quality6{ margin-bottom:1rem; 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:2rem;}
#quality6 .quality .swiper-slide img{ width:95%;}

#banner3{ width:100%; background:url(image/banner4.jpg) no-repeat top center/100% 100%; min-height:5rem; overflow:hidden; margin-top:4rem;}
#banner3 .k{ width:90%; margin:0 auto; overflow:hidden;}
#banner3 .k p:nth-child(1){ font-size:2rem; color:#0876a9; line-height:2rem; margin-top:2rem; font-weight:bold; width:100%;}
#banner3 .k p:nth-child(2){ font-size:0.8rem; margin-top:1rem; padding-bottom:2rem;}
#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:90%; margin:0 auto 2rem auto; overflow:hidden; overflow:hidden;}
#project2 .left{ width:100%; float:left;}
#project2 .left h2{ font-size:1.4rem; line-height:2rem; text-align:center; padding-bottom:2rem;}
#project2 .left p{ font-size:1rem;}
#project2 .right{ float:right; padding-top:2rem}
#project2 .right img{ width:100%;}

#project3{ width:90%; margin:0 auto 2rem auto; overflow:hidden; overflow:hidden;}
#project3 .left{ width:100%; float:right;}
#project3 .left h2{ font-size:1.4rem; line-height:2rem; text-align:center; padding-bottom:2rem;}
#project3 .left h3{ font-size:1.1rem; line-height:2rem}
#project3 .left p{ font-size:1rem;}
#project3 .right{ float:right; padding-top:2rem}
#project3 .right img{ width:100%;}


#project4{ width:90%; margin:0 auto 2rem auto; overflow:hidden; overflow:hidden;}
#project4 .left{ width:100%; float:left;}
#project4 .left h2{ font-size:1.4rem; line-height:2rem; text-align:center; padding-bottom:2rem;}
#project4 .left p{ font-size:1rem;}
#project4 .left p span{ font-weight:900;}
#project4 .right{ float:right; padding-top:2rem}
#project4 .right img{ width:100%;}

#project5{ width:90%; margin:0 auto 2rem auto; overflow:hidden; overflow:hidden;}
#project5 .left{ width:100%; float:right;}
#project5 .left h2{ font-size:1.4rem; line-height:2rem; text-align:center; padding-bottom:2rem;}
#project5 .left p{ font-size:1rem;}
#project5 .left p span{ font-weight:900;}
#project5 .right{ float:right; padding-top:2rem}
#project5 .right img{ width:100%;}

#project6{ width:100%; overflow:hidden;}
#project6 .k{ width:85%; padding-left:5%; margin:50px auto; overflow:hidden; color:#0876a9; font-size:0.9rem; 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; width:30%;}
#project6 .k p a{ display:block; color:#fff; background:#0876a9; border-radius:50px; width:100%; text-align:center;}

#project7{ text-align:center; padding-top:2rem; margin-bottom:50px;}
#project7 h3{ font-size:1rem; line-height:40px;}
#project7 h2{ font-size:1.4rem; line-height:1.4rem}

#banner4{ width:100%; background:url(image/banner3.jpg) no-repeat top center/100% 100%; min-height:5rem; overflow:hidden; margin-top:4rem;}
#banner4 .k{ width:90%; margin:0 auto; overflow:hidden; text-align:center;}
#banner4 .k p:nth-child(1){ font-size:2rem; color:#fff; line-height:2rem; margin-top:2rem; font-weight:bold; width:100%;}
#banner4 .k p:nth-child(2){ font-size:0.8rem; margin-top:1rem; padding-bottom:2rem;}
#banner4 .k p:nth-child(2) span{ text-decoration:underline;}
#banner4 .k p:nth-child(2) a:hover{ text-decoration:underline;}

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

#login .kuang{ width:80%; margin:50px auto 2rem auto; overflow:hidden; background:#fff; padding:30px 5% 80px 5%; border-top-right-radius:50px;border-bottom-left-radius:50px;}
#login .kuang p.tt{ font-size:1.8rem; line-height:3rem; 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:#0876a9;}
#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:#f04f00;}
#login .kuang p.reg{ border-top:solid 1px #eee; width:80%; margin:2rem auto 0 auto; text-align:center; padding-top:30px; padding-bottom:1rem;}

#position{ width:100%; overflow:hidden; background:#0876a9; line-height:1.2rem; margin-top:4rem;}
#position .k{ width:90%; margin:1rem auto; overflow:hidden; color:#fff; font-size:0.8rem;}
#position .k span{ text-decoration:underline; white-space:nowrap;}
#position .k a{ color:#fff;}

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

#detail{ width:90%; margin:3rem auto; overflow:hidden;}
#detail .left{ width:100%; float:right;}
#detail .left h1{ font-size:1.6rem; line-height:1.8rem;}
#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:3rem; font-size:1rem; margin:0 auto; 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:100%; float:left;}
#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: 100%; height: 300px;  margin-left: auto; margin-right: auto;  }
#detail .right .swiper-slide { background-size: cover; background-position: center; }
#detail .right .mySwiper2 {height:80%; width: 100%; }
#detail .right .mySwiper {height:20%; box-sizing: border-box;  padding: 10px 0; }
#detail .right .mySwiper .swiper-slide { width: 25%;   height: 100%;  opacity: 0.4; }
#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:96%; margin:0 auto 1rem auto; overflow:hidden;}
#detail1 ul{ width:100%;}
#detail1 ul li{ background:#fff; overflow:hidden; float:left; width:45%; margin:0 2.5% 1rem 2.5%; min-height:10rem; text-align:center;}
#detail1 ul li img{ float:none; padding:1rem 0 1rem 0;}
#detail1 ul li p{ font-size:1rem; font-weight:bold; line-height:1.2rem; float:none; width:100%; padding-top:0rem;}
#detail1 ul li:nth-child(1) p{ padding-top:0;}

#prodetail2{ width:90%; margin:2rem auto; overflow:hidden;}
#prodetail2 .left{ width:100%; float:left; padding-top:1rem;}
#prodetail2 .left h2{ font-size:1.6rem; line-height:2rem; 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:0.5rem 0 0.5rem 1rem; font-size:0.8rem;}

#prodetail2 .right{ float:right; background:#fff; box-shadow:0 2px 20px rgba(0,0,0,0); margin:1rem 0; width:100%;}
#prodetail2 .right div{ padding:1rem 0 0 0;}
#prodetail2 .right div h2{ font-size:1.6rem; line-height:2rem; padding-bottom:30px;}
#prodetail2 .right div p{ margin-bottom:1rem;}
#prodetail2 .right div p input{ width:90%; background:#f5f5f5; height:3rem; line-height:3rem; 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:3rem; background:#0876a9; color:#fff; font-size:1rem; 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:1.4rem; line-height:2rem; padding-bottom:30px; text-align:center; padding-top:3rem;}

#prodetail3 .list{ width:90%; margin:0 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:3rem;}
#prodetail3 .quality .swiper-slide p{ font-size:14px; padding:20px 0 0 0;}
#prodetail3 .quality .swiper-slide img{ width:100%;}

#pdf{ width:90%; margin:2rem auto 1rem auto; overflow:hidden;}
#pdf ul{ width:100%;}
#pdf ul li{ background:#fff; width:80%; margin-right:0; float:left; padding:30px 10%; margin-bottom:1rem;}
#pdf ul li img{ width:100%;}
#pdf ul li p:nth-child(3){ padding:20px 0; font-weight:bold; line-height:18px; font-size:1rem; color:#333; min-height:2rem;}
#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;}


}