@charset "utf-8";

/*基本*/
*{padding:0px; margin:0px}
body{font-size:16px;}
*{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing: border-box; }
.trans{transition: all .3s ease-in;}
html{width:100%;min-height:100%;}
body{width:100%;min-height:100%;max-width:640px;min-width:320px;margin:0 auto;font: .24rem/1.6 'PingFangSC-Light','microsoft yahei',Arial,Helvetica,sans-serif,"Hiragino Sans GB";color:#333;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#fff;position: relative;}
body:before, body:after{content:""; width:100%; display:block;}
body:before{height: 1.2rem;}
body:after{height: 1rem;}
img{border:0px;}
em{font-style:normal;}
s,i{font-style: normal;}
ul, ol{list-style-type:none;}
li{list-style: none outside none;}
strong,b{font-weight: normal;}
div{ padding:0; margin:0;}
#index{ background:#f5f5f7;}
/*表单*/
input,button,select,textarea{outline:none; font-family:"Microsoft Yahei", Arial; font-size:.24rem; -webkit-appearance:none !important;}
table{border-collapse:collapse; border-spacing:0;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#999;}
input:-moz-placeholder, textarea:-moz-placeholder{color:#999;}
input::-moz-placeholder, textarea::-moz-placeholder{color:#999;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #999;}
/*公用样式*/
.layout{position:fixed; width:100%; height:100%; left:0; top:0; z-wrapper:101; background:#000; opacity:1;}
.blue{color:#28a5f4;}
/*链接*/
a, a:link, a:visited, a:hover, a:active{color:#666;text-decoration: none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */}
a:focus{outline:none;}
a:hover, a:active{color:var(--colour1); outline:none;}
/*标题*/
h1, h2, h3, h4, h5, h6, h7{font-weight: normal;}
.icon,.iconn:before,.iconn:after,.iconbef:before,.iconbef:after{content: "\20"; display:block;}

/*清除浮动*/
.fl{float:left;}
.fr{float:right;}
.hide{display:none;}
.clear{ clear:both;}
.clearfix:after{content:""; display:block; clear:both; width:100%; height:0; line-height:0; font-size:0;}
.clear,.clearfix:after{content:""; display:block; clear:both; width:100%; height:0; line-height:0; font-size:0;}

.kong {
  width: 100%;
  height: .1rem;
}
.kong2 {
  width: 100%;
  height: .1rem;
  background: #f5f5f5;
}

.wrap{padding: 0 .2rem;}
.wrapbox{padding: 0 .2rem;}

/*当前位置*/
.positon{ padding: 0.2rem .33333333rem; text-align:left; font-size:0.21rem; background:#f3f6fb;}
.positon em{ margin-right:5px;}

/*==========@@HTML默认 结束@@==========*/
.header{position:relative;}
#top_main{width: 100%;height: 1.2rem;z-index: 9999;position: fixed;top: 0px;left: 0px;}
#top{max-width: 640px;min-width: 320px;height: 1.2rem; margin: 0px auto;position: relative;background: #fff;}
#top .logo{width: 92%;margin: 0 auto;padding: .2rem 0;display: block;text-align: center;}
#top .logo a{display:block;}
#top .logo img{height: .8rem;vertical-align: top; float:left;}
#top .logo dd{ float:left; padding-left:0.2rem; text-align:left;}
#top .logo dd h3{ font-size:0.22rem; font-weight:800; padding-top:0.1rem; color:#000;}
#top .logo dd p{ font-size:0.2rem;}
#top .topsearch{display: block;position: absolute;left: 0;top: 0px;text-align: center;cursor: pointer;width: .9rem;height: .5rem;margin: .25rem auto;background-position: -.27rem -1.45rem;z-index: 6;}
#top #nav{width: .8rem;height: 100%;position: absolute;right: 0;top: 0;text-align: center;cursor: pointer;z-index: 6;}
#top .nav{width: .5rem;height: .36rem;margin: .33rem auto;background-position:-.56rem -.94rem;}
#top .cur .nav{background-position:0 -.94rem;}
#search{background:#f2f2f2;width:100%;margin:0 auto;height:1rem;position: absolute;left: 0;top: .88rem;padding-top: .2rem;display:none;z-index: 999;}
#search input{display:block;padding: 0;margin: 0;}
#search .txt{border:none;width:80%;height:0.65rem;line-height:0.65rem;margin-left:4%;color:#666;font-size: 0.22rem; background:#fff;text-indent:3%;border-top-left-radius:.3rem;border-bottom-left-radius: .3rem;}
#search .btn{cursor:pointer;border:none;font-size: 0.24rem; width:0.8rem; height:0.65rem;text-align:center;background:var(--colour1) url(../images/icon.png) no-repeat 0 -4.6rem;background-size:2.4rem auto;color: #fff;border-top-right-radius:.3rem;border-bottom-right-radius: .3rem;background-size:2.0rem auto;vertical-align:middle;}
/*subNav*/
.subNav{position: fixed;width: 100%;height: 100%;top: 1.2rem;z-index: 999;max-width: 640px;min-width: 320px;background: rgba(0, 0, 0, 0.8);display: none;}
.subNavCon{height: 100%;padding-bottom: 2rem;overflow-x: hidden;}
.subNav .closrbox{width:20%;height:0.5rem;line-height:.5rem;background:#fff;position:absolute;right:2%;top:-5%;}
.subNav li{width: 100%;display: block;line-height: .8rem;margin: 0 auto;position: relative;border-top: .01rem solid #242424;}
.subNav li i{float: right;height: .8rem;width: .8rem;position: relative;z-index: 1;cursor: pointer;transition: all .5s; border-left:1px solid #242424;}
.subNav li i:after{content:" ";position: absolute;top: .32rem;left: .25rem;width: .15rem;height: .15rem;border: .02rem solid #fff;border-style: solid solid none none;transform: rotate(45deg);}
.subNav .sub{width: 100%;display: none;}
.subNav .sub a{font-size: .24rem;line-height: .65rem;border-top: .01rem solid #242424;margin-right: 0;background: rgba(0, 0, 0, 0.8); padding-left: 0.4rem !important;}
.subNav li a{display: block;color: #fff;font-size: .28rem;padding: 0 .2rem;margin-right: .8rem;}
.subNav li.open i {transform: rotate(90deg);}




/*banner*/
.banner{ position:relative; width:100%; margin:0 auto; height: auto; z-index:15; font-size:0;}
.banner img{width:100%;display: block;}


/*内页banner*/
.insideBanner{ width:100%; margin:0 auto; height: auto; z-index:15; font-size:0;}
.insideBanner img{ max-width:100%;}





/*单页顶部菜单*/
.insideMenu{border-top:1px solid #f5f5f5;}
.insideMenu_con{display: flex; height:0.8rem; line-height: 0.8rem; background: #fff;}
.insideMenu_con ul{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1; display: block; white-space: nowrap; overflow:hidden; overflow-x: auto ; margin-left:0.2rem;}
.insideMenu_con ul li{font-size:.28rem; display:inline-block;}
.insideMenu_con ul li a{display:block; padding: 0 .2rem; position: relative;}
.insideMenu_active{}
.insideMenu_active a{color: #3e6bc6; font-family: PingFangSC-Regular;}
.insideMenu_active a:after{position: absolute; content: ""; width: .5rem; height: .03rem; border-radius: .04rem; background: #3e6bc6; bottom: 0.01rem; left: 50%; margin-left: -.333333rem;}
.insideMenu_con p{font-size:.38rem; width:.5rem; text-align:center;}









/* reLink */
.reLink{margin: .2rem 3% .3rem;}
.reLink .prevLink,
.reLink .nextLink{display: block; height: .7rem; line-height: .7rem; font-size: .24rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; box-sizing: border-box; border-bottom: 1px solid #e8e8e8;}

/*返回顶部*/
#returntop{width: .8rem;height: .8rem;background: var(--colour1) url(../images/gotop.png) no-repeat center;background-size: .4rem;position: fixed;bottom:20%;right: 2%;cursor: pointer;z-index:99;border-radius: 50%;opacity: 0;transition: all .5s;}
#returntop.cur{opacity: 1;}


/*==========@@页面布局 开始@@==========*/
/*字体*/
@media only screen and (min-width:641px){html{font-size:100px;}}
@media only screen and (max-width:640px){html{font-size:100px;}}
@media only screen and (max-width:540px){html{font-size:84.375px;}}
@media only screen and (max-width:480px){html{font-size:75px;}}
@media only screen and (max-width:414px){html{font-size:64.6875px;}}
@media only screen and (max-width: 400px){html{font-size:62.5px;}}
@media only screen and (max-width: 375px){html{font-size:58.5938px;}}
@media only screen and (max-width: 360px){html{font-size:56.25px;}}
@media only screen and (max-width: 320px){html{font-size:50px;}}



/*分页*/
.pagebar{padding:20px; overflow:hidden; clear:both}
.pagebar .pagination{display: flex; justify-content: center; margin-top: 10px;}
.pagination li a{background: #fff; border: 1px solid #ccc; color: #333; font-size: 12px; padding: 8px 10px; margin: 0 2px; border-radius: 3px; line-height:100%}
.pagination span{color: #333; font-size: 12px; padding: 7px 2px; margin: 0 2px; border-radius: 3px;}
.pagination li a:hover{color: #333; border: 1px solid #333;}
.pagination li.active a{color: #fff; background: #333; border: 1px solid #333;}
.pagination .st{font-family:宋体}
.text-secondary{text-align:center; padding:20px 0}


	
/*页尾落户*/	
.footLuohu{padding: 0 .2rem; padding-bottom: .4rem; background:#fff;}
.footLuohu_title{ text-align:center; padding:0.2rem 0; font-size:.28rem;}
.footLuohu_con{}
.footLuohu_con ul{ }
.footLuohu_con ul li{ float:left; width:50%; margin:5px 0; font-size:.24rem;}
.footLuohu_con ul li span{ width:90%; border:1px solid #dbdbdb; display:block; line-height:35px; border-radius:5px; text-align:left; padding-left:0.6rem; margin:0 auto;}
.liIcon01{ background:url(../images/footicon01.png) no-repeat 10px center; background-size:22px;}
.liIcon02{background:url(../images/footicon02.png) no-repeat 10px center; background-size:22px;}
.liIcon03{background:url(../images/footicon03.png) no-repeat 10px center; background-size:22px;}
.liIcon04{background:url(../images/footicon04.png) no-repeat 10px center; background-size:22px;}
	
/*版权信息*/
.footer_main{text-align:center;width:100%;padding: .2rem;color: #fff;border-top: 1px solid #e5e5e5;background: #353535; font-size:.22rem;}
.copyright{width:94%; margin:0 auto;padding: 3% 0;font-size: .18rem;}
.footer_main a{color: #666;}	

/*手机底部导航*/
.navigation{width:100%; height:1rem; position:fixed; bottom:0; z-index:8; display:-webkit-box; display:-webkit-flex; display:flex; background:#fff; box-sizing:border-box; border-top:1px solid #d5d5d5; max-width:640px;}
.navigation .item{text-align:center; line-height:1; display:block; width:20%; padding-top:.14666667rem}
.navigation .item .iconfont{color:#666; font-size:.53333333rem}
.navigation .item .txt{color:#666; font-size:.24rem; padding-top:.13333333rem}
.navigation .zixun-icon{ font-size:.5rem; line-height:0.36rem;}
.navigation .zixun-icon .txt{padding-top:.45rem}
.navigation .zixun-icon .zixun-border{padding:0rem; position:absolute; top:-.5rem; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); background:url(../images/m-home-footer.png) no-repeat top; background-size:1.33333333rem}
.navigation .icon-box{width:1rem; height:1rem; background:#276bb1; border-radius:50%; margin:0 auto; border:0.08rem solid #FFF;}
.navigation .icon-box .iconfont{color:#fff; line-height:0.8rem}
.kefuicon{ background:url(../images/kefuicon.png) center center no-repeat; background-size:0.54rem; width:0.6rem; height:0.6rem; margin:0.12rem auto; }