@charset "UTF-8";
*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box;}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,menu,nav,section{margin:0;padding:0;}
body{background:#fff;font-family:'Microsoft YaHei','Segoe UI','Arial';font-size:12px;-moz-osx-font-smoothing:grayscale;}
html,body{min-height:100%;-webkit-font-smoothing:antialiased;}
ol,ul{list-style:none;}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
a:focus{text-decoration:none;}
input:focus,select{outline:none;}
.container{width:1200px;padding:0;}

/*Public*/
.header{width:100%;height:60px;box-shadow:0 0 1px #ddd;-webkit-box-shadow:0 0 1px #ddd;}
.header .logo{float:left;}
.header .logo img{margin-top:10px;}
.header .menu{float:left;}
.header .menu ul{}
.header .menu ul li{position:relative;float:left;height:60px;text-align:center;}
.header .menu ul li a{display:block;padding:0 24px;line-height:60px;font-size:14px;color:#818181;}
.header .menu ul li a:hover{color:#003f74;}
.header .menu ul li a.on{background:#eee;}
.header .menu ul li div{display:none;position:absolute;top:60px;left:0;width:200px;background:rgba(0,0,0,.6);text-align:left;z-index:10;overflow:hidden;}
.header .menu ul li div a{display:block;padding:0;padding-left:24px;line-height:40px;color:#fff;}
.header .menu ul li div a:hover{background:#ffbe02;color:#fff;}
.header .search{float:left;margin:13px 0 0 30px;width:182px;height:33px;background:#f0f0f0;border:none;border-radius:20px;padding-left:20px;box-shadow:2px 2px 2px #dedede inset;outline:none;color:#848484;}
.header .search form{position:relative;}
.header .search form input{position:absolute;top:0;left:0;height:33px;border:none;background:none;}
.header .search form button{position:absolute;top:10px;right:10px;width:17px;height:18px;background:url(../../images/home/search.png) no-repeat;border:none;}
.header .lang{position:absolute;top:19px;right:10px;overflow:hidden;}
.header .lang a{display:block;float:left;margin-left:10px;width:32px;height:23px;}
.header .lang a.cn{background:url(../../images/home/lang-cn.png) no-repeat;}
.header .lang a.en{background:url(../../images/home/lang-en.png) no-repeat;}

/*Home*/
.index-banner{width:100%;overflow:hidden;}
.index-banner .swiper-container{width:100%;}
.index-banner .swiper-button-prev,.index-banner .swiper-button-next{width:15%;height:100%;top:0;background-image:none !important;}
.index-banner .swiper-button-prev{left:0;}
.index-banner .swiper-button-next{right:0;}
.index-banner .swiper-button-prev span,.index-banner .swiper-button-next span{display:block;width:64px;height:64px;position:absolute;left:20px;top:50%;margin-top:-32px;border-radius:100%;background:rgba(180,180,180,0.25) url(../../images/home/arrow.png) no-repeat center 17px;opacity:0;-webkit-transition:opacity 0.5s ease;transition:opacity 0.5s ease;}
.index-banner .swiper-button-next span{background:rgba(180,180,180,0.25) url(../../images/home/arrow.png) no-repeat center -71px;left:auto;right:20px;}
.index-banner .swiper-button-prev:hover span,.index-banner .swiper-button-next:hover span{opacity:.8;}
.index-banner .swiper-pagination{top:auto;bottom:50px;background:none;}
.index-banner .swiper-pagination-bullet {display:inline-block;width:50px;height:30px;margin:0 3px;cursor:pointer;background:none;border-radius:0;opacity:1;}
.index-banner .swiper-pagination-bullet span{display:block;width:50px;height:2px;background:rgba(128,128,128,0.5);}
.index-banner .swiper-pagination-bullet-active span{background:#ffbe02;}
.index-banner .autoplay .swiper-pagination-bullet-active span{background:rgba(128,128,128,0.5);}
.index-banner .swiper-pagination-bullet i{background:#ffbe02;height:2px;transform:scaleX(0);transform-origin:0;display:block;}
.index-banner .autoplay .firsrCurrent i{transition:transform 2.9s linear;transform:scaleX(1);}
.index-banner .autoplay .current i{transition:transform 4s linear;transform:scaleX(1);}
.index-banner .autoplay .replace span{background:#ffbe02;}
.index-banner .swiper-slide{position:relative;background:#000 center center no-repeat;background-size:cover;}
/*temp*/
.index-banner .slide1{position:relative;background:#000 center center no-repeat;background-size:cover;}
.index-banner .slide1 .text{position:absolute;top:50%;left:55%;width:450px;height:130px;padding:30px 0 0 30px;background:rgba(0,0,0,0.5);color:#fff;}
.index-banner .slide1 .text h2{margin-bottom:12px;font-size:38px;}
.index-banner .slide1 .text h3{font-size:20px;}
.index-banner .slide2{position:relative;background:#000 center center no-repeat;background-size:cover;}
.index-banner .slide2 .text{position:absolute;top:25%;left:55%;width:500px;height:120px;}
.index-banner .slide2 .text h2{margin-bottom:15px;font-size:35px;}
.index-banner .slide2 .text h3{font-size:20px;}
.index-banner .slide3{background:#000 center center no-repeat;background-size:cover;}
.index-banner .slide3 .text{position:absolute;top:25%;right:15%;width:450px;height:130px;padding:30px 0 0 30px;background:rgba(0,0,0,0.5);color:#fff;}
.index-banner .slide3 .text h2{margin-bottom:12px;font-size:38px;}
.index-banner .slide3 .text h3{font-size:20px;}

.index-video{position:fixed;left:50px;bottom:100px;z-index:10;}

/*Page*/
.page{}
.page .bg{position:relative;width:100%;background:#000 center center no-repeat;background-size:cover;overflow:hidden;}
.page .bg .content{position:absolute;top:0;left:0;padding:40px;width:40%;height:100%;background:rgba(0,0,0,0.7);opacity:0.9;color:#fff;}
.page .bg .content h1{height:48px;line-height:48px;border-top:1px solid #9b9ea1;border-bottom:1px solid #9b9ea1;text-align:center;font-size:30px;color:#fff;font-weight:100;}
.page .bg .content .text{margin-top:20px;line-height:24px;font-size:14px;/*-webkit-animation:fadeInLeft 2s;*/overflow-x:hidden;overflow-y:auto;}
.page .bg .content .text::-webkit-scrollbar{width:10px;height:10px;background-color:rgba(0,0,0,.5);}
.page .bg .content .text::-webkit-scrollbar-track{border-radius:10px;}
.page .bg .content .text::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow: inset 0 0 6px rgba(255,255,255,.3);background-color:rgba(255,255,255,.3);}

.page .bg .content2{position:absolute;top:0;right:0;width:60%;height:100%;}

.page .photo{padding:50px 0;background:url(../../images/home/case-bg.jpg);overflow:hidden;}
.page .photo .item{float:left;width:33.3%;}
.page .photo .item a{position:relative;display:block;padding:15px;}
.page .photo .item a img{width:100%;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,0.18);}
.page .photo .item a span{display:block;position:absolute;right:15px;bottom:15px;left:15px;height:50px;line-height:50px;background:rgba(0,0,0,.8);font-size:14px;color:#fff;text-align:center;}
.page .photo .item a:hover span{background:rgba(255,190,2,.8);}

.page .case{width:100%;background:url(../../images/home/case-bg.jpg) center center no-repeat;background-size:cover;overflow:hidden;}
.page .case .brand{position:relative;width:30%;height:100%;}
.page .case .brand .items{padding:30px;overflow:hidden;}
.page .case .brand .items li{float:left;width:33.3%;}
.page .case .brand .items li a.item{display:block;padding:5px;}
.page .case .brand .items li a.item img{width:100%;background:rgba(0,0,0,.5);filter:alpha(Opacity=50);-moz-opacity:0.5;opacity:0.5;border-radius:5px;}
.page .case .brand .items li:hover a.item img{background:rgba(0,0,0,1);filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;}
.page .case .brand .items li.active a.item img{background:rgba(0,0,0,1);filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;}
.page .case .brand .paging{position:absolute;bottom:30px;left:0;width:100%;text-align:center;}
.page .case .brand .paging ul.pagination{margin:0;}
.page .case .brand .paging ul.pagination li a{background:none;border-color:#828282;color:#fff;}
.page .case .brand .paging ul.pagination li span{background:none;border-color:#828282;}
.page .case .brand .paging ul.pagination li.disabled span{color:#828282;}
.page .case .brand .paging ul.pagination li.active span{background:#ffbe02;border-color:#ffbe02;color:#fff;}
.page .case .list{position:relative;width:70%;height:100%;background:rgba(0,0,0,.5);}
.page .case .list ul{overflow:hidden;}
.page .case .list ul li{float:left;width:33.3%;}
.page .case .list ul li a{display:block;position:relative;background:#000 center center no-repeat;background-size:cover;overflow:hidden;}
.page .case .list ul li a img.cover{width:100%;}
.page .case .list ul li a span.half{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);filter:alpha(Opacity=80);-moz-opacity:0.8;opacity:0.8;z-index:2;}
.page .case .list ul li a img.logo{display:block;position:absolute;top:50%;left:50%;width:100px;height:100px;margin:-50px 0 0 -50px;z-index:3;}
.page .case .list ul li a span.name{display:none;position:absolute;bottom:0;left:0;width:100%;height:40px;line-height:40px;background-color:rgba(0,0,0,0.8);font-size:14px;color:#fff;text-align:center;z-index:3;}
.page .case .list ul li a:hover span.half{display:none;}
.page .case .list ul li a:hover img.logo{display:none;}
.page .case .list ul li a:hover span.name{display:block;}
.page .case .list a.prev{display:block;position:absolute;top:50%;left:0;margin-top:-50px;padding-left:15px;width:50px;height:100px;line-height:100px;background:url(../../images/home/case-prev.png) left center no-repeat;font-size:18px;color:#fff;z-index:100;}
.page .case .list a.prev:hover{background-color:rgba(0,0,0,.5);}
.page .case .list a.next{display:block;position:absolute;top:50%;right:0;margin-top:-50px;padding-right:15px;width:50px;height:100px;line-height:100px;background:url(../../images/home/case-next.png) right center no-repeat;font-size:18px;color:#fff;z-index:100;}
.page .case .list a.next:hover{background-color:rgba(0,0,0,.5);}

.page .case-show{padding:30px 0;overflow:hidden;}
.page .case-show .detail{}
.page .case-show .detail .title{margin-bottom:30px;font-size:18px;text-align:center;}
.page .case-show .detail .attach{}
.page .case-show .detail .content{line-height:30px;font-size:14px;overflow:hidden;}
.page .case-show .detail .content img{max-width:100%;height:auto;}
.page .case-show .related{padding-left:40px;}
.page .case-show .related dt{padding-bottom:15px;border-bottom:1px solid #f0f0f0;font-size:16px;}
.page .case-show .related dd{margin-top:15px;}
.page .case-show .related dd a{}
.page .case-show .related dd a img{}
.page .case-show .related dd a span{display:block;line-height:30px;text-align:center;font-size:14px;}

.page .post{width:100%;background:url(../../images/home/case-bg.jpg);overflow:hidden;}
.page .post .list{width:75%;margin:30px 0;padding:0 30px;background:rgba(255,255,255,1);border:1px solid #f0f2f5;overflow:hidden;}
.page .post .list li{padding:30px 0;border-bottom:1px solid #f0f2f5;cursor:pointer;overflow:hidden;}
.page .post .list li .img{float:left;width:25%;max-height:100px;overflow:hidden;}
.page .post .list li .img a{}
.page .post .list li .img a img{width:160px;}
.page .post .list li .txt{float:left;width:75%;}
.page .post .list li .txt h3{margin-bottom:20px;font-size:24px;color:#464646;overflow:hidden;}
.page .post .list li .txt p{margin-bottom:10px;font-size:13px;color:#6a6a6a;}
.page .post .list li .txt span{font-size:13px;color:#a3afb7;}
.page .post .photo{}

.page .post .cats{width:22%;margin:30px 0;padding:20px 30px;background:rgba(255,255,255,1);border:1px solid #f0f2f5;overflow:hidden;}
.page .post .cats h3{margin:16px 0;padding-left:10px;height:18px;line-height:18px;border-left:3px solid #ffbe02;font-size:18px;}
.page .post .cats ul{margin-bottom:50px;overflow:hidden;}
.page .post .cats ul li{height:36px;line-height:36px;border-bottom:1px solid #f0f2f5;font-size:14px;}
.page .post .cats ul li.active{}
.page .post .cats ul li.active a{font-weight:bold;color:#ffbe02;}
.page .post .cats ul li:first-child{margin-top:0;}
.page .post .cats dl{overflow:hidden;}
.page .post .cats dl dd{height:36px;line-height:36px;border-bottom:1px solid #f0f2f5;font-size:14px;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.page .post-show{}
.page .post-show .detail{padding:30px;overflow:hidden;}
.page .post-show .detail .title{padding-bottom:20px;border-bottom:1px solid #f0f2f5;color:#a3afb7;}
.page .post-show .detail .title h3{margin-bottom:10px;font-size:24px;color:#333;}
.page .post-show .detail .title .attach{font-size:13px;color:#a3afb7;}
.page .post-show .detail .title .attach span{margin-right:10px;}
.page .post-show .detail .title .attach span i{margin-right:5px;}
.page .post-show .detail .content{padding-top:30px;line-height:30px;font-size:14px;word-wrap:break-word;overflow:hidden;}
.page .post-show .detail .content img{max-width:100%;height:auto;}
.page .post-show .related{padding:30px;}
.page .post-show .related dt{padding-bottom:15px;border-bottom:1px solid #f0f0f0;font-size:18px;}
.page .post-show .related dd{margin-top:15px;}
.page .post-show .related dd a{line-height:30px;font-size:14px;}

.pop{padding:50px;line-height:30px;font-size:14px;overflow:hidden;}
.pop h3{margin-bottom:15px;text-align:center;}

.footer{width:100%;height:60px;background:#191919;overflow:hidden;}
.footer .copy{float:left;line-height:60px;color:#828282;}
.footer .copy a{color:#828282;}
.footer .menu{float:left;line-height:60px;}
.footer .menu a{display:inline-block;padding:0 15px;height:16px;line-height:16px;border-left:1px solid #828282;color:#828282;}
.footer .menu a:first-child{border:none;}
.footer .gong{float:left;line-height:60px;}
.footer .gong img{margin-top:10px;width:40px;height:40px;}