@charset "utf-8";



/* CSS Document */



.h1display{display: none}

.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;}



}


.link-new{margin:0 auto; padding:30px 0; width:100%; height:auto}
.link-new .title{margin:0 auto; padding:0; width:100%; height:auto; font-size: 16px; color: #000; line-height: 20px; text-align: left;}
.link-new .link1{margin:0 auto; padding:0; width:100%; height:auto; font-size: 14px; color: #888; line-height: 20px; text-align: left;}
.link-new .link1 a{margin-right: 15px; font-size: 14px; color: #888; line-height: 20px; text-align: left;}