@charset "UTF-8";
/*初始化css*/
body{font-size: 16px; font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "微软雅黑" !important;color: #333;background-color: #f8f8f8;}/*min-width的宽度根据项目页面宽度决定*/
*,*: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;}
a{color:#333;}/*颜色根据通用信息列表的文字颜色决定*/
.more a{color: #999;}/*颜色根据通用更多的文字颜色决定*/
a:hover{color:#1c5bb8;}/*颜色根据psd主色调决定，比如很多都是蓝色*/
.more a:hover{color:#1c5bb8;}/*颜色根据psd主色调决定，比如很多都是蓝色*/
.fl{float:left;}
.fr{float:right;}
.cf:after{display:block;content:'';height:0;visibility:hidden;clear:both;}
.cf{zoom:1;}
.hide{display:none;}
.block{display:block;}
textarea,input{font-family:微软雅黑;}

/*命名的语义化---正常页面的几部分如下：header nav section+aside footer */
/*flex布局*/

.box1200{
    margin: 0 auto;
    width: 1200px;
}
.bannerTop{
    width: 100%;
    height: 180px;
    background: url(jsbg.png) no-repeat center;
    background-size: 100% 100%;
}
.bannerTop .bannerTitle p{
    width: 100%;
    height: 100%;
    line-height: 180px;
    color: #fff;
    font-size: 32px;
    text-align: left;
    /* font-weight: 600; */
}
/* 内容区 */
.content_wrap{
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.content{
    width: 100%;
    margin-bottom: 40px;
    padding: 40px;
    background: #fff;
}
.content img{
    display: block;
    margin: 0 auto;
    width: 200px;
    height: 200px;
}
.content p{
    font-size: 16px;
    text-align: center;
    border: none!important;
    color: #333;
    font-weight: 600;
    line-height: 60px;
}
@media only screen and (max-width: 768px) {
   .box1200 {
        width: 90%;
    }
    .bannerTop .bannerTitle p{  
        font-size: .32rem;
    }
    .bannerTop{
        width: 100%;
        height: 1.80rem;
    }
    .bannerTop .bannerTitle p{
        width: 100%;
        height: 100%;
        line-height: 1.8rem;
        color: #fff;
        font-size: .32rem;
        text-align: left;
    }
    /* 内容区 */
    .content_wrap{
        margin-top: .40rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .content{
        margin-bottom: .4rem;
        padding: .4rem;
    }
    .content img{
        width: 2rem;
        height: 2rem;
    }
    .content p{
        font-size: .16rem;

        line-height: 0.6rem;
    }
}