/* 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:#2b2d42;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);}
.logo{background-color: #105ec0;height: 100px;padding-left:4%; padding-top: 20px;}
.daohang{padding-right: 4%; }
.qh{margin-top: 15%;}
.qh img{margin-right:10px;}
.qh span{font-size:12px;color:#fff;}
.mobile_top{background-color: #105ec0;}
/*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: #fff;
	margin: 0 auto 0.4375rem;
	display: block;
	line-height: 1;
	transition: all 0.5s;
}
#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: #ffe700;
}
#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.on a.fa{color:#db2d12;border-bottom:5px solid #db2d12;margin-right:5px;}
.nav li a.fa:hover{color:#db2d12;}
.nav li a.hf{padding-left:40px;}
.nav ul li a.fa{color: #fff;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{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;}

/*中英文切换*/
.qiehuan{text-align: right; padding: 0px;color: #fff; margin-top:40px;}
.qiehuan a{ font-family: arial; font-size: 14px; line-height: 16px; color: #fff; display: inline-block; margin-left: 5px;}
.qiehuan a:last-child{ margin-left:25px;}
.qiehuan a img{ margin-right:20px;}

/*简介*/
.jianjie{background-color:#f3f3f3;}
.jjbox{padding:70px 10px;padding-bottom: 50px;}
.jjnei{padding-right:4%;margin-bottom: 20px;background-color: #fff;-webkit-box-shadow:1px 3px 15px rgba(0, 0, 0, .1);box-shadow:1px 3px 15px rgba(0, 0, 0, .1);padding:48px;}
.jjnei p{line-height:30px;font-size:16px;color:#787878;margin-top:20px;padding-top:15px;border-top:1px solid #c7c8cb;}
.jjnei a{width:118px;height: 32px;display: block;border-radius: 50px; background-color: #105ec0;line-height: 32px;text-align: center;color:#fff;font-size:14px;margin-top:8%;-webkit-box-shadow:0 3px 6px rgba(0, 0, 0, .2);box-shadow:0 3px 6px rgba(0, 0, 0, .2);}
.jjbox a:hover{-webkit-transform: scale(1.08); transform: scale(1.08);}
.jjbox img:hover{-webkit-transform: scale(1.08); transform: scale(1.08);}
/*产品*/
.title{margin:0 auto;margin-bottom: 20px;}
.product{padding:60px 10px;background:url(../images/cpbg.jpg) no-repeat top left;background-size:cover;}
.flei{margin-bottom: 30px;margin-top:30px;}
.fleis{margin-bottom:20px;overflow: hidden;}
.fleis a.x6{font-size:12px;color: #fff; background-color: #13141b;padding:10px;text-align: center;}
.fleis a.x6:hover{background-color: #105ec0;}
.list ul li{width: 25%;float:left;font-size:20px;line-height: 50px;height: 50px;text-align: center;color:#fff;background-color: #13141b; position: relative;}
.list ul li.act img{display: block;}
.list ul li img{position: absolute;bottom: -13px;left: 50%;margin-left:-13px;display: none;}
.list ul li.act{background-color:#105ec0;}
.list ul li:hover{background-color:#105ec0;}

.cha{clear:both;width:200px;height: 50px;display: block;border-radius: 50px; background-color:#105ec0;line-height: 50px;text-align: center;color:#fff;font-size:16px;margin:0 auto;}
.prolist{display: none;}
.prolist ul{overflow: hidden;display: flex;justify-content: center;}
.prolist ul li{width:25%;margin:10px;overflow: hidden;position: relative;}

.imgk{width:100%;overflow: hidden;}
.imgk img{margin:0 auto;}
.prolist ul li p{width:100%;height:60px;display: block;text-align:center;font-size:15px;line-height:60px; color:#fff;text-align: center;}
.prolist ul li a:hover img{-webkit-transform: scale(1.08); transform: scale(1.08);}
.pros ul li p{width:100%;height:60px;display: block;text-align:center;font-size:15px;line-height:60px; color:#fff;text-align: center;}
/*新闻*/
.news{padding-top:40px;margin-top:4px;background:#fff;margin-bottom:40px;}
.newbox{margin-top:50px;margin-bottom:50px;display: flex;justify-content: space-between;}
.newbox a{background-color: #ededed;padding:15px;width:30%;}
.newbox a h3,.newboxs a h3{color: #2a2a2a;font-size:16px;line-height: 22px;margin-top:25px;text-transform: uppercase;}
.newbox a p,.newboxs a p{color: #989898;font-size:14px;line-height:22px;margin-top:15px;margin-bottom:20px;}

.newbox a:hover,.newboxs a:hover{background-color:#105ec0;}
.newbox a:hover p,.newboxs a:hover p{color:#fff; }
.newbox a:hover h3,.newboxs a:hover h3{color:#fff;}
.newboxs{margin-top:30px;margin-bottom:20px;}
.newboxs a{background-color: #ededed;padding:15px;margin-bottom: 20px;display: block;}
/*友情链接*/
.linknr{overflow: hidden; line-height: 30px; margin:50px 0; font-size: 16px; color: #242424;}
.linknr a{margin:0 5px;color: #242424;}
.linknr a:hover{color:#006090;}
/*尾部*/
.foot{background:url(../images/footbg.jpg) no-repeat top left; background-size:cover;}
.footbox{;padding:60px 0;}
.footbox h1{font-weight: normal;font-size: 18px;color: #fff;margin-bottom:30px;text-transform:uppercase;}
/*.bt_lx{font-size: 14px;color:#fff;line-height: 28px;}*/
.bt_lx span{padding-left: 30px;font-size: 14px;color:#858ea2;line-height:30px;display: block;}
.bt_lx span:nth-child(1){background:url(../images/f1.png) no-repeat left center;}
.bt_lx span:nth-child(2){background:url(../images/f2.png) no-repeat left center;}
.bt_lx span:nth-child(3){background:url(../images/f3.png) no-repeat left top;padding-right:50px;}
.bt_lx span:nth-child(4){background:url(../images/f4.png) no-repeat left center;}
.footbox ul li.current a{color:#db2d12;}
.footbox ul li a{padding-bottom:16px;display: block;color:#858ea2;}
.footbox ul li a:hover{color:#db2d12;}

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

.positionnr{color:#2a2a2a;	overflow:hidden;font-size:16px;line-height: 70px;}
.positionnr a{color:#2a2a2a;margin:0 3px;}
.positionnr a:hover{color:#17288a;}
.pb{width: 100%;height: 8px;background:url(../images/pb.png) repeat-x left top;margin-bottom:20px;}
.gb_content{ overflow: hidden;padding-bottom:20px;}
.gb_content div{line-height: 30px; color: #2a2a2a;}
/*产品列表*/

.prolist img{width: 100%;}

.nav3{margin:10px auto;}
.nav3 li{margin:3px;float:left;}
.nav3 li a{text-align: center;color:#fff;font-size:16px;padding:10px;background-color: #13141b;display: block;}
.nav3 li:hover a{background-color: #105ec0;}
.nav3 li.cur a{background-color: #105ec0;}

.list ul li a{width: 100%;font-size:20px;line-height: 50px;height: 50px;text-align: center;color:#fff;background-color: #13141b; position: relative;display: block;}
.list ul li.acts a,.list ul li.acts{background-color:#105ec0;}
.list ul li a:hover{background-color:#105ec0;}

.npronr,.npronrs{overflow: hidden; margin: 0 auto;}
.npronr dl,.npronrs dl{ width: 31%; overflow: hidden; float: left; margin:1%;}
.npronr dl dt,.npronrs dl dt{ width: 100%; overflow: hidden;border:1px solid #d4d4d6;}
.npronr dl dt img,.npronrs dl dt img{ width: 100%;  height: auto; overflow: hidden;}
.npronr dl dd,.npronrs dl dd{ width: 100%; overflow: hidden; font-size: 16px; color: #333;line-height: 30px; margin-top: 10px; text-align: center;}
.npronr dl:hover img,.npronrs dl:hover img{-webkit-transform: scale(1.2); transform: scale(1.2);}
.npronr dl:hover dd,.npronrs dl:hover dd{color:#105ec0;}
.npronrs dl{width:23%;}

/*产品详情页*/
.proxq{padding-bottom:2%;}
.proxq h2{ font-size:20px; line-height: 50px; color: #17288a; font-weight: normal; text-align: center;text-transform:uppercase;}
.proimg img{margin:0 auto; max-width: 100%;}
.probody{color:#272727;font-size:16px;clear: both;padding-top:20px;}
.probody img{max-width: 100%;}
.probodys img{max-width: 100%;}
.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;}
.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: #c1c1c1;
    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: #c1c1c1;
    padding: 15px 0;
}
input::-webkit-input-placeholder {
    color: #c1c1c1;
}
textarea::-webkit-input-placeholder {
    color: #c1c1c1;
}
.li_ly input.coolbg {
    width: 30%;
    height: 55px;
    margin-top:10px;
    cursor: pointer;
    background: #105ec0;
    color: #fff;
    border:none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
}
/* 联系我们
-------------------------------------------------------------- */

.blue p{margin-bottom:15px;background-color: #105ec0;padding:20px; overflow: hidden;display: flex;flex-direction: row;align-items: center;}
.blue p img{display: block;;float: left;margin-right: 20px;}
.blue p span{display: block;font-size:20px;color:#fff;}
.blue p:nth-child(3) span{font-size:14px;line-height: 24px;}

/* 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 #105ec0;
}
.dede_pages ul li.thisclass{
    background-color: #105ec0;
    padding: 5px 10px;
    font-weight: bold;
	color:#fff;
}
.dede_pages ul li.thisclass a{
	color:#fff;
}
.dede_pages ul li:hover{
    background-color: #105ec0;
    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:#105ec0;
}
@media screen and (min-width:1000px) and (max-width:1200px){
	.logo{padding-top:30px;}
	.qiehuan a{font-size:12px;}
	.qiehuan a img{margin-right:7px;}
	.jjnei p{font-size:12px;line-height: 20px;}
	.list ul li{font-size:18px;}
	.bt_ss span{font-size:12px;}
	.container-layout{overflow: hidden;}
}

@media screen and (min-width:760px) and (max-width:1000px){
	#menu{top:10px;}
	.nav2 li{margin-left:5px;float:left;margin-right:5px;}
	.banner_n{height:200px;margin-top:0;}
	.banner{margin-top:0;}
	.container-layout{overflow: hidden;}
	.bt_ss span{font-size:14px;}
	.list ul li{font-size:12px;}
	#menu{top:0px;}
	.gbox{padding:0 10px;}
	.dede_pages ul{padding:0;}
}
@media(max-width:760px) {
	.gb_content{padding-top:0;}
	.positionnr{color:#17288a;padding-left: 10px;line-height:30px;}
	.pb{margin-bottom: 0;}
	.positionnr a{color:#17288a;}
	.lx{padding-left:0;}
	.npronr dl{width: 48%;}
	.nav2 li a{padding:0 10px;}
	.banner_n{height:140px;margin-top:0;}
	.banner{margin-top:0;}
	.jjbox{padding:15px 10px;}
	.product{padding:30px 10px;}
	.news{padding-top:20px;}
	.proimg{width:100%;}
	.proxq{width:100%;margin-top:10px;}
	.page1{width: 90%;}
	.page1 div{	line-height:30px;}
	.ys img{width:20%;margin:23px;}
	#menu{top:10px;width: 1.5rem; height: 1.5rem;line-height: 1.5rem;padding-top:0;}
	#menu span{width: 1.5rem; height: 0.1rem; margin: 0 auto 0.4375rem;}
	.container-layout{overflow: hidden;}
	.list ul li{font-size:12px;}
	.qh{margin-top:3px;}
	.gbox{padding:0 10px;}
	.dede_pages ul{padding:0;}
}