/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
*{margin: 0;padding: 0;}
html{line-height:1.15;-webkit-text-size-adjust:100%;font-family: "Microsoft YaHei";}
body{margin:0}
main{display:block}
h1{font-size:2em;margin:.67em 0}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none;max-width: 100% !important; height: auto !important;}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
template{display:none}
[hidden]{display:none}
a {text-decoration: none; color: #0063df;}
p {margin: 10px 0;}
ol,ul {list-style: none;}


#LRdiv1,#LRfloater0 { display: none; height: 0; overflow: hidden; visibility: hidden;}

.clesrfix::after {content: ''; display: block; height: 0; visibility: hidden; clear: both;}


html {height: 100%;
    /* background-color: #f6f6f6; */
     font-size: 14px;}
body {
    margin: 0 auto;
    max-width: 414px;
    height: 100%;
}

.container {
    margin: 0 0px;
}

header {background-color: #fff;}
.logo {display: block;}
.logo img {max-width: 100%;}

.header-nav,.footer-nav {width: auto; height: 36px; line-height: 36px; background-color: #0063df; text-align: center;}
.header-nav a,.footer-nav a {  color: #fff; display:block; width: 20%; float: left; font-size: 18px; }
.header-nav a.on { color: #0063df; background-color: #fff;}

.footer-nav { background-color: #999; }
.footer-nav a {color: #fff; font-size: 16px;}
.footer-info {text-align: center; color: #999;margin-bottom: 70px;}



/* banner -------------------------------------- */
.slideBox{ position:relative; width:100%;  height:160px; overflow:hidden; margin:10px auto; }
.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; }
.slideBox .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.slideBox .hd li.on{ background:#fff;  }
.slideBox .bd li{ position:relative; }
.slideBox .bd li img{ width:100%;  height:100%; display:block;   }

.list { width: 100%; overflow: hidden;}
.list li {height: 36px; line-height: 36px; font-size: 14px;    white-space: nowrap;overflow: hidden;text-overflow: ellipsis; border-bottom: solid 1px #dedede;}
.list li:last-of-type {border-bottom: 0;}
.list.news li span {color: #ff5e04; margin-right: 4px}


/* 本例子css -------------------------------------- */
.tabBox{ margin:10px auto;   }
.tabBox .hd{ height:40px; line-height:40px; font-size:0px; overflow:hidden; background:#eee; border-top:1px solid #ccc;   }
.tabBox .hd ul{}
.tabBox .hd ul li{display: inline-block; width: 25%; vertical-align:top; text-align: center; color: #999;font-size:16px;  }
.tabBox .hd ul li a { color: #333;}
.tabBox .hd ul li.on a{ color:#0063df; display:block; height:38px; line-height:38px;   border-bottom:2px solid #0063df;  }

.tabBox .bd ul li{ border-bottom:1px dotted #ddd;  }
.tabBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }  /* 去掉链接触摸高亮 */
.tabBox .bd li a span {color: #ff5e04;}
.readMore{ display:block; height:30px; line-height:30px; margin:10px auto 20px auto;  text-align:center; text-decoration:underline;   }
.tempWrap {height: auto !important;}

.Slide-box { width: 100%;}


.des-list { margin-top: 8px;}
.des-list::after { content: ''; display: block; height: 0; width: 100%; visibility: hidden; clear: both;}
.des-list a { float: left; width: 23%; margin: 0 1%;margin-bottom: 10px;text-align: center;line-height: 36px;height: 36px;color: #999; background-color: #fff;border: solid 1px #dedede;box-sizing: border-box;  }
.des-list a:last-of-type {margin-right: 0;}

.des-list-link {display: flex; margin-top: 8px; margin-bottom: 10px;}
.des-list-link a {flex: 1;margin-right: 6px;text-align: center;line-height: 36px;height: 36px;background-color: #0063df; color: #fff;}
.des-list-link a:last-of-type {margin-right: 0;background-color: #ff5e04;}

.ty-link {display: flex; box-sizing: border-box; margin-bottom: 10px;}
.ty-link a {flex: 1;margin-right: 2px; height: 70px; text-align: center; background-color: #0258c4; color: #fff;}
.ty-link a:last-of-type {margin-right: 0;}
.ty-link a i { display: block;margin: 8px auto; font-size: 32px;}



.ty-title { height: 32px; line-height: 32px; background-color: #dedede; font-size: 16px;}
.ty-title span {display: inline-block;padding: 0 20px; background-color: #0063df; color: #fff;}
.ty-title a {float: right; margin-right: 20px;color: #f00; text-decoration: underline}

.doc-team {margin: 20px auto;}
.doc-item {margin: 10px auto 20px;}
.doc-item img { float: left; margin-right: 10px;margin-bottom: 10px; width: 120px; height: 140px;}
.doc-item h3 span {margin-right: 8px;}
.doc-item p {overflow: hidden; height: 96px; line-height: 24px;}
.doc-link {display: flex;clear: both; line-height: 28px;height: 28px; text-align: center;}
.doc-link a {flex: 1; margin-right: 10px; background-color: #0258c4; color: #fff;}
.doc-link a:last-of-type {margin-right:0; background-color: #ff5e04;}


.pop-link {position: fixed; padding: 4px 0; width: 100%; height: 48px; bottom: 0; left: 0; display: flex;background: #2180ef; display: none;}
.pop-link a {flex: 1; border-right: 2px solid #fff; text-align: center; font-size: 16px; color: #fff;}
.pop-link a:last-of-type { border: none;}
.pop-link a i{ display: block; font-size: 28px; }

.banner-youhui {width: 100%; margin: 20px auto; display: block;}
.banner-youhui img{width: 100%;}

.paging {text-align: center; margin: 20px auto;}
.paging li {display: inline-block;margin: 0 4px; padding: 6px 10px;border: solid 1px #dedede; background-color: #fff; color: #000;}

.curmbs {margin-bottom: 20px; padding: 0 10px; height: 36px; line-height: 36px; font-size: 18px; background-color: #fff;}
.curmbs span {border-right: 3px solid #0258c4;}
.curmbs a {margin: 0 10px;}

.content { line-height: 24px; font-size: 16px;}

.zzjb-box { margin-top: 20px;}
.zzjb-box h3 {font-size: 18px; color: #ff5e04;}
.zzjb-box a {color: #0258c4;}

#des-slider {margin: 20px auto;}
.des-slider-item h3 { height: 42px; line-height: 42px; background-color: #dedede;color: #fff; border-bottom: solid 1px #fff;}
.des-slider-item h3 span {display: inline-block; padding: 0 10px;  font-weight: normal;}
.des-slider-item h3 i {font-size: 24px; float: right; display: block; margin-right: 10px;transform: rotate(45deg);}
.des-slider-item:nth-of-type(1) h3 span { background-color: #fca02e;}
.des-slider-item:nth-of-type(2) h3 span { background-color: #f97060;}
.des-slider-item:nth-of-type(3) h3 span { background-color: #49bbd4;}
.des-slider-item:nth-of-type(4) h3 span { background-color: #49c434;}
.des-slider-item:nth-of-type(5) h3 span { background-color: #02a2c8;}

.des-slider-item .content { display: none;  text-align: justify;}

.content-title-h1 { text-align: center; font-size: 20px; font-weight: normal;}
.content-title-h4 {padding: 10px 0; text-align: center; border-bottom: solid 1px #dedede;font-weight: normal; margin-bottom: 10px;}
.content-text {line-height: 26px; text-align: justify; margin: 20px auto;}
.content-daodu { padding: 10px 10px; line-height: 26px; background-color: #f2f2f2; color: #333; border-radius: 8px;}
.content-daodu span {color:#ff5e04;}
.content-cyzx {clear: both; margin: 20px 0 0;text-align: center;}
.content-cyzx span {margin: 0 10px;color:#ff5e04; }
.content-link {margin-bottom: 20px; text-align: center; font-size: 0px;}
.content-link a {display: inline-block;padding:0 10px; height: 42px; line-height: 42px;font-size: 18px;border:#0063df solid 1px; vertical-align: middle;}
.content-link a i {font-size: 28px;vertical-align: middle;}
.content-link a:first-of-type { background-color: #0063df;color: #fff;border-radius:6px 0 0 6px;}
.content-link a:last-of-type { background-color: #fff;color: #0063df;border-radius:0 6px 6px 0;}
.content-text p {margin: 10px 0; text-indent: 2em;}


.ks-box {margin-bottom: 30px;}
.ks-list { margin-top: 20px; }
.ks-info {width: 100%; display: flex; overflow: hidden;}
.ks-info img{  flex: 2;}
.ks-info .ks-text { flex: 1; color: #fff;line-height: 24px; padding: 10px 10px;}
.ks-info .ks-text h4 {font-weight: normal;}

.ks-box .ks-list:nth-of-type(1) .ks-info .ks-text {background-color: #ff1382;}
.ks-box .ks-list:nth-of-type(2) .ks-info .ks-text {background-color: #03a3c8;}
.ks-box .ks-list:nth-of-type(3) .ks-info .ks-text {background-color: #d87500;}
.ks-box .ks-list:nth-of-type(4) .ks-info .ks-text {background-color: #ff3413;}
.mainPage{ margin:20px 0;}

.mainPage ul{display:block; margin:0 auto;}
.mainPage ul::after {content: ''; display: block; height: 0; visibility: hidden; clear: both;}

.mainPage ul li{float: left; display: inline; height: 28px; line-height: 32px; padding: 0 8px;color:#000; margin: 10px 5px; border:1px solid #dedede;}

.mainPage ul li a{color:#000;font-size:12px; }

.mainPage ul li.thisclass{background:#09f;border:1px solid #218EC1;color:#fff;}

.mainPage ul li.thisclass a{color:#fff;}
.mainPage ul li a:hover, a:focus {
    color: hsl(209, 93%, 48%);
    text-decoration: none;
}

.doc-view-name { font-weight: normal; font-size: 20px; text-align: center; border-bottom: solid 1px #dedede; }
.doc-view-img { text-align: center;}
.doc-view-img img { max-width: 100%;}

.doc-view-title { margin-top: 20px; height: 38px; line-height: 38px; font-weight: normal; font-size: 18px; border-bottom: solid 1px #dedede;}
.doc-view-data { line-height: 28px;} 
.lxys { display: block; clear: both; margin: 20px auto 30px; width: 60%; height: 38px; line-height: 38px;text-align: center; font-size: 16px; background-color: #0063df;color: #fff; border-radius: 8px;}