article>.title{text-align:center;}
article>.title b{font-size:25px; display:block;}
article>.title p:before{width:88px; height:2px; content:''; display:block; margin:4px auto 12px auto; background:rgb(17,121,215);}
article>.more{text-align:center;}
article>.more a{display:inline-block; background:rgb(17,121,215); color:#fff; line-height:42px; padding:0 38px; border-radius:3px;}
article>.more a:hover{background:#282828;}
@media(max-width:1199px){
article>.title b{font-size:28px;}
}
@media(max-width:767px){
article>.title b{font-size:22px;}
article>.title p:before{width:68px; margin:2px auto 8px auto;}
article>.more a{line-height:32px; padding:0 28px;}
}

.service{padding:58px 0; background:rgb(255,255,255);}
.service .title + .list{padding-top:38px;}
.service .list>ul{margin:-18px;}
.service .list>ul:after{display:block; content:''; clear:both;}
.service .list>ul>li{float:left; width: 20%; padding:18px;}
.service .list>ul>li>a{border: 1px solid #f8f8f8;
    color: rgb(33,33,33);
    background: #fff;
    box-shadow: 0 0 8px rgb(0 0 0 / 8%);
    text-align: center;
    display: block;
    padding: 38px 28px;}
.service .list>ul>li>a:hover{box-shadow:0 4px 8px rgba(0,0,0,.12); transform:translateY(-8px);}
.service .list>ul>li>a>b{display:block; font-size:20px; margin:18px 0 8px 0;}
.service .list>ul>li>a>p{}
@media(max-width:1199px){
.service{padding:38px 0;}
.service .title + .list{padding-top:28px;}
.service .list>ul{margin:-8px;}
.service .list>ul>li{padding:8px;}
.service .list>ul>li>a{padding:28px 18px;}
.service .list>ul>li>a>b{margin:12px 0 4px 0;}
}
@media(max-width:991px){
.service .list>ul{margin:0;}
.service .list>ul>li{float:none; width:100%; padding:4px 0;}
}
@media(max-width:767px){
.service{padding:18px 0;}
.service .title + .list{padding-top:18px;}
}

.draw{padding:58px 0; background:rgb(248,248,248);}
.draw .title + .list{padding-top:38px;}
.draw .list:after{display:block; content:''; clear:both;}
.draw .list>span{width:50%; float:left; padding-right:18px;}
.draw .list>span>img{display:block; max-width:100%;}
.draw .list>ul{width:50%; float:left; padding-left:18px;}
.draw .list>ul>li{display:block; margin-top:28px;}
.draw .list>ul>li:first-child{margin:0;}
.draw .list>ul>li>i{float:left; margin:2px 8px 0 0; width:30px; height:30px; border-radius:30px; line-height:30px; text-align:center; background:rgb(17,121,215); color:#fff;}
.draw .list>ul>li>b{display:block; font-size:20px;}
.draw .list>ul>li>p{margin-top:8px;}
@media(max-width:1199px){
.draw{padding:38px 0;}
.draw .title + .list{padding-top:28px;}
.draw .list>span{padding-right:10px;}
.draw .list>ul{padding-left:10px;}
.draw .list>ul>li{margin-top:18px;}
}
@media(max-width:991px){
.draw .list>span{width:100%; float:none; padding-right:0;}
.draw .list>span>img{margin:auto;}
.draw .list>ul{width:100%; float:none; padding-left:0;}
.draw .list>ul>li:first-child{margin-top:18px;}
}
@media(max-width:767px){
.draw{padding:18px 0;}
.draw .title + .list{padding-top:18px;}
.draw .list>ul>li{margin-top:8px;}
.draw .list>ul>li:first-child{margin-top:8px;}
.draw .list>ul>li>p{margin-top:4px;}
}


.news{padding:58px 0; background:rgb(255,255,255);}
.news .title + .list{padding-top:38px;}
.news .list>ul{margin:0 -18px;}
.news .list>ul:after{display:block; content:''; clear:both;} 
.news .list ul li{width:50%; padding:0 18px 28px 18px; float:left;}
.news .list ul li:after{display:block; content:''; clear:both; height:28px; border-bottom:1px solid #e8e8e8;}
.news .list ul li a{transition:.3s;}
.news .list ul li>a>span{float:left; overflow:hidden; width:160px;height: 120px;}
.news .list ul li a span img{display:block; transition:.3s;min-height: 100%;
    width: 100%;}
.news .list ul li a:hover span img{transform:scale(1.05);} 
.news .list ul li>div{padding-left:178px;}
.news .list ul li>div h3{display:block; line-height:1.35; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news .list ul li>div i{font-style:normal; display:block; padding:8px 0;}
.news .list ul li>div p{overflow:hidden; height:74px;}
@media(max-width:1199px){
.news{padding:38px 0;}
.news .title + .list{padding-top:28px;}
.news .list>ul{margin:0;}
.news .list ul li{width:50%; padding:0 0 28px 0;}
}
@media(max-width:991px){
.news .list ul li{width:100%; padding-bottom:18px;}
.news .list ul li:after{height:18px;}
}
@media(max-width:767px){
.news{padding:18px 0;}
.news .title + .list{padding-top:18px;}
.news .list ul li{padding-bottom:8px;}
.news .list ul li:after{height:8px;}
.news .list ul li>a>span{width:100px;height:70px;}
.news .list ul li>div{padding-left:108px;}
.news .list ul li>div i{padding:0;}
.news .list ul li>div p{height:auto; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
}