*{-webkit-tap-highlight-color:rgba(0,0,0,0)}

html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,a,address,big,cite,code,del,em,
font,img,ins,small,strong,var,b,u,i,center,dl,dt,
dd,ol,ul,li,fieldset,form,label,legend{margin:0;padding:0}

ol,ul{list-style:none}

:focus{outline:0}

a img{border:0}

a{ text-decoration:none;}

body{ background:url(../images/backgroundimg.png) left top; font-size:62.5%}

.body{ max-width:640px; margin:0 auto}

.indexheader header{ background-color:#222; height:88px; }
.indexheader header #logo{ margin:16px 0 0 0px; max-width:90%; margin-left:5%}

#bannerbox{}
/*-------banner设置焦点按钮的样式可自定义------*/
.slider {
	display:none
}
.slider ul,.slider li{ margin:0; padding:0; list-style:none;}
.slider ul li img{ margin:0;border:0;}
.slider li a img {
	max-width:100%;
}
.focus span {
	width:10px;
	height:10px;
	margin-right:10px;
	border-radius:50%;
	background:#666;
	font-size:0
}
.focus span.current {
	background:#fff
}

.indexheader section{ padding:8px 5px 0}
.indexheader .menulist li{ overflow:auto;}
.indexheader .menulist .web-en img{ width:100%}
.indexheader .menulist li .menumsg{ width:30%;  color:#fff; font-size:2.4em;  position:relative; display:block; }
.indexheader .menulist li .menumsg .menumsgtxt{ width:48px; position:absolute; top:8px; left:8px;}
.indexheader .menulist li .menumsg .index{ position:absolute; right:8px; bottom:8px}
.indexheader .menulist li .menuimg{ position:relative; width:69%;}

.indexheader .menulist li .menuimgtxt{ background-color:rgba(0,0,0,0.5); height:26px; line-height:26px; color:#fff; text-align:center; bottom:0; left:0; position:absolute; width:100%}
.indexheader .menulist li:nth-child(1) .menumsg{ float:left;background-color:#E30712;}
.indexheader .menulist li:nth-child(1) .menuimg{ float:right;  background-size:100% auto;}
.indexheader .menulist li:nth-child(2) .menumsg{ float:right;background-color:#4ABDFF;}
.indexheader .menulist li:nth-child(2) .menuimg{ float:left;  background-size:100% auto;}
.indexheader .menulist li:nth-child(3) .menumsg{ float:left;background-color:#4ABDFF;}
.indexheader .menulist li:nth-child(3) .menuimg{ float:right; background-size:100% auto;}
.indexheader .menulist li .navlist{ clear:both;display:-webkit-box;}
.indexheader .menulist li .navlist li{ -webkit-box-flex:1; }
.indexheader .menulist li .navlist li a{ display:block; width:90%; height:40px; line-height:40px; text-align:center; box-shadow:0px 0px 3px #ccc; border:1px solid #ccc; font-size:1.6em; color:#000;margin:8px auto; }


footer{ line-height:53px; background:url(../images/bottomimg.png) repeat-x left bottom; line-height:53px;}
footer a{ color:#000; display:block; text-align:center; font-size:1.2em}
.indexheader footer{ margin-bottom:45px}
.article-content header.top{ height:95px;}
.article-content header.top #goback{ float:left; width:19%; padding-left:6%; padding-top:9%}
.article-content header.top #slidedown{ width:19%; text-align:right; padding-right:6%;padding-top:9%; position:relative; float:right; position:relative}
.article-content{ margin-top:49px;}
.article-content #bannerbox{ margin-top:49px}

.article-content header.top .insidelogo{ width:50%; float:left; margin-top:15px;}
.article-content header.top .insidelogo img{ width:100%; max-width:267px}
.article-content header.top #slidedown>span:before,.article-content header.top #goback a>span:before{ border: 0.18em solid #FFFFFF; border-radius: 2.4em; color: #FFFFFF; display: block; font-size: 2em; height: 2em; line-height: 2em; text-align: center; width: 2em; }
.article-content header.top span.icon-arrow-left{ float:left}
.article-content header.top span.icon-list{ float:right}

.article-content section{ background-color:#fff; padding:1.3em; min-height:400px;}
.article-content section header h3{ color:#df0d0d; font-size:1.8em; padding:1em 0;}
.article-content section article{ font-size:13px; line-height:26px; color:#666}
.article-content section article img{max-width:100%}
.article-content section article p{  /*text-indent:2.4em;*/}

.article-content footer{border-bottom:6px solid #de3c3b;}

.article-content .article-list{ overflow:auto; border-bottom:1px dashed #ccc; padding:10px 0 10px}
.article-content .article-list dt{ width:25%; max-width:121px;}
.article-content .article-list dt img{ width:100%}
.article-content .article-list dt,.article-content .article-list dd{ float:left}
.article-content .article-list dd{ width:98%; padding-left:3%; padding-top:1px; color:#5a5a5a;}
.article-content .article-list dd h3{  padding:0px 0;}
.article-content .article-list dd h3 a{color:#5a5a5a;}
.article-content .article-list dd .post-time{ padding:3px 0;}
.article-content .article-list dd .post-intro{ line-height:1.4em; }

.article-content .article-list1{ overflow:auto; border-bottom:1px dashed #ccc; padding:10px 0 10px}

.article-content .article-list1 dl{margin-bottom:18px; padding-bottom:18px; border-bottom:1px dashed #f1f1f1;}
.article-content .article-list1 dd h3{font-size:13px; color:#444}
.article-content .article-list1 dd .post-time{ font-size:12px; margin:6px 0; color:#999}
.article-content .article-list1 dd .post-intro{font-size:12px; color:#666;line-height:18px;}

.indexheader nav{position: fixed;z-index: 900;bottom: 0;left: 0;right: 0;}
.indexheader nav .top_menu {display: -webkit-box;border-top: 1px solid #073A65;display: block;width: 100%;background: rgba(0, 133, 204, 0.7);height: 48px;display: -webkit-box;display: box;-webkit-box-orient: horizontal;background: -webkit-gradient(linear, 0 0, 0 100%, from(#073A65), to(#0C2F43), color-stop(10%, #798E9D));box-shadow: 0 1px 0 0 rgba(73, 165, 223, 1) inset;}
.indexheader nav .top_menu>li {-webkit-box-flex: 1;position: relative;text-align: center;}
.indexheader nav .top_menu>li>a {height: 48px;margin-right: 1px;display: block;text-align: center;color: #FFF;text-decoration: none;text-shadow: 0 1px rgba(0, 0, 0, 0.3);-webkit-box-flex: 1;}
.indexheader nav .top_menu>li>a img {padding: 3px 0 0 0;height: 24px;width: 24px;color: #fff;line-height: 48px;vertical-align: middle;}
.indexheader nav .top_menu>li>a label {overflow: hidden;margin: 0 0 0 0;font-size: 12px;display: block !important;line-height: 18px;text-align: center;}
.indexheader nav .top_menu>li.home a {height: 60px;width: 60px;margin: auto;border-radius: 60px;position: relative;top: -14px;left: 5px;background: url(../images/home.png) no-repeat center center;background-size: 100% 100%;}
.indexheader nav .top_menu>li>a:hover, .top_bar .top_menu>li>a:active {background-color: #138FEC;}

.article-content nav{position: fixed;z-index: 900;top: 0;left: 0;right: 0;}
.article-content nav .top_menu {display: -webkit-box;border-bottom: 1px solid #0074ba;display: block;width: 100%;background: rgba(0, 133, 204, 0.7);height: 48px;display: -webkit-box;display: box;-webkit-box-orient: horizontal;background: -webkit-gradient(linear, 0 0, 0 100%, from(#0085cc), to(#0074ba), color-stop(10%, #0074ba));box-shadow: 0 -1px 0 0 rgba(0, 147, 221, 1) inset;}
.article-content nav .top_menu>li {-webkit-box-flex: 1;position: relative;text-align: center;}
.article-content nav .top_menu>li>a {height: 48px;margin-right: 1px;display: block;text-align: center;color: #FFF;text-decoration: none;text-shadow: 0 1px rgba(0, 0, 0, 0.3);-webkit-box-flex: 1;}
.article-content nav .top_menu>li>a label {overflow: hidden;margin: 0 0 0 0;font-size:1.4em;display: block !important;line-height: 46px;text-align: center; clear:both;}
.article-content nav .top_menu>li.home a {height: 60px;width: 60px;margin: auto;border-radius: 60px;position: relative;top: 3px;left: 5px;background: url(../images/home.png) no-repeat center center;background-size: 100% 100%;}
.article-content nav .top_menu>li>a:hover, .top_bar .top_menu>li>a:active {background-color: #138FEC;}
footer{ clear:both;}