@charset "gb2312";
.serviceCate {position: fixed;width: 150px;z-index: 9;top:10%;right: 0;text-align: center;background-color: rgba(255, 255, 255, 0.8);}
.serviceCate li {display: block;width: 100%;margin-bottom: 4px;}
.serviceCate li a {color: #666;display: block;font-size: 14px;width: 100%;line-height: 48px;text-align: center;background-color: rgba(255, 255, 255, 0.8);-moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px;}
.serviceCate li a.on, .serviceCate li a:hover {background: #0287ed;color: #fff;}
.serviceCate li a.on{-moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px;}

.serviceList{width: 100%;background-size: cover;background-repeat: no-repeat;position:relative;}
.serviceList>li{width: 100%;padding: 120px 0;}
.serviceList>li>.pic {float: left;width: 50%;text-align: right;}
.serviceList>li>.pic img{max-width: 100%;}
.serviceList>li>.content{float:left; width: 38%;margin:0 0 0 30px;}
.serviceList>li>.content .title{font-size: 40px;line-height: 60px;font-weight: bold;}
.serviceList>li>.content .txt{font-size: 20px;line-height: 50px;text-indent: 2rem;margin-bottom: 30px;}
.serviceList>li>.content .starLevel{font-size: 20px;line-height: 40px;padding-bottom: 8px;}
.serviceList>li>.content p{font-size: 16px;line-height: 30px;}
.linkButton{width: 260px;line-height: 56px;font-size: 18px;display: block;border-radius: 25px;text-indent: 60px;margin-top: 40px;color: #104eaf;background: #fff url(buttonArrow.png) no-repeat 95% center;}

.serviceList>li:nth-child(1){background-image: url(service_bg001.jpg);}
.serviceList>li:nth-child(2){background-image: url(service_bg002.jpg);}
.serviceList>li:nth-child(3){background-image: url(service_bg003.jpg);}
.serviceList>li:nth-child(4){background-image: url(service_bg004.jpg);}
.serviceList>li:nth-child(5){background-image: url(service_bg005.jpg);}
.serviceList>li:nth-child(6){background-image: url(service_bg006.jpg);}

.serviceList>li:nth-child(2n){background-color: #28abf9;}
.serviceList>li:nth-child(2n) .pic{float:right;text-align: left;}
.serviceList>li:nth-child(2n) .content{float: right;text-align: right;margin: 0 30px 0 0;}
.serviceList>li:nth-child(2n) .content .title{color: #104eaf;}
.serviceList>li:nth-child(2n) .content .txt{color: #000;}
.serviceList>li:nth-child(2n) .linkButton{float: right;background: #104eaf url(buttonArrow2.png) no-repeat 95% center;color: #fff;text-align: left;}

@media (max-width: 1600px){
}
@media screen and (max-width:1200px){
	.serviceCate{display:none;}
}
@media screen and (max-width:1024px){
	.serviceList>li {padding: 20px 0;}
	.serviceList>li:first-child{padding-top:60px;}
	.serviceList>li>.content {width: calc(50% - 30px);}
	.serviceList>li>.content .title {font-size: 24px;line-height: 40px;}
	.serviceList>li>.content .txt {font-size: 16px;line-height: 32px;margin-bottom: 0px;}
	.linkButton {width: 60%;line-height: 36px;font-size: 14px;display: block;border-radius: 18px;text-indent: 10px;margin-top: 10px;background: #fff url(buttonArrow.png) no-repeat 95% center;
    background-size: 10%;}
	.serviceList>li:nth-child(2n) .linkButton {background-size: 10%;}
	.serviceList>li>.content .starLevel {font-size: 16px;}
	.serviceList>li>.content p {font-size: 14px;}
	
}
@media screen and (max-width:768px){
	
}
@media screen and (max-width:580px){
	.serviceList>li>.pic {
    float: none;
    width: 100%;
    text-align: center;
}
.serviceList>li>.content {
    width: 100%;
    margin: 0;
    padding: 0 4%;
    box-sizing: border-box;
}
.serviceList>li:nth-child(2n) .content {    margin: 0;}
}
@media screen and (max-width:450px){
}