@charset "utf-8";/* CSS Document */

/*---------------------------- header部分 ---------------------------------*/
.banner{width:100%;position:relative;}
.banner-imgs{width:100%;position:relative;overflow:hidden;}
.banner-imgs ul{width:800%;position:relative;left:0px;top:0px;float:left;}
.banner-imgs ul li{float:left;line-height:0px;position:relative;overflow:hidden;}
.banner-imgs ul li img{position:relative;left:0px;top:0px;margin-left:0px;margin-top:0px;}
.banner-button{position:absolute;bottom:15px;width:100%;font-size:0;text-align:center;line-height:0px;vertical-align:top;}
.banner-button a{margin:0px 5px;display:block;display:inline-block;width:14px;height:14px;border-radius:7px;-moz-border-radius:7px;-o-border-radius:7px;-webkit-border-radius:7px;-ms-border-radius:7px;background:#fff;}
.banner-button a.banner-aictive{background:#0689f9;}

.case{width:100%;}
.case .case-main{width:1230px;text-align:center;}
.case .case-main h2{font:30px/50px '微软雅黑';color:#333;margin-top:70px;padding-bottom:8px;}
.case .case-main p{font:18px/30px '微软雅黑';color:#666;margin-bottom:50px;}
.case .case-main p a{color:#666;cursor:pointer; }
.case .case-main p i{color:#bbb;margin:0px 2px;}
.case .case-main p a:hover,.case .case-main p a.aihover{color:#f46f2a;}
.case-info{padding-bottom:30px;display:none;}
.case-box ul{float:left;padding-left:0.5%;}
.case-box ul li{float:left;width:33%;margin-bottom:20px;position:relative;line-height:0px;}
.case-box ul li b{display:block;width:92%;overflow:hidden;}
.case-box ul li img{width:100%;transition:all 1.2s;-moz-transition:all 1.2s;-ms-transition:all 1.2s;-o-transition:all 1.2s;-webkit-transition:all 1.2s;}
.case-box ul li span{cursor:pointer; position:absolute;display:block;width:76%;height:100%;left:4%;top:0px;background:#000;padding:0px 8%;opacity:0;filter:alpha(opacity=0);transition:all 0.8s;-moz-transition:all 0.8s;-ms-transition:all 0.8s;-o-transition:all 0.8s;-webkit-transition:all 0.8s;}
.case-box ul li span a{display:block;border-bottom:1px dashed #666;color:#fff;font:24px/30px '微软雅黑';margin-top:50px;padding-bottom:12px;}
.case-box ul li span i{display:block;font:12px/25px '微软雅黑';color:#eee;margin-top:5px;}

.case-box ul li:hover img{opacity:0;filter:alpha(opacity=0);transform:scale(1.2);}
.case-box ul li:hover span{opacity:1;filter:alpha(opacity=100);}


.service{width:100%;background:#f7f7f7;}
.service-main{width:1230px;text-align:center;padding-bottom:40px;}
.service-main h2{font:30px/50px '微软雅黑';color:#333;padding-top:70px;padding-bottom:0px;}
.service-main p{font:14px/30px '微软雅黑';color:#666;margin-bottom:30px;}
.service-box{padding-left:0.5%;}
.service-box ul{float:left;position:relative;width:33%;perspective:1000;}
.service-box ul li{font:18px/30px '微软雅黑';color:#fff;cursor:pointer;width:92%;height:92%;margin:0 auto;margin-top:4%;text-align:center;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;-ms-border-radius:10px;transform-style:preseve-3d; transition:all 1.2s;-moz-transition:all 1.2s;-ms-transition:all 1.2s;-o-transition:all 1.2s;-webkit-transition:all 1.2s;}
.service-box ul li a{font:36px/40px '微软雅黑';color:#fff;}
.service-box ul li span{font:24px/50px '微软雅黑';color:#fff;}
.service-box ul li table,.service-box ul li table tr,.service-box ul li table tr td{height:100%;vertical-align:middle;}
.service-title1{background:#f46f2a;z-index:2;backface-visibility:hidden; }
.service-title2{background:#00b5bc;z-index:2;backface-visibility:hidden; }
.service-title3{background:#ffcb06;z-index:2;backface-visibility:hidden; }
.service-text1,.service-text2,.service-text3{backface-visibility:hidden; background:#0485aa;position:absolute;top:0px;left:4%;transform:rotateY(180deg);-ms-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);-moz-transform:rotateY(180deg);}
.service-box ul:hover li:first-child{transform:rotateY(180deg);-ms-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);-moz-transform:rotateY(180deg);}
.service-box ul:hover li+li{transform:rotateY(0deg);-ms-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);-o-transform:rotateY(0deg);}
.service-box ul li i{font:24px/50px '微软雅黑';color:#fff;display:block;}


.about{font-family:'微软雅黑'; background: url('/Public/images/about_bg.jpg') no-repeat center top #163e59;background-attachment: fixed;width: 100%;padding-top:80px;padding-bottom:70px;background-size: cover;text-align: center;color: #fff;overflow: hidden;}
.about h1{line-height:38px;text-align: center;font-size: 28px;}
.about p{font-size: 14px;color: #e2e2e2;line-height: 28px;width: 840px;margin:40px auto;text-align: left;}
.about a{width:150px; background:#0689f9; border-radius:2px; font-size:16px; color:#fff; height:46px; line-height:46px; display:inline-block; margin:0 8px; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.about a.about-zx{background:#f9af10;}
.about a:hover{background:#0877d5;}

.information{width:100%;background:#fff;}
.information-main{width:1230px;text-align:center;}
.information-main h2{font:30px/50px '微软雅黑';color:#333;padding-top:70px;padding-bottom:0px;}
.information-main>p{font:14px/30px '微软雅黑';color:#666;margin-bottom:40px;}
.information-box{padding-left:0.5%;}
.information-left{float:left;width:33%;margin-bottom:20px;}
.information-width{width:92%;margin:0 auto;font-family:'微软雅黑';}
.information-day{float:left;width:13%;text-align: center;}
.information-day span{display: block;width:100%;height: 48px;background-color: #c7c7c7;line-height: 48px;}
.information-width:hover .information-day span{background-color:#1086d5;}
.information-day span img{vertical-align: middle;}
.information-day em{font-style: normal;display: block;font-size: 16px;color: #6a6a6a;line-height: 32px;}
.information-day b{display: block;font-size: 18px;color: #6a6a6a;font-weight: normal;}
.information-text{float:left;width:87%;}
.information-text a img{width:323px;height:190px;}
.information-text h3{text-align:left; margin: 0 0 15px;font-size: 16px;line-height: 50px;border-bottom: 1px #e2e2e2 solid;color: #000;font-weight: normal;}
.information-text h3 a:hover{color:#0664b4;}
.information-text p{height:44px;font-size: 14px;color: #6a6a6a;line-height:22px;overflow: hidden;text-align:left;}
.information-button{line-height:32px;text-align: right;}
.information-button a{font-size:14px;color: #a7a7a7;}

.pr-gg dl{float:left;margin:20px;width:200px;}
.pr-gg dl dd{line-height:0px;}
.pr-gg dl dd img{width:200px;}
.pr-gg dt{margin-top:3px;text-align:center;}
.pr-gg dt h3{margin-top:15px; margin-bottom:5px;height: 22px;}
.pr-gg dt h3 a{font-size:16px; color:#333;}
.pr-gg dt h3 a:hover{color:#0664b4;}

@media Screen and (max-width:1130px){
   .information-main{width:100%;}
   .information-text a img{width:100%;height:auto;}
   .case .case-main,.service-main{width:100%;}
   .case-box ul li span a{margin-top:40px;}
   .case .case-main h2{font:28px/50px '微软雅黑';margin-top:60px;padding-bottom:8px;}
   .case .case-main p{font:18px/30px '微软雅黑';margin-bottom:45px;}
   .service-main h2{font:28px/50px '微软雅黑';padding-top:60px;padding-bottom:0px;}
   .service-main p{font:14px/30px '微软雅黑';margin-bottom:30px;}
}

@media Screen and (max-width:1024px){
   
   .case-box ul li{width:50%;margin-bottom:30px;}
   .case-box ul li span a{margin-top:60px;}
   .about h1{font-size:20px;line-height:30px;width:90%;margin:0 auto;}
   .about p{width:90%;line-height:25px;margin:35px auto;}
   .information-day{width:20%;}
   .information-text{width:80%;}
   .information{padding-bottom:80px;}

}

@media Screen and (max-width:860px){
   
   .case-box ul li{width:50%;margin-bottom:20px;}
   .case-box ul li span a{margin-top:40px;}
   .service-box ul li{font:12px/18px '微软雅黑';}
   .service-box ul li a{font:24px/30px '微软雅黑';}
   .service-box ul li span{font:14px/20px '微软雅黑'; font-weight:bold;}
   .service-box ul li i{font:18px/30px '微软雅黑';}
}

@media Screen and (max-width:640px){
  
   .case .case-main h2{font:24px/40px '微软雅黑';margin-top:50px;padding-bottom:2px;}
   .case .case-main p{font:14px/25px '微软雅黑';margin-bottom:35px;}
   .service-main{padding-bottom:35px;}
   .service-main h2{font:24px/40px '微软雅黑';padding-top:45px;padding-bottom:0px;}
   .service-main p{font:12px/25px '微软雅黑';margin-bottom:25px;}
   .case-box{padding-bottom:15px;}
   .case-box ul li{width:50%;margin-bottom:20px;}
   .case-box ul li span{width:84%;padding:0px 4%;}
   .case-box ul li span a{margin-top:15px;font:18px/30px '微软雅黑';padding-bottom:5px;}
   .case-box ul li span i{margin-top:3px;}
   
   .service-box ul li{font:12px/16px '微软雅黑';}
   .service-box ul li a{font:18px/30px '微软雅黑';}
   .service-box ul li span{font:14px/20px '微软雅黑'; font-weight:bold;}
   .service-box ul li i{font:14px/20px '微软雅黑';}
   .about{padding-top:60px;padding-bottom:50px;}
   .about p{width:90%;line-height:25px;margin:20px auto;}
   
   .information-left{width:100%;}
   .information-main h2{font:24px/40px '微软雅黑';color:#333;padding-top:50px;padding-bottom:0px;}
   .information-main>p{font:14px/25px '微软雅黑';color:#666;margin-bottom:30px;padding:0 10px;text-align:center;}
   
   .pr-gg dl{margin:15px 2%;width:46%;}
   .pr-gg dl dd img{width:100%;}
}

@media Screen and (max-width:480px){
      .case-box ul li{width:100%;}
      .case-box ul li span a{margin-top:40px;padding-bottom:5px;}
      .about a{width:120px;}
      .service-box ul li i{font:14px/20px '微软雅黑';}
    }

@media Screen and (max-width:320px){
      .case-box ul li{width:100%;}
      .case-box ul li span a{margin-top:15px;padding-bottom:5px;}
       .service-box ul li i{font:12px/20px '微软雅黑';}
    }