@charset "utf-8";
/* CSS Document akakaz */
* {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
}

div,strong,a,span,li {
	font-size: 12px;
}

img {
	border: none;
}

ul, li, ol {
	list-style: none;
}
i,em {font-style:normal;}
/* CSS Document */
/* 样式重置
-----------------------------------------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

ul {
	list-style: none;
}
/* 清除浮动
----------------------------------------------------------------------------------------------------*/
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* 兼容清除浮动和错位 */
a {
	text-decoration: none;
	color: #333;
}

a:hover {
	color: #ec3b02;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* 主体宽度设置
----------------------------------------------------------------------------------------------------*/
body {
	background: #fff;
	min-width: 1400px;
}

.box {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}
.flex-between {
	display: -webkit-flex; 
	display: -moz-flex; 
	display: -ms-flex;
	display: -o-flex; 
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	-moz-justify-content:space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
}
.flex-around {
	display: -webkit-flex; 
	display: -moz-flex; 
	display: -ms-flex;
	display: -o-flex; 
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-webkit-justify-content: space-around;
	-moz-justify-content:space-around;
	-ms-justify-content: space-around;
	-o-justify-content: space-around;
	justify-content: space-around;
}
.flex-center {
	display: -webkit-flex; 
	display: -moz-flex; 
	display: -ms-flex;
	display: -o-flex; 
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-webkit-justify-content: space-center;
	-moz-justify-content:space-center;
	-ms-justify-content: space-center;
	-o-justify-content: space-center;
	justify-content: space-center;
}
.flex-wrap {
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-o-flex-wrap:wrap;
	flex-wrap:wrap;
}
.ll {
	float: left;
}
.rr {
	float: right;
}
.scale {
	transition: 1s;
	transform:scale(1.2,1.2); 
	-ms-transform:scale(1.2,1.2);  	/* IE 9 */
	-moz-transform:scale(1.2,1.2); 	/* Firefox */
	-webkit-transform:scale(1.2,1.2);  /* Safari å’Œ Chrome */
	-o-transform:scale(1.2,1.2); 
}
.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
}

/*公共头部样式*/
.headtop {
	width: 100%;
	max-width: 1920px;
	height: 40px;
	margin: 0 auto;
	background: #eaeef1;
	overflow: hidden;
}
.headtop span {
	color: #364f60;
	font-size: 14px;
	line-height: 40px;
}
.headtop span.rr {
	padding-right: 25px;
	background: url(../images/headtop.png) no-repeat right center;
}
.headtop span a {
	display: block;
	float: left;
	color: #364f60;
	font-size: 14px;
	line-height: 40px;
	text-align: center;
	margin-right:5px;
}
.headtop span a.ch,.headtop span a.en {
	padding: 0 15px;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	margin:0;
}
.headtop span a.ch {
	margin-left: 10px;
}
.head {
	width: 100%;
	max-width: 1920px;
	margin:0 auto;
	padding: 0;
	height: 135px;
	position: relative;
}
.head:after {
	content: "";
	width: 400px;
	height: 46px;
	background: #fe8208;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index:0;
}
.logo {height: 135px;overflow: hidden;}
.headright {
	width: 920px;
	height: 135px;
	background: url(../images/navbg.jpg) no-repeat left bottom;
	position: relative;
	z-index: 1;
}
.headtel {
	height: 90px;
	padding: 0;
	overflow: hidden;
}
.headtel span {
	display: block;
	width: 420px;
	float: right;
	color: #364854;
	font-size: 18px;
	background: url(../images/htel.png) no-repeat left center;
	padding-left: 40px;
	line-height: 90px;
}
.headtel span strong {
	display: inline-block;
	color: #364854;
	font-size: 36px;
	line-height: 90px;
	font-weight: bold;
}
.nav {
	height: 45px;
	padding-left: 20px;
}
.nav li.navli {
    width: 100px;
    line-height: 45px;
    text-align: center;
    float: left;
    position: relative;
}
.nav .navli a {display: block;}
.nav .navli p {
	color: #fff;
	font-size: 13px;
	line-height: 45px;
	font-weight: bold;
}
.nav .navli .child{
	display: none;
	width: 100%;
	position: absolute;
	top:45px;
	left:0%;
	z-index: 3;
	transition: all .3s ease;
}
.nav li .child li {
	padding: 0;
	background: rgba(255,255,255,.8);
	line-height: 40px;
}
.nav li .child li a {
	display: block;
	font-size: 13px;
    color: #000;
}
.nav .navli:hover {background: #f59536;}
.nav .navli:hover p {color: #fff;}
.nav .navli:hover .child {display: block;}
.nav .child li:hover a {
	background: #f59536;
	color: #fff;
}


/*banner*/
.flexslider { margin: 0px auto; position: relative; width: 100%; height: 619px; overflow: hidden; zoom: 1; }
.flexslider .slides li { width: 100%; height: 100%; }
.flex-direction-nav a { width: 70px; height: 70px; line-height: 99em; overflow: hidden; margin: -35px 0 0; display: block; background: url(../images/ad_ctr.png) no-repeat; position: absolute; top: 50%; z-index: 10; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease; border-radius: 0px; }
.flex-direction-nav .flex-next { background-position: 0 -70px; right: 0; }
.flex-direction-nav .flex-prev { left: 0; }
.flexslider:hover .flex-next { opacity: 0.8; filter: alpha(opacity=25); }
.flexslider:hover .flex-prev { opacity: 0.8; filter: alpha(opacity=25); }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; filter: alpha(opacity=50); }
.flex-control-nav { width: 100%; position: absolute; bottom: 10px; text-align: center; }
.flex-control-nav li { margin: 0 2px; display: inline-block; zoom: 1;  *display: inline;
}
.flex-control-paging li a { background: url(../images/dot.png) no-repeat 0 -16px; display: block; height: 16px; overflow: hidden; text-indent: -99em; width: 16px; cursor: pointer; }
.flex-control-paging li a.flex-active, .flex-control-paging li.active a { background-position: 0 0; }
.flexslider .slides a img { width: 100%; height:619px; display: block; }

/*公共栏目样式*/
.sidebar {
	padding:10px 12px 50px;
	width: 199px;
	min-height: 20px;
	background: #01a374;
	overflow: hidden;
}
.sidetit {
	padding: 35px 0;
	height: 35px;
	text-align: center;
	overflow: hidden;
}
.sidetit span {
	position: relative;
	display: inline-block;
	border:1px solid #fff;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	line-height: 35px;
	padding: 0 10px;
}
.sidetit span:before,.sidetit span:after {
	content: "";
	height: 2px;
	width: 40px;
	display: block;
	background: #fff;
	position: absolute;
	top:50%;
	margin-top: -1px;
}
.sidetit span:before {
	left: -42px;
}
.sidetit span:after {
	right: -42px;
}
.sidebar .l-ul {
	padding:0;
	overflow: hidden;
	margin-bottom: 20px;
}
.sidebar .l-ul li {
	line-height: 35px;
	background: #fff;
	margin:0 auto;
	margin-bottom: 12px;
	text-align: center;
}
.sidebar .l-ul li a{
	font-size: 14px;
	color: #181818;
	display: block;
}
.sidebar .l-ul li:hover a {
	color: #c40001;
	font-size: 16px;
}
.sidebar .slx{
	background: #333;
	padding:15px 15px 0;
	overflow: hidden;
}
.sidebar .slx span {
	display: block;
	background: url(../images/stel.png) no-repeat 34px center #01a374;
	color: #fff;
	font-size: 16px;
	line-height: 30px;
	padding-left: 70px;
}
.sidebar .slx h2 {
    color: #fff;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
}

/*底部公用样式*/
.footer {
	width: 100%;
	max-width: 1920px;
	margin: -50px auto 0;
	background: url(../images/footer.png) no-repeat top center;
	padding: 75px 0 10px;
	overflow: hidden;
}
.foot1f {
	padding: 0;
	overflow: hidden;
	min-height: 236px;
}
.foot1f .fewm {
	width: 176px;
	height: 216px;
	margin:0 52px;
}
.foot1f  .flogo {
	width: 204px;
	padding: 0 50px;
	overflow: hidden;
}
.foot1f h2 {
	color:#fff;
	font-size: 20px;
	margin-bottom: 15px;
}
.foot1f .fnav {
	width: 295px;
}
.foot1f .fnav li {
	line-height: 30px;
}
.foot1f .fnav li a {
	color: #fff;
	font-size: 14px;
	display: block;
	transition: all 0.3s;
}
.foot1f .fnav li:hover a {
	padding-left: 10px;
}
.foot1f .flx {
	width: 420px;
	padding: 0;
	overflow: hidden;
}
.foot1f .flx p {
	color: #fff;
	font-size: 16px;
	line-height: 35px;
}
.foot1f .flx h3 {
	color: #fff;
	font-family: "Impact";
	font-size: 24px;
	line-height: 30px;
	font-weight: normal;
}
.footnav {
	padding: 10px 0;
	overflow: hidden;
	margin:10px auto;
	text-align: right;
}
.footnav a {
	color: #575757;
	font-size: 16px;
	line-height: 40px;
	padding: 0 30px;
}
.footnav a:hover {
	color: #b9b0b0;
}
.copyright {
	border-top: 1px solid #4e4e4e;
	padding: 20px 0;
	overflow: hidden;
	text-align: center;
}
.copyright p,.copyright a { 
	color: #575757;
	font-size: 14px;
	line-height: 30px;
}
.copyright a:hover {
	color: #b9b0b0;
}

.pf{
	width: 151px;
    height: 397px;
    background: url(../images/pf_4.jpg) no-repeat top center;
    position: fixed;
    z-index: 666;
    top: 50%;
    margin-top: -100px;
    right: 10px;
}
.pf .pfitem {
	width: 151px;
	height: 133px;
}
.pf .pfitem a {
	display: block;
	width: 100%;
	height: 100%;
}
