@charset "utf-8";
/* 
 * Project Name:
 * Author:位置
 * Date：2016-8-23
 */
@font-face { font-weight: normal; font-style: normal; }

@font-face {  font-weight: normal; font-style: normal; }

@font-face {  font-weight: normal; font-style: normal; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
/* always display scrollbars */
body{ font:12px/1.8 "Microsoft YaHei New","Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin:0 auto; color:#989898; _background-attachment:fixed; _background-image:url(about:blank); overflow:hidden;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select { vertical-align: middle; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; padding: 0; }
img { border: 0; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], select { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; background: none; outline: none; padding: 0; margin: 0; border: none; }
::-moz-selection { background: #f7a300; color: #fff; text-shadow: none; }
::selection { background: #f7a300; color: #fff; text-shadow: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.conWidth{ width:1200px; margin:auto;}
.inner{ width:1100px; margin:0px auto;}

/*header*/
.header-box{ background:rgba(242,242,242,0.9); background:#fff\9; filter:alpha(opacity=90); position:fixed; left:0; top:0; z-index:99; width:100%; height:65px; }
.header-box:before{ content:""; width:100%; height:2px; background:#ce0108; position:absolute; left:0; bottom:0; opacity:0; transition:300ms; visibility:hidden;}
.logo{ line-height:0; float:left; width:140px; height:auto; position:relative; z-index:10;}
.logo img{ display:none; width:100%; height:auto; line-height:normal;}
.logo .pclogo{ display:block; padding:5px 0 0;}
.nav{ float:right; margin-right:40px;}
.nav > li{ float:left; position:relative; padding-top:20px;}
.header-box.scoll{ height:65px; background:rgba(242,242,242,1); background:#fff\9; filter:alpha(opacity=100);}
.header-box.scoll:before{ visibility:visible; opacity:0;}
.header-box.scoll .logo{ overflow:hidden; height:65px; width:auto;}
.header-box.scoll .pclogo{ display:block; width:auto; height:55px;}
.header-box.scoll .scolllogo{ display:none; width:154px; height:auto; padding-top:2px;}
.header-box.scoll .nav > li { padding-top: 22px; }
.header-box.scoll .nav > li > a { padding-bottom: 21px; }
.header-box.scoll .menu-dwons { top: 65px; }
.header-box.scoll .edite { margin-top: 8px; }
.header-box.scoll .oa a{ padding-top:20px;}
.header-box.scoll .oa .icon{ line-height:75px;}

.nav > li > a:after{ content:""; height:4px; background:#cf0109; position:absolute; opacity:0; transition:344ms ease-out; bottom:0; width:0; left:50%;}
.nav > li > a{ display:inline-block; padding:0 37px 24px; line-height:normal; color:#333333; font-size:16px; position:relative;}
.nav > li:hover, .nav > li.current{ background:rgba(0,0,0,0.0); background:#11a1e1\9; filter:alpha(opacity=20);}
.nav > li:hover > a:after, .nav > li.current > a:after{ left:15%; width:70%; opacity:1;}


.menu-dwons{ position:absolute; top:65px; width: calc(100% - 70px); background-color:#FFF; display:none; box-shadow:0px 5px 5px 0px rgba(50, 50, 50, 0.61); padding:25px 35px;}
.menu-li .menu-le{ width: calc(100% - 220px); float:left; padding-bottom:10px;}
.menu-li .menu-ri{ width:189px; float:left; background-color:#FFF; border:3px solid #cf0109; margin:20px 0 0 25px;}
.menu-li .menu-ri img{ width:100%; vertical-align:middle;}
.menu-li .menu-le ul{ display:block;}
.menu-li li{ position:relative;}
.menu-li li:before{ content:""; width:0; left:50%; height:100%; background:#fff; position:absolute; top:0; transition:300ms ease-in-out;}
.menu-li li a{ display:block; text-align:center; position:relative; line-height:40px; color:#333333; font-size:14px; border-bottom:1px solid #999999;}
.menu-li li:hover:before{ left:0; width:100%;}
.menu-li li:hover a{ color:#cf0109;}
.menu-two{ width:250%; left:0;}
.menu-thr{ width:1200px; height:auto; overflow:hidden; right:-450%;}
.menu-thr dl{ width:100%; height:auto; background-color:#FFF;}
.menu-thr dl dd{ width: calc(10% - 5px); height:100%; float:left; background-image:url(../images/ico-le.jpg); background-repeat:no-repeat; background-position:right center; background-size:1px 90%; padding:0 2.5px; display:none;}
/*.menu-thr dl dd:nth-child(1){ width: calc(34% - 5px);}*/
.menu-thr dl dd:nth-child(1){ display:block;}
.menu-thr dl dd:nth-child(2){ display:block;}
.menu-thr dl dd:nth-child(3){ display:block;}
.menu-thr dl dd:nth-child(4){ display:block;}
.menu-thr dl dd:nth-child(5){ display:block;}
.menu-thr dl dd:nth-child(6){ display:block;}
.menu-thr dl dd:nth-child(7){ display:block;}
.menu-thr dl dd:nth-child(8){ display:block;}
.menu-thr dl dd:nth-child(9){ display:block;}
.menu-thr dl dd:nth-child(10){/* width: calc(12% - 5px);*/background-image:none; display:block;}
.menu-thr dl dd h3{ width:100%; height:94px; margin:0 0 15px; background-size:auto 100%; background-position:center top; background-repeat:no-repeat;}
.menu-thr dl dd h3.dexp1h3{ background-image:url(../images/menu1.png);}
.menu-thr dl dd h3.dexp2h3{ background-image:url(../images/menu9.png);}
.menu-thr dl dd h3.dexp3h3{ background-image:url(../images/menu10.png);}
.menu-thr dl dd h3.dexp4h3{ background-image:url(../images/menu2.png);}
.menu-thr dl dd h3.dexp5h3{ background-image:url(../images/menu3.png);}
.menu-thr dl dd h3.dexp6h3{ background-image:url(../images/menu4.png);}
.menu-thr dl dd h3.dexp7h3{ background-image:url(../images/menu5.png);}
.menu-thr dl dd h3.dexp8h3{ background-image:url(../images/menu6.png);}
.menu-thr dl dd h3.dexp9h3{ background-image:url(../images/menu7.png);}
.menu-thr dl dd h3.dexp10h3{ background-image:url(../images/menu8.png);}
.menu-thr dl dd h3 a{ display:block; width:100%; height:100%;}
.menu-thr dl dd li{ position:relative; width:100%;}
/*.menu-thr dl dd:nth-child(1) li{ width:25%; float:left;}
.menu-thr dl dd:nth-child(1) li a{ text-align:left;}*/
.menu-thr dl dd li:before{ content:""; width:0; left:50%; height:100%; background:#ce0108; position:absolute; top:0; transition:300ms ease-in-out;}
.menu-thr dl dd li a{ display:block; text-align:center; position:relative; line-height:25px; color:#646464; font-size:12px;}
/*.menu-thr dl dd li:hover:before{ left:0px; width:100%;}*/
.menu-thr dl dd li:hover a{ color:#ce0108;}
.menu-fou{ width:300%; left:-100%;}
.menu-fou .menu-le ul{ float:left; width:48%; margin-right:4%;}
.menu-fou .menu-le ul:last-child{ margin-right:0;}
.menu-fiv{ width:300%; left:-150%;}
.menu-fiv .menu-le ul{ float:left; width:48%; margin-right:4%;}
.menu-fiv .menu-le ul:last-child{ margin-right:0;}
.menu-six{ width:250%; left:-130%;}


.menubox { display:inline-block; float:right; width:31px; height:15px; margin-top:18px; position:relative; cursor:pointer; display:none;}
.menubox:before, .menubox:after{ content:""; width:100%; height:2px; position:absolute; background:#ce0108;}
.menubox:before { left: 0; top: 0; }
.menubox:after { left: 0; bottom: 0; }
.iphone-mark { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(18,18,18,0.8); z-index: 101; opacity: 0; visibility: hidden; transition: 320ms 0ms; }
.iphone-mark.on { opacity: 1; visibility: visible; transition: 320ms 200ms; }
.iphone-menu { width: 198px; height: 100%; position: fixed; right: -198px; top: 0; background: #fff; z-index: 110; transition: 360ms 0ms; }
.iphone-menu.on { right: 0; transition: 360ms 0ms; }
.iphone-menu span { display: block; width: 25px; height: 25px; background: url(../images/close.png) center no-repeat; position: absolute; right: 18px; top: 22px; transition: 360ms ease-in-out; cursor: pointer; }
.iphone-menu span:hover { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); }
.menufix { padding-left: 34px; margin-top: 75px; }
.menufix li { margin-bottom: 20px; }
.menufix li a{ display:inline-block; line-height:normal; color:#323232; font-size:18px;}
.menufix li a:hover, .menufix li a:focus { color:#d70d06;}
.menu-bottom{ position:absolute; left:0; bottom:0; width:100%; background-color:#d70d06;}
.menu-bottom .edite { float: none; margin-left: 21px; }
.menu-bottom .edite .search { margin-left: 0; display: inline-block; border-radius: 13px; }
.menu-bottom .edite .search input[type=text] { width: 113px; height: 28px; }
.menu-bottom .edite .search .serbtn { height: 28px; }
.menu-bottom .college { width: 148px; }
.menu-bottom .college a:nth-child(1) { padding-right: 14px; margin-left: 2px; }
.menu-bottom .college a:nth-child(2) { padding-left: 14px; }
.menu-bottom .oa{ float:none; width:100%; height:70px; margin-left:0; margin-top:12px;}
.menu-bottom .oa a{ line-height:70px; color:#FFF;}
.menu-bottom .oa .icon{ line-height:70px;}

.header-right { float: right; }
.edite { float: left; margin-top: 17px; }
.search { margin-left: 17px; border: 1px solid #c9c9c9; border-radius: 9px; }
.search input { height: 19px; line-height: 19px; color: #6a6a6a; padding-left: 9px; width: 76px; background: none; padding-top: 0; padding-bottom: 0; border: none; outline: none; float: left; }
.search .serbtn { width: 24px; height: 19px; float: left; border: none; outline: none; background: none; cursor: pointer; background: url(../images/search.png) left center no-repeat; }
.college { margin-top: 11px; }
.college a { display: inline-block; float: left; line-height: normal; color: #646464; position: relative; }
.college a:nth-child(1) { padding-right: 9px; }
.college a:nth-child(1):before { content: ""; width: 1px; height: 10px; position: absolute; right: 0; top: 50%; margin-top: -5px; background: #bfbfbf; }
.college a:nth-child(2) { padding-left: 9px; }
.college a:hover { color: #11a1e1; }
.oa{ float:left; width:auto;}
.oa a{ float:right; display:block; line-height:15px; text-align:center; color:#555; font-size:12px; letter-spacing:-1px; padding-top:20px;}
.oa a:hover{ text-decoration:underline;}
.oa .icon{ display:block; float:right; line-height:75px;}
.oa .icon img{ width:20px;}

.banner-box{ position:relative; margin-top:65px;}
.banner a{ color:#fff;}
.banner a:hover{ color:#fff;}
.banner{ width:100%; margin:0px auto; overflow:hidden; color:#fff; position:relative;}
.banner .bimg{ width:100%; display:block;}
.banner .mimg{ width:100%; display:none;}
.banner .flex-control-nav { bottom: 28px; position: absolute; width: 100%; left: 0px; margin: 0px; z-index: 99; text-align: center;}
.banner .flex-control-paging li { margin: 0px 5px; display: inline-block;}
.banner .flex-control-paging li a{ background: url(../images/banner_i2.png) no-repeat scroll 0 0; display: block; width: 11px; height: 11px; margin: 0px; outline: 0 none; text-indent: -9999px; }
.banner .flex-control-paging li a.flex-active, .banner .flex-control-paging li a:hover { background: url(../images/banner_i1.png) no-repeat scroll 0 0; }
.banner .slick-dots{ bottom:80px;}
.banner .slick-dots li{ position: relative; display: inline-block;  margin: 0px 5px; width: 11px; height: 11px; padding: 0px; cursor: pointer; }
.banner .slick-dots li a{  height: 11px; width: 11px; line-height: 11px; text-indent: -10em; display: block;  overflow: hidden; padding: 0px; cursor: pointer;  border-radius: 0%;  background: url(../images/banner_i2.png) no-repeat scroll 0 0; }
.banner .slick-dots li a:focus{ outline: none; }
.banner .slick-dots li.slick-active a { background: url(../images/banner_i1.png) no-repeat scroll 0 0; }

.bamnline { position: absolute; left: 3.5%; top: 92px; width: 93%; height: 2px; background: #fff; }
.bamnline span { display: block; width: 0; height: 2px; background: #11a1e1; }
.bamnline.load span { width: 100%; transition: 3.6s linear; -webkit-transition: 3.6s linear; -moz-transition: 3.6s linear; }

.mousebox { position: absolute; width: 52px; left: 50%; margin-left: -15px; bottom: 58px; z-index: 20; }
.mouse { width: 31px; height: 50px; margin: auto; position: relative; background: url(../images/mouse.png) center no-repeat; }
.mouse i { width: 13px; height: 8px; display: block; background: url(../images/arrow.png) no-repeat center center; position: absolute; left: 9px; bottom: 13px; animation-delay: 0ms; animation-duration: 1340ms; animation-iteration-count: infinite; animation-name: arrow; animation-play-state: running; animation-timing-function: linear; }
.mousebox span { color: #fff; margin-top: 10px; display: block; text-alignce; }

@-webkit-keyframes arrow {
    0% { -webkit-transform: translate3d(0px, 0px, 0px); }
    50% { -webkit-transform: translate3d(0px, -8px, 0px); }
    100% { -webkit-transform: translate3d(0px, 0px, 0px); }
}

@keyframes arrow {
    0% { -webkit-transform: translate3d(0px, 0px, 0px); }
    50% { -webkit-transform: translate3d(0px, -8px, 0px); }
    100% { -webkit-transform: translate3d(0px, 0px, 0px); }
}


.tabvideo{ position:absolute; right:38px; bottom:60px; z-index:88; width:144px;}
.tabvideo .itemtxt { color:#fff; text-align:center}
.homevideo b{ color:#fff; font-size:14px; font-weight:normal; line-height:normal; margin-bottom:6px; line-height:1; text-align:left; display:block;}

.videoIbox{ position:relative; line-height:1;} 
.videoIbox{ padding:2px; background:#fff;}
.videoIbox .img{ display:block; width:100%; height:auto; transition:340ms; line-height:0;}
.videoIbox span{ display:block; width:12px; height:19px; background:url(../images/vides.png) center no-repeat; position:absolute; left:50%; top:50%; margin-left:-6px; margin-top:-9px; z-index:30;}
.video-info b{ display:block; text-align:center; color:#7b6c64; font-size:18px; font-weight:normal; margin-top:22px; line-height:1.2; transition:330ms;}
.video-info:hover .videoIbox .img{ transform:scale(0.98); -webkit-transform:scale(0.98); -moz-transform:scale(0.98);}
.video-info:hover b{ color:#ee7133;}
.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; left:0; top:0; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox { z-index: 990; width: 860px; height: 480px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -240px; margin-left: -430px; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 24px; height: 24px; cursor: pointer; position: absolute; top: -28px; right: 0px; }
.vwrap .close i { display: block; width:24px; height:24px; background:url(../images/close.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button { background: none no-repeat!important; }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }


.mobile-news { position: absolute; right: 0; bottom: 0; width: 400px; background: rgba(17,161,225,0.6); background: #11a1e1\9; filter: alpha(opacity=60); padding-right: 74px; z-index: 20; padding-left: 44px; }
.mobile-news span { display: inline-block; float: left; color: #fff; font-size: 14px; line-height: 56px; padding-left: 8px; position: absolute; left: 0; top: 0; }
.mobile-news marquee { display: inline-block; float: left; line-height: 40px; color: #ffffff; font-size: 14px; margin-left: 10px; }
.mobile-news marquee a { color: #fff; margin-left: 8px;display: inline-block;padding: 6px 0px; }
.new-box { margin-top: 18px; }
.hotnew { width: 61.4%; float: left; }
.hotnew h3 { line-height: normal; color: #646464; font-size: 14px; display: block; margin-left: 22px; padding-left: 22px; background: url(../images/dot1.png) left center no-repeat; font-weight: normal; }
.newhots { margin-top: 20px; position: relative; }
.newhots figure { display: block; line-height: normal; overflow: hidden; width: 64.8%; float: left; }
.newhots figure img { display: block; width: 100%; height: auto; line-height: 0;  }
.newhots .hottext { width: 35.2%; float: left; background: #11a1e1; position: absolute; right: 0; top: 0; height: 100%; }
.hottext time { display: block; width: 75px; height: 65px; background: #fff; line-height: normal; }
.hottext time strong { display: block; line-height: 44px; color: #11a1e1; font-size: 42px; text-align: center; font-weight: normal; }
.hottext time b { display: block; text-align: center; color: #11a1e1; line-height: normal; font-weight: normal; }
.newvies { margin-top: 28px; padding: 0 12%; }
.newvies h2 { color: #ffffff; font-size: 18px; line-height: 26px; padding-bottom: 34px; border-bottom: 1px solid #fff; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.newvies p { color: #ffffff; font-size: 13px; margin-top: 20px; }
.newvies span { display: inline-block; color: #fff; position: absolute; left: 12%; bottom: 30px; }
.newvies span:before { content: ""; width: 0; height: 1px; background: #fff; position: absolute; left: 0; bottom: 0; transition: 254ms; }
.newvies span:hover:before { width: 100%; }

.collective-news { width: 38.6%; float: left; }
.collecte-t { margin-left: 28px; }
.collecte-t a { display: inline-block; float: left; margin-right: 46px; color: #646464; font-size: 14px; padding-left: 20px; line-height: normal; position: relative; }
.collecte-t a:last-child { margin-right: 0; }
.collecte-t a:before { content: ""; width: 12px; height: 12px; background: url(../images/dot1.png) center no-repeat; position: absolute; left: 0; top: 50%; margin-top: -6px; opacity: 0; visibility: hidden; transition: 333ms ease-in-out; }
.collecte-t a:hover:before, .collecte-t a.on:before { opacity: 1; visibility: visible; }
.newindex { padding-top: 44px; position: relative; }
.new-list li { background: #fff; transition: 340ms; overflow: hidden; position: relative; }
.new-list li a:before { content: ""; width: 100%; height: 100%; background: #eeeeee; position: absolute; left: 0; top: 100%; transition: 320ms; }
.new-list li a:after { content: ""; width: 5px; height: 10px; position: absolute; right: 16px; top: 50%; margin-top: -5px; background: url(../images/arrow.png) center no-repeat; opacity: 0; visibility: hidden; transition: 320ms 0ms; }
.new-list li time { display: inline-block; float: left; margin-left: 30px; color: #969696; font-size: 12px; line-height: 35px; position: relative; z-index: 5; }
.new-list li span { display: inline-block; float: left; margin-left: 25px; color: #646464; font-size: 14px; line-height: 35px; position: relative; z-index: 5; width: 384px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.new-list li:hover a:before { top: 0; }
.new-list li:hover a:after { opacity: 1; visibility: visible; right: 7px; transition: 320ms 200ms; }
.new-more { position: absolute; right: 13px; top: -19px; }
.new-more a { display: inline-block; width: 12px; height: 12px; position: relative; margin-right: 13px; margin-top: 1px; }
.new-more a:before { content: ""; width: 12px; height: 2px; background: #b4b4b4; position: absolute; left: 0; top: 5px; transition: 320ms 0ms; }
.new-more a:after { content: ""; width: 2px; height: 12px; background: #b4b4b4; position: absolute; left: 5px; top: 0; transition: 320ms 0ms; }
.new-more a:hover:before, .new-more a:hover:after { background: #11a1e1; }


.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { position: relative; width: 100%; height: 100%; overflow: hidden; }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-item { float: left; }
.owl-controls .owl-page,
.owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.grabbing { cursor: url(grabbing.png) 8 8, move; }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); height: 100%; }
.business-list.owl-carousel .owl-wrapper{ height:200px;}
.owl-theme .owl-controls { text-align: center; }
.owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; }
.owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; text-decoration: none; }
.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ }
.owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.owl-item.loading { min-height: 150px; background: url(../images/ajaxloader.gif) no-repeat center center; }

.owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; }
.owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; }
.owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; }
.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; }
.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; }
.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; }
.owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; }
.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; }
.owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; }

.business{ margin-top:0;}
.business-t{ margin-bottom: 20px; }
.business-list{ margin-top:5px;}
.business-t h3 { color: #000000; font-size: 14px; line-height: normal; font-weight: normal; margin-left: 22px; padding-left: 22px; background: url(../images/dot1.png) left center no-repeat; float: left; }
.business-t a { display: block; float: right; width: 12px; height: 12px; position: relative; margin-right: 13px; margin-top: 1px; }
.business-t a:before { content: ""; width: 12px; height: 2px; background: #b4b4b4; position: absolute; left: 0; top: 5px; transition: 320ms 0ms; }
.business-t a:after { content: ""; width: 2px; height: 12px; background: #b4b4b4; position: absolute; left: 5px; top: 0; transition: 320ms 0ms; }
.business-t a:hover:before, .business-t a:hover:after { background: #11a1e1; }
.business-info{ padding:0 0;}
.business-wr{ transition:288ms; height:325px; position:relative;}
.business-list .owl-item:hover .business-info .business-wr { border-color:#11a1e1; }
.business-list .owl-item:hover .business-info .business-wr:before{ opacity:1; visibility:visible;}
.business-list .owl-item:hover .business-info .business-wr .bussine span{ color:#fff;}
.business-list .owl-item:hover .buss-numble { bottom: 26px; visibility: visible; opacity: 1; transition: 320ms 150ms; }

.business-wr a{ display:block; width:100%; height:100%;}
.bussine{ position:absolute; left:0; width:100%; top:0; text-align:center;}
.bussine img{ width:100%;}
.bussine p{ width:100%; height:25px; line-height:25px; text-align:center; color:#222; font-size:14px;}
.bussine b { display: block; width: 36px; height: 32px; margin: auto; line-height: normal; margin-bottom: 20px; transition: 330ms; transform: scale(1.15); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); }
.bussine span { display: block; text-align: center; line-height: normal; transition: 320ms; color: #323232; font-size: 16px; }
.business-list .owl-item:nth-child(1) .business-info .bussine b { background: url(../images/buss1.png) center no-repeat; }
.business-list .owl-item:nth-child(2) .business-info .bussine b { background: url(../images/buss2.png) center no-repeat; }
.business-list .owl-item:nth-child(3) .business-info .bussine b { background: url(../images/buss3.png) center no-repeat; }
.business-list .owl-item:nth-child(4) .business-info .bussine b { background: url(../images/buss4.png) center no-repeat; }
.business-list .owl-item:nth-child(5) .business-info .bussine b { background: url(../images/buss5.png) center no-repeat; }
.business-list .owl-item:nth-child(6) .business-info .bussine b { background: url(../images/buss5.png) center no-repeat; }
.business-list .owl-pagination { margin-top: 28px; line-height: normal; }
.business-list.owl-theme .owl-controls .owl-page span { padding: 0; margin: 0; width: 23px; height: 10px; border-radius: 5px; text-indent: 999px; overflow: hidden; background: #bfbfbf; transition: 323ms; }
.business-list.owl-theme .owl-controls .owl-page { margin-right: 10px; }
.business-list.owl-theme .owl-controls .owl-page:last-child { margin-right: 0; }
.business-list.owl-theme .owl-controls .owl-page.active span{ width:43px; background:#ce0108;}
.buss-numble { position: absolute; left: 50%; margin-left: -39px; bottom: 20px; width: 78px; opacity: 0; visibility: hidden; transition: 340ms 0ms; }
.buss-numble p { text-align: center; color: #ffffff; font-size: 13px; line-height: 14px; font-family: Arial; }
.buss-numble:before { content: ""; width: 7px; height: 13px; background: url(../images/arrow1.png) center no-repeat; position: absolute; left: 0; top: 0; }
.buss-numble:after { content: ""; width: 7px; height: 13px; background: url(../images/arrow2.png) center no-repeat; position: absolute; right: 0; top: 0; }

.special-box { margin-top: 64px; }
.special-item { width: 25%; float: left; position: relative; }
.special-item figure { display: block; line-height: normal; overflow: hidden; }
.special-item figure img { display: block; width: 100%; height: auto; line-height: 0; }
.special-wr { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 20px 38px 23px; box-sizing: border-box; }
.special-wr h3 { color: #323232; font-size: 20px; padding-top: 30px; line-height: normal; padding-bottom: 12px; border-bottom: 1px solid #c9c9c9; position: relative; }
.special-wr h3:before { content: ""; width: 35px; height: 3px; background: #11a1e1; position: absolute; left: 0; top: 0; }
.special-list { margin-top: 15px; }
.special-list li { margin-bottom: 5px; }
.special-list li a { display: block; color: #646464; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.special-list li a:hover { color: #11a1e1; }
.chechmore { position: absolute; left: 38px; bottom: 22px; }
.chechmore a { display: block; width: 12px; height: 12px; }
.chechmore a:before { content: ""; width: 12px; height: 2px; background: #11a1e1; position: absolute; left: 0; top: 5px; transition: 320ms 0ms; }
.chechmore a:after { content: ""; width: 2px; height: 12px; background: #11a1e1; position: absolute; left: 5px; top: 0; transition: 320ms 0ms; }
.special-img { width: 100%; float: left; position: relative; overflow: hidden; }
.special-img figure { display: block; width: 100%; line-height: normal; overflow: hidden; }
.special-img figure img { display: block; width: 100%; height: auto; transition: 430ms; }
.special-img figcaption { display: block; color: #ffffff; font-size: 16px; line-height: normal; position: absolute; left: 23px; bottom: 16px; font-weight: bold; }
.special-img span { display: block; width: 100%; height: 100%; box-sizing: border-box; border: 2px solid #11a1e1; position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; transition: 430ms; z-index: 5; transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); }
.special-img a { display: block; width: 100%; height: 100%; }
.special-img:hover span { opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); }
.special-img:hover figure img { transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04); }
.special .owl-theme .owl-controls { position: absolute; display: block !important; right: 0; top: -42px; }
.special .slick-prev, .special .slick-next { width: 43px; height: 27px; text-indent: 999px; overflow: hidden; padding: 0; margin: 0; transition: 320ms; border-radius: 0; top: -42px; position: absolute; border: none; outline: none; right: 0; }
.special .slick-prev { background: #b5b5b5 url(../images/arrow1.png) center no-repeat; border-right: 1px solid #a3c3d1; position: absolute; right: 44px; top: -42px; border: none; outline: none; }
.special .slick-next { background: #b5b5b5 url(../images/arrow2.png) center no-repeat; }
.special .slick-prev:hover { background: #11a1e1 url(../images/arrow1.png) 14px center no-repeat; }
.special .slick-next:hover { background: #11a1e1 url(../images/arrow2.png) 22px center no-repeat; }

.project { margin-top: 22px; }
.exhibite { width: 100%; float: left; position: relative; }
.project-info li { float: left; width: 100%; }
.project-list { position: relative; overflow: hidden; }
.projects { float: left; width: 25%; transition: 460ms ease-in-out; position: relative; overflow: hidden; }
.projects span { display: block; width: 100%; height: 100%; box-sizing: border-box; position: absolute; left: 0; top: 0; z-index: 5; border: 2px solid #11a1e1; transition: 340ms 0ms; opacity: 0; visibility: hidden; }
.projects figure { display: block; overflow: hidden; position: relative; line-height: normal; }
.projects figure img { display: block; line-height: 0; position: relative; left: 50%; margin-left: -291px; }
.projects figcaption { display: block; width: 100%; height: 42px; line-height: 42px; color: #ffffff; font-size: 16px; text-indent: 32px; background: rgba(0,0,0,0.5); background: #000\9; filter: alpha(opacity=50); z-index: 10; position: absolute; left: 0; opacity: 0; visibility: hidden; bottom: -42px; transition: 430ms 0ms; }
.projects:hover figcaption { bottom: 0; opacity: 1; visibility: visible; transition: 430ms 200ms; }
.projects:hover span { opacity: 1; visibility: visible; transition: 340ms 200ms; }
.projects.show { width: 40%; }
.projects.hiden { width: 20%; }
.project-list .flex-prev, .project-list .flex-next { display: block; width: 58px; height: 58px; text-indent: 999px; overflow: hidden; position: absolute; top: 50%; margin-top: -29px; z-index: 20; transition: 320ms; }
.project-list .flex-prev { left: 0; background: rgba(255,255,255,0.5) url(../images/arrow3.png) center no-repeat; background: #fff url(../images/arrow3.png) center no-repeat\9; filter: alpha(opacity=50); }
.project-list .flex-next { right: 0; background: rgba(255,255,255,0.5) url(../images/arrow4.png) center no-repeat; background: #fff url(../images/arrow4.png) center no-repeat\9; filter: alpha(opacity=50); }
.project-list .flex-prev:hover { background: #11a1e1 url(../images/arrow3.png) center no-repeat; }
.project-list .flex-next:hover { background: #11a1e1 url(../images/arrow4.png) center no-repeat; }

.magazine { width: 25%; float: left; position: relative; overflow: hidden; }
.magazebg { display: block; width: 100%; height: auto; line-height: 0; }
.magaze { position: relative; height: 368px; background: #eeeeee; }
.magaze .magaze-wr { text-align: center; position: absolute; left: 0; top: 22px; width: 100%; }
.magaze .magaze-wr figure { display: inline-block; padding: 9px; background: #fff; margin: auto; }
.magaze .magaze-wr figure a { display: none; width: auto; }
.magaze .magaze-wr figure a.show { display: block; }
.magaze-sele { display: block; margin: auto; margin-top: 22px; border: none; color: #000000; font-size: 16px; padding-left: 5px; padding-right: 30px; line-height: 20px; background: transparent url(../images/down1.png) 97% center no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; outline: none; font-family: 微软雅黑; }

.footer-box { padding-top: 60px; background: #f8f8f8; overflow: hidden; }
.footeradd { display: block; font-style: normal; float: left; margin-left: 50px; }
.footeradd span { display: inline-block; float: left; margin-right: 42px; line-height: 16px; color: #323232; font-size: 14px; padding-left: 22px; }
.footeradd span:nth-child(1) { background: url(../images/addres1.png) left center no-repeat; }
.footeradd span:nth-child(2) { background: url(../images/addres2.png) left center no-repeat; }
.footeradd span:nth-child(3) { background: url(../images/addres3.png) left center no-repeat; }
.footer-list { float: right; margin-right: 34px; position: relative; top: -1px; }
.footer-list li { float: left; }
.footer-list li a { display: inline-block; line-height: normal; color: #323232; padding: 0 8px; border-right: 1px solid #a5a5a5; }
.footer-list li:last-child a { border-right: none; }
.footer-list li a:hover { color: #11a1e1; }
.footeredite { background: #11a1e1; }
.eadite-left { margin-left: 50px; }
.eadite-left p, .eadite-left a { display: inline-block; float: left; color: #ffffff; line-height: 37px; margin-right: 16px; }
.eadite-left a:hover { color: #323232; }

.project-mbile { position: relative; display: none !important; }
.project-inf { position: relative; overflow: hidden; }
.project-inf img { width: 100%; height: auto; display: block; }
.project-mbile .flex-prev, .project-mbile .flex-next { display: block; width: 58px; height: 58px; text-indent: 999px; overflow: hidden; position: absolute; top: 50%; margin-top: -29px; z-index: 20; transition: 320ms; }
.project-mbile .flex-prev { left: 0; background: rgba(255,255,255,0.5) url(../images/arrow3.png) center no-repeat; background: #fff url(../images/arrow3.png) center no-repeat\9; filter: alpha(opacity=50); }
.project-mbile .flex-next { right: 0; background: rgba(255,255,255,0.5) url(../images/arrow4.png) center no-repeat; background: #fff url(../images/arrow4.png) center no-repeat\9; filter: alpha(opacity=50); }
.project-mbile .flex-prev:hover { background: #11a1e1 url(../images/arrow3.png) center no-repeat; }
.project-mbile .flex-next:hover { background: #11a1e1 url(../images/arrow4.png) center no-repeat; }
.project-inf figcaption { display: block; width: 100%; height: 42px; line-height: 42px; color: #ffffff; font-size: 16px; text-indent: 32px; background: rgba(0,0,0,0.5); background: #000\9; filter: alpha(opacity=50); z-index: 10; position: absolute; left: 0; opacity: 0; visibility: hidden; bottom: -42px; transition: 430ms 0ms; z-index: 20; }
.project-inf.on figcaption { opacity: 1; visibility: visible; bottom: 0; }

.pbanner{ position:relative; overflow:hidden; margin-top:65px;}
.pbanner img { display: block; width: 100%; height: auto; line-height: 0; }
.pbannertext { position: absolute; left: 50%; margin-left: -550px; bottom: 25px; }
.pbannertext h3 { color: #ffffff; font-family: "groteskiaregular"; font-size: 62px; font-weight: normal; line-height: 0.9; }
.pbannertext span { display: block; color: #fff; font-size: 20px; line-height: normal; margin-top: 4px; }
.common-fix { background: #898989; }
.common-fix li { width: 33.3333333%; float: left; position: relative; overflow: hidden; }
.common-fix li a { display: block; height: 52px; text-align: center; position: relative; z-index: 5; }
.common-fix li a:before { width: 1px; height: 100%; background: #a2a2a2; content: ""; position: absolute; right: 0; top: 0; }
.common-fix li:last-child a:before { display: none; }
.common-fix li a i { display: inline-block; padding-left: 24px; font-style: normal; color: #ffffff; font-size: 14px; line-height: 52px; margin: auto; position: relative; z-index: 6; transition: 320ms; }
.common-fix li:before { content: ""; width: 100%; height: 100%; background: #253580; position: absolute; left: 0; top: 100%; transition: 310ms; }
.common-fix li:hover:before, .common-fix li.current:before { top: 0; }
.common-fix li:hover i:before, .common-fix li.current i:before { opacity: 1; visibility: visible; }
.common-fix li a i:before { width: 12px; height: 12px; content: ""; background: url(../images/dot1.png) left center no-repeat; position: absolute; left: 0; top: 50%; margin-top: -6px; transition: 320ms; opacity: 0; visibility: hidden; }
.member-box { padding: 62px 0; background: #f8f8f8; }
.member-list li { width: 30.6%; float: left; margin-right: 4.1%; margin-bottom: 28px; }
.member-list li:nth-child(3n+3) { margin-right: 0; }
.member-list li figure { display: block; position: relative; line-height: normal; overflow: hidden; }
.member-list li figure img { display: block; width: 100%; height: auto; line-height: 0; transition: 366ms; }
.member-list li figure mark{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(245,159,25,0.8); background:#f59f19\9; filter:alpha(opacity=80); opacity:0; visibility:hidden; transition:466ms 0ms;}
.member-list li figure mark span { display: block; width: 145px; height: 47px; border: 1px solid #fff; text-align: center; line-height: 47px; color: #fff; font-size: 14px; position: absolute; left: 50%; margin-left: -73px; top: 50%; margin-top: -25px; transform: translateY(30px); -webkit-transform: translateY(30px); -moz-transform: translateY(30px); visibility: hidden; transition: 384ms 0ms; opacity: 0; }
.member-list li figcaption { display: block; margin-top: 2px; position: relative; height: 38px; position: relative; overflow: hidden; }
.member-list li figcaption:before{ content:""; width:100%; height:100%; background:#f59f19; position:absolute; left:0; top:100%; transition:388ms;}
.member-list li figcaption span { display: block; color: #646464; font-size: 13px; position: relative; line-height: 38px; padding-left: 20px; }
.member-list li figcaption span:before { content: ""; width: 2px; height: 24px; background: #a0a0a0; position: absolute; left: 0; top: 50%; margin-top: -12px; transition: 320ms; }
.member-list li:hover figure mark { opacity: 1; visibility: visible; }
.member-list li:hover figure mark span { visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); opacity: 1; }
.member-list li:hover figcaption:before { top: 0; }
.member-list li:hover figcaption span { color: #fff; }
.member-list li:hover figcaption span:before { opacity: 0; visibility: hidden; }
.member-list li figure mark span:hover{ background:#fff; color:#f59f19;}

/*member-view*/
.member-v { background: #f8f8f8; padding-bottom: 50px; }
.member-view { position: relative; margin: auto; margin-top: -246px; width: 1054px; }
.member-view h1 { font-weight: normal; font-size: 30px; line-height: normal; margin-left: 86px; margin-bottom: 35px; padding-bottom: 20px; position: relative; color: #fff; }
.member-view h1:before { content: ""; width: 72px; height: 5px; background: #fff; position: absolute; left: 0; bottom: 0; }
.member-b { padding: 62px 85px 70px; background: #fff; }
.member-banner { position: relative; padding: 0 10px; }
.member-banner li img { display: block; width: 100%; height: auto; }
.member-banner .flex-prev, .member-banner .flex-next { display: block; width: 21px; height: 39px; text-indent: 999px; overflow: hidden; transition: 344ms; position: absolute; top: 50%; margin-top: -20px; }
.member-banner .flex-prev { background: url(../images/prev.png) left center no-repeat; background-size: 100% 100%; left: -32px; }
.member-banner .flex-next { background: url(../images/next.png) left center no-repeat; background-size: 100% 100%; right: -32px; }
.member-banner .flex-prev:hover { background: url(../images/prev1.png) left center no-repeat; }
.member-banner .flex-next:hover { background: url(../images/next1.png) left center no-repeat; }
.member-tex { margin-top: 36px; }
.member-tex p { color: #646464; font-size: 13px; text-indent: 26px; margin-bottom: 8px; line-height: 2; }
.member-add { margin-top: 66px; }
.member-add span { display: block; color: #646464; font-size: 13px; }
.hotnew-box { position: relative; }
.hotnew-box .flex-control-nav { position: absolute; left: 32%; text-align: center; bottom: 10px; z-index: 20; }
.hotnew-box .flex-control-nav li { display: inline-block; margin-right: 10px; }
.hotnew-box .flex-control-nav li:last-child { margin-right: 0; }
.hotnew-box .flex-control-nav li a span { display: block; width: 9px; height: 9px; border-radius: 50%; border: 1px solid #fff; transition: 310ms; text-indent: 999px; overflow: hidden; }
.hotnew-box .flex-control-nav li a.flex-active span { background: #fff; }

/**/
.pbannertext1 h3 { font-size: 30px !important; }
.dynamic-box { padding: 50px 0 45px; background: #f8f8f8; }
.dynamic-list { padding-bottom: 42px; }
.padbo { padding-top: 0; }
.dynamic-list li { position: relative; overflow: hidden; }
.dynamic-list li:before { content: ""; width: 100%; height: 100%; background: #fff; position: absolute; left: 0; top: 100%; transition: 222ms; }
.dynamics { position: relative; }
.dynamics time { display: inline-block; float: left; color: #969696; line-height: 30px; }
.dynamics span { display: inline-block; float: left; line-height: 30px; margin-left: 50px; color: #323232; font-size: 13px; }
.dynamics b { display: block; width: 15px; height: 15px; float: right; position: relative; margin-right: 18px; margin-top: 8px; opacity: 0; visibility: hidden; transform: scale(0.88); -webkit-transform: scale(0.88); -moz-transform: scale(0.88); transition: 320ms 0ms; }
.dynamics b:before { content: ""; width: 100%; height: 1px; background: #a0a0a0; position: absolute; left: 0; top: 7px; }
.dynamics b:after { content: ""; width: 1px; height: 100%; background: #a0a0a0; position: absolute; left: 7px; top: 0; }
.dynamic-list li:hover:before { top: 0; }
.dynamic-list li:hover .dynamics b { opacity: 1; visibility: visible; transform: scale(1) rotate(-180deg); -webkit-transform: scale(1) rotate(-180deg); -moz-transform: scale(1) rotate(-180deg); transition: 320ms 120ms; }

.pageList { padding-top: 13px; border-top: 1px solid #a0a0a0; text-align: center; }
.pageList .pageprev { float: left; width: 94px; height: 44px; border: 1px solid #a0a0a0; line-height: 44px; color: #000000; margin: 0; }
.pageList .pagenext { float: right; width: 94px; height: 44px; border: 1px solid #a0a0a0; line-height: 44px; color: #000000; margin: 0; }
.pageList .pageprev:hover { color: #fff; border: 1px solid #2a3c90; background: #2a3c90; }
.pageList .pagenext:hover { color: #fff; border: 1px solid #2a3c90; background: #2a3c90; }
.pageList2 .pageprev:hover a { border: none; color: #fff; }
.pageList2 .pagenext:hover a { border: none; color: #fff; }
.pageList2 .facklist:hover a { border: none; }
.pageList a, .pageList span { display: inline-block; padding: 0px 12px; text-align: center; line-height: 22px; border: 1px solid #f8f8f8; color: #000000; margin: 12px 2px 0px; }
.pageList a:hover, .pageList span { border-color: #e60012; }

/**/
.sidemodel { margin-bottom: 36px; }
.sidemodel li { width: 31%; float: left; margin-right: 3.5%; margin-bottom: 26px; }
.sidemodel li:nth-child(3n+3) { margin-right: 0; }
.sidemodel li figure { display: block; line-height: normal; overflow: hidden; }
.sidemodel li figure img { display: block; width: 100%; height: auto; line-height: 0; transition: 488ms; }
.sidemodel li figcaption { display: block; line-height: normal; padding-top: 14px; padding-left: 12px; padding-bottom: 38px; position: relative; color: #323232; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: 360ms; }
.sidemodel li figcaption:before { content: ""; width: 0; height: 3px; background: #253580; position: absolute; left: 0; bottom: 0; transition: 365ms ease-in-out; }
.sidemodel li:hover figure img { transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04); }
.sidemodel li:hover figcaption { background: #fff; }
.sidemodel li:hover figcaption:before { width: 100%; }
.leader li .dynamics i { display: block; width: 14px; height: 14px; float: right; background: url(../images/load.png) center no-repeat; margin-right: 12px; margin-top: 9px; opacity: 0; visibility: hidden; transition: 320ms 0ms; }
.leader li .dynamics b { margin-right: 30px; }
.leader li:hover .dynamics i { opacity: 1; visibility: visible; transition: 360ms 180ms; }

/**/
.declarate-box { padding: 38px 0 200px; background: #f8f8f8; }
.declarate-info { margin-bottom: 34px; }
.declarate-info:last-child { margin-bottom: 0; }
.declarate-info p { color: #646464; font-size: 13px; line-height: 2; }
.declarate-info h3 { color: #253580; font-size: 13px; margin-bottom: 9px; line-height: normal; }
.declarate-info1 p { text-indent: 26px; }

/**/
.commonbg{ position:relative; background:#fff;}
.development { width: 860px; margin: auto; }
.development p { color: #646464; font-size: 13px; line-height: 2; }
.development img { display: block; line-height: normal; width: 100%; height: auto; margin-top: 32px; }
.menu-wr { position: relative; }
.common-menu { position: absolute; z-index: 20; right: 12.5%; top: -128px; width: 160px; transition: 344ms ease-in-out; }
.common-menu.scoll1 { position: fixed; top: 66px; transition: 344ms ease-in-out; }
.common-logo { height: 128px; background: url(../images/menus.jpg) center no-repeat; background-size: cover; }
.develops { margin-left: 50px; padding-top: 51px; position: relative; }
.develops:before { content: ""; width: 70px; height: 2px; background: #fff; position: absolute; left: 0; top: 36px; }
.develops span { display: block; color: #ffffff; font-size: 14px; line-height: 1.4; }
.innmenu { padding: 18px 0 20px; border: 1px solid #253580; background: #fff; }
.innmenu li { position: relative; margin-bottom: 1px; }
.innmenu li:before{ content:""; width:0; height:29px; line-height:29px; background:#d60009; position:absolute; left:50%; top:0; transition:310ms ease-in-out;}
.innmenu li a { display: block; line-height: 29px; position: relative; z-index: 5; color: #000000; font-size: 13px; text-align: center; }
.innmenu li a:before { content: ""; width: 6px; height: 11px; background: url(../images/arrow5.png) center no-repeat; position: absolute; left: 11px; top: 50%; margin-top: -5px; opacity: 0; visibility: hidden; transition: 260ms 0ms; }
.innmenu li:hover:before, .innmenu li.on:before { width: 100%; left: 0; }
.innmenu li:hover a, .innmenu li.on a { color: #fff; }
.innmenu li:hover a:before, .innmenu li.on a:before { opacity: 1; visibility: visible; transition: 280ms 220ms; }
.menusd { display: none; position: relative; width: 860px; margin: auto; z-index: 30; }
.menusd span{ display:block; height:58px; position:relative; background:#000; text-align:center; line-height:58px; cursor:pointer; color:#fff; font-size:16px; transition:430ms background;}
.menusd.on span{ background:#d60009;}
.menusd.on span:before { transform: rotate(180deg); }
.menusd span:before { content: ""; width: 17px; height: 10px; position: absolute; right: 24px; top: 50%; margin-top: -5px; background: url(../images/down2.png) center no-repeat; transition: 266ms ease-in-out; }
.menus-down { background: #fff; position: absolute; left: 0; top: 58px; width: 100%; display: none; }
.menus-down a{ color:#666666; font-size:14px; width:50%; float:left; background:#f2f2f2; line-height:46px; display:block; text-align:center; position:relative; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.menus-down a:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; z-index: 1; background-color: rgba(255,255,255,1.0); -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: ReturnToNormal; animation-name: ReturnToNormal; }

@-webkit-keyframes ReturnToNormal {
    0% { -webkit-transform: scale(0.1,1); -ms-transform: scale(0.1,1); transform: translate: scale(0.1,1); }


    100% { -webkit-transform: scaleX(1,1); -ms-transform: scale(1,1); transform: translate: scaleX(1,1); }
}

@-moz-keyframes ReturnToNormal {
    0% { -webkit-transform: scale(0.1,1); -ms-transform: scale(0.1,1); transform: translate: scale(0.1,1); }


    100% { -webkit-transform: scaleX(1,1); -ms-transform: scale(1,1); transform: translate: scaleX(1,1); }
}

@keyframes ReturnToNormal {
    0% { -webkit-transform: scale(0.1,1); -ms-transform: scale(0.1,1); transform: translate: scale(0.1,1); }


    100% { -webkit-transform: scaleX(1,1); -ms-transform: scale(1,1); transform: translate: scaleX(1,1); }
}

/*招聘信息*/
.recuite-href { background: #253580; margin-bottom: 38px; }
.history-rec { float: left; }
.history-rec a { display: inline-block; width: 98px; height: 47px; text-align: center; line-height: 47px; color: #fff; font-size: 14px; position: relative; border-right: 1px solid #fff; transition: 300ms; }
.history-rec a:before { content: ""; width: 16px; height: 8px; background: url(../images/down3.png) center no-repeat; position: absolute; left: 50%; margin-left: -8px; bottom: -8px; opacity: 0; visibility: hidden; transition: 300ms; }
.innerw{ width:1000px; margin:auto; padding-right:200px;}
.history-rec a:hover, .history-rec a.on { background: #11a1e1; }
.history-rec a:hover:before, .history-rec a.on:before { opacity: 1; visibility: visible; }
.history-rec a:last-child { border-right: none; }
.registrate { float: right; background: #11a1e1; }
.registrate a { display: inline-block; width: 115px; padding-left: 55px; height: 47px; line-height: 47px; color: #fff; font-size: 13px; background: url(../images/register.png) 16px center no-repeat; }
.recuite-list { padding-left: 46px; }
.recuite-title { margin-bottom: 16px; }
.recuite-title span { display: inline-block; color: #272727; font-size: 13px; line-height: normal; float: left; }
.recuite-info { margin-bottom: 3px; }
.recuite-title span:nth-child(1) { padding-left: 24px; width: 144px; }
.recuite-title span:nth-child(2) { width: 144px; }
.recuite-title span:nth-child(3) { width: 145px; }
.recuite-title span:nth-child(4) { width: 106px; }
.recuite-title span:nth-child(5) { width: 106px; }
.recuite-title span:nth-child(6) { width: 144px; }
.recuite-top { background: #b5b5b5; cursor: pointer; transition: 300ms ease-in-out; position: relative; }
.recuite-top.on { background: #253580; }
.recuite-top.on .add { transform: rotate(45deg); }
.recuite-top span { display: inline-block; float: left; color: #ffffff; font-size: 13px; padding:10px 0;}
.recuite-top span:nth-child(1) { padding-left: 24px; padding-right:10px; width: 134px; }
.recuite-top span:nth-child(2) { width: 134px; padding-right:10px;}
.recuite-top span:nth-child(3) { width: 135px; padding-right:10px;}
.recuite-top span:nth-child(4) { width: 106px; }
.recuite-top span:nth-child(5) { width: 106px; }
.recuite-top span:nth-child(6) { width: 144px; }
.add { width: 21px; height: 21px; position: absolute; left: -43px; top: 7px; z-index: 10; background: url(../images/show.png) center no-repeat; transition: 300ms; cursor: pointer; }

.recuite-li { padding: 22px 48px 35px 48px; border: 1px solid #253580; border-top: none; display: none; }
.recuite-li p { color: #272727; font-size: 13px; line-height: 2; }
.recuite-info:nth-child(1) .recuite-li { display: block; }

/*公司培训*/
.train-img { width: 50%; float: left; overflow: hidden; line-height: normal; }
.train-img img { display: block; line-height: 0; width: 100%; height: auto; transition: 488ms ease-in-out; }
.train { margin-bottom: 40px; }
.train li figcaption { width: 39.6%; float: right; margin-right: 36px; margin-top: 13px; }
.train li figcaption strong { display: block; width: 77px; height: 60px; border: 1px solid #dcdcdc; position: relative; }
.train li figcaption strong b { display: block; text-align: center; line-height: 60px; font-weight: normal; color: #323232; font-size: 20px; }
.train li figcaption strong:before { content: ""; width: 50%; height: 1px; background: #253580; position: absolute; left: 50%; bottom: -1px; margin-left: -25%; }
.train li figcaption h4 { color: #323232; font-size: 20px; font-weight: normal; line-height: 1.2; margin-top: 15px; transition: 330ms; }
.train li figcaption p { color: #646464; font-size: 13px; line-height: 2; margin-top: 10px; }
.train li:hover .train-img img { transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04); }
.train li:hover figcaption h4 { color: #2a3c90; }
.train li:nth-child(2n+2) .train-img { float: right; }
.train li:nth-child(2n+2) figcaption { float: left; margin-right: 0; margin-left: 28px; margin-top: 32px; }

/*集团简介*/
.common-menup .innmenu { border: none; }
.about_box{ padding:80px 0 0;}
.commonbg .intro_l{ width: calc(100% - 1015px); height:auto; float:left;}
.commonbg .intro_l ul{ display:block; width:100%; height:auto;}
.commonbg .intro_l ul li{ width: calc(100% - 5px); height:auto; padding:0 0 0 5px;}
.commonbg .intro_l ul li a{ display:block; font-size:16px; color:#666666; line-height:30px;}
.commonbg .intro_l ul li a i{ display:block; float:left; width:15px; height:30px; margin-right:5px; background:url(../images/ico_tri.png); background-position:center center; background-repeat:no-repeat; transition:all 0.1s linear 0s;}
.commonbg .intro_l ul li a:hover,.commonbg .intro_l ul li.on a{ color:#d70d06;}
/*.commonbg .intro_l ul li a:hover i{ transform: rotate(90deg); -webkit-transform: rotate(90deg);}
.commonbg .intro_l ul li.on a i{ transform: rotate(90deg); -webkit-transform: rotate(90deg);}*/
.commonbg .introducts{ width:1002px; height:auto; float:right;}
.commonbg .introducts .about_loca{ width:100%; height:auto; margin-bottom:35px;}
.about_loca a{ font-size:16px; color:#666; line-height:25px; display:block; float:left;}
.about_loca i{ display:block; float:left; width:25px; height:25px; background:url(../images/ico_tri.png); background-position:center center; background-repeat:no-repeat; background-size:7px auto;}
.about_loca span{ display:block; float:left; font-size:16px; color:#666; line-height:25px;}
.about_loca a:hover{ color:#d70d06;}
/*内页通用左侧菜单和右侧当前位置*/
.about_box .introducts .about_ti{ font-size:36px; color:#d70d06; margin-bottom:20px;}
.about_box .about_bot{ width:100%; height:auto; background-color:#f2f2f2; padding-bottom:90px; margin-top:120px;}
.about_box .about_bot dl{ width:100%; display:block; height:auto;}
.about_box .about_bot dl dd{ width:30%; margin-right:5%; float:left; background-color:#FFF;}
.about_box .about_bot dl dd .about_bot_ti{ width:100%; height:63px; line-height:63px; text-align:center; margin-top:-63px; background-color:#d6130d; font-size:24px; color:#FFF;}
.about_box .about_bot dl dd .about_bot_tet{ padding:45px 15px 0;}
.about_box .about_bot dl dd .about_bot_tet p{ font-size:14px; color:#666; height:85px;}
.about_box .about_bot dl dd .about_bot_tet img{ width:80%; padding:0 10% 30px;}
.about_box .about_bot dl dd:last-child{ margin-right:0;}
.aboutlogo { padding-left: 46px; padding-top: 11px;}
.aboutlogo strong{ color:#FFF; font-size:25px; font-weight:normal; font-family:"groteskiaregular"; line-height:1; display:block; margin-bottom:12px;}
.aboutlogo h4{ color:#FFF; font-size:16px; position:relative; font-weight:normal; line-height:normal; padding-bottom:16px;}
.aboutlogo h4:before { content: ""; width: 25px; height: 5px; background: #fff; position: absolute; left: 0; bottom: 0; }
.introducts p, .sppechs p { color: #646464; font-size: 13px; margin-bottom: 10px;}
.speech { margin-top: 26px; text-align: right; }
.speech p { color: #646464; font-size: 13px; display: inline-block; margin-left: 40px; }
.speech img { display: inline-block; margin-left: 36px; }
.speech time { display: block; width: 100%; text-align: right; color: #646464; font-size: 13px; margin-top: 20px; }
.organiza-font { margin-bottom: 50px;}
.organiza-font p { padding-left: 20px; color: #646464; font-size: 13px; margin-bottom: 5px; position: relative; }
.organiza-font p:before { content: ""; width: 6px; height: 6px; background: #253580; position: absolute; left: 2px; top: 50%; margin-top: -3px; }
.organizate-fix { position: relative; padding-bottom: 66px; border-bottom: 1px solid #a0a0a0; }
.organizate-fix figure { line-height: normal; position: relative;}
.organizate-img img { display: block; width: 100%; height: auto; line-height: 0;}
.organizate-fix figure figcaption{ display: block; width:100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.5); background: #000\9; filter: alpha(opacity=50); opacity: 0; visibility: hidden; transition: 488ms ease-in-out;}
.organizates:hover figcaption { opacity: 1; visibility: visible;}
.organizate-wr{ text-align: center; position: absolute; left: 0; top: 50%; width: 100%; margin-top: -22px; }
.orgazini-info{ display: inline-block; width: 137px; height: 43px; border: 1px solid #fff; position: relative; overflow: hidden;}
.orgazini-info a { display: block; text-align: left; line-height: 43px; color: #fff; font-size: 14px; padding-left: 50px; position: relative; z-index: 10; }
.orgazini-info:nth-child(1) { margin-right: 6px; }
.orgazini-info:nth-child(1) a { background: url(../images/search1.png) 30px center no-repeat; }
.orgazini-info:nth-child(2) a { background: url(../images/load1.png) 30px center no-repeat; }
.orgazini-info:before { content: ""; width: 0; height: 0; background: #fff; opacity: 0; visibility: hidden; position: absolute; left: 50%; border-radius: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transition: 0.32s ease-in-out; }
.orgazini-info:hover:before { opacity: 1; visibility: visible; width: 110%; height: 380%; }
.orgazini-info:hover a { color: #253580; }
.orgazini-info:nth-child(1):hover a { background: url(../images/search2.png) 30px center no-repeat; }
.orgazini-info:nth-child(2):hover a { background: url(../images/load2.png) 30px center no-repeat; }

.fancybox-nav span { width: 14px; height: 18px; position: static; }
.fancybox-nav { display: none; }
.fancybox-prev { left: -26px; background: none; }
.fancybox-next { right: -26px; background-position: right center; background: none; }
.fancybox-overlay { background: rgba(0,0,0,0.8); background: #000\9; filter: alpha(opacity=80); }
.fancybox-close { width: 25px; height: 25px; top: 10px; right: 10px; background: url(../images/close1.png) no-repeat; background-size: cover; transition: 350ms; }
.fancybox-close:hover { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); }
.fancybox-nav:hover span { background: none; opacity: 0.8; }
.fancybox-opened .fancybox-skin { box-shadow: none; border: 1px solid #fff; border-radius: 0; }
.fancybox-skin { background: none; border-radius: none; }
.pbannertext2{ width:1200px; margin-left:-600px;}
.pbannertext2 .f30 { font-size: 30px; }

.culture-top h3 { color: #323232; font-size: 26px; line-height: normal; margin-bottom: 30px; font-weight: normal; }
.culture-top p { color: #646464; font-size: 14px; line-height: 25px; margin: 12px 0px 0px; }
.culture-info{ position:relative; width:22%; float:left; overflow:hidden; margin-bottom:16px; margin-right:4%;}
.culture-info figure { display: block; line-height: normal; overflow: hidden; }
.culture-info figure img { display: block; width: 100%; height: auto; transition: 488ms ease-in-out; }
.culture-text{ position:absolute; width:100%; bottom:0; height:43px; background:#f59f19; transition:488ms;}
.culture-wr { padding-left: 22px; padding-right: 24px; padding-bottom: 15px; transition: 320ms 0ms; }
.culture-wr h3 { color: #ffffff; font-size: 14px; transition: 310ms 0ms; line-height: 44px; font-weight: normal; }
.culture-wr p { color: #ffffff; font-size: 13px; line-height: 2; margin-top: 25px; position: relative; top: 20px; opacity: 0; visibility: visible; transition: 320ms 0ms; }
.culture-wr span { color: #fff; font-size: 12px; line-height: normal; position: absolute; left: 22px; bottom: 14px; opacity: 0; visibility: hidden; transition: 280ms 0ms; }
.culture-info:hover h3 { line-height: 26px; }
.culture-info:hover figure img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); }
.culture-info:hover .culture-text{ height:100%; bottom:-100%; background:rgba(245,159,25,0.9); background:#f59f19\9; filter:alpha(opacity=90);}
.culture-info:hover .culture-text .culture-wr { padding-top: 35px; }
.culture-info:hover .culture-text h3 { font-size: 18px; transition: 310ms 124ms; }
.culture-info:hover .culture-text p { opacity: 1; visibility: visible; top: 0; transition: 420ms 160ms ease-in-out; }
.culture-info:hover .culture-text span { opacity: 1; visibility: visible; transition: 280ms 400ms; }


/**/
.pbannertext3 { bottom: 38%; width: 860px; margin-left: -430px; }
.pbannertext3 p { color: #fff; font-size: 30px; line-height: normal; }
.activity-title { margin-bottom: 28px; }
.activity-a { width: 50%; position: relative; overflow: hidden; background: #a0a0a0; float: left; }
.activity-a:before { content: ""; width: 100%; height: 100%; background: #253580; position: absolute; left: 0; top: -100%; transition: 288ms; }
.activity-a a { display: block; color: #ffffff; font-size: 14px; padding-left: 22px; line-height: 64px; position: relative; z-index: 5; }
.activity-a a:before { content: ""; width: 7px; height: 13px; background: url(../images/arrow2.png) center no-repeat; position: absolute; right: 30px; top: 50%; margin-top: -6px; transition: 322ms; }
.activity-a:hover:before, .activity-a.on:before { top: 0; }
.activity-a:hover a:before, .activity-a.on a:before { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); }
.activity-fix { padding-bottom: 32px; margin-top: 30px; }
.activity-fix p { color: #646464; font-size: 13px; line-height: 2; }
.activity-list { margin-top: 28px; }
.activity-list li { width: 32.2%; float: left; margin-right: 1.7%; margin-bottom: 26px; overflow: hidden; }
.activity-list li:nth-child(3n+3) { margin-right: 0; }
.activity-list li figure { display: block; overflow: hidden; line-height: normal; }
.activity-list li figure img { display: block; width: 100%; height: auto; line-height: 0; transition: 520ms; }
.activity-list li figcaption { display: block; background: #ffffff; padding: 10px 20px 0 20px; height: 64px; position: relative; }
.activity-list li figcaption span { display: block; color: #323232; font-size: 14px; height: 46px; overflow: hidden; transition: 280ms; }
.activity-list li figcaption:before { content: ""; width: 0; height: 3px; background: #253580; position: absolute; left: 0; bottom: 0; transition: 310ms ease-in-out; }
.activity-list li:hover figure img { transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04); }
.activity-list li:hover figcaption:before { width: 100%; }
.activity-list li:hover figcaption span { color: #253580; }
.social { position: relative; padding: 10px 16px 0 7px; height: 52px; }
.social:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 100%; background: #253580; transition: 330ms; }
.social span { display: block; color: #323232; font-size: 14px; position: relative; transition: 310ms; }
.social span:before { content: ""; width: 18px; height: 18px; background: url(../images/search3.png) center no-repeat; position: absolute; right: -12px; top: 20px; opacity: 0; visibility: hidden; transition: 310ms 100ms; }
.activity-list li:hover .social:before { top: 0; }
.activity-list li:hover .social span { color: #fff; }
.activity-list li:hover .social span:before { opacity: 1; visibility: visible; }

/**/
.magazine-box { padding: 45px 0 34px; background: #f8f8f8; position: relative; }
.magazine-list li { margin-bottom: 30px; overflow: hidden; }
.magazine-list li figure { display: block; width: 30.3%; float: left; background: #fff; text-align: center; }
.magazine-list li figure img { max-width: 100%; width: auto; margin: auto; margin-top: 16px; transition: 488ms; }
.magazine-text { width: 66.9%; float: right; background: #fff; height: 274px; background: #fff; position: relative; }
.magazine-text:before { content: ""; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #253580; position: absolute; left: 0; top: 0; transform: scale(0.88); -webkit-transform: scale(0.88); -moz-transform: scale(0.88); opacity: 0; visibility: hidden; transition: 330ms ease-in-out; }
.magazine-t { margin-left: 32px; height: 66px; padding-left: 18px; border-left: 2px solid #c9c9c9; margin-top: 40px; position: relative; }
.magazine-t:before { content: ""; width: 2px; height: 0; background: #253580; position: absolute; left: -2px; top: 0; transition: 310ms; }
.magazine-t h3 { color: #323232; font-size: 26px; line-height: normal; font-weight: normal; margin-bottom: 16px; position: relative; top: -3px; }
.magazine-t p { color: #323232; font-size: 13px; line-height: normal; }
.lineread { margin-top: 60px; width: 117px; height: 37px; margin-left: 32px; border: 1px solid #bfbfbf; position: relative; overflow: hidden; transition: 320ms; }
.lineread:before { content: ""; width: 100%; height: 100%; background: #253580; position: absolute; left: 50%; top: 50%; border-radius: 50%; opacity: 0; visibility: hidden; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transition: 320ms ease-in-out; }
.lineread a { display: block; text-align: center; line-height: 37px; color: #323232; font-size: 13px; position: relative; z-index: 5; }
.magazine-list li:hover figure img { transform: scale(1.03); -webkit-transform: scale(1.03); -moz-transform: scale(1.03); }
.magazine-list li:hover .magazine-t:before { height: 100%; }
.magazine-list li:hover .lineread { border-color: #253580; }
.magazine-list li:hover .lineread:before { opacity: 1; visibility: visible; width: 110%; height: 288%; }
.magazine-list li:hover .lineread a { color: #fff; }
.magazine-list li:hover .magazine-text:before { opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); }

.video-list li { width: 47.7%; float: left; position: relative; margin-top: 20px; margin-bottom: 23px; }
.video-list li figure { display: block; line-height: normal; overflow: hidden; position: relative; }
.video-list li figure img { display: block; width: 100%; height: auto; line-height: 0; transition: 488ms; }
.video-list li figcaption { display: block; color: #323232; font-size: 14px; line-height: normal; padding-left: 18px; margin-top: 15px; transition: 388ms; }
.video-list li:hover figure img { transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06); }
.video-list li:hover figcaption { color: #253580; }
.videoIbox span { display: block; width: 29px; height: 32px; background: url(../images/video.png) center no-repeat; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -16px; }
.video-list li:nth-child(2n+2) { float: right; }
.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; left: 0; top: 0; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox { z-index: 990; width: 860px; height: 480px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -240px; margin-left: -430px; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 24px; height: 24px; cursor: pointer; position: absolute; top: -28px; right: 0px; }
.vwrap .close i { display: block; width: 24px; height: 24px; background: url(../images/close1.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button { background: none no-repeat!important; }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }

.history { position: relative; }
.history-list { position: relative; }
.history-list:before, .history-list:after { content: ""; width: 100%; border-bottom: 1px dashed #bfbfbf; position: absolute; left: 0; }
.history-list:before { top: 73px; }
.history-list:after { bottom: 0; }
.history-list li { position: relative; padding: 9px 0; }
.history-list li:nth-child(1) { padding-top: 0; }
.history-list li i { display: block; width: 1px; height: 100%; background: #000; position: absolute; left: 93px; top: 0; }
.history-list li time{ display:inline-block; width:77px; height:63px; text-align:center; line-height:63px; color:#fff; font-size:22px; background:#f59f19; line-height:63px; float:left; position:relative; z-index:5; transition:320ms;}
.history-list li time:before { content: ""; width: 9px; height: 17px; background: url(../images/arrow6.png) center no-repeat; position: absolute; right: -9px; top: 50%; margin-top: -9px; transition: 320ms; }
.histline { width: 86px; float: left; margin-left: 16px; height: 1px; background: #000000; margin-top: 31px; }
.histline:before { content: ""; width: 100%; height: 100%; background: #fff; transition: 330ms ease-in-out; position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; transform-origin: center; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); }
.history-text { float: left; width: 680px; position: relative; transition: 310ms; background: #f8f8f8; padding: 13px 0 12px; }
.history-text p { color: #646464; font-size: 13px; line-height: 2; width: 490px; margin-left: 18px; }


.history-list li:hover time{ background:#fff; color:#d60009;}
.history-list li:hover time:before { opacity: 0; visibility: hidden; }
.history-list li:hover .histline:before { opacity: 1; visibility: visible; transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); }
.history-list li:hover .history-text { background: #fff; }

.loadmore { padding-top: 45px; margin-left: 65px; background: url(../images/down4.png) 17px 25px no-repeat; position: relative; transition: 230ms; }
.loadmore:before { content: ""; width: 1px; height: 26px; background: #000000; position: absolute; left: 28px; top: 0; }
.loadmore a { display: inline-block; color: #323232; font-size: 14px; line-height: normal; }
.loadmore:hover { background-position: 17px 30px; }
.loadmore:hover a { color: #253580; }
.new-views{}
.new-views h2{ color:#333; text-align:center; font-size:28px; line-height:1.4; font-weight:normal;}
.new-views .share-fix{ margin-top:40px; text-align:center;}
.new-views .share-fix time, .new-views .share-fix a{ display:inline-block; color:#666;}
.new-views .share-fix time{ padding-left:20px; background:url(../images/time.png) left center no-repeat; margin-right:20px;}
.new-views .share-fix a{ width:10px; height:11px; background:url(../images/share.png) center no-repeat;}
.new-v{ margin-top:0 !important;}
.new-v .member-b{ background:none;}
.new-v .member-tex{ margin-bottom:28px;}
.new-v .member-tex p, .new-v .member-tex span{ font-family: 'Microsoft YaHei'!important;}

/*新闻中心*/
.new-bg{ background:#f59f19; padding-top:6px;}
.news-list { text-align: center; }
.news-list li { display: inline-block; margin-right: 2px; position: relative; }
.news-list li:before { content: ""; width: 0; height: 100%; background: #fff; position: absolute; left: 50%; top: 0; opacity: 0; visibility: hidden; transition: 320ms ease-in-out; }
.news-list li:last-child { margin-right: 0; }
.news-list li a { line-height: normal; display: block; padding-top: 12px; height: 34px; width: 117px; text-align: center; color: #fff; font-size: 14px; position: relative; z-index: 5; }
.news-list li:hover:before, .news-list li.on:before { width: 100%; left: 0; opacity: 1; visibility: visible; }
.news-list li:hover a, .news-list li.on a { color: #323232; }
.newsd{ padding: 52px 0 30px; background: #f8f8f8; }
.news_box{ padding:20px 0 0; background:#f8f8f8;}
.news_boxw{ padding:20px 0 0;}
.new-s { background: #fff; }
.new-s figure { display: block; width: 44%; line-height: normal; overflow: hidden; float: left; }
.new-s figure img { display: block; width: 100%; height: auto; transition: 520ms; line-height: 0; }
#firstnewPage .new-s a { margin-bottom: 10px; display: block; overflow: hidden; }
.new-texts { width: 49.54%; float: right; margin-right: 35px; }
.new-texts time{ display:block; width:75px; height:66px; background:#d60009;}
.new-texts time strong { display: block; text-align: center; color: #fff; font-size: 42px; line-height: 42px; font-weight: normal; padding-top: 6px; }
.new-texts time b { display: block; margin-top: 2px; text-align: center; color: #fff; font-weight: normal; line-height: 12px; }
.new-texts h4 { color: #323232; position: relative; font-size: 18px; font-weight: normal; line-height: 1.2; margin-top: 22px; height: 64px; border-bottom: 1px solid #c9c9c9; margin-bottom: 8px; transition: 340ms; }
.new-texts h4:before{ content:""; width:0; height:1px; background:#d60009; position:absolute; left:0; bottom:-1px; transition:430ms ease-in-out;}
.new-texts p { color: #646464; font-size: 13px; line-height: 2; }
.new-texts span { display: inline-block; color: #969696; transition: 310ms; line-height: normal; margin-top: 14px; }
.new-s a:hover figure img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); }
.new-s a:hover .new-texts h4{ color:#d60009;}
.new-s a:hover .new-texts h4:before { width: 100%; }
.new-s a:hover .new-texts span{ color:#d60009;}
.newsd .dynamic-box { padding-top: 22px; }

/*联系我们*/
.map{ height:598px; border-bottom:6px solid #f59f19;}
.mcontact h3{ color:#ce0108;}
.mcontact span{ color:#ce0108;}
.anchorBL { display: none !important; }
.map-box { padding: 65px 0; background: #f8f8f8; }
.contact-t { margin-bottom: 65px; }
.contact-t h3 { color: #000000; font-size: 26px; line-height: normal; font-weight: normal; margin-bottom: 18px; }
.contact-t p { color: #646464; font-size: 14px; padding-left: 22px; background: url(../images/map1.png) 3px center no-repeat; }
.contact-address { width: 860px; margin-top: 64px; position: relative; padding-left: 22px; }
.contact-address p{ display:inline-block; width:33.33%; float:left; color:#646464; font-size:14px; margin-bottom:6px;}
.contact-address p a{ color:#646464;}
.contact-address p a:hover{ color:#253580;}
.contact-address span{ display:inline-block; width:33.33%; float:left; color:#646464; font-size:16px; margin:6px 0;}
.contact-address span a{ color:#646464;}
.contact-address span a:hover{ color:#253580;}
.contact-address:before{ content:""; width:1px; height:80px; background:#f59f19; position:absolute; left:4px; top:3px;}
.searchs { position: absolute; right: 0; bottom: 0; }
.searchs .setext { width: 374px; padding: 0; padding-left: 22px; height: 36px; line-height: 36px; color: #7184db; border: 1px solid #697cd4; border-radius: 18px; float: left; background: none; font-family: 微软雅黑; outline: none; }
:-moz-placeholder { color: #7184db; }

::-moz-placeholder { color: #7184db; }

input:-ms-input-placeholder { color: #7184db; }

input::-webkit-input-placeholder { color: #7184db; }
.searchs .btnshe { width: 23px; height: 23px; background: url(../images/search4.png) center no-repeat; float: left; margin-left: 16px; margin-top: 8px; outline: none; padding: 0; border: none; cursor: pointer; transition: 320ms; }
.searchs .btnshe:hover, .searchs .btnshe:focus { background: url(../images/search5.png) center no-repeat; }
.seach-font { margin-bottom: 24px; border-bottom: 3px solid #253580; }
.seach-font p { color: #323232; font-size: 14px; padding-left: 8px; line-height: normal; padding-bottom: 15px; }
.search-sualch { background: #898989; margin-top: 24px; }
.searcli li { float: left; }
.searcli li a { display: inline-block; width: 88px; text-align: center; height: 32px; line-height: 32px; color: #fff; font-size: 14px; }
.searcli li a:hover, .searcli li a.on { background: #253580; }
.seach-list { margin: 38px 0 50px; padding-left: 50px; position: relative; }
.seach-list:before { content: ""; width: 2px; height: 100%; background: #253580; position: absolute; left: 12px; top: 0; }
.seach-list li { margin-bottom: 6px; }
.seach-list li a { color: #323232; font-size: 13px; display: block; }
.seach-list li a b { display: inline-block; color: #253580; font-weight: normal; }
.seach-list li a:hover { color: #253580; }

/**/
.project-li li { float: left; position: relative; width: 33.33333%; overflow: hidden; }
.project-li.shown { overflow: inherit; }
.project-li.shown, .project-li.shown .item { visibility: visible; }
.project-li.animate .item { -webkit-animation: showMe 1.5s step-end forwards; animation: showMe 1.5s step-end forwards; }
.project-li li figure { display: block; line-height: normal; overflow: hidden; }
.project-li li figure img { display: block; width: 100%; height: auto; line-height: 0; transition: 522ms; }
.project-li li figcaption { display: block; padding-top: 38px; height: 32px; background: url(../images/probg.png) repeat-x; width: 100%; line-height: normal; color: #fff; font-size: 14px; text-indent: 20px; position: absolute; left: 0; bottom: 0; transition: 330ms ease-in-out; }
.prohidden { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(37,53,128,0.5); background: #253580\9; filter: alpha(opacity=50); opacity: 0; visibility: hidden; transition: 588ms ease-in-out; }
.prowr { text-align: center; position: absolute; left: 0; width: 100%; top: 50%; margin-top: -51px; }
.prowr h3 { color: #ffffff; font-size: 20px; margin-bottom: 28px; line-height: normal; text-align: center; font-weight: normal; position: relative; top: 25px; transition: 340ms 0ms; opacity: 0; }
.promore { width: 151px; height: 46px; text-align: center; line-height: 46px; color: #fff; border: 1px solid #fff; line-height: 46px; position: relative; margin: auto; overflow: hidden; top: 24px; opacity: 0; visibility: hidden; transition: 344ms 0ms ease-in-out; }
.promore:before { content: ""; width: 0; height: 0; background: #fff; position: absolute; left: 0; top: 100%; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); visibility: hidden; transition: 320ms ease-in-out; }
.promore span { display: block; text-align: center; line-height: 46px; color: #fff; position: relative; transition: 310ms; }
.promore:hover:before { visibility: visible; width: 110%; height: 380%; }
.promore:hover span { color: #253580; }
.project-li li:hover figcaption { bottom: -70px; opacity: 0; }
.project-li li:hover .prohidden { opacity: 1; visibility: visible; }
.project-li li:hover .prowr h3 { opacity: 1; top: 0; transition: 320ms 100ms; }
.project-li li:hover .promore { opacity: 1; visibility: visible; top: 0; transition: 320ms 180ms ease-in-out; }

.animate .curtain { -webkit-animation: swipeDown 1.5s cubic-bezier(0.6,0,.4,1) forwards; -o-webkit-animation: swipeDown 1.5s cubic-bezier(0.6,0,.4,1) forwards; -ms-webkit-animation: swipeDown 1.5s cubic-bezier(0.6,0,.4,1) forwards; animation: swipeDown 1.5s cubic-bezier(0.6,0,.4,1) forwards; animation-delay: 244.92ms; }
.shown .curtain { display: none; }
.adelay1 { transition: 500ms ease 150ms; -o-transition: 500ms ease 150ms; -moz-transition: 500ms ease 150ms; -webkit-transition: 500ms ease 150ms; -ms-transition: 500ms ease 150ms; }
.adelay2 { transition: 500ms ease 250ms; -o-transition: 500ms ease 250ms; -webkit-transition: 500ms ease 250ms; -moz-transition: 500ms ease 250ms; -ms-transition: 500ms ease 250ms; }
.adelay3 { transition: 500ms ease 300ms; -ms-transition: 500ms ease 300ms; -webkit-transition: 500ms ease 300ms; -o-transition: 500ms ease 300ms; -ms-transition: 500ms ease 300ms; }
.adelay4 { transition: 500ms ease 280ms; }
.adelay5 { transition: 500ms ease 340ms; }
.curtain { position: absolute; left: 0px; top: 0px; transform: translate3d(0px, -100%, 0px); -webkit-transform: translate3d(0px, -100%, 0px); -moz-transform: translate3d(0px, -100%, 0px); -o-transform: translate3d(0px, -100%, 0px); -ms-transform: translate3d(0px, -100%, 0px); width: 100%; height: 100%; z-index: 100; }
.adelay1 .curtain { background-color: #fff; animation-delay: 147.266ms; }
.adelay2 .curtain { background-color: #fff; animation-delay: 244.92ms; }
.adelay3 .curtain { background-color: #fff; animation-delay: 380ms; }
.adelay4 .curtain { background-color: #fff; animation-delay: 304.92ms; }
.adelay5 .curtain { background-color: #fff; background: none; animation-delay: 335.176ms; }
.view-text { position: absolute; height: 100%; position: absolute; left: 50%; margin-left: -550px; top: 0; }
.view-text h3 { padding: 34px 36px; display: inline-block; text-align: center; color: #ffffff; font-size: 30px; background: url(../images/text.png) repeat; position: absolute; left: 0; bottom: 0; }

@-webkit-keyframes showMe {
    from { visibility: hidden; }
    100%,60% { visibility: visible; }
}

@keyframes showMe {
    from { visibility: hidden; }
    100%,60% { visibility: visible; }
}

@-webkit-keyframes swipeDown {
    50%,60% { -webkit-transform: translate3d(0,0,0); }
    100% { -webkit-transform: translate3d(0,100%,0); }
}

@keyframes swipeDown {
    50%,60% { -webkit-transform: translate(0); transform: translate(0); -ms-transform: translate(0); }
    100% { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); -ms-transform: translate3d(0,100%,0); }
}




.project-view { background: #f8f8f8; }
.proview { width: 800px; margin: auto; margin-top: -327px; }
.proview .member-banner .flex-prev, .proview .member-banner .flex-next { width: 31px; height: 109px; border: 2px solid #fff; margin-top: -17px; }
.proview .member-banner .flex-prev { background: url(../images/prev2.png) center no-repeat; }
.proview .member-banner .flex-next { background: url(../images/next2.png) center no-repeat; }
.protext { padding-top: 30px; }
.protext h4 { color: #000000; text-align: center; font-weight: normal; line-height: normal; font-size: 20px; }
.business-box { background: #f8f8f8; padding-bottom: 50px; }
.prolinef { margin-top: 48px; padding: 28px 0 80px; border-top: 1px solid #a0a0a0; }
.facklist { display: inline-block; }
.prolinef p { color: #646464; font-size: 13px; margin-bottom: 6px; text-indent: 26px; }
.facklist a { display: inline-block; color: #000000; font-size: 13px; line-height: normal; width: 120px; line-height: 30px; height: 30px; }
.facklist a:hover { color: #253580; }
.proview .member-banner .flex-prev:hover { border-color: #253580; background: #253580 url(../images/prev2.png) center no-repeat; }
.proview .member-banner .flex-next:hover { border-color: #253580; background: #253580 url(../images/next2.png) center no-repeat; }
.business-r { background: #b5b5b5; z-index: 20; position: relative; }
.business-in { width: 273px; float: left; text-align: center; position: relative; padding-top: 20px; height: 74px; }
.business-in:before { content: ""; width: 100%; height: 0; background: #f8f8f8; position: absolute; left: 0; top: 0; transition: 300ms ease-in-out; }
.business-in a { display: block; position: relative; }
.business-in b { display: block; width: 39px; height: 36px; margin: auto; transform: scale(0.66); -webkit-transform: scale(0.66); -moz-transform: scale(0.66); transition: 320ms; }
.business-in span { display: block; text-align: center; color: #323232; font-size: 14px; line-height: normal; margin-top: 5px; }
.business-in:nth-child(1) b { background: url(../images/buss1_1.png) center no-repeat; }
.business-in:nth-child(2) b { background: url(../images/buss2_1.png) center no-repeat; }
.business-in:nth-child(3) b { background: url(../images/buss3_1.png) center no-repeat; }
.business-in:nth-child(4) b { background: url(../images/buss4_1.png) center no-repeat; }
.business-in:nth-child(5) b { background: url(../images/buss5_1.png) center no-repeat; }
.business-in:hover:before, .business-in.on:before { height: 100%; }
.business-in:nth-child(1):hover b, .business-in:nth-child(1).on b { background: url(../images/buss1.png) center no-repeat; }
.business-in:nth-child(2):hover b, .business-in:nth-child(2).on b { background: url(../images/buss2.png) center no-repeat; }
.business-in:nth-child(3):hover b, .business-in:nth-child(3).on b { background: url(../images/buss3.png) center no-repeat; }
.business-in:nth-child(4):hover b, .business-in:nth-child(4).on b { background: url(../images/buss4.png) center no-repeat; }
.business-in:nth-child(5):hover b, .business-in:nth-child(5).on b { background: url(../images/buss5.png) center no-repeat; }
.business-in:hover:after, .business-in.on:after { bottom: -4px; visibility: visible; opacity: 1; }
.nusiness li { position: relative; background: #f8f8f8; overflow: hidden; }
.nusiness li figure { display: block; width: 50%; float: right; height: auto; line-height: normal; overflow: hidden; }
.nusiness li figure img { display: block; width: 100%; height: auto; line-height: 0; transition: 544ms; }
.business-w { position: absolute; left: 50%; margin-left: -550px; top: 0; height: 100%; }
.business-text { float: left; width: 43%; position: absolute; height: 100%; left: 0; top: 0; padding-right: 7%; }
.business-text:before { content: ""; width: 100%; height: 9px; background: #253580; position: absolute; left: 0; bottom: -9px; transition: 366ms ease-in-out; }
.business-text h4 { color: #323232; font-size: 30px; font-weight: normal; margin-top: 12%; line-height: normal; padding-bottom: 10px; border-bottom: 1px solid #d2d2d2; position: relative; transition: 355ms; }
.business-text h4:before { content: ""; width: 0; height: 1px; background: #253580; position: absolute; left: 0; bottom: -1px; transition: 355ms ease-in-out; }

.business-text p { color: #646464; font-size: 13px; line-height: 2; margin-top: 26px; min-height: 116px; }
.businesslo { position: absolute; left: 0; bottom: 40px; }
.businesslo strong { display: block; line-height: normal; color: #969696; text-transform: uppercase; font-size: 14px; }
.businesslo b { display: block; color: #969696; font-weight: normal; line-height: normal; }
.nusiness li:hover figure img { transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04); }
.nusiness li:hover .business-text h4 { color: #253580; }
.nusiness li:hover .business-text h4:before { width: 100%; }
.nusiness li:hover .business-text:before { bottom: 0; }
.nusiness li:nth-child(2n+2) figure { float: left; }
.nusiness li:nth-child(2n+2) .business-text { left: 50%; padding-right: 0; padding-left: 7%; }
.nusiness li:nth-child(2n+2) .business-text .businesslo { left: 14%; }
.company-box { padding: 144px 0 150px; }
.company-list li a { display: block; text-align: center; font-size: 14px; color: #fff; margin-bottom: 4px; }
.promores { margin: auto; margin-top: 60px; width: 232px; height: 61px; border: 1px solid #a0a0a0; overflow: hidden; position: relative; }
.promores:before { content: ""; width: 0; height: 0; background: #a0a0a0; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); border-radius: 50%; transition: 330ms ease-in-out; }
.promores a { display: block; text-align: center; line-height: 61px; color: #323232; position: relative; }
.promores:hover:before { width: 110%; height: 380%; }
.promores:hover a { color: #fff; }

/*招标采购*/
.tender-t { background: #a0a0a0; }
.tender-li { width: 33.3333%; float: left; position: relative; }
.tender-li a { display: block; line-height: 52px; color: #ffffff; font-size: 14px; position: relative; text-align:center;}
.tender-li:before { content: ""; width: 0; height: 100%; position: absolute; top: 0; background: #253580; transition: 344ms ease-in-out; }
.tender-li.on:before { width: 100%; }
.tender-box { padding: 42px 0 30px; background: #f8f8f8; }
.tender-step { padding-bottom: 8px; border-bottom: 1px solid #253580; padding-left: 2px; }
.step-info { float: left; margin-right: 17px; }
.step-info:last-child { margin-right: 0; }
.step-info a { display: block; text-align: center; line-height: 29px; color: #323232; font-size: 14px; padding: 0 20px; border: 1px solid #f8f8f8; border-radius: 15px; }
.step-info.on a, .step-info:hover a { border-color: #253580; }
.tendder-text { padding: 40px 0 24px; }
.tendder-text p { color: #646464; font-size: 13px; }
.step-page { padding-top: 20px; border-top: 1px solid #a0a0a0; }
.step-in { width: 212px; height: 44px; border: 1px solid #a0a0a0; float: left; position: relative; overflow: hidden; }
.step-next { float: right; }
.step-prev { float: left; }
.step-in a { display: block; position: relative; color: #323232; line-height: 14px; line-height: 44px; }
.step-next a { padding-left: 36px; }
.step-prev a { padding-left: 52px; }
.step-prev a:before { background: url(../images/arrow8.png) center no-repeat; left: 22px; }
.step-next a:before { background: url(../images/arrow7.png) center no-repeat; left: 144px; }
.step-in a:before { content: ""; width: 10px; height: 18px; position: absolute; top: 50%; margin-top: -9px; }
.step-in:before { content: ""; width: 0; height: 0; background: #a0a0a0; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transition: 320ms ease-in-out; border-radius: 50%; }
.step-in:hover:before { width: 110%; height: 380%; }
.step-in:hover a { color: #fff; }
.step-prev:hover a:before { left: 18px; background: url(../images/prev2.png) center no-repeat; background-size: 10px 18px; }
.step-next:hover a:before { left: 148px; background: url(../images/next2.png) center no-repeat; background-size: 10px 18px; }

.bidding { padding: 48px 0 50px; }
.bidding-info { margin-bottom: 52px; }
.bidding-info span { display: inline-block; width: 270px; float: left; color: #323232; font-size: 14px; line-height: normal; margin-left: 20px; }
.bidding-fix { float: left; position: relative; margin-left: 75px; line-height: 0; }
.bidding-fix img { line-height: normal; }
.bidding-fix b { display: block; width: 32px; height: 34px; border: 1px solid #a0a0a0; position: absolute; right: -40px; bottom: 0; background: url(../images/search6.png) center no-repeat; transition: 388ms; }
.bidding-fix b:hover { border-color: #253580; background: #253580 url(../images/search3.png) center no-repeat; }
.bidding-te { padding: 30px 18px 10px; }
.bidding-te p { color: #646464; font-size: 14px; }
.biddng1 .bidding-info { width: 48%; float: left; }
.biddng1 .bidding-info:nth-child(2n+2) { float: right; }
.biddng1 .bidding-info .bidding-fix { margin-left: 0; float: right; max-width: 320px; }
.biddng1 .bidding-info span { width: auto; }
.biddng1 .bidding-info .bidding-fix img { max-width: 100%; }
.informate-box { padding: 52px 0 30px; background: #f8f8f8; }
.informate-list li{ width:31%; float:left; height:162px; background:#ddd; margin-right:3.5%; margin-bottom:35px; position:relative;}
.informate-list li a { display: block; }
.informate-list li:nth-child(3n+3) { margin-right: 0; }
.informate-list li i{ display:block; position:absolute; left:0; top:0; width:0; height:2px; background:#d70d06; transition:320ms ease-in-out;}
.informate-list li h3 { padding-top: 10px; color: #323232; font-size: 18px; font-weight: normal; padding-left: 26px; padding-right: 28px; line-height: 1.4; }
.informate-time { position: absolute; overflow: hidden; left: 0; bottom: 0; width: 100%; transition: 340ms; }
.informate-time:before{ content:""; width:100%; height:36px; background:#d70d06; position:absolute; left:0; top:36px; transition:320ms ease-in-out;}
.informate-time time { display: inline-block; float: left; margin-left: 26px; color: #969696; font-size: 13px; line-height: 36px; padding-left: 12px; position: relative; transition: 300ms; }
.informate-time time:before { content: ""; width: 2px; height: 15px; background: #a0a0a0; position: absolute; left: 0; top: 10px; transition: 288ms; }
.informate-time span { display: inline-block; float: right; line-height: 36px; margin-right: 28px; color: #646464; font-size: 13px; transition: 300ms; position: relative; }
.informate-list li:hover i { width: 100%; }
.informate-list li:hover .informate-time:before { top: 0; }
.informate-list li:hover .informate-time time { color: #fff; }
.informate-list li:hover .informate-time time:before { background: #fff; }
.informate-list li:hover .informate-time span { color: #fff; }
.informate-list { margin-bottom: 18px; }

.biddings { background: #f8f8f8; }
.bidding-wr { margin-top: -148px; position: relative; }
.bidding-view { background: #fff; border-top: 8px solid #253580; padding: 36px 56px 94px; }
.bidding-view h4 { text-align: center; line-height: 1.2; color: #323232; font-size: 20px; font-weight: normal; margin-bottom: 35px; }
.bidding-view p { color: #646464; font-size: 13px; line-height: 2; }
.bidding-wr .promores { width: 176px; height: 44px; }
.bidding-wr .promores a { line-height: 44px; font-size: 14px; }

/*荣誉*/
.honor-box { width: 860px; margin: auto; }
.honor-li { float: left; width: 159px; height: 256px; position: relative; margin-left: -1px; border: 1px solid #d2d2d2; text-align: center; cursor: pointer; transition: 288ms; }
.honor-li:before { content: ""; width: 100%; height: 100%; background: #1d2088; position: absolute; left: 0; top: 0; transition: 354ms ease-in-out; opacity: 0; visibility: hidden; }
.honor-li time { display: block; width: 97px; position: relative; margin: auto; padding-top: 43px; padding-bottom: 22px; line-height: normal; text-align: center; color: #253580; font-size: 30px; text-align: center; border-bottom: 1px solid #d2d2d2; font-family: "groteskiaregular"; transition: 344ms ease-in-out; }
.honor-li .honor-in { margin-top: 15px; position: relative; }
.honor-li .honor-in span { display: block; color: #323232; font-size: 16px; padding: 6px 7px; transition: 322ms ease-in-out; }
.honor-li b { display: block; width: 23px; height: 23px; background: url(../images/add1.png) center no-repeat; position: absolute; left: 50%; margin-left: -12px; bottom: 30px; opacity: 0; visibility: hidden; transition: 320ms ease-in-out; }
.honor-in span:nth-child(2) { padding-top: 6px; position: relative; }
.honor-in span:nth-child(2):before { content: ""; width: 26px; height: 1px; background: #c9c9c9; position: absolute; left: 50%; margin-left: -13px; top: 0; }
.honor-li:nth-child(1) { margin-top: 194px; }
.honor-li:nth-child(3) { margin-top: 219px; }
.honor-li:nth-child(4) { margin-top: 163px; }
.honor-li:nth-child(5) { margin-top: 385px; }
.honor-li:nth-child(n+6) { float: right; position: relative; top: -1px; }
.honor-li:nth-child(6) { margin-right: 220px; }
.honor-li:nth-child(7) { margin-top: 60px; }
.honor-li:nth-child(8) { margin-top: -49px; }
.honor-li:nth-child(9) { margin-top: 182px; }
.honor-li:hover { border-color: #1d2088; z-index: 10; }
.honor-li:hover:before { opacity: 1; visibility: visible; }
.honor-li:hover time { color: #fff; border-color: #fff; }
.honor-li:hover .honor-in span { color: #fff; }
.honor-li:hover .honor-in span:nth-child(2):before { background: #fff; }
.honor-li:hover b { opacity: 1; visibility: visible; }
.honorfix { width: 860px; margin: auto; }
.honorfix time { display: block; margin-bottom: 40px; color: #ffffff; font-size: 60px; font-family: "groteskiaregular"; line-height: normal; }
.honorfix time b { display: inline-block; color: #fff; font-size: 14px; }
.honor-list { padding-left: 42px; position: relative; padding-bottom: 22px; }
.honor-list:before { content: ""; width: 1px; height: 100%; background: #fff; position: absolute; left: 41px; top: 0; }
.honor-list li { margin-bottom: 58px; position: relative; }
.honor-list li:last-child { margin-bottom: 0; }
.honor-list li:before { content: ""; width: 15px; height: 1px; background: #fff; position: absolute; left: -4px; top: 7px; }
.honor-list li span { display: inline-block; float: left; color: #fff; line-height: normal; font-size: 16px; width: 254px; margin-left: 28px; }
.honor-list li figure { float: left; line-height: normal; overflow: hidden; }
.honor-list li figure img { display: block; max-width: 375px; height: auto; }

#proPage { position: fixed; top: 0; left: 0; right: 0px; bottom: 0px; z-index: 1006; background: rgba(0,0,0,0.9); background: #000\9; filter: alpha(opacity=90); overflow: hidden; -webkit-overflow-scrolling: touch; display: block; visibility: hidden; z-index: 1010; opacity: 0; transition: 560ms; }
.pro-bd { left: 50%; width: 860px; margin-left: -430px; cursor: default; opacity: 0; transform: scale(0.9) translateY(100%); -webkit-transform: scale(0.9) translateY(100%); -moz-transform: scale(0.9) translateY(100%); position: absolute; top: 50%; visibility: hidden; z-index: 1020; }
.closes { position: absolute; overflow: hidden; height: 21px; width: 21px; right: 16px; top: 16px; z-index: 1030; cursor: pointer; background-color: #B0000D; background: url(../images/close1.png) no-repeat scroll center center; transition: 480ms; }
.closes:hover { transform: rotate(180deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); }
html.openPH body { -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; transition: all 0s; }
html.openPH #proPage { overflow-y: auto; }
html.openPH .honorfix { overflow-y: auto; }

html.openPH #proPage .pro-bd { top: 0; position: absolute; box-sizing: border-box; margin-top: 0 !important; }
html.openPH #proPage .pro-bd1 { width: 1100px; left: 50%; }
.pro-page { position: relative; }
html.openPro #proPage { visibility: visible; opacity: 1; transition: 560ms; }
html.openPro .pro-bd { opacity: 1; transform: scale(1) translateY(0); transition: 650ms 150ms; -webkit-transition: 650ms 150ms; -webkit-transform: scale(1) translateY(0); -moz-transform: scale(1) translateY(0); visibility: visible; }



.business.article-block .owl-carousel .owl-item { opacity: 0; position: relative; top: 45px; }
.business.articleShow .owl-carousel .owl-item { opacity: 1; top: 0; }
.special-item.article-block { opacity: 0; left: 50px; }
.special-item.articleShow { opacity: 1; left: 0; transition: 588ms 120ms; }
.special-img.article-block { opacity: 0; left: 50px; }
.special-img.articleShow { opacity: 1; left: 0; transition: 588ms 420ms; }
.special-info .special-img:nth-child(2).articleShow { transition: 588ms 420ms; }
.special-info .special-img:nth-child(3).articleShow { transition: 588ms 720ms; }
.special-info .special-img:nth-child(4).articleShow { transition: 588ms 1020ms; }

.exhibite.article-block, .magazine.article-block { opacity: 0; top: 45px; }
.exhibite.articleShow, .magazine.articleShow { opacity: 1; top: 0; transition: 840ms 100ms; }
.magazine.articleShow { transition: 720ms 420ms; }
.speciaspan span { color: #ffffff; font-size: 32px; font-weight: bold; line-height: 80px; }
.newsd1 .dynamic-box { padding-top: 0; }
.new-list { display: none; }
.newindex .new-list:nth-child(1) { display: block; }
.sceclal-list { float: left; width: 75%; }

.cultures { background: #fff; }
.cultures h3 { color: #fff; padding-left: 70px; background: #253580; font-size: 12px; font-weight: normal; line-height: 21px; }
.culture-view { padding: 40px 70px 24px; }
.culture-view h2 { color: #323232; font-size: 26px; text-align: center; line-height: normal; margin-bottom: 22px; font-weight: normal; }
.culture-view p { color: #646464; font-size: 13px; line-height: 2; padding-bottom: 30px; border-bottom: 1px solid #d2d2d2; }
.culture-view small { padding-top: 10px; line-height: normal; color: #969696; }


.frameHtml1 .pro-bd { left: 50%; width: 754px; margin-left: -377px; cursor: default; opacity: 0; transform: scale(0.9) translateY(100%); -webkit-transform: scale(0.9) translateY(100%); -moz-transform: scale(0.9) translateY(100%); position: fixed; top: 50%; visibility: hidden; z-index: 1020; }
.frameHtml1 .closes { position: absolute; overflow: hidden; height: 21px; width: 21px; right: -55px; top: 0; z-index: 1030; cursor: pointer; background-color: #B0000D; background: url(../images/close2.png) no-repeat scroll center center; transition: 480ms; }
html.openPH .frameHtml1 .pro-bd { top: 0; position: absolute; width: 100%; left: 0; box-sizing: border-box; margin-top: 0 !important; margin-left: 0 !important; }
#pbNav { display: none !important; }
.dynamic-seled { padding-bottom: 14px; margin-bottom: 16px; border-bottom: 2px solid #a0a0a0; }
.dynamic-seled a { display: inline-block; float: left; line-height: normal; color: #323232; font-size: 18px; font-weight: bold; margin-right: 52px; padding-left: 20px; position: relative; }
.dynamic-seled a:before { content: ""; width: 11px; height: 11px; background: url(../images/dit.png) center no-repeat; position: absolute; left: 0; top: 50%; margin-top: -5px; transition: 300ms ease-in-out; opacity: 0; transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); visibility: hidden; }
.dynamic-seled a:hover, .dynamic-seled a.now { color: #253580; }
.dynamic-seled a:hover:before, .dynamic-seled a.now:before { opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); }
.projects-fix { margin-top: 82px; }
.projected li { width: 10%; float: left; position: relative; padding-top: 95px; height: 332px; background: #1a2661; text-align: center; transition: 430ms ease-in-out; }
.projected li:hover { background: #253580; }
.projected li.on { width: 50%; }
.projected li.on h4 { opacity: 0; visibility: hidden; }
.projected li.on .project-t { opacity: 1; visibility: visible; width: 100%; left: 0; }
.projected li.on .project-t .project-wr { opacity: 1; visibility: visible; margin-top: 0; transition: 560ms 430ms; }

.projected li:before { content: ""; width: 1px; height: 100%; background: #253580; position: absolute; right: 0; bottom: 0; }
.projected li:last-child:before { display: none; }
.projected li b { display: block; width: 32px; height: 32px; position: absolute; left: 32px; top: 22px; z-index: 10; transition: 300ms; }
.projected li:nth-child(1) b { background: url(../images/pro1.png) center no-repeat; }
.projected li:nth-child(2) b { background: url(../images/pro2.png) center no-repeat; }
.projected li:nth-child(3) b { background: url(../images/pro3.png) center no-repeat; }
.projected li:nth-child(4) b { background: url(../images/pro4.png) center no-repeat; }
.projected li:nth-child(5) b { background: url(../images/pro5.png) center no-repeat; }
.projected li:nth-child(6) b { background: url(../images/pro6.png) center no-repeat; }
.projected li h4 { display: block; width: 18px; color: #ebecf4; font-family: "微軟正黑體","微软雅黑"; font-size: 18px; margin: auto; line-height: 1.1; transition: 300ms; }
.projected li h4 i { display: block; height: 15px; }
.project-t { position: absolute; left: 50%; top: 0; width: 0%; height: 100%; background: #253580; opacity: 0; visibility: hidden; transition: 520ms ease-in-out; }
.project-wr { padding: 94px 22% 0; text-align: center; opacity: 0; margin-top: 40px; visibility: hidden; transition: 360ms 0ms; }
.project-wr h3 { color: #ebecf4; font-size: 26px; font-family: "微軟正黑體","微软雅黑"; line-height: normal; margin-bottom: 30px; text-align: center; }
.project-wr p { color: #ebecf4; font-size: 14px; font-family: "微軟正黑體","微软雅黑"; line-height: 2; text-align: left; }
.project-wr i { width: 14px; height: 42px; display: block; background: url(../images/arro.png) center no-repeat; position: absolute; left: 42px; bottom: 40px; }

/* Slider */
.slick-slider{ position:relative; display:block; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -ms-touch-action:none; touch-action:none; -webkit-tap-highlight-color:transparent;}

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* Dots */
.slick-slider{ margin-bottom:0;}

.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }
/*.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: 0.75; }*/


.map-content{ position:relative;}
.wechart{ position:absolute; right:0; bottom:-37px;}
.wechart img{ display:block; width:84px; height:auto;}
.wechart span{ display:block; text-align:center; color:#323232; line-height:1; margin-top:6px;}

/*首页产品*/
.inPro{ width:100%; background-color:#f2f2f2; padding:35px 0;}
.inPro .inProtit{ width:100%; height:auto; margin-bottom:50px;}
.inPro .inProtit img{ width:100%;}
/*inNewslist*/
.inNews{ height:auto; width:100%;}
.inNews .inNew_box{ width:1400px; margin:2% auto;}
.inNews .title{ width:100%; text-align:center; border-bottom:1px solid #ccc; padding-bottom:6px; font-size:24px; color:#444444; font-weight:900;}
.inNews .title span{ border-bottom:4px solid #e50012; padding-bottom:10px;}
.inNews .hotnew{ float:right; width:50%; height:auto; margin:20px 0 0; position:relative;}
.inNews .hotnew figure{ display:block; line-height:normal; overflow:hidden; width:70%; float:right;}
.inNews .hotnew figure img{ display: block; width:100%; height:auto; line-height:0; transition:640ms;}
.inNews .hotnew figure img:hover{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05);}
.inNews .hotnew .hottext{ width:35%; background:#ccc; position:absolute; left:0; top:0; height:100%;}
.inNews .hottext time{ display:block; width:75px; height:65px; background:#FFF; line-height:normal;}
.inNews .hottext time strong{ display:block; line-height:44px; color:#e50012; font-size:42px; text-align:center; font-weight:normal;}
.inNews .hottext time b{ display:block; text-align:center; color:#131313; line-height:normal; font-weight:normal;}
.inNews .newvies{ margin-top:10px; padding:0 5%;}
.inNews .newvies h2{ color:#ffffff; font-size:14px; line-height:normal; padding-bottom:10px; border-bottom:1px solid #fff; font-weight:normal; overflow:hidden;}
.inNews .newvies p{ color:#ffffff; font-size:13px; line-height:22px; margin-top:10px; height:85px; overflow:hidden;}
.inNews .newvies span{ display:inline-block; color:#fff; position:absolute; left:5%; bottom:5px;}
.inNews .newvies span:before{ content:""; width:0; height:1px; background:#fff; position:absolute; left:0; bottom:0; transition:254ms;}
.inNews .newvies span:hover:before{ width:100%;}
.inNews .list{ float:left; width:45%; height:auto; margin:20px 0 0;}
.inNews .list ul{ display:block; width:100%; height:auto;}
.inNews .list ul a{ display:block; width:100%; height:auto;}
.inNews .list ul a li{ height:auto; padding:10px;}
.inNews .list ul a li .time{ width:60px; padding:0 2% 2% 0; float:left; font-size:14px; border-right:1px solid #e6e6e6; text-align:center;}
.inNews .list ul a li .time strong{ font-size:18px; color:#e50012;}
.inNews .list ul a li .time b{ font-weight:400; color:#989898;}
.inNews .list ul a li figure{ float:right; width: calc(90% - 61px);}
.inNews .list ul a li figure h3{ color:#202020; font-size:14px; font-weight:400; margin:0 0 5px;}
.inNews .list ul a li figure span{ display:block; font-size:13px; height:40px; line-height:20px; overflow:hidden; color:#989898;}
.inNews .list ul a:hover{ background-color:#f8f8f8;}
/*inNewslist end*/
.foot{ background-color:#9199a4; background:linear-gradient(to bottom,#9199a4 0%,#727b87 90%,#6b717a 100%);}
.foot .main{ padding:30px 0; width:1400px; margin:0 auto;}
.foot .main .foot_01{ width:20%; float:left; height:auto;}
.foot .main h3{ color:#eaebed; font-size:16px;}
.foot .main .foot_01 p{ font-size:14px; line-height:25px;}
.foot .main .foot_01 p a{ color:#eaebed;}
.foot a:active,.foot a:hover{ color:#e50012;}
.foot .main .foot_02{ width:40%; float:left; height:auto;}
.foot .main .foot_02 p{ font-size:14px; line-height:25px; color:#eaebed;}
.foot .main .foot_03{ width:40%; float:left; height:auto;}
.foot .main .foot_03 a{ display:block; width:100%; margin:0 0 10px; cursor:pointer;}
.foot .main .foot_03 a img{ width:25px; float:left;}
.foot .main .foot_03 a span{ color:#eaebed; font-size:14px; display:block; line-height:25px; float:left; margin:0 0 0 5px;}
.foot .main .foot_03 a:hover span{ color:#171f23;}
.foot .main .foot_03 a.wea{ position:relative;}
.foot .main .foot_03 .wea .weaimg{ position:absolute; width:120px; height:120px; left:50px; top:-300px; background-image:url(../images/arrow-b.png); background-position:center bottom; background-repeat:no-repeat; background-size:20px 10px; transition:all 0.5s linear 0s; opacity:0;}
.foot .main .foot_03 .wea .weaimg img{ width:110px; padding:5px 0; vertical-align:middle; position:relative;}
.foot .main .foot_03 .wea:hover .weaimg{ top:-120px; opacity:1;}
.foot .footer{ background-color:#171f23; color:#fff; padding:5px 0;}
.foot .footer .footer_m{ width:1400px; margin:0 auto;}
.foot .footer a{color:#fff;}
/*foot end*/
.service_box{ padding:60px 0 0;}
.service_box .serfive_box{ width:100%; height:auto;}
.service_box .serfive_box .serfive_ti{ width:100%; height:auto; text-align:center; font-size:45px; color:#333; line-height:50px; padding:15px 0 80px;}
.service_box .serfive_box .serfive_main{ width:100%; height:auto;}
.service_box .serfive_box .serfive_main ul{ display:block; width:100%; height:auto; position:relative; padding-bottom:60px;}
.service_box .serfive_box .serfive_main ul li{ float:left; width:20%; height:auto; background-image:url(../images/ico_serbg1.png); background-position:center top; background-repeat:no-repeat; background-size:auto 100%; padding:60px 0; text-align:center;}
.service_box .serfive_box .serfive_main ul li h3{ font-size:25px; color:#FFF; line-height:25px;}
.service_box .serfive_box .serfive_main ul li p{ font-size:20px; line-height:40px; color:#FFF;}
.serfive_main .main_bot{ width:100%; height:auto; text-align:center; font-size:25px; color:#333; letter-spacing:10px; padding:25px 0 75px; position:relative;}
.serfive_main .main_bot:after{ content: ''; position:absolute; width:97px; height:4px; background-color:#d6000a; top:0; left:50%; margin-left:-48px;}
.service_box .service_menu{ width:100%; height:auto;} 
.service_box .service_menu ul{ display:block; width:100%; height:auto;}
.service_box .service_menu ul li{ float:left; width:20%; height:100px; text-align:center; line-height:100px; background-color:#dddddd; font-size:40px; color:#7e7d7d; font-weight:bolder;}
.service_box .service_menu ul li:first-child{ background-color:#d6d6d6;}
.service_box .service_menu ul li:last-child{ background-color:#d6d6d6;}
.service_box .service_menu ul li:nth-child(3){ background-color:#d6000a; color:#FFF;}
.service_box .service_menu .conWidth h1{ width:100%; height:auto; padding:85px 0; text-align:center; line-height:50px; font-size:35px; color:#333; font-weight:550;}
.service_box .service_menu .conWidth #certify{ position:relative; width:100%;}
#certify .swiper-container{ padding-bottom:120px;}
#certify .swiper-slide{ width:52%; height:auto; background:#fff;/* box-shadow:0 8px 30px #ddd;*/}
#certify .swiper-slide img{ display:block; width:100%; vertical-align:middle;}
#certify .swiper-slide p{ font-size:18px; text-align:center; color:#424141; font-weight:600; padding:20px 0;}
#certify .swiper-slide a.ico_qq{ font-size:20px; color:#FFF; background-color:#f59f19; display:block; width:160px; height:48px; line-height:48px; text-align:center; margin:0 auto; border-radius:7px;}
#certify .swiper-slide p .swiper-a{ color:#424141;}
#certify .swiper-slide p .swiper-a:hover{ color:#f59f19;}
/*服务与支持 end*/
.service_box .service_faq{ width:100%; height:auto;}
.service_faq .serfaq_box{ width:100%; height:auto; padding:80px 0;}
.service_faq .serfaq_box .serfaq_ti{ width:100%; text-align:center; height:auto; font-size:45px; color:#333333; line-height:50px;}
.service_faq .serfaq_box dl{ width:100%; height:auto; padding-top:50px;}
.service_faq .serfaq_box dl dd{ float:left; width:20%; height:auto; text-align:left; margin-right:2%; margin-top:50px;}
.service_faq .serfaq_box dl dd img{ width:160px; vertical-align:middle;}
.service_faq .serfaq_box dl dd .faq_ti{ width: calc(100% - 20px); height:auto; line-height:25px; font-size:16px; color:#666666; margin:40px 0 5px; padding:0 0 0 20px; text-align:left; background-image:url(../images/ico_tbo.png); background-position:left center; background-repeat:no-repeat; background-size:14px auto;}
.service_faq .serfaq_box dl dd .faqti_box{ width:100%; height:auto;}
.service_faq .serfaq_box dl dd .faqti_box a{ display:block; line-height:35px; font-size:16px; text-align:left; color:#666666; padding:0 0 0 15px; background-image:url(../images/ico_tri.png); background-position:left center; background-repeat:no-repeat; background-size:9px auto;}
.service_faq .serfaq_box dl dd .faqti_box a:hover{ color:#d70d06;}
.service_faq .serfaq_box dl dd:nth-child(1){ width:40%;}
.service_faq .serfaq_box dl dd:nth-child(1) .faqti_box a{ width: calc(25% - 15px); float:left;}
.service_faq .serfaq_box dl dd:nth-child(2) .faqti_box a{ width: calc(50% - 15px); float:left;}
.service_faq .serfaq_box dl dd:nth-child(3) .faqti_box a{ width: calc(50% - 15px); float:left;}
.service_faq .serfaq_box dl dd:nth-child(4){ width:14%; margin-right:0;}
.service_faq .serfaq_box dl dd:nth-child(5){ margin-right:1%;}
.service_faq .serfaq_box dl dd:nth-child(5) .faqti_box a{ width: calc(50% - 15px); float:left;}
.service_faq .serfaq_box dl dd:nth-child(6){ width:23%; margin-right:1%;}
.service_faq .serfaq_box dl dd:nth-child(7){ width:19%; margin-right:1%;}
.service_faq .serfaq_box dl dd:nth-child(8){ width:19%; margin-right:1%;}
.service_faq .serfaq_box dl dd:nth-child(9){ width:15%; margin-right:0;}
.service_box .serfaq_info{ width:100%; height:auto; padding-bottom:80px; margin-top:60px; background-color:#f2f2f2;}
.service_box .serfaq_info .faginfo_ti{ width:100%; height:auto; text-align:center; font-size:48px; color:#333; padding:30px 0 50px;}
/*常见问题 end*/
.service_box .sertrain_ti{ width:100%; height:auto; background-color:#e5e5e5; margin:45px 0; padding:50px 0;}
.service_box .sertrain_ti p{ width:100%; text-align:center; height:auto; font-size:20px; color:#666666;}
.service_box .sertrain_box{ padding:20px 0 60px;}
.service_box .sertrain_box ul{ width:100%; height:auto;}
.service_box .sertrain_box ul li{ float:left; width:22%; height:auto; margin-right:4%;}
.service_box .sertrain_box ul li:last-child{ margin-right:0;}
.service_box .sertrain_box ul li img{ width:100%; vertical-align:middle;}
.service_box .sertrain_box ul li p{ font-size:18px; color:#333333; width:100%; text-align:center; line-height:25px; padding:20px 0;}
.service_box .sertrain_box .sertrain_bot{ width:100%; height:auto; text-align:center; padding:40px 0 20px;}
.service_box .sertrain_box .sertrain_bot p{ width:100%; text-align:center; font-size:22px; color:#333333; margin-bottom:20px;}
.service_box .sertrain_box .sertrain_bot img{ vertical-align:middle;}
/*培训信息 end*/
.culture-top h3{ color:#d60009; font-weight:bold;}
/*Case end*/
.message{ width:100%; height:auto; margin-top:64px;}
.message form{ display:block; margin:0;}
.message form .form-m1{ width:100%; height:auto;}
.message form .form-m1 .form-m1-Left{ float:left; width:48%;}
.message form .form-m1 .form-m1-li{ position:relative; background:#ccc; padding:10px 2%; margin-bottom:15px; padding-top:10px;}
.message form .form-m1 .form-m1-Left .form-m1-li label{ width:5em; display:inline-block; color:#666; vertical-align:middle;}
.message form .form-m1 .form-m1-Left .form-m1-li input{ height:28px; line-height:28px; width:82%; background:transparent; border:none;}
.message form .form-m1 .form-m1-right .form-m1-li label{ width:5em; display:inline-block; color:#666; vertical-align:top;}
.message form .form-m1 .form-m1-right .form-m1-li textarea{ height:209px; width:85%; background:transparent; border:none;}
.message form .form-m1 .form-m1-right{ float:right; width:48%;}
.message form .form-m1 .form-m1-btn{ clear:both; text-align:center; padding-top:40px;}
.message form .form-m1 .form-m1-btn ._submit{ background:#f59f19; display:block; width:120px; height:32px; line-height:32px; font-size:15px; color:#FFF; text-align:center; border:0; margin:0 auto;}
/*Message end*/
.coop{ width:100%; height:auto;}
/*Cooperation end*/
.prolist_box{ width:100%; height:auto; margin:60px 0 0;}
.prolist_box .intro_l{ width: calc(100% - 950px); height:auto; float:left;}
.prolist_box .introducts{ width:900px; height:auto; float:right;}
.prolist_box .about_loca{ width:100%; height:auto; margin-bottom:30px;}
.prolist_box .probox_main{ width:100%; height:auto; padding-bottom:70px;}
.prolist_box .probox_main .probox_l{ width:53%; float:left; height:auto;}
.prolist_box .probox_main .probox_l h1{ font-size:36px; color:#d70d06; font-weight:500;}
.prolist_box .probox_main .probox_l .probox_txt{ width:100%; height:auto;}
.prolist_box .probox_main .probox_l .probox_txt p{ font-size:14px; color:#666666; line-height:25px; margin-top:20px;}
.prolist_box .probox_main .probox_r{ width:45%; float:right; height:auto; margin-left:2%;}
.prolist_box .probox_main .probox_r .business-info{ width:100%; height:auto;}
.prolist_box .probox_main .probox_r .business-info .business-wr{ float:left; width:45%; margin-left:5%; margin-bottom:25px; height:auto;}
.prolist_box .probox_main .probox_r .business-info .business-wr a{ display:block;}
.prolist_box .probox_main .probox_r .business-info .business-wr a .bussine{ border:2px solid #e1e1e1; width: calc(100% - 14px); height:auto; position:relative; padding:5px;}
.prolist_box .probox_main .probox_r .business-info .business-wr a .bussine img{ width:74%; padding:0 13%;}
.prolist_box .probox_main .probox_r .business-info .business-wr a .bussine p{ color:#333; line-height:50px; height:50px;}
.prolist_box .probox_main .probox_r.owl-theme .owl-controls .owl-page span { padding: 0; margin: 0; width: 23px; height: 10px; border-radius: 5px; text-indent: 999px; overflow: hidden; background: #bfbfbf; transition: 323ms; }
.prolist_box .probox_main .probox_r.owl-theme .owl-controls .owl-page { margin-right: 10px; }
.prolist_box .probox_main .probox_r.owl-theme .owl-controls .owl-page:last-child { margin-right: 0; }
.prolist_box .probox_main .probox_r.owl-theme .owl-controls .owl-page.active span{ width:43px; background:#ce0108;}
.prolist_box .intro_l .subNavBox{ width:100%; height:auto;}
.prolist_box .intro_l .subNavBox .subNav{ cursor:pointer; font-size:16px; color:#666666; line-height:30px;}
.prolist_box .intro_l .subNavBox .subNav a{ color:#666666;}
.prolist_box .intro_l .subNavBox .subNav a i{ display:block; float:left; width:15px; height:30px; margin-right:5px; background:url(../images/ico_tri.png); background-position:center center; background-repeat:no-repeat; transition:all 0.1s linear 0s;}
.prolist_box .intro_l .subNavBox .subNav:hover a{color:#d70d06;}
.prolist_box .intro_l .subNavBox .subNav:hover a i{ transform: rotate(90deg); -webkit-transform: rotate(90deg);}
.prolist_box .intro_l .subNavBox .currentDd a{color:#d70d06;}
.prolist_box .intro_l .subNavBox .currentDd a i{ transform: rotate(90deg); -webkit-transform: rotate(90deg);}
.prolist_box .intro_l .subNavBox .navContent{ display:none;}
.prolist_box .intro_l .subNavBox .navContent .subNav_div a{ display:block; padding:0 0 0 34px; font-size:14px; line-height:20px; color:#666666; cursor:pointer;}
.prolist_box .intro_l .subNavBox .navContent .subNav_div a:hover,.prolist_box .intro_l .subNavBox .navContent .subNav_div a.zhong{ color:#d70d06;}
.prolist_box .introducts .proinfo_img{ width:100%; height:auto;}
.prolist_box .introducts .proinfo_img h1{ font-size:34px; color:#d70d06; font-weight:500; margin-bottom:20px;}
.prolist_box .introducts .proinfo_img .mr_frbox{ width:100%; height:auto; position:relative;}
.prolist_box .introducts .proinfo_img .mr_frbox .mr_frBtnL{ width:60px; cursor:pointer; position:absolute; top:50%; margin-top:-30px; left:0;}
.prolist_box .introducts .proinfo_img .mr_frbox .mr_frBtnR{ width:60px; cursor:pointer; position:absolute; top:50%; margin-top:-30px; right:0;}
.prolist_box .introducts .proinfo_img .mr_frbox .mr_frUl{ width: calc(100% - 120px); height:auto; padding:0 60px;}
.prolist_box .introducts .proinfo_img .mr_frbox .mr_frUl ul{ width:100%; height:auto;}
.prolist_box .introducts .proinfo_img .mr_frbox .mr_frUl ul li{ float:left; width:100%; overflow:hidden; position:relative;}
.prolist_box .introducts .proinfo_img .mr_frbox .mr_frUl ul li img{ width:80%; vertical-align:middle; padding:0 10%;}
.prolist_box .proinfo_con{ width:100%; height:auto; margin-top:70px; background-color:#f2f2f2; padding-bottom:100px;}
.prolist_box .proinfo_con dl{ width:100%; height:auto;}
.prolist_box .proinfo_con dl dt{ width:500px; height:auto; padding:95px 0 50px; margin:0 auto;}
.prolist_box .proinfo_con dl dt li{ float:left; width:220px; height:45px; list-style-type:none; border:1px solid #999999; border-radius:8px; background-color:#FFF; box-shadow:0px 0px 10px rgba(0,0,0,0.5);}
.prolist_box .proinfo_con dl dt li a{ display:block; width:100%; height:45px; line-height:45px; text-align:center; font-size:24px; color:#6a6868; cursor:pointer;}
.prolist_box .proinfo_con dl dt li:last-child{ float:right;}
.prolist_box .proinfo_con dl dt li:hover,.prolist_box .proinfo_con dl dt li.on{ background-color:#999999;}
.prolist_box .proinfo_con dl dt li:hover a,.prolist_box .proinfo_con dl dt li.on a{ color:#FFF;}
.prolist_box .proinfo_con dl dd{ width:90%; height:auto; padding:0 5%;}
.prolist_box .proinfo_con dl dd .sx{ display:none;}
/*prolist end*/
/*详情页上下翻页*/
.Staffpage{ padding:1% 0; border-top:1px solid #ebebeb;}
.Staffpage .page-list{ text-align:left;}
.Staffpage .page-list a{ display:block; line-height:30px; color:#707070; font-size:14px; cursor:pointer;}
.Staffpage .page-list a:hover{ color:#d60009;}
/*详情页上下翻页*/
.member-b .proinfo-ti{ width:100%; height:40px; line-height:40px; background-color:#d60009; margin:20px 0;}
.member-b .proinfo-ti span{ font-size:16px; padding:0 0 0 20px; color:#FFF;}
/*pro-info end*/