.page-title{width: 100%;height: 40px;margin: 30px 0 20px 0;}
.page-title1{position: relative;height: 40px;padding-left: 40px;line-height: 30px;border-bottom: 1px dashed #ccc;}
.page-title1::before{position:absolute;content: ""; width:30px;height: 30px;left:0;top:0;background-image: url('../images/Location.svg');
background-size: contain;}
.page-title a{font-size: 16px;}



.about-con1{width: 100%;padding: 50px 0;background-color: #f3f3f3;}

.about-con1-1{flex: 1 0 430px;}
.about-con1-1 h1{font-size: 60px;display: inline;}
.about-con1-1 h3{font-size: 30px;display: inline;margin-left: 10px;}
.about-con1-1 span{font-size:34px;font-weight: bold;display: block;margin-top: 33px;margin-bottom: 10px;}
.about-con1-1 p{font-size: 20px;color: #666;}


.consult{margin-top: 65px;
  width: 162px;
  border-radius: 10px 0 10px 0;
  background: url('../images/liuyan.png') 107px 17px no-repeat var(--main-color);
  line-height: 48px;
  text-indent: 31px;}

.consult a{color: #fff;font-size: 16px;}

.about-con1-2{flex: 1 0 780px;}
.about-con1-2 p{text-indent: 2em;font-size: 16px;line-height: 30px;}


.about-con2{margin-top: 50px;margin-bottom: 20px;}
.about-con2-title{
    text-align: center;
    color: #333;
    height: 65px;
    font-size: 36px;
    line-height: 36px;
    font-weight: bold;
    background: url('../images/luomao.png') bottom no-repeat;
}
.about-con2-title p{font-size: 34px;font-weight: bold;letter-spacing: 3px;}

.about-con2-1{display: flex;margin:30px 0;}
.about-con2-2{flex: 1 0 auto;text-align: center;}
.about-con2-2 img{margin:20px 0;}
.about-con2-2 h1{font-size: 24px;line-height: 60px;}
.about-con2-2 h3{font-size:14px;}

.about-con2-3{width: 1px;height: 150px;background-color: #ccc;}


.pro{display: flex;margin-top: 50px !important;}
.pro1{flex:1 0 260px;margin-right: 60px;}
.pro1-title{width: 100%;height: 171px;color: #fff;background:url('../images/title-in.jpg');
text-align: center;padding-top: 50px;}



.pro1-title h1{font-size: 26px;}
.pro1-title h3{font-size: 14px;}


.pro2{flex: 1 0 960px;min-height: 800px;}


.pro2-title{position: relative;height: 40px;padding-left: 40px;line-height: 30px;border-bottom: 1px dashed #ccc;}
.pro2-title::before{position:absolute;content: ""; width:30px;height: 30px;left:0;top:0;background-image: url('../images/Location.svg');
background-size: contain;}
.pro2-title a{font-size: 16px;}

.pro-cate{width: 100%;border-left:1px solid #999;border-right:1px solid #999;border-bottom: 1px solid #999;}

.pro-cate li{margin: 0 20px 20px 20px;width:200px;height:40px;border-radius: 22px;cursor: pointer;
background-color:var(--title-color);line-height: 40px;;padding-left: 20px;position: relative;
transition: 0.5s all;}
.pro-cate li::before{content:"";left: -4px;top:14px;width:13px;height:13px;background-color: var(--main-color);position:absolute;border-radius: 100%;transition: 0.5s all;}
.pro-cate li a{color: #fff;font-size: 15px;}

.pro-cate li:hover,.pro-cate li.active{background-color:var(--main-color);}
.pro-cate li:hover::before,.pro-cate li.active::before{background-color: var(--title-color);}

.pro2-con{display: flex;flex-wrap: wrap;padding-top: 30px;}
.pro2-con dl{flex: 0 0 22%;align-content: center;margin: 0 2% 20px 0%;}
.pro2-con dl:hover img{transform: scale(1.1);}

.pro2-con dl dt{width: 100%;border:1px solid #efefef;overflow: hidden;}
.pro2-con dl dt img{width: 223px;height: 200px;transition: 1s all;}
.pro2-con dl dd{text-align: center;width: 100%;height: 34px;line-height: 34px;background-color: var(--title-color);}
.pro2-con dl dd a{color: #fff;font-size: 16px;}

.pro2-con dl:nth-child(4n){margin-right: 0;}



.news{display: flex;margin-bottom: 30px !important;}

.news-title{width: 100%;height: 50px;position: relative;padding-left: 20px;line-height: 50px;border-bottom: 3px solid #eee;margin-bottom: 10px;}
.news-title p{font-size: 20px;letter-spacing: 1px;}
.news-title::before{content:"";position: absolute;width: 4px;height: 30px;background-color:var(--title-color);left: 0px;top:10px;}

.news-con{width: 100%;}
.news-con1{width:100%;position: relative;margin-bottom: 20px;border-bottom: 1px dashed #eee;height: 130px;}
.news-con1::before{position: absolute;content: "";width: 70px;height: 2px;background-color: var(--main-color);
  right: 30px;bottom: 20px;}
.news-con1::after{position: absolute;content: "";width: 16px;height:2px;right: 28px;bottom: 26px;background-color: var(--main-color);
  transform: rotate(45deg);}
    
.news-con1 a{font-size: 18px;line-height: 50px;font-weight: bold;}
.news-con1 h3{font-size: 12px;height: 40px;}
.news-con1 span{font-size: 12px;color: #999;}


.news1{flex:1 0 400px;margin-right: 40px;}


.news2{flex:1 0 400px;margin-right: 40px;}

.news3{flex:1 0 400px;}


.news3-1{width: 100%;height: 50px;line-height: 50px;position: relative;padding-left: 36px;}
.news3-1::before{position: absolute;left: 0;top: 14px;width: 20px;height: 20px;
background-color: #333;color: #fff;line-height: 20px;text-align: center;font-size: 12px;}
.news3-1 a{}

.pro-view1{width: 100%;text-align: center;border-bottom: 1px dashed #999;margin-bottom: 20px;}
.pro-view1 h1{font-size: 26px;line-height: 60px;}

.pro-view2{width: 100%;min-height: 500px;}
.pro-view2 img{max-width:100%;margin: 0 auto;
    display: block;}

.contact{width: 100%;background: #ebeff5 url('../images/map.png') no-repeat center top;padding: 40px 0;}
.contact1{flex:1 0 450px;}
.contact1 h1{font-size:26px;line-height: 100px;}

.contact1-1{}

.contact1-2{height: 44px;}
.contact1-2 p{display: inline;font-size: 16px;color: #444;margin-left: 10px;}
.contact1-2 i{font-size: 20px;color: var(--title-color);}

.contact2{flex:1 0 720px;margin-top: 20px;}
.contact2 iframe{width:650px;height:400px;}


#share{margin-bottom: 10px;}


.news-view{flex:1 0 800px;margin-right: 80px;}



.news-view1{width: 100%;text-align: center;border-bottom: 1px dashed #999;margin-bottom: 20px;}
.news-view1 h1{font-size: 26px;line-height: 60px;}

.news-view2{width: 100%;min-height: 500px;}


.contact-info{
width: 100%;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    height: 230px;
  padding: 0 20px;margin-bottom: 30px;}

  
.contact-info1{height: 28px;}
.contact-info1 p{display: inline;font-size: 14px;color: #444;margin-left: 10px;}
.contact-info1 i{font-size: 20px;color: var(--title-color);}