@charset "utf-8";
/*reset*/
body,div,dl,dt,dd,del,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,button,textarea,p,blockquote,th,td {  
  margin:0;   padding:0; font-family:"Microsoft Yahei","宋体"; /*font-family:"FZZHUNYSK","微软雅黑","宋体";*/  font-size:14px; color:#555;}
table {  border-collapse:collapse;    border-spacing:0;}
fieldset,img,button {  border:0;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;  
  /* font-weight:normal; */
}
ol,ul { list-style:none;}
caption,th {  text-align:left;}
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
q:before,q:after { content:'';}
abbr,acronym { border:0;}
a { text-decoration:none; color:#555;  }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before,
*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


html {  font-family: "Microsoft Yahei","宋体";   }
body { font-family: "Microsoft Yahei"; font-size:14px; background: #fff; color: #333; margin:0; padding:0;}
a:hover,a:focus {color: #2c857f; text-decoration: none;}
a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
.mc { margin:0 auto;}
.w1200 {  width: 1200px;}
.fl { float:left}
.fr { float:right}
.cl { clear:both; 
  /* color: #931f32; */
}


/* ------------------------------------------------------首页-------------------------------------------------------- */
/*首页背景*/
.bg-item{width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;display:none;}

@media (max-width: 980px){
.bg-item{width:1200px;} }


.show-bar{ width:100%; z-index: 1000;padding:0px 60px; }
.show-bar .logo{ background-size:100%; }
.show-bar .nav{  width:calc(100% - 420px); height: 100%;  position: relative;   z-index: 6; }
.show-bar .nav .nLi {  float: left;   position: relative;   display: inline; padding-right: 22px; }
.show-bar .nav .nLi a { display: block; float: left; text-decoration: none; }
.show-bar .nav .nLi a h2:hover { color: #3c928c;}
.show-bar .nav .on a h2 {  color: #3c928c;}
.show-bar .nav .sub { display: none; width: 180px;  left: 0px;  top: 107px;  position: absolute;  background-color: #ffffffd9; line-height: 26px; border-radius: 0 0 5px 5px; border-top: 3px #3c928c solid;}
.show-bar .nav .sub li { zoom: 1;}
.show-bar .nav .sub a { display: block; width: 100%; height: 40px; padding: 0 20px;  font-size: 14px;  color: #333;}
.show-bar .nav .sub a:hover{color: #3c928c;}
.show-bar .nav .sub::before { content: ''; position: relative; top: -10px; left: 20px; display: block; width: 0; height:0;  
  border-left: 8px solid transparent;  border-right: 8px solid transparent;  border-bottom:7px solid #3c928c;}


/* 首页导航 */
.sy_header{position: absolute; height: 66px; background:url('../images/header-bg.png') repeat-x;}
.sy_header .logo{ width:264px; height:42px; background:url("../images/logos.png") no-repeat center center; margin-top:10px; background-size: 100% auto;}
.sy_header .nav .nLi {  height: 66px; }
.sy_header .nav .nLi a h2{color: #fff; line-height: 66px; font-size: 14px;}
.sy_header .nav .sub { top: 63px;}



/* 内页导航 */
.header{  height:110px;  background: url(../images/topline.jpg) no-repeat top; }
.header .logo{ width:371px; height:59px; background:url("../images/logo.png") no-repeat center center; margin-top:28px; }
.header .nav .nLi {   height: 110px;  }
.header .nav .nLi a h2{ color: #333; line-height: 110px; font-size: 15px;}
.header .nav .sub { top: 107px;}



/* .show-bar{ -webkit-transition:all .3s ease; transition:all .3s ease; top:0px; left:0; right:0; } */
/* 公众号 */
.weixin_gzh{margin-top: 20px;}
.weixin { width:40px; height: 40px; position: relative; z-index: 1 }
.weixin .weixin_icon { width: 27px; height: 22px; background: url(../images/icon_weixin.png) no-repeat; margin: 0 auto; background-position: 0 -28px; transition: all 0.3s ease; }
.weixin.on .weixin_icon { background:url(../images/icon_weixin.png) no-repeat; }
.weixin .weixin_text { font-size: 12px; color: #666; }
.weixin .weixin_ewm { display: none; position: absolute; left: -28px; top: 40px; }


.search-box { height:28px; position:relative;   margin-top:42px;}
.search-box .text { width:28px; height:28px; line-height:28px; border-radius:2px; background:#2c857f; border:0; 
  color:#fff; position:absolute; right:0px; top:0; bottom:0; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; 
  -o-transition:all 0.6s; z-index: 999;}
.search-box .btn { width:28px; height:28px; border:0; background:url("../images/search.png") no-repeat center; position:relative; z-index:1000;}
.search-box:hover .text{ right:0; width:200px; }




/*--------------banner开始----------------*/
.fullSlide{ width:100%;  position:relative; z-index:1; height:575px; background:#000; }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden; }
.fullSlide .bd ul{ width:100% !important;}
.fullSlide .bd li{ width:100% !important; height:575px; overflow:hidden; text-align:center;}
.fullSlide .hd{ width:100%; position:absolute; z-index:1; bottom:0; left:0; height:50px; line-height:50px; text-align:center; 
  _background:#000; _filter:alpha(opacity=60);  }
.fullSlide .hd ul{ text-align:center;}
.fullSlide .hd ul li{ cursor:pointer;  display:inline-block;  *display:inline; zoom:1; width:47px; height:9px; margin:0 10px; border-radius: 10px;
  background-color: #eee;  overflow:hidden; }
.fullSlide .hd ul .on{ background-color: #2c857f; }
.fullSlide .prev,  
.fullSlide .next { width: 48px; height: 50px; margin: -45px 0 0; display: none;  background: url(../images/prev.gif) no-repeat 0 0;
  position: absolute; top: 53%; z-index: 10; cursor: pointer; text-indent: 999; filter: alpha(opacity=60); opacity: 0.8;}
.fullSlide .prev { left: 30px;}
.fullSlide .next { background-position: -48px 0; right: 30px; }
.fullSlide .prev:hover,
.fullSlide .next:hover { filter: alpha(opacity=100) !important; opacity: 1 !important;}



/* 服务范围 */
.service{width: 100%; height: 390px; position: absolute; z-index: 100;  bottom: 25%;}
.servicettile{height: 60px; text-align: center;}
.servicettile h5{ font-size: 20px; color: #ccc;}
.servicettile h3{ font-size: 30px; color: #fff; font-weight: 600; line-height: 47px;}
.servicelist{ height:264px; padding-top: 60px;}
.servicelist li{float: left; width: 211px; height: 264px; position: relative; margin: 0 14.3px; padding: 40px 10px 0 10px; background-color: #ffffffd7; text-align: center;}
.servicelist li img{ height: 62px; margin-bottom: 18px; transform-style: preserve-3d; transition: 1s ease;}
.servicelist li:hover img{transform: rotateY(180deg);}
.servicelist li h2{ font-size: 20px; color: #000; }
.servicelist li span{ font-size: 12px; color: #999; }
.servicelist li p{ font-size: 12px; padding: 10px 0;}
.servicelist li a{display: block; width: 59px; height: 31px; background: url(../images/service_a.jpg) no-repeat 0 -31px; left: 35%;
  position: absolute;  bottom: 0;}
.servicelist li:hover a{background: url(../images/service_a.jpg) no-repeat 0 0;}

#footwrap{position:absolute;width:100%;background:#292d2e;height:39px; line-height: 39px; bottom:0;z-index:200;min-width: 1200px;}
#footwrap .container{padding:0 20px;}
#footwrap p{color: #ccc; font-size: 12px;}
#footwrap p a{color: #ccc;}
#footwrap p a:hover{color: #fff;}
#footwrap p span{float: right;}

/*友情链接*/
.friendlink{width: 100%;height: 40px; background-color: #292d2e;}
.link{height: 40px;	line-height: 40px; font-size: 13px;	color: #fff;}
.link a{	font-size: 13px;	color: #ccc;	text-decoration:none; }
.link a:hover{color: #2c857f;}
.wx{color: #ccc;	width: 130px;	height: 40px;	line-height: 40px; float: right;	background-color: #185D4A;	text-align:center; font-size: 15px;}
.footer{width: 100%;	height: 135px;  background-color: #353638;}
.footer_wrap{	height: 135px;}
.foot_left{	width: 970px;	height: 135px;	float: left;;}
.copyright{	width: 220px;	height: 80px;	float: left;	margin-top: 27px;	border-right:1px solid #5c6066;	}
.copyright p{	margin-top: 10px;	line-height: 20px;	font-size: 12px;	color: #ccc;	}
.copyright span{font-size: 14px;color: #ccc;	line-height: 20px;	font-weight:bold;}
.ba{	width: 430px;	height: 80px;	float: left;	margin: 27px 0 0 18px;border-right:1px solid #5c6066;	}
.ba p{	font-size: 12px;	color: #ccc;	margin-top: 20px;	line-height: 20px;}
.ba p a{	color: #ccc;}
.ba p a:hover{color: #2c857f;}
.ba p a{color: #ccc;}
.tel{width: 200px;	height: 80px;	float: left;	margin: 27px 0 0 18px;}
.tel p{	font-size: 30px;	font-family: Impact;	color: #ccc;	margin-top: 15px;	line-height: 30px;}
.tel span{font-size: 13px;	color: #ccc;	}
.foot_right{	width: 130px;	height: 135px;	float: right;	background-color: #555;}
.foot_right img{	margin: 15px;}


.cd-top-box{position: fixed;right: 0;bottom: 20%;width: 50px;margin-bottom: -70px;height: 69px;background-color: #2c857f;;border-radius: 10px 0 0 10px;cursor:pointer;z-index: 999;}
.cd-top-box i{display: block;width: 20px;height: 10px;background: url('../images/backup_icon.png') no-repeat;margin: 10px auto 5px;}
.cd-top-box p{font-size: 14px;color: #fff;text-align: center;line-height: 18px;}

/* 漂浮 */
.side_service{height: 199px;width: 50px;background: #2c857f;;border-top-left-radius: 10px;border-bottom-left-radius: 10px;position: fixed;right: 0;bottom:20%;z-index: 999;padding: 14px 0;}
.side_service>a{background: url("../images/service_icon.png") no-repeat;width: 50px;height: 57px;cursor: pointer;position: relative;display: block;}
.side_service .service_tel{background-position: 13px 17px;}
.side_service .service_kefu{background-position: 13px -41px;}
.side_service .service_qq{background-position: 13px -101px;}
.side_service .service_tel:hover{background-position: -31px 17px;}
.side_service .service_kefu:hover{background-position: -31px -41px;}
.side_service .service_qq:hover{background-position: -31px -101px;}
.service_kefu .service_pull{width: 158px;height: 129px;position: absolute;right: 100%;background: #2c857f;;border-top-left-radius: 10px;border-bottom-left-radius: 10px;display: none;top: 0;}
.service_kefu p{text-align: center;color: #e9e9e9;font-size: 15px;margin-top: 28px;}
.service_kefu h1{display: block;width: 110px;height: 30px;margin: 15px auto 0;line-height: 30px;border: 1px solid #fff;color: #fff;font-size: 14px;text-align: center;border-radius: 3px;}
.service_qq .service_pull{width: 138px;height: 159px;background: #2c857f;;position: absolute;right: 100%;border-top-left-radius: 10px;border-bottom-left-radius: 10px;top: -55px;display: none;}
.sqr{float: left;text-align: center;width: 108px;margin: 14px 15px 0;color: #fff;font-size: 14px;}
.sqr img{width: 108px;height: 108px;display: block;color: #fff;margin-bottom: 7px;}
.service_qq i{width: 1px;height: 130px;background: #2c857f; float: left;margin-top: 14px;}




/* 内页样式------------------------------------------------------------------------------ */
/* 内页banner */
.service-banner{width: 100%; height: 300px;}
.table-cell{ height: 40px; padding-top: 122px;}
.table-cell h2{font-size: 36px; color: #fff; font-weight: 600; display: inline-flex; line-height: 1; align-items: flex-end;}
.table-cell span{font-size: 20px; font-weight: normal; padding-left: 15px;  }
.nyline{width: 580px; height: 10px; line-height: 10px; position: relative; top: 17%; }
.nyline .line{width: 570px; height: 1px; background-color: #fff; margin: 4.5px 0;}
.nyline .round{width: 10px; height: 10px; border-radius: 50%; border: 1px #fff solid;}

/* 内容开始 */
.contentwrap{width: 100%; min-height: 700px; background-color: #eceeef;}
/* 二级页面导航 */
.subnav{ width: 100%; height: 70px;  background-color: #fff;  }
.subnav ul{ width: 1200px; margin: 0 auto;  list-style: none; text-align: center; list-style: none;  display: -webkit-box;
  display: -moz-flex;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: center;  -ms-flex-pack: center;
  justify-content: center;   align-items:baseline;}
.subnav li{ float: left;  color: #777; height: 68px; line-height: 68px; margin: 0 19px;}
.subnav ul li a.picli{ color: #555; display: block; font-size: 15px; padding: 0px 5px;}
.subnav ul li a.picli:hover{ color: #2c857f;}
.subnav ul li a.picli.current{ color: #2c857f;  border-bottom: 2px #2c857f solid;}

.content_page{ min-height: 600px; padding-top: 30px;}
/* 面包屑 */
.menuwrap{padding: 20px 0;color: #777;font-size: 13px;}
.goback{ float: right; color: #666;}
/* about详情页 */
.ny_main{ background: #fff; min-height: 600px; padding: 70px 100px;}
/*.ny_main_left{ width: 895px; min-height: 900px; background: #fff; padding: 70px 60px;}*/
/*.ny_main_right{width: 270px; padding: 30px 20px; min-height: 600px; background: #fff;}*/


/* 内容 */
/* .main_textW { padding: 58px 0;} */
.main_textW p { font-size: 16px; line-height: 30px; margin-bottom: 20px;}
.main_textW img { max-width: 100%; margin-bottom: 20px;}
.maintitl{ width: 100%; min-height: 40px; margin-bottom: 58px;}
.maintitl h2{ font-size: 24px; line-height: 40px; font-weight: 600; color: #333;}
.maintitl span{ display: block; font-size: 13px; color: #999;}

/* piclist图片列表 */
.main_piclis{ min-height: 600px; background-color: #fff; }
.main_piclis ul{ overflow: hidden; zoom: 1; padding-bottom: 60px;}
.main_piclis li:hover .cp_pic{ border-bottom: 2px #2c857f solid;}
.main_piclis li img { width: 100%; height: 100%; transition: all .6s ease; -moz-transition: all .6s ease;  -webkit-transition: all .6s ease;
    -o-transition: all .6s ease; }
.main_piclis li:hover img{transform: scale(1.2); transition:1s ease;}
.main_piclis li p{ font-size: 16px; line-height:40px; text-align: center; overflow:hidden;  text-overflow:ellipsis; white-space:nowrap;}
.main_piclis li:hover p{ color: #2c857f;}


.h_piclist{ padding: 70px 0;}
/* .h_piclist ul{ margin:-30px 0 0 -30px;} */
.h_piclist ul li { width:360px; height: 310px; float: left; text-align: center; margin:30px 0 0 30px;}
.h_piclist ul li a .cp_pic{ width: 100%; height: 270px; border-bottom: 2px #ccc solid; overflow: hidden;}

 .s_piclist { padding: 70px 100px;} 
/*.s_piclist  ul{ margin:-30px 0 0 -13px;}*/
.s_piclist  ul li{ width:290px; height: 410px; float: left; background-color: #fff;  text-align: center;  margin-top: 30px; margin: 0 21px 30px 21px;}
.s_piclist  ul li a .cp_pic{ width: 100%; height: 370px; border-bottom: 2px #ccc solid; overflow: hidden;}

.s2_piclist { padding: 70px 100px;} 
/*.s_piclist  ul{ margin:-30px 0 0 -13px;}*/
.s2_piclist  ul li{ width:310px; height: 440px; float: left; background-color: #fff; text-align: center;  margin-top: 30px; margin: 0 95px 30px 95px;}
.s2_piclist  ul li a .cp_pic{ width: 100%; height: 400px; border-bottom: 2px #ccc solid; overflow: hidden;}


/* 右侧 */
.right_logo{width: 100%; height: 135px; background: url(../images/rightlogo.png) no-repeat center; }
.right_title{width: 100%; height: 40px; line-height: 40px; border-radius: 3px; background-color: #2c857f; padding: 0 16px; color: #fff; 
  font-size: 16px; margin-bottom: 19px; }

.right_ser{width: 100%;  min-height:247px; padding-bottom: 30px;}
.right_ser ul li{ float: left; width: 100%; height: 36px; line-height: 36px; padding: 0 8px;}
.right_ser ul li em{ font-size: 12px; padding-right: 5px;}

.right_news{width: 100%;  min-height:170px; padding-bottom: 20px;}
.right_news ul li{ float: left; width: 100%; line-height: 23px; padding: 0 8px; margin-bottom: 16px; overflow: hidden;
  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.right_news ul li em{ font-size: 12px; padding-right: 5px;}

.right_case{width: 100%;  min-height:300px;}
.right_case ul{ margin-left: -30px;}
.right_case ul li{ float: left; width:100px; height: 155px; margin-left: 30px;}
.right_case ul li img{width: 100%; height: 90px; }
.right_case ul li p{ color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.right_case ul li:hover p{color: #2c857f;}

/* 新闻列表 */
/* .main_newslis{padding: 58px 0;} */
.n_newslis{ margin-top: -33px; padding-bottom: 60px;}
.n_newslis li{ width: 100%; height: 221px; padding: 33px 0; position: relative; border-bottom: 1px solid #e5e7eb;}
.n_newslis li::after{ content:''; display:block;	/*开始时候下划线的宽度为0*/	width:0; height:1px; position:absolute;	left:0;	bottom:0;
			background:#2c857f;/*这里我们设定所有改变都有动画效果，可以自己指定样式才有动画效果*/ transition:all 0.3s ease-in-out; }
.n_newslis li:hover::after{ width:100%;}
.n_newslis li a img{ width: 166px; height: 104px; float: left;}
.n_newslis .news_content{  width: 609px; height: 100%; float: left;  padding-left: 30px;}
.n_newslis .news_content h3{ font-size: 20px; color: #333; margin-bottom:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.n_newslis li:hover h3{  color: #2c857f;  }
.n_newslis .news_content p{ color: #888; margin-bottom:16px; line-height: 25px; display: -webkit-box; -webkit-box-orient: vertical;
-webkit-line-clamp: 3;overflow: hidden; text-align: justify; text-justify: inter-ideograph;}
.n_newslis .news_content span{ color: #9ea7b4; }
.n_newslis .news_content span em{color: #9ea7b4; padding-right: 8px;}


/* 上一条 */
.updown{ width: 100%; height: 176px; border-top: 1px #e0e1e1 dashed; padding: 58px 0;}
.updown li{ float: left; line-height: 30px;  padding:0 20px; color: #666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}



/* 搜索列表 */
.s_newslist {  width: 100%; line-height: 99px; margin-bottom: 50px;}
.s_newslist li {  width: 100%;  height: 99px;  border-bottom: 1px dotted #ccc;}
.s_newslist li em { float: left; font-size: 16px; color: #2c857f;}
.s_newslist li h2 { width: 80%; float: left; text-align: left; padding-left: 10px; font-size: 16px; color: #555; overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap;}
.s_newslist li span { width: 100px; padding-right: 10px; float: right; text-align: right; color: #999; font-size: 12px;}
.s_newslist li:hover { background: #eef2f6; color: #2c857f;}
.s_newslist li a { display: block;}

















/* 页码 */
.pagenumberwap { width: 699px;text-align: center; clear: both; }
.fanye { display: inline-block;}
.fanye { _display: inline;}
.fanye li {  _float: left; border: 1px solid #ccc; height: 30px; line-height: 30px; vertical-align: middle;
  margin: 0 3px; min-width: 45px; display: inline-block; background-color: #fff;}
.fanye li a{ display: block; padding: 0 6px;}
.fanye li:hover {  border: 1px solid #2c857f; color: #2c857f; text-decoration: none;}
/* .fanye li.on { background: #045CBD; border: 1px solid #d6d6d6; color: #fff; text-decoration: none; font-weight: bold;} */
.fanye li.active { background: #2c857f; border: 1px solid #d6d6d6; color: #fff; text-decoration: none; font-weight: bold;}
.fanye li.active a { color: #fff;}
.fanye li.disable { color: #D6D6D6; cursor: default;}
.fanye li.disable:hover { border: 1px solid #2c857f;}
.fanye li.load { cursor: pointer; line-height: 27px;}