html, body { width: 100%; height: 100%; font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; font-size: .26rem;}
body {
      -webkit-text-size-adjust: none !important;
    }
a, img { -webkit-touch-callout: none; outline: none; } /* 禁止长按链接与图片弹出菜单 */
h1, h2, h3, h4, h5, h6, p, br, form, input, button, textarea, select, fieldset, legend, blockquote, ul, ol, li, dl, dt, dd, pre, table, caption, tr, td, th, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, audio, video { display: block; }
body { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; overflow-x: hidden; -webkit-overflow-scrolling: touch; position: relative; min-width: 100%; font-size:14px;}
body{ color:#101010;}
a:link,a:visited{ color:#101010; text-decoration:none}
a:hover{ color:#32b3e4;}
.clear{ clear:both}
.clearflx:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
a{ tap-highlight-color: rgba(0,0,0,0); focus-ring-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-focus-ring-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0,0,0,0); -moz-focus-ring-color: rgba(0, 0, 0, 0);}

* { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; outline: none; margin:0; padding:0; font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;}

ul,li{ list-style:none;}
.no{ display:none}
img{ max-width:100%; vertical-align:middle}
form{ margin:0; padding:0;}
input[type="button"], input[type="submit"], input[type="reset"] {appearance: none; -webkit-appearance: none; -moz-appearance: none;  outline: none;}
textarea {  -webkit-appearance: none;}
#wrapper{ height: 100%; overflow-y: auto; overflow-x: hidden;}
/* #header,.con,.ss_tit{ position: relative;} */
/* #header{ height: 3rem; background: url(title.jpg) no-repeat center top; background-size: cover; z-index: 2;} */
#header{ height: 150px; background-size: cover; z-index: 2;}
#footer{ z-index: 4; height: 1.26rem; position: fixed; background-color: #fafafa; box-shadow:0 -5px .1rem #eeeeee; left: 0; right: 0; bottom: 0;}
#footer ul{ display: flex;}
#footer li{ flex: 1; text-align: center;}
#footer li a{ display: block; font-size: .22rem; padding: .24rem 0 0 0;}
#footer li.on a,#footer li a:hover{ color: #32b3e4;}
#footer li a i{ width:.48rem; height: .48rem; display:block; margin:0 auto .1rem; background-position: center; background-repeat: no-repeat; background-size: contain;}
#footer li a i.icon1{ background-image: url(21ihj_menu_icon1.png);}
#footer li.on a i.icon1,#footer li a:hover i.icon1{ background-image: url(21ihj_menu_icon1_1.png);}
#footer li a i.icon2{ background-image: url(21ihj_menu_icon2.png);}
#footer li.on a i.icon2,#footer li a:hover i.icon2{ background-image: url(21ihj_menu_icon2_1.png);}
.con,.con1,.con1_tit,.ss_tit,.tu_list li,.con2,.xl_con1{ border-radius: .18rem;}
/* .con{ background: url(21ihj_con.png) no-repeat center top #ffffff; background-size: cover; width: 6.85rem; margin: -0.43rem auto 0; padding:.25rem 0 .4rem 0; z-index: 3; overflow: hidden;} */
/* .con{ background: url(21ihj_con.png) no-repeat center top #ffffff; background-size: cover; width: auto; margin: -0.43rem auto 0; padding:.25rem 0 .4rem 0; z-index: 3; overflow: hidden;} */
.con{ background: url(21ihj_con.png) no-repeat center top #ffffff; background-size: cover; width: auto; padding:.25rem 0 .4rem 0; z-index: 3; overflow: hidden;}
.tit{ line-height: .46rem; height: .46rem; text-align: center; color: #101010; font-size: .36rem; overflow: hidden;}
.tit i{ display: inline-block; width:6px; height:6px; border-radius: 100%; margin:0 .3rem .05rem .3rem; background-color: #32b3e4;}
.tit span{ display: inline-block;}
.tabs{ height: .8rem; margin: 0 auto; width: 6.85rem;}
.tabs ul{ display: flex; padding: 0 .5rem;}
.tabs li{ flex: 1; text-align: center;}
.tabs li a{ display: inline-block; position: relative; height: .8rem; line-height: .8rem; font-size: .32rem;}
.tabs li.active a{ font-size: .36rem;}
.tabs li a::after{ content: ''; left: 0; right: 0; bottom: 0; height: .05rem; background-color: #32b3e4; border-radius: .025rem; display: none;}
.tabs li.active a::after{ display: block;}
.tab_con{ padding-top: .16rem;}
#tabs-container{ padding-bottom: 1.6rem;}
#tabs-container,#tabs-container .swiper-wrapper{ height: auto;}
.con1{ margin: .34rem auto 0; width: 6.85rem; background-color: #f7f7f7; overflow: hidden;}
.con1_tit{ height: 1rem; line-height: 1rem; position: relative; padding-left: .42rem; font-size: .32rem; font-weight: bold; background-color: #eeeeee;}
.con1_tit i{ position: absolute; font-style: normal; font-weight: normal; font-size: .26rem; right: 0; top: 0; padding: 0 .38rem; height: .6rem; line-height: .6rem; color: #ffffff; background-color: #32b3e4; border-bottom-left-radius: .18rem;}
.con1_tit i.ybj{ background-color: #e60002;}
.con1_con{ padding: .22rem .44rem; line-height: .5rem;}
.con1_con span{ color: #999999; margin-top: .1rem; display: inline-block;}
/* .con_bg{ padding-bottom: 1.6rem; margin: 0 auto; width: 6.85rem;} */
.con_bg{ padding-bottom: 1.6rem; margin: 0 auto; width: 100%;}
.ss_tit{ width: 90%; margin: .2rem auto 0; height: .7rem; line-height: .7rem; box-shadow: 0 0 .2rem rgba(51,51,51,.1); display: flex; z-index: 9;
background: #FFFFFF;}
.ss_tit_l{  width: 1.68rem; position: relative; height: .7rem; font-size: .28rem; color: #999999; text-align: center; padding-right:.15rem;width: 28%;}
.ss_tit_l p{ cursor: pointer;}
.ss_tit_l::before{ content: ''; right: 0; top: .22rem; height:.26rem; width: 1px; background-color: #999999; position: absolute;}
.ss_tit_l::after{content: ''; right: .24rem; top: .24rem; width: .12rem; height: .12rem; position: absolute; border-bottom: 1px solid #999999; border-right: 1px solid #999999; transform: rotate(45deg);}
.ss_tit_l ul{ position: absolute; top: .7rem; display: none; left: 0; right: 0; z-index: 999; background-color: #ffffff; box-shadow: 0 0 5px rgba(0,0,0,.1);}
.inp1{ font-size: .28rem; padding-left: .2rem; border: none; background-color: transparent; width: 100%;}
.btn1{ background: url(21ihj_ss_btn.png) no-repeat center; width:.5rem; height: .7rem; background-size: contain; display: inline-block; border: none; cursor: pointer;}
.tu_list{ margin-top: 0%; margin-right: -.33rem; overflow: hidden;}
.tu_list ul{ display: flex;flex-wrap: wrap;}
.tu_list li{ width: calc(50% - .33rem); margin-right: .33rem; background-color: #f7f7f7; margin-top: .33rem;}
.tu_list li img{ width: 100%; height: auto;}
.tu_list li .title{ padding: .2rem;}
.tu_list li h3{ font-size: .3rem; font-weight: normal; line-height: .4rem; margin-bottom: .12rem;}
.tu_list li p{ line-height:.36rem; font-size: .22rem; color: #999999;}
.tit1{ margin-top: .33rem; line-height: .54rem; font-size: .32rem; font-weight: bold;}
.con2{ margin-top: .22rem; background-color: #f7f7f7; padding: .22rem .22rem .22rem .55rem;}
.list li{ line-height: .7rem; position: relative; padding-left: .22rem;}
.list li::before{ position: absolute; content: ''; left: 0; top:50%; margin-top: -0.04rem; width: .08rem; height: .08rem; border: 100%; background-color: #32b3e4;}
.xl_tit{ margin-top: .22rem; line-height: .6rem; font-size: .36rem; text-align: center;}
.xl_con{ border-bottom: 1px solid #e1e1e1; padding:0 0 .4rem .44rem; color: #999999; line-height: .5rem; margin-top: .26rem;}
.xl_con li{ float: left; width: 50%;}
.xl_tit1{ margin-top: .5rem; line-height: .42rem; font-size: .32rem; font-weight: bold; text-align: center;}
.xl_con1{ line-height: .5rem; background-color: #f7f7f7; padding: .35rem .2rem .35rem .42rem; margin-top: .3rem;}