@charset "utf-8";
/* CSS Document */
*{  -webkit-tap-highlight-color: transparent; -webkit-appearance: none;  padding:0; margin:0}  
body,html{ max-width:640px; min-width:320px; height:auto; padding:0; margin:0 auto; font-family:"微软雅黑"; color:#505050; background-color:#fff; height:100vh;}
a:link{ text-decoration:none; cursor: pointer; color: #FFFFFF;}
.clear{ clear: both;}
ul li{list-style-type: none;}

.h{height: 5px;}

.main{width: 100%; height: auto; margin:  0 auto;}
.banner{width: 100%; height: auto; margin:  0 auto;}
.banner img{width: 100%;}


.one{margin: 0 auto;
    padding: 2.5% 0;
    background: url("../images/bg1.jpg")/*tpa=http://m.hm91.com/zt/ck/swcc/images/bg1.jpg*/ center no-repeat;
    background-size: 100%;
    width: 100%;
    height: auto;}

.one_center{width: 90%;
    height: auto;
    padding: 2% 0;
    margin: 0 auto;
    background: #FFF;
    border-radius: 10px;}
 
 .c_top{color: #000000;    border-bottom: 1px solid #cccccc; font-size: 1.1rem; padding: 2.5% 3%; }
 .c_c{    width: 94%;
    font-size: 0.8rem;
    margin: 0 auto;
    line-height: 1.4rem;
    color: #888888;
    text-align: justify;}
.s{
width:  96%;
    height: 0.5em;
    border-bottom: 1px solid #eb6100;}
.c_f{width: 96%; height: auto; margin: 0 auto; margin-top: 5px;}
.c_f img{width: 100%;}


.two{width: 100%; height: auto; margin: 0 auto;}

.foot{width: 90%; height: auto; margin: 0 auto; text-align: center; color: #FFFFFF; background: #003a84; border-radius: 10px; font-size: 1.2rem; line-height: 3rem;}


.thr{margin: 0 auto;
    padding: 2.5% 0;
    background: url("../images/bg2.jpg")/*tpa=http://m.hm91.com/zt/ck/swcc/images/bg2.jpg*/ center no-repeat;
    background-size: 100%;
    width: 100%;
    height: auto;}


.list{width: 94%;height: auto; margin: 0 auto;}

.list1{width: 94%;height: auto; margin: 0 auto;}

.s1{width: 45%; height: auto; float: left; text-align: center;background: #acd598; padding:2%; font-size: 0.9rem;}
.s2{width: 45%; height: auto; float: right; text-align: center;background: #fff100; padding:2%;font-size: 0.9rem;}
.s3{width: 28%; height: auto; float: left; text-align: center;background: #00b7ee; padding:2%; font-size: 0.9rem;}
.s4{width: 28%; height: auto; float: left; text-align: center;background: #80c269;; padding:2%; margin-left: 2%; font-size: 0.9rem;}
.s5{width: 28%; height: auto; float: right; text-align: center;background: #00a0e9; padding:2%; font-size: 0.9rem;}
.s6{width: 45%; height: auto; float: left; text-align: center;background: #ff99ff; padding:2%; font-size: 0.9rem;}
.s7{width: 45%; height: auto; float: right; text-align: center;background: #ff9999; padding:2%; font-size: 0.9rem;}
.s8{width: 45%; height: auto; float: left; text-align: center;background: #32b16c; padding:2%; font-size: 0.9rem;}
.s9{width: 45%; height: auto; float: right; text-align: center;background: #80c269; padding:2%; font-size: 0.9rem;}
.s0{width: 100%; height: auto;  text-align: center;background: #cfa972; margin: 0 auto; line-height: 1.6rem; font-size: 0.9rem;}


.s1 a{color: #000000;}
.s2 a{color: #000000;}
.s3 a{color: #000000;}
.s4 a{color: #000000;}
.s5 a{color: #000000;}
.s6 a{color: #000000;}
.s7 a{color: #000000;}
.s8 a{color: #000000;}
.s9 a{color: #000000;}
.s0 a{color: #000000;}


.xc{width: 60%;
    margin: 3% auto;
    text-align: center;
    padding: 2% 0;
    
    border: 3px solid #c7a36e;}
    .xc a{color: #c7a36e;}




.four{width: 100%; height: auto; margin: 0 auto;}

.f_c{width: 94%; height: auto; margin: 0 auto; border-radius: 8px; border: 1px solid #cdcdcd;}

.f_l{width: 66%; height: auto;float: left; padding: 2%;}
.f_r{width: 26%; height:3.8rem; float: left; margin-top: 3%; background-color: #ff6599; line-height: 3.8rem; font-size: 0.9rem ; text-align:center; border-radius: 5px;} 

/*ceshi*/
.p1{ padding:3%; font-size:16px; color:#333; line-height:30px; text-indent:28px;}
.swt{width:320px; height:50px; margin:0 auto; text-align:center;background-color:#e35f5d; border-radius:25px;}
.swt a{ font-size:16px; color:#fff; line-height:50px;}
/*---------------------*/
.con00{width:100%; margin:0 auto; margin-top:20px; height:190px;}
.con00 img{width:100%; height:auto;}
.con00 .bt{width:100%; background-color:#10093d;}
.con00 .bt img{width:100%; height:auto;}
.con00 .p2{ padding:3%; font-size:16px; color:#fff; line-height:30px; text-indent:28px; background-color:#10093d;}
.con00 h2{ font-size:18px; font-weight:bold; text-align:center; color:#01bbbf;}
/*---------------------*/
.con01{width:100%; margin:0 auto; margin-top:20px;}
.con01 img{width:100%; height:auto;}
.con01 .bt{width:100%; background-color:#10093d;}
.con01 .bt img{width:100%; height:auto;}
.con01 .p2{ padding:3%; font-size:16px; color:#fff; line-height:30px; text-indent:28px; background-color:#10093d;}
.con01 h2{ font-size:18px; font-weight:bold; text-align:center; color:#01bbbf;}
/*------------------------------*/
.con02{width:100%; margin:0 auto; margin-top:20px;}
.con02 .bg{width:100%; margin:0 auto;}
.con02 .bg img{width:100%; height:auto; display:block;}
.con02 .con02_2{width:100%; background-color:#fff; padding-bottom:15px;}
.con02 .con02_2 .bt img{width:100%;}
.con02 .con02_2 .p3{padding:3%; font-size:16px; color:#333; line-height:30px; text-indent:28px;}
.con02 .con02_2 .pj{width:94%; margin:0 auto; margin-top:15px; overflow: hidden;}
.con02 .con02_2 .pj dl{width:20%; float:left; margin-left:10%; text-align:center;}
.con02 .con02_2 .pj dl dt img{width:100%; height:auto;}
.con02 .con02_2 .pj dl dd{ font-size:14px; color:#333;}
.con02 .con02_2 .swt{width:320px; height:50px; margin:0 auto; margin-top:20px;text-align:center;background-color:#e35f5d; border-radius:25px;}
.con02 .con02_2 .swt a{font-size:16px; color:#fff; line-height:50px;}
/*----------------------------------------*/
.con03{width:100%; margin:0 auto; margin-top:20px;}
.con03 .bt{width:100%;}
.con03 .bt img{width:100%; height:auto;}
.con03 .ys{width:100%; margin:0 auto; margin-top:20px;}
.con03 .ys img{width:100%; height:auto;}
/*--------------------------------------*/
.con04{width:100%;margin:0 auto; margin-top:20px;}
.con04 .bt{width:100%;}
.con04 .bt img{width:100%; height:auto;}

.con04 .p4{ padding:3%; font-size:16px; color:#333; line-height:30px; text-indent:28px;}
/*-------------------*/
.con05{width:100%;margin:0 auto; margin-top:20px;}
.con05 .bt{width:100%;}
.con05 .bt img{width:100%; height:auto;}
.con05 .c05{width:49%; margin:0 auto; margin-top:20px;  overflow:hidden;float:left;border: 1px solid #999;}
.con05 .c05 .c05l{width:100%; float:left;}
.con05 .c05 .c05l img{width:100%; height:auto; display:block;}
.con05 .c05 .c05r{width:100%; }
.con05 .c05 .c05r p{ font-size:18px; color:#333; font-weight:bold; padding-top:20px; text-align: center;}
.con05 .c056{width:49%; margin:0 auto; margin-top:20px;  overflow:hidden; float:right;border: 1px solid #999;}
.con05 .c056 .c056l{ width:100%;  }
.con05 .c056 .c056l p{font-size:18px; color:#333; font-weight:bold; padding-top:20px; padding-left:10px; text-align: center;}
.con05 .c056 .c056r{width:100%; float:right;}
.con05 .c056 .c056r img{width:100%; height:auto; display:block;}
/*---------------------------*/
.con06{width:100%; margin:0 auto; margin-top:20px;}
.con06 .bg{width:100%; margin:0 auto;}
.con06 .bg img{width:100%; height:auto; display:block;}
.con06 .c06{width:100%; margin:0 auto; background-color:#fff;padding-bottom:20px;}
.con06 .c06 .bt{width:100%;}
.con06 .c06 .bt img{width:100%; height:auto;}
.con06 .c06 .c061{ width:94%; margin:0 auto; margin-bottom:15px; }
.con06 .c06 #c061{width:94%;background:url(../images/zy_05.png) left center no-repeat; background-size:8%; background-color:#d2d1d6; }
.con06 .c06 #c062{width:94%;background:url(../images/zy_08.png) left center no-repeat; background-size:8%; background-color:#d2d1d6; }
.con06 .c06 #c063{width:94%;background:url(../images/zy_10.png) left center no-repeat; background-size:8%; background-color:#d2d1d6; }
.con06 .c06 .c061 p{ padding-left:10%; padding-top:20px; padding-bottom:20px; padding-right:5px;font-size:16px; color:#333; line-height:30px; }

.wr1{ width:100%; margin:0 auto; margin-top:10px;}
.wr1 img{ width:100%;}
.wr2{ width:100%; margin-left:5px; }
.wr2 img{ width:30%; display:block;float:left; padding-left:10px;margin-bottom:20px;}


@media (max-width:640px)
{.wr1{ width:100%; margin:0 auto; margin-top:10px;}
.wr1 img{ width:100%;}
.wr2{ width:100%; margin-left:5px; }
.wr2 img{ width:30%; display:block;float:left; padding-left:5px;margin-bottom:20px;}}