﻿@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:#2a3843;} 
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:after{clear:both;content:".";display:block;height:0;overflow:hidden;visibility:hidden;}
.clear{zoom:1;}
.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:1200px; margin:0 auto;}
@media (max-width:1680px) {
.main_box{ width:94%;}
}

.warp{width:100%; max-width:1400px; 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: fixed;top: 0;z-index: 999999; background: #fff;  padding: 15px 0; box-sizing: border-box; border-bottom: 1px solid #eee;}

.head{background:#fff;height: auto; overflow: hidden;}
.logo{margin-right: 16px;}
.head .wz{font-size:14px;color: #292929;padding-left: 18px; border-left: 1px solid #ff963a; font-weight: 600; margin-top: 14px;}
.head .wz em{font-size: 12px; font-style: normal; font-weight: normal; color: #313131}
.tel{color: #fff;background: url(../images/tel.png) no-repeat 0 center;padding-left: 50px; margin-top: 15px}
.tel p{font-size: 24px;line-height: 25px; color: #2a3843}
.tel .z{font-size: 26px;font-family: "MS Serif", "New York", serif;font-weight: bold;line-height: 26px;}


/*-------------------------------nav-----------------------------------*/
.navBar{ height: auto; width: 100%;}
.nav{  margin:0 auto; float: right; margin-top: 12px;}
.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:32px; margin:0 22px; color:#666666;  display:block; text-transform:uppercase;font-size: 15px; box-sizing: border-box;}
.nav li:hover a{ color:#666666; }
.nav li:hover a:hover{color:#333;}
.nav li h3 a.hover{background: #2a3843;color: #FFF;padding: 0 30px;border-radius: 30px;}



.sm{background:#ff963a; border-radius:20px; color: #fff; line-height: 32px; display: block;}
.sm a{color: #fff!important; line-height: 32px; }
.sm a:hover{border:none;}


.nav .sub{ width:148px; position:absolute; left:0px; top:32px; 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;}



.hfixed {height:70px;}
.htfixed header{height:70px;}
.htfixed .sy-logo{ width:149px; height:50px;margin-top:8px;background: url("../images/logo2.jpg") no-repeat;}
.htfixed .sy-nav ul li a { line-height:70px; font-size:15px;}
.htfixed .sy-nav ul li a i {bottom:10px; }
.htfixed .sy-hright .top_tel {top:23px; }
.htfixed .sy-hright .lan {top:20px; }
.htfixed .sy-nav ul li ul.children{top:70px;}
.htfixed .sy-product-nav {top:70px;}
.htfixed .header-search{ top:42px;}
@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;}
}











/* banner */
.sy-banner {overflow: hidden;position: relative; width:100%; background: #000; padding-top:118px!important;}

.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;}
.pic {width: 100%; height: auto;}
.pic img{width: 100%; margin:auto; display: block; clear: both;}

.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;}
}


/*首页产品中心*/
.ipart01{padding:80px 0;}
.ipart01 a{display:block;}
.fix {zoom: 1; clear: both;}
.fix:before, .fix:after {display: table; clear: both;content: '';}
.ipart01 a:hover{color: #2a3843;}
.ipart01 .main_box{box-shadow:0 7px 22px rgba(19,19,19,.08);}
.ipart01 .content .left{width:36%; position:relative;}
.ipart01 .content .left img{width: 100%;}
.ipart01 .content .left .icon{position:absolute; right:-20px; top:-20px; width:75px; height:45px; background:url(../images/kf_ico.png);}
.ipart01 .content .right{width:61%; position:relative;background:none; height:auto; padding-right:1%;}
.ipart01 .content .right .box {padding-top:25px; height:100%;}
.ipart01 .content .right .box .tit {line-height:29px; font-size:23px;}
.ipart01 .content .right .box .con {padding-top:20px; line-height:24px; font-size:16px;}
.ipart01 .content .right .box .btn {position:absolute; bottom:-45px; right:20px; width:143px; background:url(../images/kf_butter.jpg) no-repeat center; color:#ffffff; font-size:16px; text-align: center; line-height: 36px}
.ipart01 .content .right .box .btn a{color:#ffffff; font-size:16px; text-align: center; line-height: 36px}
.ipart01 .content .right .box .btn a:hover{color;#fff}




.inpro{width: 100%; height: auto; overflow: hidden; padding: 30px 0; background: #f7f7f7}
.inprony{margin-top: 10px; overflow: hidden;}
.inprony_left{width:20%; float: left; background: #fff; border: 1px solid #dddddd;}

.inprony_leftmenu{overflow: hidden;}
.inprony_leftmenu ul{}
.inprony_leftmenu li{line-height:50px; font-size: 16px; color: #666;}


.inprony_leftmenu li:hover{}
.inprony_leftmenu li .bt{ font-size: 16px; color: #666; font-weight: 600; padding: 0 20px; background:#ebebeb; overflow: hidden;}

.inprony_leftmenu li .bt .xiu{float: left;}
.inprony_leftmenu li .bt .xiy{width:30%;float: right;text-align: right;}
.inprony_leftmenu li .bt .xiy img{vertical-align: middle;}
.inprony_leftmenu li .bt .xiy .img2{display:none;}
.inprony_leftmenu li .bt:hover .xiy .img2{display:inline-block;}
.inprony_leftmenu li .bt:hover .xiy .img1{display:none;}

.inprony_leftmenu li .hover .xiy .img2{display:inline-block;}

.inprony_leftmenu li:hover .bt{background:#2a3843; color: #fff}
.inprony_leftmenu li .hover{background:#2a3843; color: #fff}
.inprony_leftmenu li .hover .bt{background:#2a3843; color: #fff;  background: url(../image/pl_ico.png) center right no-repeat}
.item_list{overflow: hidden;margin-top: 0px;padding: 0 20px; box-sizing: border-box;}
.item_list ul{}
.item_list ul li{float: left;width: 50%;line-height: 2; border-bottom: 1px solid #f1f1f1; padding:5px 0 !important; background: url(../images/proicon.png) center left no-repeat;}
.item_list ul li .item{padding-left:20px;}
.item_list ul li .item a{color: #555;font-size: 14px;}
.item_list ul li .item a:hover{color: #dd2025}
.item_list ul li:hover{ background: url(../images/proicon.png) center left no-repeat; color: #2a3843;}

.tels{background: #2b3843; padding: 26px 0; box-sizing: border-box; overflow: hidden;}
.tels_left{margin: 0 22px;}
.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;}

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





.infor{text-align:center; padding:25px 0;}
.infor .tit{font-size:36px; color: #333; font-weight: 600}
.infor .line{width:58px; height:3px; background-color:#ff963a; display:inline-block; margin-top:0.5%;}


.infor2{text-align:center; padding:25px 0;}
.infor2 .tit{font-size:36px; color: #fff; font-weight: 600}
.infor2 .line{width:58px; height:3px; background-color:#fff; display:inline-block; margin-top:0.5%;}
.infor2 .wz{font-size: 16px; text-align: center; line-height: 30px; color: #fff; margin-top: 10px;}
.main_bar{padding: 25px 0px; font-size: 13px; overflow: hidden;}
.borderNone{border-bottom:none;}
.jjfa_list{}
.jjfa_list ul{}
.jjfa_list li{text-align: center;margin-bottom:20px; width: 20%; float: left}
.jjfa_list li .img{display:inline-block;width:109px;height:109px;overflow:hidden;}
.jjfa_list li .name{font-size:18px;font-weight: normal;margin-top: 10px;color: #2a3843;}
.jjfa_list li .p{font-size:14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; line-height: 25px; color:#666}
.jjfa_list li:hover .img1{transform: translateX(-109px);-webkit-transform: translateX(-109px);}
.jjfa_list li:hover .img2{transform: translateY(-109px);-webkit-transform: translateY(-109px);}
.jjfa_case_t{font-size:26px;padding:20px 0;}
.jjfa_case{border-bottom: 1px #e0e0e0 solid;padding-bottom: 35px;}
.jjfa_case li .title{font-size:17px;margin: 15px 0 8px; line-height: 25px;}
.jjfa_case li .p{height:80px;overflow:hidden;color:#777;}
.jjfa_case li:hover ._full{transform:scale(1.1);-webkit-transform:scale(1.1);}
.transition{ transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.hoverImg:hover{ transform:scale(1.1,1.1);-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);}



.ipart04{background-color:#f7f7f7; padding:60px 0; position:relative;}
.ipart04 .content{padding-bottom:40px;}
.ipart04 .content .content_l {width:35%;}
.ipart04 .content .content_l .tit{font-size:28px; font-weight: 600}
.ipart04 .content .content_l .line{width:58px; height:3px; margin:10px 0 35px 0; background-color:#ff963a;}
.ipart04 .content .content_l .con{color: #666; font-size:16px; line-height:30px; height:auto; margin-bottom:50px; overflow:hidden; text-align:justify;}
.ipart04 .content .content_l .btn{width:140px; height:50px; line-height:50px; box-sizing:border-box; color:#fff; background:url(../images/ab_butter.jpg) no-repeat center; text-align: center; font-size: 16px; }
.ipart04 .content .content_l .btn a{color: #fff}
.ipart04 .content .content_l .btn:hover{}
.ipart04 .content .content_r {position:relative;}
.ipart04 .content .content_r:hover{cursor:pointer;}
.ipart04 .content .content_r .cover .play{background:url(../images/ipart04_3.png) no-repeat center; width:61px; height:61px; position:absolute; top:50%; left:50%; margin:-30px 0 0 -30px;}
.ipart04 .row_content{ overflow:hidden; margin:0 auto; background-color:#FFFFFF; padding:25px 0; box-shadow:0 0 15px 5px #eee; padding-left:2%; margin-bottom: -200px;box-sizing: border-box;}
.ipart04 ul{ }
.ipart04 li{width: 20%; float: left;}
.ipart04 li img{max-width:62px; width:23%; max-height:62px; height:50%; display:block; padding-left:16%;padding-top:3%}
.ipart04 .row .r{width:55%; height:100%; border-right:1px solid #f3f3f3; float: right;}
.ipart04 .row .r .num{font-size:30px; color: #ff963a}
.ipart04 .row .r .line{width:24px; height:3px; background-color:#2a3843; margin: 4px 0;}
.ipart04 .row .r .con{font-size:16px; color: #555555}
.row{transition:.2s width ease;*zoom:1}
.row:before,.row:after{display:table;clear:both;content:''}
.row>[class*="span-"]{float:left;margin-right:2%;*margin-right:1.89%}
.ipart04 .row .r .number{float: right;margin-top: -40px;margin-right:70px;font-size:18px; color: #ff963a}
.ipart04 .row .r .number1{margin-right:70px;}
.ipart04 .row .r .number2{margin-right:30px;}

.inworkshop{padding:130px 0 60px; overflow: hidden;}
.inworkshop ul{margin-right: -1%;}
.inworkshop li{width: 24%; float: left; margin-right: 1%;}
.inworkshop li img{width: 100%;}


.xsy_m5{overflow: hidden;}
.xsy_m5 ul{margin-top:0px;}
.xsy_m5 ul li{float: left;width:13.5%;margin-right: 1%;position: relative;background: #e8edf5;height:280px;padding:15px 10px;text-align: center; box-sizing: border-box;}
.xsy_m5 ul li:nth-child(5n){margin-right:0;}
.xsy_m5 ul li .h1{position: relative;z-index: 1;background: #6a7788;width:60px;height:60px;border-radius: 50%;padding-top: 0px;margin: auto;}
.xsy_m5 ul li .h1 img{display: block;margin: auto;padding-top: 12px;}
.xsy_m5 ul li .h2{position: relative;z-index: 1;font-size: 18px;line-height: 28px;color: #050300;padding-top: 10px;}
.xsy_m5 ul li .h3{position: relative;z-index: 1;font-size: 12px;line-height: 22px;color: #050300;padding-top: 0px;}
.xsy_m5 ul li .h4{position: absolute;left: 0;top: 0;right: 0;bottom: 0;opacity: 0;-webkit-transition:0.5s;transition:0.5s;overflow: hidden;}
.xsy_m5 ul li .h4 img{display: block;height: 280px;}
.xsy_m5 ul li.on{width: 41.5%;text-align: left;}
.xsy_m5 ul li.on .h1{margin: 0;background: #2a3843;}
.xsy_m5 ul li.on .h2{color: #fff; text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0; font-weight: 600}
.xsy_m5 ul li.on .h3{color: #fff; text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0; font-size: 14px}
.xsy_m5 ul li.on .h4{opacity: 1;}

.xsy_m6{width: 100%; height: auto; overflow: hidden; background: url(../images/hz_bg.jpg) no-repeat center; background-size: cover; margin:50px 0; padding: 15px 0 50px; box-sizing: border-box;}
.company-cultures2{ margin-top:20px }
.company-cultures2 ul{margin-right: -2%}
.company-cultures2 ul li{float: left;width:23%;height: auto;padding:4%; margin:0 2% 0% 0%; box-shadow: 0 10px 20px rgb(0 0 0 / 10%);
    transition: all .5s ease;background: #fff;color: #424242; border-radius: 8px; box-sizing: border-box;}
.company-cultures2 ul li:hover{background: #fff;color: #333;-webkit-transform: translateX(10px);-o-transform: translateX(10px);-ms-transform: translateX(10px);-moz-transform: translateX(10px);}
.company-cultures2 ul li em{margin: 0 auto;display: block; text-align: center;}
.company-cultures2 ul li em img{max-width: 100%}
.company-cultures2 ul li em.xs{display: block;}
.company-cultures2 ul li:hover em.xs{display: block;}
.company-cultures2 ul li .fwbt{font-size: 24px;font-weight: bold;padding-top:30px;text-align: center; line-height: 50px; font-weight: normal; font-weight: 600; color: #4c5059}
.company-cultures2 ul li p{font-size: 16px;text-align: center;margin: 0 auto;padding-top: 20px;}


.news{padding-bottom:0px;overflow:hidden;font-size:12px; background: #fff; box-sizing: border-box; padding: 50px 0}
.newsL{width:55%;overflow:hidden;float: left;}
.nTie{height:45px;border-bottom:1px solid #dadada;margin-bottom:35px;color:#151515;font-size:24px;}
.nTie a{color:#151515;display:inline-block;height:45px;margin-right:30px;}
.nTie i{font-size:14px;color:#bdbdbd;margin-left:5px;font-style:normal;font-weight:normal;}
.nTie .m.on,.faq .nTie .m{color:#2a3843;border-bottom:1px solid #2a3843;}
.nTie .more{float:right;font-size:13px;margin-right:0;font-weight:normal;color:#555;background: url('../images/more.png') no-repeat left 4px;padding-left:20px;}
.nTie .more:hover{color:#2a3843;}

.newsMain,.newsBox{height:auto;overflow:hidden;}
.newsPic{float: left;width: 43%;}
.newsPic .pImgs{display: block;width:100%;height:auto;overflow: hidden;margin-bottom:15px;} 
.newsPic .pImgs img{width:100%;height:auto;transition:all .5s;}
.newsPic .nwz{font-size:18px;color:#333;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;;margin-bottom:10px;}
.newsPic:hover img{transform: scale(1.1);}
.newsPic:hover .nwz{color:#2a3843;}
.newsPic p{color:#777;line-height: 21px}
.newsLi{width:55%; float: right;}
.newsLi li{border-bottom: 1px solid #e8e8e8;line-height:45px;background: url('../images/ly_li.png') no-repeat left center;padding-left:15px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.newsLi li span{float:right;color:#999;}

.newsr{width: 43%; height: auto; float: right;}
.widget_titlebg{margin-bottom: 20px; margin-left: 15px;}
.widget_title{padding-bottom: 12px;font-size: 26px;line-height: 24px;position: relative;text-transform: uppercase; color: #333; font-weight: 600}
.widget_titleen{padding-bottom: 8px;font-size: 16px;line-height: 24px;position: relative;text-transform: uppercase; color: #333;}
.widget_title_line{background:#2a3843;width: 35px;height: 2px;}
.fot_form2{margin-top:10px;}
.fot_form2 form{ }
.fot_form2 .text{display:block;margin-bottom:15px;margin-left:15px;padding:0 10px;width:100%;height:44px;border:1px solid #b0b0b0;background:none;color:#999;font-size:14px;line-height:44px;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F222226', endColorstr='#7F222226');border-radius: 5px;box-sizing: border-box;}
.fot_form2 .md{ float:left;}
textarea{ resize:none;}
.fot_form2 textarea{ margin-left:15px; width:100%; height: 141px; border:1px solid #b0b0b0; color:#999; font-size:14px; line-height:44px; padding-left:8px; resize:none;background:none;  filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F222226', endColorstr='#7F222226'); font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜";border-radius: 5px; box-sizing: border-box;}
.fot_form2 .submit { margin-left:15px; margin-top:20px; width:50%; height: 46px; border:none; line-height:46px;background: url(../images/c_butter.png) no-repeat center; color:#fff; text-align:center; font-size:15px;border-radius: 5px;}
.fot_form2 .submit a{ display:block; color:#fff; }
.fot_form2 .submit:hover{  background: #2a3843;}



.yuoqing{height: auto; overflow: hidden; background: #ededed}
.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:50px 0 0;background: #2a3843; overflow: hidden;}
.footny{border-bottom: 1px solid rgba(255,255,255,0.15); overflow: hidden; padding-bottom: 20px;}
.footny_left{width: 64%;border-right: 1px solid rgba(255,255,255,0.15); float: left;}
.footny_left_logo{border-bottom: 1px solid rgba(255,255,255,0.15); padding-bottom: 20px;}
.footny_left_logo img{height: 60px;}

.footny_left02{margin-top: 40px; overflow: hidden;}
.footny_left02_ewm{ width: 30%; float: left; }
.footny_left02_ewm .wz{font-size: 18px; color: #fff; margin-bottom: 15px;}
.footny_left02_ewm .img{ margin-bottom: 15px; }
.footny_left02_ewm .img p{font-size: 14px; line-height: 25px; color: #fff;  margin-top: 15px; }

.foot-nav_right{width:45%; float: left; margin-left: 8%}
.foot-nav_right dl{float: left;height: auto;width:48%; padding-right: 2%;}
.foot-nav_right dl dt{text-align: left;color: #fff;font-size: 18px;text-transform: uppercase;margin-bottom:25px;}
.foot-nav_right dl dd{text-align: left;line-height: 2;color: #eee;}
.foot-nav_right dl dd a{color: #999999; font-size: 16px; line-height: 35px;}
.foot-nav_right dl dd i{display: inline-block;vertical-align: top;margin-right: 5px;}
.foot-nav_right dl dd a:hover{color: #fff;}


.footny_right{width: 30%; float: right;}
.footny_right ul{}
.footny_right li{border-bottom: 1px solid rgba(255,255,255,0.15);margin:30px 0;  font-size: 18px}
.foot_lx_tel{ margin:18px 0; background:url(../images/pl_icon_05.png) left top no-repeat; padding-left:30px; color: #fff;}
.foot_lx_tel p{font-size: 20px; line-height: 40px; color: #fff}
.foot_lx_dz{ margin: 18px 0; background:url(../images/pl_icon_06.png) left top no-repeat; padding-left:30px;  color: #fff}
.foot_lx_dz p{font-size: 20px; line-height: 40px; color: #fff}
.foot_lx_yx{ margin: 18px 0;background:url(../images/pl_icon_07.png) left top no-repeat; padding-left:30px; color: #fff}
.foot_lx_yx p{font-size: 20px; line-height: 25px; color: #fff}

.footny_right li:nth-child(3n){border-bottom:none; background:none}


.copyright{color: #fff;font-size: 14px;line-height: 50px;text-align: center; margin: 10px 0}





/*首页新闻*/
.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 (max-width:1360px) {
	.nav{width: 71%}
	.conbox ul li{margin-bottom: 30px}
	.tels{padding: 13px 0}
	.ipart04 .row .r .number{margin-right: 72px}
	.ipart04 .row .r .number1{margin-right: 72px}
	.ipart04 .row .r .number2{margin-right: 40px}
}


.listBanner{ width:100%; height:auto; overflow: hidden; margin-top: 130px}
.listBanner img{width:100%;}

.aboutBox1{width: 100%; height: auto; overflow: hidden; padding: 50px 0; box-sizing: border-box;}
.aboutBox_l{width:42%;height:auto; margin-top: 40px}
.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:64px;height:3px;background:#ff963a;}
.aboutBox_l .txt{height:160px;margin-bottom:10px;line-height:1.6;}
.aboutBox1 .font{overflow-y:auto;height:auto;margin-bottom:30px; color: #565656; font-size: 18px; line-height: 35px;}
.aboutBox_r{height:375px;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:#ff963a;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%;}

.join_box3{background: url(../images/join_bg.jpg) no-repeat center center/cover;height: auto;text-align: center;color: #fff;padding:80px 0; box-sizing: border-box;}
.join_box3 .text .icon{width: 42px;margin: 0 auto;line-height: 0;}
.join_box3 .text .cbt{font-size:36px;font-weight: 600;}
.join_box3 .text span{display: block;margin-top: 5px;}
.join_box3 .text i.bg{display: block;width: 88px;height: 2px;background: #ff963a;margin: 10px auto;}
.join_box3 .text .t{line-height: 28px;max-width: 765px;margin:0px auto; font-size: 24px; }
.join_box3 .text .t p{line-height: 45px;}

.join_box{background: url(../images/join_bg2.jpg) no-repeat center center/cover;height: auto;text-align: center;color: #333;padding:80px 0; box-sizing: border-box;}
.join_box .text .icon{width: 42px;margin: 0 auto;line-height: 0;}
.join_box .text .cbt{font-size:36px;font-weight: 600;}
.join_box .text span{display: block;margin-top: 5px;}
.join_box .text i.bg{display: block;width: 52px;height: 2px;background: #ff963a;margin: 10px auto;}
.join_box .text .t{line-height: 28px;max-width: 765px;margin:30px auto; font-size: 24px; }
.jbutter{width:160px;margin:0 auto;}
.jbutter a{width:100%; display:block; line-height:40px; background:#2a3843; text-align:center; font-size:14px; color:#fff; border-radius: 30px}
.jbutter a:hover{background:#2a3843; color:#fff;}


.aboutBox2{width: 100%; height: auto; overflow: hidden; padding: 50px 0; box-sizing: border-box;}
.aboutBox2 ul{}
.aboutBox2 li{width:50%; float: left; border-right: 2px solid #e7e7e7; padding:0 5%; box-sizing: border-box; margin-bottom:30px;} 
.aboutBox2 li:nth-child(2n){border-right: none}
.aboutBox2 li:nth-child(5){width: 100%; border-right: none}
.infor3{padding:0;}
.infor3 .tit{font-size:26px; color: #333; font-weight: 600}
.infor3 .line{width:52px; height:3px; background-color:#ff963a; display:inline-block; margin-bottom:6px;}
.infor3 .wzny{font-size: 18px; line-height:32px; color: #555; margin-top:10px}
.infor3 .wzny2{font-size: 16px; line-height:30px; color: #555; margin-top:0px}

.inhonor2bg{padding:20px 0 40px; overflow: hidden; background: #f7f7f7;}
.inhonor2bg .wzny2{font-size: 18px; line-height:30px; color: #555; margin:0 60px 20px 60px; } 
.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.326%;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:#2a3843 ;}

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

.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;}

.aboutBox3{width: 100%; height: auto; overflow: hidden; padding:30px 0; box-sizing: border-box;}
.aboutBox3_left{width: 30%; float: left;}
.aboutBox3_left_sm{font-size: 14px; line-height: 25px; color: #555}
.aboutBox3_left_line{display: block;width: 52px;height: 2px;background: #555; margin: 10px 0;}
.aboutBox3_left_bt{font-size: 22px;color: #333;font-weight: 600;}
.aboutBox3_right{width: 70%; float: right;font-size: 16px; line-height: 30px; color: #555; margin-top:15px}
.aboutBox3_right p{font-size: 18px; line-height: 30px; color: #555;}

.nypro{width: 100%; height: auto; overflow: hidden; padding: 30px 0; background: #f7f7f7}

.listMenu{font-size:14px;text-align:center;margin:40px auto;overflow:hidden;}
.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:#2a3843;transition:all .5s;}
.listMenu a::after{top:auto;bottom:0;left:auto;right:0;}
.listMenu .cur,.listMenu a:hover{color:#fff;background:#2a3843;}
.listMenu .cur::after,.listMenu .cur::before,.listMenu a:hover::after,.listMenu a:hover::before{width:100%;}

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


.b1{ width:100%; padding:50px 0;}
.anli_nor { margin-top:26px; overflow:hidden;}
.anli_nor dl { text-align:center;  width:13.7%; height:320px; border-radius:5px; float:left; margin:0 3px;overflow:hidden;background: #f2f2f2;}
.anli_nor dl dt {margin:30px 10px;}
.anli_nor dl dt img { transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s;max-width: 100%;} 
/*.anli_nor dl:hover dt img { transform: scale(1) rotate(360deg); -moz-transform: scale(1) rotate(360deg); -webkit-transform: scale(1) rotate(360deg);}*/
.anli_nor dl dd{ line-height:23px; font-size:14px; box-sizing: border-box;}
.anli_nor dl dd.biaoti{ font-size:20px; font-weight: bold; color:#353535;line-height:50px;}
.anli_nor dl:hover{background:#2a3843; border-radius:5px; color:#fff}
.anli_nor dl:hover .biaoti {color:#fff;}


.banner2 {height: 350px; margin-top: 130px}
.banner2 .start {flex: auto; float: left; margin:60px 0}
.banner2 dl{display: flex; flex-flow: column; justify-content: center; margin: .5rem 0 1.5rem; color: #fff; text-shadow: 1px 1px 1px #000;}
.banner2 .end {flex: none; float: right;}
.banner2 dt{font-size: 34px; font-weight: 600;text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;}
.banner2 dd{margin:15px 0 0; font-size:22px;text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;}
.banner2 a.primary{border: 1px solid #bbb;text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;}
.banner2 a{display: inline-block; position: relative; z-index: 9; padding: .615rem 1rem; border: 1px solid #ccc; border-radius: 3px; color: #fff; letter-spacing: 2px; text-align: center; text-shadow: 1px 1px 1px rgb(0 0 0 / 60%); box-shadow: 0 0 1px rgb(0 0 0 / 60%); font-size: 18px;}
.bts{width:100%; height: auto; overflow: hidden; margin:15px 0;}
.bts_wz{line-height: 2.5rem;text-indent: 1em;font-size: 1.125rem;font-weight: 400;border-left: 3px solid #719ffb;box-sizing: border-box;background: #f7f7f7;}
.wzny2s {font-size: 16px;line-height: 30px;color: #555;margin-top:10px;}


.aboutBox4{width: 100%; height: auto; overflow: hidden; padding:15px 0; box-sizing: border-box;}
.aboutBox4 ul{margin-right:-3%;}
.aboutBox4 li{width:47%; float: left; border-right: 1px solid #e7e7e7; margin-right: 3%;padding-right: 3%; box-sizing: border-box; margin-bottom:30px; box-sizing: border-box;}
.aboutBox4 li:nth-child(2n){border-right: none}
.aboutBox4 li:nth-child(5){width: 100%; border-right: none}
.infor4{padding:0;}
.infor4 .tit{font-size:26px; color: #333; font-weight: 600}
.infor4 .line{width:35px; height:3px; background-color:#2a3843; display:inline-block; margin-bottom:6px;}
.infor4 .wzny{font-size: 14px; line-height:25px; color: #666; margin-top:10px}
.infor4 .wzny .p{height: auto; overflow:hidden; padding-bottom: 15px; font-size: 16px}
.infor4 .wzny .span{font-weight: 600; padding: 0 15px; box-sizing: border-box; color: #555; float: left}
.infor4 .wzny .em{font-style: normal;  line-height: 25px; float: right; width: 80%}


.banner3{height: auto; margin: 30px 0; overflow: hidden;}
.banner3 img{display: block; margin:auto; width: 100%}

.news_r_text{width:100%; height: auto; padding:20px 0 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 .pic3{width:20%; float:left; overflow:hidden; background:#e6e6e6; padding:3px;} 
.news_r_text ul li .pic3 img{width:100%; display:block; -webkit-transition:all .3s; transition:all .3s;}
.news_r_text ul li .pic3 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:#2a3843; float:left; overflow: hidden; text-overflow: ellipsis;white-space: nowrap!important;} 
.news_r_text ul li .texts .tit a:hover{color:#2a3843;}
.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: #2a3843;}


.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:#2a3843;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: #2a3843}
.relatedNews_font ul li span{float:right;color:#999;margin-left:30px;}


.contact{width: 100%; height: auto; overflow: hidden; padding: 50px 0; 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:#2a3843; 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:#2a3843;}

.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:#2a3843;border-radius: 5px; border: none;}
.redxing{position:absolute;top:11px;left:57px;color:#2a3843;}

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


.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: #2a3843;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:#2a3843 }
.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:#2a3843; 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:#2a3843;}
.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: #2a3843;}
.news_con_b .fhlb{float: right;width: 140px;height: 40px;line-height: 40px;background: #2a3843;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 #2a3843;}
.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 #2a3843;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 #2a3843; 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 #2a3843;}

/*  产品详情 */

.pro_right{width: 100%; height: auto; overflow: hidden; padding: 50px 0; box-sizing: border-box;}
.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{float:left;position:relative;width:80%; height:51px; overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;}
.spec-scroll .items ul li{float:left;width:66px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #d6d6d6; padding:2px;width:57px;height:44px;}
.spec-scroll .items ul li img:hover{border:2px solid #2a3843; 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:#2a3843; 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:20px;}
.pc-cx-tel-1-t1{width: 28%;height: 44px;background: #2a3843;font-size: 18px;line-height: 44px;text-align: center;float: right;}
.pc-cx-tel-1-t1 a{display: block;color: #fff;}
.pc-cx-tel-1-t2{height: 56px;padding-left: 70px;background: url(../images/head-c-r1.png) no-repeat 0px top;font-size: 18px;color: #454545; float:left}
.pc-cx-tel-1-t2 p{line-height: 24px;}


.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:#2a3843; 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 #2a3843; color:#fff; background:#2a3843;}
/* The content */
.tabs-basic .tabs-content-placeholder{overflow:hidden; margin:auto; background:#fff; padding:20px 0;}
.tabs-basic .tabs-content-placeholder .div{display:none;}
.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:#2a3843; 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 #2a3843;}
.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;}


.ajsfw{overflow: hidden; margin-bottom: 0px;}
.ajsfw1{width: 100%; background: #eee; height: 120px; line-height: 120px;}
.ajsfw1 .bt{color: #666666; font-size: 26px;}
.ajsfw1 .bt span{font-weight: initial; font-size: 18px; margin-left: 10px;}
.ajsfw li{overflow: hidden;padding: 50px 0; background: #f7f7f7;}
.ajsfw li img{width:100%; display: block; }
.ajsfwimg{width:50%; display: block; }
.atex{width: 45%;}
.atex .awz{font-size: 26px; color: #2a3843; margin-top: 32px; margin-bottom: 11px; line-height: 35px; font-weight: 600}
.atex span{display: block; color: #444; font-size: 18px; margin-bottom: 29px;}
.atex p{font-size: 14px; color: #666; line-height: 28px; margin-top: 15px}
.ajsfw li:nth-child(2n){background: #fff; width: 100%;}
.ajsfw li:nth-child(2n) .atex{margin-right: 0px;}
.apmore{margin-top:35px;}
.apmore a{ color:#666; font-size:14px; border:1px solid #e5e5e5; padding:10px; width:180px; display:inline-block; text-transform: uppercase; text-align: center;}
.apmore a:hover{ border-color:#38847a; background:#38847a; color:#fff}


.sidebar-content{position: fixed; top: 50%; right: 0; z-index: 1000; margin-top: -280px;}
.sidebar-box{position: relative; margin-top: 1px;}
.sidebar-icon{width: 50px; height: 50px; cursor: pointer;}
.si1 .sidebar-icon{background: #2a3843 url(../images/side1.png) no-repeat center center;}
.si2 .sidebar-icon{background: #2a3843 url(../images/side2.png) no-repeat center center;}
.si3 .sidebar-icon{background: #2a3843 url(../images/side3.png) no-repeat center center;}
.si4 .sidebar-icon{background: #2a3843 url(../images/side4.png) no-repeat center center;}
.si5 .sidebar-icon{background: #2a3843 url(../images/side5.png) no-repeat center center;}
.si1:hover .sidebar-icon{background: #ff963a url(../images/side1.png) no-repeat center center;}
.si2:hover .sidebar-icon{background: #ff963a url(../images/side2.png) no-repeat center center;}
.si3:hover .sidebar-icon{background: #ff963a url(../images/side3.png) no-repeat center center;}
.si4:hover .sidebar-icon{background: #ff963a url(../images/side4.png) no-repeat center center;}
.si5:hover .sidebar-icon{background: #ff963a url(../images/side5.png) no-repeat center center;}
.sidebar-dark1{position: absolute; top: 0; right: 50px; padding: 0 20px; background-color: #ff963a; display: none;}
.sidebar-dark2{position: absolute; top: 0; right: 50px; padding: 16px 20px; background-color: #ff963a; display: none;}
.sidebar-box:hover .sidebar-dark1{display: block;}
.sidebar-box:hover .sidebar-dark2{display: block;}
.sidebar-dark1 p a{display: block; height: 50px; line-height: 50px; font-size: 16px; color: white; text-align: center; white-space: nowrap;}
.sidebar-code{width: 98px; margin-top: 8px;}
.sidebar-dark2 .sidebar-code:first-child{margin-top: 0;}
.sidebar-code p{text-align: center; color: white; line-height: 18px; margin-top: 4px;}
.sidebar-top{display: block; width: 50px; height: 50px;}
.sidebar-icon-a{display: block; width: 50px; height: 50px;}
.side-layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; display: none;}
.side-layer-bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5;}

.in_pro{width:100%; padding: 20px 0;}
.in_pro_tit{width:100%; text-align:center;}
.in_pro_tit .pbt{font-size:24px; font-weight:bold; line-height:30px; color:#12277b; background:url(../images/in_fgx.png) bottom center no-repeat; padding-bottom:30px; }
.in_pro_tit .pbt a{color:#12277b;}
.in_pro_tit .pbt a:hover{color:#12277b;}
.in_pro_tit p{font-size:16px; margin-top:10px; line-height:24px; color:#666;}
.in_pronr{width:100%; position:relative;}
.in_pro_img{width:100%; margin:auto; overflow:hidden;}
.in_pro_img ul{width:10000%; position:relative;}
.in_pro_img ul li{width: 0.326%; float:left; margin-right:20px;position: relative;}
.in_pro_img ul li .pic{width:100%; margin:auto; overflow:hidden;}
.in_pro_img ul li .pic img{width:100%; display:block; -webkit-transition:all .3s; transition:all .3s;}

.in_pro_img ul li .title3{width:100%; float:left;  border-top:none; padding:10px; text-align:center; box-sizing: border-box;}
.in_pro_img ul li .title3 .wzs{font-size:18px; color:#000; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:40px; }
.in_pro_img ul li .title3 .wzs a{line-height:30px; color:#000; }
.in_pro_img ul li .title3 .wzs a:hover {color:#f1b500;}
.in_pro_img ul li .title3 .wz1{font-size:14px; color:#000; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.in_pro_img ul li .title3 p{margin-top:10px; line-height:26px; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis;
 display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; text-align: left; font-size: 14px;}
.in_pro_qh{margin: 0 auto; text-align: center;}
.in_pro_l,.in_pro_r{width: 94px;
    height: 94px;
    transition: 0.3s;
    cursor: pointer;
    overflow: hidden;}
.in_pro_l{background:url(../images/swiper1-l.png) center no-repeat; display: inline-block;}
.in_pro_r{background:url(../images/swiper1-r.png) center no-repeat; display: inline-block;}


.in_pro_img ul li .jsny{background:#595b60; padding: 20px; position: absolute;top: 0;height: 100%;width: 100%;right: 0;  transition:all .3s; opacity: 0}
.in_pro_img ul li .jsny .bt{font-size: 20px; font-weight: 600; color: #fff; margin-bottom: 10px;}
.in_pro_img ul li .jsny .tny{font-size: 14px; line-height: 22px; color: #fff}

.in_pro_img ul li:hover .jsny{ opacity: 1; transform: rotateY(360deg);}

.in_pro_img ul li .jsnybox{background: rgba(0,0,0,0.5); padding: 20px; position: absolute;top: 0;height: 100%;width: 100%;right: 0;  transition:all .3s; opacity: 0}
.in_pro_img ul li:hover .jsnybox{ opacity: 1; transform: rotateY(360deg);}


.hot_pro2{width:100%;float:left; margin-top:50px;}
.hot_pro2_tit{width:100%; height:45px; background:#f1f1f1; color:#333; 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 #333;}
.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;}