@charset "utf-8";
/*头部*/
.header{height: 100px;line-height: 100px;position: relative;z-index: 999;background: #fff;}
.navlist{margin-left: 7%;}
.navlist>li{position: relative;float: left;height: 100px;position: relative;}
.navlist>li ~ li{margin-left: 42px;}
.navlist>li:before,
.com-cate li:before{content: "";position: absolute;left: 50%;bottom: 0;width: 0;border-bottom: 6px solid #d71618;-webkit-transition: .4s;-o-transition: .4s;transition: .4s;}
.navlist>li:hover:before,
.navlist>li.on:before,
.com-cate li:hover:before,
.com-cate li.on:before{left: 50%;width: 40px;margin-left: -20px;}
.navlist li>a{display: inline-block;font-size: 16px;color: #191919;padding: 0 4px;}
.navlist li:hover>a,
.navlist li.on>a{color: #d71618;}
.menuph,
.xialaph {
    display: none;
}
/*二级导航*/
.tnavbox{position:absolute;width: 130px;left:50%;margin-left: -65px;top:83%;height:0;padding-top:17px;/* display:none;*/text-align: center;z-index: 99;}
.tnav{background:#fff; box-shadow:0 0 16px -4px rgba(0,0,0,.1); padding:15px 0 12px; transform:translateY(20px); -webkit-transform:translateY(20px); opacity:0; visibility:hidden; transition:.4s; -webkit-transition:.4s;}
.tnav a{display:block; color:#666; line-height:35px; border-bottom: 1px solid transparent;-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;}
.tnavbox .line{z-index:9; width:20px; height:4px; position:absolute; left:50%; margin-left:-10px; top:17px; background:#d71618; transform:translateY(20px); -webkit-transform:translateY(20px); opacity:0; visibility:hidden; transition:.4s; -webkit-transition:.4s;}
.tnav a:hover,.tnav a.on{background:#d71618; color:#fff;}
.navlist>li:hover .tnavbox{height:100px;}
.navlist>li:hover .tnavbox .tnav,
.navlist>li:hover .tnavbox .line{transform:translate(0); -webkit-transform:translate(0); opacity:1; visibility:visible;}
.header .hotline{color: #333;margin-left: 30px;height: 100px;padding-left: 30px;background: url(../images/tel04.png) no-repeat left center;background-size: 22px;}
.header .hotline .bold{font-size: 21px;}
.header .langulage{font-size: 16px;margin-left: 0;}
.header .langulage a{color: #191919;}
.header .langulage a:hover{color: #d71618;}
.header .search{display: none;margin-left: 50px;position: relative;cursor: pointer;}
.icon-search{display: inline-block;width: 21px;height: 21px;background: url(../images/icon-search.jpg) no-repeat center;vertical-align: middle;}
/*首页*/
/*通用*/
.com-title{text-align: center;line-height: 1;font-size: 32px;}
.com-title h3{color: #191919;line-height: 1;}
.com-title .en{margin-top: 19px;line-height: 1;color: #323333;}
.com-title p{font-size: 18px;color: #666666;margin-top: 30px;}
.com-more{display: inline-block;padding: 0 25px;height: 40px;background-color: #d71618;color: #fff !important;line-height: 40px;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;}
.com-more:hover{padding: 0 30px;}
.index-product{padding: 75px 0 60px;}
.index-product-content{margin-top: 63px;margin-bottom: -30px;}
.index-product-content .item{float: left;width: 48%;height: 340px;overflow: hidden; margin-bottom: 30px; border: solid 1px #d2d2d2;position: relative;-webkit-transition: .4s;-o-transition: .4s;transition: .4s;}
.index-product-content .item:nth-child(2n+1) {
	margin-right: 2%;
}
.index-product-content .item .abox{display: block;width: 100%;height: 100%;padding: 45px 42px;}
.index-product-content .item:hover{-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.2);box-shadow:0 15px 30px rgba(0,0,0,0.2);-webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0);}
.index-product-content .item:hover img{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}
/*.index-product-content .item:last-child{margin-top: 9px;}*/
.index-product-content .item h4{font-size: 24px;line-height: 1;color: #191919;}
.index-product-content .item h4 span{font-size: 16px;color: #999;}
.index-product-content .item .pic{position: absolute;right: 0;width: 50%;text-align: center;overflow: hidden;}
.index-product-content .item .des{font-size: 14px;color: #666666;}
.index-product-content .item .des{width: 50%;margin-top: 30px;margin-bottom: 40px;height: 120px; overflow-y: scroll;}
.index-product-content .item .com-more{-webkit-transition: .5s;-o-transition: .5s;transition: .5s;}
.index-product-content .item:hover .com-more{-webkit-transform: translateY(-5px);-ms-transform: translateY(-5px);-o-transform: translateY(-5px);transform: translateY(-5px);padding: 0 30px;}

/*滚动条 开始*/
.index-product-content .item .des::-webkit-scrollbar {
    width:4px;
    height:4px;
}
.index-product-content .item .des::-webkit-scrollbar-button    {
    background-color:#f5f5f5;
}
.index-product-content .item .des::-webkit-scrollbar-track     {
    background:#f5f5f5;
}
.index-product-content .item .des::-webkit-scrollbar-thumb{
    background:#ddd;
    border-radius:2px;
}
.index-product-content .item .des::-webkit-scrollbar-corner {
    background:#82AFFF;
}
.index-product-content .item .des::-webkit-scrollbar-resizer  {
    background:#FF0BEE;
}
/*滚动条 结束*/
.title-bar{line-height: 24px;margin-top: 40px;margin-bottom: 36px;}
.title-bar h3{display: inline-block;vertical-align: middle;font-size: 24px;color: #666666;line-height: 1;}
.title-bar h3 .en{margin-left: 5px;font-size: 16px;font-weight: normal;}
.hot-product-list li .abox{text-align: center;font-size: 16px;}
.hot-product-list li .abox .pic{padding: 10px;position: relative;-webkit-transition: .4s;-o-transition: .4s;transition: .4s;margin-bottom: 18px;}
.hot-product-list li .abox .pic:before,
.product-list li .pic:before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(215, 22, 24, .8) url(../images/view.png) no-repeat center;background-size: 40px;z-index: 2;opacity: 0;-webkit-transform: scale(.95);-ms-transform: scale(.95);-o-transform: scale(.95);transform: scale(.95);-webkit-transition: .5s;-o-transition: .5s;transition: .5s;}
.hot-product-list li .abox:hover .pic:before,
.product-list li .abox:hover .pic:before{opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.hot-product-list li .abox:hover .pic{box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.hot-product-list li .abox .pic{border: solid 1px #d2d2d2;}
.hot-product-list li .abox p{color: #666;}
.hotline-bar{text-align: center;margin-top: 90px;font-size: 28px;line-height: 1;color: #333;}
.icon-hotline{display: inline-block;vertical-align: middle;width: 33px;height: 33px;background: url(../images/icon-tel.jpg) no-repeat center;margin-top: -3px;margin-right: 15px;}
.index-solution{padding: 110px 0 120px;}
.sfq-list{display: flex;flex-wrap: nowrap;justify-content: space-between;margin-top: 47px;height: 400px;}
.sfq-list li{position: relative;float: left;width: 14.2857%;height: 100%;overflow: hidden;background: #ddd; -webkit-transition: .6s;-o-transition: .6s; transition: .6s;}
.sfq-list li ~ li{margin-left: 0.2142%;}
.sfq-list li img{position: absolute;left: 50%;margin-left: -192.5px;top: 0;max-width: none;}
.sfq-list li.on{width: 27.5%;}
.sfq-list li .tab-tit{position: absolute;left: 0;top: 0;width: 100%;height: 100%;text-align: center;font-size: 24px;color: #f1f1f1;padding-top: 100px;line-height: 38px;font-family: "Microsoft Yahei Light";background: rgba(0, 0, 0, .5);-webkit-transition: .5s;-o-transition: .5s;transition: .5s;}
.sfq-list li .tab-tit span{font-size: 20px;}
.sfq-list li .tab-tit .icon{display: inline-block;width: 87px;height: 87px;margin-bottom: 60px;}
.sfq-list li .tab-tit .icon-s1{background: url(../images/icon-s1.png) no-repeat center;}
.sfq-list li .tab-tit .icon-s2{background: url(../images/icon-s2.png) no-repeat center;}
.sfq-list li .tab-tit .icon-s3{background: url(../images/icon-s3.png) no-repeat center;}
.sfq-list li .tab-tit .icon-s4{background: url(../images/icon-s4.png) no-repeat center;}
.sfq-list li .tab-tit .icon-s5{background: url(../images/icon-s5.png) no-repeat center;}
.sfq-list li .tab-tit .icon-s6{background: url(../images/icon-s6.png) no-repeat center;}
.sfq-list li.on .tab-tit{opacity: 0;visibility: hidden;}
.sfq-list li .tab-cont{position: absolute;left: 0;top: 0;height: 100%;width: 384px;padding: 0 45px;background-color: rgba(215, 22, 24, .8);opacity: 0;visibility: hidden;color: #f1f1f1;-webkit-transition: .5s;-o-transition: .5s;transition: .5s;}
.sfq-list li.on .tab-cont{opacity: 1;visibility: visible;}
.sfq-list li .tab-cont h3{font-size: 26px;color: #f1f1f1;line-height: 1;}
.sfq-list li .tab-cont .en{margin-top: 10px;margin-bottom: 20px;}
.sfq-list li .tab-cont .des{}
.sfq-list li .tab-cont .more{display: block;margin-top: 40px;width: 130px;height: 35px;line-height: 35px;text-align: center;background-color: #f1f1f1;color: #333;font-size: 14px;-webkit-transition: .4s;-o-transition: .4s;transition: .4s;}
.sfq-list li .tab-cont .more:hover{-webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0);box-shadow: 0 5px 10px rgba(0,0,0,0.1);}
.index-news{padding-top: 83px;padding-bottom: 110px;}
.index-news-tab{text-align: center;font-size: 0;margin-top: 36px;margin-bottom: 84px;}
.index-news-tab li{display: inline-block;padding: 0 44px;height: 42px;line-height: 42px;background-color: #a0a0a0;color: #fff;font-size: 14px;cursor: pointer;margin: 0 12px;-webkit-transition: .4s;-o-transition: .4s;transition: .4s;}
.index-news-tab li.on,
.index-news-tab li:hover{background-color: #d71618;}
.index-news-content .block{width: 68.9%;}
.index-news-content .block .pic{    overflow: hidden;
    width: 480px;
    height: 390px;}
.index-news-content .block .pic img {width: 100%;height: 100%;object-fit: cover;}
.index-news-content .block .cont{padding-left: 3.85%;overflow: hidden;}
.index-news-content .block .cont .cate{font-size: 24px;color: #333;line-height: 1;padding: 15px 0;}
.index-news-content .block .cont .tit,
.news-one .cont h4{font-size: 24px;color: #333;line-height: 1;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index-news-content .block .cont .tit a,
.news-one .cont h4 a{color: #333;}
.index-news-content .block .cont .date{font-size: 20px; color: #333; margin-top: 16px;}
.index-news-content .block .cont .des{font-size: 16px;color: #333;margin-top: 55px;}
.index-news-content .block .cont .more,
.news-one .cont .more{display: inline-block;margin-top: 42px;font-size: 14px;color: #333333;border-bottom: 2px solid #999;line-height: 1;padding-bottom: 8px;-webkit-transition: .4s;-o-transition: .4s;transition: .4s;}
.index-news-content .block .cont .more:hover,
.news-one .cont .more:hover{color: #d71618;border-color: #d71618;padding-right: 5px;padding-left: 5px;}
.index-news-content .list{width: 31.1%;padding-left: 4.28%;}
.index-news-content .list li{padding-bottom: 20px;}
.index-news-content .list li h4{font-size: 18px;line-height: 1.3;}
.index-news-content .list li h4 a{color: #333;}
.index-news-content .list li p{line-height: 24px;color: #666;margin-top: 20px;}
.index-news-content .list li ~ li{padding-top: 24px;border-top: 1px dashed #dcdcdc;}
.index-news-content .list li:last-child{padding-bottom: 0;}
.links{
	margin-top: 30px;
	line-height: 24px;
	color: #5b5b5b;
	overflow: hidden;
}
.links a{color: #5b5b5b;margin-right: 10px;}
/*footer*/
.footer{padding-top: 50px;padding-bottom: 20px;background-color: #1c1c1c;}
.foot-contact{width: 30%;}
.foot-contact .hotline{line-height: 1;font-size: 16px;color: #5b5b5b;padding-left: 34px;padding-bottom: 15px;margin-bottom: 26px;background: url(../images/icon-telfoot.png) no-repeat -8px 0;}
.foot-contact .hotline span{display: block;width: 100%;font-size: 26px;color: #d71618;font-weight: bold;display: inline-block;margin-top: 10px;}
.foot-contact p{padding-left: 34px;font-size: 16px;color: #5b5b5b;}
.foot-contact p a{color: #5b5b5b;}
.foot-contact .email{background: url(../images/icon-email.png) no-repeat 6px center;}
.foot-contact .addr{background: url(../images/icon-addr.png) no-repeat 6px 10px;}
.foot-contact p:last-child{margin-top: 4px;}
.foot-nav .item{float: left;}
.foot-nav .item ~ .item{margin-left: 56px;}
.foot-nav .item .tit{position: relative; font-size: 16px; color: #ccc; margin-bottom: 10px;}
.foot-nav .item ul li a{display: inline-block; width: 100%; line-height: 30px; font-size: 15px; color: #5b5b5b;}
.index-news-content .block .cont .tit a:hover,
.index-news-content .list li h4 a:hover,
.copyright a:hover,
.links a:hover{color: #d71618;}
.foot-nav .item ul li a:hover,
.foot-contact p a:hover{color: #d71618;}
.copyright{background-color: #1c1c1c;padding-bottom: 16px;padding-top: 16px;color: #5b5b5b;border-top: 1px solid #222;}
.copyright a{color: #5b5b5b;}
.qrbox{margin-left: 80px;padding-top: 5px;}
.qrbox .item{text-align: center;/*font-size: 12px;*/margin-bottom: 10px;color: #5b5b5b;}
.qrbox .item img{margin-bottom: 3px;}
/*内页banner*/
.page-banner{position: relative; overflow: hidden;}
.page-banner .pb-pic{overflow: hidden; height: 0; padding-bottom: 24.4791%; background: #f5f5f5;}
.page-banner .pb-pic img{width: 100%; -webkit-animation: SlickIn cubic-bezier(1, 0, .5, .5) 1s; animation: SlickIn cubic-bezier(1, 0, .5, .5) 1s;}
@-webkit-keyframes SlickIn{0%{-webkit-transform: scale(1.1, 1.1)} 100%{-webkit-transform: scale(1, 1)}}
@-webkit-keyframes SlickOut{0%{-webkit-transform: scale(1, 1)} 100%{-webkit-transform: scale(.9, .9)}}
@keyframes SlickIn{0%{transform: scale(1.1, 1.1)} 100%{transform: scale(1, 1)}}
@keyframes SlickOut{0%{transform: scale(1, 1)} 100%{transform: scale(.9, .9)}}
.page-banner .pb-tit{position: absolute; top: 50%; left: 50%; z-index: 2; margin-left: -700px; margin-top: -50px; width: 100%;}
.page-banner .pb-tit .cn{display: block; color: #333333; line-height: 1; font-size: 42px;}
.page-banner .pb-tit .en{margin-top: 22px; font-size: 22px; line-height: 1; color: #333333; /*font-weight: 300;*/}
.page-banner .pb-tit.white .cn,
.page-banner .pb-tit.white .en{color: #fff;}
/*面包屑*/
.mbx{height: 65px;line-height: 65px;background-color: #f7f7f7;color: #333333;}
.mbx.white{background: #fff;}
.mbx .icon-home{display: inline-block;vertical-align: middle;width: 17px;height: 15px;background: url(../images/icon-home.png) no-repeat center;margin-top: -2px;margin-right: 12px;margin-left: 5px;}
/*子栏目*/
.com-cate li{position: relative;float: left;margin-left: 85px;}
.com-cate-solution li{margin-left: 30px;}
.com-cate li a{display: inline-block;color: #333333;}
.com-cate li.on a,
.com-cate li:hover a{color: #d71618;}
.com-cate li:before{border-bottom: 5px solid #d71618;}
.com-cate li:hover:before,
.com-cate li.on:before{margin-left: -16px;width: 32px;}
/*关于*/
.about-intro{padding-top: 90px;padding-bottom: 70px;}
.about-intro .pic{position: relative;width: 50%;}
.about-intro .pic:before{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; cursor: pointer; background: url(../images/icon-video.png) no-repeat center rgba(0, 0, 0, 0); /*background-size: 54px;*/ -webkit-transition: .4s; -o-transition: .4s; transition: .4s;}
.about-intro .pic:hover:before{background-color: rgba(0, 0, 0, 0.1);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.about-intro .cont{width: 50%;overflow: hidden;padding-left: 5%;padding-top: 23px;}
.about-intro .cont h3{font-size: 24px;color: #333333;line-height: 1;}
.about-intro .cont .des{line-height: 27px;margin-top: 30px;}
.about-culture{padding-top: 52px;padding-bottom: 140px;}
.about-culture .item{position: relative;}
.about-culture .item .pic,
.about-culture .item .cont{width: 50%;}
.about-culture .item .cont{position: absolute;top: 0;height: 100%;overflow: hidden;padding: 75px 39px 0;background: #fff;}
.about-culture .item:nth-child(2n+1) .pic{float: right;}
.about-culture .item:nth-child(2n+1) .cont{left: 0;}
.about-culture .item:nth-child(2n) .cont{right: 0;}
.about-culture .item:last-child .cont{padding-top: 90px;}
.about-culture .item .cont h4{font-size: 30px;font-weight: bold;line-height: 1;color: #333;margin-bottom: 50px;}
.about-culture .item .cont p{line-height: 28px;}
.about-culture .item .cont ul{margin-top: 20px;line-height: 28px;}
.about-linian{padding-top: 90px;padding-bottom: 100px;}
.about-linian .tit{text-align: center;color: #333333;line-height: 1;}
.about-linian .tit h3{font-size: 28px;line-height: 1;}
.about-linian .tit p{font-size: 14px;margin-top: 12px;margin-bottom: 76px;}
.com-pic-cont{position: relative;}
.com-pic-cont .pic{width: 50%;}
.com-pic-cont .pic.long{width: 63.85%;}
.com-pic-cont .cont{position: absolute;left: 0;top: 0;width: 50%;height: 100%;overflow: hidden;background-color: #f7f7f7;padding-left: 97px;}
.com-pic-cont .cont.center{width: 36.15%;padding-left: 0;}
.com-pic-cont .cont h4{font-size: 24px;color: #333333;line-height: 30px;}
.com-pic-cont .cont .en{font-size: 16px;color: #333333;line-height: 27px;margin-top: 20px;}
.com-pic-cont .cont.center .en{font-size: 14px;margin-top: 14px;line-height: 1;}
.about-video{padding: 70px 0;/*width: 1150px;*/}
.page-title{padding-top: 70px;padding-bottom: 60px;text-align: center;font-size: 32px;color: #333;line-height: 1;}
.page-title h3{line-height: 1;}
.page-title .en{font-size: 18px;color: #999;margin-top: 13px;}
.page-title.min{padding-top: 60px;padding-bottom: 40px;}
.honor-content .pic{width: 39.28%;}
.honor-scroll{width: 60.72%;position: relative;}
.honor-scroll ul{position: absolute;left: 50%;top: 50%;margin-left: -282px;margin-top: -93.5px;}
.honor-scroll ul li{width: 262px;height: 187px;line-height: 187px;font-size: 0;text-align: center;float: left;}
.honor-scroll ul li ~ li{margin-left: 40px;}
.honor-scroll ul li img{width: 100%;height: 100%;}
.zhuanli-list li{float: left;margin-bottom: 20px;}
.zhuanli-list li .abox{padding: 20px;background: #fff;display: block;-webkit-transition: .4s;-o-transition: .4s;transition: .4s;}
.zhuanli-list li .abox:hover{-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.2);box-shadow:0 15px 30px rgba(0,0,0,0.2);-webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0);}
.zhuanli-list li .abox img{/*margin-top: -15px;*/ /*margin-left: -5px;*/}
.develop-list{margin-top: 60px;}
.develop-list li{border: solid 1px #d2d2d2;padding: 55px 0;background: #fff;color: #333;-webkit-transition: .5s;-o-transition: .5s;transition: .5s;}
.develop-list li ~ li{margin-top: 10px;}
.develop-list li:hover{cursor: pointer;background: #d71618;color: #fff;-webkit-transform: translateX(10px);-ms-transform: translateX(10px);-o-transform: translateX(10px);transform: translateX(10px);}
.develop-list li .year{padding: 0 65px;font-size: 48px;color: #333;line-height: 1;-webkit-transition: .4s;-o-transition: .4s;transition: .4s;}
.develop-list li:hover .year,
.develop-list li:hover .cont{color: #fff;}
.develop-list li .cont{overflow: hidden;padding-left: 70px;font-size: 16px;line-height: 36px;color: #666;-webkit-transition: .4s;-o-transition: .4s;transition: .4s;}
.huanjing-list{position: relative;}
.huanjing-list .prev-hj,
.huanjing-list .next-hj{position: absolute;width: 47px;height: 47px;background-color: #d2d2d2;background-repeat: no-repeat;background-position: center;background-size: 9px 15px;border-radius: 50%;margin-top: -23.5px;-webkit-transition: .4s;-o-transition: .4s;transition: .4s;}
.huanjing-list .prev-hj:hover,
.huanjing-list .next-hj:hover{background-color: #d71618;}
.huanjing-list .prev-hj{left: -80px;background-image: url(../images/icon-hj-l.png);}
.huanjing-list .next-hj{right: -80px;background-image: url(../images/icon-hj-r.png);}
.huanjing-list .swiper-pagination{text-align: center;width: 100%;bottom: 5px;}
.huanjing-list .swiper-pagination .swiper-pagination-bullet{margin: 0 5px;background: #fff;opacity: .5;}
.swiper-pagination-bullet-active{background: #d71618 !important; opacity: 1 !important;}
/*产品*/
.com-left{width: 26.4286%;}
.product-cate,
.contact-side{background: #fff;border: solid 1px #dcdcdc;}
.contact-side{margin-top: 21px;}
.cate-tit{height: 118px;line-height: 118px;background-color: #c9161d;color: #fff;padding-left: 37px;font-size: 28px;}
.side-tit{height: 53px;line-height: 53px;font-size: 18px;color: #fff;padding-left: 27px;background-color: #c9161d;}
.contact-side .content{padding: 24px 20px 30px;}
.contact-side .content p{font-size: 18px;color: #333333;line-height: 36px;margin-top: 22px;}
.contact-side .content p .c1{display: inline-block;width: 17px;height: 17px;background: url(../images/icon-side-1.png) no-repeat center;margin-right: 14px;}
.contact-side .content p .c2{display: inline-block;width: 18px;height: 16px;background: url(../images/icon-side-2.png) no-repeat center;margin-right: 13px;}
.product-cate-content{padding: 30px 24px 30px;}
.product-cate-list{padding-bottom: 15px;}
.product-cate-list h4 a{display: block;width: 100%;height: 51px;line-height: 51px;padding-left: 25px;padding-right: 20px;background-color: #f5f5f5;border-radius: 2px;color: #333;font-size: 18px;overflow: hidden;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;}
.product-cate-list h4.on a,
.product-cate-list h4:hover a{background-color: #C9161D;color: #fff;}
.product-cate-list h4 a .plus{position: relative;font-size: 29px;color: #fff;height: 100%;}
.product-cate-list h4 a .plus:before{content: "";position: absolute;left: 50%;top: 50%;margin-left: -7px;width: 15px;border-bottom: 1px solid #333;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;}
.product-cate-list h4.on a .plus:before,
.product-cate-list h4:hover a .plus:before,
.product-cate-list h4.on a .plus:after,
.product-cate-list h4:hover a .plus:after{border-color: #fff;}
.product-cate-list h4 a .plus:after{content: "";position: absolute;left: 50%;top: 50%;margin-top: -7px;height: 15px;border-right: 1px solid #333;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;}
.product-cate-list h4.on a .plus:after{height: 0;bottom: 0;top: 0;}
.product-cate-list ~ .product-cate-list{margin-top: 10px;}
.product-cate-list ul{display: none;}
.product-cate-list h4.on + ul{display: block;}
.product-cate-list ul li a{position: relative;display: block;line-height: 45px;width: 100%;font-size: 15px;padding-left: 48px;border-bottom: 1px dashed #dcdcdc;}
.product-cate-list ul li a:before{content: "";position: absolute;left: 25px;top: 50%;margin-top: -3px;width: 6px;height: 6px;background-color: #666;border-radius: 50%;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;}
.product-cate-list ul li.on a:before,
.product-cate-list ul li a:hover:before{background-color: #c9161d;}
.product-subcate .on a{color: #d71618;}
.com-right{width: 69.2857%;padding-top: 35px;}
.com-right>h3{font-size: 24px;color: #333333;line-height: 1;margin-bottom: 50px;}
.com-right>h3 span{font-size: 16px;color: #666;}
.com-right>h3 a{font-size: 16px;color: #333;margin-top: 4px;}
.com-right>h3 a:hover{color: #d71618;}
.product-list li{text-align: center;}
.product-list li .pic{background: #fff;border: solid 1px #dcdcdc;overflow: hidden;position: relative;padding: 10px;/*background: #fff;*/}
.product-list li p{font-size: 16px;line-height: 1;margin-top: 16px;margin-bottom: 25px;color: #666;}
.product-album{background-color: #ffffff;border: solid 1px #dcdcdc;width: 49%;text-align: center;position: relative;overflow: hidden;}
.product-album:before{content: "";position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; cursor: pointer;background: url(../images/icon-video.png) no-repeat center rgba(0, 0, 0, 0.01);background-size: 54px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s;}
.product-album.novideo:before{display: none;}
.product-album:hover:before{/*background-color: rgba(0, 0, 0, 0.01);*/-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.product-album .swiper-pagination-bullet{width: 10px;height: 10px;}
.product-pics-list{margin-top: 15px;overflow: hidden;}
.product-pics-list li{float: left;width: 19%;overflow: hidden;border: 1px solid #eee;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;}
.product-pics-list li:hover{border-color: #C9161D;}
.product-pics-list li ~ li{margin-left: 1%;}
.product-pics-list li a{cursor: -webkit-zoom-in;}
.product-header .cont{overflow: hidden;/*padding-top: 46px;*/padding-top: 25px;padding-left: 55px;}
.product-header .cont h1{line-height: 1.1;font-size: 28px;color: #333;}
.product-header .cont h1.on{margin-left: -16px;}
.product-header .cont .subtit{font-size: 18px;color: #c9161d;line-height: 1;margin-bottom: 42px;margin-top: 50px;}
.product-header .cont .des{line-height: 29px;height: 180px;margin-top: 25px;overflow: scroll;overflow-x: hidden;}
.product-header .cont .des::-webkit-scrollbar{width:6px; height:6px;}
.product-header .cont .des::-webkit-scrollbar-button{background-color:#F1F1F1;}
.product-header .cont .des::-webkit-scrollbar-track{background:#F1F1F1;}
.product-header .cont .des::-webkit-scrollbar-thumb{background:#C1C1C1; border-radius:4px;}
.product-header .cont .des::-webkit-scrollbar-corner{background:#C1C1C1;}
.product-header .cont .des::-webkit-scrollbar-resizer{background:#C1C1C1;}
.zixun{display: inline-block;width: 147px;height: 43px;line-height: 43px;color: #fff !important;text-align: center;background-color: #c9161d;margin-top: 30px;-webkit-transition: .4s;-o-transition: .4s;transition: .4s;}
.zixun.min{width: 140px;height: 40px;line-height: 40px;}
.zixun:hover{box-shadow: 0 5px 10px rgba(0,0,0,0.1);}
.videobtn{margin-left: 10px;background-color: #333;}
.product-tab{margin-top: 50px;height: 50px;line-height: 50px;background-color: #c9161d;font-size: 0;}
.product-tab li{display: inline-block;font-size: 14px;color: #fff;padding: 0 45px;cursor: pointer;}
.product-tab li.on{background: #353535;}
.product-tabcont{background: #fff;padding: 35px 40px;overflow: hidden;}
.product-tabcont .item{line-height: 30px;overflow: hidden;}
.product-tabcont .item ~ .item{display: none;}
.product-tabcont .item h3,
.product-tabcont .item h2{font-size: 16px;color: #333;font-weight: bold;margin-bottom: 10px;margin-top: 15px;}
.product-tabcont .item>h3:first-child,
.product-tabcont .item h2:first-child{margin-top: 0;}
.product-tabcont .item p{/*font-size: 16px !important;*/}
.product-tabcont .item td{vertical-align: middle;padding: 3px 5px;}
.product-tabcont .item table{table-layout: fixed;width: 100% !important;}
.product-tabcont .item td p{margin-left: 0 !important; text-indent: 0 !important; text-align: left;}
.product-tabcont .item td p span{font-size: 12px !important;font-family: 'PingFang SC', "微软雅黑", Arial, Helvetica !important;}
.font-imp p span,
.font-imp p{font-size: 16px !important;font-family: 'PingFang SC', "微软雅黑", Arial, Helvetica !important;}
.solution-list .item{padding-bottom: 48px;padding-top: 40px;border-bottom: 1px solid #e5e5e5;}
.solution-list .item:first-child{padding-top: 0;}
.solution-list .item .cont{padding-left: 6.1%;padding-top: 3%;overflow: hidden;padding-bottom: 20px;}
.solution-list .item .cont h3{font-size: 28px;color: #333333;margin-bottom: 30px;}
.solution-list .item .cont h3 .icon{margin-right: 10px;}
.solution-list .item .cont h3 span{font-size: 14px;color: #666666;}
.solution-list .item .cont .des{line-height: 30px;}
.solution-list .item .cont .des p ~ p{margin-top: 18px;}
.solution-list .item .cont .zixun{margin-top: 50px;}
.solution-list .item .cont .zixun:hover{-webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0);}
.news-one{margin-bottom: 43px;background: #f7f7f7;}
.news-one .pic{width: 34.28%;}
.news-one .cont{overflow: hidden;padding: 68px 84px 0 118px;}
.news-one .cont h4{}
.news-one .cont p{font-size: 16px;color: #333;}
.news-list .item{padding: 40px 0;border-bottom: 1px solid #e5e5e5;}
.news-list .item:first-child{padding-top: 0;}
.news-list .item .pic{width: 20%;}
.news-list .item .cont{width: 64.28%;padding-left: 75px;padding-top: 20px;}
.news-list .item .cont h4{font-size: 18px;color: #333;margin-bottom: 30px;}
.news-list .item .cont h4 a{color: #333;}
.news-list .item .cont h4 a:hover,
.news-one .cont h4 a:hover{color: #d71618;}
.news-list .item .cont .more{display: inline-block;font-size: 16px;color: #333333;line-height: 36px;margin-top: 40px;border-bottom: 1px solid #bfbfbf;-webkit-transition: .4s;-o-transition: .4s;transition: .4s;}
.news-list .item .cont .more:hover{color: #d71618;border-color: #d71618;padding-right: 5px;padding-left: 5px;}
.news-list .item .date{font-family: FuturaBT-Book;font-size: 48px;color: #333333;line-height: 1;margin-top: 4%;}
/*服务*/
.service-tit{text-align: center;margin-bottom: 60px;}
.service-tit h3{font-size: 32px;color: #333;line-height: 1;}
.service-tit p{color: #333333;margin-top: 35px;}
.service-tit .f16{margin-top: 20px;}
.service-content{position: relative;text-align: center;background: #f7f7f7;border: 1px solid #e5e5e5;display: flex;flex-wrap: nowrap;justify-content: space-between;}
.service-content .item{position: relative;float: left;width: 33.3333%;padding: 60px 65px;}
.service-content .item ~ .item:before{content: "";position: absolute;left: 0;top: 0;height: 100%;border-left: 1px solid #e5e5e5;}
.service-content .item h4{color: #333;font-size: 24px;line-height: 1;margin-top: 35px;margin-bottom: 40px;}
.service-content .item .pic img{-webkit-transition: .5s;-o-transition: .5s;transition: .5s;}
.service-content .item:hover .pic img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.telbar{margin-top: 66px;text-align: center;height: 100px;line-height: 100px;font-size: 28px;color: #fff;background: url(../images/telbar.jpg) no-repeat center;}
.icon-telbar{width: 65px;height: 65px;background: url(../images/telbar-icon.png) no-repeat center;margin-right: 44px;margin-top: -2px;}
.service-tit .xs{margin-top: 16px;color: #999;line-height: 1;}
.contact-list li{float: left;width: 32.4%;height: 134px;background-color: #f7f7f7;padding: 0 40px;display: flex;flex-wrap: nowrap;justify-content: center;align-items: center;-webkit-transition: .4s;-o-transition: .4s;transition: .4s;text-align: center;}
.contact-list li:hover{box-shadow: 0 5px 10px rgba(0,0,0,0.1);}
.contact-list li .pic,
.contact-list li .cont{display: inline-block;vertical-align: middle;}
.contact-list li .cont{/* width: 70%; */text-align: left;}
.contact-list li ~ li{margin-left: 1.4%;}
.contact-list li .pic{margin-right: 20px;}
.contact-list li .cont h4{font-size: 18px;}
.contact-list li .cont p{font-size: 20px;}
.contact-list li .cont p.min{font-size: 14px;}
.contact-tit{font-size: 28px;color: #333;line-height: 1;margin-top: 69px;margin-bottom: 47px;text-align: center;}
/*.company-list{border-top: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;}
.company-list li{float: left;width: 33.3333%;border-bottom: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;padding: 45px 41px;}*/
.company-list li{margin-bottom: 20px;}
.company-list li .box{position: relative;overflow: hidden;}
.company-list li .tit{position: absolute;left: 0;bottom: 0;width: 100%;line-height: 40px;color: #fff;background: rgba(215, 22, 24, .5);z-index: 2;text-align: center;-webkit-transition: .4s;-o-transition: .4s;transition: .4s;}
.company-list li .cont{/*display: none;*/position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;color: #fff;background: rgba(215, 22, 24, .7);z-index: 3;padding: 20% 10%;opacity: 0;-webkit-transform: translateY(50%);-ms-transform: translateY(50%);-o-transform: translateY(50%);transform: translateY(50%);-webkit-transition: .5s;-o-transition: .5s;transition: .5s;}
.company-list li .box:hover .cont{-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);opacity: 1;}
.company-list li .box:hover .tit{opacity: 0;-webkit-transform: translateY(40px);-ms-transform: translateY(40px);-o-transform: translateY(40px);transform: translateY(40px);}
.company-list li h4{font-size: 19px;line-height: 1.3;font-weight: bold;}
.company-list li .des{margin-top: 20px;}
.company-list li .des p br{display: none;}
.view-more{margin: 58px auto 0;display: block;width: 180px;height: 45px;line-height: 45px;text-align: center;color: #fff !important;background-color: #c9161d;-webkit-transition: .4s;-o-transition: .4s;transition: .4s;}
.view-more.on{background: #ddd;width: 200px;}
.view-more:hover{width: 200px;}
.message .pic{width: 29.7%;}
.message .cont{overflow: hidden;padding-left: 4.8%;padding-top: 5px;}
.message .cont h3{font-size: 24px;color: #333;line-height: 1;}
.message .cont p{line-height: 1;margin-top: 20px;}
.form{margin-top: 30px;}
.form ul li{float: left;width: 49%;margin-bottom: 20px;}
.form ul li:nth-child(2n+1){margin-right: 2%;}
.form ul li input{width: 100%;background: #fff;height: 50px;padding: 0 15px;border: solid 1px #aaaaaa;font-size: 16px;}
.form ul li:last-child{margin-right: 0;width: 100%;margin-bottom: 0;}
.form ul li textarea{width: 100%;height: 148px;background-color: #ffffff;border: solid 1px #aaaaaa;font-size: 16px;padding: 15px;}
.form .sub{display: block;width: 128px;height: 37px;background-color: #cf0a1d;text-align: center;line-height: 37px;color: #fff;font-size: 16px;cursor: pointer;margin-top: 35px;}
/*数字滚动 风格2*/
.num-scroll-two{font-size: 0; margin-top: 40px;}
.num-scroll-two li{display: inline-block; margin-right: 70px; color: #333; font-size: 16px;}
.num-scroll-two li .num-cont{color: #d71618;}
.num-scroll-two li .num{margin-right: 5px; font-size: 36px; font-family: "Geometric 415 Black BT","Impact", "Microsoft Yahei"; line-height: 1; color: #d71618;}
.num-scroll-two li .scroll-cont{display: inline-block; text-align: left;}
.num-scroll-two li .num-tit{color: #333;}
/* ====== 分页 ====== */
.page-bar{text-align:center}
.page-bar a,.page-bar span{display:inline-block;margin:0 5px;line-height:36px;color:#333;font-size:16px;-webkit-transition:.2s;-moz-transition:.2s;transition:.2s;color: #333}
.page-bar .prev,.page-bar .prev_disabled,.page-bar .next,.page-bar .next_disabled{width:121px; color:#576077 !important;background: url(../images/icon-page-prev.png) no-repeat center;}
.page-bar .pre:hover,.page-bar .next:hover{background: url(../images/icon-page-next.png) no-repeat center;color:#fff !important;}
.page-bar .current,.page-bar a:hover{color:#96ab1e!important;}
.page-bar .prev_disabled:hover,.page-bar .next_disabled:hover{color:#576077 !important;}
.page-bar a.prev:before,.page-bar a.prev_disabled:before{content:"上一页";}
.page-bar a.next:before,.page-bar a.next_disabled:before{content:"下一页";}
/*视频弹窗*/
.vwrap{display: none; z-index: 1040; width: 100%; position: fixed; left:0; top:0;}
.vwrap .videobtg{z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.7; filter: alpha(opacity=70); overflow: hidden;}
.vwrap .videobox{z-index: 990; width: 860px; height: 480px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -240px; margin-left: -430px;}
.vwrap .videobox #videobox{width: 100%; display: inline-block; height: 100%; background: #000;}
#videobox_wrapper{height: 100%!important;}
.vwrap .close{z-index: 999; width: 24px; height: 24px; cursor: pointer; position: absolute; top: -38px; right: -40px;}
.vwrap .close i{display: block; width:24px; height:24px; background:url(../images/close.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms;}
.vwrap .close:hover i{-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
#videobox_display_button{background: none no-repeat!important;}
.jwplayer .jwicon:hover{opacity: 1; filter: alpha(opacity=100);}
.jwlogo, .jwclick{display: none!important;}
#videobox_controlbar{bottom: 5%!important;}
.banner-wrap{position: relative;height: 100vh;height: calc(100vh - 100px);overflow: hidden;}
.banner-wrap:before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(117, 117, 117, 0.5);z-index: 98;/* filter: blur(300px); */display: none;}
.banner-wrap .video{width: 100%;/*filter: blur(2px);*//* background: #000; */}
.banner{position: absolute !important;left: 0;top: 0;width: 100%;height: 100%;/*background: rgba(255, 255, 255, .3);*/z-index: 99 !important;}
.banner .swiper-slide{height: 100%;}
.mbanner {display: none;}
/*左侧*/
.news-show-left{float:left;margin:auto;width:70%;background:#fff;border:1px solid #eee;}
.news-show-left .news-title{padding:40px 20px;padding-bottom:20px;text-align:center;}
.news-show-left .news-title .tit{padding-bottom:10px;color:#333;font-weight:normal;font-size:24px;}
.news-show-left .news-title p{padding-bottom:10px;border-bottom:1px solid #F0F2F5;color:#a3afb7;font-size:14px;}
.news-show-left .news-title p a{color:#a3afb7;}
.news-show-left .news-views{overflow:hidden;margin:40px 20px 20px;margin-top:0;min-height:600px;color:#666;font-size:14px;line-height:25px;}
.news-show-left .news-views h2{font-size: 18px !important;}
.news-show-left .news-views h3{font-size: 16px !important;}
.news-show-left .news-views p{margin-bottom:10px;}
.news-show-left .news-views img{max-width:100%;margin: 10px 0;}
.news-show-left .news-views i,.news-show-left .news-views em{font-style:italic;display:inline;}
.news-show-left .news-other{padding:20px 15px;border-top:1px #f1f1f1 solid;}
.news-show-left .news-other p{display:block;padding-left:3px;height:40px;line-height:40px;}
.news-show-left .news-other p a{color:#333;font-size:14px;}
.news-show-left .news-other p a:hover{color:#d71618;}
.news-show-left .share-bar{padding:20px 20px 0;}
/*右侧*/
.news-show-right{float:right;width:28%;}
.news-show-right dl{display:block;margin-top:0;margin-bottom:20px;background:#fff;border: 1px solid #eee;}
.news-show-right dl dt{position:relative;display:block;height:42px;border-bottom:1px #f1f1f1 solid;line-height:42px;}
.news-show-right dl.tab dt{padding-left:20px;height:42px;border-top:1px #f1f1f1 solid;color:#1d1d1d;font-size:18px;line-height:42px;}
.news-show-right dl.tab dd{position:relative;}
.news-show-right dl.tab dd ul{display:block;padding:0 20px;}
.news-show-right dl.tab dd ul li{display:block;padding:15px 0;border-bottom:1px #f1f1f1 solid;}
.news-show-right dl.tab dd ul li .pic{position:relative;overflow:hidden;margin-right:20px;width:60px;height:60px;text-align:center;font-size:0;line-height:60px;}
.news-show-right dl.tab dd ul li .pic img{max-width:none;}
.news-show-right dl.tab dd ul li h5{display:block;overflow:hidden;padding-top:4px;padding-bottom:10px;color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:20px;}
.news-show-right dl.tab dd ul li h5 a{color:#333;}
.news-show-right dl.tab dd ul li h5 a:hover{color:#d71618;}
.news-show-right dl.tab dd ul li .news-cate{color:#999;}
.news-show-right dl.tab dd .more{position:relative;top:-1px;height:45px;border-top:1px #f1f1f1 solid;color:#333;text-align:center;line-height:45px;}
.news-show-right dl.tab dd .more a{position:relative;display:inline-block;color:#333;}
.news-show-right dl.tab dd .more a b{margin-left:5px;font-family:"宋体";-webkit-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s;}
.news-show-right dl.tab dd .more a:hover b{-webkit-transform:translateX(5px);-o-transform:translateX(5px);transform:translateX(5px);-ms-transform:translateX(5px);}
.news-show-right dl.tab dd .more a:hover{color:#d71618;}
.news-show-right dl.list dt{padding-left:20px;color:#333;font-size:18px;}
.news-show-right dl.tab dt a{display:table-cell;width:33%;height:42px;color:#009A62;text-align:center;font-size:18px;line-height:42px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;}
.news-show-right dl.list dt a b{position:relative;top:-1px;display:inline-block;overflow:hidden;margin-left:2px;width:15px;height:15px;background-position:0 -64px;vertical-align:middle;}
.news-show-right dl.list dd ul{display:block;padding:20px;}
.news-show-right dl.list dd ul li{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-show-right dl.list dd ul li ~ li{margin-top: 12px;}
.news-show-right dl.list dd ul li a{color:#666;font-size:14px;-webkit-transition:.2s;-o-transition:.2s;transition:.2s;}
.news-show-right dl.list dd ul li a:hover{color:#d71618;}
.gr-page-other{margin-top:15px;padding-top:10px;padding-bottom:10px;border-top:1px solid #eee;}
.gr-product-content .gr-page-other{border-color:#E4EAEC;}
.gr-page-other p{line-height:26px;}
.gr-back-btn{margin-top:6px;width:125px;height:40px;background-color:#d71618;color:#fff!important;text-align:center;font-size:14px;line-height:40px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;}
.gr-back-btn:hover{opacity:0.8;filter:alpha(opacity=80);}
.news-case{padding:20px;}
.news-case .gr-case-list{width:100%;}
.news-case .gr-case-list li,.news-case .gr-case-list li .pic{float:none;width:100%;height:auto;}
.solution-detail{width: 100%;padding: 0 60px;}
.solution-detail .news-views{font-size: 16px;}
.solution-detail .news-views p{font-size: 16px !important;line-height: 1.75;}
.solution-detail .news-views img{margin: 5px 0;}
/*视屏播放弹窗样式*/
.video_shadow{position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); z-index: 1000; display: none;}
.playnow{position: absolute; left: 50%; top: 50%; margin-left: -410px; margin-top: -286px; width: 820px; height: 550px; background-color: transparent; z-index: 1000;}
.video_control{width: 820px; height: 500px; box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, .5);}
.video_control video{width: 100%; height: 100%; object-fit: fill;}
.closevideo{position: absolute; right: -30px; top: -24px; font-size: 35px; color: #fff; cursor: pointer;}
@media (max-width: 1000px) {
	.playnow {
	    left: 5%;
	    top: 30%;
	    margin-left: 0;
	    margin-top: 0;
	    width: 90%;
	    height: auto;
	}
	.video_control {
	    width: 100%;
	    height: auto;
	    box-shadow: none;
	}
	.closevideo {
	    position: absolute;
	    right: 0;
	    top: -50px;
	    font-size: 30px;
	    color: #fff;
	    cursor: pointer;
	}
}
/*
#nb_icon_wrap{top: 70%;}*/
/*分页*/
.pages{width: 100%; margin: 50px 0 0 0; text-align: center;}
.pages span{border: 1px #D6D6D6 solid; padding: 5px 10px; margin: 0 5px; background: #D6D6D6; color: #666}
.pages a{border: 1px #bbb solid; padding: 5px 10px; color: #666; margin: 0 5px;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;}
.pages a:hover{color: #fff; background: #C9161D;border-color: #C9161D;}
.pages .a1_page,
.pages .first_page,
.pages .Last_page{display: none;}
/*地图*/
#dituContent{height: 500px;}
.about-map{padding-top: 80px;padding-bottom: 120px;}
.about-map .service-tit{margin-bottom: 90px;}
.map-pic{width: 68.5%;}
.map-cont{width: 26.3%;border-top: 12px solid #D61618;background: #F7F7F7;}


.sz-kefu{position:fixed;width:50px;right:0;top:45%;z-index:100;margin-top: -100px;}
.sz-kefu ul li{width:50px;height:50px;float:left;position:relative;margin-bottom:1px;font-size:12px;line-height:50px;}
.sz-kefu ul li .sidebox{position:absolute;width:50px;height:50px;top:0;right:0;transition:all 0.3s;color:#fff;background:#d71719;overflow:hidden;opacity:.8;}
.sz-kefu ul li.kf2 .sidebox{/* background:#7fbb57; */overflow:visible;}
.sz-kefu ul li .sidebox:hover{opacity:1;}
.sz-kefu ul li .sidetop{width:50px;height:50px;line-height:50px;display:inline-block;background:#222;transition:all 0.3s;opacity:.8;}
.sz-kefu ul li .sidetop:hover{opacity:1;}
.sz-kefu ul li img{float:left;}
.sz-kefu ul li .sidebox3{font-size:16px;}
.sz-kefu ul li .kImg{padding:13px;}
.sz-kefu .kf_wx{position:absolute; top:0;left:-140px;width:110px;display:;background:#fff;border:1px solid #dadada;padding:14px;line-height:20px;color:#333;text-align:center;display:none;box-sizing: content-box;}
.sz-kefu .kf_wx img{display:block;width:110px; height:110px;margin-bottom:5px;float:none;}
.sz-kefu .qq{height:0;position:relative;z-index:2;}
.sz-kefu .qq .sidebox{border:1px solid #d71719;height:auto;border-radius:5px 0 0 5px;width:140px;background:#fff;opacity:1;bottom:-50px;top:auto;text-align:center;padding-bottom:5px;right:-150px;}
.sz-kefu .qq h5{height:35px;line-height:35px;background:#d71719;font-weight:normal;color:#fff;font-size:14px;padding:0 10px;text-align:left;margin-bottom:10px;}
.sz-kefu .qq h5 i{float:right;cursor:pointer;transition:all 0.3s;position:relative;z-index:5;}
.sz-kefu .qq h5 i:hover{transform: rotate(90deg);}
.sz-kefu .qq a{display:block;height:32px;line-height:32px;border-radius:18px;border:1px solid #d71719;margin:5px 15px}
@media (max-width: 640px) {
    .sz-kefu {
        display: none;
    }
}