﻿.header-list{

	width: 100%;

	background: rgba(0,0,0,.8);

	position: fixed;

    top:0;

    margin-bottom: 100px;

    z-index: 999999999999;

}

.header-logo{

	height: 8rem;

}

.headerimg h2{

	float: left;

	margin-top: 1rem;

	width: 11rem;

}

.headerimg h2 img{

	width: 100%;

}



.logo-right p{

	margin-top: 1.5rem;

	margin-bottom: 0.6rem;

	text-align: right;

	color: #fff;

	font-size: 1.2rem;

}

.logo-right p a{

	color: #fff;

	padding: 0 1rem;

}

.nav-list{

	height: 4rem;

	line-height: 4rem;

        float: right;

}	

.nav-list-con>li{

	float: left;

	width: 110px;

	height: 4rem;

	line-height: 4rem;

	text-align: center;

}

.nav-list-con>li:hover{

	background: #FE7400;

}



.nav-list-con>li>a,

.nav-list-con>li>h3 a{

	display: inline-block;

	width: 100%;

	color: #fff;

}



/*新增下拉*/

.nav-list-con>li{

	position: relative;

}

.nav-list-con>li h3{

	font-weight: normal;

}

.nav-list-con>li h3 a{

	display: inline-block;

	height: 4rem;

	line-height: 4rem;

	font-size: 1.4rem;

}

.nav-xiala{

	width: 100%;

	display: none;

	position: absolute;

	left: 0;

	top: 4rem;

	text-align: center;

	background: rgba(0,0,0,.8);

	opacity: 1;

	z-index: 999999;

}

.nav-xiala>li{

	width: 100%;

	height: 3rem;

	line-height: 3rem;

	border-bottom: .1rem dotted #ddd;

}

.nav-xiala>li:last-child{

	border-bottom: 0;

}

.nav-xiala>li a{

	color: #fff;

}

.nav-xiala>li a:hover{

	color: #FE7400;

}

.nav-list-con>li.active .nav-xiala{

	display: block;

}





.nav-xs .nav .open > a, 

.nav-xs .nav .open > 

.nav-xs a:hover, 

.nav-xs .nav .open > a:focus{

	background-color: rgba(0,0,0,.8);

    border-color: rgba(0,0,0,.8);

}

.nav-xs .dropdown-menu{

	border: none;

}

.nav-xs{

	width: 100%;

	height:5rem;

	line-height: 4.4rem;

	position: fixed;

	top: 0;

	background: rgba(0,0,0,.8);

	z-index: 999999;

	/*padding: 1rem 0;*/

}

.nav-xs p{

	float: right;

	height:100%;

	text-align: left;

        margin-right: 10px;

}

.nav-xs p img{

	height: 80%;

	margin:5 auto;

}

.nav-xs ul{

	float: left;

	text-align: ;



}

.dropdown-toggle img{

	width: 2.3rem;

	margin-top: 1rem;

}

.dropdown-menu li{

	text-align: center;

	border-bottom: .1rem dotted #ddd;

	padding: 1rem 0;

}

@media (max-width: 1200px){

	.nav-tabs{

		border: 0;

	}

	

}







/*底部*/

.link{

	padding:25px 0 55px 0;

	margin-top: 4rem;

}

.about_link_cont{

	background:#fff;

}

.about_link_cont .about_link{

	color:#999999

}

.about_link_cont .about_link a{

	color:#333333;

	font-weight:bold

}

.about_link_cont ul{

	margin-top:44px

}

.about_link_cont ul li p{

	color:#333333;

	font-weight:bold

}

.about_link_cont ul li a{

	color:#999999

}

.about_link_cont ul li a:hover{

	color:#666}

.about_link_cont{

	padding-top:0;

	padding-bottom:0px;

}

.about_link_a{

	background:#1f2228;

        margin-top:-18px;

}

.cz_link{

	padding:30px 0 0 0px;

	overflow:hidden

}

.cz_link_b_img{

	width:316px;

	float:left;

}

.cz_link_a{

	width:117px;

	float:left;

	margin-right:30px;

}

.cz_link_a .b{

	height:30px;

	line-height:30px;

	text-align:center;

	color:#363a43;

}

.cz_link_c{

	float:left;

}	

.cz_link_c p{

	color:#fff;

	font-size:12px;

}

.cz_link_c p.a{

	font-size:12px;

	padding:10px 0 10px 40px;

	background:url(../images/about_aa.jpg) no-repeat 0 10px;

}

.cz_link_c p.b{

	padding: 0 0 7px 19px;

	background:url(../images/about_bb.jpg) no-repeat 0 2px;

}

.cz_link_c p.c{

	padding: 0 0 7px 19px;

	background:url(../images/about_cc.jpg) no-repeat 3px 2px;

}	

.cz_link_c p.d{

	padding: 0 0 7px 19px;

	background:url(../images/about_dd.jpg) no-repeat 0px 5px;

}

.cz_link_c p.d a{

	color:#fff

	}	

.co{

	margin:40px 0 0;

	position:relative;

	text-align:center;

	height:14px;

	overflow:hidden;

        padding-bottom: 50px;

}	



/*flink*/

.flink{

    clear: both;

    margin: 0 auto;

    padding: 10px 0;

	  margin-bottom:30px;

}

.flink{text-align:left}

.flink li{float:left; padding-right:10px !important; width:auto !important}













.copyright-xs {

    width: 100%;

    background: #16171a;

    height: auto!important;

    line-height:20px!important;

    color: #fff;

    text-align: center;

    font-size: 12px;

    padding:10px 0;

    margin-bottom: 5.6rem;

}

.copyright-xs p{margin:0;}



.footernav{position: fixed;bottom:0;width:100%;height:56px;background: #fff;border-top:1px solid #f0f0f0;padding-top:9px;}

.footernav a{display:block;width:25%;float:left;text-align: center;line-height:20px;}

.footernav a span{font-size:18px;}





/*在线客服*/

 @media screen and (max-width: 767px) {

.copyright_p {

	display: none;

}

}

.online-qq {

	position: fixed;

	top: 50%;

	right: 3px;

	z-index: 200;

}

.online-qq .qq_content {

	background: #fff;

	margin: 0;

	padding: 0;

}

.online-qq .qq_content .dt {

	text-align: center;

	background: #202020;

	color: #fff;

	font-size: 14px;

	font-weight: bold;

	padding: 6px 15px;

	border: 1px solid #ddd;

	border-bottom: 0;

}

.online-qq .qq_content .qq {

	padding: 10px 10px 5px;

	margin: 0;

	border: 1px solid #ddd;

	border-top: 0

}

.online-qq .qq_content .qq p {

	background: url(../images/online_qq.png) repeat-x 0 -33px;

	margin: 0 0 5px

}

.online-qq .qq_content .qq a {

	border: 1px solid #ddd;

	display: block;

	background: url(../images/online_qq.png) no-repeat 10px -72px;

	height: 23px;

	line-height: 23px;

	padding: 0 18px 0 30px

}

.online-qq .qq_content .tel {

	background: #fff;

	padding: 10px;

	margin: 0;

	text-align: center;

	font-size: 14px;

	color: #333;

	border: 1px solid #ddd;

	border-top: 0

}

.online-qq .qq_content .tel strong {

	font-size: 12px;

	color: #f60

}

.online-qq .qq_content .tel p {

	text-align: center;

	font-size: 12px

}



.about_banner{

	margin-top:6rem;

}

@media (max-width: 1200px){

		.about_banner{

		       margin-top:3rem;

		}

}



.dibu{

	float: left;

	width: 30%;

}

.dibu1{

	font-size: 16px;

	font-weight: bold;

	padding: 10px 0 20px;

}

.dibu2{

	float: left;

	width: 45%;

	padding-left: 20px;

}

.dibu3{

	float:left;

	width: 25%;

	padding:25px 0 0 100px;

}

.dibu4{

	font-size: 14px;

	font-weight: bold;

	padding: 4px 0px;

}

.ewm{

	float:left;

	margin-right: 25px;

}

.ewm1{

	font-size:12px;

	text-align: center;

	padding-top:10px;

}

.flink{margin-top:40px;margin-bottom:15px;}

.flink #home{margin-top:0px;}

.flink .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {color: #000;font-weight: bold;border-top:2px solid #000;}

.flink .nav-tabs {margin-bottom:20px;}

.flink .tab-content > .tab-pane > li {

    float: left;

    padding-right: 10px !important;

    padding-bottom: 10px !important;

}

.flink .nav > li > a {padding:5px 15px;}

.flink .nav-tabs > li > a {border-radius:0;}
