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

/*header*/
.header-box{ background:#fff; position:relative; z-index:9999;display: none;}
.header{background:#fff}
.logo{ float:left; font-weight:normal; line-height:normal;}
.logo img{ display:block; width:366px; height:58px;margin: 11px 0;}
.edition{ float:right;}
.edites{ float:left; margin-top:12px; font-size:18px;}
.edites a{ display:inline-block; line-height:12px;; padding:0 8px; color:#000; float:left;}
.edites a:nth-child(1){ border-right:1px solid #000;}
.edites a:nth-child(2){ border-left:1px solid #dddddd;}
.edites a:hover{ color:#2d9bcd;}

.search{float:left;/* margin-left:18px; *//* margin-top:1px; */border-radius: 20px;overflow: hidden;border:1px solid #014691;margin-top: 24px;margin-right: 20px;}
.search input[type=text]{padding-left:15px;width:130px;height: 26px;line-height: 26px;color:#666666;font-size:14px;background:none;outline:none;border:none;font-family:"微软雅黑";float:left;}
.search input[type=button]{float:left;width: 26px;height: 26px;float:left;background:none;outline:none;border:none;cursor:pointer;background: url(../images/search.png) 1px center no-repeat;}
.nav{text-align:left; position:relative; z-index:110;}
.nav-list{ display:inline-block; margin:auto;float: left;}
.nav-list >li{ float:left; position:relative;}
.nav-list >li:nth-child(5) .nav-down .leval-down{ width:344px;}
.nav-list >li:nth-child(5) .nav-down .leval-down .leval-list{ padding-top:20px;}
.nav-list >li:nth-child(5) .nav-down .leval-down .leval-list1{ background:#014691;}
.banner .pc{display: block;}
/*.banner img{width: 100%}*/
.banner .moblie{display: none;}
.leval-list1 >a{display:block; height:30px; position:relative; z-index:5; color:#333;}
.leval-list1 >a { line-height:30px; color:#333; font-size:14px; position:relative; z-index:5; display:block; font-style:normal; width:300px; transition:450ms;}
.leval-list1 >a:hover { color:#000;}

.nav-list >li >a{ display:inline-block; padding:0 13px ; color:#333;  font-size:17px; line-height: 80px;}
.nav-list >li >a:hover,.nav-list >li.cur >a{color: #014691;}
.nav-down{ position:absolute; padding-top:29px; left:50%; margin-left:-69px; top:28px; background:#efefef; width:138px; padding-bottom:32px; opacity:0; visibility:hidden; transition:270ms;}
.nav-list >li:hover .nav-down{ opacity:1; top:80px; visibility:visible; transition:570ms;}

.nav-down:after{ content:""; width:13px; height:7px; background:url(../images/top1.png) center no-repeat; position:absolute; left:50%; margin-left:-6px; top:-7px;}
.nav-down >li >a{ display:block; width:147px; height:36px; overflow:hidden; position:relative; z-index:5; padding-left:5px;}
.nav-down >li >a i{ line-height:36px; color:#000; 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:#014691; transition:520ms 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:300px;}
.leval-down{ position:absolute; left:138px; top:0; bottom:0; border-left:1px solid #d6d6d6; height:100%; width:0px; overflow:hidden; background:#fff;}
.leval-down >li{padding-left:10px;}
.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:#000; line-height:normal; margin-bottom:16px; text-align:left;}
.leval-list a:hover{ color:#014691;}
.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:5%; top:31px; width:54px; height:38px; cursor:pointer; display:none;}
.menuBtn .burger{ display:block; width:100%; height:6px; position:absolute; left:0; background:#999999; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; transition:transform 277ms ease-in-out; -o-transition:transform 277ms ease-in-out; -ms-transition:transform 277ms ease-in-out; -moz-transition:transform 277ms ease-in-out; border-radius:3px;}
.menuBtn .burger-1{ top:0;}
.menuBtn .burger-2{ top:16px;}
.menuBtn .burger-3{ bottom:0;}
.menuBtn.active .burger-1 { top:17px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); 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; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.mtop{ display:none;}
.menu-down{ position:absolute; left:0; top:90px; background:#000; width:100%; display:none; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; z-index:999; padding-bottom:100px;}
.menu-down .edition{ float:none; padding:12px 34px 8px 8px; background:#555555;}
.menu-down .edition .edites{ float:none; float:right; margin-top:24px;}
.menu-down .edition .search{ float:none; float:left; border-radius:16px; background:#000; margin-left:0;margin-top: 0;}
.menu-down .edition .search input[type="text"]{ height:60px; line-height:60px; color:#ffffff; font-size:18px; width:257px;} 
.menu-down .edition .search input[type="button"]{ width:60px; height:60px; 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:#014691}

.menu-list{ padding-top:29px; padding-bottom:58px;}
.menu-list >li >a{ display:block; padding-left:40px; border-bottom:1px solid #4a4a4a; color:#ffffff; font-size:20px; line-height:3; position:relative;}
.menu-list >li >a:before{ content:""; width:15px; height:15px; position:absolute; right:4.5%; 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:#014691;}
.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 #000; box-sizing:border-box;}
.iphone-menu li a{ color:#ffffff; font-size:16px; padding-left:40px; line-height:2.8; 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:10%; 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 #000;}
.iphone-menu li a:hover{ color:#014691}
.iphone-menu li a:hover:before{ background:url(../images/risd1.png) center no-repeat;}
.language{margin-top: 26px;}
.language a {float: left; display: block;font-size: 16px;color: #999;}
.language span{margin: 3px 10px;float: left;}
.language a.cur{color: #014691;}

/*banner*/
.flexslider{margin: 0;border: 0;}
.flex-direction-nav{display: none;}
.flex-control-nav{bottom: 10px;}
.flexslider .slides>li img:nth-of-type(2){display: none;}
.flex-control-paging li a{background: #014691;}
.flex-control-paging li a.flex-active{background-color:  #014691;width:40px;}
/* index */
.inList{padding: 60px 0;}
.inList li{width: 23%;float: left;margin-right: 1.5%;margin-bottom: 1%;border-radius: 10px;}
.inList li:nth-of-type(4n){margin-right: 0;}
.inList li:nth-of-type(1){background-color: #014691;}
.inList li:nth-of-type(2){background-color: #3a74b4;}
.inList li:nth-of-type(3){background-color: #4b79ab;}
.inList li:nth-of-type(4){background-color: #47688b;}
.inList li:nth-of-type(5){background-color: #2b637b;}
.inList li:nth-of-type(6){background-color: #3085ab;}
.inList li:nth-of-type(7){background-color: #3f9dc7;}
.inList li:nth-of-type(8){background-color: #0075a9;}
.inList a{display: block;display: flex;justify-content: center; flex-direction: column;height: 100px;}
.inList h3{color: #fff;text-align: center;font-size: 25px;margin-bottom: 8px;}
.inList p{color: #fff;text-align: center;font-size: 16px;}
.transShow{ transform:translate(0,0); -ms-transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1; }


.main-box{ overflow:hidden;}
.main-top{ width:100%; float:left;}
.apples{ width:25%; float:left;  position:relative; height:100px;}
.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:24px; font-weight:normal; text-align:center; padding-top:30px;}
.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:35px; height:35px; margin:auto; background:url(../images/more.png) center no-repeat;}

.product-select{ width:66.6666%; float:right; position:relative; overflow:hidden;}
.product-select:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.product-select:hover figcaption{ background:#34a8dd;}
.product-select img{ display:block; width:100%; height:auto; transition:680ms;}
.product-select figcaption{ display:block; padding:9px 0; width:100%; position:absolute; left:0; bottom:0; background:#2d9bcd; transition:780ms;}
.product-select figcaption h3{ color:#ffffff; font-size:24px; font-weight:normal; float:left; margin-left:4%;}
.product-select figcaption h3 small{ display:inline-block; color:#ffffff; font-size:14px; margin-left:12px;}
.product-select figcaption span{ display:block; width:35px; height:35px; float:right; margin-right:30px; background:url(../images/more.png) center no-repeat; margin-top:5px;}

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

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

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

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

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

.attention{ float:right; text-align:right;}
.attention img{ display:block; width:95px; height:96px; padding:5px 5px; border:1px solid #cccccc;}
.attente-us{ margin-top:14px;}
.attente-us p{ float:left; color:#000; font-size:14px; padding-left:5px;}
.attente-us .eq-list{ float:left;}
.address{ float:left; font-style:normal; width:90%;}
.address span{ display:block; color:#000; 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:#000; font-size:14px;}
.address p a{ display:inline-block; color:#000; margin-left:20px;}
.address p a:hover{ color:#2d9bcd;}

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

.center-title{ padding:48px 0 50px;}
.center-title h3{ color:#199fdc; font-size:24px; margin-bottom:18px;}
.select{ width:490px; float:left; color:#666666; font-size:14px; padding-left:16px; box-sizing:border-box; padding-top:14px; padding-bottom:13px; background: #f6f6f6 url(../images/down1.png) 95% center no-repeat;  -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor:pointer; outline:none; font-family:微软雅黑; border:none;}
.product-search{ background:#f6f6f6; float:right;}
.product-search input[type=text]{ width:420px; height:48px; line-height:48px; color:#666666; font-size:14px; float:left; background:none; border:none; font-family:微软雅黑; padding-left:15px;}
.product-search input[type=button]{ width:55px; height:48px; float:left; border:none; cursor:pointer; background:url(../images/search3.png) 9px center no-repeat;}
.product-info{ width:33.3333%; float:left; background:#e5ecf4; position:relative; overflow:hidden; height:200px;}
.product-info:after{ width:100%; height:100%; position:absolute; left:-100%; top:0;  transition:820ms; background:#2d9bcd; display:block;}

.product-info:hover:after{ left:0;} 
.product-info:nth-of-type(even){ background:#f2f2f2;}
.product-wr{  height:200px;  box-align:center; -webkit-box-align:center;align-items:center;  -webkit-align-items:center; position:relative; z-index:10;} 
.product-iocn{ width:80px; 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:20px; flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1; }
.product-text h3{ color:#000; font-size:18px; margin-bottom:12px; transition:580ms 150ms; padding-top:15px;}
.product-text h3 a{float: right;color: #666666;font-size: 14px;margin-right: 20px;    margin-top: 7px;}
.product-text h3 a:hover{color:#014691;}
.product-list li{ width:50%; float:left;}
.product-list li a{ display:block;color:#000; margin-bottom:6px; transition:580ms 150ms;font-size: 14px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.product-list li a:hover{ color:#014691;text-decoration: underline;}




.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:#d9e0e8; position:relative; z-index:10;width: 95%;margin: 30px auto;}

.selectbox{ width:33.33333%; float:left; position:relative;}
.selectbox span{ display:block; padding-left:64px; border-left:1px solid #a1b8d1; border-bottom:1px solid #a1b8d1;  position:relative; transition:650ms;}
.selectbox:nth-child(3n+3) span{ border-right:1px solid #a1b8d1;}
.selectbox span b{ display:block; color:#333; 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;}
.selectbox:nth-child(7){ z-index:12;}
.selectbox:nth-child(8){ z-index:11;}
.selectbox:nth-child(9){ z-index:10;}

.classdown{ position:absolute; left:0; top:54px; width:100%; padding-bottom:24px; background:#e8e8e8; padding-top:10px; display:none;z-index: 10;}
.selectbox.hove,.selectbox:hover{ border-bottom-color:#014691;}
.selectbox.hove span,.selectbox:hover span{ background:#83a4d1; border-color:#83a4d1;}
.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:#fff; background: url(../images/downh.png) 94% center no-repeat;}
.classdown li{ cursor:pointer; height:30px; line-height:30px; color:#000; display:block; padding-left:20px;} 
.classdown li a{ cursor:pointer; height:30px; line-height:30px; color:#000; display:block; padding-left:20px;}
.classdown li:hover{ background:#2d9bcd url(../images/arrow6.png) 87% center no-repeat; color:#fff;}
.prodclass-fix{  padding:0% 0 0%;}
.product-title{ margin-bottom:30px;}
.product-title h2{ color:#000; 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:18%;; float:left; margin-right:2.5%; display:block; margin-bottom:50px; position:relative; overflow:hidden; border:1px solid #a1b8d1; }
.producted li:nth-child(5n+5){ margin-right:0;}
.producted li a{ display:block; background:#fff; }
.producted li figure{ display:block; overflow:hidden; line-height:normal;}
.producted li figure img{ display:block; width:100%; height:248px; transition:980ms; margin:0 auto;}
.producted li figcaption{ display:block; border-top:1px solid #dedede; height:40px; line-height:40px; color:#000; font-size:16px; margin:0 auto; text-align:center;background-color: #bdcfe3;}
.producted li mark{ display:block; width:100%; border-top:1px solid #dedede; background:#2d9bcd; box-sizing:border-box; padding:5px; position:absolute; left:0; bottom:-100%; transition:680ms 300ms background,bottom 700ms;}
.producted li mark h3{ color:#ffffff; font-size:14px; font-weight:normal; margin-bottom:8px;}
.producted li mark p{ color:#e2ffff; font-size:12px;}
.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:5px; 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 #cccccc; color:#000; float:left;}
.pagelist a:hover,.pagelist a.on{ color:#2d9bcd; border-color:#2d9bcd;}
.pagelist a:first-child,.pagelist a:last-child{ width:50px;}
.pagelist a:first-child{ background:url(../images/arrow1.png) center no-repeat;}
.pagelist a:last-child{ background:url(../images/arrow4.png) center no-repeat; margin-right:0;}
.pagelist a:first-child:hover{ background:url(../images/arrow2.png) center no-repeat;}
.pagelist a:last-child:hover{ background:url(../images/arrow3.png) center no-repeat;}

/*产品详情*/
.ibanner img{width: 100%;}
.product-center{padding-bottom: 3%;}
.product-center h2{font-size: 24px;text-align: center;margin: 30px 0;color: #333;}
.position-box{background-color: #014691;color: #fff;}
.position{ padding:9px 0; font-size:14px;}
.position span{ display:inline-block; float:left; color:#fff;}
.position a{ display:inline-block; float:left; margin-right:5px; color:#fff;}
.position a:hover{ color:#2190c3;}
.model{ margin-top:2%;}
.modeTab{ width:52%; float:left; border:1px solid #F6F6F6;background-color: #F6F6F6;text-align: center;}

.modeTab img{max-height: 400px;}
.mode-list li img{ display:block; width: auto; height: auto; max-width: 100%; max-height: 100%;}
.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:380px;} 
.modele h2{ color:#014691; 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:#014691; position:absolute;  left:0; bottom:-2px;}

.model-list .modele-text{ display:none; padding:8px 18px 0px 18px; border:1px solid #dddddd; }
.modele-text p{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:140px; 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:#014691 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:35px;}
.sele-list{ border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;} 
.sele-list li{ float:left; margin-right:16px; margin-bottom:-1px;}
.sele-list li a{ display:inline-block; padding:10px 35px; color:#000; font-size:16px; position:relative;}
.sele-list li a:before{ content:""; width:11px; height:6px; background:url(../images/down2.png) center no-repeat; 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:#014691; color:#fff;}
.sele-list li:hover a:before,.sele-list li.on a:before{ opacity:1; filter:alpha(opacity=100);}

.sele-witch{ margin-top:10px;}
.sele-witch .sele-info{ display:none;}
.sele-witch .sele-info:nth-child(1){ display:block;}
.sele-witch .sele-info table{ border: 0;border-spacing: 0px;border-collapse: collapse;}
.sele-witch .sele-info table td,.sele-witch .sele-info table th{border: 1px gray solid;padding: 5px;}
.sele-witch .sele-info ol{padding-left:14px;}
.sele-witch .sele-info ol li{list-style:initial;}
.sele-witch .sele-info ul{padding-left:14px;}
.sele-witch .sele-info ul li{list-style-type:initial;}

.characteristic p{ color:#000; font-size:14px; }/*text-indent:20px;*/
.productmodel{ border:1px solid #e4e4e4; border-collapse: collapse; border-spacing: 0; background:#fff;}
.productmodel thead tr{ background:#014691;}
.productmodel thead tr th{ height:61px; border-right:1px solid #014691; 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:#000; 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;}
.buying{ display:block; width:100%; height:53px; background:url(../images/cart.png) center no-repeat; transition:670ms;}

.sample{ display:block; width:100%; height:53px; margin:auto; background:url(../images/car.png) center no-repeat; transition:670ms;}
.sample:hover{ background:#089a1c url(../images/car1.png) center no-repeat;}
.iphone-model{ display:none;}
.iphone-model .selectbox{ display:none; float:none;}
.iphone-model .selectbox span{ padding-left:0; border-left:none; border-bottom:none; background:#616161; text-indent:25px;}
.iphone-model .selectbox span i{ display:none;}
.iphone-model .selectbox:hover span,.iphone-model .selectbox.hove span{ background:#2d9bcd;}
.iphone-model .selectbox:hover span b,.iphone-model .selectbox.hove span b{ color:#fff; background:url(../images/down.png) 94% center no-repeat;}
.iphone-model .modele-text p .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;}

/* 产品服务 */
.service h2{font-size: 20px;text-align: center;margin:2% 0;}
.join-bg {width: 100%;}
.join-main .list-top {height: 54px;line-height: 54px;padding: 0 3.33% 0;background: #332c2b;font-size: 14px;color: #ffffff;}
.join-main .list-box {padding: 0 0 4%;}
.join-main .list-box li {width: 100%;margin: 20px 0; }
.join-main .list-box li .top {font-size: 14px;color: #333;line-height: 2;padding: 13px 0;cursor: pointer;background-color: #f2f2f2;}
.join-main .list-box li .top img:nth-of-type(2){display: none;}
.join-main .list-box li.on .top img:nth-of-type(1){display: none;}
.join-main .list-box li.on .top img:nth-of-type(2){display:inline-block;}
.join-main .td1 {width: 74.33%;padding-left: 30px;font-size: 16px;font-weight: bold;}
.join-main .td5 {width: 23.4%;font-size: 16px;font-weight: bold;text-align: center;}
.join-main .list-box li.on .top{background-color: #014691;color: #fff;}
.join-main .list-box li .bot {position: relative;padding: 20px 3.5% 36px;background: #c9d8e8; display: none;}

.join-main .list-box li .bot i {position: absolute;left: 18px;top: -12px;width: 0;height: 0;border-width: 6px; border-style: solid;border-color: transparent transparent #f5f5f5;}
.join-main .list-box li .bot .info1 p { float: left; font-size: 12px;  color: #333333;  line-height: 2;  min-width: 24%;  margin-right: 1%;  margin-bottom: 10px;  }
/* 联系我们 */
.conPart{padding-bottom: 2%;}
.conPart:nth-of-type(2n){background-color: #f2f2f2;}
.conPart h2{font-size: 24px;text-align:center;padding: 2% 0;}
.conPart ul{width: 1200px;margin: 0 auto;}
.conPart li{float: left;width: 46%;margin: 0 2% 2% 2%;background-color: #e5ecf4;}
.conPart li .h40{background-color: #014691;height: 35px;}
.conPart li h3{font-size: 20px;margin:10px 0 10px 40px;}
.conPart li h3 span{font-size: 16px;margin-left: 20px;}
.conPart li .fl{margin: 20px 0 20px 40px;height: 112px;}
.conPart li .fl p{font-size: 16px;}
.conPart li .fr{margin: 20px 40px 0 0;}
.conPart li .fr p{margin-top: 5px;color: #999;}
/* 新品信息 */
.case,.news{padding-bottom: 3%;}
.case h2,.news h2{font-size: 24px;text-align: center;margin: 2% 0;}
.case li a{display:block;padding-bottom: 15px;border-bottom: 1px solid #d6e1ed;font-size: 20px;margin-bottom: 20px;}
.case li a span{float: right;float:right;font-size: 14px;color: #666;margin-top: 10px;}
.case li a:hover,.case li a:hover span{color: #014691;}
/* 新闻中心 */
.news ul li{padding-bottom: 30px;border-bottom: 1px solid #d6e1ed;margin-bottom: 30px;}
.news ul li .time{float: left;width: 80px;height: 70px;background-color: #cccccc;color: #fff;text-align: center;transition: all .0.3s;}
.news ul li .time p{font-size: 16px;margin: 5px 0;}
.news ul li .time p:nth-of-type(2){opacity: 0.8;margin-top: 0;}
.news ul li .newsTitle{width: 75%;float: left;margin-left: 3%;}
.news ul li .newsTitle h3 a{font-size: 20px;display: block;}
.news ul li .newsTitle p{font-size: 16px;    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1	;-webkit-box-orient: vertical;}
.news ul li .newsMore{float: right;margin-top: 2%;}
.news ul li .newsMore a{font-size: 14px;color: #999;}
.news ul li:hover .time{background-color: #014691;}
.news ul li:hover .newsTitle h3 a,.news ul li .newsMore a{color: #014691;}
.news_detail{margin-top: 40px;}
.news_detail h3 {font-size: 22px; line-height: 30px; padding: 25px 0 15px 0;border-bottom: 1px solid #e7e7e7; color: #000; overflow: hidden; text-align: center; }
.news_detail h3 p{color: #e5e5e5;text-align:center;font-size: 14px;font-weight: normal;}
.news_detail h3 .fu_title {color: #555555; font-size: 18px; text-align: center; }
.news_detail .text { padding: 16px 0; overflow: hidden; }
.news_detail .text p { font-size: 14px;line-height: 30px;color: #555;margin-bottom: 0;}
.news_detail .text p img{max-width: 100%;}
.news_detail .text ol{padding-left:18px;}

.news_detail .text ul{padding-left:18px;}

.jump {position: relative;margin:3% 0;}
.jump span{ display: block;line-height: 32px;font-size: 14px;}
.jump span a {color: #666;}
.jump span a:hover{color: #014691;}
/* 分页 */
.page_desc{margin: 1% auto;text-align: center; font-size: 14px;}
.page_desc li{display:inline-block;margin: 0 5px;}
.page_desc li>span,.page_desc li a{padding: 4px 10px;display: inline-block; border: 1px solid #014691;color: #014691; background: #fff;}
.page_desc li span.current,.page_desc li a:hover{background:#014691; color: #fff;border: 1px solid #014691}


/*about*/
.profile{padding: 2% 0;}
.profile .fl{margin-right: 3%;margin-bottom: 30px;}
.profile h3,.process h3,.honor h3{font-size: 20px;margin-bottom: 10px;}
.profile p{font-size: 16px;letter-spacing: 1PX;}
.process{background-color: #f2f2f2;padding: 2% 0 3%;text-align: center;}
.process h3,.honor h3{margin-bottom: 30px;}
.honor{padding: 2% 0 3%;text-align: center;}
.honor .fr{display: flex;justify-content: center; flex-direction: column;height: 300px;}

/* 产品搜索 */
.pro_search{max-width: 600px;width:94%;margin:2% auto;}
.pro_search h2{font-size: 24px;text-align: center;margin-bottom: 20px;}
.pro_search .search{width: 100%;float: none;border-radius: 0;margin-left: 0;position: relative;border: none}
.pro_search .search input[type=text]{width: 100%;height: 60px;line-height: 60px;background-color: #e5ecf4;;font-size: 16px;}
.pro_search .search input[type=button] {width: 60px;height: 60px;background: none;outline: none;border: none;cursor: pointer;background: url(../images/search2.jpg) center/cover no-repeat;position: absolute;right: 0;top:0;}
.pro_search dl{margin-top: 20px;margin-left: 20px;font-size: 16px;}
.pro_search dt{color: #666;line-height: 30px;}
.pro_search dd a{color: #999;}
.pro_search dd a:hover{color:#014691}

.searchDetail{margin-bottom: 4%;}
.lectotype-list{text-align:center; font-size:18px;}
.mobSearch{display: none;}

.flex-meun{ width:52px; position:fixed; right:0; top:40%; margin-top:-72px;z-index: 444}
.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:#f47336 url(../images/qq.png) center no-repeat;margin-bottom: 2px;}
.flex-meun li:nth-child(1) a:hover{ background:#014691 url(../images/qq.png) center no-repeat;}
.flex-meun li:nth-child(1):hover .floating_left{display:block; background-color: #25afee;}
.flex-meun li:nth-child(2) a{ background:#f47336 url(../images/tao.png) center no-repeat;}
.flex-meun li:nth-child(2) a:hover{ background:#014691 url(../images/tao.png) center no-repeat;}
.flex-meun li:nth-child(3) a{ background:#f47336 url(../images/tel.png) center no-repeat;    position: relative;}
.flex-meun li:nth-child(3) a span{position: absolute;left: 0;width: 135px;height: 47px;background: #014691;color: #fff;line-height: 47px;padding-left: 15px;font-size: 15px;transition: all .3s;z-index:-1}
.flex-meun li:nth-child(3) a:hover{ background:#014691 url(../images/tel.png) center no-repeat;}
.flex-meun li:nth-child(3) a:hover span{left: -130px;}

.video{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,0.7);z-index: 1000000000000000;display: none;}
.video .box{width: 70%;position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin:auto;height: 756px;background-color: #000;}
.video .box  video{width: 100%;cursor: pointer;border:2px solid #949494;height: 100%}
.video .box .close{width: 35px;height: 35px;background:url(../images/close.png) no-repeat;background-size:cover;position: absolute;right: -20px;top: -20px;border-radius: 50%;cursor: pointer;}
.video .box .play{width: 130px;height: 130px;background: url(../images/play.png) no-repeat;background-size:cover;position: absolute;left: 50%;top: 50%;margin-left: -80px;margin-top: -80px;cursor: pointer;display: none;}


/* 留言 */
.tabbox dl{position:fixed; display:table; bottom:0px; left:0px; width:240px; background:#fff;box-shadow: 0 0 7px rgba(0,0,0,.3); border-radius:3px; z-index:9999;}
.tabbox dl dd{height: 40px;line-height: 40px; color:#fff; font-size: 16px;position: relative;padding-left: 10px; background:#014691; border-radius:3px 3px 0 0;}
.tabbox dl dd b{ display: block; height:40px; width:40px; position:absolute; top:0; right:0; cursor:pointer;}
.tabbox dl dd b.up{ background:url(../images/down11.png) center center no-repeat;}
.tabbox dl dd b.down{ background:url(../images/up11.png) center center no-repeat;}
.tabbox dl ul{padding:0 10px; height:300px; display:none;}
.tabbox dl ul li{ height:45px; line-height:45px;}
.tabbox dl ul li input[type=text]{ width:100% height:30px; border:1px solid #c7c7c7; background:#fff; line-height:30px; font-family:微软雅黑; outline:none; padding:0; padding-left:16px; color:#666666;font-size:14px;}
.tabbox dl ul li .on{ border-color:#2d9bcd;}
.tabbox dl ul li textarea{ width:100%; height:50px; padding-left:16px; padding-top:5px; border:1px solid #c7c7c7; outline:none; font-size:14px; font-family:微软雅黑; color:#666666;resize: none}
.box_sub{width:100px; height:30px; border:1px solid #014691; color:#fff; font-weight:bold; font-size:14px; cursor:pointer; background:#014691; text-align:center; line-height:30px; transition:780ms; float:left; margin-top:5px;}