@charset "utf-8";


.head{  border-bottom:1px solid rgba(255,255,255,0.5); position:absolute; top:0; left:0; right:0; max-width:750px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:100%; }
.head a{ position:absolute}
.head .icon-logo{ width:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); top:50%; left:50%;  background-size:cover; -webkit-background-size:cover; 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}
.fix-head .icon-car,.df-head .head .icon-car{ background-image:url(../images/icon_car2.png);}
.fix-head  .icon-menu:after,.df-head  .head .icon-menu:after{ background-image:url(../images/icon_menu2.png);}

.fix-head .icon-logo,.df-head .head .icon-logo{ background-image:url(../images/logo2.png);}


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

.index-menu .icon-2{ background-position:0 -0.42rem}
.index-menu .icon-3{ background-position:0 -0.84rem}
.index-menu .icon-4{ background-position:0 -1.26rem}
.index-menu .icon-5{ background-position:0 -1.68rem}
.index-menu .icon-6{ background-position:0 -2.1rem}
.index-menu .ads-c-4{ position:relative; border-top:1px solid #f0f0f0; margin-top:-1px;}
.index-menu{ position:relative; overflow:hidden}
.index-menu:before,.index-menu:after{ content:" "; position:absolute; left:33.3333%; width:1px; background:#f0f0f0; top:0; height:100%}
.index-menu:after{ left:66.66666%}
.index-title{ padding:0.21rem 0}

.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 #dadada; border-top:1px solid #dadada; padding: 0 0.07rem; width:100%; overflow:hidden}
.index-new-tab a{ float:left; width:50%; text-align:center; color:#333; height:0.54rem; position:relative; line-height:0.54rem;}
.index-new-tab a.hover{ color:#ff9f00}
.index-new-tab a.hover:before{ height:2px; left:0.07rem; right:0.07rem; bottom:0; background:#ff9f00; content:" "; position:absolute;}

.index-news{ padding:0 0.15rem}

.index-news li{ border-bottom:1px solid #dadada; padding:0.09rem 0; line-height:150%}
.index-news-more-btn{ height:.45rem; line-height:.45rem; border:1px solid #333; width:55.7%; display:block; margin:.2rem auto; text-align:center; color:#333}
.icon-jt-trans{ transform:rotate(180deg); -webkit-transform:rotate(180deg); margin-right:0; margin-left:0.1rem}
.video-div a{ top:0.71rem; left:31.7%; width:36.6%; position:absolute; z-index:11}


.foot{ background:#000; width:100%}
.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;}
.foot-list:after{ height:100%; width:1px; background:#333; content:" "; position:absolute; left:50%; top:0; height:100%;}
.foot-list li{ width:50%; float:left; line-height:0.49rem; line-height:0.49rem; text-align:center; border-bottom:1px solid #333; font-size:0.16rem}
.foot-list a{ display:block; color:#adadad; position:relative}
.foot-list a:after{ content:" "; position:absolute;width:0.045rem; height:0.07rem; background:url(../images/icon_jt2.png) no-repeat; background-size:cover; -webkit-background-size:cover; vertical-align:middle; right:0.12rem; top:50%; margin-top:-0.035rem}

.foot-bottom { padding:0.28rem 0; text-align:center; color:#aaa}
.foot-bottom a{ color:#aaa; margin:0 0.24rem; display:inline-block}
.icon-wx{ background:url(../images/icon_f_wx.png) no-repeat; width:0.21rem; height:0.17rem; display:inline-block; vertical-align:middle; margin-left:0.02rem; position:relative;}
.icon-gt{ background:url(../images/icon_f_top.png) no-repeat; width:0.19rem; height:0.19rem; display:inline-block; vertical-align:middle; margin-right:0.09rem}
.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}


.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%;}



.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; background:rgba(0,0,0,0.6); display:; height:100%; overflow-y:auto;}

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

.nav-layer .nav-close{ width:0.58rem; height:0.58rem; background:#312f2f; position:absolute; right:0.27rem; top:0;}
.nav-layer .nav-close span{ width:0.2rem; height:0.19rem; 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-right:0.85rem; background:#1b1818; padding-bottom:1rem}
.nav-layer ul li{ height:.575rem; line-height:.575rem; position:relative; border-bottom:1px solid #333; background:#1b1818; }
.nav-layer ul li a{ color:#fff; padding-left:0.925rem; position:relative; display:block; font-size:0.16rem}
.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 .icon2{ background-position:0 -0.29rem}
.nav-layer ul .icon3{ background-position:0 -0.58rem}
.nav-layer ul .icon4{ background-position:0 -0.87rem}
.nav-layer ul .icon5{ background-position:0 -1.16rem}
.nav-layer ul .icon6{ background-position:0 -1.45rem}
.nav-layer ul .icon7{ background-position:0 -1.74rem}
.nav-layer ul .icon8{ background-position:0 -2.03rem}
.nav-layer ul .icon9{ background-position:0 -2.32rem}
.nav-layer ul .icon10{ background-position:0 -2.61rem}
.nav-layer ul li a:after{ content:" "; position:absolute; background:url(../images/icon_nav_jt.png) no-repeat;  background-size:cover; -webkit-background-size:cover; width:.115rem; height:0.21rem; right:0.24rem; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); }



.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 0.42rem;}
.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;}
.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-tab .btn{ width:0.42rem; height:.55rem; position:absolute; top:0;}
.jt-change-con{ font-size:0.15rem}
.jt-change-tab .btn:after{ width:0.09rem; height:0.165rem; background:url(../images/icon_change_jt.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-tab .btn-left{ left:0;}
.jt-change-tab .btn-right{ right:0;}
.jt-change-tab .btn-right:after{ transform: translate(-50%,-50%) rotate(180deg); -webkit-transform: translate(-50%,-50%) rotate(180deg);}



.jt-change-con .text-con{  margin-left:0.7rem; position:relative; padding-bottom:0.45rem; padding-right:0.1rem}
.jt-change-con .text-con:after{ top:0.03rem; content:" "; width:1px; background:#e2e2e2; left:0rem; position:absolute; bottom:0.45rem; z-index:-1}
.jt-change-con .item{ position:relative; padding-left:0.25rem; margin-top:.35rem; line-height:120%; font-size:0.145rem; text-align:left; color:#333}
.jt-change-con .m{ position:absolute; left:-0.55rem; text-align:right; color:#ff9f00; top:0; display:block; white-space:nowrap;}
.jt-change-con .item:before{ width:0.075rem; height:0.075rem; background:url(../images/icon_dian3.png) 0 center no-repeat; background-size:cover; -webkit-background-size:cover; content:" "; position:absolute; left:-0.0315rem; margin-left:-1px; top:0.03rem; z-index:2}
.jt-change-con .text-con .item:last-child:after{ top:0.03rem; content:" "; width:1px; background:#fff; left:0rem; position:absolute; bottom:0rem; height:100%; z-index:0}

.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/about/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/about/icon_btn.png)}

.news-list{ background:#f2f2f2; overflow:hidden; width:100%; border-top:1px solid #e4e4e4; padding-top:0.02rem; padding-bottom:0rem}
.news-list li{ padding:0.11rem 0.105rem; background:#fff; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; padding-left:1.69rem; position:relative; min-height:1.7rem; margin-top:0.105rem; float:left; width:100%}
.news-list li .pic{ width:1.475rem; height:1.49rem; position:absolute; top:0.11rem; left:0.105rem; position:absolute; overflow:hidden}
.news-list li .pic img{ width:100%; height:100%}
.news-list li .t1{ line-height:0.225rem; color:#333; height:0.45rem; overflow:hidden; padding-top:0.01rem}
.news-list li .t2{ color:#666; line-height:0.16rem; height:0.48rem; overflow:hidden; margin:0.13rem 0 0.12rem}
.news-list li .t3{ color:#999}
.news-list li:after{ background:url(../images/news_icon.png) no-repeat; width:0.19rem; height:0.19rem; background-size:100% 100%; -webkit-background-size:100% 100%; position:absolute; content:" "; bottom:0.23rem; right:0.16rem}

.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:2px;}
.video-list li img{ height:2.1rem;}
.video-list li .pic{ width:100%}
.video-list li .pic iframe{ width:100% !important}
.video-list .play-icon{ background:url(../images/icon_video.png) no-repeat; position:absolute; width:0.675rem; height:0.675rem; left:50%; margin-left:-0.3375rem; top:0.575rem; background-size:cover; -webkit-background-size:cover;}
.video-list .t1{ position:absolute; left:0; right:0; bottom:0.18rem; color:#fff;}
.video-list .t1 .play-icon2{ background:url(../images/icon_video_2.png) no-repeat;  width:0.2rem; height:0.2rem; display:inline-block; vertical-align:middle; background-size:cover; -webkit-background-size:cover; margin:0 0.05rem 0 0.16rem}
.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:#fff; margin-top:0.57rem; border-top:1px solid #e4e4e4; padding:0 0.15rem}

.new-title { padding-bottom:0.1rem; border-bottom:1px solid #e4e4e4}
.new-title .t1{ color:#333; line-height:150%; padding-top:0.2rem; padding-bottom:0.06rem}
.new-title .t2{ color:#999;}
.news-text{ color:#666; padding:0.12rem 0.02rem 0.3rem;}

.new-foot{ height:0.5rem; line-height:0.5rem; border-top:1px solid #e4e4e4; background:#f2f2f2}
.new-foot a{  color:#666; display:block; 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:#f59901}


.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:0.75rem; text-align:center;}
.active-list .t1{ height:0.6rem; line-height:0.6rem; color:#222; text-align:center; background:#fff; border-bottom:1px solid #e4e4e4}
.active-list .text{ border:1px solid #e4e4e4; background:#fff}
.active-list .t2{ color:#9d9d9d; text-align:center; height:0.53rem; line-height:0.53rem;}
.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}

.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:#ff9f00; 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:#e89100}

.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.15rem;}
.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/yuyue/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/yuyue/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/contact/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}

.dingzhi-submit-box{ background:#c3904c url(../images/dingzhi/img_1.jpg) no-repeat; height:4.175rem; border:none; padding-top:0.885rem; background-size:contain; -webkit-background-size:contain; padding-left:0.375rem; padding-right:0.375rem}
.dingzhi-submit-box .items{ margin-top:0; margin-bottom:0.08rem}

.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/join/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/zhaoshan/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/zhaoshan/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/zhaoshan/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}
.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 #fff; background:none; opacity:1}
.swiper-pagination-clickable .swiper-pagination-bullet-active{ background:#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;}
.fv-wrap iframe{ width:100%; height:100%;max-height:4rem;}
.fv-wrap a{ color:#fff; position:absolute; right:1em; top:-2em;}