@import "font-awesome.css";

body{
	margin:0;
	margin: 0; 
	color: #333;
    font-size: 16px;
    font-family: Arial,"Microsoft Yahei";
    line-height: 1.5;
}
li{list-style-type:none;}
*{
-webkit-box-sizing:border-box; /* Safari */
-moz-box-sizing:border-box; /* Firefox */box-sizing:border-box; margin:0px; padding:0px;}
a, a:hover, a:focus {
    text-decoration: none;
}
.swiper-button-prev,  .swiper-button-next{outline:none ;}
.flex{display: flex;flex-wrap: wrap;justify-content: center;}
.w1500{ margin: 0 auto;width: 90%; max-width: 1500px; }
.h100{ clear: both;height:100px;}
@media only screen and (max-width:1000px){
	.h100{height: 60px;}
}
@media only screen and (max-width:640px){
	.h100{height: 20px;}
}
.clear{clear: both;}
.pic-back{ background-position: center center;background-size: cover; }


.longfei-more{ float: left; display: block;padding:15px  20px;background:#e60012; color: #fff;
transition: all 0.3s ease;}
.longfei-more b{padding-left: 20px;font-size: 18px;transition: all 0.3s ease;}
.longfei-more:hover{padding:15px  10px;}
.longfei-more:hover b{padding-left: 40px;}

.banner img{ display: block; width: 100%; }
.banner .pic-s{ display: none;}
.banner  .swiper-pagination-bullet {display: inline-block;width: 12px;height: 12px;border-radius: 100%;background: #fff;opacity: 1;}
.banner  .swiper-pagination-bullet-active {background: #e60012;opacity: 1;}
.banner .swiper-pagination{bottom: 20px;}


/* 头部 */
.header{background: rgba(0,0,0,0.5);top: 0;left: 0;z-index: 9999; border-bottom: 1px solid rgba(255,255,255,0.1); color: #fff;width: 100%;height:90px;position: fixed;}
.header.header3{background: rgba(0,0,0,0.1);}
.header.header2{background: #151927;}
.header .logo{width: 180px;margin-top: -6px; display: block;height: auto;float: left;}
.header .logo img{display: block;width: 100%;height: auto;}
.header .menu{margin-top: 6px;}
.header .menu ul{text-align: right;}
.header .menu ul li{transition: all 0.5s ease;position: relative; display: inline-block; font-size: 18px; text-transform: uppercase;  margin-left: 4%;}
.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: #e60012;}
.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: #e60012;}
.header .menu ul li .downs{transition: all 0.5s ease;z-index: 999; position: absolute;top:100%;width:200px; height:0px;overflow: hidden; background:#151927; 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: #e60012;}
.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 (max-width:1600px) {
		.header .menu ul li{font-size: 18px;}
	.header .lang a{font-size: 18px;}
}
@media (max-width:1400px) {
	.header .menu ul li{font-size: 17px;}
	.header .lang a{font-size: 17px;}
}
@media (max-width:1024px) {
	.header .logo{margin-top:0px;}
	.header .toggle{display: block;margin-top: 20px;}
	.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: 50px;left: 0;z-index: 999;}
	.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: #e60012;padding-bottom: 0;}
.header .menu ul li.two-sub.open .downs{display: inherit;background: #e60012; 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;}
}

.pc-nav{ position: relative; z-index: 20;  padding-top: 12px;width: 100%; height: 55px; border-top: 1px solid #e7e7e7;}
.pc-nav h3{font-family:'dbsb';}
.pc-nav .order-link{float: right;display: block; padding:0 20px;
 height: 40px; background: #202020; color: #fff; line-height: 40px; transition: all 0.3s ease; }
.dl-menuwrapper{display: none;}

/* .top{background: #f2f2f2; */
.pc-top{ overflow: hidden;height: 50px;  }
.pc-top img{float: left; display: block;/* margin-top: 20px; */}
.pc-top a{float: left; display: block;margin-top: 14px;font-size: 16px;}
.pc-top ul{float: right; margin-top: 16px; height: 20px;}
.pc-top ul li{ position: relative;float: left; margin-top: 0px; margin-left: 20px; width: 21px; height: 21px;}
.pc-top ul li img{ position: absolute;top: 0px; left: 0px; margin-top: 0px;width: 100%;transition: all 0.3s ease;}
.pc-top ul li .img0{ opacity:1;filter:alpha(opacity:100);  -moz-opacity:1;-khtml-opacity: 1;}
.pc-top ul li .img1{ opacity:0;filter:alpha(opacity:0);  -moz-opacity:0;-khtml-opacity: 0;}
.pc-top ul li:hover .img1{ opacity:1;filter:alpha(opacity:100);  -moz-opacity:1;-khtml-opacity: 1;}
.pc-top ul li:hover .img0{ opacity:0;filter:alpha(opacity:0);  -moz-opacity:0;-khtml-opacity: 0;}

/* 关于我们 */
.in_about{ background-position: center;background-size: cover;}
.longfei-adva{ overflow: hidden;height: auto;}
.longfei-adva-left{ float: left;margin-right: 4%;width: 65%;}
.longfei-adva-right{ float: left;width: 50%;  }
.longfei-adva-left .txt{margin-top: 40px;margin-bottom: 4%;}
.longfei-adva-left .txt p{font-size: 18px;line-height: 2;}
.longfei-adva-right .item li{display: flex;flex-wrap: wrap;}
.longfei-adva-right .item img{width: 100%;}
.longfei-adva-right .title{margin-bottom: 30px;}
@media (max-width: 960px){
	.longfei-adva-left{width: 100%;}
	.longfei-adva-right{width: 100%;}
}
 

/* 新闻 */
 .dy{overflow:hidden; height:auto;}
 /* .dy .content{ background:url(../img/dy.jpg) no-repeat right top; */
 .dyt{ overflow:hidden; height:60px;}
 .dyt li{ float:left; width:170px; font:18px "Microsoft YaHei";}
 /* .dyt .li1{ background:url(../img/dy_line.png) no-repeat 90px center; */
 .dyt li a{ display:block; color:#222;}
 .dyt li a:hover,.dyt .cur a{ color:#e60012; font-weight:bold;}
 .dy2 dl{ overflow:hidden; margin-bottom:35px; width:100%; height:100px; border:1px solid #ebebeb;}
 .dy2 dt{ float:left; overflow:hidden; padding-top:10px;width:15%; height:100px; background:#ebebeb; color:#333; text-align:center; font:40px Arial;}
 .dy2 dt em{ display:block; color:#333; font:14px "Microsoft YaHei";}
 .dy2 dd{ float:right; padding-right:24px; width:80%;}
 .dy2 dd h3{ overflow:hidden; margin-top:12px; height:40px; font:16px "Microsoft YaHei"; line-height:40px;}
 .dy2 dd h3 a{ display:block; color:#111; font-weight:bold;}
 .dy2 dd p{ overflow:hidden; height:24px; color:#777; font:14px "Microsoft YaHei"; line-height:24px;}
 .dy2 h5 a{ display:block; overflow:hidden; width:98px; height:32px; border:1px solid #b8b8b8; color:#333; text-align:center; text-transform:uppercase; font:18px "Microsoft YaHei", Times, serif; line-height:32px;}
 .dy2 h5 a:h over{ border:1px solid #e60012; background:#e60012; color:#fff;}
 .dy2 .dy3 dl:hover dt{background:#e60012;color:#fff;}
 .dy2 .dy3 dl:hover dt em{color:#fff;}
 .dy3 .cur{ border:1px solid #fafafa; background:#fafafa;}
 ./* dy3 .cur dt,.dy3 .cur dt em{ background:#c30118; *//* color:#fff; */
 .dy2 .cur dd h3 a{ color:#c30118;}
 .dy2{clear:both;overflow: hidden;}
 .dy2 .lf{margin-right: 5%;width:50%;}
 .dy2 .dy3_rt {width: 45%;}
 .dy .dy3:nth-child(2){display: none;}
 .dy .dy3_rt img{display: block;width:100%;}
 .dy .in_more{margin-top: 2%;text-align: center;}
 .dy .in_more .longfei-more{float: inherit;display: -webkit-inline-box;padding: 15px 30px;}
 
@media only screen and (max-width: 1200px){
    .dy2 .lf{padding-bottom:30px;width: 99%;}
    .dy2 .dy3_rt{float: left;display: none;width: 100%;}
		.dy2 .dy3 dd{padding-right:0;}
}
@media only screen and (max-width: 680px){
		.dy2 dl{margin-bottom:1.2rem;height:auto;}
		.dy2 dt{padding-top:0.5rem;width:5rem;height:auto;font:2rem arial;font-weight:bold;}
		.dy2 .dy3 dd{float:right; width:68%;}
 
		
		.yous a{ float:left; margin-right:4%; width:48%;}
		.yous a:nth-child(2n){ margin-right:0;}
}



.foot{ overflow: hidden; padding:70px 0 30px 0;width: 100%; height: auto; background: #151927;}
.foot .foot-left{ float: left; overflow: hidden; width: 50%; height: auto;}
.foot .foot-left ul{ float: left; overflow: hidden; height: auto;  }
.foot .foot-left ul.foot-left-1{ padding-right: 40px;width: 180px;}
.foot .foot-left ul h3{ position: relative; margin-bottom: 20px; padding-bottom: 20px; color: #f3f3f3; font-size: 20px;
font-family: "dbsb"; }
.foot .foot-left ul.foot-left-1{margin-right: 40px;width: 200px;}
.foot .foot-left ul h3:before{  position: absolute; bottom: 0px; left: 0px; display: block;
width: 50px; height: 1px;background: #eee;content:"";}
.foot .foot-left ul li{ color: #eee;  font-size: 14px; line-height: 2; }

.foot .foot-left ul li a{   color: #eee; transition: all 0.3s ease;}
.foot .foot-left ul li a:hover{   color: #fff; }
.foot .foot-right{ float: left; overflow: hidden; width: 50%; height: auto; }
.foot .foot-right ul{  position: relative; overflow: hidden; margin-left: -5px; width: calc(100% + 10px);  height: auto; }
.foot .foot-right ul li{ float: left; margin: 0px 5px 10px 5px;width: calc(33.3% - 10px); }
.foot .foot-right ul h3{ position: relative; margin-bottom: 20px; padding-bottom: 20px; padding-left: 10px; color: #f3f3f3; font-size: 20px;
font-family: "dbsb"; }
.foot .foot-right ul h3:before{  position: absolute; bottom: 0px; left: 10px; display: block;
width: 50px; height: 1px;background: #eee;content:"";}
.foot .foot-right ul li.li2{ float: left; margin: 0px 5px 10px 5px;width: calc(66.6% - 10px); }
.foot .foot-right ul li input{ padding: 0 10px;width: 100%; height: 36px;
border: 1px solid #666; background: #666; line-height: 36px; }
.foot .foot-right ul li textarea{ display: block;margin: 0px;  padding: 10px;width: 100%; height: 120px;
border: 1px solid #666; background: #666; color: #eee; font-family: Arial,"Microsoft Yahei"; }
.foot .foot-right ul li.li3{position: absolute; right: 5px; bottom: 0px; }

.foot .foot-right ul li.li3 input{ padding: 0 10px;width: 100%; height: 36px;
border: 1px solid #666; background: #666; color: #eee; line-height: 36px;}

.foot .foot-right ul li.li3 p{ margin-bottom: 10px; color: #999;font-size: 16px;}

.foot .foot-right ul li input::-webkit-input-placeholder {color:#eee;}
.foot .foot-right ul li input:-moz-placeholder {color:#eee;}
.foot .foot-right ul li input::-moz-placeholder {color:#eee;}
.foot .foot-right ul li input:-ms-input-placeholder {color:#eee;}
.foot .foot-right ul li textarea::-webkit-input-placeholder {color:#eee;}
.foot .foot-right ul li textarea:-moz-placeholder {color:#eee;}
.foot .foot-right ul li textarea::-moz-placeholder {color:#eee;}
.foot .foot-right ul li textarea:-ms-input-placeholder {color:#eee;}
.foot .foot-right h4{ margin-top: 10px; color: #f3f3f3; font-weight: 900;font-size: 16px; font-family: Arial;}

.foot .foot-bottom{ margin-top: 50px;padding-top: 45px; border-top: 1px solid #999;}
.foot .foot-bottom p{ color: #eee;text-align: center;}
.foot .foot-bottom p a{ color: #eee;}

.title{ margin-bottom: 40px;  color: #202020;font-size: 36px;  font-family: 'dbsb'; }
.title-c {text-align: center;}
.title-w {color:#fff;}
.more{ display: block;
 padding-left: 20px;
 background: url("../img/009.png"img/009.png*/) no-repeat left center;  color: #000066;font-size: 16px;  font-family: 'dbsb';transition: all 0.3s ease;  }
.more:hover{ padding-left: 30px; color: #000066;  }
.more-w{  background: url(../img/010.png) no-repeat left center; color: #fff;  }
.more-w:hover{ padding-left: 30px; color: #fff;  }

.area-pc{ position: relative; overflow: hidden;width: 100%; height: auto;}
.area-pc .area-pc-left{ position: relative; z-index: 5;width: 700px; height: auto; background: #fff;}
.area-pc .area-pc-left .top{ overflow: hidden;margin-bottom: 4%; height: auto; }
.area-pc .area-pc-left .top p{font-size: 20px;color: #000;width: 85%;}
.area-pc .area-pc-left .top .hang1{ overflow: hidden; margin-bottom: 20px;max-height: 120px;}
.area-pc .area-pc-left .area-pc-tip{ overflow: hidden;width: 100%; height: auto; border-top: 1px solid #999;}
.area-pc .area-pc-left .area-pc-tip li{ position: relative; overflow: hidden;  padding-left: 90px;width: 100%; height: 100px;
    border-bottom: 1px solid #999; color: #666666; line-height: 100px;transition: all 0.3s ease;}
.area-pc .area-pc-left .area-pc-tip li img{position: absolute; top: 35px; left: 25px;transition: all 0.3s ease;}
.area-pc .area-pc-left .area-pc-tip li:hover{   border-bottom: 1px solid #e60012 ; background: #e60012 ;color: #fff;}
.area-pc .area-pc-left .area-pc-tip li .img0{ opacity:1;filter:alpha(opacity:100);  -moz-opacity:1;-khtml-opacity: 1;}
.area-pc .area-pc-left .area-pc-tip li .img1{ opacity:0;filter:alpha(opacity:0);  -moz-opacity:0;-khtml-opacity: 0;}
.area-pc .area-pc-left .area-pc-tip li:hover .img1{ opacity:1;filter:alpha(opacity:100);  -moz-opacity:1;-khtml-opacity: 1;}
.area-pc .area-pc-left .area-pc-tip li:hover .img0{ opacity:0;filter:alpha(opacity:0);  -moz-opacity:0;-khtml-opacity: 0;}

.area-pc .area-pc-left .area-pc-tip li.on{   border-bottom: 1px solid #e60012 ; background: #e60012 ;color: #fff;}
.area-pc .area-pc-left .area-pc-tip li.on .img1{ opacity:1;filter:alpha(opacity:100);  -moz-opacity:1;-khtml-opacity: 1;}
.area-pc .area-pc-left .area-pc-tip li.on .img0{ opacity:0;filter:alpha(opacity:0);  -moz-opacity:0;-khtml-opacity: 0;}
.area-pc .area-pc-left .area-pc-txt {position: absolute; bottom: 0px; left:700px;
width: 485px;  min-height: 514px;     background-color: rgb(110 110 110 / 70%); color: #fff; }
.area-pc .area-pc-left .area-pc-txt li{ display:none;overflow: hidden;padding: 100px 60px 60px 60px;height: auto;}
.area-pc .area-pc-left .area-pc-txt .hang2{ overflow: hidden; margin-bottom: 40px;max-height: 144px;}
.area-pc .area-pc-left .area-pc-txt .hang2 p{font-weight: bold;font-size: 18px;}
.area-pc .area-pc-left .area-pc-txt .hang2 .item{margin-right: 6%;margin-bottom: 6%;padding: 4% 0 4% 0;width: 44%;background: #e60012;text-align: center;}
.area-pc .area-pc-left .area-pc-txt .hang2 .item a{color: #fff;font-size: 18px;}
.area-pc .area-pc-left .area-pc-txt h5{ margin-bottom: 40px; font-weight: 500;font-size: 30px; font-family:'dbsb';  }
.area-pc .area-pc-pic{ position: absolute; top: 0px; right: 0px;width: calc(42% + 200px); height: 100%; }
.area-pc .area-pc-pic li{ position: absolute; top: 0px; right: 0px; display: none;width: calc(100% + 0px); height: 100%;}
.area-mb{display: none; overflow: hidden; width: 100%; height: auto;}

.area-mb ul { overflow: hidden;width: 100%; height: auto;border-top: 1px solid #999;}
.area-mb ul li { overflow: hidden;width: 100%; height: auto;border-bottom: 1px solid #999;}

.area-mb ul li .top{
     position: relative; overflow: hidden;  padding-left: 80px;width: 100%; height: 70px; color: #666666; line-height: 70px;transition: all 0.3s ease;}
.area-mb ul li .top img{position: absolute; top: 20px; left: 25px;transition: all 0.3s ease;}
.area-mb ul li .top .img0{ opacity:1;filter:alpha(opacity:100);  -moz-opacity:1;-khtml-opacity: 1;}
.area-mb ul li .top .img1{ opacity:0;filter:alpha(opacity:0);  -moz-opacity:0;-khtml-opacity: 0;}
.area-mb ul li .top:hover{   border-bottom: 1px solid #e60012; background: #e60012;color: #fff;}
.area-mb ul li .top:hover .img1{ opacity:1;filter:alpha(opacity:100);  -moz-opacity:1;-khtml-opacity: 1;}
.area-mb ul li .top:hover .img0{ opacity:0;filter:alpha(opacity:0);  -moz-opacity:0;-khtml-opacity: 0;}
.area-mb ul li.on .top{   border-bottom: 1px solid #e60012; background: #e60012;color: #fff;}
.area-mb ul li.on .top .img1{ opacity:1;filter:alpha(opacity:100);  -moz-opacity:1;-khtml-opacity: 1;}
.area-mb ul li.on .top .img0{ opacity:0;filter:alpha(opacity:0);  -moz-opacity:0;-khtml-opacity: 0;}
.area-mb ul li .box{ display: none; overflow: hidden;height: auto; color: #fff;}
.area-mb ul li .box .txt{ margin-top: 40px; padding:40px;  width: 80%;background: rgb(215 215 215);color: #000;}
.area-mb ul li .box .txt .more{margin-top: 30px;color: #000;}

.area-mb .top1{ overflow: hidden;padding-bottom:20px;height: auto; }
.area-mb .top1 .hang1{ overflow: hidden; margin-bottom: 20px;max-height: 96px;}
 
.scope{ position: relative; overflow: hidden; margin-bottom: 30px; height: auto; }
.scope .in_more{margin-top: 2%;text-align: center;}
.scope .in_more .longfei-more{float: inherit;display: -webkit-inline-box;padding: 15px 30px;}
.scope .item{margin-bottom: 1%;width: 32.6%;}
.scope .item:nth-last-child(5){margin-right: 1%;margin-left: 1%;}
.scope .item:nth-last-child(2){margin-right: 1%;margin-left: 1%;}
.scope .item a{ position: relative;display: block; overflow: hidden;/* padding-bottom: 88px; */width: 100%; height: auto;}
.scope .item .pic{ overflow: hidden;width: 100%; height: auto;}
.scope .item .pic img{ display: block;width: 100%;}
.scope .item span{ display: block;margin:35px 0; color: #666; text-align: center; font-size: 40px;  font-family: 'dbsb'; line-height: 1;
transition: all 0.3s ease; }
.scope  .item h3{ overflow: hidden; margin-bottom: 50px;  height: 60px; color: #fff;
 text-align: center; font-size: 20px;  font-family: 'dbsb'; line-height: 1.5;  transition: all 0.3s ease;}
.scope  .item .hang3{ overflow: hidden;max-height: 96px; color: #fff; text-align: center; transition: all 0.3s ease;}
.scope  .item .txt{ position: absolute; bottom: -70px; left: 0px; padding:0 15px;width: 100%; transition: all 0.3s ease;  }
.scope  .item a:hover .txt{ bottom: 0px; background: #e60012; }
.scope  .item a:hover h3{ margin-bottom: 35px;padding-top: 20px; height: auto; max-height: 60px;color: #fff;}
.scope  .item a:hover span{color: #fff;}

.scope .swiper-button-prev, .scope .swiper-button-next {
    margin-top: -50px;
    width: 30px;
    height: 100px;
    background-size: 30px 100px;
    opacity: 1;
}
.scope .swiper-button-prev{ left: 5%;background-image: url(../img/018.png);}
.scope .swiper-button-next{ right: 5%;background-image: url(../img/019.png);}


/* 关于我们 */
.longfei-grey{background:#f3f3f3; }
.longfei-about-left { float: left;width: 40%;}
.longfei-about-left .box{ float: right; padding-right: 40px;width: 550px;}
.longfei-about-left .box .txt{margin-top: 60px; margin-bottom: 60px;}
.longfei-about-right { position: relative; float: left;width: 60%;}
.longfei-about-right .box1{position: relative;
  z-index: 2; padding-left: 380px;  }
.longfei-about-right .box1 .red{padding: 60px ; background-color: rgba(230,0,18,0.5);}
.longfei-about-right .red h1{width: 500px;color: #fff; font-size: 36px;}
.longfei-about-right .red h3{ margin-top:20px;width: 500px;color: #fff; font-size: 24px;}
.longfei-about-back1{ position: absolute; top: 0px; right: 0px;z-index: 1;width: calc(100% - 380px);height: 100%;}

.longfei-about-right .box2{position: relative;
  z-index: 2; padding-left: 380px;  }
.longfei-about-right .box2 .red{padding: 60px ; background-color: rgba(230,0,18,0.9);}
.longfei-about-right .box2 .longfei-about-back2{position: absolute;top: 0px;left: 0px; width: 380px;  height: 100%;}
.longfei-about-right .box2 .longfei-about-back2 img{position: absolute;top: 0px;left: 0px; width: 380px; height: 100%;}


@media (max-width:1550px) {
.longfei-about-left .box{width: 420px;}
.longfei-about-right .red h3{width: 300px;font-size: 16px;}
.longfei-about-right .red h1{width: 300px; font-size: 24px;}
 .longfei-about-left .box .txt{margin-top: 40px; margin-bottom: 40px;}
.longfei-about-in-3 .main .txt {padding-top: 40px;}
.longfei-about-in-3 .main .pic2 {padding-top: 20px;}

}

@media (max-width:1200px) {
.longfei-about-left{ float: none; margin: 0 auto;width: calc(100% - 40px); }
.longfei-about-left .box{ float: none; padding-right: 0px;width: 100%;}
.longfei-about-right { float: none; margin: 0 auto; margin-top: 60px;width: calc(100% - 40px); }
.longfei-about-right .box1 {padding-left: 0%;}
.longfei-about-right .box2 {padding-left: 50%;}
.longfei-about-back1{width: 50%;}
.longfei-about-right .box1 .red h1{width: 50%;}
.longfei-about-right .box1 .red h3{width: 50%;}
.longfei-about-right .box2 .red h1{width: 100%;}
.longfei-about-right .box2 .red h3{width: 100%;}
.longfei-about-right .box2 .longfei-about-back2{width: 50%;}
}
 
 





.video-bk .video-c .close{position: absolute;top: -60px;right: -10px;width: 50px; height: 50px; background: #e60012;color: #fff;text-align: center;font-size: 30px;font-family: arial;line-height: 50px;}
@media only screen and (max-width:1400px) {
.play-cons .con p{font-size: 22px;}
}
@media only screen and (max-width:1200px) {
.play-cons .con p{font-size: 20px;}
}
@media only screen and (max-width:1024px) {
.play-cons .con p{font-size: 18px;}
}

@media only screen and (max-width:720px) {
	.video-bk .video-c .close{ top:-50px;width: 40px;height: 40px;line-height: 40px;}
.play-cons .con p{font-size: 16px;}
}

	   

.about{ position: relative; overflow: hidden;width: 100%; height: auto;}
.about .about-main{ position: relative; z-index: 2; overflow: hidden;margin-top:8%;width: 100%; height: auto;}
.about .about-back{ top: 0px; left: 0px; z-index: 1;width: 100%; max-height: 200px;}
.about .about-main .num{ overflow: hidden;width: 100%; height: auto;}
.about .about-main .wrap-b{  float: left; overflow: hidden; padding: 0 20px; width: 25%; height: auto;  }
.about .about-main .wrap-b .pic2{text-align: center; }
.about .about-main .wrap-b .pic2 img{max-width: 100%; }
.about .about-main .wrap-b h2{ padding:30px 0; color: #fff; text-align: center; font-weight: 900;font-size: 30px; font-family: Arial; line-height: 40px;  }
.about .about-main .wrap-b h2 span{font-size: 40px;}
.about .about-main .wrap-b b{display: block; color: #fff; text-align: center; text-align: center; font-family: 'dbsb';}
.about .about-main .about-txt{ overflow: hidden; padding:70px 60px;width: 100%; height: auto;  background: #e60012; }
.about .about-main .about-txt  .about-txt-left{ float: left;width: 230px;}
.about .about-main .about-txt  .about-txt-right{  float: left;width: calc(100% - 230px);}
.about .about-main .about-txt  .about-txt-right .hang4{ overflow: hidden;max-height: 120px; color: #fff;}
.about .about-main .about-txt  .about-txt-right .more{display: none; margin-top: 30px;}
.h30{ clear: both; display: none;height: 30px;}

/* 合作伙伴 */

.work{ }
.work span{display:block;margin:auto;width:55px;height:3px;background:#92c938; text-align:center;}
.work h1{margin-top:28px;margin-bottom:20px;color:#202020; text-align:center;font-size:24px;}
.work h2{color:#424141; text-align:center; font-weight:500;font-size:14px;}
.work .works{ }
.work .works a{float:left;display:block;margin-right: 10px;margin-bottom:20px;margin-left: 10px;width: 15%;border: 1px solid #ddd;}
.work .works a img{width: 100%;}
@media only screen and (max-width:1080px) {
.work .works a{width: 31%;}
}
@media only screen and (max-width:768px) {
.work .works a{width: 30%;margin-right: 5px;margin-bottom: 20px;margin-left: 5px;}

}
 


.case{ overflow: hidden; margin-left:-15px;width: calc(100% + 30px); height: auto;  }
.case .title{ overflow: hidden; margin-bottom: 30px; height: 48px; }
.case .case-box{ float: left; margin:0 15px;width: calc(33.3% - 30px); height: 290px;}
.case .case-box1{margin-bottom: 30px; padding:0 20px;}
.case .case-box2{ position: relative;margin-bottom: 30px; width: calc(66.6% - 30px); background: #e60012;}
.case .case-box1 .hang5{ overflow: hidden; margin-bottom: 30px;max-height: 96px;}
.case .case-box2 .left{ padding: 30px 20px;width: calc(50% + 15px); color: #fff; }
.case .case-box2 .left span{display: block; margin-bottom: 30px;font-size: 14px;}
.case .case-box2 .left h2{ overflow: hidden; margin-bottom: 30px; max-height: 60px; font-weight: 500;font-size: 20px;}
.case .case-box2 .hang5{ overflow: hidden;max-height: 96px; }

.case .case-box2 .right { position: absolute; top: 0px; right: 0px; overflow: hidden;width: calc(50% - 15px); height: 100%; }
.case .case-box2 .right .pic-back{ position: absolute; top: 0px; right: 0px;width: 100%; height: 100%;transition: all 0.3s ease; }
.case .case-box2:hover .right .pic-back{transform:scale(1.1,1.1);}
.case .case-box3{position: relative; overflow: hidden;}
.case .case-box3 .pic-back{ position: absolute; top: 0px; right: 0px; z-index: 1;width: 100%; height: 100%;transition: all 0.3s ease; }
.case .case-box3:hover .pic-back{transform:scale(1.1,1.1);}
.case .case-box3 .txt{ position: absolute; right: 0px; bottom: 0px; z-index: 2; padding: 30px 30px 0 30px;width: 100%; height: 145px;
    background: rgba(0,0,102,0.8); color: #fff;}
.case .case-box3 .txt span{display: block; margin-bottom: 20px;font-size: 14px;}
.case .case-box3 .txt h3{ overflow: hidden; max-height: 48px; font-weight: 500;font-size: 16px; }
.case .case-box3 .txt:before { position: absolute; right: 20px; bottom: 20px; display: block;
width: 24px; height: 24px; background: url("../img/024.png"img/024.png*/);content:""; }
.case .case-box4{border-top: 1px solid #999;}
.case .case-box4 .txt{ position: relative; padding: 30px 30px 0 30px;width: 100%; height: 144px; border-bottom: 1px solid #999;}
.case .case-box4 .txt span{display: block; margin-bottom: 20px;font-size: 14px;}
.case .case-box4 .txt h3{ overflow: hidden; max-height: 48px; font-weight: 500;font-size: 16px; }
.case .case-box4 .txt:before { position: absolute; right: 20px; bottom: 20px; display: block;
width: 24px; height: 24px; background: url("../img/025.png"img/025.png*/);content:""; }


.in-banner{ padding:200px 0;  }
.in-banner .w600{ overflow: hidden; height: auto;max-width: 600px; color: #fff;text-shadow: 1px 1px 3px rgba(0,0,0,0.8); font-weight: 500;}
.in-banner .w600 h3{ margin-bottom: 30px;font-size: 36px;  font-family: 'dbsb';}
.in-banner .w600 p{ margin-bottom: 30px;}
.in-banner .w600 p span{display: block; width: 30px;}
.in-banner .w600 p span{width: 100%;}

/* 二级导航 */
/* .nei_pva{box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); */
.mbx{ float: right; overflow: hidden; padding-left: 40px;height: 80px; background: url(../img/027.png) left center no-repeat; color: #737373 ;text-overflow:ellipsis;white-space: nowrap; font-weight: 900; 
font-family: Arial; line-height: 80px;}
.mbx b{padding:0 10px; }
.mbx a{color: #737373;}
.mbx a:hover{color: #e60012;}
.in-about{background: url( "../img/a11.jpg"img/a11.jpg*/) no-repeat 90% bottom;margin-bottom: 30px;}
.in-about .about-txt{ float: left;margin-bottom: 1%; padding-right: 50px;width:100%;}
.in-about .about-txt p{font-size: 18px;line-height: 2;}
.in-about .num{  float: left;width: 50%;}
.in-about .num  .wrap-b{ float: left;width: 50%; text-align: center;}
.in-about .num  .wrap-b1{border-right: 1px solid #999; }
.in-about .num  .wrap-b3{border-top: 1px solid #999;border-right: 1px solid #999;  }
.in-about .num  .wrap-b4{border-top: 1px solid #999; }
.in-about .num  .wrap-b h2{ margin:25px 0; height: 40px;
    color: #e60012; text-align: center; font-weight: 900;font-size: 30px; font-family: Arial; line-height: 40px;  }
.in-about .num  .wrap-b h2 span{font-size: 40px; line-height: 40px;}
.in-about .num  .wrap-b b{display: block; margin-bottom: 25px; color: #333; text-align: center; text-align: center; font-family: 'dbsb';}
.ab2{margin-bottom: 2%;}
.team table{ margin: 0 auto;width: 100%; max-width: 960px; border-top: 1px solid #fff; border-left: 1px solid #fff;}
.team table th{ padding: 5px;width: 33.3%; border-right: 1px solid #fff; border-bottom: 1px solid #fff; color: #fff;
    text-align: center; font-weight: 500; font-family: 'dbsb'; }
.team table td{ padding: 5px;width: 33.3%; border-right: 1px solid #fff; border-bottom: 1px solid #fff; color: #fff;
    text-align: center; font-weight: 500;}

.area-list{ margin-left: -25px; width: calc(100% + 50px);letter-spacing:-4px;font-size:0;}
.area-list li{ display: inline-block; margin: 25px; width: calc(33.3% - 50px); vertical-align:top;letter-spacing:0px; font-size:16px;}
.area-list li .pic{ position: relative; float: left; margin-top: 20px;width: 50px;}
.area-list li .txt{ float: left; overflow: hidden;width: calc(100% - 50px); height: auto; transition: all 0.3s ease; }
.area-list li .txt h5{ margin-bottom: 20px;padding-bottom: 10px; border-bottom: 1px solid #333; font-weight: 500; font-size: 24px;}
.area-list li .txt p{line-height: 2;}
.area-list li:hover .txt{color: #e60012;}

.scope-list{ margin-left: -15px; width: calc(100% + 30px);letter-spacing:-4px;font-size:0;}
.scope-list li{ position: relative; position: relative; display: inline-block; margin: 15px; width: calc(25% - 30px); box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
 vertical-align:top;letter-spacing:0px; font-size:16px;}
.scope-list li .pic{ position: relative; overflow: hidden; padding-bottom: 75%;width: 100%; height:auto;}
.scope-list li .pic img{display: block;width: 100%;}
.scope-list li .txt{ overflow: hidden; padding: 20px;width: 100%; height: auto; color: #333;}
.scope-list li .txt h5{ overflow: hidden; margin-bottom: 15px;text-overflow:ellipsis;white-space: nowrap;
    font-weight: 500;font-size: 18px;  font-family: 'dbsb';}

.scope-list li .txt .hang6{overflow: hidden;height: 48px;}
.scope-list li span{position: absolute; right: 20px; bottom: 110px; display: block;width: 40px; height: 40px; background-color: #fff;
    background-image: url(../img/028.png );transition: all 0.3s ease; }
.scope-list li:hover span{background-color: #e60012; background-image: url(../img/029.png);}

.pro-list .black{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.5); opacity:0; transition: all 0.3s ease;
filter:alpha(opacity:0);  -moz-opacity:0;-khtml-opacity: 0;  }
.pro-list .black .m{ position: absolute; top: 50%;
left: 50%; display: block; margin-top: -20px; margin-left: -75px;width: 150px; height: 40px; border: 1px solid #fff; color: #fff; text-align: center; line-height: 40px;}

.pro-list li:hover .black{ opacity:1;filter:alpha(opacity:100);  -moz-opacity:1;-khtml-opacity: 1; }
.pro-list li .pic{padding-bottom: 0px;}

.page{ margin-top: 30px;text-align: center;}
.page a{display: inline-block;margin: 3px; width: 40px;height: 40px ; background: #333; color: #fff; text-align: center; font-weight: 500; font-family: 'dbsb';
line-height: 40px; transition: all 0.3s ease;}

.page a:hover{ background: #e60012; }
.page a.cut{ background: #e60012; }

.area{ overflow: hidden;height: auto;}
.area-left{ float: left; overflow: hidden; margin-right: 40px; width: calc(100% - 340px);height: auto; max-width:840px;}
.area-right{ float: right; overflow: hidden; width:300px;height: auto;}
.wenzhang { overflow: hidden;width: 100%; height: auto;text-align: center; word-break: break-word;}
.wenzhang p {text-align: left;line-height: 2;}
.wenzhang img {max-width: 100%;}
.area-left h5{ margin-bottom: 25px; font-weight: 500;font-size: 28px; font-family: 'dbsb';}
.area-left .gang{display: block; margin-bottom: 30px;width: 100%; height: 1px; background: #333;}
.area-right h6{margin-top: 50px; margin-bottom: 35px; font-weight: 500;font-size: 24px; }
.area-right ul{border-bottom: 1px solid #999;}
.area-right ul li{ padding: 20px 0;border-top: 1px solid #999;}
.area-right ul li span{display: block; font-size: 14px;}
.area-right ul li h3{ margin-top: 15px; font-weight: 500;font-size: 16px;}
.project-right{ float: right; overflow: hidden; padding-left: 30px; width:300px;height: auto;}
.project-right ul { overflow: hidden; margin-top: 40px;height: auto;}
.project-right ul li{ position: relative; overflow: hidden; padding:20px 0;height: auto;}
.project-right ul li span{display: block; color: #666; font-size: 16px;}
.project-right ul li h3{margin-top: 15px; font-weight: 500;font-size: 24px;}
.project-right ul li h3 b{display: inline-block; font-weight: 500;}
.project-right ul li:before{position: absolute; bottom: 0px; left: 0px; display: block;  width: 20px; height: 4px;background: #e60012;content:" ";}

.area-left-2 .pro-a{ float: left; display: block;width: 30%; height: 60px; border-bottom:1px solid #eaeaea;
background: #f7f7f7; text-align: center; line-height: 60px;transition: all 0.3s ease;}
.area-left-2 .pro-a-b{margin:0 5%;}
.area-left-2 .pro-a:hover{ border-bottom:1px solid #e60012;color: #e60012;}


/* 新闻列表 */
.nyNews{margin: 40px 0;}
.nyNews li{padding: 20px 0;border-bottom:1px solid #e1e1e1;}
.nyNews li:hover{border-bottom-color:#e1e1e1;}
.nyNews li .pic{ width:20%;overflow:hidden;float:left;}
.nyNews li .pic img{width: 100%;cursor: pointer;-webkit-transition:1s all;-o-transition: 1s all;transition: 1s all;}
.nyNews li:hover .pic img{transform: scale(1.1);}
.nyNews li .wenz{width:75%;float:right;}
.nyNews li .wenz h3{margin:5px 0 10px;font-size:18px;color:#333;}
.nyNews li .wenz h3 a{color:#333;}
.nyNews li .wenz h3 a:hover{color:#e60012;}
.nyNews li .wenz p{font-size:16px;color:#6e6e6e;line-height:26px;height:78px;overflow:hidden;}
.nyNews li .wenz .date{color:#6e6e6e;margin-top:13px;}
.nyNews li .wenz .date span img{margin:-1px 4px 0 0;}
.nyNews li .wenz .bdsharebuttonbox{line-height:40px;}
.nyNews li .wenz .bdsharebuttonbox .bds_more{vertical-align:middle;float:none;background:url('../images/icon06.png');padding:0;display:inline-block;margin:-2px 0 0 0;width:13px;height:12px;}
.nyNews li .wenz .date a.fr{float:right;background:none;margin:0;color:#6e6e6e;border:2px solid #e1e1e1;padding:9px 26px; line-height:18px;-webkit-transition:.5s all;-o-transition: .5s all;transition: .5s all;}
.nyNews li .wenz .date a span{background: url('../images/icon39.png') no-repeat left;padding-left:18px; }
.nyNews li .wenz .date a.fr:hover{background-color:#e60012;color:#fff;border-color:#e60012;}
.nyNews li .wenz .date a.fr:hover span{background: url('../images/icon3939.png') no-repeat left;}

@media screen and (max-width: 1000px) {
/* 新闻列表 */
.nyNews li .pic{width: 100%;height:125px;}
.nyNews li .wenz{width:100%;}

.nyNews li .wenz .date{margin-top:9px;}
}

@media screen and (max-width: 767px) {	
.nyNews{}
    .nyNews li{margin-bottom:10px;background:none !important;}
    .nyNews li .pic{ }
    .nyNews li .wenz p{ line-height:20px; height:40px;}
    .nyNews li .wenz .date{}
    .nyNews li .wenz h3{font-size:16px;margin:0;white-space:normal;}    
}

/* 新闻详情 */
.news_v{margin-bottom:70px}
.news_v .container{border-bottom:1px solid #ccc}
.news_v .news_v_box{margin:0 auto;padding-top:20px}
.news_v .news_v_box .htit{padding:20px;border-bottom:1px solid #ccc;color:#969696;text-align:center;font-size:15px}
.news_v .news_v_box .htit h3{margin-bottom:5px;color:#3b3b3b;font-size:30px}
.news_v .news_v_box .htit p{color:#3b3b3b;font-size:18px}
.news_v .news_v_box .text_box{padding:30px 0;color:#575757;font-size:16px;line-height:2;}
.news_v .news_v_box .text_box p.n_next{text-align:right}
.news_v .news_v_box .text_box img{max-width:100%}
.news_v .area-left{width: 100%;margin: 0 auto;float: initial;}
@media (max-width:960px) {
	.news_v .news_v_box .htit h3{margin-bottom:5px;color:#3b3b3b;font-size:24px}
	.news_v .news_v_box .htit p{color:#3b3b3b;font-size:16px}
}


.con2{background: rgba(0,0,0,0.05);}
.con0 .title{float: left;width: 240px;}
.con1 ul{ float: left; overflow: hidden;width:30%; height: auto;}
.con1 ul li{  margin-bottom: 16px;width: 100%;font-size: 18px;}
.con1 ul .gs{font-size: 24px;font-weight: bold;}
.con1 ul li:last-child{ margin-bottom: 0px;}
.con1 ul li b{font-size: 20px;}
.con1 .erm{ float: left; overflow: hidden;width: calc(45% - 230px) ; height: auto;}
.con1 .erm img{width: 120px;}
.con1 .erm span{ display: block; margin-bottom: 25px;font-weight: 500; font-family: 'dbsb';}
.con1 .m-map{ float: left;display: block; margin-top: 50px ;width: 220px; height: 40px;
background-color: #a0a0a0; color: #fff;text-align: center;
font-weight: 500;font-family: 'dbsb'; line-height: 40px;transition: all 0.3s ease;  }
.con1 .m-map span{padding-right: 30px; background: url("../img/030.png"img/030.png*/) no-repeat right center; }
.con1 .m-map:hover{background: #000066;}





.con2 form{ float: left;display: block;width:calc(100% - 240px); }
.con2 form ul{  position: relative; overflow: hidden; margin-left: -10px; width: calc(100% + 20px);  height: auto; }
.con2 form ul li{ float: left; margin: 0px 10px 10px 10px;width: calc(33.3% - 20px); }

.con2 form ul li.li2{ float: left; margin: 0px 10px 10px 10px;width: calc(100% - 20px); }
.con2 form ul li input{ padding: 0 10px;width: 100%; height: 40px;
border: 1px solid #696969; background: rgba(255,255,255,0.5); color: #666; line-height: 40px;}
.con2 form ul li textarea{ display: block;margin: 0px;  padding: 10px;width: 100%; height: 120px;
border: 1px solid #696969; background: rgba(255,255,255,0.5); color: #666; font-family: Arial,"Microsoft Yahei"; }
.con2 form ul li.li3{ margin: 0px 10px 10px 10px;width: calc(66.6% - 20px); }

.con2 form ul li.li4 input{ padding: 0 10px;width: 100%; height: 36px;
border: 1px solid #666; border-width: 0px; background: #a0a0a0 !important; color: #fff !important;font-weight: 500;font-family: 'dbsb'; line-height: 36px;transition: all 0.3s ease; }
.con2 form ul li.li4 input:hover{background: #e60012 !important;}
.con2 form ul li.li3 p{ height: 40px;color: #666; text-align: right; line-height: 40px;}

.con2 form ul li input::-webkit-input-placeholder {color:#666;}
.con2 form ul li input:-moz-placeholder {color:#666;}
.con2 form ul li input::-moz-placeholder {color:#666;}
.con2 form ul li input:-ms-input-placeholder {color:#666;}
.con2 form ul li textarea::-webkit-input-placeholder {color:#666;}
.con2 form ul li textarea:-moz-placeholder {color:#666;}
.con2 form ul li textarea::-moz-placeholder {color:#666;}
.con2 form ul li textarea:-ms-input-placeholder {color:#666;}








form.order{ overflow: hidden;width: 100%; height: auto;}
form.order ul{ overflow: hidden; margin-left: -20px;width:calc(100% + 40px); height: auto;}
form.order ul li{ float: left; overflow: hidden; margin: 0 20px 20px 20px;width:calc(50% - 40px); height: auto;}
form.order ul li.li2{width:calc(100% - 40px);}
form.order ul li input{ padding:0 10px;width: 100%; height: 40px; border: 1px solid #999; color: #666; line-height: 40px;}
form.order ul li textarea{  padding:10px;width: 100%; height: 200px; border: 1px solid #999; color: #666;font-family: Arial,"Microsoft Yahei";}
form.order ul li.li4{margin-bottom: 0px;}
form.order ul li.li4 input{border-width: 0px;  cursor: pointer;transition: all 0.3s ease; }
form.order ul li.li4 input:hover{ background: #e60012;color: #fff;}

form.order ul li input::-webkit-input-placeholder {color:#666;}
form.order ul li input:-moz-placeholder {color:#666;}
form.order ul li input::-moz-placeholder {color:#666;}
form.order ul li input:-ms-input-placeholder {color:#666;}
form.order ul li textarea::-webkit-input-placeholder {color:#666;}
form.order ul li textarea:-moz-placeholder {color:#666;}
form.order ul li textarea::-moz-placeholder {color:#666;}
form.order ul li textarea:-ms-input-placeholder {color:#666;}

@media (max-width:1200px) {
	 .dl-menuwrapper{display: block;}
      .pc-nav{display: none;}
 .pc-top{display: none;}

 .foot .foot-left{display: none;}
 .foot .foot-right{width: 100%;margin-bottom: 4%;}
 .about .about-main .about-txt{ margin: 0 auto;width: 95%;}
 .in-banner{ margin-top: 50px; }
}

@media (max-width:1100px) {
.scope  .item a{ /* padding-bottom: 150px; */ position: inherit;}
.scope  .item .txt{ bottom: -150px;padding:0px;  padding-bottom: 20px; position: inherit;}
.scope  .item span{ margin:30px 0;  font-size: 30px; }
.scope  .item h3{ margin-bottom: 0px; height:auto;margin-top: 10%;  font-size: 16px; line-height: 1.5;color: #000;}
.scope  .item a:hover h3{ margin-bottom: 30px; height: auto; max-height: 54px;}
.scope  .item a:hover .txt{ bottom: 0px;  }
.about .about-main .about-txt{padding:40px;  }
}


@media (max-width:960px) {
    .area-pc{display: none;}
    .area-mb{display: block;}
	.area-mb ul li .box .txt .hang2 .item{margin-right:4%;margin-bottom: 6%;padding: 4% 0 4% 0;width: 46%;background: #e60012;text-align: center;}
	.area-mb ul li .box .txt .hang2 .item a{color: #fff;font-size: 16px;}
    .about .about-main .wrap-b{ width: 50%;  }
    .h30{display: block;}
	.mbx {height: 60px;line-height: 60px;}
	.ab2 img{width: 100%;}
	.con1 ul .gs{font-size: 18px;font-weight: bold;}
	.scope .item{width: 48%;}
	.scope .item:nth-last-child(2){margin-left: 0;}
	.scope .item:nth-last-child(3){margin-right: 1%;margin-left: 1%;}

    .case .case-box1{width: calc(100% - 30px);  height: auto;}
    .case .case-box2{width: calc(100% - 30px); }
    .case .case-box3{  margin-bottom: 30px;width: calc(50% - 30px);}
    .case .case-box4{width: calc(100% - 30px); }
    .in-about .about-txt{ float: none; padding-right: 0px;width: 100%;}
	.in-about .about-txt font{font-size: 20px;}
	.in-about .num{  float: none;width: 100%;}
    .in-about{ background-position: left bottom;background-size: 100%; }
    .area-list li{  width: calc(50% - 50px);}
	.scope-list li{  width: calc(50% - 30px);}

    .con0 .title{width: 100%;}



    .con2 form{width:calc(100% - 0px); }
    .con1 ul{ float: left; overflow: hidden;width: calc(55% - 110px) ; height: auto;}
.con1 .erm{ float: left; overflow: hidden;width: calc(45% - 110px) ; height: auto;}




}
@media (max-width:800px) {

.about .about-main .about-txt  .about-txt-left{ float: none;width: 100%;}
.about .about-main .about-txt  .about-txt-right{  float: none;width: calc(100% - 0px); }
.about .about-main .about-txt  .about-txt-left .more{display: none;}
.about .about-main .about-txt  .about-txt-right .more{display: block;}

.area-left{ float: none; margin-right: 0px;width: 100%;}
.area-right{ float: none;width: 100%;}
.project-right{ float: none; padding-left: 0px;width: 100%;}
.project-right ul li{ display: inline-block; padding-right: 50px !important; }
.project-right ul li h3{font-size: 20px;}
    .con1 ul{ float: left; overflow: hidden;width: calc(55% - 0px) ; height: auto;}
.con1 .erm{ float: left; overflow: hidden;width: calc(45% - 0px) ; height: auto;}

form.order ul li.li1{width:calc(100% - 40px);}
.foot .foot-right ul h3{display: none;}
.foot .foot-right ul li{width: 100%;}
.foot .foot-right ul li.li2{width: 100%;}
.foot .foot-right ul li.li3{position: inherit;}

}
@media (max-width:600px) {
    .h80{height: 60px;}

	 .banner .pic-s{ display: block;}

	 .banner .pic-b{   }
     .foot{padding:30px 0; }
      .foot .foot-top{ }
      .foot .foot-bottom{ margin-top: 0px;padding-top: 0px; border-top: 0px solid #999;}
    .area-mb ul li .box .txt{  margin-top: 0;padding:20px;  width: 100%;  }
    .title{ margin-bottom: 20px;font-size: 26px;text-align: center;}


    .scope .swiper-button-prev, .scope .swiper-button-next {
    margin-top: -30px;
    width: 20px;
    height: 60px;
    background-size: 20px 60px;
    opacity: 1;
}
.scope .swiper-button-prev{ left: 5px;}
.scope .swiper-button-next{ right: 5px;}
.about .about-main .wrap-b h2{ padding:20px 0;font-size: 16px; line-height: 24px; }
.about .about-main .wrap-b h2 span{font-size: 24px;}

.about .about-main .about-txt{padding:40px 20px; }
.in-banner span{display: none;}
.in-banner p{display: none;}
.in-banner {
    padding: 30% 0;
}
.in-banner .w600 h3 {
    margin-bottom: 0px; text-align: center;
    font-size: 28px;
}
.area-left h5{font-size: 24px;}
.case .case-box2 {height: auto;}
.case .case-box2 .right { position: relative; overflow: hidden;width: calc(100% - 0px); height: 350px; }
.case .case-box2 .left{width: 100%;}
 .case .case-box3{width: calc(100% - 30px); }
 .area-list li{  width: calc(100% - 50px);}
 .scope-list li{  width: calc(100% - 30px);}

 .page a{margin: 2px; width: 30px;height: 30px ;  font-size: 12px;
line-height: 30px; }

.area-left-2 .pro-a{height: 40px; line-height: 40px; }

.con2 form ul li{ float: left; margin: 0px 10px 10px 10px;width: calc(100% - 20px) !important; }


form.order ul{ margin-left: -10px;width:calc(100% + 20px);}
form.order ul li{ margin: 0 10px 20px 10px;width:calc(100% - 20px) !important; }
form.order ul li.li4{width:calc(50% - 20px) !important; }

}

@media (max-width:500px) {
        .con1 ul{ float: left; overflow: hidden;width: calc(100% - 0px) ; height: auto;}
.con1 .erm{ float: left; overflow: hidden; margin-top: 40px;width: calc(100% - 0px) ; height: auto;}

}


/* download */
.downlist{/* padding:5.5% 0; */}
.downlist .list_content{margin-top:48px;}
.downlist .list_content ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.downlist .list_content ul li{margin-bottom:20px;padding-bottom:20px;width:48%;font-size:16px;border-bottom: 1px dotted #000;}
.downlist .list_content ul li .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;width: 100%;}
.downlist .list_content ul li .wrap p{width:calc(96% - 170px);width:-webkit-calc(96% - 170px)}
.downlist .list_content ul li .wrap .rt{width:auto}
.downlist .list_content ul li .date{display: inline-block;vertical-align: middle;}
.downlist .list_content ul li i{display:inline-block;margin-left:10px;width:24px;height:24px;background:url(../images/download.png)no-repeat center;background-size:100% auto;vertical-align: middle;}
@media only screen and (min-width:521px){
	.downlist .list_content ul li:hover{color:#521f79;}
}
@media only screen and (max-width:1080px){
	/* .downlist{padding:64px 0;} */
}
@media only screen and (max-width:850px){
	/* .downlist{padding:50px 0;} */
	.downlist .list_content{margin-top:30px;}
}
@media only screen and (max-width:680px){
	.downlist .list_content ul li{width: 100%;}
}
@media only screen and (max-width:520px){
	/* .downlist{padding:40px 0;} */
	.downlist .list_content{margin-top:40px;}
	.downlist .list_content ul li{margin-bottom:10px;padding-bottom:10px;font-size:14px;}
	.downlist .list_content ul li i{width: 20px;height: 20px;}
}