/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:14px;font-family:' '; color:#333;}
a{color:#333;}
a:hover{ color:#f60; text-decoration:none;cursor: pointer;}
p{line-height:1.8em; /*padding:5px 0;*/text-align: justify;    letter-spacing: 1px;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}



.header{ position:relative;}
.logo{display: block;}
.logo img{max-height: 40px;width: auto;}


/*menu*/
.menu{margin-top: 25px;width: 100%;}
.menu ul li{margin: 8px 0;line-height:2;position: relative;}
.menu ul li a{ font-size:13px;color:#000;font-weight: 300;}
.menu ul li a:hover{/*text-decoration: underline;*/border-bottom: 2px solid #000000;
    padding-bottom: 3px;}
.menu dl{border-bottom: 1px solid #333;border-top: 1px solid #333;padding: 5px 0;display: none;transition: 0.3s;}
.menu dl.active{display: block;}
.menu dl dd a{font-size: 14px;display: block;line-height: 2;position: relative;}
.menu dl dd a:after{position: absolute;top: 0;right: 0;content: "●";opacity: 0;transition: 0.3s;}
.menu dl dd a:hover:after{opacity: 1;}
.menu>ul>li>i{position: absolute;top: 2px;right: 0;font-size: 18px;transition: 0.3s; padding:0 6px;display: none;}
.menu2open.on:before{content: "\f107";}
.menu>ul>li.on>a{font-weight: 500;}
.menu>ul>li.cur a{border-bottom: 2px solid #000000;padding-bottom: 3px;}
.menu2{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;position: relative;}
.menu2Btn{position: absolute;top: 0;right: 0;font-size: 18px;transition: 0.3s;z-index: 9;}
.menu2Btn i{transition: 0.3s;padding:0 6px;}
.menu2 .tit{font-size: 14px;width: 125px;color: #000;font-weight: 300;line-height: 2;}
.menu2 .menu2desc{width: calc(100% - 130px);display: none;}
.menu2 .menu2desc ul li{margin: 0;}
.menu2 .menu2info{margin-top: 10px;font-size: 12px;font-weight: 300;display: none;margin-bottom: 5px;}
.menu2 .menu2info p{padding: 0;}

.menu2.on .menu2Btn i:before{content: "\f107";}
.menu2.on .menu2desc{display: block;}
.menu2.on .menu2info{display: block;}



/*swiper*/
.swiper {width: 100%;height: 100%;}
.swiper-slide {background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide img { display: block;width: 100%;height: 100%;object-fit: cover;}

.language{width: 100%;margin-top: 25px;line-height: 2;display: none;}
.language a{color: #333;font-weight: 300;font-size: 15px;}
.language ul li.on a{color: #000;}

.hLinks{width: 100%;margin-top: 25px;line-height: 2;}
.hLinks ul li{margin-right: 10px;}
.hLinks ul li a{color: #666;font-size: 18px;}
.hLinks ul li a:hover{color: #333;}



/*common*/
.iComTitle{}

.disFlex{display: flex;flex-wrap: wrap;}
.jusBet{justify-content: space-between;}
.jusCet{justify-content: center;}
.jusEnd{justify-content: flex-end;}
.aliTop{align-items: flex-start;}
.aliCet{align-items: center;}
.alibtm{align-items: flex-end;}
.bgfff{background: #fff;}
.fff{color: #fff !important;}
.pt130{padding-top: 130px;}
.pb140{padding-bottom: 140px;}
.img{font-size: 0px;overflow: hidden;}
::-webkit-scrollbar {width: 3px;height: 8px;background-color: #fff;border-radius: 4px;position: relative;}
.imgm{display:none !important;}

.index{width: 100%;height: 100vh;position: relative;overflow: hidden;}
/*banner*/
.banner{width: 100%;height: 100%;}
.banner .part{display: block;width: 100%;height: 100%;}
.index .imgTop{position: absolute;/*top: 5%;left: 5%;*/top: 53px;
    left: 59px;color: #fff;z-index: 9;}
.index .imgTop img{max-height: 57px;width: auto;}
.index .imgBtm{position: absolute;bottom: 5%;right: 5%;color: #fff;z-index: 9;color: #fff;font-size: 22px;}


.mainFull{width: 100%;overflow: hidden;display: flex;justify-content: space-between;flex-wrap: wrap;}
.mainl{width: 331px;height: 100vh;padding: 51px 111px;box-sizing: border-box;overflow: hidden;overflow-y: auto;padding-right: 0;}

.mainr{width: calc(100% - 410px);height: 100vh;padding: 0px 25px;box-sizing: border-box;overflow: hidden;overflow-y: auto;}

.about{width: 100%;font-size: 16px;color: #333;padding: 5%;box-sizing: border-box;}
.about h2{font-size: 22px;color: #333;margin-bottom: 25px;}
.about img{max-width: 100%;}

.product{width: 100%;}
.proList{width: 100%;}
.proList ul{display: flex;flex-wrap: wrap;}
.proList ul li{width: 33.33%;padding: 0 10px;box-sizing: border-box;margin-bottom: 20px;}
.proList .part{display: block;width: 100%;position: relative;overflow: hidden;}
.proList .part .img{width: 100%;font-size: 0px;overflow: hidden;}
.proList .part .img img{width: 100%;transition: 0.5s; height:460px;object-fit: cover;}
.proList .part:hover .img img{transform: scale(1.1);}
.proList .part .tit{margin-top: 20px;color: #333;font-weight: 300;color: #333;font-size: 14px;display: none;}
.proList .part .tit:hover{text-decoration: underline;}

.prodetail{width: 100%;font-size: 16px;color: #333;}
/*.prodetail h2{font-size: 22px;color: #333;margin-bottom: 25px;}*/
.prodetail img{max-width: 100%;}

.news{width: 100%;}
.newItem{width: 100%;margin-bottom: 45px;}
.newItem .year{margin-bottom: 15px;color: #000;font-weight: 500;font-size: 18px;cursor: pointer;position: relative;width: 40%;}
.newItem .year:after{position: absolute;top: 0;right: 0;content: "●";opacity: 0;transition: 0.3s;}
.newSlide{width: 100%;position: relative;}
.newTab{width: 40%;box-sizing: border-box;}
.newTab ul li{margin-bottom: 15px;font-size: 15px;font-weight: 300;padding-right: 20px;box-sizing: border-box;position: relative;}
.newTab ul li:after{position: absolute;top: 0;right: 0;content: "●";opacity: 0;transition: 0.3s;}
.newTab ul li:hover:after{opacity: 1;}
.newPanel{width: 48%;padding: 50px;box-sizing: border-box;position: fixed;top: 0;right: 0;height: 100vh;overflow: hidden;overflow-y: auto;}
.newPanel .tit{font-size: 16px;font-weight: 300;margin-bottom: 15px;display: none;}
.newPanel .desc{font-size: 14px;color: #333;font-weight: 300;}
.newPanel .desc img{width: 100%;}

.newItem .newSlide{display: none;}
.newItem.active .newSlide{display: block;}
.newItem.active .year:after{opacity: 1;}

.contact{width: 100%;font-size: 16px;color: #333;height: 100%;padding: 5%;box-sizing: border-box;}
.contact h2{font-size: 22px;color: #333;margin-bottom: 25px;}
.contact img{max-width: 100%;}

.dealer{width: 100%;font-size: 16px;color: #333;height: 100%;padding: 5%;box-sizing: border-box;}
.dealer h2{font-size: 22px;color: #333;margin-bottom: 25px;}
.dealer img{max-width: 100%;}

.media{width: 100%;}


.inside{width: 100%;font-size: 16px;color: #333;height: 100%;padding: 5%;box-sizing: border-box;}
.inside h2{font-size: 22px;color: #333;margin-bottom: 25px;}
.inside img{max-width: 100%;}

.add1{width: 100%;}
.add1Top{width: 100%;font-size: 0px;overflow: hidden;margin-bottom: 45px;}
.add1Top .part{display: block;width: 100%;position: relative;overflow: hidden;}
.add1Top .part .img{width: 100%;font-size: 0px;overflow: hidden;}
.add1Top .part .img img{width: 100%;transition: 0.5s; height:460px;object-fit: cover;}
.add1Top .part:hover .img img{transform: scale(1.1);}
.add1Top .part .tit{margin-top: 20px;color: #333;font-weight: 300;color: #333;font-size: 14px;}
.add1Top .part .tit:hover{text-decoration: underline;}


.add1List{width: 100%;}
.add1List ul{display: flex;flex-wrap: wrap;}
.add1List ul li{width: 25%;padding: 0 10px;box-sizing: border-box;margin-bottom: 40px;}
.add1List .part{display: block;width: 100%;position: relative;overflow: hidden;}
.add1List .part .img{width: 100%;font-size: 0px;overflow: hidden;}
.add1List .part .img img{width: 100%;transition: 0.5s; height:420px;object-fit: cover;}
.add1List .part:hover .img img{transform: scale(1.1);}
.add1List .part .tit{margin-top: 20px;color: #333;font-weight: 300;color: #333;font-size: 14px;}
.add1List .part .tit:hover{text-decoration: underline;}

/*--------------------------------------------------------------*/
.mainr::-webkit-scrollbar {width: 3px;height: 8px;background-color: #fff;border-radius: 4px;position: relative;}/*下拉条样式隐藏*/
/*滚动条样式*/
.mainr::-webkit-scrollbar {
	/*滚动条整体样式*/
	width: 4px;
	/*高宽分别对应横竖滚动条的尺寸*/
	height: 4px;
}

.mainr::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	background: rgba(0, 0, 0, 0.5);
}

.mainr::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	border-radius: 0;
	background: rgba(0, 0, 0, 0.1);
}


.banner2{width: 100%;overflow: hidden;height: 100vh;}
.banner2 .part{width: 100%;height: 100%;display: flex;justify-content: flex-end;align-items: center;}
.banner2 .part img{width: auto;height: auto;max-width: 100%;max-height: 100%;}

.workmt{margin-top: 129px;}
.workpr{padding-right: 8%;box-sizing: border-box;    margin-top: 61px;}

.work1List{width: 100%;max-width: 930px;}
.work1List ul li{margin-bottom: 40px;}
.work1List .part{display: block;width: 100%;overflow: hidden;}
.work1List .part .img{width: 100%;font-size: 0px;}
.work1List .part .img img{width: 93%;}
.work1List .part .tit{font-size: 16px;margin-top: 15px;color: #333;}

.backBtn{text-align: right;font-size: 16px;color: #999;}
.backBtn a{color: #999;}
.backBtn i{padding: 0 5px;font-style: normal;}
.backBtn a:hover{color: #333;}

.work2Top{margin-top: 45px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.work2Top .left{display: inline-block;width: 70%;}
.work2Top .right{display: inline-block;width: calc(30% - 40px);margin-top: -6px;}
.work2Top .left .img{width: 100%;font-size: 0px;}
.work2Top .left .img img{width: 100%;}
.work2Top .left .tit{font-size: 16px;margin-top: 15px;color: #333;}
.work2Top .right .info{font-size: 14px;color: #333;}
.work2Top .right .info p{line-height: 1.6;}
.work2Top .left .tags{font-size: 14px;margin-top: 10px;color: #333;}
.work2Top .left .tags p{padding: 0;}

.work2List{width: 100%;margin-top: 100px;}
.work2List ul li{float: left;width: 24%;/*padding: 0 15px;*/padding-right: 26px;box-sizing: border-box;margin-bottom: 30px;}
.work2List .part{display: block;width: 100%;position: relative;overflow: hidden;}
.work2List .part .img{width: 100%;font-size: 0px;}
.work2List .part .img img{width: 100%;transition: 0.6s;}
.work2List .part:hover .img img{transform: scale(1.1);}
.work2List .part .tit{font-size: 15px;margin-top: 10px;color: #333;}


.workdetail{width: 100%;}
.workdetail .work2Top .img{display: flex;justify-content: center;}
.workdetail .work2Top .img img{/*width: auto;*/max-width: 100%;height: 624px;object-fit: contain;}
.workdList{margin-top: 70px;}
.workdList .img{width: 100%;height: 290px;}
.workdDesc{font-size: 15px;color: #333;margin-top: 10px;}

.about2Desc{width: 100%;max-width: 460px;font-size: 14px;color: #333;    margin-top: -13px;}
.about2Desc img{width: auto;max-width: 100%;}

.contact2Desc{width: 100%;font-size: 14px;color: #333;}
.contact2Desc img{width: auto;max-width: 100%;}





@media only screen and (max-width: 1480px) {
.index .imgTop img{max-height: 40px;}
.index .imgBtm{font-size: 18px;}
.proList .part .img img{height:320px;}
.add1List .part .img img{height:320px;}

.workmt{padding-top: 5%;}
.workpr{padding-right: 0;}
.work2Top .left{width: 100%;}
.work2Top .right{width: 100%;margin-top: 15px;}


}

@media only screen and (max-width: 1200px) {
.wapper{ width:100%;}
.index .imgTop img{max-height: 30px;}
.index .imgBtm{font-size: 16px;}
.about{padding: 5% 0;}
.proList ul li{width: 50%;}
.newPanel{padding: 0 25px;width: 40%;}
.add1List ul li{width: 50%;}

.work2List ul li{width: 50%;}




}

@media only screen and (max-width: 980px) {
.mainl{padding: 50px 25px;padding-right: 0;width: 280px;}
.mainr{padding: 50px 25px;width: calc(100% - 280px);}
.newPanel{padding: 0 15px;width:36%;}
.newTab ul li{font-size: 14px;}
.menu2 .tit{width:90px;}
.menu2 .menu2desc{width: calc(100% - 90px);}
.proList ul li{width:100%;}


}

@media only screen and (max-width: 780px) {
.mainl{padding: 25px;padding-right: 0;width: 220px;}
.mainr{padding: 25px;width: calc(100% - 220px);}
.proList ul li{width: 100%;}
.newTab{display: none;}
.newItem .year{width: 100%;}
.newPanel{width: 100%;position: relative;top: auto;right: auto;width: 100%;padding: 0;height: auto;}
.newPanel .tit{display: block;}
.newPanel .item{display: block !important;margin-bottom: 25px;}
.add1List ul li{width: 100%; padding:0}

}

@media only screen and (max-width: 620px) {
.index .imgTop{width: 100%;left: 0;text-align: center;    top: 120px;}
.index .imgTop img{max-height: 25px;}
.index .imgBtm{width: 100%;right: 0;text-align: center;font-size: 16px;}
.mainl{padding: 15px;width: 100%;height: auto;}
.mainr{padding: 15px;width: 100%;height: auto;}
.logo img{max-height: 45px;}
.menu{margin-top: 15px;}
.menu ul li a{font-size: 14px;}
.language{margin-top: 15px;}
.language ul{display: flex;}
.language a{font-size: 14px;margin-right: 10px;}
.hLinks{margin-top: 15px;line-height: 1.6;}
.about h2{font-size: 18px;}
.about{font-size: 14px;}
.proList ul li{width: 100%;padding: 0;}
.newItem .year{font-size: 16px;}
.newPanel .tit{font-size: 14px;margin-bottom: 10px;}
.newItem{margin-bottom: 25px;}
.contact{padding: 0;font-size: 14px;}
.dealer{padding: 0;font-size: 14px;}

.imgPc{display:none !important;}
.imgm{display: block !important;}

.mainr{padding: 10px !important;}
.banner2{height: 660px;}
.work2List ul li{width: 100%;padding: 0;}


}