header{padding:15px 0px 15px 0px;width:100%;border-bottom:3px solid #be000a;}
header .w{position:relative;}
header h1.logo{float:left;}
header h1.logo img{width:63%;}
nav{font-size:18px;float:right;}
nav .language{text-align:right;}
nav .language .active{color:#be000a;}
nav ul{margin-top:40px;}
nav li{float:left;margin-left:40px;position:relative;}
nav li>a>i{margin-left:5px;}
nav li .nav-dropdown{opacity:0;visibility:hidden;position:absolute;left:0px;top:100%;z-index:2;min-width:400px;height:100%;transition:all 0.5s ease 0s;}
nav li:last-child .nav-dropdown{right:0px;left:auto;}
nav li .nav-dropdown .nav-dropdown-w{margin-top:25px;background:#fff;padding:15px;}
.nav-dropdown .nav-dropdown-w img{float:left;width:40%;}
.nav-dropdown .nav-dropdown-w ul{width:60%;float:left;margin-top:0px;}
.nav-dropdown .nav-dropdown-w ul i{margin-right:5px;}
nav li ul li{margin-left:0px;padding-left:20px;height:40px;font-size:16px;}
nav li:hover .nav-dropdown{visibility:visible;opacity:1;top:100%;}
nav li.active>a{color:#be000a;}
footer{background:url('../images/footer_bg.jpg') center no-repeat;color:#fff;padding-top:35px;}
footer h3{font-weight:normal;}
footer ul{margin-left:-49px;}
footer li{float:left;margin-left:49px;}
footer dt{line-height:40px;font-size:16px;}
footer a{color:#fff;}
footer dt a{color:#999;}
footer .fNavs{width:770px;}
footer .wxcode{width:154px;text-align:center;}
footer .wxcode span{display:block;height:40px;line-height:40px;}
footer .copyright p{float:left;}
footer .copyright a.support{float:right;}
.drawer--right .drawer-hamburger,.drawer-main{display:none;}
.flinks-wrap{border-top:1px solid #999;line-height:40px;padding-top:5px;}
.flinks-wrap span{border:1px solid #fff;border-radius:5px;padding:5px 15px;margin-right:5px;}
.flinks-wrap a{margin:0px 5px;}
.copyright{line-height:40px;}
.cate-tit{font-weight:normal;color:#be000a;font-size:36px;width:100%;text-align:center;}
.cate-tit p{color:#a1a3a7;font-size:28px;font-family:'Aria';display:block;}
.cate-tit em{background:#bdbec1;width:70px;height:1px;display:block;margin-top:5px;margin-left:auto;margin-right:auto;}
.cat-more{padding:8px 50px;color:#fff;display:inline-block;font-size:16px;background:#be000a;transition:800ms ease all;position:relative;}
.cat-more:hover{background:#fff;color:#be000a;}
.cat-more:before,.cat-more:after{content:'';position:absolute;top:0;right:0;height:2px;width:0;background:#be000a;transition:400ms ease all;}
.cat-more:after{  right:inherit;top:inherit;left:0;bottom:0;}
.cat-more:hover:before,.cat-more:hover:after{width:100%;transition:800ms ease all;}


@media (max-width:640px){
  header nav{display:none;}
  header h1.logo img{width:50%;}
  .drawer--right .drawer-hamburger,.drawer-main{display:block;}
  footer .fNavs{width:100%;}
  footer .wxcode{display:none;}
  footer{background:#222;}
  footer li{margin-left:0px;width:33.33%;display:inline-block;min-height:160px;text-align:center;}
  footer ul{margin-left:0px;}
  footer .copyright a.support{float:left;}
  .cate-tit{font-size:24px;}
  .cate-tit p{font-size:20px;}
  .cat-more{padding:4px 30px;}
}
/*幻灯*/
.swiper-slide a{width:100%;height:100%;position:relative;display:block;}
.swiper-slide>a>img{vertical-align:bottom;width:100%}
.swiper-slide .w{position:absolute;width:1200px;height:auto;left:50%;margin-left:-600px;top:0px;}
.swiper-slide .w p{margin-top:10%;}
.swiper-slide .mslider{display:none;}
.swiper-pagination span{width:15px;height:15px;}
.swiper-pagination-bullet{background:#c3c3c3;}
.swiper-pagination-bullet-active{background:#be000a;}
.service-bar{background:url('../images/service_bar_bg.png') left no-repeat;height:54px;width:40%;position:absolute;right:0px;bottom:0px;z-index:100;color:#fff;line-height:54px;font-size:20px;text-indent:20%;}
.service-bar a{display:block;color:#fff;}
@media (max-width:640px){
  .swiper-slide .w p{margin-top:0px;display:none;}
  .swiper-slide .mslider{display:block;}
  .swiper-slide .pcslider{display:none;}
}
/*服务*/
.service-wrap{background:#fff;height:300px;width:100%;border-top:10px solid #be000a;position:absolute;bottom:0px;right:-100%;z-index:99;-webkit-transition:right 1s;-o-transition:right 1s;transition:right 1s;}
.service-wrap .w{position:relative;}
.service-wrap .service-close{position:absolute;right:0px;top:0px;background:#f1f1f1;color:#666;font-size:20px;padding:10px 15px;}
.service-wrap h3{background:url('../images/service_cate_bg.png') no-repeat;width:107px;height:278px;color:#fff;margin-left:0px;font-weight:normal;padding-left:15px;font-size:18px;float:left;}
.service-wrap ul{float:right;width:1053px;}
.service-wrap ul li{width:335px;text-align:center;font-size:18px;float:left;position:relative;margin-top:5%;height:196px;overflow:hidden;}
.service-wrap ul li a{display:block;width:100%;height:100%;}
.service-wrap ul li span,.service-wrap ul li p{display:block;}
.service-wrap ul li p{color:#666;}
.service-wrap ul li em{height:3px;background:#be000a;width:10%;margin:10px auto;display:block;}
.service-wrap ul li .texts{position:absolute;width:100%;height:100%;left:0px;top:0px;background:#fff;z-index:1;padding:15px 0px;-webkit-transition:top 1s;-o-transition:top 1s;transition:top 1s;}
.service-wrap ul li .imgs{position:absolute;width:100%;height:100%;left:0px;bottom:-248px;-webkit-transition:bottom 1s;-o-transition:bottom 1s;transition:bottom 1s;color:#fff;overflow:hidden;}
.service-wrap ul li .imgs .relative{width:100%;height:100%;padding-top:20px;}
.service-wrap ul li .imgs .bg{position:absolute;top:0px;left:0px;z-index:-1;}
.service-wrap ul li .imgs .relative div{position:relative;z-index:1;background:rgba(200,5,7,0.7);width:80%;margin:0px auto;padding:15px 0px;}
.service-wrap ul li .imgs em{background:#fff;}
.service-wrap ul li:hover .imgs{bottom:0px;}
.service-wrap ul li:hover .texts{top:-248px;}
/*手机服务*/
.m-service-wrap{padding:40px 0px 40px 0px;display:none;}
.m-service-wrap ul{margin-top:10%;}
.m-service-wrap li{width:33.333%;float:left;text-align:center;}
.m-service-wrap li span{font-size:1.2rem;}
.m-service-wrap li p{padding:0px 10px;color:#666;}
.m-service-wrap li span,.m-service-wrap li p{display:block;}
@media (max-width:640px){
  .service-wrap,.service-bar{display:none;}
  .m-service-wrap{display:block;}
  .m-service-wrap li span{font-size:1rem;}
  .m-service-wrap li p{display:none;}
  .m-service-wrap li img{width:30%;transition:all 0.35s;}
  .m-service-wrap li:hover img{transform:scale(1.2,1.2);}
}
/*关于我们*/
.about-wrap{background:#eeeff1;padding:60px 0px 40px 0px;}
.about-wrap .cate-tit{text-align:left;}
.about-wrap .cate-tit em{margin-left:0px;}
.about-content{margin-top:30px;}
.about-content .col-left{width:50%;color:#666;line-height:28px;padding-right:5%;font-size:16px;}
.about-content .col-right{width:45%;background:url('../images/about_img.png') no-repeat;height:286px;}
.about-content .col-left .cat-more{margin-top:30px;}
@media (max-width:640px){
  .about-wrap{padding-top:40px;}
  .about-content .col-left,.about-content .col-right{width:100%;padding-right:0px;}
  .about-content .col-right{margin-top:30px;background:none;height:auto;}
  .about-content .col-right img{width:100%;}
}
/*经典案例*/
.case-wrap{padding:40px 0px;}
.case-content{margin-top:40px;}
.case-content li{float:left;width:25%;position:relative;overflow:hidden;background:#000;}
.case-content li.first{width:33.3333%;}
.case-content li img{width:100%;vertical-align:bottom;}
.case-content li figcaption,.case-content li figcaption p,.case-content li img{transition:all 0.35s;}
.case-content li figcaption,.case-content li figcaption div{transition:all 0.35s;}
.case-content li figcaption p,.case-content li figcaption h3{transition:all 0.35s;}
.case-content li:hover img{transform:translate(-150px,0); opacity: 0.3}
.case-content li figcaption{width: 100%;height:100%;position:absolute;top:0;left:0;color:#fff;text-align:center;}
.case-content li figcaption div{width: 100%; height: 100%; border: 2px solid #fff; position: absolute;top: 0;left: 0; opacity: 0;}
.case-content li:hover figcaption div{transform:scale(0.8,0.8); opacity: 1;}
.case-content li:hover img{transform:scale(1.2,1.2);}
.case-content li figcaption h3{margin-top:15%;transform:scale(1.2,1.2);display:none;font-size:1rem;width:50%;}
.case-content li figcaption p{transform:scale(1.2,1.2);display:none;font-size:0.7rem;margin-top:5%;width:50%;text-overflow:ellipsis;overflow:hidden;}
.case-content li figcaption em{background:#be000a;width:70px;height:3px;margin-top:5%;display:none;margin-left:auto;margin-right:auto;}
.case-content li figcaption i{width:36px;height:36px;background:url('../images/public_more2.png') no-repeat;display:none;right:15%;position:absolute;bottom:15%;}
.case-content li:hover figcaption h3,.case-content li:hover figcaption p,.case-content li:hover figcaption i,.case-content li:hover figcaption em{display:block;}
@media (max-width:640px){
  .case-content li,.case-content li.first{width:100%;margin-bottom:15px;}
}
/*新闻资讯*/
.news-wrap{background:#eeeff1;padding:60px 0px 60px 0px;}
.news-content{margin-top:40px;}
.news-recom{width:520px;height:405px;position:relative;overflow:hidden;}
.news-recom .swiper-slide a{color:#fff;}
.news-recom .swiper-slide div{position:absolute;left:0px;bottom:0px;width:100%;text-indent:20px;height:50px;line-height:50px;background:rgba(0,0,0,0.7);font-size:16px;}
.news-recom .swiper-slide span{width:80%;display:block;}
.swiper-news-next,.swiper-news-prev{position:absolute;bottom:0px;right:0px;width:50px;height:50px;display:block;z-index:99;cursor:pointer;}
.swiper-news-next{background:url('../images/arrows_next.png') #434343 center no-repeat;}
.swiper-news-prev{background:url('../images/arrows_prev.png') #434343 center no-repeat;right:50px;}
.swiper-news-next:hover,.swiper-news-prev:hover,.swiper-news-prev.active{background-color:#be000a;}
.swiper-article{width:660px;position:relative;overflow:hidden;}
.swiper-article ul{margin-top:-10px;}
.swiper-article li{padding:10px 0px;border-bottom:1px solid #d0d0d0;}
.swiper-article li a{font-size:16px;font-weight:bold;}
.swiper-article li p{color:#555555;font-size:14px;line-height:28px;margin-top:5px;}
.swiper-article li span{display:block;font-size:12px;text-align:right;line-height:25px;color:#999;}
.swiper-article-pagination{margin-top:10px;text-align:right;}
.swiper-article-pagination span{border-radius:0px;width:100px;height:10px;background:#a1a3a7;}
.swiper-article-pagination span.swiper-pagination-bullet-active{background:#be000a;}
@media (max-width:640px){
  .news-recom,.news-recom img{width:100%;height:auto;}
  .news-wrap .col-right,.swiper-article,.swiper-article .swiper-slide{width:100%;overflow:hidden;}
  .swiper-article ul{margin-top:30px;}
  .news-recom .swiper-slide span{width:70%;}
}
/*联系我们*/
.contact-wrap{background:url('../images/contact_bg.png') #eeeff1 top center;width:100%;padding:60px 0px 60px 0px;}
.contact-wrap .cate-tit{text-align:left;color:#fff;display:block;padding-bottom:30px;}
.contact-wrap .cate-tit p{color:#fff;}
.contact-wrap .cate-tit em{margin-left:0px;background:#fff;}
.contact-address{color:#fff;width:280px;}
.contact-address p{font-size:16px;line-height:30px;margin-bottom:15px;padding-left:35px;}
.contact-address p:nth-child(1){background:url('../images/tel_icon.png') no-repeat left;}
.contact-address p:nth-child(2){background:url('../images/fax_icon.png') no-repeat left;}
.contact-address p:nth-child(3){background:url('../images/email_icon.png') no-repeat left;}
.contact-address p:nth-child(4){background:url('../images/address_icon.png') no-repeat left top;}
.msg-wrap{width:870px;}
.msg-wrap .area-item{width:420px;background:rgba(255,255,255,0.5);}
.msg-wrap .text-item{width:420px;}
.msg-wrap .area-item textarea{background:none;border:0px;margin:15px;color:#fff;font-size:16px;font-family:'微软雅黑';resize:none;height:190px;}
.msg-wrap ul{margin-top:-20px;}
.msg-wrap ul li{margin-top:20px;background:rgba(255,255,255,0.5);}
.msg-wrap .nobg{background:none;}
.msg-wrap ul input[type="text"]{background:none;border:0px;color:#fff;margin:10px;font-size:16px;}
.msg-wrap ul input[type="submit"]{background:#be000a;padding:8px 50px;color:#fff;font-size:16px;border:0px;cursor:pointer;}
.contact-tab{text-align:center;}
.contact-tab li{display:inline-block;color:#fff;border:1px solid #fff;padding:5px 40px;font-size:18px;margin-bottom:60px;cursor:pointer;margin-left:15px;margin-right:15px;}
.contact-tab li.active{background:#be000a;border:1px solid #be000a;}
.contact-tab-content{display:none;}
#allmap{height:500px;margin-bottom:30px;}
@media (min-width:1200px){
  .msg-wrap .area-item textarea{width:93%;}
  .msg-wrap ul input[type="text"]{width:95%;}
}
@media (max-width:640px){
  .msg-wrap,.contact-address,.msg-wrap .area-item,.msg-wrap .text-item{width:100%;}
  .msg-wrap ul{margin-top:20px;}
  .contact-wrap{padding:30px 0px 40px 0px;}
  .contact-tab li{margin-bottom:15px;}
  #allmap{height:250px;}
}
/*单页模块*/
.page-slider{position:relative;}
.page-slider img{width:100%;}
.m-page-slider{width:100%;display:none;}
.m-page-slider img{width:100%;}
.layoutmain{background:#f7f7f7;padding-bottom:30px;}
.layoutmain .category-tree{background:#fff;width:242px;height:auto;margin-top:-80px;position:relative;}
.layoutmain .category-tree h3{background-image:url('../images/pcateinfo_bg.jpg');background-repeat: no-repeat;width:242px;height:108px;color:#fff;text-align:center;font-size:28px;line-height:108px;}
.layoutmain .category-tree li{height:50px;line-height:50px;border-bottom:1px solid #e1e1e1;text-align:center;font-size:16px;}
.layoutmain .category-tree li.active a{color:#be000a;}
.layouright{width:940px;background:#fff;height:auto;margin-top:-80px;position:relative;}
.layoutright-cate{background:url('../images/layoutright-cate.jpg') right no-repeat;height:108px;font-size:28px;line-height:108px;color:#fff;text-indent:30px;font-weight:bold;}
.page-cotnent{padding:20px 15px;line-height:28px;color:#666;font-size:16px;}
.page-cotnent img{max-width:100%;}
.paging{padding:15px 0px;text-align:center;display:inline-block;width:100%;}
.paging a{padding:5px 15px;border:1px solid #ccc;margin:0 5px;}
.paging span{background:#be000a;color:#fff;padding:5px 12px;margin:0px 5px;}
@media (max-width:640px){
  .layoutmain .category-tree{margin-top:30px;width:100%;display:none;}
  .layoutmain .category-tree h3{background-repeat:repeat;width:100%;}
  .layouright{margin-top:30px;width:100%;}
  .page-slider{display:none;}
  .m-page-slider{display:block;}
}

/*新闻模块*/
.news-list{padding:20px 15px;}
.news-list li{display:inline-block;width:100%;padding:15px 0px;border-bottom:1px dashed #ccc;}
.news-list .imgs{width:25%;}
.news-list .imgs img{width:100%;}
.news-list .texts{width:73%;}
.news-list .texts a{font-size:16px;font-weight:bold;}
.news-list .texts p{line-height:25px;color:#666;margin-top:5px;}
.news-list .texts span{text-align:right;display:block;color:#999;}
.art-title{text-align:center;padding:10px 0px;margin-top:30px;}
.art-entry{text-align:center;}
.art-cotnent{padding:20px 15px;line-height:28px;color:#666;font-size:16px;}
@media (max-width:640px){
  /* .news-list .imgs,.news-list .texts{width:100%;} */
  .news-list .texts a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;}
  .news-list .texts p{height:30px;overflow:hidden;}
  .art-cotnent img{max-width:100%;}
}
/*案例模块*/
.case-list{padding:20px 15px;}
.case-list ul{margin-left:-23px;}
.case-list li{float:left;position:relative;overflow:hidden;width:287px;height:244px;margin-left:23px;margin-bottom:15px;}
.case-list li span{position:absolute;left:0px;bottom:0px;height:40px;line-height:40px;overflow:hidden;background:rgba(0,0,0,0.4);color:#fff;padding:0px 10px;font-size:16px;width:100%;}
.case-list li img{vertical-align:bottom;transition:all 0.35s;}
.case-list li:hover img{transform:scale(1.2,1.2);}
@media (max-width:640px){
  .case-list ul{width:100%;height:auto;margin-left:0px;}
  .case-list li{width:50%;text-align:center;margin-left:0px;height:auto;}
  .case-list li a{width:90%;display:block;margin:0 auto;overflow:hidden;position:relative;}
  .case-list li img{width:100%;}
  .case-list li span{width:100%;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0px;}
}
/*招聘*/
.join-list{padding:20px 15px;}
.join-list .join-cate{background:#be000a;line-height:60px;font-size:18px;color:#fff;text-indent:15px;}
.join-list li{height:50px;line-height:50px;text-indent:15px;}
.join-list li span{float:right;margin-right:15px;}
.join-list li:nth-child(odd){background:#f5f5f5;}

/*团队*/
.team-list{padding:40px 15px 20px 15px;}
.team-list ul{margin-left:-20px;}
.team-list li{float:left;position:relative;overflow:hidden;margin-left:120px;margin-bottom:40px;}
.team-list li div{position:absolute;left:0px;top:0px;background:rgba(0,0,0,0.5);text-align:center;color:#fff;width:100%;height:100%;font-size:16px;padding-top:40%;display:none;}
.team-list li img{vertical-align:bottom;transition:all 0.35s;}
.team-list li span{font-size:18px;}
.team-list li em{width:10%;height:1px;background:#fff;margin:15px auto;display:block;}
.team-list li p{width:90%;margin:0 auto;}
.team-list li:hover div{display:block;}
.team-list li:hover img{transform:scale(1.2,1.2);}
@media (max-width:640px){
  .team-list ul{width:100%;margin-left:-5%;}
  .team-list li{width:45%;margin-left:5%;text-align:center;}
  .team-list li img{width:100%;}
}

/*会员中心*/
.login-wrap{margin-top:-80px;position:relative;}
.login-wrap .login-cate{background:url('../images/w-cate.jpg') right no-repeat;height:108px;font-size:28px;line-height:108px;color:#fff;text-indent:30px;font-weight:bold;text-align:center;}
.login-wrap-form{background:#fff;padding:30px;padding-top:70px;padding-bottom:70px;}
.login-wrap-form table{width:360px;}
.login-wrap-form td{margin-bottom:22px;display:block;color:#999999;}
.login-wrap-form td a{color:#999999;}
.login-wrap-form td.cate{font-size:24px;color:#333333;text-align:center;}
.login-wrap-form tr:nth-child(4) td{margin-bottom:10px;}
.login-wrap-form input[type="text"],.login-wrap-form input[type="password"]{border:1px solid #dcdcdc;height:40px;color:#999999;font-size:14px;width:96%;padding:0px 2%;text-indent:30px;}
.login-wrap-form input[type="text"]{background:url('../images/publicIcon1.png') center left 13px no-repeat;}
.login-wrap-form input[type="password"]{background:url('../images/publicIcon2.png') center left 13px no-repeat;}
.login-wrap-form button{width:100%;height:40px;background:#b62022;color:#fff;font-size:16px;border:0px;cursor:pointer;border:1px solid #b62022;}
@media (max-width:640px){
  .login-wrap{margin-top:30px;}
  .login-wrap-form table{width:100%;}
  .login-wrap .login-cate{text-align:left;text-indent:30px;}
}

.member-info{font-size:16px;color:#666;}
.member-info a{color:#666;margin-left:10px;color:#be000a;}
.member-info a:hover{color:#be000a;text-decoration:underline;}
.down-list,.member-info,.editpass-wrap{padding:20px 15px;}
.down-list li{display:inline-block;width:100%;padding:15px 0px;border-bottom:1px dashed #eeeeee;}
.down-list li span{background:url('../images/public_icon.jpg') no-repeat left center;height:36px;line-height:36px;display:inline-block;text-indent:30px;float:left;font-size:16px;}
.down-list li a{background:#b62022 url('../images/publicIcon3.png') no-repeat right 10px center;width:100px;height:30px;display:inline-block;float:right;color:#fff;text-indent:15px;line-height:30px;border-radius:5px;}
.down-list li a:hover{background-color:#a00b0d;}
.editpass-wrap{padding-top:70px;padding-bottom:70px;}
.editpass-wrap table{width:360px;}
.editpass-wrap td{margin-bottom:15px;display:block;color:#999999;}
.editpass-wrap input[type="password"]{border:1px solid #dcdcdc;height:40px;color:#999999;font-size:14px;width:96%;padding:0px 2%;text-indent:30px;background:url('../images/publicIcon2.png') center left 13px no-repeat;}
.editpass-wrap button{width:100%;height:40px;background:#b62022;color:#fff;font-size:16px;border:0px;cursor:pointer;border:1px solid #b62022;}
@media (max-width:640px){
  .down-list li span{float:none;text-indent:0px;padding-left:30px;}
  .down-list li a{margin-top:15px;}
  .editpass-wrap table{width:100%;}
}