@charset "UTF-8";
/* public */
pre{font-family: "microsoft JhengHei"!important;white-space: pre-wrap;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;background: #f5f6fa; overflow-x:hidden!important; color: #333;}
a{font-size:14px;text-decoration:none;  transition: all .45s; z-index: 99999; color: #333;}
.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: "microsoft JhengHei";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; }
i,em{font-style:normal;}
table{max-width:100%;overflow:hidden;}
.u_hidden{ display: none;}
.fl{float:left;}
.fr{float:right;}
.z-container {width: 1400px;height:auto;clear: both;margin: 0 auto;}
.z-row {width: 100%;height: auto;clear: both;margin: 0 auto;overflow: hidden;}
.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;}

.flex_box,.flex{ display: flex; display: -webkit-flex;}
*:before,
*:after {
  z-index: -1;
}
@font-face {
  font-family: 'en';  /* project id 574899 */
  src: url("../fonts/Oswald-Medium.ttf");

}
.u_hidden{ display: none;}
.noscript{position:fixed; left:0px; top:0px; background:#ddd; color:red; text-align:center; width:100%; height:30px; line-height:30px;}
em{font-style:normal;}
.pace{display:none;}
.pace-activity{width:100vw; height:100vh; position:fixed; left:0; top:0;background: #f4f4f8;}

.pace-activity:before{content:''; display:block; width:50%; height:100%;background:#f4f4f8; position:absolute; left:0; top:0; transform-origin:center top; transition:ease 2s;}
.pace-activity:after{content:''; display:block; width:50%; height:100%;background:#f4f4f8; position:absolute; right:0; bottom:0; transform-origin:center bottom; transition:ease 2s;}
.pace-inactive .pace-activity:before,.pace-inactive .pace-activity:after{width: 0;}
.pace-inactive .pace-activity:before,.pace-inactive .pace-activity:after{width: 0;}
.pace-progress{ height: 4px; background: #B40822; width: 0; position:fixed; left:50%;bottom:0; transform:translateX(-50%); margin-top:-1px; z-index:2; transition:ease .65s;}
.pace-progress:after{content:attr(data-progress-text); display:block; position:absolute; left:50%; top:-45vh; padding:0 20px; color:#b40822;transition:ease .65s;font-family: "Century Gothic"; font-weight:bold; font-size:46px; transform:translateX(-50%);}

.pace{position:fixed; z-index:3000; width:100%; height:100vh;}
.pace-logo{width:184px; height:100px; background:url(../img/logo.png) no-repeat center; margin:auto; position:absolute; left:50%; top:45%; transform:translate(-50%,-50%); z-index:10; transition:ease .65s;}
.pace-content h2{font-size:15px; color:#b40822; font-weight:bold;}
.pace-info{position:absolute; left:0; top:62%; text-align:center; z-index:10; right:0;}
.pace-inactive .pace-progress{opacity:0;}
.pace-inactive .pace-logo{animation:paceLogo linear .65s forwards;}
.pace-inactive .pace-info{animation:paceInfo linear .65s forwards;}
@keyframes paceLogo{
	0%{transform:translate(-50%,-50%) scale(1); opacity:1;} 
	100%{transform:translate(-50%,-50%) scale(.5); opacity:0;} 	
}
@keyframes paceInfo{
	0%{scale(1); opacity:1;} 
	100%{scale(.5); opacity:0;} 	
}
.pace-inactive{animation:inactive linear .15s forwards; animation-delay:.65s;}
@keyframes inactive{
	0%{visibility:visible;}
	100%{visibility:hidden;}	
}
.words{ float:right; margin-right:120px; color:#fff; }
.words a{color:#fff;display: inline-block;
    margin: 0 4px}
.words select option{ color:#333}
.header{ height: 100px; transition: all .4s; width: 100%; z-index: 10; position: fixed; left: 0; top: 0; line-height: 100px; padding: 0 4vw; box-sizing: border-box; padding-right:0}
.header.on{ background: #FFFFFF;}
.header.on2{transform:translateY(-100%);visibility:hidden;}
.header:before{ content: ""; display: block; width: 0; opacity: 0; height: 100%; border-radius: 40px; background: #fff; transition: all .8s; position: absolute; left: 50%; top: 0;}
.header.on{box-shadow:0 0 10px rgba(0,0,0,0.5)}
.header.on .header_nav a,.header2 a{ color: #333;}
.header2{ background: #fff;}
.header2 .header_nav a{ color: #333;}
.header2 .header_nav li.active a,.header2 .header_nav li:hover a{ color: #b40822;}
.header.on:before{ width: 120%; left: -10%; opacity: 1; }
.header .logo{ display: block; height: 100px;line-height: 100px; float: left;}
.header .logo img{ vertical-align: middle; height: 55px;}
.header_nav{ float: right; width: 1400px; position: absolute;text-align: center; left:50%; top: 0; transform: translateX(-50%);}
.header_nav li{ display:inline-block; margin-left: 2vw; }
.header_nav a{ font-size: 16px; transition: all .3s; color: #fff;}
.header_nav li.active a,.header_nav li:hover a{ color: #fff;}
.mobile_btn{ height: 100px; transition: all .4s; z-index: 20; width: 100px; position: fixed; right:0; top:0;background:#b40822; cursor:pointer; display: flex; align-items: center; justify-content: center;}
.mobile_btn.on .line1{transform:rotate(45deg);transform-origin:12% 50%;}
.mobile_btn.on .line2{opacity: 0;}
.mobile_btn.on .line3{transform:rotate(-45deg);transform-origin:12% 50%; width:32px;}
.mobile_btn span{display:block; width:32px; float: right; height:2px; background:#fff; transition:all .45s;}
.mobile_btn .line2{margin:8px 0; width:22px; }
.mobile_btn .line3{ width:26px; }
.mobile_btn div{ text-align: right; width: 32px; }
.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}
.banner{ border-bottom: 4px solid #b40822; box-sizing: border-box; height:100vh; overflow:hidden;}
.banner img{ width: 100%; vertical-align: middle;}
.banner_mask{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%;}
.banner_text h3{ font-size: 60px; font-weight: bold; margin-bottom: 20px;transform:translateY(50%); visibility: hidden; opacity:0;transition:ease 2s; transition-delay:.2s;}
.banner_text .en{ text-transform: uppercase;word-wrap:break-word  font-size: 18px; line-height: 28px;transform:translateY(-50%); visibility: hidden; opacity:0;transition:ease 2s; transition-delay:.2s;}
.banner_text{ color: #fff; width:1300px}
.banner_text .h5{font-size:18px; margin-top:60px}
.banner li .img{ background-size: cover!important;transform:scale(1.03);opacity:0;  transition:ease 3s; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.banner li.swiper-slide-duplicate-active{z-index:2;}
.banner li.swiper-slide-active .img,.banner li.swiper-slide-duplicate-active .img{transform:scale(1);opacity:1;}
.mobile_banner{ display: none;}
.banner .swiper-slide-active .banner_text h3,
.banner .swiper-slide-duplicate-active .banner_text h3,
.banner .swiper-slide-active .banner_text .en,
.banner .swiper-slide-duplicate-active .banner_text .en{ visibility: visible; opacity: 1; transform:translate(0);}
.banner .down{ width: 100%; height: 60px; position: absolute; left: 0; bottom: 40px; z-index: 9; display:none;}
.banner .down em{ background: url(../img/down.png) no-repeat left center; display: block; height: 100%;}
.banner li{ display: flex; justify-content: center; align-items: center;}
/*.banner li .img{height:100%;width: 100%; transform:scale(.8); transition:ease 2s; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.banner li.swiper-slide-duplicate-active{z-index:2;}
.banner li.swiper-slide-active .img,.lh-banner li.swiper-slide-duplicate-active .img{transform:scale(1);}*/
.banner li .img{ width: 100%; height: 100%;}
.banner{ background: #000;}
.banner .swiper-pagination{ position: absolute; left: 13vw; z-index: 9; top: 60%;}
.banner .swiper-pagination span{ display: inline-block; width: 8px; height: 8px; margin: 0 5px; transform: rotate(45deg); background: #e2d8d1;}
.banner .swiper-pagination .swiper-pagination-bullet-active{ background: #fff!important;}
.pc_warp{ position: relative; height: 100vh; display: flex; align-items: center;}
.slide_mask{ width: 100%; padding-left: 120px; box-sizing: border-box; height: 100%; opacity: 0; visibility: hidden; transform: scale(.8); transition: all .6s; color: #fff; position: fixed; left: 0; top: 0; background:#ffffff;display: flex; align-items: center; z-index: 10;}
.slide_mask.on{ transform:scale(1,1); opacity: 1; visibility: visible;}
.slide_mask a{ color: #444; display: block; line-height: 4vh;}
.pc_nav{width:100%;display:flex;display:-webkit-flex;flex-direction:row; position: relative; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.slide_mask dl{ width: 25%; margin-bottom: 5vh; padding-left: 40px; box-sizing: border-box;}
.slide_mask dt{ font-size: 22px; position: relative; margin-bottom: 3vh; color: #333;}
.slide_mask dt:before{ content: ""; display: block; width: 28px; height: 4px; background:#dcdcea; position: absolute; left: -55px; top: 50%; transform: translateY(-50%);transition: all .4s;}
.slide_mask .line span{ display:block;width: 1px; height: 100vh; position: absolute; left: 0; top: 0; background:#dcdcea;}
.slide_mask .line{ width: 100%; position: absolute; left: 0; top: 0;}
.slide_mask .line .line2{ left: 25%;}
.slide_mask .line .line3{ left: 50%;}
.slide_mask .line .line4{ left: 75%;}
.slide_mask .line .z-container{ height:100vh;}
.slide_mask a:hover{ color: #b40822;}
.slide_mask dl:hover dt{ color: #b40822;}
.slide_mask dl:hover dt:before{ background: #b40822;}
.lh-toggle-share{width:100px; height:100%; background:#333333; position:absolute; left:0; top:0; display:flex; align-items:center; justify-content:center;}
.lh-nav-share a{display:block !important; cursor: pointer; width:50px !important; height:50px !important; padding:0 !important; height:50px !important; text-align:center !important; line-height:50px !important; color:#fff !important; font-size:24px !important; border:1px solid rgba(255,255,255,.2) !important; margin:5vh 0 !important; background:none !important; text-decoration:none !important; opacity:1;}
.lh-nav-share a:hover{background:#FFF !important; border-color:#fff !important; color:#b40822 !important;}
.lh-search-layer{background:#F4F4F8; position:fixed; left:0; top:0; width:100%; height:100%; z-index:10;transform:translateY(-100%); visibility:hidden; transition:cubic-bezier(.8,-.5,.2,1.4) 1.2s;}

.index_about{ padding: 10vh 0;}
.ywly{ width: 94%;margin: auto;}
.index_tit h3{font-size: 46px; line-height: 46px; text-transform: uppercase; font-family: "en";}
.index_tit h4{ font-size: 28px; font-weight: bold; margin: 10px 0;}
.index_tit p{ line-height: 40px; border-top: 1px solid #cccccc; display: inline-block; padding-right: 20px; box-sizing: border-box;}
.about_fl{ width: 40%; float: left;}
.about_desc{ line-height: 28px; height: 112px; overflow: hidden; color: #666; margin: 30px 0; margin-bottom: 0;}
.about_num li{ display: inline-block; width: 32%; margin-top: 30px;}
.about_num h3{ color: #B40822; font-weight: bold;}
.about_num em{ font-size: 46px; font-family: "en"; font-weight: normal;}
.about_num p{ color: #666;}
.index_video{width: 50%; height: 490px; float: right;z-index:1; position: relative;}
.index_video.on{z-index:999}
.video_pop{width: 100%; height: 100%; background: #000; opacity: 0; visibility: hidden; position: fixed; left: 0; top: 0; z-index: 999!important; display: flex; justify-content: center; align-items: center; }
.video_pop.on{ opacity: 1; visibility: visible;}
.close_btn{width: 40px; height: 40px; position: absolute; right: 0; top: 0; background:#B40822; color: #fff; font-size: 20px; text-align: center; line-height: 40px; z-index: 100; cursor: pointer;}
.close_btn .iconfont{ font-size: 24px;}
#video{width:100%; max-height: 100%;}
.pc-slide{ position: relative; width: 100%;}
.playbtn{ width: 70px; height: 70px; cursor: pointer; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: url(../img/play.png) no-repeat center; background-size: 100% 100%;}
.pc_view{ height: 78vh; }
.pc-slide .swiper-container{ height: 100%;}
.pc_view li{width: 100%; position: relative; background-size: cover!important; display: flex; justify-content: center; align-items: center;text-align: center; z-index: 1;}
.pc_view li:before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.4); position: absolute; left: 0; top: 0;}
.pc_view .con{  color: #fff; margin: 0 auto;}
.pc_view h3{ font-size: 46px; font-family: "en"; text-transform: uppercase;white-space : nowrap}
.pc_view h4{ font-size: 28px; font-weight: bold; margin-top: 10px;}
.pc_view .desc{ width: 60%; margin: 4vh auto; line-height: 28px; height: 56px; overflow: hidden;}
.see{ display: block; color: #fff; width: 134px; height: 48px; border: 1px solid #fff;overflow: hidden; box-sizing: border-box; text-align: center; line-height: 48px; margin: 0 auto; z-index: 1; position: relative;}
.see:before{ content: ""; width:100%; height: 100%;transform: scale(0);opacity: 0;  position: absolute; left: 0%; top: 0%; background: #B40822; transition: all .4s;}
.see:hover:before{opacity: 1; transform: scale(1);}
.preview{ position: absolute; bottom: -50px; left: 0; width: 100%; z-index:1}
.case_nav{ background: #fff; box-shadow: 0 0 30px rgba(0,0,0,.1);}
.case_nav li{ line-height: 100px; cursor: pointer; height: 100px;display: inline-block; width: 25%; text-align: center;}
.case_nav em{ display: inline-block; margin-right: 10px; width: 50px; height: 50px; vertical-align: middle; overflow: hidden;}
.case_nav em img{ width: 100%;transition: all .4s;}
.case_nav .active-nav img{ transform: translateY(-50px);}
.case_nav .active-nav{ color: #B40822;}
.btn_group{ position: absolute; z-index: 9; left: 0; top: 50%; transform: translateY(-50%); width: 100%;}
.btn_group a{ display: block;outline: none; width: 60px; height: 60px; border-radius: 50%; background: rgba(0,0,0,.5); color: #fff; text-align: center; line-height:60px; font-size: 20px;}
.btn_group a:before{ content: ""; display: block; width:100px; height: 100px; border-radius: 50%; opacity: 0; background: #B40822; position: absolute; left: -20px; top: -20px; transition: all .5s; }
.btn_group a:hover:before{ opacity: 1; width: 100%; height: 100%; left: 0; top: 0;}
.btn_group .iconfont{ font-size: 30px;} 
.btn_group .z-container{ position: relative;}
.btn_group .arrow-left{ position: absolute; left: -120px;}
.btn_group .arrow-right{ position: absolute; right: -120px;}
.index_tit{ position: relative;}
.index_tit .seeall{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);z-index:1}
.seeall .iconfont{ color: #bbb; margin-left: 10px;}
.seeall:hover .iconfont,.seeall:hover{ color: #B40822;}
.news_list{ margin-left: -2%;}
.news_list li{ float: left; width: 31.3%;  margin-left: 2%; position: relative;}
.news_list li:before{ content: ""; display: block; z-index: 1;width: 0%; height: 3px; position: absolute; left: 0; bottom: 0; background: #B40822; transition: all .4s;}
.news_list li:hover:before{ width: 100%;}
.news_list .img_box{ width: 100%; height: 270px; overflow: hidden;}
.news_list .img{ width: 100%; height: 100%; background-size: cover!important;transition: all .4s;}
.news_list li:hover .img{ transform: scale(1.1,1.1);}
.news_list .info_box{ background: #fff; padding: 30px; box-sizing:border-box;}
.news_list h3{ font-size: 16px; line-height: 24px; height: 48px; overflow: hidden;}
.news_list p{ line-height: 24px; height: 48px; overflow: hidden; color: #666666; margin: 35px 0;}
.news_list .time{ color: #666;}
.news_list li:hover .time{ color: #B40822;}

.index_news{ padding: 12vh 0; background: #f5f6fa;}
.index_tit{ margin-bottom: 30px;}
.index_jp{ background: #fff; padding: 10vh 0; display: none;}

.jp_list li{ height: 52vh; position: relative; width: 25%; float: left; background-size: cover!important; transition: all .4s;}
.jp_list li:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:url(../img/boxbg.png)no-repeat center; background-size: 100% 100%; z-index: 1;}
.jp_list li a{ display: block; width: 100%; height: 100%;z-index: 3;
    position: absolute;
    left: 0;
    top: 0;}
.jp_list li.on{ width: 50%;}
.jp_list li .tit{ position: absolute; z-index: 2; left: 0; bottom: 0; color: #fff; padding: 30px; box-sizing: border-box;}

.footer{ background: #f2f2f2; border-top: 4px solid #B40822; }

.foot_hz{ padding: 5vh 0; border-bottom:1px solid #cccccc;}
.foot_hz li{ height: 100px; width: 20%; display: flex; align-items: center; justify-content: center;}
.foot_hz li img{ max-width: 90%;transition: all linear .3s; }
.foot_hz li img:hover{transition: all linear .3s; filter: grayscale(0%); -webkit-filter: grayscale(0%);}
.foot_btm{ padding: 40px 0; color: #6f6f6f;}
.foot_btm a{ color: #6F6F6F;}
.foot_link a{ display: inline-block; margin-left: 15px; margin-bottom: 10px;}
.foot_fl{ float: left; width: 70%;}
.foot_addre{ margin: 30px 0;}
.foot_addre p{ width: 35%; float: left;line-height: 24px;}
.foot_addre p:last-child{ width: 100%;}
.foot_fr{ float: right;}
.oa_select{ width: 120px; height: 40px; margin-top: 114px; margin-right: 30px; background: #fff; border:1px solid #cccccc; float: left;}
.oa_select select{ width: 100%; height: 100%; padding: 0 10px; box-sizing: border-box; background: url(../img/arr.png) no-repeat right 10px center; color: #666666;}
.foot_code{ float: right; text-align: center;}
.foot_code h3{ margin-bottom: 10px;}
.foot_code img{ width: 130px;}
.other_banner{width: 100%; height: 40vw;  position: relative; }
.other_banner .text{    position: absolute; left: 13vw; top: 40%; color: #fff;}
 .other_banner .en{ font-size: 66px; font-family:"en";text-transform: uppercase;}
 .other_banner h4{font-size: 40px; font-weight: bold; margin:30px 0}
 
 .nav-other{width:100%; height:80px; line-height:80px; text-align:center; position:relative;  background: #ffffff;   transition: ease .65s;}
.nav-other li{display:inline-block; padding:0 3.56vw;}
.nav-other li a{font-size:16px;}
.nav-other li.cur a{color:#b40822!important;}
.navFixed .nav-other{width:100%; position:fixed;left:0; top:0;  z-index:11
; border:none;}
.navFixed .nav-other li a{color:#333; transition:ease .15s;}
.navFixed .nav-other li a:hover,.navFixed .nav-other li.active a{color:#b40822;}
.navFixed #OtherNav .nav-other{border:none;}
.navFixed .mobile_btn{ height: 80px;}
body.fixed .header,body.fixed .mobile_btn{transform:translateY(-100%);visibility:hidden;}
.about_1{ text-align: center; padding: 60px 0; background:url(../img/about_bg.jpg) no-repeat center; background-size: cover;}
.about_tit h3{ font-family: "en"; font-size: 46px; font-weight: bold; text-transform: uppercase;}
.about_tit h4{ font-size: 28px; font-weight: bold;}
.about_con{line-height: 30px; color: #444444; margin: 40px 0;}
.about_num2{ display: flex; justify-content: space-between}

.sb_down{ width: 50px;height: 57px; background:url(../img/down.png) no-repeat center; position: absolute; left: 13vw; bottom: 50px;display:none}

.process{ background: url(../img/about_bg2.jpg)no-repeat center; background-size: cover; background-attachment: fixed; z-index: 1; padding: 9vh 0; position: relative;}
.process:before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.4); position: absolute; left: 0; top: 0;}
.about_tit2{ text-align: center; color: #fff; margin-bottom: 6vh;}
.process_list{ width: 63%; margin: 0 auto; position: relative; z-index: 1;overflow: hidden;}
.process_list2{ height: 518px!important;}
.process_list:before{ content: ""; display:block; width: 1px;height: 100%;background: #fff; position: absolute; left: 50%; top: 0; transform: translateX(-50%);}
.process_list li{ width: 50%; position: relative; transition: all .4s; float: left; margin-bottom: 10vh;}
.process_list li:before{ content: ""; display: block; width: 25px; height: 25px; background: url(../img/dot.png) no-repeat center; background-size: cover; position: absolute;top: 50%; transform: translateY(-50%);}
.process_list li:nth-child(odd):before{ right: -12px; }
.process_list li:nth-child(even):before{ left: -12px; }
.process_list li:nth-child(even){ float: right; margin-bottom: 0; margin-top: 10vh;}
.process_list li:nth-child(even) a{ margin-left: 14%;}
.process_list li a{ display: block; position: relative; width:86%; height: 100%; background: #fff; padding:10px 24px; box-sizing: border-box;}
.process_list li a:before{content: ""; display: block; width: 14px; height: 29px; background: url(../img/arrl.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 50%; right: -14px; transform:translateY(-50%);}
.process_list li:nth-child(even) a:before{ background: url(../img/arrr.png) no-repeat center; background-size: 100% 100%; left: -14px; right: auto;}
/*.process_list li:hover{ transform: translateY(-3vh);}*/
.process_list span{ font-family: "en"; font-size: 24px;  color: #B40822;}
.process_list h3{ color: #444;
    min-height: 100px;
    overflow: hidden;
    margin-top: 0px;
    -webkit-line-clamp: unset;
}
.process .see{ margin-top: 5vh;}
.about_team{ padding: 10vh 0; padding-bottom: 6vh; overflow-x: hidden;}
.org_lb{ position: relative; }
.org_lb .swiper-container{padding: 60px 0;}
.org_lb .img{ width: 100%; height: 44vh; display: flex;align-items: flex-start; overflow: hidden; position: relative; z-index: 1;}
.org_lb img{ width: 100%; min-height: 100%; transition: all .5s; vertical-align: bottom;}
.org_lb .img:before{content: ""; transition: all .4s; z-index: 1; display: block;width: 100%; height: 100%; position: absolute;left: 0; top: 0; background: rgba(0,0,0,.3);}
.org_lb li:hover img{ transform: scale(1.05,1.05);}
.org_lb li:hover .img:before{ opacity: 0; visibility: hidden;}
.org_lb li{ position: relative; cursor: pointer;}
.org_lb .info{ width: 70%; background: #fff; transition: all .4s; position: absolute; padding: 30px; box-sizing: border-box; overflow: hidden; left: 0; bottom: -60px; height: 120px; z-index: 2;}
.org_lb .info:before{ content: ""; display: block; width: 0%; height:3px; background: #B40822; position: absolute; left: 0;bottom:0; transition: all .4s;}
.org_lb h3{ font-size: 18px; font-weight: bold; line-height: 30px; height: 30px; overflow: hidden;}
.org_lb span{ display: block;line-height: 30px; height: 30px; overflow: hidden; }
.org_lb li:hover .info:before{ width: 100%;}
.org_lb li:hover .img{box-shadow: 0 0 20px rgba(0,0,0,.2);}
.team_head .about_tit{ float: left;}
.team_desc{ width: 68.5%; float: right; line-height: 28px; color: #2c2c2c; height: 84px; overflow: hidden;}
.public_btn .arrow-left{ left: -120px;}
.public_btn .arrow-right{right: -120px;}

.org_pop{width:1000px; background: #fff; opacity: 0;max-height: 45vh; visibility: hidden;transition: all .4s; padding-right: 0; box-sizing: border-box; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 23;}
.org_pop.on{ opacity: 1; visibility: visible;}
.org_pop .img{ width: 32.5%; max-height: 45vh; float: left; overflow: hidden;}
.org_pop img{ width: 100%; vertical-align: middle;}
.org_pop .info{ padding: 0 50px;max-height: 45vh; box-sizing: border-box; width: 67.5%; float: right; color: #333;}
.org_pop h3{ font-size: 32px; margin: 4vh 0; font-weight: bold; position: relative;}
.org_pop h3:before{ content: ""; display: block; width: 80px; height:6px; background: #B40822; position: absolute; left: -90px; z-index: 1; top: 50%; transform: translateY(-50%); }
.org_pop .desc{ line-height: 32px; height: 28vh;}
.close_btn{ width: 50px; height: 50px; position: absolute; right: 0; top: 0; background: #B40822; text-align: center; line-height: 50px; }
.close_btn .iconfont{font-size: 24px; cursor: pointer;}
.z_mask{ width: 100%; height: 100%; position: fixed;left: 0; top: 0; background: rgba(0,0,0,.8); z-index: 22; display: none;}

.about_honor{ background: #fff; position: relative;}
.honor_fl,.honor_fr{ width: 50%; float: left}
.honor_fl{  padding: 6vh 0;padding-left: 13vw; box-sizing: border-box;}
.honor_tit{ font-size: 28px; font-weight: bold; margin: 30px 0;}
.zz_list{margin-bottom: 5vh;}
.zz_list li{ position: relative; transition: all .4s; cursor: pointer;  padding-left: 20px; z-index: 1; margin-bottom: 18px;}
.zz_list li.on{ color: #B40822;}
.zz_list li:before{ content: ""; display: block; width: 12px; height: 12px;background: url(../img/dot2.png)no-repeat center; background-size: 100% 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.honor_fr{ height: 100%; overflow: hidden; background: #ddd; position: absolute; right: 0; top: 0;}
.honor_fr ul{ height: 100%;}
.honor_fr li{ width: 100%; height: 100%; text-align: center; line-height: 100%;}
.honor_fr li img{ max-width: 100%; height: 100%; vertical-align: bottom; display: inline-block;}
.honor_fl .seeall{ margin-top: 5vh; display: block;}
.honor_fl .seeall,.honor_fl .seeall .iconfont{ color: #B40822!important;}
.about_video{ height: 80vh; border-bottom: 4px solid #b40822;}
.about_video{ position: relative;}
.playbtn2{ position: absolute; cursor: pointer; left: 50%; top: 50%; transform:translate(-50%,-50%); text-align: center;}
.playbtn2 h3{ color: #FFF; margin-top: 20px;}
.process_list{ height: 380px;}
.process_list .mCSB_container{ margin-right: 0!important;}
.process_list .mCSB_scrollTools .mCSB_draggerContainer{ display: none;}
.honor_nav{ text-align: center;}
.honor_nav a{ display: inline-block; transition: all .4s; width: 198px; height: 40px; background: #7d7d7d; line-height: 40px; text-align: center;border-radius: 5px; color: #fff; margin: 40px 10px;}
.honor_nav a.active,.honor_nav a:hover{ background: #B40822;}
.zzs_list { width: 1200px; margin: 0 auto; margin-bottom: 60px;}
.zzs_list ul{ margin-left: -2%;}
.qh_data{padding-top:80px}
.zzs_list li{ width: 23%; float: left; margin-bottom: 30px; margin-left:2%; background: #fff; padding: 5px; box-sizing: border-box;}
.zzs_list .tit{ text-align: center; height: 60px; line-height: 60px; font-size: 16px;}
.zzs_list li img{ width: 100%; max-height: 100%;}
.zzs_list li .img{ height: 390px;}
.honor_list ul{ margin-left: -3%;}
.honor_list li{ width: 30.3%; margin-left: 3%;}
.honor_list li .img{ height: 260px;}

.news_head{ padding: 50px 0; position: relative;}
.news_search{ position: absolute;padding: 0 20px;box-sizing: border-box; right: 0; top: 50%; transform:translateY(-50%); height: 60px; width: 31%; background: #fff;line-height: 60px; border: 1px solid #ddd;}
.news_search .text{ width: 80%;  }
.news_search .iconfont{ font-size: 28px; float: right; font-weight: bold; color: #B40822;}
.news_lb{ margin-bottom: 50px;}
.news_lb .img_box{ width: 46%; float: left; height: 430px; overflow: hidden; position: relative;}
.news_lb .info_box{ width: 54%; float: right;height: 430px;background: #fff; padding: 60px;box-sizing: border-box;}
.news_lb .img{ width: 100%; height: 100%; background-size: cover; transition: all .4s;}
.news_lb li:hover .img{ transform:scale(1.1,1.1)}
.news_lb .time{position: absolute; left: 0; bottom: 0; width: 140px; height: 60px; line-height: 60px; text-align: center; color: #fff; background: rgba(0,0,0,.5); font-family: "en"; font-size: 20px;}
.news_lb h3{ font-size: 22px; line-height: 36px; height: 72px; overflow: hidden;}
.news_lb p{ line-height: 28px; height: 84px; color: #666666; margin: 30px 0; margin-bottom: 60px;}
.news_lb .seemore{ display: inline-block; padding-right: 20px; border-bottom: 2px solid #B40822; line-height: 40px; color:#B40822;}
.news_lb .swiper-pagination{ text-align: center; margin-top: 50px;}
.news_lb .swiper-pagination span{ display: inline-block; transition: all .4s; width: 12px; height: 12px; border-radius: 50%; background: #fff; margin: 0 10px; box-shadow: 0 0 6px rgba(8,62,141,.15);cursor: pointer;}
.news_lb .swiper-pagination-bullet-active{ background: url(../img/dot2.png) no-repeat center!important;}
.news_list2 li{ margin-bottom: 5vh;}


.other_tit{ text-align: center; padding: 60px 0; font-size: 32px;}
.article_con img{ max-width: 100%!important; height: auto!important;}
.article_con{  line-height: 28px; padding-bottom: 50px;}

.topbtm_bar{ width: 70px; border:1px solid #dddddd; transition: all .4s; border-bottom: none; position: absolute; right:-140px; top: 15vh;  background: #ffffff; }
/*.topbtm_bar.on{ transform: translateX(0); right: 6%;}*/
.topbtm_bar a{ display: block; width: 100%; height: 70px; overflow: hidden; line-height: 70px!important; text-align: center; border-bottom:1px solid #dddddd; transition: all .4s;}
.bshare-more{ width: 100!important; height: 100%!important; background: none!important; margin: 0!important;}
.topbtm_bar .bshare-custom .bshare-more-icon{    padding-left: 0px !important;}
.topbtm_bar a img{vertical-align: middle; transition: all .4s;}
.topbtm_bar a:hover{ background:#B40822;}
.topbtm_bar>a:hover img{ transform: translateX(-70px);}
.artic_bar{ height: 70px; line-height:70px; border-bottom:1px solid #ccc; border-top:1px solid #ccc; margin: 50px 0; margin-top: 0; text-align: center; width: 100%;}
.artic_bar span{font-family: "microsoft JhengHei"; display: inline-block!important; margin: 0 25px;}
.xq_reative{background: #ffffff; padding: 0 200px; box-sizing: border-box; position: relative;}
.xq_page{ padding: 50px 0;}
.article_con{ min-height: 400px;}
.js_page .about_tit{ text-align: center;}
.js_cx .about_tit{ text-align: center; padding: 7vh 0;}
.cx_list li{ position: relative; background: #fff; padding: 14vh 0;}
.cx_list .img{ position: absolute; right: 0; top: 0; background-size: cover!important; width: 43%; height: 100%;}
/*.cx_list li:nth-child(even) .img{ position: absolute; right: auto; left: 0;}*/
.cx_list .info{ width: 40%; margin-left: 13vw;}
/*.cx_list li:nth-child(even) .info{ float: right; margin-left: auto; margin-right: 13vw;}
.cx_list li:nth-child(even){ background: #f5f6fa;}*/
.cx_list h3{ font-size: 24px; font-weight: bold;}
.cx_list h4{font-size: 16px; margin: 10px 0;}
.cx_list .desc{ line-height: 28px; color: #555; height: 112px; overflow: hidden; margin: 8vh 0;}
.cx_list .seeall{ color: #B40822;}
.cx_list .iconfont{ color: #B40822;}
.js_lw{ background: url(../img/lw_bg.jpg) no-repeat center; padding: 8vh 0;}
.lw_lb{ position: relative;}
.js_lw .about_tit{ margin-bottom: 6vh;}
.lw_lb .img{ background: #fff; padding: 10px; box-sizing: border-box;}
.lw_lb .img img{ width: 100%;}
.lw_lb .info{ text-decoration: underline; line-height: 26px; height: 78px; margin-top: 10px;}
.lw_lb .swiper-container,.lw_lb2 .swiper-container{ width: 1280px;}
.lw_lb .arrow-left,.lw_lb2 .arrow-left{ left: -80px;}
.lw_lb .arrow-right,.lw_lb2 .arrow-right{ right: -80px;}
.js_lw2{ background: none; }
.lw_lb2{ position: relative;}
.lw_lb2 li{ background: #fff; padding: 10px; box-sizing: border-box; box-shadow: 4px 0 12px rgba(0,0,0,.05);}
.lw_lb2 .img{ display: flex; height: 38vh; overflow: hidden; align-items: center;}
.lw_lb2 .img img{ width: 100%; min-height: 100%;}
.lw_lb2 .name{ text-align: center; line-height: 50px; font-size: 16px; height: 50px; overflow: hidden;}
.yw_img img{ width: 100%;}
.yw_top{ padding: 8vh 0;}
.yw_img{margin-bottom: 30px;}
.yw_fl,.yw_fr{ padding-top: 30px;}
.yw_fl{ width: 34%; float: left; border-top: 3px solid #b40822;}
.yw_fr{ width: 60%; float: right;border-top: 3px solid #444444;} 
.yw_fl .en{ font-size: 36px; font-weight: bold; font-family: "en";text-transform: uppercase;}
.yw_fl h4{font-size: 24px; font-weight: bold;}
.yw_day{ font-size: 24px; font-family: "en"; margin-top: 120px; display: none;}
.yw_day em{font-size: 40px; color: #B40822;}
.yw_fr .desc{ line-height: 30px; max-height: 180px; overflow: hidden; color: #444444; margin-bottom: 40px;}
.yw_fr .seeall,.yw_fr .seeall .iconfont{ color: #B40822;}
.xg_case{ padding: 8vh 0; background: #fff;}
.xg_case .z-container{ width: 925px;}
.xg_case .about_tit{ text-align: center; margin-bottom: 8vh;}
.case_list{ margin-left: -1.8%;}
.case_list2{margin-left:0}
.case_list li{ width: 48.2%; float: left; margin-bottom: 4vh; margin-left: 1.8%; height: 334px; overflow: hidden; position: relative;z-index: 1;}
.case_list2 li{ width: auto; margin: 0;}
.case_list li .img:before{ content: ""; display: block; width: 100%; height: 100%; background: url(../img/case_boxbg.png) no-repeat bottom center;background-size: 100% auto;}
.case_list .img{ width: 100%; height: 100%; position: relative; transition: all .4s; background-size: cover!important;}
.case_list li:hover .img{ transform: scale(1.1);}
.case_list .tit{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 20px; box-sizing: border-box; transition: all .4s; color: #fff; font-size: 16px;}
.case_list .info{ width: 100%; transition: all .4s; opacity: 0; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.4); padding: 60px 20px; box-sizing: border-box; color: #fff;}
.case_list .info h3{ transition: all .4s; padding-top: 20px; transform: translateY(-60px); font-size: 22px; font-weight: bold; display: inline-block; z-index: 1; position: relative;}
.case_list .info h3:before{ content: ""; display: block; width: 0%; transition: all .6s; height: 3px; background: #fff; position: absolute; left: 0; top: 0;}
.case_list .seeall{ display: block; position: absolute; left: 20px; bottom: 60px;}
.case_list li:hover .info{ opacity: 1; }
.case_list li:hover h3{ transform: translateY(0);}
.case_list li:hover h3:before{ width: 100%;}
.case_list li:hover .tit{ opacity: 0;}
.case_xq{ background: #fff; padding: 50px 100px; box-sizing: border-box;}
.case_view{ width: 100%;  margin-bottom: 5vh; height: 60vh; overflow: hidden;}
.case_view li{ display: flex; align-items: center; justify-content: center;}
.case_view img{max-width:100%}
.case_preview{ height: 15vh; position: relative; left: auto; bottom: auto;}
.case_preview img{ width: 100%; height: 100%;}
.case_preview .swiper-container{ width: 83%; margin:0 auto;}
.case_preview li{ width: 23%; margin: 0 1%;}
.case_preview li.active-nav{ border: 3px solid #B40822; box-sizing: border-box;}
.case_preview .btn{ display: block;transition: all .4s; width: 48px; height: 48px; border:1px solid #B40822; text-align: center; line-height: 48px; position: absolute; top: 50%; transform: translateY(-50%); color: #B40822;}
.case_preview .iconfont{ font-size: 20px;}
.case_preview .arrow-left{ left: 0;}
.case_preview .arrow-right{ right: 0;}
.case_preview .btn:hover{ background: #B40822; color: #fff;}
.case_info{ margin-top: 6vh;}
.case_tit{ font-size: 30px; margin-bottom: 3vh;}
.case_con{ color: #444; line-height: 32px;}
.wh_js{ background: url(../img/wh_bg.jpg) no-repeat center;  background-size: cover; padding: 10vh 0; text-align: center; color: #fff;}
.wh_js .about_tit{ margin-bottom: 5vh;}
.js_con{ line-height: 32px;}
.yg_warp{ text-align: center; padding: 8vh 0;}
.yg_lb{ margin: 6vh auto; position: relative;}
.yg_lb li{ height: 330px; position: relative; z-index: 1;}
.yg_lb2 ul{ margin-left: -2%;}
.yg_lb2 li{ width: 31.3%; float: left; margin-left: 2%; margin-bottom: 5vh;}
.yg_lb li .img{ width: 100%; height: 100%;overflow: hidden; position: absolute; left: 0; top: 0;}
.yg_lb li .img a{ display: block; width: 100%; height: 100%;}
.yg_lb li:before{ content: ""; display:block; width: 100%; height: 100%;background: url(../img/case_boxbg.png) no-repeat center;position: absolute; left: 0; bottom: 0;}
.yg_lb .tit{ width: 100%; position: absolute; left: 0; bottom: 0; color: #fff; text-align: left; line-height: 30px; padding: 20px; font-size: 16px; box-sizing: border-box;}
.c_seeall{ color: #B40822;}
.qh_more{text-align:center;padding-top:60px}
.c_seeall .iconfont{ color:#B40822 ;}
.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.9); }
.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: 5px solid #fff; box-shadow: 0 0 20px #000; 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; 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; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); }
.rebox-close { right: 10px; top: 10px; 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;
}


.magazines{ position: relative;}
.magazinesList ul{ margin-bottom:1vw; width:99999px;}
.magazinesList li{ float:left; }
.magazinesList a{ display:block;}
.magazinesList img{ display:block; width:100%;}
.magazinesList h4{ height:75px; line-height:75px; background:#FFF; text-align:center; font-size:14px; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.magazines .imgListBtn{ position:relative; display:none; width:95vw; margin:0 auto;}
.magazines .imgListBtn a{ height:35px; width:47vw; background:#00979c; font:bold 20px/35px SimHei; color:#FFF;}
.magazines .imgListBtn .prev{ left:0; text-align:right;}
.magazines .imgListBtn .next{ right:0;}
.magazines .imgListBtn .prev:after{ content:"<"; position:relative; left:-23px;}
.magazines .imgListBtn .next:after{ content:">"; position:relative; left:23px;}
.magazines .imgListBtn .prev:active:after{ left:-46px;}
.magazines .imgListBtn .next:active:after{ left:46px;}
.employment{ padding:90px 0 80px; background:#f6f6f6;}
.employment h3,.recruit h3{ margin-bottom:30px; font-size:30px; color:#2c2c2c; text-align:center;}
.employment img{ margin-bottom:32px;}
.employment p{  line-height:1.8; font-size:14px; color:#7f7f7f;}
.recruit{ padding:75px 0 110px;}
.recruitList dl{ margin-bottom:2px;}
.recruitList dt{ position:relative; padding-left:20px; height:50px; line-height:50px; background:#dfe3e7; font-size:14px; color:#333; cursor:pointer;}
.recruitList dt.slide{ background:#00979c; color:#FFF;}
.recruitList .num{ display:inline-block; width:60px;}
.recruitList dt:after{ content:" "; position:absolute; right:34px; top:16px; display:block; width:18px; height:18px; background:url(../img/icon45.png) no-repeat center;}
.recruitList dt.slide:after{ background-image:url(../img/icon46.png);}
.recruitList dd{ display:none; border:1px solid #e0e4e8; font-size:14px; color:#7f7f7f; line-height:2;}
.recruitList dd div{ position:relative; padding:33px 20px 100px;}
.applyJob{ position:absolute; left:20px; bottom:37px; display:block; width:102px; height:33px; line-height:33px; text-align:center; font-size:12px; color:#FFF; background:#00979c; border-radius:4px;}
.newsDetail{ padding:85px 0 135px;}
.newsTitle{ margin-bottom:60px; text-align:center;}
.newsTitle h3{ margin-bottom:30px; font-size:24px; color:#232323;}
.newsDetail p{ font-size:16px; color:#7f7f7f; line-height:1.8;}
.newsDetail img{ max-width:100%;}
.newsBtns{ position:relative; height:90px; line-height:90px; text-align:center; background:#e4e4e4}
.newsBtns a{ font-size:18px; color:#7f7f7f;}
.backList{ padding-left:30px; background:url(../img/icon47.png) no-repeat 0 center;}
.newsBtns a:hover{ opacity:.8;}
.imgViewerTitle{ margin-bottom:60px;}
.imgViewerTitle h3{ margin-bottom:30px; text-align:center; font-size:24px; color:#232323;}
.titinfos{ width:960px; margin:0 auto;}
.imgViewer{ width:960px; margin:0 auto;}
.imgViewer1{ position:relative; margin-bottom:18px;}
.imgViewer1 .imgViewCont img,.imgViewer1 .imgViewCont{ width:960px; height:700px;}
.imgViewer1 .imgViewBtn{ top:50%; margin-top:-36px;}
.imgViewer1 .imgViewBtn a{width:72px; height:72px;}
.imgViewer .prev{ background:url(../img/prev.png) no-repeat center rgba(0,0,0,.3);}
.imgViewer .next{ right:0; background:url(../img/next.png) no-repeat center rgba(0,0,0,.3);}
.imgViewer1 .imgViewBtn a:hover,.imgViewer2 .imgListBtn a:hover{ background-color:rgba(59,166,183,.8);}
.imgViewer2{ margin-bottom:32px;}
.imgViewer2 li,.imgViewer2 img{ width:145px; height:106px;}
.imgViewer2 li{ position:relative; margin-right:18px; cursor:pointer; overflow:hidden;}
.imgViewer2 li:after{ content:" "; display:block; position:absolute; left:0; top:0; border:3px solid #3ba6b7; width:139px; height:100px; transform:scale3d(1.1,1.1,1.1);}
.imgViewer2 li.hover:after{ transform:scale3d(1,1,1);}
.imgViewer2 .imgListBtn{ top:50%; margin-top:-18px; z-index:4;}
.imgViewer2 .imgListBtn a{width:35px; height:35px; background-size:9px auto;}
.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; 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;}
.bookr{ right:0;display:flex; align-items: center;}

/* myStyle */
.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;}
.imgViewCont img{ display:block; width:100%;}
.imgListCont{ position:relative; margin:0 auto; overflow:hidden;}
.imgListCont ul{ position:relative; left:0; width:9999px; z-index:2;}
.imgListCont li{ float:left;}
.imgListBtn{ position:absolute; left:0; top:0; width:100%; z-index:1;}
.imgListBtn a{ position:absolute; top:0;}
.bookCont{ position:relative; display:inline-block; height:100%; width:100%;}

.magazinesAlert .imgViewCont li.current{ z-index:2;}
.magazinesAlert .imgViewCont li.animating{ z-index:1;}
@-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;
	}
.magazinesAlert .imgViewBtn{position: absolute; height: 60px;  width: 100%; top:50%; left: 0; margin-top:-37px;}
.magazinesAlert .imgViewBtn .btn{ width:60px!important;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%;}

.jt_book{ text-align: center; background: url(../img/mgz_bg.jpg) no-repeat center; padding: 10vh 0; background-attachment: fixed;}
.jt_book .about_tit{ color: #fff; margin-bottom: 10vh;}
.jd_list a{ display: block; width: 100%; height: 100%;}
.jd_list .img{ width: 23%; height: 210px; float: left; flex-shrink: 0;}
.jd_list .img img{ width: 100%; height: 100%;}
.jd_list .info{ width: 74%; float: right; border-bottom:1px solid #cccccc; height: 210px; position: relative;}
.jd_list h3{font-size: 18px; transition: all .4s; width: 80%; height: 32px; line-height:32px; margin: 10px 0;}
.jd_list p{ line-height: 24px; width: 84%; color:#666666; height: 48px; margin: 20px 0; margin-bottom: 35px;}
.jd_list .c_seeall{ }
.jd_list .time{ position: absolute; right: 0; top: 10px; text-align: center; font-family: "en"; }
.jd_list .time .day{ display: block; font-size: 50px;}
.jd_list li:hover h3{ color: #B40822;}
.jd_list li:hover .time{color: #B40822;}
.jd_list li{ margin-bottom: 5vh;}
.jd_page{ padding: 7vh 0;}
.jd_page .about_tit{ margin-bottom: 5vh;}
.zp_page{ padding: 8vh 0;}
.zp_page .about_tit{ text-align: center;}
.zp_select{ display: flex; justify-content: space-between; width: 100%; margin: 5vh 0;}
.zp_select li{ width: 31.4%; height: 70px; background: #fff; border:1px solid #dddddd; line-height: 70px; padding: 0 4%; box-sizing: border-box;}

.zp_select select{ width: 60%;  float: right; height: 70px; text-align: center; color: #B40822; background: url(../img/arr2.png) no-repeat right center;}
.zp_select li:last-child{ text-align: center; color: #B40822; transition: all .4s;}
.zp_select li:last-child:hover input{ color: #fff;}
.zp_select li:last-child:hover{ background: #B40822; color: #fff;}
.zp_select li .zp_btn{ color: #B40822; cursor: pointer; width: 100%; height: 100%;}
/*人才招聘*/
.talent_zp{ margin-top: 100px;}
.sideMenu{}
.sideMenu_tit{background: #fff; line-height: 80px;  border-bottom:1px solid #dddddd;padding: 0 20px; box-sizing: border-box; }
.sideMenu_tit span{ font-size: 18px; font-weight: bold;display: block; width: 14%;width:11%; font-size: 18px; font-weight: bold; float: left;}
.zp_tit span{ display: block; width: 20%; font-size: 18px; font-weight: bold; margin-bottom: 30px; float: left; font-family: "microsoft JhengHei";}
.rc_box .tit{ background: #fff; line-height: 80px; border-bottom:1px solid #dddddd; cursor: pointer; position: relative;}
.zp_tit,.rc_box .tit{ padding: 0 20px; box-sizing: border-box; transition: all .6s;}
.rc_box .tit span{display: block; width: 14%;width:11%; float: left;font-family: "microsoft JhengHei";}
.rc_box .tit .ellipsis,.sideMenu_tit span.ellipsis{width: 40%;}

.rc_box .tit .ellipsis{ padding-right: 10px; box-sizing: border-box;}
.rc_box .tit.on,.rc_box .tit:hover{ background:#B40822; color: #fff;border-bottom-color:#B40822}
.rc_box .tit.on:before{ content: ""; display: block; width: 18px; height: 16px; background: url(../img/cha.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 50%; transform: translateY(-50%); right: 20px;}
.rc_box ul{ width: 100%; padding: 50px 20px; box-sizing: border-box; background: #fff; border:2px solid #fff; display: none;}
.rc_box ul.on{ border-color: #B40822;}
.rc_box ul h4{ font-weight: bold;font-size: 18px; margin-bottom: 40px;}
.rc_box ul .box{ width: 50%; float: left; padding:0 20px; box-sizing: border-box; color: #555;font-family: "microsoft JhengHei";}
.rc_box ul .box p{ margin-bottom: 10px;}
.rc_box ul .bz{ padding: 0 20px; box-sizing: border-box; margin-top: 30px; width: 100%; float: left; font-size: 16px;}
.rc_box ul .bz span{ color: #a0c118 ;}

.sq_btn{ width: 120px; margin-top: 15px; cursor: pointer; display: inline-block; margin-left: 15px; height: 40px;line-height: 40px; text-align: center; background: #555555; color: #fff; border-radius: 25px;}
.zp_pop{ width: 1200px; height: 81%;position: fixed; display: none; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #eff0f5; z-index: 99}
.zp_tit{ text-align: center; line-height: 100px; font-size: 24px;}
.zp_sx{ text-align: center;margin-bottom: 40px;}
.zp_sx li{ display: inline-block; margin: 0 50px;}
.zp_sx li span{ color: #B40822;}
.basic_info{ background: #fff;  padding: 50px 40px;box-sizing: border-box;}
.basic_info1{ padding-bottom: 0;}
.basic_form em{ color: #B40822;}
.basic_info li{  position: relative!important; float: left; margin-bottom: 40px; height: 50px;}
.basic_info1 li{width: 32%; margin-left: 1.3%;}
.basic_info1 ul{margin-left: -1.3%;}
.basic_form .input_text{ display: inline-block;position: relative;overflow: hidden;  height: 50px; border: 1px solid #cccccc; width:75%; padding: 0 10px; box-sizing: border-box; }
.basic_form label{ width: 25%;line-height: 50px; text-align: right; display: inline-block;}
.select_text{ background: url(../img/arr3.png) no-repeat right 20px center;float: right; }
.file_btn{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0;}
.zp_box{ width: 100%; height: 100%;  }
.zp_box .mCSB_container{ padding-right: 0; margin-right: 0;}
.basic_info2 li{ width: 48%; margin: 0; margin-bottom: 40px;}
.basic_info2 li:nth-child(even){ float: right;}
.basic_info2 li label{ width: 17%;}
.basic_info2 li .input_text{ width: 83%;}
.addform{ display:block; width: 160px; height: 50px; background: #B40822; text-align: center; color: #fff; line-height: 50px; margin-left: 8%;}
.desc_warp li{ width: 100%;}
.desc_warp{ padding-bottom: 0;}
.desc_warp label{ width: 7%;}
.subbtn{ width: 100%; height: 10vh; background: #555555; color: #fff; font-size: 24px;}

.jobform{ display: none; position:fixed; left:50%; top:50%; margin:-135px 0 0 -280px; width:560px; max-width:100%; height:270px; background:#FFF; box-shadow:0 0 10px rgba(0,0,0,.5); border-radius:3px; z-index:10;}
.formWrap{ padding:0 24px; text-align:center;}
.jobform h4{ margin-bottom:24px; line-height:70px; border-bottom:1px solid #CCC; font-size:24px;}
.formWrap a{ display:inline-block; margin:0 3px; color:#FFF; font-size:12px; line-height:32px; width:120px; height:32px; border-radius:3px; vertical-align:middle;cursor: pointer;}
.upload{ position:relative; background:#B40822; overflow:hidden;}
.upload input{ position:absolute; right:0; bottom:0; width:999px; height:200px; opacity:0;}
.write{ background:#B40822;}
.n{ background:#999;}
.y{ background:#686868;}
.jobform p{ font-size:12px; color:#7f7f7f; margin:14px 0 28px;}
.closejf{ position:absolute; right:11px; top:11px; background:url(../img/closeBtn.jpg); width:23px; height:23px;}
.school_box{ margin-top: 5vh; }
.school_box a{ display: block; width: 100%; height: 100%;}
.school_img{ width: 45.7%; float: left; height: 430px;}
.school_info{ width: 54.3%; float: right; background: #fff; height: 430px; padding: 55px; box-sizing: border-box;}
.school_info h3{ font-size: 22px; line-height: 36px;}
.school_info .p{ line-height: 28px; height:140px; color: #666; margin: 30px 0;}

.school_info .all{ display: inline-block; padding-bottom: 10px; color: #B40822; margin-top: 40px; padding-right: 20px; border-bottom: 2px solid #B40822;}
.contact_way{ padding: 9vh 0;}
.contact_fl{ float: left; width: 100%;}
.contact_way .about_tit{ margin-bottom: 6vh;}
.contact_tit h3{font-family: "en"; font-size: 46px; font-weight: bold; text-transform: uppercase;}
.contact_tit h4{ font-size: 26px; font-weight: bold;}
.contact_fr{ float: right;}
.contact_fl .about_tit{ text-align: center;}
.contact_bar{display: flex; justify-content: space-between; }
.contact_bar .c{ padding-left: 90px; box-sizing: border-box;min-height: 70px; margin-bottom: 5vh;}
.contact_bar .c1{ background: url(../img/c1.png) no-repeat left top;}
.contact_bar .c2{ background: url(../img/c2.png) no-repeat left top;}
.contact_bar .c3{ background: url(../img/c3.png) no-repeat left top;}
.contact_bar h3{font-family: "en"; font-size: 16px; text-transform: uppercase; padding-top: 15px;}
.contact_bar p{ color: #444;}
.contact_code{ text-align: center; width: 120px;}
.contact_code .img{ width: 120px;height: 120px; background: #fff; border: 1px solid #cccccc; padding: 7px; box-sizing: border-box;}
.contact_code img{ width: 100%; height: 100%;}
.contact_code h3{ color: #666666; line-height: 24px;}

.contact_fr{ width: 45%; float: right;}
.contact_from li{ border: 1px solid #ccc; background: #fff; padding: 20px; box-sizing: border-box; margin-bottom: 4vh;}
.contact_from li .input_text{ width: 90%;}
.contact_from .text{ height: 120px;width: 90%;}
.contact_from label{ vertical-align: top;}
.contact_from .tj_btn{ width: 100%; height: 60px; color: #fff; font-size: 16px; background: #B40822;}
.contact_map img{ width: 100%; vertical-align: bottom;}
.company{ background: #fff; padding: 10vh 0;}
.company li{ width: 45%; float: left; margin-bottom: 2vh; border-bottom: 1px solid #ccc; min-height: 160px;}
.company li:nth-child(even){ float: right;}
.company h3{ font-size: 22px; font-weight: bold; padding: 10px 0;}
.company span{ display: inline-block; margin-right: 20px; line-height: 24px;}
.xy_box{ padding: 9vh 0; text-align: center; color: #fff;}
.xy_box .desc{ width: 53%; margin: 6vh auto; line-height: 28px; height: 84px;}
.xy_box .see{ background: #B40822; border: none;}
/*打印*/
.zp_pop1{ width: 1000px; margin: 0 auto; background: #fff;}
.zp_pop1 .basic_form label{ width: 30%;}
.zp_pop1 .basic_form .input_text{ width: 70%;}

.zp_pop1 .desc_warp label{ width: 8%;}
.zp_pop1 .basic_info2 li label{ width: 20%;}
.retop{ width: 60px; height: 60px; line-height: 60px; cursor: pointer; text-align: center; border-radius: 50%; position: fixed; right: 20px; bottom: 50px; background:#b40822; z-index: 99;}
.retop img{ vertical-align: middle; max-width: 30px;}

@media screen and (max-width: 1680px) {
.header_nav{ width: 1200px;}	
.btn_group .arrow-left{ left: -70px!important;}
.btn_group .arrow-right{right: -70px!important;}
}

@media screen and (max-width: 1480px) {
.header_nav{ width: 1000px;}
.header_nav li{ margin-left: 2vw;}


.z-container{ width: 94%;}	
.banner_text{ width:80%}
.topbtm_bar{ right: 10px;}
.xq_reative{ padding: 0 100px;}
.lw_lb .arrow-left, .lw_lb2 .arrow-left{ left: 0;}
.lw_lb .arrow-right, .lw_lb2 .arrow-right{ right: 0;}
.bookCont{ width: 80%!important; height: 100%;}
.btn_group .arrow-left{ left: 0px!important;}
.btn_group .arrow-right{right: 0px!important;}

}
@media screen and (max-width: 1366px) {
.header{ padding: 0 3vw; padding-right:0}	
.banner_text h3{ font-size: 30px;}
.process_list{ width: 80%;}
.org_pop .desc{height: 48vh;}
.lw_lb .swiper-container,.lw_lb2 .swiper-container{ width:80%;}
.jd_list .img{ width: 28%;}
.jd_list .info{width: 69%;}
.other_banner .en{ font-size: 33px;}
.other_banner h4{ font-size: 20px;}
.index_tit h3{ font-size: 36px; line-height: 36px;}
.about_num em,.about_tit h3{ font-size: 36px;}
.foot_addre p{ width: 50%;}
}
@media screen and (max-width: 1200px) {
.header{ padding: 0 2vw;}
.header .logo img{}
.mobile_btn{ width: 50px;}

.sb_down{display: none;}
.bookCont{ background:none; width:100% !important;}
	.bookl img{ position:relative;}

.zp_pop{ width: 90%;}
.basic_form label{ width: 30%;}
.basic_form .input_text{ width: 70%;}
.basic_info2 li label{ width: 20%;}
.basic_info2 li .input_text{ width: 80%;}
.desc_warp label{ width: 10%;}
.desc_warp .input_text{ width: 90%;}
	
}
@media screen and (max-width: 1100px) {
.header{ height: 50px; line-height: 50px; z-index:16; background: #fff;}
.header .logo{height: 50px; line-height: 50px;}
.header .logo img{ height:35px;}
.header_nav{ width: 100%; height: 100%; padding-top: 30px; box-sizing: border-box; position: fixed; left: 0; top: 50px; background: #b40822; transform: translateX(0); transition: all .6s; transform: translate(100%);}
.header_nav li{ display: block; text-align: center; margin-left: 0;}
.header_nav li a{ color: #fff; font-size:14px;}
.header_nav li.active a, .header_nav li:hover a{color: #fff;}
.mobile_btn{ height: 50px;}
.header_nav.on{ transform: translateX(0);}
.slide_mask{ display: none;}
.about_fl{ width: 48%;}
.index_video{ width: 100%; height: 200px; margin-top: 20px;}
.index_about{ padding: 20px 0;}
.index_tit h3{ font-size: 23px; line-height: normal;}
.index_tit h4{ font-size: 16px; margin: 0; margin-bottom: 10px;}
.about_desc{ margin: 10px 0; margin-top: 0;}
.about_num em{ font-size: 24px;}
.playbtn{ width: 40px; height: 40px;}
.other_banner{ margin-top: 50px; background-size: cover!important;background-attachment:inherit!important}
.org_pop .desc{height: 20vh;}
.nav-other li{ padding: 0 1vw}
.mobile_btn{ background: none;}
.mobile_btn span{ background: #000;}

.wrapper2{ margin-top: 52px; border-top: 2px solid #b40822;}
.banner_none{ display: none;}
}
@media screen and (max-width: 780px) {
		.foot_hz li{ width: 150px;}
.banner_text h3{ font-size: 20px;}	
.about_fl{ width: 100%;}
.about_num{ display: flex;display:-webkit-flex;flex-direction:row;   flex-wrap:wrap}
.about_num li{ margin-top: 10px;}
.about_num li:nth-child(4),.about_num li:nth-child(5){ width:50%;}

.pc_view h3{ font-size: 22px;display:none}
.pc_view h4{ font-size: 16px;}
.pc_view .desc{ width: 76%; margin: 20px auto; display:none}
.case_nav li{ width: 50%; height: 60px; line-height: 60px; overflow: hidden;padding-right: 0 20px;
    box-sizing: border-box; font-size:12px}
.pc_view{ height: 210px;overflow: hidden;width:100%}
.btn_group a{ width: 30px; height: 30px; line-height: 30px;    display: flex;
    justify-content: center;
    align-items: center}
.btn_group{top:36%}
.qh_more{padding-top:20px}
.btn_group .iconfont{ font-size: 12px;}
.case_nav em{ width: 30px; height: 30px;}
.case_nav .active-nav img{ transform: translateY(-30px)}
.preview{ bottom: -30px;}
.pc_view .see{ height: 38px; line-height: 38px; margin-top:20px}
.pc_view li{ background-size: auto 100%!important; }
.jp_list li{ width: 100%;}
.jp_list li.on{ width: 100%;}
.news_list li{ width: 98%; margin-bottom: 10px;}
.news_list .img_box{ height: 200px;}
.index_news{ padding: 20px 0; padding-top: 50px;}
.index_tit{ margin-bottom: 20px;}
.index_jp{ padding: 20px 0;box-sizing:border-box;overflow-x: hidden}
.hiddens{overflow-x: hidden; height: 240px}
.news_list .info_box{ padding: 10px;}
.news_list p{ margin: 5px 0; font-size: 12px;}
.news_list h3{ font-size: 14px;}
.foot_hz{padding: 0;}
.foot_fl,.foot_fr{ width: 100%;}
.oa_select{ width: 50%;}
.contact_code{ display: none;}
.foot_addre{ margin: 10px 0;}
.foot_addre p{ width: 100%;}
.foot_btm{padding: 20px 0;}
.nav-other{ height: 40px; line-height: 40px;}
.wrapper{ background: #fff;}
.nav-other li{display: block; float: left;}
.other_banner .en{ font-size: 20px; margin-bottom: 0;}
.other_banner .text{ top: 50%; transform: translateY(-50%);}
.other_banner h4{ font-size:16px;}
.about_tit h3{ font-size: 22px;}
.about_tit h4{ font-size: 18px;}
.about_1{ padding: 20px 0;}
.about_con{ line-height: 20px; margin: 10px 0;}
.process_list{ width: 96%;}
.process_list li a{padding: 10px;}
.process_list span{ font-size: 18px;}
.process_list h3{ line-height: 24px; font-size: 12px; height: 48px; margin-top: 5px;}
.process_list li:before{ width: 10px; height: 10px;}
.process_list li:nth-child(odd):before{ right: -5px;}
.process_list li:nth-child(even):before{ left: -5px;}
.process_list li a:before{ width: 7px; height: 20px; right: -7px;}
.process_list li:nth-child(even) a:before{ left: -7px;}
.process_list li a{ width: 90%;}
.process_list li:nth-child(even) a{ margin-left: 10%;}
.process{ padding: 20px 0;}
.org_lb .img{ height: 210px;}
.org_lb .info{ width: 100%; padding: 10px; height: auto;}
.org_lb h3{ font-size: 16px;}
.public_btn .arrow-left{ left: 0;}
.public_btn .arrow-right{ right: 0;}
.about_team{ padding: 20px 0;}
.org_lb .swiper-container{ padding: 20px 0;}
.org_pop .img{ width: 100%;max-height: 40vh; display: none;}
.org_pop .info{ width: 100%; padding: 10px;}
.org_pop h3{ font-size: 16px; margin: 0; margin-bottom: 10px;}
.org_pop h3:before{ display: none;}
.org_pop{ max-height: 85vh;}
.org_pop .desc{ height: 30vh; margin-top:20px}
.close_btn{ width:40px; height:40px; line-height:40px}
.mCSB_container{ margin-right:15px!important}
.honor_fr,.honor_fl{ width: 100%;}
.honor_fr{ position: relative; right: auto; top: auto; height: 200px; display: none;}
.honor_fl{ padding: 10px;}
.honor_tit{ font-size: 16px; margin: 10px 0;}
.zz_list li{ margin-bottom: 5px;}
.zz_list{ margin-bottom: 20px;}
.honor_fl .seeall{ margin: 20px 0;}
.playbtn2 img{ width: 40px;}
.zzs_list li{ width: 48%; margin-bottom: 10px;}
.zzs_list li .img{ height: 200px;}
.zzs_list .tit{ height: 40px; line-height: 40px; font-size: 14px;}
.honor_nav a{ width: 100px; margin: 10px 10px; height: 30px; line-height: 30px;} 
.zzs_list{ margin-bottom: 20px;}
.nav-other li a{font-size: 14px;}
.honor_list ul{ margin-left: -2%;}
.honor_list li{ margin-left: 2%;}
.zzs_list li .img{ height: 200px;}
.honor_list li .img{ height: 100px;}
.news_search{ width: 100%; position: relative; padding: 0 10px; transform: translateY(0); margin-top: 10px; right: auto; top: auto; height: 40px; line-height: 40px;}
.news_search .iconfont{ font-size: 20px;}
.news_head{ padding: 20px 0;}
.news_lb .img_box{ width: 100%;}
.news_lb .img_box{ height: 200px;}
.news_lb .time{ line-height: 40px; height: 40px; font-size: 16px; width: 90px;}
.news_lb .info_box{ width: 100%; padding: 10px;height: auto!important;}

.news_lb h3{ font-size: 14px;line-height: 24px; height: 48px;}
.news_lb p{ line-height: 20px; height: 60px; margin: 10px 0;}
.news_lb .swiper-pagination{ margin-top: 10px;}
.news_lb{ margin-bottom: 10px;}
.nav-other2{ text-align: center;}
.nav-other2 li{ display: inline-block; float: none;}
.xq_reative{ padding: 0 10px;}
.other_tit{ font-size: 16px; padding: 20px 0;}
.xq_page{padding: 20px 0;}
.topbtm_bar{ position: relative; right: auto; top: auto; width:160px; margin: 0 auto;}
.topbtm_bar a, .bshare-custom{ width: 40px; height: 40px; line-height: 40px!important; float: left; box-sizing: border-box;}
.topbtm_bar img{ height: 40px;}
.bshare-custom{ border-bottom: none;}
.artic_bar{ height: 40px; line-height: 40px; margin-bottom: 20px;}
.artic_bar span{  margin: 0 10px;}
.artic_bar span:nth-child(2){display: none!important;}
.article_con{ min-height: 200px;}
.xq_reative{ padding-bottom: 20px;}
.index_about .index_tit{ margin-bottom: 0;}
.cx_list li{ padding: 20px 0;}
.cx_list .img{position: relative; left: auto; width: 100%; height: 200px; margin-top: 20px; right: auto; top: auto;}
.cx_list .info{ width: 100%; margin-left: 0; padding: 0 10px; box-sizing: border-box;}
.cx_list h3{ font-size: 18px;}
.cx_list .desc{ margin: 10px 0; line-height: 24px; height: 96px;}
.cx_list li:nth-child(even) .info{ float: none; margin-right: 0;}
.about_video{ height: 40vh;}
.lw_lb .swiper-container, .lw_lb2 .swiper-container{ width: 100%; position: relative;}
.js_lw{ padding: 20px 0;}
.js_lw .about_tit{ margin-bottom: 20px;}
.js_cx .about_tit{ padding: 20px 0;}
.yw_top{ padding: 20px 0;}
.yw_img{ margin-bottom: 10px;}
.yw_fl,.yw_fr{ padding-top: 10px; width: 100%;}
.yw_fl .en{font-size: 18px;}
.yw_fl h4{ font-size: 14px;}
.yw_day{ margin-top: 10px; font-size: 18px;}
.yw_day em{ font-size: 24px;}
.yw_fr .desc{ line-height: 20px; height: auto; margin-bottom: 10px;}
.xg_case{ padding: 20px 0;}
.xg_case .about_tit{ margin-bottom: 20px;}
.nav-other li{ padding: 0 10px}
.case_xq{ padding: 10px;}
.case_view{ margin-bottom: 10px;}
.case_preview{ bottom: auto;height: 80px;}
.case_preview li{ width: 48%; height: 80px;}
.case_preview .btn{ width: 30px; height: 30px; line-height: 30px;}
.case_preview .iconfont{ font-size: 16px;}
.case_preview .swiper-container{ width: 80%;}
.case_view{ height: 180px; overflow: hidden;}
.case_tit{ font-size: 20px; margin: 10px 0;}
.case_con{ line-height: 24px;}
.wh_js{ padding: 30px 0;}
.wh_js .about_tit{ margin-bottom: 10px;}
.magazinesAlert .imgViewBtn{ bottom: 30px; margin-top: 0; top: auto; height: 36px;}
.magazinesAlert .imgViewBtn .btn{ width: 36px!important; height: 36px!important; line-height: 36px;}
.close{ right: 10px;}
.yg_warp{ padding: 20px 0;}
.qh_data{padding-top:20px}
.yg_lb{ margin: 20px auto;}
.jt_book{ padding: 20px 0;}
.jt_book .about_tit{margin-bottom: 20px;}
.magazinesList h4{ height: 40px; line-height: 40px;}
.zp_page{ padding: 20px 0;}
.zp_select{ display: block;}
.zp_select li{ width: 100%; height: 40px; line-height: 40px; margin-bottom: 10px;}
.zp_select select{ height: 40px;}
.sideMenu_tit{ line-height: 40px; }
.sideMenu_tit span{ font-size: 14px; }
.rc_box .tit,.sideMenu_tit{ display: flex; justify-content: space-between;}
.rc_box .tit span{ width: auto;}
.rc_box .tit span:nth-child(2),.rc_box .tit span:nth-child(3),.sideMenu_tit span:nth-child(2),.sideMenu_tit span:nth-child(3){ display: none;}
.rc_box .tit span:nth-child(4),.sideMenu_tit span:nth-child(4){ margin-left: auto;}
.rc_box .tit{ line-height: 50px;}
.rc_box ul{ padding: 10px;}
.rc_box ul .box{ padding: 0; width: 100%;}
.rc_box ul h4{ margin-bottom: 10px;}
.sq_btn{ height: 30px;line-height: 30px; margin: 0;}
.zp_select{ margin: 20px 0;}
.jobform{ width: 90%; left: 5%; margin: 0; height: auto; padding-bottom: 21px; transform: translateY(-50%);}
.jobform h4{line-height: 50px; font-size: 16px;}
.zp_pop{ }
.zp_tit{ line-height: 50px; font-size: 18px;}
.zp_sx li{ margin: 0; font-size: 12px;}
.zp_sx{ margin-bottom: 20px;}
.basic_info li{ width: 100%!important; margin-bottom: 10px;}
.basic_info{ padding: 10px;}
.basic_form label{ width: 26%!important; line-height: 40px;}
.basic_form .input_text{ width: 74%!important;}
.basic_form .input_text{ height: 40px;}
.addform{ height: 40px; line-height: 40px; margin-left: 26%;}
.subbtn{ height: 50px;font-size: 18px;}
.zp_select select{ width: 54%;}
.zp_select li:last-child{ background: #B40822; color: #fff;}
.zp_select li:last-child input{ color: #fff;}
.school_img{ height: 200px;}
.school_img,.school_info{ width: 100%;}
.school_info{padding: 10px; height: auto;}
.school_info h3{font-size: 16px; line-height: 24px;}
.school_info p{ margin: 10px 0;}
.school_info .all{ margin-top: 10px;}
.contact_way{ padding: 20px 0;}
.contact_way .about_tit{ margin-bottom: 10px;}
.contact_fl,.contact_fr{ width: 100%; margin-bottom: 20px;}
.contact_bar .c{ background-size: 50px 50px; margin-bottom: 10px; background-position: left center; padding-left: 60px;}
.contact_from li{ padding: 10px; margin-bottom: 10px;}
.contact_from li .input_text,.contact_from .text{ width: 80%;}
.contact_from .tj_btn{ height: 40px;}
.company{ padding: 20px 0;}
.company li{ width: 100%; min-height: auto; padding: 10px 0; margin-bottom: 10px;}
.company h3{ font-size: 16px; padding: 0; margin-bottom: 10px;}
.pace-progress:after{ font-size: 26px;}
.case_info{ margin-bottom: 20px;}
.foot_code{ float:none; margin-top: 20px; display: none;}
.contact_bar{ display: block;}
.words a,.words{ color:#333}
.words{    margin-right: 60px;}
.js_con {
    line-height: 24px;
    text-align: left;
}

}

@media screen and (max-width: 420px) {

.case_list{ margin-left: 0;}
.case_list li{ width: 100%; margin-left: 0; height: 240px; margin-bottom: 10px;}
.case_list li .info{ display: none;}
.yg_lb li{ height: 230px;}
.btn_group a{ background: #B40822;}
.jd_list .img,.jd_list .info{ width: 100%;}
.jd_list p{ margin: 10px 0;}
.jd_list .time .day{ font-size: 30px;}
.jd_list li{ margin-bottom: 10px;}
.jd_list .info{ height: auto; padding-bottom: 10px;}
.jd_page{ padding: 20px 0;}
.process_list{ height: 340px;}

.yg_lb2{ margin: 0 auto!important;}
.yg_lb2 ul{ margin-left: 0;}
.yg_lb2 { margin-top: 20px!important;}
.yg_lb2 li{ width: 100%; margin: 0; margin-bottom: 10px;}
.xy_box{ padding: 20px 0;}
.xy_box .desc{ width: 94%; margin: 20px auto; line-height: 24px; height: 72px;}
.retop{ display: none;}
.pc_banner{ display: none;}
.mobile_banner{ display: block;}
.banner_text .h5{ font-size: 12px;}
.swiper-container,.cx_list,.js_lw,.xg_case,.yg_lb,.jt_book{ overflow-x: hidden;}
.other_banner h4{margin: 10px 0;}
.banner_text .h5{ margin-top: 10px;}
.yw_top .yw_fl{ margin-bottom: 20px;}
}