.header{
	height: 94px;position: fixed;left: 0;right: 0;top: 0;z-index: 999;background: #FFFFFF;
}
.h103{
	height: 94px;
}
.wap{
	width: 1156px;margin:0 auto; margin-bottom:15px
}
.wrap{
	width: 1156px;margin:0 auto;
}
.header .wap{
	overflow: hidden;
}

.header .logo{
	float: left;margin-top: 26px;width:138px;
}

.header .region{
	overflow: hidden;margin-top: 35px;float: left;margin-left: 20px;
}
.header .region ul{
	overflow: hidden;
}
.header .region li{
	float: left;
	font-size: 13px;color: #333;letter-spacing: 2px;
}
.header .region li span{
	margin: 0 14px;
}
.header .region li a{
	font-size: 13px;color: #9e9fa0;
}
.header .region li a:hover{
	color: #ffb500;
}

/*导航栏*/

#nav {
	position: fixed;
	top: 0;
	width: 100%;
	height: auto;
	min-width: 1200px;
	background: #ffffff;
	border-bottom: 1px solid #ededed;
	-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	z-index: 200;
}


/**/
#nav>.container {
		float: right;overflow: hidden;
}
.container li{
	float: left;
}
.container li a{
	padding: 0 15px;line-height: 24px;font-size: 16px;color: #000000;
}
.container li.on a,
.container li a:hover{
	color: #ffb500;
}
/**/
#nav .logo {
	float: left;margin-top: 26px;width:138px;
}

.nav-list {
	float: right;
}

.nav-list>li {
	float: left;
	padding: 20px 10px 0 10px;
}

.nav-list>li>a {
	display: block;
	text-align: center;
	line-height: 70px;
	color: #333;
	cursor: pointer;
	position: relative;
}

.nav-list>li:hover a {
	color: #fabf2b;
}

.caret {
	position: relative;
	display: inline-block;
}

.caret:after,
.caret:before {
	content: ' ';
	height: 0;
	width: 0;
	top: 100px;
	position: absolute;
	left: 5px;
	border: 5px solid transparent;
}

.caret:after {
	border-top-color: #333;
	top: -7px;
	z-index: 1;
}

.caret:before {
	border-top-color: #ffffff;
	top: -9px;
	z-index: 2;
}

.nav-list>li.active>a {
	color: #fabf2b;
}

.nav-list>li.active a .caret:after,
.nav-list>li:hover a .caret:after {
	border-top-color: #fabf2b;
}

.pull-down {
	position: absolute;
	background: #fff;
	left: 0;
	overflow: hidden;
	width: 100%;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
	z-index: 1000;
	display: none;
}

.nav-list>li:hover .pull-down {
}

.pull-down .list {
	overflow: hidden;
	padding: 40px 0 30px;
}
.pull-down .list{
	text-align: center;
}
.pull-down .list>li {
	float: none;
	margin-left:20px;
	float:10px 0 15px;
	padding:5px 0 5px;
	display: inline-block;
	text-align: left;
}

.pull-down .list>:hover{
	background-color:#f7f7f7;
	border-radius:4px;
	padding:5px 0 5px;
}


.pull-down .list>li a:nth-of-type(1) {
	display: block;
	font-size: 16px;
	color: #333;
}

.pull-down .list>li a:nth-of-type(2) {
	display: block;
	font-size: 12px;
	color: #999;
	margin: 5px 0 5px;
}

.pull-down .list>li a:nth-of-type(3) {
	font-size: 12px;
	color: #fabf2b;
}

.pull-down .info {
	border-top: 1px solid #e5e5e5;
	text-align: center;
	padding: 25px 0;
}

.pull-down .info>span {
	margin: 0 40px;
}

.to-login {
	float: right;
	margin-top: 20px;
}

.to-login a {
	width: 80px;
	height: 30px;
	line-height: 28px;
	display: inline-block;
	border: 1px solid #02c5ff;
	color: #02c5ff;
	text-align: center;
	border-radius: 2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
}

.to-login a:nth-of-type(1) {
	width: 80px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	background-color: #02c5ff;
	color: #ffffff;
	text-align: center;
	border-radius: 2px;
	cursor: pointer;
	margin-right: 40px;
}

.to-login a.active,
.to-login a:hover {
	background: #02c5ff;
	color: #fff;
}


/*下拉结束*/

.slider{
	overflow: hidden;position: relative;
}
.slider a{
	height: 532px;display: block;
}
.slider .hd{
	bottom: 33px;left: 0;right: 0;position: absolute;z-index: 11;text-align: center;
}
.slider .hd li{
	width: 15px;height: 15px;border-radius: 50%;background: #FFFFFF;display: inline-block;font-size: 0;margin: 0 6px;cursor: pointer;
}
.slider .hd li.on{
	background: #fabf2b;
}
.h-main1{
	overflow: hidden;padding: 55px 0 80px;
}
.title{
	margin-top: 30px;text-align: center;
}
.title h2{
	line-height: 42px;
}
.title h2 em{
	font-style: normal !important;font-size: 35px;text-transform: uppercase;letter-spacing: 2px;color: #000;
}
.title h2 i{
	font-size: 16px;color: #c1c1c1;
}
.title span{
	width: 38px;height: 3px;background: #fabf2b;display: block;margin: 6px auto 0;
}
.title p{
	font-size: 18px;color: #333;line-height: 30px;margin-top: 30px;letter-spacing: 2px;
}
.title p.hp{
	display: none;
}
.h-main1{
	background:#f8f8f8;
}
.h-main1 .q_mode{
	margin-top: 60px;
}
.h-main1 .q_mode ul{
	width: 120%;overflow: hidden;
}
.h-main1 .q_mode li{
	width: 355px;overflow: hidden;float: left;margin-right: 45px;margin-bottom: 36px;
}
.h-main1 .q_mode li a{
	width: 100%;display: block;
}
.h-main1 .q_mode li .imgs{
	width: 100%;height: 200px;overflow: hidden;
}
.h-main1 .q_mode li .imgs img{
	width: 100%;height: 100%;display: block;transition: all 0.4s;
}
.h-main1 .q_mode li .imgs:hover img{
	transform: scale(1.05);
}
.h-main1 .q_mode li h3{
	line-height: 62px;font-size: 16px;color: #333333;background: #FFFFFF;text-align: center;letter-spacing: 1px;
}
.h-main1 .q_mode li:nth-child(4),
.h-main1 .q_mode li:nth-child(5),
.h-main1 .q_mode li:nth-child(6){
	margin-bottom: 0;
}
.h-main1 .wap{
	margin-bottom: 0 !important;
}
.h-main2{
	padding: 55px 0 80px;overflow: hidden;
}
.h-main2 .wap{
	margin-bottom: 0 !important;
}
.h-main2 .title h2{
	color: #62636d;
}
.h-main2 .title p{
	color: rgb(51, 51, 51);
}
.h-main2 ul{
	width: 120%;margin-top: 60px;
}
.h-main2 li{
	float: left;width: 250px;margin-right:45px;height: 280px;overflow: hidden;border: 1px solid #ededed;position: relative;padding-top:30px;
}
.h-main2 li:after{
	content: "";border-bottom: 1px solid #fabf2b;position: absolute;top: 0;left: 0;right: 0;
}
.h-main2 li table{
	width: 250px;text-align: center;padding-top: 40px;height: 40px;
}
.h-main2 li h4{
	font-size: 18px;color: #000;text-align: center;line-height:50px ;letter-spacing: 1px;
}
.h-main2 li dd{
	font-size: 14px;color: #62636d;line-height: 22px;text-align: center;letter-spacing: 1px;
}
.h-main3{
	overflow: hidden;padding: 55px 0 80px;
}
.h-main3 .wap{
	margin-bottom: 0 !important;
}
.h-main3 table{
	border-collapse: collapse;width: 100%;margin-top: 50px;
} 
.h-main3 table, .h-main3 table tr th,.h-main3 table tr td { 
	border:1px solid #e7e7e7; 
}
.h-main3 table td{
	height: 100px;
}
.h-main3 table td img{
	width: 100%;height: 100%;display: block;
}
.footer{
	background: #34373a;padding-top: 34px;overflow: hidden;
}
.footer .wap{
	overflow: hidden;
}
.footer .lt{
	float: left;
}
.footer .lt .logo{
	margin-bottom: 25px;width:132px;
}
.footer .lt p{
	font-size: 14px;color: #9e9fa0;line-height: 24px;
}
.footer .rt{
	float: right;
}
.footer .rt .nav{
	overflow: hidden;margin-top: 10px;line-height: 24px;width:360px;
}
.footer .rt .nav ul{
	float: right;overflow: hidden;
}
.footer .rt .nav li{
	float: left;
	font-size: 13px;color: #9e9fa0;
}
.footer .rt .nav li span{
	margin: 0 14px;
}
.footer .rt .nav li a{
	font-size: 13px;color: #9e9fa0;
}
.footer .coop {
	margin-top: 35px;
}
.footer .coop ul{
	overflow: hidden;
}
.footer .coop li{
	float: left;
}
.footer .coop li span{
	margin: 0 5px;
}
.footer .coop li{
	font-size: 13px;color: #9e9fa0;
}
.footer .coop li a{
	font-size: 13px;color: #9e9fa0;
}
.footer .copyright{
	line-height:22px ;font-size: 13px;color: #9e9fa0;border-top: 1px solid #4b4e50;margin-top: 35px;
}


/*首页结束*/

/*案例开始*/
.banner{
	display: block;height: 360px;background-size: cover !important;/*456px 20181221*/
}
.case{
	overflow: hidden;
}
.case .hd{
	margin: 50px auto 0;
}
.case .hd ul{
	overflow: hidden;
}
.case .hd li{
	float: left;width: 144px;height: 50px;border-radius: 4px;background: #f5f5f5;text-align: center;line-height: 50px;font-size:16px ;color: #757575;margin-right: 20px;cursor: pointer;
}
.case .hd li:hover,
.case .hd li.on{
	background: #fabf2b;color: #FFFFFF;
}
.case .bd ul{
	overflow: hidden;width: 110%;padding:50px 50px 35px;
}
.case .bd li{
	float: left;width: 377px;margin: 0 13px 25px 0;overflow: hidden;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;transition: all 0.4s;position: relative;top: 0;
}
.case .bd li:hover{
	top: -8px;
}
.case .bd{
	width: 1256px;margin: 0 auto;
}
.case .bd li img{
	width: 100%;height: 267px;display: block;
}
.case .bd li .txt{
	padding: 13px 20px 20px;
}
.case .bd li  h2{
	font-size: 16px;color: #000000;line-height: 30px;
}
.case .bd li  h4{
	font-size: 14px;color: #a6a6a6;line-height: 22px;
}
.case .bd li:hover{
	box-shadow: 0 0 20px 10px #e9e9e9;
}
.pages{
	text-align: center;margin-bottom: 88px;
}
.pages li{
	display: inline-block;font-size: 0;
}
.pages li a{
	display: block;padding: 0 16px;line-height:40px;text-align: center;font-size: 12px;color: #686868;background: #f4f4f4;border-radius: 3px;
}
.pages li.on a,
.pages li a:hover{
	color: #FFFFFF;background: #fdbe22;
}
/*案例结束*/


/*关于我们开始*/

.a-imgs{
	height: 605px;
}
.about .a-text{
	text-align: left;padding: 35px 0 50px;
}
.about .a-text h2{
	font-size: 30px;color: #030303;line-height: 104px;
}
.about .a-text p{
	font-size:15px ;color: #333;line-height: 28px;margin-bottom: 25px;letter-spacing: 1px;
}
.a-imgs2 ul{
	width: 110%;overflow: hidden;padding: 80px 0 75px;
}
.a-imgs2 li{
	float: left;width: 285px;height: 190px;margin: 0 5px 5px 0;
}
.a-imgs2 li img{
	width: 100%;display: block;height: 100%;
}


.a-customer {
	background: #f5f6f7;padding: 60px 0;
}
.a-customer .wap{
	overflow: hidden;
}
.a-customer .txt{
	float: left;width: 500px;
}
.a-customer .imgs{
	float: right;width: 620px;
}
.a-customer .imgs ul{
	overflow: hidden;
}
.a-customer .imgs li{
	float: left;width: 155px;height: 85px;
}
.a-customer .imgs li a,
.a-customer .imgs li img{
	display: block;width: 100%;height: 100%;
}
.a-customer .txt h2{
	font-size: 26px;color: #2e2e2e;line-height: 74px;
}
.a-customer .txt .span{
	width: 13px;height: 2px;background: #434343;display: block;margin-bottom:28px ;
}
.a-customer .txt p{
	font-size: 14px;color: #9e9e9e;line-height: 24px;
}
.a-customer .txt ul{
	margin-top: 35px;overflow: hidden;
}
.a-customer .txt li{
	float: left;width: 165px;font-size: 28px;color: #1b1b1b;line-height: 64px;font-weight: bold;
}
.a-customer .txt li span{
	font-size: 50px;color: #1b1b1b;line-height: 64px;display: block;float: left;font-weight: bold;margin-right: 5px;
}
/*关于我们结束*/


/*联系开始*/
.c-title{
	text-align: center;
}
.c-title h2{
	line-height: 70px;margin-top: 55px;font-size: 30px;color: #62636d;
}
.c-title span{
	width: 38px;height: 3px;display: block;background: #fabf2b;margin: 0 auto;
}
.c-title p{
	font-size: 14px;color: #747474;line-height: 24px;margin-top: 25px;
}
.contact .c-cta ul{
	overflow: hidden;margin-top: 35px;padding-bottom: 68px;
}
.contact .c-cta li{
	float: left;width: 33.33%;text-align: center;
}
.contact .c-cta table{
	width: 100%;height:150px;text-align: center;
}
.contact .c-cta h4{
	font-size: 18px;color: #000000;margin-top: 15px;line-height: 32px;
}
.contact .c-cta h5{
	font-size: 14px;color: #888888;line-height: 24px;margin-top: 6px;
}
.contact .form{
	background: #f4f9fd;overflow: hidden;padding: 83px 0;
}
.contact .form .wap{
	overflow: hidden;width: 1200px;border: 1px solid #d9deea;background: #FFFFFF;
}
.contact .form ul{
	margin-top: 44px;padding: 0 90px;
}
.contact .form li{
	overflow: hidden;width: 110%;
}
.contact .form .float{
	float: left;width: 490px;margin-right: 40px;
}
.contact .form label{
	font-size:16px ;color: #3d3d3d;line-height: 62px;display: block;
}
.contact .form .txt{
	display: block;width: 463px;border: 1px solid #d9deea;line-height: 1;font-size: 14px;color: #9b9b9b;padding: 24px 0 24px 25px;border-radius: 4px;
}
.contact .form .text{
	display: block;width: 994px !important;border: 1px solid #d9deea;line-height: 24px;font-size: 14px;color: #9b9b9b;padding: 24px 0 24px 25px;border-radius: 4px;height: 88px !important;
}
.contact .form .btn{
	width: 1020px;overflow: hidden;margin-bottom: 70px;
}
.contact .form .sub{
	float: right;margin-top: 27px;width: 213px;height: 64px;display: block;background: #ffa028;font-size: 18px;color: #ffffff;line-height: 64px;text-align: center;border: none;border-radius: 3px;cursor: pointer;
}
.contact .work ul{
	text-align: center;padding: 55px 0 85px;
}
.contact .work li{
	display: inline-block;margin: 0 10px;width: 377px;
}
.contact .work .imgs{
	width: 100%;height: 219px;margin-bottom: 33px;
}
.contact .work img{
	width: 100%;height: 100%;
}
.contact .work h3{
	font-size: 18px;color: #000000;line-height: 60px;
}
.contact .work h6{
	font-size: 14px;color: #9b9b9b;line-height: 24px;
}


/*联系结束*/


/*微营销开始*/

.marketing .m-hd li{
	padding: 88px 0;
}
.marketing .m-hd .l1 .text{
	float: right;width: 480px;
}
.marketing .m-hd .l1 .imgs{
	float: left;margin-left: -16px;
}
.marketing .m-hd .l2 .text{
	float: left;width: 480px;
}
.marketing .m-hd .l2 .imgs{
	float: right;margin-right: -68px;
}
.marketing .m-hd .l2 {
	background: #f4f9fd;
}
.marketing .m-hd .l3 .text{
	float: right;width: 480px;
}
.marketing .m-hd .l3 .imgs{
	float: left;margin-left: -105px;
}
.marketing .m-hd .l3 {
	background: #fabf2b;
}
.marketing .m-hd h2 a{
	font-size:36px ;color: #1b1b1b;line-height: 112px;font-weight: bold;letter-spacing: 1px;
}
.marketing .m-hd p{
	font-size:16px ;color: rgba(0,0,0,0.6);;line-height: 26px;margin-bottom: 25px;letter-spacing: 1px;
}
.marketing .m-hd .btn{
	width: 166px;height: 50px;border: 1px solid #b5b5b5;display: block;line-height: 50px;text-align: center;margin-top: 53px;font-size: 16px;
color: #585858;border-radius: 5px;
}
.marketing .m-hd .l3 .text p,
.marketing .m-hd .l3 .text h2 a{
	color: #FFFFFF;
}
.marketing .m-hd .l3 .text .btn{
	color: #FFFFFF;border-color: #FFFFFF;
}
.marketing .m-bd{
	text-align: center;
}
.marketing .m-bd h2{
	font-size:36px ;color: #1b1b1b;margin-top: 40px;line-height: 60px;margin-bottom: 27px;
}
.marketing .m-bd h4{
	font-size: 16px;color: #636363;line-height: 25px;
}
.marketing .m-bd ul{
	margin-top: 95px;margin-bottom: 104px;
}
.marketing .m-bd li{
	display: inline-block;width: 148px;margin: 0 44px;
}
.marketing .m-bd li a{
	display: block;
}
.marketing .m-bd .imgs{
	width: 148px;height: 150px;border-radius: 7px;overflow: hidden;
}
.marketing .m-bd .imgs img{
	width: 100%;height: 100%;display: block;
}
.marketing .m-bd li h5{
	font-size: 18px;color: #000000;margin-top: 17px;line-height: 34px;
}
.marketing .m-bd li h6{
	font-size: 14px;color: #8b8b8b;line-height: 28px;
}



.h-slider{
	display: none;
}
.htable{
	display: none;
}
.h-imgs{
	display: none;
}





/*微营销结束*/
.contact .work .imgs,
.a-imgs2 li,
.h-main3 table td{
	overflow: hidden;
}
.marketing .m-bd li h5,
.marketing .m-bd li,
.contact .work li h4,
.contact .work img,
.contact .form .sub,
.a-imgs2 li img,
.h-main1 .ul li img,
.h-main3 table td img{
	transition: all 0.4s;cursor: pointer;
}
.contact .work li:hover img,
.a-imgs2 li img:hover,
.h-main1 .ul li img:hover,
.h-main3 table td img:hover{
	transform: scale(1.15);
}
.marketing .m-bd li:hover h5,
.contact .work li:hover h3,
.contact .c-cta li:hover h4,
.footer .coop li a:hover,
.footer .rt .nav li a:hover{
	color: #ffb600;
}
.marketing .m-hd .btn{
	transition: all 0.3s;
}
.marketing .m-hd .btn:hover{
	background: #f69419;border: 2px solid #f69419;color: #FFFFFF;
}
.contact .form .sub:hover{
	background: #f69419;
}
.marketing .m-hd .l3 .text .btn:hover{
	background: #FFFFFF;border-color: #FFFFFF;color: #fabf2b;
}
.marketing .m-bd li{
	position: relative;top: 0;
}
.marketing .m-bd li:hover{
	top: -8px;
}



/* 浮动菜单 =============================================================================================*/
.floatmenu{
	position: fixed;
	bottom:110px;
	right:10px;
	z-index:500;
}
.floatmenu .item{
	height:34px;
	width:34px;
	margin-bottom:5px;
	position:relative;
}
.floatmenu .blk{
	display:block;
	height:100%;
	width:100%;
	border-radius:3px;
	background:url(../images/floatmenu.png) no-repeat;
	cursor:pointer;
}
.floatmenu .weibo .blk{
	background-position: 0 0;
}
.floatmenu .qq .blk{
	background-position: -34px 0;
}
.floatmenu .wechat .blk{
	background-position: -68px 0;
}
.floatmenu .mobile .blk{
	background-position: -102px 0;
}
.floatmenu .ask .blk{
	background-position: -136px 0;
}
.floatmenu .backtop .blk{
	background-position: -170px 0;
}
.floatmenu .weibo .blk:hover{
	background-position: 0 -34px;
}
.floatmenu .qq .blk:hover{
	background-position: -34px -34px;
}
.floatmenu .wechat .blk:hover{
	background-position: -68px -34px;
}
.floatmenu .mobile .blk:hover{
	background-position: -102px -34px;
}
.floatmenu .ask .blk:hover{
	background-position: -136px -34px;
}
.floatmenu .backtop .blk:hover{
	background-position: -170px -34px;
}
.floatmenu .popover{
	display:none;
	position: absolute;
	right:34px;
	bottom:0;
	padding-right:15px;
	text-align:center;
}
.floatmenu .item:hover .popover{
	display:block;
}
.floatmenu .popover .popover-arr{
	position:absolute;
	bottom:15px;
	right:9px;
	background:url(../images/popover_arr_l.png) no-repeat;
	height:11px;
	width:7px;
}
.floatmenu .ask .popover p{
	text-align:left;
}
.floatmenu .ask .popover p i{
	margin-right:4px;
}
.floatmenu .popover .popover-bd{
	width:140px;
	padding:2px;
	border-radius:4px;
	-webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);
		 -o-box-shadow:0 0 2px rgba(0,0,0,0.1);
		    box-shadow:0 0 2px rgba(0,0,0,0.1);
	border:1px solid #d8d8d8;
	background:#fff;
}
.floatmenu .popover label{
	font-weight:bold;
	display:block;
	padding:4px 0 0;
}
.floatmenu .popover p{
	color:#999;
	padding:0 5px 4px;
	font-size:12px
}
.floatmenu .popover img{
	width:140px;
	height:140px;
}
.floatmenu .popover .btn{
	display:block;
	background:#86bf2f;
	color:#fff;
	border-radius:3px;
	margin:5px 5px 10px;
	height:30px;
	line-height:28px;
}
.floatmenu .backtop{
	display:block;
}
.home .floatmenu{
	right:40px;
	bottom:20px;
}
.home .floatmenu .item{
	margin:0 0 0 5px;
	float:left;
}
.home .floatmenu .popover{
	padding:0 0 15px;
	right:-51px;
	bottom:34px;
}
.home .floatmenu .popover-arr{
	background:url(../images/popover_arr_b.png) no-repeat;
	height:7px;
	width:11px;
	bottom:9px;
	right:50%;
	margin-right:-5px;
}
.home .floatmenu .ask .popover{
	right:0;
}
.home .floatmenu .ask .popover .popover-arr{
	right:15px;
	margin-right:0;
}
.common-con{
	padding:15px 0;
}
.common-con h3{
	font-size:24px;
	margin:20px 0 10px;
}
.common-con h4{
	font-size:18px;
	margin:10px 0;
}
.common-con p {
	margin: 0 0 5px;
	line-height:26px;
}
.mod-about .tab-pane{
	display:none;
}
.mod-about .ab-contact h4{
	padding:10px 0;
	border-bottom: solid 1px #ccc;
}
.mod-about .ab-contact h5{
	color:#666;
	line-height: 25px;
}
.mod-about .ab-contact h5 i{
	font-size: 24px;
	float: left;
	margin: 2px 5px 0 0;
}
.mod-about .location{
	margin: 30px 0px 10px;
}
.mod-about .location .map{
	width:100%;
	max-width:654px;
}

.img-qrcode{
	display:inline-block;
	*zoom:1;
	*display:inline;
	vertical-align:middle;
	background:url(../images/qrcode_all.png) no-repeat;
}
.img-qrcode-ios,
.img-qrcode-andriod{
	height:100px;
	width:100px;
}
.img-qrcode-wechat,
.img-qrcode-mobile,
.img-qrcode-weibo{
	height:140px;
	width:140px;
}
.img-qrcode-ios{
	background-position:0 0;
}
.img-qrcode-andriod{
	background-position:-100px 0;
}
.img-qrcode-wechat{
	background-position:-200px 0;
}
.img-qrcode-mobile{
	background-position:-340px 0;
}
.img-qrcode-weibo{
	background-position:-480px 0;
}




/*4.4新增修改开始*/

.al-main{
	background: #fabf2b;padding: 75px 0;
}
.al-main .wap{
	width: 1500px;margin: 0 auto;overflow: hidden;max-width: 80%;
}
.al-main li{
	overflow: hidden;
}
.al-main .imgs{
	float: left;width:65%;background: url(../images/al1.png) no-repeat center top;background-size: 100% auto;overflow: hidden;height: 536px;
}
.al-main .imgs img {
    margin-top: 2vw;
    width: 77.8%;
    margin-left: 12.3%;
}
.al-main .text{
	width: 35%;float: right;background: #ffffff;height: 450px;overflow: hidden;
}
.al-main .text .hds{
	padding: 40px 20px 0;border-bottom: 1px solid #e3e3e3;margin: 0 28px;
}
.al-main .text .hds h2{
	line-height: 30px;font-size: 22px;color: #333333;
}
.al-main .text .hds h6{
	font-size: 12px;color: #a5a5a5;line-height: 54px;margin-top: 5px;
}
.al-main .text .bds{
	margin: 0 28px;padding: 22px 30px 0 20px;
}
.al-main .text .bds .gw{
	color: #3ad1fc;font-size: 14px;padding-left:40px;background: url(../images/al7.png) no-repeat left center;line-height: 36px;
}
.al-main .bds .btn{
	display: none;
}
.al-main .text .bds h4{
	font-size:12px;color: #404040;margin: 10px 0 10px;line-height: 24px;
}
.al-main .text .bds p{
	font-size:12px;color: #999999;line-height: 25px;
}
.al-imgs{
	background: #f2f2f2;padding: 20px 0 20px;
}
.al-imgs img{
	width: 100%;display: block;margin-bottom:45px;
}
.al-imgs h2{
	font-size:28px;color: #333;line-height: 126px;text-align: center;letter-spacing: 1px;font-weight:bold;
}
.al-imgs .btn{
	background: url(../images/al6.png) no-repeat center top;line-height: 1;padding-top: 92px;display: block;margin: 0 auto;font-size: 14px;color: #333333;width: 90px;text-align: center;
}
.al-imgs .btn:hover{
	color: #fabf2b;
}
.al-imgs h6{
	display: none;
}
.footerno{
	display: none;
}
.al-main .hd{
	text-align: center;margin-top: 40px;
}
.al-main .hd ul{
	display: inline-block;width:49px ;height: 42px;position: relative;overflow: hidden;margin: 0 8px;
}
.al-main .hd .next,
.al-main .hd .prev{
	display: inline-block;cursor: pointer;
}
.al-main .hd ul .ons{
	position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 999;cursor: pointer;
}

/*4.4新增修改结束*/





/*6.29新增开始*/


/*.list-wrap{
    margin-top: 42px;position: relative;overflow: hidden;
}
.list-wrap ul{
    width: 101.7%;
}
.list-wrap li {
    width: 31.6%;
    margin-right: 1.7%;float: left;
    margin-bottom: 30px;
}
.list-wrap .img-box {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.list-wrap .img-box img {
    width: 100%;
    transform: translateZ(0px);
    transition: transform 0.3s ease 0s;
vertical-align: middle;
}
.list-wrap .img-box img {
    width: 100%;
    transform: translateZ(0px);
    transition: transform 0.3s ease 0s;position: absolute;
left: 0;
top: 0;
height: 100%;
z-index: 2;
}
.i-wrap .up-graybox {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.4s ease 0s;z-index: 3;
}
.i-wrap .up-graybox .bgbox {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.i-wrap .up-graybox .stit {
    font-size: 16px;
    line-height: 30px;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    color: #fff;line-height: 26px;
padding: 3px 0;
margin-top: -29px;
}
.i-wrap .up-graybox .out-ico {
    display: none;
    width: 26px;
    height: 26px;
    position: absolute;
    right: 20px;
    top: 20px;
}
svg:not(:root) {
    overflow: hidden;
}
.list-wrap .cont-box {
    width: 86.5%;
    padding: 22px 6.5% 0;
        padding-bottom: 0px;
    padding-bottom: 7px;
    border: 1px solid #f2f2f2;
}
.list-wrap .cont-box .stit {
    font-size: 18px;
    line-height: 30px;
    height: 30px;
    position: relative;
}
.list-wrap .cont-box .lab-font {
    line-height: 24px;
    font-size: 12px;
    min-height: 24px;
}
.list-wrap .cont-box .stit a {
    display: inline-block;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    white-space: nowrap;
    width: 100%;
}
.list-wrap .cont-box .bot-link {
    margin-top: 28px;
    border-top: 1px solid #e5e5e5;
    line-height: 36px;
    display: block;
}
.list-wrap .cont-box .point {
    display: inline-block;
    width: 24px;
    height: 36px;
    background: url(../img/ico_08.png) no-repeat center;
}
.list-wrap .cont-box .bot-link:hover .point {
    background: url(../img/ico_08_h.png) no-repeat center;
}



*/




img.up-pic {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.i-wrap .up-graybox {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all 0.4s ease 0s;
}

.i-wrap .up-graybox .out-ico {
    display: none;
    width: 26px;
    height: 26px;
    position: absolute;
    right: 20px;
    top: 20px;
}
.list-wrap ul {
  width: 110%;margin-top: 50px;
}
.list-wrap li {
  width: 29%;
  margin-right: 1%;
  margin-bottom: 10px;float: left;
}
.list-wrap .img-box {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.list-wrap .img-box img {
  width: 100%;
  transform: translateZ(0px);
  transition: transform 0.3s ease 0s;
}
.list-wrap .img-box:hover img {
  transform: scale(1.05, 1.05);
  transition: transform 0.6s ease 0s;
}
.list-wrap .img-box:hover .up-graybox {
  opacity: 1;
  filter: alpha(opacity=1);
}
.list-wrap .up-graybox {
  z-index: 3;
}
.cont-box {
  width: 86.5%;
  padding: 22px 6.5% 0;
  padding-bottom: 7px;
  border: 1px solid #f2f2f2;background: #FFFFFF;
}
.list-wrap .cont-box .stit {
  font-size: 18px;
  line-height: 30px;
  height: 30px;
  position: relative;
}
.list-wrap .cont-box .stit a {
  display: inline-block;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
.list-wrap .cont-box .lab-font {
  line-height: 24px;
  font-size: 12px;
  min-height: 24px;
}
.list-wrap .cont-box .bot-link {
  margin-top: 28px;
  border-top: 1px solid #e5e5e5;
  line-height: 36px;
  display: block;overflow: hidden;
}
.list-wrap .cont-box .link-detail {
  display: inline-block;
  font-size: 14px;
}
.list-wrap .cont-box .link-detail.fl{
	float: left;
}
.list-wrap .cont-box .point.fr{
	float: right;
}
.list-wrap .cont-box .point {
  display: inline-block;
  width: 24px;
  height: 36px;
  background: url(../images/ico_08.png) no-repeat center;
}
.list-wrap .cont-box .bot-link:hover .link-detail {
  color: #333;
}
.list-wrap .cont-box .bot-link:hover .point {
  background: url(../images/ico_08_h.png) no-repeat center;
}
.load-more {
  width: 180px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #999;
  font-size: 16px;
  background-color: #eee;
  margin: 30px auto 0;
  cursor: pointer;
  font-family: "Base-font";
  transition: all 0.4s ease 0s;
}
.load-more:hover {
  background-color: #333;
  color: #fff;
}


.i-wrap .up-graybox .stit {
    font-size: 16px;
    line-height: 30px;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    color: #fff;
    line-height: 26px;
padding: 3px 0;
margin-top: -29px;
}
.i-wrap .up-graybox .line {
    display: inline-block;
    width: 100px;
    height: 1px;
    background-color: #f2f2f2;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    transition: all 0.6s ease 0s;
}
.i-wrap .up-graybox .linet {
    top: 0;
}
.i-wrap .up-graybox .lineb {
    bottom: 0;
}
.i-wrap .up-graybox:hover .line {
  width: 6px;
  margin-left: -3px;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.public-list .list-wrap .img-box:hover img {
  transform: scale(1.05, 1.05);
  transition: transform 0.6s ease 0s;
}
.public-list .list-wrap .img-box:hover .up-graybox {
  opacity: 1;
  filter: alpha(opacity=1);
}
.i-wrap .up-graybox .bgbox {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.6;
  filter: alpha(opacity=60);
}


.clear{clear:both;}
.index-more{padding:30px 0 0;}
.index-more a{width:300px;height:50px;text-align:center;margin:0 auto;display:block;line-height:50px;background:#f5f5f5;color:#666;font-size:16px;background: #FFFFFF;letter-spacing: 1px;}
.index-more a:hover{background:#ffb500;color:#fff;letter-spacing: 1px;}










.banner table{
	height: 100%;width: 100%;text-align: center;
}
.banner table h2{
	font-size: 30px;line-height: 50px;color: ;color: #fff;letter-spacing: 1px;
}
.banner table h4{
	font-size: 30px;line-height: 1.5;color: #fff;letter-spacing: 1px;
}



/*12.5修改*/
.h-main3 .about-num{
	width: 25%;text-align: center;float: left;margin-top: 60px;margin-bottom: 48px;height: 95px;
}
.h-main3 .about-num h2{
	font-size: 64px;font-style: normal;color: #fabf2b;font-family: "fzlantingheis-ul-gbregular";line-height: 72px;text-align: center;
}		
.h-main3 .about-num h3{
	font-size: 14px;line-height: 24px;color: #999999;padding: 0;text-align: center;letter-spacing: 1px;
}
.h-main3 .about-form {
	width: 1100px;margin: 0 auto;margin-top: 25px;border-top: 1px solid #dadada;
}

.x_banner{
	height: 470px;overflow: hidden;
}
.x_banner .wrap{
	position: relative;
}
.x_banner .txt{
	position: absolute;left: 0;top: 140px;
}
.x_banner .txt h2{
	font-size: 40px;font-weight: bold;color: #FFF;line-height: 78px;
}
.x_banner .txt p{
	line-height: 28px;font-size: 16px;color: #FFF;
}
.x_banner .txt .btn{
	margin-top: 40px;margin-left: 5px;width: 184px;height: 48px;border-radius: 3px;line-height: 48px;background: #f65434;font-size: 16px;color: #FFFFFF;display: block;text-align: center;
}
.x_m1{
	padding: 70px 0 90px;overflow: hidden;
}
.x_m1 .u1{
	overflow: hidden;
}
.x_m1 .u1 li{
	float: left;width: 250px;margin: 0 18px;text-align: center;border-top: 2px solid #fdecbf;
}
.x_m1 .u1 li a{
	display: block;width: 100%;
}
.x_m1 .u1 li table{
	width: 250px;padding-top: 30px;height: 132px;
}
.x_m1 .u1 li h3{
	font-size: 18px;color: #000000;line-height: 30px;margin-bottom: 18px;
}
.x_m1 .u1 li p{
	font-size: 12px;color: #8a8a8a;line-height: 18px;
}
.x_m2{
	background: #f6f6f6;padding: 70px 0 90px;overflow: hidden;
}
.x_hds h2{
	font-size: 34px;color: #000000;line-height: 52px;
}
.x_hds p{
	font-size: 14px;color: #999999;line-height: 24px;
}
.x_hds span{
	width: 42px;height: 3px;display: block;background: #ffcc00;margin-top: 22px;
}
.x_m2 .xbds{
	margin-top: 52px;
}
.x_m2 .xbds ul{
	overflow: hidden;width: 120%;
}
.x_m2 .xbds li{
	float: left;width: 545px;height: 290px;overflow: hidden;margin-right: 64px;margin-bottom: 36px;position: relative;transition: all 0.4s;
}
.x_m2 .xbds li a{
	width: 100%;height: 100%;display: block;
}
.x_m2 .xbds li .imgs{
	position: relative;width: 100%;height: 100%;overflow: hidden;
}
.x_m2 .xbds li .imgs img{
	width: 100%;height: 100%;display: block;
}
.x_m2 .xbds li table{
	width: 100%;height: 100%;text-align: center;position: absolute;top: 0;left: 0;right: 0;
}
.x_m2 .xbds li table h3{
	font-size: 28px;color: #FFFFFF;line-height: 34px;
}
.x_m2 .xbds li .txt{
	position: absolute;left: 0;right: 0;background: rgba(244,200,9,0.9);text-align: center;height: 100%;padding: 60px 38px 0 38px;opacity: 0;top: 100%;box-sizing: border-box;transition: all 0.3s;
}
.x_m2 .xbds li .txt h4{
	font-size: 28px;color: #FFFFFF;line-height: 40px;
}
.x_m2 .xbds li .txt p{
	font-size: 16px;color: #FFFFFF;line-height: 22px;margin-top: 50px;
}
.x_m2 .xbds li:hover .txt{
	opacity: 1;top: 0;
}
.x_m2 .xbds li:hover table h3{
	opacity: 0;
}
.x_m2 .xbds li:nth-child(3),
.x_m2 .xbds li:nth-child(4){
	margin-bottom: 0;
}
.x_m1 .qbds{
	margin-top: 48px;
}
.x_m1 .qbds ul{
	overflow: hidden;width: 110%;
}
.x_m1 .qbds li{
	width: 360px;height: 240px;overflow: hidden;;float: left;margin-right: 38px;
}
.x_m1 .qbds li a{
	width: 100%;height: 100%;display: block;
}
.x_m1 .qbds li img{
	width: 100%;height: 100%;display: block;transition: all 0.4s
}
.x_m1 .qbds li:last-child{
	margin-right: 0;
}
.x_m1 .qbds li:hover img{
	transform: scale(1.05);
}
.x_m2 .xtable, .x_m2 .xtable table tr th, .x_m2 .xtable table tr td {
    border-collapse: collapse;
    width: 100%;  
}
.x_m2 .xtable{
	margin-bottom: 0 !important;margin-top: 50px;
}
.x_m2 .xtable td{
	border: 1px solid #e7e7e7;overflow: hidden;
}
.x_m2 .xtable td img:hover{
	transform: scale(1.15);
}
.x_m2 .xtable td img{
	width: 100%;display: block;transition: all 0.4s;cursor: pointer;
}



.footer-help {
  position: fixed;
  width: 180px;
  height: 46px;
  bottom: 30px;
  right: 30px;
  font-size: 16px;
}
.footer-help-btn {
  width: 180px;
  height: 46px;
  line-height: 42px;
  text-align: center;
  background: #00bdff;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
}
.footer-help-btn .iconfont {
  font-size: 24px;
  vertical-align: middle;
}
.footer-help-btn span {
  vertical-align: middle;
}
.footer-help-btn .dot {
  display: inline-block;
  width: 4px;
  height: 4px;
  background: #fff;
  border-radius: 50%;
}
.footer-help-top {
  display: none;
  position: absolute;
  left: -66px;
  top: 0;
  width: 46px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  background: rgba(108, 108, 108, 0.3);
  background: rgb(108, 108, 108)\9;
  border-radius: 4px;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
}
.footer-help-top .iconfont{
  display: none\9;
}
.footer-help-top span {
  font-size: 14px;
}
.footer-help-container {
  display: none;
  position: absolute;
  bottom: 46px;
  left: -10px;
  width: 197px;
  height: 280px;
  background: url(../images/help-container.png) no-repeat;
}
.footer-help-container .help-list {
  padding: 25px 0 0 30px;
}
.footer-help-container .help-list li {
  height: 40px;
  margin-bottom: 20px;
}
.footer-help-container .help-list a {
  color: #666;
  display: block;
}
.footer-help-container .help-list .help-icon {
  float: left;
}
.footer-help-container .help-list .help-icon .iconfont {
  font-size: 22px;
}
.footer-help-container .help-list .help-text {
  float: left;
  margin-left: 10px;
}
.footer-help-container .help-list .help-title {
  font-weight: bold;
}
.footer-help-container .help-list .help-phone {
  margin-top: 5px;
  font-size: 12px;
  font-weight: bold;
  color: #00bdff;
}
.footer-help-container .help-list .help-desc {
  margin-top: 2px;
  font-size: 12px;
  color: #bbb;
}



.xb_layout{
	background: #f1f1f1;padding-bottom: 50px;overflow: hidden;
}
.xslide{
	position: relative;
}
.xslide .hd{
	position: absolute;bottom:19px ;left: 0;right: 0;text-align: center;z-index: 99;font-size: 0;
}
.xslide .hd li{
	width: 10px;height: 10px;border-radius: 50%;border: 1px solid #999a9a;margin: 0 10px;display: inline-block;cursor:pointer;
}
.xslide .hd li.on{
	background: #f39800;border-color: #f39800;
}
.xslide .prev{
	position: absolute;left: 18px;top: 50%;margin-top: -30px;z-index: 99;cursor:pointer;
}
.xslide .next{
	position: absolute;right: 18px;top: 50%;margin-top: -30px;z-index: 99;cursor:pointer;
}
.xslide img{
	display: block;max-width: 100%;
}
.blcont{
	margin-top: 20px;
	padding-top: 20px;
}
.blcont .hds{
	height: 58px;overflow: hidden;border-bottom: 1px solid #cdcdce;
	position: absolute;
	left: 0;right: 0;
	top: 0;
	padding-top: 20px;
}
.xb_layout.active .blcont .hds{
	position: fixed;top: 94px;
	z-index: 11;
	background: #f1f1f1;
}

.blcont .hds ul{
	font-size: 0;text-align: center;
}
.blcont .hds li{
	transition: all 0.4s;line-height: 26px;font-size: 14px;color: #303233;cursor: pointer;position: relative;display: inline-block;margin: 0 30px;
}
.blcont .hds li span{
	position: absolute;left: 0;right: 0;bottom: -12px;height: 1px;display: block;z-index: 11;background:rgba(255,255,255,0.1);
}
.blcont .hds li a{
	font-size: 14px;color: #303233;transition: all 0.4s;
}
.blcont .hds li:hover span,
.blcont .hds li.on span{
	height: 3px;background: #ff7b1c;
}
.blcont .hds li:hover a,
.blcont .hds li.on a{
	color: #ff7b1c;
}
.blcont .pbds,
.blcont .bds{
	margin-top: 50px;
}
.blcont .pbds ul,
.blcont .bds ul{
	overflow: hidden;
	display: none;
}
.blcont .pbds ul:nth-child(1),
.blcont .bds ul:nth-child(1){
	display: block;
}
.blcont .pbds li,
.blcont .bds li{
	float: left;margin-right: 20px;margin-bottom: 20px;
	width: calc((100% - 42px)/3);
}
.blcont .pbds li:nth-child(3n),
.blcont .bds li:nth-child(3n){
	margin-right: 0;
}
.blcont .pbds li a,
.blcont .bds li a{
	display: block;width: 100%;
}
.blcont .pbds li .imgs,
.blcont .bds li .imgs{
	width: 100%;height: 197px;overflow: hidden;
}
.blcont .pbds li .imgs img,
.blcont .bds li .imgs img{
	width: 100%;height: 100%;display: block;transition: all 0.4s;
}
.blcont .pbds li .imgs:hover img,
.blcont .bds li .imgs:hover img{
	transform: scale(1.05);
}
.blcont .bds li .logo{
	width: 100%;height: 54px;overflow: hidden;background: #FFFFFF;
}
.blcont .bds li .logo table{
	width: 100%;height: 100%;text-align: center;
}
.blcont .bds li .txt{
	margin-top: 15px;height: 120px;overflow: hidden;
}
.blcont .bds li .txt h2{
	font-size: 14px;color: #303233;line-height: 22px;transition: all 0.4s;
}
.blcont .pbds li .txt:hover h2,
.blcont .bds li .txt:hover h2{
	color: #ff7b1c;
}
.blcont .bds li .txt p{
	line-height: 18px;font-size: 12px;color: rgba(48,50,51,0.5);margin: 6px 0 10px;
}
.blcont .bds li .txt h6{
	font-size: 12px;color: rgba(48,50,51,0.5);line-height: 24px;
}
.blcont .more{
	font-size: 14px;color: #303233;line-height: 24px;position: relative;display: block;text-align: center;text-transform: uppercase;transition: all 0.4s;
}
.blcont .more:before,
.blcont .more:after{
	position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 518px;height: 1px;background: #cdcdce;content: "";
}
.blcont .more:before{
	left: auto;right: 0;content: "";
}
.blcont .more:hover{
	color: #ff7b1c;
}
.blcont .pbds li .txt{
	background: #FFFFFF;padding: 10px 15px;height: 76px;overflow: hidden;position: relative;
}
.blcont .pbds li .txt h3{
	line-height: 22px;color: #d0d0d0;font-size: 14px;
}
.blcont .pbds li .txt h2{
	font-size: 16px;color: #303233;line-height: 24px;
}
.blcont .pbds li .txt h6{
	line-height: 20px;color: #d0d0d0;font-size: 12px;position: absolute;bottom: 10px;left: 15px;
}

.xb_layout{
	background: #f1f1f1;padding-bottom: 50px;overflow: hidden;
	position: relative;
}
.xdeta{
	background: #FFFFFF;padding: 15px 19px 30px 19px;overflow: hidden;width: 860px;margin: 27px auto 0;overflow: hidden;
}
.xdeta .tit h2{
	line-height: 32px;font-size: 24px;color: #303233;
}
.xdeta .tit h6{
	margin-top: 6px;color: #a3a3a3;font-size: 12px;line-height: 26px;border-bottom: 1px solid #cdcdce;
}
.xdeta .tit h6 span a{
	color: #ff7b1c;font-size: 12px;margin-left: 6px;
}
.xdeta .text{
	margin-top: 20px;
} 
.xdeta .text img{
	width: 100%;display: block;
}
.xdeta .text p{
	line-height: 26px;font-size: 16px;color: #7d7d7d;text-indent:2em;letter-spacing: 1px;margin-bottom: 10px;
}
.xdeta .text h4{
	line-height: 26px;font-size: 16px;color: #7d7d7d;font-weight: 600;
}
.xdeta .text video{
	width: 100%;height: 100%;display: block;
}