@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,strong{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}
.rel{ position:relative}
img{ width:100%}
html{font-size:62.5%}
body{ position:relative; max-width:640px; background:#fff; width:expression(document.body.clientWidth <640 ? "640px" : "100%" ); margin:0 auto; min-width:320px; font-family:"\5FAE\8F6F\96C5\9ED1","冬青黑体简体中文","Helvetica",sans-serif}
.wrap{ min-width:320px}
table{ border-collapse:collapse; border-spacing:0;}
.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}
.hui{background:#f5f5f5;}
.main{padding:0 10px; margin:0 auto;}




/***主体内容***/
.bannerbox{line-height:0;position:relative;}

/*banner*/
.banner-bgx{background:url("banner-bgx.png")/*tpa=http://www.thea.cn//file/15/zt/jszgydbk/banner-bgx.png*/; position:absolute; bottom:-30px; left:20px;}

/*nav*/
.nav-box{height:50px; overflow:hidden;background:#f2f3f5;  }
.nav-box li{}
.nav-box li a{display:inline-block; color:#333; padding:0 7px; text-align:center; float:left; font-size:1.8rem;  line-height:50px; background:#f2f3f5; border-top:3px solid #dadbdd;}
.nav-box li a:hover,.nav-box li a.hover{ color:#059164; border-top:3px solid #004c2b;}
.nav-box ul{ width:1000px;}

/*main*/
.title{background:url("icon.png")/*tpa=http://www.thea.cn//file/15/zt/jszgydbk/icon.png*/ 0 0 no-repeat; background-size:375px; width:211px; height:37px; line-height:42px; font-size:2.1rem; color:#fff; text-indent:45px; margin-top:25px;}
.title h3{font-weight:bold; font-family:"\5FAE\8F6F\96C5\9ED1"}
.box-right{width:100%;}
.box-right img{width:100%;}
.box-txt{height:30px; padding:0; margin:0; margin-top:18px; overflow:hidden; z-index:9; background:url("one-x.png")/*tpa=http://www.thea.cn//file/15/zt/jszgydbk/one-x.png*/ 0 0 no-repeat;}
.box-txt-top{margin-top:10px;text-align:left;}
.box-txt em{float:left;width:21px; height:28px; background:url("bg.png")/*tpa=http://www.thea.cn//file/15/zt/jszgydbk/bg.png*/ 0 -240px;background-size:40px auto;
 margin-top:2px; z-index:99;}
.box-txt span{font-size:1.6rem; font-weight:normal; float:left; line-height:30px; margin-left:10px;width:180px;}
.explain{position:relative; padding:0 10px 10px;}
.explain .xian{width:1px; background:#e6e8ea; height:100%; position:absolute; top:0; left:22px; z-index:0;}
.explain .xian span{position:absolute; left:-2px; bottom:0; width:5px; height:5px; border-radius:50%; background:#e6e8ea; }
.explain dt{line-height:25px; margin-top:15px;font-size:1.4rem;font-weight:bold; position:relative; z-index:1;}
.explain dt em{background:url("icon.png")/*tpa=http://www.thea.cn//file/15/zt/jszgydbk/icon.png*/ 0 -59px no-repeat; background-size:375px; width:23px; height:23px; line-height:23px; color:#fff; text-align:center;
font-style:normal; display:inline-block; font-family:"Arial"; font-weight:900; font-size:1.3rem; vertical-align:3px;}
.explain dt span{ color:#333;font-size:1.8rem; height:23px; line-height:23px; padding-left:10px;}
.explain dd{ font-size:1.5rem;padding-top:5px; position:relative; z-index:1; padding-left:33px;}
.explain dd p{padding:0px 0px;}
.explain dd span{color:#777; line-height:24px; font-size:1.5rem;}
.explain dd a{color:#ff6e0d; font-size:16px; text-align:right; display:block; padding-right:6px; padding-top:8px; padding-bottom:5px;}
/*.explain dd a:hover{ color:#fff}*/
.explain dd a span{ background:url("icon.png")/*tpa=http://www.thea.cn//file/15/zt/jszgydbk/icon.png*/ -250px 0 no-repeat; background-size:375px; width:7px; height:10px; display:inline-block; margin-left:8px; vertical-align:1px;}
.explain dd .Entrance{color:#fff; width:65%; height:40px; line-height:40px; padding:0 10px; display:block; background:#ff5e1a;
background-image:linear-gradient(45deg, #ff9f19, #ff5e1a); border-radius:3px; box-shadow: 3px 5px 10px #ffd1bd; font-size:1.5rem; text-align:center; margin:5px auto 10px;} 
.explain dd .Entrance:hover{}
.explain-txt{ line-height:24px; color:#555;font-size:1.2rem;}

/* 表格-有边框 */
.ui-table{ clear:both;font-family:'Microsoft Yahei'; margin-top:20px;}
.ui-table th,.ui-table td{ border:1px #dadada solid;overflow:hidden; color:#777;
 text-align:center; height:50px; font-size:1.5rem;font-family:'Microsoft Yahei'; }
.ui-table th{ color:#333;}
.ui-table .form-one{ width:40%;overflow:hidden;  }
.ui-table .form-two{ width:60%;overflow:hidden;  }
.ui-table th{ background:#16a779; font-size:1.5rem; font-weight:normal;font-family:'Microsoft Yahei'; border-color:#16a779; color:#fff;}
.ui-table td span{ margin:0 5px; display:inline-block;}

/* 表格-有边框 */
.e-link{  position:relative; margin-top:5px;overflow:hidden;}
.explain .e-link-top{ margin-top:15px;position:relative;padding:0px;}
.e-link a{background:#f6f6f6;border-radius:2px;padding:10px 5px;display:block;}
.e-link a:hover{ background:#e2f1ff;}
.e-link em{ width:14px; height:17px; background:url("bg.png")/*tpa=http://www.thea.cn//file/15/zt/jszgydbk/bg.png*/ 0 -270px; position:absolute; left:8px; top:50%;margin-top:-9px;
background-size:40px auto; display:inline-block;}
.e-link b{ font-weight:normal; color:#555; font-size:1.4rem; font-family:'Microsoft Yahei'; line-height:20px; 
margin-right:20px; margin-left:24px; display:block; overflow:hidden;}
.e-link i{ width:7px; height:13px; background:url("bg.png")/*tpa=http://www.thea.cn//file/15/zt/jszgydbk/bg.png*/ 0 -290px;background-size:40px auto;  
display:inline-block; right:5px; top:50%;margin-top:-7px;position:absolute;}
.flow{ background:url("x-y.png")/*tpa=http://www.thea.cn//file/15/zt/jszgydbk/x-y.png*/ center 0 repeat-y; padding-left:33px; position:relative;}
.flow-txt{ margin:15px auto 0;text-align:center; padding-left:33px; margin-bottom:10px;}
.flow-txt-b{margin-bottom:20px; margin-top:10px;}
.flow-txt span{ font-size:1.5rem;}
 .flow li{ color:#777;}
 .flow li span{ font-size:1.5rem;} 
.flow-txt span{ color:#fff; font-family:'Microsoft Yahei'; width:65%; font-weight:bold;
background:#059164; background-image:linear-gradient(45deg, #19a97b, #059164); box-shadow:3px 5px 6px #d6f6ec; display:inline-block; height:36px; border-radius:50px; line-height:36px;} 
 .flow-q{width:65%; text-align:center; margin:0 auto; border:1px solid #e1e1e1; height:30px; line-height:30px;  border-radius:25px; background:#FFF; position:relative;}
.flow li em{ width:28px; height:28px; background:#4f9fe7; display:inline-block; line-height:28px; color:#fff; font-size:1.2rem; font-family:"Arial"; font-weight:bold;
 border-radius:24px; text-align:center; font-style:normal; margin-right:5px; background:#059164; /*background-image:linear-gradient(85deg, #ff9f19, #ff5f1a);*/background-image:linear-gradient(85deg, #0fc88d, #059164);}
 .flow .flow-l em{position:absolute; top:1px; left:1px; background:#059164; background-image:linear-gradient(85deg, #0fc88d, #059164);}
.flow-b{}
.flow .flow-r em{ position:absolute; right:-4px; top:1px;}
.flow .flow-r span{margin-right:20px; margin-left:10px;}
.flow .flow-l span{margin-right:10px; margin-left:20px;}
.sanjiao{text-align:center; height:10px; line-height:10px; border:none; margin:0 auto; padding-left:1px;}
.sanjiao span{ background:url("icon.png")/*tpa=http://www.thea.cn//file/15/zt/jszgydbk/icon.png*/ -590px 0 no-repeat; width:19px; height:10px; display:inline-block;}
.xian-lc{ width:1px; background:#e1e1e1; border:none; height:15px;}




/****返回顶部***/
.top-ico{ position:fixed; display: block; width: 36px; height: 36px; background: #000; bottom:20px; right: 10px; opacity: .5; -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px; display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: center; display: -ms-flexbox; -ms-flex-pack: center; -ms-flex-align: center; -webkit-box-orient: vertical; -ms-flex-orient: vertical; z-index: 10}
.top-ico i{ width:14px; height:18px; display:block; background:url("in-bg.png")/*tpa=http://www.thea.cn//file/15/zt/jszgydbk/in-bg.png*/ no-repeat -4px -58px; margin:0px auto; background-size:90px}


@media screen and (max-width:479px){
.ch-warp{ font-size:10px;}
}

@media screen and (min-width:480px) and (max-width:639px){
.ch-warp{ font-size:15px;}
}

@media screen and (min-width:640px){
.ch-warp{ font-size:20px;}
}