@charset "utf-8";
/* reset */
body,h1,h2,h3,h4,h5,p,dl,dt,dd,ul,ol,li,form,input,textarea,th,tr,td,select,figure,figcaption{margin:0;padding:0;}
body{font-size:16px;font-family:Arial,微软雅黑;color:#666; margin:0 auto;}
h1,h2,h3,h4,h5{font-weight:normal;}
em,i{font-style:normal;}
li {list-style:none;}
a {text-decoration:none;color:inherit;}
a:focus{text-decoration: none;outline: none;}
img {border:none;max-width:100%;max-height:100%;vertical-align:middle;}
table{border-collapse:collapse;}
input,textarea{outline:none;background:#fff;border:none;}
textarea{resize:none;overflow:auto;}

/* public */
.clearfix {*zoom: 1;}
.clearfix:before,.clearfix:after {content:'';display: block;height: 0;clear: both;visibility: hidden;}
.img_box,.pic_box{display:table-cell;vertical-align:middle;text-align:center;}
.main{width:100%; max-width:1500px; margin:0 auto;}
.fixed{position:fixed;left:0;top:0;z-index:999;}
.btn{font-family: '微软雅黑';cursor:pointer;}
.bl{display:inline-block;float:left;}
.br{display:inline-block;float:right;}
h1,h2,h3,h4,h5{font-weight:normal;}
.text_omit{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.img_fit{width:100%;height:100%;object-fit:cover;}

/* 页头 */
.header { top: 0; z-index: 9999; width: 100%; background-color:#18252b; padding: 21px 15px; box-sizing: border-box; }
.header .main{ display: flex; justify-content: space-between; }
.header h1{ width: 199px; height: 58px; background: url(../images/lixiya_03.jpg) center center no-repeat; background-size: auto 58px; }
.header h1 a { width: 100%; height: 100%; display: block; text-indent: -9999px; }
.menu { float: left; position: relative; padding-top: 10px;}
.menu .menu-icon {display: inline-block; width: 40px; height: 36px; cursor: pointer; position: relative;}
.menu span {background: #fff; display: inline-block;}
.header.change .menu span { background: #195ffa; }
.menu .s6 {width: 40px; height: 3px; position: absolute; top: 6px; left: 0;}
.menu .s7 {width: 20px; height: 3px;position: absolute; top: 16px; }
.menu .s8 {position: absolute;right: 0; top: 15px;width: 4px; height: 4px; border-radius: 100%;}
.menu .s9 {width: 40px; height: 3px;position: absolute; top: 26px; left: 0;}
.menu .s10 {width: 4px; height: 4px; border-radius: 100%; position: absolute; top: 16px; left: 18px; opacity: 0;filter:alpha(opacity=0); }

.open-nav .menu span { background: #fff; } 
.open-nav .menu .s8 {width: 18px; right: 0; top: 27px; height: 3px; transform: rotate(45deg);-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);border-radius: 0;}
.open-nav .menu .s7 {width: 18px;transform: rotate(-45deg);-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); top: 6px; right: 0px;}
.open-nav .menu .s6 {width: 18px; transform: rotate(45deg);-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 6px; left: 0px;}
.open-nav .menu .s9 {width: 18px; transform: rotate(-45deg);-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);top: 27px; left: 0px;}
.open-nav .menu .s10 {opacity: 1.0;filter:alpha(opacity=100); }
.menu .menu-icon *{ transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease; }

.search_btn{ width: 36px; height: 35px; padding-top: 10px; background: url(../images/search.png) center 10px no-repeat; background-size: auto 35px; }


/* 显示导航 */
.aside-nav{width: 100%; padding-top: 100px; background: rgba(24, 37, 43, .8); position: absolute; box-sizing: border-box; left: -110%; z-index: 1000; transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;}
.open-nav .aside-nav {left:0; -webkit-transform: translateX(0); }
 
@media (max-width:991px){
	.header { padding: 15px 15px; }
	.header h1{ width: 175px; height: 50px; background-size: auto 50px; }
}
@media (max-width:768px){
	.aside-nav{ padding-top: 84px; }
}
@media (max-width:640px){
	.header { padding: 10px 15px; }
	.header h1{ width: 140px; height: 45px; background-size: auto 40px; }
	.aside-nav{ padding-top: 74px; }
}
@media (max-width:480px){
	.menu{ order: 1; }

	.search_btn{ display: none; }

	.aside-nav{ padding-top: 70px; }
}

.mNav::-webkit-scrollbar { width: 2px;}
.mNav::-webkit-scrollbar-track {background: #fff;}
.mNav::-webkit-scrollbar-thumb { background: #c3c3c3;}

.mNav::-webkit-scrollbar-thumb:window-inactive { background: #128dc0;}
.mNav{height:100%;overflow-y: auto;}
.mNav li{padding:5px 25px; box-sizing: content-box;}
.mNav .v1{display: block;/*padding-left: 25px;*/line-height:40px;font-size:14px; border-bottom: 1px #fff solid; background: url(../images/a2.png) no-repeat right 25px center; color:#fff}
.mNav dl{/*background-color: #f0f5fa;*/line-height: 45px;/*padding: 10px 25px;*/font-size: 12px; border-bottom: 1px solid #fff;display: none;}
.mNav dl dd:last-child { border-bottom: none;}
.mNav dl dd a {display:block;line-height:45px;border-bottom: 1px #fff solid; color:#fff}



.banner{ width:100%;height:100%;}
.banner .swiper-slide{ width:100%;height:100%;}
.banner .swiper-pagination-bullet{ width:30px;height:5px; border-radius:0;  background-color: #000;opacity:1;}
.banner .swiper-pagination-bullet-active{ background-color:#c72227; }

/**/

.index_swiper{width:100%;height:100%;display: block;}
.index_swiper .swiper-slide{text-align: center;background-repeat:no-repeat;background-position:center center;background-size:100% 100%;}
.index_swiper .index_num{position: absolute;left:5%;top:60%;z-index: 111;width:20px;height:135px;}
.index_snext, 
.index_sprev{ width: 10px; height: 10px;display: block;margin:0 auto; cursor: pointer; outline: none;opacity: .6;}
.index_sprev{ background: url(../images/top.png) no-repeat center;
}
.index_snext{background: url(../images/bottom.png) no-repeat center;}
.index_num .indexpage{	position: static;margin:5px auto;}
.index_num .indexpage .swiper-pagination-bullet{
	width:2px;height:2px;background:#377ec6;border-radius:0;opacity: .6;display: block;	margin:5px auto;-webkit-transition: all .4s;-moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;transition: all .4s;
}
.index_num .indexpage .swiper-pagination-bullet-active{background:#377ec6;width:2px;height:60px;border-radius:0;opacity: .6;}

.about-txt{margin: 0 auto;  width:30%; position: absolute; right:15%; top:35px;  padding: 0 15px; text-align:left;box-sizing: border-box; }
.about-txt h2{ font-size:36px; color: #242424; font-weight: bold; }
.about-txt h3{ font-size:36px; color: #a9a9a9; font-family: "ava";  padding-top:35px;}
.about-txt .textp{ margin-top: 35px; }
.about-txt .textp p{ font-size: 18px; line-height:2.5em; text-indent:2em;}
.about-txt .more_a{ margin-top: 50px; }

/**/

.intil{margin: 0 auto; height:auto; overflow: hidden;  width: 100%; max-width: none; padding: 0 15px; text-align:left;box-sizing: border-box; }
.intil h2{ font-size:28px; color: #242424; font-weight: bold; }
.intil h3{ font-size:30px; color: #a9a9a9; font-family: "ava";  padding-top:35px; text-transform:uppercase;}

.intil2{margin: 0 auto; height:auto; overflow: hidden;  width: 100%; max-width: none; text-align:left;box-sizing: border-box; }
.intil2 h2{ font-size:36px; color: #242424; font-weight: bold; }
.intil2 h3{ font-size:40px; color: #a9a9a9; font-family: "ava";  padding-top:35px; text-transform:uppercase;}

/* more */
.more_a{ display: block; width: 170px; height: 30px; overflow: hidden; float:left }
.more_a .ani_line{ position: relative; float: left; display: block; width: 87px; height: 10px; border-bottom: 1px solid #dcdcdc; }
.more_a:hover .ani_line{ position: relative; width: 87px; border-bottom: 1px solid #dcdcdc; }
.more_a .ani_line .dot{ position: absolute; width: 8px; height: 8px; border-radius: 50%;left: 0; bottom: -4px; background-color: #b4895f;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.more_a:hover .ani_line .dot{ left: 100%; }
.more_a .tt{ float: left; display: block; height: 20px; color: #333; font-size:14px; margin-left: 15px;}







/* section3 */

.iseries{ width:100%; height: 100%; }
.iseries .swiper-slide{ height: 100%; background-size: 100% 100%; }
.iseries .swiper-slide .item{ width: 100%; height: 100%;  background-color: #465155;  }
.iseries .swiper-slide:nth-child(2n) .item{ background-color: #2a363b; }
.iseries  .swiper-slide-next .item{ background:none; }
.iseries .swiper-slide .item:hover{ height: 100%; background-color: transparent; }
.iseries .swiper-slide .item a{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.iseries .swiper-slide .item .text{ padding-top:40%; width: 70%; text-align: left; }
.iseries .swiper-slide .item:hover .text{ opacity: 0; }
.iseries .text h3{ color: #fff; font-size:42px; }
.iseries .text .en{ margin: 12px 0 15px; text-transform: uppercase; color: #FFFFFF; font-size:35PX; }
.iseries .text p{ color: #fff; font-size:14px; line-height:20px; }

.iseries .swiper-button-prev{ width:76px; height: 76px; left:18px; opacity: 1; background-image: url(../images/lixiya_16.jpg); background-size: auto 76px; background-color: transparent; top:35%}
.iseries .swiper-button-next{ width:76px; height: 76px; opacity:1; background-image: url(../images/lixiya_20.jpg); background-size: auto 76px; background-color: transparent;right: 18px;top:70%}
.iseries .swiper-button-next.swiper-button-disabled,.iseries .swiper-button-prev.swiper-button-disabled{ opacity: 0; }

@media (max-width:991px){
	.iseries .text .en{ margin: 10px 0 20px; }
	.iseries .text p{ line-height: 26px; }
}
@media (max-width:768px){
	.iseries .swiper-slide .item .text{ padding-top: 30%; }
}
@media (max-width:480px){
	.iseries .swiper-slide .item .text{ padding-top: 20%; }

}


/**/
.index-txt{ width:30%; position: absolute; left:10%; top:35px;  padding: 0 15px; text-align:left;box-sizing: border-box; color: white}
.index-txt h3{ font-size:60px; font-family: "ava"; margin-top:150px; }
.index-txt .textp{  width:100%; text-align: left; margin:0 auto;margin-top: 35px;}
.index-txt .textp p{ font-size:18px; line-height: 30px; text-indent:2em;}
.index-txt .mgo{ width:80px; height:80px; margin:25px auto; border-radius:50%; text-align: center; line-height:80px; background-color: white; font-size:1.4rem; color:#d3ccc4; float: left}


/**/
.incase{margin: 0 auto; margin-top:130px; width:80%; max-width:none;box-sizing:border-box;}


.icase{ width: 100%; box-sizing: border-box; }
.icase h2{ text-align: left; font-size: 36px; color: #486853; font-weight: bold; }
.icase h3{ text-align: left; font-size: 48px; color: #486853; font-family: "ava"; }

.case-ul{ float: right; margin-top: -30px; }
.case-ul ul{ display: inline-block; font-size: 0; }
.case-ul li{ position: relative; display: inline-block; padding: 0 15px 0 10px; font-size: 16px; cursor: pointer; }
.case-ul li::after{ content: "|"; position: absolute; right: 0; top: 3px; color: #666; }
.case-ul li:last-child::after{ display: none; }
.case-ul li:hover,.case-ul li.on{ color: #213725; }


.caselide{ padding-top: 50px; box-sizing: border-box; }
.caselide .item{ width: 100%; }
.caselide .item:nth-child(2n){ margin-right: 0; }
.caselide .item .img{ position: relative; width: 100%; height: 280px; overflow: hidden; }
.caselide .item .img img{ width: 100%; height: 100%; object-fit: cover; }
.caselide .item .img>div{ opacity: 0; }
.caselide .item .cover{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(36,52,72,0.8); }
.caselide .item .more{ opacity: 1; position: absolute; left: 50%; top: 50%; width: 66px; height: 66px; margin: -33px 0 0 -33px; background: url(../images/morepic.png) center center no-repeat; background-size: cover; }
.caselide .item:hover .img>div{ opacity: 1; }
.caselide .item p{ margin-top: 15px; color: #666; text-align: center; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }


.caselide .swiper-container{ padding-bottom: 80px; }
.caselide .swiper-container-horizontal>.swiper-pagination-progressbar{ height: 5px; top: auto; bottom: 0; background: url(../images/potline.jpg) 0 2px repeat-x;  }
.caselide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background: #c49d80; }



/**/
.join-txt{margin: 0 auto;  width:30%; position: absolute; right:15%; top:35px;  padding: 0 15px; text-align:left;box-sizing: border-box; }
.join-txt h4{ font-size:35px; color: #000;padding:20px 0;}
.join-txt .textp{}
.join-txt .textp p{ font-size: 18px; line-height:2em; text-indent:2em; color:#242424;}
.join-txt .more_a{ margin-top:20px; }
.join-txt .more_a .ani_line{ position: relative; float: left; display: block; width: 87px; height: 10px; border-bottom: 1px solid #959595; }

/**/
.infot{margin: 0 auto; width: 100%; max-width: none; text-align:center;color: #FFFFFF; background-color:#18252b; }
.flogo{margin: 0 auto; width: 100%;  padding: 0 15px; text-align:center; border-bottom:3px solid #475055;box-sizing:border-box;}
.ftxt{margin: 0 auto; width: 100%;  padding: 0 15px; text-align:center;box-sizing:border-box;}
.ftxt h3{font-size:45px; padding:20px 0;}
.ftxt p{font-size:14px; line-height:2em;}
.ftxt img{margin:15px;}
.ftxt img:nth-child(1){max-width:65%; margin:15px;}
.fcopy {margin: 0 auto; position: absolute; bottom:20px; width: 100%;  padding: 0 15px; text-align:center;box-sizing:border-box;font-size:16px; line-height:2em;}