@charset "utf-8";
/* mobile-page-menu */
.mobile-page-menu{width:100%;height:50px;background:#f8f8f8;display:none;border-bottom:1px solid #dcdcdc}
.mobile-subnav{height:100%;overflow-x:scroll;white-space:nowrap}
.mobile-subnav p{display:inline-block;line-height:50px;width:92px;text-align:center}
.mobile-subnav a{display:block;text-align:center;font-size:1rem;}
.mobile-subnav .active a{color:#FFF;background:#c7000a}
.mobile-page-menu .row4 p{width:25%;display:block;float:left}
.mobile-page-menu .row3 p{width:33.33%;display:block;float:left}
.mobile-subnav::-webkit-scrollbar{display:none}
/* moblie-paper */
.moblie-paper{width:100%;margin:0 auto;position:relative;display:none;}
.moblie-paper .swiper-container{width:100%;-webkit-perspective:1200px;-moz-perspective:1200px;-ms-perspective:1200px;perspective:1200px}
.moblie-paper .swiper-wrapper{transform-style:preserve-3d}
.moblie-paper .swiper-slide{width:80%;padding:10px 0px 50px; -webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}
.moblie-paper .swiper-slide .main-img{width:85%;margin:0 auto;display:block;box-shadow:0px 5px 10px rgba(0,0,0,0.5);border-radius:5px;}
.moblie-paper .swiper-slide span{display:block;position:absolute;bottom:10px;left:0px;text-align:center;padding:0px 15px;width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;font-size:16px;opacity:0;visibility:hidden;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;} 
.moblie-paper .swiper-slide-active span{opacity:1;visibility:visible}
.moblie-paper .btns{width:32px;height:100%;position:absolute;top:0%;cursor:pointer;z-index:1000;transition:all .35s;-webkit-transition:all .35s;-moz-transition:all .35s;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
.moblie-paper .btn-prev{left:0px;background:url(../images/lt-prev.png) no-repeat center}
.moblie-paper .btn-prev:hover{background:url(../images/lt-prev-on.png) no-repeat center}
.moblie-paper .btn-next{right:0px;background:url(../images/rt-next.png) no-repeat center}
.moblie-paper .btn-next:hover{background:url(../images/rt-next-on.png) no-repeat center}
 
/* media screen */
@media screen and (max-width:1440px){
    .wrap{margin:0 auto;width:90%}
    .layer{width:100%;position:relative;} 
    #container .news-txt{margin-bottom:1px;}
    .about .about-desc,.busines .busi-infor,.busines .box-text,.culture .tab-layer .text{line-height:28px}
    .about .course .course-img{width:300px}
    .busines .lease-desc{margin-bottom:20px;line-height:28px}
    .busines .lease-box{padding-top:0px;}
    .busines .juli-intron{width:50%;}
    .busines .juli-intron{line-height:30px}
    .culture .idea-main li{width:48%;}
    .culture .idea-main .idea-box{margin:0 0%;}
    .culture .idea-main .idea-pic{width:31%;}
    .culture .idea-main .idea-infor{padding:0px;margin-left:36%;}
    #container .news-txt .news-time i{margin-top:5px;margin-bottom:10px;}
    #container .news-top .news-infor{font-size:15px;line-height:30px;height:115px;}

}
/* media screen */
@media screen and (max-width:1600px){
    .wrap{width:86%;height:auto;margin:0 auto;} 
}
@media screen and (max-width:1400px){
	.lang-find{ display: none;}
}
@media screen and (max-width:1366px){
    .wrap{width:92%;height:auto;margin:0 auto;}
    .text{font-size:14px;line-height:26px;}
    .mdtitle{font-size:20px;}
    .main-content{margin-left:210px;}
    #Header{height:80px;position:fixed;top:0px;left:0px;z-index:9000;box-shadow:0px 0px 10px rgba(0,0,0,0.25);}
    #Header .logo a{line-height:80px;}
    #Header .nav li a.m{padding:0px 13px;line-height:80px;} 
    #Header .find a{margin:29px 0px}
    #Header .lang-find{margin: 0px auto 0px 0px;}
    #Header .lang{margin:20px 0px 0px 15px;height:60px}
    #Header .zi-web ul{width:120px;position:absolute;top:70px;left:50%;margin-left:-60px;background:url(../images/black.png);opacity:0;visibility:hidden;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;}
    #Header .zi-web:hover ul{opacity:1;visibility:visible;top:60px}
    #Header .find-search{width:240px;height:50px;background:rgba(0,0,0,0.75);position:absolute;top:80px;right:0px;visibility:hidden}
    #Header .sunmenu{top:80px;}
    #Header .black-wall{top:80px;background:url(../images/black2.png)\9;}
    #webbox{padding-top:80px;}
    #container .news-top .news-time,#container .news-top .news-title{margin-bottom:0px}
    #container .news-top .news-time{line-height:26px}
    .news .paper-list .rund-box{margin:0px 40px}
    .column-title span,.about .tab-nav a{font-size:18px}
    .about .honor-list .honor-pic{width:226px;}
    .about .course .course-txt{}
    .hr .hr-nav a{display:inline-block;width:24%;height:100%;margin:0px 0% 20px;background:#ececec;font-size:16px;color:#878787;cursor:pointer}
    .news .news-head ul{margin:0px -10px}
    .news .news-head li a{display:block;margin:0px 10px}
    .news .hd-title h1{font-size:18px;}
    .culture .idea-txt,.culture .idea-img{width:100%;float:none}
    .culture .idea-txt{margin-bottom:20px;}
    .culture .pioner-left{width:100%;margin-bottom:15px;}
    .culture .pioner-text{width:100%;}  
    .culture #owl-idea .idea-text h1{margin-bottom:10px;}
}
@media screen and (max-width:1154px){
    .wrap{min-width:320px; width:94%;height:auto;margin:0 auto;} 
    .text{font-size:14px;line-height:24px;}
    .title{font-size:18px}
    .cltitle{font-size:20px}
    .pc-picture{display:none}
    .mobile-picture{display:block}
    .main-content{margin-left:210px;}
    #Header .menu{padding-right:0px}
    #Footer .foot-menu li{margin-right:35px;min-height:120px;}
    #container .news-top .more-link{display:none}
    .page-site .page-part p{font-size:22px;}
    .page-site .page-part em{font-size:14px;}
    .page-site .curr-site{font-size:15px;}
    .news .media-list ul{margin:0px -10px}
    .news .media-list .grid-box{margin:0px 10px}
    .news .paper-list .rund-box{margin:0px 40px}
    .culture .idea-txt,.culture .idea-img{width:100%;float:none}
    .culture .idea-title{font-size:24px}
    .culture .idea-main h1{font-size:20px}
    .culture .idea-nav a{width:auto;margin:0px 10px 0px 0px}
    .contact .company{width:100%;padding:0px 15px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
    .contact .contact-list ul{margin:0px 15px;}
    .contact .contact-list li{display:block;width:100%}
    .contact .contact-list .gird{margin:0px 0px}
    .busines .ys-list{width:100%}
    .busines .ys-list li{width:21%;}
    .busines .youshi .wrapper{height:260px;}
    .busines .art-img-list .art-prod{padding:10px 3px;}
    .busines .art-img-list .art-prod span{overflow:hidden;white-space:nowrap}
    .busines .adware-infor{padding:12px 15px;line-height:25px;}
    .busines .adware-infor h1{font-size:16px;}
    .busines .adware-text{font-size:14px;line-height:23px;padding:0px 20px;}
    .busines .lease-desc{line-height:24px;}
    .busines .infor-text{height:40px;line-height:40px;}
}
@media screen and (max-width:1000px){
.wrap{min-width:320px;width:100%;height:auto;margin:0 0px;} 
.page-site .page-part{float:none}
.text{font-size:15px;line-height:27px;}
.title{font-size:20px}
.cltitle{font-size:22px}
/* Header */
.head-box{width:100%;height:50px;}
#Header{height:50px;position:fixed;top:0px;left:0px;z-index:9000;box-shadow:0px 0px 10px rgba(0,0,0,0.25);}
#Header .wrap{height:100%;position:relative;width:initial;margin:0 15px;position:relative}
#Header .logo{float:left;height:100%;}
#Header .logo a{display:block;height:100%;vertical-align:middle;line-height:48px;}
#Header .logo img{vertical-align:middle;height:30px}
#Header .menu{float:right;height:100%;padding-right:45px;position:relative;display:none} 
#Header .nav-btn{display:block}
#Header .zi-web{height:auto;margin-left:15px;position:absolute;bottom:20px;left:0px;width:100%}
#Header .zi-web span{display:block;height:24px;color:#FFF;}
#Header .zi-web ul{width:auto;position:static; margin-left:0px;background:none;opacity:1;visibility:visible;}
#Header .zi-web li{display:block;height:30px;line-height:30px;float:left;margin-right:20px;}
#Header .zi-web li a{color:#FFF;font-size:14px;font-weight:normal}
#Header .zi-web:hover ul{opacity:1;visibility:visible;top:70px}

/* Footer */
#Footer{position:relative;background:#e8e8e8;padding:15px 0px;}
#Footer .wrap{color:#333;font-size:14px;line-height:24px;} 
#Footer .foot-menu{position:relative;padding:15px 15px 20px;}
#Footer .foot-menu ul{float:left;width:auto}
#Footer .foot-menu li{display:block;float:left;margin-right:20px;width:auto;text-align:center;margin-bottom:1.25rem;}
#Footer .foot-menu h1 a{font-size:15px;}
#Footer .subnavg{line-height:25px;padding:0px 3px;min-height:100px;}
#Footer .qr-code{width:100px;height:147px;float:right;text-align:center;margin:0 auto}
#Footer .foot-right{padding:15px 15px 0px;border-top:1px solid #FFF;text-align:center;color:#666}
#Footer .copy-right span{display:block;margin-right:0px}
#Footer .law-support a{display:inline-block;margin:0px 20px;color:#666}
/* #banner */
#banner{margin-bottom:0px;width:100%}
#banner .formats{width:100%;height:auto;position:static;left:0px;bottom:0px;background:#efefef url(../images/w-bg.png) repeat;z-index:100}
#banner .formats ul{width:100%;}
#banner .formats li{width:33.33%;display:block;float:left;padding:14px 0px;text-align:center;background:none;border-bottom:1px solid #ddd}
#banner .formats li a{display:inline-block;color:#333}
#banner .formats i{display:block;width:22px;height:22px;line-height:20px;vertical-align:middle;float:left;position:relative;}
#banner .formats i:after{content:"";display:none;}
#banner .formats p{display:block;margin-left:34px;text-align:left;height:22px;}
#banner .formats span{display:block;font-size:1rem;line-height:22px;}
#banner .formats em{display:none;}
#banner .formats li:hover img{transform:none;-webkit-transform:none;-moz-transform:none;} 
.webBanner .formats li:hover a{color:initial}
.page-banner{width:100%}
.page-banner p,.page-banner img{display:block;width:100%}
/* page-menu */
.page-menu,.page-site .curr-site{display:none}
.mobile-page-menu{display:block} 
.page-site{padding:1.875rem 0px 0.25rem;margin-bottom:1.5rem;height:83px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;} 
.page-site .page-part p{font-size:1.375rem;line-height:1.5rem}
.page-site .page-part em{font-size:0.875rem;}
.mobile-subnav p{width:25%;display:block;box-sizing:border-box;float:left}
/* container */  
#container .news-home{width:100%;padding:20px 15px 60px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}
#container .news-top{width:100%;margin-bottom:45px;}
#container .news-top a{display:block;width:100%}
#container .news-pic{float:none;width:100%;height:auto;overflow:hidden;margin-bottom:20px}
#container .news-pic img{display:block;width:100%;height:auto}
#container .news-top .news-cont{margin-left:0%;width:100%} 
#container .news-top .news-time{margin-bottom:10px;width:100%}
#container .news-top .news-title{margin-bottom:15px;width:100%}
#container .news-top .news-time p{font-size:1.125rem;line-height:1.5rem;color:#c7000a;display:block;margin-bottom:10px}
#container .news-top .news-title p{display:block;position:relative;line-height:30px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap }
#container .news-top .news-title p:after{content:"";display:block;width:0%;height:1px;position:absolute;left:0px;bottom:0px;background:#c7000a}
#container .news-top .news-infor{width:100%;line-height:1.75rem;margin-bottom:20px;} 
#container .news-box-list{width:100%;margin-right:0%;margin-bottom:40px;}
#container .layer-list ul{border-bottom:1px solid #dcdcdc;padding-bottom:15px;}
#container .layer-list li{display:block;width:100%}
#container .layer-list a{display:block;position:relative;height:35px;line-height:35px;font-size:1rem;overflow:hidden}
#container .layer-list a:after{content:"";display:block;width:10px;height:100%;position:absolute;left:-10px;top:0px;background:url(../images/rd-jt-sm.png) no-repeat center left;opacity:0;visibility:hidden}
#container .layer-list p{display:block;padding-right:130px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#container .layer-list em{width:85px;text-align:right;position:absolute;top:0px;right:0px}
#container .layer-list a:hover{padding-left:11px;color:#c7000a;}
#container .layer-list a:hover p{padding-right:100px;color:#c7000a;}
#container .layer-list a:hover:after{opacity:1;visibility:visible;left:0px}
#container .video-box-list{width:100%;position:relative}
#container .video-box-list p{display:block;position:relative}
#container .video-box-list img{display:block;width:100%}
#container .video-box-list em{display:block;width:60px;height:60px;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px;background:url(../images/play2.png) no-repeat center}
#container .more-link{height:35px;}
#container .more-link span{display:block;float:right;height:100%;line-height:35px;color:#FFF;width:80px;text-align:center;background:#c7000a;text-transform:uppercase}
#container .more-link span i{display:inline-block;position:relative;font-size:16px}
#container .more-link span i:after{content:"";display:block;width:10px;height:35px;background:url(../images/jt-w.png) no-repeat center;position:absolute;top:0px;right:0px;visibility:hidden}
/* webbox */
#webbox{padding:0px 0px 40px;width:100%;position:relative}
.main-content{margin:0px 15px 0px;}
.honor-wall{background:none; background-size:100% auto;}
.about .main{margin-bottom:0px;padding-bottom:0px;}
.about .about-desc,.about .about-pic{width:100%;margin-bottom:1.25rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.about .struc .tab-nav{margin-bottom:1.375rem;}
.about .struc .tab-nav a{font-size:14px}
.about .tab-main .tab-layer{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.about .honor{width:100%;margin-bottom:20px}
.about .honor-top{height:55px;line-height:55px;}
.about .honor-list .h-name p,.about .honor-list .h-danw p{padding:0px 10px;}
.about .course ul{padding:20px 0px}
.about .course .course-wrap{margin-left:30px;padding:10px 10px;}
.about .course .course-box{width:60%;padding:15px 0px;}
.about .course .course-year span{font-size:1.5rem}
.about .course .course-year{width:70px;height:76px;line-height:36px;}
.about .course .course-txt{margin-left:85px;font-size:16px;line-height:26px;height:auto;margin-right:15px}
.about .course .full-box{width:100%}
.about .course .course-img{width:100%;}
.about .course i.line{left:69px;}
/* news */
.news{padding-bottom:20px;}
.news .news-head{width:100%;margin-bottom:0px;}
.news .news-head ul{margin:0 -7px;}
.news .news-head li{display:block;float:left;width:33.33%;margin-bottom:20px}
.news .news-head li a{display:block;margin:0px 7px;}
.news .hd-title{border:1px solid #c2c2c2;border-top:none;padding:13px 15px}
.news .news-search{width:100%;height:60px;margin-bottom:20px}
.news .search-box{height:40px;padding:10px 15px;background:#f7f7f7;}
.news .sch-title{width:85px;line-height:40px;float:left;font-size:20px}
.news .sch-wrap{height:100%;margin-left:90px;}
.news .sch-select{margin-right:2%;width:36%;float:left}
.news .select:before{content: "";position:absolute;width:0;height:0;border:7px solid transparent;border-top-color:#ccc;top:19px;right:5px;cursor:pointer;z-index:-2;}
.news .select select{padding:10px 10px;}
.news .sch-input{display:none}
.news .sch-button{width:24%;}
.news .sch-button .ui-submit{height:40px;line-height:40px} 
.news .news-list-title{margin:0px 0px 15px}
.news .news-title-top{margin-bottom:5px;line-height:27px;font-size:20px;}
.news .news-title-content{line-height:26px;}
.news .news-list-cont{width:100%}
.news .news-list-cont li{display:block;width:100%;margin-bottom:15px}
.news .news-list-cont a{display:block;padding:15px;background:#f6f6f6;border:1px solid #f6f6f6;position:relative }
.news .news-list-cont .nw-time{background:none;width:83px;height:auto;color:#666;text-align:left;float:none;position:absolute;left:15px;bottom:15px;}
.news .news-list-cont .nw-time p{display:inline-block;padding-top:0px;font-size:16px;line-height:27px;position:absolute;top:0px;right:0px;}
.news .news-list-cont .nw-time p::before{content:".";}
.news .news-list-cont .nw-time em{display:block;font-size:16px;line-height:27px}
.news .news-list-cont .read-more{width:100%;text-align:right;margin-top:10px;text-transform:uppercase;} 
.news .news-inform{margin-left:0px;height:100%;width:100%} 
.news .media-list ul{margin:0px 15px;}
.news .media-list li{width:100%;display:block;float:none;margin-bottom:10px}
.news .media-list .grid-box{margin:0px 0px;text-align:center;}
.news .media-list .grid-post em{display:block;width:60px;height:60px;position:absolute;left:50%;top:50%;margin:-30px 0px 0px -30px;background:url(../images/play2.png) no-repeat center;cursor:pointer;opacity:1;visibility:visible;transform:none;-webkit-transform:none;-moz-transform:none;}
.news .paper-list{width:100%}
.news .paper-list ul{margin:0px 5px 0px;}
.news .paper-list li{width:50%;display:block;float:left;margin-bottom:20px}
.news .grid-item{margin:0px 10px;}
.news .news-detail{padding:0px 15px 0px;padding-bottom:0px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}
.news .pre-nxt{height:auto}
.news .pre-nxt a{display:block}
.news .paper-list .rund-box{margin:0 30px;}
.news .paper-list .lt-prev,.news .paper-list .rt-next{transition:all .35s;-webkit-transition:all .35s;-moz-transition:all .35s;opacity:1;}
.news .paper-list .lt-prev{left:10px;background:url(../images/lt-prev.png) no-repeat center}
.news .paper-list .lt-prev:hover{background:url(../images/lt-prev-on.png) no-repeat center}
.news .paper-list .rt-next{right:10px;background:url(../images/rt-next.png) no-repeat center}
.news .paper-list .rt-next:hover{background:url(../images/rt-next-on.png) no-repeat center}
.news .paper-list:hover .lt-prev{left:10px;opacity:1;}
.news .paper-list:hover .rt-next{right:10px;opacity:1;}
/* Business */
.wrapper{padding:40px 0px;width:100%}
.busines .border{border:1px solid #dcdcdc;}
.busines .busi-infor{margin:0px 0px 40px;}
.busines .lease{width:100%;padding-bottom:20px;position:relative}
.busines .tab-nav{width:100%;height:40px;border-bottom:1px solid #c7000a;background:#e5e5e5;margin-bottom:30px;cursor:pointer}
.busines .tab-nav a{display:block;height:100%;color:#ca0d16;font-size:16px;text-align:center;}
.busines .tab-nav span{display:block;line-height:40px;border-left:1px solid #ca0d16;}
.busines .tab-nav a:first-child span,.busines .tab-nav a.nobor span{border-left:0px solid #ca0d16}
.busines .tab-nav a.active{background:#ca0d16;color:#FFF;} 
.busines .tab-main{padding:0px 0px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}
.busines .lease-tier{width:100%;margin-bottom:40px;}
.busines .lease-img{width:40%;margin-bottom:20px}
.busines .lease-box{width:56%;padding-top:0px}
.busines .lease-build{border:1px solid #dcdcdc;padding:20px}
.busines .build-name{margin-bottom:10px;font-weight:bold}
.busines .build-infor{line-height:28px;}
.busines .approve-list ul{margin:0px -15px;} 
.busines .approve-list .gird{margin:0px 15px;}
.busines .approve-list .appr-img{margin:0px auto 15px;width:50%;text-align:center}
.busines .shop-box{width:100%;text-align:justify;text-indent:2rem}
.busines .shop-img{width:100%}
.busines .juli-title,.busines .juli-layer,.busines .site-box{margin-bottom:20px;width:100%} 
.busines .juli-layer{margin-bottom:40px}
.busines .juli-img{width:100%;margin-bottom:20px}
.busines .juli-intron{width:100%;line-height:30px;}
.busines .list-row2 ul{margin:0px 0px;}
.busines .list-row2 li{width:100%;margin-bottom:20px}
.busines .list-row2 .list-grid{margin:0px 0px;}
.busines .list-box .grid-infor{padding:10px 0px}
.busines .adver-img{width:100%;position:relative}
.busines .adver-img img{vertical-align:middle;display:block;width:100%}
.busines .video-poster{width:100%;position:relative} 
.busines .video-poster span{display:block;width:72px;height:72px;position:absolute;top:50%;left:50%;margin-left:-36px;margin-top:-36px;background:url(../images/play.png) no-repeat center;cursor:pointer}
.busines .video-poster .playIng{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);opacity:0;visibility:hidden}
.busines .video-box{width:100%;position:relative;display:none} 
.busines .videoBox{width:100%;}
.busines .videoBox video{width:100%}
.busines .adver-desc{width:100%;height:100%;position:static;top:0px;right:0px;}
.busines .adware-text{padding:10px 10px;line-height:28px}
.busines .adware-list{width:100%;margin-bottom:10px;}
.busines .adware-list ul{margin:0px -6px;}
.busines .adware-list li{display:block;}
.busines .adware-list .list-grid{margin:0px 6px;border:1px solid #dcdcdc;}
.busines .adware-infor{padding:13px 15px;line-height:27px;}  
.busines .adware-infor h1{display:block;font-size:18px;font-weight:normal;margin-bottom:5px}
.busines .layer-adware{width:100%;position:relative;margin-bottom:20px;overflow:hidden}
.busines .imag img{vertical-align:middle;width:100%;transition:all 0.35s;-webkit-transition:all 0.35s;-moz-transition:all 0.35s;}
.busines .list-row4 ul{margin:0px -5px;}
.busines .list-row4 li{width:33.33%;}
.busines .list-row4 .list-grid{margin:0px 5px;position:relative;overflow:hidden}
.busines .infor-text{height:auto;line-height:35px;}
.busines .tab{width:100%} 
.busines .sales-nav a{width:33.33%;float:left;position:relative;box-sizing:border-box;display:block;font-size:15px}
.busines .pic-list ul{margin:0px -6px}
.busines .pic-list li{float:left;display:block;width:50%;margin-bottom:15px}
.busines .pic-list .pictu{display:block;margin:0 6px;overflow:hidden;max-height:260px;min-height:130px;overflow:hidden;}
.busines .art-image{width:100%;float:none;margin-bottom:20px;}
.busines .art-image img{width:100%}
.busines .art-descd{width:100%;float:none;}
.busines .art-img-list li{width:50%}
.busines .shop-intro .btn-ary{opacity:1;}
.busines .shop-intro .ary-prev{left:5%;}
.busines .shop-intro .ary-next{right:5%;}
.busines .shop-intro:hover .ary-prev{left:5%;opacity:1;}
.busines .shop-intro:hover .ary-next{right:5%;opacity:1;}
/* Hr */
.hr .concept{width:100%;position:relative}
.hr .hr-nav{width:100%;margin-bottom:20px;height:auto;text-align:center;border:0px;}
.idea-tab .tou_he {
    height: 150px;
}
.hr .hr-nav a{display:inline-block;width:45%;height:100%;margin:0px 1% 20px;background:#ececec;font-size:16px;color:#878787;cursor:pointer;border:0px;}
.hr .tou_he  .hr-nav a {width:48%;}
.hr .hr-nav span{display:inline-block;height:100%;padding-left:45px;line-height:60px;border:0px;}
.hr .hr-nav .icon1{background:url(../images/hr-icon1.png) no-repeat center left}
.hr .hr-nav .icon2{background:url(../images/hr-icon2.png) no-repeat center left}
.hr .hr-nav .icon3{background:url(../images/hr-icon3.png) no-repeat center left}
.hr .hr-nav .icon4{background:url(../images/hr-icon4.png) no-repeat center left}
.hr .hr-nav a.active{background:#ca0d16;color:#FFF;border:0px;}
.hr .hr-nav a.active .icon1{background:url(../images/hr-icon1-on.png) no-repeat center left;border:0px;}
.hr .hr-nav a.active .icon2{background:url(../images/hr-icon2-on.png) no-repeat center left;border:0px;}
.hr .hr-nav a.active .icon3{background:url(../images/hr-icon3-on.png) no-repeat center left;border:0px;}
.hr .hr-nav a.active .icon4{background:url(../images/hr-icon4-on.png) no-repeat center left;border:0px;}
.hr .hr-nav a.active .icon1, .hr .hr-nav a:hover .icon1 {  background:url(../images/hr-icon1-on.png) no-repeat center left;border:0px; }
.hr .hr-nav a.active .icon2, .hr .hr-nav a:hover .icon2 {  background:url(../images/hr-icon2-on.png) no-repeat center left;border:0px; }
.hr .hr-nav a.active .icon3, .hr .hr-nav a:hover .icon3 {  background:url(../images/hr-icon3-on.png) no-repeat center left;border:0px; }
.hr .hr-nav a.active .icon4, .hr .hr-nav a:hover .icon4 {  background:url(../images/hr-icon4-on.png) no-repeat center left;border:0px; }
.hr .tab-main{padding:0px 15px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}
.hr .concept-left{width:100%;margin-left:0%;padding-top:20px;}
.hr .conc-title{color:#ca0d16;margin-bottom:20px;}
.hr .conc-text{line-height:28px;text-align:justify;margin-bottom:20px}
.hr .concept-right{width:100%;margin-right:0%;}
.hr .job-search{width:100%;height:auto;}
.hr .search-box{height:auto;padding:10px 15px 15px;background:#f7f7f7;}
.hr .sch-title{width:100%;line-height:30px;float:none;font-size:1.25rem;margin-bottom:10px}
.hr .sch-wrap{width:100%;margin-left:0px;height:45px; }
.hr .sch-select{margin-right:2%;width:37%;float:left}
.hr .select{width:100%;position:relative;vertical-align:middle;overflow:hidden;background-color:#fff;color:#999;text-shadow:none;transition:box-shadow 0.25s ease;z-index:2;}
.hr .select:hover{box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);}
.hr .select:before{content: "";position:absolute;width:0;height:0;border:7px solid transparent;border-top-color:#ccc;top:18px;right:5px;cursor:pointer;z-index:-2;}
.hr .select select{cursor:pointer;padding:10px 7px;width:100%;border:none;color:#999;background:transparent;background-image:none;-webkit-appearance:none;-moz-appearance:none;font-size:16px}
.hr .select select option{color:#333;font-size:15px } 
.hr .select select:focus{outline: none}
.hr .sch-input{width:26%;float:left;height:100%;margin-right:2%;display:none}
.hr .sch-input p{display:block;height:100%;float:left;width:100%;}
.hr .sch-input .ui-txt{background:#FFF;border:1px solid #c2c2c2;padding:0px 6px;height:48px;line-height:48px;width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;} 
.hr .sch-button{width:20%;float:right}
.hr .sch-button .ui-submit{float:right;width:100%;height:40px;background:#c7000a;text-align:center;line-height:40px;color:#FFF;border:none;font-size:16px}
.hr .sch-button .ui-submit:hover{box-shadow:inset 0 1px 5px rgba(0,0,0,0.25);}
.hr .job-title{height:45px;padding:0px 15px;line-height:45px;box-sizing:border-box;-webkit-box-sizing:border-box;}
.hr .job-title span,.hr .job-title em,.hr .job-title i,.hr .job-intron span,.hr .job-intron em,,.hr .job-intron i{display:block;height:100%;float:left;box-sizing:border-box;-webkit-box-sizing:border-box;}
.hr .job-title em{font-style:normal;display:none}
.hr .job-intron span,.hr .job-intron em{display:block;font-style:normal;width:25%;float:left;text-align:center}
.hr .job-intron em{display:none}
.hr .job-title span,.hr .job-intron span{width:73%;text-align:left;float:left}
.hr .job-title i,.hr .job-intron i{width:25%;float:right}
.hr .job-list li{box-sizing:border-box;-webkit-box-sizing:border-box;}
.hr .job-intron{height:40px;line-height:45px;padding:0px 15px;line-height:40px;box-sizing:border-box;-webkit-box-sizing:border-box;}
.hr .job-list .active{background:#f8f8f8}
.hr .job-list .active .open{background:#f4f4f4}
.hr .job-infor{padding:15px 15px;}
.hr .job-desc span,.hr .job-desc em{display:block;margin-right:0px;}
.hr .job-pack a{line-height:40px;}
.hr .mien-top{margin-bottom:20px;padding:15px 15px;background:#f6f6f6}
.hr .mien-pic{float:none;width:100%;height:auto;overflow:hidden;margin-bottom:20px;}
.hr .mien-pic a{display:block;width:100%;position:relative;overflow:hidden}
.hr .mien-pic img{display:block;width:100%;height:auto}
.hr .mien-cont{margin-left:0%;width:100%;} 
.hr .mien-time{margin-bottom:20px;color:#c7000a;width:100%;font-size:20px} 
.hr .mien-time i{display:block;width:52px;height:1px;background:#a0a0a0}
.hr .mien-title{margin-bottom:15px;position:relative}
.hr .mien-title p{display:inline-block;position:relative;line-height:40px;}
.hr .mien-title p:after{content:"";display:block;width:0%;height:1px;position:absolute;left:0px;bottom:0px;background:#c7000a}
.hr .mien-infor{line-height:27px;color:#666}
.hr .more-link{width:100%;margin-top:20px;text-align:right;font-size:16px;}
.hr .more-link a{margin-right:12px;display:inline-block;text-transform:uppercase}
.news .more-news{height:40px;}
/* culture */ 
.culture .idea-main{width:100%;margin-bottom:40px;padding:0px 15px;box-sizing:border-box;-webkit-box-sizing:border-box}
.culture .idea-main h1{display:block;width:100%;font-size:22px;margin-bottom:40px;font-weight:normal;text-align:center}
.culture .idea-main li{display:block;width:100%;margin-bottom:20px}
.culture .idea-main .idea-box{margin:0px 0%}
.culture .idea-main .idea-pic{width:100%;float:none;text-align:center;}
.culture .idea-main .idea-pic img{width:40%}
.culture .idea-main .idea-infor{margin-left:0%;font-size:16px;padding:15px 0px;line-height:28px;text-align:justify}
.culture .idea-desc{padding:30px;box-shadow:0px 0px 30px rgba(0,0,0,0.08);margin-bottom:40px}
.culture .idea-txt{width:100%;float:none;margin-bottom:20px}
.culture .idea-txt h1{display:block;font-weight:normal;font-size:26px;margin-bottom:7px}
.culture .idea-txt .text-box{line-height:28px;font-size:16px;color:#666;text-align:justify}
.culture .idea-img{float:none;width:100%;}
.culture .tabbody{width:100%;margin-bottom:30px;padding:0px 15px;box-sizing:border-box;-webkit-box-sizing:border-box}
.culture .idea-nav{width:100%;height:auto;margin-bottom:20px}
.culture .idea-nav::after{content:"";display:block;width:100%;clear:both;overflow:hidden;height:0px;}
.culture .idea-nav a{display:block;float:left;width:auto;height:40px;line-height:40px;cursor:pointer;font-size:20px;color:#898989}
.culture .idea-nav span{display:block;text-align:center}
.culture .idea-nav em{display:block;text-align:right}
.culture .idea-nav a.current{color:#c7000a}
.culture .tab-main{width:100%}
.culture .tab-layer{position:relative;width:100%}
.culture .tab-layer::after{content:"";display:block;width:100%;clear:both;}
.culture .tab-layer .tab-txt{width:100%;height:100%;position:static;top:0px;left:0px;margin-bottom:20px}
.culture .tab-layer .text{line-height:28px;color:#666}
.culture .tab-layer .img-wall{width:100%;float:none}
.culture .tab-layer .img-wall img{vertical-align:middle}
.culture .tab-item{width:100%;margin-bottom:20px} 
.culture .layer{margin-bottom:0px;position:relative}
.culture .tab-main{padding:0px 15px;box-sizing:border-box;-webkit-box-sizing:border-box}
.culture .pioner-left{width:100%;margin-bottom:15px;}
.culture .pioner-text{width:100%;} 
.culture .tab-wrapper{margin-top:40px;}
.culture .wrap-nav{margin-bottom:20px}
.culture .wrap-nav a{display:block;float:left;width:100px;}
.culture .wrap-nav a:last-child{margin-right:0px;}
.culture .tab-tier .text{padding-right:0px;}
.culture .course{padding:0px 15px 20px;}
.culture .course li{display:block;width:100%;border-bottom:1px solid #ccc;position:relative;}
.culture .course li:after{content:"";display:block;width:1px;height:100%;position:absolute;left:80px;top:20px;background:#ccc;z-index:-1}
.culture .course .course-main{width:100%;position:relative;color:#666;z-index:1;padding:25px 0px 0px;}
.culture .course .cour-year{float:left;width:80px;position:relative;color:#c7000a;}
.culture .course .cour-year em{display:block;width:18px;height:21px;position:absolute;top:50%;right:-9px;margin-top:-10px;background:url(../images/roud.png) no-repeat center;}
.culture .course .cour-year span{display:block;font-size:24px;font-weight:bold;line-height:42px}
.culture .course .cour-infor{margin-left:80px;padding:0px 0px 0px 30px;text-align:justify}
.culture .course .cour-grid{border-bottom:1px solid #ccc;padding:0px 0px 20px;line-height:28px;margin-bottom:20px;} 
.culture .conclusion img{display:block;width:100%;height:195px} 
.culture .conclu-text{margin-left:0px;line-height:30px;padding:15px;} 
.culture #owl-idea .idea-box{padding:0px 0px;}
.culture .owl-btn{width:30px;height:30px;position:absolute;top:90px;margin-top:0px;border:none;cursor:pointer;background:rgba(0,0,0,0.5)} 
.culture .owl-prev{left:0px;} 
.culture .owl-next{right:0px;} 
#video-popup .mubu{width:100%;left:0px;margin-left:0px;}
}
@media screen and (max-width:768px) {
    .fl,.fr{float:none}
    .page-site{height:83px;margin-bottom:1.25rem;}
    .word{font-size:17px}
    .borpad{padding-bottom:40px;}
    .mar60{margin-bottom:40px;}

    /* Footer */
    #Footer{position:relative;background:#e8e8e8;padding:15px 0px;}
    #Footer .wrap{color:#333;font-size:14px;line-height:24px;} 
    #Footer .foot-menu{position:relative;padding:15px 15px 20px;}
    #Footer .foot-menu ul{float:none;width:100%;box-sizing: border-box; }
    #Footer .foot-menu li{display:block;float:left;margin-right:0px;width:25%;text-align:center;margin-bottom:1.25rem;column-span: all;column-fill:auto}
    #Footer .foot-menu h1{display:block;font-weight:600;margin-bottom:5px} 
    #Footer .foot-menu h1 a{font-size:15px;}
    #Footer .qr-code{width:100px;height:147px;float:none;text-align:center;margin:0 auto}
    /* banner */
    #banner .formats i.ia{background-size:20px auto}
    #banner .formats i.ib{background-size:20px auto}
    #banner .formats i.ic{background-size:20px auto}
    #banner .formats i.id{background-size:20px auto}
    #banner .formats i.ie{background-size:20px auto}
    /* about */
    .about .about-desc, .about .about-pic{padding:0px 0px;}
    .about .brand-course{padding:20px 15px;}
    /* culture */
    .culture .tab-main{padding:0px 0px}
    .culture .eleg-carousel .point{width:100%;overflow:hidden;} 
    .culture .eleg-carousel .version{width:100%;transition:all 0.35s;-webkit-transition:all 0.35s;-moz-transition:all 0.35s;}
    .culture .eleg-carousel .padd-wrap{padding:15px 0px;}
    .about .course-wrapper li.eve{padding-top:0px;}
    .about .honor-top{font-size:14px;}
    .about .honor-top p{width:46%;}
    .about .honor-top span{width:24%}
    .about .honor-top i{padding:0px 10px;}
    .about .honor-list li{height:80px;font-size:14px;}
    .about .honor-list .h-name p, .about .honor-list .h-danw p,.about .honor-list .h-comp p{padding:0px 10px;}
    .about .honor-list .h-name{width:46%}
    .about .honor-list .h-comp{width:24%;}
    .about .course .course-wrap .table,.about .course .course-wrap .table-row,.about .course .course-wrap .tab-cell{display:block;padding:0px 0px;}
    .about .course .course-box{width:100%}
    .about .course .course-year{width:100%;float:none;position:static;height:30px;line-height:30px;margin-bottom:10px;}
    .about .course .course-year i,.about .course i.line{display:none}
    .about .course .course-txt{margin-left:0px;margin-right:0px;width:100%;margin-bottom:20px;}
    /* news */
    .news .search-box{padding:10px 10px;}
    .news .sch-title{font-size:16px;width:70px;}
    .news .sch-wrap{margin-left:70px;}
    .news .news-head{width:100%;margin-bottom:0px;}
    .news .news-head ul{margin:0 0px; width:100%}
    .news .news-head li{display:block;float:none;width:100%;margin-bottom:20px}
    .news .news-head li a{display:block;margin:0px 0px;}
    .news .paper-list{width:100%;padding:0px 15px;box-sizing:border-box;-webkit-box-sizing:border-box;}
    .news .paper-list .rund-box{margin:0 15px;}
    .news .media-list ul{margin:0px 0px;width:100%}
    .moblie-paper{display:block;}
    .paper-list{display:none}
    .news .news-detail{padding:0px 0px 0px}
    .news .news-date span{margin-right:15px;font-size:14px;}
    /* busines */
    .busines .navgi-box{height:40px;margin:0px -15px 30px;}
    .busines .row6 a{display:block;width:20%;float:left;}
    .busines .row6 span{padding:0px 0px}
    .busines .lease{margin-bottom:0px;padding-bottom:0px;}
    .busines .lease-img,.busines .lease-box,.busines .approve-list li,.busines .approve-list ul,.busines .lease-item .lease-image,.busines .lease-item .lease-intro,.busines .adware-list li,.busines .sales-images,.busines .art-img-list li,.busines .referral .ser-image,.busines .wy-item li,.busines .hotel-intro .intro-left,.busines .hotel-intro .intro-right{width:100%;float:none}
    .busines .approve-list ul{margin:0px 0px;}
    .busines .approve-list li{margin-bottom:20px;border-bottom:1px solid #878787;padding-bottom:20px}
    .busines .approve-list li:last-child{margin-bottom:0px;border-bottom:none}
    .busines .approve-list .appr-img{width:40%;}
    .busines .lease-item .lease-intro,.busines .sales-intro,.busines .referral .ser-text,.busines #owl-area .servive-box{position:static;width:100%}
    .busines .lease-item .lease-desc{padding:15px 15px;height:auto}
    .busines .lease-tier{margin-bottom:0px;}
    .busines #owl-shop,.busines #owl-list,.busines #owl-area .servive-image{width:100%;}
    .busines .list-row4 li{width:50%;}
    .busines .sales-nav a{width:auto;}
    .busines .sales-nav a span{padding:0 1px;font-size:14px;text-align:center}
    .busines .sc-contact,.busines .sales-mdtitle{margin-bottom:5px;}
    .busines .sales-layer{margin-top:20px;}
    .busines .pic-list li{max-height:130px;overflow:hidden}
    .busines .referral .ser-text-padd{padding:15px;}
    .busines .referral .ser-image,.busines #owl-area .servive-image{margin-left:0%;}
    .text-scroll,.busines .wy-item .text-scroll{width:100%;height:auto}
    .busines .youshi .wrapper{height:auto}
    .busines .wy-item li{margin-bottom:20px}
    .busines .ys-list li{width:46%}
    /* culture */
    .culture #owl-idea .idea-text,.culture #owl-idea .idea-img{width:100%;float:none}
    .culture .idea-img{margin-bottom:15px;}
    .culture #owl-idea .idea-text{position:static;}
    .culture #owl-idea .idea-text h1{padding:0px 0px 0px}
    .culture #owl-idea .text-box{padding:0px 0px 5px}
    .culture .five-list ul{margin:0px -8px}
    .culture .five-list li{display:block;float:left;width:50%;margin-bottom:20px;}
    .culture .five-list .item-box{margin:0 8px;} 
    .str_li {width: 100%;margin-right:0px;}
    .str_ul {width: 100%; }
    .bus_td {width: 20%;}
    .bus_table {width: 102%; font-size: 13px;}
    
}

@media screen and (max-width: 800px) {
    .qr-code.big-code {
    width: 80px;
}

.company.ani.show {
    height: auto;
}

.contact .com-name {
    width: auto;
    font-size: 18px;
    padding-right: 79px;
    line-height: 28px;
}

.ani-box.ani-down {
}

.contact .com-layer .com-contact {
    padding-right: 0px;
    text-align: left;
}

.contact .com-layer {
    width: 78%;
}
.sub_imgBl {
    width: 100%;
}

.sub_teBl {
    width: 100%;
    padding-top: 20px;
}

.culture .sub-menu-tab-nav p {
    margin: 0px 5%;
}
 
.pl_bu {
    top: 26px;
    right: 33px;
    background-size: 26px;
}

.pl_bu.cur {
    background-size: 24px;
}
.str3_img {
    width: 100%;
    float: none;
}

.str3_teBl {
    position: relative;
    top: 0px;
    margin-top: 0px;
    margin-top: 15px;
    padding-left: 5%;
    padding-bottom: 20px;
}

span.str_nT {
    font-size: 20px;
}

span.str_nE {
    font-size: 18px;
}

.str3_name {
    margin-bottom: 5px;
}

.str3_te {
    line-height: 24px;
}
}