body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,button,textarea,p,th,td,span,a,b,i,strong {margin: 0;padding: 0;box-sizing: border-box;}
body {font-size: 16px;line-height: 1.5;color: #333;background: #fff;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;font-weight: normal;}
img {border: 0;display: block;}
em, i {font-style: normal;}
table {border-collapse: collapse;}
input {border: none;}
a {text-decoration: none;background: none;font-size: inherit;color: inherit;}
ul,li,ol {list-style: none;}
:focus {outline: none;}
.clearfloat:after {display: block;clear: both;content: "";visibility: hidden;height: 0}
.clearfix {clear: both;content: "";display: block;overflow: hidden}
.clear {clear: both;}.fl {float: left;}.fr {float: right;}

/*溢出*/
.oneTxtLine {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.twoTxtLine {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.threeTxtLine {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.fourTxtLine{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.fiveTxtLine {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}

.swiper-container-free-mode>.swiper-wrapper {-webkit-transition-timing-function: linear;-moz-transition-timing-function: linear;-ms-transition-timing-function: linear;-o-transition-timing-function: linear;transition-timing-function: linear;}
:root{--primary-color: #407268;--vice-color: #ee9836;}
.wrapper{width: 73%;max-width: 1400px;margin: 0 auto;height: inherit;}
.space{padding: 100px 0;}
.bgCover{display: block;width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;transition: all .3s ease-out;}

/* 头尾 */
.header{width: 100%;height: 70px;z-index: 999;transition: all .3s ease;}
.header .wrapper{height: 100%;display: flex;justify-content: space-around;align-items: center;}
.header .logo img{max-height: 60px;}
.header .nav li{float: left;line-height: 70px;margin-left: 60px;font-size: 20px;position: relative;}
.header .nav li:first-child{margin-left: 0;}
.header .nav li.on,
.header .nav li a:hover{color: var(--primary-color);}
.header .m_menuBtn{width: 28px;height: 22px;float: right;position: relative;cursor: pointer;display: none;}
.m_menuBtn i{background: var(--primary-color);height: 2px;width: 100%;border-radius: 2px;position: absolute;left: 0;transition: all 0.25s ease-in-out;}
.m_menuBtn i:nth-child(2){top: 0;bottom: 0;margin: auto;}
.m_menuBtn i:last-child{bottom: 0;}
.m_menuBtn.toggle i{background-color: var(--primary-color);}
.m_menuBtn.toggle i:first-child{top: 11px;transform: rotate(45deg);}
.m_menuBtn.toggle i:nth-child(2){opacity: 0;}
.m_menuBtn.toggle i:last-child{top: 11px;width: 100%;transform: rotate(-45deg);}

.footer{background: #313131;color: #fff;font-size: 14px;color: #aaa;}
.footer .top{padding: 60px 0;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
.footer .top .title{font-size: 24px;color: #fff;font-weight: bold;margin-bottom: 25px;margin-top: 0;}
.footer .top .left{width: 320px;}
.footer .top .left ul li{padding-left: 18px;margin-top: 20px;}
.footer .top .left ul li:first-child{background: url(../images/ico-nav.png) no-repeat left 5px ;}
.footer .top .left ul li:nth-child(2){background: url(../images/ico-tel.png) no-repeat left 5px;}
.footer .top .left ul li:last-child{background: url(../images/ico-email.png) no-repeat left 7px;}
.footer .links li{margin-top: 12px;}
.footer .links li a:hover{color: #fff;}
.footer .search{display: flex;align-items: center;justify-content: center;margin: 10px 0 30px;}
.footer .search input.txt{width: 282px;height: 40px;background-color: #fff;border-top-left-radius: 12px;border-bottom-left-radius: 12px;border: 1px solid #d2d2d2;border-right: 0;padding: 0 14px;}
.footer .search input.submit{width: 116px;height: 40px;background-color: var(--primary-color);font-size: 14px;color: #fff;border-top-right-radius: 12px;border-bottom-right-radius: 12px;border: 1px solid #d2d2d2;cursor: pointer;}
.footer .top .right ul li{float: left;margin-right: 10px;}
.footer .top .right ul li a{width: 40px;height: 40px;border-radius: 20px;display: flex;justify-content: center;align-items: center;background-color: var(--primary-color);transition: all .2s ease-out;}
.footer .top .right ul li a:hover{transform: scale(1.05);}
.footer .btm{padding: 12px 0;border-top: 1px solid #555;text-align: center;}

/* 公共 */
.pageBanner{width: 100%;height: 41.67vw;}
.pageBanner.simple{height: 26vw;}
.pageBanner.white{height: 36.5vw;}
.pageBanner .wrapper .info{width: 466px;height: 100%;display: flex;flex-direction: column;justify-content: center;}
.pageBanner h4{font-size: 24px;color: var(--primary-color);margin-bottom: 40px;}
.pageBanner p{font-size: 22px;color: #333;margin: 40px 0 50px;}
.pageBanner.white .wrapper .info{width: 55%;}
.pageBanner.white h3,
.pageBanner.white p{color: #fff;}
.pageBanner a{display: inline-block;width: 200px;height: 62px;line-height: 58px;text-align: center;border: 2px solid var(--primary-color);color: var(--primary-color);margin-right: 20px;transition: all .3s ease-out;}
.pageBanner a:first-child{background-color: var(--primary-color);color: #fff;}
.moreBtn{display: block;width: 200px;height: 62px;line-height: 58px;text-align: center;background-color: var(--primary-color);color: #fff;margin-right: 20px;transition: all .3s ease-out;}
.pageBanner a:hover,
.moreBtn:hover{box-shadow: 0 0 6px #333;}
.pageBanner.white a:hover{box-shadow: 0 0 4px #eee;}

.pageTitle{font-size: 44px;color: #000;line-height: 1.2;font-weight: bold;margin-bottom: 38px;}
.pageTitle.center{text-align: center;}
.btmLineLong::after,
.btmLine::after{content: '';display: block;background-color: var(--primary-color);}
.btmLineLong::after{width: 70px;height: 5px;margin-top: 20px;}
.btmLineLong.center::after{margin: 20px auto 50px;}
.btmLine::after{width: 32px;height: 3px;margin-top: 8px;background-color: #6dc3b1;}

.pagePosition{background-color: var(--primary-color);padding: 10px 0;font-size: 16px;color: #fff;letter-spacing: 1px;}

.pagination{width: 100%;margin-bottom: 80px;display: flex;justify-content: center;align-items: center;}
.pagination li{margin: 0 8px;}
.pagination li.prev a,.pagination li.next a{width: 20px;height: 20px;background-repeat: no-repeat;background-size: 12px;background-position: center;}
.pagination li.prev a{background-image: url(../images/ico-arrow-white.png);}
.pagination li.next a{background-image: url(../images/ico-arrow-white.png);}
.pagination li a{display: block;width: 20px;height: 20px;line-height: 20px;text-align: center;font-size: 14px;color: #999;}
.pagination li.on a{color: #333;}
.swiper-pagination-bullet-active{background-color: var(--primary-color);}

/* 首页 */
.index_about{background-color: #fcfcfc;}
.index_about .info{width: 40%;}

.index_about .info p{font-size: 22px;color: #333;margin: 40px 0 50px;}
.index_about img{width: 55%;}

.index_advantage ul{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 60px;}
.index_advantage ul li{width: 18%;background-color: var(--primary-color);display: flex;flex-direction: column;justify-content: flex-start;align-items: center;padding: 30px 15px;}
.index_advantage ul li p{font-size: 20px;color: #fff;text-align: center;margin-top: 20px;}
.index_advantage ul li img{transition: all .3s ease-out;}
.index_advantage ul li:hover img{transform: scale(1.05);}
.index_advantage .info{width: 45%;}
.index_advantage .info img{width: 100%;}
.index_advantage img.fr{width: 50%;}

.index_advantageB{background: url(../images/bg01.jpg) no-repeat center/cover;}
.index_advantageB .section{width: 892px;float: right;}
.index_advantageB h3{letter-spacing: -1px;}
.swiperAdvantage .swiper-slide img{width: 100%;margin-bottom: 38px;}
.swiperAdvantage .swiper-pagination{text-align: left;}

.index_news .wrapper{position: relative;}
.index_news .head{text-align: center;}
.newsList li .pic{width: 100%;padding-top: 56.3%;position: relative;overflow: hidden;}
.newsList li .bgCover{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.newsList li .date{display: inline-block;padding: 0 50px 0 40px;background: var(--primary-color) url(../images/date.png) no-repeat 10px center;font-size: 22px;color: #fff;margin: 20px 0;transition: all .3s ease-out;}
.newsList li h3{font-size: 26px;color: #000;}
.newsList li p{font-size: 22px;color: #666;margin: 10px 0 20px;}
.newsList li i{width: 100%;height: 10px;background: url(../images/arrow.png) no-repeat left;display: block;transition: all .3s ease-out;}
.newsList li:hover .bgCover{transform: scale(1.05);}
.newsList li:hover h3{color: var(--primary-color);}
.newsList li:hover i{background-position: 10px;}
.newsList li:hover .date{box-shadow: 0 0 6px #333;}
.swiper-button-next,
.swiper-button-prev{background-size: 20px;}
.swiper-button-prev{left: -80px;}
.swiper-button-next{right: -80px;}

.newsDetail h1.title{font-size: 34px;color: #000;text-align: center;}
.newsDetail .date{text-align: center;margin: 20px 0 60px;}
.newsDetail .date span{display: inline-block;padding: 0 20px 0 50px;background: var(--primary-color) url(../images/date.png) no-repeat 20px center;font-size: 22px;color: #fff;}
.newsDetail .txt{font-size: 20px;}
.newsDetail .txt img{max-width: 100%;margin: 20px auto;}

.pageNewsList.newsList{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 80px 0 0;}
.pageNewsList.newsList li{width: 48%;margin-bottom: 80px;}

.pageAbout .info{background: #f4f4f4 url(../images/about.png) no-repeat right 100px;padding: 120px 0 160px;}
.pageAbout .info .txt{width: 60%;}
.pageAbout .info .txt p{font-size: 22px;margin-top: 30px;}
.pageAbout .honor{width: 100%;height: auto;}
.pageAbout .honor .wrapper{position: relative;}
.swiperHonor .swiper-wrapper{height: auto;}
.swiperHonor .swiper-slide img{width: 100%;}

.pageContact .info ul{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 120px;}
.pageContact .info ul li{width: 31%;padding: 40px;background-color: var(--primary-color);font-size: 18px;color: #fff;text-align: center;}
.pageContact .info ul li i{width: 70px;height: 70px;border-radius: 35px;background-color: #759992;background-repeat: no-repeat;background-position: center;background-size: 20px;display: block;margin: 0 auto 20px;transition: all .3s ease-out;}
.pageContact .info ul li a:hover{color: #fff;}
.pageContact .info ul li:hover i{transform: scale(1.05);}
.pageContact .info ul li:first-child i{background-image: url(../images/ico-tel1.png);}
.pageContact .info ul li:nth-child(2) i{background-image: url(../images/ico-email1.png);}
.pageContact .info ul li:last-child i{background-image: url(../images/ico-nav1.png);}

.pageContact img.fl{width: 40%;}
.pageContact .form form{width: 57%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.pageContact .form form .code{width: 100%;}
.pageContact .form form h3{width: 100%;}
.pageContact .lable{width: 49%;background-color: #fafafa;padding: 0 10px;margin-top: 10px;font-size: 12px;display: flex;justify-content: space-between;}
.pageContact .lable.long{width: 100%;}
.pageContact .lable.select{display: block;}
.pageContact .lable.select input{padding-left: 0;}
.pageContact input{height: 42px;background-color: #fafafa;padding: 0 10px;border: none;font-size: 12px;flex: auto;}
.pageContact .lable.txt{position: relative;}
.pageContact .lable span{font-size: 12px;color: #999;flex: auto;white-space: nowrap;line-height: 42px;}
.pageContact .lable.txt span{position: absolute;top: 11px;left: 10px;z-index: 2;line-height: 1.5;}
.pageContact .lable span i{color: red;}
.pageContact textarea{width: 100%;height: 110px;background-color: #fafafa;border: none;font-size: 12px;text-indent: 72px;padding: 10px 0;}
.pageContact .spt textarea{text-indent: 102px;}
.pageContact .form form .code {width: auto;display: inline-flex;align-items: center;justify-content: space-between;border-bottom: 2px solid #eee;margin: 10px 0;}
.pageContact .form form .code input{background: none;margin-top: 0;}
.pageContact .check{margin-top: 20px;}
.pageContact .form form .layui-form-select{width: 100%;height: 100%;}
.layui-form-select .layui-input{width: 100%;line-height: 42px;}
.layui-form-select dl dd{font-size: 14px;color: #999;}
.layui-form-select dl dd.layui-this{background-color: var(--primary-color);}
.layui-form-checkbox{display: flex;align-items: center;}
.layui-form-checkbox a{font-size: 14px;color: var(--primary-color);display: inline;vertical-align: inherit;}
.layui-form-checkbox a:hover{text-decoration: underline;}
.layui-form-checkbox[lay-skin=primary] span{font-size: 14px;color: #999;overflow: visible;white-space: normal;}
.layui-form-checkbox[lay-skin=primary] i{width: 18px;height: 18px;}
.layui-form-checked[lay-skin=primary] i{border-color: var(--primary-color)!important;background-color: var(--primary-color);}
.pageContact .submit{margin-top: 20px;}
.layui-btn{background-color: var(--primary-color);}

.pageProduct p{font-size: 22px;}
.pageProduct .advantage ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.pageProduct .advantage ul li{width: 30%;color: #000;margin: 40px 0;}
.pageProduct .advantage ul li i{width: 126px;height: 126px;border-radius: 50%;background-color: var(--primary-color);display: flex;justify-content: center;align-items: center;margin-bottom: 20px;transition: all .3s ease-out;margin: 0 auto;}
.pageProduct .advantage ul li:hover i{transform: scale(1.05);}
.pageProduct .durability{background: #f4f4f4}
.pageProduct .durability .wrapper{background: url(../images/pro01.png) no-repeat right bottom/contain;}
.pageProduct .durability .info{width: 50%;}
.pageProduct .imaging .info{width: 50%;}
.pageProduct .imaging img{max-width: 48%;}
.pageProduct .design{background: url(../images/bg02.jpg) no-repeat center/cover;}
.pageProduct .design .info{width: 48%;}
.pageProduct .design .info h3{color: #fff;}
.pageProduct .design .info h3::after{background-color: #fff;}
.pageProduct .design .info p{color: rgba(255, 255, 255, .8);}
.pageProduct .design img{max-width: 48%;}
.pageProduct .video .info{width: 40%;}
.pageProduct .video video{width: 53%;}
.pageProduct .tables.gray{background-color: #f4f4f4;}
.pageProduct .tables p{text-align: center;margin-bottom: 40px;}
.pageProduct .tables table{width: 100%;text-align: center;}
.pageProduct .tables table tr th{height: 86px;background-color: var(--primary-color);color: #fff;font-size: 24px;font-weight: normal;}
.pageProduct .tables table tr td{height: 50px;font-size: 20px;}
.pageProduct .tables.gray table tr td:last-child{font-weight: bold;}

.rightSlide{position: fixed;right: 0;top: 40%;z-index: 9;display: flex;flex-direction: column;align-items: flex-end;}
.rightSlide li{width: 60px;height: 60px;margin-bottom: 3px;background-color: var(--primary-color);background-repeat: no-repeat;background-size: 20px;background-position: center;cursor: pointer;transition: all .3s ease-out;}
.rightSlide li:first-child{background-image: url(../images/ico-email1.png);}
.rightSlide li:nth-child(2){background-image: url(../images/ico-tel1.png);}
.rightSlide li:last-child{background-image: url(../images/ico-skype.png);}
.rightSlide li a{line-height: 60px;font-size: 20px;color: #fff;width: 0;overflow: hidden;opacity: 0;display: block;transition: all .3s ease-out;}
.rightSlide li:hover{width: auto;padding: 0 20px 0 50px;background-position: 20px center;}
.rightSlide li:hover a{width: auto;opacity: 1;}

@media screen and (max-width: 1400px){
	.footer .top{padding: 30px 5%;}
	.wrapper{width: 100%;padding-left: 5%;padding-right: 5%;}
	.pageNewsList.newsList{padding: 40px 5%;}
}

@media screen and (max-width: 1200px){
	.space{padding-top: 40px;padding-bottom: 40px;}
	.header{height: 60px;}
	.header .logo img{max-height: 30px;}
	.header .m_menuBtn{display: block;}
	.header .nav{position: absolute;top: 60px;left: 0;width: 100%;height: 0;background-color: #fff;overflow: hidden;transition: all .3s ease;}
	.header .nav li{width: 100%;height: 60px;line-height: 60px;margin-left: 0;text-align: center;}
	.header .nav li a{display: block;}
	.header .nav li.on a{color: var(--primary-color);}
	.header .nav li.on::after{display: none;}
	.header.toggle{background-color: #fff;}
	.header.toggle .nav{height: calc(100vh - 60px);padding-top: 10vh;}
	
	.footer .top .left,
	.footer .top .links{display: none;}
	.footer .top .title{margin-bottom: 15px;font-size: 16px;}
	.footer .top .title::after{margin: 8px auto;}
	.footer .right{width: 100%;text-align: center;}
	.footer .btm{font-size: 12px;}
	
	.swiper-button-next, .swiper-button-prev{background-size: 10px;width: 4vw;}
	.swiper-button-next{right: 0}
	.swiper-button-prev{left: 0}
	
	.rightSlide{display: none;}
	
	.pageTitle{font-size: 20px;margin-bottom: 20px;}
	.btmLineLong::after{width: 1.5em;height: 2px;margin-top: 10px;}
	.btmLineLong.center::after{margin: 10px auto 20px;}
	
	.pageBanner{height: 50vh;}
	.pageBanner.white{height: 50vh;}
	.pageBanner .wrapper .info{width: 100%;}
	.pageBanner.white .wrapper .info{width: 100%;}
	.pageBanner h4{font-size: 16px;margin-bottom: 15px;}
	.pageBanner p{font-size: 16px;margin: 10px 0 20px;}
	.pageBanner a{width: 100px;height: 30px;line-height: 28px;font-size: 14px;border-width: 1px;}
	.indexBanner .wrapper{padding: 0;}
	.indexBanner .info{background-color: rgba(255, 255, 255, .6);padding: 0 5%;}
	
	.index_about .info{width: 100%;margin-bottom: 20px;}
	.index_about .info p{margin: 20px 0;font-size: 14px;}
	.index_about img{width: 100%;}
	.moreBtn{width: 100px;height: 30px;line-height: 28px;font-size: 14px;}
	
	.index_advantage ul{margin-bottom: 30px;}
	.index_advantage ul li{width: 100%;padding: 20px;margin-bottom: 10px;}
	.index_advantage ul li i img{width: 40px;}
	.index_advantage ul li p{margin-top: 10px;font-size: 16px;}
	.index_advantage .info{width: 100%;margin-bottom: 20px;padding: 0 5%;}
	.index_advantage img.fr{display: none;}
	
	.index_advantageB .section{width: 100%;}
	.swiperAdvantage{padding-bottom: 20px;}
	.swiperAdvantage .swiper-slide img{margin-bottom: 20px;}
	.swiperAdvantage .swiper-pagination{text-align: center;}
	
	.newsList li .date{font-size: 14px;background-size: 14px;padding: 0 10px 0 30px;}
	.newsList li h3{font-size: 16px;}
	.newsList li p{font-size: 14px;}
	.newsList li i{height: 6px;background-size: auto 6px;}
	
	.pageProduct p{font-size: 14px;}
	.pageProduct .advantage .wrapper{padding: 40px 0;}
	.pageProduct .advantage h3{text-align: center;}
	.pageProduct .advantage h3::after{margin: 10px auto;}
	.pageProduct .advantage ul li{width: 100%;margin: 0;text-align: center;padding: 15px;}
	.pageProduct .advantage ul li:nth-of-type(even){background-color: #f5f5f5;}
	.pageProduct .advantage ul li i{width: 40px;height: 40px;margin: 0 auto 10px;}
	.pageProduct .advantage ul li i img{width: 20px;}
	.pageProduct .durability .wrapper,
	.pageProduct .durability .space{padding: 0;}
	.pageProduct .durability .info{width: 100%;padding: 40px 5%;background-color: rgba(255, 255, 255, .8);}
	.pageProduct .imaging .info{width: 100%;margin-bottom: 20px;}
	.pageProduct .imaging img {max-width: 100%;width: 100%;}
	.pageProduct .design .info{width: 100%;margin-bottom: 20px;}
	.pageProduct .design img {max-width: 100%;width: 100%;}
	.pageProduct .video .info{width: 100%;margin-bottom: 20px;}
	.pageProduct .video video{width: 100%;}
	.pageProduct .tables table tr th,
	.pageProduct .tables table tr td{height: auto;font-size: 12px;padding: 10px 2px;}
	
	.pageAbout .info{padding: 0;background-position: center;background-size: cover;}
	.pageAbout .info .wrapper{padding: 40px 5%;background-color: rgba(255, 255, 255, .8);}
	.pageAbout .info .txt{width: 100%;}
	.pageAbout .info .txt p{font-size: 14px;margin-top: 15px;}
	
	.pageNewsList.newsList li{width: 100%;margin-bottom: 50px;}
	.newsDetail h1.title{font-size: 20px;line-height: 1.3;}
	.newsDetail .date{margin: 10px 0 20px;}
	.newsDetail .date span{font-size: 14px;background-size: 14px;padding: 0 10px 0 30px;background-position: 10px;}
	.newsDetail .txt{font-size: 15px;}
	
	.pageContact .info ul{margin-bottom: 30px;}
	.pageContact .info ul li{width: 100%;padding: 15px;font-size: 14px;margin-bottom: 10px;}
	.pageContact .info ul li i{width: 40px;height: 40px;background-size: 15px;margin: 0 auto 10px;}
	.pageContact img.fl{display: none;}
	.pageContact .form form{width: 100%;}
	.pageContact .form form h3{text-align: center;margin-bottom: 10px;}
	.pageContact .form form h3::after{margin: 10px auto;}
	
}


@media screen and (max-width: 767px){
	.pageContact .lable{width: 100%;}
	.pageContact .form form .layui-form-select{width: 100%;}
}