@charset "utf-8";
/**/
@media(max-width:1024px) {
#top{ width:100%; position:fixed; z-index:100; background:#48acff; top:0;}
#logo{ float:left; margin:0.5rem 0 0.5rem 0.5rem; transition:all 0.5s; width:7.3rem;}
#logo img{ width:100%; transition:all 0.5s;}
#menu{ float:inherit; margin-right:0; margin-top:0; position:fixed; z-index:10; background:rgba(0,0,0,0.8); width:100%; height:100%; top:0; left:0;display:none;}
#menu ul{ list-style:none; width:60%; background:#fff; height:100%; float:left;}
#menu ul li{ float:inherit; width:100%; margin-right:0;}
#menu ul li a{ color:#000; font-size:1rem; text-decoration:none; text-indent:1rem; border-bottom:solid 1px #eee; background:none; display:block; line-height:4rem;}
#menu ul li a:hover{ color:#000; background:none; }

#close{ width:4rem; background:#48acff; height:4rem; float:left; cursor:pointer; display:block;}
#close img{ width:100%;}

#menubtn{ float:right; width:4rem; cursor:pointer; display:block;}
#menubtn img{ width:100%;}

#servicer{ position:fixed; bottom:30px;right:15px; z-index:100;}
#servicer a{ display:block; width:50px; height:50px; border-radius:50%; background:#1f4d8a;}
#servicer a:hover{ background:#4dacff;}

#lan{ float:right; color:#fff; font-size:14px; color:#fff; line-height:24px; margin-left:30px; cursor:pointer; transition:all 0.5s; display:none; }
#lan img{ vertical-align:middle; margin-left:5px; transition:all 0.5s;}
#lan:hover img{ transform:rotate(180deg);}

#lan:hover{ color:#fff;}

#zmenu{ background:#1f4d8a; overflow:hidden; position:absolute; right:20px; display:none;}
#zmenu dl dd a{ display:block; color:#fff; line-height:40px; text-decoration:none; padding:0 20px; border-bottom:solid 1px rgba(255,255,255,0.2);}
#zmenu dl dd a:hover{ background:#111;}


#banner{ width:100%; overflow:hidden; margin-top:3.6rem;}
#banner img{ width:100%;}

#about1{ text-align:center; padding:2rem 0;}
#about1 h1{ line-height:3rem; font-size:1.4rem;}
#about1 .con{ width:90%; margin:0 auto; overflow:hidden; max-width:1300px; text-align:left; font-size:0.8rem; line-height:30px;}

#data{ width:100%; text-align:center; padding-bottom:2rem;}
#data ul{ display:inline-block;}
#data ul li{ float:left; margin:1rem 0; width:40%; padding:0 5%; text-align:left;}
#data ul li p:nth-child(1){ font-size:1.5rem; line-height:2rem; font-weight:900; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#5facff;}
#data ul li p:nth-child(2){ font-size:0.8rem; line-height:1rem;}


#about2{ width:90%; margin:0 auto 100px auto; font-size:0.8rem; line-height:36px; background:#f7f7f7; overflow:hidden;}
#about2 .left{ width:90%; float:left; padding:4vw 5% 0px 5%;}
#about2 .left span{ font-size:1.1rem; font-weight:700; color:#5facff;}
#about2 .right{ width:100%; float:right;}
#about2 .right img{ width:100%;}

#about3{ width:100%; text-align:center; overflow:hidden; background:url(image/companydi.jpg) no-repeat top center; background-attachment:fixed; padding:2rem 0 2rem 0; color:#fff;}
#about3 h2{ font-size:1.2rem; line-height:3rem;}
#about3 .con{ width:90%; margin:2vw auto 0 auto; overflow:hidden;}
#about3 .con ul{ width:100%;}
#about3 .con ul li{ float:left; font-size:0.8rem; width:100%; margin-right:50px; background:rgba(79,174,255,0.9); padding:30px 0; margin-top:30px; border-radius:30px;}
#about3 .con ul li p:nth-child(1){ font-size:1.2rem; line-height:40px;}

#about4{ text-align:center; overflow:hidden; padding:2rem 0; width:90%; margin:0 auto;}
#about4 h2{ font-size:1.2rem; line-height:80px; padding-bottom:3vw;}
#about4 ul li{ float:left; width:33.33%; cursor:pointer;}
#about4 ul li img{ width:100%; transition:all 0.5s;}
#about4 ul li:hover img{ transform:scale(1.15);}

#about5{ width:90%; margin:0 auto 2rem auto; overflow:hidden; text-align:center;}
#about5 h2{ font-size:1.2rem; line-height:80px; padding-bottom:2vw;}
#about5 .con ul{ width:100%;}
#about5 .con ul li{ width:50%; float:left; margin-right:0;}
#about5 .con ul li img{ width:100%;}
#about5 .con ul li p{ font-size:0.8rem; line-height:3rem;}

#about21{ width:90%; margin:0 auto 2rem auto; font-size:0.8rem; line-height:36px; background:#f7f7f7; overflow:hidden;}
#about21 .left{ width:90%; float:left; padding:4vw 5% 0px 5%;}


#about21 .left .list{ width:100%; overflow:hidden; padding:10px 0 50px 0;}
#about21 .left .list ul li{ float:left; font-size:14px; line-height:18px; width:50%; text-align:center;}
#about21 .left .list ul li p{ padding:10px 0;}

#about21 .left span{ font-size:1.1rem; font-weight:700; color:#5facff;}
#about21 .right{ width:100%; float:right;}
#about21 .right img{ width:100%;}

#bottom{ width:100%; background:#001229; overflow:hidden; padding-top:2rem;}
#bottom .k{ width:90%; margin:0 auto; overflow:hidden; border-bottom:solid 1px rgba(255,255,255,0.2); padding-bottom:1rem;}
#bottom .k .left{ float:left;}
#bottom .menu{overflow:hidden; }
#bottom .menu ul li{ float:left; margin-right:2rem;}
#bottom .menu ul li a{ color:#fff; font-size:0.8rem; background:url(image/hline.jpg) no-repeat left bottom/0% 1px; display:block; line-height:2rem;}
#bottom .menu ul li a:hover{background:url(image/hline.jpg) no-repeat left bottom/100% 1px;}

#bottom .contact{ margin-top:30px; overflow:hidden; color:#fff;}
#bottom .contact ul li{ float:left;}
#bottom .contact ul li p:nth-child(2){ font-size:2rem; font-weight:700; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; line-height:40px; color:#5facff;}

#bottom .k .right{ float:left; margin-top:2rem; display:none;}
#bottom .k .right ul li{ float:left; background:rgba(255,255,255,0.1); border-radius:50px; width:2.5rem; margin-right:30px; margin-left:0; height:2.5rem; cursor:pointer; transition:all 0.5s;}
#bottom .k .right ul li:hover{background:#5facff;}
#bottom .k .right ul li img{ width:100%;}

#bottom .copyright{ width:90%; margin:0 auto; overflow:hidden; line-height:1.5rem; padding-top:1rem; color:#fff; text-align:left; font-size:0.8rem;}
#bottom .copyright span{ float:right; padding-top:20px;}
#bottom .copyright span a{ display:block;}


#promenu{ width:100%; overflow:hidden; text-align:center; margin-top:2rem;}
#promenu ul{ display:inline-block;}
#promenu ul li{ float:left; margin:0 0.5rem;}
#promenu ul li a{ display:block; line-height:3rem; padding:0 1.5rem; background:#eee; border-radius:30px; font-size:0.8rem;}
#promenu ul li a:hover{ background:#5facff; color:#fff;}
#promenu ul li a.it{ background:#5facff; color:#fff;}

#prolist{ width:90%; margin:1rem auto 2rem auto; overflow:hidden;}
#prolist ul{ width:100%;}
#prolist ul li{ width:100%; margin-right:0; float:left;}
#prolist ul li img{ width:100%; transition:all 0.5s;}
#prolist ul li a{ display:block; text-align:center; font-size:16px; line-height:60px;}
#prolist ul li a p{ overflow:hidden;}
#prolist ul li a:hover{ background:#5facff; color:#fff;}
#prolist ul li a:hover img{ transform:scale(1.15);}

#probig{ width:90%; margin:1rem auto 3rem auto; overflow:hidden;}
#probig .left{ width:100%; float:left;}
#probig .left img{ width:100%;}
#probig .right{ width:100%; float:right;}
#probig .right p{ margin:20px 0; font-size:16px;}
#probig .right p:nth-child(2){ font-size:1.8rem; padding-bottom:2rem;}

#probig .right .zx{ overflow:hidden; margin-top:2rem;}
#probig .right .zx a{ display:block; background:#5facff; color:#fff; line-height:40px; width:150px; text-align:center; border-radius:30px;}

#news{ text-align:center; overflow:hidden; padding-top:1rem;}
#news h1{ line-height:3rem; font-size:1.4rem; padding-bottom:1rem;}

#newslist{ width:90%; margin:0 auto; overflow:hidden}
#newslist ul{ width:100%;}
#newslist ul li{ width:100%; float:left; margin-right:50px; margin-bottom:40px;}
#newslist ul li a{ display:block;}
#newslist ul li a img{ width:100%; transition:all 0.5s;}
#newslist ul li a p{ overflow:hidden;}
#newslist ul li a p:nth-child(2){ font-size:18px; line-height:24px; padding:10px 0; height:48px; overflow:hidden;}
#newslist ul li a p:nth-child(3){ font-size:14px; color:#999;}
#newslist ul li a:hover{ color:#5facff;}
#newslist ul li a:hover img{ transform:scale(1.15);}

#page{ width:100%; text-align:center; overflow:hidden; margin:20px auto 80px auto;}
#page ul{ display:inline-block;}
#page ul li{ float:left; margin:0 5px;}
#page ul li a{ display:block; line-height:40px; padding:0 1rem; background:#5facff; color:#fff;}
#page ul li.p{ display:none;}
#page ul li a:hover{ background:#5facff; color:#fff;}
#page ul li a.it{ background:#5facff; color:#fff;}

#rd{ width:90%; margin:0 auto 10px auto; overflow:hidden; background:#f7f7f7;}
#rd .left{ width:90%; float:left; padding:1rem 5%; font-size:0.8rem; line-height:30px;}
#rd .left p:nth-child(1){ font-size:1.2rem; line-height:2rem;}
#rd .right{ width:100%; float:right;}
#rd .right img{ width:100%;}

#rd1{ width:90%; margin:0 auto 1rem auto; overflow:hidden; background:#f7f7f7;}
#rd1 .left{ width:90%; float:right; padding:1rem 5%; font-size:0.8rem; line-height:30px;}
#rd1 .left ul{ margin:30px auto;}
#rd1 .left ul li{ width:49%; margin-right:1%; float:left; cursor:pointer;}
#rd1 .left ul li img{ width:100%;  transition:all 0.5s;}
#rd1 .left ul li:hover img{ transform:scale(1.3)}

#rd2{ width:90%; margin:0 auto 1rem auto; overflow:hidden; background:#f7f7f7;}
#rd2 .left{ width:90%; float:right; padding:1rem 5%; font-size:0.8rem; line-height:30px;}
#rd2 .left p:nth-child(1){ font-size:1.2rem; line-height:2rem;}
#rd2 .right{ width:100%; float:left;}
#rd2 .right img{ width:100%;}

#rd3{ width:100%; overflow:hidden; text-align:center; background:url(team/de1.jpg) no-repeat center top; background-attachment:fixed; color:#fff; padding-bottom:2rem;}
#rd3 h2{ font-size:1.2rem; line-height:2rem; font-weight:500; padding-top:2rem;}
#rd3 .con{ font-size:0.8rem; padding:0 2rem;}
#rd3 .data{ width:100%; text-align:center; overflow:hidden; padding:20px 0 50px 0;}
#rd3 .data ul{ display:inline-block}
#rd3 .data ul li{ float:left; width:50%; font-size:0.8rem;}
#rd3 .data ul li p:nth-child(1){ font-size:1.2rem; line-height:2rem; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}

#rd3 .team{ width:90%; overflow-x:scroll; margin:0 auto;}
#rd3 .team ul{ width:3200px;}
#rd3 .team ul li{ float:left; overflow:hidden; width:300px; min-height:530px; padding-top:50px; margin-bottom:0; text-align:left; font-size:0.8rem; margin-right:1rem; background:rgba(95,172,255,0.6);}
#rd3 .team ul li .left{ width:100%; text-align:center;}
#rd3 .team ul li .right{ padding:20px 40px 20px 40px; overflow:hidden;}
#rd3 .team ul li .right p:nth-child(1){ font-size:24px; line-height:40px; text-align:center; padding-bottom:20px;}
#rd3 .team ul li .right p:nth-child(2){ padding-bottom:20px;}

#rd4{ width:90%; margin:2rem auto; overflow:hidden; font-size:0.8rem;}
#rd4 h2{ font-size:1.2rem; line-height:2rem; font-weight:500;}
#rd4 .a1{ padding-bottom:1rem;}
#rd4 img{ width:100%;}

#rd5{ width:90%; margin:2rem auto; overflow:hidden; font-size:0.8rem;}
#rd5 h2{ font-size:1.2rem; line-height:2rem; font-weight:500;}
#rd5 .a1{ padding-bottom:1rem;}
#rd5 img{ width:100%;}

#brand{ width:90%; margin:0 auto; overflow:hidden;}
#brand ul li{ float:left; background:#eee; line-height:2.6rem; padding:0 30px; margin-right:10px; margin-bottom:10px; cursor:pointer; font-size:0.8rem;}

#brand1{ width:90%; margin:0 auto 1rem auto; overflow:hidden;}
#brand1 ul{ width:100%; display:none;}
#brand1 ul li{ width:100%; float:left; margin-right:50px;}
#brand1 ul li img{ width:100%;}

#brand1 table{ border-left:solid 1px #ccc; width:100%; font-size:0.8rem;}
#brand1 table td{ border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; text-align:center; line-height:20px; padding:10px;}
#brand1 table tr:nth-child(1){ background:#48acff; color:#fff;}

#brand2{ width:90%; margin:0 auto 1rem auto; overflow:hidden; font-size:0.8rem;}
#brand2 h2{ font-size:1.2rem; line-height:80px; font-weight:400;}
#brand2 p img{ width:100%;}
#brand2 p:nth-child(3){ padding-top:30px;}

#brand3{ width:90%; margin:0 auto 80px auto; overflow:hidden; font-size:0.8rem;}
#brand3 h2{ font-size:1.2rem; line-height:80px; font-weight:400;}
#brand3 p img{ width:100%;}
#brand3 p:nth-child(3){ padding-top:30px;}

#brand4{ width:100%; overflow:hidden;}
#brand4 ul li{ width:90%; padding:10px; margin-right:20px; float:left; border:solid 0px #eee;}
#brand4 ul li p:nth-child(1){ font-size:24px; color:#48acff;}

#brand5{ width:100%; background:#f7f7f7; padding:2rem 0;}
#brand5 h2{ width:90%; margin:0 auto; font-size:30px; line-height:40px; font-weight:500;}
#brand5 .a1{ width:90%; margin:0 auto; overflow:hidden; font-size:16px;}
#brand5 .a2{ width:90%; margin:30px auto 0 auto; overflow:hidden;}
#brand5 .a2 ul{ width:100%;}
#brand5 .a2 ul li{ width:90%; margin-right:0; margin-bottom:1rem; background:#fff; padding:30px 5%; float:left; min-height:auto;}
#brand5 .a2 ul li p:nth-child(1){ font-size:18px; font-weight:800; padding-bottom:20px;}
#brand5 .a2 ul li p.tt{ color:#48acff; font-size:16px;}

#brand6{ width:90%; margin:2rem auto; overflow:hidden; }
#brand6 h2{ font-size:1.2rem; line-height:40px; font-weight:500; text-align:center;}
#brand6 .con{ width:100%; overflow:hidden; padding-top:1rem;}
#brand6 .con ul{ width:100%;}
#brand6 .con ul li{ width:100%; background:#f7f7f7; float:left; margin-right:0; margin-bottom:1rem; min-height:auto; padding:20px;}
#brand6 .con ul li p:nth-child(1){ font-size:18px; font-weight:700; color:#48acff; line-height:40px;}
#brand6 .cc{ font-size:0.8rem; padding-top:30px;}
#brand6 .pic{ padding-top:30px;}
#brand6 .pic img{ width:100%;}

#brand7{ width:100%; background:#f7f7f7; overflow:hidden;}
#brand7 .k{ width:90%; margin:2rem auto; overflow:hidden; font-size:0.8rem; line-height:2rem;}
#brand7 .k .left{ float:left; width:100%;}
#brand7 .k .left h2{ font-size:1.4rem; line-height:80px; font-weight:500; text-align:left; padding-top:0;}
#brand7 .k .right{ width:100%; float:right; text-align:center;}
#brand7 .k .right img{ width:100%;}

#klist{ width:90%; margin:0 auto; overflow:hidden;}
#klist ul li{ line-height:1.2rem; font-size:0.8rem; padding:1rem 0;}
#klist ul li a{ display:block; background:url(team/line.png) center repeat-x; overflow:hidden;}
#klist ul li a p{ background:#fff; float:left; padding-right:10px; transition:all 0.5s;}
#klist ul li a span{ float:right; display:block; background:#fff; padding-left:10px;}
#klist ul li a:hover p{ color:#48acff; font-size:24px; font-weight:bold;}

#contact{ width:90%; margin:0 auto; overflow:hidden;}
#contact .left{ float:left; font-size:0.8rem; line-height:30px;}
#contact .left p.a1{ font-size:1rem; line-height:2rem; padding-bottom:0;}
#contact .left p.a3{ font-size:2rem; line-height:40px; font-weight:800; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#48acff; padding-bottom:0;}
#contact .left p.a4{ padding-top:1rem;}
#contact .left p.a5{ padding-top:1rem;}
#contact .left p.a6{ padding-top:20px;}

#contact .left p.a7{ padding-top:20px;}
#contact .left p.a7 img{ border:solid 1px #eee; margin-right:20px; width:4rem;}

#contact .right{ float:right;}
#contact .right img{ width:100%;}

#contact1{ width:90%; margin:0 auto; overflow:hidden;}
#contact1 h2{ line-height:80px; font-size:1.2rem; font-weight:500;}

#feedback{ width:100%; background:#eee; overflow:hidden;}
#feedback .a1{ width:90%; line-height:1rem; font-size:0.8rem; padding:0.5rem 5%; color:#fff; background:#48acff; text-align:center; margin:0 auto 20px auto;}
#feedback .a2{ width:90%; margin:0 auto; overflow:hidden;}
#feedback .a2 ul{ width:100%;}
#feedback .a2 ul li{ width:100%;margin:0 0 15px 0; background:#fff; overflow:hidden;}
#feedback .a2 ul li img{ float:left;}
#feedback .a2 ul li input{ height:34px; border-left:solid 1px #eee; text-indent:15px; line-height:34px; margin-top:8px; width:70%;}
#feedback .a3{ width:80%; margin:0 auto 15px auto; overflow:hidden; background:#fff; height:180px; padding:20px 5%;}
#feedback .a3 textarea{ width:90%; height:100%; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#feedback .a4{ width:90%; margin:0 auto 0rem auto; overflow:hidden;}
#feedback .a4 ul li{ margin-bottom:15px;}
#feedback .a4 ul li.b1{ overflow:hidden;}
#feedback .a4 ul li.b1 a{ display:block; line-height:50px; width:50%; padding:0 2rem; border-radius:3px; text-align:center; color:#fff; background:#48acff; font-size:0.8rem;}
#feedback .a4 ul li.b1 a:hover{ background:#48acff;}
#feedback .a4 ul li.b2{ margin-right:10px;}
#feedback .a4 ul li.b2 a{ display:block; line-height:50px; width:50%; border-radius:3px; text-align:center; color:#fff; background:#48acff; font-size:0.8rem;padding:0 2rem;}
#feedback .a4 ul li.b2 a:hover{ background:#48acff;}
#feedback .a4 ul li.b3{ width:100%; background:#fff; overflow:hidden;}
#feedback .a4 ul li.b3 img{ float:left;}
#feedback .a4 ul li.b3 input{ height:34px; border-left:solid 1px #eee; text-indent:15px; line-height:34px; margin-top:8px; width:50%;}
#feedback .a4 ul li.b3 a{ color:#1c8c00; font-size:16px; text-align:center;}


#mindex1{ width:100%; overflow:hidden; text-align:center; background:url(mbanner/2.jpg) no-repeat center top/100% auto; height:28rem; margin-top:4rem;}
#mindex1 h1{ margin-top:9rem; line-height:3rem; color:#fff; padding-bottom:1rem;}
#mindex1 .btn{ width:100%; text-align:center;}
#mindex1 .btn ul{ display:inline-block;}
#mindex1 .btn ul li{ float:left; margin:0 0.2rem;}
#mindex1 .btn ul li a{ display:block; border:solid 2px #fff; border-radius:2rem; color:#fff; padding:0 0.5rem;}

#mindex1 .more{ margin-top:2rem;}
#mindex1 .more a{ display:block; border-radius:50px; background:#48acff; line-height:2rem; color:#fff; width:8rem; margin:0 auto;}

#ind_about{ width:90%; margin:0 auto;}
#ind_about h2{ font-size:1.4rem; line-height:2rem; padding-top:2rem;}
#ind_about .con{ font-size:0.8rem; line-height:2rem; margin-top:1rem;}
#ind_about .more{ overflow:hidden; margin-top:2rem;}
#ind_about .more a{ display:block; border-radius:50px; background:#48acff; line-height:2rem; color:#fff; width:8rem; text-align:center; }
#ind_about .data{ width:100%; text-align:center; overflow:hidden; margin-top:2rem;}
#ind_about .data ul li{ width:31%; float:left; margin:0 1%;}
#ind_about .data ul li p:nth-child(1){ font-size:2rem; line-height:2rem; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:700; color:#48acff;}
#ind_about .data ul li p:nth-child(2){ line-height:1rem; font-size:0.8rem;}

#indexa{ width:90%; margin:0 auto; overflow:hidden;}
#indexa h2{ font-size:1.4rem; line-height:2rem; padding-top:2rem;}
#indexa .con{ font-size:0.8rem; line-height:1rem; padding-bottom:1rem; margin-top:1rem;}
#indexa .list{ width:100%; overflow:hidden;}
#indexa .list img{ width:100%;}
#indexa .list li{ padding-bottom:2rem; font-size:0.8rem; line-height:1.4rem;}

#content_tt{ width:90%; margin:0 auto; overflow:hidden; padding-top:2rem;}
#content_tt h1{ line-height:2rem; font-size:1.4rem; padding-bottom:1rem;}
#content{ width:90%; margin:0 auto 2rem auto; overflow:hidden; font-size:0.8rem; line-height:2rem;}

#content_btn{ width:90%; margin:0 auto 2rem auto;}
#content_btn a{ display:block; line-height:40px; width:150px; text-align:center; color:#fff; background:#48acff; border-radius:50px; margin:0 auto;}


#pro_feedback{ position:fixed; z-index:500; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); overflow:hidden; display:none;}
#pro_feedback .k{ width:80%; margin:100px auto 0 auto; overflow:hidden; background:#fff; padding:50px 5%; font-size:24px;}
#pro_feedback .k p{ margin-bottom:10px;}
#pro_feedback .k p:nth-child(1) span{ float:right; width:30px; height:30px; background:#48acff; border-radius:50%; display:block; cursor:pointer; margin:-20px 0 0 0;}
#pro_feedback .k p:nth-child(1) span img{ width:100%;}
#pro_feedback .k input{ border:solid 1px #eee; width:100%; height:50px; text-indent:20px;}
#pro_feedback .k textarea{ border:solid 1px #eee; width:90%; height:50px; padding:20px 5%;}
#pro_feedback .k button{ width:150px; line-height:50px; background:#48acff; color:#fff; cursor:pointer;}

#kj1{ width:90%; margin:0 auto; overflow:hidden;  }
#kj1 .left{ float:left; color:#fff;color:#fff;background:#4dacff; width:90%; padding:2rem 5%;}
#kj1 .left img{ width:100%; margin-top:30px;}
#kj1 .left h2{ font-size:1.2rem; line-height:2rem;}
#kj1 .left p{ font-size:0.8rem; font-weight:500; line-height:30px;}

#kj1 .right{ float:right; width:100%; overflow:hidden;}
#kj1 .right img{ width:100%;}

#kj2{ width:100%; margin:0px auto 0 auto; overflow:hidden;}
#kj2 ul{}
#kj2 ul li{ padding:2rem; float:left; background:#eee; margin-top:10px; margin-bottom:0;}
#kj2 ul li img{ border-radius:10px;}
#kj2 ul li p{ padding-bottom:10px; font-size:0.8rem; line-height:30px;}
#kj2 ul li p span{ font-size:24px; color:#4dacff;}



#kj3{ width:100%; float:left;  margin-top:5vw; overflow:hidden; background:#f7f7f7; }
#kj3 .kuan{ width:90%; margin:5vw auto; overflow:hidden;}
#kj3 .left{ float:left; color:#000; width:100%; padding-right:0%;}
#kj3 .left h2{ font-size:1.2rem; line-height:2rem;}
#kj3 .left p{ font-size:0.8rem; font-weight:500; line-height:30px;}
#kj3 .right{ float:right; width:100%; padding-top:20px;}
#kj3 .right img{ width:100%;}

#kj4{ width:100%; overflow:hidden;  }
#kj4 .kuan{ width:90%; margin:5vw auto; overflow:hidden;}
#kj4 .left{ float:right; color:#000; width:100%; padding-left:0%; }
#kj4 .left h2{ font-size:1.2rem; line-height:2rem; padding-top:2vw;}
#kj4 .left p{ font-size:0.8rem; font-weight:500; line-height:30px;}
#kj4 .right{ float:left; width:100%; padding-top:1rem }
#kj4 .right img{ width:100%;}

#kj5{ width:100%; background:#f7f7f7; padding:5vw 0; overflow:hidden;}
#kj5 ul{ width:90%; margin:0 auto;}
#kj5 ul li{ width:90%; background:#fff; float:left; margin:5px 0; padding:2rem 5%; height:auto;}
#kj5 ul li h2{ font-size:1.2rem; line-height:2rem;}
#kj5 ul li img{ border-radius:10px;}
#kj5 ul li p{ padding-bottom:10px; font-size:16px; line-height:30px;}
#kj5 ul li p span{ font-size:24px; color:#4dacff;}


#taurine1{ width:90%; margin:2rem auto 2rem auto; overflow:hidden; font-size:0.8rem; line-height:30px;}
#taurine1 h2{ font-size:1.2rem; line-height:2rem;}
#taurine1 p:nth-child(2){ border-bottom:solid 1px #eee; padding-bottom:40px; margin-bottom:40px;}
#taurine1 .left{ width:100%; float:left;}
#taurine1 .right{ width:100%; float:right;}

#taurine2{ width:100%; margin:2rem auto 2rem auto; padding-top:60px; overflow:hidden; font-size:0.8rem; line-height:30px; background:#f7f7f7;}
#taurine2 div{ width:90%; margin:0 auto; overflow:hidden;}
#taurine2 h2{ font-size:1.2rem; line-height:2rem;}
#taurine2 p:nth-child(2){padding-bottom:40px; margin-bottom:00px;}

#taurine2 .con{ width:90%; margin:0 auto 2rem auto; overflow:hidden;}
#taurine2 .con p{ width:100%; float:left;}
#taurine2 .con p img{ width:100%; margin-bottom:0.5rem}
#taurine2 .con p:nth-child(1){ margin-right:0;}

#taurine3{ width:90%; margin:2rem auto 2rem auto; overflow:hidden; font-size:0.8rem; line-height:30px;}
#taurine3 h2{ font-size:1.2rem; line-height:2rem;}
#taurine3 p:nth-child(2){  padding-bottom:0; margin-bottom:1rem;}
#taurine3 p img{ width:100%;}


#brand8{ width:90%; margin:0 auto 1rem auto; overflow:hidden;}
#brand8 .left{ width:90%; float:left; background:#eee; font-size:0.8rem; line-height:30px; padding:2rem 5%; height:auto; margin-bottom:10px;}
#brand8 .left h2{ font-size:1.4rem; line-height:60px; font-weight:100;}
#brand8 .left h3{ color:#5facff; font-size:1.2rem;}
#brand8 .right{ width:90%; float:right; background:#eee; font-size:0.8rem; line-height:30px; padding:2rem 5%;height:auto;}
#brand8 .right h2{ font-size:1.4rem; line-height:60px; font-weight:100;}

#brand9{ width:90%; margin:0 auto 2rem auto; overflow:hidden;}
#brand9 h2{ font-size:1.4rem; line-height:120px; font-weight:100; text-align:center;}
#brand9 table{ border-top:solid 1px #ccc; border-left:solid 1px #ccc; width:100%;}
#brand9 table td{border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; padding:10px 5px; text-align:center; font-size:16px;}
#brand9 table tr:nth-child(1){ background:#4d97fc; color:#fff; font-weight:bold;}


#rd_cert{ width:90%; margin:0 auto 1rem auto; overflow:hidden; background:#f7f7f7;}
#rd_cert .left{ width:90%; float:right; padding:1rem 5%; font-size:0.8rem; line-height:30px;}
#rd_cert .left ul{ margin:30px auto;}
#rd_cert .left ul li{ width:49%; margin-right:1%; float:left; cursor:pointer;}
#rd_cert .left ul li img{ width:100%;  transition:all 0.5s;}
#rd_cert .left ul li:hover img{ transform:scale(1.3)}