@charset "utf-8";
* { box-sizing: border-box; }
.alignC { text-align: center;}
body { width: 100%; overflow: hidden; }
.header { width: 100%; z-index: 1000; position: fixed; left:0; top:0; background: rgba(0,0,0,0.23); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.23); }
.header .logo img { height: 22px; }
.header .logo { float: left;  }
.header .logo a { display: block; padding: 17px 0;  }

.topNav { float: left; margin-left: 10vw; }
.topNav ul li { float: left; position: relative; }
.topNav ul li:nth-child(n+2) { margin-left:32px; }
.topNav ul li>a { display: inline-block; font-size: 16px; color:#fff; padding:18px 0; }
.topNav ul li:hover>a,.topNav ul li.cur>a { color:#2484DD; }
.ibanner .pic2 { display: none; }
.ibanner .con { position: absolute; width: 100%; left:0; top:50%; transform: translateY(-50%);}
.ibanner .con .t { font-size: 3.15vw; color:#fff; }

.topNav .subNav { display: none; text-align: center; position: absolute; width: 10000px; background: rgba(0,0,0,0.2); left:50%; top:60px; transform: translateX(-50%); height: 40px; } 
.topNav .subNav a { display: inline-block; line-height: 40px; font-size: 14px; margin: 0 10px; color:#fff; }
.topNav ul li:hover .subNav { display: block; }
.topNav .subNav a:hover { color:#2484DD; }


.header .navBtn { display: none; width: 40px; height: 60px; position: absolute; right:3%; top:50%; transform: translateY(-50%); }
.menu-i {height: 2px;right: 0px;position: absolute;border-radius: 1px;font-style: normal;background-color: #fff;display: block;transition: all 0.5s;border-radius: 2px;}
.menu-i-1 {width: 24px;top: 13px;}
.menu-i-2 {width: 32px;top: 23px;}
.menu-i-3 {width: 24px;top: 33px;}
.mobile-menu {width: 50px;height: 50px;position: relative;display: block;background: none;border: none;}
.mobile-menu-on {z-index: 1001;}
.mobile-menu-on .menu-i-1 {transform: translateY(10px) rotate(45deg);background-color: #fff;}
.mobile-menu-on .menu-i-2 {opacity: 0;}
.mobile-menu-on .menu-i-3 {transform: translateY(-10px) rotate(-45deg);background-color: #fff;}

.ibanner img { width: 100%; }

@media(max-width: 1024px){
	.ibanner .pic2 { display: block; }
	.ibanner .pic1 { display: none; }
}

/**mobile nav**/
.nav_box {width: 100%;height: 100%;position: fixed;right: auto;top: 0;bottom: 0;left: -100%;overflow: auto;z-index: 99999999;background: rgba(50, 58, 67,0.96);transition: all .8s;-o-transition: all .8s;-moz-transition: all .8s;-ms-transition: all .8s;-webkit-transition: all .8s;}
.nav_box.cur {left: 0;transition: all .8s;-o-transition: all .8s;-moz-transition: all .8s;-ms-transition: all .8s;-webkit-transition: all .8s;}
.nav_box .box {/*background: #212222;*/width: 100%;height: 100%;position: relative;z-index: 2;}
.nav_box .nav-title {height: 57px;position: relative;border-bottom: 1px solid rgba(255, 255, 255, 0.06);}
.nav_box .nav-title .navclose {width: 22px;height: 22px;display: block;font-size: 0;line-height: 41px;position: absolute;right: 15px;top: 50%;z-index: 2;transform: translateY(-50%);}
.nav_box .nav-title .navclose img {width: 100%;}
.nav_box .nav-title h1 {text-align: left;width: 132px;margin-left: 15px;line-height: 0;padding-top: 15px;}
.nav_box .nav-title h1 img {width: 100%;}
.nav_box .navlist {width: 100%;padding-bottom: 20px;}
.nav_box .navlist ul>li {float: left;width: 100%;font-size: 16px;line-height: 60px;border-bottom: 1px solid rgba(255, 255, 255, .06);padding: 0 15px;text-transform: capitalize;}
.nav_box .navlist ul>li>a {display: block;color: #fff;position: relative;}
.nav_box .navlist ul>li>a:before {content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 8px;height: 14px;background: url(../images/icon_jt.png) no-repeat center center / cover;}
.nav_box .navlist ul>li .navlist2 {border-top: 1px solid rgba(255, 255, 255, .06);display: none;padding: 10px 0;}
.nav_box .navlist ul>li .navlist2 a {display: block;width: 100%;color: #fff;font-size: 14px;line-height: 34px;}
.nav_box { display: block!important; top: 0px; width: 80%; border-top: 1px solid rgba(255,255,255,0.2); height: 100%; }
.nav_box { background: #2483db; }
.bgGreen { background: #2483db; }
.nav_box .navlist { padding-top: 10px; }
.nav_box .navlist ul>li { border:none; line-height: 50px; }
.nav_box .navlist ul>li .navlist2,.nav_box .navlist ul>li .secondNav .navlist3,.nav_box .navlist ul>li .fourthNav .navlist4 { position: fixed; left:-102%; transition: all 0.6s; display: block; top:0px; width: 100%; height: calc(100% - 50px); background: #2483db; z-index: 10000; }
.nav_box .navlist ul>li .navlist2 a,.nav_box .navlist ul>li .secondNav .navlist3 a,.nav_box .navlist ul>li .fourthNav .navlist4 a { padding: 0 15px; line-height: 50px; font-size: 16px; color:rgba(255,255,255,0.8); }
.nav_box .navlist ul>li.cur .navlist2,.nav_box .navlist ul>li .secondNav.cur .navlist3,.nav_box .navlist ul>li .fourthNav.cur .navlist4 { left:0; }
.nav_box .navlist ul>li .backNav { padding: 0 15px; }
.nav_box .navlist ul>li .backNav span { display: block; padding: 5px 0 5px 25px; border-top: 1px solid rgba(255,255,255,0); background: url(../images/back.png) no-repeat left center; font-size: 18px;color:#fff; border-bottom:1px solid rgba(255,255,255,0.3); margin-bottom: 10px; }
.nav_box .navlist ul>li a.cur { font-weight: bold; color:#fff!important;  }

@media(max-width:1480px){
	.topNav { margin-left: 6vw; }
}

@media(max-width: 1024px){
	.ibanner .pic1 { display: none; }
	.ibanner .pic2,.header .navBtn { display: block; }
	.ibanner .con .t { font-size: 28px; }
	.topNav { display: none; }
	.header .logo a { padding: 14px 0; }
}
@media(max-width: 640px){
	.ibanner .con .t { font-size: 24px; }
}


a,img { vertical-align: top;}

/* 网站底部 */
.footer { padding: 120px 0 0; background: #111111;}

.footerA { padding-bottom: 160px; }
.footerA-a { float: left; width: 250px; }
.footerA-a .tit { font-size: 18px; color: #FFFFFF; }
.footerA-a .c { margin:40px 0; font-size: 14px; color: rgba(255,255,255,0.5); }
.footerA-b { float: right; }
.footerA-b dl { float: left; margin-left:5vw;  }
.footerA-b dl dt a { display: inline-block; font-size: 20px; color:#fff; }
.footerA-b dl dd a { display: inline-block; font-size: 14px; color:rgba(255,255,255,0.5); line-height: 1.5; margin:4px 0; }
.footerA-b dl dt { margin-bottom:12px; }


.footerB { padding: 16px 0; border-top: 1px solid rgba(255,255,255,0.5); }
.footerB .left { float: left; }
.footerB .right { float: right; }
.footerB .left a,.footerB .right p { display: inline-block; font-size: 14px;color:rgba(255,255,255,0.7); }
.footerB .left a:hover { color:rgba(255,255,255,1); }
.footerB .left a:nth-child(n+2) { margin-left: 45px; }


@media(max-width:1480px){
	.footer { padding: 80px 0 0; }
	.footerA { padding-bottom: 100px; }
	.footerA-a .c { margin:30px 0; }
}
@media(max-width:1280px){
	.footer { padding: 50px 0 0; }
	.footerA { padding-bottom: 60px; }
	.footerA-a .tit { font-size: 16px; }
	.footerA-b dl dt a { font-size: 18px; }
	.footerA-a .c { margin:20px 0; }
}
@media(max-width:1024px){
	.footer { padding: 20px 0 0; }
	.footerA { padding-bottom: 20px; }
	.footerA-a .c { margin:10px 0; }
	.footerA-a { width: 100%; }
	.footerA-b { display: none; }
	.footerB { text-align: center; }
	.footerB .left,.footerB .right { width: 100%; }
	.footerB .left a { margin: 0 5px; }
	.footerB .left a:nth-child(n+2) { margin: 0 5px; }
}

/* 关于我们 */
.nyNav { border-bottom: 1px solid #DCE1E3; }
.nyNav ul li { float: left; text-align: center; }
.nyNav3 ul li { width: 33.3333%; }
.nyNav2 ul li { width: 50%; }
.nyNav4 ul li { width: 25%; }
.nyNav7 ul li { width: 14.28%; }
.nyNav1 ul li { width: 100%; }
.nyNav ul li a { padding:20px 0; background: #fff; display: block; font-size: 16px; color:#141414; }
.nyNav ul li.cur a,.nyNav ul li:hover a { color:#fff; background: #2484DD; }
.nyNavFix { position: fixed; left:0; top: 60px; width: 100%; z-index: 999; }
@media(max-width:1280px){
	.nyNav ul li a { padding: 16px 0; }
}
@media(max-width:1024px){
	.nyNav ul li a { padding: 12px 0; }
	.nyNavFix { top: 50px; }
	.nyNav7 ul li { width: 25%; }
	.nyNav7 ul li:nth-child(n+5) { width: 33.33333%; }
}
@media(max-width:500px){
	.nyNav7 ul li { width: 50%; }
	.nyNav7 ul li:nth-child(n+5) { width: 50%; }
}

.aboutA { padding: 6vw 0 7vw; background: #F7F9FA; }
.aboutA-b { float: left; width: 52%; }
.aboutA-c { position: absolute; width: 42%; right: 0; top:50%; transform: translateY(-50%);}
.aboutA-c .t { font-size: 32px;color: #013243; }
.aboutA-c .con { font-size: 20px; font-weight: Lighter; color: #013243; line-height: 1.8; }
.aboutA-c .con p { margin-top: 20px; }
@media(max-width: 1680px){
	.aboutA-c .t { font-size: 28px; }
	.aboutA-c .con { font-size: 19px; }
}
@media(max-width: 1480px){
	.aboutA-c .t { font-size: 26px; }
	.aboutA-c .con { font-size: 18px; }
}
@media(max-width: 1280px){
	.aboutA-c .t { font-size: 24px; }
	.aboutA-c .con { font-size: 17px; line-height: 1.6; }
	.aboutA-c .con p { margin-top: 16px; }
}
@media(max-width: 1024px){
	.aboutA { padding:40px 0 50px; }
	.aboutA-b,.aboutA-c { width: 100%; }
	.aboutA-c { position: relative; margin-top:20px; top:0; transform: translate(0); float: left;}
	.aboutA-c .t { font-size: 22px; }
	.aboutA-c .con { font-size: 16px; }
}

.aboutB { padding: 6vw 0 7vw; background: #f0f2f5;}
.aboutB-a { width: 100%; max-width: 680px; margin: 0 auto; }
.aboutB-a .y { line-height: 34px; float: left; width: 130px; font-size: 21px;color: #000000;font-weight: 600; position: relative; }
.aboutB-a .y:after { content:''; width: 16px; height: 34px; background: url(../images/aboutbbg.png) no-repeat center; position: absolute; top:0; right: -50px;}
.aboutB-a .con { float: right; width: 450px; font-weight: lighter; font-size: 21px;color: #403D5B; line-height: 1.6; }
.aboutB-a ul li:nth-child(n+2) { margin-top:5vw; }
@media(max-width: 1280px){
	.aboutB-a { max-width: 600px; }
	.aboutB-a .y { width: 110px; }
	.aboutB-a .y,.aboutB-a .con { font-size: 18px; }
	.aboutB-a .y:after {  right: -40px; height: 28px; }
	.aboutB-a .con { width: 400px; }
}
@media(max-width: 640px){
	.aboutB { padding: 40px 0 50px; }
	.aboutB-a { max-width: 600px; }
	.aboutB-a .y { width: 100%; }
	.aboutB-a .y,.aboutB-a .con { width: 100%; font-size: 18px; }
	.aboutB-a .y:after {  right: -40px; height: 28px; }
	.aboutB-a .con { width: 100%; font-size: 16px; }
}
.aboutC-a { position: absolute; font-size: 3vw; color:#fff; width: 100%; left:0;top:50%; transform: translateY(-50%); }
@media(max-width:1280px){
	.aboutC-a { font-size: 28px; }
}
@media(max-width:1024px){
	.aboutC-a { font-size: 24px; }
}
@media(max-width:640px){
	.aboutC-a { font-size: 22px; }
}
@media(max-width:450px){
	.aboutC-a { font-size: 20px; }
}

.aboutD { padding:5.5vw 0 6.5vw; background: #f0f2f5; }
.aboutD-b ul { display: flex; flex-wrap: wrap; }
.aboutD-b ul li { float: left; padding:20px 0; width: 25%; text-align: center; }
.aboutD-b ul li .con { display: inline-block; text-align: left;}

.aboutD-b .t {color: #1E1E1E;font-size: 20px;  }
.aboutD-b .c {color: #1E1E1E;font-size: 18px; margin-top:5px; }
.aboutD-b ul li:nth-child(n+2) { border-left:1px solid #ababab; }



.aboutD-c { margin-top:5.5vw; }
.aboutD-d { position: absolute; left:0; top:50%; transform: translateY(-50%); width: 360px; }
.aboutD-f { height: 32vw; float: right; width: 53%; }

.aboutD-d ul { border-top: 1px solid #dedede;}
.aboutD-d ul li { cursor: pointer; padding:24px 0 0; }
.aboutD-d .t { font-size: 18px; color:#1e1e1e; padding-bottom: 24px; border-bottom: 1px solid #dedede; }
.aboutD-d .topTit { font-size: 20px; color:#1e1e1e; padding-bottom: 24px; }
.aboutD-d .t span { display: block; line-height: 1; position: relative; padding-left: 12px; }
.aboutD-d .t span:before { height: 0; transition: all 0.6s; content:''; position: absolute; left:0; top:0;width: 4px; background: #0066FF; }
.aboutD-d .t span:after { transition: all 0.6s; content:''; position: absolute; right:20px; top:0; width: 13px;height: 100%;background: url(../images/cona.png) no-repeat center; }
.aboutD-d ul li.cur .t span:before { height: 100%; }
.aboutD-d ul li.cur .t span:after { transform: rotate(180deg); }
.aboutD-d ul li .aboutD-g { border-bottom: 1px solid #dedede; padding: 24px 12px; display: none; }
.aboutD-g .con { background: #fff; padding: 10px 10px 20px;; }
.aboutD-g .con .tt { font-size: 18px; color: #1E1E1E; }
.aboutD-g .con .c { font-size: 14px; color: #7b7b7b; margin-top:5px; }

@media(max-width: 1280px){
	.aboutD-d ul li { padding:20px 0 0; }
	.aboutD-d .t { font-size: 16px; padding-bottom: 20px; }
	.aboutD-d .topTit { font-size: 18px; padding-bottom: 20px; }
	.aboutD-d ul li .aboutD-g { padding: 20px 12px;  }
	.aboutD-g .con .tt { font-size: 16px; color: #1E1E1E; }
	.aboutD-b .t { font-size: 18px; }
	.aboutD-b .c { font-size: 16px; }
	.aboutD-b ul li { padding: 0px;}
}
@media(max-width: 1024px){
	.aboutD-f { width: 100%; height: 72vw; }
	.aboutD-d { position: relative; margin-bottom: 20px; left:0; float: left; top:0; transform: translateY(0); width: 100%; }
	.aboutD-b ul li { width: 50%; }
	.aboutD-b ul li:nth-child(n+3) { margin-top: 25px; }
	.aboutD-b ul li:nth-child(3) { border:none; }
	.aboutD-b ul li .con { text-align: center;}
}
@media(max-width: 500px){
	.aboutD-c { margin-top: 30px; }
	.aboutD-b .c { font-size: 14px; }
}
@media(max-width: 400px){
	.aboutD-b .t { font-size: 16px; }
	.aboutD-b .c { font-size: 12px; }
}

/* 首页 */
#menu { display: none; }
.section { overflow: hidden; }
.p1Box { position: absolute; width: 100%; left:0; top:50%; transform: translateY(-50%);}
.p1Box .t  {font-size: 45px;color: #FFFFFF;  }
.p1Box .con { max-width: 700px; display: inline-block; margin-top: 30px; font-weight: lighter; font-size: 26px;color: #FFFFFF;line-height: 1.9;  }

.p2 .p1Box { text-align: right; }

.p4 .p1Box .t { color:#000; }
.p4Con { margin-top:8vw; font-size: 26px;color: #000000; line-height: 1.9; }



@media(max-width: 1440px){
	.p1Box .t  {font-size: 3.2vw;  }
	.p1Box .con { font-size: 1.8vw; margin-top: 24px; }
	.p4Con { font-size: 1.8vw; }
}
@media(max-width: 1024px){
	.p1Box .t  {font-size: 24px;  }
	.p1Box .con { font-size: 20px; margin-top: 16px; }
	.p4Con { font-size: 20px; margin-top: 20px; }
}
@media(max-width: 600px){
	.p1Box .t  {font-size: 22px;  }
	.p1Box .con { font-size: 14px; margin-top: 10px; }
	.p4Con { font-size: 14px; }
}
@media(max-width: 500px){
	.p1Box .t  {font-size: 24px;  }
	.p1Box .con { font-size: 16px; }
	.p4Con { font-size: 16px; }
}


.p5Box { margin-top: 5vw; }
.p5Box ul li { float: left; width: 30%; margin-right:5%;}
.p5Box ul li:nth-child(3n) { margin-right:0; }
.p5Box ul li:nth-child(n+4) { margin-top:3%; }

@media(max-width: 1024px){
	.p5Box { margin-top: 30px; }
	.p5Box ul li { width: 48%; margin-right:4%;}
	.p5Box ul li:nth-child(3n) { margin-right:4%; }
	.p5Box ul li:nth-child(2n) { margin-right:0; }
	.p5Box ul li:nth-child(n+3) { margin-top:3%; }

}


/* 研发中心 */
.researchA { background: #f7f9fa; padding:8vw 0 7vw; }

.researchA-b { position: relative; padding: 0 0 40px 40px; float: left; width: 52%; }
.researchA-b:after { content:''; position: absolute; width: calc(100% - 18px); height: 60%; border:1px solid #dedede; left: 0; bottom:0;}
.researchA-b .img { position: relative; z-index: 5;}

.researchA-c { float: right; width: 44%; position: relative; min-height: 100%; }
.researchA-c .nmainCon { margin-top: 2vw; }
.nMainTit .t { color: #353535; font-size: 42px; line-height: 1.3; }
.nMainTit .c { color: #353535; font-size: 18px; }
.nmainCon { color: #777777; font-size: 21px; line-height: 1.6; }
.nmainCon p:nth-child(n+2) { margin-top:1.5vw; }

.researchA-c .xj span { cursor: pointer; margin-top:5vw; display: inline-block; font-size: 16px; color:#fff; padding:12px 80px; background: #2484DD; border-radius: 50px; }

@media(max-width: 1480px){
	.nMainTit .t { font-size: 3vw; }
	.researchA-c .nmainCon { margin-top: 30px; }
	.nmainCon p:nth-child(n+2) { margin-top:15px; }
	.nmainCon { font-size: 1.5vw; }
}
@media(max-width: 1024px){
	.researchA-b { padding: 0 0 20px 20px; }
	.researchA-b,.researchA-c { width: 100%; }
	.researchA-c { margin-top: 20px; }
	.nMainTit .t { font-size: 24px; }
	.researchA-c .nmainCon { margin-top: 16px; }
	.nmainCon p:nth-child(n+2) { margin-top:10px; }
	.nmainCon { font-size: 16px; }
	.nMainTit .c { font-size: 16px; }
}
@media(max-width: 640px){
	.yfNav ul li { width: 100%; }
}

.researchC .aboutB-a { margin-top: 5vw;}
.researchD { background: #f0f2f5;}
.researchD .img { padding-top: 4vw; }
.researchD .img img:hover { transform: scale(1.2); }
.researchD .img img { transition:  all 0.5s; }
.researchD .swiper-slide-active { position: relative; z-index: 1;}


.researchE { background: #f7f9fa; }


#menu {padding-top:20px; box-sizing: border-box; display: none; position: fixed; right: 4%;z-index: 99; bottom: 4vw; }
#menu li {margin-bottom: 20px;}
#menu li a { width: 100%; display: block;height: 100%; position: relative; z-index: 10;}
#menu li { position: relative; width: 19px; height: 28px; background: url(../images/menub.png) no-repeat center/cover; }
#menu li:first-child { height: 23px; background: url(../images/menua.png) no-repeat center/cover; }
#menu li:last-child { height: 23px; background: url(../images/menuc.png) no-repeat center/cover; }
#menu li:nth-child(n+2):after { content:''; width:3px; height: 20px; background: rgba(255,255,255,0.24); position: absolute; left: 50%; transform: translateX(-50%); top: -20px; }
#menu li:before { content:''; width: 4px; height: 4px; border-radius: 50%; background: #fff; transition: all 0.6s; position: absolute; left:50%; transform: translate(-50%, -50%); top: 50%; }
#menu li:first-child:before { top: 10px; }
#menu li:last-child:before { top: 10px; }
#menu li.active:before { width: 12px; height: 12px;}


/* 解决方案 */

.soluA { padding: 8vw 0 5vw; position: relative; }
.soluA-a { position: relative; }
.soluA-b { float: left; width: 34%; position: absolute; left: 11%; top: 50%; transform: translateY(-50%);}
.soluA-b .c { font-size: 21px; color: #777777; line-height: 1.7; margin-top:3vw;}
.soluA-c { float: right; width: 50%; }

.soluAA .soluA-b { width: 100%; position: relative; left:0; top:0; transform: translate(0); }
.soluAA .nMainTit { text-align: center; }

.soluAA .soluA-b table tr td:nth-child(1) { padding-right: 10px; }
.soluAA .soluA-b table tr td:nth-child(2) { padding:0 5px; }
.soluAA .soluA-b table tr td:nth-child(3) { padding-left: 10px; }


@media(max-width: 1680px){
	.soluA-a { position: relative; }
	.soluA-b { left: 10%; width: 35%; }
}
@media(max-width: 1480px){
	.soluA-a { position: relative; }
	.soluA-b { left: 8%; width: 39%; }
	.soluA-b .c { margin-top: 20px; font-size: 18px; }
}
@media(max-width: 1024px){
	.soluA-a { position: relative; }
	.soluA-b { left: 3%; width: 94%; position: relative; top:0; transform: translate(0); float: left; }
	.soluA-c { float: left; margin-top:20px; width: 94%; margin-left:3%; }
	.soluA-b .c { margin-top: 12px; font-size: 16px; }
}

.soluB { padding: 0 0 70px; }
.soluB-a ul { display: flex; flex-wrap: wrap; }
.soluB-a ul li { background: #FFFFFF; float: left; width: 24%; margin-right: 1.3333%; box-shadow: 0px 2px 8px 0px rgba(223, 227, 233, 0.56);
border-radius: 4px;}
.soluB-a ul li:nth-child(4n) { margin-right: 0; }

.soluB-b { padding: 30px 30px 40px; }
.soluB-b .t { margin:12px 0 30px; font-size: 20px; line-height: 1.5;color: #1E1E1E; }
.soluB-b .c { font-size: 16px; line-height: 1.5;color: #777777; }


@media(max-width: 1480px){
	.soluB-b { padding: 24px 20px 30px; }
	.soluB-b .t { margin: 10px 0 20px; }
	.soluB { padding: 0 0 50px; }
}
@media(max-width: 1024px){
	.soluB-a ul li { width: 49%; margin-right:2%; }
	.soluB-a ul li:nth-child(4n) { margin-right: 2%; }
	.soluB-a ul li:nth-child(2n) { margin-right: 0; }
	.soluB-a ul li:nth-child(n+3) { margin-top: 2%; }
	.soluB-b { padding: 24px 20px 30px; }
	.soluB-b .t { margin: 10px 0 20px; }
	.soluB { padding: 0 0 40px; }
}
@media(max-width: 640px){
	.soluB-a ul li { width: 100%; margin-right:0; }
	.soluB-a ul li:nth-child(4n) { margin-right: 0; }
	.soluB-a ul li:nth-child(2n) { margin-right: 0; }
	.soluB-a ul li:nth-child(n+2) { margin-top: 16px; }
	.soluB-b { padding: 20px 12px 20px; }
	.soluB-b .t { margin: 6px 0 12px; font-size: 18px; }
}

.soluC { padding: 5.6vw 0 15vw; background: url(../images/solucbg.png) no-repeat center/cover; }
.soluC-b { margin-top:8vw; }
.soluC-b ul { display: flex; flex-wrap: wrap; }
.soluC-b ul li { float: left; width: 48%; margin-right: 4%; }
.soluC-b ul li:nth-child(2n) { margin-right: 0; }
.soluC-b ul li:nth-child(n+3) { margin-top: 6vw; }
.soluC-c .t { font-size: 20px; color:#1e1e1e; }
.soluC-c .c { font-size: 16px; color:#777777; line-height: 1.8; margin-top: 20px; }

.soluC-f { font-size: 21px;color:#777777; line-height: 1.6; }
.soluC-f strong { color:#333; display: block; }

@media(max-width: 1280px){
	.soluC-f { font-size: 18px; }
}
@media(max-width: 1024px){
	.soluC-b ul li { width: 100%; margin-right: 0; }
	.soluC-b ul li:nth-child(2n) { margin-right: 0; }
	.soluC-b ul li:nth-child(n+2) { margin-top: 30px; }
	.soluC-c .t { font-size: 18px; }
	.soluC-c .c { font-size: 16px; margin-top: 5px; }
}

.soluD { padding: 5.6vw 0 8vw; background: url(../images/soludbg.png) no-repeat center/cover; }
.soluD-b { margin-top: 5vw; }
.soluD-b ul li { margin-bottom:30px; width: 100%; background: #fff; padding:40px 15vw; }
.soluD-b .t { font-size: 20px; color:#1e1e1e; }
.soluD-b .c { font-size: 16px; color:#777777; line-height: 1.8; margin-top: 20px; }
@media(max-width: 1280px){
	.soluD-b ul li { padding: 26px 6vw; margin-bottom: 20px; }
}
@media(max-width: 1024px){
	.soluD-b ul li { padding: 16px 20px; margin-bottom: 16px; }
	.soluD-b .t { font-size: 18px; }
	.soluD-b .c { font-size: 16px; margin-top: 5px; }
}
@media(max-width: 640px){
	.soluD-b ul li { padding: 12px 15px; margin-bottom: 16px; }
}



.soluE { padding: 7vw 0 8vw; background: #f0f2f5; }





.soluE-b { margin-top: 7vw; }
.soluE-e { position: relative; float: left; width: 57%; }
.soluE-e .num { position: absolute; right: 40px; top: 20px; font-size: 97px; color:#fff;}
.soluE-d { padding: 50px 30px 60px; width: 50%; z-index: 10; background: #fff; border-radius: 8px; position: absolute; right:0; bottom:0; }

.soluE-b ul li { margin-top:30px; }
.soluE-b ul li:nth-child(2n) .soluE-e { float: right; }
.soluE-b ul li:nth-child(2n) .soluE-d { left:0; top:0; right: auto; bottom: auto;  }

.soluE-c { padding-bottom:110px; }
.soluE-b ul li:nth-child(2n) .soluE-c { padding: 40px 0 0;  }
.soluE-d .t {font-size: 24px;font-weight: 500;color: #1E1E1E;}
.soluE-d .c {font-size: 16px;color: #777777;line-height: 2;margin-top: 30px;}

@media(max-width: 1280px){
	.soluE-e .num { right: 30px; top: 15px; font-size: 80px; }
	.soluE-d .t { font-size: 22px; } 
	.soluE-d .c { margin-top: 20px;}
}

@media(max-width: 1024px){
	.soluE-c { padding-bottom:0px; }
	.soluE-b ul li:nth-child(2n) .soluE-c { padding: 0px 0 0;  }
	.soluE-e .num { right: 15px; top: 15px; line-height: 1; font-size: 60px; }
	.soluE-d .t { font-size: 22px; } 
	.soluE-d .c { margin-top: 20px;}
	.soluE-e { width: 100%; }
	.soluE-d { float: left; padding: 20px 16px; width: 100%; position: relative; left: auto; top: auto; right: auto; bottom:auto;}
	.soluE-d .t { font-size: 18px; } 
	.soluE-d .c { margin-top: 10px;}
}



/* 原料供应 */

.supplyA .researchA:nth-child(2n-1) .researchA-b { float: right;}

.fixPost { display: none; position: fixed; width: 100%; height: 100%; left:0; top:0; background: rgba(0,0,0,0.6); z-index: 1000;}
.fixPostA { width: 70%; max-width: 1000px;; background: #FFFFFF;box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);border-radius: 15px; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); }
.fixPostA .relative { padding: 50px 40px 60px; }
.fixPostA-a .topTit { font-size: 28px;color: #353535;font-weight: 600; }
.fixPostA-a .topC { margin-top: 12px; font-size: 21px;color: #777777;font-weight: 400; }
.fixPostA-a .form .inp { float: left; border-radius: 6px; font-size: 21px;color:#333; padding-left: 12px; height: 63px; background: #F1F1F1; border:none; }
.fixPostA-a .form { margin-top:35px; }
.fixPostA-a .form .inp1 { width: 57%; }
.fixPostA-a .form .inp2 { float: right; width: 40%; }
.fixPostA-a .form .inp3 { width: 100%; height: 200px; margin-top: 3%; line-height: 63px; }
.fixPostA-a .xj { text-align: center; }
.fixPostA-a .sub { margin-top:40px; border:none; display: inline-block; font-size: 16px; color:#fff; padding:12px 80px; background: #2484DD; border-radius: 50px; }
.fixPostA .close { position: absolute; right:0; top:0; width: 40px; height: 40px; cursor: pointer; text-align: center; line-height: 40px; font-size: 20px; position: absolute; border-radius: 50%; }


@media(max-width: 1480px){
	.fixPostA-a .topTit { font-size: 24px; }
	.fixPostA .relative { padding: 40px 30px 40px; }
	.fixPostA-a .topC { font-size: 18px; margin-top: 8px; }
	.fixPostA-a .form .inp { height: 54px; font-size: 18px; }
	.fixPostA-a .form .inp3 { line-height: 54px; height: 162px; }
	.fixPostA-a .form { margin-top: 30px; }
}

@media(max-width: 1280px){
	.researchA-c .xj span,.fixPostA-a .sub { padding: 10px 50px; margin-top: 40px; }
}
@media(max-width: 1024px){
	.fixPostA { width: 90%; }
	.researchA-c .xj span,.fixPostA-a .sub { padding: 10px 50px; margin-top: 20px; }
}
@media(max-width: 640px){
	.fixPostA-a .topTit { font-size: 22px; }
	.fixPostA .relative { padding: 20px 16px 20px; }
	.fixPostA-a .topC { font-size: 16px; margin-top: 8px; }
	.fixPostA-a .form .inp { height: 42px; font-size: 16px; }
	.fixPostA-a .form .inp3 { line-height: 42px; height: 126px; margin-top:10px; }
	.fixPostA-a .form { margin-top: 20px; }
	.fixPostA-a .form .inp1 { width: 100%; }
	.fixPostA-a .form .inp2 { float: right; width: 100%; margin-top: 10px; }
}


/* XREGEN品牌 */
.brandA .researchA-b { float: right;}
.brandA .researchA-c { float: left;}

.brandA,.brandB { background: #f7f9fa; }
.brandB { padding:4vw 0 7vw; }
.brandB-a { margin-top:4vw; }
.brandB-b .img { float: left; width: 47%; }
.brandB-d { max-width: 640px; font-size: 21px;font-weight: 400;color: #777777; line-height: 2; margin: 0 auto;}
.brandB-b .brandB-d { float: right; width: 46%; max-width: 100%; }
@media(max-width: 1280px){
	.brandB-d { font-size: 18px; }
}
@media(max-width: 1024px){
	.brandB-a { margin-top:20px; }
	.brandB-b .img { float: left; width: 100%; }
	.brandB-b .brandB-d { float: right; width: 100%; margin-top: 10px; }
	.brandB-d { font-size: 16px; line-height: 1.8; }
}


.brandC { padding: 0 0 10vw; }