.banner{width: 100%; height:535px;}
.banner .slideBox{ width:100%; height:100%; overflow:hidden; position:relative;}
.banner .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.banner .slideBox .bd li{ vertical-align:middle; }
.banner .slideBox .bd li a{width:100%; height:535px; display:block; zoom:1;}
.banner .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:50%; margin-right:-20px; bottom:15px; z-index:1; }
.banner .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.banner .slideBox .hd ul li{ float:left; margin-right:10px;  width:15px; height:15px; border-radius: 50%; text-align:center; background:#fff; cursor:pointer; }
.banner .slideBox .hd ul li.on{ background:#f00; color:#fff; }

.index-banner{width: 100%; height: 704px; text-align: center; background:#3a79f5 url(../images/banner-gd.png) no-repeat top center;}
.index-banner .w1300{ top:220px}
.index-banner h2{ position: relative;}
.index-banner h5{ color: #fff;font-size: 1.5rem; line-height: 2.5rem; margin-top: 10px; margin-bottom: 20px;}
.index-banner small{ color: #f2f2f2; font-size: 0.8rem; line-height: 1.5rem;}
/* box1 */
.box1{width: 100%; background: url(../images/box-gr.png) no-repeat center center;}
.box1 .box_center{ height: 200px; margin: 0 auto;}
.box1 .box_center h2{width:93%; font-size: 22px; line-height: 2.2rem; color: #666; text-align: left; padding-top: 3rem;}



/* box2 */
.box2{width: 100%; height: 790px; background:#3b7cf5 url(../images/box-gx.png) no-repeat left bottom;}
.box2 .w1300{position: relative; top: 60px;}
.box2 h2{ width: 205px; height: 60px; line-height: 60px; font-size: 1.8rem; margin:0px auto 0; border-radius: 10px; text-align: center; color: #fff;}
.box2 h2{
background: -moz-linear-gradient(left, #f8b039 0%, #fbd04f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8b039), color-stop(100%,#fbd04f));
background: -webkit-linear-gradient(left, #f8b039 0%,#fbd04f 100%);
background: -o-linear-gradient(left, #f8b039 0%,#fbd04f 100%);
background: -ms-linear-gradient(left, #f8b039 0%,#fbd04f 100%);
background: linear-gradient(left, #f8b039 0%,#fbd04f 100%);
}
.box2 .w1300 >h5{width:100%; font-size: 22px; line-height:3rem; color: #fff; text-align: left; padding-top: 3.5rem; margin-bottom: 50px;}
.box2 ul{width: 1045px; margin: 0 auto; overflow: hidden; text-align: center;}
.box2 ul li{width: 287px; height: 359px; float: left; margin: 0 30px; background: url(../images/gox-kx.png); position: relative;}
.box2 ul li .box2-mc{width: 70%; margin: 0 auto; padding-top: 40px; padding-bottom: 0;}
.box2 ul li .box2-mc h5{display: inline-block; font-size:2.5rem; color: #3f81f6; border-bottom: 2px solid #3f81f6; font-family: '微软雅黑'; font-weight: bold;}
.box2 ul li .box2-mc p{ color: #3f81f6; font-size: 1.2rem; line-height: 2rem; margin: 28px 0;}
.box2 ul li .box2-mc p font{color: #fd7d3e;}
.box2 ul li span{display: block; width: 100%; font-size: 1.5rem; text-align: center; position: absolute; bottom:20px; left: 0;}
.box2 ul li span a{color: #fff;}


/* box3 */
.box3{width: 100%; background-color: #fff; padding: 50px 0;}
.box3 h2{ display: block; text-align: center;}
.box3 h2 strong{ display: inline-block; text-align: center; font-size: 32px; padding:10px 30px; border-radius: 10px; background-color: #4d97f8; color: #fff;}

.box3 .box3_form{width: 100%; padding:30px  0 0px;}
.box3 .box3_form .box3-form-mx{width: 100%; overflow: hidden;}
.box3 .box3_form .box3-form-mx li{width: 47%; margin-left: 5%; margin-top: 20px; float: left;}
.box3 .box3_form .box3-form-mx li:nth-child(odd){margin-left: 0;}
.box3 .box3_form .box3-form-mx li label{font-size: 2rem; color: #888; display: block;}
.box3 .box3_form .box3-form-mx li label span{color: red;}
.box3 .box3_form .box3-form-mx li input{display: block; width:90%; padding: 20px 4%;margin-top: 10px; font-size: 1.2rem; background-color: #f2f2f2; border: none;}
.box3 .box3_form .box2-form-bt{width: 100%; padding: 80px 0 0px; text-align: center;}
.box3 .box3_form .box2-form-bt button{display: inline-block;  padding: 10px 50px; font-size:1.5rem; border-radius: 50px; border: none; color: #fff; cursor: pointer;}
.box3 .box3_form .box2-form-bt button{
    background: -moz-linear-gradient(left, #fe9628 0%, #fd6c22 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe9628), color-stop(100%,#fd6c22));
    background: -webkit-linear-gradient(left, #fe9628 0%,#fd6c22 100%);
    background: -o-linear-gradient(left, #fe9628 0%,#fd6c22 100%);
    background: -ms-linear-gradient(left, #fe9628 0%,#fd6c22 100%);
    background: linear-gradient(left, #fe9628 0%,#fd6c22 100%);
}


/* box4 */
.box4{width:100%; height: 878px; background:#3b7bf5 url(../images/box-fr.png) no-repeat left bottom;}
.box4 h2{font-size: 32px; padding-top:100px; padding-bottom: 20px; text-align: center; color: #4a4a4a;}
.box4 h2 strong{ display: inline-block; text-align: center; font-size: 32px; padding:10px 30px; border-radius: 10px; color: #fff;}
.box4 h2 strong{
    background: -moz-linear-gradient(left, #f8b039 0%, #fbd04f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8b039), color-stop(100%,#fbd04f));
    background: -webkit-linear-gradient(left, #f8b039 0%,#fbd04f 100%);
    background: -o-linear-gradient(left, #f8b039 0%,#fbd04f 100%);
    background: -ms-linear-gradient(left, #f8b039 0%,#fbd04f 100%);
    background: linear-gradient(left, #f8b039 0%,#fbd04f 100%);
}
.box4 .box4-mn{width: 100%; overflow: hidden; padding: 50px 0 0;}
.box4 .box4-mn dl{width: 25%; float: left; overflow: hidden; }
.box4 .box4-mn dl dt{width: 287px; height: 360px; text-align: center; position: relative; background: url(../images/box-fc.png) no-repeat left top;}
.box4 .box4-mn dl dt span{display: block; padding-top: 30px;}
.box4 .box4-mn dl dt h3{font-size: 3rem; font-weight: bold; color: #4489f7;}
.box4 .box4-mn dl dt h5{width: 287px; height: 60px; line-height:50px; font-size: 2rem; color: #fff; position: absolute; left: 0; bottom: 0;}
.box4 .box4-mn dl dd{width: 287px; height: 60px;line-height: 60px; font-size: 2rem; color: #fff; text-align: center; margin-top: 20px; background: url(../images/box-fcc.png) repeat-y;}


/* box5 */
.box5{width:100%; height:755px; background:#fff url(../images/box-gr.png) no-repeat left top;}
.box5 h2{font-size: 32px; padding-top:80px; padding-bottom: 20px; text-align: center; color: #4a4a4a;}
.box5 h2 strong{ display: inline-block; text-align: center; font-size: 32px; padding:10px 50px; border-radius: 10px; color: #fff;}
.box5 h2 strong{
    background: -moz-linear-gradient(left, #3f81f6 0%, #4d97f8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f81f6), color-stop(100%,#4d97f8));
    background: -webkit-linear-gradient(left, #3f81f6 0%,#4d97f8 100%);
    background: -o-linear-gradient(left, #3f81f6 0%,#4d97f8 100%);
    background: -ms-linear-gradient(left, #3f81f6 0%,#4d97f8 100%);
    background: linear-gradient(left, #3f81f6 0%,#4d97f8 100%);
}
.box5 .box5-mn{width: 100%; overflow: hidden; padding: 50px 0 0;}
.box5 .box5-mn ul{width:1220px; margin: 0 auto; overflow: hidden;}
.box5 .box5-mn ul li{width: 20%; margin-bottom: 5px; float: left;}
.box5 .box5-mn ul li a{display: block; width: 240px; height:200px; padding: 20px 0; margin:0 auto; background-color: #4285f6; color: #fff; border-radius: 10px;}
.box5 .box5-mn ul li a:hover{color: #fff;}
.box5 .box5-mn ul li a span{display: block; width: 116px; height: 116px; margin: 20px auto 0; background: url(../images/box-ricon.png) no-repeat;}
.box5 .box5-mn ul li:nth-child(1) a span{ background-position:-18px -9px;}
.box5 .box5-mn ul li:nth-child(2) a span{ background-position:-202px -9px;}
.box5 .box5-mn ul li:nth-child(3) a span{ background-position:-387px -9px;}
.box5 .box5-mn ul li:nth-child(4) a span{ background-position:-569px -9px;}
.box5 .box5-mn ul li:nth-child(5) a span{ background-position:-753px -9px;}
.box5 .box5-mn ul li:nth-child(6) a span{ background-position:-18px -181px;}
.box5 .box5-mn ul li:nth-child(7) a span{ background-position:-202px -181px;}
.box5 .box5-mn ul li:nth-child(8) a span{ background-position:-387px -181px;}
.box5 .box5-mn ul li:nth-child(9) a span{ background-position:-569px -181px;}
.box5 .box5-mn ul li:nth-child(10) a span{ background-position:-753px -181px;}
.box5 .box5-mn ul li a h5{text-align: center;font-size: 32px;}