.indexbanner { height: 940px;}
.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;width: 10px;height: 10px;background: #fff;border-radius: 50%; position:relative;  color:#fff; }
.indexbanner .banner_img{position:relative; width:100%; height:940px;}
.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:50%; z-index:10; text-align:center; color:#fff;transform:translateY(-50%);}
.swiper-slide-active .banner_img_pc { animation: scaleUpDown 6s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);}
 @-webkit-keyframes scaleUpDown { from { -webkit-transform: scale(1.18); transform: scale(1.18); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } 
 @keyframes scaleUpDown { from { -webkit-transform: scale(1.18); transform: scale(1.18); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } 
.banner_img_jj_mid_1{font-size:50px; text-align:left; font-family: "微软雅黑"; padding-bottom: 15px; line-height: 50px;}
.banner_img_jj_mid_2{ font-size:26px; text-align:left; width: 66%; line-height: 45px; margin-top: 30px;}
.banner_img_jj_mid_3{ font-size:18px; text-transform: uppercase; text-align: left; line-height: 50px; padding-bottom: 25px; position: relative; }
.banner_img_jj_mid_3:after{ position: absolute; content: ""; width:100px; height: 4px; background-color: #fff; bottom: 0px; left: 0;}
.indexbanner .tc{ text-align: center!important;}
.banner_img_jj_mid_3.tc:after{left: 45%;}
.indexbanner .banner_img_jj .container{padding-right: 0px;padding-left:0px;}
.indexbanner .banner_img_jj.banner_img_jj1{ top:38%; }
.indexbanner .banner_img_jj.banner_img_jj1 .banner_img_jj_mid_1 { text-align: center; position: static;margin-bottom: 10px;}
.indexbanner .banner_img_jj.banner_img_jj1 .banner_img_jj_mid_1:after{ width: 0px; } 
.indexbanner .banner_img_jj.banner_img_jj1 .banner_img_jj_mid_2{ text-align: center; }
.indexbanner .banner_img_jj.banner_img_jj2 .banner_img_jj_mid_1 { text-align: center;}
.indexbanner .banner_img_jj.banner_img_jj2 .banner_img_jj_mid_1:after{left:45%;} 
.indexbanner .banner_img_jj.banner_img_jj2 .banner_img_jj_mid_2{ text-align: center; }
.indexbanner .swiper-pagination-container {position: relative;}
.indexbanner .swiper-pagination {width: auto; bottom: 45px!important;left: 70px!important; text-align: left; }
.indexbanner .swiper-pagination .swiper-pagination-bullet {position: relative;width: 30px;height: 30px; line-height: 30px; text-align: center; opacity: 1;background: none; margin: 0 10px!important;}
.indexbanner .swiper-pagination .swiper-pagination-bullet:last-child{margin-right: 0;}
.indexbanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {opacity: 1;visibility: visible;transform: rotate(0deg);-webkit-transform: rotate(0deg);}
.indexbanner .swiper-pagination .swiper-pagination-bullet:before {position: absolute;left: 0;top: 0;content: "";box-sizing: border-box;width: 100%;height: 100%;border: 1px solid #fff;border-radius: 50%;opacity: 0;visibility: hidden;transform: rotateY(90deg);transition: 0.45s;}
.indexbanner .swiper-pagination .swiper-pagination-bullet:after{position: absolute;left: 50%;top: 50%;margin-left: -5px;margin-top: -5px;content: "";width: 10px;height: 10px; border-radius: 50%;}
.indexbanner .swiper-stop-control{position: absolute;bottom:40px;z-index: 10;}
.indexbanner .swiper-stop-control i{border:2px solid #FFF;border-radius: 50%;background: none;margin-right: 22px;color:#FFF;width:36px;height:36px;display: block;line-height: 32px;text-align:center;font-size:12px;}
@media (max-width:1600px){
.indexbanner { height: 780px;}
.indexbanner .banner_img{ height:780px;}
}
@media (max-width:1440px){
.indexbanner { height: 705px;}
.indexbanner .banner_img{ height:705px;}
.banner_img_jj_mid_1{font-size:44px; }
.banner_img_jj_mid_2{ font-size:22px;}
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{left:6%!important; }
}
@media (max-width:1366px){
.indexbanner { height: 670px;}
.indexbanner .banner_img{ height:670px;}
.banner_img_jj_mid_1{font-size:38px; line-height: 40px; }
.banner_img_jj_mid_2{ font-size:20px;}
}
@media (max-width:1280px){
.indexbanner { height: 627px;}
.indexbanner .banner_img{ height:627px;}
.banner_img_jj_mid_1{font-size:30px; line-height: 35px;}
.banner_img_jj_mid_2{ font-size:18px;}
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{left:4%!important; }
}
@media (max-width:1200px){
.indexbanner { height: 534px; margin-top: 60px; }
.indexbanner .banner_img{ height:534px;}
.indexbanner .banner_img_pc{ display: none;}
.indexbanner .banner_img_mo{ display: block;position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:100% 100%;}
.banner_img_jj_mid_1{font-size:26px; }
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{left:3%!important; }
}
@media (max-width:1024px){
.indexbanner { height:456px;}
.indexbanner .banner_img{ height:456px;}
.banner_img_jj_mid_1{font-size:34px;}
.banner_img_jj_mid_2{ font-size:20px;}
.indexbanner .banner_img_jj_mid_2{font-size:20px;line-height: 30px;}
.indexbanner .swiper-pagination {bottom: 25px!important;}
.indexbanner .swiper-stop-control{position: absolute;bottom:20px;z-index: 10;}
}
@media (max-width:992px){
.indexbanner { height: 442px;}
.indexbanner .banner_img{ height:442px;}
.indexbanner .banner_img_jj{ top:46%;}
.indexbanner .banner_img_jj.banner_img_jj1{ top:38%; }
.banner_img_jj_mid_1{font-size:26px;}
.indexbanner .banner_img_jj_mid_2{ font-size:18px;line-height: 28px;}
.indexbanner .banner_img_jj.banner_img_jj1 .banner_img_jj_mid_2{ margin: 0 auto; }
.indexbanner .banner_img_jj.banner_img_jj2 .banner_img_jj_mid_2{ margin: 0 auto; }
.banner_img_jj_mid_2{ line-height: 40px; margin-top: 20px;}
.banner_img_jj_mid_3{ font-size:17px;line-height: 40px; padding-bottom: 15px; }
.banner_img_jj_mid_3:after{ width:60px; height: 3px; }
}
@media (max-width:768px){
.indexbanner { height: 342px;}
.indexbanner .banner_img{ height:342px;}
.banner_img_jj_mid_1{font-size:26px; padding-bottom: 10px;}
.banner_img_jj_mid_2{ font-size:18px;}
.indexbanner .swiper-pagination-bullet{ width:48px;  }
.indexbanner .swiper-pagination-bullet-active:after{width:28px; }
}
@media (max-width:668px){
.indexbanner { height: 300px;}
.indexbanner .banner_img{ height:300px;}
}
@media (max-width:568px){
.indexbanner { height:240px;}
.indexbanner .banner_img{ height:240px;}
.indexbanner .swiper-pagination-bullet:before{  width:28px; }
.banner_img_jj_mid_1{ font-size:20px; line-height:32px; padding-bottom: 10px;}
.indexbanner .banner_img_jj_mid_3{ font-size:15px;line-height: 26px; padding-bottom: 15px;}
.indexbanner .banner_img_jj_mid_2{ display: none;}
.indexbanner .swiper-pagination-bullet{ width:40px;  }
.indexbanner .swiper-pagination-bullet-active:after{width:22px; }
.indexbanner .swiper-pagination .swiper-pagination-bullet { margin: 0 5px!important;}
}
@media (max-width:425px){
.indexbanner { height:220px;}
.indexbanner .banner_img{ height:220px;}
.banner_img_jj_mid_1{font-size:18px; padding-bottom: 0px;}
.indexbanner .banner_img_jj_mid_3{ font-size:13px;line-height: 22px; padding-bottom: 10px;}

}
@media (max-width:400px){
.banner_img_jj_mid_1{ font-size:16px; }
}


/*index 通用*/
.page_title { line-height: 1; margin-bottom:30px;position: relative; }
.page_title h3 {font-weight: bold; background-image:-webkit-linear-gradient(bottom,#fff,#F4F4F4,#333,#000);opacity:0.09;-webkit-background-clip:text;-webkit-text-fill-color:transparent; text-transform: uppercase; font-size: 80px; margin-left: -10px; }
.page_title span{ font-size: 40px; font-weight: bold; font-weight: bold; position: absolute; left: 0px; top: 50px; content: ""; z-index: 9; }
.pc{ display: block;}
.mob{ display: none;}
@media (max-width:1440px) {
.page_title h3 {font-size: 60px; }
.page_title span{ font-size: 30px; top: 40px;}
}
@media (max-width:1366px) {
.page_title h3 { font-size: 50px; }
.page_title span{ font-size: 26px; top: 40px;}
}
@media (max-width:1024px) {
.page_title { margin-bottom:20px;}
.page_title h3 { font-size: 40px;}
.page_title span{ font-size: 20px; top:30px;}
.pc{ display: none;}
.mob{ display: block;}
}
@media (max-width:768px) {
.page_title h3 { font-size: 30px; }
.page_title span{ font-size:18px; top: 20px;}
}
@media (max-width:600px) {
.page_title h3 { font-size: 26px;}
}
@media (max-width:425px) {
.page_title h3 { font-size: 22px;}
}
.page-tit { text-align: center; margin-bottom: 30px;}
.page-tit h3{ font-size: 36px; margin-bottom: 20px;color: #333;}
.page-tit p{ font-size: 16px; line-height: 30px; color: #666; width: 74%; margin: 0 auto;}
@media (max-width:1366px) {
.page-tit h3{ font-size: 26px; }
.page-tit p{ font-size: 15px; }
}
@media (max-width:1024px) {
.page-tit h3{ font-size: 26px; margin-bottom: 10px;}
}
@media (max-width:768px) {
.page-tit h3{ font-size: 22px; margin-bottom: 15px;}
.page-tit p{ width: 100%; }

}
/*index-about*/
.index-about {background-image:url(../images/index_about.png);background-repeat:no-repeat;background-position:left bottom;overflow: hidden; }
.index-about-left img{ width:100%;}
.index-about .about-content P{ line-height: 34px; font-size: 16px; color: #333;}
.index-about-right .more { margin-top: 70px;}
@media all and (max-width: 1280px) {
.index-about .about-content P{ line-height: 30px; font-size: 16px; }
.index-about-right .more { margin-top: 50px;}
}
@media (max-width:1024px) {
.index-about {background-size:100% 100%; }
.index-about-right { margin-left: 20px;}
.index-about .about-content { margin-top: 20px;}
.index-about .about-content P{ line-height: 28px; font-size: 15px; }
.index-about-right .more { margin-top: 30px;}
.index-about-right .more { margin-top: 40px;}
}
@media screen and (max-width:992px) {
.index-about-right { margin-left: 0px; margin-bottom: 25px;}
.index-about-right .more { margin-top: 30px;}
}
@media screen and (max-width:768px) {
.index-about-left{ display: none;}
}

.index-business { position: relative; color: #fff;}
.index-business .page_title h3 { background-image:-webkit-linear-gradient(bottom,#333,#fafafa,#fff);opacity:0.1; }
.index-business .head { position: absolute; z-index: 10; left: 0; right: 0; top: 0; bottom: auto;}
.index-business .head .container { position: relative;}
.index-business .head .btn { position: absolute; z-index: 10; left: auto; right: -12px; top: 0px; bottom: auto; width: 48%;}
.index-business .head .btn li a:hover{color:#fff;}
.index-business .head .btn li.on, .index-business .head .btn li:hover { background: #bc333e; color: #fff;}
.index-business .btn:active, .index-business .btn.active{-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);}
.index-business .head .btn li { width:80px; height: 86px; text-align: center; position: relative; color: #fff; font-size:27px; line-height: 37px; padding-top: 6px; margin-left: 26px; letter-spacing: .1px;}
.index-business .head .btn li:before { content: ""; display: block; position: absolute; left: 0; bottom: -5px; right: 0; width: 100%; height: 2px; background: #bc333e; opacity: 0;}
.index-business .head .btn li.on:before,.index-business .head .btn li:hover:before { opacity: 1;}
.index-business .head .btn li:after { content: ""; display: block; position: absolute; right: -17px; top: 50%; width: 8px; height: 8px; background: #fff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin-top: -.04rem;}
.index-business .head .btn li:last-child:after { width: 0px;}
.index-business .list { width: 100%; overflow: hidden; position: relative; background:rgba(0, 0, 0, .26);}
.index-business .list li { height: 680px; background: center no-repeat; background-size: cover; padding-top: 230px;}
.index-business .list .tit { font-size: 18px; line-height: 32px; width: 43%; min-height: 200px; z-index: 9;}
.index-business .list .more { margin-top: 70px;}
.index-business .list .more a{ color:#fff; border: 1px solid #fff; background: transparent; }
.index-business .list .more a:hover{ background: #bc333e; border: 1px solid #bc333e;}
.index-business .list .container{position: absolute; content: ""; left: 12%; top: 35%; z-index: 9; }
.index-business .img{ position: absolute; content: ""; left: 0px; bottom: 0px; width: 100%; height: 100%; z-index: 0;}
.index-business .img img{ width: 100%; height: 100%;}

.index-business .list .li-bg{ width:100%; height:680px;background-position:center center; position:absolute; left:0; right:0; top:0; bottom:0; cursor:pointer;}

/*
.index-business .list li{ background: url(../images/application5.jpg) no-repeat; background-size: cover;}
.index-business .list li:nth-child(2){ background: url(../images/application2.jpg) no-repeat; background-size: cover;}
.index-business .list li:nth-child(3){ background: url(../images/application3.jpg) no-repeat; background-size: cover;}
.index-business .list li:nth-child(4){ background: url(../images/application4.jpg) no-repeat; background-size: cover;}
.index-business .list li:nth-child(5){ background: url(../images/application1.jpg) no-repeat; background-size: cover;}
*/
@media (max-width:1800px){
.index-business .list .container{ left: 10%; }
}
@media (max-width:1740px){
.index-business .list .container{ left:8%; }
}
@media (max-width:1700px){
.index-business .list .container{ left:6%; }
}
@media (max-width:1640px){
.index-business .list .container{ left:5%; }
}
@media (max-width:1580px){
.index-business .list .container{ left:3%; }
}
@media (max-width:1520px){
.index-business .list .container{ left:2%; }
}
@media (max-width:1460px){
.index-business .list .container{ left:1%; }
}
@media (max-width:1440px){
.index-business .list .container{ left:4%;}
}
@media (max-width:1366px){
.index-business .head .btn {width: 56%;}
.index-business .head .btn li {font-size:22px;}
.index-business .head .btn li {  margin-left: 10px; margin-right: 10px; }
.index-business .head .btn li:after { right: -12px; }
}
@media (max-width:1280px){
.index-business .list .container{ left:3%; }
.index-business .list .tit { width: 53%; }
}
@media (max-width:1200px){
.index-business .list .container{ left:4%; }
}
@media (max-width:1140px){
.index-business .list .container{ left:2%; top:45%;}
.index-business .list .tit { width: 60%; }
}   
@media (max-width:992px){
.index-business .list li { height: 580px;  padding-top: 230px;}
.index-business .head .btn {width: 100%; top: 100%; right: auto; left: 0px;}
.index-business .head .btn li {height: 72px;font-size:20px;line-height: 30px; margin-left: 0px;}
.index-business .head .btn li:after { width: 6px; height: 6px;right: -10px;}
.index-business .list .tit { font-size: 16px; line-height: 28px; width: 76%; min-height: auto; }
.index-business .list .more { margin-top: 30px;}
}
@media (max-width:768px){
.index-business .head .btn { top: 130%; }
.index-business .list li { height: 500px; }
.index-business .list .tit { width: 100%; }
}

@media (max-width:400px){
.index-business .list .container{ top:40%;}
}
/*
.prodcut-nav{ width: 48%; float: right; overflow:hidden; position:relative; z-index:11;}
.prodcut-nav li{ float:left; line-height:100%; text-align:center;}
.pro-nav-img{ height:650px; position:relative;}
.pro-nav-img li{ width:100%; height:650px; background-position:center center; position:absolute; left:0; right:0; top:0; bottom:0; display:none; cursor:pointer; overflow:hidden}
.pro-nav-img li .li-bg{ width:100%; height:650px;background-position:center center; position:absolute; left:0; right:0; top:0; bottom:0; cursor:pointer;}
.pro-nav-img li:hover{ opacity:0.99; color:#fff;}
.pro-nav-text{ position:absolute; top:100px; left:0; right:0; color:#fff; z-index:12}
.pro-nav-text .t2{ font-size:16px; line-height:32px; margin-bottom: 30px;  width: 50%;}
@media screen and (max-width: 1440px){
.pro-nav-text{ top:60px}

}

@media screen and (max-width: 767px){
.pro-nav-text .t2{ width: 100%;}

}
.pt2{position:relative; color:#fff}
.pt2 .page_title{position:absolute; top:0; width: 30%; text-align:left;}
.pt2 .page_title h3 { background-image:-webkit-linear-gradient(bottom,#333,#fafafa,#fff);opacity:0.1; }
.pt2 .tab{position:absolute; right:0; top:0; text-align:center;}
.pt2 .tab .span-2{width:16.6666667%; padding: 50px 0; float: left;position: relative; overflow:hidden; -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; cursor:pointer;}
.pt2 .tab .span-2.hover,.pt2 .tab .span-2:hover{background:url(../images/blue.8.png);}
.pt2 .tab a:hover{color:#fff;}
.pt2 .tab .desc{font-size:20px; font-weight: bold; padding-bottom: 20px;}
.pt2 .tab .en{ font-size: 16px; text-transform: uppercase;}
.pt2 .tab .span-2:after{content:"";position:absolute;top:0;bottom:0;right:0;width:1px;background:url(../images/white.16.png) repeat;}
.pt2 .tab .span-2:first-child:before{content:"";position:absolute;top:0;bottom:0;left:0;width:1px; background:url(../images/white.16.png) repeat;}
@media screen and (max-width: 768px){
.pt2 .tab .desc{font-size:18px; }
}

*/

/*index-pro*/
.index-pro {  background-image:url(../images/index_probg.png);background-repeat:no-repeat;background-position:center bottom;background-size:100% auto; overflow: hidden; }
.index-pro .tab-content { margin-bottom: 100px;}
.index-pro .tab-content .tab-pane #general{display: block; }
.index-pro .tab-content > li:first-child {
    display: block;
}
.product-category li{font-size: 20px;}
.index-pro .index-pro-tabs{border-bottom: none;}
.index-pro .index-pro-tabs li{width: 100%; font-size: 20px; margin-bottom: 35px!important;}
.index-pro .index-pro-tabs li.active > a,
.index-pro .index-pro-tabs li.active > a:hover,
.index-pro .index-pro-tabs li.active > a:focus{border: none;background: none;color:#bc333e;background-color: inherit;border: none;}
.index-pro .index-pro-tabs li > a{border:none; color:#666; padding-left: 0px;}
.index-pro .index-pro-tabs li > a:hover {border: none;background: none;color:#bc333e;}
.index-pro .index-pro-tabs li.active > a{color:#bc333e;}
.index-pro .index-pro-tabs li > a i{display: block;font-size: 40px;padding-bottom: 15px;}
.index-pro .index-pro-tabs li span{ display: none; float: left; margin-right: 10px;}
.index-pro .index-pro-tabs li.active span{ display: block; color: #bc333e;}
.index-pro .index-pro_list { padding-bottom: 70px;}
.index-pro .index-pro_list .img_box{background-color: #fff;}
.index-pro .index-pro_list .info_box .t{font-size:18px; text-align: center; background-color: #fff; padding: 20px 0 15px; text-align: center;  overflow: hidden;text-overflow: ellipsis;-ms-text-overflow: ellipsis;display: box;display: -webkit-box;line-clamp: 1;-webkit-line-clamp: 1;-webkit-box-orient: vertical; }
.index-pro .index-pro_list .info_box .d{ color:#666; font-size: 16px; line-height:28px; overflow:hidden; text-align:left;}
.index-pro .index-pro_list a:hover .t{color:#bc333e;}
.index-pro-tab-content{ position: relative;}
.index-pro .swiper-pagination-bullet {width: 10px;height: 10px; border-radius: 10px; background: #666;}
.index-pro .swiper-pagination-bullet-active {background: #bc333e;}
.index-pro .swiper-slide{ margin-top:0px!important; }
/*
.index-pro .swiper-button-prev, .index-pro .swiper-container-rtl .swiper-button-next{left:0;right:auto}
.index-pro .swiper-button-next,.index-pro .swiper-container-rtl .swiper-button-prev{ right: 89%;}
.index-pro .swiper-button-next.swiper-button-disabled,.index-pro .swiper-button-prev.swiper-button-disabled {opacity: .35;width: 45px; height: 45px; border-radius: 100%;}
.index-pro .swiper-button-next,.index-pro .swiper-button-prev{top: 95%;}
.index-pro .swiper-button-next,.index-pro .swiper-button-prev{ -moz-background-size:10px 16px;-webkit-background-size:10px 16px;background-size:10px 16px;}
*/
.page-div {bottom:15px;left:-20px; z-index: 99999;}
.page-div .box{width: 46px;height: 46px;  line-height: 46px; padding: 10px; float: left; margin-right: 20px;}
.index-pro .swiper-button-next,.index-pro .swiper-button-prev{ border: 1px solid #999; width: 45px; height: 45px; border-radius: 100%;top: 90%; z-index: 99999;}

/*
.page-div .swiper-button-next { left:0px; float: left; margin-right: 20px;width: 46px;height: 46px; border-radius:100%; border: 1px solid #8c8c8c;}
.page-div .swiper-button-prev { left:-2px; float: left; margin-left: 20px;width: 46px;height: 46px; border-radius:100%; border: 1px solid #8c8c8c;}
*/
.page-div .swiper-button-next,
.page-div .swiper-button-prev {position: relative; text-align: center; right:-2px;  line-height: 46px; background-size: 12px 20px; margin-top: -20px;}
.page-div .swiper-button-next i,
.page-div .swiper-button-prev i { color: #8c8c8c; font-size: 1.25rem;}
.page-div .swiper-container-rtl .swiper-button-prev.swiper-button-black,.page-div .swiper-container-rtl .swiper-button-next.swiper-button-black {opacity: .35;width: 46px;height: 46px;border-radius: 100%;border: transparent!important;}
 

@media (max-width: 1280px) {
.index-pro .index-pro-tabs li{font-size: 18px; color: #fff;}
.index-pro .index-pro-tabs{ margin-bottom: 25px;}
}
@media (max-width: 768px) {
.index-pro .tab-content { margin-bottom: 0px;}
.index-pro-tabs.nav-tabs li a{font-size:16px; }
.index-pro .index-pro-tabs{ margin-bottom: 5px;}
.index-pro .m-product-category{ border-bottom: 1px solid #c5c5c5;}
.index-pro .m-product-category.index-pro-tabs li.active > a{color:#bc333e; border-bottom: 2px solid #bc333e; padding-bottom: 14px;}
.index-pro .swiper-button-next,.index-pro .swiper-button-prev{top: auto; bottom: 10px;}
.index-pro .swiper-pagination-bullet {width: 25px!important;height: 2px!important; }
.index-pro .swiper-button-next,.index-pro .swiper-container-rtl .swiper-button-prev{ right: 2%;}
.index-pro .swiper-button-next,.index-pro .swiper-button-prev{width: 35px; height: 35px; background-size:8px 13px;}
.index-pro .swiper-pagination{ color: #fff;}
.page-div {bottom:-5px;left:-20px; z-index: 99999;}
}
@media (max-width: 580px) {
.index-pro .index-pro-tabs li{font-size: 16px; margin-bottom: 5px!important;margin-top: 5px!important;}
.index-pro .index-pro_list .info_box .t{ font-size: 17px; padding: 10px 0 10px;}
.index-pro .index-pro_list .info_box .d{ line-height:24px; font-size: 15px;}
}
@media (max-width: 425px) {
.index-pro-tabs.nav-tabs{ width:100%;}
}
@media (max-width: 420px) {
.index-pro-tabs.nav-tabs li a{font-size:16px;}
}


.index-server{background: #f0f0f0 url(../images/index_s.jpg) bottom no-repeat; overflow:hidden;position: relative}
.index-server .index-server-content .content {position: absolute;top: 10%;left: 0;width: 100%;height: 100%}
.index-server .content {position: absolute;top: 0;left: 0;width: 100%;height: 100%}
.index-server .content .container {height: 100%}
.index-server .content .conLeft {float: right; width:45%; border-bottom: 1px solid #dbdbdb; padding-bottom: 20px;}
.index-server .content .conLeft .page_title{ text-align: right; }
.index-server .content .conLeft .page_title span { right: 0px;}
.img-count,.img-count img{position:relative;}
.img-count-in{ position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden;height:100%; *height:100%;}
.w-newsList1{ width:100%; overflow:hidden;}
.w-newsList1 a{ display: block; text-decoration: none; color: #333;}
.w-newsList1 .news-imgbox{ width:58%;}
.w-newsList1 .aspectRatio{padding-bottom:47%;}
.w-newsList1 .news-text{ position: absolute; right:12%; width:35%; top:28%; text-align:right;padding: 30px 15px 40px 4%; overflow:hidden;}
.w-newsList1 .news-text .bigsize {line-height:32px; font-size:22px;padding-bottom:8px;width:100%;}
.w-newsList1 .news-text .bigsize span {color: #dc0202;}
.w-newsList1 .news-text .cDGray{ font-size:16px; line-height: 32px; color: #666; margin-top: 20px;}
.w-newsList1 .adSN_page{ position: absolute!important; z-index: 99999; left:77%!important; bottom:2%!important; top: auto; transform: none; -webkit-transform: none; width:15%!important; }
.w-newsList1 .adSN_page span{ display: inline-block; *display:inline; *zoom:1; margin:0 6px; width: 12px; height: 12px; border-radius: 100%; z-index: 99999;}
.w-newsList1 .adSN_page .swiper-pagination-bullet-active{ background: #dc0202!important;}
.w-newsList1 .swiper-num{ position: absolute;z-index: 99999;right: 40%; bottom:15%; color: #969696;}
.w-newsList1 .swiper-num .active{ font-size:32px; font-weight: bold;}

@media ( min-width:1921px) {
.indexbanner .swiper-pagination { left: 22%!important; }
.w-newsList1 .news-text{ right:24%;}
.w-newsList1 .adSN_page{ left:67%!important; bottom: 5%!important;}
.w-newsList1 .aspectRatio{padding-bottom:30%;}
}
@media (max-width: 1730px) {
.w-newsList1 .news-text{ right:8%;}
.w-newsList1 .adSN_page{ left:81%!important;}
}
@media (max-width: 1630px) {
.w-newsList1 .news-text{ right:5%;}
.w-newsList1 .adSN_page{ left:84%!important;}
}
@media (max-width: 1600px) {
.index-server{ height:680px; }
.index-server .content .conLeft { width:45%;}
.w-newsList1 .news-text{ position: absolute; right:3%; width:45%; top:32%; text-align:right;padding: 30px 15px 40px 6%; overflow:hidden;}
.w-newsList1 .news-text .cDGray{ font-size:16px;}
.w-newsList1 .news-imgbox{ width:50%;}
.w-newsList1 .aspectRatio{padding-bottom:68%;}
.w-newsList1 .adSN_page{left:85%!important; bottom:5%!important;  }
}
@media (max-width: 1440px) {
.index-server{ height:640px; }
.w-newsList1 .news-text{ right:4%; width:45%; }
.w-newsList1 .adSN_page{left:83%!important; }
}
@media (max-width: 1366px) {
.index-server{ height:610px; }
.index-server .content .conLeft .title { line-height:60px}
.w-newsList1 .news-text{ right:5%;}
.w-newsList1 .adSN_page{ bottom:1%!important; }
}
@media (max-width: 1280px) {
.index-server{ height:480px; }
.w-newsList1 .news-text{ right:3%;}
.w-newsList1 .adSN_page{left:84%!important; bottom: 25%!important;}
.img-count-in img{ width:100%;}
.index-server .content .conLeft .line {  margin-top:20px;}
.w-newsList1 .news-text .tit1 {line-height: 24px;margin-top: 20px}
.w-newsList1 .news-text{ top:15%; width: 52%;}
.w-newsList1 .news-text .cDGray{ margin-top: 0px;}
.index-server .page_title { margin-bottom: 10px;}
}
@media (max-width: 1200px) {
.index-server{ height:530px; }
.index-server .content .conLeft .title { line-height:40px}
.w-newsList1 .news-text{ right:0;}
.w-newsList1 .news-text{ top:16%; }
.w-newsList1 .aspectRatio{padding-bottom:63%;}
.index-server .index-server-content .content {top: 13%;}
.index-server .content .conLeft .line {margin-top:10px;}
}
@media (max-width:1024px) {
.index-server{ height:420px; }
.w-newsList1 .news-imgbox{ width:54%;}
.w-newsList1 .news-text .tit1 p { margin-bottom: 3px}
.w-newsList1 .news-text{ width:50%;right:2%; top: 10%;}
.w-newsList1 .news-text .tit1 { margin-top: 10px}
.index-server .index-server-content .content {top: 8%;}
.w-newsList1 .news-text .page_title span{ top:20px;}
.index-server .content .conLeft { padding-bottom: 10px;}
.w-newsList1 .news-text .bigsize {line-height:28px; font-size:20px; }
.w-newsList1 .news-text .cDGray{line-height:28px; }
.w-newsList1 .adSN_page{ bottom: 15%!important;}
}
@media (max-width:992px) {
.index-server{ height:430px; }
.w-newsList1 .aspectRatio{padding-bottom:78%;}
.img-count-in img{ width:100%; height: 100%;}
.w-newsList1 .adSN_page{ bottom: 5%!important;}
}
@media (max-width: 768px) {
.index-server .content .conLeft { width:100%; float:none;}
.index-server .content .conLeft .title { line-height:30px}
.index-server{ height:380px}
.index-server .content .conLeft .line {margin-top:0px;}
.w-newsList1 .news-text{right:0; width:50%; }
.w-newsList1 .news-text .bigsize { font-size:18px;padding-bottom:8px;width:100%;}
.w-newsList1 .news-text .tit1 p { margin-bottom: 0px}
.w-newsList1 .news-text .cDGray{ font-size:15px;}
.index-server .content .conLeft { padding-bottom: 0px;}
}
@media (max-width:767px){
.index-server .content .conLeft .page_title{ text-align: left; }
.index-server .content .conLeft .page_title span { left: 0px; right: auto;}
.w-newsList1 .news-imgbox{width:100%;}
.w-newsList1 .aspectRatio{padding-bottom: 56.25%;}
.w-newsList1 .news-text{ position: relative; width:100%; top:10%; transform: none; -webkit-transform: none; padding:1.2em 4% 1.5em; text-align:left;}
.w-newsList1 .adSN_page{ left:0; bottom:3%!important; margin-bottom: 0;width:20%!important; }
.w-newsList1 .swiper-num{ bottom: 232px; top: auto; margin-top: 0;}
.index-server{ height:720px; }
.index-server .index-server-content .content {position: absolute;top:46%;left: 0;width: 100%;height:80px; text-align:left;}
.index-server .content .conLeft .title { display:none;}
.index-server .content .conLeft .title1 { display: block; text-align:left;}
.w-newsList1 .news-imgbox{ width:96%; margin:0 auto;}
.w-newsList1 .news-text{ width:100%;right:0; }
.index-server .content .conLeft .line {margin-top:20px;}
.w-newsList1 .news-text{ padding:6em 4% 1.5em; text-align:left;}
.w-newsList1 .news-text .tit1 p:after {left: 0}
.w-newsList1 .news-text .tit1 p { padding-left: 16px; }
}
@media (max-width:667px){
.index-server .index-server-content .content { top:54%; }
.index-server .content .conLeft { padding-bottom: 20px;}
.w-newsList1 .news-text{ top:14%; padding: 8em 4% 1.5em;}
.w-newsList1 .adSN_page{left:0%!important;width:20%!important; bottom:0px!important;}

}
@media (max-width:565px) {
.index-server .index-server-content .content { top:50%; }
}
@media (max-width:425px) {
.index-server{ height:650px; }
.index-server .index-server-content .content { top:45%; }
.w-newsList1 .adSN_page{ width:30%!important; }
}
@media (max-width:375px) {
.index-server .index-server-content .content { top:40%; }
}
@media (max-width:320px) {
.index-server{ height:620px; }
.w-newsList1 .adSN_page{left:0%!important;width:30%!important; }
}
.index-news .page_title{ text-align: center; margin-bottom: 50px;}
.index-news .page_title span{ left: 44%;}
.index-news .cn{font-size:36px; color:#0e6db6; font-weight:bold; margin:20px 0 40px; position:relative;}
.index-news .l .con .desc{white-space:normal; overflow:hidden;text-overflow: ellipsis;}
.index-news .l .con .center{background-color: #f7f8fc;border-bottom: 2px solid #f7f8fc; -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; padding:35px 35px;}
.index-news .date{font-size:16px; color:#666; }
.index-news .tit{font-size:18px; color:#333; font-weight:bold; transition:none; margin:5px 0 15px;}
.index-news .desc{font-size:16px; color:#555; line-height:28px; overflow:hidden;}
.index-news .more{color:#3ca412; font-size:15px;  text-transform:uppercase; line-height:45px; position:relative; display:inline-block; *display:inline; *zoom:1; padding-right:40px; -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;}
.index-news .more:after{content:""; position:absolute; right:0; top:50%; width:7px; height:7px; background:url(../images/line_btn_jt_blue.png) no-repeat center; margin-top:-3px;}
.index-news .l .con .pics{overflow:hidden; }
.index-news .l .con .pics img{ width: 100%; background-position:center; background-size:cover;   -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;}
.index-news .l .con .pics: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);}
.index-news .r li{overflow: hidden; padding:25px 0px;border-top: 1px solid #f7f8fc;border-bottom:1px solid #f7f8fc; -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;}
.index-news .r li a >*{-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;}
.index-news .l .con .center:hover{padding-left:50px; padding-right:50px;border-bottom: 2px solid #dc0202;}
.index-news .r li:hover .more,.index-news .l .con .center:hover .more{color:#0e6db6; }
.index-news .r li:hover .more:after,.index-news .l .con .center:hover .more:after{content:"";  background:url(../images/line_btn_jt_red.png) no-repeat center;}
@media screen and (max-width: 1440px){
.index-news .cn{ font-size: 32px; }
}
@media screen and (max-width: 1024px){
.index-news .cn{ font-size: 24px; }
.index-news .tit{font-size:18px;}
}
@media screen and (max-width: 768px){
.index-news .cn{ font-size: 20px; }
.index-news .l .con{padding-right:0px;}
.index-news .l .con .center{margin-bottom:38px; padding:20px;}
.index-news .tit{font-size:16px;margin: 5px 0 7px;}
.index-news .desc {margin-bottom:10px;}
.index-news .r li{overflow: hidden; padding:15px 0px 0;}
}
@media screen and (max-width: 468px){
.index-news .l .con .center{margin-bottom:28px; padding:15px;}
}
@media screen and (max-width: 428px){
.index-news .desc {margin-bottom: 0px;}
}
.page_banner{position:relative;  height:650px; }
.page_banner .cat_box{position:absolute; bottom:35%; left:0; width:100%;}
.page_banner .cat_box .cat_name{font-size:36px; color:#fff; margin-bottom:30px;line-height:1.5; text-align: center; padding-bottom: 20px; position: relative;}
.page_banner .cat_box .cat_name:after{ position: absolute; left: 47.5%; bottom: 0px; width: 60px; height:3px; background-color: #fff; content:"";}
.about_banner{background:url(../images/about_banner.jpg) no-repeat center center; background-size:auto 100%;}
.news_banner{background:url(../images/news_banner.jpg) no-repeat center center;  background-size:auto 100%;}
.pro_banner{background:url(../images/pro_banner1.jpg) no-repeat center center; background-size:auto 100%;}
.pro_banner1{background:url(../images/pro_banner2.jpg) no-repeat center center; background-size:auto 100%;}
.pro_banner2{background:url(../images/pro_banner3.jpg) no-repeat center center; background-size:auto 100%;}
.case_banner{background:url(../images/case_banner.jpg) no-repeat center center; background-size:auto 100%;}
.contactus_banner{background:url(../images/contact_banner.jpg) no-repeat center center; background-size:auto 100%;}
.server_banner{background:url(../images/server_banner.jpg) no-repeat center center; background-size:auto 100%;}
@media (max-width:1440px){
.page_banner{height:488px;}
}
@media (max-width:1366px){
.page_banner{height:462px; }
.page_banner .cat_box .cat_name{font-size:30px;}
}
@media (max-width:1280px){
.page_banner{height:433px; }
.page_banner .cat_box .cat_name{font-size:28px;}
}
@media (max-width:1200px){
.page_banner{height:406px; margin-top:60px;}
.page_banner .cat_box .cat_name{font-size:26px;}
}
@media (max-width:992px){
.page_banner{ height:336px;}
.page_banner .cat_box h4{font-size:26px;}
}
@media (max-width: 768px){
.page_banner{margin-top: 54px; height:260px;}
.page_banner .cat_box h4{ display:none;}
.page_banner .cat_box{bottom:40%;}
.page_banner .cat_box .cat_name { margin-bottom: 0px;}
.page_banner .cat_box .cat_name:after{left: 47%;width: 40px; height: 3px;}
}
@media only screen and (max-width: 760px){
.page_banner .cat_box .cat_name {font-size:20px;margin-bottom: 10px; padding-bottom: 10px; }
.page_banner .cat_box .cat_name:after{left: 45%; width: 38px;}
}
@media only screen and (max-width:425px){
.page_banner{  height:150px;}
.page_banner .cat_box{bottom:36%;}
.page_banner .cat_box .cat_name:after{left: 46%; width: 30px;}
}
@media only screen and (max-width:375px){
.page_banner{  height:140px;}
}
@media only screen and (max-width:325px){
.page_banner{  height:120px;}
}
.page_nav{height: 70px;line-height: 70px;border-bottom: 1px solid #eaeaea;}
.page_nav .crumb{float: right;}
.page_nav .crumb li{float: left;font-size: 16px;color: #666;}
.page_nav .crumb a{color: #666; float: left;font-size: 16px; position: relative; padding-left: 8px; padding-right: 8px;}
.page_nav .crumb .fa{  text-align: left; float: left; }
.page_nav .crumb a::after{ position: absolute; right: -10px; top: 0px; content: ""; width: 15PX; height: 70PX; }
.page_nav .crumb a:last-child::after{ content: ""; width:0PX; }
.page_nav .r_sec{float: left;}
.page_nav .r_sec li{position:relative; float:left; font-size:18px; margin-right: 50px; }
.page_nav .r_sec li:first-child:after{display:none;}
.page_nav .r_sec li:before{content:""; position:absolute; bottom:0; left:50%; right:50%; height:2px; background:#dc0202; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.page_nav .r_sec li:hover:before,
.page_nav .r_sec li.cur:before{left:0; right:0;}
.page_nav .r_sec li:hover a,
.page_nav .r_sec li.cur a{color:#dc0202;}
.page_nav .r_sec li a{color:#666666;}
.page_nav .fa {margin:22px 0px 0; font-size:15px;}
.page_nav .item .fa {margin:29px 0px 0; font-size:15px;}
.page_nav a:hover{color:#dc0202;}
@media (max-width: 1336px){
.page_nav .r_sec li{position:relative; float:left; font-size:16px; padding:0 10px; margin:0 10px;}
.page_nav .r_sec li{padding:0 8px; margin:0 8px;}
}
@media only screen and (max-width: 992px){
.page_nav .r_sec{float: none; width: 100%;margin-right: -15px;margin-left: -15px;}
.page_nav .crumb{display: none;}
.page_nav .r_sec li{ margin:0 8 0 0px;}
}
@media (max-width: 768px){
.page_nav{line-height:50px; height:50px;}
.page_nav .r_sec li:after{left:-7px; }
.page_nav .r_sec{ margin-right: -10px;margin-left: -10px;}
}
@media (max-width:668px){
.page_nav{line-height:40px; height:40px;}
.page_nav .r_sec{ margin-right: -10px;margin-left: -5px;}
}    
@media only screen and (max-width: 425px){
.page_nav .container{padding-right: 0px;padding-left:1px;}
.page_nav{height: 40px;line-height: 40px;border-bottom: 1px solid #eaeaea;}
.page_nav .r_sec{ margin-right: 0px;margin-left: 0px;}
.page_nav .r_sec li{ font-size:14px; padding:0 6px; margin:0 6px; }
}
@media only screen and (max-width: 400px){.page_nav .r_sec li{ padding:0 5px; margin:0 4px; }
}
.m_sencondNav{position:relative; z-index:99; height:51px; }
.m_sencondNav .m_second.fixed{position:fixed; width:100%; left:0; top:60px; z-index:15;}
.m_sencondNav .m_second {position:relative;  border-bottom:1px solid #e8e8e8}
.m_sencondNav .m_second .home{background:#dc0202; border-right:1px solid #e8e8e8; width:50px; height:50px; float:left; line-height:50px; display:block; text-align:center;}
.m_sencondNav .m_second .home .fa{display:block; color:#fff; height:50px; line-height:50px;}
.m_sencondNav .m_second .m_second_hd{width:calc(100% - 51px); background:#f6f6f6; float:left}
.m_sencondNav .m_second .m_second_hd li{float:left; position:relative;}
.m_sencondNav .m_second .m_second_hd li{border-right:1px solid #e8e8e8;}
.m_sencondNav .m_second .m_second_hd li:last-child:after{border-right:none}
.m_sencondNav .m_second .m_second_hd li a{display:block; height:50px; line-height:50px; color:#666; padding:0 50px 0 23px; font-size:16px;}
.m_sencondNav .m_second .m_second_hd li:after,
.m_sencondNav .m_second .m_second_hd li:before{content:''; background:#a5a5a5; width:9px; height:2px; display:block; position:absolute; top:0; bottom:0; right:15px; margin:auto;}
.m_sencondNav .m_second .m_second_hd li:after{-webkit-transform:rotate(-90deg); transform:rotate(-90deg); transition:all 0.6s ease-out;} 
.m_sencondNav .m_second .m_second_hd li:before{-webkit-transform:rotate(0deg); transform:rotate(0deg); transition:all 0.6s ease-out;}
.m_sencondNav .m_second .m_second_hd li.cur:before{-webkit-transform:rotate(180deg); transform:rotate(180deg); background:#a5a5a5;}
.m_sencondNav .m_second .m_second_hd li.cur:after{-webkit-transform:rotate(180deg); transform:rotate(180deg); opacity:0; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; background:#a5a5a5;}
.m_sencondNav .m_second .m_second_bd .erji{position:absolute; left:0; top:100%; width:100%; background:#f8f8f8; border-top:1px solid #e8e8e8; padding-bottom:10px; display:none;}
.m_sencondNav .m_second .m_second_bd .erji li a{padding:6px 20px 6px 63px; border-bottom: 1px solid #dedede; font-size:15px; color:#666; display:block}
.m_sencondNav .m_second .m_second_bd .erji li{margin-top:10px;}
.m_sencondNav .m_second .m_second_hd.active{background:#efefef;}
.m_sencondNav .m_second .m_second_hd.cur{background:#efefef;}
.m_sencondNav .m_second .m_second_bd .sanji{position:absolute; left:0; top:100%; width:100%; background:#efefef; border-top:1px solid #e8e8e8; padding-bottom:10px; display:none;}
.m_sencondNav .m_second .m_second_bd .sanji li a{padding:6px 20px 6px 63px; font-size:14px; color:#666;; display:block}
.m_sencondNav .m_second .m_second_bd .sanji li{margin-top:10px;}

.ny_about{background:url(../images/aboutbg.jpg) no-repeat center center; background-size: cover;}
.ny_about .jianjie{font-size:16px;color: #777;line-height:34px;height: 400px; padding:0 60px 0px 0; margin-bottom:80px; overflow-y: scroll; width: 92%;}
.introduce_name{font-size:24px;line-height:1; margin-bottom: 30px; color: #d72222; }
.ny_about .right-box .right-pic {width: 100%;overflow: hidden; border-radius: 15px;}
.ny_about .right-box .right-pic img {width: 100%; transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;}
.ny_about .right-box:hover .right-pic img { transform: scale(1.1, 1.1) translateZ(0);-o-transform: scale(1.1, 1.1) translateZ(0);-moz-transform: scale(1.1, 1.1) translateZ(0);-webkit-transform: scale(1.1, 1.1 translateZ(0));}

@media screen and (min-width: 1024px) {
.ny_about ::-webkit-scrollbar {
width: 4px;
background-color: #f0f0f0;
}
.ny_about ::-webkit-scrollbar-thumb {
background-color: #cc0000;
}
}


@media screen and (max-width: 1200px){
.ny_about .jianjie{height: 300px;margin-bottom:40px; padding: 0 40px 0px 0; overflow-y: scroll; width: 100%;}
}
@media screen and (max-width: 1024px){
.introduce_name{font-size:20px;}
}    
@media screen and (max-width: 768px){
.introduce_name{font-size:18px; line-height: 30px;margin-bottom: 10px;}
.ny_about .jianjie{ padding: 0 0px 0px 0; line-height: 28px;}

}

.ny_culture { height: 700px; display: flex;display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */display: -moz-box;/* Firefox 17- */display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */display: -moz-flex;/* Firefox 18+ */display: -ms-flexbox;/* IE 10 */-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;background: url(../images/culturebg.jpg) no-repeat center center;background-size: cover; }
.ny_culture .main {width: 100%;display: flex;display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */display: -moz-box;/* Firefox 17- */display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */display: -moz-flex;/* Firefox 18+ */display: -ms-flexbox;/* IE 10 */ }
.ny_culture .item {padding: 0 55px; }
.ny_culture .item {position: relative;cursor: pointer;width: 25%; border-left: 1px solid #fff;transition: background 0.5s ease;-webkit-transition: background 0.5s ease;-moz-transition: background 0.5s ease;-ms-transition: background 0.5s ease;-o-transition: background 0.5s ease;display: flex;display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */display: -moz-box;/* Firefox 17- */display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */display: -moz-flex;/* Firefox 18+ */display: -ms-flexbox;/* IE 10 */align-items: center; }
.ny_culture .item:hover {background-color: rgba(0, 0, 0, 0.4); }
.ny_culture .item:hover .hidebox {opacity: 1;visibility: visible;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%); }
.ny_culture .item:hover .info {opacity: 0;visibility: hidden; }
.ny_culture .icon {position: relative;width: 70px;display: block; }
.ny_culture .icon:before {content: "";width: 7px;height: 72px;background-color: #fff;position: absolute;left: -55px;top: 0;z-index: 10; }
.ny_culture .info {transition: opacity 0.5s ease;-webkit-transition: opacity 0.5s ease;-moz-transition: opacity 0.5s ease;-ms-transition: opacity 0.5s ease;-o-transition: opacity 0.5s ease; }
.ny_culture .info .btn{ width: 60px; height: 60px; line-height: 45px; text-align: center; border-radius: 100%; border: 1px solid #fff!important;}
.ny_culture .name {font-size: 28px;color: #fff;line-height: 40px;margin: 44px auto 15px; }
.ny_culture .en {font-size: 22px;color: #fff;opacity: 0.6;line-height: 30px;min-height: 60px;margin-bottom: 46px; }
.ny_culture .hidebox {padding: 0 48px; }
.ny_culture .hidebox {opacity: 0;visibility: hidden;position: absolute;left: 0;top: 48%;width: 100%;transform: translateY(-40%);-webkit-transform: translateY(-40%);-moz-transform: translateY(-40%);-ms-transform: translateY(-40%);-o-transform: translateY(-40%);z-index: 10;line-height: 30px;transition: transform 0.5s ease;-webkit-transition: transform 0.5s ease;-moz-transition: transform 0.5s ease;-ms-transition: transform 0.5s ease;-o-transition: transform 0.5s ease; }
.ny_culture .hidebox li {margin-bottom: 34px; }
.ny_culture .hidebox li:last-child {margin-bottom: 0; }
.ny_culture .tit {font-size: 24px;color: #fff;font-weight: 700;margin-bottom: 10px; }
.ny_culture .tits {font-size: 20px;color: #fff; margin-bottom: 5px; margin-top: 5px; }
.ny_culture .desc {color: #fff;font-size: 18px; }
.ny_culture .desc1 {color: #fff;font-size: 15px; }
@media screen and (max-width: 1280px){
.ny_culture .item { padding: 0px 30px;}
.ny_culture .hidebox {padding: 0 28px; }
.ny_culture .name {font-size: 26px; margin: 24px auto 5px; }
.ny_culture .en {font-size: 20px;}
.ny_culture .icon:before { width: 4px;height: 62px; left: -30px; }
.ny_culture .tit {font-size: 22px;}
.ny_culture .info .btn{ width: 45px; height: 45px; line-height: 28px;}
}
@media screen and (max-width: 992px){
.ny_culture {height: 900px; display: block;}
.ny_culture .main {width: 100%;display: block;}
.ny_culture .item { width: 50%; height: 450px; float: left;border-bottom: 1px solid #fff; padding: 60px 20px;}
.ny_culture .icon:before { width:0px;}
.ny_culture .info .btn{ width:40px; height: 40px; line-height: 25px; border: 1px solid #fff!important;}
.ny_culture .name {font-size: 22px; line-height: 35px;margin: 30px auto 5px; }
.ny_culture .en {font-size: 17px;min-height: 35px;margin-bottom: 30px; }
.ny_culture .tit {font-size: 22px;margin-bottom: 5px; font-weight: normal; }
.ny_culture .tits {font-size: 17px; margin-bottom: 0px; margin-top: 0px; }
.ny_culture .desc {font-size: 16px; }
.ny_culture .desc1 { line-height: 26px;}
.ny_culture .hidebox {padding: 0 18px; }
}
@media screen and (max-width: 768px){
.ny_culture { height: 1000px; display: block;}
.ny_culture .main {width: 100%;display: block;}
.ny_culture .item { width: 50%; height: 500px; padding: 40px 20px;}
}
@media screen and (max-width: 668px){
.ny_culture { height: 1400px;background: url(../images/culturebg_m.jpg) no-repeat center center;}
.ny_culture .icon img{ width: 60%;}
.ny_culture .item { width: 100%; height: 25%;border-left:0px solid #fff;}
.ny_culture .item:last-child{border-bottom: 0px solid #fff;}
.ny_culture .hidebox { top: 78%;}
}


.gray{background: #f7f7f7;}
.Ny_aboutus { width:100%; overflow:hidden; margin:0 auto; padding:0;}
.NyAbout_title { width:100%; overflow:hidden; margin:0 auto 40px; padding:0;}
.NyAbout_title p { width:100%; overflow:hidden; line-height:40px; color:#333; font-size:36px;text-align:center; margin:0 auto; padding:0;}
.ny_equipment_swiper{ padding-bottom:30px;}
.NyAboutPar4_list ul { margin-bottom: 30px;}
.NyAboutPar4_list ul li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.NyAboutPar4_list ul li .NyAboutPart4_img { width:100%; height:300px; overflow:hidden; background-color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.NyAboutPar4_list ul li .NyAboutPart4_img a { display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; border:1px solid #e6edf6; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.NyAboutPar4_list ul li .NyAboutPart4_img a img { display:block; max-width:100%; width: 100%; max-height:100%;height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.NyAboutPar4_list ul li .NyAboutPart4_tit{ height: 70px; line-height: 70px; text-align: center; font-size: 18px; background: #e5e5e5;}
.NyAboutPar4_list ul li .NyAboutPart4_tit a{ color: #333;}
.NyAboutPar4_list ul li:hover .NyAboutPart4_img a img { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
.NyAboutPar4_list ul li:hover .NyAboutPart4_tit { background: #dc0202;}
.NyAboutPar4_list ul li:hover .NyAboutPart4_tit a{ color: #fff;}
.NyAboutPar4_list .swiper-pagination-bullet{ width: 14px; height: 14px; border-radius: 100%; opacity: .28;}
.NyAboutPar4_list .swiper-pagination-bullet-active{ background: #dc0202!important;opacity:1;}
@media screen and (max-width: 1366px){
.NyAboutPar4_list ul li .NyAboutPart4_img { height:265px; }
}
@media screen and (max-width: 1280px){
.NyAbout_title p { font-size:32px;}
.NyAboutPar4_list ul li .NyAboutPart4_img { height:245px; }
.NyAboutPar4_list ul li .NyAboutPart4_tit{ height: 60px; line-height:60px;}
}
@media screen and (max-width: 1200px){
.NyAboutPar4_list ul li .NyAboutPart4_img { height:220px; }
}
@media screen and (max-width: 992px){
.NyAbout_title p { font-size:28px;}
.NyAboutPar4_list ul li .NyAboutPart4_img { height:285px; }
}
@media screen and (max-width: 868px){
.NyAboutPar4_list ul li .NyAboutPart4_img { height:235px; }
}
@media screen and (max-width: 768px){
.NyAbout_title p { font-size:24px;}
.NyAboutPar4_list ul li .NyAboutPart4_tit{ height: 50px; line-height:50px; font-size: 16px;}
}
@media screen and (max-width: 668px){
.NyAbout_title p { font-size:20px;}
.NyAboutPar4_list ul li .NyAboutPart4_img { height:185px; }

}
@media screen and (max-width: 568px){
.NyAboutPar4_list ul li .NyAboutPart4_img { height:285px; }
}

.news .list li{ margin-bottom: 35px;}
.news .list .box { border: 1px solid #e5e5e5; border-radius: 15px; padding:40px 40px;}
.news .list li .name{ padding: 0px 0px 10px; }
.news .list li .name a{ color: #333;font-size: 18px; height: 38px; line-height: 38px;overflow: hidden; }
.news .list li .name a:hover{ color: #dc0202; }
.news .list li .content{ font-size: 16px; line-height:30px; overflow: hidden; color: #666; text-overflow: ellipsis;-ms-text-overflow: ellipsis;display: box;display: -webkit-box;line-clamp: 2;-webkit-line-clamp:2;-webkit-box-orient: vertical; }
.news .list li .botDiv{ padding:5px 0px 10px; position: relative;}
.news .list li .time{ color: #666; font-size: 16px; }
.news .list li .hideBox{ position: absolute; left: 0; top: 50%; display: none; width: 100%; z-index: 2; background: url(../images/bg2.png) repeat;}
.news .list .box:hover { border: 1px solid #dc0202; background: #dc0202;}
.news .list .box:hover .time{ color: #fff; }
.news .list .box:hover .name a{ color: #fff;}
.news .list .box:hover .content{color: #fff; }
@media screen and (max-width:768px){
.news .list .box {  padding:20px 20px;}
.news .list li .name a{ font-size: 17px; height: 30px; line-height: 30px; }
}
@media screen and (max-width:468px){
.news .list li{ margin-bottom: 20px;}
.news .list li .name{ padding: 0px 0px 5px; }
.news .list .box {  padding:10px 10px;}
}
.show-news .left .page-tit { text-align: left!important;}
.show-news .left .page-tit h1{ font-size: 30px; }
.show-news .tool{ margin-top: 30px; padding-bottom: 15px; border-bottom: 1px solid #dcdcdc;}
.show-news .tool .left #hits { margin-left: 35px;}
.show-news .tool .float-left span{ margin-right: 5px;}
.show-news .tool .float-left .fa{ margin-right: 8px;}

.show-news .tool .share { margin: 0;}
.show-news .tool .share ul li { font-size: 15px; color: #666; margin-right: 10px;}
.show-news .news-box .left { float: left; width: 67%; padding-right: 5%; border-right: 1px solid #e5e5e5;}
.show-news .news-box .left .news-c { margin: 40px 0 0; }
.show-news .news-box .left .news-c p,.show-news .news-box .left .news-c div{ line-height: 34px; font-size: 16px; color: #666;} 
.show-news .news-box .right { float: right; width: 33%; padding-left: 4%;}
.show-news .news-box>.right { position: relative;}
.show-news .news-box>.right:before{  content: ''; position: absolute; left:-2px; top: 0px; width:4px; height: 42px; background:#dc0202;}
.show-news .news-box>.right .commend-t { font-size: 30px; color: #666;}
.show-news .news-box>.right .commend-lists ul li { margin-top:20px; padding-bottom: 20px; border-bottom:1px solid #e5e5e5;}
.show-news .news-box>.right .commend-lists ul li .item-tit { font-size: 18px;line-height: 36px; color: #666;}
.show-news .news-box>.right .commend-lists ul li .item-c {color: #666; font-size: 16px; line-height: 30px;}
.show-news .news-box>.right .commend-lists ul li .commend-item a { display: block;}
.show-news .news-box>.right .commend-lists ul li .commend-item a:hover{color: #dc0202; }
.share ul li { float: left; margin-right: 15px;}
.share ul li:last-child { margin-right: 0;}
.show-news .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;}

.prev_next {margin-top: 40px; line-height: 60px; border-top:1px solid #e5e5e5;color: #666; }
.prev_next a{color: #666; }
.prev_next li {margin: 10px auto;font-size: 16px; width: 48%;}
.prev_next li a:hover { color: #dc0202; }

@media(max-width:1366px) {
.show-news .left .page-tit {margin-bottom:20px;}
.show-news .left .page-tit h1{ font-size: 24px; }
.show-news .news-box>.right .commend-t { font-size: 24px; }
.show-news .news-box>.right .commend-lists ul li .item-tit { font-size: 16px;line-height: 30px;}
.show-news .tool{ margin-top:20px; }
}
@media(max-width:1200px) {
.show-news .left .page-tit h1{ font-size: 20px; }
.show-news .news-box>.right .commend-t { font-size: 20px; }

}
@media(max-width:992px) {
.show-news .prev_next li { width: 100%; margin: 0px auto;}
}
@media(max-width:768px) {
.show-news .left .page-tit h1{ font-size: 18px; }
.show-news .tool{ margin-top: 10px; padding-bottom: 10px;}
.show-news .news-box>.left { float: none; width: 100%;padding-right:0; border-right: 0px solid #e5e5e5;}
.show-news .news-box>.right { float: none; display:none; width: 0px; padding-left: 0;}
.show-news .tool .share { display:none;}
.show-news .prev_next {margin-top: 30px; line-height: 40px;}
}
@media(max-width:668px) {
.show-news .left .page-tit {margin-bottom:10px;}
.show-news .tool{ margin-top: 0px; padding-bottom: 10px;}
.show-news .news-box .left .news-c { margin: 20px 0 0; }
.show-news .news-box .left .news-c p{ line-height: 28px; } 
.prev_next li {width: 100%;margin: 5px auto 0px;}
.prev_next {margin-top: 20px; line-height: 35px;}
}
.products { padding: 0px 0;}
.products:nth-child(2n) { padding: 80px 0;}
.products .proitemtop { width: 100%; height:60px; line-height: 60px; margin-bottom: 30px; overflow: hidden; background: #f9f9f9; border-bottom: 1px solid #dddddd; position: relative;}
.products .proitemtop:before{ content: ''; position: absolute; left:0px; top: 0px; width: 2px; height: 60px; background: #de000d;}
.products .proitemtop .proitemtoptit{ width: 80%; float: left; font-size: 16px; color: #666; }
.products .proitemtop .proitemtoptit h3{ font-size: 18px; font-weight: bold; margin-bottom: 15px; line-height: 60px; padding-left: 35px;}
.products .proitemtop .proitemtoptit h3 a {color: rgba(0,0,0,0.8)}
.products .proitemtop .proitemtoptit h3 span { font-size: 16px; font-weight: normal; text-transform: uppercase; color: #666; }
.products .proitemtop .pro_more_detail{ width:10%; float: right; text-align: center; color: #333;}
.products .proitemtop .pro_more_detail span { width: 50px; color: #666; }
.products .proitemtop .pro_more_detail:hover{ color: #de000d;}

@media(max-width:1440px) {
.products:nth-child(2n) { padding: 60px 0;}
}
@media(max-width:1200px) {
.products:nth-child(2n) { padding: 40px 0;}
.products .proitemtop { height:55px; line-height: 55px;}
.products .proitemtop .proitemtoptit h3{line-height: 55px; padding-left: 15px;}
.products .proitemtop .proitemtoptit h3 span { display: none;}
.products .proitemtop .proitemtoptit{ width: 87%; }
.products .proitemtop .pro_more_detail{ width:12%; }
}

@media(max-width:660px) {
.products:nth-child(2n){ padding: 30px 0;}
.products .proitemtop { margin-bottom:10px; height: 50px; line-height:50px; }
.products .proitemtop:before{ height: 50px; }
.products .proitemtop .proitemtoptit p { display: none;}
.products .proitemtop .proitemtoptit h3{ height: 50px; line-height:50px; }
.products .proitemtop .proitemtoptit h3 span { display: none;}
.products .proitemtop .proitemtoptit{ width: 70%;}
.products .proitemtop .pro_more_detail{ width: 22%; }
.products .proitemtop .pro_more_detail span { line-height:50px; }
.products .proitemtop .pro_more_detail span::before {border: 1px solid #666;  top: 15px; width:30px; height: 30px; line-height: 20px; }
.products .proitemtop .proitemtoptit h3{ font-size:16px;  }
}
@media(max-width:560px) {
.products .proitemtop .proitemtoptit{ width: 70%;}
.products .proitemtop .pro_more_detail{ width: 30%; }
}

.index_pro img{ width:100%;}
.index_pro .index_pro_con{ position:absolute; bottom:0; left:0; width:100%; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));  height:70px; line-height:30px; padding:20px;}
.index_pro .index_pro_con .index_pro_left { font-size:20px; color:#fff; text-align: center;}
.pro_list .box-list .list-pic {width: 100%; overflow: hidden;border-top: 1px solid #e6e6e6;border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6;}
.pro_list .box-list .list-pic img {width: 100%;transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;}
.pro_list .box-list .list-cent {width: 100%;}
.pro_list .box-list .list-cent .cent-title { font-size: 18px; text-align: center;padding:15px 0; line-height: 30px;color: #393435; background: #f2f4f7; border-bottom: 2px solid #f2f4f7;}
.pro_list .box-list:hover .list-pic img {transform: scale(1.1, 1.1) translateZ(0);-o-transform: scale(1.1, 1.1) translateZ(0);-moz-transform: scale(1.1, 1.1) translateZ(0);-webkit-transform: scale(1.1, 1.1 translateZ(0));}
.pro_list .box-list:hover .list-cent .cent-title { border-bottom: 2px solid #d72222;}
.pro_list .infor{ margin-bottom: 30px;}
.pro_list .infor .tit{ text-align: center; font-size: 24px;} 
.pro_list .infor .tit span{ color: #cc0000;}
.pro_lists .box-list { margin-bottom: 25px;}
.pro_lists .box-list .list-pic {width: 100%; overflow: hidden;border-top: 1px solid #e6e6e6;border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6;}
.pro_lists .box-list .list-pic img {width: 100%;transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;}
.pro_lists .box-list .list-cent {width: 100%;}
.pro_lists .box-list .list-cent .cent-title { font-size: 18px; text-align: center;padding:15px 0; line-height: 30px;color: #393435; background: #f2f4f7; border-bottom: 2px solid #f2f4f7;}
.pro_lists .box-list:hover .list-pic img {transform: scale(1.1, 1.1) translateZ(0);-o-transform: scale(1.1, 1.1) translateZ(0);-moz-transform: scale(1.1, 1.1) translateZ(0);-webkit-transform: scale(1.1, 1.1 translateZ(0));}
.pro_lists .box-list:hover .list-cent .cent-title { border-bottom: 2px solid #d72222;}
.pro_lists .infor{ margin-bottom: 30px;}
.pro_lists .infor .tit{ text-align: center; font-size: 24px;} 
.pro_lists .infor .tit span{ color: #cc0000;}


@media only screen and (max-width:1600px) {
.pro_list .box-list .list-cent .cent-title { font-size: 18px; padding:14px 0;}
.pro_lists .box-list .list-cent .cent-title { font-size: 18px; padding:14px 0;}

}
@media only screen and (max-width:1366px) {
.pro_list .box-list .list-cent .cent-title { font-size: 17px; padding:10px 0;}
.pro_lists .box-list .list-cent .cent-title { font-size: 17px; padding:10px 0;}

}
@media only screen and (max-width:1024px) {
.index_pro .index_pro_con .index_pro_left { font-size:18px;}
.pro_list .box-list .list-cent .cent-title { font-size: 16px; padding:5px 0; }
.pro_lists .box-list .list-cent .cent-title { font-size: 16px; padding:5px 0; }

}
@media only screen and (max-width:772px) {
.index_pro {margin-top:15px; margin-bottom:5px;}
.pro_list ul li { margin-bottom: 0px; margin-top: 20px;}
.pro_list .infor{ margin-bottom: 20px;}
.pro_list .infor .tit{ font-size: 20px;} 
.pro_lists ul li { margin-bottom: 0px; margin-top: 20px;}
.pro_lists .infor{ margin-bottom: 20px;}
.pro_lists .infor .tit{ font-size: 20px;} 
}


.left_nav{ margin-bottom: 35px; background: #fff;  border: 1px solid #e5e5e5; }
.left_nav dt{ line-height:60px; color: #fff;background: #cc0000;  font-size: 20px; font-weight: bold; padding-left: 35px;}
.left_nav dd{line-height: 35px; padding-top: 10px; padding-bottom: 10px; font-size: 18px;padding-left: 35px; border-bottom: 1px solid #e5e5e5; color: #666; }
.left_nav dd:last-child{border-bottom: 0px;}
.left_pro { margin-top: 60px; background-color: #fff;}
.left_pro .swiper-container-prolist{ padding-bottom: 50px;}
.left_pro .tit{height:60px;line-height:60px;background-color:#1c549e;font-size:20px; font-weight: bold; color:#fff;padding:0 47px 0 33px;}
.left_pro .content{ padding: 25px;}
.left_pro ul li{overflow: hidden;}
.left_pro ul li .img{display: block; background:#fff; text-align:center; padding:10px; border: 1px solid #e5e5e5;}
.left_pro ul li .img img { width: 100%;}
.left_pro ul li p{ line-height: 45px; text-align: center; font-size: 16px; margin-bottom: 0px;}
.left_pro .swiper-pagination-bullet {width: 10px;height: 10px; border-radius: 100%; background: #444;}	
.left_pro .swiper-pagination-bullet-active {opacity: 1;background: #cc0000;}
.left_pro .swiper-container-vertical>.swiper-pagination-bullets {right: 0px; left: 42%; width: 100%; height: 40px;bottom: 0px; top:auto!important; margin: 0 auto; text-align: center;}
.left_pro .swiper-pagination-bullet { float: left; margin:10px 5px!important;}
.left_pro .swiper-container-horizontal>.swiper-pagination-bullets,.left_pro .swiper-pagination-custom,.left_pro .swiper-pagination-fraction { left: 46%; }
@media only screen and (max-device-width: 1700px){
.left_pro ul li .img img{ width:92%; margin:0 auto;}
}
@media(max-width:1366px) {
.left_nav dt{font-size: 22px; padding-left: 25px;}
.left_nav dd{ padding-left: 25px; }
.left_news dd{ margin: 15px 25px;}
}
@media(max-width:1280px) {
.left_nav dt{ line-height: 48px;font-size: 18px; padding-left: 15px;}
.left_nav dd{line-height: 25px; font-size: 16px;padding-left: 15px; }
.left_news dd{ margin: 15px 15px; padding-left: 5px; padding-right: 5px;}
}

@media screen and (max-width: 1024px){
.left_pro ul li p{ line-height: 30px; font-size: 16px; }
}
.pro_info_1{ overflow:hidden;background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/probg.jpg);}
.pro_info_1_1_left{float:left; width:56%;}
.pro_info_1_1_right{float:right; width:42%;}
.pro_info_1_1_right_1{font-size:30px; color:#000; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ddd;}
.pro_info_1_1_right_3{font-size:16px; color:#666; line-height:2.1; margin:2.1em 0 2.5em 0;}
.pro_top_r_bott {margin-top: 45px; width:100%;}
.pro_top_r_bott p {font-size:20px;color: #333333;}
.pro_top_r_bott span {font-size: 28px;color: #cc0000;}
.pro_info_1_1_right .link{margin:35px 0 0;}
.pro_info_1_1_right .link a{display:inline-block; margin-right:20px;}
.pro_info_1_1_right .link a span{display:inline-block; vertical-align:middle;}
.pro_info_1_1_right .link a span.icon{width:36px; height:36px; margin-right:5px;}
.pro_info_1_1_right .link a span.icon img{display:none;}
.pro_info_1_1_right .link a.link_a2 span.icon{background:url(../images/pro_detail01_icon2.png) no-repeat;}
.pro_info_1_1_right .link a.link_a3 span.icon{background:url(../images/pro_detail01_icon3.png) no-repeat;}
.pro_info_1_1_right .link a.link_a4 span.icon{background:url(../images/pro_detail01_icon4.png) no-repeat;}
.pro_info_1_1_right .link a span.txt{font-size:16px;}
.pro_info_1_1_right .link a:hover{color:#cc0000;}
.pro-big-img {width: 100%;height:454px;overflow: hidden;}
.pro-big-img .gallery-left{width:77%;height: inherit;border: 1px solid #eeeeee; margin: 0; float: left;}
.pro-big-img .gallery-left img{width: 100%; height: 100%;}
.pro-big-img .gallery-left .swiper-slide{width: 100%;height: initial;}
.pro-big-img .gallery-left .swiper-slide img{width: 100%;height: initial; }
.pro-big-img .gallery-thumbs{padding: 22px 10px; width:110px; height: inherit;margin: 0 0 0 10px; float: left; box-sizing: border-box;}
.pro-big-img .gallery-thumbs img{width: 100%;border: 1px solid #eeeeee; }
.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%;}
.section-content-bottom{ margin-top:55px; }
.section-content-bottom .pro_show_right .content ul{ margin-bottom: 40px;}
.section-content-bottom .pro_show_right .content ul li img{ width: 100%;}
.section-content-bottom .pro_show_right .content ul li .product_title {margin-top: 20px; text-align: center;}
.section-content-bottom .pro_show_right .content ul li .product_title a{ line-height: 50px; color: #666; text-align: center; font-size: 18px;}
.section-content-bottom .pro_info_1_2 {background-color:#f4f4f4; height: 60px;line-height:60px; overflow:hidden}
.section-content-bottom .pro_info_1_2 ul li{float:left; }
.section-content-bottom .pro_info_1_2 ul li a{ font-size:1.25em; padding:0 2.5em;display:block; }
.section-content-bottom .pro_info_1_2 ul li a.active,.section-content-bottom .pro_info_1_2 ul li a:hover{background-color:#cc0000; color: #fff;  }
.pro_info_2{ padding: 0px 40px 0px;}
.pro_info_2_1_t{ margin-top:55px;font-size:18px; font-weight: bold; padding-left: 15px; color:#333; position: relative;}
.pro_info_2_1_t span{ font-size: 18px; text-transform: uppercase;}
.pro_info_2_1_t:after{ position: absolute; left: 0; top: 5px; height: 20px; background: #cc0000; content: ""; width: 3px;}
.pro_info_2_3_t{margin-top:2.3em; margin-bottom:0em; color:#666; line-height:2; font-size: 16px;}
.pro_info_2_3_t h3{ font-size: 18px; color:#333; margin-bottom: 10px; }
.pro_info_2_3_t p{ line-height: 32px; margin-bottom: 15px;}
.pro_info_2_mid{overflow:hidden;}
.nav-wrap.navFix{position: fixed;top: 89px;left: 0; width:100%; box-shadow: 0 0 5px rgba(0,0,0, 0.2);border-bottom:1px solid #e3e3e3; z-index: 99999; background-color:#92959b;}
.nav-wrap .container{padding-left:0; padding-right:0}
.nav-wrap.navFix .container{padding-left:1em; padding-right:1em;}
.pro_show_right { border: 1px solid #e5e5e5; }
.pro_show_right .tit {background-color:#2d83c2; height: 80px;line-height: 80px; color: #fff; text-align: center; font-size:1.25em;}
.pro_show_right .content{padding: 20px 20px 20px;}
@media screen and (max-width: 1650px){  
.pro_info_1_1_left img { width: 100%;}
.pro-big-img .gallery-thumbs{  margin: 0 0 0 5px;  }
}
@media screen and (max-width: 1600px){  
.pro_info_1_1_left{float:left; width:60%;}
.pro_info_1_1_right{float:right; width:38%;}
.pro_info_1_1_right_1{font-size:28px; }
}
@media screen and (max-width: 1500px){  
.pro_info_1_1_left{float:left; width:62%;}
.pro_info_1_1_right{float:right; width:36%;}
.pro_info_1_1_right_1{font-size:26px; }
}
@media screen and (max-width: 1440px){  
.pro-big-img .gallery-left{width:78%;}
.pro_info_1_1_right_1{font-size:24px; }
.pro_top_r_bott span {font-size: 24px; }
}
@media screen and (max-width: 1366px){  
.pro-big-img .gallery-left{width:76%;}
.pro_info_1_1_right_1{font-size:22px; }
.pro_info_2_mid img{ width: 100%;}
}
@media screen and (max-width: 1300px){  
.pro-big-img .gallery-left{width:73%;}
.pro-big-img { height:400px; }
.pro_top_r_bott span {font-size: 20px; }
}
@media screen and (max-width: 1200px){
.pro_info_1_1_left{float:none; width:100%; margin-bottom: 15px;}
.pro_info_1_1_right{float:none; width:100%;}
.pro_info_1_1_right_1{font-size:20px; }
.pro_info_1_1_right_2{font-size:0.875em;}
.pro_info_1_1_right_1{font-size:18px;}
.pro_info_1_1_right_3{font-size:15px; line-height: 1.7;}
.pro_info_2{ padding: 0px 0px 20px;}
.pro_top_r_bott span {font-size: 18px; }
}
@media screen and (max-width: 892px){  
.pro-big-img { height:370px; }
}
@media screen and (max-width: 768px){
.pro_info_1_1_left{float:none; width:100%; margin-bottom: 15px;}
.pro_info_1_1_right{float:none; width:100%;}
.pro-big-img { height:470px; }
}
@media screen and (max-width: 700px){
.pro-big-img { height:430px; }
}
@media screen and (max-width: 668px){
.pro-big-img { height:400px; }
}
@media screen and (max-width: 628px){
.pro-big-img { height:380px; }
}
@media screen and (max-width: 559px){
.section-content-bottom .pro_info_1_2 { height: 50px;line-height:50px;}
.section-content-bottom .pro_info_1_2 ul li a{ font-size:1em; padding:0 1.5em; }
.pro-big-img .gallery-left{width:100%; height: 480px;}
.pro-big-img { height:630px; }
.pro-big-img .gallery-thumbs{padding: 22px 25px; width:100%; height: 140px; }
.pro-big-img .gallery-thumbs .swiper-button-pro-prev{-webkit-transform: rotate(0deg) translate(0, 0);transform: rotate(0deg) translate(0, 0);/**/left:0px;right:inherit;top:45px;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:0px;top:inherit;bottom:25px;}
.pro_info_2_1_t{ margin-top:35px;}
.pro_info_2_3_t p{ line-height: 28px; margin-bottom: 10px;}
}
@media screen and (max-width: 500px){
.pro-big-img { height:610px; }
.pro-big-img .gallery-left{ height: 448px;}
.pro_top_r_bott span {font-size: 20px; }
.pro_info_1_1_right .link a{ margin-right:10px;}
.pro_info_1_1_right .link a span.icon{ margin-right:0px;}
.pro_top_r_bott {margin-top: 25px;}
.pro_info_1_1_right .link{margin:25px 0 0;}
}
@media screen and (max-width: 459px){
.pro-big-img .gallery-left{width:100%; height: 300px;}
.pro-big-img { height:430px; }
.pro_top_r_bott span {font-size: 18px; }
}
@media screen and (max-width: 410px){
.pro-big-img .gallery-left{ height: 340px;}
.pro-big-img { height:480px; }
}
@media screen and (max-width: 380px){
.pro-big-img .gallery-left{ height: 330px;}
.pro-big-img { height:440px; }
}  

.technical_list { padding-bottom: 70px;}
.technical_list .img_box{background-color: #fff;}
.technical_list .info_box .t{font-size:18px; text-align: center; background-color: #fff; padding: 20px 0 15px; text-align: center;  overflow: hidden;text-overflow: ellipsis;-ms-text-overflow: ellipsis;display: box;display: -webkit-box;line-clamp: 1;-webkit-line-clamp: 1;-webkit-box-orient: vertical; }
.technical_list .info_box .d{ color:#666; font-size: 16px; line-height:32px; margin-bottom: 20px; overflow:hidden; text-align:left;}
.technical_list .info_box .more{ margin: 50px auto 20px; width: 56%;}
.technical_list a:hover .t{color:#bc333e;}
@media screen and (max-width: 1480px){
.technical_list .info_box .more{  width: 66%;}
}
@media screen and (max-width: 1280px){
.technical_list .info_box .d{line-height:28px; height: 80px;}
}
@media screen and (max-width: 992px){
.technical_list .info_box .more{  width: 86%;}
}
@media screen and (max-width: 768px){
.technical_list .info_box .more{  width: 26%;}
}
@media screen and (max-width: 668px){
.technical_list .info_box .more{ margin:20px auto 40px; width: 46%;}
}
@media screen and (max-width: 468px){
.technical_list .info_box .more{  width: 66%;}
}
.energy .content{ width: 90%;}
.energy h3{ font-size: 36px; margin-bottom: 25px; font-weight: bold; color:#333; }
.energy span{ font-size: 24px; margin-bottom: 25px; }
.energy p{ margin-bottom: 25px; font-size: 17px; line-height: 32px;}
.energy strong{ font-size: 18px; color:#bc333e; font-weight: bold; }
.energy img{ width: 100%; text-align: right;}
.energy .content_mid{ margin-top: 50px;}
.energy .content_mid h3{ margin-bottom:45px;}
.energy .content_mid .tile {padding:60px 45px;background-color: #f7f7f7;}
.energy .content_mid .text-5 {font-size:20px;line-height: 1.0625rem;}
.energy .content_mid .text-bold {font-weight: 700;}
.energy .content_mid .m_bottom--sm {margin-bottom: 1rem!important;}
.energy .content_mid ul {list-style: none; height: 120px; display: flex;flex-direction: column;justify-content: flex-start;align-items: stretch;}
.energy .content_mid ul li {position: relative; margin-bottom: .3rem; list-style: none;font-size: 16px; color:#666666;}
.energy .content_mid ul.hooks li:before {content: "\f00c";font-family:'FontAwesome';color:#d72222; margin-right: 8px;}
.energy .content_bottom{ margin-top: 50px;}
.energy .content_bottom h3{ margin-bottom:45px;}
.energy .content_bottom .com{ border: 1px solid #e5e5e5; padding: 25px 23px;}
.energy .content_bottom .com .tit{font-size: 18px; margin-bottom: 20px; font-weight: bold; }
.energy .content_bottom .com .desc{font-size: 16px; line-height: 32px; height: 98px; color:#666;}
.energy .content_bottom .com:hover{ border: 1px solid #d72222; }
.energy .content_bottom .com:hover .tit{ color:#d72222}
.energy2{ margin-top: 80px;}
.energy2 .com .tit{font-size: 18px; margin-bottom: 20px;  }
.energy2 .com .desc{font-size: 16px; line-height: 32px; margin-bottom: 20px; color:#666;}
.energy_list { padding-bottom: 70px;}
.energy_list .swiper-container-energy{padding-bottom: 70px;}
.energy_list .img_box{background-color: #fff;}
.energy_list .info_box .t{font-size:20px; color:#333; text-align: center; background-color: #fff; padding: 20px 0 15px; text-align: center;  overflow: hidden;text-overflow: ellipsis;-ms-text-overflow: ellipsis;display: box;display: -webkit-box;line-clamp: 1;-webkit-line-clamp: 1;-webkit-box-orient: vertical; }
.energy_list .info_box .d{ color:#666; font-size: 16px; line-height:32px; overflow:hidden; text-align:left;}
.energy_list a:hover .t{color:#d72222;}
.energy_list .swiper-pagination-bullet {width: 20px;height: 12px; border-radius: 15px; background: #ddd;}
.energy_list .swiper-pagination-bullet-active {background: #d72222;width: 15px;height: 15px; }
.energy_list .swiper-slide{ margin-top:0px!important; }
.energy_list .swiper-button-prev, .energy_list .swiper-container-rtl .swiper-button-next{left:0;right:auto}
.energy_list .swiper-button-next,.energy_list .swiper-container-rtl .swiper-button-prev{ right: 9%;}
.energy_list .swiper-button-next.swiper-button-disabled,.energy_list .swiper-button-prev.swiper-button-disabled {opacity: .35;width: 45px; height: 45px; border-radius: 100%;}
.energy_list .swiper-button-next,.energy_list .swiper-button-prev{top: 95%;}
.energy_list .swiper-button-next,.energy_list .swiper-button-prev{ -moz-background-size:15px 24px;-webkit-background-size:15px 24px;background-size:15px 24px;}
.energy_list .swiper-button-next,.energy_list .swiper-button-prev{  width: 45px; height: 45px; border-radius: 100%;top: 90%; z-index: 99999;}
.energy_list .page-div {bottom:0px;left:36%; width: 30%; z-index: 99999;}
@media (max-width: 768px) {
.energy_list .swiper-button-next,.energy_list .swiper-button-prev{top: auto; bottom: 10px;}
.energy_list .swiper-pagination-bullet {width: 25px!important;height: 2px!important; }
.energy_list .swiper-button-next,.energy_list .swiper-container-rtl .swiper-button-prev{ right: 2%;}
.energy_list .swiper-button-next,.energy_list .swiper-button-prev{width: 35px; height: 35px; background-size:8px 13px;}
.energy_list .swiper-pagination{ color: #fff;}
}
@media screen and (max-width: 1540px){
.energy .content_bottom .com{ padding: 25px 15px;}
}
@media screen and (max-width: 1440px){
.energy .content{ width: 94%;}
.energy h3{ font-size: 32px; margin-bottom: 20px; }
.energy span{ font-size: 22px; margin-bottom: 20px; }
.energy p{ margin-bottom: 15px; font-size: 16px; line-height:28px;}
.energy strong{ font-size: 16px;}
.energy .content_mid{ margin-top:40px;}
.energy .content_mid h3{ margin-bottom:35px;}
.energy .content_mid .tile {padding:50px 35px;}
.energy .content_bottom{ margin-top:40px;}
.energy .content_bottom h3{ margin-bottom:35px;}
.energy .content_bottom .com{ padding: 20px 15px;}
.energy .content_bottom .com .tit{font-size: 17px;}
.energy .content_bottom .com .desc{ line-height:28px; }
.energy2{ margin-top:40px;}
.energy2 h3{ margin-bottom:35px;}
.energy2 .com .tit{font-size: 17px;}
.energy2 .com .desc{ line-height:28px; }
}
@media screen and (max-width: 1280px){
.energy .content{ width: 100%;}
.energy h3{ font-size: 28px; margin-bottom: 15px; }
.energy span{ font-size: 20px; margin-bottom: 15px; color: #333;}
.energy p{ margin-bottom: 10px; color: #666;}
.energy .content_mid{ margin-top:30px;}
.energy .content_mid h3{ margin-bottom:30px;}
.energy .content_mid .text-5 {font-size: 18px;line-height: 1rem;}
.energy .content_mid .tile {padding:40px 20px;}
.energy .content_mid ul {height: 150px; }
.energy .content_bottom{ margin-top:30px;}
.energy .content_bottom h3{ margin-bottom:30px;}
.energy .content_bottom .com{ padding: 15px 10px;}
.energy .content_bottom .com .tit{font-size: 16px;}
.energy .content_bottom .com .desc{ line-height:28px; }
.energy2{ margin-top:30px;}
.energy2 h3{ margin-bottom:30px;}
.energy2 .com .tit{font-size: 16px;}
.energy2 .com .desc{ line-height:28px; }

}
@media screen and (max-width: 992px){
.energy h3{ font-size: 24px; }
.energy span{ font-size: 18px;}
.energy .content_bottom .com{ padding: 15px 17px; margin-bottom: 15px;}
.energy .content_bottom .com .tit{ margin-bottom: 15px;}
.energy .content_bottom .com .desc{ line-height:28px; height: 58px; }
.energy2 .com{ margin-bottom: 15px;}
.energy2 .com .tit{ margin-bottom: 15px;}
.energy2 .com .desc{ line-height:28px; }
.energy .content_mid .tile { margin-bottom: 25px;}
.energy .content_mid .tile {padding:30px 20px;}
}
@media screen and (max-width: 768px){
.energy .content{ margin-bottom: 15px; }
.energy h3{ font-size: 22px; }
.energy p{ margin-bottom: 5px; }
.energy .content_mid .tile {padding: 1rem 1rem 1rem .875rem;}
}
@media screen and (max-width: 568px){
.energy h3{ font-size: 20px; }
.energy .content_bottom .com .desc{ line-height:26px; height: 75px; }
.energy .content_mid .text-5 {font-size: 17px; color: #444;}
.energy2 .com .desc{ line-height:26px; }
}

.energy1{ padding-bottom: 50px;}
.monitoring { height: 600px; background: url(../images/monitoringbg.jpg) no-repeat center center;background-size: cover; }
.monitoring h3{ color: #fff;}
.monitoring ul{ margin-top: 80px;  margin-right: -15px; margin-left: -15px;}
.monitoring ul li{  padding-right: 15px; padding-left: 15px;width: 20%; float: left; }
.monitoring .item {padding: 35px 15px; }
.monitoring .item {position: relative;cursor: pointer;border: 1px solid #fff; border-radius: 10px; transition: background 0.5s ease;-webkit-transition: background 0.5s ease;-moz-transition: background 0.5s ease;-ms-transition: background 0.5s ease;-o-transition: background 0.5s ease;display: flex;display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */display: -moz-box;/* Firefox 17- */display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */display: -moz-flex;/* Firefox 18+ */display: -ms-flexbox;/* IE 10 */align-items: center; }
.monitoring .item:hover {background-color: #d72222; padding: 60px 15px; border: 1px solid #d72222; margin-top: -30px;}
.monitoring .item:hover .hidebox {opacity: 1;visibility: visible;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%); }
.monitoring .item:hover .info {opacity: 0;visibility: hidden; text-align: center; }
.monitoring .info { margin: 0 auto; transition: opacity 0.5s ease;-webkit-transition: opacity 0.5s ease;-moz-transition: opacity 0.5s ease;-ms-transition: opacity 0.5s ease;-o-transition: opacity 0.5s ease; }
.monitoring .name {font-size: 18px;color: #fff;line-height: 40px;margin: 5px auto 25px; }
.monitoring .info .icon{ text-align: center; margin: 30px auto 0px; }
.monitoring .hidebox {padding: 0 15px; }
.monitoring .hidebox {opacity: 0;visibility: hidden;position: absolute;left: 0;top: 48%;width: 100%;transform: translateY(-40%);-webkit-transform: translateY(-40%);-moz-transform: translateY(-40%);-ms-transform: translateY(-40%);-o-transform: translateY(-40%);z-index: 10;line-height: 30px;transition: transform 0.5s ease;-webkit-transition: transform 0.5s ease;-moz-transition: transform 0.5s ease;-ms-transition: transform 0.5s ease;-o-transition: transform 0.5s ease; }
.monitoring .tit {font-size: 18px;color: #fff; margin-bottom: 10px; text-align: center; }
.monitoring .desc {color: #fff;font-size: 16px; line-height: 30px; text-align: center; }
@media screen and (max-width: 1480px){
.monitoring .item {padding: 35px 10px; }
.monitoring .hidebox {padding: 0 10px; }
}
@media screen and (max-width: 1280px){
.monitoring { height: 510px;background: url(../images/monitoringbg_m.jpg) no-repeat center center;}
.monitoring .item { padding: 0px 10px;}
.monitoring .hidebox {padding: 0 10px; }
.monitoring .item:hover { padding: 60px 10px;margin-top: -60px;}
.monitoring .desc { line-height: 28px; }
}
@media screen and (max-width: 1024px){
.monitoring { height: 850px;}
.monitoring ul li{ width: 50%; margin-bottom: 20px;}
.monitoring ul li:last-child{ width: 100%; }
}
@media screen and (max-width: 992px){
.monitoring {height:880px; background: url(../images/monitoringbg_m.jpg) no-repeat center center;display: block;}
.monitoring .item { width: 50%;  float: left;border-bottom: 1px solid #fff; padding:40px 10px;}
.monitoring .name {line-height: 30px; }
.monitoring .tit { margin-bottom: 5px; font-weight: normal; }
.monitoring .desc {font-size: 16px; }
}
 
@media screen and (max-width: 668px){
.monitoring {height:980px; background: url(../images/monitoringbg_m1.jpg) no-repeat center center; }
.monitoring .icon img{ width: 60%;}
.monitoring .item { width: 100%;}
}
.custom ul{ width: 102%; margin-right: -10px;margin-left: -10px; margin-bottom:30px;}
.custom li { width: 20%; float: left; margin-bottom: 10px; margin-top: 10px;padding-right: 10px;padding-left: 10px; text-align: center;}
.custom li .box { border: 1px solid #eee;}
.custom li .box img{ width: 100%;}

@media (max-width:600px){
.custom li { width: 50%; }
}



.customersite .box-list { margin-bottom: 25px;}
.customersite .box-list .list-pic {width: 100%; overflow: hidden;}
.customersite .box-list .list-pic img {width: 100%;transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;}
.customersite .box-list .list-cent {width: 100%;}
.customersite .box-list .list-cent .cent-title { font-size: 18px; text-align: center;padding:15px 0; line-height: 30px;color: #393435; }
.customersite .box-list:hover .list-pic img {transform: scale(1.1, 1.1) translateZ(0);-o-transform: scale(1.1, 1.1) translateZ(0);-moz-transform: scale(1.1, 1.1) translateZ(0);-webkit-transform: scale(1.1, 1.1 translateZ(0));}
.customersite .box-list:hover .list-cent .cent-title { color: #cc0000;}
@media only screen and (max-width:1600px) {
.customersite .box-list .list-cent .cent-title { font-size: 18px; padding:14px 0;}
}
@media only screen and (max-width:1366px) {
.customersite .box-list .list-cent .cent-title { font-size: 17px; padding:10px 0;}
}
@media only screen and (max-width:1024px) {
.customersite .box-list .list-cent .cent-title { font-size: 16px; padding:5px 0; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
}
@media only screen and (max-width:772px) {
.customersite ul li { margin-bottom: 0px; margin-top: 0px;}
.customersite .box-list { margin-bottom: 5px;}
}
    
.i_title {margin: 0 auto 30px; text-align: center;}
.i_title h2{font-size:40px; color:#333; line-height:45px; text-align:center; }
.i_title .desc{font-size:16px; color:#666;line-height:32px; width: 74%; margin: 25px auto 30px;}
.server .content .item{margin-bottom:35px;}
.server .content .item .left { width: 50%; float: left;}
.server .content .item .right .box .c{ font-size: 16px; line-height:32px; color:#333; overflow:hidden; }
.server .content .item .right .box .t{font-size: 32px; font-weight: bold; margin-bottom: 20px; padding-bottom: 30px; position: relative; }
.server .content .item .right .box .t::before{ position: absolute; left: 0; bottom: 40px; height: 80px; background: url(../images/yh.png) no-repeat; content: ""; width: 100px;}
.server .content .item .right .box .t:after{ position: absolute; left: 0; bottom: 5px; height: 4px; background: #cc0000; content: ""; width: 40px;}
.server .content .item .right { width: 50%; float: left; background-color: #f9f9f9; padding:130px 70px 90px;}
.server .content .item .right .box { min-height: 330px;}
@media ( max-width:1479px) {
.server .content .item .right { padding:87px 45px;}
}
@media ( max-width:1280px) {
.i_title h2{font-size:36px; line-height:35px; }
.i_title .desc{ line-height:30px; width: 84%; }
.server .content .item .right { padding:58px 30px;}
.server .content .item .right .box .c{line-height:30px;}
.server .content .item .right .box .t{font-size: 28px; padding-bottom: 20px; }
.server .content .item .right .box .t::before{ bottom: 30px; height: 70px; width: 90px; background-size:100% 100%;}
}
@media ( max-width:1200px) {
.i_title h2{font-size:32px; }
.i_title .desc{ width: 90%; }
.server .content .item .right { padding:48px 30px;}
.server .content .item .right .box .t{font-size: 24px;}
.server .content .item .right .box .t::before{ bottom: 25x; height: 56px; width: 70px;}
.server .content .item .right .box .t:after{ height: 3px; width: 35px;}
}
@media ( max-width:1090px) {
.server .content .item .right { padding:40px 25px;}
.server .content .item .right .box { min-height: 315px;}
}
@media ( max-width:1024px) {
.server .content .item .left .rect-78{padding-bottom: 81%;}
.server .content .item .right { padding:35px 20px;}
.server .content .item .right .box .c{line-height:28px;}
}
@media ( max-width:992px) {
.i_title h2{font-size:28px; }
.i_title .desc{ width: 94%; }
.server .content .item .right { padding:30px 20px;}
.server .content .item .left .rect-78{padding-bottom: 92%;}
.server .content .item .right .box .t::before{ bottom: 20px; height: 40px; width: 50px;}
}
@media ( max-width:920px) {
.server .content .item .right { padding:40px 30px;}
.server .content .item .right .box .c{line-height:29px;}
.server .content .item .right .box .t{font-size: 20px;}
}
@media ( max-width:900px) {
.server .content .item .right { padding:30px 33px;}
}
@media ( max-width:768px) {
.i_title h2{font-size:24px; }
.i_title .desc{ width: 100%;line-height:28px;margin: 15px auto 20px; }
.server .content .item .left .rect-78{padding-bottom: 70%;}
.server .content .item .left { width: 100%; float: none;}
.server .content .item .right .box .t{font-size: 18px;padding-bottom: 15px;}
.server .content .item .right .box .c{  line-height:28px; }
.server .content .item .right { width: 100%; float: none;padding:30px 20px;}
.server .content .item .right .box { min-height: 275px;}
}
@media ( max-width:468px) {
.i_title h2{font-size:22px; }
.i_title .desc{ line-height:28px;margin: 10px auto 20px; }
.server .content .item .right { padding:35px 10px 20px;}
}
[transition="5s"], [imgsalc] img{transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s;-moz-transition:all 0.5s ease-in-out 0s}
[transition="1.0s"]{transition:1s ease-in-out 0s;-webkit-transition:1s ease-in-out 0s;-moz-transition:1s ease-in-out 0s}
[transition="1.4s"]{transition:1.4s ease-in-out 0s;-webkit-transition:1.4s ease-in-out 0s;-moz-transition:1.4s ease-in-out 0s}
[transition="1.6s"]{transition:1.6s ease-in-out 0s;-webkit-transition:1.6s ease-in-out 0s;-moz-transition:1.6s ease-in-out 0s}
[transition="2s"]{transition:2s ease-in-out 0s;-webkit-transition:2s ease-in-out 0s;-moz-transition:2s ease-in-out 0s}
[transition="2.4s"]{transition:2.4s ease-in-out 0s;-webkit-transition:2.4s ease-in-out 0s;-moz-transition:2.4s ease-in-out 0s}
.comproblemitem{background-color:#f2f4f7; border: 1px solid #f2f4f7; margin-bottom:20px}
.comprmitemtop{width:100%; padding:25px 38px;cursor:pointer}
.comprmitemtop .type{width:30px;height:30px; text-align:center;line-height:35px;border-radius:30px;color:#fff;font-weight:bold;font-family:'gothicb';font-size:16px}
.comprmitemtop .name{ margin:0 40px 0 20px;line-height:35px;color:#333;font-size:18px}
.comprmitemtop .icon{width:36px;height:36px; border: 3px solid #a1a7b3; text-align: center; position:relative}
.comprmitemtop .icon:after{content:"";width:16px;height:3px;background-color:#a1a7b3;position:absolute;left:23%;top:50%;margin-top:-2px}
.comprmitemtop .icon:before{content:"";width:3px;height:16px;background-color:#a1a7b3;position:absolute;left:46%;top:50%;margin-top:-8px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.comprmitembot{padding:30px 38px 58px; background: #fff; border: 1px solid #f2f4f7; display:none}
.comprmitembot .type{width:30px;height:30px; text-align:center;line-height:35px;border-radius:30px;color:#fff;font-weight:bold;font-family:'gothicb';font-size:16px}
.comprmitembot .con{width:calc(100% - 50px);margin-left:20px; line-height: 35px; color:#666;}
.comprmitembot .con p{color:#666; font-size: 16px;}
.comproblemitem.cur{background-color:#f2f4f7;box-shadow:0px 0px 17px 0px rgba(0,0,0,0.15)}
.comproblemitem.cur .comprmitemtop .icon:before{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg)}
@media(max-width:1640px) {
.comprmitemtop{ padding:25px 28px; }
.comprmitembot{padding:35px 28px 35px; }
}
@media(max-width:1440px) {
.comprmitemtop{ padding:25px 18px; }
.comprmitembot{padding:25px 18px 25px; }
}
@media(max-width:1366px) {
.comprmitemtop{ padding:20px 15px; }
.comprmitembot{padding:20px 15px 20px; }
}
@media(max-width:992px) {
.comprmitemtop .name{ margin:0 20px 0 20px; font-size:17px}
}
@media(max-width:768px) {
.comprmitemtop{ padding:20px 5px; }
.comprmitembot{padding:20px 5px 20px; }
.comprmitemtop .name{ font-size:16px;margin:0 10px 0 10px;}
.comprmitemtop .icon{width:32px;height:32px; border: 2px solid #a1a7b3; }
.comprmitemtop .icon:after{ width:16px;height:2px; left:22%;top:50%;margin-top:-1px}
.comprmitemtop .icon:before{ width:2px;height:16px; left:46%;top:50%;margin-top:-8px;}
.comprmitembot .con{ line-height: 30px;}
}
@media(max-width:568px) {
.comprmitemtop{ padding:15px 5px; }
.comprmitemtop .name{ width: 88%; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; margin:0 2px 0 2px;}
.comprmitemtop .type{width:0px; display: none;}
.comprmitemtop .icon{width:30px;height:30px; }
.comprmitemtop .icon:after{ left:20%; }
.comprmitembot .con{width: calc(100% - 6px);margin-left: 8px;}
}
@media(max-width:468px) {
.comprmitemtop{ padding:10px 5px; }
.comprmitemtop .icon{width:26px;height:26px; margin-top: 4px; }
.comprmitemtop .icon:after{ width:14px; left:20%; margin-top:-1px}
.comprmitemtop .icon:before{ height:14px; left:46%; margin-top:-7px;}
.comprmitembot .con{ line-height: 28px;}
}
.downitem{display:block;margin-bottom:20px;background-color:#f4f4f4;padding:20px 0px 20px 30px;cursor:pointer}
.downitem .date{color:#bebebe; font-size: 15px; font-family:Arial;line-height:30px}
.downitem .title{ color:#333; font-size: 18px; line-height:30px;height:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.downitem .icon{width:34px;height:32px; margin-left: auto; margin-right: auto; position: relative; text-align: center; overflow:hidden}
.downitem .icon:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0px;background-image:url(../images/downicon.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.downitem .icon:before{content:"";width:100%;height:100%;position:absolute;top:0;left:-100%;background-image:url(../images/downicon_cur.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.downitem:hover{background-color:#d72222}
.downitem:hover .date, .downitem:hover .title{color:#fff}
.download .pager{margin-top:60px}
.downitem:hover .icon:after{left:100%}
.downitem:hover .icon:before{left:0%}
@media(max-width:992px) {
.downitem{ padding:15px 10px 15px 15px; }
.downitem .title{font-weight: normal; font-size: 16px; }
.downitem .date{ display: none;}
}
@media(max-width:528px) {
.downitem{ padding:10px 0px 10px 10px; }
.downitem .icon{width:24px;height:23px; }
.downitem .icon:after{ top:2px; bottom: -2px;}
.downitem .icon:before{ top:2px; bottom: -2px;}
}

.contact .box{padding:35px 30px; margin-bottom: 25px; display:block;box-shadow:0 0 10px rgba(121,121,121,.2);}
.contact .intro { text-align: center;}
.contact .intro .top_ .title{color:#333; line-height:38px; font-size:18px; position: relative; padding-bottom: 15px;}
.contact .intro .top_ .title::after{ content: "";  width: 20px; height: 2px; background: #e5e5e5; position: absolute; left: 30%; bottom: 0px;}
.contact .intro .con{ line-height:38px; color:#4c4c4c; font-size:16px; margin-top: 15px; overflow:hidden;}
@media screen and (max-width: 768px){
.contact .box{padding:35px 25px;}
}
.contact .map_box .map{ height: 100%; overflow:hidden;/*height:750px;*/}
.contact .ditu{width:100%;height:450px; text-align:center;/*position:absolute;bottom:0px;left:0; z-index:0; */}

.ab_f5part3 {width: 100%;height:615px; overflow: hidden;box-shadow: #ebebeb 0px 0px 10px;border-radius: 10px;}
.ab_f5p3new {padding: 65px 50px 73px;width: 52%; float: right; position: relative;}
.ab_f5p3pic { border-top-left-radius: 10px;border-bottom-left-radius: 10px;overflow: hidden; position: relative; float: left; }
.ab_f5p3bg {position: relative;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;overflow: hidden;}
.ab_f5p3bg img{ width: 100%; height: 100%; overflow: hidden;}
.ab_f5p3mc {width: 100%;height: 100%;background-color: rgba(0, 0, 0, .26);border-radius: 14px 0 0 14px;position: absolute;top: 0;left: 0;z-index: 5;pointer-events: none;}
.ab_f5p3bgnew {width: 100%;height: 100%;padding:80px 60px;position: absolute;top: 0;left: 0;z-index: 10;}
.ab_f5p3bgnew h2 {font-size: 36px;line-height: 1.5;color: #fff;font-weight: bold;}
.ab_f5ly img {width: 100px;position: absolute;bottom:95px;left: 60px;z-index: 5;}
.ab_inputli {width: 49%;border: 1px solid #dcdcdc; border-radius: 5px;margin-bottom: 25px;margin-right: 1%;}
.ab_inputli:nth-child(2n) {margin-right: 0px;}
.ab_inputli label { color: #999999;line-height: 45px;}
.ab_inputli input { width: 100%;padding: 15px;border-radius: 5px;border: 0px solid #dcdcdc;}
.ab_text {width: 100%;height: 195px;border: 1px solid #dcdcdc;border-radius: 5px;margin-bottom: 35px;}
.ab_text textarea { color: #999999;line-height: 1.5;width: 100%;height: 100%;padding: 20px;}
.ab_send {width: 165px; height: 50px; line-height: 50px; background-color: #d72222;color: #fff;border-radius: 20px;text-align: center;cursor: pointer;}
.ab_send .button button {font-size: 16px;line-height: 45px;background: none; border: none; width: 100%;}
.ab_yzmpic {width: 90px;line-height: 50px;}
.ab_yzmpic img {width: 100%;}
@media only screen and (max-width:1280px){
.ab_f5part3 {width: 100%;height:565px; }
.ab_f5p3new {padding: 35px 20px 33px;width: 50%; }
.ab_f5p3pic { width: 50%;}
.ab_yzm{width: 58%;}
}
@media only screen and (max-width:1200px){
.ab_f5part3 { padding: 20px; height: auto;}
.ab_f5p3pic { display: none;}
.ab_f5p3new {padding: 25px 40px 25px;width: 90%; margin: 0 auto; float: none; position: relative;}
}
@media only screen and (max-width:768px){
.ab_f5p3new {padding: 25px 15px 25px;width: 100%; }
}
@media only screen and (max-width:500px){
.ab_inputli {width: 100%; margin-right: 0px; margin-bottom: 15px;}
.ab_f5p3new {padding: 15px 0px 15px;}
}

.policy h3{ margin-bottom: 10px;}
.policy div{ line-height: 30px;}
.mapmenu .param-t { color: #333; background: #f0f0f0; padding: 15px 0 15px 15px; margin-bottom: 30px; position: relative;}
.mapmenu .param-t a{font-size:24px; font-weight: 600; }
.mapmenu .param {margin-bottom: 30px;}
.mapmenu .param-t::before {content: "";display: inline-block;vertical-align: middle;height: 25px;width: 3px; top: 0px; margin-bottom: 4px; margin-right: 15px;background-color: #2d83c2;}
.mapmenu .param-t a:hover{color: #2d83c2;}
.mapmenu .param-c .param-tit{ margin-bottom: 20px;} 
.mapmenu .param-c .param-tit a{ color: #444; padding-left:30px; font-size:20px; font-weight: 600;}
.mapmenu .param-c .param-tit a:hover{color: #2d83c2;}
.mapmenu .param-c a{ font-size: 16px; color: #666; line-height: 32px;}
.mapmenu .param-c ul { padding-left:30px;}
.mapmenu .param-c ul li{ margin-bottom: 15px; margin-right: 2%; float: left; position: relative; padding-right:2%; }
.mapmenu .param-c ul li::after{ position: absolute; right: 0px; bottom: 6px; width: 1px; height:15px; content: ""; background: #666;}
.mapmenu .param-c ul li a{ padding-bottom:10px;}
.mapmenu .param-c ul li a:hover{color: #2d83c2;}
@media(max-width:1440px) {
.mapmenu .param {margin-bottom: 20px;}
.mapmenu .param-t a{font-size:22px; margin-bottom: 20px;}
.mapmenu .param-c a{ line-height: 28px;}
}

@media(max-width:992px) {
.mapmenu .param-t {margin-bottom: 20px;padding: 10px 0 10px 10px;}
.mapmenu .param-t a{font-size: 20px;}
.mapmenu .param-t::before {height: 25px; margin-right: 10px;}
.mapmenu .param-c a{ font-size: 15px; line-height: 28px;}
.mapmenu .param-c .param-tit a{ font-size:18px; padding-left:20px; }
.mapmenu .param-c ul { padding-left:20px;}
}
@media(max-width:768px) {
.mapmenu .param {margin-bottom: 0px;}
.mapmenu .param-t {margin-bottom: 10px;}
.mapmenu .param-t a{font-size:18px;}
.mapmenu .param-c .param-tit{ margin-bottom: 10px;} 
.mapmenu .param-c .param-tit a{ font-size:17px; }
}
@media(max-width:468px) {
.mapmenu .param-t a{font-size:17px;}
.mapmenu .param-c .param-tit a{ font-size:16px; }
}