*{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.png) no-repeat top;background-size:100% auto;width:204px;height:58px}.hd_md .nav{position:absolute;width:auto;height:100%;right:200px;top:0px}.hd_md .nav li{float:left}.hd_md .nav li a{font-size:18px;color:#333;border-top:3px solid #fff;padding:26px 26px 35px;display:block}.hd_md .nav li a:hover,.hd_md .nav li a.curr{color:#CA0000}.hd_md #hd_tel{width:160px;color:#CA0000;height:25px;display:block;background:url(../images/icon_tel.jpg) no-repeat left;padding:0px 0px 0px 25px;position:absolute;right:0px;top:30px;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:14px;line-height:220%;display:block}.ftnav li a:hover{color:#ccc}.ftnav .ftcont{float:right;width:23.1%}.ftnav .ftcont .tel{color:#CA0000;line-height:110%;font-size:28px;font-family:Arial,Helvetica,sans-serif;letter-spacing:1px}.ftnav .ftcont p{color:#888;font-size:14px;margin-top:18px;line-height:210%}.copyright{height:46px;font-size:14px;line-height:46px;color:#999;position:relative;background:#111;overflow:hidden;text-align: center;}.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:#CA0000;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:#CA0000;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{width:100%;height:300px;background:url(../images/about.jpg) no-repeat center top;overflow:hidden;background-size:cover}.m_top{width:100%;text-align:center;padding-top:30px;background:#f5f5f5}.m_top span{font-size:22px;color:#ccc;font-family:"Times New Roman",Times,serif;text-transform:uppercase}.m_top h1{font-size:36px;color:#555;letter-spacing:1px;padding:0 20px}.m_top p{font-size:14px;color:#bbb;margin-top:10px;padding:0 10%}.m_top.news{padding-bottom:28px}.m_top.news h1{margin:22px auto 0;font-size:26px}.m_top.news p{font-size:14px;color:#aaa}.m_nav{padding:40px 0 20px;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;width:100%;overflow:hidden;margin:0 auto;background:#f5f5f5}.m_nav ul{text-align:center}.m_nav li{vertical-align:top;display:inline-block;width:150px;text-align:center;height:100%;margin:0 5px 8px}.m_nav li a{display:block;border:1px solid #ccc;padding:7px 0 8px;border-radius:10px 0 10px 0;-moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}.m_nav li a.curr,.m_nav li a:hover{border-color:#CA0000;color:#fff;background:#CA0000}.m_nav.wk_nav li,.m_nav.sv_nav li{width:104px}.m_cont{padding:40px 0 70px;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;font-size:16px;line-height:190%;text-align: justify;}.m_cont p{margin-top:10px}.m_cont h2{font-size:22px}.m_cont h3{font-size:20px}.m_cont.m_text{padding-top:20px}.m_cont.m_text .map{width:54%}.m_cont.m_text .map img{margin-left:20px;width:88%;max-width:608px}.m_cont.m_text .contact{width:46%;line-height:210%;padding:4.7% 0 0}.m_cont img{max-width:100%;height:auto}.teamlist ul{width:50%;float:left;margin:12px 0 0}.teamlist li{overflow:hidden;background:url(../images/dot_line.gif) repeat-x bottom;padding:29px 10% 12px 0;cursor:pointer}.teamlist li .ibox{width:100px;height:100px;overflow:hidden;float:left;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.teamlist li img{width:100%;height:100%}.teamlist li .itxt{margin-left:123px;color:#000;font-size:16px}.teamlist li .itxt p{margin-top:8px;color:#888;font-size:14px;line-height:160%}.teamlist li:hover .ibox{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);filter:none}.newslist{text-align:left;display:block;width:100%;margin:28px 0;overflow:hidden}.newslist ul{width:100%;text-align:left}.newslist li{width:48.5%;overflow:hidden;margin:20px 1.5% 0 0;border-bottom:1px solid #eee;float:left;padding-bottom:20px}.newslist li:nth-child(2n){margin-right:0;margin-left:1.5%}.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}.newslist li .idate span{display:block;font-size:20px;color:#fff;background:#666;margin-bottom:8px}.newslist li .text{margin:0 10px 0 92px}.newslist li .text h3{font-size:16px;font-weight:normal;color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.newslist li .text p{color:#999;font-size:12px;margin-top:15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.newslist li a{display:block;cursor:pointer}.newslist li a:hover .text h3{color:#CA0000}.newslist li a:hover .idate{color:#CA0000}.newslist li a:hover .idate span{background:#CA0000;color:#fff}.m_ntext{min-height:320px;font-size:16px;padding:20px 20px 70px;border-bottom:1px solid #eee;line-height:180%;text-align: justify;}.m_ntext p{margin-top:20px}.m_ntext img{max-width:100% !important;height:auto}.m_ntext h2{font-size:22px}.m_other{font-size:14px;padding:20px 20px 40px;line-height:190%}.m_other a:hover,.m_other b{color:#CA0000}.works{background:url(../images/work_bg.jpg) no-repeat center top #3e3c3d}.works .worklist{padding:50px 0 20px;flex-flow:wrap;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box}.works li{width:32.2%;margin:.9% 0;background-color:#514f50;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;-khtml-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:#CA0000}.service{padding:25px 0 70px;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box}.service .slist{margin:15px 0 30px}.service td{vertical-align:top}.service td.td1,.service td.td_1{width:10%;min-width:72px;padding-top:10px}.service td.td1 img,.service td.td_1 img{width:100%;max-width:115px}.service td.td2,.service td.td_2{padding:9px 0 0 4%;font-size:14px}.service td.td2 h2,.service td.td_2 h2{font-size:20px}.service td.td_0{width:14%;padding-right:20px;background:url(../images/sline.gif) repeat-y 129px 0}.service .s_l_nav{width:130px;text-align:center;margin-top:20px}.service .s_l_nav li{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.service .s_l_nav li a{border-top:0;display:block;padding:12px 10px;color:#999}.service .s_l_nav li a.curr{border:1px solid #ddd;border-right:1px solid #fff;color:#CA0000;font-weight:bold;border-radius:10px 0 0 10px}.service .s_l_nav li:hover{padding-left:20px}.service .s_l_nav li:hover a{color:#CA0000}.service .b12b{padding:10px 0;font-size:16px}.service .b12,.service .b12 a{color:#666}.service .r14b{color:#CA0000}.s_text{line-height:170%;color:#666}.s_text h3{font-size:14px;color:#CA0000;margin-bottom:0}.s_text p{margin-top:20px}.s_text a:hover{color:#CA0000}.s_text img{vertical-align:middle}.siteBox{width:22.7%;padding:0 2% 0 2.5%;margin:30px 0 10px;overflow:hidden;display:inline-block;vertical-align:top;border-right:1px dotted #ccc;font-size:12px;color:#666}.siteBox:first-child{padding-left:0;width:18%}.siteBox:last-child{padding-right:0}.siteBox h3{font-size:16px;margin-bottom:15px;color:#333}.promot td p{margin:8px 0}.appBox{width:100%;position:relative;overflow:hidden;margin:30px 0 15px}.appBox .ibox{float:left}.appBox .text{color:#666;margin-left:180px}.appBox h3{color:#333}.mobile .mobile_create{background:#CA0000;margin-top:30px;width:240px;color:#fff;font-size:20px;display:block;padding:12px;text-align:center}.mobile .img1{margin-left:90px;width:43.46%}.mobile .img2{width:58%;max-width:731px}.mobile .img3{margin-left:50px;width:37%}.mobile .tit,.weixin .tit{text-align:center;padding:40px 0 50px}.mobile .tit h2,.weixin .tit h2{font-size:38px;color:#444}.mobile .tit p,.weixin .tit p{color:#999}.mobile2{background:#f6f6f6;text-align:center;padding:20px 0 70PX;width:100%;width:100%;overflow:hidden}.weixin .img1{margin-right:7.5%;width:27%}.weixin .banner1{background:url(../images/wx5.jpg) no-repeat center top;background-size:cover;height:100px;padding-bottom:16%}.weixin .banner2{background:url(../images/weixin-x_.jpg) no-repeat center top;background-size:cover;height:100px;padding-bottom:16%}.pagelist{font-size:14px;padding-bottom:40px;padding-top:12px;font-weight:normal;color:#333}.pagelist a{color:#333}.pagelist a:hover{color:#CA0000}.pagelist select{font-family:"Microsoft Yahei","helvetica","arial";color:#333;padding:0;height:26px;font-size:14px;margin-left:5px;border-radius:5px}.works .pagelist,.works .pagelist a{color:#aaa}.works .pagelist a:hover{color:#CA0000}.works .pagelist select{background:#3e3c3d;color:#aaa}.design{background:#fff}.design .worklist{padding:50px 0 20px;flex-flow:wrap;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box}.design li{width:32.2%;margin:.9% 0;background-color:rgba(255,255,255,.1)}.design li a{display:block;cursor:pointer}.design li .ibox{width:100%;padding-bottom:66.1375%;overflow:hidden;background:#000;position:relative}.design 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}.design li .ibox i{opacity:0;position:absolute;width:80px;height:30px;left:50%;top:50%;margin:-15px 0 0 -40px;z-index:100;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}.design 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:.6}.design li:hover .ibox i{opacity:1;width:6px;margin:-15px 0 0 -3px}.design li .detail{width:100%;color:#333;position:relative;overflow:hidden;border:1px solid #f0f0f0;border-top:0;font-family:黑体;padding:0 0 6px 0;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box}.design li .detail p{margin:15px 6% 0;padding-top:3%;font-size:18px;padding-bottom:5%;border-bottom:1px solid #dfdfdf;overflow:hidden}.design li .detail p font{color:#999;font-size:13px}.design li .detail span{line-height:38px;display:block;margin:0 6%;text-align:left;height:38px;font-size:14px;color:#666;background:url(../images/dsbg.jpg) no-repeat center right}@media screen and (max-width: 1400px){#banner{padding-bottom:15.8%;height:80px}}@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:183px;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{float: left;width: 100%;}.ftnav .ftcont p{margin-top: 40px;}.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}#banner{height:60px}.m_top{padding-top:24px}.m_top span{font-size:18px}.m_top h1{font-size:30px}.m_top p{font-size:13px}.m_top.news h1{margin:16px auto 0;font-size:22px}.m_top.news p{font-size:13px}.m_nav{padding:30px 0 20px}.m_nav li{width:auto !important;margin:0 4px 7px}.m_nav li a{font-size:14px;padding:7px 12px}.m_cont{padding:20px 2px 40px}.m_cont .aimg1,.m_cont .aimg2{display:none}.m_cont .clearfix{padding:0 !important}.m_cont h2{font-size:20px}.m_cont h3{font-size:18px}.m_cont.m_text .map{width:100%;text-align:center}.m_cont.m_text .map img{margin-left:0;margin:0 auto}.m_cont.m_text .contact{width:100%}.siteBox{width:100% !important;padding:0;margin:20px 0 0;font-size:12px}.siteBox h3{font-size:16px}.teamlist ul{margin-top:20px}.teamlist li{padding:20px 10px 12px}.teamlist li .ibox{float:none;margin:0 auto;width:120px;height:120px}.teamlist li .itxt{margin-left:0;text-align:center;margin-top:20px}.teamlist li .itxt span{display:none}.service{padding:20px 0 35px}.service .slist{margin:15px 0 25px}.service td.td2{font-size:13px}.service td.td2 h2{font-size:18px}.service td.td_0,.service td.td_1{width:0;padding-right:0;display:none}.service td.td_2{padding:0 0 5px}.service .b12b{font-size:15px}.s_l_nav{display:none}.newslist{margin:18px 0}.newslist li{width:100%;margin:20px 0 0 !important;float:none}.newslist li .idate{font-size:12px;padding:12px 0 6px;width:65px}.newslist li .idate span{font-size:16px}.newslist li .text{margin:0 0 0 88px}.newslist li .text h3{font-size:16px;display:block}.newslist li .text p{font-size:12px;display:block}.m_ntext{padding:20px 0 50px}.m_ntext h2{font-size:20px}.m_other{padding:20px 0 40px}.works .worklist{padding:35px 2px 0}.works .worklist li{width:100%;margin:0 0 12px;border-radius:3px}.works .worklist li .ibox{width:92%;padding-bottom:62%;margin:4% auto 0}.works .worklist li p{height:38px;padding:12px 0 0;font-size:15px}.works .worklist li:hover p .bg1{top:0}.works .worklist li:hover p .bg2{display:none}.appBox .ibox img{width:100px}.appBox .text{margin-left:130px}.mobile .tit,.weixin .tit{padding:30px 0 40px}.mobile .tit h2,.weixin .tit h2{font-size:28px}.mobile>.p1{margin-top:0}.mobile .mobile_create{margin-top:25px;width:100%;font-size:18px;padding:10px 0}.weixin .img1{margin-right:0;margin-bottom:24px;width:100%}.mobile .tit p,.weixin .tit p{margin-top:15px}.design .worklist{padding:35px 2px 0}.design li{width:100%;margin:.9% 0 15px}.design li .ibox{width:100%}.design li .detail p{margin:15px 4% 0;padding-top:2%;padding-bottom:3%;font-size:18px}.design li .detail span{margin:0 4%}}@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}#banner{height:45px}.m_top{padding-top:18px}.m_top span{font-size:14px}.m_top h1{font-size:24px}.m_top p{font-size:12px}.m_top.news h1{margin:16px auto 0;font-size:18px}.m_top.news p{font-size:12px}.m_nav{padding:20px 0 16px}.m_nav li{margin:0 2px 6px}.m_nav li a{font-size:13px;padding:6.5px 12px 6px}.m_cont{padding:10px 2px 30px}.m_cont h2{font-size:18px}.m_cont h3{font-size:16px}.m_cont.m_text{padding-top:10px}.m_cont.m_text .contact{line-height:180%;padding-top:22px}.teamlist li{padding:15px 10px 10px}.teamlist li .ibox{width:110px;height:110px}.teamlist li .itxt p{font-size:12px}.service{padding:14px 2px 25px}.service .slist{margin:15px 0 20px}.service td.td1{padding-right:1%;padding-top:5px}.service td.td2{font-size:12px;padding-top:6px}.service td.td2 h2{font-size:17px}.service .b12b{font-size:14px}.newslist{margin:12px 0}.newslist li .text{margin-left:80px}.newslist li .text h3{font-size:15px}.m_ntext{padding:10px 2px 35px}.m_ntext h2{font-size:17px}.m_other{padding:12px 0 30px}.pagelist{font-size:12px;padding-bottom:30px;padding-top:10px;letter-spacing:-1px}.pagelist select{padding:0;height:22px;font-size:12px;margin-left:0}.promot{font-size:12px;line-height:130%;background:#ddd}.promot td{padding:2px}.appBox .ibox img{width:60px}.appBox .text{margin-left:80px;margin-top:4px}.mobile .tit,.weixin .tit{padding:25px 0 30px}.mobile .tit h2,.weixin .tit h2{font-size:20px}.mobile p{font-size:14px;line-height:190%}.mobile .img1{width:30%}.mobile .mobile_create{margin-top:20px;font-size:15px;padding:7px 0}.weixin div,.weixin p{font-size:14px !important;line-height:190% !important}.mobile .tit p,.weixin .tit p{margin-top:10px}.design li .detail p{font-size:17px}.design li .detail p font{font-size:12px}.design li .detail span{font-size:13px}}

/*网站建设*/
.STYLE1 {
    color: #FF0000;
    font-weight: bold;
}
.subnavbox {
	height: 81px;
	overflow: hidden
}
.subnav {
	background: #f9f9f9;
	height: 5pc;
	border-bottom: 1px solid #ddd;
	line-height: 5pc;
	font-size: 18px;
	overflow: hidden
}
.subnav.fixed {
	width: 100%;
	left: 0;
	position: fixed;
	z-index: 5
}
.subnav nav {
	padding: 0;
	max-width: 75pc;
	margin: 0 auto;
	overflow: hidden;
	border-right: 1px solid #ddd
}
.subnav nav li {
	width: 25%;
	float: left;
	text-align: center
}
.subnav nav li a {
	display: block;
	font-weight: 700;
	border-left: 1px solid #ddd
}
.subnav nav li a.act, .subnav nav li a:hover {
	border-bottom: 2px solid #ce2424;
	background: #fff;
	line-height: 78px
}

.desing .list {
	padding: 5pc 0
}
.desing .list .names {
	float: left;
	width: 140px;
	height: 140px;
	padding: 65px;
	text-align: center;
	border: 2px solid #000;
	border-radius: 50%
}
.desing .list .names h4 {
	font-size: 18px;
	padding-bottom: 5px;
	color: #333
}
.desing .list .names .img {
	padding-top: 10px
}
.desing .list .biaos {
	float: right;
	width: 840px
}
.desing .list .biaos table {
	table-layout: fixed
}
.desing .list .biaos table td, .desing .list .biaos table th {
	line-height: 22px;
	padding: 8px;
	border-bottom: 1px solid #ddd
}
section {
	max-width: 75pc;
	margin: 0 auto;
	padding: 20px 0;
	overflow: hidden
}
.bjf7 {
	background: #f7f7f7
}

/*百度推广*/
.baidu {
	background: url(../images/tgbj1.jpg) no-repeat right center
}
.baidu .txt {
	width: 60%
}
.baidu h1 {
	font-size: 24px;
	color: #333;
	padding: 10px 0
}
.baidu h1 span, .baidu h2 {
	color: #ce2424
}
.baidu h2 {
	padding: 10px 0
}
.baidu p {
	line-height: 24px;
	padding: 5px 0
}
.tgys h1 {
	font-size: 24px;
	color: #333;
	padding: 10px 0
}
.tgys ul li {
	width: 42%;
	float: left;
	margin: 15px 1%;
	padding: 3%;
	line-height: 26px;
	height: 200px
}
.tgys ul li h4 {
	font-size: 18px;
	color: #ce2424;
	padding: 10px 0
}
.tgys ul li.tgbj1 {
	background: #f7f7f7 url(../images/tgbj2.jpg) no-repeat 95% center
}
.tgys ul li.tgbj2 {
	background: #f7f7f7 url(../images/tgbj3.jpg) no-repeat 95% center
}
.tgys ul li.tgbj3 {
	background: #f7f7f7 url(../images/tgbj4.jpg) no-repeat 95% center
}
.tgys ul li.tgbj4 {
	background: #f7f7f7 url(../images/tgbj5.jpg) no-repeat 95% center
}
.tgys ul li .txt {
	width: 70%
}
.bjf5 {
	background: #ededed
}
.should h1 {
	max-width: 75pc;
	margin: 0 auto;
	padding: 50px 0 30px;
	overflow: hidden;
	font-size: 24px;
	color: #333
}
.should .line {
	border-bottom: 1px solid #d3d3d3;
	overflow: hidden
}
.should section {
	padding: 20px 0
}
.should section li {
	float: left;
	width: 50%;
	line-height: 24px
}
.should section li .txt {
	width: 60%;
	float: left
}
.should section li h2 {
	font-size: 14px;
	line-height: 25px;
	margin-bottom: 10px
}
.should section li h2 p {
	font-size: 20px
}
.should section li h2 span {
	width: 50px;
	height: 50px;
	display: block;
	float: left;
	background: #ff7303;
	text-align: center;
	line-height: 50px;
	font-size: 30px;
	color: #fff;
	margin-right: 10px
}
.should section li.do1 {
	background: url(../images/tgbj6.jpg) no-repeat 86% center
}
.should section li.do2 {
	background: url(../images/tgbj7.jpg) no-repeat 86% center
}
.should section li.do3 {
	background: url(../images/tgbj8.jpg) no-repeat 86% center
}
.should section li.do4 {
	background: url(../images/tgbj9.jpg) no-repeat 86% center
}
.should section li.do5 {
	background: url(../images/tgbj10.jpg) no-repeat 86% center
}
.should section li.do6 {
	background: url(../images/tgbj11.jpg) no-repeat 86% center
}
.should section li.do1 h2 p {
	color: #ff7303
}
.should section li.do2 h2 p {
	color: #e8443a
}
.should section li.do3 h2 p {
	color: #729f17
}
.should section li.do4 h2 p {
	color: #0c6db2
}
.should section li.do5 h2 p {
	color: #179f6d
}
.should section li.do6 h2 p {
	color: #ff7303
}
.should section li.do1 h2 span {
	background: #ff7303
}
.should section li.do2 h2 span {
	background: #e8443a
}
.should section li.do3 h2 spanp {
	background: #729f17
}
.should section li.do4 h2 span {
	background: #0c6db2
}
.should section li.do5 h2 span {
	background: #179f6d
}
.should section li.do6 h2 span {
	background: #ff7303
}

/*企业邮箱*/
.emails h1 {
	padding: 20px 0
}
.emails table {
	border-collapse: collapse
}
.emails table td, .emails table th {
	line-height: 22px;
	padding: 10px;
	border: 1px solid #ddd;
	text-align: center
}
.emails table th {
	background: #f5f5f5;
	color: #ce2424
}
#foursbiao h1 {
	color: #ce2424;
	font-size: 24px
}
#foursbiao a.yd {
	display: inline-block;
	background: #ce2424;
	padding: 10px 40px;
	color: #fff
}
#foursbiao strong {
	color: #ce2424
}
#level4 p {
	padding: 5px 0;
	line-height: 24px
}
#level4 strong {
	color: #ce2424
}
.hallmark {
	padding-top: 30px
}
.hallmark h2 {
	color: #333;
	line-height: 40px
}
.hallmark ul {
	width: 102%
}
.hallmark li {
	float: left;
	width: 48%;
	height: 360px;
	background: #f5f5f5;
	margin: 0 2% 15px 0;
	position: relative
}
.hallmark li em {
	display: block;
	width: 90pt;
	height: 90pt;
	position: absolute;
	right: 10%;
	top: 30%
}
.hallmark li .padd {
	padding: 30px
}
.hallmark li h3 {
	color: #ce2424;
	font-size: 1pc;
	padding: 15px 0
}

@media screen and (max-width:640px) {
    section {
        padding: 30px 10px;
        box-sizing: border-box;
    }

    .desing .list .biaos, .desing .list .names {
        float: none
    }
    .desing .list .biaos, .emails .list .biaos {
        width: 100%;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        overflow-x: auto
    }
    .desing .list .biaos table, .emails .list .biaos table {
        min-width: 40pc
    }
    .desing .list {
        padding: 30px 10px
    }
    .desing .list .names {
        margin: 0 auto 20px
    }
    .desing .list .names .img img {
        padding: 0;
        width: 70%;
        margin: 0 auto
    }    
.desing .list .names {
	padding: 20px
}
.subnavbox {
	height: 51px
}
.subnav {
	line-height: 50px;
	height: 50px;
	font-size: 1pc;
	overflow: hidden
}
.subnav nav li a, .subnav nav li a.act, .subnav nav li a:hover {
	line-height: 3pc
}
.hallmark li {
	width: 100%;
	float: none
}
.hallmark li em {
    display: none;
}
.should section li.do1, .should section li.do2, .should section li.do3, .should section li.do4, .should section li.do5, .should section li.do6 {
	float: none;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	overflow: hidden;
	background: none
}
.baidu .txt, .should section li .txt {
	width: 100%
}
.should section li:nth-child(2n-1) {
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px
}
.baidu {
	background: none
}
.should section li h2 p {
	font-size: 14px
}

.should section li {
	padding: 10px;
	box-sizing: border-box
}
.tgys ul li.tgbj1, .tgys ul li.tgbj2, .tgys ul li.tgbj3, .tgys ul li.tgbj4 {
	background: none;
	padding: 10px;
	box-sizing: border-box;
	height: auto;
	margin: 0;
    width: 100%;
	min-height: 40px
}
.tgys ul li .txt {
	width: 100%
}
}

/*案例底部*/
.case_title {}
.case_title h2{ float:left; font-size:24px;padding: 30px 0;}
.case_title span a{float:right; position:relative; display:block; padding:0 20px 0 20px; line-height:36px; background-color:#70CA04; color:#FFFFFF; font-size:14px; cursor:pointer;margin: 30px 0;}
.case_title span a:hover{background-color:#ff0033;}

.case_footer{ position:relative; background-image:url(../images/case_footer.jpg); background-repeat:no-repeat; background-position:center center; padding:40px; text-align:center; color:#FFFFFF;}
.case_footer a{color:#FFFFFF;font-size:18px;}
.case_footer .mtitle a{ color:#FFFFFF; font-size:28px; font-weight:bold; line-height:2em;}
.case_footer .mtext{ padding:20px 0 20px 0; font-size:18px;}
.case_footer .tel{display:inline-block; padding:10px 40px 12px 40px; font-size:24px; background-color:#CA0000; font-weight:bold;}

/*通用翻页样式*/
#page{display:inline-block;padding-top:10px;padding-bottom:10px;text-align: center;margin:0 auto; overflow:hidden;}
#page li{background-color:#fff;border:1px solid #ccc;margin-right:6px;list-style:none;float:left;color:#31363c;}
#page li.pagecount{padding:6px 12px;}
#page li.pre{background:#333333;border:1px solid #333333;color:#fff;padding:6px 12px;}
#page li.liclass{padding:6px 12px;}
#page li.uli:hover{background:#333333;border:1px solid #333333;color:#fff;cursor:pointer;display: block;}
#page li.uli a{text-decoration:none;padding:6px 12px;display: block;}
#page li.uli:hover a{color:#fff;text-decoration:none;padding:6px 12px;display: block;}