@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
*{box-sizing:border-box;}
body,textarea{color:#333; font-size:14px; font-family:Arial, "微软雅黑";}
ul, ol,li,dd,dl{ list-style:none;} 
img,fieldset{ vertical-align:top; border:0;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
address,cite,code,em,th { font-weight:normal; font-style:normal;}
input,button,textarea,select{color:#444; font-size:14px; vertical-align:middle;}
input:focus {outline:none;}
span,samp,i,em,b{ font-family: Arial, "微软雅黑";;}
a{ color:#333; text-decoration:none;}
.top{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}


.jing{width:100%;position:fixed;top:0;left:0; z-index:9999; transition:0.5s;text-align: center;}
.jing.on{background:#fff;border-bottom:1px solid #eee;}
.jing .jina{max-width:1600px;margin:auto;display:flex;align-items: center;position: relative;}
.jing .jinaa{width:calc(40% - 44px);display:flex;align-items: center;}
.jing .jinaa p{font-size:25px;color:#fff;margin-left:10px;font-weight: bold;}


.nxa{width:60%;}
.nxa ul{display:flex;text-align:left;flex-wrap: wrap;}
.nxa ul li{box-sizing:border-box;width:16.6666%;position:relative;text-align:center;}
.nxa ul dl{position:absolute;top:100%;left:0;width:100%;background:#fff;line-height:40px;box-shadow: 0 0 2px #ccc;display:none;}
.nxa ul p{font-size:17px;line-height:100px;}
.nxa ul p a{color:#fff;}
.nxa ul dl a{display:block;transition:all 0.3s;}
.nxa ul dl a:hover{background:#DB261F;color:#fff;}
.nxa ul li.nxss p a{color:#DB261F;}

.sosu{margin-left:20px;cursor: pointer;}
.sotop{position:absolute;top:100%;right:0;display:none;}
.sotop input{background:#fff;line-height:34px;border:none;padding:0 10px;}
.sotop a{background:#DB261F;color:#fff;line-height:34px;display:inline-block;padding:0 10px;}
.sotop.sojj{display:flex;}
.im1{display:block;}
.im2{display:none;}

.jing.on .nxa ul p a{color:#333;}
.jing.on .jinaa p{color:#4a4a4a;}
.jing.on .nxa ul li.nxss p a{color:#DB261F;}

/*大图 DB261F*/
.banner{margin-top:0px;height: 100vh;transition:all 0.5s;}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;align-items: center;position: relative;}
.swiper-slide1bg{width: 100%;background:#1d1d1d;}
.swiper-slide1bg i{display: block;overflow: hidden;font-size: 0px;transition:all 0.9s;transform: scale(0);opacity: 0;}
.swiper-slide1bg i img{max-width: 100%;}
.swiper-slide-active .swiper-slide1bg{width:100%;transition-delay: 0.5s;}
.swiper-slide1{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-80%);opacity:1;transition: 1s;width: 80%;}
.pin2{width: 860px;height: 423px;background: rgba(0, 0, 0, 0.5);border-radius: 30px;opacity: 0;transition: 2s;transform: translate(-50%,-50%);}
.pin2 .p1{text-transform: uppercase;}
.swiper-slide1bg h3{color: #fff;font-size: 50px;padding-bottom: 10px;font-weight: bold;padding-top: 180px;transform: translateY(-100%);opacity: 0;transition: 1.5s;letter-spacing: 8px;position:absolute;width:100%;}
.swiper-slide1bg p{font-size: 16px;color: #fff;letter-spacing: 1px;font-weight: 100;transform: translate(-50%,-100%);opacity: 0;transition: 1.5s;margin-top: 16px;line-height: 30px;position: absolute;left:50%;top:240px;}
.swiper-slide1bg .p2{width: 400px;margin: 0px auto;overflow: hidden;text-align: center;margin-top: 35px;transform: translateY(-100%);opacity: 0;transition: 2s;}
.swiper-slide1bg .swiper-slide1pic{margin-top: 80px;transform: translateY(100%);transition: 1.5s;opacity: 0;}
.swiper-slide1bg .swiper-slide1pic i{display: block;overflow:hidden;font-size: 0px;}
.swiper-slide1bg .swiper-slide1pic i img{max-width: 100%;margin: 20px;box-shadow: 4px 10px 28px -2px rgb(8, 22, 140);}

.swiper-slide-active .swiper-slide1bg{opacity: 1;transition-delay: 0.5s;}
.swiper-slide-active .swiper-slide1bg h3{transform: translateY(0%);opacity: 1;transition-delay: 0.5s;}
.swiper-slide-active .swiper-slide1bg p{transform: translate(-50%,0%);opacity: 1;transition-delay: 1s;}
.swiper-slide-active .swiper-slide1bg .swiper-slide1pic{transform: translateY(0%);opacity: 1;transition-delay: 1s;}

.banner .swiper-pagination-bullet{width: 10px;height: 10px;color: rgba(255, 0, 0, 0);border-radius: 5px;background:#fff;transition:all 0.3s;}
.banner .swiper-pagination-bullet-active{width:40px;}
.swiper-slide-active .swiper-slide1bg i{transform: scale(1);opacity: 1;}

.s{height:180px;}

/**/
.cpts{text-align:center;width:100%;margin-bottom:45px;color:#fff;}
.cpts h4{font-size:18px;margin-bottom:10px;}
.cpts p{font-size:36px;}

.cppc{display:flex;align-content: center;flex-wrap:wrap;}
.cpin{max-width:1300px;margin:auto;width:96%;}
.cpin ul{}
.cpin li{background:#fff;}
.cpin li .cpib{}
.cpin li .cpib h4{font-size:16px;padding:30px 0;text-align:center;box-sizing:border-box;font-weight: bold;}
.cpin li .cpib img{width:100%;}
.cpin li .cpib p{box-sizing:border-box;text-align: left;}
.cpin li .cpib a{display:block;line-height:30px;font-size:15px;}
.cpin li .cpib a:hover{font-weight: bold;}


/*关于我们 db261f*/
.abxx{display:flex;align-items: center;height:100%;}
.abxxa{align-items: center;width:96%;max-width:1300px;margin:auto;text-align: center;display:flex;justify-content: space-between;}

.abxa{width:40%;text-align:left;}
.abxaa{margin-bottom:60px;color:#000;}
.abxaa h4{font-size:18px;margin-bottom:20px;}
.abxaa p{font-size:36px;}
.abxab img{width:100%;}

.abxb{width:55%;text-align:left;}
.abxba{line-height:40px;font-size:16px;margin-bottom:60px;}
.abxbb{}
.abxbb ul{justify-content:space-between;display:flex;}
.abxbb li{width:24%;}
.abxbb p{width:100%;font-size:14px;margin-bottom:10px;}
.abxbb h4{font-size:48px;font-weight: bold;}
.abxbb span{font-size:16px;}


/*新闻资讯*/
.newsxx{text-align:center;width:100%;margin-bottom:45px;color:#333;}
.newsxx h4{font-size:18px;margin-bottom:10px;}
.newsxx p{font-size:36px;}

.news{display: flex;align-items: center;height:100%;}
.news-a{width:96%;max-width:1300px;margin:auto;}
.news-b{margin-top:60px;}
.news-b ul{display:flex;justify-content: space-between;}
.news-b li{width:47%;text-align:left;background:#fff;box-sizing:border-box;padding:20px;}
.news-b img{width:100%;transition:all 0.3s;}
.news-b .nea{overflow:hidden;}
.news-b .neb{font-size:20px;margin:30px auto;color:#000;}
.news-b .nec{font-size:16px;line-height:30px;color:#777;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-b li:hover .news-b .nea{color:#db261f;}
.news-b li:hover img{transform:scale(1.1);}
.news-b li:hover .neb{font-weight: bold;}



/*底部*/
.fott{background:#4e4e4c;}
.fojj{max-width:1300px;margin:auto;width:96%;padding:60px 0;}
.fojj ul{display:flex;justify-content: space-between;flex-wrap: wrap;text-align:left;}
.fojj ul h5{font-size:22px;color:#fff;margin-bottom:30px;}
.fojj ul h4{font-size:22px;color:#fff;margin-bottom:30px;}
.fojj ul li{font-size:15px;line-height:34px;color:#bfbfbf;}
.fojj ul li a{color:#bfbfbf;display:block;}
.fojj ul li a:hover{color:#db261f;}
.fojj ul li:last-child{text-align:center;}
.fojj ul li:last-child .foa{font-size:20px;font-weight: bold;color:#fff;}
.fojj ul li:last-child .fob{margin:10px auto;}
.fojj ul li:last-child .fob a{display:block;background:#db261f;color:#fff;line-height:30px;border-radius: 5px;}
.fojj ul li:last-child .foc{margin-bottom:20px;}
.fojj ul li:last-child .fod img{width:100%;}
.foss{padding:20px 0;background:#adadad;color:#333;font-size:15px;text-align:center;}





/*****************内页************************/
.i-ban{height:500px;position: relative;}
.i-bana{height:100%;position:relative;}
.i-bana div{display:flex;align-items: center;font-size:40px;font-weight: bold;color:#fff;height:100%;width:100%;justify-content: center;position:relative;z-index:1;}
.i-bana div p{transform: translateY(-90px);animation-name: sse;animation-duration: 0.5s;animation-fill-mode: forwards;animation-timing-function: linear;opacity: 0;}
.i-bana:after{content:'';width:100%;height:100%;background:rgba(0, 0, 0, .4);position:absolute;top:0;left:0;}
.i-banb{display:none;}
.i-banb img{width:100%;}

@keyframes sse{
0%{transform: translateY(-90px);opacity: 0;}
100%{transform: translateY(0px);opacity: 1;}
}

/*主题*/
.i-tit{position:absolute;bottom:0;left:0;width:100%;background: rgb(242 242 242 / 37%);z-index: 1;}
.i-tita{max-width:1200px;margin:auto;}
.i-tita ul{display:flex;font-size:16px;box-sizing:border-box;justify-content: center;}
.i-tita li{text-align:center;font-size:18px;}
.i-tita li a{display:block;padding:27px 0px 27px 0;line-height:20px;color:#fff;margin:0px 30px;}
.i-tita li a:hover{font-weight:bold;}
.i-ti{background:#DB261F;}
.i-ti a{font-weight:bold;color:#DB261F;}

/*关于*/
.i-about{max-width:1200px;margin:auto;width:96%;}
.i-abou{font-size:36px;text-align:center;margin:0px auto 60px;}
.i-abo{font-size:16px;line-height:36px;}

.i-abxx{max-width:1200px;width:96%;margin:100px auto 0;display:flex;justify-content: space-between;padding-bottom:100px;}
.i-abxxa{width:47%;position:relative;}
.i-abxxa img{width:100%;position:relative;z-index:1;border-radius: 10px;}
.i-abxxb{width:46%;}
.i-abxxba{font-size:36px;margin-bottom:30px;position:relative;}
.i-abxxba:after{content:'';width:60px;height:3px;background:#333;display:block;margin-top:20px;}
.i-abxxbb{font-size:16px;line-height:28px;}

.i-ab{margin:100px auto 0;}
.i-ab ul{display:flex;justify-content: space-between;}
.i-ab li{color:#333;}
.i-ab li:last-child{border:none;}
.i-ab li h5{font-size:60px;font-weight: bold;}
.i-ab li span{font-size:20px;font-weight: normal;}
.i-ab li p{font-size:18px;color:#666;}

.i-sse{background:url("../images/se.jpg") center no-repeat;}
.i-set{padding:80px 0 100px;}
.i-setu{font-size:36px;text-align:center;margin:0px auto 60px;color:#fff;}
.i-seta{max-width:1200px;margin:auto;width:96%;}
.i-seta ul{display:flex;margin-right:-2%;flex-wrap:wrap;}
.i-seta li{width:18%;margin:0 2% 30px 0;}
.i-seta li img{width:100%;}
.i-seta li:Hover {box-shadow:0 0 10px #ccc;}

/**/
.i-co{max-width:1200px;width:96%;margin:80px auto 0;}
.i-coa{font-size:32px;font-weight:bold;margin-bottom:10px;}
.i-cob{font-size:20px;color:#666;margin-bottom:50px;}
.i-cot{margin-bottom:80px;}
.i-cot li{margin-bottom:30px;font-size:18px;}
.i-cota{display:flex;justify-content: space-between; cursor: pointer;}
.i-cotaa{font-weight:bold;border-left:4px solid #DB261F;line-height:60px;padding-left:20px;box-sizing:border-box;}
.i-cotab{width:60%;display:flex;justify-content: flex-end;}
.i-cotaba{display:flex;width: 70%;}
.i-cotaba p{margin-right:50px;}
.i-cotabb{width:20px;background:#DB261F;position:relative;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.i-cotabb:after{content:'';width:10px;height:2px;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,50%)}
.i-cotabb:before{content:'';width:2px;height:10px;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-28%)}
.i-cotb{width:96%;margin:40px auto;font-size:16px;line-height:30px;display:none;}

/**/
.i-coop{margin-bottom:80px;}
.i-coop ul{display:flex;margin-left:-2%;flex-wrap: wrap;}
.i-coop li{width:31.3333%;box-sizing:border-box;border:1px solid #ccc;margin-left:2%;margin-bottom:20px;}
.i-coop li img{width:100%;}

/*产品*/
.i-pros{max-width:1200px;width:96%;margin:60px auto 80px;}
.i-pros ul{display:flex;flex-wrap: wrap;margin-rihgt:-2%;}
.i-pros li{width:31.3333%;margin:0 2% 30px 0;border:1px solid #eee;text-align:center;transition:all 0.3s;}
.i-pros img{width:100%;transition:all 0.3s;}
.i-pros .i-prs{overflow:hidden;}
.i-pros .i-pry{padding:20px 0;}
.i-pros li:hover{box-shadow:0 0 10px #ccc;}
.i-pros li:hover .i-pry{color:#DB261F;}

/**/
.i-prx{max-width:1200px;width:96%;margin:150px auto 0;display:flex;justify-content: space-between;}
.i-prxa{width:50%;text-align:center;}
.i-prxa img{max-width:100%;}
.i-prxb{width:47%;box-sizing:border-box;height:100%;}
.i-prxba{font-size:32px;margin-bottom:30px;border-bottom:1px dashed #ccc;padding-bottom:30px;}
.i-prxbb{font-size:16px;line-height:34px;}

.i-prxs{background:#eee;padding:15px 0;max-width:1200px;width:96%;margin:40px auto 20px;box-sizing:border-box;padding-left:20px;}
.i-prxs p{font-size:18px;font-weight: bold;}
.i-prxu{max-width:1200px;width:96%;margin:0 auto 80px;font-size:15px;line-height:26px;}
.i-prxu img{max-width:100%;}

.swiper-container .swiper-button-prev{background:none;}
.swiper-container .swiper-button-next{background:none;}

/*新闻*/
.i-news{max-width:1200px;width:96%;margin:80px auto 60px;display:flex;justify-content: space-between;}
.i-newsa{width:47%;}
.i-newsb{width:47%;}
.i-newsba{}
.i-newsba img{width:100%;}
.i-newsbb{font-size:20px;margin:20px auto;font-weight:bold;}
.i-newsbc{line-height:30px;font-size:14px;color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.i-newsbb:hover{color:#DB261F}

.i-newsb ul{display:flex;flex-wrap: wrap;align-content: normal;height: 100%;}
.i-newsb li a{display:flex;justify-content: space-between;}
.i-newsb li .i-nea{width:100px;margin-right:30px;}
.i-newsb li .i-nea span{display:block;margin-bottom:10px;}
.i-newsb li .i-nea p{font-size:36px;font-weight: bold;}
.i-newsb li .i-neb{width:calc(100% - 130px);}
.i-newsb li .i-neb h4{font-size:18px;font-weight: bold;line-height:36px;margin-bottom:10px;}
.i-newsb li .i-neb p{color:#666;line-height:30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.i-newsb li .i-neb:hover h4{color:#DB261F}

.i-newt{margin-bottom:80px;}
.i-newta{max-width:1200px;width:96%;margin:auto;}
.i-newta li{}
.i-newta li a{display:flex;border-bottom:1px solid #ccc;font-size:16px;color:#000; align-items: center;line-height:20px;padding:15px 0;}
.i-newta li a span{margin-right:10px;color:#777;letter-spacing: 2px;}
.i-newta li a:hover{color:#DB261F}

.i-net{max-width:1200px;width:96%;margin:80px auto 80px;text-align:center;}
.i-net h5{font-size:28px;}
.i-net p{font-size:14px;margin:40px auto 0px;border:1px dashed #ccc;background:#f9f9f9;padding:10px 0;}
.i-nei{max-width:1200px;width:96%;margin:0 auto 80px;font-size:16px;line-height:30px;}

/*联系我们*/
.i-contact{max-width:1200px;width:96%;margin:60px auto 0;}
.i-contacta{font-size:26px;margin-bottom:40px;}
.i-contactb{width:100%;justify-content: space-between;display:flex;flex-wrap: wrap;}
.i-contactb p{border-bottom:1px solid #ccc;font-size:18px;padding:20px 0;display:flex;align-items: center;width:47%;}
.i-contactb p img{width:20px;margin-right:10px;}
.i-contactb p span{display:inline-block;line-height:18px;}

.i-conta{max-width:1200px;width:96%;margin:80px auto;}
#map_container{height:400px;}


.i-cou{background:#f8f8f8;padding-top:60px;}
.i-cont{font-size:26px;margin:0px auto 0px;max-width:1200px;width:96%;    font-weight: bold;}
.i-conx{max-width:1200px;width:96%;font-size:16px;margin:20px auto;line-height:26px;color:#666;}

.fes{margin:30px auto 0;padding-bottom:80px;max-width:1200px;width:96%;}
.fes ul{justify-content: space-between;margin-bottom:20px;display:flex;flex-wrap: wrap;}
.fes ul li{width:23%;}
.fes p{line-height:36px;}
.fes input{line-height:50px;height:50px;border:1px solid #ccc;background:#f9f9f9;box-sizing:border-box;padding:0 10px;width:100%;}
.fes textarea{height:250px;width:100%;box-sizing:border-box;padding:10px;border:1px solid #ccc;}
.fes a{display:block;color:#333;width:150px;text-align:center;line-height:40px;margin:20px auto 0px;border-radius: 5px;border:1px solid #ccc;}
.fes a:hover{background:#000;color:#fff;}





















@media screen and (max-width:1200px){
html{width:1200px}
.section{background:none !important; }
.cpts{color:#333;margin-top:50px;}
.abxx{margin:40px auto;}
.news{margin:50px auto;}
.jing{position: static;}
.sosu{display:none;}
.jing .jinaa {width: calc(40% - 0px);}
.i-ban{height:350px;}
.i-bana div p{margin-bottom: 60px;}
.i-prx{margin: 30px auto 0;}
.banner{height:450px;}
}