@charset "utf-8";
/* 
 * Project Name:金厦集团
 * Author:位置
 * Date：2018-09-27
 */


@font-face{
    font-family: 'wlzt';
    src : url(BEBAS___.TTF);
}
.text_en{font-family: wlzt;font-size: 12px;}
 @font-face {
    font-family: 'stencilregular';
    src: url('stencil-webfont.woff2') format('woff2'),
         url('stencil-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'vijayaregular';
    src: url('vijaya-webfont.woff2') format('woff2'),
         url('vijaya-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'airstrip_fourregular';
    src: url('airstrip-four-webfont.woff2') format('woff2'),
         url('airstrip-four-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.images_responsive{max-width: 100%;height: auto;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, table, caption, tbody, tfoot, thead, tr, th, td, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden;}
/* always display scrollbars */
/* body {color:#000;  font: 12px/1.8 "思源黑体",sans-serif; margin: 0 auto; color: #989898; _background-attachment:fixed; 
_background-image:url(about:blank); width: 100%; height: 100%; overflow: hidden;} */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select { vertical-align: middle; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; padding:0;}
img { border: 0; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] ,select{ -webkit-appearance: none; border-radius: 0;}
textarea { -webkit-appearance: none; border-radius: 0; background:none; outline:none; padding:0; margin:0; border:none;}
::-moz-selection { background: #f7a300; color: #fff; text-shadow: none; }
::selection { background: #f7a300; color: #fff; text-shadow: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.inner { width:1100px; margin: 0px auto;}
.warps{width:1300px;margin:0 auto;}

.transition01{transition:1s;-webkit-transition:1s;-o-transition:1s;-moz-transition:1s;}


.header-box{ position:fixed; width:100%; left:0; top:0; z-index:299;}
.header-box.scollfox { animation: 850ms 350ms; background:#4d3428; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: fadedown; animation-name: fadedown; }
.header-box.scollfox .header:before{ display:none;}
.header-box.scollfox .nav >li{ height:51px;}
.header-box.scollfox .nav >li >a{ padding-bottom:34px;}
.header-box.scollfox .nav >li:hover .meundown{ top:50px;}
.header{ padding:15px 0; margin:0 60px; position:relative;}
.header:before{ content:""; width:100%; height:1px; background:#a0a0a0; position:absolute; left:0; bottom:-10px;}
.logo{ float:left; line-height:1; overflow:hidden; width:146px;}
.logo img{ display:block;height: 57px;}
.navMenu{ padding-top:10px; position:absolute; left:50%; margin-left:-300px; top:15px;}
.nav >li{ float:left; position:relative; padding:0 18px; cursor:pointer;}
.nav >li:before{ content:""; width:96%; height:0; transition:328ms; background:#fff; position:absolute; left:2%; bottom:9px; opacity:0; visibility:hidden;}
.nav >li >a{ display:block; color:#fff; font-size:16px; padding-bottom:46px; font-weight:bold; line-height:1;}
.meundown{ background:#fff; position:absolute; width:132px; padding:10px 6px 25px; left:50%; margin-left:-74px; top:83px; opacity:0; transition:430ms; visibility:hidden; z-index:20;}
.meundown:before{ content:""; width:10px; height:5px; background:url(../images/arrow.png) center no-repeat; position:absolute; left:50%; margin-left:-5px; top:-5px;}
.meundown li{ position:relative;}
.meundown li:before{ content:""; width:0; height:100%; background:#cfa972; position:absolute; left:50%; top:0; transition:320ms; opacity:0;}
.meundown li a{ display:block; text-align:center; line-height:30px; color:#000000; font-size:14px; position:relative;}
.meundown li:hover:before{ width:100%; opacity:1; left:0;}
.nav >li:hover:before,.nav >li.current:before{ height:7px; opacity:1; visibility:visible;}
.nav >li:hover .meundown{ opacity:1; visibility:visible; top:63px;}
.header-ri{ float:right; margin-right:6px; margin-top:12px;}
.header-ri a{ display:block; width:26px; height:20px; float:left; margin-left:18px;}
.header-ri a:nth-child(1){ background:url(../images/search.png) center no-repeat;}
.header-ri a:nth-child(2){ background:url(../images/home.png) center no-repeat;}
.header-ri a:nth-child(3){ background:url(../images/mailbox.png) center no-repeat;}
.header-ri a:hover{ margin-top:-3px;}
.mtop{ display:none;}

.menu{ cursor:pointer; position:relative; z-index:5; float:right; margin-top:7px;}
#menu_toggle{ display:none;}
.menu span { position: relative; display: inline-block; width: 38px; height:16px; vertical-align: middle;}
.menu span:after,
.menu span:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 3px; left: 0;
 background-color: #fff; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s;-o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s;-moz-transition-delay: .3s,0s;-ms-transition-delay: .3s,0s;-o-transition-delay: .3s,0s; transition-delay: .3s,0s}
.menu span:before {top: 0;-webkit-transition-property: top,transform;-moz-transition-property: top,transform;-ms-transition-property: top,transform;-o-transition-property: top,transform;transition-property: top,transform;}

.menu span:after {bottom: 0;-webkit-transition-property: bottom,transform;-moz-transition-property: bottom,transform;-ms-transition-property: bottom,transform;-o-transition-property: bottom,transform;
transition-property: bottom,transform;}
.menu.active span {background-color: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s}
.menu.active span:after,.menu.active span:before {-webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s}
.menu.active span:before {top: 8px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.menu.active span:after {bottom: 5px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}

.menubox{ width:100%; height:100%; overflow-y:auto; background:rgba(0,0,0,0.9); box-sizing:border-box; position:fixed; left:0; top:0; padding:66px 0; text-align:center; display:none;}
.menus{ width:308px; margin:auto; position:relative; background:#fff;}
.menu-list{ padding:44px 7px;}
.menu-list >li{ margin-bottom:15px;}
.menu-list >li >a{ display:block; padding:18px 0; line-height:1; text-align:center; color:#000000; font-size:24px; font-weight:bold;}
.menu-leval{ background:#cfa972; position:relative; padding:20px 0; display:none;}
.menu-leval:before{ content:""; width:20px; height:10px; background:url(../images/arrow8.png) center no-repeat; position:absolute; left:50%; margin-left:-10px; top:-10px;}
.menu-leval li{ margin-bottom:10px;}
.menu-leval li:last-child{ margin-bottom:0;}
.menu-leval li a{ display:block; text-align:center; color:#000000; font-size:24px;}
.homemenu{ position:absolute; right:-73px; bottom:56px;}
.homemenu a{ display:block; margin-top:30px; width:23px; height:19px;}
.homemenu a:nth-child(1){ background:url(../images/home.png) center no-repeat;}
.homemenu a:nth-child(2){ background:url(../images/mailbox.png) center no-repeat;}

@keyframes fadedown {
    from { transform: translateY(-100%); opacity: 0; }

    to { transform: translateY(0); opacity: 1; }
}
.banner { position: relative; overflow: hidden; }
.banner .bannerfix >li { height: 100%; line-height: 0; opacity:0; transition:opacity 1000ms linear; -webkit-transition:opacity 1000ms linear; float:left;}
.banner .bannerfix >li .bimg { line-height: 0; width: 100%; position: relative; transition: transform 5s ease; -webkit-transition: transform 5s ease; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.banner .bannerfix >li.imgIn{ opacity:1; z-index:10; display:block;}
.banner .bannerfix >li.imgIn .bimg { transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); }
.banner .bannerfix >li.imgIn .bbox small{ opacity:1; visibility:visible; top:0; transition:420ms 0ms;}
.banner .bannerfix >li.imgIn .bbox h1{ opacity:1; visibility:visible; top:0; transition:420ms 120ms;}
.banner .bannerfix >li.imgIn .bbox b{ opacity:1; visibility:visible; top:0; transition:420ms 240ms;}
.banner .bannerfix >li.imgIn .bbox p{ opacity:1; visibility:visible; top:0; transition:420ms 460ms;}
.banner .bannerfix >li.imgIn .bbox .details{ opacity:1; visibility:visible; top:0; transition:420ms 580ms;}

.banner .flex-control-nav{ width:100%; height:20px; position:absolute; left:0; bottom:59px; text-align:center; z-index:20;}
.banner .flex-control-nav li{ display:inline-block; position:relative; margin-right:14px; width:5px; height:20px;}
.banner .flex-control-nav li:last-child{ margin-right:0;}
.banner .flex-control-nav li span{ display:block; text-indent:999px; overflow:hidden; width:5px; height:7px; position:absolute; background:#fff; transition:320ms; left:0; top:6px;}
.banner .flex-control-nav li a.flex-active span{ height:20px; top:0;}
.bbox{ width:692px; margin:auto; position:absolute; left:50%; margin-left:-346px; top:50%; text-align:center; margin-top:-173px;}
.bbox small{ display:block; text-align:center; color:#fff; font-size:18px; margin-bottom:5px; line-height:1; letter-spacing:10px; opacity:0; visibility:hidden; position:relative; top:30px;} 
.bbox h1{ line-height:1; color:#fff; font-size:65px; text-align:center; opacity:0; visibility:hidden; position:relative; top:30px;}
.bbox b{ display:block; line-height:1.8; text-align:center; color:#fff; font-size:20px; margin-bottom:40px; opacity:0; visibility:hidden; position:relative; top:30px; min-height:36px;}
.bbox p{ width:440px; text-align:center; height:132px; color:#fff; font-size:16px; line-height:2; margin:auto; opacity:0; visibility:hidden; position:relative; top:30px;}
.details{ width:180px; height:51px; margin:auto; position:relative; opacity:0; visibility:hidden; position:relative; top:30px;}
.details:before{ content:""; width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; transition:320ms ease-in-out;  transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0); opacity:0; visibility:hidden;}
.details a{ display:block; border:2px solid #fff; padding-left:39px; line-height:47px;  position:relative; color:#fff; font-size:14px; text-align:left; background:url(../images/arrow1.png) 106px center no-repeat;}
.details:hover:before{ opacity:1; transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1); visibility:visible;}
.details:hover a{ color:#774c1d; background:url(../images/arrow2.png) 112px center no-repeat;}

.bamnline { width: 692px; left:50%; margin-left:-346px; top:50%; margin-top:-30px; background:#fff; z-index:20; position:absolute;}
.bamnline span { display: block; width: 0; height: 1px; background: #e0ae37; }
.bamnline.load span { width: 100%; transition: 5.8s 0s linear; -webkit-transition: 5.8s 0s linear; -moz-transition: 5.8s 0s linear; }

.flexmeun{ position:fixed; right:0px; bottom:79px; z-index:99;}
.flexlist li{ margin-bottom:1px; background:rgba(0,0,0,0.9); position:relative; transition:320ms ease-in-out;}
.flexlist li:last-child{ margin-bottom:0;}
.flexlist li:before{ content:""; width:100%; height:100%; background:#999999; position:absolute; left:0; top:0; opacity:
0; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); visibility:hidden; transition:320ms;}
.flexlist li a{ display:block; position:relative; width:49px; height:49px;}
.flexlist li:nth-child(1) a{ background:url(../images/tel.png) center no-repeat;}
.flexlist li:nth-child(2) a{ background:url(../images/hi1.png) center no-repeat;}
.flexlist li:nth-child(3) a{ background:url(../images/use.png) center no-repeat;}
.flexlist li:nth-child(4) a{ background:url(../images/arrow4.png) center no-repeat;}
.flexlist li:hover:before{ opacity:1; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); visibility:visible;}
.flexlist li .tel_xf{    width: 180px;position: absolute;top: 0;left: -180px;background: #999999;text-align: center;color: #fff;padding: 12px 0;
    font-size: 14px;display: none;transition: 1s;}
.flexlist li .tel_xf .fonts{margin-top:20px;}
.flexlist li:hover .tel_xf{display:block;}


.indutry-t{ padding:54px 0 56px; text-align:center;}
.indutry-t h3{ font-size:24px; text-align:center; line-height:1; margin-bottom:10px; color:#a0820c;}
.indutry-t small{ display:block; text-align:center; color:#c8c8c8; font-size:16px; font-family:"Arial"; font-weight:bold; text-transform:uppercase;}
.industrys{ overflow:hidden;}
.industry-list li{ width:20%; float:left; overflow:hidden; position:relative; transition:width 455ms;}
.industry-list li figure{ display:block; overflow:hidden; position:relative; text-align:center;}
.industry-list li figure img{ display:block; height:660px; width:auto; margin:auto;}
.industry-list li figure figcaption{ display:block; width:100%; text-align:center; color:#ffffff; font-size:16px; font-weight:bold; position:absolute; left:0; top:37.5%; transition:480ms 140ms;}
.industry-info{ width:260px; padding-top:66px; position:absolute; left:50%; margin-left:-130px; top:25%;}
.industry-info mark{ display:block; width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; transform-origin: left bottom; -webkit-transform-origin:left bottom; -webkit-transition:-webkit-transform .52s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .52s cubic-bezier(.4,0,.2,1); transition:transform .52s cubic-bezier(.4,0,.2,1); transition:transform .52s cubic-bezier(.4,0,.2,1),-webkit-transform .52s cubic-bezier(.4,0,.2,1); transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}
.indutrywr{ position:relative; top:20px; opacity:0; visibility:hidden; transition:388ms 0ms; height:196px;}
.industry-info h3{ text-align:center; position:relative; color:#000000; font-size:26px; line-height:1; margin-bottom:14px;}
.industry-info small{ display:block; position:relative; text-align:center; color:#969696; font-size:16px; font-family:"Arial";}
.industry-info span{ display:inline-block; position:relative; color:#969696; font-size:14px; padding-right:44px; position:absolute; left:76px; bottom:24px; transition:300ms ease-in-out; background:url(../images/arrow6.png) right center no-repeat;}
.industry-list li:hover,.industry-list li.now{ width:35%;}
.industry-list li.sible{ width:16.25%;}
.industry-list li:hover .industry-info mark{ transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1); transform-origin:left top; -webkit-transform-origin:left top; visibility:visible\9;}
.industry-list li:hover .indutrywr{ opacity:1; top:0; visibility:visible; transition:488ms 200ms;}
.industry-list li:hover figure figcaption{ opacity:0; visibility:hidden; transition:550ms 0ms; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0);}
.industry-info span:hover{ color:#a0820c; padding-right:48px; background:url(../images/arrow5.png) right center no-repeat;}
.about-us{ padding:62px 0 64px; background-size:cover !important; position:relative;}
.use{ float:left; margin-left:68px; width:585px;}
.use strong{ display:block; color:#a0820c; font-size:30px; font-family:"Arial"; line-height:1; margin-bottom:16px;}
.use h2{ color:#fff; font-size:36px; line-height:1; margin-bottom:50px;}
.use p{ color:#ffffff; font-size:13px; height:190px;}
.detail{ display:inline-block; padding:0 36px 0 40px; border-bottom:2px solid #fff; position:relative;}
.detail:before{ content:""; width:100%; height:2px; background:#a0820c; position:absolute; left:0; bottom:-2px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .4s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .32s cubic-bezier(.4,0,.2,1); transition:transform .4s cubic-bezier(.4,0,.2,1); transition:transform .4s cubic-bezier(.4,0,.2,1),-webkit-transform .4s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.detail a,.detail span{ position:relative; display:block; padding-right:48px; padding-bottom:18px; color:#fff; line-height:1; font-size:14px; background:url(../images/arrow1.png) 68px top no-repeat; transition:320ms;}
.detail:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.detail:hover a,.detail:hover span{ color:#a0820c; background:url(../images/arrow5.png) right top no-repeat;}

.presentate{ padding:16px 0 14px 14px; border:5px solid #fff; position:absolute; right:21%; top:76px; width:124px;}
.presentate h3{ color:#fff; line-height:1; font-size:22px; margin-bottom:6px;}
.presentate small{ display:block; color:#fff; line-height:1.6; font-size:18px; font-family:"Arial"; margin-bottom:32px;}
.presentate span{ display:block; width:17px; transition:320ms; height:26px; background:url(../images/arrow7.png) center no-repeat;}
.presentate:hover span{ margin-left:5px;}

.newindex{ padding-bottom:70px;}
.newfix{ position:relative;}
.newbanner{ width:50%; float:left; position:relative;}
.bannernew li{ float:left; position:relative; overflow:hidden;}
.bannernew li figure{ display:block; overflow:hidden; position:relative;}
.bannernew li figure img{ display:block; width:100%; height:auto; line-height:1; transition:688ms;}
.bannernew li figcaption{ display:block; padding-top:76px; height:40px; background:url(../images/shwod.png) left top repeat-x; position:absolute; left:0; bottom:0; width:100%;}
.bannernew li figcaption span{ display:block; line-height:1; float:left; margin-left:36px; color:#fff; font-size:18px; font-weight:bold;}
.bannernew li figcaption time{ display:block; float:right; margin-right:42px; line-height:1; margin-top:3px; font-size:14px; font-weight:bold; color:#fff;}
.bannernew li:hover figure img{ transform:scale(1.04); -webkit-transform:scale(1.04); -moz-transform:scale(1.04);}
.newbanner .flex-control-nav{ position:absolute; right:42px; top:24px; text-align:center; height:20px; z-index:20;}
.newbanner .flex-control-nav li{ display:inline-block; position:relative; margin-right:8px; width:5px; height:20px;}
.newbanner .flex-control-nav li:last-child{ margin-right:0;}
.newbanner .flex-control-nav li span{ display:block; text-indent:999px; overflow:hidden; width:5px; height:7px; position:absolute; background:#5a3e2b; transition:320ms; left:0; top:6px;}
.newbanner .flex-control-nav li a.flex-active span{ height:20px; top:0;}
.gotop{display: none;}

section{color:#000;font-family: '思源黑体';}
/* about */
section.about{width: 100%;height:auto;padding:9.4vh 0;}
.about_title{font-size: 30px;font-weight: 800;color:#000;position: relative;height: 130px;}
.about_title span{font-size: 18px;}
.about_title img{position:absolute;clip:rect(0px,40px,40px,0px);}
.about_title img:hover{clip: rect(40px,40px,80px,0px);top: 15px;}
.about_course{padding:20px 0; height:auto;}
.about_course_content{width: 1200px;margin:0 auto;overflow:hidden;}
.about_course_content_detail{width:calc(100% / 3);padding:20px 0 20px 0;text-align: center;float: left;}
.about_course_content_detail p:nth-child(1){font-size: 40px;font-weight: 700;}
.about_course_content_detail p:nth-child(2){font-size: 20px;}
.about_course_content_video{width: 100%;height:auto;position: relative;}
.about_course_content_video  video{width: 100%;height:auto;}
.about_course_content_video .video_text{position:absolute ;top: 40px;right:60px; width: 318px;height: 318px;background-color: #fff;}
.about_course_content_video .video_text .video_button{padding:10px 15px;border:1px solid #c39e0d;color:#c39e0d;background-color: #ccc0;cursor:pointer;position: absolute;    bottom: 62px;left: 103px;    display: inline-block;    overflow: hidden;}
.about_course_content_video .video_text .video_button .more_btn_span {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #c39e0d;transform: translateX(-100%);transition: .6s;}
.more_btn_text {position: relative;z-index: 999;}
.about_course_content_video .video_text .video_button:hover{color: #fff;}
.about_course_content_video .video_text .video_button:hover .more_btn_span {transform: translateX(0);}


/* commercial_facilities */
section.commercial_facilities{padding:10px 0 50px 0;}
.commercial_tilte{width: 100%; height:auto;text-align: center;}
.commercial_tilte p.ch{font-size:32px;}
.commercial_tilte p.en{font-size:20px;}
.commercial_facilities .pic{height:auto;width: 100%;overflow: hidden;margin:0.2vh 0 ;height: 81.8vh;background: url(../img/bg_sy.jpg)no-repeat;position: relative;}
/* .commercial_facilities .pic{height:auto;width: 100%;overflow: hidden;padding:8.2vh 0 ;background: url(../img/bg_sy.jpg)no-repeat;} */
.commercial_facilities .pic .pic_detail{width: calc(100% / 6);height: 100%;float: left;position: relative;cursor: pointer;}
.commercial_facilities .pic .pic_detail .item{    position: absolute;width: 100%;top: 65%;z-index: 11;}
.commercial_facilities .pic .pic_detail  .chumb {opacity: 0;}
.commercial_facilities .pic .pic_detail .item h4 {display: block;font-size: 21px;color: #fff;padding: 0 0 0 10px;line-height: 46px;}
.commercial_facilities .pic .pic_detail .item span {display: block;font-size: 18px;color: #fff;padding: 0 0 0 10px;line-height: 22px;height: 25px;}
.commercial_facilities .pic .pic_detail .item  em {display: block;background: #fff;height: 1px;width: 85%;margin: 15px 10px;}
.commercial_facilities .pic .pic_detail .item a {font-size: 18px;color: #fff;padding: 0 10px;display: none;}
.commercial_facilities .pic .pic_detail:hover .item a {display: block;}


.commercial_facilities .warps{padding-bottom: 20px;}
/* new */
section.news{height: 100vh;width:100%;}
.i-wrap4 .box{
/* 	width: 100vw; */
	height: 100vh;
	padding: 0 3% 0 15.6%;
}
.i-wrap4 .left{
	width: 29.7%;
	float: left;
	position: relative;
	top: 45%;
	margin-top: -190px;
}
.i-wrap4 .left h1{
	font-size: 48px;
	color: #333333;
	line-height: 62px;
}
.i-wrap4 .left h2{
	font-size: 22px;
	color: #333333;
	line-height: 25px;
	margin:4% 0 4%;
}
.i-wrap4 .left p{
	font-size: 12px;
	color: #666;
	line-height: 35px;
}
.i-wrap4 .left .btns{
	width: 37px;
	margin-top: 9px;
	margin-left: 8px;
	text-align: center;
	color: #dfdfdf;
}
.i-wrap4 .btns a{
	width: 11px;
	height: 20px;
	display: inline-block;
	position: relative;
    top: 3px;
    transition:background 0.3s;
}
.i-wrap4 .btns i{
	width: 1px;
	background: #dfdfdf;
	display: inline-block;
	height: 26px;
}
.i-wrap4 .btns a.prev{
	background: url(../images/wel08.png) no-repeat center;
	float: left;
}
.i-wrap4 .btns a.next{
	background: url(../images/wel09.png) no-repeat center;
	float: right;
}
.i-wrap4 .btns a.prev:hover{
	background: url(../images/wel08_h.png) no-repeat center;
}
.i-wrap4 .btns a.next:hover{
	background: url(../images/wel09_h.png) no-repeat center;
}
.i-wrap4 .more{
	width: 34.5%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	background: #aeaeae;
	display: block;
	margin-top: 13%;
	position: relative;
	overflow: hidden;
}


 .more_btn_span {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #c39e0d;transform: translateX(-100%);transition: .6s;}
.more_btn_text {position: relative;z-index: 999;}
.i-wrap4 .more:hover{color: #000;}
.i-wrap4 .more:hover .more_btn_span {transform: translateX(0);}

.i-wrap4 .right{
	float: right;
	width: 63%;
	overflow: hidden;
	    height: 100%;
}
.i-wrap4 .right ul{
	width: 1000%;
	float: left;
	    height: 100%;
}
.i-wrap4 .right li{
	float: left;
	border-left: 1px solid #eaeaea;
	height: 100%;
	box-sizing: border-box;
	position: relative;
	/* left: 50px;
	opacity: 1; */
}
.i-wrap4 .right a{
	display: block;
	width: 92%;
	padding: 38.7% 4% 0;
}
.i-wrap4 .right img{
	width: 100%;
}
.i-wrap4 .right .day{
	font-size: 80px;
	color: #666;
	line-height: 60px;
	opacity: 0.2;
	padding-bottom: 54%;
}
.i-wrap4 .right .data{
	font-size: 14px;
	color: #333333;
	line-height: 33px;
	margin-bottom: 7px;
}
.i-wrap4 .right h2{
	font-size: 16px;
	color: #333;
	line-height: 25px;
	height: 50px;
	overflow: hidden;
	margin-bottom: 6%;
	transition:color 0.3s;
}
.i-wrap4 .right .latest{
	font-size: 12px;
	color: #999999;
	line-height: 19px;
	margin-bottom: 4%;
}
.i-wrap4 .right .pic{
	margin-bottom: 7%;
}
.i-wrap4 .right img{
	transition:all 0.3s;
}
.i-wrap4 .right .font{
	font-size: 13px;
	color: #888888;
	line-height: 20px;
	height: 80px;
	overflow: hidden;
}
.i-wrap4 .right .more{
	width: 52px;
	height: 11px;
	background: url(../images/wel10.png) no-repeat center;
	margin-top: 19%;
	position: relative;
	left: 0;
	transition:left 0.3s;
}
.i-wrap4 .right .pic{
	overflow: hidden;
}
.i-wrap4 .right li.on .bg{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	/* background: url(../images/wel11.png) no-repeat right center; */
	background-size: 100% 100%;
	height: 100%;
}
.i-wrap4 .right li:hover h2 {
    color: #c39e0d;
}
.i-wrap4 .right li:hover img {
    transform: scale(1.1);
}
.i-wrap4 .right li:hover .more {
    left: 50px;
}


/* foot */
.index_foot{width: 100%;background-color:#aeaeae;padding:60px 0;font-family: "思源黑体";}
footer .foot_navigation{overflow: hidden;padding:20px 0;}
footer .foot_navigation  ul{list-style: none;}
footer .foot_navigation  ul li{padding:0 20px;width: calc((100% / 6) - 41px); float: left;text-align: center;color: #000000;border-right: 1px solid #000;cursor: pointer;font-size: 13px;}
footer .foot_navigation  ul li:nth-child(8){border:none;}
footer .foot_navigation  ul li:hover{text-decoration: underline;}
footer .foot_website{padding:0;text-align: center;color:#000;font-family: "思源黑体";font-size: 15px;}
footer .foot_website p:nth-child(1) span{opacity: 0;}
.add{margin-left: 20px;}
.technical_support{margin-left: 20px;}
footer .foot_website p:nth-child(1) .technical_support_a{opacity: 0;}
footer a{color:#000;}
footer p:nth-child(2) a:hover{text-decoration: underline;}
@keyframes fadedown1 {
    from { transform: translateY(100%); opacity: 0; }

    to { transform: translateY(0); opacity: 1; }
}



@-webkit-keyframes ReturnToNormal {
0%{
	-webkit-transform: scale(0.1,1);
	-ms-transform: scale(0.1,1);
	transform: translate: scale(0.1,1);
	}


  100% {
	-webkit-transform: scaleX(1,1);
	-ms-transform: scale(1,1);
	transform: translate: scaleX(1,1);
  }

  
}

@keyframes ReturnToNormal {ae
0%{
	-webkit-transform: scale(0.1,1);
	-ms-transform: scale(0.1,1);
	transform: translate: scale(0.1,1);
	}


  100% {
	-webkit-transform: scaleX(1,1);
	-ms-transform: scale(1,1);
	transform: translate: scaleX(1,1);
  }
}
;}


@keyframes beat {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }

    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}

@-webkit-keyframes beat {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }

    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}



@-webkit-keyframes flipInX
{
  0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
  40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}
  70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}
  100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}
}
 @keyframes flipInX
 {
  0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
  40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}
  70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}
  100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}
}


/* header */
.nav_top-wrap {position: relative;width: 1150px;margin: 0 auto;z-index: 2000;color: #000;}
.ld #header {margin: 0 auto;}
#header {padding: 30px 0 0;height: 58px;border-bottom: 4px solid #a0820c;margin: 0 50px;position: relative;z-index: 1000;background: url(../images/2.png) no-repeat center bottom;}
.ld #header>div.cf {width: 100%;margin: 0 auto;}
#header>div.cf {position: relative;}
#header h1 {float: left;width: 170px;}
#header h1 img {display: block;}
#header .nav {float: left;padding-left: 40px;}
ol, ul, li {list-style: none outside none;}
#header .nav>ul>li {float: left;padding: 0 25px;}
#header .nav>ul>li>a {font-size: 16px;line-height: 45px;display: block;padding: 0 5px 14px;position: relative;color: #000;}
#header .nav li.on>a i {width: 100%;}
#header .nav>ul>li>a i {display: block;width: 0;height: 8px;background: #a0820c;bottom: 0;position: absolute;left: 0;}
i, em, b, strong {font-style: normal;font-weight: normal;}
.cf:after {content: "";clear: both;display: block;}

.nav_top {
    position: fixed;
    left: 50%;
    top: 0;
    width: 1150px;
    margin-left: -575px;
}


.nav_top{display: none;}
.nav_top .block{ position: relative; }
.nav_top .block .r_b{ position: absolute; width:30px; height:17px; background:url(../image/img/h.png) no-repeat center; right:10px; top:15px; }
.nav_top li{background:url(../images/nav_bg.png) center center;text-align:center;float:left;width:11.11%;transform:scaleY(0);-webkit-transform:scaleY(0);transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;transform-origin:center top;-webkit-transform-origin:center top;}
.nav_top li{transform:scaleY(1);-webkit-transform:scaleY(1);}
.nav_top li:nth-child(1){background:url(../images/nav_bg.png) bottom center;    background-size: cover;}
.nav_top li:nth-child(3){background:url(../images/nav_bg1.png) bottom center;    background-size: cover;}
.nav_top li:nth-child(5){background:url(../images/nav_bg2.png) bottom center;    background-size: cover;}
.nav_top li:nth-child(7){background:url(../images/nav_bg3.png) bottom center;    background-size: cover;}
.nav_top li:nth-child(9){background:url(../images/nav_bg4.png) bottom center;    background-size: cover;}
.nav_top li a{display:block;height:100%;background:#aeaeae;color:#fff; position: relative; font-size:16px; }
.nav_top li a:after{content:"";vertical-align:middle;display:inline-block;height:100%;}
.nav_top li:nth-child(1){height:46px; }
.nav_top li:nth-child(2){height:55px; }
.nav_top li:nth-child(3){height:46px; }
.nav_top li:nth-child(4){height:66px; }
.nav_top li:nth-child(5){height:54px; }
.nav_top li:nth-child(6){height:48px; }
.nav_top li:nth-child(7){height:68px; }
.nav_top li:nth-child(8){height:55px; }
.nav_top li:nth-child(9){height:46px; }
.nav_top li:nth-child(1){ transition-delay:0.05s;-webkit-transition-delay:0.05s; } 
.nav_top li:nth-child(2){ transition-delay:0.1s;-webkit-transition-delay:0.1s; } 
.nav_top li:nth-child(3){ transition-delay:0.15s;-webkit-transition-delay:0.15s; } 
.nav_top li:nth-child(4){ transition-delay:0.2s;-webkit-transition-delay:0.2s; } 
.nav_top li:nth-child(5){ transition-delay:0.25s;-webkit-transition-delay:0.25s; } 
.nav_top li:nth-child(6){ transition-delay:0.3s;-webkit-transition-delay:0.3s; } 
.nav_top li:nth-child(7){ transition-delay:0.35s;-webkit-transition-delay:0.35s; } 
.nav_top li:nth-child(8){ transition-delay:0.4s;-webkit-transition-delay:0.4s; } 
.nav_top li:nth-child(9){ transition-delay:0.45s;-webkit-transition-delay:0.45s; } 
.second_nav {text-align: center;line-height: 62px;}
.second_nav {position: absolute;top: 58px;left: 0;width: 100%;border-top: 4px solid #a0820c;background: #fff;height: 62px;display: none;overflow: hidden;box-shadow: 0px 3px 5px rgba(0,0,0,0.1);}
.second_nav a {padding: 0 25px;display: inline-block;color: #000;line-height: 62px;font-size: 12px;}
#header .search_header {float: right;padding-top: 16px;padding-right: 3px;}
#header .search_header .ewm_new {float: left;width: 20px;height: 18px;background: url(../images/ewm.png) no-repeat center;margin-right: 15px;}
#header .search_header .sea{ float:left; margin-right:15px; position: relative; }
#header .search_header .sea a{ display:block; width:20px; height:18px; background:url(../images/btn.png) no-repeat center; }
#header .search_header .email{ float:left; width:20px; height:18px; background:url(../images/email.png) no-repeat center; margin-right:15px;}
#header .search_header .en{ float:left; width:20px; font-size:18px; line-height:18px; font-family: 'FuturaLTMedium'; }
#header .search_header .lod{  float:left; width:20px; height:18px; background:url(../images/lod.png) no-repeat center; margin-right:15px; }
#header .search_header .en {float: left;width: 20px;font-size: 18px;line-height: 18px;font-family: 'FuturaLTMedium';color: #000;}

#header .nav>ul>li>a:hover i,#header .nav li.on>a i{ width:100%; }
#header li:hover .second_nav {display: block;}
#header li .second_nav a:hover{text-decoration: underline;}
header.one{position: absolute;top:0;left:0;width: 100%;z-index: 999;}
.nav_top li:hover a i {height: 80px;}
.nav_top li a i {position: absolute;top: 0;width: 100%;left: 0;height: 20px;background: #AEAEAE;transition: all 0.3s ease-out 0s;-webkit-transition: all 0.3s ease-out 0s;z-index: -1;}

@media screen and (max-width:1600px){
	.nav_top-wrap {width: 1150px;}
	#header .nav {padding-left: 0px;}
		
		#header .nav>ul>li {padding: 0 40px;}
		.nav_top {
    width: 1150px;
    margin-left: -790px;
}
#header {margin: 0;}
.nav_top {    margin-left: -575px;}
}
@media screen and (min-width: 1659px){
	 #header, .ld #header {width: 1580px;}
	 #header .nav {padding-left: 80px;}
	 #header .nav>ul>li {padding: 0 55px;}
	 .block {margin: 0;}
	.nav_top-wrap {
		width: 1580px;
	}
	.nav_top {
		width: 1580px;
		margin-left: -790px;
	}
	}
	}