@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; text-align:center; background:#f5f5f5}
.oneL{}
.oneR img{ width:100%; margin:auto;}
.one h1{ font-size:26px; line-height:26px; font-weight:normal}
.one p{ font-size:18px; color:#d07c30; margin-top:5px;}
.one span{ display:block; margin-top:25px; line-height:20px; padding:0 20px;}

.two{ background:#121212; 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:20px;}
.twoBott ul{ overflow:hidden; padding-top:20px; width:86%; margin:auto}
.twoBott ul li{ width:31.3%; margin:0 1%;margin-top:30px; display:block; float:left; text-align:center; }
.twoBott ul li p{ margin-top:5px;}
.twoBott ul li img{ margin:auto; width:55px;}


.threeAdd{ margin:auto; overflow:hidden; padding-bottom:40px; height:520px;}
.threeAddL img{ margin:auto; margin-top:45px; width:70%;}
.threeAddR{overflow:hidden;}
.threeAddR h3{ font-weight:normal; font-size:24px;  line-height:32px; width:80%; margin:auto;margin-top:50px; text-align:center}
.threeAddR h4{ font-weight:normal; font-size:24px;  line-height:32px; width:80%; margin:auto; text-align:center}
.threeAddR p{  margin-top:15px; padding:0 16px; line-height:20px; text-align: center}




.three{ margin:auto; overflow:hidden; padding-bottom:40px;}
.threetop{ overflow:hidden; padding:0 16px; height:200px;}
.threetop h3{ font-weight:normal; font-size:26px; margin-top:50px;}
.threetop h4{ font-size:18px;margin-top:10px; line-height:18px; color:#d07c30}
.threetop p{ line-height:20px; margin-top:10px;}

.threebott{ width:100%; overflow:hidden; padding-top: 20px}
.threebott li.threeL{ float:left; width:50%;}
.threebott li.threeL img{ padding-top:10%;}
.threebott li.threeR{ float:left; width:24%; border-bottom:1px solid #f6f6f6; border-left: 1px solid #f6f6f6}
.threebott li.threeR img{border-right:1px solid #f6f6f6; margin-bottom:3px;}
.threebott li img{ width:100%;}
.threebott li span{ font-size:10px; text-align:center; display:block;border-right:1px solid #f6f6f6; width:100%; padding-bottom: 10px;}
.threebott li.current span{ color:#d07c30}



.four{}
.four img{ width:100%;}
.five{ background:#f0f0f2; overflow:hidden}

.fiveTop p{font-size:26px; padding-top:50px; line-height:32px; margin:auto; text-align:center }
.fiveTop span{ line-height:22px; margin:auto;width:88%; margin-top:20px; display:block; padding:0 16px; text-align:center}
.fiveBott ul{ overflow:hidden; margin:auto; margin-top:10px; width:80%}
.fiveBott ul li{ float:left; text-align:center; overflow:hidden; width:50%}
.fiveBott ul li img{ margin:auto; width:60px;}
.fiveBott ul li p{ margin-top:5px;}
.fiveBott ul li span{ color:#999; margin-top:2px;}
.fivebg img{ width:94%; margin:auto; padding:50px 0 70px 0}

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


.sev{ color:#fff;}
.sev p{ font-size:26px;padding:0 16px;}
.sev img{ width:240px; float:right}
.sxjLi1{ background:url(../images/m_kitprobg1.jpg) no-repeat center top; background-size:auto 580px; overflow:hidden}
.sxjLi2{ background:url(../images/m_kitprobg2.jpg) no-repeat center top; background-size:auto 580px; overflow:hidden}
.sxjLi3{ background:url(../images/m_kitprobg3.jpg) no-repeat center top; background-size:auto 580px; overflow:hidden}
.sxjLi_L{  display:block;}
.sxjLi_L span{ display:block; margin-top:20px; line-height:22px; padding:0 16px; height: 100px;}


.eight{ overflow:hidden; padding-top:30px; padding-bottom:80px; position:relative; border-top:1px solid #e8e8e8}
.eightL p{ font-weight:bold; font-size:16px; margin-top:20px; text-align:center; padding-left:30px;}
.eightL img{ margin:auto; padding-top:0px; width:70%; padding-left:15%;}
.eightR{ margin:auto; padding:0 16px;}
.eightR dl{ margin-top:30px;}
.eightR dl dt{ font-size:18px; border-bottom:1px solid #e4e4e4;line-height:50px; padding-left:12px;}
.eightR dl dd{border-bottom:1px solid #e4e4e4; line-height:38px; padding-left:12px;}
.eightR p{ margin-top:20px;}

.eightLBott{ position:absolute; left:0; top:60px;}
.eightLBott ul li{ margin-bottom:3px; padding-left:10px;}
.eightLBott ul li img{ width:48px;border:1px solid #e8e8e8 }
.eightLBott ul li.current img{border:1px solid #b1b1b1}

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