@charset "utf-8";
/* 
 * Project Name:新叶庄园
 * Author:位置
 * Date：2016-4-12
 */

@font-face {
    font-family: 'pf_din_text_comp_proregular';
    src: url('pfdintextcomppro-regular-webfont.woff2') format('woff2'),
         url('pfdintextcomppro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'fzlantinghei-l-gbkregular';
    src: url('_gbk-webfont.woff2') format('woff2'),
         url('_gbk-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
/* always display scrollbars */
body { font: 12px/1.8 "Microsoft YaHei New","Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color: #989898; background-color: #fff; _background-attachment:fixed; 
_background-image:url(about:blank);/*  padding:0 60px; */}
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; }
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;}

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

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

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

/*banner*/
.banner-box{ position:relative; width:100%; background:url(../images/bannerbg.jpg) center no-repeat; background-size:cover;}
.banner li{ -webkit-transition:opacity 1s cubic-bezier(.165, .74, .44, 1);transition:opacity 1s cubic-bezier(.165, .74, .44, 1); overflow:hidden; padding:58px 0 6px; }
.banner li img{ width: 100%; height: auto; line-height: 0;}
.banner-box1 .banner li{ padding:0; line-height:0;}
.bannerbg{ display:none;}
.bannerte figure{ display:block; width:50%; float:left;}
.bannerte img{ display:block; float:left; margin-left:-76px; max-width:160%; -webkit-transition:all 1s cubic-bezier(.165, .74, .44, 1);transition:all 1s cubic-bezier(.165, .74, .44, 1); }
.banner li.sc-b-c figure img{ transform: scale(1.03); -webkit-transform: scale(1.03); opacity: 0;}

.banner-box1{ background:none; overflow:hidden;}
.banner-box1 .banner li >img{ width:100%; height:auto;  -webkit-transition:all 1s cubic-bezier(.165, .74, .44, 1);transition:all 1s cubic-bezier(.165, .74, .44, 1);}
.banner-box1 .banner li.sc-b-c img{ transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0;}
.banner-box1 .banner li .bannerte img{ width:812px;}
.banner-box1 .bannerte{ position:absolute; left:50%; top:40%; margin-left:-500px; margin-top:-251px; line-height:1.8;}
.banner-box1 .bannerte1{ margin-top:-110px;}
.banner-box1 .bannerte1 .banner-fix{ width:100%; text-align:center; margin-top:0;}
.bannerte1 .banner-fix h1{ color:#0095d9; font-family:Arial; font-size:72px; font-weight:bold; line-height:normal; text-align:center;}
.bannerte1 .banner-fix h2{ font-size:18px; color:#515151; text-align:center; background:none; margin:auto; height:auto; padding:0; line-height:normal; font-weight:normal;}
.bannerte1 .banner-fix h4{ color:#0095d9; font-size:40px; text-align:center; line-height:normal; font-weight:normal;}
.bannerte1 .banner-fix a{ margin:auto; margin-top:22px;}
.bannerte1 .banner-fix a i{ text-align:left;}

.bannerte .banner-fix{ width:50%; float:right; margin-top:64px;}
.banner-fix h1{ color:#0095d9; font-size:38px; line-height:normal;}
.banner-fix h2{ color:#ffffff; font-size:36px; height:60px; line-height:60px; padding-left:20px; padding-right:70px; background:url(../images/bann.png) center no-repeat; background-size:100% 100%; margin-top:10px; margin-bottom:12px; display:inline-block;}
.banner-fix h4{ color:#666666; font-size:24px; font-weight:normal;}
.banner-fix p{ color:#666666; font-size:14px; margin-top:5px;}
.banner-fix span{ display:block; margin-top:84px; width:134px; height:40px; position:relative; background:#7d898f;}
.banner-fix span i{ text-indent:28px; width:100%; height:100%; color:#fffefe; font-size:14px; line-height:40px; background:url(../images/risd2.png) 110px center no-repeat; transition:680ms; width:100%; position:absolute; left:0; top:0; z-index:5; font-style:normal;}
.banner-fix span:before{ width:100%; height:100%; background:#7d898f; content:""; position:absolute; left:0; top:0; transition:980ms; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); transition:650ms;}
.banner-box .flex-control-nav{ padding:28px 0 20px; text-align:center;}
.banner-box .flex-control-nav li{ display:inline-block; margin-right:10px;}
.banner-box .flex-control-nav li:last-child{ margin-right:0;}
.banner-box .flex-control-nav li span{ display:inline-block; width:40px; height:5px; border-radius:2px; background:#e3e3e3; text-indent:888px; overflow:hidden;}
.banner-box .flex-control-nav li a.flex-active span{ background:#119bcf;}
.banner-fix span:hover{ background:#119bcf;  transition:800ms background !important;}
.banner-fix span:hover i{ background-position:115px center;}
.banner-fix span:hover:before{ transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0);}
.banner-fix b{ display:block; width:63px; height:3px; background:#666666; margin-bottom:15px;}
.banner-fix h3{ color:#666666; display:block; font-size:30px; font-weight:bold; line-height:normal;}
.banner-fix h4 strong{ color:#666666; font-size:18px; font-weight:normal;}

.bannerte img.transy{ transition:1500ms 300ms; -webkit-transition:800ms 300ms;}
.banner-fix h1.transy,.banner-fix b.transy{ transition:700ms 300ms; -webkit-transition:700ms 300ms;}
.banner-fix h2.transy,.banner-fix h3.transy{ transition:800ms 500ms;}
.banner-fix h4.transy{ transition:1200ms 700ms;}
.banner-fix p.transy{ transition:1200ms 900ms;}
.banner-fix span.transy{ transition:1200ms 1100ms;}

.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 h1.transy,.banner li.transShow h2.transy,.banner li.transShow h3.transy,.banner li.transShow h4.transy,.banner li.transShow p.transy,.banner li.transShow span.transy{  transform:translate(0,0); -ms-transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.banner li .bannerte img.transy{ opacity:0; transform:translateX(-76px);}
.banner li.transShow .bannerte img.transy{ opacity:1; transform:translateX(-176px);}
.banner li .banner-fix b.transy{ opacity:0; width:0;}
.banner li.transShow .banner-fix b.transy{ width:63px; opacity:1; -webkit-transform:translateY(0); transform:translateY(0); -moz-transform:translateY(0);}

.transShow{ transform:translate(0,0); -ms-transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1; }

.banners{ position: relative;}
.bannerdown{ position: absolute; text-align: center; left: 5%; bottom: 40px; z-index: 20; width: 90%;}
.bannerlis{ display: block; width: 100%;}
.bannerlis li{ float: left; cursor: pointer;}
.bannwr{ position: relative; margin: 1px;}
.bannwr:before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #0095d9; filter:alpha(opacity=50); background: rgba(0,149,217,0.5); opacity: 0; visibility: hidden; transition: 0.5s;}
.bannwr img{ display: block; width: 100%; height: auto;}
.bannerlis li.flex-active .bannwr:before{ opacity: 1; visibility: visible;}
.bannerdown .flex-direction-nav li a{ display: block; width: 8px; height: 19px; position: absolute; top: 50%; margin-top: -9px; text-indent: 9999px; overflow: hidden;}
.bannerdown .flex-direction-nav li a.flex-prev{ left: -30px; background: url(../images/page.png) center no-repeat;}
.bannerdown .flex-direction-nav li a.flex-next{ right: -30px; background: url(../images/page1.png) center no-repeat;}
.bannerdown .flex-direction-nav li a.flex-prev:hover{ background: url(../images/page3.png) center no-repeat;}
.bannerdown .flex-direction-nav li a.flex-next:hover{ background: url(../images/page2.png) center no-repeat;}
.bannerdown .flex-direction-nav li a.flex-disabled{ display: none;}
.bannerdown .flex-viewport{ display: inline-block; margin: auto;}

.main-box{ overflow:hidden;}
.main-top,.main-bottom{ width:75%; float:left;}
.application{ width:66.6666%; float:left; position:relative; z-index:10;}
.main-top:hover .application .applicate{ background:#34a8dd;}
.main-top:hover .application .applicate:before{ background:url(../images/applic1.png) center no-repeat;}
.application img{ display:block; width:100%; height:auto;}
.application .applicate{ width:100%; height:100%; position:absolute; left:0; top:0; transition:780ms background;}
.application .applicate:before{ content:""; width:14px; height:35px; background:url(../images/applic.png) center no-repeat; position:absolute; right:-14px; top:50%; margin-top:-17px; transition:560ms;}
.application .applicate figure{ display:block; padding:0 8.2222% 0 8.8888%; position:absolute; left:0; top:50%; box-sizing:border-box; width:100%; margin-top:-111px;}
.application .applicate figure h4{ color:#ffffff; font-size:18px; font-weight:normal; line-height:normal;}
.application .applicate figure h2{ color:#fff; font-size:30px; font-weight:normal; margin-bottom:10px; line-height:1.6;}
.application .applicate figure p{ color:#ffffff; line-height:2; margin-bottom:34px;}
.application .applicate figure span{ display:block; width:35px; height:35px; background:url(../images/more.png) center no-repeat;}
.video{ width:33.3334%; position:relative; float:left; cursor:pointer; overflow:hidden;}
.video img{ display:block; width:100%; height:auto; transition:830ms;}
.main-top:hover .video img{ transform:scale(1.06); -webkit-transform:scale(1.06); -moz-transform:scale(1.06);}
.main-top:hover .video figcaption b{ color:#7d898f;}
.video figcaption{ display:block; line-height:normal; position:absolute; left:0; top:50%; width:100%; text-align:center; margin-top:-50px;}
.video figcaption span{ display:block; width:70px; height:70px; margin:auto; background:url(../images/video.png) center no-repeat;}
.video figcaption b{ display:block; text-align:center; color:#ffffff; font-size:14px; font-weight:normal; margin-top:12px; transition:540ms;}
.apples{ width:33.3334%; float:left;  position:relative;}
.apples:hover a{ background:#1eb8b0;}
.apples img{ display:block; width:100%; height:auto;}
.apples a{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; transition:880ms;}
.apples a figcaption{ display:block; text-align:center; width:100%; position:absolute; left:0; top:50%; margin-top:-73px;}
.apples a figcaption h2{ color:#ffffff; font-size:30px; font-weight:normal; text-align:center;}
.apples a figcaption p{ text-align:center; line-height:normal; color:#ffffff; font-size:14px; margin-bottom:22px;}
.apples a figcaption span{ display:block; width:52px; height:52px; margin:auto; background:url(../images/apple.png) center no-repeat;}
.main-bottom .apples{ float:left;}
.product-select{ width:66.6666%; float:right; position:relative; overflow:hidden;}
.product-select:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.product-select:hover figcaption{ background:#34a8dd;}
.product-select img{ display:block; width:100%; height:auto; transition:680ms;}
.product-select figcaption{ display:block; padding:9px 0; width:100%; position:absolute; left:0; bottom:0; background:#2d9bcd; transition:780ms;}
.product-select figcaption h3{ color:#ffffff; font-size:24px; font-weight:normal; float:left; margin-left:4%;}
.product-select figcaption h3 small{ display:inline-block; color:#ffffff; font-size:14px; margin-left:12px;}
.product-select figcaption span{ display:block; width:35px; height:35px; float:right; margin-right:30px; background:url(../images/more.png) center no-repeat; margin-top:5px;}

.main-right{ width:25%; float:right;}
.main-right .apples{ float:none; width:100%;}
.main-right .apples a figcaption span{ width:35px; height:35px; background:url(../images/more.png) center no-repeat;}
.productTab{ width:100%; overflow:hidden; background:url(../images/produbg.jpg) center no-repeat; background-size:cover; position:relative;}
.tab-list li img{ display:block; width:100%; transition:650ms;}
.tab-list li img:hover{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.productTab .owl-theme .owl-controls .owl-buttons div{ width:34px; height:34px; position:absolute; top:50%; margin-top:-17px; text-indent:999px; overflow:hidden; padding:0; margin:0; transition:650ms;} 
.productTab .owl-theme .owl-controls .owl-buttons div.owl-prev{ left:12px; background:url(../images/prev.png) center no-repeat;}
.productTab .owl-theme .owl-controls .owl-buttons div.owl-prev:hover{ background:url(../images/prev1.png) center no-repeat;}
.productTab .owl-theme .owl-controls .owl-buttons div.owl-next{ right:12px; background:url(../images/next.png) center no-repeat;}
.productTab .owl-theme .owl-controls .owl-buttons div.owl-next:hover{ background:url(../images/next1.png) center no-repeat;}

/*下载 新闻*/
.news-box{ padding-bottom:55px; border-bottom:8px solid #2d9bcd;}
.data-load{ width:50%; float:left; background:#f6f6f6; overflow:hidden;}
.loadWr{ padding:75px 0 30px;}
.data-swich{ position:relative; padding:0 4%;}
.data-swich .lines{ width:100%; height:1px; background:#cccccc; position:absolute; left:0; bottom:0;}
.data-swich span,.datas a{ display:inline-block; float:left; padding:0 9px 12px 30px; color:#666666; font-size:16px; cursor:pointer; margin-right:52px; background:url(../images/radius1.png) 3px 6px no-repeat; position:relative; transition:780ms;}
.data-swich span:nth-child(2){ margin-right:0;}
.data-swich span b{ position:absolute; width:0; bottom:0; display:block; height:3px; background:#2d9bcd; left:50%; transition:650ms;}
.data-swich span:hover,.data-swich span.flex-active{ color:#2d9bcd; background:url(../images/radius2.png) 3px 6px no-repeat;}
.datas{ float:left;}
.chechemore-list{ float:right; margin-top:5px;}
.checkmore{ display:inline-block; float:right; color:#666666; padding-right:24px; background:url(../images/more1.png) right center no-repeat; display:none;}
.checkmore:nth-child(1){ display:block;}
.data-swich span:hover b,.data-swich span.flex-active b{ left:0; width:100%;}
.load-list{ padding:30px 36px; box-sizing:border-box;}
.load-list li{ padding:18px 0 9px 3px; border-bottom:1px solid #cccccc; position:relative; overflow:hidden;}
.load-list li a{ display:block;}
.load-list li a:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:100%; background:#2d9bcd; transition:680ms;}
.load-list li:hover a:before{ top:0;}
.load-list li:hover .time time{ color:#fff;}
.load-list li:hover .time span{ color:#fff;}
.load-list li:hover .load b{ color:#fff;}
.load-list li:hover .load strong{ background:url(../images/loads.png) center no-repeat;}
.load-list li .time{ float:left; position:relative; z-index:5; margin-left:15px;}
.load-list li .time time{ display:block; color:#119bcf; font-size:14px; font-family:Arial; transition:540ms;}
.load-list li .time span{ display:block; color:#666666; font-size:14px; transition:640ms;}
.load-list li .load{ float:right;}
.load{ float:right; margin-right:22px; margin-top:12px; position:relative; z-index:5;}
.load b{ display:inline-block; color:#999999; float:left; margin-top:14px; text-transform:uppercase; transition:540ms;}
.load strong{ display:inline-block; float:left; width:32px; height:32px; margin-left:14px; background:url(../images/load.png) center no-repeat; transition:540ms 150ms;}
.news-box .data-load:nth-child(2){ background:#e8e8e8;}

.dynamic-info{ padding:0 4%;}
.dynamic-info a{ display:block; border-bottom:1px dashed #cccccc; padding:35px 0 27px;} 
.dynamic-info a:hover figure img{ transform:scale(1.04) translateX(-50%); -webkit-transform:scale(1.04) translateX(-50%); -moz-transform:scale(1.04) translateX(-50%);}
.dynamic-info a:hover figcaption h3{ color:#119bcf;}
.dynamic-info a:hover figcaption p{ color:#666666;}
.dynamic-info figure{ display:block; line-height:normal; float:left; width:20.7%; overflow:hidden;}
.dynamic-info figure img{ display:block; width:auto; height:105px; line-height:normal; transition:540ms;position:relative; left: 50%;transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);}
.dynamic-info figcaption{ display:block; width:76%; height:105px; position:relative; float:right;}
.dynamic-info figcaption h3{ color:#666666; font-size:16px; font-weight:normal; margin-top:10px; transition:670ms;height: 28px;overflow: hidden;}
.dynamic-info figcaption p{ color:#999999; font-size:14px; transition:500ms; height:48px ;overflow: hidden;}
.dynamic-info figcaption time{ display:block; color:#999999; font-family:Arial; line-height:normal; position:absolute; left:0; bottom:0;}
.dynamic-list{ padding:0 4% 34px;}
.dynamic-list li{ padding:16px 0; border-bottom:1px dashed #cccccc;}
.dynamic-list li span{ display:inline-block; float:left; color:#666666; font-size:14px; padding-left:22px; background:url(../images/risd.png) left center no-repeat; transition:540ms;}
.dynamic-list li time{ display:inline-block; float:right; color:#119bcf; font-size:14px; font-family:Arial;}
.dynamic-list li:hover span{ color:#119bcf;}

.footer-box{ padding:36px 60px 40px 55px; background:#f6f6f6; margin-bottom:57px; overflow:hidden;}
.eq-list li{ float:left; margin-right:13px; background:url(../images/eqbg.png) center no-repeat; background-size:cover; position:relative;}
.eq-list li:last-child{ margin-right:0;}
.eq-list li a{ display:block; width:28px; height:27px;}
.eq-list li b{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; bottom:0; right:0; background:url(../images/eqho.png) center no-repeat; background-size:cover; transition:540ms; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0);}
.eq-list li i{ display:block; width:28px; height:14px; margin:auto; top:6px; position:relative; z-index:10;}
.eq-list li:nth-child(1) i{ background:url(../images/weix.png) center no-repeat;}
.eq-list li:nth-child(2) i{ background:url(../images/qq1.png) center no-repeat;}
.eq-list li:nth-child(3) i{ background:url(../images/weib.png) center no-repeat;}
.eq-list li:hover b{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}

.popUpblack{ background:url(../images/markbg.png) repeat; background:rgba(65,65,65,0.8); width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1010; display: none;}
.popUp { width: 220px; height: 242px; border: 2px solid #009fde; background: #fff; position: fixed; left: 50%; top: 50%; margin: -87px 0 0 -115px; z-index: 1004; }
.popUp .t { padding: 0 0 0 10px; height: 26px; line-height: 26px; color: #666; font-weight: bold; border-bottom: 1px solid #e8e8e8; background: #f2f2f2; }
.popUp .t .close { padding: 0 10px 0 0; float: right; cursor: pointer; color: #666; font-weight: normal;}
.popUp .img { padding: 20px; }
.popUp .img img { width: 100%; height: 100%; display: block; }

.attention{ float:right; text-align:right;}
.attention img{ display:block; width:95px; height:96px; margin-left:57px; padding:9px 12px; border:1px solid #cccccc;}
.attente-us{ margin-top:14px;}
.attente-us p{ float:left; color:#666666; font-size:14px;}
.attente-us .eq-list{ float:left;}
.address{ float:left; margin-top:22px; font-style:normal;}
.address span{ display:block; color:#666666; font-size:14px; padding-left:35px; line-height:2.2;}
.address span:nth-child(1){ background:url(../images/tel.png) left center no-repeat;}
.address span:nth-child(2){ background:url(../images/emai.png) left center no-repeat;}
.address span:nth-child(3){ background:url(../images/map.png) left center no-repeat;}
.address p{ margin-top:12px; color:#666666; font-size:14px;}
.address p a{ display:inline-block; color:#666666; margin-left:20px;}
.address p a:hover{ color:#2d9bcd;}

/*产品中心*/
.banner-box .flex-prev{ display:block; width:19px; height:32px; background:url(../images/prev2.png) center no-repeat; text-indent:99px; overflow:hidden; position:absolute; left:27px; top:50%; margin-top:-16px; z-index:99; opacity:0.5; filter:alpha(opacity=50); transition:450ms;}
.banner-box .flex-next{ display:block; width:19px; height:32px; background:url(../images/next2.png) center no-repeat; text-indent:99px; overflow:hidden; position:absolute; right:27px; top:50%; margin-top:-16px; z-index:99; opacity:0.5; filter:alpha(opacity=50); transition:450ms;}
.banner-box .flex-prev:hover{ opacity:1; filter:alpha(opacity=100); left:24px;}
.banner-box .flex-next:hover{ opacity:1; filter:alpha(opacity=100); right:24px;}

.center-title{ padding:48px 0 50px;}
.center-title h3{ color:#199fdc; font-size:24px; margin-bottom:18px;}
.select{ width:490px; float:left; color:#666666; font-size:14px; padding-left:16px; box-sizing:border-box; padding-top:14px; padding-bottom:13px; background: #f6f6f6 url(../images/down1.png) 95% center no-repeat;  -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor:pointer; outline:none; font-family:微软雅黑; border:none;}
.product-search{ background:#f6f6f6; float:right;}
.product-search input[type=text]{ width:420px; height:48px; line-height:48px; color:#666666; font-size:14px; float:left; background:none; border:none; font-family:微软雅黑; padding-left:15px;}
.product-search input[type=button]{ width:55px; height:48px; float:left; border:none; cursor:pointer; background:url(../images/search3.png) 9px center no-repeat;}
.product-info{ width:33.3333%; float:left; background:#f6f6f6; position:relative; overflow:hidden;}
.product-info:after{ width:100%; height:100%; position:absolute; left:-100%; top:0;  transition:820ms; background:#2d9bcd; display:block;}
.product-info:nth-child(2):after{ background:#39aac2;}
.product-info:nth-child(3):after{ background:#16aca4;}
.product-info:nth-child(4):after{ background:#6b56a7;}
.product-info:nth-child(5):after{ background:#dc715c;}
.product-info:nth-child(6):after{ background:#e49d49;}
.product-info:hover:after{ left:0;} 
.product-info:nth-child(2n+2){ background:#e8e8e8;}
.product-wr{ padding:48px 0 0 64px\9; height:360px; height:313px\9; 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; position:relative; z-index:10;} 
.product-iocn{ width:153px; height:165px; float:left; margin-top:62px \9; margin-left:14%; transition:780ms; position:relative;}
.product-iocn img{ display:block; margin:auto; max-width:100%; position:absolute; left:0; top:0; transition:340ms 120ms; opacity:0; visibility:hidden;}
.product-iocn img.showimg{ opacity:1; visibility:visible;}
.product-text{ margin-left:68px; flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1; width:310px\9; float:right\9;}
.product-text h3{ color:#666666; font-size:16px; margin-bottom:12px; transition:580ms 150ms;}
.product-list li{ width:50%; float:left;}
.product-list li a{ display:block; padding-left:16px; color:#666666; margin-bottom:6px; background:url(../images/arrow5.png) left center no-repeat; transition:580ms 150ms;}
.product-more{ margin-top:20px; visibility:hidden; opacity:0; transition:780ms 300ms;}
.product-more a{ display:block; width:112px; height:35px; line-height:35px; color:#ffffff; text-indent:15px; border:1px solid #fff; background:url(../images/risd2.png) 94px center no-repeat; position:relative;}

.product-info:hover .product-wr .product-iocn img.showimg{ opacity:0; visibility:hidden; transition:340ms 0ms;}
.product-info:hover .product-wr .product-iocn img.hideimg{ opacity:1; visibility:visible; transition:340ms 0ms;}
.product-info:hover .product-wr .product-text h3{ color:#fff;}
.product-info:hover .product-wr .product-list li a{ color:#fff; background:url(../images/arrow6.png) left center no-repeat;}
.product-info:hover .product-wr .product-more{ visibility:visible; opacity:1;}
.product-more a:hover{ background-position:98px center;}

.product-other{ margin-top:64px;}
.proselect{ width:50%; float:left; position:relative; overflow:hidden;}
.proselect figure{ display:block; overflow:hidden; line-height:normal;}
.proselect figure img{ display:block; width:100%; height:auto; transition:850ms linear;}
.proselect figcaption{ display:block; width:55.5556%; position:absolute; left:44.4444%; top:50%; padding-bottom:35px; margin-top:-91px;}
.proselect figcaption h3{ color:#ffffff; font-size:24px; font-weight:normal; margin-bottom:6px;}
.proselect figcaption p{ color:#ffffff; font-size:14px; margin-bottom:18px;}
.proselect figcaption span{ display:block; width:56px; height:56px; background:url(../images/search4.png) center no-repeat;}
.proselect figcaption em{ display:block; width:35px; height:35px; position:absolute; right:28px; bottom:0; background:url(../images/rad.png) center no-repeat;  transition:520ms;}
.proselect figcaption em:before{ content:""; width:16px; height:13px; position:absolute; left:9px; top:50%; margin-top:-6px; background:url(../images/more4.png) center no-repeat;}
.proselect:hover figure img{ transform:scale(1.06); -webkit-transform:scale(1.06); -moz-transform:scale(1.06);}
.proselect:hover figcaption em{ right:18px;}
.proselect:hover .download em{ right:18px;}

.download{ width:55.5556%; position:absolute; left:0; top:50%; padding-left:42px; box-sizing:border-box; padding-bottom:35px; margin-top:-100px;}
.download h4{ color:#ffffff; font-size:24px; font-weight:normal; margin-bottom:28px;}
.download-list{ width:80%;}
.download-list li{ float:left;}
.download-list li a{ display:inline-block; width:125px; padding-left:15px; color:#ffffff; font-size:14px; margin-bottom:6px; background:url(../images/arrow6.png) left center no-repeat;}
.download-list li a:hover{ color:#e8e8e8;}
.prosebg{ width:100%; height:100%; position:absolute; left:0; top:0; transition:820ms; background:url(../images/select.jpg) center no-repeat; background-size:cover;}
.download em{ display:block; width:35px; height:35px; position:absolute; right:28px; bottom:0; background:url(../images/rad.png) center no-repeat;  transition:520ms linear;}
.download em:before{ content:""; width:16px; height:13px; position:absolute; left:9px; top:50%; margin-top:-6px; background:url(../images/more4.png) center no-repeat;}
.proselect:nth-child(2):hover figure img{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.proselect:nth-child(2):hover .prosebg{ background:url(../images/select1.png) center no-repeat; background-size:cover;}

/*产品分类*/
.bannertab{ width:100%; overflow:hidden;}
.bannertab img{ display:block; width:100%; height:auto;}
.proclassbg{ background:#16aca4; position:relative; z-index:10;}
.selectbox{ width:33.33333%; float:left; position:relative;}
.selectbox span{ display:block; padding-left:64px; border-left:1px solid #25bfb7; border-bottom:1px solid #25bfb7;  position:relative; transition:650ms;}
.selectbox:nth-child(3n+3) span{ border-right:1px solid #25bfb7;}
.selectbox span b{ display:block; color:#ffffff; font-size:15px; height:53px; line-height:53px; background:url(../images/down.png) 94% center no-repeat; cursor:pointer; font-weight:normal;}
.selectbox span i{ display:block; width:26px; height:34px; position:absolute; left:24px; top:10px;}
.selectbox span i img{ display:block; margin:auto; transition:320ms; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.selectbox span i img.shide{ opacity:0; visibility:hidden;}
.selectbox:nth-child(1){ z-index:18;}
.selectbox:nth-child(2){ z-index:17;}
.selectbox:nth-child(3){ z-index:16;}
.selectbox:nth-child(4){ z-index:15;}
.selectbox:nth-child(5){ z-index:14;}
.selectbox:nth-child(6){ z-index:13;}

.classdown{ /*position:absolute;*/ left:0; top:54px; width:100%; padding-bottom:24px; background:#e8e8e8; padding-top:10px; display:none;}
.selectbox.hove,.selectbox:hover{ border-bottom-color:#fff;}
.selectbox.hove span,.selectbox:hover span{ background:#fff; border-color:#fff;}
.selectbox.hove span i img.sshow,.selectbox:hover span i img.sshow{ opacity:0; visibility:hidden;}
.selectbox.hove span i img.shide,.selectbox:hover span i img.shide{ opacity:1; visibility:visible;}
.selectbox.hove span b,.selectbox:hover span b{ color:#256fcb; background: url(../images/downh.png) 94% center no-repeat;}
.classdown li{ cursor:pointer; height:30px; line-height:30px; color:#666666; display:block; padding-left:20px;} 
.classdown li a{ cursor:pointer; height:30px; line-height:30px; color:#666666; display:block; padding-left:20px;}
.classdown li:hover{ background:#2d9bcd url(../images/arrow6.png) 87% center no-repeat; color:#fff;}
.prodclass-fix{ background:#f6f6f6; padding-top:72px; border-bottom:8px solid #2d9bcd;}
.product-title{ margin-bottom:62px;}
.product-title h2{ color:#666666; font-size:24px; text-align:center; font-weight:normal; margin-bottom:12px;}
.product-title b{ display:block; width:30px; height:3px; margin:auto; background:#999999;}
.producted li{ width:31%; float:left; margin-right:3.5%; margin-bottom:20px; position:relative; overflow:hidden;}
.producted li:nth-child(3n+3){ margin-right:0;}
.producted li a{ display:block; border:1px solid #dedede; background:#fff;}
.producted li figure{ display:block; overflow:hidden; line-height:normal;}
.producted li figure img{ display:block; width:100%; height:auto; transition:980ms;}
.producted li figcaption{ display:block; border-top:1px solid #dedede; height:62px; line-height:62px; color:#666666; font-size:18px; text-indent:24px;}
.producted li mark{ display:block; width:100%; border-top:1px solid #dedede; background:#2d9bcd; box-sizing:border-box; padding:14px 22px 40px 18px; position:absolute; left:0; bottom:-100%; transition:680ms 300ms background,bottom 700ms;}
.producted li mark h3{ color:#ffffff; font-size:18px; font-weight:normal; margin-bottom:8px;}
.producted li mark p{ color:#e2ffff; font-size:14px;}
.producted li mark span{ padding-right:32px; color:#ffffff; background:url(../images/more2.png) right center no-repeat; display:inline-block; position:absolute; right:22px; bottom:20px; transition:440ms linear;}
.producted li mark span:hover{ right:12px;}
.producted li:hover figure img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}
.producted li:hover mark{ bottom:0; background:#2190c3;}
.pagelist{ padding:33px 0 68px; text-align:center;}
.pages{ display:inline-block; margin:auto;}
.pagelist a{ display:inline-block; margin-right:9px; width:41px; height:34px; text-align:center; line-height:34px; border:1px solid #999999; color:#fff; float:left; background: #999999;}
.pagelist a:hover,.pagelist a.on{ background: #2d9bcd; border-color: #2d9bcd;}
.pagelist a:first-child,.pagelist a:last-child{ width:50px;}
.pagelist a:first-child{ background:#999999 url(../images/arrow9.png) center no-repeat;}
.pagelist a:last-child{ background:#999999 url(../images/arrow10.png) center no-repeat; margin-right:0;}
.pagelist a:first-child:hover{ background:#2d9bcd url(../images/arrow9.png) center no-repeat;}
.pagelist a:last-child:hover{ background:#2d9bcd url(../images/arrow10.png) center no-repeat;}

/*产品详情*/
.position-box{ background:#eaeaea;}
.position{ padding:9px 0;}
.position span{ display:inline-block; float:left; color:#666666;}
.position a{ display:inline-block; float:left; margin-right:5px; color:#666666;}
.position span:nth-child(1){ margin-left:42px;}
.position a:hover{ color:#2190c3;}
.model{ margin-top:100px;}
.modeTab{ width:52%; float:left; border:1px solid #dedede;}
.mode-list li img{ display:block; width:100%; height:auto;}
.mode-list.owl-theme .owl-controls .owl-page{ margin-right:11px;}
.mode-list.owl-theme .owl-controls .owl-page:last-child{ margin-right:0;}
.mode-list.owl-theme .owl-controls .owl-page span{ margin:0; padding:0; width:37px; height:5px; border-radius:2px; background:#999999;}
.mode-list.owl-theme .owl-controls .owl-page.active span{ background:#3399cc;}
.mode-list .owl-pagination{ position:absolute; width:100%; left:0; bottom:16px;}
.mode-list.owl-theme .owl-controls .owl-buttons div{ width:40px; height:40px; position:absolute; top:50%; margin:0; margin-top:-20px; padding:0; text-indent:999px; overflow:hidden; transition:680ms; }
.mode-list.owl-theme .owl-controls .owl-buttons div.owl-prev{ left:5px; background:url(../images/prev3.png) center no-repeat;}
.mode-list.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{ background:url(../images/prev4.png) center no-repeat;}
.mode-list.owl-theme .owl-controls .owl-buttons div.owl-next{ right:5px; background:url(../images/next3.png) center no-repeat;}
.mode-list.owl-theme .owl-controls .owl-buttons div.owl-next:hover{ background:url(../images/next4.png) center no-repeat;}

.modele{ width:44%; float:right; position:relative; height:433px;} 
.modele h2{ color:#2772b6; font-size:24px; font-weight:normal; padding-bottom:6px; border-bottom:1px solid #cccccc; position:relative;}
.modele h2 small{ display:inline-block; width:29px; height:3px; background:#2d9bcd; position:absolute;  left:0; bottom:-2px;}
.modele-text{ padding-top:20px;}
.model-list .modele-text{ display:none; padding:8px 18px 20px 18px; border:1px solid #dddddd; }
.modele-text p{ color:#666666; font-size:14px; line-height:2;}
.modele-text p span{ display:inline-block; color:#1c65a8;}
.manual{ position:absolute; left:0; bottom:0;}
.manual .manual-info{ float:left; margin-right:19px;}
.manual a{ display:block; width:178px; height:43px; text-indent:32px; line-height:43px; color:#ffffff; font-size:14px; font-weight:bold; position:relative; border-radius:5px;}
.manual .manual-info:nth-child(1) a{ background:#2d9bcd url(../images/load3.png) 90% center no-repeat;}
.manual .manual-info:nth-child(2){ margin-right:0;}
.manual .manual-info:nth-child(2) a{ background:#ff9502 url(../images/tao1.png) 90% 10px no-repeat;}

.products-wr{ padding-bottom:65px; border-bottom:8px solid #2d9bcd;}
.product-sele{ margin-top:73px;}
.sele-list{ border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;} 
.sele-list li{ float:left; margin-left: 4px; margin-bottom:-1px; width: 96px;}
.sele-list li:first-child{ margin-left: 0;}
.sele-list li a{ display:block; padding:17px 0; text-align: center; color:#666666; position:relative; font-size: 14px;}
.sele-list li a:before{ content:""; width:11px; height:6px;  position:absolute; left:50%; margin-left:-5px; bottom:-6px; opacity:0; filter:alpha(opacity=0); transition:350ms;}
.sele-list li:hover a,.sele-list li.on a{ background:#2d9bcd; color:#fff;}
.sele-list li:hover a:before,.sele-list li.on a:before{ opacity:1; filter:alpha(opacity=100);}

.sele-witch{ margin-top:64px;}
.sele-witch .sele-info{ display:none;}
.sele-witch .sele-info:nth-child(1){ display:block;}

.characteristic p{ color:#666666; font-size:14px; }/*text-indent:20px;*/
.productmodel{ border:1px solid #e4e4e4; border-collapse: collapse; border-spacing: 0; background:#fff;}
.productmodel thead tr{ background:#2d9bcd;}
.productmodel thead tr th{ height:61px; border-right:1px solid #3bb3e9; color:#fff; font-size:14px; font-weight:normal; line-height:normal;}
.productmodel thead tr th:nth-child(1){ width:111px;}
.productmodel thead tr th:nth-child(2){ width:84px;}
.productmodel thead tr th:nth-child(3){ width:92px;}
.productmodel thead tr th:nth-child(4){ width:82px;}
.productmodel thead tr th:nth-child(5){ width:89px;}
.productmodel thead tr th:nth-child(6){ width:81px;}
.productmodel thead tr th:nth-child(7){ width:122px;}
.productmodel thead tr th:nth-child(8){ width:93px;}
.productmodel thead tr th:nth-child(9){ width:78px;}
.productmodel thead tr th:nth-child(10){ width:78px;}
.productmodel thead tr th:nth-child(11){ width:78px;}

.productmodel tbody tr{ border-bottom:1px solid #e4e4e4; transition:750ms;} 
.productmodel tbody tr:hover{ background:#f1f9fd;}
.productmodel tbody tr td{ border-right:1px solid #e4e4e4; color:#666666; height:53px; text-align:center;}
.productmodel tbody tr td:nth-child(1) a{ color:#666;}
.modeload{ display:block; width:100%; height:53px; background:url(../images/load1.png) center no-repeat; margin:auto; transition:670ms;}
.modeload:hover{ background:#2d9bcd url(../images/load2.png) center no-repeat;}
.buying{ display:block; width:100%; height:53px; background:url(../images/cart.png) center no-repeat; transition:670ms;}
.buying:hover{ background:#ff911a url(../images/cart1.png) center no-repeat;}
.sample{ display:block; width:100%; height:53px; margin:auto; background:url(../images/car.png) center no-repeat; transition:670ms;}
.sample:hover{ background:#089a1c url(../images/car1.png) center no-repeat;}
.iphone-model{ display:none;}
.iphone-model .selectbox{ display:none; float:none;}
.iphone-model .selectbox span{ padding-left:0; border-left:none; border-bottom:none; background:#616161; text-indent:25px;}
.iphone-model .selectbox span i{ display:none;}
.iphone-model .selectbox:hover span,.iphone-model .selectbox.hove span{ background:#2d9bcd;}
.iphone-model .selectbox:hover span b,.iphone-model .selectbox.hove span b{ color:#fff; background:url(../images/down.png) 94% center no-repeat;}
.iphone-model .modele-text p a{ color: #666666;}
.iphone-model .modele-text p .modeload,.iphone-model .modele-text p .buying{ display:inline-block; position:relative; top:5px;}
.iphone-model .modele-text p .buying{  height:24px;}
.iphone-model .modele-text p .buying:hover{ background:url(../images/cart.png) center no-repeat;}
.product-sele .iphone-fix{ text-align:center;}


/*产品选型*/
.lectotype-box{ padding:60px 0 70px; background:#f6f6f6; border-bottom:8px solid #2d9bcd;}
.lectotyped h2{ padding-bottom:18px; line-height:normal; padding-left:46px; color:#2d9bcd; font-size:24px; font-weight:normal; background:url(../images/search5.png) left top no-repeat;}
.lectotype-list{ padding-top:13px;}
.lectotype-info{ padding:22px 0 12px; border-bottom:1px solid #cccccc;}
.lecto-search{ margin-bottom:10px;}
.lectotype-info span{ width:117px; color:#2d84cd; font-size:14px; font-weight:bold; line-height:27px; float:left;}
.lecto-search{ float:none;}
.lecto-search input[type=text]{ width:136px; padding-left:6px; height:25px; line-height:25px; padding-top:0; padding-bottom:0; border:1px solid #cccccc; border-radius:2px; float:left; color:#666666; background:#fff; font-family:微软雅黑; transition:760ms; outline:none;}
.lecto-search input[type=text]:focus{ border-color:#2d9bcd;}
.lecto-search input[type=button]{ width:94px; height:27px; cursor:pointer; background:#2d9bcd url(../images/searchone.png) 70px center no-repeat; color:#ffffff; border-radius:2px; text-align:left; float:left; border:none; font-family:微软雅黑; margin-left:4px; padding-left:10px; transition:650ms;}
.lecto-search input[type=button]:hover{ background:#16aca4 url(../images/searchone.png) 70px center no-repeat;}
 .lect-list{ float:left; width:88%;} 
 .lect-list a{  display:inline-block; float:left; margin-right:8px; position:relative; border-radius:2px; transition:760ms; background:#fff; margin-bottom:10px;}
 .lect-list a i{padding:0 13px; height:28px; line-height:28px; color:#666666; font-size:14px; display:inline-block; font-style:normal; position:relative; z-index:5; transition:650ms;}

.lect-list a:hover, .lect-list a.now{ background:#16aca4;}
.lect-list a:hover i,.lect-list a.now i{ color:#fff;}
.lect-list a.now1{ background:#e9e9e9;}
.lect-list a.now1 i{ color:#999;}
.lectoty{ margin-top:74px;}

.productmodel1 thead tr th:nth-child(1){ width:122px;}
.productmodel1 thead tr th:nth-child(2){ width:65px;}
.productmodel1 thead tr th:nth-child(3){ width:78px;}
.productmodel1 thead tr th:nth-child(4){ width:68px;}
.productmodel1 thead tr th:nth-child(5){ width:69px;}
.productmodel1 thead tr th:nth-child(6){ width:64px;}
.productmodel1 thead tr th:nth-child(7){ width:102px;}
.productmodel1 thead tr th:nth-child(8){ width:74px;}
.productmodel1 thead tr th:nth-child(9){ width:73px;}
.productmodel1 thead tr th:nth-child(10){ width:149px;}
.productmodel1 thead tr th:nth-child(11){ width:59px;}
.productmodel1 thead tr th:nth-child(12){ width:65px;}

/*about*/
.leval-menu{ background:#fff; position:relative; border-bottom:1px solid #cccccc; line-height:0; text-align:center; z-index:22;}
.levals{ display:inline-block; margin:auto; line-height:normal; overflow:hidden;}
.levals li{ float:left; padding-right:12px;}
.levals li a{ display:inline-block; position:relative;}
.levals li a i{ display:inline-block; padding:12px 16px 14px; color:#666666; font-size:15px; font-style:normal; position:relative; z-index:5;}
.levals li a:before{ content:""; width:0; height:4px; background:#0095d9; transition:650ms; position:absolute; left:50%; bottom:0;}
.levals li a:hover i,.levals li a.on i{ color:#0095d9;}
.levals li a:hover:before,.levals li a.on:before{ left:0; width:100%;}
.join-us{ background:#f7f7f7; padding:74px 0 88px; border-bottom:8px solid #2d9bcd;}
.join{ width:828px; margin:auto;}
.join-title{ text-align:center; margin-bottom:40px;}
.join-title h3{ color:#666666; font-size:24px; text-align:center; font-weight:normal; margin-bottom:14px;}
.join-title b{ display:block; width:32px; height:3px; margin:auto; background:#999999;}
.idea{ margin-bottom:65px;}
.idea h4{ color:#325f9a; font-size:18px; font-weight:normal; margin-bottom:6px;}
.idea p{ color:#666666; font-size:14px; margin-bottom:5px;}
.recruit h4{ color:#325f9a; font-size:18px; font-weight:normal; margin-bottom:12px;}
.fancybox-nav span {
    width: 40px;
    height: 40px;
    margin-top: -20px;
	background:none;
	}
.fancybox-nav {
	top:50%;
	margin-top:-20px;
    width: 40px;
    height: 40px;
	background:url(../images/join-arrow.png) no-repeat;
	}
.fancybox-prev{
	left:-70px;
	}
.fancybox-next{
	right:-70px;
	background-position:right center;
	}
.fancybox-overlay {
    background:url(../images/fancybox_overlay.png);
	}
.fancybox-close {
	width: 24px;
	height: 24px;
    top: 0;
    right: -30px;
	background:url(../images/close.png) no-repeat;
	background-size:cover;
	transition:850ms;
	}
.fancybox-close:hover{ transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg);}
.fancybox-nav:hover span{ background:none; opacity:0.8;}
.fancybox-opened .fancybox-skin {
    box-shadow:none;
	}
.fancybox-skin{
	background:none;
	border-radius:none;
	}

.recruit-text li{ margin-bottom:2px;}
.recruit-text li:nth-child(1) .reruit-info{ display:block;}
.recuit-top{ background:#dfe3e7; cursor:pointer; padding-left:28px;}
.recuit-top span{ display:inline-block; width:12%; float:left; height:50px; line-height:50px; font-size:14px; color:#333333; transition:350ms; white-space:nowrap;}
.recuit-top .addcad{ float:right; width:18px; height:18px; margin-right:28px; position:relative; margin-top:18px;}
.recuit-top .addcad b{ display:block; background:#999999; position:absolute; transition:240ms;}
.recuit-top .addcad b:nth-child(1){ width:18px; height:2px; left:0; top:8px;}
.recuit-top .addcad b:nth-child(2){ width:2px; height:18px; left:8px; top:0px;}

.recuit-top.on{ background:#0095d9; transition:350ms;}
.recuit-top.on span{ color:#fff;}
.recuit-top.on .addcad b{ background:#fff;}
.recuit-top.on .addcad b:nth-child(2){ transform:translateY(20px); -webkit-transform:translateY(20px); -moz-transform:translateY(20px); opacity:0; filter:alpha(opacity=0);}
.reruit-info{ padding:8px 28px 54px 28px; display:none; border:1px solid #dddddd; background:#fff;}
.reruit-info h4{ color:#0095d9; margin-bottom:6px; font-weight:normal; margin-top:30px; font-size:16px;}
.reruit-info p{ color:#333; line-height:1.7; font-size:14px;}
.reruit-info p span{ display:inline-block; margin-right:24px;}
.reruit-info a{ display:block; width:165px; height:47px; text-align:center; line-height:47px; color:#ffffff; font-size:14px; background:#0095d9; margin-top:34px; border-radius:3px;}
.reruit-info a:hover{ background:#2190c3;}
.iphone-fix{ width:100%; background:#0095d9; position:absolute; display:none; left:0; top:0;}
.iphone-fix span{ color:#fff; display:block; font-size:14px; height:46px; line-height:46px; cursor:pointer;}
.iphone-fix.scoll{ position:fixed; left:0; top:90px;}
.iphone-fix span em{ color:#fff; font-size:14px; font-style:normal; line-height:46px; display:inline-block;}
.iphone-fix span b{ display:inline-block; margin-left:5px; width:11px; height:6px; background:url(../images/down3.png) center no-repeat;}
.iphone-down{ width:100%; position:absolute; left:0; display:none; top:46px; background:rgba(33,144,195,0.8);}
.iphone-down a{ display:block; font-size:14px; text-align:center; height:42px; line-height:42px; color:#fff; position:relative; overflow: hidden; border: none !important;}
.iphone-down a:hover,.iphone-down a.on{ background:rgba(4,125,180,0.7);}

.iphone-down a:after{ content: ''; position: absolute; bottom: 0;left: 0; width: 100%; height: 1px; z-index: 1; background-color: rgba(88,193,240,0.5); -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: ReturnToNormal; animation-name: ReturnToNormal;}

.product-sele .iphone-fix{ display:none; z-index:30; position:relative !important; top:0 !important;}
.model-list li{ margin-bottom:2px;}
.model-list li .model-mouse{ color:#333333; height:45px; line-height:45px; font-size:15px; padding-left:18px; background:#d1dae4; position:relative; transition:620ms;}
.model-list li .model-mouse:before{ content:""; width:18px; height:8px; position:absolute; transition:680ms; right:7%; top:50%; z-index:10; margin-top:-4px; background:url(../images/down6.png) center no-repeat;} 
.about-text .maxvideo{ float:none;}
.model-list li .model-mouse.on{ color:#fff; background:#0095d9;}
.model-list li .model-mouse.on:before{ background:url(../images/down7.png) center no-repeat; transform:rotate(-180deg);}

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


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

  
}

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


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

/*联系我们*/
.map-box{ position:relative;}
.map{ height:605px; position:relative;}
.contact-fa{ position:absolute; left:50%; top:50%; margin-top:-153px; z-index:9; height:1px; margin-left:-500px;}
.contact-right{ width:333px; float:right;}
.contact-title{ background:#fff; padding:20px 0 20px 30px; position:relative;}
.contact-title h3{ color:#666666; font-size:24px; font-weight:normal;}
.contact-title small{ display:block; color:#666666; font-family:Arial; line-height:normal;}
.contact-title b{ display:block; width:82px; height:43px; background:url(../images/conct.png) center no-repeat; position:absolute; right:23px; top:26px;}
.address-box{ padding:30px 24px 20px 30px; background:#16aca3;}
.address-box address{ font-style:normal;}
.address-box address span{ display:block; padding-left:32px; color:#ffffff; font-size:14px; margin-bottom:2px;}
.address-box address span:nth-child(1){ background:url(../images/tel1.png) 0 2px no-repeat;}
.address-box address span:nth-child(2){ background:url(../images/fax.png) 0 4px no-repeat;}/*
.address-box address span:nth-child(3){ background:url(../images/iphe.png) 2px 3px no-repeat;}*/
.address-box address span:nth-child(3){ background:url(../images/emai1.png) left 5px no-repeat;}
.address-box address span:nth-child(4){ background:url(../images/map2.png) 2px 4px no-repeat;}
.message-box{ padding:105px 0 90px; border-bottom:8px solid #2d9bcd;}
.message{ text-align:center; width:840px; margin:auto;}
.message h2{ color:#666666; font-size:24px; text-align:center; margin-bottom:28px; font-weight:normal;}
.message p{ color:#666666; font-size:14px; text-align:center; line-height:2;} 
.message p b{ display:inline-block; color:#0d72c7; font-weight:normal;}
.message p strong{ display:inline-block; color:#0d72c7; font-weight:normal;}
.messaga-input{ margin-top:21px; margin-left:125px; text-align:center;}
.message-row{ float:left; border:1px solid #cccccc; transition:650ms; margin-right:12px; margin-bottom:16px;}
.message-row input[type=text]{ width:267px; height:44px; border:none; background:#fff; line-height:44px; font-family:微软雅黑; outline:none; padding:0; padding-left:16px; color:#666666;}
.message-row.on{ border-color:#2d9bcd;}
.message-row textarea{ width:548px; height:78px; padding:12px 16px; border:none; outline:none; font-size:14px; font-family:微软雅黑; color:#666666;}

/*企业视频*/
.video-box{ padding:48px 0 92px; border-bottom:8px solid #2d9bcd; background:#f6f6f6;}
.video-tab{ width:828px; margin:auto;}
.video-title{ text-align:center; margin-bottom:30px;}
.video-title h3{ text-align:center; color:#666666; font-size:24px; margin-bottom:10px; font-weight:normal;}
.video-title b{ display:block; width:32px; height:3px; margin:auto; background:#999999;}

.maxvideo{ position:relative; float:left;}
.video-hidden{ position:relative; width:100%; overflow:hidden; cursor:pointer;}
.video-hidden span{ display:block; width:50px; height:50px; position:absolute; left:50%; top:50%; margin-left:-25px; margin-top:-25px; background:url(../images/video2.png) center no-repeat; z-index:10;}
.video-hidden img{ display:block; width:100%; height:auto; transition:780ms;}
.ivideo{ cursor: pointer; width: 100%; height: 100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.2);}
.ivideo a{ display:block; width:100%; height:100%;}
.maxvideo:hover .video-hidden img{ transform:scale(1.06); -webkit-transform:scale(1.06); -moz-transform:scale(1.06);}
#vbBox{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index:10;}
.video-dix{ width:100%; height:auto; overflow:hidden;}
.video-info{ width:10000px; position:relative;}

.video-list{ position:relative; margin-right:30px; padding-left:30px; padding-top:30px;}
.video-fix li{ position:relative; margin:0 10px; cursor:pointer;}
.video-fix li figure{ display:block; width:100%; line-height:normal; overflow:hidden;}
.video-fix li figure img{ display:block; width:100%; height:auto; transition:760ms;}
.video-fix li figcaption{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.2);}
.video-fix li:hover figure img{ transform:scale(1.06); -webkit-transform:scale(1.06); -moz-transform:scale(1.06);}
.video-fix li:hover figcaption p{ color:#fff;}
.video-fix li figcaption span{ display:block; width:35px; height:35px; margin:auto; background:url(../images/video2.png) center no-repeat; margin-bottom:26px; margin-top:40px;}
.video-fix li figcaption p{ color:#666666; font-size:14px; text-align:center; transition:600ms;}
.video-list .owl-theme .owl-controls .owl-buttons div{ width:30px; height:30px; position:absolute; top:50%; margin-top:-15px; text-indent:999px; overflow:hidden; transition:650ms;}
.video-list .owl-theme .owl-controls .owl-buttons div.owl-prev{ left:-49px; background:url(../images/prev5.png) center no-repeat;}
.video-list .owl-theme .owl-controls .owl-buttons div.owl-next{ right:-49px; background:url(../images/next5.png) center no-repeat;}
.video-list .owl-theme .owl-controls .owl-buttons div.owl-prev:hover{ background:url(../images/prev6.png) center no-repeat;}
.video-list .owl-theme .owl-controls .owl-buttons div.owl-next:hover{ background:url(../images/next6.png) center no-repeat;}

/*企业文化*/
.culture-fix{ padding:60px 0; background:#f7f7f7;}
.video-title h2{ text-align:center; color:#2d9bcd; font-size:24px; font-weight:normal; margin-top:15px;}
.culture-list li{ width:23.6%; float:left; margin-right:1.86666%; cursor:pointer;}
.culture-list li:last-child{ margin-right:0;}
.culture-list li figure{ display:block; overflow:hidden;}
.culture-list li figure img{ display:block; width:100%; height:auto; transition:760ms;}
.culture-list li figcaption{ text-align:center; color:#666666; transition:850ms; position:relative; overflow:hidden; background:#fff;}
.culture-list li figcaption span{ display:block; font-size:14px; position:relative; z-index:5; padding:27px 0 0; height:56px; transition:650ms;}
/*.culture-list li figcaption:before{ content:""; width:100%; height:100%; position:absolute; left:100%; top:0; transition:780ms; background:#2d9bcd; opacity:0.9;}*/
.culture-list li figcaption:before{ content:""; width:100%; height:1px; position:absolute; left:0; top:0;  }

.culture-list li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.culture-list li:hover figcaption{ background:none;}
.culture-list li:hover figcaption span{ color:#2d9bcd;}
.culture-list li:hover figcaption:before{ left:0;}

.culture-box{ margin-top:64px; padding-bottom:24px; border-bottom:8px solid #2d9bcd; overflow:hidden;}
.culture-info li{ position:relative; margin-bottom:46px;}
.culture-info li figure{ width:49%; overflow:hidden; line-height:normal;}
.culture-info li figure img{ display:block; width:100%; height:auto;}
.culture-info li figcaption{ display:block; width:47%; color:#666666; font-size:14px; position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.culture-info li:nth-child(odd) figure{ float:left;}
.culture-info li:nth-child(odd) figcaption{ right:0;} 

.culture-info li:nth-child(even) figure{ float:right;}
.culture-info li:nth-child(even) figcaption{ left:0;} 

/*企业简介*/
.aboute-box{ padding:78px 0 73px; border-bottom:8px solid #2d9bcd; background:#f6f6f6;}
.about{ width:828px; margin:auto;}
.aboute-title{ text-align:center; margin-bottom:46px;}
.aboute-title h1{ color:#2d9bcd; font-size:28px; text-align:center; font-weight:normal;}
.aboute-title small{ display:block; text-align:center; color:#666666; font-size:14px; line-height:normal;}
.about-text p{ color:#666666; font-size:14px; line-height:2;}
.about-text .maxvideo{ margin-top:42px;}
.about-text img{ max-width: 100%; height: auto; line-height: 0;}

/*荣誉资质*/
.honor-box{ padding:65px 0 0; background:#f6f6f6; border-bottom:8px solid #2d9bcd;}
.honor-list li{ width:17%; float:left; overflow:hidden; margin-bottom:18px; margin-right:3.4%;}
.honor-list li:nth-child(5n+5){ margin-right:0;}
.honor-list li figure mark{ content:""; display:block; width:100%; height:100%; overflow:hidden; background:none;}
.honor-list li figure{ display:block; padding:5px; border:1px solid #cccccc; background:#fff; overflow:hidden;}
.honor-list li figure img{ display:block; width:100%; height:auto; transition:740ms;}
.honor-list li figcaption{ display:block; text-align:center; height: 42px; overflow: hidden; margin-top:6px; color:#666; transform-style:650ms;}
.honor-list li:hover figure img{ transform:scale(1.06); -webkit-transform:scale(1.06); -moz-transform:scale(1.06);}
.honor-list li:hover figcaption{ color:#0095d9;}

/*企业动态*/
.new-box{ padding:20px 0 0; background:#f6f6f6; border-bottom:8px solid #2d9bcd;}
.news-search{ margin-bottom:24px;}
.newed-input{ float:right;}
.newed-input span{ display:inline-block; float:left; width:19px; height:19px; margin-right:18px; background:url(../images/search.png) center no-repeat; margin-top:4px; }
.newed-input .newselect{width:124px; float:left; color:#666666; font-size:14px; padding-left:20px; padding-top:3px; padding-bottom:3px; background:url(../images/down4.png) 98px center no-repeat;  -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor:pointer; outline:none; font-family:微软雅黑; border:none; border:1px solid #cccccc;}
.new-list{ margin-top:25px;}
.new-list li{ width:31%; float:left; margin-right:3.5%; background:#fff; margin-bottom:40px;}
.new-list li:nth-child(3n+3){ margin-right:0;}
.new-list li a{ display:block; position:relative; padding:18px 20px 33px;}
.new-list li a:before{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.35s, -webkit-transform 0.45s; transition: opacity 0.45s, transform 0.45s; border-top:3px solid #2d9bcd; border-bottom: 3px solid #2d9bcd; -webkit-transform: scale(0,1); transform: scale(0,1); }
.new-list li a:after{ border-right: 3px solid #2d9bcd; border-left: 3px solid #2d9bcd; -webkit-transform: scale(1,0); transform: scale(1,0); position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.45s, -webkit-transform 0.45s; transition: opacity 0.45s, transform 0.45s;}
.new-list li a figure{ display:block; overflow:hidden; line-height:normal;}
.new-list li a figure img{ display:block; width:100%; height:auto; transition:650ms;}
.new-list li a figcaption{ display:block; padding-top:10px; position:relative; height:94px;}
.new-list li a figcaption h3{ color:#333333; font-size:16px; font-weight:normal;}
.new-list li a figcaption time{ display:inline-block; color:#999999; position:absolute; left:0; bottom:0;}
.new-list li a figcaption span{ display:block; width:26px; height:26px; background:url(../images/next5.png) center no-repeat; background-size:cover; position:absolute; right:0; bottom:0; transition:560ms;}
.new-list li a:hover:before,.new-list li a:hover:after{ opacity: 1; -webkit-transform: scale(1); transform: scale(1);}
.new-list li a:hover figure img{ transform:scale(1.08); -webkit-transform:scale(1.08); -moz-transform:scale(1.08);}
.new-list li a:hover figcaption span{ background:url(../images/next6.png) center no-repeat; background-size:cover;}

/*新闻详情*/
.view-title{ padding:68px 0 48px; background:#16aca4; text-align:center;}
.view-title h3{ color:#ffffff; font-size:24px; text-align:center; margin-bottom:8px; font-weight:normal;}
.view-title time{ display:block; text-align:center; color:#ffffff; font-size:14px; text-align:center;}
.view-fix{ background:#f6f6f6;}
.view-text{ width:800px; margin:auto; color:#666666; font-size:14px; padding:34px 0 66px;}
.view-text a{ color: #666;}
.view-text p{ text-indent:26px; margin-bottom:0 !important;}
.view-text img{width:100% !important;height:auto;/* margin-bottom: 34px; */max-width:100% !important;/* margin-left: -26px; */}
.page{ border-top:1px solid #cccccc; border-bottom:8px solid #2d9bcd; text-align:center; line-height:0;}
.page-fix{ display:inline-block; margin:auto;}
.page-prev{ float:left; line-height:normal; margin-top:22px;}
.page-prev a,.page-next a{ display:inline-block; color:#666666; font-size:16px; padding-left:38px; background:url(../images/page.png) left center no-repeat; line-height:normal;}
.page-fix b{ display:block; width:67px; height:59px; background:#2d9bcd url(../images/cercle.png) center no-repeat; margin-left:80px; margin-right:80px; float:left; line-height:normal;}
.page-next{ float:left; margin-top:22px;}
.page-next a{ padding-left:0; padding-right:38px; background:url(../images/page1.png) right center no-repeat;}
.page-prev a:hover{ color:#2d9bcd; background:url(../images/page3.png) left center no-repeat;}
.page-next a:hover{ color:#2d9bcd; background:url(../images/page2.png) right center no-repeat;}

/*样品申请*/
.sample-box{ padding:50px 0 85px; border-bottom:8px solid #2d9bcd; background:#f6f6f6;}
.samples{ width:635px; margin:auto;}
.sample-title{ margin-bottom:30px;}
.sample-title h2{ text-align:center; color:#0095da; font-size:30px; font-weight:normal;}
.sample-title p{ color:#666666; font-size:14px; text-align:center;}
.apple-info{ border:1px solid #cccccc; margin-bottom:12px; padding-right: 6.3%; background:#fff;} 
.apple-info .need{ padding-left:20px; width:437px; padding-top:12px; padding-bottom:12px; border:none; color:#999999; font-size:14px; font-family:微软雅黑; float:left; background:none;}
.sample-add{ float:right;}
.sample-add span{ display:block; width:21px; height:21px; float:left; margin-top:11px; cursor:pointer; transition:670ms;}
.sample-add span.add{ background:url(../images/radius3.png) center no-repeat;}
.sample-add span.sele{ background:url(../images/radius6.png) center no-repeat;}
.sample-add span.add:hover{ background:url(../images/radius7.png) center no-repeat;}
.sample-add span.sele:hover{ background:url(../images/radius4.png) center no-repeat;}

.apple{ padding-bottom:44px; border-bottom:1px dashed #cccccc;}
.sample-add .textadd{ width:46px; text-align:center; height:21px; line-height:21px; color:#666666; font-size:18px; font-family:Arial; margin-left:21px; margin-right:21px; float:left; border:none; background:none; margin-top:11px;}
.increase{ text-align:center; margin-top:30px;}
.increase span{ display:block; width:72px; height:37px; margin:auto; text-align:center; padding-top:35px; color:#ffffff; font-size:14px; background:url(../images/radius5.png) center no-repeat; position:relative; cursor:pointer;}
.increase span i{ display:block; width:12px; height:12px; background:url(../images/add1.png) center no-repeat; position:absolute; left:30px; top:19px;}
.apple-input{ padding-top:32px;}
.apple-input h2{ text-align:center; color:#0095da; font-size:30px; font-weight:normal; margin-bottom:24px;}
.apple-fix .appled{ margin-bottom:12px; width:310px; float:left;}
.apple-fix .appled input{ width:292px; padding-top:12px; padding-bottom:12px; color:#666666; font-size:14px; padding-left:15px; border:none; background:#fff; font-family:微软雅黑; border:1px solid #cccccc; transition:650ms;}
.apple-fix .appled input:focus{ border-color:#2d9bcd;}
.apple-fix .appled:nth-child(2n+2){ float:none; float:right;}
.subsure{ text-align:center; width:100%;}
.sure{ width:178px; height:45px; text-align:center; line-height:45px; color:#ffffff; font-size:14px; font-weight:bold; cursor:pointer; margin:auto; background:#2d9bcd; padding:0; margin-top:20px; border:none; transition:670ms;}
.sure:hover{ background:#cccccc;}

/*应用方案*/
.technology-box{ padding:50px 0 0px; background:#f6f6f6; border-bottom:8px solid #39a0cf;}
.techno{ color:#666666; font-size:24px; font-weight:normal; padding-bottom:10px; border-bottom:2px solid #cccccc;}
.technology-text{ margin-top:35px;}
.technology-left{ width:25.2%; float:left; position:relative; z-index:10;}
.technology-list >li{ margin-bottom:2px;}
.technology-list >li >a{ display:block; padding-left:20px; color:#ffffff; font-size:14px; height:46px; line-height:46px; position:relative; background:#2d9bcd; overflow:hidden; transition:780ms;}
.technology-list >li >a span{ display:block; width:21px; height:21px; position:absolute; right:15px; top:13px; background:url(../images/radius9.png) center no-repeat; transition:540ms;}
.technology-list >li >a span:before{ content:""; width:10px; height:6px; background:url(../images/down.png) center no-repeat; position:absolute; left:6px; top:8px; transition:620ms; transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); }
.technology-list >li >a:hover,.technology-list >li >a.on{ background:#16aca4; color:#fff;}
.technology-list >li >a:hover span,.technology-list >li >a.on span{ background:url(../images/radius9.png) center no-repeat;}
.technology-list >li >a:hover span:before,.technology-list >li >a.on span:before{ background:url(../images/down.png) center no-repeat; transform:rotate(0deg);}

.technology-fix{ width:72%; float:right;}
.technofix li{ margin-bottom:24px; display:block; padding:27px 36px 32px 30px; position:relative; background:#fff; margin-bottom:24px;}
.technofix li a .line1{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.35s, -webkit-transform 0.45s; transition: opacity 0.45s, transform 0.45s; border-top:3px solid #2d9bcd; border-bottom: 3px solid #2d9bcd; -webkit-transform: scale(0,1); transform: scale(0,1); }
.technofix li a .line2{ border-right: 3px solid #2d9bcd; border-left: 3px solid #2d9bcd; -webkit-transform: scale(1,0); transform: scale(1,0); position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.45s, -webkit-transform 0.45s; transition: opacity 0.45s, transform 0.45s;}
.technofix li:hover .line1,.technofix li:hover .line2{ opacity: 1; -webkit-transform: scale(1); transform: scale(1);}

.technology-fix .pagelist{ text-align:right;}
.technofix li figure{ display:block; line-height:normal; width:28%; float:left; overflow:hidden;}
.technofix li figure img{ display:block; width:100%; height:auto; transition:890ms;}
.technofix li figcaption{ display:block; width:66.6666%; float:right;}
.technofix li figcaption h3{ color:#333333; font-size:16px; font-weight:normal; margin-bottom:5px; margin-top:13px; transition:700ms;}
.technofix li figcaption p{ color:#999999; font-size:14px; margin-bottom:14px;}
.technol span{ display:inline-block; float:left; color:#999999; font-size:14px; line-height:normal; padding:0 14px; height:15px; border-right:#b8b8b8 1px solid;}
.technol span:first-child{ padding-left:0;}
.technol span:last-child{ border-right:none;}
.technofix li:hover figure img{ transform:scale(1.08); -webkit-transform:scale(1.08); -moz-transform:scale(1.08);}
.technofix li:hover figcaption h3{ color:#2d9bcd;}

.apple-box{ padding:46px 0 60px; background:#f6f6f6; border-bottom:8px solid #2d9bcd;}
.project-data{ width:50%; float:left; background:#2d9bcd;}
.project-data a{ display:block; position:relative; padding:20px 0 20px 138px; color:#ffffff; font-size:18px; background:url(../images/data.png) 98px center no-repeat;}
.project-data:nth-child(1){ background:#16aca4;}
.project-data a i{ display:block; width:16px; height:13px; position:absolute; right:27.6%; top:29px; background:url(../images/more4.png) center no-repeat; transition:540ms;}
.project-data:nth-child(2) a{ background:url(../images/problem.png) 98px center no-repeat;}
.project-data a:hover i{ right:25%;}
.project-input{ background:#fff; margin-top:38px; padding:36px 36px 63px 28px;}
.project-input h2{ padding-left:47px; color:#2d9bcd; font-size:24px; font-weight:normal; padding-left:47px; background:url(../images/data1.png) left center no-repeat;}
.project-input p{ color:#666666; font-size:14px; margin-top:15px; margin-bottom:42px;}
.project-row{ margin-bottom:16px; float:left; width:100%;}
.project-row:nth-child(1),.project-row:nth-child(2){ width:auto;}

.project-row span{ display:inline-block; float:left; color:#666666; font-size:14px; line-height:45px;  margin-right:10px; text-align:right; min-width:70px;}
.project-row input{ padding:12px 0 12px 10px; width:347px; border:1px solid #cccccc; background:none; color:#666; font-size:14px; font-family:微软雅黑; transition:780ms; float:left;}
.project-row input:focus{ border-color:#2d9bcd;}
.project-row:nth-child(2){ float:right;}
.project-row .projetc-sele{ padding-left:12px; height:45px; line-height:45px; width:347px; border:1px solid #cccccc; background:none; color:#666; font-size:14px; font-family:微软雅黑; transition:780ms; float:left; font-size:14px; padding-left:20px; background:url(../images/down4.png) 95% center no-repeat;  -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor:pointer; outline:none; font-family:微软雅黑; border:none; border:1px solid #cccccc;}
.project-row input.proin1{ width:844px;}
.project-textarea{ width:853px; float:left;} 
.project-textarea b{ display:block; color:#999999; font-size:14px; font-weight:normal; margin-bottom:12px; margin-left:8px; margin-top:10px;}
.project-promble{ width:100%;}
.project-promble textarea{ width:100%; color:#666; padding:20px 0 0; font-size:14px; font-family:微软雅黑; border:1px solid #cccccc; outline:none; transition:780ms;}
.project-promble textarea:focus{ border-color:#2d9bcd;}
.prodee-row{ margin-left:24px; margin-bottom:28px; transition:780ms;}
.prodee-row span{ display:inline-block; float:left; color:#666666; font-size:14px; line-height:normal; line-height:26px; margin-right:0;}
.prodee-row input{ float:left; border:none; background:none; color:#fff; padding:0; line-height:26px; color:#666;}
.uploading{ float:left; margin-top:1px; width:844px;}
.uploading .porbtn{ margin-top:0px; width:112px; height:24px; text-align:center; line-height:24px; color:#ffffff; cursor:pointer; font-family:微软雅黑; border:none; background:#999999; padding:0; font-size:12px; margin-top:10px;}
.uer{ display:none;}
.uploading b{ display:inline-block; float:left; color:#666666; line-height:45px; margin-left:22px; font-weight:normal;}
.project-row input.proin2{ width:220px;} 
.project-row img{ display:block; float:left; margin-left:15px; cursor:pointer;}
.subproble{ margin-top:14px; width:173px; height:43px; border:1px solid #2d9bcd; color:#fff; font-weight:bold; font-size:14px; cursor:pointer; background:#2d9bcd; text-align:center; line-height:43px; margin-left:210px; transition:780ms; float:left;}
.subproble:hover{ background:none; border-color:#2d9bcd; color:#2d9bcd;}
.technology-left .selectbox{ display:none;}
.technology-left .selectbox span{ background:#ffffff; padding-left:20px; border:none;}
.technology-left .selectbox span b{ color:#666666; font-size:14px;}
.technology-left .selectbox span i{ display:none;}
.technology-left .selectbox span b{ background:url(../images/down5.png) 94% center no-repeat;}
.technology-left .classdown li a{ color:#666666;}
.technology-left .classdown li:hover a{ color:#fff;}
.common-problem li{ margin-bottom:5px;}
.common-problem li .problem-top{ position:relative; background:#ffffff; cursor:pointer; transition:670ms; overflow:hidden;}
.common-problem li .problem-top b{ width:49px; height:45px; text-align:center; line-height:45px; color:#ffffff; font-size:14px; font-weight:bold; font-family:Arial; float:left; background:#d1dae4; transition:670ms; position:relative; z-index:5;}
.common-problem li .problem-top span{ display:inline-block; float:left; margin-left:20px; color:#666666; font-size:14px; line-height:35px; transition:600ms; position:relative; z-index:5;width:80%}
.common-problem li .problem-top:before{ width:14px; height:8px; position:absolute; right:23px; top:50%; margin-top:-4px; content:""; background:url(../images/down6.png) center no-repeat; transition:470ms; z-index:5;}
.common-problem li .problem-top mark{ width:100%; height:100%; background:#2d9bcd; transition:730ms; position:absolute; left:0; top:100%;}
.problem-text{ padding:28px 20px 0 25px; background:#d1dae4; display:none;}
.problem-text strong{ display:block; color:#333333; font-size:14px; font-weight:normal;}
.problem-text p{ color:#333333; font-size:14px; line-height:2;}
.ambia{ margin-top:28px; padding:12px 0; border-top:1px solid #ffffff;}
.ambia span{ display:inline-block; float:left; padding-left:28px; color:#333333; font-size:14px; font-family:Arial; margin-right:30px; cursor:pointer; transition:650ms;}
.ambia span:nth-child(1){ background:url(../images/eye.png) left center no-repeat;}
.ambia span:nth-child(2){ background:url(../images/zan.png) left center no-repeat;}
.ambia span:nth-child(1):hover{ color:#2d9bcd; background:url(../images/eye1.png) left center no-repeat;}
.ambia span:nth-child(2):hover{ color:#2d9bcd; background:url(../images/zan1.png) left center no-repeat;}
.common-problem li .problem-top:hover mark,.common-problem li .problem-top.on mark{ top:0;}
.common-problem li .problem-top:hover b,.common-problem li .problem-top.on b{ background:none; color:#fff;}
.common-problem li .problem-top:hover span,.common-problem li .problem-top.on span{ color:#fff;}
.common-problem li .problem-top:hover:before,.common-problem li .problem-top.on:before{ background:url(../images/down7.png) center no-repeat; transform:rotate(-180deg);}
.common-problem li:nth-child(1) .problem-text{ display:block;}
.levamenu{ display:none;}
.levamenu li{ margin-top:2px;}
.technology-list >li:nth-child(1) .levamenu{ display:block;}
.levamenu li a{ display:block; padding-left:20px; color:#333333; font-size:14px; height:46px; line-height:46px; background:#fff; position:relative;}
.levamenu li a:before{ content:""; width:7px; height:11px; position:absolute; right:22px; top:50%; margin-top:-5px; background:url(../images/arrow5.png) center no-repeat; transition:320ms;}
.levamenu li a:hover{ color:#000;}
.levamenu li a:hover:before{ right:18px; background:url(../images/arrow5.png) center no-repeat;}
.data-loads li{ margin-bottom:5px; padding:20px 42px 16px 25px; background:#ffffff; overflow:hidden; position:relative;}
.data-loads li time{ float:left; position:relative; z-index:5;}
.data-loads li time strong{ display:block; color:#666666; font-size:18px; font-family:Arial; line-height:normal; transition:560ms;}
.data-loads li time b{ display:block; font-size:14px; font-family:Arial; line-height:normal; color:#666666; transition:560ms;}
.data-loads li span{ display:inline-block; float:left; margin-left:34px; color:#666666; font-size:14px; margin-top:8px; transition:600ms; position:relative; z-index:5;}
.data-loads li .paf{ padding-right:38px; color:#666666; font-size:12px; font-weight:bold; line-height:32px; float:right; margin-top:8px; background:url(../images/load1.png) right center no-repeat; text-transform:uppercase; transition:560ms; position:relative; z-index:5;}
.data-loads li:before{ width:100%; height:100%; position:absolute; left:0; top:100%; content:""; background:#2d9bcd; display:block; transition:780ms;}
.data-loads li:hover:before{ top:0;}
.data-loads li:hover time strong,.data-loads li:hover time b,.data-loads li:hover span{ color:#fff;}
.data-loads li:hover .paf{ color:#fff; background:url(../images/load2.png) right center no-repeat;}
.news-search .techno{ float:left; line-height:normal; border-bottom:none;}
.techline{ border-bottom:2px solid #cccccc;}


.videoIbox{ overflow:hidden;}
.videoIbox .item{ display: block;}

.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.6; filter: alpha(opacity=60); overflow: hidden; }
.vwrap .videobox { z-index: 990; width:800px; height: 450px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -225px; margin-left: -400px; }
.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: -30px; right: 0px; }
.vwrap .close i { display: block; width:24px; height:24px; background:url(../images/close.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button { background: none no-repeat!important; }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }

.main-top.article-block .application{ opacity:0; transform:translateY(60px); -webkit-transform:translateY(60px); -moz-transform:translateY(60px);}
.main-top.articleShow .application{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:940ms;}
.main-top.article-block .application .applicate:before{ opacity:0; right:0;}
.main-top.articleShow .application .applicate:before{ opacity:1; right:-14px; transition:560ms 500ms;}
.main-top.article-block .video{ opacity:0; transform:translateY(50px); -webkit-transform:translateY(50px); -moz-transform:translateY(50px);}
.main-top.articleShow .video{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:860ms 380ms;}

.apples.article-block{ transform:translateY(60px); -webkit-transform:translateY(60px); -moz-transform:translateY(60px); opacity:0;}
.apples.articleShow{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:890ms 1000ms;}
.productTab.article-block{ transform:translateY(60px); -webkit-transform:translateY(60px); -moz-transform:translateY(60px); opacity:0;}
.productTab.articleShow{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:890ms 1300ms;}

.main-bottom.article-block .apples,.main-bottom.article-block .product-select{ opacity:0; transform:translateY(80px); -webkit-transform:translateY(80px); -moz-transform:translateY(80px);}
.main-bottom.articleShow .apples,.main-bottom.articleShow .product-select{ opacity:1; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); transition:980ms 700ms;}
.main-bottom.articleShow .product-select{ transition:880ms 1000ms;}

.news-box.article-block .data-load{ opacity:0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px);}
.news-box.articleShow .data-load{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:1000ms 100ms;}
.news-box.articleShow .data-load:nth-child(2){ transition:1000ms 600ms;}

.footer-box.article-block{ position:relative; opacity:0;}
.footer-box.articleShow{ opacity:1; transition:1280ms 200ms;}

.center-title.article-block h3{ opacity:0; transform:translateY(50px); -webkit-transform:translateY(50px); -moz-transform:translateY(50px);}
.center-title.articleShow h3{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:780ms;}
.center-title.article-block .select,.center-title.article-block .product-search{ transform:translateX(50px); -webkit-transform:translateX(50px); -moz-transform:translateX(50px); opacity:0;}
.center-title.articleShow .select,.center-title.articleShow .product-search{ opacity:1; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); transition:650ms 300ms;}
.center-title.articleShow .product-search{ transition:650ms 600ms;}

.allproduct.article-block .product-info{ opacity:0; top:80px;}
.allproduct.articleShow .product-info{ opacity:1; top:0;}

.proselect.article-block{ opacity:0; transform:translateY(60px); -webkit-transform:translateY(60px); -moz-transform:translateY(60px);}
.proselect.articleShow{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:890ms 200ms;}

.proselect:nth-child(2).articleShow{ transition:890ms 500ms;}

.product-title.article-block h2,.video-title.article-block h3,.video-title.article-block h2,.join-title.article-block h3{ opacity:0; transform:translateY(60px); -webkit-transform:translateY(60px); -moz-transform:translateY(60px);}
.product-title.articleShow h2,.video-title.articleShow h3,.video-title.articleShow h2,.join-title.articleShow h3{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:640ms;}
.video-title.articleShow h2{ transition:720ms 650ms;}
.product-title.article-block b,.video-title.article-block b,.join-title.article-block b{ width:0; opacity:0;}
.product-title.articleShow b,.video-title.articleShow b,.join-title.articleShow b{ opacity:1; width:30px; transition:560ms 400ms;}

.producted.article-block li,.culture-list.article-block li,.new-list.article-block li{ opacity:0; transform:translateY(60px); -webkit-transform:translateY(60px); -moz-transform:translateY(60px);}
.producted.articleShow li,.culture-list.articleShow li,.new-list.articleShow li{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}

.bannertab.article-block img{ opacity:0; transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}
.bannertab.articleShow img{ opacity:1; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); transition:1600ms;}

.proclassbg.article-block{ opacity:0; transform:translateY(60px); -webkit-transform:translateY(60px); -moz-transform:translateY(60px);}
.proclassbg.articleShow{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:800ms 200ms;}

.culture-info li.article-block figure{ opacity:0; transform:translateX(-80px); -webkit-transform:translateX(-80px); -moz-transform:translateX(-80px);}
.culture-info li.articleShow figure{ opacity:1; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); transition:870ms 250ms;}

.culture-info li.article-block figcaption{ opacity:0; transform:translateY(80px); -webkit-transform:translateY(80px); -moz-transform:translateY(80px);}
.culture-info li.articleShow figcaption{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:870ms 650ms;}
.culture-info li:nth-child(2n+2).article-block figure{ transform:translateX(80px); -webkit-transform:translateX(80px); -moz-transform:translateX(80px); transition:870ms 650ms;}
.culture-info li:nth-child(2n+2).articleShow figure{ transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0);}
.culture-info li:nth-child(2n+2).article-block figcaption{ transition:870ms 250ms;}

.flex-meun{ width:52px; position:fixed; right:0; top:50%; margin-top:-72px;}
.flex-meun li{ margin-bottom:2px;}
.flex-meun li a{ display:block; width:52px; height:47px; transition:720ms;}
.flex-meun li:nth-child(1) a{ background:#cdcdcd url(../images/qq.png) center no-repeat;}
.flex-meun li:nth-child(1) a:hover{ background:#25afee url(../images/qq.png) center no-repeat;}
.flex-meun li:nth-child(2) a{ background:url(../images/tao.jpg) center no-repeat;}
.flex-meun li:nth-child(2) a:hover{ background:url(../images/tao1.jpg) center no-repeat;}
.flex-meun li:nth-child(3) a{ background:#cdcdcd url(../images/top.png) center no-repeat;}
.flex-meun li:nth-child(3) a:hover{ background:#25afee url(../images/top.png) center no-repeat;}

.characteristic img{ max-width: 100%;height: auto;}
.selectsli h2{ float:left;}
.selectsli .lecto-search{ float: right;}
.selection_new_type ul li{ display:inline-block; margin-bottom: 3px; float:left; margin-right: 3px;}
.selection_new_type ul li:nth-child(6n+6){ margin-right: 0;}
.selection_new_type ul li a{ display: block; width: 164px; height: 45px; line-height: 45px; background: #d3d3d3; color: #333333; font-size: 16px; text-align: center;}
.selection_new_type ul li a.s_hover,.selection_new_type ul li a:hover{ color:#fff; background: #2d9bcd;}

.problem-text img{ max-width: 100%;}
.selection_new_type ul li a{ color: #666;}

.center-tab{ margin-top:66px; position:relative;}
.center-infos{ text-align:center; padding-bottom:26px;}
.center-wr{ width:203px; height:203px; margin:auto; position:relative; max-width:100%; border:1px solid #5aaed5; border-radius:50%;}
.center-wr a{ display:block; height:148px; padding-top:56px;}
.center-wr:before{ content:""; width:25px; height:12px; background:url(../images/down8.png) center no-repeat; position:absolute; left:50%; margin-left:-12px; bottom:-20px; opacity:0; visibility:hidden; transition:300ms;}
.center-wr a:before{ content:""; width:100%; height:100%; background:#2d9bcd; border-radius:50%; position:absolute; left:0; top:0; visibility:hidden; transform:scale(0.25); -webkit-transform:scale(0.25); -moz-transform:scale(0.25); transition:336ms;}
.center-wr b{ display:block; width:74px; height:56px; margin:auto; position:relative;}
.center-wr b img{ display:block; max-width:100%; height:auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transition:320ms;}
.center-wr b img.cenhide{ opacity:0; visibility:hidden;}
.center-wr span{ display:block; text-align:center; color:#666666; font-size:16px; font-weight:bold; margin-top:12px; transition:310ms; position:relative;} 
.center-infos .center-wr:hover:before,.center-infos .center-wr.on:before{ opacity:1; bottom:-26px; visibility:visible;}
.center-infos .center-wr:hover a:before,.center-infos .center-wr.on a:before{ visibility:visible; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.center-infos .center-wr:hover b img.cenhide,.center-infos .center-wr.on b img.cenhide{ opacity:1; visibility:visible;}
.center-infos .center-wr:hover b img.censhow,.center-infos .center-wr.on b img.censhow{ opacity:0; visibility:hidden;}
.center-infos .center-wr:hover span,.center-infos .center-wr.on span{ color:#fff;}
.center-tab.owl-theme .owl-controls{ display:block !important;}
.center-tab.owl-theme .owl-controls .owl-buttons div{ width:40px; height:40px; padding:0; margin:0; position:absolute; top:83px; text-indent:120px; overflow:hidden; transition:340ms;}
.center-tab.owl-theme .owl-controls .owl-buttons div.owl-prev{ background:url(../images/prev3.png) center no-repeat; left:-68px;}
.center-tab.owl-theme .owl-controls .owl-buttons div.owl-next{ background:url(../images/next3.png) center no-repeat; right:-68px;}
.center-tab.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{ background:url(../images/prev4.png) center no-repeat;}
.center-tab.owl-theme .owl-controls .owl-buttons div.owl-next:hover{ background:url(../images/next4.png) center no-repeat;}

.video-info .maxvideo{ display:none;}
.video-info .maxvideo:nth-child(1){ display:block;}

/*新增页面*/
.productbg{ background: #f6f6f6; border-bottom: 8px solid #2d9bcd;}
.productfix{ padding-top: 130px; width: 1100px;}
.pronav{ width: 18%; float: left;}
.prolist >li{ margin-bottom: 2px;}
.prolist >li span{ display: block; padding-left: 20px; height: 46px; line-height: 46px; background: #2d9bcd; color: #fff; font-size: 14px; cursor: pointer; transition: 0.38s; position: relative;} 
.prolist >li span:hover,.prolist >li.active span{ background: #16aca4;}
.prolist >li.active span b{ opacity: 1; visibility: visible;}

.prolist >li span b{ display: block; width: 12px; height: 7px; background: url(../images/arrow8.png) center no-repeat; position: absolute; right: 24px; top: 50%; margin-top: -3px; opacity: 0; visibility: hidden; transition: 0.38s;}
.promenus{ display: none;}
.promenus li{ margin-top: 2px;}
.promenus li a{ display: block; padding-left: 20px; height: 46px; line-height: 46px; color: #333333; font-size: 14px; position: relative; background: #fff;}
.promenus li a:before{ content: ""; width: 5px; height: 10px; position: absolute; right: 22px; top: 50%; margin-top: -5px; background: url(../images/arrow7.png) center no-repeat;}
.promenus li a:hover,.promenus li a.act{ color: #2d9bcd;}

.classificate{ width: 80%; float: right;}
.classificate .lecto-search{ float:none;}
.classlistd li{ position: relative; margin-bottom: 10px; border: 1px solid #dedede; background: #e4e4e4; transition: 0.54s;}
.classlistd li figure{ display: block; width: 21.164%; float: left; overflow: hidden; height: 134px; position: relative; background: #fff;}
.classlistd li figure img{ display: block; max-width: 96%; max-height: 96%; height: auto; line-height: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; transition: 0.56s;}
.classbox{ width: 78.836%; float: left;}
.classwrs{ padding: 16px 26px 0;}
.classwrs h3{ line-height: 1; color: #2772b6; font-size: 16px; padding-bottom: 15px; border-bottom: 1px solid #c4c4c4; font-weight: normal; transition: 0.38s; font-weight: bold;}
.classinfo{ margin-top: 16px;}
.classinfo p{ float: left; margin-bottom: 14px; width: 33.333%; line-height: 1; color: #1c65a8; font-size: 13px; transition: 0.38s; }
.classinfo p:nth-child(3n+3){ margin-right: 0;}
.classinfo p span{ display: inline-block; color: #666666; transition: 0.38s;} 
.classlistd li:hover figure img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05);}
.classlistd li:hover{ background: #2d9bcd;}
.classlistd li:hover .classwrs h3{ color: #fff; border-bottom-color: #fff;}
.classlistd li:hover .classinfo p{ color: #fff;}
.classlistd li:hover .classinfo p span{ color: #fff;}

.videosele{ text-align: center;}
.visele{ padding-left: 20px; width: 304px; border: 1px solid #e0e0e0; color: #666666; background: #fff; height: 44px; line-height: 44px; outline: none; background: transparent url(../images/sele.png) right center no-repeat;  -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor:pointer; outline:none; overflow: hidden;}
.videos{ margin-top: 24px;}
.videoli li{ width: 32.6%; cursor: pointer; float: left; margin-right: 1.1%; margin-bottom: 32px;}
.videoli li:nth-child(3n+3){ margin-right: 0;}
.videoli li figure{ display: block; line-height: 1; overflow: hidden; position: relative;}
.videoli li figure img{ display: block; width: 100%; height: auto; line-height: 0; transition: 0.58s;}
.videoli li figure span{ display: block; width: 50px; height: 50px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; background: url(../images/video1.png) center no-repeat;}
.videoli li b{ display: block; text-align: center; line-height: 1; margin-top: 15px; color: #666666; font-size: 14px; font-weight: normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.videoli li:hover figure img{ transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06);}

.swichs >li{ float: left;}
.edition .attente-us{ margin-top:5px; float:left;}
.claseetop{ margin-bottom: 22px;}
.calsssel{ float: left;}
.claseetop .text{ padding: 0; display: block; padding-left: 20px; width: 408px; border: 1px solid #dfdfdf; background: #fff; height: 39px; line-height: 39px; box-sizing: content-box; color: #999999; font-size: 14px; float: left; border-right: none;}
.claseetop .sub{ display: block; width: 82px; height: 41px; line-height: 41px; text-align: center; cursor: pointer; color: #ffffff; font-size: 14px; background: #2d9bcd; outline: none; margin: 0; float: left; padding: 0 ; cursor: pointer; border: none; transition: 0.4s;}
.claseetop .sub:hover{ background: #16aca4;}
.tels{ float: right;}
.tels span{ display: block; width: 42px; height: 42px; float: left; border-radius: 50%; background: #2d9bcd url(../images/tel1.png) center no-repeat;}
.telri{ float: right; margin-left: 14px; }
.telri b{ display: block; line-height: 1; color: #2d9bcd; font-size: 24px; font-family: arial; font-weight: normal; margin-bottom: 3px;}
.telri p{ line-height: 1; color: #666666; font-size: 14px;}

.ivideo{ position:relative; z-index:5;}
.ivideo .markimg{ display:block; width:100%; height:auto; line-height:0;}
.vbBox{ height: 100%; width:100%; left:0; top:0; position:absolute; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center center; z-index:5;}
.ivideo .videobtbs{ left:50%; margin-left:-25px; position: absolute; top:50%; margin-top:-25px;  width: 50px; height: 50px; background: url(../images/video1.png) center no-repeat; z-index: 30;}
.ivideo .videobtbs span{ margin-left:0;}
.jwplayer{ opacity:0; height:100% !important;}