﻿@charset "utf-8";
/*reset start*/
*,::before,::after{
    margin:0 auto;
    padding:0;
    text-decoration:none; 
    list-style:none;
    -webkit-tap-highlight-color:transparent;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
body{font-family:"微软雅黑",sans-serif; color:#333;max-width: 640px;
margin: auto;}
a{color:#333;}
a:hover{text-decoration:none;}
li{list-style-type:none;}
img,button{border:none;}
img {max-width:100%;}
.clear{clear:both;}
/*reset end*/

/*header_footer start*/
#header{width:95%; padding:3% 0; background:url(../images/logo.jpg) left center no-repeat; background-size:60%;}
#header .h{float:right; color:#ce0000; font-size:0.9em; font-weight:bold; margin-right:1%;}

#menu{border-top:thin solid #bababa;}
#menu li{float:left; width:20%; text-align:center; padding-top:3%; padding-bottom:3%; font-size:1em;}
#menu a{padding:5%;}
#menu .last a{background:#ce0000; color:#fff; border-radius:3px;}

#zixun_you{position:fixed; top:200px; right:0px; height:100px; width:50px;}
#zixun_you img{height:100%; float:right}

#footer{background:#111123; text-align:center; padding:5% 0; margin-bottom:15%;}
#footer img{width:60%;}
#footer .line{border-top:thin dotted #696970; border-bottom:thin dotted #696970; width:40%; margin-top:2%;}
#footer .f1{color:#fff; font-size:0.7em; margin-top:2%;}
#footer .f2{color:#6c6c73; font-size:0.7em; margin-top:2%; line-height:20px;}

#bot{border-top:#525252 thin solid; background:#111123; position:fixed; bottom:0px;z-index:9999;max-width:640px;width:100%;}
#bot img{display:block;}
#bot .fot{position: relative;width: 100%;float: left;border-top: #525252 thin solid;background: #111123;}
#bot ul{width: 100%;
margin: 0 auto;
position: absolute;
bottom: 0;
left: 0;
border-top: #525252 thin solid;
background: #111123;}
#bot li{float:left; width:35%;}
/*header_footer end*/

/*index start*/
#index{width:100%; max-width:640px; min-width:300px;}

#block_1{background:#c2e7ff; background-size:100% 100%; padding-bottom:5%; padding-top:5%;}
#block_1 .t1{width:95%; color:#60c119; font-size:1.1em; letter-spacing:1px; text-align:center;}
#block_1 .t2{width:95%; color:#0270f5; font-size:1.7em; font-weight:bold; width:90%; margin-bottom:5%; text-align:center;}
#block_1 ul{width:95%;}
#block_1 li{text-align:center;}
#block_1 .l1{background:url(../images/block_1_bg02.png); margin-bottom:1.5%; color:#fff; font-size:1em; text-align:left;}
#block_1 .l1 span{display:block; color:#fff; height:45px; line-height:45px; padding-left:40px; margin-left:2%;}
#block_1 .connn{background:#3182d4; background-size:100% 100%; padding-bottom:5%;}
#block_1 .connn img{width:7%; float:right}
#block_1 .connn h2{color:#fff; font-size:1.2em; text-align:center; padding:5%;}
#block_1 .connn .c1{width:90%;}
#block_1 .connn .c1 h3{color:#fff; font-size:1em; height:30px; padding-left:12%; padding-top:5px;}
#block_1 .connn .c1 .u{background:#fff; padding:2%; font-size:0.9em; text-align:left; border-radius:0px 10px 10px 10px; width:88%; float:right; margin-top:2px;}
#block_1 .connn .c2{width:90%; margin-top:2%;}
#block_1 .connn .c2 h3{color:#fff; font-size:1em; height:30px; padding-right:12%; padding-top:5px; float:right; color:#9ffaab;}
#block_1 .connn .c2 .u{background:#b3d5ee; padding:2%; font-size:0.9em; text-align:left; border-radius:10px 0px 10px 10px; width:88%; float:left; margin-top:2px;}

#block_2{}
#block_2 .inner{width:95%;}
#block_2 .t{font-size:1.9em; text-align:center; color:#0270f5; font-weight:bold; padding-top:5%;}
#block_2 .t span{color:#383838;}
#block_2 .ts02{padding-top:5%;}
#block_2 .ts02 .title_op02 li{float:left; width:25%; background:#f6f6f6; border-left:#d1d1d1 solid thin; font-size:1em; color:#3e3e3e; text-align:center; padding:1%;}
#block_2 .ts02 .title_op02 li.current02{background:#0270f5; color:#fff;}
#block_2 .ts02 .hdm_con02 .connn02{margin-top:2%}
#block_2 .ts02 .hdm_con02 ul li{float:left; width:33%; padding-left:1%;}




#block22 .t{font-size:1.9em; text-align:center; color:#0270f5; font-weight:bold; padding-top:5%;padding-bottom:10px;}
#block22 .t span{color:#383838;}

.ts05{ width:100%;}
.ts05 .title_op05{ margin-left:-2%;height:40px;}
.ts05 .title_op05 li{ float:left; width:30%;height:40px; line-height:40px;background:#585858;margin-left:1%;display:inline; font-size:18px; color:#fff;text-align:center;  cursor:default}
.ts05 .title_op05 li.current05{ background:#fff; color:#585858; }
.ts05 .hdm_con05{ background:#fff; padding:10px;}
.addWrap{ position:relative; width:100%;background:#fff;margin:0; padding:0;}
.addWrap .swipe{overflow: hidden;visibility: hidden;position:relative;}
.addWrap .swipe-wrap{overflow:hidden;position:relative;}
.addWrap .swipe-wrap > div {float: left;width: 100%;position:relative;}

#position{ position:absolute; bottom:0; right:0; padding-right:8px; margin:0;text-align:right;}
#position li{width:10px;height:10px;margin:0 2px;display:inline-block;-webkit-border-radius:5px;border-radius:5px;background-color:#AFAFAF;}
#position li.cur{background-color:#FF0000;}
.img-responsive { display: block; max-width: 100%;  height: auto;}















#block_3{background:#c2e7ff; background-size:100% 100%; padding-top:3%; padding-bottom:5%;}
#block_3 span{display:block; text-align:center; width:95%; margin-bottom:2%;}
#block_3 .s1{color:#007cff; font-size:1.7em; font-weight:bold;}
#block_3 .s2{color:#007cff; font-size:1em;}
#block_3 .s3{color:#3a94ff; font-size:1.1em;}
#block_3 .kehu{background:#fff; background-size:100% 100%; width:93%; margin-top:5px;}
#block_3 .kehu .list_lh{overflow:hidden; height:250px;}
#block_3 .kehu .list_lh li p{height:24px; line-height:16px; margin-top:15px;}
#block_3 .kehu h3{color:#fff;  text-align:center; background:#0060c6; height:40px; line-height:40px; width:100%;}
#block_3 .kehu ul{padding-top:10px; padding-left:20px; padding-right:8px;}
#block_3 .kehu ul li{font-size:0.84em; color:#363636;}
#block_3 .jxs{background:url(../images/block_3_bg03.png); margin-top:5%;}
#block_3 .jxs img{margin-right:5px;}
#block_3 .jxs #goleft {height:70px; overflow:hidden;}
#block_3 .jxs #goleft #gols {width:33100px;}
#block_3 .jxs #goleft1 {margin-right:5px;}
#block_3 .jxs #goleft1,#goleft2 {float:left;}


#block_3 .tu{}
#block_3 .tu ul{ margin-left:2%}
#block_3 .tu img{ display:block}
#block_3 .tu ul li{ width:23%; margin-left:1%; margin-top:1%; display:inline; float:left;}



#block_4{padding-top:3%; padding-bottom:5%;}
#block_4 .title{font-size:2em; font-weight:bold; width:98%; text-align:center;}
#block_4 .title_op{width:95%;}
#block_4 .title_op li{float:left; width:50%; line-height:40px; background:#f6f6f6; font-size:1.1em; color:#414141; text-align:center; border:thin #dcdcdc solid; margin-top:5%;}
#block_4 .title_op li.current{background:#fff; border-bottom:none;}
#block_4 .connn {text-align:center; width:95%; border:thin #dcdcdc solid; border-top:none;}
#block_4 .connn li{float:left; width:42%; margin:4%; font-size:0.95em;}

#block_5{background:#fff; background-size:100% 100%; padding-top:3%; padding-bottom:5%;}
#block_5 .title{color:#383838; font-size:2.2em; font-weight:bold; text-align:center;}
#block_5 .con_1{margin-top:5%;}
#block_5 .con_1 li{background:url(../images/block_5_bg02.png); background-size:100% 100%; width:32%; height:20%; float:left; margin-right:1%; color:#383838; padding:5px;}
#block_5 .con_1 span{display:block; text-align:center;}
#block_5 .con_1 .s1{font-size:1em; margin-bottom:1%;}
#block_5 .con_1 .s2{font-size:0.78em;}
#block_5 .con_1 img{width:50%;}
#block_5 .con_2{margin-top:5%;}
#block_5 .con_2 li{padding-left:5%; line-height:20px;}
#block_5 .con_2 .l1{color:#383838; font-size:1em; font-weight:bold; padding-bottom:2%; border-bottom:thin solid #9696a9;}
#block_5 .con_2 .l2{color:#383838; font-size:0.9em; padding:5%; border-bottom:thin solid #9696a9;}
#block_5 .con_2 .l3{color:#383838; font-size:1em; font-weight:bold; padding-top:2%; padding-bottom:2%;}
#block_5 .con_2 .l4{color:#f00; font-size:0.9em; padding-right:1%;}
/*index end*/


/*about start*/
#about{width:100%; max-width:640px; min-width:300px;}

#about #banner{}
#about #main{width:90%; margin:3% auto; text-align:center;}
#about #main .title{font-size:1.4em; margin-bottom:2%;}
#about #main .con_1{color:#585858; font-size:1em; text-align:left; text-indent:2em;}
#about #main .con_2{margin-top:2%;}
#about #main .con_2 .left{float:left; width:33%; padding-top:2%;}
#about #main .con_2 .right{float:right; width:67%; text-align:left; padding:2%;}
#about #main .con_2 .right li{font-size:0.75em; word-break:break-all; margin-bottom:7px;}
/*about end*/


/*video start*/
#video{width:100%; max-width:640px; min-width:300px;}
#video #banner img{display:block;}
#video #main{width:95%; border:thin solid #e7e7e7; margin:3% auto;}
#video #main .title{color:#000; font-weight:bold; font-size:1em; background:url(../images/video_title_bg.jpg); background-size:100% 100%; padding:2%;}
#video #main .con{text-align:center; border-bottom:thin solid #e7e7e7; font-size:0.9em;}
#video #main .con li{width:50%; padding:2% 0;}
#video #main .con .l1{float:left; padding-left:2%; padding-right:1%;}
#video #main .con .l2{float:right; padding-right:2%; padding-left:1%;}
/*video end*/
/*******************************************/
.addWrap2{ position:relative; width:100%;background:#fff;margin:0; padding:0;}
.addWrap2 .swipe2{overflow: hidden;visibility: hidden;position:relative;}
.addWrap2 .swipe-wrap2{overflow:hidden;position:relative;}
.addWrap2 .swipe-wrap2 > div {float: left;width: 100%;position:relative;}

#position2{ position:absolute; bottom:0; right:0; padding-right:8px; margin:0;text-align:right;}
#position2 li{width:10px;height:10px;margin:0 2px;display:inline-block;-webkit-border-radius:5px;border-radius:5px;background-color:#AFAFAF;}
#position2 li.cur2{background-color:#FF0000;}
.img-responsive2 { display: block; max-width: 100%;  height: auto;}

/***************************************/
.addWrap3 {
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}
.addWrap3 .swipe3 {
    overflow: hidden;
    position: relative;
    visibility: hidden;
}
.addWrap3 .swipe-wrap3 {
    overflow: hidden;
    position: relative;
}
.addWrap3 .swipe-wrap3 > div {
    float: left;
    position: relative;
    width: 100%;
}
.img-responsive3 {
    display: block;
    height:auto;
    max-width: 100%; 
}
#position3 {
    bottom: 0;
    margin-right: -50px;
    padding-right: 8px;
    position: absolute;
    right: 50%;
    text-align: right;
}
#position3 .cur3{ background-color:#fff;}
#position3 li {
    background-color: #72afdd;
    border-radius: 5px;
    display: inline-block;
    height: 10px;
    margin: 0 2px;
    width: 10px;
}

.img-responsive3 { width:100%; max-width:640px; margin:0 auto; display:block;}
.connn05 img{display:block;margin:auto;}
