@charset "utf-8";



@font-face {
    font-family: 'helvetica_neue_ltregular';
    src: url('../fonts/helveticaneuelt-mediumcond-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneuelt-mediumcond-webfont.woff') format('woff');
    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-color: #fff; _background-attachment:fixed; 
_background-image:url(about:blank); background:#fff;}
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; }
img { border: 0; }
table { border-collapse: collapse; border-spacing: 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; }
::-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()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
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; }
.inner {width: 98%;margin: 0px auto;}
.inner2 { width: 1050px; margin: 0px auto;}

.xzy-share-box{ position: absolute; z-index: 800; width: 118px; left: 50%; top: 25px; border: 1px solid #bcbcbc; background-color: #fff; display: none;}
.xzy-share-box span,.xzy-share-box a{ padding: 10px 0px; display: block; color: #8d8d8d; text-align: center; line-height: 1.2; cursor: pointer;}
.xzy-share-box .ico{ width: 34px; height: 34px; display: block; margin: 0px auto;}
.xzy-share-box .weixin{ border-top: 1px solid #bcbcbc;}
.xzy-share-box .tsina .ico{ background: url(../images/xshare1.png) no-repeat scroll center center;}
.xzy-share-box .weixin .ico{ background: url(../images/xshare2.png) no-repeat scroll center center;}
.xzy-share-box span:hover,.xzy-share-box a:hover{ color: #fff;}
.xzy-share-box .tsina:hover .ico{ background-image: url(../images/xshare11.png);}
.xzy-share-box .weixin:hover .ico{ background-image: url(../images/xshare22.png);}
.xzy-share-box .tsina:hover{ background-color: #d52b2a;}
.xzy-share-box .weixin:hover{ background-color: #86c610;}
.xzy-share-btn:hover .xzy-share-box{ display: block;}
.xzy-share-box .zwbox{ position: absolute; top: -25px; height: 25px; background: none transparent; width: 100%; padding: 0px; margin: 0px;}

.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%; }
.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; }

/*header*/
.header-box{ background:#fff;position:relative; }
.header{ position:relative; padding:0 26px 0 40px;}

.header-ri{ float:right;}
.nav{float:left;margin-right: 27px;}
.nav li.nav_li{ float:left; margin-left:26px;}
.nav li.nav_li a.nav_lia{display:inline-block;padding:0 2px;color:#323232;font-size: 18px;padding-bottom:7px;transition:560ms;line-height:24px;position:relative;}
.nav li.nav_li a.nav_lia:before{ content:""; width:100%; height:2px; background:#3268ae; position:absolute; left:0; bottom:4px; opacity:0; transition:440ms;}
.nav li.nav_li:hover a.nav_lia:before,.nav li.nav_li.current a.nav_lia:before{ bottom:-15px; opacity:1;}
.edition{ float:left; line-height:normal; height:16px; margin-top:5px; border-left:1px solid #7b7b7b; position:relative;}
 .edition span{ display:block; padding-left:22px; padding-right:15px; position:relative; cursor:pointer; width:62px;}
 .edition span i{ display:inline-block; color:#7b7b7b; font-size:15px; line-height:16px; font-style:normal;} 
 .edition span:before{ content:""; width:11px; height:8px; background:url(../images/down.png) center no-repeat; position:absolute; right:0; top:3px;}
 .edition ul{ padding-left:22px; width:75px; position:absolute; left:0; top:16px; background:#fff; padding-top:5px; padding-bottom:5px; display:none;}
 .edition ul li{ margin-bottom:3px;}
 .edition ul li a{ display:block; line-height:normal; color:#7b7b7b; font-size:15px;}
.share{ float:left; margin-left:24px; margin-top:1px;}
.share a{ display:block; float:left; width:20px; height:21px; margin-right:23px; margin-top:1px;}
.share a.sharea{ background:url(../images/share.png) center no-repeat; margin-right:0;}
.share a.sharea:hover{ background:url(../images/share1.png) center no-repeat;}

.menuBtn{ position:absolute; right:30px; top:4px; width:38px; height:24px; cursor:pointer; display:none; z-index:99;}
.menuBtn .burger{ display:block; width:100%; height:5px; position:absolute; left:0; background:#1b1b1b; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; transition:transform 277ms ease-in-out; -o-transition:transform 277ms ease-in-out; -ms-transition:transform 277ms ease-in-out; -moz-transition:transform 277ms ease-in-out;}
.menuBtn .burger-1{ top:0;}
.menuBtn .burger-3{ bottom:0;}
.menuBtn.active .burger-1 { top:8px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.menuBtn.active .burger-3 { top:8px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.iphemake{ display:none; width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,0.8); z-index:990; visibility:hidden; opacity:0; transition:750ms 200ms;}
.menu-fiex{ width:460px; text-align:center; background:#eeeeee; position:fixed; height:100%; right:-460px; top:0; display:none; z-index:999; padding-bottom:68px; box-sizing:border-box; z-index:999; transition:680ms; visibility:hidden;}
.menu-wr{ position:fixed; width:460px; top:0; right:-460px; height:100%; overflow-y:auto; overflow-x:hidden; transition:680ms;}
.menu-wr.fix .editebtn{ position:static; margin-bottom:25px;}
.menu-fiex.on{ right:0; visibility:visible;}
.menu-fiex.on .menu-wr{ right:0;}
.menu-fiex.on .close{ left:-48px;}
.iphemake.on{ opacity:1; visibility:visible;}

.mtop{ height:0; display:none;}
.iphone-logo{ margin-top:25px;}
.iphone-logo img{ width:210px; height:auto;}
.mune-list{ text-align:centerl; margin-top:64px;}
.mune-list >li{ margin-bottom:3px;}
.mune-list >li >a{ display:block; text-align:center; color:#323232; font-size:26px; height:52px; line-height:52px; position:relative; transition:540ms;}
.mune-list >li >a.on,.mune-list >li >a:hover{ background:#013154; color:#fff;}
.mune-list >li >a.on:before,.mune-list >li >a:hover:before{ bottom:-6px; visibility:visible; opacity:1;}
.mune-list >li >a:before{ content:""; width:12px; height:6px; position:absolute; left:50%; margin-left:-6px; bottom:0px; transition:540ms; background:url(../images/down1.png) center no-repeat; visibility:hidden; opacity:0;}
.leval-menu{ padding:20px 0 25px 9.8%; background:#dcdcdc; border-bottom:1px solid #e76e31; display:none;}
.leval-menu li{ width:50%; float:left;}
.leval-menu li a{ display:block; text-align:left; line-height:40px; color:#323232; font-size:20px;}
.leval-menu li a:hover,.leval-menu li a:focus{ color:#013154;}
.editebtn{ width:100%; padding:0 26px 0 20px; box-sizing:border-box; margin-top:100px; position:absolute; left:0; bottom:30px;}
.editebtn >a{ display:inline-block; float:left; padding-left:52px; color:#7b7b7b; font-size:20px; position:relative;}
.editebtn >a:before{ content:""; width:39px; height:32px; background:url(../images/scale.png) center no-repeat; transition:750ms; position:absolute; left:0; top:3px;}
.editebtn >a:hover:before,.editebtn >a:focus:before{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.share-fix{ float:right;}
.share-fix a{ display:block; float:left; width:37px; height:38px; margin-right:24px; transition:740ms;}
.share-fix a:nth-child(1){ background:url(../images/share2.png) center no-repeat;}
.share-fix a:nth-child(2){ background:url(../images/search2.png) center no-repeat; margin-right:0;}
.share-fix a:nth-child(1):hover{ background:url(../images/share3.png) center no-repeat;}
.share-fix a:nth-child(2):hover{ background:url(../images/search3.png) center no-repeat;}
.search{ float:left; margin-right:12px; border:1px solid #e5e5e5; border-radius:15px; margin-top:-5px;}
.search input[type=text]{ width:100px; color:#323232; font-size:14px; font-family:微软雅黑; border:none; background:none; outline:none; height:30px; line-height:30px; padding:0; padding-left:10px; float:left;}
.search input[type=button]{ float:left; border:none; outline:none; width:26px; height:30px; background:url(../images/search.png) left center no-repeat; cursor:pointer; transition:540ms;}
.search input[type=button]:hover{ background:url(../images/search1.png) left center no-repeat;}
.close{ display:block; width:32px; height:31px; position:absolute; left:0; top:26px; background:url(../images/close.png) center no-repeat; z-index:10; transition:650ms;}
.close:focus,.close:hover{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}

/*banner*/
.banner { width: 100%; margin: 0px auto; overflow: hidden; color: #fff; background-color:#969696; position: relative;}
.banner .slides{ position:relative; z-index:20;}
.banner .slides li{ -webkit-transition:opacity 1s cubic-bezier(.165, .74, .44, 1);transition:opacity 1s cubic-bezier(.165, .74, .44, 1);}
.banner .slides .bimg{ -webkit-transition:opacity 1s cubic-bezier(.165, .74, .44, 1),transform 1s cubic-bezier(.165, .74, .44, 1);transition:opacity 1s cubic-bezier(.165, .74, .44, 1),transform 1s cubic-bezier(.165, .74, .44, 1);}
.banner .slides li.sc-b-c .bimg{ transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0;}
.banner .slides li img{ display:block; width:100%; height:auto; position:relative;}
.banner .bimg { width: 100%; display: block; }

.baTxts{ position:absolute; left:50%; margin-left:-584px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); z-index:200;}

.baTxts h2{ margin-bottom:36px; font-size:58px; color:#ffffff; text-align:center;}
.baTxts b{ display:block; width:0; height:2px; background:#fff; margin:auto;}
.baTxts small{ width:380px; margin:auto; text-align:center; color:#ffffff; display:block; margin-top:26px; font-size:14px; font-family:"Arial"; font-style:italic; line-height:1.8;}
.banner .en.transy{ transition:700ms 300ms; -webkit-transition:700ms 300ms;}
.banner .baTxts b.transy{ transition:800ms 500ms;}
.banner .baTxts small.transy{ transition:1000ms 700ms;}

.transy{ transform:translateY(60px); -webkit-transform:translateY(60px); transition-timing-function:ease-out; -webkit-transition-timing-function:ease-out; transition:700ms; -webkit-transition:700ms; opacity:0; }
.banner li.transShow .en.transy,.banner li.transShow .zh.transy,.banner li.transShow small.transy{  transform:translate(0,0); -ms-transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.banner li .baTxts b.transy{ transform:translate(0,0); -ms-transform:translate(0,0); -webkit-transform:translate(0,0);}
.banner li.transShow .baTxts b.transy{ width:115px; opacity:1;}
.transShow{ transform:translate(0,0); -ms-transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1; }
.banner .flex-control-nav{ text-align:center; position:absolute; left:0; bottom:14px; width:100%; z-index:999;}
.banner .flex-control-nav li{ display:inline-block; margin-right:12px;}
.banner .flex-control-nav li a{ display:block; width:13px; height:13px; text-indent:999px; overflow:hidden; border-radius:50%; background:#fff;}
.banner .flex-control-nav li a.flex-active{ background:#fcb800;}

.bannerText{display:none; height:230px; position:absolute; left:50%; top:50%; margin-left:-500px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); z-index:20;}
.bann{ width:840px; height:230px; background:rgba(0,52,89,0.4); box-sizing:border-box; padding:40px 27px 0 40px; position:relative;}
.banne-list{ position:relative; height:100%;}
.banne-list li{ opacity:0; transform:translateY(30px); -webkit-transform:translateY(30px); -moz-transform:translateY(30px); transition:1000ms 200ms;  position:absolute; left:0; top:0; width:100%; height:100%; visibility:hidden;}
.banne-list h3{ color:#ffffff; font-size:32px; line-height:60px; visibility:hidden; opacity:0; float:left; font-weight:normal} 
.technology{  width:170px; opacity:0; float:right; position:relative;  box-sizing:border-box; padding-top:14px; font-family:"helvetica_neue_ltregular"; font-size:25px; line-height:normal; border-bottom:1px solid #fff; padding-bottom:14px;}
.technology small{ line-height:30px; color:#ffffff; font-size:25px; font-family:Arial; font-family:"Arial";}
.technology i{ width:126px; height:1px; background:#fff; position:absolute; right:0; top:1px;}
.technology b{ display:block; width:0; height:1px; background:#e68333; position:absolute; left:0; top:1px; transition:500ms 600ms;}

.bannerbg{ display:none;}
.banne-list li.on{ opacity:1; visibility:visible; transform:translateY(0); }
.banne-list li.on h3{ visibility:visible; opacity:1;}
.banne-list li.on .technology{ opacity:1; }
.banne-list li.on .technology b{ width:35px; }
.bamnline{ position:absolute; left:0; bottom:0; width:100%; height:3px; background:#023257;}
.bamnline span{ display:block; width:0; height:3px; background:#e68333;}
.bamnline.load span{ width:100%; transition:5s linear; -webkit-transition:5s linear; -moz-transition:5s linear; }
.banner .flex-direction-nav{ display:none; width:840px; height:12px; position:absolute; left:50%; margin-left:-500px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); margin-top:90px; z-index:300;}
.banner .flex-direction-nav li{ width:7px; height:11px;}
.banner .flex-direction-nav li a{ display:block; width:100%; height:100%; text-indent:999px; overflow:hidden; }
.banner .flex-direction-nav li:nth-child(1){ position:absolute; left:8px; bottom:0;}
.banner .flex-direction-nav li:nth-child(2){ position:absolute; right:8px; bottom:0;}
.banner .flex-direction-nav li a.flex-prev{ background:url(../images/prev.png) center no-repeat; }
.banner .flex-direction-nav li a.flex-next{ background:url(../images/next.png) center no-repeat;}
.numble{ position:absolute; left:47px; bottom:8px; z-index:400;}
.numble .defual{ float:left; color:#ffffff; font-size:20px; font-family:"Arial"; margin-right:3px;}
.numble .defual:nth-child(2){ font-size:14px; margin-top:6px;}
.numble .defual b{ font-weight:normal;}

.downs{ width:27px; height:37px; background:url(../images/mdown.png) center no-repeat; position:absolute; left:50%; margin-left:-13px; bottom:38px; z-index:99; cursor:pointer;}

.technical{ padding:30px 0; width:1165px; margin:auto; position:relative; z-index:20;}
.technical-list{ position:relative;}
.technical-list li{  height:188px; width:22%; float:left; position:relative; margin-right:4%; text-align:center;}
.technical-list li:last-child{ margin-right:0;}
.technical-list li a{ display:inline-block; margin:auto;}
.technical-list li figure{ display:block; line-height:0; position:relative; overflow:hidden; width:150px; height:188px; text-align:center; float:right; transition:600ms;}
.technical-list li figure img{ display:block; margin:auto; width:116px; height:188px;}
.technical-list li figure mark{ display:block; width:150px; height:150px; background:url(../images/adius.png) center no-repeat; position:absolute; left:0; top:23px; border-radius:50%; transition:750ms; opacity:0;}
.technical-list li figure mark h4{ text-align:center; color:#ffffff; font-size:14px; margin-top:56px; display:block; width:100%; height:14px; opacity:0; transform:translateY(15px); -webkit-transform:translateY(15px); -moz-transform:translateY(15px); transition:600ms 200ms; font-weight:normal; }
.technical-list li figure mark span{ display:block; width:25px; height:25px; margin:auto; background:url(../images/load.png) center no-repeat; margin-top:16px; transition:500ms 400ms; transform:translateY(10px); -webkit-transform:translateY(10px); -moz-transform:translateY(10px); opacity:0;}
.technical-list li figcaption{ position:absolute; left:-25px; text-align:left; top:54px;transition:640ms 300ms;}
.technical-list li figcaption h3{ color:#646464; font-size:14px; height:26px; position:relative; transition:500ms; font-weight:normal;}
.technical-list li figcaption h3 small{ width:62px; height:1px; background:#d2d2d2; position:absolute; left:0; bottom:0; transition:500ms;}
.technical-list li figcaption b{ line-height:20px; margin-top:10px; color:#b4b4b4; font-size:14px; font-family:Arial; font-weight:normal; display:block;}

.technical-list li:hover figcaption{ opacity:0; left:10px; transition:650ms 0ms;}
.technical-list li:hover figure{ margin-right:62px;}
.technical-list li:hover figure mark{ opacity:1;}
.technical-list li:hover figure mark h4{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}
.technical-list li:hover figure mark span{ transform:translateY(0); -moz-transform:translateY(0); -webkit-transform:translateY(0); opacity:1;}

.technical .flex-direction-nav li a.flex-prev{ display:block; width:11px; height:19px; background:url(../images/prev.png) center no-repeat; text-indent:999px; z-index:10; position:absolute; left:10px; top:50%; margin-top:-9px; overflow:hidden;}

.technical .flex-direction-nav li a.flex-prev{ display:block; width:11px; height:19px; background:url(../images/prev.png) center no-repeat; text-indent:999px; z-index:10; position:absolute; left:10px; top:50%; margin-top:-9px; overflow:hidden;}

.technical .flex-direction-nav li a.flex-next{ display:block; width:11px; height:19px; background:url(../images/next.png) center no-repeat; text-indent:999px; z-index:10; position:absolute; right:10px; top:50%; margin-top:-9px; overflow:hidden;}
.technical .flex-direction-nav li a:hover{ opacity:0.5;}
.iphone-pro{ display:none;}
.iphone-pro li{ width:25%; float:left; padding:42px 0 16px; border-right:1px solid #e5e5e5; text-align:center; box-sizing:border-box;}
.iphone-pro li:last-child{ border-right:none;}
.iphone-pro li figure{ display:block; line-height:normal; width:36.5%; margin:auto;}
.iphone-pro li figure img{ display:block; width:100%; height:auto;}
.iphone-pro li figcaption{ display:block; text-align:center; color:#000000; font-size:24px; line-height:normal; margin-top:22px;}

.new-box{ padding:64px 0; background:#ededed; overflow:hidden;}
.new{ width:1165px; margin:auto;}
.new-center{ padding:27px 22px 0 22px; background:#fff; height:272px; width:428px; position:relative; float:left;}
.swiper-slide{ height:100%;}
.new-title{ margin-bottom:16px; height:50px;}
.new-title h3{ color:#ff7f18; font-size:20px; float:left; font-weight:normal;}
.new-title h3 small{ display:inline-block; line-height:normal; color:#5b5b5b; font-size:20px; font-family:Arial; margin-left:6px;}
.new-title a{ display:block; width:18px; height:18px; float:right; margin-right:3px; border:1px solid #a0a0a0; margin-top:2px; position:relative; transition:620ms;}
.new-title a:before{ content:""; width:5px; height:5px; position:absolute; left:6px; top:6px; background:url(../images/add1.png) center no-repeat; transition:650ms;}
.new-title a:hover{ border-color:#ff7f18;}
.new-title a:hover:before{ background:url(../images/add2.png) center no-repeat; transform:rotate(180deg);}
.news{ width:423px; height:185px; border-top:1px solid #d3d3d3; padding-top:26px; box-sizing:border-box; position:absolute; right:22px; bottom:0;}
.new-list li figure{ display:block; line-height:0; float:left; overflow:hidden;}
.new-list li figure img{ display:block; transition:450ms;}
.new-list li:hover figure img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}
.new-list li:hover figcaption h3{ color:#ff8c2f;}
.new-list li figcaption{ float:left; width:160px; clear:right; padding-left:5px;}
.new-list li figcaption h3{ color:#5e5e5e; font-size:15px; line-height:20px; margin-bottom:14px; font-weight:normal;}
.new-list li figcaption p{ color:#aeaeae; font-size:12px; line-height:18px;}
.news .flex-direction-nav{ width:70px; height:26px; position:absolute; right:-22px; bottom:0;}
.news .flex-direction-nav a{ float:left; width:50%; display:block; height:26px; text-indent:999px; overflow:hidden;}
.news .flex-direction-nav a.flex-prev{ background:#e5e5e5 url(../images/prev.png) center no-repeat;}
.news .flex-direction-nav a.flex-next{ background:#e5e5e5 url(../images/next.png) center no-repeat;}
.news .flex-direction-nav a.flex-prev:hover{ background:#ff8c2f url(../images/prev.png) 40% center no-repeat;}
.news .flex-direction-nav a.flex-next:hover{ background:#ff8c2f url(../images/next.png) 60% center no-repeat;}
.company{ float:right;}
.profile{ padding:25px 0 0 0; width:254px; position:relative; height:273px; background:#fff; float:left;}
.profile .new-title{ padding:0 26px 0 28px; margin-bottom:14px;}
.profile .new-title h3 small{ margin-left:0;}
.profile-list p{ color:#aeaeae; cursor:pointer; line-height:18px; padding:0 32px 20px 32px;}
.profile-list p:hover{ color:#18a154;}
.profile-list li{ border-top:1px solid #e5e5e5;}
.profile-list li a{ display:block; height:53px; line-height:53px; color:#000000; font-size:15px; text-indent:28px; background:url(../images/pr.png) 216px center no-repeat;}
.profile-list li a:hover{ color:#009944; background-position:222px center;}
.company-img{ float:left; overflow:hidden;}
.company-img img{ display:block; transition:450ms; cursor:pointer;}
.company-img img:hover{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}
.city{ padding-left:26px; padding-right:13px; position:absolute; left:0; bottom:30px; box-sizing:border-box; width:100%;}
.city span{ display:none; line-height:normal; color:#000000; font-size:15px; padding-bottom:12px; border-bottom:1px solid #dcdcdc; opacity:0; visibility:hidden; transition:540ms;}
.city span:nth-child(1).on,.city span.on{ visibility:visible; opacity:1; display:block;}
.case-fix{width:402px; float:left; position:relative; line-height:normal;}
.case-fix ul li img{
width:400px;height:298px;
}
.case-fix ul li a{ display:block; line-height:0;}
.case-fix .flex-control-nav{ position:absolute; right:20px; bottom:15px;}
.case-fix .flex-control-nav li{ float:left; margin-left:8px;}
.case-fix .flex-control-nav li span{ text-indent:999px; overflow:hidden; width:13px; height:13px; display:inline-block; background:url(../images/radius1.png) center no-repeat; transition:540ms;}
.case-fix .flex-control-nav li a.flex-active span{ background:url(../images/radius2.png) center no-repeat;}
.tels{ width:1165px; margin:auto; margin-top:20px;}
.tels h2{ color:#ff8c2f; font-size:36px; font-weight:normal; line-height:normal; font-family:"helvetica_neue_ltregular"; padding-left:8px; font-weight:normal;}
.tels h2 small{ display:inline-block; color:#606060; font-size:17px; font-family:微软雅黑; margin-left:10px;}

/*footer*/
.footer-top{width: 1200px;margin:auto;padding:34px 0 42px;}
.address{ float:left; margin-left:6px;}
.address h2{ line-height:normal; font-size:30px; font-weight:normal; margin-bottom:12px;}
.address span{ display:block; font-size:14px;}
.address span b{ display:inline-block;}

.footer-top.article-block{ opacity:0; position:relative; top:30px; overflow:hidden;}
.footer-top.articleShow{ opacity:1; top:0; transition:100ms;}
.wechat{ float:right;}
.code{ float:right;}
.codeimg{ float:left; border:1px solid #e5e5e5; padding:2px;}
.codeimg img{ display:block; width:116px; height:116px;}
.code span{ display:block; width:24px; text-align:right; color:#646464; font-size:14px; margin-top:5px; float:left; line-height:15px;}
.eq-list{ float:left; width:156px; margin-top:2px;}
.eq-list a{ display:block; padding-left:54px; margin-bottom:22px; color:#646464; font-size:14px; line-height:45px;}
.eq-list a:last-child{ margin-bottom:0;}
.eq-list a:nth-child(1){ background:url(../images/weib.png) left center no-repeat;}
.eq-list a:nth-child(2){ background:url(../images/wa.png) left center no-repeat;}
.eq-list a:hover{ color:#ff8c2f;}
.footer-bottom{ background:#033257;padding: 7px 0;}
.footer-inner{ width:1156px; margin:auto;}
.footer-inner a{ display:inline-block; float:left; height:31px; line-height:31px; color:#ffffff; font-family:Arial; margin-right:22px;}
.footer-inner a:hover{ color:#ff8c2f;}
.footer-inner a:nth-child(2){ font-family:微软雅黑;} 

/*new*/
.innderbanner img{ width:100%; height:auto; display:block;}
.second-level{padding-top:34px;position:relative;width: 1200px;margin: 0 auto;}
.second-list{ padding-left:13px; position:static;}
.second-list >li{ float:left; padding-bottom:24px; width:auto; position:static;}
.second-list >li >a >i{ width:12px; height:6px; background:url(../images/top.png) center no-repeat; position:absolute; left:50%; margin-left:-6px; bottom:-24px; z-index:5; transition:650ms; opacity:0;}
.second-list >li >a{ display:inline-block; line-height:normal; padding:0 32px 11px; color:#323232; font-size:16px; position:relative;}
.second-list >li >a:before{ content:""; width:1px; height:23px; background:#a0a0a0; position:absolute; right:0; top:0px;}
.second-list >li:last-child >a:before{ display:none;}
.second-list >li >a:after{ content:""; width:68px; height:5px; background:#e56724; position:absolute; left:50%; margin-left:-34px; bottom:5px; transition:780ms; opacity:0;}
.second-list >li.now >a >i{ opacity:1;}
.second-list >li.now >a:after{ bottom:0; opacity:1;} 
.second-list >li.now .leval-fix{ opacity:1; visibility:visible;}
.leval-fix{ width:100%; background:#023459; position:absolute; left:0; top:90px; opacity:0; visibility:hidden; transition:650ms; box-sizing:border-box;}
.leval-fix li{ float:left; margin-right:3px; height:28px; margin-top:5px;}
.leval-fix li a{ display:inline-block; padding:2px 11px 0px; line-height:normal; font-size:14px; position:relative; overflow:hidden; height:26px;}
.leval-fix li a i{ display:inline-block; font-style:normal; color:#ffffff; position:relative; z-index:5; transition:480ms;}
.leval-fix li a:before{ content:""; width:100%; height:28px; background:#ededed; transition:650ms; position:absolute; left:0; top:100%; z-index:0;}
.leval-fix li a:hover i,.leval-fix li a.on i{ color:#323232;}
.leval-fix li a:hover:before,.leval-fix li a.on:before{ top:0;}
.leval-fix li:nth-child(1){ margin-left:50px;}
.swiper-button-next{ width:37px; height:29px; background:url(../images/prev4.png) center no-repeat; right:0; top:0; margin-left:0; margin-top:0; z-index:20; display:none;}
.swiper-button-prev{ width:37px; height:29px; background:url(../images/next4.png) center no-repeat; left:0; top:0; margin-left:0; margin-top:0; z-index:20; display:none;}

.new-fix{ background:#ededed; padding:54px 0 0;}
.new-ifno li{ transition:460ms;}
.new-ifno li .new-time{ transition:520ms;}
.new-ifno li .new-content{ cursor:pointer;}
.new-ifno li .new-content time{ display:inline-block; height:38px; line-height:38px; color:#646464; margin-left:25px; width:28.2%; float:left; transition:450ms;}
.new-ifno li .new-content span{ display:inline-block; float:left; line-height:38px; color:#323232; font-size:14px;}
.new-ifno li .new-content .new-more{ width:100px; height:38px; position:relative; float:right; visibility:hidden; transition:780ms; opacity:0; background:#d2d2d2;}
.new-ifno li .new-content .new-more b{ display:block; background:#fff; position:absolute; transition:680ms 200ms; opacity:0;}
.new-ifno li .new-content .new-more b:nth-child(1){ width:14px; height:1px; left:24px; top:19px;}
.new-ifno li .new-content .new-more b:nth-child(2){ width:1px; height:14px; left:51px; top:-5px;}
.new-ifno li:hover .new-time{ background:#d2d2d2;}
.new-ifno li:hover .new-time time{ color:#323232;}
.new-ifno li:hover .new-time .new-more{ visibility:visible; opacity:1; background:#e26c2a;}
.new-ifno li:hover .new-time .new-more b:nth-child(1){ opacity:1; left:44px;}
.new-ifno li:hover .new-time .new-more b:nth-child(2){ opacity:1; top:13px;}
.newdemo{ padding:18px 0; background:#fff; display:none;}
.new-in figure{ display:block; float:left; margin-left:22px; width:24%; float:left; line-height:0; overflow:hidden;}
.new-in figure img{ display:block; width:100%; height:auto; transition:650ms;}
.new-in:hover figure img{ transform:scale(1.1);}
.new-in:hover figcaption h4{ color:#e26c2a;}
.new-in:hover .datas span{ color:#e26c2a;}
.new-in figcaption{ margin-left:4.8%; width:50%; float:left;}
.new-in figcaption h4{ color:#323232; font-size:22px; line-height:normal; font-weight:normal; transition:540ms;}
.new-in figcaption p{ color:#646464; font-size:14px; margin-top:14px;}
.datas{ width:10%; float:right;}
.datas .datfix{ padding:8px 18px 6px 0; background:#e26c2a; text-align:right;}
.datas .datfix strong{ display:block; line-height:normal; text-align:right; font-weight:normal; color:#ffffff; font-size:25px;}
.datas .datfix b{ display:block; text-align:right; color:#ffffff; font-size:16px; line-height:normal; font-weight:normal;}
.datas span{ display:block; color:#323232; font-size:14px; margin-top:30px; transition:480ms;}
.page-info{width:100%;position:relative;line-height: 30px;font-size: 15px;}
.page-info a{font-weight: 600;}
.page-info a:hover{color: #e4242d;}

.pagenumble{position:absolute;left:50%;top:81px;margin-left:-15px;display: none;}
.pagenumble strong{ display:inline-block; color:#323232; font-size:22px; font-weight:normal;}
.pagenumble b{ display:inline-block; font-size:14px; color:#323232; font-weight:normal;}

/*新闻详情*/
.menu-fix{ background:#023459; padding-right:22px; text-align:right;}
.menu-fix a{ display:inline-block; color:#ffffff; line-height:28px;}
.menu-fix b{ display:inline-block; line-height:28px; font-weight:normal; margin:0 10px; color:#fff;}
.menu-fix a:hover{ color:#e26c2a;}
.new-view{ padding:50px 0;width:1200px;margin:0 auto; }
.view-title{ margin-bottom:60px; text-align:center;}
.view-title h3{ color:#323232; font-size:24px; text-align:center; font-weight:normal; line-height:normal; padding-bottom:32px; border-bottom:1px solid #d2d2d2;}
.view-title time{ display:block; text-align:center; margin-top:10px;}
.view-banner{ position:relative; padding:0 140px 12px 140px; border-bottom:1px solid #d2d2d2;}
.view-banner ul li figure{ display:block; line-height:normal; overflow:hidden;}
.view-banner ul li figure img{ display:block; width:100%; height:auto; line-height:0;}
.view-banner ul li figcaption{ display:block; text-align:center; color:#323232; font-size:14px; margin-top:18px;}
.view-banner .flex-prev{ width:19px; height:32px; text-indent:999px; overflow:hidden; transition:650ms; position:absolute; left:15px; top:50%; margin-top:-16px; background:url(../images/prev2.png) center no-repeat;}
.view-banner .flex-prev:hover{ background:url(../images/prev3.png) center no-repeat;}
.view-banner .flex-next{ width:19px; height:32px; text-indent:999px; overflow:hidden; transition:650ms; position:absolute; right:15px; top:50%; margin-top:-16px; background:url(../images/next2.png) center no-repeat;}
.view-banner .flex-next:hover{ background:url(../images/next3.png) center no-repeat;}
.view-text{ width:725px; margin:50px auto 50px;}
.view-text p{ color:#323232; font-size:14px; text-indent:26px; margin-bottom:10px;}
.view-text img{ max-width: 100% !important;height: auto !important}
/*公司介绍*/
.aboue-box{ background:#ededed;}
.about{ width:812px; margin:auto;}
.about-title{ padding:86px 0 80px;}
.about-title h2{ text-align:center; color:#00244b; font-size:35px; font-weight:normal; margin-bottom:30px;}
.about p{ color:#646464; font-size:14px; margin-bottom:10px; text-indent:26px;}
.abouttitle{ padding:135px 0; text-align:center;}
.abouttitle h3{ text-align:center; position:relative; color:#ffffff; font-size:50px; font-weight:normal; line-height:normal; padding-top:35px; padding-bottom:35px;}
.abouttitle h3:before{ content:""; width:54px; height:5px; background:#fff; position:absolute; left:50%; margin-left:-27px; top:0;}
.abouttitle h3:after{ content:""; width:54px; height:5px; background:#fff; position:absolute; left:50%; margin-left:-27px; bottom:0;}
.abouetext{ padding:72px 0 80px;}
.aboutfix{ height:50px;}

/*case*/
.case-banner{ padding:195px 0 270px;}
.case-banner h3{ color:#ffffff; font-size:50px; text-align:center; line-height:normal; position:relative; padding:20px 0; font-weight:normal;}
.case-banner h3:before{ content:""; width:76px; height:1px; background:#fff; position:absolute; left:50%; margin-left:-38px; top:0;}
.case-banner h3:after{ content:""; width:76px; height:1px; background:#fff; position:absolute; right:50%; margin-right:-38px; bottom:0;}

.case-box{padding:32px 60px 0;background:#ededed;margin-bottom: 50px;}
.case li{ width:24%; margin-right:1.333333%; background:#fff; position:relative; float:left; margin-top:32px;}
.case li figcaption:before{ content:""; width:100%; height:100%; left:0; top:-100%; background:#e56724; transition:750ms; position:absolute;}
.case li:nth-child(4n+4){ margin-right:0;}
.case li:hover figcaption:before{ top:0;}
.case li:hover figcaption time,.case li:hover figcaption h3{ color:#fff;}
.case li:hover figcaption .casemore:before{ opacity:1; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); transition:650ms 450ms;}
.case li:hover figcaption .casemore:after{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:650ms 450ms;}
.case li:hover figure:before{ height:7px; top:0;} 
.case li:hover figure img{ transform:scale(1.08);}
.case li:hover figcaption b{ width:86.2%;}
.case li figure{display:block;position:relative;height: 200px;overflow:hidden;}
.case li figure:before{ width:100%; height:0px; content:""; position:absolute; left:0; top:0; transition:750ms; background:#e56724; z-index:10;} 
.case li figure img{ width:100%; height:auto; display:block; line-height:0; transition:860ms;}
.case li figcaption{ display:block; padding:12px 6.9% 16px; position:relative; overflow:hidden;}
.case li figcaption time{ color:#969696; transition:480ms; position:relative; z-index:5;}
.case li figcaption h3{ color:#323232; font-size:15px; font-weight:normal; transition:480ms;height: 54px;overflow: hidden; position:relative; z-index:5;}
.case li figcaption b{ display:block; width:0; height:1px; background:#fff; position:absolute; left:6.9%; bottom:6px; z-index:5; transition:660ms 420ms;}
.case li figcaption .casemore{ width:22px; height:22px; position:absolute; right:6.9%; top:20px; z-index:5;}
.case li figcaption .casemore:before{ content:""; width:22px; height:1px; background:#fff; position:absolute; left:0; top:11px; transition:650ms 0; opacity:0; transform:translateX(20px); -webkit-transform:translateX(20px); -moz-transform:translateX(20px);}
.case li figcaption .casemore:after{ content:""; width:1px; height:22px; background:#fff; position:absolute; left:11px; top:0; transition:650ms 0; opacity:0; transform:translateY(-20px); -webkit-transform:translateY(-20px); -moz-transform:translateY(-20px);}

/*资质荣誉*/
.honor-box{ padding:100px 0 80px; background:#ededed;}


/*案例详情*/
/*.casebanner{ background:#023459;}
.casebanner .bannerText{ width:100%; height:3px; top:100%; left:0; margin-left:0; background:none; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}
.casebanner .bann{ width:100%; height:3px; padding:0; position:absolute; left:0; bottom:3px;}*/

.casevide{ padding:0; height:560px; background-size:cover !important; border-bottom:3px solid #e56724;}
.casefix-box{ background:#e2e6ff;}
.case-title{ padding:46px 0 66px;}
.case-title h3{padding-top:20px;color:#323232;font-size: 32px;font-weight: 600;font-weight:normal;text-align:center;position:relative;}
.case-title h3:before{ content:""; width:76px; height:1px; background:#a0a0a0; position:absolute; left:50%; margin-left:-38px; top:0;}
.case-title time{ color:#969696; font-size:14px; text-align:center; padding-bottom:26px; position:relative; display:block;}
.case-title time:before{ content:""; width:76px; height:1px; background:#a0a0a0; position:absolute; right:50%; margin-right:-38px; bottom:0;}
.project-address{background:#fff;padding: 28px 0;}
.projext{width:1156px;margin:auto;}
.area{float:left;width: 90%;margin: 10px 0;}
.area:nth-child(1){}
.area span{ display:block; color:#323232; font-size:14px;}
.area strong{display:block;color:#323232;font-size: 22px;font-weight:normal;}
.sharepro{ float:right; margin-top:8px;}
.sharepro a{ display:block; width:20px; height:21px; margin-bottom:14px;}
.sharepro a:nth-child(1){ background:url(../images/share.png) center no-repeat;}
.sharepro a:nth-child(2){ background:url(../images/cope.jpg) center no-repeat; margin-bottom:0;}
.sharepro a:nth-child(1):hover{ background:url(../images/share1.png) center no-repeat;}
.sharepro a:nth-child(2):hover{ background:url(../images/cope1.png) center no-repeat;}
.case-text{ border-top:1px solid #e56724; width:1156px; margin:auto; margin-top:94px;}
.case-info{ padding:45px 0;}
.case-info figure{ display:block; line-height:normal; width:71.8%; float:left; overflow:hidden;}
.case-info figure img{ display:block; width:100%; height:auto; line-height:0; transition:860ms;}
.case-info figure img:hover,.caseview figure img:hover{ transform:scale(1.06);}
.case-info figcaption{ width:28.2%; float:right; box-sizing:border-box; padding:33px 40px 0;}
.case-info figcaption h3{ color:#000000; font-size:30px; font-weight:normal; margin-bottom:20px; line-height:normal;}
.case-info figcaption p{ color:#000000; font-size:14px; text-indent:26px; margin-top:10px;}

.caseview{ padding:26px 0 20px;}
.caseview figure{ display:block; line-height:normal; overflow:hidden; width:100%; float:none;}
.caseview figure img{ display:block; width:100%; height:auto; transition:860ms;}
.caseview figcaption{ padding:40px 16% 0; float:none; width:100%;}
.caseview figcaption p{ color:#000000; font-size:14px; text-indent:26px; margin-bottom:10px;}
.case-list .case-info figcaption{ float:left;}
.case-list .case-info figure{ float:right;}
.case-list .case-info:nth-child(2n+2) figcaption{ float:right;}
.case-list .case-info:nth-child(2n+2) figure{ float:left;}
.twofloat figure{ float:right;}
.twofloat figcaption{ float:left;}
.morecase{ padding:34px 0 95px; border-top:1px solid #e56724;}
.morecase h2{ color:#323232; font-size:30px; font-weight:normal; margin-bottom:22px;}
.morecase .case li{ margin-top:0; margin-right:0; width:33.3333%; background:none;}
.morecase .case li a{ display:block; padding-right:2px;}
.morecase .case li figcaption{ background:#fff;}

/*设计与研究*/
.desigin{ width:50%; float:left; overflow:hidden; position:relative;}
.desigin:nth-child(2) figcaption .desigin-wr:before{ background:url(../images/adius2.png) center no-repeat;}
.desigin:nth-child(2):hover figcaption{ background:rgba(2,52,89,0.9);}
.desigin:nth-child(2) figcaption .desigin-wr span{ background:url(../images/sigin.png) center no-repeat;}
.desigin figure{ display:block; line-height:normal; overflow:hidden;}
.desigin figure img{ display:block; width:100%; height:auto; line-height:0;}
.desigin figcaption{ display:block; width:100%; height:100%; position:absolute; transition:860ms 0ms; left:0; top:0;}
.desigin figcaption .desigin-wr{ width:244px; height:244px; position:absolute; left:50%; top:50%; margin-top:-122px; margin-left:-122px; text-align:center;}
.desigin figcaption .desigin-wr:before{ width:100%; height:100%; content:""; position:absolute; left:0; top:0; background:url(../images/adius1.png) center no-repeat; transition:860ms;}
.desigin figcaption .dow{ display:block; width:14px; height:21px; background:url(../images/down2.png) center no-repeat; position:absolute; left:50%; margin-left:-7px; bottom:36px; opacity:0; transition:640ms 0ms;}
.desigin figcaption .desigin-wr span{ display:block; width:29px; height:29px; background:url(../images/load1.png) center no-repeat; margin:auto; margin-top:50px; position:relative; z-index:5;}
.desigin figcaption .desigin-wr b{ display:block; width:66%; height:1px; margin:auto; background:#fff; margin-top:31px; position:relative; z-index:5;}
.desigin figcaption .desigin-wr h3{ text-align:center; color:#ffffff; font-size:25px; margin-top:10px; position:relative; z-index:5;}
.desigin figcaption .desigin-wr i{ display:block; width:14px; height:21px; position:absolute; left:50%; margin-left:-7px; bottom:17px; background:url(../images/down2.png) center no-repeat; transition:670ms 200ms;}
.desigin:hover figcaption{ background:rgba(255,130,28,0.9); transition:860ms 0ms;}
.desigin:hover figcaption .desigin-wr:before{ transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0);}
.desigin:hover figcaption .desigin-wr i{ opacity:0; transition:570ms 0;}
.desigin:hover figcaption .dow{ opacity:1; bottom:24px;  transition:640ms 350ms;}


.desigin-box{padding: 60px 62px 60px;background:#ededed;overflow:hidden;margin-bottom: 50px;}
.desigin-introduct{ text-align:center; padding:48px 0 50px; border-bottom:2px solid #023459; background:url(../images/sea.jpg) center no-repeat; background-size:cover;}
.desigin-introduct p{ color:#323232; font-size:14px; width:615px; text-align:center; margin:auto;}
.desiginname{ padding:96px 0;}
.desiginname figure{ float:left; width:36.8%; line-height:normal;}
.desiginname figure img{ display:block; width:100%; height:auto;}
.desigin-text{ width:40%; float:right;}
.desigin-text h3{ color:#023459; font-size:18px; font-weight:normal; line-height:normal; padding-bottom:8px; text-align:right; border-bottom:3px solid #535353;}
.name{ margin-top:40px; border-bottom:1px solid #a0a0a0;}
.name strong{ float:left; font-weight:normal; color:#323232; font-size:35px; line-height:62px; position:relative;}
.name strong:before{ content:""; width:17px; height:7px; background:#a0a0a0; position:absolute; left:6px; bottom:-4px;}
.name span{ float:right; display:inline-block; color:#323232; font-size:14px; padding-left:17px; background:url(../images/line.png) left center no-repeat; padding-top:6px; margin-top:22px;}
.briefing{ margin-top:54px;}
.briefing h4{ color:#323232; font-size:18px; font-weight:normal; margin-bottom:10px;}
.briefing p{ color:#646464; font-size:14px; line-height:2;}
.briefing a{ display:block; margin-top:10px; color:#969696; text-transform:uppercase; border-bottom:1px solid #a0a0a0; line-height:2.2;}

.common-text{ background:#fff url(../images/bg2.png) 30px 50px no-repeat; border-bottom:2px solid #023459; margin-bottom:80px;}
.common-text figure{ display:block; line-height:normal; width:50%; float:right;}
.common-text figure img{ width:100%; height:auto; line-height:0; display:block;}
.strongs{ float:left; width:35.5%;}
.strongs .name{ margin-top:28px;}
.strongs .name strong{ color:#023459;}
.strongs p{ margin-top:54px; color:#646464; font-size:14px; line-height:2;}

.governing-box{ padding:60px 0; background:#fff; text-align:center;}
.governing-box h3{ padding:22px 0; text-align:center; color:#033257; font-size:25px; font-weight:normal; position:relative;}
.governing-box h3:before{ content:""; width:136px; height:1px; background:#c9c9c9; position:absolute; left:50%; margin-left:-68px; top:0;}
.governing-box h3:after{ content:""; width:136px; height:1px; background:#c9c9c9; position:absolute; right:50%; margin-right:-68px; bottom:0;}
.gover-info .article-block{ position:relative; cursor:pointer; transition:880ms 0ms;}
.gover-info:nth-child(2) .desigin-list{ display:block;}
.gover-info .article-block.on,.gover-info .article-block:hover{ background:#023459; transition:880ms 0ms;}
.gover-info .article-block.on h3,.gover-info .article-block:hover h3{ color:#fff; transition:760ms !important;}
.gover-info .article-block.on b,.gover-info .article-block:hover b{ color:#fff; transition:680ms !important;}
.gover-info .article-block.on p,.gover-info .article-block:hover p{ color:#fff; transition:680ms !important;}
.gover-info .article-block.on:before,.gover-info .article-block:hover:before{ opacity:1; visibility:visible;}

.governing{ padding:44px 0 34px; background:#fff; position:relative; text-align:center;}
.governing h3{ text-align:center; color:#033257; font-size:25px; font-weight:normal;}
.governing b{ display:block; width:58px; height:1px; margin:auto; margin-top:28px; margin-bottom:32px; background:#c9c9c9;}
.governing  p{ color:#023459; font-size:14px; text-align:center; line-height:20px;}
.gover-info .article-block:before{ content:""; width:21px; height:11px; position:absolute; left:50%; margin-left:-10px; bottom:-11px; background:url(../images/down3.png) center no-repeat; z-index:10; opacity:0; visibility:hidden; transition:670ms;} 
.desigin-list{ padding:70px 0; display:none;}
.desigin-list li{ width:23.3%; float:left; margin-right:2.2666%;}
.desigin-list li:last-child{ margin-right:0;}
.desigin-list li figure{ display:block; position:relative; overflow:hidden;}
.desigin-list li figure img{ display:block; width:100%;  height:auto; line-height:0;}
.desigin-list li figure mark{ width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(3,50,87,0.9); background:#033257\9; filter:alpha(opacity=0); opacity:0; visibility:hidden; transition:780ms;}
.desigin-list li:hover figure mark{ opacity:0.9; visibility:visible;}
.desigin-list li figure mark span{ display:block; width:37px; height:38px; background:url(../images/search4.png) center no-repeat; position:absolute; left:50%; top:50%; margin-left:-19px; margin-top:-19px;}
.desigin-list li figcaption{ display:block; margin-top:12px; color:#323232; font-size:14px;}

.fancybox-nav span {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    background:url(../images/ab-arrow-left.png) no-repeat;
    }
.fancybox-nav {
    top:50%;
    margin-top:-20px;
    width: 40px;
    height: 40px;
    background:url(../images/join-arrow.png) no-repeat;
    }
.fancybox-prev{
    left:-70px;
    }
.fancybox-next{
    right:-70px;
    background-position:right center;
    }
.fancybox-overlay {
    background:url(../images/fancybox_overlay.png);
    }
.fancybox-close {
    width: 30px;
    height: 30px;
    top: 7px;
    right: -35px;
    background:url(../images/close.png) no-repeat;
    background-size:cover;
    }
.fancybox-nav:hover span{ background:none; opacity:0.8;}
.fancybox-opened .fancybox-skin {
    box-shadow:none;
    }
.fancybox-skin{
    background:none;
    border-radius:none;
}
.wisdom{ padding:40px 0 58px; background:#fff; text-align:center;}
.wisdom h3{ text-align:center; color:#023459; text-align:center; font-weight:normal; font-size:25px;}
.wisdom b{ display:block; width:58px; height:1px; background:#c9c9c9; margin:auto; margin-top:26px; margin-bottom:30px;}
.wisdom p{ color:#023459; font-size:14px; text-align:center;}
.desigin-introduct1{ background:url(../images/sea1.png) center no-repeat; background-size:cover; border-color:#ff821c;}

.desiginname1 figure{ float:right;}
.desiginname1 .desigin-text{ float:left;}
.desiginname1 .desigin-text h3{ color:#ff821c;}
.common-text1{ border-color:#ff821c; background:url(../images/bg1.jpg) right bottom no-repeat; }
.common-text1 figure{ float:left;}
.common-text1 .strongs{ float:right;}
.common-text1 .name strong{ color:#ff821c;}
.location-box{background:#f9f9f9;}
.location h3{ border-bottom:2px solid #ff821c;}
.location h3 small{ height:52px; line-height:52px; color:#323232; font-size:20px; font-weight:normal; text-indent:12px; display:block;}
.major{ margin-top:42px;}
.major-left{ float:left; height:350px; position:relative; width:45%;}
.major-left span{ display:block; color:#323232; font-size:16px; margin-left:12px;}
.major-left span:nth-child(1){ margin-top:12px;}
.major-fix{ position:absolute; left:0; bottom:0; }
.major-info{ float:left; width:128px; text-align:center;}
.major-info:nth-child(1){ margin-right:78px;}
.major-info strong{ display:block; text-align:center; color:#ff821c; font-size:35px; font-weight:normal; border-bottom:dashed 1px #bfbfbf; padding-bottom:2px;}
.major-info strong i{ display:inline-block; font-size:16px; color:#323232; font-style:normal;}
.major-info b{ display:block; text-align:center; font-weight:normal; color:#323232; font-size:16px; margin-top:10px;}
.majorImg{ width:52%; float:right;}
.majorImg img{ width:100%; height:auto; line-height:0;}
.locate-list li{ width:30.3%; margin-right:4.55%; background:#fff; position:relative; overflow:hidden; float:left;}
.locate-list li:last-child{ margin-right:0;}
.locate-list li .lacate-wr{ padding:25px 10% 0 10%; height:342px;}
.locate-list li .lacate-wr strong{ display:block; font-size:68px; font-weight:normal; line-height:68px; padding-left:24px; position:relative; color:#323232; margin-bottom:30px;}
.locate-list li .lacate-wr strong:before{ content:""; width:6px; height:100%; background:#ff821c; position:absolute; left:0; top:0;}
.locate-list li .lacate-wr p{ color:#646464; font-size:14px; line-height:2;}
.loacte-logo{ width:80%; position:absolute; left:10%; bottom:20px;}
.loacte-logo img{ float:left; max-width:90px; height:auto; transition:660ms 0; opacity:0; transform:skewX(-30deg); -webkit-transform:skewX(-30deg); -moz-transform:skewX(-30deg);}
.loacte-logo b{ width:65%; height:1px; background:#ff821c; display:block; position:absolute; right:0; bottom:0; opacity:0; width:0; transition:750ms;}
.loacte-logo:before{ content:""; width:36px; height:1px; background:#ff821c; position:absolute; right:0; top:6px; transition:560ms; opacity:0; width:0; }
.locate-list li:before{ content:""; width:100%; height:0%; border-left:1px solid #ff821c; border-right:1px solid #ff821c; box-sizing:border-box; position:absolute; left:0; top:50%; transition:400ms;}
.locate-list li:after{ content:""; width:0%; height:100%; border-top:1px solid #ff821c; border-bottom:1px solid #ff821c; box-sizing:border-box; position:absolute; left:50%; top:0; transition:400ms;}
.locate-list li:hover:before{ height:100%; top:0;}
.locate-list li:hover:after{ width:100%; left:0;}
.locate-list li:hover .loacte-logo img{ opacity:1; transform:skewX(0deg); -webkit-transform:skewX(0deg); -moz-transform:skewX(0deg); transition:660ms 150ms;}
.locate-list li:hover .loacte-logo b{ width:65%; opacity:1;}
.locate-list li:hover .loacte-logo:before{ width:36px; opacity:1;}

/*营销服务*/
.netbannr{ padding:128px 0 180px; background-size:cover !important;}
.netseivice{ text-align:center; position:relative;}
.netseivice img{ margin:auto;}
.net-fix{ position:absolute; left:70px; top:34px; width:168px;}
.net-fix h2{ color:#ffffff; font-size:25px; font-weight:normal; text-align:left; font-family:"helvetica_neue_ltregular"; padding:8px 0; line-height:30px; border-bottom:1px solid #fff;}
.net-fix h2:before{ content:""; width:35px; height:1px; background:#e68333; position:absolute; left:0; top:0;}
.net-fix h2:after{ content:""; width:126px; height:1px; background:#fff; position:absolute; right:0; top:0;}

.nettitle{ position:absolute; left:70px; top:248px; text-align:left;}
.nettitle h4{ color:#ffffff; font-size:35px; margin-bottom:5px;}
.nettitle small{ color:#ffffff; font-size:24px; line-height:normal; font-weight:bold;}
.office-box{ padding:110px 0 0;}
.offices{ position:relative; }
.office .offices-fix{ margin:0 80px;}
.office .offices-fix >span{ float:left; width:16.66%; text-align:center; color:#2c2c2c; font-size:16px; position:relative; cursor:pointer; padding-bottom:3px; transition:540ms;}
.office .offices-fix >span:before{ content:""; width:36px; height:2px; background:#e46520; opacity:0; visibility:hidden; transition:670ms; position:absolute; left:50%; margin-left:-18px; bottom:5px;}
.office .offices-fix >span:hover,.office li span.on{ color:#e46520;}
.offices .flex-nav-prev{ background:#fff; position:absolute; left:0; top:0; width:60px; height:28px;}
.offices .flex-nav-next{ background:#fff; position:absolute; right:0; top:0; width:60px; height:28px;}
.office .offices-fix >span:hover:before,.office li span.on:before{ bottom:0; visibility:visible; opacity:1;}
.offices .flex-nav-prev .flex-prev{ width:48px; padding:5px; height:28px; position:absolute; padding:0; cursor:pointer; margin:0; text-indent:999px; overflow:hidden; left:-0; top:0; background:url(../images/triangle.png) left center no-repeat; cursor:pointer;}
.offices .flex-nav-prev .flex-prev:before{ content:""; height:1px; position:absolute; width:0; top:14px; background:#e46520; transition:650ms; left:26px; cursor:pointer;}
.offices .flex-nav-next .flex-next{ width:48px; height:28px; position:absolute; padding:0; cursor:pointer; margin:0; text-indent:999px; overflow:hidden; right:0; top:0; background:url(../images/triangle1.png) right center no-repeat; cursor:pointer;}
.offices .flex-nav-next .flex-next:before{ content:""; height:1px; position:absolute; width:0; top:14px; background:#e46520; transition:650ms; right:26px; cursor:pointer;} 
.offices .flex-nav-prev .flex-prev:hover{ background:url(../images/triangle5.png) left center no-repeat;}
.offices .flex-nav-prev .flex-prev:hover:before{ width:20px;}

.offices .flex-nav-next .flex-next:hover{ background:url(../images/triangle4.png) right center no-repeat;}
.offices .flex-nav-next .flex-next:hover:before{ width:20px;}


.office-list .office-info{float:left;width: 31%;margin: 0 1%;border: 1px dashed #3268ae;margin-bottom: 20px;padding: 10px;box-sizing: border-box;}
.office-list .office-info:nth-child(3n+3){ margin-right:0;}
.office-list .office-info h2{ font-size:30px; color:#2c2c2c; padding-bottom:5px; border-bottom:1px solid #a0a0a0; margin-bottom:20px; transition:650ms;}
.office-list .office-info.on h2{ color:#e46520;}
.office-list .office-info .office-text span{ display:block; padding-left:28px; color:#2c2c2c; font-size:14px;}
.office-list .office-info .office-text span:nth-child(1){ background:url(../images/people.png) left center no-repeat;}
.office-list .office-info .office-text span:nth-child(2){ background:url(../images/tel.png) left center no-repeat;}
.office-list .office-info .office-text span:nth-child(3){ background:url(../images/map.png) left 5px no-repeat;}
.office-list .flex-direction-nav{ display:none;}

/*product*/
.product-box{padding: 60px 0;background:#ededed;margin: 0 0 50px 0;}
.product-sele{ background:#999999; margin-bottom:58px;}
.product-sele li{ float:left; margin-right:4px;}
.product-sele li a{ display:inline-block; height:28px; line-height:28px; padding:0 16px; color:#ffffff; font-size:14px;}
.product-sele li a:hover,.product-sele li a.on{ background:#e46520;}
.product-list li{ width:21.8%; float:left; margin-right:4.2%; margin-bottom:32px;}
.product-list li:nth-child(4n+4){ margin-right:0;}
.product-list li figure{ display:block; line-height:normal; position:relative;}
.product-list li figure img{ display:block; height:auto; line-height:0;margin:0 auto;}
.product-list li figure mark{ display:block; width:99px; height:99px; position:absolute; left:50%; top:50%; margin-left:-50px; margin-top:-50px; background:url(../images/adius3.png) center no-repeat; transition:780ms; opacity:0; visibility:hidden;}
.product-list li figure mark span{ display:block; width:25px; height:25px; background:url(../images/loa.png) center no-repeat; position:absolute; left:50%; top:50%; margin-left:-12px; margin-top:-12px;}
.product-list li figure:before{ content:""; width:0; height:3px; background:#e56724; position:absolute; left:50%; bottom:0; transition:890ms;}
.product-list li figcaption{ display:block; text-align:center; padding:10px 0 0; color:#323232; font-size:14px; height:44px;}
.product-list li:hover figure mark{ visibility:visible; opacity:1;}
.product-list li:hover figure:before{ width:100%; left:0;}
.search-box{ padding:106px 0 80px;}
.search-text h2{ padding-bottom:14px; border-bottom:8px solid #002f5a; color:#000000; font-size:20px; font-weight:normal;}
.search-info{ padding:132px 0 150px; border-bottom:1px solid #e5e5e5; text-align:center;}
.searchs{ width:50%; margin:auto; transition:760ms; border:1px solid #e5e5e5; border-radius:24px;}
.searchs.on{ border-color:#e56724;}
.searchs input[type=text]{ padding-left:27px; width:418px; padding-top:14px; padding-bottom:14px; color:#646464; font-size:14px; outline:none; border:none; font-family:微软雅黑; float:left; background:none; float:left;}
.searchs .search-sub{ width:52px; height:47px; outline:none; border:none; background:url(../images/search.png) 8px center no-repeat; transition:680ms; float:left; cursor:pointer;} 
.fackbak{ margin-top:65px; text-align:center;}
.searchs .search-sub:hover{ background:url(../images/search1.png) 8px center no-repeat;}
.fackbak a{ display:inline-block; padding:20px 50px; border:1px solid #e5e5e5; color:#646464; font-size:14px; margin:auto;}
.fackbak a:hover{ color:#e36f2f; border-color:#e36f2f;}

.column-box{ margin-top:56px;}
.columntitle span{ display:inline-block; float:left; padding:26px 0 0; height:53px; margin-right:33px; font-size:16px; color:#000000;}
.columntitle a{ display:inline-block; float:left; padding:26px 0 0; height:53px; position:relative; width:122px; text-align:center; color:#323232; font-size:16px; margin-right:3px;}
.columntitle a:hover,.columntitle a.now{ background:#ededed;}
.columntitle a:before{ content:""; width:68px; height:5px; background:#e56724; position:absolute; left:50%; margin-left:-34px; bottom:20px; transition:670ms; opacity:0; visibility:hidden;}
.columntitle a:hover:before,.columntitle a.now:before{ bottom:16px; opacity:1; visibility:visible;}
.column{ background:#ededed; padding-top:50px;}
.product-title{ background:#a0a0a0;}
.product-title span{ height:40px; display:block; float:left; line-height:40px; color:#000000; font-size:16px;}
.product-title span:nth-child(1){ margin-left:28px; margin-right:96px;}
.product-fix{ padding:20px 0; background:#fff;}
.product-fix li{ transition:540ms;}
.product-fix li b{ display:block; float:left; margin-left:35px; margin-right:104px; color:#323232; font-size:16px; height:48px; line-height:48px; font-weight:normal; transition:580ms;}
.product-fix li span{ float:left; line-height:48px; color:#323232; font-size:16px; transition:580ms;}
.product-fix li span em{ display:inline-block; color:#e56724; font-style:normal; transition:580ms;}
.product-fix li strong{ display:inline-block; float:right; line-height:48px; margin-right:24px; color:#ffffff; font-size:14px; padding-left:20px; background:url(../images/searc.png) left center no-repeat; opacity:0; transition:680ms 200ms; font-weight:normal;}
.product-fix li:hover{ background:#e56724;}
.product-fix li:hover b,.product-fix li:hover span,.product-fix li:hover span em{ color:#fff;}
.product-fix li:hover strong{ opacity:1;}

.download-box{ padding:110px 0 90px; background:#ededed;} 
.down-title{ background:#a0a0a0;}
.down-title span{ color:#000000; font-size:16px; line-height:40px; float:left;}
.down-title span:nth-child(1){ padding-left:5.7%; width:60%;}
.down-title span:nth-child(3){ float:right; width:8.8%;} 

.download-list{ padding:20px 0; background:#fff;}
.download-list li{ transition:770ms; position:relative;}
.download-list li figure{ display:block; padding:6px; position:relative; background:#fff; position:absolute; left:-58px; top:0; width:88px; height:auto; opacity:0; transition:690ms; visibility:hidden;}
.download-list li:hover figure{ opacity:1; left:-88px; visibility:visible;}
.download-list li figure img{ width:100%; height:auto;}
.download-list li figure:before{ content:""; width:8px; height:16px; position:absolute; right:-8px; top:17px; background:url(../images/arrow.png) center no-repeat;}
.download-list li span{ display:block; line-height:48px; color:#323232; font-size:16px; padding-left:5.7%; width:60%; transition:540ms; float:left; background:url(../images/do.png) 26px center no-repeat;}
.download-list li time{ display:inline-block; line-height:48px; float:left; color:#969696;}
.download-list li strong{ display:block; height:48px; line-height:48px; width:46px; padding-left:38px; color:#ffffff; font-size:14px; background:url(../images/load.png) 2px center no-repeat; transition:540ms 200ms; opacity:0; float:right; font-weight:normal;}
.download-list li:hover{ background:#e56724;}
.download-list li:hover span{ color:#fff;}
.download-list li:hover time{ color:#fff;}
.download-list li:hover strong{ opacity:1;}

.video-list li{ width:30%; float:left; margin-right:5%; margin-bottom:52px; overflow:hidden;}
.video-list li:nth-child(3n+3){ margin-right:0;}
.video-list li figure{ display:block; position:relative; overflow:hidden; cursor:pointer;}
.video-list li figure img{ display:block; width:100%; height:auto; line-height:0;}
.video-list li figure span{ display:block; width:22px; height:28px; background:url(../images/video.png) center no-repeat; position:absolute; left:50%; top:50%; margin-left:-11px; margin-top:-14px; opacity:0; transition:670ms;}
.video-list li figcaption{ display:block; height:46px; background:#fff; position:relative; overflow:hidden;}
.video-list li figcaption:before{ content:""; width:100%; height:100%; background:#e56724; position:absolute; left:0; top:100%; transition:680ms;}
.video-list li figcaption h3{ float:left; line-height:46px; color:#323232; font-size:14px; margin-left:8px; font-weight:normal; transition:640ms; position:relative; z-index:5; width: 70%; overflow: hidden;}
.video-list li figcaption a{ float:right; line-height:46px; padding-left:24px; color:#fff; margin-right:8px; background:url(../images/load0.png) center center no-repeat; position:relative; z-index:5; transition:540ms 200ms;}
.video-list li figcaption a.sharpBtn{ background-image: url(../images/sharp0.png);}
.video-list li figcaption a span{ color: #e56724;}
.video-list li:hover figure span{ opacity:1;}
.video-list li:hover figcaption:before{ top:0;}
.video-list li:hover figcaption h3{ color:#fff;}
.video-list li:hover figcaption a{ background-image: url(../images/load.png);}
.video-list li:hover figcaption a.sharpBtn{ background-image: url(../images/sharp.png);}
.video-list li:hover figcaption a span{ color: #fff;}

.honor-box{ padding:100px 0 80px; background:#ededed;}
.honor-wr{ width:1060px; margin:auto;}
.honor li .honor-title{ background:#ededed; transition:670ms; cursor:pointer;}
.honor-wr span{ display:inline-block; float:left; color:#323232; font-size:14px; line-height:55px; transition:620ms;}
.honor-wr .honor-show{ float:right; position:relative; width:15px; height:15px; margin-right:30px; margin-top:20px; visibility:hidden; opacity:0; transition:680ms;}
.honor-wr .honor-show b{ width:15px; height:15px; position:absolute; left:0; top:0; background:url(../images/add.png) center no-repeat; transition:670ms;}
.honor-wr .honor-show b:nth-child(2){ opacity:0; visibility:hidden;}
.honor li{ transition:760ms;}
.honor li:hover .honor-title{ background:#427ba6;}
.honor li:hover .honor-wr .honor-show{ opacity:1; visibility:visible;}
.honor li:hover .honor-wr span{ color:#fff;}
.honor li.now .honor-title{ background:#023459;}
.honor li.now .honor-wr span{ color:#fff;}
.honor li.now .honor-show{ opacity:1; visibility:visible;}
.honor li.now .honor-show b:nth-child(1){ opacity:0;}
.honor li.now .honor-show b:nth-child(2){ opacity:1; visibility:visible; transform:rotate(135deg); -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg);}
.honortext{ padding:4px 0; background:#fff; display:none;}
.honorImg{ width:1060px; text-align:right; margin:auto;}
.honorImg img{ max-height:340px; width:auto; margin-right:13%;}


/*产品详情*/
.producs{ padding-top:38px; border-top:1px solid #e5e5e5;}
#preview {text-align: center;width: 52.5%;float:left;margin-left:0%;}
.jqzoom { width: 100%; box-sizing:border-box; margin-bottom:13px; height:auto; overflow: hidden; border: #eeeeee 1px solid; position: relative;}
.jqzoom img{ width:100%; height:auto; display:block;}
.zoomdiv {width: 372px; height: 372px; left: 859px;z-index: 100; border-bottom: #e4e4e4 1px solid; position: absolute; text-align: center; border-left: #e4e4e4 1px solid; width: 372px; display: none; background: url(../images/loading.gif) #fff no-repeat center center; height: 372px; overflow: hidden; border-top: #e4e4e4 1px solid; top: 1px; border-right: #e4e4e4 1px solid; left: 0px}
.zoomdiv.on{ display:none !important;}
#spec {position: relative; height:70px;overflow: hidden; padding:0 107px;}
.specLeftT { opacity:0.5; filter:alpha(opacity=50);}
.specRightT {opacity:0.5; filter:alpha(opacity=50);}
#specLeft{ position: absolute; width:72px; height:68px; border:1px solid #d2d2d2; left:0; top:0; cursor:pointer; background:url(../images/prev1.png) center no-repeat;}
#specRight{ position: absolute; width:72px; height:68px; border:1px solid #d2d2d2; right:0; bottom:0; cursor:pointer; background:url(../images/next1.png) center no-repeat;}

#specList {display: inline; float: left;}
#specList ul li {width:70px; height:70px; display: inline; float: left; margin-right:13px}
#specList ul li img {border: #dcdcdc 1px solid; transition:670ms; display:block; width:68px; height:68px;}
#specList ul li:hover img,#specList ul li.on img{ border-color:#003459;}
.bigimg {width: 1000px; height: 1000px;}
.jqZoomPup {z-index: 10; border-bottom: #aaa 1px solid; position: absolute; filter: alpha(opacity=50); border-left: #aaa 1px solid; width: 50px; background: #fede4f no-repeat 50% top; height: 50px; visibility: hidden; border-top: #aaa 1px solid; top: 0px; cursor: move; border-right: #aaa 1px solid; left: 0px; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5}
#specList {text-align:left; width:486px; height:70px; overflow:hidden;}
.listImg{ position:relative;}
.productbanner{ display:none; position:relative; padding:0 60px;}
.productbanner ul li img{ width:100%; height:auto;}
.productbanner .owl-theme .owl-controls .owl-buttons div{ width:48px; height:42px; border:1px solid #d2d2d2; position:absolute; top:50%; margin-top:-34px; padding:0; border-radius:0; margin:0; text-indent:999px; overflow:hidden;}
.productbanner .owl-theme .owl-controls .owl-buttons div.owl-prev{ left:-60px; background:url(../images/prev1.png) center no-repeat;}
.productbanner .owl-theme .owl-controls .owl-buttons div.owl-next{ right:-60px; background:url(../images/next1.png) center no-repeat;}
.jqzoom.hide .jqZoomPup,.jqzoom.hide .zoomdiv{ display:none !important;}

.producttext{ width:44.5%; float:right;}
.producttext2 { width:100%px;  clear:both; padding-top:30px; }
.product-tits{ padding-top:68px; border-top:7px solid #ec6941; margin-bottom:214px; border-bottom:3px solid #ec6941; padding-bottom:30px;}
.product-tits h3{ color:#000000; font-size:30px; font-weight:normal; margin-bottom:8px;}
.product-tits a{ display:block; padding-left:28px; color:#000000; font-size:14px; background:url(../images/load2.png) left center no-repeat; transition:650ms;}
.product-tits a:hover{ color:#ec6941; background:url(../images/load3.png) left center no-repeat;}
.explain{ }
.explain h3,.environment h3,.parameter h3{ color:#000000; font-size:16px; border-bottom:1px solid #c9c9c9; padding-bottom:5px; margin-bottom:15px;}
.explain p,.environment p{ color:#646464; font-size:14px; line-height:2.2;}
.environment{ margin-top:18px; margin-bottom:100px;}
.parameter-list{ margin-top:20px;}
.paramete-info{ display:block; margin-bottom:10px;}
.paramete-info dt{ display:block; width:150px; float:left; color:#323232; font-size:14px; font-weight:bold;}
.paramete-info dd{ display:inline-block; float:left; color:#646464; font-size:14px;}

.videos{ display:none; width:100%; z-index:9999; position:absolute; left:0; top:0; height:100%;}
.video-hidden{ position:relative; width:100%; overflow:hidden; cursor:pointer;}
.video-hidden span{ display:block; width:49px; height:49px; position:absolute; left:50%; top:50%; margin-left:-25px; margin-top:-25px; background:url(../images/video1.png) center no-repeat; z-index:10;}
.video-hidden img{ display:block; width:100%; height:auto; transition:500ms;}
.ivideo{ cursor: pointer; width: 100%; height: 100%; position:absolute; left:0; top:0;}
.videos:hover .video-hidden img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}
#vbBox,#vbBox1{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index:10;}

.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; }

.peoobanner{ position:relative; height:260px; overflow:hidden; width:100%;}

.peoobanner .swiper-slide{ overflow-y: auto; height:240px; padding-right:10px; position:relative;}

#product #preview{ margin-left:155px; width:780px; float:none;}
#product #preview .jqzoom{ width:695px; float:left; margin-bottom:0;}
#product #preview #spec{ float:right; padding:104px 0; width:70px; height:auto;}
#product #preview #specList{ height:auto; width:70px; height:487px;}
#product #preview #specList ul li{ float:none; margin-right:0; margin-bottom:13px; display:block;}
#product #preview #specLeft,#product #preview #specRight{ width:68px; height:72px;}
#product #preview #specLeft{ background:url(../images/top2.png) center no-repeat;}
#product #preview #specRight{ background:url(../images/down4.png) center no-repeat;}
#product .producttext{ width:100%; float:none; margin-top:38px;}
#product .product-tits{ padding-top:22px; margin-bottom:28px; text-align:center;}
#product .product-tits h3{ text-align:center; margin-bottom:14px;}
#product .product-tits a{ display:inline-block; margin:auto;}
.producfix{ padding-top:32px; border-top:3px solid #ec6941; margin-bottom:35px;}
.producfix .explain{ width:45%; float:left; padding-bottom:0; border-bottom:none;}
.producfix .environment{ width:45%; float:right; margin-top:0;}

.paremeter-list{ margin-top:30px; position:relative; border-top:1px solid #c9c9c9; padding-bottom:50px; padding-top:40px;}
.paremeter-list:before{ content:""; width:15px; height:9px; position:absolute; left:0; top:-5px; background:#323232;}
.pameter-ha{ float:left; width:123px; position:relative; padding-top:18px;}
.pameter-ha span{ display:block; color:#323232; font-size:14px; font-weight:bold; padding-left:4px;  line-height:30px; position:relative;}
.pameter-ha span:before{ content:""; width:100%; height:1px; background:#00ffff; position:absolute; left:0; bottom:0; opacity:0; filter:alpha(opacity=0); visibility:hidden; transition:420ms;}
.pameter-ha span.on:before{ visibility:visible; opacity:1; filter:alpha(opacity=100);}
.pameter-ha:before{ content:""; width:1px; height:9px; position:absolute; right:0; top:-5px; background:#dcdcdc; }
.pameter-list{ float:left; width:877px;}
.pameter-info{ padding:18px 0 10px 0; position:relative; transition:780ms;}
.pameter-info:before{ content:""; width:1px; height:9px; position:absolute; right:0; top:-5px; background:#dcdcdc;}
.parameter .nod{ border-bottom:none;}
.pameter-info span{ display:block; padding-left:24px; color:#646464; font-size:14px; line-height:30px; position:relative;}
.paremeter-list{ overflow:auto;}
.paremeter-table{ width:2000px;}
.paremeter-table tr td{color:#646464; font-size:14px; line-height:30px; position:relative; width:196px;}
.paremeter-table tr td:nth-child(1){ color:#323232; font-size:14px; font-weight:bold; padding-left:4px;  line-height:30px; position:relative; width:118px;}


.pameter-info span:before{ content:""; width:100%; height:1px; background:#00ffff; position:absolute; left:0; bottom:0; opacity:0; filter:alpha(opacity=0); visibility:hidden; transition:560ms;}
.pameter-info span.on:before{ visibility:visible; opacity:1; filter:alpha(opacity=100);}
.pameter-info span.on{ border-color:#00ffff;}
.pameter-info:hover{ background:#eeeeee;}
.pameter-info:hover span{ border-color:#eeeeee;}
.pameter-list .owl-buttons{ width:85px; height:21px; position:absolute; right:0; top:-30px;}
.paremeter-list .owl-theme .owl-controls .owl-buttons div{ padding:0; margin:0; width:42px; height:21px; position:absolute; top:0; border-radius:0; text-indent:999px; overflow:hidden; transition:680ms;}
.paremeter-list .owl-theme .owl-controls .owl-buttons div.owl-prev{ background:#a0a0a0 url(../images/prev.png) center no-repeat; left:0;}
.paremeter-list .owl-theme .owl-controls .owl-buttons div.owl-next{ background:#a0a0a0 url(../images/next.png) center no-repeat; right:0;}
.paremeter-list .owl-theme .owl-controls .owl-buttons div.owl-prev:hover{ background:#ec6941 url(../images/prev.png) center no-repeat;}
.paremeter-list .owl-theme .owl-controls .owl-buttons div.owl-next:hover{ background:#ec6941 url(../images/next.png) center no-repeat;}

.techinical-lis.article-block .technical-list li,.case.article-block li,.iphone-pro.article-block li{ opacity:0; transform:translateY(60px); -webkit-transform:translateY(60px); -moz-transform:translateY(60px);}
.techinical-lis.articleShow .technical-list li,.case.articleShow li,.iphone-pro.articleShow li{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:890ms 0ms;}
.techinical-lis.articleShow .technical-list li:nth-child(2),.case.articleShow li:nth-child(2),.iphone-pro.articleShow li:nth-child(2){ transition:890ms 200ms;}
.techinical-lis.articleShow .technical-list li:nth-child(3),.case.articleShow li:nth-child(3),.iphone-pro.articleShow li:nth-child(3){ transition:890ms 400ms;}
.techinical-lis.articleShow .technical-list li:nth-child(4),.iphone-pro.articleShow li:nth-child(4){ transition:890ms 600ms;}
.new-center.article-block{ opacity:0; transform:translateX(-600px); -webkit-transform:translateX(-600px); -moz-transform:translateX(-600px);}
.new-center.articleShow{ opacity:1; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); transition:1200ms 300ms;}

.company.article-block{ opacity:0; transform:translateX(600px); -webkit-transform:translateX(600px); -moz-transform:translateX(600px);}
.company.articleShow{ opacity:1; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); transition:1200ms 300ms;}

.tels.article-block{ opacity:0; transform:translateY(80px); -webkit-transform:translateY(80px); -moz-transform:translateY(80px);}
.tels.articleShow{ opacity:1; transform:translateY(0px); -webkit-transform:translateY(0px); -moz-transform:translateY(0px); transition:760ms 400ms;}

.case-banner.article-block h3,.case-title.article-block h3,.case-title.article-block time,.governing-box.article-block h3{ opacity:0; transform:translateY(80px); -webkit-transform:translateY(80px); -moz-transform:translateY(80px);}
.case-banner.articleShow h3,.case-title.articleShow h3,.case-title.articleShow time,.governing-box.articleShow h3{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:1400ms 0ms;}
.case-banner.article-block h3:before,.case-title.article-block h3:before,.governing-box.article-block h3:before{ width:0; opacity:0;}
.case-banner.articleShow h3:before,.case-title.articleShow h3:before,.governing-box.articleShow h3:before{ width:76px; opacity:1; transition:850ms 650ms;}
.governing-box.articleShow h3:before{ width:136px;}
.case-banner.article-block h3:after,.case-title.article-block time:before,.governing-box.article-block h3:after{ width:0; opacity:0;}
.case-banner.articleShow h3:after,.case-title.articleShow time:before,.governing-box.articleShow h3:after{ width:76px; opacity:1; transition:850ms 650ms;}
.governing-box.articleShow h3:after{ width:136px;}
.case-title.article-block time{ transition:870ms 200ms;}

.about-title.article-block h2{ opacity:0; transform:translateY(60px); -webkit-transform:translateY(60px); -moz-transform:translateY(60px);}
.about-title.articleShow h2{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:880ms 200ms;}
.about-title.article-block p{ opacity:0; transform:translateY(50px) scale(0.9); -webkit-transform:translateY(50px) scale(0.9); -moz-transform:translateY(50px) scale(0.9);}
.about-title.articleShow p{ opacity:1; transform:translateY(0) scale(1); -webkit-transform:translateY(0) scale(1); -moz-transform:translateY(0) scale(1); transition:980ms 300ms;}

.abouttitle.article-block h3{ opacity:0; transform:translateY(66px); -webkit-transform:translateY(66px); -moz-transform:translateY(66px);}
.abouttitle.articleShow h3{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:1200ms 300ms;}

.view-title.article-block{ opacity:0; transform:translateY(66px); -webkit-transform:translateY(66px); -moz-transform:translateY(66px);}
.view-title.articleShow{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:1200ms;}

.desigin .mark{ display:block; width:100%; height:100%; background:#f88427; position:absolute; left:0; top:0; z-index:10;}
.desigin.article-block .mark{ transform:translateY(-100%); -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%);}
.desigin:nth-child(2) .mark{ background:#023459;}
.desigin.articleShow .mark{ animation:1.3s 300ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
      -webkit-backface-visibility: visible !important;
      backface-visibility: visible !important;
      -webkit-animation-name: fadedown;
      animation-name: fadedown;
}
.desigin:nth-child(2).articleShow .mark{ animation-delay:700ms;}

.desigin.article-block figure img{ opacity:0; transform:translateY(-40px); -webkit-transform:translateY(-40px); -moz-transform:translateY(-40px);}
.desigin.articleShow figure img{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:1050ms 1300ms;}
.desigin:nth-child(2).articleShow figure img{ transition:1050ms 1700ms;}
.desigin.article-block figcaption .desigin-wr{ opacity:0; transform:scale(0.87); -webkit-transform:scale(0.87); -moz-transform:scale(0.87);}
.desigin.articleShow figcaption .desigin-wr{ opacity:1; transition:850ms 1450ms; -webkit-transform:scale(1); -moz-transform:scale(1);}
.desigin:nth-child(2).articleShow figcaption .desigin-wr{ transition:850ms 1850ms;}

@keyframes fadedown {
  from {
     transform:translateY(-100%);
  }
  60% {
     transform:translateY(0);
  }

  to {
    transform:translateY(100%);
    visibility:hidden;
  }
}

.desigin-fix.article-block{ transform:translateY(48px); -webkit-transform:translateY(48px); -moz-transform:translateY(48px); opacity:0;}
.desigin-fix.articleShow{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:1100ms 300ms;}

.desiginname.article-block figure,.common-text.article-block figure{ transform:translateY(70px); -webkit-transform:translateY(70px); -moz-transform:translateY(70px); opacity:0;}
.desiginname.articleShow figure,.common-text.articleShow figure{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:1280ms 350ms;}
.desiginname.article-block .desigin-text,.common-text.article-block .strongs{ opacity:0; transform:translateX(200px); -webkit-transform:translateX(200px); -moz-transform:translateX(200px);}
.common-text.article-block .strongs{ transform:translateX(-200px); -webkit-transform:translateX(-200px); -moz-transform:translateX(-200px);} 
.desiginname.articleShow .desigin-text,.common-text.articleShow .strongs{ opacity:1; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); transition:1200ms 350ms;}

.governing.article-block h3,.wisdom.article-block h3{ position:relative; top:45px; opacity:0;}
.governing.articleShow h3,.wisdom.articleShow h3{ opacity:1; transition:880ms 120ms; top:0;}
.governing.article-block b,.wisdom.article-block b{ width:0; opacity:0; transform:translateY(50px); -webkit-transform:translateY(50px); -moz-transform:translateY(50px);}
.governing.articleShow b,.wisdom.articleShow b{ width:58px; opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:860ms 300ms;}
.governing.article-block p,.wisdom.article-block p{ opacity:0; transform:translateY(60px); -webkit-transform:translateY(60px); -moz-transform:translateY(60px);}
.governing.articleShow p,.wisdom.articleShow p{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:680ms 550ms;}

.desiginname1.article-block .desigin-text{ transform:translateX(-200px); -webkit-transform:translateX(-200px); -moz-transform:translateX(-200px);}
.desiginname1.articleShow .desigin-text{ transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0);}
.common-text1.article-block .strongs{ transform:translateX(200px); -webkit-transform:translateX(200px); -moz-transform:translateX(200px);}
.common-text1.articleShow .strongs{ transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0);}

.location.article-block h3 small{ position:relative; left:40px; opacity:0;}
.location.articleShow h3 small{ left:0; opacity:1; transition:780ms 150ms;}

.major.article-block .major-left{ opacity:0; transform:translateY(55px); -webkit-transform:translateY(55px); -moz-transform:translateY(55px);}
.major.articleShow .major-left{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:980ms 200ms;}

.major.article-block .majorImg{ opacity:0; position:relative; left:80px;}
.major.articleShow .majorImg{ opacity:1; left:0; transition:980ms 200ms;}

.locate-list.article-block li{ opacity:0; position:relative; top:78px;} 
.locate-list.articleShow li{ opacity:1; top:0; transition:1100ms 200ms;}
.locate-list.articleShow li:nth-child(2){ transition:1100ms 700ms;}
.locate-list.articleShow li:nth-child(3){ transition:1100ms 1200ms;}

.net-fix.article-block,.nettitle.article-block{ opacity:0; transform:translateY(70px); -webkit-transform:translateY(70px); -moz-transform:translateY(70px);}
.net-fix.articleShow,.nettitle.articleShow{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:780ms;}
.nettitle.articleShow{ transition:780ms 430ms;}


.case-top{ background:#f2f2f1; padding-top:60px;}
.case-in{ width:1020px; margin:auto; position:relative; padding-bottom:30px;}
.case-in h2{ font-weight:normal; position:relative; line-height:normal; color:#005bac; font-size:28px; padding-bottom:5px;}
.case-in small{ display:block; width:192px; height:1px; background:#111111; position:absolute; left:0; bottom:0;}
.build{ margin-top:50px; width:460px;}
.build p{ color:#4c4948; text-indent:14px;}
.case-in img{ max-width:100%; height:auto;}

.seivice{ margin-top:40px;}
.seivice h4{ color:#005bac; font-size:18px; line-height:normal; margin-bottom:10px; font-weight:normal;}
.service-list{ margin-bottom:50px;}
.service-list li{ padding-left:20px; color:#4c4948; background:url(../images/dian.jpg) 8px center no-repeat;}

.imgrigh{ position:absolute; right:0; top:20px;}
.case-bottom{ width:1020px; margin:auto; text-align:center; margin-top:40px;}
.case-bottom img{ margin:auto; max-width:100%;}
.case-fixed h4{ color:#005bac; font-size:18px; margin-bottom:18px; font-weight:normal; line-height:normal;}
.case-fixed p{ color:#4c4948;}
.case-bottom img{ margin-top:50px; margin-bottom:60px;}
.case-bottom img.casllle{ margin-right:130px;}

.extension{ margin-top:78px;}
.extension h3{ text-align:center; color:#005bac; font-size:28px; position:relative; font-weight:normal; line-height:normal; padding-bottom:5px; margin-bottom:20px;}
.extension h3 small{ width:54px; height:1px; background:#121212; position:absolute; left:50%; margin-left:-27px; bottom:0;}
.exte img:nth-child(1){ float:left;}
.exte img:nth-child(2){ float:right;}

.hardware{ width:1020px; margin:auto; margin-top:54px; margin-bottom:100px;}
.facilities h4{ font-weight:normal; line-height:normal; color:#005bac; font-size:28px; padding-bottom:5px; border-bottom:1px solid #121212; display:inline-block; margin-bottom:20px;}

.facilitice-info{ margin-bottom:120px;}
.facilitice-info figure{ display:block; float:left; text-align:center; background:#c0c0c0; padding-top:34px; line-height:normal; width:47%;}
.facilitice-info figure img{ max-width:100%; height:auto;}
.facilitice-info figcaption{ display:block; width:45.5%; float:right;}
.facilitice-info figcaption h4{ color:#005bac; font-size:18px; line-height:normal; margin-bottom:20px; line-height:normal;}
.facilitice-info figcaption p{ color:#4c4948;}
.facilitice-info:nth-child(2n+2) figure{ float:right;}
.facilitice-info:nth-child(2n+2) figcaption{ float:left;}

.software{ margin-top:56px;}
.software img{ display:block; float:left; max-width:100%;}
.soft-info{ width:44.1%; float:right; margin-top:120px;}
.soft-info h2{ color:#005bac; font-size:18px; margin-bottom:18px; line-height:normal; font-weight:normal;}
.soft-info p{ color:#4c4948;}
.hallmark{ margin-top:95px;}
.hall-info{ float:left; width:44.7%;}
.hall-info h2{ color:#005bac; font-size:18px; font-weight:normal; margin-bottom:32px; line-height:normal;}
.hall-info p{ color:#4c4948; text-indent:24px;}
.hall-info:nth-child(2){ float:right;}

.hallmae .hall-info{ width:100%; text-align:center;}
.hall-info img{ max-width:100%;}
.hallmae .hall-info img{ margin:auto; max-width:100%;}
.hallmae .hall-info img.time{ margin-top:150px;}


.code-fix{ width:400px; height:auto; position:fixed; left:50%; top:50%; margin-left:-200px; background:#fff; z-index:200; margin-top:-124px; transform:translateY(40px); -webkit-transform:translateY(40px); -moz-transform:translateY(40px); opacity:0; visibility:hidden; transition:540ms;}
.code-fix.on{ opacity:1; visibility:visible; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}

.code-input{ text-align:center; padding:52px 0 27px;}
.code-input input[type=text]{ width:268px; height:40px; padding:0; color:#323232; font-size:14px; text-align:center; line-height:40px; border:1px solid #d2d2d2; background:#f8f8f8; outline:none; border-radius:18px; margin:auto; margin-bottom:20px; font-family:微软雅黑;}
.code-input input[type=submit]{ display:block; width:57px; height:21px; border:1px solid #d2d2d2; border-radius:8px; padding:0; text-align:center; line-height:21px; color:#323232; font-family:微软雅黑; background:none; margin:auto; cursor:pointer; font-size:12px; transition:480ms;}
.code-input input[type=submit]:hover{ background:#f8f8f8;}
.code-tel{ padding:12px 18px 20px 18px; background:#002a51;}
.code-tel h3{ position:relative; text-align:center;}
.code-tel h3 b{ text-align:center; line-height:normal; display:inline-block; font-weight:normal; color:#5b97ce; font-size:14px; padding:0 10px; background:#002a51; position:relative; z-index:5; margin:auto;}
.code-tel h3:before{ content:""; width:100%; height:2px; background:#2a5d8b; position:absolute; left:0; top:7px;}
.code-tel p{ margin-top:12px; text-align:center;}
.code-tel p span{ display:inline-block; color:#ffffff; font-size:14px; line-height:normal;}
.code-tel p span:nth-child{ margin-right:20px;}
.closea{ width:32px; height:32px; background:url(../images/close1.png) center no-repeat; z-index:10; position:absolute; right:12px; top:12px; transition:460ms; cursor:pointer;}
.closea:hover{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}

.edite{ float:left; margin-top:4px;}
.edite b{ color:#033257; font-size:18px; line-height:normal; margin-bottom:10px;}
.edifix a{ display:inline-block; line-height:normal; float:left; color:#646464; font-size:14px;}
.edifix a:nth-child(1){ padding-right:10px; position:relative;}
.edifix a:nth-child(1):before{ content:""; width:1px; height:14px; background:#a0a0a0; position:absolute; right:0; top:3px;}
.edifix a:nth-child(2){ padding-left:10px;}
.edifix a:hover{ color:#e68333;}

#pro{ margin: 0px;padding: 0px;display: block;}
.office-text{ min-height: 102px;}
.foot_gov{ float: right;}
.foot_gov img { width: 30px;height: auto;}
.footerris{ float: right;}
.footerris a{ display: inline-block;float: left;}
.footer-inner a img{ display: block;width: 24px;height: auto;} 
.clearit{clear: both;margin: 0;padding: 0;}


/*2020/08/04改版*/
.header_wrapper{
    width: 1165px;
    margin: 0px auto;
}
.header_left{
    width: 250px;
    float: left;
    line-height: 87px;
}
.header_right{
    width: 900px;
    float: right;
}
.rmdh{
    font-size: 20px;
    color: #0164af;
    font-weight: 600;
    width: 100%;
    margin: 10px 0;
}
.header_left img{width: 75%;vertical-align: middle;}
.rmdh span{
    float: right;
}
.prod_wrapper{
    width: 100%;
}
.prod_con{
    width: 1200px;
    margin:50px auto 30px;
}
.prod_type{
    width: 220px;
    float: left;
    border: 1px solid #0164af;
    border-bottom: none;
}
.type_com{
    border-bottom: 1px solid #0164af;
    color: #333;
    font-size: 18px;
    text-align:center;
    line-height: 60px;
    cursor: pointer;
}
.type_com1{
    background: #0164af;
    color: #fff !important;
    font-weight: 600;
}
.prod_type .active{
    color: #0164af;
    font-weight: 600;
}
.prod_lamp{
    width: 950px;
    float: right;
}
.lamp_com{
    display: none;
}
.prod_lamp .selected{
    display: block;
}
.lamp_com .lamp_li{
    float: left;
    width: 23%;
    margin-bottom:20px;
    margin-right: 2.6%;
}
.lamp_com .lamp_li:nth-child(4n){
    margin-right: 0;
}
.lamp_li .li_wrapper{
    width: 100%;
    height: 258px;
    overflow: hidden;
    position:relative;
    border: 2px solid #0164af;
}
.li_wrapper img{
    width: 100%;
}
.li_wrapper .li_title{
    position: absolute;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    bottom: 0;
    left: 0;
    font-size: 16px;
    background: rgba(0,0,0,0.3);
    transition:all 0.3s;
}
.li_wrapper:hover .li_title{
    height: 295px;
    line-height: 295px;
    text-align: center;
    color: #fff;
    bottom: 0;
    left: 0;
    font-size: 18px;
    font-weight:600;
    background: rgba(0,0,0,0.3);
}
.honor_wrapper{
    width: 100%;
}
.honor_con{
    width: 1200px;
    margin:20px auto 0;
}
.honor_tit{
    margin-bottom:10px;
}
.honor_tit a{
    font-size: 32px;
    color: #333;
    
}
.honor_tit a .eng_span{
    font-size: 24px;
    color: #999;
}
.honor_tit a:hover{
    font-size: 32px;
    color: #0164af;
}
.honor_info .info_img{
    float: left;
    width: 23%;
    height: 372px;
    overflow: hidden;
    margin-bottom:20px;
    margin-right: 2.6%;
}
.honor_info .info_img:hover img{
    transition:all 0.1s;
    transform:scale(1.05);
}
.honor_info .info_img:nth-child(4n){
    margin-right: 0;
}
.info_img img{
    width: 100%;
}
.about_wrapper{
    width: 100%;
}
.about_con{
    width: 1200px;
    margin:0px auto 40px;
}
.about_left{
    width: 400px;
    /*height: 300px;*/
    overflow: hidden;
    float: left;
}
.about_left img{
    width: 100%;
}
.about_right{
    float: right;
    width: 725px;
    font-size: 16px;
    color: #333;
    line-height: 34px;
}
.project_wrapper{
    width: 100%;
}
.project_con{
    width: 1200px;
    margin:20px auto;
}
.project_info{
    width: 100%;
}
.pro_com{
    float: left;
    width: 23%;
    text-align: center;
    margin-right: 2.6%;
}
.pro_com:nth-child(4){
    margin-right: 0;
}
.pro_img{
    width: 100%;
    height: 260px;
    overflow: hidden;
}
.pro_img img{
    width: 100%;
}
.pro_img:hover img{
    transition:all 0.1s;
    transform:scale(1.05);
}
.pro_tit a{
    font-size: 16px;
    color: #333;
    margin-top: 10px;
    line-height: 32px;
}
.pro_more{
    color:#0164af;
    font-size: 14px;
}
.pro_more:hover{
    font-weight: 600;
}
.news_con{
    width: 1200px;
    margin:20px auto;
}
.news_tit{
    padding-bottom: 10px;
    border-bottom: 1px solid #d6d7d8;
}
.tit_tab{
    display: inline-block;
    font-size: 32px;
    color: #333;
    font-weight: 600;
    cursor: pointer;
}
.tit_tab1{
    width: 380px;
    position:relative;
}
.tit_tab1::after{
    content: "";
    position:absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 30px;
    background: #666;
}
.tit_tab2{
    width: 420px;
    margin-left: 30px;
}
.tit_tab .eng_span{
    font-size: 24px;
    color: #999;
}
.news_tit .active1{
    color: #0164af;
}
.news_list{
    margin:20px 0;
}
.list_tab{
    display: none;
}
.news_list .selected1{
    display: block;
}
.img_left{
    width: 440px;
    height: 260px;
    overflow: hidden;
    float: left;
}
.img_left img{
    width: 100%;
}
.img_right{
    width: 720px;
    float: right;
}
.img_right .title_p {
    margin: 20px 0 20px;
}
.img_right .title_p a{
    font-size: 22px;
    color: #333;
    
}
.img_right .content_p{
    font-size: 16px;
    line-height: 34px;
    color: #666;
}
.list_mess{
    width: 100%;
    margin-top: 20px;
}
.mess_com:first-child{
    display: none;
}

.mess_com{
    width: 48%;
    line-height: 33px;
    font-size: 16px;
    box-sizing: border-box;
    float: left;
    padding-left: 30px;
    background: url(../images/libk.png)no-repeat 5px center;
}
.mess_com:nth-child(even){
    float: left;
}
.mess_com:nth-child(odd){
    float: right;
}
.mess_com a{
    color: #333;
}
.mess_com:hover a,.mess_com:hover span{
    color: #0164af;
}
.mess_com span{
    float: right;
}

/*联系我们*/
.offices,.content_box{width: 1200px;margin:0 auto;}
.content_box {margin-bottom: 40px;}
.banner img{width: 100%;}
.box_title{width: 100%;font-size:40px;font-family:PingFang SC;font-weight:bold;color:rgba(51,51,51,.2);line-height: 110px;position: relative;}
.title_text{position: absolute;font-size:28px;top: 60px;line-height: 30px;font-family:PingFang SC;font-weight:500;color:rgba(51,51,51,1);}
.map_box{width: 800px;height: 475px;float: left;}
.contact_box{width: 30%;float: right;text-align: left;border: 5px solid #017ccb;padding: 20px 10px;box-sizing: border-box;}
.contact_tit{font-size:24px;font-family:PingFang SC;font-weight:500;color:rgba(51,51,51,1);line-height:60px;}
.contact_info{padding: 20px 0 0;}
.contact_info:not(:last-child){border-bottom: 1px solid #BFBFBF;}
.contact_info .info_p{font-size: 16px;margin-bottom: 20px;font-family:PingFang SC;font-weight:400;color:rgba(51,51,51,1);line-height: 30px;padding-left: 40px;}
.contact_info .info_p1{background: url(../images/dz.png) no-repeat 0 50%;}
.contact_info .info_p2{background: url(../images/dh.png) no-repeat 0 50%;}
.contact_info .info_p3{background: url(../images/rx.png) no-repeat 0 50%;}
.contact_info .info_p4{background: url(../images/cz.png) no-repeat 0 50%;}
.contact_info .info_p5{background: url(../images/yx.png) no-repeat 0 50%;}
.contact_info .info_p6{background: url(../images/wz.png) no-repeat 0 50%;}

.contact_info .info_p span{display: inline-block;font-weight: 600;color: #0164af;width: 70%;vertical-align: middle;}


   .box {
    position:relative;
    width: 75%;
    margin:0 auto;
  }
  #china-map {
   width:760px;
    height:660px;
    margin-left:-100px;
  }
  #back {
    position:absolute;
    top:10px;
    left:0;
    cursor:pointer;
  }
  .hidden {
    display:none;
  }
  .map_hint{
    position: absolute;
    right: 0;
    top: 90px;
    width: 320px;
    padding: 0 10px ;
    height: 540px;
    overflow: auto;
  }

  .map_hint::-webkit-scrollbar{
  width: 2px;
}
.map_hint::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0,0,0,0.3);
  -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
}

.map_hint::-webkit-scrollbar-track{
  background: rgba(0,0,0,0.2);
  border-radius: 0;
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
}
  p{margin:0;}
  .hint{
    width: 100%;
    background:#e8e8e8;
    padding: 6px 0 6px 8px;
    margin-bottom: 15px;
    box-sizing: border-box;
    box-shadow:0px 0px 5px #aad3ee;
    display: none;
  }
  .hint.active{
    display: block;
  }
  .hint_city{
    font-size: 18px;
    line-height: 20px;
    color: #097bba;
    margin-bottom:6px;
  }
  .hint_comp {
    margin-top:6px;
    color: #322273;
  }
    .hint_comp a{
    font-size: 14px;
    line-height: 20px;
    color: #322273;
    
  }
   .hint_comp a:hover{
    color: #097bba;
    
  }
  .hint_city a{
    color: #097bba;
  }
  .hint_hosp{
    font-size: 14px;
    line-height: 20px;
    color: #333;
  
  }
  .hint_hosp li .title_type:hover{
    color: #097bba;
  }
  .xtdwh3{
    font-size: 28px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51,51,51,1);
    text-align: center;
    margin-bottom: 5px;
  }
  .xtdwh4{
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(153,153,153,1);
    text-align: center;
  
  }

ul.nav .nav_li{position:relative;}
.leval_menu{ display:none;}
ul.nav .nav_li:hover .leval_menu{display: block;}
ul.nav .nav_li:nth-child(){

}
.leval_menu{
    
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 30px;
    z-index: 111;
    padding-top: 20px;
}
.leval_menu .leval_li{
     background: #fff;
     width: 140px;
     text-align: center;
     height: 50px;
     line-height: 50px;
     border-bottom: 1px solid #d6d2d2;
     margin-left: 0;
}
.leval_menu .leval_li a{
    font-size: 16px;
    color: #333;
}
.leval_menu .leval_li a:hover{
    color: #3468ab;
}

.rslh_wrapper {
    width: 1200px;
    margin:0 auto;
    color: #333;
}
.rslh_wrapper h2{
    font-size: 36px;
    text-align: center;
    margin: 30px 0 0;
    color: #333;
}
.ryzz_con{width: 100%;margin:40px 0;}
.con_img {width: 300px;    height: 420px;  padding: 10px;box-sizing: border-box; float: left;border:1px solid #666;}
.con_img img{width: 100%;height: 100%;}
.con_img3{width: 600px;}
.listbox{width: 1200px;margin:0 auto;}
.list_ul .list_li{padding: 20px 0;border-bottom: 1px solid #3068b2;font-size:16px;}
.list_li .preview{display: inline-block;width: 400px;height: 226px;overflow: hidden;float: left;margin-right: 30px;border: 5px solid #3268ae;box-sizing: border-box;}
.list_li .preview img{width: 100%;}
.list_ul .list_li::after{content: '';clear:both;display: block;}
.list_ul .list_li .title{font-size:18px;font-weight: 600;}
.list_ul .list_li span.info{display: block;line-height: 26px;}
.list_ul .list_li p.intro{color: #333;}

.dede_pages .pagelist{    font-size: 16px;text-align: center;margin: 20px 0;}

.new_inner{width: 70%;background: #ededed;float: left;padding-top: 30px;}
.about_inner{width: 28%;background: #ededed;float: right;padding: 10px;box-sizing: border-box;}
.news_wrapper::after{
    display: block;
    clear: both;
    content: "";
}
.about_inner h2{    
    font-size: 16px;
    padding-left: 15px;
    border-left: 4px solid #3268ae;
    margin-bottom: 10px;
}
.about_inner .about_li{border-top: 1px solid #a7a2a2;padding: 10px 0;}
.li_wrapper .imgLink{width: 100%;height: 140px;display: block;overflow: hidden;}
.imgLink{width: 100%;}
.li_wrapper .moreBtn{font-size: 15px;font-weight: 600;line-height: 30px;}

.pages {width: 100%;box-sizing: border-box;border-top: 1px dashed #666;padding: 20px;}

.w1200{width:1200px;margin:0 auto;}
/*翻页*/

/*分页样式*/
.pages1{
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    height:36px;
}
.pages1 ul{

}
.pages1 ul li{
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    line-height: 36px;
}
.pages1 ul li a,.pages1 ul li span{
    line-height: 36px;
    height:34px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 4px;
    text-align: center;
    display: inline-block;
    border: 1px #ddd solid;
    background: linear-gradient(to bottom,#F2F2F2,#FFFFFF,#F2F2F2);
    cursor: pointer;
}
.pages1 ul li.disabled span{
    background: #FFF;
    color:#ddd;
    cursor: not-allowed;
}
.pages1 ul li.active span {
    background: #FFF;
    color:#FB4765;
    border-color: #FB4765;
    font-weight: bold;
}
.pages1 ul li a:hover{
    color:#FB4765;
}


.js img{
    width:100%;
}

.producttext2 .explain img{
    width:100%;
}