@charset "utf-8";
/* CSS Document */
html{font-size:20px;}
body{font-size:.6rem;color:#333;font-family:"微软雅黑";}
html,body{margin:0px;padding:0px;width:100%;height:100%;}
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;margin:0;padding:0; }
video,
img{border:none;max-width:100%;vertical-align: middle;}
div,ul,ol,li,dl,dt,dd,p,form,figure{margin:0;padding:0;}
ul,ol,li,dl,dt,dd{list-style:none;}
a{font-size:inherit;text-decoration:none;color:#2f2f2f;}
a:hover,
a:focus{ text-decoration:none; color:#ca030a;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
a:active{color:inherit; text-decoration:none;}
i,em{font-style:normal;}
select,input,textarea,button{font-family:inherit; font-size:inherit;}
table { border-spacing: 0; border-collapse: collapse; background-color: transparent; }
td, th { padding: 0; }
th { text-align: left; }
tr { vertical-align: middle; }

.clearfix:before,
.clearfix:after{display:table;content:" ";clear:both;}
.tbl-type{display:table;width:100%;table-layout:fixed}
.tbl-cell{display:table-cell;}
.fl{float:left;}
.fr{float:right;}
.fn{float:none;}
.center{ text-align:center; }
.right{ text-align:right; }
.valign *{ display:inline-block; vertical-align:middle; }
.relative{ position: relative; }
.gray-bg{ background-color: #f5f5f5; }

.ellipsis{ display: -webkit-box!important; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.ellipsis.lc2 { -webkit-line-clamp: 2; }
.ellipsis.lc3 { -webkit-line-clamp: 3; }
.ellipsis.lc4 { -webkit-line-clamp: 4; }
.ellipsis.lc5 { -webkit-line-clamp: 5; }

.shadow { box-shadow: 0 0 20px rgba(103, 103, 103, .2); }
.hide{ display: none; }
.img-box{ line-height:normal; font-size:0; }
.ivy-flex{ display: flex; justify-content: space-between; align-items: center; }
.ivy-flex.stretch{ align-items:stretch; }

* .pc-used{ display: block!important; }
* .m-used{ display: none!important; }


sup,sub {font-size:100%;vertical-align:baseline}
/**body{ margin:0px; padding:0px; height:100%; color:#333; font-family: "微软雅黑"; font-size:12px; list-style:none;  }
img{border:none;}*/
ul,li{ list-style:none;}
.df{display:block; float:left;}
.dr{display:block; float:right;}
*{padding:0; margin:0;}
a{color:#333; text-decoration:none;}
a:hover{color:#333; text-decoration:none;}



#header{width:100%;/* margin:0 auto; height:613px;*/}
#main_top{width:100%;/* float:left;*/ position:relative;/* background:url(../images/topbg.png) center top repeat-x; height:127px; top:0; left:0;*/ z-index:99999; box-shadow: 0 0 13px rgba(103, 103, 103, .5); }
.main_top{width:1200px; margin:0 auto;/* height:127px;*/ }
.main_top span{ line-height:24px;  float:left; display:block; }
.main_top>span{ margin-top: 10px; }

.main_right{width:350px; float:right; margin-top:10px;}
.content{ background:url(../images/dot.jpg) left no-repeat; display:block; float:left; padding-left:18px; margin-right:20px;}
.home{background:url(../images/dot2.jpg) left no-repeat; display:block; float:left;  padding-left:20px; margin-right:20px;}

.top_input{display:block; float:left; font-size:11px; background: url(../images/inputbg.jpg) left no-repeat; border:none; width:123px; height:23px; font-family:'微软雅黑'; color:#999;}
.top_bottom{display:block; float:left;  background: url(../images/bottom.jpg) left no-repeat; cursor:pointer; width:28px; border:none;  height:23px; font-family:'微软雅黑'; color:#999;}

/*.logo_nav{width:1200px; height:90px; float:left;}*/
.logo{display:block; float:left; padding-top:15px;}
.nav{/*width:717px; */float:right; padding-top:20px; padding-bottom:14px; }
.nav dl dd{display:block; float:left; height:50px; line-height:50px; font-size:14px; position:relative; z-index:999;}
.nav dl dd a{ line-height:50px; display:block; padding-left:15px; padding-right:15px; }
.nav dl dd a:hover,
.holdnav{background:url(../images/navbg.jpg) left bottom no-repeat; line-height:50px; display:block;padding-left:15px; padding-right:15px;}
.nav dl dd.sfhover{/* background:url(../images/nav.png) 0 bottom repeat-x;*/ text-decoration:none; color:#fff; }
.nav dl dd.sfhover a.txtn{ display:block;}
.nav dl dd div.sub{ width:528px; position: absolute; z-index:99; padding-top:26px; background: url(../images/nav_bg.jpg) no-repeat 0 14px; display:none;}
.nav dl dd.sfhover div.sub{ display:block; }
.nav dl dd div.subcont{ width:488px; height:auto; overflow:auto; zoom:1; margin-right:7px; padding:20px;  }
.nav dl dd div.sub ul{ float:left; width:158px; margin:0; padding:0; }
.nav dl dd div.sub ul li a{ width:116px; height:36px; line-height:36px; text-align:left; padding-left:13px; border-bottom:1px solid #CCC; background:none; }
.nav dl dd div.sub ul li a:hover{ width:80px; height:36px; line-height:36px; color:#2a7b71; font-weight:bolder; text-align:left; border-bottom:1px solid #CCC; background:none;}
.suma-box{ width:280px; float:left; line-height:23px; text-align:left;   padding-left:20px;}
.suma-box h2{ font-weight:bold; height:30px; line-height:30px; }
.suma-box p{ width:280px; background:none; line-height:2; font-size:12px; color:#999;/* text-indent:2em;*/}
.sub01{left:0px;}
.sub02{left:0px;}
.sub03{left:0px;}
.sub04{left:0px;}
.sub05{left:0px;}
.sub06{right:0px;}
.sub07{right:0px;}
sup,sub {font-size:100%;vertical-align:baseline}


.banner-box{ /*margin-top: -10px;*/ }

#full-screen-slider { width:100%; height:496px; float:left; top:117px; position:absolute;  z-index:9;}
#slides { display:block; width:100%; height:496px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:440px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}


.main{width:1200px; margin:0 auto;}
.news{width:445px; float:left;}
.news_top{width:445px; height:50px;}
.news_top_zi{width:110px; background:url(../images/navbg.jpg) center bottom no-repeat; text-align:center; height:50px; line-height:50px; float:left;  font-size:16px; font-weight:bolder;}

.img{ padding:2px; border:1px solid #CCC;}
.news_content{width:422px; margin:10px;}
.news_one{width:422px; float:left;}
.news_one h3{background:url(../images/dot1.jpg) left no-repeat; margin-left:20px; float:left; display:block; padding-left:10px; line-height:30px; font-size:14px; font-weight:bolder; color:#000;}
.news_one p{margin-left:20px; float:left; display:block; font-size:12px; color:#999; width: 260px; text-indent:2em;}
.news_one p a{ color:#2a7b71; text-decoration:none; line-height:20px;}
.news_content ul li{display:block; float:left; background:url(../images/dot1.jpg) left no-repeat; width:420px; color:#999; padding-left:10px; font-size:12px; text-align:right; line-height:30px;}
.news_content ul li a{ float:left; display:block;}

.about{width:445px; float:left; margin-left:15px;}
.about_tu{margin:8px; float:left;}
.about_zi{width:422px; margin:8px; float:left; line-height:20px; text-indent:2em;}

.case{width:284px; float:left; margin-left:10px;}
.case_top{width:284px; height:50px;}



.mod-left {MARGIN-BOTTOM: 8px;WIDTH: 284px;}
.bottom-Article-QQ .hd {BACKGROUND: #fafafa; WIDTH: 100%;}

.bottom-Article-QQ .bd { PADDING-BOTTOM: 10px; WIDTH: 284px; PADDING-TOP: 10px}
.bottom-Article-QQ LI {FLOAT: left; WIDTH: 284px; LINE-HEIGHT: 21px; TEXT-ALIGN: left; margin-top:5px;}
.sildPic-Article-QQ .pre {DISPLAY: inline; BACKGROUND: url(../images/xixi.png) no-repeat -151px -60px; FLOAT: left; WIDTH: 20px; CURSOR: pointer; MARGIN-RIGHT: 8px; HEIGHT: 15px}
.sildPic-Article-QQ .next {BACKGROUND: url(../images/xixi.png) no-repeat -151px -131px; FLOAT: right; WIDTH: 20px; CURSOR: pointer; HEIGHT: 15px}
.sildPicBar{ float: right; width:50px; margin-top:30px;}
.sildPic-Article-QQ .sildPicBar LI {MARGIN-TOP: 5px; DISPLAY: inline; BACKGROUND: url(../images/xixi.png) no-repeat -165px -112px; FLOAT: left; MARGIN-LEFT: 3px; WIDTH: 6px; CURSOR: pointer; HEIGHT: 6px}
.sildPic-Article-QQ .sildPicBar LI.select {BACKGROUND: url(../images/xixi.png) no-repeat -165px -86px}
.sildPic-Article-QQ .bd {PADDING-LEFT:5px; BACKGROUND: #fafcff; PADDING-BOTTOM: 0px; WIDTH: 284px; PADDING-TOP: 5px}
.sildPic-Article-QQ .cnt-wrap {OVERFLOW: hidden; WIDTH: 284px; ZOOM: 1; HEIGHT: 222px}
.sildPic-Article-QQ .cnt {WIDTH: 284px}
.sildPic-Article-QQ LI {FLOAT: left; WIDTH: 284px}
.sildPic-Article-QQ .cnt SPAN {WIDTH: 100%; COLOR: #7e7e7e; TEXT-ALIGN: left}
.sildPic-Article-QQ .cnt .link {DISPLAY: block; MARGIN-LEFT: 0px; WIDTH: 140px; TEXT-ALIGN: center}

.prodouts{width:1200px; float:left;}
.prodouts_top{width:1200px; height:50px;}
.prodouts a div{width:279px; height:279px; float:left; margin-top:20px; margin-right:25px; background:url(../images/pro_hui.jpg) left no-repeat; padding:1px;}
.prodouts a div h4{ color:#2a7b71; font-size:14px; font-weight:bold; line-height:36px; padding-left:20px;}
.prodouts a div h5{ color:#666; font-size:12px; padding-left:10px; line-height:28px; font-weight:lighter;}
.prodouts a:hover div{width:279px; height:279px; float:left; margin-top:20px; margin-right:25px; background:url(../images/pro_lan.jpg) left no-repeat; padding:1px;}
.prodouts a:hover div h4{ color:#fff; font-size:14px; font-weight:bold; line-height:36px; padding-left:20px;}
.prodouts a:hover div h5{ color:#fff; font-size:12px; padding-left:10px; line-height:28px; font-weight:lighter;}



#footer{width:100%; float:left; background:url(../images/footer.jpg) left repeat-x; height:182px; margin-top:35px;}
.footer{width:1200px; margin:0 auto;}
.footer a{ color:#999; text-decoration:none;}
.foot_content{width:600px; float:left; margin-left:20px; line-height:1.75; }
.foot_content h2{ margin-top:20px;font-size: .9rem; font-weight:700; }
.foot_content span{ color:#999;}
.font_img{float:left; width:120px; margin-top:25px; text-align:center; line-height:2; margin-left:25px;}
.foot_show{float:left; text-align:right; width:280px; margin-top:30px; color:#999; line-height:1.75; }

/*********************内页  关于我们*********************/
.n_about_l{width:280px;position:relative;top:-30px;	z-index:9999;}
.n_about_l_tl{background:url(../images/n_title_bg.jpg) no-repeat left top;height:85px;color:#fff;font-family:'微软雅黑';}
.n_about_l_tl p{font-size:18px;	padding:20px 0 5px 30px;}
.n_about_l_tl span{font-size:12px;color:#F0F8FD;margin-left:30px;}
.n_about_l_content ul{margin-top:10px;	}
.n_about_l_content ul li{height:36px;width:280px;line-height:36px;background:#DCDCDC url(../images/n_jiaotou1.png) no-repeat 210px center;margin-bottom:5px;}
.n_about_l_content ul li a{padding-left:30px;display:block;}
.n_about_l_content ul li a:hover,
.n_about_l_content ul li a.hoverhlod{display:block;background:#2a7b71 url(../images/n_jiantou2.png) no-repeat 210px center;/* width:250px;*/ color:#fff;}
.n_about_r{width:900px;margin-top:10px;}
.position{/*height:43px;*/line-height:43px;border-bottom:1px solid #E0E0E0;color:#666;}
.position p{font-size:20px;font-family:'微软雅黑';padding-left:5px;background:url(../images/n_ico1.jpg) no-repeat 10px center;height:43px;padding-left:30px;color:#666;}
.n_about_content{padding:20px 10px;line-height:28px; font-size:14px; text-indent:2em;}

/*********************内页  新闻*********************/
.n_news_r{width:900px;margin:20px 0 20px 0;}
.n_news_content{margin-top:20px;}
.n_news_img{border:1px solid #DBDBDB;}
.n_news_tl{border-bottom:1px dashed #ccc;padding-bottom:20px; height:auto; overflow:hidden;}
.n_news_tl_r{width:620px;margin-left:20px;}
.n_news_tl_r h3 a{font-size:14px;color:#333;line-height:34px;}
.n_news_tl_r p{color:#666;line-height:22px;}
.n_news_tl_r p a{color:#2a7b71;}
.n_news_tl_r span{color:#666;margin-top:10px;display:block;}
.n_news_content ul li{border-bottom:1px dashed #ccc;/* width:860px;*/ display:block; line-height:50px; text-align:right;background:url(../images/dot1.jpg) no-repeat left center;padding-left:10px;}
.n_news_content ul li a{color:#333; display:block; float:left;}
.n_news_content ul li a:hover{color:#2a7b71;}
.page{text-align:center;height:30px; width:900px;line-height:30px; margin-top:40px;}
.page a,.page span{border:1px solid #2a7b71;padding:5px 10px;margin:0 2px;}
.page a:hover,.page_current{background:#2a7b71;color:#fff;}

/*********************新闻详情*********************/
.n_content{padding:35px 0 50px;}
.view-title{font-size:16px;text-align:center;font-weight:bold;color:#666666;}
.view-element{font-size:14px; text-align:center;color:#666666;border-bottom:1px dashed #E0E0E0;margin: 0 0 10px;padding:15px;}
.view-element a{color:#333;}
.n_content_c{line-height:2;padding:10px 0 30px 10px;border-bottom:1px dashed #E0E0E0; display:block;/* text-indent:2em; line-height:30px;*/}
.content_bottom p{font-size:14px;margin:20px 0;line-height:25px;}
.content_bottom p a{color:#666666;font-size:12px;}
.content_bottom p a:hover{color:#000;}

/*********************内页  工程*********************/
.n_case_r{width:900px;margin:10px 0 20px 0;}
.n_case_content{margin-top:20px;width:900px;overflow:hidden;}
.n_case_content ul{width:900px; display:block; height:auto; overflow:hidden;}
.n_case_content ul li{float:left;margin:0 26px 20px 0; display:block;}
.n_case_content ul li p{text-align:center;margin-top:15px;}







/*********************内页  留言*********************/
.n_message{padding:10px 20px 30px;}
.comm-list {border: 1px solid #DDDDDD;margin-top: 10px;}
.comm-list-content {clear: both; padding: 10px 0 10px 15px;line-height: 20px;color:#333;}
.comm-list-title {height: 30px;line-height: 30px;border-bottom: 1px solid #E9E9E9;font-weight: bold;background-color: #F5F5F5;}
.comm-list-title span {display: block;float: left;padding-left: 28px;color:#333;}
.comm-list-title a.back {display: block;float: right;margin-right: 10px;font-weight: normal;}
.comm-list-content table td { padding: 5px; }
.comm-list-content table td textarea,
.comm-list-content table td input { border: 1px solid #CCC; padding: 5px; }
.plist{margin-top:40px;text-align:center;}
.putime{padding-right:15px;color:#333;}
.comm-list-repley {clear: both;color:#666;line-height: 20px;margin: 10px;margin-top: 0;padding: 6px;background-color: #F6F6F6;border: 1px dashed #CCCCCC;}
.comm-list-repley span {font-weight:bold;color:#0D49AE;}



/*内页  人才招聘*/
.zhaopin{padding-bottom:10px;}
.zhaopin_tl{
	background: #eff0ee;
	height: 30px;
	line-height: 30px;
	margin: 10px 0 10px 0;
	border: 1px solid #eaebe9;
	color:#666;
}
.zhaopin_tl a:hover{color:red;}
.zhaopin li{
	line-height:30px;
	padding-left:15px;	
}
.zhaopin li span {
	font-weight: bold;
	color:#666;
}
.zhaopin em {
	background: #196AC6;
	display: block;
	width: 90px;
	text-align: center;
	font-style: normal;
	height: 30px;
	line-height: 30px;
	margin-left:15px;
	margin-top:15px;
}
.zhaopin em a{
	color:#fff;	
}
div.pager{
	clear: both;
	padding-top: 10px;
	text-align:center;
	
}
div.pager li{
	display:inline-block;
	
}
.pager a.pagehold{padding:3px 8px;background:#2A7B71;border:1px solid #2A7B71;color:#fff;font-weight:bold;margin-left:6px;}
.pager{margin-top:40px;display:block;}
.pager span{padding:3px 8px;background: #DA8404;border: 1px solid #06f;color:#fff;font-weight:bold;margin-left:6px;}
.pager a{padding:3px 8px;background:#f5f5f5;border:1px solid #2A7B71;color:#000;margin-left:6px;}
.pager a:hover{border: 1px solid #999;}



.banner-box .swiper-pagination-bullet{ width:15px; height:15px; background-color:#ffffff; opacity: 1; }
.banner-box .swiper-pagination-bullet-active { background: #fa030e; }
.banner-box .attach{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; }

.nbanner-box { position: relative; overflow: hidden; }
.nbanner-box .box { position: absolute; left: 50%; margin-left: -960px; width: 1920px; }