@charset "utf-8";
/*公共样式 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,em{margin:0;padding:0}
ul, li { list-style: none} 
img,fieldset{vertical-align:top;border:0}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal}
address,cite,code,em,th,b,i{font-weight:normal; font-style:normal}
input,button,textarea,select{font:100% Arial,''; vertical-align:middle}
.clearfix:after{display:block;visibility:hidden;clear:both;height:0;content:"."}
.clearfix{zoom:1}
.clear{ clear:both}
a{ color:#333; -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
.rel{ position:relative}
img{ width:100%}
html{font-size:62.5%}
body{ position:relative; max-width:640px; width:expression(document.body.clientWidth <640 ? "640px" : "100%" ); margin:0 auto; min-width:320px; font-family:"微软雅黑","Helvetica",sans-serif; background:#fff;}
.wrap{ min-width:320px}
.fl{ float:left}
.fr{ float:right}

a:link,a:visited,a:active{text-decoration:none}
.f-mt44 {margin-top:44px}
.fgx-box{ height:10px; background:#f5f5f5; line-height:10px; clear:both}
/***********/
.warp_all{ overflow:hidden; padding-bottom:2.5rem; }
/*******header*******/
.header {max-width: 640px; z-index: 10000;background:#e23b29; position: fixed;top: 0; width: 100%;}
.nav_top { background:#e23b29; height: 2.2rem; padding: 1rem 0.5rem 1rem 1rem; font-size: 1.4rem; line-height: 2.2rem;}
.nav_top > div{float: left;}
.nav_top .nav_back{ width: 1.1rem;vertical-align: middle; position: relative; top: -2px; }
.nav_top .nav_back a i{display:block;width:25px;height:25px;margin:1px auto 0px;background:url(../img/zt-top-bg.png) no-repeat 0px 0px;background-size:100px auto}
.nav_top .nav_back .back i{background-position:-58px -37px}
.nav_top .nav_title {font-size: 1.6rem;color:#fff;padding-left: 1.5rem;}
.nav_top .nav_search { float: right;position: relative; overflow: hidden;}
.nav_top .nav_search a{float:right;width:35px;height:30px;padding-top:0px;}
.nav_top .nav_search a i{display:block;width:25px;height:25px;margin:1px auto 0px;background:url(../img/zt-top-bg.png) no-repeat 0px 0px;background-size:100px auto}
.nav_top .nav_search .app-icon i,.header .search i{background-position:-58px 0px;}
.nav_top .nav_search .tiku i{ background-position:0px -37px}
/*end-header*/
/*banner*/
.bannermain{ position:relative;margin-top:4.2rem;}
.ch_navmain {width:100%; position:relative;margin:-24px 10px 24px;overflow: hidden; }
.ch_navmain a {float:left;height: 35px; padding: 0px 10px;margin-bottom: 10px;margin-right: 10px;border-radius: 20px; color: rgb(255, 255, 255); font: 15px/35px "微软雅黑"; background: #6214a8 none repeat scroll 0% 0%; }
.ch_navmain a.ch_navthis { background: #ff3f5a none repeat scroll 0% 0%; }
/*centent box 1*/
.main-bg{ padding-top:1px; background-color: #192d44; background-image: linear-gradient( -45deg, #1b3770, #192d44);}
.main-hui{padding-top:1px; background-color: #f8f8f8;}
.ch_main{margin:20px 10px 25px;}
.ch_main_two{ background:#e1ecfd;}
.ch_tit h3,.ch_tit p{ text-align:center;}
.ch_tit h3{font-size:2.7rem; color:#192d44; font-weight:bold; overflow:hidden; padding-bottom:5px;}
.ch_tit_line{border-bottom:1px solid #6214a8 ; position:relative;}
.ch_tit_line span{ width:200px; height:2px; position:absolute; bottom:-1px; left:50%; margin-left:-100px; display:inline-block; background:#192d44;}
.ch_tit p{padding-top:5px; font-size:1.6rem; color:#777}
.ch_content_1{ overflow:hidden; margin:0 auto; }
.main-bg  .ch_tit_line{ border-color:#207194;}
.main-bg  .ch_tit h3{ color:#fff;}
.main-bg  .ch_tit p{ color:#b6c2d2;}
.ch_tit_line span{ width:190px; height:2px; position:absolute; bottom:-1px; left:50%; margin-left:-95px; display:inline-block; background:#192d44;}
.main-bg  .ch_tit_line span{ background:#2351ac;}
/********左右点图********/
.proc_main{ overflow:hidden; margin-top:20px;}
.proc_main li{overflow:hidden; position:relative; z-index:1; padding-bottom:20px;}
.proc_box1,.proc_box2 .proc_left{ float:left}/*,.proc_box1 .proc_right
.proc_box2,.proc_box1 .proc_left,.proc_box2 .proc_right{}*/
.proc_main .proc_box2-1{margin-top: -213px;}
.proc_box-t{height:30px; padding-top:30px;}
.proc_box-b{ margin-top:-29px; padding-top:0; padding-bottom:30px;}
.proc_t{width:60px; height:30px;  background-color:#30a0b8; background-image: linear-gradient( -45deg, #56af98, #6214a8 ); text-align:center; line-height:30px; font-size:1.5rem; color:#cdf2e8; box-shadow: 3px 5px 10px #e9dac5; border-radius:2px;}
.proc_left{ width:32px; height:32px; overflow:hidden; border:2px solid #6214a8 ; color:#fff; font:16px/32px "Arial"; border-radius:50%; text-align:center; background:#6214a8; position:absolute; left:2px; top:0px;}
.proc_right{padding:10px; background:#fff; border-radius:5px; position:relative; border:1px solid #fff; margin-left:60px;}
.sanjiao{ background:url(../img/icon.png) 0 -257px no-repeat; background-size:500px; width:13px; height:22px; position:absolute; top:10px; left:-13px;}
.sanjiao_r{right:-19px;}
.proc_right .title{ line-height:30px; overflow: hidden;}
.title h4{overflow:hidden; font-size:1.8rem; color:#333; float:left; vertical-align:bottom; }
.title a{color:#555; font-size:1.4rem; font-weight:normal; float:right; vertical-align:bottom;}
.title a:hover{color:#e13b29;}
.title a span{background:url(../img/icon.png) -440px 0 no-repeat; background-size:500px; width:7px; height:13px; display:inline-block; margin-left:10px; vertical-align:-2px;}
.proc_right p{ overflow:hidden; margin-top:5px; font:normal 14px/28px "微软雅黑"; color:#8a8a8a;word-break:break-all;}
.proc_triangle{ width:7px; height:12px; position:absolute; z-index:7; top:16px; clear: both; line-height: 2rem;}
.proc_box1 div.proc_triangle{ background-position:-250px -80px; right:59px}
.proc_box2 div.proc_triangle{ background-position:-260px -80px; left:59px}
.proc_line{ width:2px; overflow:hidden; height:100%; _height:500px; background:#6214a8 ; position:absolute; z-index:-1; top:0}
.proc_line-t{width:2px; overflow:hidden; height:100%; _height:500px; background:#6214a8 ; margin-left:20px;}
.proc_box1 .proc_line{ left:20px}
.proc_box2 .proc_line{ left:19px}

.ch_tittop, .ch_titbot,.li2_rticon1{ background-image: url('../img/bg.png'); background-repeat: no-repeat; }
.link_a { color:#ff3f5a; text-decoration: underline; }
.link_a:hover { color: rgb(237, 129, 57); }
.link_b { color: #ff3f5a; text-decoration: underline; }
.link_b:hover { color:#ee2642 }
.link_c { color:rgb(102, 102, 102); }
.link_c:hover { color: #ff3f5a; text-decoration: underline;}
.red{color: #ff3f5a;}
.ch_titwarp{ min-width: 320px; margin:0 auto;  }
.ch_titwarp h3{overflow: hidden; text-align: center; color: #6214a8; font: bold 26px/36px "微软雅黑"; }
.ch_tittop, .ch_titbot { width: 130px; margin: 0px auto; }
.ch_tittop { height: 34px; background-position: 0px 0px; }
.ch_titbot { height: 35px; background-position: 0px -40px; }
.proc_round { width: 6px; height: 6px; overflow: hidden; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 2px solid #6214a8; border-radius: 50%;position:relative; left:16px; top:0px;}
.li2_word { overflow: hidden; margin-top: 20px; font: 15px/28px "微软雅黑"; color: rgb(102, 102, 102); padding:0 5px; }
.li2_word h5 { overflow: hidden; padding: 2px 0px; font: bold 16px/26px "微软雅黑"; color: rgb(51, 51, 51); }
.ch_li2_warp {overflow: hidden; }
.ch_li2_warp li { overflow: hidden; margin-top: 20px; }
.li2_rtlist dd { overflow: hidden; margin-top: 15px;position:relative; }
.li2_rtli_nb {position:absolute;top:0;left:0;width: 30px; height: 30px; overflow: hidden; background: rgb(108, 108, 108) none repeat scroll 0% 0%; text-align: center; color: rgb(238, 238, 238); font: 16px/30px "微软雅黑";}
.li2_rtli_rt { overflow: hidden; float: left; margin-left:40px; }
.li2_rtli_rt h5 { overflow: hidden; padding: 2px 0px; font: bold 16px/26px "微软雅黑"; color: rgb(51, 51, 51); }
.li2_rtli_rt p { font: 14px/26px "微软雅黑"; overflow: hidden; color: rgb(102, 102, 102); word-break: break-all; }

.ch_libox{ width:100%; overflow:hidden; margin:0 auto; margin-top:-10px}
.ch_libox li{ width:100%; overflow:hidden; padding:30px 0 35px 0; border-bottom:1px solid #dfdfdf}
.ch_li_left{ width:20%; height:70px; float:left; overflow:hidden; font:100 40px/70px "微软雅黑"; text-align:center;  color:#d8d8d8; background:url('../img/bgicon.png') -78px 2px no-repeat}
.ch_li_right{ width:76%; float:right; overflow:hidden}
.ch_li_right h6{ height:30px; overflow:hidden; font:normal 20px/30px "微软雅黑"; color:#333}
.ch_li_right p{ overflow:hidden; padding-top:10px; font:normal 14px/22px "微软雅黑"; color:#666}
.ch_li_right p b{ color:#ff0030; font-weight:700}
.ch_li_right a.more{ display:block; width:104px; margin-top:8px; height:22px; line-height:22px; color:#fff; background:#ff0030; text-align:center; border-radius:3px}
.ch_li_right a.more:hover{ background:#e3002b}

.ch_warp .ui-table{border:1px solid #e6e6e6; text-align:center; margin-bottom:20px;margin-top:10px;}
.ch_warp .ui-table th{height:50px;font-size:16px; font-weight:normal; color:#fff; background:#6214a8;}
.ch_warp .ui-table thead{border-bottom:1px solid #e6e6e6 }
.ch_warp .ui-table td{line-height:25px;padding:10px 0; font-size:14px;}
.ch_warp .ui-table a{ color:#333;display:inline-block;padding:0 10px;}
.ch_warp .ui-table span{margin-left:20px;}
.ch_warp .ui-table a:hover{ text-decoration:underline; color: rgb(237, 129, 57); }
.ch_warp .ui-table .huise{ background:#f6f6f6;}

.ch_wj_pos{ position:relative; z-index:1; margin-top:10px;}
.ch_w_2{ width:98%; overflow:hidden; border:5px solid #efefef; border-radius:70px 0 70px 0; background:#fff}
.ch_w_yj1,.ch_w_yj2{ display:none; #display:block; _display:block; width:70px; height:70px; position:absolute; background-repeat:no-repeat; background-image:url(bgicon.png)}
.ch_w_yj1{ background-position:-14px -113px; top:0; left:0; z-index:5}
.ch_w_yj2{ background-position:-100px -113px; right:0; bottom:0; z-index:6}
.ch_w_li{ width:98%; overflow:hidden; padding:10px 0; margin:25px 0; float:left;}
.ch_w_li li{ overflow:hidden; padding:0 10px 0 20px; }
.ch_w_li li h5{ height:40px; overflow:hidden; text-align:center; font-size:24px; line-height:40px; color:#333; font-weight:700}
.ch_w_li li p{ font-size:14px; line-height:26px; color:#666; margin-top:6px; text-indent:2em;}
.ch_w_li li p strong { font-weight:bold;}
.ch_w_li li p b{ font-weight:700; color:#ff0030}
.ch_w_li li a{ display:block; width:178px; height:34px; margin:0 auto; margin-top:32px; border:1px solid #ff0030; font-size:18px; color:#ff0030; line-height:34px; text-align:center; border-radius:3px}
.ch_w_li li a:hover{ color:#fff; background:#ff0030}

.datizhi{ width:98%;margin:10px auto 0;}
.datizhi p{ font-size:15px; height:40px; line-height:30px;word-break: break-all;}
.datizhi p a{color: #ff3f5a;}
.datizhi p a:hover{ text-decoration:underline;}
.datizhi img{ text-align:center; margin-top:30px;}
/**footer**/
.footer {margin-top: 0.1rem;background: #f8f8f8;}
.footer h30{ background:#f8f8f8;}
.footer ul {height: 36px;line-height: 36px;font-size: 12px;}
.footer ul li { background: #f8f8f8;float: left; width: 50%;position: relative;text-align: center;}
.footer ul li a { display: block; width: 100%; height: 100%;color: #a5a5a5;}
.footer ul li.active a { color: #0d69ba;}
.footer ul li b {width: 0.75px;height: 20px;background: #fff; display: block; position: absolute;right: 0; top: 8px;}
.footer .copyright { font-size: 12px;line-height: 25px; text-align: center; color: #a5a5a5; margin:0.12rem 0 0.08rem;}