@charset "utf-8";
.g-doc { 
	max-width: 640px; 
	background: #fff;
	padding-bottom: 40px;
	margin:auto;
}

#header { 
	width: 100%; 
}
.logo {
	padding:0;
	width:100%;
	max-height:130px;
	/*background:url(../images/top_bg.jpg) repeat-x;
	background: transparent url("../images/top_bg.jpg") repeat-x scroll right center;*/
}

.logo img{
	width:100%;
	max-height:130px;
}
#nav {
	border-top: 1px #34a4fc solid;
	width: 100%;
	background: -webkit-linear-gradient(top, #1594f9, #1764d2);
	background: -moz-linear-gradient(top, #1594f9, #1764d2);
	background: -o-linear-gradient(top, #1594f9, #1764d2);
	background: linear-gradient(top, #1594f9, #1764d2);
}
#nav ul {
	padding: 5px 0;
	margin: 0;
}
#nav ul li {
	float: left;
	width: 25%;
	height: 30px;
	text-align: center;
}
#nav ul li a {
	display: inline-block;
	font-size:16px;
	padding: 0 5px;
	height: 24px;
	line-height: 24px;
	margin: 3px 0;
	color: #FFF;
}
#nav ul li a:hover {
	color: #fff;
	background: #DA251D;
}

.banner {
	width: 100%;
	margin: .5rem 0 0 0;
}
.flexslider{position:relative;overflow:hidden;background: url("../images/loading.gif") 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{ height: 100%; }
.slides li img { width: 100%; }
.flex-control-nav{position:absolute; bottom:50px; height: 15px; z-index:2;width:100%;text-align:center; margin-bottom: 0; }
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url("../images/dot.png") right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%; display: none;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(images/next.png) center center no-repeat;}

#section {
	width: 100%;
}
.bm_nav {
	margin-top:.5rem;	
	width:100%;
}

.f-tt {
	height: 48px;
	line-height: 48px;
	/*background:transparent url("../images/tit_bg.jpg") repeat-x scroll 0% 0%;*/
	
	background: -webkit-linear-gradient(top, #F1F5F8, #FFFFFF);
	background: -moz-linear-gradient(top, #F1F5F8, #FFFFFF);
	background: -o-linear-gradient(top, #F1F5F8, #FFFFFF);
	background: linear-gradient(top, #F1F5F8, #FFFFFF);
	border-bottom:1px #eee solid;

}
.f-tt span {
	float: left;
	/*background:transparent url("../images/tit_icon.jpg") no-repeat scroll 0% 0%;
	padding-left:30px;*/
	font-size:16px;
	font-weight:bold;
	color:#0970d2;
}

.bm_nav .con {
	padding: 1rem 1.5rem;
}
.bm_nav .con table {
	width: 100%;
}
.bm_nav .con table td {
	width: 33%;
	text-align: center;
	padding: 1rem 0;
}
.bm_nav .con table td img {
	max-width: 100%;
	vertical-align: middle;
}

.news {
	width:100%;
	margin-top:.5rem;
	
}
.news .tit {
	height:30px;
	line-height:30px;
	text-align:center;
	color:#eb1515;
	font-size:22px;
}
.news  li {
	height:41px;
	line-height:41px;
	/*background:transparent url("../images/li_bg.jpg") repeat-x scroll 0% 0%;*/
	background: -webkit-linear-gradient(top, #FFF, #F3F3F3);
	background: -moz-linear-gradient(top, #FFF, #F3F3F3);
	background: -o-linear-gradient(top, #FFF, #F3F3F3);
	background: linear-gradient(top, #FFF, #F3F3F3);
	padding-left:10px;
	font-size:14px;
	border-bottom:1px #eee solid;
}
.news  li span {
	padding-left:15px;
	background:transparent url("../images/icon_01.jpg")  no-repeat scroll 0% 0%;
}

.page {
	margin-top:.5rem;
	margin-bottom:.5rem;
	text-align:center;
	font-size:14px;
}
.change_con {
	width:100%;
	margin-top:.5rem;
	}
.change_con .tit li {
	float:left;
	width:25%;
	height:35px;
	line-height:35px;
	text-align:center;
	background:#EDEBEC;
	font-size:16px;
}
.change_con .tit .on{
	background:#096FD1;
	color:#FFF;
}
.change_con .tit .on a {color:#FFF;}

.list_content .con li {
	height:35px;
	line-height:35px;
	border-bottom:1px #eee dashed;
	padding-left:30px;
	background:transparent url("../images/icon_01.jpg") 10px center no-repeat;
	font-size:14px;
	
}
.list_content .con .inner { width: 98%; height: 100px; margin: 10px auto 0; position: relative; overflow: hidden; }
.list_content .con .inner ul { position: absolute; left: 0; top: 0; }
.list_content .con .inner ul li { float: left; padding-right: 0px; background:none;}
.list_content .con .inner ul li img { width: 195px; height: 90px; }
.list_content .con .inner ul li p { line-height: 30px; text-align: center; }

.jpkc {width:100%;}
.jpkc table {
	width: 100%;
}

.jpkc table td img {
	padding:.5rem;
	text-align:center;
	vertical-align: middle;
	max-width:95%;
}
.ad {
	max-width:100%;
}
.ad img {
	max-width:100%;
}
.jctz {
	margin-top:.5rem;
}
.jctz .inner { width: 98%; height: 200px; margin: 5px auto 0; position: relative; overflow: hidden; }
.jctz ul { position: absolute; left: 0; top: 0; }
.jctz ul li { float: left; padding-right: 15px; }
.jctz ul li img { width: 188px; height: 160px; padding: 2px; border: 1px #DEDEDE solid; }
.jctz ul li p { line-height: 30px; text-align: center; font-size:14px;}

.bottom-fixed {
	position: fixed;
	left: 0;
	bottom: 0;
	width:100%;
	background: -webkit-linear-gradient(top, #FE0000, #B70002);
	background: -moz-linear-gradient(top, #FE0000, #B70002);
	background: -o-linear-gradient(top, #FE0000, #B70002);
	background: linear-gradient(top, #FE0000, #B70002);
}
.bottom-fixed ul li {
	float: left;
	width: 25%;
	text-align: center;
	margin-left: -1px;
	margin-right: -1px;
	border-left: 1px #B1170F solid;
	border-right: 1px #EF3C35 solid;
}
.bottom-fixed ul li img{max-width:80%;}
.bottom-fixed ul li:first-child {
	border-left: none;
}
.bottom-fixed ul li:last-child {
	border-right: none;
}

.article, .n_list{
	width:100%;
}
.article .con {
	padding:10px;
	line-height:200%;
	font-size:14px;
}
.n_list .con {
	padding-top:20px;
	padding-bottom:20px;
}
.n_list .con li {
	height:38px;
	line-height:38px;
	padding-left:30px;
	background:transparent url("../images/icon_01.jpg") 10px center no-repeat;
	border-bottom:1px #EBEBEB solid;
	font-size:14px;
}

.p_list .con {
	padding: 1rem 0;
}
.p_list ul li {
	width:50%;
	vertical-align: bottom; 
	float:left;
	margin-bottom:10px;
	text-align:center;
}
.p_list ul li a{
	display:block;
	padding:4px;
	border:1px solid #f1f1f1;
}
.p_list ul li img{
	max-width: 100%;
}
.p_list ul li p{
	text-align:center;
}




#footer {
	max-width:482px;
	height:200px;
	margin:auto;
}
#footer .line {
	height:35px;
	line-height:35px;
	background:#0970d2;
	color:#FFF;
	font-size:16px;
	text-align:center;
}
#footer .line a {color:#FFF;}
#footer .con  {font-size:14px;}
#footer table {width:100%;}
#footer table td{padding:10px;}
.zt {max-width:640px;}
.zt img {width:100%;}


/******new bottom button style**************/

@media screen and (min-width:640px) {
    .fixed {
	position: fixed;
	left: 0;
	bottom: 0;
	height:120px;
	width:100%;
	z-index:998;
}
.fixed li {
	float:left;
	width:50%;
	height:120px;
	line-height:120px;
	text-align:center;
	font-size:24px;
	color:#FFF;
}
.fixed li a {color:#FFF;}
.fixed .i1 {
	background:#85ac1d;
}
.fixed .i1 span {
	position:relative;
	display:inline-block;
	width:200px;
	height:100%;
	background:url(../images/icon_07.png) left center no-repeat;
	
}
.fixed .i2 {
	background:#008883;
}
.fixed .i2 span {
	display:inline-block;
	width:200px;
	height:100%;
	background:url(../images/icon_08.png) left center no-repeat;
	
}

}
@media screen and (min-width:480px) and (max-width:639px) {
    
.fixed {
	position: fixed;
	left: 0;
	bottom: 0;
	height:90px;
	width:100%;
	z-index:998;
}
.fixed li {
	float:left;
	width:50%;
	height:90px;
	line-height:90px;
	text-align:center;
	font-size:24px;
	color:#FFF;
}
.fixed li a {color:#FFF;}
.fixed .i1 {
	background:#85ac1d;
}
.fixed .i1 span {
	position:relative;
	display:inline-block;
	width:200px;
	height:100%;
	background:url(../images/icon_07.png) left center no-repeat;
	background-size:40px 40px;
	
}
.fixed .i2 {
	background:#008883;
}
.fixed .i2 span {
	display:inline-block;
	width:200px;
	height:100%;
	background:url(../images/icon_08.png) left center no-repeat;
	background-size:40px 35px;
	
}
}
@media screen and (max-width:479px) {
    .fixed {
	position: fixed;
	left: 0;
	bottom: 0;
	height:60px;
	width:100%;
	z-index:998;
}
.fixed li {
	float:left;
	width:50%;
	height:60px;
	line-height:60px;
	text-align:center;
	font-size:20px;
	color:#FFF;
}
.fixed li a {color:#FFF;}
.fixed .i1 {
	background:#85ac1d;
}
.fixed .i1 span {
	position:relative;
	display:inline-block;
	width:200px;
	height:100%;
	background:url(../images/icon_07.png) 20px center no-repeat;
	background-size:30px 30px;
	
}
.fixed .i2 {
	background:#008883;
}
.fixed .i2 span {
	display:inline-block;
	width:200px;
	height:100%;
	background:url(../images/icon_08.png) 20px  center no-repeat;
	background-size:30px 27px;
	
}
}
