@font-face {
  font-family: "iconfont"; /* Project id 3734761 */
  src: url('iconfont.woff2?t=1666924860364') format('woff2'),
       url('iconfont.woff?t=1666924860364') format('woff'),
       url('iconfont.ttf?t=1666924860364') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-sanjiaoxing:before {
  content: "\e620";
}

.icon-shichangdongtai:before {
  content: "\e6ee";
}

.icon-wodechanpin:before {
  content: "\e679";
}

.icon-remenx:before {
  content: "\e606";
}

.icon-caidan:before {
  content: "\e65f";
}
.clear{ /*兼容 IE*/
    zoom: 1;
}
.clear:after{ 
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}



.main-width{margin:0 auto; max-width:1200px; padding: 0 2%;box-sizing: border-box;} 
.other-banner{position:relative;overflow:hidden;}
.other-banner img{width:100%;height:auto;}
.other-banner h1{position:absolute;left:0;top:50%;width:100%;line-height:2vw;margin-top:-1vw;font-size:1.875vw;color:#fff;text-align:center;}
.a-point{position:relative;display:block;height:0;top:-7vw;}

/* .fixed:before, .clearfix:before, .cf:before, body:before, .header:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, after, .header:after{ content: ''; display: table; clear: both }
.fixed, .clearfix, .cf, .header { *zoom: 1 } */


.header{position:fixed;left:0;top:0;width:100%;background:#fff;z-index:890;box-shadow:0 1px 10px rgba(0,0,0,0.16);-webkit-box-shadow:0 1px 10px rgba(0,0,0,0.16);-moz-box-shadow:0 1px 10px rgba(0,0,0,0.16);-o-box-shadow:0 1px 10px rgba(0,0,0,0.16);}
.header .head_c{width:1200px;margin:0 auto;}
.header .head_c .logo_a{float:left;width:155px;padding:9px 0;}
.header .head_c .logo_a img{height:62px;width:auto;}
.header .head_c .nav_d{float:right;position:relative;width: calc(100% - 225px);}
.header .head_c .nav_ul{padding-top:0px;}
.header .head_c .nav_ul>li{float:left;margin-left:0px;position: relative; width: 14.667%; line-height: 80px;}
.header .head_c .nav_ul>li.nav_cp{position:inherit;}
.header .head_c .nav_ul>li>a{display:block;font-size:18px;color:#555;transition:0.4s ease-out;-webkit-transition:0.4s ease-out;-moz-transition:0.4s ease-out;-o-transition:0.4s ease-out; font-weight: 600;}
.header .head_c .nav_ul>li>a em{display:block;position:relative;text-align:center;}
.header .head_c .nav_ul>li>a em i{position:absolute;left:50%;bottom:0;display:block;border-bottom:3px solid #ec3541;width:0;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transition:0.4s ease-out;-webkit-transition:0.4s ease-out;-moz-transition:0.4s ease-out;-o-transition:0.4s ease-out;}
.header .head_c .nav_ul>li:hover>a,.header .head_c .nav_ul>li.li_on>a{color:#ec3541;}
.header .head_c .nav_ul>li:hover>a em i,.header .head_c .nav_ul>li.li_on>a em i{width:60%;}
.header .head_c .search_lang{/* position:absolute;right:3%;top:18px; */margin-top: 1.8%;} 
.header .head_c .search_lang .search_d{width:56px;height:50px;padding-top:15px;}
.header .head_c .search_lang .search_d .btn_search{display:block;width:100%;height:20px;margin:0 auto;padding:0 10px;background:url(../images/tb4.png) no-repeat center;transition:0.4s ease-out;-webkit-transition:0.4s ease-out;-moz-transition:0.4s ease-out;-o-transition:0.4s ease-out;}
.header .head_c .search_lang .search_d .btn_search:hover{background:url(../images/tb5.png) no-repeat center;}
.header .head_c .search_lang .search_d .search_form{position:absolute;right:-87px;top:60px;display:none;background:#fff;width:240px;padding:10px 10px 14px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-o-border-radius:6px;box-shadow:0 0 10px 1px rgba(0,0,0,0.16);-webkit-box-shadow:0 0 10px 1px rgba(0,0,0,0.16);-moz-box-shadow:0 0 10px 1px rgba(0,0,0,0.16);-o-box-shadow:0 0 10px 1px rgba(0,0,0,0.16);}
.header .head_c .search_lang .search_d .search_form .search_input{width:100%;padding:10px 40px 10px 8px;font-size:14px;color:#555;font-weight:'思源黑体','pingfang sc';border-bottom:1px solid #f1f1f1;}
.header .head_c .search_lang .search_d .search_form .search_btn{position:absolute;right:10px;top:16px;width:40px;height:30px;background:url(../images/tb4.png) no-repeat center;text-indent:-999px;overflow:hidden;transition:0.4s ease-out;-webkit-transition:0.4s ease-out;-moz-transition:0.4s ease-out;-o-transition:0.4s ease-out;}
.header .head_c .search_lang .search_d .search_form .search_btn:hover{background:url(../images/tb5.png) no-repeat center;}
.header .head_c .search_lang .search_d .search_form .i1{position:absolute;left:50%;top:-8px;display:block;width:0;height:0;border:8px solid #fff;margin-left:-10px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);box-shadow:0 -1px 10px rgba(0,0,0,0.16);-webkit-box-shadow:0 -1px 10px rgba(0,0,0,0.16);-moz-box-shadow:0 -1px 10px rgba(0,0,0,0.16);-o-box-shadow:0 -1px 10px rgba(0,0,0,0.16);}
.header .head_c .search_lang .search_d .search_form .i2{position:absolute;left:50%;top:0;display:block;height:14px;width:30px;background:#fff;margin-left:-17px;z-index:1;}
.header .head_c .search_lang .lang_d{width:104px;height:50px;padding:15px 0 0 10px;position:relative;}
.header .head_c .search_lang .lang_d .btn_lang{color:#555;display:block;width:100%;height:20px;line-height:20px;padding-left:26px;font-size:14px;background:url(../images/tb6.png) no-repeat left center;transition:0.4s ease-out;-webkit-transition:0.4s ease-out;-moz-transition:0.4s ease-out;-o-transition:0.4s ease-out;}
.header .head_c .search_lang .lang_d:hover .btn_lang{color:#ec3541;background:url(../images/tb7.png) no-repeat  left center;}
.header .head_c .search_lang .lang_d .lang_ul{position:absolute;width:160px;right:-40px;top:58px;display:none;background:#fff;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-o-border-radius:6px;box-shadow:0 0 10px 1px rgba(0,0,0,0.16);-webkit-box-shadow:0 0 10px 1px rgba(0,0,0,0.16);-moz-box-shadow:0 0 10px 1px rgba(0,0,0,0.16);-o-box-shadow:0 0 10px 1px rgba(0,0,0,0.16);}
.header .head_c .search_lang .lang_d .lang_ul .i1{position:absolute;left:50%;top:-8px;display:block;width:0;height:0;border:8px solid #fff;margin-left:-10px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);box-shadow:0 -1px 10px rgba(0,0,0,0.16);-webkit-box-shadow:0 -1px 10px rgba(0,0,0,0.16);-moz-box-shadow:0 -1px 10px rgba(0,0,0,0.16);-o-box-shadow:0 -1px 10px rgba(0,0,0,0.16);}
.header .head_c .search_lang .lang_d .lang_ul .i2{position:absolute;left:50%;top:0;display:block;height:14px;width:30px;background:#fff;margin-left:-17px;z-index:1;}
.header .head_c .search_lang .lang_d .lang_ul li{border-bottom:1px solid #eee;}
.header .head_c .search_lang .lang_d .lang_ul li:last-child{border-bottom:none;}
.header .head_c .search_lang .lang_d .lang_ul li a{display:block;color:#555;padding:10px 10px 10px 72px;position:relative;font-size:14px;}
.header .head_c .search_lang .lang_d .lang_ul li a em{position:absolute;left:30px;top:10px;display:block;width:28px;height:19px;}
.header .head_c .search_lang .lang_d .lang_ul li a .em_1{background:url(../img/tb8.jpg) no-repeat center;}
.header .head_c .search_lang .lang_d .lang_ul li a .em_2{background:url(../img/tb9.jpg) no-repeat center;}
.header .head_c .search_lang .lang_d .lang_ul li:hover a{color:#ec3541;}

/*pc端二级导航*/
.header .head_c .nav_ul>li .tow_top_nav{position:absolute;left:50%;top:108px;width:1200px;background:#e8e8e8;padding:30px 30px 10px;display:none;transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-o-transform:translate(-50%,0);transition:0.4s ease;-webkit-transition:0.6s ease;-moz-transition:0.4s ease;-ms-transition:0.4s ease;-o-transition:0.4s ease;}
.header .head_c .nav_ul>li.nav_cp .tow_top_nav{top:128px;}
.header .head_c .nav_ul>li.nav_cp .tow_top_nav{position: fixed;}
.header .head_c .nav_ul>li .tow_top_nav .tow_nav_ul{width:100%;}
.header .head_c .nav_ul>li .tow_top_nav .tow_nav_ul li{float:left;width:18.4%;margin:0 2% 20px 0;}
.header .head_c .nav_ul>li .tow_top_nav .tow_nav_ul li:nth-child(5n){margin-right:0;}
.header .head_c .nav_ul>li .tow_top_nav .tow_nav_ul li a{display:block;width:100%;color:#666;text-align:center;transition:0.4s ease;-webkit-transition:0.4s ease;-moz-transition:0.4s ease;-ms-transition:0.4s ease;-o-transition:0.4s ease;}
.header .head_c .nav_ul>li .tow_top_nav .tow_nav_ul li a .sp_c{display:block;width:100%;overflow:hidden;position:relative;margin-bottom:14px;}
.header .head_c .nav_ul>li .tow_top_nav .tow_nav_ul li a .sp_c img{width:100%;height:auto;transition:0.4s ease-out;-webkit-transition:0.4s ease-out;-moz-transition:0.4s ease-out;-o-transition:0.4s ease-out;}
.header .head_c .nav_ul>li .tow_top_nav .tow_nav_ul li a em{display:block;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.header .head_c .nav_ul>li .tow_top_nav .sp_tb{position:absolute;left:0;top:-30px;width:100%;height:40px;}
.header .head_c .nav_ul>li .tow_top_nav .sp_tb em{position:absolute;top:10px; width:0;height:0;border:10px solid transparent;border-bottom:10px solid #e8e8e8;}
.header .head_c .nav_ul>li.li_onpc .tow_top_nav{transform:translate(-50%,10px);-webkit-transform:translate(-50%,10px);-moz-transform:translate(-50%,20px);-o-transform:translate(-50%,20px);}
.header .head_c .nav_ul>li .tow_top_nav .tow_nav_ul li:hover a{color:#ec3541;}
.header .head_c .nav_ul>li .tow_top_nav .tow_nav_ul li:hover a .sp_c img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.fadeInDown{-webkit-animation:fadeInDown 0.5s ease-out;animation:fadeInDown 0.5s ease-out;z-index:100;}
/*PC端ICT方案二级导航*/
.header .head_c .nav_ul>li .tow_dl{width: 180%;padding:10px 0px 0 0px;text-align: center;}
.header .head_c .nav_ul>li .tow_dl li{margin:0;overflow:hidden;border-bottom: 1px solid #fff;}
.header .head_c .nav_ul>li .tow_dl li a{font-size:15px;line-height: 35px;color: #333;}
.header .head_c .nav_ul>li .tow_dl li a:hover{color: #ec3541;}

@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(-50%,-16px,0);transform:translate3d(-50%,-16px,0);-ms-transform:translate3d(-50%,-16px,0);}100%{opacity:1;-webkit-transform:translate3d(-50%,0px,0);transform:translate3d(-50%,0px,0);-ms-transform:translate3d(-50%,0px,0);}}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(-50%,-16px,0);transform:translate3d(-50%,-16px,0);-ms-transform:translate3d(-50%,-16px,0);}100%{opacity:1;-webkit-transform:translate3d(-50%,0px,0);transform:translate3d(-50%,0px,0);-ms-transform:translate3d(-50%,0px,0);}}
.fadeOutUp{-webkit-animation:fadeOutUp 0.5s ease-out;animation:fadeOutUp 0.5s ease-out;z-index:0;}
@-webkit-keyframes fadeOutUp{0%{opacity:1;}100%{opacity:0;-webkit-transform:translate3d(-50%,-16px,0);transform:translate3d(-50%,-16px,0);-ms-transform:translate3d(-50%,-16px,0);}}
@keyframes fadeOutUp{0%{opacity:1;}100%{opacity:0;-webkit-transform:translate3d(-50%,-16px,0);transform:translate3d(-50%,-16px,0);-ms-transform:translate3d(-50%,-16px,0);}}



.top{height:96px; }
.top .info{height:auto; background: #ececec;border-top: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5;box-sizing:border-box;}
.top .info .way{padding:0.5% 0;}
.top .info .way p{font-size: 14px;color: #666; display: inline-block;}
.top .info .way p a{color: #666; }
.top .info .way p a:hover{color:#ec3541}
.top .info .way p:nth-of-type(1){ background:url(../images/t_ico.png) no-repeat center left; padding-left:3%;}
.top .info .way p:nth-of-type(2){ background:url(../images/t_ico2.png) no-repeat center left; padding-left:3%;}
.top .info .sns{float:right;}
.top .info .sns a{display:inline-block;vertical-align:top;width:1.4vw;height:1.4vw;background-image:url(../images/sns.png);background-size:400% 200%;}
.top .info .sns a:hover{background-position-y:-100%;}
.top .info .sns .facebook{background-position-x:0;}
.top .info .sns .twitter{background-position-x:-100%;}
.top .info .sns .linkedin{background-position-x:-200%;}
.top .info .sns .youtube{background-position-x:-300%;}

.t_topright{float: right;}
.languages { float:right;color:#666;}
.languages a { color:#666;}
.languages a:hover { color:#ec3541; text-decoration:underline;}
.t_topright_tel{float: right;color: #fff;background: url(../images/t_ico1.gif) no-repeat 0 6px;padding: 0 34px 0 34px;}
.t_topright_tel b{color: #ec3541;font-size: 20px;font-family: Arial;}


.language{ float:right;display:inline-block; vertical-align:middle; font-size:14px; color:#ec3541; text-transform: uppercase; padding-left:25px; background:url(../images/icon_language.png) no-repeat left center/18px auto; position:relative; margin-left:1vw;}
.language .t{ display:block; padding-right:10px; background:url(../images/jt1.png) no-repeat right center; }
.language .aBox{ width:100%; border:1px solid #dfdfdf; text-align:center; background:#fff;  display: block; margin-top:0px; position:absolute; right:0; top:100%; background:#fff; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transition:opacity .3s,margin .3s; -webkit-transition:opacity .3s,margin .3s; -ms-transition:opacity .3s,margin .3s; -moz-transition:opacity .3s,margin .3s; -o-transition:opacity .3s,margin .3s;}
.language .aBox::before{ position: absolute; left:0; bottom:100%; content:""; width:100%; height:5px; background:url(../images/jt4.png) no-repeat center; }
.language:hover .aBox{z-index: 9999; margin-top:0;  display: block; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); }
.language .aBox a{ display:block; font-size:14px; line-height:32px; color:#555; box-sizing: border-box;}
.language .aBox a+a{ border-top:1px solid #eeeeee; }
.language .aBox a:hover{ color:#ec3541; background:#eef1f6;}

.top .header{position:relative;left:0;top:0;width:100%;height:auto;background-color:#fff;z-index:999; box-shadow: 0 0 10px rgb(0 0 0 / 10%);}
.top .header .phone-menu{display:none;float:left;width:28px;height:18px;margin-top:16px;cursor:pointer;}
.top .header .phone-menu span{display:block;width:28px;height:2px;background-color:#1d1d1d;border-radius:1px;-moz-transform-origin:9.5% 50%;-webkit-transform-origin:9.5% 50%;-o-transform-origin:9.5% 50%;transition:all .3s;}
.top .header .phone-menu .b1,.top .header .phone-menu .b2{margin-bottom:6px;}
.top .header .logo{float:left;margin-top:1.4vw;}
.top .header .logo img{height:48px}
.top .header .lang{float:right;}
.top .header .search{float:right;}
.top .header .search{position:relative;float:right;width:auto;height:2.2vw;padding:1.5vw 0;z-index:9;transition:all .3s;}
.top .header .search .box{position:relative;float:right;width:2.2vw;height:2.2vw;overflow:hidden;transition:all .5s;}
.top .header .search .box .text{width:100%;height:2.2vw;padding:0 2.2vw 0 0.5vw;border:1px solid #fff;border-radius:1.1vw;background-color:#fff;box-sizing:border-box;transition:border .5s;}
.top .header .search .box .btn,.top .header .search .box .sub{position:absolute;top:0;right:0;width:2.2vw;height:2.2vw;background-image:url(../images/search-icon.png);background-size:0.9375vw 0.9375vw;background-position:center;background-color:initial;background-repeat:no-repeat;cursor:pointer;}
.top .header .search .box .sub{display:none;}
.top .header .search .box.open{width:12vw;}
.top .header .search .box.open .text{border-color:#999;}
.top .header .search .box.open .sub{display:block;}
.top .header .search .box.open .btn{display:none;}
.top .header .nav{float:right;margin-right:1vw;}
.top .header .nav .one > li{position:relative;float:left;padding:1.9vw 0 1.9vw 4vw;font-size:18px; text-transform: uppercase; font-weight: 600}
.top .header .nav .one > li:hover a{color:#ec3541;text-decoration:none; }
.top .header .nav .one > li:hover .two{left:50%;top:4.4vw;opacity:1;}
.top .header .nav .one > li.active a{color:#ec3541;text-decoration:none;}
.top .header .nav .one > li a.cur{color:#ec3541;}
.top .header .nav .two{position:absolute;left:2000%;top:4.7vw;width:10vw;margin-left:-3vw;margin-top:-5px;border-top:5px solid #ec3541;background-color:#fff;opacity:0;transition:left 0s,top .5s,opacity .5s;box-shadow:0px 2px 2px rgba(0,0,0,.2);}
.top .header .nav .two li{line-height:2.5vw;font-size:0.73vw;text-align:center; font-weight: normal; text-transform: none;}
.top .header .nav .two li a{display:block;color:#333 !important;text-decoration:none !important;transition:all .5s;}
.top .header .nav .two li a:hover{background-color:#ec3541;color:#fff !important;}
.top .header .nav .two li:nth-child(2n){background-color:#f5f5f5;}
.top .header.active .phone-menu .b1{transform:rotate(45deg);}
.top .header.active .phone-menu .b2{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.top .header.active .phone-menu .b3{transform:rotate(-45deg);}
.top .header.flow{position:fixed;}



.search-results{padding:30px 0;}
.search-results h1{line-height:30px;padding-bottom:20px;margin-bottom:30px;border-bottom:1px solid #e6e6e6;font-size:24px;}
.search-results .seabox{width:650px;max-width:100%;height:42px;margin-bottom:20px;font-size:0;box-sizing:border-box;overflow:hidden;}
.search-results .seabox input[type="text"]{width:80%;height:42px;padding:0 10px;border:1px solid #ddd;box-sizing:border-box;font-size:14px;border-radius:10px 0 0 10px;}
.search-results .seabox input[type="submit"]{width:20%;height:42px;background-color:#ec3541;color:#fff;box-sizing:border-box;font-size:14px;border-radius:0 10px 10px 0;cursor:pointer;}
.search-results .cont{float:left;width:50%;}
.search-results .cont ul{margin-bottom:30px;}
.search-results .cont li{margin-bottom:30px;}
.search-results .cont li h3{line-height:25px;margin-bottom:5px;font-size:18px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.search-results .cont li h3 a{text-decoration:underline;}
.search-results .cont li p{line-height:20px;font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.search-results .cont li .info{position:relative;padding-left:150px;padding-top:10px;min-height:100px;}
.search-results .cont li .info .pic{position:absolute;left:0;top:0;width:130px;height:100px;overflow:hidden;}
.search-results .cont li .info .pic img{position:absolute;left:0;top:50%;width:100%;height:auto;transform:translateY(-50%);}
.search-results .probox{float:right;width:40%;}
.search-results .probox h2{line-height:30px;margin-bottom:20px;font-size:20px;clear:both;}
.search-results .probox ul{width:103%;overflow:hidden;}
.search-results .probox li{float:left;width:30.42%;margin:0 2.91% 2.91% 0;text-align:center;}
.search-results .probox li h3{line-height:20px;font-size:16px;}
.search-results .probox li .pic{position:relative;width:100%;height:0;padding-bottom:100%;overflow:hidden;}
.search-results .probox li .pic img{position:absolute;left:0;top:50%;width:100%;height:auto;transform:translateY(-50%);}
.search-results .probox .marb{margin-bottom:30px;}
.sear-page{text-align:center;font-size:0;overflow:hidden;}
.sear-page span,.sear-page strong,.sear-page a{float:left;display:block;font-size:14px;line-height:40px;padding:0 15px;margin:0 5px 10px;background-color:#e7eaec;border-radius:5px;}
.sear-page span,.sear-page strong{cursor:default;}
.sear-page strong{background-color:#ec3541;color:#fff;}
.sear-page a:hover{background-color:#ec3541;color:#fff;}





.banner{width:100%; padding-top:120px;}
.banner .swiper-wrapper{}
.banner .swiper-pagination-yi{position: absolute;bottom:20px;z-index: 1000;text-align: center;}
.banner .swiper-slide img{width: 100%;}
.banner .swiper-slide .m{display: none;}
.banner .swiper-pagination-yi .swiper-pagination-bullet{margin:0 5px;}
.banner .swiper-pagination-bullet{width: 11px;height: 11px;background: none;border-radius: 10px;border:1px solid #00a5ea;background: #00a5ea;}
.banner .swiper-pagination-bullet-active{background: #e4007f;opacity: 1;border:1px solid #e4007f;}


.inpro{width: 100%; height: auto; overflow: hidden; padding: 3% 0; box-sizing: border-box; }
.inbtny{text-align: center; overflow: hidden; margin-bottom:2%}
.inbtny_cn{font-size: 40px; color: #ec3541; font-weight: 600; margin-top:0px; line-height: 45px}
.inbtny_en{font-size: 16px; color: #555; margin:0.2% 0; text-transform:uppercase}
.inbtny_img{margin-top: 0px; display: inline-block;}


.product_list{overflow: hidden;margin-top:2%}
.in_case_list {padding-top:1%; overflow: hidden;}
.in_case_list ul {width: 102%;}
.in_case_list li {float: left; width: 23.3%%; margin-right: 0.7%; margin-bottom: 10px; overflow: hidden; border: 1px solid #dadada;}
.in_case_list a {display: block; width: 100%; height: 100%; position: relative;}
.in_case_list img {width: 100%; display: block; transition: all .5s; -webkit-transition: all .5s; }
.in_case_list .title {width: 88%; font-size: 16px; color: #333; line-height: 60px; position: absolute; left: 0; bottom: 0; padding: 0 6%;}
.in_case_list .mask {width: 140%; height: 140%; position: absolute; top: -20%; right: -145%; transform: translate(40px,0px); -ms-transform: skew(15deg,0deg) translate(40px,0px); -moz-transform: skew(15deg,0deg) translate(40px,0px); -webkit-transform: skew(15deg,0deg) translate(40px,0px); -o-transform: skew(15deg,0deg) translate(40px,0px); background: rgba(0,0,0,0.7);}
.in_case_list .text {width: 100%; height: 100%; text-align: center; position: absolute; top: 0; left: 0; color: #fff; display: none;}
.in_case_list .text .t1 {font-size: 24px; line-height: 42px; padding: 0 10%; padding-top: 26%;}
.in_case_list .text .t2 {font-size: 16px; line-height: 32px; padding: 0 10%;}
.ellipsis{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.in_case_list li:hover img{width: 100%; display: block;transform: scale(1.1);-webkit-transform: scale(1.1);}

.dsanp{padding:4% 0; box-sizing:border-box; background:url(../images/a_bg.jpg) no-repeat center; overflow: hidden;}
.fsyi{font-size:40px;font-weight: bold; text-transform: uppercase;}
.dsanp .left{width: 50%; float:left; margin-left: 2%;}
.dsanp .left .title{ overflow: hidden;}
.dsanp .left img{width: 50%;}
.dsanp .left .bt{margin-top: -6%;color:#fff; line-height: 60px;}
.dsanp .left .bt p{font-size: 22px;margin-top: .05rem;}
.dsanp .left .txt{margin-top: 4%;}
.dsanp .left .txt .txter{line-height:30px; font-size:16px}
.dsanp .left .txt .txter p{font-size: 16px; line-height: 32px; color: #fff;}
.dsanp .left .txt .more{width: .24rem;height: .24rem;background: #ec3541;text-align: center;font-size: .16rem;margin-top: .2rem;}
.dsanp .left .txt .more a{display: flex;color: #FFF;align-items: center;justify-content: center;height: .24rem;}
.dsanp .left .txt .more a:hover{color: #FFF;text-decoration: none;}
.dsanp .left .txt .more i{font-size: .1rem;}
.dsanp .left .txt ul{font-size: 0px;margin-top: .1rem;}
.dsanp .left .txt li{display: inline-block;font-size: 16px;width: 33.333%;box-sizing: border-box;padding-top:12%;}
.dsanp .left .txt li i{font-style: normal;font-size:40px;display: inline-block;font-weight: bold;}
.dsanp .left .txt li span{display: inline-block;font-size:18px;}
.dsanp .left .txt li p{margin-top: .02rem;color: #666;}
.dsanp .left .txt li:after{content: '';width:30px;height: 1px;background: #666;display: block;margin-top:10%;}
.dsanp .right{width: 45%;position: relative; float:right;}
.dsanp .right figure{padding-bottom: 70%;margin-right:6%;}
.figure{display: block;overflow: hidden;position: relative;}
.figure img{width: 100%;height: auto;position: absolute;left: 0;top: 0;object-fit: cover;transition: all .5s;}
/* .dsanp .right:after{content: '';width: 190px;height: 190px;background: #ec3541;display: block;position: absolute;right: 0;bottom: 0;z-index: -1;}
.dsanp .right:before{content: '';display: block;position: absolute;right: 0;top: 0;z-index: 1;background: url(../images/pic22.png) right 0 no-repeat;width:2%;height: 100%;} */





/*新闻动态*/
.sy-news{padding:3% 0 2%; overflow:hidden; background:#f4f4f4;}
.s_tt {text-align: center; margin-bottom:20px;}
.s_tt div {font-size: 36px;color: #555758;font-weight: bold;margin-bottom: 8px;}
.s_tt div b {color: #ec3541;}
.s_tt span {font-size: 14px;color: #bfbfbf;font-family: arial;text-transform: uppercase;}
.s_tt i {width: 23px;height: 6px;display: block;background: #ec3541;margin: 10px auto;}
.s_tt p {font-size: 16px;color: #7c7c7c; }


.new-left{float: left;width: 40%; background:#fff}
.new-left:hover .pic img{-webkit-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1)}
.new-left{position: relative;overflow: hidden}
.new-left .pic{padding-top: 58.2%;height: 0;position: relative;overflow: hidden}
.new-left .pic img{position: absolute;left: 0;top: 0;width: 100%;/*height:100%;*/-webkit-transition: .5s;-o-transition: .5s;transition: .5s}
.new-left .mask{position: absolute;left: 0;top: 0;right: 0;bottom: 0}
.m-dateg1{float: left;padding: 10px 16px;background-color: #ec3541;text-align: center}
.m-dateg1 span{display: block;color: #fff;font-family: Arial}
.m-dateg1 .day{font-size: 40px;line-height: 46px;font-weight: 700}
.m-dateg1 .year{font-size: 14px;line-height: 24px}
.new-left .txt{/*position:absolute;left:0;right:0;bottom:0;*/padding: 22px 20px 22px 20px;font-size: 14px;/*color:#fff;*/line-height: 24px;/*background-color:rgba(0,0,0,.7)*/}
.new-left .txt .xbt{font-size: 20px; /*color:#fff;*/line-height: 30px;max-height: 60px;font-weight: bold;margin-bottom: 6px;overflow: hidden}
.new-left .txt p{color: #666;}
.new-left:hover .txt p{color: #666;}
.new-left:a hover .txt, .new-left:hover .txt .xbt{color: #ec3541;}
.new-right{float: right;width:58%;background:#fff; padding:1.8%; box-sizing: border-box;}
.xwla_w{}
.xwla_w .lbt{font-size: 20px; font-weight:bold;color: #333;line-height: 32px;border-bottom: 1px dotted #bfc8d1;padding-bottom: 20px;letter-spacing: 1px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all ease 0.3s;}
.xwla_w span{font-size: 15px;color: #999;line-height: 20px;margin-top: 15px;display: block;}
.xwla_w p{font-size: 15px;color: #666;line-height: 24px;overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top: 14px;}
.xwla_m a{width: 150px; display:block;height: 42px;line-height: 42px;text-align: center;margin-top: 22px;background-color: #fff; border:1px solid #ddd; border-radius:20px;font-size: 16px;color: #ec3541;transition: all ease 0.3s;}
.xwla_m a:hover{ background:#ec3541; color:#fff;border:2px solid #ec3541;}
    
.news_list{position: relative; margin-top:0px;}
.news_list div{font-size:24px;color:#333; font-weight:bold;margin-bottom: 1rem;}
.news_list li{line-height:48px; border-bottom:1px solid #e6e6e6; width:100%; margin-right:40px;}
.news_list li a{ float:left; width:70%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; background:url(../images/news_dot.png) left no-repeat;padding-left:3%; font-size:15px;transition:0.5s; color:#333;}
.news_list li a:hover{-webkit-transform:translate(10px,0);transform:translate(10px,0); color:#ec3541; text-decoration:underline;}
.news_list li span{float:right; color:#999; font-size:15px; }
.news_list li span a{float:right; width:20px;height:20px; background:none; padding-top:5px;}
.news_list li span a:hover{-webkit-transform:translate(0px,0);transform:translate(0px,0); opacity:0.8;}
.news_list li span img{width:20px;height:20px;}
.news_list li:last-child{border-bottom: none}
.news_list li:after{content:"."; display:block; height:0; visibility:hidden; clear:both; overflow:hidden;}




.relative{position: relative}

/* footer */
.footer{background:#262626;font-size:14px;color:#fff;line-height:2em;overflow:hidden;}
.footMain{overflow:hidden;padding:3% 0;}
.footL{width:32%;}
.footMenu{padding:15px 0;overflow:hidden;line-height:2.2;border-top: 1px solid #333;border-bottom: 1px solid #333;}
.footMenu a{float:left;width:33.3%;background: url('../images/ly_li.png') no-repeat left center;padding-left:15px;}
.footL .tel{margin-top:20px;font-size:1.571em;background: url('../images/tel.png') no-repeat left center;padding-left:35px;}
.footR{width:52%;padding:15px 0 0 0px;border-top: 1px solid #333;}
.footR p:nth-of-type(1){ background:url(../images/f_ico.png) no-repeat center left; padding-left:24px;}
.footR p:nth-of-type(2){ background:url(../images/f_ico2.png) no-repeat center left; padding-left:24px;}
.footR p:nth-of-type(3){ background:url(../images/f_ico3.png) no-repeat center left; padding-left:24px;}
.footR p{margin-bottom:10px;}
.footWx{width:120px;background:#fff;padding:5px;text-align:center;color:#333; float:right; } 
.footWx img{width:110px;}
.footer a{color:#fff;}
.footer a:hover{color:#fff;text-decoration: underline;}
.firendlink{padding:15px 0;position:relative;border-top: 1px solid #404040;}
.firendlink::after{content:"";position: absolute;left:0;top:-1px;background:#404040;width:200%;height:1px;margin-left:-50%;}
.firendlink a{margin:0 15px;}
.firendlink a:hover{color:#fff;}



.banner_pic{width: 100%; height:auto; overflow: hidden;}
.banner_pic img{width: 100%; margin: auto; display: block; clear: both;}

.con-banner{width:100%;height:auto; overflow: hidden; margin-top:80px;}
.con-banner img{width: 100%; height: auto; margin: auto; clear: both; display: block;}

.nybanner{position: absolute;bottom:50%;left: 0%;width: 100%;}
.nybanner .nybt{font-size:36px; color: #b1b1b1; margin:1.5% 0; text-align: center;}
.nybanner .nybten{font-size:52px; color: #fff; text-align: center;}

.sNav { position: relative; z-index: 5; margin-top:-60px; overflow: hidden; background: rgba(71,71,73,0.65);}
.sNav ul {margin:auto; display: flex; justify-content: center; font-size: 0;}
.sNav li a { display: block; font-size: 16px;color:#ffffff; padding: 20px 0; text-align:center; }
.sNav li{width: 20%; margin: 0 1%; text-align: center;}
.sNav li.cur a,.sNav ul li:hover a { background: #ec3541; }



/*关于我们-公司简介*/
.nyabout{padding:3% 0; overflow: hidden;}

.index-tit{font-size:35px;color:#1a1a1a;font-weight:700;text-align:center;padding-bottom:10px;margin-bottom:20px;position:relative; line-height: 45px;}
.index-tit:after{content:'';position:absolute;left:50%;bottom:0;transform:translate(-50%);height:3px;width:45px;background:#ec3541}
.index-tit.white{color:#fff}
.index-tit.white:after{background:#fff}
.index-tip{font-size:16px;text-align:center;color:#666;line-height: 26px}
.index-tip.white{color:#fff}
.index-tip b, .index-tip strong{font-weight: normal;}

.aboutA {width: 100%; overflow: hidden; margin-top:0%}
.aboutA-b {float: left; width: 49.6%; }
.aboutA-b .con { font-size:16px;color:#555; margin-top:2%; line-height:35px; }
.aboutA-b .con p{ line-height:30px;}
.aboutA-b ul { margin-top:50px; }
.aboutA-b ul li { float: left; margin-right:80px; }
.aboutA-b ul li:last-child { margin-right:0; }
.aboutA-b ul li .num { font-size: 56px;color:#ec3541; font-weight: bold; }
.aboutA-b ul li .num span.t { font-size: 17px; font-weight: normal; }
.aboutA-b ul li .tit { font-size: 16px;color:#ec3541; }
.aboutA-c {float: right; width:48%; }
.aboutA-c img{width: 100%;}
.aboutA-c video{width: 100%;}
.aboutB { background: #f8f8fa; }
.aboutB-a { float: left; width: 50%; }
.aboutB-c { position: relative; }
.aboutB-b { width: 50%; padding:0 8% 0 4.5%; position: absolute; top:50%; right:0; transform: translateY(-50%); }
.aboutB-b .ts { font-size: 24px;color:#ec3541; font-weight:300; text-transform: uppercase; position: relative; left:0; transition: all 0.6s; }
.aboutB-b:hover .ts { left:-15px; }
.aboutB-b .con { font-size: 15px; line-height: 2; text-align: justify; color:#666666; margin-top:20px; }
.aboutC .aboutB-a { float: right; }
.aboutC .aboutB-b { left:0; padding:0 4.5% 0 8%; }
.mtit .ts { font-size:28px;color:#ec3541; font-weight:400;  line-height: 45px}
.colorBlue .ts { color:#ec3541; }
.mtit.alignC .ts { text-align: center; }



pre{display: block;border: none;background: none;padding: 0px;white-space: pre-wrap;font-family:Arial, sans-serif;}
.news-list{width: 100%;overflow: hidden;box-sizing: border-box;}
.news-list ul{margin-right: -2%}
.news-list li{padding:1%;border: 1px solid #ebebeb;transition: all .4s;box-sizing: border-box;margin-bottom: 2%;width: 31.333%;margin-right: 2%;float: left;}
.news-list li:hover{border: 1px solid #ec3541;transition: all .4s;}
.news-list li .news-list_left{display: inline-block;overflow: hidden;}
.news-list li .news-list_right{display: inline-block;margin-top: 2%;-webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all .4s;}
.news-img{width: 100%;vertical-align: top;-webkit-transition:0.5s;transition:0.5s;overflow: hidden;}
.news-img img{width: 100%;-webkit-transition:0.5s;transition:0.5s;overflow: hidden;}
.news-img video{width: 100%;}
.news-video:after{content:"video";display: inline-block;position: absolute;z-index:2;top: 15px;left: 20px;padding: 5px 10px;font-size: 14px;line-height: 1em;color: #fff;background-color:rgba(0,0,0,0.5);border-radius: 4px;transition:all .4s;}
.news-video:hover:after{content:"video";background-color:rgba(95,167,118,0.9);}
a.index-n-title{font-size: 16px;line-height: 1.5em;color: #333;font-weight: bold;display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;}
.news-list li:hover a.index-n-title{color: #ec3541;}
.news-list li:hover a.index-n-title:hover{text-decoration: underline;color: #ec3541;}
.news-list pre{margin: 2% 0;font-size: 15px;line-height: 1.75em;height: auto;color: #666;display: block;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;transition: all .4s;}
.news-list li:hover pre{color: #666;opacity: 0.8;}
.news-list .time-link{margin-top: 0px;}
.news-list .time-link small{font-size: 13px;line-height: 36px;color: #999;transition: all .4s;}
.news-list li:hover .time-link small{color: #999;}
.news-list .time-link a{float: right;position: relative;z-index: 1;display: inline-block;width: 36px;height: 36px;text-align: center;transition: all .4s;}
.news-list .time-link a:after{content: "";position: absolute;z-index: -1;top: 0px;left: 0%;width: 100%;height: 100%;border: 1px dashed #fff;border-radius: 50%;opacity: 0;transition: all .4s;}
.news-list .time-link a:hover:after{content: "";-webkit-animation: changeright 6s linear infinite;opacity: 1;}
.news-list .time-link span{display: inline-block;width: 36px;height: 36px;line-height: 36px;font-size: 20px;color: #999;transition: all .4s;}
.news-list li:hover .time-link span{color: #ebebeb;}
.news-list li:hover .news-img{transform:scale(1.1);-webkit-transform:scale(1.1);}

.xinwenxiangqing{overflow: hidden;box-sizing: border-box;}
.xinwenxiangqing .nd_head{text-align: center;margin:2% 0;border-bottom: 1px dashed #d6d6d6;padding-bottom: 2%}
.xinwenxiangqing .nd_head p{color: #ec3541;font-size: 28px;height: auto;padding-bottom: 2%}
.xinwenxiangqing .nd_head span{color: #666;font-size: 14px;margin: 0 15px;}
.xinwenxiangqing .nd_text{text-align: left;font-size:14px;line-height:30px;padding: 15px 0;}
.xinwenxiangqing .nd_text .big{font-size: 16px;line-height: 35px;font-weight: 600;color:#ec3541}
.xinwenxiangqing .nd_text img{max-width: 100%;display: block;margin: 10px auto;}
.xinwenxiangqing .nd_text .baimg{width: 40%;float: right;margin-left: 30px;}
.xinwenxiangqing .nd_text .baimg img{width: 100%;clear: both;display: block;margin: auto}
.detail_fenx a{font-size:14px;padding:12px 0;overflow:hidden;margin-top:20px;border-top:1px dotted #adadad;color:#333;}
.new_s2{width:100%;float:left;margin-top:5%;}
.hot_pro2{width:100%;float:left;margin-top:5%;}
.hot_pro2_tit{width:100%;height:45px;background:#f1f1f1;color:#ec3541;line-height:45px;font-size:16px;padding:0 20px;font-weight:bold;border:1px solid #d6d6d6;box-sizing: border-box;}
.related-product{overflow:hidden;}
.related-product .title,.relatedTitle{background:#e7e7e7;height:45px;line-height:45px;}
.related-product .title span,.relatedTitle span{display:inline-block;color:#fff;background:#ec3541;width:120px;height:45px;text-align:center;font-size:16px;font-weight:bold;}
.relatedNews{margin:5% 0 0;overflow:hidden}
.relatedNews_font{font-size:13px;margin-top:15px;}
.relatedNews_font ul{margin-right:-3%}
.relatedNews_font ul li{float:left;margin-right:3%;width:47%;;line-height:40px;border-bottom:1px dotted #ddd;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.relatedNews_font ul li a{background:url(../images/ly_li.png) no-repeat left center;padding-left:10px;color: #666}
.relatedNews_font ul li a:hover{color: #ec3541}
.relatedNews_font ul li span{float:right;color:#999;margin-left:30px;}
.fanhui{float:right;width:126px;margin:0 auto;position:relative;height:1px;}
.fanhui a{position:absolute;z-index:2;width:125px;height:42px;line-height:42px;top:25px;right:0;text-align:center;background:#ec3541;font-size:16px;color:#fff;display:inline-block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.fanhui a:hover{color:#fff;font-size:16px;font-weight:100;text-decoration:underline;}
.PreveNext{border-top:1px #DEDEDE solid;margin:0px auto;width:100%;height:70px;padding-top:10px;padding-bottom:10px;clear:both;overflow:hidden;}
.PreveNext ul{float:left;}
.PreveNext li{width:100%;float:left;line-height:32px;text-align:left; font-size: 15px;}


.contact{width: 100%;height: auto;overflow: hidden;padding: 3% 0;box-sizing: border-box;}
.contact_lx{float: left;width:52%;font-size: 16px;line-height: 35px;}
.contact_lx .txt{overflow: hidden;}
.contact_lx .txt .bt{font-size: 24px;line-height: 36px;color: #ec3541;}
.contact_lx .txt .nr{font-size: 16px;line-height: 36px;color: #666;margin-top: 15px;}
.contact_lx .txt .ewm{width: 160px;margin-top: 20px;}
.contact_lx .txt .ewm img{display: block;width: 100%;}
.contact_lx .txt .ewm p{font-size: 16px;line-height: 24px;color: #666;text-align: center;padding-top: 7px;}


.tactfrms{overflow: hidden;}
#map_container{height: 450px;}
.bot{background: #fafafa;overflow: hidden;}
.bot .t-center{text-align: center;padding-top:4%}
.bot .title{font-size: 32px;}
.bot .ltitle{font-size: 14px;line-height: 25px;color:#777;margin-top: 5px;margin-bottom:0%;}
.bot .form{padding:2.2% 0%;display: block;}
.bot .tip{font-size: 14px;line-height: 22px;color:#666666;}
.bot .input{display: block;width: 100%;background-color: #fff;font-size: 14px;line-height: 32px;padding:8px 2.2%;color:#999;margin:2% 0;box-sizing: border-box; border: 0;}
.bot .input:focus{box-shadow: 0 0 10px rgba(0,0,0,0.08);}
.bot .br{border-radius: 5px;}
.bot .submit{line-height: 44px;height: 44px;padding:0 45px;display: inline-block;background-color: #ec3541;font-size: 15px;color: #fff;cursor: pointer;}
.bot .submit:hover{background-color: #ec3541;}
.col-sm-6{width: 50%;float: left;padding: 0 2%;box-sizing: border-box;}
.col-xs-12{padding: 0 2%;box-sizing: border-box;}



.messages_box{width:auto;overflow:hidden;box-sizing:border-box; padding:2% 0 4%;}
.messages_box ul{margin-right:-2%}
.messages_box ul li{padding:1% 0;margin-right:2%;width:48%;box-sizing:border-box;float:left}
.messages_box .text-input,.messages_box .summary-input,.messages_box .qq-input{width:100%;padding:0px 2%;line-height:normal;background:none repeat scroll 0% 0% rgb(253,253,253);border-width:1px;border-style:solid;border-color:rgb(133,133,133) rgb(175,175,175) rgb(201,201,201);box-shadow:1px 2px 3px rgb(183,183,183) inset !important;font-size:14px;box-sizing:border-box;line-height:35px}
.messages_box .cont-input{font-family: "Microsoft YaHei", verdant, tahoma; width:100%;height:140px;padding:10px;line-height:20px;background:none repeat scroll 0% 0% rgb(253,253,253);border-width:1px;border-style:solid;border-color:rgb(133,133,133) rgb(175,175,175) rgb(201,201,201);box-shadow:1px 2px 3px rgb(183,183,183) inset !important;font-size:14px;box-sizing:border-box}
.messages_box .code-input{width:125px;vertical-align:middle;height:33px;padding:0px 10px;line-height:normal;background:none repeat scroll 0% 0% rgb(253,253,253);border-width:1px;border-style:solid;border-color:rgb(133,133,133) rgb(175,175,175) rgb(201,201,201);box-shadow:1px 2px 3px rgb(183,183,183) inset !important}
.messages_box .verify-pic{height:35px;vertical-align:middle}
.messages_box .submitBtn{text-align:center;padding-top:10px}
.messages_box .messages-button{width:125px;height:34px;line-height:34px;font-size:16px;color:#fff;text-align:center;background:none repeat scroll 0% 0% #0F1636;border:none}
.messages_box ul li:nth-child(5){width:98%!important}
.messages_box ul li:nth-child(6){float:left}
.messages_box ul li:nth-child(7){float:right}
.messages_box ul li input{width:100%;height:auto;background:none;border:none;color:#999;padding:0 15px;font-size:14px;outline:none;-webkit-appearance:none;line-height:45px;box-sizing:border-box}
.messages_box ul li .btn,.messages_box ul li .btn2{color:#fff;font-size:16px;cursor:pointer}
.messages_box ul li .btn{background:#ec3541}
.messages_box ul li .btn2{background:#999}



.ny_prolist { width:23%; margin:0 1%; float:left; margin-bottom:2%; overflow:hidden;}
.ny_propic { position:relative; overflow:hidden;}
.ny_propic a { display:block;}
.ny_propic a img { width:100%; display: block; border: 1px solid #ccc;}
.ny_propic a:before { content:''; width:0%; height:0%; background-color:rgba(0 ,0,0,0.3); position:absolute; z-index:2; top:0; display:block; transition: all 0.3s;}
.ny_propic span { width:60px; height:60px; display: none; position:absolute; z-index:3; left:50%; margin-left:-30px; top:39%; border: solid 1px #fff; border-radius:60px; font-size:14px; color:#fff; line-height:60px; text-align:center; box-sizing:border-box;}
.ny_prolist:hover .ny_propic a:before { width:100%; height:100%;}
.ny_prolist:hover .ny_propic span { display:block;}

.ny_protil { width:100%; background:#f5f5f5; margin-top:0.8%; position:relative; overflow:hidden;}
.ny_protil a { height:45%; padding:6%; font-size:16px; position:relative; z-index:2; display:block; box-sizing: border-box;} 
.ny_prolist:hover .ny_protil span { background-position:0px -12px; transition:all 0.3s;}
.ny_prolist:hover .ny_protil a { color:#fff;}
.ny_protil:before { width:0; height:100%; content:""; display: block; position:absolute; left:0; bottom:0; background:#ec3541; transition: all 0.3s;}
.ny_prolist:hover .ny_protil:before { width:100%;}

.inpro_lefts{width:20%; float: left; }
.left{overflow: hidden;}
.left .left_title{height: auto; background: #ec3541 url(../images/left01.jpg) no-repeat right; color: #fff;}
.left .left_title .bt{font-size: 20px; font-weight: bold; line-height:60px; padding-left:10%; text-transform: uppercase; margin: 0; color:#fff}
.left .left_title .si{background-position: -248px -76px; vertical-align: middle; width: 28px; height: 28px; margin-right: 30px; margin-top: 28px;}
.icon {vertical-align: middle;background: url(../images/icon.png) no-repeat;}
.left .submenu{overflow: hidden;}
.left .submenu li{ width: 100%;}
.left .submenu li a.sub1{display: block;padding:6% 5%; box-sizing: border-box; background: url(../images/jtou.png) no-repeat 90% center #fff;font-size: 14px;border: 1px solid #dedede;border-top: 0 none;overflow: hidden;}
.left .submenu li a.sub1:hover{background: url(../images/jtou_a.png) no-repeat 90% center #fff;border-left: 2px solid #ec3541;border-right: 1px solid #ec3541;color: #ec3541;}
.left .submenu li.hover a.sub1{background: url(../images/jtou_a.png) no-repeat 90% center #fff;border-left: 2px solid #ec3541;border-right: 1px solid #ec3541;color: #ec3541;}
.left .submenu s{width: 2px; height: 61px; display: block; background: #ec3541; position: absolute; left: 0; top: 0;}
.left .submenu .box{padding-bottom: 0;background: #fff;border: 1px solid #dedede;border-top: 0 none;display: none;}
.left .submenu .box a{color: #333;display: block;overflow: hidden; font-size: 14px;padding: 2% 10%; box-sizing: border-box;}
.left .submenu .box a s{width: 10px;height: 10px;margin-right: 8px;display: inline-block;background-position: 2px -178px;}
.left .submenu .box a:hover, .left .submenu .box a.hover{color: #ec3541;}
.left .submenu .box a:hover, .left .submenu .box a.hover{color: #ec3541; font-weight: 600}
.left .submenu li.hover .box{display: block;}

.box2{padding-bottom: 0;background: #fff;border-top: 0 none;display: none;}
.box2 dd{}
.box2 dl a{color: #333;line-height:30px !important;display: block;padding-left:40px !important;overflow: hidden; font-size: 12px !important}
.box2 dl s{width: 10px;height: 10px;margin-right: 8px;display: inline-block;background-position: 2px -178px;}
.box2 dl a :hover, .left .submenu .box2 dl a.hover{color: #ec3541;}
.left .submenu li.hover .box2{display: block;}


.box3{padding-bottom: 0;background: #fff;border-top: 0 none;display: none;}
.box3 dd{}
.box3 dl a{color: #333;line-height:30px !important;display: block;padding-left:60px !important;overflow: hidden; font-size: 12px !important}
.box3 dl s{width: 10px;height: 10px;margin-right: 8px;display: inline-block;background-position: 2px -178px;}
.box3 dl a :hover, .left .submenu .box dl a.hover{color: #ec3541;}
.left .submenu li.hover .box3{display: block;}


.pconcat{ margin:5% 0px 0; background: #efefef; box-sizing: border-box; width: 100%}
.pconcat img{width: 100%;}
.pconcat p{padding:3% 5%; font-size:14px; color:#555;box-sizing: border-box; line-height: 28px;}
.pconcat p b{ display:block; font-size:30px; font-family:Arial, Helvetica, sans-serif; line-height: 44px;}
.pconcat p span{ padding-left:25px; background:url(../images/l_tel.png) no-repeat left center;}
.pconcat p em{font-style: normal;}

.inpro_right{width: 78%; float: right;}
.toptit { font-size: 22px;color:#343434; line-height: 52px; background: #f4f4f4; padding-left:16px; margin-bottom:20px; border-left:3px solid #ec3541;}




.products{width:100%; padding:0; overflow: hidden; margin-top: 2%}
.products ul{margin-left: -2%; margin-bottom:-3%;}
.products li{width:31.333%;float: left;margin-left:2%;margin-bottom:3%;transition: .3s all;}
.products li .pic{overflow: hidden; border:1px solid #e0e0e0;}
.products li .pic img{width: 100%;}
.products li .txt {color: #333;line-height:30px;font-size:16px; padding: 5%; box-sizing: border-box; border-bottom: 3px solid #eee; background: #f3f3f3;}
.products li .txt .pbt{overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.products li .txt .zi{font-size: 14px; line-height: 25px;text-overflow: ellipsis; color: #555;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
    overflow: hidden;}

.products li:hover .txt {border-bottom: 3px solid #ec3541; color: #ec3541}

.pro_right{width: 100%; height: auto; overflow: hidden; margin-top: 2%;}
.productss{width:100%; float:left;}
.productss img{max-width:none!important}
.promore_l{width:45%;float:left;}

/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block; width: 100%}
.jqzoom img{width:100%; border:1px solid #d6d6d6;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}


/*图片小图预览列表*/
.spec-preview{width:100%; height:100%;}
.spec-scroll{clear:both;margin-top:10px;width:100%; float:left;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block; width:32px; height:32px; cursor:pointer; margin-top:5px;}
.spec-scroll .items{float:left;position:relative;width:80%; height:66px; overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;}
.spec-scroll .items ul li{float:left;width:66px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #d6d6d6; padding:2px;width:57px;height:57px;}
.spec-scroll .items ul li img:hover{border:2px solid #2a3843; padding:1px;}

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

.pc-cx-tel-1{width: 100%;height: auto;border-top: 2px solid #ddd;padding-top: 20px; overflow:hidden; margin-top:20px;}
.pc-cx-tel-1-t1{width: 30%; float: right;}
.pc-cx-tel-1-t1 ul{margin-right: -2%}
.pc-cx-tel-1-t1 li{width:98%;height: auto;background: #ec3541;font-size: 18px;line-height: 44px;text-align: center;float: left; margin-right: 2%}
.pc-cx-tel-1-t1 li a{display: block;color: #fff;}
.pico{overflow:hidden; margin-bottom:3%;}
.pico img{max-width:70%}
.telsss{padding-bottom:20px;background: url('../images/p_icon.png') no-repeat left 0px;background-size:20px; padding-left:30px;color:#191919;font-size:1.571em;}
.telsss span{color:#ec3541;}

.pbtn{margin-top:10px;overflow:hidden;}
.pbtn a{width:30%;height:50px;line-height:50px;float:left;text-align:center;margin-right:3%; background: #ec3541;
    color: #fff; font-size:18px}
.pbtn i{font-family:"iconfont";position:relative;margin-right:5px;font-style:normal;line-height:1;top:0px;}
.pbtn i img{width:20px;vertical-align: middle;}
.pbtn a:hover{background:#ef8200;color:#fff;}
.pbtn a:nth-child(2){width:61%; background:#ef8200;}


.proleftbutter{margin-top: 35px; overflow: hidden;}
.proleftbutter .h4_bt{float: left; font-size: 16px;line-height: 40px;color: #fff;text-align: center;background: #ec3541;border-radius: 3px;-webkit-transition:0.5s;transition:0.5s;cursor: pointer;padding: 0 20px;}
.proleftbutter .h4_bt:nth-child(2){background: #e62129;padding: 0 30px;margin-left: 20px;}
.proleftbutter .h4_bt span{font-size: 24px;padding-right: 5px;float: left;}

.snss{overflow:hidden;margin-top:10%;  border-top:2px solid #e6e6e6; padding-top:2%}
.snss a{float:left;display:block;width:39px;height:45px;margin-right:10px;background:url(../images/all-icon.png) no-repeat;}
.snss a.facebook{background-position:-40px -5px;}
.snss a.google{background-position:-79px -5px;}
.snss a.skype{background-position:-118px -5px;}
.snss a.linkin{background-position:-157px -5px;}
.snss a.twitter{background-position:-196px -5px;}

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

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

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

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

@media (max-width:1200px) {
 body{max-width: 1200px; min-width: auto;}
 .header .head_c .nav_ul>li{width: 12%;}
}