/*初始化css*/
body{font-family:微软雅黑;color: #333;}
*,*:before,*:after {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,
strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,
details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,form
{margin:0;padding:0;border:0;outline:none;}
input{margin:0;padding:0;outline:none;}
li{list-style:none;}
a,ins{text-decoration:none;}
*:focus{outline:none;}
.cf:after{display:block;content:'';height:0;visibility:hidden;clear:both;}
.cf{zoom:1;}
.hide{display:none;}
.block{display:block;}
textarea,input{font-family:微软雅黑;}
.w1200{width:1200px;margin:0 auto;}

/* 特色服务----主体内容 */
.banner{width:100%;height:180px;}
.title_box{width:1200px;padding-top:56px;color:#fff;}
.tit_bg{font-size:30px;line-height:42px;margin-bottom:4px;}
.tit_sm{font-size:16px;line-height:22px;}
.main{background:#fff;}
.tsfw_list{padding-top:40px;}
.tsfw_list a{display:block;width:277px;height:280px;box-shadow: 0 2px 10px 0 rgba(153,153,153,0.30);margin-right:30px;margin-bottom:40px;}
.tsfw_list a img{width:277px;height:160px;}
.pic_tit{height:120px;width:277px;}
.pic_tit span{display:block;text-align:center;width:277px;color:#333;}
.pic_tit .sp_1{font-size:20px;line-height:28px;padding:25px 0 12px 0;}
.pic_tit .sp_2{font-size:14px;line-height:20px;padding:0 40px;}
.tsfw_list a:nth-child(4n+4) {margin-right: 0px;}
.pic_tit:hover{background:#1677FF;}
.pic_tit:hover span{color:#fff;}
.tsfw_list a:nth-child(4) .pic_tit .sp_2{padding:0 24px;}
.tsfw_list a:nth-child(9) .pic_tit .sp_1,.tsfw_list a:nth-child(10) .pic_tit .sp_1{padding-top:40px;}
.tsfw_list a:nth-child(11) .pic_tit .sp_2{padding:0 30px;}
.tsfw_list a:nth-child(13) .pic_tit .sp_2{padding:0 46px;}


@media only screen and (max-width: 768px){
    .w1200{width:100%}
    body{min-width:100%!important;}
    .banner {
        width: 100%;
        height: 3rem;
		background-size: 100% 100%!important;
    }
    .title_box{width:100%;padding-left: 3%;padding-top: 0.6rem;}
    .tit_bg{margin-bottom: 0.2rem;    font-size: 0.6rem;
    line-height: initial;}
	.tit_sm {font-size: 0.32rem;}
    .tsfw_list {padding: 0 3%;padding-top: 0.6rem; }
    .tsfw_list a {
        display: block;
        width: 48%;
        height:4rem;
        margin-right:4%;
        margin-bottom:0.6rem;
    }
    .tsfw_list a:nth-child(2n){margin-right:0;}
    .tsfw_list a img {
        width: 100%;
        height: 2rem;
    }
    .pic_tit span{width:100%;}
    .pic_tit .sp_1 {
        font-size: 0.32rem;
        line-height:0.32rem;
        padding: 0.5rem 0 0.2rem 0;
    }
    .pic_tit .sp_2 {
        font-size: 0.24rem;
        line-height: 0.36rem;
        padding: 0 2%;
    }
    .pic_tit{width:100%;height:2rem;}
    .tsfw_list a:nth-child(13) .pic_tit .sp_2,.tsfw_list a:nth-child(11) .pic_tit .sp_2 {
        padding: 0 2%;
    }
    .tsfw_list a:nth-child(9) .pic_tit .sp_1,.tsfw_list a:nth-child(8) .pic_tit .sp_1{
       /* padding: 0!important;line-height: 2rem;*/
    }
    .tsfw_list a:nth-child(10) .pic_tit .sp_1 {
        padding: 0.5rem 0 0.2rem 0;
    }
    .tsfw_list a:nth-child(4) .pic_tit .sp_2 {
        padding: 0 2%;
    }
}

@media only screen and (max-width: 321px){
    .title_box {padding-top: 0.4rem;}
}