@charset "utf-8";
/* CSS sxf 2013 */
*{margin:0;padding:0;list-style-type:none;}
body{ font-family:"Arial",Verdana, Arial, Helvetica, sans-serif; color:#333; font-size:14px;background-color: #fff;-webkit-overflow-scrolling:touch;line-height: 1.6;}
a,img{border:0;}
a { text-decoration:none}
a:hover{ text-decoration: underline;}
input:focus,
a:focus,a:visited{ outline:none}
a i{ display:none; cursor:pointer; }
.fl{ float:left;*display:inline}
.fr{ float:right;*display:inline}
img{ display:block;outline:none;border:none; max-width: 100%}
.wp{width:1100px;margin:0 auto;}
.clearfix:after {visibility:hidden;  display:block; font-size:0; content:" "; clear:both; height:0;}
.clearfix {zoom:1;}
ul,li,p,h1,h2,h3,h4,h5,h6{margin-bottom: 0;margin-top: 0;list-style: none;}


.headdiv{width: 100%;overflow: hidden;}

/*logo和导航*/
.logo{width:367px;float:left;margin:23px 0}
.logo img{float:left}
.lang{float: right;margin-top: 50px;}
.lang a{color: #333;font-size: 16px;display: inline-block;margin: 0 10px}
.lang a.on{color: #db0019;font-weight: bold;}
.nav{background: url(../images/bg_nav.png) no-repeat top center;}
.nav ul{width: 100%;overflow: hidden;display:-webkit-flex;	display:flex; justify-content: space-between;}
.nav li{cursor: pointer;height: 50px;margin-right: 0px;}
.nav li a{font-size: 14px;color: #fff;display: block;line-height: 50px;height: 50px;text-shadow: 0 0 6px rgba(0,0,0,.5)}
.headdiv button {z-index:22;width:25px;height:30px;position:absolute;top:20px;right:15px;background-color:transparent;border:none;outline:none;cursor:pointer;display:none;}
.headdiv button span {display:block;width:25px;height:2px;background:#1677ff;margin-bottom:6px;transition:0.5s;}
.headdiv button span.spa1 {transform:rotate(45deg);}
.headdiv button span.spa3 {transform:rotate(-45deg) translate(5px,-5px);}
.headdiv-mobile{position: fixed;width: 100%;top:0;left:0;z-index: 10000;background-color: #fff}

.nav .on a.one-nav:before {transform: translate(-50%) scaleX(1); opacity: 1;}
.cc .nav a.one-nav{color:#000;}
.head-on .nav a.one-nav,
.headdiv:hover .nav a.one-nav{color:#000;}
/*二级导航*/
.nav .sub {display:none;width:100%;padding:0;top:100px;text-align:left;z-index:110;left:0;}
.nav .sub-menu {position:relative;top:0;z-index:1;display:flex;min-width:38vw;white-space:nowrap}
.nav .sub-menu ul {position:relative;top:0;z-index:1;}
.nav .sub-menu ul li {position:relative;margin-top:0;margin-right:30px;line-height:34px;opacity:0;transition:all .3s cubic-bezier(.645,.045,.355,1)}
/*二级导航-网站建设*/
.nav .on .sub {position:absolute;top:100px;left:0;display:block;width:100%;padding:20px 0;opacity:1;}
.nav .on .sub:after {position:absolute;top:0;left:-100vw;width:300vw;height:100%;background-color:rgba(255,255,255,.7);transform-origin:50% 0%;content:"";}
.nav .on .sub-menu ul li {opacity:1;}
.nav .sub-menu ul li a {transition:all .3s;color:#666}
.nav .sub-menu ul li a:hover {color:#1677ff}



/*轮播图*/
.swiper-ban{position: relative;width: 1440px;margin: auto;}
.swiper-ban img {max-width:100%;display: block;margin: auto;}


/* 首页新闻 */
.m-news{margin-top: 60px;}
.atit{}
.atit span{font-size: 28px;position: relative;float: left;}
.atit span:before{content: "";width: 100%;height: 6px;background: url(../images/line1.png) no-repeat top left;position: absolute;bottom:-12px;left:0;display: block;}

.newsbox{overflow: hidden;display:-webkit-flex;	display:flex;margin-top: 50px;}
.newsbox a{color: #333}
.newsbox a:hover{color: #000;text-decoration: underline;}
.newsbox .hd{width: 430px}
.newsbox .bd{flex:1;margin-left: 40px;}
.newsbox h4{font-size: 16px;color: #333;padding: 0 0 8px 0}
.newsbox p{font-size: 14px;color: #888}
.newsbox .more{margin-top: 20px;}
.newsbox .more a{width: 44px;height: 9px;background: url(../images/more.png) no-repeat;display: block;}
.newsbox .hd p{border-top: solid 1px #ddd;padding-top: 8px;}
.newsbox .hd h4{padding-top: 10px;}
.newsbox .bd .top{display:-webkit-flex;	display:flex;}
.newsbox .bd .top a{display: block;}
.newsbox .bd .top .con{flex: 1;margin-left: 15px;}
.newsbox .bd .list li{display:-webkit-flex;	display:flex;-ms-align-items: center;align-items: center;margin-top: 15px;}
.newsbox .bd .list .date{ width: 92px;text-align: right;color: #333;font-size: 16px}
.newsbox .bd .list .date span{font-size: 24px;display: block;}
.newsbox .bd .list .con{flex: 1;margin-left: 15px;border-left: solid 1px #ccc;padding-left: 15px;}


.m-mission{margin-top: 60px;}
.m-mission .con{text-align: center;padding-top: 50px;}
.m-mission h4{color: #310285;font-size: 26px;padding-top: 60px;height: 70px;background: url(../images/cp1.png) no-repeat top center;background-size: auto 100%; text-indent: -999em;overflow: hidden;}
.m-mission .txt1{font-size: 16px;padding: 20px 0}
.m-mission .txt2 {font-size: 26px}
.m-mission .txt2 span{color: #310285;display: inline-block;margin-right: 30px;}

.m-about{background: url(../images/bg_abouts.jpg) no-repeat top center;height: 605px;margin-top: 150px;padding-top: 120px;}
.m-about p{font-size: 14px;margin-top: 50px;width: 820px;line-height: 26px;color: #000}


.m-history {position: relative;	width: 1240px;margin: 60px auto 0}
.m-history h3{width: 1100px;margin: auto;}
.swiper-history {padding-bottom: 60px;margin-top: 70px;}
.swiper-history .swiper-slide {width: 459px;}
.swiper-history .swiper-slide h4{font-size: 40px;text-align: center;color: #310285;padding-bottom: 20px;}
.swiper-history .swiper-slide p {padding: 10px 10px 0;color: #333; font-size: 16px;}
.swiper-history .swiper-button-prev,
.swiper-history .swiper-button-next{width: 21px;height: 37px;}
.swiper-history .swiper-button-prev{background: url(../images/cprev.png) no-repeat;background-size: cover;}
.swiper-history .swiper-button-next{background: url(../images/cnext.png) no-repeat;background-size: cover;}

.swiper-history .swiper-button-next:after, 
.swiper-history .swiper-button-prev:after{content: ""}

.m-join{background: url(../images/bg_join.jpg) no-repeat top center;height: 494px;overflow: hidden;margin-top: 80px;}
.m-join h3{margin-top: 60px;}
.m-join p{font-size: 16px;color: #000;padding: 40px 0}
.m-join a{background-color: #db0019;color: #fff;border-radius: 6px;width: 140px;height: 36px;line-height: 36px;text-align: center;display: block;transition: .2s;font-size: 16px}
.m-join a:hover{background-color: #b70015;}



.footer{background: #333;padding: 30px 0;overflow: hidden;}
.footer .con{float: left;}
.footer .con p{margin-top: 20px;}
.footer .con a{color: #fff;}
.footer .con p span{color: #fff;display: inline-block;margin: 0 18px}
.footer .con .cp{color: #838383;margin-top: 30px; line-height: 28px;}
.footer .ewm{float: right;}

.ask{width: 77px;position: fixed;left:0;top:200px;z-index: 9;}
.ask a{display: block;width: 100%;height: 100%}
.ask a.aclose{width: 18px;height: 18px;background: url(../images/close.png) no-repeat;background-size: cover;position: absolute;top:-10px;right: -14px;z-index: 10}





.he_chonxin {position:absolute;/* top:50%;*/    left:50%;transform:translateX(-50%);bottom:20px;z-index:11;display:none;}
.he_chonxcl {width:24px;}
.he_chonxcl img {width:100%;}
.he_chonxte {width:calc(100% - 24px);padding-left:5px;}
.he_chonxte p {font-size:16px;line-height:24px;color:#fff;}
.he_huhleph {display:none;}
.he_huhriph {display:none;}
.he_index {overflow:hidden;}
.he_inbo {overflow:hidden;}
.he_syzitibian {width:auto;height:100%;position:absolute;top:0;left:50%;transform:translateX(-50%);max-width:inherit;}
.mc_bs3_videobox.act .mc_bs3_video {opacity:1;/* transition:all 1s !important;transition-delay:1s;*/}
.mc_bs3_video {/* z-index:-2;opacity:0;*/    /* width:auto;*/    height:auto;max-width:none;/* transform:translateY(-30px);*/    position:absolute;transform:translate(-50%,-50%);left:50%;top:50%;min-height:100vh;transition:inherit;/* width:20%;*/}
.mc_bs3_svg {position:absolute;left:50%;top:50%;z-index:5;transform:translate(-50%,-50%);text-align:center;width:100%;max-width:none;/* transition:all 0.36s;*/}
.mc_bs3_svg {width:120%;}
.he_syp2 {position:relative;overflow:hidden;height:100vh}
.he_syp2 .mc_bs3_video {width:100%;}
.mc_bs3_video,.mc_bs3_videowrap::before,.mc_bs3_videowrap {/* transition:all 1s;*/}
.mc_bs3_videobox { width:1100px !important; height:100vh;position:relative;z-index:1;}
.mc_bs3_videobox.act .mc_bs3_video {opacity:1;/* transition:all 1s !important;transition-delay:1s;*/}
.mc_bs3_video {/* z-index:-2;opacity:0;*/    /* width:auto;*/    height:auto;max-width:none;/* transform:translateY(-30px);*/    position:absolute;transform:translate(-50%,-49%);left:50%;top:50%;min-height:100vh;transition:inherit;/* width:20%;*/}
.mc_bs3_videowrap {position:absolute;left:50%;top:50%;z-index:-1;transform:translate(-50%,-50%);width:100vw;height:100vh;max-width:none;overflow:hidden;display:none;}
.mc_b_s3 {height:300vh;overflow:hidden;}
.mc_bs3_svg {position:absolute;left:50%;top:50%;z-index:5;transform:translate(-50%,-50%);text-align:center;width:100%;max-width:none;/* transition:all 0.36s;*/}
.mc_bs3_svg {width:120%;}
.mc_bs3_videowrap {width:100vw;height:100vh;overflow:hidden;}
.mc_bs3_videowrap::before {width:110%;}
/* .mc_bs3_videowrap::before,.mc_bs3_videowrap {transition:all 1s;}
*/.mc_bs3_title {/* transition:all 0.36s;*/    position:absolute;bottom:15%;left:0;width:100%;text-align:center;}
.mc_bs3_videobox.act .mc_bs3_title {/* transform:translate(-50%,-50%) translateX(-100%);*/    opacity:0;}
.mc_bs3_videobox.act .mc_bs3_videowrap::before {opacity:0;}
/* .mc_bs3_videobox.act .mc_bs3_videowrap {width:100%;transform:translate(-50%,-50%);}
*/.mc_bs3_videobox.act .mc_bs3_video {opacity:1;/* transition:all 1s !important;*/    /* transition-delay:1s;*/}
.mc_bs3_videobox.end .mc_bs3_svg {opacity:0;}
.he_syp2hd p {font-size:16px;line-height:1.75;color:#999999;margin-bottom:15px;}
.he_syp2hd img {width:36px;animation:xl 1.2s infinite;}
.he_syp2hd {margin-top:37px;}

/*#mc_bs3_video1 {
    background: #fff;
}
*/

.conbox{padding-bottom: 60px;margin-bottom: 80px;}
.topban{width: 1440px;margin: auto;}
.sub-menu ul{display:-webkit-flex;	display:flex;border-bottom: solid 1px #b2b2b2;padding-bottom: 20px;margin-top: 20px;margin-bottom: 40px;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.sub-menu li{margin-right: 0px;}
.sub-menu li a{display: block;color: #333;font-size: 16px;padding: 8px 15px;border-radius: 8px; }
.sub-menu li.on a{background: linear-gradient(to right,#ff3831,#ff8510); color: #fff}
.sub-menu li.on a:hover{text-decoration: none;}
.team-box{margin-top: -40px;}
.team-box .con{}
.team-box .con{flex: 1;}
.team-box .con h4{font-size: 22px;padding-bottom: 10px;}
.team-box .con h4 span{font-size: 16px;display: inline-block;margin-left: 5px;}

.team-box .bd ul{}
.team-box .bd li{border-bottom: solid 1px #ddd;margin-top: 0px;padding: 30px 20px;display:-webkit-flex;	display:flex; justify-content: space-between;-ms-align-items: center;
align-items: center;}
.team-box .bd li img{ width: 130px;margin: 0 30px 0 0px }
.map-box{margin-bottom: 50px;border-bottom: solid 1px #b2b2b2; position: relative;}
.map-box > img{width: 100%}
.map-box .con{position: absolute; bottom:0;left:0;width: 90%;background-color: rgba(255,255,255,.7);display:-webkit-flex;	display:flex; padding: 40px;-ms-align-items: flex-start;
align-items: flex-start;}
.map-box .con img{width: 105px;}
.map-box .con p{flex: 1;margin-left: 20px;line-height: 1.8;font-weight: bold;}
.sm-box p{font-size: 16px;line-height: 38px;}
.sm-box h4{font-size: 22px;color: #000;padding-bottom: 20px;font-style: italic;}
.sm-box img{display: block;margin:20px auto 0;}
.ts-box ul{display:-webkit-flex;	display:flex; -webkit-flex-wrap: wrap;flex-wrap: wrap; justify-content: space-between;}
.ts-box li{width: 49%;margin-bottom: 20px;}
.ts-box li a{display: block;width: 100%;height: 100%;color: #fff;height: 240px;background:url(../images/ic_certificate.png) no-repeat 95% 5% #ee900a;position: relative;border-radius: 20px;}
.ts-box li h4{font-size: 60px;position: absolute;left:-2px;top:-12px;}
.ts-box li p{font-size: 26px;position: absolute;bottom:20px;left:20px;}
.ts-box li a:hover{background-color: #f1a208;}
.rybox{opacity: 0;width: 100%;height: 100vh;position: fixed; z-index: 1222;top:0;left:0;transition: .3s;display: none;}
.rybox .ly{background-color: rgba(0,0,0,.6);width: 100%;height: 100vh; position: absolute;top:0;left:0;z-index: 2}
.rybox .bd{background-color: #fff; width: 700px;padding: 40px;position: absolute;top:50%;left:50%;transform: translate3d(-50%,-50%,0);z-index: 3}
.rybox .bd img{display: block;margin: auto;}
.rybox .bd p{text-align: center;font-size: 18px;padding-top: 15px;color: #000}
.rybox .cclose{width: 26px;height: 26px;background: url(../images/close2.png) no-repeat;background-size: cover;position: absolute;top:8px;right: 8px;z-index: 10;display: block;}
.rybox.on{opacity: 1;display: block;}


.expo-box ul{display:-webkit-flex;	display:flex; -webkit-flex-wrap: wrap;flex-wrap: wrap; justify-content: space-between;}
.expo-box li{position: relative;margin-bottom: 20px;background-color: #f8f8f8;width: 49%;padding: 25px}
.expo-box li p{padding-top: 10px;font-size: 18px;}
.expo-box li p span{float: right; font-size: 16px}

.expo-content{background-color: #f8f8f8;}
.expo-content h2{text-align: center;font-size: 28px;padding: 40px 0 15px}
.expo-content .date{text-align: center;font-size: 14px;padding: 0px 0 35px;color: #999}
.expo-show{width: 890px;margin: auto;}
.swiper-expoThumbs{margin-top: 10px;}
.swiper-expoThumbs .swiper-slide{background-color: #000;}
.swiper-expoThumbs .swiper-slide img{border: solid 2px #f8f8f8;}
.swiper-expoThumbs .swiper-slide-thumb-active img{opacity:1;border: solid 2px #ff0000;}
.expo-news{}
.expo-news li{display:-webkit-flex;	display:flex;background-color: #f8f8f8;padding: 40px 30px;margin-bottom: 40px;}
.expo-news li a{width: 343px;}
.expo-news li .con{flex: 1;margin-left: 30px;border-left:solid 1px #ccc;padding-left: 30px;position: relative;}
.expo-news li .con h3 a{color: #333;font-size: 22px;}
.expo-news li .con p{color: #666}
.expo-news li .con p.date{color: #999;font-size: 14px;padding-top: 10px;margin-bottom: 15px;}
.expo-news li .con .more{position: absolute;right:0;bottom:0;}
.expo-news li .con .more a{color: #333;background: url(../images/ar.png) no-repeat right center;padding-right: 25px;font-size: 14px;}

.news-content{background-color: #f8f8f8; padding: 60px}
.news-content h1{padding: 0px 0 10px; font-size: 28px;width: 900px;margin: auto;}
.news-content .date{font-size: 14px;width: 900px;margin: auto;color: #999}
.news-content .content{width: 900px;margin: auto;}
.news-content .content img{margin-top: 25px;;display: block;width: 100%}
.news-content .content p{margin-top: 10px;}

.plan-list{}
.plan-list ul{display:-webkit-flex;	display:flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;justify-content: space-between;}
.plan-list li{width: 343px;margin-bottom: 25px;background-color: #f8f8f8;text-align: center;}
.plan-list li a{display: block;}
.plan-list li h5{font-size: 18px;padding: 15px 0 15px;color: #230e7c;font-weight: bold;}
.plan-list li p{font-size: 14px;padding: 0 15px 10px;}
.cp-list ul{display:-webkit-flex;	display:flex;-webkit-flex-wrap: wrap;justify-content: center;flex-wrap: wrap;}
.cp-list li{position: relative;width: 517px;height: 166px;padding-left: 120px;padding-top: 45px;margin: 0 15px 30px;background-repeat: no-repeat;}
.cp-list li h5{font-size: 24px;color: #000;font-weight: bold;padding-bottom: 10px;}
.cp-list li img{position: absolute;left:30px;top:40px;}
.cp-list li p{font-size: 14px;padding-right: 20px;}
.cp-list li:nth-child(1){background-image:url(../images/bg_rp1.png);}
.cp-list li:nth-child(2){background-image:url(../images/bg_rp2.png);}
.cp-list li:nth-child(3){background-image:url(../images/bg_rp3.png);}
.cp-list li:nth-child(4){background-image:url(../images/bg_rp4.png);}

.reg-list ul{display:-webkit-flex;	display:flex;justify-content: space-between;padding-bottom: 100px;}
.reg-list li{position: relative;width:250px;padding-top: 45px;background: linear-gradient(to bottom,#fceed9,#fff); border-radius: 15px}
.reg-list li:before{content: "";width: 138px;height: 21px;background: url(../images/reg_line.png) no-repeat;background-size: cover;position: absolute;right: -34%;top:80px;z-index: 22}
.reg-list li h5{font-size: 20px;color: #d77e00;padding-top: 25px;text-align: center;}
.reg-list li img{display: block;margin: auto;}
.reg-list li p{font-size: 14px;padding: 15px 16px 0;}
.reg-list li:last-child:before{display: none;}
.matter-box{}
.matter-box .hd{display: none;}
.matter-box .bd{margin-left: 0px;background-color: #f8f8f8;border-radius: 15px;padding: 30px}
.matter-box .bd ul{display:-webkit-flex;	display:flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.matter-box .bd li{padding-left: 100px;padding-top: 45px;margin: 0 0 30px;position: relative;width: 48%}
.matter-box .bd li img{position: absolute;left:30px;top:40px;}
.matter-box .bd li h5{font-size: 24px;color: #000;font-weight: bold;padding-bottom: 10px;}
.matter-box .bd li p{padding-right: 20px;font-size: 16px;}
.lease-list{}
.lease-list li{display:-webkit-flex;display:flex;background-color: #efefef;}
.lease-list li img{width: 50%}
.lease-list li .txt{flex: 1;display:-webkit-flex;display:flex; -ms-align-items: center;
align-items: center; padding: 0 30px}
.lease-list li .txt h5{font-size: 26px;color: #000;font-weight: bold;}
.lease-list li .txt p{padding-top: 15px;font-size: 16px;}
.lease-list li:nth-child(even){flex-direction:row-reverse;}
.publicize-list ul{display:-webkit-flex;display:flex;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.publicize-list li{width: 521px;background-color: #efefef;border-radius: 16px;overflow: hidden;margin-bottom: 50px;}
.publicize-list .img{position: relative;border-radius: 16px;overflow: hidden;}
.publicize-list .img img{width: 100%}
.publicize-list .img:before{display: block;width: 96px;height: 96px;position: absolute;top:50%;left:50%;transform: translate3d(-50%,-50%,0);content: "";z-index: 3}
.publicize-list .img:after{display: block;width: 100%;height: 100%;position: absolute;top:0%;left:0%;content: "";z-index: 2;background-color: rgba(0,0,0,.4)}
.publicize-list li:nth-child(1) .img:before{background: url(../images/pc_ic01.png) no-repeat;background-size: cover;}
.publicize-list li:nth-child(2) .img:before{background: url(../images/pc_ic02.png) no-repeat;background-size: cover;}
.publicize-list li:nth-child(3) .img:before{background: url(../images/pc_ic03.png) no-repeat;background-size: cover;}
.publicize-list li:nth-child(4) .img:before{background: url(../images/pc_ic04.png) no-repeat;background-size: cover;}
.publicize-list li h5{font-size: 24px;font-weight: bold;padding: 20px 20px 15px;color: #333}
.publicize-list li p{font-size: 16px;padding: 0 20px 30px}
.live-list ul{display:-webkit-flex;display:flex;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.live-list li{width: 49%;background-color: #efefef;border-radius: 16px;margin-bottom: 2%;text-align: center;}
.live-list li img{display: block;margin: 30px auto 0px;}
.live-list li h5{font-size: 24px;font-weight: bold;padding: 20px 0px 15px;color: #333;}
.live-list li p{font-size: 16px;padding: 0 50px 30px;}
.exhibition-list{}
.exhibition-list .item{display:-webkit-flex;display:flex;margin-bottom: 30px;-ms-align-items: flex-start;
align-items: flex-start;border-bottom: solid 1px #ccc;padding-bottom: 30px;}
.exhibition-list .img{width: 167px;display: block;}
.exhibition-list .con{flex: 1;margin-left: 20px;}
.exhibition-list .con h4{font-size: 18px;font-weight: bold;padding: 10px 40px 10px 0;color: #333;overflow: hidden;}
.exhibition-list .con h4 a{color: #333}
.exhibition-list .con h4 a.ic{width: 23px;height: 17px;background: url(../images/ar.jpg) no-repeat;background-size: cover;float: right;}
.exhibition-list .con p{padding-top: 10px;font-size: 16px}
.exhibition-list .date{font-size: 16px;padding: 0 0px 0px;color: #999}
.exhibition-list .eximg ul{display:-webkit-flex;display:flex;padding-top: 20px;}
.exhibition-list .eximg li{margin-right: 10px;}
.job-box{}
.job-box .hd ul{display:-webkit-flex;display:flex;padding-bottom: 40px;border-bottom: solid 1px #ccc;margin-bottom: 40px;}
.job-box .hd li{border: solid 1px #ccc;color: #333;position: relative;width: 150px;height: 150px;border-radius: 10px;margin-right: 15px;padding-left: 15px;cursor: pointer;}
.job-box .hd li:before{content: "";width: 37px;height: 36px;background: url(../images/job_ic1.png) no-repeat top center;background-size: cover;display: block;position: absolute;top:15px;left:15px;}
.job-box .hd li h4{font-size: 18px;font-weight: bold;color: #310285;padding: 80px 0 10px;}
.job-box .hd li p{font-size: 14px;color: #666}
.job-box .hd li.on{background-color: #ee900a; color: #fff;border: solid 1px #ee900a;}
.job-box .hd li.on:before{background: url(../images/job_ic2.png) no-repeat top center;background-size: cover;}
.job-box .hd li.on h4,
.job-box .hd li.on p{color: #fff}
.job-box .hd li:hover{border: solid 1px #ee900a;}
.job-box .bd li{display:-webkit-flex;display:flex;margin-bottom: 30px;padding-bottom: 30px;border-bottom: solid 1px #ccc;}
.job-box .bd li .con{width: 120px;text-align: center;}
.job-box .bd li .info{flex: 1;margin-left: 30px;}
.job-box .bd li .con h3{font-size: 24px;color: #333;padding-bottom: 20px;}
.job-box .bd li .con a{color: #e93356;border: solid 1px #e93356; padding: 6px 10px;border-radius: 6px;transition: .2s}
.job-box .bd li .con a:hover{text-decoration: none;background-color: #e93356;color: #fff}
.job-box .bd li .info p{color: #666;margin-bottom: 8px;}

.form-list{}
.form-list .form-item{display:-webkit-flex;display:flex;margin-bottom: 15px;}
.form-list .form-item .name{width: 350px;text-align: right;line-height: 32px;}
.form-list .form-item .name i{color: #ff0000;display: inline-block;margin-right: 8px;}
.form-list .form-item .txt{flex: 1;margin-left: 20px;}
.c-radio{display: inline-block;margin-right: 20px;vertical-align: -5px;margin-bottom: 0;}
.c-radio input{display: inline-block;vertical-align: -1px;margin-right: 6px;}
.c-input,
.c-select{height: 32px;border: solid 1px #ccc;background-color: #fff;padding: 0 10px;width: 400px}
.c-button{display: block;color: #333;font-size: 16px;padding: 8px 15px;border-radius: 8px; background: linear-gradient(to right,#ff3831,#ff8510); color: #fff;border: none;width: 140px;text-align: center;}
.c-button:hover{opacity: .8;}

.privacy{padding-bottom: 30px;}
.privacy h1{font-size: 26px;text-align: center;font-weight: bold;padding-top: 30px;padding-bottom: 20px;}
.privacy h2{font-size: 18px;font-weight: normal;padding: 15px 0;line-height: 1.8;text-indent: 2em;}
.privacy p{text-indent:2rem;line-height:1.6;margin-top: 15px;}
.privacy h3{font-weight: bold;color: #000;margin-top: 40px;text-indent: 1.7em;font-size: 18px}
.privacy h4{font-weight: bold;color: #000;margin-top: 20px;text-indent: 2.2em;}
.col-1{color: #ff0000}

.input-sc{float: right;width: 220px; margin-top: 46px; margin-left: 35px;}
.btn-sc i{background: url(../images/btn_sc.png) no-repeat;width: 25px; height: 22px;display: block; margin-left: 3px;cursor: pointer;}
.page-group{text-align: center;padding: 20px 0;}
.sc-list{}
.sc-list h2{font-size: 22px;padding: 30px 0 15px 0;}
.sc-list li{overflow: hidden;*zoom:1;border-bottom: solid 1px #e8e8e8; padding: 12px 0}
.sc-list li .date{float: right;margin-left: 20px;color: #999}
.sc-list li a{color: #333}
.sc-list li i{margin-right: 5px;}

@media(max-width:1024px){
	*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box;   box-sizing: border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);}
	body {font-family: 'PingFang SC', "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;font-size: 14px}

	a{background:transparent;text-decoration:none;color:#333;
    color: #1677ff;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    cursor: pointer;
    transition: color .3s;
    -webkit-text-decoration-skip: objects;
	}
	body{line-height: 1.6;}

	.nav{background: none;}
	.nav .wp{padding: 0;}
	.headdiv button {
		display: block;z-index: 199
	}
	.nav .on .sub:after{display: none;}
	.logo{padding-top: 20px;width: 160px;margin-top: 0px;margin-bottom: 20px;}
	.logo img{float: none;}
	.nav{width: 100%;display: block;float: none;}
	.lang{margin-top: 22px;float: left;margin-left: 15px;}
	.lang a{font-size: 12px;margin: 0 6px}

	.input-sc{width: 180px; margin-top: 82px; margin-left: 0px;margin-bottom: 15px;}
	
	.layui-nav{width: 100%;}
	.nav li.m{float: none;}
	.layui-nav li{display: block;width: 100%;border-bottom: solid 1px #ccc;opacity: 1;}
	.layui-nav li a{color: #333;display: block;opacity: 1;font-size: 16px;    text-shadow: 0 0 6px rgba(0,0,0,.2);}
	.nav a.one-nav{height: auto;padding: 14px 0; color: #000;line-height: inherit;text-align: left; text-indent: 0px;font-size: 14px}
	.swiper-banner{margin-top: 70px;}
	.swiper-banner.swiper-container-horizontal > .swiper-pagination-bullets{bottom: 45px}
	.nav a.one-nav:before{display: none;}
	.nav .on .sub{display: block;position: static;padding: 10px 0}
	.nav .sub-menu{display: block;}
	
	
	.menu{transition: all .3s cubic-bezier(.645,.045,.355,1); will-change: transforml;position: fixed; top: 60px; width: 100%;z-index: 99;overflow: hidden; height: 0px;background: #fff}
	.headdiv-mobile .nav .sub-menu ul li{opacity: 1;}
	.fiexd{box-shadow: 0 3px 3px rgba(0,0,0,.1)}
	.layui-nav{    
	position: absolute;left:0;height: 0;
    z-index: 99; top:0px;
    width: 100%;
    text-align: center;
    background: #fff;
    transition: all .3s ease;}
    .nav ul{ display: block;}
    

	.nav-open {height: 100vh; }
	.nav-open  .layui-nav{height: 100%; }

	

    .wp{width: 100%; padding: 0 10px;}
    .m-history h3,
    .swiper-ban,
    .m-history{width: 100%}
    
	
	.atit span{font-size: 18px}
	.atit span:before{height: 4px;}

	.m-news{margin-top: 20px;}
	.newsbox,
	.newsbox .bd .top{-webkit-flex-wrap:wrap;flex-wrap:wrap;}
	.newsbox{margin-top: 30px;}
    .newsbox .hd{width: 100%}
    .newsbox .bd{margin-left: 0;margin-top: 40px;}
    .newsbox .more{margin-top: 10px;}
    .newsbox .bd .top a,
    .newsbox .bd .top a img{width: 100%}
	.newsbox .bd .top .con{margin-left: 0;}
	.newsbox .bd .top .con h4{padding-top: 10px;}
	.newsbox .bd .list{margin-top: 40px;}

	.newsbox .bd .list .date{width: 70px}
	.newsbox .bd .list .date span{font-size: 20px;}

	.mc_bs3_videobox {width:100% !important;height:inherit;}
	.mc_b_s3 {height:200px}
	.he_syp2 .mc_bs3_video {width:100%;height:100%;display:block;}
	.mc_bs3_videowrap {z-index:99;display:block;transform:translate(0%,0%);height:100%;width:100%;position:relative;top:inherit;left:inherit;right:inherit;bottom:inherit;}
	#mc_bs3_video1 {background:#000;}
	.mc_bs3_video {position:relative;left:0;top:0;transform:translate3d(0,0,0);}
	.he_bofang {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;z-index:10;display:none;}
	.he_bofang img {width:100%;}
	.he_syp2.bofang .he_bofang {display:block;}
	.mc_bs3_video {width:100%;height:inherit;position:static;transform:inherit;min-height:inherit;}


	.m-mission h4{font-size: 16px;padding-top: 20px;padding-bottom: 15px;height: 40px;margin-bottom: 10px; background-size: 100% auto}
	.m-mission .con{padding-top: 30px;}
	.m-mission .txt1{font-size: 14px;}
	.m-mission .txt2{font-size: 14px;text-align: center;}
	.m-mission .txt2 span{display: block;padding: 20px 0 0;margin-right: 0;}

	.m-about{margin-top: 30px;padding-top: 30px;background: url(../images/bg_about_wap.jpg) no-repeat top center;background-size: 100% auto;height: auto}
	.m-about p{width: 98%;border-radius: 20px;background-color: #fff;margin: auto; padding: 20px;margin-top: 30px;font-size: 12px;line-height: 1.5;}
	.m-history{padding: 20px 10px 0;margin-top: 0;}
	.swiper-history{margin-top: 30px;padding-bottom: 40px;}
	.swiper-history .swiper-slide h4{font-size: 20px;padding-bottom: 10px;}
	.swiper-history .swiper-slide p{font-size: 14px}
	.m-join{margin-top: 50px;}
	.m-join p{font-size: 14px;padding: 25px 0}
	.m-join a{font-size: 14px;width: 120px;height: 30px;line-height: 30px;}
	.footer{padding: 20px 0}
	.footer .con p{margin-top: 0;}
	.footer .con .cp{margin-top: 15px; font-size: 12px;line-height: 1.8;}
	.footer .ewm{width: 80px}


	.topban{width: 100%}
	.conbox{margin-bottom: 30px;padding-bottom: 20px;}
	.sub-menu ul{margin-bottom: 20px;}
	.sub-menu li{margin-right: 6px;}
	.sub-menu li a{font-size: 14px;padding: 6px 10px;position: relative;}
	.sub-menu li a:before{width: 4px;height: 4px;border-radius: 4px;position: absolute;left:0;top:15px;content: "";display: none;background-color: #333;}
	.sub-menu li.on a:before{display: none;}
	.sm-box p{font-size: 14px;line-height: 1.6;}
	.sm-box h4 {font-size: 20px;padding-bottom: 10px;}
	.team-box{margin-top: -20px;}
	.team-box .hd ul{padding: 20px 0px}
	.team-box .hd li{padding: 15px;-ms-align-items: flex-start;align-items: flex-start;}
	.team-box .hd li img{width: 60px;margin: 0 15px 0 0 }
	.team-box .con{font-size: 12px;}
	.team-box .bd .con h4{font-size: 16px;padding-top: 10px;text-align: center;}
	.team-box .con h4 span{font-size: 14px}
	.team-box .bd ul{padding: 0}
	.team-box .bd li{padding: 20px 15px; display: block;}
	.team-box .bd li img{width: 80px;margin: auto;}
	.team-box .bd li .con{margin-left: 0px;}
	.expo-box li{padding: 0}
	.expo-box li p{font-size: 14px;padding: 8px }
	.expo-box li p span{float: none;display: block;padding-top: 5px;font-size: 12px;text-align: right;}
	.expo-content{padding-bottom: 20px;}
	.expo-show{width: 92%;margin: auto;}
	.expo-content h2{font-size: 18px;padding: 25px 10px 10px}

	.map-box .con{position: static; margin-top: 10px;width: 100%;padding: 10px}
	.map-box .con img{width: 80px}
	.map-box .con p{line-height: 1.6;font-weight: normal;margin-left: 10px;font-size: 12px}

	.expo-news li {-webkit-flex-wrap: wrap;flex-wrap: wrap;padding:0px;margin-bottom: 20px;}
	.expo-news li a,
	.expo-news li a img{width: 100%}
	.expo-news li .con{border: none;padding-left: 0;margin-left: 0;padding: 0 15px 15px}
	.expo-news li .con h3{padding-top: 10px;}
	.expo-news li .con h3 a{font-size: 18px}
	.expo-news li .more{display: none;}
	.expo-news li .con p.date{padding-top: 6px;margin-bottom: 6px;}

	.news-content{padding: 20px}
	.news-content h1,
	.news-content .date,
	.news-content .content{width: 100%}
	.news-content h1{font-size: 18px}
	.news-content .content img{margin-top: 15px;}

	.plan-list ul{justify-content: space-between;}
	.plan-list li{width: 48%;margin-bottom: 15px;}
	.plan-list li h5{font-size: 14px;padding: 8px 0 4px;}
	.plan-list li p{font-size: 11px;padding: 0 10px 10px;}
	.plan-menu ul{-webkit-flex-wrap: wrap;	flex-wrap: wrap;justify-content: space-between;}
	.plan-menu li{width: 50%;margin-right: 0;}
	.plan-menu li a{font-size: 12px}

	.ts-box li{margin-bottom: 10px;}
	.ts-box li a{height: 130px;-webkit-background-size: 15% auto;
	background-size: 15% auto;}
	.ts-box li h4{font-size: 40px;top:5px;left:5px;font-style: italic;}
	.ts-box li p{font-size: 14px;width: 80%}

	.cp-list li{width: 100%;padding: 20px 20px 20px 80px;height: auto;border-radius: 10px;overflow: hidden;background-color: #f8f8f8;margin:0 0 15px ;}
	.cp-list li img{width: 50px;left:15px;top:15px;}
	.cp-list li:nth-child(1),
	.cp-list li:nth-child(2),
	.cp-list li:nth-child(3),
	.cp-list li:nth-child(4){background-position: bottom right;background-size: 100% auto}
	.cp-list li h5{font-size: 18px;}
	.cp-list li p{font-size: 14px;padding-right: 0;}
	.reg-list ul{padding-bottom: 20px;-webkit-flex-wrap: wrap;flex-wrap: wrap;padding-bottom: 0px;}
	.reg-list li{width: 48%;margin-bottom: 30px;padding-top: 25px;}
	.reg-list li:before{display: none;}
	.reg-list li img{width: 60px}
	.reg-list li h5{font-size: 18px;padding-top: 20px;}
	.reg-list li p{font-size: 14px;padding: 10px 10px 0}
	.matter-box .bd{margin-left: 0;padding: 0px}
	.matter-box .bd li{width: 100%;padding: 10px 10px 10px 80px;height: auto;border-radius: 10px;overflow: hidden;background-color: #f8f8f8;margin:0 0 15px;}
	.matter-box .bd li img{width: 50px;left:15px;top:15px;}
	.matter-box .bd li h5{font-size: 18px;padding-bottom: 5px;padding-top: 8px;}
	.matter-box .bd li p{font-size: 14px;padding-right: 0;}
	.lease-list li{display: block;padding-bottom: 30px;}
	.lease-list li img{width: 100%}
	.lease-list li:nth-child(even){flex-direction: row}
	.lease-list li .txt{ padding: 15px}
	.lease-list li .txt h5{font-size: 18px;}
	.lease-list li .txt p{padding-top: 10px;font-size: 14px;}
	.publicize-list li{width: 100%;border-radius: 12px;margin-bottom: 20px;}
	.publicize-list li .img{border-radius: 12px}
	.publicize-list .img:before{width: 75px;height: 75px;}
	.publicize-list li h5{font-size: 18px;padding-bottom: 10px;}
	.publicize-list li p{font-size: 14px}
	.live-list li h5{font-size: 18px;padding: 15px 0px 10px;}
	.live-list li p{font-size: 12px;padding: 0 10px 20px;}
	.exhibition-list .img{width: 60px}
	.exhibition-list .con{margin-left: 10px;}
	.exhibition-list .con h4{font-size: 16px;padding: 0 0 5px 0}
	.exhibition-list .con .date{font-size: 14px}
	.exhibition-list .con p{font-size: 14px;padding-top: 5px;}
	.exhibition-list .con h4 a.ic{display: none;}
	
	.rybox .cclose{width: 16px;height: 16px;-webkit-background-size: 100% auto;
	background-size: 100% auto;}
	.rybox .bd{width: 90%;padding: 30px}
	.rybox .bd p{font-size: 14px}

	.job-box .hd ul{justify-content: space-between;}
	.job-box .hd li{width: 18%;height: auto;margin-right: 0;padding-left: 0;text-align: center;}
	.job-box .hd li a{display: block;}
	.job-box .hd li:before{left:50%;transform: translateX(-50%);}
	.job-box .hd li:before,
	.job-box .hd li.on:before{width: 27px;height: 27px;}
	.job-box .hd li h4{padding-top: 60px;font-size: 16px}
	.job-box .hd li p{display: none;}
	.job-box .bd li{display: block;padding-bottom: 20px;margin-bottom: 20px;}
	.job-box .bd li .con{width: 100%;display:-webkit-flex;display:flex;justify-content: space-between;-ms-align-items: center;
	align-items: center;margin-bottom: 10px;}
	.job-box .bd li .con h3{padding-bottom: 0;font-size: 22px;font-weight: bold;}
	.job-box .bd li .info{margin-left: 0;}
	.job-box .bd li .info p{margin-bottom: 5px;}

	.form-list .form-item{margin-bottom: 15px;display: block;}
	.form-list .form-item .name{width: 100%;text-align: left;padding-bottom: 0px;}
	.form-list .form-item .txt{margin-left: 15px;}
	.c-input,
	.c-select{width: 100%}
	.c-button{margin: auto;}






}