@charset "utf-8";
/* CSS Document */

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:12px"Microsoft Yahei","Arial Narrow",HELVETICA;background:#f7f7f7;-webkit-text-size-adjust:100%;}
a{color:#333;text-decoration:none}
a:hover{color:#000; text-decoration:underline;}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
textarea{ resize:none; overflow:hidden;}
p{word-wrap:break-word; color:#666;}

/*通用定义*/
.clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
.fl{ float:left;}
.fr{ float:right;}
.space10{clear:both; height:.1rem; display:block; font-size:1px;overflow:hidden;}
.space30{clear:both; height:.3rem; display:block; font-size:1px;overflow:hidden;}
.space35{clear:both; height:.35rem; display:block; font-size:1px;overflow:hidden;}
.space50{clear:both; height:.5rem; display:block; font-size:1px;overflow:hidden;}
.marT25{ margin-top:.2rem; }
.w580{ width:5rem;}
.hidden{ display:none; }
.padS2{ padding: 0 .2rem; }
.mar40{ margin:40px auto 0; }

body{ width:6.4rem;}
.container{ width:6.4rem; height:100%; margin:0 auto; position:relative; }
.boxMo{ position:relative; width:6.2rem; margin:0 auto;}

.banner{ height:8rem; }
.banner img { margin: .5rem 0 0 .3rem;width: 5.7rem;}

.di{ background: url(../images/m_banner.jpg) no-repeat left top; background-size: 100%;}

.daohang{ padding:.2rem; overflow: hidden;}
.daohang a{margin: 0 .1rem; float: left;}
.daohang img{width: 1.3rem; }

.daoyu{ background: url(../images/m_daoyu.png) no-repeat center bottom; display: flex; align-items: center; padding: .2rem; background-size: 100%}
.daoyucon{margin-bottom:.62rem; border-top-left-radius: .5rem; border-top-right-radius: .5rem; background: linear-gradient(to bottom, #fff, #c5f6ff); }
.daoyu p{ font-size: .28rem; line-height: .45rem; color:#0464a1; margin: 0 auto 0; text-indent: 2em; flex: 1; padding:.2rem .3rem;}

.lmT{ width: 100%; height: 1.9rem; margin: .4rem auto 0; }
.lmT1{ background: url(../images/m_tit1.png) no-repeat center top;background-size: 100% 100%;}
.lmT2{ background: url(../images/m_tit2.png) no-repeat center top;background-size: 100% 100%;}
.lmT3{ background: url(../images/m_tit3.png) no-repeat center top;background-size: 100% 100%;}

.conbg{ background:#fff; border-bottom-left-radius: .3rem; border-bottom-right-radius: .3rem;}
.sszx-img{ width:2.7rem; height: 1.3rem; overflow: hidden;}
.sszx-img img{ width: 2.7rem; height: 1.3rem; overflow: hidden; border-radius: .1rem;}
.sszxcon{ padding: .2rem; overflow: hidden;} 
.sszxcon li{width: 2.7rem; overflow: hidden; padding-bottom: .2rem;}
.sszx-wz h3{ display: flex;align-items: center; height: .7rem; background:url(../images/m_sszx-li.png) no-repeat left center; padding-left: .2rem; margin-top: .1rem;}
.sszx-wz h3 a{ flex: 1; font-size:.28rem; font-weight: bold;display: -webkit-box;
  -webkit-line-clamp: 2; /* 限制为2行 */
  -webkit-box-orient: vertical;
  overflow: hidden;}
.sszx-wz p{margin: .2rem 0 0 0; float:left; }
.sszx-wz p a{color:#999999; }
.sszx-wz span{color:#999999; float:right; margin: .2rem 0 0 0;}

.title img{ width:100%; }


.ssgg-zpzt{ overflow:hidden; width: 100%; margin: 0 auto;}
.ssgg-zpzt li{ float:left; margin: .2rem 0 0 .3rem; width: 43%; height: .9rem; display: flex; align-items: center;background:#e4f3ff;border-radius:.1rem;}
.ssgg-zpzt li a{ flex: 1; font-size:.26rem; line-height: .32rem; text-align: center; font-weight: bold; color: #2a98ea; }

.csry{ font-size: .28rem; line-height: .45rem; text-align: center; width: 100%; margin: .3rem auto 0;}

.csjs{ position:relative; background: url(../images/m_scjs.png) no-repeat center top; height: 9.9rem; width: 4.7rem; margin: .3rem auto 0; background-size: 100%;}
.csjs1{ position:absolute; top:0; left: 0; width: 4.8rem; height: 1.5rem;}
.csjs2{ position:absolute; top:1.8rem; left: 0; width: 4.8rem; height: 1.5rem;}
.csjs3{ position:absolute; top:3.4rem; left: 0; width: 4.8rem; height: 1.5rem;}
.csjs4{ position:absolute; top:4.9rem; left: 0; width: 4.8rem; height: 1.5rem;}
.csjs5{ position:absolute; top:6.5rem; left: 0; width:4.8rem; height: 1.5rem;}
.csjs6{ position:absolute; top:8.2rem; left: 0; width: 4.8rem; height: 1.5rem;}

.ssgg_bnt a{ float:left; margin: .2rem auto 0;}
.ssgg_bnt img{ width:100%; }

.tab-bar{ width: 100%; height: auto; overflow: hidden; margin-bottom: .2rem;}

.tab-bar .tab { display: inline-block; padding: .15rem; color: #db2c11; font-size: .31rem; float: left;  font-weight: bold; width: 2.5rem; float: left; height: .5rem; margin: .3rem 0 0 .15rem;}
.tab-bar .tab1{ background: url(../images/m_sszn_tab1-1.png) no-repeat 0 0; background-size: 100% 100%;}
.tab-bar .tab1.active { background: url(../images/m_sszn_tab1.png) no-repeat 0 0; background-size: 100% 100%;}
.tab-bar .tab2{ background: url(../images/m_sszn_tab2-1.png) no-repeat 0 0; background-size: 100% 100%;}
.tab-bar .tab2.active { background: url(../images/m_sszn_tab2.png) no-repeat 0 0;  background-size: 100% 100%;}

.ontent-wrapper .tab-content-box p, .tab-content-box p{ font-size:.28rem; line-height:.45rem; text-align: justify; }

.m-slider {
    position: fixed;
    right: 10px;
    margin-right: 0;
    z-index: 1;
    bottom: 150px;
    width: 50px;
    text-indent: -200px;
}


.m-slider .home {
    display: block;
    background: url(../images/m2.png) no-repeat center top;
    overflow: hidden;
    width: 51px;
    height: 51px;
}

.m-slider .backtop {
    display: block;
    margin-top: 5px;
    background: url(../images/m1.png) no-repeat center top;
    overflow: hidden;
    width: 51px;
    height: 51px;
}