@charset "utf-8";
/*
    Document   : CSSÑùʽ³õʼ»¯
    Created on : 2016.7.23
    Author     :
    Description:
        CSSÑùʽ±íµÄ³õʼ»¯£¬È«¾ÖÑùʽÉèÖᣲ¿·ÖÑùʽÊôÐÔÇë¸ù¾Ý¾ßÌåÒ³ÃæÖØÖÃÆäÊôÐÔ
        µ¼È뷽ʽ£º<link href="css/common.css" rel="stylesheet" type="text/css" />
*/
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}  /* ³õʼ»¯±êÇ©ÔÚËùÓÐä¯ÀÀÆ÷ÖеÄmargin¡¢paddingÖµ */
fieldset,img {border:0 none}  /* ÖØÖÃfieldset£¨±íµ¥·Ö×飩¡¢Í¼Æ¬µÄ±ß¿òΪ0*/
dl,ul,ol,menu,li {list-style:none}   /* ÖØÖÃÀà±íÇ°µ¼·ûºÅΪonne,menuÔÚHTML5ÖÐÓÐЧ */
blockquote, q {quotes: none}   /* ÖØÖÃǶÌ×ÒýÓõÄÒýºÅÀàÐÍ */
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}  /* ÖØÖÃǶÌ×ÒýÓÃ*/
input,select,textarea,button {vertical-align:middle}  /* ÖØÖÃ±íµ¥¿Ø¼þ´¹Ö±¾ÓÖÐ*/
button {border:0 none;background-color:transparent;cursor:pointer}  /* ÖØÖÃ±íµ¥button°´Å¥Ð§¹û */
body {background:#fff}   /* ÖØÖÃbody Ò³Ãæ±³¾°Îª°×É« */
body,th,td,input,select,textarea,button {font-size:12px;line-height:1 ;font-family:"΢ÈíÑźÚ", "ºÚÌå","ËÎÌå";color:#666} /* ÖØÖÃÒ³ÃæÎÄ×ÖÊôÐÔ */
a {color:#666;text-decoration:none}  /* ÖØÖÃÁ´½Óa±êÇ© */
a:active, a:hover {text-decoration:none}   /* ÖØÖÃÁ´½Óa±êÇ©µÄÊó±ê»¬¶¯Ð§¹û */
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}  /* ÖØÖÃÑùʽ±êÇ©µÄÑùʽ */
caption {display:none;}    /* ÖØÖñí¸ñ±êÌâΪÒþ²Ø */
table {width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}    /* ÖØÖÃtableÊôÐÔ */
img{vertical-align:top}  /* ͼƬÔÚµ±Ç°ÐÐÄڵĴ¹Ö±Î»Öà */
.l{
 	float: left
 }
.r
{
	float: right: 
}



.topbox{
	background: url('../img/topbj.jpg') no-repeat center center;
	background-size: cover
}
.topbox img:first-child{
	margin-top: 40px
}
.topbox img:last-child{
	margin-top: 40px;
	float: right;
	margin-right: 30px;
	margin-bottom: 25px
}
.navbox{
	background-color: #00205a;
}
.nav li{
	width: 14%;
	float: left
}
.nav a{
	width: 100%;
	display: block;
	text-align: center;
	color: white;
	line-height: 80px;
	font-size: 16px
}
.nav a:hover{
	color:#FF6100;
}
.nav-tabs li{
	width: 100%;
}
.nav-tabs a:hover{
	color:black;
}
.bannerbox{
	padding: 0px 0px;
}
.productbox{
	background: url('../img/productbg.jpg') repeat-x;
	height: 1000px
}
.product-top img{
	display: block;
	margin: 0 auto;
	margin-top: 55px;
	margin-bottom: 46px
}
.pntal,.pntar{
	width: 160px;
	background-color: #dbdbdb;
	line-height: 80px;
	display: block;
	text-align: center;
	color: #000;
	font-weight: bold;
	font-size: 20px;
}
.pntal{
	float: left;
	margin-left: 18.33%
}
.pntar{
	float: right;
	margin-right: 18.33%
}
.product-nav-top ul li ul{
	background-color: rgba(171, 170, 171, 0.7);
	display: none;
	z-index: 999;
	width: 14.5%
}
.product-nav-top ul li ul li{
	line-height: 30px;
	border-bottom: 1px dashed #fff;
	width: 100%
}
.product-nav-top ul li ul li a{
	font-size: 14px;
	color: #000
}
.product-nav-top ul{
	position: absolute;
	z-index: 999;
	width: 57%
}
.product-nav{
	height: 120px;
	z-index: 999
}
.product-list li{
	width: 23%;
	float: left;
	margin-right: 15px;
	margin-bottom: 20px;
	overflow: hidden;
	position: relative
}

.product-list span{
	line-height: 60px;
	background-color: #000;
	color: white;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 14px;
	position: absolute;
	top: 260px;	
}

.pro span{
	display: block;
	text-align: center;
}
.title_p{
	line-height: 50px;
	text-align: center;
	margin:0 auto;
	font-size:20px;
	color:black;
	margin:10px 0;
}
.pro li span{
	width:100%;
	line-height: 25px;

}
.morebox{
	margin: 0 auto;
	width: 170px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	border: 1px solid #999999;
	font-size: 14px;
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
}


.centerbox{
	background: url('../img/bg1.jpg') repeat-x;
	height: 245px
}
.center-left,.center-right{
	background: url('../img/bg2.jpg') no-repeat center center;
	background-size: cover;
	float: left;
	width: 360px;
	height: 200px;
	padding-top: 45px
}
.center img{
	float: left;
	margin: 0px 15px;
}
.center p{
	line-height: 30px;
	color: white;
	text-indent: 2em;
	padding: 0px 10px
}
.center-left{
	margin-left: 40px
}
.aboutbox{
	background: url('../img/bg3.jpg') no-repeat center center;
	background-size: cover;
	margin-top: 15px

}
.about-right{
	background: url('../img/bg4.jpg') no-repeat center center;
	background-size: cover;
}
.about-left{
	width: 600px;
}
.about-right{
	width: 540px;
	padding-top: 110px
}
.about-right span{
	font-size: 15px;
	padding-left: 70px
}
.about-right p{
	padding-top: 30px;
	font-size: 14px;
	line-height: 31px;
	padding-left: 60px;
	text-indent: 2em;
	padding-right: 60px
}
.about-right a{
	margin-top: 50px;
	color: white;
	font-size: 16px;
	font-weight: bold;
	display: block;
	margin-bottom: 50px;
	margin-right: 50px;
	float: right
}
.abo_p{
	width:100%;
	background: #00205a;
}
.abo_p a{
	color: white;
}
.abo_p p{
	line-height: 25px;
	padding: 20px;
	color: white;
}

.newsbox{
	background: url('../img/bg5.jpg') no-repeat center center;
	background-size: cover;
	height: 632px;
	position:relative;
}
.news-data{
	width: 57px;
	line-height: 57px;
	background-color: #001c43;

}
.news-data:hover{
	background-color: #de8300
}
.news-data span{
	color: white;
	font-size: 14px;
	width: 100%;
	text-align: center;
	display: block

}
.news ul{
	width: 50%;
	margin-top: 170px;
	margin-left: 70px
}
.news li{
	width: 100%;
	float: left;
}
.news-list{
	width: 450px;
	height: 57px;
	padding-left: 15px;
}
.news li:not(:first-child){
	margin-top: 40px
}
.news-list span{
	line-height: 30px;
	font-size: 14px;
	font-weight: bold
}
.morea{
	width: 125px;
	line-height: 40px;
	background-color: #001c43;
	color: white;
	float: right;
	text-align: center;
	margin-top: 160px;
	margin-right: 130px;
	position: absolute;
	bottom: 20px;
	right: 15%;
}

.nli{
	line-height: 25px;
	margin:10px;
}
.adtbox{
	background: url('../img/ad2.jpg') no-repeat center center;
	background-size: cover;
	height: 235px
}

.adtbox span{
	width: 100%;
	display: block;
	text-align: center;
	font-size: 20px;
	color: #eec14d;
	font-weight: bold;
	margin-top: 100px
}
.adtbox p{
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: white;
	margin-top: 30px;
	line-height: 30px
}

.youshibox{
	background: url('../img/bg6.jpg') no-repeat center center;
	background-size: cover;
	height: 400px;
	margin-top: 20px
}
.youshibox span{
	color: #ff8400;
	font-size: 16px;
}
.youshibox p{
	color: #fff;
	font-size: 16px;
	line-height: 30px
}
.youshibox{
	padding-left: 400px
}
.ys1{
	margin-top: 30px
}
.ys2{
	margin-top: 40px;
	margin-left: 60px
}
.ys3{
	margin-top: 45px;
	margin-left: 60px
}
.ys4{
	margin-top:35px
}
.friendbox{
	margin-top: 20px;

}
.friendbox span{
	font-size: 16px;
	line-height: 30px;
	margin-right: 30px
}
.footerbox{
	height: 300px;
	background: url('../img/bg7.jpg') no-repeat center center
}
.footerbox img{
	float: left
}
.footer-center span{
	color: white;
	line-height: 40px;
	font-size: 18px;
	margin-top: 40px;
	display: block;
	width: 100%;
	/* text-align: center	 */
	margin-left: 30px
}
.footer-center li{
	width: 50%;
	float: left
}
.footer-center a{
	width: 100%;
	float: left;
	display: block;
	padding-left: 30px

}
.footer-center{
	width: 35%
}
.footer-center a:first-child{
	margin-top: 20px
}
.footer-center a{
	color: white;
	line-height: 30px;
	font-size: 14px

}
.footer-right{
	float: left;
	margin-top: 30px;
	color: white;
	font-size: 14px;
	line-height: 30px;
	margin-left: 20px
}
.youhua{
	line-height: 15px;
	color: #fff;
	font-size: 12px;
	clear: both;
	text-align: center;
}
.warn{
	line-height: 15px;
	color: #fff;
	text-align: center;
	font-size: 12px;
}
@media only screen and (max-width:1400px){
	.product-nav-top ul{
	width: 67%
	}
	.pntal{
	margin-left: 20%
	}
	.pntar{
	float: right;
	margin-right: 0;
	}
	.product-nav-top ul li ul{
	width: 17.5%
	}
	.morea{
		right: 50px;
	}

}
.footer1{
	padding: 20px;
	background: #333;
	color:white;
}
.footer1 span{
	display: block;
	line-height: 25px;
	margin-bottom:20px;
}
.support{
	line-height: 20px;
	text-align: center;
}