﻿@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
body {font-size:12px; color:#666; font-family:"微软雅黑","黑体","宋体"; background:#fff;}
input,button {font-family:"微软雅黑","黑体","宋体"; color:#666; outline:none; border:none;}
ul,li {list-style-type:none;}
.more{ float:right;}
img { border:0; max-width: 100%;}
a{text-decoration: none; color:#666; }
.clear { clear:both;}
.f12 { font-size:12px;}
.f14 { font-size:14px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}
.blue{ color:#c90000;}
.hide{ display:none;}
.clearfix_after{zoom:1;}
.clearfix_after:after{content:"";display:block; height:0; line-height:0; clear:both;visibility:hidden;}

.page{ max-width:640px; margin:0 auto;}
.header{ padding:14px 10px 8px 10px; height:64px; background:#fff; border-bottom:6px solid #057cc7;}
.i_header{ width:100%;height: 100%;}
.i_header .logo{ width:55%; float:left;height:100%;}
.i_header .logo img {
	height: 100%;
}
.i_header .r{ width:25%; float:right; padding-top:10px;}
.i_header .search{ width:50px; height:50px; background:url(../images/icon_search.png) no-repeat center; float:right; margin-right:6%; cursor:pointer;}
.i_header .nav{ width:50px; height:49px; padding-top:1px; display:block; background:#057cc7 url(../images/icon_nav.png) no-repeat center; float:right; cursor:pointer;}

.menu{    background: #fff; width:100%; left:0; top:90px; position:absolute; z-index:10; display:none;}
.menu .bb{
	height: 40px;
	width: 50%;
background: #057cc7;
	float: left;
	margin: 0px auto;
	text-align: center;
	
}
.menu .bb a{
	display: block;
	overflow: hidden;
	float: left;
	text-align: center;
	font-size: 18px;
	line-height: 40px;
	color: #fff;
}
.menu .i_menu{ max-width:640px; margin:0 auto; background:#fff;}
.menu li{ font-size:14px; border-bottom:1px solid #ccc;}
.menu li a{ color:#222; line-height:50px; padding:0 5%; display:block;}
.menu li a i{ background:url(../images/icon_menu_down.png) no-repeat center; width:50px; height:50px; display:inline; float:right;}
.menu li a i.act{ background:url(../images/icon_menu_up.png) no-repeat center;}
.menu li a.on{ font-weight:bold; background:#eee;}
.menu li .drop{ background:#eee; display:none;}
.menu li .drop p{ padding-left:5%; border-top:1px solid #ccc;}
.menu li .drop p a{ color:#666;line-height: 40px;}
.menu li .drop p span{ display: block; line-height: 40px; padding: 0 5%}




.pic_news{ padding:10px 10px 0 10px; background:#fff; border-bottom:1px solid #ccc; border-top:1px solid #ccc; margin-bottom:10px;}
.i_pic_news{ width:100%; overflow:hidden;}
.i_pic_news li{ width:33%; float:left; margin-bottom:10px; box-sizing:border-box; overflow:hidden; }
.i_pic_news li a{ display:block; overflow:hidden;text-align: center}
.i_pic_news li .img{ width:100%; position:relative; float:left; border-radius: 50%;}
.i_pic_news li .img img{ width: 70%; }
.i_pic_news li:nth-child(2n-1){ padding-right:5px;}
.i_pic_news li:nth-child(2n){ padding-left:5px;}
.i_pic_news li p{text-align:center; color:#333 line-height:34px;}

.s_shdt{background:#fff; border-bottom:1px solid #ccc; border-top:1px solid #ccc; margin-bottom:10px;}
.tab_name{ height:48px; line-height:48px; overflow:hidden;}
.tab_name li{ width:33.3333%; float:left; height:47px; text-align:center; border-bottom:1px solid #ccc; border-right:1px solid #ccc; box-sizing:border-box;}
/*.tab_name li:nth-child(2){ border-right:none;}*/
.tab_name li a{display:block; font-weight:bold; color:#222; height:47px; overflow:hidden;}
.tab_name li.act a{    border-bottom: 2px solid #057cc7;color: #057cc7; height:45px;}

.tab_content { 
	/*padding:10px; */
	width: 100%;
	overflow: hidden;
}
.tab_content li{  width:48%;overflow:hidden; float: left; margin:0 1% 0 1%;}
.tab_content li div{
		height: 170px;
    width: 100%;
    overflow: hidden;
    background: #eee;
}
.tab_content li img{ width: 100%;}
.tab_content li p{ text-align: center; line-height: 35px; font-size: 14px;}
.tab_content li .more{ color:#999;}

/*about*/
.about_nav{ width:100%; height:50px; line-height:50px; border-bottom:1px #dadada solid;}
.about_nav p{ float:left; margin-left:3%; font-family:"微软雅黑";  font-size:16px; color:#666666;
/* background:url(../images/icon.jpg) no-repeat left center;*/ padding-left:15px; border-left: 8px solid #0073C6;  margin-bottom: 20px;     height: 40px;}
.about_nav span a{ float:right; background:url(../images/cion_more.png) no-repeat right center; margin-right:3%; padding-right:20px;color:#ccc; }

.about{width:94%; margin:2% auto; overflow:hidden;}
.about img{ width:100%; height:100%;}
.about p{ line-height:22px; margin-top:5px;}

/**/

.hy_img { padding:10px; overflow: hidden; width: 95%;}
.hy_img li{  width:48%;overflow:hidden; float: left; margin-left: 2%;margin-bottom: 2%}
.hy_img li div{
		height: 170px;
    width: 100%;
    overflow: hidden;
    background: #eee;
}
.hy_img li img{ width: 100%;}
.hy_img li p{ text-align: center; line-height: 35px; font-size: 14px;}
.hy_img li .more{ color:#999;}

/*bottom*/
.lfooter { width:100%; height:70px; background-color:#057cc7;  bottom:0px; margin-top:5px; position:fixed;}
.lfooter ul li { width:33.33%; height:auto; float:left; text-align:center; padding:10px 0px; }
.lfooter ul li a { color:#FFF; line-height:12px; font-size:12px;}


.back_top{ text-align:center;}
.back_top a{ display:inline-block; width:50px; height:40px; background:#bbb; overflow:hidden;}
.back_top a:hover{ background:#9c9c9c;}
.footer{ text-align:center; line-height:22px; color:#333; padding:5px 0; }







/*内页*/
.other{width:100%;}
/*title*/
.public_mobile{display: block;position: relative;height: 50px;margin-bottom: 10px;}
.public_mobile_tit{ width:100%;margin:auto;display: inline-block;line-height: 50px;font-size: 16px;background:url(../images/icon_mobile.png) no-repeat center right #057cc7; color:#fff; font-weight:bold;}
.public_mobile_tit p{ margin-left:10px;}
.sub_nav{display:none; width:100%; overflow:hidden;}
.public_mobile_hide{position: absolute;width: 100%;z-index: 2;top: 50px;display: none; left:0px;}
.public_mobile ul li a{font-size:14px;line-height:40px;color:#000; padding-left:25px;}
.public_mobile ul li a.on{ color:#057cc7;}
.public_mobile ul li{width:100%;background:#fafafa;border-bottom:1px #c7c7c7 dotted;}


/*about*/
.about_con{  width:94%; margin:10px auto;}
.about_con p{ line-height:24px;}
.zuopin h5{
	text-align: center;
	font-size: 18px;
	height: 60px;
}

/*news*/
.ny_news{ width:96%; margin:10px auto; overflow:hidden;}
article { padding-top:15px; margin-bottom:15px; border-top:1px solid #eee; }
article:first-child { border-top:0px; margin-top:0px; padding-top:0px; }
article h3 a, article h2 a { text-decoration:none !important;  font-size:16px; font-weight:normal; color:#000;}
article h3 a:hover, article h2 a:hover { text-decoration:none; }
article p { margin-top:5px; line-height:20px;}

.flip,.new_flip{ height:48px; line-height:48px; text-align:center; width:96%; margin:10px auto;}
.flip .next{ width:48%; float:right; border:1px solid #ccc; box-sizing:border-box;border-radius:5px;}
.flip .prev{ width:48%; float:left; border:1px solid #ccc; box-sizing:border-box;border-radius:5px;}
.flip .prev1{ width:48%; float:left; border:1px solid #ccc; box-sizing:border-box;border-radius:5px;}
/*zuopin*/
.zuopin{ overflow:hidden; width:98%; margin:20px auto; margin-bottom:0px;}
.zuopin ul li{ float:left; height: 210px; width:47%; text-align:center; margin-left:1.5%; margin-bottom:25px; background:#fff; overflow:hidden; border:1px #dadada solid;}
.zuopin ul li a.zuopinimg{ height: 170px;overflow:hidden;display:block;display: table-cell;vertical-align:middle;}
.zuopin ul li a.zuopinimg img{ width:100%;  transition:all 1s; height: 170px;}
.zuopin ul li a.zuopinimg:hover img{ transform:scale(1.1,1.1); }
.zuopin ul li p{ overflow:hidden; height:30px; line-height:30px;font-size:14px; color:#333;}
.zuopin ul li p a{ display:block;}
.zuopin ul li p a:hover { background:#4174d7; color:#fff;}


.down{
	padding: 0 10px;
}
.down li{
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #333;
}
.down li span{
	float: left;
	line-height: 40px;
}
.down li a{
	font-size: 14px;
	color: #fff;
	float: right;
	padding: 0px 15px;
	background: #000;
	border-radius: 8px;
	box-sizing: border-box;
	height: 30px;
    line-height: 30px;
    margin-top: 5px;
}
.main {
    overflow: hidden;
    margin-top: 20px;
	margin-bottom:100px;
}
.title4 {
    font-size:18px;
    line-height: 28px;
    text-align: center;
    color: #333;
	padding:0 15px;
}
.newsshow-time
{    overflow: hidden;
    margin: 15px 0;
    padding: 15px;

    background: #f8f8f8;
}

.newsshow-time .newsshow-timel
{
    line-height: 28px;

    float: left;

    width: 50%;

    color: #a67c80 !important;
}

.newsshow-time .newsshow-timer
{
    float: right;

    width: 50%;
}

.newsshow-cont
{
    overflow: hidden;

    margin-bottom: 30px;
}

.newsshow-cont p
{
    font-size: 14px;
    line-height: 28px;
    /*padding-bottom: 30px;*/

    text-indent: 2em;

    color: #777;
}

.newsshow-pn
{
    padding: 30px 25px;
overflow: hidden;
    border: 1px solid #eee;
    background: #f8f8f8;
}
.newsshow-cont{
	width: 95%;
	overflow: hidden;
	/* padding:0 10px; */
	margin:0 auto;
	box-sizing:border-box;
}
.newsshow-cont img{
	width: 100%;
	overflow: hidden;
	
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
