@import 'swiper.min.css';
@import 'animate.css';
@import 'skin.css';

/***********************************
 *** 全局初始化
 **********************************/
* { margin:0; padding:0; -webkit-tap-highlight-color:rgba(0,0,0,0); box-sizing:border-box; }
a, a:link, a:visited, a:hover, a:active { color:inherit; text-decoration:none; }
html { height:100%; }
body { width:100%; min-height:100%; max-width:640px; min-width:320px; margin:0 auto; font:.28rem/1.8 "Microsoft Yahei", Arial; color:#434648; background:#fff; padding:0 0 0; transition:transform .3s ease; }
img { border:0px; }
h1, h2, h3, h4, h5, h6, h7 { font-size:.28rem; }
ul, ol { list-style-type:none; }
input,button,select,textarea { outline:none; font-family:"Microsoft Yahei", Arial; font-size:.2rem; -webkit-appearance:none !important; }
table { border-collapse:collapse; border-spacing:0; }
.clearfix:after { content:""; display:block; clear:both; width:100%; height:0; line-height:0; font-size:0; }

.fl { float: left; }
.fr { float: right; }
.h { color: #df4a43; }
.hui { height: .6rem; width: 100%; background: #f5f5f5; }


/***********************************
 *** 网站风格
 **********************************/
body.active { position:fixed; transform:translate3d( 75%, 0, 0); }
.maiNav{ height: 0.48rem ; text-align: center; background:#eff2f5;     position: fixed;
    width: 100%;
    top: 0;
    z-index: 66;
}

.maiNav>a{font-size:.2rem;  line-height: .48rem; color: #333;    display: inline-block;
    position: relative;background:url(../images/itel.png) no-repeat left center;background-size:auto .25rem;    padding-left: 0.3rem;}
.maiNav>a b{color:#ff6701;font-size:.24rem;}
.mai_top{margin:0 auto; height:auto; /*position: fixed; */z-index:666; top:0;    background: #fff;}
/*头部及导航start*/
.header_main {
    height: 0.98rem;
    left: 0;
    z-index: 100;
    position: fixed;
    width: 100%;
    top: 0.48rem;
    background: #ffffff;
}
.header_main .logo_main {
  display: block;
  height: 0.98rem;
  width: 100%;
  margin: 0 auto;
  color: #0267ad;
}
.header_main .logo_main img {
  display: block;
  height: 0.88rem;
  max-width: 100%;
  float: left;
    margin-left: 0.3rem;margin-top: 0rem;
}
.header_main .tit {
  width: 100%;
  height: 0.9rem;
  line-height: 0.9rem;
  text-align: center;
  font-size: .34rem;
  color: #fff;
}


.header_main .navbtn {

     position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    width: 1.33rem;
    height: 0.98rem;
    background: #ec353a;
}
.header_main .navbtn s {
     width: 0.56rem;
    height: 0.98rem;
  display: block;
  margin: 0 auto;
background: url(../images/sou_03.png)no-repeat  center center;    background-size: contain;
}
.header_main .navbtn.cur s {
 background: url(../images/sou_04.png)no-repeat center center;    background-size: contain;    width: 0.34rem;
    height: 0.98rem;
}
.header_main .goBack {
  width: 1rem;
  height: 0.9rem;
  position: absolute;
  left: 0;
  top: 0;
}
.header_main .goBack:before {
  width: 0.22rem;
  height: 0.36rem;
  margin: .28rem auto 0;
  background: url(../g-images/g-ico.png) no-repeat;
  background-size: 4rem auto;
  background-position: -0.98rem -0.9rem;
  content: '';
  display: block;
}


.dsubNav{position: relative;display: block;    top: 0;background: #f5f5f5;    z-index: 999;    height: auto;}
.dsubNav .subNavCon{position: relative;background: none;    height: auto;}
.dsubNav li a.on s {
    background: url(../images/jian.png)no-repeat;
    background-size: contain;
}
.dsubNav li a s{    background: url(../images/jia.png)no-repeat;
    background-size: contain;}
.dsubNav li .box dl dt {
    background: url(../images/bot02.png)no-repeat center right;
    background-size: 0.28rem;}    
    
 .dsubNav li .box dl dt.on {
    background: url(../images/top02.png)no-repeat center right;
    background-size: 0.28rem;
}   

.ntel{font-size: 0.24rem;text-align: center;line-height: 0.8rem;}
.ntel b{font-size: 0.3rem;color: #ec353a;}


/*banner*/
.banner { width:100%; overflow:hidden; position:relative;    margin-top: 1.46rem; }
.banner .list { float:left; width:500%; }
.banner .list li { float:left; width:20%; }
.banner .list img { display:block; width:100%; }
.banner .dots { width:100%; line-height:0; text-align:center; clear:both; display:none; position:absolute; left:0; bottom:.3rem; }
.banner .dots li { display:inline-block; width:.3rem; height:.3rem; background: #fff; margin:0 .1rem; vertical-align:middle; border-radius: 50%; }
.banner .dots li.active { background: #df4a43; }

/*navigation*/
.navigation { position:relative; display:block; background: #df4a43; height: 2rem; border-top: 1px solid #fff; border-bottom: 1px solid rgba(255,255,255,.5); }
.navigation .list li { border: 1px solid rgba(255,255,255,.5); border-right: none; border-top: none; float: left; height: 1rem; width: 25%; color: #fff; text-align: center; line-height: 1rem; font-size: .3rem; }
.navigation .list li:active { background: url(../images/btn.jpg) center repeat; color: #fff; }

/*searcher*/
.searchbg { position: relative; }
.searcher { position:relative; display:block; }
.searcher .head { position:relative; padding:.2rem 1.4rem .2rem .2rem; }
.searcher .txt { width:100%; height:.8rem; border:1px solid #ddd; background:#fff; padding:0 0 0 .2rem; }
.searcher .submit { position:absolute; right:.1rem; top:.1rem; bottom:.1rem; border:0; width:1rem; background: #d3b177; background-size:.4rem; color:#fff; }
.searcher .cancel { position:absolute; right:.1rem; top:.1rem; bottom:.1rem; width:1rem; border:0; color:#999; display:none; }
.searcher.fixed { position:fixed; left:0; top:0; right:0; bottom:0; background:#fff; z-index:666; }
.searcher.fixed .head { background:#eee; }
.searcher.fixed .cancel { display:block; }

.ipro { padding: .4rem 0; position: relative; text-align: center; }
.ipro .head h2 { font-size: .38rem; color: #2c2f3c; }
.ipro .head h2 span { color: #df4a43; }
.ipro .head .line { display: inline-block; width: 100%; height: .2rem; background: url(../images/head-1.png) center no-repeat; background-size: contain; }

.ipro .list { position: relative; width: 100%; overflow: hidden; }
.ipro .list li { width: 30%; margin: .2rem 0 0 .2rem; text-align: center; background: url(../images/pro.png) bottom left no-repeat; background-size: 200%; padding-bottom: .4rem; }
.ipro .list .img { width: 1.6rem; height: 1.6rem; overflow: hidden; border-radius: 50%; border: 1px solid #e9e9e9; margin: .2rem auto; background: #fff; box-shadow: 0 5px 10px 0px rgba(63, 63, 63, 0.1); -moz-box-shadow: 0 5px 10px 0px rgba(63, 63, 63, 0.1); }
.ipro .list .img img { height: 100%; width: auto; }
.ipro .list h2 { font-size: .32rem; color: #2c2f3c; }
.ipro .list .line { display: block; width: .6rem; height: 2px; background: #df4a43; margin: .1rem auto; }
.ipro .list p { color: #6b6e78; }
.ipro .more { display: inline-block; width: 3rem; height: .8rem; line-height: .8rem; text-align: center; background: #df4a43; color: #fff; margin-top: .4rem; }
.ipro .list li:active { background: url(../images/pro.png) bottom right no-repeat; background-size: 200%; }
.ipro .list li:active h2 { color: #fff; }
.ipro .list li:active .line { background: #fff; }
.ipro .list li:active p { color: #fff; }
.ipro .more:active { background: #2c2f3c; }

.iform { padding: .4rem 0; position: relative; background: url(../images/mesbj.jpg) top center no-repeat; background-size: cover; text-align: center; }
.iform h2 { font-size: .38rem; color: #2c2f3c; }
.iform h2 span { color: #df4a43; }
.iform h3 { font-weight: normal; font-size: .24rem; color: #6b6e78; }
.iform .list { position: relative; overflow: hidden; padding-bottom: .2rem; }
.iform .form .name,
.iform .form .tel { width: 3.4rem; margin: .2rem 0 0 .2rem; height: .7rem; line-height: .7rem; border: 1px solid #e9e9e9; border-radius: 4px; padding-left: .7rem; }
.iform .form .name { background: url(../images/form-1.png) left center no-repeat #fff; background-size: contain; }
.iform .form .tel { background: url(../images/form-2.png) left center no-repeat #fff; background-size: contain; }
.iform .form .zi,
.iform .form .button { display: inline-block; width: 3rem; height: .7rem; line-height: .7rem; text-align: center; margin: .2rem; }
.iform .form .zi { border: 1px solid #df4a43; color: #df4a43; }
.iform .form .button { background: #df4a43; color: #fff; border: 1px solid #df4a43; font-size: .28rem; }
.iform .form .zi:active,
.iform .form .button:active { background: #2c2f3c; border: #2c2f3c; color: #fff; }

.imajor { padding: .4rem 0; position: relative; text-align: center; }
.imajor .head h2 { font-size: .38rem; color: #2c2f3c; }
.imajor .head h2 span { color: #df4a43; }
.imajor .head h3 { font-weight: normal; font-size: .24rem; color: #6b6e78; }
.imajor .list { position: relative; width: 100%; overflow: hidden; }
.imajor .list li { width: 30%; margin: .3rem 0 0 .2rem; text-align: center; float: left; }
.imajor .list li .img { position:relative; padding:0 0 99%; margin:0 0 -1px; background:#eee; border-bottom: 1px solid #fff; overflow: hidden; border-radius: 50%; }
.imajor .list li img { position:absolute; left:0; top:0; width:100%; height:100%; }
.imajor .list h4 { font-weight: normal; line-height: .6rem; }
.imajor .list li:active .img { box-shadow: 0 5px 10px 0px rgba(63, 63, 63, 0.1); -moz-box-shadow: 0 5px 10px 0px rgba(63, 63, 63, 0.1); }
.imajor .list li:active h4 { color: #df4a43; }
.imajor .more { display: inline-block; width: 3rem; height: .8rem; line-height: .8rem; text-align: center; background: #df4a43; color: #fff; margin-top: .4rem; }
.imajor .more:active { background: #2c2f3c; }

.ihelp { padding: .4rem 0; position: relative; background: url(../images/help-bj.png) top center no-repeat; background-size: cover; text-align: center; }
.ihelp h1 { font-size: .38rem; color: #fff; }
.ihelp h1 span { color: #df4a43; }
.ihelp h2 {  font-weight: normal; font-size: .24rem; color: #fff; }
.ihelp .list1 { margin: .3rem 0 0 0; position: relative; overflow: hidden; }
.ihelp .list1 li { width: 46%; position: relative; margin: 0 0 .24rem .2rem; background: #fff; border-radius: 8px; padding: .2rem 0; }
.ihelp .list1 h3 { font-size: .32rem; color: #2c2f3c; }
.ihelp .list1 h3 span { color: #df4a43; font-size: .36rem; }
.ihelp .list1 .j { color: #df4a43; font-size: .36rem; font-weight: bold;line-height: .32rem;     margin-bottom: .16rem;}
.ihelp .list1 .b { display: inline-block; width: 3rem; height: .6rem; line-height: .6rem; border-radius: 4px; background: #aaa; color: #fff; }
.ihelp .jt img { height: 2rem; }
.ihelp .list2 { position: relative; /*margin: .2rem 0;*/  overflow: hidden; }
.ihelp .list2 li { width: 46%; margin: .3rem 0 .3rem .2rem; position: relative; background: url(../images/help-2.png) center .22rem no-repeat; background-size: 4rem; }
.ihelp .list2 h3 { font-size: .32rem; color: #fff; }
.ihelp .list2 .b { display: inline-block; margin: .2rem 0; width: 2rem; height: .6rem; line-height: .6rem; background: #df4a43; color: #fff; }
.ihelp .list2 .you { position: relative; text-align: left; margin: .1rem 0 .1rem .14rem; }
.ihelp .list2 dd { /*background: url(../images/help-3.png) left center no-repeat;*/ background-size: inherit;/* padding-left: .4rem; */color: #fff;    font-size: .22rem;    text-align: center; }
.ihelp .list2 .more { display: inline-block; width: 3.5rem; height: .6rem; line-height: .6rem; border: 1px solid #fff; color: #fff; margin-top: .4rem; }
.ihelp .list2 .more:active { background: #fff; color: #df4a43; }

.iwhy { position: relative; background: url(../images/why-bj.jpg) top center no-repeat; background-size: inherit; padding: .4rem 0; text-align: center; }
.iwhy h1 { font-size: .38rem; color: #2c2f3c; }
.iwhy h1 span { color: #df4a43; }
.iwhy h2 { position: relative; background: url(../images/tel24.png) left center no-repeat; color: #df4a43; width: 4rem; display: inline-block; background-size: .5rem; font-size: .36rem; line-height: .5rem; margin: .2rem; }
.iwhy .list { position: relative; text-align: left; margin: .2rem .2rem; }
.iwhy .list li { position: relative; padding-left: 1.2rem; margin: .2rem 0 0 0; }
.iwhy .list h3 { color: #df4a43; font-weight: normal; font-size: .32rem; }
.iwhy .list p {  }
.iwhy .list .item-1 { background: url(../images/why-3.png) left center no-repeat; background-size: 1rem; }
.iwhy .list .item-2 { background: url(../images/why-4.png) left center no-repeat; background-size: 1rem; }
.iwhy .list .item-3 { background: url(../images/why-5.png) left center no-repeat; background-size: 1rem; }
.iwhy .list .item-4 { background: url(../images/why-6.png) left center no-repeat; background-size: 1rem; }
.iwhy .list .item-5 { background: url(../images/why-7.png) left center no-repeat; background-size: 1rem; }
.iwhy .list .item-6 { background: url(../images/why-8.png) left center no-repeat; background-size: 1rem; }
.iwhy .zi,.iwhy .lian { display: inline-block; width: 3rem; height: .8rem; line-height: .8rem; border: 1px solid #df4a43; color: #df4a43; margin: .3rem .2rem; }
.iwhy .lian { background: #df4a43; color: #fff; }
.iwhy .zi:active,
.iwhy .lian:active { background: #2c2f3c; border: #2c2f3c; color: #fff; }

.ischool { position: relative; padding: .4rem 0; text-align: center; }
.ischool .head h2 { font-size: .38rem; color: #2c2f3c; }
.ischool .head h2 span { color: #df4a43; }
.ischool .head .line { display: inline-block; width: 100%; height: .2rem; background: url(../images/head-1.png) center no-repeat; background-size: contain; }
.ischool .list { position: relative; overflow: hidden; }
.ischool .list li { width: 46%; position: relative; margin: .3rem 0 0 .2rem; border: 1px solid #e9e9e9; }
.ischool .list .img { padding: 0 0 75%; background: #f9f9f9; position: relative; }
.ischool .list img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; }
.ischool .list h3 { line-height: .6rem; font-weight: normal; }
.ischool .more {  width: 3rem; height: .8rem; line-height: .8rem; border: 1px solid #df4a43; color: #df4a43; margin-top: .3rem;    margin: 16px auto 6px;
    align-items: center;
    justify-content: center;
    display: flex; }
.ischool .list li:active { box-shadow: 0 5px 10px 0px rgba(63, 63, 63, 0.1); }
.ischool .more:active { background: #2c2f3c; border: #2c2f3c; color: #fff; }

.iabout { position: relative; padding: .4rem 0; text-align: center; }
.iabout .bj { position: absolute; top: 0; left: 0; right: 0; height: 4rem; background: url(../images/about-bj.png) top center repeat; }
.iabout .head { position: relative; }
.iabout .head h2 { font-size: .38rem; color: #fff; }
.iabout .head .line { display: inline-block; width: 100%; height: .2rem; background: url(../images/head-2.png) center no-repeat; background-size: contain; }
.iabout .content { background: #fff; margin: .3rem .2rem; padding: .2rem; position: relative; box-shadow: 0 5px 10px 0px rgba(63, 63, 63, 0.1); }
.iabout .content p { margin-bottom: .2rem;     text-align: justify;}
.iabout .more { padding: .1rem .4rem; background: #df4a43; color: #fff; }
.iabout .aboutimg { margin: .2rem 0; position: relative; }
.iabout .imglist { position: relative; margin: 0 .2rem; }
.iabout .list { width: 200%; position: relative; }
.iabout .list li { position: relative;  padding: 0 0 19%; }
.iabout .list img { position: absolute; top: 0; left: 0; width: 100%; height: auto; }
.iabout .list h2 { display: none; height: .6rem; line-height: .6rem; background: url(../images/case-bj.png) center repeat; position: absolute; left: 50%; bottom: -.6rem; right: -.8rem; font-weight: normal; font-size: .24rem; color: #fff;margin-left: -1.8rem;  }
/*.iabout .list .swiper-slide-active img  { opacity: 1; width: 3.6rem; left: 50%; top: -.4rem;     margin-left: -1.8rem; }
.iabout .list .swiper-slide-active { z-index: 2; border: 1px solid #fff; }
.iabout .list .swiper-slide-active h2 { display: block;  }*/
.iabout .swiper-container { padding: .2rem 0 .5rem 0; }
.iabout .imglist .swiper-pagination-bullet-active{    background: #df4a43;}
.istu{}
.istu .head { position: relative;     text-align: center;}
.istu .head h2 { font-size: .38rem; color: #2c2f3c; }
.istu .head h2 span { color: #df4a43; }
.istu .head .line { display: inline-block; width: 100%; height: .2rem; background: url(../images/head-1.png) center no-repeat; background-size: contain; }
.istu .more{display: block;
    width: 3rem;
    height: .8rem;
    line-height: .8rem;
    color: #ffffff;
    margin: .3rem auto 0;
    text-align: center;
    background: #df4a43;}
.in-yqsb .swiper-slide {width: 100%;padding: 0 0.15rem;box-sizing: border-box;transition: none;transform: none;}
.in-yqsb .swiper-slide .img-center {float: none;    width: 4.5rem;margin: 0 auto;}
.in-yqsb .swiper-slide .img-center a{display: block;}
.in-yqsb .swiper-slide .img-center img{width: 100%;}
.in-yqsb .swiper-slide .text {margin: 0.2rem 0 0;padding: 0;text-align: center;opacity: 1;}
.in-yqsb .swiper-slide .text .tit{text-align: left;}
.in-yqsb .swiper-slide .text .tit strong{font-size: 0.32rem;}
.in-yqsb .swiper-slide .text .tit small{    text-transform: uppercase;color: #e7e7e7;}
.in-yqsb .swiper-slide .text .box {margin-top: 0.1rem;text-align: left;}
.in-yqsb .swiper-slide .text ul {display: none;}
.in-yqsb .swiper-slide .text a{font-size: 0.24rem;text-align: left;display: block;color: #df4a43;line-height: 0.64rem;}
.in-yqsb .ctrl {    position: absolute;width: 100%;text-align: center;left: 0;top: 30%;bottom: unset;}
.in-yqsb .swiper-button-prev{background: url(../images/prev.jpg);    background-size: 0.6rem;}
.in-yqsb .swiper-button-next{background: url(../images/next.jpg);    background-size: 0.6rem;}
.in-yqsb .swiper-button-prev, .in-yqsb .swiper-button-next {  position: absolute;    width: 0.6rem;height: 0.88rem;margin: 0;}
.in-yqsb .swiper-slide .text h4{background: none;padding-bottom:0;}
.in-yqsb .swiper-pagination {display: none;}

.inews { padding: .4rem 0 .2rem; position: relative; }
.inews .head { position: relative;text-align: center;}
.inews .head h2 { font-size: .38rem; color: #2c2f3c; }
.inews .head h2 span { color: #df4a43; }
.inews .head .line { display: inline-block; width: 100%; height: .2rem; background: url(../images/head-1.png) center no-repeat; background-size: contain; }
.inews .list { position: relative; overflow: hidden; }
.inews .first { position: relative; overflow: hidden; margin: .3rem .2rem 0 .2rem; }
.inews .first .img { width: 40%; padding: 0 0 30%; overflow: hidden; position: relative; background: #e9e9e9; margin-right: .2rem; }
.inews .first img { position: absolute; top: 0; left: 0; height: 100%;  }
.inews .first .text { width: 57%; position: relative; }
.inews .first h3 { font-size: .24rem;    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1; }
.inews .first span { font-weight: normal; font-size: .2rem; color: #666; }
.inews .first .text p {overflow: hidden;  -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;font-size: .22rem; }
.inews .first .mo { padding: .1rem 0; margin-top: .2rem; color: #de4942;font-size: .22rem;}
.inews .list dd { margin: .2rem 0; padding: 0 .2rem; border-bottom: 1px solid #e9e9e9; height: .8rem; line-height: .8rem; }
.inews .list dd .dorp { display: block; width: .2rem; height: .2rem; background: url(../images/news-3.png) left center no-repeat; background-size: .6rem; margin: .3rem .2rem 0 0; }
.inews .list dd h3 {    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 60%;}
.inews .list dd .time { color: #666; font-size: .26rem; }
.inews .list dd:active .dorp { background: url(../images/news-3.png) -.2rem center no-repeat; background-size: .6rem;   }
.inews .more{display: block;
    width: 3rem;
    height: .8rem;
    line-height: .8rem;
    color: #ffffff;
    margin: .3rem auto 0;
    text-align: center;
    background: #df4a43;}

.icontact { padding:.4rem 0 .4rem; }
.icontact .head { position: relative;text-align: center;}
.icontact .head h2 { font-size: .38rem; color: #2c2f3c; }
.icontact .head h2 span { color: #df4a43; }
.icontact .head .line { display: inline-block; width: 100%; height: .2rem; background: url(../images/head-1.png) center no-repeat; background-size: contain; }
.icontact .list { padding:0 .3rem; color:#888; }
.icontact .list dd { position:relative; padding:0.1rem 0 0.1rem 2.3rem; border-bottom: 1px dashed #dddddd; color: #333;margin: 0.1rem 0; }
.icontact .list dd:last-child { border-bottom: 0; }
.icontact .list a { display:block; }
.icontact .list label { position:absolute; left:0; top:0;   padding: 0.05rem 0 0.05rem .7rem;color: #df4a43;   margin-top: .05rem;}
.icontact .list label.name { background:url(../images/icontact-1.png) left center no-repeat; background-size:.5rem; }
.icontact .list label.guwenweixin {background:url(../images/icontact-7.png) left center no-repeat; background-size:.5rem; }
.icontact .list label.qq { background:url(../images/icontact-4.png) left center no-repeat; background-size:.5rem; }
.icontact .list label.email { background:url(../images/icontact-5.png) left center no-repeat; background-size:.5rem; }
.icontact .list label.tel { background:url(../images/icontact-4.png) left center no-repeat; background-size:.5rem; }
.icontact .list label.mobile { background:url(../images/icontact-3.png) left center no-repeat; background-size:.5rem; }
.icontact .list label.address { background:url(../images/icontact-6.png) left center no-repeat; background-size:.5rem; }
.footer { background: #eeeeee; color: #666; }
.copyright { padding: .2rem; line-height: .4rem; text-align: center; }
.footer .gotop { display: block; height: .8rem; background: url(../images/gotop.png) top center no-repeat; background-size: contain; }

.toolbar { display: block; height: 1rem; }
.toolbar .list { display:-webkit-box; display:box; border-top:1px solid #fff;  background: #df4a43;  position:fixed; left:0; right:0; bottom:0; z-index:999; }
.toolbar .list li { -webkit-box-flex:1; box-flex:1; border-left:1px solid rgba(255,255,255,.5); color:#fff; }
.toolbar .list li:first-child { border-left:0; }
.toolbar .list a { display:block; text-align:center; padding:.15rem 0 0; height:1rem; line-height:.3rem; font-size:.26rem; }
.toolbar .list a:active { box-shadow:0 0 1000rem rgba(0,0,0,.15) inset; background:#2c2f3c; }
.toolbar .list a:before { content:''; display:block; width:.4rem; height:.4rem; margin:0 auto .05rem; }
.toolbar .list a.icon-home:before { background:url(../images/toolbar-1.png) center center no-repeat; background-size:contain; }
.toolbar .list a.icon-phone:before { background:url(../images/toolbar-2.png) center center no-repeat; background-size:contain; animation:toolicon 600ms linear infinite; }
.toolbar .list a.icon-online:before { background:url(../images/toolbar-3.png) center center no-repeat; background-size:contain; }
.toolbar .list a.icon-map:before { background:url(../images/toolbar-4.png) center center no-repeat; background-size:contain; }
.toolbar .list a.icon-cp:before { background:url(../images/cp.png) center center no-repeat; background-size:contain; }



/***********************************
 *** 设备适配
 **********************************/
@media (min-width: 700px){
	html { font-size: 70px; }
}
@media (max-width: 700px){
	html { font-size: 60px; }
}
@media (max-width: 500px){
	html { font-size: 50px; }
}
@media (max-width: 350px){
	html { font-size: 50px; }
}
/*微信弹窗*/
#wxnr {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	z-index: 1000;
	display: none;
	background: rgba(0,0,0,.6);
}
#wxnr .nrdf {
	margin: auto;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	width: 80%;
	height: auto;
	padding: .2rem;
	padding-top: .35rem;
	margin-top: -35%;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 0px 2px 6px #777;
	-webkit-box-shadow: 0px 2px 6px #777;
	-moz-box-shadow: 0px 2px 6px #777;
	border-radius: .1rem;
	box-sizing: border-box;
}
#wxnr img {
	width: 40%;
	height: auto;
	display: block;
	margin: 0 auto;
}
#wxnr p {
	color: #333;
	font-size: 0.24rem;
	text-align: center;
}
#wxnr i {
	position: absolute;
	top: 0.12rem;
	right: 0.12rem;
	width: 0.4rem;
	height: 0.4rem;    font-size: 0.2rem;
	line-height: 0.4rem;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-style: normal;
	background: #333;
	border-radius: 100%;
	cursor: pointer;
}
#wxnr span {
	display: inline-block;
	padding: 0.04rem 0.1rem;
	line-height: .3rem;
	background-color: #eb353a;
	color: #fff;
	border-radius: 0.1rem;
	cursor: pointer;
}
#wxnr span.wx {
	padding-left: 23px;
	background-image: url(../images/wx.png);
	background-size: 20px;
	background-position: 5px center;
	background-repeat: no-repeat;
}
/*复制提示*/
#weixin {
	position: fixed;
	top: 50%;
	margin-top: -0.4rem;
	z-index: 9999999;
	color: #fff;
	width: 90%;
	right: 5%;
	line-height: .5rem;
	text-align: center;
	background: rgba(0, 0, 0, 0.8);
	border: 2px solid #333;
	border-radius: 0.1rem;
	display: none;
}
.gotop{ position:fixed; width:0.69rem; right: 2%;bottom:1rem;    z-index: 666;}
.gotop img{width: 100%;}

.header_main {
    height: 0.98rem;
    left: 0;
    z-index: 100;
    position: fixed;
    width: 100%;
    top: 0.48rem;
    background: #ffffff;
}
.header_main .logo_main {
  display: block;
  height: 0.98rem;
  width: 100%;
  margin: 0 auto;
  color: #0267ad;
}
.header_main .logo_main img {
  display: block;
  height: 0.86rem;
  max-width: 100%;
  float: left;
    margin-left: 0.3rem;margin-top: .8%;
}
.header_main .tit {
  width: 100%;
  height: 0.9rem;
  line-height: 0.9rem;
  text-align: center;
  font-size: .34rem;
  color: #fff;
}


.header_main .navbtn {

     position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    width: 1.33rem;
    height: 0.98rem;
    background: #de4942;
}
.header_main .navbtn s {
     width: 0.56rem;
    height: 0.98rem;
  display: block;
  margin: 0 auto;
background: url(../images/sou_03.png)no-repeat  center center;    background-size: contain;
}
.header_main .navbtn.cur s {
 background: url(../images/sou_04.png)no-repeat center center;    background-size: contain;    width: 0.34rem;
    height: 0.98rem;
}
.header_main .goBack {
  width: 1rem;
  height: 0.9rem;
  position: absolute;
  left: 0;
  top: 0;
}
.header_main .goBack:before {
  width: 0.22rem;
  height: 0.36rem;
  margin: .28rem auto 0;
  background: url(../g-images/g-ico.png) no-repeat;
  background-size: 4rem auto;
  background-position: -0.98rem -0.9rem;
  content: '';
  display: block;
}
/*subNav*/
.subNav {
  position: fixed;
  width: 100%;
  margin: 0 auto;
  height: 100%;
  top: 1.46rem;
  bottom: 0;
  z-index: 9999;
  display: none;    overflow-x: hidden;
    overflow-y: auto;
    background: #ffffff;    margin-bottom: 1rem;
}
.subNav .subNavCon {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
background: url(../images/subNavShow.png)no-repeat top center#fff;    background-size: 100%;
}
.subNav .subNavCon .sao{}
.subNav .subNavCon .sao img{width: 2rem;margin: 0 auto;display: block;}
.subNav .subNavCon .sao p{text-align: center;font-size: 0.26rem;line-height: 0.36rem;}
.subNav .subNavCon .tel{text-align: center;font-size: 0.3rem;background: url(../images/tel.png)no-repeat left center;background-size:0.3rem ;    width: 4.3rem;
    display: block;
    margin: 0.2rem auto;}

.subNav ul {
  width: 100%;
  padding: .1rem 0 2rem;
  overflow-y: auto;
  height: auto;

}
.subNav li {
  width: 94%;
  display: inline-block;
  line-height: 0.92rem;
  margin: 0 3%;
  position: relative;
  border-bottom: 0.02rem solid #dddddd;
}
.subNav li a {
  display: block;
  color: #333;
  font-size: 0.28rem;
    width: 80%;
    float: left;
}
.subNav li .icobef{    display: block;
    width: 100%;
    overflow: hidden;}
.subNav li .icobef s {
  width: .32rem;
  height: .32rem;
   display: none;
  text-align: center;
  color: #333;
  font-size: .24rem;
   background: url(../images/jia01.png)no-repeat;    background-size: contain;
  margin-top: .25rem;
  margin-right: .1rem;
  float: right;
}
.subNav li a.on {
  color: #e2791d;
}
.subNav li .icobef.on s {
 background: url(../images/jian01.png)no-repeat;    background-size: contain;
}
.subNav li .box {
  display: none;
}
.subNav li .box a {
  border-color: #f9f9f9;
  height: 0.6rem;
  line-height: 0.6rem;
  color: #333;
  font-size: .24rem;
}
.subNav li.hover a {
}

.subNav li .box dl{    width: 98%;margin: 0 auto;    display: grid;}
.subNav li .box dl dt{    width: 100%;
    display: inline-block;
    border-bottom: 0.02rem solid #dddddd;}
.subNav li .box dl dt a{line-height: 0.95rem;color: #666666;    height: 0.9rem;    width: 90%;
    float: left;}
.subNav li .box dl dt i{    background: url(../images/bot.png)no-repeat center right;
    background-size: 0.28rem;
    width: 10%;
    height: 0.9rem;
    float: right; display: none;}
.subNav li .box dl dt.on i{background: url(../images/topp.png)no-repeat center right;background-size: 0.28rem;}
.subNav li .box dl dd{display: none;}
.subNav li .box dl dd a{color: #999999;line-height: 0.6rem;    border: none;}
.subNav li.cur .icobef s,.subNav li .box dl.cur dt i{  display: block; }
.subNav li .box dl:last-child dt{border-bottom:none;}

.subNavShow {
  display: block;
}
.subNav .tsearch {
  width: 100%;
  height: 1rem;
  padding: .2rem 3%;
  position: absolute;
  left: 0;
  top: 0.9rem;
  z-index: 1122;
  background: #f5f5f5;
}
.subNav .tsearch .txt {
  width: 75%;
  color: #000;
  text-indent: .3rem;
  color: #666;
  font-size: .22rem;
  height: .6rem;
  background: #fff;
  border: none;
  position: absolute;
  left: 3%;
  top: .2rem;
  border-bottom-left-radius: .5rem;
  border-top-left-radius: .5rem;
}
.subNav .tsearch .btn {
  color: #fff;
  font-size: .22rem;
  width: 20%;
  height: .6rem;
  line-height: .6rem;
  text-align: center;
  border: 0px;
  background: url(../images/search-ico.png) no-repeat center #0267ad;
  position: absolute;
  right: 3%;
  top: .2rem;
  border-bottom-right-radius: .5rem;
  border-top-right-radius: .5rem;
  background-size: .4rem auto;
}

.dsubNav{position: relative;display: block;    top: 0;background: #f5f5f5;    z-index: 999;    height: auto;}
.dsubNav .subNavCon{position: relative;background: none;    height: auto;}
.dsubNav li a.on s {
    background: url(../images/jian.png)no-repeat;
    background-size: contain;
}
.dsubNav li a s{    background: url(../images/jia.png)no-repeat;
    background-size: contain;}
.dsubNav li .box dl dt {
    background: url(../images/bot02.png)no-repeat center right;
    background-size: 0.28rem;}    
    
 .dsubNav li .box dl dt.on {
    background: url(../images/top02.png)no-repeat center right;
    background-size: 0.28rem;
}   

.ntel{font-size: 0.24rem;text-align: center;line-height: 0.8rem;}
.ntel b{font-size: 0.3rem;color: #ec353a;}