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

body{
	width: 100%;
	margin: 0;
	overflow-x: hidden;
font-family:arial,"微软雅黑","苹方",arial,sans-serif;

}
*{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 {line-height: 1; font-size: 100%;font-family: "BNB";}

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 {}
body { line-height: 1.5;
-webkit-user-select:none; 
    -moz-user-select:none; 
    -ms-user-select:none; 
    user-select:none;}
    div{-webkit-tab-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; } 
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;
background:auto;
text-decoration: none;
}
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none } 

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {opacity:1;color:rgba(255,255,255,0.6);font-family: arial;}
input::-moz-placeholder, textarea::-moz-placeholder { opacity:1;color:rgba(255,255,255,0.6);font-family: arial;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {opacity:1;color:rgba(255,255,255,0.6);font-family: arial;}


.w85{width: 85%;height: auto;max-width: 1500px;margin: 0 auto;}
.margin-pub{padding: 95px 0;}
.title{width: 100%;height: auto;}
.title h2{line-height: 1; color: #000000;font-family: "BNB"; font-size: 66px;text-transform: uppercase;}
.title h1{line-height: 1; color: #000000;font-family: "BNB"; font-size: 66px;text-transform: uppercase;}
.title h2 b{font-weight: normal; color: #FF6600;}
.views{margin-top: 30px; vertical-align: middle;line-height: 25px;display: block; color: #FFFFFF;font-size: 20px;font-family: "BNB";}
 .views b{margin-left: 15px;vertical-align: middle; width:50px;height:25px;position: relative;z-index: 0; display: inline-block;}
 .views b img{display: block;width: 100%;height: auto;}
.views b:before{content: "";position: absolute;right: 0;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%); width: 25px;height: 25px;background: #FF6600;z-index: -1;}

.space-top{margin-top: 60px;}
.space-pub{padding-top: 60px;}
@media only screen and (max-width:1600px) {
	.title h2{font-size: 60px;}
	.title h1{font-size: 60px;}
	.margin-pub{padding: 85px 0;}
	 .views{font-size: 18px;}
	 .space-top{margin-top: 55px;}
.space-pub{padding-top: 55px;}
}
@media only screen and (max-width:1400px) {
	.title h2{font-size: 55px;}
	.title h1{font-size: 55px;}
	.margin-pub{padding: 75px 0;}
	.space-top{margin-top: 45px;}
	.space-pub{padding-top:45px;}
				 .views{font-size: 16px;}
			 .views b{margin-left: 10px;}
		 .views b{width: 46px;height: 23px;}
		 .views b:before{width: 23px;height: 23px;}
}
@media only screen and (max-width:1200px) {
.title h2{font-size: 45px;}
.title h1{font-size: 45px;}
.margin-pub{padding:65px 0;}
.space-top{margin-top: 40px;}
.space-pub{padding-top: 40px;}
 .views{font-size: 15px;}
}
@media only screen and (max-width:1024px ) {
	.w85{width: 90%;}
	.title h2{font-size:36px;}
	.title h1{font-size:36px;}
		.margin-pub{padding:60px 0;}

			.space-top{margin-top: 35px;}
	.space-pub{padding-top: 35px;}
				 .views{font-size: 14px;}
			 .views b{margin-left: 10px;}
		 .views b{width: 40px;height: 20px;}
		 .views b:before{width: 20px;height: 20px;}
}
@media only screen and (max-width:720px ) {
	.w85{width: 90%;}
	.title h2{font-size:30px;}
	.title h1{font-size:30px;}
		.margin-pub{padding:50px 0;}
		
			.space-top{margin-top: 30px;}
	.space-pub{padding-top:30px;}
}








.header{top: 0;left: 0;z-index: 9999; border-bottom: 1px solid rgba(255,255,255,0.1); color: #fff;width: 100%;height:80px;position: fixed;}
.header.header3{background: rgba(0,0,0,0.1);}
.header.header2{background: #151927;}
.header .logo{width: 165px;margin-top: 8px; display: block;height: auto;float: left;}
.header .logo img{display: block;width: 100%;height: auto;}
.header .menu{width:calc(100% - 165px);float: right;}
.header .menu ul{width: calc(100% - 100px);float: left;text-align: right;}
.header .menu ul li{transition: all 0.5s ease;position: relative; display: inline-block; font-size: 20px; text-transform: uppercase; margin: 0 2%;}
.header .menu ul li>a{font-family: "BNB"; letter-spacing: 0.5px;color: #FFFFFF;display: inline-block;line-height: 80px;}
.header .menu ul li:before{width: 0; content: "";position: absolute;left: 0; bottom: 0;height: 2px;background: #FF6600;}
.header .menu ul li:hover:before{transition: all 0.5s ease;transition-delay: 0.2s;width:100%;}
.header .menu ul li.cut:before{content: "";position: absolute;left: 0; bottom: 0;width:100%;height: 2px;background: #FF6600;}
.header .menu ul li .downs{transition: all 0.5s ease; position: absolute;top:100%;width:200px; height:0px;overflow: hidden; background:#FF6600; left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);}
.header .menu ul li .downs a{font-size: 16px;font-family: "BNB";position: relative;z-index: 0; padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,0.1); letter-spacing: 1.5px; font-weight: normal; text-align: center; display: block;color: #FFFFFF;}
.header .menu ul li .downs a:last-child{border-bottom: none;}
.header .menu ul li .downs a:before{content: "";position: absolute;left: 0;top: 0;z-index: -1; width: 0;height: 100%;background: #151927;}
.header .menu ul li .downs a:hover:before{width: 100%;transition: all 0.5s ease;}
.header .menu ul li:hover .downs{height: auto;transition: all 0.5s ease;}
.header .lang{width: 100px;text-align: right;line-height: 80px;  float: right;}
.header .lang a{display: inline-block; font-size: 20px; position: relative; padding: 0 10px;color: #FFFFFF;}
.header .lang a:first-child:before{position: absolute;right: 0;top: calc(50% - 7px);height: 14px; content: "";width: 1px;background: #FFFFFF;}
.header .lang a.cut{color: #ff6600;}
.header .lang a:hover{color: #ff6600;}


.header .toggle{display: none; margin-top: 16px; float: right;width: 28px;height: 16px;position: relative;}
.header .toggle span{width: 100%;height: 2px;background: #FFFFFF;display: block;margin-top: 7px;}
.header .toggle:before{content: ""; width: 100%;height: 2px;background: #FFFFFF;left: 0;top: 0;position: absolute;}
.header .toggle:after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: #FFFFFF;}

@media only screen and (max-width:1600px) {
		.header .menu ul li{font-size: 18px;}
	.header .lang a{font-size: 18px;}
}
@media only screen and (max-width:1400px) {
	.header .menu ul li{font-size: 17px;}
	.header .lang a{font-size: 17px;}
}
@media only screen and (max-width:1024px) {
	.header .toggle{display: block;}
	.header{background: #151927;height: 55px;}
	.header.header3{background: #151927;}
	.header .menu{display: none; background:#151927; width: 100%; max-height: calc(100% - 55px);overflow-y: auto;overflow-x: hidden; position:fixed;top: 55px;left: 0;}
	.header .menu ul{width: 100%;height: auto;text-align:left; padding: 0;}
	.header .menu ul li{position: relative; display: block;position: relative; font-size: 16px;letter-spacing: 1.5px; width: 100%;padding:10px  calc(5% + 20px)  10px 5%;margin: 0; border-bottom: 1px solid rgba(255,255,255,0.1);border-top: 0.5px solid rgba(0,0,0,0.2);}
	.header .menu ul li a{padding:0;line-height: 1;}
	
	.header .menu ul li.two-sub:after{content: "";width:15px;height:15px;position: absolute;right: 5%;top: 12px; background: url(../img/tops1.svg)center no-repeat;background-size: cover;}
	.header .menu ul li.two-sub.open:after{background: url(../img/tops.svg)center no-repeat;}
	.header .menu ul li.two-sub .downs{height: 0; text-align: left;overflow: hidden; width:100%;background: #151927; position: static;transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);}
	.header .menu ul li:hover:before{display: none;}
	.header .menu ul li.two-sub .downs a{text-align: left;border-bottom: 1px solid rgba(255,255,255,0.2);}
.header .menu ul li.two-sub.open{background: #FF6600;padding-bottom: 0;}
.header .menu ul li.two-sub.open .downs{display: inherit;background: #FF6600; border-top: 1px solid rgba(255,255,255,0.1); transition: all 0.3s ease;  margin-top: 10px;height: auto;}
.header .menu ul li.cut:before{display: none;}
.header .logo{width: 110px;height: auto;}
.header .lang{width: 100%;height: auto;padding: 0;text-align: left;}
.header .lang a{line-height: 1; font-family: "BNB";font-size: 16px; width: 100%;display: block;padding: 10px 5%; border-bottom: 1px solid rgba(255,255,255,0.05);border-top: 0.5px solid rgba(0,0,0,0.2);}
.header .lang a:first-child:before{display: none;}
.header .lang a:last-child{border-bottom: none;}
}

.banner{width: 100%;height: auto;}
.banner .banner-js{width: 100%;height: auto;}
.banner .banner-js .pic{width: 100%;height: auto;position: relative;z-index: 0;}
.banner .banner-js .pic img{display: block;width: 100%;height: auto;}
.banner .banner-js .points1{ position: absolute;top: 19%;left: 16.5%;padding: 25px 0 0 25px;}
.banner .banner-js .points{z-index: 0;}
.banner .banner-js .points:before{z-index: 1; content: "";width: 16px;height: 16px;border:2px solid #FF6600;  position: absolute;left:2px;top: 2px;background: #FF6600; border-radius: 100%;}


.banner .banner-js .points >.pcn {border-radius: 100%;overflow: hidden;background: rgba(255,255,255,0.8);border-radius: 5px;  display: inline-block;width: 0;height:0;overflow: hidden; position: absolute;top: 0;left: 0;}
.banner .banner-js .points>.pcn p{white-space: nowrap; z-index:0;position: absolute;font-family: "BNB"; line-height: 1;font-size: 28px;width: 100%;height: 100%;display: block; color:rgba(0,0,0,0); padding: 20px 15px 15px 30px;}
.banner .banner-js .points>.pcn p span{display: block;font-size:18px;}
.banner .banner-js .points2{position: absolute;top:24%;left:71%;padding: 25px 0 0 25px;}
.banner .banner-js .points3{position: absolute;top:47%;left:85%;padding: 25px 0 0 25px;}
.banner .banner-js .points4{position: absolute;top:75%;left:30%;padding: 25px 0 0 25px;}
.banner .banner-js .pic .con{width:85%;max-width: 1500px; height: auto;z-index: 1; top: 50%;text-align: left; position: absolute;left:50%;padding-right: 25%;transform: translateX(-50%)translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%)translateX(-50%);-ms-transform: translateY(-50%);-o-transform: translateX(-50%)translateY(-50%);}
.banner .banner-js .pic .con p{font-size:56px;font-family: "BNB";color: #FFFFFF;}
.banner .banner-js .points:hover >.pcn{ width:240px;height: 70px;transition: 0.5s; border-top-left-radius: 16px;}
.banner .banner-js .points:hover >.pcn p{color:rgba(0,0,0,1);transition: 0.40s;}

.banner .banner-js .points::after{position: absolute;width: 16px; height: 16px;top:0;left: 0;background: #FF6600;border:4px solid #FFFFFF; border-radius: 50%;content: ''; }
        @keyframes scale{
        	0%{ transform: scale(1); opacity:1}
        100%{ transform: scale(3); opacity: 0;}
        }
        /*@keyframes scale2{0%{ transform: scale(1);opacity:.9;}100%{ transform: scale(6);opacity:0;}}*/
.banner .banner-js .points::before{animation: scale 2s infinite; }
/*.banner .banner-js .points::after{animation: scale2 2s infinite;}*/

























.banner .banner-js .pic .con{width:85%;max-width: 1500px; height: auto;z-index: 1; top: 50%;text-align: left; position: absolute;left:50%;padding-right: 25%;transform: translateX(-50%)translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%)translateX(-50%);-ms-transform: translateY(-50%);-o-transform: translateX(-50%)translateY(-50%);}
.banner .banner-js .pic .con p{font-size:56px;font-family: "BNB";color: #FFFFFF;}
.banner .banner-js .swiper-button-next{left:calc(10% + 75px);background: none;right: auto;}
.banner .banner-js .swiper-button-next:before{background: url(../img/next.svg) center no-repeat;content: "";position: absolute;width: 100%;height: 100%;z-index: 0;}
.banner .banner-js .swiper-button-next:after{z-index: -20 !important;position: absolute;content: "";right: 0;top:0;width: 25px;height: 25px;background: #FF6600;}
.banner .banner-js .swiper-button-prev{left: 10%;right: auto;background: none;}
.banner .banner-js .swiper-button-prev:before{background: url(../img/prev.svg) center no-repeat;content: "";position: absolute;width: 100%;height: 100%;z-index: 0;}
.banner .banner-js .swiper-button-prev:after{z-index: -20 !important;position: absolute;content: "";left: 0;top:0;width:25px;height:25px;background: #FF6600;}

.banner .banner-js .swiper-button-prev.swiper-button-disabled{opacity:1;}
.banner .banner-js .swiper-button-prev.swiper-button-disabled:after{display: none;}

.banner .banner-js .swiper-button-next.swiper-button-disabled{opacity:1;}
.banner .banner-js .swiper-button-next.swiper-button-disabled:after{display: none;}

.banner .banner-js .swiper-button-next,.banner .banner-js .swiper-button-prev {
    position: absolute;
    display: none;
    top: 80%;
    width: 50px;
    height: 25px;
    margin-top: -12.5px;
    z-index: 10 !important;
    cursor: pointer;
    background-size: 50px 25px;

    background-position: center;
    background-repeat: no-repeat;
}
@media only screen and (max-width:1600px) {
	.banner .banner-js .pic .con p{font-size: 50px;}
	
	.banner .banner-js .points>.pcn p{font-size: 26px;}
.banner .banner-js .points>.pcn p span{font-size: 16px;}
.banner .banner-js .points:hover > .pcn{width: 220px;height: 65px;}
	
}

@media only screen and (max-width:1400px) {
	.banner .banner-js .points:before{width: 10px;height: 10px;border: 2px solid #FF6600;}
	.banner .banner-js .points:after{width: 10px;height: 10px;border: 4px solid #FFFFFF;}
.banner .banner-js .points>.pcn p{font-size: 22px;padding: 14px 0 0 20px;}
.banner .banner-js .points>.pcn p span{font-size: 15px;}

.banner .banner-js .points:hover > .pcn{width: 180px;height:55px;}
	.banner .banner-js .pic .con p{font-size: 45px;}
	
	.banner .banner-js .swiper-button-next,.banner .banner-js .swiper-button-prev {
    width: 46px;
    height: 23px;
    margin-top: -0px;
    background-size:46px 23px;
}

.banner .banner-js .swiper-button-next{left:calc(7.5% + 60px);}
.banner .banner-js .swiper-button-next:after{width:23px;height: 23px;}
.banner .banner-js .swiper-button-prev{left:7.5%;}
.banner .banner-js .swiper-button-prev:after{width:23px;height: 23px;}	
}
@media only screen and (max-width:1200px) {
.banner .banner-js .points>.pcn p{font-size: 20px;white-space: inherit; padding: 14px 0 0 20px;}
.banner .banner-js .points>.pcn p span{font-size: 14px;}
.banner .banner-js .points:hover > .pcn{width: 120px;height:75px;}
	.banner .banner-js .pic .con p{font-size: 40px;}	
}

@media only screen and (max-width:1024px) {
	.banner{margin-top:55px;}
.banner .banner-js .points>.pcn p{font-size: 20px;}
.banner .banner-js .points>.pcn p span{font-size: 14px;}
.banner .banner-js .points:hover > .pcn{width: 90px;height:75px;}
	.banner .banner-js .pic .con{width: 90%;}
	.banner .banner-js .pic .con p{font-size: 30px;}
}
@media only screen and (max-width:720px ) {
	.banner .banner-js .points:before{width: 8px;height: 8px;border: 2px solid #Ff6600;}
	.banner .banner-js .points:after{width: 8px;height: 8px;border: 4px solid #FFFFFF;}
	.banner .banner-js .pic .con p{font-size: 20px;}
.banner .banner-js .swiper-button-next,.banner .banner-js .swiper-button-prev {
    width: 40px;
    height: 20px;
    margin-top: -0px;
    background-size:40px 20px;
}
.banner .banner-js .points>.pcn p{font-size:12px;padding: 10px 10px  5px 5px;}
.banner .banner-js .points>.pcn p span{font-size: 12px;}
.banner .banner-js .points:hover > .pcn{width:65px;height:50px;top: -35px;left: -50px;border-radius: 5px;border-bottom-right-radius: 10px;}

.banner .banner-js .swiper-button-next{left:calc(5% + 50px);}
.banner .banner-js .swiper-button-next:after{width:20px;height: 20px;}
.banner .banner-js .swiper-button-prev{left:5%;}
.banner .banner-js .swiper-button-prev:after{width:20px;height: 20px;}	
		
}





.in-pro{width: 100%;height: auto;position: relative;}
.in-pro .in-pro-top{width: 100%;height: auto;position: relative;}
.in-pro .in-pro-top .title{float: left;}
.in-pro .in-pro-sort{font-size: 0; width: 100%;height: auto;}
.in-pro .in-pro-sort li{cursor: pointer; font-family: "BNB";color: #999;display: inline-block; font-size: 28px;margin-right:2%;}
.in-pro .in-pro-sort li.cut{color: #FF6600;}
.in-pro .in-pro-sort li:hover{color: #FF6600;}

.in-pro .in-pro-c .in-pro-pn{width: 100%;    z-index: 555 !important; right: 0%;position: absolute;height:70px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}

.in-pro .in-pro-c .in-pro-pn .swiper-button-next{ background: url(../img/nexts.svg);right:5%;}
.in-pro .in-pro-c .in-pro-pn .swiper-button-prev{background: url(../img/prevs.svg);left: 5%;}
.in-pro .in-pro-c .in-pro-pn .swiper-button-next,.in-pro .in-pro-c .in-pro-pn .swiper-button-prev {
    position: absolute;
    top:0px;
    width: 35px;
    height: 70px;
    margin-top: -0px;
    z-index: 555 !important;
    cursor: pointer;
    background-size: 35px 70px;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.3;    
}
.in-pro .in-pro-c .in-pro-pn .swiper-button-next:hover,.in-pro .in-pro-c .in-pro-pn .swiper-button-prev:hover{opacity: 1;}
.in-pro .in-pro-c{width: 100%;height: auto;display: none;}
.in-pro .in-pro-c .in-pro-js{width: 100%;height: auto;z-index: 0;}
.in-pro .in-pro-c .in-pro-js .pro-box{width: 100%;height: auto;overflow: hidden; position: relative; display: block; background: #e8e7e7;}
.in-pro .in-pro-c .in-pro-js .pro-box .pic{width: 100%;height: auto;}
.in-pro .in-pro-c .in-pro-js .pro-box .pic img{display: block;width: 100%;height: auto;}
.in-pro .in-pro-c .in-pro-js .pro-box .cons{padding:35px 8%;}
.in-pro .in-pro-c .in-pro-js .pro-box h5{overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color: #000000;font-size: 30px;}
.in-pro .in-pro-c .in-pro-js .pro-box .cons .txt{margin-top: 25px; width: 100%;height:54px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.in-pro .in-pro-c .in-pro-js .pro-box  .txt p{font-size: 18px;color: #666666;}
.in-pro .in-pro-c .in-pro-js .pro-box  .txt p a{color: #666;}
.in-pro .in-pro-c .in-pro-js .pro-box .cons2{padding:36% 8% 5% 8%; position: absolute;z-index: 33; top:100%;left: 0;width: 100%;height: 100%;background:rgba(21,25,39,0.91);color: #FFFFFF;}
.in-pro .in-pro-c .in-pro-js .pro-box  .cons2 h5{color: #FFFFFF;}
.in-pro .in-pro-c .in-pro-js .pro-box .cons2 .txt{width: 100%;margin-bottom: 5%; height:108px;margin-top: 25px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.in-pro .in-pro-c .in-pro-js .pro-box .cons2 .txt p{color: #FFFFFF;}
.in-pro .in-pro-c .in-pro-js .pro-box .cons2 .txt p a{color: #fff;}
.in-pro .in-pro-c .in-pro-js .pro-box:hover .cons2{top: 0;transition: all 0.5s ease;}
.in-pro .in-pro-c .in-pro-js .pro-box .cons2 .views{margin-top:20%;}

@media only screen and (max-width:1600px) {
	.in-pro .in-pro-c .in-pro-js .pro-box h5{font-size: 26px;}
	.in-pro .in-pro-sort li{font-size: 26px;}

	.in-pro .in-pro-c .in-pro-js .pro-box .cons .txt{height: 48px;}
	.in-pro .in-pro-c .in-pro-js .pro-box .cons2 .txt{height: 96px;}
	.in-pro .in-pro-c .in-pro-js .pro-box  .txt p{font-size: 16px;}
}
@media only screen and (max-width:1400px) {
.in-pro .in-pro-c .in-pro-js .pro-box h5{font-size: 24px;}
.in-pro .in-pro-sort li{font-size: 24px;}
.in-pro .in-pro-c .in-pro-js .pro-box  .txt p{font-size: 16px;}
.in-pro .in-pro-c .in-pro-pn .swiper-button-next,.in-pro .in-pro-c .in-pro-pn .swiper-button-prev {
    width: 30px;
    height: 60px;

    background-size:30px 60px;
}
.in-pro .in-pro-c .in-pro-pn{height: 60px;}
	
}
@media only screen and (max-width:1200px ) {
.in-pro .in-pro-c .in-pro-js .pro-box h5{font-size: 20px;}
.in-pro .in-pro-sort li{font-size: 20px;}

}
@media only screen and (max-width:1024px) {
.in-pro .in-pro-c .in-pro-js .pro-box h5{font-size: 18px;}
.in-pro .in-pro-sort li{font-size: 18px;}

	.in-pro .in-pro-c .in-pro-js .pro-box .cons .txt{height: 44px;}
	.in-pro .in-pro-c .in-pro-js .pro-box .cons2 .txt{height:88px;}
.in-pro .in-pro-c .in-pro-js .pro-box  .txt p{font-size: 15px;}
}

@media only screen and (max-width:720px) {
	.in-pro .in-pro-sort li{margin-right: 20px;}
	.in-pro .in-pro-c .in-pro-js .pro-box h5{font-size: 18px;}
	.in-pro .in-pro-sort li{font-size: 18px;}
	.in-pro .in-pro-c .in-pro-js .pro-box .cons{padding: 20px 5%;}
	.in-pro .in-pro-c .in-pro-js .pro-box .cons .txt{ margin-top: 15px;}
	.in-pro .in-pro-c .in-pro-js .pro-box .cons2 .txt{-webkit-line-clamp: 2;height: 42px;}
	.in-pro .in-pro-c .in-pro-js .pro-box  .txt p{font-size: 14px;height: 42px;}

	.in-pro .in-pro-c .in-pro-pn .swiper-button-next,.in-pro .in-pro-c .in-pro-pn .swiper-button-prev {
    width: 20px;
    height: 40px;

    background-size:20px 40px;
}
.in-pro .in-pro-c .in-pro-pn{height: 40px;}
}


.in-case{width: 100%;height: auto;}
.in-case .in-case-box{position: relative; width: 100%;height: auto;z-index: 0;}
.in-case .in-case-box .bks1{position: absolute;left: 0;top: 0;width: 100%;height: 100%; background-position: center;z-index: -1; background-size: cover;background-repeat: no-repeat;background-color: #151927;}
.in-case .in-case-box .bks2{display: none; position: absolute;left: 0;top: 0;width: 100%;height: 100%; background-position: center;z-index: -1; background-size: cover;background-repeat: no-repeat;background-color: #151927;}

.in-case .in-case-box .con{display: block;width: 100%;height: auto; color: #FFFFFF; padding: 10% 0% 60px 0%;}
.in-case .in-case-box .con .title h2{color: #FFFFFF;}
.in-case .in-case-box .con h6{color: #FFFFFF;font-size: 30px;}
.in-case .in-case-box:nth-child(2n) .con{text-align: right;}
.in-case .in-case-box:nth-child(2n) .con .tl-con{display: inline-block;text-align: left;height: auto;width: auto;}
.in-case .in-case-box:nth-child(2n) .bks2{background-position: left center;}
.in-case .in-case-box:nth-child(2n) .bks1{background-position: left center;}
@media only screen and (max-width:1600px) {
.in-case .in-case-box .con h6{font-size: 28px;}
}
@media only screen and (max-width:1400px) {
	.in-case .in-case-box .con h6{font-size: 26px;}
}
@media only screen and (max-width:1200px) {
	.in-case .in-case-box .con h6{font-size: 24px;}
}
@media only screen and (max-width:1024px ) {
	.in-case .in-case-box .con h6{font-size: 20px;}
}
@media only screen and (max-width:720px) {
	.in-case .in-case-box .con{padding: 25% 0 30px 0;}
	.in-case .in-case-box .bks2{display: block;}
	.in-case .in-case-box .bks1{display: none;}
	.in-case .in-case-box .con h6{font-size: 16px;}

}


.in-ab{overflow: hidden; position: relative; width: 100%;height: auto;}
.in-ab .bks{position: absolute;left: 0; bottom: 0;width: 45%;z-index: -1; height: auto;}
.in-ab .bks img{display: block;width: 100%;height: auto;}
.in-ab .in-ab-l{width:30%;max-width: 500px; float: left;height: auto;position: absolute;left:11%;padding-top: 6%;}
.in-ab  .in-ab-l .txt{width: 100%;height: auto;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;}
.in-ab  .in-ab-l .txt p{font-size: 18px;color: #000;}
.in-ab .in-ab-l .txt p a{color: #000;}
.in-ab .in-ab-l .views{color: #000000;margin-top: 18%;}
.in-ab-line{width: 95%;float: right;border: 1px solid #aeaeae;}
.in-ab-r{width: 65%; float: right;height: auto; font-size: 0; padding-left:5%;}
.in-ab-r li{transition: all 0.5s ease; width: 33.33%;height: 350px;z-index: 0; display: inline-block;vertical-align: top; background: #d0d1d4;position: relative; text-align: center;}
.in-ab-r li:nth-child(2n){background: #e7e8e9;}
.in-ab-r li:nth-child(1){background: #FFFFFF;}
.in-ab-r li:before{content: "";width: 0;height: 0; left: 0;position: absolute;top: 50%;left: 50%;background: #151927;  box-shadow: 0 10px 20px rgba(0,0,0,0.3); transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);}
.in-ab-r li .con{z-index: 5; position: absolute; width: 100%;height: auto;top: 50%;padding: 0 5%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.in-ab-r li .con h6{color: #000000;font-size: 45px;}
.in-ab-r li .con h6 span{color: #000000;font-size: 70px;}
.in-ab-r li .con .line{width: 40px;height:4px;background: #FF6600;margin: 15px auto; display: block;}
.in-ab-r li .con p{font-size: 24px;color: #000000;font-family:"BNB";}
.in-ab-r li:hover{ color: #FFFFFF;}
.in-ab-r li:hover:before{z-index:3;width:100%; height:100%;transition: all 0.5s ease;transition-delay: 0.1s;}
.in-ab-r li:hover h6{color: #FFFFFF;transition: all 0.5s ease;transition-delay: 0.2s;}
.in-ab-r li:hover h6 span{color: #FFFFFF;transition: all 0.5s ease;transition-delay: 0.2s;}
.in-ab-r li:hover p{color: #FFFFFF;transition: all 0.5s ease;transition-delay: 0.2s;}
.in-ab-r li:nth-child(1):hover:before{display: none;}
@media only screen and (max-width:1600px) {
.in-ab-r li{height: 330px;}
.in-ab-r li .con h6{font-size: 40px;}
.in-ab-r li .con h6 span{font-size: 60px;}
.in-ab-r li .con .line{width: 35px;}
.in-ab-r li .con p{font-size: 22px;}
.in-ab  .in-ab-l .txt p{font-size: 16px;}
}
@media only screen and (max-width:1400px) {
.in-ab-r li{height: 300px;}
.in-ab-r li .con h6{font-size: 36px;}
.in-ab-r li .con h6 span{font-size:55px;}
.in-ab-r li .con .line{width: 30px;height: 3px;}
.in-ab-r li .con p{font-size: 20px;}
.in-ab  .in-ab-l .txt p{font-size: 15px;}	
}
@media only screen and (max-width:1200px) {
.in-ab-r li{height:240px;}
.in-ab-r li .con h6{font-size: 30px;}
.in-ab-r li .con h6 span{font-size:45px;}
.in-ab-r li .con p{font-size: 16px;}		
}
@media only screen and (max-width:1024px) {
.in-ab-r li{height:200px;}
.in-ab-r li .con h6{font-size:24px;}
.in-ab-r li .con .line{width: 25px;height: 2px;}
.in-ab-r li .con h6 span{font-size:40px;}
.in-ab-r li .con p{font-size: 15px;}	
.in-ab  .in-ab-l .txt p{font-size: 14px;}
}
@media only screen and (max-width:720px) {
.in-ab-r li{height:130px;}
.in-ab  .in-ab-l .txt{width: 100%;-webkit-line-clamp: 4;height: 84px;}
.in-ab  .in-ab-l .txt  p{font-size: 14px;}
.in-ab-r li .con h6{font-size:20px;line-height: 1;}
.in-ab-r li .con .line{width: 20px;height: 2px;margin: 10px auto;}
.in-ab-r li .con h6 span{font-size:28px;}
.in-ab-r li .con p{font-size: 12px;}	
.in-ab  .in-ab-l{width: 100%;height: auto;position:static;padding: 5% 0 0 5%;}
.in-ab .in-ab-l .views{margin-top: 35px;}
.in-ab .in-ab-r{margin-top: 40px; width: 100%;height: auto;padding-left: 0;}
.in-ab .bks{width: 100%;}
.in-ab-line{width: 90%;height: auto;margin: 0 auto;float: none;border: 1px solid #dfdfdf;}
}










.in-news{width: 100%;height: auto;background: #151927;}
.in-news .in-news-top{width:100%;height: auto;position: relative;} 
.in-news .in-news-top .title{float: left;}
.in-news .in-news-top  .title h2{color: #FFFFFF;}


.in-news .in-news-top .swiper-button-next{right:0;background: none;left: auto;}
.in-news .in-news-top .swiper-button-next:before{background: url(../img/next.svg) center no-repeat;content: "";position: absolute;width: 100%;height: 100%;z-index: 0;}
.in-news .in-news-top .swiper-button-next:after{z-index: -20 !important;position: absolute;content: "";right: 0;top:0;width: 25px;height: 25px;background: #FF6600;}
.in-news .in-news-top .swiper-button-prev{left:auto;right:75px;background: none;}
.in-news .in-news-top .swiper-button-prev:before{background: url(../img/prev.svg) center no-repeat;content: "";position: absolute;width: 100%;height: 100%;z-index: 0;}
.in-news .in-news-top .swiper-button-prev:after{z-index: -20 !important;position: absolute;content: "";left: 0;top:0;width: 25px;height: 25px;background: #FF6600;}

.in-news .in-news-top .swiper-button-prev.swiper-button-disabled{opacity:1;}
.in-news .in-news-top .swiper-button-prev.swiper-button-disabled:after{display: none;}

.in-news .in-news-top .swiper-button-next.swiper-button-disabled{opacity:1;}
.in-news .in-news-top .swiper-button-next.swiper-button-disabled:after{display: none;}

.in-news .in-news-top .swiper-button-next,.in-news .in-news-top .swiper-button-prev {
    position: absolute;
    top: 80%;
    width: 50px;
    height: 25px;
    margin-top: -12.5px;
    z-index: 10 !important;
    cursor: pointer;
    background-size: 50px 25px;
    background-position: center;
    background-repeat: no-repeat;
}
.in-news .in-news-c{width: 100%;height: auto;}
.in-news .in-news-c .in-news-js{width: 100%;height: auto;}
.in-news .in-news-c .in-news-js a{border-bottom: 1px solid rgba(255,255,255,0.4);padding-bottom: 35px;  display: block;width: 100%;height: auto;}
.in-news .in-news-c .in-news-js a .time{letter-spacing: 1px; color: #FFFFFF;font-family: "BNB";font-size: 20px;margin-bottom: 20px;}
.in-news .in-news-c .in-news-js a h5{letter-spacing: 1px; color: #FFFFFF;font-size: 30px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;}
.in-news .in-news-c .in-news-js a .txt{ margin-top: 20px; margin-bottom:25px;height:81px; width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3; }
.in-news .in-news-c .in-news-js a .txt p{color: #FFFFFF;font-size: 18px;}
.in-news .in-news-c .in-news-js a .view{font-size: 20px;color: #FF6600;font-family: "BNB";}
.in-news .in-news-c .in-news-js a:hover h5{color: #FF6600;transition: all 0.5s ease;}
@media only screen and (max-width:1600px) {
	.in-news .in-news-c .in-news-js a{padding-bottom: 30px;}
	.in-news .in-news-c .in-news-js a .time{font-size: 18px;margin-bottom: 20px;}
	.in-news .in-news-c .in-news-js a h5{font-size: 28px;}
	.in-news .in-news-c .in-news-js a .txt{margin-top: 20px;margin-bottom: 25px;height:72px;}
	.in-news .in-news-c .in-news-js a .txt p{font-size:16px;}
	.in-news .in-news-c .in-news-js a .view{font-size: 18px;}
}
@media only screen and (max-width: 1400px) {
		.in-news .in-news-c .in-news-js a{padding-bottom:25px;}
	.in-news .in-news-c .in-news-js a .time{font-size: 16px;margin-bottom:15px;}
	.in-news .in-news-c .in-news-js a h5{font-size: 24px;}
	.in-news .in-news-c .in-news-js a .txt{height:72px; margin-top:15px;margin-bottom: 20px;}
	.in-news .in-news-c .in-news-js a .view{font-size: 16px;}
	
.in-news .in-news-top .swiper-button-next,.in-news .in-news-top .swiper-button-prev {
    width: 46px;
    height: 23px;
    margin-top: -11.5px;
    background-size:46px 23px;
}
.in-news .in-news-top .swiper-button-next{right:0;}
.in-news .in-news-top .swiper-button-next:after{width:23px;height: 23px;}
.in-news .in-news-top .swiper-button-prev{right:60px;}
.in-news .in-news-top .swiper-button-prev:after{width:23px;height: 23px;}

}
@media only screen and (max-width: 1200px) {
		.in-news .in-news-c .in-news-js a{padding-bottom:20px;}
	.in-news .in-news-c .in-news-js a .time{font-size: 16px;margin-bottom:15px;}
	.in-news .in-news-c .in-news-js a h5{font-size: 20px;}
	.in-news .in-news-c .in-news-js a .txt{ margin-top:15px;margin-bottom: 20px;height: 66px;}
	.in-news .in-news-c .in-news-js a .txt p{font-size: 15px;}
	.in-news .in-news-c .in-news-js a .view{font-size: 16px;}
}
@media only screen and (max-width: 1024px) {
	.in-news .in-news-c .in-news-js a .txt{margin-top: 10px;margin-bottom: 15px;height: 63px;}
	.in-news .in-news-c .in-news-js a .txt p{font-size: 14px;}
}
@media only screen and (max-width: 720px) {
	.in-news .in-news-c .in-news-js a h5{font-size: 18px;-webkit-line-clamp: 1;}
	.in-news .in-news-top{width: 100%;height: auto;padding-bottom: 40px;}
	.in-news .in-news-top .swiper-button-next,.in-news .in-news-top .swiper-button-prev {
		bottom: 0;
		top: auto;
    width: 40px;
    height: 20px;
    margin-top: -11.5px;
    background-size:40px 20px;
}
.in-news .in-news-top .swiper-button-next{right:0;}
.in-news .in-news-top .swiper-button-next:after{width:20px;height: 20px;}
.in-news .in-news-top .swiper-button-prev{right:50px;}
.in-news .in-news-top .swiper-button-prev:after{width:20px;height: 20px;}
	
}


.team{width: 100%;height: auto;background: #e8e7e7;}
.team .team-l{float: left;padding-bottom: 30px;  width: 35%;height: auto;}
.team .team-l  .title h2 span{display: block;}
.team .team-l .text{width: 100%;height: auto;}
.team .team-l .text p{color: #666;font-size: 18px;} 
.team .team-l .text p a{color: #666;}
.team .team-c .team-pn{position: absolute;left: 0;bottom: 0;height: 30px; width: 35%;margin-top: 6%;}
.team .team-c{position:relative}

.team .team-c .team-pn .swiper-button-next{left:calc(0% + 75px);background: none;right: auto;}
.team .team-c .team-pn .swiper-button-next:before{background: url(../img/next1.svg) center no-repeat;content: "";position: absolute;width: 100%;height: 100%;z-index: 0;}
.team .team-c .team-pn .swiper-button-next:after{z-index: -20 !important;position: absolute;content: "";right: 0;top:0;width: 25px;height: 25px;background: #FF6600;}
.team .team-c .team-pn .swiper-button-prev{left: 0;right: auto;background: none;}
.team .team-c .team-pn .swiper-button-prev:before{background: url(../img/prev1.svg) center no-repeat;content: "";position: absolute;width: 100%;height: 100%;z-index: 0;}
.team .team-c .team-pn .swiper-button-prev:after{z-index: -20 !important;position: absolute;content: "";left: 0;top:0;width:25px;height:25px;background: #FF6600;}

.team .team-c .team-pn .swiper-button-prev.swiper-button-disabled{opacity:1;}
.team .team-c .team-pn .swiper-button-prev.swiper-button-disabled:after{display: none;}

.team .team-c .team-pn .swiper-button-next.swiper-button-disabled{opacity:1;}
.team .team-c .team-pn .swiper-button-next.swiper-button-disabled:after{display: none;}
.team .team-c .team-pn .swiper-button-next,.team .team-c .team-pn .swiper-button-prev {
    position: absolute;
    top: auto;
    bottom: 0;
    width: 50px;
    height: 25px;
    margin-top: 0px;
    z-index: 10 !important;
    cursor: pointer;
    background-size:50px 25px;
    background-position: center;
    background-repeat: no-repeat;
}

.team .team-r{width: 65%;padding-left: 5%;height: auto;float: right;}
.team .team-r .team-js{width: 100%;height: auto;}
.team .team-r .team-js .pic{overflow: hidden; position: relative; width: 100%;height: auto;}
.team .team-r .team-js .pic img{display: block;width: 100%;height: auto;}
.team .team-r .team-js .bks{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size:cover;background-repeat: no-repeat;background-position: center;}
.team .team-r .team-js .pic .con{text-align: center; position: absolute;left: 0;bottom: 0;height: auto;padding: 0 10% 45px 10%;width: 100%;}
.team .team-r .team-js .pic .con h6{margin-bottom: 10px;  color: #FFFFFF;font-size:30px;color: #FFFFFF}
.team .team-r .team-js .pic .con p{font-size: 18px;color: rgba(255,255,255,0.8);font-family: arial;font-weight: normal;line-height: 1;}
.team .team-r .team-js .pic:hover img{transform: scale(1.05);transition: all 0.5s ease;}

@media only screen and (max-width:1600px) {
	.team .team-r .team-js .pic .con h6{font-size: 28px;}
	.team .team-r .team-js .pic .con p{font-size: 16px;}
}
@media only screen and (max-width:1400px) {
.team .team-c .team-pn .swiper-button-next,.team .team-c .team-pn .swiper-button-prev {
    width: 46px;
    height: 23px;
    margin-top: -11.5px;
    background-size:46px 23px;
}
.team .team-r .team-js .pic .con{padding: 0 10% 40px 10%;}
	.team .team-r .team-js .pic .con h6{font-size: 24px;}
	.team .team-r .team-js .pic .con p{font-size: 16px;}
.team .team-c .team-pn .swiper-button-next{right:0;}
.team .team-c .team-pn .swiper-button-next:after{width:23px;height: 23px;}
.team .team-c .team-pn .swiper-button-prev{right:60px;}
.team .team-c .team-pn .swiper-button-prev:after{width:23px;height: 23px;}
}
@media only screen and (max-width:1200px) {
		.team .team-r .team-js .pic .con h6{font-size: 20px;}
	.team .team-r .team-js .pic .con p{font-size: 16px;}
	.team .team-r .team-js .pic .con{padding: 0 10% 35px 10%;}
}
@media only screen and (max-width:1024px) {
	.team .team-l  .title h2 span{display: inline-block;}
			.team .team-r .team-js .pic .con h6{font-size: 18px;}
	.team .team-r .team-js .pic .con p{font-size: 14px;}
	
	.team .team-r .team-js .pic .con{padding: 0 5% 30px 5%;}
}
@media only screen and (max-width:720px) {
.team .team-l{width: 100%;height: auto;padding: 0;}
.team .team-l  .title h2 span{display: inline-block;}
.team .team-l .text{width: 100%;height: auto;}
.team .team-l .text p{font-size: 14px;}
	.team .team-r .team-js .pic .con{padding: 0 5% 25px 5%;}
.team .team-r{width: 100%;padding-left: 0;margin-top: 35px;}	
.team .team-l{position: relative;padding-bottom: 35px;}
.team .team-c .team-pn{top:auto;bottom:0;right: 0;left: auto;margin-top: 0;}
.team .team-c .team-pn .swiper-button-next,.team .team-c .team-pn .swiper-button-prev {
	bottom:0;
	top: auto;
    width: 40px;
    height: 20px;
    margin-top: -11.5px;
    background-size:40px 20px;
}

.team .team-c .team-pn .swiper-button-next{right:0px;left: auto;}
.team .team-c .team-pn .swiper-button-next:after{width:20px;height: 20px;}
.team .team-c .team-pn .swiper-button-prev{right:50px;left: auto;}
.team .team-c .team-pn .swiper-button-prev:after{width:20px;height: 20px;}
	
}


.footer{width: 100%;height: auto;background: #151927;padding: 70px 0;color: #FFFFFF;}
.footer .long-form{padding-left: 10%; width: 50%;float: right;height: auto;padding-top: 10px;}
.footer .long-form .title h2{line-height: 1; color: #FFFFFF;}
.footer form{width: 100%;height: auto;overflow: hidden;font-size: 0; margin-top: 40px;display: block;}
.footer form .c1{width: calc(50% - 15px); display: inline-block; margin-right: 30px;height: 50px; background: none;border:none;border-bottom: 1px solid rgba(255,255,255,0.2);color: #FFFFFF;font-size: 16px;}
.footer form .c1:nth-child(2n){margin-right: 0;}
.footer form .yzm-box{display: block; width: 100%;height: 50px;position: relative; border-bottom: 1px solid rgba(255,255,255,0.2);}
.footer form .yzm-box span.yzm-pic{display: block; width: 95px;height: auto;position: absolute;top:8px;right: 0;background:rgba(255,255,255,0.4);}
.footer form .yzm-box .c1{width:calc(100% - 95px); border-bottom: none;margin-right: 0;}
.footer form .yzm-box span.yzm-pic img{display: block;width: 100%;height: auto;}



.footer form .c2{width:100%;margin-right: 30px;height:100px;padding-top: 15px; background: none;border:none;border-bottom: 1px solid rgba(255,255,255,0.2);color: #FFFFFF;font-size: 16px;}
.footer form .send{width: 100%;height: 50px;background: #111321;margin-top: 20px; border: none;color: #FFFFFF;font-size:16px;font-weight: bolder;}
.footer .footer-l{padding-right: 10%; width: 50%;float: left;}
.footer .footer-l .share-link{font-size: 0; width: 100%;height: auto;margin-top:30%;}
.footer .footer-l .share-link a{display:inline-block;height: 30px;margin-right:5%;}
.footer .footer-l .share-link a img{display: block;width: auto;height:100%;}
.footer .footer-l .pricy{width: 100%;height:auto;font-family: arial;margin-top: 20px;}
.footer .footer-l .pricy p{color:#FFFFFF;font-size: 18px;}
.footer .footer-l .pricy p a{color: #FFFFFF;}

.footer .footer-l .hello{color: #FFFFFF;text-transform:capitalize;padding-top: 5%;}
.footer .footer-l .hello .hello-js{width: 100%;height: 145px; line-height:1;}
.footer .footer-l .hello .hello-js p{line-height: 1;line-height: 145px;font-size: 180px; width: 100%;height: auto;font-family:arial;font-weight: bold;}
.footer .footer-l .hello .hello-js p.tsize1{font-size: 100px;}
.footer .footer-l .hello .hello-js p.tsize2{font-size: 160px;}
.footer .footer-l .hello .hello-js p.tsize3{font-size: 150px;}
.footer .footer-l .hello .hello-js p.tsize4{font-size: 140px;}


.return-top{border: none; width:40px;height: 40px; display: none; padding: 12px;z-index: 999; height: auto;background:rgb(255,255,255,0.05); position: fixed;bottom: 6%;right: 3%;}
.return-top img{display: block;width: 100%;height: auto;}
.return-top .img2{display: none;}
.return-top:hover{background: #FFFFFF;}
.return-top:hover .img1{display: none;}
.return-top:hover .img2{display: inherit;}
@media only screen and (max-width:1600px) {
	.footer{padding: 65px 0;}
	.footer .footer-l .hello .hello-js{height: 145px;}
	.footer .footer-l .hello .hello-js p{font-size: 145px;line-height:145px;}
	.footer .footer-l .hello .hello-js p.tsize1{font-size: 80px;}
.footer .footer-l .hello .hello-js p.tsize2{font-size: 140px;}
.footer .footer-l .hello .hello-js p.tsize3{font-size: 120px;}
.footer .footer-l .hello .hello-js p.tsize4{font-size: 110px;}
.footer .footer-l .pricy p{font-size: 16px;}
.footer form{margin-top: 20px;}
.footer form .c1{height:45px;font-size: 16px;width: calc(50% - 15px);margin-right:30px;}
.footer form .yzm-box{height: 45px;}
.footer form .yzm-box span.yzm-pic{top: 5px;}
.footer form .yzm-box .c1{width: calc(100% - 100px);}
.footer form .c2{height: 100px;font-size: 16px;}
.footer form .send{height: 45px;font-size: 16px;font-weight: normal;margin-top: 15px;}



	
}
@media only screen and (max-width:1400px) {
	.footer{padding: 55px 0;}
	.footer .footer-l .hello .hello-js{height: 110px;}
.footer .footer-l .hello .hello-js p{font-size: 120px;line-height:110px;}
	.footer .footer-l .hello .hello-js p.tsize1{font-size: 70px;}
.footer .footer-l .hello .hello-js p.tsize2{font-size: 100px;}
.footer .footer-l .hello .hello-js p.tsize3{font-size: 90px;}
.footer .footer-l .hello .hello-js p.tsize4{font-size: 90px;}
}
@media only screen and (max-width:1200px) {
	.footer{padding: 50px 0;}
	.footer .footer-l .hello .hello-js{height: 110px;}
.footer .footer-l .hello .hello-js p{font-size: 100px;line-height:100px;}
.footer .footer-l .hello .hello-js p.tsize1{font-size: 60px;}
.footer .footer-l .hello .hello-js p.tsize2{font-size: 90px;}
.footer .footer-l .hello .hello-js p.tsize3{font-size: 80px;}
.footer .footer-l .hello .hello-js p.tsize4{font-size: 80px;}
.footer .footer-l .pricy p{font-size: 16px;}
.footer form{margin-top: 20px;}
.footer form .c1{height:45px;font-size: 16px;width: calc(50% - 10px);margin-right:20px;}
.footer form .c2{height: 80px;font-size: 16px;}
.footer form .send{height: 45px;font-size: 16px;font-weight: normal;margin-top: 15px;}
}

@media only screen and (max-width:1024px) {
	.footer{padding:45px 0;}
	.footer .footer-l .hello .hello-js{height: 80px;}
	.footer .footer-l .hello .hello-js p{font-size: 80px;line-height:80px;}
.footer .footer-l .hello .hello-js p.tsize1{font-size: 50px;}
.footer .footer-l .hello .hello-js p.tsize2{font-size: 70px;}
.footer .footer-l .hello .hello-js p.tsize3{font-size: 70px;}
.footer .footer-l .hello .hello-js p.tsize4{font-size: 70px;}
.footer .footer-l .share-link a{height: 25px;margin-right: 10px;}
.footer .footer-l .pricy p{font-size: 15px;}
.footer .footer-l{padding-right: 6%;}
.footer .long-form{padding-left: 6%;}
.footer .footer-l .pricy{margin-top: 20px;}
.footer .footer-l .pricy p{font-size: 15px;}
.footer form{margin-top: 20px;}
.footer form .c1{height:40px;font-size: 15px;width: calc(50% - 10px);margin-right:20px;}
.footer form .yzm-box{height: 40px;}
.footer form .yzm-box span.yzm-pic{top:5px;}
.footer form .c2{height: 80px;font-size: 15px;}
.footer form .send{height: 40px;font-size: 15px;font-weight: normal;margin-top: 15px;}

}



@media only screen and (max-width:720px) {
	.return-top{width: 30px;height: 30px;}
		.footer{padding:40px 0;}
		.footer .footer-l{width: 100%;height: auto;padding: 0;}
		.footer .footer-l .hello .hello-js{height: 60px;}
				.footer .footer-l .share-link{margin-top: 35px;}
		.footer .footer-l .share-link a {height: 20px;margin-right: 10px;}
	.footer .footer-l .hello .hello-js p{font-size: 65px;line-height: 60px;}
.footer .footer-l .hello .hello-js p.tsize1{font-size: 45px;}
.footer .footer-l .hello .hello-js p.tsize2{font-size: 55px;}
.footer .footer-l .hello .hello-js p.tsize3{font-size: 55px;}
.footer .footer-l .hello .hello-js p.tsize4{font-size: 55px;}
.footer .long-form{margin-top: 35px; width: 100%;padding: 0;}
.footer .footer-l .pricy{margin-top: 15px;}
.footer .footer-l .pricy p{font-size: 14px;}
.footer form{margin-top: 15px;}
.footer form .c1{height:35px;font-size: 14px;width: calc(50% - 5px);margin-right: 10px;}
.footer form .yzm-box{height:auto;margin-top: 5px;padding-bottom: 5px; }
.footer form .yzm-box span.yzm-pic{top:3px;height:auto;width:90px;}
.footer form .yzm-box .c1{width: calc(100% - 90px);}
.footer form .c2{height: 65px;font-size: 14px;}
.footer form .send{height: 35px;font-size: 14px;font-weight: normal;margin-top: 15px;}
}





.bread{width: 100%;height: auto;font-size:22px;color: #000000;}
.bread a{display: inline-block;color: #000000;font-family: "BNB";padding: 2px  10px 0 10px;line-height:1;}
.bread a:first-child{padding-left: 35px;background:url(../img/home.svg)  left top no-repeat;background-size: 20px 20px;}
.bread a:hover{color:#FF6600}


.in-banner{position: relative; width: 100%;height: auto;}
.in-banner img{display:block;width: 100%;height: auto;}
.in-banner .title{position: absolute;top:50%;width: 100%; left: 0;padding: 0 5%;text-align: center;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.in-banner .title h1{color: #FFFFFF;}
.contact-box{width: 100%;z-index: 0; height: auto;height: auto;position: relative;}
.contact-box:after{z-index: -1;content: "";position: absolute;right: 0;top: 0;background: #fafafa;width: 60%;height: 100%;}
.contact{width: 100%;height: auto;}
.contact .cont-l{width: 40%;padding-right: 5%;float: left;}
.contact .cont-l .tl{color: #000;font-size:28px;font-family: arial;font-weight: bold;margin-top: 50px;line-height: 1;}
.contact .cont-l .txt{width: 100%;padding-right:20%; height: auto;margin-top:15px;margin-bottom: 45px;}
.contact .cont-l .txt p{color: #888888;font-size: 18px;}
.contact .cont-l .tel{display: inline-block;padding:0 20px;line-height:55px;background: #151927;}
.contact .cont-l .tel span{display: inline-block;color: #FFFFFF; padding-left: 30px;font-size: 24px;font-family: "BNB";padding-left:30px;background:url(../img/tel.svg)left center no-repeat;background-size: 24px 24px;}

.contact .question{width: 60%;padding-left: 5%;float: right;}
.contact .question .quest{width: 100%;height: auto;border-top:3px solid #000000;}
.contact .question .quest ul{width: 100%;height: auto;padding-top: 25px;}
.contact .question .quest ul li{position: relative; padding:0px 0 40px 50px;margin-top: 40px;  width: 100%;height: auto;border-bottom: 1px solid #cdcdcd;}
.contact .question .quest ul li .itl{font-size:28px;color: #000000;line-height: 1;font-weight: bolder;}
.contact .question .quest ul li .con{border-left: 1px solid #FF6600;padding-left: 5%; height: 0;overflow: hidden;}
.contact .question .quest ul li .con p{font-size: 18px;color: #999999;}
.contact .question .quest ul li .con p a{color: #999;}
.contact .question .quest ul li span{display: block;width: 18px;height: 18px;top: 4px;position: absolute;left: 0;}
.contact .question .quest ul li span:before{content: "";position: absolute;left: 0;top: 7px; width:18px;height: 4px; background: #FF6600;}
.contact .question .quest ul li span:after{content: "";position: absolute;left:7px;top: 0; width: 4px;height: 18px;background: #FF6600;}
.contact .question .quest ul li.cut span:after{display: none;}
.contact .question .quest ul li.cut .con{height: auto;margin-top: 40px;transition: all 0.5s ease;}
@media only screen and (max-width:1600px) {
	.contact .cont-l .tl{font-size: 26px;margin-top: 40px;}
	.contact .cont-l .txt p{font-size: 16px;}
	.contact .question .quest ul li{padding: 0px 0 30px 40px;margin-top: 30px;}
	.contact .question .quest ul li .itl{font-size: 26px;}
	.contact .question .quest ul li .con p{font-size: 16px;}
	.contact .question .quest ul li span{width: 16px;height: 16px;}
		.contact .question .quest ul li span:before{width: 16px;height: 4px;top: 6px;}
			.contact .question .quest ul li span:after{width: 4px;height: 16px;left: 6px;}
			.contact .cont-l .tel{line-height: 50px;}
			.contact .cont-l .tel span{font-size: 22px;}
			.contact .question .quest ul li.cut .con{margin-top: 35px;}
			.bread{font-size: 20px;}
			.bread a:first-child{padding-left: 30px;background-size: 18px 18px;}
	
}
@media only screen and (max-width:1400px) {
	.bread{font-size: 18px;}
	.bread a{padding: 2px  8px 0 8px;}
	.bread a:first-child{padding-left: 28px;background-size: 18px 18px;}
	.contact .cont-l .tl{font-size: 24px;}
	.contact .cont-l .txt{margin-bottom: 40px;}
	.contact .cont-l .txt p{font-size: 16px;}
	.contact .question .quest ul li{padding: 0px 0 25px 35px;margin-top: 25px;}
	.contact .question .quest ul li .itl{font-size: 24px;}
	.contact .question .quest ul li .con p{font-size: 16px;}
	.contact .question .quest ul li span{width: 13px;height: 13px;}
	.contact .question .quest ul li span:before{width: 13px;height: 3px;top: 5px;}
	.contact .question .quest ul li span:after{width: 3px;height: 13px;left: 5px;}
	.contact .cont-l .tel{line-height:48px;}
			.contact .cont-l .tel span{font-size: 20px;}
			.contact .question .quest ul li.cut .con{margin-top: 30px;}
}

@media only screen and (max-width:1200px) {
	.bread{font-size: 16px;}
		.bread a{padding: 2px  5px 0 5px;}
	.bread a:first-child{padding-left: 24px;background-size: 15px 15px;}
		.contact .cont-l .tl{font-size: 20px;margin-top: 35px;}
		.contact .cont-l .txt{margin-bottom: 35px;}
	.contact .cont-l .txt p{font-size: 16px;}
	.contact .question .quest ul li{padding: 0px 0 20px 25px;margin-top: 20px;}
	.contact .question .quest ul li .itl{font-size: 20px;}
	.contact .question .quest ul li .con p{font-size: 16px;}
	.contact .question .quest ul li span{width: 11px;height: 11px;}
	.contact .question .quest ul li span:before{width: 11px;height: 3px;top: 4px;}
	.contact .question .quest ul li span:after{width: 3px;height: 11px;left: 4px;}
		.contact .cont-l .tel{line-height:45px;}
			.contact .cont-l .tel span{font-size: 18px;}
			.contact .question .quest{border-top: 2px solid #000000;}
			.contact .question .quest ul li.cut .con{margin-top:25px;}
}

@media only screen and (max-width:1024px) {
	.bread{font-size: 15px;}
		.bread a{padding: 2px  3px 0 3px;}
	.bread a:first-child{padding-left: 24px;background-size: 15px 15px;}
		.contact .cont-l .tl{font-size:18px;margin-top: 30px;}
	.contact .cont-l .txt p{font-size: 15px;}
		.contact .cont-l .txt{margin-bottom: 25px;}
	.contact .question .quest ul li{padding: 0px 0 15px 20px;margin-top: 15px;}
	.contact .question .quest ul li .itl{font-size: 18px;}
	.contact .question .quest ul li .con p{font-size: 15px;}
	.contact .question .quest ul li span{width: 11px;height: 11px;}
	.contact .question .quest ul li span:before{width: 11px;height: 3px;top: 4px;}
	.contact .question .quest ul li span:after{width: 3px;height: 11px;left: 4px;}
	.contact .question .quest ul li.cut .con{margin-top: 15px;}
	.contact .cont-l .tel{line-height:40px;}
			.contact .cont-l .tel span{font-size: 16px;}
}
@media only screen and (max-width:720px) {
	.bread{font-size: 15px;}
	.contact .cont-l{width: 100%;height: auto;float: none;padding-right: 0;padding:0 5%;}
	.contact .question{width: 100%;height: auto;padding-left: 0; float: none;margin-top: 45px;background: #fafafa;padding: 45px 5%;}
	.contact-box:after{display: none;}
	.contact .cont-l .tel{line-height:35px;}
			.contact .cont-l .tel span{font-size: 15px;letter-spacing: 1px;}
			.contact .cont-l .tl{font-size:16px;margin-top: 30px;}
	.contact .cont-l .txt p{font-size: 14px;}
		.contact .cont-l .txt{margin-bottom: 25px;}
	.contact .question .quest ul li{padding: 0px 0 15px 20px;margin-top: 15px;}
	.contact .question .quest ul li .itl{font-size: 16px;}
	.contact .question .quest ul li .con p{font-size: 14px;}
	.contact .question .quest ul li span{width: 10px;height: 10px;}
	.contact .question .quest ul li span:before{width: 10px;height: 2px;top: 4px;}
	.contact .question .quest ul li span:after{width: 2px;height: 10px;left: 4px;}
	.contact .question .quest ul li.cut .con{margin-top: 15px;}
	.contact .w85{width: 100%;}
	.contact{padding-bottom: 0;}
}




.news-d{width: 100%;height: auto;overflow: hidden;}
.news-d .news-d-top{width: 100%;height: auto;}
.news-d .news-d-top .title{width: 100%;height: auto;}
.news-d .news-d-top .t-key{margin-top: 45px; width: 100%;height: auto;overflow: hidden;}
.news-d .news-d-top .t-key .time{font-size: 20px;font-family: "BNB"; color: #000000;display: inline-block;}
.news-d .news-d-top .t-key p{color: #000000;font-size: 20px; display: inline-block;padding-left: 5%;font-family: "BNB";}
.news-d .news-d-top .t-key p span{color: #ff6600;padding-left: 10px;}
.news-d .news-d-top .t-key p span:before{content:"-";color: #000000;padding-right: 10px;}
.news-d .news-d-con{ width: 100%;height: auto;padding: 50px 0; margin-top: 45px;margin-bottom: 45px; border-top: 1px solid #cdcdcd;background: #fafafa; border-bottom: 1px solid #cdcdcd;}
.news-d .news-d-con .txt{width: 100%;height: auto;overflow: hidden;}
.news-d .news-d-con .txt p{font-size: 18px;color: #666;}
.news-d .news-d-con .txt a{color: #666;}
.news-d .news-d-con .txt p{background: none !important;}
.news-d .news-d-con .txt img {
    padding: 45px 45px  45px 0 ;
    width: 40%;
    height: auto;
    display: block;
    float: left;}
.news-d .news-d-downs{width: 100%;height: auto;}
.news-d .news-d-downs .pn-l{width:calc(100% - 140px);float: left; height: auto;}
.news-d .news-d-downs .pn-l a{color: #000000;font-size: 20px;font-family:"BNB";letter-spacing: 1px; display: block;margin-bottom: 15px;}
.news-d .news-d-downs .pn-l a:hover{color: #FF6600;}
.news-d .news-d-downs .goback{width: 140px;text-align: center; line-height: 50px; background:#151927;color: #FFFFFF;display: block;float: right;}
.news-d .news-d-downs .goback span{display:inline-block;padding-right: 35px;font-size: 18px;font-weight: bolder; background: url(../img/menu.svg)center right no-repeat;background-size: 20px 20px;}
.news-d .news-d-downs .goback:hover{background: #FF6600;}

@media only screen and (max-width:1600px) {
	.news-d .news-d-top .t-key{margin-top: 40px;}
	.news-d .news-d-con .txt p{font-size: 17px;}
	.news-d .news-d-top .t-key .time{font-size: 18px;}
	.news-d .news-d-top .t-key p{font-size: 18px;}
	.news-d .news-d-con{padding: 45px 0;margin-top: 40px;margin-bottom: 40px;}
	.news-d .news-d-con .txt img{padding: 40px 40px 40px 0;}
	.news-d .news-d-downs .pn-l a{font-size: 18px;}
	
}
@media only screen and (max-width:1400px) {
	.news-d .news-d-con .txt p{font-size: 16px;}
		.news-d .news-d-top .t-key .time{font-size: 16px;}
.news-d .news-d-downs .pn-l a{font-size: 16px;}
	.news-d .news-d-top .t-key p{font-size: 16px;}
	.news-d .news-d-downs .goback span{font-size: 16px;}
	.news-d .news-d-downs .goback{line-height: 45px;}
	.news-d .news-d-con{padding: 40px 0;margin-top:35px;margin-bottom: 35px;}
	.news-d .news-d-con .txt img{padding: 35px 35px 35px 0;width:45%;}
		.news-d .news-d-top .t-key{margin-top: 35px;}
	
}
@media only screen and (max-width:1200px) {
	.news-d .news-d-con .txt p{font-size: 16px;}
	.news-d .news-d-downs .goback{line-height: 40px;}
	.news-d .news-d-downs .goback span{background-size: 18px 18px;}

}
@media only screen and (max-width:1024px) {
		.news-d .news-d-top .t-key{margin-top: 30px;}
		.news-d .news-d-con{padding: 35px 0;margin-top:30px;margin-bottom: 30px;}
		.news-d .news-d-con .txt p{font-size: 15px;}
		.news-d .news-d-top .t-key .time{font-size: 15px;}
.news-d .news-d-downs .pn-l a{font-size: 15px;margin-bottom: 10px;}
	.news-d .news-d-con .txt img{width: 100%;padding: 10px 0;}
	.news-d .news-d-top .t-key p{font-size: 15px;display:block;padding-left: 0;margin-top: 15px;width: 100%;}
	.news-d .news-d-downs .goback span{font-size: 15px;}
	.news-d .news-d-downs .pn-l{width: 100%;height: auto;float: none;}
	.news-d .news-d-downs .goback{float: none;margin-top:25px;}
}
@media only screen and (max-width: 720px) {	
.news-d .news-d-con .txt p{font-size: 14px;}
.news-d .news-d-top .t-key .time{font-size: 15px;}
.news-d .news-d-downs .pn-l a{font-size: 15px;margin-bottom:10px;}
.news-d .news-d-top .t-key p{font-size: 15px;}
.news-d .news-d-downs .goback span{font-size: 15px;background-size: 16px 16px;}
}

.case-d{width: 100%;height: auto;}
.case-d .title h2{text-align: center;}
.case-d .txt{width: 100%;height: auto;text-align: center;}
.case-d .txt p{color:#666666;font-size: 18px;}
.case-d .txt p img{max-width: 100%;height: auto;display:inline-block;}

.case-d .case-d-downs{width: 100%;height: auto;}
.case-d .case-d-downs .pn-l{width:calc(100% - 140px);float: left; height: auto;}
.case-d .case-d-downs .pn-l a{color: #000000;font-size: 20px;font-family:"BNB";letter-spacing: 1px; display: block;margin-bottom: 15px;}
.case-d .case-d-downs .pn-l a:hover{color: #FF6600;}
.case-d .case-d-downs .goback{width: 140px;text-align: center; line-height: 50px; background:#151927;color: #FFFFFF;display: block;float: right;}
.case-d .case-d-downs .goback span{display:inline-block;padding-right: 35px;font-size: 18px;font-weight: bolder; background: url(../img/menu.svg)center right no-repeat;background-size: 20px 20px;}
.case-d .case-d-downs .goback:hover{background: #FF6600;}

.case-d .jump-link{width: 100%;padding: 45px 0;margin: 45px 0;  background: #f3f3f3;}
.case-d .jump-link .txt{width: 100%;height: auto;text-align: center;}
.case-d .jump-link .txt p{font-size: 18px;color:#151927;}
.case-d .jump-link .link-an{width: 100%;height: auto;text-align: center;font-size: 0;margin-top: 30px;}
.case-d .jump-link .link-an a{border: 1px solid #151927;width: 180px; text-align: center;font-size: 18px; display: inline-block;margin: 0 20px;line-height: 48px;}
.case-d .jump-link .link-an a.cont{background: #151927;color: #FFFFFF;}
.case-d .jump-link .link-an a.cont:hover{background: #FF6600;border: 1px solid #FF6600;}
.case-d .jump-link .link-an a.prt{border: 1px solid #FF6600;color: #151927;}
.case-d .jump-link .link-an a.prt:hover{background:#FF6600;color: #FFFFFF;}

@media only screen and (max-width:1600px) {
.case-d .case-d-downs .pn-l a{font-size: 18px;}
.case-d .jump-link .txt p{font-size:16px;}
.case-d .txt p{font-size: 16px;}
}
@media only screen and (max-width:1400px) {
.case-d .case-d-downs .pn-l a{font-size: 16px;}
.case-d .case-d-downs .goback span{font-size: 16px;}
.case-d .case-d-downs .goback{line-height: 45px;}
.case-d .jump-link .link-an a{width: 160px;font-size: 16px;line-height: 45px;}
}
@media only screen and (max-width:1200px) {
.case-d .case-d-downs .goback{line-height: 40px;}
.case-d .jump-link .txt p{font-size:16px;}
.case-d .txt p{font-size: 16px;}
.case-d .jump-link .link-an a{width: 140px;font-size: 15px;line-height: 40px;}
}
@media only screen and (max-width:1024px) {
.case-d .case-d-downs .pn-l a{font-size: 15px;margin-bottom: 10px;}
.case-d .case-d-downs .goback span{font-size: 15px;}
.case-d .case-d-downs .pn-l{width: 100%;height: auto;float: none;}
.case-d .case-d-downs .goback{float: none;margin-top:25px;}
.case-d .jump-link .txt p{font-size:15px;}
.case-d .txt p{font-size: 15px;}
.case-d .jump-link .link-an a{width: 125px;margin: 0 5px; font-size: 14px;line-height:35px;}
}
@media only screen and (max-width: 720px) {	
.case-d .case-d-downs .pn-l a{font-size: 15px;margin-bottom:10px;}
.case-d .case-d-downs .goback span{font-size: 15px;}
.case-d .jump-link .txt p{font-size:14px;}
.case-d .txt p{font-size: 14px;}
}



.case{width: 100%;height:auto;position:relative;}
.case .downs-bks{display: none; width: 100%;height:450px;position: absolute;bottom: 0;left: 0;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 55%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(55%,#fff)); 
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,#fff 55%); 
background: -o-linear-gradient(top,rgba(255,255,255,0) 0%,#fff 55%); 
background: -ms-linear-gradient(top,rgba(255,255,255,0) 0%,#fff 55%); 
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,#fff 55%); 
}
.case  .title h2{text-align: center;}
.case .case-sort{width: 100%;margin-top: 40px; font-family: "BNB";font-size: 0;text-align: center;}
.case .case-sort a{font-size:28px;color: #999;display: inline-block;margin: 0 2%;}
.case .case-sort a.cut{color: #FF6600;}
.case .case-sort a:hover{color: #FF6600;}
.case .case-list{ width: 100%;height: auto;}
.case .case-list ul{width: 100%;height: auto;}
.case .case-list ul li{ list-style-type: none; margin-bottom:80px; width: 100%;height: auto;position: relative;}
.case .case-list ul li .pic{width: 70%;position: absolute;top: 0;right: 0;height:100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.case .case-list ul li .con{width: 30%;padding: 5% 5% 5% 50px; height: auto;border: 1px solid #CDCDCD;border-right:none;}
.case .case-list ul li .con h6{font-size: 30px;color: #000000;}
.case .case-list ul li .con .txt{ width: 100%;height:162px;margin-top: 35px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;}
.case .case-list ul li .con .txt p{color: #666;font-size: 18px;}
.case .case-list ul li .con .views{color: #000000;padding-top: 10%;}
.case .case-list ul li:nth-child(2n) .con{padding: 5% 50px 5% 5%; float: right;border: 1px solid #cdcdcd;border-left: none;}
.case .case-list ul li:nth-child(2n)  .pic{position: absolute;left: 0;top: 0;}
.case .case-list ul li:hover .con h6{color: #FFFFFF;}
.case .case-list ul li:hover .txt p{color: #FFFFFF;}
.case .case-list ul li:hover .views{color: #FFFFFF;}
.case .case-list ul li:hover .con{background: #151927;}
.case .case-list ul li .con .views b .img2{display:none;}
.case .case-list ul li:hover .con .views b .img2{display:inherit;}
.case .case-list ul li:hover .con .views b .img1{display: none;}

@media only screen and (max-width:1600px) {
	.case .case-sort a{font-size: 26px;}
	.case .case-list ul li .con h6{font-size: 26px;}
	.case .case-list ul li{margin-bottom: 70px;}
	.case .case-list ul li .con .txt{height: 144px; margin-top: 35px;}
	.case .case-list ul li .con .txt p{font-size: 16px;}
	.case .case-list ul li .con{padding: 5% 5% 5% 45px;}
}
@media only screen and (max-width:1400px) {
	
	.case .case-sort a{font-size: 24px;}
	.case .case-list ul li .con h6{font-size: 24px;}
	.case .case-list ul li{margin-bottom: 60px;}
	.case .case-list ul li .con{padding: 5% 5% 5% 40px;}
}
@media only screen and (max-width:1200px) {
	.case .case-sort a{font-size: 20px;}
	.case .case-list ul li .con .txt{margin-top: 30px;}
	.case .case-list ul li{margin-bottom: 50px;}
.case .case-list ul li .con{padding: 5% 5% 5% 35px;}
.case .case-list ul li .con .txt p{font-size: 16px;}
.case .case-list ul li .con h6{font-size: 20px;}
}
@media only screen and (max-width:1024px) {
	.case .case-list ul li .con{width: 35%;}
	.case .case-list ul li .pic{width: 65%;}
	.case .case-sort a{font-size:18px;}
	.case .case-list ul li .con h6{font-size: 18px;}
	.case .case-list ul li .con .txt{height: 88px; margin-top: 20px; -webkit-line-clamp: 4;}
	.case .case-list ul li{margin-bottom: 40px;}
	.case .case-list ul li .con{padding: 5% 5% 5% 30px;}
	.case .case-list ul li .con .txt p{font-size: 15px;}
}
@media only screen and (max-width:720px) {
	.case .case-sort a{font-size:16px;}
.case .case-list ul li{margin-bottom: 35px;}
.case .case-list ul li .con .txt{height: 42px; margin-top: 20px; -webkit-line-clamp: 2;}
.case .case-list ul li .con .txt p{font-size: 14px;}
.case .case-list ul li .con{padding:30px 5%; width:100%;border: 1px solid #cdcdcd;border-top: none;}
.case .case-list ul li .pic{width:100%;position: static;height: 180px;}
.case .case-list ul li:nth-child(2n) .con{padding:30px 5%; border: 1px solid #cdcdcd;border-top: none; float: none; width:100%;}
.case .case-list ul li:nth-child(2n) .pic{width:100%;position: static;height:180px;}
.case .case-list ul li .con .views{padding-top:0px;}
}


.about-box{background: #151927; width: 100%;height: auto;}
.about-box .bread{color: #FFFFFF;}
.about-box .bread a{color: #FFFFFF;}
.about-box .bread a:first-child{background:url(../img/homes.svg)center left no-repeat;}
.about .title h2{color: #FFFFFF;text-align: center;}
.about .txt{width: 100%;height: auto;text-align: center;}
.about .txt p{color: #FFFFFF;font-size: 18px;}
.about .txt p a{color: #fff;}

.data-box{position:relative; width: 100%;height: auto;z-index: 0;}
.data-box .bks1{height: 100%;position: absolute;top: 0;left: 0;width: 100%;z-index: -2; background-attachment: fixed;background-position: center;background-repeat: no-repeat;}
.data-box .bks2{height: 100%;position: absolute;width: 100%;top: 0;left: 0;z-index: -1;}
.data-box .title h2{color: #FFFFFF;text-align: center;}
.data-box .num-list{width: 100%;height: auto;font-size: 0;text-align: center;}
.data-box .num-list li{position: relative; vertical-align: top; display: inline-block;text-align: center;padding: 0 4.5%;}
.data-box .num-list li:before{content: "";position: absolute;right: 0;width:1px;height: 55%;top: 22.5%;background: rgba(255,255,255,0.2);}
.data-box .num-list li:last-child:before{display: none;}
.data-box .num-list li  h6{color: #FFFFFF;font-size: 40px;}
.data-box .num-list li  h6 span{color: #FFFFFF;font-size:70px;}
.data-box .num-list li  .line{width: 40px;height:4px;background: #FF6600;margin: 15px auto; display: block;}
.data-box .num-list li  p{font-size:18px;color: #FFFFFF;font-family:"BNB";}


.culture{width: 100%;height: auto;}
.culture .w85{padding-bottom: 10%;}
.culture .title h2{text-align: center;}
.culture .summy{width: 100%;height: auto;margin-top:35px;text-align: center;padding-bottom: 8%;}
.culture .summy p{font-size: 18px;color: #000000;}
.culture .summy p a{color: #000;}
.culture .culture-con{width: 100%;height: auto;position: relative;}
.culture .culture-con img{display: block;width: 100%;height: auto;}
.culture .culture-con  .logo-c{position:absolute;top: 50%;left: 50%; width: 340px;height: auto;transform: translateY(-50%)translateX(-50%);-webkit-transform: translateY(-50%)translateX(-50%);-moz-transform: translateY(-50%)translateX(-50%);-ms-transform: translateY(-50%)translateX(-50%);-o-transform: translateY(-50%)translateX(-50%);}
.culture .culture-con  .logo-c  .logo{display: block;width: 100%; height: auto;}
.culture .culture-con  .logo-c  .logo img{display: block;width: 100%;height: auto;}
.culture .culture-con  .culture-list{width: 100%;height: auto;}
.culture .culture-con  .culture-list .list-c{width: 240px;position:absolute;height: auto;border-radius: 100%;background: #151927;}
.culture .culture-con  .culture-list .list-c img{display: block;width: 100%;height: auto;border-radius: 100%;}
.culture .culture-con  .culture-list .list-c .con{line-height: 1; font-size: 30px;color: #FFFFFF;font-family: "BNB";text-align: center;width: 100%; position:absolute;top: 50%;left:0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);  width: 100%;height: auto;padding: 0 10%;}
.culture .culture-con  .culture-list .list-c:hover{background-size: cover;}
.culture .culture-con  .culture-list .list-c1{position: absolute;left: 20%;top:10%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.culture .culture-con  .culture-list .list-c2{position: absolute;left:5%;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.culture .culture-con  .culture-list .list-c3{position: absolute;left: 20%;top: 100%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.culture .culture-con  .culture-list .list-c4{position: absolute;right: 20%;top: 100%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.culture .culture-con  .culture-list .list-c5{position: absolute;right:5%;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.culture .culture-con  .culture-list .list-c6{position: absolute;right: 20%;top:10%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}


.culture .culture-con  .culture-list .list-c.hover{background: #FFFFFF;box-shadow: 0 0px 20px rgba(0,0,0,0.3);}
.culture .culture-con  .culture-list .list-c.hover  .con{color: #151927;}

.culture .culture-con  #particles-js{position: absolute;top: -25%;left: -25%;width: 150%;height: 175%;border-radius: 100%;z-index: 1;}



.culture .culture-con  .culture-list .list-c.hover{background: #FF6600;}

.culture .culture-con  .culture-list .list-c.hover::after{position: absolute;width: 100%;z-index: -1; height: 100%;top:0;left: 0;background: #FF6600;border-radius: 50%;content: ''; }
.culture .culture-con  .culture-list .list-c.hover::before{position: absolute;width: 100%;z-index: -1; height: 100%;top:0;left: 0;background: #FF6600;border-radius: 50%;content: ''; }
 @keyframes scale3{
        	0%{ transform: scale(0.8); opacity:0.5}
 100%{ transform: scale(1.3); opacity: 0;}
        }
@keyframes scale4{0%{ transform: scale(0.8);opacity:0.5;}100%{ transform: scale(1.8);opacity:0;}}
.culture .culture-con  .culture-list .list-c.hover::before{animation: scale3 1.5s infinite; }
.culture .culture-con  .culture-list .list-c.hover::after{animation: scale4 1.5s infinite;}















@media only screen and (max-width:1600px) {
	.about .txt p{font-size: 16px;}
	.culture .summy p{font-size: 16px;}
	.data-box .num-list li  p{font-size: 16px;}
	.data-box .num-list li{padding: 0 4%;}
	.data-box .num-list li  h6{font-size: 36px;}
	.data-box .num-list li h6 span{font-size: 60px;}
	.data-box .num-list li{max-width: 20%;}
	.culture .culture-con  .logo-c{width: 300px;}
	.culture .culture-con  .culture-list .list-c{width: 200px;}
	.culture .culture-con  .culture-list .list-c .con{font-size: 26px;}
}
@media only screen and (max-width:1400px) {
	.data-box .num-list li  h6{font-size: 32px;}
	.data-box .num-list li h6 span{font-size: 55px;}
		.culture .culture-con  .logo-c{width: 240px;}
	.culture .culture-con  .culture-list .list-c{width:180px;}
	.culture .culture-con  .culture-list .list-c .con{font-size: 24px;}
		
}
	
@media only screen and (max-width:1200px) {
	.data-box .num-list li  h6{font-size: 28px;}
	.data-box .num-list li h6 span{font-size: 48px;}
	.data-box .num-list li  p{font-size: 15px;}
		.culture .culture-con  .logo-c{width: 200px;}
	.culture .culture-con  .culture-list .list-c{width:160px;}
	.culture .culture-con  .culture-list .list-c .con{font-size: 20px;}


}
@media only screen and (max-width:1024px) {

.data-box .num-list li  p{font-size: 14px;}
	.about .txt p{font-size: 14px;}
	.culture .summy p{font-size: 14px;}
	.data-box .num-list li  h6{font-size: 24px;}
	.data-box .num-list li h6 span{font-size: 40px;}
	.data-box .num-list li{max-width: 33.3%;margin-bottom: 20px;}
	.culture .culture-con  .logo-c{width: 180px;}
	.culture .culture-con  .culture-list .list-c{width:120px;}
	.culture .culture-con  .culture-list .list-c .con{font-size:18px;}
		.culture .culture-con  #particles-js{height: 100%;}
}


@media only screen and (max-width:720px) {
	.about .txt p{font-size: 14px;}
	.culture .summy p{font-size: 14px;}
	.data-box .num-list li:nth-child(3n):before{display: none;}
	.data-box .num-list li  h6{font-size: 20px;}
	.data-box .num-list li h6 span{font-size:36px;}
	.data-box .num-list li  p{font-size: 12px;}
	.culture .culture-con img{display: none;}
	.culture .culture-con  .logo-c{width: 160px;display: none;font-size: 0;}
	.culture .culture-con  .culture-list .list-c{position: static;width:calc(33.3% - 10px);transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0); margin:10px 3px;display: inline-block;vertical-align: top; height: auto;}
	.culture .culture-con  .culture-list .list-c .con{font-size:16px;}
	.culture .w85{padding-bottom: 0;}
	.culture .summy{padding-bottom: 0;}
}







.news1{width: 100%;height: auto;}
.news1 .news1-top{width: 100%;height: auto;position: relative;}
.news1 .news1-top{padding-bottom: 40px;}
.news1 .news1-js{overflow: hidden; width: 100%;height: auto;}

.news1 .news1-top .news1-top-pn .swiper-button-next{right:0;background: none;left: auto;}
.news1 .news1-top .news1-top-pn .swiper-button-next:before{background: url(../img/next1.svg) center no-repeat;content: "";position: absolute;width: 100%;height: 100%;z-index: 0;}
.news1 .news1-top .news1-top-pn .swiper-button-next:after{z-index: -20 !important;position: absolute;content: "";right: 0;top:0;width: 25px;height: 25px;background: #FF6600;}
.news1 .news1-top .news1-top-pn .swiper-button-prev{left:auto;right:75px;background: none;}
.news1 .news1-top .news1-top-pn .swiper-button-prev:before{background: url(../img/prev1.svg) center no-repeat;content: "";position: absolute;width: 100%;height: 100%;z-index: 0;}
.news1 .news1-top .news1-top-pn .swiper-button-prev:after{z-index: -20 !important;position: absolute;content: "";left: 0;top:0;width: 25px;height: 25px;background: #FF6600;}
.news1 .news1-top .news1-top-pn .swiper-button-prev.swiper-button-disabled{opacity:1;}
.news1 .news1-top .news1-top-pn .swiper-button-prev.swiper-button-disabled:after{display: none;}
.news1 .news1-top .news1-top-pn .swiper-button-next.swiper-button-disabled{opacity:1;}
.news1 .news1-top .news1-top-pn .swiper-button-next.swiper-button-disabled:after{display: none;}
.news1 .news1-top .news1-top-pn .swiper-button-next,.news1 .news1-top .news1-top-pn .swiper-button-prev {
    position: absolute;
    top: 80%;
    width: 50px;
    height: 25px;
    margin-top: -12.5px;
    z-index: 10 !important;
    cursor: pointer;
    background-size: 50px 25px;
    background-position: center;
    background-repeat: no-repeat;
}


.news1 .news1-js .swiper-slide-active {width:65%;}
.news1 .news1-js .swiper-slide-next{width: calc(35% - 30px);}
.news1 .news1-js .swiper-slide-active .bks{background: rgba(0,0,0,0);}
.news1 .news1-js .n-list{width: 100%;display: block; height: 600px;background-repeat: no-repeat;background-position: center;background-size: cover;}
.news1 .news1-js .n-list .bks{position: absolute;top: 0;left:0;background: rgba(0,0,0,0.5);width: 100%;height:100%}
.news1 .news1-js .n-list .con{padding: 0 10%;width: 100%;height: auto;position: absolute;bottom:10%;left: 0;}
.news1 .news1-js .n-list .con .time{font-size: 20px;color: #FFFFFF;font-family: "BNB";}
.news1 .news1-js .n-list .con h5{margin-top: 10px; width: 100%;font-size: 30px;color: #fff;  height: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news1 .news1-js .n-list .con .more{font-size: 20px;display: block;margin-top: 35px; color: #FF6600;font-family: "BNB";}


.news2{width: 100%;height: auto;}
.news2 .news2-c{width: 100%;height: auto;}
.news2 .news2-c ul{width: 100%;height:auto;overflow: hidden;}
.news2 .news2-c ul li{ width: calc(33.3% - 20px);position: relative;z-index: 0; padding: 40px 30px; margin-right: 30px;margin-bottom: 30px; background: #FFFFFF;float: left;}
.news2 .news2-c ul li:hover:before{content: "";position: absolute;top: 0;z-index: -1;background: #151927; left: 0;width: 100%;height:100%;}


.news2 .news2-c ul li:nth-child(3n){margin-right: 0;}

.news2 .news2-c ul li .time{font-size: 20px;font-family: "BNB";color: #FF6600;}
.news2 .news2-c ul li h5{margin-top: 10px; font-size:30px;color: #000000;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.news2 .news2-c ul li .txt {margin-top: 25px; width: 100%;height: auto;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;} 
.news2 .news2-c ul li .txt p{font-size: 18px;color: #666666;}
.news2 .news2-c ul li .more{padding-bottom: 10px; border-bottom: 1px solid #FFFFFF; font-size: 20px;color: #FF6600;font-family: "BNB";display: block;margin-top: 40px;}
.news2 .news2-c ul li:hover .time{color: #FFF;}
.news2 .news2-c ul li:hover h5{color: #FFF;}
.news2 .news2-c ul li:hover .txt p{color: #FFF;}
.news2 .news2-c ul li:hover .more{color: #FFFFFF;border-bottom: 1px solid rgba(255,255,255,0.2);}

@media only screen and (max-width:1600px) {
.news1 .news1-js .n-list .con .time{font-size: 18px;}
.news2 .news2-c ul li .time{font-size: 18px;}
.news1 .news1-js .n-list .con h5{font-size: 28px;}
.news2 .news2-c ul li h5{font-size: 28px;}
.news1 .news1-js .n-list .con .more{font-size: 18px;margin-top: 30px;}
.news2 .news2-c ul li .more{font-size: 18px;margin-top: 35px;}	
.news1 .news1-js .n-list{height: 550px;}	
.news2 .news2-c ul li .txt p{font-size: 16px;}
.news2 .news2-c ul li{width: calc(33.3% - 18px);margin-right:27px;margin-bottom: 27px;padding: 35px 30px;}
.news1 .news1-js .swiper-slide-next{width: calc(35% - 25px);}
}
@media only screen and (max-width:1400px) {
.news1 .news1-js .n-list .con .time{font-size: 16px;}
.news2 .news2-c ul li .time{font-size: 16px;}
.news1 .news1-js .n-list .con h5{font-size:24px;}
.news2 .news2-c ul li h5{font-size: 24px;}	
.news1 .news1-js .n-list .con .more{font-size: 16px;margin-top: 25px;}
.news2 .news2-c ul li .more{font-size:16px;margin-top: 30px;}
.news1 .news1-js .n-list{height: 480px;}
.news2 .news2-c ul li .txt{margin-top: 20px;}
.news2 .news2-c ul li{width: calc(33.3% - 15px);margin-right:22.5px;margin-bottom: 22.5px;padding: 35px 25px;}	
.news1 .news1-js .swiper-slide-next{width: calc(35% - 20px);}

.news1 .news1-top .news1-top-pn .swiper-button-next,.news1 .news1-top .news1-top-pn .swiper-button-prev {
    width: 46px;
    height: 23px;
    margin-top: -11.5px;
    background-size:46px 23px;
}
.news1 .news1-top .news1-top-pn .swiper-button-next{right:0;}
.news1 .news1-top .news1-top-pn .swiper-button-next:after{width:23px;height: 23px;}
.news1 .news1-top .news1-top-pn .swiper-button-prev{right:60px;}
.news1 .news1-top .news1-top-pn .swiper-button-prev:after{width:23px;height: 23px;}

}
@media only screen and (max-width:1200px) {
	.news1 .news1-js .n-list .con .time{font-size: 16px;}
.news2 .news2-c ul li .time{font-size: 16px;}
.news1 .news1-js .n-list .con h5{font-size:20px;}
.news2 .news2-c ul li h5{font-size: 20px;}	
.news1 .news1-js .n-list .con .more{font-size: 16px;margin-top: 20px;}
.news2 .news2-c ul li .more{font-size:16px;margin-top: 25px;}
.news1 .news1-js .n-list{height: 400px;}	
.news2 .news2-c ul li{width: calc(33.3% - 10px);margin-right:15px;margin-bottom:15px;padding: 30px 20px;}
.news1 .news1-js .swiper-slide-next{width: calc(35% - 15px);}
}	
@media only screen and (max-width:1024px) {
	.news1 .news1-js .n-list .con .time{font-size: 15px;}
.news2 .news2-c ul li .time{font-size: 15px;}
.news1 .news1-js .n-list .con h5{font-size:18px;}
.news2 .news2-c ul li h5{font-size: 18px;}	
.news1 .news1-js .n-list .con .more{font-size:15px;margin-top: 15px;}
.news2 .news2-c ul li .more{font-size: 15px;margin-top: 20px;}
.news1 .news1-js .n-list{height:340px;}
.news2 .news2-c ul li .txt{margin-top: 15px;}
.news2 .news2-c ul li .txt p{font-size: 15px;}
.news2 .news2-c ul li{width: calc(33.3% - 6px);margin-right:9px;margin-bottom:9px;padding: 25px 15px;}
.news1 .news1-js .swiper-slide-next{width: calc(35% - 10px);}
}
@media only screen and (max-width:720px) {
.news1 .news1-js .n-list .con .time{font-size: 15px;}
.news2 .news2-c ul li .time{font-size: 15px;}
.news1 .news1-js .n-list .con h5{font-size:18px;}
.news2 .news2-c ul li h5{font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
.news1 .news1-js .n-list .con .more{font-size:15px;margin-top: 15px;}
.news2 .news2-c ul li .more{font-size: 15px;margin-top: 20px;}
.news1 .news1-js .n-list{height:240px;}
.news2 .news2-c ul li .txt{-webkit-line-clamp: 2;}
.news2 .news2-c ul li .txt p{font-size: 14px;}
.news1 .news1-js .swiper-slide-active {width:100%;}
.news1 .news1-js .swiper-slide-next{width:100%;}
.news2 .news2-c ul li{width: calc(50% - 5px);margin-right:10px;margin-bottom:10px;padding: 20px 10px;}
.news2 .news2-c ul li:nth-child(3n){margin-right: 10px;}
.news2 .news2-c ul li:nth-child(2n){margin-right: 0;}

.news1 .news1-top .news1-top-pn .swiper-button-next,.news1 .news1-top .news1-top-pn .swiper-button-prev {
		bottom: 0;
		top: auto;
    width: 40px;
    height: 20px;
    margin-top: -11.5px;
    background-size:40px 20px;
}
.news1 .news1-top .news1-top-pn .swiper-button-next{right:0;}
.news1 .news1-top .news1-top-pn .swiper-button-next:after{width:20px;height: 20px;}
.news1 .news1-top .news1-top-pn .swiper-button-prev{right:50px;}
.news1 .news1-top .news1-top-pn .swiper-button-prev:after{width:20px;height: 20px;}
}


.banner2{padding-bottom: 50px;position: relative;}
.banner2 .search-box{width: 100%;height: auto;position: absolute;bottom: 0;left: 0;z-index: 22;}
.banner2 .search-box form{width: 100%;height: auto;display: block;padding: 20px 5%;overflow: hidden; background: #FFFFFF;box-shadow: 0 10px 20px rgba(0,0,0,0.2);}
.banner2 .search-box form .c1{width: calc(100%  - 220px);float: left;border: none;height: 50px;padding-left: 50px;color:#000000; background-size: 25px 25px;font-size:24px; font-family: "BNB"; background-repeat: no-repeat;background-position:left center;}
.banner2 .search-box form .c2{width: 220px;background: #ff6600;border: none;float: right;height: 50px;font-size: 20px;font-family: "BNB";color: #FFFFFF;}
.banner2 .search-box form .c1::-webkit-input-placeholder{opacity:1;color:rgba(0,0,0,0.6);font-family: "BNB";}
.banner2 .search-box form .c1::-moz-placeholder{ opacity:1;color:rgba(0,0,0,0.6);font-family: "BNB";}
.banner2 .search-box form .c1::-ms-input-placeholder{opacity:1;color:rgba(0,0,0,0.6);font-family: "BNB";}
.product{width: 100%;height: auto;}
.product  .title h2{text-align: center;}
.product .product-sort{text-align: center; width: 100%;height: auto;margin-top: 35px;}
.product .product-sort a{display: inline-block;margin: 0 2%; font-size: 28px;color: #999;font-family: "BNB";}
.product .product-sort a:hover{color: #ff6600;}
.product .product-sort a.cut{color: #ff6600;}
.product .product-list{width: 100%;height: auto;}
.product .product-list ul{width: 100%;height: auto;overflow: hidden;}
.product .product-list ul li{width: calc(33.3% - 30px);margin-right: 45px;margin-bottom: 45px;float: left;}
.product .product-list ul li:nth-child(3n){margin-right: 0;}
.product .product-list ul li .pro-box{width: 100%;height: auto;overflow: hidden; position: relative; display: block; background: #e8e7e7;}
.product .product-list ul li .pro-box .pic{width: 100%;height: auto;}
.product .product-list ul li .pro-box .pic img{display: block;width: 100%;height: auto;}
.product .product-list ul li .pro-box .cons{padding:35px 8%;}
.product .product-list ul li .pro-box h5{overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color: #000000;font-size: 30px;}
.product .product-list ul li .pro-box .cons .txt{margin-top: 25px; width: 100%;height:54px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.product .product-list ul li .pro-box  .txt p{font-size: 18px;color: #666666;}
.product .product-list ul li .pro-box  .txt p a{color: #666;}
.product .product-list ul li .pro-box .cons2{padding:36% 8% 5% 8%; position: absolute;z-index: 33; top:100%;left: 0;width: 100%;height: 100%;background:#151927;color: #FFFFFF;}
.product .product-list ul li .pro-box  .cons2 h5{color: #FFFFFF;}
.product .product-list ul li .pro-box .cons2 .txt{width: 100%;margin-bottom: 5%; height:108px;margin-top: 25px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.product .product-list ul li .pro-box .cons2 .txt p{color: #FFFFFF;}
.product .product-list ul li .pro-box .cons2 .txt p a{color: #fff;}
.product .product-list ul li .pro-box:hover .cons2{top: 0;transition: all 0.5s ease;}
.product .product-list ul li .pro-box .cons2 .views{margin-top:20%;}
@media only screen and (max-width:1600px) {
.product .product-list ul li{width: calc(33.3% - 25px);margin-right: 37.5px;margin-bottom: 37.5px;}
.product .product-list ul li .pro-box h5{font-size: 26px;}
.product .product-list ul li .pro-box .cons .txt{height:48px;}
.product .product-list ul li .pro-box .cons2 .txt{height:96px;}
.product .product-list ul li .pro-box  .txt p{font-size: 16px;}
.product .product-sort a{font-size: 26px;}

.banner2 .search-box form .c1{width:calc(100% - 200px);font-size: 22px;}
.banner2 .search-box form .c2{width: 200px;font-size:18px;}
}	
@media only screen and (max-width:1400px) {
.product .product-sort a{font-size: 24px;}
.product .product-list ul li{width: calc(33.3% - 20px);margin-right:30px;margin-bottom: 30px;}
.product .product-list ul li .pro-box h5{font-size: 24px;}

.product .product-list ul li .pro-box  .txt p{font-size: 16px;}
.banner2 .search-box form .c1{width:calc(100% - 180px);font-size: 20px;}
.banner2 .search-box form .c2{width:180px;font-size: 18px;}
}
@media only screen and (max-width:1200px) {
.product .product-sort a{font-size: 20px;}
.product .product-list ul li{width: calc(33.3% - 15px);margin-right:22.5px;margin-bottom: 22.5px;}
.product .product-list ul li .pro-box h5{font-size: 20px;}
.banner2 .search-box form{padding: 15px 5%;}
.banner2 .search-box form .c1{width:calc(100% - 160px);font-size: 18px;}
.banner2 .search-box form .c2{width:160px;font-size: 16px;}
}
@media only screen and (max-width:1024px) {
.product .product-sort a{font-size: 18px;}
.product .product-list ul li{width: calc(33.3% - 15px);margin-right:22.5px;margin-bottom: 22.5px;}
.product .product-list ul li .pro-box h5{font-size: 18px;}
.product .product-list ul li .pro-box .cons .txt{ margin-top: 15px;height: 44px;}
.product .product-list ul li .pro-box .cons2 .txt{height:88px;}
.product .product-list ul li .pro-box  .txt p{font-size: 15px;}
.banner2{padding-bottom: 25px;}
.banner2 .search-box form{padding: 15px 5%;}
.banner2 .search-box form .c1{width:calc(100% - 140px);font-size: 16px;height: 40px;}
.banner2 .search-box form .c2{width:140px;font-size: 15px;height: 40px;}
}
@media only screen and (max-width:720px) {
.product .product-list ul li{width: calc(50% - 5px);margin-right:10px;margin-bottom: 10px;}
.product .product-list ul li:nth-child(3n){margin-right: 10px;}
.product .product-list ul li:nth-child(2n){margin-right: 0;}
.product .product-list ul li .pro-box h5{font-size: 18px;}
.product .product-list ul li .pro-box .cons{padding: 20px 5%;}
.product .product-list ul li .pro-box .cons .txt{ margin-top: 15px;height: 42px;}
.product .product-list ul li .pro-box .cons2 .txt{-webkit-line-clamp: 2;height: 42px;}
.product .product-list ul li .pro-box  .txt p{font-size: 14px;}
.banner2{padding-bottom:30px;}
.banner2 .search-box form{padding: 10px 5%;}
.banner2 .search-box form .c1{width:calc(100% - 90px);font-size: 15px;height: 35px;}
.banner2 .search-box form .c2{width:90px;font-size: 14px;height: 35px;}
}

.choose{width: 100%;height: auto;}
.choose .title h2{text-align: center;}
.choose .choose-con{width: 100%;height: auto;}
.choose .choose-con ul{width: 100%;height: auto;font-size: 0;}
.choose .choose-con ul li{width: 20%;position: relative;height:260px; background: #f3f3f3;text-align: center; display: inline-block;padding: 45px 5%;}

.choose .choose-con ul li:hover:before{position: absolute;z-index: 0;box-shadow: 0 10px 20px rgba(0,0,0,0.2); content: "";left: 0;width: 100%; height: calc(100% + 15%);top: -7.5%;background: url(../img/b002.jpg)center bottom no-repeat #0e1623;background-size: 100%;}
.choose .choose-con ul li .con{position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 100%; -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.choose .choose-con ul li h6{color: #000000;font-size: 40px;}
.choose .choose-con ul li h6 span{color: #000000;font-size: 70px;}
.choose .choose-con ul li:hover h6{color: #FFFFFF;}
.choose .choose-con ul li:hover h6 span{color: #FFFFFF;}
 .choose .choose-con ul li  .line{width: 40px;height:4px;background: #FF6600;margin: 15px auto; display: block;}
 .choose .choose-con ul li  p{font-size:18px;color: #000;font-family:"BNB";}
 .choose .choose-con ul li:hover p{color: #FFFFFF;}


.choose .choose-con ul li.show:before{position: absolute;z-index: 0;box-shadow: 0 10px 20px rgba(0,0,0,0.2); content: "";left: 0;width: 100%; height: calc(100% + 15%);top: -7.5%;background: url(../img/b002.jpg)center bottom no-repeat #0e1623;background-size: 100%;}
.choose .choose-con ul li.show h6{color: #FFFFFF;}
.choose .choose-con ul li.show h6 span{color: #FFFFFF;}
.choose .choose-con ul li.show p{color: #FFFFFF;}


.product-d{width: 100%;height: auto;position: relative;z-index: 0;}
.product-d:before{content: "";z-index: -1; position: absolute;right: 0;top: 0;width: 50%;height: 100%;  background: #f3f3f3;}
.product-d .pro-d{width: 100%;height: auto;}
.product-d .pro-d .pro-dl{width: 50%;float: left;padding-right: 5%;height: auto;}

.pro-top-js{width: 100%;height: auto;background: #e8e7e7;z-index: 0;margin-bottom: 10px;}
.pro-top-js img{display: block;width: 100%;height: auto;}
.pro-top-js .enlarge_pane{position: relative;height: auto; overflow: hidden;cursor: none;z-index: 1; }
.pro-thumbs-js{width: 100%;height: auto;}
.pro-thumbs-js .pic{background: #e8e7e7; width: 100%;height: auto;}
.pro-thumbs-js .pic img{display: block;width: 100%;height: auto;}
.pro-thumbs-js .swiper-slide-thumb-active .pic{border: 2px solid #FF6600;}

.pro-top-js .swiper-button-next{right:10px;background: none;left: auto;}
.pro-top-js .swiper-button-next:before{background: url(../img/next1.svg) center no-repeat;content: "";position: absolute;width: 100%;height: 100%;z-index: 0;}
.pro-top-js .swiper-button-next:after{z-index: -20 !important;position: absolute;content: "";right: 0;top:0;width: 25px;height: 25px;background: #FF6600;}
.pro-top-js .swiper-button-prev{left:10px;right:auto;background: none;}
.pro-top-js .swiper-button-prev:before{background: url(../img/prev1.svg) center no-repeat;content: "";position: absolute;width: 100%;height: 100%;z-index: 0;}
.pro-top-js .swiper-button-prev:after{z-index: -20 !important;position: absolute;content: "";left: 0;top:0;width: 25px;height: 25px;background: #FF6600;}
.pro-top-js .swiper-button-prev.swiper-button-disabled{opacity:1;}
.pro-top-js .swiper-button-prev.swiper-button-disabled:after{display: none;}
.pro-top-js .swiper-button-next.swiper-button-disabled{opacity:1;}
.pro-top-js .swiper-button-next.swiper-button-disabled:after{display: none;}
.pro-top-js .swiper-button-next,.pro-top-js .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 25px;
    margin-top: -12.5px;
    z-index: 10 !important;
    cursor: pointer;
    background-size: 50px 25px;
    background-position: center;
    background-repeat: no-repeat;
}

.product-d .pro-d .pro-dr{width: 50%;float: right;padding-left: 5%;}
.product-d .pro-d .pro-dr h6{font-size: 30px;color: #FF6600;margin-bottom: 15px;}
.product-d .pro-d .pro-dr .title{margin-bottom: 20px;}
.product-d .pro-d .pro-dr .txt{width: 100%;height: auto;}
.product-d .pro-d .pro-dr .txt p{font-size: 18px;color: #666666;}

.product-d .pro-d .pro-dr .meteral{width: 100%;height: auto;margin-top: 5%;}
.product-d .pro-d .pro-dr .meteral  h5{color: #000000;font-size: 30px;margin-bottom: 10px;}
.product-d .pro-d .pro-dr .meteral .txt{width: 100%;height: auto;}
.product-d .pro-d .pro-dr .meteral .txt p{color: #000;}
.product-d .pro-d .pro-dr .make{width: 100%;height: auto;margin-top: 5%;}
.product-d .pro-d .pro-dr .make  h5{color: #000000;font-size: 30px;margin-bottom: 10px;}
.product-d .pro-d .pro-dr .make .txt{width: 100%;height: auto;}
.product-d .pro-d .pro-dr .make .txt p{color: #000;}
.product-d .pro-d .pro-dr .make .txt p span{color: #666666;}

.product-d .pro-d .pro-dr .pro-dr-pn{width: 100%;height: auto;padding-top: 10%;font-size: 0;}
.product-d .pro-d .pro-dr  .pro-dr-pn a{display: inline-block;text-align: center; vertical-align: top;width: calc(50% - 20px);height: 55px;line-height: 55px;margin-right: 40px;}
.product-d .pro-d .pro-dr  .pro-dr-pn a:first-child{background: #FF6600;}
.product-d .pro-d .pro-dr  .pro-dr-pn a:nth-child(2n){background: #151927;margin-right: 0;}
.product-d .pro-d .pro-dr  .pro-dr-pn a span{padding-right: 30px;font-size: 18px;color: #FFFFFF;}
.product-d .pro-d .pro-dr  .pro-dr-pn a:first-child span{background: url(../img/chat.svg)right center no-repeat;background-size: 20px 20px;}
.product-d .pro-d .pro-dr  .pro-dr-pn a:nth-child(2n) span{background: url(../img/downs.svg)right center no-repeat;background-size: 20px 20px;}
.product-d .pro-d .pro-dr  .pro-dr-pn a:nth-child(2n):hover{background: #FF6600;}
.product-d .pro-d .pro-dr  .pro-dr-pn a:first-child:hover{background: #151927;}

.product-d .pro-d .pro-dr .txt p >a{color: #666;}





.password-bks{position: fixed;display: none; top:0;left: 0; width: 100%;z-index: 9999; height:100%;background: rgba(0,0,0,0.8);}
.password-bks  .password-box{position: absolute;padding:50px 40px 40px 40px; top: 50%;left: 50%;transform: translateX(-50%)translateY(-50%);-webkit-transform: translateX(-50%)translateY(-50%);-moz-transform: translateX(-50%)translateY(-50%);-ms-transform: translateX(-50%)translateY(-50%);-o-transform:translateX(-50%)translateY(-50%); width: 30%;max-width:450px;background: #FFFFFF;}
.password-bks .password-box h6{width: 100%;height: auto;margin-bottom: 35px; color: #000000;font-size: 24px;}

.password-bks .password-box form{display: block;overflow: hidden; width: 100%;height: auto;}
.password-bks .password-box form .c1{width: calc(100% - 100px);height:45px;padding-left: 10px; border: 1px solid #cdcdcd;}
.password-bks .password-box form .c2{width: 100px;height:45px;background: #FF6600;float: right;border: none;color: #FFF;font-size: 18px;}
.password-bks  .password-box .close{position: absolute;width: 36px;font-size: 36px;right: 10px;top: 10px;font-family: arial;color: #999999;}
.password-bks  .password-box #e-ok a,.password-bks  .password-box #e-error a{color: #151927;text-transform: capitalize;}
.password-bks  .password-box #e-ok{margin-top: 20px; padding-left: 30px;background:url(../img/links.svg) left top no-repeat;background-size: 26px 26px;font-size: 20px;font-family: arial; border: 1px solid #;}
.password-bks  .password-box #e-ok a{text-decoration: underline;font-weight: normal;}
.password-bks  .password-box #e-ok a:hover{color: #FF6600;}


.password-bks  .password-box #e-error{margin-top: 20px; color: #c01f2a;text-transform: capitalize;  width: 100%;height: auto;font-size: 20px;font-family: arial;}
.password-bks  .password-box #e-error:before{content: "*"; color: #c01f2a;}







.product-d .down-lines{width: 100%;height: 12px;background: #151927;border-bottom: 1px solid #ff6600;}
.detail{width: 100%;z-index: 0; height: auto;position: relative;}
.detail .title h2{text-align: center;}
.detail:before{content: "";z-index: -1;width: 100%;background: #f3f3f3;position: absolute;top: 0;left: 0;height:60%;}
.detail .summy{width: 100%;height: auto;margin-top: 35px;text-align: center;}
.detail .summy p{font-size: 18px;color: #000000;}
.detail .pic-show{width: 100%;height:auto;}
.detail .pic-show .pic-show-js{width: 100%;height: auto;}
.detail .pic-show .pic-show-js .pic{width: 100%;height: auto;}
.detail .pic-show .pic-show-js .pic img{display: block;width: 100%;height: auto;}
.detail .pic-show .pic-show-js .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
}
.detail .pic-show .pic-show-js .swiper-pagination-bullet-active {
    opacity: 1;
    background: #FF6600;
}
.poster{width: 100%;height: auto;}
.poster .pic{width: 100%;height: auto;}
.poster .pic img{display: block;width: 100%;height: auto;}
@media only screen and (max-width:1600px) {
.choose .choose-con ul li  p{font-size: 16px;}
.choose .choose-con ul li{padding: 0 4%;height: 240px;}
.choose .choose-con ul li  h6{font-size: 36px;}
.choose .choose-con ul li h6 span{font-size: 60px;}

.detail .summy p{font-size: 16px;}
.product-d .pro-d .pro-dr .txt p{font-size: 16px;}
.product-d .pro-d .pro-dr h6{font-size: 28px;}
.product-d .pro-d .pro-dr .make   h5{font-size: 28px;}
.product-d .pro-d .pro-dr .meteral  h5{font-size: 28px;}
.product-d .pro-d .pro-dr  .pro-dr-pn a span{font-size: 17px;}
.product-d .pro-d .pro-dr  .pro-dr-pn a:first-child span{background-size: 19px 18px;}
.product-d .pro-d .pro-dr  .pro-dr-pn a:nth-child(2n) span{background-size: 18px 18px;}
.product-d .pro-d .pro-dr  .pro-dr-pn a {height: 50px;line-height: 50px;}
}
@media only screen and (max-width:1400px) {
	.choose .choose-con ul li{height: 220px;}
.choose .choose-con ul li  h6{font-size: 32px;}
.choose .choose-con ul li h6 span{font-size: 55px;}
 .choose .choose-con ul li  .line{width: 35px;height: 4px;}
 .detail .summy p{font-size: 15px;}		
 .product-d .pro-d .pro-dr .txt p{font-size: 15px;}
 .product-d .pro-d .pro-dr h6{font-size: 24px;}
.product-d .pro-d .pro-dr .make  h5{font-size: 24px;}
.product-d .pro-d .pro-dr .meteral  h5{font-size: 24;}
.product-d .pro-d .pro-dr  .pro-dr-pn a{height: 45px;line-height: 45px;}
}

@media only screen and (max-width:1200px) {
	.choose .choose-con ul li{height: 200px;}
.choose .choose-con ul li  h6{font-size: 28px;}
.choose .choose-con ul li h6 span{font-size: 48px;}
.choose .choose-con ul li  p{font-size: 15px;}
 .choose .choose-con ul li  .line{width: 30px;height: 3px;}
.detail .summy{margin-top: 30px;}
.product-d .pro-d .pro-dr h6{font-size: 20px;}
.product-d .pro-d .pro-dr .make  h5{font-size: 20px;}
.product-d .pro-d .pro-dr .meteral  h5{font-size: 20px;}
.password-bks  .password-box{width: 40%;max-width: 450px;}
.product-d .pro-d .pro-dr  .pro-dr-pn a{width: calc(50% - 10px);margin-right: 20px;}
.product-d .pro-d .pro-dr  .pro-dr-pn a span{font-size: 15px;}
.product-d .pro-d .pro-dr  .pro-dr-pn a:first-child span{background-size: 18px 17px;}
.product-d .pro-d .pro-dr  .pro-dr-pn a:nth-child(2n) span{background-size: 18px 18px;}
.password-bks  .password-box #e-ok{font-size: 18px;}
.password-bks  .password-box #e-error{font-size: 18px;}
}




@media only screen and (max-width:1024px) {
		.choose .choose-con ul li{height:180px;}
.choose .choose-con ul li  p{font-size: 14px;}
.choose .choose-con ul li  h6{font-size: 24px;}
.choose .choose-con ul li h6 span{font-size: 40px;}
.choose .choose-con ul li{width:33.3%;display: inline-block;}
.detail .summy{margin-top: 25px;}
.product-d .pro-d .pro-dr h6{font-size: 18px;}
.product-d .pro-d .pro-dr .meteral  h5{font-size: 18px;}
.product-d .pro-d .pro-dr .make  h5{font-size:18px;}
.product-d .pro-d .pro-dr a span{font-size: 14px;}
  .product-d .pro-d .pro-dr a:first-child span{background-size: 17px 16px;}
.product-d .pro-d .pro-dr a:nth-child(2n) span{background-size: 16px 16px;}
.password-bks  .password-box{width: 65%;max-width: 400px;}
}

@media only screen and (max-width: 850px) {
	.product-d .pro-d .pro-dl{float: none;width: 100%;height: auto;padding: 0 5%;}
	.product-d .pro-d .pro-dr{float: none;margin-top: 35px; padding: 35px 5% 0 5%; width: 100%; height: auto;background: #F3F3F3;}
	.product-d:before{width: 100%;height:25%; background: #F3F3F3;top: auto;bottom: 0;}
	.product-d .pro-d .w85{width: 100%;height: auto;}
}


@media only screen and (max-width:720px) {
		.choose .choose-con ul li{height:160px;}
 .choose .choose-con ul li  .line{width:25px;height: 2px;}
.data-box .num-list li:nth-child(3n):before{display: none;}
	.choose .choose-con ul li  .line{margin: 10px auto;}
	.data-box .num-list li  h6{font-size: 16px;}
	.data-box .num-list li h6 span{font-size:30px;}
	.data-box .num-list li .con{padding: 0 5%;}
		.data-box .num-list li  p{font-size: 12px;}
		 .detail .summy p{font-size: 14px;}
		 .product-d .pro-d .pro-dr .txt p{font-size: 14px;}
		 .password-bks  .password-box .close{line-height: 36px;text-align:center;}
		 .password-bks  .password-box{width: 80%;max-width: 350px;padding: 25px 20px 20px 20px;}
		 .password-bks .password-box form .c1{width: calc(100% - 65px);font-size: 16px;}
		 .password-bks .password-box form .c2{width: 65px;font-size: 16px;}
		 .password-bks  .password-box #e-ok{font-size: 16px;background-size: 22px 22px;}
.password-bks  .password-box #e-error{font-size: 16px;}
.product-d .pro-d .pro-dr a span{font-size: 12px;padding-right: 25px;padding-top: 5px;padding-bottom: 5px;}
  .product-d .pro-d .pro-dr a:first-child span{background-size: 16px 15px;}
.product-d .pro-d .pro-dr a:nth-child(2n) span{background-size: 16px 16px;}
}


.sitemap{width: 100%;height: auto;}
.sitemap .title h2{text-align: center;}
.sitemap .sitemap-c{width: 100%;height: auto;border-top: 1px solid #151927;}
.sitemap .sitemap-c a{color: #000000;}
.sitemap .sitemap-c .webmap-list{width: 100%;height: auto;border-top: 1px solid #EEEEEE;padding: 30px 0;}
.sitemap .sitemap-c .webmap-list h2{font-size: 30px;color: #000000;margin-bottom: 20px;}
.sitemap .sitemap-c .webmap-list .con{width: 100%; height: auto;}
.sitemap .sitemap-c .webmap-list .con li{margin-bottom: 10px; width: 100%;height: auto;padding-left:15px;position: relative;}
.sitemap .sitemap-c .webmap-list .con li:before{content: "";position: absolute;left: 0;top:15px;background: #FF6600;width:5px;height:5px;}
.sitemap .sitemap-c .webmap-list .con li h3{display:inline-block;font-size: 24px;color: #000000;}
.sitemap .sitemap-c .webmap-list .con li .cons{display:inline-block;height: auto;}
.sitemap .sitemap-c .webmap-list .con li .cons a{display:inline-block;margin: 5px;font-family: "BNB";color: #666666;font-size: 22px;}
.sitemap .sitemap-c  a:hover{color: #FF6600;}

@media only screen and (max-width:1600px) {
	.sitemap .sitemap-c .webmap-list h2{font-size: 28px;}
	.sitemap .sitemap-c .webmap-list .con li h3{font-size: 22px;}
	.sitemap .sitemap-c .webmap-list .con li .cons a{font-size: 20px;}
}
@media only screen and (max-width:1400px) {
	.sitemap .sitemap-c .webmap-list h2{font-size: 26px;}
	.sitemap .sitemap-c .webmap-list .con li h3{font-size: 20px;}
	.sitemap .sitemap-c .webmap-list .con li .cons a{font-size: 20px;}
}
@media only screen and (max-width:1200px) {
	.sitemap .sitemap-c .webmap-list h2{font-size: 24px;}
	.sitemap .sitemap-c .webmap-list .con li h3{font-size:18px;}
	.sitemap .sitemap-c .webmap-list .con li .cons a{font-size: 16px;}
	.sitemap .sitemap-c .webmap-list .con li:before{top: 12px;}
}
@media only screen and (max-width:720px) {
	.sitemap .sitemap-c .webmap-list h2{font-size: 24px;}
	.sitemap .sitemap-c .webmap-list .con li h3{font-size:16px;}
	.sitemap .sitemap-c .webmap-list .con li .cons a{font-size: 15px;}
	.sitemap .sitemap-c .webmap-list .con li:before{top: 9px;}
}




.pages {
	margin-top: 40px;
	text-align: center;
	font-family: 'DIN-MEDIUM';
}

.pages li {
	display: inline-block;
	vertical-align: top;
	margin: 0 2px;
}

.pages li a {
	display: block;
	font-size: 18px;
	color: #0056a3;
	background: #f2f5fa;
	border-radius: 5px;
	min-width: 40px;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
}

.pages li:hover a,
.pages li.active a {
	background: #0056a3;
	color: #fff;
}