.section-page1{padding:20px 0;background:#f5f5f5;}
.section-page2{width:100%;padding:20px 0;background: url(/skin/sites/yx121_blue/index/bg1.png) center center no-repeat;background-size:cover;}
.section-page3{padding:20px 0 50px 0;}
.section-page4{width:100%;padding:20px 0 50px 0;background: url(/skin/sites/yx121_blue/index/bg2.png) center center no-repeat;background-size:cover;}
.section-page5{width:100%;padding:20px 0 30px 0;background: url(/skin/sites/yx121_blue/index/bg3.png) center center no-repeat;background-size:cover;}
.common-head{position:relative;margin:25px 0 30px 0;padding:0;border:0;}
.common-head .title{font-size:26px;color:#1b1b1b;position:relative;font-weight:bold;text-align:center;}
.common-head .more{position:absolute;top:5px;right:0;}
.common-head .more a{color:#164d98;display:block;width:134px;height:34px;position:relative;background: url(/skin/sites/yx121_blue/index/more.png) right center no-repeat;text-indent:-9999px;}
.common-head .more a:after{width:100px;height:1px;content:"";display:block;position:absolute;top:16px;right:34px;background:#aab5c8;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.common-head .more a:hover:after,.page-header .more a:hover:after{width:60px;}
.section-page4 .common-head{margin-bottom:40px;}
.section-page4 .common-head .title{color:#fff;}
.section-page4 .common-head .more a{background: url(/skin/sites/yx121_blue/index/more2.png) right center no-repeat;}
.page-header{position:relative;margin:20px 0 30px 0;padding:0;border:0;}
.page-header .title{font-size:24px;color:#080808;position:relative;}
.page-header .more{position:absolute;top:5px;right:0;}
.page-header .more a{color:#164d98;display:block;width:134px;height:34px;position:relative;background: url(/skin/sites/yx121_blue/index/more.png) right center no-repeat;text-indent:-9999px;}
.page-header .more a:after{width:100px;height:1px;content:"";display:block;position:absolute;top:16px;right:34px;background:#aec1e6;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.data-list>li>a{display:block;width:165px;height:165px;color:#fff;margin:0 auto;text-align:center;background: url(/skin/sites/yx121_blue/index/icon.png) center center no-repeat;background-size:cover;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.data-list>li>a>span{display:block;font-size:48px;padding-top:50px;}
.data-list>li>p{color:#fff;font-size:16px;margin-top:30px;text-align:center;}
.data-list>li>a:hover{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}
.quick-list>li>a{display:block;color:#171717;padding:10px 10px;font-size:18px;text-align:center;}
.quick-list>li>a>img{max-width:153px;display:block;margin:0 auto;background:#ffffff;border-radius:50%;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.quick-list>li>a>span{display:block;padding-top:35px;}
.quick-list>li>a:hover img{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}
@media (min-width: 992px){
	.section-page1 .col-md-7{width:56%;}
	.section-page1 .col-md-5{width:44%;}
	.data-list>li:nth-child(odd){margin-top:40px;}
	.data-list>li>a>span{font-size:40px;}
}
@media (max-width: 1400px){
	.data-list>li>a{width:140px;height:140px;}
	.data-list>li>a>span{padding-top:30px;}
}
@media (max-width: 991px){
	.common-head .title,.page-header .title{font-size:20px;}
	.data-list>li{margin-bottom:20px;}
	.data-list>li>a{width:100px;height:100px;}
	.data-list>li>a>span{font-size:20px;}
	.quick-list>li>a>img{max-width:120px;}
}
@media (max-width: 767px){
	.common-head .title,.page-header .title{font-size:18px;}
	.section-page2:before{width:100%;height:50%;}
	.section-page2:after{width:100%;height:50%;top:50%;}
	.news-box{margin-bottom:20px;}
	.quick-list>li>a>img{max-width:100px;}
}