article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select { vertical-align: middle; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; }
img { border: 0; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] ,select{ -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; }
::-moz-selection { background: #f7a300; color: #fff; text-shadow: none; }
::selection { background: #f7a300; color: #fff; text-shadow: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: left; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.inner { width: 100%; margin: 0px auto;}

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

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

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



/*产品详情*/
.position-box{ background:#eaeaea;}
.position{ padding:9px 0;}
.position span{ display:inline-block; float:left; color:#666666;}
.position a{ display:inline-block; float:left; margin-right:5px; color:#666666;}
.position span:nth-child(1){ margin-left:42px;}
.position a:hover{ color:#2190c3;}
.model{ margin-top: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:#2772b6; font-size:24px; font-weight:normal; padding-bottom:6px; border-bottom:1px solid #cccccc; position:relative;}
.modele h2 small{ display:inline-block; width:29px; height:3px; background:#e60012; 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:#e60012 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:35px;
	padding-top: 20px;
}
.product-sele{ margin-top:23px;}
.sele-list{ border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;} 
.sele-list li{ float:left; margin-left: 4px; margin-bottom:-1px; width: 96px;}
.sele-list li:first-child{ margin-left: 0;}
.sele-list li a{ display:block; padding:17px 0; text-align: center; color:#666666; position:relative; font-size: 14px;}
.sele-list li a:before{ content:""; width:11px; height:6px;  position:absolute; left:50%; margin-left:-5px; bottom:-6px; opacity:0; filter:alpha(opacity=0); transition:350ms;}
.sele-list li:hover a,.sele-list li.on a{ background:#e60012; color:#fff;}
.sele-list li:hover a:before,.sele-list li.on a:before{ opacity:1; filter:alpha(opacity=100);}

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

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

.productmodel tbody tr{ border-bottom:1px solid #e4e4e4; transition:750ms;} 
.productmodel tbody tr:hover{ background:#f1f9fd;}
.productmodel tbody tr td{ border-right:1px solid #e4e4e4; color:#666666; height:53px; text-align:center;}
.productmodel tbody tr td:nth-child(1) a{ color:#666;}
.modeload{ display:block; width:100%; height:53px; background:url(../images/load1.png) center no-repeat; margin:auto; transition:670ms;}
.modeload:hover{ background:#e60012 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:#e60012;}
.iphone-model .selectbox:hover span b,.iphone-model .selectbox.hove span b{ color:#fff; background:url(../images/down.png) 94% center no-repeat;}
.iphone-model .modele-text p a{ color: #666666;}
.iphone-model .modele-text p .modeload,.iphone-model .modele-text p .buying{ display:inline-block; position:relative; top:5px;}
.iphone-model .modele-text p .buying{  height:24px;}
.iphone-model .modele-text p .buying:hover{ background:url(../images/cart.png) center no-repeat;}
.product-sele .iphone-fix{ text-align:center;}


/*产品选型*/
.lectotype-box{ padding:60px 0 70px; background:#f6f6f6; border-bottom:8px solid #e60012;}
.lectotyped h2{ padding-bottom:18px; line-height:normal; padding-left:46px; color:#e60012; 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:#e60012;}
.lecto-search input[type=button]{ width:94px; height:27px; cursor:pointer; background:#e60012 url(../images/searchone.png) 70px center no-repeat; color:#ffffff; border-radius:2px; text-align:left; float:left; border:none; font-family:微软雅黑; margin-left:4px; padding-left:10px; transition:650ms;}
.lecto-search input[type=button]:hover{ background:#16aca4 url(../images/searchone.png) 70px center no-repeat;}
 .lect-list{ float:left; width:88%;} 
 .lect-list a{  display:inline-block; float:left; margin-right:8px; position:relative; border-radius:2px; transition:760ms; background:#fff; margin-bottom:10px;}
 .lect-list a i{padding:0 13px; height:28px; line-height:28px; color:#666666; font-size:14px; display:inline-block; font-style:normal; position:relative; z-index:5; transition:650ms;}

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

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



/*联系我们*/
.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 #e60012;}
.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:#e60012;}
.message-row textarea{ width:548px; height:78px; padding:12px 16px; border:none; outline:none; font-size:14px; font-family:微软雅黑; color:#666666;}

/*企业视频*/
.video-box{ padding:48px 0 92px; border-bottom:8px solid #e60012; 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:#e60012; 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:#e60012; 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:#e60012;}
.culture-list li:hover figcaption:before{ left:0;}

.culture-box{ margin-top:64px; padding-bottom:24px; border-bottom:8px solid #e60012; 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 #e60012; background:#f6f6f6;}
.about{ width:828px; margin:auto;}
.aboute-title{ text-align:center; margin-bottom:46px;}
.aboute-title h1{ color:#e60012; font-size:28px; text-align:center; font-weight:normal;}
.aboute-title small{ display:block; text-align:center; color:#666666; font-size:14px; line-height:normal;}
.about-text p{ color:#666666; font-size:14px; line-height:2;}
.about-text .maxvideo{ margin-top:42px;}
.about-text img{ max-width: 100%; height: auto; line-height: 0;}

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

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

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

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

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

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

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

.apple-box{ padding:46px 0 60px; background:#f6f6f6; border-bottom:8px solid #e60012;}
.project-data{ width:50%; float:left; background:#e60012;}
.project-data a{ display:block; position:relative; padding:20px 0 20px 138px; color:#ffffff; font-size:18px; background:url(../images/data.png) 98px center no-repeat;}
.project-data:nth-child(1){ background:#16aca4;}
.project-data a i{ display:block; width:16px; height:13px; position:absolute; right:27.6%; top:29px; background:url(../images/more4.png) center no-repeat; transition:540ms;}
.project-data:nth-child(2) a{ background:url(../images/problem.png) 98px center no-repeat;}
.project-data a:hover i{ right:25%;}
.project-input{ background:#fff; margin-top:38px; padding:36px 36px 63px 28px;}
.project-input h2{ padding-left:47px; color:#e60012; 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:#e60012;}
.project-row:nth-child(2){ float:right;}
.project-row .projetc-sele{ padding-left:12px; height:45px; line-height:45px; width:347px; border:1px solid #cccccc; background:none; color:#666; font-size:14px; font-family:微软雅黑; transition:780ms; float:left; font-size:14px; padding-left:20px; background:url(../images/down4.png) 95% center no-repeat;  -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor:pointer; outline:none; font-family:微软雅黑; border:none; border:1px solid #cccccc;}
.project-row input.proin1{ width:844px;}
.project-textarea{ width:853px; float:left;} 
.project-textarea b{ display:block; color:#999999; font-size:14px; font-weight:normal; margin-bottom:12px; margin-left:8px; margin-top:10px;}
.project-promble{ width:100%;}
.project-promble textarea{ width:100%; color:#666; padding:20px 0 0; font-size:14px; font-family:微软雅黑; border:1px solid #cccccc; outline:none; transition:780ms;}
.project-promble textarea:focus{ border-color:#e60012;}
.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 #e60012; color:#fff; font-weight:bold; font-size:14px; cursor:pointer; background:#e60012; text-align:center; line-height:43px; margin-left:210px; transition:780ms; float:left;}
.subproble:hover{ background:none; border-color:#e60012; color:#e60012;}
.technology-left .selectbox{ display:none;}
.technology-left .selectbox span{ background:#ffffff; padding-left:20px; border:none;}
.technology-left .selectbox span b{ color:#666666; font-size:14px;}
.technology-left .selectbox span i{ display:none;}
.technology-left .selectbox span b{ background:url(../images/down5.png) 94% center no-repeat;}
.technology-left .classdown li a{ color:#666666;}
.technology-left .classdown li:hover a{ color:#fff;}
.common-problem li{ margin-bottom:5px;}
.common-problem li .problem-top{ position:relative; background:#ffffff; cursor:pointer; transition:670ms; overflow:hidden;}
.common-problem li .problem-top b{ width:49px; height:45px; text-align:center; line-height:45px; color:#ffffff; font-size:14px; font-weight:bold; font-family:Arial; float:left; background:#d1dae4; transition:670ms; position:relative; z-index:5;}
.common-problem li .problem-top span{ display:inline-block; float:left; margin-left:20px; color:#666666; font-size:14px; line-height:35px; transition:600ms; position:relative; z-index:5;width:80%}
.common-problem li .problem-top:before{ width:14px; height:8px; position:absolute; right:23px; top:50%; margin-top:-4px; content:""; background:url(../images/down6.png) center no-repeat; transition:470ms; z-index:5;}
.common-problem li .problem-top mark{ width:100%; height:100%; background:#e60012; 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:#e60012; background:url(../images/eye1.png) left center no-repeat;}
.ambia span:nth-child(2):hover{ color:#e60012; 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:#e60012; display:block; transition:780ms;}
.data-loads li:hover:before{ top:0;}
.data-loads li:hover time strong,.data-loads li:hover time b,.data-loads li:hover span{ color:#fff;}
.data-loads li:hover .paf{ color:#fff; background:url(../images/load2.png) right center no-repeat;}
.news-search .techno{ float:left; line-height:normal; border-bottom:none;}
.techline{ border-bottom:2px solid #cccccc;}


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

.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; left:0; top:0; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.6; filter: alpha(opacity=60); overflow: hidden; }
.vwrap .videobox { z-index: 990; width:800px; height: 450px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -225px; margin-left: -400px; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 24px; height: 24px; cursor: pointer; position: absolute; top: -30px; right: 0px; }
.vwrap .close i { display: block; width:24px; height:24px; background:url(../images/close.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button { background: none no-repeat!important; }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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