img{border: none;}
body{overflow-x: hidden;margin: 0 auto;}
a{color: #000000;}
.clear{clear: both;}
.section{width: 1100px;margin: 60px auto;}
.section .hs-product .hs-product-title{text-align: center;font-size: 24px;}
.section .hs-product .hs-product-sub-title{text-align: center;padding-top: 20px;}
.hs-product-tabs{width: 815px;margin: 32px auto;}
.hs-product-tabs li{width: 85px;height: 120px;margin-left: 50px;margin-right: 50px;text-align: center;cursor: pointer;}
.hs-product-tabs li img{width: 52px;height: 52px;display: block;margin: 0 auto;margin-bottom: 29px;
transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;
}
.hs-product-tabs li:hover img{ transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg);}
.hs-product-tabs .spanf1 img{width: 42px;}
.hs-product-tabs .spanf2 img{height: 42px;margin-bottom: 39px;}
.hs-product-tabs li .active{padding-bottom: 6px;border-bottom: 4px solid #00BBE9;}
.hs-product-outer{width: 1100px;overflow: hidden;clear: both;}
.hs-product-container{width: 4400px;margin-left: 0;}
.hs-product-container li{width: 1100px;}
.hs-product-container p{text-align: center;color: #999999;font-size: 16px;padding-top: 10px;padding-bottom: 25px;}
.hs-product-container img{width: 1100px;height:450px;}
.hs-service{clear: both;}
.hs-service .hs-service-title{text-align: center;font-size: 24px;padding-top: 60px;}
.hs-service .hs-service-sub-title{text-align: center;padding-top: 20px;}
.hs-service .hs-service-slide{width: 1072px;height: 440px;margin: 0 auto;margin-top: 80px;}

.hs-service .hs-service-slide li img{width: 52px;display: block;margin: 0px auto;padding-top: 36px;padding-bottom: 36px;}
.hs-service .hs-service-slide li .slide-title{text-align: center;font-size: 18px;}
.hs-service .hs-service-slide .hs-service-slideli ul{width: 140px;border-top: 2px solid #eee;margin-left: 35px;margin-top: 40px;padding-top: 30px;}
.hs-service .hs-service-slide .hs-service-slideli ul li{width: 100%;text-align: center;line-height: 3;color: #666666;}
.hs-service-slide .hs-service-slideli .slideli-outer{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #fff;display: none;}
.hs-service-slideli{
    width: 208px;
    height: 440px;
    overflow: hidden;
    position: relative;
    float:left;
    background: #fff;
    -webkit-box-shadow:0 0 5px 0 rgba(203, 203, 203, 0.5);
    -moz-box-shadow: 0 0 5px 0 rgba(203, 203, 203, 0.5);
    box-shadow: 0 0 5px 0 rgba(203, 203, 203, 0.5);
    margin-right: 4px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
    cursor: pointer;
    border: 1px solid transparent;
}
.hs-service-slideli li:last-child{
    margin-right: 0px;
}
.hs-service-slideli li a{
    text-align: left;
    width: 100%;
    height: 100%;
    display: block;
    color: #333;
    position: relative;
}
.ca-icon{
    font-family: 'WebSymbolsRegular', cursive;
    font-size: 60px;
    color: #333;
    text-shadow: 0px 0px 1px #333;
    line-height: 150px;
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0px;
    top: 0px;
    text-align: center;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
.ca-icon#heart{
    color: #f7002f;
    text-shadow: 0px 0px 1px #f7002f;
}
.ca-content{
    position: absolute;
    left: 0px;
    width: 100%;
    height: 50%;
    top: 50%;
}

.ca-menu .hs-service-slideli:hover{
   box-shadow: 0 0 20px 0 rgba(203, 203, 203, 0.5);
   border: 1px solid #00BBE9;
    z-index:999;
    -webkit-transform: scale(1.1);  
    -moz-transform: scale(1.1);  
    -ms-transform: scale(1.1);   
    -o-transform: scale(1.1);   
    transform: scale(1.1);  
}
.ca-menu .hs-service-slideli:hover .slideli-outer{
	display: block;
	-webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -ms-animation: moveFromBottom 500ms ease;
	}
.ca-menu li:hover .ca-icon{
    color: #ccff00;
    font-size: 90px;
    opacity:0.3;
}
.ca-menu li:hover .ca-icon#heart{
    -webkit-animation: smallToBig 900ms alternate infinite ease;
    -moz-animation: smallToBig 900ms alternate infinite ease;
    -ms-animation: smallToBig 900ms alternate infinite ease;
}

@-webkit-keyframes smallToBig{
    from {
        -webkit-transform: scale(0.1);
    }
    to {
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes smallToBig{
    from {
        -moz-transform: scale(0.1);
    }
    to {
        -moz-transform: scale(1);
    }
}
@-ms-keyframes smallToBig{
    from {
        -ms-transform: scale(0.1);
    }
    to {
        -ms-transform: scale(1);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(100%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(100%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}
.hs-service .hs-service-slideli .slideli-outer img{margin: 45px auto;padding-top: 0;padding-bottom: 0;margin-bottom: 15px;}
/*.hs-service .hs-service-slideli .slideli-outer img{margin: 24px auto;padding-top: 0;padding-bottom: 0;margin-bottom: 15px;}*/
.hs-service-slideli .slideli-outer .slide-content{padding-left: 20px;padding-top: 20px;line-height: 20px;padding-right: 20px;color: #666666;font-size: 12px;}
.hs-service-slideli .slideli-outer a{display: block;width: 160px;height: 40px;color: #FFF;text-align: center;line-height: 40px;background-color: #00BBE9;margin: 0 auto;font-size: 16px;border-radius: 3px;margin-top: 25px;border: 1px solid #00BBE9;}
.hs-service-slideli .slideli-outer a:hover{background-color: #fff;color: #00BBE9;border: 1px solid #00BBE9;}
.hs-services{width: 100%;}
.hs-services .hs-service-ways{width: 100%;height: 400px;background-color: #000000;opacity: 0.7;}
.hs-services .hs-service-ways ul{width: 1200px;height: 100%;margin: 0 auto;}
.hs-services .hs-service-ways ul li{width: 300px;height: 400px;text-align:center;color: #fff;position: relative;}
.hs-services .hs-service-ways .hs-b2c{background: url(../images/s01.png) no-repeat;background-size: contain;}
.hs-services .hs-service-ways .hs-food{background: url(../images/s02.png) no-repeat;background-size: contain;}
.hs-services .hs-service-ways .hs-life{background: url(../images/s03.png) no-repeat;background-size: contain;}
.hs-services .hs-service-ways .hs-entertainment{background: url(../images/s04.png) no-repeat;background-size: contain;}
.hs-services .hs-service-ways ul li .item-img{width: 62px;height: 62px;display: block;margin: 124px auto 77px;}
.hs-services .hs-service-ways ul li p{font-size: 18px;}
.hs-services .hs-service-ways ul li a{color: #fff;}
.hs-services .hs-service-ways ul li .mask{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.hs-service-ways ul li .filter{width: 100%;height: 100%;background-color: #00c1de;position: absolute;top: 0;left: 0;opacity: 0.6;}
.hs-service-ways ul li .content{position: absolute;top: 0px;width: 100%;height: 100%;}
.hs-service-ways ul li .content img{width: 62px;height: 62px;display: block;margin: 24px auto;}
.hs-service-ways ul li .content .item-desc{font-size: 14px;text-align: left;padding-left: 52px;padding-right: 52px;padding-top: 19px;line-height: 20px;}
.hs-service-ways ul li .content span{color: #00BBE9;padding: 10px 25px;background-color: #fff;position: absolute;left:97px;bottom: 37px;}
 .module-wrap {
	background: #373d41
}

 .module-wrap .slide-container {
	position: relative;
	width: 1200px;
	height: 400px;
	margin: 0 auto;
}

 .module-wrap .slide-container .slide-btn,
 .module-wrap .slide-container .slide-btn-panel {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50px;
	border: 0;
	outline: none;
	cursor: pointer;
	background: transparent
}

 .module-wrap .slide-container .slide-btn-panel i,
 .module-wrap .slide-container .slide-btn i {
	display: inline-block;
	font-size: 25px;
	color: #fff;
	cursor: pointer;
	opacity: .7;
	filter: alpha(opacity=70);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(70))
}

 .module-wrap .slide-container .slide-btn-panel:hover i,
 .module-wrap .slide-container .slide-btn:hover i {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100))
}

 .module-wrap .slide-container .slide-btn-panel.left-btn,
 .module-wrap .slide-container .slide-btn.left-btn {
	left: 0
}

 .module-wrap .slide-container .slide-btn-panel.right-btn,
 .module-wrap .slide-container .slide-btn.right-btn {
	right: 0
}

 .module-wrap .slide-container .slide-btn-panel {
	display: none
}

 .module-wrap .slide-container .slide-btn-panel .btn-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #161a1d;
	opacity: .3;
	filter: alpha(opacity=30);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(30));
	display: none
}

 .module-wrap .slide-container:hover .slide-btn-panel,
 .module-wrap .slide-container:hover .slide-btn-panel .btn-bg {
	display: block
}

 .module-wrap .slide-container .slide-body {
	position: relative;
	overflow: hidden;
	height: 400px
}

 .module-wrap .slide-container .slide-body .slide-content {
	position: absolute;
	*zoom: 1;
	left: 0;
	top: 0
}

 .module-wrap .slide-container .slide-body .slide-content:after,
 .module-wrap .slide-container .slide-body .slide-content:before {
	content: "";
	display: table
}

 .module-wrap .slide-container .slide-body .slide-content:after {
	clear: both
}

 .module-wrap .slide-container .slide-body .slide-content .slide-item {
	position: relative;
	float: left;
	color: #000;
	font-size: 0;
	text-align: center;
	width: 300px;
	height: 400px;
	cursor: pointer
}

 .module-wrap .slide-container .slide-body .slide-content .slide-item .item-bg {
	width: 100%;
	height: 100%
}

 .module-wrap .slide-container .slide-body .slide-content .slide-item .mask {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}

 .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .bg {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #161a1d;
	opacity: .6;
	filter: alpha(opacity=60);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(60));
	transition: all .4s cubic-bezier(.4, 0, .2, 1)
}

 .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .bg.other-bg {
	opacity: .82;
	filter: alpha(opacity=82);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(82))
}

 .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content {
	position: absolute;
	left: 0;
	right: 0;
	top: 24px;
	bottom: 0;
	transition: all .4s cubic-bezier(.4, 0, .2, 1)
}

 .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-img-panel {
	position: relative;
	width: 62px;
	height: 62px;
	display: inline-block;
	
}

 .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-img-panel .item-img,
 .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-img-panel .item-img-hover {
	position: absolute;
	left: 0;
	right: 0;
	top: 100px;
	width: 100%;
	display: inline-block;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
	transition: all .4s cubic-bezier(.4, 0, .2, 1)
}
 .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-img-panel .item-img-hover {
 	top: 0px;
 }
 .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-img-panel .item-img-hover {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
	/*top: 24px;*/
}

 .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-title {
	color: #fff;
	font-size: 18px;
	margin: 0;
	padding: 0;
	margin-top: 166px;
	transition: all .4s cubic-bezier(.4, 0, .2, 1)
}

 .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-desc {
	font-size: 14px;
	color: #fff;
	text-align: left;
	margin-top: 19px;
	padding: 0 52px;
	line-height: 20px;
	height: 72px
}

 .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-link {
	display: inline-block;
	border: 1px solid #fff;
	width: 120px;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	position: absolute;
	bottom: 30px;
	left: 90px;
}

 .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-link:hover {
	color: #00c1de;
	background: #fff
}

 .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-desc,
 .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-link {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
	transition: all .4s cubic-bezier(.4, 0, .2, 1)
}

 .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .bg {
	background: #00c2de;
	opacity: .9;
	filter: alpha(opacity=90);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(90))
}

 .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .bg.other-bg {
	opacity: .9;
	filter: alpha(opacity=90);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(90))
}

 .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content {
	top: 8%;
}

 .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .item-img-panel .item-img {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0))
}

 .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .item-img-panel .item-img-hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));

}

 .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .item-title {
	margin-top: 24px
}

 .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .item-desc,
 .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .item-link {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100))
}

 .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .item-desc {
	margin-top: 22px
}

 .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .item-link {
	margin-top: 14%
}
.hs-service-advantage{width: 100%;height: 703px;background-color: #F8F8F8;}
.hs-service-advantage .hs-service-content{width: 1200px;margin: 0 auto;}
.hs-service-content .hs-content-title{text-align: center;font-size: 24px;padding-top: 60px;}
.hs-service-content .hs-content-sub-title{text-align: center;padding-top: 20px;padding-bottom: 37px;}
.hs-service-content .hs-content-parts{width: 100%;}
.hs-service-content li{width: 33%;}
.hs-service-content li:nth-of-type(2){border-left: 1px solid #EEEEEE;border-right: 1px solid #EEEEEE;}
.hs-service-content li .parts-title{font-size: 20px;color: #333;text-align: center;}
.hs-service-content li .parts-entitle{font-size: 16px;color: #999999;text-align: center;padding-bottom: 24px;}
.hs-service-content li div{width: 358px;height: 86px;margin-left: 19px;transition: all .3s ease-in-out;cursor: pointer;}
.hs-service-content li div img{margin-top: 17px;margin-left: 22px;width: 52px;height: 52px;float: left;margin-right: 10px;}
.hs-service-content li>div:hover{background-color: #fff;box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);}
.hs-service-content li>div>p{color: #999999;font-size: 14px;padding-top: 19px;}
.hs-service-content li>div>p>span{color: #333333;}
.hs-service-content li>div>p>a{float: right;color: #00BBE9;padding-right: 15px;opacity: 0;transition: all .3s ease-in-out;}
.hs-service-content li>div:hover a{opacity: 1;}
.hs-service-content li .definites{padding-top: 8px;}
.hs-service-content li>div>p>a>i{
	 display: inline-block;   
    border-right: 1px solid;
     border-bottom:1px solid;  
    width: 7px;
     height: 7px;  
    transform: rotate(-45deg);
    }
.hs-service-more{width: 100%;clear: both;padding-top: 70px;}
.hs-know-more{width: 250px;height: 60px;display: block;line-height: 60px;text-align: center;color: #00BBE9;margin: 0 auto;border: 1px solid #00BBE9;font-size: 18px;}
.hs-know-more:hover{background-color: #00BBE9;color: #fff;}
.hs-service-areas{width: 100%;}
.hs-service-areas .hs-areas-title{text-align: center;font-size: 24px;padding-top: 60px;}
.hs-service-areas .hs-areas-subtitle{text-align: center;padding-top: 20px;padding-bottom: 37px;}
.hs-service-areas .map{width: 950px;margin: 0 auto;}
.hs-service-places{width:152px;float: right;}
.hs-service-places li{width: 100%;height: 138px;}
.hs-service-places li:nth-of-type(2){border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
.hs-service-places li p{font-size: 20px;}
.hs-service-places li .service-nums{color: #00BBE9;font-size: 36px;padding-top: 27px;padding-bottom: 5px;}
.hs-servicer-amount{width: 100%;margin-top: 30px;}
.hs-servicer-amount img{width: 100%;height: 100%;}
.hs-actions{width:1100px;margin: 0 auto;}
.hs-actions .hs-actions-title{text-align: center;font-size: 24px;padding-top: 60px;}
.hs-actions .hs-actions-subtitle{text-align: center;padding-top: 50px;padding-bottom: 37px;}
.hs-actions ul li{width: 320px;height: 360px;border: 1px solid #EEEEEE;cursor: pointer;}
.hs-actions ul li:hover{box-shadow: 0 0 12px 0 rgba(0, 0, 0, .15);transition: all .3s ease-in-out;}
.hs-actions ul li:nth-of-type(2){margin-left: 60px;margin-right: 60px;}
.hs-actions ul li .hs-action-pic{width: 100%;height: 180px;position: relative;overflow: hidden;}
.hs-actions ul li img{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;width: 100%;height: 100%;}
.hs-actions ul li img:hover{
	transform: scale(1.2);
    -webkit-transform: scale(1.2); /*Safari 和 Chrome*/
    -moz-transform: scale(1.2); /*Firefox*/
    -ms-transform: scale(1.2); /*IE9*/
    -o-transform: scale(1.2); /*Opera*/
 
   }
.hs-actions ul li .hs-action-pic p{position: absolute;left: 15px;color: #fff;}
.hs-actions ul li .hs-action-pic .hs-action-type{top:64px;font-size: 20px;}
.hs-actions ul li .hs-action-pic .hs-action-keyword{top: 95px;font-size: 16px;}
.hs-actions ul li .hs-action-pic:hover .hs-action-keyword{
	-webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -ms-animation: moveFromBottom 500ms ease;}
.hs-actions ul li .hs-action-contents{width: 100%;height: 59px;}
.hs-action-contents .contents-inner{width:280px;height: 100%;line-height: 59px;margin-left: 20px;}
.hs-actions ul li .hs-action-contents:nth-of-type(3) .contents-inner{border-bottom: 1px solid #EEEEEE;border-top: 1px solid #EEEEEE;}
.hs-action-contents .hs-action-date{color: #999999;padding-right: 10px;float: left;}
.hs-action-contents .hs-action-content-tit{display: inline-block;width: 230px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;float: left;}
.hs-action-contents:hover{box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);transition: all .3s ease-in-out;background-color: #fff;}
.hs-action-contents:hover .hs-action-content-tit{color: #0abeea;transition: all .3s ease-in-out;}
.hs-actions ul li .hs-action-contents:nth-of-type(3):hover .contents-inner{border-bottom: none;transition: all .3s ease-in-out;border-top: none;}
#footer{width: 100%;height: 325px;background: url(../images/footerbg.png) no-repeat;margin-top: 80px;background-size: cover;}
#footer .contents{width: 1100px;margin: 0 auto;}
#footer .contents .hs-left-footer{float: left;width: 29%;}
#footer .contents .hs-left-footer p{color: #999;font-size: 14px;padding-top: 15px;}
#footer .contents .hs-left-footer p:first-child{color: #fff;font-size: 22px;padding-top: 80px;}
#footer .contents .hs-mid-footer{float: left;width: 52%;}
#footer .contents .hs-mid-footer table{width: 100%;margin-top: 110px;border-left: 1px solid #979797;border-right: 1px solid #979797;padding-left: 45px;border-collapse: inherit;}
#footer .contents .hs-mid-footer table th{color: #fff;text-align: left;font-size: 20px;font-weight: 400;padding-bottom: 10px;}
#footer .contents .hs-mid-footer table td{color: #999;font-size: 14px;padding-top: 10px;}
#footer .contents .hs-right-footer{width:19%;float: left;}
#footer .contents .hs-right-footer p{color: #fff;font-size: 20px;padding-left: 61px;padding-top: 88px;}
#footer .contents .hs-right-footer img{width: 124px;height: 124px;margin-left: 61px;margin-top: 26px;}
#copyright{width: 100%;height: 40px;line-height: 40px;background-color: #fff;}
#copyright p{text-align: center;font-size: 14px;color: #333;}
.banother .banners{width: 100%;}
.banother .banners .img{width: 100%;height: 200px;/*padding-top:100px;*/}
.banother .banners .img img{width: 100%;}
.top-banner .hs-main-cats{position: absolute;top: 70%;left: 10%;color: #fff;}
.top-banner .hs-main-cats p{font-size: 16px;padding-bottom: 8px;}
.top-banner .hs-main-cats p:first-child{font-size: 30px;padding-bottom: 18px;}
/*解决方案*/
.hs-section-content{width: 1100px;margin: 0 auto;}
.hs-section-content .hs-solutions{clear: both;padding-top: 20px;}
/*.hs-section-content .hs-solutions .hs-solutions-title{margin-top: 20px;}*/
.hs-section-content .hs-solutions .hs-solutions-title div{float: left;height: 30px;border-left: 2px solid #00BBE9;}
.hs-section-content .hs-solutions .hs-solutions-title p{padding-top: 3px;font-size: 18px;padding-left: 20px;}
.hs-section-content .hs-solutions ul li{width: 227px;height: 227px;border: 1px solid #eee;text-align: center;margin-top: 20px;transition: all .3s ease-in-out;cursor: pointer;margin-right: 50px;}
.hs-section-content .hs-solutions ul li img{width: 52px;display: block;margin: 52px auto;transition: all .3s ease-in-out;}
.hs-section-content .hs-solutions ul li p{font-size: 16px;padding-bottom: 22px;}
.hs-section-content .hs-solutions ul li .details{color: #00BBE9;opacity: 0;transition: all .3s ease-in-out;}
.hs-section-content .hs-solutions ul li a i{display: inline-block;border-right: 1px solid;border-bottom: 1px solid;width: 7px;height: 7px;transform: rotate(-45deg);}
.hs-section-content .hs-solutions ul li:hover{border: 1px solid #00BBE9;box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);}
.hs-section-content .hs-solutions ul li:hover img{margin: 42px auto;}
.hs-section-content .hs-solutions ul li:hover .details{opacity: 1;}
.hs-section-content .hs-solutions ul li:nth-of-type(4n){margin-right: 0;}
/*应用中心*/
.hs-application-tab{width: 100%;height: 60px;background-color: #fff;margin-top: -4px;}
.hs-application-tab ul{width: 620px;margin: 0 auto;height: 100%;}
.hs-application-tab ul li{margin: 0 14px;line-height: 55px;padding: 0 10px;cursor: pointer;}
.hs-application-tab ul .active{border-bottom: 2px solid #00BBE9;}
.hs-section-content .application-contents{width: 860px;margin: 40px auto;display: none;}
.hs-section-content .application-contents li{width: 200px;height: 300px;text-align: center;padding-left: 25px;padding-right: 25px;transition: all .3s ease-in-out;cursor: pointer;margin-right: 50px;}
.hs-section-content .application-contents li img{width: 100px;margin: 24px auto;display: block;}
.hs-section-content .application-contents li p{font-size: 16px;padding-bottom: 20px;}
.hs-section-content .application-contents li span{color: #999;}
.hs-section-content .application-contents li a{color: #00BBE9;opacity: 0;transition: all .3s ease-in-out;display: block;margin-top: 20px;}
.hs-section-content .application-contents li a i{display: inline-block;border-right: 1px solid;border-bottom: 1px solid;width: 7px;height: 7px;transform: rotate(-45deg);margin-left: 5px;}
.hs-section-content .application-contents li:hover{background-color: #fff;box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);}
.hs-section-content .application-contents li:hover a{opacity: 1;}
.hs-section-content .application-contents li:nth-of-type(3n){margin-right: 0;}
/*经典案例*/
.hs-cases-content{width: 1010px;margin: 0 auto;}
.hs-cases-content ul li{width: 300px;height: 390px;margin-right: 50px;border: 1px solid #f8f8f8;transition: all .3s ease-in-out;margin-top: 50px;cursor: pointer;overflow: hidden;}
.hs-cases-content ul li:nth-of-type(3n){margin-right: 0;}
.hs-cases-content ul li div{width: 100%;height: 180px;overflow: hidden;}
.hs-cases-content ul li img{width: 100%;transition: all .3s ease-in-out;}
.hs-cases-content ul li p:nth-of-type(1){padding: 20px 24px 16px 24px;font-size: 16px;}
.hs-cases-content ul li p:nth-of-type(2){color: #999;padding:0 24px;}
.hs-cases-content ul li a:nth-of-type(2){color: #00BBE9;transition: all .3s ease-in-out;display: block;padding:0 24px;margin-top: 18px;}
.hs-cases-content ul li a i{display: inline-block;border-right: 1px solid;border-bottom: 1px solid;width: 7px;height: 7px;transform: rotate(-45deg);float: right;margin-top: 5px;}
.hs-cases-content ul li:hover{box-shadow: 0 0 15px 0 rgba(0, 0, 0, .15);}
.hs-cases-content ul li:hover img{
	transform: scale(1.2);
    -webkit-transform: scale(1.2); /*Safari 和 Chrome*/
    -moz-transform: scale(1.2); /*Firefox*/
    -ms-transform: scale(1.2); /*IE9*/
    -o-transform: scale(1.2); /*Opera*/
}
/*经典案例详情*/
.hs-cases-details{width:100%;height: 60px;border-bottom: 1px solid #F8F8F8;margin-top: -4px;}
.hs-cases-details .hs-case-column{width: 1130px;margin: 0 auto;line-height: 56px;}
.hs-cases-details .hs-case-column .hs-prev{float: left;}
.hs-cases-details .hs-case-column .hs-next{float: right;}
.hs-cases-details .hs-case-column i{display: inline-block;border-right: 1px solid #333;border-bottom: 1px solid;width: 7px;height: 7px;transform: rotate(-45deg);float: right;margin-top: 23px;}
.hs-cases-details .hs-case-column .hs-prev i{float: left;margin-right: 8px;transform: rotate(135deg);}
.hs-cases-details .hs-case-column .hs-next i{margin-left: 8px;}
.hs-cases-details .case-lists{width:1130px;margin: 30px auto;}
.hs-cases-details .case-lists .case-left{width: 200px;float: left;display: flex;flex-direction: column;}
.hs-cases-details .case-lists .case-right{width: 860px;float: right;}
.hs-cases-details .case-lists .case-right img{width: 100%;}
.hs-cases-details .case-lists .case-left p{color: #999999;padding-bottom: 10px;}
.hs-cases-details .case-lists .case-left p:first-child{font-size: 24px;padding-bottom: 30px;color: #333;}
.hs-cases-details .case-lists .case-left li{width: 180px;height: 120px;margin-top: 20px;position: relative;overflow: hidden;cursor: pointer;border: 1px solid transparent;}
.hs-cases-details .case-lists .case-left .actli{border: 1px solid #00BBE9;}
.hs-cases-details .case-lists .case-left li img{width: 100%;}
.hs-cases-details .case-lists .case-left li span{position: absolute;bottom: 0;left:0;padding: 10px;background: #000;opacity: 0.6;color: #fff;width: 100%;font-size: 12px;display: inline-block;}
/*服务市场*/
.hs-service-market{width: 1100px;margin: 0 auto;}
.hs-service-market .hs-service-progress{margin-top: 60px;}
.hs-service-market .hs-service-progress p{text-align: center;font-size: 24px;padding-bottom: 60px;}
.hs-service-market .hs-service-progress li{width: 180px;text-align: center;display: flex;flex-direction: column;margin-right: 50px;position: relative;}
.hs-service-market .hs-service-progress li .pic{width: 120px;height: 120px;border-radius: 50%;box-shadow: 0 0 15px 0 rgba(0, 0, 0, .15);margin: 0 auto;transition: all .3s ease-in-out;}
.hs-service-market .hs-service-progress li div img{width: 52px;display: block;margin: 35px auto;}
.hs-service-market .hs-service-progress li span{color: #999;font-size: 18px;}
.hs-service-market .hs-service-progress li span:nth-of-type(1){font-size: 36px;padding: 20px 0;color: #333;text-shadow:1px 1px 1px #0E0E0E;}
.hs-service-market .hs-service-progress li:last-child{margin-right: 0;}
.hs-service-market .hs-service-progress li .line{width: 70px;height: 1px;border-top: 2px dashed #D4D4D4;position: absolute;top: 60px;right: -60px;}
.hs-service-package .hs-service-slide{width: 1100px;height: 440px;margin: 0 auto;margin-top: 80px;}
.hs-service-package .hs-service-slide .hs-service-slideli{    
	width: 208px;
    height: 440px;
    overflow: hidden;
    position: relative;
    float: left;
    background: #fff;
    -webkit-box-shadow: 0 0 5px 0 rgba(203, 203, 203, 0.5);
    -moz-box-shadow: 0 0 5px 0 rgba(203, 203, 203, 0.5);
    box-shadow: 0 0 5px 0 rgba(203, 203, 203, 0.5);
    margin-right: 4px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
    cursor: pointer;
    border: 1px solid transparent;
    text-align: center;
}
.hs-service-progress li:hover .pic{box-shadow: 0 0 15px 0 rgba(0, 187, 233, .15);}
.hs-service-package .hs-service-slide .hs-service-slideli p:nth-of-type(1){font-size: 18px;padding-top: 45px;padding-bottom: 13px;}
.hs-service-package .hs-service-slide .hs-service-slideli p:nth-of-type(2){font-size: 18px;color: #999999;}
.hs-service-package .hs-service-slide .hs-service-slideli p:nth-of-type(2) span{color: #00BBE9;font-size: 30px;}
.hs-service-package .hs-service-slide .hs-service-slideli p:nth-of-type(3){padding: 23px;color: #666666;}
.hs-service-package .hs-service-slide .hs-service-slideli a{
	    display: block;
    width: 160px;
    height: 40px;
    color: #FFF;
    text-align: center;
    line-height: 40px;
    background-color: #00BBE9;
    margin: 0 auto;
    font-size: 16px;
    border-radius: 3px;
    border: 1px solid #00BBE9;
    opacity: 0;
}
.hs-service-package .hs-service-slide .hs-service-slideli:hover{
	box-shadow: 0 0 20px 0 rgba(203, 203, 203, 0.5);
   border: 1px solid #00BBE9;
    z-index:999;
    -webkit-transform: scale(1.1);  
    -moz-transform: scale(1.1);  
    -ms-transform: scale(1.1);   
    -o-transform: scale(1.1);   
    transform: scale(1.1); 
}
.hs-service-package .hs-service-slide .hs-service-slideli:hover a{opacity: 1;}
.hs-service-package .title{text-align: center;font-size: 24px;margin: 60px auto;}
.hs-questins .title{font-size: 24px;text-align: center;margin: 60px auto;}
.hs-questins li{width: 490px;margin-right: 50px;height: 150px;}
.hs-questins li:nth-of-type(2n){margin-right: 0;}
.hs-questins li p:first-child{font-size: 18px;padding-bottom: 20px;}
.hs-questins li span{line-height: 1.5;}
/*加入我们*/
.hs-cooprate{width: 1100px;margin: 0 auto;}
.hs-cooprate .title{font-size: 24px;text-align: center;margin: 60px auto 40px;}
.hs-cooprate p:nth-of-type(2){font-size: 16px;line-height: 1.5;}
.hs-cooprate .hs-cooprate-info{width: 800px;height: 60px;background-image: linear-gradient(90deg, #00DFF6 43%, #00BBE9 59%);border-radius: 100px;text-align: center;margin: 60px auto;}
.hs-cooprate .hs-cooprate-info img{width: 18px;margin-top: 17px;}
.hs-cooprate .hs-cooprate-info span{color: #fff;font-size: 18px;padding-left: 10px;}
.hs-cooprate .hs-cooperators li{width: 250px;height: 150px;border: 1px solid #eee;margin-right: 20px;margin-top: 20px;transition: all .3s ease-in-out;}
.hs-cooprate .hs-cooperators li img{width: 235px;height: 94px;margin-top: 28px;margin-left: 7.5px;}
.hs-cooprate .hs-cooperators li:nth-of-type(4n){margin-right: 0;}
.hs-cooprate .hs-cooperators li:hover{box-shadow: 0 0 15px 0 rgba(0, 0, 0, .15);}
.hs-support{width:100%;}
.hs-support .hs-support-tab{width: 100%;height: 70px;background-image: linear-gradient(90deg, #00DFF6 43%, #00BBE9 59%);margin-top: -4px;}
.hs-support .hs-support-tab ul{width: 1100px;height: 100%;margin: 0 auto;}
.hs-support .hs-support-tab ul li{margin-right: 20px;line-height: 56px;cursor: pointer;}
.hs-support .hs-support-tab ul li span{padding: 10px;color: #fff;font-size: 18px;}
.hs-support .hs-support-tab ul .actline{border-bottom: 1px solid #fff;}
.hs-support .hs-support-operate{width: 1100px;margin: 0 auto;}
.hs-support .hs-support-operate .title{padding: 60px 0;font-size: 20px;}
.hs-support .hs-support-operate ul li{width: 490px;margin-right: 50px;height: 150px;}
.hs-support .hs-support-operate ul li p:first-child{font-size: 18px;padding-bottom: 20px;}
.hs-support .hs-support-operate ul li span{line-height: 1.5;}
.hs-question-list{width: 100%;height: 322px;background-color:#f5f5f5;margin-top: 30px;}
.hs-question-list .questions{width: 1100px;margin: 0 auto;}
.hs-question-list p{padding: 60px 0 20px;font-size: 24px;}
.hs-question-list ul{color: #00BBE9;}
.hs-question-list ul li{width: 308px;margin-right: 50px;font-size: 16px;list-style-type: disc;}
.hs-question-list ul li a{display: inline-block;width: 100%;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;padding-top: 20px;}
.hs-question-list ul li:hover a{text-decoration: underline;color: #00bbe9;}
.hs-support .support-contents-tab{display: none;}
.support-contents-tab .support-contacts{width: 1100px;margin: 0 auto;display: flex;flex-direction: column;padding-bottom: 80px;}
.support-contents-tab .support-contacts p{padding: 60px 0;font-size: 24px;}
.support-contents-tab .support-contacts span{font-size: 16px;}
.support-contents-tab .support-contacts span:nth-of-type(1){color: #999;padding-bottom: 25px;}
.support-contents-tab .support-contacts span:nth-of-type(3){padding-left: 80px;}
/*关于华顺*/
.hs-about{width: 100%;}
.hs-about .introduction{width: 1130px;margin: 0 auto;}
.hs-about .introduction li{margin-top: 30px;}
.hs-about .introduction .left-intro{width: 530px;float: left;margin-right: 35px;}
.hs-about .introduction p:nth-of-type(1){font-size: 24px;}
.hs-about .introduction p:nth-of-type(2){padding-top: 10px;font-size: 24px;color: #999;padding-bottom: 20px;}
.hs-about .introduction .right-intro{width: 560px;float: right;}
.hs-about .introduction img{width: 100%;}
.hs-about .introduction p:nth-of-type(3), .hs-about .introduction p:nth-of-type(4), .hs-about .introduction p:nth-of-type(5){line-height: 1.8;font-size: 16px;}
.hs-about .introduction li:nth-of-type(2n) .left-intro{float: right;margin-right: 0;margin-left: 35px;}
.hs-about .introduction li:nth-of-type(2n) .right-intro{float: left;}
.hs-about .hs-news{width: 100%;height: 445px;background-color:#f5f5f5;margin-top: 60px;}
.hs-about .hs-news .hs-news-list{width: 1130px;margin: 0 auto;}
.hs-about .hs-news .hs-news-list .title{padding-top: 50px;padding-bottom: 40px;}
.hs-about .hs-news .hs-news-list .title span{font-size: 24px;}
.hs-about .hs-news .hs-news-list .title a{color: #999;font-size: 16px;float: right;}
.hs-about .hs-news .hs-news-list .title a i{display: inline-block;border-right: 1px solid;border-bottom: 1px solid;width: 7px;height: 7px;transform: rotate(-45deg);margin-left: 10px;}
.hs-about .hs-news ul li{width: 320px;height: 280px;background-color: #fff;margin-right: 40px;cursor: pointer;}
.hs-about .hs-news ul li img{height: 180px;width: 100%;}
.hs-about .hs-news ul li p{padding-left: 13px;padding-right: 13px;padding-top: 10px;font-size: 16px;}
.hs-about .hs-news ul li p span{color: #999;}
.hs-about .hs-news ul li p a{color: #00BBE9;float: right;}
.hs-about .hs-news ul li p a i{display: inline-block;border-right: 1px solid;border-bottom: 1px solid;width: 7px;height: 7px;transform: rotate(-45deg);margin-left: 10px;}
.hs-about .hs-news ul .news-list-more{width: 408px;margin-right: 0;background: none;font-size: 16px;}
.hs-about .hs-news ul .news-list-more span:nth-of-type(1){color: #00BBE9;font-weight: 700;font-size: 22px;}
.hs-about .hs-news ul .news-list-more span:nth-of-type(2){width: 272px;overflow: hidden;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;padding-left: 10px;padding-right: 10px;display:inline-block;}
.hs-about .hs-news ul .news-list-more span:nth-of-type(3){color: #999;float: right;}
.hs-about .hs-news ul .news-list-more div{padding-top: 15px;}
.hs-about .hs-news ul .news-list-more div:hover span:nth-of-type(2){text-decoration: underline;color: #00BBE9;}
.hs-article{width: 1100px;margin: 40px auto;}
.hs-undo{width: 1000px;margin: auto;}
.hs-undo .hs-undo-pic{width: 100%;position: relative;margin-top: 50px;}
.hs-undo img{margin: 0 auto;display: block;}
.hs-undo .people{position: absolute;left: 335px;top: 138px;}
.hs-undo .notes{position: absolute;top: 0;left: 0;}
.hs-solu1{width: 1200px;margin: 0 auto;}
.hs-solu1 .g-mt80{margin-top: 80px;font-size: 36px;text-align: center;}
.hs-solu1 .g-mt70{margin-top: 70px;margin-bottom: 64px;}
.hs-solu1 .g-mb30{margin-bottom: 30px;}
.hs-solu1 .lst-buss1 > li{display: inline-block;vertical-align: top;margin-left: 144px;width: 102px;text-align: center;}
.hs-solu1 .lst-buss1 > li:first-child{margin-left: 0;}
.hs-solu1 .g-mb30{margin-bottom: 30px;font-size: 20px;}
.hs-solu1 .lst-buss1-s {width: 100%;}
.hs-solu1 .lst-buss1-s > li {
    text-align: center;
    margin-bottom: 26px;
    font-size: 18px;
    width: 102px;
}
.lst-buss3-l>li{width: 100%;}
.lst-buss7>li, .lst-buss6>li{margin-bottom: 60px;}