/* 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;
}
.logo{margin-top:15px;margin-bottom:15px;}
.doc-header{background:#fff; padding:0 5%;z-index:9999;top:0;position: fixed;width: 100%;-webkit-box-shadow:0 3px 6px rgba(0, 0, 0, .175);box-shadow:0 3px 6px rgba(0, 0, 0, .175);}

/*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: #ce3229;
	margin: 0 auto 0.4375rem;
	display: block;
	line-height: 1;
	transition: all 0.5s;
}
#menu:hover span{
	background-color:#ce3229;
}
#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: #ffe700;
}
#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: #ce3229;
}
#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: #ffe700;
	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%;
}
.nav li{height: 100px;}
.nav li:hover{background-color: #ce3229;}
.nav li:hover h2{color: #fff;}
.nav li:hover span{color: #fff;}
.nav li a h2{margin-top:25px;color:#323232;font-size:16px;}
.nav li span{color:#a6a6a6;font-size: 14px;display:block;text-align: center;margin-top:-8px;}
.nav li.on{background-color: #ce3229;}
.nav li.on a h2{color:#fff;}
.nav li.on span{color:#fff;}

#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{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;}

/*ç®€ä»‹*/
.jianjie{background:url(../images/jjbg.jpg) no-repeat top left;background-size:cover;}
.jjbox{padding:4% 10px;}
.jjnei{padding-right:4%;margin-bottom: 20px;}
.jjnei img{margin-top:18%;}
.jjbox p{line-height:32px;font-size:16px;color:#fff;margin-top:20px;}
.jjnei a{border:1px solid #fff; width:126px;height:37px;display:block;line-height:37px;text-align:center;color:#fff;font-size:14px;margin-top:20%;}
.jjbox a:hover{-webkit-transform: scale(1.08); transform: scale(1.08);}
.jjwen img:hover{-webkit-transform: scale(1.08); transform: scale(1.08);}
/*ä¼˜åŠ¿*/
.youshi{background:url(../images/ysbg.jpg) no-repeat top left;background-size:cover;padding:4% 0;}
.title{display: flex;flex-direction: column;align-items: center;}
.title .zx{font-size:28px;color:#323232;}
.title p{font-size:24px;color:#ce3229;line-height: 60px;}
.title span{width:70px;height:2px; background-color: #ce3229;}
.ysbox{margin-top:2%;}
.ysb{position: relative;width:23%; overflow: hidden;float:left;margin-right:2%;}
.ys{position: absolute;left: 0;top:0;}
.ys{display: flex;flex-direction: column;align-items: center;width:100%;margin-top:35%;}
.ys span{font-size:20px;color:#fff;line-height:50px;}
.ys p{font-size:16px;color:#fff;line-height: 32px;text-align: center;margin-top:10px;}
.ysb:hover .ysimg{transform: scale(1.2);transition: all 1s ease;}
.ysb:hover .ys img{transform: rotateY(180deg);transition: all 0.5s ease;}
/*äº§å“*/
.product{background:url(../images/cpbg.jpg) no-repeat top left;background-size:cover; overflow: hidden;}
.prog{width:20%;float:left;}
.prog img{margin-top:30%;margin-left: 20%;}
.probox{background: rgba(0,0,0,0.2);float:left;width:60%;}
.proboxs{background: rgba(0,0,0,0.2);float:left;width:100%;}
.prlistbox{width:33.3%;float:left;position: relative;}
.prlist{overflow: hidden;opacity: 1;filter:alpha(opacity=100);}
.prlist2{opacity: 0;filter:alpha(opacity=0); overflow: hidden;position: absolute;left: 0;top: 0;width:100%;height: 100%;}

.prlist p{color:#fff;font-size:24px;line-height:40px;margin-top:20px;float:left; width: 100%; text-align: center; margin: 40px auto;margin-bottom:33%;}
.cpimg{background: rgba(255,255,255,0.4);margin-top:35%;padding:20px 0;}
.cpimg2{background: rgba(206,50,41,0.8);}
.cpimg img,.cpimg2 img{margin:0 auto;}
.cpjs{background-color: #fff;padding:30px;height: 100%;}
.cpjs .zx{color:#2f2f2f;font-size:20px;}
.cpjs span{width:70px;height: 2px;background-color: #2f2f2f;display:block;margin-top:15px;margin-bottom: 20px;}
.cpjs p{font-size:16px;line-height: 26px;color:#999;}
.cpjs a{width: 120px;height: 30px;line-height: 30px;text-align: center;color: #999;border:1px solid #999;font-size:14px;display:block;margin-top:20px;}
.cpjs a:hover{color: #ce3229;border:1px solid #ce3229;}
.promore{width:20%;float:left;}
.promore img{margin-top:60%;margin-left: 40%;}
.prlistbox:hover .prlist{opacity: 0;filter:alpha(opacity=0);}
.prlistbox:hover .prlist2{opacity: 1;filter:alpha(opacity=100); transition: all 1s ease;}
/*æ–°é—»*/
.news{padding-top:40px;margin-top:4px;background:#f9f9f9;}
.newbox{margin-top:50px;}
.newbox img{width:100%;}
.nrkuang{background-color: #fff;display: flex;flex-direction: column;align-items: left;padding:30px;}
.nrkuang div{width: 100%; margin-top: 20px;}
.nrkuang span{color: #9b9b9b;font-size:16px;}
.nrkuang span.right{color:#ce3229;}
.nrkuang .zx{color: #0d0d0d;font-size:18px;line-height: 35px;}
.nrkuang p{color: #9b9b9b;font-size:14px;line-height:22px;margin-top:10px;}
.newbox a:hover .nrkuang .zx{color:#ce3229; }
.tnews{overflow: hidden;margin-top:30px;}
.tnews a{width:48%;float:left;}
.tnews a:last-child{float:right;}

/*å‹æƒ…é“¾æŽ¥*/
.linknr{overflow: hidden; line-height: 30px; margin-bottom:30px; font-size: 16px; color: #242424;}
.linknr a{margin:0 5px;color: #242424;}
.linknr a:hover{color:#ce3229;}
/*å°¾éƒ¨*/
.foot{background-color: #333b4d;}
.footbox{border-bottom:1px solid #404d75;padding:60px 0;}
.footbox .zx{font-weight: normal;font-size: 18px;color: #fff;margin-bottom:30px;}
.bt_lx{font-stretch: 14px;color:#858ea2;line-height: 28px;}
.footbox ul li{float:left;}
.current a{color:#ce3229;}
.footbox ul li a{padding:0 40px 25px 0;display: block;color:#858ea2;}
.footbox ul li a:hover{color:#ce3229;}

.bt_ss{padding-top:24%;padding-right:5%;}
.bt_ss span{font-size:16px;color: #fff;display: block;line-height:32px;text-align: right;}
.bottom,.bottom a{color:#858ea2;font-size:14px;height:115px;line-height:116px;text-align: center;margin:0 5px; }
.bottom img{vertical-align: middle;}
.blog-footer{
    padding: 10px 0;
    text-align: center;
    background: #333b4d;
    color: #fff;
    margin-bottom: 70px;
    line-height: 30px;
}
.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;}

.positionnr{color:#2a2a2a;border-bottom: 1px solid #a1a1a1;	overflow:hidden;font-size:16px;line-height: 70px;}
.positionnr a{color:#2a2a2a;margin:0 3px;}
.positionnr a:hover{color:#17288a;}
.gb_content{padding:10px; overflow: hidden;}
.gb_content div{line-height: 30px; color: #2a2a2a;}
/*äº§å“åˆ—è¡¨*/
.prolist{overflow: hidden;}
/*.protit{background:url(../images/cp1.jpg) no-repeat left center;background-size: cover;}
.protits{background:url(../images/lx1.jpg) no-repeat left center;background-size: cover;}*/
.protit{padding:5px 10%;border-radius: 5px 5px 0 0;background: #1f50ae;position: relative;}
.protit h3{font-size: 20px;color:#fff;font-weight: bold;}
.protit span{font-size:12px;color:#a9a9a9;  text-transform: uppercase;}
.protit img{position: absolute;right:20px; top:50%;margin-top:-10px;}
.nav2{width: 100%;border:1px solid #e8e8e8;margin-bottom: 20px;border-top: 0;}
.nav2 li{border-bottom:1px solid #e8e8e8;}
.nav2 li a{text-align:left;color:#252525;font-size:14px;line-height: 46px;height: 46px;width: 100%;display: block;padding-left:20px;}
.nav2 li:last-child{border-bottom:0;}
.nav2 li:hover a{color: #ce3229;}
.nav2 li.cur a{color: #ce3229;}

.lxfs{border:1px solid #e8e8e8;}
.lxfs h2{font-size:20px;color:#203857;line-height:80px;border-bottom:1px solid #e8e8e8;font-weight: bold; text-align: center;}
.lxfs p{font-size:16px;color:#203857;text-align: center;line-height:3;}
.lxfs a{font-size:14px;color:#203857;text-align: center;width: 120px;height: 30px;line-height: 30px; background-color: #f2d028;display: block;margin: 0 auto;margin-bottom:20px;}

.nav3{width: 100%;text-align: center;margin:10px auto;}
.nav3 li{display: inline-block;margin:3px 1px;}
.nav3 li a{text-align: center;color:#262626;font-size:16px;padding:10px 16px;background-color: #f1f1f1;display: block;}
.nav3 li:hover a{background-color: #ce3229;color:#fff;}
.nav3 li.cur a{background-color: #ce3229;color:#fff;}

.npronr{overflow: hidden; margin: 0 auto;}
.npronr dl{ width: 31%; overflow: hidden; float: left; margin:1%;}
.npronr dl dt{ width: 100%; overflow: hidden;border:1px solid #d4d4d6;}
.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; text-align: center;}
.npronr dl:hover img{-webkit-transform: scale(1.2); transform: scale(1.2);}
.npronr dl:hover dd{color:#ce3229;}


/*äº§å“è¯¦æƒ…é¡µ*/
.proxq{width: 63%;}
.pronr{font-size:16px;}
.proxq h2{font-size: 18px;line-height:40px;background: #0c68b8;padding-left: 10px;color: #fff; font-weight: normal; }
.proxq p{color:#85848f;font-size:14px;line-height: 30px;}
.gb_content div.pro_tit{color: #fff;font-size: 16px; line-height: 36px; background-color: #0c68b8; padding-left: 10px;margin-bottom:10px;margin-top:10px;}
.proimg{overflow: hidden;width:33%;}
.proimg img{margin:0 auto;}
.proimg:hover img{-webkit-transform: scale(1.2); transform: scale(1.2);}
.probody{color:#272727;font-size:16px;clear: both;}
.promobile{padding:0 20px;}
/*æ–°é—»*/
.box_content{overflow: hidden;padding:15px 0;}
.box_content a{overflow: hidden;display: block;background-color: #fff;}
.box_content a:hover{background-color:#ececec;}
.box_content a img{border:1px solid #ccc;}
.newsnr{padding-left:3%;}
.gb_content div.newsbt,.gb_content div.newsdate{font-size:16px;color:#282828;line-height:36px;}
.gb_content div.newsms{font-size: 16px;line-height:36px; color: #606060;}

.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 #a9a9a9;margin-bottom:10px;padding-bottom:15px;}
.xwtit h3{font-size:20px; text-align:center;color:#262635;line-height: 50px;}
.fbtime{ width: 100%; overflow: hidden; text-align:center; line-height:60px; color: #a0aeb7;}
.newxq{line-height: 38px; color: #333;}
.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%;}
/*åœ¨çº¿ç•™è¨€*/
.li_ly li input {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    font-size: 14px;
    text-indent: 20px;
    padding:3% 0;
    color: #363636;
    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: #363636;
    padding: 15px 0;
}
input::-webkit-input-placeholder {
    color: #363636;
}
textarea::-webkit-input-placeholder {
    color: #363636;
}
.li_ly button.coolbg {
    width: 100%;
    height: 50px;
    margin-top:10px;
    cursor: pointer;
    background: #ce3229;
    color: #fff;
    border:none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
}
/* è”ç³»æˆ‘ä»¬
-------------------------------------------------------------- */
.map{margin:20px 0;height: 350px; overflow: hidden;}
.blue p{font-size:20px;color:#363636;line-height: 55px;margin-top:15%;}

/* 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 #ce3229;
}
.dede_pages ul li.thisclass{
    background-color: #ce3229;
    padding: 5px 10px;
    font-weight: bold;
	color:#fff;
}
.dede_pages ul li.thisclass a{
	color:#fff;
}
.dede_pages ul li:hover{
    background-color: #ce3229;
    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:0 auto;
	margin-top:30px;
	border-top:1px solid #a9a9a9;
}
.page1 div{

	line-height:50px;
	overflow:hidden;
	font-size: 12px;

}
.page1 div a{
	color:#666;
	font-size: 12px;
}
.page1 div a:hover{
	color:#006090;
}
@media screen and (min-width:1700px) and (max-width:2100px){
	.cpjs span{margin-bottom:10px;}
}
@media screen and (min-width:1200px) and (max-width:1400px){
	.container-layout{overflow: hidden;}
	.cpjs .zx{font-size:17px;}
	.promore img{margin-top:80%;margin-left:35%;width:30%;}
}
@media screen and (min-width:1000px) and (max-width:1200px){
	.footbox ul li a{ padding: 0 30px 25px 0;}
	.container-layout{overflow: hidden;}
	.cpjs .zx{font-size:16px;}
	.cpjs{padding:18px;}
	.cpjs p{font-size:14px;}
	.prog img{width:75%;}
	.promore img{margin-top:90%;margin-left:35%;width:30%;}
	.gb_content div.newsms{line-height: 30px;}
	.gb_content div.newsbt{line-height: 30px;}
	.gb_content div.newsdate{line-height: 34px;}
}
@media screen and (min-width:760px) and (max-width:1000px){
	.container-layout{overflow: hidden;}
	.ys{margin-top:20%;}
	.ys p{font-size:12px; line-height: 24px;}
	.linknr{padding-left:10px;}
	.prlist p{font-size: 20px;}
	.banner_n{height:350px;}
	.cpjs .zx{font-size:16px;}
	.cpjs{padding:18px;}
	.cpjs p{font-size:12px;line-height: 22px;}
	.cpjs span{margin-bottom:10px;}
	.prog img{width:75%;}
	.promore img{margin-top:100%;margin-left:35%;width:30%;}
	.cpjs a{margin-top:10px;}

	.gb_content div.newsms{line-height: 30px;}
}

@media(max-width:760px) {
	.container-layout{overflow: hidden;}
	.gb_content{padding-top:0;}
	.positionnr{padding-left: 10px;font-size: 14px;}
	.positionnr a{font-size: 14px;}
	.lx{padding-left:0;}
	.map{height: 200px;}
	.npronr dl{width: 48%;}
	.nav2 li a{padding:0 10px;}
	.banner_n{height:140px;}
	.linknr{padding-left:20px;}
	.proimg{width:100%;}
	.proxq{width:100%;margin-top:10px;}
	.page1{width: 90%;}
	.page1 div{	line-height:30px;}
	#menu{top:0px;}
	.ysb{width:46%;margin:2%;}
	.ys{margin-top:22%;}
	.ys p{font-size:12px; line-height: 24px;}
	.ys img{width:30%;}
}


.ab_pages{clear:both;padding:20px 0;font-size:14px;text-align:center; overflow:hidden}
.ab_pages ul{display:inline-block;margin:0 auto;padding:0}
.ab_pages ul a{color:#555;display:block;padding: 5px 11px;  border: 1px solid #ddd;float: left;margin: 0 5px;font-size:12px}
.ab_pages ul a.page-num-current{ background:#ce3229; color:#fff; }
.ab_pages ul a:hover{ background:#ddd; color:#fff;}
.ab_pages .page-status{ display:none;}
.ab_pages span.page-num{ display:none;}