@import url(style.css);
@import url(slide.css);
@import url(pscroll.css);
/*首页*/
.index_one{ padding-top:33px; padding-bottom:35px; height:291px;}
.index_one .i_con{ overflow:hidden;}
.index_l{ float:left; width:47.3%; max-width:740px; overflow:hidden;}
.index_l .index_l_a{ float:left; width:62.7%; max-width:464px; height:290px; border-bottom:1px solid #eeeeee;}
.index_l .index_l_a .i_con{ padding-top:32px;}
.index_l .index_l_a .i_con .img1{ display:block; max-height:50px;}
.index_l .index_l_a .i_con .h3{ font-weight:normal; color:#333333; height:32px; line-height:32px; overflow:hidden; margin-top:14px; margin-bottom:3px;transition:all 0.3s;}
.index_l .index_l_a .i_con a:hover .h3{ color:#c01b29;}
.index_l .index_l_a .i_con .p{ line-height:24px; height:120px; overflow:hidden; position:relative; font-size:14px; color:#666666;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.index_l .index_l_a .i_con .p .imore{ position:absolute; bottom:0; padding-left:4px; right:6px; height:20px; width:31px; background:url(../images/i_bg1.png) right center #fff no-repeat; background-size:31px auto;transition: all 0.3s;}
.index_l .index_l_a .i_con a:hover .p .imore{ background-image:url(../images/i_bg1_on.png); right:0;}

.index_l .index_l_b{ float:right; width:35.3%; max-width:247px; overflow:hidden;}
.index_l .index_l_b a{ display:block;overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover;transition:all 0.6s;}
.index_l .index_l_b a:hover{transform: scale3d(1.05, 1.05, 1.05);}
.index_l .index_l_b img{ width:100%;opacity:0;filter:Alpha(opacity=0); height:291px;}
.index_r{ float:right; width:50.7%; max-width:810px;}
.index_r .index_r_a{ float:left; width:58%; max-width:464px;height:291px; overflow:hidden;}
.index_r .index_r_a .index_r_a_one{ overflow:hidden; padding-bottom:13px; border-bottom:1px solid #eeeeee;}
.index_r .index_r_a .index_r_a_one .h3{font-weight:normal; color:#333333; height:32px; line-height:32px; overflow:hidden; margin-top:23px; margin-bottom:19px;transition:all 0.3s;}
.index_r .index_r_a .index_r_a_one .p{line-height:24px; height:48px; overflow:hidden; position:relative; font-size:14px; color:#666666;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.index_r .index_r_a .index_r_a_one a:hover .h3{ color:#c01b29;}
.index_r .index_r_a .index_r_a_two{ overflow:hidden; height:106px;}
.index_r .index_r_a .index_r_a_two ul li{ height:52px; line-height:52px; overflow:hidden;border-bottom:1px solid #eeeeee;}
.index_r .index_r_a .index_r_a_two ul li a{ color:#333; font-size:16px; display:block;}
.index_r .index_r_a .index_r_a_two ul li em{ float:right; margin-left:9px;  font-style:normal; font-size:14px; color:#666666}
.index_r .index_r_a .index_r_a_two ul li:hover a{color:#c01b29;}
.index_r .index_r_a .index_r_a_two ul li:hover em{color:#c01b29;}
.index_r .index_r_b{ float:right; width:40%; max-width:317px; overflow:hidden;  background:url(../images/i_bg2.jpg) #c01b29 center bottom no-repeat; background-size:100% auto; margin-top:-136px; position:relative; z-index:2;transition:all 0.3s;}
.index_r .index_r_b:hover{ border-bottom-right-radius: 15%}
.index_r .index_r_b .cons{ margin:0 auto; max-width:266px; width:94%; overflow:hidden; margin-top:49px; color:#fff;}
.index_r .index_r_b a{ color:#fff; display:block;height:427px; overflow:hidden;}
.index_r .index_r_b .h6{ line-height:42px; text-transform:uppercase; font-weight:normal; font-family:"Myriad Pro","微软雅黑","Arial", "Microsoft YaHei";}
.index_r .index_r_b .h6 span{ display:block; height:54px; line-height:54px; overflow:hidden;}
.index_r .index_r_b .h5{ font-weight:normal; height:32px; line-height:32px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap; margin-top:22px;}
.index_r .index_r_b .p{ line-height:24px; height:72px; overflow:hidden; position:relative; font-size:14px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color:#feafb5; margin-top:33px;}
.index_r .index_r_b .imore{  height:20px; width:31px; background:url(../images/i_bg3.png) center center no-repeat; background-size:100% auto;transition: all 0.3s; margin-top:9px; display:block;}
.index_r .index_r_b a:hover .imore{ margin-left:6px;}

/*数据统计滚动*/
.product-number-info{position:relative;background-color:#bf1b29}
.product-number-info .product-number-inner{max-width: 1600px;margin:0 auto}
.product-number-info ul{padding:85px 0}
.product-number-info ul.q:after{content:"";clear:both;display:table}
.product-number-info li{float:left;width:399px;height:90px;border-left:1px solid #ffffff;color:#fff;padding-top:1px;text-align: center;}
.product-number-info li:first-child{border:none}
.product-number-info li b{font-weight:400;font-size:36px;line-height:1;display:inline-block;position:relative;margin:15px 0 10px}
.product-number-info li b i{font-style:normal}
.product-number-info li b sup{position:absolute;font-size:20px;right:-15px;top:-3px}
.product-number-info li b em{font-style:normal;font-size:28px;font-weight:100;padding-left:2px;position:relative;top:-4px}
.product-number-info li p{font-size: 18px;font-weight: bold;}
.product-number-info li p em{ font-size:12px;}
.product-number-info li.li-5{text-align:right}
.product-number-info li.li-5 b{padding-right:2px}


.hls-iproduct {}
.hls-iproduct .iproduct {position: relative;margin:0 0px 2px 0;width:-webkit-calc(33.36% - 2px); width:-moz-calc(33.36% - 2px); width:calc(33.36% - 2px);max-width: 33.3333333%;float: left;}
.hls-iproduct .iproduct a{display: block;overflow: hidden;background: #000;}
.hls-iproduct .iproduct .txt{position: absolute;bottom: 0;left: 0;width: 25%;z-index: 3;padding: 3%;background: rgba(191, 27, 41, 0.78);}
.hls-iproduct .iproduct .txt h5{font-size: 16px;color: #fff;padding:10px 0;}
.hls-iproduct .iproduct .txt h4{font-size: 20px;color: #fff;}
.hls-iproduct .iproduct .pic{position: relative;}
.hls-iproduct .iproduct .pic .mark{position: absolute;bottom: 0;left: 0;width: 100%;height:70%;z-index: 1; background:linear-gradient(to top,#6c6c6c,rgba(0,0,0,0));opacity: .6;}
.hls-iproduct .iproduct a:hover .pic img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.hls-iproduct .iproduct.ip1 {width:-webkit-calc(50% - 1px); width:-moz-calc(50% - 1px); width:calc(50% - 1px);max-width: 50%;margin:0 1px 2px 0;}
.hls-iproduct .iproduct.ip2 {width:-webkit-calc(50% - 1px); width:-moz-calc(50% - 1px); width:calc(50% - 1px);max-width: 50%;margin:0 0px 2px 1px;} 
.hls-iproduct .iproduct.ip3 {}
.hls-iproduct .iproduct.ip4 {width:-webkit-calc(33.3333333% - 1px); width:-moz-calc(33.3333333% - 1px); width:calc(33.3333333% - 1px);margin:0 2px 2px 2px;}
.hls-iproduct .iproduct.ip5 {}


.i_about{overflow:hidden;margin-top:4%;margin-bottom:4%}
.i_about .wrap{position:relative}
.i_about .i_about_l{float:left;overflow:hidden;background:#f7f7f7;width:69%}
.i_about .i_about_l .cons{overflow:hidden;width:94%;max-width:820px;margin:0 auto}
.i_about .i_about_l .cons .txts{max-width:600px;overflow:hidden;width:80%}
.i_about .i_about_l .i_about_t{position:relative;font-weight:block;height:116px;line-height:116px;margin-top:55px;background:url(../images/i_bg1.png) 23px 24px no-repeat;background-size:auto 36%}
.i_about .i_about_l .i_about_t:after{content:"";position:absolute;bottom:0;left:0;width:27px;height:2px;background:#919191}
.i_about .i_about_l .i_about_p{font-size:16px;line-height:30px;margin-top:23px}
.i_about .i_about_l .ul{margin-top:4%;overflow:hidden}
.i_about .i_about_l .ul li{float:left;max-width:120px;overflow:hidden;text-align:center;background:url(../images/i_bg2.png) right 30% no-repeat;padding-right:4.3%;margin-right:4.3%}
.i_about .i_about_l .ul li:last-child{background:0 0;margin-right:0;padding-right:0}
.i_about .i_about_l .ul li img{display:block;margin:0 auto;width:60px;max-width:60px;transition:all .3s;    background: #bf1b29;border-radius: 50%;}
.i_about .i_about_l .ul li .h3{font-weight:400;color:#666;font-size:14px;line-height:32px;height:32px;overflow:hidden}
.i_about .i_about_l .ul li:hover img{transform:rotate(360deg)}
.imore{display:inline-block;width:122px;height:38px;line-height:38px;overflow:hidden;text-indent:20px;background:url(../images/i_bg3.png) 88px center no-repeat;border:1px solid #999;border-radius:6px;margin-top:36px;margin-bottom:70px;transition:all .3s;text-align:left}
.imore:hover{text-indent:23px;background-image:url(../images/i_bg3_on.png);color:#fff;background-color:#bf1b29;border:1px solid #bf1b29;background-position:91px center}
.i_about .i_about_r{position:absolute;top:50%;right:0;width:47.5%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%)}
.i_about .i_about_r .imgs{overflow:hidden}
.i_about .i_about_r video{width: 685px; height:477px;}
.i_about .i_about_r .imgs img{display:block;width:100%;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
.i_about .i_about_r .imgs:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}



.hls-page-container {overflow: hidden;position: relative;}
.hls-page-container img{display: block;width: 100%;height: auto;}
.d-table {display: table;width: 100%;height: 100%;}
.d-table-cell {display: table-cell;vertical-align: middle;}
.container {clear:both; width:100%;max-width:1600px;margin:0 auto;position: relative;overflow: hidden;}
.ptb5 {padding:5% 0;}
.title {}
.title h2{font-size: 44px;font-family: 'Conv_Montserrat-Bold';text-transform: uppercase; }
.title h3{font-size: 30px;font-weight: normal;}
.title h3 line{width: 40px;height: 2px;background: #bf1b29;margin: 0 15px;display: inline-block;vertical-align: middle;}
.title h3 line.m0 {margin: 0;}
.title h6 {font-size: 14px;line-height: 28px; color: #999999;font-weight: normal;padding:30px 0;overflow: hidden;width: 60%;}
.tmore {position: absolute;width: 115px;right: 0;top:55%;}
.tmore a {display: block;position: relative;font-size: 14px;padding-bottom: 20px; font-family: 'Conv_Montserrat-Bold';text-transform: uppercase;}
.tmore a i{display: block;width: 16px;height: 10px;position: absolute;right: 0;top: 4px;background: url("../images/right-h.svg") center no-repeat;background-size: 100%;}
.tmore a::after {content: '';width: 100%;height: 2px;background: #000;position: absolute;left: 0;bottom:0px;}
.tmore a:hover {color: #000;letter-spacing: 1px;}
.tmore a:hover i{right: 10%;}
.tmore a:hover::after {background: #000;}
.dtable {display: table;width: 100%;height: 100%;}
.dtable-cell {display: table-cell;vertical-align: middle;}


.hls-inews {overflow: hidden;position: relative;}
.inewslist {padding:5% 0 ;overflow: hidden;position: relative;}
.inewslist .inews:nth-child(2n){float:right;}
.inewslist .inews {position: relative;width: 49%;float: left;overflow: hidden;margin-bottom: 2%;}
.inewslist .inews a{display: block;overflow: hidden;background: #ededed;padding: 3%;width: 94%;}
.inewslist .inews a .pic{width: 50%;float: left;overflow: hidden;}
.inewslist .inews a .pic img {background: #000;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.inewslist .inews a .txt{width:90%;height: 100%;padding:0 5%;background: url(../images/more_ico.png) right no-repeat;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inewslist .inews a .txt h4 {font-size: 18px;color: #333;}
.inewslist .inews a .txt h5 {font-size: 14px;color: #999;font-weight: normal;line-height: 24px; margin: 30px 0;}
.inewslist .inews a .txt h6 {font-size: 12px;color: #b2b2b2;font-weight: normal;}
.inewslist .inews a .txt::before {content: '';width: 0;height: 0;border-width: 20px 20px 20px 0;border-style: solid;border-color:transparent #ededed transparent transparent ;position: absolute;left: -20px;top: 50%;margin-top: -20px; z-index: 3;}
.inewslist .inews:nth-child(3) .txt,.inewslist .inews:nth-child(4) .txt{left: 0;right: auto;}
.inewslist .inews:nth-child(3) .pic,.inewslist .inews:nth-child(4) .pic{float:right;}
.inewslist .inews:nth-child(3) .txt::before {border-width: 20px 0 20px 20px;border-color:transparent transparent transparent #ededed;left:auto;right: -20px;}
.inewslist .inews:nth-child(4) .txt::before {border-width: 20px 0 20px 20px;border-color:transparent transparent transparent #ededed;left:auto;right: -20px;}
.inewslist .inews a:hover .pic img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-webkit-filter: none;-moz-filter: none;-ms-filter: none;-o-filter: none;filter: none;}
.inewslist .inews a:hover {background: #c01b29;}
.inewslist .inews a:hover .txt{background: url(../images/moreon_ico.png) right no-repeat;}
.inewslist .inews a:hover .txt h4,.inewslist .inews a:hover .txt h6 {color: #fff;}

.inewslist .inews a:hover .txt::before {border-color:transparent #000 transparent transparent;}
.inewslist .inews:nth-child(3) a:hover .txt::before,.inewslist .inews:nth-child(4) a:hover .txt::before {border-color:transparent transparent transparent #000;}


.client-2 {position: fixed;right: -190px;top: 50%;z-index: 900;}
.client-2 li a {text-decoration: none;}
.client-2 li {margin-top: 1px;clear: both;height: 71px;position: relative;}
.client-2 li i {display: block;width: 30px;height: 27px;margin: 0px auto;text-align: center;}
.client-2 li p {height: 20px;font-size: 14px;line-height: 20px;overflow: hidden;text-align: center;color: #fff;}
.client-2 li i {background: url(../images/client_ico.png) no-repeat;}
.client-2 .my-kefu-qq i {background-position: 4px 5px;}
.client-2 .my-kefu-tel i {background-position: 0 -21px;}
.client-2 .my-kefu-liuyan i {background-position: 4px -53px;}
.client-2 .my-kefu-weixin i {background-position: -34px 4px;}
.client-2 .my-kefu-weibo i {background-position: -30px -22px;}
.client-2 .my-kefu-ftop {display: none;}
.client-2 .my-kefu-ftop i {width: 33px;height: 35px;background-position: -27px -51px;}
.client-2 .my-kefu-left {float: left;width: 77px;height: 47px;position: relative;}
.client-2 .my-kefu-tel-right {font-size: 20px;color: #fff;float: left;height: 40px;line-height: 40px;padding: 0 15px;border-left: 1px solid #fff;margin-top: 5px;font-weight: bold;}
.client-2 .my-kefu-right {width: 20px;}
.client-2 .my-kefu-tel-main {background: #b81b22;color: #fff;height: 56px;width: 267px;padding:9px 0 6px;float: left;}
.client-2 .my-kefu-main {background: #b81b22;width: 97px;height: 56px;position: relative;padding:9px 0 6px;float: left;}
.client-2 .my-kefu-weixin-pic {position: absolute;left: -130px;top: -24px;display: none;z-index: 333;}
.client-2 li div{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.my-kefu-weixin-pic img {width: 115px;}

.client-2 li{height:100px;}
.client-2{right:-193px}
.client-2 .my-kefu-main{height:100px;width:140px;padding:0}
.client-2 .my-kefu-tel-main{height:100px;padding:0;width:290px}
.client-2 .my-kefu-left{width: 100px;height:100%;position: relative;box-sizing: border-box;}
.client-2 .my-kefu-tel-main .my-kefu-left{padding-top:28px}
.client-2 .my-kefu-weixin .my-kefu-left{padding-top:28px}
.client-2 .my-kefu-left a{display: inline-block;padding-top:28px;width:100px;text-align: center;}
.client-2 .my-kefu-tel-right{margin-top: 32px}
.client-2 .my-kefu-weixin-pic{top:-7px}
.client-2 .my-kefu-liuyan .my-kefu-main{background: #c7a832}

.slideshow .carousel-next{right:110px}
@media screen and (max-width: 960px){
   .slideshow .carousel-next{right: 40px}
}

@media screen and (max-width: 1260px) {
.index_one{ height:auto;}
.index_l{ float:none; width:100%; max-width:none;}
.index_l .index_l_a{ max-width:none;}
.index_l .index_l_a .i_con .p{ margin-bottom:10px;}
.index_l .index_l_a .i_con .p .imore{ bottom:10px;}
.index_r{ float:none; width:100%; max-width:none; margin-top:2%;}
.index_r .index_r_a{ max-width:none; height:auto;}
.index_r .index_r_a .index_r_a_two{ height:212px;}
.index_r .index_r_b{ margin-top:0;}

}

@media screen and (max-width: 960px) {
.product-number-info ul{padding:70px 0px;}
.product-number-info .product-number-inner{width: 100%;}
.product-number-info li {width: 49%; float: left; text-align: center;margin-bottom: 1%;}
.product-number-info li.li-2 p em{display: none;}
.product-number-info li.li-2 b, .product-number-info li.li-2 p,.product-number-info li.li-3 b, .product-number-info li.li-3 p,.product-number-info li.li-4 b, .product-number-info li.li-4 p{padding-left: 0px;}
.product-number-info .li-3,.product-number-info .li-5{border-left: none;}
.product-number-info .li-5{display: none;}
.tmore{top:68%;}
.search_div .search_con .input1{line-height: 42px;height: 42px;}
.search_div .search_con .bnt1{background-size: auto 100%;margin-top: 10px;}
.i_about .i_about_r,.i_about .i_about_l,.i_about .i_about_l .cons .txts{width: 100%;}
.i_about .i_about_l .i_about_p{text-align: justify;}
.i_about .i_about_r{display:inline; position: relative; top: 0;}
.i_about .i_about_l .ul li{ padding-right: 2.3%; margin-right: 1.3%;}
.i_about .i_about_l .ul li img{width: 40px; height: 40px;max-width: 40px;}
.inewslist .inews {width: 100%;float: none;margin-bottom:3%;}
.inewslist .inews a .pic {width: 100%;float: none;}
.inewslist .inews a .txt {position:relative;right:auto;top: auto;width: 90%;height:auto;padding:5%;overflow: hidden;}
.inewslist .inews a .txt h5 {display: block;}
.inewslist .inews a .txt h6 {padding:0;}
.inewslist .inews:nth-child(3) .txt, .inewslist .inews:nth-child(4) .txt {left: auto;right: auto;}
.client-2{display: none;}
.i_about .i_about_r video{width: 100%; height: auto;}

}

@media screen and (max-width: 780px) {
.index_one{ margin-bottom:2%; padding-top:3%;}
.index_l{ overflow:visible;}
.index_l .index_l_a{ float:none; width:100%; height:auto; padding-bottom:3%;}
.index_l .index_l_a .i_con .p{ margin-bottom:0px;}
.index_l .index_l_a .i_con .p .imore{ bottom:0px;}
.index_l .index_l_b{ margin-top:2%; float:none; width:100%; max-width:none;}
.index_l .index_l_b img{ height:auto;}
.index_r .index_r_a{ float:none; width:100%;}
.index_r .index_r_a .index_r_a_two{ height:106px;}
.index_r .index_r_b{ float:none; width:100%; max-width:none; z-index:0; margin-top:2%;}
.index_r .index_r_b .cons{ max-width:660px; margin-top:10%;}
.index_r .index_r_b a{ height:auto; padding-bottom:30%;}
.index_r .index_r_b .h6{ line-height:32px;}
.index_r .index_r_b .h6 span{ line-height:44px; height:44px;}
.index_r .index_r_b .h5{ margin-top:10px;}
.index_r .index_r_b .p{ height:auto; margin-top:15px;}
.index_r .index_r_b .imore{ margin-top:12px;}
.hls-iproduct .iproduct,.hls-iproduct .iproduct.ip1,.hls-iproduct .iproduct.ip2,.hls-iproduct .iproduct.ip4 {margin:1% 0px ;width:100%;max-width: 100%;float: none;}
	.hls-iproduct .iproduct .txt h4 {font-size: 18px;}
	.hls-iproduct .iproduct .txt h5 {font-size: 14px;}
	.hls-iadvantages .left {float: none;width: 100%;}
	.hls-iadvantages .right {float: none;width: 90%;padding: 10% 5% 0 5%;margin-bottom:10%;}
}

@media screen and (max-width: 640px) {
.index_l .index_l_a .i_con .h3{ font-size:16px;}
.index_l .index_l_a .i_con .p{ font-size:13px;}
.index_r .index_r_a .index_r_a_one .h3{ font-size:16px;}
.index_r .index_r_a .index_r_a_one .p{ font-size:13px;}
.index_r .index_r_b .h5{ font-size:18px;}
.index_r .index_r_b .p{ /*font-size:13px; */margin-top:12px;}

}
@media screen and (max-width: 480px) {
.index_l .index_l_a .i_con{ padding-top:25px;}
.index_l .index_l_a .i_con .img1{ }
.index_r .index_r_a .index_r_a_one .h3{ margin-bottom:6px;}
.index_r .index_r_a .index_r_a_two ul li a{ font-size:15px;}
.index_r .index_r_a .index_r_a_two ul li em{ font-size:13px;}
.index_r .index_r_b .cons{ margin-top:15%;}
.index_r .index_r_b a{ padding-bottom:35%;}
.index_r .index_r_b .h6{ line-height:26px;}
.index_r .index_r_b .h6 span{ height:36px; line-height:36px;}
}