body,form,ul,ol,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,table,img,input,button,textarea{margin:0; padding:0;font-size: 12px;font-weight: normal;}
body{font-family:'微软雅黑' !important;}
a{text-decoration: none; cursor:pointer;}
a:hover{text-decoration: none !important;}
a:active{text-decoration: none !important;}
*{margin: 0; padding: 0; border: 0; outline: none;}
li{list-style: none;}
.clearfix{*zoom: 1}
.clearfix:after{display: block;clear: both;content: "";visibility: hidden;height: 0}
img{border: none;max-width: 100%;}
.w1100{width: 1100px;margin: 0 auto;}

.top{height: 780px;background: url(top.jpg) top center no-repeat;}
.about-me{background: #fff;padding-top: 75px;padding-bottom: 135px;}
.about-me .title{text-align: center;height: 80px;background: url(../images/title_bg.png) bottom center no-repeat;line-height: 80px;font-size: 32px;color: #434850;}
.about-me .content{width: 1112px;height: 546px;background: url(../images/about-me-bg.jpg);margin-top: 75px;position: relative;}
.about-me .content .left{width: 374px;height: 351px;background: url(../images/about-l.jpg);position: absolute;top: 90px;left: 65px;}
.about-me .content .right{top: 82px;right: 63px;position: absolute;width: 550px;color: #77818f;font-size: 16px;}
.about-me .content .right p{line-height: 36px;font-size: 16px;text-indent: 2em;}
/*.about-me .content .right p:first-child{margin-bottom: 48px;}*/


.business{background: #f4f9fe;padding-top: 75px;}
.business .title{text-align: center;height: 80px;background: url(../images/title_bg.png) bottom center no-repeat;line-height: 80px;font-size: 32px;color: #434850;}
.business .content{margin-top: 116px;text-align: center;}
.business .content .item{width: 240px;height: 312px;background: url(../images/item-bg.jpg);position: relative;display: inline-block;margin: 0 16px 118px;}
.business .content .item-img{position: absolute;width: 200px;height: 200px;top: -39px;left: -7px;}
.business .content .item-info{position: absolute;left: 35px;top: 184px;}
.business .content .item-info h1{font-size: 20px;color: #424851;margin-bottom: 18px;text-align: left;}
.business .content .item-info h2{margin-bottom: 10px;color: #77818f;font-size: 14px;text-align: left;}
.business .content .item-info h2 a{width: 60px;height: 19px;display: inline-block;background: url(../images/qqcontact.jpg);margin-left: 10px;position: relative;top: 3px;}


.footer{background: #20262b;padding: 128px 0 90px;}
.footer .w1100{position: relative;}
.footer h1{height: 42px;background: url(../images/phone.png) no-repeat;font-size: 26px;color: #fff;padding-left: 55px;margin-bottom: 47px;}
.footer .site{height: 65px;font-size: 26px;color: #fff;background: url(../images/site.png) center left no-repeat;padding-left: 55px;margin-bottom: 33px;line-height: 65px;}
.footer .wx{position: absolute;right: 40px;top: 126px;}


.copyright{background:#20262b;padding: 48px 0 58px;border-top: 2px #424a51 solid;}
.copyright h1{color: #fff;font-size: 18px;font-style: inherit;text-align: center;}
.copyright h1:first-child{margin-bottom: 35px;}


.case{background: #e9f2fa;padding-top: 75px;padding-bottom:179px;}
.case .title{text-align: center;height: 80px;background: url(../images/title_bg.png) bottom center no-repeat;line-height: 80px;font-size: 32px;color: #434850;}


.pc-slide {width:590px;margin-top: 106px;position: relative;}
.view .swiper-container {height: 375px;}
.case-info{
	position: absolute;
	width:587px;
	height: 518px;
	background: url(../images/case-r-bg.png);
	left: 530px;
	top: -21px;
}
.case-info div{width: 410px;margin-left: 106px;margin-top: 80px;}
.case-info h1{font-size: 24px;color: #434850;margin-bottom: 35px;}
.case-info p{font-size: 16px;color: #77818f;line-height: 36px;margin-bottom: 35px;}
.case-img{width: 590px;height: 375px;}
.case-img .swiper-slide{width: 590px;height: 375px;background: url(../images/case-l-bg.png);}
.case-img img{
	text-align: center;
	width: 572px;
	height: 357px;
	position: relative;
	top: 9px;
	left: 9px;

}
.view .arrow-left {
	background: url(../images/arrow-left.png) no-repeat left top;
	position: absolute;
	left: 22px;
	bottom: 0;
	margin-top: -25px;
	width: 49px;
	height: 43px;
	z-index: 10;
}
.view .arrow-right {
	background: url(../images/arrow-right.png) no-repeat left bottom;
	position: absolute;
	left: 73px;
	bottom: 0;
	margin-top: -25px;
	width: 49px;
	height: 43px;
	z-index: 10;
}

.preview {
	width: 545px;
	margin-top: 10px;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 18px;
}

.preview .swiper-container {
	width: 590px;
	height: 89px;
}

.preview .swiper-slide {
	width: 135px;
	height: 89px;
	cursor:pointer;
	text-align: center;
}

.preview img {
	width: 120px;
	height: 75px;
	margin-top: 7px;
}

.preview .active-nav{
	background: url(../images/preview-bg.png);
}
.preview .active-nav img {
	padding: 0;
}


.prev{width: 85px;height: 75px;display: block;position: absolute;background: url(../images/prev.png);top: 197px;left:-130px;}
.next{width: 85px;height: 75px;display: block;position: absolute;background: url(../images/next.png);top: 197px;right:-657px;}

.page{width: 1100px;height: 6px;position: absolute;left: 0;bottom: -110px;text-align: center;}
.page li{width: 30px;height: 6px;background: #abb4bd;display: inline-block;margin: 0 6.5px;}
.page li.on{background: #2386ec;}