@charset "utf-8";

/*通用banner*/

.title1{width:100%; height: 40px; line-height: 40px; margin: auto;}
.title1 h2{color: #333333; text-align: center;}
.title1 h2 span{display: inline-block;font-size: 26px;color: #333333;position: relative; font-weight: 300;}
/*.title1 h2 span:before,.title1 h2 span:after {
	content: '';                 
	position: absolute; 
	top: 52%;
	background: #333333;
	width: 35px;
	height: 1px;
}*/
.title1 h2 span:before{
	content: '';                 /*css伪类用法*/
	/*position: absolute;    */     /*定位背景横线的位置*/
	/*top: 52%;*/
	background: #333333;       /*宽和高做出来的背景横线*/
    width: 35px;
    height: 1px;
    display: block;
    margin-right: 10px;
    margin-top: 18px;
    float: left;
}
.title1 h2 span:after {
	content: '';                 /*css伪类用法*/
	/*position: absolute;*/         /*定位背景横线的位置*/
	/*top: 52%;*/
	background: #333333;       /*宽和高做出来的背景横线*/
    width: 35px;
    height: 1px;
    display: block;
    margin-left: 10px;
    margin-top: 18px;
    float: right;
}
.title1 h2 span:before{left: 35%;/*调整背景横线的左右距离*/}
.title1 h2 span:after {right: 35%;}


.cen_box1 {
    width: 100%;
    height: auto;
    background: #f8f8f8;
    float: left;
	padding-bottom: 20px;
	padding-top:80px;
}
.box1_cp_m{ display: none;}
.cen_box1 .box1_cols{width:100%; margin: auto; text-align: center;}
.box1_cols{ width:1180px; margin:auto; height:auto; padding-bottom:10px;padding-top: 20px;}
.box1_cols a{ width:140px; height:54px; margin:5px 15px; background:#ffffff; color:#333333; font-size:16px; text-align: center; line-height:54px; border-radius:20px;padding: 10px 45px; text-decoration:none; box-shadow: 0px 0px 2px #ccc;}
.box1_cols a.cur{ background:#009be4; color:#ffffff;}
.box1_cols a:hover{ background:#009be4;color:#ffffff;}
.box1_cols_cont { width:100%;float: left;}
.box1_cols_cont .showbox ul{padding:0px;}
.box1_cols_cont .showbox ul li,.box1_cp_m .showbox ul li{ width:274px; height:274px; border:0px solid #0260ae; float:left; margin:17px 34px 17px auto; background:#0260ae; position: relative;}
.box1_cols_cont .showbox ul li.mr0{margin-right:0px;}
.box1_cols_cont .showbox ul li:hover,.box1_cp_m .showbox ul li:hover{ background:#009be4; background: rgba(0, 155, 228, 0.7); cursor: pointer;}
.box1_cols_cont .showbox ul li .images,.box1_cp_m .showbox ul li .images{ width:274px; height:274px; overflow:hidden;}
.box1_cols_cont .showbox ul li .images img,.box1_cp_m .showbox ul li .images img{ width:274px; height:274px; overflow:hidden; padding:0px; border:0px;}
.box1_cols_cont .showbox ul li .names,.box1_cp_m .showbox ul li .names{width:274px; height:40px; line-height: 40px; overflow:hidden; padding:0px; text-align:center; color:#333333; font-size:14px; position: absolute; left: 0px; bottom: 0px; background: #d8d8d8; background: rgba(216, 216, 216, 0.7);}
.box1_cols_cont .showbox ul li .names h5,.box1_cp_m .showbox ul li .names h5{margin: 10px auto 0px auto;font-size: 15px;}

.box1_cols_cont .showbox ul li .names a,.box1_cp_m .showbox ul li .names a{ color:#333333; font-weight:500;}
.box1_cols_cont .showbox ul li .names a:hover,.box1_cp_m .showbox ul li .names a:hover{ color:#ffffff;}
.box1_cols_cont .showbox ul li .names:hover,.box1_cp_m .showbox ul li .names:hover{ background:#009be4; background: rgba(0, 155, 228, 0.7);}
.box1_cols_cont .showbox ul li:hover .names,.box1_cp_m .showbox ul li:hover .names{ background:#009be4; background: rgba(0, 155, 228, 0.7);}
.box1_cols_cont .showbox ul li:hover .names a,.box1_cp_m .showbox ul li:hover .names a{ color:#ffffff; font-weight:500;}

.box1_cols_cont .btn_more,.box1_cp_m .btn_more 
{
    text-align: center;width: 100%;float: left;margin-top: 50px;margin-bottom: 50px;
}
.box1_cols_cont .btn_more .box,.box1_cp_m .btn_more .box {
    display: inline-block;
}
.box1_cols_cont .btn_more .box i,.box1_cp_m .btn_more .box i {
    margin-top: 20px;
    float: left;
    width: 120px;
    border-bottom: 1px solid #d8d8d8;
}
.box1_cols_cont .btn_more .box a,.box1_cp_m .btn_more .box a {
  float: left;
  width: 156px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  font-size: 16px;
  color: #ffffff;
  border: 0px solid #d8d8d8;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  background-color: #009be4;
  overflow: hidden;
  padding: 1px;
}
.box1_cols_cont .btn_more .box a span,.box1_cp_m .btn_more .box a span {
  border-radius: 18px;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #009be4;
}
.box1_cols_cont .btn_more .box a:hover span,.box1_cp_m .btn_more .box a:hover span {
  color: #fff;
  background-color: #009be4;
}


.cen_box_ys{width:100%;height: 840px; float: left; background:  top center no-repeat;}
.cen_box_ys .title1 h2{color: #ffffff;margin-top: 90px;}
.cen_box_ys .title1 h2 span{color: #ffffff;}
.cen_box_ys .title1 h2 span:before,.cen_box_ys .title1 h2 span:after {
	background: #ffffff;       /*宽和高做出来的背景横线*/
}
.cen_box_ys .gsjj_ysitems{width:810px; margin: auto; padding: 0px;margin-top: 60px;}
.gsjj_ysitems .gsjj_item{width:270px; height:250px; float: left; margin: 15px auto; padding: 0px; position: relative;}
.gsjj_ysitems a{width:100%; height: 100%;position: absolute;top: 0;left: 0; z-index: 100;display: block;}
.gsjj_ysitems .gsjj_item:hover{cursor:pointer;}
.gsjjitem01{background:  top center no-repeat;}
.gsjjitem01:hover{background: top center no-repeat;}
.gsjjitem02{background:  top center no-repeat;;}
.gsjjitem02:hover{background:  top center no-repeat;}
.gsjjitem03{background:  top center no-repeat;;}
.gsjjitem03:hover {background:  top center no-repeat;}
.gsjjitem04{background:  top center no-repeat;}
.gsjjitem04:hover {background: top center no-repeat;}
.gsjjitem05{background:  top center no-repeat;}
.gsjjitem05:hover {background: top center no-repeat;}
.gsjjitem06{background:  top center no-repeat;}
.gsjjitem06:hover {background: top center no-repeat;}
.gsjj_ysitems .gsjj_item .ysdesc{padding-top:170px; font-size:16px; color: #ffffff;}
.gsjj_ysitems .gsjj_item h3{font-size:29px; color: #ffffff;text-align: center;font-weight: bold;margin-top: -10px; margin-bottom: 0px;line-height:34px;}
.gsjj_ysitems .gsjj_item h3 em{font-size:16px; font-weight: 300; text-align: center; font-style: normal;}
.gsjj_ysitems .gsjj_item p{font-size:16px; font-weight: 300; text-align: center;margin: auto;}
.cen_box_ys .gsjj_more{width: 100%;float: left;text-align: center;}
.cen_box_ys .gsjj_more a{
	border:1px solid #ffffff; color: #ffffff; background: none; /*padding: 10px 30px; border-radius: 20px;text-decoration: none;*/
	display: block;width: 156px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    margin: auto;
    font-size: 16px;
    color: #ffffff;
	overflow: hidden;
	border-radius: 20px;
	padding: 1px;
	font-weight: 300;
    text-decoration: none;
}
.cen_box_ys .gsjj_more a:hover{ background: #33afe9; border: 1px solid #33afe9;}

.cen_box_news{width: 100%;height: auto;background: #f8f8f8;float: left;padding-bottom: 50px;padding-top:80px;}.cen_box_news .title1{margin-bottom: 30px;}
.cen_box_news .articlelist ul li{width:1160px; height: 200px;float: right; margin: 20px 10px 20px auto; background: #ffffff; box-shadow: 0px 0px 20px #ccc; overflow: hidden;}
.cen_box_news .articlelist ul li .artconts{width:650px; float: left; height: 120px; margin: 20px auto auto 50px; }
.cen_box_news .articlelist ul li .artconts .art_date{width:100%; height:40px; line-height: 40px; float: left; color:#777777;font-size:18px;font-weight: 500;}
.cen_box_news .articlelist ul li .artconts h3,.cen_box_news .articlelist ul li .artconts h3 a{width:100%;height:50px; line-height: 50px; overflow: hidden;font-size:22px; color:#333333;text-decoration: none;margin: auto;font-weight: 500;}
.cen_box_news .articlelist ul li .artconts h3,.cen_box_news .articlelist ul li .artconts h3 a:hover{color:#009be4;}
.cen_box_news .articlelist ul li .artconts .art_desc{width:100%; height: 60px; line-height: 40px; font-size: 14px; color:#555555;    line-height: 2em;}
.cen_box_news .articlelist ul li .art_more{float: right; margin: 140px 80px auto auto;}
.cen_box_news .art_day{width:58px; height: 36px; overflow: hidden; background: #009be4; color: #ffffff; text-align: center; line-height: 36px; position: absolute; font-size:30px; font-weight: bold;    margin-top: 20px;margin-left: -30px;}
.cen_box_news .articlelist ul li .art_more a{color:#333; font-size:14px;}
.cen_box_news .articlelist ul li .art_more a:hover{color:#009be4;text-decoration: none;}
.cen_box_news .articlelist ul li .artdesc{}
.cen_box_news .btn_more
{
    text-align: center;width: 100%;float: left;margin-top: 50px;margin-bottom: 50px;
}
.cen_box_news .btn_more .box,.box1_news_m .btn_more .box {
    display: inline-block;
}
.cen_box_news .btn_more .box i,.box1_news_m .btn_more .box i {
    margin-top: 20px;
    float: left;
    width: 120px;
    border-bottom: 1px solid #d8d8d8;
}
.cen_box_news .btn_more .box a,.box1_news_m .btn_more .box a {
  float: left;
  width: 156px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  font-size: 16px;
  color: #ffffff;
  border: 0px solid #d8d8d8;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  background-color: #009be4;
  overflow: hidden;
  padding: 1px;
  text-decoration: none;
}
.cen_box_news .btn_more .box a span,.box1_news_m .btn_more .box a span {
  border-radius: 18px;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #009be4;
}
.cen_box_news .btn_more .box a:hover span,.box1_news_m .btn_more .box a:hover span {
  color: #fff;
  background-color: #0082bf;
}



.cen_box_maps{width: 100%;height: auto;background: #ffffff;float: left;padding-bottom: 50px;padding-top:80px;}
.cen_box_maps .contents{width:100%; height: 930px; float: left; position: relative;background:  top center no-repeat;}
.cen_box_maps .contents .mainpostion{width:100px; height: 100px; position: absolute; left:575px; bottom: 300px; background:  top center no-repeat;
-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}
.cen_box_maps .contents .mainpostion:hover,.cen_box_maps .contents .nomalpostion:hover{
	/**上移元素**/
	/*transform:translatey(-50%);
	-ms-transform:translatey(-50%);
	-webkit-transform:translatey(-50%);*/
	cursor: pointer;
	animation:mappostion 1s;
	-webkit-animation:mappostion 1s;
}
.cen_box_maps .contents .nomalpostion{width:50px; height: 50px; position:absolute; background:  top center no-repeat;}
.p_tc{left:930px; top:495px;}
.p_yx{left:965px; top: 515px;}
.p_km{left:590px; bottom:180px;}

@keyframes mappostion
{
from {transform:translatey(-10%);}
to {transform:translatey(0%);}
}

@-webkit-keyframes mappostion /*safari and chrome*/
{
from {transform:translatey(-10%);}
to {transform:translatey(-0%);}
}



.mapinfo{width:100%; border-top:1px solid #ccc;float: left; padding-top:20px; margin-top:20px;}
.maininfo{width:100%; height: 80px; float: left; margin: 10px auto 20px 31px; background:  top left no-repeat;}
.maininfo p{padding-left:60px;padding-top:15px; line-height: 30px; font-size:16px; color:#333;}
.maininfo p>span{font-size: 14px;}

.nomalinfos{width:100%;height: 60px; float: left; margin: 10px auto 10px 40px;}
.nomalinfos ul{width:100%; height: 60px; float: left; margin: auto; padding:0px;}
.nomalinfos ul li{width:30%; float: left; margin-right:3%;height: 60px;background:  top left no-repeat;}
.nomalinfos ul li p{padding-left:40px;padding-top:5px; line-height: 20px; font-size:14px; color:#333;}


.cen_box_lx{width:100%;height: 910px; float: left; background:  top center no-repeat;}
.cen_box_lx .title1{padding-top:80px;}
.cen_box_lx .title1 h2 span:before{left:35%;}
.cen_box_lx .title1 h2 span:after{right:35%; background: #333333;}

.cen_box_lx .contents{width:768px;height: 415px;float: left; margin: 200px 216px auto 216px;background: #ffffff;}
.cen_box_lx .contents .lxcont{width:80%; float: left; margin: 50px 10% auto 10%;}
.lxcont .ewm{width: 160px; height: 160px;float: left; margin:auto auto auto 115px;}
.lxcont .ewm img{width:158px; height: 158px; overflow: hidden;}
.lxcont .lx{width:280px; float: left; margin: auto 20px auto 10px; color: #333333; font-size:14px; line-height: 1.8em;}
.lxcont .lx p{ margin:auto;padding:0px;}


.cen_box_hzhb{width:100%;height: auto; padding:50px 0px; float: left;}
.cen_box_hzhb .contents{ position: relative;width: 1120px;height: 200px;overflow: hidden;margin:20px auto 0px auto;}
.cen_box_hzhb .contents .articlelist{position: relative;width: 1120px;height: 200px;overflow: hidden;margin:10px auto 0px 0px;}
.cen_box_hzhb .contents .articlelist ul{width:100%; float: left; margin:0px;padding:0px;}
.cen_box_hzhb .contents .articlelist ul li{ width:280px; height:180px; overflow:hidden; float:left; clear:none;border:0px;padding:0px;margin:auto;display:inline;}
.cen_box_hzhb .contents .articlelist ul li .images{width:260px; height:180px; margin:auto 10px; border:0px;padding:0px;z-index: 100;float: left;border: 0px;}
.cen_box_hzhb .contents .articlelist ul li .images a{padding-left:0px;}
.cen_box_hzhb .contents .articlelist ul li img{ width:260px; height:180px; text-align:center; margin:auto; border:0px;padding:0px;-webkit-filter:grayscale(1); -moz-filter:grayscale(1); -ms-filter:grayscale(1); -o-filter:grayscale(1); filter:grayscale(1);}
.cen_box_hzhb .contents .articlelist ul li:hover img{-webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0);}
.cen_box_hzhb .contents .articlelist ul li .names{ width:260px; height: 50px; background:  center no-repeat; line-height: 50px; margin: auto 15px;z-index: 1000;float: left; display: none;}
.cen_box_hzhb .contents .articlelist ul li a{ border:0px; background:none; text-align:center; font-size:16px;font-weight:500;}
.cen_box_hzhb .hzhb_left{
    position: absolute;
    top: 120px;
	left: 0px;
    height: 62px;
	width:40px;
	display: block;
	background:  center no-repeat;
	box-shadow: 0px 0px 2px #ccc;
    cursor: pointer;
}
.cen_box_hzhb .hzhb_left:hover{background:  center no-repeat;}
.cen_box_hzhb .hzhb_right{
    position: absolute;
    top: 120px;
	right: 0px;
    height: 62px;
	width:40px;
	display: block;
	background:  center no-repeat;
	box-shadow: 0px 0px 2px #ccc;
    cursor: pointer;
}
.cen_box_hzhb .hzhb_right:hover{background:  center no-repeat;}