@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); }
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; 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;}
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background-color: #f1f1f1 ; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
a.slick-disabled{ cursor: not-allowed;}
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
.slick-dots { position: absolute; bottom: 0; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; z-index: 400;}
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.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 { 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; -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; 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; border-radius: 20px; }

.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; 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; animation: fadeOut .7s both ease; }
.owl-fade-in { -webkit-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; }
.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; }
.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; }
.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; }
.owl-goDown-in { -webkit-animation: goDown .6s ease both; animation: goDown .6s ease both; }
.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; }
.owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; }

/*header*/


.edition{ float:right;}
.header-box{ position: relative; z-index: 99;}
.header-logo{ float: left; padding-right: 26px;}
.logo-item{ float: left; position: relative; margin-left: 30px;}
.logo-item:first-child{ margin-left: 0;}
.logo-item img{ transition: 0.45s; height: 66px;}
.logo-item img.hide{ position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden;}
.header-top{ width: 100%; display: flex; justify-content: flex-end;}
.header-searchs{ position: relative; margin-top: 16px;}
.header-searchs .text{ box-sizing: border-box; padding-left: 16px; width: 225px; height: 36px; line-height: 34px; border: 1px solid #bfbfbf; color: #535353; font-size: 15px; border-radius: 18px;}  
.header-searchs .sub{ box-sizing: content-box; position: absolute; right: 0; top: 0; text-indent: 999px; overflow: hidden; border: none; outline: none; padding-right: 16px; width: 18px; height: 36px; line-height: 36px; background: url(../images/search7.png) center no-repeat; padding-left: 0; cursor: pointer;}
.header-navs{ padding-top: 16px; display: flex; display: -webkit-flex; align-items: flex-start;}

.header-tel{ margin-top: 31px; margin-right: 26px; padding-left: 30px; background: url(../images/tel3.png) left center no-repeat; display: flex; align-items: center; background-size: 22px 22px;}
.header-tel b{ display: block; line-height: 1; color: #000; font-size: 22px; }

.edites{float:left; padding-left: 9px; margin-top: 26px;}
.edites a{ display:inline-block; line-height:12px;; padding:0 8px; color:#666666; float:left;}
.edites a:nth-child(1){ border-right:1px solid #666666;}
.edites a:nth-child(2){ border-left:1px solid #dddddd;}
.edites a:hover{ color:#437bd2;}
.search{float:left;margin-left:18px;background:#f5f5f5;margin-top: 14px;}
.search input[type=text]{ padding-left:15px; width:115px; height:34px; line-height:34px; color:#666666; font-size:14px; background:none; outline:none; border:none; font-family:"微软雅黑"; float:left;}
.search input[type=button]{ float:left; width:38px; height:34px; float:left; background:none; outline:none; border:none; cursor:pointer; background:url(../images/search.png) 8px center no-repeat;}
.nav{ padding: 0 3%; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; height:40px; background:#437bd2; text-align:center; position:relative; z-index:110;}
.nav-list >li{ margin-left: 2.29vw; text-align: center; position: relative; float:left; padding-bottom: 26px;}
.nav-list >li:first-child{ margin-left: 0;}
.nav-list >li >a{ color: #222222; font-size: 16px; letter-spacing: 2px; font-weight: bold; line-height: 26px;}
.nav-list >li.hwidth{ position: static;}
.nav-down{ position:absolute; padding-top:29px; left:50%; margin-left:-69px; top:28px; background:#fff; width:138px; padding-bottom:32px; opacity:0; visibility:hidden; box-shadow: 0 0 5px rgba(0,0,0,0.1); transition:270ms;}
.nav-list >li:hover .nav-down{ opacity:1; top:39px; visibility:visible; transition:570ms;}
.nav-list >li:hover >a{ color: #007ed3;}
.line-tel a{ padding-right: 0; background: none;}

.nav-list >li >a:before{ content: ""; width: 0%; height: 2px; background: #fff; position: absolute; left: 50%; bottom: 0; transition: 270ms;}
.nav-list >li >a:after{ content:""; width:13px; height:7px; background:url(../images/top1.png) center no-repeat; position:absolute; left:50%; margin-left:-6px; bottom: -3px; opacity: 0; visibility: hidden; transition: 270ms;}
.nav-down >li >a{ display:block; width:147px; height:36px; overflow:hidden; position:relative; z-index:5;}
.nav-down >li >a >i{ line-height:36px; color:#666666; font-size:14px; position:relative; z-index:5; display:block; font-style:normal; width:138px; transition:450ms;}
.nav-down >li >a >b{ display:block; width:138px; height:100%; position:absolute; left:-100%; top:0; background:#427bd1; transition:320ms linear;}
.nav-down >li >a >b em{ width:0; height:13px; position:absolute; right:0; top:11px; background:url(../images/arrow.png) center no-repeat; transition:300ms 500ms;}
.nav-down >li:hover i{ color:#fff;}
.nav-down >li:hover b{ left:0;}
.nav-down >li:hover >a >b >em{ width:8px; right:-8px;}
.nav-down >li:hover .leval-down .leval-list{ left:0; opacity:1; transition:780ms 250ms;}
.nav-down >li:hover .leval-down .leval-img{ opacity:1; left:0; transition:660ms 450ms;}
.nav-down >li:hover .leval-down{ transition:680ms linear; width:670px;}
.leval-down{ position:absolute; left:138px; top:0; bottom:0; border-left:1px solid #d6d6d6; height:100%; width:0px; overflow:hidden; background:#fff; 
}
.leval-list{ padding-top:40px; padding-left:54px; background:#fff; width:290px; height:237px; float:left; position:relative; left:-50px; opacity:0; transition:780ms 0ms;}
.leval-list li{ float:left;}
.leval-list a{ display:inline-block; width:100px; color:#666666; line-height:normal; margin-bottom:16px; text-align:left;}
.leval-list a:hover{ color:#427bd1;}
.leval-img{ float:left; opacity:0; position:relative; left:-60px; transition:660ms 0ms; cursor:pointer;}
.leval-img img{ display:block; width:325px; height:277px; transition:520ms;}


.menuBtn{ position:absolute; right:3%; top:20px; width:40px; height:30px; cursor:pointer; display:none;}
.menuBtn .burger{ display:block; width:100%; height:4px; position:absolute; left:0; background:#999999; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; transition:transform 277ms ease-in-out; -o-transition:transform 277ms ease-in-out; -ms-transition:transform 277ms ease-in-out; -moz-transition:transform 277ms ease-in-out; border-radius:2px;}
.menuBtn .burger-1{ top:0;}
.menuBtn .burger-2{ top:13px;}
.menuBtn .burger-3{ bottom:0;}
.menuBtn.active .burger-1 { top:17px; transform: rotate(-45deg); }
.menuBtn.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0;}
.menuBtn.active .burger-3 { top:17px; transform: rotate(45deg); }

.mtop{ display:none;}
.menu-down{ position:absolute; left:0; top:0px; background:#666666; width:100%; box-sizing: border-box; min-height: 100vh; max-height: 100vh; display:none; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; z-index:999; padding-bottom:100px;}
.menu-down .edition{ float:none; padding:15px 3%; background:#555555;}
.menu-down .edition .edites{ float:none; float:right; margin-top:15px;}
.menu-down .edition .search{ float:none; float:left; border-radius:10px; background:#666666; margin:0;}
.menu-down .edition .search input[type="text"]{ height:50px; line-height:50px; color:#ffffff; font-size:16px; width:257px;} 
.menu-down .edition .search input[type="button"]{ width:60px; height:50px; background:url(../images/search2.png) center no-repeat;}
.menu-down .edition .edites a{ font-size:18px; font-weight:bold; color:#fff; line-height:18px;}
.menu-down .edition .edites a:hover,.menu-down .edition .edites a.now{ color:#039ade;}

.menu-list{ padding-top:29px; padding-bottom:58px;}
.menu-list >li >a{ display:block; padding:15px 3%; border-bottom:1px solid #4a4a4a; color:#ffffff; font-size:18px; line-height:1.5; position:relative;}
.menu-list >li >a:before{ content:""; width:15px; height:15px; position:absolute; right:3%; top:
50%; transform:translateY(-50%) scale(0); -webkit-transform:translateY(-50%) scale(0); -moz-transform:translateY(-50%) scale(0); background:url(../images/radius.png) center no-repeat; transition:430ms;}
.menu-list >li >a:hover,.menu-list >li >a.on{ color:#fff; background:#279cd1;}
.menu-list >li >a:hover:before,.menu-list >li >a.on:before{ transform:translateY(-50%) scale(1); -webkit-transform:translateY(-50%) scale(1); -moz-transform:translateY(-50%) scale(1);}
.iphone-menu{ background:#515151; display:none;} 
.iphone-menu li{ width:50%; float:left; border-bottom:1px solid #666666; box-sizing:border-box;}
.iphone-menu li a{ color:#ffffff; font-size:14px; padding:12px 6%; line-height:1.5; position:relative; display:block;}
.iphone-menu li a:before{ content:""; width:7px; height:12px; background:url(../images/risd.png) center no-repeat; position:absolute; right:7%; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transition:430ms;}
.iphone-menu li:nth-child(odd){ border-right:1px solid #666666;}
.iphone-menu li a:hover{ color:#279cd1;}
.iphone-menu li a:hover:before{ background:url(../images/risd1.png) center no-repeat;}
.nav-search{ position: relative; display: inline-block; height: 40px; padding-right: 48px; margin-left: -1px;}
.nav-search .stext{ margin: 0; border: 0 none; background-color: #0066a2; color: #fff; padding: 5px 15px; width: 130px; line-height: 30px; height: 30px;}
.nav-search .sbtn{ position: absolute; right: 0; top: 0; bottom: 0; height: 40px; border: 0 none; width: 48px; background: url(../images/serch.png) no-repeat scroll center center #0066a2; text-indent: 9999px; cursor: pointer; transition: .3s;}
.nav-search .sbtn:hover{ background-color: #444444;}
.nav-search .stext::-webkit-input-placeholder{color: #34a9ee;}
.nav-search .stext:-moz-placeholder{color:#34a9ee;}
.nav-search .stext::-moz-placeholder{color:#34a9ee;}
.nav-search .stext:-ms-input-placeholder{color:#34a9ee;}

.home-header{ background:#fff; position:relative; z-index:1011; box-shadow: 0 0 6px rgba(158,170,189,0.35);}
.home-header .header{ position: fixed; left: 0; top: 0; z-index: 3;}
/* .home-header .header:before{ position: absolute; left: 0; top: 0; z-index: -1; content: ""; width: 100%; height: 140%;  background: linear-gradient(to bottom, rgba(7,97,201,0.4) 0%, rgba(7,97,201,0) 100%); transition: 0.4s;} */
.header{  width: 100%; box-sizing: border-box; padding:23px 6.77% 0 4.166%; display: flex; justify-content: space-between; align-items: flex-end; transition: 0.5s; }
.logo{ float:left; position: relative; font-weight:normal; margin-bottom: 30px;}
.logo img{ display:block; width: 20.312vw; transition: 0.5s;}
.logo img.hide{ position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden;}
.home-header .logo img{ opacity: 0; visibility: hidden;}
.home-header .logo img.hide{ opacity: 1; visibility: visible;}
.home-header .nav-list >li >a{ color: #fff;}
.home-header .edites a{ color: #fff;}
.home-header .header-tel{ background: url(../images/tel4.png) left center no-repeat; background-size: 22px 22px; transition: 0.4s;}
.home-header .header-tel span{ color: #fff; transition: 0.4s;}
.home-header .header-tel b{ color: #fff; transition: 0.4s;}
.home-header .logo-item img{ opacity: 0; visibility: hidden; transition: 0.4s;}
.home-header .logo-item img.hide{ opacity: 1; visibility: visible;}

.home-header .header-searchs .text{ border-color: #fff; color: #d1d1d1; font-size: 12px;}
.home-header .edites a:nth-child(1){ border-color: #fff;}

.home-header:hover .logo-item img:first-child,.home-header.scroll .logo-item img:first-child{
	opacity: 1;
	visibility: visible;
}
.home-header:hover .header:before,.home-header.scroll .header:before{
	opacity: 0;
	visibility: hidden;
}
.home-header:hover .logo-item img.hide,.home-header.scroll .logo-item img.hide{
	opacity: 0;
	visibility: hidden;
}

.home-header:hover .header,.home-header.scroll .header{
	background: #fff;
}
.home-header:hover .header .logo img,.home-header.scroll .header .logo img{
	opacity: 1;
	visibility: visible;
}
.home-header:hover .header .logo img.hide,.home-header.scroll .header .logo img.hide{
	opacity: 0;
	visibility: hidden;
}
.home-header:hover .edites a,.home-header.scroll .edites a{
	color: #666666;
}
.home-header:hover .nav-list >li >a,.home-header.scroll .nav-list >li >a{
	color: #222222;
}
.home-header:hover .header-tel,.home-header.scroll .header-tel{
	background: url(../images/tel3.png) left center no-repeat;
	background-size: 22px 22px;
}
.home-header:hover .header-tel span,.home-header.scroll .header-tel span{
	color: #848484;
}
.home-header:hover .header-tel b,.home-header.scroll .header-tel b{
	color: #333333;
}
.home-header:hover .edites a:nth-child(1),.home-header.scroll .edites a:nth-child(1){
	border-color: #666;
}
.home-header:hover .header-searchs .text,.home-header.scroll .header-searchs .text{
	border-color: #bfbfbf;
}
.home-header:hover .header-searchs .sub,.home-header.scroll .header-searchs .sub{
	background: url(../images/search7.png) center no-repeat;
}


/*banner*/
.banner-box{ position:relative; width:100%; background:url(../images/bannerbg.jpg) center no-repeat; background-size:cover;}
.banner li{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%;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;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:#427bd1; 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:#427bd1; 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:#427bd1; 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:#437bd2;}
.banner-fix span:hover{ background:#437bd2;  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;}
.banner-video{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.bvideo{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.bvideo:after{ position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%; background: url(../images/bg1.png) center repeat;}

.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; transform:translateY(0); -moz-transform:translateY(0);}

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

.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:#437bd2; 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;}
.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:#437bd2; left:50%; transition:650ms;}
.data-swich span:hover,.data-swich span.flex-active{ color:#437bd2; 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:16px 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:#437bd2; 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:#437bd2; 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:#437bd2;}
.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{ line-height: 56px; height: 56px; overflow: hidden; border-bottom:1px dashed #cccccc;}
.dynamic-list li span{ 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:#437bd2; font-size:14px; font-family:Arial; margin-left: 10px;}
.dynamic-list li:hover span{ color:#437bd2;}

.footer-box{ padding:36px 60px 40px 55px; background:#f6f6f6; overflow:hidden;}
.eq-list li{float:left;margin-right:10px;/* background:url(../images/eqbg.png) center no-repeat; */background-size:cover;position:relative;}
.eq-list li a{ display:block; width:28px; height:28px;}
.eq-list li i{ display:block; width:28px; height:28px; margin:auto; top:0; position:relative; z-index:10;}
.eq-list li:nth-child(1) i{ background:url(../images/weix.png) center no-repeat; background-size: cover;}
.eq-list li:nth-child(2) i{ background:url(../images/tm.png) center no-repeat; background-size:cover;}
.eq-list li:nth-child(3) i{ background:url(../images/taob.png) center no-repeat; background-size:cover;}
.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;margin-left: 8px;position: relative;z-index: 0;}
.edition .attente-us .attente-us{ margin-top: 18px; margin-left: 12px;}
.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:#437bd2;}

/*产品中心*/
.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:#437bd2; 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:flex; 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; 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:#437bd2 url(../images/arrow6.png) 87% center no-repeat; color:#fff;}
.prodclass-fix{ background:#f6f6f6; padding-top:72px;}
.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:#437bd2; 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: #437bd2; border-color: #437bd2;}
.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:#437bd2 url(../images/arrow9.png) center no-repeat;}
.pagelist a:last-child:hover{ background:#437bd2 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 a:hover{ color:#2190c3;}
.model{ margin-top:68px;}
.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:#437bd2; font-size:24px; font-weight:normal; padding-bottom:6px; border-bottom:1px solid #cccccc; position:relative;}
.modele h2 b{ display: inline-block; position: relative; vertical-align: middle; margin-left: 6px; font-size: 16px; font-weight: normal;}
.modele h2 small{ display:inline-block; width:29px; height:3px; background:#437bd2; position:absolute;  left:0; bottom:-2px;}
.modele h1{ color:#437bd2; font-size:24px; font-weight:normal; padding-bottom:6px; border-bottom:1px solid #cccccc; position:relative;}
.modele h1 b{ display: inline-block; position: relative; vertical-align: middle; margin-left: 6px; font-size: 16px; font-weight: normal;}
.modele h1 small{ display:inline-block; width:29px; height:3px; background:#437bd2; 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:#437bd2 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;}
.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; min-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:#437bd2; 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; width: 100%;}
.productmodel thead tr th{ height:61px; border-right:1px solid #6fa0ec; border-top: 0px; color:#fff; padding: 2px; font-size:14px; font-weight:normal; line-height:normal;  background:#437bd2;}
.productmodel thead tr th:nth-child(1){ width:12%;}
.productmodel tbody tr{ border-bottom:1px solid #e4e4e4; transition:750ms;} 
.productmodel tbody tr:hover{ background:#f1f9fd;}
.productmodel tbody tr:nth-child(2n+2) td{ background: #f3f8fe;}
.productmodel tbody tr td{ border-right:1px solid #e4e4e4; color:#666666; height:53px; text-align:center; padding: 2px; word-wrap: break-word; word-break: break-all;}
.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:#437bd2 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:#437bd2;}
.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 0; background:#f6f6f6;}
.lectotyped h2{ padding-bottom:18px; line-height:normal; padding-left:46px; color:#437bd2; 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:#437bd2;}
.lecto-search input[type=button]{ width:94px; height:27px; cursor:pointer; background:#437bd2 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:13%;}

/*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:#427bd1; transition:650ms; position:absolute; left:50%; bottom:0;}
.levals li a:hover i,.levals li a.on i{ color:#427bd1;}
.levals li a:hover:before,.levals li a.on:before{ left:0; width:100%;}
.join-us{ background:#f7f7f7; padding:74px 0 88px;}
.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:#427bd1; 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:#427bd1; 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:#427bd1; margin-top:34px; border-radius:3px;}
.reruit-info a:hover{ background:#427bd1;}
.iphone-fix{ width:100%; background:#427bd1; 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{ margin-bottom: 50px; float:none; margin: auto; width: 1000px; max-width: 90%; margin-top: 40px;}
.about-text .maxvideo .ivideo{ position: absolute; height: auto;}
.about-text .maxvideo .ivideo video{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.model-list li .model-mouse.on{ color:#fff; background:#427bd1;}
.model-list li .model-mouse.on:before{ background:url(../images/down7.png) center no-repeat; transform:rotate(-180deg);}

@-webkit-keyframes ReturnToNormal {
0%{
	transform: translate:;
	}


  100% {
	transform: translate:;
  }

  
}

@keyframes ReturnToNormal {
0%{
	transform: translate:;
	}


  100% {
	transform: translate:;
  }
}

/*联系我们*/
.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 #437bd2;*/}


.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:#437bd2;}
.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; 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:#437bd2; 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:#437bd2; 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:#437bd2;}
.culture-list li:hover figcaption:before{ left:0;}

.culture-box{ margin-top:64px; padding-bottom:24px; 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 #437bd2; background:#f6f6f6;}
.about{ width:828px; margin:auto;}
.aboute-title{ text-align:center; margin-bottom:46px;}
.aboute-title h1{ color:#437bd2; 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%  !important; height: auto  !important; line-height: 0;}

/*荣誉资质*/
.honor-box{ padding:65px 0 0; background:#f6f6f6;}
.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:#427bd1;}

/*企业动态*/
.new-box{ padding:20px 0 0; background:#f6f6f6;}
.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; transition: opacity 0.45s, transform 0.45s; border-top:3px solid #437bd2; border-bottom: 3px solid #437bd2; transform: scale(0,1); }
.new-list li a:after{ border-right: 3px solid #437bd2; border-left: 3px solid #437bd2; transform: scale(1,0); position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; opacity: 0; pointer-events: none; transition: opacity 0.45s, transform 0.45s;}
.new-list li a figure{ position: relative; display:block; overflow:hidden; line-height:normal; padding-bottom: 64.07%;}
.new-list li a figure img{ position: absolute; left: 0; top: 0; display:block; width:100%; height: 100%; object-fit: cover; height:auto; transition:650ms;}
.new-list li a figcaption{ display:block; padding-top:10px; position:relative; height:94px;}
.new-list li a figcaption h3{ height: 56px; color:#333333; font-size:16px; font-weight:normal; overflow: hidden;}
.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; 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: 48px 0 0;background:#f6f6f6;text-align:center;}
.views-sharw{ display: flex; align-items: center; justify-content: center;}
.view-title .addtt-title{color:#333;font-size: 22px;text-align:center;margin-bottom: 6px;font-weight:normal;}
.view-title time{ display:block; margin-right: 12px; text-align:center; color:#666; 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 table{ width: 100% !important;}
.view-text a{ color: #666;}
.view-text p{ margin-bottom:0 !important;}
.view-text img{width:auto !important; height:auto !important;/* margin-bottom: 34px; */max-width:100% !important;/* margin-left: -26px; */}
.page{ border-top:1px solid #cccccc; text-align:center; line-height:0;}
.page-fix{ display:inline-block; margin:auto; display: flex; justify-content: center;}
.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:#437bd2 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:#437bd2; background:url(../images/page3.png) left center no-repeat;}
.page-next a:hover{ color:#437bd2; background:url(../images/page2.png) right center no-repeat;}

/*样品申请*/
.sample-box{ padding:50px 0 85px; 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:#437bd2;}
.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:#437bd2; padding:0; margin-top:20px; border:none; transition:670ms;}
.sure:hover{ background:#cccccc;}

/*应用方案*/
.technology-box{ padding:50px 0 10px; background:#f6f6f6;}
.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:#437bd2; 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; transition: opacity 0.45s, transform 0.45s; border-top:3px solid #437bd2; border-bottom: 3px solid #437bd2; transform: scale(0,1); }
.technofix li a .line2{ border-right: 3px solid #437bd2; border-left: 3px solid #437bd2; transform: scale(1,0); position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; opacity: 0; pointer-events: none; transition: opacity 0.45s, transform 0.45s;}
.technofix li:hover .line1,.technofix li:hover .line2{ opacity: 1; transform: scale(1);}

.technology-fix .pagelist{ text-align:center;}
.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:#437bd2;}

.apple-box{ padding:46px 0 60px; }
.project-data{ width:33.333%; float:left; background:#437bd2;}
.project-data a{ display:block; position:relative; padding:20px 0 20px 76px; color:#ffffff; font-size:18px; background:url(../images/data.png) 35px center no-repeat;}
.project-data:nth-child(2){ background:#16aca4;}
.project-data a i{ display:block; width:16px; height:13px; position:absolute; right:32px; top:29px; background:url(../images/more4.png) center no-repeat; transition:540ms;}
.project-data:nth-child(2) a{ background:url(../images/data2.png) 35px center no-repeat;}
.project-data:nth-child(3) a{ background:url(../images/problem.png) 35px center no-repeat;}
.project-data a:hover i{ right:28px;}
.project-input{ background:#fff; margin-top:38px; padding:40px 68px 48px 58px; box-shadow: 0 3px 6px rgba(0,0,0,0.2);}
.project-input h2{ padding-left:47px; color:#437bd2; 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:#437bd2;}
.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:100%;}
.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:#437bd2;}
.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 #437bd2; color:#fff; font-weight:bold; font-size:14px; cursor:pointer; background:#437bd2; text-align:center; line-height:43px; margin-left:210px; transition:780ms; float:left;}
.subproble:hover{ background:none; border-color:#437bd2; color:#437bd2;}
.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; display: flex; align-content: center;}
.common-problem li .problem-top b{ width:49px; 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:1.5; padding:10px 0; 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:#437bd2; 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:#437bd2; background:url(../images/eye1.png) left center no-repeat;}
.ambia span:nth-child(2):hover{ color:#437bd2; 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:#437bd2; 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;} */
.data-loads li{ display: flex; justify-content: space-between; background:#ffffff; margin-bottom:5px; transition: .4s; -webkit-transition: .4s;}
.data-loads li a{ color:#666666;}
.data-loads .timeBox{ width: 100px; flex-shrink: 1; border-right: 1px solid #e5e5e5; display: flex; align-items: center;}
.data-loads .timeBox a{ display: block; width: 100%; padding: 20px 10px; text-align: center;}
.data-loads .moth{ display:block; font-size:18px; font-family:Arial; line-height:normal;}
.data-loads .year{ display:block; font-size:14px; font-family:Arial; line-height:normal;}
.data-loads .title{ flex: 1; margin: 0 30px; padding: 20px 0; line-height: 1.5; display: flex; font-size:14px; align-items: center;}
.data-loads .pdf{ padding: 0 20px; display: flex; align-items: center; transition:.3s;}
.data-loads .pdf span{ background:url(../images/load1.png) right center no-repeat;  padding-right:30px; font-size:12px; font-weight:bold;}
.data-loads li:hover { background-color: #c1c1c1;}
.data-loads li:hover a{ color: #fff;}
.data-loads li:hover .pdf{ background-color: #437bd2;}
.data-loads li:hover .pdf span{background-image: url(../images/load2.png); }

.techline{ border-bottom:2px solid #cccccc;}
/* .technology-fix{ margin-top: 42px;} */

.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%; transition: 400ms; }
.vwrap .close:hover i { 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;}


#LRfloater0 img{ width: 100%;}
.flex-meun{position:fixed;right:0;bottom:50%;margin-bottom: -120px;z-index: 999;}
.flex-meun li{ margin-bottom:2px;}
.flex-meun li a{ display:block; transition:720ms; color: #fff; width:120px; text-align: center; line-height: 1.2; background: #cdcdcd; font-size: 14px;}
/* 
.flex-meun li:nth-child(1) a{ padding-top: 8px; height: 39px;}
.flex-meun li:nth-child(1) a:hover{ background:#25afee;}
.flex-meun li:nth-child(2) a{ background:#fb9202 url(../images/taob.png) center no-repeat; background-size: 80% auto;}
.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% !important;height: auto !important;}
.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: #437bd2;}

.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:#437bd2; 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: #fff; padding-bottom: 0 !important;}
.productfix{ padding-top: 32px; width: 1300px; margin: auto; display: flex; display: -webkit-flex;}
.pronav{ width: 250px; flex-shrink: 0;}
.pronav1 .pronav-title{ margin-bottom: 20px;}
.pronav1 .pronav-title strong{ font-size: 15px;}
.pronav-title{ display: flex; align-items: center;}
.pronav-title a{ display: flex; align-items: center;}
.pronav-title strong{ display: block; color: #111111; font-size: 20px; flex: 1; margin-left: 12px; font-weight: normal;}
.pronav-icon{ position: relative; width: 36px; height: 36px; border-radius: 50%; background: #437bd2; margin-left: -10px; text-align: center;}
.pronav-icon img{ display: block; max-width: 90%; max-height: 90%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
.prolist >li{ margin-bottom: 2px;}
.prolist >li span{ display: block; padding-left: 20px; height: 46px; line-height: 46px; background: #437bd2; 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;}
.product-menus{ position: relative; padding-top: 36px; z-index: 3;}
.product-menus:before{ position: absolute; left: 7px; top: 0; bottom: 10px; content: ""; width: 1px; background: #868686;}
.product-menu-list li{ margin-left: 8px; padding-left: 35px; position: relative; margin-bottom: 20px;}
.product-menu-list li:last-child{ margin-bottom: 0;}
.product-menu-list li:before{ position: absolute; left: 0; top: 50%; content: ""; width: 23px; height: 1px; background: #868686;}
.product-menu-list li a{ position: relative; display: block; color: #000000; font-size: 13px;}
.product-menu-list li a i{ position: absolute; right: 2px; top: 50%; margin-top: -5px; display: block; width: 7px; height: 11px; background: url(../images/arrow5.png) center no-repeat; transition: 0.38s;}
.product-menu-list li:hover a,.product-menu-list li.active a{ color: #437bd2; font-weight: bold;}
.product-menu-list li:hover a i,.product-menu-list li.active a i{ background: url(../images/arrow11.png) center no-repeat;}


.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;}
.prolist >li.active .promenus{ display: block;}
.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: #437bd2;}

.classificate{ flex: 1; -webkit-flex: 1; width: 0; margin-left: 50px;}
.classificate .lecto-search{ float:none;}
.classlistd li{ position: relative; margin-bottom: 10px;  background: #ececec; transition: 0.54s;}
.classlistd li figure{ float: left; display: block; width: 265px; flex-shrink: 0; overflow: hidden; height: 200px; position: relative; background: #f7f7f7;}
.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{  margin-left: 265px; padding: 32px 38px 16px 58px;}
/* .classwrs h3{ line-height: 1; color: #437bd2; font-size: 20px; margin-bottom: 10px; font-weight: normal; transition: 0.38s; font-weight: bold;}
.classwrs h3 b{ position: relative; top: -1px; display: inline-block; margin-left: 12px; font-size: 14px; transition: 0.36s;} */
.addtt-protitle { margin-bottom: 10px; overflow: hidden; color: #437bd2; line-height: 1;  font-weight: bold;}
.addtt-protitle .t1{ float: left; display: inline-block;font-size: 20px; transition: 0.38s;}
.addtt-protitle .t2{ float: left; display: inline-block; position: relative; top: 3px;  margin-left: 12px; font-size: 14px; transition: 0.36s;}

/* .classlistd li:hover figure img{ transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95);} */
.classlistd li:hover{ background: #437bd2;}
/* .classlistd li:hover .classwrs h3{ color: #fff; border-bottom-color: #fff;}
.classlistd li:hover .classwrs h3 b{ color: #fff;} */
.classlistd li:hover .addtt-protitle{ color: #fff;}
.classlistd li:hover .classinfo p{ color: #fff;}
.classlistd li:hover .classinfo p span{ color: #fff;}
.class-in{ display: flex; -webkit-display: flex; padding: 10px 0; border-bottom: 1px dashed #b5b5b5;}
.class-in p{ flex: 1; -webkit-flex: 1; box-sizing: border-box; color: #555555; font-size: 13px; line-height: 1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


.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{float:left; margin-top: 0;}
.claseetop{ margin-bottom: 22px; display: flex;}
.calsssel{ float: left; position: relative;} 
.claseetop .text{ padding: 0; display: block; padding-left: 20px; width: 550px; border: 1px solid #dfdfdf; background: #fff; height: 39px; line-height: 39px; box-sizing: content-box; color: #999999; font-size: 14px; float: left;}
.claseetop .sub{padding: 0; position: absolute; right: 0; top: 0; display: block; padding-right: 44px; height: 41px; line-height: 41px; text-align: center; cursor: pointer; color: #ffffff; font-size: 14px; background: url(../images/search.png) center no-repeat; outline: none; margin: 0; float: left; cursor: pointer; border: none; transition: 0.4s;}
.tels{ float: right;}
.tels span{ display: block; width: 42px; height: 42px; float: left; border-radius: 50%; background: #437bd2 url(../images/tel1.png) center no-repeat;}
.telri{ float: right; margin-left: 14px; }
.telri b{ display: block; line-height: 1; color: #437bd2; font-size: 24px; font-family: arial; font-weight: normal; margin-bottom: 3px;}
.telri p{ line-height: 1; color: #666666; font-size: 14px;}
.model-sele{ margin-left: 45px; display: flex; align-items: center;}
.model-sele-item{ margin-right: 14px;}
.model-sele-item:last-child{ margin-right: 0;}
.model-sele-item a{ box-sizing: border-box; width: 182px; padding: 0 5px; display: flex; justify-content: center; align-items: center; height: 35px; line-height: 35px; background: url(../images/borders.png) center no-repeat; border-radius: 17px;}
.model-sele-item a span{ display: block; color: #333333; font-size: 14px;}
.model-sele-item a i{ display: block; margin-left: 10px; width: 25px; height: 25px; border-radius: 50%; text-align: center; line-height: 25px; color: #fff; font-size: 12px; background: #f45222; font-style: normal; text-transform: uppercase;}

.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;}
#div_1{right: 0 !important; top: 50% !important; margin-top: -30px; }
.flex-meun{ margin-top: 0; }
.pro-ip-menu{ background-color: #0F5DA1; height: 54px; line-height: 54px; padding: 0 5%; color: #fff; cursor: pointer; display: none;}
.pro-ip-menu .type{ float: right; display: inline-block; background: url(../images/sx.png) no-repeat scroll center left; padding-left: 28px; background-size: 17px auto;}
.pro-ip-menu .name{ font-size: 18px; font-weight: 600;}
.pro-ip-box{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 10000;  transition: 0.58s; opacity: 0; visibility: hidden;}
.pro-ip-mark{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.5);
}
.pro-ip-content{
	width: 80%;
	position: absolute;
	right: -80%;
	transition: 0.68s;
	top: 0;
	height: 100%;
	background: #fff;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.proip-t{ height: 60px; line-height: 60px; padding: 0 8%; color: #999999; background-color: #EFEFEF; font-size: 16px;}
.proip-c a{ color: #666;}
.proip-list{ border-bottom: 1px solid #efefef; padding: 25px 3% 25px 8%; color: #666666;}
.proip-list dt{ font-size: 16px; line-height: 1.5; padding-bottom: 5px;}
.proip-list dt a{ border:1px solid #dbdbdb; display: inline-block; padding: 5px 10px;  border-radius: 6px;}
.proip-desc a{ display: inline-block; margin-top: 10px; background-color: #F2F2F2; border-radius: 6px; padding: 5px 10px; margin-right: 10px; text-align: center; overflow: hidden; font-size: 12px;}
.proip-desc a.active{ background-color: #16aca4; color: #fff;}
.proip-con a{ float: left; width: auto; margin-right: 5px; margin-top: 5px;}
.proip-con{ padding-bottom: 20px; }
.proip-list dd:last-child .proip-con{ padding-bottom: 0;}
.proip-desc .name{ color: #2d84cd; font-size: 14px; font-weight: bold;}
.proip-desc .proip-con a{ border-radius: 0;}

.banner-tt{ position: relative; overflow: hidden;}
.banner-tt .item{ position: relative;}
.banner-tt .pimg{ position: relative; width: 100%; background-position: center center; background-size: cover;/* height: 750px;  -webkit-transition:all 1s cubic-bezier(.165, .74, .44, 1);transition:all 1s cubic-bezier(.165, .74, .44, 1); transform: scale(1.03); -webkit-transform: scale(1.03); opacity: 0; */}
/* .banner-tt .pimg:before{ position: absolute; left: 0; bottom: 0; content: ""; width: 100%; height: 200px; background: linear-gradient(to bottom, rgba(7,97,201,0) 0%, rgba(7,97,201,0.4) 100%); z-index: 2;} */
.banner-tt .pimg img{ position: relative; left: 50%; margin-left: -960px; width: 1920px; height: auto; display: block; image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;}
.banner-tt .mimg{ width: 100%; display: none;}
.bing-box{ position: absolute; left: 50%; top: 50%; width: 1280px; margin-left: -640px; transform: translateY(-65%);}
.bing-box figure{ position: absolute; left: 0; top: -18%; display: block; width: 50%; }
.bing-box figure img{ width: 130%; display: block; margin-left: -20%; transition: all 1s cubic-bezier(.165, .74, .44, 1);}
.bing-box .desc{ float: right; display: block; width: 50%; color:#666666; }
.bing-box h1{ color:#427bd1; font-size:38px; line-height:normal;}
.bing-box h2{ color:#ffffff; font-size:36px; line-height: 1.2; padding:15px 70px 15px 20px; background:url(../images/bann.png) center no-repeat; background-size:100% 100%; margin-top:10px; margin-bottom:12px; display:inline-block;}
.bing-box h4{ font-size:18px; font-weight:normal; max-height: 64px; overflow: hidden;}
.bing-box p{ margin-top:5px; max-height: 63px; overflow: hidden;}
.bing-box span{ display:block; margin-top:50px; width:172px; height:36px; position:relative; background-color:rgba(255,255,255,.8); color: #222222; border-radius: 18px; text-align: center; line-height: 36px; font-size: 18px;}
.banner-tt .slick-active .pimg{ /* transform: initial; -webkit-transform: initial; opacity: 1;*/}
.bing-box1 .desc{ float: left; width:60%; color: #fff;}
.bing-box1 h1{ margin-bottom: 20px; color: #fff;}
.bing-box1 h1 img{ max-width: 100%;}
.bing-box1 h4{ margin-bottom: 20px;}

.banner-tt img.transy{ transition:1500ms 300ms; -webkit-transition:800ms 300ms;}
.banner-tt h1.transy,.banner-tt b.transy{ transition:700ms 300ms; -webkit-transition:700ms 300ms;}
.banner-tt h2.transy,.banner-tt h3.transy{ transition:800ms 500ms;}
.banner-tt h4.transy{ transition:1200ms 700ms;}
.banner-tt p.transy{ transition:1200ms 900ms;}
.banner-tt span.transy{ transition:1200ms 1100ms;}
.banner-tt .slick-active .bing-box img.transy {
    opacity: 1;
    transform: translateX(-10%);
}
.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-tt .slick-active h1.transy,.banner-tt .slick-active h2.transy,.banner-tt .slick-active h3.transy,.banner-tt .slick-active h4.transy,.banner-tt .slick-active p.transy,.banner-tt .slick-active span.transy{  transform:translate(0,0); -ms-transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.banner-tt .linkA{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/w0.png) no-repeat;}
.banner-tt .slick-dots{ left: 0; bottom: 3%; text-align: center; display: none !important;}
.banner-tt .slick-dots li{ position: relative; width: auto; height: auto;  margin: 0 5px 0 0; padding: 0; cursor: pointer;}
.banner-tt .slick-dots li a{ width: 8px; height: 8px; background-color: rgba(255,255,255,0.5); display: block; border-radius: 50%;}
.banner-tt .slick-dots li.slick-active a{ background-color: rgba(3,154,221,.8);}
.banners{ position: relative; overflow: hidden;}
.bannerdown{ position: absolute; text-align: center; left: 5%; bottom: 0; padding-bottom: 0; z-index: 20; width: 90%;}
.bannerlis{ display: flex; justify-content: center; width: 100%;}
.bannerlis li{ position: relative; padding-bottom: 40px; width: 203px; display: inline-block;  *display: inline; *zoom: 1; margin-left: 40px; cursor: pointer;}
.bannerlis li:first-child{ margin-left: 0;}
/* .bannerlis li:nth-child(2n+2) .banner-dits figure{ background: #437bd2;} */

.banner-dits{ position: absolute; left: -20px; right: -20px; bottom: -309px; transition: all 0.4s ease-in-out; z-index: 5; }
.banner-dits figure{ display: block; line-height: 1; height: auto;}
.banner-dits figure img{ width: 100%; height: auto;}
.banner-dits figure:before{ position: absolute; right: 23px; top: 20px; content: ""; width: 16px; height: 16px; background: url(../images/btn_visual_hover_more.png) center no-repeat;}
.bwrap{ text-align: left; position: absolute; left: 24px; right: 24px; top: 30px; margin-top: 20px; opacity: 0; transition: all 0.5s ease-in-out 0.2s;}
.banner-ts{ margin-bottom: 20px;}
.banner-ts strong{ display: block; margin-bottom: 5px; line-height: 1.2; font-size: 20px; font-weight: normal; color: #fff; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;
	-webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden;
	white-space: normal;
	word-break: break-all;}
.banner-ts small{ display: block; line-height: 1; color: #a6daff; font-size: 13px;}
.btexts{ color: #fff; font-size: 14px; line-height: 1.8;}
.btexts p{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5;
-webkit-box-orient: vertical;}
.banner-ics{ margin-bottom: 18px; height: 28px;}
.banner-ics img{ display: block; max-height: 100%;}
.bannerlis li.hovers .banner-dits{ bottom: -1px;}
.bannerlis li.hovers .bwrap{ opacity: 1; margin-top: 0;}
.banner-hover{ position: absolute; left: 0; bottom: 0; width: 100%; height: 40px; z-index: 5;}


.banner-texts{ position: relative; padding: 15px 0 0; color: #fff; font-size: 16px; border-top: 2px solid rgba(255,255,255,0.4);}
.banner-texts i{ display: block; position: absolute; left: 0; top: -2px; width: 0; height: 2px; background: #fff; z-index: 2; transition: 0.2s;}
.bannwr{ position: relative; z-index: 1;}
.bannwr:before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #437bd2; filter:alpha(opacity=70); background: rgba(0,126,200,0.7); opacity: 0; visibility: hidden; transition: 0.5s; z-index: -1;}
.bannwr img{ display: block; width: 100%;}
.bannerlis li.active .banner-texts i{ width: 100%; transition: 4.5s;}
.video-in{ width: 100%; display: block;}
.banenr-video .img{ display: none;}
.banenr-video .img img{ width: 100%;}
.transition6{ transition: 0.6s; -webkit-transition: 0.6s;}
.posv{ position: relative; overflow: hidden;}
.imgw{ width: 100%; display: block;}
.linkA{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/w0.png) no-repeat;}
.ellipsisT{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.scaleO:hover .imgw{ transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06);}
.ibox-case{ margin-top: 12px;}
.ibox-case li{ position: relative; float: left; display: inline-block; width: 33.33%; overflow: hidden;}
.ibox-case .desc{ position: absolute; left: 0; padding: 30px 8%; bottom: 0%; margin-bottom: -76px; right: 0; color: #fff; transition: .5s; -webkit-transition: .5s; z-index: 1;}
.ibox-case .desc::before{content: "";width: 100%;height: 0;visibility: hidden;position: absolute;left: 0;bottom: 0;background: #437bd2;transition: 0.4s cubic-bezier(0.57, 0.1, 0.13, 1);opacity: 0.5;filter: alpha(opacity=50);-webkit-transition: 0.4s cubic-bezier(0.57, 0.1, 0.13, 1);-moz-transition: 0.4s cubic-bezier(0.57, 0.1, 0.13, 1); z-index: -1;}
.ibox-case .desc h4{ font-size: 22px; line-height: 1.5; margin-bottom: 15px;}
.ibox-case .desc .c{ font-size: 14px; height: 50px; overflow: hidden; line-height: 1.8; opacity: 0;  transition: .3s; -webkit-transition: .3s;}
.ibox-case .text{ position: absolute; left: 8%; right: 8%; top: 50%; transform: translateY(-50%); color: #fff; font-size: 14px; text-align: center;}
.ibox-case .text .t{ margin-bottom: 10px; font-size: 20px; line-height: 1.5; font-weight: bold;}
.ibox-case .text .c{ height: 75px; overflow: hidden; margin-bottom: 20px; text-align: left;}
.ibox-case .more{ position: relative; padding-right: 25px;}
.ibox-case .more::before{ content: ""; position: absolute; width: 19px; height: 19px; margin: auto 0; right: 0; top: 0; bottom: 0; background: url(../images/tarrow.png) no-repeat scroll right center; background-size: cover; transition: .3s;}
.ibox-case .linkA{ z-index: 4;}
.ibox-case li:hover .more::before{ right: -5%;}
.ibox-case li:hover .desc{ margin-bottom: 0;} 
.ibox-case li:hover .desc .c{ opacity: 1;}
.ibox-case li:hover .desc::before{ visibility: visible; height: 100%; }

.views{
	margin: auto;
	/*width: 1000px; */
	/* max-width: 90%; */
}
.views img{ max-width: 100% !important; width: auto; height: auto !important;}
.view-shopping{ position: relative; line-height: 0;}
.view-shopping .href1{ position: absolute; left: 0; top: 0; display: block; width: 33.2%; height: 100%;}
.view-shopping .href2,.view-shopping .href3,.view-shopping .href4,.view-shopping .href5{ width: 33.2%; height: 49.14%; position: absolute; left: 33.5%;}
.view-shopping .href2{ top: 0;}
.view-shopping .href3{ bottom: 0;}
.view-shopping .href4{ left: auto; right: 0; top: 0;}
.view-shopping .href5{ left: auto; right: 0; bottom: 0;}
.views-address{ position: relative; line-height: 0;}
.add-href{width: 27.8%;height: 48px;
	position: absolute;
	right: 6.3%;
	top: 50%;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.add-href a{
	display: block;
	width: 18%;
	height: 100%;
}
.view-all{ position: relative;}
.view-all .all{ display: block; position: absolute; right: 0; bottom: 0; width: 32.2%; height: 64%;}
.message1{
	width: 100%;
}

/*add*/
.product-menu{
	position: absolute;
	left: 0;
	top: 100%;
	height: auto;
	width: 100%;
	max-height: calc(100vh - 157px);
	background: #fff;
	display: none;
}
.product-wrs{
	height: 100%;
	display: flex;
}
.product-menu-left{
	padding-top: 37px;
	width: 242px;
	min-width: 242px;
	box-sizing: border-box;
	background: #f5f7fa;
}
.prowr{
	display: flex;
	display: -webkit-flex;
}
.product-menu-left .search{
	position: relative;
	margin: auto;
	width: 222px;
	float: none;
}
.product-menu-left .search input[type=text]{
	width: 100%; 
	box-sizing: border-box;
	background: none;
	border: 1px solid #e0e0e0;
	height: 44px;
	line-height: 44px;
	color: #999999;
	font-size: 15px;
}
.product-menu-left .search .btn{
	position: absolute;
	right: 10px;
	top: 12px;
	width: 19px;
	height: 17px;
	background: url(../images/search6.png) center no-repeat;
}
.checkmores a{
	display: inline-block;
	position: relative;
	padding-right: 30px;
	color: #181818;
	font-weight: bold;
	font-size: 15px;
}
.checkmores a:hover{
	color: #437bd2;
}
.checkmores a:hover:before{
	color: #437bd2;
}
.checkmores a:before{
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -10px;
	content: ">";
	font-size: 14px;
	line-height: 20px;
	transition: 0.4s;
	font-family: "宋体";
	font-weight: bold;
}
.proudct-menu-list{
	margin-top: 14px;
}
.proudct-menu-list li{
	position: relative;
	margin-bottom: 20px;
	text-align: left;
	padding-left: 54px;
}
.proudct-menu-list li a{
	display: inline-block;
	position: relative;
	padding-left: 0;
	border-bottom: 1px solid #f5f7fa;
	color: #333333;
	font-size: 15px;
	text-align: left;
}
.proudct-menu-list li:hover a,.proudct-menu-list li.active a{
	color: #437bd2;
	border-color: #437bd2;
}
.proudct-menu-list li:hover a:before,.proudct-menu-list li.active a:before{
	opacity: 1;
	visibility: visible;
	right: 50px;
	opacity: 0;
	visibility: hidden;
}
.proudct-menu-list li:hover a:after,.proudct-menu-list li.active a:after{
	opacity: 0;
	visibility: hidden;
}

.product-m-content{
	position: relative;
	z-index: 2;
	flex: 1;
	-webkit-flex: 1;
	max-height: calc(100vh - 158px);
	box-sizing: border-box;
	padding-bottom: 50px;
	padding-top: 50px;
}
.product-m-content .search{
	margin: auto 70px;
	position: relative;
	float: none;
	background: none;
}
.product-m-content .search input[type=text]{
	box-sizing: border-box;
	padding-left: 40px;
	width: 100%;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #e0e0e0;
	transition: 0.4s;
}
.product-m-content .search input[type=text]:focus{
	border-color: #437bd2;
}
.product-m-content .search input[type=button]{
	position: absolute;
	left: 0;
	top: 0;
	height: 40px;
}

.product-m-item{
	position: relative;
	box-sizing: border-box;
	height: 100%;
	padding: 36px 70px 30px;
	display: none;
	overflow-y: auto;
}
.checkmores{
	padding-left: 54px;
	text-align: left;
}

.product-m-item::-webkit-scrollbar {
	width: 6px;
	border-radius: 3px;
	background-color: #fff;
  }
  
  .product-m-item::-webkit-scrollbar-track {
	border-radius: 6px;
	border-radius: 3px;
	background-color: #fff;
  }
  
  .product-m-item::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: #437bd2;
  }
.product-m-item:first-child{
	display: block;
}
.product-m-list{
	-moz-column-count: 4;
	     column-count: 4;
	-webkit-column-count: 4;
	-moz-column-gap: 44px;
	     column-gap: 44px;
	-webkit-column-gap: 44px;
}
.product-m-info{
	margin-bottom: 30px;
	text-align: left;
	-moz-column-break-inside: avoid;
	     break-inside: avoid;
}
.product-mwr{
	height: 100%;
}

.product-m-info dt{
	padding-bottom: 8px;
	padding-left: 4px;
}
.product-m-info dt a{
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	white-space: nowrap;
	color: #437bd2;
	font-weight: bold;
}
.product-m-info dt img{
	display: inline-block;
	margin-right: 14px;
	width: auto;
	height: 24px;
}
.product-m-info dt span{
	display: inline-block;
	color: #333333;
	font-size: 12px;
	color: #437bd2;
}
.product-m-info dd{
	flex: 1;
	-webkit-flex: 1;
	display: inline-block;
	padding-top: 12px;
}
.product-m-info dd p{
	margin-bottom: 10px;
}
.product-m-info dd p a{
	display: inline-block;
	color: #666666;
	font-size: 12px;
}
.product-m-info dd p a:hover{
	color: #437bd2;
}
.product-m-info dd p a i{
	display: block;
	font-style: normal;
	color: #b6b6b6;
	font-size: 12px;
	line-height: 1.4;
}
.lectotype-box{
	padding-top: 0;
}
.select-products{
	box-shadow: 0 9px 9px rgba(0,0,0,0.06);
	background: #fff;
	display: flex;
	display: -webkit-flex;
}
.select-tab{
	padding: 38px 74px 82px;
	flex: 1;
	-webkit-flex: 1;
}
.select-tab-hidden{
	width: 1166px;
	max-width: 100%;
}
.select-tab-btn{
	display:flex;
	display: -webkit-flex;
	border-bottom: 1px solid #e0e0e0;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.select-tab-btn span{
	display: inline-block;
	margin-top: 10px;
	position: relative;
	margin-right: 13px;
	height: 37px;
	line-height: 37px;
	color: #333333;
	font-size: 14px;
	padding: 0 5px 0 12px;
	border-left: 2px solid #dfdfdf;
	border-radius: 7px 7px 0 0;
	background: #f0f0f0;
	transition: 0.4s;
	cursor: pointer;
	text-align: left;
	white-space: nowrap;
}
.select-tab-btn span:before{
	position: absolute;
	right: -12px;
	bottom: 0;
	content: "";
	border-right: 13px solid transparent;
	border-bottom: 34px solid #f0f0f0;
	transition: 0.4s;
}
.select-tab-btn span.active,.select-tab-btn span:hover{
	background: #555555;
	color: #fff;
}
.select-tab-btn span.active:before,.select-tab-btn span:hover:before{
	border-bottom: 34px solid #555555;
}
.select-fix-info{
	padding-top: 30px;
	display: none;
}
.select-fix-info:first-child{
	display: block;
}
.select-fix-item{
	display: flex;
	display: -webkit-flex;
	padding: 10px 0 0;
	border-bottom: 1px dotted #d0d0d0;
}
.select-fix-item dt{
	display: block;
	width: 136px;
}
.select-fix-item dt a{
	display: block;
	color: #333333;
	font-size: 12px;
	line-height: 28px;
}
.select-fix-item dd a i{
	font-style: normal;
}
.select-fix-item dd{
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex: 1;
	-webkit-flex: 1;
}
.select-fix-item dd a{
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 0 22px;
	height: 26px;
	line-height: 26px;
	border: 1px solid #fff;
	border-radius: 5px;
	transition: 0.4s;
	text-align: center;
	color: #666666;
	font-size: 12px;
}
.select-fix-item dd a:hover,.select-fix-item dd a.active{
	border-color: #437bd2;
	color: #437bd2;
}
.technology-fix1{
	width: 100%;
	margin-top: 42px;
}

.apply-tips{
	display: flex;
	display: -webkit-flex;
	margin-top: 36px;
	margin-bottom: 30px;
}
.apply-tips span{
	display: block;
	color: #666666;
	font-size: 14px;
}
.tips-text{
	flex: 1;
	-webkit-flex: 1;
}
.tips-text p{
	margin: 0 !important;
}
.project-row input{
	width: 318px;
	box-sizing: border-box  ;
}
.apply-row{
	display: flex;
	display: -webkit-flex;
	margin-bottom: 18px;
}
.apply-row span{
	display: block;
	position: relative;
	padding-top: 15px;
	width: 113px;
	color: #666666;
	font-size: 14px;
	line-height: 1;
}
.apply-row span b{
	display: block;
	position: absolute;
	left: 0;
	top: 34px;
	margin-left: -8px;
	line-height: 1;
	color: #666666;
	font-size: 14px;
	font-weight: normal;
	opacity: 0.5;
}
.apply-row span i{
	display: block;
	position: absolute;
	right: 5px;
	top: 18px;
	color: #e50000;
	font-size: 14px;
	line-height: 1;
	font-style: normal;
}
.apply-radio{
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	flex: 1;
	-webkit-flex: 1;
	-webkit-box-flex: 1;
}
.radio-info{
	margin-right: 36px;
	position: relative;
}
.radio-info label{
	display: inline-block;
	cursor: pointer;
	position: relative;
	color: #666666;
	font-size: 14px;
	
}
.radio-info label input{
	display: inline-block;
	position: relative;
	top: -3px;
	margin-right: 9px;
	border: 2px solid #b7b7b7;
	width: 16px;
	height: 16px;
	vertical-align: middle;
}
.radio-other{
	display: flex;
	display: -webkit-flex;
}
.radio-other b{
	display: block;
	margin-right: 18px;
	color: #666666;
	font-size: 14px;
	line-height: 45px;
	font-weight: normal;
}
.radio-other input{
	box-sizing: border-box;
	padding-left: 12px;
	width: 160px;
	height: 45px;
	line-height: 43px;
	border: 1px solid #cccccc;
	color: #666666;
	font-size: 14px;
	transition: 0.38s;
}
.radio-other input:focus{
	border-color: #437bd2;
}
.apply-input{
	flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
}
.apply-input input,.apply-input .apply-area{
	box-sizing: border-box;
	padding-left: 14px;
	width: 100%;
	height: 45px;
	line-height: 43px;
	border: 1px solid #cccccc;
	color: #666;
	font-size: 14px;
	transition: 0.35s;
	outline: none;
	font-family: "微软雅黑";
}
.apply-input input:focus{
	border-color: #437bd2;
}
.apply-input .apply-area{
	padding: 10px 14px;
	height: 190px;
	line-height: 1.5;
}
.apply-input .apply-area:focus{
	border-color: #437bd2;
}
.apply-input1{
	display: flex;
	display: -webkit-flex;
}
.apply-input1 input{
	margin-right: 22px;
	width: 189px;
}
.apply-input1 img{
	display: inline-block;
	height: 44px;
	width: auto;
}
.apply-sub{
	padding-top: 20px;
	padding-left: 110px;
}
.apply-sub input{
	width: 191px;
	height: 45px;
	line-height: 43px;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	background: #437bd2;
	border: 1px solid #cccccc;
	cursor: pointer;
}
.purchase{
	padding: 70px 0 125px;
}
.purchase-title img{
	max-width: 100%;
	width: auto;
	height: auto;
}
.purchase-list{
	margin-top: 50px;
	display: flex;
	justify-content: space-between;
}
.purchase-list li{
	width: 32.3%;
	text-align: center;
}
.purchase-list li figure{
	display: block;
	line-height: 1;
	overflow: hidden;
}
.purchase-list li figure img{
	display: block;
	width: 100%;
	height: auto;
	transition: 0.5s;
}
.purchase-list li:hover figure img{
	transform: scale(1.1);
}
.purchase-list li p{
	line-height: 1;
	margin-top: 28px;
	margin-bottom: 22px;
	color: #626262;
	font-size: 20px;
}
.purchase-list li p img{
	display: inline-block;
	vertical-align: middle;
	margin-right: 4px;
	
}
.purchase-list li span{
	display: block;
	line-height: 1;
	color: #4c8eca;
	font-size: 30px;
}
.line-message{
	position: relative;
}
.line-message .line-title{
	width: 100%;
	height: auto;
}
.messaga-input1{
	margin: 0; 
	margin-top: 26px;
	width: 100%;
}
.messaga-input1 .message-row{
	width: 48.5%;
	margin-right: 0;
}
.messaga-input1 .message-row:nth-child(2n+2){
	float: right;
}
.messaga-input1 .message-row input[type=text]{
	box-sizing: border-box;
	width: 100%;
}
.messaga-input1 .message-row:last-child{
	width: 100%;
	background: #fff;
}
.messaga-input1 .message-row textarea{
	width: 100%;
	box-sizing: border-box;
	background: #fff;
	height: 105px;
	resize: none;
}
.message-subs{
	padding-top: 34px;
	text-align: center;
}
.message-subs input{
	margin: auto;
	width: 160px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	background: #427bd1;
	border: none;
	cursor: pointer;
}
.lectotype{
	width: 75%;
}
.lectotype table{
	width: 100%;
}

.footers{
	padding: 57px 0 16px;
	background: #437bd2;
}
.footer-wrap{
	margin: auto;
	max-width: 90%;
	width: 1200px;
}
.footer-top{
	display: flex;
	justify-content: space-between;
}
.footer-navs{
	display: flex;
	flex: 1;
}
.footer-items{
	display: block;
	flex: 1;
}
.footer-items dt{
	display: block;
	position: relative;
	padding-left: 18px;
	margin-bottom: 20px;
}
.footer-items dt:before{
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -11px;
	content: "";
	width: 3px;
	height: 21px;
	border: 1px solid rgba(255,255,255,0.75);
	border-radius: 3px;
}
.footer-items dt a{
	display: inline-block;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}
.footer-items dd{
	display: block;
}
.footer-items dd p{
	margin-bottom: 6px;
}
.footer-items dd p a{
	display: inline-block;
	color: #a6daff;
	font-size: 12px;
}
.footer-items dd p a:hover{
	color: #fff;
}
.footer-hotline{
	position: relative;
	padding-left: 36px;
}
.footer-hotline:before{
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	width: 1px;
	height: 100%;
	background: #a1d8ff;
}
.footer-tel{
	margin-bottom: 18px;
}
.footer-tel p{
	color: #fff;
	padding-left: 34px;
	line-height: 24px;
	font-size: 22px;
	background: url(../images/tel2.png) left center no-repeat;
}
.footer-tel b{ 
	display: block;
	margin-top: 20px;
	line-height: 1;
	color: #fff;
	font-size: 33px;
}
.footer-address{
	padding-bottom: 4px;
}
.footer-address p{
	margin-bottom: 8px;
	color: #fff;
	font-size: 14px;
}
.footer-address p:last-child{
	margin-bottom: 0;
}
.footer-add{
	display: flex;
	padding-top: 10px;
}
.footer-add a{
	display: block;
	margin-right: 12px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #fff url(../images/taob2.png) center no-repeat;	
}
.footer-add a:hover{
	transform: translateY(-5px);
}
.footer-add a:nth-child(2){
	background: #fff url(../images/tm1.png) center no-repeat; 
}
.footer-add a:nth-child(3){
	background: #fff url(../images/jd2.png) center no-repeat; 
}
.footer-add a:nth-child(4){
	background: #fff url(../images/al1.png) center no-repeat; 
}
.friendship{
	display: flex;
	align-items: flex-start;
	margin-top: 30px;
	padding: 14px 0 4px;
	border-top: 1px solid #88b8d9;
	border-bottom: 1px solid #88b8d9;
}
.friendship span{
	display: block;
	padding-left: 20px;
	color: #a6daff;
	font-size: 12px;
	background: url(../images/link.png) left center no-repeat;
	white-space: nowrap;
}
.friendship-list{
	flex: 1;
	margin-left: 0;
	display: flex;
	flex-wrap: wrap;
}
.friendship-list li{
	margin-left: 18px;
	margin-right: 18px;
	margin-bottom: 10px;
}
.friendship-list li a{
	display: block;
	color: #a6daff;
	font-size: 12px;
}
.friendship-list li a:hover{
	color: #fff;
}
.footer-copy{
	margin-top: 16px;
}
.footer-copy p{
	color: #fff;
	font-size: 13px;
}
.view-share{
	display: flex;
	justify-content: center;
	align-items: center;
}
.view-share span{
	display: block;
	line-height: 30px;
	color: #666;
	font-size: 14px;
}
.news-share{
	display: flex;
}
.news-share a{
	display: block;
	position: relative;
	z-index: 2;
	width: 22px;
	height: auto;
	margin: 0 !important;
	padding: 0 !important;
	height: auto !important;
	background: none !important;
	margin-right: 8px !important;
}
.news-share a:before{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -10px;
	margin-top: -10px;
	z-index: -1;
	content: "";
	width: 20px;
	height: 20px;
	background: #fff;
}
.news-share a:last-child{
	margin-right: 0 !important;
}
.news-share a img{
	display: block;
	width: 100%;
	height: auto;
	border-radius: 50%;
	overflow: hidden;
	pointer-events: none;
}

.banner-tt .slick-track{
	display: flex;
}

.suspension{
	position: fixed;
	right: 20px;
	top:50%;
	margin-top: 0;
	z-index: 100;
}
.suspension-li{
	line-height: 1;
}
.suspension-li li{
	position: relative;
	margin-bottom: 5px;
	line-height: 1;
}
.suspension-li li:last-child{
	margin-bottom: 0;
}
.suspension-li li a >img{
	display: block;
	width: 57px;
	height: auto;
}
.suspension-li li:hover .eq-pop{
	opacity: 1;
	visibility: visible;
	margin-right: 0;
	pointer-events: visible;
}
.suspension-li li:last-child a>img{
	margin-left: 2px;
	width: 53px;
}
.eq-pop{
	position: absolute;
	right: 100%;
	top: 50%;
	transform: translateY(-50%);
	margin-right: 30px;
	z-index: 10;
	padding-right: 18px;
	opacity: 0;
	visibility: hidden;
	transition: 0.4s;
	pointer-events: none;
}
.eq-pop figure{
	display: block;
	position: relative;
	width: 100px;
	padding: 0 0 0 27px;
	background: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	border-radius: 5px;
}
.eq-pop1 figure{
	padding: 8px;
}
.eq-pop figure span{
	display: block;
	position: relative;
	line-height: 57px;
	color: #5398ed;
	font-size: 14px;
}
.eq-pop figure span:before{
	position: absolute;
	left: -14px;
	top: 50%;
	margin-top: -7px;
	content: "";
	width: 5px;
	height: 16px;
	background: #5398ed;
}
.eq-pop figure:before{
	position: absolute;
	right: -9px;
	top: 50%;
	margin-top: -8px;
	content: "";
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 9px solid #fff;
}
.eq-pop figure img{
	display: block;
	width: 100%;
	height: auto;
}

.lagtt {position: relative; -webkit-transition: color .4s; transition: color .4s; color: #333; margin-top: 16px; cursor: pointer;  height: 32px;}
.lagtt:hover .laglist { -webkit-transform: translateY( 0); transform: translateY( 0); opacity: 1; visibility: visible; z-index: 1000;}
.lagtt .t{ position: relative; padding: 0 15px; height: 32px; line-height: 32px;}
.lagtt .t::before{ content: ""; position: absolute; right: 0; top: 50%; margin-top: -2px; width: 0; height: 0;  border-top: 4px dashed #333; border-right: 4px solid transparent;  border-left: 4px solid transparent;}
.laglist {    
	position: absolute;
    top: 80%;
    right: 0;
    z-index: -10;
    min-width: 80px;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%); 
    opacity: 0;
    transform: translateY(-5px);
    transition: transform .3s ease , all .2s ease;
}
.laglist a { display: block; color: #333; -webkit-transition: color .4s; transition: color .4s; padding: 2px 5%; font-size: 12px; text-align: center;}
.laglist a:hover { color: #437bd2; background-color: #f1f1f1;}
.home-header .lagtt{ color: #fff;}
.home-header .lagtt .t::before{ border-top-color: #fff;}
.home-header:hover .lagtt,.scroll .lagtt{ color: #333;}
.home-header:hover .lagtt .t::before,.scroll .lagtt .t::before{ border-top-color: #333;}
.lagtt:hover{ color: #437bd2;}
.lagtt:hover .t::before{ border-top-color:#437bd2;}

.tt-serach-pro{
	display: flex;
	justify-content: center;
	padding: 6vw 0;
	font-size: 14px;
}
.tt-serach-pro a{
	color: #437BD2;
}
.tt-serach-pro a:hover{
	color: #0066a2;
}
.tt-serach-pro .imgbox{
	width: 40%;
	max-width: 409px;
	flex-shrink: 0;
	margin-right: 5%;
}
.tt-serach-pro .title{
	font-size: 24px;
	font-weight: normal;
	line-height: 1.5;
	color: #000000;
	margin-bottom: 20px;
}
.tt-serach-pro .c{
	font-size: 14px;
	color: #666666;
	margin-bottom: 30px;
}
.tt-serach-pro a.btn{
	width: 140px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	border-radius: 5px;
	background-color: #437BD2;
	display: block;
	color: #fff;
}
.tt-serach-pro a.btn:hover{
	background-color: #0066a2;
	color: #ffffff;
}
.tt-serach-pro .ts{
	border-top: 1px solid #D6D6D6;
	padding-top: 20px;
	margin-top: 20px;
}