@charset "utf-8";
/* CSS Document */
.clearfix::after{ content:""; display:block; clear:both;}
.w1200{ width:1200px; margin:0 auto; overflow:hidden;}
.sdq_banner{ height:300px; background:url(sdq_banner.png) top center no-repeat; background-size:cover;}
.sdq_tit{ color:#FFF;}
.sdq_tit span{ color:#FFF; font-size:48px; letter-spacing: 6.67px; line-height: 300px; display:inline-block; text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);}

.sdq_tab{ background:url(tyggzf_bg.png) bottom center no-repeat; background-size:100%; padding-top:50px;}
.sdq_tit_1{ font-size: 28px; font-weight: normal; line-height: 34px; letter-spacing: 0px; margin-bottom:5px;}
.sdq_ul{ overflow:hidden; margin-bottom:50px; width:1230px;}
.sdq_ul li{ float:left; width:380px;; height:60px; line-height:60px; margin:30px 30px 0 0; background: url(tyggzf_icon_1.png) 22px 20px #F5F5F5 no-repeat; transition: transform 0.5s;}
.sdq_ul li a{ font-size: 18px; line-height: 60px; padding-left:55px; display: block;}
.sdq_ul li a:hover{ color:#4393F5;}
.sdq_ul li a span{ font-size: 16px; line-height: 60px; color: #4393F5; padding-right:32px; margin-right:30px; display:inline-block; float:right; background:url(tyggzf_icon_2.png) right center no-repeat;}

.sdq_ul li:hover{ transform: translateY(-10%); transition: transform 0.5s;}


@media screen and (max-width: 767px) {
	.w1200{ width:100%;}
	.sdq_banner{ height:3rem; padding:0 0.24rem;}
	.sdq_tit span { font-size: 0.44rem; line-height: 3rem;}
	.sdq_tab{ padding:0.5rem 0.24rem 0;}
	.sdq_tit_1 { font-size: 0.4rem; line-height:0.4rem; margin-bottom:0.05rem;}
	.sdq_ul{ width:100%; margin-bottom:0.5rem;}
	.sdq_ul li { width: 100%; height: 1.08rem; line-height:1.08rem; margin: 0.3rem 0.3rem 0 0; background-position: 0.5rem 0.35rem;}
	.sdq_ul li a { font-size: 0.3rem; line-height: 1.08rem; padding-left: 1.08rem;}
	.sdq_ul li a span { font-size: 0.3rem; line-height: 1.08rem; padding-right: 0.72rem;}
	
}