/* CSS Document */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    font-family:Microsoft Yahei;
}

body {
    line-height:1;
}

:focus {
	outline: 1;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
    display:block;
}

nav ul {
    list-style:none;
}

ul { list-style-type:none; padding:0;}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

<!--css reset-->




.wcontainer { width:100%; padding:0 1.25em; box-sizing:border-box; margin:0 auto; overflow:hidden;}
.wcontainer-v { width:100%; padding:0 1.25em; box-sizing:border-box; margin:0 auto;}
.row-20 { margin-left:-1.25em; margin-right:-1.25em;}
.full-image { width:100%; max-width:100%; height:auto; display:block;}
ul { list-style-type:none; padding:0;}
ul:after { content:""; display:table; clear:both; overflow:hidden;}


.container>.navbar-header { border:none;}
.navbar-header { height:6em;}
.navbar-default { border:none; margin-bottom:0; background-color:#dadada; border-bottom:2px solid rgba(0,0,0,.39)}
.navbar-toggle { float: left; padding: 0.625em 0.5em;margin-top: 1.25em;margin-right: 0;margin-bottom: 8px;background-color: transparent; background-image: none; border: 1px solid #acacac !important; border-radius: 4px;}
.navbar-toggle .icon-bar { height:0.5em; width:2.75em;}
.navbar-default .navbar-toggle .icon-bar { background-color:#3e4449;}
.logo a { display:block;}
.logo { display:inline-block; float:left; padding-top:1em; padding-left:5%; max-width:32em;}
.language { display:inline-block; float:left; line-height:3em; width:30%;}
.language a {  font-size:1.125em; color:#167d3a;display:inline-block;margin-right:15%;margin-left:10%}
.ablinks { float:right; margin-right:0; border:none !important;}
.ablinks.navbar-toggle .icon-bar  { height:0.5em; width:0.5em ;}
.carousel-inner>.item>a>img, .carousel-inner>.item>img { width:100%; max-width:100%;}
.carousel-indicators { border-color:transparent; bottom:10%;}
.search-box { background-color:#dadada; PADDING:1em 0;}
.navbar-form { padding:0; margin:0;}
.navbar-form input { border:none; outline:none; box-shadow:none; box-sizing:border-box;}
.navbar-form input:focus {  border:none; outline:none; box-shadow:none; display:inline-block}
.isearch { width:88%; float:left; max-width:88%; height:3.5em; line-height:3.5em; font-size:;color:#d4d4d4; border-top:1px solid #cecece; border-bottom:1px solid #cecece;}
.ibtn { width:107%; max-width:10.7%; float:right; height:3.5em; background-position:center; background-repeat:no-repeat; background-size:auto; background-image:url(../wap/image/search_05.png);}
.btn-default:hover { background-color:#fff;}
.btn-default:active:hover { background-color:#fff;}
.index-sec1 { width:100%; padding-bottom:2.375em; }
.index-title { padding:2em 0; width:100%; background-color:transparent; text-align:center;}
.index-title h2 { color:#167d3a; font-size:1.625em; line-height:1; position:relative; display:inline-block; width:auto; font-weight:bold;}
.index-title h2:before, .index-title h2:after { content:"---"; font-size:26px; font-weight:bold; color:#ec5416; line-height:1; padding:0 0.3em;}
.index-title h3 { text-transform:uppercase; color:#a1a1a1; font-size:0.9375em; padding-top:0.6em;}
.index-sec1 .sec1-body { width:100%; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; margin-bottom:1em;}
.sec1-list { width:100%; box-sizing:border-box; padding:0 15px;}
.sec1-col { height:16.625em; padding-top:3.25em; background-image:center; position:relative; box-sizing:border-box; padding-right:0.25em; background-repeat:no-repeat; background-position:center;}
.sec1-col .sec1-txt { text-align:left; float:right; display:block; max-width:11.875em;}
.sec1-col .sec1-txt p { font-size:1.0625em; color:#4d4d4d; line-height:1.35;}
.sec1-col .sec1-txt a { text-align:right; float:right; display:inline-block; margin-top:2.2em; font-size:1.0625em; color:#4d4d4d;}
.sec1-col:first-child { background-color:#01c18d;}
.sec1-col:nth-child(2), .sec1-col:nth-child(6)  { border-right:1px solid #dcdcdc;}
.sec1-col:nth-child(3) { border-left: 1px solid #dcdcdc; padding-left:1.25em;}
.sec1-col:nth-child(3) .sec1-txt { float:left;}
.sec1-col:nth-child(3) .sec1-txt a { float:left;}
.sec1-col:nth-child(4) { background-color:#74cb6c}
.sec1-col:nth-child(5) { background-color:#01c18d}
a.pages { width:100%; box-sizing:border-box; text-align:center; line-height:3.4em; color:#646363; font-size:1.125em; background-color:#e3e3e3; box-sizing:border-box; display:inline-block; border:1px solid #b5b5b5; border-radius:3px; transition:all .3s ease-in-out;}
.mcir { position:absolute; right:-3.75em; z-index:999; top:4.5em; width:7.5em; height:7.5em; padding-top:1.5em; box-sizing:border-box; border:0.75em solid #fff; border-radius:50%; background-color:#b5fcaf; text-align:center;}
.mcir:nth-child(2) { background-color:#7be7ca;}
.mcir span { font-size:1.125em; color:#4d4d4d; line-height:1.3;}

.index-sec2 .index-title { background-color:#eeeeee; padding-top:1.5em;}
.sec2-list li { margin:1.5em 0; height:auto; position:relative;}
.sec2-list .sec2-img { float:left; width:36%; min-height:15.125em; display:inline-block; text-align:center;}
.sec2-list .sec2-img img { max-width:100%; height:auto; margin:auto;}
.sec2-list .sec2-txt { padding-top:1em; width:60%; float:right;}
.sec2-list .sec2-txt h3 { color:#2d2d2d; font-weight:normal; font-size:1.25em; display:block;}
.sec2-list .sec2-txt h3 a { color:#2d2d2d; display:block;}
.sec2-list .sec2-txt h4 { font-size:1em; color:#cacaca; font-weight:normal; line-height:1; padding:1em 0;}
.sec2-list .sec2-txt p { color:#707070; font-size:1.0625em; line-height:1.53;}
.sec2-list .sec2-title { position:absolute; left:-1.25em; top:2em; box-sizing:border-box; padding-top:0.5em; width:7.75em; height:; display:block; height:6.75em; background-color:#3e444a; text-align:center; color:#fff;}
.sec2-list .sec2-title span {white-space:nowrap; font-size:1.0625em; line-height:2.65;}
.sec2-list li:before { content:""; position:absolute; right:0; bottom:0; width:11em; height:0.5em; background-image:url(../wap/image/colorline2.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.sec2-clear { width:100%; height:2.5em; display:block; clear:both; overflow:hidden; background-color:#eeeeee;}
.index-sec3 { padding-bottom:5em;}
.sec3-col { padding:0 1.875em; height:16.875em; position:relative; text-align:center; margin-top:5em;min-height:145px;}
.sec3-col img { border-radius:2.125em;}
.sec3-col .sec3-icon { position:absolute; z-index:999; display:inline-block; box-sizing:border-box; width:5.4em; height:5.4em; top:-1.75em; left:6.5em; border:0.625em solid #3e444a; border-radius:50%; background-color:#fff; background-position:center; background-repeat:no-repeat;}
.sec3-col .sec-img { position:relative; width:100%;}
.sec3-col .midp { position:absolute; top:7.375em; width:100%; display:block; text-align:center; color:#fff; background-color:#01c18d;}
.sec3-col .midp p { font-size:1.5625em; line-height:2;}
.fgrid1 { width:100%; background-color:#3e444a; text-align:center;}
.fgrid1 a#gotop { display:block; width:100%; height:auto;}
.fgrid1 a#gotop span { font-size:1.875em; line-height:3em; color:#fff; display:inline-block; padding-left:1.67em; background-image:url(../wap/image/gotop_05.png); background-repeat:no-repeat; background-position:center left;}
.fgrid2 { padding-top:3em; background-color:#dadada; padding-bottom:1.375em;}
.fgrid2 .index-title h6 { color:#202020; font-size:1.4375em;}
.fgrid2 .index-title { padding-bottom:1.5em; padding-top:0;}
.flist { padding-left:1.25em;}
.flist li { display:inline-block; float:left; padding-left:1.875em; line-height:1; margin-bottom:1.875em; width:50%; box-sizing:border-box;}
.fgrid3 { background-color:#3e444a; width:100%; text-align:CENTER;}
.fgrid3 p { font-size:0.9375em; color:#cccccc; line-height:2.8em;}



@media only screen and ( max-width:768px) and ( min-width:641px){
	
	body { font-size:120%;}
	
	}



@media only screen and ( max-width:768px) {
       
	   
	   
	}

@media only screen and ( max-width:480px){
	body { font-size:75%;}
	.logo { max-width:22.5em;}
	}

/*iphone6+*/
@media only screen and ( max-width:414px){
	body { font-size:65%;}
	.logo { max-width:19.5em; padding-top:1.2em;}
	.sec3-col .sec3-icon { left:5.5em;}
	.sec1-col .sec1-txt { max-width:10em;}
	.sec3-col .midp { top:6em;}
	.fgrid1 a#gotop span { padding-left:2em; background-size:40%;}
	.sec3-col { height:auto;}
	.sec1-col { background-size:40%;}
	
	}
/*iphone6*/
@media only screen and ( max-width:375px){
	body { font-size:58.5%;}
	.logo { max-width:13.5em; left:-1em; position:relative;}
	.sec1-col .sec1-txt { max-width:76%;}
	.sec1-col { background-size:45%;}
	.sec3-col .sec3-icon { left:4.5em; background-size:80%;}
	.sec3-col .midp { top:5.5em;} 
	.flist li { padding-left:0;}
	.sec3-col .sec3-icon { width:5em; height:5em;}
	
	}
@media only screen and ( max-width:320px) {
	body { font-size:50%;}
	.logo { max-width:15em;}
	.navbar-toggle .icon-bar { width:2em; height:0.25em;}
	.language { margin-left:4%; line-height:5em;}
	.ablinks.navbar-toggle .icon-bar { height:0.25em; width:0.25em;}
	.navbar-header { height:5em;}
	.ibtn { background-size:80%;}
	.mcir { top:4em;}
	/*.sec1-col { background-position: center left 2em;}*/
	.sec1-col .sec1-txt { max-width:7em;}
	.sec1-col .sec1-txt a { margin-top:2em;}
	.sec3-col .sec3-icon { width:4.5em; height:4.5em; left:4em;}
	.sec3-col .midp { top:4.5em;}
	.sec3-col { height:auto;}
	.flist { padding-left:0;}
	.flist li { width:100%; text-align:center;}
	}