/* 公共样式 */
.main-container{width: 1440px;max-width: 1440px;margin: 0 auto;}
.cur-title{text-align: center;padding: 90px 0 60px;}
.en-title{font-size: 36px;font-weight: 100;color: #c7c7c7;}
.cn-title{font-size: 36px;font-weight: 600;color: #282828;}
.cn-title span{color:#0076da;}
.center-line{margin: 28px 0 20px 0;}
.des-title{font-size: 16px;color: #282828;letter-spacing: 1px;}
/* 头部样式star */
.head-info{width: 100%;height: 40px;line-height: 40px;font-size: 14px;border-bottom: 1px solid #f1f1f1;}
.comname{color: #0775d3;}
.r-cont{display: inline-block; float: right;margin-right: 10%;font-size: 13px;}
.r-cont a{color: #333;margin: 0 25px;display: inline-block;position: relative;}
.addwechatname{z-index: 9;}
.addwechatbox{left: -40px; opacity: 0; position: absolute;height: 0px; transition: all 0.2s;z-index: 8;overflow: hidden;}
.addwechatname:hover .addwechatbox{opacity: 1;height: 137px; transition: all 0.2s;}
.info_line{width: 1px;height: 12px;display:inline-block;background: #dedede;}
.head-title{height: 120px;}
.logobox{border-right: 1px solid #f1f1f1;height: 110px;padding:10px 30px 0 0;}
.logobox img{}
.logobox,.sub_title{float: left;}
.sub_title{height: 90px;padding: 30px 0 0 30px;}
.sub_title p{font-size: 18px;color: #0775d3;}
.sub_title span{font-size: 18px;}
.telphonebox{float: right;margin-right: 10%;height: 120px;line-height: 120px;font-size: 28px;color: #222;}
.telphonebox img{margin-right: 10px;}
.head-nav{height: 50px;line-height: 50px;background: #0775d3;}
.navul{display: flex;align-items:center;}
.navli{flex-grow: 1;text-align: center;position: relative;z-index: 3;}
.head-nav a{font-size: 16px;color: #fff;}
.nav_line{width: 1px;height: 20px;display: inline-flex;background: #fff;}
.nav_line:last-child{display: none;}
.navli:hover{background:#fff;}
.navli:hover .subnavbox{margin-top: -1px;height: auto;}
.navli:hover .nava{color: #0775d3;}
.subnavbox{position: absolute;z-index: 2;width: 100%;background: #0775d3;margin-top: -1px;height: 0;overflow: hidden;}
.subnavbox ul li .suba{color: #fff;}
.subnavbox ul li:hover{background:#fff;}
.subnavbox ul li:hover a{color:#0775d3;}
/* 头部样式end */

/* banner样式 */
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;overflow: hidden;
display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

/* 产品列表样式 */
.pro-series-wrapper{background: #eff6ff;padding-bottom: 80px;}
.pro-class-wrapper{display: flex;height: 90px;background: #fff;border-radius: 6px;margin-bottom: 40px;}
.proclass{flex-grow: 1;cursor: pointer;}
.class-content{padding: 24px 0 0 44px;;}
.class-content div{display: inline-block;margin-left: 14px;}
.cnname{font-size: 18px;color: #262626;font-weight: bold;}
.enname{font-size: 16px;color: #262626;opacity: 0.5;}
.active{background: #0775d3;border-radius: 5px;}
.isac{display: none;}
.noac{display: inline-block;}
.active .isac{display: inline-block;}
.active .noac{display: none;}
.active .cnname{color: #fff;}
.active .enname{color: #fff;opacity: 0.5;}
.pro-list{display: flex;width: 1460px;margin-bottom: 18px;flex-wrap: wrap;justify-content: flex-start;}
.pro-box{height: 430px;overflow: hidden;flex-grow: 1;background: #fff;max-width: 352.5px;margin-bottom: 12px;margin-right: 10px;}
.pro-pic img{width: 100%;}
.pro-list .pro-box:first-child{margin-left: 0;}
.pro-list .pro-box:last-child{margin-right: 0;}
.pro-title{background: #fff;height: 90px;padding: 20px 0 0 20px;}
.pro-title p{font-size: 21px;font-weight: bold;color: #202833;margin-bottom: 10px;
            display: -moz-box;  /* 必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 */
            display: -webkit-box;
            -moz-box-orient: vertical;/* 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 */
            -webkit-box-orient: vertical;
			-webkit-line-clamp: 1;  /*设置文本的行数最多为1行 */
            overflow: hidden;
}
.pro-title span{display: block;font-size: 16px;font-weight: 100;color: #202833;}
.showprobox{display: none;}
.proactive{display: block;}

/* 广告位样式 */
.advertise-wrapper{width: 100%;height: 772px;background: url(../images/quebg.png)no-repeat center;}
.title-question{padding-bottom: 36px;text-align: center;font-size: 26px;color: #fff;font-weight: 600;line-height: 46px;padding-top: 45px;letter-spacing: 3px;}
.title-question span{font-size: 38px;}
.ques-list{display: flex;}
.ques-box{flex-grow: 1;text-align: center;height: 350px;position: relative;cursor: pointer;background: url(../images/nochosebg.png)no-repeat center;}
.chr{position: absolute;width: 8px;height: 8px;transform:rotate(45deg);bottom: -4px;margin-left: -4px;background:#fff;left: 50%;display: none;}
.ques-box a{padding-top: 14px;color: #0775d3;display: none;border-bottom: 1px solid #0775d3;font-size: 16px;height: 28px;width: 85px;margin: 0 auto;}
.active1 .isac{display: inline-block;}
.active1 .noac{display: none;}
.active1{background: url(../images/chosebg.png)no-repeat center;}
.active1 .chr{display: block;}
.active1 a{display: block;}
.tocontactbox{display: flex;align-items: center;justify-content: center;margin-top: 50px;}
.advbox{width: 300px;text-align: right;border-right: 1px dashed #dedede;margin-right: 30px;padding-right: 24px;}
.advbox p{font-size: 26px;font-weight: 600;color: #0076da;letter-spacing: 3px;margin-bottom: 6px;}
.advbox span{font-size: 16px;color: #282828;letter-spacing: 4px;}
.con_btn{height: 62px;background: #0076da;width: 169px;text-align: center;}
.con_btn a{font-size: 16px;color: #fff;line-height: 62px;letter-spacing: 2px;}
.btn_cor{width: 0;height: 0;border-top: 6px solid white;border-left: 6px solid transparent;display: inline-block;transform: rotate(45deg);margin-left: -6px;margin-bottom: 2px;}

/* Project cases */
.project-wrapper{background: #f5f5f5;padding-bottom: 40px;}
.casebox1{width: 1462px;height: 402px;background:url(../images/case1.png)no-repeat center;}
.casebox2{width: 1400px;height: 393px;background:url(../images/case2.png)no-repeat left;}
.casebox3{width: 1401px;height: 395px;background:url(../images/case3.png)no-repeat center;}
.casebox{font-size: 16px;color: #767676;}
.casebox div{padding-top: 150px;}
.casetxt2{margin-left: 53%;}
.casetxt3{padding-top: 230px!important;}

/* aboutus */
.introtxt{width: 48%;float: right;padding-top: 24px;height: 438px;position: relative;}
.cnaboutustitle{font-size: 44px;color: #000;margin: 20px 0;}
.introdetail{font-size: 18px;text-indent: 18px;line-height: 30px;color: #666;}
.abouticon{position: absolute;bottom: 50px;}
.aboutmore{position: absolute;right: 0;bottom: 50px;font-size: 16px;}
.aboutmore img{margin-left: 20px;}
.introtxt a{color: #666;}
.power,.contactusicon{display: inline-block;font-size: 24px;color: #000;}
.aboutother img{margin-right: 10px;float: left;}
.aboutother{padding: 68px 0 38px 35px;}
.power{margin-right: 40px;}
.showfactory{display: flex;}
.showfactory-item{/* margin: 10px;width: 24%!important; */}
.showfactory img{width: 100%;}
.showfactory img:first-child{margin-left: 0;}
.showfactory img:last-child{margin-right: 0;}

/* 谁选择我 */
.wholist{display: flex;flex-wrap: wrap;}
.whospic{flex-grow: 1;width: 288px;
display: flex;justify-content: center;align-items:center;
/* margin: 40px 70px; */

}
.whospic:first-child{margin-left: 0;}
.whospic:last-child{margin-right: 0;}

/* 聚焦资讯 */
.allnews{position: relative;}
.allnews a{color: #666;}
.aboutoliva-wrapper{background: #f4f4f4;padding-bottom: 114px;}
.headnew{width: 461px;height: 621px;background: url(../images/newsbg.png)no-repeat center;position: relative;float: left;}
.headnewspic{position: absolute;top: 110px;left: 44px;}
.newsdata{position: absolute;right: 46px;bottom: 30px;font-size: 16px;}
.headnewstitle{font-size: 16px;color: #006ad6;position: absolute;bottom: 170px;left: 44px;}
.headnewsdes{font-size: 14px;position: absolute;bottom: 120px;left: 44px;width: 320px;
            display: -moz-box;  /* 必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 */
            display: -webkit-box;
            -moz-box-orient: vertical;/* 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 */
            -webkit-box-orient: vertical;
			-webkit-line-clamp: 2;  /*设置文本的行数最多为1行 */
            overflow: hidden;
}
.allnews{width: 946px;background: #fff;height: 621px;display: inline-block;margin-left: 20px;}
.industrynews,.commonnews{width: 325px;margin: 60px 0 0 50px;float: left;}
.title1,.title2{font-size: 28px;color: #000;}
.entitle1,.entitle2{font-size: 14px;color: #bbb;}
.industryheadtitle{font-size: 17px;color: #006ad6;margin: 20px 0 12px 0;}
.industryheadtitledes{font-size: 13px;line-height: 22px;
            display: -moz-box;  /* 必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 */
            display: -webkit-box;
            -moz-box-orient: vertical;/* 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 */
            -webkit-box-orient: vertical;
			-webkit-line-clamp: 2;  /*设置文本的行数最多为1行 */
            overflow: hidden;
}
.timeline{width: 64px;height: 1px;display: block;background: #c4c4c4;margin-top: 38px;}
.newslistbox1{margin-top: 54px;}
.newslistbox1 p{margin: 10px 0;font-size: 16px;color: #000;
            display: -moz-box;  /* 必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 */
            display: -webkit-box;
            -moz-box-orient: vertical;/* 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 */
            -webkit-box-orient: vertical;
			-webkit-line-clamp: 1;  /*设置文本的行数最多为1行 */
            overflow: hidden;
}
.commonnews{margin-left:100px}
.allnewsseemore{display: block;position: absolute;right: 20px;top: 10px;font-size: 16px;}
.allnewsseemore img{margin-left: 10px;}

/* 底部导航样式 */
.btm-nav-wapper{background: #202020;height: 408px;}
.btm-nav,.btm-info,.bnav-line,.qr-code,.address-info{float: left;}
.btm-nav p{font-size: 16px;color: rgba(255,255,255,0.6);margin-bottom: 20px;font-weight: 600;}
.btm-nav ul li a{color: rgba(255,255,255,0.6);text-decoration: none;margin-bottom: 21px;display: block;font-size: 14px;font-weight: 100;font-family: 'SHSCN-Light';}
.emptybox{height: 75px;width: 100%;}
.bnav-line{margin: 0 82px;}
.sharepic{margin:34px 0;}
.dou,.wechat,.mblog{display: inline-block;position: relative;}
.wechat{margin: 0 14px;}
.douqr,.wechatqr,.mblogqr{position:absolute;width: 66px;height: 66px;background: #fff;text-align: center;top: -82px;left: -18px;opacity: 0;}
.sharepic i{display: block;width: 8px;height: 8px;background: #fff;position: absolute;left: 50%;margin-left: -4px;bottom: -4px;transform: rotate(45deg);}
.dou:hover .douqr{opacity: 1;transition: all 0.4s;}
.wechat:hover .wechatqr{opacity: 1;transition: all 0.4s;}
.mblog:hover .mblogqr{opacity: 1;transition: all 0.4s;}
.address-info{font-size: 14px;color: rgba(255,255,255,0.7);padding-left: 16px;font-family: 'SHSCN-Light';margin-top: 6px;}
.email-info{line-height: 26px;font-family: 'SHSCN-Light';letter-spacing: 1px;}
/* 版权样式 */
.copyrighttxt{clear:both;font-size: 12px;color: rgba(255,255,255,0.5);background: #141414;height: 70px;text-align: center;line-height: 70px;letter-spacing: 1px;font-family: 'SHSCN-Medium';}
/* 侧面小部件 */
.tools{position: fixed;top: 24%;right: 0;z-index: 9;width: 50px;background: #0076da;color: #fff;}
.allbox{text-align: center;padding: 10px 0;border-bottom: 1px solid #c4c4c4;cursor: pointer;}
.allbox img{display: block;margin: 0 auto 6px;}

@media screen and (max-width: 1400px) {
    .main-container{width: 1300px;max-width: 1310px;}
    .swiper-slide img{width: 1396px;}
    .swiper-button-next{right: 70px!important}
    .casebox2{width: 1290px;background-size: contain;}
    .casetxt2{margin-left: 54%;}
    .compic{width: 48%;}
    .introdetail{width: 610px;}
    .aboutmore{right: 13px;}
    .whospic{margin: 40px 34px;}
    .allnews{margin-left: 8px;width: 840px;}
    .headnew{width: 444px;}
    .bnav-line{ margin: 0 64px;}
    .pro-box{max-width: 317.5px;}
}