@charset "UTF-8";
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word}
body,html,input{font:15px/1.5 '微软雅黑';}
table{border-collapse:collapse;border-spacing:0;}img{border:none}
pre {white-space: pre-wrap; /* css-3 */white-space: -moz-pre-wrap; /* Mozilla, since 1999 */white-space: -pre-wrap; /* Opera 4-6 */white-space: -o-pre-wrap; /* Opera 7 */	word-wrap: break-word; /* Internet Explorer 5.5+ */}
h1,h2,h3,h4,h5,h6{font-size:100%;}input.dialog{height:0; height:0; font-size:0; line-height:0; border:none}
h1{font-size:34px;}h2{font-size:26px;}h3{font-size:18px; }h4{font-size:16px;}h5{font-size:14px;}h6{font-size:12px;}
input,label,img,th{vertical-align:rightdle;}.font-fixh{font-family: Georgia,Arial; color: #f00; font-size: 16px; font-weight: 700;}address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
input.button ,input.btn{padding:0.25em;width: auto;_width:0;overflow:visible !ie;}
ul,ol,li{list-style:none;}
.white,.white a{color:#fff}.blue,.blue a{color:#004499}.gray4,a.gray4{color:#999}
.red, .red a, a.red{color:red;}.green{color:#0E774A}
select optgroup{color:#CAC8BB;}
.head_main {margin: 0 auto;padding: 0 15px;}
@media (min-width: 768px) {.head_main{padding: 0 15px;}}
@media (min-width: 1660px) {.head_main{padding: 0 38px;}}
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
.gray{ background:#fafafa;}
.imgHover {overflow:hidden; }
.imgHover img{-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);}
.imgHover .title{-moz-transform: translateY(180%);-ms-transform: translateY(180%);-webkit-transform: translateY(180%);transform: translateY(180%);-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);opacity:1;}
.imgHover .m_detail{-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-moz-transform: translateY(10%);-ms-transform: translateY(10%);-webkit-transform: translateY(10%);transform: translateY(10%);filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);color: #fff;line-height: 1.5;width: 100%;opacity:0;}
.imgHover:hover .title,.imgHover:hover .m_detail{filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);-moz-transform: translateY(10%);-ms-transform: translateY(10%);-webkit-transform: translateY(10%);transform: translateY(10%);opacity:1;}
@media (max-width:426px) {
.imgHover .title{-moz-transform: translateY(280%);-ms-transform: translateY(280%);-webkit-transform: translateY(280%);transform: translateY(280%);}
.imgHover:hover .title,.imgHover:hover .m_detail{-moz-transform: translateY(0%);-ms-transform: translateY(0%);-webkit-transform: translateY(0%);transform: translateY(0%);}
}
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-50{padding-bottom: 50%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-618{padding-bottom: 61.8%;}
.rect-70{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}
.red, .red a, a.red{color:red;}

.page{color: #777777; text-align: center; clear:both; margin-top: 30px;}
.page a,.page span { color: #777777;display: inline-block;border: 1px solid #ededed;padding: 7px 12px;vertical-align: rightdle; margin-left:5px}
.page .gonext,.page .count {margin-left: 10px;}
.page a:hover,.page span{color:#fff; background: #0055a2;border: 1px solid #0055a2;padding: 7px 12px;}
.page span.goprev,.page span.gonext {color: #777777; background: none}
.page span.count { border: 0;background: 0;color: #777777;}
.page .fa{ font-size:22px;}
@media (max-width:426px) {
.page a,.page span { padding: 4px 8px; margin-left:2px}
.page a:hover,.page span{padding: 4px 8px;}
}
label {max-width: none;}
input.button,
input.btn {padding: 0.25em;width: auto;}
button {border: 0;border-radius: 0%;appearance: button;-moz-appearance: button;-webkit-appearance: button;}
input[type="button"],
input[type="submit"],
input[type="reset"],
input {-webkit-appearance: none;}
textarea {-webkit-appearance: none;}
textarea,
input {outline: none;}
.zoom-img {overflow: hidden;}
.zoom-img .img {overflow: hidden;}
.zoom-img img {transition: all .5s;}
.zoom-img:hover img {transform: scale(1.04);-ms-transform: scale(1.04);-webkit-transform: scale(1.04);-o-transform: scale(1.04);-moz-transform: scale(1.04);}
/*pc-头部*/
.header {height: 80px;position: fixed;width: 100%; background: #fff;top: 0;left: 0;z-index: 33;box-shadow: 1px 1px 10px rgba(0,0,0,.4);border-bottom: solid 1px rgba(255, 255, 255, 0.1);}
.header.black {background: #fff;box-shadow: 1px 1px 10px rgba(0,0,0,.4);}
.header.black .category-a{color: #777;}
.header-logo1{display: block;}
.header-logo{display: none;}
.header-logo1{display: block;}
.header-logo{display: none;}
.header .index-container {height: 100%;}
/*===============下拉==============*/
.header .logo {padding: 16px 0;float: left;}
.header .logo img {width: 283px;height: 50px;}
.navbar {float: left;margin-left: 130px;}
.navbar * {-webkit-box-sizing: border-box;box-sizing: border-box;}
.navbar .dropmenu a{    
padding: 0 20px;
display: block;
font-size: 16px;
line-height: 59px;
border-top: solid 1px #efefef;
text-align: center;
white-space: nowrap;
width: 100%;
height: auto;
background: 0 0;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;}
.category-item { float: left; padding: 0 10px;margin-right: 28px;}
.category-item-single {position: relative;}
.category-a {padding: 0 0;display: block;font-size: 18px;line-height:80px;color: #333;
-webkit-transition: all .6s;-o-transition: all .6s;transition: all .6s;position: relative;}
.category-item.active .category-a,
.category-item:hover .category-a{ color: #0055a2; }
.category-a::after {content: '';width: 0;height: 3px;background: #0055a2;position: absolute;bottom: 0;left: 50%;
-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);
-webkit-transition: all .8s;-o-transition: all .8s;transition: all .8s;}
.category-item.active .category-a::after,
.category-item:hover .category-a::after { width: 98%;}
.dropdown-menu.single {position: absolute;top: 100%;left: 50%;-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);transform: translate(-50%, 0);
z-index: 1100;background: rgba(255, 255, 255, 1);margin-top: 0;max-height: 0;opacity: 0;overflow: hidden;
-webkit-transition: max-height .5s;-o-transition: max-height .5s;transition: max-height .5s;
border: none;color: #303233;box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
height: auto;padding: 0;display: block;}
.dropdown-menu.single .category-pa{padding: 44px 30px;}
.dropdown-menu.single ul {padding: 0px 0;}
.dropdown-menu.single li {
display: block;min-width: 210px;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;
position: relative; text-align: left;}
.dropdown-menu.single .pro-menu{width: 360px;}
.dropdown-menu.single .cate-a li:last-child a,.dropdown-menu .pro-menu li:last-child .pro-item1{border-bottom: solid 1px #efefef;}
.dropdown-menu.single .cate-a li>a,.nav-bar li:nth-child(2) .dropdown-menu.single li div.pro-item1 {padding: 0 5px;display: block;font-size: 16px;color: #666;line-height: 59px;border-top: solid 1px #efefef;white-space: nowrap;width: 100%;height: auto;background: 0 0;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.dropdown-menu .ny-text{font-weight: bold;}
.dropdown-menu .ny-text span{  float:left;  position: relative;  }  
.pro-menu .pro-parent1 {padding: 0 5px;display: block;font-size: 16px;color: #666;line-height: 59px;white-space: nowrap;width: 100%;height: auto;background: 0 0;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.pro-menu .pro-item1 {position: relative;border-top: solid 1px #efefef;}
.pro-menu .pro-cate1 {display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}.pro-menu .pro-tig1 i {position: absolute;right: 0;top: 5%;transition: all .5s;font-size: 16px;color: #333;}
.pro-menu .pro-tig1 em {position: absolute;right: 0;top: 5%;transition: all .5s;font-size: 16px;color: #333;}.pro-menu .pro-pad {background: #fff; margin-bottom: 20px;}
.pro-menu .pro-pad a {display: block;font-size: 16px;color: #666;overflow: hidden;
white-space: nowrap;text-overflow: ellipsis;line-height: 40px;}
.pro-slide1 {display: none;}
.pro-parent1.open .pro-cate1,
.pro-cate1:hover {color: #0055a2;}
.pro-parent1.open .pro-tig1 i{color: #0055a2;transform: rotate(90deg);}
.pro-parent1.open .pro-tig1 em {color: #0055a2;transform: rotate(90deg);}
.cate-a li:hover a, .single .pro-pad a:hover{ color: #0055a2;}
.category-item:hover .dropdown-menu.single { max-height: 450px;opacity: 1;}
.pro-parent1.open .pro-slide1 {display: block;}
.dropdown-menu .ny-text span:nth-child(1){  animation:jump 1s linear 0.2s infinite;-webkit-animation:jump 1s linear 0.2s infinite;}  
.dropdown-menu .ny-text span:nth-child(2){  animation:jump 1s linear 0.2s alternate;-webkit-animation:jump 1s linear 0.2s alternate;}
.dropdown-menu .ny-text span:nth-child(3){  
animation:jump 1s linear 0.4s alternate;
-webkit-animation:jump 1s linear 0.4s alternate;
}
.dropdown-menu .ny-text span:nth-child(4){  
animation:jump 1s linear 0.6s alternate;
-webkit-animation:jump 1s linear 0.6s alternate;
}
.dropdown-menu .ny-text span:nth-child(5){
animation:jump 1s linear 0.8s alternate;  
-webkit-animation:jump 1s linear 0.8s alternate;
} 
.dropdown-menu .ny-text span:nth-child(6){
animation:jump 1s linear 1s alternate;  
-webkit-animation:jump 1s linear 1s alternate;
} 
@keyframes jump{
0%{  
top:0px;  
color:#333;  
}  
50%{  
top:-10px;  
color:#0055a2;   
}  
100%{  
top:0;  
color:#0055a2;  
}  
}
@-webkit-keyframes jump  {  
0%{  
top:0px;  
color:#333;  
}  
50%{  
top:-10px;  
color:#0055a2;   
}  
100%{  
top:0;  
color:#0055a2;  
}  
}
/* 下拉 */

.dropdown-menu.full-screen {
position: absolute; top: 100%; z-index: 1100;background-color: #fff;border-top: 1px solid #dae1e6;
-webkit-transition: none; -o-transition: none;transition: none;height: 300px;display: none;overflow: hidden;
width: 100%;min-width: 1200px;left: 0;margin-top: 0;-ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05); -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05);
-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05);box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05);
}
.column-two ul {display: none;}
.dropdown-container { height: 400px;}
.p-drop-le {width: 100%;height: 100%;float: left;background: #fff; -webkit-box-sizing: border-box;box-sizing: border-box;}
.p-drop-ri {height: 100%;float: left;}
.p-drop-Lwrap {padding-top: 20px;margin-left: 36px;height: 100%;}
.p-drop-Rwrap {float: left;}
.column-item {float: left;width: 260px;border-right: 1px solid #eee;height: 100%;}
.column-two {width: 180px;}
.nav-title {font-size: 18px;line-height: 50px;color: #444;display: block;padding-left: 24px;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;background: url(../images/arrow-next.png) no-repeat right 20px center;}
.nav-title:hover {color: #fff;background: #006fc1 url(../images/arrow-next2.png) no-repeat right 20px center;}
.nav-data {display: block;font-size: 16px;line-height: 36px;color: #666;padding-left: 24px;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;position: relative;background: transparent;}
.nav-data::after {content: '';width: 36px;height: 36px;position: absolute;right: 0;top: 0;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;opacity: 0;}.nav-data:hover {color: #0055a2;}
.nav-data:hover::after {opacity: 1;}
.nav-pic {height: 256px;width: 256px;overflow: hidden;}
.nav-pic img {
max-width: 100%; image-rendering: -moz-crisp-edges;
/* Firefox */
image-rendering: -o-crisp-edges;
/* Opera */
image-rendering: -webkit-optimize-contrast;
/* Webkit (non-standard naming) */
image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor;height: 100%;}
.p-nav-more {display: inline-block;font-size: 14px;line-height: 34px;padding: 0 27px;background: #006fc1;color: #fff;margin-top: 12px;}
.p-nav-more img { vertical-align: -2px;margin-left: 12px;display: inline-block;}
.nav-pic-tit {font-size: 16px;line-height: 52px;color: #666;}
.category-item:hover .dropdown-menu.full-screen {display: block;visibility: visible;}
/* ---------------------- */
.number {height: 26px;float: right;margin-top: 35px; margin-right: 20px; display: flex;}
.number-img {width: 24px;height: 24px;display: inline-block;margin-top: -5px; background: url(../images/call.png) no-repeat;background-size: 100%;}
.number-phone {display: inline-block;font-size: 20px;margin-left: 13px; color: #333;line-height: 15px;font-family: 'DIN-BOLD';}
.number-img.black {background: url(../images/call1.png) no-repeat; }
.number-phone.black {color: #006fc1;}
.header .language {height: 26px;float: right;margin-right: 20px;margin-top: 30px;display: flex;position: relative; }
.header .language-img {width: 24px;height: 54px;display: inline-block;background: url(../images/language.png) no-repeat;background-size: 100%; }
.header .language {font-size: 16px;margin-left: 3px; }
.header .language a{color: #666666; }
.header .language span{  width:120px; text-align:center; background: #fff; height: auto; overflow: hidden;position: absolute; left: -150%; top: 192%;  transition: 0.5s; height: 0}
.header .language span a{ display:block; line-height:32px; color: #666; border-bottom: 1px solid #cecece; }
.header .language span a:last-child{ border-bottom:0;}
.header .language span a:hover{ background: #0055a2; color:#fff;}
.header .language:hover span{height: auto;}
.header .language:hover .language-img {background: url(../images/language1.png) no-repeat;}

.sp_header{height:60px;overflow:hidden;background:#fff;position:fixed; display: none; -webkit-box-shadow: 3px 0 15px 0 rgba(0, 0, 0, .2);box-shadow: 3px 0 7px 0 rgba(0, 0, 0, .1);z-index:9999999;width:100%;}
.sp_logo{padding:5px 10px;float:left;height:50px}
.sp_logo img{margin:5px auto;max-height:100%; width: auto;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:20px; z-index: 999;}
.sp_nav span{display:block;background:#0055a2;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:999;background:#fff;width:100%;height:calc(100% - 124px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:60px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px);line-height:40px;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:35px;padding:0px 17px 0 17px;}
.sjj_nav ul li i { background: url(../images/arr_r.png) no-repeat center;}
.sjj_nav ul li .sjj_nav_i_se { background: url(../images/arr_r_h.png) no-repeat center;}
.sjj_nav ul li{border-top:1px #ddd solid;padding-left:20px;position:relative;line-height:45px;font-size:16px}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#333;width:80%}
.sjj_nav ul li ul li a{color:#666;display:block;text-align:left; line-height: 40px;font-size:15px}
.sjj_nav ul li i svg{width:35px;height:35px;fill:#555; font-weight: normal;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#0055a2}
.sjj_nav ul li ul li>ul{margin-left:10px}
@media (max-width:1200px){
.header{display: none; }
.sp_header{display: block; }
}
@media (max-width:368px){
.sp_logo img{margin:auto;max-height:45px;}
.sjj_nav ul li i svg{width:25px;height:25px; }
}
@media (max-width: 1800px) {
.navbar{margin-left: 82px;}
.category-item {padding: 0 18px;margin-right: 0;}
}
@media (max-width: 1659px) {
.header-app {display: none !important;}
.navbar {margin-left: 130px;}
.number-phone{font-size: 22px; margin-left: 15px;line-height: 10px;}
}
@media (max-width: 1480px) {
.navbar { margin-left: 62px;}
.category-item {padding: 0 10px;margin-right: 10px;}
}
@media (max-width: 1365px) {
.navbar {margin-left: 30px;}
.category-item {padding: 0 7px;margin-right: 8px;}
.number{margin-top: 37px;}
.number-phone {font-size: 18px;margin-left: 10px;line-height: 10px;}
}
@media (max-width: 1169px) {
.header{display: none !important;}
.header-app,.foot-app { display: block !important;}
.header-app .logo img {width: 180px;}
}
@media(max-width: 991px) {
.header-app .logo {float: left;padding: 16px 15px;}
.header-app .logo img {width: auto;height: 28px;}
}
@media (max-width: 767px) {
.header-app .logo {padding: 16px 10px;}
}
@media (max-width: 567px) {
.sp_logo{padding:10px 10px; }
}
.pageFooter { background: url(../images/footer_bg-1.jpg) no-repeat;background-size:100% 100%;/*background-image: linear-gradient(to right,#004ea2, #523a94); */ }
.pageFooter .foot_bottom{padding:24px 0;}
.widgets_foot_float_4 .left .form_box .select_wrap .tit{font-size:18px; color:#333333;}
.pageFooter .foot_top dl dd{color:#f7f7f7;}
.pageFooter .foot_top .foot_l .tit{font-size:24px; line-height:30px; margin-bottom:30px; color:#fff;}
.pageFooter .foot_top{ min-height: 380px;padding:80px 0; border-bottom:1px solid rgba(255,255,255,0.27);}
.pageFooter .foot_top .foot_l .f_logo{margin-bottom:14px;}
.pageFooter .foot_top .foot_l .tit{font-size:23px; line-height:23px; color:rgba(255,255,255,0.97); margin-bottom:56px;}
.pageFooter .foot_top dl{ float: left; width:25%; }
.pageFooter .foot_top dl dt{ font-size: 20px; line-height:1.5; font-weight:bold; color: #fff; margin-bottom:22px;}
.pageFooter .foot_top dl dd{ font-size: 16px; line-height:1.5; color: #c3c3c3; margin-bottom:6%; }
.pageFooter .foot_top dl dt a{color: #fff;}
.pageFooter .foot_top dl dd a{ color: #c3c3c3; }
.pageFooter .foot_top dl dd a:hover{color:#5699d6;}
.pageFooter .foot_top .dl5{ width: 24%; position: relative; }
.pageFooter .foot_top .dl5 dt{ font-size: 27px; margin-bottom: 7%; }
.pageFooter .foot_top .dl5 dd{ opacity: 1; margin-bottom: 5%; }
.pageFooter .foot_top .dl5 .message_ico{width:24px;height:24px;line-height:24px;text-align:center;border:1px solid #fff;border-radius:50%;margin-right:10px;}
.pageFooter .foot_top .dl5 .phone_number a{cursor:default;color:#fff;}
.pageFooter .share .img {width: 100px;}
.pageFooter .share .foot-share { width: 100%;margin-bottom: 30px;height: 38px; }
.pageFooter .share .foot-share .wechat { position: relative;}
.pageFooter .share .foot-share .wechat:hover .vx { display: block;}
.pageFooter .share .foot-share .wechat .vx::after { content: ''; position: absolute; left: 50%; margin-left: -6px; bottom: 13px; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: transparent transparent #fff transparent}
.pageFooter .share .foot-share .wechat .vx { position: absolute; top: 45px; width: 150px; height: 162px; text-align: center; box-shadow: 0 2px 10px #aaa; background-color: #fff; z-index: 999; left: -60px; display: none;}
.pageFooter .share .foot-share .wechat .vx h4 { font-weight: normal; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777;}
.pageFooter .share .foot-share .wechat .vx .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; font-size: 12px; color: #333;}
.pageFooter .share .foot-share .wechat .vx .vx-img img { width: 100px; height: 100px; margin: 5px auto; display: block;}
.pageFooter .share .foot-share  a { height: 38px; line-height: 38px;margin-right:8px; float: left;}
.pageFooter .share .foot-share .share-item .img{width: 38px; height: 38px;  border-radius: 100%; text-align: center; border: 1px solid #fafafa;   }
.pageFooter .share .foot-share .share-item .img img { width: 60%;line-height: 38px; margin-top: -5px;}
.pageFooter .foot_r .tit{margin-bottom:17px;}
.pageFooter .foot_r .item{margin-bottom:12px;}
.pageFooter .foot_r .item a{display:block; font-size:16px; line-height:22px; font-weight:normal; }
.pageFooter .foot_r .item a>div{display:inline-block;}
.pageFooter .foot_r .item .icon{width:18px; height:22px; margin-right:10px; float:left; opacity:1;}
.pageFooter .foot_r .item a:hover{color:#5699d6;}
.pageFooter .foot_r .tit{font-size:20px; line-height:1.5; margin-bottom:17px; color:#fff; font-weight:bold;}
.pageFooter .foot_r .tit a{ color:#fff;}
.pageFooter .foot_r .item {font-size: 16px; line-height:1.5; color: #c3c3c3; margin-bottom: 6%; }
.pageFooter .foot_r .item .t,.pageFooter .foot_r .item .c{ color:#c3c3c3; display:inline-block;}
.pageFooter .foot_r .tit a:hover{color:#0055a2;}
.pageFooter .foot_bottom{ padding: 38px 0 47px; font-size:16px; line-height:1.5; color:#fff;}
.pageFooter .foot_bottom .left a{margin-right:20px; color:#fff;}
.pageFooter .foot_bottom .left{float:left;}
.pageFooter .foot_bottom .right{float:right;}
.pageFooter .foot_bottom .right a { color:#fff;}
@media (max-width:1240px){
.pageFooter .foot_top dl dt{ font-size: 18px;}
.pageFooter .foot_r .tit{font-size:18px;}
}
@media (max-width:1199px){
.pageFooter .foot_top .foot_l{ display: none;}
.pageFooter .foot_top{ min-height: 300px;padding:40px 0; }
}
@media (max-width:992px){
.pageFooter .foot_top .foot_c{ display: none;}
.pageFooter .foot_r .item {  margin-bottom: 3%; }
}
@media (max-width:768px){
.pageFooter .foot_top{ min-height: auto;padding:20px 0; }
.pageFooter .foot_bottom{ padding: 18px 0 17px; }
.pageFooter .foot_bottom .left{float: none;}
.pageFooter .foot_bottom .right{float:none;}
}
/* ==================首页start=================== */
/* index-banner */
.indexbanner { height: 900px;}
/*.banner_img_jj_mid{margin:0 15em;}*/
.index_banner_left:hover span:before,.index_banner_right:hover span:before{left:10%; width:80%;}
.indexbanner .swiper-pagination-bullet{opacity:1; text-align:left; height:24px; line-height:24px;background:none; position:relative; width:70px; color:#fff; font-size: 18px; font-family:Calibri;}
.indexbanner .swiper-pagination-bullet:before{content:''; position:absolute; left:24px; top:50%; opacity:.18; background-color:#fff; height:1px;  width:48px;transform:translateY(-50%);}
.indexbanner .swiper-pagination-bullet:after{content:''; position:absolute; width:0px; position:absolute; left:24px; background-color:#fff; z-index:100; height:1px; top:50%;transform:translateY(-50%);}
.indexbanner .swiper-pagination-bullet-active:after{width:48px; transition: width 7.3s ease-out 0s;}
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{width:auto; text-align:right; right:44%; bottom:20px;}
.indexbanner .banner_img{position:relative; width:100%; height:900px;}
.indexbanner .banner_img_pc{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.indexbanner .banner_img_jj{ width:100%;position:absolute; left:0; top:47%; z-index:10; text-align:center; color:#fff;transform:translateY(-50%);}
.banner_img_jj_mid_1{font-size:2.7vw; font-weight: bold;  text-align:left; font-family: "微软雅黑";text-shadow: 3px 4px 2px rgba(51, 51, 51, 0.5); position: relative; padding-bottom: 35px; margin-bottom: 25px; line-height: 80px;}
.banner_img_jj_mid_1:after{ position: absolute; content: ""; width: 70px; height: 5px; background-color: #fff; bottom: 0px; left: 0;}
.banner_img_jj_mid_2{ letter-spacing:.1em; font-size:1.1vw; text-align:left; line-height: 45px;}
.banner_img_jj_mid_3{ letter-spacing:.1em; font-size:1.1vw; text-align:left; line-height: 45px;}
@media (max-width:1600px){
.indexbanner { height: 750px;}
.indexbanner .banner_img{ height:750px;}
}
@media (max-width:1440px){
.indexbanner { height: 675px;}
.indexbanner .banner_img{ height:675px;}
.indexbanner .banner_img_jj_mid_2{font-size:26px; }
.indexbanner .banner_img_jj_mid_3{font-size:26px; }
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{  right:42%; }
}
@media (max-width:1366px){
.indexbanner { height: 640px;}
.indexbanner .banner_img{ height:640px;}
.banner_img_jj_mid_2{font-size:22px;line-height: 35px;}
.banner_img_jj_mid_3{font-size:22px;line-height: 35px;}
.banner_img_jj_mid_1{ padding-bottom:20px; margin-bottom: 20px;  }
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{  right:40%; }
}
@media (max-width:1280px){
.indexbanner { height: 600px;}
.indexbanner .banner_img{ height:600px;}
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{  right:38%; }
}
@media (max-width:1199px){
.indexbanner { padding-top: 20px; margin-bottom: 40px;}
.indexbanner .banner_img_pc{ display: none;}
.indexbanner .banner_img_mo{ display: block;position:absolute; left:0; top:40px; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:100% 100%;}
}
@media (max-width:1024px){
.indexbanner { height:510px;}
.indexbanner .banner_img{ height:510px;}
.indexbanner .banner_img_jj_mid_2{font-size:20px;line-height: 30px;}
.indexbanner .banner_img_jj_mid_3{font-size:20px;line-height: 30px;}
}
@media (max-width:992px){
.indexbanner { height: 495px;}
.indexbanner .banner_img{ height:495px;}
.banner_img_jj_mid_1{ line-height:40px; padding-bottom: 20px; }
.banner_img_jj_mid_1:after{ width: 50px;  }
.indexbanner .banner_img_jj_mid_2{ font-size:18px;line-height: 28px;width: 50%; }
.indexbanner .banner_img_jj_mid_3{ font-size:18px;line-height: 28px;}
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{  right:36%; }
}
@media (max-width:768px){
.indexbanner { height: 385px;}
.indexbanner .banner_img{ height:385px;}
.banner_img_jj_mid_1{ font-size:22px; }
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{  right:30%; }
.indexbanner .swiper-pagination-bullet{ width:48px;  }
.indexbanner .swiper-pagination-bullet-active:after{width:28px; }
.indexbanner .banner_img_jj_mid_2{ font-size:16px;width: 80%; }
.indexbanner .banner_img_jj_mid_3{ font-size:16px; }
}
@media (max-width:568px){
.indexbanner { height:320px;}
.indexbanner .banner_img{ height:320px;}
.indexbanner .swiper-pagination-bullet:before{  width:28px; }
.banner_img_jj_mid{margin:0 1em;}
.banner_img_jj_mid_1{ font-size:18px; line-height:32px; padding-bottom: 8px; margin-bottom: 8px;}
.banner_img_jj_mid_1:after{width: 40px; height: 2px;}
.indexbanner .banner_img_jj_mid_2{ font-size:15px; line-height: 22px;width: 90%; }
.indexbanner .banner_img_jj_mid_3{ display: none;}
.indexbanner .swiper-pagination-bullet{ width:40px;  }
.indexbanner .swiper-pagination-bullet-active:after{width:22px; }
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{  right:24%; }
}
/* index-products */
.in-more{margin-top: 60px;height: 100%;}
.in-more img{vertical-align: text-top;margin-left: 10px;transition: all 0.5s;}
.in-more:hover img{transform: translateX(8px);}
.inon-tit{color: #000;font-weight: 700;font-size: 40px;}
.inon-dsc{color: #666;line-height: 24px;font-size: 18px;margin-top: 7px;}
.inon-wrap{margin-top: 58px;}
.inon-wrap .inon-left{width: 16%;}
.inon-left{float: left;}
.inon-left li.on {font-size: 18px; color: #0055a2;font-weight: 700;}
.inon-box{display: none;}
.inon-box.on{display: block;}
.inon-left li{font-size: 18px; color: #999;margin-bottom: 15px;}
.inon-right{float: right;}
.inon-right ul {margin:  0 -14px;}
.inon-right li {padding: 0 14px;float: left;width: 33.33%;}
.inon-right li:nth-child(4){display:none;}
.inon-right a {display: block;}
.inon-left li{position: relative;overflow: hidden;}
.li-more{background: url(../images/page-next.png)no-repeat;background-size: 10px 15px;display: block;width: 10px;height: 15px;position: absolute;top: -2px;right: 16px;opacity: 0.3;display: none;  }  
.inon-left .li-more{top: 0px;}  
.inon-right .pron-font2 p{line-height: 26px;}  
.inon-right .pron-font2 span{display: inline-block;padding: 0 10px;vertical-align: middle;transition: all 0.5s;}  
.pron-active{color: #0055a2;font-size: 30px;font-weight: 700;}  
.inon-right .pron-font2{opacity: 0;transition: all 1s;width: 100%;position: absolute;top: 50%;transform: translateY(-50%);}
.inon-right  .pron-font2 p{color: #333;}
.inon-right  li a{position: relative;}
.inon-right  li>a::before{content: "";display: block;width: 100%;height: 100%;transition: all 1s;position: absolute;top: 0;left: 0;}
.inon-right  li:hover .inon-item h4{color: #0055a2;}
.inon-right  li:hover .pron-font2{opacity: 1;}
.inon-item{box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);text-align: center;}
.inon-item-app{display: none!important;}
.inon-img {margin: 0 auto; padding: 0px 20px;}
.inon-img img{width: 100%;height: 100%;transition: all 1s;}
.inon-item{padding-bottom: 52px;display: block;}
.inon-item h4{color: #333;transition: all 0.5s;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.inon-item p{color: #888;margin-top: 7px;}
.inon-wrap .inon-right{width: 82.88%;}
.more{font-size:16px;font-weight:normal; text-align: center; padding:8px 30px; width: 150px; border: 1px solid #ccc; line-height:30px; position: relative; }
.more:hover{ background: #004ea2; background-image: linear-gradient(to right,#004ea2, #523a94); color: #fff;}
.more a{ color:#999;}
.more:hover a { color:#fff;}
.inon-left .more{ margin-top: 50px;}
.index-about.pad-80{ padding: 80px 0 0;}
.info-wrap{background-color: #fff;}
.info-left p{color: #666;line-height: 32px;margin: 36px 0 30px;padding-right: 10px; font-size: 16px;}
.info-item{position: relative;margin-bottom: 12px;transition: all 2s;width: 100%;}
.info-item img{width: 100%;}
.info-item .info-font{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color: #fff;z-index: 33;text-align: center;  }  
.info-item::after{content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%; background-color: rgba(0, 0, 0, 0.7);transition: all 1s;  }
.info-item h4{font-size: 40px;margin-bottom: 18px;}
.info-item i{font-size: 60px;}
.info-item em {font-size: 60px;}
.info-item p{ opacity: 0.8;}
.info-item:hover::after{background-color: rgba(0, 26, 97, 0.7);}
.info-item:hover{transform: translateY(-10px);}
.info-wrap2{background-image: url(../images/info-bj.jpg);background-size: 100%;background-attachment: fixed;background-position: center  center;  padding: 50px 0; margin-top: 80px;}
.info-wrap2 li{float: left;width: 16.666666667%;text-align: center;overflow: hidden;position: relative;}
.info-wrap2 li::after{position: absolute;top: 43%;transform: translateY(-50%);right: 0;content: "";display: block;height: 202px;width: 1px;border-left: 1px solid rgba(255, 255, 255, .1);  }  
.info-wrap2 li:hover>img{ animation: swing;animation-duration: 3s;cursor: pointer;}  
.info-wrap2 h4{ color: #fff;font-size: 22px;font-weight: 700;margin: 33px 0 18px;}  
.info-wrap2 .info-font{color: #fff;text-align: center;  position: relative;  padding: 10px 100px 68px;  }    
.info-wrap2 .info-font>div{width: 100%;transition: all 2s; text-align: center;}  
.info-wrap2 .info-font p{font-size: 16px;line-height: 28px;  position: absolute;  top: 27%;  left: -100%;  transform: translateY(-50%);  width: 100%;  padding:  0 90px;  transition: all 5s;  }
.info-wrap2 li:hover .info-font>div{transform: translateX(100%);}
.info-wrap2 li:hover p{transform: translate(100%,-50%);}

.about-pt2{ margin-top: 80px;}
.about-pt2 li{float: left;width: 16.666666667%;text-align: center;overflow: hidden;position: relative;}
.about-pt2 li::after{position: absolute;top: 43%;transform: translateY(-50%);right: 0;content: "";display: block;height: 202px;width: 1px;border-left: 1px solid rgba(255, 255, 255, .1);  }  
.about-pt2 li:hover>img{ animation: swing;animation-duration: 3s;cursor: pointer;}  
.about-pt2 h4{ color: #888;font-size: 18px; margin: 33px 0 18px;}  
.about-pt2 .info-font{color: #888;text-align: center;  position: relative;  padding: 10px 100px 68px;  }    
.about-pt2 .info-font>div{width: 100%;transition: all 2s; text-align: center;}  
.about-pt2 .info-font p{font-size: 16px;line-height: 28px;  position: absolute;  top: 27%;  left: -100%;  transform: translateY(-50%);  width: 100%;  padding:  0 90px;  transition: all 5s;  }
.about-pt2 li:hover .info-font>div{transform: translateX(100%);}
.about-pt2 li:hover p{transform: translate(100%,-50%);}

.pro_list ul li {  height: auto; background: #fff;  margin-bottom: 20px; transition: 0.5s; } 
.pro_list ul li a {width: 100%;height: auto;display: block; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}    
.pro_list ul li a .pic {width: 100%;height: auto;overflow: hidden;position: relative;}     
.pro_list ul li a .pic .img {max-width: 100%;transition: 1s; }      
.pro_list ul li a .pic .img1 {  position:absolute; top:0px; left:0px; width:100%; height: 100%;  opacity:0; background:rgba(0,0,0,.6); transition:all 0.5s ease;}  
.pro_list ul li a .pic .img1 img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:block; text-align:center; font-size:1rem;  }
.pro_list ul li a:hover .pic .img1 { opacity:1;}
.pro_list ul li a .title { padding: 10px 15px 30px; }
.pro_list ul li a .t1 {font-size: 22px;line-height: 50px;color: #333;text-align: center;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.pro_list ul li a .desc{ font-size: 16px; line-height: 30px;text-align: center;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.pro_list ul li a:hover .title{background-image: linear-gradient(to right,#004ea2, #523a94);  color: #fff;text-align: center; }
.pro_list ul li:hover a .t1 {color: #fff; } 
.pro_list ul li a .pic:hover .img {transform: scale(1.1);transition-duration: 1s; }   
@media (max-width: 1440px) {
.pro_list ul li a .t1 {font-size: 22px;line-height: 42px;}
}
@media (max-width: 1366px) {
.pro_list ul li a .t1 {font-size: 20px;line-height: 38px;}
.pro_list ul li a .desc{line-height: 28px;}
}
@media (max-width: 1280px) {
.product_list .plt{ width:25%; margin-right:2%;}
.product_list .prt { width:73%; float:left;}
.pro_list ul li a .t1 {font-size: 18px; line-height: 34px;}
.pro_list ul li a .desc{line-height: 26px;}
}
@media (max-width: 1200px) {
.crumbs{ display: none;}
.pro_list ul li a .t1 {font-size: 17px; line-height: 30px;}
.pro_list ul li a .title {padding: 0px 5px 20px; }
.leftnav a{ line-height: 50px;font-size: 16px;}
.leftnav-more{margin-top:18px;}
.about-pt2{ margin-top: 60px;}
}
@media (min-width: 1025px){
.product_list .plt .m-aside {display: none;}
}

@media (max-width: 992px) {
.product_list .plt { width:100%; float:none;}
.product_list .prt { width:100%; float:none;}
.product_list .plt .menu{margin-bottom:0px;}
}
@media (max-width:768px){
.about-pt2 {margin-top: 40px;}
.about-pt2 li{ width: 33%; }
.pro_list ul li { margin-bottom: 15px; } 
.pro_list ul li a .t1 {font-size: 16px;line-height:26px;}
.pro_list ul li a .desc{ font-size: 15px; line-height: 24px;}
.about-pt2 h4{ margin: 15px 0 15px;}  
}
@media (max-width:468px){
.about-pt2 {margin-top: 20px;}
.about-pt2 li img{ width: 63%; }
.about-pt2 h4{ font-size: 16px;}  
}
.index-two{background: url(../images/intw-bj.png) no-repeat left top ;
  background-size: 76.04%;
  background-color: #f5f5f5;padding-bottom:780px;}
.intw-wrap{position: relative;}
.intw-left{width: 34.47%;margin-top: 175px;z-index: 20;
position: absolute;top: 0; left: 0;}
.intw-right{width: 71.47%;margin-top: 80px;
  position: absolute;top: 0; right: 0;}
.intw-font{
  background-color: #fff;
  padding: 46px 55px;
}
.intw-ul{margin-top: 30px;z-index: 99;}
.intw-ul span{color: #888;}
.intw-ul a{color: #888;}
.intw-ul img{float: right;display: none;}
.intw-ul li{width: 76%;padding: 17px 0 ;}
.intw-ul li.on{border-bottom: 1px solid #0055a2;}
.intw-ul li.on img{display: block;}
.intw-ul li.on span{color: #0055a2;font-weight: 700;}

.intw-ul li .num{
  color: #000;
  font-size: 50px;
}
.intw-right .intw-active{top: 10%;left: -20%; z-index: 10000;}
.intw-active{    top: 10%;
  left: -20%;
  z-index: 10000;
  /* width: 20%!important; */
  height: 20%;
  color: #000;
  font-size: 50px;
}
/* 自定义分页器 */
.intw-right .swiper-num {position: absolute;width: 51px; left:-7.4%;top: 6%; z-index: 2;}
.intw-right .swiper-num:after {content: '';width: 1px;height: 45px;border-right: 1px solid rgba(255, 255, 255, 0.5);position: absolute;top: -12px;right: 45px;transform: rotateZ(14deg);}
.intw-right .swiper-num span{font-family: 'DIN REGULAR';}
.intw-right .swiper-num .active2 {display: inline-block;font-size: 60px;color: #fff;position: absolute;top: -50px;right: 53px;}
.intw-right .swiper-num .total {display: inline-block;font-size: 30px; color: #fff;position: absolute;top: 0px;right: 0;}
@media (max-width: 1659px){
.index-two {padding-bottom: 680px;}
.intw-font {padding: 24px 43px;}
.intw-ul {margin-top: 20px;}
.intw-ul li {padding: 12px 0;}
}
@media (max-width: 1359px){
.index-two {padding-bottom: 580px;}
.intw-left {width: 38.47%;margin-top: 150px;}
.intw-font {padding: 22px 32px;}
.intw-ul {margin-top: 12px;}
.intw-ul li {padding: 10px 0;}
.intw-right img{ width: 100%;}
.intw-right .swiper-num .active2 { font-size: 50px; top: -40px;right: 53px;}
.intw-right .swiper-num .total { font-size: 26px;  top: 0px;right: 0;}
}
@media (max-width: 1169px){
.intw-left {margin-top: 130px;}
.intw-right .swiper-num { left: -12.4%;top: 0%;}
.index-two {padding-bottom: 500px;}
.intw-font {padding: 15px 20px;}
.intw-ul li {padding: 7px 0;}
.inon-dsc{ font-size: 16px; }
}
@media (max-width: 991px){
.index-two{padding-top: 50px;padding-bottom: 600px;}
.intw-right {width: 100%;margin-top:160px;}
.intw-right img{ width: 100%;}
.intw-left {width: 100%;margin-top: 0px;}
.intw-ul li{width: 48%; float: left; margin-right: 2%; padding: 6px 0; border-bottom: 1px solid #fafafa;}
.intw-right .swiper-num .active2 {font-size: 35px;top: -13px;right: 53px;}
.intw-right .swiper-num {left:auto;top:85%; right: 2%;}
.intw-right .swiper-num:after { top: 0px; height: 35px; right: 40px;}
.intw-right .swiper-num .total {font-size: 24px;}
}
@media (max-width: 800px){
.index-two{padding-top: 40px;padding-bottom: 550px;}
}
@media (max-width: 600px){
.intw-font {padding: 10px 10px;}
.index-two{ padding-bottom: 480px;}
.intw-right { margin-top:220px;}
.intw-right .swiper-num { top:78%; }
.intw-right .swiper-num .active2 {font-size: 30px; top: -8px;}
}
@media (max-width:491px){
.index-two{ padding-bottom: 440px;}
.intw-ul li img{width: 8%; margin-top: 10px;}
}
/* index-news 新闻中心 */
.index-news{background-color: #f8f8f8; height: 100%;}
.index-category{float: right;margin-top: 25px;}
.index-category a.in-more{margin-top: 0;}
.index-category a{float: right;padding: 0 17px;}
.index-category ul{float: left;}
.index-category li{float: left;}
.index-category li img{vertical-align: text-top;}
.index-category li.on span{border-bottom: 2px solid #0055a2; color: #0055a2;font-weight: 700;padding-bottom: 2px;}
.index-wrap{padding-top: 70px;}
.index-box{display: none;}
.index-box.on{display: block;}
.index-box2{display: block;overflow: hidden; position: relative;}
.index-box2 img{transition: all 1s;}
.index-box2:hover img{transform: scale(1.08);}
.index-news .index-left,.index-news .index-left1{float: left;}
.index-news .index-left{position: relative;}
.index-news .index-right,.index-news.index-right1{float: right;}
.index-news .index-left img{width: 100%;}
.index-news .index-wrap .index-font{background-color: rgba(0,0,0,0.4); width: 100%;position: absolute;bottom: 0;left: 0; padding: 10px 0;}
.index-news .index-right ul{margin:0px 0 -28px;}
/*.index-right li.on{background-index-right: #fff;}*/
.index-news .index-right li:hover {background-color: #fff;}
.index-news .index-left1{color: #fff; text-align: center; width: 15%;}
.index-news .index-left1 h4{font-family: Arial;}
.index-news .index-left1 p{font-size: 14px;font-family: Arial;}
.index-news .index-right1{color: #fff;width: 100%;}
.index-news .index-right1 p {line-height: 25px;margin-top: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.index-news .index-li{padding: 25px 26px 18px;}
.index-news .index-li .index-left1 {width: 15%; text-align: center;}
.index-news .index-li .index-left1 h4{color: #333;}
.index-news .index-li .index-left1 p{color: #888;font-size: 14px;}
.index-news .index-li .index-right1 h4{color: #333;font-weight:  700; margin-bottom: 5px;}
.index-news .index-li .index-right1 p {color: #888;line-height: 27px;height: 60px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
@media (max-width: 1659px) {
.inon-img {padding: 36px 78px 32px;}
.inon-tit {font-size: 36px;}
.info-ul {padding-right: 0px;}
.info-right {padding-right: 12px;}
.infi-box img{width: 200px;}
}

@media (max-width: 1480px) {
.inon-wrap .more {width: 169px;}
.inon-wrap .more a:before {width: 160px;}
.inon-wrap .more a:after {width: 160px;}
.inon-wrap .p-size18 {font-size: 16px;}
.inon-wrap .inon-right {width: 80.88%;}
.in-more {margin-top: 52px;}
.info-wrap2 .info-font p {padding: 0 52px;}
.inon-item p {padding: 0 10px;}
.index-wrap .index-font {padding: 20px;}
}
@media (max-width: 1359px) {
.inon-tit {font-size: 30px;}
.inon-left li.on {font-size: 16px;}
.inon-img {padding: 23px 58px 19px;}
.inon-wrap .inon-right {width: 78.88%;}
.inon-item {padding-bottom: 30px;}
.info-left p {line-height: 28px;margin: 20px 0 20px;}
.info-item h4 {font-size: 22px;margin-bottom: 4px;}
.info-item i {font-size: 30px;}
.info-item em {font-size: 30px;}
.info-wrap2 li>img{width: 68px;}
.info-wrap2 {padding-top: 28px;}
.info-wrap2 h4 {font-size: 19px;margin: 21px 0 18px;}
.info-wrap2 .info-font p {font-size: 16px;line-height: 24px;top: 38%;padding: 0 10px;}
.infi-box img {width: 160px;}
.index-left {  float: left;  width: 45%;  margin-top: 31px;  margin-right: 26px;}
.index-left {  float: left;  width: 45%;  margin-top: 3px;  margin-right: 26px;}
.index-left p {margin-bottom: 14px;}
.index-left .text {padding: 14px 16px;}
.index-right {width: 52.24%;}
.in-more {margin-top: 47px;}
.index-right1 p { line-height: 24px; margin-top: 10px;}
.index-news .index-li .index-right1 p {line-height: 25px;height: 50px;}
}
@media (max-width: 1240px) {
.index-news .index-right ul{margin: -25px 0 -28px;}
.index-news .index-li{padding: 0px 10px 10px;}
}
@media (max-width: 1169px) {
.inon-item {padding-bottom: 5px;}
.index .pad-80{padding: 50px 0;}
.index-about.pad-80{ padding: 50px 0 0;}
.in-more {margin-top: 50px;}
.inon-item p {height: 20px;}
.inon-wrap .inon-left {width: 21%;}
.inon-right ul {margin:  0px;}
.inon-right li {padding: 0 6px;}
}
@media(max-width: 991px) {
.in-more {margin-top: 48px;}
.index-wrap{padding-top: 40px;}
.inon-wrap {margin-top: 20px;}
.inon-item .inon-font{height: 40px;}
.inon-wrap .inon-left {width: 23%}
.inon-img {padding: 24px 42px 19px;}
.inon-wrap .inon-right {width: 72.88%;}
.inon-right li {padding: 0 6px;}
.inon-wrap .advaone-more {margin: 20px 0 0;}
.inon-wrap .more {width: 140px; padding:2px 20px; }
.more a span {line-height: 33px; }
.info-wrap .info-left{width: 100%;}
.info-wrap .info-right{width: 100%;}
.info-left p {margin: 10px 0;}
.info-ul li:nth-child(1){margin-top: 145px;}
.info-ul li:nth-child(3) {margin-top: 0px;}
.info-wrap .advaone-more {margin: 40px 0;}
.infi-box img {width: 100px;}
.index-category {margin-top: 14px;}
.index-left {width: 100%;}
.info-wrap2 {padding-top: 17px;}
.info-wrap2 li>img {width: 50px;}
.info-wrap2 h4 {font-size: 14px;  margin: 18px 0 13px;}
.info-wrap2 .info-font {padding: 10px 86px 42px;}
.info-wrap2 .info-font p {font-size: 12px;line-height: 18px;top: 38%;padding: 0 10px;}
.info-wrap2 .info-font {padding: 10px 86px 42px;}
.index-right ul {margin: 16px 0 -28px;}
.inon-tit {font-size: 23px;}
.index-left { width: 44%;}
.info-ul {margin-top: -50px;}
.index-category{margin-top: 16px;}
.infi-box img {width: 130px;}
.index-left { width: 47%;}
.index-right { width: 48.24%;}

}
@media (max-width:880px) {.index .pad-80 {padding: 60px 0;}
.in-more { margin-top: -55px;}
.index-news .index-li .index-left1 {width: 18%; }
.index-wrap{padding-top:30px;}
.inon-wrap .inon-left {width: 100%;}
.inon-wrap .inon-right { width: 100%;}
.inon-item .inon-font {height: 50px;}
.inon-item-app{display: block!important;}
.p-size16 {font-size: 15px;}
.inon-img {padding: 12px 20px 12px;}
.more a span {line-height: 37px;}
.inon-wrap .more { margin-bottom: 20px; margin-top: 15px;}
.inon-wrap .inon-left li {float: left;width: 50%;}
.inon-wrap .advaone-more {margin: 0 auto 20px;display: none;}
.inon-right li {width: 50%;margin-bottom: 10px;}
.inon-right li:nth-child(4){display:block;}
.info-ul li:nth-child(1){margin-top: 0px;}
.info-ul {margin-top: 62px;}
.info-ul li:nth-child(2) {margin-top: 0px;}
.info-ul li:nth-child(3) {margin-top: 0px;}
.info-ul li:last-child {transform: translateX(50%);}
.info-ul li {width: 50%;}
.info-wrap .advaone-more {margin: 40px auto;}
.inon-header .in-more { margin-top: 7px;}
.index-category{float: left;margin-top: 25px;width: 100%;}
.index-category li:first-child a{padding-left: 0;}
.index-news .index-left { width: 100%; margin-bottom: 20px;}
.index-news .index-right { width: 100%;margin: 20px 0;}
.inon-right {float: left;}
.inon-tit {font-size: 20px;}
.inon-dsc {font-size: 18px;}
.inon-tit .kongs,.inon-dsc .kongs{animation: none !important;}
.more a span {font-size: 15px;}
.index-right1 p {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.index-right1 h4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.index-wrap .index-font {padding: 6px 0px;}
.index-news .index-li {padding: 6px 0px;}
.inon-img {padding: 8px 16px 8px;}
.infi-wrap{display: none;}
.infi-wrap-app{display: block;padding: 20px 0;}
.infi-wrap-app-ul{margin-top: 10px;}
.infi-wrap-app-ul li{width: 33.33%;float: left;margin-bottom: 18px;}
.infi-wrap-app-ul img{width: 100%;}
.inon-right .in-more{display: none;}
.inon-right .advaone-more{display: none;}
.info-left .advaone-more{display: none;}
.info-wrap2{display: none;}
.info-wrap2-app{background: url(../images/info-bj.jpg);display: block;padding: 20px 0;}
.info-wrap2-app li{width: 100%;padding: 10px 50px;}
.info-wrap2-app li>img {width: 38px;float: left;margin-top: 25px;}
.info-wrap2-app .info-font{color: #fff;}
.info-wrap2-app h4 { margin: 10px 0 10px;padding: 0 0 0 58px;opacity: 1;font-size: 17px;}
.info-wrap2-app .info-font p {padding: 0 0 0 58px;}
 }
 @media (max-width:762px) {
.info-wrap .info-right img{width: 100%;}
 }
@media (max-width: 414px) {
.inon-left li {font-size: 16px;opacity: 0.8;}
.inon-left li.on {font-size: 16px;}
.info-ul li{padding-right: 6px;}
.info-item i {font-size: 18px;}
.info-item em {font-size: 18px;}
}

@media (max-width: 767px) {
.index-about.pad-80{ padding:40px 0 0;}
}
.header-search {float: right;margin-top: 30px;position: relative ;margin-right:20px;}
.bt-search {position: relative;border: none;background: none;float: left;width: 30px;height: 22px;line-height: 18px;cursor: pointer;transition: .5s;z-index: 10}
.bt-search .sub-bot {display: block;width: 14px;height: 22px;line-height: 15px;background: transparent;border: none;position: absolute;z-index: 3;cursor: pointer;background: url(../images/icon-search.png) no-repeat center transparent;padding-right: 30px}
.searchop .search-all {z-index: 10;opacity: 1;visibility: visible}
.search-all {position: absolute;right: 0;top: 0;width: 300px;height: auto;z-index: -1;opacity: 0;visibility: hidden;transition: all .2s}
.search-all .search-box {position: relative;height: 36px;margin-top: 50px;background: #fff}
.searchop .search-all .search-box {animation: searchform-fade 400ms both}
.searchop .search-all form {animation: searchform-slide 1s both;box-shadow: 0 0 20px rgba(0,0,0,0.2)}
.search-all .search-box .search-txt {color: #333;line-height: 34px;width: 44px;text-align: center;cursor: pointer;transition: all .3s ease-out}
.search-all .search-box .search-txt.left {float: left}
.search-all .search-box .search-txt .fa {color: #999;}
.search-all .search-box .search-txt .bt{ background: url(../images/icon-search.png) no-repeat center center;height: 36px;width: 36px;}
.search-all .search-box .search-inp {margin-left: 44px;transition: all .3s ease-out 0s;margin-right: 44px}
.search-all .search-box .search-inp input {font-size: 16px;line-height: 36px;color: #333;width: 100%;border-radius: 5px}
.searchop .fa-times{opacity: 1;transition: all .2s ease-out 0s}
.search-all .search-box .fa-times{width: 44px;height: 36px;font-size: 16px;color: #999;line-height: 36px;text-align: center;cursor: pointer;position: absolute;top: 0;right: 0;opacity: 1}

.category-item{position: relative; }
.max-drop{position: static;}
.dropmenu{position: absolute; top: 100%;left: 50%;transform: translate(-50%, 0);z-index: 99;background: #fff;max-height: 0;opacity: 0;overflow: hidden;transition: max-height .5s;border: none;color: #303233;width: 200px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);height: auto;padding: 0;display: block;text-align: center;}
.category-item.max-drop .dropmenu{width: 100%;}
.category-item:hover .dropmenu {max-height: 800px;opacity: 1;}
.dropmenu-wrap{display: inline-block;}
.dropmenu-left{padding: 36px 0px 36px 0 ;}
.dropmenu-item {float: left;text-align: center;padding: 0 40px !important;width:20% !important;border-top:none !important;}
.dropmenu-item p{color: #666;margin-top: 15px;}
.dropmenu-left .dropmenu-item:last-child{padding-left: 0;}
.dropmenu-right .more{width: 197px;}
.dropmenu-right .more a:before,
.dropmenu-right .more a:after {width: 190px;}
@media (max-width: 1459px) {
.dropmenu-left{padding: 25px 190px 25px 0;}
.dropmenu-left .dropmenu-item  img{ width: 70px;}
.dropmenu-right .more{width: 180px;}
.dropmenu-right .more a:before,
.dropmenu-right .more a:after {width: 174px;}
}

/*内页*/
.page_banner {height: 500px;width: 100%; margin-top: 80px; position: relative;}
.page_banner .cat_box{position:absolute; bottom:45%; left:0; width:100%;}
.page_banner .cat_box .cat_name{font-size:38px; color:#fff; margin-bottom:30px;line-height:1;}
.page_banner .cat_box h4{font-size:20px; color:#fff; font-weight:normal;}
.about_banner {background: url(../images/banner-about.jpg) no-repeat center top;background-size:100% 100%;}
.products_banner {background: url(../images/banner-products.jpg) no-repeat center top;background-size:100% 100%;}
.news_banner {background: url(../images/banner-news.jpg) no-repeat center top;background-size:100% 100%;}
.contact_banner {background: url(../images/banner-contact.jpg) no-repeat center top;background-size:100% 100%;}
.application_banner {background: url(../images/banner-application.jpg) no-repeat center top;background-size:100% 100%;}
.server_banner {background: url(../images/banner-server.jpg) no-repeat center top;background-size:100% 100%;}
.page_nav_t {position: relative;top: 445px;height: 56px; background:rgba(0, 85, 162, .68); }
.page_nav_t ul {border-bottom: 0px;height: 56px;float: left;}
.page_nav_t ul li {height: 56px;width: 136px; float: left;text-align: center;}
.page_nav_t ul li>a {line-height: 56px;color: #fff;height: 100%;width: 100%;font-size: 17px;}
.page_nav_t ul li.act {height: 66px; border-top-left-radius:10px; border-top-right-radius:10px; background:rgba(0, 85, 162, 1);margin: -10px;}
.page_nav_t ul li.act a {line-height: 66px;font-size: 19px;}
.page_nav_t p {line-height: 56px;text-align: right;color: #fff; font-size: 15px;}
.page_nav_t p a {color: #fff;}
@media screen and (max-width: 1200px) {
.page_banner .cat_box{bottom:30%; }
}
@media screen and (max-width: 1024px) {
.page_nav_t ul li {width: 130px;}
.about_banner {background: url(../images/banner-about-p.jpg) no-repeat center top;background-size:100% 100%;}
.products_banner {background: url(../images/banner-products-p.jpg) no-repeat center top;background-size:100% 100%;}
.news_banner {background: url(../images/banner-news-p.jpg) no-repeat center top;background-size:100% 100%;}
.contact_banner {background: url(../images/banner-contact-p.jpg) no-repeat center top;background-size:100% 100%;}
.application_banner {background: url(../images/banner-application-p.jpg) no-repeat center top;background-size:100% 100%;}
.server_banner {background: url(../images/banner-server-p.jpg) no-repeat center top;background-size:100% 100%;}
}
@media screen and (max-width: 768px) {
.page_nav_t p{ display: none;}
.about_banner {background: url(../images/banner-about-m.jpg) no-repeat center top; background-size:100% 100% ;}
.products_banner {background: url(../images/banner-products-m.jpg) no-repeat center top;background-size:100% 100% ;}
.news_banner {background: url(../images/banner-news-m.jpg) no-repeat center top;background-size:100% 100% ;}
.contact_banner {background: url(../images/banner-contact-m.jpg) no-repeat center top;background-size:100% 100% ;}
.application_banner {background: url(../images/banner-application-m.jpg) no-repeat center top;background-size:100% 100% ;}
.server_banner {background: url(../images/banner-server-m.jpg) no-repeat center top;background-size:100% 100% ;}
}
.ny_nav{width: 100%;position: absolute; left:0; bottom:0px;height: 45px;}
.ny_nav h1 {width: 100%;display: block;line-height: 45px;height: 45px;background: #015bad url(../images/ny_icon.png) 95% center no-repeat;background-size:auto 30%;color: #fff;font-size:16px; font-weight:normal; text-align:center;}
.ny_nav h1 dd{line-height: 45px; }
.ny_btnav{display: none;position: absolute;top: 60px;left: 0;width: 100%;overflow: hidden;background: #fff;z-index: 999;}
.ny_btnav li{text-align: center;width: 100%;height:35px;border-bottom: #EDEDED solid 1px;line-height: 35px; }
@media screen and (max-width: 1440px) {
.page_banner .cat_box .cat_name{font-size:32px; margin-bottom:20px; }
}
@media screen and (max-width: 1200px) {
.page_banner {height: 320px; margin-top: 0px; }
.page_banner .cat_box .cat_name{font-size:30px; margin-bottom:20px; }
.page_banner .cat_box h4{font-size:18px; }
.page_nav_t {top:244px; display: none;}
}
@media screen and (max-width: 768px) {
.page_banner {height: 260px;  }
.page_nav_t.container{ width: 100%;}
.page_nav_t{height: 40px;}
.page_nav_t ul {width: 100%; height: 40px;}
.page_nav_t ul li.act {height: 40px; margin-top: 0px;}
.page_nav_t ul li.act a {line-height: 40px;	font-size: 16px;}
.page_nav_t ul li>a {line-height: 40px;}
.page_nav_t ul li>a { font-size: 15px;}
.page_nav_t ul li {width: auto; padding-right: 1.8%; padding-left: 1.8%; float: left;}
.page_banner .cat_box h4{font-size:16px; }
.page_banner .cat_box .cat_name{font-size:24px; margin-bottom:10px; }
}
@media screen and (max-width: 468px) {
.page_banner {height:220px; }
.page_nav_t {top:180px;}
.page_banner .cat_box .cat_name{font-size:20px; }
}
.page_content_box {padding:60px 0 60px;}
@media (max-width: 768px) {
.page_content_box {padding:30px 0 30px;}
}
.page-section{ padding:80px 0;}
.page_title { line-height: 1;text-align: left; margin-bottom:30px;}
.page_title h3 {padding-bottom:15px;font-size: 44px; font-weight: bold; line-height: 60px; margin-bottom: 45px; color: #333; position: relative;}
.page_title h3:after{ position: absolute; content: ""; width: 42px; height: 4px; background-color: #bea26a; bottom: 0px; left: 0;}
.page_title span {font-size: 18px; line-height: 32px; margin-top: 30px; margin-bottom: 20px; color: #666;}
.page-tit { text-align: center; margin-bottom: 30px;}
.page-tit h3{ font-size: 40px; margin-bottom: 20px;}
.page-tit p{ font-size: 16px; line-height: 30px; color: #666; width: 74%; margin: 0 auto;}
@media (max-width:1440px) {
.page_title h3 { font-size: 34px; }
}
@media (max-width:1366px) {
.page-section{ padding:60px 0;}
.page_title p {width: 100%; }
.page_title h3 { font-size: 32px; }
.page-tit h3{ font-size: 26px; }
.page-tit p{ font-size: 15px; }
}

@media (max-width:1024px) {
.page-section{ padding:40px 0;}
.page_title { margin-bottom:30px;}
.page_title h3 { font-size: 26px; padding-bottom: 10px;}
.page_title p {font-size: 16px; line-height:28px;}
.page-tit h3{ font-size: 26px; margin-bottom: 10px;}
}
@media (max-width:768px) {
.page_title { margin-bottom:20px;}
.page_title h3 { font-size: 22px; line-height: 30px; margin-bottom: 25px; }
.page_title h3:after{ height:3px; }
.page_title p { line-height:26px;}
.page-tit h3{ font-size: 22px; margin-bottom: 15px;}
.page-tit p{ width: 100%; }
}
@media (max-width:668px) {
.page_title h3 { font-size: 18px;}
}
.aboutpage { background: url(../images/aboutbg.jpg) center bottom no-repeat; background-size: 100% 100%;}
.aboutpage .i_title{ margin: 0 auto 30px; text-align: left;}
.aboutpage .i_title h2,.aboutpage .i_title h2 a{ color:#055fb1; text-align: left; }
.aboutpage .i_title h3{ line-height: 35px; font-size: 20px; margin-top: 15px; color:#42aff0;}
.aboutpage .text {margin-top: 10px; }
.aboutpage .text p {font-size: 16px;line-height:34px; color: #666;}

@media (max-width:992px) {
.aboutpage .i_title{ margin: 0 auto 20px;}
.aboutpage .i_title h2,.aboutpage .i_title h2 a{ font-size: 24px;}
.aboutpage .text p { line-height:32px;}
}
@media (max-width:768px) {
.aboutpage .text p { line-height:28px;}
}
.culture .li_{width:25%; float:left; background:#fff; position:relative;}
.culture .li_:after{content:''; width:100%; height:100%; background-image: linear-gradient(to right,#004ea2, #523a94); background-size:cover; position:absolute; left:0; bottom:0; opacity:0; visibility:hidden; transition:all 0.5s ease;}
.culture .li_ .li_box{display:block; border-top:1px solid #e2e2e2; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;padding:54px 25px 25px 55px; position:relative; z-index:2}
.culture .li_:nth-child(1) .li_box, .culture .li_:nth-child(2) .li_box, .culture .li_:nth-child(3) .li_box, .culture .li_:nth-child(4) .li_box{border-bottom:none}
.culture .li_:nth-child(1) .li_box, .culture .li_:nth-child(5) .li_box{border-left:1px solid #e2e2e2;}
.culture .li_ .li_box .tit{font-size:22px; line-height:30px; color:#333; font-weight:bold; margin-bottom:20px;}
.culture .li_ .li_box .con{font-size:16px; line-height:26px; color:#666; margin-bottom:24px; min-height:66px;}
.culture .li_ .li_box .icon{text-align:right; font-size:0}
.culture .li_ .li_box .icon span{display:inline-block; width:35px; height:35px; background:url(../images/widget_culture_6_1.png) no-repeat;}
.culture .li_:hover{box-shadow:0 0 15px rgba(0,0,0,.2);}
.culture .li_:hover:after{opacity:1; visibility:visible}
.culture .li_:hover .li_box .tit{color:#fff;}
.culture .li_:hover .li_box .con{color:#fff;}
@media only screen and (max-width: 1240px)
{
.culture .li_ .li_box{padding:30px 25px;}
}
@media only screen and (max-width: 992px){
.culture .li_ .li_box .con{height:72px;}
.culture .li_{min-height:auto;}
}
@media only screen and (max-width: 760px){
.aboutpage .i_title h3{ line-height: 30px; font-size:18px; }
.culture .infor {padding:0 2%;}
.culture .infor .tit{font-size:20px; line-height:24px;}
.culture .infor .con{ line-height:24px; margin-top:5px}
.culture{margin-top:20px;}
.culture .li_{width:100%; margin-bottom:10px; min-height:auto;}
.culture .li_:nth-child(1) .li_box, .culture .li_:nth-child(2) .li_box, .culture .li_:nth-child(3) .li_box, .culture .li_:nth-child(4) .li_box{border-bottom:1px solid #e2e2e2;}
.culture .li_ .li_box{padding:25px; border:1px solid #e2e2e2;}
.culture .li_ .li_box .tit{font-size:19px; line-height:23px; margin-bottom:10px;}
.culture .li_ .li_box .con{ line-height:22px; margin-bottom:10px; height:auto; min-height:auto;}
}
@media only screen and (max-width:560px){
  .aboutpage .text {margin-top: 0px; }
  .aboutpage .i_title h3{ line-height: 28px; font-size:17px; }
}
.page_factory ul li {margin-top: 30px;}
.page_factory ul li .honor-item .rect {padding-bottom: 78%;}
.page_factory ul li img{ width:100%;}
.page_factory ul li .honor-item:hover .img-box img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.page_factory ul li .honor-item p {text-align: center; font-size: 16px; margin-top: 20px;}
@media (max-width: 768px){
.page_factory ul li {margin-top: 0px;}
.page_factory ul li .honor-item p { margin-top: 0px; line-height:38px; font-size:15px;}

}

.products_list li .box{ padding: 0 20px;  background-color: #fff;box-shadow: 1px 1px 40px rgba(0, 0, 0, 0.1); padding-bottom:52px;margin-bottom: 30px;position: relative;display: block;} /* <!-- 450 384 --> */
.products_list  li img{width: 100%;}
.products_list  h4{text-align: center; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.products_list  p{text-align: center;color: #888;margin-top: 10px;}
.products_list .pron-font2 p{line-height: 26px;}
.products_list .pron-font2 span{display: inline-block;padding: 0 10px; vertical-align: middle;transition: all 0.5s;}
.products_list .pron-font2{ opacity: 0;transition: all 1s; width: 100%; position: absolute; top: 50%; transform: translateY(-50%);}
.products_list .pron-font2 p{color: #333;}
.products_list li a::before{ content: ""; display: block; width: 100%; height: 100%; transition: all 1s; position: absolute; top: 0; left: 0;}
.products_list li:hover h4,.products_list li:hover p{ color: #055fb1;}
.products_list li:hover .pron-font2{opacity: 1;}
.pro_list .infor .tit{ font-size: 20px; text-align: center; margin-bottom: 30px;}
.pro_list .infor .tit span{ color: #055fb1; }
.show-pro .show-pro-top { padding-right:5%;}
.show-pro .show-pro-top .float-left{ width:52%; text-align: center; margin: 0 auto 50px; float:left; }
.show-pro .show-pro-top .float-left img { text-align: center; margin: 0 auto;}
.show-pro .show-pro-top .float-right{ width:43%; float: right}
.show-pro .show-pro-top .float-right .pro-t h1 {font-size: 28px; font-weight: bold; color: #333333;  padding-bottom:15px;border-bottom:1px solid #f0f0f0; }
.show-pro .show-pro-top .param {padding:20px 0;font-size: 16px; }
.show-pro .show-pro-top .param p { line-height: 30px;}
.show-pro .show-pro-top .contact-ico { margin: 10px 0;}
.show-pro .show-pro-top .contact-ico .ico { margin-right: 15px;}
.show-pro .show-pro-top .contact-ico span { font-size: 18px; color: #666;}
.show-pro .show-pro-top .button a {display: inline-block; width:100%; text-align:center;padding: 10px 40px;background-image: linear-gradient(62deg, #0169b5, #3ca0d3);color: #fff;}
.show-pro .show-pro-bottom { clear:both; padding-right:5%;border-top:1px solid #ccc; padding-top:40px; }
.show-pro .show-pro-bottom .param-t{font-size: 26px; font-weight: bold; color: #333333; padding-bottom:20px;}
.show-pro .show-pro-bottom .param-c {font-size: 16px; }
.show-pro .show-pro-bottom .param-c p{ line-height:28px;}
.show-pro .show-pro-bottom .param-c img{ max-width: 100%;}
.show-pro .pro-nav .nav-t { font-size: 22px; text-align:center; padding:10px 0; color: #fff; margin-bottom: 15px; background:#ff9c00; }
.show-pro .pro-nav ul li { display: block; padding: 15px 0 5px; border-bottom: 1px solid #dcdcdc; font-size: 15px; color: #666;}
.show-pro .pro-nav ul li a p{ text-align:center; line-height:40px; color:#666;}
.show-pro .show_right img { max-width: 100%;}
.show-pro .show_right .param-t { font-size: 30px; color: #333; font-weight: 700; margin-bottom: 30px;}
.show-pro .show_right .param { margin-bottom: 30px;}
.show-pro .show_right{ background-color:#eee; padding:30px 25px;}
.pro-big-img {width: 100%;height:400px;overflow: hidden;}
.pro-big-img .gallery-left{width:75%;height: inherit;border: 1px solid #dcdcdc; margin: 0; float: left;}
.pro-big-img .gallery-left .swiper-slide{width: 100%;height: initial;}
.pro-big-img .gallery-thumbs{padding: 22px 5px; width:20%; height: inherit;margin: 0 0 0 10px; float: left; box-sizing: border-box;}
.pro-big-img .gallery-thumbs img{width: 100%; overflow: hidden; border: 1px solid #dcdcdc; }
.pro-big-img .gallery-thumbs .swiper-button-pro-prev,.pro-big-img .gallery-thumbs .swiper-button-pro-next{margin: 0 auto;}
.pro-big-img .gallery-thumbs .swiper-button-pro-prev{-webkit-transform: rotate(90deg) translate(0, 0);transform: rotate(90deg) translate(0, 0);/**/left:40%;right:inherit;top:-15px;bottom:inherit;}
.pro-big-img .gallery-thumbs .swiper-button-pro-next{-webkit-transform: rotate(90deg) translate(0, 0);transform: rotate(90deg) translate(0, 0);/**/left:inherit;right:36%;top:inherit;bottom:-15px;}
.pro-big-img .gallery-thumbs .swiper-slide {opacity: 0.6;height: initial; }
.pro-big-img .gallery-thumbs .swiper-slide img{width: 100%;}
.pro-big-img .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}
.pro-big-img .gallery-thumbs .swiper-button-pro-prev,.pro-big-img .gallery-thumbs .swiper-button-pro-next{width:25px;height:50px;background-size: 60%;}
@media only screen and (max-device-width: 1366px){
.pro-big-img {height: auto;}
}
@media only screen and (max-device-width: 1300px){
.pro-big-img { height:380px; }
}
@media only screen and (max-device-width: 1220px){
.pro-big-img { height:370px; }
}
@media(max-width:1200px) {
.show-pro .show-pro-top { height: 350px;}
.show-pro .show-pro-top .float-left img{ width:100%;}
.show-pro .show-pro-top .float-right { padding-left: 5%;}
.show-pro .show-pro-top .float-right .pro-t h1 { font-size: 22px;}
.show-pro .show-pro-bottom .param-t { font-size: 22px;}
.show-pro .show-pro-bottom .param-t::before { height: 30px;}
}
@media only screen and (max-device-width: 1140px){
.pro-big-img { height:357px; }
}
@media only screen and (max-device-width: 992px){
.pro-big-img { height:370px; }
}
@media(max-width:768px) {
.products_list li .box{padding-bottom:20px;}
.show-pro .show-pro-top { height:758px; padding-right:0;  }   
.show-pro .show-pro-top .container>div { width: 100%;}
.show-pro .show-pro-top .float-left{ width:100%; float:left;margin: 0 auto 20px;}
.show-pro .show-pro-top .float-right{ width:100%; float: right; padding-left:0; margin-top:20px;}
.show-pro .show-pro-top .float-right .pro-t h1 { font-size: 20px;}
.show-pro .show-pro-bottom .param-t { font-size: 20px;}
.show-pro .show-pro-bottom .param-t::before { height: 20px;}
.show-pro .show-pro-top .param p { line-height: 28px;}
.share { margin: 10px 0;}
.show-pro .show-pro-bottom { width: 100%;padding-right:0px;}
.show_right{ display:none;}
}
@media only screen and (max-device-width: 760px){
.pro-big-img {  width: 100%;  height: inherit;}
.pro-big-img .gallery-left{width:100%;height: initial;}
.pro-big-img .gallery-thumbs{width:100%;padding: 10px 25px; margin-left: 0px;}
.pro-big-img .gallery-thumbs .swiper-button-pro-prev,.pro-big-img .gallery-thumbs .swiper-button-pro-next{margin: 0 auto;}
.pro-big-img .gallery-thumbs .swiper-button-pro-prev{-webkit-transform: rotate(0deg) translate(0, 0);transform: rotate(0deg) translate(0, 0);/**/left:0;right:inherit;top:42%;bottom:inherit;}
.pro-big-img .gallery-thumbs .swiper-button-pro-next{-webkit-transform: rotate(0deg) translate(0, 0);transform: rotate(0deg) translate(0, 0);/**/left:inherit;right:0;top:42%;bottom:inherit;}
.show-pro .show-pro-bottom .param-c iframe { height: 350px!important;}
}
@media only screen and (max-device-width: 600px){
.pro-big-img {  width: 100%;  height: inherit;}
}
@media(max-width:568px) {
.show-pro .show-pro-top { height:580px;}
.show-pro .show-pro-bottom img{ width:100%;}
.show-pro .show-pro-top .float-right .pro-t h1 { font-size: 17px; font-weight:normal;}
}
@media only screen and (max-device-width: 460px){
.pro-big-img .gallery-left .swiper-slide a{ width: 100%; margin: 0 auto; }
.pro-big-img .gallery-left .swiper-slide img{width:100%; }
.pro-big-img .gallery-thumbs .swiper-button-pro-prev{ top:30%; }
.pro-big-img .gallery-thumbs .swiper-button-pro-next{ top:30%; }
}

.share ul li { float: left; margin-right: 15px;}
.share ul li:last-child { margin-right: 0;}
.share { margin: 20px 0;}
.share .wechat { position: relative;}
.share .wechat:hover .vx { display: block;}
.share .wechat .vx::after { content: ''; position: absolute; left: 50%; margin-left: -6px; top: -14px; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: transparent transparent #fff transparent}
.share .wechat .vx { position: absolute; bottom: -185px; width: 180px; height: 172px; text-align: center; box-shadow: 0 2px 10px #aaa; background-color: #fff; z-index: 999; left: -76px; display: none;}
.share .wechat .vx h4 { font-weight: normal; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777;}
.share .wechat .vx .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; font-size: 12px; color: #333;}
.share .wechat .vx .vx-img img { width: 100px; height: 100px; margin: 10px auto; display: block;}

.news li{border-bottom:1px solid #e6e6e6; padding:35px; transition:all 0.5s ease;}
.news .li_box{display:block;}
.news .li_box .img_{width:24.7%; float:left;}
.news .li_box .img_ .rect-6402{padding-bottom:64.02%;}
.news .li_box .intro{width:72%; float:right;}
.news .li_box .intro .box .tit{font-size:24px; line-height:1; color:#251e1b; margin-top: 20px;}
.news .li_box .intro .box .con{margin:24px 0 43px; font-size:16px; line-height:26px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#888888;}
.news li:hover{box-shadow:0 0 25px rgba(0,0,0,.1); border-color:transparent;}
.news li.no_img .img_{display:none;}
.news li.no_img .intro{width:100%;}
.news li.no_img .li_box .intro .box{margin-top:0px;}
.news .li_box .intro .box .more{ float: left;}
.news .li_box .intro .box .date{float:right; font-size:16px; color: #999; line-height: 38px;}
.news li:hover .more{ background: #004ea2; background-image: linear-gradient(to right,#004ea2, #523a94); color: #fff;}
@media only screen and (max-width: 1440px){
.news .li_box .intro .box .tit{font-size:22px; margin-top: 0px;}
}
@media only screen and (max-width: 1366px){
.news li{ padding:25px 0px;}
.news .li_box .intro .box .tit{font-size:20px;}
}
@media only screen and (max-width: 1180px){
.news .li_box .intro .box .con{margin:15px 0 15px;}
}
@media only screen and (max-width:768px){
.news .li_box .intro .box .tit{font-size:18px;}
.news .li_box .img_{width:30%; float:left;}
.news .li_box .intro{width:67%; float:right;}
.news .li_box .intro .box .con{margin:10px 0 10px; }
}
@media only screen and (max-width:668px){
.news li{ padding:15px 0px;}
.news .li_box .intro .box .tit{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.news .li_box .intro .box .more{display: none; }
.news .li_box .intro .box .date{ float: left; font-size: 15px; line-height: 28px;}
.news .li_box .intro .box .con{margin:10px 0 0px; }
.news .li_box .img_ .rect-6402{padding-bottom:66.02%;}
.news .li_box .img_{width:37%; float:left;}
.news .li_box .intro{width:61%; float:right;}
}
.news_detail .left{  float:left;}
.news_detail .left .bdsharebuttonbox{overflow:hidden;}
.news_detail .left .bdsharebuttonbox a{display:block; float:none; width:84px; height:84px; padding:0; margin:0 0px 1px; background-position:0 0;}
.news_detail .left .bdsharebuttonbox a:hover{background-position:-84px 0;}

.news_detail .left .left-share { width: 100%;}
.news_detail .left .left-share .wechat { position: relative;}
.news_detail .left .left-share .wechat:hover .vx { display: block;}
.news_detail .left .left-share .wechat .vx::after { content: ''; position: absolute; left:0; margin-left: -12px; bottom: 40%; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color:  transparent #fff transparent transparent}
.news_detail .left .left-share .wechat .vx { position: absolute; top: -45px; width: 180px; height: 172px; text-align: center; box-shadow: 0 2px 10px #aaa; background-color: #fff; z-index: 999; left: 105px; display: none;}
.news_detail .left .left-share .wechat .vx h4 { font-weight: normal; height: 30px; line-height: 30px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777;}
.news_detail .left .left-share .wechat .vx .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; font-size: 12px; color: #333;}
.news_detail .left .left-share .wechat .vx .vx-img img { width: 100px; height: 100px; margin: 10px auto; display: block;}
.news_detail .left .left-share .share-item { width: 75px; height: 75px; line-height: 75px; margin-bottom:8px; background-color: #7c8188;}
.news_detail .left .left-share .share-item .img{width: 75px; height: 75px; line-height: 75px; border-radius: 5px; margin-bottom:2px; text-align: center; background-color: #7c8188;}
.news_detail .left .left-share>a:first-child .img,.news_detail .left .left-share>a:hover .img{ background-color: #0055a2;}

.news_detail .right{width:86%; float:right;}
.news_detail .right .box{padding-right:16%;}
.news_detail .right .tit{font-size:18px; line-height:28px; color:#0055a2; font-weight:lighter;}
.news_detail .right .con { line-height: 30px;}
.news_detail .right .con .date{display:inline-block; font-size:16px; line-height:28px; color:#666;}
.news_detail .right .con .switcher{display:inline-block;color:#666; font-size:16px; line-height:28px; margin-left:30px;}
.news_detail .right .intro .title{font-size:30px; line-height:42px; color:#333; margin-top:25px; font-weight:lighter; padding-bottom:30px; border-bottom:1px solid #d0d0d0; margin-bottom:30px;}
.news_detail .right .intro .text{font-size:16px; line-height:28px; color:#575757; font-weight:lighter;}
.news_detail .right .intro .text a{color:#0055a2; text-decoration:underline;}
.news_detail .right .intro .text a:hover{background:#0055a2; color:#fff;text-decoration:none;}
.turn_page{overflow: hidden;margin-top: 20px;margin-bottom: 20px;padding-bottom: 20px;}
.p_previewBox{float: left;width: 50%;}
.p_nextBox{float: right;width: 50%;text-align: right;}
@media only screen and (max-width: 1366px){
.news_detail .right .intro .title{font-size:24px; line-height:34px;}
.news_detail .right .box{padding-right:3%;}
}
@media only screen and (max-width: 1200px){
.news_detail .right .intro .text img{ width: 100%;}
}
@media only screen and (max-width: 768px){
.news_detail .left{display:none;}
.news_detail .right{width:100%;}
.news_detail .right .box{padding-right:0px;}
.news_detail .right .intro .title{font-size:18px; line-height:24px; margin:10px 0; padding-bottom:15px;}
.news_detail .right .intro .text{font-size:15px; font-weight:normal}
.p_previewBox{float: left;width: 100%;}
.p_nextBox{float: left;width: 100%;text-align: left;}
}

.service-support .left{float: left;width: 49%;overflow: hidden;}
.service-support .left .title h3{font-size: 30px;}
.service-support .left .title .line{width: 80px;height: 4px;background: #045eb0;margin: 25px 0;}
.service-support .left .text{color: #666;font-size: 16px;line-height: 32px;}
.service-support .left .text strong {color: #000;font-size: 20px;}
.service-support .right{float: left;width: 49%;overflow: hidden;}
.service-support .right .item3{clear: both;border-bottom: 1px solid #dcdddf;overflow: hidden;padding: 30px 0;}
.service-support .right .item3 .title{float: left;width: 30%;}
.service-support .right .item3 .title i{display: inline-block;vertical-align: middle;position: relative;width: 50px;height: 50px;}
.service-support .right .item3 .title h4{display: inline-block;vertical-align: middle;font-size: 20px;margin: 0 10px;}
.service-support .right .text{float: left;width: 65%;color: #1a1a1a;font-size: 16px;line-height: 34px;}
.img-center {position: absolute;display: block;left: 0;top: 0;bottom: 0;right: 0;margin: auto;width: auto!important;height: auto!important;}
.img-block {display: block;width: 100%;height: auto;}
@media only screen and (max-width: 768px){
.service-support .left{ width:100%; margin-bottom: 30px;}
.service-support .right{ width: 100%;border-top: 1px solid #dcdddf; }
.service-support .left .title h3{font-size: 22px;}
.service-support .left .title .line{width: 40px;height: 3px; }
.service-support .right .item3 .title h4{ font-size: 18px; }
}

.question li{ margin-bottom:30px;}
.question li a{ display: block; padding: 45px 40px; -o-box-shadow: rgba(11, 81, 168, 0.08) 1px 1px 3px 1px; -ms-box-shadow: rgba(11, 81, 168, 0.08) 1px 1px 3px 1px; -moz-box-shadow: rgba(11, 81, 168, 0.08) 1px 1px 3px 1px;-webkit-box-shadow: rgba(11, 81, 168, 0.08) 1px 1px 3px 1px; box-shadow: 5px 1px 15px rgba(0, 0, 0, .175);}
.question li .text .tit{ line-height: 40px; font-size: 18px; color: #333333; margin-bottom:20px;}
.question li .text .tit .far{ width: 40px; height: 40px; line-height: 40px; border-radius: 100%; font-size:24px; color:#045eb0; margin-right:15px;}
.question li .text .des{ padding-top: 20px; font-size:16px; border-top:1px dashed #d2d2d2; color: #666; line-height:30px; overflow: hidden; }
.question li .text .des .far{ font-size:24px; color:#999; margin-right:15px;}
.question li .more_btn i{ margin-top: 20px; display: inline-block; width: 48px; height: 48px; border-radius: 50%; float:right; background-size: cover; background-image: url(../images/home_news_ico.png); -o-box-shadow:0 0 20px rgba(0,0,0,.05); -ms-box-shadow:0 0 20px rgba(0,0,0,.05); -moz-box-shadow:0 0 20px rgba(0,0,0,.05); -webkit-box-shadow:0 0 20px rgba(0,0,0,.05); box-shadow:0 0 20px rgba(0,0,0,.05);}
.question li:hover{z-index:1;}
.question li a:hover{ border-radius: 15px; background: #FFFFFF; border-bottom:1px solid #FFFFFF;}
.question li a:hover .text .tit{ color: #333;}
.question li a:hover .des{ border-top:1px dashed #999;}
.question li a:hover .more_btn i{  background-image: url(../images/home_news_ico2.png); }
@media only screen and (max-width:992px) {
.question li{ margin-bottom:25px;}
.question li a{ padding: 25px 20px;}
.question li .text .tit{ line-height: 30px; font-size: 16px;  margin-bottom:10px;}
}
@media only screen and (max-width:768px) {
.question li a{ padding: 15px 10px;}
.question li .text .des{ margin-top:10px; line-height: 25px; }
}

.contactBox{ position: relative;}
.contact{ width: 45%; }
.contact .name{ font-size: 28px; line-height:45px; color: #000; font-weight: bold; padding-bottom: 20px; }
.contact .list li{ border-bottom: #ebebeb solid 1px; padding-left: 0.8rem; position: relative; height: 108px;}
.contact .list li .ico{ position: absolute; left: 0; top: 50%; margin-top: -0.3rem; width: 0.6rem; height: 0.6rem; background: #ebebeb; border-radius: 50%; }
.contact .list li .ico img{ position: absolute; left: 50%; top: 50%; margin-left: -13px; margin-top: -15px; }
.contact .list li .wen{ padding-top: 25px; color: #999; font-size: 16px; line-height: 18px; }
.contact .list li .msg{ font-size: 20px; line-height: 0.24rem; color: #000; padding-top: 15px; }
.contactBox .mapDiv{ position: absolute; left: 50%; width: 50%; height: 500px; top: 100px; }
.contactBox .map_box{overflow:hidden; width: 100%; height:100%;} 
.contactBox .map_box img{max-width:none;}
@media only screen and (max-width:992px) {
.contact{ width: 100%; }
.contactBox{ position: static;}
.contactBox .mapDiv{ position: static; left: 0px; width:100%; }
.contact .name{ font-size: 22px; line-height:35px; }

}
.d-inline {
  display: inline-block;
}
.message .left { width: 43.75%;padding-right: 8.875%; float: left;}
.message .page_title {font-size: 36px;line-height: 36px;color: #666666;font-weight: 400;}
.message .text-muted {font-size: 16px;color: #999;line-height: 32px;font-weight: 400;}
.message .form { width: 56.25%; float: left;}
.message .validate_form { font-size: 0;}
.message .validate_form .form-group {width: 50%;display: inline-block;color: #999;padding-right: 4.44444%;margin-bottom: 30px;position: relative;}
.message .validate_form .form-control {display: block;padding: 0;margin: 0;border: none;background: none;height: 50px;font-size: 16px;color: #999;font-weight: 400;width: 100%;border: 1px solid #EAEAEA;padding: 0 20px;text-align: left;cursor: pointer;}
.message .validate_form .form-control+label {display: block !important;font-size: 16px;color: #999;position: absolute;top: 18px;left: 20px;-moz-transition: all .36s ease;-o-transition: all .36s ease;-webkit-transition: all .36s ease;transition: all .36s ease;cursor: pointer;}
.message .validate_form .form-group_msg .form-control {height: 180px;resize: none;padding: 20px;}
.message .validate_form .form-control {display: block; margin: 0;border: none;background: none;height: 50px; line-height: 50px; color: #999;font-weight: 400;width: 100%;border: 1px solid #EAEAEA;padding: 0 20px;text-align: left;cursor: pointer;}
.message .validate_form .form-control+label {display: block !important;font-size: 16px; font-weight: normal; color: #999;position: absolute;top: 16px;left: 20px;-moz-transition: all .36s ease;-o-transition: all .36s ease;-webkit-transition: all .36s ease;transition: all .36s ease;cursor: pointer;}
.message .validate_form .form-group_msg {width: 100%;}
.message .btn_button {padding: 17px 30px;}
.message .btn_default {padding: 0;/*background: none;border: none;*/display: inline-block;text-align: center; position: relative;padding: 15px 30px;overflow: hidden;font-weight: 400;cursor: pointer;-moz-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;-webkit-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out;}
.message .btn_default span {position: relative;z-index: 300; color: #fff; -moz-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;-webkit-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out;}
.message .btn_default:after {content: "";display: block;position: absolute;top: 5px;left: 5px;right: 5px;bottom: 5px;background-color: #015bad; color: #fff; z-index: 100;-moz-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;-webkit-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out;}
.message .hint{ line-height: 32px; color: #666; font-size: 16px;}
.message span {display: inline-block;color: #666; }
.message #code {width: 185px;height: 55px;border: 1px solid #e5e5e5;background-color: #fff;color: #666;margin-right: 15px;}
.message .hint span {color: #cd0000; font-size: 16px;}
@media (max-width:992px){
.message .left {display: inline-block;width: 100%;padding-right:0;}
.message .form {display: inline-block;width: 100%;}
.message .page_title {font-size:26px;}
}
@media (max-width:768px){
.message .page_title {font-size:22px;line-height: 30px;}
.message .validate_form .form-control { height: 40px; line-height:40px; padding: 0 8px; font-size: 14px; }
.message .validate_form .form-group {margin-bottom: 20px;}
.message .validate_form .form-group_msg .form-control {padding: 0 8px; }
.message #code {width: 165px;height: 40px;}
.message .hint{ line-height: 28px; }
}
@media (max-width:568px){
.message .page_title {font-size:20px; margin-bottom: 10px;color: #333; }
.message .text-muted { color: #666;line-height: 28px;margin-bottom: 10px; }
}

.footer1 {height: 28px;width: 100%;margin-top: 17px;}
.menu-footer {position:fixed;bottom:0;left:0;z-index:9999;opacity:.9;-webkit-transform: translateY(45px);-ms-transform: translateY(45px);-o-transform: translateY(45px);transform: translateY(45px);
transition: .5s;-webkit-transition: .5s;-ms-transition: .5s;}
.menu-footer.on {-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
.menu-footer {width:100%;height:45px;line-height:45px;text-align:center;background:#636363;font-size:0;}
.menu-footer a {position: relative; float:left;width:33.33%;width:calc(100% / 3);color:#fff;font-size:14px;}
.menu-footer a:hover {color:#fff;}
.menu-footer a ~ a:before {content: "";position: absolute;left: 0;top: 50%;margin-top: -5px;height: 10px;border-left: 1px solid #a0a0a0;opacity: 0.5;}