@charset "utf-8";
/* CSS Document */
html{ font-size: 10px;}
body{ margin: 0px;
	padding: 0px;
	font: normal 1.4rem "微软雅黑";
	color: #333;
}
/*公共样式*/
a { text-decoration:none; color: #333}
a:hover {COLOR: #333}
.clear {clear: both}
.fl {float: left}
.fr {float: right}
img {border: 0px;}
DIV, ul, li, h1, h2, p, dl, dt, dd, input {margin: 0; padding: 0; list-style: none; border: none}

.main{ width:100%; height:auto;}
.head{ width:100%; height:50px; background-color:#005DB5 }
.head h1{ float:left; height:50px;}
.head h1 img { width:45%; margin-left:10px; margin-top:5px}
.head2{ width:100%; height:50px; background-color:#005DB5}
.head2 p{ float:left; height:50px;}
.head2 p img {  width:45%; margin-left:10px;margin-top:5px}

.menu{ float: right; height: 38%; margin-top: 1.5rem; margin-right: 1rem; }



/*快捷导航*/
.zhezhao { width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); position: fixed; left: 0; top: 0; z-index: 999; display: none }
.fastnav { width: 150px; height: 100%; position: fixed; right: -160px; top: 0; background: #fff; z-index: 999; overflow: auto; box-shadow: 1px 1px 2px #666 }
.fastnav div { font-size: 16px; color: #fff; padding: 0 20px; height: 40px; line-height: 40px; background: #115fad; }

.fastnav li { padding: 0 10px }
.fastnav li a { display: block; height: 40px; padding: 0 10px; line-height: 40px; font-size: 14px; color: #666; border-bottom: 1px dashed #ddd }
.fastnav li:last-child a { border: none }
.fastnav li a:active { background: #ddd }

/* Banner */
.banner { line-height: 0; }
.banner img { width: 100%; }
.banner .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fea31f; }

#rollnewsbg{width: 100%; height: 50px; background: #f4f4f4; overflow: hidden;}
#rollnews{width:100%;}
#rollnews .tit{float: left; height: 50px; line-height: 50px; font-size: 1.2rem;}
#rollnews .eng{font-weight: bold; color: #0470c9; margin-right: 2px; margin-left:10px;}
#scrollDiv{float: left; font-size: 1.2rem; width: 68%;}
#scrollDiv li{height:50px; color: #999; line-height: 50px; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
#scrollDiv li a{color: #666;}
#scrollDiv li a:hover{color: #0470C9;}

.service{ width: 100%; margin-top: 20px;}
.service li{float: left; width: 25%; }
.service .img{width: 80%; margin: 0 10%; }
.service .img img{width: 100%;}
.service li h2{text-align: center; font-size: 1rem; color: #333; margin-top: 8px; font-weight:normal}

.index-line{width: 100%; height: 8px; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; background: #f0eff5; margin-top: 20px;}

.index-pro{ width: 100%;margin-top: 20px;}
.index-pro-title{ width: 96%; margin: 0 auto; position: relative;}
.index-pro-title h2{color: #1a6bbc; width: 54%; margin-left: 23%; font-size: 2.0rem;background-color: #fff; text-align: center; z-index: 4;  font-weight: normal; position: relative;}
.index-pro-title h2 i {width: 5px; height: 5px; background-color: #1a6bbc; border-radius: 50%; position: absolute; top: 42%; z-index: 4;}
.index-pro-title h2 i.squre_L{left: 0;}
.index-pro-title h2 i.squre_R{right: 0;}
.index-pro-title span {  width: 100%; position: absolute; top: 49%;  left: 0; z-index: 2; display: block; height: 2px; border-top: 1px solid #1a6bbc;}
.index-pro-con{ width: 100%; margin: 1rem 0 0; overflow: hidden;}
.index-pro-con li{ width: 47%; float: left; margin-left: 2%; margin-bottom: 15px;}
.index-pro-con li img{ vertical-align: middle; border: 2px solid #e7e7e7; box-sizing: border-box; width: 100%; height:130px; }
.index-pro-con li .name{ width: 100%; font-size: 1.4rem; color: #333; text-align: center; margin-top: 10px; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;} 

.index-pro-con-news{ width: 100%; margin: 1rem 0 0; overflow: hidden; padding-bottom:20px;}
.index-pro-con-news li{ width: 96%; float: left; margin-left: 2%; margin-right:2%; height:30px; margin-bottom:5px; line-height:30px; border-bottom:1px #e8e8e8 dashed;background: url(../images/list_icon.png) no-repeat left center;text-indent: 10px; overflow:hidden}


.index-pro-more{ width: 96%; margin: 0 auto; height: 2.5rem; font-size: 1.3rem; line-height: 2.5rem; background: #2375c8; text-align: center; border-radius: 20px;}
.index-pro-more a{color: #fff;}

.banquan-index{ text-align: center; font-size: 1.3rem; margin-top: 20px; margin-bottom: 6rem; line-height: 1.6rem; color: #666;} 
.banquan-index p{margin: 0; padding: 0;}
.banquan{ border-top: 1px solid #ccc; text-align: center; font-size: 1.2rem; padding-top: 1rem; margin-bottom: 6rem;} 

#bottom{ width: 100%; height: 50px; position: fixed; bottom: 0; background:#105eac; overflow: hidden; z-index: 100;}
#bottom ul{ height: 50px; line-height: 50px;}
#bottom ul li{ width: 25%; float: left; color: #fff;}
#bottom ul li dl{ width: auto; margin: 0 auto; text-align: center;}
#bottom ul li dt{ width: auto; height: 28px; margin-top: 2px;}
#bottom ul li dd{ width: auto; height: 20px; line-height: 20px; color: #fff; font-size: 1.2rem;}

.topbg{ width:100%; height:4.5rem;  background: #2375c8; overflow:hidden }
.topname{ width: 50%; margin: 0 auto; float: left; text-align: center; position: absolute; left: 25%; line-height: 4.5rem; height:4.5rem; overflow:hidden;  font-size: 1.6rem; color: #fff; }

.about{ width: 90%; margin: 2rem auto; line-height: 2rem;}
.about img{ width:100%;}
.about h2{ font-size:16px; font-weight:700; margin:10px 0px;}

.list{ width: 96%; margin: 0 auto; margin-bottom: 2rem; overflow: hidden;}
.list li{ width: 100%; height: 4rem; line-height: 4rem; font-size: 1.4rem; text-indent: 1rem; background: url(../images/newsl.gif) no-repeat left center; border-bottom: 1px solid #cccccc; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.list li a{ color: #333;}
.list li .times{ float: right; color: #666666; font-size: 1rem;}
.listshow-name{width: 100%; font-size: 1.6rem; text-align: center; margin: 1rem 0; line-height: 24px;}
.listshow-time{width: 100%; font-size: 1.4rem; color: #999; text-align: center; margin: 1rem 0; border-bottom: 1px solid #ccc; padding-bottom: 10px;}
.listshow-con{ width: 100%; margin: 1rem auto; line-height: 2.5rem;}
.listshow-con img{ width:100%; max-height:250px; margin:20px 0px}


.proclass{ width: 90%; margin: 1rem auto; }
.proclass li{ width: 98%; border: 1px solid #aec99e; margin: 0.5rem auto; background: #e2f0da; height: 3rem; line-height: 3rem; text-indent: 1rem; border-radius: 5px; font-size: 1.4rem;}
.proclass li a{ color: #337c09; }

.proshow{ width: 100%; height: auto; overflow: hidden; margin-bottom: 2rem; background: #fff;}
.proshow-top{ width: 100%; height: 4rem; line-height: 4rem; text-align: left;  font-size: 1.6rem; margin-left: 2%;}
.proshow-top-back{ float: right; margin-right: 4%;}
.proshow-title{ width: 100%; font-weight: bold; height: 4rem; line-height: 4rem; text-align: left;font-size: 1.8rem; margin-left: 2%;}
.proshow-cont{ width: 96%; border-bottom: 1px solid #CACACA; border-top: 1px solid #CACACA; margin: 0 auto; padding: 1rem 0; font-size: 1.2rem; color: #888;} 
.proshow-cont .b{color: #1a6bbc; font-weight: bold;}
.proshow-push{width: 60%; margin: 10px 20%;  height: 3.5rem; }
.proshow-push .on{width: 100%;  line-height: 3rem; text-align: center; background: #f88311; color: #fff; border: none; border-radius: 5px; font-family: "微软雅黑";}
.proshow-detail{ width: 100%; height: 3.5rem; background: #eeeeee; line-height: 3rem; padding-left: 2%;}
.proshow-detail-con{ width: 96%; height: auto; margin: 0 auto; line-height: 2rem; padding: 1rem 0;}

.pagination { padding-bottom: 2rem;  text-align: center;}
.pagination ul li { display: inline; margin: 0 0.1rem; }
.pagination ul li a { height: 2.5rem; display: inline-block; *display: inline; *zoom: 1; padding: 0 0.8rem; border: 1px solid #DDD; line-height: 2.5rem; vertical-align: middle; }
.pagination ul li a:hover { background-color: #F8F8F8; text-decoration: none; }
.pagination ul li.active a { background-color: #0470C9; border-color: #0470C9; }
.pagination ul li.active a:link { color: #FFF; }
.pagination ul li.active a:visited { color: #FFF; }
.pagination ul li.active a:hover { color: #FFF; }
.pagination ul li.active a:active { color: #FFF; }
.pagination ul li.active a:hover { background-color: #0470C9; border-color: #0470C9; cursor: default; }

/*messages*/
.messages{ width:90%; margin: 1rem auto;}
.messages input,.messages select,.messages textarea{margin:0;padding:0; background:none; border:0; }
.messlist {margin-bottom:1rem; display: block}
.messlist label{width:28%; height:3rem; font-size:1.4rem; }
.messlist input{width:70%; padding-left: 0.5rem;height:3rem;border:#ddd 1px solid; font-size: 1.4rem; background-color: #fff;}
.messlist.textareas{ height:auto;}
.messlist textarea{width:70%; padding-left: 0.5rem; height:8rem;border:#ccc 1px solid; font-size: 1.4rem; background-color: #fff; max-height:8rem; max-width:70%;}
.messsub{ padding:0;}
.messsub .on{width:46%; height:3rem; border-radius: 0.4rem; background:#ddd; font-size:1.4rem; margin-right:0.5rem; margin-top: 1rem; border: none;}
.messsub .on:hover{ background:#0463B2;color:#fff;}



.noresult{text-align:center; padding:20px 0px;}
.main img{max-width:100%;}