*{margin:0;padding:0;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;overflow-scrolling:touch;-webkit-text-size-adjust:none}html,body{width:100%;height:100%}body{font-family:Arial,Helvetica,sans-serif;font:16px/1.5 "Microsoft Yahei","Helvetica","Arial","Helvetica Neue","Tahoma";color:#333;background:#fff;overflow-x:hidden}ul,ol{list-style:none}img,hr{border:none}img{vertical-align:top}a{text-decoration:none;color:#333}.clearfix{overflow:hidden;_zoom:1}.clearfix:after{visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0}.clear{clear:both}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.flex-wrp{display:flex;display:-webkit-flex;justify-content:space-between}.flex-item{display:flex;display:-webkit-flex;justify-content:center;align-items:center}.gray{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray}.left{float:left}.right{float:right}.inline{display:inline}.wrap{width:96%;max-width:1320px;margin:0px auto;position:relative;overflow:hidden}#header{width:100%;margin:0px auto;height:86px;background:#fff;z-index:99}.hd_top{height:86px}.hd_md{position:fixed;width:100%;z-index:200;top:0px;margin:0px auto;display:block;background:#fff}.hd_md .wrap{height:86px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;position:relative;overflow:visible}.hd_md #logo{position:absolute;left:0px;top:0;bottom:0;margin:auto;background:url(../images/logo.jpg) no-repeat top;background-size:100% auto;width:196px;height:58px}.hd_md .nav{position:absolute;width:auto;height:100%;right:176px;top:0px}.hd_md .nav li{float:left}.hd_md .nav li a{font-size:16px;color:#666;border-top:3px solid #fff;padding:26px 26px 35px;display:block}.hd_md .nav li a:hover,.hd_md .nav li a.curr{color:#ea5504}.hd_md #hd_tel{width:135px;color:#ea5504;height:25px;display:block;background:url(../images/icon_tel.jpg) no-repeat left;padding:0px 0px 0px 25px;position:absolute;right:0px;top:27px;font-size:22px;font-weight:bold;font-family:arial;line-height:120%}.hd_md .mobile-menu{display:none;width:36px;height:23px;padding:5px 2px;position:absolute;top:0px;bottom:0px;margin:auto;right:0px;cursor:pointer}.hd_md .mobile-menu .box{display:block;width:100%;height:100%;position:relative}.hd_md .mobile-menu .line{display:block;width:100%;height:2px;background-color:#1d1d1d;position:absolute;left:0;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;border-radius:3px}.hd_md .mobile-menu .line1{transform-origin:right top 0;width:73.86%}.hd_md .mobile-menu .line2{top:9px}.hd_md .mobile-menu .line3{top:18px;transform-origin:right bottom 0;width:73.86%}.hd_md .mobile-menu.active .line1{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.hd_md .mobile-menu.active .line2{opacity:0}.hd_md .mobile-menu.active .line3{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.tpfixed{border-bottom:1px solid #dedede;filter:alpha(Opacity=92);-moz-opacity:.92;opacity:.92}.tpfixed .wrap{height:70px;width:98%;max-width:1360px}.tpfixed .wrap .nav{top:-8px}.tpfixed #hd_tel{top:20px}#main{width:100%;overflow:hidden;position:relative}#fdlink{border-bottom:1px solid #111;padding:34px 0px;background:#222}#fdlink h2{font-size:18px;color:#ccc;font-weight:normal;margin-bottom:10px}#fdlink a{color:#888;font-size:12px;margin:0px 10px 10px 0px}#fdlink a:hover{color:#ccc}#footer{width:100%;padding:0px;background:#222}.ftnav{border-top:1px solid #333;padding:28px 0px 24px}.ftnav li{float:left;width:11.1%;margin:0px 4.28% 0px 0px}.ftnav li:nth-child(5),.ftnav li:last-child{margin-right:0}.ftnav li h2{font-size:17px;font-weight:normal;color:#ccc;border-bottom:1px solid #333;padding-bottom:15px;margin-bottom:18px}.ftnav li a{color:#888;font-size:12px;line-height:220%;display:block}.ftnav li a:hover{color:#ccc}.ftnav .ftcont{float:right;width:23.1%}.ftnav .ftcont h3{color:#f70;line-height:110%;font-size:28px;font-weight:normal;font-family:Arial,Helvetica,sans-serif;letter-spacing:1px}.ftnav .ftcont p{color:#888;font-size:12px;margin-top:18px;line-height:210%}.copyright{height:46px;font-size:12px;line-height:46px;color:#999;position:relative;background:#111;overflow:hidden}.copyright .line{margin-left:6px}.copyright .right{position:absolute;right:0px;top:0px}.copyright .right span{float:right;padding-left:10px;display:block}.copyright .right #cnzz{margin-left:1px}.copyright a{color:#888}.right_nav{width:50px;position:fixed;right:6px;top:50%;margin-top:-160px;z-index:1000}.right_nav a{cursor:pointer;position:relative;display:block;width:50px;height:50px;margin:2px 0px;overflow:hidden;background-position:center;background-color:#333;background-repeat:no-repeat;background-size:100%}.right_nav a span{position:absolute;-webkit-transition:all .18s ease;-moz-transition:all .18s ease;-o-transition:all .18s ease;transition:all .18s ease;right:50px;width:160px;display:block;opacity:0;text-align:center;overflow:hidden;height:26px;padding:12px 0px;color:#fff;background:#f60;font-size:16px}.right_nav a.rn_qq{background-image:url(../images/icon_qq_x.png)}.right_nav a.rn_weixin{background-image:url(../images/icon_weixin_xx.png)}.right_nav a.rn_mobile{background-image:url(../images/icon_mobile_x.png)}.right_nav a.rn_mobile2{background-image:url(../images/icon_mobile_x2.png)}.right_nav a.rn_weixin_x{background-image:url(../images/icon_weixin_x_x.png)}.right_nav a.rn_tel{background-image:url(../images/icon_tel_x.png)}.right_nav a.rn_top{background-image:url(../images/icon_top_x.png);display:none}.right_nav a:hover{background-color:#f60;overflow:visible}.right_nav a:hover span{opacity:1}.right_nav a.rn_weixin span,.right_nav a.rn_weixin_x span,.right_nav a.rn_mobile span,.right_nav a.rn_mobile2 span{top:-52px;height:124px;padding:15px 0px}.right_nav a.rn_weixin img,.right_nav a.rn_weixin_x img,.right_nav a.rn_mobile img,.right_nav a.rn_mobile2 img{width:124px;height:124px}@media screen and (max-width: 1180px)and (min-width: 1081px){.hd_md .nav li a{padding:26px 21px 35px}}@media screen and (max-width: 1080px){.copyright .right{display:none}}@media screen and (max-width: 1080px)and (min-width: 981px){.hd_md .nav li a{padding:26px 12px 35px}}#banner{padding-bottom:32%;height:81px;background:url(../images/nbg.jpg) repeat-x #fff;overflow:hidden;position:relative;z-index:1}#banner .ibbg{width:100%;max-width:1442px}#banner .swiper-container{position:absolute !important;left:0;top:0;bottom:0;right:0;margin:auto;z-index:2;height:100%}#banner .swiper-slide{width:100%;margin:0 auto;height:100%}#banner .swiper-slide{overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center}#banner .swiper-slide a{width:100%;height:100%;display:block}.we_do,.cases,.news,.customer{text-align:center;background:#fff;padding-bottom:50px}.we_do .title,.cases .title,.news .title,.customer .title{text-align:center;margin:40px 0}.we_do .title span,.cases .title span,.news .title span,.customer .title span{font-size:22px;color:#ddd;font-family:"Times New Roman",Times,serif}.we_do .title h2,.cases .title h2,.news .title h2,.customer .title h2{font-size:36px;margin:5px 0 15px;color:#555;letter-spacing:1px}.we_do .title p,.cases .title p,.news .title p,.customer .title p{font-size:14px;color:#999}.we_do .do_list{width:100%;margin-bottom:3.7%;padding-top:3%;flex-flow:wrap}.we_do .do_list .do_box{width:14%;overflow:hidden;text-align:center}.we_do .do_list .do_box div{width:98%;padding-bottom:154px;margin:0 auto;overflow:hidden;display:block;position:relative;overflow:hidden}.we_do .do_list .do_box div span{position:absolute;left:0;right:0;margin:auto;top:0;z-index:9;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;width:154px;height:154px;border-radius:100%;overflow:hidden}.we_do .do_list .do_box div span.ibox{z-index:8;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;border:3px solid #ccc;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.we_do .do_list .do_box div span.ibox img{width:100%;margin:0 auto}.we_do .do_list .do_box div span.left,.we_do .do_list .do_box div span.right{border:3px solid #ea5504;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.we_do .do_list .do_box div span.left{clip:rect(0, 77px, 0, 0)}.we_do .do_list .do_box div span.right{clip:rect(154px, 154px, 154px, 77px)}.we_do .do_list .do_box:hover div span.ibox{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}.we_do .do_list .do_box:hover div span.left{clip:rect(0, 77px, 154px, 0)}.we_do .do_list .do_box:hover div span.right{clip:rect(0, 154px, 154px, 77px)}.we_do .do_list .do_box h3{margin-top:40px;font-size:18px;color:#000;font-weight:normal}.we_do .do_list .do_box a:hover h3{color:#ea5504}.we_do .do_list .do_box p{font-size:14px;color:#aaa;margin:20px auto 0;padding:0 8%;line-height:140%}.works,.sitepg{padding-bottom:50px}.works .title,.sitepg .title{text-align:center;padding:50px 0 30px;color:#fff}.works .title h2,.sitepg .title h2{font-size:43px;margin:0;letter-spacing:1px;font-weight:normal}.works .title p,.sitepg .title p{font-size:18px;color:#eee}.works .more,.sitepg .more{width:260px;margin:35px auto 10px;text-align:center;font-size:18px}.works .more a,.sitepg .more a{border:1px dotted #999;display:block;color:#999;padding:8px;border-radius:100px}.works .more a:hover,.sitepg .more a:hover{color:#f70;border-color:#f70}.works{background:url(../images/work_bg.jpg) no-repeat center top #3e3c3d}.works .worklist{flex-flow:wrap}.works li{width:32.2%;margin:.9% 0;background-color:rgba(255,255,255,.1)}.works li a{display:block;cursor:pointer}.works li .ibox{width:100%;padding-bottom:68.33333%;overflow:hidden;background:#000;position:relative}.works li .ibox img{position:absolute;top:0;width:100%;height:100%;-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;-o-transition:all 1s ease-out;transition:all 1s ease-out;opacity:.6}.works li .ibox i{position:absolute;display:none;width:42px;height:42px;background:url(../images/icon_f.png) no-repeat center;left:50%;top:50%;margin:-21px 0 0 -21px;z-index:100;filter:Alpha(Opacity=70);-moz-opacity:.7;opacity:.7}.works li p{width:100%;height:38px;padding:12px 0 0;color:#ddd;text-align:center;margin:0;position:relative;overflow:hidden}.works li p span{position:absolute;width:100%;height:100%;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all;z-index:10;left:0;padding:0 5%;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;top:0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;padding-top:11px}.works li p .bg2{top:50px}.works li:hover .ibox img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);opacity:1}.works li:hover .ibox i{display:block}.works li:hover p .bg1{top:-50px}.works li:hover p .bg2{top:0;background:#c95313}.customer .ctlist{flex-flow:wrap;margin-bottom:3.4%}.customer .ctlist .ct_box{width:18.8%;padding-bottom:12.26087%;margin:.72% 0;cursor:pointer;overflow:hidden;display:block;position:relative;text-align:center;border:1px dotted #ddd;border-radius:5px;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box}.customer .ctlist .ct_box img{width:100%}.customer .ctlist .ct_box span{position:absolute;left:0;top:0;z-index:9;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;width:100%;height:100%}.customer .ctlist .ct_box span.ct_on{top:100%}.customer .ctlist .ct_box:hover span{top:-100%;background:#f6f6f6}.customer .ctlist .ct_box:hover span.ct_on{top:0}.sitepg{width:100%;background:url(../images/sitepgbg.jpg) no-repeat center top #454545}.sitepg .splist{flex-flow:wrap}.sitepg .splist .site_box{width:18.6%;padding:15px 21px 30px 21px;margin:15px 0;border:1px solid #555;border-radius:5px;position:relative;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.sitepg .splist .site_box:hover{border-color:#777;background:#444;margin-top:5px;margin-bottom:10px}.sitepg .splist .site_box a{display:block}.sitepg .splist .site_box div{text-align:center;padding:20px 0}.sitepg .splist .site_box div img{width:68%}.sitepg .splist .site_box h3{width:68%;padding:25.5% 0;font-size:18px;color:#fff;font-weight:normal;margin-bottom:10px;position:absolute;top:20px;left:16%;display:flex;display:-webkit-flex;justify-content:center;align-items:center}.sitepg .splist .site_box p{font-size:12px;color:#888;line-height:170%}.news .title{margin-bottom:32px}.news .newslist{text-align:left;display:block;width:100%;margin-bottom:2.2%}.news .newslist ul{width:49%;text-align:left;float:left;margin-right:1%}.news .newslist ul:last-child{margin:0 0 0 1%}.news .newslist li{overflow:hidden;border-bottom:1px solid #eee;padding:22px 0}.news .newslist li .idate{width:72px;height:56px;float:left;font-family:Arial;background:#f2f2f2;font-size:14px;overflow:hidden;text-align:center;padding:12px 0;color:#999}.news .newslist li .idate span{display:block;font-size:20px;font-weight:bold;color:#ea5504;margin-bottom:5px}.news .newslist li .text{padding-left:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.news .newslist li .text h3{font-size:16px;font-weight:normal;color:#333}.news .newslist li .text p{color:#aaa;font-size:12px;margin-top:15px}.news .newslist li a:hover .text h3{color:#ea5504}@media screen and (min-width: 1921px){#banner{height:690px;width:100%;padding:0px}}@media screen and (max-width: 1180px)and (min-width: 981px){.we_do .do_list .do_box div{padding-bottom:130px}.we_do .do_list .do_box div span{width:130px;height:130px}.we_do .do_list .do_box div span.left{clip:rect(0, 65px, 0, 0)}.we_do .do_list .do_box div span.right{clip:rect(130px, 130px, 130px, 65px)}.we_do .do_list .do_box:hover div span.left{clip:rect(0, 65px, 130px, 0)}.we_do .do_list .do_box:hover div span.right{clip:rect(0, 130px, 130px, 65px)}.we_do .do_list .do_box h3{font-size:16px}.we_do .do_list .do_box p{padding:0 6%}}@media screen and (max-width: 980px){.we_do .do_list{margin-bottom:3.4%}.we_do .do_list .do_box div{padding-bottom:98%}.we_do .do_list .do_box div span{width:100%;height:100%}.we_do .do_list .do_box div span.left,.we_do .do_list .do_box div span.right{display:none}.we_do .do_list .do_box h3{font-size:15px}.we_do .do_list .do_box p{padding:0 1%;font-size:13px}}@media screen and (max-width: 980px)and (min-width: 881px){.hd_md .nav{right:0}.hd_md .nav li a{padding:26px 20px 35px}.hd_md #hd_tel{display:none}.sitepg .splist .site_box h3{font-size:14px}}@media screen and (max-width: 880px){.overflow{overflow-y:hidden}.hd_md #logo{width:180px;height:52px}.hd_md .nav{display:none;width:100%;height:88%;position:fixed;left:0px;right:0px;top:86px;padding-bottom:12%;background:rgba(40,40,40,.95);-webkit-overflow-scrolling:touch}.hd_md .nav li{float:none;margin:0 15px;border-top:1px solid #444;border-bottom:1px solid #111}.hd_md .nav li:first-child{border-top:none}.hd_md .nav li:last-child{border-bottom:none}.hd_md .nav li a{padding:18px 0px;width:100%;text-align:center;border:0;color:#ccc}.hd_md .mobile-menu{display:block}.hd_md #hd_tel{display:none}.tpfixed .wrap .nav{top:70px}.ftnav li{width:17.601%;margin-right:3%}.ftnav .ftcont{display:none}.right_nav{display:none}.copyright{height:auto;line-height:190%;text-align:center;padding:15px 0}.copyright .line{margin-left:0px;display:block}.copyright .right{display:none}.sitepg .splist .site_box h3{font-size:12px}}@media screen and (max-width: 780px){.wrap{width:95%}#header,.hd_top,.hd_md .wrap{height:60px}.hd_md .wrap{-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.hd_md #logo{width:130px;height:37px;left:2px}.hd_md .nav{top:60px}.hd_md .mobile-menu{width:26px;height:16px;right:2px}.hd_md .mobile-menu .line1,.hd_md .mobile-menu .line3{width:20.6px}.hd_md .mobile-menu .line2{top:7px}.hd_md .mobile-menu .line3{top:14px}.tpfixed .wrap{height:50px}.tpfixed .wrap .nav{top:50px}.we_do,.cases,.news,.customer{padding-bottom:32px}.we_do .title,.cases .title,.news .title,.customer .title{text-align:center;margin:30px 0}.we_do .title span,.cases .title span,.news .title span,.customer .title span{font-size:18px}.we_do .title h2,.cases .title h2,.news .title h2,.customer .title h2{font-size:24px;margin:5px 0 10px}.we_do .title p,.cases .title p,.news .title p,.customer .title p{font-size:12px;width:75%;margin:0 auto}.we_do{padding-bottom:20px}.we_do .title{margin-bottom:25px}.we_do .do_list{padding-top:0}.we_do .do_list .do_box{width:33.333%;padding-bottom:4%}.we_do .do_list .do_box div{width:70%;padding-bottom:70%}.we_do .do_list .do_box div span.ibox{border-width:0}.we_do .do_list .do_box h3{margin-top:10px;font-size:17px}.we_do .do_list .do_box p{font-size:14px;margin:16px auto 0}.works,.sitepg{padding-bottom:32px}.works .title,.sitepg .title{padding:30px 0 20px}.works .title h2,.sitepg .title h2{font-size:24px}.works .title p,.sitepg .title p{font-size:15px}.works .more,.sitepg .more{width:200px;font-size:13px;margin:20px auto 5px}.works li{width:48.5%;margin:1.5% 0}.works li p{height:38px;padding:12px 0 0;font-size:15px}.customer .ctlist{margin-bottom:2.4%}.customer .ctlist .ct_box{width:48.5%;padding-bottom:29%;margin:.7% 0 2.2%}.customer .ctlist .ct_box img{width:90%}.sitepg .splist .site_box{width:100%;padding:13px 15px;margin:8px 0}.sitepg .splist .site_box div{display:none}.sitepg .splist .site_box h3{width:auto;padding:0;font-size:20px;margin-bottom:10px;position:relative;top:0;left:0;display:block}.sitepg .splist .site_box p{font-size:13px}.news .title{margin-bottom:18px}.news .newslist ul{width:100%;margin-right:0}.news .newslist ul:last-child{margin:0 0 0 0}.news .newslist li .text{padding-left:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:12px !important}.swiper-pagination-bullet{width:8px !important;height:8px !important}.swiper-pagination-bullet-active{width:16px !important}}@media screen and (max-width: 520px){#header,.hd_top,.hd_md .wrap{height:56px}.hd_md .nav{top:56px}.ftnav li{width:100%;margin:0 0 20px 0}.ftnav li h2{margin-bottom:12px;border-top:1px solid #333;border-bottom:none;padding-bottom:0;padding-top:20px}.ftnav li a{float:left;margin-right:10px;line-height:200%}.ftnav li:first-child h2{padding-top:0;border-top:none}.copyright{font-size:8px}#banner{height:64px}.we_do .title{margin-bottom:20px}.we_do .do_list .do_box div{width:80%;padding-bottom:80%}.we_do .do_list .do_box h3{font-size:15px}.we_do .do_list .do_box p{font-size:12px;margin-top:10px}.works li p{height:30px;padding:12px 0 0;font-size:13px}.sitepg .splist .site_box h3{font-size:18px}}