@charset "utf-8";
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,div,img{margin:0;padding:0;}
ul,li{list-style:none; margin:0px; padding:0px;}
img{border:0; vertical-align:middle;}
em{ font-style:normal;}
input[type="text"],input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;font-family:"microsoft yahei";}
textarea {-webkit-appearance: none;font-family:"microsoft yahei";} 
*{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a{text-decoration:none;color:#323232;}
a:hover{color:#323232;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
img{max-width: 100%;}
body{color:#323232; font-size: 14px; line-height: 1.5; font-family:"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei","Helvetica Neue",Verdana,Helvetica,Arial,sans-serif;}
.wid1600{ max-width: 1600px; margin:0 auto; }
.wid1700{ max-width: 1700px; margin:0 auto; }
.wid1500{ max-width: 1500px; margin:0 auto; }
.wid1420{ max-width: 1420px; margin:0 auto; }
.wid1350{ max-width: 1350px; margin:0 auto; }
.wid1200{ max-width: 1200px; margin:0 auto; }
.wid1000{ max-width: 1000px; margin:0 auto; }
.wid1080{ max-width: 1080px; margin:0 auto; }
.wid1060{ max-width: 1060px; margin:0 auto; }
.wid800{ max-width: 800px; margin:0 auto; }

/*header*/
#header{ height: 60px;  width: 100%; position: fixed; top: 0; left: 0; z-index: 10000; background: #fff; box-shadow: rgba(0,0,0,.1) 1px 2px 3px;-webkit-transition:all .4s ease-out;-transition:all .4s ease-out; font-size: 12px; padding: 0 3%;box-sizing: border-box;}
#header .logo{ float: left; height: 100%; line-height: 60px; position: relative; z-index: 101; display: flex;align-items: center;width: 72px; }
#header .logo img{width: 100%; display: inline-block;}
#header .nav{ position: relative; z-index: 100; }
#header .nav ul{float: right;}
#header .nav li{ float: left;position: relative;}
#header .nav li>a{ display: block;line-height: 60px;padding: 0 30px; overflow: hidden; color: #666;transition: all 0.1s ease-out; text-align: center;} 
#header .nav li.on>a,#header .nav li.hover>a{ background:#e3765c;color: #fff;}
/*#header .nav li>a:hover{ background: #ef795e;color: #fff; text-shadow: rgba(0,0,0,0.2) 0 0 5px;  }*/
#header .nav li:last-child>a:hover,#header .nav li.hover:last-child>a{color: #fff;}
#header .nav li:last-child{position: relative;}
#header .nav li:last-child:after{content: '';width: 1px;height: 20px;background-color: #6a6a6a;display: inline-block;top: 0;bottom: 0;left: 0;z-index: 1;position: absolute;margin: auto;}
#header .searchbox{  float: right; margin-top:18px; border:#6a6a6a 1px solid; height: 20px; position: relative;overflow: hidden;z-index: 101;}
#header .searchbox .search{  width: 115px;height: 20px; line-height: 18px;text-align: center; color: #6a6a6a; border:none; outline: none;transition: all 0.4s ease-out; padding: 0 10px; padding-right: 25px;box-sizing: border-box; text-align: left;float: left;}

#header .searchbox .btn{border:none;background: url(../images/search-icon.png) no-repeat center center; width: 25px;height: 25px;position: absolute;right: 0;top: 0;bottom: 0;margin: auto;z-index: 100;outline: none;cursor: pointer;}
#header .searchlink{display: none;}
#header.header-up{top:-60px;}
#header .subnav{ white-space: nowrap; position: absolute;z-index: 100;left: 0;top: 0; margin-top: 60px; display: none; color: #fff;background: #e3765c;}
#header .subnav a{float: left;width: 115px;text-align: center;color: #fff;height: 37px;line-height: 37px;overflow: hidden;text-overflow: ellipsis;}
#header .subnav a.on,#header .subnav a:hover{background: #e8806f;}
.header-blank{ height: 60px; width: 100%; }

#header .nav li:nth-child(1).on>a,#header .nav li:nth-child(1).hover>a{ background:#7ca533;}
#header li:nth-child(1) .subnav{background: #7ca533;}
#header li:nth-child(1) .subnav a.on,#header li:nth-child(1) .subnav a:hover{background: #7ca533;}

#header .nav li:nth-child(2).on>a,#header .nav li:nth-child(2).hover>a{ background:#e3765c;}
#header li:nth-child(2) .subnav{background: #e3765c;}
#header li:nth-child(2) .subnav a.on,#header li:nth-child(2) .subnav a:hover{background: #e8806f;}

#header .nav li:nth-child(3).on>a,#header .nav li:nth-child(3).hover>a{ background:#4574b9;}
#header li:nth-child(3) .subnav{background: #4574b9;}
#header li:nth-child(3) .subnav a.on,#header li:nth-child(3) .subnav a:hover{background: #5586c5;}

#header .nav li:nth-child(4).on>a,#header .nav li:nth-child(4).hover>a{ background:#62bcb4;}
#header li:nth-child(4) .subnav{background: #62bcb4;}
#header li:nth-child(4) .subnav a.on,#header li:nth-child(4) .subnav a:hover{background: #7cc8be;}

#header .nav li:nth-child(5).on>a,#header .nav li:nth-child(5).hover>a{ background:#d0514f;}
#header li:nth-child(5) .subnav{background: #d0514f;}
#header li:nth-child(5) .subnav a.on,#header li:nth-child(5) .subnav a:hover{background: #d96969;}

#header .nav li:nth-child(6).on>a,#header .nav li:nth-child(6).hover>a{ background:#6a2589;}
#header li:nth-child(6) .subnav{background: #6a2589;}
#header li:nth-child(6) .subnav a.on,#header li:nth-child(6) .subnav a:hover{background: #703991;}

#header .nav li:nth-child(7).on>a,#header .nav li:nth-child(7).hover>a{ background:#911f65;}
#header li:nth-child(7) .subnav{background: #911f65;}
#header li:nth-child(7) .subnav a.on,#header li:nth-child(7) .subnav a:hover{background: #9a2f7c;}

#header .nav li:nth-child(8).on>a,#header .nav li:nth-child(8).hover>a{ background:#34469a;}
#header li:nth-child(8) .subnav{background: #34469a;}
#header li:nth-child(8) .subnav a.on,#header li:nth-child(8) .subnav a:hover{background: #424e9e;}

#header .nav li:nth-child(9).on>a,#header .nav li:nth-child(9).hover>a{ background:#30a35c;}
#header li:nth-child(9) .subnav{background: #30a35c;}
#header li:nth-child(9) .subnav a.on,#header li:nth-child(9) .subnav a:hover{background: #30a35c;}


#header.headerhover{background:#fff,box-shadow:rgba(0,0,0,.1) 1px 2px 3px;}

/*banner*/
.banner{ background-size: cover; min-height: 700px; background-attachment: fixed; width: 100%; position: relative; overflow: hidden;color: #fff; text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center; }
.banner .text{margin: 0 auto;padding:8% 0;text-align: center; width: 100%;}
.banner .t{font-size:65px;font-weight: 700;margin-bottom: 10px;}
.banner .p{font-size: 20px;line-height: 1.8;font-weight: 700;max-width:440px;margin: 0 auto 20px;}
.banner .btn{width: 120px;height: 55px;text-align: center;line-height: 55px;color: #323232; font-size: 20px; display: inline-block; transition: all 0.4s ease-out;margin:0 5px;background-color: #fff;}
.banner .btn.on,.banner .btn:hover{background: #adcd20;color: #fff;}
.banner .control{width: 450px;margin: 0 auto;}
.banner .control .btn{margin: 0 5px 18px;}
.banner .control .btn1{background-color: #e1a082;color: #fff;}
.banner .control .btn2{background-color: #8796b5;color: #fff;}
.banner .control .btn3{background-color: #99ae83;color: #fff;}
.banner .control .btn4{background-color: #c27072;color: #fff;}
.banner .control .btn5{background-color: #d69b93;color: #fff;}
.banner .control .btn6{background-color: #87b5b3;color: #fff;}

/*.graybg{background-color: #fafafa;overflow: hidden;padding: 20px 0 35px;color: #323232;text-align: center;}*/
.graybg{background-color: #fff;overflow: hidden;padding: 20px 0 35px;color: #323232;text-align: center;}
.graybg .t{font-size: 55px;margin-bottom: 10px;}
.graybg .p{max-width:480px;margin: 0 auto;line-height: 1.8; font-size:15px;}

#index{background-color: #f5f5f5;padding: 20px 0;}
#index .banner1{ width: 100%; position: relative; overflow: hidden; text-align: center;}
#index .banner1 .swiper-pagination{bottom: 45px;}
#index .banner1 .swiper-pagination-bullet{width: 10px;height: 10px;background-color: #fff;}
#index .banner1 .swiper-pagination-bullet-active{background-color: #ADCD20;}
#index .banner1 .swiper-button-prev,#index .banner1 .swiper-button-next{width: 50px;height: 90px;margin-top: -45px;}
#index .banner1 .swiper-button-prev{background:url(../images/prev-icon.png) no-repeat center center;left:5%;background-size: 60%;}
#index .banner1 .swiper-button-next{background:url(../images/next-icon.png) no-repeat center center;right:5%;background-size: 60%;}

/*#index .grid1 .t{font-size: 60px;margin-bottom: 10px;text-align: center;}
#index .grid1 .p{max-width: 650px;margin: 0 auto;font-size: 15px;text-align: center;}*/
#index .grid1 .lists1{overflow: hidden;}
#index .grid1 .nav{padding: 40px 0;overflow: hidden;}
#index .grid1 .nav li{float: left;width: 20%; text-align: center;transition: all 0.4s ease-out;font-size: 15px;}
#index .grid1 .nav i{width: 80px;height: 80px;display: inline-block;}
#index .grid1 .nav i.icon1{background:url(../images/index1-icona01.png) no-repeat center center;background-size: 100%;}
#index .grid1 .nav i.icon2{background:url(../images/index1-icona02.png) no-repeat center center;background-size: 100%;}
#index .grid1 .nav i.icon3{background:url(../images/index1-icona03.png) no-repeat center center;background-size: 100%;}
#index .grid1 .nav i.icon4{background:url(../images/index1-icona04.png) no-repeat center center;background-size: 100%;}
#index .grid1 .nav i.icon5{background:url(../images/index1-icona05.png) no-repeat center center;background-size: 100%;}
#index .grid1 .nav i.icon6{background:url(../images/index1-icona06.png) no-repeat center center;background-size: 100%;}

#index .grid1 .nav li:hover i.icon1{background:url(../images/index1-iconb01.png) no-repeat center center;background-size: 100%;}
#index .grid1 .nav li:hover i.icon2{background:url(../images/index1-iconb02.png) no-repeat center center;background-size: 100%;}
#index .grid1 .nav li:hover i.icon3{background:url(../images/index1-iconb03.png) no-repeat center center;background-size: 100%;}
#index .grid1 .nav li:hover i.icon4{background:url(../images/index1-iconb04.png) no-repeat center center;background-size: 100%;}
#index .grid1 .nav li:hover i.icon5{background:url(../images/index1-iconb05.png) no-repeat center center;background-size: 100%;}
#index .grid1 .nav li:hover i.icon6{background:url(../images/index1-iconb06.png) no-repeat center center;background-size: 100%;}


#index .grid1 .lists{overflow: hidden;}
#index .grid1 .lists ul{margin-bottom: 40px;overflow: hidden;}
#index .grid1 .lists li{float: left;width: 24%;margin: 9px;position: relative;overflow: hidden;}
#index .grid1 .lists li img{transition: all 0.4s ease-out;}
#index .grid1 .lists li .text{top: 0;left: 0;bottom: 0;right: 0; margin: auto; padding: 20% 0;box-sizing: border-box;text-align: center; z-index: 100;position: absolute; background: rgba(0,0,0,0.55);color: #fff; transition: all 1s ease;font-size: 21px; justify-content: center;align-items: center;}
#index .grid1 .lists li .text span{border-bottom: #fff 1px solid;}
#index .grid1 .lists li .text p{font-size:14px; margin-top:20px;     line-height: 25px;}
#index .grid1 .lists li:hover .text,#index .grid1 .lists .fr:hover .text{opacity: 1;}
#index .grid1 .lists li:hover img,#index .grid1 .lists .fr:hover img{transform: scale(1.1);}
#index .grid1 .lists li.more{background-color: #bad14b;transition: all 0.4s ease-out;}
#index .grid1 .lists li.more:hover{background: #a7bc42;}
#index .grid1 .lists li.more:hover img{transform: scale(1);}
#index .grid1 .more{text-align: center;margin: 0 auto;width: 180px;font-size: 15px;display: block;color: #7a7a7a; margin-bottom: 10px;}
#index .grid1 .more img{width: 23px;margin-bottom: 10px;}
#index .grid2{margin-bottom: 70px;}
#index .grid2 .lists2{width: 100%;text-align: center;position: relative;}
#index .grid2 .lists2 .video video{width: 100%;vertical-align: middle;}
#index .grid2 .lists2 .text{position: absolute;z-index: 100;left: 0;right: 0;top: 0; padding: 20% 0;box-sizing: border-box; bottom: 0;background: rgba(0,0,0,0.5);margin: auto;color: #fff;display: flex;align-items: center;justify-content: center;flex-direction: column;}
#index .grid2 .lists2 .t1{text-align: center;font-size: 25px;}
#index .grid2 .lists2 .t1 span{padding-bottom: 10px;border-bottom: #fff 1px solid;margin-bottom: 10px; display: inline-block;}
#index .grid2 .lists2 .play{width: 110px;height: 45px; display: inline-block; line-height: 45px;border-radius: 30px;border:#fff 1px solid;color: #fff;font-size: 15px;text-align: center;transition: all 0.4s ease-out;}
#index .grid2 .lists2 .play:before{content:'';border-left: #fff 10px solid;border-top: transparent 8px solid;border-bottom: transparent 8px solid;width: 0;height: 0;line-height: 0;display: inline-block;margin-right: 5px;border-radius: 3px;vertical-align: middle;position: relative;top: -1px;}
#index .grid2 .lists2 .play:hover{box-shadow: rgba(255,255,255,0.5) 0 0 20px;}
#index .grid3{text-align: center;margin-bottom: 70px;}
#index .grid3 .t{font-size: 30px;margin-bottom: 50px;font-weight: 700;color: #7a7a7a;}
#index .grid3 .t:after{content: '';border-bottom: #b7b7b7 1px solid;top: 50%;left: 0;right: 0;margin: auto;position: absolute;z-index: 1;}
#index .grid3 .t span{position: relative;z-index: 100;background-color: #f5f5f5;padding: 0 30px;}
#index .grid3 .lists1{overflow: hidden;margin-bottom: 60px;}
#index .grid3 .lists1 ul{margin-left: -10%;margin-right: -5%;}
#index .grid3 .lists1 li{float: left;font-size: 25px;color: #7a7a7a;text-align: center;width: 33.333%;}
#index .grid3 .lists1 b{color: #313131;font-size:70px;font-weight: 500;}
/*#index .grid3 .lists2{position: relative;clear: both;padding: 0 50px;}
#index .grid3 .lists2 li{float: left;width: 16.6%;text-align: center; margin-bottom: 10px;transition: all 0.4s ease-out;border-radius: 10px;}
#index .grid3 .lists2 li:hover{background-color: #e5e5e5;transform: scale(1.1);}
#index .grid3 .lists2 li img{width: 90%;}
#index .grid3 .lists2 .swiper-slide{background-color: #fff;padding: 15px;box-sizing: border-box;}
#index .grid3 .lists2 .swiper-button-prev,#index .grid3 .lists2 .swiper-button-next{width: 50px;height: 90px;margin-top: -45px;}
#index .grid3 .lists2 .swiper-button-prev{background:url(../images/prev-icon.png) no-repeat center center;left:-70px;}
#index .grid3 .lists2 .swiper-button-next{background:url(../images/next-icon.png) no-repeat center center;right:-70px;}*/

#index .grid3 .lists2{overflow: hidden;position: relative;clear: both;padding:20px 5%;box-sizing: border-box;}
#index .grid3 .lists2>div{padding: 10px ;}
#index .grid3 .lists2 li{float: left;width: 16.6%;text-align: center; margin-bottom: 10px;transition: all 0.4s ease-out;border-radius: 10px;}
#index .grid3 .lists2 li:hover{background-color: #e5e5e5;transform: scale(1.1);}
#index .grid3 .lists2 .swiper-button-prev,#index .grid3 .lists2 .swiper-button-next{width: 50px;height: 90px;margin-top: -45px;}
#index .grid3 .lists2 .swiper-button-prev{background:url(../images/prev-icon.png) no-repeat center center;left:0;}
#index .grid3 .lists2 .swiper-button-next{background:url(../images/next-icon.png) no-repeat center center;right:0;}

#index .grid4{margin-bottom:40px;}
#index .grid4 .t{font-size: 30px;margin-bottom: 50px;font-weight: 700;text-align: center;color: #7b7b7b;}
#index .grid4 .t:after{content: '';border-bottom: #b7b7b7 1px solid;top: 50%;left: 0;right: 0;margin: auto;position: absolute;z-index: 1;}
#index .grid4 .t span{position: relative;z-index: 100;background-color: #f5f5f5;padding: 0 30px;}
#index .grid4 .lists{box-sizing: border-box;overflow: hidden;}
#index .grid4 .lists ul{margin: 0 0.5% 35px;overflow: hidden;padding: 10px 0;}
#index .grid4 .lists li{float: left;width: 24%; margin: 0 0.5%; box-sizing: border-box;transition: all 0.4s ease-out;}
#index .grid4 .lists .con{padding: 15px;background-color: #fff;}
#index .grid4 .name{font-size: 15px;color: #333;font-weight: 700;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
#index .grid4 .time{font-size: 13px;color: #7a7a7a;margin-bottom: 10px;}
#index .grid4 .d{font-size: 13px;color: #7a7a7a;line-height:1.8;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	height: 115px;
	-webkit-box-orient: vertical;
}
#index .grid4 .lists li:hover{box-shadow: rgba(0,0,0,0.3) 0 0 5px;}
#index .grid4 .more{text-align: center;margin: 0 auto;width: 180px;font-size: 15px;display: block;color: #7a7a7a;}
#index .grid4 .more img{width: 23px;margin-bottom: 10px;}
#index .grid5{padding:40px 0;background-color: #fafafa;}
#index .grid5 .t{font-size: 62px;margin-bottom: 30px;text-align: center;color: #5a5a5a;}
#index .grid5 .pic{text-align:center;margin-bottom: 30px;}
#index .grid5 .detail{font-size: 15px;;max-width: 1000px;margin: 0 auto 25px;line-height: 2;
background-image:-webkit-linear-gradient(top,#323232,#aaaaaa); 
-webkit-background-clip:text; 
-webkit-text-fill-color:transparent; 
}
#index .grid5 .more{text-align: center;margin: 0 auto;width: 180px;font-size: 15px;display: block;color: #7a7a7a;}
#index .grid5 .more img{width: 23px;margin-bottom: 10px;}
#index .grid5 .swiper-pagination{bottom: 45px;}
#index .grid5 .swiper-pagination-bullet{width: 10px;height: 10px;background-color: #fff;}
#index .grid5 .swiper-pagination-bullet-active{background-color: #ADCD20;}


#about{background-color: #f5f5f5;}
#about .banner{background:url(../images/management-banner.jpg) center center no-repeat; }
#about .grid1{margin: 0 auto 70px;}
#about .grid1 .graybg{margin-bottom:60px;}
#about .grid1 .pic{text-align: center;margin-bottom:50px;}
#about .grid1 .detail{font-size: 12px;line-height: 1.8;margin: 0 auto;max-width: 810px;}
#about .grid1 .detail p{margin-bottom: 30px;}

#about .grid2{padding-bottom: 90px;}
#about .grid2 .t{font-size: 30px;margin-bottom: 50px;font-weight: 700;text-align: center;color: #7b7b7b;}
#about .grid2 .t:after{content: '';border-bottom: #b7b7b7 1px solid;top: 50%;left: 0;right: 0;margin: auto;position: absolute;z-index: 1;}
#about .grid2 .t span{position: relative;z-index: 100;background-color: #f5f5f5;padding: 0 30px;}
#about .grid2 .pocess{max-width: 900px;margin: 0 auto;}
#about .grid2 .pocess .item{float: left;width: 33.333%;}
#about .grid2 .pocess dl{border:#f5f5f5 1px solid;min-height: 500px;opacity: 0.3; transition: all 0.4s ease-out;}
#about .grid2 .pocess dt{font-size: 20px;color: #313131;font-weight: 700;text-align: center;margin-bottom: 20px;}
#about .grid2 .pocess dt .t2{line-height: 50px;height: 50px;border-bottom: #c4c4c4 1px solid;position: relative;background-color: #63C6BD;color: #fff;}
#about .grid2 .pocess dt .t2:after{content: '';width: 50px;height: 3px;background-color:none;display: inline-block;position: absolute;z-index: 1;left: 0;right: 0;bottom: -1px;margin: auto;}
#about .grid2 .pocess dt .c{line-height: 45px;height: 45px;border-bottom: #c4c4c4 1px solid;position: relative;}
#about .grid2 .pocess dd{padding:0 30px 0 40px;font-size: 15px;color: #303030;position: relative;margin-bottom: 20px;}
#about .grid2 .pocess dd:before{content: '';width: 7px;height: 7px;background-color: #303030;display: inline-block;position: absolute;z-index: 1;left: 20px;top: 8px;}
#about .grid2 .swiper-slide-active dl{border: #c4c4c4 1px solid;opacity: 1;}
#about .grid2 .swiper-slide-active dt .t2{background-color: #EF795E;}
#about .grid2 .swiper-slide-next dt .t2{background-color: #28AD5E;}
#about .grid2 .swiper-slide-active dt .t2:after{background-color: #fff;}
#about .grid2 .swiper-button-prev,#about .grid2 .swiper-button-next{width: 50px;height: 90px;margin-top: -45px;}
#about .grid2 .swiper-button-prev{background:url(../images/prev-icon3.png) no-repeat center center;left:25%;}
#about .grid2 .swiper-button-next{background:url(../images/next-icon3.png) no-repeat center center;right:25%;}
#about .grid3{padding-bottom: 90px;}
#about .grid3 .t{font-size: 30px;margin-bottom: 80px;font-weight: 700;text-align: center;color: #7b7b7b;}
#about .grid3 .t:after{content: '';border-bottom: #b7b7b7 1px solid;top: 50%;left: 0;right: 0;margin: auto;position: absolute;z-index: 1;}
#about .grid3 .t span{position: relative;z-index: 100;background-color: #f5f5f5;padding: 0 30px;}
#about .grid3 .pic{text-align: center;}
#about .grid3 .swiper-pagination{bottom: 45px;}
#about .grid3 .swiper-pagination-bullet{width: 10px;height: 10px;background-color: #fff;}
#about .grid3 .swiper-pagination-bullet-active{background-color: #ADCD20;}
#about .grid4{padding-bottom: 90px;}
#about .grid4 .t{font-size: 30px;margin-bottom: 80px;font-weight: 700;text-align: center;color: #7b7b7b;}
#about .grid4 .t:after{content: '';border-bottom: #b7b7b7 1px solid;top: 50%;left: 0;right: 0;margin: auto;position: absolute;z-index: 1;}
#about .grid4 .t span{position: relative;z-index: 100;background-color: #f5f5f5;padding: 0 30px;}
#about .grid4 .pic{text-align: center;}



#management{background-color: #f5f5f5;}
#management .banner{background:url(../images/management-banner.jpg) center center no-repeat; }
#management .grid1{margin: 0 auto 70px;}
#management .grid1 .graybg{margin-bottom:60px;}
#management .grid1 .lists{display:flex;flex-direction: row;}
#management .grid1 dl{width: 32%;float: left;margin: 0 0.5%;background-color: #fff;padding: 20px 30px;box-sizing: border-box;font-size: 12px;color: #5B5B5B;line-height: 1.8;}
#management .grid1 dt{color: #333;font-size:30px;margin-bottom:15px;font-weight: 700;text-align: center;}
#management .grid1 dd{color: #9f9f9f;}
#management .grid1 dd span{color: #333;font-weight: 700;}
#management .grid2{text-align: center;padding-bottom: 90px;}
#management .grid2 .t{font-size: 30px;margin-bottom: 50px;font-weight: 700;text-align: center;color: #7b7b7b;}
#management .grid2 .t:after{content: '';border-bottom: #b7b7b7 1px solid;top: 50%;left: 0;right: 0;margin: auto;position: absolute;z-index: 1;}
#management .grid2 .t span{position: relative;z-index: 100;background-color: #f5f5f5;padding: 0 30px;}
#management .grid2 .pic{margin-bottom: 20px;transition: all 0.4s ease-out;}

#customer{background-color: #f5f5f5;}
#customer .banner{background:url(../images/about-banner.jpg) center center no-repeat; }
#customer .grid1{margin: 0 auto 100px;}
#customer .grid1 .graybg{margin-bottom: 70px;}
#customer .grid1 .lists{overflow: hidden;position: relative;clear: both;padding:20px 5%;}
#customer .grid1 .lists>div{padding: 10px ;}
#customer .grid1 .lists li{float: left;width: 16.6%;text-align: center; margin-bottom: 10px;transition: all 0.4s ease-out;border-radius: 10px;}
#customer .grid1 .lists li:hover{background-color: #e5e5e5;transform: scale(1.1);}
#customer .grid1 .swiper-button-prev,#customer .grid1 .swiper-button-next{width: 50px;height: 90px;margin-top: -45px;}
#customer .grid1 .swiper-button-prev{background:url(../images/prev-icon3.png) no-repeat center center;left:0;}
#customer .grid1 .swiper-button-next{background:url(../images/next-icon3.png) no-repeat center center;right:0;}

#customer .grid2 .lists{padding:40px 0;}
#customer .grid2 .item{padding: 40px 0;border-bottom: #d5d5d5 1px solid;overflow: hidden;}
#customer .grid2 .item:last-child{border-bottom: none;}
#customer .grid2 .pic{float: left;width:140px;margin-right: 10px;}
#customer .grid2 .right{overflow: hidden;font-size: 15px;}
#customer .grid2 .name{margin-bottom: 15px;}
#customer .grid2 .author{text-align: right;}


#projects{background-color: #f5f5f5;}
#projects .banner{display: block;}
#projects .banner .swiper-container,#projects .banner .swiper-wrapper,#projects .banner .swiper-slide{width: 100%;min-height: 700px; }
#projects .banner .swiper-button-prev,#projects .banner .swiper-button-next{width: 50px;height: 90px;margin-top: -45px;}
#projects .banner .swiper-button-prev{background:url(../images/prev-icon2.png) no-repeat center center;left:4%;}
#projects .banner .swiper-button-next{background:url(../images/next-icon2.png) no-repeat center center;right:4%;}
#projects .banner .swiper-pagination{bottom:36px;}
#projects .banner .swiper-pagination-bullet{width: 10px;height: 10px;background-color: #fff;opacity: 0.5}
#projects .banner .swiper-pagination-bullet-active{background-color: #ADCD20;opacity: 1;}
/*
#projects .banner1 .swiper-button-prev,#projects .banner1 .swiper-button-next{width: 50px;height: 90px;margin-top: -45px;}
#projects .banner1 .swiper-button-prev{background:url(../images/prev-icon2.png) no-repeat center center;left:4%;}
#projects .banner1 .swiper-button-next{background:url(../images/next-icon2.png) no-repeat center center;right:4%;}
#projects .banner1 .swiper-pagination{bottom:36px;}
#projects .banner1 .swiper-pagination-bullet{width: 10px;height: 10px;background-color: #fff;opacity: 0.5}
#projects .banner1 .swiper-pagination-bullet-active{background-color: #ADCD20;opacity: 1;}*/
#projects .banner li{background-size: cover; background-attachment: fixed;}
#projects .banner a{display: block;width: 100%;height: 100%;min-height: 700px;}
#projects .grid1{margin: 0 auto;padding-bottom: 50px;}
#projects .tabs{text-align: center;margin:50px auto; font-size: 15px;color: #313131; border-left: #d6d6d6 1px solid;}
#projects .tabs ul{display: flex; flex-direction: row;justify-content: space-between;align-items: center;text-align: center;}
#projects .tabs li{float: left;width: 16.666%;border-right:#d6d6d6 1px solid;box-sizing: border-box;height: 35px;line-height: 35px;}
#projects .tabs li a{color: #313131;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
#projects .tabs li a:hover{background: #eee;}
#projects .tabs li.on{background:#adcd20;color: #fff;}
#projects .tabs li.on a{color: #fff;}
#projects .lists{overflow: hidden;margin:0 -50px;}
#projects .lists .item{overflow: hidden;display: flex;justify-content: space-between;margin-top: -4px;}
#projects .lists .fl,#projects .lists .fr{position: relative;float: left;}
#projects .lists .fl{width:50%;margin-bottom: 10px;}
#projects .lists .fr{width:50%;margin-bottom: 10px;padding:4px;margin-top: -4px;box-sizing: border-box;}
#projects .lists a{display: block;overflow: hidden;}
#projects .lists img{width: 100%; transition: all 1s ease;}
#projects .lists .text{position: absolute;left: 4px;right: 4px;top: 4px;bottom: 4px; text-align: center; padding: 20% 0;box-sizing: border-box; z-index: 100;background: rgba(0,0,0,0.6);opacity: 0;transition: all 1s ease; font-size: 20px;color: #fff;display: flex;flex-direction: column;justify-content: center; align-items: center;}
#projects .lists .brand{border-bottom: #fff 1px solid;padding-bottom: 4px;margin-bottom: 4px; display: inline-block;}
#projects .lists ul{margin-top: -4px;}
#projects .lists li{float: left;width: 50%;position: relative;padding:4px;box-sizing: border-box;}
#projects .lists li .text{top: 4px;left: 4px;transition: all 1s ease;}
#projects .lists li:hover .text,#projects .lists .fr:hover .text{opacity: 1;}
#projects .lists li:hover img,#projects .lists .fr:hover img{transform: scale(1.1);}


#projectsdetail{padding-bottom: 80px;background-color: #f5f5f5;}
#projectsdetail .banner1{min-height: 300px; background-color: #d2a294;color: #fff;font-size: 15px;display: flex;justify-content: space-between;}
#projectsdetail .banner1 .pic{float: left;width: 64.5%;overflow: hidden;background-color: #fff;flex: 2.25;position: relative;}
#projectsdetail .banner1 .pic img{width: 100%;}
#projectsdetail .banner1 .text{overflow: hidden;padding: 50px;box-sizing: border-box;display: flex;flex-direction: column; justify-content: center;flex: 1;}
#projectsdetail .banner1 .t{font-weight: 700;font-size: 35px;margin-bottom: 10px;margin-top: 15%;}
#projectsdetail .banner1 .p{max-width: 430px;line-height: 1.8;}
#projectsdetail .banner1 .swiper-pagination-bullet{width: 10px;height: 10px;background-color: #fff;}
#projectsdetail .banner1 .swiper-pagination-bullet-active{background-color: #ADCD20;}
#projectsdetail .banner1 .swiper-button-prev,#projectsdetail .banner1 .swiper-button-next{width: 50px;height: 90px;margin-top: -45px;}
#projectsdetail .banner1 .swiper-button-prev{background:url(../images/prev-icon.png) no-repeat center center;left:4%;}
#projectsdetail .banner1 .swiper-button-next{background:url(../images/next-icon.png) no-repeat center center;right:4%;}
#projectsdetail .info{overflow: hidden; text-align: center; display: flex;justify-content: center;align-items: center;padding: 40px 0; margin-bottom: 60px; background-color: #fafafa;}
#projectsdetail .info ul{display: inline-block;}
#projectsdetail .info li{float: left;padding: 0 45px;color: #9E9D9D;font-size: 12px;min-width: 140px;}
#projectsdetail .info .t{margin-bottom: 20px;}
#projectsdetail .info .name{color: #000;line-height: 2;}
#projectsdetail .detail{padding: 0 10%;}
#projectsdetail .detail{line-height: 1.8;text-align: center;}
#projectsdetail .detail .pic{text-align: center;}
#projectsdetail .detail .p{margin: 60px 0;}
#projectsdetail .detail .more{width: 120px;height: 40px;line-height: 40px;color: #fff;background-color: #a6c620;text-align: center;font-size: 15px;display: block;margin: 0 auto;position: relative;transition: all 0.4s ease;}
#projectsdetail .detail .more:after{content: '';width: 15px;height: 10px;display: inline-block;background:url(../images/more-icon4.png) center center no-repeat; background-size: 100%; vertical-align: middle;position: relative;z-index: -1; margin-left: 10px;}
#projectsdetail .detail .more:hover{background-color: #7c9418;}
#projectsdetail .detail .con{margin-bottom: 100px;}
#projectsdetail .other-t{font-size: 30px;font-weight: 700;text-align: center;margin-bottom: 20px; clear: both;}
#projectsdetail .other{overflow: hidden; display: flex;flex-direction: row;justify-content: space-between; align-items: center;margin-bottom: 50px;display: none;}
#projectsdetail .other a{float: left;width: 31%;margin: 0 1%;text-align: center;position: relative;}
#projectsdetail .other .text{ display: none; position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 100;background: rgba(0,0,0,0.6);opacity: 0;transition: all 1s ease;color: #fff;font-size: 20px;display: flex;justify-content: center;align-items: center;}
#projectsdetail .other a:hover .text{opacity: 1; display: block;}
#projectsdetail .other .name{position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 100;display: flex;justify-content: center;align-items: center;}


#startups{background-color: #f5f5f5;}
#startups .banner{background:url(../images/startups-banner.jpg) center center no-repeat;}
#startups .grid1{margin: 0 auto 70px;}
#startups .grid1 .p{max-width: 560px;}
#startups .grid1 .graybg{margin-bottom: 70px;}
#startups .grid1 .lists{overflow: hidden;padding: 0 30px;position: relative;margin-bottom: 30px;}
#startups .grid1 .lists>div{padding: 20px 0;}
#startups .grid1 .lists .swiper-slide{float: left; width:32%; box-sizing: border-box; margin: 0 0.5%; padding: 50px 30px;background-color: #fff;box-shadow: rgba(0,0,0,0.3) 0 0 20px;transform: scale(0.9);opacity: 0.5;transition: all 0.4s ease;}
#startups .grid1 .lists .swiper-slide-active{transform: scale(1);opacity: 1;}
#startups .grid1 .lists .pic{text-align: center;}
#startups .grid1 .lists .name{font-size: 30px;margin-bottom: 30px;font-weight: 700;color: #000;text-align: center;}
#startups .grid1 .lists .d{margin-bottom: 15px;padding-bottom: 15px;border-bottom: #bfbfbf 1px solid;}
#startups .grid1 .lists .b{color: #bfbfbf;position: relative;}
#startups .grid1 .lists .b:after{content: '';width: 20px;height: 20px;display: inline-block;background:url(../images/more-icon3.png) center center no-repeat; background-size: 100%;position: absolute;z-index: 100;top: 0;bottom: 0;right: 0;margin: auto; }
#startups .grid1 .swiper-button-prev{background:url(../images/prev-icon.png) center center no-repeat; background-size: 100%;width: 50px;height: 90px;left:0;}
#startups .grid1 .swiper-button-next{background:url(../images/next-icon.png) center center no-repeat; background-size: 100%;width: 50px;height: 90px;right:0;}
#startups .grid1 .more{text-align: center;margin: 0 auto;width: 180px;font-size: 15px;display: block;color: #7a7a7a;}
#startups .grid1 .more img{width: 23px;margin-bottom: 10px;}

#startups .grid2{text-align: center;padding-bottom: 80px;}
#startups .grid2 .t{font-size: 30px;margin-bottom: 50px;font-weight: 700;text-align: center;color: #7b7b7b;}
#startups .grid2 .t:after{content: '';border-bottom: #b7b7b7 1px solid;top: 50%;left: 0;right: 0;margin: auto;position: absolute;z-index: 1;}
#startups .grid2 .t span{position: relative;z-index: 100;background-color: #f5f5f5;padding: 0 30px;}
#startups .grid2 .p{max-width:1200px;width: 90%; margin: 0 auto 50px;line-height: 1.8; text-align: left; font-size: 18px;}
#startups .grid2 .pic{text-align: center;}

#startupslists{background-color: #f5f5f5;}
#startupslists .banner{background:url(../images/startups-banner.jpg) center center no-repeat; }
#startupslists .grid1{margin: 0 auto 100px;}
#startupslists .grid1 .graybg{margin-bottom: 70px;}
#startupslists .lists{position: relative;}
#startupslists .lists li{position: absolute;left: 0;top: 0;width: 33.33%;height: auto;overflow: hidden;padding: 15px;box-sizing: border-box;}
#startupslists .lists li a{display: block;}
#startupslists .lists li .text{position: absolute;z-index: 100;top: 15px;bottom: 15px;left: 15px;right: 15px;margin: auto;background: #000; display: flex;justify-content: center;flex-direction: column;align-items: center;color: #fff;font-size: 24px;opacity: 0; transition: all 0.4s ease-out;}
#startupslists .lists li .brand{}
#startupslists .lists li .name{margin-bottom: 10px;}
#startupslists .lists li .btn{width: 140px;height: 50px;line-height: 50px;border:#fff 1px solid;text-align: center;color: #fff;display: inline-block;font-size: 20px;transition: all 0.4s ease-out;}
#startupslists .lists li .btn:hover{box-shadow: rgba(0,0,0,0.3) 0 0 10px;}
#startupslists .lists li:hover .text{opacity: 1;}


#storydetail{background-color: #f5f5f5;}
#storydetail .banner{background:url(../images/storydetail-banner.jpg) center center no-repeat; background-size: cover; background-attachment: fixed; width: 100%; position: relative; overflow: hidden;color: #fff;font-size: 24px; text-align: center;margin-bottom:60px;display: flex;flex-direction: column;justify-content: center;align-items: center; }
#storydetail .banner .text{margin: auto;max-width: 800px;}
#storydetail .banner .t{font-size: 42px;font-weight: 700;}
#storydetail .banner .t span{display: inline-block;padding-bottom: 20px;margin-bottom: 20px;border-bottom: #fff 1px solid;}
#storydetail .banner .p{}
#storydetail .detail{background-color: #fff;overflow: hidden;padding: 60px 10%;color: #939393;font-size: 16px;}
#storydetail .detail .fl{float: left;margin-right: 20px;margin-bottom: 20px;}
#storydetail .detail .fr{float: right;margin-left: 20px;}
#storydetail .detail .center{margin: 0 auto;display: block;}
#storydetail .detail p{margin-bottom: 20px;}
#storydetail .detail .share{clear: both;overflow: hidden;width: 60%;margin: 80px auto 0;border-top: rgba(0,0,0,0.6) 1px solid;padding-top: 15px;}
#storydetail .detail .share .t{font-size: 24px; text-align: center;margin-bottom:20px;color: #000;}
#storydetail .detail .share .c{overflow: hidden; display: flex;flex-direction: row;align-items: center; justify-content: center;}
#storydetail .detail .share .c a{width: 50px;height: 50px;display: inline-block;margin: 0 15px;}

#storyarticle{background-color: #f5f5f5;}
#storyarticle .banner{background:url(../images/news-banner.jpg) center center no-repeat;  }
#storyarticle .grid1{margin: 0 auto;padding-bottom: 100px;}
#storyarticle .grid1 .p{font-size: 20px;}
#storyarticle .detail{overflow: hidden;padding: 60px 10%;color: #666;}
#storyarticle .detail .con{line-height: 1.8;font-size: 12px;margin-bottom: 40px;}
#storyarticle .detail .fl{float: left;margin-right: 20px;margin-bottom: 20px;}
#storyarticle .detail .fr{float: right;margin-left: 20px;}
#storyarticle .detail p{margin-bottom: 20px;}
#storyarticle .detail .more{width: 120px;height: 40px;line-height: 40px;color: #fff;background-color: #a6c620;text-align: center;font-size: 15px;display: block;margin: 0 auto;position: relative;transition: all 0.4s ease;}
#storyarticle .detail .more:after{content: '';width: 15px;height: 10px;display: inline-block;background:url(../images/more-icon4.png) center center no-repeat; background-size: 100%; vertical-align: middle;position: relative;z-index: -1; margin-left: 10px;}
#storyarticle .detail .more:hover{background-color: #7c9418;}
/*#storyarticle .lists{box-sizing: border-box;overflow: hidden;display: none;}
#storyarticle .lists ul{margin: 0 -0.5% 35px;overflow: hidden;padding: 10px 0;}
#storyarticle .lists li{float: left;width: 24%; margin: 0 0.5%; box-sizing: border-box;transition: all 0.4s ease-out;}
#storyarticle .lists .con{padding: 15px;background-color: #fff;}
#storyarticle .name{font-size: 15px;color: #333;font-weight: 700;}
#storyarticle .time{font-size: 13px;color: #7a7a7a;margin-bottom: 10px;}
#storyarticle .d{font-size: 13px;color: #7a7a7a;
    line-height: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    height: 135px;
    -webkit-box-orient: vertical;
}
#storyarticle .lists li:hover{box-shadow: rgba(0,0,0,0.3) 0 0 5px;}*/

#storyarticle .other-t{font-size: 30px;font-weight: 700;text-align: center;margin-bottom: 20px; clear: both;}
#storyarticle .other{overflow: hidden; display: flex;flex-direction: row;justify-content: space-between; align-items: center;margin-bottom: 50px;display: none;}
#storyarticle .other a{float: left;width: 31%;margin: 0 1%;text-align: center;position: relative;}
#storyarticle .other .text{ display: none; position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 100;background: rgba(0,0,0,0.6);opacity: 0;transition: all 1s ease;color: #fff;font-size: 20px;display: flex;justify-content: center;align-items: center;}
#storyarticle .other a:hover .text{opacity: 1; display: block;}
#storyarticle .other .name{position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 100;display: flex;justify-content: center;align-items: center;}


#article{background-color: #f5f5f5;}
#article .banner{background:url(../images/news-banner.jpg) center center no-repeat;  }
#article .grid1{margin: 0 auto;padding-bottom: 100px;}
#article .grid1 .p{font-size: 20px;}
#article .detail{overflow: hidden;padding: 70px 10%;color: #666;}
#article .detail .con{line-height: 1.8;font-size: 14px;}
#article .detail .fl{float: left;margin-right: 20px;margin-bottom: 20px;}
#article .detail .fr{float: right;margin-left: 20px;}
#article .detail p{margin-bottom: 20px;}
#article .detail .more{width: 120px;height: 40px;line-height: 40px;color: #fff;background-color: #a6c620;text-align: center;font-size: 15px;display: block;margin: 0 auto;position: relative;transition: all 0.4s ease;}
#article .detail .more:after{content: '';width: 15px;height: 10px;display: inline-block;background:url(../images/more-icon4.png) center center no-repeat; background-size: 100%; vertical-align: middle;position: relative;z-index: -1; margin-left: 10px;}
#article .detail .more:hover{background-color: #7c9418;}
#article .lists{box-sizing: border-box;overflow: hidden;display: none;}
#article .other-t{font-size: 30px;font-weight: 700;text-align: center;margin-bottom: 20px; clear: both;}
#article .lists ul{margin: 0 -0.5% 35px;overflow: hidden;padding: 10px 0;}
#article .lists li{float: left;width: 24%; margin: 0 0.5%; box-sizing: border-box;transition: all 0.4s ease-out;}
#article .lists .con{padding: 15px;background-color: #fff;}
#article .name{font-size: 15px;color: #333;font-weight: 700;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#article .time{font-size: 13px;color: #7a7a7a;margin-bottom: 10px;}
#article .d{font-size: 13px;color: #7a7a7a;
    line-height: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    height: 135px;
    -webkit-box-orient: vertical;
}
#article .lists li:hover{box-shadow: rgba(0,0,0,0.3) 0 0 5px;}
#article .grid1 .t{font-size: 40px;}


#news{background-color: #f5f5f5;}
#news .banner{background:url(../images/news-banner.jpg) center center no-repeat;}
#news .grid1{margin: 0 auto;padding-bottom: 100px;}
#news .lists{overflow: hidden;margin:70px auto 50px;}
#news .lists .item{overflow: hidden;display: flex;justify-content: space-between;}
#news .lists .item a{display: block;background-color: #fff;width: 100%;height: 100%; transition: all 0.4s ease;}
#news .lists .fl,#news .lists .fr{position: relative;float: left;}
#news .lists .fl{width:50%;margin-bottom: 20px;height: 100%;}
#news .lists ul{height: 100%; display: flex;}
#news .lists .fr{width:50%;margin-bottom: 20px;padding:10px;margin-top: -10px;box-sizing: border-box;}
#news .lists img{width: 100%;}
#news .lists .text{ padding:20px 25px;font-size: 12px;}
#news .lists .name{color: #333;font-weight: 700;font-size: 15px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
#news .lists .time{color: #7e7e7e;margin-bottom: 10px;}
#news .lists .d{color: #7e7e7e;line-height: 1.8;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	height: 105px;
	-webkit-box-orient: vertical;
}
#news .lists ul{margin-top: -10px;}
#news .lists li{float: left;width: 50%;position: relative;padding:10px;box-sizing: border-box;}
#news .lists a:hover{box-shadow: rgba(0,0,0,0.3) 2px 3px 10px;}
#news .pages{clear: both;overflow: hidden;padding-bottom: 40px;text-align: center;}
#news .pages a,#news .pages span,#news .pages b{min-width: 35px;height: 35px;line-height: 35px;font-size: 19px;text-align: center;margin: 0 15px;display: inline-block;color: #333;}
#news .pages a.first,#news .pages a.last{padding: 0 15px;background-color: #5c5c5c;color: #fff;}


#contact{background-color: #f5f5f5;}
#contact .banner{background:url(../images/contact-banner.jpg) center center no-repeat;}
#contact .grid1{margin: 0 auto;padding-bottom: 100px;}
#contact .grid1 .graybg{margin-bottom: 60px;}
#contact .grid1 .lists{overflow: hidden;color: #313131;font-size: 12px; text-align: center;}
#contact .grid1 .lists dl{width: 33.333%;float: left;padding: 0 2%;box-sizing: border-box;}
#contact .grid1 .lists dt{font-size: 35px;font-weight: 700;margin-bottom: 20px;}
#contact .grid1 .lists dd{margin-bottom: 15px;min-height: 18px;}
#contact .grid1 .map{height: 300px;}

#recruit{background-color: #f5f5f5;}
#recruit .banner{background:url(../images/contact-banner.jpg) center center no-repeat;}
#recruit .grid1{margin: 0 auto;}
#recruit .grid1 .graybg{margin-bottom: 60px;}
#recruit .grid1 .lists{overflow: hidden;color: #313131;font-size: 12px; margin-bottom: 60px;}
#recruit .grid1 .lists dl{width: 33.333%;float: left;padding: 0 5%;box-sizing: border-box;}
#recruit .grid1 .lists dt{font-size: 35px;font-weight: 700;margin-bottom: 30px;text-align: center;}
#recruit .grid1 .lists dd{margin-bottom: 15px;line-height:2;}
#recruit .grid1 .lists .d{
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	height: 90px;
	-webkit-box-orient: vertical;
}

#recruit .grid1 .lists2{overflow: hidden;color: #313131;font-size: 12px; width: 550px;margin: 0 auto 60px;}
#recruit .grid1 .lists2 .t2{margin-bottom: 40px;font-weight: 700;font-size: 35px;text-align: center;}
#recruit .grid1 .lists2 dl{box-sizing: border-box;margin-bottom: 40px;}
#recruit .grid1 .lists2 dt{font-size: 15px;font-weight: 700;margin-bottom: 30px;}
#recruit .grid1 .lists2 dd{margin-bottom: 15px;line-height: 1.8;padding-left: 15px;position: relative;}
#recruit .grid1 .lists2 dd:before{content: '';width: 6px;height: 6px;display: inline-block;background:#313131; position: absolute;z-index: 100;top:10px;left: 0;border-radius:100%;}

#recruit .grid1 .lists dd.more{color: #bfbfbf;position: relative;line-height: 50px;border-top: #d6d6d6 1px solid;}
#recruit .grid1 .lists dd.more a{display: block;color: #999;}
#recruit .grid1 .lists dd.more a:after{content: '';width: 20px;height: 20px;display: inline-block;background:url(../images/more-icon3.png) center center no-repeat; background-size: 100%;position: absolute;z-index: 100;top: 0;bottom: 0;right: 0;margin: auto; }
#recruit .grid1 .email{padding: 50px 0;background-color: #fafafa;font-size: 15px;color: #313131;text-align: center;line-height: 2;}

#lists .searchbox{ margin-top: 50px; margin-bottom: 70px; border-bottom: rgba(0,0,0,0.3) 2px solid; text-align: center; display: flex;justify-content: center;align-items: center;}
#lists .searchbox .search{width: 300px;line-height: 70px;height: 70px;padding-left: 50px;position: relative;margin-bottom: 20px;}
#lists .searchbox .search .icon{width: 32px;height: 32px;background:url(../images/search-icon2.png) center center no-repeat; position: absolute;z-index: 100;left: 0;top: 0;bottom: 0;margin: auto; }
#lists .searchbox .search input{height: 70px;font-size: 30px; border:none;outline: none;}
#lists .lists{box-sizing: border-box;overflow: hidden; min-height: 500px;}
#lists .lists ul{margin: 0 0.5% 35px;overflow: hidden;padding: 10px 0;}
#lists .lists li{float: left;width: 24%; margin: 0 0.5% 20px; box-sizing: border-box;transition: all 0.4s ease-out;}
#lists .lists .pic{margin-bottom: 10px;text-align: center;height: 280px;position: relative;overflow: hidden;display: flex;justify-content: center; align-items: center;}
#lists .lists .pic img{max-width: 100%;max-height: 100%;width: 100%;position: absolute;z-index: 100;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
#lists .lists .con{padding: 15px;background-color: #fff;}
#lists .name{font-size: 15px;color: #333;font-weight: 700;height: 25px;line-height: 25px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#lists .time{font-size: 13px;color: #7a7a7a;margin-bottom: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 20px;}
#lists .d{font-size: 13px;color: #7a7a7a;line-height: 2;height: 110px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;}
#lists .lists li:hover{box-shadow: rgba(0,0,0,0.3) 0 0 5px;}


#team .banner{background:url(../images/management-banner.jpg) center center no-repeat;}
#team .grid1{margin: 40px auto;}
#team .grid1 .lists{overflow: hidden;}
#team .grid1 .lists li{background-color: #e5e5e5;overflow: hidden;padding: 80px 80px 80px 0;position: relative;box-sizing: border-box;}
#team .grid1 .lists li s{ content: ''; position: absolute;z-index: 1;width: 300px;height: 300px;right: 0;bottom: 0;background: #888c98;}
#team .grid1 .lists .in{display: flex;flex-direction: row;justify-content: space-between;width: 100%;height: 100%;position: relative;z-index: 100;background-color: #fff;}
#team .grid1 .lists .pic{float: left;width: 20%;}
#team .grid1 .lists .info{float: left;width: 60%;position: relative;display: flex;flex-direction: column;justify-content: flex-end; text-align: right; float: right; align-items: flex-end; box-sizing: border-box;padding:5%;}
/*#team .grid1 .lists .info:before{content: '';width: 200px;height: 8px;background-color: #000;position: absolute;z-index: 100;top: 0;left: 8px;}*/
#team .grid1 .lists .cl{background: #888c98;float: left;width: 20%;}
#team .grid1 .lists .name{font-size: 50px;color: #2a2a2a;}
#team .grid1 .lists .general{font-size:33px;color: #2a2a2a;margin-bottom: 20px;}
#team .grid1 .lists .d{font-size:20px;color: #696969;width:80%;}

#team .grid1 .lists li:nth-child(1) s{background: #888c98;}
#team .grid1 .lists li:nth-child(1) .cl{background: #888c98;}
#team .grid1 .lists li:nth-child(2) s{background: #525f6f;}
#team .grid1 .lists li:nth-child(2) .cl{background: #525f6f;}
#team .grid1 .lists li:nth-child(3) s{background: #c3a3bb;}
#team .grid1 .lists li:nth-child(3) .cl{background: #c3a3bb;}
#team .grid1 .lists li:nth-child(4) s{background: #6a6260;}
#team .grid1 .lists li:nth-child(4) .cl{background: #6a6260;}
#team .grid1 .lists li:nth-child(5) s{background: #888c98;}
#team .grid1 .lists li:nth-child(5) .cl{background: #888c98;}
#team .grid1 .lists li:nth-child(6) s{background: #525f6f;}
#team .grid1 .lists li:nth-child(6) .cl{background: #525f6f;}
#team .grid1 .lists li:nth-child(7) s{background: #c3a3bb;}
#team .grid1 .lists li:nth-child(7) .cl{background: #c3a3bb;}
#team .grid1 .lists li:nth-child(8) s{background: #6a6260;}
#team .grid1 .lists li:nth-child(8) .cl{background: #6a6260;}

#team .grid1 .swiper-pagination{left: 20%;top:0px;bottom: auto;line-height: 9px;height: 9px;width: 60%;display: flex;flex-direction: row;justify-content: space-around;}
#team .grid1 .swiper-pagination .swiper-pagination-bullet{width: 24%;background-color: #fff;height: 9px;border-radius: 0;}
#team .grid1 .swiper-pagination .swiper-pagination-bullet-active{background-color: #1b1b1b;}

#team .grid2{margin: 0 auto 100px;}
#team .grid2 .lists{overflow: hidden;padding: 10px;}
#team .grid2 .lists li{float: left;width: 16.6667%;transition: all 0.4s ease-out;position: relative;z-index: 100;}
#team .grid2 .lists li:hover{transform: scale(1.05);box-shadow: rgba(0,0,0,0.3) 0 0 5px;position: relative;z-index: 101;}
#team .grid2 .lists .name{position: absolute;z-index: 100;left: 21%; line-height: 1.2; bottom: 18%;font-size:14px;color: #000;}
#service{background-color: #f5f5f5;}
#service .banner{background:url(../images/service-banner.jpg) center center no-repeat; }
#service .grid1{margin: 0 auto;}
#service .grid1 .pic{text-align: center;padding: 40px 0;}

#product{background-color: #f5f5f5;}
#product .banner{background:url(../images/product-banner.jpg) center center no-repeat; }
#product .grid1{background-color: #fff;padding: 70px 0;}
#product .grid1 li{float: left;width: 33.333%;text-align: center;}
#product .grid2{margin: 0 auto;}
#product .grid2 .pic{text-align: center;padding-top: 80px;}
#product .grid2 .detail{padding: 40px 0 20px 0;}
#product .grid2 .detail p{font-size: 12px;margin-bottom: 20px;}
#product .grid3{text-align: center;padding-bottom: 80px;background-color: #fff;}
#product .grid3 .t{font-size: 30px;margin-bottom: 50px;font-weight: 700;color: #7a7a7a;}
#product .grid3 .t:after{content: '';border-bottom: #b7b7b7 1px solid;top: 50%;left: 0;right: 0;margin: auto;position: absolute;z-index: 1;}
#product .grid3 .t span{position: relative;z-index: 100;background-color: #fff;padding: 0 30px;}
#product .grid3 .pic{margin-bottom: 80px;text-align: center;}
#product .grid4{text-align: center;padding:40px 0;background-color: #fff;}
#product .grid4 .t{font-size: 30px;margin-bottom: 50px;font-weight: 700;color: #7a7a7a;}
#product .grid4 .t:after{content: '';border-bottom: #b7b7b7 1px solid;top: 50%;left: 0;right: 0;margin: auto;position: absolute;z-index: 1;}
#product .grid4 .t span{position: relative;z-index: 100;background-color: #fff;padding: 0 30px;}
#product .grid4 li{float: left;width: 23%;margin: 0 1% 20px;}



#footer{ background-color: #4d4d4d; }
#footer .top{padding: 30px 0;font-size: 12px;color: #fff;overflow: hidden;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
#footer .top a{color: #fff;}
#footer .wechat{float: left;width: 20%;line-height: 1.4;flex: 1;}
#footer .wechat .flogo{margin-bottom: 10px;}
#footer .wechat .flogo img{width: 90px;}
#footer .link{overflow: hidden;line-height: 2;flex: 4;text-align: center;} 
#footer .link a{display: block;}
#footer .info{line-height: 2;flex: 1;}
#footer .bottom{line-height: 42px;height: 42px;background-color: #fafafa;border-top: #4d4d4d 1px solid;color: #7d7d7d;font-size: 12px;text-align: center;}
#footer .bottom a{color: #7d7d7d;}
#footer .bottom .t{float: left;padding-right: 20px;position: relative;margin-right: 20px;}
#footer .bottom .t:after{content: '';display: inline-block;position: absolute;z-index: 1;width: 1px;background-color: #7d7d7d;height: 20px;top: 0;bottom: 0;right: 0;margin: auto;}
#footer .bottom .c{overflow: hidden;}
#footer .bottom .c a{float: left;padding: 0 20px;}

#float{position: fixed;top: 40%;right: 0;width:70px;background-color: #fff;box-shadow: rgba(0,0,0,0.2) 0 0 10px; font-size: 12px;}

#float .con{display: none;}
#float a{text-align: center;display: block;border-top: #bfbfbf 1px solid;height: 70px;padding: 15% 0; position: relative; box-sizing: border-box; display: flex;flex-direction: column;justify-content: center;align-items: center;transition: all 0.4s ease;}
#float a:hover{background-color: #e1e1e1;}
#float a.t{height: 45px; border-top: none; padding: 5% 0;}
#float .code{position: absolute;z-index: 100;left:-150px;bottom: 0;width: 150px;height: 150px;background-color: #fff; display: none;}
#float .code img{width: 100%;max-height: 100%;}

.slider-hover p{-webkit-transform: translate(0,0); transform: translate(0,0);opacity: 1;transform:scale(1);-webkit-transform:scale(1);}
.slider-hover .item04-animate{-webkit-animation:5s circle1 .8s infinite linear;animation:5s circle1 .8s infinite linear;}
.slider-hover .item05-animate{-webkit-animation:5s circle2 .8s infinite linear;animation:5s circle2 .8s infinite linear;}

.up-animate{-webkit-transition:.5s all ease-out;transition:.5s all ease-out;-webkit-transform: translateY(300px); transform: translateY(300px);overflow: hidden;}
.up-animate-hover{-webkit-transform: translateY(0px); transform: translateY(0px);opacity: 1;}

@-webkit-keyframes circle1 {
	0%{ -webkit-transform:rotate(0deg); }
	100%{ -webkit-transform:rotate(-360deg); }
}

@keyframes circle1 {
 	0%{ transform:rotate(0deg); }
	100%{ transform:rotate(-360deg); }
}

@-webkit-keyframes circle2 {
	0%{ -webkit-transform:rotate(0deg); }
	100%{ -webkit-transform:rotate(360deg); }
}

@keyframes circle2{
	0%{ transform:rotate(0deg); }
	100%{ transform:rotate(360deg); }
}

@media screen and (max-width: 1350px) {
	#header{padding: 0 15px;box-sizing: border-box;}
	.banner,#projects .banner .swiper-container, #projects .banner .swiper-wrapper, #projects .banner .swiper-slide,#projects .banner a{min-height: 600px;}
	#footer .top{padding: 30px 15px;}
	#footer .bottom{padding: 0 15px;}
	#float{width: 100px;}
	#header .subnav a{width: 150px;}
	#recruit .grid1 .lists dt{font-size: 30px;}
	#startupslists .lists li{width: 33%;}
	/*#article .detail .con{padding: 30px 0;}*/

	#team .grid1 .lists{padding: 0 15px;}
	#lists .lists .pic{height: 230px;}

}
@media screen and (max-width: 1200px) {
	#header .nav li>a{padding: 0 25px;}
	.banner,#projects .banner .swiper-container, #projects .banner .swiper-wrapper, #projects .banner .swiper-slide,#projects .banner a{min-height: 500px;}

	#index .grid3 .lists2 .swiper-button-prev{left: 0;}
	#index .grid3 .lists2 .swiper-button-next{right: 0;}
	#projectsdetail .banner1 .t{font-size: 35px;}
	#article .detail{padding: 50px 5%;}
	/*#article .detail .con{padding: 30px 0;}*/
	#article .grid1 .t{font-size: 30px;}
	#storyarticle .detail{padding: 50px 10%;}
	#lists .lists .pic{height: 200px;}

}
@media screen and (max-width: 990px) {
	.banner,#projects .banner .swiper-container, #projects .banner .swiper-wrapper, #projects .banner .swiper-slide,#projects .banner a{min-height: 450px;}
	#header .searchbox{margin-right: 30px;}
	.header-dropdown{ position:absolute; top:0; z-index: 502; display: block; bottom: 0; right: 10px; margin: auto; width:20px; height: 20px;  font-size: 0; text-align: right;}
	.header-dropdown i,.header-dropdown:before,.header-dropdown:after{content: ''; width: 13px; height: 2px; background: #333; display: inline-block; overflow: hidden; margin-bottom: 5px;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-o-transition:all .4s ease-out;transition:all .4s ease-out;}
	.header-dropdown:before{ content: ''; width: 18px;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-o-transition:all .4s ease-out;transition:all .4s ease-out;}
	.header-dropdown:after{ content: ''; width: 16px;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-o-transition:all .4s ease-out;transition:all .4s ease-out;}
	.header-dropdown-fixed i,.header-dropdown-fixed:before,.header-dropdown-fixed:after{ background: #0f82f7; }
	.header-dropdown-shut{ text-align: center; }
	.header-dropdown-shut:after,.header-dropdown-shut:before{ background: #fff; width: 20px; height: 2px; position: absolute; z-index: 100;left:0; top: 8px; margin-bottom: 0;}
	.header-dropdown-shut:after{-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
	.header-dropdown-shut:before{-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg); }
	.header-dropdown-shut i{ opacity: 0; }
	#header .nav{width: 120px;height: 100%; background: rgba(0,0,0,0.6); position: fixed;right: 0;top: 0;z-index: 501;-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out; opacity:0;-webkit-transform: translateX(120px); transform: translateX(120px);}
	#header .nav.nav-hover{opacity:1;-webkit-transform: translateX(0px); transform: translateX(0px);}
	#header .nav ul {border-bottom: none;overflow: hidden; height: auto;margin-top: 80px;float: none; }
	#header .nav li{text-align: center; float: none; overflow: hidden;}
	#header .nav li a,#header .nav li.on a{color: #fff;height: 60px;line-height: 60px;display: block;}
	#header .nav li.on a:before{display: none;}
	#header .nav li.on a{background-color: rgba(0,0,0,0.9);}
	#header .nav li a:hover{color: #fff;background: none;box-shadow: 0;}
	#header .subnav{right: 120px;height: auto;bottom: 0;margin-top: 0;margin: auto;}
	#header .subnav a{width: 120px;line-height: 40px;height: 40px;background: rgba(137,137,137,0.5);padding: 0 5px;}
	@-webkit-keyframes fadeInUp {
		0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 200%, 0);
		transform: translate3d(0, 100%, 0); }
		100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none; } 
	}
	@keyframes fadeInUp {
		0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 200%, 0);
		transform: translate3d(0, 100%, 0); }
		100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none; } 
	}
	#float{width: 60px;}
	#float a{height: 60px;font-size: 12px;}
	#float .con img{width: 30px;}
	#index .grid3 .lists1 li{font-size: 18px;}
	#index .grid3 .lists1 li b{font-size: 50px;}
	#index .grid4 .lists li{width: 49%;margin-bottom: 10px;}
	#footer .bottom .c a{padding: 0 10px;}
	#index .grid5 .t{font-size: 40px;}
	#index .grid5 .detail{padding: 0 10px;}
	#projects .tabs li{width: auto;flex: 1; box-sizing: border-box;}
	#projects .tabs li a{padding: 0 10px;}
}
@media screen and (max-width: 768px) {
	.banner,#projects .banner .swiper-container, #projects .banner .swiper-wrapper, #projects .banner .swiper-slide,#projects .banner a{min-height: 300px;}

	#news .lists{margin-bottom: 20px;}
	#news .lists .item{margin-top: 0;flex-direction: column;}
	#news .lists .fr{margin-top: 0;margin-bottom: 0;width: 100%;}
	#news .lists .fl{margin-bottom: 0;width: 100%;}
	#news .lists ul{margin-top: -5px;padding: 0 5px;}
	#news .lists li{padding: 5px;}
	#news .lists .text{padding: 5px;}
	#news .lists .name{margin-bottom: 5px;font-size: 12px;}
	#news .lists .time{margin-bottom: 5px;}
	#news .lists .d{font-size: 12px;}
	#service .grid1 .t{font-size: 40px;}
	.banner .t{font-size: 40px;}
	#projects .tabs{margin: 20px 0;}
	.graybg{padding: 30px 0;}
	.graybg .t{font-size:40px;}
	.graybg .p{font-size: 16px;padding: 0 15px;}
	#customer .grid2 .item{padding: 30px 15px;}
	#contact .grid1 .lists dt{font-size: 30px;}
	#recruit .grid1 .lists dt{font-size: 20px;margin-bottom: 15px;}
	#about .grid1{margin-bottom: 40px;}
	#about .grid1 .graybg{margin-bottom: 40px;}
	#about .grid1 .pic{margin-bottom: 50px;}
	#about .grid1 .detail{padding: 0 15px;}
	#about .grid3 .t,#about .grid4 .t{font-size: 30px;margin-bottom: 20px;}
	#about .grid2,#about .grid3,#about .grid4{padding-bottom: 40px;}
	#startupslists .lists li{padding: 10px;}
	#management .grid1 dl{height: auto;padding: 15px;font-size: 16px;}
	#management .grid1 dt{font-size: 30px;margin-bottom: 15px;}
	#management .grid2 .t{font-size: 30px;}
	#recruit .grid1 .graybg{margin-bottom: 40px;}
	#recruit .grid1 .lists{margin-bottom: 40px;}
	#recruit .grid1 .lists dl{padding: 0 15px;}
	#lists .lists li{width: 49%;}
	#projectsdetail .banner1{font-size: 16px;}
	#projectsdetail .banner1 .text{padding: 20px;}
	#projectsdetail .banner1 .t{font-size: 25px;}
	#projectsdetail .detail{padding: 0 15px;}
	#lists .lists .pic{height:120px;}
	#index .grid3 .lists2>div{padding: 0;}
	#index .grid3 .lists2 .swiper-slide{padding: 0;}
	#customer .grid1 .lists>div{padding: 0;}
	#storyarticle .detail{padding: 15px;font-size: 14px;}
}
@media screen and (max-width:640px) {
	#header{height: 60px;padding: 0 10px;}
	#header .logo{width: 70px;line-height: 60px;}
	#header .searchbox{display: none;}
	#header .searchlink{display: inline-block;margin-top: 15px;float: right;width: 18px;height: 18px; margin-right: 30px;}
	#header .searchlink img{width: 100%;}
	#header .nav ul{margin-top: 60px;}
	.header-blank{height: 60px;}

	.graybg{padding: 15px 0;}
	.graybg .t{font-size:20px;font-weight: 700;}
	.graybg .p{font-size: 14px;padding: 0 15px;}
	#index .grid1{margin-bottom: 20px;}
	#index .grid1 .nav{padding: 15px 10px;}
	#index .grid1 .nav li{width: 33%;margin-bottom: 20px;}
	#index .grid1 .nav img{width: 50px;}
	#index .grid1 .lists li{width: 49%;margin-bottom: 10px;    margin: 1px;}
	#index .grid1 .lists li .text{font-size: 15px;top: auto;opacity: 1;padding: 5px 0;}
	#index .grid1 .lists li .text p{display:none;}
	#index .grid2 .lists2 .t1{font-size: 16px;}
	#index .grid2 .lists2 .t1 span{padding-bottom: 5px;margin-bottom: 5px;}
	#index .grid2 .lists2 .play{width: 80px;height: 30px;line-height: 30px;font-size: 12px;}
	#index .grid2 .lists2 .play:before{border-left: #fff 6px solid;border-top: transparent 5px solid;border-bottom: transparent 5px solid;}
	#index .grid2{margin-bottom: 20px;}
	#index .grid3 .t{font-size: 20px;margin-bottom: 20px;}
	#index .grid3 .lists1 li{font-size: 14px;}
	#index .grid3 .lists1 li b{font-size: 20px;}
	#index .grid3 .lists1{margin-bottom: 20px;}
	#index .grid3 .lists2 li{width: 33.333%;margin-bottom: 0;display: flex;flex-direction: row;justify-content: center;align-items: center;}
	#index .grid3 .lists2 li img{width: 80%;}
	#index .grid3{margin-bottom: 20px;}
	#index .grid4 .t{margin-bottom:10px;font-size: 20px;}
	#index .grid4 .lists ul{padding: 0;margin: 0;}
	#index .grid4 .lists li{width: 100%;box-sizing: border-box;padding: 10px;}
	#index .grid4 .lists .con{padding: 10px;}
	#index .grid4 .name{font-size: 14px;}
	#index .grid4 .time,#index .grid4 .d{font-size: 12px;height: auto;}
	#index .grid4 .more{margin-bottom: 0;font-size: 14px;}
	#index .grid4{margin-bottom: 20px;}
	#index .grid5{padding-top: 20px;padding-bottom: 20px;}
	#index .grid5 .t{font-size: 20px;margin-bottom: 15px;font-weight: 700;}
	#index .grid5 .pic{margin-bottom: 10px;}
	#index .grid5 .detail{font-size: 14px;}
	#index .grid5 .more{font-size: 14px;}

	.swiper-pagination{bottom: 5px!important;}
	.swiper-pagination-bullet{width: 5px!important;height: 5px!important;}
	.swiper-button-prev, .swiper-button-next{width: 25px!important;height: 45px!important;margin-top:-23px!important;background-size: 80%!important;}
	.banner,#projects .banner .swiper-container, #projects .banner .swiper-wrapper, #projects .banner .swiper-slide,#projects .banner a{min-height:180px;background-size: cover!important;}
	.banner .t{font-size: 16px!important;}
	.banner .p{line-height: 1.5;font-size: 12px!important;padding: 0 10px;}
	.banner .control{width: auto;}
	.banner .control .btn{margin: 0 5px 10px;}
	.banner .btn{width: 80px;height: 30px;line-height: 30px;font-size: 14px;}
	.banner .text{padding: 10px 0;}

	#footer .top{padding: 10px;flex-direction: column;}
	#footer .wechat{width: 100%;text-align: center;font-size: 14px;}
	#footer .link{margin-top: 10px;margin-bottom: 10px;font-size: 14px;}
	#footer .link a{display: inline-block;}
	#footer .info{line-height: 1.5; text-align: center;font-size: 14px;}
	#footer .bottom{padding:10px;overflow: hidden;height: auto;line-height:20px;}
	#footer .bottom .t{margin-right: 5px;padding-right: 10px;}
    #footer .bottom .t:after{height: 15px;background-color:#999;}
	/*#footer .bottom .t:after{display: none;}
	#footer .bottom .c{display: block;}*/
	#footer .bottom .c a{padding: 0 5px;font-size: 12px;}

	#projects .tabs{padding: 0;margin-bottom: 15px;line-height: 30px;height: auto;font-size: 12px;overflow: hidden;border:none;}
	#projects .tabs ul{overflow: hidden;}
	#projects .tabs li{box-sizing: border-box;}
	#projects .lists .item{flex-direction: column;margin-top: 0;}
	#projects .lists .fr{width: 100%;margin-bottom: 0;margin-top: 0;}
	#projects .lists .fl{width: 100%;margin-bottom: 10px;padding: 0 5px;box-sizing: border-box;}
	#projects .lists ul{margin-top: -5px;}
	#projects .lists li{padding: 5px ;}
	#projects .lists .text{opacity: 1;top: auto;bottom: 5px;padding: 5px 0;}
	#projects .lists li .text{left: 5px;right: 5px;}
	#projects .lists .brand{padding-bottom: 3px;margin-bottom: 3px;}
	#projects .lists .name,#projects .lists .brand{font-size: 14px;position: relative;left: auto;right: auto;}
	#projects .lists li .text{top: auto;}
	#projects .grid1{padding-bottom: 20px;}
	
	#projectsdetail{padding-bottom: 0;}
	#projectsdetail .banner1{margin-bottom: 20px;flex-direction: column;}
	#projectsdetail .banner1 .swiper-slide{flex-direction: column;}
	#projectsdetail .banner1 .pic{width: 100%;}
	#projectsdetail .banner1 .text{padding: 10px;font-size: 14px;}
	#projectsdetail .banner1 .t{font-size: 18px;}
	#projectsdetail .info{margin-bottom: 20px;padding: 10px;}
	#projectsdetail .info li{padding: 0 10px;width: 50%;box-sizing: border-box;margin-bottom: 15px;}
	#projectsdetail .info .t{margin-bottom: 0;}
	#projectsdetail .detail{padding: 10px;font-size: 14px;}
	#projectsdetail .detail .p{margin: 10px 0;}
	#projectsdetail .detail .other{margin-bottom: 20px;}
	#storyarticle .other{margin-bottom: 20px;}
	

	#customer .grid1{margin-bottom: 20px;}
	#customer .grid1 .graybg{margin-bottom: 20px;}
	#customer .grid1 .lists{padding: 10px;}
	#customer .grid1 .lists li{margin-bottom: 0;width: 33.33%;}
	#customer .grid1 .lists li img{width: 70%;}
	#customer .grid2 .item{padding: 10px;}
	#customer .grid2 .pic{float: none;width: 100%; text-align: center;}
	#customer .grid2 .right{font-size: 14px;}

	#contact .grid1, #contact .grid2{margin-top: 20px;margin-bottom: 20px;}
	#contact .grid1 .t{font-size: 25px;margin-bottom: 15px;}
	#contact .form .fl{width: 100%;float: none;}
	#contact .form .t1{font-size:18px;margin-bottom: 10px;}
	#contact .form .lists1 li{width: 100%;margin-right: 0;font-size: 16px;line-height: 50px;height: 50px;margin-bottom: 10px;}
	#contact .form .input{line-height: 50px;height: 50px;font-size: 16px;}
	#contact .form .name{font-size: 16px;}
	#contact .form .lists3 li{font-size: 16px;}
	#contact .form .lists3 ul{margin-bottom: 10px;}
	#contact .form .submitbtn{float: none;margin: 0 auto;width: 150px;height: 50px;line-height: 50px;font-size: 16px;}
	#contact .grid2 .map{float: none;width: 100%;margin-bottom: 10px;}
	#contact .grid2 .info{font-size: 14px;line-height: 1.5;}

	

	#startups .grid1{margin-top: 20px;margin-bottom: 50px;}
	#startups .grid1 .t{font-size: 20px;margin-bottom: 15px;}
	#startups .grid1 .p{margin-bottom: 15px;font-size: 14px;max-width: 100%;padding: 0 10px;line-height: 1.5;}
	#startups .grid1 .graph{flex-direction: column;}
	#startups .grid1 .tabs{width: 100%;}
	#startups .grid1 .tabs li{float: left;width: 25%;}
	#startups .grid2 {margin-bottom: 20px;}
	#startups .grid2 .t{font-size: 20px;margin-bottom: 15px;}
	#startups .grid2 .p{width: auto;padding: 0 10px;font-size: 14px;line-height: 1.5;margin-bottom: 15px;}
	
	#about .grid1{margin-bottom: 20px;}
	#about .grid1 .graybg{margin-bottom: 20px;}
	#about .grid1 .pic{margin-bottom: 20px;}
	#about .grid1 .detail{font-size: 14px;}
	#about .grid2 .t{font-size: 20px;margin-bottom: 15px;}
	#about .grid2 .pocess>div{padding: 0 50px;}
	#about .grid2 .pocess .item{width: 100%;}
	#about .grid2, #about .grid3, #about .grid4{padding-bottom: 20px;}
	#about .grid3 .t, #about .grid4 .t{font-size: 20px;}
	#about .grid2 .pocess dt{font-size: 16px;}
	#about .grid2 .pocess dd{font-size: 14px;margin-bottom: 10px;padding-right: 15px;}
	#about .grid2 .swiper-button-prev{left: 0;}
	 #about .grid2 .swiper-button-next{right: 0;}


	#management .banner{margin-bottom: 20px;}
	#management .banner .t{font-size: 20px;margin-bottom: 15px;}
	#management .banner .p{font-size: 14px;width: auto;padding: 0 10px;}
	#management .banner .btn{width: 80px;height: 30px;line-height: 30px;font-size: 12px;}
	#management .grid1{margin-bottom: 20px;}
	#management .grid1 dl{width:auto;margin: 10px;font-size: 14px;height: auto;}
	#management .grid1 dt{font-size: 20px;}
	#management .grid2{padding-bottom: 20px;}
	#management .grid2 .t{font-size: 20px;margin-bottom: 15px;}
	#management .grid2 .p{margin-bottom: 20px;font-size: 14px;width: auto;padding: 0 10px;}

	#team .banner{margin-bottom: 20px;}
	#team .banner .t{font-size: 20px;margin-bottom: 15px;}
	#team .banner .p{font-size: 14px;width: auto;padding: 0 10px;}
	#team .banner .btn{width: 80px;height: 30px;line-height: 30px;font-size: 12px;}

	#news .grid1{padding-bottom: 20px;}
	#news .lists{margin-top: 20px;}
	#news .pages{margin-bottom: 20px;padding-bottom: 0;}
	#news .pages a.first, #news .pages a.last{margin: 0;padding:0 5px;font-size: 12px;}
	#news .pages a, #news .pages span, #news .pages b{font-size: 12px;margin: 0;min-width: 30px;}
	
	#article .grid1{padding-bottom: 20px;}
	#article .grid1 .p{font-size: 14px;}
	#article .detail{padding: 10px;margin-bottom: 20px;font-size: 14px;}
	#article .detail p{margin-bottom: 10px;}
	#article .detail .con{}
	#article .lists ul{padding: 0;margin: 0;}
	#article .lists li{width: 49%;}
	#article .name{font-size: 14px;}
	#article .lists .con{padding: 10px;}
	#article .time,#article .d{font-size: 12px;line-height: 1.5;}
	#article .d{height: auto;}


	#storyarticle .grid1{padding-bottom: 20px;}
	#storyarticle .grid1 .p{font-size: 14px;}
	
	#storyarticle .detail p{margin-bottom: 10px;}
	#storyarticle .lists ul{padding: 0;margin: 0;}
	#storyarticle .lists li{width: 49%;}
	#storyarticle .name{font-size: 14px;}
	#storyarticle .lists .con{padding: 10px;}
	#storyarticle .time,#storyarticle .d{font-size: 12px;line-height: 1.5;}
	#storyarticle .d{height: auto;}
	

	#contact .grid1 .graybg{margin-bottom: 20px;}
	#contact .grid1 .lists dl{float: none;width: 100%;padding: 0 10px;height: auto;font-size: 14px;}
	#contact .grid1 .lists dt{font-size: 20px;margin-bottom: 10px;}
	#contact .grid1 .lists dd{font-size:14px; margin-bottom: 10px;}


	#lists .searchbox{margin: 15px;border-bottom: rgba(0,0,0,0.3) 1px solid;}
	#lists .searchbox .search{width: 100%;line-height: 50px;height: 50px;box-sizing: border-box;padding-left: 30px;margin-bottom: 0;}
	#lists .searchbox .search input{height: 50px;font-size: 20px;width: 100%;}
	#lists .searchbox .search .icon{width: 20px;height: 20px;background-size: 100%;}
	#lists .lists{padding: 0 10px;min-height: 300px;}
	#lists .lists li{width: 100%;padding: 0 5px;margin-bottom: 20px;}
	#lists .lists .pic{margin-bottom: 0;height: 200px;}
	
	#lists .lists .name{font-size: 18px;padding: 5px;margin-bottom: 8px;}
	#recruit .grid1 .lists dl{width: 100%;}
	#recruit .grid1 .lists dt{margin-bottom: 10px;}
	#recruit .grid1 .lists{margin-bottom: 20px;}
	#recruit .grid1 .email{padding: 20px 0; font-size: 14px;}
	#recruit .grid1 .graybg{margin-bottom: 20px;}
	#recruit .grid1 .lists2{width: auto;margin-bottom: 20px;}
	#recruit .grid1 .lists2 .t2{margin-bottom: 15px;font-size: 20px;}
	#recruit .grid1 .lists2 dl{margin-bottom: 20px;padding: 0 10px;}
	#recruit .grid1 .lists2 dt{font-size: 14px;margin-bottom: 10px;}
	#recruit .grid1 .lists2 dd{margin-bottom: 0;}

	
	
	#startupslists .banner{margin-bottom: 5px;}
	#startupslists .banner .text{line-height: 1.5;font-size: 14px;}
	#startupslists .banner .t{font-size: 20px;}
	#startupslists .lists{margin: 0 5px 20px;}
	#startupslists .lists li{padding: 5px;width: 49.9%;}
	#startupslists .lists li .text{top: auto;left: 5px;right: 5px;bottom: 5px;font-size: 12px;opacity: 1;padding: 5px 0;margin-bottom: 0;}
	#startupslists .lists li .brand{display: none;}
	#startupslists .lists li .name{margin-bottom: 5px;padding: 0 5px;}
	#startupslists .lists li .btn{display:none;}

	#storydetail .banner{font-size: 14px;margin-bottom: 20px;}
	#storydetail .banner .t{font-size: 20px;}
	#storydetail .banner .t span{padding-bottom: 10px;margin-bottom: 15px;}
	#storydetail .detail{padding: 10px;font-size: 14px;}
	#storydetail .detail p{margin-bottom: 10px;}
	#storydetail .detail .share{width: 100%;margin-top: 20px;margin-bottom: 20px;}
	#storydetail .detail .share .t{font-size: 18px;margin-bottom: 10px;}
	
	#team .banner{margin-bottom: 20px;font-size: 14px;line-height: 1.5;}
	#team .banner .t{font-size: 20px;margin-bottom: 15px;}
	#team .grid1,#team .grid2{margin: 20px 0;}
	#team .grid1 .t,#team .grid2 .t{font-size: 20px;margin-bottom: 10px;}
	#team .grid1 .p,#team .grid2 .p{margin-bottom: 20px;padding: 0 10px;font-size: 14px;line-height: 1.5;}
	#team .grid1 .lists li{padding: 10px 10px 10px 0;}
	#team .grid1 .lists .info:before{width: 100px;height: 2px;left: 4px;}
	#team .grid1 .lists .name{font-size: 16px;}
	#team .grid1 .lists .general{font-size: 15px;margin-bottom: 5px;}
	#team .grid1 .lists .d{font-size: 12px;width: 100%;}
	#team .grid1 .lists .info{padding: 5px;}
	#team .grid1 .lists .cl{width: 4%;}
	#team .grid1 .lists .info{width: 86%;}
	#team .grid1 .lists .pic{width: 40%;}
	#team .grid1 .lists li:after{width: 50px;height: 50px;}
	#team .grid1 .swiper-pagination{left: 4%;}
	#team .grid1 .swiper-pagination{height: 4px;line-height: 4px;}
	#team .grid1 .swiper-pagination .swiper-pagination-bullet{height: 4px;}
	#team .grid2 .lists li{width: 33.33%;}


	#index .grid1 .lists1 .in{width:400px;height:80px;}
	#index .grid1 .lists1 .line{background-size: 400px;}
	#index .grid1 .lists1 .icon{width:35px;height: 70px;}
	#index .grid1 .lists1 .icon i{width: 15px;height: 15px;}
	

	#index .grid6 .t{font-size: 20px;margin-bottom: 10px;}
	#index .grid6 .p{margin-bottom: 20px;padding: 0 10px;font-size: 14px;line-height: 1.5;}
	#index .grid6 .lists li{width: 100%;margin-bottom: 15px;padding: 0;float: none;}
	#index .grid6 .lists .con{padding: 5px 10px;}
	#index .grid6 .name{font-size: 16px;}
	#index .grid6 .time,#index .grid6 .d{font-size: 12px;}
	#startups .grid1 .graybg{margin-bottom: 20px;}
	#startups .grid1 .lists{margin-bottom: 15px;}
	#startups .grid1 .lists .swiper-slide{width:93%;padding: 5px 10px;}
	#startups .grid1 .lists .pic{text-align: center;}
	#startups .grid1 .lists .pic img{width: 60%;}
	#startups .grid1 .lists .name{font-size: 20px;margin-bottom: 10px;}
	#startups .grid1 .lists .d{margin-bottom: 10px;padding-bottom: 5px;font-size: 14px;}
	#startups .grid1 .lists .b{font-size: 14px;}
	#startups .grid1 .swiper-button-next,#startups .grid1 .swiper-button-prev{width: 25px;height: 45px;}

	#product .grid1{padding: 20px 0;}
	#product .grid2 .graybg{padding: 5px 0;}

	#product .grid2 .pic{padding: 20px 0;}
	#product .grid2{margin-bottom: 10px;}
	#product .grid3,#product .grid4{padding-top: 20px;}
	#product .grid3{padding-top: 10px;padding-bottom: 10px;}

	#product .grid3 .t,#product .grid4 .t{font-size: 20px;margin-bottom: 20px;}
	#product .grid3 .pic{margin-bottom: 20px;}
	#product .grid4 li{width: 48%;box-sizing: border-box;}
    #float .t img{width: auto;}
    #float .code{width: 100px;height: 100px;left: -100px;}
    #team .grid2 .lists .name{font-size: 12px;}

    #article .other-t,#projectsdetail .other-t,#storyarticle .other-t{font-size: 18px; margin-bottom: 10px;}
    #recruit .grid1 .lists .d{height: auto;}
}

@media screen and (max-width:480px) {
	#index .grid1 .lists1 .in{width:320px;height:60px;}
	#index .grid1 .lists1 .line{background-size: 320px;}
	#index .grid1 .lists1 .icon{width:28px;height: 52px;}
	#index .grid1 .lists1 .icon i{width: 10px;height: 10px;}
	#team .grid2 .lists li{width: 50%;}
}
@media screen and (max-width:375px) {
#lists .lists .pic{height: 150px;}
}
@media screen and (max-width:320px) {
	#index .grid1 .lists1 .in{width:280px;height:50px;}
	#index .grid1 .lists1 .line{background-size: 280px;}
	#index .grid1 .lists1 .icon{width:22px;height: 43px;}
	#index .grid1 .lists1 .icon i{width: 8px;height: 8px;}
	.banner{min-height: 150px;}
}

.up-animate,.animated,.animated-item{
	-webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   backface-visibility: hidden;
 
   -webkit-perspective: 1000;
   -moz-perspective: 1000;
   -ms-perspective: 1000;
   perspective: 1000;
   
   -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
}