@charset "utf-8";
/* 
 * Project  
 * Author:位置
 * Date：2016-6-12
 */


@font-face {
    font-family: 'helvetica_neue_ltregular';
    src: url('../font/helveticaneuelt-mediumcond-webfo.woff2') format('woff2'),
         url('../font/helveticaneuelt-mediumcond-webfo1.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;font-size:1px; }
/* 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: #000; 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: 1000px; margin: 0px auto;}
div {
    box-sizing: border-box;
}
.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(../image/xshare1.png) no-repeat scroll center center;}
.xzy-share-box .weixin .ico{ background: url(../image/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(../image/xshare11.png);}
.xzy-share-box .weixin:hover .ico{ background-image: url(../image/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(../image/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(../image/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; padding:20px 0; position:relative; z-index:99; height:90px;}
.header{ position:relative; padding:0 26px 0 40px;
    display: flex;
}
.logo{ height:90px; float:left; line-height:normal;}
.logo img{ display:inline-block;  height:100%;}
.header-ri{ float:right;
    /* padding-top: 30px; */
    flex: 1;
    margin-left: 300px;
}
/* .nav{ float:left; margin-right:48px;} */
.nav{
    display: flex;
    height: 100%;
    align-items: center;
}
/* .nav li{ float:left; margin-left:26px;} */
.nav li{
    flex: 1;
    padding: 0 5px;
    text-align: center;
}
.nav li a{ display:inline-block; padding:0 2px; color:#323232; font-size:16px; padding-bottom:7px; transition:560ms; line-height:24px; position:relative;}
.nav li a:before{ content:""; width:100%; height:2px; background:#e56724; position:absolute; left:0; bottom:4px; opacity:0; transition:440ms;}
.nav li:hover a:before,.nav li.current a:before{ bottom:0; 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(../image/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(../image/share.png) center no-repeat; margin-right:0;}
.share a.sharea:hover{ background:url(../image/share1.png) center no-repeat;}

.menuBtn{ position:absolute; right:30px; top:4px; width:38px; height:36px; 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-2{ top:15px;}
.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!important;}
.iphone-logo{ margin-top:25px;}
.iphone-logo img{ width:210px; height:auto;}
.mune-list{ text-align:center; 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(../image/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(../image/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(../image/share2.png) center no-repeat;}
.share-fix a:nth-child(2){ background:url(../image/search2.png) center no-repeat; margin-right:0;}
.share-fix a:nth-child(1):hover{ background:url(../image/share3.png) center no-repeat;}
.share-fix a:nth-child(2):hover{ background:url(../image/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(../image/search.png) left center no-repeat; cursor:pointer; transition:540ms;}
.search input[type=button]:hover{ background:url(../image/search1.png) left center no-repeat;}
.close{ display:block; width:32px; height:31px; position:absolute; left:0; top:26px; background:url(../image/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*/

.banner1{
    display: flex;
    align-items: center;
    justify-content: center;
}
.banner1 img{
    width: 100%;
}

.banner { width: 100%; margin: 0px auto; overflow: hidden; color: #fff; 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{ 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{ 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(../image/prev.png) center no-repeat; }
.banner .flex-direction-nav li a.flex-next{ background:url(../image/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(../image/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; overflow:hidden; 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(../image/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(../image/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:0; text-align:left; top:54px; width:88px;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(../image/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(../image/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(../image/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;}

/*-- 首页产品 开始 --*/
.index-p{width: 100%;background-color: #f8f8f8;overflow: hidden;}
.index-p .index-p-inner{width: 100%;overflow: hidden;}
.index-p .img-box{float: right;width: 50%;padding-top: 31.25%;position: relative;}
.index-p .img-box img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.index-p .left{float: left;width: 50%;padding-top: 31.25%;position: relative;}
.index-p .text{display: block;cursor: pointer;width: 425px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.index-p .text .t1{font-size: 14px;color: #333;margin-bottom: 34px;}
.index-p .text .t2{font-size: 28px;line-height: 34px;color: #333;margin-bottom: 34px;display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.index-p .text .t3{font-size: 14px;color: #333;text-align: right;}
.index-p .text .t3:hover{color: #2f1915;}
.index-p .text .t1:before{content: "";width: 40px;height: 2px;background-color: #2f1915;display: inline-block;vertical-align: middle;margin-right: 21px;}
@media(max-width: 1640px){
    .index-p .text .t1{margin-bottom: 20px;}
    .index-p .text .t2{font-size: 21px;margin-bottom: 20px;line-height: 27px;}
}
@media(max-width: 1240px){
    .index-p .text{width: 261px;padding: 20px;}
    .index-p .text .t1{margin-bottom: 17px;}
    .index-p .text .t2{font-size: 14px;margin-bottom: 17px;line-height: 22px;}
}
@media(max-width: 840px){
    .index-p{padding-top: 34px;padding-bottom: 34px;padding-left: 20px;padding-right: 20px;}
    .index-p .index-p-inner{max-width: 540px;margin: 0 auto;}
    .index-p .img-box{width: 100%;padding-top: 0;height: auto;}
    .index-p .img-box img{position: static;height: auto;}
    .index-p .left{width: 100%;height: auto;padding-top: 0;}
    .index-p .text{position: static;width: 100%;height: auto;padding: 20px;position: static;left: 0;right: auto;top: 0;transform: translate(0,0);-webkit-transform: translate(0,0);}
}

.fr {
    float: right;
}
.content {
    width: 1000px;
    margin: 0 auto;
}
.light {
    height: 760px;
    margin-top: 30px;
    overflow: hidden;
    position: relative;
}
.tit1 {
    height: 98px;
    overflow: hidden;
    font: 26px "Microsoft Yahei";
        font-weight: normal;
    font-weight: bold;
    color: #e62129;
    background: url(../image/jg_line.gif) no-repeat left top;
    padding-left: 32px;
}
.light .tit1 {
    background: url(../image/light_line.gif) no-repeat left top;
}
.tit1 em {
    display: block;
    font: 18px Arial, Helvetica, sans-serif;
    color: #b4b4b4;
    text-transform: uppercase;
}
.light h4 {
    font: 14px "Microsoft Yahei";
        line-height: normal;
    color: #7f7f7f;
    width: 700px;
    text-align: right;
    height: 28px;
    line-height: 28px;
    position: absolute;
    right: 0;
    top: 20px;
}

.light{ width:100%; height:auto; margin-top:30px; overflow:hidden; position:relative;}
.light .tit1{ background:url(../image/light_line.gif) no-repeat left top;}
.light h4{ font:14px "Microsoft Yahei"; color:#7f7f7f; width:700px; text-align:right; height:28px; line-height:28px; position:absolute; right:0; top:20px;}
.light h4 a{ color:#7f7f7f; display:inline-block; padding:0 6px;}
.light h4 a:hover{ color:#e62129;}
.light h4 a.a02{ color:#e62129; border:1px solid #e62129; display:inline-block; height:20px; line-height:20px;}

.xx_light{ width:110%; height:auto; margin-left:-3%; margin-top:30px; overflow:hidden; position:relative;}
.xx_light dl{ height:296px; width:488px; float:left; margin-left:3%; background:#f7f7f7; margin-bottom:14px; border:1px solid #e3e3e3; overflow:hidden;}
.xx_light dt{ width:236px; height:296px; float:left;}
.xx_light dt img{width:236px; height:296px;}
.xx_light dd{ width:232px; float:right; padding-top:20px;}
.xx_light dd h3 a{ display:block; font:18px "Microsoft Yahei"; height:32px; line-height:32px; font-weight:bold; color:#323232; overflow:hidden; margin-bottom:20px;}
.xx_light dd p{font:14px "Microsoft Yahei"; color:#7f7f7f; line-height:23px; width:212px;height:138px;overflow:hidden;}
.xx_light dd span a{ display:block; font:14px "Microsoft Yahei"; text-align:center; width:104px; height:27px; color:#e62129; border:1px solid #e62129; margin-top:10px; line-height:27px;}

.prolist{width:100%; height:auto; margin:0 auto; clear:both;}
.prolist .title {
    text-align: center; position:relative;
}
.prolist .title h3 {
    font-size: 30px;
    color: #eeeeee;
    font-weight: lighter;
    display: block;
    text-align: center; position:relative;
}
.prolist .title h4 {
    font-size: 30px;
    color: #333333;
    position:absolute;
    top: 10px; left:0px; width:100%;
}
.prolist .pnav {
    overflow: hidden;
    text-align: center;
    margin-top: 20px;
}
.prolist .pnav ul {
    text-align: center; margin:0; padding:0; list-style-type:none;
}
.prolist .pnav ul li {
    cursor: pointer;
    display: inline-block;
    width: 170px;
    font-size: 20px;
    color: #666666;
    padding-top: 10px;
    border-top: 2px solid #dddddd;
}
.prolist .pnav ul li.on {
    border-color: #ef2332;
}
.prolist .pnav ul li a{color: #666666;}
/*-- 首页产品 结束 --*/

/*-- 首页公司简介 开始 --*/
.img-out {

    position: relative;
    overflow: hidden;

}
.index-p{width: 100%;background-color: #f8f8f8;overflow: hidden; clear:both;}
.index-p .index-p-inner{width: 100%;overflow: hidden;}
.index-p .img-box{float: right;width: 50%;padding-top: 31.25%;position: relative;}
.index-p .img-box img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.index-p .left{float: left;width: 50%;padding-top: 31.25%;position: relative;}
.index-p .text{display: block;cursor: pointer;width: 425px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.index-p .text .t1{font-size: 14px;color: #333;margin-bottom: 34px;}
.index-p .text .t2{font-size: 16px;line-height: 28px;color: #333;margin-bottom: 34px;}
.index-p .text .t3{font-size: 14px;color: #333;text-align: right;}
.index-p .text .t3:hover{color: #2f1915;}
.index-p .text .t1:before{content: "";width: 40px;height: 2px;background-color: #2f1915;display: inline-block;vertical-align: middle;margin-right: 21px;}
@media(max-width: 1640px){
    .index-p .text .t1{margin-bottom: 20px;}
    .index-p .text .t2{font-size: 21px;margin-bottom: 20px;line-height: 27px;}
}
@media(max-width: 1240px){
    .index-p .text{width: 261px;padding: 20px;}
    .index-p .text .t1{margin-bottom: 17px;}
    .index-p .text .t2{font-size: 14px;margin-bottom: 17px;line-height: 22px;}
}
@media(max-width: 840px){
    .index-p{padding-top: 34px;padding-bottom: 34px;padding-left: 20px;padding-right: 20px;}
    .index-p .index-p-inner{max-width: 540px;margin: 0 auto;}
    .index-p .img-box{width: 100%;padding-top: 0;height: auto;}
    .index-p .img-box img{position: static;height: auto;}
    .index-p .left{width: 100%;height: auto;padding-top: 0;}
    .index-p .text{position: static;width: 100%;height: auto;padding: 20px;position: static;left: 0;right: auto;top: 0;transform: translate(0,0);-webkit-transform: translate(0,0);}
}


.index_4 { width: 100%; padding: 78px 0; background-color:#ededed; background-image:url(../image/bg4.jpg); background-repeat:no-repeat; background-position:center bottom; background-size: cover; }
.index_4 .wrap {
    max-width: 1510px;
    margin: 0 auto;
}
.index_4 .in_txt { width: 50%; padding-top: 7%; }
.index_4 .in_txt h4 { height: 43px; font-size: 40px; font-weight: 100; line-height:40px; color: #121315; text-transform:uppercase;}
.index_4 .in_txt h4 img { max-width: 100%; max-height: 100%; }
.index_4 .in_txt h5 { margin-bottom: 20px; font-size: 38px; font-weight: 100; color: #121315; }
.index_4 .in_txt h6 { margin-bottom: 90px; font-size: 16px; color: #333; line-height: 30px; }
.index_4 .in_txt p a { display: block; width: 140px; height: 40px; background: #20ae9e; border-radius: 20px; font-size: 18px; color: #fff; text-align: center; line-height: 40px; }
.index_4 .in_txt p a:hover { background: #20ae9e; }
.index_4 .in_vid { position: relative; width:45%; padding: 15.5% 0; }
.index_4 .in_vid .video { display: none; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; }
.index_4 .in_vid .video > * { width: 100%; height: 100%; }
.index_4 .in_vid > span { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background: no-repeat center; background-size: cover; cursor: pointer; }
.index_4 .in_vid > span:before { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; content: ''; background: rgba(0, 0, 0, 0.2); }
.index_4 .in_vid > span i { position: absolute; top: 38%; left: 50%; z-index: 2; font-size: 56px; color: #fff; font-style:normal; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.index_4 .in_vid > span em { display: block; position: absolute; left: 0; bottom:0px; z-index: 2; width: 100%; height: 70px; background-color:rgba(0, 0, 0, 0.8); font-size: 22px; color: #dcdcdc; line-height: 70px; text-align: center; font-style:normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
/*-- 首页公司简介 结束 --*/


/*-- 首页案例 开始 --*/
.case_bg {
    background: url(../image/pro_bg.jpg) no-repeat center top;
    padding: 87px 0 30px; clear:both;
}
.min_w {
    min-width: 1200px;
}
.container {
    width: 1200px;
    margin: 0 auto;
}
.case_con {
    width: 770px;
}
.case_tit {
    height: 100px;
    color: #fff;
}
.case_tit i {
    display: block;
    font-size: 48px;
    line-height: 40px;
    height: 60px; font-style:normal;
}
.f24 {
    font-size: 24px;
}
.case_more {
    line-height: 40px;
    color: #fff;
    background: url(../image/icon04.png) no-repeat right center;
    padding-right: 40px;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.case_text {
    height: 120px;
    line-height: 30px;
    color: #fff;
    padding: 20px 0;
}
.case_list{ margin:0; padding:0; list-style-type: none; position: relative;}
.case_list li {
    width: 400px;
    height: 260px;
    float: left; overflow:hidden; text-align:center;
}
.case_list_first {
    position: absolute;
    right: 0;
    top: -260px;
}
.case_list li a {
    display: block;
    position: relative;transition: all 0.3s;
}
.case_list li a > img{width:100%; height:auto; border:0px;}
.case_list_text {
    line-height: 35px;
    height: 105px;
    overflow: hidden;
    margin: 10px 0;
    color: #666;
}
.case_list_name {
    position: absolute;
    left: 0;
    top: 0;
    width: 400px;
    height: 0;
    overflow: hidden; background-color:rgba(255,255,255,0.8);
    box-sizing: border-box;
    transition: all .3s linear;
}
.case_list_name b {
    line-height: 60px;
}
.case_list li a:hover .case_list_name {
    height: 260px;
    padding: 30px;
    box-shadow: 0 0 0px #d0d0d0;
}
.f18 {
    font-size: 18px;
}
.f16 {
    font-size: 16px;
}
.fb {
    font-weight: bold;
}
.blue {
    color: #00a0e9;
}
.tc {
    text-align: center;
}
.tr {
    text-align: right;
}
.rel {
    position: relative;
}
.cl {
    clear: both;
}
/*-- 首页案例 结束 --*/

/*-- 首页新闻 开始 --*/
.index_tit {
    height: 60px;
    line-height: 60px;
    margin: 20px 0; color: #333;
    text-transform: uppercase;
}
.index_tit b {
    font-size: 30px;
    margin-right: 10px;
}
.index_tit i {
    padding-top: 20px;
    line-height: 40px; font-style:normal;
}
.index_type {
    background: url(../image/icon01.jpg) no-repeat left center;
    padding: 0 20px;
    font-size: 16px; color: #333;
}
.news_bg{padding-bottom:50px; clear:both;}
.news_l{width:530px;}
.news_r{width:620px;}
.news_l_list{padding:10px 0;}
.news_l_list_date{color:#5b5b5b; width:90px;padding-right:20px;border-right:#ddd solid 1px;height:100px;padding-top:20px;box-sizing:border-box;}
.news_l_list_date b{font-size:22px;line-height:40px;color:#5b5b5b;}
.news_l_list_con{width:420px;line-height:30px;padding-top:10px;color:#666; text-align:left;}
.news_l_list_con h3{color:#333;}
.news_list{margin-bottom:50px;}
.news_list li{height:120px;clear:both;position:relative;}
.news_list li a{display:block; color:#5b5b5b;}
.news_list_pic{margin:10px 0px 10px 20px;}
.news_list_date{width:90px;padding-right:20px;border-right:#ddd solid 1px;height:140px;padding-top:40px;box-sizing:border-box;}
.news_list_date b{font-size:22px;line-height:40px;color:#5b5b5b;}
.news_list_con{width:340px;line-height:30px;padding-top:20px;color:#666; text-align:left;}
.news_list li a:hover .news_list_con{color:#00a0e9;}
.news_list_con h3{color:#333;line-height:40px;}
.news_list_line{position:absolute;left:88px;top:0px;height:0;width:3px;background:#dcdcdc;transition:all .5s linear;}
.news_list li:hover .news_list_line{top:55px;height:30px;}
.news_more{display:block;width:120px;margin:0 auto;background:url(../image/more.png) no-repeat 100px center;padding-right:20px;color:#999;line-height:40px;border:#00a0e9 solid 1px;height:40px;border-radius:20px;}
/*-- 首页新闻 结束 --*/

/*----- 首页新闻 开始 -----*/
.ititle {
    font-size: 34px;
    color: #333;
    text-align: center;
    font-weight: lighter;
}
.ln * {
    box-sizing: border-box;
    line-height: 1;
}
.ln{padding-bottom: 88px;}
.ln .ln-intro{text-align: center;font-size: 16px;color: #a39d90;padding-top: 15px;margin-bottom: 72px;padding-left: 20px;padding-right: 20px;}
@media (max-width: 1200px){
    .ln{padding-bottom: 54px;}
    .ln .ln-intro{margin-bottom: 44px;}
}
@media (max-width: 800px){
    .ln{padding-bottom: 45px;}
    .ln .ln-intro{margin-bottom: 38px;}
}
@media (max-width: 500px){
    .ln{padding-bottom: 29px;}
    .ln .ln-intro{margin-bottom: 26px;}
}
.ln-list{width: 100%;max-width: 1510px;margin: 0 auto;padding-left: 20px;padding-right: 20px;overflow: hidden;}
.ln-list>li{float: left;width: 21.11%;margin-right: 5%;}
.ln-list>li:last-child{margin-right: 0;}
.ln-list>li>a{display: block;width: 100%;padding-top: 82.1%;position: relative;}
.ln-list .img-box{width: 100%;padding-top: 55.789%;position: absolute;left: 0;top: 0;z-index: 1;opacity: 0;transition: all .5s;}
.ln-list .img-box img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.ln-list .date{width: 100%;position: absolute;left: 0;top: 0;z-index: 3;padding-left: 20px;padding-bottom: 20px;border-bottom: 1px solid #e5e5e5;font-family: 微软雅黑;}
.ln-list .date:after{display: none;content: "";width: 42px;height: 42px;border: 1px solid #6b729b;background-image: url(../image/icon-right3.png);background-repeat: no-repeat;background-position: center center;position: absolute;right: 20px;top: 50%;margin-top: -21px;}
.ln-list .md{font-size: 34px;color: #666;font-weight: lighter;padding-bottom: 4px;}
.ln-list .y{font-size: 14px;color: #666;}
.ln-list .text{width: 100%;height: 100%;position: absolute;left: 0;top: 0;padding: 108px 20px 0 20px;z-index: 2;}
.ln-list .title{font-size: 18px;color: #666;line-height: 26px;height: 52px;overflow: hidden;margin-bottom: 17px;text-transform: Uppercase;}
.ln-list .abstract{font-size: 14px;color: #999;line-height: 22px;height: 44px;overflow: hidden;}
.ln-list>li>a:hover .img-box,
.ln-list>li.active>a .img-box{opacity: 1;}
.ln-list>li>a:hover .date,
.ln-list>li.active>a .date{background-color: #3e477d;top: auto;bottom: 0;padding-top: 22px;padding-bottom: 22px;}
.ln-list>li>a:hover .date:after,
.ln-list>li.active>a .date:after{display: block;}
.ln-list>li>a:hover .md,
.ln-list>li.active>a .md{color: #fff;}
.ln-list>li>a:hover .y,
.ln-list>li.active>a .y{color: #fff;}
.ln-list>li>a:hover .text,
.ln-list>li.active>a .text{padding-top: 40px;background-color: rgba(0,0,0,0.5);}
.ln-list>li>a:hover .title,
.ln-list>li.active>a .title{color: #fff;}
.ln-list>li>a:hover .abstract,
.ln-list>li.active>a .abstract{color: #fff;}
@media (max-width: 1700px){
    .ln-list>li>a:hover .text,
    .ln-list>li.active>a .text{padding-top: 20px;}
}
@media (max-width: 1450px){
    .ln-list .title{font-size: 16px;line-height: 22px;margin-bottom: 8px;height: 44px;}
    .ln-list .abstract{font-size: 13px;line-height: 19px;height: 38px;}
}
@media (max-width: 1300px){
    .ln-list .md{font-size: 28px;}
    .ln-list .text{padding-top: 80px;padding-left: 10px;padding-right: 10px;}
    .ln-list .date{padding-left: 10px;}
    .ln-list .title{font-size: 14px;line-height: 18px;margin-bottom: 6px;height: 36px;}
    .ln-list .abstract{font-size: 12px;line-height: 16px;height: 32px;}
    .ln-list>li>a:hover .date,
    .ln-list>li.active>a .date{padding-top: 10px;padding-bottom: 10px;}
    .ln-list>li>a:hover .text,
    .ln-list>li.active>a .text{padding-top: 10px;}
}
@media (max-width: 1200px){
    .ln-list .md{font-size: 23px;}
    .ln-list>li>a:hover .date,
    .ln-list>li.active>a .date{padding-top: 10px;padding-bottom: 10px;}
    .ln-list .date:after{width: 30px;height: 30px;margin-top: -15px;}
}
@media (max-width: 930px){
    .ln-list>li{width: 48%;margin-right: 4%;margin-bottom: 4%;}
    .ln-list>li:nth-child(even){margin-right: 0;}
    .ln-list>li>a{padding-top: 70%;}
    .ln-list>li>a:hover .text,
    .ln-list>li.active>a .text{padding-top: 20px;}
    .ln-list>li>a:hover .date,
    .ln-list>li.active>a .date{padding-top: 22px;padding-bottom: 22px;}
    .ln-list .text{padding-left: 20px;padding-right: 20px;}
    .ln-list .date{padding-left: 20px;}
    .ln-list .md{font-size: 28px;}
    .ln-list .y{font-size: 14px;}
    .ln-list .title{font-size: 16px;line-height: 22px;margin-bottom: 8px;height: 44px;}
    .ln-list .abstract{font-size: 13px;line-height: 19px;height: 38px;}
}
@media (max-width: 700px){
    .ln-list>li>a{padding-top: 82.1%;}
}
@media (max-width: 600px){
    .ln-list>li>a:hover .text,
    .ln-list>li.active>a .text{padding-top: 10px;}
    .ln-list>li>a:hover .date,
    .ln-list>li.active>a .date{padding-top: 15px;padding-bottom: 15px;}
    .ln-list .text{padding-left: 10px;padding-right: 10px;}
    .ln-list .date{padding-left: 10px;}
    .ln-list .md{font-size: 23px;}
    .ln-list .y{font-size: 12px;}
    .ln-list .title{font-size: 14px;line-height: 18px;margin-bottom: 6px;height: 36px;}
    .ln-list .abstract{font-size: 12px;line-height: 16px;height: 32px;}
}
@media (max-width: 500px){
    .ln-list>li>a:hover .date,
    .ln-list>li.active>a .date{padding-top: 11px;padding-bottom: 11px;}
    .ln-list .md{font-size: 19px;}
    .ln-list .title{font-size: 13px;line-height: 17px;height: 34px;}
}
@media (max-width: 420px){
    .ln-list>li{width: 100%;margin-bottom: 4%;}
    .ln-list>li>a{padding-top: 60%;}
}
/*-- 首页新闻 结束 --*/

.new-box{ padding:64px 0; background:#ededed; overflow:hidden; clear:both;}
.new{ width:1165px; margin:auto;}
.new-center{ padding:27px 22px 0 42px; background:#fff; height:272px; width:408px; position:relative; float:left;}
.swiper-slide{ height:100%;}
.new-title{ margin-bottom:66px;}
.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(../image/add1.png) center no-repeat; transition:650ms;}
.new-title a:hover{ border-color:#ff7f18;}
.new-title a:hover:before{ background:url(../image/add2.png) center no-repeat; transform:rotate(180deg);}
.news{ width:403px; 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{ display:block; float:right; width:246px;}
.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(../image/prev.png) center no-repeat;}
.news .flex-direction-nav a.flex-next{ background:#e5e5e5 url(../image/next.png) center no-repeat;}
.news .flex-direction-nav a.flex-prev:hover{ background:#ff8c2f url(../image/prev.png) 40% center no-repeat;}
.news .flex-direction-nav a.flex-next:hover{ background:#ff8c2f url(../image/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(../image/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:100%; height:auto; line-height:normal;}
.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(../image/radius1.png) center no-repeat; transition:540ms;}
.case-fix .flex-control-nav li a.flex-active span{ background:url(../image/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:1165px; margin:auto; padding:34px 0 42px;}
.address{ float:left; margin-left:6px;}
.address h2{ line-height:normal; color:#033257; font-size:30px; font-weight:normal; margin-bottom:12px;}
.address span{ display:block; color:#646464; 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:840ms;}
.wechat{ float:right;}
.code{ float:right;}
.codeimg{  border:1px solid #e5e5e5; padding:2px;}
.codeimg img{ display:block; width:150px; height:150px;}
.code span{ display:block; text-align:right; color:#646464; font-size:16x; line-height:18px;}
.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(../image/weib.png) left center no-repeat;}
.eq-list a:nth-child(2){ background:url(../image/wa.png) left center no-repeat;}
.eq-list a:hover{ color:#ff8c2f;}
.footer-bottom{ background:#033257;}
.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:20px; position:relative;}
.second-list{ padding-left:13px; position:static;}
.second-list >li{ float:left; padding-bottom:10px; width:auto; position:static;}
.second-list >li >a >i{ width:12px; height:6px; background:url(../image/top.png) center no-repeat; position:absolute; left:50%; margin-left:-6px; bottom:-10px; z-index:5; transition:650ms; opacity:0;}
.second-list >li >a{ display:inline-block; line-height:normal; padding:0 32px 10px; color:#323232; font-size:20px; 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(../image/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(../image/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;}
.pages{ padding:88px 0 82px; position:relative;}
.page-info{ float:left; width:39%; position:relative;}
.page-info a{ display:block; padding-left:40px; color:#323232; font-size:14px; line-height:26px; background:url(../image/triangle.png) left center no-repeat; transition:560ms;}
.page-info a b{ display:block; width:33px; height:1px; background:#a0a0a0; position:absolute; transition:730ms;}
.page-info:nth-child(1) a b{ left:88px; top:14px;}
.page-info:hover a{ color:#ff8c31; background:url(../image/triangle5.png) left center no-repeat;}
.page-info:hover a b{ width:300px; background:#ed6c00;}
.page-info:nth-child(2){ float:right;}
.page-info:nth-child(2) a{ padding-left:0; padding-right:40px; background:url(../image/triangle1.png) right center no-repeat; text-align:right;}
.page-info:nth-child(2) a b{ right:88px; top:14px;}
.page-info:nth-child(2):hover a{ background:url(../image/triangle4.png) right center no-repeat;}

.pagenumble{ position:absolute; left:50%; top:81px; margin-left:-15px;}
.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{ background:#ededed; padding-top:100px;}
.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(../image/prev2.png) center no-repeat;}
.view-banner .flex-prev:hover{ background:url(../image/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(../image/next2.png) center no-repeat;}
.view-banner .flex-next:hover{ background:url(../image/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;}
.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; 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:30px 0;}
.case-title h3{ padding-top:20px; color:#323232; font-size:50px; 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 38px;}
.projext{ width:1156px; margin:auto;}
.area{ float:left;}
.area:nth-child(1){ width:455px;}
.area span{ display:block; color:#323232; font-size:14px;}
.area strong{ display:block; color:#323232; font-size:25px; 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(../image/share.png) center no-repeat;}
.sharepro a:nth-child(2){ background:url(../image/cope.jpg) center no-repeat; margin-bottom:0;}
.sharepro a:nth-child(1):hover{ background:url(../image/share1.png) center no-repeat;}
.sharepro a:nth-child(2):hover{ background:url(../image/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(../image/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(../image/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(../image/adius1.png) center no-repeat; transition:860ms;}
.desigin figcaption .dow{ display:block; width:14px; height:21px; background:url(../image/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(../image/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(../image/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:116px 62px 105px; background:#ededed; overflow:hidden;}
.desigin-introduct{ text-align:center; padding:48px 0 50px; border-bottom:2px solid #023459; background:url(../image/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(../image/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(../image/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(../image/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(../image/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(../image/ab-arrow-left.png) no-repeat;
	}
.fancybox-nav {
	top:50%;
	margin-top:-20px;
    width: 40px;
    height: 40px;
	background:url(../image/join-arrow.png) no-repeat;
	}
.fancybox-prev{
	left:-70px;
	}
.fancybox-next{
	right:-70px;
	background-position:right center;
	}
.fancybox-overlay {
    background:url(../image/fancybox_overlay.png);
	}
.fancybox-close {
	width: 30px;
	height: 30px;
    top: 7px;
    right: -35px;
	background:url(../image/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(../image/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(../image/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; padding-bottom:110px; margin-bottom:50px; overflow:hidden;}
.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 160px;}
.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(../image/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(../image/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(../image/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(../image/triangle4.png) right center no-repeat;}
.offices .flex-nav-next .flex-next:hover:before{ width:20px;}

.office-list{ margin-top:50px; padding-top:75px;}
.office-list .office-info{ float:left; margin-right:12%; width:25%; margin-bottom:62px;}
.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(../image/people.png) left center no-repeat;}
.office-list .office-info .office-text span:nth-child(2){ background:url(../image/tel.png) left center no-repeat;}
.office-list .office-info .office-text span:nth-child(3){ background:url(../image/map.png) left 5px no-repeat;}
.office-list .flex-direction-nav{ display:none;}

/*product*/
.product-box{ padding:80px 0 100px; background:#ededed;}
.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; width:100%; height:auto; line-height:0;}
.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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/load0.png) center center no-repeat; position:relative; z-index:5; transition:540ms 200ms;}
.video-list li figcaption a.sharpBtn{ background-image: url(../image/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(../image/load.png);}
.video-list li:hover figcaption a.sharpBtn{ background-image: url(../image/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(../image/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:69.5%; float:left; margin-left:-20.3%;}
.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(../image/loading1.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(../image/prev1.png) center no-repeat;}
#specRight{ position: absolute; width:72px; height:68px; border:1px solid #d2d2d2; right:0; bottom:0; cursor:pointer; background:url(../image/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(../image/prev1.png) center no-repeat;}
.productbanner .owl-theme .owl-controls .owl-buttons div.owl-next{ right:-60px; background:url(../image/next1.png) center no-repeat;}
.jqzoom.hide .jqZoomPup,.jqzoom.hide .zoomdiv{ display:none !important;}

.producttext{ width:44.5%; float:right;}
.product-tits{ padding-top:68px; border-top:7px solid #ec6941; margin-bottom:214px;}
.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(../image/load2.png) left center no-repeat; transition:650ms;}
.product-tits a:hover{ color:#ec6941; background:url(../image/load3.png) left center no-repeat;}
.explain{ padding-bottom:70px; border-bottom:3px solid #ec6941;}
.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(../image/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(../image/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(../image/top2.png) center no-repeat;}
#product #preview #specRight{ background:url(../image/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(../image/prev.png) center no-repeat; left:0;}
.paremeter-list .owl-theme .owl-controls .owl-buttons div.owl-next{ background:#a0a0a0 url(../image/next.png) center no-repeat; right:0;}
.paremeter-list .owl-theme .owl-controls .owl-buttons div.owl-prev:hover{ background:#ec6941 url(../image/prev.png) center no-repeat;}
.paremeter-list .owl-theme .owl-controls .owl-buttons div.owl-next:hover{ background:#ec6941 url(../image/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(../image/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(../image/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;}

.security{ float:left; margin-left:36px; margin-top:-18px;}
.security span{ display:block; color:#123d61; font-size:20px; font-weight:bold; line-height:30px;}

.shares-box{ padding:96px 0 150px; background:#ededed;}
.rmbs{ margin-bottom:78px;}
.rmbs b{ display:block; line-height:1; float:left; color:#004098; font-size:100px; font-family:"Arial"; font-weight:normal;}
.rmbs i{ display:block; width:18px; height:24px; float:left; line-height:1; background:url(../image/shapp.png) center no-repeat; margin-left:36px; margin-right:20px; margin-top:8px;}
.rmbs i.down{ background:url(../image/shapp1.png) center no-repeat; }
.rmbs small{ display:block; float:left; color:#004098; font-size:15px; font-family:"Arial"; line-height:1; margin-top:64px;}
.investlist{ padding:30px 0; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
.ivestinfo{ width:24%; float:left;}
.ivestinfo span{ display:block; line-height:1; color:#646464; margin-bottom:20px;}
.ivestinfo b{ display:block; line-height:1; color:#000000; font-size:30px; font-family:"Arial"; font-weight:normal;}
.ivestinfo:last-child{ width:auto; float:right; margin-right:55px;}
.investin{ color:#969696; margin-top:32px;}
.notices{ width:930px; margin:auto;}
.noticeli{ margin-bottom:52px; background:#999999; line-height:1;}
.noticeli li{ float:left; margin-right:1px;}
.noticeli li a{ display:block; width:72px; text-align:center; height:28px; line-height:28px; color:#ffffff; font-size:16px;}
.noticeli li a:hover,.noticeli li a.on{ background:#e46520;}

.notice-list li{ width:48%; float:left; background:#ffffff; transition:0.45s; margin-bottom:27px;}
.notice-list li:nth-child(2n+2){ float:right;}
.notice-list li a{ display:block; padding:22px 0 24px 30px; position:relative; border:1px solid #dcdcdc;}
.notice-list li a h4{ color:#000000; font-size:16px; line-height:1; height:68px; transition:0.35s;}
.notice-list li a span{ display:block; width:102px; height:32px; text-align:center; line-height:32px; color:#000000; background:#e5e5e5; transition:0.38s;}
.notice-list li a time{ display:block; padding-left:9px; width:54px; background:#023459; position:absolute; right:-1px; top:-1px; padding-top:10px; padding-bottom:10px; transition:0.35s;}
.notice-list li a time b{ display:block; line-height:1; color:#fff; font-size:18px; font-family:"Arial"; margin-bottom:6px;}
.notice-list li a time i{ display:block; line-height:1; color:#fff; font-size:12px; font-family:"Arial"; font-style:normal;}
.notice-list li:hover{ background:#e46520;}
.notice-list li:hover a{ border-color:#e46520;}
.notice-list li:hover h4{ color:#fff;}

.contactus{ width:1100px; margin:auto; padding:55px 0; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
.contactus p{ color:#646464; font-size:16px; margin-bottom:18px;}
.contactus p b{ display:inline-block;}
.contactus p:last-child{ margin-bottom:0;}
.interacte{ width:1100px; margin:auto;}

.teaminfos{ width:48.72%; float:left; margin-bottom:30px;}
.teaminfos:nth-child(2n+2){ float:right;}
.teamin li{ position:relative; line-height:1; display:none; overflow:hidden;}
.teamin li:first-child{ display:block;}
.teamin li figure{ display:block; overflow:hidden; line-height:1;}
.temwimg{ position:relative; overflow:hidden;}
.teamin li figure img{ display:block; width:100%; height:auto; line-height:0; transition:0.5s;}
.teamin li span{ display:block; height:70px; line-height:70px; color:#323232; font-size:16px; background:#fff; transition:0.4s; padding-left:22px; padding-right:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.teambgs{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:4; background:none; transition:0.5s; opacity:0; visibility:hidden;}
.teambgs:before{ content:""; width:100%; height:100%; background:rgba(2,52,89,0.9); background:#023459\9; filter:alpha(opacity=90); position:absolute; left:0; top:0;  -webkit-transition: -webkit-transform .5s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .5s cubic-bezier(.4,0,.2,1); transition: transform .5s cubic-bezier(.4,0,.2,1); transition: transform .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1); transform-origin: left 100%; -webkit-transform-origin: left 100%; transform: scaleY(0); -moz-transform: scaleY(0); -webkit-transform: scaleY(0); visibility: hidden\9;}
.teambgs p{ color:#fff; font-size:16px; line-height:1.8; position:relative; z-index:5; padding:65px 38px 0;}
.teambgs b{ display:block; color:#fff; line-height:1; font-size:14px; position:absolute; left:7.7%; z-index:5; font-weight:normal; bottom:28px;}
.teamin li:hover .teambgs{ opacity:1; visibility:visible;}
.teamin li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.teamin li:hover .teambgs:before{ transform: scaleY(1); -webkit-transform: scaleY(1); transform-origin: left 0; -webkit-transform-origin: left 0; visibility: visible\9;}
.teamin li:hover span{ background:#e56724; color:#fff;}
.shares-box1{ padding-bottom:0;}

/** 遮罩*/
.btn11 {
    width: 100%;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.btn11 img {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
}
.btn11 .ovrly {
    background: rgba(255, 153, 0, 0.5);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.btn11 .buttons {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.btn11 .buttons .fa {
    /*background: rgb(256, 256, 256);*/
    /*-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);*/
    /*-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);*/
    /*box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);*/
    /*-webkit-border-radius: 50%;*/
    /*-moz-border-radius: 50%;*/
    /*border-radius: 50%;*/
    display: inline-block;
    line-height: 40px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    /*width: 40px;*/
    /*height: 40px;*/
    position: relative;
    -webkit-transform: rotateZ(360deg) scale(0);
    -moz-transform: rotateZ(360deg) scale(0);
    -ms-transform: rotateZ(360deg) scale(0);
    -o-transform: rotateZ(360deg) scale(0);
    transform: rotateZ(360deg) scale(0);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    transition: transform 0.3s;
    color:#fff
}
.btn11 .buttons .fa-link {
    -webkit-transform-origin: 105% 50%;
    -moz-transform-origin: 105% 50%;
    -ms-transform-origin: 105% 50%;
    -o-transform-origin: 105% 50%;
    transform-origin: 105% 50%;
}
.btn11 .buttons .fa-search {
    -webkit-transform-origin: -5% 50%;
    -moz-transform-origin: -5% 50%;
    -ms-transform-origin: -5% 50%;
    -o-transform-origin: -5% 50%;
    transform-origin: -5% 50%;
}
.btn11:hover .buttons .fa {
    -webkit-transform: rotateZ(0deg) scale(1);
    -moz-transform: rotateZ(0deg) scale(1);
    -ms-transform: rotateZ(0deg) scale(1);
    -o-transform: rotateZ(0deg) scale(1);
    transform: rotateZ(0deg) scale(1);
}
.btn11:hover .ovrly {
    opacity: 1;
}
.btn02{
      /* width: 100%; */
      overflow: hidden;
      position: relative;
      -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
      box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3)
  }
.btn02 img {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    vertical-align: middle;

}
.btn02 .ovrly {
    position: absolute;
    background: rgba(255, 102, 0, 0.4);
    height: 100%;
    left: -100%;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.btn02:hover .ovrly {
    left: 0;
}

.case_one{ width:645px; float:left;height: 773px;}
.case_two{width:600px;float:left;height: 773px;margin-left: 5px; margin-right: 5px;}
.case_two h2{margin:15px auto;  height: 49px; width: 185px; background: #006634; font-size: 14px; color:#fff; text-align: center; font-weight: normal;line-height: 49px;}
.case_two h2 a{color:#fff;text-align: center;}
.hidden_large{display: none;}

/*.news-li li{width:33%;}*/

.news-box{ margin:0 auto; background:#ededed;}
.news-box ul{width:1320px; margin: 0 auto;}
.news-box li{ width:392px; background:#ededed; position:relative; float:left; margin-bottom:52px;margin-top: 32px; margin-right: 70px;}
.news-box li:nth-child(3n){margin-right: 0;}
.news-box li a{text-align: center; color:#666; }
.news-box li h3{color:#666; text-align: center; font-size: 15px; line-height: 30px;font-weight: normal}
/*.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; 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);}*/
.case-text img{ max-width: 100% !important; border: none;}

/*paged*/
#page { padding: 45px 0; text-align: center; }
#page a, .paged .p_info, #page .pager_hover { display: inline-block; zoom: 1; *display: inline;
margin: 0 4px; padding: 9px 14px; font-size: 13px; text-align: center; color: #8b8b8b; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; border: 1px solid #dedfe1; background-color: #f3f4f5; }
#page .pager_hover, #page a:hover { color: #fff; border-color: #be1a20; background-color: #be1a20; }* .footer {
  margin: 0rem;
  background: #413e3c;
  display: flex;
  justify-content: space-around;
  box-sizing: border-box;
  padding-top: 56rem;
  margin-top: 88rem;width: 100%;
}.select-bdr{
   border-bottom-color: black !important;
}
    #box{
        margin: 20px 0;
    }
    #box .list{
        height: 680px;
    }
    #box .list .one{
        width: 58% !important;
    }
    #box .list .two{
    	width: 42%;
        height: 100%;
    	float: left;
    }
    #box{
        background-color: #e8edf3;
        position: relative;
    }
    #box .list .only-cut .h2{
    	margin-bottom: 30px;
    	font-size: 24px;
        position: absolute;
        top: calc(50% - 64px);
        left: 75%;
    }
    #box .list .only-cut .h2 h2{
        font-size: 26px;
    }
    #box .list .only-cut p{
    	font-size: 16px;
    	line-height: 2;
        font-weight: 600;
    	margin-bottom: 14px;
        border:1px solid #aaaaaa;
        padding: 2px 30px;
        margin-top: 14px;
        cursor: pointer;
    }

    #box .list .only-cut p img{
        margin-bottom: 1px;
        margin-left: 5px;
    }

    #box .list .only-cut .only-button {
    border: 1px solid #333333;
    border-color: ;
    color: #ffffff;
    color: #333333;
    margin-top: 19px;
    display: inline-block;
    padding: 10px 28px;
    -webkit-transition: .5s;
    font-size: 15px;
    -ms-transition: .5s;
    transition: .5s;
    }

    #box .list .only-cut .only-button:hover{
    background: #d80808;
    border-color: #d80808;
    color: #ffffff;
    text-decoration: none;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
    }
    #box .twoImg{
        height: 100%;
        width: 100%;
        background-image: url("blist.jpg");
        background-position: top right;
        background-repeat: no-repeat;
    }
    #apply{
        position: relative;
    }
    #apply .list{
        height: 680px;
        margin-bottom: 20px;
    }
    #apply .list .one{
        width: 36%;
        margin-right: 1%;
        background-color: #e04042;
    }
    #apply .list .two .twoImg{

    }
    #apply .list .two{
        float: left;
        height: 100%;
    }
    #apply .list  .one .twoImg{
        padding: 5% 10%;
        height: 100%;
    }
    #apply .list  .one .twoImg .title{
    text-align: center;
    height: 90px;
    color: white;
    font-size: 36px;
    line-height: 2;
    border: 1px solid white;
    position: relative;
    margin-bottom:70px; 
    }
    #apply .list  .one .twoImg .title .ling{
        text-align: center;
    }
    #apply .list .one .twoImg .yy{
        display: inline-block;
        padding:0 20px;
        background-color: #e04042;
    }
    #apply .list .one .twoImg .design{
        height: 50px;
        text-align: center;
        line-height: 50px;
        width: 330px;
        font-size: 18px;
        color: white;
        margin: 0 auto;
        background-color: black;
        border-radius: 5px;
    }
    #apply .list .one .twoImg .title span{
    display: inline-block;
    bottom: 28px;
    font-size: 18px;
    padding: 0 5px;
    color: white;
    background-color: black
    }
   #apply .img{
    float: left;
    height: 100%;
    padding-top: 12.5px;
    border-right: 1px solid #d3d3d3;
   }
   #apply .input{
    background-color: white;
    height: 55px;
    border-radius: 8px;
    margin-bottom: 20px;
   }
   #apply .input  img{
    float: left;
    margin: 0 20px;
   }
   #apply .input .icon{
    height: 100%;
   }
   #apply .input input{
    width: 70%;
    padding-top: 12.5px;
    float: left;
    height: 30px;
    border:none;
    outline: none;
    margin-left: 15px;
    color: #8f8f8f;
    font-size: 16px;
   }
    #apply .select{
        background-color: transparent;
        margin-bottom: 35px;
    }
    #apply .select select{
        height: 100%;
        width: 45%;
        text-align: center;
        text-align-last: center;
        outline: none;
        color: #8f8f8f;
        font-size: 16px;
        border-radius: 8px;
    }
    #apply .select select option{
           text-align: center;
            text-align-last: center;
        }
    #apply .select select:first-child{
        float: left;
    }
    #apply .select select:last-child{
        float: right;
    }
    #apply .list .only-cut{
    width: 63%;
    background-image: url("blist2.png");
    background-position: top right;
    background-repeat: no-repeat;
    }
   #apply .list .only-cut .h2 {
    margin-bottom: 30px;
    font-size: 24px;
    position: absolute;
    bottom: 6%;
    left: 63%;
}

   #apply .list .only-cut .h2 p {
    font-size: 16px;
    line-height: 2;
    margin-bottom: 14px;
    padding: 2px 30px;
    margin-top: 14px;
    background-color: #5688ab;
    color: white;
    cursor: pointer;
}
   #apply .list .only-cut p img {
    margin-bottom: 1px;
    margin-right: 5px;
}



 #monopoly{
        position: relative;
    }
    #monopoly .list{
        height: 680px;
        margin-bottom: 20px;
    }
    #monopoly .list .one{
        width: 30%;
        margin-left: 1%;
    }
    #monopoly .list .two .twoImg{
        height: 100%;

    }
    #monopoly .list .two .twoImg .box-one{
        height: 49.5%;
        width: 100%;
        float: left;
        margin-bottom: 1%;
        background-image: url("sj.jpg");
        background-position: center;;
        background-repeat: no-repeat;
    }
    #monopoly .list .two .twoImg .box-two{
        height: 49.5%;
        width: 100%;
        float: left;
        background-color: #e8f6f7;
    }
    #monopoly .list .two{
        float: left;
        height: 100%;
    }
    #monopoly .list .only-cut{
    width: 69%;
    background-image: url("blist3.png");
    background-position: top right;
    background-repeat: no-repeat;
    }
   #monopoly .list .only-cut .h2 {
    margin-bottom: 30px;
    font-size: 24px;
    position: absolute;
    top: 5%;
    left: 5%;
}
#monopoly .list .only-cut .bgc-img{
    position: absolute;
    left: 5%;
    bottom: 5%;
}
#monopoly .list .only-cut .h2 h2{
    font-size: 26px;
}

   #monopoly .list .only-cut .h2 p {
font-size: 16px;
    line-height: 2;
    font-weight: 600;
    margin-bottom: 14px;
    border: 1px solid #aaaaaa;
    padding: 2px 30px;
    margin-top: 14px;
    cursor: pointer;
}
   #monopoly .list .only-cut p img {
    margin-bottom: 1px;
    margin-left: 5px;
}
#monopoly .list .twoImg .h2 p{
    font-size: 16px;
    line-height: 2;
    font-weight: 600;
    margin-bottom: 14px;
    border: 1px solid #aaaaaa;
    padding: 2px 30px;
    margin-top: 14px;
    cursor: pointer;
    position: relative;
}
#monopoly .list .box-one{
    position: relative;
}
#monopoly .list .box-two{
    position: relative;
}
#monopoly .list .box-two .icon-search{
    position: absolute;
    left: 10px;
    height: 100%;
    top: 0;
    border-right: 1px solid #aaaaaa;
}
#monopoly .list .box-two .icon-search img{
    margin-top: 7px;
    margin-right: 8px;
}
#monopoly .list .box-one h2{
    color: white;
}
#monopoly .list .twoImg .h2 {
     margin-bottom: 30px;
    font-size: 24px;
    position: absolute;
    top: calc(50% - 68px);
    left: calc(50% - 60px);
}

#monopoly .list .box-one p{
    color: white;
}
#monopoly .list .twoImg .h2 h2{
    font-size: 26px;
}
#about{
    margin-bottom: 20px;
}
#about .left{
    width: 40%;
    float: left;
    background-color: #f6f8f8;
    height: 100%;
}
#about .left .h2{
    float: left;
    margin-top: 130px;
    margin-bottom: 45px;
    position: relative;
}
#about .left .h2:after{
    content: "";
    display: block;
    clear: both;
    height: 2px;
    width: 40px;
    background-color:black;
    position: absolute;
    bottom: -43px;
}
#about .left .h2 h2{
    font-size: 24px;
}
#about .left .h2 p{
    font-size: 16px;
    line-height: 2;
    font-weight: 600;
    margin-bottom: 14px;
    border: 1px solid #aaaaaa;
    padding: 2px 30px;
    margin-top: 14px;
    cursor: pointer;
}
#about .left .content{
    padding-left: 20%;
    padding-right: 10%;
    height: 100%;
}
#about .left .content .descption{
    float: left;
    font-size: 14px;
    line-height: 2;
    text-indent: 2em;
    margin-top: 50px;
}
.public-buttom{
  padding: 10px 30px;
  float: left;
  background-color: black;
  color: white;
  margin-top: 70px;
}

#about .list{
    height: 680px;
}
#about .right{
    width: 60%;
    float: left;
    height: 100%;
    background-image: url("blist8.png");
    background-position: center;
    background-repeat: no-repeat;
}.clear{clear: both;}
.header-ri .nav .nav_tel{
  font-size: 20px;
  color: #f00;
  /* font-weight: bold; */
  line-height: 1.2;
  text-align: right;
  margin: 0;
  padding: 0;
  flex: none;
}
.header-box .tel{
  text-align: center;margin-top: -20px;font-size: 20px;color: #f00;line-height: 1;
}

/* 鍥剧墖鍒楄〃 */
.picture_row{
  width: 1278px;
  margin: 0 auto;
  padding-top: 30px;
}
.picture{
  width: 100%;
}
.picture li{
  width: 380px;
  margin: 5px 10px;
  background: #fff;
  float: left;
  overflow: hidden;
}
.picture li .img{
  width: 100%;
  height: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.picture li .img img{
  height: 100%;
}
.picture li p{
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding: 5px;
  font-size: 20px;
}
.showimg{
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 999;
}
.showimg .showimg_content{
  width: 80vw;
  height: 60vh;
  position: fixed;
  top: 50%;
  margin-top: -30vh;
  left: 50%;
  margin-left: -40vw;
  text-align: center;
}
.showimg .showimg_content .img{
  position: relative;
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
}
.showimg .showimg_content .img img{
  max-width: 80vw;
  max-height: 60vh;
  border: 5px solid #000;
  border-radius: 10px;
}
.showimg .showimg_content .img .close{
  position: absolute;
  right: 10px;
  top: 10px;
  left: auto;
}
.showimg .showimg_content .img .close img{
  border: 0;
}
/* 鍥剧墖鍒楄〃end */

@media screen and (max-width:1750px){
  .header-ri{margin-left: 150px;}
  /* .header-ri .nav .nav_tel{flex: 1.4;} */
}
@media screen and (max-width:1550px){
  .header-ri{margin-left: 100px;}
  /* .header-ri .nav .nav_tel{flex: 1.6;} */
}
@media screen and (max-width:1450px){
   .casevide{ height:460px;}
   .common-text figure{ width:550px;}
   #preview{ margin-left:-50px; width:550px;}
   #spec{ padding:0 96px;}
   #specList{ width:360px;}
   #specList ul li{ margin-right:26px;}
   .product-tits{ margin-bottom:104px;}
   .case li{ width:31%; margin-right:3.5%;}
   .case li:nth-child(4n+4){ margin-right:3.5%;}
   .case li:nth-child(3n+3){ margin-right:0;}
   .security span{ font-size:16px; line-height:1.4;}
   .security{ margin-left:12px; margin-top:-8px;}
   .nav li{ margin-left:14px;}
   .nav li:nth-child(1){ margin-left:0;}
   .nav{ margin-right:20px;}

   .header-ri{margin-left: 60px;}
   /* .header-ri .nav .nav_tel{flex: 2;} */
}
@media screen and (max-width:1280px){ 
  .header-ri{margin-left: 50px;}
  /* .header-ri .nav .nav_tel{flex: 2.4;} */
   .common-text figure{ width:60%;}
   .vwrap .videobox{ width:800px; height:400px; margin-left:-400px; margin-top:-200px;}
   .nav li{ margin-left:22px;}
   .nav{ margin-right:10px;}
   /* .logo{ width:150px;} */
   .security span{ font-size:14px;} 
   .nav li{ margin-left:10px;}
   .share{ margin-left:12px;}
   .header{ padding:0 12px;}
   .share a{ display:none;}

  .picture_row{width: 900px;}
  .picture li{width: 280px;}
  .picture li .img{height: 375px;}
}
@media screen and (max-width:1220px){
  .nav li{ margin-left:24px;}
}
@media screen and (max-width:1165px){
  .header-ri{ display:none;}
  .header-box{ 
    width:100%; 
    /* height:55px;  */
    /* padding-top:26px;  */
    position:fixed; left:0; top:0;}  
  .banner1{margin-top: 130px;}
  .header{ padding:0 30px 0;}
  .menuBtn{ display:block;}
  .mtop{ height:81px; display:block;}
  .iphemake,.menu-fiex{ display:block;}
  .footer-top,.footer-inner,.tels{ width:95%;}
  .techinical-lis{ display:none;}
  .iphone-pro{ display:block;}
  .technical{ padding:0; width:100%;}
  .new{ width:95%;}
  .news{ width:90%; left:5%;}
  .new-center{ width:40.5%; box-sizing:border-box; padding-left:2%; padding-right:2%;}
  .company{ width:56.3%;}
  .profile{ width:39%; height:272px; box-sizing:border-box;}
  .new-title a{ margin-top:10px;}
  .case-fix{ width:61%;}
  .case-fix ul li img{ height:272px; width:auto;}
  .new-list li a{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
  .new-list li figcaption{ flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1; margin-left:18px; width:auto;}
  .new-list li figure{ width:33.33%;}
  .new-list li figure img{ width:100%; height:auto;}
  .tels{ padding:30px 0; margin-top:0;}
  .new-box{ padding:50px 0 58px;}
  .projext{ width:90%;}
  .case-text{ width:90%;}
  .area:nth-child(1){ width:45%;}
  .case-info figcaption{ padding:28px 30px 0;}
  .desiginname{ width:100%;}
  .common-text{ padding-bottom:20px;}
  .desigin-box{ padding:80px 5%;}
  .commin-fix{ width:100%;}
  .strongs p{ margin-top:30px;}
  .common-text .strongs{ margin-right:20px;}
  .major{ width:95%;}
  .major-left{ height:320px;}
  .netbannr{ padding:80px 0 120px;}
  .netseivice img{ width:60%;}
  .honor-wr,.honorImg{ width:95%;}
  .productbanner{ display:block;}
  #preview{ display:none;}
  .producttext{ width:100%;}
  .videos{ display:block;}
  .banner,.banner .slides li{ height:auto !important;margin-top: 58px;}
  .banner .slides li img{ left:0 !important; top:0 !important; margin-left:0 !important; margin-top:0 !important; height:auto !important; width:100% !important;}
  .bannerText{ position:relative; margin-left:0; left:0; top:0; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); width:100%;}
  .bann{ width:100%; background:rgba(0,52,89,1);}
  .banner .flex-direction-nav{ width:100%; margin-left:0; left:0; margin-top:0; top:auto; bottom:15px;}
  .contactus{ width:90%;}
  .interacte{ width:90%;}
}
@media screen and (max-width:1024px){
  .new-list li figure{ width:105px; line-height:0;}
  .new-list li figcaption h3{ height:40px; overflow:hidden; margin-bottom:5px;}
  .new-list li figcaption p{ height:40px; overflow:hidden;}
  .downs{ display:none;}
  .banner .flex-direction-nav{ display:none;} 
  .numble{ bottom:10px;}
  .bamnline{ display:none;}
  .inner{ width:90%;}
  .second-level{ padding-top:29px;}
  .second-list >li{ padding-bottom:18px;}
  .leval-fix{ display:none; visibility:visible; opacity:1; top:75px;}
  .second-list >li.now .leval-fix{ display:block;}
  .second-list >li > a > i{ bottom:-13px;}
  .new-ifno li .new-content .new-more{ margin-right:22px;}
  .new-ifno li .new-content,.new-in{ width:100%;}
  .new-in{ box-sizing:border-box; padding:0 22px;}
  .new-in a{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -webkit-box-align:center; align-items:center;  -webkit-align-items:center;}
  .new-in figure{ margin-left:0; width:200px;}
  .new-in figcaption{ width:auto; flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1;}
  .datas{ width:100%; margin-top:12px;}
  .datas .datfix{ display:inline-block; padding-left:18px;}
  .datas span{ display:inline-block;}
  .datas .datfix b{ text-align:left;}
  .new-in figcaption h4{ font-size:20px; height:56px; overflow:hidden;}
  .new-in figcaption p{ margin-top:6px; height:50px; overflow:hidden;}
  .page-info:hover a b{ width:30%;}
  .menu-fix{ padding-right:5%;}
  .new-view{ padding-top:60px;}
  .view-title{ margin-bottom:40px;}
  .view-banner{ padding:0 10% 12px;}
  .abouttitle{ background-attachment:local !important; padding:80px 0;}
  .about-title{ padding:60px 0;}
  .abouttitle h3{ font-size:40px; padding-top:25px; padding-bottom:25px;}
  .abouetext{ padding:60px 0;}
  .case-banner{ padding:160px 0; background-attachment:local !important;}
  .case-banner h3{ font-size:38px;}
  .case-box{ padding-left:5%; padding-right:5%;}
  .casevide{ height:320px; padding:0;}
  .case-title{ padding:36px 0 36px;}
  .case-title h3{ font-size:38px;}
  .case-info figcaption{ padding-top:18px;}
  .case-info figcaption h3{ font-size:22px;}
  .case-info figcaption p{ margin-top:5px;}
  .case-text{ margin-top:54px;}
  .morecase{ padding:30px 0 45px;}
  .morecase h2{ font-size:22px;}
  .desigin-introduct p{ width:100%;}
  .desiginname figure{ width:42%;}
  .desigin-text{ width:50%;}
  .common-text{ margin-bottom:60px;}
   .common-text .strongs{ margin-right:0px;}
  .desigin-box{ padding:80px 0;}
  .major-left{ height:auto;}
  .major-fix{ position:relative; margin-top:45px;}
  .locate-list li .lacate-wr strong{ font-size:58px; line-height:58px; margin-bottom:12px;}
  .locate-list li .lacate-wr p{ line-height:1.8;}
  .netbannr{ padding:70px 0;}
  .net-fix,.nettitle{ left:5%;}
  .search-box{ padding:80px 0 60px;}
  .search-info{ padding:100px 0 110px;}
  .product-box{ padding:100px 0 150px;}
  .product-sele{ margin-bottom:38px;}
  .searchs{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
  .searchs input[type="text"]{ flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1;}
  .honor-wr,.honorImg{ width:90%;}
  .honorImg img{ max-height:240px;}
  .offices .flex-nav-prev .flex-prev{ left:0;}
  .offices .flex-nav-next .flex-next{ right:0;}
  .vwrap .videobox { width: 700px; margin-left: -350px; }
  .office-box{ padding:70px 0;}
  .office-list{ padding-top:20px; margin-top:20px;}
  .product-tits{ padding-top:48px; margin-bottom:40px;}
  .videos{ display:block;}
  .pameter-ha{ white-space:nowrap;}
  .paremeter-list{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; width:100%;}
  .pameter-list{ position:absolute; width:100%; box-sizing:border-box; padding-left:123px; left:0; top:0;}
  .video-list li figure span{ opacity:1;}
  .bannerText{ width:100%;}
  .case li figcaption h3{ height:46px; overflow:hidden; line-height:1.4;}
  .shares-box{ padding:50px 0;}
  .rmbs{ margin-bottom:30px;}
  .rmbs b{ font-size:66px;}
  .rmbs small{ margin-top:42px;}
  .investlist{ display:-webkit-box; justify-content:space-around; -webkit-justify-content:space-around; display:-webkit-flex; display:-ms-flexbox; display:flex;}
  .ivestinfo:last-child{ margin-right:0;}
  .ivestinfo b{ font-size:24px;}
  .notices{ width:100%;}
  .shares-box1{ padding-bottom:0;}

  .picture_row{width: 810px;padding-top: 20px;}
  .picture li{width: 250px;}
  .picture li .img{height: 337.5px;}
}
@media screen and (max-width:861px){
 .iphone-pro li{ width:50%;}
 .iphone-pro li:nth-child(1),.iphone-pro li:nth-child(2){ border-bottom:1px solid #e5e5e5;}
 .new-center{ width:100%; float:none; padding-left:0; padding-right:0; background:#eeeeee; padding-bottom:40px; height:auto;}
 .news{ width:100%; left:0; position:static; height:auto;}
 .news .flex-direction-nav{ right:0; height:48px; position:static; margin-top:40px;}
 .news .flex-direction-nav a{ height:48px;}
 .new-list li figure{ width:136px;}
 .new-title{ width:100%; margin:auto; margin-bottom:16px;}
 .new-title a{ margin-right:0;}
 .new-list li figcaption{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; box-align:center; -webkit-box-align:center; align-items:center;  -webkit-align-items:center; flex-flow: row wrap; -webkit-flex-flow: row wrap;} 
 .new-list li figcaption h3,.new-list li figcaption p{ height:auto; widows:100%;}
 .news .flex-direction-nav{ width:100%; }
 .company{ width:100%; float:none; position:relative; padding-bottom:86px; background:#fff;}
 .profile{ width:100%; box-sizing:border-box; height:auto; position:static;}
 .city{ padding:0;}
 .city span{ box-sizing:border-box; width:90%; margin:auto;}
 .profile .new-title{ box-sizing:border-box; padding:0; width:90%;}
 .case-fix{ width:100%;}
 .case-fix ul li img{ width:100%; height:auto;}
 .new-box{ padding-top:0; padding-bottom:0;}
 .about{ width:90%;}
 .case-info{ padding:30px 0;}
 .case-info figure,.case-info figcaption{ width:100%; float:none;}
 .case-info figcaption{ padding-top:28px;}
 .caseview figcaption{ padding:28px 0 0;}
 .desiginname figure{ width:100%; max-width:100%;}
 .desiginname figure img{ width:auto; max-width:100%;}
 .desigin-text{ width:100%; margin-top:30px;}
 .desigin-text h3{ text-align:left;}
 .common-text figure{ width:90%; float:none; margin:auto;}
 .strongs{ width:100%; float:none;}
 .strongs p{ margin-top:26px;}
 .major-left{ width:100%; margin-bottom:30px; float:none;}
 .major{ margin-top:10px;}
 .major-fix{ margin-top:25px;}
 .location-box{ padding-bottom:50px;}
 .majorImg{ max-width:100%; float:none; width:auto;}
 .majorImg img{ width:auto; max-width:100%;}
 .locate-list{ margin-top:30px;}
 .locate-list li{ width:48%; margin-right:4%; margin-bottom:30px;}
 .locate-list li:nth-child(2n+2){ margin-right:0;}
 .nettitle{ top:160px;}
 .nettitle h4{ font-size:28px;}
 .product-list li{ width:31%; margin-right:3.5%;}
 .product-list li:nth-child(4n+4){ margin-right:3.5%;}
 .product-list li:nth-child(3n+3){ margin-right:0;}
 .searchs{ width:80%;}
 .fackbak a{ padding:12px 40px;}
 .desigin figcaption .desigin-wr{ width:160px; height:160px; margin-left:-80px; margin-top:-80px;}
  .desigin figcaption .desigin-wr::before{ background-size:cover !important;}
  .desigin figcaption .desigin-wr span{ margin-top:20px;}
  .desigin figcaption .desigin-wr b{ margin-top:18px;}
  .desigin figcaption .desigin-wr h3{ font-size:18px; margin-top:5px;}
  .office-list .office-info{ width:45%; margin-right:10%; margin-bottom:30px;}
  .office-list .office-info:nth-child(3n+3){ margin-right:10%;}
  .office-list .office-info:nth-child(2n+2){ margin-right:0;}
  .office-list .office-info h2{ font-size:24px;}
  .download-list li span,.down-title span:nth-child(1){ padding-left:48px;}
  .new-center.article-block,.company.article-block{ transform:translate(0,50px); -webkit-transform:translate(0,50px); -moz-transform:translate(0,50px);}
  .new-center.articleShow,.company.articleShow{ transform:translate(0,0); -webkit-transform:translate(0,0); -moz-transform:translate(0,0); transition:880ms;}
  .company.articleShow{ transition:880ms 430ms;}

  .picture_row{width: auto;padding: 0 5%;}
  .picture li{width: 48%;margin: 5px 1%;}
  .picture li .img{height: 320px;}
  .picture li p{font-size: 16px;}

  .logo img:last-child{height: 80px;vertical-align: top;}
  .header-box .tel{font-size: 18px;margin-top: -18px;}
} 
@media screen and (max-width:751px){
  .address{ width:100%; float:none;}
  .wechat{ width:100%; float:none; margin-top:40px;}
  .code{ float:left; margin-right:90px;}
  .code:last-child{margin-right: 0;}
  .eq-list{ float:left;}
  .footer-inner a:nth-child(2){ float:right; margin-right:0;}
  .numble{ left:85%; bottom:26px;}
  .banne-list,.banne-list li{ height:100%;} 
  .technology{ position:absolute; left:0; bottom:26px;}
  .menu-fiex,.menu-wr{ width:70%; right:-70%;}
  .new-ifno li .new-content time{ width:auto; margin-right:30px;}
  .view-text{ width:100%; margin-bottom:0;}
  .case li{ width:48%; margin-right:4%;}
  .case li:nth-child(3n+3){ margin-right:4%;}
  .case li:nth-child(2n+2){ margin-right:0;}
  .morecase .case li{ width:50%; margin-bottom:12px; margin-right:0;}
  .video-list li{ width:48%; margin-right:4%; margin-bottom:32px;}
  .video-list li:nth-child(3n+3){ margin-right:4%;}
  .video-list li:nth-child(2n+2){ margin-right:0;}
  .vwrap .videobox { width: 560px; margin-left: -280px; }
  .banne-list h3{ line-height:50px; width:100%; line-height:1.4; font-size:26px;}
  .technology{ font-size:22px; width:150px;}
  .bannerText{ height:auto;}
  .banne-list li.on{ position:relative;}
  .technology{ position:relative; bottom:0; margin-top:20px; float:left; font-size:18px; padding:10px 0;}
  .bann{ padding:30px 5%; height:auto;}

}
@media screen and (max-width:641px){
  .iphone-logo img{ width:52%; height:auto;}
  .mune-list > li > a{ height:45px; line-height:45px; font-size:22px;}
  .leval-menu li a{ font-size:18px;}
  .header-box{ padding-top:20px; height:auto; padding-bottom:20px;}
  /* .logo{ width:180px;} */
  .header{ padding:0 5%;}
  .menuBtn{ top:25px; right:5%;}
  .mtop{ height:66px;}
  .footer-top,.footer-inner,.tels{ width:90%;}
  .footer-top{ padding-bottom:30px;}
  .address h2{ font-size:26px;}
  .code{ margin-right:10%;}
  .eq-list{ width:auto;}
  .iphone-pro li figcaption{ font-size:18px;}
  .new{ width:90%;}
  .news .flex-direction-nav{ margin-top:28px; height:38px;}
  .news .flex-direction-nav a{ height:38px;}
  .tels{ padding:20px 0;}
  .new-ifno li .new-content time{ width:100%;}
  .new-ifno li .new-content span{ margin-left:25px;}
  .new-in figcaption h4{ font-size:18px; height:48px;}
  .new-in figcaption p{ font-size:12px; height:43px;}
  .new-in figure{ width:180px;}
  .new-fix{ padding-top:30px;}
  .datas span{ margin-top:0; margin-left:4.8%;}
  .pages{ padding:40px 0;}
  .pagenumble{ top:32px;}
  .pages{ width:100%;}
  .datas .datfix strong{ display:inline-block; font-size:20px;}
  .datas .datfix b{ display:inline-block; margin-left:10px;}
  .datas .datfix{ width:180px; box-sizing:border-box; text-align:left;}
  .view-banner{ padding:0 40px 12px;}
  .view-banner .flex-prev{ left:0; width:12px; height:20px; background-size:cover !important;}
  .view-banner .flex-next{ right:0; width:12px; height:20px; background-size:cover !important;}
  .about-title h2{ font-size:24px; margin-bottom:18px;}
  .abouetext{ padding:50px 0 40px;}
  .abouttitle h3{ font-size:30px;}
  .second-list{ padding-left:0;}
  .case-banner{ height:280px;}
  .case-banner h3{ font-size:32px; padding:12px 0;}
  .case-info,.caseview{ padding-bottom:0;}
  .case-title h3{ font-size:28px;}
  .case-info figcaption h3{ font-size:20px;}
  .case-title h3{ padding-top:14px; font-size:22px;}
  .case-title time{ padding-bottom:16px;}
  .area strong{ font-size:18px;}
  .desiginname{ padding:40px 0;}
  .desigin-introduct{ padding:30px 0;}
  .briefing{ margin-top:24px;}
  .desiginname{ padding-top:25px;}
  .name strong{ font-size:28px;}
  .desigin-box{ padding:80px 0 40px;}
  .common-text{ margin-bottom:30px;}
  .vwrap .videobox { width: 400px; margin-left: -200px; height: 350px;  margin-top:-175px;}
  .governing-box,.governing,.wisdom{ padding:35px 15px;}
  .governing-box h3{ padding:16px 0; font-size:20px;}
  .governing h3,.wisdom h3{ font-size:20px;}
  .governing b,.wisdom b{ margin-top:18px; margin-bottom:14px;}
  .desigin-list li{ width:48%; margin-right:4%;}
  .desigin-list li:nth-child(2n+2){ margin-right:0; margin-bottom:35px;}
  .desigin-list{ padding-bottom:20px;}
  .locate-list li .lacate-wr{ height:280px;}
  .locate-list li .lacate-wr strong{ font-size:46px; line-height:46px;}
  .locate-list li .lacate-wr p{ font-size:12px;}
  .desigin-box{ padding-bottom:20px;}
  .location-box{ padding-bottom:20px;}
  .netseivice img{ width:80%;}
  .netbannr{ height:auto;}
  .net-fix{ width:140px;}
  .net-fix h2{ font-size:20px;}
  .net-fix h2::after{ width:90px;}
  .nettitle h4{ font-size:20px;}
  .nettitle small{ font-size:16px;}
  .product-box{ padding:60px 0 80px;}
  .search-box{ padding:40px 0;}
  .searchs{ width:90%;}
  .search-info{ padding:60px 0;}
  .fackbak{ margin-top:46px;}
  .columntitle a,.columntitle span{ padding-top:12px; height:42px;}
  .columntitle a:hover:before, .columntitle a.now:before{ bottom:8px;}
  .product-title span:nth-child(1),.product-fix li b{margin-right:12%;}
  .columntitle span{ width:100%; padding-top:0;}
  .download-box{ padding:60px 0 40px;}
  .honorImg img{ max-height:180px;}
  .honor-wr span{ width:80%; height:55px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .honor-box{ padding:80px 0 40px;}
  .office .offices-fix{ margin:0 40px;}
  .office-box{ padding:50px 0 0;}
  .office-list{ margin-top:20px; padding-top:0;}
  .down-title span:nth-child(1){ width:50%;}
  .download-list li span{ width:50%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .download-list li span,.down-title span:nth-child(1){ padding-left:28px;}
  .download-list li:hover span{ background-position:10px center;}
  .download-list li strong{ padding-left:22px;}
  .download-box{ padding-bottom:0;}
  .productbanner{ padding:0 50px;}
  .productbanner .owl-theme .owl-controls .owl-buttons div{ width:42px; height:38px; margin-top:-19px;}
  .product-tits h3{ font-size:22px;}
  .product-tits{ margin-bottom:20px; padding-top:38px;}
  .explain{ padding-bottom:30px;}
  .paramete-info{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
  .paramete-info dt{ width:120px;}
  .paramete-info dd{ flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1;}
  .producfix .explain,.producfix .environment{ width:100%; margin-bottom:0;}
  .producfix .explain{ margin-bottom:40px;}
  .investlist{ padding:24px 0;}
  .ivestinfo{ width:auto; margin-right:14px;}
  .ivestinfo:last-child{ margin-right:0}
  .ivestinfo b{ font-size:20px;}
  .notice-list li{ width:100%;}
  .noticeli{ margin-bottom:30px;}
  .contactus{ padding:30px 0;}
  .contactus p{ font-size:14px; margin-bottom:10px;}
  .teaminfos{ width:100%;}
  .teambgs p{ padding:22px 30px 0; font-size:14px;}
  .teamin li span{ height:60px; line-height:60px; font-size:14px;}
  .teambgs b{ font-size:12px;}
  .teambgs{ display:none;}
  
  .logo img:last-child{height: 70px;vertical-align: top;}
  .header-box .tel{font-size: 16px;margin-top: -16px;}
}
@media screen and (max-width:520px){
  .second-list >li >a{ padding-left:0; padding-right:0; width:100%; text-align:center;}
  .second-list >li{ width:25%;}

  .picture li .img{height: 260px;}
}
@media screen and (max-width:481px){
  .leval-menu{ padding-left:5%;}
  .menu-fiex,.menu-wr{ width:75%; right:-75%;}
  .editebtn{ padding-left:5%; padding-right:5%; box-sizing:border-box;}
  .editebtn > a{ padding-left:42px; font-size:16px; line-height:30px; margin-top:3px;}
  .editebtn > a:before{ width:34px; height:28px; background-size:34px 28px !important;}
  .share-fix a{ transform:scale(0.8); margin-right:6px;}
  .new-list li figure{ width:110px;}
  .new-list li figcaption h3{ height:40px; overflow:hidden;}
  .new-list li figcaption p{ height:36px; overflow:hidden; text-overflow:ellipsis;}
  .numble{ left:80%;}
  .new-ifno li .new-content span{ width:55%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .new-ifno li .new-content time,.new-ifno li .new-content span{ margin-left:18px;}
  .new-ifno li .new-content .new-more{ margin-right:18px;} 
  .new-in figure,.datas .datfix{ width:160px;}
  .view-title h3{ font-size:20px;}
  .view-text p{ font-size:12px;}
  .case li{ width:100%; margin-right:0;}
  .new-view{ padding-top:38px;}
  .case-box{ padding-top:20px;}
  .case li figcaption h3{ font-size:14px;}
  .second-list >li >a{ white-space:nowrap; font-size:13px;}
  .leval-fix{ top:71px; box-sizing:border-box;}
  .leval-fix li a i{ font-size:12px;}
  .second-level{ padding-top:28px; }
  .leval-fix li:nth-child(1){ margin-left:0;}
  .leval-fix{ padding-left:5%; box-sizing:border-box;}
  .swiper-button-next,.swiper-button-prev{ display:block;}
  .case-banner h3{ font-size:28px;}
  .case-banner{ height:200px;}
  .area{ float:none; margin-bottom:5px; }
  .area span,.area strong{ display:inline-block;}
  .area:nth-child(1){ width:100%;}
  .area strong{ font-size:18px;}
  .project-address{ padding:20px 0;}
  .sharepro{ float:none; width:100%;}
  .sharepro a{ display:inline-block; margin-bottom:0; margin-right:20px;}
  .case-info figcaption{ padding-left:0; padding-right:0;}
  .morecase{ padding-bottom:30px;}
  .morecase h2{ font-size:20px;}
  .fancybox-next{ right:-40px;}
  .fancybox-prev{ left:-40px;}
  .governing h3,.wisdom h3,.governing-box h3{ font-size:18px;}
  .name strong{ font-size:20px;}
  .major-fix{ margin-top:10px;}
  .major-info strong{ font-size:30px;}
  .major-info:nth-child(1){ margin-right:5%;}
  .location h3 small{ text-indent:0;}
  .locate-list li{ width:100%; margin-right:0;}
  .locate-list li .lacate-wr{ height:auto; padding-bottom:60px;}
  .locate-list li .lacate-wr strong{ font-size:36px; line-height:36px;} 
  .case-banner{ height:auto; padding:40px 0;}
  .net-fix{ top:10px;}
  .nettitle{ top:120px;}
  .net-fix h2{ line-height:26px;}
  .product-list li{ width:48%; margin-right:4%;}
  .product-list li:nth-child(3n+3){ margin-right:4%;}
  .product-list li:nth-child(2n+2){ margin-right:0;}
  .product-list li{ margin-bottom:20px;}
  .product-title span:nth-child(1), .product-fix li b{ margin-left:12px; margin-right:5%;}
  .product-fix li span,.product-fix li b,.product-title span{ font-size:14px;}
  .product-fix li span{ width:50%; overflow:hidden; height:48px;}
  .columntitle a{ width:30%;}
  .honorImg{ text-align:center;}
  .honorImg img{ max-height:120px; margin:auto;}
  .desigin{ width:100%;}
  .vwrap .videobox { width: 300px; margin-left: -150px; height: 300px; margin-top:-150px; }
  .office .offices-fix{ margin:0 60px;}
  .offices .flex-nav-next,.offices .flex-nav-prev{ height:72px;}
  .office .offices-fix span{ width:33.3333%; margin-bottom:10px;}
  .offices .flex-nav-next .flex-next{ top:20px;}
  .offices .flex-nav-prev .flex-prev{ top:20px;}
  .office-list .office-info{ margin-bottom:20px;}
  .office-list .office-info h2{ font-size:20px; margin-bottom:10px;}
  .office-list .office-info .office-text span{ font-size:12px; padding-left:20px;}
  .download-list li span{ font-size:14px;}
  .down-title span{ white-space:nowrap;}
  .down-title span:last-child{ margin-right:10px;}
  .down-title span:nth-child(1){ width:50%;}
  .down-title span:nth-child(2){ width:35%;}
  .down-title{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;  }
  .explain p, .environment p{ font-size:12px;}
  .environment{ margin-bottom:60px;}
  .mune-list > li > a{ font-size:20px;}
  .code-fix{ width:100%; left:0; margin-left:0;}
  /* .logo{ width:120px; line-height:0; height:auto;} */
  .header-box{ padding:14px 0 12px;}
  .security span{ font-size:12px;}
  .mtop{ height:52px;}
  .shares-box{ padding:34px 0;}
  .rmbs b{ font-size:50px;}
  .rmbs i{ margin-left:20px;}
  .rmbs{ margin-bottom:20px;}
  .rmbs small{ margin-top:30px; font-size:13px;}
  .notice-list li a{ padding:20px 0 22px 22px;}
  .notice-list li a h4{ font-size:14px;}

  .picture li{width: 100%;}
  .picture li .img{height: auto;}
  .picture li .img img{width: 100%; height: auto;}

  .code{margin-right: 6%;width: 47%;}
  .code .codeimg img{width: 100%;height: auto;}

  .header-box .tel{font-size: 14px;margin-top: -14px;margin-right: -20px;}
 }
@media screen and (max-width: 380px){
  .new-in figure{ width:120px;}
  .new-in figcaption h4{ height:24px;}
  .video-list li{ width:100%; margin-right:0;}
  .down-title span:nth-child(1){ width:40%;}
  .download-list li span{ width:40%;}
  .tels h2{ font-size:28px;}
  /* .logo a img:last-child{display: none;} */

  .header-box .tel{margin-right: -60px;}
}
@media screen and (max-width: 320px){
}

@media screen and (max-width: 765px) {
  .xx_light{width:50%}
  .hidden_case{display: none;}
  .hidden_large{display: block}
  .index-p{width: 90%;}
  .index-p .left {width: 90%;}
  .aimg{ width:300px !important;}
  .product-view img{ width:350px !important;background-size: cover }
}
.urHere{
  width: 1278px;
  font-size: 14px;
  margin: 0 auto;
  line-height: 3;
}.tmail{
    display: flex;
    justify-content: space-between;
    background: #413e3c;
    height: 46px;
    align-items: center;
    color: #f7f7f7;padding-right: 120px;
  padding-left: 100px;
}
.tmail .left{    display: flex;
    align-items: center;}
.tmail .left img{ width: 20px;margin-right:5px;}
#header{
  height: 115px;
  box-sizing: border-box;
  padding: 0 5%;
  width: 100%;
  background-color: white;
  position: relative;
}

.logo{
  float: left;
  margin-top: 7px;
}
.logo img{
  height: 100px;
}

#header .tab{
  float: right;
  margin-top: 20rem;
}


#header .tab>ul>li{
  float: left;
  line-height: 115px;
  font-size: 14px;
  padding:0 26px;
  box-sizing: border-box;
  position: relative;
}
#header>.tab>ul>li>a>img{
  width: 10px;
}
#header>.tab>ul>li>a{
  display: block;
  box-sizing: border-box;
  position: relative;
  color: #000000;
  font-size: 16px;
}
#header>.tab>ul>li>a:hover{
  color: #e04042 ;
}

.fl:after {
  display:none !important; 
}
.logo{height: 100px;float:left;line-height:normal;display: flex;align-items: center;}
.logo img{display:inline-block;height: 70rem;}
@media only screen and (max-width: 993px) { 
  .msk {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px; 
    z-index: 299;
    background-color: rgb(0, 0, 0);
    opacity: 0.5;
    touch-action: none;
    display: none;width: 100%; 
  }
  .tab {
    position: fixed;
    top: 0;
    left: -170rem;
    z-index: 999;
    height: 100%;
    width: 170rem;
    text-align: center;
    background-color: white;
  }
}.main{
    background-color: #f2f4f8;
}
.content {
    background-color: #f2f4f8;
    padding: 40px 0;
    width: 1278px;    height: 792px;
}
.box {
    width: 1278px;
    background-color: nonr;
    margin: 0 auto;
    padding: 30px;
}
.arrow {
    margin-top: 50px;
}
.page-link {
    border: 1px solid #eeeeee;
    padding: 10px;
    border-radius: 5px;
    max-width: 250px;
    color: #555555;
    transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
    cursor: pointer;
}
.page-link:hover{
    color: white !important;
    background-color: #3ab3be !important;
}
.arrow .right {
    float: right;
}
.ptab {
    width: 1200px;
    margin: 0 auto;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background-color: white;
}
.ptab>ul {
    display: inline-block;
}
.ptab>ul>li {
    float: left;
    font-size: 15px;
    position: relative;
    padding: 0 18px;
}
.ptab>ul>li>a {
    display: block;
    color: black;
    position: relative;
}
.ptab-select{
  color: #3ab3be !important;
}
.footer {
   margin-top: 0rem !important;
}
.swiper-button-prev{width:37px;height:29px;background:url(../image/next4.png) center no-repeat;left:0;top:0;margin-left:0;margin-top:0;z-index:20;display: block;}

.swiper-button-next{width:37px;height:29px;/* background:url(../image/prev4.png) center no-repeat; */right:0;top:0;margin-left:0;margin-top:0;z-index:20;display: block;}* .footer {
  margin: 0rem;
  background: #413e3c; 
  box-sizing: border-box;
  padding-top: 56rem;
  margin-top: 88rem;width: 100%;
  display: block;
}
.footer .center{
  display: flex;
  justify-content: space-around;
  box-sizing: border-box;
}
.footer .info{
  text-align: center;
  color: #b1b1b1;
}
.footer .info a{
  color: #b1b1b1;
}
* .footer .left {
  margin: 0rem;
  margin-left: -68rem;
}

* .footer .left .logo {
  margin: 0rem;
  width: 100%;
  float: none;    display: flex;
    justify-content: center;
}

* .footer .left .logo img {
  margin: 0rem;
}

* .footer .left .ewm {
  margin: 0rem;
  margin-top: 50rem;
  display: flex;
  justify-content: center;
}

* .footer .left .ewm img {
  margin: 0rem;
}

* .footer .right {
  margin: 0rem;
  display: flex;
  height: 416rem;
}

* .footer .right .list {
  margin: 0rem;
  margin-right: 100rem;
}

* .footer .right .list .title {
  margin: 0rem;
  color: #fff;
  font-size: 18rem;
  margin-bottom: 8rem;
}

* .footer .right .list ul {
  margin: 0rem;
}

* .footer .right .list ul li {
  margin: 0rem;
  line-height: 36rem;
}

* .footer .right .list ul li a {
  margin: 0rem;
  text-decoration: none;
  color: #cecece;
  font-size: 14rem;
}@media only screen and (max-width: 993px) { 
  body {
    min-width: 100%;
} 
.contact .list-ol {
    width: 100%;
    padding: 0;
    display: block;
    margin-top: 2.5em;
}
  .banner, .banner .slides li {
    height: auto !important;
    margin-top: 0px;
}
#header .tab {
    float: right;
    margin-top: 0rem;
    padding-top: 24rem;
}
.here{
  padding-top: 92px;
}
.urHere {
    width: 100%;
    font-size: 14px;
    margin: 0 auto;
    line-height: 3;
    padding: 10px 15px;
    background: #f5f5f5;
}
.menuLineCon {
    position: absolute;
    left: 0;
    top: 100px;
    z-index: 990;
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #ffffff5c;
    padding: 22px;
}
.container {
    width: 100%;
    margin: 0 auto;
}
.bigBanner{
      height: 232px;
}
.imgTitle .list .title{
  width: 100%;
}
.main .content {
    width: 100%;
    margin: 11px auto;
    background-color: #ffffff;
    padding: 20px;
    box-sizing: border-box;
    display: block;
}
.productInfo {
    display: none;
}
.main .box {
    width: 100%;
    padding: 0px;
}
.main .box img{
      width: 100%;
    height: auto;
}
.content .box img{
      width: 100%;
    height: auto;
}
.content {
    width: 100%;
    display: flex;
}
.wd {
    width: 100%;
    margin: 0 auto;
}
.productBoxDiv {
  width: 100%;
}
.productBox {
    justify-content: space-between;
    display: block;
    margin: 0px;
    padding: 15px 15px 15px 18px;
}
.custom .map .right { 
    height: auto; 
}
.madeForm { 
    height: 570px;
    width: 100%;
    padding: 0 0px;
    background-color: #ffffffe6;
}
.madeFormBox{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
#menuLineCon .shape a { 
    margin: 0 11px;
}
.aboutList li {
    float: left;
    width: 100%;
}
.aboutList {
    margin-left: 0px;
    height: auto;
    overflow: hidden;
}
.contact .list-ol li {
    flex: 1;
    cursor: pointer;
    text-align: left;
    padding-left: 16px;
    border: none;
}
#page {
    padding: 17px 0;
    text-align: center;
}
#page a, .paged .p_info, #page .pager_hover {
  margin-top: 18px;
}
* .navigation {
    margin: 0rem auto;
    width: 100%;
}
* .navigation .title {
    margin: 0rem;
    text-align: center;
    height: 150px;
    padding-top: 2px;
    box-sizing: border-box;
}
.footer .info {
    text-align: center;
    color: #b1b1b1;
    padding: 48px 67px;
}
* .footer .left .logo img {
    margin: 0rem;
    width: auto;
    height: auto;
}
* .product {
    margin: 0rem auto;
    width: 100%;
    margin-top: 20rem;
}
* .product .title img {
    margin: 0rem;
    width: 38rem;
}
* .footer {
    margin: 0rem;
    background: #413e3c;
    display: block;
    justify-content: space-around;
    box-sizing: border-box;
    padding-top: 11rem;
    margin-top: 34rem;
    width: 100%;
}
.footer .info a {
    color: #b1b1b1;
    display: block;
}
* .footer .left {
    margin: 0rem;
    margin-left: -2rem;
}
* .footer .left .ewm {
    margin: 0rem;
    margin-top: 0rem;
    display: flex;
    justify-content: center;
}
 .footer .right {
    margin: 0rem;
    display: none;
    height: 100%;
}
  #header .tab>ul>li { 
    line-height: 50px;
  }
  .logo {
    float: left;
    margin-top: 0px;
    display: flex;
    justify-content: left;
    align-items: center;
    width: 100%;
}
  .logo img {
    width: 170rem;
    max-width: 270px;
    height:auto;
 }
  .tmail {
    display:none;
  }
  
  #header {
      height: 85px;
      box-sizing: border-box;
      padding: 0 1%;
      width: 100%;
      background-color: white;
      position: relative;
      display: flex;
  }
  .logo:after{
     content: "";
     display: block;
     height: 0;
     clear: both;
     position: absolute;
     width: 31px;
     height: 35px;
     right: 12px;
     top: 30px;
     background-repeat: no-repeat;
     background-size: 27px 20px;
     background-image: url(/public/uploads/20240110/a9d164185b32dbcbd6a1aeb48ad32b26.png);
  }
  .banner_pc {
    height: 200px;
  }
  .aboutList .wrapper {
    max-width: 379px;
    margin: 28px 0 0 5px;
    padding: 15px 15px 0; 
  }
  .nav .list {
      margin: 36rem auto;
      width: 100%; 
  }
  .nav .list .item a .icon  {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 44rem;
  }
  .nav .list .item a .icon img {
    margin: 0rem;
    width: 50%;
    height: auto;
  }

  .nav .list .item a .name {
    margin: 4rem;
    font-size: 14rem;
    text-align: center; 
  }
  .advertisement{
    width:100%;
  }
   .about {
     width:100%;
  }
  .about .ab_title {
    font-size:24rem;
  }
  .about .ab_content {
     font-size:18rem;
     line-height: 42rem;
  }
  
  #bottom {
    padding: 32px 5%;
    height: 91px;
    background: #212121;
  }
  
  #bottom .list {
    display:none;
  }
  
  .bottom {
    height: 100%;
    background-color: #212121;
    padding: 5%;
    height: 289px;
  }
  .bottom .left {
    float: none;
    width: 100%;
 }  
  .bottom .right {
    loat: none;
    width:100%;
    padding-top: 7px;
  }
 .bottom .right .pho {
    margin-left: 5px;
    line-height: 1.5;
    margin-top: 21px;
  }
  .bottom .right div {
    float: left;
  }
   .bottom .right .img {
     margin-top: 20px;
     margin-left:20px;
  }
  .box {
    width: 100%;
    padding: 20px;
  }
  
  .box video {
    width: 100% !important;
  }
  
    .box p span{
      font-size:16px !important;
    }
  .ptab {
    width: 100%;
  }
  .imgTitle { 
    padding: 0px; 
    padding-bottom: 22px;
        width: 100%;
}
  .imgTitle .list {
      padding: 10px;
  }
  .imgTitle .list .description {
    height: auto;
    width: 100%;
  }
  .imgTitle .list .img img {
       max-width: 100%;
  }
  
  .imgTitle .list { 
    width: 100%;}
  
  .swiper-wrapper { 
    max-height: 300px;
  }
}