@charset "utf-8";
max-img {100% !important}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, font { padding: 0; margin: 0; font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif; }
html { font-size: 12px; font-size: calc(200vw/64);background-color:#eeeeee; }
@media all and (max-width: 320px) { html { font-size: 10px; } }
@media all and (min-width: 640px) { html { font-size: 20px; } }
body { min-width: 320px; max-width: 640px; margin: 0 auto;font-family:微软雅黑; background:#fff; }
img,input,select{vertical-align:middle;margin:0;padding:0;border:0}
img{ max-width:100%}
.float_container dt img{ width:auto}
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
fieldset, img { border: 0; vertical-align: middle; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
ol, ul, li, dl, dt, dd { list-style: none; }
input, button,submit, textarea, checkbox, select, radio, form { vertical-align: middle; font-size: 100%; }
a { color: #000; text-decoration: none; }
a:link, a:visited { text-decoration: none; }
a, area { blr:expression(this.onFocus=this.blur())/* for IE */
}
:focus { outline: none;/* for Firefox */ }
.red, .red a { color: #0783BF; }
.clear { font-size: 0; line-height: 0; clear: both; overflow: hidden; zoom: 1; }
.left { float: left; }
.right { float: right; }

.content{background-color: #f2f2f2;overflow: hidden;}
.content p{font-size: 1.1rem;text-indent: 2em;line-height: 1.6rem;width: 29.7rem;margin:3% auto;overflow: hidden;}

.ggtit{text-align: center;margin:5% auto;overflow: hidden;}
.ggtit h3{font-size: 1.8rem;font-weight: bold;}
.ggtit h3 strong{color:#ff9600;}

.icon ul{width: 29.3rem;margin:3% auto;overflow: hidden;display: flex;flex-flow: row wrap;justify-content: space-between;}
.icon ul li{width: 13.95rem;height: 13.5rem;position: relative;}
.icon ul li:nth-of-type(1){background: url(../images/icon1.jpg) no-repeat scroll;background-size: 100%;}
.icon ul li:nth-of-type(2){background: url(../images/icon2.jpg) no-repeat scroll;background-size: 100%;}
.icon ul li p{font-size: 1.1rem;line-height: 1.4rem;position: absolute;bottom:3%;left:2.5%;}

.icon_1 ul{width: 29.3rem;margin:3% auto;overflow: hidden;display: flex;flex-flow: row wrap;justify-content: space-between;}
.icon_1 ul li{width: 9.5rem;height: 15.95rem;position: relative;}
.icon_1 ul li:nth-of-type(1){background: url(../images/icon3.jpg) no-repeat scroll;background-size: 100%;}
.icon_1 ul li:nth-of-type(2){background: url(../images/icon4.jpg) no-repeat scroll;background-size: 100%;}
.icon_1 ul li:nth-of-type(3){background: url(../images/icon5.jpg) no-repeat scroll;background-size: 100%;}
.icon_1 ul li p{font-size: 1.1rem;line-height: 1.4rem;position: absolute;top:56%;left:2.5%;}

.swtzx li{background-color:#ffa200;width: 24.8rem;line-height: 2.55rem;border-radius: 2rem;text-align: center;margin:4% auto;overflow: hidden;}
.swtzx li a{color:#fff;font-size: 1.2rem;}

.wrap_1{background-color:#f4b13d;overflow: hidden;padding-bottom: 5%;}


.ggtit_1{text-align: center;margin:5% auto;overflow: hidden;}
.ggtit_1 h3{font-size: 1.8rem;font-weight: bold;color:#fff;}
.ggtit_1 h3 strong{color:#fcff00;}


.base ul{width: 30.5rem;margin:3% auto;overflow: hidden;display: flex;flex-flow: row wrap;justify-content: space-between;}
.base ul li{width: 14.9rem;height: 16.75rem;position: relative;margin-bottom: 2%;}
.base ul li:nth-of-type(1){background: url(../images/ys1.jpg) no-repeat scroll;background-size: 100%;}
.base ul li:nth-of-type(2){background: url(../images/ys2.jpg) no-repeat scroll;background-size: 100%;}
.base ul li:nth-of-type(3){background: url(../images/ys3.jpg) no-repeat scroll;background-size: 100%;}
.base ul li:nth-of-type(4){background: url(../images/ys4.jpg) no-repeat scroll;background-size: 100%;}
.base ul li p{font-size: 1.1rem;line-height: 1.6rem;position: absolute;top:50%;left:5%;text-indent: 2em;width: 13.2rem;}

.tips{position: relative;overflow: hidden;margin:2% auto;}
.tips p{font-size: 1.1rem;color:#fff;width: 23.2rem;position: absolute;line-height: 1.6rem;bottom: 2%;left:23%;}

.tips_zx li{background-color:#fff;width: 24.5rem;line-height: 2.8rem;border-radius: 2px;text-align: center;margin:4% auto;overflow: hidden;}
.tips_zx li a{color:#ff9600;font-size: 1.2rem;}

.column{position: relative;margin:3% auto;overflow: hidden;}
.column ul{position: absolute;overflow: hidden;}
.column ul:nth-of-type(1){top:2%;left:2%;}
.column ul:nth-of-type(2){top:34%;left:2%;}
.column ul:nth-of-type(2) p{width: 10rem;}
.column ul:nth-of-type(3){bottom:1%;left:7%;}
.column ul:nth-of-type(3) p{width: 12.1rem;}
.column ul:nth-of-type(4){top:2%;right:2%;}
.column ul:nth-of-type(5){top:34%;right:2%;}
.column ul:nth-of-type(5) p{width: 10rem;}
.column ul:nth-of-type(6){bottom:5%;right:5%;}
.column ul:nth-of-type(6) p{width: 13rem;}

.column ul li{font-size: 1.1rem;font-weight: bold;}
.column ul p{font-size: 1rem;line-height: 1.4rem;width: 14.0rem;margin-top: 2%;text-indent: 2em;}
.column ul li strong{color:#ff9600;}

.tips_zx2 li{background-color:#ff9600;width: 24.5rem;line-height: 2.8rem;border-radius: 2px;text-align: center;margin:4% auto;overflow: hidden;}
.tips_zx2 li a{color:#fff;font-size: 1.2rem;}

.con{background-color: #e7e7e7;overflow: hidden;}
.ggtit_2 h3{color:#000;}

.con_1 ul li{height: 5.8rem;position: relative;overflow: hidden;}
.con_1 ul li p{font-size: 1.05rem;text-indent: 2em;width: 24rem;position: absolute;}
.con_1 ul li:nth-of-type(1) p{top:14%;right: 2%}
.con_1 ul li:nth-of-type(2) p{top:14%;left:5%;}
.con_1 ul li:nth-of-type(3) p{top:14%;right: 2%;}
.con_1 ul li:nth-of-type(4) p{top:14%;left:5%;}
.con_1 ul li:nth-of-type(1){background:url(../images/con1.jpg) no-repeat scroll;background-size: 100%;}
.con_1 ul li:nth-of-type(2){background:url(../images/con2.jpg) no-repeat scroll;background-size: 100%;}
.con_1 ul li:nth-of-type(3){background:url(../images/con3.jpg) no-repeat scroll;background-size: 100%;}
.con_1 ul li:nth-of-type(4){background:url(../images/con4.jpg) no-repeat scroll;background-size: 100%;}

.tool{position: relative;margin:3% auto;overflow: hidden;}
.tool p{width: 23.2rem;position: absolute;text-indent: 2em;font-size: 1.1rem;line-height: 1.6rem;color:#fff;top:20%;left:23%;}

.wrap img{display: block;}
.wrap_2{background-color:#72c8f5;overflow: hidden;padding-bottom: 5%;}
.step{margin-bottom: 5%;}
.step_1{background-color: #0087ce;width: 19.1rem;line-height: 2.45rem;text-align: center;margin:0 auto;overflow: hidden;border-radius: 5px 5px 0 0;}
.step_1 p{font-size: 1.3rem;color:#fff;}
.step_2{background-color: #fff;width: 30.5rem;overflow: hidden;border-radius: 1rem;margin:0 auto;}
.step_2 ul{width: 29.5rem;margin:3% auto;overflow: hidden;display: flex;flex-flow: row wrap;justify-content: space-between;}
.step_2 ul dl{width: 7.9rem;}
.step_2 ul p{font-size: 1.1rem;line-height: 1.6rem;width: 21.0rem;}

.yyjj{background-color: #f0f0f0;overflow: hidden;width:30.45rem;margin:0 auto;}
.yyjj p{font-size: 1.1rem;text-indent: 2em;line-height: 1.6rem;width: 28.9rem;margin:3% auto;}