@charset "utf-8";
/* CSS Document */
html{
	overflow-x:hidden; overflow-y: scroll;
}
body{
	margin:auto; padding:0; background-color:#fff;
}
body, div, td, p, h1, h2, h3, h4, ul, li, p, dl, dt, dd, ol, form{
	margin:0; padding:0; list-style:none;
	font-size:12px;color:#555;font-family:"微软雅黑", Arial, "宋体";
}
i,em{
	font-size:12px;
	font-style:normal;
}
input, textarea, select{
	margin:0; padding:0; font-size:12px; font-family:"微软雅黑", Arial, "宋体"; color:#555; background:#fff;
}

/* 消除谷歌浏览器黄色边框 */
input, button, select, textarea{
	outline:none;
}
textarea{
	resize:none;
}

table{
	border-collapse:collapse;
	border:0;
}
td{
	padding:0;
}

a, a:link{
	color: #555; text-decoration:none;
}
a:hover{
	color: #be1a21; text-decoration:none;
}

img{
	vertical-align: middle; border:0;
}

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

.map,
.footer-bg{
	margin:0 auto;min-width:1000px;_min-width:inherit;
	_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>1000?"auto":"1000px");
}
.map {
	height:650px;
	background:url(../images/map.jpg) no-repeat center 0;
}
.footer-bg {
	background:url(../images/footer-bg.jpg) repeat-x 0 bottom;
    background-color: #222222;
}

.header-fixed{
	width:100%; height:64px; position:fixed; z-index:300;
	-moz-box-shadow:2px 2px 3px #ccc;          
	-webkit-box-shadow:2px 2px 3px #ccc;
	box-shadow:2px 2px 3px #ccc;
	background-color:#fff;
}
.header{
	margin:0 auto; width:1000px; height:64px;
}
.header h1{
	float:left; width:145px; height:40px; margin-top:11px; text-indent:-9999px;
	background:url(../images/logo.png) no-repeat;
}
.menu-m{
	float:right; position:relative;
}
.menu-arrow{
	width:80px; height:4px; overflow:hidden; position:absolute; left:0; top:0;
    z-index: 10;
	background:#ea5420;
}
.menu li{
	float:left; min-width:80px; height:64px;
    position: relative;
}
.menu li a{
	height:64px; line-height:64px; display:block; text-align:center;
	font-size:16px; font-weight:bold;
	background:none;
    padding: 0 10px;
    background: #fff;
    position: relative; z-index: 1;
}
.menu li.active a,
.menu li a:hover{
	color: #be1a21;
}
.menu li .qrcode_box{
    width: 140px;
    height: 140px;
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -70px;
    border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    -ms-border-radius: 0 0 8px 8px;
    -o-border-radius: 0 0 8px 8px;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
}
.menu li .qrcode_box img{
    width: 100%; display: block;
}
.menu li:hover .qrcode_box{
    display: block;
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}

.pagekv{
	width:100%; height:644px; position: relative;	padding-top:64px;
}
.pagekv-swiper {
    width:100%; height: 600px;
}
.pagekv-swiper .swiper-slide {
	width: 100%; height: 100%;
}
.pagekv-swiper .swiper-slide a{
	width:100%; height: 600px; display: block;
	background-repeat: no-repeat;
	background-position: center 0;
}
/*.pagekv-swiper .swiper-slide img {
	height: 600px;
}*/


.main{
	margin: 0 auto; width:1000px; display:table; clear:both;
}
.main h2{
	float:left; height:30px; line-height:30px; margin:35px 0;
	border-left:5px solid #ea5420; padding-left:10px;
	font-size:24px; font-weight:normal;
}

/* 服务 */
.service-slogan{
	float:right; line-height:30px; margin:35px 0; font-size:20px;
}
.service{
	margin-bottom:30px; overflow:auto;
}
.service li{
	float:left; width:190px; height: 320px; margin-right: 10px; padding: 0 25px; border:1px solid #e6e6e6;
}
.service li span{
	height: 205px; display: block;
	background-repeat:no-repeat;
	background-position: center center;
}
.service li h3{
	line-height: 32px; margin: 0; text-align: center; font-size: 20px;
}
.service li p{
	line-height: 16px;
	margin: 5px 0 0 0; color: #6f6f6f;
}
.service .item1 span{
	background-image:url(../images/service1-1.png);
}
.service .item2 span{
	background-image:url(../images/service1-2.png);
}
.service .item3 span{
	background-image:url(../images/service1-3.png);
}
.service .item4{
	width: 190px;
	margin-right: 0;
}
.service .item4 span{
	background-image:url(../images/service1-4.png);
}

.service-logo{
	margin:0 1px 35px 1px; overflow:auto;
	border-left:1px solid #e6e6e6; border-top:1px solid #e6e6e6;
}
.service-logo li{
	float:left; width:248px; height:98px; text-align: center;
	border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;
}
.service-logo li img{
	width:248px; height:98px;
}
.service-logo .gray{
	-webkit-filter: grayscale(100%); 
	-moz-filter: grayscale(100%); 
	-ms-filter: grayscale(100%); 
	-o-filter: grayscale(100%); 
	filter: grayscale(100%); 
	filter: gray; 
}

/* 案例 */
.case-nav{
	float:right; margin-top:35px;
}
.case-nav li{
	float:left; height:30px; margin-left:10px;
}
.case-nav li a{
	height:30px; line-height:30px; display:block; padding:0 15px;
	text-align:center; font-size:16px;
	background:none;
}
.case-nav li.active a,
.case-nav li a:hover{
	color:#fff; background:#ea5420;
}

.case-m{
	margin:0 auto; width:100%; height:653px; display:table; clear:both;
	background-color:#f7f7f7;
}

.case-swiper{
	margin:0 auto; width:999px; height:468px; position: relative;
}
.case-swiper .swiper-container {
    width:999px; height: 468px; overflow: hidden;
}
.case-swiper .swiper-slide {
	height: 214px; margin-bottom: 0;
}
.case{
	float:left; width:318px; height:212px; border:1px solid #dedede; position:relative;
	margin:0 20px 0 0;
	background-color:#fff;
}
.case > img{
	width:318px; height:212px;
}
.case > a{
	width:318px; height:212px; position:absolute; left:0; top:0; cursor:pointer; display: none;
	background:url(../images/case2.png) no-repeat;
}
.case > a > span{
	height:148px; display:block; padding-top:28px; text-align:center;
}
.case > a > span > img{
	width:120px; height:120px;
}
.case > a > em{
	width:298px; height:36px; line-height:36px; display:block; padding:0 10px;
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
	font-size:16px; color:#fff;
	background-color:#ea5420;
}
.case-active > a{
	display:block;
}
.case-prevnext{
	height: 50px; margin-right: 14px;
}
.case-prevnext a{
	float: right; width: 50px; height: 50px; display: block;
	background:url(../images/arrow.png) no-repeat;
}
.case-prevnext .case-prev{
	background-position: 0 -50px;
}
.case-prevnext .case-next{
	background-position: -50px -50px;
}
.case-prevnext .case-prev:hover{
	background-position: 0 -100px;
}
.case-prevnext .case-next:hover{
	background-position: -50px -100px;
}

/* 关于 */
/*.aboutus-pic{
	width:1000px; margin-bottom:20px;
}
.aboutus-pic img{
	display:block;
}
.aboutus-intro{
	overflow:auto;
}
.aboutus-intro dt{
	float:left; width:240px;
}
.aboutus-intro dt img{
	margin:0 auto; width:198px; display:block; border:1px solid #e6e6e6;
}
.aboutus-intro dd{
	float:left; width:760px; line-height:24px; padding-top:5px; font-size:14px; color:#313131;
}*/

/* 联系 */
.contactus{
	padding:30px 0;
}
.contactus h3{
	line-height:36px; margin-bottom:20px; font-size:24px; font-weight:normal;
}
.contactus ul{
	overflow:auto;
}
.contactus li{
    min-height: 44px;
	float:left; line-height:22px; padding-left:50px; font-size:16px;
	background-repeat:no-repeat;
	background-position:0 center;
    display: flex; align-items: center;
}
.contactus .item1{
	width:350px;
	background-image:url(../images/icon/ico4.png);
}
.contactus .item2{
	width:250px;
	background-image:url(../images/icon/ico5.png);
}
.contactus .item3{
	width:250px;
	background-image:url(../images/icon/ico6.png);
}


.footer-m{
	margin: 27px auto 0 auto; width:1000px;
    position: relative;
}
.page-backtop{
	height:27px; text-align:center;
    position: absolute; bottom: 100%; left: 50%;
    margin-left: -24px;
}
.page-backtop a{
	margin:0 auto; width:47px; height:27px; line-height:27px; display:block; text-indent:-9999px;
	background:url(../images/button.png) no-repeat;
}
.footer-w{
	height:auto;
    padding: 30px 0 30px 280px;
	background:url(../images/footer-logo.jpg) no-repeat;
    background-position: left center;
    background-color: #222222;
    display: flex; align-items: center; justify-content: space-between;
}
.footer-intro{
    display: flex;
}
.footer-intro .intro_item{
    width: 190px;
}
.footer-intro .intro_item .title{
	margin-bottom: 10px; font-size:18px; color:#ea5420;
}
.footer-intro .intro_item .list>li{
	line-height:24px; font-size:14px; color:#fff;
}
.footer-intro .intro_item .list.icon_list>li{
	padding-left:22px;
	background-repeat:no-repeat;
	background-position:0 center;
}
.footer-intro .intro_item .list.icon_list .ico1{
	background-image:url(../images/icon/ico1.png);
}
.footer-intro .intro_item .list.icon_list .ico2{
	background-image:url(../images/icon/ico2.png);
}
.footer-intro .intro_item .list.icon_list .ico3{
	background-image:url(../images/icon/ico3.png);
}
.footer-intro .intro_item .intro_item:not(:last-child){
    margin-bottom: 20px;
}

.qrcode{
	width: 190px; height: 190px;
    overflow: hidden;
}
.qrcode img{
	width: 100%; display:block;
}
.footer{
	margin:0 auto; width:1000px; height:50px; line-height:50px;
    background: #101010;
}
.footer dt{
	float:left; color:#fff;
}
.footer dd{
	float:right; color:#fff;
}

.kefu-fixed{
	width: 147px; height: 207px;
	position: fixed; right: 10px; top: 150px; z-index: 100;
	background-image:url(../images/float-kefu.png);
}
.kefu-fixed dl{
	margin:0 7px 0 0; padding: 1px;
}
.kefu-fixed dt{
	height: 40px; line-height: 40px; margin: 0; text-align: center;
	font-size: 20px; color: #999;
}
.kefu-fixed dd{
	text-align: center;
}
.kefu-fixed dd img{
	width: 114px; height: 114px;
}

.kefu-close{
	height: 25px; text-align: right;
}
.kefu-close a{
	width: 25px; height: 25px; display: inline-block;
	cursor: pointer;
}