* {

	font-family: "微软雅黑";

	margin: 0;

	padding: 0;

}

body {

	font-family: "微软雅黑"

}

ul, li {

	list-style: none

}

p {

	margin: 0;

	padding: 0

}

a {

	text-decoration: none;

	cursor: pointer

}

.main {

	width: 1440px;

	margin: 0 auto

}

/* 右侧导航 */

#fullPage-nav {

	_display: none;

	font-size: 12px;

}

#fullPage-nav li {

	width: 130px;

	height: 21px;

	margin: 10px 0 0;

	vertical-align: middle;

}

#fullPage-nav li a {

	float: right;

	width: 13px;

	height: 13px;

	color: #fff;

	text-align: right;

	background: url(../images/bt.png) 0px -37px no-repeat;

}

#fullPage-nav li .active {

	background-position: 0 0;

}

#fullPage-nav span {

	display: none;

}

.fullPage-tooltip {

	float: left;

	top: -4px;

	margin-right: 5px;

	font: 12px "Microsoft Yahei";

	color: #003851;

	line-height: 21px;

}

.section {

	position: relative;

	overflow: hidden;

}

.section .bg {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

}

.section .bg img {

	display: block;

	width: 100%;

	height: 100%;

}

/*员工之家选项卡*/

.blsit-list_1 .con_1:first-child {

	display: block;

}

.blsit-list_1 .con_1 {

	display: none;

}

.blist_1 li.active {

	background: #e52f22;

	color: #fff

}

.blist_1 {

	padding-bottom: 30px;

	display: block;

	text-align: center;

}

.blist_1 li {

	background: #f1f1f1;

	height: 40px;

	line-height: 40px;

	cursor: pointer;

	margin: 0 2px 5px 2px;

	padding-left: 22px;

	padding-right: 20px;

	border-radius: 3px;

	display: inline-block;

	color: #333;

	font-size: 16px;

}

.blist_1 li i {

	padding: 10px 20px 10px 10px;

	background: url(../images/s1.png) left center no-repeat

}

.blist_1 li.active i {

	background: url(../images/s2.png) left center no-repeat

}

.blist_1 li i.i1, .blist_1 li.active i.i1 {

	background-position: 0 11px

}

.blist_1 li i.i2, .blist_1 li.active i.i2 {

	background-position: -129px 11px

}

.blist_1 li i.i3, .blist_1 li.active i.i3 {

	background-position: -293px 11px

}

.blist_1 li i.i4, .blist_1 li.active i.i4 {

	background-position: -425px 11px

}

.blist_1 li i.i5, .blist_1 li.active i.i5 {

	background-position: -542px 11px

}

.blist_1 li i.i6, .blist_1 li.active i.i6 {

	background-position: 0 -39px

}

.blist_1 li i.i7, .blist_1 li.active i.i7 {

	background-position: -129px -39px

}

.blist_1 li i.i8, .blist_1 li.active i.i8 {

	background-position: -264px -39px

}

.blist_1 li i.i9, .blist_1 li.active i.i9 {

	background-position: -397px -39px

}

.blsit-list_1 .con_1 {

	position: relative;

	margin: 0 auto;

	max-width: 900px;

}

.bumen_1 div {

	padding: 10% 32px 0 32px

}

.bumen_1 h1, .bumen_1 .h1 {

	color: #fff;

	font-weight: normal

}

.bumen_1 p {/* background:url(../images/bolang.png) 0 0 no-repeat;*/

	line-height: 24px; /*padding-top:10px; */

	margin-top: 10px;

	color: #fff

}

.bumen_1 {

	position: absolute;

	right: 0;

	top: 0;

	height: 100%;

	width: 33.33%;

	overflow: hidden

}

/*查价*/

/*20180109增*/

.blist1 {

	margin-top: 25px;

	display: block;

	height: 48px;

	width: 100%

}

.blist1 li {

	float: left;

	position: relative;

	cursor: pointer;

	width: 140px;

	height: 40px;

	margin-right: 5px;

	line-height: 40px;

	background: #f2f2f2;

	border-radius: 5px 5px 0 0;

	font-size: 16px;

	color: #333;

	text-align: center

}

.blsit-list1 .con:first-child {

	display: block;

}

.blsit-list1 .con {

	padding-top: 15px;

}

.blsit-list1 .con {

	display: none;

}

.w433 {

	margin: 0 auto;

	padding: 6px 7px 2px 7px;

	width: 348px;

}

.wrap .blist li.active {

	color: #D81F1D;

}

.wrap .blist li i {

	background: url(../images/i20.jpg) 0 0 no-repeat;

	display: block;

	position: absolute;

	width: 112px;

	height: 8px;

	left: 0;

	bottom: -8px

}

.wrap .blist li.active i {

	background: url(../images/i19.jpg) 0 0 no-repeat;

}

.blist {

	margin-top: 7px;

	display: block;

	height: 48px;

	width: 100%

}

.blist li {

	float: left;

	position: relative;

	cursor: pointer;

	width: 112px;

	height: 30px;

	margin-right: 5px;

	line-height: 30px;

	background: #f2f2f2;

	border-radius: 5px 5px 0 0;

	font-size: 13px;

	/*color: #333;*/

	text-align: center;

}

.blsit-list .con:first-child {

	display: block;

}

.blsit-list .con {

	padding-top: 6px;

}

.blsit-list .con {

	display: none;

}

.con .cjul li p {

	color: #333;

	font-size: 14px;

	padding-bottom: 8px;

}

.con .cjul li p.lixxppf {

	text-align: center;

	border: 1px solid #d32013;

	border-radius: 3px;

	margin-top: 28px;

	cursor: pointer;

	padding: 12px 0

}

.con .cjul .li {

	    float: left;

    margin-bottom: 15px;

    width: 147px;

    overflow: hidden;

    height: 57px;

}

.con .cjul .li .text {

	height: 26px;

    line-height: 26px;

    width: 147px;

    font-size: 10px;

    padding: 0 20px 0 10px;

    border: 1px solid #e5e5e5;

}

.con .cjul .li.teshu {

	width: 45px;

    padding-top: 23px;

    height: 30px;

}

.con .cjul .li.c1 {

	background: url(../images/cheche.png) center 35px no-repeat

}

.con .cjul .li.c2 {

	background: url(../images/i15.png) center 43px no-repeat

}

.con .cjul .li.c3 {

	background: url(../images/i14.png) center 43px no-repeat

}

.con .cjul .li.c4 {

	background: url(../images/i3.png) center 45px no-repeat

}

.con .cjul .li .qyd {

	background: url(../images/i2.png) 168px center no-repeat

}

.con .cjul .li .emial {

	background: url(../images/i4.png) 168px center no-repeat

}

.con .cjul .li .qytime {

	background: url(../images/i5.png) 168px center no-repeat

}

.con .cjul .li .chenghu {

	background: url(../images/i.png) 168px center no-repeat

}

.con .cjul .li .lianxifangs {

	background: url(../images/i111.png) 168px center no-repeat

}

.con .cjul .li .kg {

	background: url(../images/i13.png) 168px center no-repeat

}

.con .cjul .li .guojia {

	font-size: 14px;

	border: 1px solid #e5e5e5;

	width: 194px;

	padding: 10px 0 10px 10px

}

.con .cjul .li p span {

	color: #D81F1D;

	padding-right: 3px;

}

.con .qydbtn {

	    margin-top: 0px;

    font-size: 15px;

    color: #FFFFFF;

    font-family: 微软雅黑;

    cursor: pointer;

    color: #fff;

    border: 0px solid rgba(0,0,0,0.3);

    padding: 5px 0;

    width: 348px;

    border-bottom: 2px solid #D81F1D;

    border-radius: 5px 5px 5px 5px;

    background: url(../images/i6.png) 97px center no-repeat #D81F1D;

    text-align: left;

    text-indent: 127px;

}

.kuaijie_a {

	height: 80px;

	margin-top: 10px;

	overflow: hidden

}

.kuaijie_a a.a4 {

	margin-right: 0;

	background: url(../images/i11.png) center 10px no-repeat #f9f9fa

}

.kuaijie_a a.a4:hover {

	background: url(../images/i10.png) center 10px no-repeat #D81F1D

}

.kuaijie_a a {

	height: 72px;

    float: left;

    display: block;

    color: #333;

    border: 1px solid #e5e5e5;

    line-height: 117px;

    width: 81px;

    text-align: center;

    font-size: 12px;

    margin-right: 5px;

}

.kuaijie_a a:hover {

	border-color: #D81F1D;

	color: #fff

}

.kuaijie_a a.a1 {

	background: url(../images/i21.png) 26px 10px no-repeat #f9f9fa

}

.kuaijie_a a.a1:hover {

	background: url(../images/i22.png) 26px 10px no-repeat #D81F1D

}

.kuaijie_a a.a2 {

	background: url(../images/i21.png) center 10px no-repeat #f9f9fa

}

.kuaijie_a a.a2:hover {

	background: url(../images/i22.png) center 10px no-repeat #D81F1D

}

.kuaijie_a a.a3 {

	background: url(../images/i21.png) -195px  10px no-repeat #f9f9fa

}

.kuaijie_a a.a3:hover {

	background: url(../images/i22.png) -195px  10px no-repeat #D81F1D

}

.kuaijie_a a.a5 {

	background: url(../images/i8.png) 36px 10px no-repeat #f9f9fa

}

.kuaijie_a a.a5:hover {

	background: url(../images/i9.png) 36px 10px no-repeat #D81F1D

}

.kuaijie_a a.a6 {

	background: url(../images/i8.png) center 10px no-repeat #f9f9fa

}

.kuaijie_a a.a6:hover {

	background: url(../images/i9.png) center 10px no-repeat #D81F1D

}

.kuaijie_a a.a7 {

	background: url(../images/i8.png) -186px 10px no-repeat #f9f9fa

}

.kuaijie_a a.a7:hover {

	background: url(../images/i9.png) -186px 10px no-repeat #D81F1D

}

.kuaijie_a a.a8 {

	background: url(../images/i16.png) 36px 10px no-repeat #f9f9fa

}

.kuaijie_a a.a8:hover {

	background: url(../images/i17.png) 36px 10px no-repeat #D81F1D

}

.kuaijie_a a.a9 {

	background: url(../images/i16.png) center 10px no-repeat #f9f9fa

}

.kuaijie_a a.a9:hover {

	background: url(../images/i17.png) center 10px no-repeat #D81F1D

}

.kuaijie_a a.a10 {

	background: url(../images/i16.png) -186px 10px no-repeat #f9f9fa

}

.kuaijie_a a.a10:hover {

	background: url(../images/i17.png) -186px 10px no-repeat #D81F1D

}

.gggbbb {

	width: 28px;

	height: 30px;

	line-height: 30px;

	text-align: center;

	background: #E1000E;

	font-size: 14px;

	font-weight: bold;

	cursor: pointer;

	color: #FFFFFF

}

#tchybj1, #kktchybj1, #bgnbjbox1, #aadbgnbjbox {

	position: absolute;

	background: #fff;

	display: none;

	left: 24px;

	top: 231px;

	z-index: 2

}

#tchybj2, #kktchybj2 {

	position: absolute;

	display: none;

	left: 11px;

	top: 221px;

	z-index: 2px;

	width: 460px;

}

#box, #box2 {

	top: 163px;

	position: absolute;

	background: #fff;

	z-index: 2

}

#box2 {

	top: 154px;

	left: 67px;

}

#bgnbjbox1, #aadbgnbjbox {

	top: 162px

}

.dierbu ul li .dowebok li {

	float: left;

	padding: 0;

	border: 0

}

.dierbu ul li .dowebok {

	display: block;

	height: 37px;

	padding-top: 10px;

}

.dierbu h1, .dierbu .h1 {

	text-align: center;

	color: #e52f22;

	margin-top: 10px;

	font-size: 16px;

	text-align: center;

	background: url(../images/i20.png) 0 10px repeat-x

}

.dierbu h1 span, .dierbu .h1 span {

	padding: 0 10px;

	background: #fff

}

.dierbu ul li {

	border-bottom: 1px dashed #e5e5e5;

	position: relative;

	padding: 15px 0 15px 86px

}

.dierbu ul li.bbo {

	border: 0

}

.dierbu ul li .qcbqc p {

	text-align: center;

	background: #fff7eb;

	margin: 5px auto auto auto;

	height: 58px;

	width: 58px;

	text-align: center;

	line-height: 58px;

	border-radius: 50%;

	font-size: 16px;

	color: #ff6600;

}

.dierbu ul li .qcbqc {

	position: absolute;

	border-radius: 50%;

	background: #ffe0b2;

	width: 68px;

	height: 68px;

	left: 0;

	top: 50%;

	margin-top: -34px;

}

.dierbu ul li p {

	line-height: 24px;

	font-size: 14px;

}

.dierbu ul li p span {

	color: #e52f22;

	padding-right: 3px;

}

.dierbu ul li .ljpg {

	padding-top: 10px;

}

.dierbu ul li .ljpg a.ckwofl {

	color: #e52f22;

	background: url(../images/i18.png) 10px center no-repeat #f8f8f8;

	font-size: 14px;

}

.dierbu ul li .ljpg a {

	color: #ff6600;

	font-size: 16px;

	border: 1px solid #e5e5e5;

	background: url(../images/i19.png) 10px center no-repeat #f8f8f8;

	padding: 5px 10px 5px 35px;

	border-radius: 3px;

}

.dierbu ul li .ljpg .test1 {

	font-size: 14px;

	color: #e52f22;

	border: 1px solid #e5e5e5;

	background: url(../images/i23.png) 10px center no-repeat #f8f8f8;

	padding: 7px 10px 7px 35px;

	border-radius: 3px;

	cursor: pointer

}

.dierbu ul li .text {

	height: 44px;

	margin-top: 7px;

	line-height: 44px;

	width: 147px;

	font-size: 14px;

	padding: 0 35px 0 10px;

	border: 1px solid #e5e5e5;

}

.xxkt {

	position: absolute;

	cursor: pointer;

	right: -4px;

	top: 21px

}

#aadbgnbjbox {

	left: 173px;

}

/*头部*/

.header {

	position: fixed;

	width: 100%;

	height: 34px;

	left: 0;

	z-index: 99999;

	top: 0;

	background: #003851

}

.nav {

	position: fixed;

	width: 100%;

	height: 97px;

	left: 0;

	z-index: 99998;

	top: 0px;

	background: url(../images/header.png);

	box-shadow: 3px 3px 8px #999;

}

.header_l {

	float: left;

	width: 400px;

	height: 34px;

	line-height: 34px;

	color: #cccccc;

	font-size: 13px;

}

.header_l a {

	text-decoration: none;

	color: #cccccc;

	padding: 0 10px;

}

.header_l span {

	padding-right: 10px;

}

.header_r {

	float: right;

	width: 700px;

}

.header_r ul li {

	position: relative;

	float: right;

	height: 34px;

	line-height: 34px;

	border-right: 1px solid #1a4c63

}

.header_r ul li i {

	position: absolute;

	background: url(../images/xsj.png) right center no-repeat;

	width: 9px;

	height: 34px;

	display: block;

	right: 8px;

	top: 0

}

.header_r ul li .topa {

	font-size: 13px;

	color: #ccc;

	text-decoration: none

}

.header_r ul #help {

	background: url(../images/heip.png) 10px center no-repeat;

	padding-left: 35px;

	padding-right: 25px;

	margin-right: 15px;

}

.header_r ul #help:hover {

	background: url(../images/heip.png) 10px center no-repeat #4e859e

}

.header_r ul #help:hover .dnone {

	padding-bottom: 10px;

	display: block;

	width: 260px;

}

.header_r ul #help:hover .dnone span {

	font-size: 18px;

	color: #FF6600;

	font-weight: bold

}

.header_r ul #help .topnew.dnone a {

	text-indent: 10px;

	overflow: hidden;

	font-size: 12px;

	padding-left: 0;

	background: none;

	width: 260px;

}

.header_r ul #site {

	background: url(../images/topnav.png) 10px center no-repeat;

	padding-left: 35px;

	padding-right: 25px;

}

.header_r ul #weixin {

	background: url(../images/wx1.png) 10px center no-repeat;

	padding-left: 35px;

	padding-right: 20px;

	margin-right: 1px;

}

.header_r ul #weixin:hover {

	background: url(../images/wx.png) 10px center no-repeat #4e859e;

}

.header_r ul #weixin:hover div {

	display: block

}

.header_r ul #weixin div img {

	padding-bottom: 5px;

}

.header_r ul #weixin div {

	position: absolute;

	background: #fff;

	text-align: center;

	font-size: 16px;

	padding: 10px 10px 5px 10px;

	top: 34px;

	display: none;

	left: -35px;

	z-index: 999999

}

.header_r ul #weixin a, .header_r ul #qqonline a {

	color: #ccc

}

.header_r ul #qqonline {

	background: url(../images/qq.png) 10px center no-repeat #D81F1D;

	color: #fff;

	padding-left: 35px;

	padding-right: 15px;

	margin-right: 1px;

}

.header_r ul #qqonline a {

	color: #fff

}

.header_r ul #weibo {

	background: url(../images/wb.png) 10px center no-repeat;

	padding-left: 35px;

	padding-right: 10px;

}

.header_r ul #lan .topa {

	background: url(../images/lanico1.png) 0 0 no-repeat;

	padding-left: 30px;

	padding-right: 14px;
	padding-bottom:10px;

}


.header_r ul #lan1 .topa {

	background: url(../images/denglu.png) 0 0 no-repeat;

	padding-left: 30px;

	padding-right: 14px;
	padding-bottom:10px;

}


.header_r ul #lan2 .topa {

	background: url(../images/zhuce.png) 0 0 no-repeat;

	padding-left: 30px;

	padding-right: 14px;
	padding-bottom:10px;

}

.header_r ul #lan:hover .topnew {

	display: block;

	width: 112px;

	left: -15px;

}

.header_r ul #lan .topnew a {

	text-indent: 45px;

	width: 112px;

	overflow: hidden;

	padding: 0;

	margin: 0

}

.header_r ul #lan .topnew a.ena {

	background: url(../images/lanico1.png) 14px -125px no-repeat

}

.header_r ul #lan .topnew a.ftia {

	background: url(../images/lanico1.png) 14px -38px no-repeat

}

.header_r ul #lan .topnew a.mobila {

	background: url(../images/lanico1.png) 14px -79px no-repeat

}

.nav .logo {

	float: left;

	display: block;

	background: url(../images/logo.png) left center no-repeat;

	width: 245px;

	height: 97px;

}

.nav .topdh {

	float: right;

	height: 79px;

	padding-top: 25px;

	background: url(../images/dh.png) left center no-repeat;

	line-height: 15px;

	padding-left: 58px;

	color: #333;

	font-size: 13px;

}

.nav .topdh em {

	font-size: 11px;

	font-style: normal

}

.nav .shoye {

	float: left;

	display: block;

	background: url(../images/xl.png) center 71px no-repeat;

	/*margin-left: 55px;*/

	width: 105px;

	text-align: center;

	height: 97px;

	line-height: 97px;

	font-size: 16px;

	color: #e52f22

}

.nav ul li:first-child{margin-left: 55px; }





.cls {

	clear: both;

}

a:focus {

	outline: none;

}

/*.dyh01 div{ background:url(../images/2_13.png) center center no-repeat}

.dyh01.whhl div{ background:url(../images/3_2.png) center center no-repeat}

.active .dyh01 div img{animation: shake 3s 1;}*/

.menu {

	display: block;

	float: left;

	height: 97px;

}

.menu ul {

	list-style: none;

	padding: 0;

	margin: 0;

}

.menu ul li {

	float: left;

	overflow: hidden;

	position: relative;

	line-height: 97px;

	text-align: center;
	
	/*margin-left:11px;*/

}

.menu ul li a {

	position: relative;

	display: block;

	width: 95px;

	height: 97px;

	font-size: 16px;

	text-decoration: none;

	cursor: pointer;

	line-height: 97px;

}

.menu ul li a span {

	position: absolute;

	left: 0;

	padding: 0 0;

	width: 100%;

}

.menu ul li a span.out {

	top: 0px;

}

.menu ul li a span.over, .menu ul li a span.bg {

	top: -97px;

}

#menu2 ul li a {

	/*color: #333;*/

}

#menu2 ul li a span.over {

	color: #e52f22;

	height: 97px;

	padding: 0 0;

	width: 100%;

	background: #f8f8f8;

}

.nav .topdh span {

	font-style: normal;

	display: block;

	color: #e52f22;

	padding-top:-5px;

	font-weight: bold;

	font-size: 24px;

	animation: shake 3s infinite;/*animation-fill-mode:forwards ;*/

}

.header_r ul #site:hover .topnew {

	display: block

}

.header_r ul #site:hover {

	background: url(../images/topnav1.png) 10px center no-repeat #4e859e;

}

.topnew {

	position: absolute;

	left: 0px;

	top: 34px;

	display: none;

	background: #f8f8f8

}

.topnew a {

	display: block;

	width: 140px;

	padding: 0 10px;

	font-size: 14px;

	height: 35px;

	color: #333;

	line-height: 35px;

	text-indent: 35px;

	display: block;

	background: url(../images/top.png) no-repeat

}

.topnew a:hover {

	background: #ececec;

	color: #FF6600

}

.topnew .a1 {

	background-position: 8px 6px

}

.topnew .a1:hover {

	background: url(../images/top.png) -273px 6px #ececec no-repeat

}

.topnew .a2 {

	background-position: 8px -32px

}

.topnew .a2:hover {

	background: url(../images/top.png) -273px -32px #ececec no-repeat

}

.topnew .a3 {

	background-position: 8px -66px

}

.topnew .a3:hover {

	background: url(../images/top.png) -273px -66px #ececec no-repeat

}

.topnew .a4 {

	background-position: 8px -105px

}

.topnew .a4:hover {

	background: url(../images/top.png) -273px -105px #ececec no-repeat

}

.topnew .a5 {

	background-position: 8px -140px

}

.topnew .a5:hover {

	background: url(../images/top.png) -273px -140px #ececec no-repeat

}

.topnew .a6 {

	background-position: 8px -172px

}

.topnew .a6:hover {

	background: url(../images/top.png) -273px -172px #ececec no-repeat

}

.topnew .a7 {

	background-position: 8px -208px

}

.topnew .a7:hover {

	background: url(../images/top.png) -273px -208px #ececec no-repeat

}

.topnew .a8 {

	background-position: 8px -245px

}

.topnew .a8:hover {

	background: url(../images/top.png) -273px -245px #ececec no-repeat

}

/*首页第一屏 */

/*第一种baner切换效果*/

.fullSlide {

	width: 100%;

	position: relative;

	height: 100%;

}

.fullSlide .bd {

	margin: 0 auto;

	position: relative;

	z-index: 0;

	overflow: hidden;

}

.fullSlide .bd ul {

	width: 100% !important;

}

.fullSlide .bd li {

	position: relative;

	width: 100% !important;

	overflow: hidden;

	text-align: center;

}

.fullSlide .bd li a {

	display: block;

	width: 100%;

	height: 100%;

	position: absolute;

	z-index: 9

}

.fullSlide .bd li .lansebj {

	position: absolute;

	display: block;

	width: 100%;

	z-index: 8;

	height: 100%;

	background: url(../images/120.png)

}

.fullSlide .hd {

	width: 100%;

	position: absolute;

	z-index: 1;

	bottom: 0;

	left: 0;

	height: 30px;

	padding-top: 80px;

	line-height: 30px;

}

.fullSlide .hd a {

	overflow: hidden;

	position: absolute;

	width: 66px;

	height: 66px;

	display: block;

	left: 50%;

	top: 0;

	cursor: pointer;

	margin-left: -33px;

	margin-top: -0;

	z-index: 1;

	background: url(../images/jt.gif) top center no-repeat

}

.fullSlide .hd a span {

	animation: nextPage 2s linear infinite;

	display: none;

	margin: 0 auto;

	position: relative;

	top: 1px;

	width: 25px;

	height: 17px;

	background: url(../images/i113.png) top center no-repeat

}

.bjyuan1 {

	position: absolute;

	left: 50%;

	top: 50%;

	z-index: 7;

	background: url(../images/y41.png) 0 0 no-repeat;

	background-size: 100% 100%;

}

.bjyuan2 {

	position: absolute;

	left: 50%;

	top: 50%;

	z-index: 6;

	background: url(../images/y42.png) 0 0 no-repeat;

	background-size: 100% 100%;

}

.bjyuan3 {

	position: absolute;

	left: 50%;

	top: 50%;

	z-index: 5;

	background: url(../images/y43.png) 0 0 no-repeat;

	background-size: 100% 100%;

}

.bjyuan4 {

	position: absolute;

	left: 50%;

	top: 50%;

	z-index: 4;

	background: url(../images/y44.png) 0 0 no-repeat;

	background-size: 100% 100%;

}

.active .bjyuan1, .active .bjyuan3 {

	animation: rotateAhead 30s linear infinite;

}

.active .bjyuan2, .active .bjyuan4 {

	animation: rotateAhead1 30s linear infinite;

}

.fullSlide .hd ul {

	text-align: center;

}

.fullSlide .hd ul li {

	cursor: pointer;

	display: inline-block;

	border-radius: 5px;

*display:inline;

	zoom: 1;

	width: 14px;

	background: #c1d3e5;

	height: 8px;

	margin: 0 5px;

	overflow: hidden;

	line-height: 999px;

}

.fullSlide .hd ul .on {

	background: #fff;

	width: 28px;

}

.fullSlide .prev {

	display: block;

	position: absolute;

	top: 50%;

	left: 100px;

	z-index: 102;

	width: 70px;

	height: 70px;

	background: url(../images/l.png) 0 0 no-repeat;

	cursor: pointer;

	display: none;

}

.fullSlide .next {

	display: block;

	position: absolute;

	top: 50%;

	right: 100px;

	z-index: 102;

	width: 70px;

	height: 70px;

	background: url(../images/r.png) 0 0 no-repeat;

	cursor: pointer;

	display: none;

}

.fullSlide .textinfo {

	margin: 0 auto;

	width: 861px;

	padding-left: 539px;

	text-align: left;

	padding-top: 287px;

	line-height: 58px;

	color: #fff;

}

.fullSlide .textinfo .text1 {

	font-size: 48px;

	font-weight: bold;

	display: block;

	animation: fadeInLeft1 2s 1;

	animation-fill-mode: forwards

}

.fullSlide .textinfo .text2 {

	font-size: 24px;

	display: block;

	animation: fadeInRight1 2s 1;

	animation-fill-mode: forwards;

}

.fullSlide .textinfo .text2.teshu {

	line-height: 40px;

	padding-bottom: 10px;

	padding-top: 5px;

}

.fullSlide .textinfo em {

	background: url(../images/jt.png) -5px bottom no-repeat;

	padding: 30px 35px;

	display: block

}

/*第二种baner切换效果*/

.bigtextinfo {

	position: absolute;

	left: 0;

	top: 200px;

	width: 100%;

	z-index: 999

}

.bigtextinfo .textinfo {

	text-align: left;

	line-height: 58px;

	color: #fff;

}

.bigtextinfo .textinfo .text1 {

	font-size: 48px;

	font-weight: bold;

	display: block;

	animation: fadeInLeft1 2s 1;

	animation-delay: 10s;

	animation-fill-mode: forwards;

}

.bigtextinfo .textinfo .text2 {

	font-size: 24px;

	display: block;

	animation: fadeInRight1 2s 1;

	animation-delay: 10s;

	animation-fill-mode: forwards;

}

.bigtextinfo .textinfo .text2.teshu {

	line-height: 40px;

	padding-bottom: 10px;

	padding-top: 5px;

}

.bigtextinfo .textinfo em {

	background: url(../images/jt.png) -5px bottom no-repeat;

	padding: 18px 35px

}

.ban_chajia {

	position: absolute;

	width: 100%;

	z-index: 999;

	left: 0;

	top: 0

}

.ban_chajia .main {

	position: relative

}

.notice {

	width: 381px;

	position: absolute;

	left: 0;

	top: 235px;

}

.notice .tab-hd {

	height: 29px;

}

.notice .tab-hd ul li {

	width: 130px;

	position: relative;

	line-height: 30px;

	border-radius: 5px 5px 0 0;

	color: #fff;

	font-size: 18px;

	float: left;

	display: inline-block;

	margin-right: 3px;

	text-indent: 39px;

	cursor: pointer

}

.notice .tab-hd ul li.on {

	color: #D81F1D;

}

.notice .tab-hd ul li.on span {

	position: absolute;

	display: block;

	width: 100%;

	background: #e5e5e5;

	border-radius: 5px 5px 0 0;

	height: 4px;

	left: 0;

	top: 0

}

.notice .tab-hd ul li#gjbj {

	background: url(../images/tab.png) 15px center no-repeat #D81F1D

}

.notice .tab-hd ul li#gjbj.on {

	background: url(../images/tab1.png) 15px center no-repeat #fff

}

.notice .tab-hd ul li#gjkd {

	background: url(../images/tab.png) -120px center no-repeat #D81F1D;

	text-indent: 31px;

}

.notice .tab-hd ul li#gjkd.on {

	background: url(../images/tab1.png) -120px center no-repeat #fff

}

.notice .tab-hd ul li#gnbj {

	background: url(../images/tab.png) -250px center no-repeat #D81F1D

}

.notice .tab-hd ul li#gnbj.on {

	background: url(../images/tab1.png) -250px center no-repeat #fff

}

.notice .tab-bd .tab-pal {

	background: #fff; /*height:550px;*/

	border-radius: 0 8px 8px 8px

}

/*产品线*/

.t21 { /*margin-right:149px;*/ /* transition: all 1.5s; opacity: 0; */

	padding: 10px 0

}

.active .t21 {

	opacity: 1;

	-webkit-transform: scale(1, 1);

	transform: scale(1, 1);

	transition-delay: 0.7s;

	margin-right: 0

}

.t22 {/*-webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;opacity: 0;*/

}

.active .t22 {

	opacity: 1;

	-webkit-transform: scale(1, 1);

	transform: scale(1, 1);

	transition-delay: 0.7s;

}

.t23 { /*margin-left:149px;*/  /*transition: all 1.5s; opacity: 0;*/

	padding: 10px 0

}

.active .t23 {

	opacity: 1;

	-webkit-transform: scale(1, 1);

	transform: scale(1, 1);

	transition-delay: 0.7s;

	margin-left: 0

}

.dyh01 {

	text-align: center;

	padding-top: 180px;

	position: relative;

	z-index: 999

}

.mr20 {

	margin-right: 20px

}

.active1 .crad-area-icon1 {

	background: url(../images/2_2.png) no-repeat;

}

.active1 .crad-area-icon2 {

	background: url(../images/2_9.png) no-repeat;

}

.active1 .crad-area-icon3 {

	background: url(../images/2_10.png) no-repeat;

}

.active1 .crad-area-icon4 {

	background: url(../images/2_11.png) no-repeat;

}

.crad-area-icon1 {

	background: url(../images/2_8.png) no-repeat;

}

.crad-area-icon2 {

	background: url(../images/2_5.png) no-repeat;

}

.crad-area-icon3 {

	background: url(../images/2_6.png) no-repeat;

}

.crad-area-icon4 {

	background: url(../images/2_7.png) no-repeat;

}

.icon40x40 {

	width: 64px;

	height: 64px;

	display: inline-block

}

.card-area {

	margin: 82px auto 0;

	height: 543px;/*width:1440px;*/

	position: relative;

	width: 1250px;

}

.card-area .bg-e8e8e8 {

	background: #e8e8e8

}

.card-area .bg-e1e1e1 {

	background: #e1e1e1

}

.card-area .card-item {

	z-index: 4;

	transition: all .3s cubic-bezier(.4, 0, .2, 1), z-index 0s .12s;

	position: relative;

	float: left;

	width: 17%;

	height: 506px;

	background-color: transparent

}

.card-area .card-item.active1 .card .card-content {

	border-bottom: 0

}

.card-area .card-item+.card-item {

	margin-left: -1px

}

.card-area .card-item .card {

	transition: all .3s cubic-bezier(.4, 0, .2, 1), z-index 0s .12s;

	width: 100%;

	height: 100%;

	text-align: center;

	background: #fff;

	border-left: 1px solid #e5e5e5

}

.card-area .card-item .card .card-content {

	width: 100%;

	line-height: 2

}

.card-area .card-item .card .card-content.content-first {

	transition: all .12s cubic-bezier(.4, 0, .2, 1) .18s;

	z-index: 3;

	opacity: 1;

	filter: alpha(opacity=100);

-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))

}

.card-area .card-item .card .card-content.content-second {

	transition: all .12s cubic-bezier(.4, 0, .2, 1) 0s;

	z-index: 2;

	opacity: 0;

	filter: alpha(opacity=0);

-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));

	line-height: 2

}

.card-area .card-item .card .card-content.content-second li {

	float: left;

	width: 50%

}

.card-area .card-item .card .card-content, .card-area .card-item .card .card-title {

	position: absolute;

	left: 0;

	right: 0;

	z-index: 1

}

.card-area .card-item .card .card-title {

	padding-top: 1px;

	transition: all .3s cubic-bezier(.4, 0, .2, 1), z-index 0s .12s;

	height: 260px;

	line-height: 26px;

	font-size: 14px;

	top: 0;

	background: #fff;

	border-left: 1px solid #e5e5e5

}

.card-area .card-item .card .card-title .content {

	position: absolute;

	top: 27px;

	width: 100%

}

.card-area .card-item .card .card-title h1, .card-area .card-item .card .card-title .h1 {

	font-size: 20px;

	font-weight: bold;

	color: #333;

	margin-bottom: 15px;

	padding-top: 10px;

}

.card-area .card-item.active1 .card .card-title h1, .card-area .card-item.active1 .card .card-title .h1 {

	color: #fff;

	padding-top: 0;

	margin-bottom: 0

}

.card-area .card-item .card .card-title .short-info {

	color: #adadad;

	font-size: 14px;

	line-height: 24px;

	padding: 0 20px;

	text-align: center;

	margin-top: 5px;

}

.card-area .card-item.active1 .card .card-title .short-info {

	color: #fff;

}

.card-area .card-item .card .card-title .zq-product-img {

	width: 64px;

	height: 64px;

	margin: 60px auto 10px auto;

	position: relative

}

.card-area .card-item.active1 .card .card-title .zq-product-img {

	margin: 0 auto 15px auto;

}

.card-area .card-item .card .card-title .zq-product-img img {

	position: absolute;

	left: 0;

	width: 100%

}

.card-area .card-item .card .card-title .zq-product-img .un-hover {

	z-index: 1;

	opacity: 1;

	filter: alpha(opacity=100);

-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))

}

.card-area .card-item .card .card-title .zq-product-img .with-hover {

	z-index: 2;

	opacity: 0;

	filter: alpha(opacity=0);

-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))

}

.card-area .card-item .card .card-title .short-info, .card-area .card-item .card .card-title .zq-product-img img, .card-area .card-item .card .card-title h1, .card-area .card-item .card .card-title .h1 {

	transition: all .15s cubic-bezier(.4, 0, .2, 1) 0s

}

.card-area .card-item .card .card-content {

	height: 360px;

	position: absolute;

	top: 145px;

	border-bottom: 1px solid #e5e5e5

}

.card-area .card-item .card .card-content.content-first .content-first-list {

	width: 100%;

	max-width: 250px;

	font-size: 16px;

	color: #373d41;/*margin-top:47px;margin-bottom:47px*/

	padding-top: 181px;

}

.card-area .card-item .card .card-content.content-first .content-first-list li {

	width: 190px;

	height: 46px;

	line-height: 46px;

	text-align: center;

	font-size: 16px;

	color: #333;

	margin: 0 auto 5px auto;

	background: #f8f8f8

}

.card-area .card-item .card .card-content.content-second {

	width: 90%;

	left: 25px;

	font-size: 14px;

	color: #a9b0b4;

	text-align: left;

	padding-top: 26px

}

.card-area .card-item .card .card-content.content-second .main-head {

	color: #333;

	font-size: 24px;

	line-height: 28px;

	margin-top: 20px;

	font-weight: normal

}

.card-area .card-item .card .card-content.content-second p {

}

.card-area .card-item .card .card-content.content-second .main-tip {

	color: #232933;

	font-size: 16px;

}

.card-area .card-item .card .card-content.content-second .main-tip span {

	font-size: 18px;

	font-weight: bold;

	padding: 0 8px 0 5px;

	color: #e52f22;

	font-style: italic

}

.card-area .card-item .card .card-content.content-second .main-desc {

	width: 103%;

	color: #8c8c8c;

	font-size: 14px;

	line-height: 24px;

	padding-top: 10px;

}

.card-area .card-item .card .card-content.content-second .main-btn {

	cursor: pointer;

	width: 147px;

	height: 40px;

	font-size: 16px!important;

	color: #fff;

	margin-top: 22px;

	border-radius: 19px;

	background: url(../images/2_3.png) 25px center no-repeat #e52f22;

	border: none;

	transition: color .3s ease-in-out, background .3s ease-in-out;

	text-indent: 25px;

	font-family: "微软雅黑"

}

.card-area .card-item .card .card-content.content-second .main-btn.bb1 {

	background: url(../images/2_4.png) 25px center no-repeat #ff9900;

}

.card-area .card-item .card .card-content.content-second .main-white-btn {

	cursor: pointer;

	width: 160px;

	height: 36px;

	border: 1px solid #3db1ea;

	font-size: 16px!important;

	color: #3db1ea;

	margin-top: 22px;

	margin-bottom: 33px;

	border-radius: 19px;

	background: #fff;

	transition: color .3s ease-in-out, background .3s ease-in-out

}

.card-area .card-item .card .card-content.content-second .main-white-btn:hover {

	color: #fff;

	background: #3db1ea

}

.card-area .card-item .card .card-content .other-info {

	width: 103%;

	height: 70px;

	overflow: hidden;

	line-height: 22px;

	padding-top: 20px;

	font-size: 12px;

	display: block;

	margin-top: 20px;

	border-top: 1px solid #e5e5e5

}

.card-area .card-item .card .card-content .other-info .other-info-list {

	margin-right: 10px;

	width: 178px;

	height: 79px;

	background: #f8f8f8

}

.card-area .card-item .card .card-content .other-info .other-info-list:hover {

	background: #f1f1f1

}

.card-area .card-item .card .card-content .other-info .other-info-list a {

	display: block;

	width: 144px;

	height: 66px;

	padding: 13px 0 0 42px;

	color: #999;

	font-size: 14px;

}

.card-area .card-item .card .card-content .other-info .other-info-list a span {

	color: #333;

	font-size: 14px;

}

.card-area .card-item .card .card-content .other-info .other-info-list a.ico1 {

	background: url(../images/1.png) 6px 20px no-repeat;

	background-size: 30px 30px

}

.card-area .card-item .card .card-content .other-info .other-info-list a.ico2 {

	background: url(../images/1_2.png) 6px 20px no-repeat;

	background-size: 30px 30px

}

.card-area .card-item .card .card-content .other-info .other-info-list a.ico3 {

	background: url(../images/1_3.png) 6px 20px no-repeat;

	background-size: 30px 30px

}

.card-area .card-item .card .card-content .other-info .other-info-list a.ico4 {

	background: url(../images/1_5.png) 6px 20px no-repeat;

	background-size: 30px 30px

}

.card-area .card-item .card .card-content .other-info .other-info-list a.ico5 {

	background: url(../images/1_6.png) 6px 20px no-repeat;

	background-size: 30px 30px

}

.card-area .card-item .card .card-content .other-info .other-info-list a.ico6 {

	background: url(../images/1_7.png) 6px 20px no-repeat;

	background-size: 30px 30px

}

.card-area .card-item .card .card-content .other-info .other-info-list a.ico7 {

	background: url(../images/1_8.png) 6px 20px no-repeat;

	background-size: 30px 30px

}

.card-area .card-item .card .card-content .other-info .other-info-list a.ico8 {

	background: url(../images/1_9.png) 6px 20px no-repeat;

	background-size: 30px 30px

}

.card-area .card-item .card .card-content .other-info .other-info-list a.ico9 {

	background: url(../images/1_10.png) 6px 20px no-repeat;

	background-size: 30px 30px

}

.card-area .card-item.active1 {

	z-index: 6;

	box-shadow: 0 0 30px rgba(0,0,0,.2);

	width: 48%;

	height: 521px; /*border:1px solid #e52f22;*/

	border-top: none;

}

.card-area .card-item.active1 .card .card-title {

	height: 180px;

	top: -15px;

}

.card-area .card-item.active1 .card .card-title.id1 {

	background: url(../images/2_1.jpg) center center no-repeat;

	background-size: 100% 100%

}

.card-area .card-item.active1 .card .card-title.id2 {

	background: url(../images/2_2.jpg) center center no-repeat;

	background-size: 100% 100%

}

.card-area .card-item.active1 .card .card-title.id3 {

	background: url(../images/2_3.jpg) center center no-repeat;

	background-size: 100% 100%

}

.card-area .card-item.active1 .card .card-title.id4 {

	background: url(../images/2_4.jpg) center center no-repeat;

	background-size: 100% 100%

}

.card-area .card-item.active1 .card .card-title .short-info {

	color: #fff

}

.card-area .card-item.active1 .card .card-title h1, .card-area .card-item.active1 .card .card-title .h1 {

	color: #fff

}

.card-area .card-item.active1 .card .card-content.content-first {

	transition: all .12s cubic-bezier(.4, 0, .2, 1) 0s;

	z-index: 2;

	opacity: 0;

	filter: alpha(opacity=0);

-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))

}

.card-area .card-item.active1 .card .card-content.content-second {

	transition: all .12s cubic-bezier(.4, 0, .2, 1) .18s;

	z-index: 3;

	opacity: 1;

	filter: alpha(opacity=100);

-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))

}

/*6大理由*/

.fuwu_peo span {

	color: #e52f22;

	font-weight: bold

}

.active .fuwu_peo {

	text-align: center;/* padding-top:20px;*/

	font-size: 18px;

	position: relative;

	z-index: 999;

	animation: bounceInDown 3s 1;

}

.yuanyuan1 {

	background: url(../images/ys1.png) 0 0 no-repeat;

	width: 397px;

	height: 397px;

	position: absolute;

	left: 50%;

	margin-left: -198px;

	top: 353px;

}

.yuanyuan2 {

	background: #e7e5e4;

	width: 347px;

	height: 347px;

	border-radius: 50%;

	margin-left: -173px;

	left: 50%;

	position: absolute;

	z-index: 1;

	top: 379px;

}

.yuanyuan3 {

	background: url(../images/ys2.png) 0 0 no-repeat;

	width: 319px;

	height: 321px;

	position: absolute;

	z-index: 2;

	margin-left: -159px;

	top: 392px;

	left: 50%;

}

.yuanyuan4 {

	background: url(../images/ys.png) no-repeat;

	width: 294px;

	height: 294px;

	position: absolute;

	z-index: 3;

	left: 50%;

	margin-left: -147px;

	overflow: hidden;

	top: 406px;

}

/*.shuzutj ul{  position:relative; display:block; height:47px; padding-left:27px;}

.shuzutj ul li{ float:left; text-align:center; background:url(../images/shuzibj.png) no-repeat; height:47px; line-height:47px; width:36px; font-size:36px; font-weight:bold; color:#333; text-align:center; margin-right:5px;}

*/

.shuzutj {

	position: relative;

	height: 47px;

	overflow: hidden

}

.shuzutj_l {

	position: absolute;

	left: 30px;

	top: 0;

	height: 47px;

	line-height: 47px;

	padding-left: 9px;

	width: 72px;

	background: url(../images/shuzibj1.png) repeat-x;

	overflow: hidden

}

.shuzutj_r {

	position: absolute;

	right: 23px;

	top: 0;

	height: 47px;

	width: 161px;

	overflow: hidden;

	background: url(../images/shuzibj1.png) repeat-x;

}

.shuzutj_l span {

	font-family: "微软雅黑";

	font-size: 36px;

	color: #333;

	font-weight: bold;

	letter-spacing: 18px;

}

.active .yuanyuan1 {

	animation: rotateAhead 30s linear infinite;

}

.active .yuanyuan3 {

	animation: rotateAhead1 30s linear infinite;

}

.main_iframe {

	width: 352px;

    height: 390px;

    position: absolute;

    left: 50%;

    margin-left: -531px;

    top: 152px;

    z-index: 99;

}

.main_iframe #iframepage {

	width: 888px;

	height: 560px

}

.main_iframe.hover1440 {

	top: 139px;

	margin-left: -502px

}

.main_iframe #iframepage.height700 {

	height: 405px

}

/*#shuzi4{transition: all 1s; opacity: 0; position:absolute; right:-200px; bottom:0;   }

.active #shuzi4{opacity: 1; animation-delay:1s;right:103px;}

#shuzi5{transition: all 1s; opacity: 0; position:absolute; right:-150px; bottom:0;  }

.active #shuzi5{opacity: 1; animation-delay:1.5s;right:62px;}

#shuzi6{transition: all 1s; opacity: 0; position:absolute; right:-100px; bottom:0;   }

.active #shuzi6{opacity: 1; animation-delay:2s;right:21px;}

*/

@keyframes rotateAhead {

 0% {

 transform: rotate(0deg);

}

 100% {

 transform: rotate(360deg);

}

}

@keyframes rotateAhead1 {

 0% {

 transform: rotate(360deg);

}

 100% {

 transform: rotate(0deg);

}

}

.yuanmore {

	text-align: center;

	padding-top: 25px;

}

.yuanmore a {

	color: #fff;

	font-size: 14px;

	border: 1px solid #fff;

	border-radius: 5px;

	background: url(../images/palt12.png) 51px center no-repeat;

	background-size: 16px 16px;

	padding: 7px 35px 7px 15px

}

.hlys6 {

	position: absolute;

	z-index: 5;

	line-height: 24px;

	font-size: 14px;

	color: #333;

}

.hlys6 h1, .hlys6 .h1 {

	font-size: 18px;

	padding-bottom: 10px;

	font-weight: bold

}

.youshi_list1 {

	position: absolute;

	opacity: 0;

	left: 50%;

	margin-left: -848px;

	transition: all 1.5s;

	top: 376px;

	padding-right: 182px;

	background: url(../images/c1.png) 229px 8px no-repeat

}

.active .youshi_list1 {

	opacity: 1;

	-webkit-transform: scale(1, 1);

	transform: scale(1, 1);

	transition-delay: 0.7s;

	margin-left: -548px;

}

.active .youshi_list1:hover {

	background: url(../images/c2.png) 229px 8px no-repeat;

	transition-delay: 0s;

}

.youshi_list2 {

	position: absolute;

	opacity: 0;

	left: 50%;

	margin-left: -850px;

	transition: all 1.5s;

	top: 506px;

	padding-right: 182px;

	background: url(../images/c3.png) 229px 8px no-repeat

}

.active .youshi_list2 {

	opacity: 1;

	-webkit-transform: scale(1, 1);

	transform: scale(1, 1);

	transition-delay: 1s;

	margin-left: -550px;

}

.active .youshi_list2:hover {

	background: url(../images/c4.png) 229px 8px no-repeat;

	transition-delay: 0s;

}

.youshi_list3 {

	position: absolute;

	opacity: 0;

	left: 50%;

	margin-left: -850px;

	transition: all 1.5s;

	top: 638px;

	padding-right: 182px;

	background: url(../images/c5.png) 229px 8px no-repeat

}

.active .youshi_list3 {

	opacity: 1;

	-webkit-transform: scale(1, 1);

	transform: scale(1, 1);

	transition-delay: 1.3s;

	margin-left: -550px;

}

.active .youshi_list3:hover {

	background: url(../images/c6.png) 229px 8px no-repeat;

	transition-delay: 0s;

}

.youshi_list4 {

	position: absolute;

	opacity: 0;

	left: 50%;

	margin-left: 469px;

	transition: all 1.5s;

	top: 376px;

	padding-left: 173px;

	background: url(../images/c7.png) 0 8px no-repeat

}

.active .youshi_list4 {

	opacity: 1;

	-webkit-transform: scale(1, 1);

	transform: scale(1, 1);

	transition-delay: 0.7s;

	margin-left: 169px;

}

.active .youshi_list4:hover {

	background: url(../images/c8.png) 0 8px no-repeat;

	transition-delay: 0s;

}

.youshi_list5 {

	position: absolute;

	opacity: 0;

	left: 50%;

	margin-left: 498px;

	transition: all 1.5s;

	top: 506px;

	padding-left: 147px;

	background: url(../images/c9.png) 0 8px no-repeat

}

.active .youshi_list5 {

	opacity: 1;

	-webkit-transform: scale(1, 1);

	transform: scale(1, 1);

	transition-delay: 1s;

	margin-left: 198px;

}

.active .youshi_list5:hover {

	background: url(../images/c10.png) 0 8px no-repeat;

	transition-delay: 0s;

}

.youshi_list6 {

	position: absolute;

	opacity: 0;

	left: 50%;

	margin-left: 469px;

	transition: all 1.5s;

	top: 638px;

	padding-left: 173px;

	background: url(../images/c11.png) 0 8px no-repeat

}

.active .youshi_list6 {

	opacity: 1;

	-webkit-transform: scale(1, 1);

	transform: scale(1, 1);

	transition-delay: 1.3s;

	margin-left: 169px;

}

.active .youshi_list6:hover {

	background: url(../images/c12.png) 0 8px no-repeat;

	transition-delay: 0s;

}

/*品牌故事*/

.bg4_1 {

	position: absolute;

	left: 50%;

	margin-left: -1019px;

	opacity: 0;

	transition: all 1s;

	top: 225px;

	width: 488px;

	height: 402px;

	background: #fff;

	border-top: 5px solid #e52f22;

	border-radius: 0 0 10px 10px

}

.bg4_1 .info1 {

	width: 456px;

	padding: 37px 0 0 18px

}

.bg4_1 .info1 p {

	color: #e52f22;

	font-size: 36px;

	font-family: "微软雅黑";

	font-weight: bold;

	text-transform: uppercase; /*background:url(../images/4_6.png) 1px 103px no-repeat; padding-bottom:30px;*/

}

.bg4_1 .info1 p span {

	color: #003851;

	font-size: 30px;

}

.bg4_1 .info1 h1, .bg4_1 .info1 .h1 {

	font-size: 18px;

	font-weight: normal;

	padding: 15px 0 15px 0

}

.bg4_1 .info1 div {

	text-indent: 25px;

	line-height: 24px;

	color: #666;

	font-size: 14px;

	padding-bottom: 30px;

}

.bg4_1 .info1 a {

	color: #fff;

	font-size: 16px;

	background: url(../images/4_1.png) 90px center no-repeat #e52f22;

	padding: 8px 40px 8px 15px;

	border-radius: 25px

}

.active .bg4_1 {

	margin-left: -719px;

	opacity: 1;

	transition-delay: 0.7s;

}

.bg4_2 {

	position: absolute;

	left: 50%;

	margin-left: -1019px;

	opacity: 0;

	transition: all 1s;

	top: 647px;

	width: 537px;

	height: 76px;

}

.active .bg4_2 {

	margin-left: -719px;

	opacity: 1;

	transition-delay: 1s;

}

.adispaly a {

	width: 159px;

	height: 61px;

	padding-top: 15px;

	position: absolute;

	z-index: 11;

	left: 0;

	top: 0;

	display: block;

	padding-left: 80px;

	color: #e52f22;

	font-size: 18px; /*-webkit-transition: -webkit-transform 1s ease-out;

	-moz-transition: -moz-transform 1s ease-out;

	-o-transition: -o-transform 1s ease-out;

	-ms-transition: -ms-transform 1s ease-out;*/

}

.adispaly a span {

	color: #999999;

	font-size: 14px;

}

.adispaly a.a1 {

	background: url(../images/4_2.png) 20px center no-repeat

}

.adispaly a.a2 {

	background: url(../images/4_3.png) 20px center no-repeat

}

.adispaly a.a3 {

	background: url(../images/4_4.png) 20px center no-repeat

}

.adispaly a.a4 {

	background: url(../images/4_5.png) 20px center no-repeat

}

.bg4_3 {

	position: absolute;

	left: 50%;

	margin-left: -1019px;

	opacity: 0;

	transition: all 1s;

	top: 735px;

	width: 537px;

	height: 76px;

}

.active .bg4_3 {

	margin-left: -719px;

	opacity: 1;

	transition-delay: 1.5s;

}

.bg4_4 {

	background: url(../images/4_7.png) 0 0 no-repeat;

	width: 503px;

	height: 460px;

	position: absolute;

	opacity: 0;

	left: 50%;

	margin-left: -30px;

	-webkit-transform: scale(0.5, 0.5);

	transform: scale(0.5, 0.5);

	transition: all 1s;

	top: 375px;

}

.active .bg4_4, .active .bg4_5 {

	opacity: 1;

	-webkit-transform: scale(1, 1);

	transform: scale(1, 1);

	transition-delay: 0.7s;

}

.bg4_5 {

	width: 521px;

	height: 73px;

	position: absolute;

	opacity: 0;

	left: 50%;

	margin-left: -48px;

	-webkit-transform: scale(0.5, 0.5);

	transform: scale(0.5, 0.5);

	transition: all 1s;

	top: 279px;

}

.video13 {

	width: 456px;

	height: 286px;

}

.bg4_4 div {

	padding: 14px 0 0 22px

}

.adispaly div {

	background: #fff;

	width: 239px;

	border-radius: 5px;

	margin-right: 10px;

	height: 75px;

	float: left;

	position: relative

}

/*.adispaly div:hover a{ color:#fff}*/

/*.adispaly div:hover a span{ color:#fff}*/

/*.adispaly div a.a1:hover{ background:url(../images/4_21.png) 20px center no-repeat}

.adispaly div a.a2:hover{ background:url(../images/4_31.png) 20px center no-repeat}

.adispaly div a.a3:hover{ background:url(../images/4_41.png) 20px center no-repeat}

.adispaly div a.a4:hover{ background:url(../images/4_51.png) 20px center no-repeat}*/



 @media screen and (-webkit-min-device-pixel-ratio:0) {

.adispaly div a.a1:hover {

	background: url(../images/4_21.png) 20px center no-repeat

}

.adispaly div a.a2:hover {

	background: url(../images/4_31.png) 20px center no-repeat

}

.adispaly div a.a3:hover {

	background: url(../images/4_41.png) 20px center no-repeat

}

.adispaly div a.a4:hover {

	background: url(../images/4_51.png) 20px center no-repeat

}

}

@-moz-document url-prefix() {

.adispaly div a.a1:hover {

background:url(../images/4_21.png) 20px center no-repeat

}

.adispaly div a.a2:hover {

background:url(../images/4_31.png) 20px center no-repeat

}

.adispaly div a.a3:hover {

background:url(../images/4_41.png) 20px center no-repeat

}

.adispaly div a.a4:hover {

background:url(../images/4_51.png) 20px center no-repeat

}

}

.adispaly div em {

	position: absolute;

	display: block;

	left: 0;

	top: 0;

	z-index: 1;

	width: 0;

	height: 75px;

	border-radius: 5px;

}

.adispaly div:hover em {

	animation: myfirst 1s;

	-webkit-animation: myfirst 1s;

	animation-fill-mode: forwards;

}

@-webkit-keyframes myfirst /* Safari and Chrome */ {

 0% {

background:#e52f22;

width:0%;

}

 100% {

background:#e52f22;

width:100%;

}

}

.adispaly div:hover a, .adispaly div:hover a span {

	animation: myfirst11 1s;

	-webkit-animation: myfirst11 1s;

	animation-fill-mode: forwards;

}

 @-webkit-keyframes myfirst11 /* Safari and Chrome */ {

 0% {

color:#fff;

}

 100% {

color:#fff

}

}

.adispaly a:hover {/*transition-delay: 0.01s;

-webkit-transform: rotateZ(360deg);

	-moz-transform: rotateZ(360deg);

	-o-transform: rotateZ(360deg);

	-ms-transform: rotateZ(360deg);

	transform: rotateZ(360deg);*/

}

.panel {

	display: none;

	width: 65%;

	background: #ffffff

}

.fea_mask {

	position: absolute;

	width: 100%;

	height: 100%;

	background: #000;

	z-index: 100000;

	opacity: 0.7;

	display: none;

	left: 0;

	top: 0

}

.er_navtit {

	position: relative;

	z-index: 1;

	background: #ff9900;

	padding-left: 30px;

	color: #fff;

	font-size: 30px;

	padding-top: 15px;

	height: 85px;

}

.er_navtit i {

	font-style: normal;

}

.right_p_a i {

	display: none

}

@font-face {

	font-family: myFirstFont;

	src: url('../images/calibril.ttf');

}

.er_navtit em {

	background: url(../images/close2.png) 0 0 no-repeat;

	display: block;

	height: 50px;

	width: 50px;

	position: absolute;

	left: -65px;

	top: 23px;

	cursor: pointer

}

.er_navtit span {

	font-size: 24px;

	color: #ffbb74;

	text-transform: uppercase;

	font-family: myFirstFont;

}

.notice1 {

	position: absolute;

	left: 0;

	width: 100%;

	height: 100%;

	top: 0

}

.notice1 .tab-hd {

	height: 100%;

	background: #f8f8f8;

	float: left;

	width: 220px;

	box-shadow: 4px 4px 4px #ccc;

	position: relative

}

.notice1 .tab-hd ul {

	padding-top: 20px;

}

.notice1 .tab-hd ul li {

	height: 46px;

	line-height: 46px;

	text-indent: 73px;

	cursor: pointer;

	color: #333;

	font-size: 16px;

	background: url(../images/ico7.png) 0 0 no-repeat

}

.notice1 .tab-hd ul li:hover, .notice1 .tab-hd ul li.on {

	background: url(../images/ico8.png) 0 0 no-repeat #fff;

	color: #e52f22

}

.notice1 .tab-hd ul li.w1, .notice1 .tab-hd ul li.w1:hover, .notice1 .tab-hd ul li.w1.on {

	background-position: 40px 14px

}

.notice1 .tab-hd ul li.w2, .notice1 .tab-hd ul li.w2:hover, .notice1 .tab-hd ul li.w2.on {

	background-position: 40px -34px

}

.notice1 .tab-hd ul li.w3, .notice1 .tab-hd ul li.w3:hover, .notice1 .tab-hd ul li.w3.on {

	background-position: 40px -79px

}

.notice1 .tab-hd ul li.w4, .notice1 .tab-hd ul li.w4:hover, .notice1 .tab-hd ul li.w4.on {

	background-position: 40px -126px

}

.notice1 .tab-hd ul li.w5, .notice1 .tab-hd ul li.w5:hover, .notice1 .tab-hd ul li.w5.on {

	background-position: 40px -126px

}

.notice1 .tab-hd ul li.w6, .notice1 .tab-hd ul li.w6:hover, .notice1 .tab-hd ul li.w6.on {

	background-position: 38px -226px

}

.notice1 .tab-hd ul li.w7, .notice1 .tab-hd ul li.w7:hover, .notice1 .tab-hd ul li.w7.on {

	background-position: 38px -271px

}

.notice1 .tab-hd ul li.w8, .notice1 .tab-hd ul li.w8:hover, .notice1 .tab-hd ul li.w8.on {

	background-position: 38px -316px

}

.notice1 .tab-hd ul li.w9, .notice1 .tab-hd ul li.w9:hover, .notice1 .tab-hd ul li.w9.on {

	background-position: 40px -381px

}

.notice1 .tab-hd ul li.w10, .notice1 .tab-hd ul li.w10:hover, .notice1 .tab-hd ul li.w10.on {

	background-position: 40px -426px

}

.notice1 .tab-hd ul li.w11, .notice1 .tab-hd ul li.w11:hover, .notice1 .tab-hd ul li.w11.on {

	background-position: 40px -476px

}

.notice1 .tab-hd ul li.w12, .notice1 .tab-hd ul li.w12:hover, .notice1 .tab-hd ul li.w12.on {

	background-position: 40px -521px

}

.notice1 .tab-hd ul li.w13, .notice1 .tab-hd ul li.w13:hover, .notice1 .tab-hd ul li.w13.on {

	background-position: 40px -566px

}

.notice1 .tab-bd {

	float: right;

	background: #fff;

}

.neirongquyu {

	padding: 35px 45px 45px 45px;

}

.neirongquyu img {

	max-width: 100%;

	height: auto !important;

}

.md10 img {

	margin-bottom: 10px;

}

.er_navtit .right_p_a {

	width: 156px;

	position: absolute;

	left: -156px;

	top: 150px;

}

.er_navtit .right_p_a ul li {

	height: 56px;

	text-align: right;

	margin-bottom: 5px;

}

.er_navtit .right_p_a ul li a {

	border-radius: 7px 0 0 7px;

	overflow: hidden;

	text-indent: 55px;

	text-align: left;

	line-height: 56px;

	display: inline-block;

	width: 56px;

	height: 56px;

}

.er_navtit .right_p_a ul li a span, .er_navtit .right_p_a ul li a em {

	display: none;

}

.er_navtit .right_p_a ul li a:hover span, .er_navtit .right_p_a ul li a.on span, .er_navtit .right_p_a ul li a:hover em, .er_navtit .right_p_a ul li a.on em {

	font-size: 18px;

	color: #fff;

	display: inline

}

.er_navtit .right_p_a ul li a.on {

	width: 156px;

}

.er_navtit .right_p_a ul li .on.p_a2, .er_navtit .right_p_a ul li .p_a2:hover {

	background: url(../images/ico2.png) no-repeat 14px -47px #e52f22

}

.er_navtit .right_p_a ul li .on.p_a1, .er_navtit .right_p_a ul li .p_a1:hover {

	background: url(../images/ico2.png) no-repeat 14px 14px #e52f22

}

.er_navtit .right_p_a ul li .on.p_a3, .er_navtit .right_p_a ul li .p_a3:hover {

	background: url(../images/ico2.png) no-repeat 14px -108px #e52f22

}

.er_navtit .right_p_a ul li .on.p_a4, .er_navtit .right_p_a ul li .p_a4:hover {

	background: url(../images/ico2.png) no-repeat 14px -168px #e52f22

}

.er_navtit .right_p_a ul li .on.p_a5, .er_navtit .right_p_a ul li .p_a5:hover {

	background: url(../images/ico2.png) no-repeat 14px -237px #e52f22

}

.er_navtit .right_p_a ul li .on.p_a7, .er_navtit .right_p_a ul li .p_a7:hover {

	background: url(../images/ico2.png) no-repeat 14px -375px #e52f22

}

.er_navtit .right_p_a ul li .on.p_a6, .er_navtit .right_p_a ul li .p_a6:hover {

	background: url(../images/ico2.png) no-repeat 14px -318px #e52f22

}

.er_navtit .right_p_a ul li .p_a1 {

	background: url(../images/ico1.png) no-repeat 14px -47px #e5e5e5

}

.er_navtit .right_p_a ul li .p_a2 {

	background: url(../images/ico1.png) no-repeat 14px 14px #e5e5e5

}

.er_navtit .right_p_a ul li .p_a3 {

	background: url(../images/ico1.png) no-repeat 14px -108px #e5e5e5

}

.er_navtit .right_p_a ul li .p_a4 {

	background: url(../images/ico1.png) no-repeat 14px -168px #e5e5e5

}

.er_navtit .right_p_a ul li .p_a5 {

	background: url(../images/ico1.png) no-repeat 14px -237px #e5e5e5

}

.er_navtit .right_p_a ul li .p_a6 {

	background: url(../images/ico1.png) no-repeat 14px -318px #e5e5e5

}

.er_navtit .right_p_a ul li .p_a7 {

	background: url(../images/ico1.png) no-repeat 14px -375px #e5e5e5

}

.er_navtit .right_p_a ul li a:hover {

	width: 156px;

	animation: myfirst_1 1s;

	text-indent: 55px;

	-webkit-animation: myfirst_1 1s;

	animation-fill-mode: forwards;

}

@-webkit-keyframes myfirst_1 /* Safari and Chrome */ {

 0% {

width:56px;

}

 100% {

width:156px;

}

}

.er_navtit .right_p_a ul li a.on:hover {

	animation: myfirst_2 1s;

	text-indent: 55px;

	-webkit-animation: myfirst_2 1s;

	animation-fill-mode: forwards;

}

@-webkit-keyframes myfirst_2 /* Safari and Chrome */ {

 0% {

width:156px;

}

 100% {

width:156px;

}

}

.dibubeijing {

	position: absolute;

	left: 0;

	width: 100%;

	background: url(../images/ds.png) center center no-repeat;

	background-size: 100% 100%;

	height: 369px;

	bottom: 0

}

.cnt {

	width: 100%;

	height: 100%;

}

.swiper-container {

	width: 100%;

	height: 100%;

}

.swiper-wrapper {

	padding-top: 140px

}

.nianfen em {

	position: absolute;

	background: url(../images/ico3.png) 0 0 no-repeat;

	display: block;

	height: 10px;

	width: 10px;

	left: 50%;

	margin-left: -5px;

	position: absolute;

	bottom: -5px

}

.intro .nianfen em {

	background: url(../images/ico4.png) 0 0 no-repeat;

	height: 15px;

	width: 15px;

	margin-left: -7.5px;

	bottom: -7.5px;

}

.nianfen {

	margin-bottom: 35px;

	text-align: center;

	position: relative;

	border-bottom: 1px solid #e5e5e5;

	height: 73px;

	font-size: 36px;

}

.swiper-slide p b {

	color: #333;

}

.swiper-slide p {

	margin-bottom: 30px;

	text-align: center;

	padding: 0 30px;

	line-height: 24px;

	color: #666;

	font-size: 14px;

}

.fanyeanniu {

	padding-top: 62px;

	text-align: center

}

.fanyeanniu a {

	display: inline-block;

	width: 48px;

	height: 48px;

	cursor: pointer;

	margin: 0 10px;

}

.fanyeanniu #shangyiye {

	background: url(../images/ico5.png) 0 0 no-repeat

}

.fanyeanniu #xiayiye {

	background: url(../images/ico6.png) 0 0 no-repeat

}

.pinggai p span {

	color: #e52f22

}

.pinggai p {

	font-size: 14px;

	color: #333;

	line-height: 30px;

	padding-bottom: 10px;

}

.pinggai {

	padding: 49px 98px 30px 98px

}

.ygjiyu ul li {

	margin-bottom: 50px;

	position: relative;

	float: left;

	width: 33%

}

.ygjiyu ul {

	padding: 55px 10px 10px 10px

}

.ygjiyu ul li .pd {

	padding: 0 10px;

}

.ygjiyu ul li .em {

	background: url(../images/rt1.png) 0 0 no-repeat;

	position: absolute;

	z-index: 9999;

	top: -16px;

	width: 43px;

	height: 36px;

	left: 50%;

	margin-left: -22px;

	display: block;

}

.ygjiyu .padding1 .kfu_tit {

	line-height: 82px;

	position: relative;

	color: #333;

	overflow: hidden;

	font-size: 16px;

	text-indent: 79px;

	background: url(../images/rt.png) 20px center no-repeat #f8f8f8;

	height: 82px;

}

.pingjia ul li {

	margin: 0;

	float: left;

	width: 50%;

	color: #999;

	font-size: 14px;

	text-align: center;

	height: 65px;

}

.pingjia {

	height: 65px;

	background: #fff;

	padding: 10px 0

}

.pingjia ul li.b0 {

	margin-left: -1px;

	border-left: 1px solid #e5e5e5;

}

.pingjia ul {

	padding: 0

}

.pingjia ul li p {

	color: #ff9900;

	font-size: 16px;

	line-height: 35px;

}

.pingjia ul li p span {

	color: #999;

}

.kdfujiyu {

	background: #fff;

	border-top: 1px solid #e5e5e5;

	padding: 15px;

	height: 66px;

	font-size: 14px;

	color: #333;

	line-height: 24px;

}

.kdfujiyu em {

	font-style: normal;

	border-radius: 2px;

	padding: 0 2px;

	color: #fff;

	background: #ff9900;

}

.kdfujiyu span {

	padding-left: 7px;

}

/*客户评价*/

.bg5_1 {

	position: absolute;

	width: 460px;

	border-bottom: 1px solid #bcbbbb;

	padding-bottom: 30px;

	opacity: 0;

	left: 50%;

	margin-left: -660px;

	line-height: 45px;

	-webkit-transform: scale(0.5, 0.5);

	transform: scale(0.5, 0.5);

	transition: all 1s;

	padding-top: 150px;

	color: #e52f22;

	font-size: 36px;

	font-weight: bold;

}

.bg5_1 span {

	color: #666666;

	font-size: 17px;

	font-weight: normal

}

.bg5_1 a {

	color: #fff;

	font-size: 16px;

	margin-top: 8px;

	background: url(../images/4_1.png) 126px center no-repeat #e52f22;

	border-radius: 20px;

	width: 160px;

	height: 40px;

	line-height: 40px;

	text-indent: 20px;

	font-weight: normal;

	display: block

}

.active .bg5_1 {

	opacity: 1;

	-webkit-transform: scale(1, 1);

	transform: scale(1, 1);

	transition-delay: 0.7s;

}

.bg5_2 {

	position: absolute;

	width: 560px;

	left: 50%;

	margin-left: -984px;

	line-height: 45px;

	transition: all 1s;

	position: absolute;

	opacity: 0;

	top: 620px;

}

.active .bg5_2 {

	opacity: 1;

	transition-delay: 0.7s;

	margin-left: -684px;

}

.bg5_2 ul li {

	width: 120px;

	margin-right: 10px;

	padding-top: 81px;

	font-size: 16px;

	color: #333;

	float: left;

	text-align: center;

}

.bg5_2 ul .li1 {

	background: url(../images/5_4.png) center 0 no-repeat

}

.bg5_2 ul .li2 {

	background: url(../images/5_5.png) center 0 no-repeat

}

.bg5_2 ul .li3 {

	background: url(../images/5_6.png) center 0 no-repeat

}

.bg5_2 ul .li4 {

	background: url(../images/5_7.png) center 0 no-repeat

}

.bg5_2 ul li h1, .bg5_2 ul li .h1 {

	color: #e52f22;

	text-align: center;

	font-size: 22px;

	line-height: 25px;

	text-align: center;

	display: inline-block

}

.bg5_3 {

	position: absolute;

	z-index: 9;

	opacity: 0;

	left: 50%;

	top: 360px;

	margin-left: -69px;

	-webkit-transform: scale(0.5, 0.5);

	transform: scale(0.5, 0.5);

	transition: all 1s;

}

.active .bg5_3 {

	opacity: 1;

	-webkit-transform: scale(1, 1);

	transform: scale(1, 1);

	transition-delay: 0.7s;

}

#top {

	width: 100%;

	height: 8px;

}

#top .small ul {

	margin: 0;

	padding: 0px;

	text-align: center

}

#top .small li {

	cursor: pointer;

	height: 8px;

	width: 8px;

	border-radius: 50%;

	background: #c7c7c6;

	display: inline-block;

}

#top .small li.hove {

	background: #e52f22;

	margin: 0 3px;

	width: 18px;

	border-radius: 5px;

}

#box1 {

	position: relative;

	width: 746px;

	margin: 0 auto;

	height: 452px;

}

#list ul {

	margin: 0;

	padding: 0;

	width: 746px;

	display: block;

	height: 452px;

	overflow: hidden

}

#list li {

	border: 1px solid #e5e5e5;

	border-radius: 5px;

	background: #fff;

	position: absolute;

	list-style-type: none;

	cursor: pointer;

	box-shadow: 0px 0px 8px #ccc;

}

#list .prev {

	position: absolute;

	display: block;

	position: absolute;

	width: 48px;

	height: 48px;

	background: url(../images/5_1.png) 0 0 no-repeat;

	left: 0;

	top: 200px

}

#list .next {

	position: absolute;

	display: block;

	position: absolute;

	width: 48px;

	height: 48px;

	background: url(../images/5_2.png) 0 0 no-repeat;

	right: 0;

	top: 200px

}

#list .hove .w250 {

	width: 364px;

}

#list .hove .w250 .pic {

	width: 364px;

	height: 233px;

}

#list .hove .w250 .pic img {

	width: 364px;

	height: 233px;

}

#list .hove .w250 .pic em {

	width: 364px;

}

#list .hove .w250 p {

	height: 60px

}

.w250 {

	margin: 0 auto;

	width: 250px;

	position: relative

}

.w250 .pic {

	margin-top: 15px;

	width: 250px;

	height: 185px;

	position: relative

}

.w250 .pic img {

	width: 250px;

	height: 185px;

}

.w250 .pic em {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 250px;

	height: 36px;

	line-height: 36px;

	color: #fff;

	text-align: center;

	font-size: 14px;

	color: #fff;

	display: block;

	background: url(../images/5_8.png);

	font-style: normal

}

.w250 .pic .span {

	position: absolute;

	display: block;

	width: 90px;

	height: 36px;

	line-height: 36px;

	text-align: center;

	color: #fff;

	background: url(../images/5_8.png);

	color: #fff;

	font-size: 14px;

	left: 0;

	top: 0

}

/*.w250 .pic span{ position:absolute; display:block; width:90px; height:36px; line-height:36px; text-align:center; color:#fff; background:url(../images/5_8.png); color:#fff; font-size:14px; left:0; top:0}*/

.w250 h1, .w250 .h1 {

	color: #333333;

	font-size: 16px;

	font-weight: normal;

	padding: 15px 0 10px 0

}

.w250 .dhao {

	color: #999999;

	font-size: 14px;

}

.w250 p {

	color: #666666;

	font-size: 14px;

	line-height: 24px;

	padding-top: 7px;

	height: 95px;

	overflow: hidden

}

.hove .w250 .more {

	display: block;

	margin: 0 auto;

	width: 137px;

	height: 40px;

	line-height: 40px;

	background: url(../images/5_3.png) 101px center no-repeat #f8f8f8;

	border: 1px solid #e5e5e5;

	border-radius: 20px;

	text-indent: 25px;

	font-size: 16px;

	color: #333

}

.w250 .more {

	display: none

}

.w250 .onClick {

	display: none

}

.hove .w250 .onClick {

	display: block;

	position: absolute;

	z-index: 999;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%

}

#list li.hove:hover .w250 .more {

	border-color: #e52f22

}

.shipingdiv {

	overflow: hidden;

	border-radius: 5px;

	position: absolute;

	z-index: 9999999;

	width: 900px;

	height: 542px;

	top: 50%;

	left: 50%;

	margin-left: -450px;

	background: #fff;

	margin-top: -271px;

	display: none;

	box-shadow: 0px 0px 8px #ccc;

}

.shipingdiv .sptit {

	position: relative;

}

.shipingdiv .sptit em {

	position: absolute;

	display: block;

	width: 20px;

	height: 20px;

	background: url(../images/cl.png) center center no-repeat;

	right: 9px;

	cursor: pointer;

	top: 11px

}

/*合作客户*/

.indexLinkPanel {

	position: relative;

	margin: 0 auto;

	width: 1002px;

}

.clients {

	background: url(../images/clients_bg.jpg) center 0;

	background-size: cover;

}

.clients .box h1, .clients .box .h1 {

	margin-top: 96px;

}

.indexLinks {

	clear: both;

	width: 1002px;/* margin-left:100px;*/

	position: absolute;

	left: 0;

	top: 80px;

	z-index: 0;

}

.indexLinks .myhex {

	opacity: 0;

	z-index: -1

}

.indexLinks.current {

	display: block;

	opacity: 1;

	z-index: 0

}

.indexLinks.current .myhex {

	opacity: 1;

	z-index: 1

}

.myhex {

	width: 70px;

	height: 120px;

	background-color: #fff;

	position: relative;

	z-index: 2;

	line-height: 120px;

	text-align: center;

	transition: all 0.5s ease-in-out;

	float: left;

	margin-right: 149px;

	margin-bottom: 4px;

}

.myhex img {

	transition: all 0.3s ease-in-out;

	vertical-align: middle;

	width: 70px;

	height: 70px;

	padding-top: 25px

}

.myhex a {

	display: block;

	width: 100%;

	height: 100%;

	z-index: 0;

	position: absolute;

	left: 0;

	top: 0

}

.myhex:before {

	position: absolute;

	content: '';

	z-index: -1;

	left: 0px;

	width: 70px;

	height: 120px;

	background-color: #fff;

	-webkit-transform: rotate(60deg);

	-moz-transform: rotate(60deg);

	-ms-transform: rotate(60deg);

	-o-transform: rotate(60deg);

	transform: rotate(60deg);

	transition: all 0.5s ease-in-out;

}

.myhex:after {

	position: absolute;

	content: '';

	z-index: -1;

	left: 0px;

	width: 70px;

	height: 120px;

	background-color: #fff;

	-webkit-transform: rotate(120deg);

	-moz-transform: rotate(120deg);

	-ms-transform: rotate(120deg);

	-o-transform: rotate(120deg);

	transform: rotate(120deg);

	transition: all 0.5s ease-in-out;

}

.myhex:hover {

	background-color: #fff;

	-webkit-transform: rotate(360deg);

	-ms-transform: rotate(360deg);

	-moz-transform: rotate(360deg);

	transform: rotate(360deg);

	-webkit-transition: 0.6s;

	transition: 0.6s;

	transform-style: preserve-3d;

}

.myhex:hover:before {

	background-color: #fff;

	-webkit-transform: rotate(420deg);

	transform: rotate(420deg);

	-webkit-transition: 0.6s;

	transition: 0.6s;

	transform-style: preserve-3d;

}

.myhex:hover:after {

	background-color: #fff;

	-webkit-transform: rotate(480deg);

	transform: rotate(480deg);

	-webkit-transition: 0.6s;

	transition: 0.6s;

	transform-style: preserve-3d;

}

.myhex.rotation {

	-webkit-transform: rotateY(180deg);

	-moz-transform: rotateY(180deg);

	-ms-transform: rotateY(180deg);

	-o-transform: rotateY(180deg);

	transform: rotateY(180deg);

}

.myhex .alink {

	position: absolute;

	background: url(../images/6_1.png) center center no-repeat;

	display: block;

	width: 140px;

	height: 120px;

	left: -35px;

	top: 0;

	z-index: 999

}

.myhex.rotation img {

	opacity: 0;

	transition: opacity 0.3s ease-in-out;

}

.myhex:nth-of-type(1) {

	margin-left: 143px;

}

.myhex:nth-of-type(2) {

	margin-left: -4px;

}

.myhex:nth-of-type(3) {

	margin-left: -3px;

}

.myhex:nth-of-type(4) {

	margin-left: -4px;

	margin-right: 0;

}

.myhex a:hover span {

	background: url(../images/6_1.png) center center no-repeat;

	width: 140px;

	height: 120px;

	position: absolute;

	display: block;

	left: -35px;

	top: 0;

	z-index: 9

}

/*第二排*/

.myhex:nth-of-type(5) {

	margin-top: -62px;

	margin-left: 35px;

}

.myhex:nth-of-type(6) {

	margin-left: -112px;

}

.myhex:nth-of-type(7) {

	margin-top: -62px;

	margin-left: -111px;

}

.myhex:nth-of-type(8) {

	margin-left: -111px;

}

.myhex:nth-of-type(9) {

	margin-top: -62px;

	margin-left: -111px;

}

.myhex:nth-of-type(10) {

	margin-left: -112px;

}

.myhex:nth-of-type(11) {

	margin-top: -62px;

	margin-left: -111px;

}

.myhex:nth-of-type(12) {

	margin-left: -111px;

	top: 1px;

	margin-right: 0

}

.myhex:nth-of-type(13) {

	margin-top: -62px;

	margin-left: -3px;

	margin-right: 0

}

.myhex:nth-of-type(14) {

	margin-left: 35px;

	margin-top: -62px;

	clear: left;

}

.myhex:nth-of-type(15) {

	margin-left: -112px;

	margin-top: 1px

}

.myhex:nth-of-type(16) {

	margin-top: -62px;

	margin-left: -112px;

}

.myhex:nth-of-type(17) {

	margin-left: -111px;

	margin-top: 0

}

.myhex:nth-of-type(18) {

	margin-top: -62px;

	margin-left: -111px;

}

.myhex:nth-of-type(19) {

	margin-left: -112px;

	margin-top: -0

}

.myhex:nth-of-type(20) {

	margin-top: -62px;

	margin-left: -111px;

}

.myhex:nth-of-type(21) {

	margin-left: -111px;

	margin-right: 0;

	margin-top: 0px

}

.myhex:nth-of-type(22) {

	margin-top: -60px;

	margin-left: -3px;

	margin-right: 0

}

.myhex:nth-of-type(23) {

	margin-left: 465px;

	clear: left;

	margin-top: -62px;

}

.linkmore, .linkmore:before, .linkmore:after, .linkmore:hover:before, .linkmore:hover:after, .linkmore:hover {

	background-color: #e52f22;

}

/*员工生日*/

.clear {

	clear: both

}

#ygsr {

	background: url(../images/ygjy2.jpg) repeat-y;

	background-size: 100% 100%;

	overflow: hidden;

	padding: 1px;

	border: 1px solid #e5e5e5

}

.ygsr_l {

	width: 84%;

	float: left

}

.ygsr_r {

	float: left;

	width: 16%;

	background: #f5f5f5;

}

.pic_info1 .pading {

	padding: 10px 20px 0 10px;

}

.pic_info1 .p1 {

	color: #999999;

	font-size: 14px;

}

.pic_info1 .p2 {

	color: #333;

	font-size: 14px;

	line-height: 24px;

	padding: 7px 0 20px 0

}

.ygsr_r ul li {

	border-bottom: 1px solid #e5e5e5;

	padding: 10px;

	position: relative

}

.ygsr_r ul li.hover em {

	background: url(../images/sr33.png) no-repeat;

	display: block;

	width: 6px;

	height: 18px;

	position: absolute;

	left: -6px;

	top: 50%;

	margin-top: -9px

}

.ygsr_r ul li a {

	position: absolute;

	display: block;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%

}

.ygsr_r ul li.hover a {

	background: url(../images/sr2.png) 0 0 no-repeat;

	background-size: 100% 100%;

}

.ygsr_r ul li div img {

	width: 100%;/* height:100%;*/

}

.pic_btn a {

	height: 100%;

}

.pic_btn a img {

	width: 100%

}

.pic_btn .d1 a img {

	border-right: 1px solid #fff;

	margin-left: -2px;

}

.pic_btn {

	padding-left: 20%;

	padding-right: 20%;

	text-align: right;

	padding-bottom: 8px;

	padding-top: 8px

}

.pic_btn .d1, .pic_btn .d2 {

	float: left;

	width: 50%

}

.pic_btn .d2 {

	text-align: left

}

.msn-focus {

	width: 100%;

	height: 100%;

	position: relative

}

.msn-focus img {

	width: 100%;

	display: block

}

.msn-focus .hd {

	position: absolute;

	left: 0;

	bottom: 15px;

	height: 10px;

	z-index: 9999;

	width: 100%;

}

.msn-focus .hd ul {

	margin: 0;

	padding: 0;

	text-align: center

}

.msn-focus .hd li {

	background: url(../images/bg15.png) no-repeat;

	margin: 0 2px;

	width: 10px;

	height: 10px;

	display: inline-block

}

.msn-focus .hd .on {

	background: url(../images/bg16.png) no-repeat;

	width: 25px;

	height: 10px;

}

.msn-focus .bd {

	padding: 10px 20px 0 10px;

	position: relative

}

.msn-focus .bd li {

	width: 100%;

	height: 100%;

	position: relative

}

.msn-focus .bd li span {

	position: absolute;

	width: 100%;

	height: 59px;

	background: url(../images/titbj.png);

	left: 0;

	line-height: 41px;

	bottom: 0;

	text-align: center;

	color: #fff;

	font-size: 18px;

}

.msn-focus .prev {

	position: absolute;

	background: url(../images/bg17.png) no-repeat;

	width: 40px;

	height: 80px;

	cursor: pointer;

	display: block;

	left: 10px;

	top: 50%;

	margin-top: -30px

}

.msn-focus .next {

	position: absolute;

	background: url(../images/bg18.png) no-repeat;

	width: 40px;

	height: 80px;

	cursor: pointer;

	display: block;

	right: 20px;

	top: 50%;

	margin-top: -30px

}

.msn-focus .prev:hover {

	background: url(../images/bg19.png) no-repeat

}

.msn-focus .next:hover {

	background: url(../images/bg20.png) no-repeat

}

/*晒单*/

.shaidang_more {

	height: 64px;

	padding-top: 16px;

	position: fixed;

	right: 0;

	bottom: 100px;

	width: 100%;

	background: #f8f8f8;

	border-top: 1px solid #e5e5e5;

}

.shaidang_more a {

	margin: 0 auto;

	display: block;

	width: 33%;

	background: #ff9900;

	text-align: center;

	height: 48px;

	line-height: 44px;

	color: #fff;

	font-size: 18px;

	border-radius: 30px;

}

.shaidang_more a span {

	background: url(../images/palt12.png) right center no-repeat;

	padding: 5px 20px

}

.shaidan_list ul {

	padding: 30px 30px 0 30px

}

.shaidan_list ul li {

	margin-bottom: 20px;

	float: left;

	width: 25%;

}

.shaidan_list ul li a {

	display: block;

	padding: 0 5px;

}

.shaidan_list ul li img {

	width: 100%

}

.shaidan_list ul li .sd_pic span {

	position: absolute;

	right: 0;

	background: url(../images/viewmum.png) no-repeat;

	height: 22px;

	line-height: 22px;

	display: block;

	color: #fff;

	font-size: 14px;

	padding-left: 34px;

	padding-right: 15px;

	bottom: 10px;

}

.shaidan_list ul li .sd_pic {

	position: relative;

}

.shaidan_list table {

	background: #f5f5f5

}

.shaidan_list table .img2 {

	display: none

}

.shaidan_list a td {

	padding-top: 5px;

	padding-bottom: 5px;

}

.shaidan_list a td p {

	font-size: 16px;

	color: #333;

	padding-bottom: 3px;

	height: 18px;

	overflow: hidden;

	margin: 3px 0

}

.shaidan_list ul li a:hover p {

	color: #ff9900

}

.shaidan_list a td span {

	background: url(../images/time.png) left center no-repeat;

	color: #999999;

	font-size: 14px;

	padding-left: 20px;

}

.shaidan_list ul li a:hover .img1 {

	display: none

}

.shaidan_list ul li a:hover .img2 {

	display: block

}

.shaidan_list ul li a:hover .sd_pic {

	box-shadow: 5px 5px 5px #ccc;

	position: relative;

	z-index: 1

}

.shaidan_list ul li a:hover table {

	box-shadow: 5px 5px 5px #ccc;

	position: relative;

	z-index: 1

}

/*新的*/

.shaidan_list ul li .sddiv {

	padding: 0 10px 0 10px;

}

.shaidan_list ul li .sddiv a {

	display: block;

	width: 100%;

	height: 100%;

	border: 1px solid #e5e5e5;

	padding: 10px 0;

	border-radius: 3px;

}

.shaidan_list ul li .sddiv a:hover {

	box-shadow: 5px 5px 5px #ccc;

}

.shaidan_list ul li .sddiv .mpic {

	padding: 0 10px;

	position: relative;

}

.shaidan_list ul li .sddiv .mpic .mpic_iomg {

	height: 175px;

}

.shaidan_list ul li .sddiv .mpic .shipi {

	position: absolute;

	top: 0;

	left: 10px;

	background: url(../images/gouxuan2.png) no-repeat;

	height: 47px;

	width: 47px

}

.shaidan_list ul li .sddiv .mpic .mpic_num {

	position: absolute;

	height: 30px;

	line-height: 30px;

	text-align: center;

	color: #fff;

	font-size: 14px;

	padding: 0 5px;

	right: 10px;

	top: 0;

	background: url(../images/gouxuan3.png);

}

.shaidan_list ul li .sddiv .mpic .mpic_date {

	position: absolute;

	overflow: hidden;

	height: 36px;

	line-height: 36px;

	text-align: center;

	color: #fff;

	font-size: 14px;

	padding: 0 5px;

	right: 10px;

	bottom: 0;

	background: url(../images/gouxuan3.png);

}

.shaidan_list ul li .sddiv .qyd_mdd {

	padding: 5px 10px;

	height: 20px;

	color: #333;

	font-size: 16px;

	overflow: hidden;

}

.shaidan_list ul li .sddiv .dd_dhao {

	color: #999999;

	padding: 0 10px;

	font-size: 14px;

}

.shaidan_list ul li .sddiv .dd_info {

	line-height: 24px;

	color: #666666;

	padding: 0 10px;

	margin-top: 10px;

	overflow: hidden;

	height: 75px;

	font-size: 14px;

}

.shaidan_list ul li .sddiv .dd_ckxx {

	text-align: center;

	padding: 20px 0 10px 0

}

.shaidan_list ul li .sddiv .dd_ckxx span {

	color: #333;

	font-size: 16px;

	background: url(../images/gouxuan5.png) 90px center no-repeat #f8f8f8;

	border-radius: 27px;

	border: 1px solid #e5e5e5;

	padding: 7px 45px 9px 15px

}

.shaidan_list ul li .sddiv a:hover .dd_ckxx span {

	border: 1px solid #e52f22

}

/*底部*/	

.footer1 {

	background: url(../images/d_4.jpg) center center no-repeat;

	height: 160px;

	overflow: hidden

}

.lianxi_1 {

	float: left;

	line-height: 36px;

	color: #fff;

	font-size: 26px;

	padding-top: 43px;

	width: 610px;

}

.lianxi_2 {

	background: url(../images/d_1.png) 0 0 no-repeat;

	height: 120px;

	overflow: hidden;

	line-height: 20px;

	font-size: 16px;

	margin-top: 30px;

	padding-top: 20px;

	padding-left: 100px;

	float: left;

	color: #fff;

}

.lianxi_2 span {

	color: #fff;

	font-size: 36px;

	display: block;

	height: 38px;

	line-height: 38px;

}

.lianxi_2 em {

	font-style: normal

}

.lianxi_3 {

	float: right;

	width: 179px;

	padding-top: 30px;

}

.lianxi_3 a {

	display: block;

	width: 179px;

	height: 52px;

	display: block;

	margin-bottom: 5px;

	color: #ff9900;

	font-size: 20px;

	background: url(../images/d_3.png) 30px center no-repeat #fff;

	line-height: 52px;

	text-indent: 70px;

	border-radius: 5px

}

.lianxi_3 a.qqzx {

	color: #fff;

	background: url(../images/d_2.png) 30px center no-repeat;

	border: 2px solid #fff;

	width: 175px;

	height: 48px;

}

.footer2 {

	text-align: center;

	padding: 20px 0;

	border-bottom: 1px solid #d5d5d5;

	background: #e5e5e5;

}

.footer2 a {

	color: #333;

	font-size: 16px

}

.footer2 span {

	color: #cccccc;

	padding: 0 63px

}

.footer3 {

	background: #f5f5f5;

	border-bottom: 1px solid #d5d5d5; /*padding:25px 0*/

}

.footnav_l ul li {

	height: 128px;

	float: left; /*padding-left:33px; */

	line-height: 25px;

	width: 20%;

	border-right: 1px solid #e5e5e5;

	padding: 10px 0 15px 0

}

.footnav_l ul li:hover {

	background: #dfdcdc

}

.footnav_l ul li.l5 {

	text-align: center;

	margin-left: -6px;

	padding-bottom: 15px

}

.footnav_l ul li p {

	color: #333;

	padding-bottom: 5px;

	line-height: 25px;

	font-size: 16px;

}

.footnav_l ul li a:hover, .footer2 a:hover {

	color: #e52f22

}

.footnav_l ul li div {

	padding-left: 100px;

}

.footnav_l ul li.l5 p {

	padding-top: 10px;

	color: #333;

	font-size: 12px;

	line-height: 20px

}

.footnav_l ul li.l5 p img {

	margin-bottom: 5px;

	height: 74px;

	width: 74px

}

.footnav_l ul li a {

	color: #666666;

	font-size: 12px;

	background: url(../images/23.png) 0 -3px no-repeat;

	padding-left: 15px

}

.footnav_l ul li.l5 p span {

	color: #0e5a9b

}

.footnav_l ul li.l1 {

	border-left: 1px solid #e5e5e5;

	background: url(../images/d_4.png) 65px 12px no-repeat

}

.footnav_l ul li.l2 {

	background: url(../images/d_5.png) 65px 12px no-repeat

}

.footnav_l ul li.l3 {

	background: url(../images/d_6.png) 65px 12px no-repeat

}

.footnav_l ul li.l4 {

	background: url(../images/d_7.png) 65px 12px no-repeat;

	margin-right: 0

}

.footnav_l ul li.l1:hover {

	background: url(../images/d_4.png) 65px 12px no-repeat #dfdcdc

}

.footnav_l ul li.l2:hover {

	background: url(../images/d_5.png) 65px 12px no-repeat #dfdcdc

}

.footnav_l ul li.l3:hover {

	background: url(../images/d_6.png) 65px 12px no-repeat #dfdcdc

}

.footnav_l ul li.l4:hover {

	background: url(../images/d_7.png) 65px 12px no-repeat #dfdcdc

}

.footnav_r {

	float: right;

	border-left: 1px solid #e5e5e5;

	padding-left: 41px;

	height: 195px;

}

.footnav_r p {

	border-bottom: 1px solid #e5e5e5;

	padding-left: 72px;

	color: 333;

	padding-bottom: 10px;

	font-size: 14px;

	background: url(../images/d_8.png) left 0 no-repeat

}

.footnav_r p span {

	color: #e52f22;

	font-size: 32px;

}

.footnav_r div {

	background: url(../images/d_9.png) 0 0 no-repeat;

	height: 87px;

	padding-top: 20px;

	color: #333;

	padding-left: 121px;

	font-size: 16px;

	line-height: 30px;

	margin-top: 15px;

}

.footer4 {

	padding: 15px 0;

	background: #fff

}

.banquan {

	text-align: center;

	padding-bottom: 10px;

	color: #333;

	line-height: 24px;

	font-size: 14px;

}

.banqianico {

	text-align: center

}

.topnewheight {

	height: 277px;

}

/*城市晒单*/

.cslist ul .csli_big {

	overflow: auto;

	zoom: 1;

	background: url(../images/gouxuan6.png) repeat-y #f8f8f8;

	border-bottom: 1px solid #e5e5e5

}

.cslist ul .csli_big .cs_big_l {

	width: 160px;

	float: left;

	text-align: center;

	font-size: 16px;

	color: #333;

}

.cslist ul .csli_big .cs_big_r {

	float: left;

}

/*.cslist ul .csli_big .cs_big_r a{ color:#333}

.cslist ul .csli_big .cs_big_r a.on{ color:#f00}*/

.cslist ul .csli_big .cs_big_r div {

	padding: 7px 25px 0 25px

}

.cslist ul .csli_big .cs_big_r span {

	padding-right: 0;

	padding-bottom: 7px;

	display: inline-block

}

.cslist ul .csli_big .cs_big_r span a {

	display: inline-block;

	color: #333;

	height: 30px;

	line-height: 30px;

	font-size: 14px;

	border: 1px solid #f8f8f8;

	padding: 0 10px

}

.cslist ul .csli_big .cs_big_r span a.on {

	border-color: #e52f22;

	background: url(../images/gouxuan.png) right bottom no-repeat #fff;

	color: #e52f22

}

#list i {

	cursor: pointer

}

 @media screen and (max-width: 1440px) {

#list .prev, #list .next {

	top: 300px;

}

}

@media screen and (max-width: 1400px) {

#list .prev, #list .next {

	top: 380px;

}

}

@media screen and (max-width: 1680px) {

.main_iframe.hover1440 {

	top: 200px;

	margin-left: -652px;

}

}

@media screen and (max-width: 1600px) {

.main_iframe.hover1440 {

	top: 150px;

	margin-left: -502px;

}

.topnewheight {

	height: 237px;

}

}

@media screen and (max-width: 1366px) {

.header_r {

	width: 400px;

}

.main_iframe.hover1440 {

	top: 120px;

}

}