.img_man{width:100%; display: block;}


/*banner*/
.ban{ width:100%; padding-top:2%; background:#FBFFF1; overflow:hidden;}
.ban .img_box{ display:block; position:relative;overflow:hidden}
.ban .img_1{width:87%;margin: 0 auto 53% auto;}
.ban .img_2{width:100%;position: absolute;top: 221px;}

/*box*/
.box{ width:100%; overflow: hidden; position:relative; padding:3% 0; background-color:#fff;}
.box .box_in{ width:96%; box-sizing:border-box; margin:0 auto;}
.box .hd{ width:100%; margin-bottom:5%; position:relative;}
.box .hd h2{ font-size:1.2em; color:#000; text-align:center;}
.box .hd .line{ width:42%; position:absolute; left:50%; bottom:0; margin-left:-21%;}
.box p{ font-size:0.9em; line-height:1.5em; color:#fff; text-align:left;}
.box .pd{ font-size:0.9em; color:#333; text-align:center; margin-bottom:6%;}
.box .btns{width:60%; margin: 6% auto 0 auto;}
.box .btns a{ display:block; width:100%; background:#fff; text-align:center; padding:4%; color:#333; font-size:1em; border-radius:6px;}

/*box2*/
.box2{ background:#fff;}
.box2 .hd h2{ color:#00032c;}
.box2 .con2{ width:98%; margin:0 auto; overflow:hidden;}
.box2 .con2 li{ width:49%; float:left; padding:4% 0; background:#000; color:#fff;}
.box2 .con2 .fr{ float:right;}
.box2 .con2 li h3{ font-weight:bold; font-size:.9em; text-align:center; margin-bottom:4%;}
.box2 .con2 li .imgbox{ width:90%; margin:0 auto 4%;}
.box2 .con2 li p{ font-size:.7em; margin:0 4%; height:11em;}

/*box3*/
.box3{ background: #fff;}
.box3 .hd h2{ color:#000;}
.box3 .ulbox{ width:98%; margin:0 auto;}
.box3 .ulbox li{ padding-top:4%; margin-bottom:7%;}
.box3 .ulbox .txt{ width:100%; box-sizing:border-box; border:2px solid #000; padding:5% 0;}
.box3 .ulbox .txt h3{ width:56%; height:2em; line-height:2em; background:#E4E8CE; color:#3d3f54; font-size:1em; text-align:center; margin:-11% auto 3%;}
.box3 .ulbox .txt p{ width:94%; margin:0 auto;color:#000;}
.box3 .ulbox .txt p a{ color:#fadf4a; text-decoration:underline;}

/*box4*/
.box4{ background:#efede2;}
.box4 .btns a{ background:#3893c8; color:#fff;}
.box4 .move{width:96%; margin: 5% auto 0;}
.box4 .tab_t{width:100%;}
.box4 #scrollDiv{ overflow: hidden; margin-bottom:5%;}
.box4 .move table{text-align: center; width: 100%; position: relative; box-sizing:border-box; }
.box4 .move tr{ border-bottom:1px solid #636363; }
.box4 .move td{ display:inline-block; font-size:0.9em; padding:2% 0; text-align:center; color:#333;}
.box4 .tab_t tr{ border-bottom:none;}
.box4 .tab_t td{ display:inline-block; background:#636363; padding:3% 0; color:#fff;}
.box4 .move td.td1{ width:17%;}
.box4 .move td.td2{ width:17%;}
.box4 .move td.td3{ width:23%; background:#f03335; border-bottom:0; color:#fff; font-weight:bold;}
.box4 .move td.td4{ width:43%; font-size:0.7em;}
.box4 .tips{ font-size:.7em; text-align:center; color:#636363;}

/*box5*/
.box5{ background:#fff;}
.box5 .hd{ margin-bottom:2%;}
.box5 .con5 ul{ width:96%; margin:0 auto; overflow:hidden;}
.box5 .con5 li{ width:100%; padding-bottom:7%; border-bottom:1px dashed #3893c8; overflow:hidden;}
.box5 .con5 .pic{ width:49%; float:left; overflow:hidden;}
.box5 .con5 .pic h3{ text-align:center;}
.box5 .con5 .pic .imgs{ margin:11% auto;}
.box5 .con5 .txt{ width:48%; float:right; overflow:hidden;}
.box5 .con5 .txt p{ color:#333; font-size:.7em;}
.box5 .con5 .lilast{ border-bottom:0; padding:7% 0 0 0;}
.box5 .btns a{ background:#f03335; color:#fff; font-size:.8em;}

/*box6*/
.box6{ background:#fff;}
.box6 .box_in{ width:100%;}
.box6 .con6{ width:90%; overflow:hidden;}
.box6 .con6_l{ width:72%; float:left; padding-top:0%;}
.box6 .con6_l .tea{ width:100%; position:relative; display:none;}
.box6 .con6_l .myon{ display:block;}
.box6 .tea .bgpic{ width:100%;}
.box6 .tea .teapic{ width:40%; position:absolute; left:50%; top:50%; margin-left:-39%; margin-top:-32%;}
.box6 .tea .txt{ width:37%; position:absolute; left:50%; top:50%; margin-left:8%; margin-top:-43%; max-height:9em; overflow:scroll;}
.box6 .tea .txt p{ color:#333; font-size:.8em;}
.box6 .tea .tit{ position:absolute; left:50%; top:50%; margin-left:-38%; margin-top:32%;}
.box6 .tea .tit h3{ color:#333; font-size:.9em;}
.box6 .tea .tit h3 span{ display:inline-block; background:#333; color:#2ecac1;}
.box6 .con6_r{ width:24%; float:right;}
.box6 .con6_r .ztimg{ width:100%; margin-bottom:8%; position:relative; cursor:pointer;}
.box6 .con6_r .shadow{ position:absolute; left:0; top:0;}
.box6 .con6_r .myons .shadow{ display:none;}

/*box7*/
.box7{ background:#f57344;}
.box7 .hd h2{ color:#fff;}
.box7 .con7{ width:88%; margin:0 auto;}
.box7 .ztli{ width:100%; overflow:hidden; margin-bottom:6%;}
.box7 .ztli_l{ width:20%; float:left;}
.box7 .ztli_r{ width:80%; float:right;}
.box7 .ztli_r .txt{ border:2px solid #333; box-sizing:border-box; border-right:0; border-left:0; padding:2% 0 0 3%;}
.box7 .ztli_r .txt h3{ font-size:1em; margin-bottom:1%;}
.box7 .ztli_r .txt p{ font-size:.7em; color:#333;}

/*box8*/
.box8{ background:#ffc028; padding-bottom:0;}
.box8 .box_in{ padding-bottom:4%;}
.box8 .con8{ width:90%; margin:0 auto; overflow:hidden;}
.box8 .con8s{ width:48%; margin:0 4% 6% 0; float:left; position:relative;}
.box8 .con8s1{ margin-bottom:0;}
.box8 .nomargin{ margin-right:0;}
.box8 .con8s .ztimg1{ width:100%; margin-bottom:5%; z-index:99;}
.box8 .con8s .txt h3{ font-size:.8em; margin-bottom:3%; text-align:center; font-weight:bold;}
.box8 .con8s .txt p{ font-size:.7em; color:#333; text-align:center;}
.box8 .con8s .ztimg2{ width:62%; position:absolute; left:50%; top:50%; margin-left:-32%; top:13%; z-index:999;}
.box8 .btns a{ background:#3893c8; color:#fff;}
.box8 .zts1{ width:100%;}

/*box9*/
.box9{ background:#212121; padding:4% 0 0;}
.box9 .box_in{ width:100%;}
.box9 .hd h2{ color:#fff;}
.box9 .con9{ overflow:hidden; position:relative;}
.box9 .ztpic1{ width:92%; margin:0 auto;}
.box9 .ztpic2{ width:100%;}
.box9 a{ position:absolute; left:50%; top:50%; z-index:999;}
.box9 .lasta{ display:block; width:56%; margin-left:-28%; margin-top:21%;}
.box9 .zxbtns{ display:block; background:#3893c8; text-align:center; padding:2% 4%; color:#fff; font-size:1em; border-radius:6px;}
.box9 .zxbtns1{ margin-left:4%; margin-top:-56%;}
.box9 .zxbtns2{ margin-left:-42%; margin-top:-42%;}
.box9 .zxbtns3{ margin-left:18%; margin-top:-28%;}
.box9 .zxbtns4{ margin-left:-44%; margin-top:-14%;}
.box9 .zxbtns5{ margin-left:4%; margin-top:1%;}

/*footer*/
.footer{ background:#0c2b3e; overflow:hidden; padding:3% 0;}
.footer p{ font-size:.8em; text-align:center; line-height:1.8em; color:#fff;}


/*iphone6媒介查询*/
@media(min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio : 2){
.box .hd h2{ font-size:1.3em;}
.box5 .con5 li h3{ font-size:1em;}
.box5 .con5 li p{ font-size:.8em;}
.box6 .tea .txt{ max-height:11em;}
.box6 .tea .tit h3{ font-size:1em;}
.box7 .ztli_r .txt h3{ font-size:1.1em; margin-bottom:2%;}
.box7 .ztli_r .txt p{ font-size:.9em;}
.box8 .con8s .txt h3{ font-size:.9em;}
.box8 .con8s .txt p{ font-size:.8em;}
.box9 .zxbtns2{ margin-left:-38%;}
.box9 .zxbtns4{ margin-left:-40%;}
.box2 .con2 li h3{ font-size:1em;}
.box2 .con2 li p{ font-size:.9em;}
.box3 .ulbox .txt h3{ font-size:1.1em;}
.box5 .con5 .pic .imgs{ margin:7% auto;}
.box5 .con5 .txt p{ font-size:.8em;}
}

/* iphone6 plus媒介查询 */
@media (min-device-width : 414px) and (max-device-width : 736px) and (-webkit-min-device-pixel-ratio : 3){
.box .hd h2{ font-size:1.4em;}
.box4 .move td.td4{ font-size:.9em;}
.box5 .con5 li h3{ font-size:1.1em;}
.box5 .con5 li p{ font-size:.9em;}
.box5 .con5 .li1{ height:13em;}
.box5 .con5 .li2{ height:12em;}
.box6 .tea .txt{ max-height:12em;}
.box6 .tea .tit h3{ font-size:1.1em;}
.box7 .ztli_r .txt h3{ font-size:1.3em; margin-bottom:1%;}
.box7 .ztli_r .txt p{ font-size:1em;}
.box8 .con8s .txt h3{ font-size:1em;}
.box8 .con8s .txt p{ font-size:.9em;}
.box2 .con2 li h3{ font-size:1.1em;}
.box2 .con2 li p{ height:10em;}
.box5 .con5 .txt p{ font-size:.9em;}
}
/*大于pad媒介查询*/
@media only screen and (min-width: 750px){
.box .hd h2{ font-size:1.8em;}
.box p{ font-size:1.5em; line-height:1.8em;}
.box .pd{ font-size:1.4em;}
.box .btns a{ font-size:1.4em;}
.box4 .move td{ font-size:1.6em;}
.box4 .move td.td4{ font-size:1.4em;}
.box4 .tips{ font-size:1.1em;}
.box5 .con5 li h3{ font-size:1.6em;}
.box5 .con5 li p{ font-size:1.3em;}
.box5 .btns a{ font-size:1.2em;}
.box5 .con5 .li1{ height:20em;}
.box5 .con5 .li2{ height:20em;}
.box5 .con5 .li4{ height:23em;}
.box6 .tea .txt{ max-height:20em;}
.box6 .tea .txt p{ font-size:1.4em; line-height:1.4em;}
.box6 .tea .tit h3{ font-size:1.8em;}
.box7 .ztli_r .txt{ padding:4% 0 0 5%;}
.box7 .ztli_r .txt h3{ font-size:1.8em; margin-bottom:3%;}
.box7 .ztli_r .txt p{ font-size:1.4em;}
.box8 .con8s .txt h3{ font-size:1.6em;}
.box8 .con8s .txt p{ font-size:1.4em;}
.box9 .zxbtns{ font-size:1.5em;}
.box9 .zxbtns2{ margin-left:-36%;}
.box9 .zxbtns4{ margin-left:-36%;}
.box2 .con2 li h3{ font-size:1.6em;}
.box2 .con2 li p{ font-size:1.4em; line-height:1.6em;}
.box3 .ulbox .txt h3{ height:2.5em; line-height:2.5em;font-size:1.6em;}
.box5 .con5 .txt p{ font-size:1.3em;}
.box5 .con5 .pic .imgs{ margin:9% auto;}
}