@charset "UTF-8";
/**
 * @desc File Info
 * @author sunny
 * @date 2016-09-20
 */
.bgf6{background-color: #f6f6f6;}
.bgd{background-image: url(../images/contact_bg.png);background-repeat: no-repeat;display: block;}
.close_01 {width: 20px;height: 20px;background-position: 0 0;}
.contact_01 {width: 28px;height: 28px;background-position: 0 -20px;}
.contact_01_on {width: 28px;height: 28px;background-position: 0 -48px;}
.contact_02 {width: 28px;height: 28px;background-position: 0 -76px;}
.contact_02_on {width: 28px;height: 28px;background-position: 0 -104px;}
.contact_03 {width: 28px;height: 28px;background-position: 0 -132px;}
.contact_03_on {width: 28px;height: 28px;background-position: 0 -160px;}
.contact_04 {width: 28px;height: 28px;background-position: 0 -188px;}
.contact_04_on {width: 28px;height: 28px;background-position: 0 -216px;}
.contact_05 {width: 28px;height: 28px;background-position: 0 -244px;}
.contact_05_on {width: 28px;height: 28px;background-position: 0 -272px;}
.contact_email {width: 36px;height: 36px;background-position: 0 -300px;}
.contact_qq {width: 36px;height: 36px;background-position: 0 -336px;}
.contact_tel {width: 36px;height: 36px;background-position: 0 -372px;}
.contact_wx {width: 36px;height: 36px;background-position: 0 -408px;}

.section {position: relative;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;}
.section-title{text-align: center;}
.section-title h3 {margin-bottom: 40px;font-size: 36px;line-height: 50px;color: #333;}
.section-title p {margin-bottom: 50px;font-size: 15px;line-height: 30px;color: #666;}
.section-img img{display: block;margin: 0 auto;max-width: 100%;}

.about-banner h2 {position: absolute;top: 50%;left: 0;width: 100%;margin-top: -90px;text-align: center;line-height: 1;font-size: 50px;text-transform: uppercase;color: #fff;}
.about-banner h2 span {display: block;font-size: 120px;}
.about-section-intro {padding: 100px 0;text-align: center;}
about-section p{ margin:0; padding:0}
.about-section-intro .more {display: inline-block;vertical-align: top;width: 190px;height: 46px;line-height: 46px;border-radius: 23px;background-color: #e8e8e8;color: #b4b5b5;text-transform: uppercase;
	-webkit-transition: background-color .3s ease-out;
	-o-transition: background-color .3s ease-out;
	transition: background-color .3s ease-out;
}
.about-section-intro .more span:last-child {display: none;}
.about-section-intro .more{background:#12d07c;color:#fff;}
.about-section-num {padding: 50px 0;border-top: 1px solid #f4f4f4;font-size: 0;}
.about-section-num .item {display: inline-block;vertical-align: top;width: 50%;font-size: 14px;color: #666;text-align: center;}
.about-section-num .item span {display: block;font-size: 80px;color: #333;}
.about-brand {padding: 100px 0;}
.about-brand .section-title h3 {color: #fff;}
.about-brand .section-title p {margin-bottom: 100px;color: #fff;}

/*关于团队*/
.about-team {height: 900px;padding-top: 300px;
	background-image:-webkit-linear-gradient(-225deg, #021164, #45c3de);
	background-image:linear-gradient(-225deg,#021164,#45c3de);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#021164', endColorstr='#45c3de',GradientType=1);
}

.swiper-about {margin-bottom: 20px;}
.swiper-about .swiper-slide {position: relative;z-index: 1;padding-right: 20px;padding-left: 245px;width: 540px;height: 360px;margin: 0 15px;color: #fff;line-height: 1;opacity: .5;}
.swiper-about .swiper-slide-active {opacity: 1;}
.swiper-about .swiper-slide:before {content: "";position: absolute;z-index: -1;top: 0;right: 0;bottom: 0;left: 0;background-color: #000;background-color: rgba(0,0,0,.4);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);}
.swiper-about .swiper-slide h3 {padding-top: 45px;margin-bottom: 15px;}
.swiper-about .swiper-slide h3 span {font-size: 36px;}
.swiper-about .swiper-slide .job {font-weight: bold;line-height: 20px;margin-bottom: 20px;}
.swiper-about .swiper-slide p {font-size: 12px;line-height: 20px;height: 60px;margin-bottom: 30px;}
.swiper-about .swiper-slide a {text-align: center;line-height: 30px;display: inline-block;vertical-align: top;width: 100px;height: 30px;background-color: #fff;background-color: rgba(255,255,255,.5);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);color: #fff;text-transform: uppercase;font-size: 12px;}
.swiper-about .swiper-slide a:hover{background:#12d07c;color:#fff;}
.swiper-about .swiper-slide img {position: absolute;bottom: 0;left: 0;max-width: 220px;height: auto;}
.swiper-about .swiper-slide .num {position: absolute;right: 0;bottom: 0;width: 160px;height: 120px;font-size: 100px;text-align: center;line-height: 120px;color: #fff;opacity: .03;}
.swiper-about .swiper-about-bg {background: url(../images/about_team_bg.png) no-repeat right center;opacity: 1;}
.swiper-about .swiper-about-bg:before {display: none;}
.about-team-control {width: 540px;height: 50px;margin: 0 auto;}
.about-team-control a {width: 100px;height: 50px;border: 2px solid #fff;font-size: 20px;line-height: 44px;text-align: center;color: #fff;opacity: .5;}
.about-team-control a:hover {background-color: #12d07c;border-color: #12d07c;}

.about-designer {height: 900px;
	background-image:-webkit-linear-gradient(-225deg, #010a3c, #297485);
	background-image:linear-gradient(-225deg,#010a3c,#297485);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#010a3c', endColorstr='#297485',GradientType=1);
}
.swiper-designer {position: absolute;bottom: 0;left: 50%;margin-left: -600px;width: 1200px;}
.swiper-designer .swiper-slide {position: relative;padding-top: 100px;padding-left: 650px;height: 700px;color: #fff;line-height: 1;}
.swiper-designer .swiper-slide .img {position: absolute;top: 0;left: 100px;width: 500px;height: 700px;}
.swiper-designer .swiper-slide .img img {display: block;}
.swiper-designer .swiper-slide h3 {position: relative;z-index: 1;height: 100px;line-height: 1;font-size: 14px;line-height: 100px;}
.swiper-designer .swiper-slide h3 em {position: absolute;z-index: -1;top: 0;left: 0;font-size: 100px;font-style: normal;opacity: .03;}
.swiper-designer .swiper-slide h3 span {font-size: 36px;}
.swiper-designer .swiper-slide .job {margin-bottom: 20px;}
.swiper-designer .swiper-slide p {margin-bottom: 100px;font-size: 12px;line-height: 14px;width: 360px;}
.swiper-designer .swiper-slide a {display: inline-block;vertical-align: top;margin-right: 20px;width: 140px;height: 40px;border: 2px solid #fff;color: #fff;font-size: 12px;text-transform: uppercase;line-height: 36px;text-align: center;opacity: .5;}
.swiper-designer .swiper-slide a:hover {background-color: #12d07c;border-color: #12d07c;opacity: .8;}
.swiper-designer-item .img,
.swiper-designer-item .txt{opacity: 0;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out;
}
.swiper-designer-item .img{
    -webkit-transform: translate(40%);
    -ms-transform: translate(40%);
    -o-transform: translate(40%);
    transform: translate(40%);
    -webkit-transition: transform .7s ease;
    -o-transition: transform .7s ease;
    transition: transform .7s ease;
    opacity: 0;
}
.swiper-designer-item .txt{
    -webkit-transform: translate(40%);
    -ms-transform: translate(40%);
    -o-transform: translate(40%);
    transform: translate(40%);
    -webkit-transition: all .7s ease .3s;
    -o-transition: all .7s ease .3s;
    transition: all.7s ease .3s;
    opacity: 0;

}
.swiper-slide-active .img,
.swiper-slide-active .txt{opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0); 
}
.swiper-slide-next .img,
.swiper-slide-next .txt{opacity: 0;visibility: hidden;}

.sd-control {
	position: absolute;z-index: 1;top: 200px;width: 120px;height: 64px;color: #fff;line-height: 64px;text-align: center;opacity: .7;
}
.sd-control:hover {opacity: 1;}
.sd-control span {position: absolute;top: 0;width: 30px;font-size: 24px;}
.sd-control i {position:absolute;z-index: -1;display: block;width: 90px;text-align: center;font-size: 64px;font-style: normal;opacity: .1;}
.swiper-designer .swiper-prev {padding-left: 30px;left: 0;}
.swiper-designer .swiper-prev span {left: 0;text-align: left;}
.swiper-designer .swiper-next {padding-right: 30px;right: 0;}
.swiper-designer .swiper-next span {right: 0;text-align: right;}

.designer-contact {display: none;position: fixed;z-index: 10;top: 50%;left: 50%;width: 800px;height: 480px;margin-top: -240px;margin-left: -400px;border-radius: 3px;overflow: hidden;background-color: #fff;}
.dc-header {position: relative;padding: 20px 25px;height: 80px;background-color: #333;color: #fff;font-size: 10px;line-height: 20px;}
.dc-header .close_01 {position: absolute;z-index: 5;top: 50%;right: 20px;margin-top: -10px;cursor: pointer;}
.dc-header h3 span {padding: 2px 0 6px;display: block;font-size: 15px;line-height: 1;}
.dc-header h3 {height: 40px;padding-left: 50px;background: url(../images/design_logo.png) no-repeat left center;}
.dc-intro {padding: 30px 0 0 30px;}
.dc-intro li {position: relative;height: 36px;padding-left: 48px;margin-bottom: 30px;font-size: 18px;line-height: 36px;color: #999;}
.dc-intro li i {position: absolute;top: 0;left: 0;}
.dc-link {position: absolute;bottom: 0;left: 0;width: 100%;height: 108px;font-size: 0;border-top: 1px solid #f1f1f1;}
.dc-link a {display: inline-block;vertical-align: top;width: 20%;height: 107px;border-left: 1px solid #f1f1f1;}
.dc-link a i {margin: 40px auto;}
.dc-link a:hover{background-color: #f6f6f6;}
.dc-link a:hover .contact_01 {background-position: 0 -48px;}
.dc-link a:hover .contact_02 {background-position: 0 -104px;}
.dc-link a:hover .contact_03 {background-position: 0 -160px;}
.dc-link a:hover .contact_04 {background-position: 0 -216px;}
.dc-link a:hover .contact_05 {background-position: 0 -272px;}


/*新闻中心*/
.page-news .header{background-color: rgba(0,0,0,.6);}
.page-news .header.on{background-color: rgba(255,255,255,.9);}
.main-news {padding: 110px 30px 50px;background-color: #f6f6f6;}
.news-top {position: relative;padding-bottom: 33.3333%;}
.news-top-item {position: absolute;}
.news-top-item a{overflow: hidden;display: block;height: 100%;position: relative;}
.news-top-item img{display: block;width: 100%;
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.news-top-item:hover img{display: block;max-width: 100%;transform: scale(1.1);
	-webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    filter: grayscale(0);
    filter: 0;
}
.news-top-item01 {top: 0;left: 0;width: 61.8279%;height: 100%;}
.news-top-item02,
.news-top-item03 {right: 0;width: 37.0967%;height: 48.387%;}
.news-top-item02 {top: 0;}
.news-top-item03 {bottom: 0;}
.news-top-intro {position: absolute;bottom: 30px;left: 20px;right: 20px;color: #fff;line-height: 1;
    /* -webkit-transform: translateY(20%);
    -ms-transform: translateY(20%);
    -o-transform: translateY(20%);
    transform: translateY(20%); */
    -webkit-transition: transform .3s ease-out;
    -o-transition: transform .3s ease-out;
    transition: transform .3s ease-out;
}
.news-top-item:hover .news-top-intro{opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.news-top-intro span {display: block;margin-bottom: 10px;font-size: 12px;}
.news-top-intro h3 {margin-bottom: 10px;font-size: 36px;}
.news-top-intro h3 a{color:#fff;}
.news-top-intro a:hover{border-color: #12d07c;color: #12d07c;}
.news-top-intro > a {display: inline-block;vertical-align: top;color: #fff;line-height: 24px;position: relative;}
.news-top-intro > a:after{height: 2px;width: 0;background:#12d07c;content: "";position: absolute;top: 100%;left: 0;
    transition: width .5s ease;
    -webkit-transition:width .5s ease;
    -o-transition:width .5s ease; }
.news-top-intro > a:hover:after{width: 100%}

.news-nav {position: relative;line-height: 120px;font-size: 0;text-align: right;}
.news-nav h3 {display: inline-block;position: absolute;top: 0;left: 0;font-size: 36px;}
.news-nav a {display: inline-block;vertical-align: top;margin-left: 60px;font-size: 16px;color: #101010;}
.news-list {font-size: 0;}
.news-list li {display: inline-block;vertical-align: top;width: 25%;margin-bottom: 30px;background-color: #fff;}
.news-list-img {position: relative;overflow: hidden;}
.news-list-img:before {content: "";display: block;padding-bottom: 58.0645%;}
.news-list-img img {position: absolute;top: 0;left: 0;width: 100%;height: auto;
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.news-list-content {padding: 30px 30px;border-right: 1px solid #f1f1f1;line-height: 1;}
.news-list li:nth-of-type(4n) .news-list-content{border-right: 0;}
.news-list-content span {display: block;margin-bottom: 15px;font-size: 12px;color: #ccc;}
.news-list-content h3 {position: relative;margin-bottom: 15px;font-size: 18px;line-height: 24px;height: 72px;color: #000;overflow: hidden;}
.news-list-content h3,
.news-list-content a{
    -webkit-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease;
}
.news-list-content h3:after {content: "";position: absolute;bottom: 0;left: 0;width: 30px;height: 1px;background-color: #ccc;}
.news-list-content p {margin-bottom: 20px;font-size: 12px;line-height: 24px;height: 48px;color: #666;overflow: hidden;}
.news-list-content > a {display: inline-block;vertical-align: top;font-size: 14px;line-height: 24px;color: #010101;position: relative;}
.news-list-content > a:after{height: 2px;width: 0;background:#12d07c;content: "";position: absolute;top: 100%;left: 0; 
   transition: width .5s ease;
    -webkit-transition:width .5s ease;
    -o-transition:width .5s ease; }
.news-list-content > a:hover{color: #12d07c;}
.news-list-content > a:hover:after{width: 100%}

.news-list li:hover h3,
.news-list li:hover h3 a {color: #12d07c;}
.news-list li:hover .news-list-img img {transform: scale(1.1);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    filter: grayscale(0);
    filter: 0;
}

.article-pager {position: relative;height: 70px;background:#eee;line-height: 70px;text-align: center;}
.article-pager a {position: absolute;top: 0;font-size: 16px;color: #bbb;}
.article-pager a:hover {color: #12d07c;}
.article-pager a span {font-family: "\5B8B\4F53";font-weight: bold;}
.article-pager a.menu-ico{display: inline-block;height: 18px;width: 18px;background:url(../images/article_page_bg.png) no-repeat center center;height: 70px;width: 70px;}
.article-pager-prev{left: 0;padding-left: 20px;}
.article-pager-next{right: 0;padding-right: 20px;}
.article-body{position: relative;padding-top: 230px;margin-top: 30px;}
.article-body-head{position: absolute;padding-top: 70px;top: 0;left: 0;width: 100%;height: 230px;background-color: #141414;line-height: 1;color: #fff;text-align: center;}
.article-body-head span{font-size: 12px;}
.article-body-head h2{font-size: 36px;line-height: 70px;}
.abh-nav a{color: #444;margin: 0 5px;font-size: 12px;}
.abh-nav a:hover{color: #12d07c;}
.article-content{position: relative;z-index: 10px;margin: 0 120px;}
.article-content img{display: block;margin: 0 auto;max-width: 100%;}
.article-content h3{padding: 20px 0;font-size: 16px;line-height: 24px;color: #333;font-weight: bold;}
.article-content-body{padding-bottom: 70px;font-size: 14px;line-height: 24px;color: #666;}
.article-share{margin-bottom: 50px;border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;height: 80px;}
.article-share-main{margin: 18px auto;width: 310px;}

.article-share-main .jiathis_style_32x32{font-size: 0;}
.article-share-main .jiathis_style_32x32 a{display: inline-block;vertical-align: top;width: 42px;height: 42px;margin: 0 5px;}
.article-share-main .jiathis_style_32x32 .jtico{width: 42px !important;height: 42px !important;background-color: #222;background-repeat: no-repeat;background-position: center center;}
.article-share-main .jiathis_style_32x32 .jtico_tsina{background-image: url(../images/share_01.png);}
.article-share-main .jiathis_style_32x32 .jtico_tqq{background-image: url(../images/share_02.png);}
.article-share-main .jiathis_style_32x32 .jtico_cqq{background-image: url(../images/share_03.png);}
.article-share-main .jiathis_style_32x32 .jtico_weixin{background-image: url(../images/share_04.png);}
.article-share-main .jiathis_style_32x32 .jiaico_more{background:#222 url(../images/share_all.png) no-repeat center center;width: 42px;height: 42px;float: none;}

.article-share-main a{transition: none;}
.article-share-main a{height: 42px !important;width: 42px !important;float: left;border-right:1px solid #333;position: relative;margin: 0 10px !important;padding: 0 !important;background-color: #222 !important;}
.article-share-main .share-icon a.bds_sqq{background: url(../images/share_01.png) no-repeat center center;}
.article-share-main .share-icon a.bds_tsina{background: url(../images/share_02.png) no-repeat center center;}
.article-share-main .share-icon a.bds_weixi{background: url(../images/share_03.png) no-repeat center center;}
.article-share-main .share-icon a.bds_more{background: url(../images/share_all.png) no-repeat center center;}



.service-page .header .logo a{background:url(../images/logo-on.png) no-repeat left center;overflow-y:hidden;}
.service-page .header .logo a:hover{width: 133px;}
.service-page .header .nav ul li a{color: #1a1a1a;}
.service-page .header .icon01 a{background:url(../images/icon01-on.png) no-repeat center center;}
@media only screen and (max-width:1366px){
	.about-team{padding-top:11%}
	.swiper-designer-item .img, .swiper-designer-item .txt{margin-top:100px;}
} 


/*联系我们*/
.contact-box01{/* height: 860px;background: url(../images/contact-bg01.jpg) no-repeat center center/100% 100%; */position: relative;}
.contact-box01 img{width: 100%;display: block;}
.contact-box01 form{height:500px;width: 440px;background: #f4f4f4;position: absolute;top: 50%;left: 58%;color: #333;font-size: 14px;padding:40px 20px 0;margin-top: -250px; }
.contact-box01 input[type=text],.contact-box01 textarea{height: 55px;line-height: 55px;margin-top: 25px;border:0px none;border-bottom: 1px solid #bfbfbf;font-size: 12px;color: #999;width: 100%;background: transparent;}
.contact-box01 textarea{height: 115px;line-height: 24px;resize: none;}
.contact-box01 input[type=button]{background: #444;height: 50px;text-align: center;line-height: 50px;font-size: 14px;color: #fff;width: 100%;border-radius: 6px;transition: background .5s ease;
	-webkit-transition:background .5s ease;
    -o-transition:background .5s ease;
	}
.contact-box01 input[type=text]:focus,.contact-box01 textarea:focus{color: #333;}
.contact-box01 input[type=button]:hover{background: #12d07c}

.contact-box02{/* height: 851px;background: url(../images/contact-bg02.jpg) no-repeat center center/100% 100%; */position: relative;text-align: center;}
.contact-box02 img{width: 100%;width: 100%;display: block;}
.contact-box02 .tit{font-size: 36px;color: #fff;position: absolute;top: 20%;width: 100%;}
.contact-box02 .con{margin: 80px auto 0;height: 220px;width: 650px;background: #fff;position: absolute;top: 30%;left: 50%;margin-left: -320px;}
.contact-box02 .con .ewm-l{width: 197px;border-right: 1px solid #f3f3f3;}
.contact-box02 .con .ewm-l .img-w{position: relative;height: 156px;border-bottom: 1px solid #f3f3f3}
.contact-box02 .con .ewm-l .img-w img{max-height: 100%;max-height: 100%}
.contact-box02 .con ul.way-r{width: 443px;text-align: left;}
.contact-box02 .con ul.way-r li{height: 73px;border-bottom: 1px solid #f3f3f3;line-height: 73px;padding-left: 23px;}
.contact-box02 .con ul.way-r li:last-child{border-bottom: 0px none;}
.contact-box02 .con ul.way-r li i{
	background-image: url(../img/yybg.png);
	background-repeat: no-repeat;
}
.contact-box02 .con ul.way-r li.v01 i{background-position: -29px -286px;width: 15px;height: 15px;margin-right: 20px;}
.contact-box02 .con ul.way-r li.v02 i{background-position: 0px -286px;width: 9px;height: 16px;margin-right: 25px;margin-left: 5px;}
.contact-box02 .con ul.way-r li.v03 i{background-position: -11px -286px;width: 16px;height: 10px;margin-right: 23px;}
.contact-box02 .con ul.way-r li span{float: right;display: inline-block;width: 38px;height: 18px;background: #40404a;text-align: center;line-height: 18px;color: #fff;margin:27px 34px 0 0;}