@charset "gb2312";
/* CSS Document */

body{
	margin:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	font-size:0.875em;
	color:#666;
	font-family:"微软雅黑";
}
img{ display:block;}
li{ list-style:none;}
a{ text-decoration:none;}
#allmap{ padding:16% 0; margin-top:3%;overflow:hidden;}
#header,#content,#footer{ width:100%; margin:0 auto;}
p{ margin:0;}
#cont{ width:80%; margin:0 auto;overflow:hidden;}
@media (max-width: 768px){
	#cont{ width:90%; margin:0 auto;overflow:hidden;}
	}
/*header*/
#toper{ width:100%;}
.top-brand{ padding:1.2% 0;float:left; width:10%;}
.top-brand img{ width:100%;}
.top-cn-en,.nav-lan-cn{ padding:0 2%;}
.top-cn-en a img{ margin-right:8px; margin-left:8px; width:12%;}
.top-cn-en a{ color:#ffffff;}
.top-cn-en a:hover{ color:#6b6a6a;}
#cssmenu ul .nav-lan-en a,#cssmenu ul .nav-lan-cn a{ line-height:34px;}
#cssmenu ul li.nav-lan-en img,#cssmenu ul li.nav-lan-cn img{ float:left; display:block;margin-right:10px;}
.top-nav{ position:relative; }
#cssmenu{ position:absolute; left:0; top:50px;}
@media (max-width: 1368px){
	#cssmenu{ width:68%; margin-top:-40px;}
	#cssmenu > ul > li > a{
		font-size:1em;
		padding:0 14px;
	}
	}
	@media (max-width: 1220px){
	#header .container{ width:100%;}
	}
@media (max-width: 1130px){
	.top-nav{ position:relative; float:right; top:-10px;}
	}
/*#cssmenu ul li.nav-lan-en,#cssmenu ul li.nav-lan-cn{ display:none}*/
#cssmenu ul ul{ z-index:3;}
/*@media (max-width: 1350px){
	.about-left {padding: 3em 2em 3em 10em;}
	.news-right{padding: 3em 2em 3em 10em;}
}*/
/*@media (max-width: 1300px){
	.about-left {padding: 3em 2em 3em 3em;}
	.news-right {padding: 3em 2em 3em 3em;}
}*/
@media (max-width: 1000px){
#cssmenu > ul > li > a{
	font-size:1em;
	padding:0 16px;
	}
}


@media (max-width: 1000px){
.top-cn-en{ display:none;}
#cssmenu ul li.nav-lan-en,#cssmenu ul li.nav-lan-cn{ display:block;}

}

@media (max-width: 1216px){
	.top-brand{ width:8%;}
}

@media (max-width: 768px){
	.top-brand{ width:10%; float:left;}
	#cssmenu{top:60px;}
	
	
}
@media (max-width: 640px){
	.top-brand{width:10%;}
	#cssmenu{top:20px;}
	#contain{ margin-top:30px;}
	
}

@media (max-width: 480px){
	.top-brand{ width:10%;}
	.top-brand{ padding:10px 0;}
	#cssmenu{top:40px;}

}
@media (max-width: 640px){
.top-brand {
    width: 12%;}
}
@media (max-width: 450px){
	
	#cssmenu{top:50px;}

}
/*header end*/


#content{ overflow:hidden;}
/*新闻导航*/
#ban-nav{ position:relative;/* margin-top:-40px; background-color:#07656b;opacity:0.8;*/ }
#ban-nav  .navbar {
	margin-bottom:0px;
	min-height: inherit;
}
#ban-nav .navbar-default {
    background:none;
    border-color: #ccc;
}
#ban-nav .container > .navbar-header{
	text-align:center;
}
#ban-nav .navbar-toggle{
	float:none;
	border:none;
	padding:13px 0;
	width:100%;
	margin:0;
}
#ban-nav .navbar-toggle .icon-bar{
	margin-left:auto;
	margin-right:auto;
}
/*.ban-nav-pills > li.active > a, .ban-nav-pills > li.active > a:hover, .ban-nav-pills > li.active > a{
    color: #fff !important;
	text-decoration:underline;
}*/
.ban-nav-pills > li > a, .ban-nav-pills > li > a:hover, .ban-nav-pills > li > a{
    color: #fff !important;
	text-decoration:underline;
}

.ban-nav-pills > li > a {
    color: #333 !important;
	text-decoration:underline;
	
}
.ban-nav-pills > li.newsbj > a {
    color: #fff !important;
	text-decoration:none;
	
}
.ban-nav-pills > li > a {
     border-radius: 0px; 
	 padding:15px 15px;
	 text-decoration:none;
	 font-size: 1.125em;
}

#ban-nav  .navbar-collapse{
	padding:0;
}
/*新闻导航 end*/

#home{ overflow:hidden; margin-top:1%}
#home ul{ padding:0;}
#home ul li{ float:left; padding:0 0.6%;}

/*标题*/
#biaoti{ text-align:center; overflow:hidden;}
#biaoti h1{ font-weight:500; font-size:2.375em; color:#333; clear:both;}
@media (max-width: 768px){
	#biaoti h1{ font-weight:500; color:#333; clear:both;font-size:1.625em;}
	}
#biaoti h1 span{ color:#e60012; margin-left:2%; text-transform:uppercase;}
#biaoti .tubiao{ width:2.4%; margin:1% auto;}
@media (max-width: 768px){
	#biaoti .tubiao{ width:3%; margin:1% auto;}
	}
@media (max-width: 372px){
	#biaoti .tubiao{ width:6%; margin:1% auto;}
	}
#biaoti .tubiao img{ width:100%;}
#biaoti .sybt{font-weight:500; font-size:2.375em; color:#fff; clear:both;}
@media (max-width: 768px){
	#biaoti .sybt{font-weight:500; font-size:2em; color:#fff; clear:both;}
	}

#biaoti .tishi{ color:#93c1fc;}
#biaoti .line{ width:6%; margin:2% auto 1% auto;border:solid 1px #fff;}
#biaoti .tidian{ font-size:1.125em;}
/*标题 end*/

#content .index{ padding:3% 0;}
.index .aboutus{ width:80%; margin:2% auto;}
@media (max-width: 768px){
	.index .aboutus{ width:100%; margin:2% auto;}
	}
@media (max-width: 916px){
	.index .aboutus{ width:100%; margin:2% auto;}
	}
.index .aboutus p{ text-indent:3.4%; line-height:200%;}

#more{ margin-top:2%;margin-left:auto; margin-right:auto;width:12%; height:40px;border:solid 1px #ccc; border-radius:20px; padding:0.8% 2%; text-align:center;}
@media (max-width: 916px){
	#more{ margin-top:2%;margin-left:auto; margin-right:auto;width:14%; height:auto;border:solid 1px #ccc; border-radius:20px; padding:0.8% 2%; text-align:center;}
	}
@media (max-width: 768px){
	#more{ margin-top:2%;margin-left:auto; margin-right:auto;width:14%; height:auto;border:solid 1px #ccc; border-radius:20px; padding:0.8% 2%; text-align:center;}
	}
@media (max-width: 642px){
	#more{ margin-top:2%;margin-left:auto; margin-right:auto;width:18%; height:auto;border:solid 1px #ccc; border-radius:20px; padding:0.8% 2%; text-align:center;}
	}
@media (max-width: 372px){
	#more{ margin-top:2%;margin-left:auto; margin-right:auto;width:24%; height:auto;border:solid 1px #ccc; border-radius:20px; padding:0.8% 2%; text-align:center;}
	}
#more a{color:#333;}
#more:hover{ border:solid 1px #e60012;}
#more:hover a{ color:#e60012; text-decoration:none;}

/*关于我们*/
.about{ margin:1% 0;}
.about img{ width:100%; margin-top:20px}
.about p{text-indent:2.6%; line-height:220%; }
/*关于我们 end*/

/*产品轮播*/
.owl-carousel .owl-wrapper-outer{ margin-top:2%;}
.owl-carousel .owl-item{float: left;}
.owl-carousel .item{margin-left:5px; margin-right:5px;}
.owl-carousel .item a img{border:solid 1px #ccc;width:100%;}
.owl-carousel .owl-item a p{ text-align:center; color:#666; padding:2% 0;}
.owl-carousel .item:hover a img{ border:solid 1px #0000ff;}
.owl-carousel .owl-item:hover a p{color:#0000ff;text-decoration:none;}
.owl-carousel .owl-item:hover a{text-decoration:none;}
/*产品轮播 end*/

/*产品页*/
.products ul{ padding:0;}
.products ul li{ float:left; width:33%; padding:1% 2%;}
.products ul li .prodimg{ width:100%; border:solid 1px #ccc;}
.products ul li .prodimg img{ width:100%;}
.products ul li .name{ text-align:center; padding:4% 0; color:#333;}
.products ul li:hover .name{ color:#154997;}
@media (max-width: 768px){
	.products ul li{ float:left; width:50%; padding:1% 2%;}
	.products ul li .prodimg{ width:100%; border:solid 1px #ccc;}
	.products ul li .prodimg img{ width:100%;}
}

h2{ text-align:center;}
h2 span{ color:#9c2926;}
.product .proimg{ display:block; margin:2% auto; border:solid 1px #ccc; width:40%;}
.fanhui{ text-align:center;}
.proviews h3{ color:#154997; overflow:hidden;border-bottom:dashed 1px #ccc; padding:1% 0;}
.proviews .procont{ padding:1% 2%;}
.proviews .procont img{ margin-left:auto; margin-right:auto; max-width: 100%;}
@media (max-width: 768px){
	.proviews .procont img{ width:100%;margin-left:auto; margin-right:auto;}
	}
/*新闻页*/
.news ul{ padding:0; overflow:hidden; margin:0;}
.news ul li{ float:left; width:100%; padding:2% 0; overflow:hidden;}
.news ul li a{ color:#333; text-decoration:none;}
.news ul li .prodimg{float:left;width:32%; border:solid 1px #ccc;}
.news ul li .prodimg img{ width:100%;}
.news ul li .newcon{ width:64%; float:left; padding:0 2%;}
.news ul li .newcon .name{ padding:2% 0; font-size:1.125em; color:#000;}
.news ul li .newcon .name:hover{ text-decoration:underline;}
.news ul li .newcon .newcont{ line-height:160%; color:#666; max-height:100px;}
.news ul li .newcon .newcont:hover{ text-decoration:underline;}
.news ul li .newcon .newn{ position:relative; top:70px;font-size:0.875em;}
.news ul li .newcon .newn .more{ float:right; font-size:0.875em;}
.news ul li .newcon .newn .more:hover{ color:#9c2926;}
@media (max-width: 768px){
	.news ul li .newcon .newcont{ line-height:160%; color:#666; max-height:0px;}
	.news ul li .newcon .newn{ position:relative; top:40px;font-size:0.875em;}
	}
@media (max-width: 366px){
	.news ul li{ float:left; width:100%; margin:2% 0; overflow:hidden;}
	.news ul li .prodimg{float:none;width:100%; border:solid 1px #ccc;}
	.news ul li .newcon{ width:100%; float:left; padding:0 0 0 2%;}
	.news ul li .newcon .name{ padding:2% 0; font-size:1em; color:#000;}
	.news ul li .newcon .newcont{ line-height:160%; color:#666; max-height:100px;}
	.news ul li .newcon .newn{ position:relative; top:8px;font-size:0.875em;}
	}
.newsxq{ border-bottom:dashed 1px #ccc;}
.newsxq .xixi{ text-align:center; padding:1% 0;}
.newsxq .xixi .time{ margin-right:2%;}
.newsconn{ padding:2%}
@media (max-width: 366px){
	.newsxq .xixi{ text-align:center; padding:1% 0 4% 0;}
	}
/*页码*/
#yema{ margin-top:20px;}
#yema ul{ margin:0 38%; overflow:hidden; padding:0; width:50%; margin-top:2%;}
#yema ul li{width:6%;border:solid 1px #ccc;text-align:center; margin:0 1%; padding:1%;}
#yema ul li a{ color:#333; text-align:center; cursor:pointer;}
#yema ul li:hover a{ color:#154997}
#yema ul li.ym{width:10%;}
#yema ul li.ye a{color:#154997;}
@media (max-width: 768px){
	#yema ul{ margin:0 30%; overflow:hidden; padding:0; width:50%; margin-top:2%;}
	#yema ul li{width:10%;border:solid 1px #ccc;text-align:center; margin:0 1%; padding:1%;}
	#yema ul li.ym{width:20%;}
	}
@media (max-width: 366px){
	#yema ul{ margin:0 22%; overflow:hidden; padding:0; width:60%; margin-top:2%;}
	#yema ul li{width:14%;border:solid 1px #ccc;text-align:center; margin:0 1%; padding:1%;}
	#yema ul li.ym{width:24%;}
	}
/*优势*/
.youshi{
	margin-left:auto; margin-right:auto;
	/*线性渐变*/
	/*background: -moz-linear-gradient(left, #0e2b8f 0%, #324996 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e2b8f), color-stop(100%,#324996));
    background: -webkit-linear-gradient(top, #0e2b8f 0%,#324996 100%);
    background: -o-linear-gradient(top, #0e2b8f 0%,#324996 100%);
    background: -ms-linear-gradient(top, #0e2b8f 0%,#324996 100%);
    background: linear-gradient(to bottom, #0e2b8f 0%,#324996 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e2b8f', endColorstr='#324996',GradientType=0 );*/
	/*径向渐变*/
	background-image: -webkit-gradient(ellipse,hsla(226,67%,33%,.9),hsla(226,98%,19%,1));
	background-image: -webkit-radial-gradient(800px 400px at 8400px 200px,hsla(226,67%,33%,.9),hsla(226,98%,19%,1));
	background-image: -moz-radial-gradient(ellipse,hsla(226,67%,33%,.9),hsla(226,98%,19%,1));
	background-image: -o-radial-gradient(ellipse,hsla(226,67%,33%,.9),hsla(226,98%,19%,1));
	background-image: -ms-radial-gradient(ellipse,hsla(226,67%,33%,.9),hsla(226,98%,19%,1));
	background-image: radial-gradient(800px 400px at 800px 200px,hsla(226,67%,33%,.9),hsla(226,98%,19%,1));
	
	/*background-image:-webkit-gradient([<type>],[<center> || <angle>,]?[<ellipse> ||<length>,]?<color-stop>,<color-stop>[,<color-stop>]*);
	background-image:-webkit-radial-gradient([<center> || <angle>,]?[<ellipse> || <length>,]?<color-stop>,<color-stop>[,<color-stop>]*);
	background-image:-moz-radial-gradient([<center> || <angle>,]?[<ellipse> || <length>,]?<color-stop>,<color-stop>[,<color-stop>]*);
	background-image:-o-radial-gradient([<center> || <angle>,]?[<ellipse> || <length>,]?<color-stop>,<color-stop>[,<color-stop>]*);
	background-image:-ms-radial-gradient([<center> || <angle>,]?[<ellipse> || <length>,]?<color-stop>,<color-stop>[,<color-stop>]*);
	background-image:radial-gradient([[<shape> || <ellipse>] [at <center>]?,| at <center>,]?<color-stop>[,<color-stop>]+);*/
}
@media (max-width: 372px){
	 margin-top:2%;
	}

.aboutus .sylb ul{ padding:0; overflow:hidden;}
.aboutus .sylb ul li{ float:left; overflow:hidden; width:20%;}
@media (max-width: 768px){
	.aboutus .sylb ul li{ float:left; overflow:hidden; width:20%;}
	}
@media (max-width: 498px){
	.aboutus .sylb ul li{ float:left; overflow:hidden; width:33%; margin:2% 0;}
	}

.aboutus .sylb ul li .ysimg{ width:30%; margin-left:auto; margin-right:auto;}
.aboutus .sylb ul li .ysimg img{ width:100%;}
.aboutus .sylb ul li p{ text-align:center; color:#fff;}

.youshicon ul{overflow:hidden; padding-top:2%; margin-left:auto; margin-right:auto;}
.youshicon ul li{ float:left; width:26%; margin:3%;overflow:hidden;}
.youshicon ul li .ysimg{ margin:0 auto; overflow:hidden;}
.youshicon ul li p{ text-align:center; font-size:1.125em; color:#333; padding:20px 0 10px 0;}
.youshicon ul li .yscon{ line-height:170%; color:#666; text-align:center;}
.youshicon .gximg{ width:46%; margin-top:3%;margin-left:1%; margin-right:1%; }
.geshi{ clear:both;}
@media (max-width: 768px){
	.youshicon ul{overflow:hidden; padding-top:2%; margin-left:auto; margin-right:auto; padding:0;}
	.youshicon ul li{ float:left; width:46%; margin:3% 2%;overflow:hidden;}
	.geshi{ clear:both; display:none;}
	}
/*优势 end*/

/*新闻资讯*/
.newslb .newsul{ padding:2% 0; overflow:hidden;}
.newslb .newsul .newslist{ width:48%; float:left;border:solid 1px #ccc; margin:1%;}
@media (max-width: 768px){
	.newslb .newsul .newslist{ width:98%; float:none;border:solid 1px #ccc; margin:1%;}
	}
.newslb .newsul .newslist img{ width:100%;}
.newslb .newsul .newslist .newli{ padding:2%; margin:1% 0;}
.newslb .newsul .newslist .newli a{ color:#333;}
.newslb .newsul .newslist .newli a:hover{ color:#154997; font-weight:bold; text-decoration:none;}
.newslb .newsul .newslist .newli .xwbt{ padding:1% 0;}
.newslb .newsul .newslist .newli .xwbt span{ float:right;}

/*新闻资讯 end*/

/*单元*/
.unitcont{ margin-top:4%; overflow:hidden;}
.unit{ padding:2%; overflow:hidden;border-bottom:dashed 1px #ccc;}
.unit .uleft{ width:56%;float:left; margin-top:4%;}
.unit .uright{ width:40%; float:right;}
.unit .uleft .unte{ color:#324996; font-size:1.5em;}
.unit .uleft span{ font-size:1.35em; color:#333;}
.unit .uleft p{margin-top:4%; line-height:180%; text-indent:28px;}
.unit .uright img{ width:100%;}

.unit .uleft1{ width:36%;float:left;}
.unit .uright1{ width:54%; float:right;margin-top:6%;}
.unit .uright1 .unte{ color:#324996; font-size:1.5em;}
.unit .uright1 span{ font-size:1.35em; color:#333;}
.unit .uright1 p{margin-top:4%; line-height:180%; text-indent:28px;}
.unit .uleft1 img{ width:100%;}

@media (max-width: 366px){
	.unit .uleft{ width:100%;float:none;}
.unit .uright{ width:100%; float:none; margin-top:4%;}
.unit .uleft1{ width:100%;float:none;margin-top:4%;}
.unit .uright1{ width:100%; float:none;}
	}
/*单元 end*/

/*联系信息*/
.lianxixx{ overflow:hidden;border-top:solid 1px #ccc; margin-left:auto; margin-right:auto;}
.lianxixx .lianxi ul{ margin:0; padding:0;overflow:hidden;}
.lianxixx .lianxi ul li{ float:left; width:30%; margin:2% 1.6%; border-right:solid 1px #ccc;}
.lianxixx .lianxi ul li.xxlb{ border:none;}
.lianxixx .lianxi ul li .lixi{margin-left:auto; margin-right:auto; overflow:hidden;}
.lianxixx .lianxi ul li img{ float:left; margin-right:4%;}
.lianxixx .lianxi ul li .lxcont{ overflow:hidden}
.lianxixx .lianxi ul li .lxcont span{ color:#e60012; text-transform:uppercase; font-weight:bold; font-size:16px;}
.lianxixx .lianxi ul li .lxcont p{ color:#333; line-height:20px; margin:2% 0;}
@media (max-width: 768px){
	.lianxixx .lianxi ul li .lixi{overflow:hidden; text-align:center; padding:0 6px 0 0;}
	.lianxixx .lianxi ul li img{ float:none; margin:0 auto 2% auto; width:50%; display:block;}
	.lianxixx .lianxi ul li .lxcont{ margin-top:8px;}
	.lianxixx .lianxi ul li .lxcont p{ color:#333; line-height:20px;  margin:2% 0;; font-size:12px;}
	.lianxixx .lianxi ul li .lxcont span{ color:#e60012; text-transform:uppercase; font-weight:bold; font-size:14px;}
	}
@media (max-width: 466px){
	.lianxixx .lianxi ul li .lixi{overflow:hidden; text-align:center; padding:0 2px 0 0;}
	}
/*联系信息 end*/



#footer{ margin-top:4%;}
#fttop,#ftbottom{ width:100%; margin:0 auto;}
#fttop{ background-color:#3d3c3c;border-top:solid 2px #e60012; padding:4% 0; overflow:hidden;}
#fttop .fttop-left,#fttop .fttop-right{ overflow:hidden;}
#fttop .fttop-left{ width:70%; float:left;}
#fttop .fttop-right{ width:18%; float:right;}
@media (max-width: 768px){
	#fttop .fttop-left{ width:100%; float:none;}
#fttop .fttop-right{ width:20%; float:none; margin:2% auto 0 auto;}
	}
#fttop .fttop-left .fttop-left-top{ overflow:hidden;}
#fttop .fttop-left .fttop-left-top .logo{ float:left; width:18%;}
#fttop .fttop-left .fttop-left-top .logo img{ width:100%;}
@media (max-width: 768px){
	#fttop .fttop-left .fttop-left-top .logo{ width:18%;float:none; margin-left:auto; margin-right:auto;}
	}
@media (max-width: 986px){
	#fttop .fttop-left .fttop-left-top .logo{ float:none; width:18%;}
	}
#fttop .fttop-left .fttop-left-top .ftnav{ overflow:hidden; padding:1.5% 0 0 0;}
#fttop .fttop-left .fttop-left-top .ftnav ul{ padding:0;}
@media (max-width: 768px){
	#fttop .fttop-left .fttop-left-top .ftnav{ display:none;}
	}
#fttop .fttop-left .fttop-left-top .ftnav ul li{ float:left; padding:0 1.8%; }
@media (max-width: 1126px){
	#fttop .fttop-left .fttop-left-top .ftnav ul li{ float:left; padding:0 1%; }
	}
#fttop .fttop-left .fttop-left-top .ftnav ul li a{line-height:180%; color:#999;}
#fttop .fttop-left .fttop-left-top .ftnav ul li a:hover{ color:#ccc;}
#fttop .fttop-left .yqlj{ overflow:hidden; margin:4% 0;}
@media (max-width: 768px){
	#fttop .fttop-left .yqlj{ display:none;}
	}
#fttop .fttop-left .yqlj .lianjie{ border-bottom:solid 1px #fff; padding:2% 1%; overflow:hidden;}
#fttop .fttop-left .yqlj .lianjie .link{ width:4%; margin-right:10px; float:left;}
#fttop .fttop-left .yqlj .lianjie span{ color:#fff; font-size:1.125em;}
#fttop .fttop-left .yqlj ul{ padding:0;}
#fttop .fttop-left .yqlj ul li{ float:left; padding:0 2%;}
#fttop .fttop-left .yqlj ul li a{ color:#ccc;}

#fttop .fttop-right img{ width:100%;}


#ftbottom{ background-color:#154997;}
#ftbottom .ftbotm{ color:#fff; padding:1% 0; font-size:0.875em;}
#ftbottom .ftbotm span{ float:right;}
@media (max-width: 768px){
	#ftbottom .ftbotm{ color:#fff; padding:1% 0; font-size:0.875em; text-align:center;}
	#ftbottom .ftbotm span{ float:none;}
	}
@media (max-width: 466px){
	#ftbottom .ftbotm{ color:#fff; padding:1% 0; font-size:0.875em; text-align:center;}
	#ftbottom .ftbotm span{ float:none;}
	}
#ftbottom .ftbotm span a{ color:#fff;}
#ftbottom .ftbotm span a:hover{ color:#e60012;}