@charset "utf-8";
.clear{clear: both;}
html, body {
    height: 100%;
}

body{
	width: 100%;
	overflow-x: hidden;
	margin: 0;
font-family:"ar";
}


*{box-sizing:border-box; margin:0px; padding:0px;   
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}

* {
	margin: 0;
	padding: 0;
	outline: none;
}
html { height: 100%; }
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100%;color: #333; }

iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea {font-family: "ar";}
body { line-height: 1.5}
a:link,
a:visited,
a:active,
a { text-decoration: none;}
a:hover {}
a,a:hover,a:active,a:visited,a:link,a:focus{
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
outline:none;

text-decoration: none;
}
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none } 
img{display: block;width: 100%;height: auto;}


.w90{width: 90%;max-width: 1680px; margin: 0 auto;height: auto;}
.td-space{width: 100%;height: auto;padding: 110px 0;}
.t-space{padding-top: 110px;}
.d-space{padding-bottom: 110px;}
.margin-t{margin-top: 65px;}
.title{width: 100%;height: auto;}
.title b{font-size: 48px;color: #000000;}


.txt-c{width: 100%;height: auto;}
.txt-c p{font-size: 18px;color: #000000;font-family: "al";}

.view{ padding: 0 25px;line-height: 50px;font-size: 18px;display: inline-block;background:url(../img/a002.png)center no-repeat; background-size: 100% 100%;}
.view span{ background: linear-gradient(to right, #01bbee, #bcf383);-webkit-background-clip: text;color: transparent;}
.view i{display: inline-block;vertical-align: middle;width: 50px;height: auto;margin-left: 10px;}



@media only screen and (max-width:1680px) {
	.td-space{padding: 100px 0;}
.t-space{padding-top: 100px;}
.d-space{padding-bottom: 100px;}
.margin-t{margin-top: 60px;}
.title b{font-size: 45px;}
		.txt-c p{font-size: 16px;}
}
@media only screen and (max-width:1440px) {
	.txt-c p{font-size: 15px;}
		.td-space{padding: 90px 0;}
.t-space{padding-top:90px;}
.d-space{padding-bottom:90px;}
.margin-t{margin-top: 55px;}
.title b{font-size: 40px;}
.view{font-size: 16px;line-height: 45px;}
.view i{width: 45px;}
	
}
@media only screen and (max-width:1280px) {
.td-space{padding: 80px 0;}
.t-space{padding-top:80px;}
.d-space{padding-bottom:80px;}
.margin-t{margin-top: 50px;}
	.title b{font-size: 35px;}
}
@media only screen and (max-width:1024px) {
	.txt-c p{font-size: 14px;}
	.td-space{padding: 70px 0;}
.t-space{padding-top:70px;}
.d-space{padding-bottom:70px;}
.margin-t{margin-top: 45px;}
.title b{font-size: 30px;}

.view{font-size: 15px;line-height: 40px;}
.view i{width: 40px;}
}
@media only screen and (max-width:720px) {
		.td-space{padding: 60px 0;}
.t-space{padding-top:60px;}
.d-space{padding-bottom:60px;}
.margin-t{margin-top: 40px;}
.title b{font-size: 25px;}
	
}











.header{z-index: 999; position: fixed;top: 0;left: 0;width: 100%;height: auto;}
.header  .logo{width: 220px;display: block;float: left;height: auto;margin-top: 18px;}
.header .logo .img2{display: none;}
.header .menu{width: calc(100% - 220px);float: right;padding-left: 5%;height: auto;}
.header .menu .nav{position: relative; text-align: right; font-size: 0; width: calc(100% - 30px);float: left;padding-right:5%;height: auto;}
.header .menu .nav li{position: relative; display:inline-block;line-height: 100px; font-size: 20px; vertical-align: top;margin: 0 2%;}
.header .menu .nav li a{color: #FFFFFF;position: relative;display: inline-block;padding-bottom: 5px;}
.header .menu .nav li:hover a:after{content: "";position: absolute;left: 0;height: 3px;background: linear-gradient(to right, #01bbee, #bcf383);width: 100%;bottom: 28px;}
.header .menu .nav li.cut a:after{content: "";position: absolute;left: 0;height: 3px;background: linear-gradient(to right, #01bbee, #bcf383);width: 100%;bottom: 28px;}

.header .menu .nav:before{position: absolute;content: "";position: absolute;right: 2%;width: 1px;height: 15px;top: calc(50% - 7.5px);background: rgba(255,255,255,0.6);}
.header .toggle{z-index: 9999;  width: 30px;height:30px;position: absolute;right: 5%;top:33px;display: block;}

 .toggle .icon,
 .toggle .icon::before,
 .toggle .icon::after {position: absolute;width: 25px;height: 3px;transition-duration: 0.3s; background: linear-gradient(to right, #01bbee, #bcf383);}
 .toggle .icon {top:15px;right: 0;display: block;}
 .toggle .icon{width: 25px;}
 .toggle .icon::after {width: 25px;}

 .toggle .icon::before,
 .toggle .icon::after {right: 0; content: '';background: inherit;}
 .toggle .icon::before {top: -7px;}
 .toggle .icon::after {top: 7px;}

 .toggle:hover .icon{width: 25px;}
 .toggle:hover .icon::after{width: 25px;}
 .toggle.open .icon {width: 0;}
 .toggle.open .icon::before {transform: translateY(7px) rotate(45deg);}
 .toggle.open .icon::after {width: 25px;transform: translateY(-7px) rotate(-45deg);}


.header1{background: #FFFFFF;border-bottom: 1px solid #F6F9FA;}
.header1 .logo  .img2{display: block;}
.header1 .logo .img1{display: none;}
.header1 .menu .nav li a{color: #000;}
.header1 .menu .nav:before{background: rgba(0,0,0,0.1);}

.header .menubox-bks{position:fixed;top: 100px;left: 0;width: 100%;height:calc(100% - 100px);z-index: 998; display: none;}

.header .menubox{border-top: 1px solid #F6F9FA; overflow: hidden;padding:5% 6%; box-shadow: 0 10px 10px rgba(0,0,0,0.2);  background: #FFFFFF; position: fixed;top: 100px;left: 0;width: 100%;height: auto;z-index: 998;}
.header .menubox .menu-list{width: 65%;height: auto;float: left; padding-right: 5%;height: auto;}
.header .menubox .menu-list ul{width: 100%;height: auto;font-size: 0;}
.header .menubox .menu-list ul li{ width: 20%;height: auto;display: inline-block;padding-right: 5%; vertical-align: top;margin-bottom: 45px;}
.header .menubox .menu-list ul li>a{color: #000000;font-size: 20px;font-family: "ab";} 
.header .menubox .menu-list ul li .downs{width: 100%;margin-top: 25px;}
.header .menubox .menu-list ul li .downs a{margin-top: 10px;color: #000000; display: block;font-size: 16px;font-family: "al";}

.header .menubox:before{position: absolute;content:"";z-index: -1; width: 35%;top: 0;right: 0;height: 100%;background: #F6F9FA;}
.header .menubox .cont{width: 35%; height: auto;float:left; padding-left: 5%;height: auto;}
.header .menubox .cont .lx{letter-spacing: 1px; width: 100%;height: auto;}
.header .menubox .cont .lx .tel{font-size: 36px;color: #000000;font-family: "century gothic";}
.header .menubox .cont .lx .mail{margin: 10px 0; font-size:18px;color: #000;font-family: "century gothic";}
.header .menubox .cont .lx .add{font-size: 18px;color: #000;font-family: "ar";}
.header .menubox .cont  .ewmbox{width: 100%;height: auto;overflow: hidden;margin-top: 35px;}
.header .menubox .cont  .ewmbox .ewm{width: 120px;height: auto;float: left;}
.header .menubox .cont .ewmbox p{color: #000;float: left;text-align: left; width: calc(100%- 120px);font-size: 18px;padding-left: 5%;margin-top: 35px;}



@media only screen and (max-width:1680px) {
	.header .menu .nav li{font-size: 18px;}
	.header  .logo{width: 200px;}
	.header  .menu{width: calc(100% - 200px);}
	.header .menubox .menu-list ul li>a{font-size: 18px;}
	.header .menubox .cont .lx .tel{font-size: 34px;}
	.header .menubox .cont .lx .mail{font-size: 18px;}
	.header .menubox .cont .lx .add{font-size: 18px;}
	.header .menubox .cont .ewmbox p{font-size: 18px;}
	
}
@media only screen and (max-width:1440px) {
	.header .menu .nav li{font-size: 16px;}	
	.header  .logo{width:180px;margin-top: 15px;}
	.header  .menu{width: calc(100% - 180px);}
	.header .menubox .menu-list ul li>a{font-size: 16px;}
	.header .menubox .menu-list ul li .downs a{font-size: 15px;}
		.header .menubox .cont .lx .tel{font-size: 32px;}
	.header .menubox .cont .lx .mail{font-size: 16px;}
	.header .menubox .cont .lx .add{font-size: 16px;}
	.header .menubox .cont .ewmbox p{font-size: 16px;}
}
@media only screen and (max-width:1280px) {
	.header .menu .nav li{font-size: 15px;}
	.header  .logo{width: 160px;margin-top: 20px;}
	.header  .menu{width: calc(100% - 160px);}
	.header .menubox .menu-list ul li .downs a{font-size: 14px;}
	.header .menubox .menu-list ul li>a{font-size: 15px;}
	
		.header .menubox .cont .lx .tel{font-size: 30px;}
	.header .menubox .cont .lx .mail{font-size: 15px;}
	.header .menubox .cont .lx .add{font-size: 15px;}
	.header .menubox .cont .ewmbox p{font-size: 15px;}

}
@media only screen and (max-width:1024px) {	
	.header {height: 60px;}
	.header  .logo{width: 160px;margin-top: 5px;}
	.header .toggle{top: 15px;height: 30px;}
	.header .menu .nav{display: none;}
	.header .menu .nav:before{display: none;}
	.header .menubox .menu-list{padding: 5%; width: 100%;height: auto;}
	.header .menubox .menu-list ul li{display: block;width: 100%;margin-bottom: 15px;}
	.header .menubox .menu-list ul li .downs{display: none;}
	.header .menubox{padding: 0;top: 60px;}
	.header .menubox:before{display: none;}
	.header .menubox .cont{width: 100%;background: #F6F9FA;padding: 5%; height: auto;}
	
			.header .menubox .cont .lx .tel{font-size:25px;}
	.header .menubox .cont .lx .mail{font-size: 15px;}
	.header .menubox .cont .lx .add{font-size: 15px;}
	.header .menubox .cont .ewmbox p{font-size: 15px;}
	
	
}
@media only screen and (max-width:720px) {	
	
			.header .menubox .cont .lx .tel{font-size:20px;}
	.header .menubox .cont .lx .mail{font-size: 15px;}
	.header .menubox .cont .lx .add{font-size: 15px;}
	.header .menubox .cont .ewmbox p{font-size: 15px;}
}













.banner{ position: relative; width: 100%;height:100%;z-index: 2;}
.banner .banner-js{width: 100%;height:100%;position: absolute;left: 0;top: 0px;z-index: 0;z-index:0;}
.banner .banner-js .pic .img1{display: none;}
.banner .banner-js .swiper-slide{overflow: hidden;}
.banner .banner-js .pic{position: absolute;z-index: 2; width: 100%;height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;}
.banner .banner-js .bks{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.1);}
.banner .banner-js .con{width: 100%;left: 0;position: absolute;top: 50%;transform: translateY(-50%);height: auto;}
.banner .banner-js .con h5{color: #FFFFFF;font-size:48px;font-family: "am"; font-weight: normal;}
.banner .banner-js .con .view{margin-top: 55px;}
.banner .banner-js .con p{color: #FFFFFF;font-size: 18px;margin-top: 10px;}
.banner .banner-js .con .w90{padding-right: 60%;}
.banner .banner-js .swiper-button-prev{ background-image: url(../img/prevs.png);right: 5%;left: auto;top: 50%;}
.banner .banner-js .swiper-button-next{ background-image: url(../img/nexts.png);right: 5%;left: auto;top: calc(50% + 75px);}
.banner .banner-js .swiper-button-next,.banner .banner-js .swiper-button-prev {position: absolute;width: 50px; height: 50px; margin-top: -25px; z-index: 10;cursor: pointer;background-size: 50px 50px;background-position: center;background-repeat: no-repeat;}
.banner .mouse{width: 25px;height: auto;position: absolute;right: 5%;bottom: 10%;z-index: 33;-webkit-animation: rotate 3.5s 0.1s infinite;animation: rotate 1.8s 0.2s infinite; animation-name: rotate;}
.banner .banner-js .swiper-pagination{ color:#FFFFFF;text-align:center;font-family: "century gothic"; line-height: 60px;text-align: left; left:5%;position: absolute; bottom: 10%; z-index: 1;}
.banner .banner-js .swiper-pagination-fraction{color:#FFFFFF;font-family: "century gothic";font-size: 16px;}
.banner .banner-js .swiper-pagination-current{font-size:40px;font-family: "century gothic";}



@keyframes rotate{
      0%{transform: translateY(-15px);}
    50%{transform: translateY(15px);}
  100%{transform: translateY(-15px);}
}


@media only screen and (max-width:1680px) {
	.banner .banner-js .con h5{font-size: 45px;}
	.banner .banner-js .con .w90{padding-right: 48%;}
}
@media only screen and (max-width:1440px) {	
	.banner .banner-js .con h5{font-size: 40px;}
	.banner .banner-js .con p{font-size: 16px;}
	.banner .banner-js .con .w90{padding-right: 45%;}
	
	.banner .banner-js .swiper-pagination-fraction{font-size: 15px;}
.banner .banner-js .swiper-pagination-current{font-size:35px;}

.banner .banner-js .swiper-button-prev{ top: 50%;}
.banner .banner-js .swiper-button-next{top: calc(50% + 70px);}
.banner .banner-js .swiper-button-next,.banner .banner-js .swiper-button-prev {width: 45px; height: 45px; margin-top: -22.5px;background-size: 45px 45px;}


	
}
@media only screen and (max-width:1280px) {
	.banner .banner-js .con h5{font-size: 35px;}
}
@media only screen and (max-width:1024px) {	
	.banner .banner-js .con h5{font-size: 30px;}
	.banner .banner-js .con .w90{padding-right:10%;}
	.banner .banner-js .con p{font-size: 15px;}
	
		.banner .banner-js .swiper-pagination-fraction{font-size: 14px;}
.banner .banner-js .swiper-pagination-current{font-size:30px;}

.banner .banner-js .swiper-button-prev{ top: 50%;}
.banner .banner-js .swiper-button-next{top: calc(50% + 65px);}
.banner .banner-js .swiper-button-next,.banner .banner-js .swiper-button-prev {width: 40px; height: 40px; margin-top: -20px;background-size: 40px 40px;}


}
@media only screen and (max-width:720px) {	
	.banner .banner-js .con h5{font-size: 25px;}
	.banner{height: 550px;}
	.banner .mouse{width: 20px;}
	.banner .banner-js .swiper-pagination{bottom: 5%;}
}


.indus{width: 100%;height: 100%;position: relative;z-index: 0;}
.indus .pic-list{width: 100%;height:100%;z-index: -1; position: absolute;top: 0;left: 0;}
.indus .pic-list .pic{width: 100%;height: 100%;display: none; position: absolute;top: 0;left: 0;background-size: cover;background-repeat: no-repeat;background-position: center;}

.indus .pic-list .pic .bks{width: 100%;height: 100%;position: absolute;z-index: 0;background: rgba(0,0,0,0.1);}
.indus .pic-list .pic .bks .con{position: absolute;left: 0;top: 0;width: 100%;height: auto;}
.indus .pic-list .pic .bks .con .title b{color: #FFFFFF;}
.indus .pic-list .pic .bks .con .txt-c p{color: #FFFFFF;}
.indus .pic-list .pic .bks .con .w90{padding-right: 45%;}

.indus .indus-c{font-size: 0; width: 100%;height: auto;position: absolute;left: 0;bottom: 0; z-index: 11;}
.indus .indus-c  li{width: 22%;display: inline-block;vertical-align: top; height:auto;background-size: cover;background-repeat: no-repeat;background-position: center;}
.indus .indus-c  li a{display: block;padding: 50px 5%; height: 250px;background: rgba(0,0,0,0.1);width: 100%;    -webkit-backdrop-filter: blur(4px);backdrop-filter: blur(4px);}

.indus .indus-c  li b{color: #FFFFFF;display: block; font-size: 30px;font-weight: normal;font-family: "am";}
.indus .indus-c  li .ico{width: 60px;}
.indus .indus-c  li p{width: 100%;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; margin-top: 5px; color: #FFFFFF;font-size: 14px;font-family: "century gothic";text-transform: uppercase;}
.indus .indus-c  li .cant1{width: 100%; text-align: center;}
.indus .indus-c  li .cant1 .ico{margin: 0 auto; margin-bottom:60px;}

.indus .indus-c  li .cant2{display: none; padding: 0 25% 0 5%; position: relative;}
.indus .indus-c  li .cant2 .ico{position: absolute;right: 5%;top: 0;}
.indus .indus-c  li .cant2 .more{display: block;width: 50px;height: 50px;margin-top: 45px;}

.indus .indus-c  li.show{width: 34%;}
.indus .indus-c  li.show .cant1{display: none;}
.indus .indus-c  li.show .cant2{display: block;}



@media only screen and (max-width:1680px) {
	.indus .indus-c  li b{font-size: 28px;}
	.indus .indus-c li .ico{width: 55px;}
}
@media only screen and (max-width:1440px) {
	.indus .indus-c li b{font-size: 26px;}
	.indus .pic-list .pic .bks .con .w90{padding-right: 40%;}	
	.indus .indus-c  li .ico{width: 50px;}
	.indus .indus-c  li .cant2 .more{width: 45px;}
	.indus .indus-c li a{padding: 45px 5%;}
}
@media only screen and (max-width:1280px) {
	.indus .indus-c li b{font-size: 24px;}
	.indus .pic-list .pic .bks .con .w90{padding-right: 35%;}
	.indus .indus-c  li .ico{width: 45px;}
	.indus .indus-c li .cant2 .more{width: 40px;}
	.indus .indus-c li a{height: 200px;}
	.indus .indus-c  li .cant1 .ico{margin-bottom: 35px;}
	.indus .indus-c  li .cant2 .more{margin-top: 30px;}
}
@media only screen and (max-width:1024px) {
	.indus .indus-c li b{font-size: 20px;}	
	.indus .pic-list .pic .bks .con .w90{padding-right: 20%;}
	.indus .indus-c li .ico{width: 40px;}
	.indus .indus-c li .cant2 .more{width: 35px;}
	.indus{height: 65%;}
	.indus .indus-c li a{height: 160px;}
	.indus .indus-c  li a{padding: 35px 5%;}
	.indus .indus-c  li .cant2 .more{margin-top: 25px;}
	
}
@media only screen and (max-width:720px) {
	.indus .indus-c li b{font-size: 18px;}	
	.indus .pic-list .pic .bks .con .w90{padding-right: 0;}
	.indus .indus-c  li .ico{width: 35px;}
	.indus .indus-c li .cant2 .more{width: 30px;}
	.indus .indus-c  li .cant2 .ico{display: none;}
	.indus .indus-c  li .cant2 {padding:0 5%;}

}








.inab{position: relative;overflow: hidden; width: 100%;height: auto;background-size: cover;background-repeat: no-repeat;background-position: center;}
.inab .mask{z-index: 333;  position: absolute;top: 0;left: 0;width: 100%;height: auto;}








.inab .title {text-align: center;}
.inab .title b{color: #FFFFFF;}
.inab .txt-c{width: 100%;padding: 0 20%;text-align: center;}
.inab .txt-c p{color: #FFFFFF;}

.inab .numbox{font-size:0; width: 100%;height: auto;}
.inab .numbox li{width:20%;padding-right: 2%; display: inline-block;vertical-align: top;}
.inab .numbox li .ico{width: 60px;height: auto;margin-bottom: 10px;}
.inab .numbox li h6{font-size:24px;font-weight: normal; color: #FFFFFF;line-height: 1;}
.inab .numbox li h6 span{font-size: 60px;font-family: "century gothic";}
.inab .numbox li p{font-size: 18px;font-family: "nb","ar";color: #FFFFFF;margin-top: 10px;}


@media only screen and (max-width:1680px) {
	.inab .numbox li h6 span{font-size: 55px;}
	.inab .numbox li h6{font-size: 22px;}
	.inab .numbox li .ico{width: 55px;}
}
@media only screen and (max-width:1440px) {
	.inab .numbox li .ico{width: 50px;}
	.inab .numbox li h6{font-size: 20px;}	
	.inab .numbox li h6 span{font-size: 50px;}
	.inab .numbox li p{font-size: 16px;}
	.inab .txt-c{padding: 0 10%;}
}
@media only screen and (max-width:1280px) {
	.inab .numbox li .ico{width: 45px;}
	.inab .numbox li h6{font-size: 18px;}
	
	.inab .numbox li h6 span{font-size: 45px;}
}
@media only screen and (max-width:1024px) {
	.inab .numbox li .ico{width: 40px;}
	.inab .numbox li h6{font-size: 16px;}	
	.inab .numbox li h6 span{font-size: 35px;}
	.inab .numbox li p{font-size: 15px;}
	.inab .numbox li{width: 33.3%;margin-bottom: 35px;}
	.inab .txt-c{padding: 0;}
}
@media only screen and (max-width:720px) {
	.inab .numbox li .ico{width: 35px;}
		.inab .numbox li h6{font-size: 14px;}
	.inab .numbox li h6 span{font-size:25px;}	
}




.innews{position: relative;z-index: 0; background: #f6f9fa; width: 100%;height: auto;}
.innews  .bks{position: absolute;z-index: -1;width: 55%;left: 22.5%;top: 5%; height: auto;opacity: 0.8;}  
.innews .innews-top{overflow: hidden; width: 100%;height: auto;}
.innews .innews-top .title{width: 65%; float: left;}
.innews .innews-top .view{float: right;}
.innews  .innews-c{width: 100%;height: auto;padding-left:calc(50% - 840px);}
.innews .innews-js{padding-right: 20%;}
.innews .innews-js .li{background: #FFFFFF; display: block;width: 100%;height: auto;overflow: hidden;border-top-left-radius: 35px;border-bottom-right-radius: 35px;}
.innews .innews-js .li a{display: block;}
.innews .innews-js .li .pic{transition: all 0.5s ease;  display: none; width: 100%;height:auto;}
.innews .innews-js .li .con{padding:8% 5%;width: 100%;height: auto;}
.innews .innews-js .li .con .tips{display: block; font-size: 16px;color: #999;}
.innews .innews-js .li .con b{margin-top: 10px;margin-bottom: 35px; font-size: 20px;height: 60px; color: #000000;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.innews .innews-js .li .con .txt-c{transition: all 0.5s ease;  margin-bottom:64.5%; width: 100%;height:81px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;}
.innews .innews-js .li .con .time{position: relative;margin-top: 15%; line-height: 50px; font-family: "century gothic";color: #000000;font-size: 18px;}
.innews .innews-js .li .con .time i{width: 50px;position: absolute;right: 0; top:0; height: auto;display: block;}

.innews .innews-js .li:hover .pic{display: block;}
.innews .innews-js .li:hover .txt-c{display: none;}



@media only screen and (max-width: 1867px) {
	.innews  .innews-c{padding-left: 5%;}
}
@media only screen and (max-width:1680px) {
	.innews .innews-js .li .con b{font-size: 18px;height: 54px;}
	.innews .innews-js .li .con .time{font-size: 16px;}
	.innews .innews-js .li .con .time i{width: 45px;}
	.innews .innews-js .li .con .txt-c{height:72px;}
}
@media only screen and (max-width:1440px) {
	.innews .innews-js .li .con .time i{width: 40px;}
	.innews .innews-js .li .con b{font-size: 16px;height: 48px;}
	.innews .innews-js .li .con .time{font-size: 15px;}
	.innews .innews-js .li .con .tips{font-size: 15px;}
	.innews .innews-js .li .con .txt-c{height: 67.5px;}
	.innews  .bks{width: 65%;left: 17.5%;}
	.innews .innews-js .li{border-top-left-radius: 30px;border-bottom-right-radius: 30px;}
	
}
@media only screen and (max-width:1280px) {
	.innews .innews-js .li .con .time i{width: 35px;}
	.innews .bks{width: 70%;left: 15%;}
}
@media only screen and (max-width:1024px) {
	.innews .innews-js .li .con .time{font-size: 14px;}
	.innews .innews-js .li .con .tips{font-size: 14px;}
	.innews .innews-js .li .con .time i{width: 30px;}
	.innews .innews-js .li .con .txt-c{height: 63px;}
	.innews .bks{width: 100%;left: 0%;}
	.innews .innews-top .title{width: 100%;margin-bottom: 20px;}
	.innews .innews-js .li{border-top-left-radius: 25px;border-bottom-right-radius: 25px;}
}
@media only screen and (max-width:720px) {
}



.footer{width: 100%;height: auto;background: #10151e;}
.footer .foot-d{width: 100%;height: auto;padding: 30px 0; }
.footer .foot-d .pcy{width: 50%;float: left;font-size: 16px;color: #FFFFFF;font-family: "al";  height: auto;}
.footer .foot-d .pcy span,.footer .foot-d .pcy a{color: #FFFFFF;margin: 0 10px;}
.footer .foot-d .pcy span{margin-left: 0;}
.footer .foot-d .pcy p a:first-child{margin-left: 0;}
.footer .foot-d .follow{text-align: right; width: 50%;float: right;}
.footer .foot-d .follow a{ position: relative; margin-left: 15px;display: inline-block;width: 30px;height: auto;}
.footer .foot-d .follow a .ewm{display: none; left:auto;right: 0; bottom: calc(100% + 15px);  width: 120px;height: auto;position: absolute;}
.footer .foot-d .follow a .ewm:before{content: "";position: absolute;right: 10px;top: 100%; border-top: 8px solid #FFFFFF;border-bottom: 8px solid rgba(0,0,0,0);border-left: 8px solid rgba(0,0,0,0);border-right: 8px solid rgba(0,0,0,0);}
.footer .foot-d .follow a:hover .ewm{display: block;}



.footer .foot-c{position: relative; width: 100%;height: auto;padding:85px 0;border-top: 1px solid rgba(255,255,255,0.3);border-bottom: 1px solid rgba(255,255,255,0.3);}
.footer .foot-c:before{position: absolute;content: "";left: 65%;top: 0;width: 1px;height: 100%;background: rgba(255,255,255,0.3);}
.footer .foot-c .navlist{width:65%;float: left; height: auto;padding-right: 5%; font-size: 0;}
.footer .foot-c .navlist li{width:14.2%;padding-right: 2%;vertical-align: top; display: inline-block;}
.footer .foot-c .navlist li a{color: #FFFFFF;}
.footer .foot-c .navlist li h6{font-size: 18px;font-weight: normal;font-family: "am";}
.footer .foot-c .navlist li .downs{width: 100%;height: auto;margin-top: 30px;}
.footer .foot-c .navlist li .downs a{font-size: 16px;color:rgba(255,255,255,0.9);font-family: "al"; margin-top: 10px;display: block;}
.footer .foot-c .cont{width: 35%; height: auto;float: right; padding-left: 5%;height: auto;}
.footer .foot-c .cont .lx{letter-spacing: 1px; width: 100%;height: auto;}
.footer .foot-c .cont .lx .tel{font-size: 36px;color: #FFFFFF;font-family: "century gothic";}
.footer .foot-c .cont .lx .mail{margin: 10px 0; font-size:18px;color: #FFFFFF;font-family: "century gothic";}
.footer .foot-c .cont .lx .add{font-size: 18px;color: #FFFFFF;font-family: "ar";}
.footer .foot-c .cont  .ewmbox{width: 100%;height: auto;overflow: hidden;margin-top: 35px;}
.footer .foot-c .cont  .ewmbox .ewm{width: 120px;height: auto;float: left;}
.footer .foot-c .cont .ewmbox p{color: #FFFFFF;float: left;text-align: left; width: calc(100%- 120px);font-size: 18px;padding-left: 5%;margin-top: 35px;}

.footer .foot-t{margin-bottom: 45px;overflow: hidden; width: 100%;height: auto;}
.footer .foot-t .logo{width: 200px;display: block; height: auto;float: left;}
.footer .foot-t .logo img{display: block;}
.footer .foot-t  .form{overflow: hidden; width: calc(100% - 200px);float: right;}
.footer .foot-t  .form form{width: 100%; max-width: 600px;position: relative; float: right; background:url(../img/a009.png)center no-repeat;background-size: 100% 100%;overflow: hidden;}
.footer .foot-t  .form form:before{content: "";position: absolute;width: 1px;height: 15px;background: rgba(255,255,255,0.4);right: 80px;top: calc(50% - 7.5px);}
.footer .foot-t  .form form .c1{color: #FFFFFF; font-size: 16px;line-height: 25px;padding: 15px;font-family: "ar"; width: calc(100% - 85px);float: left;border: none;background: none;}
.footer .foot-t  .form form .send{width:85px;height: 50px;background:url(../img/a010.png)center no-repeat;background-size: 50px 50px; float: right; border: none;}

@media only screen and (max-width:1680px) {
	.footer .foot-c{padding: 80px 0;}
	.footer .foot-c .cont .lx .tel{font-size: 34px;}
}
@media only screen and (max-width:1440px) {
	.footer .foot-c .cont .lx .tel{font-size: 32px;}
	.footer .foot-c .navlist li h6{font-size: 16px;}
	.footer .foot-c .navlist li .downs a{font-size: 15px;}
	.footer .foot-d .pcy{font-size: 15px;}
	.footer .foot-c{padding: 75px 0;}
	.footer .foot-t .logo{width: 180px;}
	.footer .foot-t  .form{width: calc(100% - 180px);}
	.footer .foot-c .cont .lx .mail{font-size: 16px;}
	.footer .foot-c .cont .lx .add{font-size: 16px;}
	.footer .foot-c .cont .ewmbox p{font-size: 16px;}
}
@media only screen and (max-width:1280px) {
	.footer .foot-c{padding: 65px 0;}
	.footer .foot-c .cont .lx .tel{font-size: 30px;}
}
@media only screen and (max-width:1024px) {
	.footer .foot-c .cont .lx .mail{font-size: 15px;}
	.footer .foot-c .cont .lx .add{font-size: 15px;}
	.footer .foot-c .cont .ewmbox p{font-size: 15px;}
	.footer .foot-t .logo{width: 160px;}
	.footer .foot-c .cont .lx .tel{font-size: 25px;}
	.footer .foot-d .pcy{font-size: 14px;width: 100%;text-align: left;}
	.footer .foot-d .follow{width: 100%;margin-top: 10px;text-align:left;}
	.footer .foot-c .navlist li .downs a{font-size: 14px;}
	.footer .foot-c .navlist li h6{font-size: 15px;}
	.footer .foot-c .navlist{display: none;}
	.footer .foot-c:before{display: none;}
	.footer .foot-c .cont{width: 100%;padding-left: 0;}
	.footer .foot-c{padding: 60px 0;}
	.footer .foot-t  .form form .c1{padding: 10px;}
	.footer .foot-t  .form{width: 100%; margin-top: 35px;}
	.footer .foot-d .follow a{width: 25px;}
}
@media only screen and (max-width:720px) {
	.footer .foot-c .cont .lx .tel{font-size: 20px;}
	.footer .foot-c{padding: 50px 0;}
}






.inbanner{width: 100%;height: auto;overflow: hidden;}
.inbanner .bks{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.2);}
.inbanner .pic{background-size: cover;position: relative; background-repeat: no-repeat;background-position: center; width: 100%;height: auto;}
.inbanner .pic img{display: block;width: 100%;height: auto;}
.inbanner .bks .con{text-align: center; width: 100%;height: auto;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.inbanner .bks .con .tl{z-index: 0; position: relative; width: 100%;height: auto;}
.inbanner .bks .con .tl b{color: #FFFFFF;font-size: 60px;font-weight: normal;font-family: "am";}
.inbanner .bks .con .tl p{color: #FFFFFF;font-size:18px;}
.inbanner .bks .con .tl .txt{text-transform: uppercase; width: 150%;position: absolute;left: 50%;top: 50%;transform: translateY(-50%)translateX(-50%); text-align: center;font-family: "MS";  -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px currentColor;text-stroke: 1px rgba(255,255,255,0.1);font-size: 180px; -webkit-text-stroke: 1px rgba(255,255,255,0.1);}


@media only screen and (max-width:1680px) {
	.inbanner .bks .con .tl .txt{font-size: 150px;}
	.inbanner .bks .con .tl b{font-size: 55px;}
	.inbanner .bks .con .tl p{font-size: 16px;}
}
@media only screen and (max-width:1440px) {
	.inbanner .bks .con .tl p{font-size: 15px;}
	.inbanner .bks .con .tl b{font-size: 50px;}
	.inbanner .bks .con .tl .txt{font-size: 120px;}
}
@media only screen and (max-width:1280px) {
	.inbanner .bks .con .tl b{font-size: 45px;}
	.inbanner .bks .con .tl .txt{font-size: 90px;}
}
@media only screen and (max-width:1024px) {
	.inbanner .bks .con .tl p{font-size: 14px;}
	.inbanner .bks .con .tl b{font-size: 40px;}
	.inbanner .bks .con .tl .txt{font-size: 60px;}
	.inbanner .pic {height: 450px;}
	.inbanner .pic img{display: none;}
}
@media only screen and (max-width:720px) {
	
	.inbanner .pic {height: 350px;}
	.inbanner .bks .con .tl b{font-size: 30px;}
	.inbanner .bks .con .tl .txt{font-size: 40px;}
}







.bread{width: 100%;height: auto;font-size: 16px;padding-top: 30px;}
.bread a{vertical-align: top;margin: 0 10px; display: inline-block;color: #000000;}
.bread a.home{margin-left: 0;padding-left: 30px;background:url(../img/a020.png)center left no-repeat ;background-size: 22px 22px;}

.ab{width: 100%;height: auto;position:relative;z-index: 0;}
.ab .bks{width: 45%;left: 5%;top:-8%;z-index: -1;position: absolute;opacity: 0.2;}
.ab .ab-c{width: 100%;height: auto;}
.ab .ab-c .title{width: 50%;height: auto;padding-right: 5%;  float: left;}
.ab .ab-c .txt-c{width: 50%;float: right;}

.ab .numbox{font-size:0; width: 100%;height: auto;}
.ab .numbox li{width:20%;padding-right: 2%; display: inline-block;vertical-align: top;}
.ab .numbox li .ico{width: 60px;height: auto;margin-bottom: 15px;}
.ab .numbox li h6{font-size:24px;font-weight: normal; color: #000;line-height: 1;}
.ab .numbox li h6 span{font-size: 60px;font-family: "century gothic";}
.ab .numbox li p{font-size: 18px;font-family: "nb","ar";color: #000;margin-top: 10px;}

@media only screen and (max-width:1680px) {
	.ab .numbox li h6 span{font-size: 55px;}
	.ab .numbox li h6{font-size: 22px;}
	.ab .numbox li .ico{width: 55px;}
}
@media only screen and (max-width:1440px) {
	.ab .numbox li .ico{width: 50px;}
	.ab .numbox li h6{font-size: 20px;}	
	.ab .numbox li h6 span{font-size: 50px;}
	.ab .numbox li p{font-size: 16px;}
	.ab .txt-c{padding: 0 10%;}
	.bread{font-size: 15px;}
}
@media only screen and (max-width:1280px) {
	.ab .numbox li .ico{width: 45px;}
	.ab .numbox li h6{font-size: 18px;}
	
	.ab .numbox li h6 span{font-size: 45px;}
}
@media only screen and (max-width:1024px) {
	.ab .numbox li .ico{width: 40px;}
	.ab .numbox li h6{font-size: 16px;}	
	.ab .numbox li h6 span{font-size: 35px;}
	.ab .numbox li p{font-size: 15px;}
	.ab .numbox li{width: 33.3%;margin-bottom: 35px;}
	.ab .ab-c .title{width: 100%;height: auto;}
	.ab .ab-c .txt-c{width: 100%;margin-top: 35px;padding-left: 0;}
	.bread{font-size: 14px;}

}
@media only screen and (max-width:720px) {
	.ab .numbox li .ico{width: 35px;}
	.ab .numbox li h6{font-size: 14px;}
	.ab .numbox li h6 span{font-size:25px;}	
}


.organ{width: 100%;height: auto;background-size: cover;background-repeat: no-repeat;background-position: center;}
.organ .title{text-align: center;}
.organ .pic{width: 100%;height: auto;}


.value{width: 100%;height: auto;position: relative; background-size: cover;background-repeat: no-repeat;background-position: center;}
.value ul{width: 100%;height: auto;font-size: 0;}
.value ul li{text-align: center; width: 33.3%; height: auto;display: inline-block;vertical-align: top; padding:0 5%;}
.value ul li:nth-child(3n){border-right: none;}
.value ul li .ico{width: 100px;border: 1px solid #FFFFFF;border-radius: 100%;margin: 0 auto;}
.value ul li b{font-size: 24px;color:#FFFFFF;display: block;font-family: "ab";font-weight: normal;margin-top: 45px; margin-bottom: 10px;}
.value ul li p{font-size: 18px;color: #FFFFFF;font-family: "al";}
.value .con{text-align: center; width: 100%;}
.value .con .title b{color: #FFFFFF;}
.value .con .txt-c{padding: 0 15%;}
.value .con .txt-c p{color: #FFFFFF;font-family: "al";}
.value:before{content: "";position: absolute;top: 0;left: 33.3%;height: 100%;width: 1px;background: rgba(255,255,255,0.2);}
.value:after{content: "";position: absolute;top: 0;left: 66.6%;height: 100%;width: 1px;background: rgba(255,255,255,0.2);}


@media only screen and (max-width:1680px) {
	.value ul li .ico{width: 90px;}
	.value ul li b{font-size: 22px;}
	.value ul li p{font-size: 16px;}
}
@media only screen and (max-width:1440px) {
	.value ul li .ico{width: 80px;}
	.value ul li b{font-size: 20px;margin-top: 40px;}
	.value ul li p{font-size: 15px;}
}
@media only screen and (max-width:1280px) {
	.value ul li .ico{width: 70px;}
	.value ul li b{font-size: 18px;}

	.value .con .txt-c{padding: 0 10%;}
}
@media only screen and (max-width:1024px) {
	.value ul li .ico{width: 50px;}
	.value ul li b{font-size: 16px;margin-top: 35px;}
	.value ul li p{font-size: 14px;}
	.value .con .txt-c{padding: 0 0;}
	
}
@media only screen and (max-width:720px) {
	.value ul li .ico{width: 40px;}
	.value ul li b{font-size: 16px;margin-top: 25px;}
}



.honor{width: 100%;height: auto;background-size: cover;background-repeat: no-repeat;background-position: bottom left;}
.honor .honor-top{position: relative;width: 100%;height: auto;}
.honor .honor-c{padding-left: calc(50% - 840px);}
.honor .honor-c .honor-js{padding-right: 15%; width: 100%;height: auto;padding-bottom: 10px;}
.honor .honor-c .honor-js .li{box-shadow: 0 0px 10px rgba(0,0,0,0.2); width: 100%;height: auto;background-size: 100% 100%;padding:8% 6% 5% 6%; background-repeat: no-repeat;background-position: center;}
.honor .honor-c .honor-js .li .pic{width: 65%;margin: 0 auto;margin-top: 15px;}
.honor .honor-c .honor-js .li  .con{overflow: hidden; width: 100%;height: auto;margin-top: 45px;padding-top: 45px;border-top: 1px solid #e4f6fd;}
.honor .honor-c .honor-js .li  .con p{width: 50%;float: right;font-size:18px;color: #000000;padding-left: 10%; text-align: right;}
.honor .honor-c .honor-js .li  .con .num span{font-size: 48px; font-family: "century gothic"; background: linear-gradient(to right, #01bbee, #bcf383);-webkit-background-clip: text;color: transparent;}
.honor .honor-c .honor-js .li  .con .num {width: 50%;float: left;}
.honor .honor-top .swiper-button-prev{ background-image: url(../img/prevs.png);right:calc(5% + 70px);left: auto;}
.honor .honor-top .swiper-button-next{ background-image: url(../img/nexts.png);right:5%;left: auto;}
.honor .honor-top .swiper-button-next,.honor .honor-top .swiper-button-prev {position: absolute;top: 50%; width: 50px; height: 50px; margin-top: -25px; z-index: 10;cursor: pointer;background-size: 50px 50px;background-position: center;background-repeat: no-repeat;}


@media only screen and (max-width: 1867px) {
.honor .honor-c{padding-left: 5%;}
}


@media only screen and (max-width:1680px) {
	.honor .honor-c .honor-js .li  .con .num span{font-size: 45px;}
	.honor .honor-c .honor-js .li  .con p{font-size: 16px;}
}
@media only screen and (max-width:1440px) {
	.honor .honor-c .honor-js .li .con p{font-size: 15px;}
	.honor .honor-c .honor-js .li .con .num span{font-size: 40px;}
	
	.honor .honor-top .swiper-button-prev{right:calc(5% + 65px);}
.honor .honor-top .swiper-button-next,.honor .honor-top .swiper-button-prev { width: 45px; height: 45px; margin-top: -22.5px;background-size: 45px 45px;}

	
}
@media only screen and (max-width:1280px) {
	.honor .honor-c .honor-js .li  .con .num span{font-size: 35px;}
}
@media only screen and (max-width:1024px) {
	.honor .honor-c .honor-js .li .con p{font-size: 14px;}
	.honor .honor-c .honor-js .li .con .num span{font-size: 30px;}
	.honor .honor-top{padding-bottom: 45px;}
		.honor .honor-top .swiper-button-prev{right:calc(5% + 60px);}
.honor .honor-top .swiper-button-next,.honor .honor-top .swiper-button-prev { width: 40px; top: 100%; height: 40px; margin-top: -20px;background-size: 40px 40px;}	
}
@media only screen and (max-width:720px) {
	.honor .honor-c .honor-js .li .con .num span{font-size: 25px;}
}


.group{width: 100%;height: auto;}
.group .group-c{width: 100%;padding: 90px 0;border-bottom: 1px solid #e4e4e4;}
.group .group-c .group-cl{width: 30%;height: auto;float: left;}
.group .group-c .group-cl .txt-c{margin-top: 35px;width: 100%;height: auto;}
.group .group-c .group-cr{font-size: 0; width: 70%;height: auto;float: right;padding-left: 5%;}
.group .group-c .group-cr li{transition: all 0.5s ease; z-index: 0; width: calc(50% - 5px);margin-right: 10px;margin-bottom: 10px;border-radius: 15px;overflow: hidden;position: relative; display: inline-block;background-size: cover;background-repeat: no-repeat;background-position: center;}
.group .group-c .group-cr li .con{padding: 5% 25% 5% 5%;background: rgba(0,0,0,0.1);}
.group .group-c .group-cr li .bks{z-index: -1;display: none; position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../img/a027.png)center no-repeat;background-size: cover;}
.group .group-c .group-cr li .con .ico{width: 45px;height: auto;}
.group .group-c .group-cr li .con b{display: block;margin-top: 42%;height: auto;width: 100%;color:#FFFFFF;font-size: 20px;font-family: "am";font-weight: normal;}
.group .group-c .group-cr li:nth-child(2n){margin-right: 0;}
.group .group-c .group-cr li:hover .con{background: none;}
.group .group-c .group-cr li:hover .bks{display: block;}

@media only screen and (max-width:1680px) {
	.group .group-c .group-cr li .con b{font-size: 18px;}
	.group .group-c .group-cr li .con .ico{width: 40px;}
	.group .group-c{padding: 80px 0;}
}
@media only screen and (max-width:1440px) {
	.group .group-c .group-cr li .con .ico{width: 35px;}
	.group .group-c .group-cr li .con b{font-size: 16px;}
	.group .group-c{padding: 70px 0;}
}
@media only screen and (max-width:1280px) {
	.group .group-c{padding: 60px 0;}
}
@media only screen and (max-width:1024px) {
	.group .group-c .group-cr li .con .ico{width: 30px;}
	.group .group-c .group-cr li .con b{font-size: 15px;}
	.group .group-c .group-cl{width: 100%;height: auto;padding-right: 0;}
	.group .group-c .group-cr{margin-top: 35px; width: 100%;height: auto;padding-left: 0;}
	.group .group-c{padding: 60px 0;}
}
@media only screen and (max-width:720px) {
	.group .group-c .group-cr li{width: 100%;}
	.group .group-c{padding: 50px 0;}
}



.develop-bks{background: #f6f9fa;}
.deve{width: 100%;height: auto;position: relative;z-index: 0;}
.deve .bks{width: 50%;position: absolute;top: 5%;left: 25%;z-index: -1;}
.deve .title{text-align: center;}
.deve .txt{width: 100%;height: auto;padding: 0 10%;margin-top: 35px; text-align: center;}
.deve .deve-list{width: 100%;height: auto;font-size: 0;}
.deve .deve-list li{background:#FFFFFF; display: inline-block;width: calc(25% - 9px);margin-right: 12px;margin-bottom: 12px;padding: 4% 3%;border-bottom-right-radius: 35px;border-top-left-radius: 35px;}
.deve .deve-list li:nth-child(4n){margin-right: 0;}
.deve .deve-list li .ico{width:65px;height: auto;}
.deve .deve-list li b{display: block;font-size: 24px;margin-top: 35%;margin-bottom: 20px;font-weight: normal;font-family: "am";}
.deve .deve-list li .txt-c{width: 100%;height: auto;}
.deve .deve-list li:hover{background: linear-gradient(to right, #01bbee, #bcf383);}
.deve .deve-list li:hover .ico img{filter: grayscale(100%) brightness(200%); }
.deve .deve-list li:hover b{color: #FFFFFF;}
.deve .deve-list li:hover .txt-c p{color: #FFFFFF;}


@media only screen and (max-width:1680px) {
	.deve .deve-list li .ico{width: 60px;}
	.deve .deve-list li b{font-size: 22px;}
}
@media only screen and (max-width:1440px) {
.deve .deve-list li .ico{width: 55px;}
.deve .deve-list li b{font-size: 20px;}
}
@media only screen and (max-width:1280px) {
	.deve .deve-list li .ico{width: 50px;}
	.deve .deve-list li b{font-size: 20px;}
}
@media only screen and (max-width:1024px) {
	.deve .deve-list li .ico{width: 45px;}
	.deve .deve-list li b{font-size: 18px;}
	.deve .deve-list li{width: calc(50% - 5px);margin-right: 10px;margin-bottom: 10px;}
	.deve .deve-list li:nth-child(4n){margin-right: 10px;}
	.deve .deve-list li:nth-child(2n){margin-right: 0;}
	.deve .txt{padding: 0;}
	.deve .deve-list li{border-top-left-radius: 25px;border-bottom-right-radius: 25px;}
	
}
@media only screen and (max-width:720px) {
	.deve .deve-list li .ico{width: 40px;}
	.deve .deve-list li{padding: 35px 5%;}
	.deve .deve-list li b{margin-bottom: 10px;}
	.deve .deve-list li{border-top-left-radius: 15px;border-bottom-right-radius: 15px;}
}


.sust{position: relative; width: 100%;height: auto;background-size: cover;z-index: 0; background-repeat: no-repeat;background-position: center;}
.sust  ul{width: 100%;height: auto;font-size: 0;}
.sust  ul li{text-align: center; display: inline-block;vertical-align: top;width: 33.3%;padding: 0 5%;height: auto;}
.sust  ul li .ico{width:100px;padding:20px;margin: 0 auto; border: 1px solid #FFFFFF;border-radius: 100%;}
.sust  ul li b{ font-weight: normal;color: #FFFFFF;font-size: 24px;font-family: "am";margin-top: 30px;margin-bottom: 10px;display: block;}
.sust  ul li .txt-c p{font-family:"al";color: #FFFFFF;}
.sust .title{text-align: center;}
.sust  .title b{color: #FFFFFF;}
.sust .bks{width: 100%;height: auto;background: rgba(0,0,0,0.2);z-index: -1;}
.sust:before{content: "";position: absolute;top: 0;left: 33.3%;width: 1px;height: 100%;background: rgba(255,255,255,0.2);}
.sust:after{content: "";position: absolute;top: 0;left: 66.6%;width: 1px;height: 100%;background: rgba(255,255,255,0.2);}




@media only screen and (max-width:1680px) {
	.sust  ul li b{font-size: 22px;}
	.sust  ul li .ico{width: 90px;}
}
@media only screen and (max-width:1440px) {
	.sust  ul li b{font-size: 20px;}
	.sust ul li .ico{width: 80px;}
	

}
@media only screen and (max-width:1280px) {
	.sust ul li b{font-size: 18px;}
	.sust ul li .ico{width: 70px;padding: 15px;}
}
@media only screen and (max-width:1024px) {
	.sust  ul li b{font-size: 16px;}
	.sust  ul li .ico{width: 60px;padding: 10px;}
}
@media only screen and (max-width:720px) {
	.sust  ul li .ico{width: 50px;padding: 8px;}
}


.report{width: 100%;height: auto;}
.report .report-top{width: 100%;position: relative;}
.report .report-top .title{width: 70%;}
.report .report-c{width: 100%;height: auto;}
.report .report-c .report-js{width: 100%;height: auto;}
.report .report-c .report-js .li{display: block; background-size:100% auto;padding-top: 68%;border-top-left-radius: 35px; border-bottom-right-radius: 35px;overflow: hidden; background-position:top center;background-repeat: no-repeat; display: block;width: 100%;height: auto;}
.report .report-c .report-js .li .con{width: 100%;height: auto;padding: 5%; position:relative; background-size: cover;background-repeat: no-repeat;background-position: center;}
.report .report-c .report-js .li .con .logo{margin-bottom: 15%; width: 100px;height: auto;}
.report .report-c .report-js .li .con b{display: block;font-weight: normal;font-family: "am"; font-size: 24px;color: #FFFFFF;}
.report .report-c .report-js .li .con b span{display: block; font-family: "century gothic";}
.report .report-c .report-js .li .con  .download{width: 25px;height: auto;position: absolute;right: 5%;bottom:15%;display: none;}
.report .report-c .report-js .li:hover .con  .download{display: block;}


.report .report-top .swiper-button-prev{ background-image: url(../img/prevs.png);right: 70px;left: auto;}
.report .report-top .swiper-button-next{ background-image: url(../img/nexts.png);right:0%;left: auto;}
.report .report-top .swiper-button-next,.report .report-top .swiper-button-prev {position: absolute;top: 50%; width: 50px; height: 50px; margin-top: -25px; z-index: 10;cursor: pointer;background-size: 50px 50px;background-position: center;background-repeat: no-repeat;}





@media only screen and (max-width:1680px) {
	.report .report-c .report-js .li .con b{font-size: 22px;}
}
@media only screen and (max-width:1440px) {
	.report .report-c .report-js .li .con b{font-size: 20px;}
	.report .report-c .report-js .li .con .logo{width:90px;}
	.report .report-top .swiper-button-prev{right:65px;}
.report .report-top .swiper-button-next,.report .report-top .swiper-button-prev { width: 45px; height: 45px; margin-top: -22.5px;background-size: 45px 45px;}

}
@media only screen and (max-width:1280px) {
	.report .report-c .report-js .li .con b{font-size: 18px;}
}
@media only screen and (max-width:1024px) {
	.report .report-c .report-js .li .con .logo{width:90px;}
	.report .report-c .report-js .li .con b{font-size: 16px;}

.report .report-top .swiper-button-prev{right:60px;}
.report .report-top .swiper-button-next,.report .report-top .swiper-button-prev { width: 40px; top:50%; height: 40px; margin-top: -20px;background-size: 40px 40px;}	
.report .report-c .report-js .li{border-bottom-right-radius:25px;border-top-left-radius: 25px;}

.report .report-c .report-js .li .con  .download{width: 20px;}
}
@media only screen and (max-width:720px) {
.report .report-c .report-js .li{border-bottom-right-radius:15px;border-top-left-radius:15px;}
	
}







.hotnews{width: 100%;height: auto;}
.hotnews .hotnews-top{width: 100%;position: relative;}
.hotnews .hotnews-top .title{width: 70%;}
.hotnews .hotnews-top .swiper-button-prev{ background-image: url(../img/prevs.png);right: 70px;left: auto;}
.hotnews .hotnews-top .swiper-button-next{ background-image: url(../img/nexts.png);right:0%;left: auto;}
.hotnews .hotnews-top .swiper-button-next,.hotnews .hotnews-top .swiper-button-prev {position: absolute;top: 50%; width: 50px; height: 50px; margin-top: -25px; z-index: 10;cursor: pointer;background-size: 50px 50px;background-position: center;background-repeat: no-repeat;}

.hotnews .hotnews-c{width: 100%;height: auto;}
.hotnews .hotnews-c .hotnews-js{width: 100%;height: auto;}
.hotnews .hotnews-c .hotnews-js  .li{display: block; position: relative;z-index: 0; width: 100%;height: auto;padding-top: 70px;}
.hotnews .hotnews-c .hotnews-js  .li .pic{width: 80%;z-index: -1; border-bottom-right-radius: 35px;position: absolute; right: 0;top: 0;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.hotnews .hotnews-c .hotnews-js  .li .con{padding:5%;width: 35%;height: auto;border-top-left-radius: 35px; background: #f6f9fa;}
.hotnews .hotnews-c .hotnews-js  .li .con b{display: block;height: 60px; margin-bottom: 35px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; font-weight: normal;font-family: "am"; font-size: 20px;color: #000000;}
.hotnews .hotnews-c .hotnews-js  .li .con .time{margin-top: 15%; width: 100%;height: auto;color: #000000;font-family: "century gothic"; position: relative; line-height: 50px;}
.hotnews .hotnews-c .hotnews-js  .li .con .time i{width: 50px;position: absolute;right: 0;top: 0;display: inline-block;}
.hotnews .hotnews-c .hotnews-js  .li .con .txt-c{width: 100%;height: 108px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}



@media only screen and (max-width:1680px) {
	.hotnews .hotnews-c .hotnews-js  .li .con b{font-size: 18px;height: 54px;}
	.hotnews .hotnews-c .hotnews-js  .li .con .time{font-size: 16px;}
	.hotnews .hotnews-c .hotnews-js  .li .con .txt-c{height: 96px;}
	.hotnews .hotnews-c .hotnews-js  .li{padding-top: 65px;}
	.hotnews .hotnews-c .hotnews-js  .li .con .time i{width: 45px;}
	
}
@media only screen and (max-width:1440px) {
	.hotnews .hotnews-c .hotnews-js .li .con .time i{width: 40px;}
	.hotnews .hotnews-c .hotnews-js  .li{padding-top: 60px;}
	.hotnews .hotnews-c .hotnews-js .li .con .time{font-size: 15px;}
	.hotnews .hotnews-c .hotnews-js .li .con b{font-size: 16px;height: 48px;}
	.hotnews .hotnews-c .hotnews-js  .li .con .txt-c{height: 90px;}
	
	.hotnews .hotnews-top .swiper-button-prev{right: 65px;}
.hotnews .hotnews-top .swiper-button-next,.hotnews .hotnews-top .swiper-button-prev {width: 45px; height: 45px; margin-top: -22.5px;background-size:45px 45px;}	
}
@media only screen and (max-width:1280px) {
	.hotnews .hotnews-c .hotnews-js .li .con .time i{width: 35px;}
	.hotnews .hotnews-c .hotnews-js .li{padding-top: 55px;}
	.hotnews .hotnews-c .hotnews-js  .li .con{width: 40%;}
	
}
@media only screen and (max-width:1024px) {
	.hotnews .hotnews-c .hotnews-js .li{padding-top: 45px;}
	.hotnews .hotnews-c .hotnews-js  .li .con{width: 45%;}
	.hotnews .hotnews-c .hotnews-js .li .con .time{font-size: 14px;}
	.hotnews .hotnews-c .hotnews-js .li .con b{font-size: 15px;height: 45px;}
	.hotnews .hotnews-c .hotnews-js  .li .con .txt-c{height: 84px;}
		.hotnews .hotnews-top .swiper-button-prev{right: 60px;}
.hotnews .hotnews-top .swiper-button-next,.hotnews .hotnews-top .swiper-button-prev {width: 40px; height: 40px; margin-top: -20px;background-size:40px 40px;}

	
}
@media only screen and (max-width:720px) {
	.hotnews .hotnews-c .hotnews-js .li{padding-top:0px;}
.hotnews .hotnews-c .hotnews-js  .li .pic{position: relative; width: 100%;height:250px;border-radius: 0;border-top-left-radius: 15px;}
.hotnews .hotnews-c .hotnews-js  .li .con{padding: 35px 5%; width: 100%;height: auto;border-radius: 0;border-bottom-right-radius: 15px;}
	
}




.news{width: 100%;height: auto;background:#f6f9fa;}
.news .title{text-align: center;}
.news .news-sort{text-align: center; width: 100%;height: auto; margin-top: 35px;}
.news .news-sort a{display: inline-block; font-size: 18px;color: #000000;padding: 0 30px;line-height: 45px;border-bottom-right-radius: 20px;border-top-left-radius: 20px;}
.news .news-sort a:hover{background: linear-gradient(to right, #01bbee, #bcf383);color: #FFFFFF;}
.news .news-sort a.cut{background: linear-gradient(to right, #01bbee, #bcf383);color: #FFFFFF;}

.fy{width: 100%;text-align: center;font-size: 0;margin-top: 35px;}
.fy a {font-family: "century gothic";font-size: 18px;text-transform: uppercase; color: #000000; line-height: 40px;display: inline-block;margin: 0 5px; padding: 0 20px;border-top-left-radius: 10px;border-bottom-right-radius: 10px;}
.fy a:hover{color: #FFFFFF;background: linear-gradient(to right, #01bbee, #bcf383);}
.fy a.cut{color: #FFFFFF;background: linear-gradient(to right, #01bbee, #bcf383);}



@media only screen and (max-width:1680px) {
	.news .news-sort a{font-size: 16px;}
	.fy a{font-size: 16px;}
}
@media only screen and (max-width:1440px) {
	.news .news-sort a{font-size: 15px;line-height: 40px;padding: 0 25px;}
.fy a{font-size: 15px;line-height: 35px;padding: 0 15px;}
}
@media only screen and (max-width:1280px) {
	
}
@media only screen and (max-width:1024px) {
	.fy a{font-size: 14px;border-top-left-radius:5px;border-bottom-right-radius:5px;padding: 0 10px;margin: 0;line-height: 30px;}
	.news .news-sort a{font-size: 14px;line-height: 35px;border-bottom-right-radius:10px;border-top-left-radius:10px;margin-bottom: 10px;}
}
@media only screen and (max-width:720px) {
}












.news .news-list{width: 100%;height: auto;font-size: 0;overflow: hidden;}
.news .news-list li{display: inline-block;vertical-align: top;overflow: hidden; width: calc(33.3% - 20px);margin-right: 30px;margin-bottom: 30px;background: #FFFFFF;border-bottom-right-radius: 35px;border-top-left-radius: 35px;}
.news .news-list li:nth-child(3n){margin-right: 0;}
.news .news-list li a{display: block;overflow: hidden;}
.news .news-list li .pic{transition: all 0.5s ease;  display: none; width: 100%;height:301px;background-size: cover;background-repeat: no-repeat;background-position: center;}
.news .news-list li .con{padding:45px 5%;width: 100%;height: auto;}
.news .news-list li .con .tips{display: block; font-size: 16px;color: #999;}
.news .news-list li .con b{margin-top: 10px;font-size: 20px;height: 60px; color: #000000;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news .news-list li .con .txt-box{padding-top: 35px;}
.news .news-list li .con .txt-c{transition: all 0.5s ease;  margin-bottom:220px; width: 100%;height:81px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;}
.news .news-list li .con .time{position: relative; line-height: 50px; font-family: "century gothic";color: #000000;font-size: 18px;}
.news .news-list li .con .time i{display: none; width: 50px;position: absolute;right: 0; top:0; height: auto;}
.news .news-list li.hover .pic{display: block;}
.news .news-list li.hover .txt-c{display: none;}
.news .news-list li.hover .time i{display: block;}






@media only screen and (max-width:1680px) {
	.news .news-list li .con b{font-size: 18px;height: 54px;}
	.news .news-list li .con .time{font-size: 16px;}
.news .news-list li .con .time i{width: 45px;}
	.news .news-list li .con .txt-c{height:72px;margin-bottom: 200px;}
	.news .news-list li .pic{height: 272px;}
}
@media only screen and (max-width:1440px) {
.news .news-list li .con .time i{width: 40px;}
.news .news-list li .con b{font-size: 16px;height: 48px;}
.news .news-list li .con .time{font-size: 15px;}
.news .news-list li .con .tips{font-size: 15px;}
.news .news-list li .con .txt-c{height: 67.5px;}
.news .news-list li .pic{height: 267.5px;}

.news .news-list li{width: calc(33.3% - 15px);margin-right: 22.5px;margin-bottom: 22.5px;}
}
@media only screen and (max-width:1280px) {
.news .news-list li .con .time i{width: 35px;}
.news .news-list li{width: calc(33.3% - 10px);margin-right: 15px;margin-bottom:15px;}
}
@media only screen and (max-width:1024px) {
.news .news-list li .con .time{font-size: 14px;}
.news .news-list li .con .tips{font-size: 14px;}
.news .news-list li .con .time i{width: 30px;}
.news .news-list li .con .txt-c{height: 63px;margin-bottom: 180px;}
.news .news-list li .pic{height: 243px;}
.news .news-list li{border-top-left-radius: 25px;border-bottom-right-radius: 25px;}
.news .news-list li{width: calc(50% - 10px);margin-right:20px;margin-bottom:20px;}
.news .news-list li:nth-child(3n){margin-right: 20px;}
.news .news-list li:nth-child(2n){margin-right: 0;}
}
@media only screen and (max-width:720px) {
	.news .news-list li{border-top-left-radius: 15px;border-bottom-right-radius: 15px;}
	.news .news-list li .con .txt-c{height: 63px;margin-bottom: 140px;}
.news .news-list li .pic{height: 203px;}
	.news .news-list li{width:100%;margin-right:0;margin-bottom:10px;}

}




.recom-news .title{text-align: left;}
.news-d{width: 100%;height: auto;}
.news-d .w90{padding: 0 10%;text-align: center;}
.news-d h1{font-weight: normal;color: #000000;font-size: 48px;font-family: "am";}

.news-d .txt-c{width: 100%;height: auto;padding: 45px 0;margin: 45px 0; border-top: 1px solid #E4E4E4;border-bottom: 1px solid #E4E4E4;}
.news-d .artl{width: 100%;height: auto;margin-top: 35px;font-size: 0;text-align: center;}
.news-d .artl span{display: inline-block;font-size: 18px;margin: 0 15px; font-family: "nb","ar"; color: #666;padding-left: 35px;background-size: 25px 25px;line-height: 25px;background-repeat: no-repeat;background-position: center left;}
.news-d .pnbox{width: 100%;height: auto;overflow: hidden;}
.news-d .pnbox .pn{text-align: left; width: 65%;height: auto;float: left;}
.news-d .pnbox .pn a{display: block;font-size: 18px; margin-bottom: 15px;color: #000;}
.news-d .pnbox .view{float: right;}
.news-d .txt-c p{
	text-align: left;
}


@media only screen and (max-width:1680px) {
	.news-d h1{font-size: 45px;}
	.news-d .artl span{font-size: 16px;}
	.news-d .pnbox .pn a{font-size: 16px;}
}
@media only screen and (max-width:1440px) {
	.news-d h1{font-size: 40px;}
	.news-d .artl span{font-size: 15px;}
	.news-d .pnbox .pn a{font-size: 15px;}
	.news-d .txt-c{padding: 40px 0;margin: 40px 0;}
	.news-d .w90{padding: 0 5%;}
}
@media only screen and (max-width:1280px) {
	.news-d h1{font-size: 35px;}
}
@media only screen and (max-width:1024px) {
	.news-d h1{font-size: 30px;}
	.news-d .pnbox .pn a{font-size: 14px;}
	.news-d .artl span{font-size: 14px;margin: 0 10px;}
	.news-d .w90{padding: 0;}
	.news-d .pnbox .pn{width: 100%;}
	.news-d .pnbox .view{float: none;margin-top: 25px;}
}
@media only screen and (max-width:720px) {
	.news-d h1{font-size: 25px;}
}





.contact{width: 100%;height: auto;position: relative;z-index: 0;}
.contact .bks{width: 80%;height: auto;position: absolute;z-index: -1; left: 10%;opacity: 0.5;}

.contact .lx-left{width: 50%;padding-right: 10%;float: left;height: auto;}
.contact .lx-left .cont{width: 100%;height: auto;}
.contact .lx-left .cont .li{margin-bottom: 35px; width: 100%;height: auto;}
.contact .lx-left .cont .li p{margin-top: 10px; font-family: "century gothic";color: #000000;font-size: 36px;} 
.contact .lx-left .cont .li span{display: block;font-size: 18px; padding-left: 35px;color: #000000; background-size: 20px 20px;background-repeat: no-repeat;background-position: center left;}


.contact .lx-left .cont .add{font-size: 18px;color: #000;font-family: "ar";}
.contact .lx-left .cont  .ewmbox{width: 100%;height: auto;overflow: hidden;margin-top: 35px;}
.contact .lx-left .cont  .ewmbox .ewm{width: 120px;height: auto;float: left;}
.contact .lx-left .cont  .ewmbox p{color: #000;float: left;text-align: left; width: calc(100%- 120px);font-size: 18px;padding-left: 5%;margin-top: 35px;}

.contact .form{text-align: center; padding: 5%; width: 45%;float: right; border: 1px solid #E4E4E4;background: rgba(255,255,255,0.8); height: auto;}
.contact .form .ico{width: 65px;height: auto;margin: 0 auto;}
.contact .form .txt{font-size: 24px;color: #000000;margin-top: 25px;}
.contact .form form{width: 100%;height: auto;margin-top: 35px;display: block;}
.contact .form form .c1{width: 100%;height: auto;text-align: center;font-size: 16px;margin-bottom: 10px; line-height: 25px; padding: 15px; border: none;background: none; border-bottom: 1px solid #E4E4E4;}
.contact .form form .c2{width: 100%;height: 120px;}
.contact .form form .send{background: linear-gradient(to right, #01bbee, #bcf383);font-size: 16px; margin-top: 35px; color: #FFFFFF;border: none;line-height: 50px;width: 100%; border-bottom-right-radius: 20px;border-top-left-radius: 20px;}

.map{width: 100%;height:auto;}
.map #container{width: 100%;height: 550px;}





@media only screen and (max-width:1680px) {
	.contact .form .txt{font-size: 22px;}
	.contact .form .ico{width: 60px;}
	.contact .lx-left .cont .li p{font-size: 34px;}
	.contact .lx-left .cont .li span{font-size: 16px;}
	.contact .lx-left .cont .add{font-size: 16px;}
	.contact .lx-left .cont  .ewmbox p{font-size: 16px;}
}
@media only screen and (max-width:1440px) {
	.contact .lx-left .cont .li p{font-size: 32px;}
	.contact .form .txt{font-size: 20px;}
	.contact .form .ico{width: 55px;}
	.contact .form form .c1{font-size: 15px;}
	.contact .form form .send{line-height: 45px;}
	.contact .lx-left .cont .li{margin-bottom: 30px;}
}
@media only screen and (max-width:1280px) {
	.contact .lx-left .cont .li p{font-size: 30px;}
	.contact .form .txt{font-size: 18px;}
	.contact .form .ico{width:50px;}
}
@media only screen and (max-width:1024px) {
	.contact .lx-left .cont .li p{font-size: 28px;}
.contact .form{width: 50%;}
.contact .form .txt{font-size: 16px;}
.contact .form .ico{width:45px;}
.contact .form form .c1{padding: 10px;font-size: 15px;}
.contact .form form .send{line-height: 40px;}
	.contact .lx-left .cont .li span{font-size: 15px;}
	.contact .lx-left .cont .add{font-size: 15px;}
	.contact .lx-left .cont  .ewmbox p{font-size: 15px;}
	.contact .lx-left .cont .li{margin-bottom:25px;}
	.map #container{height: 450px;}
	.contact .form form .send{margin-top: 25px;border-top-left-radius: 15px;border-bottom-right-radius: 15px;}
}
@media only screen and (max-width:720px) {
	.contact .lx-left{width: 100%;height: auto;padding-right: 0;}
	.contact .form{width: 100%;height: auto;margin-top: 35px;padding: 35px 5%;}
	.contact .form .ico{width: 40px;}
	.map #container{height: 250px;}
	.contact .form form .send{margin-top: 15px;}
}



.pro{width: 100%;height: auto;}
.pro .pro-sort{width: 100%;height: auto;font-size: 0;}
.pro .pro-sort .li{position: relative; padding:25px 2%; width: calc(25% - 15px);margin-right:20px;display: inline-block;vertical-align: top;background: #FFFFFF;border-bottom-right-radius: 25px;border-top-left-radius: 25px;}
.pro .pro-sort .li:nth-child(4n){margin-right: 0;}
.pro .pro-sort .li .ico{margin-bottom:40px; width: 30px;height: auto;}
.pro .pro-sort .li b{font-weight: normal;font-family: "am"; font-size: 24px;color: #000000;display: block;}
.pro .pro-sort .li p{font-size:14px;font-family: "century gothic";color: #000000;text-transform: capitalize;}
.pro .pro-sort .li .bq{width: 20px;height: auto;display: block;position: absolute;right: 5%;top: 70%;}
.pro .pro-sort .li:hover{background: linear-gradient(to right, #01bbee, #bcf383);}
.pro .pro-sort .li:hover b{color:#FFFFFF}
.pro .pro-sort .li:hover p{color: #FFFFFF;}
.pro .pro-sort .li:hover .ico img{filter: grayscale(100%) brightness(200%);}
.pro .pro-sort .li:hover .bq img{filter: grayscale(100%) brightness(200%);}



@media only screen and (max-width:1680px) {
	.pro .pro-sort .li b{font-size: 22px;}
}
@media only screen and (max-width:1440px) {
	.pro .pro-sort .li b{font-size: 20px;}
	.pro .pro-sort .li p{font-size:13px ;}
	.pro .pro-sort .li .ico{width: 25px;margin-bottom: 35px;}
	.pro .pro-sort .li{width: calc(25% - 12px);margin-right: 16px;}
}
@media only screen and (max-width:1280px) {
	.pro .pro-sort .li b{font-size: 18px;}
}
@media only screen and (max-width:1024px) {
	.pro .pro-sort .li b{font-size: 16px;}
	.pro .pro-sort .li p{font-size: 12px;}
	.pro .pro-sort .li .bq{width: 15px;}
	.pro .pro-sort .li .ico{width: 20px;margin-bottom: 30px;}
	.pro .pro-sort .li{width: calc(25% - 6px);margin-right:8px;}
	.pro .pro-sort .li .bq{display: none;}
}
@media only screen and (max-width:720px) {
	.pro .pro-sort .li .ico{margin-bottom: 25px;}
	.pro .pro-sort .li{width: calc(50% - 5px);margin-right: 10px;margin-bottom: 10px;padding: 20px 3%;}
	.pro .pro-sort .li:nth-child(2n){margin-right: 0;}	
}


.pro .pro-sort .li.cut{background: linear-gradient(to right, #01bbee, #bcf383);}
.pro .pro-sort .li.cut b{color:#FFFFFF}
.pro .pro-sort .li.cut p{color: #FFFFFF;}
.pro .pro-sort .li.cut .ico img{filter: grayscale(100%) brightness(200%);}
.pro .pro-sort .li.cut .bq img{filter: grayscale(100%) brightness(200%);}
.pro .pro-list{font-size: 0; width: 100%;height: auto;}
.pro .pro-list li{border-top-left-radius: 30px;border-bottom-right-radius: 30px;background: #FFFFFF;display: inline-block;vertical-align: top; overflow: hidden; width: calc(33.3% - 20px);margin-right: 30px;margin-bottom: 30px;}
.pro .pro-list li:nth-child(3n){margin-right: 0;}
.pro .pro-list li .pic{overflow: hidden; width: 100%;height: auto;}
.pro .pro-list li .pic img{transition: all 0.5s ease;}
.pro .pro-list li .con{width: 100%;height: auto;padding: 5%;}
.pro .pro-list li .con .ico{width:35px;height: auto;margin-bottom: 45px;}
.pro .pro-list li .con span{display: block;font-family: "al";font-size: 18px; color: #000000;}
.pro .pro-list li .con b{color: #000000; font-weight: normal;font-size: 24px;margin-top: 10px;display: block;font-family: "am";}
.pro .pro-list li:hover{background: linear-gradient(to right, #01bbee, #bcf383);}
.pro .pro-list li:hover .ico img{filter: grayscale(100%) brightness(200%);}
.pro .pro-list li:hover span{color: #FFFFFF;}
.pro .pro-list li:hover b{color: #FFFFFF;}
.pro .pro-list li:hover .pic img{transform: scale(1.1);}

@media only screen and (max-width:1680px) {
	.pro .pro-list li .con b{font-size: 22px;}
	.pro .pro-list li .con span{font-size: 16px;}
}
@media only screen and (max-width:1440px) {
	.pro .pro-list li .con b{font-size: 20px;}
	.pro .pro-list li .con .ico{width: 30px;margin-bottom: 40px;}
	.pro .pro-list li .con span{font-size: 15px;}
	.pro .pro-list li{width: calc(33.3% - 15px);margin-right: 22.5px;margin-bottom: 22.5px;}
}
@media only screen and (max-width:1280px) {
	.pro .pro-list li .con b{font-size:18px;}
	.pro .pro-list li{width: calc(33.3% - 10px);margin-right:15px;margin-bottom:15px;}
}
@media only screen and (max-width:1024px) {
	.pro .pro-list li .con span{font-size: 14px;}
	.pro .pro-list li .con .ico{width: 25px;margin-bottom: 35px;}
	.pro .pro-list li{width: calc(50% - 10px);margin-right: 20px;margin-bottom: 20px;}
	.pro .pro-list li:nth-child(3n){margin-right: 20px;}
	.pro .pro-list li:nth-child(2n){margin-right: 0;}
	
}
@media only screen and (max-width:720px) {
	.pro .pro-list li{width: 100%;}
}


.pro-d{width: 100%;height: auto;background-size: cover;background-repeat: no-repeat;background-position: center;}

.pro-d .pro-dl{width: 50%;padding-right: 5%;float: left;}
.pro-d .pro-dl .tips{display: block;color: #FFFFFF;font-family: "al";font-size: 18px;}
.pro-d .pro-dl b{margin-bottom: 10%; font-size: 48px;color: #FFFFFF;margin-top: 10px;display: block;}
.pro-d .pro-dl  .bread a{color: #FFFFFF;}
.pro-d .pro-dl .bread{color: #FFFFFF;margin-top: 20%;}
.pro-d .pro-dl .bread a.home{background: url(../img/a020s.png)center left no-repeat;background-size: 20px 20px;}

.pro-d .pro-dr{position: relative; background:rgba(255,255,255,0.95);padding: 3% 3%  10% 3%; width: 45%;max-width: 570px; float: right;height: auto;border-bottom-right-radius: 35px;border-top-left-radius: 35px;}
.pro-d .pro-dr .pro-js{width: 100%;height: auto;}
.pro-d .pro-dr .pro-js .pic{overflow: hidden; width: 100%;height: auto;border-top-left-radius: 35px;border-bottom-right-radius: 35px;}

.pro-d .pro-dr .swiper-pagination{bottom: 5%;text-align: center;width: 100%;left: 0;}
.pro-d .pro-dr .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
position: relative;
  background: linear-gradient(to right, #01bbee, #bcf383);
    opacity: .6;
    margin: 0 5px;
    z-index: 10;
}
.pro-d .pro-dr .swiper-pagination-bullet:before{content: "";position: absolute;top: 2px;left: 2px;width: 6px;height: 6px;background: rgba(255,255,255,0.95);border-radius: 100%;z-index: 11;}

.pro-d .pro-dr .swiper-pagination-bullet-active { opacity: 1;}
.pro-d .pro-dr .swiper-pagination-bullet-active:before{display: none;}





@media only screen and (max-width:1680px) {
	.pro-d .pro-dl b{font-size: 45px;}
}

@media only screen and (max-width:1440px) {
	.pro-d .pro-dl b{font-size: 40px;}	
}
@media only screen and (max-width:1280px) {
	.pro-d .pro-dl b{font-size: 35px;}
}
@media only screen and (max-width:1024px) {
	.pro-d .pro-dl b{font-size: 30px;}	
	
	.pro-d .pro-dr{padding: 5% 5% 15% 5%;}
	
	
}
@media only screen and (max-width:720px) {
	.pro-d .pro-dl b{font-size: 25px;}
	.pro-d .pro-dl{width: 100%;}
	.pro-d .pro-dr{width: 100%;margin-top: 35px;}
	
	.pro-d .pro-dl .bread{margin-top: 55px;}
	.pro-d .pro-dr{padding: 35px 5% 30% 5%;}
}











.detail{width: 100%;height: auto;}
.detail .detail-l{width: 35%;padding-right: 5%;height: auto;float: left;}
.detail .detail-r{width: 65%;float: right;height: auto;}
.detail .detail-r .txt-c{width: 100%;height: auto;}
.detail .detail-r .txt-c p strong{display: block;font-family: "am";position: relative; font-size: 24px;color: #000000;}
.detail .detail-r .txt-c p {padding-left: 20px;}
.detail .detail-r .txt-c p strong:before{content:"";background: linear-gradient(to right, #01bbee, #bcf383); position: absolute;left: -15px;top:8px; width: 8px;height: 8px;border-radius: 100%;}
.detail .detail-l2{display: none;}

@media only screen and (max-width:1680px) {
	.detail .detail-r .txt-c p strong{font-size: 22px;}
}
@media only screen and (max-width:1440px) {
	.detail .detail-r .txt-c p strong{font-size: 20px;}
}
@media only screen and (max-width:1280px) {
	.detail .detail-r .txt-c p strong{font-size: 18px;}
}
@media only screen and (max-width:1024px) {
	.detail .detail-l{width: 100%;display: none; padding-bottom: 0;}
.detail .detail-l2{width: 100%;display: block;padding-bottom: 0;}
	.detail .detail-r{width:100%;padding-top: 0;margin-top: 35px;}
	.detail .detail-r .txt-c p{padding-left: 0;}
	.detail .detail-r .txt-c p strong:before{display: none;}
}


#project05::-webkit-scrollbar, #project05::-webkit-scrollbar-thumb, #project05::-webkit-scrollbar-track {
    width: 0px;
    background-color: transparent;
}

#project05 .first {
    width: 100%;
    height:2600px;
    position: relative;
    z-index: 10;
}
#project05 .first .second {
    width: 100%;
    height: 100vh;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    /* left: 0; */
    z-index: 2;
/*    background-color: #333;*/
}

#project05 .third {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    overflow: hidden;
    opacity: 0.98;
    transition: all 0.1s;
    background-image: url(../img/chemistry3.jpg);
    background-size: cover;background-repeat: no-repeat;
    /* pointer-events: none; */
}



#project05 .third img {
    transform-origin: 47.15% 50.15%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#project05 .second .showCon {
    display: none;
}

#project05 .second .showCon.showAbout {
    display: block;
}

@media only screen and (max-width:720px) {
	#project05 .third{display: none;}
	#project05 .first{height: auto;}
	#project05 .first .second{height: auto;}
}