@charset "UTF-8";
@import "media-font.css";
*{
    padding: 0;
    margin: 0;
}
html{
    width: 100%;
    font-family: "Microsoft Yahei", "微软雅黑";
    overflow-x: hidden;
}
body{
    max-width: 640px;
    min-width: 320px;
    margin: 0 auto;
    color: #545454;
    font-size: 1.2rem;
}
ul{
    overflow: hidden;
}
ul,li,ol{
    list-style: none;
}
a{
    text-decoration: none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}
input{
    /*-webkit-appearance: none;*/
    font-family: "Microsoft Yahei", "微软雅黑";
}
header img,article img,footer img{ 
	max-width: 100% !important; 
	display: block; 
	width: 100%;
}
/*清楚浮动*/
.clearfix:after {       
    content: ".";    
    display: block;  
    clear: both;     
    visibility: hidden;  
    line-height: 0;   
    height: 0;     
    font-size:0;    
}
.clearfix { *zoom:1;} 
/*header{ margin-top: 12.9%; }*/
footer{ margin-bottom: 8.9%; }

/*header-CSS*/

.logo{ display: block; }
.navMenu{ background: #0065b4; }
.navMenu li{ width: 25%; float: left; padding: 1% 0 1% 0;  }
.navMenu li a{ display: block; text-align: center; color: #fff; font-size: 1.3rem; border-right: 1px solid #fff; font-weight: bold; }
.navMenu li:nth-child(4) a{border-right: none;}
ul.daodu { margin: 1% 0; text-align: center; }
ul.daodu li { display: block; float: left; }
ul.daodu li:nth-child(1) { width: 33%; }
ul.daodu li:nth-child(2) { width: 33%; }
ul.daodu li:nth-child(3) { width: 33%; }
ul.daodu li:nth-child(4) { width: 40%; }
ul.daodu li:nth-child(5) { width: 40%; }
ul.daodu li:nth-child(6) { width: 19%; }
ul.daodu li a { display: block; color: #fff; font-size: 1.1rem; height: 2.6rem; line-height: 2.6rem; width: 100% }
ul.daodu li:nth-child(1) a{ background: #0c6ab2; }
ul.daodu li:nth-child(2) a{ background: #4a2b88; }
ul.daodu li:nth-child(3) a{ background: #6e8821; }
ul.daodu li:nth-child(4) a{ background: #6e8821; }
ul.daodu li:nth-child(5) a{ background: #0f559c; }
ul.daodu li:nth-child(6) a{ background: #e18500; }
ul.daodu li:nth-child(4),ul.daodu li:nth-child(5),ul.daodu li:nth-child(6) { margin-top: 0.5%; }
ul.daodu li:nth-child(2),ul.daodu li:nth-child(5){margin-left: 0.5%;margin-right: 0.5%}

/*article-CSS*/

.comTitle{ margin: 3% 0; }
.content{ width: 94%; margin: 0 auto; }
.comAsk { display: block; width: 56%; margin: 2% auto; padding: 1% 0; text-align: center; color: #fff; background: #ff8903; border-radius: 2em; }
.comHead{ font-size: 1.2rem; color: #0065b4; text-align: center; width: 100%; padding: 2% 0; border-bottom: 1px solid #2B8CD9; position: relative; margin: 3% 0 2% 0;
}
.comHead b { position: absolute; width: 60%; padding: 0.2%; background: #2B8CD9; left: 20%; bottom: 0; }

.part1 .con1 .box{ padding: 2%; border: 1px solid #e6e6e6; }
.part1 .con1 .boxL{ float: left; width: 38.4%; }
.part1 .con1 .boxR{ float: right; width: 57%; }
.part1 .con1 .boxR p{ padding: 4% 0;}
.part1 .con1 .boxR p span{ color: #ff0000; }
.part1 .con1 .txt{ text-indent: 2em; padding-top: 2%; }
.part1 .con2 h3{ text-align: center; font-size: 1.2rem; font-weight: 400; }

.picBox li{ display: block; float: left; width: 49%; margin-top: 2%; position: relative; }
.picBox li:nth-child(2),.picBox li:nth-child(4){ float: right; }
.picBox li h4{ padding: 1% 0; position: absolute; bottom:0%; text-align: center; width: 100%; background: rgba(0,0,0,0.6); color: #fff; font-size: 1.2rem; font-weight: 400;  }

.part2 .box{ background: #0F559C; }
.part2 .box .boxL{ float: left; margin: 2%; width: 32.7%;}
.part2 .box .boxR{ float: left; width: 61.3%;}
.part2 .box .boxR h2{color: #FFFF00; font-size: 1.1rem; margin: 2% 0;}
.part2 .box .boxR p{ color: #fff; }

.part3 .con1 ul li{ display: block;}
.part3 .con1 ul li p{ display: block; float: left; width: 35%; padding: 2% 0; text-align: right; padding-right:3%; color: #0065B4; border-right: 1px solid #0065B4; }
.part3 .con1 ul li b{ display: block; float: left; width: 45%; padding: 3% 0; background: #0065B4; margin-top:2%; }
.part3 .con1 ul li:nth-child(2) b{width: 30%; }
.part3 .con1 ul li:nth-child(3) b{width: 15%; }
.part3 .con1 ul li span{ display: block; float: left; width: 10%; padding: 2% 0; color: #B01800; text-align: right; }
.part3 .con1 .box{ margin-top: 2%;  }
.part3 .con1 .boxL{ float: left; width: 32.7%; }
.part3 .con1 .boxR{ float: right; width: 65.3%; }
.part3 .con1 .boxR p{ padding: 3% 0; }
.part3 .con1 .boxR h3{font-size: 1.2rem; text-align: center;}
.part3 .con1 .boxR .txt{ text-indent: 2em; text-align:justify; }
.part3 .con2 ul.img{ margin-top: 5%; }
.part3 .con2 ul.img li{ display: block; float: left; width: 49%; }
.part3 .con2 ul.img li:nth-child(2){ float: right; width: 49%; }
.part3 .con2 ul.img li h3{ background: #0061AE; padding: 1% 0; text-align: center; color: #fff; font-weight: 400; }
.part3 .con2 ul.img li:nth-child(2) h3{ background: #B3B3B3; }
.part3 .con2 .tab{ margin-top: 5%; }
.part3 .con2 .tab ul{ float: left; width: 39.28%; font-size: 1.2rem; }
.part3 .con2 .tab ul li{ display: block; width: 100%; padding: 4.5% 0; margin-top: 5.2%; text-align: center; }
.part3 .con2 .tab ul.left li{ background: #248EE1; color: #fff; }
.part3 .con2 .tab ul.right li{ background: #EDEDED; color: #333; }
.part3 .con2 .tab .center{float: left; width: 19.44%; margin: 0 1%;}
.part3 .ask a{ float: left; width: 41%; margin-left: 6%; }

.part4 .con1 .box{ margin-top: 3%; background: #ececec; }
.part4 .con1 .box .boxImg{ float: left;  width: 32.9%;}
.part4 .con1 .box .boxTxt{ float: left;  width: 67.1%; }
.part4 .con1 .box .boxTxt h3{ text-align: center; color: #0065b4; font-size: 1.2rem; padding: 1% 0; }
.part4 .con1 .box .boxTxt p{ padding: 0 2%;}
.part4 .con2 ul li{ display: block; float: left; width: 47%; padding: 1%; background: #0f559c; }
.part4 .con2 ul li:nth-child(2){ float: right; }
.part4 .con2 ul li h3{  color: #ffff00; font-size: 1.3rem; text-align: center; padding: 1% 0;}
.part4 .con2 ul li p{ color: #fff; text-indent: 2em; }
.part4 .con2 .text{ background: #ececec; padding: 0 3% 3% 3%; }
.part4 .con2 .text h3{ font-size: 1.2rem; color: #000; padding: 3% 0; text-align: center; margin-top: 3%;}
.part4 .con2 .text h3 span{ color: #ff0000; }

.part5 h3 { font-size: 1.1rem; color: #0065B4; font-weight: normal; text-align: center; }
.slideTxtBox{ width:100%; height:19rem;border:1px solid #ddd; margin-top:3%;overflow:hidden;}
.slideTxtBox .hd{ width:45%; float:left; }
.slideTxtBox .hd ul{width:100%;overflow:hidden;}
.slideTxtBox .hd ul li{width:100%;float:left;margin:6% 1%;text-align:center;display:block;}
.slideTxtBox .hd ul li.on{color:#fff;}
.slideTxtBox .hd ul li.on p{background:#0061AE;}
.slideTxtBox .hd p{width:94%;float:left;line-height:250%;box-sizing:border-box;border:1px solid #ddd;background:#ddd;}
.slideTxtBox .hd img{width:2.78%;display:block;float:left;}
.slideTxtBox .bd{width:52%;float:left;margin:0 0 0 2%;overflow:hidden;}
.slideTxtBox .bd ul{width:100%;overflow:hidden;box-sizing:border-box;border:1px solid #ddd;margin-top:2%;}
.slideTxtBox .bd ul li{width:100%;height:19rem;overflow:hidden;}
.slideTxtBox .bd ul li img{width:15.4rem;height:5.65rem;margin:2%;display:block;}
.slideTxtBox .bd ul li h4{color:#fff;width:6rem;background:#3F9CE5;text-align:center;margin-left:2%;}
.slideTxtBox .bd ul li p{text-indent:2em;width:15.6rem;margin:2%;}
.part5 .con1 ul.box li{ display: block; float: left; width: 49%; background: #F0F0F0; padding: 2% 0; }
.part5 .con1 ul.box li:nth-child(2){ float: right; }
.part5 .con1 ul.box li .imgBox{ float: left; width: 45.5%; padding: 2% 0 0 1%;}
.part5 .con1 ul.box li .txtBox{ float: left; width: 50.5%; padding: 0 1%; }
.part5 .con1 ul.box li .txtBox h4{ font-size: 1.2rem; color: #1080B2; }
.part5 .con2 p{ text-indent: 2em; }
.part5 .con2 p a{ color: #ff0000; }

.part6 ul li{ display: block; }
.part6 .imgBox{ float: left; width: 39.4%; }
.part6 .txtBox{ float: right; width: 58.6%; padding: 3% 0 0 2%}
.part6 .txtBox .text{ background: #f0f0f0; padding: 2%; margin: 5% 0;  }
.part6 .txtBox .text p{ text-indent: 2em; padding-top: 2%;}
.part6 .txtBox h2{ color: #0065b4; font-size: 1.2rem;}
.part6 .txtBox p a{ color: #ff0000; }
.part6 .btn a{ display: block; float: left; width: 45%; text-align: center; padding: 4% 0;  color: #fff; background: #0065b4; }
.part6 .btn .btnR{ background: #ff8903; float: right; }

.part8 .touchBox .hd ul li{ display: block; float: left; width: 24.75%; padding: 2% 0; text-align: center; background: #e5e5e5; margin-right:0.3%; }
.part8 .touchBox .hd ul li.on{ background: #0f559c; color: #fff; }
.part8 .touchBox .hd ul li:nth-child(4){ margin: 0; }
.part8 .touchBox .bd ul li{ display: block; position: relative;  padding-top: 3%; }
.part8 .touchBox .bd ul li h2{ padding: 1% 0 1.5% 0; position: absolute; bottom: 0; text-align: center; width: 100%; background: rgba(0,0,0,0.6); color: #fff; font-size: 1.2rem; font-weight: 400; }
.part8 .touchBox .bd ul li h2 span{ padding-left: 1em; }

.part9{overflow: hidden;}
.part9 .register{ overflow:hidden;width:79%;margin:0 auto }
.part9 .register .ti{ margin: 4% 0 3% 0; color: #3b3b3b; font-size: 1.3rem; }
.part9 .register .ti span{ color:#e8452a;}
.part9 .register p{ overflow:hidden; color:#000; padding: 2% 0; font-size: 1.3rem;}
.part9 .register p input{ width:70%; padding: 2% 0 2% 0%; border:1px solid #ccc; font-size: 1.2rem; }
.part9 .register p select{ width:70.5%; padding: 2% 0 2% 0%;border:1px solid #ccc; font-size: 1.2rem; }
.part9 .register p textarea{ width:69%; padding: 1% 0 26% 1%; border:1px solid #ccc;padding-left:1%; margin-left:1.5%; font-size: 1.2rem; font-family: "Microsoft Yahei"; resize: none;}
.part9 .register p span{ color:#e8452a; font-size: 1.2rem;}
.part9 .register p font { float:left}
.part9 .register .btn{ width:100%;overflow:hidden;margin:1% auto 0 auto; font-size: 1.2rem;}
.part9 .register .btn input.reset{ width:32.3%; padding: 4% 0; margin-left: 10%; border: none; text-align: center; background: #0065b4; color: #fff; font-size: 1.3rem; font-weight: bold;}
.part9 .register .btn input.submit{ width:32.3%;padding: 4% 0; border: none; margin-left: 14%; text-align: center; background: #ff8903; color: #0065b4; font-size: 1.3rem ;font-weight: bold;}
.part9 .zhu span{color:#e8452a}

/*footer-CSS*/
.footer{ background: #2382cb; padding: 2% 0 4% 0; margin-top: 5%; }
.footer .navMenu{ background: #2a91e0; }
.footer .navMenu li a{ border-color: #fff; color: #fff; }
.footer .logo{ width: 74.8%; margin: 0 auto; padding: 2% 0 2% 0;}
.footer .text{ width: 95%; margin: 1% auto 0 auto;}
.footer .text .txt{ float: left; width: 65%; color: #fff; }
.footer .text .txt p{ padding: 1% 0;}
.footer .text .img{ float: right; width: 34%; }