@charset "utf-8";

@charset "utf-8";
.proAllWrap{font-family:"msyhl","微软雅黑"; font-size:14px; letter-spacing:0.7px; color:#000; max-width:1024px; margin:auto}
@font-face{font-family: 'msyhl';
	      src: url('fonts/msyhl.eot'); /* IE9*/
	      src: url('fonts/msyhl.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	      url('fonts/msyhl.woff') format('woff'), /* chrome、firefox */
	      url('fonts/msyhl.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	      url('fonts/msyhl.svg#handfont') format('svg'); /* iOS 4.1- */
	  }

.pro_wrap{ width:100%; margin:auto}
.one{ overflow:hidden; padding-top:50px; padding-bottom:40px; text-align:center; background:#f5f4f5}
.oneL{ margin-bottom:40px;}
.oneR{ max-width:640px; margin:auto; position:relative; height:240px; width:94%; margin-top:80px;}

.one h1{ font-size:26px; line-height:26px; font-weight:normal}
.one p{ font-size:20px; color:#406ea5; margin-top:5px;}
.one span{ display:block; margin-top:25px; line-height:20px; padding:0 20px;}

.oneR .img1{ width:60%; margin:auto}
.oneR .img2{ position:absolute; z-index:2; top:-10%; left:6%;width:20% }
.oneR .img3{ position:absolute; z-index:2; top:-22%; left:40%;width:13%}



.onebott{ position:absolute; bottom:0; width:100%;}
.onebott ul{ width:70%; margin:auto}
.onebott ul li{ float:left; width:50%; text-align:center;background:url(../images/minik_img3.png) no-repeat 16px center; background-size:12px; font-family:"微软雅黑"}



.two{ background:#232323; color:#fff; padding:50px 0;}
.twoTop{ text-align:center; width:80%; margin:auto}
.twoTop p{ font-size:26px; line-height:36px;}
.twoTop span{ display:block; margin-top:15px; line-height:20px;}
.twoBott ul{ overflow:hidden; padding-top:40px; width:90%; margin:auto}
.twoBott ul li{ width:31%; margin:0 1%; height:100px; display:block; float:left; text-align:center; }
.twoBott ul li p{ margin-top:5px;}
.twoBott ul li img{ margin:auto; width:55px;}
.twoBott ul li span{ font-size:10px;}

.three{ margin:auto; overflow:hidden; padding-bottom:40px; height:460px;}
.threeL{}
.threeL img{ margin:auto; margin-top:45px; width:70%;}
.threeR{overflow:hidden;}
.threeR h3{ font-weight:normal; font-size:26px;  line-height:32px; width:80%; margin:auto;margin-top:50px; text-align:center}
.threeR p{ text-align:center; margin-top:10px;}
.threeR ul{ overflow:hidden; width:80%; margin:auto; margin-top:24px;}
.threeR ul li{text-align:center; border-right:1px solid #f4f4f4} 
.threeR ul li img{ width:36px; margin:auto; margin-bottom:5px; margin:auto;}
.threeR ul li span{ display:block; text-align:center; display:block; text-align:center}

.four{}
.four img{ width:100%;}
.five{ background:#f5f5f5;  overflow:hidden; padding-bottom:40px;}
.fiveText{}
.fiveTop p{font-size:26px; padding:0 16px; padding-top:50px; line-height:32px; text-align:center}
.fiveTop span{ line-height:22px; margin:auto; margin-top:20px; display:block; padding:0 16px; text-align:center}
.fiveBott ul{ overflow:hidden; margin:auto; margin-top:25px; width:80%}
.fiveBott ul li{ float:left; text-align:center; overflow:hidden; width:33.3%}
.fiveBott ul li img{ margin:auto; width:66px;}
.fiveBott ul li p{ font-size:14px; margin-top:5px;}
.fiveBott ul li span{ color:#999; margin-top:2px;}
.fivebg img{ width:100%; margin:auto; margin-top:40px;}

.six{ text-align:center;}
.six h3{ font-weight:normal; font-size:26px; margin-top:70px;}
.six p{ line-height:22px; margin-top:20px; padding:0 5%;}
.six img{ margin:auto}
.six ul{ overflow:hidden; width:60%; margin:auto; padding-top:10px; margin-bottom:0px;}
.six ul li{ width:100%}
.six ul li img{ width:120px;}
.six ul li span{ display:block; margin-top:5px;}
.sixImg{}
.sixImg img{ width:100%; margin:auto}

.sev{ color:#fff;}
.sxjLi1{ background:url(../images/m_miniUS_bg4.jpg) no-repeat center top; background-size:auto 540px; overflow:hidden}
.sxjLi2{ background:url(../images/m_miniUS_bg5.jpg) no-repeat center top; background-size:auto 540px; overflow:hidden}
@media screen and (min-width: 480px) { 
.sxjLi1{ background:url(../images/miniUS_bg4.jpg) no-repeat center top; background-size:auto 540px; overflow:hidden}
.sxjLi2{ background:url(../images/miniUS_bg5.jpg) no-repeat center top; background-size:auto 540px; overflow:hidden}
}
.sxjLi1_L{  display:block;}
.sev p{ font-size:24px; margin-top:50px;padding:0 16px;}
.sxjLi1_L span{ display:block; margin-top:10px; line-height:22px; padding:0 16px;}
.sxjLi1_R{padding-top:30px;}
.sev img{ width:240px; float:right}
.sxjLi2 img{ padding-top:20px;}


.eight{ overflow:hidden; padding-top:70px; padding-bottom:100px;}
.eightL p{ font-weight:bold; margin-top:20px; text-align:center; font-size:14px;}
.eightL ul{ overflow:hidden}
.eightL ul img{ width:68%; margin:auto}
.eightL{ width:100%;}
.eightL dl{ overflow:hidden; width:80%; margin:auto}
.eightL dl dt{float:left; margin:0 0.3%; width:16%; }
.eightL dl dt img{ border:1px solid #e8e8e8;display:block; cursor:pointer; width:76%; padding:5%; margin:auto; display:block}
.eightL dl dt.current img{border:1px solid #b8b8b8;}
.eightL dl{ overflow:hidden; padding-top:10px; margin:auto;}
.eightR{ margin:auto; padding:0 16px;}
.eightR dl{ margin-top:40px;}
.eightR dl dt{ border-bottom:1px solid #e4e4e4;line-height:42px; padding-left:12px; font-weight:bold}
.eightR dl dd{border-bottom:1px solid #e4e4e4; line-height:42px; padding-left:12px;}
.eightR p{ margin-top:20px;}


.swiper-pagination{ margin-left:40px;}
.swiper-pagination-bullet{ width:8px; height:8px; display:block; float:left; border-radius:50%; overflow:hidden}