@charset "utf-8";
/*站点标签通用样式定义*/
html, body {
	font-family: Microsoft YaHei, arial, 宋体;
	font-size: 14px;
	line-height: 2;
	color: #666666;
	margin: 0 auto;
	background: #fff;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, img, dl, dt, dd, blockquote, fieldset, div, strong, label, em, body, span, input ,figure {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: 微软雅黑, arial, 宋体;
}
a {
	text-decoration: none;
	color: #666666;
}
a:hover {
	color: #0b65c2;
}
ul, li {
	list-style: none;
}
h1 {
	font-size: 30px;
}
h2 {
	font-size: 24px;
}
h3 {
	font-size: 14px;
}
h4 {
	font-size: 13px;
}
/*全局样式类定义*/
.clear {
	clear: both;
	height: 0;
	overflow: hidden;
}
/*格式化代码-e*/
.C:before, .C:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.C:after {
	clear: both;
}
.C {
	zoom: 1;
}
.mar30 {
	margin-top: 5px;
}
.head {
	height: 42px;
	line-height: 42px;
	font-size: 12px;
	background: #fff;
	color: #000;
	border-bottom:1px solid #e8e8e8;
}
.head a {
	color: #fff;
}

.top_left {
	position:relative;
	float:left;
	border-left:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
	}
.top_left span {
	padding:0 30px 0 40px;
	text-align:center;
	height:42px;
	display:inline-block;
	}	
.top_left .but_1 {
	background:url(../images/index_03.gif) 15px 15px no-repeat;
	}	
.top_left .but_2 {
	border-left:1px solid #e8e8e8;
	background:url(../images/index_05.jpg) 15px 15px no-repeat;
	}	
	
.wap, .qx {
	border-right:1px solid #e8e8e8;
	position: relative;
	float: right;
	cursor: pointer;
	width:auto;
	height:42px;
	text-align:center;
}
.wap img, .qx img {
	padding-top:5px;
	}
.ewm {
	position: absolute;
	right: 0px;
	top: 30px;
	z-index: 99;
	display: none;
}
.qxul {
	position: absolute;
	background: #272b73;
	left: 0;
	top: 30px;
	width: 130px;
	text-align: center;
	display: none;
	z-index: 999;
}
.qxul li {
	border-bottom: 1px solid #fff;
	line-height: 25px;
	height: 25px;
	overflow: hidden;
}
.qxul li a:hover {
	background: #666;
	display: block;
	line-height: 25px;
	height: 25px;
}
.qxul li a {
	height: 25px;
	display: block;
}
.top {
	height: 112px;
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
#logo {
	width: 430px;
	font-size: 18px;
	float: left;
	height: 112px;
	background: url(../images/logo.jpg) no-repeat 12px center;
	color: #000;
}
#logo a {
	text-indent:-999em;
    width: 430px;
    height: 112px;
    display: block;
	}
/*nav*/
#nav {
	position: absolute;
	top: 50px;
	left: 430px;
	z-index: 10;
	width: 770px;
	height: 66px;
}
#nav UL {
	WIDTH: 85px;
	FLOAT: left;
	HEIGHT: 40px;
	text-align: center;
}
#nav UL LI {
}
#nav UL LI A {
	LINE-HEIGHT: 40px;
	DISPLAY: block;
	HEIGHT: 40px;
	color: #232C71;
	font-size:15px;
	font-weight:bold;
}
#nav UL LI A:hover, .cho {
	WIDTH: 85px;
	height: 40px;
	display: block;
	border-bottom:2px solid #e16b13;
}
#nav UL .menu {
	POSITION: absolute;
	WIDTH: 85px;
	z-index: 99;
	BACKGROUND: #ddd
}
#nav UL .menu SPAN {
	WIDTH: 150px;
	HEIGHT: 25px;
	overflow: hidden;
}
#nav UL .menu span A {
	font-size: 12px;
	BORDER-BOTTOM: #ccc 1px solid;
	overflow: hidden;
	LINE-HEIGHT: 25px;
	DISPLAY: block;
	HEIGHT: 25px;
	FONT-WEIGHT: normal;
}
#nav UL .menu SPAN A:hover {
	BACKGROUND: #272b73;
	color: #fff;
	overflow: hidden;
}
.flexslider {
	text-align: center;
	width: 100%;
	margin: 0 auto;
	position: relative;
	height: 545px;
	overflow: hidden;
	background: url(../images/lightbox-ico-loading.gif) 50% no-repeat;
	text-align: center
}
.slides {
	position: relative;
	z-index: 1;
}
.slides li {
	height: 545px;
}
.slides li a {
	width: 100%;
	height: 545px;
	display: block;
}
.flex-control-nav {
	position: absolute;
	bottom: 15px;
	z-index: 2;
	width: 100%;
}
.flex-control-nav li {
	display: inline-block;
	width: 38px;
	height: 5px;
	margin: 0 5px;
*display: inline;
	zoom: 1;
}
.flex-control-nav a {
	display: inline-block;
	width: 38px;
	height: 5px;
	line-height: 50px;
	overflow: hidden;
	background: #a6b5be;
	color: #a5352e;
	cursor: pointer;
}
.flex-control-nav .flex-active {
	background: #e93910;
	color: #fff;
}
.bannera .flexslider {
	text-align: center;
	width: 100%;
	margin: 0 auto;
	position: relative;
	height: 392px;
	overflow: hidden;
	background: #272b73 url(../images/lightbox-ico-loading.gif) 50% no-repeat;
	text-align: center
}
.bannera .slides li {
	height: 392px;
}
.bannera .slides li a {
	width: 100%;
	height: 392px;
	display: block;
}
.content {
	width: 1200px;
	margin: 0 auto;
}
.content h3 {
	font-weight:normal;
	font-size:24px;
	color:#2c3056;
	}
.content font {
	display:block;
	color:#959595;
}
.content_l {
	width:563px;
	height:400px;
	float:left;
	}
.content_r {
	width:563px;
	height:400px;
	float:right;
	}
.content p {
	color:#585657;
}


.tit {
	background: url(../images/tit.jpg) no-repeat center 12px;
	color: #999999;
	text-align: center;
	margin-bottom: 30px;
}
.tit h3 {
	height:50px;
	color: #232C71;
    line-height: 40px;
    font-size: 40px;
    font-weight: normal;
}

/**********************新闻中心*************************/
.pro {
	padding: 40px 0;
}
.protest{}
.protest_l {
	float:left;
	width:570px;
	height:auto;
	}
.protest_l figure {
	position: relative;
    display: block;
	margin:0;
	}
.protest_l img {
	width:570px;
	height:251px;
	overflow:hidden;
	opacity: 0.9;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1);
    transform: scale(1);
	background-color:#666;
}	
.protest_l:hover img {
	-webkit-transform: scale(0.95);
    transform: scale(0.95);
	opacity: 1;
}
.protest_l figcaption {
    font-weight: normal;
    font-size: 24px;
    color: #2c3056;
}
.protest_r {
	float:right;
	width:570px;
	height:auto;
	border-top:1px dashed #ccc;
	}
.protest_r li {
	width:570px;
	height:61px;
	line-height:62px;
	border-bottom:1px dashed #ccc;
	cursor:pointer;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
	opacity: 0.7;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	}
.protest_r li:hover {
	display:block;
	opacity: 1;
	-webkit-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,0);
	}
	
.protest_r li span {
	float:right;
	}
	
figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after	

/**********************联系我们*************************/
.contact_us ul li{
	width:300px;
	height:30px;
	line-height:30px;
	float:left;
	}
.contact_us ul li {
	float:left;
	width:300px;
	}
/**********************产品切换*************************/
a.abtn {
	display: block;
	height: 260px;
	width: 37px;
	overflow: hidden;
	background: url(../images/arrow3.png) no-repeat 0px 50%;
}
a.aleft {
	float: left;
}
a.aright {
	float: right;
	background-position: -40px 50%;
}
.imglist_w {
	width: 1100px;
	height: 260px;
	margin-left: 5px;
	overflow: hidden;
	float: left;
	position: relative;/*必要元素*/
}

/*产品旋转
.proclass li {
	float: left;
	margin: 0 10px;
	-webkit-transition: -webkit-transform 2s;
	transition: all 2s;
}
.proclass li a:hover img {
	transform: rotate(360deg);
	-ms-transform: rotate(360deg); /* IE 9 */
	-moz-transform: rotate(360deg); /* Firefox */
	-webkit-transform: rotate(360deg); /* Safari 和 Chrome */
	-o-transform: rotate(360deg); /* Opera */
}

@-webkit-keyframes btnRotate {
0% {
transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
-webkit-transform: rotateZ(0deg);
}
100% {
transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-webkit-transform: rotateZ(360deg);
}
}
.proclass li a:hover img {
	animation: btnRotate 1.5s linear infinite;
	-webkit-animation: btnRotate 1.5s linear infinite;
	-moz-animation: btnRotate 1.5s linear infinite;
	-ms-animation: btnRotate 1.5s linear infinite;
}
.ad {
	padding-top:50px;
	background: #d9ddde;
	color: #fff;
}




/*尾部样式*/
.footer {
	background: #313439;
	color: #fff;
}
.footer a {
	color: #fff;
}
.foot {
	width: 1200px;
	position: relative;
	margin: 0 auto;
	padding: 20px 0;
}
.ewmbot {
	float: right;
	background: url(../images/ewmbg.jpg) no-repeat left bottom;
	padding-left: 100px;
}
#friendlink {
	width: 100%;
	height: 208px;
	background-color: #2d2f3c;
}
#friendlink .footer_tab {
	float: left;
	width: 550px;
	padding-top: 28px;
}
.footer_tab h3 {
	font-size:20px;
	font-weight:normal;
	color:#b1b2b4;
	border-bottom:1px solid #ccc;
	}
.footer_tab ul {
	margin-top:20px;
	}
.footer_tab ul li {
	width:110px;
	float:left;
	}
.footer_tab ul li a {
	font-size:12px;
	color:#b1b2b4;
	}
.footer_tab ul li a:hover {
	font-size:12px;
	color:#fff;
	}




#friendlink .contact {
	float: right;
	width: 380px;
	padding-top: 32px;
	text-align:right;
	color:#c9cbc8;
}
.contact h2 {
	font-size: 20px;
	color: #FFF;
}
.contact h2 em {
	padding-left: 5px;
	font-family: Arial;
	font-size: 14px;
}
.hr-17 {
	margin-left:10px;
	float:right;
	}
.contact ul {
	float:left;
	}
.contact ul li {
	padding-left: 26px;
	line-height: 32px;
	font-family: Arial;
	background-repeat: no-repeat;
}
.contact ul li.telephone_num {
	font-size: 20px;
	background-position: 0px 7px;
}
.contact ul li.email {
	background-position: 0px -24px;
	font-size: 30px;
}
.contact ul li.adress {
	background-position: 0px -58px;
	font-family: "黑体";
	font-size: 12px;
}
.contact ul li {
	color: #c9cbc8;
}
.contact ul li:hover {
	color: #ffe400;
}
#footer {
	height: 54px;
	line-height: 54px;
	background-color: #262834;
}
#footer .copyright {
	float: left;
	color: #bdbdbf;
}
#footer .copyright a {
	padding-left: 7px;
	color: #FFF;
}
#footer .copyright a img {
	vertical-align: middle;
}
#footer .copyright a:hover {
	color: #ffe400;
}
#footer .share {
	float: right;
	width: 150px;
	height: 39px;
	margin-top: 9px;
	display: inline;
}
#footer .share a {
	float: left;
	width: 39px;
	height: 39px;
	background-image: url(../images/bg23.png);
	background-repeat: no-repeat;
	margin-right: 9px;
}
#footer .share a.qq {
	background-position: 0px 0px;
}
#footer .share a.wx {
	background-position: -47px 0px;
}
#footer .share a.xl {
	background-position: -95px 0px;
}
#footer .share a:hover {
	background-image: url(../images/bg24.png);
}
.layout {
	width: 1200px;
	margin: 0px auto;
	clear: both;
}





/****************首页产品展示样式***************/
.lanrenzhijia{ width:1201px; height:600px; font-family:'微软雅黑'; overflow:hidden;}
.lanrenzhijia .tab{ overflow:hidden; border-left:1px solid #dcdcdc; border-top:1px solid #dcdcdc;}
.lanrenzhijia .tab a{ position:relative; display:block; width:199px; height:43px; line-height:45px; text-align:center; float:left; text-decoration:none; color:#333; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.lanrenzhijia .tab a:hover{ background:#e37422; color:#fff; text-decoration:none;}
.lanrenzhijia .tab a.on{ background:#e37422; color:#fff; text-decoration:none;}
.lanrenzhijia .content{ overflow:hidden; padding:10px 0;}
.lanrenzhijia .content li{ display:none;}
.content .but_3 { width:283px; float:left; margin:0 8px;}
.but_3 a { width:114px; height:29px; background-color:#a0a0a0; color:#fff; display:block; text-align:center;}
.but_3 a:hover { background-color:#e37422; transition-duration: 1s;
-moz-transition-duration: 1s; /* Firefox 4 */
-webkit-transition-duration: 1s; /* Safari 和 Chrome */
-o-transition-duration: 1s; }



/******************回至顶部top************************/
.cd-top {
    display: inline-block;
    height: 43px;
    width: 44px;
    position: fixed;
    bottom: 60px;
    right: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: url(../images/back_top.jpg) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.cd-top.cd-is-visible {
    visibility: visible;
    opacity: 1;
}