.clear{clear:both;}
.clearfix:after{clear:both; content:"."; display:block; visibility:hidden; font-size:0; line-height:0; height:0;}
.hide{display:none;}
.font-Arial{font-family:Arial;}

/*文字颜色*/
.c-blue{color:#38f !important;}
.c-red{color:#ff534d !important;}
.c-green{color:#19be6b !important;}
.c-yellow{color:#ffa019 !important;}
.c-666{color:#666 !important;}
.c-999{color:#999 !important;}
.c-black{color:#222 !important;}

/*默认按钮（蓝色）*/
.h-btn{display:inline-block; height:30px; background-color:#38f; border:1px solid #38f; box-sizing:border-box; border-radius:2px; padding:0 20px; color:#fff; text-align:center; font-size:12px; line-height:28px; cursor:pointer; transition-property:background-color,border-color,color; transition-duration:0.3s; text-decoration:none; moz-user-select:-moz-none; -webkit-user-select:none; -moz-user-select:none; user-select:none;}
.h-btn:hover{background-color:#59f; border-color:#59f;}
.h-btn:focus{outline:0; outline:none;}
.h-btn:active{-moz-box-shadow:0 3px 30px 0 rgba(0,0,0,0.15) inset; -webkit-box-shadow:0 3px 30px 0 rgba(0,0,0,0.15) inset; box-shadow:0 3px 30px 0 rgba(0,0,0,0.15) inset;}

/*白色按钮*/
.h-btn-white{background-color:#fff; border-color:#bbb; color:#333;}
.h-btn-white:hover{background-color:#fff; border-color:#38f; color:#38f;}
/*白色镂空按钮*/
.h-btn-white-hole{background-color:transparent; border-color:#fff; color:#fff;}
.h-btn-white-hole:hover{background-color:#fff; border-color:#fff; color:#333;}

/*输入框*/
.h-input{width:190px; height:30px; display:inline-block; font-size:12px; line-height:28px; border:1px solid #bbb; box-sizing:border-box; border-radius:2px; text-indent:10px; padding-right:10px; transition-property:box-shadow,border-color,color; transition-duration:0.3s;}
.h-input:focus{border-color:#59f !important; outline:0; outline:none; transition-duration:0.3s;}
.h-input:hover{border-color:#59f !important;}
.h-input-small{height:20px; line-height:18px;}
::-ms-clear,::-ms-reveal{display:none;}
::-webkit-input-placeholder{font-size:12px; color:#ccc;}










*{padding:0; margin:0; box-sizing:border-box;}
body{margin:0; font-size:0.24rem; padding:1.2rem 0 0.97rem; font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif; background:#fff;}
li{list-style:none;}
a{text-decoration:none;}
.mobileNoShow{display:none !important;}

.in{display:flex;}
.on{display:flex; justify-content:space-between;}
.indexHeard{width:100%; height:1.2rem; background:#fff; -webkit-box-shadow:0 2px 4px rgba(0,0,0,.1); box-shadow:0 2px 4px rgba(0,0,0,.1); position:fixed; top:0; left:0; z-index:30;}
.layout{width:7.5rem; margin:auto; align-items:center;}
.nav{display:flex; justify-content:space-around;}
.layout .heardL{height:0.8rem; margin:0.2rem 0 0.2rem 0.3rem; cursor:pointer;}
.layout .heardL img{height:100%; display:block;}
.layout .heardR .nav-icon{margin:0.4rem 0.3rem;}
.layout .heardR .nav-icon::before{content:""; width:0.48rem; height:0.12rem; display:block; border-top:0.04rem solid #999; border-bottom:0.04rem solid #999;}
.layout .heardR .nav-icon::after{content:""; width:0.48rem; height:0.04rem; display:block; background:#999; margin-top:0.12rem;}
.layout .heardR .leftL{width:4.5rem; width:100%; height:100%; background:#fff; border-top:1px solid #f0f0f0; overflow-x:hidden; position:fixed; top:1.2rem; right:-4.5rem; right:-100%; z-index:50; transition-property:right; transition-duration:0.3s;}
.layout .heardR .leftL ul{display:block; margin:0 0.5rem;}
.layout .heardR .leftL li{width:100%; min-height:1rem; display:block; font-size:0.34rem; line-height:1rem;}
.layout .heardR .leftL li p {color:#222; padding:0;}
.layout .heardR .leftL li > a > p > i::before{content:"▲"; font-style:normal; display:inline-block; margin-left:0.15rem; transform:scale(1, 0.5);}
.layout .heardR .leftL li:hover > a > p > i::before{content:"▼";}
.userBtn{display:none !important;}

.layout .heardR .leftL .select p{color:#38f;}
.layout .heardR .leftL .nav_shadow{width:8rem; height:105%; background:rgba(0,0,0,0.6); position:absolute; top:-1px; left:-8rem; opacity:0; transition-property:opacity; transition-duration:0.3s;}
body.head_nav_show .layout .heardR  .nav-icon::before{border-bottom-color:#fff; margin-top:0.14rem; transform-origin:50% 0; transform:rotate(-45deg);}
body.head_nav_show .layout .heardR  .nav-icon::after{margin-top:-0.2rem; transform:rotate(45deg);}
body.head_nav_show .layout .heardR .leftL{right:0; overflow-x:inherit;}
body.head_nav_show .layout .heardR .leftL .nav_shadow{opacity:1;}

.heardR .smallNav{width:100%; text-align:left; padding-left:0.4rem; display:none;}
.heardR .smallNav .layout{display:block;}
.heardR .smallNav a{display:block; line-height:0.46rem; cursor:pointer; margin:0.3rem 0 0.3rem;}
.heardR .smallNav a span{font-size:0.3rem; color:#666;}
.heardR .smallNav a p{font-size:0.28rem; color:#999 !important; display:none;}
.heardR .smallNav a i{color:#38f; font-style:normal;}
.layout .heardR li:hover .smallNav{display:block;}

.banner{width:100%; overflow:hidden;}
.banner img{width:100%; height:4rem; object-fit:cover;}

.foot{width:100%; background-color:#3e4146;}
.foot .on{display:block; padding:0 0.6rem; font-family:MicrosoftYaHei;}
.foot ul{display:block;}
.footL li{width:100%; overflow:hidden;}
.footL li span{display:block; font-size:0.3rem; font-weight:bold; color:#fff; padding:0.7rem 0 0.2rem;}
.footL li p{font-size:0.28rem; color:#e5e5e5; padding:0.1rem 0;}
.footL li.point p{width:33.33333%; float:left; display:inline-block; font-size:0.28rem; color:#e5e5e5; padding:0.2rem 0;}
.footR{text-align:center;}
.footR p{font-size:0.28rem; color:#e5e5e5; padding:0.1rem 0;}
.footR p:first-child{font-size:0.3rem; font-weight:bold; color:#fff; padding:0.8rem 0 0.2rem;}
.footR img{width:2rem; margin-top:0.1rem;}
.intro{min-height:1rem; border-top:1px solid #999; margin-top:0.5rem; text-align:center; font-size:0.24rem; color:#999; line-height:0.28rem; padding:0.1rem 0.3rem; display:flex; justify-content:space-around; flex-direction:column;}

.footerNav{width:100%; height:0.98rem; display:block; background:#38f; text-align:center; font-size:0.32rem; line-height:0.98rem; position:fixed; left:0; bottom:0; z-index:60;}
.footerNav a{width:1%; display:table-cell; color:#fff; position:relative;}
.footerNav a img{width:0.4rem; vertical-align:middle; margin-right:0.1rem;}
.footerNav a::after{content:""; width:0.04rem; height:0.36rem; display:block; background:#fff; position:absolute; right:-0.02rem; top:50%; margin-top:-0.18rem;}
.footerNav a:last-child::after{display:none;}

.page_2{height:0.8rem; margin-bottom:0.4rem; text-align:center; font-size:0.24rem; line-height:0.8rem;}
.page_2 button{background:#fff; font-size:0.3rem; color:#333; border:none; margin:0 0.1rem; padding:0.1rem 0.2rem;}
.page_2 .input_page_num{width:0.8rem; height:0.5rem; margin:0 0.1rem; text-align:center; color:#333; border:1px solid #e5e5e5;}
.page_2 button.current_page{background:#eef5fd;}

.positionImg {display:flex; position:fixed; left:0px; top:50%; z-index:20; display:none;}
.positionImg #ImgShow {width:28px; height:120px; margin:95px 0;}
.positionImg #ImgCall {display:none; width:46px; height:178px;}
#iframe {display:none; position:fixed; top:25%; left:200px; width:362px; height:542px; z-index:20; border-radius:8px;}