﻿@charset "utf-8";
/* CSS Document */
@font-face { font-family: 'iconfont'; src: url('../fonts/iconfont.eot'); src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype'), url('../fonts/iconfont.svg#iconfont') format('svg'); }
.iconfont { font-family: "iconfont" !important; font-size: 16px; vertical-align: middle; margin: 0 .3em; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
/* reset */
html { height: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }
body { min-height: 100%; color: #606060; }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1
}
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address, i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea { font-size: 14px; font-family: "Microsoft Yahei", arial, "\5b8b\4f53"; }
body { line-height: 1.5 }
a { text-decoration: none; -webkit-tap-highlight-color: transparent; color: #606060; }
a { blr:expression(this.onFocus=this.blur())
}
a * { *cursor: pointer
}
:focus { outline: none }
.wrap_out { width: 1440px; margin: 0 auto; }
.wrap { width: 1280px; margin: 0 auto; }
/*图片经过*/
.tran_scale { overflow: hidden; display: block; }
/*img{transition: All 0.7s ease-in-out;}*/
.tran_scale img { -webkit-transition: opacity .4s ease-in, -webkit-transform .6s linear; transition: opacity .4s ease-in, transform .6s linear; }
.tran_scale:hover img { transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -moz-: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); }
.animated { transition: 1.5s all cubic-bezier(0.19, 1, 0.22, 1); }
.animate_slowx { transition: 2.5s all cubic-bezier(0.19, 1, 0.22, 1); }
.animate_fast { transition: 1s all cubic-bezier(0.19, 1, 0.22, 1); }
.animate_slow { transition: 10s all cubic-bezier(0.19, 1, 0.22, 1); }
.animate_normal { transition: 0.5s all linear; }
a, a:active, a:focus, input:focus, a:hover, a.music-toggle-btn:active, a.music-toggle-btn:focus, input:focus, a.music-toggle-btn:hover, img, img:active, img:focus, li:active, li:focus, li:focus, div, div:active, div:focus, div:hover, button, button:active, button:focus, button:hover { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-modify: read-write-plainteeet-only; outline: none; -webkit-tap-highlight-color: transparent; }
/* clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1
}
.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }
/*loading*/
.loading_animate { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: 0.9; z-index: 999999; }
.loadCircle { transition: 0.4s linear; -webkit-transition: 0.4s linear; }
.loadCircle.on { opacity: 0; visibility: hidden; }
.loadCircle { width: 100px; height: 100px; background: none; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 90000; }
.loadCircle-turn { position: relative; width: 100%; height: 100%; border-radius: 100%; overflow: hidden; animation: loadRoate 3s ease-in-out infinite; -webkit-animation: loadRoate 3s ease-in-out infinite; }
.loadCircle-turn-l { width: 100%; height: 50%; background: #f00; position: absolute; top: 0; left: 0; }
.loadCircle-turn-r { width: 100%; height: 50%; background: #f00; position: absolute; bottom: 0; left: 0; }
.loadCircle-turn-ball-l { width: 20px; height: 20px; background: #f00; left: 0; bottom: 50%; transform: translateY(50%); -webkit-transform: translateY(50%); border-radius: 100%; position: absolute; z-index: 500; }
.loadCircle-turn-ball-r { width: 20px; height: 20px; background: #f00; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); border-radius: 100%; position: absolute; z-index: 500; }
.loadCircle-turn-l-bg { width: 80px; height: 80px; background: #fff; border-radius: 100%; position: absolute; right: 0; bottom: 6px; clip: rect(35px,80px,80px,0px); }
.loadCircle-turn-r-bg { width: 80px; height: 80px; background: #fff; border-radius: 100%; position: absolute; left: 0; top: 6px; clip: rect(0px,80px,45px,0px); }
.loadCircle > img { width: 220px; height: auto; position: relative; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); margin-bottom: 10px; }
.la-line-scale { transform: scale(0.6); -webkit-transform: scale(0.8); }
.la-line-scale, .la-line-scale>div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.la-line-scale { display: block; font-size: 0; color: #4a266e }
.la-line-scale.la-dark { color: #333 }
.la-line-scale>div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor }
.la-line-scale { width: 40px; height: 32px }
.la-line-scale>div { width: 4px; height: 32px; margin: 2px; margin-top: 0; margin-bottom: 0; border-radius: 0; -webkit-animation: line-scale 1.6s infinite ease; -moz-animation: line-scale 1.6s infinite ease; -o-animation: line-scale 1.6s infinite ease; animation: line-scale 1.6s infinite ease }
.la-line-scale>div:nth-child(1) { -webkit-animation-delay: -1.6s; -moz-animation-delay: -1.6s; -o-animation-delay: -1.6s; animation-delay: -1.6s }
.la-line-scale>div:nth-child(2) { -webkit-animation-delay: -1.4s; -moz-animation-delay: -1.4s; -o-animation-delay: -1.4s; animation-delay: -1.4s }
.la-line-scale>div:nth-child(3) { -webkit-animation-delay: -1.2s; -moz-animation-delay: -1.2s; -o-animation-delay: -1.2s; animation-delay: -1.2s }
.la-line-scale>div:nth-child(4) { -webkit-animation-delay: -1s; -moz-animation-delay: -1s; -o-animation-delay: -1s; animation-delay: -1s }
.la-line-scale>div:nth-child(5) { -webkit-animation-delay: -.8s; -moz-animation-delay: -.8s; -o-animation-delay: -.8s; animation-delay: -.8s }
.la-line-scale.la-sm { width: 20px; height: 16px }
.la-line-scale.la-sm>div { width: 2px; height: 16px; margin: 1px; margin-top: 0; margin-bottom: 0 }
.la-line-scale.la-2x { width: 80px; height: 64px; margin: 0 auto; }
.la-line-scale.la-2x>div { width: 8px; height: 64px; margin: 4px; margin-top: 0; margin-bottom: 0 }
.la-line-scale.la-3x { width: 120px; height: 96px }
.la-line-scale.la-3x>div { width: 12px; height: 96px; margin: 6px; margin-top: 0; margin-bottom: 0 }
/* <!--动画--> */
 @-webkit-keyframes line-scale { 0%, 40%, 100% {
-webkit-transform:scaleY(0.4);
transform:scaleY(0.4)
}
20% {
-webkit-transform:scaleY(1);
transform:scaleY(1)
}
}
@-moz-keyframes line-scale { 0%, 40%, 100% {
-webkit-transform:scaleY(0.4);
-moz-transform:scaleY(0.4);
transform:scaleY(0.4)
}
20% {
-webkit-transform:scaleY(1);
-moz-transform:scaleY(1);
transform:scaleY(1)
}
}
@-o-keyframes line-scale { 0%, 40%, 100% {
-webkit-transform:scaleY(0.4);
-o-transform:scaleY(0.4);
transform:scaleY(0.4)
}
20% {
-webkit-transform:scaleY(1);
-o-transform:scaleY(1);
transform:scaleY(1)
}
}
@keyframes line-scale { 0%, 40%, 100% {
-webkit-transform:scaleY(0.4);
-moz-transform:scaleY(0.4);
-o-transform:scaleY(0.4);
transform:scaleY(0.4)
}
20% {
-webkit-transform:scaleY(1);
-moz-transform:scaleY(1);
-o-transform:scaleY(1);
transform:scaleY(1)
}
}
 @keyframes loadRoate { 0% {
transform:rotate(0);
-webkit-transform:rotate(0);
}
 100% {
transform:rotate(360deg);
-webkit-transform:rotate(360deg);
}
}
 @-webkit-keyframes loadRoate { 0% {
transform:rotate(0);
-webkit-transform:rotate(0);
}
 100% {
transform:rotate(360deg);
-webkit-transform:rotate(360deg);
}
}
/*header*/
.header { height: 110px; position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; background: #fff; }
.scrollHeader .header { box-shadow: 0px 0px 5px #555; }
.height_height { height: 110px; }
.header h1 { float: left; padding-top: 35px; width: 200px; }
.header h1 a { display: block; }
.header h1 img { width: 100%; }
.header h1 span { display: block; text-align: right; margin-top: 5px; font-size: 15px; color: #10377A; }
.header .nav { float: right; }
.header .nav>ul>li { float: left; font-size: 16px; margin: 0px; margin-top: 60px; position: relative; }
 @media only screen and (max-width:1270px) {
 	.header .nav>ul>li{margin-top: 30px}
 	}
.header .nav>ul>li>a { color: #3e4259; padding: 0 10px; display: block; position: relative; padding-bottom: 25px; }
.header .nav>ul>li>a>i { position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; background: #4a266e; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; }
.header .nav>ul>li.on>a>i { position: absolute; left: 0%; bottom: 0; width: 100%; height: 3px; background: #e3254c; }
.header .nav>ul>li:hover a { color: #4a266e }
.header .nav>ul>li:hover .nav_list p a { color: #606060 }
.header_right { float: right; padding-top: 15px; }
.header_right .language a { padding: 0 5px; display: inline-block; line-height: 30px; }
.header_right .search_btn { margin-left: 28px; cursor: pointer; }
.header .wrap_out { position: relative; }
/*navlist*/
.header .nav>ul>li>span { display: none; }
.nav_list { background: transparent; font-size: 16px; position: absolute; top: 40px; left: 50%; margin-left: -65px; width: 160px; padding: 10px 0; padding-bottom: 0; visibility: hidden; opacity: 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -o-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); }
.nav_list { visibility: hidden; opacity: 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -o-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); }
.header .nav>ul>li.current .nav_list { visibility: visible; opacity: 1; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.nav_list p { line-height: 20px; padding: 8px 20px; margin-bottom: 10px; }
.header .nav>ul>li>a>p a { color: #606060; display: inline-block; text-align: center; }
.header .nav>ul>li>a>p a:hover { color: #4a266e }
.return_btn { display: none; }
 @media only screen and (min-width:1025px) {
.nav_list p a:after, .header h1 img { transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; }
.header .nav>ul>li:hover>a>i { left: 0; width: 100%; }
.nav_list p a:hover:after { width: 100%; background: #4a266e; }
}
/*nav下拉变*/
.nav_list_p.wrap { width: 100%; background: #fff; padding: 10px 0; }
.nav_list p a { position: relative; padding-bottom: 10px; }
.nav_list p a:after { content: ""; position: absolute; left: 0; bottom: 0; height: 1px; background: #333; width: 15px; }
a, .header .nav>ul>li>a>i, .bg_scale { transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; }
/*network*/
input:-webkit-autofill {
box-shadow: 0 0 0 1000px white inset !important;
}
.header_re { position: relative; }
.header_right { position: relative; z-index: 9; }
.search_wrap { display: none; }
.search_box, .search_line, .search_box input, .header_search { transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; }
.search_line { width: 0; }
.search_box { opacity: 0; visibility: hidden; overflow: hidden; position: absolute; top: 45px; right: 0px; border-bottom: 1px solid #3e4259; background: #fff; width: 0; }
.search_box button { float: left; width: 26px; height: 36px; border: none; outline: none; background: none; margin-left: 5px; }
.search_box input { width: 0px; height: 36px; line-height: 36px; padding: 0px; border: none; outline: none; background: none; position: absolute; top: 0; left: 26px; }
.close_search { float: right; height: 36px; cursor: pointer; position: absolute; top: 0; right: 0; }
.close_search img { margin-top: 6px; }
.search_box .search_btn { width: 30px; height: 30px; background: url(../images/close_btn.png) no-repeat center center; }
.search_box.active { right: 25px; opacity: 1; visibility: visible; width: 220px; }
.search_box.active .search_line { width: 100%; -moz-animation-duration: 0.8s; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; }
.search_box.active input { width: 150px; padding: 0 10px; }
.header_right.active .header_search { -webkit-transform: translateX(-200px); -moz-transform: translateX(-200px); -o-transform: translateX(-200px); -ms-transform: translateX(-200px); transform: translateX(-200px); opacity: 0; visibility: hidden; }
.header_right .search_btn img, .search_box button img { width: 18px; }
.header_right .search_btn { margin-top: 6px; }
.nav_phone_btn { display: none; }
.header_right .language a { padding: 0 5px; width: 100%; display: inline-block; line-height: 30px; }
.header_right .language, .header_right .search_btn { float: right; }
.header_right .search_btn { margin-right: 25px; cursor: pointer; }
.header .wrap_out { position: relative; }
.search_wrap { position: absolute; top: 72px; right: 0; background: #fff; padding: 5px 10px; overflow: hidden; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -o-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); visibility: hidden; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; border: 1px solid #ccc; width: 210px; }
.search_wrap.on { transform: scale(1, 1); -webkit-transform: scale(1, 1); -moz-: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); visibility: visible; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; }
.search_wrap input, .search_wrap button { border: 0; background: #fff; outline: none; height: 22px; line-height: 22px; float: left; }
.search_wrap button { width: 22px; }
.search_wrap button img { width: 22px; }
.search_wrap input { width: 186px }
/*语言选择*/
.select-box { width: 100%; position: relative; z-index: 100; border-radius: 1px; line-height: 35px; height: 35px; color: #000; }
.select-box:hover { z-index: 101; }
.select-box dt { margin-right: 1px; padding-right: 25px; cursor: pointer; }
.select-box dt i.ico { position: absolute; transition: 0.3s all ease-in-out; background: url(../images/xiala.png) no-repeat; width: 10px; height: 10px; right: 10px; top: 50%; margin-top: -4px; }
.select-box dt.open i.ico { -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); }
.select-box dd { position: absolute; z-index: 999; background: #f2f3f4; padding: 0 0; right: 0; left: -22px; top: 100%; text-align: center; display: none; }
.select-box dd a { display: block; line-height: 30px; color: #333; font-weight: normal; white-space: normal; padding: 5px 0!important; margin-top: 0px; }
.select-box dd a:hover { color: #fff; background: #895DB7 }
/*banner*/
.banner { height: 100vh }
.inbanner { height: 100vh !important; }
.inbanner li a>img { height: 100%; }
.banner { overflow: hidden; }
.banner li { overflow: hidden; }
.banner li a { position: relative; display: block; height: 100%; }
.banner_text { position: absolute; bottom: 40%; left: 0%; width: 100%; color: #fff; text-align: center; z-index: 3; }
.banner_text h1 { margin-bottom: 10px; font-size: 48px; font-weight: bold; -webkit-transform: translateY(-80px); -moz-transform: translateY(-80px); -o-transform: translateY(-80px); -ms-transform: translateY(-80px); transform: translateY(-80px); transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; }
.banner_text p { text-transform: uppercase;font-size: 24px; -webkit-transform: translateY(80px); -moz-transform: translateY(80px); -o-transform: translateY(80px); -ms-transform: translateY(80px); transform: translateY(80px); transition: 1.5s all; -webkit-transition: 1.5s all; -moz-transition: 1.5s all; -o-transition: 1.5s all; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0;  }
.banner li img { width: 100%; }
.img_b { display: none; }
.banner_more { margin-top: 35px; }
.banner_more img { width: 56px !important; height: 55px; }
.banner li video { position: absolute; left: 50%; top: -1%; height: 102%; width: auto; transform: translateX(-50%); }
.inbanner { position: relative; }
.inbanner .swiper-container { height: 100%; }
.inbanner li a>img { width: 100% }
.inbanner .banner_cont { position: absolute; top: 226px; left: 0; width: 100%; }
.inbanner .banner_page { margin-right: 0; right: 0px; width: 15px; right: 40px; bottom: auto; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); }
.inbanner .banner_page { margin-top: 0; float: none; }
.inbanner .banner_page span { width: 10px; height: 10px; opacity: 1; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; border-radius: 50%; position: relative; margin: 19px 0; background: rgba(255,255,255,0.4); position: relative; }
.inbanner .banner_page span.swiper-pagination-bullet-active { background: #fff; }
.inbanner li.on .banner_text h1, .inbanner li.on .banner_text p, .inbanner li.on .banner_text .banner_more { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; }
.inbanner video{position: absolute; min-height:100%; min-width:100%; object-fit:cover; top:0; left:0;}
.inbanner .cover{position: absolute;left:0; top: 0; width:100%; height: 100%; z-index: 2;background:url(../images/cover.png) repeat;}
.but>div { width: 64px; height: 100px; margin-top: -14px; background-size: 100% 100%!important }
.but>div.swiper-button-disabled { opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; }
.but>div.swiper-button-prev { background: url(../images/prev.png) no-repeat center center; left: 5%;transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; }
.but>div.swiper-button-next { right: 5%; background: url(../images/next1.png) no-repeat center center;transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; }
.but>div.swiper-button-prev:hover{ background: url(../images/prev2.png) no-repeat center center;}
.but>div.swiper-button-next:hover { background: url(../images/next2.png) no-repeat center center; }
/*首页介绍*/
.index_intro { background: url(../images/intro_bg.png) no-repeat left bottom #fefefe; padding: 80px 0 }
.index_intro .intro_left, .index_intro .intro_right { float: left; display: inline-block; width: 50% }
.intro_left h1 { font-size: 40px; color: #000 }
.intro_left .intro_left_line { width: 60%; height: 3px; margin: 30px 0; background: #4a266e; position: relative }
.intro_left .intro_left_line:before { content: ""; position: absolute; left: 0; top: 0; height: 3px; background: #f1bc1e; width: 30%; z-index: 9 }
.intro_left p { color: #777; font-size: 16px; width: 500px; }
.intro_left_en { margin: 30px 0; color: #e8e8e8; font-size: 60px; text-transform: uppercase; line-height: 60px; font-weight: bold }
.intro_left_more { position: relative; margin-left: 15px; line-height: 23px; text-align: center; font-size: 16px; color: #4a266e; }
.intro_left_more a { color: #4a266e; }
/*.intro_left_more :before { content: ''; display: block; position: absolute; width: 0; height: 0; right: 15px; border-width: 12.99px 7.5px; border-style: solid; border-color: transparent #4a266e transparent transparent; }
.intro_left_more :after { content: ''; display: block; position: absolute; width: 0; height: 0; left: 15px; border-width: 12.99px 7.5px; border-style: solid; border-color: transparent transparent transparent #4a266e; top: 0; }

.intro_left_more a img { margin-top: 6px }*/
.intro_right h1 { font-size: 40px; color: #000 }
.intro_news { margin: 20px 0; }
.intro_tab li { display: inline-block; padding-right: 30px; font-size: 16px; }
.intro_tab li.on a { color: #733d8b; }
.intro_box { margin: 26px 0 }
.intro_box li { display: none; height: 398px; overflow-y: auto }

.intro_box dl { width: 95%; margin-bottom: 20px; padding: 0; height: 113px; background: #e6e6e6 }
.intro_box li a:last-child dl { margin-bottom: 0; }
.intro_box dt { display: inline-block;float: left;width: 193px;   max-height: 113px; position: relative }
.intro_box dt img{width: 193px;max-height: 113px;}
.intro_date { position: absolute; top: 40%; left: 30%; text-shadow: 5px 2px 6px #000; color: #fff }
.intro_box dd { display: inline-block;float: left;width: calc(100% - 30px);  vertical-align: top; margin:0 15px; padding-top: 10px; line-height: 30px; color: #777; font-size: 14px }
.intro_box dd p b { color: #333; font-size: 16px; }
.intro_box li:nth-child(3) dt{display: none}
.intro_box li:nth-child(3) dd{width: 90%}
.intro_box li::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 5px;  /*高宽分别对应横竖滚动条的尺寸*/
 height: 1px;
}
.intro_box li::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius : 10px;
 background-color: #4a266e;
}
.intro_box li::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);
 background : #e4e4e4;
 border-radius: 10px;
}
/* 首页平台服务 */
.platform { height: 713px; background: url(../images/platform_bg1.jpg) no-repeat center center; background-size: auto 100%; padding: 100px 0; }
.platform_left, .platform_right { display: inline-block; float: left; width: 50%; }
.platform_left h1, .platform_right h1 { font-size: 40px; color: #fff }
.platform_right { margin-top: 104px }
.platform_right h1 { text-align: right;margin-bottom: 60px; }
.platform_lbox { background: url(../images/hex_bg1.png) no-repeat center center; width: 630px; height: 558px; position: relative; }
.platform_rbox { background: url(../images/hex_bg2.png) no-repeat top center; width: 626px; height: 424px; position: relative; }
.platform li { background: transparent; width: 188px; height: 164px; position: absolute; text-align: center; vertical-align: middle; }
.platform li a { color: #fff; display: block; padding:0 15px; padding-top: 60px; font-size: 20px }
/* .platform_rbox li:nth-child(3) a, .platform_rbox li:nth-child(6) a { padding-top: 70px } */
.platform_lbox li:first-child { left: 2px; top: 84px; }
.platform_lbox li:nth-child(2){ left: 2px; top: 248px; }
.platform_lbox li:nth-child(3) { left: 145px; top: 166px; }
.platform_lbox li:nth-child(4) { left: 288px; top: 84px; }
.platform_lbox li:nth-child(5) { left: 288px; top: 248px; }
.platform_lbox li:nth-child(6) { left: 431px; top: 2px; }
.platform_lbox li:nth-child(7) { left: 431px; top: 166px; }
.platform_rbox li:first-child { left: 3px; top: 84px; }
.platform_rbox li:nth-child(2) { left: 3px; top: 249px; }
.platform_rbox li:nth-child(3) { left: 146px; top: 2px; }
.platform_rbox li:nth-child(4) { left: 146px; top: 167px; }
.platform_rbox li:nth-child(5) { left: 289px; top: 85px; }
.platform_rbox li:nth-child(6) { left: 432px; top: 2px; }
.platform_rbox li:nth-child(7) { left: 432px; top: 166px; }
.platform_lbox li.on { background: url(../images/hex_bg3.png) no-repeat center center; }
.platform_rbox li.on { background: url(../images/hex_bg4.png) no-repeat center center; }
.platform_rbox li.on a, .platform_lbox li.on a { font-weight: bold; }
/* 创客 */
.maker { height: 713px; background: url(../images/maker_bg.jpg) no-repeat center center; background-size: auto 100%; padding: 100px 0; }
.maker .maker_left, .maker .maker_right { display: inline-block; width: 49.5%; float: left; }
.maker .maker_left h1 { color: #000; font-size: 40px; margin-bottom: 15px; }
.maker .maker_left p { font-size: 22px; color: #777 }
.maker .maker_rr, .maker .maker_rl { display: inline-block; float: left; width: calc(48% - 3px); border-left: 3px solid transparent; padding-left: 3%; height: 117px; -moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; -webkit-transition: all .8s ease 0s; transition: all .8s ease 0s; }
.maker .maker_rr { width: calc(46% - 3px) }
.maker .maker_rr:hover, .maker .maker_rl:hover { border-left: 3px solid #4a266e }
.maker .maker_rr p, .maker .maker_rl p { font-size: 36px; margin-top: 10px; color: #fff; -moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; -webkit-transition: all .8s ease 0s; transition: all .8s ease 0s; }
.maker .maker_rr i, .maker .maker_rl i { display: block; height: 60px; width: 60px; }
.maker .maker_rl i { background: url(../images/make_icon1.png) no-repeat center center; -moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; -webkit-transition: all .8s ease 0s; transition: all .8s ease 0s; }
.maker .maker_rr i { background: url(../images/make_icon2.png) no-repeat center center; -moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; -webkit-transition: all .8s ease 0s; transition: all .8s ease 0s; }
.maker .maker_rr:hover p, .maker .maker_rl:hover p { color: #4a266e }
.maker .maker_rl:hover i { background: url(../images/make_icon11.png) no-repeat center center }
.maker .maker_rr:hover i { background: url(../images/make_icon22.png) no-repeat center center }
.index_line { width: 100; height: 24px; background: #4a266e; position: relative; }
.index_line:after { content: ""; position: absolute; right: 0; top: 0; height: 24px; background: #f1bc1e; width: 20%; z-index: 9; }
/* 页脚 */
.footer { background: #504f4d; position:relative }
.footer .share { width: 90%; margin: 0 5%; border-top: 1px solid #62615f; text-align: center; height: 60px;position: absolute; left: 0;right:0;bottom: 15px }
.footer .border { display: inline-block; *display: inline;
*zoom: 1;
width: 60px; height: 60px; float: none; margin-left: 5px; }
.footer .share_text { display: inline-block; height: 60px; width: 60px; line-height: 60px; float: none; *display: inline;*zoom: 1;vertical-align: top; position: relative }
.footer .bds_sqq { background-position: -69px 0; }
.footer .bds_tsina { background-position: -138px 0; }
.footer .bds_qzone { background-position: -205px 0; }
.footer .bds_friend { background-position: -265px 0; }
.footer .border { position: relative; }
.footer .border span { background-image: url(../images/footer_share.png); width: 60px; height: 60px; padding: 0; -moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; -webkit-transition: all .8s ease 0s; transition: all .8s ease 0s; display: inline-block; *display:inline;
*zoom:1;cursor: pointer; }
.footer .border:hover span { -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); transform: rotateY(180deg) }
.footer .footer_cont { width: 90%; padding: 35px 5%; background: url(../images/footer_bg.png) no-repeat right top; background-size: auto 140%; }
.footer .logo {height:40px;}
.footer .logo img{width:110px;height:38.5px}
.footer .logo span{line-height:40px;color:#fff; margin-left:30px; font-size:16px}
.footer .footer-l { float: left; display: inline-block;width:100% }
.footer .footer-l h1 { font-size: 16px; margin: 18px 0; color: #fff }
.footer .footer-l div:nth-child(4){font-size: 14px; color: #fff; line-height: 24px; opacity: .9;vertical-align: top; display: inline-block;margin-left: 40px}
.footer .footer-b { margin-top: 40px; width: 100%; float: none; display: block; }
.footer .footer-r { position:absolute; top:15px;right:5%;text-align:center}
.footer .footer-r span { color: #fff; opacity: .5; display: block; margin: 10px 0; text-align: center; }
.footer .footer-b, .footer .footer-b a { font-size: 14px; color: #999 }
.footer .footer-b span, .footer .footer-b a { display: inline-block; margin-right: 10px; }
.footer-m { width: calc(100% - 464px); display: inline-block; float: left; margin-left: 60px; height: 236px; overflow: hidden; }
.footer-m li { display: inline-block; float: left; margin-right: 3%; height: 236px; color: #fff }
.footer-m li h1 { font-size: 16px; margin-bottom: 20px }
.footer-m li p a { color: #fff; font-size: 14px; opacity: .5; line-height: 16px; padding: 7px 0; display: block; }
.footer  dl{display:block; vertical-align:top;color:#fff;margin-top:30px}
.footer dl dd{margin-top:5px}
.footer .footer-dl dl{width:18%;display:inline-block; vertical-align:top;color:#fff;margin-top:20px}
.footer .footer-dl dl:last-child{width:20%;}
.footer .footer-dl dl + dl{margin-right:1%}
/* 内页样式 */
.site_banner { position: relative; }
.site_banner img { width: 100%; }
.site_p { position: absolute; left: 0; width: 100%; bottom: 40px; color: #fff; }
.site_p h1 { font-size: 36px; }
.site_p p { font-size: 30px }
/* 总裁寄语 */
.boss { }
.boss ul li.boss_li { height: 500px; padding: 60px 0; width: 100%; background: url(../images/boss_bg2.jpg) no-repeat center center; background-size: auto 100% }
.boss ul li.boss_li:first-child { background: url(../images/boss_bg1.jpg) no-repeat center center; background-size: auto 100% }
.boss ul li.boss_li dl dt { float: left; display: inline-block; }
.boss ul li.boss_li dl dd { float: left; display: inline-block; margin-top: 50px; width: calc(100% - 369px) }
.boss ul li.boss_li dl dd h1 { color: #4a266e; font-size: 36px; font-weight: bold; margin-bottom: 10px }
.boss ul li.boss_li dl dd p { color: #000; font-size: 18px }
.boss_intro { margin-top: 40px; }
.boss_intro_tab li { display: inline-block; margin-right: 15px; margin-bottom: 10px; }
.boss_intro_tab li a { font-size: 18px }
.boss_intro_tab li.on { border-bottom: 2px solid #f1bc1e }
.boss_intro_tab li.on a { font-weight: bold; color: #000 }
.boss_intro_box li { display: none }
.boss ul li.boss_li dl dd .boss_intro_box li p { font-size: 16px; color: #777; line-height: 30px }
/* 优创企业 */
.company { margin: 70px 0; }
.cont-img-group { width: 1200px; max-width: 100%; margin: auto; position: relative; height: 635px; background: url(../images/compay_bg.png) no-repeat center bottom; background-size: 100%; }
.cont-img-group>div { background: url("../images/box.png") 0% 0% / cover; width: 150px; height: 150px; line-height: 150px; border-radius: 50%; text-align: center; cursor: pointer; }
.cont-img-group>div p { width: 170px; height: 170px; border-radius: 50%; }
.phone_group { width: 1200px; max-width: 100%; margin: auto; height: 635px; background: url(../images/compay_bg.png) no-repeat center bottom; position: relative; display: none; background-size: 100%; }
.phone_group li { width: 150px; height: 150px; text-align: center; background: url(../images/box.png) no-repeat center center; position: absolute; }
.phone_group li img { margin-top: 35px; width: 80px; height: 80px; }
.phone_group li:nth-child(1) { top: 35%; left: 0; }
.phone_group li:nth-child(2) { top: 12%; left: 16%; }
.phone_group li:nth-child(3) { top: 46.5%; left: 20%; }
.phone_group li:nth-child(4) { top: 28%; left: 32%; }
.phone_group li:nth-child(5) { top: 10%; left: 40.5%; }
.phone_group li:nth-child(6) { top: 0%; right: 26.6%; }
.phone_group li:nth-child(7) { top: 28.3%; right: 20.8%; }
.ie9 .phone_group { display: block; }
.ie9 .cont-img-group { display: none; }
/* 内页平台 */
.inner_cdmo { background: url(../images/inner_platform_bg.png) top center; background-size: auto 100%; padding: 60px 0; }
.cdmo_text { text-align: center; position: relative; }
.cdmo_text:after { content: ""; position: absolute; margin-left: -53px; bottom: -25px; height: 3px; background: #f1bc1e; width: 105px; z-index: 9; }
.cdmo_text p { color: #000; font-size: 18px; line-height: 30px; }
.cdmo_hex { margin: 80px auto; text-align: center; width: 1100px }
/*技术平台*/
.inner_platform { padding-top: 60px; }
.inner_platform_c p { color: #777; font-size: 16px; line-height: 24px; }
.inner_platform_c p:first-child { font-size: 20px; color: #4a266e; margin-bottom: 30px; }
.innerplatform_tab { text-align: center; margin-top: 50px; }
.innerplatform_tab ul { display: inline-block; width: 100% }
.bg_scale { width: 100%; height: 100%; transform: scale(1, 1); -webkit-transform: scale(1, 1); -moz-: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); background: #4a266e; position: absolute; top: 0; left: 0; box-shadow: 0 0 16px -4px rgba(0,0,0,0.3); opacity: 0; }
.innerplatform_tab ul li { width: 16.66666%; float: left; position: relative; }
.innerplatform_tab ul li dl { border-right: 1px solid #d4d4d4; padding: 15px 0 18px 0; position: relative; z-index: 2; box-sizing: border-box; }
.innerplatform_tab ul li:last-child dl { border: none; }
.innerplatform_tab dt { width: 50px; height: 68px; margin: auto; position: relative; overflow: hidden; margin-bottom: 25px; text-align: center }
.innerplatform_tab dt img { position: absolute; top: 0; left: 0; right: 0 }
.innerplatform_tab dt .image02 { top: 100%; }
.innerplatform_tab dd { color: #777; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold; }
.innerplatform_tab .line03 { height: 4px; background: #f8b61c; position: absolute; left: 0; bottom: 0; width: 100%; }
.innerplatform_tab ul li.on { position: relative; ; z-index: 2; }
.innerplatform_tab ul li.on .bg_scale { transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -moz-: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); opacity: 1; }
.innerplatform_tab ul li.on dl { border: none; }
.innerplatform_tab ul li.on dt .image01 { top: 100%; }
.innerplatform_tab ul li.on dt .image02 { top: 0; }
.innerplatform_tab ul li.on dd { color: #fff }
.innerplatform_box { }
.innerplatform_box .wrap { position: relative; z-index: 2; height: 100%; }
.innerplatform_box li.innerplatform_boxli { height: 520px; position: relative; color: #fff; display: none; background: url(../images/platform_bg.jpg) no-repeat center center; background-size: auto 100%; }
.innerplatform_box li.innerplatform_boxli .innerplatform_left, .innerplatform_box li .innerplatform_right { width: 100%; float: left; }
.innerplatform_box li.innerplatform_boxli .innerplatform_right { margin-left: 2%; }
.innerplatform_box li.innerplatform_boxli .innerplatform_left h3 { font-size: 36px; overflow: hidden; color: #4a266e; margin-bottom: 25px; }
.innerplatform_box li.innerplatform_boxli .innerplatform_left p {text-indent: 24px; font-size: 16px; color: #777; overflow: hidden; }
.innerplatform_text { position: absolute; left: 0; bottom: -80px; background: #fff; z-index: 9; width: calc(100% - 100px); padding: 50px; }
.innerplatform_contact { background: #f3f3f3; padding: 150px 0 50px 0; }
.inner_platform_c .innerplatform_contact p { color: #000 }
.innerplatform_contact p span { color: #4a266e; font-size: 22px; display: inline-block; margin-left: 30px; padding-left: 30px; background: url(../images/tele.png) left center no-repeat; background-size: auto 20px; }
.innerplatform_line { width: 40%; height: 3px; margin: 30px 0; background: #4a266e; position: relative }
.innerplatform_line:before { content: ""; position: absolute; left: 0; top: 0; height: 3px; background: #f1bc1e; width: 30%; z-index: 9 }
.innerplatform_right { font-size: 20px; color: #4a266e; }
.innerplatform_right ul { margin-top: 40px; display:table }
.innerplatform_right ul li { display:table-cell; vertical-align:middle; color: #4a266e; height: 87px; text-align: center; width: 79px; font-size: 16px; padding: 0px 20px; padding-bottom: 0; margin-right: 6px; background: url(../images/platform_right_bg.png) center center no-repeat }
/*  cdmo */
/**蜂巢样式***/
.hex { float: left; margin-left: 20px; margin-bottom: -56px; cursor: pointer; }
.hex:first-child, hex:nth-child(5) { margin-left: 0 }
.hex .hex_top { width: 0; border-bottom: 76px solid transparent; border-left: 130px solid transparent; border-right: 130px solid transparent; margin-top: -1px\9\0; margin-top: 0px\0; }
.hex .hex_middle { width: 220px; padding: 0 20px; height: 150px; line-height: 150px; text-align: center; color: #fff; font-size: 18px }
.hex .hex_bottom { width: 0; border-top: 76px solid transparent; border-left: 130px solid transparent; border-right: 130px solid transparent; margin-top: -1px\9\0; margin-top: 0px\0; }
.hex:first-child { background: url(../images/cdmo/1.png) no-repeat center center; }
.hex:nth-child(2) { background: url(../images/cdmo/2.png) no-repeat center center; }
.hex:nth-child(3) { background: url(../images/cdmo/3.png) no-repeat center center; }
.hex:nth-child(4) { background: url(../images/cdmo/4.png) no-repeat center center; }
.hex:nth-child(5) { background: url(../images/cdmo/5.png) no-repeat center center; clear: left; margin-left: 140px; }
.hex:nth-child(6) { background: url(../images/cdmo/6.png) no-repeat center center; }
.hex:nth-child(7) { background: url(../images/cdmo/7.png) no-repeat center center; }
/* .hex:nth-child(4) .hex_middle { height: 110px; line-height: 30px; padding-top: 40px; } */
.hex:nth-child(5) .hex_middle, .hex:nth-child(7) .hex_middle { color: #4e4e4e }
/**蜂巢样式***/

/* 创业导师 */
.maker_b { padding: 80px 0; }
.maker_b .teacher{width: 90%; margin:0 5%;}
.maker_b .teacher li { position: relative; overflow: hidden; display: inline-block; width: 22.5%; margin-right: 2%; margin-bottom: 2%; -moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; -webkit-transition: all .8s ease 0s; transition: all .8s ease 0s; }
.maker_b .teacher li .txt {width: 100%; font-size: 14px; color: #fff; position: absolute; height: 35px; left: 0; bottom: 0; background: #4a266e; filter: Alpha(opacity=50); background: rgb(74, 38, 110, 0.8); transition: all 0.8s; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; }
.maker_b .teacher li .txt span { display: block; text-align: center; line-height: 35px; position: relative; }
.maker_b .teacher li .txt span:after { content: ""; position: absolute; margin-left: -20px; bottom: 0px; left: 50%; height: 2px; background: #f1bc1e; width: 40px; z-index: 9; }
.maker_b .teacher li .txt p { padding: 10px 15px;width: calc(100% - 30px); font-size: 12px; }
.maker_b .teacher li img { width: 100%; height: auto; }
.maker_b .teacher li:hover .txt { height:30%; }
/* 创客活动 */
.activity { padding: 80px 0; padding-top: 40px }
.activity li dd { padding-bottom: 20px; }
.activity li { margin-top: 40px; float: left; width: 33.33%; *margin-left: -1px;}
.activity li dl { padding: 0 24px; }
.activity li dt { position: relative; margin-bottom: 30px; }
.activity li dt a{display: block; height: 211px; width: 378px; overflow: hidden;}
.activity li dt a img{width: 100%; min-height: 221px;}
.activity .news_time { position: absolute; left: 0px; bottom: -23px; color: #fff; background: #4a266e; width: 80px; height: 91px; text-align: center; background: url(../images/act_bg.png) center center no-repeat; }
.activity .news_time span { display: inline-block; margin-top: 18px; font-size: 18px; border-bottom: 1px solid rgb(255, 255, 255, .3) }
.activity .news_time p { font-size: 18px; line-height: 30px; }
.activity dd h3 { font-size: 18px; line-height: 20px; height: 40px; overflow: hidden; font-weight: bold; }
.activity dd p { font-size: 16px; line-height: 24px; height: 72px; overflow: hidden; color: #777; }
/* 孵化空间 */
.hatch_space { padding: 100px 0; background: #f3f3f3 }
.spacebanner { width: 100%; margin: 0 auto; height: auto; position: relative; }
.spacebanner li { position: relative; width: 100%; }
.spacebanner li img { width: 100%; height: 100%; }
.spacebanner .swiper-button-prev, .spacebanner .swiper-button-next { background-color: rgb(74, 38, 110, .8); padding: 20px 30px; }
.spacebanner .swiper-button-prev { left: 0 }
.spacebanner .swiper-button-next { right: 0 }
.spacebanner_text { position: absolute; left: 10%; bottom: 50px; color: #fff; width: 40%; z-index: 9 }
.spacebanner_text h1 { font-size: 36px }
.spacebanner_text p { font-size: 16px; }
.space_line { width: 50%; height: 3px; margin: 20px 0; background: #4a266e; position: relative }
.space_line:before { content: ""; position: absolute; left: 0; top: 0; height: 3px; background: #f1bc1e; width: 30%; z-index: 9 }
.spacebanner_bg { position: absolute; bottom: 0; left: 0; width: 100%; height: 407px; background: url(../images/space_bg.png) repeat-x; z-index: 8 }
.space_icon li { width: 102.5px; display: inline-block; margin-top: 20px; text-align: center; -moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; -webkit-transition: all .8s ease 0s; transition: all .8s ease 0s; }
.space_icon li p { font-size: 14px; color: #777; }
.space_icon li img { margin-bottom: 15px; -moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; -webkit-transition: all .8s ease 0s; transition: all .8s ease 0s; }
.space_icon li:hover img { -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); transform: rotateY(180deg) }
/* 加拿大 */
.ccbi { background: url(../images/intl_bg.png) top left no-repeat; }
.ccbi_text { padding-top: 80px; padding-bottom: 80px; text-align: center; }
.ccbi_text h1 { font-size: 36px; color: #4a266e; margin-bottom: 20px }
.ccbi_text p { color: #777; font-size: 18px; }
.ccbibox { background: url(../images/intl_abg.png) no-repeat center center; position: relative; }
.ccbi_hex { position: absolute; ; top: -65px; left: 45%; z-index: 99 }
.ccbi .ccbibox li { width: 25%; height: 790px; float: left; position: relative; transition: all .5s ease; -webkit-transition: all .5s ease; }
.ccbi .ccbibox li.on { width: 50%; position: relative; }
.ccbi .ccbibox li:before { content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: linear-gradient(to bottom, #9a9a9a, transparent); z-index: 9 }
.ccbi .ccbibox li .ccbibox_c { width: calc(100% - 46px); border-left: 3px solid transparent;padding-bottom: 50px; margin-top: 130px; color: #fff; overflow: hidden; padding-left: 28px; margin-left: -1px; z-index: 10 }
.ccbi .ccbibox li.on .ccbibox_c { border-left: 3px solid #701bc5; }
.ccbi .ccbibox li .ccbibox_c img { }
.ccbi .ccbibox li .ccbibox_c h1 { font-size: 16px; margin: 20px 0; }
.ccbi .ccbibox li .ccbibox_c p { font-size: 14px; display: none }
.ccbi .ccbibox li.on .ccbibox_c h1 { font-size: 24px }
.ccbi .ccbibox li.on .ccbibox_c p { display: block; }
.ccbi .ccbibox li.on .ccbibox_c div { display: none; }
.ccbi_bttext { font-size: 18px; color: #fff; opacity: .5; text-align: center; margin-bottom: 60px; }
/* 国际 */
.ccbi2 .ccbibox { background: url(../images/intl_bbg.jpg) no-repeat center center; position: relative; }
.ccbi2 .ccbibox li { vertical-align: bottom; width: 20% }
.ccbi2 .ccbibox li.on { width: 40% }
.ccbi2 .ccbibox li:before { background: linear-gradient(to top, #9a9a9a, transparent); }
.ccbi2 .ccbi_bttext { padding-top: 60px; margin: 0; opacity: 100% }
.ccbi2 .ccbibox li .ccbibox_c { margin-top: 50px }
/* 政策 */
.hatch_policy .policy_top, .hatch_policy .policy_bottom { padding: 60px; }
.hatch_policy .policy_bottom { background: #f3f3f3 }
.hatch_policy h1 { font-size: 36px; color: #4a266e }
.hatch_policy .policy_line { width: 20%; height: 3px; margin: 30px 0; background: #4a266e; position: relative }
.hatch_policy .policy_line:before { content: ""; position: absolute; left: 0; top: 0; height: 3px; background: #f1bc1e; width: 30%; z-index: 9 }
.policy_top ul li { width: 48%; margin-right: 2%; display: inline-block; float: left; }
.policy_bottom ul li { width: 48%; margin-right: 2%; display: inline-block; float: left; }
.hatch_policy .policy_tit { width: 100%; height: 30px; padding: 46px 0; color: #fff; font-size: 20px; text-align: center; background: url(../images/policy1.jpg) no-repeat center center; background-size: 100% auto }
.policy_top li:nth-child(2) .policy_tit { background-image: url(../images/policy2.jpg) }
.policy_bottom li:first-child .policy_tit { background-image: url(../images/policy4.jpg) }
.policy_bottom li:nth-child(2) .policy_tit { background-image: url(../images/policy5.jpg) }
.hatch_policy p { color: #777; font-size: 16px; margin-top: 20px; padding-right: 15px; }
/* 新闻 */
.news { margin: 60px 0; }
.newslist_box { padding: 46px 60px 40px; position: relative; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.newslist_main { overflow: hidden; width: 88%; float: right }
.newslist_main .bd_r { width: 20%; margin-left: 3%; float: right; }
.newslist_main .bd_r span{width: 193px; height: 113px; overflow: hidden;}
.newslist_main .bd_r span img{width: 100%; height: auto;}
.newslist_title { font-size: 20px; color: #333; font-weight: normal; display: block; }
.newslist_tool { font-size: 12px; color: #c9c9c9; padding: 10px 0px; }
.newslist_tool span { display: inline-block; vertical-align: middle; }
.newslist_p { font-size: 14px; color: #777; line-height: 26px; height: 52px; overflow: hidden; }
.newslist_box:after { content: ""; width: 88%; height: 1px; background-color: #e6e6e6; position: absolute; bottom: 0; right: 0; }
.newslist_bd ul li:hover .newslist_box { background-color: #f8f8f8; }
.newslist_bd ul li:hover .newslist_box:after { background-color: #f8f8f8; }
.newslist_bd ul li:hover .newslist_title { color: #4a266e; }
.newslist_time { font-size: 14px; color: #4a266e; padding: 0 2% 2% 0; border-right: 1px solid #e6e6e6; width: 60px; float: left; }
.newslist_time_day { display: block; font-size: 50px; color: #4a266e; line-height: 50px; font-family: helvetica; }
.newslist_tool span.mobilepush { display: none; }
/*联系我们 */
.contact { margin: 60px 0; }
.contact_box { position: relative; }
.contact_box .contact_box_c { position: absolute; ; right: 20px; top: 30px; width: 340px; height: 280px; z-index: 99; background: rgba(74,38,110,.8); padding: 80px 30px; }
.contact_box_c h1 { font-size: 24px; color: #fff; margin-bottom: 30px; }
.contact_box_c p { color: #fff; font-size: 16px; padding: 8px 0; }
.contact_box_c p img { vertical-align: middle; }
.contact_box_c p.erweima_p { width: 120px; margin-top: 32px; }
.contact_box_c p.erweima_p img { width: 100%; }
.contact_box_c p.erweima_p span { display: inline-block; float: left; width: 100%; line-height: 24px; text-align: center; padding-top: 16px; }
/*招聘信息列表*/
.hr { margin: 80px 0; }
.hr_li { color: #333333; margin-bottom: 16px; }
.hr_li_div span { font-size: 14px; width: 25%; height: 57px; overflow: hidden; display: inline-block; color: #666 }
.hr_li_div span:first-child { width: 35%; font-size: 18px; color: #333 }
.hr_li_div img { float: right; margin-right: 25px; margin-top: 20px; }
.hr_li_div { line-height: 57px; cursor: pointer; height: 57px; padding-left: 25px; border-left: 5px solid #4a266e; background-color: #f6f6f6; overflow: hidden; }
.hr_li_con { padding: 30px; background: #fafafa; display: none; }
.hr_li_con h1 { line-height: 24px; font-size: 14px; font-weight: normal; margin-top: 20px; }
.hr_li_con p { line-height: 24px; }
.hr_li_more { margin-top: 50px; width: 137px; height: 45px; text-align: center; line-height: 45px; font-size: 16px; background-color: #feda00; color: #ffffff; font-weight: bolder; }
.hr_li_div_img { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.n_hr { margin-bottom: 25px; }
.hr_text_con .hr_tit { font-size: 16px; color: #777; margin-bottom: 20px; }
.hr_text_con .hr_info { font-size: 13px; color: #777; line-height: 24px; margin-bottom: 20px; }
/*新闻详细*/
.news .detail_l { width: 70.3399%; float: left; }
.news .l_box { background: #fbfbfc; padding: 4% 6%; }
.news .news_title { font-size: 28px; color: #000; margin-bottom: 20px; font-weight: bold; }
.news .l_tools { margin-bottom: 20px; line-height: 20px; }
.news .l_tools span { display: inline-block; *display:inline;*zoom:1;font-size: 14px; color: #5a5a5a; }
.news .news_time { margin-right: 20px; }
.news .news_view { margin-right: 20px; }
.news .switcher .title { display: inline-block; *display:inline;*zoom: 1;vertical-align: middle; }
.news .detail_r { width: 28%; float: right; }
.news .detail_r .arr_box { background: #fbfbfc; padding: 8%; margin-bottom: 14px; color: #666; display: block; }
.news .detail_r .arr_title { font-size: 18px; color: #000; margin-bottom: 10px; }
.news .detail_r .arr_news_title { font-size: 15px; font-weight: normal; }
.news .detail_r .arr_time { font-size: 14px; padding-top: 6px; display: block; }
.news .detail_r .arr_box:hover { color: #4a266e; }
.news .detail_r .arr_box:hover .arr_title { color: #4a266e; }
.news .detail_r .share_box { background: #fbfbfc; padding: 8%; }
.news .detail_r .share_title { font-size: 18px; color: #000; margin-bottom: 10px; }
.news .detail_r .black_list { width: 100%; height: 42px; line-height: 42px; background: #4a266e; text-align: center; font-size: 18px; color: #fff; display: block; }
.news .newdetail_share { padding: 10px 0px; }
.news .newdetail_share a { width: 40px; height: 40px; display: inline-block; cursor: pointer; text-align: center; border: 1px solid #999; line-height: 40px; border-radius: 50%; background: none; padding: 0; margin: 0; margin-right: 10px; font-size: 20px; color: #999; }
.news_text p { line-height: 24px; margin:20px 0; font-size:14px; color:#606060 }
.news_text p img{max-width: 100%}
.weixin { position: fixed; width: 300px; height: 400px; z-index: 100000; left: 50%; top: 50%; margin: -200px 0 0 -150px; background: #fff; border: 1px solid #ddd; border-radius: 2px; box-shadow: 1px 1px 10px #666; }
.weixin .c { position: absolute; width: 30px; height: 30px; background: url(../images/x.png); overflow: hidden; text-indent: 100px; right: 0; top: 0; font-size: 20px; font-style: normal; text-align: center; cursor: pointer; z-index: 2; }
.weixin h2 { position: relative; line-height: 40px; font-size: 16px; padding-left: 10px; font-weight: normal; }
.weixin p { margin: 0 1.5%; text-align: center; }
.weixin .img img { width: 290px; height: 290px; display: block; margin: 0 auto 10px; }
.weixin #qrcode { padding: 20px; text-align: center; border-top: 1px solid #ddd; }
/*站内搜索*/
.innersearch { margin: 80px 0; }
.innersearch_box .Tit2, .innersearch_box .Tit2 a { height: 56px; font: bold 24px/56px 'microsoft yahei'; color: #333; }
.Tit2 a:hover { color: #333; }
.innersearch_box .sear { padding: 40px 0 40px 35px; background: #eee; }
.innersearch_box .sear .t { font-size: 15px; font-weight: bold; line-height: 2.4; }
.innersearch_box .serv_select li { float: left; width: 36px; border: 1px solid #ccc; background: #fff; padding: 0 5px; margin-right: 5px; cursor: pointer; }
.innersearch_box .rect { display: inline-block; width: 2px; height: 3px; overflow: hidden; border-left: 2px solid #fff; border-bottom: 2px solid #fff; margin-top: 9px; }
.innersearch_box .on .rect { border-color: #e60013; }
.innersearch_box .dib.sear_f { width: 270px; background: #fff; border: 1px solid #ccc; }
.innersearch_box .sear_f { border: 1px solid #ccc; background-color: #fff; height: 28px; }
.innersearch_box .result { border-top: 1px solid #ddd; padding: 10px 10px 0; margin-top: 20px; }
.innersearch_box .sear_result li { margin-bottom: 10px; margin-top: 20px; }
.innersearch_box .sear_result a { color: #333; }
.innersearch_box .sear_result a:hover { text-decoration: underline; }
.innersearch_box .sear_result .el { font-size: 14px; _width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.innersearch_box .sear_result .p { padding: 10px 20px; border-top: 1px solid #ddd; margin-top: 10px; }
.innersearch_box .sear_result .type { color: #000; display: inline-block; padding: 0 1em; border-right: 1px solid #ddd; margin-right: 1em; font-weight: bold; }
.innersearch_box .dib { -moz-inline-stack: inline-block; display: inline-block; *display:inline;*zoom:1;vertical-align: middle; padding: 0 3px; }
.innersearch_box .sear_filt label span { vertical-align: -2px; }
.innersearch_box .submit { background-color: #fff; width: 125px; cursor: pointer; border: 1px solid #ccc; height: 30px!important; vertical-align: -1px; }
.innersearch_box .sear_f .inp { height: 28px; line-height: 28px; padding: 0 0 0 5px; }
.innersearch_box .innersearch_box-flag { background: transparent; }
.innersearch_box .dib { padding: 0; }
.innersearch_box .sear_f .inp { line-height: 28px; border: none; }
.innersearch_box .sear_f .inp { color: #666; text-indent: 10px; }
/* 入驻流程 */
.process{padding:195px 0; background: url(../images/process_bg.png) no-repeat center center; width: 100%; overflow: hidden;}
.process_wrap{width:90%; margin:0 auto; position: relative;}
.process-box { width: 100%; position: relative; overflow: hidden; }
.process-line{ position: absolute; left: 0; height: 1px; background: #e5e5e5; width: 100%; top: 136px;  z-index:1; }
.process-con { float: left; padding-top: 70px; height: 410px; text-align: center; position: relative; /* text-transform: uppercase; */ z-index: 1;}
.process-con.on{ /*background: #ffebe6;*/background:url("../images/process_bg2.png") no-repeat top center; z-index:0; }
.process-con span{ position: absolute; width: 21px; height: 21px; background: url("../images/process1.png") no-repeat center; background-size: cover; left: 50%; margin-left: -10px; top: 126px; z-index: 9; }
.process-con.on span{ z-index: 9; }
.process-con:before{ content: ""; position: absolute; top: 136px; left: 0; height: 1px; background: #fff; width: 100%; z-index: 9;}
.process-con .tit { font-size: 18px; font-weight: bold; color:#fff; padding:20px 0;text-shadow:3px 1px 3px #666;}
.process-con .num{font-size: 30px; font-weight: bold; color:#fff; padding:11px 0;}
.process-con .tx { opacity: 0; margin-top: 75px; font-size: 17px; color: #fff; font-weight: bold;text-shadow:3px 1px 3px #666;-moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; -webkit-transition: all .8s ease 0s; transition: all .8s ease 0s; }
.process-con.on .tx { opacity: 1;  }
.process .swiper-button-next,.process .swiper-button-prev{right: -55px; top:130px; width: 55px; height: 35px; background: #f1bc1e;border-radius: 100%; opacity: 1 ;text-align: center;padding-top: 20px}

.process-con .tx p font{display: inline-block; padding:0 5px;}
.process .swiper-button-prev{left: -55px;}
.process .swiper-button-disabled{ background: #fff }
.process  .swiper-wrapper{z-index: 2; }
/* 业达孵化 */
.yetda{ background:#efefef; padding:80px 0}
.yetda_text{ font-size:16px; text-indent:36px; /* text-align:center; */ width:100%; margin-bottom:80px;}
.yetdabox { background: url(../images/about.jpg) bottom left no-repeat; }
.yetdabox_ul{width:468px; height:714px; float:right; display:block}
.yetda .yetdabox li { margin-left:80px; height:82px; width:288px; padding:60px 60px 0px 40px; color: #fff;  border-left:1px solid #f9f9f9; border-top:1px solid #f9f9f9;position: relative; transition: all .5s ease; -webkit-transition: all .5s ease; }
.yetda .yetdabox li:first-child{border-top:none; background: #5fb983}
.yetda .yetdabox li:nth-child(2){ background: #059dee}
.yetda .yetdabox li:nth-child(3){background: #f73e67}
.yetda .yetdabox li:nth-child(4){ background: #6b4e88}
.yetda .yetdabox li dl{display:flex}
.yetda .yetdabox li dt img{opacity:.3; width:21px; height:auto; margin-top:4px;}
.yetda .yetdabox li dd{ margin-left:20px;}
.yetda .yetdabox li dd h1{font-size:18px; color:#fff}
.yetda .yetdabox li dd p{display:none}
.yetda .yetdabox li.on {position: relative; height:225px; margin:0; width:368px; border-left:none; /*background:#fff url(../images/about_bg.png) top left no-repeat;*/ }
.yetda .yetdabox li.on:before { content: ""; position: absolute; left: 0; top: 0; width: 5px; height: 100%; background:#f1bc1e; z-index: 9 }
.yetda .yetdabox li.on p{ display:block; font-size:14px; color:#fff; margin-top:20px;}
.yetda .yetdabox li.on h1{ font-size:24px; color:#fff; font-weight:bold; }
.yetda .yetdabox li.on dt img{opacity:1; width:28px}
/* 分页 */
div.yahoo2 { width: 100%; text-align: center; margin: 40px 0; }
div.yahoo2 a,div.yahoo2 span{ display: inline-block; padding: 4px 10px; margin: 0 2px; line-height:19px; background-color: #F8F8F8; font-size: 14px; }
div.yahoo2 span.current, div.yahoo2 a:hover { background-color: #4a266e; color: #fff; }
.banner li:nth-child(2) .banner_text,.banner li:nth-child(4) .banner_text{bottom: 45%; left: 28%;}
/* .banner li:nth-child(2) .banner_text h1,.banner li:nth-child(4) .banner_text h1{font-size: 60px;}
.banner li:nth-child(2) .banner_text p,.banner li:nth-child(4) .banner_text p{font-size: 24px} */
  .banner li:nth-child(2) .banner_text,.banner li:nth-child(4) .banner_text{bottom: 45%; left: 0%;}
 @media only screen and (min-width:1919px) {
  .boss ul li.boss_li,.boss ul li.boss_li:first-child{ background-size:100% 100%}   
  .banner li:nth-child(2) .banner_text,.banner li:nth-child(4) .banner_text{bottom: 55%; left: 0%;}
 }
 @media only screen and (min-width:1470px) {
.innerplatform_box li.innerplatform_boxli{ height: 563px; }
/* .banner_text h1 { font-size: 48px }
.banner_text p { font-size: 24px } */
}
 @media only screen and (max-width:1470px) {
.wrap_out{width: 94%}
.banner li:nth-child(2) .banner_text,.banner li:nth-child(4) .banner_text{bottom: 40%; left: 0%;}
}

@media only screen and (max-width:1320px) {
.wrap { width: 94%; }

}


/* 手机端优创企业 */
@media only screen and (max-width:1024px) {
.phone_group { display: block; height: auto; padding: 50px 0; }
.cont-img-group { display: none; }
.phone_group li { position: static; float: left; width: 25%; text-align: center; margin-bottom: 20px; background: none; height: auto; }
.phone_group li a { display: block; width: 100px; height: 100px; margin: auto; background: url(../images/box.png) no-repeat center center; background-size: cover; }
.phone_group ul { overflow: hidden; }
.phone_group li img { margin-top: 12px; }
.estate_close { top: -45px; }
.estate_box .left { width: 320px; }
.estate_box .right { width: calc(100% - 350px) }
.estate_box .right .p01 { max-height: 6.8em; }
.estate_box { padding: 30px; padding-right: 15px; }
.process-con.on{background-size: 100% auto; }
}

/*手机导航按钮开始*/

@media only screen and (max-width:1080px) {
.nav_phone_btn { float: right; margin-top: 18px; display: block; cursor: pointer; height: 32px; position: relative; z-index: 9; }
.body_nav_phone .nav_phone_btn { text-align: left; background: #fff; }
.nav_phone_btn span { position: relative; font-size: 0; width: 26px; height: 2px; background-color: #4a266e; display: inline-block; transition: all 250ms ease-out; -webkit-transition: all 250ms ease-out; top: 14px; }
.nav_phone_btn span:before, .nav_phone_btn span:after { content: ""; position: absolute; width: 100%; height: 2px; background-color: #4a266e; left: 0px; transition: all 250ms ease-out; -webkit-transition: all 250ms ease-out; }
.nav_phone_btn span:before { top: -9px; }
.nav_phone_btn span:after { top: 9px; }
.visible_nav.nav_phone_btn span { background-color: transparent; }
.visible_nav.nav_phone_btn span:before { left: 5px; top: 0px; transform: rotateZ(45deg); -webkit-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); }
.visible_nav.nav_phone_btn span:after { top: 0px; left: 5px; transform: rotateZ(-45deg); -webkit-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); }
.nav_phone_btn.visible_nav { background: #fff; width: 34px; }
/*手机按钮结束*/
/*header*/
.header .nav { margin-right: 0; }
.header_re { transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; }
.header_re { position: fixed; top: 0; right: -300px; height: 100%; background: #6e518e; width: 300px; }
.header .nav>ul>li { float: none; font-size: 14px; margin-top: 0 }
.header .nav>ul>li>a { padding: 0 10px; color: #fff; width: calc(100% - 100px); float: left; box-sizing: border-box; }
.header .nav>ul>li { line-height: 36px; }
.header .nav>ul>li:hover a { color: #fff }
.header_right, .header .nav { float: none; clear: both; margin-top: 0 }
.header_right { overflow: hidden; }
.header h1 { width: 150px; padding-top: 5px; }
.header { padding: 10px 0; height: 45px; }
.height_height { height: 65px; }
.navbody .header_re { right: 0; }
.header_right .search_btn { display: none; }
.search_wrap { transform: scale(1, 1); -webkit-transform: scale(1, 1); -moz-: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); visibility: visible; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; position: static; clear: both; margin: 15px 0; margin-left: 20px; width: 246px; }
.header_right { margin-top: 25px; }
.header_right .language { float: none; }
.header_right .language .select-box { width: 90px; color: #fff; float: left; margin-left: 18px; line-height: 30px; }
.header_right .language .select-box dt i.ico { top: 40%; background: url(../images/xiala2.png) }
.header_right .language .select-box dd { width: 80px; left: 0px; text-align: left; height: 140px; }
.header_right .language .select-box dd a { padding: 0!important; padding-left: 10px!important; width: 80%; line-height: 30px; border-bottom: 1px #f0f0f0 solid; }
.search_wrap input { width: calc(100% - 30px); }
.search_wrap button { float: right; }
.nav_list p a { padding: 0; display: block; color: #fff }
.header .nav>ul>li:hover .nav_list p a { color: #fff }
.nav_list p { margin-bottom: 0; }
.nav_list_p:before, .nav_list p a:after { display: none; }
.nav_list_p.wrap { padding: 0; background: none }
.header .nav>ul>li .nav_list { visibility: visible; opacity: 1; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.nav_list { transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; }
.header .nav>ul>li { position: static; }
.header .nav>ul>li>span { display: block; float: right; height: 36px; width: 80px; background: url(../images/next.png) no-repeat center right; margin-right: 20px; cursor: pointer; background-size: 10px; }
.nav_list { display: block; top: auto; bottom: 0; left: auto; right: -300px; margin: 0; width: 100%; height: calc(100% - 88px); background: #6e518e; color: #fff; z-index: 9; box-sizing: border-box; }
.header .nav>ul>li.cur .nav_list { right: 0; }
.return_btn { display: block; }
.return_btn a { display: block; padding: 0 20px; color: #fff; }
.nav_list { font-size: 14px; }
.search_wrap { display: block; }
.search_box { display: none; }
.header_re { position: fixed; }
.nav_list { width: 300px; }
/*banner*/
.but>div { width: 32px; height: 50px; background-size: 100% 100%!important; }
.banner_text h1 { font-size: 24px }
.banner_text p { font-size: 14px }
/*首页介绍*/
.index_intro { padding: 40px 0 }
.intro_right { margin-top: 30px }
.intro_left p { width: 100% }
.intro_left_en { font-size: 36px; line-height: 40px }
.index_intro .intro_left, .index_intro .intro_right { width: 100% }
.intro_box dl { height:auto }
.intro_box dl:after{ content: ''; display: table; clear: both }
.intro_box dt, .intro_box dd { display: block; width: 100%; max-height:1000px; height: auto;   }
.intro_box dt img { width: 100%; max-height:1000px; height: auto; }
.intro_box dd { padding: 30px 15px; margin: 0; width: calc(100% - 30px) }
.intro_box li {/*  height: 1109px; overflow: hidden */ }
.intro_box li a:nth-of-type(n>4){display: none}
.intro_box dl { width: 95% }
.intro_date { left: 35% }
.intro_box dd p b { width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/*页脚*/
.share { display: none; }
.footer-m { display: none; }
.footer .footer-b { margin-top: 30px }
/*内页*/
.site_banner img { display: none; }
.site_banner { height: 170px; }
.site_p h1 { font-size: 24px }
.site_p p { font-size: 16px }
/*总裁寄语*/
.boss ul li.boss_li { padding: 30px 0; height: 560px; }
.boss ul li.boss_li:first-child {  }
.boss ul li.boss_li dl dt, .boss ul li.boss_li dl dd { display: block; }
.boss ul li.boss_li dl dt { width: 100% }
.boss ul li.boss_li dl dd { width: 100%; margin-top: 10px }
.boss ul li.boss_li dl dt img { height: 180px }
.boss ul li.boss_li dl dd h1 { font-size: 24px }
.boss ul li.boss_li dl dd p { font-size: 12px }
.boss ul li.boss_li dl dd .boss_intro_box li p { font-size: 12px; line-height: 20px }
.boss_intro { margin-top: 20px }
/* 首页平台服务 */
.platform { height: auto; background-size: auto 100% }
.platform_left, .platform_right { width: 100%; display: block; }
.platform { padding: 50px 0; }
.platform_right { margin-top: 0px }
/* cdmo */
.cdmo_text p { font-size: 14px }
.cdmo_hex { width: 550px; margin: 50px auto; }
.hex .hex_top { width: 0; border-bottom: 38px solid transparent; border-left: 65px solid transparent; border-right: 65px solid transparent; margin-top: -1px\9\0; margin-top: 0px\0; }
.hex .hex_middle { width: 120px; padding: 0 5px; height: 75px; line-height: 75px; text-align: center; color: #fff; font-size: 14px }
.hex .hex_bottom { width: 0; border-top: 38px solid transparent; border-left: 65px solid transparent; border-right: 65px solid transparent; margin-top: -1px\9\0; margin-top: 0px\0; }
.inner_cdmo .cdmo_hex .hex { background-size: 100% 100%; margin-left: 10px; margin-bottom: -28px; }
.inner_cdmo .cdmo_hex .hex:nth-child(5) { margin-left: 70px; }
.hex:nth-child(4) .hex_middle { padding-top: 8px; height: 67px; line-height: 20px; }
.inner_cdmo .cdmo_hex .hex:first-child, .inner_cdmo .cdmo_hex hex:nth-child(5) { margin-left: 0; }
.maker_b .teacher li { width: 47% }
.maker_b .teacher li:nth-child(2n){ margin-right: 0 }
.maker_b .teacher li .txt { font-size: 14px; height: 30px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; }
.maker_b .teacher li .txt span { line-height: 30px }
.maker_b .teacher li:hover .txt { height: calc(100% - 30px); padding-top: 30px; }
.maker_b .teacher li .txt p { padding: 10px; font-size: 12px; }
.activity li { width: 100%; margin-bottom: 20px; margin-top: 0 }
.activity ul { margin: 0; }
.activity li dl { padding: 0; }
.activity li dd { padding-bottom: 0; }
.activity dd h3 { margin-bottom: 10px; height: inherit; max-height: 2.6em; font-size: 14px; }
.activity dd p { width: 100%; font-size: 12px; }
.activity li dt a{width: 100%; height:211px }
.spacebanner .swiper-button-prev, .spacebanner .swiper-button-next { padding: 10px; }
.spacebanner_text h1 { font-size: 20px }
.spacebanner_text p { font-size: 14px; }
.innerplatform_text { padding: 30px; width: calc(100% - 60px); }
.innerplatform_box li.innerplatform_boxli .innerplatform_left h3 { font-size: 20px; margin-bottom: 10px }
.innerplatform_line { margin: 10px 0; }
/* 国际 */
.ccbi_text { padding: 50px 0 }
.ccbi_text h1 { font-size: 18px; }
.ccbi_text p { font-size: 14px; }
.ccbi .ccbi_bttext, .ccbi2 .ccbi_bttext { font-size: 14px; opacity: 1; margin-top: 30px; }
.ccbi2 .ccbi_bttext { margin-top: 0 }
.ccbi .ccbibox li, .ccbi .ccbibox li.on, .ccbi2 .ccbibox li, .ccbi2 .ccbibox li.on { width: 100%; height: 300px; background-size: auto 100%; }
.ccbi .ccbibox li:before { display: none }
.ccbi .ccbibox li.on .ccbibox_c { border: none; }
.ccbi .ccbibox li .ccbibox_c p, .ccbi .ccbibox li.on .ccbibox_c p { display: block; ; font-size: 12px; }
.ccbi .ccbibox li .ccbibox_c, .ccbi2 .ccbibox li .ccbibox_c { margin-top: 60px; padding-left: 10px; width: calc(100% - 40px) }
.ccbi .swiper-pagination-bullet-active { background: #4a266e }
.ccbi_hex { width: 74px; height: auto; top: -37px; left: 40%; }
/* 政策 */
.hatch_policy .policy_top, .hatch_policy .policy_bottom { padding: 30px; }
.hatch_policy h1 { font-size: 18px; }
.hatch_policy .policy_line { width: 40%; margin: 15px 0; }
.hatch_policy .policy_line:before { content: ""; position: absolute; left: 0; top: 0; height: 3px; background: #f1bc1e; width: 30%; z-index: 9 }
.policy_top ul li { width: 100%; margin-right: 0%; margin-bottom: 15px; }
.policy_bottom ul li { width: 100%; margin-right: 0%; margin-bottom: 15px; }
.hatch_policy .policy_tit { font-size: 16px; padding: 21px 0; }
.hatch_policy p { color: #777; font-size: 14px; margin-top: 10px; padding-right: 5px; }
/* 新闻 */
.news { margin: 30px 0; }
.newslist_box { padding: 0; }
.newslist_main { width: 100%; float: none }
.newslist_main .bd_r { width: 100%; margin-left: 0; float: none; margin-bottom: 10px; }
.newslist_main .bd_r span{width: 100%; height: auto;}
.newslist_main .bd_r span img{width: 100%; height: auto;}
.newslist_box { padding-bottom: 15px; }
.newslist_bd li { margin-bottom: 30px; }
.newslist_title { font-size: 16px; }
.newslist_box:after { width: 100%; margin-top: 15px; }
.newslist_time { display: none }
.newslist_tool span.mobilepush { display: inline-block; }
.contact { margin: 30px 0; }
.contact_box { position: relative; }
#map { height: 260px!important }
.contact_box .contact_box_c { position: relative; right: 0px; margin-top: 10px; width: calc(100% - 30px); height: 300px; padding: 30px 15px; margin-bottom: 30px; }
.contact_box_c h1 { font-size: 16px; }
.news .detail_l, .news .detail_r { width: 100%; }
.news .detail_l { margin-bottom: 20px; }
.news .news_title { font-size: 24px; }
.news_text img { max-width: 100% }
.news .l_tools span.switcher { display: none }
.innersearch_box .dib.sear_f { width: 180px }
.innersearch_box .submit { width: 80px }
.hr_li_div span { display: none }
.hr_li_div span:first-child { display: inline-block; width: auto; }
.process_wrap{width: 85%}
.process-con.on{ background-position: 0 40px }
/* 业达孵化 */
.yetda{padding:40px 0}
.yetda_text {margin-bottom:40px}
.yetda_text h1 { font-size: 18px; }
.yetda_text p { font-size: 14px; }
.yetda .yetda_bttext{ font-size: 14px; opacity: 1; margin-top: 30px; }
.yetdabox{ background:url(../images/about2.jpg) top center no-repeat; background-size: 100% 100%;}
.swiper-container{padding-bottom:40px;}
.yetda .yetdabox ul{display:flex; width:100%; float:none; height:auto; padding-bottom:30px;}
.yetda .yetdabox li, .yetda .yetdabox li.on{ width: 100%; height: auto; margin-bottom:20px;  margin:0 ; background:none; padding:0; color:#fff; display:inline-block; background:none;}
.yetda .yetdabox li.on:before { display: none }
.yetda .yetdabox li{ border: none; }
.yetda .yetdabox li .yetdabox_c p, .yetda .yetdabox li.on .yetdabox_c p { display: block; font-size: 12px; margin-top:20px; }
.yetda .yetdabox li .yetdabox_c{ margin-top: 60px; padding-left: 20px; width: calc(100% - 40px) }
.yetda .swiper-pagination-bullet-active { background: #eee }
.yetda .yetdabox li dt img{opacity:1; width:28px; display:none;}
.yetda .yetdabox li dl{display:block}
.yetda .yetdabox li dl dd{margin:0; margin-top:30px;}
.yetda .yetdabox li.on p,.yetda .yetdabox li.on h1{color:#fff;}
.yetda .yetdabox li dd h1,.yetda .yetdabox li.on dd h1{color:#fff; font-size:24px; font-weight:200}
.footer .footer-l div:nth-child(4){margin-left: 0}
}
@media only screen and (max-width:640px) {
.cdmo_hex { width: 300px; margin: 50px auto; }
.inner_platform { padding-top: 30px }
.inner_platform_c p { font-size: 14px; }
.inner_platform_c p:first-child { font-size: 16px; margin-bottom: 10px; }
.innerplatform_tab { margin-top: 50px; float: left; width: 100%; overflow: hidden; }
.innerplatform_tab ul { width: auto; margin-bottom: 20px }
.innerplatform_tab ul li { width: 100px; margin: 0 10px; border: none; }
.innerplatform_tab ul li dl { border: none; padding: 10px 0; }
.innerplatform_tab dt { height: 40px; width: 40px; margin-bottom: 10px }
.innerplatform_tab dt i { font-size: 36px; }
.innerplatform_tab dd { font-size: 12px }
.innerplatform_box li.innerplatform_boxli .innerplatform_left, .innerplatform_box li .innerplatform_right { width: 100%; }
.innerplatform_box li .innerplatform_right { margin-top: 20px; }
.innerplatform_box li.innerplatform_boxli { height: auto; }
.innerplatform_right ul { margin-top: 10px }
.innerplatform_text { position: relative; }
.innerplatform_box li.innerplatform_boxli .innerplatform_left p { font-size: 14px }
.innerplatform_contact p span { margin-left: 0; margin-top: 15px }
.footer .footer-r { float: left; margin-top: 15px }
.process_wrap{width: 80%}
.process{padding:60px 0;}
.process-con.swiper-slide-active{ /*background: #ffebe6;*/background:url("../images/process_bg2.png") no-repeat top center; z-index:0; }
.process-con.swiper-slide-active{background-size: 70% auto; background-position:top center; }
.process .swiper-button-next, .process .swiper-button-prev{height: 22px; width: 18px; padding-top: 8px; right:-30px; text-align: left; padding-left: 12px; top:142px;}
.process .swiper-button-prev{left:-30px; width: 20px; padding-left: 10px;}
.process-con.swiper-slide-active .tx {opacity: 1;}
.process-con.swiper-slide-active span{ z-index: 9; }
.maker_b .teacher{width:100%; margin:0;}
div.yahoo2 a{display: none}
div.yahoo2 a:last-child{display: inline-block;}
div.yahoo2 a:nth-child(2){display: inline-block;}
.banner li:nth-child(2) .banner_text,.banner li:nth-child(4) .banner_text{bottom: 60%; left: 0%; text-align: right;}
.banner li:nth-child(2) .banner_text h1,.banner li:nth-child(4) .banner_text h1{font-size: 24px;}
.banner li:nth-child(2) .banner_text p,.banner li:nth-child(4) .banner_text p{font-size: 12px}
.footer .logo span{display:block;margin:0;font-size:14px}
.footer dl{margin-top:45px}
.footer .footer-dl dl{display:block; width:100%;margin-top:8px}
.footer .footer-r{ position:relative;top:0; right:0; left:0}
}
 @media only screen and (max-width:414px) {
.platform_left h1, .platform_right h1 { font-size: 22px }
.platform_lbox, .platform_rbox { width: 315px; height: 279px; background-size: 100% auto; }
.platform li a { font-size: 12px; padding-top: 24px; }
.platform li { width: 94px; height: 82px; }
.platform_lbox li:first-child { left: 1px; top: 42px; }
.platform_lbox li:nth-child(2) { left: 1px; top: 124px; }
.platform_lbox li:nth-child(3) { left: 72px; top: 83px; }
.platform_lbox li:nth-child(4) { left: 144px; top: 42px; }
.platform_lbox li:nth-child(5) { left: 144px; top: 124px; }
.platform_lbox li:nth-child(6) { left: 216px; top: 1px; }
.platform_lbox li:nth-child(7) { left: 216px; top: 83px; }
.platform_rbox li:first-child { left: 1px; top: 42px; }
.platform_rbox li:nth-child(2) { left: 1px; top: 124px; }
.platform_rbox li:nth-child(3) { left: 72px; top: 2px; }
.platform_rbox li:nth-child(4) { left: 74px; top: 84px; }
.platform_rbox li:nth-child(5) { left: 144px; top: 42px; }
.platform_rbox li:nth-child(6) { left: 216px; top: 1px; }
.platform_rbox li:nth-child(7) { left: 216px; top: 83px; }
.platform_lbox li.on, .platform_rbox li.on { background-size: 100% auto }
.maker .maker_left, .maker .maker_right { width: 100% }
.maker { background-position: left top }
.maker .maker_rr, .maker .maker_rl { width: 100%; margin-top: 50px; }
.maker .maker_rr p, .maker .maker_rl p { color: #4a266e; opacity: 0.8 }
.maker .maker_rl i { width: 45px; height: 45px; background: url(../images/make_icon11.png) no-repeat center center; background-size: 100% 100%; opacity: 0.8 }
.maker .maker_rr i { width: 45px; height: 45px; background: url(../images/make_icon22.png) no-repeat center center; background-size: 100% 100%; opacity: 0.8 }
.phone_group li { width: 33.33%; }
.inner_cdmo .cdmo_hex .hex:nth-child(1) { margin-left: 30px; }
.inner_cdmo .cdmo_hex .hex:nth-child(3) { margin-left: -40px; }
.inner_cdmo .cdmo_hex .hex:nth-child(5) { margin-left: 30px; }
.inner_cdmo .cdmo_hex .hex:nth-child(6) { display: none; }
.spacebanner .swiper-button-prev, .spacebanner .swiper-button-next { padding: 0px; background-size: auto 20px }
.spacebanner_text h1 { font-size: 16px }
.spacebanner_text p { }
.spacebanner_text { width: 80% }
.space_line { margin: 5px 0; }
.hatch_space { padding: 40px 0; }
}
 @media only screen and (max-width:320px) {
.process-con.swiper-slide-active{background-position:center 35px; }
 	}
