.pt30{padding-top:30px;}
.mt30{margin-top:30px;}
.mb20{margin-bottom:20px;}
.tf{max-width:100%;}
.sq-bg{border-top:2px solid #fff;background: url(/main/template/images/sq/sqbg.jpg) no-repeat center top;}
.sq-title{text-align:center;}
.sq-desc{padding:15px;background-color:#fff;background-color:rgba(255,255,255,0.6);font-size:16px;color:#333;line-height:1.8;text-indent:2em;}

.sq-block{text-align:center;}
.sq-block a{display:inline-block;*display:inline;*zoom:1;margin: 20px 5%;width: 86px;height:auto;font-size:16px;color:#fff;text-align:center; transition:all .3s linear;-webkit-transition:all 0.3s linear;}
.sq-block a img{display:block;margin-bottom:12px;}
.sq-block a:hover{font-weight:bold;transform:translateY(-10px);-webkit-transform:translateY(-10px);}


.sq-img-block{overflow:hidden;display:block;width:23.5%;height: 400px;float:left;margin-right:2%;position:relative;}
.sq-img-block img{position:absolute;left:0;top:0;z-index:0;transition:all .8s;-webkit-transition: all .8s;-moz-transform:all .8s;}
.sq-img-block h1{font-size:22px;color:#115eb6;padding:25px 15px 20px;position:relative;}
.sq-img-block p{padding:0 15px;line-height:1.8;position:relative;font-size: 16px;color:#666;}
.sq-img-block a{display:block;padding:0 15px;position:relative;line-height:1.8;font-size: 16px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sq-img-block h1 a{font-size:22px;color:#115eb6;padding:0;margin:0;line-height:1;}
.sq-img-block a:hover{text-decoration:underline;}

.yx-box{position:relative;}
.yx-scroll-box{width:100%;height:210px;position:relative;overflow:hidden;}
.yx-scroll{position:relative;overflow:hidden;}
.yx-scroll a{display:block;float:left;width:270px;height:auto;margin-right:15px;text-align:center;line-height:40px;font-size: 16px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.yx-scroll a:hover{color:#115eb6;}
.yx-scroll a img{display:block;width:270px;height:170px;transition:all .8s;-webkit-transition: all .8s;-moz-transform:all .8s;}
.yx-scroll a:hover img,.sq-img-block:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform-origin: center center;-webkit-transform-origin:center center;}
.yx-scroll a span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.yx-box .btn,.yq-scroll .btn{display:block;cursor:pointer;width:45px;height:170px;position:absolute;top:0;z-index:9;background:url(/main/template/images/icons/btn.png) no-repeat;}
.yx-box .btn.next,.yq-scroll .btn.next{right:-40px;background-position:-130px 70px;}
.yx-box .btn.prev,.yq-scroll .btn.prev{left:-40px;background-position:10px 70px;}


.yq-scroll{width:100%;height:162px;position:relative;}
.s-scroll-box{width:100%;position:relative;overflow:hidden;}
.s-scroll{position:relative;overflow:hidden;}
.s-scroll a{display:block;float:left;margin-right:20px;width:248px;height:162px;overflow:hidden;position:relative;}
.s-scroll a img{width:100%;height:100%;display:block;}
.s-scroll p{position:absolute;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;z-index:9;left:0;bottom:-32px;width:100%;height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:rgba(0,0,0,0.6);font-size:16px;color:#fff;line-height:32px;text-align:center;}
.s-scroll a:hover p{bottom:0;}
.yq-scroll .btn{width:40px;}
.yq-scroll .btn.next{right:-40px;background-position:-135px center;}
.yq-scroll .btn.prev{left:-40px;background-position:10px center;}

@media screen and (max-width:635px){
	.pt30{padding-top:0.6rem;}
	.mb20{margin-bottom:0.4rem;}
	.mt30{margin-top:0.6rem;}
  	.sq-bg{background-position:center -2rem;}
   	.sq-title img{height:1.2rem;}
    .sp-l,.sp-r{height:8rem;}
    .sp-r .box{height:3.85rem;margin-bottom:0.3rem;}
    .sq-desc{font-size:0.64rem;line-height:1.1rem;}
    .tf{width:100%;}
  	.sq-block{margin-top:0.6rem;}
    .sq-block a{margin:0;width:20%;float:left;font-size:0.6rem;}
    .sq-block a img{width:85%;margin-bottom:0.3rem;}

    .sq-img-block{width:49%;height:13rem;margin-right:2%;margin-bottom:0.3rem;}
    .sq-img-block:nth-child(even){margin-right:0!important;}
  	.sq-img-block img{top:auto;bottom:0;}
    .sq-img-block h1{padding:0.3rem;font-size:0.72rem;}
  	.sq-img-block h1 a{font-size:0.72rem;}
    .sq-img-block p{padding:0 0.3rem;font-size:0.6rem;text-indent:2em!important;}
    .sq-img-block a{padding:0 0.3rem;font-size:0.6rem;}

    .yx-box{overflow: hidden;}
    .yx-box .btn.next, .yq-scroll .btn.next{right:0;width:1.5rem;}
    .yx-box .btn.prev, .yq-scroll .btn.prev{left:0;width:1.5rem;}
  	.sq-box{padding:0;}
}