/* 
* @Author: Marte
* @Date:   2017-05-19 09:15:54
* @Last Modified by:   Marte
* @Last Modified time: 2017-11-08 16:17:44
*/
.wrapper{ width:100%; min-width: 1200px; }
.wrap1200{ width: 1200px; margin:0 auto; }

/********************* 引导页 ***********************/
.boot-page{ position: absolute; left: 0; top: 0; display: table; width: 100%; height: 100%; }
.boot-page .img{ display: table-cell; vertical-align: middle; text-align: center; }
.boot-page .img img{ opacity: 0; -webkit-transition: all 2s ease .2s;
   -moz-transition: all 1s ease .2s;
    -ms-transition: all 1s ease .2s;
     -o-transition: all 1s ease .2s;
        transition: all 1s ease .2s; }
.boot-page.on .img img{opacity: 1;}


.in{ opacity: 0; }

/********************* 首页 ***********************/

/* head */
.wrapper .head{ width: 100%; height: 50px; padding-right: 90px; background: #333; font-size: 0; text-align: right; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.wrapper .head a{ display: inline-block; line-height: 50px; margin:0 29px; font-size: 14px; color: #fff; }
/* main */
.in .main{ width:100%; }
.in .main li{ position: relative; float:left; width: 10.5%; background: #fff; }
.in .main li img{ width: 100%; height: 100%; display: block; -webkit-filter:grayscale(1); -moz-filter:grayscale(1); -ms-filter:grayscale(1); filter:grayscale(1); }
.in .main li:hover img{ -webkit-filter:none; -moz-filter:none; -ms-filter:none; filter:none; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; transition: all .3s ease-out; }
.in .main li.logo{ width: 37%; text-align: center; }
.in .main li.logo img{ 
	position: absolute;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    max-width: 100%;
    /* margin: -185px 0 0 -230px; */
    vertical-align: middle;
    margin: -75px 0 0 -75px;
}
.in .footer{ height: 50px; line-height: 50px; font-size: 12px; background: #333; color: #fff; text-align:  center; }
.in .main li .text,.in .main li .text-zh{ position: absolute; right: 12%; top: 15%; line-height: 1.2; color: #fff; font-size: 36px; width: 30px; text-align: center; word-wrap:break-word; color: #000; }
.in .main li .text-zh{ right: 36%; font-size: 24px; line-height: 1.5; color: #333; }
.in .main li.white .text,.in .main li.white .text-zh{ color: #fff; }

/********************* 子页通用 ***********************/
.child-main{ width: 1200px; margin:0 auto; }
.child-banner img{ width: 100%; height: auto; }
.child-nav{ width: 100%; height: 50px; line-height: 50px; font-size: 14px; border-bottom: 1px solid #eee; }
.child-nav ul{ width: 1200px; margin:0 auto; font-size: 0; }
.child-nav ul li{ display: inline-block; padding-right: 25px; margin-right: 15px; font-size: 14px; background-image: url(../images/jiao-icon.png); background-repeat: no-repeat; background-position: 44px 20px; }
.child-nav ul li:last-child{ background-image: none; }
.child-navlist{ width: 100%; min-width: 1200px; height: 50px; line-height: 50px; background: #444; }
.child-navlist .child-navlist-con a{ display: inline-block; margin-right: 70px; font-size: 14px; color: #fff; cursor: pointer; }
.child-foot{ width: 100%; min-width: 1200px; height: 110px; margin-top: 60px; border-top: 1px solid #eee; overflow: hidden; }
.child-foot .dstable{ display: table; width: 255px; height: 110px; line-height: 1.8; }
.child-foot .dstable .dstable-tell{ display: table-cell; vertical-align: middle; }
.child-foot .foot-logo{ position: relative; width: 430px; line-height: 110px; -wekit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding-top: 29px; }
.child-foot .foot-logo img{ vertical-align: middle; }
.child-foot .foot-logo span{ display: inline-block; width: 160px; height: 1px; margin-right: 22px; background-color: #333; }



/********************* 新闻动态 ***********************/
.news-list .news-list-box{ padding-bottom: 50px; }
.news-list .news-list-box li{ margin-top: 50px; clear: both; zoom: 1; overflow: hidden; }
.news-list .news-list-box li .news-pic{ width: 300px; height: 230px; overflow: hidden; }
.news-list .news-list-box li .news-pic img{ width: 100%; height: 100%; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; transition: 1s; }
.news-list .news-list-box li .news-pic:hover img{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
.news-list .news-list-box li .news-info{ width: 840px; padding-right: 5px; }
.news-list .news-list-box li .news-info .time{ font-size: 16px; color: #bbb; }
.news-list .news-list-box li .news-info .time span{ font-size: 60px; color: #ccc; margin-right: 25px; }
.news-list .news-list-box li .news-info .text{ margin-top: 10px; }
.news-list .news-list-box li .news-info .text h1{ font-size: 18px; font-weight: normal; line-height: 52px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news-list .news-list-box li .news-info .text p{ font-size: 14px; color: #666; line-height: 1.5; display: -webkit-box; display:-moz-box; display:box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-line-clamp: 2; -moz-line-clamp: 2; overflow: hidden; }
.news-list .news-list-box li .more { display: inline-block; width: 100px; height:36px; margin-top: 28px; line-height: 36px; text-align: center; font-size: 16px; border:1px solid #999; cursor: pointer; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; transition: all .3s ease-out; }
.news-list .news-list-box li .more i{ display: inline-block; width: 29px; height: 13px; background-image: url(../images/jiao-icon.png); background-position:-80px -52px; background-repeat: no-repeat; }
.news-list .news-list-box li .more:hover{ background:#000; color: #fff; border:1px solid #000; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; transition: all .3s ease-out; }
.news-list .news-list-box li .more:hover i{ background-position:-80px 0; }


/********************* 案例展示 ***********************/
.pic-list .pic-list-box{ width: 1200px; overflow: hidden; }
.pic-list .pic-list-box ul{ }
.pic-list .pic-list-box ul li{ float: left; width: 375px; height: 290px; margin:30px 25px 0 0; overflow: hidden; }
.pic-list .pic-list-box ul li .img{ width: 100%; height: 190px; overflow: hidden; }
.pic-list .pic-list-box ul li .img img{ width: 100%; height: 100%; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; transition: 1s; }
.pic-list .pic-list-box ul li .text{ border-bottom: 2px solid #aaa; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; width: 100%; height: 55px; text-align: center; overflow: hidden; padding: 0px 30px; box-sizing: border-box; }
.pic-list .pic-list-box ul li .text p{ height: 53px; line-height: 53px; font-size: 16px; }
.pic-list .pic-list-box ul li .text span{ font-size: 12px; color:#999; line-height: 1.5; }
.pic-list .pic-list-box ul li:hover .text{ border-bottom: 0; height: 120px; background: #f5f5f5; }
.pic-list .pic-list-box ul li .img:hover img{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

/********************* 创始人 ***********************/
.founder .con-box .titles{ line-height: 110px; font-size: 48px; text-align: center; font-family:"宋体"}
.founder .con-box .info{ margin-top: 52px; }
.founder .con-box .info .img{ width: 441px; }
.founder .con-box .info .img img{ width: 100%; }
.founder .con-box .info .message{ width:410px; margin:50px 0 0 88px; }
.founder .con-box .info .message .name{ display: inline-block; min-width: 203px; font-size: 30px; padding-bottom: 32px; border-bottom: 3px solid #333; }
.founder .con-box .info .message .text{ margin-top: 36px; font-size: 14px; color: #666; line-height: 2; }
.founder .con-box .info .message .text h1{ margin-bottom: 10px; font-size: 18px; color: #333; }

/********************* 关于我们 ***********************/
.about-us .map{ width: 100%; height: 400px; margin-top: 30px; background-color: skyblue; }
.about-us .info{ width: 100%; height: 260px; margin-top: 45px; padding: 38px 0; background-image: url(../images/about-us-con-bg.png); background-repeat: no-repeat; background-size: cover; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.about-us .info .about-us-logo{ width: 400px; height: 185px; padding-top: 45px; border-right:1px solid #eee; text-align: center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; font-size: 16px; }
.about-us .info .about-us-logo img{ max-width: 100%; max-height: 178px; }
.about-us .info .about-us-logo p{ padding: 0 20px; margin-top: 15px; }
.about-us .info .about-us-phone{ display: table; width: 485px; height: 185px; padding:0 45px 0 55px; border-right:1px solid #eee; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.about-us .info .about-us-phone .con{ display: table-cell; vertical-align: middle; font-size: 14px; line-height: 2; }
.about-us .info .about-us-ewm{ width: 315px; padding: 38px 0 0 50px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.about-us .info .about-us-ewm .txt{ width: 70px; padding-top: 20px; text-align: center; font-size: 14px; }
.about-us .info .about-us-ewm .txt span{ font-size: 34px; }
.about-us .info .about-us-ewm .txt p{ line-height: 2; }
.about-us .info .about-us-ewm .img{ width: 108px; height: 105px; margin-left: 30px; background: #333; }

/********************* 关于我们-我的团队 ***********************/
.about-item .con-box{ position: relative; width: 100%; height: 703px; margin-top: 28px; background-image: url(../images/about-item-bg.png); background-size: cover; background-repeat: no-repeat; }
.about-item .con-box .item{ position: absolute; width: 176px; height: 176px; }
.about-item .con-box .item img{ width: 100%; height: 100%; }
.about-item .con-box .item.ceo{ top: 86px; left: 162px; width: 353px; height: 353px; }
.about-item .con-box .item.box2{ top: 86px; left: 693px; }
.about-item .con-box .item.box3{ top: 86px; right: 154px; }
.about-item .con-box .item.box4{ bottom: 87px; left: 161px; }
.about-item .con-box .item.box5{ bottom: 87px; left: 339px; }
.about-item .con-box .item.box6{ bottom: 87px; left: 516px; }
.about-item .con-box .item.box7{ bottom: 87px; right: 154px; }
.about-item .con-box .item.box8{ top: 86px; left: 516px; }
.about-item .con-box .item.box10{ top: 263px; right: 154px; }
.about-item .con-box .item.box11{ bottom: 87px; right: 331px; }

.about-item .con-box .box9{ position: absolute; left: 516px; top: 264px; width: 353px; height: 175px; line-height: 175px; text-align: center; background: #252525; font-size: 36px; color: #fff; }
.about-item .con-box .box9 img{ padding-top: 48px; }
.about-item .con-box .item .text{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #fff; background-color: rgba(0,0,0,.6); font-size: 14px; line-height: 2; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.about-item .con-box .item.ceo .text{ padding: 228px 0 0 25px; opacity: 0; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -ms-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; }
.about-item .con-box .item .text h1{ font-size: 28px; font-weight: normal; }
.about-item .con-box .item .name{ position: absolute; left: 0px; top: 0; width: 100%; height: 100%; line-height: 176px; font-size: 14px; text-align: center; color: #fff; background-color: rgba(0,0,0,.6); opacity: 0; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; }
.about-item .con-box .item.ceo:hover .text{ opacity: 1; }
.about-item .con-box .item:hover .name{ opacity: 1; }

/********************* 设计 ***********************/
.design .design-list .design-list-bg,.design .design-list .design-list-bg img{ display: block; width: 100%; min-width: 1200px; height: auto; }
.design .design-list .design-list-bg img{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; }
.design .design-list:hover .design-list-bg img{ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); }
.design .design-box{ margin-top: 30px; }
.design .design-list { position: relative; margin-top: 10px; }
.design .design-list .txt{ position: absolute; left: 0; top: 50%; margin-top: -52px; width: 100%; line-height: 2; text-align: center; font-size: 16px; color: #000; }
.design .design-list .txt h1{ font-size: 36px; }

/********************* 内容页 ***********************/
.content-box .box{ min-height: 300px; padding-top: 40px; line-height: 1.5; color:#666; }


/********************* 荣誉 ***********************/
.honor .con-box{ margin-top: 40px; }
.honor .con-box li{ margin-top: 10px; overflow: hidden; }
.honor .con-box li .txt{ width: 450px; }
.honor .con-box li .txt h1{ font-size: 18px; font-weight: normal; }
.honor .con-box li .txt .info{ margin-top: 30px; line-height: 2; color: #666; }
.honor .con-box li .img{ width: 670px; max-height:380px; }
.honor .con-box li .img img{ width: 100%; height: auto; }



@-webkit-keyframes fadein { 0% { opacity: 0; }}
@-moz-keyframes fadein { 0% { opacity: 0; }}
@-ms-keyframes fadein { 0% { opacity: 0; }}
@-o-keyframes fadein { 0% { opacity: 0; }}
@keyframes fadein { 0% { opacity: 0; }}