#menu { margin: 0; padding: 0; position: fixed; right:0px; top: 32%; list-style-type: none; z-index: 70;margin-top:-80px;}
#menu a {display:block;color: #fff; text-decoration: none;font-size: 16px;}
#menu a span{display:block;text-indent: -9999px;width:10px;height:10px;border:2px solid #d9d9d9;border-radius: 50%;margin:0 auto;margin-bottom: 20px;margin-right:15px}
#menu li:first-child a span{/* border-color:#A40000; */}
#menu .active a{width:87px;height:45px;padding:12px 10px; color: #fff; background:url(../images/nav_bg11.png) center no-repeat;margin-bottom:10px;}
#menu .active a span{text-indent:0;border:none;border-radius: 0;width:100%;height:100%;}

 .projectitem_wrapper{ position:relative;}
 .projectitem { width: 24%; height: auto; margin-right: 1%; margin-bottom: 1%; position: relative;/* background: #000; */ }
 .projectitem a {display: block;overflow: hidden;}
.content_list { padding-bottom: 40px; }
 .projectitem a .project_img::after { content: "+"; width: 50px; height: 50px; line-height: 50px; display: inline-block; position: absolute; top: 0%; left: 50%; z-index: 10; opacity: 0; color: rgb(255, 255, 255); font-size: 40px; text-align: center; font-family: "Times New Roman", 微软雅黑; margin: 0px auto 0px -26px; border-radius: 50px; border-width: 1px; border-style: solid; border-color: rgba(255, 255, 255, 0.5); border-image: initial; transition: all 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) 0s; }
 .projectitem a img { float: none; width: 100%; height: auto; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
 .projectitem a img { max-width: 100%; display: block; }
 .projectitem a .project_info {width: 100%;height: 100%;background: rgba(0, 0, 0, 0);position: absolute;left: 0;top: 0;transition: all ease-out .3s;}
 .projectitem a:hover .project_info { background: rgba(0, 0, 0, .5); }
 .projectitem a .project_info div { z-index: 3; }

.project_img {position: relative;/* height: 210px; */}
 .projectitem a {display: block;overflow: hidden;}
 .projectitem a:hover img { transform: scale(1.1, 1.1); }
 .projectitem a .project_info div {position: absolute;height: 90px;width: 100%;bottom: -90px;margin-top: 0;top: auto;background-color: transparent;transition: all 0.3s ease-out 0s;}
.projectitem .project_info p.title {margin-top: 10px;font-size: 14px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;color: #666;text-align: left;padding: 0;line-height: 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.projectitem .project_info p.subtitle { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 0px; color: #999; text-align: left; padding: 0; padding-top: 5px; font-size: 12px; transition: all ease-out .3s; }
 .projectitem a .project_info p { text-align: center; color: #fff; padding: 0 20px; }
.module-content .description { font-size: 12px; width: 720px; margin: 0 auto; line-height: 24px; overflow: hidden; }
.hide, .popup { display: none; }
 .projectitem a .project_info div:after {content: '';width: 100%;height: 1px;background: #cecccc;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;margin: 5px 0;display: block;}
 .projectitem:hover a .project_img::after { margin-top: -26px; top: 50%; opacity: 1; }
 .projectitem a:hover .project_info div:after { background: #666; }



.section-box{padding-top:80px;} 
.section2 .sec-box{background: url(../images/bg02.jpg) no-repeat center bottom;}
.section2 h3{text-align: center;}
.section2 .swiper-slide{width:275px;/* height:450px; */}
.section2 .swiper-slide .pt-item{position:relative;height:33.3%;width:100%;
    margin: 1%;border-bottom: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;}
.section2 .swiper-slide .pt-item img { 
    z-index: 2000;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;}
.section2 .pt-item:hover img{    opacity: 1;
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    filter: none;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    transform: scale(0.9);
    background: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,0.3);

}
.headingw{width: 1200px;    margin: 0 auto;}
.heading {/* height: 60px; */ font-size: 16px; line-height: 40px;  border-bottom: 0px solid #e8e8e8; }
.heading ul{  text-align: center; }
.heading li {     display: inline-block;  margin-bottom: 20px;   text-align: center;  }
.heading a:last-of-type { border-right: 1px solid #ff891b; }
.heading a { display: inline-block; padding: 0 30px;border-left: 1px solid #ff891b;  border-top: 1px solid #ff891b;  border-bottom: 1px solid #ff891b;border-right: 0px solid #ff891b; }
.heading li.on{  background:#ff891b ; }
.heading li.on a{ color: #fff; }
    
    

 .index-ft .copy{height:40px;line-height: 40px;color:#d7d4d4;background: #000;text-align:center;}
 .index-ft .copy img{vertical-align: text-top;}
 .index-ft-top{background: #1e2126;padding: 60px 60px;
    padding-bottom: 40px;color:#878787}
 .index-ft-top .ft-part{float: left;/* padding:20px 0 */font-size: 15px;
    color: #999;}
 .index-ft-top .ft-map{width:25%;height:260px;}
 .index-ft-top .ft-tro{width:32%;padding:0 3%}
 .index-ft-top .ft-tro dl{padding-bottom: 18px;}
 .index-ft-top .ft-tro dt{font-size:20px;padding-bottom: 18px;}
 .index-ft-top .ft-tro dd{padding-bottom:26px;padding-left:24px;position: relative;}
 .index-ft-top .ft-tro dd:before{display: block;content:'';width:18px;height:18px;background: url(../images/link.png) no-repeat;position:absolute;left:0;}
 .index-ft-top .ft-tro dd.addr:before{background-position: 0 0;}
 .index-ft-top .ft-tro dd.tel:before{background-position: -18px 0;}
 .index-ft-top .ft-tro dd.phone:before{background-position: -36px 0;}
 .index-ft-top .ft-tro dd.fax:before{background-position: -54px 0;}
 .index-ft-top .ft-tro dd.qq:before{background-position: -108px 0;}
 .index-ft-top .ft-tro dd.email:before{background-position: -72px 0;}
 .index-ft-top .ft-ewm{width:12%; text-align: center;padding: 0 3% 0 0; line-height: 30px;}
 .index-ft-top .ft-ewm img{width:100%; }
 .index-ft-top .ft-input{width:28%}
 .index-ft-top .ft-input h3{font-size:18px;padding-bottom: 18px;}
 .index-ft-top .ft-input input{border:none;background: none;border-bottom:1px solid #878787;color:#878787;width:44%;margin-right:3%;height:30px;line-height: 30px;margin-bottom: 30px;}
 .index-ft-top .ft-input input:focus{border-bottom-color:#fddb92}
 .index-ft-top .ft-input textarea{border:none;background: none;border:1px solid #878787;width:95%;min-height:60px;color:#878787;padding:2%}
 .index-ft-top .buta{display: block;width:80px;text-align:center;border:1px solid #878787;height:30px;line-height: 30px;/* margin-top: 15px; */}
 .index-ft-top .buta:hover{border-color:#fddb92;background:#fddb92;color:#333;}
 .index-ft-top .ft-input textarea:focus{border-color:#fddb92;}
 
 .fp-slidesNav.bottom{bottom:45px;}
.bannerimg{width:100%;height:100%;background-size: cover;
    -webkit-transition: -webkit-transform 7s;
    -moz-transition: -moz-transform 7s;
    transition: transform 7s;
    -ms-transition: -ms-transform 7s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;position: relative;}
/*.bannerimg a{display: block;width:185px;height:50px;border-radius: 25px;background: #a40001;color:#fff;text-align: center;line-height: 50px;position:absolute;bottom:130px;left:50%;margin-left:-90px;font-size:16px;transition:0.3s;-ms-transitioin:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s}
*/.bannerimg a:hover{color:#facb67;/* background: #fff; */}
.bannerimg h3{position: absolute;bottom:0;left:0;right:0;height:45px;line-height:45px;text-align: center;color:#fff;background: rgba(0,0,0,0.6);font-size: 18px;}
 
.section2{background: url(../images/bg02.jpg) center top no-repeat;position:relative}
.section3,.section5{background: url(../images/bg02.jpg) center top no-repeat;position:relative}
.section2 h1{text-align: center;font-size: 26px;color:#d40506;margin-bottom:15px;padding-top:80px}
.section2 h1:after{content:'';display: block;margin:0 auto;background: url(../images/dian.png) no-repeat;width:200px;height:36px;}
.partner{width:100%;margin:0 auto;padding-bottom: 10px;}
.btn-box{text-align: center;margin-top:15px;padding-bottom: 30px;}
.partner .swiper-slide{width:20%}
.partner .swiper-slide .pt-item{ padding: 35px 5px 0 5px;}
.prev1, .next1{display:inline-block;width:40px;height:40px;top:90%;background-image:url(../images/btn3.png);background-repeat: no-repeat;}
.prev1{background-position: 0px -40px;margin-right: 60px;}  
.next1{background-position: -40px -40px;}
.next1.swiper-button-disabled{background-position:-40px 0;}
.prev1.swiper-button-disabled{background-position: 0 0;}
.top-item,.bot-item{height:50%;position:relative;}

.case-show{height:100%;position:relative;/*padding-top:80px;*/}
.case-show .swiper-slide{width:33.3333333333%;height:100%;}
.case-show .prev,.case-show .next{width:58px;height:76px;background: url(../images/btn03.png) no-repeat;}
.case-show .prev{background-position: 0 0 ;}
.case-show .next{background-position: -58px 0;}
.case-show .show{height:100%;width:100%;background-position: center;background-size:cover;}
.case-show .red-hover{display:none;background: rgba(0,0,0,0.6);width: 100%;height:100%;position:absolute;bottom:0;left:0;color:#fff;text-align: center;padding:35% 10%;font-size: 18px;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.case-show .red-hover .jia{display: block;width:45px;height:45px;background: url(../images/jia.png) no-repeat;margin:0 auto;margin-top:15px;}
.item:hover .red-hover{display: block;}

.new-top{padding-top:80px}
.new-top a:hover p{color:#333}
.new-top a:hover h2{color:#A40000}
.new-top .jt{display: block;width:45px;height:30px;background: url(../images/btn01-1.png) -60px 0 no-repeat;margin-top:20px;/*-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;animation: rightIn 1.8s 15 linear;*/}
/*.new-top .jt:hover{-webkit-transform: scale(0.9);-moz-transform: scale(0.9);-ms-transform: scale(0.9);transform: scale(0.9);}*/
.new-top-l{float: left;color:#999;width:50%;padding-left:5%;padding-right:5%;}
.new-top-l h2{color:#333;padding-bottom:10px;font-size: 18px;}
.new-top-l a p { width: 103%;line-height: 26px;height:262px;overflow: hidden;position: relative;}
.new-top-l a p:after { content: '...';position: absolute;bottom: 4px;right: 40px;}
.new-top-r{float: left;width:45%;}
.new-top-r aside{display: none;}
.new-container{width:90%;margin:30px auto;position:relative;/*top:-110px;*/}
.fp-tableCell .new-container { top: 0;}
.new-container ul li{float: left;margin-right:3%;width:22%;color:#999;}
.new-container ul li a{display: block;}
.new-container ul li h2{color:#333;font-size: 18px;padding: 10px 0;height: 55px;overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.new-container ul li p { width: 101%;height: 44px;line-height: 22px;overflow: hidden;position: relative;}
.new-container ul li p:after { content: '...';position: absolute;bottom: 0;right: -4px;}
.new-container ul li img{display: block;width: 100%;}
.new-container ul li span.jt{display: block;width:20px;height:20px;background: url(../images/jian03.png) right -20px;margin:22px 0;transition:.3s;-webkit-transition:.3;-moz-transition:.3s;-ms-transition:.3s;}
.new-container li a:hover .jt{-webkit-transform:translateX(15px);-moz-transform:translateX(15px);-ms-transform:translateX(15px);transform:translateX(15px);background-position:right 0}
.new-container li a:hover h2{color:#A40000;}



@media only screen and (max-width:1360px){
    .section2 .partner{width:88%;}
    
}
@media only screen and (max-width:1280px){
    .index-ft-top .index-ft-tro{padding:0 2%;}
}

@media only screen and (max-width:1024px){
    .section2 .partner{width:96%}
    .case-show .swiper-slide{width:50%}
    .index-ft-top .ft-map,.index-ft-top .ft-tro{width:48%;margin-right:auto;margin-left:auto;margin-bottom: 20px;}
    .index-ft-top .ft-input{float:none;width:100%;padding:3%;}
    
    .new-container{top:-40px;}
}

@media only screen and (max-width:992px){
    .partner .swiper-slide{width:33.33%;}

}
@media only screen and (max-width:768px){
    .index-ft-top .ft-tro dd { padding-bottom: 5px;}
    .index-ft-top .ft-tro dt { padding-bottom: 5px;}
    .index-ft-top .ft-input h3 { padding-bottom: 5px;}
    .index-ft-top  { padding: 80px 20px;}
    .case-show .red-hover { font-size: 16px;}
    .case-show { padding-top: 80px;}
     .section2 h1{margin-top:0;margin-bottom: 10px;}
     .section2 h1:after{display: none;}
     .partner .swiper-slide{width:50%}
     .section2 .prev1,.section2 .next1{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8);}
     .case-show .swiper-slide{width:50%}
     .case-show .red-hover{height:auto;padding:0 3%;display: block;}
     .case-show .red-hover .jia{display: none;}
     .case-show .prev,.case-show .next{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8);}
    .index-ft-top .ft-map{width:100%;float: none;}
    .index-ft-top .ft-tro{display:none;width: 100%;}
    .new-top-l{display: none;}
    .new-top-r{width:100%;float: none;}
    .new-top-r aside{display: block;padding:2% 3%}
    .new-top-r aside a{margin-top:8px;}
    .new-container{width: 100%;margin: 38px 10px ;}
    .new-container ul li{width:46%}
    .new-container ul li:nth-child(even){ margin-right: 0;}
    .new-container ul li h2{padding-bottom:0;font-size: 14px;}
    .new-container ul li a{margin-top:0px;}
    /*.new-container .jt { margin-left: 10px;}*/
    .new-container ul li .aside-p{display: none;}
    .section2 .swiper-slide{height:515px;}
    /*.section2 .swiper-slide p { font-size: 14px!impo;}*/
    
}
@media only screen and (max-width:600px){
    .section2 .swiper-slide{height:484px;}
}


@media only screen and (max-width:530px){
    .section2 .swiper-slide{height:415px;}
}
@media only screen and (max-width:460px){
    .section2 .swiper-slide{height:354px;}
    .index-ft .copy { font-size: 12px;}           

}
@media only screen and (max-width:320px){
    .section2 .swiper-slide{width:275px;height:425px;}
}