﻿/* canvas-box */
.web-content{visibility:hidden}
#canvas-box{width:100%;height:100%;position:fixed;top:0px;left:0px;overflow:hidden;z-index:100000;}
#canvas-box .doc-layer{width:100%;height:50%;position:absolute;left:0px;z-index:1;overflow:hidden;}
#canvas-box .d-up{top:0px;background-size:cover !important;}
#canvas-box .d-up.ani{animation:moveUP 1s ease both;-webkit-animation:moveUP 1s ease both;-moz-animation:moveUP 1s ease both;}
#canvas-box .d-down{bottom:0px;background-size:cover !important;}
#canvas-box .d-down.ani{animation:moveDM 1s ease both;-webkit-animation:moveDM 1s ease both;-moz-animation:moveDM 1s ease both;}
#canvas-box .doc-layer img{display:block;position:absolute;left:0px;width:100%}
#canvas-box .d-up img{top:0px;}
#canvas-box .d-down img{bottom:0px;}
#canvas-box .webLogo{width:100%;height:78px;position:absolute;left:0px;z-index:100;display:none}
#canvas-box .wrap{height:100%;position:relative}
#canvas-box .logo{height:78px;height:100%;line-height:78px;vertical-align:middle} 
#canvas-box .logo img{vertical-align:middle;}
#canvas-box .canvas-layer{width:100%;height:100%;position:absolute;left:0px;z-index:100;overflow:hidden;}
#canvas-box .canvas-layer canvas{width:100%;} 
#canvas-box .wall,#animation_container,#dom_overlay_container,#canvas{width:100% !important;}
#canvas-box .wall,#animation_container,#dom_overlay_container{height:100% !important;}
#canvas{height:auto !important;display:block;position:absolute;top:50%;left:0px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);} 
#dom_overlay_container{pointer-events:none;overflow:hidden;position:absolute;left:0px;top:0px;}
#canvas-box.hide{visibility:hidden}

#laoding{width:100%;height:100%;position:fixed;top:0px;left:0px;overflow:hidden;z-index:100000;display:none}
#laoding .wall{width:100%;height:100%;}
#laoding .ld-logo{width:100%;height:43px;position:absolute;top:50%;left:0px;margin-top:-63px;}
#laoding .ld-logo p{display:block;width:0%;height:43px;position:absolute;top:0%;left:0%;overflow:hidden;animation:widthBox 2s linear both;}
#laoding .ld-logo img{display:block;width:376px;height:43px;position:absolute;top:0%;left:50%;margin-left:-188px;max-width:1000%;}
/* Header */
#Header{width:100%;height:78px;position:fixed;top:0px;left:0px;z-index:9000;transition:all .15s;-webkit-transition:all .15s;-moz-transition:all .15s;opacity:1;}
#Header .wrap{height:100%;position:relative}
#Header .logo{float:left;height:78px;}
#Header .logo a{display:block;width:auto;height:100%;line-height:78px;vertical-align:middle}
#Header .logo img{vertical-align:middle;} 
#Header .menu{height:78px;float:right;position:relative;margin-right:120px;}
#Header .menu ul{width:100%;height:100%;position:relative;z-index:90;}
#Header .menu li{display:block;height:100%;float:left;padding:0px 25px;position:relative;}
#Header .menu a.m{display:block;font-size:16px;line-height:78px;}
#Header .menu li.nomorl a.m{color:#333}
#Header .menu li:hover a.m,#Header .menu .current a,#Header .menu li.nomorl:hover a.m{color:#FFF}
#Header .curline{height:78px;min-width:35px;background:#be2626;position:absolute;left:40px;bottom:0px;}
#Header .menu .subnav{width:100%;padding:10px 0px;position:absolute;top:98px;left:0px;background:rgba(0,0,0,0.5);background:url(../images/black.png) repeat\9;opacity:0;filter:alpha(opacity = 0);visibility:hidden}
#Header .menu .subnav p{display:block;padding:2px 15px;}
#Header .menu .subnav p.first{display:none}
#Header .menu .subnav a{display:block;color:#fff;text-align:center;line-height:30px;font-size:16px;}
#Header .menu .subnav a:hover{color:#be2626}
#Header .menu li.active .subnav,#Header .menu li:hover .subnav{top:78px;opacity:1;filter:alpha(opacity = 100);visibility:visible}
#Header .lang{height:100%;width:auto;position:absolute;right:0%;top:0%;}
#Header .lang dl{height:100%}
#Header .lang dd{display:block;float:left;height:100%;position:relative;line-height:78px;margin-right:10px}
#Header .lang dd a{display:block;float:left;margin:0px 5px;}
#Header .lang dd i{display:block;width:1px;height:14px;position:absolute;top:50%;left:46%;margin-top:-7px;background:#666}
#Header .lang dt{display:block;float:right;height:100%;background:url(../images/finded.png) no-repeat center;width:16px;cursor:pointer}
#Header .lang dt p{display:block;width:200px;height:30px;background:#e8e8e8;position:absolute;right:-15px;top:99%;border:1px solid #dcdcdc;visibility:hidden}
#Header .lang dt input{padding:0px 7px;width:186px;height:100%;border:none;}
#Header .lang .hver p{visibility:visible}
#Header .mob-serch{width:40px;height:50px;position:absolute;right:45px;top:0px;background:url(../images/icon-btn-find.png) no-repeat center;background-size:auto 16px;display:none}
#Header .mob-serchbox{width:100%;height:50px;position:absolute;top:0px;left:0px;background:#FFF;z-index:310;display:none}
#Header .btn-find{width:40px;height:50px;border:none;position:absolute;top:0px;left:0%;background:url(../images/finded.png) no-repeat center;}
#Header .mob-serchbox p{display:block;height:30px;margin:10px 60px 0px 41px;}
#Header .mob-serchbox .ui-text{width:100%;height:30px;border:1px solid #dcdcdc;padding:0px 7px;font-size:14px;}
#Header #srchClose{width:60px;height:100%;line-height:50px;position:absolute;top:0px;right:0px;text-align:center}
#Header:hover,#Header.isWall{background:#fff;box-shadow:0px 0px 5px rgba(0,0,0,0.35);opacity:1;} 
#Header:hover .menu .current a.he_aBl {color:#e60012}
/* mobile menu */
#Header .mobile-menu-btn{width:50px;height:100%;position:absolute;right:0px;top:0%;display:none;z-index:210;}
#Header .mobile-menu-btn i, #Header .mobile-menu-btn b, #Header .mobile-menu-btn p{display:block;width:24px;height:2px;position:absolute;top:50%;left:50%;margin-left:-12px;background:#666;transition:all .35s;-webkit-transition:all .35s;-moz-transition:all .35s;-ms-transition:all .35s;-o-transition:all .35s;}
#Header .mobile-menu-btn b{margin-top:-8px;}
#Header .mobile-menu-btn i{margin-top:-1px;width:20px;}
#Header .mobile-menu-btn p{margin-top:6px;}
#Header #mobileMenuBtn.close i{display:none;}
#Header #mobileMenuBtn.close b{margin-top:-1px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);}
#Header #mobileMenuBtn.close p{margin-top:-1px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);}
#mobileMenu{overflow:hidden;width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:100;visibility:hidden;}
#mobileMenu .menu-close{width:100%;height:100%;background:rgba(0,0,0,0.75);display:none;}
#mobileMenu .menu-container{width:280px;height:100%;position:absolute;top:0%;right:-280px;background:#252424;overflow:hidden;overflow-y:auto;}
#mobileMenu .menu-nav{width:100%;padding:51px 0px 20px;}
#mobileMenu .menu-nav ul{width:100%;}
#mobileMenu .menu-nav li{display:block;width:100%;}
#mobileMenu .menu-nav li a{display:block;padding:0px 15px;color:#FFF;}
#mobileMenu .menu-nav li i{display:block;width:11px;height:100%;position:absolute;top:0px;right:15px;background:url(../images/eqw.png) no-repeat center;}
#mobileMenu .menu-nav a.m{border-bottom:1px solid #666;height:50px;line-height:50px;position:relative;font-size:16px;}
#mobileMenu .menu-nav a.on i{background:url(../images/ary-top.png) no-repeat center;}
#mobileMenu .menu-nav a.link i{background:url(../images/ary-rig.png) no-repeat center;}
#mobileMenu .subnav{width:100%;height:auto;margin-bottom:0px;background:#303030;display:none;float:none;padding-top:0px;margin-right:0px;}
#mobileMenu .subnav p{display:block;padding:0px 15px;border-bottom:1px solid #666;height:45px;line-height:45px;}
#mobileMenu .subnav a{font-size:15px;padding-left:20px;}
#mobileMenu.mobile-show{visibility:visible;}
#mobileMenu.mobile-show .menu-close{display:block;}
#mobileMenu.mobile-show .menu-container{right:0px;}
/* Footer */
#Footer{position:relative;background:#3d3d3f;padding:15px 0px;color:#FFF;z-index:15;}
#Footer .log-left{float:left;line-height:27px;opacity:0.8;font-size:14px;}
#Footer .log-left i{margin:0px 15px;}
#Footer .log-left a{color:#FFF}
#Footer .log-left a:hover{color:#FFF}
#Footer .log-right{float:right;height:27px;font-size:14px;}
#Footer .log-right a{display:block;width:27px;height:27px;margin-left:15px;float:left;position:relative}
#Footer .log-right p{display:block;width:120px;height:120px;position:absolute;left:-56px;bottom:52px;padding:10px;background:#282828;visibility:hidden;opacity:0;transition:all 0.35s;}
#Footer .log-right a.wx{background:url(../images/wx.png) no-repeat center;}
#Footer .log-right a.wx:hover{background:url(../images/wx-on.png) no-repeat center;}
#Footer .log-right a.sl{background:url(../images/sl.png) no-repeat center;}
#Footer .log-right a.sl:hover{background:url(../images/sl-on.png) no-repeat center;}
#Footer .log-right a:hover p{bottom:42px;opacity:1;visibility:visible}
#Footer .link-box{width:160px;float:left;height:27px;background:#3d3d3f;color:#FFF;box-sizing:border-box;position:relative}
#Footer .link-open{height:21px;line-height:21px;padding:2px 10px;border:1px solid #666;background:url(../images/hon-up.png) no-repeat 136px 50%;cursor:pointer}
#Footer .ui-select{width:100%;line-height:30px;color:#000;position:absolute;left:0px;bottom:37px;background:#3d3d3f;color:#FFF;visibility:hidden;opacity:0;transition:all 0.5s}
#Footer .ui-select li{display:block;padding:5px 10px;height:27px;line-height:27px;border-bottom:1px solid #666}
#Footer .ui-select a{display:block;width:100%;float:none;margin-left:0px;color:#fff}
#Footer .ui-select a:hover{color:#e60012}
#Footer .link-box:hover .ui-select{bottom:27px;visibility:visible;opacity:1;}
/* banner */
#banner{width:100%;position:relative;overflow:hidden;}
#banner .inner{width:100%;height:100%;position:absolute;top:0%;left:0%;z-index:1}
#banner .wrap{height:100%;position:relative;}
#banner .ban-txt{width:58%;position:absolute;left:0px;top:25%;}
#banpagina{width:100%;text-align:center;position:absolute;left:0px;bottom:5px;z-index:11;padding:0px 0px;}
#banpagina span{margin:0 5px;background:#e60012;opacity:0.5}
#banpagina span.swiper-pagination-bullet-active{opacity:1}
#banner .formats{width:100%;height:130px;position:absolute;bottom:-100px;left:0px;z-index:20;}
#banner .tip-show{width:40px;height:80px;position:absolute;bottom:129px;left:50%;margin-left:-20px;z-index:20;background:url(../images/tip.png) no-repeat center top}
#banner .layer{width:100%;height:130px;position:absolute;bottom:0px;left:0px;overflow:hidden;background:url(../images/forBG.png) #eee;}
#banner .formats ul{width:100%;height:100%}
#banner .formats li{display:block;float:left;height:100%;width:50%}
#banner .formats li a{display:block;height:100%;width:100%;position:relative}
#banner .formats .for-grid{height:76px;width:388px;margin:27px 116px;position:relative}
#banner .formats .line-box{width:100%;height:2px;position:absolute;bottom:0px;overflow:hidden;visibility:hidden;opacity:0}
#banner .formats li.even .for-grid{float:right;}
#banner .formats li.even .line-box{right:0px;background:url(../images/rd-line.png) no-repeat right top}
#banner .formats li.odde .for-grid{float:left;}
#banner .formats li.odde .line-box{left:0px;background:url(../images/rd-line-rt.png) no-repeat left top;}
#banner .formats .for-infor{height:75px;width:275px;position:relative;margin:13px 0px auto;}
#banner .formats .for-infor h1{display:block;font-weight:normal;font-size:21px;color:#333;position:relative}
#banner .formats .for-infor em{display:block;height:0px;width:0%;background:#666;position:absolute;right:0px;top:50%;}
#banner .formats .for-infor p{display:block;font-size:18px;color:#666;text-transform:capitalize}
#banner .formats .for-img{width:68px;height:76px;line-height:76px;position:absolute;left:322px;top:0px;}
#banner .formats .imgA{background:url(../images/icon1.png) no-repeat center}
#banner .formats .imgB{background:url(../images/icon2.png) no-repeat center}
#banner .formats i{display:block;width:2px;height:50%;position:absolute;top:25%;left:50%;margin-left:-1px;background:#ddd}
#banner .swiper-wrapper,#banner .swiper-slide{width:100%;height:100%;}
#banner .swiper-slide a{display:block;width:100%;height:100%;background-position:left top !important;background-size:cover !important}
#banner .swiper-button-next,#banner .swiper-button-prev{opacity:0.5;margin-top:-32px;}
#banner .swiper-button-next:hover,#banner .swiper-button-prev:hover{opacity:1} 
@media screen and (min-width:981px) {
#banner .formats li a:hover .for-infor{margin-left:100px;color:#be2626}
#banner .formats li a:hover{background:url(../images/forBG2.png) #ffffff;}
#banner .formats li a:hover .line-box{width:100%;visibility:visible;opacity:1} 
#banner .formats li a:hover .for-infor h1 ,#banner .formats li a:hover .for-infor p{color:#e60012;} 
#banner .formats li a:hover .for-infor em{height:50px;width:1px;background:#e60012;right:106%;margin-top:-13px;}
#banner .formats li a:hover .for-img{left:0px;}
#banner .formats li a:hover .imgA{background:url(../images/icon1-on.png) no-repeat center}
#banner .formats li a:hover .imgB{background:url(../images/icon2-on.png) no-repeat center}
}
#banner .innerpage{width:100%}
.home-baner{position:relative;overflow:hidden}
#html5zoo-1{width:100%;height:100%;overflow:hidden}
#html5zoo-1 .html5zoo-slider-0,#html5zoo-1 .html5zoo-box-0{height:100%!important;width:100%}
.html5zoo-swipe-box-0,.html5zoo-text-wrapper-0,.html5zoo-wrapper-0{height:100% !important;width:100%}
#html5zoo-1 .html5zoo-text-0{display:none}
#html5zoo img{display:block;width:100%;height:100%;}
.flipbook a{display:block;width:100%;height:100%}
#pageContent{width:100%;height:100%;overflow:hidden;position:fixed;top:0px;left:0px;margin:0px auto;z-index:10000;background:rgba(0,0,0,0.5)}
#imgContainer{width:100%;height:100%;text-align:center}
#imgContainer img{margin:0 auto;height:100%}
#positionButtonDiv {background: rgb(58, 56, 63);background: rgba(58, 56, 63, 0.8);border: solid 1px #100000;color: #fff;padding: 8px;text-align: left;position: absolute;right:35px;top:35px;}
#positionButtonDiv .positionButtonSpan img {float: right;border: 0;}
.positionMapClass area {cursor: pointer;}
.zoomButton {border: 0;	cursor: pointer;}
.zoomableContainer {background-image: url("images/transparent.png");}
/* pagination */
#pagination{width:100%;text-align:center;padding:10px 0px 0px;}
#pagination .swiper-pagination-bullet{margin:0px 3px;}
#lease .swiper-button-prev,#lease .swiper-button-next{z-index:10;}
#lease .swiper-button-prev{left:-45px;}
#lease .swiper-button-next{right:-45px;}
/* container */
#container{width:100%;position:relative;}
#container:after{content:"";display:block;width:100%;height:0px;clear:both;overflow:hidden;}
.hot-item-list{width:100%;position:relative;zoom:1;} 
.hot-item-list .line-layer{width:100%;height:2px;background:#eee;position:absolute;top:33%;left:0%;}
.hot-item-list .wrap{position:relative;z-index:10;zoom:1;}
.hot-item-list li{display:block;float:left;width:20%;} 
.hot-item-list li a{display:block;width:100%;position:relative;overflow:hidden;}
.hot-item-list .dec-box{padding:20px 10px;height:100px;background:#fff;text-align:center}
.hot-item-list .dec-box span{height:35px;line-height:35px;font-size:30px;color:#b7b7b7;display:block;}
.hot-item-list .dec-box p{display:block;font-size:18px;color:#666;margin-bottom:10px;}
.hot-item-list .dec-box i{display:block;width:32px;height:1px;margin:0 auto;background:#e60012}
.hot-item-list .pic-box{width:100%}
.hot-item-list .pop-infor,.hot-item-list .pop-moa{width:100%;height:100%;position:absolute;top:0px;left:0px;}
.hot-item-list .pop-infor{visibility:hidden;opacity:0;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}
.hot-item-list .pop-moa::before,.hot-item-list .pop-moa::after{content:'';display:block;position:absolute;top:1px;left:1px;z-index:10;width:278px;height:546px;border:2px solid #FFF;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;animation:clipMe 5s linear infinite;}
.hot-item-list .pop-moa::before{animation-delay:-2.5s;} 
.hot-item-list .pop-moa{background:rgba(0,0,0,0.5);background:url(../images/black.png) repeat\9;}
.hot-item-list .moda{height:90%;width:90%;position:absolute;top:0%;left:5%;color:#fff;}
.hot-item-list .num-box{width:40px;margin:0 30px;position:relative;text-align:center;font-size:30px;margin-bottom:40px}
.hot-item-list .num-box i{display:block;width:1px;height:40px;margin:0 auto;background:#fff}
.hot-item-list .item-nm{margin:0 30px 40px;text-align:center;font-size:18px}
.hot-item-list .item-desc{margin:0 20px 0px;line-height:26px;text-align:justify}
.hot-item-list li a:hover .pop-infor{visibility:visible;opacity:1;transform:none;-webkit-transform:none;-moz-transform:none;}
.news-layer{width:100%;position:relative;overflow:hidden;padding-top:10px;}
.nw-layer{width:100%;position:relative;border-top:2px solid #eee}
#newsSwiper,#videoSwiper{width:100%;overflow:visible;}
#newsSwiper .swiper-slide{width:33.33%;float:left;}
#newsSwiper .swiper-slide a{display:block;height:280px;margin-right:50px;position:relative;}
#newsSwiper .swiper-slide .txt-box{padding:65px 30px 0px;height:220px;overflow:hidden}
#newsSwiper .swiper-slide h1{display:block;height:24px;line-height:24px;font-weight:normal;font-size:18px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-bottom:10px}
#newsSwiper .swiper-slide h3{display:block;font-weight:normal;margin-bottom:45px;}
#newsSwiper .swiper-slide h3 span{font-size:20px;padding-right:5px;}
#newsSwiper .swiper-slide .text{line-height:27px;font-size:16px;color:#888;min-height:82px;}
#newsSwiper .swiper-slide .sxl{width:1px;height:80%;position:absolute;left:0px;top:0px;background:#eee;}
#newsSwiper .swiper-slide .txtImg{padding:0px 30px 0px 0px;height:auto;position:relative;background:#fff;display:none}
#newsSwiper .swiper-slide .txtImg p{display:block;margin-bottom:10px;}
#newsSwiper .swiper-slide .txtImg h1{background:url(../images/rd-ary.png) no-repeat center right;padding-right:45px}
#newsSwiper .swiper-slide .txtImg h1 span{display:block;font-size:16px;color:#e60012;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
#newsSwiper .swiper-slide .txtImg .sxl{background:#e60012;width:2px;}
#newsSwiper .swiper-slide .txtImg .sxl:before{content:"";display:block;width:10px;height:10px;border:1px solid #e60012;border-radius:50%;position:absolute;top:-11px;left:-5px;background:#fff}
.nw-arrow-left,.nw-arrow-right{width:14%;height:100%;position:absolute;top:0%;cursor:pointer;z-index:50;zoom:1;}
.nw-arrow-left{left:0%;}
.nw-arrow-right{right:0%;}
.video-wrap{width:66%;margin:0px auto;position:relative;}
#videoSwiper .video-item{margin:0px 14px;position:relative;}
#videoSwiper .poster{width:100%;position:relative;color:#FFF;overflow:hidden}
#videoSwiper .poster p{display:block;width:100%;height:auto;padding:10px 0px;position:absolute;bottom:-100%;left:0px;background:url(../images/black.png);}
#videoSwiper .poster span{display:block;padding:0px 10px;text-align:center;font-size:18px}
#videoSwiper .vid-intro{display:block;width:100%;height:auto;padding:10px 0px;position:absolute;bottom:-100%;left:0px;background:url(../images/forBG2.png);}
#videoSwiper .vid-intro span{color:#666;text-align:left;}
#videoSwiper .vd-btn{width:36px;height:36px;position:absolute;top:50%;right:20px;margin-top:-18px;cursor:pointer;background:url(../images/playBck.png) no-repeat;}
#videoSwiper .swiper-slide-active .poster p,#videoSwiper .swiper-slide-active .vid-intro{bottom:0%;}
#videoSwiper .video-play-btn{width:76px;height:76px;position:absolute;top:50%;left:50%;margin-top:-38px;margin-left:-38px;cursor:pointer;background:url(../images/play.png) no-repeat center}
.vid-arrow-left,.vid-arrow-right{width:16.25%;height:100%;position:absolute;top:0%;cursor:pointer;z-index:50;zoom:1;background:url(../images/black.png)}
.vid-arrow-left{left:0%;}
.vid-arrow-right{right:0%;}
.vid-arrow-left p,.vid-arrow-right p{display:block;width:40%;height:22px;line-height:22px;position:absolute;left:30%;top:50%;margin-top:-11px;font-size:20px;color:#fff;text-transform:uppercase}
.vid-arrow-left p i,.vid-arrow-right p i{display:block;width:50%;height:1px;position:absolute;top:11px;background:#fff;}
.vid-arrow-left p i{left:0px;}
.vid-arrow-left p span{display:block;margin-left:60%;}
.vid-arrow-right p i{right:0px;}
.vid-arrow-right p span{display:block;margin-right:60%;}
.over-layer .curr-action-page{width:16.25%;position:absolute;top:0%;right:0px;cursor:pointer;z-index:50;color:#FFF}
.over-layer .curr-action-page p{display:block;padding:30px 50px;font-size:18px;}
.over-layer .curr-action-page em{font-style:normal;font-size:30px;}
/* about */
.inner-head{width:53%;}
.inner-menu{width:47%;position:absolute;right:0%;bottom:50%;margin-bottom:-196px;}
.inner-infor{width:100%;margin-bottom:60px;background:url(../images/txt-wall.png) repeat-y left;background-size:100% auto;}
.infor-box{padding:30px 0px 30px 40px;}
.infor-box .page-title{width:100%;padding-bottom:15px;margin-bottom:20px;background:url(../images/rd-line-rt.png) no-repeat right bottom;background-size:100% auto;}
.infor-box .page-title h1{font-size:25px;color:#666;font-weight:normal;display:block;letter-spacing:2px;}
.infor-box .page-title h3{font-size:23px;color:#b4b4b4;font-weight:normal;display:block;font-weight:100;}
.infor-box .inner-text{width:100%;text-align:justify;font-size:16px;color:#666;line-height:30px;}
.inner-menu .menu-link{margin-left:40px}
.inner-menu .menu-link ul{margin:0px -7px;}
.inner-menu .menu-link li{display:block;width:20%;float:left;}
.inner-menu .menu-link a{display:block;margin:0px 7px;padding:10px 5px;text-align:center;border-radius:7px;color:#FFF;font-size:18px;}
.inner-menu .menu-link li.purple a,.mobile-navger li.purple a{background:#816dbb;}
.inner-menu .menu-link li.red a,.mobile-navger li.red a{background:#d95d5d;}
.inner-menu .menu-link li.yellow a,.mobile-navger li.yellow a{background:#f2b940;}
.inner-menu .menu-link li.blue a,.mobile-navger li.blue a{background:#3684cc;}
.inner-menu .menu-link li.green a,.mobile-navger li.green a{background:#a0cc9d;}
.inner-menu .menu-link li.purple:hover a{background:#fff;color:#816dbb;box-shadow:0px 2px 5px #eee;}
.inner-menu .menu-link li.red:hover a{background:#fff;color:#d95d5d;box-shadow:0px 2px 5px #eee;}
.inner-menu .menu-link li.yellow:hover a{background:#fff;color:#f2b940;box-shadow:0px 2px 5px #eee;}
.inner-menu .menu-link li.blue:hover a{background:#fff;color:#3684cc;box-shadow:0px 2px 5px #eee;}
.inner-menu .menu-link li.green:hover a{background:#fff;color:#a0cc9d;box-shadow:0px 2px 5px #eee;}
.mobile-navger .menu-link{margin:0px 0px 0px;height:40px;width:100%;overflow:hidden}
.mobile-navger ul,.mobile-navger li{height:100%}
.mobile-navger ul{margin:0px -1px;}
.mobile-navger li{display:block;float:left;}
.mobile-navger ul.row5 li{width:20%}
.mobile-navger ul.row4 li{width:25%}
.mobile-navger ul.row3 li{width:33.33%}
.mobile-navger ul.row2 li{width:50%}
.mobile-navger a{display:block;height:100%;line-height:40px;margin:0px 1px;text-align:center;color:#FFF;font-size:1.4rem;}
.chair-head{float:left;width:40.14%}
.chair-head:hover{box-shadow:0px 0px 10px #666}
.chair-infor{float:right;width:53%;}
.chair-infor .chair-name{margin-bottom:30px;}
.chair-infor .chair-name h1{display:block;font-weight:normal;font-size:30px;}
.chair-infor .chair-name p{display:block;font-size:21px;}
.chair-infor .chair-text{margin-bottom:40px;padding-bottom:40px;font-size:16px;color:#666;line-height:30px;background:url(../images/rd-line-rt.png) no-repeat right bottom;background-size:100% auto}
.chair-infor .chair-profile{font-size:16px;color:#666;line-height:28px;}
.speech-infor{float:left;width:55%;color:#666;line-height:28px;text-align:justify}
.speech-infor p,.news-text p{margin-bottom:10px}
.speech-pictu{width:39%;float:right}
.speech-top{margin-bottom:30px;border-left:2px solid #e60012;padding-left:20px;}
.speech-top h1{font-size:25px;color:#666;font-weight:normal;display:block;line-height:26px;margin-bottom:10px}
.speech-top p{display:block;font-size:20px;color:#ff8400;text-transform:uppercase;line-height:23px;font-weight:700;font-family:'Times New Roman'}
.view-layer{width:100%;margin-bottom:40px}
.view-data,.view-data ul{width:100%}
.view-data ul{text-align:center;width:80%;margin:0px auto;padding:20px 0px;}
.view-data li{display:block;position:relative;width:24%;float:left;color:#666;border-right:1px solid #666;}
.view-data li.last{border-right:0px;}
.view-data .view-number{padding:20px 0px;}
.view-data .view-number span{font-size:40px;line-height:40px;padding-right:10px}
.view-data .view-number em{font-style:normal;font-size:18px;}
.view-data .view-item{font-size:20px;padding-bottom:20px;} 
.view-infor{width:45%;float:left;}
.view-img{width:49.85%;float:right;}
.first-news{padding:20px;background:#fcfaf8;margin-bottom:60px}
.first-news .fisrt-img{float:left;width:60%;}
.first-news .fisrt-img a{display:block;position:relative;overflow:hidden;color:#717171}
.first-news .fisrt-img .nw-time{position:absolute;left:50px;top:0px;background:#f9f6f3;padding:10px 15px;}
.first-news .fisrt-img .nw-time p{display:block;padding:5px 10px;border:1px solid #7c7d7d;margin-bottom:7px;}
.first-news .fisrt-img .nw-time i,.first-news .fisrt-img .nw-time em{display:block;width:100%;color:#999;font-style:normal}
.first-news .fisrt-img .nw-time span{display:block;font-size:16px;}
.first-news .fisrt-infor{width:33%;float:right;margin-right:3%;}
.first-news .fisrt-infor a{display:block;width:100%}
.first-news .fisrt-infor h1{display:block;width:100%;font-size:22px;font-weight:normal;margin-bottom:40px;}
.first-news .fisrt-infor a:hover h1{color:#e60012}
.news-sreach{width:auto;height:42px;position:absolute;bottom:0px;right:0px;}
.select{float:left;width:160px;height:100%;position:relative;vertical-align:middle;overflow:hidden;background-color:#fff;color:#555;margin-right:1px;}  
.select select{cursor:pointer;padding:10px;width:100%;height:42px;border:1px solid #999;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url(../images/select-ed.png) no-repeat right center;}
.select select:focus{outline:none;} 
.select-btn{float:left;height:40px;position:relative;width:50px;border:1px solid #999;overflow:hidden}
.select-btn .key-word{width:0px;height:40px;line-height:40px;float:left;overflow:hidden}
.select-btn .ui-text{width:174px;height:40px;border:none;padding:0px 7px;display:block}
.sel-submit{background:url(../images/icon-btn-find.png) no-repeat center;width:50px;border:none;height:40px;cursor:pointer;float:right;}
.select-btn:hover{width:240px;}
.select-btn:hover .key-word{width:188px;}
.news-list{margin:0px 20px;padding:20px 0px;}
.news-list ul{margin:0px -20px}
.news-list li{display:block;float:left;width:33.33%;margin-bottom:40px;}
.news-list li a{display:block;position:relative;margin:0px 20px;box-shadow:0px 0px 10px rgba(150,150,150,0.25)}
.news-list .nw-img{width:100%;position:relative;height:275px;overflow:hidden}
.news-list .nw-img .pic{position:absolute;top:0px;left:0px;height:275px;visibility:hidden;opacity:0}
.news-list .news-infor{width:100%;height:100%;background:rgba(255,255,255,0.9);}
.news-list .nw-main{padding:30px 30px;}
.news-list .nw-main h1{display:block;font-weight:normal;margin-bottom:3px;font-size:18px;height:26px;line-height:26px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.news-list .nw-main h2{display:block;font-size:14px;font-weight:normal;margin-bottom:20px;}
.news-list .nw-main h2 em{font-style:normal;font-size:22px;margin-right:5px;}
.news-list .inner-link{margin:0 30px;border-top:1px solid #666;padding:15px 0px;height:24px;line-height:24px;position:relative;top:-1px;}
.news-list .inner-link span{display:block;float:left;font-size:18px;}
.news-list .inner-link em{display:block;float:right;height:24px;width:39px;background:url(../images/links.png) no-repeat center;;visibility:hidden;opacity:0;}
.news-list li a:hover{background:#faf7f4;box-shadow:0px 0px 10px rgba(0,0,0,0.35)}
.news-list li a:hover .nw-img .pic,.news-list li a:hover .inner-link em{visibility:visible;opacity:1}
.detail-news{margin:20px;padding:20px 0px;}
.detail-news .detail-infor{width:73%;float:left;}
.detail-news .detail-title{width:100%;margin-bottom:45px;}
.detail-news .news-title{margin-bottom:15px;font-size:24px;}
.detail-news .news-top{width:100%;height:30px;line-height:30px;}
.detail-news .news-top .infm{float:left;margin-right:30px;height:30px;}
.detail-news .news-top span{margin-right:20px;color:#666;font-size:14px;}
.detail-news .news-top .back{float:right;height:30px;}
.detail-news .news-top .back a{display:block;padding-right:25px;line-height:30px;background:url(../images/ret.png) no-repeat center right;color:#999;}
.detail-news .news-top .back a:hover{color:#e60012}
.detail-news .bshare-custom{height:30px;line-height:30px;}
.detail-news .bshare-custom a{display:block;line-height:30px;float:left;margin-right:5px;}
.news-prev-next{width:100%;margin-top:50px;}
.news-prev-next a{display:block;margin-bottom:10px;font-size:18px;color:#666}
.news-prev-next span,.news-prev-next a:hover,.detail-news .relate li a:hover{color:#e60012} 
.detail-news .relate{float:right;width:21%;background:#f7f3f0;min-width:200px;}
.detail-news .box-paer{padding:20px;}
.detail-news h1{border-bottom:1px solid #dcd9d7;height:45px;line-height:45px;padding-bottom:10px;margin-bottom:30px;text-align:center;font-size:20px;color:#666}
.detail-news .relate li{display:block;width:100%;margin-bottom:10px;}
.detail-news .relate li a{display:block;padding-left:20px;position:relative;color:#787878}
.detail-news .relate li i{display:block;width:7px;height:7px;position:absolute;left:0px;top:7px;background:#888;}
.yaer-layer{margin-bottom:60px;}
#honYearSwiper{width:100%;border-bottom:1px solid #bfbfbf;height:65px;}
#honYearSwiper .swiper-slide{float:left;width:10%;height:60px;line-height:60px;font-size:26px;cursor:pointer;transition:all 0.35s;}
#honYearSwiper .active{color:#e55c19;font-size:30px;}
.honor-layer{width:100%;position:relative;padding-bottom:80px}
.honor-layer .jb-line{width:100%;height:2px;position:absolute;top:58px;left:0px;}
.honor-layer .jb-line img{display:block;width:100%;height:2px;}
#honorSwiper{width:100%}
#honorSwiper .swiper-slide{float:left;width:33.33%;}
#honorSwiper .honor-yaer{width:100%;font-size:36px;color:#cecece;position:relative;margin-bottom:40px;height:60px;}
#honorSwiper .honor-yaer i{display:block;width:15px;height:15px;position:absolute;left:0px;bottom:-7px;background:url(../images/rod.png) no-repeat center;}
#honorSwiper .honor-infor{margin-right:80px}
#honorSwiper .honor-infor p{display:block;background:url(../images/rd.png) no-repeat left 12px;padding-left:20px;margin-bottom:15px;}
#honorSwiper .active .honor-yaer{color:#e45507;font-size:40px;}
#honorSwiper .active .honor-yaer i{background:url(../images/rod-red.png) no-repeat center;}
.honor-layer .hon-prev,.honor-layer .hon-next{width:12px;height:24px;cursor:pointer;position:absolute;top:50%;margin-top:-12px;z-index:100}
.honor-layer .hon-prev{left:5%;background:url(../images/hon-prev.png) no-repeat center}
.honor-layer .hon-next{right:5%;background:url(../images/hon-next.png) no-repeat center}
.video-paly .video-play-btn{opacity:0;visibility:hidden}
.video-paly .swiper-slide:hover .video-play-btn{opacity:1;visibility:visible}
.video-list li{display:block;width:100%;position:relative;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:10px;}
.video-list .video-item{width:100%;position:relative;}
.video-list .poster{width:100%;position:relative;color:#FFF;overflow:hidden}
.video-list .poster p{display:block;width:100%;height:auto;padding:10px 0px;position:absolute;bottom:-100%;left:0px;background:url(../images/black.png);}
.video-list .poster span{display:block;padding:0px 10px;text-align:center;font-size:18px}
.video-list .vid-intro{height:auto;padding:10px 10px 0px;}
.video-list .vid-intro p{color:#666;text-align:left;} 
.video-list .video-play-btn{width:40px;height:40px;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px;cursor:pointer;background:url(../images/play.png) no-repeat center;background-size:auto 40px;}
.video-list .vid-mubu-box{position:relative;}
/* server */
.devel-layer,.city-layer,.ser-pic{width:100%;margin-bottom:60px;}
.devel-intron{width:47.14%;float:left;}
.devel-intron .text{padding:10px 20px;}
.devel-img{float:right;width:47%;position:relative;overflow:hidden}
.item-fisrt{width:30.714%;float:left}
.item-fisrt a{display:block;width:100%;overflow:hidden;background:#faf6f4;color:#666666}
.item-fisrt .item-infor{padding:25px 30px;text-align:center}
.item-fisrt .item-infor h1,.item-cont .itm-infor h1{display:block;width:100%;border-bottom:1px solid #666666;padding-bottom:10px;margin-bottom:15px;font-size:20px;font-weight:normal;}
.item-fisrt .item-infor .text{text-align:center}
.item-fisrt .item-image{width:100%;overflow:hidden}
.item-list,.item-wrapper,.city-wrap,.service-layer{width:100%;position:relative;}
#houSwiper{width:100%;}
#houSwiper .swiper-slide{width:100%;height:auto}
.item-cont{width:67.85%;height:100%;position:static;right:0%;top:0%;float:right}
.item-cont #houseSwiper,.detail-cont{width:100%;position:relative;}
.item-cont #houseSwiper li{margin-bottom:13px;width:100%;display:block}
.item-cont .item-boxxs{width:100%;height:auto;position:relative;}
.item-cont .item-boxxs a{display:block;position:relative;width:100%;background:#faf6f4}
.item-cont .itm-img{width:60.42%;overflow:hidden}
.item-cont #houseSwiper li.odd .itm-img{width:60.42%;overflow:hidden;margin-left:39.58%;}
.item-cont .itm-img img{display:block;width:100%}
.item-cont .itm-infor{width:39%;height:100%;position:absolute;left:60.42%;top:0px;}
.item-cont #houseSwiper li.odd .itm-infor{left:0%;}
.item-cont .itm-infor .tab-cont{margin:0px 30px}
.detail-cont .item-image{width:51.35%;overflow:hidden;position:relative}
.detail-cont .item-intron{width:48.65%;height:100%;position:absolute;top:0%;left:51.35%;}
.detail-cont .item-title-up{width:100%;padding-top:30px;position:absolute;top:0px;left:0%;background:#fbf6f4;z-index:100;}
.detail-cont .item-title{border-bottom:1px solid #bfbfbf;padding-bottom:10px;margin-bottom:20px;}
.detail-cont .item-title h1{display:block;font-weight:normal;font-size:24px;}
.detail-cont .item-title p{display:block;font-size:20px;color:#bbb;text-transform:uppercase;}
.detail-cont .item-main{padding:30px 0px 30px;position:relative;margin:0 40px;position:relative;}
.detail-cont .scroll-box{width:100%;height:100%;}
.detail-cont .text p{margin-bottom:7px;}
.detail-cont .item-adder{width:58.64%;margin-left:41.35%;}
.detail-cont .item-dait{width:41.35%;height:100%;position:absolute;left:0%;top:0%;}
.detail-cont .dait-box{width:85%;height:100%;margin-left:15%;}
.detail-cont .no-bor{border-bottom:none;padding-left:20px;}
.detail-cont .item-lianxi{padding:20px;}
.detail-cont .lx-box{padding-left:50px;font-size:16px;line-height:27px;margin-bottom:40px;}
.detail-cont .adder{background:url(../images/icon-ader.png) no-repeat 0px 1px;}
.detail-cont .tell{background:url(../images/icon-tell.png) no-repeat 0px 1px;}
.detail-cont .lx-box h1{display:block;line-height:30px;font-size:20px;font-weight:normal;margin-bottom:5px;}
.item-wrapper .slide-content{width:100%;height:auto;position:relative;overflow:hidden;}
.item-wrapper .slide-content ul{width:100%;position:relative;}
.item-wrapper .slide-content li{display:block;float:left;width:33.33%;margin-right:0px;position:relative;padding-bottom:10px} 
.item-wrapper .slide-content a{display:block;background:#f9f6f3;width:100%;}
.item-wrapper .slide-content .im-img{width:100%;overflow:hidden}
.item-wrapper .slide-content .im-infor{padding:15px 20px;}
.item-wrapper .slide-content h1{display:block;margin-bottom:5px;font-weight:normal;font-size:20px;background:url(../images/rd-ary.png) no-repeat right top;}
.item-wrapper .btn{width:30px;height:30px;cursor:pointer;position:absolute;top:50%;margin-top:-15px;opacity:0.75}
.item-wrapper .btn-prev{left:-60px;background:url(../images/hon-prev.png) no-repeat center;}
.item-wrapper .btn-next{right:-60px;background:url(../images/hon-next.png) no-repeat center;}
.item-wrapper .btn:hover{opacity:1;}
.city-image{float:right;width:47.14%;overflow:hidden}
.city-image a,.ch_imgBl a{display:block;width:100%;height:100%;position:relative}
.city-image .tip-link,.ch_imgBl .tip-link{width:142px;height:30px;position:absolute;top:5px;left:10px;z-index:5;background:url(../images/red-wall.png) no-repeat center;}
.city-image .tip-link span,.ch_imgBl .tip-link span{line-height:30px;color:#FFF;padding:0px 15px;font-size:14px;}
.city-image .tip-link b{display:block;width:4px;height:2px;position:absolute;top:14px;background:#ffffff;border-radius:1px;font-style:normal;opacity:0.8}
.city-image .tip-link .b1{right:50px;}
.city-image .tip-link .b2{right:44px;}
.city-image .tip-link .b3{right:38px;}
.city-image .tip-link i,.ch_imgBl .tip-link i{display:block;width:35px;height:20px;position:absolute;top:5px;right:20px;background:url(../images/icon-arty.png) no-repeat center;background-size:auto 15px;animation:moveAry 2s linear infinite;-webkit-animation:moveAry 2s linear infinite;-moz-animation:moveAry 2s linear infinite;opacity:0.8}
.city-intron{float:left;width:47.14%;overflow:hidden}
.city-wrap li{display:block;margin-bottom:50px;position:relative}
.city-wrap li a{display:block;width:100%}
.city-wrap .city-picture{width:27.71%;overflow:hidden;position:relative;z-index:5;}
.city-wrap .city-intron{width:100%;height:100%;position:absolute;top:0%;left:0%}
.city-wrap li.even{margin-left:13.54%;} 
.city-wrap li.odd{margin-right:13.54%;}
.city-wrap li.odd .city-picture{float:right;}  
.city-wrap .city-infor{width:100%;padding:40px 0px;background:#faf7f4;box-shadow:0px 3px 10px rgba(0,0,0,0.1);}
.city-wrap .city-model{width:50%;}
.city-wrap li.even .city-model{margin-left:33%;}
.city-wrap li.odd .city-model{margin-left:14%;text-align:right}
.city-wrap li.odd .text{text-align:right}
.city-wrap .city-model h1{display:block;width:100%;margin-bottom:20px;font-size:20px;font-weight:normal}
.city-wrap .city-model span{display:inline-block;padding-bottom:20px;border-bottom:1px solid #666}
.city-wrap .city-model a:hover{color:#e60012} 
.city-wrap .text-bom{margin-bottom:20px;}
.city-wrap .text-bom p{margin-bottom:0px;}
.service-layer .serv-image{float:left;width:30.14%;overflow:hidden}
.service-layer .serv-intron{float:right;width:62.64%}
/* rental */
.seles-image{width:43.92%;position:relative;overflow:hidden}
.seles-intron{width:56%;height:100%;position:absolute;top:0px;right:0;}
.seles-intron .sales-main{margin:0% 10%;padding:40px 0px;}
.seles-intron .h-title{width:100%;margin-bottom:20px;font-size:22px;}
.seles-intron .bor{border-bottom:1px solid #bfbfbf;padding-bottom:20px;margin-bottom:20px}
.sales-left{width:40%;padding:5% 5%;float:left;border-right:2px solid #d2d2d2}
.sales-right{width:39%;margin:0% 5%;float:right;overflow:hidden}
.img-view{position:relative;}
.img-view .swiper-slide{width:33.33%;float:left;}
.img-view .swiper-slide a{display:block;position:relative;}
.img-view .imag{width:90%;position:relative;margin:0 auto;overflow:hidden}
.img-view .imag img{vertical-align:middle;}
.img-view .zoomBtn{position:absolute;top:0%;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.5);background:url(../images/black.png) repeat\9;opacity:0;filter:alpha(opacity=0);visibility:hidden}
.img-view .zoomBtn img{text-align:center;width:28px;height:28px;position:absolute;top:50%;left:50%;margin-left:-14px;margin-top:-14px;}
.img-view .swiper-slide a:hover .zoomBtn{opacity:1;filter:alpha(opacity=100);visibility:visible}
.img-view .text{text-align:center}
.img-view .btn{width:30px;height:30px;position:absolute;top:50%;margin-top:-15px;cursor:pointer;z-index:100;opacity:0.75}
.img-view .btn-prev{left:-30px;background:url(../images/hon-prev.png) no-repeat center;}
.img-view .btn-next{right:-30px;background:url(../images/hon-next.png) no-repeat center;}
.img-view .btn:hover{opacity:1;}
.item-pictu{width:45%;float:right;position:relative;}
.item-pictu p{display:block;padding-right:270px;}
.item-pictu .area{width:auto;height:30px;line-height:30px;position:absolute;top:50%;right:0px;margin-top:-15px;font-size:16px;}
.sales-item{float:left;width:45%;padding-top:5%;}
.sales-item .item-desc{margin-bottom:40px;color:#666}
.sales-item .item-contact{width:100%}
.sales-item .box{width:100%;margin-bottom:15px;line-height:32px;}
.sales-item .box span{display:block;float:left;font-size:18px;}
.sales-item .box img{vertical-align:middle;margin-right:10px;}
.sales-item .box p{display:block;margin-left:140px;font-size:16px;} 
.h-title{width:100%;margin-bottom:20px;font-size:22px;}
/* culture */
.pop-layer{width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:5;}
.right-layer{width:48%;height:100%;float:right;position:relative;margin-right:40px;cursor:default;}
.right-layer .white{color:#FFF}
.right-layer .infor{margin-left:80px;position:relative}
.right-layer .line{width:2px;height:60%;position:absolute;top:20%;left:0px;background:#FFF}
.right-layer .h-title{margin-bottom:20px;}
.right-layer .h-title p{display:inline-block;padding-bottom:15px;position:relative}
.right-layer .h-title p::after{content:"";display:block;width:100%;height:2px;position:absolute;bottom:0px;left:0px; background:-webkit-linear-gradient(left,#3d7c80,#4ba5aa);}
.right-layer .bicon{width:60px;height:60px;position:absolute;right:0px;top:50%;margin-top:-30px;}
.colle .pop-text{width:58%;height:60%;position:absolute;top:20%;left:35%;visibility:hidden;opacity:0;}
.colle .info-layer{background:url(../images/white.png) repeat;margin-right:40px;height:100%;}
.colle .text-box{padding:20px 40px;} 
.colle .show{visibility:visible;opacity:1;left:42%}
.team-desc{margin-bottom:40px;}
.culture .layer-intron{width:48%;}
.culture .intro-img{width:46%;}
.culture .swiper-slide{width:25%;float:left;}
.culture .swiper-slide a{margin:10px 10px;display:block;box-shadow:0px 3px 5px rgba(0,0,0,0.35);}
.culture .intro-text{padding:15px 20px;position:relative;}
.culture .intro-text .imgs{width:100%;position:absolute;top:0px;left:0px;}
.culture .ac-title{border-top:1px solid #dcdcdc;padding:10px 0px;margin:0px 15px;}
.culture .ac-title h2{display:block;width:100%;font-weight:normal;font-size:18px;height:27px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.culture .btn{width:20px;height:24px;position:absolute;top:50%;margin-top:-24px;cursor:pointer}
.culture .btn-prev{left:-35px;background:url(../images/hon-prev.png) no-repeat center;}
.culture .btn-next{right:-35px;background:url(../images/hon-next.png) no-repeat center;}
.newspaper .date-layer{border-top:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;padding:15px 0px;position:relative}
.newspaper .date-title{float:left;height:100%;line-height:40px;font-size:18px;}
.newspaper .date-list{height:100%;line-height:40px;margin-left:70px;}
.newspaper .date-list a{display:block;float:left;margin-right:40px;font-size:18px;padding:0px 15px;height:30px;line-height:30px;margin-top:5px;}
.newspaper .date-list a.cur,.newspaper .date-list a:hover{background:#f2f2f2;color:#c40000;border-radius:4px;}
/* join */
.join .a-link{display:block;overflow:hidden;width:45%;}
.join .a-link .pictrue{width:100%;}
.join .a-link .pictrue img{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;}
.join .a-link:hover .pictrue img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}
/* contact */
.contact .layer{border-bottom:1px solid #eee;margin-bottom:15px;padding-bottom:15px;}
.contact .layer .h-title{margin-bottom:5px;}
.contact .layer p,.contact .layer span{display:block;}
.contact .contact-tier{position:relative;height:605px;width:100%;}
.contact-tier .wrap{height:100%;position:relative}
.contact-tier .contact-list{width:50%;padding:40px 0px;float:right;background:url(../images/white2.png) repeat center; box-shadow:10px 10px 15px rgba(0,0,0,0.15);}
.contact-tier .contact-list li{display:block;height:auto;margin-bottom:20px;padding:0px 80px;color:#FFF}
.contact-tier .contact-list li:last-child{margin-bottom:0px;}
.contact-tier .contact-list .title{color:#FFF;font-size:20px;margin-bottom:7px;}
.contact-tier .contact-list .text{color:#FFF}
.contact-tier .contact-list span{margin-right:20px;}
/* media */
@media screen and (max-width:1400px) {
    #Header .logo img{width:180px;}
    #Header .menu{margin-right:120px;}
    #Header .menu li{margin-left:15px;padding:0px 15px;}
    #Header .menu .subnav p{padding:2px 10px;}
    #Header .menu .subnav a{padding:0px 0px;font-size:14px;}
    #Header .lang{right:0%;}
}
@media screen and (max-width:1286px) {
    .wrap{width:1000px;margin:0 auto;}
    #Header .logo img{width:160px;}
    #Header .menu{margin-right:90px;}
    #Header .menu li{margin-left:5px;padding:0px 10px;}
    #Header .menu .subnav p{padding:0px 0px;font-size:14px;}
}
@media screen and (max-width:1024px) { 
    #Header .logo img{width:160px;}  
    #Header .lang{right:0%;}
    #banner .formats .for-grid{margin:27px 36px}
    .hot-item-list .moda{width:90%;left:5%;overflow:hidden;}
    .hot-item-list .num-box{margin:0 10px 10px;margin-bottom:10px;}
    .hot-item-list .item-nm{margin:0 10px 10px;font-size:16px;}
    .hot-item-list .item-desc{margin:0 10px;line-height:20px;} 
    .infor-box{padding:20px 15px 20px 30px}
    .infor-box .page-title h1{font-size:20px}
    .infor-box .page-title h3{font-size:16px}
    .inner-infor{margin-bottom:30px;}
    .inner-menu .menu-link{margin-left:30px;margin-right:15px;}
    .inner-menu .menu-link a{margin:0px 3px;font-size:14px;}
    .speech-infor{line-height:24px;width:100%;}
    .view-data .view-number em{font-size:14px;}
    .view-data .view-item{font-size:18px;}
    .first-news .fisrt-infor h1{font-size:18px;margin-bottom:15px;}
    .detail-news .detail-infor{width:70%}
    .detail-news .relate{width:27%;}
    #honYearSwiper .swiper-slide{font-size:20px;}
    #honorSwiper .honor-yaer{font-size:26px;}
    #honorSwiper .active .honor-yaer{font-size:30px;}
    .detail-cont .dait-box{width:95%;margin-left:5%;}
    .devel-intron{width:52%}
    .city-image{width:51%}
    .service-layer .serv-image{width:35%;}
}
@media screen and (max-width:980px) {
    .wrap,.com_content{width:95%;margin:0 auto}
    .com_content{padding-top:25px;padding-bottom:25px;}
    .wrapper{min-width:280px;margin:0px 14px;}   
    #Header .menu,#Header .menu a.m{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
    .fr,.fl, #Footer .log-left,#Footer .log-right,.chair-head,.chair-infor,.norbox,.first-news .fisrt-img,.first-news .fisrt-infor,.news-list li,.detail-news .relate,.detail-news .detail-infor,.devel-intron,.devel-img,.item-fisrt,.item-cont,.sales-left,.item-pictu,.sales-item,.city-intron,.city-image,.culture .intro-img,.culture .layer-intron,.inner-head,.inner-menu,.right-layer,.join .a-link{width:100%;float:none}
    .inner-infor,.inner-menu{position:relative;left:0px;top:0px;margin-bottom:0px;}
     #Header .lang,#Header .curline,.pc-layer,#banner .tip-show{display:none}.bshare-custom{display:none;}
    #Header .mobile-menu-btn,#Header .mob-serch,.mobile-layer,.college .tabbox,.college .tabcell{display:block} 
    body.hidden{overflow:auto}
    .web-content{visibility:visible}
    #laoding{display:block}
    #canvas-box{display:none}
    #canvas-box .webLogo,#canvas-box .logo{height:50px;line-height:50px;} 
    #canvas-box .logo img{width:121px;}
    #canvas-box .canvas-layer canvas{width:100%;top:0%;}
    #Header,.perch{background:#FFF;height:50px;}
    #Header{-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,0.05);box-shadow:0 2px 4px 0 rgba(0,0,0,0.05);}
    #Header .logo{height:50px;}
    #Header .logo a{line-height:50px;}
    #Header .logo img{width:121px;}
    #Header .menu{margin-right:0px;width:100%;height:calc(100% - 50px);position:fixed;top:50px;left:0px;float:none;visibility:hidden;opacity:0;transition:all 0.35s;-webkit-transition:all 0.35s;-moz-transition:all 0.35s;}
    #Header .nav{width:280px;height:100%;overflow:hidden;overflow-y:auto;background:#252424;position:absolute;top:0px;right:0px;z-index:5;transform:translateX(280px);-webkit-transform:translateX(280px);-moz-transform:translateX(280px);transition:all 0.35s;-webkit-transition:all 0.35s;-moz-transition:all 0.35s;}
    #Header .menu ul{width:100%;height:auto;padding-bottom:40px;}
    #Header .menu li{float:none;width:100%;height:auto;margin-left:0px;padding:0px 0px;}
    #Header .menu a.m{border-bottom:1px solid #666;height:50px;line-height:50px;position:relative;font-size:16px;color:#FFF !important;padding:0px 14px;}
    #Header .menu li i{display:block;width:50px;height:100%;position:absolute;top:0px;right:0px;}
    #Header .menu a.a-down i{width:50px;height:50px;right:0px;background:url(../images/eqw.png) no-repeat center;cursor:pointer}
    #Header .menu a.on i{background:url(../images/ary-top.png) no-repeat center;}
    #Header .menu a.link i{background:url(../images/ary-rig.png) no-repeat center;}
    #Header .menu .subnav{width:100%;position:relative;top:0px;left:0px;padding:0px 0px;opacity:1;filter:alpha(opacity = 100);visibility:visible;display:none;transition:none;-webkit-transition:none;-moz-transition:none;}
    #Header .menu .subnav p{height:45px;border-bottom:1px solid #666;padding:0px 15px;}
    #Header .menu .subnav p.first{display:block}
    #Header .menu .subnav a{text-align:left;line-height:45px;padding:0px 15px;font-size:15px;}
    #Header .menu-close{width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:1;background:rgba(0,0,0,0.75);}
    #Header .menu li.active .subnav, #Header .menu li:hover .subnav{top:0px;}
    #Header .lang{right:35px;}
    #Header .lang dt{width:40px;}   
    #Header.show .menu{visibility:visible;opacity:1;}
    #Header.show .nav{transform:none;-webkit-transform:none;-moz-transform:none;}
    #Footer{padding:10px 0px;font-style:normal} 
    #Footer .log-left{display:block;text-align:center;line-height:22px;} 
    #Footer .log-left span{display:inline-block;margin:0px 15px;}
    #Footer .log-left i{display:none}
    #Footer .log-left a{display:block;width:100%}
    #Footer .log-right{margin-bottom:10px;}
    #Footer .log-right a{float:right}
    /* banner */ 
    #banner .formats,#banner .layer{width:100%;height:75px;position:relative;bottom:0px;}
    #banner .formats .for-grid{height:76px;width:100%;margin:0px 0px;}
    #banner .formats .for-infor{width:auto;height:auto;margin:8px 35px 7px;}
    #banner .formats .for-infor h1{font-size:17px;margin-bottom:5px;}
    #banner .formats .for-infor p{font-size:14px;line-height:16px;}
    #banner .formats .for-img{width:34px;height:100%;left:initial;right:15px;background-size:34px auto !important} 
    .column-title{margin-bottom:16px;}
    .column-title .numb{width:60px;}
    .column-title .numb i{height:1px;width:21px;}
    .column-title .numb em{margin-left:24px;font-size:25px;}
    .column-title .title{margin-left:60px;}
    .column-title .title h1,.lanmu-title h1,.chair-infor .chair-name h1,.speech-top h1{font-size:20px;}
    .lanmu-title h1{margin-bottom:2px;}
    .column-title .title h2,.speech-top p{font-size:14px;}
    .speech-top p{line-height:20px;}
    .lanmu-title{padding-left:10px;margin-bottom:20px;height:auto;background-size:auto 100%;}
    .more-box{padding-top:15px;text-align:center;}
    .more-box a{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;display:block;height:34px;line-height:24px;width:100px;margin:0 1%;}
    .return,.return:hover,a.co_back{background-size:auto 20px;}
    .layer-padd-botm{padding-bottom:40px;}
    .h-title{font-size:20px;margin-bottom:10px;}
    /*  */ 
    .hot-item-list{padding-bottom:20px;}
    .hot-item-list ul{margin:0px -5px -10px;}
    .hot-item-list li{width:50%;display:block;margin-bottom:15px;}
    .hot-item-list li a{display:block;margin:0px 5px;width:initial;position:relative;}
    .hot-item-list .dec-box{padding:10px 10px;height:44px;position:absolute;bottom:0px;left:0px;width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
    .hot-item-list .dec-box p{font-size:16px;display:block;text-align:left}
    .hot-item-list .pop-infor{visibility:visible;opacity:1;position:relative;bottom:0px;left:0px;top:initial;height:auto;transform:none;-webkit-transform:none;-moz-transform:none;}
    .hot-item-list .pop-moa{position:static;text-align:left;background:#FFF;color:#333;}
    .hot-item-list .moda{color:#333;padding:10px 0px;position:relative;left:0px;top:0px;width:100%;}
    .hot-item-list .item-nm{text-align:left;margin:0px 10px 5px;font-size:18px;}
    .hot-item-list .item-desc{height:46px;overflow:hidden;line-height:23px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;color:#787878}
    .hot-item-list .dec-box,.hot-item-list .pop-infor .pic, .hot-item-list li:last-child,.hot-item-list .line-layer,.hot-item-list .pop-moa::before, .hot-item-list .pop-moa::after,.hot-item-list .num-box{display:none}
    #newsSwiper .swiper-slide a{margin-right:0px;height:auto}
    #newsSwiper .swiper-slide h1{margin-bottom:5px;}
    #newsSwiper .swiper-slide .txt-box{padding:15px 15px 0px;}
    #newsSwiper .swiper-slide h3{margin-bottom:10px;}
    #newsSwiper .swiper-slide h3 span,#videoSwiper .poster span,.over-layer .curr-action-page em,.over-layer .curr-action-page p{font-size:16px;}
    #newsSwiper .swiper-slide .text{line-height:26px;}
    #newsSwiper .swiper-slide .sxl{height:100%}
    .video-wrap{width:100%}
    .vid-arrow-left, .vid-arrow-right{display:none}
    #videoSwiper .video-play-btn{width:40px;height:40px;margin-left:-20px;margin-top:-20px;background-size:40px auto;}
    .over-layer .curr-action-page{position:relative;color:#666;width:100%;text-align:center}
    .over-layer .curr-action-page p{padding:10px 15px;}
    .inner-head{min-height:100px;}
    .inner-menu{position:relative;}
    .infor-box{padding:10px 10px 10px 10px;}
    .infor-box .page-title{padding-bottom:7px;margin-bottom:10px;}
    .infor-box .page-title h3{font-size:14px;} 
    .infor-box .inner-text,.chair-infor .chair-text{line-height:26px;}
    .inner-menu .menu-link{margin-left:0px;margin-right:0px;}
    .inner-menu .menu-link a{margin:0px 7px;}
    .chair-infor{padding:15px 0px;}
    .chair-infor .chair-name,.speech-top,.speech-img,.view-img{margin-bottom:15px;} 
    .chair-infor .chair-name p{font-size:17px;color:#666;}
    .chair-infor .chair-text{padding-bottom:15px;margin-bottom:20px;}
    .view-data ul{width:100%;padding:0px 0px;}
    .view-data li{width:25%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
    .view-data .view-number{padding:0px 0px;line-height:30px;}
    .view-data .view-number span{font-size:18px;}
    .view-data .view-item{padding-bottom:0px;font-size:14px;text-align:center}
    .first-news{padding:0px 0px;margin-bottom:30px;}
    .first-news .fisrt-infor,.city-image{margin-right:0%;padding-bottom:20px;}
    .first-news .fisrt-infor a{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding:15px 15px;}
    .first-news .fisrt-img .nw-time{left:0px;padding:5px 10px;}
    .first-news .fisrt-img .nw-time p,.first-news .fisrt-img .nw-time span,.first-news .fisrt-img .nw-time i, .first-news .fisrt-img .nw-time em{display:inline-block;width:auto;float:left;margin-right:3px;}
    .first-news .fisrt-img .nw-time p{border:none;padding:0px 0px 0px 0px;margin-bottom:0px} 
    .select{width:120px;}
    .select-btn,.sel-submit{width:40px;}
    .news-list,.news-list ul,.news-list li a,.detail-news{margin:0px 0px;}
    .news-list{padding:20px 0px 0px;}
    .news-list li{margin-bottom:15px;}
    .news-list .nw-main{padding:15px 15px;}
    .news-list .nw-main h1{font-size:1.8rem;}
    .news-list .nw-main h2{margin-bottom:10px;}
    .news-list .nw-main h2 em,.news-list .inner-link span{font-size:1.4rem;}
    .news-list .nw-img{height:auto}
    .news-list .nw-img .pic{display:block;position:static;height:auto;visibility:visible;opacity:1;width:100% !important}
    .news-list .inner-link{margin:0px 15px;display:none} 
    .news-list .inner-link em{visibility:visible;opacity:1;background-size:20px auto;}
    .newspaper .date-layer{padding:10px 0px;height:35px;overflow:hidden;transition:all .5s;-webkit-transition:all .5s;}
    .newspaper .date-title{height:auto;line-height:35px;position:relative}
    .newspaper .date-list{position:relative;line-height:35px;margin-left:60px;}  
    .newspaper .date-list a{display:block;float:left;margin-right:10px;font-size:16px;padding:0px 12px;height:35px;line-height:35px;margin-top:0px;}
    .newspaper .more-yaer{display:block;position:absolute;bottom:10px;right:0px;cursor:pointer;width:24px;height:35px;background:url(../images/hon-down.png) no-repeat 50% 51%;background-size:auto 9px;}
    .newspaper .date-list-auto{height:auto;}
    .newspaper .date-list-auto .more-yaer{transform:rotate(180deg);-webkit-transform:rotate(180deg);}
    .pagination, .devel-intron .text{padding:10px 0px 20px;}
    .pagination span, .pagination a{font-size:16px;margin:0px 5px;}
    .detail-news .detail-title{margin-bottom:10px;}
    .detail-news,.sales-left{padding:0px 0px 20px;}
    .detail-news .news-title{font-size:2rem;line-height:30px;margin-bottom:0px;}
    .detail-news .box-paer,.item-fisrt .item-infor{padding:10px 14px;}
    .detail-news h1{text-align:left;font-weight:normal;height:30px;line-height:30px;margin-bottom:10px;}  
    .yaer-layer{margin-bottom:0px;}
    .honor-layer .jb-line{top:44px;}
    #honYearSwiper{height:45px;}
    #honYearSwiper .swiper-slide{height:40px;line-height:40px;}
    #honorSwiper .honor-yaer{margin-bottom:20px;height:45px;}
    #honorSwiper .active .honor-yaer{font-size:24px;}
    #honorSwiper .honor-infor{margin-right:0px;}
    .honor-layer .hon-prev,.honor-layer .hon-next{width:12px;height:24px;cursor:pointer;position:absolute;top:50%;margin-top:-12px;z-index:100;display:none}
    .honor-layer .hon-prev{left:0%;background:url(../images/hon-prev.png) no-repeat center;background-size:10px auto}
    .honor-layer .hon-next{right:0%;background:url(../images/hon-next.png) no-repeat center;background-size:10px auto}  
    .devel-layer, .city-layer, .ser-pic{margin-bottom:30px;}
    .item-fisrt .item-infor h1, .item-cont .itm-infor h1,.item-list .item-fisrt{margin-bottom:10px;}
    .item-fisrt .item-infor,.item-fisrt .item-infor h1,.item-fisrt .item-infor .text{text-align:left}
    .item-fisrt .item-infor h1, .item-cont .itm-infor h1{font-size:18px;}
    .item-cont .itm-img,.item-cont .itm-infor,.item-cont #houseSwiper li.odd .itm-img,.seles-image,.seles-intron,.detail-cont .item-image,.detail-cont .item-intron,.col_teBl{width:100%}
    .item-cont .itm-infor,.seles-intron,.detail-cont .item-intron,.city-wrap .city-intron,.col_teBl,.college .pop-layer{position:relative;left:0px;top:0px;}
    .item-cont .itm-infor .tab-cont{margin:0px 14px;padding:14px 0px;}
    .item-cont #houseSwiper li.odd .itm-img{margin-left:0%;}
    .seles-intron .sales-main,.detail-cont .item-main{margin:0px 0px;padding:14px 14px;}
    .sales-left{border:none}  
    .devel-layer, .city-layer, .ser-pic{padding-top:0px;}
    .item-pictu p{width:100%;padding-right:0px;}
    .sales-item .box{line-height:26px;margin-bottom:2px;}
    .sales-item .box span,.ne_liTi,.ne_ti,.ne_ti span{font-size:16px;}
    .sales-item .box img{width:18px;margin-right:5px;}
    .sales-item .box p{margin-left:105px;}
    .saC_content{margin-top:10px;} 
    .sales-item .item-desc{margin-bottom:0px;}
    .item-wrapper .btn-prev{left:0px;}
    .item-wrapper .btn-next{right:0px;}
    .city-wrap ul{margin-bottom:-15px;}
    .city-wrap li{margin-bottom:15px;}
    .city-wrap li.even{margin-left:0%;}
    .city-wrap .city-picture,.service-layer .serv-image,.service-layer .serv-intron{width:100%;float:none}
    .city-wrap .city-infor{padding:15px 0px;}
    .city-wrap li.even .city-model{width:auto;margin-left:14px;margin-right:14px;}
    .city-wrap .city-model h1{font-size:18px;margin-bottom:10px;}
    .city-wrap .city-model span{padding-bottom:5px;}
    .ser-pic{margin-bottom:20px;}
    .ser-pic img{width:100%;height:auto} 
    .right-layer .infor{margin-left:0px;padding-top:20px;}
    .right-layer .white{color:#333}
    .right-layer .h-title{margin-bottom:10px;}
    .right-layer .h-title p{padding-bottom:10px;}
    .right-layer .h-title p::after{background: -webkit-linear-gradient(left,#3d7c80,#FFF);}
    .colle .info-layer{margin-right:0px;}
    .colle .pop-text{width:100%;position:relative;left:0px;top:0px;visibility:visible;opacity:1}
    .colle .text-box{padding:20px 0px 0px;}

    .h1-title{font-size:22px;}
    .h1-titleEN{font-size:14px;}
    .ne_ulIn{padding-left:50px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
    a.ne_liBl{font-size:16px;width:50px;margin-right:10px;padding:2px 0px;}
    .ne_conBlock{margin-top:20px;}
    .ne_li{width:45%;margin-right:2%;margin-left:2%;margin-bottom:20px;}
    .ne_ico,.so_li.li_0, .so_li.li_5{display:none} 
    .jo_ul{padding-top:0px;}
    a.jo_left,a.jo_right,.so_img,.so_teBl{width:100%;float:left;margin:10px 0px;}
    .so_img,.so_teBl{margin:0px 0px;}
    .so_teBl{padding-top:20px;padding:20px 15px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
    .so_tCh{font-size:20px;}
    .so_tEn{font-size:14px;padding-top:10px;}
    .so_block.so_color .so_tWi{margin-top:10px;}
    .so_conBlock{margin-top:15px;}
    .so_liBl.so_he{font-size:16px;padding:10px 0;}
    .so_li{width:25%;font-size:14px;min-height:28px;line-height:28px;}
    .so_li.li_1{padding-left:0px;width:32%;}
    .so_li.li_2{width:16%;}
    .so_li.li_4{width:26%;}
    table.so_table{width:100%}
    td.td_col{width:25%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
    .jo_img:hover img{transform:scale(1);-webkit-transform:scale(1);}
    /* join */
    .join .no-padd{padding:0px 0px;}
    .join .a-link{margin:20px 0px;}
    /* server */
    .return{top:-2px;}
    .img-view .btn-prev{left:-8px;width: 25px;}
    .img-view .btn-next{right:-8px;width: 25px;}
    .img-view .zoomBtn{opacity:1;visibility:visible}
    .sales-right{width:100%;float:none;margin:0px 0px;}
    .saC_ulBl{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;}
    .saC_liBl{width:48%;float:left;margin-right:1%;margin-left:1%;padding:15px 14px;margin-bottom:10px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
    .saC_liBl .saC_ico img{width:34px;}
    .saC_liBl .saC_ti{padding:10px 0px;font-size:18px;}
    .saC_liBl .saC_te{padding-top:15px;line-height:24px;min-height:120px;font-size:16px;}

}