body { font:12px '微软雅黑'!important; max-width: 640px; }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0;}

td,th,caption { font-size:12px; }

h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }

address, caption, cite, code, dfn, em, strong, th, var { font-style:normal;}

a { text-decoration:none; cursor:pointer;}

a:hover{ text-decoration:none; }

img { border:none; }

ol,ul,li { list-style:none; }

input, textarea, select, button {  outline:none;}

table { border-collapse:separate; }

html {overflow-y: scroll;}

img{ max-width: 100%; }

body,html{width: 100%;height: 100%;}

.clearfix:after{content:"";display:block;clear:both;}

.clearfix{zoom:1;}

::-webkit-input-placeholder {

	color: #ccc !important;

  }

  

  :-moz-placeholder {

	color: #ccc !important;

  }

  

  ::-moz-placeholder {

	color: #ccc !important;

  }

  

  :-ms-input-placeholder {

	color: #ccc !important;

  }

.header{

	width: 100%;

	/*height: 65px;*/

	background-color: rgb(228, 234, 235);

	float: left;

	position: relative;

}

.header .logo{

	display: inline-block;

	float: left;

	height: 65px;

	line-height: 43px;

	box-sizing: border-box;

	padding: 11px 0;

	padding-left: 15px;

	font-size: 14px;

	color: #fff;

	font-weight: bold;

}

.header .logo img{

	float: left;

	margin-right: 10px;

	width: 130px;

}

.header .title{

	text-align: center;

	font-size: 19px;

	color: #666;

	line-height: 55px;

}

.header .l{

	position: absolute;

	left: 0;

	top: 0;

	width: 55px;

	height: 55px;

	display: block;

	background-color: #34418c;

	background-image: url(../images/zuo.png);

	background-position: center;

	background-repeat: no-repeat;

	background-size: 25px;

}

.header .r{

	position: absolute;

	right: 15px;

	top: 16px;

}

.header .r img{

	width: 30px;

}

.hd_mobile_hide_box{    float: left; width:100%; display:none; background:#f2f2f2;}

.hd_mobile_hide_nav{height:40px; line-height:40px; border-bottom:1px dashed #e3e3e3; padding:0px 10px; }

.hd_mobile_hide_box a{ height:40px; line-height:40px;display:block;font-size:16px;color:#222222;}



.banner {

    width: 100%;

    height: 235px;

    /*float: left;*/

    margin-bottom: 20px;

}

.news_title{

	width: 100%;

	height: 40px;

	/*float: left;*/

	/*margin-bottom: 20px;*/

	background-color: #eee;

}

.news_title .name{

	width: 140px;

	height: 40px;

	float: left;

	background-color: #2e6cf7;

	line-height: 40px;

	text-align: center;

	color: #fff;

	font-size: 16px;

	border-radius: 0 15px 0 15px;

}

.news_title .more{

	float: right;

	display: block;

	margin-right: 15px;

	line-height: 40px;

	font-size: 14px;

	color: #aaa;

}

.news_list{

	width: 100%;

	float: left;

	box-sizing: border-box;

	padding: 0 15px;

}

.news_list .top{

	width: 100%;

	height: 130px;

	padding: 20px 0;

	display: block;

	border-bottom: 1px solid #ddd;

	margin-bottom: 20px;

	box-sizing: border-box;

}

.news_list .top .pic{

	width: 120px;

	height: 90px;

	float: left;

	margin-right: 15px;

}

.news_list .top .title{

	font-size: 16px;

	color: #444;

	height: 21px;

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: normal;

	margin-bottom: 15px;

}

.news_list .top .intro{

	font-size: 14px;;

	color: #888;

	line-height: 25px;

	white-space: normal;

	text-overflow: ellipsis;

	overflow: hidden;

	height: 50px;

}

.news_list ul li{

	width: 100%;

	height: 55px;

	margin-bottom: 20px;

}

.news_list ul li a{

	width: 100%;

	height: 100%;

	display: block;

}

.news_list ul li a .time{

	width: 55px;

	height: 55px;

	float: left;

	display: block;

	box-sizing: border-box;

	border:1px solid #ddd;

	margin-right: 15px;

}

.news_list ul li a .time .day{

	text-align: center;

	height: 30px;

	line-height: 30px;

	color: #fd7a12;

	font-size: 16px;

	font-weight: bold;

}

.news_list ul li a .time .ym{

	text-align: center;

	/*height: 20px;*/

	/*line-height: 20px;*/

	color: #666;

	font-size: 12px;

}

.news_list ul li a .title{

	font-size: 16px;

	color: #444;

	white-space: normal;

	text-overflow: ellipsis;

	overflow: hidden;

	height: 25px;

	line-height: 25px;

}

.news_list ul li a .intro{

	font-size: 14px;;

	color: #888;

	line-height: 30px;

	white-space: normal;

	text-overflow: ellipsis;

	overflow: hidden;

	height: 30px;

}

.news_list .sys{

	width: calc(50% - 10px);

	height: 100px;

	background-position: center;

	background-repeat: no-repeat;

	margin-top: 10px;

	margin-bottom: 30px;

	position: relative;

}

.news_list .zsw{

	float: left;

	margin-right: 10px;

	background-image: url(../images/zsw.jpg);

}

.news_list .jyw{

	float: right;

	margin-left: 10px;

	background-image: url(../images/jyw.jpg);

}

.news_list .sys .title{

	position: absolute;

	left: 0;

	bottom: 20px;

	background-color: rgba(63,77,159,0.8);

	padding: 5px;

	color: #fff;

	font-size: 12px;

}

.news_list .sys .title span{

	display: inline-block;

	width: 10px;

	height: 15px;

	background-color: #e7a71c;

	position: relative;

	top: 1px;

	line-height: 15px;

	text-align: center;

	color: #fff;

	font-size: 12px;

}

.work{

	width: 100%;

	margin-top: 10px;

	margin-bottom: 30px;

	box-sizing: border-box;

	padding: 0 15px;

}

.work ul li{

	width: 100%;

	height: 40px;

	border-bottom: 1px dashed #ddd;

}

.work ul li a{

	width: 100%;

	height: 40px;

	display: block;

	line-height: 40px;

	color: #444;

	font-size: 16px;

}

.work ul li a .l {

	width: calc(100% - 100px);

	height: 40px;

	display: inline-block;

	/*float: left;*/

	white-space: normal;

	text-overflow: ellipsis;

	overflow: hidden;

}

.work ul li a .r{

	float: right;

	width: 80px;

	font-size: 14px;

	color: #888;

}

.work .top{

	width: 100%;

	/*float: left;*/

	padding: 15px 0;

	display: block;

	border-bottom: 1px dashed #ddd;

}

.work .top .title{

	font-size: 16px;

	color: #444;

	white-space: normal;

	text-overflow: ellipsis;

	overflow: hidden;

	margin-bottom: 5px;

}

.work .top .intro{

	font-size: 14px;

	color: #888;

	height: 50px;

	line-height: 25px;

	white-space: normal;

	text-overflow: ellipsis;

	overflow: hidden;

}

.lxwm{

	width: 100%;

	height: 192px;

	padding-bottom: 15px;

	background-position: center;

	background-repeat: no-repeat;

	background-image: url(../images/lxbj.jpg);

	margin-bottom: 25px;

}

.lxwm .title{

	color: #3f4d9f;

	font-size: 16px;

	text-align: center;

	line-height: 50px;

	font-weight: bold;

}

.lxwm .info{

	color: #666;

	font-size: 14px;

	text-align: center;

	line-height: 33px;

}

.footer{

	width: 100%;

	float: left;

	margin-top: 15px;

}

.footer .up{

	width: 100%;

	float: left;

	box-sizing: border-box;

	padding: 30px 15px;

	background-color: rgb(228, 234, 235);

}

.footer .up .title{

	color: #d2e0eb;

	font-size: 16px;

	line-height: 35px;

}

.footer .up .info{

	color: #666;

	font-size: 12px;

	line-height: 25px;

	text-align: center;

}

.footer .up .info a{

	color: #666;

	font-size: 12px;

	line-height: 25px;

	padding-right: 10px;

}

.footer .up .erweima{

	text-align: center;

	padding: 30px 0;

	padding-bottom: 0;

}

.footer .up .erweima span{

	margin: 0 15px;

	display: inline-block;

	width: 100px;

}

.footer .up .erweima span img{

	float: left;

	text-align: center;

}

.footer .up .erweima span a{

	float: left;

	display: block;

	width: 100%;

	font-size: 12px;

	color: #666;

	line-height: 30px;

	text-align: center;

}

.footer .down{

	width: 100%;

	float: left;

	text-align: center;

	background-color: #000;

	color: #d2e0eb;

	line-height: 22px;

	font-size: 12px;

	padding: 5px 0;

	box-sizing: border-box;

	padding:0 15px;

}

.list{

	width: 100%;

	float: left;

	padding: 0 15px;

	padding-top: 10px;

	box-sizing: border-box;

	max-height: 707px;

	overflow: hidden;

}

.list ul li{

	width: 100%;

	height: 40px;

	border-bottom: 1px dashed #ddd;

}

.list ul li a{

	width: 100%;

	height: 36px;

	display: block;

	line-height: 37px;

	color: #444;

	font-size: 15px;

}

.list ul li a .l {

    width: calc(100% - 80px);

    height: 30px;

    display: inline-block;

    white-space: normal;

    text-overflow: ellipsis;

    overflow: hidden;

}

.list ul li a .r{

	float: right;

	width: 80px;

	font-size: 14px;

	color: #888;

}

.quanbu{

	width: 100%;

	height: 80px;

	line-height: 80px;

	font-size: 18px;

	color: #333;

	display: block;

	text-align: center;

}

.news_up{

	width: 100%;

	float: left;

	box-sizing: border-box;

	padding: 0 15px;

	padding-top: 20px;

	border-bottom: 1px solid #ddd;

	margin-bottom: 20px;

}

.news_up .title{

	color: #222;

	font-size: 18px;



}

.news_up .info{

	color: #999;

	float: 14px;

	line-height: 35px;

}

.news_con{

	width: 100%;

	float: left;

	box-sizing: border-box;

	padding: 0 15px;

	margin-bottom: 20px;

}

.news_con img{

	max-width: 100%;

}

.news_con{

	font-size: 16px;

	color: #666;

	line-height: 30px;

}

.page{

	width: 100%;

	float: left;

	text-align: center;

	margin-top: 30px;

	margin-bottom: 30px;

}



.page a,.page span {

	display: inline-block;

	padding: 5px 10px;

	margin: 0 3px;

	border: 1px solid #cfcfcf;

	/*-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;*/

	line-height: 23px;

}



.page a,.page li {

	display: inline-block;

	list-style: none;

	text-decoration: none;

	color: #999;

}



.page a.first,.page a.prev,.page a.next,.page a.end {

	margin: 0;

}



.page a:hover {

	border-color: #bd1a21;

}

.page span.current {

	color: #fff;

	font-weight: 700;

	border-color: #2e6cf7;

	background-color: #2e6cf7;

}

.fenlei{

	width: 100px;

	text-align: center;

	background-color: #2e6cf7;

	border: 1px solid #2e6cf7;

	border-left: 0;

	position: fixed;

	left: -101px;

	top: 60px;

	border-radius:0 5px 5px 0;

	transition: left 0.5s;

	/*padding: 5px 0;*/

}

.fenlei .shaixuan{

	width: 30px;

	text-align: center;

	position: absolute;

	right: -29px;

	top: 34px;

	background-color: #2e6cf7;

	border:1px solid #ddd;

	border-left: 0; 

	font-size: 14px;

	border-radius: 0 5px 5px 0;

	color: #fff;

	box-sizing: border-box;

	padding: 10px;

	word-break: break-all;

}

.fenlei .type{

	width: 100%;

	padding: 0 5px;

	line-height: 35px;

	color: #fff;

	display: inline-block;

	font-size: 14px;

	float: left;

	box-sizing: border-box;

	border-radius:0 5px 5px 0;

}

/*.fenlei a:last-child{border-right: 0;}*/

.fenlei a.hover{

	background-color: #fff;

	color: #666;

}





.hang {

    width: 100%;

    float: left;

    margin-bottom: 20px;

    /* padding-left: 20px; */

    box-sizing: border-box;

    /* padding-right: 20px; */

    /* text-align: center; */

}

.hang .l{

	width: 65px;

	float: left;

	line-height: 35px;

	font-size: 15px;

	color: #666;

	margin-right: 15px;

	box-sizing: border-box;

}

.hang .r {

    width: calc(100% - 95px);

    /* height: 35px; */

    float: left;

    font-size: 15px;

    color: #666;

    display: flex;

    /* flex-direction: column; */

    /* text-align: center; */

}

.hang .r input[type=text] {

    width: 100%;

    height: 28px;

    float: left;

    border: 1px solid #ddd;

    box-sizing: border-box;

    border-radius: 8px;

    padding-left: 15px;

    margin-bottom: 5px;

    margin-right: 10px;

}

.hang .r select{

	width: 100%;

	height: 100%;

	float: left;

	border:1px solid #ddd;

	box-sizing: border-box;

	border-radius: 8px;

	padding-left: 15px;

}

.hang .r textarea{

	width: 100%;

	height: 100%;

	float: left;

	border:1px solid #ddd;

	box-sizing: border-box;

	border-radius: 8px;

	padding-left: 15px;

	font-size: 13px;

	line-height: 35px;

	font-family: 'Arial';

	font-weight: normal;

}

.hang .r input[type=submit] {

    width: 150px;

    height: 40px;

    float: left;

    border: 0;

    background-color: #2e6cf7;

    line-height: 40px;

    text-align: center;

    color: #fff;

    font-size: 16px;

    /* margin: 0 auto; */

    border-radius: 8px;

}

.zh_title{

	width: 100%;

	float: left;

	line-height: 30px;

	text-align: center;

	color: #0E6EF0;

	font-size: 20px;

	margin-top: 15px;

}

.zh_title a{

	font-size: 14px;

	color: #666;

}