@charset "utf-8";


.head-height{ height:0.45rem;}
.head{ height:0.45rem; border-bottom:1px solid rgba(255,255,255,0.5); position:absolute; top:0; left:0; right:0; z-index:111; max-width:750px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:100%; background:#fafafa}
.head a{ position:absolute}
.head .icon-logo{  left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); top:50%; left:50%;  height:0.245rem;}
.head .icon-logo img{ display:none}
.head .icon-car{ width:0.195rem; height:0.165rem; background-image:url(../images/icon_car.png);  right:0.12rem; top:0.16rem}
.head .icon-menu{ width:0.47rem; height:0.47rem; left:0; top:0;}
.head .icon-menu:after{ content:" "; position:absolute; width:0.175rem; height:0.125rem; background-image:url(../images/icon_menu.png); left:0.14rem; top:0.175rem; background-size:contain; -webkit-background-size:contain;}
#cnzz_stat_icon_1264418295{
	display: none;
}

.fix-head{ position:fixed; background:#fff; z-index:11111}
.df-head .head{ background:#fff}


.index-menu  a{ text-align:center; color:#666; display:block; text-align:center; padding:0.27rem 0;}
.index-menu .icon{ display:block; width:0.31rem; height:0.31rem; background:url(../images/icon_index_menu.png) no-repeat; margin:0 auto; margin-bottom:0.06rem}

.index-menu .icon-2{ background-position:0 -0.31rem}
.index-menu .icon-3{ background-position:0 -0.62rem}
.index-menu .icon-4{ background-position:0 -0.93rem}
.index-menu .icon-5{ background-position:0 -1.24rem}
.index-menu .icon-6{ background-position:0 -1.55rem}
.index-menu .icon-7{ background-position:0 -1.86rem}
.index-menu .icon-8{ background-position:0 -2.17rem}
.index-menu .icon-9{ background-position:0 -2.48rem}
.index-menu .ads-c-4{ position:relative; border-top:1px solid #f0f0f0; margin-top:-1px;}
.index-menu{ position:relative; overflow:hidden; background:#fff}

.index-title{ padding:0.21rem 0}

.index-img-block{ padding:0 0.1rem 0.1rem;}
.index-img-block a{ display:block; margin-top:0.1rem;}

.icon-jt{ display:inline-block; width:0.045rem; height:0.07rem; background:url(../images/icon_jt.png) no-repeat; background-size:cover; -webkit-background-size:cover; vertical-align:middle; margin-right:0.1rem}
.index-new-tab { border-bottom:1px solid #ebebeb; border-top:1px solid #ebebeb; padding:0.1rem; width:100%; overflow:hidden}
.index-new-tab a{ float:left; width:33%; text-align:center; color:#333; height:0.41rem; position:relative; line-height:0.41rem; border:1px solid #00AAE7;font-size: 0.1rem;}
.index-new-tab a.hover{ color:#fff; background:#00AAE7}
.index-new-tab a.hover .icon-jt{ background-image:url(../images/icon_jt_h.png);}

.index-news li .icon-jt{ position:absolute; right:0rem; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:0.09rem; height:0.09rem; background-image:url(../images/icon_jt2.png)}

.index-news{}

.index-news li{ border-bottom:1px solid #ebebeb; padding:0.1rem 0; line-height:150%; position:relative; padding-right:0.3rem; height:0.77rem; padding-left:1.2rem;}
.index-news li .img{ position:absolute; left:0.1rem; width:1rem; height:0.57rem; overflow:hidden; top:0.1rem;}
.index-news li .img img{ position:absolute; top:50%; width:100%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); height:auto !important;}
.index-news li .t1{ padding:0.05rem 0 0.05rem}

.index-news li .t1 .ticon{ width:0.16rem; height:0.16rem; display:inline-block; vertical-align:middle; margin-right:0.02rem; position:relative; margin-top:-0.01rem;}
.index-news li .t1 .ticon.ti1{ background:url(../images/nt_icon_1.png) no-repeat; background-size:cover; -webkit-background-size:cover;}
.index-news li .t1 .ticon.ti2{ background:url(../images/nt_icon_2.png) no-repeat; background-size:cover; -webkit-background-size:cover;}



.index-news-more-btn{ height:.45rem; line-height:.45rem;  width:100%; display:block;  text-align:center; color:#00AAE7}
.icon-jt-trans{ transform:rotate(180deg); -webkit-transform:rotate(180deg); margin-right:0; margin-left:0.1rem}
.index-img-foot-block a{ display:block;}
.video-div a{ top:0.71rem; left:31.7%; width:36.6%; position:absolute; z-index:11}


.foot{ background:#fcfcfc; width:100%; padding:0.1rem}
.foot-top{ background:#191919; text-align:center; position:relative}
.foot-top .table-cell{ height:0.7rem;}
.foot-top  a{ color:#adadad; font-size:0.16rem}
.foot-top .ft-icon{ display:block; margin:0 auto 0.02rem; width:0.21rem; height:0.21rem}
.foot-top .ft-icon2{ width:0.235rem}
.foot-top:after{ height:0.185rem; width:1px; left:50%; background:#333; position:absolute; content:" "; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.foot-list{ width:100%; overflow:hidden; position:relative;  width:100%;   line-height:0.45rem; text-align:left; font-size:0.16rem}
.foot-list a{border-bottom:1px solid #eaeaea; color:#666; position:relative; display:block;}
.foot-list dt a:after{ content:" "; position:absolute;width:0.08rem; height:0.08rem; background:url(../images/foot_more_jt.png) no-repeat; background-size:cover; -webkit-background-size:cover; vertical-align:middle; top:50%; margin-top:-0.04rem; right:0.05rem}


.foot-list dt.foot-list-text a:after{ display:none}
.foot-list dd { display:none;}
.foot-list dd a{ color:#999; padding-left:0.25rem}
.foot-list a.icon-more:after{background-image:url(../images/foot_more.png) ;}
.foot-list .hover a.icon-more:after{background-image:url(../images/foot_more_h.png) ;}

.foot-list-text{ font-size:0.13rem; color:#aaa;    line-height: 0.2rem;}
.foot-list-text a{ color:#00AAE7; display:inline-block; padding:0; margin:0; border:none}

.foot-icon{ width:0.25rem; height:0.25rem; background:url(../images/foot_icon.png) no-repeat; display:block; margin:0 auto; background-size:cover; -webkit-background-size:cover;}
.foot-icon-list{ text-align:center; padding:0.2rem 0; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea}
.foot-icon2{ background-position:0 -0.25rem}
.foot-icon3{ background-position:0 -0.5rem}
.foot-icon4{ background-position:0 -0.75rem}
.foot-icon-list a{ color:#666; text-align:center; font-size:0.13rem; display:block;}
.foot-icon-list a:active{ color:#00AAE7}

.foot-bottom { padding:0.2rem 0; text-align:center; color:#aaa;border-top: 1px solid #eaeaea;}
.foot-bottom a{ color:#aaa; margin:0 0.05rem; display:inline-block; width:0.4rem;}
.foot-bottom .t2{ font-size:0.12rem; color:#999; padding-top:0.1rem}
.icon-gotop{ width:0.5rem; height:0.5rem; background:url(../images/icon_gotop.png) no-repeat; right:0.14rem; bottom:0.7rem; position:fixed; z-index:111; background-size:cover; -webkit-background-size:cover;}



.icon-wx:after{ background:url(../images/weixin.png) no-repeat; background-size:contain; -webkit-background-size:contain;  bottom:120%; left:50%; transform:translateY(-50%); -webkit-transform:translateX(-50%);  width:0; height:0; transition:all 0.3s ease-in; -webkit-transition:all 0.3s ease-in; position:absolute; content:" "}
.icon-wx.active:after{  width:365%; height:525%;}

.main:before{ opacity:0; background:none; z-index:-1111; }
.active-menu .main:before{ background:rgba(0,0,0,0.6); position:fixed; z-index:1111; left:0; top:0; bottom:0; right:0; opacity:1; content:" ";  transition:all 0.3s ease-in; -webkit-transition:all 0.3s ease-in;}
.nav-layer-wrap{ position:fixed; width:100%; height:100%; left:100%; top:0; z-index:1111111111; -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;}
.nav-layer{ position:absolute; z-index:1111111111; width:100%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); max-width:750px;  display:; height:100%; overflow-y:auto;}

.nav-layer-wrap.active{ left:0%}

 .nav-close{ width:0.52rem; height:0.45rem; background:#00AAE7; position:absolute; right:0rem; top:0; display:none}
.nav-close span{ width:0.15rem; height:0.15rem; background:url(../images/nav_close.png) no-repeat; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.nav-layer ul { margin-left:1.03rem; background:#fff; padding-bottom:1rem; margin-top:0.45rem}
.nav-layer ul li{ height:.6rem; line-height:.6rem; position:relative;  background:#fff; }
.nav-layer ul li a{ color:#333; padding-left:0.215rem; position:relative; display:block; font-size:0.16rem;border-bottom:1px solid #f0f0f0; height:0.6rem;white-space:nowrap;
   overflow:hidden;
   text-overflow:ellipsis;}
.nav-layer ul .icon{ background:url(../images/icon_nav.png) no-repeat; background-size:cover; -webkit-background-size:cover; display:block; position:absolute; left:0.25rem; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:0.29rem; height:0.29rem}
.nav-layer ul li > a:after{ position:absolute; content:" "; width:0.15rem; height:0.15rem; background:url(../images/nav_icon_jt.png) no-repeat; background-size:cover; -webkit-background-size:cover; right:0.1rem; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}

.nav-layer ul li.more > a:after{ background-image:url(../images/nav_icon_more.png);}
.nav-layer ul li.more.hover > a:after{ background-image:url(../images/nav_icon_more_h.png);}
.ej-nav{display:none;}
.hover .ej-nav{display:block;}
.ej-nav a{ display:block; line-height:0.45rem; border-bottom:1px solid  #f0f0f0; height:0.45rem !important; padding-left:0.35rem !important}
.nav-layer ul li.more.hover { height:auto;}

.active-menu .head{ position:fixed; z-index:1111111112; border-bottom:1px solid #f0f0f0}
.active-menu  .nav-close{ display:block;}

.about-change{ background:#f0f0f0}
.about-change.bg-white{ background:#fff}
.about-change a{ height:.5rem; line-height:.5rem; text-align:center; display:block; color:#333; font-size:0.16rem}
.about-change a.hover{ color:#ff9f00}
.text-div{ padding:.14rem; word-wrap:break-word !important; line-height:170%}

.about-list{ background:#f2f2f2; padding:.14rem; text-align:center;}
.about-list .t2{ padding-bottom:.12rem; line-height:150%; padding-top:0.02rem}
.about-list .items{ padding-top:.16rem}
.about-list .line{ height:0.15rem; width:1px; background:#d8d8d8; margin:.195rem auto 0;}

.jt-change-tab{ position:relative; padding:0 0rem; border-bottom:1px dotted #bfbfbf}
.jt-change-tab a{ height:.55rem; line-height:.55rem; padding:0 0.05rem; color:#999; display:inline-block; text-align:center; font-size:0.19rem; font-weight:bold; position:relative}
.jt-change-tab a.hover{ color:#ff9f00; position:relative;}
.jt-change-tab a.hover:after{ height:1px; background:#ff9f00; width:100%; bottom:0; position:absolute; content:" "; left:0}


.jt-change-div{ position:relative}
.jt-change-div .btn{ width:0.36rem; height:.36rem; position:absolute; top:50%; margin-top:-0.18rem; z-index:1111}
.jt-change-con{ font-size:0.15rem; padding:0 0.45rem}
.jt-change-div .btn:after{ width:0.36rem; height:0.36rem; background:url(../images/icon_left.png) no-repeat; background-size:contain; -webkit-background-size:contain; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); content:" "; position:absolute;}
.jt-change-div .btn-left{ left:0.1rem;}
.jt-change-div .btn-right{ right:0.1rem;}
.jt-change-div .btn-right:after{ transform: translate(-50%,-50%) rotate(180deg); -webkit-transform: translate(-50%,-50%) rotate(180deg);}


.gallery-thumbs  .swiper-slide{ width:25% !important;}
.gallery-thumbs { overflow:visible !important}
.jt-change-tab .swiper-slide-active a{ color:#00AAE7; position:relative;}
.jt-change-tab  a:after{ height:0.07rem; width:0.07rem; border-radius:50%; -webkit-border-radius:50%; ; background:#ccc;   position:absolute; content:" "; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); top:100%;}

.jt-change-tab .swiper-slide-active a:after{ background:url(../images/icon_hover.png) no-repeat; background-size:cover; -webkit-background-size:cover;}



.jt-change-con .text-con{  margin-left:0.5rem; position:relative;  padding-right:0.1rem; min-height:1.9rem}

.jt-change-con .item{ position:relative;  margin-top:.05rem; line-height:150%; font-size:0.12rem; text-align:left; color:#000}
.jt-change-con .m{ position:absolute; left:-0.55rem; text-align:right; color:#000; top:0; display:block; white-space:nowrap; font-weight:bold; text-align:right; width:0.4rem}



.jt-list{ background:#577484; padding:0.215rem 0.15rem  0.26rem; width:100%; overflow:hidden}
.jt-list .item{ margin-bottom:0.1rem; float:left; width:100%;}
.jt-list .top{ position:relative; height:.5rem; text-align:center; line-height:.5rem; background:#fff; color:#333; font-size:0.15rem}
.jt-list .top .icon{ height:.5rem; width:.645rem; left:0rem; border-right:1px solid #dfdfdf; padding:0 0.0725rem}
.jt-list .top .cur{ position:absolute; background:url(../images/icon_btn2.png) no-repeat; width:0.29rem; height:0.29rem; right:0.19rem; top:50%; margin-top:-0.145rem; overflow:hidden}
.jt-list .bottom{ background:#eaedef; padding:0.13rem 0.16rem 0.2rem; font-size:0.135rem; color:#666; line-height:180%; display:none;}
.jt-list .hover .top .cur{ background-image:url(../images/icon_btn.png)}
/*20181111*/

.load-more{ display:inline-block; height:0.25rem; border:1px solid #e4e4e4; line-height:0.25rem; color:#999; padding:0 0.18rem; border-radius:0.125rem; -webkit-border-radius:0.125rem;}
.load-more span{ background:url(../images/load.png) no-repeat; width:0.14rem; height:0.14rem; background-size:cover; -webkit-background-size:cover; display:inline-block; vertical-align:middle;}
.load-more-wrap{ padding:0.26rem 0 0.23rem }

.video-list li{ position:relative; margin-bottom:0.1rem; background:#fff; padding:0.1rem;}
.video-list li img{ height:2rem;}
.video-list li .pic{ width:100%; position:relative; height:2rem;}
.video-list li .pic iframe{ width:100% !important}
.video-list .play-icon{ background:url(../images/icon_video.png) no-repeat; position:absolute; width:0.405rem; height:0.405rem; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); background-size:cover; -webkit-background-size:cover;}
.video-list .t1{ font-size:0.16rem; color:#333; padding-top:0.18rem; padding-bottom:0.08rem; color:#333; padding-left:0.05rem; padding-right:0.05rem}
.video-list li.showVideo .play-icon{ display:none}
.video-list li.showVideo .t1{ display:none}
.video-list li iframe{ width:100% !important}
.nd-body .head{ background:#fff}

.news-con{ background:#f0f0f0;padding:0.1rem}

.new-title { padding-bottom:0.15rem; border-bottom:1px solid #e4e4e4}
.new-title .t1{ color:#333; line-height:150%; padding-top:0.3rem; padding-bottom:0.06rem}
.new-title .t2{ color:#999;}

.new-title .ticon{ width:0.16rem; height:0.16rem; display:inline-block; vertical-align:middle; margin-right:0.02rem; position:relative; margin-top:-0.01rem;}
.new-title .ticon.ti1{ background:url(../images/nt_icon_1.png) no-repeat; background-size:cover; -webkit-background-size:cover;}
.new-title .ticon.ti2{ background:url(../images/nt_icon_2.png) no-repeat; background-size:cover; -webkit-background-size:cover;}



.news-text{ color:#666; padding:0.12rem 0.02rem 0.3rem;}

.new-foot{  line-height:0.2rem; border-top:1px solid #e4e4e4; background:#f2f2f2}
.new-foot a{  color:#a88747;  font-size:0.15rem}
.new-foot .icon{ width:0.16rem; height:0.16rem; display:inline-block; background:url(../images/news_foot_icon.png) no-repeat; vertical-align:middle; margin:0 0.04rem; background-size:cover; -webkit-background-size:cover; top:-0.01rem; position:relative}
.new-foot .icon2{ background-image:url(../images/news_foot_icon2.png);}
.new-foot .icon3{ transform:rotate(180deg); -webkit-transform:rotate(180deg)}
.new-foot a:active{ color:#00AAE7}


.active-list{ padding:0.05rem 0.15rem 0;}
.active-list li{ margin-top:0.1rem}
.active-list .pic{ height:3.3rem; position:relative; overflow:hidden}
.active-list img{ height:3.3rem; position:relative;}
.active-list .state{ position:absolute; background:#ff9f00; color:#fff; bottom:0; right:0; line-height:.35rem; width:1rem; text-align:center; white-space:nowrap}
.active-list .t1{  line-height:180%; color:#222; text-align:center; background:#fff; border-bottom:1px solid #e4e4e4; padding:0.15rem 0}
.active-list .t1 .t1-top{ font-size:0.19rem; color:#333}
.active-list .t1 .t1-bottom{ font-size:0.13rem; color:#666} 
.active-list .text{ border:1px solid #e4e4e4; background:#fff}
.active-list .t2{ color:#9d9d9d; text-align:left; height:0.53rem; line-height:0.53rem; font-size:0.12rem; position:relative;}
.active-list .t2 a{ color:#00AAE7; right:0.15rem; position:absolute;}
.icon-time{ /*background:url(../images/icon_time.png) no-repeat;*/ width:0.135rem; height:0.135rem; background-size:cover; -webkit-background-size:cover; display:inline-block; vertical-align:middle; margin-right:0.05rem}
.state.dsiabled{ background:#333; color:#fff}


/*20181111 end*/

.active-submit-bottom{ background:#fff; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; padding:0.2rem 0.15rem 0.215rem; text-align:center}
.active-submit-bottom .icon{background:url(../images/icon_submit.png) no-repeat; width:0.3rem; height:0.3rem; background-size:cover; -webkit-background-size:cover; display:inline-block; vertical-align:middle; margin-right:0.08rem; margin-top:-0.02rem; position:relative;}
.active-submit-bottom .items{ position:relative; margin-top:0.08rem;  overflow:hidden;}
.active-submit-bottom input{ width:100%; height:0.46rem; border:1px solid #dddcd9; padding-left:0.6rem; font-size:.14rem; border-radius:0.03rem; -webkit-border-radius:0.03rem; background:#fff; float:left;}
.active-submit-bottom .items span{ position:absolute; left:0; top:50%; line-height:0.46rem; width:0.6rem; text-align:center; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
a.submit-btn{ background:#00AAE7; height:0.46rem; line-height:0.46rem; display:block; border-radius:0.03rem; -webkit-border-radius:0.03rem; color:#fff; font-size:0.19rem; margin-top:0.09rem;}
a.submit-btn:active{ background:#cd0010}

.pro-nav{ background:#fff; padding-top:0.15rem; padding-left:0.23rem; border-top:1px solid #e4e4e4; -webkit-border-top:1px solid #e4e4e4; font-size:0; padding-bottom:0.065rem}
.pro-nav a{ display:inline-block; width:1rem; height:0.3rem; line-height:0.3rem; border:1px solid #dedede; font-size:0.15rem; text-align:center; border-radius:0.03rem; -webkit-border-radius:0.03rem; margin-bottom:0.08rem; margin-right:0.145rem}
.pro-nav a.active{ background:#ff9f00; color:#fff; border-color:#ff9f00}
/*
.product-list{ padding:0 0.1rem;}
.product-list li{ margin-top:0.15rem}
.product-list li .pic{ height:2.25rem; overflow:hidden}
.product-list li .pic img{ height:100%}
.product-list .text{ background:#fff; border:1px solid #e4e4e4; border-top:none; height:0.49rem; line-height:0.49rem; padding-left:0.23rem; padding-right:0.6rem; position:relative;}
.product-list .like,.product-big-pic  .like{ position:absolute; right:0; top:0; min-width:0.6rem; color:#999}
.product-list .like .icon,.product-big-pic  .like .icon{background:url(../images/icon_like.png) no-repeat; width:0.16rem; height:0.12rem; background-size:contain; -webkit-background-size:contain; display:inline-block; vertical-align:middle; margin:0 0.02rem; position:relative;}
*/
.product-big-pic{ position:relative; margin-bottom:0.115rem}
.product-big-pic .pback{ width:0.39rem; height:0.39rem; position:absolute; background:url(../images/icon_pback.png) no-repeat; top:0.71rem; left:0.15rem;}
.product-big-pic .t1{ position:absolute; left:0.15rem; bottom:0; color:#fff; bottom:0.12rem}
.product-big-pic  .like{ top:inherit; bottom:0.12rem; color:#999}
.product-big-pic  .like .icon{ margin-top:-0.03rem}

.product-title{ text-align:center; height:0.45rem; line-height:0.45rem; border-top:1px solid #e4e4e4; background:#fff;}
.product-title div{ border-bottom:1px solid #e4e4e4; width:61.8%; margin:0 auto; height:0.23rem;}
.product-title div span{ display:inline-block; background:#fff; padding:0 0.15rem}
.product-detail-foot a{ display:block; height:0.45rem; line-height:0.45rem; color:#999; text-align:center;}
.product-detail-foot a span{background:url(../images/pf_back.png) no-repeat; width:0.045rem; height:0.085rem; background-size:contain; -webkit-background-size:contain; display:inline-block; vertical-align:middle position:relative;}
.product-detail-foot a:active{ background:#fff; color:#ff9f00}

.yuyue-submit-box{ background:#f2f2ed url(../images/bg_submit.png) top center no-repeat; background-size:contain; -webkit-background-size:contain; padding-top:1rem}
.yuyue-submit-box .items span{ color:#999; }


.yy-change-div{ position:relative;}
.yy-change-div .swiper-container-horizontal>.swiper-pagination{ bottom:0.47rem;}
.yy-change-div .swiper-pagination-bullet{ width:0.06rem; height:0.06rem; border-radius:0.03rem; -webkit-border-radius:0.03rem; background:none; opacity:0.6 !important; border:1px solid #ffb63e !important}
.yy-change-div .swiper-pagination-bullet-active{ background:#ffb63e  !important; opacity:1 !important; }
.yy-change-div .change-btn{ position:absolute; background:url(../images/icon_change_btn.png) no-repeat; width:0.37rem; height:0.37rem; background-size:cover; -webkit-background-size:cover; top:1.03rem; left:0; z-index:111}
.yy-change-div .change-btn-right{ transform:rotate(180deg); -webkit-transform:rotate(180deg); left:inherit; right:0;}
.tel-div{ position:relative; line-height:100%; padding:0.25rem 0.23rem; border-bottom:1px solid #f0f0f0}
.tel-div b{ display:inline-block; transform:translateY(0.01rem); -webkit-transform:translateY(0.01rem)}
.tel-div:after{ content:" "; width:0.275rem; height:0.275rem; background:url(../images/icon_tel.png) no-repeat; background-size:cover;  -webkit-background-size:cover; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); right:0.24rem; position:absolute}

.address-con{ text-align:center; padding:0.2rem 0.18rem 0.38rem;}
.address-con .line,.contact-submit-box .line{ height:1px; background:#000; width:0.2rem; margin:.13rem auto;}
.contact-submit-box{ background:#f5f3f0; padding:0.25rem 0.18rem}
.contact-submit-box .item{ color:#999; border-bottom:1px solid #d5d5d5; padding:0 0.03rem; line-height:0.47rem}
.contact-submit-box input{ height:0.47rem; width:100%;; display:block; float:left; font-size:0.12rem}
.contact-submit-box textarea{ width:100%; display:block; height:1rem; font-size:0.12rem; padding:0.16rem 0}

.contact-submit-box .submit-btn{ display:block; margin:0.31rem 0.33rem 0.1rem; border-radius:0; -webkit-border-radius:0; text-align:center}


.dz-box-1{ background:#fff; margin:-0.65rem 0.15rem 0rem; position:relative; z-index:111}
.dz-box-1 .text{ padding:0.15rem; color:#968b8c; line-height:150%}
.dz-box-1 .t1{ color:#be8657; line-height:180%; padding-bottom:0.02rem}
.dz-box-2{ padding:0.375rem 0.15rem 0.465rem; background:#f2faea}
.dz-box-3{ padding:0.4rem 0.15rem 0.27rem; background:#faf6eb}
.dz-box-4{ background:#d2d2ca; padding-bottom:0rem}
.dz-box-5{ padding:0.44rem 0.35rem 0.504rem; background:#c3c3bc }

.dz-box-5 .items{ background:#fff; text-align:center; padding:0.2rem; margin-top:0.145rem; position:relative;}
.year-list .items:first-child{ margin-top:0.2rem;}
.dz-box-5 .items .t1{ font-weight:600}
.dz-box-5 .items .t2{ line-height:150%; padding-top:0.02rem}
.dz-box-5 .items:after{ width:0.12rem; height:0.12rem; background:#fff; left:50%; transform:rotate(45deg) translate(-50%,-15%); -webkit-transform:rotate(45deg) translate(-50%,-15%); content:" "; position:absolute; top:0}
.year-list .items:first-child:after{ display:none}


.join-submit-box{ background:url(../images/top_bg_1.png) no-repeat; height:2.92rem; border:none; padding-top:0.95rem; background-size:contain; -webkit-background-size:contain; padding-left:0.375rem; padding-right:0.375rem; margin-top:-0.6rem; position:relative; z-index:111}

.zs-submit-box{ background:url(../images/img_2.jpg) no-repeat; height:2.545rem; border:none; padding-top:0.205rem; background-size:contain; -webkit-background-size:contain; padding-left:0.375rem; padding-right:0.375rem; position:relative; z-index:111}
.zs-submit-box input{ border:1px solid #f4cb83}

a.zs-submit-btn{ background:url(../images/btn_1.png) no-repeat; width:2.99rem; height:0.58rem; display:block; background-size:cover; -webkit-background-size:cover; margin-top:0.13rem}
a.zs-submit-btn:active{ background:url(../images/btn_1.png) no-repeat;  background-size:cover; -webkit-background-size:cover;opacity:0.9}
.zs-last-box {margin-top:-1.075rem; position:relative; z-index:111; height:1.075rem; text-align:center}
.zs-last-box a{ margin:0 auto; }
.zs-box-1 .text{ text-align:center; position:absolute; color:#fff; left:0; width:100%; z-index:11; top:2.25rem; color:#fff}

.swiper-pagination-clickable .swiper-pagination-bullet{ border:1px solid #00a2e9; background:none; opacity:1}
.swiper-pagination-clickable .swiper-pagination-bullet-active{ background:#00a2e9;}
.mbody .swiper-pagination-clickable .swiper-pagination-bullet-active{ background:none; border:2px solid #fff;}



/*
.zs-box-1 .text{ top:1.87rem}
.zs-submit-box input{ height:0.38rem}
.zs-submit-box .items span{ line-height:0.38rem}
.zs-submit-box  a.zs-submit-btn{ height:0.48rem; width:100%; background-size:100%; -webkit-background-size:100%;}
@media (max-width: 640px) {
.dingzhi-submit-box{ height:3.57rem}
.dingzhi-submit-box input{ height:0.38rem}
.dingzhi-submit-box .items span{ line-height:0.38rem}
.dingzhi-submit-box a.submit-btn{ height:0.38rem; line-height:0.38rem}

.zs-box-1 .text{ top:1.87rem}
}
*/

.fixed-video{ position:fixed; height:100%; width:100%; left:0; right:0; top:0; bottom:0; z-index:111111111; background:rgba(0,0,0,0.8);}
.fv-wrap{ position:absolute; width:100%; max-width:750px; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); z-index:11; height:3rem;}
.iframe-div{ height:100%; width:100%; position:relative; background:#000}
.fv-wrap iframe{ width:100%; height:100%;max-height:4rem;}
.fv-wrap a{ color:#fff; position:absolute; right:1em; top:-2em;}


/*2018/1/11*/
.n-pro-nav{ line-height:0.5rem; border-bottom:0.015rem solid #ececec; text-align:center; background:#fff}
.n-pro-nav a{ display:block; border-left:1px solid #ececec; margin-left:-1px; position:relative; color:#333;}
.n-pro-nav a:active{ color:#00AAE7}
.n-pro-nav a.hover{ color:#00AAE7}
.n-pro-nav a.hover:after{ height:0.015rem; background:#00AAE7; left:0; top:100%; right:0; content:" "; position:absolute;}
.n-chanpin-nav a{line-height: 25px;
  padding-bottom: 20px;}
.pro-title{ position:absolute; top:50%; text-align:center; width:50%; left:0; z-index:11; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.pro-title .t1{ font-weight:bold; font-size:0.19rem; line-height:40px; margin-bottom:5px;  font-weight:600; color:#333}
.pro-title .t2{ lfont-size:0.14rem; font-weight:200;   margin:0.1rem ; line-height:130%; height:0.74rem; overflow:hidden}
.pro-title .t3{ color:#e50012; font-size:0.13rem; line-height:150%;}
.pro-title .t3 span{ width:0.15rem; height:1px; display:block; background:#e50012; margin:0.05rem auto 0;}
.n-pro-list{ padding:0.1rem;}
.n-pro-list li{ height:1.75rem; background:#fff; position:relative; overflow:hidden; margin-bottom:0.1rem;}
.n-pro-list li .img{ height:1.75rem; width:1.75rem; right:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); position:absolute}

.load-more{ display:inline-block; height:0.25rem; border:1px solid #e4e4e4; line-height:0.25rem; color:#999; padding:0 0.18rem; border-radius:0.125rem; -webkit-border-radius:0.125rem; background:#fff}
.load-more span{ background:url(../images/load.png) no-repeat; width:0.14rem; height:0.14rem; background-size:cover; -webkit-background-size:cover; display:inline-block; vertical-align:middle;}
.load-more-wrap{ padding:0.26rem 0 0.23rem }



.pd_menu{ height:0.5rem; line-height:0.5rem; background:#fff; text-align:center; position:relative; color:#dab866; font-size:0.16rem; z-index:100; border-top:1px solid #ececec; border-bottom:1px solid #ececec}
.pd_menu .back{ position:absolute; left:0; top:0; height:0.5rem; width:0.5rem;}
.pd_menu .back:before{ top:50%; background:url(../images/icon_back.png) no-repeat; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:0.5rem; height:0.5rem; left:50%; background-size:cover; -webkit-background-size:cover; position:absolute; content:" ";}


.pd_menu .menu{ position:absolute; right:0; top:0; height:0.5rem; width:0.5rem; z-index:10; opacity:1}
.pd_menu .menu:before{ top:50%; background:url(../images/menu.png) no-repeat; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:0.5rem; height:0.5rem; left:50%; background-size:cover; -webkit-background-size:cover;  content:" "; position:absolute}

.pd_menu .close{ position:absolute; right:0; top:0; height:0.5rem; width:0.5rem;  transition:all ease-out 0.5s; -webkit-transition:all ease-out 0.5s; background:none; opacity:0;}
.pd_menu .close:before{ top:50%; background:url(../images/icon_close.png) no-repeat; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:0.5rem; height:0.5rem; left:50%; background-size:cover; -webkit-background-size:cover; content:" "; position:absolute}
.pd_menu_list{ position:absolute; left:0; top:100%; right:0; display:none}
.pd_menu_list a{ display:block; line-height:0.4rem; background:#fff; color:#666; border-top:1px solid #dbdbdb;}

.pro-info{ padding:0.1rem 0.1rem 0.4rem; background:#fff;}
.pro-info .t1{ font-size:0.24rem; color:#333; line-height:220%; padding-top:0.05rem}
.pro-info .t2{ font-size:0.13rem; color:#666; line-height:170%; padding-bottom:0.1rem;}
.pro-info .t3 a{ height:0.45rem; line-height:0.45rem; display:block; color:#00AAE7; border:1px solid #00AAE7; text-align:center; padding-right:0.2rem}
.pro-info .t3 a.hover{ color:#fff; background:#00AAE7}
.pro-info .t3-icon{ display:inline-block; width:0.16rem; height:0.16rem; vertical-align:middle; background:url(../images/icon_yy.png) no-repeat; background-size:cover; -webkit-background-size:cover; margin-right:0.1rem}
.pro-info .icon-zx{background-image:url(../images/icon_zx.png);}
.pro-n-title{ background:#fff; padding:0 0.1rem; line-height:0.5rem; font-size:0.16rem; color:#333; border-top:1px solid #dedee0; border-bottom:1px solid #dedee0}

.news-list li{ background:#fff; padding:0.1rem; margin-bottom:0.1rem;}
.news-list li .t1{ color:#333333; font-size:0.17rem; line-height:150%; padding-top:0.02rem}
.news-list li .t2{ color:#999; line-height:200%; padding-bottom:0.02rem;}

.news-list li .t2 .ticon{ width:0.16rem; height:0.16rem; display:inline-block; vertical-align:middle; margin-right:0.02rem; position:relative; margin-top:-0.01rem;}
.news-list li .t2 .ticon.ti1{ background:url(../images/nt_icon_1.png) no-repeat; background-size:cover; -webkit-background-size:cover;}
.news-list li .t2 .ticon.ti2{ background:url(../images/nt_icon_2.png) no-repeat; background-size:cover; -webkit-background-size:cover;}


.news-list li .img{ height:2rem; overflow:hidden}
.news-list li .img img{ width:100%; height:100%}
.news-list li .t3{ color:#00AAE7; text-align:right; padding-top:0.1rem; line-height:100%; font-size:0.12rem;}



.active-top{ height:4rem; background:#ccc; padding:0.1rem}
.at-text{ border-bottom:1px solid rgba(255,255,255,0.7); text-align:center; color:#fff; padding-top:0.38rem; padding-bottom:0.2rem; }
.at-text .t1{ font-size:0.24rem; color:#fff;line-height:150%; padding-bottom:0.02rem;}
.at-text .t2{ font-size:0.14rem; color:#fff}
.at-box{ background:url(../images/active_bm_bg.png) no-repeat; height:2.34rem; background-size:100% 100%; -webkit-background-size:100% 100%; margin-top:0.2rem; padding:0.175rem; padding-top:0.5rem}
.input-item{ height:0.46rem; line-height:0.46rem; position:relative; color:#999; margin-bottom:0.08rem; position:relative;}
.input-item input{ width:100%; height:0.46rem; display:block; background:#fff; border:1px solid #dddcd9; padding-left:0.6rem; font-size:0.14rem;}
.input-item  span{ position:absolute; left:0.1rem; top:0; font-size:0.16rem;}
.at-box .btn-submit{ height:0.46rem; background:#00AAE7; color:#fff; text-align:center; line-height:0.46rem; display:block; font-size:0.19rem; margin-top:0.1rem;}
.contact-ewm{ border-top:1px solid #ececec; padding-bottom:0.25rem; padding-top:0.38rem; border-bottom:1px solid #ececec;}
.contact-ewm .ewm-wrap{ width:32%; margin:0 auto 0.15rem;}
.contact-ewm p{ text-align:center; line-height:150%;}

.contact-tel{ text-align:center; padding:0.37rem 0 0.35rem;}
.contact-tel .img{ width:0.9rem; margin:0 auto 0.1rem;}
.contact-tel .t1{ color:#00AAE7; font-size:0.2rem; font-weight:800}
.contact-tel .t2{ font-size:0.14rem; line-height:160%;}

.contact-submit-box{ background:#f0f0f0}
.contact-submit-box .item{ border:1px solid #d9d9d9; margin-top:-1px;}
.contact-submit-box .item input{ text-align:center;}
.contact-submit-box textarea{ text-align:center;}
.contact-submit-box .item input::-webkit-input-placeholder{ color:#ccc}
.contact-submit-box textarea::-webkit-input-placeholder{ line-height:0.78rem; color:#ccc}
.contact-submit-box .submit-btn{ height:0.5rem; line-height:0.5rem; background:#00AAE7; width:100%; margin:0.1rem 0}
.contact-submit-box .submit-btn:active{ background:#c2000e}



.about-change-wrap{ position:relative; padding-left:0.1rem;}
.about-c-item{ background:#fff; width:3.25rem;}
.about-c-item .img{ height:1.75rem; overflow:hidden;}
.about-c-item .img img{ height:auto}
.about-c-item .text{  border:1px solid #eee; border-top:none}
.about-c-item .text .table-cell{  padding:0.1rem; line-height:170%;}


.about-change-wrap .swiper-container{ padding-bottom:0.67rem;}

/*
.about-change-wrap .swiper-slide{ width:3.25rem !important;}
.about-change-wrap .swiper-wrapper{ width:3.25rem}
*/
.yuyue-submit-box.dingzhi-submit-box{ background: url(..//images/img_1.jpg) no-repeat; height:3.91rem; border:none; padding-top:0.53rem; background-size:cover; -webkit-background-size:cover; padding-left:0.375rem; padding-right:0.375rem;}
.dingzhi-submit-box .items{ margin-top:0; margin-bottom:0rem}
.yuyue-submit-box.dingzhi-submit-box input{ height:0.47rem; line-height:0.47rem; border-radius:0; -webkit-border-radius:0;}
.yuyue-submit-box.dingzhi-submit-box .items span{ top:50%}
.yuyue-submit-box.dingzhi-submit-box a.submit-btn{ border-radius:0; -webkit-border-radius:0; background:#e70012; color:#fff}

.about-history-box{ background:url(../images/bg_1.jpg) no-repeat; min-height:4.5rem; background-size:100% 100%; -webkit-background-size:100% 100%;}

.about-history-box .t1{ text-align:center; font-size:0.21rem; line-height:130%; color:#333; padding:0.45rem 0;}

.about-block2{ padding:0.12rem 0.1rem; background:#f0f0f0}
.about-block2 .text-block{ padding:0.2rem 0.1rem;}
.tline{ height:1px; display:block; margin:.17rem auto .15rem; background:#d9d9d9; width:0.5rem;}

.pt-17{ padding-top:0.17rem;}
.pb-17{ padding-bottom:0.17rem;}

.noradius{ border-radius:0 !important; -webkit-border-radius:0 !important; margin-top:0 !important; text-align:center; position:relative}
.noradius img{ position:absolute; right:0.5rem; width:0.17rem; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.honer-box{ background:#fff; padding-top:0.3rem; padding-bottom:0.13rem}
.honer-box .t1{ font-size:0.21rem; color:#333; padding-bottom:0.2rem}
.honer-box .swiper-container{ padding-bottom:0.4rem}

.jt-change-img{ position:relative;}
.jt-change-img .btn{ width:0.3rem; height:.3rem; position:absolute; top:30%; margin-top:-0.18rem; z-index:1111}
.jt-change-img .btn:after{ width:0.3rem; height:0.3rem; background:url(../images/icon_jt.png) no-repeat; background-size:contain; -webkit-background-size:contain; left:50%; top:20%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); content:" "; position:absolute;}
.jt-change-img .btn-left{ left:0.05rem;}
.jt-change-img .btn-right{ right:0.05rem;}
.jt-change-img .btn-right:after{ transform: translate(-50%,-50%) rotate(180deg); -webkit-transform: translate(-50%,-50%) rotate(180deg);}
.jt-change-img .swiper-container{ padding-bottom:0.4rem}

.about-play-icon{ background:url(../images/play.png) no-repeat; width:0.42rem; height:0.42rem; background-size:cover; -webkit-background-size:cover; position:absolute; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); top:48%;}

.foot-cur{ color:#aaa; border-bottom:1px solid #eaeaea; padding-bottom:0.1rem; line-height:200%;}
.foot-cur a{ color:#aaa}

.head .icon-logo{  height:0.55rem; left:0; top:0; transform:translate(0,0); -webkit-transform:translate(0,0); }
.head .icon-logo img{ display:block;    float: left;max-height:0.45rem;}
.head .icon-menu{ width:0.52rem; height:0.45rem; float:right; position:relative; border-left:1px solid #e6e6e6}
.head .icon-menu:active{ background:#eee}
.head .icon-menu:after{ background:url(../images/head_menu.png) no-repeat; width:0.175rem; height:0.175rem; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); content:" "; position:absolute; background-size:cover; -webkit-background-ze:cover;}



/*1.15*/
.gd-bg-line{ background:url(../images/bg_line.png); padding:0.35rem 0; color:#333}
.gd-t1{ font-size:0.19rem; text-align:center; position:relative; color:#333; margin-bottom:0.15rem}
.gd-t1:before{ height:1px; width:0.95rem; background:#333; bottom:-0.05rem; content:" "; position:absolute; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.gd-t2{ color:#333; text-align:center; line-height:170%; font-size:0.13rem}



.zl-img{ width:0.88rem; height:1.23rem; margin:0 auto; box-shadow:0 0.08rem 0.23rem rgba(0,0,0,0.4); margin-bottom:0.4rem}

.jt-list{ padding:0}
.jt-list .item{ margin:0;}
.jt-list .top{ height:0.69rem; border:1px solid #e5e5e5; margin-top:-1px; background:#f7f7f7}
.jt-list .top .icon{ height:.4rem; width:0.8rem;  padding:0 0.23rem; padding-top:.01rem; top:.15rem}
.jt-list .top .t1{ color:#333; font-size:.17rem; line-height:100%; padding-top:0.16rem; padding-bottom:0.06rem}
.jt-list .top .t2{ color:#999; font-size:.16rem; line-height:100%}
.jt-list .top .cur{ background-image:url(../images/icon_btn2.png); width:0.23rem; height:0.23rem; margin-top:-0.115rem}
.jt-list .hover .top .cur{background-image:url(../images/icon_btn2_hover.png); }
.jt-list .bottom{ padding:0; position:relative;}
.jt-list .bottom .t1{ position:absolute; padding:0.17rem; top:0.05rem; line-height:170%; color:#666; font-size:0.13rem; text-align:center;}

.nxm-bg{ padding:0.1rem; background:url(../images/bg.png)}
.nxm-bg .tbox{ text-align:center; color:#fff; font-weight:200; padding:0 0.05rem 0.3rem; border-bottom:1px solid #99a596}
.nxm-bg .tbox .t1{ color:#fff; font-size:0.24rem; padding-bottom:0.08rem; padding-top:0.05rem}
.nxm-bg .tbox .t2{ color:#fff; font-size:0.12rem; line-height:160%}


.nxm-bg .fbox{ text-align:center; color:#fff; font-weight:200; padding:0 0.05rem 0.3rem;  height:1.15rem; margin-top:0.25rem}
.nxm-bg .fbox .t1{ color:#fff; font-size:0.19rem; padding-bottom:0.08rem; padding-top:0.05rem}
.nxm-bg .fbox .t2{ color:#fff; font-size:0.12rem; line-height:160%}

.fb-change{ height:0.7rem; border-top:1px solid #99a596; position:relative; width:2.89rem; margin:0 auto}
.fb-change a{ position:absolute; transform:translateX(-50%); -webkit-transform:translateX(-50%);  color:#fff; padding-top:0.22rem; z-index:11;transition:all 0.3s ease-in; -webkit-transition:all 0.3s ease-in;}
.fb-change .line:before{ height:0.135rem; width:1px; background:#99a596; position:absolute; top:0; left:0%; content:" "}
.fb-change .line:after{ height:0.135rem; width:1px; background:#99a596; position:absolute; top:0; left:33.3%; content:" "}

.fb-change:before{ height:0.135rem; width:1px; background:#99a596; position:absolute; top:0; left:66.66%; content:" "}
.fb-change:after{ height:0.135rem; width:1px; background:#99a596; position:absolute; top:0; right:0; content:" "}
.fb-change a:last-child{transform:translateX(50%); -webkit-transform:translateX(50%)}
.fb-change a:after{ width:0.09rem; height:0.09rem; border-radius:50%; -webkit-border-radius:50%; border:0.02rem solid #a2cf8e; content:" "; position:absolute; background:#fff; top:0; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); z-index:111}
.fb-change a.hover{ font-size:0.24rem; padding-top:0.15rem}

.nxm-t1{ text-align:center; font-size:0.19rem; color:#333; padding-bottom:0.2rem; padding-top:0.4rem}
.nxm-pro-item{ width:0.9rem; text-align:center;}
.nxm-pro-item .img{ width:0.635rem; height:0.95rem; box-shadow:0 0 0.1rem #bbb; margin:0 auto 0.09rem}
.nxm-pro-item .t1{ font-size:0.15rem; color:#333}
.nxm-pro-item .t2{ font-size:0.12rem; color:#666}

.nxm-swiper-pagination-3 .swiper-pagination-bullet{ background:#666;opacity:1}
.nxm-swiper-pagination-3 .swiper-pagination-bullet-active{ background:#00AAE7}

.gd-change-wrap .about-c-item{ width:100%}


.head-btn-wrap{text-align: center;  vertical-align: middle; position:absolute; right:0px; top:0; width:0.55rem; height:100%; }
.head-btn{display: block; height: 100%; margin: 0 auto; text-align: center; position: relative; vertical-align: middle;  top:0; width:25px; transform:translateX(3px); -webkit-transform:translateX(3px);}
.head-btn b:after{width: 15px; height: 2px; display: inline-block; overflow: hidden;  position:absolute; top: 50%; margin-top: 0; margin-left: -1px; background-color: #acb1b6; left:10px; -webkit-transition: opacity .8s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform .8s cubic-bezier(0.86, 0, 0.07, 1);}
.head-btn:before{width: 25px; height: 2px; display: inline-block; overflow: hidden; vertical-align: middle; position: absolute; top: 50%; left: 50%; margin-left: -13px; margin-top: -7px; background-color: #acb1b6; content: ''; -webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1); }
.head-btn:after{width: 25px; height: 2px; display: inline-block; overflow: hidden; vertical-align: middle; position: absolute; top: 50%; left: 50%; margin-left: -13px; margin-top: 7px; background-color: #acb1b6; content: ''; -webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1);}


.head-btn-wrap.active .head-btn b:after{opacity: 0; -webkit-transform:  scaleY(1.5); -webkit-transition: opacity .8s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform .8s cubic-bezier(0.86, 0, 0.07, 1);}
.head-btn-wrap.active .head-btn:before{-webkit-transform: rotate(45deg) translateY(6px) translateX(4px) scaleY(1.5); -webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1); }
.head-btn-wrap.active .head-btn:after{-webkit-transform: rotate(-45deg) translateY(-6px) translateX(4px) scaleY(1.5); -webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1); }

.head-btn-wrap.active{ background:#00a2e9; }
.head-btn-wrap.active .head-btn b:after{ background:#fff}
.head-btn-wrap.active .head-btn:before{ background:#fff}
.head-btn-wrap.active .head-btn:after{ background:#fff}



.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}


@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

.wx-show-div{ position:fixed; height:100%;  left:0; width:100%; bottom:0; z-index:1111111; display:none}
.wx-show-div .wxbg{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:10}
.wx-show-div .img{ position:absolute; left:0; bottom:0; width:100%; z-index:11}
.wx-show-div a{ position:absolute;  bottom:5%; height:10%; left:30%; width:40%;}
.fwcx-list {
    padding-bottom: 68px;
    overflow:hidden;
}

.fwcx-list .item {
    width: 260px;
    height: 248px;
    border: 1px solid #dcdcdc;
    background: #fff;
    position: relative;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    color: #666;
    text-align: center;
    cursor: pointer;
    margin:5px auto;
}

.fwcx-list .item .icon {
    text-align: center;
    line-height: 100%;
}

.fwcx-list .item .icon span {
    background: url(../images/icon.png) no-repeat;
    width: 64px;
    height: 64px;
    margin: 48px auto 22px;
    display: block;
}

.fwcx-list .item .icon span.icon2 {
    background: url(../images/icon.png) no-repeat;
}

.fwcx-list .item .icon span.icon3 {
    background: url(../images/icon.png) no-repeat;
}

.fwcx-list .item .icon span.icon4 {
    background: url(../images/icon.png) no-repeat;
}

.fwcx-list .item .t1 {
    font-size: 18px;
    margin-bottom: 12px;
    color: #333
}

.fwcx-list .item .t2 {
    font-size: 14px;
}

.fwcx-list .item .link {
    position: absolute;
    height: 45px;
    line-height: 45px;
    text-align: center;
    width: 100%;
    left: 0;
    border-top: 1px solid #dcdcdc;
    bottom: 0;
    font-size: 14px;
}

.fwcx-list .item:hover {
    border: 1px solid #00A2E9;
    color: #00A2E9
}

.fwcx-list .item:hover .icon span {
    background-image: url(../images/icon_h.png)
}

.fwcx-list .item:hover .link {
    border-top: 1px solid #00A2E9
}

.fwcx-list .item:hover * {
    color: #00A2E9
}