@charset "utf-8";

/*  广告轮播图 */
.banner{ width:1920px;position:relative;height:600px;left:50%; margin-left:-960px;}
.banner .bd{ width:1920px; height:600px; overflow:hidden; z-index:0;}
.banner .bd li{height:600px;position:relative;}
.banner .bd .ban1{background:#e43a3a;}
.ban1 a{display:block;background: url('../images/ban1_bg.jpg') no-repeat center top;width:100%;height:100%;}
.banner .bd .txt,.banner .bd .bImg{position:absolute;}
.banner .ban1 .txt{top:50px;left:340px;}
.banner .ban1 .bImg{bottom:0;left:0;}
.banner .ban2{background: url('../images/ban2_bg.jpg') no-repeat center top;}
.banner .ban2 .txt{color:#fff;width:540px;top:230px;left:0;font-size:16px;}
.banner .ban2 .txt h4{font-size:45px;line-height:50px;font-weight:normal;margin-bottom:15px;}
.banner .ban2 .txt .more{display:inline-block;font-size:14px;width:86px;height:26px;border:2px solid #fff;text-align:center;line-height:26px;color:#fff;margin-top:20px;}
.banner .ban2 .bImg1{right:-350px;}
.banner .ban2 .bImg2{bottom:130px;left:505px;}
.banner .ban2 .line{width:480px;height:70px;background: url('../images/ban2_3.png') no-repeat;bottom:65px;left:70px;}
.banner .ban3{background:#180329;}
.banner .opc{background: url('../images/ban3_bg.jpg') no-repeat center top;width:100%;height:100%;position:absolute;top:0;left:0;}
.banner .banMain{position:absolute;height:600px;left:50%;margin-left:-600px;top:0;width:1200px;}
.banner .ban3 .bImg1{top:184px;left:253px;}
.banner .ban3 .bImg2{top:184px;right:253px;}
.banner .ban3 .bImg3{top:113px;left:443px;}
.banner .bImg.active{animation: myfirst 1.5s;}
@keyframes myfirst {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -500px, 0);
    transform: translate3d(0, -500px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
}
.banner_ctr{ height:90px;position:absolute;top:45%;z-index:2;left:50%;margin-left:-600px;}
.banner_ctr a{ display:block;width:47px;height:79px; background: url('../images/banner_btn.png') no-repeat 0 0; position:absolute; opacity:0;filter: alpha(opacity=0);display:block;}
.banner_ctr a.prev{left:-90px;}
.banner_ctr a.next{right:-1280px; background-position: -47px 0px;}
.banner_ctr a:hover{opacity:0.7;filter:alpha(opacity=70);}
.banner .hd{position:absolute; bottom:25px; text-align: center; z-index:1;left: 50%;font-size: 0; line-height: 0;height: 0px; margin-left:-50px; }
.banner .hd li{background:#fff; z-index:2; cursor:pointer; margin-right:5px; display:inline-block;width:6px; height:6px;*display:inline; zoom:1; border-radius:100%;transition:all 0.3s;position: relative;border:2px solid #fff;}
.banner .hd .on{background:none;border:2px solid #c52d29;}

/*  实力 */
.strength{padding-top:60px;}
.strengthMain{height:;overflow:hidden;}
.strengthMain li{float:left;width:600px;height:330px;overflow:hidden;background:#000;position:relative;}
.strengthMain li img{width:600px;height:330px;transition:all .5s;opacity:0.4;filter:alpha(opacity=40);}
.strengthMain li .font{width:600px;height:205px;top:0;left:0;position:absolute;color:#fff;text-align:center;font-size:16px;padding-top:125px;}
.strengthMain li .font h3{font-size:36px;color:#fff;font-weight:normal;margin-bottom:20px;line-height:36px;}
.strengthMain li:hover img{transform: scale(1.05, 1.05);}
.strengthMain li .font::before,.strengthMain li .font::after{position:absolute;content:'';opacity:0;transition:all 0.5s;}
.strengthMain li .font::before{top:25px;right:15px;bottom:25px;left:15px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
.strengthMain li .font::after{top:15px;right:25px;bottom:15px;left:25px;border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0);transform-origin:100% 0;}
.caseMain li:hover .font{opacity:1;transform:scale(1,1) rotateX(0deg);transition:all 0.5s;}
.strengthMain li:hover .font::before,.strengthMain li:hover .font::after{opacity:1;transform:scale(1);transition: all 0.5s;}

/*  产品 */
.product{padding:60px 0;overflow:hidden;}
.homeTitle{text-align:center;margin-bottom:35px;text-transform:uppercase;line-height:40px;}
.homeTitle h2{font-size:36px;color:#c52d29; font-weight:normal}
.homeTitle h2 span{color:#bdbdbd;display:block;font-family:Myriad Pro,Arial;font-weight:normal;line-height:30px;}
.homeTitle h2 strong{color:#c52d29;}
.homeTitle h5{font-size:20px;font-weight:normal;color:#666;}
.proBox{float:left;background:#c52d29;width:340px;height:200px;color:#fff;padding:30px 25px 0 25px;border-bottom:2px solid #b7000a;}
.proBox img{float:left;width:150px;height:150px;padding-top:20px;transition:all 0.4s;}
.proBox ul{width:180px;float:right;font-size:14px;}
.proBox ul h3{font-size:24px;height:50px;line-height:35px; font-weight:normal}
.proBox ul li a{color:#fff;transition:all 0.3s;}
.proBox ul li a:hover{text-decoration: underline;padding-left:8px;transition:all 0.4s;}
.proBox:hover{box-shadow:0 0 10px #b80009 inset;}
.proBox:hover img{padding-top:10px;transition:all 0.4s;}
.proBox2{margin:0 15px;}

/*  案例 */
.case{padding:0 0 60px 0;overflow:hidden;border-bottom:1px solid #e5e5e5;}
.caseMain{min-width:1200px;height:auto;overflow:hidden;}
.caseMain li{float:left;width:400px;}
.caseMain li div{width:400px;height:275px;overflow:hidden;position:relative}
.caseMain li img{width:400px;height:275px;}
.caseMain li p{position:absolute;text-align:center;color:#fff;background: url('../images/opc.png');font-size:13px;transition:all 0.4s;padding:10px;bottom:-100px;width:380px;}
.caseMain li p span{height:50px;display:block;overflow:hidden;}
.caseMain li h3{height:60px;line-height:60px;text-align:center;font-weight:normal;font-size:16px;}
.caseMain li:hover p{bottom:0;}
.caseMain li:hover h3{background:#c52d29;transition:all 0.4s;color:#fff;}
.caseFont{text-align:center;font-size:18px;color:#c52d29;padding-top:25px;}

/*  新闻资讯 */
.news{background:#f4f4f4 url('../images/news_bg.jpg') no-repeat center top;padding:50px 0;overflow:hidden;}
.newsLeft{width:630px;overflow:hidden;}
.news .nMore{float:right;width:60px;height:20px;line-height:20px;text-align:center;background:#cdcdcd;font-family:Arial;color:#fff;border-radius:3px;font-weight:normal;font-size:12px;margin-top:10px;transition:all 0.3s;}
.news .nMore:hover{background:#c52d29;transition:all 0.3s;}
.newsMenu,.newsRight .title{height:40px;line-height:40px;border-bottom:1px solid #dbdbdb;font-size:18px;margin-bottom:20px;}
.newsMenu .m{font-size:18px;color:#333;font-weight:normal;display:inline-block;height:40px;}
.newsMenu .m.on{color:#c52d29;border-bottom:1px solid #c52d29;}
.newsMenu em{margin:0 15px;color:#adadad;font-style:normal;}

.newsMain,.newsBox{height:430px;overflow:hidden;}
.newsBox .n1{height:135px;overflow:hidden;padding-bottom:15px;border-bottom:1px dotted #d0d0d0;}
.newsBox .n1 p{ color:#ababab}
.newsBox .n1 img{width:200px;margin-right:20px;height:135px}
.newsBox .n1 h4{font-size:14px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.newsBox .n1 h4 a{transition:all 0.3s;}
.newsBox .n1 h4 a:hover{text-decoration: underline;padding-left:8px;transition:all 0.3s;}
.newsBox .n1 span{display:block;color:#999;margin-bottom:8px;}
.newsBox .n2{height:45px;line-height:45px;border-bottom:1px dotted #d0d0d0; font-size:14px;}
.newsBox .n2 a{background: url('../images/news_li.png') no-repeat left center;padding-left:10px;display:inline-block;width:520px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;transition:all 0.3s;}
.newsBox .n2 span{float:right;color:#999;}
.newsBox .n2 a:hover{background: url('../images/news_lih.png') no-repeat 8px center;padding-left:18px;transition:all 0.3s;}

.newsRight{width:520px;overflow:hidden;}
.newsRight .title span{color:#c52d29;border-bottom:1px solid #c52d29;display:inline-block;font-weight:normal;}
.litsNews{height:430px;overflow:hidden;}
.litsNews li{height:135px;overflow:hidden;background:#fff;padding-right:15px;color:#999;margin-bottom:10px;}
.litsNews li .nImg{width:195px;height:135px;float:left;margin-right:15px;overflow:hidden;}
.litsNews li img{width:195px;height:135px;}
.litsNews li h4{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;height:30px;padding-top:15px;font-weight:normal}
.litsNews li h4 a{color:#333;}
.litsNews li h4 a:hover{color:#c52d29;}
.litsNews li .more{color:#c52d29;margin-top:8px;display:inline-block;transition:all 0.3s;}
.litsNews li .more:hover{padding-left:8px;transition:all 0.3s;}

/*  关于我们 */
.about{padding:160px 0px;background: url("../images/about_bg.jpg") no-repeat center top;overflow:hidden;}
.aboutMain{height:360px;padding:30px 0;background:#fff;overflow:hidden;}
.aboutMain .title{font-size:26px;color:#191919;padding:0 80px 35px 80px;line-height:36px;border-bottom:1px solid #e5e5e5;}
.aboutMain .title strong{color:#c52d29;}
.aboutMain .title span{display:block;font-size:20px;color:#666;font-weight:normal;}
.aboutMain .title .hMore{float:right;margin-top:10px;}
.aboutFont{font-size:14px;color:#191919;margin-top:40px;}
.aboutFont h3{font-size:36px;color:#bdbdbd;height:50px;text-transform: uppercase;font-weight:normal;}
.aboutFont .more{display:inline-block;width:120px;height:30px;line-height:30px;text-align:center;border-radius:3px;background:#c52d29;color:#fff;margin-top:20px;}
.aboutFont .more:hover{background:#be0009;transition:all 0.3s;}



/* 合作伙伴 */
.partnerList{padding:50px 0;}
.partnerList li{float:left;width:238px;border:1px solid #e6e6e6;background:#fff;margin-left:-1px;margin-top:-1px;}
.partnerList li img{width:238px;height:100px;transition:all 0.3s;}
.partnerList li:hover img{transform:scale(.9,.9);}

/* CSS 底部 */
.footer{width:100%; height:162px; background-color:#222; font-size:15px; text-align:center; color:#fff; line-height:30px;}
.footer a{ color:#fff;}
.footer a:hover{ color:#FF0;}
.h20{ height:20px; clear:both;}

/* 微信弹出 */
.dialogOverlay { z-index: 9998; position:fixed; top:0; left:0; width:100%; height:100%; opacity:0.7; display:none; filter:alpha(opacity=70); background:#000; }
.dialogContent { z-index:9999; position:fixed; top:50%; left:50%; width: 310px; height: 268px; padding:4em; margin:-134px 0 0 -155px; background:#fff; display:none; text-align:center; }
.dialogQrcode { width: 150px; height:150px; }
.mobileHide{ font-family:"微软雅黑"; font-size:14px; line-height:20px; padding:10px 0; }
.dialogClose{ width: 200px; margin: 0 auto; cursor: pointer; }
.dialogContent .btn { height: 50px; background:#e8312e; line-height: 50px; color: #fff; font-family:"微软雅黑"; font-size:18px; cursor: pointer; }
.dialogOverlaya { z-index: 9998; position:fixed; top:0; left:0; width:100%; height:100%; opacity:0.7; display:none; filter:alpha(opacity=70); background:#000; }
.dialogContenta { z-index:9999; position:fixed; top:50%; left:50%; width: 310px; height: 272px; padding:4em; margin:-136px 0 0 -155px; background:#fff; display:none; }
.dialogContenta h2{ font-family:"微软雅黑"; font-size:18px; padding-bottom:2px; }
.dialogContenta h3{ font-size:24px;  padding-bottom:12px; }
.dialogContenta h3 a{ color:#263949; }
.dialogQrcodea { width: 150px; height:150px; }
.mobileHidea{ font-family:"微软雅黑"; font-size:14px; line-height:20px; padding:10px 0; }
.dialogClosea { width: 200px; margin: 0 auto; cursor: pointer; }
.dialogClosea.btna { height: 50px; background:#e8312e; line-height: 50px; color: #fff; font-family:"微软雅黑"; font-size:18px; text-align:center; cursor: pointer; }