@charset "utf-8";

/* CSS Document */


.langqh{padding-left:20px;}
.langqh a{ font-size:14px; color:#666;padding:0 5px; display:inline-block;}


.w1200{ max-width:1440px; margin:0 auto;}

.flex{ display:flex; display: -webkit-flex; align-items:center;flex-wrap:  wrap ; justify-content:space-between}

.flex2{ display:flex; display: -webkit-flex; align-items:stretch;flex-wrap:  wrap ; justify-content:space-between}





.header {     background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;}

.header .logo img{ max-height:70px;}



.header .nav{ position:relative;}

.header .nav li{ margin-right:.6rem; position: relative;}

.header .nav li >a{ display:block; line-height:110px; font-size:14px; padding:0 10px; text-transform:uppercase;}

.header .nav li.on> a{ font-weight:bold; position:relative;}

.header .nav li.on >a:after{ background:#e92716; content:""; display:block; height:3px; width:100%; position:absolute; bottom:27px; left:0;}







.subnav{ text-align: center; transition: all .3s; position: absolute; width: 200px; left: 50%; margin-left: -100px; top: 120%; opacity: 0; visibility: hidden; background: #fff; padding: 10px; box-shadow: 0 0 10px rgba(0,0,0,.1); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }

.header .nav li:hover .subnav{ top: 100%; visibility: visible; opacity: 1;;}

.subnav a{ display: block; padding: 5px 0;}

.subnav a:hover{ color: #e92716;}



.search{ padding-left:.1rem; }

.search img{ cursor:pointer;}

.search .searchbox{ transition:all .3s; padding:10px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.1); position:absolute; visibility:hidden; opacity:0; top:120%; right:0; z-index:10;}

.search .searchbox input,.search .searchbox button{  height:40px; padding:0 20px; cursor:pointer;}

.search .searchbox input{ border:1px solid #333; width:300px;}

.search .searchbox button{background:#333; color:#fff;}



.search.open .searchbox{ top:100%; visibility:visible; opacity:1;}



.banner { position:relative;}

.banner .swiper-container{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%;}

.banner .swiper-container img{ width:100%; height:100%; object-fit:cover;}

.banner .w1200{ position:relative; z-index:2;}

.banner .w1200 .tbc{ height:800px;}

.banner .w1200 .tbc img{ max-width:100%; display:block; margin-bottom:30px;}

.banner .w1200 .tbc b{ font-size:40px; color:#fff; max-width:730px; text-transform:uppercase; display:block; margin-bottom:15px;}

.banner .w1200 .tbc a{ line-height:40px; display:inline-block; padding:0 50px; border:2px solid #fff; color:#fff; text-transform:uppercase; transition:all .3s;}

.banner .w1200 .tbc a:hover{ background:#fff; color:#333;}





.pd80{ padding:80px 0;}

.pd60{ padding-top:60px; padding-bottom:60px;}



.title{ text-align:center; padding-bottom:20px;}

.title b{ font-size:48px; color:#000; line-height:1; text-transform:uppercase;}

.title .line{ width:30px; height:5px; background:#e92716; margin:20px auto;}



.main01 li{ width:30%;}

.main01 li .imgs{ height:280px; width:100%;}

.imgs img{ width:100%; height:100%; object-fit:cover;}

.main01 li .txts h2{ font-size:20px; line-height:1.4; display:block; margin-top:15px; margin-bottom:10px;}

.main01 li .txts p{ font-size:16px; color:#808684;}



.main2{ background:#efefef;}



.title .intros{ max-width:1080px; margin:0 auto; font-size:16px; color:#333333;}

.shuzitiao li img{ max-width:100%; margin:0 auto; display:block; margin-bottom:55px;}

.shuzitiao li{ padding-top:40px; text-align:center; width:32%;}

.shuzitiao li b{ font-weight:normal; margin-bottom:15px; display:block; font-size:48px; line-height:1;}

.shuzitiao li b em{ font-style:normal;}

.shuzitiao li p{ font-size:16px; color:#333333;}



.main3box{ position:relative; padding-bottom:65px;}

.main3box .swiper-slide{ padding-top:1.1rem; height:5.2rem; transition:all .3s;}

.main3box .swiper-slide .box{ height:100%; width:100%;}

.main3box .swiper-slide img{ width:100%; height:100%; object-fit:cover;}

.main3box .swiper-slide.swiper-slide-active{ padding-top:0;}

.main3box .swiper-slide .txt{ transition:all .3s; opacity:0; visibility:hidden; position:absolute; width:55%; right:.7rem; bottom:.7rem; border-right:4px solid #e92716; background:#fff; padding:.35rem .5rem;}

.main3box .swiper-slide .txt b{ font-size:24px; color:#000; font-weight:normal; line-height:1; margin-bottom:15px; display:block;}

.main3box .swiper-slide .txt p{ font-size:16px; color:#333; line-height:1.5}

.main3box .swiper-slide.swiper-slide-active .txt{ opacity:1; visibility:visible;}



.main3box .swiper-pagination{ width:100%; bottom:0;}

.main3box .swiper-pagination-bullet{ width:43px; height:4px; background:#d8d6d6; margin:0 6px; border-radius:0; opacity:1;}

.main3box .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#e92716}



.main4{ background:#f0f0f0;}

.main4 li{ width:18%; transition:all .3s;}

.main4 li img{ width:100%;}

.main4 li:hover{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);}



.main5le{ width:5.4rem;}

.main5le b{ font-size:32px; display:block; color:#000}

.main5le p{ font-size:16px; color:#666666;}

.main5ri{ width:160px;}

.main5mi{ border:1px solid #dddddd; border-radius:100px; padding:2px; width:4.2rem;}

.main5mi input{ padding:0 20px; width:calc(100% - 1.2rem);}

.main5mi button { width:1.2rem; height:45px; border-radius:100px; background:#e92716; color:#fff; font-size:14px; cursor:pointer; text-transform:uppercase;}



.main5ri a{ display:inline-block; width:.45rem; height:.45rem; border-radius:100%; border:1px solid #000; color:#000; font-size:.3rem; text-align:center; line-height:.45rem; transition:all .3s;}

.main5ri a:hover{ background:#000; color:#fff;}



.footer{ background:#1b1b1b;}



.fotle{ width:23%; max-width:285px;}

.fotle img{ max-width:100%;}

.fotle p{ font-size:14px; color:#c4c4c4; margin:15px 0;}

.fotle li{ margin-bottom:5px;}

.fotle li a{ font-size:14px; color:#ebebeb; padding-left:22px; position:relative;}

.fotle li img{ position:absolute; left:0; top:2px;}



.fotmi{ width:23%; max-width:180px;}

.fotform{ width:23%; max-width:230px;}

.fotmi a{ display:block; font-size:16px; color:#999999; padding:5px 0;}

.fotmi a:hover{ color:#fff;}



.footer b{ font-size:18px; color:#fff; display:block; line-height:1; text-transform:uppercase;}

.footer .line{ width:20px; height:2px; background:#fff; margin:15px 0 25px;}



.fotform input{ height:32px; width:100%; background:#fff; padding:0 20px; margin-bottom:10px;}

.fotform button{ width:100px; height:32px; color:#fff; background:#e92716; cursor:pointer;}



.fotcopy{ max-width:1740px; margin:0 auto; padding:15px; border-top:1px solid #323232; text-align:center;}

.fotcopy p{ font-size:16px; color:#5f5f5f;}





.subban .tbc{ height:400px;}

.subban .tbc b{ color:#fff; display:block; font-size:40px; font-weight:normal; text-transform:uppercase;}





.about01le{ width:54.5%; background:#f1f1f1; padding:1rem; padding-right:.65rem;}

.about01le .line{ width:70px; height:5px; background:#000; margin-bottom:.3rem;}

.about01le b{ font-size:.41rem; color:#000000; text-transform:uppercase; line-height:1.3; display:block; margin-bottom:.3rem;}

.about01le p{ font-size:16px; color:#333; line-height:2;}

.about01ri{ width:42.7%;}

.about01ri img,.about012_le img,.about03ri img{ width:100%; height:100%; object-fit:cover;}

.about01_1{ margin-bottom:40px;}





.about012_le{ width:54.5%;}

.about012_ri{ width:42.7%; padding:.3rem; padding-right:0}

.about012_ri p{font-size:16px; color:#333; line-height:2.4;}

.about01_2{ margin-bottom:40px;}



.about02{ background:#efefef;}

.about02 p{ font-size:16px; color:#000; line-height:2.4;}

.about02 p strong{ font-weight:bold; color:#000;}



.about02 li{ width:24%;}

.about02 li img{ width:100%; height:100%; object-fit:cover;}



.about03le{ width:42.7%;}

.about03le p{ font-size:16px; color:#333; line-height:2.4;}

.about03ri{ width:54.5%;}



.pro_intros{ text-align:center; max-width:1050px; margin:0 auto;}

.pro_intros p{ font-size:16px; line-height:2; color:#333;}



.pro_le{ width:290px;}

.pro_ri{ width:calc(100% - 370px);}

.pro_ri .pagelist li{ padding-left:1rem; width:50%;}

.pro_le li> a{ cursor:pointer; border-bottom:1px solid #dadada; padding:15px 0 15px 25px; padding-right:10px; font-size:16px;}

.pro_le li a i{ font-size:20px; transition:all .3s;}

.titlepro{ background:#000; color:#fff; padding:0 25px; line-height:55px;}



.erji{ display:none;}

.erji div{ border-bottom:1px solid #dadada; display:block;padding:15px 0 15px 25px;}



.pro_le li.on a i{ transform:rotate(90deg);}

.pro_le li.on .erji{ display:block;}

.erji div i{ margin-right:5px;}

.erji div  a{ color:#666666; font-size:16px;}

.pro_le li.on>a{ color:#e92716;}

.pro_le li.on>a i{ color:#333333}

.erji div  a:hover{ color:#e92716}



.pro_ri .pagelist li{ margin-bottom:.5rem;}

.pro_ri .pagelist li .imgs{ height:2.9rem; width:100%;}

.pro_ri .pagelist li .txts b{ font-size:20px; line-height:1.4; display:block; margin-top:15px; margin-bottom:10px;}

.pro_ri .pagelist li .txts p{ font-size:16px; color:#808684;}



.pages{ padding-left:1rem;}

.pages ul{    justify-content: center;}

.pages ul li{ margin:0 2.5px;}

.pages ul li a,.pages ul li span{ transition:all .3s; display:block; background:#e4ebe4; line-height:36px; padding: 0 15px; text-align:center;}

.pages ul li.active span,.pages ul li.active a,.pages ul li a:hover{ background:#000; color:#fff;}



.pro_box{ padding-bottom:1rem;}



.pro_img{ width:45%;}

.pro_intro{ width:50%;}

.pro_intro h1{ font-size:20px; color:#000; display:block;}

.pro_intro p{ font-size:16px; color:#000;}

.pro_intro .tit{ font-size:18px; font-weight:bold;  margin-top:40px;}

.pro_img img{ width:100%;}



.pro_img .gallery-top{ height:430px; border:4px solid #eeeeee; margin-bottom:10px;}

.pro_img .gallery-top img,.gallery-thumbs .swiper-slide img{ width:100%; height:100%; object-fit:cover;}





.gallery-thumbs .swiper-slide{ height:135px;border:4px solid #eeeeee;}

.gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ border:4px solid #e92716;}

.proarticle02{ padding-top:50px;}

.proarticle02 p{ font-size:16px; color:#808684; line-height:26px;}



.downle{ width:230px;}

.downri{ width:calc(100% - 270px); max-width:1030px;}

.downle b,.downri b{ margin-bottom:20px; font-size:24px; color:#333333; display:block;}

.downle li{ border-top:1px solid #dcdcdc; padding:10px 0;}

.downle li:last-child{ border-bottom:1px solid #dcdcdc;}

.downle li a{ color:#666666; transition:all .3s; display:block; padding:0 15px; position:relative;}

.downle li a:after{transition:all .3s; content:""; width:6px; height:6px; background:#000; border-radius:100%; position:absolute; left:0; top:50%; margin-top:-3px;}

.downle li a:hover,.downle li.on a{ color:#e92716}

.downle li a:hover:after,.downle li.on a:after{background:#e92716;}





.downri table{ width:100%; margin-bottom:1rem;}

.downri tr th{text-align:center; padding:.1rem 0; font-size:20px; color:#585858; border-bottom:2px solid #bfbfbf;}

.downri tr td{ text-align:center; padding:.2rem 0; font-size:20px; color:#585858; border-bottom:1px solid #bfbfbf;}

.downri tr th:first-child{ text-align:left;}

.downri tr td:first-child{ text-align:left;}

.downri tr td a{ padding-left:25px; background-position:left center; background-repeat:no-repeat; font-size:20px; color:#585858; background-image:url(../images/download_05.jpg);}

.downri tr td a:hover{ color:#e92716; cursor:pointer;}

.downri .pages ul{justify-content: flex-end;}



.contactbox .w1200{ transform:translateY(-1rem); -webkit-transform:translateY(-1rem);-moz-transform:translateY(-1rem);-ms-transform:translateY(-1rem);}



.contact01{ padding:1rem; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.1);}



.contact01 .img{ width:52%;}

.contact01 .img img{ width:100%;}

.contact01 .forms{ width:40%;}

.contact01 .forms input{ margin-bottom:20px; padding:0 20px; width:48%; border:1px solid #bfbfbf; height:55px; border-radius:5px; box-shadow:0 0 5px rgba(0,0,0,.1);}

.contact01 .forms textarea{ border-radius:5px; box-shadow:0 0 5px rgba(0,0,0,.1);  margin-bottom:20px; padding:10px 20px; width:100%; border:1px solid #bfbfbf; height:165px;}

.contact01 .forms button{ width:150px; height:50px; background:#000000; color:#fff; margin:0 auto; display:block; cursor:pointer;}



.contact02{ padding:1rem 0;}

.contact02 li{ padding:.65rem 20px; text-align:center; box-shadow:0 0 10px rgba(0,0,0,.1); width:32%;}

.contact02 li img{ margin:0 auto; display:block; margin-bottom:15px;}

.contact02 li b,.contact02 li b a{ font-size:24px; color:#000}

.contact02 li:last-child b{ font-size:18px;}





@media screen and (max-width:1600px){

	 .w1200{ max-width:1200px; margin:0 auto;}

	}



@media screen and (max-width:1280px){

	 .w1200{ max-width:1000px; margin:0 auto;}

.search{ padding-left:.5rem; }

.banner .w1200 .tbc{ height:600px;}

.banner .w1200 .tbc b{ font-size:30px;}

.main5mi button{ width:2rem;}

.main5mi input{ width:calc(100% - 2rem);}

.main5mi{ width:5.2rem;}

.title b{ font-size:38px;}

.main3box .swiper-slide .txt p{ font-size:12px;}

.shuzitiao li b{ font-size:30px;}

.shuzitiao li p{ font-size:14px;}

.main01 li .txts p{ font-size:14px;}

.main01 li .imgs{ height:3rem;}

.main5le p{ font-size:14px;}

.title .intros{ font-size:14px;}

.pro_img .gallery-top{ height:5rem;}

.downri tr th{ font-size:16px;}

.downri tr td,.downri tr td a{ font-size:14px;}

	}







@media screen and (max-width:1080px){

	.w1200{ margin:0 auto; padding-left:40px; padding-right:40px;}

	 .header .nav li{ margin-right:20px;}

	 

	 .fotmi{ display:none;}

	 .fotle,.fotform{ width:48%;}

	 

	 

	}



.subban{ background-size:cover; background-position:center; background-repeat:no-repeat;}

@media screen and (max-width:960px){

	.w1200{ max-width:750px; margin:0 auto;}

	.wap{ display:block;}

	.pc{ display:none;}

	

	.banner .w1200 .tbc{ height:auto; padding:50px 0;}

	.banner .w1200 .tbc b{ font-size:20px;}

	.banner .w1200 .tbc a{ padding:0 20px;}

	.w1200{ padding-left:20px; padding-right:20px;}

	.pd80{ padding:40px 0;}

	.title b{ font-size:24px;}

	.title .line{ height:2px; margin:5px auto;}

	.main01 li{ width:100%; margin-bottom:20px;}

	.main01 li .imgs{ height:10rem;}

	.shuzitiao li p{ line-height:1.4;}

	.shuzitiao li b{ font-size:24px;}

	.main01 li .txts h2{ font-size:16px;}

	.shuzitiao li img{ height:50px; margin-bottom:10px;}

	.main3box .swiper-slide{ padding:0;}

	.main3box .swiper-slide{ height:13rem;}

	.main3box{ padding:0 20px 30px;}

	.main3box .swiper-slide .txt b{ font-size:18px; margin-bottom:5px;}

	.main3box .swiper-pagination{ left:0;}

	.main4 li{ width:31.33%; margin-bottom:2%;}

	.main4 li:nth-child(4),.main4 li:nth-child(5){ width:48%;}

	.main5le{ width:100%;}

	.main5le b{ font-size:24px;}

	.main5mi input{ width:calc(100% - 100px);}

	.main5mi button{ width:100px;}

	.main5mi{ margin:20px 0;}

	.main5mi,.main5ri{ width:100%;}

	.pd60{ padding-top:30px ; padding-bottom:30px}

	.fotle, .fotform{ width:100%; max-width:none;}

	.fotle{ margin-bottom:40px;}

	.fotle >img{ width:150px;}

	.main5ri{    justify-content: center;}

	.main5ri a{ width:40px; height:40px; font-size:30px; line-height:40px; margin:0 15px;}

	.fotcopy p{ font-size:14px;}

	.subban .tbc{ height:10rem;}

	.subban .tbc b{ font-size:24px;}

	

	.about01le,.about012_le,.about012_ri,.about01ri,.about03le,.about03ri{ width:100%; margin-bottom:15px; height:auto;}

	.about01le b{ font-size:20px;}

	.about01le p,.about012_ri p,.about02 p,.about03le p,.pro_intros p,.pro_ri .pagelist li .txts p,.pro_intro p{ font-size:14px; line-height:1.6;}

	.about01le{ padding:20px;}

	.pro_ri .pagelist li .txts b{ font-size:16px;}

	.proarticle02{ padding-top:30px;}

	.proarticle02 p{font-size:14px; line-height:1.6}

	.about02 li{ width:48%; margin-bottom:4%;}

	.about01_2{ margin-bottom:0}

	.pro_le{ display:none;}

	.pro_ri{ width:100%;}

	.pro_ri .pagelist li .imgs{ height:6rem;}

	.pro_ri .pagelist li{ width:48%; padding:0; margin-bottom:20px;}

	.pro_box{ padding-bottom:40px;}

	.pro_ri .pagelist li .txts b{ margin-bottom:5px;}

	.pro_img{ width:100%;}

	.pro_img .gallery-top{ height:12rem;}

	.pro_intro{ width:100%; margin-top:30px;}

	.gallery-thumbs .swiper-slide{ height:4rem;}

	.subban .tbc b{ display:block; text-align:center;}

	.subban .tbc img{ margin:0 auto; display:block;}

	

	

	.downle{ display:none;}

	.downri{ width:100%;}

	.downri table{ margin-bottom:20px;}

	.downri tr th{ font-size:14px; padding:0 5px;}

	.downri tr th:nth-child(3),.downri tr td:nth-child(3){ display:none;}

	.downri tr th:nth-child(4),.downri tr td:nth-child(4){ display:none;}

	.downri tr td,.downri tr td a{ font-size:12px;}

	.downri tr td a{ background-size:15px auto; padding-left:20px}

	

	.contact01 .img,.contact01 .forms{ width:100%;}

	.contact01 .forms{ margin-top:20px;}

	.contact01 .forms input{ height:40px; width:100%; margin-bottom:10px;}

	.contact01 .forms button{ height:40px;}

	.contact02 li{ width:100%; margin-bottom:15px; padding:20px;}

	.contact02 li b, .contact02 li b a,.contact02 li:last-child b{ font-size:18px;}

}