Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Warning: Cannot modify header information - headers already sent by (output started at /www/wwwroot/www.85520057.com/func.php:230) in /www/wwwroot/www.85520057.com/css.php on line 26
@charset "utf-8"; html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; } /* always display scrollbars */ body { font:14px/1.8; margin: 0 auto; color: #666; background-color: #fff; -webkit-tap-highlight-color:rgba(0,0,0,0); font-family:"microsoft yahei";} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } h1, h2, h3, h4, h5, h6{font-weight:normal} blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } strong { font-weight: bold; } img { border: 0; } input { outline: none; } input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; } textarea { -webkit-appearance: none; border-radius: 0; outline: none;} ::-moz-selection { background: #1f4e8a; color: #fff; text-shadow: none; } ::selection { background: #1f4e8a; color: #fff; text-shadow: none; } select{ outline: none;} select::-ms-expand { display: 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; outline:none;} a:focus{text-decoration:none;outline:0;} .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; } .mt30{margin-top:30px;} .mb50{margin-bottom:50px;} .ptb{padding-bottom:50px; padding-top:20px;} .plr20{padding:0px 20px;} .inner { width: 1200px; margin: 0px auto;} .head{width:100%; background:#fff; height:100px; position:relative; top:0px; z-index:99999999999} .top{max-width: 1200px; width:100%; margin:0px auto; color: #fff; z-index: 1000; } .wrap{position:relative;} .top a:link, .top a:visited { color: #000;} .top a:active,.top a:hover { color: #fff;} .top:hover .bg2,.topAct .bg2,.topScroll .bg2{ opacity: 1; visibility: visible;} .topAct .bg,.topScroll .bg{ display: none;} .logo{ float: left; display: block; position: relative; padding: 0px 0px; width:243px; margin-left: 5px; padding-top:20px;} .logo img{ width: 100%; display: block;} .logo .img2{ display: none;} .nav{ float: left; display: block; margin-left:5%; position: relative;} .nav li{ float: left; display: block; position: relative; border-right:1px solid #eee;} .nav li:first-child{border-left:1px solid #eee;} .nav li a{ padding: 0px 28px; font-size: 14px; height: 100px; line-height: 100px; display: block; position: relative; z-index: 2; color:#000;} .nav li a:hover{background:#ff0000; color:#fff;} .nav li a.hov{ background-color: #ff0000; color: #fff;} .nav li .icon{background:url(../images/icon-2.png) no-repeat; width:26px; height:9px; margin:0px auto; display:block; position:absolute; z-index:3; left:50%; bottom:20px; margin-left:-13px;} .nav li .navlogo img{margin-top:7px;} .top .subnav a:link, .top .subnav a:visited { color: #fff;} .top .subnav a:active,.top .subnav a:hover { color: #38b7bd;} .nav .subnav{ position: absolute; left: 0px; top: 0px; margin-top:50px; background:rgba(7,104,178,.6); z-index:9; padding: 16px 0px; display: none; color:#ccc;!important} .nav .subnav a{ padding: 8px 15px; font-size: 14px; line-height: 1.2; font-weight: normal; height: auto; color:#fff;!important; display:block} .nav .subnav a:hover{ color:#fff; background:#f6d300} .moible-menu{ float: right; display: none;} .moible-menu li{ float: left; display: block; width: 60px; height: 60px; border-left: 1px solid #eeeeee;} .serach-icon,.signin-icon,.user-icon{ display: block; width: 100%; padding: 15px 0px;} .serach-icon i,.signin-icon i{ width: 30px; height: 30px; display: block; margin: 0px auto 0px; background: url(../images/ico2.png) no-repeat; transform: scale(0.7); -webkit-transform: scale(0.7);} .signin-icon i{ background-position:right center;} .serach-icon.active,.signin-icon.active{ background-color: #efefef;} .user-icon{ position: relative;} .user-icon span{ background-size: cover; border-radius: 50%; background-position: center center; background-repeat: no-repeat; width: 26px; height: 26px; border: 2px solid #fff; display: block; margin: 0px auto; border: 2px solid #c1c1c1;} .menu-yuyan {float:left} .menu-yuyan a{ display: block; float: left; width: 31px; margin-top:15px; margin-right:5px; height: 31px; line-height:31px; margin-left: 15px; border:1px solid #ccc; border-radius:50%; text-align:center; color: #666!important;} .menu-handler { display: block; width: 100%; height: 60px; cursor: pointer; position: relative; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); } .menu-handler .burger { width: 24px; height: 2px; background: #828282; display: block; position: absolute; z-index: 5; top: 21px; left: 50%; margin: 0px 0px 0px -12px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; } .menu-handler .burger-2 { top: 29px; } .menu-handler .burger-3 { top: 37px; } .menu-handler.active{ background-color: #efefef;} .menu-handler.active .burger-1 { top: 29px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); } .menu-handler.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; } .menu-handler.active .burger-3 { top: 29px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); } .trans, .trans:hover { -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .trans-fast, .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; } .pusher{ transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .pusher-black{ position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background-color: rgba(0,0,0,0.5); display: none; z-index: 900;} .menuBox{ background-color: #fff; color: #8f8f8f; position: fixed; right: 0px; top: 0px; width: 570px; height: 100%; z-index: -1; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling:touch; transform:translate(570px,0px); -moz-transform:translate(570px,0px); /* Firefox 4 */ -webkit-transform:translate(570px,0px); /* Safari and Chrome */ -o-transform:translate(570px,0px); /* Opera */ transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;} .no-csstransforms3d .menuBox{ display: none;} .navMobile{ background-color: #ffffff;} .navMobile a{ padding: 12px 5%; display: block; position: relative; font-size: 16px; line-height: 1.4; color: #5b5b5b;} .navMobile li{ border-bottom: 1px solid #efefef;} .navMobile li.active{ background-color: #0768b2;} .navMobile li.active .item{ color: #fff;} .navMobile li:first-child .item{ height: 36px; line-height: 36px; background-color: #f7f7f7;} .navMobile .subnav{ display: none;} .navMobile .subnav dd{ border-top: 1px solid #fff;} .navMobile .subnav a { color: #fff; font-size: 14px;} .navMobile .subnav a:hover { color: #fff;} .nav-link:before{ content:""; width:18px; height:12px; position:absolute; right:5%; margin-top: -6px; top:50%; transform: scale(0.8); -webkit-transform: scale(0.7); -moz-transform: scale(0.7); background:url(../images/m_ico1.png) no-repeat scroll center; transition:0.4s; -webkit-transition:0.4s;} .navMobile li.active .nav-link:before{ background-image: url(../images/m_ico2.png);} .menuOpen .top{ transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .menuOpen .pusher-black{ display: block;} .menuOpen .menuBox{ z-index: 99999;} .menuOpen .bottom-nav-box{ opacity: 0;} .mobile-foot{ font:12px/1.8 "microsoft yahei"; padding: 20px 10%;} .mobile-foot a:link,.mobile-foot a:visited { color: #8f8f8f;} .mobile-foot a:active,.mobile-foot a:hover { color: #fff;} .mobile-tel{ background: url(../images/tel2.png) no-repeat scroll 0px 0px; padding-left: 50px; font: 19px/30px "microsoft yahei"; color: #fff; margin-bottom: 10px;} .mobile-ewm{ margin-bottom: 18px;} .box-Serach{ position: fixed; left: 100%; top: 0px; height: 100%; width: 100%; background-color: #363636; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling:touch; z-index: -1; color: #fff; transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;} .open-box{ left: 0; z-index: 900;} .box-sbox{ padding: 60px 0px 20px;} .box-sbox .stxt{ box-sizing: border-box; font-size: 16px; padding: 18px 5%; display: block; border: 0px none; width: 100%; background-color: #efefef;} .box-slist{ margin-bottom: 60px;} .box-slist li{ border-bottom: 1px solid #616161; padding: 12px 5%; position: relative;} .box-slist li:before{ content:""; width:16px; height:16px; position:absolute; right:5%; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); background:url(../images/option_2.png) no-repeat scroll center; transition:0.4s; -webkit-transition:0.4s;} .box-slist li.active:before{ background-image: url(../images/option_1.png);} .box-sbtn{ text-align: center;} .box-sbtn .btn{ border: 1px solid #ffffff; color: #FFFFFF; padding: 1% 5%; display: inline-block; border-radius: 5px; margin: 0px 10px;} .box-sbtn .btn:hover{ color: #666; background-color: #fff;} .m-nav{width:100%; display:none; position:fixed; top:60px; z-index:9999999999; height:72px; background:#fff; overflow:hidden;} .m-nav li{width:33.13%; margin-right:0.3%; margin-bottom:0.3%; display:block; float:left; background:#fe0000; height:35px;} .m-nav li:nth-child(3n+3){margin-right:0px} .m-nav li a{ height:35px; line-height:35px; width:100%; display:inline-block; color:#fff; text-align:center; font-family:"微软雅黑"; font-size:14px;} .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; } .mtop{ height: 0px;} .banner a:link, .banner a:visited { color: #fff; } .banner a:active, .banner a:hover { color: #fff; } /*.banner { width: 100%; margin: 0px auto 0px auto; overflow: hidden; color: #fff; font-family: "Microsoft yaHei"; background-color: #fff; display:block}*/ .banner{ width:100%; overflow:hidden; position:relative;font-size:0;} .mbanner { width: 100%; margin: 0px auto 0px auto; overflow: hidden; color: #fff; font-family: "Microsoft yaHei"; background-color: #fff; display:none} .content { transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;} .about-banner{width:100%; margin-top:0px; display:block} .about-banner img{width:100%;} .m-about-banner{width:100%; margin-top:0px; display:none} .m-about-banner img{width:100%;} .ipselects { position: absolute; right: 0; top: 37px; background: #fff; color: #000; cursor: pointer; z-index:9999999 } .ipselects .ipsee { padding: 0 15px 0 28px; line-height: 26px; position: relative; font-size:12px; overflow:hidden; height:26px;} .ipselects .ipsee .dq { width: 16px; position: absolute; top: 5px; left: 5px; background-image:url(../images/index2_06.png); float:left; height:16px; } .ipselects .ipsee .aw { width: 7px; position: absolute; top: 12px; right: 0px; background-image:url(../images/i_icon_2.png); float:left; height:4px; } .ipselects ul { position: absolute; top: 26px; left: 0; right: 0; background:#fff; z-index: 100; transition: 300ms; -webkit-transition: 300ms; transform: translateY(10px); -webkit-transform: translateY(10px); opacity: 0; display: none; } .ipselects li { padding: 5px 10px 0px 30px; line-height: 18px; transition: background 300ms; -webkit-transition: background 300ms; font-size:12px;} .ipselects li:hover { background: #fff; color: #103728; } .ipselects:hover ul { transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; display: block; } .ipselects li a:hover{color:#999;} .i-about{width:100%; margin:0px auto; margin-top:80px;} .i-about .video-img{width:550px; float:left} .i-about .about-box{float:left; margin-left:50px; max-width:600px;} .i-about .about-box H2{font-size:36px; font-family:"Arial Black"; line-height:50px; color:#000;} .i-about .about-box H3{font-size:24px; line-height:40px; color:#000; font-weight:bold;} .i-about .about-box H5{font-size:14px; line-height:24px; font-weight:bold; color:#666; margin-top:30px; color:#000} .i-about .about-box a.more{border:2px solid #eee; background:#fff; width:136px; height:46px; line-height:50px; text-align:center; display:block; color:#666; font-size:14px; position:relative; margin-top:30px;} .i-about .about-box a.more:hover{background:#fe0000; border:2px solid #fe0000; color:#fff;} .i-about .about-box a.more i{position:absolute; right:15px; top:18px; background:url(../images/i_about_icon1.png); width:10px; height:12px; float:left} .i-about .about-box a.more:hover i{position:absolute; right:15px; top:18px; background:url(../images/i_about_icon2.png); width:10px; height:12px; float:left} .i-about .about-box .list{width:100%; margin-top:30px;} .i-about .about-box .list li{width:32.33%; float:left; border-right:1px solid #eeeeee;} .i-about .about-box .list li:nth-child(2){padding-left:3%; width:29.33%;} .i-about .about-box .list li:nth-child(3){padding-left:3%; width:29.33%;} .i-about .about-box .list li H1{font-size:48px; font-family:Impact; color:#fe0000; line-height:60px;} .i-about .about-box .list li H6{font-size:14px; color:#000; line-height:30px;} .i-product{width:100%; background:url(../images/i_pro_bj.jpg) no-repeat; height:765px; margin-top:80px;} .i-product .tit{padding-top:60px; text-align:center} .i-product .tit H3{font-size:30px; font-weight:bold; line-height:50px; color:#fff;} .i-product .tit H6{font-size:14px; color:#fff; line-height:36px;} .i-product .box {width:100%; position:relative;} .i-product .box li{width:96%; margin-right:2%; margin-left:2%; float:left; background:#fff; margin-bottom:3.1%; transition:460ms} .i-product .box li:nth-child(3n+3){margin-right:0} .i-product .box li figure{ display:block; line-height:normal; width:90%; margin:5% auto 0% auto; overflow:hidden;} .i-product .box li figure img{ display:block; line-height:0; width:100%; height:auto; transition:460ms;} .i-product .box li figcaption{background:#222; width:100%; height:40px; float:left} .i-product .box li H4{font-size:12px; color:#fff; line-height:40px; padding:0px 0px 20px 0px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;} .i-product .box li:hover figure img{ transform:scale(1.04); -webkit-transform:scale(1.04); -moz-transform:scale(1.04);} .i-product .box .owl-nav{margin-top:30px;!important } .i-product .box .owl-nav .owl-prev {background:url(../images/i_pro_left1.png) no-repeat!important; width: 65px; height: 41px; overflow:hidden; text-indent: 9999px; margin-top: 20px; border-radius:0px!important;} .i-product .box .owl-nav .owl-next {background:url(../images/i_pro_right1.png) no-repeat!important; width:65px; height: 41px; text-indent: 9999px; overflow:hidden; margin-top: 20px; border-radius:0px!important;} .i-product .box .owl-nav .owl-prev:hover {background:url(../images/i_pro_left2.png) no-repeat!important;} .i-product .box .owl-nav .owl-next:hover {background:url(../images/i_pro_right2.png) no-repeat!important;} .i-product .box .owl-dots{display:none!important;} .i-news{width:100%; margin-top:80px;} .i-news .tit{padding-top:0px; text-align:center; margin-bottom:50px;} .i-news .tit H3{font-size:30px; font-weight:bold; line-height:50px; color:#000;} .i-news .tit H6{font-size:14px; color:#000; line-height:36px;} .i-news .news-box{width:100%; margin-top:40px;} .i-news .list{max-width:685px; float:left; width:100%;} .i-news .list li { position: relative; padding-top:0px; margin:0px 0px 5px 0px; border-bottom: 1px solid #eee; width:100%;} .i-news .list li:first-child{border-top:1px solid #eee;} .i-news .list .item { padding: 0px 0px; position: relative; height: 68px; margin:10px 0px 0px 0px;} .i-news .list .date { position: absolute; left: 0px; top: 8px; width: 75px; height:68px; text-align:center; display:inline-block;} .i-news .list .date .day { margin-top:0px; color:#999; font-size:30px; line-height:30px;} .i-news .list .date .year{font-size:12px; margin-top:3px; display:block; color:#999;} .i-news .list i{position:absolute; right:10px; top:15px;} .i-news .list .box { padding-left: 100px; } .i-news .list .t { color: #333; font-size: 16px; line-height: 22px; margin-top:8px; height: 22px; overflow: hidden; margin-bottom: 0px; text-overflow:ellipsis; } .i-news .list .t a{ color: #333; text-decoration:none} .i-news .list .t a:hover{ color: #ff0000;} .i-news .list .c { height: 14px; overflow: hidden; color:#666; line-height:14px; font-size:12px; margin-top:10px;} .i-news .list .c a{ color: #666; text-decoration:none} .i-news .list .c a:hover{ color: #999;} .i-news .list li:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); } .i-news .list li:hover .t { color: #1f4e8a; } .i-news .img{width:470px; float:right} .i-service{width:100%; background:url(../images/i_sale_bj.jpg) repeat; margin-top:80px; padding-bottom:40px;} .i-service .tit{padding-top:60px; text-align:center} .i-service .tit H3{font-size:30px; font-weight:bold; line-height:50px; color:#fff;} .i-service .tit H6{font-size:14px; color:#fff; line-height:36px;} .i-service .t-list{font-size: 0; display:block; margin-top:10px;} .i-service .t-list li{display: inline-block; width: 12%; text-align: center; margin:1% 1%; height: 40px; line-height: 40px; text-align: center; color: #fff; border-radius:5px; font-size: 14px;} .i-service .t-list li:nth-child(1){background:#00b70d;} .i-service .t-list li:nth-child(2){background:#00baff;} .i-service .t-list li:nth-child(3){background:#ff7800;} .i-service .t-list li a{color:#fff;} .i-service .map{text-align:center; margin-top:40px;} .dock{line-height:30px; width:100%; float:right; } .dockCon{position:relative;} .dockCon li{float:right; margin-right:20px; } .dockCon li:hover i,.dockCon li.active,.dockCon li.first:hover{ cursor: pointer;} .dockCon .i2{background:url(../images/weixin.png) no-repeat; width:109px; height:109px; display:block} .dockCon .i3{background:url(../images/mob.png) no-repeat; width:109px; height:109px; display:block} .dockCon .con{ background-color: #333; color: #fff; position: absolute; display: none; z-index: 999999; font-size:14px;} .downcon{ width: 158px; text-align: center; height: 60px; background-color: #333; top: 0px; line-height: 60px;} .weixinCon{ padding:0px 0px; text-align: center; color: #fff; top: 0px; right:120px; width:150px; position:relative} .mobCon{ padding:0px 0px; text-align: center; color: #fff; top: 0px; right:-10px; width:150px;} .backTop { background:url(../images/backtop.png) no-repeat; width:60px; height:63px; position: fixed; bottom: 50px; right: 2%; display:none; z-index: 99; } .backTop .ico { display: block; width: 11px; height: 12px; background: url(../images/backtop_ico.png) no-repeat scroll center top; margin: 18px auto 0px; -webkit-transition: all 400ms; -ms-transition: all 400ms; -moz-transition: all 400ms; transition: all 400ms; } .backTop:hover .ico { background-position: center bottom; } .about{width:100%; margin:0px auto; margin-bottom:30px; display:block } .about-box{margin:0px auto; max-width:1200px; width:100%;} .aboArea{ border-top:none; } .aboArea .l{ max-width:270px; width:100%; float:left; position:relative; z-index:99; } .aboArea .r{float:right; position:relative; max-width:900px; width:100%; } .aboArea{ background:#fff; } .topLine{ display:block; width:0; position:absolute; top:0; height:5px; transition:1.5s; -webkit-transition:1.5s; } .topLine_1{ right:0; } .topLine_2{ left:0; } .topLine.show{ width:100%; } .back_1{ background:#00627a; } .back_1:after{content:""; background:url(../images/navleft-1.jpg) no-repeat; width:19px; height:12px; display:block } .proArea .abnav .lnav{ width:250px; } .proArea .abnav .lnav a{ padding:15px 0; } .btmpas{ padding-bottom:3%; } .abnav .padd{ padding:40px 0 0 0px; } .abnav a{ color:#070707; } .abnav a:hover,.abnav a:active{ color:#000; } .abnav .lnav{ width:250px; margin-top:0px; border-top:0px; padding:1px 0px 10px 0px;} .abnav .lnav li{padding:0px 0px 0px 0px; margin:0px 0px; position:relative; background:#eee; margin-bottom:1px; color:#333;} .abnav .lnav li span{padding-left:20px;} .abnav .lnav a{ text-transform:capitalize; display:block; position:relative; transition:0ms; -webkit-transition:0ms; font-size:14px; left:0px; background:#eee; color:#333; } .abnav .lnav a:after{position:absolute; right:20px; top:20px; background:url(../images/navleft-2.png) no-repeat; content:""; width:5px; height:9px;} .abnav .lnav a:hover{background:#fd0100; color:#fff; } .abnav .lnav li.act a{ color:#fff; background:#fd0100;} .abnav .lnav li.act a:after{position:absolute; right:20px; top:20px; background:url(../images/navleft-2.png) no-repeat; content:""; width:5px; height:9px;} .abnav .mcv{ line-height:42px; color: #fff; font-size:15px; text-align:center; display:none; cursor:pointer; background:#333; } .abti{ background:#333; width:250px; position:relative} .abti:after{content:""; background:url(../images/navleft-1.png) no-repeat; width:18px; height:12px; position:absolute; top:20px; right:20px;} .abti H3{font-size:18px; color:#fff; padding:15px 0px 15px 20px;} .abnav .cont{margin-top:20px;} .abnav .cont .tit{ background:#00b8e0; width:270px;} .abnav .cont .tit h3{font-size:18px; color:#fff; padding:15px 0px 15px 20px;} .abnav .cont .list{ width:268px; margin-top:0px; border:1px solid #eee; border-top:0px; padding:10px 0px 30px 0px;} .abnav .cont .list li{padding:10px 0px 10px 20px; border-bottom:1px solid #eee; margin:0px 20px; font-size:14px; color:#666;} .abnav .cont .list li i{background:url(../images/jiantou.jpg) no-repeat; width:6px; height:9px; margin-right:10px; display:block; float:left; margin-top:3px;} .abnav .cont .list li span{color:#00b8e0; display:block;} .abnav .limg{width:100%; display:block; margin-top:0px;} .abnav .limg a{display:block; margin-top:10px;} .aboArea .rbox{width:100%; padding-top:40px;} .aboArea .rbox .title{border-bottom:1px solid #eee; position:relative; height:53px;} .aboArea .rbox .title H3{font-size:24px; font-weight:bold; padding:0px 0px 5px 0px; line-height:53px; color:#000;} .aboArea .rbox .title p{float:right; color:#999999; font-size:12px; padding-top:20px;} .aboArea .rbox .title p span{color:#999999;} .aboArea .rbox .con{padding:20px 0px 0px 0px;} .m-abnav{display:none} .contact{width:100%;} .contact span{border-bottom:1px solid #eee; line-height:50px; font-size:14px; color:#333; display:block;} .contact .map{margin-top:20px;} .contact .map img{width:auto;} /*荣誉资质*/ .honor{width:100%; z-index:999999} .honor ul{margin-top:20px;} .honor li{width:30.6%; margin-right:4.1%; display:block; overflow:hidden; float:left; margin-bottom:2%;} .honor li:nth-child(3n+3){margin-right:0} .honor-box a:link, .process-box a:visited { color: #fff; } .honor-box a:active, .process-box a:hover { color: #fff; } .honor-box .img { display: block; transition: 600ms;} .honor-box .img img{} .honor-box .itemtxt { position: absolute; width: 100%; left: 0%; top: 0%; height: 100%; text-align: center; display: table-cell; z-index: 5; transition: 400ms; } .honor-box .itemtxt .ico { background:url(../images/workshop_icon_fdj.png) no-repeat; width: 65px; height: 65px; display: block; opacity: 0; filter: alpha(opacity=0); position: relative; top: 160px; transition: 300ms; margin:0px auto;} .honor-box:hover .img { transform: scale(1); -webkit-transform: scale(1); } .honor-txt { font-size:14px; display:block; transition: 300ms; color:#787a7d; padding:15px 0px; text-align:center;} .honor-txt a{color:#787a7d} .honor-txt a:hover{color:#002860} .honor-box { position: relative; top: 0px; opacity: 0; } .honor-box { top: 0px; opacity: 1; } /*新闻资讯*/ .news-box { padding: 10px 0px 30px;} .news-list { padding-bottom: 10px; } .news-list dd { position: relative; padding:0px; margin:0px; background:#fff url(../images/news_border.jpg) bottom repeat-x;} .news-list .item { padding: 25px 0px; position: relative; height: 100px; margin:0px 0px;} .news-list .name { position: absolute; left: 0px; top: 25px; width: 82px; height:82px; overflow: hidden; text-align:center; display:inline-block; background:#eee;} .news-list .name .day {margin-top:10px; color:#000; display:inline-block; line-height:40px; font-size:36px; font-weight:bold;} .news-list .name .year{font-size:14px; padding:3px 0px; margin-top:6px; display:block; color:#fff; background:#333; width:100%;} .news-list .box { padding-left: 100px; } .news-list .t { color: #333; font-size: 16px; line-height: 22px; margin-top:0px; height: 22px; overflow: hidden; margin-bottom: 12px; text-overflow:ellipsis; } .news-list .t a{ color: #333; text-decoration:none} .news-list .t a:hover{ color: #1f4e8a;} .news-list .c { height: 50px; overflow: hidden; margin-bottom: 10px; color:#666; font-size:12px; line-height:20px;} .news-list .c a{ color: #666; text-decoration:none} .news-list .c a:hover{ color: #343333;} .news-list .more {padding: 5px 0px 5px 0px; display: inline-block; color:#c50200; font-size:12px; background:url(../images/news_icon_1.jpg) no-repeat; width:21px; height:7px;} .newsview {width: 100%; margin: 30px auto 60px auto;} .newsview H3 {font-size: 24px; color: #666; line-height: 40px; text-align: center; padding:0px 10px 10px 0px;} .newsview .info {width: 98%; margin: 0px auto; text-align: center; border-bottom: 1px dashed #ddd; padding-bottom: 10px;} .newsview .info span {margin: 0px 10px; line-height: 30px; font-size: 12px; text-align: center} .newsview .info .ly{display:inline-block} .newsview .info .time{display:inline-block} .newsview .info .zi{display:inline-block} .newsview .info .zi a{padding:0px 5px; color:#666;} .newsview .c {font-size: 14px; line-height: 36px; padding: 0px 10px; margin-top: 30px;} .newsview .c img {text-align: center;}] .newsview .c a{width:100%!important; color:#666!important; max-width:100%!important;} .newsview .botbox{width:100%; max-width:100%; margin:30px auto 0px auto; border-top:1px dashed #ddd; padding:15px 0px;} .newsview .botbox .share{float:left; padding-left:10px; font-size:14px; width:50%; } .newsview .botbox .share img{padding-right:5px; vertical-align:middle} .newsview .botbox .tongji{float:right; padding-right:10px; font-size:14px;} .feedback{width:100%; margin-top:30px; margin-bottom:0px; float:left} .feedback .list{margin-top:0px;} .feedback .list dd{width:100%; display:block; margin-bottom:20px; margin-right:3%; float:left; border:1px solid #eee;} .feedback .list dt{width:100%; display:block; border:1px solid #eee; float:left} .feedback .list label{float:left; position:relative; text-align:center; top:13px; width:100px; font-size:14px; color:#333;} .feedback .list .txt{ background-color: #fff; border: 0px none; border-left:1px solid #eee; padding: 10px 12px; box-sizing: border-box; width: 88%; font: 14px/1.8 "microsoft yahei"; color:#999} .feedback .list span{color:#F00; padding-left:5px;} .feedback .list .txt2{height: 200px; margin-bottom: 0px;} .feedback .list .btn{text-align:left; margin:30px 0%; float:left} .feedback .list .fromBtn { float:left; width:150px; margin:0px auto; height: 50px; line-height: 50px; text-align: center; font-size: 14px; color: #fff; background-color: #fe0000; border:0px; margin-right:20px; cursor:pointer; border-radius:5px; } .feedback .list .fromBtn:hover { background-color: #fe0000; } .feedback .list .fromBtn2 {float:left; width:150px; margin:0px auto; height: 50px; line-height: 50px; text-align: center; font-size: 14px; color: #fff; background-color: #231815; border:0px; margin-right:20px; cursor:pointer; border-radius:5px; } .feedback .list .fromBtn2:hover { background-color: #111; } .inside-nav{width:100%; border-bottom:1px solid #eeeeee; text-align:center; display:inline-block; background:#fff; margin-top:-5px; height:75px; } .inside-nav li{ display:inline-block; clear:both; padding:0px 0px; line-height:75px; text-align:center; width:16%; margin-right:-3px;} .inside-nav li:last-child{border-right:1px solid #eee;} .inside-nav li:nth-child(1){width:20%;} .inside-nav li:nth-child(2){width:20%;} .inside-nav li:nth-child(3){width:20%;} .inside-nav li:nth-child(4){width:12%;} .inside-nav li:nth-child(5){width:15%;} .inside-nav li:nth-child(6){width:12%;} .inside-nav li a{font-size:14px; color:#666; text-decoration:none; width:100%; display:block; border-left:1px solid #eee; border-right:0px;} /*.inside-nav li a:hover, .inside-nav li a.cur{text-decoration:none; background:#0168b7; color:#fff; height:75px;} .inside-nav li a.cur:after{content:""; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #0168b7; margin:0px auto; display:block;} */ .productlist{width:100%; margin:0px auto; background:#eee;} .productlist .t{width:100%; position:relative; text-align:center; padding-top:70px; margin-bottom:30px;} .productlist .t H2{font-size:24px; color:#000; line-height:36px; font-family:Arial, Helvetica, sans-serif; font-weight:bold} .productlist .t .t2{color:#000; font-size:12px; line-height:30px; font-weight:normal; margin:0px auto 0 auto; background:#eee; font-weight:normal; line-height:40px; text-align:center!important; position:relative; top:0px; z-index:2} .productlist .t .xian{position:relative; top:-20px; z-index:1} .productlist .t .xian1 {content: "";max-width:100%; width: 100%;height: 1px;margin:0px auto;background: #ddd;} .plr20{padding:0px 10px;} .product-list li{ width:23%; margin-right:2%; float:left; margin-bottom:60px;} .product-list li:nth-child(4n+4){ margin-right:0;} .product-list li figure{ display:block; line-height:normal; overflow:hidden; position:relative; text-align:center; background:#fff;} .product-list li figure .ibg { background:rgba(0,0,0,.8); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display:none; transition: 300ms; } .product-list li:hover figure .ibg {display: block; } .product-list li figure .ico { background:url(../images/icon-link.png) no-repeat; width: 48px; height: 48px; display: block; opacity: 0; filter: alpha(opacity=0); transition: 300ms; margin:0px auto; position:absolute; left:50%; margin-left:-24px; top:50%; margin-top:12px} .product-list li:hover figure .ico {padding-top: -25px; opacity: 1; filter: alpha(opacity=100); top: 80px; } .product-list li figure img{ width:100%; height:auto; line-height:0; transition:430ms; padding:0px 0px;} .product-list li figcaption{ display:block; overflow:hidden; background:#fff; position:relative; transition:340ms; height:90px; padding-top:10px;} .product-list li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);} .product-list li:hover figcaption{ background:#e01919; height:90px;} .product-list li figcaption .tit{width:100%; position:relative; text-align:center;} .product-list li figcaption .tit H3{font-size:24px; color:#000; line-height:36px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;} .product-list li figcaption .tit .t2{color:#000; font-size:14px; line-height:30px; font-weight:normal; margin:0px auto 0 auto; background:#fff; font-weight:normal; line-height:40px; text-align:center!important; position:relative; top:0px; z-index:2; transition:1ms} .product-list li figcaption .tit .xian{position:relative; top:-20px; z-index:1} .product-list li figcaption .tit .xian1 {content: "";max-width:90%; width: 90%;height: 1px;margin:0px auto;background: #eee;} .product-list li:hover figcaption .tit .t2{color:#fff; background:#e01919;} .product-list li:hover figcaption .tit H3{color:#fff;} .product-view{width:100%;} .product-view .tit{width:100%; position:relative; text-align:center; margin-top:70px;} .product-view .tit H2{font-size:24px; color:#000; line-height:36px; font-family:Arial, Helvetica, sans-serif; font-weight:bold} .product-view .tit .t2{color:#000; font-size:12px; line-height:30px; font-weight:normal; margin:0px auto 0 auto; background:#fff; font-weight:normal; line-height:40px; text-align:center!important; position:relative; top:0px; z-index:2} .product-view .tit .xian{position:relative; top:-20px; z-index:1} .product-view .tit .xian1 {content: "";max-width:100%; width: 100%;height: 1px;margin:0px auto;background: #eee;} .plr20{padding:0px 10px;} .product-view .box{width:100%; max-width:1200px; margin:30px auto; text-align:center} .product-view .box .img{width:100%; max-width:1200px;} .product-view .box .info{width:35%; max-width:390px;} .product-view .box .info .t{font-size:24px; line-height:24px; padding:30px 0px; border-bottom:1px solid #eee; width:100%; display:block; color:#000} .product-view .box .info .c{border-bottom:1px solid #eee; padding:30px 0px; font-size:12px; line-height:18px; color:#666; display:block} .product-view .box .info .zx{padding:30px 0px; border-bottom:1px solid #eee; width:100%; display:block} .product-view .box .info .zxbtn{width:100%; height:60px; background:#0768b2; border-radius:5px; text-align:center; line-height:60px; text-align:center; color:#fff; display:block; font-size:20px;} .product-view .box .info .zxbtn i{background:url(../images/probig_icon_kf.jpg) no-repeat; width:34px; height:30px; margin:0px auto; display:inline-block; position:relative; top:5px; margin-right:10px;} .product-view .box .info .tel{border-bottom:1px solid #eee; padding:30px 0px; width:100%; display:block} .product-view .box .info .tel H5{font-size:14px; color:#666; line-height:24px;} .product-view .box .info .tel H3{color:#0768b2; font-size:36px; line-height:36px;} .product-view .box .share{width:100%; padding-top:20px; display:block} .product-view .details{} .product-view .details .d-img{width:100%; display:inline-block; margin-top:20px; text-align:center;} .product-view .details .d-img li{width:31%; margin-right:3%; text-align:center; display:inline-block; clear:both; padding-bottom:10px; margin-bottom:10px; transition:460ms;} .product-view .details .d-img li:nth-child(3n+3){margin-right:0} .product-view .details .d-img li span{text-align:center; line-height:36px; font-size:14px; color:#666;} .product-view .details .d-img2{width:65%; display:block; margin-top:20px; clear:both;} .product-view .details .d-img2 li{width:48%; margin-right:4%; text-align:center; float:left; padding-bottom:10px; margin-bottom:10px; transition:460ms;} .product-view .details .d-img2 li:nth-child(2n+2){margin-right:0} .product-view .details .d-img2 li figure{display:block; line-height:normal; overflow:hidden; transition:460ms; background:#fff;} .product-view .details .d-img2 li figure img{width:100%; text-align:center; transition:460ms; display:block} .product-view .details .d-img2 li:hover figure img{ text-align:center;transform:scale(1.04); -webkit-transform:scale(1.04); -moz-transform:scale(1.04);} .product-view .details .d-img2 li H5{font-size:14px; color:#666; line-height:45px;} .product-view .zixun{width:100%; margin-top:30px; margin-bottom:60px; float:left;} .product-view .zixun .t{border-top:1px solid #eee; border-bottom:1px solid #eee; padding:20px 0px; font-size:14px; line-height:24px; color:#e50000} .product-view .zixun .list{margin-top:30px;} .product-view .zixun .list dd{width:100%; display:block; margin-bottom:20px; margin-right:3%; float:left; border:1px solid #ddd; background:#fff;} .product-view .zixun .list dt{width:100%; display:block; border:1px solid #ddd; float:left; background:#fff;} .product-view .zixun .list label{float:left; position:relative; top:13px; text-align:center; font-size:14px; display:block; width:45px; color:#999} .product-view .zixun .list .txt{ background-color: #fff; border: 0px none; border-left:1px solid #ddd; padding: 10px 12px; box-sizing: border-box; width: 90%; font: 14px/1.8 "microsoft yahei"; color:#999} .product-view .zixun .list span{color:#F00; padding-left:5px;} .product-view .zixun .list .txt2{height: 200px; margin-bottom: 0px;} .product-view .zixun .list .btn{text-align:left; margin:30px 0%; float:left} .product-view .zixun .list .fromBtn { float:left; width:150px; margin:0px auto; height: 50px; line-height: 50px; text-align: center; font-size: 14px; color: #fff; background-color: #fe0000; border:0px; margin-right:20px; cursor:pointer; border-radius:5px; } .product-view .zixun .list .fromBtn:hover { background-color: #fe0000; } .product-view .zixun .list .fromBtn2 {float:left; width:150px; margin:0px auto; height: 50px; line-height: 50px; text-align: center; font-size: 14px; color: #fff; background-color: #231815; border:0px; margin-right:20px; cursor:pointer; border-radius:5px; } .product-view .zixun .list .fromBtn2:hover { background-color: #111; } .canshu{width:100%; max-width:1200px; margin-top:20px; display:block; overflow-x:hidden; background:#fff;} .canshu table{width:1200px;} .cs-d{display:none; margin-bottom:10px; color:#0768b2} .details .excellent-tab-con .cc{width:100%; line-height:30px; margin-top:20px; display:block; font-size:14px; color:#000} .details .excellent-tab-con .cc img{width:auto;} .excellentStudentIbox{ padding: 45px 0px 0px 0px;} .excellent-tab a:link, .excellent-tab a:visited{ color: #000;} .excellent-tab a:active,.excellent-tab a:hover { color: #e40d08;} .excellent-tab{ padding: 0px 0px 0px; width:100%; max-width:1200px; margin: 0px auto;} .excellent-tab-t{ height: 40px; line-height: 40px; font-size: 14px; color: #000000; text-align: center;} .excellent-tab-t li{float:left; cursor: pointer; width:33.1%; margin-right:0.25%; background:#ccc; height:100%;} .excellent-tab-t li:last-child{margin-right:0px;} .excellent-tab-t li .txt{ height: 100%; display: block; position: relative; z-index: 1; } .excellent-tab-t li.active{ background:#fe0000; color:#fff;} .excellent-tab-con .btn-more{ background-color: #e40d08; width: 120px; height: 38px; line-height: 38px; margin: 0px auto; color: #fff;} .excellent-tab-con .btn-more .txt{ color: #fff;} .excellent-tab-con .btn-more.btn-more:before{ background-color: #333;} .excellent-list2{ padding: 60px 0px;} .excellent-list2 dd{ float: left; display: block; width: 42%; margin-left: 8%; font-weight: bold; font-size: 16px; height: 29px; overflow: hidden; margin-bottom: 10px;} .excellent-tab-con{ overflow: hidden; display: none; -webkit-animation-name: tab;animation-name: tab;-webkit-animation-direction: normal;animation-direction: normal;-webkit-animation-duration: 0.4s;animation-duration: 0.4s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;} .excellent-tab-con.on{ display: block;} .tab-international2 .tabs-list li{ width: 20%;} .video{width:100%; border-bottom:1px solid #eee; padding-bottom:10px; float:left} .video .title{border-bottom:1px solid #eee; position:relative; height:53px; margin-top:20px;} .video .title H3{font-size:24px; font-weight:bold; padding:0px 0px 5px 0px; line-height:53px; color:#000;} .video .title p{float:right; color:#999999; font-size:12px; padding-top:20px;} .video .title p span{color:#999999;} .video ul{margin-top:40px;} .video li{width:23.5%; margin-right:2%; display:block; overflow:hidden; float:left; margin-bottom:2%; text-align:center} .video li:nth-child(4n+4){margin-right:0} .video li span{text-align:center; line-height:36px; font-size:14px; color:#666;} .boxitem a:link, .boxitem a:visited { color: #fff; } .boxitem a:active, .boxitem a:hover { color: #fff; } .boxitem .img { display: block; width: 100%; transition: 600ms; } .boxitem .ibg { background:rgba(0,0,0,.5); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display:block; transition: 300ms; } .boxitem:hover .ibg {display: none; } .boxitem .itemtxt { position: absolute; width: 100%; left: 0%; top: 0%; height: 100%; text-align: center; display: table-cell; z-index: 5; transition: 400ms; } .boxitem .itemtxt .t { font: 20px/1.5 "Microsoft yahei"; padding-top: 10%; transition: 300ms; opacity:0; } .boxitem .itemtxt .ico { background:url(../images/video_icon.png) no-repeat; width: 43px; height: 43px; display: block; opacity: 1; filter: alpha(opacity=0); position: relative; top: 90px; transition: 300ms; margin:0px auto;} .boxitem .itemtxt:hover .ico {padding-top: 25%; opacity: 1; filter: alpha(opacity=100); top: 80px; } .boxitem .itemtxt:hover .t{ opacity:1; filter: alpha(opacity=1); position: relative; bottom: 0px; } .boxitem.item2 .itemtxt::before, .boxitem.item2 .itemtxt::after { opacity: 1; position: absolute; width: 90%; height: 90%; top: 5%; left: 5%; } .boxitem.item2 .itemtxt::before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scale(0, 1); -webkit-transform: scale(0,1); } .boxitem.item2 .itemtxt::after { border-left: 1px solid #fff; border-right: 1px solid #fff; transform: scale(1, 0); -webkit-transform: scale(1,0); } .boxitem.item2 .itemtxt::before, .boxitem.item2 .itemtxt::after { transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; content: ''; box-sizing: border-box; } .boxitem.item2:hover .itemtxt::before, .boxitem.item2:hover .itemtxt::after { opacity: 1; transform: scale(1); -webkit-transform: scale(1); } .boxitem.item2:hover .itemtxt .t{ padding-top: 0%; opacity: 1; filter: alpha(opacity=100);} .boxitem:hover .img { transform: scale(1); -webkit-transform: scale(1); } .boxitem { position: relative; top: 0px; opacity: 0; } .boxitem { top: 0px; opacity: 1; } .product{width:100%; margin-top:0px; float:left} .pro-left{width:890px; display:inline-block} .pro-right{width:300px; float:right} .glimpseBox {padding-top:60px; padding-bottom:50px; background:#f1f1f1; } .glimpseDemo li { margin: 0px 0px 0px 0px; float: left; display: block;} .glimpseDemo li.item3 { margin-right: 0px; } .glimpseDemo li .img { width: 100%; display: block; } .glimpseDemo li .kitem { position: relative; overflow: hidden; display: block; margin-bottom: 10px; } .glimpseDemo li a { display: none; } .glimpseDemo li a.itema { display: block; } .glimpseDemo li a > div { position: absolute; width: 100%; height: 100%; background: url(../images/black.png) repeat; display: none; } .glimpseDemo li .btn { position: absolute; left: 0px; width: 200px; height: 119px; top: 50%; left: 50%; margin: -59px 0px 0px -100px; } .glimpseDemo li .ico { width: 48px; height: 48px; position: relative; margin: 0px auto 38px; display: block; } .glimpseDemo li .ico i { background:url(../images/icon-link.png) no-repeat; width: 48px; height: 48px; position: absolute; left: 50%; top: 60%; margin: -24px 0px 0px -24px; } .glimpseDemo li .more { border: 2px solid #fff; width: 94px; height: 30px; text-align: center; line-height: 30px; color: #fff; display: block; margin: 0px auto; } .glimpseDemo li .tit {text-align: center; color: #fff; display: block; margin: 0px auto;font-size:26px; color:#fff; line-height:36px; margin-bottom:10px;} .glimpseDemo li .tit2 {text-align: center; color: #fff; display: block; margin: 0px auto;font-size:14px; color:#fff; line-height:26px; margin-bottom:10px;} .glimpseDemo li .kitem1{width:295px; float:left; margin-right:10px;} .glimpseDemo li .kitem2 { float: left; display: block; width: 440px; margin-right: 10px; } .glimpseDemo li .kitem3 { float: left; display: block; width: 440px; } .glimpseDemo li .kitem4 { float: left; display: block; width: 290px; margin-right: 10px;} .glimpseDemo li .kitem5 { float: left; display: block; width: 290px; margin-right: 10px;} .glimpseDemo li .kitem6 { float: left; display: block; width: 290px;} .glimpseDemo li .kitem8 .btn { margin-top: -23px;} .glimpseDemo li .kitem8 .ico { margin-bottom: 0px;} .glimpseDemo li .kitem8 .more { display: none;} div.da-animate { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* Initial state classes: */ .da-slideFromTop { left: 0px; top: -101%; } .da-slideFromBottom { left: 0px; top: 101%; } .da-slideFromLeft { top: 0px; left: -101%; } .da-slideFromRight { top: 0px; left: 101%; } /* Final state classes: */ .da-slideTop { top: 0px; } .da-slideLeft { left: 0px; } .no-touchevents .glimpseBox .target { transform: translate(0px,50px); -webkit-transform: translate(0px,50px); opacity: 0; } .no-touchevents .glimpseBox .action { transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1; transition: 500ms ease 300ms; } .no-touchevents .glimpseDemo .target .kitem { transform: scale(0.8); -webkit-transform:: scale(0.8); opacity: 0; } .no-touchevents .glimpseDemo .action .kitem { transform: scale(1); -webkit-transform:: scale(1); opacity: 1; } .no-touchevents .glimpseDemo .action .kitem1 { transition: 400ms ease 350ms; } .no-touchevents .glimpseDemo .action .kitem2 { transition: 600ms ease 450ms; } .no-touchevents .glimpseDemo .action .kitem3 { transition: 800ms ease 550ms; } .no-touchevents .glimpseDemo .action .kitem4 { transition: 1000ms ease 650ms; } .no-touchevents .glimpseDemo .action .kitem5 { transition: 1200ms ease 750ms; } .no-touchevents .glimpseDemo .action .kitem6 { transition: 1400ms ease 850ms; } .no-touchevents .glimpseDemo .action .kitem7 { transition: 1600ms ease 950ms; } .no-touchevents .glimpseDemo .action .kitem8 { transition: 1800ms ease 1050ms; } .pageC.target { transform: translate(0px,50px); -webkit-transform: translate(0px,50px); opacity: 0; } .pageC.action { transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1; transition: 600ms ease 450ms; } .pro-right li { margin: 0px 0px 0px 0px; float: left; display: block; } .pro-right li .kitem { position: relative; overflow: hidden; margin-bottom: 5px; } .pro-right li .kitem1{width:300px;} .pro-right li .kitem2{width:300px;} .pro-right .target { transform: translate(0px,50px); -webkit-transform: translate(0px,50px); opacity: 0; } .pro-right .action { transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1; transition: 500ms ease 300ms; } .pro-right .target .kitem { transform: scale(0.8); -webkit-transform:: scale(0.8); opacity: 0; } .pro-right .action .kitem { transform: scale(1); -webkit-transform:: scale(1); opacity: 1; } .pro-right .action .kitem1 { transition: 400ms ease 350ms; } .pro-right .action .kitem2 { transition: 600ms ease 450ms; } .product-box{width:100%; margin:30px auto 0px auto; padding-top:20px; padding-bottom:50px;} /*选项卡*/ .tabbox{display:inline-block; width:100%; max-width:1200px; margin:0px auto; text-align:center} .tab {width: 100%; margin: 30px auto;} .tab-title {font-size: 0; display:block;} .tab-title .item2 {display: inline-block; padding:0px 20px; height: 50px; line-height: 50px; text-align: center; color: #333; background:#fff; border-radius:5px; font-size: 14px; margin:1% .5%; overflow:hidden} .tab-title .item2-cur {color: #fff; background-color: #fe0000;} .tab-cont {display:block; width:96%; margin:10px auto 10px auto;} .tab-cont__wrap {} .tab-cont .item2 {width:100%; text-align: center; color: #fff;} /*翻页*/ .pagelist{ text-align:center; margin:0px 0px; padding:30px 0} .pagesleft{float:left} .pages{ display:inline-block; margin:auto;} .pages a{ display:inline-block; float:left; background:#eeeeee; text-align:center; height:39px; line-height:39px; color:#000; border-radius:0px; margin:0px 3px 5px 3px;} .pages a.prev{ width:39px;} .pages a:hover{ color:#fff; background:#ff0000;} .pages a.prpage{ width:39px;} .pages a.first i{background:url(../images/page-first.png) no-repeat; width:8px; height:9px; display:block; position:relative; top:50%; margin-top:-4px; left:50%; margin-left:-4px;} .pages a.first:hover i{background:url(../images/page-first-2.png) no-repeat} .pages a.last i{background:url(../images/page-last.png) no-repeat; width:8px; height:9px; display:block; position:relative; top:50%; margin-top:-4px; left:50%; margin-left:-4px;} .pages a.last:hover i{background:url(../images/page-last-2.png) no-repeat} .pages a.pre i{background:url(../images/page-prev.png) no-repeat; width:6px; height:9px; display:block; position:relative; top:50%; margin-top:-4px; left:50%; margin-left:-3px;} .pages a.pre:hover i{background:url(../images/page-prev-2.png) no-repeat} .pages a.nex i{background:url(../images/page-next.png) no-repeat; width:6px; height:9px; display:block; position:relative; top:50%; margin-top:-4px; left:50%; margin-left:-3px;} .pages a.nex:hover i{background:url(../images/page-next-2.png) no-repeat} .pages a.nuble{ width:39px;} .pages a.act{ color:#fff; background:#ff0000;} .pages2{ display:inline-block; margin:auto;} .pages2 a{ display:inline-block; float:left; background:#fff; text-align:center; height:39px; line-height:39px; color:#000; border-radius:0px; margin:0px 3px 5px 3px;} .pages2 a.prev{ width:39px;} .pages2 a:hover{ color:#fff; background:#ff0000;} .pages2 a.prpage{ width:39px;} .pages2 a.first i{background:url(../images/page-first.png) no-repeat; width:8px; height:9px; display:block; position:relative; top:50%; margin-top:-4px; left:50%; margin-left:-4px;} .pages2 a.first:hover i{background:url(../images/page-first-2.png) no-repeat} .pages2 a.last i{background:url(../images/page-last.png) no-repeat; width:8px; height:9px; display:block; position:relative; top:50%; margin-top:-4px; left:50%; margin-left:-4px;} .pages2 a.last:hover i{background:url(../images/page-last-2.png) no-repeat} .pages2 a.pre i{background:url(../images/page-prev.png) no-repeat; width:6px; height:9px; display:block; position:relative; top:50%; margin-top:-4px; left:50%; margin-left:-3px;} .pages2 a.pre:hover i{background:url(../images/page-prev-2.png) no-repeat} .pages2 a.nex i{background:url(../images/page-next.png) no-repeat; width:6px; height:9px; display:block; position:relative; top:50%; margin-top:-4px; left:50%; margin-left:-3px;} .pages2 a.nex:hover i{background:url(../images/page-next-2.png) no-repeat} .pages2 a.nuble{ width:39px;} .pages2 a.act{ color:#fff; background:#ff0000;} /*公共底部*/ .footer{ background-color: #333333; float:left; width:100%;} .foot{ border-top: 1px solid #848484; padding: 15px 0px; color: #929292;} .foot a:link,.foot a:visited { color: #929292;} .foot a:active,.foot a:hover { color: #0071bf;} .foot .inner{ text-align: center;} .footBox{ padding: 20px 0px; text-align: center; color: #fff; font-size: 12px;} .footBox a:link,.footBox a:visited { color: #fff;} .footBox a:active,.footBox a:hover { color: #fff;} .footleft{width:70%; float:left} .footright{width:30%; float:right} .footright p{float:right; margin-right:50px; margin-top:10px;} .footright img{widht:100%; display:block;} .footright span{text-align:center; line-height:30px;} .fnav{ font-size: 14px; text-align:left} .fnav span{padding:0px 16px;} .fcontact{ font-size: 15px; padding: 10px 0px 30px; float:left; margin-top:20px;} .fcontact H4{display:block; line-height:30px; font-size:18px; font-weight:bold; text-align:left} .fcontact p{display:block; line-height:24px; font-size:12px; text-align:left} .footI a{ color: #666;} .footI a:hover { color: #666; text-decoration: underline;} .footI{ font-family: "microsoft yahei"; color: #8a8a8a; max-width:1200px; margin:0px auto;} .footI p{color:#666; font-size:12px; line-height:30px; padding:10px 0px;}