@charset "utf-8";

.main {
    font-size: 16px;
}
*{ margin:0; padding:0;}
a{color:#333333; text-decoration:none; cursor:pointer;}
img{ border:none;}
ul,li{ list-style:none;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.inner_box{ height:auto; overflow:hidden; width:100%; max-width:640px; min-width:320px; margin:0 auto;}
body{font-size:16px; width:100%; min-width:320px; background:url(../images/bg.gif); color:#333333; overflow:auto;font-family:"Microsoft YaHei", "微软雅黑", "宋体", "SimSun", "Arial";}
.askPP{ width:100%; overflow:hidden;}
.askPP a{ float:left; display:block; width:50%;}
.askPP img{ width:100%;}
/*声明*/
.xw {background: #f5f5f5;height: 2em;line-height: 2em;margin: 0 auto 4%;overflow: hidden;width: 96%;}
.xw ul {float: left;width: 75%;}
.xw li {float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
width: 100%;}
.xw li a {color: #f30;padding-left: 6%;font-size: 14px;}
.icon-volume-up::before {content: "";}
[class^="icon-"]::before, [class*=" icon-"]::before {display: inline-block;text-decoration: inherit;}
a [class^="icon-"], a [class*=" icon-"] {display: inline;}
[class^="icon-"], [class*=" icon-"] {
background-image: none;background-position: 0 0;background-repeat: repeat;display: inline;height: auto;line-height: normal;margin-top: 0;vertical-align: baseline;
width: auto;}
[class^="icon-"], [class*=" icon-"] {font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;}
.fy {float: right;width: 22.3%;}
.fy a {background: #fff;border: 1px solid #ddd;border-radius: 3px;float: right;margin-left: 2px;margin-top: 3%;padding: 1px;width: 37%;}
.fy a img {float: left;margin: 0;max-width: 50px;width: 100%;}

.arc_swt{ overflow:hidden; margin-bottom:20px;}
.asc_r img {width: 100%;}
.asc_r {float: left;width: 50%;}
.asc_l img {width: 100%;}
.asc_l {float: left;width: 50%;}
.swiper-container {width: 90%;max-width: 640px;margin: 0 auto;}
.swiper-slide img {display: block;width: 100%;}

#nav{width:100%; position:relative; z-index:100; left:0; top:0;}
#nav .inner_box{ overflow:inherit;}
#nav .nav_in{ width:100%; position:relative;}
#nav .nav_btn{ height:105px;overflow:hidden; width:140px; background:url(../images/nav_1.gif) center 25px no-repeat #124363; font-size:18px; color:#FFFFFF; text-align:center; position:absolute; right:0; top:0; z-index:101; cursor:pointer;}
#nav .nav_btn p{ height:auto; overflow:hidden; padding-top:60px;}
#nav .nav_con{ height:auto; overflow:hidden; width:0; background:#041b2b; position:absolute; top:0; left:100%; z-index:102;opacity:0;transition:all .3s ease-in;moz-transition: all .3s ease-in;-webkit-transition: all .3s ease-in;-o-transition: all .3s ease-in;}
#nav .nav_con.show{ left:0; width:100%;opacity:.95;transition:all .5s ease-out;moz-transition: all .5s ease-out;-webkit-transition: all .5s ease-out;-o-transition: all .5s ease-out;}
#nav .navc_tit{ height:auto; background:#051723; height:auto; overflow:hidden; position:fixed; width:100%; max-width:640px;}
#nav .navc_tit .left{ height:auto; overflow:hidden;}
#nav .navc_tit .left p{ background:url(../images/nav_2.png) no-repeat 15px center; height:50px; line-height:50px; font-size:24px; padding-left:55px; color:#204e6d;}
#nav .navc_tit .right{ height: 50px; width:50px; cursor:pointer; background:url(../images/nav_3.png) no-repeat center; }
#nav .navc_list{ height:auto; overflow:hidden; padding:10px; padding-right:0; padding-top:55px;}
#nav .navc_list dl{ height:auto; overflow:hidden}
#nav .navc_list dt{ height:40px; line-height:40px; overflow:hidden; margin-bottom:10px;}
#nav .navc_list dt a{ font-size:20px; color:#FFFFFF;}
#nav .navc_list dd{ height:auto; overflow:hidden;}
#nav .navc_list dd li{ height:auto; overflow:hidden; float:left; width:25%; margin-bottom:20px;white-space: nowrap;}
#nav .navc_list dd li a{ display:block; height:auto; overflow:hidden; width:90%; border:1px #5299ca solid; text-align:center; font-size:18px; color:#5299ca; padding:10px 0;}
@media screen and (max-width:450px) {
#nav .nav_btn{ height:90px; font-size:16px; width:120px; background:url(../images/nav_1.gif) center 20px no-repeat #124363; background-size:27px;}
#nav .nav_btn p{ padding-top:50px;}
#nav .navc_list dt{  line-height:30px; height:30px; margin-bottom:7px;}
#nav .navc_list dt a{ font-size:16px;}
#nav .navc_list dd li{ margin-bottom:15px;}
#nav .navc_list dd li a{ font-size:14px; padding:6px 0;}
}

#header{ overflow:hidden; background:#0b679b; position:relative;}
#header .logo{height:auto; overflow:hidden; padding-top:20px; padding-left:5px;}
@media screen and (max-width:450px) {
#header{}
#header .logo img{ width:100%;}
}

#thots{ height:50px; line-height:50px; overflow:hidden;}
#thots .inner_box{ position:relative;}
#thots .ts{ height:50px; padding-left:30px; background:url(../images/hot_ico.gif) no-repeat 5px center; color:#0b679b; font-size:16px; width:120px; position:absolute; left:0; top:0;}
#thots .hlist{ height:50px; overflow:hidden; padding-left:110px; font-size:16px;}
#thots .hlist li{ height:50px; overflow:hidden;}
@media screen and (max-width:450px) {
#thots{ height:40px; line-height:40px;}
#thots .ts{ height:40px; font-size:14px;background-size:20px; width:120px;}
#thots .hlist{ height:40px; font-size:14px; padding-left:100px;}
#thots .hlist li{ height:40px;}
}

#banner{ height:auto; overflow:hidden;opacity:0;}
#banner.show{opacity:1;transition:all .3s ease-in;moz-transition: all .3s ease-in;-webkit-transition: all .3s ease-in;-o-transition: all .3s ease-in;}
#banner .inner_box{ position:relative;}
#banner .blist{ height:auto; width:100%;}
#banner .blist li{ width:100%; height:auto;}
#banner .blist li img{ width:100%;}
#banner .btab{ height:30px; overflow:hidden; width:100%; position:absolute; bottom:0; left:0;}
#banner .btab ul{ height:auto; overflow:hidden; margin:0 auto;}
#banner .btab li{ height:10px; padding:10px 0; width:30px; float:left; cursor:pointer;}
#banner .btab li span{ display:block; height:10px; width:10px; margin:0 auto; background:#aaaaaa;border-radius:10px;}
#banner .btab li.on span{ background:#ff0000;}

#tbtn{ height:auto; overflow:hidden; padding:20px 0; position:relative;}
#tbtn .left,#tbtn .right{ width:50%;}
#tbtn .left a{ display:block; padding-right:1px;}
#tbtn .right a{ display:block; padding-left:1px;}
#tbtn img{ width:100%;}
@media screen and (max-width:400px) {
#tbtn{ padding:15px 0;}
}

.box_title{ height:50px; line-height:50px; padding-top:2px; overflow:hidden; background:#177fc8; margin-bottom:20px;}
.box_title .left{ padding-left:5px;}
.box_title .left p{ background:url(../images/bg.gif) #FFFFFF; font-size:24px; padding:0 .6em;}
.box_title .right a{ display:block; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:20px; padding:0 5px; }
@media screen and (max-width:400px) {
.box_title{ height:35px; line-height:35px; padding-top:1px; margin-bottom:15px;}
.box_title .left p{ font-size:18px;}
.box_title .right a{ font-size:16px;}
}

#pub_btn{ height:auto; overflow:hidden; margin-bottom:20px; position:relativee;}
#pub_btn .btn{ width:51%; background:#df7324;}
#pub_btn .btn a{ color:#FFFFFF; display:block; height:90px; overflow:hidden; position:relative; padding-left:80px;}
#pub_btn .btn .pic{ width:80px; text-align:center; height:63px; padding-top:13px; overflow:hidden; position:absolute; left:0; top:0;}
#pub_btn .btn.left{ background:#177fc8; width:48%;}
#pub_btn .btn .txt{ height:auto; overflow:hidden; padding-top:20px;white-space:nowrap;}
#pub_btn .btn .txt span{ display:block; height:auto; overflow:hidden; font-size:16px; line-height:26px;}
#pub_btn .btn .txt p{ font-size:22px;}
@media screen and (max-width:500px) {
#pub_btn .btn a{height:75px; padding-left:65px;}
#pub_btn .btn .pic{ width:65px; height:55px; padding-top:10px;}
#pub_btn .btn .pic img{ width:55px;}
#pub_btn .btn .txt span{font-size:14px; line-height:26px;}
#pub_btn .btn .txt p{ font-size:18px;}
#pub_btn .btn .txt{ padding-top:15px;}
#pub_btn .btn .txt span{ line-height:22px;}
}
@media screen and (max-width:400px) {
#pub_btn{ margin-bottom:15px;}
#pub_btn .btn a{height:60px; padding-left:50px;}
#pub_btn .btn .pic{ width:50px; height:40px; padding-top:10px;}
#pub_btn .btn .pic img{ width:40px;}
#pub_btn .btn .txt span{font-size:13px; line-height:20px;}
#pub_btn .btn .txt p{ font-size:16px;}
#pub_btn .btn .txt{ padding-top:10px;}
#pub_btn .btn .txt span{ line-height:22px;}
}

#footer_nav{ height:auto; overflow:hidden; background:#177fc8; margin-bottom:20px; position:relative;}
#footer_nav li{ height:auto; overflow:hidden; width:25%; float:left; text-align:center; padding:15px 0; font-size:20px;}
#footer_nav li a{ display:block; height:auto; overflow:hidden; line-height:1em; border-right:1px #166191 dashed; border-left:1px #b7d7ee dashed; color:#FFFFFF;}
#footer_nav li.f a{ border-left:0;}
#footer_nav li.l a{ border-right:0;}
#footer{ height:auto; overflow:hidden; line-height:1.7em; font-size:20px; text-align:center; padding-bottom:150px;}
#footer a{ color:#df7324;}
@media screen and (max-width:500px) {
#footer_nav li{ font-size:17px; padding:12px 0;}
#footer{ font-size:17px; padding-bottom:120px;}
}
@media screen and (max-width:400px) {
#footer_nav{ margin-bottom:15px;}
#footer_nav li{ font-size:14px; padding:9px 0;}
#footer{ font-size:14px; padding-bottom:90px;}
}

#bottom_box{ height:auto; overflow:hidden; width:100%; position: fixed !important; position: absolute;bottom: 0; left:0; text-align:center; z-index:80;}
#bottom_box .bb_in{ height:150px; overflow:hidden; position:relative; font-size:18px;}
#bottom_box .bb_bg{ height:110px; position:absolute; left:0; bottom:0; z-index:1; background:#000000;opacity:.8; width:100%;}
#bottom_box .bb_con{ height:150px; width:100%; position:absolute; left:0; bottom:0; z-index:2;}
#bottom_box .bb_con .l{ width:39%; float:left; height:auto; padding-top:40px;}
#bottom_box .bb_con .c{ width:22%; float:left; height:auto;}
#bottom_box .bb_con .c img{ width:100%;}
#bottom_box .bb_con .r{ width:39%; float:right; height:auto; padding-top:40px;}
#bottom_box .bb_con ul{ height:110px; overflow:hidden; background:url(../images/footer_ico1.png) no-repeat center;}
#bottom_box .bb_con li{ float:left; width:50%; height:auto; overflow:hidden;}
#bottom_box .bb_con a{ color:#FFFFFF; display:block; height:150px; overflow:hidden;}
#bottom_box .bb_con li .pic{ height:auto; overflow:hidden; padding:15px 0 10px 0;}
@media screen and (max-width:500px) {
#bottom_box .bb_in{ height:120px; font-size:15px;}
#bottom_box .bb_con{ height:120px;}
#bottom_box .bb_bg{ height:90px;}
#bottom_box .bb_con ul img{ width:35px;}
#bottom_box .bb_con ul{ height:90px;}
#bottom_box .bb_con .l,#bottom_box .bb_con .r{ height:90px; padding-top:35px;}
#bottom_box .bb_con li .pic{ padding:10px 0 7px 0;}
}
@media screen and (max-width:400px) {
#bottom_box .bb_in{ height:90px; font-size:12px;}
#bottom_box .bb_con{ height:90px;}
#bottom_box .bb_bg{ height:60px;}
#bottom_box .bb_con ul img{ width:26px;}
#bottom_box .bb_con ul{ height:60px;}
#bottom_box .bb_con .l,#bottom_box .bb_con .r{ height:60px; padding-top:30px;}
#bottom_box .bb_con li .pic{ padding:7px 0 5px 0;}
}

.tw_c1 {width:100%;height:auto;margin:0 auto;color:#000;font-size:14px;padding-top:10px;text-align:center;}
.tw_c1 span {
    float: left;
    width: 25%;
}input[type="date"]{width:72%;}
input[type="week"]{width:150px;}
input[type="month"]{width:150px;}
input[type="year"]{width:150px;}
.tw_c1 li {
    padding: 0 0 0px;
    overflow: hidden;
}.tw_c1 input {
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #000;
    
    font-family: "微软雅黑";
    height: 28px;
    margin: 0 0 15px;
    padding: 0 0 0 5px;
    width: 72%;
}

.tw_c1 textarea {
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #666;
   
    font-family: "微软雅黑";
    height: 120px;
    padding: 5px 0 0 5px;
    width: 72%;
}
.tw_c1 input.tj {width:84px;height:28px;border:1px solid #ccc;margin:0 10px;cursor:pointer;border-radius:0;background-color:#0A76B7;}
.tw_c1 a {padding:7px 12px;line-height:16px;border-radius:3px;color:white;margin:0 10px;display:inline-block;}
.tw_c1 a.input_tj {background-color:#FE6700;}

.caseList{ position:relative;}
.kinds {
    padding-left: 4.5%;
}
.kinds .title {
    margin-top: 4%;
}
.kinds .title h1 {
    border-left: 6px solid #1366c4;
    font-size: 0.3rem;
    padding-left: 1%;
}
.kinds .kind {
    overflow: hidden;
}
.kinds .kind h2 {
    border: 1px solid #dedede;
    color: #666;
    float: left;
    font-size: 0.22rem;
    margin-right: 3%;
    margin-top: 3%;
    padding: 2%;
}


#flagBox{visibility:hidden;position: fixed; z-index: 2147483647; left: 0px; top: 0%; padding-top:50px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8) none repeat scroll 0% 0%; transition: all 8s ease 0s;  display: block; }
.flagTop{width:76%; margin:0 auto;position:relative; background:#fff; padding-top:6%;
	border-top-left-radius:8px;
	border-top-left-radius:8px;
	-wekit-border-top-left-radius:8px;
	-wekit-border-top-left-radius:8px;
	border-top-right-radius:8px;
	border-top-right-radius:8px;
	-webkit-border-top-right-radius:8px;
	-webkit-border-top-right-radius:8px;

}
.flagBot{background: -moz-linear-gradient(top, #1a81f5 0%, #015abd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a81f5), color-stop(100%,#015abd));
    background: -webkit-linear-gradient(top, #1a81f5 0%,#015abd 100%);
    background: -o-linear-gradient(top, #1a81f5 0%,#015abd 100%);
    background: -ms-linear-gradient(top, #1a81f5 0%,#015abd 100%);
    background: linear-gradient(to bottom, #1a81f5 0%,#015abd 100%);}

.cH5{ color:#1274e2; font-size:24px; text-align:center; position:relative;}
.cH5 .aclose{ position:absolute; color:#bfbfbf; right:3%;top:-12px; font-style:normal; font-weight:bold;cursor: pointer; width:5%;}
.cHp{ color:#dc5808; text-align:center; font-size:22px;}
.cPic{ margin-top:5%;}
.cPic img{ width:100%;}

.flagBot{ padding-top:6%; padding-bottom:3%; width:76%; margin:0 auto;
	border-bottom-right-radius:12px;
	border-bottom-left-radius:12px;
	-webkit-border-bottom-right-radius:12px;
 	-webkit-border-bottom-left-radius:12px;
}
.botH5{ text-align:center; color:#fff; font-size:26px;}
.botP{ text-align:center; color:#fff; font-size:20px; margin-top:2%;}
.botAsk{ color:#fff;  text-align:center; font-size:22px; margin-top:4%;}
.botBut{ width:75%; margin:3.5% auto; overflow:hidden;}

.botBut .botL{ float:left; width:45%;}
.botBut .botR{ float:right; width:45%;}
.botBut img{ width:100%;}