/* CSS Document */
html,body,ul,li,a,span,p{list-style:none; text-decoration:none;  margin:0px; padding:0px; color: #656565; }
a:hover { text-decoration:none; color:#bf9456;} 
body{ background-color:#fff; }
.left { float: left; }
.right{ float: right; }
.center { margin: 0 auto; }
.clear { clear:both; font-size:1px; line-height:0px; height:0px; }

TH {
FONT-SIZE: 14px;
list-style:none;
 text-decoration:none;
}
TD {
FONT-SIZE: 14px;; LINE-HEIGHT:20px;
text-decoration:none;
}

.doc-header{background:#fff;}

.nav a{color:#0f0f0f;}
.doc-header.fixed-top{z-index:2;-webkit-box-shadow:0 3px 6px rgba(0, 0, 0, .175);box-shadow:0 3px 6px rgba(0, 0, 0, .175);}
.doc-header.fixed-top .doc-toper,.doc-header.fixed-top .doc-intro{display:none;}

/*menu*/
#menu{
	width: 3.5rem;
	height: 3.5rem;
	display: block;
	position: absolute;
	right: 0rem;
	top: 0px;
	text-align: center;
	line-height: 3.5rem;
	z-index: 5;
	padding-top: 1rem;
	transition: all 0.5s;
	opacity: 1;
}
#menu.active{
	opacity: 0;
}
#menu span{
	width: 1.875rem;
	height: 0.1875rem;
	background-color: #dbdada;
	margin: 0 auto 0.4375rem;
	display: block;
	line-height: 1;
	transition: all 0.5s;
}
#menu:hover span{
	background-color:#266e99;
}
#menu span:last-child{
	margin-bottom: 0;
}
/*sidenav*/
#sidenav{
	text-align: center;
	position: fixed;
	right: -30rem;
	top: 0;
	width: 15rem;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
	z-index:9999;
	padding: 0 ;
	transition: all 0.5s;
}
#sidenav.active{
	right: 0;
}
#sidenav .close{
	width: 20px;
	height:20px;
	display: block;
	left:-20px;
	top: 0;
	transition: all 0.5s;
}

#sidenav .close:hover{
	transform: rotate(180deg);
}
#sidenav .close:hover span{
	background-color: #eb1d24;
}
#sidenav .close span:nth-child(1){
	transform: rotate(45deg);
}
#sidenav .close span:nth-child(2){
	transform: rotate(-45deg);
}
#sidenav h3{
	line-height: 5.75rem;
	height: 5.8125rem;
	font-family: "ngbt-bec";
	font-size: 2.25rem;
	color: #fff;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	margin-bottom: 2.5rem;
}

#sidenav .nava a:hover{
	color: #eb1d24;
}
#sidenav .nav a span{
	margin-right: 0.625rem;
	display: inline-block;
	line-height: 1;
	transition: all 0.5s;
}
#sidenav .nav a:hover span{
	transform: rotate(360deg);
}
#sidenav .nav a .line{
	margin: 0 auto -0.0625rem;
	width: 0%;
	height: 0.0625rem;
	background-color: #eb1d24;
	transition: all 0.5s;
}
#sidenav .nav a:hover .line{
	width: 100%;
}
#sidenav .qr{
	margin-bottom: 3.375rem;
	width: 23.6%;
}
#sidenav .tip{
	text-align: center;
	font-size: 0.8rem;
	color: #fff;
	margin-bottom: 1rem;
}
#sidenav .tel{
	font-family: "΢ÈíÑÅºÚ light";
	font-size: 1.125rem;
	color: #fff;
	text-align: center;
}
#sidenav .tel img{
	margin-right: 0.5rem;
	width: 5.15%;
}
.navl{height: 78px;}
.nav li{border-top:2px solid #fff;}
.nav .on{border-top:2px solid #006090;}
.nav li:hover{border-top:2px solid #006090;}
.nav li a:hover{color:#006090;}
.nav li.on a{color:#006090;}
.nav ul li a{color: #0f0f0f;font-size:1rem;}
#sidenav .nav p{padding-bottom:3px;border-bottom: 1px solid rgba(255,255,255,0.1);color:#fff;font-size: 1.2rem;line-height: 2.2rem;height: 2.2rem;}
#sidenav .nav ul li a{color: #fff;font-size:1rem;}
.nava ul li{padding:20px 0;border-bottom:1px solid #666;}
.nava ul li a{color:#fff;font-size:16px;}
/*一站服务*/
.yizhanbox{background:url(../images/bg1.jpg) no-repeat top left;background-size:cover;}
.zhanbox{padding-top:40px;padding-bottom:40px;}
.yizhanshi{display: -webkit-flex; display:flex;-webkit-justify-content: center; justify-content:center;}
.yizhan{font-size:20px; text-align: center; color:#266e99;line-height: 36px; font-weight: bold;}
.fleis{width: 15%;margin:4% 5%;}
.kuai{border: 1px solid rgba(38,110,153, 0.2);display: flex;flex-direction: column;align-items: center;background:rgba(255,255,255,0.2);}
.kuai img{display: block;margin-top:25%;margin-bottom:15%;}
.kuai h3{font-size:20px;color:#266e99;line-height: 30px;margin-bottom:15%;font-weight:bold;}
.kuai:hover{background:rgba(255,255,255,1);border: 1px solid rgba(38,110,153,1);}
.kuai:hover img{-webkit-transform: scale(1.2); transform: scale(1.2);}
/*简介*/
.jianjie{background:url(../images/jjbg.jpg) no-repeat top left;background-size:cover;}
.jjbox{padding:40px 10px;}
.jjnei{padding-left:4%;}
.jjnei h3{padding-top:4%;font-size:30px;color:#333;}
.jjnei span{line-height:30px;font-size:13px;color:#999;}
.jjnei p{line-height:28px;font-size:15px;color:#333;margin-top:10px;}
.jjnei a{width:144px;height: 36px;display: block;background-color: #fff;line-height: 36px;text-align: center;border: 1px solid #266e99;color:#266e99;font-size:13px;margin-top:8%;}
.jjnei a:hover{background-color: #266e99;color:#fff;}
.jjbox img:hover{-webkit-transform: scale(1.08); transform: scale(1.08);}
/*项目*/
.xiangmu{padding:40px 10px;position: relative;padding-bottom:130px;}
.flei{text-align: center;margin-bottom: 30px;}
.flei ul{overflow: hidden;display: inline-block;}
.flei ul li{float:left;margin:10px;}
.flei ul li a{text-align: center;padding:8px 20px;border:1px solid #666;color:#666;font-size:15px;}
.flei ul li a:hover{color:#006090;border:1px solid #006090;}
.pro ul{overflow: hidden;display: flex;justify-content: center;}
.pro ul li,.pros ul li{width:25%;margin:5px;overflow: hidden;}
.pro ul li a div,.pros ul li a div{width:100%;overflow: hidden;}
.pro ul li a span,.pros ul li a span{width:100%;height:60px;display: block;text-align: left;font-size:15px;line-height:60px; color:#666;border-bottom: 1px solid #666;}
.pro ul li a:hover span,.pros ul li a:hover span{color:#006090;border-bottom: 1px solid #006090;}
.pro ul li a:hover img,.pros ul li a:hover img{-webkit-transform: scale(1.18); transform: scale(1.18);}
.fleim{overflow: hidden;}
.fleim ul{overflow: hidden;}
.fleim ul li{text-align: center;float:left;margin:0 10px;}
.fleim ul li a{display:block;text-align: center;border:1px solid #666;color:#666;padding:10px;}
.pros ul{overflow: hidden;}
.pros ul li{width: 100%;margin:20px 0;overflow: hidden;}
/*新闻*/
.news{padding-top:40px;padding-bottom:140px;background:url(../images/newbg.jpg) no-repeat top left;background-size:cover;position: relative;}
.title{display: flex;flex-direction: column;align-items: center;margin-bottom:20px;}
.title h2{color:#006090;font-size:30px;}
.title img{margin-top:10px;}
.title p{color:#333;font-size:14px;margin-top:15px;}
.newsbox,.newsboxl{background-color: #fff;padding:20px;}
.newsbox a{margin:15px 0;}
.newsbox a:nth-child(odd) .x9{padding: 0 20px;}
.newsbox a:nth-child(even) .x9{padding: 0 10px 0 20px;}
.newsbox span{color:#a3a3a3;}
.newsbox h3{color:#333;font-size:15px;}
.duanxian{width:5%;height:1px;display: block; background:#555;margin:10px 0;}
.newsbox a:hover .duanxian{width:100%;}
.newsbox p,.newsboxl p{color:#999;line-height:24px;font-size:14px;}
.more,.mores{width:156px;height: 39px;display: block;border: 1px solid #b9bcc1; background-color: #f2f2f2;color:#b9bcc1;text-align: center;line-height: 39px;font-size:14px;margin-left:-78px;position: absolute;left:50%;bottom:50px;}
.mores{background-color: #fff;width:156px;height: 39px;display: block;border: 1px solid #b9bcc1;color:#b9bcc1;text-align: center;line-height: 39px;font-size:14px;margin-left:-78px;position: absolute;left:50%;bottom:50px;}
.more:hover,.mores:hover{background-color: #266e99;color:#fff;}
.newsbox a:hover img{-webkit-transform: scale(1.05); transform: scale(1.05);}
.newsbox a:hover h3{color:#006090;}
.newsboxl h3{color:#333;font-size:15px;line-height: 30px;}
.newsboxl a:hover h3{color:#006090;}
.newsboxl a{padding:10px 0;border-bottom:1px solid #ccc;}


/*尾部*/
.linknr{overflow: hidden; background: url(../images/link.jpg) no-repeat left 6px; line-height: 30px; padding-left: 27px; margin: 20px; font-size: 15px; color: #666;}
.linknr a{margin:0 5px;}
.linknr a:hover{color:#006090;}
.foot{background-color: #f5f5f5;}
.footbox{text-align: center;border-bottom:1px solid #d0d0d0;}
.footbox ul{display: inline-block;}
.footbox ul li{float:left;}
.footbox ul li a{padding:30px 35px;display: block;font-weight: bold;color:#999;}
.footbox ul li a:hover{color:#006090;}
.current a{color:#006090;}
.foot p{text-align: center; }
.foot p span{display: inline-block; color:#666;font-size:15px;height:72px;line-height: 72px;  margin: 0 5px;}
.foot p span img{vertical-align:middle;}
.blog-footer{
    padding: 10px 0;
    text-align: center;
    background: #266e99;
    color: #fff;
    margin-bottom: 70px;
}
.blog-footer a {
    color: #fff;
}
.top_menu{
    position: fixed;
    z-index: 900;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 0;
    font-family: Helvetica, Tahoma, Arial, Microsoft YaHei, sans-serif;
    width: 100%;
    background: #000;
}
.top_menu li{
    -webkit-box-flex: 1;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.1)), color-stop(50%, rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0.1)));
    -webkit-background-size: 1px 100%, 1px 100%;
    background-size: 1px 100%, 1px 100%;
    background-position: 1px center, 2px center;
    background-repeat: no-repeat;
    position: relative;
    text-align: center;
    display: inline-block;
    width: 33.3%;
    float: left;
}
.top_menu li a{
    display: block;
    text-align: center;
    height: 55px;
    color: #fff;
    text-shadow: 0 1px rgba(255, 255, 255, 0.3);
    text-decoration: none;
    -webkit-box-flex: 1;
}
.top_menu li a img{
    padding: 0;
    height: 20px;
    width: 20px;
    color: #fff;
    vertical-align: middle;
    display: block;
    margin: 15px auto 0;
}
.top_menu li a label{
    padding: 3px 0 0 3px;
    font-size: 14px;
    overflow: hidden;
    display: block;
    margin: 0 auto;
}

/*内页框架*/
.gb{ min-height:380px; margin:0 auto; background:#fff;}
.banner_n { width: 100%;height: 400px;  position: relative;}
.gbox{position: relative;}
.gbp{background-color: #fff;box-shadow:0 3px 3px rgba(0, 0, 0, 0.3);padding:50px; width: 100%; position: absolute; top: -40px; left: 0;}
.gbp_mobile{background-color: #fff;padding:10px; width: 100%;}

.now h3{color:#006090;font-size:18px;padding-right:35px;border-right: 1px dashed #006090;}
.nav2{overflow: hidden;}
.nav2 li{float:left;border-right:1px dashed #333;}
.nav2 li a{padding:0 20px;font-size:16px;}
.nav2 li a:hover{color:#006090;}
.cur a{color:#006090;}
.positionnr{color:#333;	overflow:hidden;background:url("../images/tb3.png") no-repeat 0 2px;padding-left:22px;font-size:13px;}
.positionnr a{color:#333;margin:0 3px;}
.gb_content{padding:10px;padding-top:100px; overflow: hidden;}
.gb_content div{line-height: 38px; color: #333;}
/*产品*/
.npronr { width: 100%; overflow: hidden; margin: 0 auto;}
.npronr dl{ width: 31%; overflow: hidden; float: left; margin:1%;}
.npronr dl dt{ width: 100%; overflow: hidden;}
.npronr dl dt img{ width: 100%;  height: auto; overflow: hidden;}
.npronr dl dd{ width: 100%; overflow: hidden; font-size: 16px; color: #333;line-height: 30px; margin-top: 10px; position: relative;border-bottom:1px solid #FFF;}
.npronr dl dd span{position: absolute;right:0;top:10px;color:#333;}
.npronr dl:hover img{-webkit-transform: scale(1.2); transform: scale(1.2);}
.npronr dl:hover dd{color:#006090;border-bottom:1px solid #006090;}
.npronr dl:hover span{color:#006090;}

/*产品内页*/
.proxq h2 { font-size: 24px; line-height: 60px; color: #333; border-bottom: 1px solid #333;  font-weight: normal;   margin-bottom: 20px;}
.proxq p{color:#85848f;font-size:14px;line-height: 30px;}
/*新闻*/
.box_content{overflow: hidden;}
.box_content a{overflow: hidden;display: block;border-bottom: 1px solid #606060;padding:30px 0;}
.newsnr{padding-left:3%;}
.newsbt{font-size:18px;font-weight: bold;color:#333;line-height: 40px;}
.newsms{font-size: 15px;line-height: 28px; color: #333;}
.datekuai{padding:15px;background-color: #606060;float:right;}
.datekuai b{font-size:40px;	text-align: center;	color: #fff;display: block;border-bottom:1px solid #fff;}
.datekuai span{	font-size:12px;	text-align: center;	color:#fff;	display: block;	padding-top:5px;}
.newmore{padding:15px;border:1px solid #333;margin-top:20px;text-align: center;width: 100px;color:#333;}
.newmore:hover{color:#fff;background-color: #006090;}
.box_content a:hover img{-webkit-transform: scale(1.05); transform: scale(1.05);}
.xwmobile{margin-bottom:20px;}
.xwmobile span{font-size:12px;line-height: 28px;}
.xwmobile h3{font-size:18px;line-height: 40px;}
/*新闻内页*/
.gb_content h1{width: 100%; overflow: hidden; text-align: center; font-size: 24px;line-height: 30px; color: #666;}
.xwtit{border-bottom: 1px solid #333;margin-bottom:10px;}
.xwtit h3{font-size:30px; text-align: left;color:#333;font-weight:bold;}
.fbtime{ width: 100%; overflow: hidden; text-align: left; line-height:60px; color: #a0aeb7;}
.newxq{line-height: 38px; color: #333;}
.newxq img{display:block;margin:0 auto;}
.lx{padding-left:3%;margin-bottom: 10px;}
.lx img{display: block;margin:0 auto;}
.lxbox{border:1px solid #333;padding:20px;font-size:16px;line-height: 30px;color: #333;margin-top:20px;padding-bottom:30%;}


/* 联系我们
-------------------------------------------------------------- */
.map{margin:20px 0;height: 400px; overflow: hidden;}
.blue{width:40%;padding:3% 4%;background: rgba(49,126,164,0.8); position: absolute;right: 40px;top:160px;}
.blue h4,.blues h4{font-size:26px;color:#fff;}
.blue span,.blues span{font-size:15px;font-family: Arial;line-height: 30px;color:#fff;}
.blue p,.blues p{font-size:15px;line-height: 28px;color:#fff;}
/*.first_child{margin-top:10px;}*/
.blues{width: 100%;padding:4%;background: rgba(49,126,164,1); margin-bottom: 20px;}
.blue img,.blues img{float: right;}
.gb_content div.gz{clear: right;text-align: right;margin-right:25px;color: #fff;}
/* dede_pages
-------------------------------------------------------------- */
.dede_pages{
		width:100%;
		overflow:hidden;
		margin-top: 10px;
		text-align: center;
}
.dede_pages ul {
    padding: 30px 0;
	display: inline-block;
}
.dede_pages ul li {
    float: left;
    line-height: 17px;
    margin-right: 6px;
	padding: 5px 10px;
	background-color: #fff;
	border:solid 1px #006090;
}
.dede_pages ul li.thisclass{
    background-color: #006090;
    padding: 5px 10px;
    font-weight: bold;
	color:#fff;
}
.dede_pages ul li.thisclass a{
	color:#fff;
}
.dede_pages ul li:hover{
    background-color: #006090;
    color:#fff;
}
.dede_pages ul li:hover a{
    color: #fff;
}
.dede_pages ul li:hover span{
    color: #fff;
}
.dede_pages ul li a {
    float: left;
    display: block;
	color:#454545;
}
/* pages
-------------------------------------------------------------- */
.page1{
	width:100%;
	overflow:hidden;
	margin-top:30px;
	padding-top:20px;
	
	border-top:1px solid #333;
}
.page1 div{
	height:30px;
	line-height:30px;
	overflow:hidden;
	font-size: 12px;
	padding:10px;
	padding-bottom:38px;
	border:1px solid #333;
	margin-bottom:30px;
}
.page1 div a{
	color:#666;
	font-size: 12px;
}
.page1 div a:hover{
	color:#006090;
}

/*在线留言*/
.li_ly li input {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    font-size: 14px;
    text-indent: 20px;
    padding:3% 0;
    color: #858ea2;
    width:100%;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    margin-bottom:25px;
}
.li_ly li textarea {
    width:100%;
    height:120px;
    overflow: hidden;
    line-height: 30px;
    border: solid 1px #d9d9d9;
    font-size: 14px;
    text-indent: 20px;
    color: #858ea2;
    padding: 15px 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
}
input::-webkit-input-placeholder {
    color: #858ea2;
}
textarea::-webkit-input-placeholder {
    color: #858ea2;
}
.li_ly input.coolbg {
    width: 133px;
    height: 40px;
    margin-top:10px;
    margin-left:10px;
    margin-bottom:20px;
    cursor: pointer;
    background:#006090;
    color: #fff;
    border:none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
}
.lyxz{line-height: 30px;color:#666;font-size: 15px;}
@media screen and (min-width:1000px) and (max-width:1200px){
	.footbox ul li a{padding:30px 20px;}
}
@media screen and (min-width:760px) and (max-width:1000px){
	.footbox ul li a{padding:30px 12px;}
	.foot p span{font-size: 13px;}
}
@media(max-width:760px) {
	.xiangmu{padding:0 10px 130px 10px;}
	.gb_content{padding-top:0;}
	.positionnr{color:#266e99;}
	.positionnr a{color:#266e99;}
	.lx{padding-left:0;}
	.map{height: 200px;}
	.npronr dl{width: 48%;}
	.nav2 li a{padding:0 10px;}
	.banner_n{height:200px;}
	.fleim ul li{margin: 5px 10px;}
	.blues span{font-size: 12px;}
	.gb_content div.newxq img{max-width: 100%;}
}