@charset "UTF-8";

/* public */
pre{white-space: pre-wrap;font-family: 'cn'!important;word-wrap: break-word; }
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0; outline: none;}
img{border:0;}
ul,dl,li,dt,dd{list-style:none;}
body{font-size: 14px;  overflow-x:hidden; font-family: 'cn'; color: #000;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-overflow-scrolling : touch ; background: #fff;}
a{font-size:14px;text-decoration:none;  color: #333; transition: all .45s; z-index: 99999;}
.clearfix:after{content:""; display:block; height:0; clear:both;}
.clearfix{*zoom:1;}/*IE/7/6*/
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
input,textarea,select{outline: none;font-family: 'cn'; line-height: normal;border:none;background: none;}
textarea{resize:none; overflow:hidden;}
select{-webkit-appearance: none;appearance: none; -ms-appearance: none;border-radius: 0;}
select::-ms-expand { display: none; }
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }
i,em{font-style:normal;}
table{max-width:100%;overflow:hidden;}
.u_hidden{display: none;}
.fl{float:left;}
.fr{float:right;}
.z-container {width:78.9%;height:auto;clear: both;margin: 0 auto;}
.z-container2 {width: 1250px;height:auto;clear: both;margin: 0 auto;}
.z-container3 {width: 1200px;height:auto;clear: both;margin: 0 auto;}
.z-row {width: 100%;height: auto;clear: both;margin: 0 auto;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ellipsis2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis;}
.ellipsis3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow:ellipsis;}
.ellipsis4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow:ellipsis;}

.clear{ clear: both;}
*:before,
*:after {
  z-index: -1;
}
@font-face {
  font-family: 'en';  /* project id 574899 */
  src: url("../font/FUTURALC.TTF");

}
@font-face {
  font-family: 'cn';  
  src: url("../font/NOTOSANSHANS-REGULAR.OTF");

}

.flex{display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap;}
/*分享*/
#bsWXBox{box-sizing:initial;}
#bsBox{box-sizing:initial;}
/*浏览器滚动条*/
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#E3E3E3}
::-webkit-scrollbar-thumb:vertical{background-color:#555;border-radius:30px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}
/*加载动画*/
.pace{position:fixed; left:0; top:0; width:100%; z-index:5000; height:3px;animation: changebar 2.25s infinite .75s;}
.pace-progress{width:100% !important; background-color: #23b7e5;animation: changebar 2.25s infinite; height:0; position:absolute;}
.pace-progress:before{animation: movingbar .75s infinite; position:absolute; content:'';background-color: inherit; height:3px; left:50%; right:50%;}
.pace.pace-inactive{display:none;}
@keyframes changebar {
0% {background-color: #23b7e5}
33.3% {background-color: #FFD6C2}
33.33% {background-color: #FF8B6A}
66.6% {background-color: #DF0054}
66.66% {background-color: #480032}
99.9% {background-color: #302387}
}
@keyframes movingbar {
0% {right: 50%;left: 50%}
99.9% {right: 0;left: 0}
100% {right: 50%;left: 50%}
}
/*内容*/
body.fixed .z_header{transform:translateY(-100%);visibility:hidden;}
.z_header{ height: 80px; padding: 0 5vw;    transition: ease .65s; box-sizing: border-box; line-height: 80px; width: 100%; background: #fff; position: fixed; left: 0; top: 0; z-index: 5;}
.z_header a{ display:block; float: left;}
.z_header a img{ vertical-align: middle;}
.mobile_btn{cursor:pointer; width: 50px; display: none; height: 50px; position: absolute; right: 0; top: 0; z-index: 4; box-sizing: border-box;  padding: 18px 14px;  }
.mobile_btn.on .line1{transform:rotate(45deg);transform-origin:13% 50%;}
.mobile_btn.on .line2{width:0;}
.mobile_btn.on .line3{transform:rotate(-45deg);transform-origin:13% 50%;}
.mobile_btn span{display:block; width:22px; height:1px; background:#666666; transition:all .45s;}
.mobile_btn .line2{margin:5px 0; width:16px; }
.header_fr{ float: right;}
.header_nav{ float:left; }
.header_nav li{ display: inline-block; font-size:16px;line-height: 30px; height: 30px; margin-top: 25px; margin-left: 2.5vw; position: relative;}
.header_nav li:before{ content: ""; display: block; width: 0%; transition: ease .5s;  height: 2px; background: #eb890e; position: absolute; left: 50%; bottom: 0;}
.header_nav li:hover:before,.header_nav li.active:before{ width: 100%; left: 0; }
.header_nav li:hover a,.header_nav li.active a{color:#eb890e;}
.header_bar{ float: right; margin-left: 2vw; margin-top: 27px;}
.header_bar a{ margin-left: 10px; display: inline-block; position: relative;}
.header_bar em{ display: block; cursor: pointer; font-size: 20px; width: 26px; transition: ease .2s; height: 26px; border-radius: 50%; background:#b0b0b0; color: #fff; text-align: center; line-height: 26px;}
.header_bar a:hover em{ background: #eb890e;}
.header_code{ width: 60px;  height: 60px;  visibility: hidden; position: absolute; left:-60px; top: -26px;}
.header_code img{ width: 100%; height: 100%; transition: ease 1s; transform: scale(0,0);}
.header_bar a:hover .header_code img{ transform: scale(1,1);}
.header_bar a:hover .header_code{ visibility: visible;}
/*banner*/
.z_banner{ margin-top: 80px;}
.z_banner,.z_banner .bd,.z_banner .bd li{width:100%!important;height:470px; overflow: hidden;position:relative;}

.z_banner .img{width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;  background-size:cover; transform:scale(1.04); transition: ease 2.5s; opacity:.5;}
.z_banner .bd li.swiper-slide-active .img,.z_banner .bd li.swiper-slide-duplicate-active .img{transform:scale(1); opacity:1;}
.swiper-slide {  -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform}
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; }
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }
.swiper-container-fade .swiper-slide{    pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active{pointer-events:auto; z-index: 3;}
.swiper-container-fade .swiper-slide{opacity:0!important;}
.swiper-container-fade .swiper-slide-active{opacity:1!important;} 
.z_banner .banner_text{ position: absolute; height: 100%;  left: 50%; top: 50%; transform: translate(-50%,-50%);}
.z_banner .banner_text img{transition: all .5s; /*transform: translateY(20px);*/}
.z_banner .bd li.swiper-slide-active .banner_text img,.z_banner .bd li.swiper-slide-duplicate-active .banner_text img{ transform: translateY(0);}
.z_news,.z_case{width: 50%; background: #fafafb; float: left; padding:5vw; box-sizing: border-box;}
.index_tit h3,.index_tit .h3{ font-size: 26px; font-family: "en"; color: #bbbbbb; text-transform: uppercase;}
.index_tit .h3{ line-height: 20px;}
.index_tit h4{ font-size: 18px; font-weight: bold; display: inline-block; padding-bottom: 16px; border-bottom:2px solid #eb890e;}
.index_tit{ position: relative; width: 100%; margin-bottom: 3vw;}
.index_more{ display: inline-block; width: 108px; text-align: center; line-height: 40px; position: relative; color: #eb890e; font-family: "en"; text-transform: uppercase; font-weight: bold; overflow: hidden;}
.index_more:before{ content: ""; display: block; width: 100%; height: 11px; background: url(../images/arr.png) no-repeat center; background-size: 100% 100%;transition:ease .6s; position: absolute; left: 0; bottom: 0;}
.index_more:after{ content: ""; display: block; width: 100%; height: 11px; background: url(../images/arr2.png) no-repeat center; background-size: 100% 100%; transition:ease .6s; transform: translateX(-120%); position: absolute; left: 0; bottom: 0;}
.index_more:hover:after{ transform: translateX(0);}
.index_more:hover:before{ transform: translateX(100%);}
.index_tit .index_more{ position: absolute; z-index: 1; right: 0; top: 50%; transform: translateY(-50%);}
.index_tit2{ margin-bottom: 2vw;}
.z_first{ border-bottom:1px solid #e3e2e2; padding-bottom: 30px; margin-bottom: 20px;}
.z_first .img{ width:15vw; height: 190px; flex-shrink: 0; float: left; margin-right: 30px;}
.z_first h3{ font-size: 20px; margin-bottom: 20px; font-weight: bold;  line-height: 30px; height: 60px;}
.z_first .desc{ color: #666666; line-height: 24px; height: 96px;}
.z_first .info{ padding-top: 10px;}

.news_swiper .swiper-wrapper{ display: block;}
.news_swiper{ height: 180px;overflow: hidden; width: 100%;}
.news_swiper li{ height: 36px!important; line-height: 36px!important; overflow: hidden;}
.news_swiper .tit{ display: inline-block; width: 70%;}
.news_swiper .fr{float: right; color: #eb890e; font-family: "en"; font-size: 16px;}
.news_swiper li:hover a{ color: #eb890e; }
.news_swiper li a{ color: #666;}

.z_case{background: #eeeff0; position: relative; padding: 0; padding-bottom: 5vw;}
.z_case .case_p{ padding: 5vw; box-sizing: border-box; padding-bottom: 0;}
.case_swiper{ width:74%; height: 415px; overflow: hidden; position: relative;}
.case_swiper .bd li{ width: 100%; height: 100%; position: relative; background-size: cover; background-repeat: no-repeat;}
.case_swiper .bd li a{ display: block; width: 100%; height: 100%;}
.case_swiper .titbar{ width: 220px;transform: translateX(-100%); transition: ease 2s;opacity: 0; padding: 1.5vw;box-sizing: border-box; height: 125px; background: rgba(196,38,29,.9); position: absolute; left: 0; bottom: 0; color: #fff;}
.case_swiper .titbar h3{ font-size: 18px; font-weight: bold; margin-bottom: 1vw;}
.case_swiper .z_banner-hd{ position: absolute;z-index:4; right: 30px; bottom: 25px; display: inline-block;}
.case_swiper .z_banner-hd li{ display: inline-block; cursor: pointer; width: 10px; height: 10px; border-radius: 50%; background: #fff; margin: 0 2px;}
.case_swiper .z_banner-hd li.on{ background: #eb890e;}
.case_swiper .bd li.swiper-slide-active .titbar,.case_swiper .bd li.swiper-slide-duplicate-active .titbar{transform: translate(0); opacity: 1;}
.case_titbox{ width: 23%;  height: 100%;  display: flex; align-items: center; background: url(../images/bg.jpg) no-repeat center; background-size: cover; height: 410x; position: absolute; right: 0; top: 0;}
.case_titbox a{ color: #fff;font-size: 18px;  padding-left: 3vw; box-sizing: border-box;}
.index_case{ position: relative; padding-left: 5vw; box-sizing: border-box;}
.case_titbox h4{ color: #d94c4c; text-transform: uppercase;font-weight: bold;} 
.case_titbox h3{font-weight: bold; margin-top: 10px;}
.case_titbox .dzicon img{animation: dz 3s linear infinite; }
@keyframes dz {
	0%{transform: translateY(10px) scale(1.01,1.01);} 
  50%{transform: translateY(0px) scale(1,1);}
	100%{transform: translateY(10px) scale(1.01,1.01);}
}


.p5vw{ padding: 5vw; box-sizing: border-box;}
.z_about{ background: url(../images/bg2.jpg) no-repeat center; background-size: cover;}
.z_about .flex{ width: 100%; justify-content: space-between; align-items: flex-end;}
.z_about .fl{ float: left; width: 48%;}
.z_about .fr{ float: right; margin-left: auto;}
.z_about .fltit,.ht_about .fltit{ font-size: 24px; line-height: 30px;}
.z_about .fltit{white-space: nowrap;}
.z_about .fldesc{color: #747474; margin-top: 30px; line-height: 24px; height:240px;}
.about_num li{ display: inline-block; z-index: 1 ;padding: 0 3.5vw; text-align: center; position: relative;}
.about_num li .timer{ font-size: 48px; font-weight: bold; font-family: "en"; text-align: center; }
.about_num li:last-child{ padding-right: 0; }
.about_num li:last-child:before{ display: none;}
.about_num li:before{ content: ""; display: block; width: 1px; height: 46px; background: #d5d5d5; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.index_video{ width: 100%; height: 57vh;  position: relative;  overflow: hidden;  position: relative; z-index: 1;}
.index_video:before{ content: ''; display: block; z-index: 1; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.37);}
.index_video img{ width: 100%; display: block;}
.index_video video{ width: 100%; opacity: 0; transition: all .4s;}
.index_video.on{ height: auto;}
.index_video.on .play_box{ opacity: 0;}
.index_video.on video{ opacity: 1;}
.video_pop video{ position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.play_box{ position: absolute; cursor: pointer; z-index: 2; color: #fff; transition: all .4s;  left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center;}
.play_box h3{ text-transform: uppercase; font-size: 36px; font-family: "en";}
.play_box h4{ font-size: 18px; font-weight: bold; margin-bottom: 20px;}
.play_box .play_bar{ display: flex; align-items: center;}
.play_box .play_bar img{ width: auto;  transition: all .4s;}
.play_box:hover .play_bar img{ transform:rotate(360deg) scale(1.1,1.1);}
.play_box .play_bar span{ display: inline-block; border-bottom:1px solid #fff; line-height: 30px; font-style: italic; margin-left: 20px;}
.video_pop{display: block; width: 100%; height: 100%; background: #000; position: fixed; left: 0; top: 0; z-index: 999!important; display: flex; justify-content: center; align-items: center; display: none;}
.close_btn{width: 40px; height: 40px; position: absolute; right: 0; top: 0; background: url(../img/colse.png) no-repeat center; z-index: 100; cursor: pointer;}
#video{width:100%; max-height: 100%;}


.yw_p{padding: 2.5vw 5vw; box-sizing: border-box;}
.yw_p .index_tit{ margin-bottom: 0;}
.yw_p .yw_nav{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.yw_nav .iconfont{ font-size: 48px; margin-left: 30px; transition: all .4s;}
.yw_nav .iconfont:hover{ text-shadow: 0 20px 20px rgba(255,185,15,1);}
.ywwarp .box1{ width: 69.7%; float: left;}
.ywwarp .box2{ width: 30.3%; float: right;}
.ywwarp .box.on{ width: 50%;}
.ywwarp .box{ height: 73vh;width: 25%; float: left; transition: ease 1s; position: relative; overflow: hidden;}
.ywwarp .box:before,.cy_warp .box:before{content: ""; display: block; transition: all .5s; width: 100%;z-index: 1;pointer-events: none; height: 100%; background: rgba(0,0,0,.4); position: absolute; left: 0; top: 0;}
.ywwarp .box .img{ width: 100%; transition:ease 1s; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center;}
.ywwarp .imgtit{ width: 15vw; z-index: 2; height: 15vw; color: #fff; position: absolute; left: 0; bottom: 0;}
.ywwarp .imgtit{display: flex;justify-content: center; align-items: center;}
.ywwarp .imgtit .iconfont{font-size: 40px; margin-bottom: 20px; display: block;}
.ywwarp .imgtit .h3,.cy_warp .imgtit .h3{ text-transform: uppercase; font-size: 14px; font-family: "en"; line-height: 24px;}
.ywwarp .imgtit h4,.cy_warp .imgtit h4{ font-size: 18px; line-height: 28px; font-weight: bold; margin-bottom: 2vw;}
.ywwarp .index_more,.cy_warp .index_more{ color: #fff;}
.ywwarp .index_more:before,.cy_warp .index_more:before{ background: url(../images/arr3.png) no-repeat center;}
.ywwarp .box1 .imgtit{ }
/*.ywwarp .box:hover .img{ transform: scale(1.05,1.05);}*/
.ywwarp .box:hover:before{  background: rgba(0,0,0,.2);}
.ywwarp .box .imgtit:before{ content: "";transform-origin:left center; display: block; transition: all 1s; transform: scale(0,1); width: 100%; height: 100%;background:#eb890e; position: absolute; left: 0; top: 0;}
.ywwarp .box.on .imgtit:before{ transform: scale(1,1);}



.tool_pop { width: 260px; z-index: 9; box-shadow: 0 3px 7px rgba(0, 0, 0, .35); display: none; border-radius: 5px; background: rgba(255, 255, 255, .8); }

.tool_pop:before { content: ""; display: none; width: 21px; height: 27px; z-index: 1; background-size: 100% auto; position: absolute; left: 50%; transform: translateX(-50%); bottom: -27px; }

.mapname { width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 24px; color: #fff; margin: 0; padding: 0; z-index: 9; height: 50px; line-height: 58px; text-align: center; background: #cd463f; border-radius: 5px 5px 0 0; }

.mapname span { font-size: 36px; color: rgba(255, 255, 255, .05); }

.mapcase { width: 100%; max-height: 96px; padding: 0 20px; box-sizing: border-box; margin: 10px 0;}

.mapcase a { display: inline-block; width: 46%; color: #494949; line-height: 24px; }

.mapcase a:hover { color: #eb890f; }

.close_map { width: 40px; height: 40px; cursor: pointer; position: absolute; right: 0; top: -40px; color: #333; text-align: center; line-height: 40px; font-size: 24px; border-radius: 5px }



.z_wh{ width: 100%; position: relative; height: 50vh;  background-attachment: fixed;}
.z_wh:before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.5); position: absolute; left: 0; top: 0; z-index: 1;}
.z_wh .index_tit{ position: absolute; left: 0; top: 50%; transform: translateY(-50%);  color: #fff; text-align: center; margin: 0;z-index: 2;}
.z_wh .index_tit h4{ padding-bottom: 4vh; margin-bottom: 5vh;}
.z_wh .index_tit .desc{ font-size: 36px; font-weight: bold;}
.z_footer{ background: #282828; padding-top: 0;padding-bottom: 0; border-top:3px solid #eb890e; color: #aaaaaa;}
.foot_top{ padding: 5vw 0;}
.foot_nav{ float: left;}
.foot_nav dl{ display: inline-block; margin-right: 3vw; vertical-align: top;}
.foot_nav dl dt{ color: #fff; font-weight: bold; margin-bottom: 35px;}
.foot_nav dd a{ display: block; line-height: 24px;color: #aaaaaa;}
.foot_nav dd a:hover{ color: #fff;}
.foot_fr{ float: right;}
.foot_dz{ float: left; text-align: right; border-right:1px solid #474747; padding-right: 2vw; margin-right: 2vw;}
.foot_dz h3{color: #fff; font-weight: bold;}
.foot_dz ul{ margin: 30px 0; color: #fff;}
.foot_code{float: right; text-align: center;}
.foot_code img{ width: 96px; height: 96px; margin-bottom: 15px;}
.foot_link{ padding: 20px 0; color: #fff; border-bottom: 1px solid rgba(255,255,255,.5);}
.foot_link a{ color: #fff; display: inline-block;}
.foot_copy{ border-top:1px solid #474747; padding: 5vh 0;}
.foot_copy a{ color: #aaa; float: right;}
.cy_warp{ width: 100%; height: 100vh;}
.cy_warp .box{ width: 33.3%; height: 100%;overflow: hidden; float: left; position: relative;}
.cy_warp .box .imgbox{ display: block; width: 100%; height: 100%; transition: ease 1s;}
.cy_warp .box:hover .imgbox{ transform: scale(1.05,1.05);}
.cy_warp .box .img{ width: 100%;  height: 100%; animation: zoombig 3s linear forwards;  background-size: cover; background-repeat: no-repeat; background-position: center}
.cy_warp .box .imgtit{ position: absolute; left: 50%; top: 55%;margin: 0; color: #fff; z-index: 2; text-align: center; transform: translate(-50%,-50%);}
.cy_warp .box .iconfont{ font-size: 50px; transition: all .4s; margin-bottom: 20px; display: block;}
.cy_warp .box:hover:before{ background: rgba(0,0,0,.2);}
.cy_warp .box:hover .iconfont{ transform: rotate(360deg); color: #eb890e;}
@keyframes zoombig {
	0%{transform: scale(1.2,1.2);} 

	100%{transform: scale(1,1);}
}
.other_banner{ margin-top: 80px; position: relative; height: 470px; overflow: hidden;}
.other_banner .img{ width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; display: block;animation: zoombig 4s linear forwards;}
.other_btit{ width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 2;}
.other_btit .h3{font-size: 48px; line-height: 40px; font-family: "en"; text-transform: uppercase; color: #eb890e;}
.other_btit h4{ font-size: 24px; color: #fff; margin-top: 5px; display: inline-block; border-bottom: 2px solid #eb890f; padding-bottom: 30px;}
.page_nav{ background: #eb890f; transition: ease .65s; height: 54px; line-height: 54px; background: #eb890f;}
.page_nav .z-container{ position: relative;}
.page_nav li{ display: inline-block; margin-right: 40px;}
.page_nav li a{ color:#fff;}
.navFixed .page_nav { width: 100%; position: fixed; left: 0; top: 0; background: #eb890e; z-index: 200;  }
.navFixed .page_nav2{ margin-top: 0;}
.page_bar{ position: absolute; right: 0; top: 0; color: #fff;}
.page_bar a{ color: #fff;}
.cy_about{background: #fff; padding: 1vh 0;}

.fenbu_page{ background: #f0f2f3;}
.fenbu_page{ padding: 10vh 0;}
.fenbu_page .index_tit{ margin-bottom: 6vh;}
.fenbu_bar{ padding: 30px 0; display: flex; justify-content: space-between; align-items: flex-end; border-bottom:1px solid #d2d2d2;border-top:1px solid #d2d2d2;}
.fb_xz .xz_btn{ display: inline-block;  margin: 10px 0; font-size: 16px; line-height: 20px; cursor: pointer; padding-right: 20px; background: url(../img/arr4.png) no-repeat right center;}
.xz_box a{ display: inline-block; margin-right: 2.5vw; line-height: 30px;}
.xz_box a:hover{ color: #eb890e;}
.xz_box a.on{ color: #eb890e;}
.fb_xz2{ margin-top: 20px;}
.fb_xz2 li{ display: inline-block; cursor: pointer; margin-right: 30px; position: relative;}
.fb_xz2 li em{ display: inline-block; position: relative; margin-right:5px; vertical-align: middle; margin-top: -2px; width: 14px; height: 14px; border:1px solid #c5c5c5; box-sizing: border-box;}
.fb_xz2 li em:before{ content:""; display: block; z-index: 1; pointer-events: none; width: 6px; height: 6px; background: #eb890e; position: absolute; opacity: 0; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.fb_xz2 li.on em:before{ opacity: 1;}
.fb_xz2 li.on em{ border-color: #eb890e;}
.fenbu_search{margin-left: auto; width: 276px; flex-shrink: 0; }
.fenbu_search .text{ width: 240px; height: 36px; border:1px solid #c5c5c5; padding: 0 10px; box-sizing: border-box; float: left;}
.fenbu_search .sou{ display: block; width: 36px; height: 36px; float: right; background: url(../img/sou.jpg) no-repeat center;}
.fenbu_list{margin-top: 7vh; }
.fenbu_list ul{ margin-left: -1%; margin-bottom: 5vh; }
.fenbu_list li{ width: 32.3%;position: relative; float: left; margin-left: 1%; margin-bottom: 20px;}
.fenbu_list li:before{ content: ""; display: block; z-index: 1; width: 0; height:2px; background: #eb890e; position: absolute; left: 50%; bottom: 0; transition: all .6s;} 
.fenbu_list li:hover:before{ width: 100%; left: 0;}
.fenbu_list .imgbox{ width: 100%; height: 314px\0; height: 16.5vw; overflow: hidden;}
.fenbu_list .imgbox .img{width: 100%; transition: ease 1s; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center;}
.fenbu_list li:hover .img{ transform: scale(1.1,1.1);}
.fenbu_list li .infobox{ background: #fff; padding: 30px; box-sizing: border-box;}
.fenbu_list li h3{font-size: 16px; height: 16px; line-height: 16px; color: #333; margin-bottom: 30px;}
.fenbu_list li:hover h3{ color: #eb890e;}
.fenbu_list li h4{ color: #989898; height: 16px; line-height: 16px; background: url(../images/dz2.png) no-repeat left center;padding-left: 15px;}
.morebtn{ display: block; width: 170px; height: 50px; line-height: 50px; text-align: center; background: #eb890e; color: #fff; border-radius: 5px; margin: 0 auto; }
.morebtn img{ margin-left: 20px;}
.cp_xl{ width: 100%; padding: 12vh 0; background: url(../images/bg4.jpg) no-repeat center; background-attachment: fixed; position: relative; z-index: 1; }
.cp_xl:before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.4); position: absolute; left: 0; top: 0;}
.cp_xl .index_tit,.cp_xl .index_tit .h3{ color: #fff;}
.cp_xl .fl{ width: 240px; float: left; color: #fff;}
.cp_xl .desc{ color: #fff; height: 256px;overflow: hidden; line-height: 24px;}
.cp_xl .cp_icon{  display: inline-block; display: flex; justify-content: flex-end; width: 64%; float: right; margin-left: auto;}
.cp_xl .z-container{ display: flex; align-items: center;}
.cp_icon li{  border-right:1px dashed rgba(255,255,255,.4); float:left;  padding:0 4vw;   box-sizing: border-box;}
.cp_icon li:last-child{ padding-right: 0;border-right:none}
.cp_icon li:first-child{ padding-left: 0; margin-left: 0;}
.cp_icon li a{ display: block; width: 100%; height: 100%; color: #fff;}
.cp_icon li .iconfont{ font-size: 40px; transition: all .4s;}
.cp_icon li h3{ font-weight: bold; font-size: 16px; margin: 20px 0;}
.cp_icon li .desc{ width: 260px;}
.cp_icon li:hover .iconfont { color: #eb890e;}
.load_bar{ height: 5vw;display: block; z-index: 1; width: 100%; position: relative; background: #fff; line-height: 5vw; text-align: center; font-size: 18px;}
.load_bar a{ font-size: 18px;}
.load_bar a:hover{ color: #eb890e;}
.load_bar .iconfont{ color: #eb890e; font-size: 20px;margin-left: 10px;}
/*.load_bar:before{ content: ""; display: block; opacity: 0; width: 0; height: 100%; position: absolute;left: 50%; top: 0; transition: ease .8s; background: #eb890e;}
.load_bar:hover{ background: #eb890e;}*/
.case_con{ overflow: hidden;}
.load_bar:hover,.load_bar:hover .iconfont{ color: #eb890e;}
.case_bar{padding:30px 30px 30px 10.4%; color: #fff; display: flex; justify-content: space-between; align-items: flex-end; box-sizing: border-box; position: absolute; left: 0; bottom: 0; width: 36.5%; height: 190px; background: rgba(191,46,46,.9); z-index: 4;}
.case_bar .fr a{ color: #fff;}
.case_bar h3{ font-size: 30px; font-weight: bold; margin-bottom: 50px;}
.case_bar h4{ background: url(../img/dz3.png) no-repeat left center; padding-left: 20px;}
.case_bar .case_hd{ width: 50px; flex-shrink: 0; font-family: "en";}
.case_bar .swiper-pagination-current{ font-size: 24px;}
.case_con{ background: #f7f7f7;}
.case_fl{ width: 36.5%;  float: left; padding-left: 10.5%; padding-top: 10vh; padding-right: 7%; box-sizing: border-box; background: #f7f7f7; height: 100vh;}
.case_fl.fixed{ position: fixed; left: 0; top: 0;}
.case_fl .back{ display: block; width: 100%; height: 60px; padding: 0 20px;box-sizing: border-box; line-height: 60px; margin-top: 40px; background: #e4e4e4; transition: all .4s; color: #484848;}
.case_fl .back:hover{ background: #eb890e; color: #fff;}
.case_fl.fixed{ position: fixed; left: 0; top: 0;}
.case_info_tit h3{ font-size: 24px;}
.case_info_tit .line{ display: block; width: 17px; height: 5px; background: #eb890e; margin: 30px 0;}
.case_info .desc_text{ line-height: 24px; color: #5b5b5b; margin-bottom: 6vh;}
.case_info .desc_text .tel{ font-family: "en"; font-size: 16px; color: #eb890e;}
.case_nav li{ display: block;cursor: pointer; transition: all .4s;  width: 100%; height: 60px;line-height: 60px; position: relative; border-bottom:1px solid #d9d9d9;}
.case_nav li:before{ content: ""; display: block; width: 0%; height: 2px; transition: ease .4s; background: #eb890e; position: absolute; left: 0; bottom: -1px;}
.case_nav li:hover:before,.case_nav li.active:before{ width: 100%;}
.case_nav li:hover,.case_nav li.active{padding-left: 20px; color: #eb890e;}
.case_nav li em{ float: right; opacity: 0; color: #eb890e; transition: all .4s; transform: translateX(40px);}
.case_nav li:hover em,.case_nav li.active em{ opacity: 1; transform: translateX(-20px);}
.imgauto img{ max-width: 100%!important;height: auto!important;}
.case_fr{ width: 63.5%;  padding-left: 6%;padding-top: 10vh; padding-right: 10.5%; box-sizing: border-box; float: right; background: #fff;}
.case_fr::-webkit-scrollbar{ display: none;}
.case_artic{ line-height: 24px; color: #333333;}
.case_artic img{ max-width: 100%!important;height: auto!important;}
.case_box{ padding: 8vh 0; border-bottom:1px solid #d9d9d9;}
.case_box:first-child{ padding-top: 0;}
.case_lb{ width: 100%; position: relative; overflow: hidden; margin-top: 50px;}
.case_lb li img{ width: 100%;}
.z_banner-btn{ width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 5;}
.z_banner-btn a{ display:block; float: left; width: 48px; height: 48px; background: #eb890e;color: #fff; line-height: 48px; text-align: center;}
.z_banner-btn a.next{ float: right;}
.case_banner .bd{ width: 100%; position: fixed; left: 0; top: 0;z-index: -1;}
.wy_about{ text-align: center; padding: 90px 0;}
.wy_h4{ font-size: 18px;color: #eb890e;line-height: 30px;}
.wy_desc{ width: 826px;    text-align: initial; color: #747474;line-height: 24px; margin: 40px auto; margin-bottom: 30px;}
.wy_case{ background: #f0f2f3; padding: 90px 0;}
.wy_list{ margin-left: -2.2%;}

.wy_list li{ width: 47.8%; float: left; position: relative; overflow: hidden; margin-bottom: 40px; margin-left: 2.2%;}
.wy_list li:nth-child(even){ float: right;}
.wy_list li a{ display: block; width: 100%; height: 100%;}
.wy_list .imgbox,.wy_list .infobox{ width: 50%; overflow: hidden; box-sizing: border-box; float: left; height: 230px;}
.wy_list .img{ width: 100%; transition: ease .8s; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;}
.wy_list li:hover .img{ transform: scale(1.1,1.1);}
.wy_list .infobox{ background: #fff;position: relative; padding:10px 30px; box-sizing: border-box;}
.wy_list .infobox h3{ font-size: 18px; margin-bottom: 60px; border-bottom:1px solid #dddddd;line-height: 70px; height: 70px;}
.wy_list .infobox .desc{ color: #808080;}
.wy_list .infobox .dz{ background: url(../images/dz2.png) no-repeat left center;}
.wy_list .infobox p{ padding-left: 20px; height: 30px; line-height: 30px;}
.wy_list .infobox .tel{background: url(../images/tel.png) no-repeat left center;}
.wy_list .infobox:before{ content: ""; z-index: 1; display: block; width:0; height: 2px;background: #eb890e; position: absolute; left: 0; bottom: 0; transition: ease .8s;}
.wy_list li:hover .infobox:before{ width: 100%;}
.wy_list li:hover h3{ color: #eb890e;}
.wy_fc .index_tit{ display: flex; justify-content: space-between; align-items: center; }
.fc_nav{margin-right: 140px;}
.fc_nav a{ display: inline-block; z-index: 1; position: relative; line-height: 40px; margin-left:30px; font-size: 16px;}
.fc_nav a:before{ content: ""; display: block; width: 0%; height: 2px; background: #eb890e; position: absolute; left: 0; bottom: 0;transition: all .4s;}
.fc_nav a:hover:before,.fc_nav a.active:before{ width: 100%;}
.fc_nav a:hover,.fc_nav a.active{ color: #eb890e;}
.wy_fc{ padding: 90px 0;}
.fc_list ul{ /*margin-left: -2.7%;*/}
.fc_lb.on{ display: block;}
.fc_lb{ display: none; overflow: hidden;}
.fc_list li{ width: 30.6%; position: relative; float: left; /*margin-left: 2.7%;*/}
.fc_list .imgbox{ width: 100%; overflow: hidden; height: 300px;}
.fc_list .img{ width: 100%; height: 100%; transition: ease 1s; background-repeat: no-repeat; background-position: center; background-size: cover;}
.fc_list .infobox{ background: #f9fafa; padding: 38px 35px; box-sizing: border-box;}
.fc_list li h3{ font-size: 18px; line-height: 30px; height: 60px; margin-bottom: 50px;}
.fc_list li .time{ background: url(../images/time.png) no-repeat left center; color: #898989; padding-left: 25px;}
.fc_list li:hover .img{ transform: scale(1.1,1.1);}
.fc_list li:before{ content: ""; display: block; width: 0%;transition: ease 1s; z-index: 1; height: 2px; background:#eb890e; position: absolute; left: 0; bottom: 0;}
.fc_list li:hover:before{ width: 100%;}
.imgwarp{position: absolute; overflow: hidden; opacity: 0; left: 0; top: 0; width: 100%; height: 100%;}
.imgwarp a{ display: block; width: 100%; height: 100%;}

.contact_info{ padding: 100px 0; padding-top: 50px;}
.contact_info .titbar{ border-bottom:1px solid #e5e5e5; padding: 50px 0; position: relative; font-size: 30px; margin-bottom: 40px; }
.contact_info .titbar .tel{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);text-align: right; color: #878787; font-size: 14px;}
.titbar .tel em{ display: block; color: #eb890e; font-size: 24px; margin-top: 5px; }
.contact_btm{ display: flex; align-items: flex-end; justify-content: space-between;}
.conatct_addre{ float: left;}
.conatct_addre p{ margin-bottom: 10px; color: #666;}
.contact_code{ margin-left: auto; text-align: right; display: flex; align-items: flex-end;}
.contact_map img{ width: 100%; vertical-align: bottom;}
.contact_code em{ display: block;}
.contact_code span{ margin-right: 20px; color: #666666;}
.contact_code img{ width: 90px; height: 90px;}
.contact_lz{ padding: 18vh 0; background-attachment: fixed; position: relative; z-index: 1;}
.contact_lz .index_tit{ margin-bottom: 0; color: #fff; }
.contact_lz:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0);}

/*产品应用*/
.product_con .box{ width: 50%;line-height: 30px;min-height:48vh; float: left;}
.product_con .box1{ padding: 10vh 6.7%  10vh 10.4%; box-sizing: border-box;}
.product_con .box2{padding: 10vh 10.4%  10vh 6.7%; background: #f0f2f3; box-sizing: border-box;}
.product_con .box .tit{ font-size: 18px; font-weight: bold; margin-bottom: 4vh;}
.product_con .box1 .desc{ line-height: 30px; color: #747474; font-size: 16px;}
.product_page{ text-align: center; padding: 70px 0; padding-bottom: 50px;  background: #f7f7f7;}
.product_lists{ margin-left: -3%;}
.product_lists li{ width: 22%; margin-bottom: 50px; position: relative; float: left; margin-left: 3%;}
.product_lists .imgbox{ width: 100%; height: 200px\0; height: 12vw; overflow: hidden;}
.product_lists li .img{ width: 100%; height: 100%; transition: all .6s; background-position: center; background-repeat: no-repeat; background-size: cover;}
.product_lists li:hover .img{ transform: scale(1.1,1.1);}
.product_lists li .info{ background: #fff; padding:15px 35px; box-sizing: border-box;}
.product_lists li h3{ font-size: 18px; line-height: 30px; height: 40px;}
.product_lists li:before{ content: ""; z-index: 1; display: block; width: 0%; height: 2px; background: #eb890e; position: absolute; left: 0; bottom: 0; transition: ease 1s;}
.product_lists li:hover:before{ width: 100%;}
.product_lists li:hover h3{ color: #eb890e;}


.lzjs_con .box{ width: 50%;line-height: 30px;min-height: 74vh; float: left;}
.lzjs_con .box1{ padding: 10vh 6.7%  10vh 10.4%; box-sizing: border-box;}
.lzjs_con .box2{padding: 10vh 10.4%  10vh 6.7%; background: #f0f2f3; box-sizing: border-box;}
.lzjs_con .box .tit{ font-size: 18px; font-weight: bold; margin-bottom: 4vh;}
.lzjs_con .box1 .desc{ line-height: 30px; color: #747474; font-size: 16px;}
.lzjs_con .box2 .way{  font-size: 16px; color: #333;}
.lzjs_con .box2 .bz{color: #727272; margin-top: 4vh;}
.brand_box{ width: 100%; position: relative; display: flex; align-items: center; height: 460px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.brand_box .h3{ font-size: 30px; line-height: 26px; font-family: "en"; color: #bbbbbb; text-transform: uppercase;}
.brand_box h4{ font-size: 18px; font-weight: bold;}
.brand_box .line{ display: block; width: 16px; height: 1px; background: #eb890e; margin: 25px 0;}
.brand_box .desc{ color: #333333; line-height: 30px; font-size: 16px;}
.brand_info{ position: absolute; padding: 0 4% 0 10.4%; box-sizing: border-box; display: flex; align-items: center;  left: 0; top: 0; width: 32.8%; height: 100%; background: #e4e6ea;}
.brand_box:first-child .brand_info{ background: none;}
.brand_box:nth-child(2),.brand_box:nth-child(5){ background-attachment: fixed; background-position: right center;}
.brand_box:nth-child(3) .brand_info{ right: 0; color: #fff; left: auto;padding: 0 10.4% 0 4%;background: #6f8acf;}
.brand_box:nth-child(3) .brand_info .h3,.brand_box:nth-child(3) .brand_info .desc{color: #fff;}

.brand_box:nth-child(4) .brand_info .h3,.brand_box:nth-child(4) .brand_info .desc{color: #fff;}
.brand_box:nth-child(4) .brand_info{ background: none;color: #fff; }
.brand_box:nth-child(5) .brand_info .h3,.brand_box:nth-child(5) .brand_info .desc{color: #fff;}
.brand_box:nth-child(5) .brand_info{ color: #fff;background: #4071ca;}
.brand_box:nth-child(6) .brand_info{background: #e4e6ea; right: 0; left: auto;}
.brand_box:nth-child(7) .brand_info{background:none; color: #fff;}
.brand_box:nth-child(7) .brand_info .h3,.brand_box:nth-child(7) .brand_info .desc{color: #fff;}

.brand_nk{ background: #f0f2f3; padding: 60px 0;}
.sub_bar{ width: 100%; margin-bottom: 8vh; border-bottom:1px solid #cacaca; line-height: 60px;}
.sub_bar a{ display: inline-block;z-index: 1; margin-right: 40px; padding:  0 10px; position: relative; font-size: 18px; font-weight: bold;}
.sub_bar a:before{ content: ""; display: block; width: 0%; transition: all .4s; height: 3px; background: #eb890e; position: absolute; left: 0; bottom: -2px;}
.sub_bar a.active:before,.sub_bar a:hover:before{ width: 100%;}
.sub_bar a:hover,.sub_bar a.active{ color: #eb890e;}
/*企业内刊*/
.magazinesList ul{ margin-left: -2.2%; margin-bottom: 4vh;}
.magazinesList li{ width: 17.8%; float: left; margin-bottom: 35px; margin-left: 2.2%;}
.magazinesList li img{ width: 100%;}
.magazinesList .imgbox{width: 100%;  height:39vh; position: relative;}
.magazinesList h4{height: 70px; line-height: 70px; text-align: center; background: #fff;}
.magazinesList .imgmask{ display: block; pointer-events: none; opacity: 0; transition: all .4s; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.5);}
.magazinesList .imgmask .icon{ display: block; width: 42px; height: 42px; background: url(../images/yan.png) no-repeat center; background-size: 100% 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(2,2); transition: all .8s; }
.magazinesList li:hover .imgmask{ opacity: 1;}
.magazinesList li:hover .icon{ transform:translate(-50%,-50%) scale(1,1);}
.magazinesList li a{ display: block; width: 100%; height: 100%;}

.alertDiv{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:9999;}
.close{ position:absolute; cursor: pointer; top:43px; right:50px; display:block; width:51px; height:51px; line-height: 51px; text-align: center; background:#B40822; z-index:3; border-radius: 50%; color: #fff;}
.close .iconfont{ font-size: 20px;}
.magazinesAlert ul,.magazinesAlert li{ width:100%; height:100%;}
.magazinesAlert li{ position:relative; text-align:center;}
.bookl,.bookr{ position:absolute; top:0; height:100%; width:50%; overflow:hidden; display:flex; align-items: center;}
.bookl{ left:0; display: flex; justify-content: flex-end; align-items: center;}
.bookr{ right:0;display:flex; align-items: center;justify-content: flex-start;}

.magazinesAlert .imgViewBtn{position: absolute; height: 60px;  width: 100%; top:50%; left: 0; margin-top:-37px;}
.magazinesAlert .imgViewBtn .btn{ width:60px!important; cursor: pointer; cursor: pointer; position: absolute; background: #3f3f3f; height:60px!important; text-align: center; line-height: 60px;  border-radius:50%;}
.imgViewBtn .iconfont{font-size: 20px; color: #fff;}
.magazinesAlert .prev{ left:50px;}
.magazinesAlert .next{ right:50px;}
.magazinesAlert .imgViewBtn a:hover{ background-color:#B40822; }
.bookCont{ width: 1400px; height: 100%;}
.bookCont img{max-height: 100%;}
.imgViewCont{ position:relative; overflow:hidden;}
.imgViewCont li{ display:none; position:relative; float:left; margin-right:-100%; width:100%;}
.imgViewCont li:nth-child(1){ display:block; z-index:1;}
.imgViewCont li.current{ display:block; z-index:1;}
.imgViewCont li.animating{ display:block; z-index:2;}
.imgViewBtn{ position:absolute; top:0; left:0; width:100%; z-index:3;}
.imgViewBtn a{ position:absolute; display:block;}
.imgViewIndex{ z-index:4;}
.imgViewIndex dd{ cursor:pointer;}
@-webkit-keyframes bookRightToLeft {
	to{ -webkit-transform:rotateY(-180deg);}
}
@keyframes bookRightToLeft {
	to{ transform:rotateY(-180deg);}
}
.bookRightToLeft .bookr{
	transform-origin:left;
	animation: bookRightToLeft .6s ease both;
	-webkit-animation: bookRightToLeft .6s ease both;
	}
@-webkit-keyframes bookLeftToRight {
	to{ -webkit-transform:rotateY(180deg);}
}
@keyframes bookLeftToRight {
	to{ transform:rotateY(180deg);}
}
.bookLeftToRight .bookl{
	transform-origin:right;
	animation: bookLeftToRight .6s ease both;
	-webkit-animation: bookLeftToRight .6s ease both;
	}
@-webkit-keyframes myFadeOut {
	to{ opacity:0;}
}
@keyframes myFadeOut {
	to{ opacity:0;}
}
.bookRightToLeft,.bookLeftToRight{
	animation: myFadeOut .6s ease both;
	-webkit-animation: myFadeOut .6s ease both;
	}
@-webkit-keyframes bookLeftFromRight {
	from{ -webkit-transform:rotateY(180deg);}
}
@keyframes bookLeftFromRight {
	from{ transform:rotateY(180deg);}
}
.bookLeftFromRight .bookl{
	transform-origin:right;
	animation: bookLeftFromRight .6s ease both;
	-webkit-animation: bookLeftFromRight .6s ease both;
	}
@-webkit-keyframes bookRightFromLeft {
	from{ -webkit-transform:rotateY(-180deg);}
}
@keyframes bookRightFromLeft {
	from{ transform:rotateY(-180deg);}
}
.bookRightFromLeft .bookr{
	transform-origin:left;
	animation: bookRightFromLeft .6s ease both;
	-webkit-animation: bookRightFromLeft .6s ease both;
	}
/*企业内刊结束*/

.brand_story{background: #f0f2f3; padding: 12vh 0;}
.brand_story .index_tit{ float: left; width: auto;}
.story_lsit{ width: 82%; float: right;}
.story_lsit li{ margin-bottom: 20px;}
.story_lsit li a{ display: block; width: 100%; height: 100%;}
.story_lsit li .imgbox{width: 38%; float: left;overflow: hidden; height: 300px;}
.story_lsit li .img{width: 100%; height: 100%; transition: all .6s;  background-size: cover; background-position: center; background-repeat: no-repeat;}
.story_lsit li .info{ background: #fff; position: relative; width: 62%; float: right; height: 300px; padding: 40px; box-sizing: border-box;}
.story_lsit li:hover .img{ transform: scale(1.1,1.1);}
.story_lsit li h3{ font-size: 18px; margin-bottom: 140px; line-height: 30px; /*width: 60%;*/ height: 60px;}
.story_lsit li .time{ background: url(../images/time.png) no-repeat left center; padding-left: 30px; color: #898989;}
.story_lsit li .info:before{ content: "";z-index:1;display: block; width:0%; height: 2px; background: #eb890e; position: absolute; left: 0; bottom: 0; transition: ease .7s;}
.story_lsit li:hover .info:before{ width: 100%;}
.story_lsit li:hover h3{ color: #eb890e;}

.rc_page li{ height: 63vh;  color: #fff; overflow: hidden; position: relative;}
.rc_page li .img{ width: 100%;animation-duration: 4s; height: 100%; position: absolute; left: 0; top: 0;}
.rc_page li .desc{ line-height: 30px; font-size: 16px; margin: 4vh 0; color: #fff;}
.rc_page li .seemore{ display: block; width: 145px; height: 45px; background: #eb890e; color: #fff; text-align: center; line-height: 45px;}
.rc_page li .seemore img{ margin-right: 10px;}
.rc_page li a{ display: block; width: 100%; height: 100%;display: flex; align-items: center;}
.rc_page li h4{ color: #fff;}
.rc_page li:nth-child(1) h4,.rc_page li:nth-child(1) .desc{ color: #333;}
.rc_page li:last-child .index_tit .h3{ color: #fff;}

.rebox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; -webkit-filter: none !important;
    background: rgb(0, 0, 0); /* IE Fallback (Solid Colour) */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
    background: rgba(0, 0, 0, 0.6); }
.rebox *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
.rebox-contents { position: absolute; top: 5%; left: 5%; text-align: center; width: 90%; height: 90%; display: flex; justify-content: center;align-items: center; }
.rebox-contents .rebox-content {  border-radius: 1px; max-width: 100%; max-height: 100%; }
.rebox-loading { width: 31px; height: 31px; margin: -16px 0 0 -16px; position: absolute; top: 48%; left: 50%; }
.rebox-caption { display: none; opacity: 0; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 1000; background: #000; background: rgba(0,0,0,0.7); }
.rebox-caption p { margin: 0 auto; max-width: 70%; display: inline-block; *display: inline; *zoom: 1; padding: 10px; color: #fff; font-size: 12px; line-height: 18px; }

.rebox-button { position: absolute; z-index: 9999; min-width: 40px; height: 40px; line-height: 40px; background: rgb(0, 0, 0); 
    text-decoration: none; font-size: 24px; color: #fff; text-align: center; vertical-align: middle;
    -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; border-radius: 32px;
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.rebox-button:hover,
.rebox-button:focus { opacity: 1; background: #eb890e;}
.rebox-close { right: 10px; top: 10px; display: flex; align-items: center; justify-content: center; line-height: 40px; font-size: 30px; }
.rebox-next { right: 10px; top: 48%; }
.rebox-prev { left: 10px; top: 48%; }
.rebox-loading { left: 50%; top: 48%;
    -webkit-animation-name: spin; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;
    -moz-animation-name: spin; -moz-animation-duration: 2000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear;
    -ms-animation-name: spin; -ms-animation-duration: 2000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear;    
    animation-name: spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear;
}
.rebox_add{ position: fixed; background: rgba(0,0,0,.7); left: 0; bottom: 0; width: 100%;height: 80px; text-align: center; color: #fff; line-height: 80px; display: none; z-index:9999;}
.rebox_add .wyname{ float: left;}
.rebox_add .wydz{ background: url(../images/dz5.png) no-repeat left center; padding-left: 20px;}
.rebox_add .wytel{ background: url(../images/tel2.png) no-repeat left center; padding-left: 20px; margin-right: 20px; display: inline-block;}





.news_page{ padding: 70px 0; padding-bottom: 100px;  background: #f7f7f7;}
.news_lists,.video_list{ margin-left: -3%;}
.news_lists li,.video_list li{ width: 30.3%; margin-bottom: 50px; position: relative; float: left; margin-left: 3%;}
.video_list .index_video{ height:15.6vw}
.video_list li .play_box:hover .play_bar img{ transform:scale(1.1,1.1)!important;}
.news_lists .imgbox{ width: 100%; height: 300px\0; height: 15.6vw; overflow: hidden;}
.news_lists li .img{ width: 100%; height: 100%; transition: all .6s; background-position: center; background-repeat: no-repeat; background-size: cover;}
.news_lists li:hover .img{ transform: scale(1.1,1.1);}
.news_lists li .info{ background: #fff; padding:30px 35px; box-sizing: border-box;}
.news_lists li h3{ font-size: 18px; line-height: 30px; height: 60px; margin-bottom: 50px;}
.news_lists li .time{ background: url(../images/time.png) no-repeat left center; color: #898989; padding-left: 25px;}
.news_lists li:before{ content: ""; z-index: 1; display: block; width: 0%; height: 2px; background: #eb890e; position: absolute; left: 0; bottom: 0; transition: ease 1s;}
.news_lists li:hover:before{ width: 100%;}
.news_lists li:hover h3{ color: #eb890e;}

.app_page{ text-align: center; padding: 70px 0; padding-bottom: 50px;  background: #f7f7f7;}
.app_lists{ margin-left: -3%;}
.app_lists li{ width: 30.3%; margin-bottom: 50px; position: relative; float: left; margin-left: 3%;}
.app_lists .imgbox{ width: 100%; height: 300px\0; height: 15.6vw; overflow: hidden;}
.app_lists li .img{ width: 100%; height: 100%; transition: all .6s; background-position: center; background-repeat: no-repeat; background-size: cover;}
.app_lists li:hover .img{ transform: scale(1.1,1.1);}
.app_lists li .info{ background: #fff; padding:30px 35px; box-sizing: border-box;}
.app_lists li h3{ font-size: 18px; line-height: 30px; height: 40px;}
.app_lists li:before{ content: ""; z-index: 1; display: block; width: 0%; height: 2px; background: #eb890e; position: absolute; left: 0; bottom: 0; transition: ease 1s;}
.app_lists li:hover:before{ width: 100%;}
.app_lists li:hover h3{ color: #eb890e;}

.app_lists2 li{ width: 22%; margin-top: 50px; margin-bottom: 50px; position: relative; float: left; margin-left: 3%;}
.app_lists2 .imgbox{ width: 100%; height: 300px\0; height: 11.2vw; overflow: hidden;}
.app_lists2 li .img{ width: 100%; height: 100%; transition: all .6s; background-position: center; background-repeat: no-repeat; background-size: cover;}
.app_lists2 li:hover .img{ transform: scale(1.1,1.1);}
.app_lists2 li .info{ background: #fff; padding:30px 35px; box-sizing: border-box;}
.app_lists2 li h3{ font-size: 18px; line-height: 30px; height: 40px;}
.app_lists2 li:before{ content: ""; z-index: 1; display: block; width: 0%; height: 2px; background: #eb890e; position: absolute; left: 0; bottom: 0; transition: ease 1s;}
.app_lists2 li:hover:before{ width: 100%;}
.app_lists2 li:hover h3{ color: #eb890e;}

.rc_list .rc_tit{ width: 100%; cursor: pointer; height: 80px; line-height: 80px; border-bottom:2px solid #f7f7f7;}
.rc_list .rc_tit span{ display: inline-block; width: 15%;}
.rc_con{ background: #ececec; display: none; padding: 40px 0; color: #7f7f7f; line-height: 30px;}
.rc_con .box{ margin-bottom: 30px;}
.rc_bz a{ color:#eb890e;}
.aply_btn{ display: block; width: 124px; height: 48px; text-align: center; line-height: 48px; background: #eb890e; color: #fff; border-radius: 5px; cursor: pointer; margin-top: 30px;}
.rc_tit .z-container{ background: url(../images/jia.png) no-repeat right center;}
.rc_tit.on .z-container{background: url(../images/jian.png) no-repeat right center;}
.gh_list{ background: #f7f7f7; padding: 9vh 0;}
.gh_list ul{ float: none; width: 100%;}
.story_lsit2 li{ margin-bottom: 30px;}
.story_lsit2 li .imgbox{ width: 34%; height: 330px;}
.story_lsit2 li .info{height: 330px; width: 66%; padding: 50px;}
.story_lsit2 li h3{ margin-bottom: 0; /*width: 300px;*/ font-size: 20px; margin-bottom: 30px;}
.story_lsit2 li .desc{ color: #666; line-height: 24px; height: 48px ; margin-bottom: 70px;}

.news_search{ display: flex; align-items: center; margin-bottom: 6vh;}
.news_sel{ display: inline-block; background: url(../images/arr6.png) no-repeat right 10px center; box-sizing: border-box; width: 250px; height: 40px; border:1px solid #b5b5b5; padding: 0 10px; margin-left: 20px;}
.news_search .sou{ display: inline-block; margin-left: 10px; width: 80px; height: 40px; background:#eb890e; color: #fff; text-align: center; line-height: 40px;}
.news_search span{ font-weight: bold; font-size: 18px; color: #666666;}
.news_search .text{ background: none;}
.page_nav2{ margin-top: 80px;}


.aply_pop{ width: 560px; height: 280px; background: #fff;border-radius: 3px; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%);box-shadow: 7px 0 46px rgba(0,0,0,.2); text-align: center; padding: 10px;box-sizing: border-box; display: none;z-index:999;}
.aply_pop h3{ height: 66px; line-height: 66px; text-align: center; border-bottom:1px solid #cccccc; margin-bottom: 25px; font-size: 24px;}
.aply_pop .uploadbtn{ display: inline-block; min-width: 100px; max-width: 100%; height: 33px; text-align: center;line-height: 33px; color: #333; color: #fff; border-radius: 4px; background:#eb890e; position: relative;overflow: hidden;}
.aply_pop .uploadbtn input{ position: absolute; left: 0; bottom: 0; top: 0;right: 0; opacity: 0;}
.aply_pop p{ color: #7f7f7f; margin-top:10px; margin-bottom: 40px;}
.aply_pop .btn_group button{ display: inline-block; width: 100px; height: 33px; background: #c6c6c6; border:none; color: #fff; border-radius: 3px;line-height:33px;}
.aply_pop .btn_group span{cursor: pointer; margin: 0 5px; display: inline-block; width: 100px; height: 33px; background: #c6c6c6; border:none; color: #fff; border-radius: 3px;line-height:33px;}
.aply_pop .btn_group .surebtn{ background: #929292;}
.aply_pop .closebtn{ width: 27px; height: 27px;background: url(../images/colse2.png) no-repeat center; background-size: 100% 100%; position: absolute; right: 15px; top: 15px; cursor: pointer;}
.btn_group{ display: flex; align-items: center; justify-content: center;}
.news_xq{ padding: 70px 0; background: #f0f2f3;}
.news_xq .z-container{ width: 1300px;}
.news_fl{ width: 63.8%; float: left; padding-left: 122px; box-sizing: border-box;}
.news_head{ position: relative;}
.news_time{ width: 80px; position: absolute; left: -122px; top: 0; float: left; margin-right: 40px; height: 80px;padding-top: 10px; box-sizing: border-box; color: #333333; background: #e0e1e2; text-align: center;}
.news_time em{ display: block;  font-size: 30px; font-weight: bold; color: #eb890e;}
.news_tit h3{font-size: 30px; margin-bottom: 10px; font-weight: bold; line-height: 40px;}
.news_bar{ padding: 40px 0; color: #333; display: flex;align-items: center; border-bottom:1px solid #c6c6c6;}
.bshare-custom a{ background: none!important; font-size: 22px; margin: 0!important; cursor: pointer; margin-right: 15px!important; color: #8a8a8a!important; padding: 0!important;}
.bshare-custom a:hover{ color: #eb890e!important; text-decoration: none!important; opacity: 1!important;}
.news_bar .yan{ margin-left: auto; background: url(../images/yan3.png) no-repeat left center; padding-left: 20px;}
.news_artic{ padding: 50px 0; color: #474848; line-height: 24px;}
.news_fr{ float: right; width: 30%; background: #fff; padding: 20px 28px; box-sizing: border-box;}
.news_one .img{ width: 100%; height: 22vh; background-position: center; background-repeat: no-repeat; background-size: cover;}
.news_fr .tits{ font-size: 18px; font-weight: bold; border-left: 2px solid #eb890e; padding-left: 10px; margin-bottom: 20px;}
.news_one h3{ font-size: 16px; line-height: 24px; max-height: 48px; margin: 15px 0;}
.news_one{ border-bottom:1px solid #c6c6c6; margin-bottom: 10px;}

.ht_about{ padding: 9vh 0;  z-index: 1; position: relative; background: url(../images/bg10.jpg) no-repeat center; background-size: cover; }
.ht_about:before{ content: ""; overflow: hidden; display: block; width: 56.7%; height: 100%;background: url(../images/bg_nabout1.jpg) no-repeat center; background-size: cover; position: absolute; right: 0;top: 0;}
/*.ht_about:after{ content: ""; overflow: hidden; display: block; width: 43.3%; height: 100%;background: url(../img/bg11.jpg) no-repeat center; background-size: cover; position: absolute; left: 0;top: 0;}
*/
.ht_about .fldesc{ color: #747474; line-height: 24px;}
.ht_about .ht_fl{ width: 38.2%; float: left}
.ht_about .ht_fr{ float: right; margin-left: auto; margin-bottom:40px; margin-right: 2vw;}
.ht_about .z-container{display: flex; align-items: flex-end;}
.ht_about .index_tit h4{ padding-bottom: 30px;}
.ht_zz .zz_fl,.ht_zz .zz_fr{ width: 50%; overflow: hidden; float: left;height: 76vh;}
.zz_fl{ padding-top: 15vh; box-sizing: border-box; position: relative; padding-left: 10.4%; box-sizing: border-box; background-size: cover; position: relative; z-index: 1; }
.zz_fl:before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.4); position: absolute; left: 0; top: 0;}
.zz_fl .img{ width: 100%; height: 100%; z-index: -2; position: absolute; left: 0; top: 0;}
.ht_zz .zz_fr{ padding: 2vh 10.4% 0 5%; box-sizing: border-box;}

.ht_lc .lc_fl,.ht_lc .lc_fr{ width: 50%; overflow: hidden; float: left;height: 66vh;}
.lc_fl{ padding-top: 15vh; box-sizing: border-box; position: relative; padding-left: 10.4%; box-sizing: border-box; background-size: cover; position: relative; z-index: 1; }
.lc_fl:before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.4); position: absolute; left: 0; top: 0;}
.w_color,.w_color .h3,.w_color h4,.w_color .desc{ color: #fff!important;}
.w_color .desc{ line-height: 30px; font-size: 16px; margin-top: 30px;}
.lc_fl .img{ width: 100%; height: 100%; z-index: -2; position: absolute; left: 0; top: 0;}
.ht_lc .lc_fr{ padding: 15vh 10.4% 0 5%; box-sizing: border-box;}
.preview{ height: 66px; position: relative;line-height: 66px; text-align: center; border-bottom:2px solid #eb890e;}
.preview li{ font-size: 16px; white-space: nowrap;cursor: pointer; font-family: "en"; transition: all .2s;}
.preview li.active-nav{ font-size: 20px; color: #eb890e;}
.preview li em{ display: inline-block; margin-right: 10px; background: url(../images/dz4.png) no-repeat center; width: 14px; height: 18px; transition: all .4s; transform: scale(0,0);}
.preview li.active-nav em{ transform: scale(1,1);}
.preview .iconfont{ position: absolute; color: #eb890e; font-size: 20px; top: 50%; transform: translateY(-50%);}
.preview .arrow-left{ left: 0;}
.preview .arrow-right{ right: 0;}
.preview .swiper-container{ width: 84%; margin: 0 auto;}
.view li{ padding: 40px 0;}
.view .con{ line-height: 30px; color: #333333; line-height: 24px;}
.ht_box{ width: 100%; z-index: 1; display: flex; align-items: center; height: 59vh; position: relative; overflow: hidden;}
.ht_box:before{ content: ""; display:block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.4);}
.ht_box .img{ width: 100%; animation-duration: 3s; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; left: 0; top: 0;z-index: -2;}
.ht_box .index_tit .desc{ height: 120px;}
.ht_honor{ background: #f0f2f3; padding: 13vh 0;}
.honor_fl{ width: 30%; float: left; transition: all .8s; padding-left: 10.4%; box-sizing: border-box;}
.honor_fl.fixed{position: fixed; left: 0; top: 0px; transform: translateY(100px); }
.honor_year li{ font-size: 24px; height: 42px; line-height: 42px; cursor: pointer; font-family: "en"; transition: ease .4s; position: relative; padding-left: 30px; margin-bottom: 10px;}
.honor_year{ border-left: 2px solid #eb890f;}
.honor_year li:before{ content:""; transition:ease .4s; z-index: 1; display: block; width: 18px; height: 18px; border-radius: 50%; border: 5px solid #daa19d; box-sizing: border-box; border-radius: 50%; background: #f0f2f3; position: absolute; left: -10px; top: 50%; transform: translateY(-50%);}
.honor_year li.cur,.honor_year li:hover{ color: #eb890e; font-size: 36px;}
.honor_year li.cur:before,.honor_year li:hover:before{ border-color: #eb890e;}
.honor_fr{ width: 51%; margin-left: 30%; background: #fff;}
.honor_fr .honor_box{ padding: 3vw 5vw; text-align: center; box-sizing: border-box; border-bottom:1px solid #e5e5e5;}
.honor_fr .honor_box h3{ font-size: 48px;}
.honor_fr .honor_box img{ display: block; margin: 30px auto; max-width: 100%!important; height: auto!important;}
.honor_fr .honor_box .desc{ line-height: 24px; color: #333;}
.zr_page{ background: #f0f2f3; padding: 80px 0;}
.zr_page .z-container{ padding-left:140px; box-sizing: border-box;}
.zr_box{ position: relative; transition: ease .4s; margin-bottom: 45px; background: #fff; padding: 3.5vw; box-sizing: border-box; }
.zr_box:hover{box-shadow:0 12px 35px rgba(100,15,10,.15);}
.zr_time{ width: 90px; padding-top: 5px; box-sizing: border-box; color: #fff; text-align: center; height: 90px; background: #eb890e; position: absolute; left: -140px; top: 0;}
.zr_time em{ display: block; font-size: 48px; font-family: "en";}
.zr_box h3{ font-size: 24px;}
.zr_box .desc{ line-height: 24px; color: #777777; margin: 30px 0;}
.zr_img{ margin-left: -1%;}
.zr_img li{ width: 32.3%; margin-bottom: 10px; float: left; height: 26vh; margin-left: 1%;}
.nav_down{position:fixed; z-index: 1; min-height: 310px; left:0; box-sizing: border-box; top:80px; width:100%; background:#fff; z-index:4;     padding: 50px 5vw; background: url(../images/navbg.jpg) no-repeat bottom center;background-size: cover;}
.nav_down .nav_log{ float: left;}
.nav_fr{ float: right;}
.nav_fr dl{ display: inline-block; vertical-align: top; margin-right: 3vw;}
.nav_fr dl a{ display: block; color: #fff;}
.nav_fr dt a{font-weight: bold; }
.nav_fr dt{ margin-bottom: 30px;}
.nav_fr dd a{ line-height: 30px;}
.nav_down{transition:ease .65s; transform:translateY(-140%);}
.Nav .nav_down{transform:translateY(0);}
.retop{ width: 50px; display: none; height: 50px; position: fixed; border-radius: 50%; z-index: 88;  right: 4vw; bottom: 60px; background:#eb890e; text-align: center; line-height: 50px; text-align: center;}
.retop img{ max-height: 100%; max-width: 30px; cursor: pointer; display: block; margin: 10px auto;}
#main { opacity: 0!important; }
.cy_map { position: relative; margin-top: 0!important; width: 700px!important; margin-top: 100px; }
.cy_map:before { content: ""; opacity: 1; z-index: 1; pointer-events: none; display: block; width: 100%; height: 100%;  background-size: 90% auto; position: absolute; left: 0; top: 0; }

.bookCont img{ max-width: 100%;}
.w_banner{display:block;}
.m_banner{display:none;}
@media screen\0 {
.z_banner .img{ opacity: 1;}
.case_titbox a{position: absolute; left: 0; top: 40%;}
.ywwarp .imgtit .flexs{ position: absolute; left: 10%; top: 10%;}
.ywwarp.hover .img{ transform: scale(1,1);}
.rc_page li .imginfo{ margin-top: 100px;}

}
@media screen and (max-width:1500px){
.honor_fr{ width: 60%;}	
/*.w_banner{display:block;}
.m_banner{display:none;}*/
.z_about{ width: 88%;}
.cy_map{ margin-right: 0!important;}
}



@media screen and (max-width: 1336px){
	.news_xq .z-container{ width: 1200px;}
	.load_bar .z-container3{ width: 80%;}
}

/*平板*/ 
@media screen and (max-width: 1024px){
.w_banner{display:none;}
.m_banner{display:block;}
	
}
/*手机*/
@media screen and (max-width: 980px){
.w_banner{display:none;}
.m_banner{display:block;}
.z_header{ height: 50px; line-height: 50px; z-index: 10;}
.z_header a img{ height: 30px;}
.mobile_btn{ display: block;}
.header_fr{ width: 100%; box-sizing: border-box; transition: ease .5s; opacity: 0; transform: translateY(-140%); display: flex; align-items: center; justify-content: center; height: calc(100% - 50px); background: #eb890e; position: fixed; left: 0; top: 50px; }
.header_fr.on{ transform: translateY(0); opacity: 1;}
.header_nav li{ display: block;margin: 0; height: 50px; line-height: 50px;  width: 100%; text-align: center;}
.header_nav li a{width: 100%; color: #fff;}
.header_nav{ width: 100%;  }
.header_bar{ float: none; display: none; margin: 0 auto;}
.header_bar a{ display: block; width: 100%; text-align: center;}
.z_banner .banner_text img{max-width: 100%;height: 100%; }
.z_news, .z_case{ width: 100%; padding: 20px 12px; box-sizing: border-box;}
.index_tit h3{ font-size: 20px;}
.index_tit h4{ font-size: 16px;}
.index_tit h5{ font-size: 14px;}
.index_tit .index_more{ width: 88px;}
.z_first{ display: block; padding-bottom: 15px; margin-bottom: 15px;}
.z_first .img,.z_first .info{ width: 100%; float: none;}
.z_first h3{ font-size: 16px; line-height: 24px; height: 48px; margin-bottom: 10px;}
.index_tit{ margin-bottom: 20px;}
.z_case .index_tit{ padding: 0;}
.index_case{ padding: 0;}
.case_swiper{ width: 100%; height: 240px;}
.case_swiper .titbar{ padding: 20px; width: auto; max-width: 50%; overflow:hidden; box-sizing: border-box; height: auto;}
.case_swiper .titbar h3{ font-size: 16px;}
.case_swiper .z_banner-hd{ right: 10px; bottom: 10px;}
.case_swiper .z_banner-hd li{ width: 6px; height: 6px;}
.case_titbox{ display: none;}
.z_about .flex{ display: block;}
.z_about .fl,.z_about .fr{ width: 100%;}
.z_about .fltit{ font-size: 16px; line-height: 24px;}
.z_about .fldesc{height:432px;}
.about_num{ margin-top: 15px;}
.about_num li{  width: 32%; padding: 0;}
.about_num li .timer{ font-size: 24px;}
.index_video{ height: 200px;}
.play_box h3,.index_tit .h3{ font-size: 24px; line-height: 24px;}
.play_box h4{ font-size: 14px;}
.yw_nav .iconfont{ font-size: 35px;}

.ywwarp .box .img{background-size: auto 100%;}
.ywwarp .imgtit{padding: 10px;width: auto; height: auto;}
.ywwarp .imgtit h3{ font-size: 20px; display: none;}
.ywwarp .imgtit h4{ font-size: 16px; margin-bottom: 0;}
.ywwarp .imgtit .iconfont{ margin-bottom: 10px;}
.ywwarp .index_more{ display: none;}
.ywwarp .box{ height: 180px; width: 100%!important;}
.ywwarp .box .img{ background-size: cover!important;}
.z_wh{ background-attachment: inherit; height: 40vh; background-size: cover!important;}
.z_wh .index_tit .desc{ padding: 0 10px; box-sizing: border-box; font-size: 14px;}
.z_wh .index_tit h4{ padding-bottom: 20px; margin-bottom: 20px;}
.foot_nav{ display: none;}
.foot_dz{ text-align: left; border:none; padding: 0;}
.foot_dz ul{ margin: 10px 0;}
.foot_code{ width: 100%; text-align: center; margin-top: 20px;}
.foot_code img{ margin-bottom: 0;}
.foot_copy{ padding: 10px 0;}
.foot_copy a{ display: block; float: none;}
.z_case .case_p{ padding: 0;}
.other_banner{ margin-top: 50px; height: 200px; background-size: auto 100%;}
.other_btit{ text-align: center;}
.other_btit .h3{font-size: 24px; line-height: 20px;}
.other_btit h4{ font-size: 16px; padding-bottom: 20px;}
.z-container{ width: 94%;}
.page_nav li{ display: block; float: left; margin: 0; padding-right: 20px;}
.page_nav{ height: 40px; line-height: 40px; width: 100%; overflow: hidden;}
.cy_about{padding: 20px 0;}
.fenbu_page{ padding: 20px 0;}
.fenbu_bar{ padding: 10px 0; display: block;}
.fenbu_fl{ width: 100%;}
.fb_xz2{ margin: 20px 0; margin-top: 10px;}
.fenbu_search{width: 276px; float: none; margin-left: 0; }
.fenbu_list{ margin-top: 20px;}
.fenbu_list li{ width: 99.3%; margin-bottom: 10px;}
.fenbu_list .imgbox{ height: 200px;}
.fenbu_list li .infobox{ padding: 10px;}
.fenbu_list li h3{ margin-bottom: 10px;}
.fenbu_list ul{ margin-bottom: 10px;}
.morebtn{ width: 120px; height: 35px; line-height: 35px;}
.morebtn img{margin-left: 5px;}
.cp_xl .fl{ width: 100%;}
.cp_xl .z-container{ display: block;}
.cp_xl{ padding: 30px 0;    background-attachment: inherit; background-size: cover;}
.cp_xl .cp_icon{ width: 100%; display: block;}
.cp_xl li{ width: 100%; border: none; padding: 0;}
.cp_icon li .desc{ width: 100%;}
.load_bar{ line-height: 40px; font-size: 15px; height: 40px;}
.case_bar{ width: 100%; padding: 10px; height: auto;}
.case_bar h3{ font-size: 18px; margin-bottom: 10px;}
.case_bar .fr{ flex-shrink: 0;}
.case_fl,.case_fr{ height: auto; width: 100%; padding: 20px 10px;}
.case_nav{ display: none;}
.case_fl .case_info_tit{ display: none;}
.case_fl .back{ width: 30%; height: 35px;line-height: 35px; margin: 0;}
.case_info .desc_text{margin-bottom: 20px;}
.case_info_tit h3{ font-size: 18px;}
.case_info_tit .line{ margin: 20px 0;}
.case_box{ padding: 30px 0;}
.case_lb{ margin-top: 30px;}
.wy_about,.wy_case,.wy_fc{ padding: 20px 0;}
.wy_h4{ font-size:16px; line-height: 24px}
.wy_desc{ width: 94%; margin: 20px auto;}
.wy_list li{ width: 97.8%; margin-bottom: 10px;}
.wy_list .imgbox, .wy_list .infobox{ height: 140px;}
.wy_list .infobox{ padding: 10px;}
.wy_list .infobox h3{ margin-bottom: 10px; height: 40px; line-height: 40px;}
.wy_fc .index_tit{ display: block;}
.fc_nav{ width: 100%; text-align: center; margin: 0; margin-top: 10px;}
.fc_nav a{ margin: 0 10px}
.wy_fc .index_tit .index_more{ top: 30px;}
.index_tit2 .h3{white-space:nowrap}
.fc_nav a{ font-size: 14px;}
.fc_list .imgbox{ height: 220px;}
.fc_list .infobox{ padding: 10px;}
.fc_list li h3{ margin-bottom: 0; margin-bottom: 10px; font-size: 14px; line-height: 20px; height: 40px;}
.index_tit h4{ padding-bottom: 10px;}
.contact_info .titbar{ font-size: 18px; padding: 20px 0;margin-bottom: 20px;}
.contact_info{ padding: 20px 0;}
.titbar .tel em{ font-size: 18px;}
.contact_code{ display: none;}
.contact_lz{ background-size:100% auto;background-attachment:inherit; padding: 60px 0;}

.product_con .box{ width: 100%;min-height: auto; padding: 20px 10px;}
.product_con .box .tit{ margin-bottom: 20px;}
.product_con .box1 .desc{ font-size: 14px; line-height: 24px;}
.product_lists li{ width: 98%; margin-bottom: 10px;}
.product_page{ padding: 10px 0;}
.product_lists .imgbox{ height: 220px;}
.product_lists li .info{ padding: 15px 10px;}
.product_lists li h3{ font-size: 15px; margin-bottom: 10px; line-height: 24px; height: 48px;}


.lzjs_con .box{ width: 100%;min-height: auto; padding: 20px 10px;}
.lzjs_con .box .tit{ margin-bottom: 20px;}
.lzjs_con .box1 .desc{ font-size: 14px; line-height: 24px;}
.lzjs_con .box2 .bz{ margin-top: 10px;}
.brand_box{ height: auto; padding: 20px 0;}
.brand_info{ padding: 10px; text-align: center;justify-content: center; background: none!important; position: relative; left: auto; top: 0; right: auto; width: 100%;}
.brand_box .h3{ white-space: nowrap; color: #fff; font-size: 20px;}
.brand_box h4{ font-size: 14px;color: #fff;}
.brand_box .desc{ line-height: 24px;  font-size: 12px;color: #fff;}
.brand_box .line{ margin: 15px auto;}
.brand_box:first-child .h3,.brand_box:first-child h4,.brand_box:first-child .desc{ color: #000;}
.brand_nk{ padding: 20px 0;}
.sub_bar{ line-height: 40px; margin-bottom: 20px;}
.sub_bar a{ font-size: 14px; margin-right: 10px;}
.magazinesList li{ width: 47.8%; margin-bottom: 10px;}
.magazinesList li .imgmask{ height: 35vh;}
.magazinesList h4{ line-height: 40px; height: 40px;}
.brand_story .index_tit,.brand_story .story_lsit{ float: none; width: 100%;}
.brand_story{ padding: 20px 0;}
.brand_story .index_tit{ text-align: center;}
.story_lsit li{ margin-bottom: 10px;}
.story_lsit li .imgbox,.story_lsit li .info{ height: 140px;}
.story_lsit li .info{ padding: 15px;}
.story_lsit li h3{ font-size: 14px; width: 100%; line-height: 24px; height: 48px; margin-bottom: 40px;}
.page_bar{ display: none;}
.rc_page li{height: auto; padding: 30px 0;}
.rc_page li .desc{ margin: 20px 0; font-size: 14px;}
.rc_page li .seemore{ width: 120px; height: 40px; line-height: 40px;}
.news_lists li{ width: 98%; margin-bottom: 10px;}
.news_page{ padding: 10px 0;}
.news_lists .imgbox{ height: 220px;}
.news_lists li .info{ padding: 15px 10px;}
.news_lists li h3{ font-size: 15px; margin-bottom: 10px; line-height: 24px; height: 48px;}
.app_lists li{ width: 98%; margin-bottom: 10px;}
.app_page{ padding: 10px 0;}
.app_lists .imgbox{ height: 220px;}
.app_lists li .info{ padding: 15px 10px;}
.app_lists li h3{ font-size: 15px; margin-bottom: 10px; line-height: 24px; height: 48px;}
.rc_list .rc_tit span{ display: none; width: auto;}
.rc_list .rc_tit span:first-child{ display: block;}
.rc_list .rc_tit{ line-height: 50px; height: 50px;}
.rc_con{ padding: 20px 0; line-height: 24px;}
.rc_con .box{ margin-bottom: 20px;}
.aply_btn{ height: 40px; line-height: 40px; width: 100px;}
.gh_list{ padding: 20px 0;}
.story_lsit2 li .desc{display: none;}
.news_search{ display: block; margin-bottom: 0px;}
.news_search span{ display: block; margin-bottom: 10px;}
.news_sel,.news_search .sou{ margin: 0; float: left; width: 49%; margin-bottom: 10px;}
.news_sel:nth-child(2),.news_search .sou{ float: right;}
.cy_warp .box{ width: 100%; height: 47vh;}
.ywwarp .imgtit .h3, .cy_warp .imgtit .h3{ font-size: 20px;}
.ywwarp .imgtit h4, .cy_warp .imgtit h4{ font-size: 16px;}
.cy_warp{margin-top: 50px; height: auto;}
.fenbu_page .index_tit{ margin-bottom: 20px;}
.aply_pop{ width: 90%;}
.aply_pop h3{ height: 40px; line-height: 40px; font-size: 16px;}
.aply_pop p{ margin-bottom: 20px;}
.aply_pop{ height: 232px;}
.page_nav2{ margin-top: 50px;}
.news_xq .z-container{ width: 94%;}
.news_fl,.news_fr{ width: 100%;}
.news_fl{ padding-left: 0;}
.news_time{ position: relative; left: auto; top: auto;}
.news_tit h3{ font-size: 16px; line-height: 24px;}
.news_time{ margin-right: 10px;}
.news_xq{ padding: 20px 0;}
.news_bar{ padding: 15px 0;}
.news_artic{ padding: 20px 0;}
.news_fr{ display: none;}
.bshare-custom a{ margin-right: 5px!important;}
.ht_about .ht_fl,.ht_about .ht_fr{width: 100%;}
.ht_about .z-container{ display: block;}
.ht_about{ padding: 20px 0;}
.ht_about .index_tit h4{ padding-bottom: 20px;}
.z_about .fltit, .ht_about .fltit{ font-size: 16px; line-height: 24px;}
.ht_about .fltit{ /*margin-bottom: 20px;*/}
.ht_about .ht_fr,.ht_about .ht_fr .about_num{ margin: 0;}
.ht_lc .lc_fl, .ht_lc .lc_fr{ width: 100%; height: auto;}
.lc_fl{ padding: 20px;}
.lc_fl .index_tit{ margin-bottom: 0;}
.w_color .desc{ margin-top: 15px; line-height: 24px; font-size: 14px;}
.ht_lc .lc_fr{ padding: 10px;}
.preview{ height: 40px; line-height: 40px;}
.view li{ padding: 20px 0; padding-bottom: 0;}
.view .con{  }
.ht_box .index_tit .desc{ height: auto;}
.ht_box{ height: auto; padding: 30px 0;}
.ht_honor{padding: 30px 0;}
.honor_fl{padding-left: 10px; width: 20%;}
.honor_year li.cur{font-size: 20px; }
.honor_year li:before{ width: 10px; height: 10px; border-width: 2px; left: -6px;}
.honor_year li{ font-size: 16px;padding-left: 15px;  margin-bottom: 0;}
.honor_fl .index_tit{ display: none;}
.honor_fr{ width: 78%; margin-left: 20%;}
.honor_fr .honor_box{ padding: 10px;}
.honor_fr .honor_box h3{ font-size: 24px;}
.honor_fr .honor_box img{ margin: 10px 0;}
.zr_page{ padding: 30px 0;}
.zr_time{ width: 60px; height: 60px; left: -70px;}
.zr_time em{ font-size: 24px;}
.zr_page .z-container{ padding-left: 70px;}
.zr_box h3{ font-size: 16px;}
.zr_box .desc{ margin: 10px 0;}
.zr_img li{ width: 99%; height: 180px;}
.zr_box{ margin-bottom: 10px;}
.rebox_add{ display: none!important;}
.z_first .desc{ height: auto; max-height: 96px;}
.cy_map{ display: none;}
.cy_afl{ width: 100%!important;}
.cy_about{ display: block!important;}
.header_nav li:hover a, .header_nav li.active a{ color: #fff;}
.header_nav li:before{ display: none;}
#baiduMap{ height: 230px!important;}
.ywwarp .box.on .imgtit:before{ opacity: 0;}
.nav_down{ display: none;}
.rc_page li .index_tit .h3{ color: #fff;}
.bshare-more.icon-lianjie{ display: none!important;}
.foot_fr{ display: flex;justify-content: space-between;}
.foot_fr .foot_code{ margin-left: auto; margin-left: 10px; width: auto;}
.foot_code img{ width: 70px; height: 70px;}
.case_banner{ height: auto; margin-top: 50px;}
.case_banner .img,.case_banner .bd li,.case_banner .bd{height: 26vh;}
.case_banner .bd{ position: relative;}
.case_bar{ position: relative; left: auto; bottom: auto;}
.imgauto img{ display: block;}
.brand_box:nth-child(3) .brand_info{ padding: 0;}

.magazinesAlert .prev{left: 10px;}
.magazinesAlert .next{right: 10px;}
.magazinesAlert .imgViewBtn .btn{ width: 40px!important; height: 40px!important; line-height: 40px!important;}
.close{ top: 10px; right: 10px;width: 40px!important; height: 40px!important; line-height: 40px!important;}
.video_list .index_video{ height: 220px;}
.load_bar .z-container3{ width: 94%;}
.load_bar a{ font-size: 14px;}
.load_bar .iconfont{ display: inline-block;transform: translateY(3px)}
.z_banner, .z_banner .bd, .z_banner .bd li{ height: 240px;}
.z_banner .img{background-position: center bottom;}
.z_about .fltit{ white-space: unset;}
}