body{background:#fff; width: 750px; }
a,a:hover{text-decoration: none;}
@font-face {
    font-family: Gotham;
    src: url('Gotham-Medium.eot'), url('Gotham-Medium.ttf'), url('Gotham-Medium.woff'), url('Gotham-Medium.svg'), url('Gotham-Medium.otf');
}


.header{width: 100%; position: fixed; top: 0px; z-index: 9999;}
/*.box{}*/
.header.on{z-index: 1;}
.header .box{padding: 30px; }
.header .logo{float: left;padding: 10px;}
.header .logo  img{position: relative; z-index: 40; display:block;}
.header .cd{float: right;padding: 10px;position: relative; z-index: 32; display:none;}
.header .cd span{width: 40px; height: 4px; display: block; background:#000;}
.header .cd span:first-child{margin-top: 8px;margin-bottom: 10px;}

.jzzz{width: 100%; height: 100%; background: #fff; z-index: 30; position: fixed; top: 0px; left: 0px;}
.ilb{width: 100%;   height: 100%; z-index: 1;position: relative; cursor:pointer}
.homeSlider.on{height: 83.6% !important;}
.ilb_bottom{position: fixed; bottom: 0; left: 0px;width: 100%; height: 16.5%;  cursor:pointer;background: #fff;}


.container{position: relative;background: #fff;cursor:pointer;z-index: 999;}
.icase{width: 100%; position: relative; z-index: 20; background:#fff; padding-bottom:1px; cursor:pointer}
.icase .ictop{width: 100%; }
.icase ul li{width: 100%; margin-bottom: 12px; height: 610px;position: relative; overflow: hidden; background-color: #fff;}
.icase ul li img{display: block; width: 100%;}
/*.icase ul li a{display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(255,255,255,0.6); text-align: center; }*/

.icase ul li a{display: block;position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}

.icase ul li a h3{font-size: 48px; color: #2e2e2e; font-weight: bold; position: relative; line-height: 55px; padding-bottom: 25px;margin-top: 250px;
font-weight: bold;}
.icase ul li a h3:after{width: 48px; height: 2px; content: "";border-top: 3px solid #787878;  position: absolute; bottom: 0px; left: 50%; margin-left: -24px;  }
.icase ul li a p{font-size: 22px; color: #2d2d2d; line-height: 30px; margin-top: 20px;}
.icase ul li a h3, .icase ul li a p{display: none;}


.iab{width: 100%; padding-top: 75px;  z-index: 20; background:#fff; position: relative; margin-top: -5px; }

.iab .box{width: 100%; padding:0px 70px;}
.iab_top{margin-bottom: 280px; font-size: 16px; color: #414141; line-height: 1em;}
.iab_top span{width: 50%; float: left; text-transform: capitalize;}
.iab_jj{   margin-bottom: 350px;  }
.iab_jj h3{line-height: 63px;font-size: 40px;color:#2e2e2e ;   margin-bottom: 80px; font-weight: 200;  }
.iab_jj p{font-size: 24px; color: #979797;line-height: 44px; margin-bottom:50px;}

.i_work{padding: 70px 0 230px;background: #f8f8f8;}
.i_work .iab_top{margin-bottom: 250px;}
.i_work .iab_jj h3{margin-bottom: 90px;}
.i_work .iab_jj{margin-bottom: 0;}
.i_work .iab_jj dl{float: left;margin-bottom: 90px;width: 50%;}
.i_work .iab_jj dl dt{margin-bottom: 24px;font-size: 24px;color: #646464;}
.i_work .iab_jj dl dd{font-size: 24px;line-height: 50px;color: #979797;}


.iab_lb{width: 100%; height: 610px; background-color: #ddd; margin-bottom: 60px;}
.iab_hb{width: 100%; width: 100%;}
.iab_hb img{display: block; width: 100%;}

.footer{width: 100%;padding-top: 230px; margin-top: -2px; padding-bottom: 130px;  z-index: 20; background:#fff;position: relative; }
.footer .box{width: 100%; padding:0px 40px;}
.footer .box li{margin-bottom: 50px;}
.footer .box li h3{font-size: 30px; color: #2d2d2d; line-height: 1em; margin-bottom:15px; text-transform: capitalize; }
.footer .box li p{font-size: 30px; color: #aaaaaa; line-height: 40px;}

.footer-dixian{position: fixed;bottom: 0;left: 0;z-index: -1;width: 100%;height: 100%;text-align: center;background: url(../img/dixian-bg.jpg) center bottom no-repeat #aaa;}

#nb_icon_wrap .nb-icon-wrap-base{width: 150px !important;height: 100px !important;background-image: url(../img/sq-zixun.png) !important;}


/*菜单*/
.menu{width: 100%; height: 100%!important; position: fixed; top: 0px; left: 0px;  background-color:rgba(255,255,255,1); display: none;z-index: 99999;}
.menu .box{width: 100%; padding: 43px 40px; height: 50px; }
.menu .logo{float: left;}
.menu .logo .logoc{}
.menu .logo .logos{display: none;}
.menu .gb{width: 40px; height: 100%; float: right;}
.menu .gb span{width: 40px; height: 4px; display: block; background:#000;  margin-top: 8px; margin-bottom: 4px; }

.menu_list{width: 100%; height:476px; position: absolute; top: 50%; margin-top: -238px; left: 0px;}
.menu_list ul li{height:119px; line-height: 119px; text-align: center; font-size: 50px; text-transform: capitalize; }
.menu_list ul li a{/*font-family: Gotham;font-weight: bold;*/font-weight: bold;color: #000;}


#gotop{font-size:30px; line-height: 1em; text-transform: capitalize; position: absolute; bottom:130px;right: 30px; z-index: 10;  }
#gotop a{color: #b4b4b4; padding-right:50px; display: block; }
#gotop:after{width: 50px; display: block; height:30px;  top: 0px; content: ""; position: absolute; right: 0px; background:url(../img/top.png)no-repeat center center;}
.i_footer #gotop{bottom: 230px;}
/*案例详情页*/
.page{width: 100%; margin-bottom: 165px;}
.page .box{width: 100%; padding:0px 110px; text-align: center; /*text-transform: uppercase;*/}
.page .box h3{margin-top: 225px; font-size: 36px; font-weight: bold; color: #2e2e2e; line-height: 65px; }
.page .box h4{font-size: 24px; color: #2d2d2d; ;line-height: 55px;}
.page .box .p_cont{margin-top: 110px; font-size: 24px; color: #808080; }
.page .box .p_cont p{line-height: 52px; margin-bottom: 55px;font-size: 24px; color: #808080;}

.page .pc_list{width: 100%; margin-bottom: 155px;}
.page .pc_list p{font-size: 24px; color: #979797; line-height:55px; }
.page .pc_list p span{display: block;max-width: 100%;padding: 0 30px;box-sizing: border-box;}
.page .pc_list p .mceItem-movie{padding: 0;}
.page .pc_list img{display: block; width: 100%; height: auto; margin-bottom: 12px;}

.pfy{width: 670px; margin:0 auto;}
.pfy ul li{width: 50%;}
.pfy ul li a{}
.pfy ul li a p{font-size: 30px; height: 55px; margin-bottom: 20px; color: #a9a9a9; text-transform: capitalize;}
.pfy ul li a.on p,.pfy ul li a:hover p{color: #333;}
.pfy ul li a div{width: 315px; height: 210px; overflow: hidden; background-size: 100%;}
.pfy ul li a img{display: block;/* max-width: 100%;*/ max-height:100%; }

/**/
.iab_lb .swiper-container {width: 100%; height: 100%; } 
.swiper-slide {text-align: center; font-size: 18px; background: #fff;  display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center;
 -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper-button-next,.swiper-button-prev{width: 41px!important;; height: 72px!important;; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background:url(../img/right.png)!important;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background:url(../img/left.png)!important;} 


/* 首页改版1216 */

.ilb{background: #fff;}
.ilb_bottom{}
.ilb_bottom .ilb_bottom_img{position: absolute;left: 30px;top: 50%;transform: translateY(-50%);}

.iabout{position: relative;width: 100%;height: 100vh;background:#fff;z-index: 19;}
.iabout .iabout-box.on{position: fixed;}
.iabout .iabout-box{position: static;}
.com-inner{width: 610px;margin: 0 auto;}
.iabout .iabout-inner{width: 670px;height: 100%;padding-top: 528px;box-sizing: border-box;}
.iabout .iabout-title{position: absolute;left: 0;top: 260px;width: 100%;z-index: 9;
transition: all .7s;
-moz-transition: all .7s; /* Firefox 4 */
-webkit-transition: all .7s; /* Safari 和 Chrome */
-o-transition: all .7s; /* Opera */
}
.iabout .iabout-title img{position: absolute;left: 40px;top: 50%;transform: translateY(-50%);}
.iabout .iabout-title.on{top: 0;}

.iabout .iabout-con{width: 560px;}
.iabout .iabout-con p{margin-bottom: 44px;font-size: 24px;line-height: 44px;color: #979797;}


.com-bottom{position: absolute;left: 70px;bottom: 34px;}
.iabout .com-bottom{left: 40px;}
.com-bottom span{font-size: 16px;color: #414141;}
.com-bottom .span2{margin-left: 266px;}

.icase ul li:last-child{margin-bottom: 0;}
.iab{padding-top: 0;}
.i_work{height: 100vh;background: #fff;box-sizing: border-box;}


.icontact{position: relative;height: 100vh;padding: 430px 0 62px;background: #fff;box-sizing: border-box;z-index: 20;}
.icontact .icontact-inner{}
.icontact .icontact-top{top: 60px;bottom: auto;}
.icontact .icontact-con{}
.icontact .icontact-con .con-text{margin-bottom: 44px;}
.icontact .icontact-con .con-text3{margin-bottom: 0;}
.icontact .icontact-con a{display: block;font-size: 24px;line-height: 44px;color: #2e2e2e;}
.icontact .icontact-con .text-info{font-size: 24px;color: #969696;line-height: 44px;}

.icontact .icontact-bottom{position: absolute;left: 40px;bottom: 60px;}
.icontact .icontact-bottom p{font-size: 20px;line-height: 1.5em;color: #969696;}
.iab_lb {margin-bottom: 60px;}



.news-container{position: relative;z-index: 9;}
.news, .news-read{width: 670px;margin: 0 auto;padding: 180px 0 30px;}
.news-type{margin-bottom: 30px;}
.news-type h3{width: 100%;font-size: 50px;font-weight: lighter;font-family: "museo-light" !important;}
.news-type ul{}
.news-type ul li{float: left;height: 45px;font-size: 30px;color: #898989;}
.news-type ul li a{padding: 0 15px;font-size: 28px;line-height: 1.5em;}
.news-summary{margin-top: 16px}

.news-list li{margin-bottom: 30px;padding: 25px 0 60px;/*border-bottom: 1px solid #eee;*/}
.news-list li .imgbigout, .news-list li .news-summary{width: 100%}
.news-list li a{display: block;}
.news-list li .news-summary{float: left}
.news-list li .imgbigout img, .news-list li .imgbigout{width: 100%}
.news-type ul li:first-child a{padding-left: 0}
.news-list li .news-summary h4{margin-bottom: 20px;font-weight: normal;}
.news-list li .news-summary p{margin-bottom: 20px;font-size: 30px;}
.news-list li .news-summary span{display: block;margin: 42px 0;font-size: 24px;}
.news-list li .news-summary h4, .news-list li .news-summary .more{font-size: 26px;color: #0f0b09;}
.news-list li .news-summary .more{text-decoration: underline;color: #5f6061;}
.news .news-more{display: block;padding: 30px 0;font-size: 24px;text-align: center;color: #0f0b09;text-transform: uppercase;}

.news-read{}
.news-read-left h3{font-size: 40px;font-weight: normal;}
.news-read-left h4{font-size: 32px;font-weight: normal;}
.news-read-right .title{margin-bottom: 40px;padding-bottom: 40px;font-size: 46px;border-bottom: 1px solid #ccc;}
.news-read img{max-width: 100%!important;height: auto}
.news-read-left{margin-bottom: 30px}
.news-read .news-read-left, .news-read-right{float: none;width: 100%}
.news-read-right{width: 100% !important}
.news-read-left{margin-bottom: 20px}
.news-read .content{}
.news-read .content p, .news-read .content span{font-size: 26px !important;line-height: 2em;color: #5f6061;max-height: 9999999px;}
.news-tool{margin-top: 26px}
.news-tool-right li{position: relative;height: 32px;float: left;margin: 0 7px}
.news-tool-right li .icon{background-image: url(icon.png);background-repeat: no-repeat;display: block;width: 26px;height: 26px}
.news-tool-right #close a{background-position: 0 -114px}
.news-tool-right #prev a{background-position: 0 -155px}
.news-tool-right #next a{background-position: 0 -194px}
.news-tool-right #close a:hover{background-position: -36px -114px}
.news-tool-right #prev a:hover{background-position: -36px -155px}
.news-tool-right #next a:hover{background-position: -36px -194px}
.share-box .icon{background-image: url(icon.png);background-repeat: no-repeat}
#share{width: 28px;height: 26px;float: right;position: relative;z-index: 99}
.share{width: 28px;height: 26px;display: block}
.ico-share{width: 28px;height: 26px;display: block;background-position: 2px -231px}
.ico-share:hover{background-position: -33px -231px}
.share-list{width: 100px;padding: 10px 20px;background: #363636;position: absolute;right: 0;top: 32px;-moz-border-radius: 8px;-webkit-border-radius: 8px;-o-border-radius: 8px;-ms-border-radius: 8px;border-radius: 8px;visibility: hidden;z-index: -1;opacity: 0;-moz-transition: all .2s linear;-webkit-transition: all .2s linear;-o-transition: all .2s linear;-ms-transition: all .2s linear;transition: all .2s linear}
.share-list.active{visibility: visible;z-index: 1;opacity: 1}
.share-list li a{height: 24px;line-height: 24px;display: block;padding-left: 34px;color: #FFF;font-size: 14px;position: relative}
.share-list li a:hover{color: #ffe514}
.share-list li .icon{width: 24px;height: 24px;display: block;position: absolute;left: 0;top: 50%;margin-top: -12px}
.share-list li .ico-weixin{background-position: -60px 0}
.share-list li .ico-xlwb{background-position: -100px 0}
.share-list li .ico-txwb{background-position: -140px 0}
.share-list li .ico-douban{background-position: -180px 0}
.share-list li .ico-tieba{background-position: -220px 0}
.share-list li a:hover .ico-weixin{background-position: -60px -40px}
.share-list li a:hover .ico-xlwb{background-position: -100px -40px}
.share-list li a:hover .ico-txwb{background-position: -140px -40px}
.share-list li a:hover .ico-douban{background-position: -180px -40px}
.share-list li a:hover .ico-tieba{background-position: -220px -40px}

.pager{width: 100%;color: #0f0b09;line-height: 30px;padding: 30px 0;font-size: 30px;text-align: center;opacity: .3}
.pager a,
.pager span{text-decoration: none;height: 26px;line-height: 26px;display: inline-block;margin: 0 20px;font-size: 30px}
.pager a:hover{color: #0f0b09;opacity: 1}
.pager a:active{color: #0f0b09}
.pager span.now{color: #0f0b09}
.pager span.disabled{color: #0f0b09}
.current:first-child,
.pager .p1:last-child{display: none}




.com-foot{position: relative;padding: 100px 0 60px;}
.news-container .com-inner{width: 670px;}
.com-foot .icontact-con{margin-bottom: 40px;}
.com-foot .icontact-con .con-text{margin-bottom: 44px;}
.com-foot .icontact-con .con-text3{margin-bottom: 0;}
.com-foot .icontact-con a{display: block;font-size: 24px;line-height: 44px;color: #2e2e2e;}
.com-foot .icontact-con .text-info{font-size: 24px;color: #969696;line-height: 44px;}

.com-foot .icontact-bottom{}
.com-foot .icontact-bottom p{font-size: 20px;line-height: 1.5em;color: #969696;}