@charset "utf-8";

html,body,header,section,footer,div,ul,ol,li,img,a,span,em,del,legend,center,strong,var,fieldset,form,label,dl,dt,dd,cite,input,hr,time,mark,code,figcaption,figure,textarea,h1,h2,h3,h4,h5,h6,p,table,tr,td{
margin:0;border:0;padding:0;font-style:normal; list-style:none;  }
body{ font-size:14px; line-height:24px;font-family: "Microsoft Yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; }
table{width:100%; border-collapse:collapse; border-spacing:0;  }
table td{word-break: break-all; word-wrap:break-word;}
ul,li,img,p,dl,dt,dd{ padding:0; margin:0; border:0; list-style:none;}
a{ outline:none; text-decoration:none ;color:#333;}
a:hover{ text-decoration:none;}

.mainBox{ width:1100px; margin:0 auto; overflow:hidden;}




.banner{ height:550px; background:url(../images/pcbanner.jpg) no-repeat top center; }
.banner img{ display:none;}
.banner ul{ width:1100px; margin:0 auto; padding-top:25px;}
.banner ul li{ float:right; margin-left:30px;}
.banner ul li a{ font-size:16px; color:#ffffff; line-height:20px;}

.title{ text-align:center; padding-top:90px;}
.title b{ display:block; font-size:40px; color:#333333; text-align:center; font-weight:bold; line-height:44px;}
.title span{ display:block; width:60px; height:6px; margin:18px auto; background:#265c9e;}
.white b{ color:#ffffff;}
.white span{ background:#ffffff;} 


.vedio{ overflow:hidden; margin-top:90px;}
.vedio ul{ width:1150px;}
.vedio ul:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.vedio ul li{ float:left; width:525px; margin-right:50px;  margin-bottom:40px; } 
.vedio ul li iframe{ width:525px; height:295px;}
.vedio ul li span{ display:block;  font-size:18px; line-height:20px; margin-top:5px;  color:#333333; text-align:center; }


.news{ background:url(../images/vediobg.jpg) no-repeat top center; height:744px;}
.imgTxt{ margin-top:85px;}
.imgTxt:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.imgTxt a.leftArrow{ display:block; background:url(../images/leftarrow.png) no-repeat left center; background-size:32px 54px; width:32px; height:54px; float:left; margin-right:28px; margin-top:130px; }
.imgTxt ul{ float:left; width:980px; margin-right:28px;}
.imgTxt a.rightArrow{ display:block; background:url(../images/rightarrow.png) no-repeat left center; background-size:32px 54px; width:32px; height:54px; float:left;margin-top:130px;}

.imgTxt dl:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.imgTxt dl dt{ float:left; width:490px; height:330px;}
.imgTxt dl dd{ background:#ffffff; height:250px; padding:40px; width:410px; float:left;}
.imgTxt dl dd b{ display:block; font-size:22px; color:#333333; font-weight:bold; line-height:36px;}
.imgTxt dl dd span{ display:block; font-size:14px; line-height:26px; color:#333333; margin-top:15px;}

.dot{ margin-top:56px; font-size:0; text-align:center;}
.dot:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.dot a{ background:#83aed6; display:inline-block; width:10px; height:10px; margin:0 5px; border-radius:10px;}
.dot a.dotCur{ background:#ffffff;}

.guide{ margin-top:20px; padding-bottom:90px;}
.guide ul li{ margin-top:60px;}
.guide ul li dl:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.guide ul li dl dt{ float:left; width:320px; height:220px;}
.guide ul li dl dt img{ display:block; width:100%;}
.guide ul li dl dd{ float:left; width:700px; background:#f6f9fb; height:170px; padding:30px 50px 20px 30px; }
.guide ul li dl dd b{ display:block; font-size:22px; font-weight:bold; color:#333333;}
.guide ul li dl dd span{ display:block; margin-top:16px; font-size:14px; line-height:26px; color:#333333;}
.guide ul li.right{}
.guide ul li.right dl dt{ float:right;}

.method{ background:#f6f9fb; padding-bottom:100px;}
.method ul{}
.method ul li{ margin-top:110px; background:#ffffff; padding:25px;}
.method ul li dl:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.method ul li dl dt{ float:left; width:380px; height:252px; margin-top:-55px; margin-right:30px;}
.method ul li dl dt img{ display:block; width:100%;}
.method ul li dl dd{ float:left; width:640px;}
.method ul li dl dd b{ display:block;  font-size:22px; font-weight:bold; color:#333333; margin-top:20px;}
.method ul li dl dd span{ display:block; margin-top:16px; font-size:14px; line-height:26px; color:#333333;}
.method ul li.rightP dl dt{ float:right;  margin-right:0;  margin-left:30px;}

.method ol{ margin-top:75px;}
.method ol:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.method ol li{ float:left; width:330px; margin-right:55px;}
.method ol li.noMar{ margin-right:0;}
.method ol li dl{}
.method ol li dl dt{ width:330px;  height:180px;}
.method ol li dl dt img{ display:block; width:100%;}
.method ol li dl dd{ background:#ffffff; padding:20px; width:290px;}
.method ol li dl dd b{display:block;  font-size:16px; font-weight:bold; line-height:25px; color:#333333; height:50px; }
.method ol li dl dd span{display:block; margin-top:10px; font-size:14px; line-height:24px; color:#333333;}

.picShow{ background:url(../images/picshow_30.jpg) no-repeat top center; padding-bottom:150px;}
.picShow ul{ margin-top:30px; width:1155px;}
.picShow ul li{ margin-top:55px; float:left; width:330px; margin-right:55px;}
.picShow ul li img{ display:block; width:100%;}




@media screen and ( max-width:600px){
	
.mainBox{ width:96%; padding:0 2%;}
.marT{ margin-top:30px!important;}

.banner{ width:100%;background:none;height:auto;}
.banner img{display: block; width:100%;}
.banner ul{ display:none;}
 
.title{ text-align:center; padding:30px 30px 0; }
.title b{ display:block; font-size:30px; color:#333333; text-align:center; font-weight:bold; line-height:34px;}
.title span{ display:block; width:40px; height:4px; margin:8px auto; background:#265c9e;}
.white b{ color:#ffffff;}
.white span{ background:#ffffff;} 

.vedio{ overflow:hidden; margin-top:30px;}
.vedio ul{ width:100%;}
.vedio ul li{ float:none; width:100%; height:auto; margin-right:0; position:relative; margin-bottom:15px;}
.vedio ul li iframe{ width:100%; height:auto;}
.vedio ul li span{ display:block; background:#ffffff; line-height:20px; font-size:14px;  color:#666666; padding-left:0%; position:static; bottom:0; width:100%; text-align:center; }


.news{ background:url(../images/vediobg.jpg) no-repeat top center; height:auto; padding-bottom:20px;}
.imgTxt{ margin-top:30px;}
.imgTxt:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.imgTxt a.leftArrow{ display:block; background:url(../images/leftarrow.png) no-repeat left center; background-size:32px 54px; width:32px; height:54px; float:left; margin-right:28px; margin-top:130px; display:none; }
.imgTxt ul{ float:none; width:100%; margin-right:0;}
.imgTxt a.rightArrow{ display:block; background:url(../images/rightarrow.png) no-repeat left center; background-size:32px 54px; width:32px; height:54px; float:left;margin-top:130px;display:none;}

.imgTxt dl:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.imgTxt dl dt{ float:none; width:100%; height:auto;}
.imgTxt dl dt img{ display:block; width:100%;}
.imgTxt dl dd{ background:#ffffff; height:auto; padding:5%; width:90%; float:none;}
.imgTxt dl dd b{ display:block; font-size:18px; color:#333333; font-weight:bold; line-height:22px;}
.imgTxt dl dd span{ display:block; font-size:14px; line-height:24px; color:#333333; margin-top:10px;}

.dot{ margin-top:16px; font-size:0; text-align:center;}
.dot:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.dot a{ background:#83aed6; display:inline-block; width:10px; height:10px; margin:0 5px; border-radius:10px;}
.dot a.dotCur{ background:#ffffff;}


.guide{ margin-top:10px; padding-bottom:20px;}
.guide ul li{ margin-top:20px;}
.guide ul li dl:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.guide ul li dl dt{ float:none; width:100%; height:auto;}
.guide ul li dl dt img{ display:block; width:100%;}
.guide ul li dl dd{ float:none; width:90%; background:#f6f9fb; height:auto; padding:5%; text-align:justify;}
.guide ul li dl dd b{ display:block; font-size:18px; font-weight:bold; color:#333333;}
.guide ul li dl dd span{ display:block; margin-top:10px; font-size:14px; line-height:24px; color:#333333;}
.guide ul li.right{}
.guide ul li.right dl dt{ float:none;}


.method{ background:#f6f9fb; padding-bottom:20px;}
.method ul{}
.method ul li{ margin-top:20px; background:#ffffff; padding:0;}
.method ul li dl:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.method ul li dl dt{ float:none; width:100%; height:auto; margin-top:0; margin-right:0;}
.method ul li dl dt img{ display:block; width:100%;}
.method ul li dl dd{ float:none; width:90%;  padding:5%; text-align:justify}
.method ul li dl dd b{ display:block; font-size:18px; font-weight:bold; color:#333333; margin-top:5px;}
.method ul li dl dd span{ display:block; margin-top:10px; font-size:14px; line-height:24px; color:#333333;}
.method ul li.rightP dl dt{ float:none;  margin-right:0;  margin-left:0;}

.method ol{ margin-top:0px;}
.method ol:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.method ol li{ float:none; width:100%; margin-right:0; margin-top:20px;}
.method ol li.noMar{ margin-right:0;}
.method ol li dl{}
.method ol li dl dt{ width:100%;  height:auto;}
.method ol li dl dt img{ display:block; width:100%;}
.method ol li dl dd{ background:#ffffff; width:90%;  padding:5%;}
.method ol li dl dd b{display:block;  font-size:16px; font-weight:bold; line-height:25px; color:#333333; height:50px; }
.method ol li dl dd span{display:block; margin-top:10px; font-size:14px; line-height:24px; color:#333333;}

.picShow{ background:url(../images/picshow_30.jpg) no-repeat top center; padding-bottom:50px;}
.picShow ul{ margin-top:0; width:100%;}
.picShow ul li{  float:left; width:30.3%; margin:10px 1.5% 0 ;}
.picShow ul li img{ display:block; width:100%;}

}

@media screen and (min-width:320px) and (max-width:374px){.vedio ul li iframe{ height:169px;overflow:hidden;}}
@media screen and (min-width:375px) and (max-width:413px){.vedio ul li iframe{ height:201px;overflow:hidden;}}
@media screen and (min-width:414px) and (max-width:640px){.vedio ul li iframe{ height:223px; overflow:hidden;}}