*{ margin: 0;padding: 0; }
body, div, h1, h2, h3, h4, h5, h5, p, ul, ol, li, dl, dt, dd { font-weight:normal;margin: 0; padding: 0;}
ul, ol { list-style-type: none;}
i{font-style: normal;}
a { color: #515151; text-decoration: none;}
img{ border: none;}
.clearfix:after { content: ""; display: table; clear: both;}
.clear {clear: both;}
body{}
body,html{font-family: "Microsoft YaHei";}


/*head*/
.topBox{width: 100%;}
.topNav{padding:6px 20px;width: 100%;background: #f8f8f8;box-sizing: border-box;}
.topNav>div{width: 100%;margin:0 auto;}
.topNav>div>span{font-size: 10px;color:#999;}
.topNav>div>p{float: right;}
.topNav>div>p>a{font-size: 12px;color:#999;border-right:1px solid #999;padding-right: 8px;margin-right: 8px;}
.wayBox{padding:20px 20px;width: 100%;background: #fff;box-sizing: border-box;}
.wayBox>div{width: 100%;margin:0 auto;overflow: hidden;}
.wayBox>div>p{float:left;}
.wayBox>div>p img{display: inline-block;border-right:1px solid #999;padding-right: 4px;margin-right: 6px;}
.wayBox>div>p img:last-child{border-right:none;margin-right:0;}
.wayBox>div>.way_tel{float: right;color:#666;font-size: 18px;font-weight: normal;}
.wayBox>div>.way_tel p{margin-bottom: 4px;}
.wayBox>div>.way_tel p:last-child{margin-bottom: 0;}
.wayBox>div>.way_tel img{width: 18px;vertical-align: middle;display: inline-block;margin-right: 4px;}
.wayBox>div>.way_tel span{display: inline-block;width: 174px;}
.wayBox>div>.way_tel b{color:#d10000;font-size: 20px;}

.head_wrap{z-index: 10; width: 100%;line-height: 80px;background-color: #d10000;/*position: fixed;top:0;left:0;right:0;*/}
.head_p{position: fixed;top:0;left:0;right:0;}
.head_nav{width: 100%;margin:0 auto;}
.nav{width: 100%;text-align: center;}
.nav li{display: inline-block;padding:0 20px;height: 100%;position: relative;}
.nav li a{font-size: 14px;color:#fff;}
.nav li.cur{background: #333;}
.nav .tNav{position: absolute;top:100px;left:0;right:0;background: #333;display: none;}
.nav .tNav>a{display: block;width: 100%;color:#fff;line-height: 50px;}
.nav .tNav>a.cur1,.nav .tNav>a:hover{background: #d10000;}

/*index*/
/*banner样式*/
.index-banner{position:relative;}
.index-banner .arrow-left,.index-banner .arrow-right{position:absolute;top:50%;z-index:2;margin-top:-46px;width:45;height:45;opacity: .3;}
.index-banner .arrow-left:hover,.index-banner .arrow-right:hover{opacity:1}
.index-banner:hover .arrow-left,.index-banner:hover .arrow-right{display:block}
.index-banner .arrow-left{left:58px;}
.index-banner .arrow-left>img{transform: rotate(180deg);}
.index-banner .arrow-right{right:58px;}
.banner-sliders .swiper-slide,.banner-sliders .swiper-wrapper{height:500px!important;overflow:hidden;position:relative}
.banner-sliders .swiper-slide>a{height:500px!important;position:relative;display:block}
.banner-sliders .swiper-slide img{position:absolute;left:50%;top:0;display:none;}
.index-banner .slider-btns{position:absolute;left:50%;bottom:-5px;margin-left:-180px;width:360px;text-align:center;z-index:1}
.slider-btns .swiper-pagination-switch{display:inline-block;width:8px;height:8px;cursor:pointer;border-radius: 50%;border:1px solid #fff;margin:0 0 30px;}
.slider-btns .swiper-active-switch{background-color: #fff;}
.slider-btns .swiper-pagination-switch+.swiper-pagination-switch{margin-left:14px}
.banner-sliders .swiper-slide img.ph{display: none !important;}
.banner-sliders .swiper-slide img.pc{display: block !important;}
.bannerInfo{position: absolute;top:0;bottom:0;right:0;left:0;width: 100%;margin:0 auto;}
.bannerInfo>div{padding-top:88px;width: 50%;float: right;display: flex;flex-wrap: wrap;align-items: center;color:#fff;}
.bannerInfo h1{display: block;width: 100%;font-size: 50px;font-weight: bold;margin-bottom: 20px;text-align: left;}
.bannerInfo span{display: block;font-size: 24px;width: 100%;margin-bottom: 18px;}
.bannerInfo p{margin-bottom: 20px;font-size: 16px;line-height: 28px;padding-right:150px;box-sizing:border-box;letter-spacing: 2px;}
.bannerInfo>div>a{display: block; background: #fff;box-shadow: 0px 8px 10px 0px rgba(255, 255, 255, 0.36);width: 122px;height: 36px;line-height: 36px;text-align: center;font-size: 14px;color:#799cfd;border-radius: 20px;}
/*产品*/
.product_box{width: 100%;padding:86px 0;}
.product,.about,.news{width: 100%;margin:0 auto;}
.product_list,.news_list{width: 100%;}
.product_item_box{width: 22%;position: relative;padding-bottom:15px;cursor: pointer;transition: all .6s ease;margin:0 14px 45px;}
.product_item_box>i{position: absolute;width:100%;bottom:0;height: 3px;background-color: #e8e8e8;}
.product_item_box:hover>i{background: #d10000;}
.product_item_box:hover .product_item{box-shadow: 0px 2px 8px 0px rgba(253, 42, 42, 0.41);}
.product_item{width:100%;border:1px solid #e4e4e4;}
.product_item .imgBox{line-height: 210px;border-bottom: 1px solid #e4e4e4;text-align: center;overflow: hidden;}
.product_item .imgBox>img{vertical-align: middle;max-width: 100%;max-height: 100%;}
.product_item>p{font-size: 14px;color:#1a1a1a;text-align: center;padding:22px 0;width: 90%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.product_item_box{float: left;}
.product>a{margin:0 auto;}
/*关于我们*/
.about_box{width: 100%;padding:86px 0;}
.about_box{background-color: #f5f5f5;height: 635px;background: url(../images/about_index.jpg) no-repeat center center;padding-top: 60px;box-sizing: border-box;}
.about .Title>h2,.about .Title>p{color:#fff;}
.aboutCont{width: 100%;overflow: hidden;}
.aboutCont>img{float: right;margin-top: 20px;}
.aboutInfo{width: 86%;margin:0 auto;}
.aboutInfo>h3{color:#fff;font-size: 20px;font-weight: bold;margin-bottom: 20px;text-align: center;}
.aboutInfo>p{font-size: 14px;color:#fff;line-height: 24px;margin-bottom: 30px;text-indent: 24px;}
.aboutInfo>a{background:#d10000;color:#fff;border:none;margin:0 auto;}
/*新闻资讯*/
.news_box{width:100%;padding:86px 20px;box-sizing: border-box;}
.newsClass{width: 46%;float: right;}
.newsClass:first-child{float: left;}
.newsClass>p{width:100%;margin-bottom: 10px;font-size:18px;font-weight: bold; display:inline-block;border-left:2px solid #d10000;padding-left: 4px;color:#d10000;}
.newsClass>ul{border:1px solid #ccc;width: 100%;padding:20px;box-sizing: border-box;}
.newsClass>ul li{cursor: pointer;overflow: hidden;padding-left: 8px; position: relative;border-bottom:1px dashed #ccc;line-height: 26px;font-size: 14px;color:#333;margin-bottom: 10px;}
.newsClass>ul li:before{position:absolute;top:50%;margin-top: -2px;left:0;content:"";width: 3px;height: 3px;background-color: #333;display: inline-block;border-radius: 50%;}
.newsClass>ul li>span{width: 80%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: inline-block;}
.newsClass>ul li>i{float: right;margin-top: 4px;}
.newsClass>ul li:last-child{border:none;}
/*合作伙伴*/
.partner_box{width: 100%;margin-bottom: 80px;}
.partner_list{width: 86%;margin:0 auto; display: flex;justify-content: space-between;padding:0 20px;box-sizing: border-box;}

/*foot*/
.foot_wrap{width: 100%;background-color: #242424;}
.foot{width: 100%;padding:30px 20px;box-sizing: border-box; margin:0 auto;color:#fff;overflow: hidden;}
.footLeft{float: left;width: 30%;border-right:1px solid #333;padding:20px 0;}
.footLeft>img{display: inline-block;border-left: 1px solid #fff;margin-bottom: 20px;padding-left: 30px;margin-left: 30px;}
.footLeft>img:first-child{border-left:0;padding-left: 0;margin-left: 0;}
.footLeft span{display: inline-block;color:#d10000;font-size: 18px;font-style: italic;font-weight: bold;margin-right: 10px;}
.footCenter{width: 42%;float: left;padding:20px 0 20px 86px;box-sizing: border-box;}
.footCenter>p{margin-bottom: 20px;}
.footCenter>p:last-child{margin-bottom: 0;}
.footRight{float: right;width: 25%;text-align: right;border-left:1px solid #333;}
.footRight>span{display: block;margin-top: 14px;}
.beian_box{background-color: #191919;line-height: 50px;height: 50px;width: 100%;color:#fff;font-size: 12px;}
.beian{width: 100%;margin:0 auto;overflow: hidden;padding:0 20px;box-sizing: border-box;}
.beian span,.beian b{float: left;}
.beian span{margin-right: 200px;}
.beian i{text-align: right;float: right;}

/*yongyou*/
.content_box{width: 100%;padding:80px 0;overflow: hidden;}
.content{width: 96%;margin:0 auto 40px;}
.tab_nav{float: left;width: 24%;}
.tab_nav li{cursor: pointer;position: relative;text-align: center;line-height: 50px;background:#f9f9f9;border-bottom: 1px solid #e9e9e9;}
/*.tab_nav li:after{content:"";position: absolute;top:20px;right:20px;background-image: url(../images/nav_btn.png);width: 7px;height: 13px;background-size: 100% 100%;background-repeat: no-repeat;}*/
.tab_nav li.current:after{transform: rotate(90deg);}
.tab_nav li.act a{color:#d10000;}
.tab_nav li.last_li:after{display: none;}
.tab_nav li.last_li{margin-top: 20px; padding:20px 0; background-image: url(../images/pro_nav.png);background-size: 100% 100%;background-repeat: no-repeat;}
.tab_nav li.last_li a{display: block;color:#fff;text-align: center;line-height: 40px;}

.tab_nav>h3{font-size: 20px; color:#fff;font-size:20px; text-align: center; width: 100%;height: 80px;padding:20px 0;box-sizing: border-box; background: -webkit-linear-gradient(to right, #ea0606 , #f85e2f);background: -o-linear-gradient(to right, #ea0606 , #f85e2f);background: -moz-linear-gradient(to right, #ea0606 , #f85e2f);background: linear-gradient(to right, #ea0606 , #f85e2f);}
.tab_nav>h3>span{font-size: 12px;}
.tab_nav li>div{display: none;background:#fff;}
.tab_nav li>div span{color:#aaa;border-bottom:1px solid #eee;display: block;text-align: center;padding-left: 28px;box-sizing: border-box;}
.tab_nav li>div span:hover,.tab_nav li>div span.curSpan{color:#333;}
.tab_cont{width: 70%;float: right;padding-top: 4px;}
.tab_cont>p{box-sizing: border-box;margin-bottom: 30px;font-size: 20px;color:#333;border-bottom: 2px solid #dcdcdc;padding-bottom: 18px;}
.tab_cont>p>span,.det_box>span{padding-left: 10px;border-left:4px solid #d10000;}
.tab_cont>p>i{float: right;color:#666;}
.tab_cont>a{margin:0 auto;}
.tab_cont .product_list{width:100%;}
.tab_cont .product_item_box{margin-bottom: 45px;display:block;width:270px;position: relative;padding-bottom:15px;cursor: pointer;transition: all .6s ease;margin-right: 80px;}
.tab_cont .product_item_box>i{position: absolute;width:100%;bottom:0;height: 3px;background-color: #e8e8e8;}
.tab_cont .product_item_box:hover>i{background: #d10000;}
.tab_cont .product_item_box:hover .product_item{box-shadow: 0px 2px 8px 0px rgba(253, 42, 42, 0.41);}
.tab_cont .product_item{width:100%;border:1px solid #e4e4e4;box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.16);}
.tab_cont .product_item .imgBox{height: 220px;line-height: 220px;border-bottom: 1px solid #e4e4e4;text-align: center;overflow: hidden;}
.tab_cont .product_item .imgBox>img{vertical-align: middle;max-width: 100%;max-height: 100%;}
.tab_cont .product_item>p{font-size: 14px;color:#1a1a1a;text-align: center;padding:32px 0;width: 90%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.tab_cont .product_item_box{float: left;}
.tab_cont .product_item_box:nth-child(2n+2){margin-right: 0;}

/*serve*/
.casl_item{display: block;margin-bottom: 30px;overflow: hidden;}
.casl_item .casePic{width: 28%;border:1px solid #999;text-align: center;display: block;float: left;padding:20px 0;overflow: hidden;margin-right: 20px;}
.casl_item .casePic>img{vertical-align: middle;max-width: 100%;}
.casl_item h5{margin-bottom: 30px;font-size: 18px;color:#333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 68%;float: right;}
.casl_item p{font-size: 14px;line-height: 24px;color:#333;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;margin-bottom: 20px;width: 68%;float: right;}
.casl_item i{float: right;color:#333;font-size: 14px;}

.contInfo>h1{text-align: center;width: 100%;font-size: 24px;color:#333;border-bottom:1px solid #ccc;padding: 12px 0;}
.contInfo .info{width: 100%;}
.contInfo>img{width: 100%;}

/*contact*/
.contInfo>img{width: 100%;margin-bottom: 20px;}
.info_text>p{font-size: 16px;line-height: 32px;margin-bottom: 20px;}


/*单页背景*/
.bj_box{width: 100%;position: relative;}
.bj_box>img{display: block;width: 100%;}
.bannerTit{position: absolute;top:0;bottom:0;left:0;right:0;margin:0 auto;display: flex;justify-content: center;align-items: center;color:#fff;flex-direction: column;}
.bannerTit>h1{font-size:36px;margin-bottom: 14px;}
.bannerTit>p{font-size: 16px;letter-spacing: 6px;}
.moreBtn{display: block;width:200px;line-height: 46px;font-size: 15px;color;#1a1a1a;text-align: center;border:1px solid #e1e1e1;}

/*titl*/
.Title{width: 100%;text-align: center;margin-bottom: 55px;}
.Title>h2{font-size: 26px;color:#6a6a6a;font-weight: bold;margin-bottom: 25px;}
.Title>p{font-size: 14px;color:#999;margin-bottom: 20px;}

/*页码*/
.page_box{width: 100%;}
.page_box>a{width:200px;height: 50px;line-height: 50px;text-align: center;margin:0 auto; display:block;color:#6e6e6e;font-size: 16px;border:2px solid #888;transition: all .5s ease;}
.page_box>a:hover{border-radius: 10px;}


.BTN,.bj_box>img.ph{display: none;}