@charset "utf-8";
/* 
    author:PengJin;
    date:2020-09-23;
*/

/*--banner--*/
.banner{clear:both;position:relative;overflow:hidden;}
.banner .item{overflow:hidden;}
.banner .item img{display:block;position:relative;left:50%;width:1920px;transform:translateX(-50%);}
.banner .banner-pager{position:absolute;z-index:3;left:0;bottom:30px;width:100%;text-align:center;}
.banner .banner-pager span{position:relative;margin:0 6px;width:10px;height:10px;border:#FA8A00 solid 1px;background:transparent;opacity:1;transition:all 0.5s;}
.banner .banner-pager span.swiper-pagination-bullet-active{background:#FA8A00;}
.banner .banner-prev,.banner .banner-next{position:absolute;z-index:3;top:50%;cursor:pointer;width:52px;height:52px;transform:translateY(-50%);transition:all 0.5s;border-radius:50%;}
.banner .banner-prev{left:5%;background:rgba(255,255,255,0.8) url(../images/banner_prev.png) no-repeat center;}
.banner .banner-next{right:5%;background:rgba(255,255,255,0.8) url(../images/banner_next.png) no-repeat center;}
.banner .banner-prev:hover,.banner .banner-next:hover{background-color:#fff;}
@media (max-width:992px){
.banner .item img{display:block;left:0;width:100%;transform:translateX(0);}
.banner .banner-prev,.banner .banner-next{display:none;}
}
/*--end banner--*/

/*--video--*/
.video{padding:80px 0;overflow:hidden;}
.video .summary{color:#333;text-align:left;overflow:hidden;}
/*--end video--*/
/*--aboutus--*/
.aboutus{padding:80px 0;height:1398px;overflow:hidden;background:url(../images/aboutus_bg.jpg) no-repeat center;background-size:cover;}
.aboutus .summary{font-size:18px;line-height:1.75;color:#333;text-align:left;overflow:hidden;text-indent:2em;}
.aboutus .counter{padding:30px 50px 0;overflow:hidden;}
.aboutus .counter .item{float:left;width:33.33%;text-align:center;}
.aboutus .counter .item dt{height:50px;}
.aboutus .counter .item dt em{font-size:48px;font-weight:bold;line-height:50px;color:#333;}
.aboutus .counter .item dt sub{position:relative;top:-5px;display:inline-block;width:38px;height:20px;vertical-align:bottom;line-height:20px;text-align:center;font-size:14px;color:#fff;background:#FA8A00;border-radius:10px;}
.aboutus .counter .item dd{padding-top:6px;font-size:18px;color:#333;}
@media (max-width:1200px){
.video{padding:40px 0;overflow:hidden;}
.video .summary{font-size:16px;}

.aboutus{padding:40px 10px;height:1000px;background:#269EF8 url(../images/aboutus_bg_m.jpg) no-repeat center bottom;background-size:100%;}
.aboutus .summary{font-size:16px;}
.aboutus .counter{padding:30px 0;}
.aboutus .counter .item{padding:20px 0;}
.aboutus .counter .item dt{position:relative;height:30px;}
.aboutus .counter .item dt em{font-size:24px;line-height:30px;}
.aboutus .counter .item dt sub{top:-10px;width:20px;height:16px;line-height:16px;font-size:12px;}
.aboutus .counter .item dd{font-size:14px;}
}
/*--end aboutus--*/

/*--honor--*/
.honor{padding:80px 0;overflow:hidden;}
.honor-slide{overflow:hidden;}
.honor-slide .item{position:relative;overflow:hidden;}
.honor-slide .pic{overflow:hidden;}
.honor-slide .pic img{display:block;width:100%;transition:all 0.5s;}
.honor-slide .tit{position:absolute;left:0;bottom:0;width:100%;height:60px;line-height:60px;font-size:18px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(0,0,0,0.5);}
.honor-slide .tit a{color:#fff;}
.honor-slide .item:hover .pic img{transform:scale(1.1);}
.honor-slide .item:hover .tit{background-color:#FA8A00;}
.honor-slide .swiper-pager{padding-top:40px;text-align:center;overflow:hidden;}
.honor-slide .swiper-pager span{background:#959595;opacity:1;}
.honor-slide .swiper-pager span.swiper-pagination-bullet-active{background:#FA8A00;}
@media (max-width:1200px){
.honor{padding:40px 10px;}
.honor-slide .tit{height:40px;line-height:40px;font-size:14px;}
.honor-slide .swiper-pager{padding-top:20px;}
}
/*--end photos--*/

/*--product--*/
.product{padding:70px 0;overflow:hidden;}
.product-menu{margin:0 auto;width:100%;max-width:800px;overflow:hidden;background:#0F74BC;}
.product-menu li{float:left;width:20%;line-height:60px;font-size:18px;text-align:center;border-right:#f2f2f2 solid 1px;}
.product-menu li:last-child{border-right:none;}
.product-menu li a{display:block;color:#fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.product-menu li.cur{background:#FA8A00;}
.product-main{margin-top:30px;overflow:hidden;}
.product-main .swiper-slide{height:1px}
.product-main .swiper-slide-active{height:auto}
.product-list .item{float:left;margin:40px 1% 0;width:31.33%;overflow:hidden;}
.product-list .pic{overflow:hidden;}
.product-list .pic img{display:block;width:100%;transition:all 1s;}
.product-list .text{padding-top:20px;text-align:center;overflow:hidden;}
.product-list .text h3{font-size:22px;font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product-list .text h3 a{color:#333;}
.product-list .text p{height:44px;line-height:22px;font-size:14px;color:#333;overflow:hidden;}
.product-list .text .read{display:block;margin:20px auto 0;width:128px;height:44px;line-height:44px;font-size:16px;color:#fff;background:#FA8A00;}
.product-list .item:hover .pic img{transform:scale(1.1);}
.product-list .item:hover .text h3 a{color:#0F74BC;}
.product-list .item:hover .read{background:#0F74BC;}
@media (max-width:1200px){
.product{padding:40px 10px;}
.product-menu li{line-height:40px;font-size:14px;}
.product-main{margin-top:15px;}
.product-list{display:flex;flex-wrap:wrap;justify-content:space-between;}
.product-list .item{margin:1%;width:48%;}
.product-list .text{padding:5px 10px;background:#fff;}
.product-list .text h3{font-size:16px;}
.product-list .text p{display:none;}
.product-list .text .read{display:none;}
}
/*--end product--*/

/*--made--*/
.made{padding:70px 0;overflow:hidden;background:url(../images/made_bg.jpg) no-repeat;background-size:cover;}
.made-list{position:relative;height:474px;overflow:hidden;background:url(../images/made.png) no-repeat center;}
.made-list .item{position:absolute;width:340px;height:130px;overflow:hidden;}
.made-list .icon{position:relative;top:50%;width:100px;height:100px;border:#fff solid 1px;border-radius:50%;transform:translateY(-50%);}
.made-list .text{position:relative;top:50%;width:220px;transform:translateY(-50%);}
.made-list .text h3{font-size:24px;font-weight:bold;color:#FA8A00;}
.made-list .text p{font-size:18px;color:#fff;line-height:25px;}
.made-list .item:nth-child(odd){left:0;}
.made-list .item:nth-child(even){right:0;}
.made-list .item:nth-child(odd) .icon,.made-list .item:nth-child(even) .text{float:left;text-align:right;}
.made-list .item:nth-child(even) .icon,.made-list .item:nth-child(odd) .text{float:right;}
.made-list .item-1,.made-list .item-2{top:20px;}
.made-list .item-3,.made-list .item-4{top:50%;transform:translateY(-50%);}
.made-list .item-5,.made-list .item-6{bottom:20px;}
@media (max-width:1200px){
.made{padding:40px 10px;}
.made-list{display:flex;flex-wrap:wrap;height:auto;background-image:none;}
.made-list .item{position:static;margin:5px 0;width:50%;height:auto;transform:translateY(0);}
.made-list .icon{position:static;float:none !important;margin:0 auto;width:60px;height:60px;transform:translateY(0);}
.made-list .text{position:static;float:none !important;padding:10px;width:100%;overflow:hidden;text-align:center !important;transform:translateY(0);}
.made-list .text h3{font-size:18px;}
.made-list .text p{font-size:14px;}
}
/*--end made--*/

/*--adv--*/
.adv{padding:80px 0;overflow:hidden;}
.adv .wrap-title h2{background-position: 10px 30px,calc(100% - 10px) 30px;}
.adv-list{overflow:hidden;}
.adv-list .item{position:relative;margin-bottom:12px;padding-top:32px;overflow:hidden;}
.adv-list .num{position:absolute;top:0;width:98px;height:98px;line-height:98px;text-align:center;font-size:60px;font-family:Arial;color:#fff;background:#0F74BC;}
.adv-list .pic{width:50%;overflow:hidden;}
.adv-list .pic img{display:block;width:100%;}
.adv-list .text{padding:20px;width:50%;height:330px;overflow:hidden;background:#fff;}
.adv-list .text .hd{overflow:hidden;}
.adv-list .text .hd h3{font-weight:normal;font-size:24px;line-height:1.75;color:#0F74BC;}
.adv-list .text .hd h3 strong{color:#FA8A00;}
.adv-list .text .hd em{font-size:18px;font-family:"DIN Medium";color:#FA8A00;}
.adv-list .text .bd{padding-top:25px;font-size:18px;color:#333;line-height:1.75;overflow:hidden;}
.adv-list .item:nth-child(odd) .num{left:25px;}
.adv-list .item:nth-child(even) .num{right:25px;}
.adv-list .item:nth-child(odd) .pic{float:left;}
.adv-list .item:nth-child(even) .pic{float:right;}
@media (max-width:1200px){
.adv{padding:40px 10px;}
.adv-list .item .num{width:50px;height:50px;line-height:50px;font-size:30px;}
.adv-list .pic{width:100%;}
.adv-list .text{padding:20px;width:100%;height:auto;}
.adv-list .text .hd h3{font-size:20px;}
.adv-list .text .hd em{font-size:12px;}
.adv-list .text .bd{padding-top:20px;font-size:14px;}
}
/*--end adv--*/

/*--case--*/
.case{padding:80px 0 40px;overflow:hidden;background:#fff;}
.case-list{overflow:hidden;}
.case-list .item{float:left;margin:1%;width:23%;overflow:hidden;}
.case-list .pic{overflow:hidden;}
.case-list .pic img{display:block;width:100%;transition:all 0.5s;}
.case-list .tit{padding:0 20px;line-height:52px;overflow:hidden;border-bottom:#e5e5e5 solid 1px;}
.case-list .tit a{display:block;padding-right:30px;font-size:18px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url(../images/read.png) no-repeat right center;}
.case-list .item:hover .pic img{transform:scale(1.1);}
.case-list .item:hover .tit{border-color:#FA8A00;background-color:#FA8A00;}
.case-list .item:hover .tit a{color:#fff;background-image:url(../images/read_cur.png);}
.case .more{padding-top:20px;line-height:52px;text-align:center;overflow:hidden;}
.case .more a{display:inline-block;padding:0 20px;font-size:18px;color:#fff;background:#FA8A00;}
@media (max-width:1200px){
.case{padding:40px 10px 20px;}
.case-list .item{width:48%;}
.case-list .tit{padding:0 10px;line-height:40px;}
.case-list .tit a{padding-right:20px;font-size:14px;}
.case .more{line-height:40px;}
.case .more a{font-size:14px;}
}
/*--end case--*/

/*--photos--*/
.photos{position:relative;padding:40px 0 80px;overflow:hidden;background:#fff;}
.photos-slide .item{position:relative;overflow:hidden;}
.photos-slide .pic{overflow:hidden;}
.photos-slide .pic img{display:block;width:100%;transition:all 0.5s;}
.photos-slide .tit{position:absolute;left:0;bottom:0;width:100%;height:60px;line-height:60px;font-size:18px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(0,0,0,0.5);}
.photos-slide .tit a{color:#fff;}
.photos-slide .item:hover .pic img{transform:scale(1.1);}
.photos-slide .item:hover .tit{background-color:#FA8A00;}
.photos-slide .prev,.photos-slide .next{position:absolute;z-index:3;top:50%;cursor:pointer;width:52px;height:52px;transform:translateY(-50%);transition:all 0.5s;border-radius:50%;}
.photos-slide .prev{left:5%;background:rgba(255,255,255,0.8) url(../images/banner_prev.png) no-repeat center;}
.photos-slide .next{right:5%;background:rgba(255,255,255,0.8) url(../images/banner_next.png) no-repeat center;}
.photos-slide .prev:hover,.photos-slide .next:hover{background-color:#fff;}
.swiper-pager{padding-top:40px;text-align:center;overflow:hidden;}
.swiper-pager span{background:#959595;opacity:1;}
.swiper-pager span.swiper-pagination-bullet-active{background:#FA8A00;}
@media (max-width:1200px){
.photos{padding:20px 10px 40px;}
.photos-slide .tit{height:40px;line-height:40px;font-size:14px;}
.swiper-pager{padding-top:20px;}
.photos-slide .prev,.photos-slide .next{display:none;}
}
/*--end photos--*/

/*--msgForm--*/
.msgForm{padding:40px 0;overflow:hidden;background:url(../images/msgform_bg.jpg) no-repeat center;background-size:cover;}
.msgForm .text{float:left;padding-top:20px;width:600px;color:#fff;}
.msgForm .text h2{margin-bottom:10px;font-size:36px;line-height:1.5;font-weight:bold;}
.msgForm .text p{font-size:20px;line-height:1.5;}
.msgForm .text p em{font-family:"DIN Medium"}
.msgForm .form{float:right;width:372px;}
.msgForm .form li{margin-bottom:10px;}
.msgForm .form li:last-child{margin-bottom:0;}
.msgForm .form li input{display:block;padding:15px;width:100%;height:56px;font-size:18px;border:none;outline:none;background-color:#fff;background-repeat:no-repeat;background-position:96% center;background-size:24px;}
.msgForm .form li input::-webkit-input-placeholder{color:#999;}
.msgForm .form li input#userName{background-image:url(../images/username.png);}
.msgForm .form li input#userPhone{background-image:url(../images/userphone.png);}
.msgForm .form li button{display:block;line-height:56px;text-align:center;font-size:18px;color:#fff;background:#FA8A00;transition:all 0.5s;width:100%;border:0;cursor: pointer;}
.msgForm .form li button:hover{background:#0F74BC;}
@media (max-width:1200px){
.msgForm{padding:40px 10px;}
.msgForm .text{display:none;}
.msgForm .form{float:none;width:100%;}
.msgForm .form li input{height:40px;font-size:14px;background-size:18px;}
.msgForm .form li button{line-height:40px;font-size:14px}
}
/*--end msgForm--*/

/*--news--*/
.news{padding:80px 0;overflow:hidden;background:#fff;}
.news-menu{margin-bottom:50px;text-align:center;overflow:hidden;}
.news-menu li{display:inline-block;margin:0 5px;width:160px;line-height:50px;font-size:18px;}
.news-menu li a{display:block;border:#e5e5e5 solid 1px;transition:all 0.5s;}
.news-menu li.cur a,.news-menu li:hover a{color:#fff;border-color:#0F74BC;background:#0F74BC;}
.news-main{overflow:hidden;}
.news-top{float:left;width:530px;overflow:hidden;background:#eee;transition:all 0.5s;}
.news-top .pic{overflow:hidden;}
.news-top .pic img{display:block;width:100%;transition:all 1s;}
.news-top .text{padding:20px 26px;overflow:hidden;}
.news-top .text h3{font-size:18px;font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-top .text h3 a{color:#333;}
.news-top .text p{height:75px;line-height:25px;font-size:14px;color:#333;overflow:hidden;}
.news-top:hover{background:#0F74BC;}
.news-top:hover .pic img{transform:scale(1.1);}
.news-top:hover .text *{color:#fff;}
.news-list{float:right;width:618px;overflow:hidden;}
.news-list .first{height:158px;overflow:hidden;}
.news-list .first .date{float:right;width:80px;height:130px;line-height:1;font-family:"DIN Medium";color:#999;text-align:center;background:url(../images/date.png) no-repeat center bottom;}
.news-list .first .date em{display:block;font-size:75px;}
.news-list .first .date span{display:block;font-size:18px;}
.news-list .first .text{width:460px;overflow:hidden;}
.news-list .first .text h3{line-height:68px;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:#e5e5e5 solid 1px;}
.news-list .first .text h3 a{color:#333;}
.news-list .first .text p{margin-top:16px;height:75px;line-height:25px;font-size:14px;color:#333;overflow:hidden;}
.news-list .first:hover .text h3 a,.news-list .first:hover .date{color:#0F74BC;}
.news-list ul{margin-top:32px;overflow:hidden;}
.news-list li{line-height:60px;font-size:16px;overflow:hidden;border-bottom:#e5e5e5 solid 1px;}
.news-list li a{display:block;color:#333;overflow:hidden;}
.news-list li em{float:right;font-family:"DIN Medium";}
.news-list li span{display:block;width:calc(100% - 100px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-list li a:hover{color:#0F74BC;}
@media (max-width:1200px){
.news{padding:40px 10px;}
.news-menu{margin-bottom:25px;}
.news-menu li{display:block;float:left;margin:0;width:25%;line-height:40px;font-size:14px;}
.news-menu li.last{display:none;}
.news-top{float:none;width:100%;}
.news-top .text{padding:10px 15px;}
.news-top .text h3{font-size:14px;}
.news-top .text p{display:none;}
.news-list{float:none;width:100%;}
.news-list .first{display:none;}
.news-list ul{margin-top:15px;}
.news-list li{line-height:40px;font-size:16px;}
}
/*--end news--*/

/*--flinks--*/
.flinks{padding:10px 0;line-height:26px;font-size:14px;overflow:hidden;background:#000;border-bottom:#313131 solid 1px;}
.flinks .addlink{display:block;float:right;color:#999;}
.flinks .addlink:hover{color:#fff;}
.flinks dl{overflow:hidden;}
.flinks dt{float:left;}
.flinks dt a{color:#999;}
.flinks dd{overflow:hidden;}
.flinks dd a{display:inline-block;padding:0 20px;color:#999;}
.flinks dl a:hover{color:#fff;}
@media (max-width:1200px){
.flinks{display:none;}	
}
/*--end flinks--*/