html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }

body { min-width: 100%; position: relative; background-color: #fff; }

body, form, img, ul, ol, li, dl, dt, dd, p, tr, td, strong, span, pre { margin: 0; padding: 0; border: 0; background-repeat: no-repeat; }

h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; font-weight: normal; }

h1 { font-size: 2em; margin: 0.67em 0; }

body, button, input, select, textarea { font-size: 14px; line-height: 24px; color: #333; font-family: Arial, 'Microsoft YaHei','Hiragino Sans GB', sans-serif; }

img { border-style: none; vertical-align: middle; }

ul, li { list-style: none; }

a { text-decoration: none; color: #333; }

a:hover { background-repeat: no-repeat; }

input, button, select, textarea { outline: none; border: none; margin: 0; padding: 0; resize: none; background: none; }

table { border-collapse: collapse; border-spacing: 0; }

label { cursor: pointer; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

placeholder { color: #999; }

::-moz-placeholder { color: #999; }

::-webkit-input-placeholder { color: #999; }

button, input { overflow: visible; }

button, select { text-transform: none; }

input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: button; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

.web { width: 1180px; margin: 0 auto; position: relative; z-index: 1; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; *display: none; }

.clearfix { *zoom: 1; }

.clear { clear: both; line-height: 0; height: 0; font-size: 0; }

.fl { float: left; }

.fr { float: right; }

.show { display: block !important; }

.hide { display: block !important; }

/* layout start*/
@font-face { font-family: 'sourcehansanscn'; src: url("../fonts/SOURCEHANSANSCN-EXTRALIGHT_0.OTF"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'rubik'; src: url("../fonts/RUBIK-REGULAR-WEBFONT.eot"); src: url("../fonts/RUBIK-REGULAR-WEBFONT.otf") format("otf"), url("../fonts/RUBIK-REGULAR-WEBFONT.eot?#iefix") format("embedded-opentype"), url("../fonts/RUBIK-REGULAR-WEBFONT.woff") format("woff"), url("../fonts/RUBIK-REGULAR-WEBFONT.ttf") format("truetype"), url("../fonts/RUBIK-REGULAR-WEBFONT.svg") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Montserrat-Regular'; src: url("../fonts/Montserrat-Regular.eot"); src: url("../fonts/Montserrat-Regular.otf") format("otf"), url("../fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Regular.woff") format("woff"), url("../fonts/Montserrat-Regular.woff2") format("woff2"), url("../fonts/Montserrat-Regular.ttf") format("truetype"), url("../fonts/Montserrat-Regular.svg") format("svg"); font-weight: normal; font-style: normal; }


@charset "UTF-8";
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body { max-width: 1920px; margin: 0 auto; overflow-x: hidden; }

.header { height: 89px; position: relative; }

.header .logo { position: absolute; top: 18px; left: 6.35%; }

.header .nav { position: absolute; top: 0; right: 6.666%; }

.header .nav li { float: left; }

.header .nav li a { padding: 0 13px; height: 90px; line-height: 90px; font-size: 15px; color: #7b7879; display: block; }

.aside { display: none; position: fixed; top: 50%; right: 20px; z-index: 999; margin-top: -88px; width: 50px; height: 175px; background: url(../images/aside_bg.png); }

.aside a { position: relative; display: block; text-align: center; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; }

.aside a img { display: inline-block; vertical-align: top; }

.aside a .qrcode { display: none; position: absolute; top: 0; right: 100%; width: 126px; border: 5px solid #59d773; }

.aside a:hover .qrcode { display: block; }

.aside .wechat { padding-top: 24px; height: 62px; }

.aside .wechat:hover { background: url(../images/aside_bg_on.png); }

.aside .wechat .qrcode { top: 100%; }

.aside .sina { margin: 1px 0; padding-top: 14px; height: 50px; }

.aside .sina:hover { background-color: #59d773; }

.aside .model_back_top { padding-top: 21px; height: 61px; }

.aside .model_back_top:hover { background: url(../images/aside_backtop_on.png) no-repeat; background-position: center -1px; }

.container { width: 1200px; margin: 0 auto; }

.banner { position: relative; }

.banner .swiper-slide { position: relative; }

.banner .swiper-slide .img { height: 626px; background: no-repeat center; }

.banner .swiper-slide .container { width: 1200px; height: 100%; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); top: 0; position: absolute; }

.banner .swiper-slide .text { margin-top: 210px; padding-left: 10px; float: right; }

.banner .swiper-slide .text h5 { font-size: 20px; color: #ffffff; line-height: 30px; }

.banner .swiper-slide .text h3 { font-size: 60px; color: #ffffff; line-height: 80px; -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; font-weight: 100; }

.banner .swiper-slide .text h4 { font-size: 53px; color: #ffffff; line-height: 74px; }

.banner .swiper-slide .text a { font-size: 14px; color: #ffffff; margin-top: 40px; padding-right: 40px; background: url(../images/more_btn.png) no-repeat right center; }

.banner .prev { width: 56px; height: 56px; position: absolute; left: 3%; top: 50%; z-index: 99; background: #000; margin-top: -28px; background: url(../images/btn.png) no-repeat 0 0; outline: none; }

.banner .next { width: 56px; height: 56px; position: absolute; right: 3%; top: 50%; z-index: 99; background: #000; margin-top: -28px; background: url(../images/btn.png) no-repeat right 0; outline: none; }

.news { padding-top: 54px; padding-bottom: 46px; height: 352px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.news .news-cont { width: 550px; padding-right: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.news .news-cont .swiper-wrapper { padding-bottom: 40px; }

.news .news-cont .sweiper-slide { width: 100%; }

.news .news-cont .title { line-height: 40px; font-size: 34px; color: #47bb1c; font-family: 'rubik'; }

.news .news-cont .date { color: #d5d4d2; font-size: 24px; line-height: 44px; padding-top: 28px; }

.news .news-cont h5 { margin: 5px 0; font-size: 18px; color: #3b3b41; line-height: 26px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.news .news-cont p { font-size: 14px; color: #999999; display: -webkit-box; height: 48px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.news .news-cont .swiper-pagination-bullet { width: 6px; height: 6px; background: #fff; border: 2px solid #cacaca; opacity: 1; outline: none; }

.news .news-cont .swiper-pagination-bullet-active { border: 2px solid #47bb1c; }

.news .news-cont .hd { margin-top: 20px; }

.news .news-cont .hd li { float: left; font-size: 0; -webkit-border-radius: 50%; border-radius: 50%; margin-right: 8px; width: 6px; height: 6px; background: #fff; border: 2px solid #cacaca; opacity: 1; outline: none; }

.news .news-cont .hd li.on { border: 2px solid #47bb1c; }

.news .news-info { width: 650px; }

.news .news-info h5 { line-height: 32px; font-size: 20px; color: #47bb1c; }

.news .news-info h3 { line-height: 58px; font-size: 45px; color: #f59c3c; padding-bottom: 14px; font-weight: 100; }

.news .news-info p { line-height: 24px; font-size: 14px; color: #999999; }

.news .news-info .show-btn { width: 25px; height: 10px; background: url(../images/show_btn.png) no-repeat center; display: block; }

.index3 { display: block; height: 480px; background: url(../images/index3_bg.jpg) no-repeat center; overflow: hidden; }

.index3 .index3-main { position: relative; height: 100%; }

.index3 .index3-main .text-wrap { width: 100%; padding-left: 190px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 152px; padding-bottom: 40px; }

.index3 .index3-main .title { margin-bottom: 20px; }

.index3 .index3-main .title img { display: block; position: relative; z-index: 2; }

.index3 .index3-main h5 { padding-top: 15px; font-size: 30px; color: #ecfce6; position: relative; z-index: 2; }

.index3 .index3-main p { line-height: 30px; font-size: 18px; color: #f6f0d5; position: relative; z-index: 2; margin-top: 26px; width: 950px; }

.index3 .index3-main .show-btn { width: 25px; height: 10px; background: url(../images/show_btn1.png) no-repeat center; display: block; position: relative; z-index: 10; }

.index3 .index3-main .img1 { position: absolute; left: 0; top: 0; z-index: 1; left: 134px; top: 35px; }

.index3 .index3-main .img2 { position: absolute; left: 0; top: 0; z-index: 1; left: -60px; top: 327px; }

.index3 .index3-main .img3 { position: absolute; left: 0; top: 0; z-index: 1; left: 410px; top: 98px; }

.index4 { height: 490px; background: url(../images/index4_bg.jpg) no-repeat center; padding-top: 76px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; }

.index4 li { margin-right: 38px; width: 270px; background: url(../images/sq_bg.png) no-repeat center; -o-background-size: cover; background-size: cover; height: 337px; position: relative; cursor: pointer; }

.index4 li .icon { padding-top: 116px; height: 181px; }

.index4 li .icon img { display: block; margin: 0 auto; }

.index4 li h5 { padding-top: 18px; font-size: 18px; color: #ee7c1a; line-height: 38px; text-align: center; }

.index4 li .item1 h5 { color: #1eae4a; }

.index4 li .item2 h5 { color: #ee7c1a; }

.index4 li .item3 h5 { color: #96b901; }

.index4 li .item4 h5 { color: #47bb1c; }

.index4 li p { text-align: center; font-size: 22px; color: #000000; line-height: 32px; opacity: .2; filter: alpha(opacity=20); }

.index4 li:hover .hide-item { top: 0; }

.index4 li .hide-item { position: absolute; left: 0; top: -100%; width: 100%; height: 337px; background: url(../images/show_bg.png) no-repeat center; -o-background-size: cover; background-size: cover; padding: 50px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; }

.index4 li .hide-item.item1 .img { left: 10px; }

.index4 li .hide-item.item1 .title { padding-left: 128px; }

.index4 li .hide-item.item2 .img { left: 13px; }

.index4 li .hide-item .img { position: absolute; left: 28px; top: 50px; }

.index4 li .hide-item .img img { display: block; }

.index4 li .hide-item .title { padding-left: 102px; text-align: left; }

.index4 li .hide-item h5 { line-height: 30px; font-size: 18px; color: #ffffff; text-align: left; padding-top: 0; text-align: left; }

.index4 li .hide-item h6 { font-size: 20px; color: #fff; opacity: 0.5; }

.index4 li .hide-item .info { text-align: justify; font-size: 14px; color: #c9faa8; width: 203px; margin: 42px auto 0; display: -webkit-box; height: 130px; line-height: 26px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }

.index4 .prev { width: 56px; height: 56px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 99; background: #000; margin-left: -671px; background: url(../images/btn.png) no-repeat 0 0; outline: none; }

.index4 .next { width: 56px; height: 56px; position: absolute; right: 50%; top: 50%; -webkit-transform: translate(50%, -50%); -moz-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); -o-transform: translate(50%, -50%); transform: translate(50%, -50%); z-index: 99; background: #000; margin-right: -671px; background: url(../images/btn.png) no-repeat -1356px 0; outline: none; }

.about { padding: 56px 0 90px; }

.about .text { position: relative; width: 546px; float: left; padding-top: 70px; padding-bottom: 52px; border-bottom: #dce2e2 2px solid; }

.about .text .title p { font-size: 20px; }

.about .text h5 { font-size: 40px; color: #f1882a; line-height: 60px; font-family: 'rubik'; }

.about .text p { line-height: 26px; font-size: 14px; color: #999999; margin-bottom: 13px; }

.about .info { padding-top: 20px; height: 143px; overflow: hidden; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.about a.more { position: relative; width: 62px; height: 33px; position: absolute; left: 0; bottom: -15px; border: 2px solid #dce2e2; -webkit-border-radius: 10px; border-radius: 10px; -webkit-transition: 0.4s all; -o-transition: 0.4s all; -moz-transition: 0.4s all; transition: 0.4s all; background: #fff; }

.about a.more:after { display: block; content: ''; position: absolute; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px; width: 24px; height: 24px; background: #ffffff url(../images/ab_more_r.png) no-repeat center; z-index: 99; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; transition: 0.5s all; }

.about a.more.cur:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.about .video { float: right; margin-right: -20px; padding-left: 20px; width: 550px; height: 400px; background: url(../images/video_bg1.png) no-repeat -2px bottom; padding-top: 72px; position: relative; }

.about .video .img { margin-left: 20px; overflow: hidden; -webkit-border-radius: 15px; border-radius: 15px; }

.about .video .img img { display: block; }

.about .video .videoList { position: relative; width: 530px; }

.about .video .videoList .next { position: absolute; top: 50%; right: -80px; margin-top: -28px; width: 56px; height: 56px; background: url(../images/btn.png) right center; cursor: pointer; }

.about .video .videoList .bd { height: 298px; overflow: hidden; overflow: hidden; }

.about .video .videoList .bd li { overflow: hidden; -webkit-border-radius: 15px; border-radius: 15px; }

.about .video .videoList .bd:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }

.about .video .videoList .bd img { -webkit-transition: transform ease 0.7s; -moz-transition: transform ease 0.7s; -o-transition: transform ease 0.7s; -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }

@-webkit-keyframes mymove { from { margin-top: -11px; }
  to { margin-top: -21px; } }

@-moz-keyframes mymove { from { margin-top: -11px; }
  to { margin-top: -21px; } }

@-o-keyframes mymove { from { margin-top: -11px; }
  to { margin-top: -21px; } }

@keyframes mymove { from { margin-top: -11px; }
  to { margin-top: -21px; } }

.index5 { height: 780px; background: url(../images/index5_bg.jpg) no-repeat center; }

.index5 .left { padding-top: 170px; }

.index5 .left .title img { display: block; }

.index5 .left .title h5 { color: #47bb1c; font-size: 24px; padding-top: 18px; line-height: 24px; }

.index5 .left p { margin-top: 70px; font-size: 18px; color: #8ab3b2; }

.index5 .left p i { font-style: normal; font-size: 36px; color: #ff7c0b; font-family: 'rubik'; padding: 0 9px; }

.index5 .left p i:first-child(1) { padding-left: 0; }

.index5 .left p i em { font-style: normal; font-size: 36px; color: #ff7c0b; padding: 0; font-family: 'rubik'; }

.index5 .left p em { font-style: normal; font-size: 36px; color: #ff7c0b; padding: 0 9px; font-family: 'rubik'; }

.index5 .left p em:first-child(1) { padding-left: 0; }

.index5 .right { padding-top: 80px; }

.index5 .right .map-wrap { position: relative; }

.index5 .right .map-wrap a { position: absolute; z-index: 99; width: 12px; height: 12px; -webkit-transition: 0.3s all; -o-transition: 0.3s all; -moz-transition: 0.3s all; transition: 0.3s all; }

.index5 .right .map-wrap a span { position: absolute; font-size: 14px; color: #000; width: 10px; height: 12px; top: 50%; left: 50%; margin-top: -6px; margin-left: -5px; background: url(../images/city_bg1.png) no-repeat center; -moz-animation: .8s ease-in-out infinite alternate; -o-animation: .8s ease-in-out infinite alternate; animation: .8s ease-in-out infinite alternate; -webkit-animation: .8s ease-in-out infinite alternate; /* Safari 和 Chrome */ }

.index5 .right .map-wrap .link-GD1 { top: 407px; right: 137px; }

.index5 .right .map-wrap .link-GD2 { top: 421px; right: 140px; }

.index5 .right .map-wrap .link-GD3 { top: 434px; right: 137px; }

.index5 .right .map-wrap .link-GD4 { top: 415px; right: 151px; }

.index5 .right .map-wrap .link-GD5 { top: 441px; right: 149px; }

.index5 .right .map-wrap .link-GD6 { top: 434px; right: 159px; }

.index5 .right .map-wrap .link-GD7 { top: 412px; right: 126px; }

.index5 .right .map-wrap .link-GD8 { top: 414px; right: 111px; }

.index5 .right .map-wrap .link-GD9 { top: 430px; right: 127px; }

.index5 .right .map-wrap .link-GD10 { top: 430px; right: 109px; }

.index5 .right .map-wrap .link-GD11 { top: 418px; right: 100px; }

.index5 .right .map-wrap .link-GD12 { top: 423px; right: 118px; }

.index5 .right .map-wrap .link-GD13 { top: 444px; right: 166px; }

.index5 .right .map-wrap .link-BJ1 { top: 187px; right: 117px; }

.index5 .right .map-wrap .link-BJ2 { top: 189px; right: 127px; }

.index5 .right .map-wrap .link-BJ3 { top: 177px; right: 130px; }

.index5 .right .map-wrap .link-BJ4 { top: 201px; right: 118px; }

.index5 .right .map-wrap .link-BJ5 { top: 200px; right: 128px; }

.index5 .right .map-wrap .link-BJ6 { top: 189px; right: 137px; }

.index5 .right .map-wrap .link-BJ7 { top: 179px; right: 140px; }

.index5 .right .map-wrap .link-BJ8 { top: 167px; right: 0; right: 139px; }

.index5 .right .map-wrap .link-BJ9 { top: 164px; right: 129px; }

.index5 .right .map-wrap .link-BJ10 { top: 159px; right: 120px; }

.index5 .right .map-wrap .link-BJ11 { top: 165px; right: 110px; }

.index5 .right .map-wrap .link-BJ12 { top: 175px; right: 121px; }

.index5 .right .map-wrap .link-BJ13 { top: 178px; right: 112px; }

.index5 .right .map-wrap .link-SH1 { top: 298px; right: 46px; }

.index5 .right .map-wrap .link-SH2 { top: 296px; right: 56px; }

.index5 .right .map-wrap .link-SH3 { top: 308px; right: 52px; }

.index5 .right .map-wrap .link-XJ1 { top: 122px; right: 432px; }

.index5 .right .map-wrap .link-XJ2 { top: 136px; right: 421px; }

.index5 .right .map-wrap .link-JS1 { top: 273px; right: 77px; }

.index5 .right .map-wrap .link-JS2 { top: 300px; right: 72px; }

.index5 .right .map-wrap .link-JS3 { top: 286px; right: 72px; }

.index5 .right .map-wrap .link-SC1 { top: 331px; right: 250px; }

.index5 .right .map-wrap .link-SC2 { top: 344px; right: 250px; }

.index5 .right .map-wrap .link-SC3 { top: 331px; right: 263px; }

.index5 .right .map-wrap .link-HB1 { top: 216px; right: 136px; }

.index5 .right .map-wrap .link-HB2 { top: 215px; right: 123px; }

.index5 .right .map-wrap .link-XZ1 { top: 326px; right: 340px; }

.index5 .right .map-wrap .link-XZ2 { top: 326px; right: 360px; }

.index5 .right .map-wrap .link-YN1 { top: 411px; right: 264px; }

.index5 .right .map-wrap .link-YN2 { top: 411px; right: 284px; }

.index5 .right .map-wrap .link-JX1 { top: 353px; right: 99px; }

.index5 .right .map-wrap .link-FJ1 { top: 383px; right: 74px; }

.index5 .right .map-wrap .link-SX1 { top: 277px; right: 197px; }

.index5 .right .map-wrap .link-SX2 { top: 287px; right: 207px; }

.index5 .right .map-wrap .link-GZ1 { top: 390px; right: 214px; }

.index5 .right .map-wrap .link-foreign1 { top: 612px; right: 145px; }

.index5 .right .map-wrap .link-foreign1 span { width: 29px; height: 34px; background: url(../images/flag1.png); }

.index5 .right .map-wrap .link-foreign2 { top: 544px; right: 242px; }

.index5 .right .map-wrap .link-foreign2 span { width: 30px; height: 34px; background: url(../images/flag2.png); }

.index5 .right .map-wrap img { display: block; position: relative; right: -30px; }

.cooper { height: 414px; background: url(../images/coop_bg.jpg) no-repeat center; padding-top: 42px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.cooper h3 { font-size: 40px; color: #4a9570; line-height: 50px; }

.cooper h5 { font-size: 20px; color: #3c3935; line-height: 35px; }

.cooper .slideLogo { position: relative; margin-top: 32px; }

.cooper .slideLogo .bd { overflow: hidden; }

.cooper .slideLogo .prev { position: absolute; width: 56px; height: 56px; position: absolute; left: -98px; top: 50%; margin-top: -28px; z-index: 99; background: #000; background: url(../images/btn.png) no-repeat 0 0; cursor: pointer; }

.cooper .slideLogo .next { cursor: pointer; position: absolute; width: 56px; height: 56px; position: absolute; right: -98px; top: 50%; margin-top: -28px; z-index: 99; background: #000; background: url(../images/btn.png) no-repeat right 0; }

.cooper .co-list { margin-right: -11px; height: 162px; overflow: hidden; }

.cooper .co-list li { position: relative; width: 162px; height: 162px; float: left; margin-right: 11px; overflow: hidden; background-color: #fff; }

.cooper .co-list li:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.cooper .co-list li img { display: block; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }

.cooper .co-list li .show-bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(../images/co6.png) no-repeat center; -o-background-size: cover; background-size: cover; z-index: 99; opacity: 0; filter: alpha(opacity=0); -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.cooper .co-list li:hover .show-bg { opacity: .9; filter: alpha(opacity=90); }



.inner-banner { height: 700px; position: relative; }

.inner-banner .text { position: absolute; top: 0; z-index: 99; width: 1275px; margin: 0 auto; height: 100%; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; }

.inner-banner .text img { display: block; position: absolute; bottom: -30px; left: 962px; opacity: 0; }

.banner-bot { height: 462px; background: #abcd03; padding-top: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.banner-bot .left { padding-left: 75px; }

.banner-bot .left h3 { font-size: 32px; line-height: 52px; color: #fff; padding-bottom: 22px; }

.banner-bot .left nav { overflow: hidden; }

.banner-bot .left nav a { color: #fff1c7; font-size: 14px; margin-right: 14px; float: left; }

.banner-bot .left nav a.cur { color: #ffffff; }

.banner-bot .right { position: absolute; left: 1000px; }

.banner-bot .right h5 { font-size: 36px; color: #ffffff; padding-bottom: 20px; line-height: 56px; }

.banner-bot .right p { background: url(../images/n_icon1.png) no-repeat left center; padding-left: 20px; }

.banner-bot .right p a { font-size: 14px; color: #ffffff; line-height: 24px; margin-right: 9px; }

.banner-bot .right p a:nth-child(2) { padding-left: 16px; background: url(../images/n_icon2.png) no-repeat left center; }

.contaienr-inner { width: 70%; margin: 0 auto; position: relative; }

.wrap-main { background: #fff url(../images/h_bg.png) no-repeat left bottom; position: relative; padding-bottom: 66px; margin-top: -288px; z-index: 99; }

.wrap-main .wrap-left { width: 862px; padding-left: 75px; padding-top: 70px; }

.wrap-main .news-list li { overflow: hidden; padding-bottom: 46px; border-bottom: 1px solid #ebebeb; margin-bottom: 40px; -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -o-animation-delay: 0.4s; animation-delay: 0.4s; }

.wrap-main .news-list li:last-child { margin-bottom: 0; }

.wrap-main .news-list li .text-info { width: 548px; float: left; }

.wrap-main .news-list li .text-info h5 { font-size: 18px; line-height: 32px; }

.wrap-main .news-list li .text-info p { margin-top: 12px; display: -webkit-box; height: 88px; line-height: 22px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; font-size: 14px; color: #666666; }

.wrap-main .news-list li .text-info .bot { padding-top: 24px; overflow: hidden; padding-left: 17px; height: 24px; }

.wrap-main .news-list li .text-info .bot span { float: left; padding-left: 29px; margin-right: 14px; color: #d6d6db; font-size: 14px; }

.wrap-main .news-list li .text-info .bot span.looker { background: url(../images/eye_bg.png) no-repeat left center; }

.wrap-main .news-list li .text-info .bot span.share { background: url(../images/share_bg.png) no-repeat left center; }

.wrap-main .news-list li .right-btn { width: 186px; height: 200px; float: right; position: relative; }

.wrap-main .news-list li .right-btn .date { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #f0f0f0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 72px; z-index: 1; cursor: pointer; font-family: 'Montserrat-Regular'; }

.wrap-main .news-list li .right-btn .date p { line-height: 25px; text-align: center; }

.wrap-main .news-list li .right-btn .date p span { font-size: 70px; color: #666666; opacity: .45; filter: alpha(opacity=45); }

.wrap-main .news-list li .right-btn .date p span.year { font-size: 22px; }

.wrap-main .news-list li .right-btn .btn-show { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #abcd03; z-index: 3; text-align: center; color: #ffffff; font-size: 16px; line-height: 26px; padding-top: 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: none; }

.wrap-main .join-list li { height: 180px; background: #f9f9f9; padding-bottom: 0; border: none; margin-bottom: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.wrap-main .join-list li:last-child { margin-bottom: 10px; }

.wrap-main .join-list .text-info { padding-left: 42px; padding-top: 30px; }

.wrap-main .join-list .text-info p { color: #666666; font-size: 14px; line-height: 28px; }

.wrap-main .join-list .title { font-size: 18px; color: #666666; line-height: 38px; }

.wrap-main .join-list h5 { font-size: 14px; color: #666666; line-height: 28px; padding-top: 12px; }

.wrap-main .more-btn { height: 74px; width: 100%; background: #abcd03; font-size: 16px; color: #ffffff; text-align: center; display: block; line-height: 74px; -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -o-animation-delay: 0.4s; animation-delay: 0.4s; }
.wrap-main .moreBox .more-btn{float: right; width: 49%;}
.wrap-main .moreBox .more-btn:first-child{float: left;}

.wrap-right { width: 416px; padding-top: 70px; position: relative; background: url(../images/bird_bg.png) no-repeat right top; }

.wrap-right .right-cont { padding-top: 82px; }

.wrap-right .right-cont p { font-size: 16px; color: #333333; line-height: 28px; padding-left: 90px; }

.wrap-right .right-cont .img { margin-top: 78px; }

.wrap-right .right-cont .img img { display: block; width: 100%; height: auto; }

.inner-footer { height: 166px; background: #f9f7f5; position: relative; z-index: 100; padding-top: 42px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.inner-footer .container { height: 100%; }

.inner-footer .left span { line-height: 33px; font-size: 14px; color: #858585; font-size: 14px; color: #858585; }

.inner-footer .left a { display: inline-block; vertical-align: middle; margin-right: 10px; }

.inner-footer .left h5 { font-size: 30px; color: #abcd03; line-height: 30px; text-indent: 75px; }

.inner-footer .right p { color: #858585; font-size: 14px; line-height: 22px; }

.inner-footer .right a { color: #858585; }

.inner-footer .right a:hover { color: #abcd03; }

.bgn { background: none !important; }

.paddb-0 { padding-bottom: 0 !important; }

.ab-main .abL { width: 190px; -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; }

.ab-main .abL h5 { font-size: 22px; color: #575655; line-height: 32px; }

.ab-main .abL h3 { font-size: 37px; color: #abcd03; line-height: 44px; margin-top: 4px; }

.ab-main .abL p { font-size: 16px; color: #666666; line-height: 32px; }

.ab-main .abL .ab-logo { padding-top: 48px; }

.ab-main .abR { width: 520px; -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -o-animation-delay: 0.4s; animation-delay: 0.4s; }

.ab-main .abR p { line-height: 30px; font-size: 14px; color: #666666; text-align: justify; margin-bottom: 15px; }

.ab-main .abR h3 { font-size: 16px; color: #666666; }

.abRight-cont { padding-top: 140px !important; }

.abWrap-right { background: url(../images/h_bg.png) no-repeat right 66px top 100px; }

.J-bannerBot { background: #44aeaa; }

.J-bannerBot .left nav a { color: #a9e3cf; }

.J-bannerBot .right h5 { color: #a2d7d5; }

.joinWrap-main { padding-bottom: 146px; }

.project-show { width: 100%; height: 816px; -o-background-size: cover; background-size: cover; }

.abwrap-main { padding-bottom: 0; }

.project-show { position: relative; }

.project-show .proSwiper-show { height: 100%; }

.project-show .proSwiper-show .swiper-slide { position: relative; }

.project-show .text-show { position: absolute; left: 12.7%; top: 28.5%; z-index: 99; }

.project-show .text-show h5 { line-height: 70px; font-size: 66px; color: #ffffff; }

.project-show .text-show p { font-size: 36px; line-height: 56px; color: #ffffff; }

.project-show .proShow-btn { position: absolute; z-index: 99; overflow: hidden; width: 592px; bottom: 78px; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.project-show .proShow-btn a { width: 133px; height: 67px; float: left; background: url(../images/btn_bg.png) no-repeat center; -o-background-size: cover; background-size: cover; line-height: 67px; text-align: center; margin-right: 20px; color: #ffffff; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }

.project-show .proShow-btn a:last-child { margin-right: 0; }

.project-show .proShow-btn a.cur { background: url(../images/btnact_bg.png) no-repeat center; }

.project-show .proShow-btn a:hover { background: url(../images/btnact_bg.png) no-repeat center; }

.hidden-text { position: absolute; width: 544px; background: #44bbaf; top: 0; right: -544px; height: 816px; }

.hidden-text .hidden-content { width: 402px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.hidden-text .hidden-content h5 { color: #fff; font-size: 22px; line-height: 42px; }

.hidden-text .hidden-content h5 span { opacity: 0.4; padding-left: 20px; }

.hidden-text .hidden-content .hidden-info { padding-top: 16px; line-height: 22px; font-size: 14px; color: #ffffff; opacity: 0.4; }

.wrap-content { overflow: hidden; background: #f9f7f5; }

.bird-bg { width: 333px; height: 98px; background: url(../images/bird_bg.png) no-repeat center; position: absolute; bottom: 150px; left: 3.48%; z-index: 101; }

.index3 .img3, .news .news-info .show-btn, .index3 .show-btn { -o-animation: smart_em01 10s linear infinite; animation: smart_em01 10s linear infinite; -webkit-animation: smart_em01 10s linear infinite; -ms-animation: smart_em01 10s linear infinite; -moz-animation: smart_em01 10s linear infinite; }

.index3 .img2 { -o-animation: smart_em02 10s linear 0.2s infinite; animation: smart_em02 10s linear 0.2s infinite; -webkit-animation: smart_em02 10s linear 0.2s infinite; -ms-animation: smart_em02 10s linear 0.2s infinite; -moz-animation: smart_em02 10s linear 0.2s infinite; }

.index3 .img1 { -o-animation: smart_em03 10s linear 0.4s infinite; animation: smart_em03 10s linear 0.4s infinite; -webkit-animation: smart_em03 10s linear 0.4s infinite; -ms-animation: smart_em03 10s linear 0.4s infinite; -moz-animation: smart_em03 10s linear 0.4s infinite; }

.ser2-list .li4, .pro-door li.item4, .pro-door li.item7, .guest2-list li.li4, .ad5-list li.li4 { -o-animation: smart_em03 10s linear 0.6s infinite; animation: smart_em03 10s linear 0.6s infinite; -webkit-animation: smart_em03 10s linear 0.6s infinite; -ms-animation: smart_em03 10s linear 0.6s infinite; -moz-animation: smart_em03 10s linear 0.6s infinite; }

.ser2-list .li5, .ad5-list li.li5 { -o-animation: smart_em02 10s linear 0.8s infinite; animation: smart_em02 10s linear 0.8s infinite; -webkit-animation: smart_em02 10s linear 0.8s infinite; -ms-animation: smart_em02 10s linear 0.8s infinite; -moz-animation: smart_em02 10s linear 0.8s infinite; }

.ser2-list .li6, .pro-door li.item6, .guest2-list li.li5, .ad5-list li.li6 { -o-animation: smart_em01 10s linear infinite; animation: smart_em01 10s linear infinite; -webkit-animation: smart_em01 10s linear infinite; -ms-animation: smart_em01 10s linear infinite; -moz-animation: smart_em01 10s linear infinite; }

.pro-door li.item5, .guest2-list li.li6, .ad5-list li.li7 { -o-animation: smart_em07 10s linear 0.8s infinite; animation: smart_em07 10s linear 0.8s infinite; -webkit-animation: smart_em07 10s linear 0.8s infinite; -ms-animation: smart_em07 10s linear 0.8s infinite; -moz-animation: smart_em07 10s linear 0.8s infinite; }

.door-line { overflow: hidden; display: block; -o-animation: door 5s linear 2s infinite; animation: door 5s linear 2s infinite; -webkit-animation: door 5s linear 2s infinite; -ms-animation: door 5s linear 2s infinite; -moz-animation: door 5s linear 2s infinite; }

.line-show, .guest3-Move { overflow: hidden; display: block; -o-animation: door 5s linear 2s infinite; animation: door 5s linear 2s infinite; -webkit-animation: door 5s linear 2s infinite; -ms-animation: door 5s linear 2s infinite; -moz-animation: door 5s linear 2s infinite; }

@-o-keyframes door { 0% { width: 0%; }
  50% { width: 50%; }
  100% { width: 100%; } }

@keyframes door { 0% { width: 0%; }
  50% { width: 50%; }
  100% { width: 100%; } }

@-webkit-keyframes door { 0% { width: 0%; }
  50% { width: 50%; }
  100% { width: 100%; } }

@-moz-keyframes door { 0% { width: 0%; }
  50% { width: 50%; }
  100% { width: 100%; } }

@-o-keyframes smart_em01 { 0% { -o-transform: translate(0, 25px);
    transform: translate(0, 25px); }
  50% { -o-transform: translate(25px, 25px);
    transform: translate(25px, 25px); }
  100% { -o-transform: translate(0, 25px);
    transform: translate(0, 25px); } }

@keyframes smart_em01 { 0% { -webkit-transform: translate(0, 25px);
    -moz-transform: translate(0, 25px);
    -o-transform: translate(0, 25px);
    transform: translate(0, 25px); }
  50% { -webkit-transform: translate(25px, 25px);
    -moz-transform: translate(25px, 25px);
    -o-transform: translate(25px, 25px);
    transform: translate(25px, 25px); }
  100% { -webkit-transform: translate(0, 25px);
    -moz-transform: translate(0, 25px);
    -o-transform: translate(0, 25px);
    transform: translate(0, 25px); } }

@-webkit-keyframes smart_em01 { 0% { -webkit-transform: translate(0, 25px);
    transform: translate(0, 25px); }
  50% { -webkit-transform: translate(25px, 25px);
    transform: translate(25px, 25px); }
  100% { -webkit-transform: translate(0, 25px);
    transform: translate(0, 25px); } }

@-moz-keyframes smart_em01 { 0% { -moz-transform: translate(0, 25px);
    transform: translate(0, 25px); }
  50% { -moz-transform: translate(25px, 25px);
    transform: translate(25px, 25px); }
  100% { -moz-transform: translate(0, 25px);
    transform: translate(0, 25px); } }

@-o-keyframes smart_em02 { 0% { -o-transform: translate(25px, 0px);
    transform: translate(25px, 0px); }
  50% { -o-transform: translate(-25px, 25px);
    transform: translate(-25px, 25px); }
  100% { -o-transform: translate(25px, 0px);
    transform: translate(25px, 0px); } }

@keyframes smart_em02 { 0% { -webkit-transform: translate(25px, 0px);
    -moz-transform: translate(25px, 0px);
    -o-transform: translate(25px, 0px);
    transform: translate(25px, 0px); }
  50% { -webkit-transform: translate(-25px, 25px);
    -moz-transform: translate(-25px, 25px);
    -o-transform: translate(-25px, 25px);
    transform: translate(-25px, 25px); }
  100% { -webkit-transform: translate(25px, 0px);
    -moz-transform: translate(25px, 0px);
    -o-transform: translate(25px, 0px);
    transform: translate(25px, 0px); } }

@-webkit-keyframes smart_em02 { 0% { -webkit-transform: translate(25px, 0px);
    transform: translate(25px, 0px); }
  50% { -webkit-transform: translate(-25px, 25px);
    transform: translate(-25px, 25px); }
  100% { -webkit-transform: translate(25px, 0px);
    transform: translate(25px, 0px); } }

@-moz-keyframes smart_em02 { 0% { -moz-transform: translate(25px, 0px);
    transform: translate(25px, 0px); }
  50% { -moz-transform: translate(-25px, 25px);
    transform: translate(-25px, 25px); }
  100% { -moz-transform: translate(25px, 0px);
    transform: translate(25px, 0px); } }

@-o-keyframes smart_em07 { 0% { -o-transform: translate(0, 0px);
    transform: translate(0, 0px); }
  50% { -o-transform: translate(-25px, 25px);
    transform: translate(-25px, 25px); }
  100% { -o-transform: translate(25px, 0px);
    transform: translate(25px, 0px); } }

@keyframes smart_em07 { 0% { -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
    transform: translate(0, 0px); }
  50% { -webkit-transform: translate(-25px, 25px);
    -moz-transform: translate(-25px, 25px);
    -o-transform: translate(-25px, 25px);
    transform: translate(-25px, 25px); }
  100% { -webkit-transform: translate(25px, 0px);
    -moz-transform: translate(25px, 0px);
    -o-transform: translate(25px, 0px);
    transform: translate(25px, 0px); } }

@-webkit-keyframes smart_em07 { 0% { -webkit-transform: translate(0, 0px);
    transform: translate(0, 0px); }
  50% { -webkit-transform: translate(-25px, 25px);
    transform: translate(-25px, 25px); }
  100% { -webkit-transform: translate(25px, 0px);
    transform: translate(25px, 0px); } }

@-moz-keyframes smart_em07 { 0% { -moz-transform: translate(0, 0px);
    transform: translate(0, 0px); }
  50% { -moz-transform: translate(-25px, 25px);
    transform: translate(-25px, 25px); }
  100% { -moz-transform: translate(25px, 0px);
    transform: translate(25px, 0px); } }

@-o-keyframes smart_em03 { 0% { -o-transform: translate(-25px, 0px);
    transform: translate(-25px, 0px); }
  50% { -o-transform: translate(-25px, 25px);
    transform: translate(-25px, 25px); }
  100% { -o-transform: translate(-25px, 0px);
    transform: translate(-25px, 0px); } }

@keyframes smart_em03 { 0% { -webkit-transform: translate(-25px, 0px);
    -moz-transform: translate(-25px, 0px);
    -o-transform: translate(-25px, 0px);
    transform: translate(-25px, 0px); }
  50% { -webkit-transform: translate(-25px, 25px);
    -moz-transform: translate(-25px, 25px);
    -o-transform: translate(-25px, 25px);
    transform: translate(-25px, 25px); }
  100% { -webkit-transform: translate(-25px, 0px);
    -moz-transform: translate(-25px, 0px);
    -o-transform: translate(-25px, 0px);
    transform: translate(-25px, 0px); } }

@-webkit-keyframes smart_em03 { 0% { -webkit-transform: translate(-25px, 0px);
    transform: translate(-25px, 0px); }
  50% { -webkit-transform: translate(-25px, 25px);
    transform: translate(-25px, 25px); }
  100% { -webkit-transform: translate(-25px, 0px);
    transform: translate(-25px, 0px); } }

@-moz-keyframes smart_em03 { 0% { -moz-transform: translate(-25px, 0px);
    transform: translate(-25px, 0px); }
  50% { -moz-transform: translate(-25px, 25px);
    transform: translate(-25px, 25px); }
  100% { -moz-transform: translate(-25px, 0px);
    transform: translate(-25px, 0px); } }

@-webkit-keyframes run { 0% { margin-left: 32px; }
  25% { margin-left: 40px; }
  50% { margin-left: 32px; }
  75% { margin-left: 24px; }
  100% { margin-left: 32px; } }

@-moz-keyframes run { 0% { margin-left: 32px; }
  25% { margin-left: 40px; }
  50% { margin-left: 32px; }
  75% { margin-left: 24px; }
  100% { margin-left: 32px; } }

@-o-keyframes run { 0% { margin-left: 32px; }
  25% { margin-left: 40px; }
  50% { margin-left: 32px; }
  75% { margin-left: 24px; }
  100% { margin-left: 32px; } }

@keyframes run { 0% { margin-left: 32px; }
  25% { margin-left: 40px; }
  50% { margin-left: 32px; }
  75% { margin-left: 24px; }
  100% { margin-left: 32px; } }

.ckplayer-wrapper { display: none; position: fixed; left: 0; top: 0; z-index: 99; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }

.ckplayer-wrapper .video-popup { position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 94%; max-width: 1000px; }

.ckplayer-wrapper .video-popup .closebtn { position: absolute; right: -14px; top: -10px; width: 0.6rem; height: 0.6rem; background: url(../images/close.png) no-repeat center center; -o-background-size: cover; background-size: cover; z-index: 2; }

.video-popup { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

.header span { height: 5px; background: #d70c19; position: absolute; bottom: 0; left: 0; width: 0; }

.show-area, .show-legal { display: none; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; left: 0; top: 0; position: fixed; z-index: 999999999999999; }

.show-area .show-content, .show-legal .show-content { background: #fff; width: 798px; height: 524px; -webkit-border-radius: 20px; border-radius: 20px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 999999; padding: 60px 80px 0 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.show-area .show-content h5, .show-legal .show-content h5 { font-size: 40px; font-family: 'rubik'; line-height: 60px; color: #f1882a; }

.show-area .show-content h6, .show-legal .show-content h6 { font-size: 20px; color: #3b3b41; line-height: 40px; }

.show-area .show-content .show-info, .show-legal .show-content .show-info { line-height: 24px; font-size: 14px; color: #999999; padding-top: 25px; max-height: 317px; overflow: auto; padding-right: 50px; width: 730px; }

.show-area .show-content .close-btn, .show-legal .show-content .close-btn { position: absolute; right: -48px; top: 20px; width: 25px; height: 25px; background: url(../images/close_btn1.png) no-repeat center; z-index: 999; }

.tc-bg { width: 100%; height: 100%; position: fixed; background: rgba(0, 0, 0, 0.6); display: none; left: 0; top: 0; z-index: 999; }

.tc-area { width: 5.36rem; height: 1.74rem; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.tc-area .title { height: 0.82rem; line-height: 0.82rem; color: #fff; text-align: center; font-size: 0.24rem; background: #1e68d4; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; }

.form-text { -webkit-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; overflow: hidden; }

.form-text input.text { height: 0.92rem; background: #fff; border: none; outline: none; width: 4.16rem; float: left; text-indent: 20px; font-size: 0.18rem; color: #666; }

.form-text input.btn { float: right; width: 1.2rem; background: #e8e8e8; font-size: 0.24rem; color: #666666; border: none; outline: none; height: 0.92rem; }

.tc-bg .close-btn { width: 0.3rem; height: 0.3rem; background: #fff url(../images/close_1.png) no-repeat center; -o-background-size: 50% 50%; background-size: 50% 50%; position: absolute; top: 0.1rem; right: 0.1rem; z-index: 9999999; }

.organization .banner-bot { background-color: #44aeaa; }

.organization .logo-list { margin-right: -10px; overflow: hidden; }

.organization .logo-list li { float: left; margin-right: 10px; margin-bottom: 10px; width: 189px; height: 184px; line-height: 184px; background-color: #f9f9f9; text-align: center; overflow: hidden; }

.organization .logo-list li img { max-width: 90%; display: inline-block; vertical-align: middle; }

.organization .logo-list li:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }

.organization .logo-list li img { -webkit-transition: transform ease 0.7s; -moz-transition: transform ease 0.7s; -o-transition: transform ease 0.7s; -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }

.organization .wrap-right .img { margin-top: 52px; width: 416px; height: 421px; background: url(../images/aside_bg.jpg); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.organization .wrap-right .img h4 { font-size: 28px; color: #fff; line-height: 38px; font-weight: 100; opacity: .8; }

.organization .wrap-right .img h4.en { font-size: 34px; opacity: .5; line-height: 46px; font-family: 'rubik'; }

.organization .wrap-right .img .tel { margin-top: 40px; letter-spacing: -2px; font-size: 32px; color: #bfffdb; font-family: 'Montserrat-Regular'; }

.organization .wrap-right .img .info { margin-top: 10px; color: #aedfbf; line-height: 26px; }

.organization .wrap-right .img .info span { font-family: 'Montserrat-Regular'; }

.message .banner-bot { background-color: #abcd03; }

.message .message-list a { display: block; margin-bottom: 10px; padding-left: 133px; height: 116px; line-height: 116px; background: url(../images/pdf.png) no-repeat; background-position: 40px center; background-color: #f9f9f9; overflow: hidden; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; color: #666; }

.message .message-list a h4 { display: inline-block; width: 490px; line-height: 26px; font-size: 18px; vertical-align: middle; max-height: 52px; overflow: hidden; }

.message .message-list a span { float: right; padding-top: 35px; width: 120px; height: 100%; font-size: 16px; line-height: 26px; text-align: center; background-color: #f5f5f5; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.message .message-list a:hover { background-image: url(../images/pdf_on.png); background-color: #e4e4e4; }

.message .message-list a:hover span { background-color: #abcd03; color: #fff; }

.message .form input { float: left; padding: 0 20px; width: 366px; height: 56px; line-height: 56px; color: #666; border: 1px solid #e0e0e0; -webkit-border-radius: 28px; border-radius: 28px; }

.message .form .searchNow { float: left; display: block; margin: 0 10px; width: 137px; height: 56px; line-height: 56px; text-align: center; -webkit-border-radius: 28px; border-radius: 28px; background-color: #abcd03; color: #fff; }

.message .form .mySelect { position: relative; float: left; color: #666; }

.message .form .mySelect .show { position: relative; z-index: 2; padding-left: 20px; width: 264px; height: 56px; line-height: 56px; -webkit-border-radius: 28px; border-radius: 28px; background-color: #e8e2d6; }

.message .form .mySelect .show span { float: left; position: relative; display: block; padding-right: 20px; }

.message .form .mySelect .show span:after { content: ''; position: absolute; top: 50%; right: 0; margin-top: -6px; width: 1px; height: 12px; background-color: #666; }

.message .form .mySelect .show div { float: left; margin-left: 86px; width: 60px; font-size: 16px; font-family: 'rubik'; }

.message .form .mySelect .show img { position: absolute; right: 20px; top: 50%; margin-top: -6px; }

.message .form .mySelect .drapList { display: none; position: absolute; top: 28px; left: 0; padding-top: 28px; padding-bottom: 30px; width: 100%; height: 228px; line-height: 30px; -webkit-border-radius: 0 0 28px 28px; border-radius: 0 0 28px 28px; background-color: #e8e2d6; overflow: hidden; }

.message .form .mySelect .drapList ul { width: 110%; height: 100%; overflow: auto; }

.message .form .mySelect .drapList li { padding-left: 155px; }

.message .table { margin-top: 40px; overflow: hidden; color: #666; }

.message .table .item { float: left; width: 215px; text-align: center; border-right: 1px solid #f3f3f3; }

.message .table .item.item1 { width: 141px; }

.message .table .thead { line-height: 115px; background-color: #e7e7e7; font-weight: bold; color: #333; overflow: hidden; }

.message .table .thead .item { border: none; }

.message .table .tbody { border-left: 1px solid #f3f3f3; }

.message .table .tbody .tr { overflow: hidden; line-height: 80px; border-bottom: 1px solid #f3f3f3; }

.message .table .tbody .tr.total { padding-right: 50px; text-align: right; border-right: 1px solid #f3f3f3; }

.special-column .introduce { width: 816px; overflow: hidden; }

.special-column .introduce .photo { float: left; margin-right: 30px; }

.special-column .introduce p { line-height: 26px; text-align: justify; }

.special-column .introduce .text { color: #666; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.special-column .introduce .text .name { margin-bottom: 15px; font-size: 22px; color: #575655; line-height: 30px; }

.special-column .introduce .text ul { margin: 20px 0; }

.special-column .introduce .text li { overflow: hidden; }

.special-column .introduce .text .year { float: left; width: 70px; font-size: 22px; color: #abcd03; font-family: 'rubik'; }

.special-column .introduce .text .event { float: left; width: 378px; }

.special-column .word { position: relative; margin-top: 40px; margin-bottom: 80px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 32px; height: 130px; background-color: #f9f9f9; }

.special-column .word .img1 { float: left; }

.special-column .word .img2 { position: absolute; right: 40px; bottom: -40px; }

.special-column .word .slide { float: left; margin-top: -19px; margin-left: 35px; width: 546px; line-height: 26px; font-size: 16px; color: #666; }

.special-column .word .slide .bd { height: 104px; overflow: hidden; }

.special-column .word .slide .bd li { line-height: 104px; }

.special-column .word .slide .bd li p { display: inline-block; line-height: 26px; vertical-align: middle; }

.project .wrap-main { padding: 75px; padding-bottom: 96px; }

.project hgroup { margin-bottom: 15px; }

.project hgroup h2 { font-size: 22px; line-height: 30px; color: #575655; }

.project hgroup h2.en { font-size: 34px; font-family: 'rubik'; color: #8cd7bf; line-height: 36px; }

.project p { line-height: 26px; color: #666; }

.project .list { margin-top: 30px; }

.project .list li { margin-bottom: 10px; overflow: hidden; background-color: #f9f9f9; }

.project .list li .img { float: left; width: 387px; }

.project .list li .cont { float: left; padding: 40px; width: 573px; }

.project .list li .cont h4 { font-size: 18px; color: #666; font-weight: bold; }

.project .list li .cont .des { margin-top: 10px; color: #666; line-height: 26px; }

.project .list li span { float: right; display: block; padding-top: 117px; width: 240px; height: 306px; font-size: 16px; line-height: 26px; text-align: center; color: #999; background-color: #ededed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; }

.project .list li:hover span { color: #fff; background-color: #abcd03; }

.news_det { line-height: 26px; color: #666; }

.news_det h4 { font-size: 22px; line-height: 30px; color: #575655; }

.news_det .date { margin-bottom: 25px; font-size: 30px; line-height: 42px; font-family: 'Montserrat-Regular'; }

.news_det .share { margin-top: 30px; margin-bottom: 40px; }

.news_det img { margin: 10px 0; }

.news_det p { margin: 20px 0; }

.bsBox, .bsBox * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.news_det .bshare-custom { line-height: 26px !important; }

.news_det .bshare-custom a { padding: 0; width: 26px; height: 26px; background: url(../images/shareicon.png) no-repeat; }

.news_det .bshare-custom .bshare-sinaminiblog { background-position: -41px center; }

.news_det .bshare-custom .bshare-qzone { background-position: -84px center; }

.news_det .bshare-custom .bshare-qqim { background-position: -125px center; }

.project .project_main { padding: 0; padding-bottom: 66px; }

.clear { clear: both; }

.about_con2 { padding: 35px 75px 95px 75px; position: relative; }

.about_con2 .info { margin-top: 30px; }

.about_con2 .info h3 { color: #abcd03; font-size: 22px; }

.about_con2 .info ._p { margin-top: 20px; color: #666666; font-size: 14px; }

.about_con2 .info .text { margin-top: 20px; }

.about_con2 .info .text p { color: #575655; font-size: 16px; line-height: 30px; }

.about_con2 .info .text span { display: inline-block; width: 85px; }

.about_con2 .director_bird { width: 333px; height: 98px; background: url(../images/bird_bg.png) no-repeat; position: absolute; top: 350px; right: 85px; }

.about_con3 { padding-left: 75px; padding-top: 70px; background: url(../images/h_bg.png) no-repeat left bottom; }

.about_con3 .left { width: 786px; height: 640px; float: left; position: relative; }

.about_con3 .left .address { padding-bottom: 30px; border-bottom: 1px solid #dfdfdf; }

.about_con3 .left .address p { font-size: 14px; color: #666666; }

.about_con3 .left .phone { margin-top: 90px; padding-left: 60px; background: url(../images/contact_phone.png) no-repeat left; }

.about_con3 .left .phone h3 { font-size: 42px; color: #abcd03; font-family: 'rubik'; }

.about_con3 .left .phone p { color: #666666; font-size: 14px; margin-top: 5px; }

.about_con3 .left .dynamic { margin-top: 30px; }

.about_con3 .left .dynamic p { color: #666666; font-size: 14px; }

.about_con3 .left .dynamic h4 { color: #666666; font-size: 16px; font-weight: bold; }

.about_con3 .left .code { font-size: 0; text-align: right; margin-top: 20px; }

.about_con3 .left .code .imgBox { display: inline-block; margin-left: 20px; text-align: center; color: #666; font-size: 16px; }

.about_con3 .left .code .img { border: 1px solid #ededed; margin-bottom: 5px; width: 126px; }

.about_con3 .left .code .img img { width: 124px; }

.about_con3 .left .director_bird { width: 333px; height: 98px; background: url(../images/bird_bg.png) no-repeat; position: absolute; top: 300px; right: 100px; }

.about_con3 .right { float: right; width: 414px; height: 421px; background: url(../images/right_img.png) no-repeat; margin-top: 219px; }

.project1_1con { position: relative; }

.project1_1con .img { margin-left: -75px; margin-top: 17px; }

.project1_1con .director_bird { width: 333px; height: 98px; background: url(../images/bird_bg.png) no-repeat; position: absolute; top: 135px; right: 435px; }

.project1_1con .project_flower { width: 68px; height: 70px; background: url(../images/project_flower.png) no-repeat; position: absolute; top: 235px; right: 100px; }

.project_con2 { background: #fff; }

.project_con2 .left { float: left; width: 786px; }

.project_con2 .left .table { margin-top: 30px; }

.project_con2 .right { float: right; width: 414px; height: 421px; background: url(../images/right_img.png) no-repeat; margin-top: 120px; margin-right: -75px; }

.project_con4 .community_title { margin-top: 25px; background: #f9f9f9; font-size: 0; }

.project_con4 .community_title li { width: 115px; height: 90px; background: #ededed; color: #666666; text-align: center; line-height: 90px; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; display: inline-block; font-size: 14px; }

.project_con4 .community_title li p { line-height: 90px; }

.project_con4 .community_title li:hover { background: #abcd03; color: #fff; }

.project_con4 .community_title li:hover p { color: #fff; }

.project_con4 .community_title li.on { background: #abcd03; color: #fff; }

.project_con4 .community_title li.on p { color: #fff; }

.project_con4 .community_box .info { color: #666666; font-size: 14px; margin-top: 30px; }

.project_con4 .community_box .introduction { padding: 40px; padding-bottom: 75px; background: #f5f5f5; margin-top: 30px; }

.project_con4 .community_box .introduction img { max-width: 100%; }

.project_con4 .community_box .introduction h3 { color: #abcd03; font-size: 22px; margin-top: 20px; }

.project_con4 .community_box .introduction p { color: #666666; font-size: 14px; margin-top: 10px; }