section{width:100%;height:auto;overflow: hidden;}
.logo-icon{width: 100%;position: relative;padding-left: 80px;
  background: url(../images/title.jpg) no-repeat center left,url(../images/logo-icon.png) no-repeat left center;
  height: 60px;text-transform: uppercase;padding-top: 12px;text-transform: uppercase;}
.logo-icon::before{content:"";background:url('../images/logo-icon.png');width:40px;height:40px;left: 20px;top: 10px;position: absolute;}

.logo-icon h1{font-size: 22px;color: #fff;display: inline;}
.logo-icon h3{font-size: 12px;color: #fff;display: inline;}


.about{margin-top:40px;}
.about1{width:294;height:489px;float: left;}
.about1 img{}

.about2{width: 930px;float: right;}
.about21{width:100%;position: relative;}
.about21 a{font-size:18px;display: inline;width:100px;height:50px;
position: absolute;top:0;left:0;background-color: #e53b20;line-height: 50px;text-align: center;color: #fff;text-shadow: 1px 1px 3px #333;}
.about21 img{width:100%;}

.about22{width:100%;margin-top: 20px;position:relative;}
.about22 p{font-size:16px;text-indent: 2em;line-height: 32px;letter-spacing: 1px;}
.about22 p:first-child{margin-bottom:10px;}
.about22 a{font-size:16px;position:absolute;right:12px;bottom: 6px;}


.hengfu{width: 100%;margin: 30px auto;}

.pro{    margin-top: 30px;
    background-color: #fffff5;
    padding-top: 30px;}
.pro1{text-align: center;position: relative;margin-bottom: 30px;}
.pro1::before,.pro1::after{content:"";width: 50px;height: 3px;background-color:var(--main-color);position: absolute;top: 67px;z-index: 999;}
.pro1::before{left: 250px;}
.pro1::after{right: 250px;}
.pro1 h2{font-size: 20px;line-height: 50px;}
.pro1 p{font-size:26px;position: relative;letter-spacing: 1px;}
.pro1 p::before,.pro1 p::after{content:"";width: 400px;height:1px;background-color:#c4c3c0;position: absolute;top: 18px;}
.pro1 p::before{left: -100px;}
.pro1 p::after{right: -100px;}

.pro1 p span{color:var(--main-color);font-weight: bold;}

.pro2{
    width: 100%;
    height: auto;
    overflow: hidden;
}

.pro3{width: 220px;float: left;}

.pro3-title{width: 220px;height:100px;background: url('../images/pro-title1.jpg')no-repeat center center;padding-top: 20px;text-align: center;background-size: 100%;}
.pro3-title h3{font-size: 22px;color: #fff;font-weight: bold;}
.pro3-title p{font-size: 18px;color: #fff;line-height: 30px;}

.pro3-content{width: 220px;height:auto;border-left: 3px solid var(--main-color);}
.pro3-content dl{width: 217px;height:48px;border-bottom: 1px solid #999999;border-right: 1px solid #999999;}
.pro3-content dl dt{width: 185px;float: left;padding-left: 16px;}
.pro3-content dl dt a{font-size: 14px;line-height: 48px;font-weight: bold;letter-spacing: -1px;}
.pro3-content dl dd{width: 26px;float:right;padding-top: 15px;}
.pro3-content dl dd img{}

.pro4{width: 1042px;float: right;}

.pro4-title{}
.pro4-title h2{font-size: 20px;color: #fff;line-height: 60px;letter-spacing: 1px;}

.pro-content{width: 100%;margin-top: 20px;}
.pro-content dl{width: 23.5%;margin-right: 1.5%;float: left;position: relative;margin-bottom: 20px;}
.pro-content dl dt{width:100%;height: 220px;}
.pro-content dl dt img{width:100%;height: 200px;}
.pro-content dl dd{width:100%;height: 40px;background-color: #e3a476;text-align: center;}

.pro-content dl dd a{line-height: 40px;font-size: 14px;color: #fff;}

.service{margin-top: 50px;}
.title123{text-align: center;height: 100px;}
.title123 h1{font-size: 24px;font-weight: bold;line-height: 40px;}
.title123 h5{font-size: 12px;color:#999999;line-height: 30px;}
.title123 .kuang{width:1280px; background-color: #999;height: 1px;position: relative;margin-top: 10px;}
.title123 .kuang::before{position: absolute;content: "";height:5px;width:300px;top: -2px;left: 50%;margin-left: -150px;background-color:var(--main-color);}

.service-content{width: 100%;margin-top: 40px;}
.service-content li{float: left;width: 146px;text-align: center;padding: 0 10px;}
.service-content li img{width:100%;}

.service-content li:nth-child(2n){width:80px;text-align: center;}
.service-content li:nth-child(2n) img{width: 12px;margin-top: 60px;}

.service-content li span{font-size:14px;font-weight: bold;}

.process{}
.process-title{}

.process-content{margin-top: 30px;}

.swiper-slide{}
.swiper-slide dl{width: 238px;height: 228px;border: 1px solid #eee;}
.swiper-slide dl dt{width: 236px;height: 190px;}
.swiper-slide dl dt img{width:100%;height: 100%;}
.swiper-slide dl dd{width: 100%;height: 36px;background-color: #e3a476;text-align: center;color: #fff;line-height: 36px;}
.swiper-slide dl dd a{line-height: 40px;font-size: 16px;color: #fff;letter-spacing: 2px;}


.swiper-next{right: -23px !important;background:url('../images/arrow-right.jpg');width: 35px !important;height: 58px !important;}
.swiper-prev{left: -42px !important;background:url('../images/arrow-left.jpg');width: 35px !important;height: 58px !important;}


.news{margin-top: 50px;}

.news1{width: 471px;float: left;}
.news1-title{}
.news1-title h1{}
.news1-title h3{}

.news1-content{width: 100%;margin-top: 30px;position: relative;height: 500px;}
.news1-content::before{position: absolute;width: 100px;height:3px;background-color: var(--main-color);content: "";bottom: 0;right: 0;}
.news1-content1{width: 100%;padding: 10px 15px;}
.news1-content img{width: 100%;height: 300px;}
.news1-content1 a{font-size: 18px;font-weight: bold;line-height: 50px;}
.news1-content1 p{line-height: 24px;letter-spacing: 1px;}



.news2{width: 757px;float: right;}
.news2-title{}
.news2-content{width: 100%;margin-top: 30px;}
.news2-content1{width: 99%;height: 110px;box-shadow: 0px 0px 5px #ccc;border: 5px;margin-bottom: 20px;padding: 10px 15px 15px 15px;position:relative;}
.news2-content1 a{font-size: 16px;line-height: 34px;}
.news2-content1 p{font-size: 12px;line-height: 22px;}

.news2-content1::before{position: absolute;content: "";width: 70px;height: 2px;background-color: var(--main-color);
right: 30px;bottom: 10px;}
.news2-content1::after{position: absolute;content: "";width: 16px;height:2px;right: 28px;bottom: 16px;background-color: var(--main-color);
transform: rotate(45deg);}


.explain{width: 100%;margin-top: 50px;}
.explain dl{width:180px;flex: 1 0 auto;}
.explain dl dt{text-align: center;}
.explain dl dt img{}
.explain dl dd{text-align: center;}
.explain dl dd h2{font-size: 16px;font-weight: bold;line-height:50px;}
.explain dl dd h4{font-size:12px;line-height: 20px;}


.contact{width: 100%;background:url('../images/contact.png') no-repeat center center;margin: 50px 0;padding: 20px 0;height: 500px;}

.contact-content{width: 100%;position: relative;height: 500px;}

.contact-content1{width: 200px;position: absolute;left: 190px;top: 37px;}
.contact-content1 p{font-size: 16px;line-height: 32px;}

.contact-content2{position: absolute;right: 165px;top: 35px;width: 640px;height: 300px;}
.contact-content2 iframe{width: 640px;height: 286px;}