@charset "utf-8";

@charset "utf-8";
.proAllWrap{font-family:"msyhl","微软雅黑"; font-size:12px; 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{}
.oneR{ position:relative; width:70%; height:360px; margin:0 15%;}
.oneR img{margin:auto; margin-top:40px;}
.one h1{ font-size:26px; line-height:26px; font-weight:normal}
.one p{ font-size:18px; color:#47d1af; margin-top:5px;}
.one span{ display:block; margin-top:25px; line-height:20px; padding:0 20px;}

.oneR .img1{ position:absolute; left:0; z-index:222; width:150px; }
.oneR .img2{ position:absolute; right:0; z-index:111; width:140px;}

.two{ background:#47d1af; color:#fff; padding:80px 0;}
.twoTop{ text-align:center;}
.twoTop p{ font-size:26px; line-height:26px;}
.twoTop span{ display:block; margin-top:15px; padding:0 16px; line-height:22px;}
.twoBott ul{ overflow:hidden; padding-top:20px; width:90%; margin:auto}
.twoBott ul li{ width:23%; margin:0 1%;margin-top:20px; display:block; float:left; text-align:center; }
.twoBott ul li p{ margin-top:5px;}
.twoBott ul li img{ margin:auto; width:53px;}

.three{ margin:auto; overflow:hidden; padding-bottom:40px; height:540px;}
.threeL{}
.threeL img{ margin:auto; margin-top:45px; width:70%;}
.threeR{overflow:hidden;}
.threeR p{padding:0 22px;margin:auto;margin-top:20px; line-height:22px;}
.threeR h3{ font-weight:normal; font-size:24px;  line-height:32px; padding:0 22px; margin:auto;margin-top:50px;}
.threeR ul{ overflow:hidden; width:80%; margin:auto; margin-top:14px;}
.threeR ul li{ width:32%; float:left; text-align:center; border-right:1px solid #f4f4f4} 
.threeR ul li p{font-size:30px; color:#399bdf; font-family:"微软雅黑";}
.threeR ul li span{ font-size:30px; color:#399bdf; font-family:"微软雅黑"; } 

.four{}
.four img{ width:100%;}
.five{ background:#f0f0f2; overflow:hidden}
.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}
.fiveTop img{ width:220px; margin:auto; margin-top:20px;}
.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{ padding-bottom:40px;}
.fivebg img{ width:96%; margin:auto; margin-top:60px;}

.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 16px;}
.six img{ margin:auto}
.six ul{ overflow:hidden; width:80%; margin:auto; padding-top:20px; margin-bottom:40px;}
.six ul li{ float:left; width:50%;}
.six ul li img{ width:70px;}
.six ul li span{ display:block; margin-top:5px;}
.sixImg img{ width:95%; margin:auto; margin-top:50px;}

.sev{ color:#fff; position:relative; margin-top:40px; height:520px;}
.sxjLi1_L{  display:block; position:absolute; z-index:2}
.sev p{ font-size:26px; margin-top:50px;padding:0 16px;}
.sxjLi1_L span{ display:block; margin-top:10px; line-height:22px; padding:0 16px;}
.sxjLi1_R{padding-top:0px;}
.sevbg{ position:absolute; z-index:1; width:100%}
.sevbg img{ width:100%;}


@media screen and (min-width: 480px) { 
.sev{ color:#fff; position:relative; margin-top:40px; height:1020px;}
}

.eight{ overflow:hidden; padding-top:70px; padding-bottom:100px;}
.eightL{}
.eightL p{ font-weight:bold; font-size:16px; margin-top:20px; text-align:center}
.eightL img{ margin:auto; padding-top:0px; width:80%;}
.eightR{ margin:auto; padding:0 16px;}
.eightR dl{ margin-top:40px;}
.eightR dl dt{ font-size:20px; border-bottom:1px solid #e4e4e4;line-height:42px; padding-left:12px;}
.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}








