article>.title{text-align:center;}
article>.title b{font-size:36px; 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:;}
.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:33.333%; padding:18px;}
.service .list>ul>li>a{border:1px solid #f8f8f8; color:rgb(33,33,33); background:#fff; box-shadow:0 0 8px rgba(0,0,0,.08); 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:rgba(213,213,213,0.23);}
.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;}
}

.product{padding:58px 0; background:;}
.product .title + .list{padding-top:38px;}
.product .list>ul{margin:-18px;}
.product .list>ul:after{display:block; content:''; clear:both;}
.product .list>ul>li{float:left; width:25%; padding:18px;}
.product .list>ul>li>a{text-align:center; display:block;}
.product .list>ul>li>a>span{display:block; overflow:hidden; transition:.3s;}
.product .list>ul>li>a>span>img{display:block; width:100%; transition:.3s;}
.product .list>ul>li>a:hover>span{box-shadow:0 0 8px rgba(0,0,0,.08);}
.product .list>ul>li>a:hover>span>img{transform:scale(1.08);}
.product .list>ul>li>a>h3{margin-top:18px; font-weight:bold;}
.product .list>ul>li>a>i{display:block; font-style:normal; color:red;}
@media(max-width:1199px){
.product{padding:38px 0;}
.product .title + .list{padding-top:28px;}
.product .list>ul{margin:-8px;}
.product .list>ul>li{padding:8px;}
.product .list>ul>li>a>h3{margin-top:8px;}
}
@media(max-width:991px){
.product .list>ul>li{width:50%;}
}
@media(max-width:767px){
.product{padding:18px 0;}
.product .title + .list{padding-top:18px;}
.product .list>ul{margin:-4px;}
.product .list>ul>li{padding:4px;}
}

.news{padding:58px 0; background:;}
.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;}
.news .list ul li a span img{display:block; transition:.3s;}
.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;}
.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;}
}