@charset "utf-8";
/* CSS Document */


.home-extra{}
.home-extra .header-title{text-align:center;color:#494949;font-size:36px;padding:55px 0 25px 0;}
.home-extra .border{width:70px;background:#5bbc2e;height:4px;margin:0 auto;}
.home-extra .play-btn{background: url("../images/video.play.png") no-repeat 0 0;width:130px;height:30px;line-height:30px; background-size:auto 100%;margin:25px auto 15px auto;padding-left:40px;font-size:20px;color:#5bbc2e;}
.home-extra p{text-align:center;font-size:14px;line-height:1.8}
.home-extra .f-clo{padding-bottom:35px;margin-top:45px;}
.home-extra .f-clo .f-clo-e{width:23.5%;margin-right:2%; border:1px solid rgba(221,221,221,1);min-height:180px;float:left;text-align:center;}
.home-extra .f-clo .f-clo-4{margin-right:0;}

.home-extra .icon-holder{padding-top:26px;}
.home-extra .icon-holder span:before {color:#5bbc2e;font-size: 48px;line-height: 64px;}

.home-extra .f-title{margin:25px 0 15px 0;font-size:18px;}
.home-extra .f-des{color:#999;}

.footer .weixin-qrcode {margin:0;}
.banner_name{text-align:center;position:absolute;width:50%;top:35%;left:25%;color:#fff;font-size:30px;}

.article-con{}
.article-con img{max-width:75%!important;display:block;margin:0 auto;}
.article-con iframe{width:75%!important;height:450px;display:block;margin:15px auto;}

.pages{width:auto; text-align:center;height:32px;display:block; overflow:hidden;font-size:14px;}
.pages a,.pages a:visited,.pages a:active{ display:inline-block;height:32px; line-height:32px;color:#666; padding:0 25px; background:#fff; text-decoration:none;overflow:auto; vertical-align:top; margin:0 4px;border-radius:18px;}
.pages a:hover{ background:#5bbc2e;color:#fff;}
.pages span{ display:inline-block;background:#5bbc2e; color:#fff;font-weight:bold;height:32px; line-height:32px;padding:0 25px;vertical-align:top;border-radius:18px;}

.page-contact .page-banner::before{display:none;}
.page-contact .contact-item .title{font-weight:bold!important;}


.home-join{padding:40px 0;}
.activity{width:1150px;margin:20px auto 0 auto;box-shadow:8px 8px 20px rgba(0,0,0,.1);height:480px;}
.activity li .big{width:430px;height:240px;overflow:hidden;float:left;position:relative;}
.activity li .small{width:240px;height:240px;overflow:hidden;position:relative;float:left;text-align:center;background-color:#fff;}
.activity li .small h1{margin-top:90px;font-size:24px;}
.activity li .small h2{margin-top:4px;font-size:14px;color:#ccc;}
.activity li .arrow{width:16px;height:31px;background:url(../images/joinUs/arrow1.png) no-repeat;position:absolute;right:-1px;top:50%;margin-top:-15px;}
.activity li .arrow.arrow2{background:url(../images/joinUs/arrow2.png) no-repeat;}
.activity li .arrow.arrow3{background:url(../images/joinUs/arrow3.png) no-repeat;}

.activity li .small.red{background-color:#5bbc2e;}
.activity li .small.red h1{color:#fff;}
.activity li .small.red h2{color:#fff;opacity:.5;}
.activity li .small.train{background-color:#eaeaea;}
.activity li .ani img,.ani:hover img{transition:transform .5s ease-in;}
.activity li .ani img{transform:scale(1);}
.activity li .ani:hover img{transform:scale(1.1);}
.activity li .big img{width:100%;}
.activity li .small img{width:100%;}

.home-join2{background:#f5f5f5;padding:40px 0;}
.home-join2 .j-btn{padding:0 130px;}
.home-join2 .j-btn div{height:150px;padding:0 25px 0 0;}
.home-join2 .j-btn div a{display:block;background:#eaeaea no-repeat center;height:150px;line-height:150px;text-align:center;font-size:24px;color:#333;font-weight:bold;text-indent:-9999px;}
.home-join2 .j-btn div.j-right{padding:0 0 0 25px;}

.home-join2 .j-btn .j-left a{background:url(../images/joinUs/sz.png) no-repeat 0 0;}
.home-join2 .j-btn .j-left a:hover{background:url(../images/joinUs/sz1.png) no-repeat 0 0;color:#fff;}

.home-join2 .j-btn .j-right a{background:url(../images/joinUs/xz.png) no-repeat 0 0;}
.home-join2 .j-btn .j-right a:hover{background:url(../images/joinUs/xz1.png) no-repeat 0 0;color:#fff;}

.littleIcon{width:100%;margin:0 auto;}
.littleIcon .nof{display:inline-block;text-align:center;width:191px;float:left;}
.littleIcon .nof h1{font-size:14px;margin-top:24px;}


.photo_wrap { overflow:hidden;padding-bottom:30px;}
.photo_wrap li { float:left;width:287.5px;position:relative;cursor:pointer;}
.photo_wrap li h3 { color: #fff; font-size: 14px; position: absolute; width: 100%; opacity: 1; left: 0; bottom: 0; height: 30px; line-height: 30px; background-color: #000; background-color: rgba(0, 0, 0, .5);}
.photo_wrap li h3 .text { display: block; padding-left: 22px; }
.photo_wrap li .dl { width:287.5px;height:190px;}
.photo_wrap li .dl img{display: block;width:100%}
.photo_wrap li h3 .text .arrow { background: url(../images/joinUs/arrow.png); width: 7px; height: 13px; display: inline-block; margin-left: 10px; vertical-align: middle; }

.photo_title{margin-bottom:15px;}
.photo_wrap li .play-btn{background-image:url(../images/fc/play-btn.png);background-repeat:no-repeat;position:absolute;left:50%;top:50%;width:60px;height:60px;margin:-30px 0 0 -30px;background-size:100% auto;}
.photo_wrap li a{display:block;width:100%;height:190px;position:relative;}

.contact .business-contacts .contact-item-wrapper .contact-item .title{font-size:18px;color:#666;margin-bottom:50px;}
.contact .business-contacts .contact-item-wrapper .contact-item .contact-info .nickname{font-size:16px;margin-bottom:10px;line-height:1.7;color:#999;height:52px;overflow:hidden;}
.header .topbar .site-navigation .nav-menu .menu-item{padding:0 23px;}
.header .topbar .site-navigation .nav-menu .menu-link{font-size:15px;}

