﻿@charset "utf-8"

::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-button{height:0;width:0}::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{display:block}::-webkit-scrollbar-button:vertical:start:increment,::-webkit-scrollbar-button:vertical:end:decrement{display:none}::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal,::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal{border-style:solid;border-color:transparent}::-webkit-scrollbar-track:vertical::-webkit-scrollbar-track:horizontal{background-clip:padding-box;background-color:#fff}::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);background-clip:padding-box;background-color:rgba(0,0,0,.2);min-height:28px;padding-top:100}::-webkit-scrollbar-thumb:hover{-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,.25);background-color:rgba(0,0,0,.4)}::-webkit-scrollbar-thumb:active{-webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,.35);background-color:rgba(0,0,0,.5)}::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal{border-width:0}::-webkit-scrollbar-track:hover{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.1);background-color:rgba(0,0,0,.05)}::-webkit-scrollbar-track:active{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.14),inset -1px -1px 0 rgba(0,0,0,.07);background-color:rgba(0,0,0,.05)}


/* CSS Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img, button{margin: 0;padding: 0;border: 0;}
html{-webkit-text-size-adjust:none; }
body{font-size:12px;*overflow-x:hidden;margin:0; padding:0;}
table{border-collapse:collapse; border-spacing:0;}
ol, ul, li{ list-style:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
a{text-decoration:none;color:#666;} 
a:hover{text-decoration:none;color:#008FD5;} 
a:focus{outline:0px dotted;}
a:focus, input:focus{ -moz-outline-style: none; } 
* {font-family: Arial,"微软雅黑","黑体",'宋体';}
input {-webkit-appearance: none;border-radius: 0;}
input, textarea {outline: 0;border: 0;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none; font-size:14px;}
textarea { -webkit-appearance: none;}
input::-webkit-input-placeholder {color:#5F5F5F;}
input::-moz-input-placeholder {color: #5F5F5F;}
input::-ms-input-placeholder {color: #5F5F5F;}
img{ border:none;vertical-align: top;}
.fl{ float:left;}
.fr{ float:right;}
.clear { clear:both;}
.clearfix:after{clear:both;content:".";display:block;height:0;overflow:hidden;visibility:hidden;}
.clearfix{zoom:1;}
.alltransition {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
body sup {display: inline-block!important;vertical-align: top;}
.blackbg {background: #000;}
.alpha0{filter:alpha(Opacity=0);-moz-opacity:0;opacity:0;}
.no-touch { height:100%;}
.no-touch body{ overflow:hidden;height:100%;}


.pcshow { display:block;}
.mbshow { display:none !important; max-width:100%; height:auto}
 

.main_box{ width:100%; max-width:1480px; margin:0 auto;}
@media (max-width:1680px) {
.main_box{ width:94%;}
}

.warp{width:100%; max-width:1680px; margin:0 auto;}
@media (max-width:1680px) {
.warp{ width:94%;}
}
/* header */
header {position:fixed;left: 0px;top:0;z-index: 99; width: 100%; height:100px;display: block; background: #fff;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;box-shadow: 0 0 20px rgba(0,0,0,0.1);}

.topbox{width: 100%;height: auto;position:relative;top:0px;z-index: 999999; background: #fff; margin-bottom: 55px}
.head{background:#3a3a3a;height: auto; overflow: hidden; padding: 20px 0}
.logo{margin-right: 16px;}
.head .wz{font-size:26px;color: #fff;padding-left: 18px; border-left: 1px solid #eee; font-weight: 600; margin-top: 20px;}
.head .wz em{font-size: 18px; line-height: 35px; font-style: normal; font-weight: normal;}
.tel{color: #fff;background: url(../images/tel.png) no-repeat 0 center;padding-left: 50px; margin-top:15px}
.tel p{font-size: 14px;line-height: 18px;}
.tel .z{font-size: 26px;font-family: "MS Serif", "New York", serif;font-weight: bold;line-height: 26px;}


/*-------------------------------nav-----------------------------------*/
.navBar{ height: auto; background: #fff;width: 100%; position: absolute; top: 100%; right: 0}
.nav{  margin:0 auto; width:100%;}
.nav h3{ font-size:100%; font-weight:normal;  }
.nav .m{  position:relative; float:left;  display:inline; text-align:center;}
.nav h3 a{  zoom:1; line-height:55px; width:185px; color:#333;  display:block; text-transform:uppercase;font-size: 16px;}
.nav li:hover a{ color:#333; border-bottom:0px #296baa solid;}
.nav li:hover a:hover{ background: url(../images/m_bg.jpg) repeat-x; display: block; color: #fff}
.nav li h3 a.hover{ background:url(../images/m_bg.jpg) repeat-x; display: block; color: #fff}

.navBar.uoi{position: fixed; z-index: 99999; top:0; border-bottom: 1px solid #eee}

.nav .sub{ width:185px; position:absolute; left:0px; top:55px; z-index: 999}
.nav .sub li{ text-align:center; line-height:40px; }
.nav .sub li a{ color:#fff; display:block; zoom:1;background:rgba(0, 0, 0, 0.4)!important;-webkit-transition: all 0.9s ; border:0px;}
.nav .sub li a:hover{color:#fff; background:#b52d23 !important; }
.search{float: right;width: 260px;padding-top: 12px;}
.search .input_txt{width: 194px;height: 34px;border:1px solid #CCC;border-right: none;float: left;outline: medium;padding-left: 5px;}
.search .input_btn{width: 60px;height: 36px;border:none;background: #e92a3a;float: right;outline: medium;background: url(../images/pic3.jpg) no-repeat;cursor: pointer;}
/*-------------------------------nav-----------------------------------*/




.sy-logo { width:209px; height:70px;  margin-top:10px;background: url("../images/logo.jpg") no-repeat; position: absolute; z-index: 1;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.sy-logo img{ width:100%;}
.sy-nav {width: 100%; text-align: center;}
.sy-nav * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.sy-nav ul  {}
.sy-nav ul li { display: inline-block; vertical-align: top; padding: 0 1%;}
.sy-nav ul li a { font-size:16px; font-weight:bold;line-height:100px;color: #555;position: relative;overflow: hidden;display: block;}
.sy-nav ul li a i {width:0;height: 1px;background: #0055b4;left:50%;bottom:20px; z-index: 1;  margin-left: -0px; position:absolute;}
.sy-nav ul li a:hover i,.sy-nav ul li a.cur i{width:100%;left:0;}
.sy-nav ul li a:hover,.sy-nav ul li a.cur {color:#0055b4;}

.sy-nav ul li.cur ul.children{ display:block;}
.sy-nav ul li ul.children{display:none;position:absolute;width:100%;top:100px;left:0; overflow:hidden;background:rgba(0,0,0,.5);z-index:9999;text-align:center;-webkit-transition:none;-moz-transition:none;transition:none;}
.sy-nav ul li ul.children li {width:100%;padding:15px 0; }
.sy-nav ul li ul.children li a {display: inline-block;margin: 0 15px;line-height:22px;}
.sy-nav ul li ul.children li a img {width:90px;height: 90px;display: block;opacity: 0.8;}
.sy-nav ul li ul.children li a p {padding:0px 0;color: #ccc;display: block;font-size: 15px;line-height: 36px;}
.sy-nav ul li ul.children li a:hover p{color:#fff;}
.sy-nav ul li ul.children li a:hover img {opacity: 1.0;}

header .sy-hright {width:17%;position: absolute; right:11%; top:0; z-index: 1; text-align: right;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
header .sy-hright * {overflow: hidden;/*-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;*/}

.sy-hright .top_tel{ position: absolute; line-height:30px; top:35px; font-size:20px; color:#5F5D5D; font-weight:bold; font-family:arial; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.sy-hright .top_tel p:before{ }
.sy-hright .top_tel p{ padding-left:34px; background:url(../images/tel01.png) left center no-repeat; display:inline-block; position:relative;}

.sy-hright .lan{position: absolute; right:0; top:32px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.sy-hright .lan li{float:left;line-height:35px;margin-left:5px; font-size:15px;}

.sy-hright .sousuo{ margin-top:40px;}

.header-search { position: absolute; background:#fff;width: 100%; z-index: 10000; display: none; top: 60px; left:0; padding:15px 0; box-shadow: 0 1px 5px rgba(0,0,0,.06) inset;}
.header-search form{ height:40px; margin:0 25px; position:relative;}
.header-search form.search #keyword{color:#333333;font-size:14px;width:100%;height:100%; background:#f6f6f6;text-align:left; padding:0 15px; display:block;border:none;font-family: sans-serif;box-shadow:none;}
.btn_blue{ width:113px; height:40px; position:absolute; top:0; right:0;background:#008FD5; font-size:16px; color:#fff;}




@media (max-width:1680px) {
header .sy-hright {width:20%; right:3%;}
}
@media (max-width:1600px) {
.sy-hright .top_tel{ display:none;}
}


/* footer */

.footer .right .conn .tel{font-size:30px;color:#008FD5;padding-left:28px;line-height:40px;background:url(../images/top_tel.png) left center no-repeat;font-weight:  bold;}
.footer .right .conn a{ display:inline-block; width:130px; height:40px; background:#D9221A; border-radius:2px; line-height:40px; text-align:center; font-size:14px; color:#fff; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.footer .right .conn a:hover{ background:#f08200}
footer{background: #393939;padding: 20px 0;text-align: center;}
footer p,footer p a{font-size: 15px;color: #888888;}
footer p a:hover{ color: #fff; }
footer p br{ display:none}

@media (max-width:1000px) {
.footer{ padding:15px 0 35px;}
.footer .foot-logo{ display:none;}
.footer .left{width: 100%; margin:0;}
.footer .left ul li{ display:none;}
.footer .left p{ font-size:14px; line-height:24px;}
.footer .right{ display:none;}
.footer .left h3{position:static; margin-top:10px; text-align:left;}
.footer .left h3 div{ display:none;}
.footer .left h3 .fl{ margin:0;}

footer p,footer p a{font-size: 14px;}
}


/* mobile nav */

.nav_mobile{display: none;position: relative;}
.mheader {height:60px;background:#fff;position:fixed;left: 0;top: 0;z-index: 93;width: 100%;overflow: hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.mheader ul {position: relative;padding:0 3%;}
.mlogo {width: 40px;height:40px;background: url(../images/logo.svg) center no-repeat;background-size:100%;left:50%;top: 5px; position: absolute;z-index: 94;}
.mlogo h3 {background: #fff;font-size:18px;line-height:52px;color:#000;text-transform:uppercase;text-align: center;font-family:'Conv_KLAVIKA-REGULAR', Helvetica, Arial;}
.mlanguage {position: absolute;width: 40px;right: 3%;top:5px;z-index: 94;}
.mlanguage i {height:40px;width: 40px;display: block;background: url("../images/yy.svg") center no-repeat;background-size:50%;}
.mlan{ position: absolute;width: 26px;right: 3%;top:20px;z-index: 94;}
.mlan ul li{ background:#008FD5; border-radius:20px; height:26px; line-height:26px;text-align:center;}
.mlan ul li a{color:#fff;font-size:12px; }
.mlan ul li a:hover{color:#D9221A;}

.cd-nav-trigger{position: absolute;z-index:898;top:5px;left:3%;height:50px;width: 40px;overflow: hidden;text-indent: 100%;white-space: nowrap;-webkit-transition: -webkit-transform 0.2s;-moz-transition: -moz-transform 0.2s;transition: transform 0.2s;}
.cd-nav-trigger span{background:#000;position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width:24px; height: 2px;}
.cd-nav-trigger span::before, .cd-nav-trigger span:after{content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: inherit; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.2s, width 0.2s; -moz-transition: -moz-transform 0.2s, width 0.2s; transition: transform 0.2s, width 0.2s;}
.cd-nav-trigger span::before{-webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; -o-transform-origin: right top; transform-origin: right top; -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px); -o-transform: translateY(-6px); transform: translateY(-6px);}
.cd-nav-trigger span::after{-webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; -o-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translateY(6px); -moz-transform: translateY(6px); -ms-transform: translateY(6px); -o-transform: translateY(6px); transform: translateY(6px);}

.no-touch .cd-nav-trigger{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.no-touch .cd-nav-trigger span::after,.no-touch .cd-nav-trigger span::before{width: 50%;}
.no-touch .cd-nav-trigger span::before{-webkit-transform: translateX(2px) translateY(1px) rotate(45deg);-moz-transform: translateX(2px) translateY(1px) rotate(45deg);-ms-transform: translateX(2px) translateY(1px) rotate(45deg);-o-transform: translateX(2px) translateY(1px) rotate(45deg);transform: translateX(2px) translateY(1px) rotate(45deg);}
.no-touch .cd-nav-trigger span::after{-webkit-transform: translateX(2px) translateY(-1px) rotate(-45deg);-moz-transform: translateX(2px) translateY(-1px) rotate(-45deg);-ms-transform: translateX(2px) translateY(-1px) rotate(-45deg);-o-transform: translateX(2px) translateY(-1px) rotate(-45deg);transform: translateX(2px) translateY(-1px) rotate(-45deg);}

.cd-nav-container{background-color:#1a1a1a;position: fixed; z-index:91; top:0px; right: 0; width: 100%; height: 100%;overflow-y: auto; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0.4s; -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0.4s; transition: transform 0.4s 0s, box-shadow 0s 0.4s;}
.cd-nav-container.is-visible{-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);-webkit-overflow-scrolling: touch;}

.cd-close-nav{position: absolute; height: 44px; width: 44px; right:6%; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); overflow: hidden; text-indent: 100%; white-space: nowrap; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s;}
.cd-close-nav::after, .cd-close-nav::before{content: ''; position: absolute; height:1px; width: 32px; left: 50%; top: 50%; background-color: #666; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.cd-close-nav::after{-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg);}
.cd-close-nav::before{-webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg); transform: translateX(-50%) translateY(-50%) rotate(-45deg);}

.no-touch .cd-close-nav:hover{opacity: .8;}
.cd-nav{ padding-top:70px;margin-top: auto;}
.cd-nav li{width:80%;margin: auto; overflow:hidden;position: relative;}
.cd-nav a{ border-bottom:#313131 1px solid;position: relative; display: block;width:90%;text-align: center; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;font-size:16px; color:#939393;padding:0.8em 0; margin:0px auto;text-transform:uppercase;}
.cd-nav a:hover{color:#fff;}
.mchildren {display:none; width:100%; margin:0px auto;}
.mchildren a{border-bottom:none;position: relative; display: block;width:100%;text-align: center;font-size:14px; color:#666;padding:0.8em 0;}
.mchildren a:hover{background:none; color:#00a2ff;}

.cd-overlay{position: fixed; height: 100%; width: 100%; top: 0; left: 0; cursor: pointer; visibility: hidden; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s; -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s; transition: opacity 0.4s 0s, visibility 0s 0.4s; z-index:19;}
.cd-overlay.is-visible{opacity: 1; visibility: visible; -webkit-transition: opacity 0.4s 0s, visibility 0s 0s; -moz-transition: opacity 0.4s 0s, visibility 0s 0s; transition: opacity 0.4s 0s, visibility 0s 0s;}

.bmob { display:block; float: none;padding-top:30px; margin:auto; text-align:center; clear:both; position:relative;overflow: hidden;}
.bmob a{ display: inline-block; float: none; margin:0 10px;text-align:center; font-size:14px;}
.bmob form{ position:relative; display:block; width:80%; margin:10% auto 20px auto;}
.bmob .searchinput{border-bottom:#484848 1px solid;line-height:35px; padding:1% 5%; outline:none;width:80%; margin:auto; font-size:18px; background:#1a1a1a; color:#999;}
.bmob .getsearch{ width:18px; height:18px;background:url("../images/ss-b.svg") center no-repeat;opacity: 0.4; position:absolute; right:50%;margin-right: -9px; top:10px; z-index:1; cursor:pointer; outline:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.bmob .getsearch:hover {opacity:0.5;}
.bmob .getsearch.onfss {right:5%;margin-right: 0px;}
.bmob li {padding: 2% 0;text-align: center;}
.bmob li a {margin: 0 10px;display:inline-block;width: 30px;height: 30px;opacity: 0.3;}
.bmob li a.btm {background: url("../images/tm-b.svg") center no-repeat;background-size:80%;}
.bmob li a.bjd {background: url("../images/jd-b.svg") center no-repeat;background-size:80%;}







/* slick plugin */
.slick-slider { display: block;/* box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; */}
.slick-slider *:focus { outline: none;}
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; max-width:100%; height:auto;}
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto;   }
/* Arrows */
.slick-prev, .slick-next { position:absolute;display:block;height:40px;width:40px;cursor:pointer;z-index:80;top:50%; margin-top:-20px;padding:0;outline:none;text-indent:-9999px;  border-radius:0px; background-color: transparent; background-repeat:no-repeat; background-position:center;opacity: 0.5;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease; border:none;}
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }
.slick-prev:before, .slick-next:before {  font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left:2%; background-image:url(../images/left-b.svg);}
.slick-next { right:2%; background-image:url(../images/right-b.svg);}
.slick-prev:hover {opacity: 1.0;}
.slick-next:hover {opacity: 1.0;}
/* Dots */
.slick-slider { }
.slick-dots { position: absolute; bottom:50px; list-style: none; display: block;padding: 0px; width: 100%; text-align:center; left:0;}
.slick-dots li { position: relative; display: inline-block; height:10px; width:10px; margin: 0px 4px; padding: 0px; cursor: pointer; }
.slick-dots li button { margin-top: 5px;background:#fff; display: block; height:10px;width:10px; padding: 0px; cursor: pointer; outline: none; text-indent:-9999px;-moz-opacity:0.4; opacity:0.4;filter:alpha(opacity=40);border-radius:100px;border: none; overflow:hidden;}
.slick-dots li button:focus { outline: none; }
.slick-dots li.slick-active button {background: #fff;border: none; opacity:1.5;}



.black_overlay {display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: #000;z-index: 1001;-moz-opacity: 0.8;opacity: .80;filter: alpha(opacity=80);}
.video-content {display: none;position: fixed;box-sizing: border-box;padding:0px;top:7.2%;left: 50%;width:1200px;margin-left: -600px;background:#131313;z-index: 1002;overflow: hidden;}
.video-content .main {position: relative;}
.video-content .main video {display: block;width: 100%;height: auto;}
.video-content .text {font-size: 14px;color: #ccc;line-height: 26px;padding:20px 20px 20px 150px;overflow: hidden;position: relative;}
.video-content .text h2 {display: block;padding-bottom: 5px;font-size: 18px;color: #fff;position: absolute;left: 40px;top: 22px;z-index:1;}
.video-content .close {display:block;width:40px;height: 40px;background:#fff url("../images/del-h.svg") center no-repeat;background-size:60%;cursor: pointer;position: absolute;right: 0px;top: 0px;z-index: 99;}
.video-content .close:hover {background:#000 url("../images/del-b.svg") center no-repeat;background-size:60%;}


.aside-wrap {position: fixed; right:2%;bottom:100px; z-index:800;border-radius: 100%; display: none;}
.aside-wrap .topcontrol {width: 40px; height:40px; background: url(../images/up.svg) no-repeat center #2f2f2f;background-size:50%; border: 2px solid #ccc; border-radius: 100%; overflow:hidden; cursor: pointer;opacity: .2;filter:alpha(opacity=20);-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.aside-wrap:hover {}
.aside-wrap:hover .topcontrol{opacity: 1.0;filter:alpha(opacity=100);background: url(../images/up.svg) no-repeat center #000;background-size:50%;}

 

@font-face {
	font-family: 'Conv_KLAVIKA-REGULAR';
	src: url('../fonts/KLAVIKA-REGULAR.eot');
	src: local('☺'), url('../fonts/KLAVIKA-REGULAR.woff') format('woff'), url('../fonts/KLAVIKA-REGULAR.ttf') format('truetype'), url('../fonts/KLAVIKA-REGULAR.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

 
@font-face {
	font-family: 'Conv_KLAVIKA-MEDIUM';
	src: url('../fonts/KLAVIKA-MEDIUM.eot');
	src: local('☺'), url('../fonts/KLAVIKA-MEDIUM.woff') format('woff'), url('../fonts/KLAVIKA-MEDIUM.ttf') format('truetype'), url('../fonts/KLAVIKA-MEDIUM.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@keyframes loadlogo{
	0%{-webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); -ms-transform:scale(0.9);transform:scale(0.9); filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
	50%{ -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -o-transform:scale(1.0); -ms-transform:scale(1.0);transform:scale(1.0);filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}
	100% {-webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2);transform:scale(1.2);filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
} 



/* banner */
.sy-banner {overflow: hidden;position: relative; width:100%; background: #000;}

.sy-banner-pic div a { position:relative; display:block;}
.sy-banner-pic div li * {color: #fff;overflow:hidden;display: block;font-weight: normal;text-transform: uppercase;-webkit-transition:all .8s ease;-moz-transition:all .8s ease;transition:all .8s ease;}
.sy-banner-pic div li { position: relative;}
.sy-banner-pic div li .title { width: 600px;position: absolute;left: 50%;margin-left: -300px; top:20%;  z-index: 1;}
.sy-banner-pic div li .title * {filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0; }
.sy-banner-pic div li .title h2{ font-size:100px;line-height:90px;font-family:'Conv_KLAVIKA-REGULAR', Helvetica, Arial;margin-top:5%; }
.sy-banner-pic div li .title h3{ font-size:36px;margin-top:10%; }
.sy-banner-pic div li .title h6{ font-size:10px;background: #eb2530 url("../images/ly.svg") 1% center no-repeat; background-size:20%;width: 130px;padding: 10px 0;border-radius:100px; margin: 20px auto;text-align: center; text-indent:13px;}
.sy-banner-pic div li .title span {margin: 20px auto;}
.sy-banner-pic div li .title span img{display: inline-block;}
.sy-banner-pic div li .text { width: 600px;text-align: center; position: absolute;left: 50%; top:48%; margin-left: -300px; z-index: 1;filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0;}
.sy-banner-pic div li .text h4{ font-size:30px;font-family:'Conv_KLAVIKA-REGULAR', Helvetica, Arial;}
.sy-banner-pic div li .text h5{ font-size:19px;}
.sy-banner-pic div li .text i { width: 16px; height: 16px;border-radius:100%; border: #fff solid 2px;background:none; margin: 10px auto;}
.xy-banner-pic div li .pic {width: 100%; height: auto;}

.sy-banner-pic div li.center *{text-align: center; }
.sy-banner-pic div li.left  *{text-align: left; }
.sy-banner-pic div li.left .title  {left: 10%;margin-left:0px; top:40%; }
.sy-banner-pic div li.left .title  h6{margin: 20px 0;}
.sy-banner-pic div li.left .text { left:auto;right:10%;top:45%;margin-right:0px;margin-left:0px;text-align: right; }
.sy-banner-pic div li.left .text * {text-align: right;}
.sy-banner-pic div li.left .text i {margin: 10px 0; display: inline-block;}
.sy-banner-pic div li.right *{text-align: right; }
.sy-banner-pic div li.right .title  {left:auto; right:10%;margin-left:0px; top:40%; }
.sy-banner-pic div li.right .title h6{margin: 20px 0; float: right;clear: both;}
.sy-banner-pic div li.right .text * {text-align: left;}
.sy-banner-pic div li.right .text { left:10%; right:auto;top:45%; margin-left:0px;margin-right:0px;text-align: left; }
.sy-banner-pic div li.right .text i {margin: 10px 0; display: inline-block;}
.sy-banner-pic div li.none .title,.sy-banner-pic div li.none .text {display: none;}



.sy-banner-pic .swiper-slide-active li .title *{filter:alpha(Opacity=100);-moz-opacity:1.0;opacity: 1.0;}
.sy-banner-pic .swiper-slide-active li .title h2 {transition-delay: 0.4s;margin-top:0;}
.sy-banner-pic .swiper-slide-active li .title h3 {transition-delay: 0.6s;margin-top:0;}
.sy-banner-pic .swiper-slide-active li .title h6 {transition-delay: 1.0s;}
.sy-banner-pic .swiper-slide-active li .text {transition-delay: 1.5s;filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;}
.sy-banner-pic .swiper-slide-active li.right .text {transition-delay: 1.5s;filter:alpha(Opacity=100);-moz-opacity:1.0;opacity: 1.0;}

.sy-banner .swiper-button-prev,.sy-banner .swiper-button-next {width: 50px;height: 50px;}
.sy-banner .swiper-button-prev { background-image:url(../images/left-h.svg);background-size:100%;background-position: center;}
.sy-banner .swiper-button-next { background-image:url(../images/right-h.svg);background-size:100%;background-position: center;}
.sy-banner span.swiper-pagination-bullet {background: #fff;opacity: 0.5;}
.sy-banner span.swiper-pagination-bullet-active {opacity: 1.5;background: #fff;}
.sy-banner .swiper-button-disabled {display: none;}



.s_tt{ width:100%; max-width:1480px; margin:0 auto;text-align:center; margin-bottom:20px;padding-top:0px; }
.s_tt div{ font-size:36px; color:#333; font-weight:bold;}
.s_tt p{ font-size:15px; color:#a8a7a7; text-transform:uppercase; margin-top:0px; font-family:arial;}
@media screen and (max-width: 1000px) {
.s_tt{ padding-top:20px;}
.s_tt div{ font-size:28px;}
}


/*首页产品中心*/
.in_about{width: 100%; height: auto; overflow: hidden; background: #fff url(../images/a1b1.png) bottom center no-repeat; padding:70px 0; box-sizing: border-box;}
.in_about_left{width: 40%; float:left;}
.in_about_leftbt{overflow: hidden; margin-top:20px;}
.in_about_leftbt span{font-size: 48px; font-weight: 600; color: #105bad; float: left}
.in_about_leftbt p{font-size: 20px; color: #333;float: left; margin-top: 25px;}
.in_about_leftny{font-size: 16px; line-height: 30px; color: #555; margin-top:20px;}
.in_amore{margin:20px 0; overflow: hidden;}

.in_about_right{width: 50%; float: right; position:relative;}
.in_about_right_pic{overflow: hidden;  border-radius: 15px;}
.in_about_right_pic img{ position: relative; z-index: 2; width: 100%;vertical-align: middle;transition: all 0.5s; border-radius: 15px;}
.in_about_right_pic:hover img{transform: scale(1.1)!important;-webkit-transform: scale(1.1)!important;}
.in_about_rightbg{position: absolute; z-index: 1; background-color: rgba(255, 255, 255, 0.5); top: 20px; left: 20px; display: block; width: 100%; height: 100%; border-radius: 15px;}
.h80{height: 100px; overflow: hidden;}
.spnum{ padding-top:70px;}
.spnum li{ float:left; font-size:16px; color:#fff; border-right:1px solid #5389c4; width:20%; padding: 0 2%; box-sizing: border-box; text-align: center;}
.spnum li span{ display:block; font-size:16px; color:#fff; margin-bottom:0px;}
.spnum li b{ font-family:Arial, Helvetica, sans-serif; font-size:40px; color:#fff; padding-right:8px;}
.spnum li .aico{float: left}
.spnum li .aico img{max-width: 100%;}
.spnum li .last{border-right: 0px; display: none;}


/*==============首页产品=====================*/
.i_case{ overflow:hidden; padding:30px 0; box-sizing: border-box; background: url(../images/zhl_11.jpg) no-repeat center; background-size: cover;}
.i_case .i_case_con{overflow:hidden; width:100%; margin:0 auto;text-align:center;}
.i_case_t label{color:#fffefe; font-size:14px; text-transform:uppercase;line-height:26px; letter-spacing:4px;}


.i_case .i_case_con .i_cast_a{text-align:center;font-size:1.286em;margin-bottom:30px;}
.i_case .i_case_con .i_cast_a a{display:inline-block;position:relative;padding:0 25px;margin:0 5px;height:45px;line-height:45px;color:#fff;z-index:2;}
.i_case .i_case_con .i_cast_a a::after{content:"";position:absolute;left:0;top:0;background:#3f3f3f;width:100%;height:100%;z-index:-1;transform: skewX(-15deg);}
.i_case .i_case_con .i_cast_a .on{color:#fff;}
.i_case .i_case_con .i_cast_a .on::after{background:#0055b4;}



.i_case .i_case_con .i_case_ul_div{ display:none;}
.i_case .i_case_con ul{ overflow:hidden; zoom:1;}
.i_case .i_case_con ul li{ margin-right:3%; float:left; _display:inline; overflow:hidden; text-align:center;width: 22%;}
.i_case .i_case_con ul li .pic{ text-align:center; border: 1px solid #e0e0e0}
.i_case .i_case_con ul li .pic img{ width:100%; height:auto; display:block;}
.i_case .i_case_con ul li .pic{ overflow:hidden;}
.i_case .i_case_con ul li a:hover .pic img{ -o-transform: scale(1.1);-ms-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}

.i_case .i_case_con ul li .title{ line-height:24px;  }
.pictitle { display:block;overflow:hidden;cursor: pointer;transition: 0.3s;}
.pictitle p {font-size:14px;color:#333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height:30px;padding:8px 0;}
.i_case .i_case_con ul li :hover .pictitle p{ color:#01458e;}
.trans { -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}



.xsy_m3{padding: 90px 0 85px;}
.xsy_m3 .syjjfa_img{margin-top: 30px;overflow: hidden;}
.xsy_m3 .syjjfa_img ul{width: 10000%;position: relative;-webkit-transition:0.5s;transition:0.5s;left: 0;}
.xsy_m3 .syjjfa_img ul li{float: left;width: 1%;position: relative;}
.xsy_m3 .syjjfa_img ul li .xsy_m3_img{overflow: hidden;}
.xsy_m3 .syjjfa_img ul li .xsy_m3_img img{display: block;width: 100%;}
.xsy_m3 .syjjfa_img ul li .xsy_m3_txt{position: absolute;left: 50%;bottom: 0;-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);background: rgba(0, 0, 0, 0.6);padding: 30px 230px 30px 50px; box-sizing: border-box;}
.xsy_m3 .syjjfa_img ul li .xsy_m3_txt .h1{font-size:20px;line-height: 30px;color: #fff;}
.xsy_m3 .syjjfa_img ul li .xsy_m3_txt .h2{font-size:16px;line-height: 24px;color: #fff;padding-top: 10px;}
.xsy_m3 .syjjfa_img ul li .xsy_m3_txt .h3{position: absolute;right: 50px;top: 50%;width: 130px;line-height: 38px;border: 1px solid #fff;text-align: center;color: #fff;margin-top: -20px;font-size: 16px;}
.xsy_m3 .syjjfa_img ul li .xsy_m3_txt .h3:hover{border: 1px solid #0055b4;background: #0055b4;}
.xsy_m3 .syjjfa_fl{}
.xsy_m3 .syjjfa_fl ul li{float: left;width:25%;background: #707070;border: 1px solid #fff;border-width: 0 1px 1px 0;padding: 25px 0 20px;cursor: pointer; box-sizing: border-box;}
.xsy_m3 .syjjfa_fl ul li.on{background: #0055b4;}
.xsy_m3 .syjjfa_fl ul li:nth-child(6n){border-width: 0 0 1px 0;}
.xsy_m3 .syjjfa_fl ul li .h1{}
.xsy_m3 .syjjfa_fl ul li .h1 img{display: block;margin: auto;}
.xsy_m3 .syjjfa_fl ul li .h2{font-size: 16px;line-height: 30px;text-align: center;color: #fff;padding-top: 10px;}


.index-hzhb-bj{background:#f2f2f2;overflow:hidden; padding: 50px 0; box-sizing: border-box;}
.index-hzhb-title{font-size:30px;line-height:35px;color:#fff;text-align:center;font-weight:bold;}
.hs-title{color:#f28004;font-size:36px;line-height:36px;}
.index-hzhb-title-ms{font-size:18px;color:#fff;padding-top:5px;font-weight:normal;}

#demo{width:100%; overflow:hidden; margin:0 auto;}
.index-hzlb-pic{padding-top:15px;}
.index-hzlb-pic li{margin-right:10px;width:187px;}
.index-hzlb-pic li img{width: 100%}


.sy_jjfa_bg{padding-top: 60px}
.sy_jjfa{}
.sy_jjfa_lb{margin: 50px auto 0; overflow: hidden;}
.sy_jjfa_lb ul li{float: left;width:31%;margin: 0 2% 0 0;text-align:center;border: 1px solid #eee; padding:60px 20px 30px;border-radius: 5px;-webkit-transition:0.5s;transition:0.5s; box-sizing: border-box;}
.sy_jjfa_lb ul li:hover{background:#0055b4;border: 1px solid #0055b4;}
.sy_jjfa_lb ul li:nth-child(3n){margin-right: 0;}
.sy_jjfa_lb ul li .h1{font-size: 48px;line-height: 48px;color: #333;-webkit-transition:0.5s;transition:0.5s;}
.sy_jjfa_lb ul li .h2{font-size: 20px;line-height: 20px;color: #333;margin-top: 20px;-webkit-transition:0.5s;transition:0.5s;}
.sy_jjfa_lb ul li .h2:after{content: "";display: block;width: 30px;height: 2px;background: #333;margin:20px auto 0;-webkit-transition:0.5s;transition:0.5s;}
.sy_jjfa_lb ul li .h3{font-size: 14px;line-height: 24px;color: #666;margin-top: 25px;height:70px;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;-webkit-transition:0.5s;transition:0.5s;}
.sy_jjfa_lb ul li .h4{background: url('../images/faj.png') center no-repeat;height: 15px;margin-top:40px;-webkit-transition:0.5s;transition:0.5s;}
.sy_jjfa_lb ul li:hover .h1{color: #fff;}
.sy_jjfa_lb ul li:hover .h2{color: #fff;}
.sy_jjfa_lb ul li:hover .h2:after{background: #fff;}
.sy_jjfa_lb ul li:hover .h3{color: #fff;}
.sy_jjfa_lb ul li:hover .h4{background: url('../images/faj2.png') center no-repeat;}



.feature{background:#f2f2f2 ;overflow:hidden;padding:50px 0;}
.con{width: 100%; margin-top: 30px}
.con .list{width: 50%; float: left; background:#FFF; margin-bottom:20px;}
.con .list .pic_er{ float:left; width:35%;}
.con .list .pic_er img{ width: 100%}
.con .list dl{ float:right; width:60%; margin-right:3%; margin-top:8px;}
.con .list dt{ line-height:30px; font-size:15px; font-weight: bold; padding-bottom: 6px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.con .list dt a{ color: #0055b4; font-weight: 600}
.con .list dd.txt{ line-height:22px; height:auto; font-size: 12px; overflow:hidden;}
.con .list dd.more{ margin-top:10px;font-size: 12px; color: #999;}


.product {padding-bottom: 0px;}
.product .pro_type {margin: 35px 0; text-align: center;}
.product .pro_type li {display: inline-block;zoom: 1;vertical-align: middle;position: relative;width: 12%;line-height: 50px;font-size: 15px; margin-right: 5px; text-align: center; border: 1px solid #dee2e6; margin-bottom: -1px; border-radius: 8px; background: #fff}
.product .pro_type li a {text-decoration: none;}
.product .pro_type li i {display: none;width: 13px;height: 7px;position: absolute;left: 50%;margin-left: -7px;top: 40px;background: url(../images/xla.png) no-repeat center;}
.product .pro_type li.cur, .product .pro_type li.cur a {background: #0055b4; color: #fff;}
.product .pro_type li.cur i {display: block;}

.product .conbox {}
.product .conbox ul {display: none;}
.product .conbox ul.cur {display: block; margin-right: -1%;}
.product .conbox ul li {float: left;width: 23.8%;border: 1px solid #d9d9d9;margin-right: 1%;transition: all 0.5s; margin-bottom: 25px;}
.product .conbox ul li:first-child {/* margin-left: 0; */}
.product .conbox ul li i {display: block;height: auto;/*background: url(Img/Index/probg1.png) no-repeat center;*/text-align: center;overflow:hidden;}
.product .conbox ul li i em {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;height: 100%;width: 0;}
.product .conbox ul li i img {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;transition: all 0.5s;overflow: hidden;width: 100%;height: auto;}
.product .conbox ul li p {line-height: 56px;font-size: 16px;color: #555;text-align: center;background: #fff;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;padding: 0 5px;margin-bottom: 0;text-decoration: none;;}
.product .conbox ul li a{text-decoration: none;}
.product .conbox ul li:hover {box-shadow: 10px 10px 20px #999;border-color: #00a2e9;}
.product .conbox ul li:hover p {background: #00a2e9; color: #fff;}
.product .conbox ul li:hover i img {transform: scale(1.05);}



.yuoqing{height: auto; overflow: hidden;}
.yuoqing .yuoqing01{height: auto;}
.yuoqing .yuoqing01 p{color: #333; font-size: 18px; line-height: 68px;display: block;width: 200px;float: left;}
.yuoqing .yuoqing01 p span{font-size: 15px;}
.yuoqing .yuoqing01 p .hg{padding: 0 8px 0 12px;}
.yuoqing .yuoqing02{width: 990px;float: left;padding: 19px 0;}
.yuoqing .yuoqing02 a{line-height: 30px;font-size: 14px;color: #999;padding: 0 5px;}





/* footer */
.footer{padding-top:40px;padding-bottom:40px;background: #222; overflow: hidden;}
.foot-nav_right{width:45%; float: left; margin-left: 8%}
.foot-nav_right dl{float: left;height: auto;width:31.333%; padding-right: 2%;}
.foot-nav_right dl dt{text-align: left;color: #fff;font-size: 16px;text-transform: uppercase;margin-bottom: 15px;}
.foot-nav_right dl dd{text-align: left;line-height: 2;color: #eee;}
.foot-nav_right dl dd a{color: #eee; font-size: 14px; line-height: 30px;}
.foot-nav_right dl dd i{display: inline-block;vertical-align: top;margin-right: 5px;}
.foot-nav_right dl dd a:hover{color: #2274cd;}
.foot-nav{position: relative;text-align: right;}
.foot-nav dl{float: left;height: auto;width:16%; padding-right: 0%;}
.foot-nav dl dt{text-align: left;color: #fff;font-size: 16px;text-transform: uppercase;margin-bottom: 15px;}
.foot-nav dl dd{text-align: left;line-height: 2;color: #eee;}
.foot-nav dl dd a{color: #eee;}
.foot-nav dl dd i{display: inline-block;vertical-align: top;margin-right: 5px;}
.foot-nav dl dd a:hover{color: #2274cd;}
.foot-logo{overflow: hidden;}
.foot-logo img{display: block;max-width: 72px;float: left;}
.foot-logo .fbt{font-weight: bold;font-size: 20px;text-align: left;margin-top: 4px; color: #fff}
.foot-ewm{margin-top: 20px;}
.foot-ewm img{max-width: 100%;height: auto;display: block;float: left;margin-left: 0px;}
.foot-ewm-xia{overflow: hidden;margin-top: 10px;text-align:center;padding-right:35px;}
.foot-ewm-xia .btn-primary{background: #155d47;min-width: 220px;text-align: center;border-radius: 0;display:inline-block;*display:inline;*zoom:1;margin-left:-15px; color: #fff}
.full-copyright{background-color: #2b2b2b; color: #fff;font-size: 14px;line-height: 50px;text-align: center;}
.copyright{color: #fff;font-size: 14px;line-height: 50px;text-align: center;}

.foot_lx{font-size:14px; color:#eee; line-height:24px; margin-left:0px; width: 30%; float: right;}
.foot_lx_bt{ font-size:18px; line-height:24px; color:#fff;}
.foot_lx_m{ margin-top:18px; background:url(../images/foot_lx_m.png) left center no-repeat; padding-left:30px;}
.foot_lx_tel{ margin-top:8px; background:url(../images/foot_lx_tel.png) left center no-repeat; padding-left:30px;}
.foot_lx_dz{ margin-top:8px; background:url(../images/foot_lx_dz.png) left center no-repeat; padding-left:30px;}
.foot_lx_yx{ margin-top:8px; background:url(../images/foot_lx_yx.png) left center no-repeat; padding-left:30px;}
.foot_lx_yb{ margin-top:8px; background:url(../images/foot_lx_yb.png) left center no-repeat; padding-left:30px;}
.foot_lx_s{ margin-top:8px; background:url(../images/foot_lx_s.png) left center no-repeat; padding-left:30px;}



/*首页新闻*/
.index-news{position: relative; padding-bottom:50px; padding-top:50px; background:#f5f5f5; }
.index-news-nr{margin-top:0px;}
.index-news-nr-left{width:32%;margin-right:2%;}
.index-news-nr-left:nth-child(3n){margin-right:0;}
.index-news-nr-left-title{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top:15px; }
.index-news-nr-left-title a{font-size:20px; color:#333;}
.index-news-nr-left-title a:hover{color:#008FD5;}
.index-news-nr-left-rq{ color: #666;font-size:16px;}
.index-news-nr-left-content{ margin:10px 0;font-size:14px; line-height:22px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #666; }
.index-news-nr-hz{background:#fff;padding:5%;}
.index-news-more-hz{border-top:1px solid #eee;padding-top:20px;overflow:hidden; font-size:14px;}
.index-news-more-hz a:hover{color:#008FD5;}
.index-news-nr-left-pic{ display:block; overflow:hidden; }

.index-news-nr-left-pic img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }

.index-news-nr-left-pic img{transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;width:100%;}

@media screen and (max-width: 980px){
.index-news{ padding-bottom:20px;}	
.index-news-nr-left{width:100%;margin-right:0; margin-bottom:20px;}	
.index-news-nr-left-title a{font-size:18px; }
}


.listBanner{ width:100%; height:auto; overflow: hidden;}
.listBanner img{width:100%;}
.nymenu {width:100%; height: auto; margin:30px 0; overflow: hidden;}
.nymenubox{border-bottom: 1px solid #eee; padding-bottom:10px; overflow: hidden;}
.nymenubox_left{width: 50%; float: left;}
.tit{font-size:30px; color: #333; font-weight: 600}
.line{width:35px; height:3px; background-color:#0055b4; display:inline-block; margin-top:0.5%;}
.bread_box{font-size:14px;color:#333; line-height: 40px;}
.bread_box span.bread_title{display:inline-block;position:relative;padding-left:35px; background: url(../images/sy.png) left center no-repeat;}
.bread_box a{color:#444;display:inline-block;margin:0 5px;}
.bread_box a:hover{color:#0055b4;}
.bread_box b{color: #0055b4}

.listMenu{font-size:14px;text-align:center;margin-top:40px;overflow:hidden; float: right;}
.listMenu a{display:inline-block;color:#191919;line-height:40px;margin:0 5px;padding:0 20px;position:relative; border: 1px solid rgba(162, 162, 162, 0.26);}
.listMenu a::before,.listMenu a::after{background:#0055b4;transition:all .5s;}
.listMenu a::after{top:auto;bottom:0;left:auto;right:0;}
.listMenu .cur,.listMenu a:hover{color:#fff;background:#0055b4;}
.listMenu .cur::after,.listMenu .cur::before,.listMenu a:hover::after,.listMenu a:hover::before{width:100%;}

.aboutBox1{width: 100%; height: auto; overflow: hidden; padding-bottom: 50px; box-sizing: border-box;}
.aboutBox_l{width:42%;height:440px;}
.hTitle{font-size:1rem;margin-bottom:40px;position: relative; color: #565656;}
.hTitle span{display: block;font-size:32px;color:#191919; font-weight: 600}
.aboutBox_l .hTitle{position:relative;padding-bottom:15px;margin-bottom:25px;}
.aboutBox_l .hTitle::after{content:"";position:absolute;left:0;bottom:0;width:30px;height:1px;background:#0055b4;}
.aboutBox_l .txt{height:160px;margin-bottom:10px;line-height:1.6;}
.aboutBox1 .font{overflow-y:auto;height:200px;margin-bottom:30px; color: #565656; font-size: 15px; line-height: 28px;}
.aboutBox_r{height:440px;display:block;width:50%;border-radius:10px 10px 0 0;overflow:hidden;}
.aboutBox_r .bgImg{animation:scale 30s infinite;}
.aboutBox_num{display: -webkit-flex;display:flex;-webkit-justify-content: space-between;justify-content: space-between;flex-flow: row wrap-reverse;}
.aboutBox_num li{float:left;color:#191919; font-size: 14px;}
.aboutBox_num li span{color:#0055b4;font-size:26px;position:relative;font-family:Arial;font-weight:bold;line-height:1.2;}
.bgImg{background-position:center;background-size:cover;position:relative;transition:all 0.5s;display:block;width:100%;height:100%;}

.listTie{text-align:center;color:#191919;margin-bottom:40px;padding-bottom:10px;position:relative;font-size:2.2rem;font-weight:bold;}
.listTie::after{content:"";position: absolute;left:50%;width:30px;margin-left:-15px;height:2px;background:#2d2f89;bottom:0;}
.culture{background:#ececec; width: 100%; height: auto; overflow: hidden; padding: 50px 0; box-sizing: border-box;}
.culture ul{margin-right:-1%}
.culture li{float:left;background:#fff;padding:25px;width:31.3%;margin:0 1%; box-sizing: border-box;}
.culture li .pImg{padding-top:40%;}
.pImg{position:relative;padding-top:100%;display:block;overflow:hidden;}
.pImg img{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.5s;}
.culture li .wz{font-size:20px;color:#222;margin-bottom:15px;padding-bottom:10px;font-weight:normal;margin-top:15px;position:relative;}
.culture li .wz span{display:block;font-size:12px;font-family:Arial;color:#999;}
.culture li:hover img{transform: scale(1.1);}
.culture li .wz span:after{content:"";position:absolute;width:14px;height:1px;background:#0055b4;bottom:0;left:0;transition:all .3s;}
.culture li p{font-size: 14px;}

.inhonor2bg{padding: 50px 0; overflow: hidden;}
.ny_gy_zs{margin-top: 20px;}
.ny_al_bg{padding:0px 70px; position:relative; box-sizing: border-box;}
.ny_al{overflow:hidden;}
.ny_al ul{ width:10000%; position:relative;}
.ny_al ul li{ float:left; width:0.235%; margin-right:0.02%;box-sizing:border-box; text-align: center; box-sizing: border-box; display:table; }
.ny_al ul li:hover{ }
.ny_al ul li a{display:table-cell; vertical-align:middle;}
.ny_al ul li img{ display:block; box-sizing:border-box; width:100%;}
.ny_al ul li .wz{ text-align:center; font-size:15px; line-height:40px; color:#333;}
.ny_al ul li:hover .wz{color:#0055b4;}

.ny_al ul li .wz2{ text-align:center; font-size:15px; line-height:40px; color:#fff}
.ny_al ul li:hover .wz2{color:#fff}

.ny_alz,.ny_aly{ position:absolute; top:50%; margin-top:-25px;width:50px; height:50px; transition:0.3s; cursor:pointer;}
.ny_alz{ left:0; background:url(../images/swiper1-l.png) center no-repeat;}
.ny_aly{ right:0; background:url(../images/swiper1-r.png) center no-repeat;}

.derp{text-align: center;padding-bottom: 50px; overflow: hidden; box-sizing: border-box;}
.derp .title{color: #FFF;}
.derp .title .bt{font-size: 48px;}
.derp .title p{padding-top: 20px;font-size: 16px;}
.derp ul{margin-top: 0px;margin-right: -2%;}
.derp li{float: left;background: #FFF;margin-right:2%; width: 31.33%}
.derp li .pic{position: relative;}
.derp li .pic img{width: 100%}
.derp li i{position: absolute;left: 50%;top: 50%;width: 80px;height: 80px;background: url(../images/pic8.png) no-repeat left top;margin:-40px 0 0 -40px;}
.derp li:hover i{background: url(../images/pic8.png) no-repeat left bottom;}
.derp li .zz{line-height:40px;font-size: 14px;}



/*新闻详情*/
.xqny{width:100%; height: auto; overflow: hidden; padding-bottom: 50px; }
.xinwenxiangqing{width:100%; height: auto; overflow: hidden;}
.xinwenxiangqing .nd_head{text-align: center;margin-top:10px;padding-bottom: 30px;border-bottom: 1px dashed #d6d6d6;}
.xinwenxiangqing .nd_head p{color: #0055b4;font-size: 28px;margin-bottom: 18px;height: auto;}
.xinwenxiangqing .nd_head span{color: #666;font-size: 14px;margin: 0 15px;}
.xinwenxiangqing .nd_text {text-align: left;font-size:14px;line-height:30px;  padding: 15px 0;}
.xinwenxiangqing .nd_text .big{font-size: 16px; line-height: 35px; font-weight: 600; color:#0055b4 }
.xinwenxiangqing .nd_text img{ max-width: 100%; display: block; margin: 10px auto;}
.xinwenxiangqing .nd_text .baimg{width: 40%; float: right; margin-left: 30px;}
.xinwenxiangqing .nd_text .baimg img{width: 100%; clear: both; display: block; margin: auto}
.detail_fenx a{font-size:14px;padding:12px 0;overflow:hidden;margin-top:20px;border-top:1px dotted #adadad; color:#333;}
.new_s2{width:100%;float:left; margin-top:50px;}
.hot_pro2{width:100%;float:left; margin-top:50px;}
.hot_pro2_tit{width:100%; height:45px; background:#f1f1f1; color:#0055b4; line-height:45px; font-size:16px; padding:0 20px; font-weight:bold; border:1px solid #d6d6d6; box-sizing: border-box;}
.news_random2{width:100%;float:left; background:#fff; border:1px solid #d6d6d6; padding:20px; border-top:none; box-sizing: border-box;}
.news_random2 ul li{width:48%; float:left; font-size:14px; line-height:36px; overflow:hidden; margin-right:4%; border-bottom:1px dashed #e6e6e6;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.news_random2 ul li:nth-child(2n){margin-right:0;}
.news_random2 ul li a{background:url(../images/ly_li.png) no-repeat left center; padding-left:15px; color: #333}
.news_random2 ul li a:hover{color:#0055b4;}
.news_random2 ul li span{float:right; color:#999; line-height: 37px;}

.news_con_b{border-top: 1px solid #EEE;margin-top: 50px;padding-top: 50px;}
.news_con_b ul{line-height: 30px;float: left;}
.news_con_b li {font-size: 14px; color: #555;}
.news_con_b li a{font-size: 14px; color: #555;}
.news_con_b li a:hover{font-size: 14px; color: #0055b4;}
.news_con_b .fhlb{float: right;width: 140px;height: 40px;line-height: 40px;background: #0055b4;text-align: center;}
.news_con_b .fhlb a{display: block;color: #FFF; font-size: 14px;}
.news_con_b .fhlb a:hover{display: block;color: #FFF;text-decoration: none;}

.view-page{width:100%; float:left; position:relative; margin:40px 0; border-top:1px solid #d6d6d6; padding-top:40px;}
.view-page .prev,.view-page .back,.view-page .next{font-size:14px; width:160px; height:40px; line-height:40px; position: absolute;transition:background-color .25s ease-in-out;-moz-transition:background-color .25s ease-in-out;-webkit-transition:background-color .25s ease-in-out; }
.view-page .prev{left:0;}
.view-page .prev a{background:#fff url(../images/le.png) 20px center no-repeat; padding-left:60px; border:1px solid #e6e6e6; color: #555; line-height: 38px;}
.view-page .prev:hover a{color:#fff; background:url(../images/le-white.png) 20px center no-repeat #0055b4;}
.view-page a{display:block;} 
.view-page .back{left:50%; margin-left:-80px; width:160px;}
.view-page .back a{background:url(../images/back.png) 20px center no-repeat #0055b4;color: #fff; text-align:center; padding-left:25px; line-height: 40px;}
.view-page .back a:hover{background:url(../images/back.png) 20px center no-repeat #0055b4; color:#000;}
.view-page .next{right:0;}
.view-page .next a{background:#fff url(../images/ri.png) 90% center no-repeat;text-align:center; border:1px solid #e6e6e6; line-height: 38px; color: #555}
.view-page .next:hover a{color:#fff; background:url(../images/ri-white.png) 90% center no-repeat #0055b4;}

.nypro{width:100%; height: auto; overflow: hidden; padding-bottom: 50px; }
/* 产品列表 */
.newsleft{width:20%; height:auto; float:left;}
.blk-xs{width:100%;}
.fdh-01-tit {background: #0055b4;height: auto;}
.fdh-01-tit .nbt{font-size: 24px;font-weight: normal;line-height: 75px;color: #fff;border-bottom: 1px solid #fff;text-align: center;}
.fdh-01-tit .nbt span{font-size: 14px;text-transform: uppercase;}

.fdh-01-nav-one .nbt2{line-height: 50px;margin-bottom: 2px;overflow: hidden;background:#ececec;}
.fdh-01-nav-one .nbt2 a{display:inline-block;font-size: 16px;font-weight: normal;color: #666666;overflow: hidden;vertical-align: middle;width:calc(100% - 50px);box-sizing: border-box;padding-left:20px;}
.fdh-01-nav-one .nbt2 i{display:inline-block; vertical-align: middle;width:50px;height:50px;background: url(../images/p14-icon5.png) center center no-repeat;}
.fdh-01-nav-one .nbt2 i.xu{background: url(../images/p14-icon2.png) center center no-repeat;}
.fdh-01-nav-one dl{display:none;}

.fdh-01-nav-one .nbt2.sidenavcur, .fdh-01-nav-one .nbt2:hover{background: #0055b4}
.fdh-01-nav-one .nbt2.sidenavcur a, .fdh-01-nav-one .nbt2:hover a{color: #fff;}
.fdh-01-nav dl{padding: 2px 0 4px;}
.fdh-01-nav dt{height: 50px;font-size: 16px;line-height: 50px;padding-left: 54px;padding-right: 40px;margin-bottom: 1px;background: #ececec;position: relative;overflow: hidden;}
.fdh-01-nav dt:after{content: "";width: 8px;height: 8px;border: 2px solid #b8b8b8;border-style: solid solid none none;position: absolute;top: 50%;right: 32px;margin-top: -4px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.fdh-01-nav dt.sidenavcur:after, .fdh-01-nav dt:hover:after{border-color: #0055b4;}
.fdh-01-nav dt.sidenavcur a, .fdh-01-nav dt:hover a{color: #0055b4;}
.fdh-01-nav dd{border: 1px solid #ececec;border-bottom: 0;}
.fdh-01-nav p{height: 50px;font-size: 14px;line-height: 50px;padding-left: 72px;padding-right: 40px;border-bottom: 1px solid #ececec;background: #fff;position: relative;overflow: hidden;}
.fdh-01-nav p.sidenavcur a, .fdh-01-nav p:hover a{color: #0055b4;}
.fdh-01-nav p.sidenavcur:after, .fdh-01-nav p:hover:after{background: #0055b4;}
.fdh-01-nav a{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size: 14px}

.cbgg-01{background: #0055b4;color: #fff;}
.cbgg-01-img img{width: 100%;display: block;}

.tels{background: #0055b4;box-sizing: border-box; overflow: hidden;}
.tels_left{margin: 0 22px; padding: 22px; box-sizing: border-box;}
.tels_left{font-size:18px;color: #fff;background: url(../images/pro_tel.png) no-repeat left center;padding-left: 60px; font-weight: 600}
.tels_left span{display: block;margin-bottom: 5px;font-size: 14px;color:#fff; font-weight: normal;}


.newsright{ width:76%; height:auto; float:right}
.toptit { font-size: 22px;color:#343434; line-height: 52px; background: #f4f4f4; padding-left:16px; margin-bottom:20px; border-left:3px solid #0055b4;}
.products{width:100%; padding:0; overflow: hidden;}
.products ul{margin-left: -2%;}
.products li{width:23%;float: left;margin-left:2%;margin-bottom:32px;transition: .3s all;}
.products li .pic{overflow: hidden; border:1px solid #e0e0e0;}
.products li .pic img{max-width: 100%;}
.products li p{color:#444;font-size:14px; text-align: center; padding:14px;background: #e0e0e0; box-sizing: border-box;}
.products li:hover p{background:#0055b4; color: #fff;transition: .3s all;}

/*  产品详情 */

.pro_right{width: 100%; height: auto; overflow: hidden;}
.productss{width:100%; float:left;}
.promore_l{width:45%;float:left;}

/*å›¾ç‰‡æ”¾å¤§é•œæ ·å¼*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width:100%; border:1px solid #d6d6d6;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}


/*å›¾ç‰‡å°å›¾é¢„è§ˆåˆ—è¡¨*/
.spec-preview{width:100%; height:100%;}
.spec-scroll{clear:both;margin-top:10px;width:100%; float:left;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block; width:32px; height:32px; cursor:pointer; margin-top:5px;}
.spec-scroll .items{overflow:hidden;}
.spec-scroll .items ul{margin-right:-3%}
.spec-scroll .items ul li{float:left;width:13.5%; margin-right:3%;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #e8e7e7; padding:2px;width:100%;}
.spec-scroll .items ul li img:hover{border:2px solid #0055b4; padding:1px;}

.pros_right{width:50%; float:right; overflow:hidden;}
.pros_right_top{overflow:hidden; border-bottom:1px dashed #e6e6e6;}
.pros_right_top .pbt{overflow:hidden; display:inline-block; font-size:24px; color:#0055b4; padding-bottom:10px;}
.proleft{width:100%;font-size:14px; line-height:30px; margin-top:20px;}
.proleft p{font-size:14px; line-height:25px; }


.pc-cx-tel-1{width: 100%;height: auto;border-top: 2px solid #e6e6e6;padding-top: 20px; overflow:hidden; margin-top:40px;}
.pc-cx-tel-1-t1{width: 28%;height: auto;background: #0055b4;font-size: 18px;line-height: 44px;text-align: center;float: right; margin-top: 15px;}
.pc-cx-tel-1-t1 a{display: block;color: #fff;}
.pc-cx-tel-1-t2{height: auto;padding-left: 70px;background: url(../images/head-c-r1.png) no-repeat 0px center;font-size:28px;color: #454545; float:left; line-height:36px;}
.pc-cx-tel-1-t2 p{line-height:30px; font-size:16px;}


.proleft_btn{width:100%; float:left; margin-top:30px;}
.proleft_btn li{width:150px; float:left; margin-right:10px;}
.proleft_btn li a{width:150px; height:40px; float:left; line-height:40px; text-align:center; font-size:16px; background:#eee; display:block; color: #0055b4}
.proleft_btn li span{float:left; padding-right:20px;}
.proleft_btn li a:hover,.proleft_btn li a.on{background:#0055b4; color:#fff;}

.tabs-basic{width:100%; margin-top:50px; float:left;}
/* The tabs */
.tabs-basic ul{list-style:none; text-align:left; margin:0; padding:0; border-bottom:1px solid #e6e6e6; background:#eee;}
.tabs-basic ul li{display:inline-block; margin-bottom:-1px; font-size:16px; text-transform:uppercase;}
.tabs-basic a{display:block; text-decoration:none; background:#eee; border:1px solid transparent; padding:10px 40px; color: #333}
.tabs-basic .tab-active{border-bottom:2px solid #0055b4; color:#fff; background:#0055b4;}
/* The content */
.tabs-basic .tabs-content-placeholder{overflow:hidden; margin:auto; background:#fff; padding:20px 0;}
.tabs-basic .tabs-content-placeholder .div{display:none;}
.www{font-family: "MS Serif", "New York", serif; color:#0055b4; font-size:18px;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active{display:block; line-height:30px; font-size:14px;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table{border:1px solid #d6d6d6; line-height:24px; text-align:center;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table tr{padding-left:20px;}
.tabs-basic .tabs-content-placeholder .div p{line-height:30px; text-align:left; margin-top:10px;}
.tabs-basic .tabs-content-placeholder .div img{max-width:100%; margin:auto; display: block; clear: both;}
.tabs-basic table{border-collapse:collapse; border: 1px #e6e6e6 solid !important; width:100% !important;line-height:30px!important;}
.tabs-basic table td{padding:8px!important; padding-left:12px !important; word-wrap:break-word; word-break:break-all; border:1px #e6e6e6 solid !important; line-height:30px!important;}
.tabs-basic table td div{padding:0px!important;height:auto!important;}

.hot_pro2{width:100%;float:left; margin-top:50px;}
.hot_pro2_tit{width:100%; height:45px; background:#f1f1f1; color:#128bce; line-height:45px; font-size:16px; padding:0 20px; font-weight:bold; border:1px solid #d6d6d6; box-sizing: border-box;}

.scrollleft2{width:100%; float:left; margin-top:20px; margin-bottom: 30px;}
.scrollleft2 li{width:200px; float:left; margin-right:20px; overflow:hidden;}
.scrollleft2 li img{width:99%; display:block; border:1px solid #e6e6e6;}
.scrollleft2 li img:hover{border:1px solid #0055b4;}
.scrollleft2 li a{color: #333}
.scrollleft2 li span{display:block; width:100%; line-height:30px; margin-top:10px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}


/*内页新闻中心*/
.news_r_text{width:100%; height: auto; padding-bottom:50px; box-sizing: border-box; overflow: hidden; }
.news_r_text ul li{width:100%;border-bottom:1px dashed #e6e6e6; padding-bottom:2%;margin-top:2%;overflow: hidden;}
.news_r_text ul li:nth-child(5n){border-bottom:none; padding-bottom:inherit;}
.news_r_text ul li .pic{width:20%; float:left; overflow:hidden; background:#e6e6e6; padding:3px;} 
.news_r_text ul li .pic img{width:100%; display:block; -webkit-transition:all .3s; transition:all .3s;}
.news_r_text ul li .pic img:hover{-webkit-transform: scale(1.1); transform: scale(1.1);}
.news_r_text ul li .texts{width:78%;float:right;}
.news_r_text ul li .texts .titnr{width:100%;float:left;font-size: 14px;}
.news_r_text ul li .texts .tit a{font-size:16px; font-weight:bold; color:#0055b4; float:left; overflow: hidden; text-overflow: ellipsis;white-space: nowrap!important;} 
.news_r_text ul li .texts .tit a:hover{color:#0055b4;}
.news_r_text ul li .texts .time{float:right; color:#333;}
.news_r_text ul li .texts .wz{width:100%;float:left; margin-top:1%; line-height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden; font-size: 14px; color: #555;}
.wz a{font-size: 14px; color: #555;}
.wz a:hover{font-size: 14px; color: #0055b4;}


.related-product {overflow:hidden;}
.related-product .title,.relatedTitle{background:#e7e7e7;height:45px;line-height:45px;}
.related-product .title span,.relatedTitle span{display:inline-block;color:#fff;background:#1568bf;width:120px;height:45px;text-align:center;font-size:16px;font-weight:bold;}

.relatedNews{margin-top:40px; overflow:hidden}
.relatedNews_font{font-size:13px;margin-top:15px;}
.relatedNews_font ul{margin-right:-3%}
.relatedNews_font ul li{float:left;margin-right:3%;width:47%;;line-height:40px;border-bottom:1px dotted #ddd;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.relatedNews_font ul li a{background:url(../images/ly_li.png) no-repeat left center;padding-left:10px; color: #666}
.relatedNews_font ul li a:hover{color: #0055b4}
.relatedNews_font ul li span{float:right;color:#999;margin-left:30px;}


.contact{width: 100%; height: auto; overflow: hidden; padding-bottom: 50px; box-sizing: border-box;}
.contact_lx{ float: left; width:47%;font-size: 16px; line-height: 35px;}
.contact_lx p:first-child{font-size: 19px; }

.list{}
.list li{ width:50%; float:left; }
.list li:last-child{ width:100%;}
.list li dd{ float:left; width:50%;}
.list li .zi{ font-size:24px; color:#0055b4; padding-bottom:30px;}
.list li .txt{ position:relative; line-height:30px; margin-bottom:20px;}
.list li .txt p{ font-size:16px; padding-left:40px;}
.list li .txt em{ position:absolute; left:0; top:0;}
.list li h3{ padding-bottom:20px; font-size:18px; color:#0055b4;}

.tactfrms{width:50%;float:right; }
.tactfrms .fbt{font-size: 25px;color:#333;font-weight: normal; margin-bottom: 20px}
.tactfrms ul{overflow: hidden; margin-right: -5%}
.tactfrms li{width:45%;float:left;;margin:0 5% 12px 0;position:relative;}
.tactfrms li input{width:98%;padding:15px;border:solid 1px #ddd;border-radius: 3px;box-sizing: border-box}
.tactfrms li.area{height:auto;width:100%;}
.tactfrms li textarea{padding:15px;width:94%;height:120px;border:solid 1px #ddd;border-radius: 3px; font-family: Arial, "sans-serif";box-sizing: border-box}
.tactfrms li:nth-child(2n){margin-right:0;}
.tactfrms .btn{text-align: center;margin-top:0;overflow: hidden;}
.tactfrms .btn input{height:40px;width:120px;font-size:16px;color:#fff;background:#0055b4;border-radius: 5px; border: none;}
.redxing{position:absolute;top:11px;left:57px;color:#0055b4;}

.contact_map{ width:100%;  padding-top: 30px;}
.contact_tu{width:43%;float:right;  margin-top: 25px;}
#map_container{height: 600px; margin: 25px 0;}



/* 诚聘精英 */
.about_join{width: 100%; height: auto; overflow: hidden; padding: 40px 0; box-sizing: border-box;}
.about_joinny{}
.cjwt-hz{ border-bottom: 1px dotted #eaeaea; padding: 10px 0 20px 0; margin-bottom:10px;overflow: hidden; cursor: pointer; }
.cjwt-pic{width:20px;float:left;padding-top:5px;margin-right:10px;}
.cjwt-title{margin: 0 0 5px 0px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cjwt-nr-title a{font-size:22px; font-weight: normal; color:#333}
.cjwt-nr-title a:hover{color:#0055b4;}
.cjwt-nr-ms{margin-top:10px;color:#666;}
.cjwt-hd{margin-top:10px;}
.cjwt-hz-tb{padding-top:3px;}
.cjwt-nr{ width: 80%; }
.cjwt-hz-bottom{padding:20px 0 10px 0;overflow:hidden; display:none;}
.cjwt-hz-bottom.active{ display:block;}
.cjwt-hz-bottom-pic{margin-top:8px;}
.cjwt-hz-bottom-wz{font-size:15px;}

.cjwt-hz-bottom-zw{height: 20px; line-height: 20px;  padding-left: 10px; border-left: 4px solid #0055b4; font-size: 18px;font-weight:bold;}
.cjwt-hz-bottom-fl li{border:1px dashed #F60;float:left;margin:0 0.5%;width:80px;text-align:center;color:#F60;}
.cjwt-hz-bottom-nt{ margin-top: 20px; font-size: 14px; line-height: 25px;}
.cjwt-fl{margin-top:30px;}

.wtinfogg-list{width: 100%;padding: 10px 0; overflow: hidden; margin-right: -1%;}
.wtinfogg-list a{display: block;width:100%;border-bottom: 1px solid #ededed;transition: all .4s ease;overflow: hidden;float: left; padding:10px !important; box-sizing: border-box;margin-bottom: 10px;}
.wtinfogg-list a i{display: block;width: 50px;height: 32px;float: left;background: url('../images/xxgg_ic.png') no-repeat center center /auto 32px;transition: all .3s ease;}
.wtinfogg-list a .wz{margin-left: 20px;float: left;line-height: 32px;font-size: 16px;font-weight: normal;color: #666;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.wtinfogg-list a p{line-height: 32px;font-size: 14px;color: #999;float: right; margin-top: 0 !important}
.wtinfogg-list a:hover{border-color: #1568bf;}
.wtinfogg-list a:hover i{background: url('../images/xxgg_icH.png') no-repeat center center /auto 32px;}


.ys{height: auto;background: url("../images/ys_db.jpg")no-repeat center;background-size: cover; box-sizing: border-box; overflow: hidden; padding: 50px 0;}
.ys .top{width: 1200px;height: 110px;margin: 0 auto 34px;text-align: center;}
.ys .top h1{color: #333;font-size: 32px;}
.ys .top h1 b{color: #0055b4;font-weight: bold;}
.ys .top .z{height: 30px;text-align: center;color: #666;font-size: 18px;}
.ys .nr{float: left;width: 1660px; margin-left: 12.7%;}
.ys .left{width: 615px;}
.ys .left li{width: 615px;height: 170px;background: #fbfbfa;padding-left: 21px;margin-bottom: 10px;}
.ys .left .ti{height: 70px;line-height: 74px;}
.ys .left .ti .icn{float: left;margin-right: 15px;height: 66px;}
.ys .left .ti .icn img{margin-top: 18px;}
.ys .left .ti .bt{float: left;}
.ys .left .ti .bt b{font-size: 24px;color: #333;font-weight: bold;}
.ys .left .ti .bt i{font-size: 14px;color: #666;text-transform: uppercase; font-style: normal!important;}
.ys .left .x{border-bottom: solid 1px #e7e7e6;width: 350px;height: 4px;margin-bottom: 13px;}
.ys .left p{margin-bottom: 10px;}
.ys .left li .icn .ho{display: none;}
.ys .left li .icn .mr{display: block;}
.ys .left .on .icn .ho{display: block;}
.ys .left .on .icn .mr{display: none;}
.ys .left .on{background: #0055b4;}
.ys .left .on .ti .bt b{color: #fff;}
.ys .left .on .ti .bt i{color: #c0c0c0;}
.ys .left .on p{color: #fff;}