@charset "utf-8";
.banner-case{width:100%;height:316px;background:url(../images/banner_case.jpg) no-repeat center top;overflow:hidden}
.banner-about{width:100%;height:400px;background:url(../images/banner_about.jpg) no-repeat center top;overflow:hidden}
.banner-contact{width:100%;height:316px;background:url(../images/banner_contact.jpg) no-repeat center top;overflow:hidden}
.banner-news{width:100%;height:316px;background:url(../images/banner_news.jpg) no-repeat center top;overflow:hidden}
.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}
.m_top h1{font-size:36px;color:#555;letter-spacing:1px}
.m_top p{font-size:14px;color:#bbb;margin-top:10px}
.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-bottom:20px;width:100%;overflow:hidden;margin:0 auto;background:#f5f5f5}
.m_nav ul{height:45px;text-align:center}
.m_nav li{vertical-align:top;display:inline-block;width:150px;text-align:center;height:100%;margin:0 5px}
.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.current,.m_nav li a:hover{border-color:#30c6fb;color:#fff;background:#30c6fb}
.m_nav.f1,.name-title.f1{background-color:#fff}
.wk_nav li{width:104px}
.sv_nav li{width:117px}
.m_cont{padding:40px 20px 70px;font-size:14px;line-height:190%;width:1160px}
.m_cont p{margin-top:20px}
.m_cont .h2{font-size:30px;margin:10px 0 30px;line-height:40px;font-weight:400}
.m_cont .mr1{margin-right:25px}
.m_text{padding-top:20px;font-size:14px}
.teamlist{width:1140px;padding-left:4px}
.teamlist ul{width:530px;float:left;margin:22px 20px 0}
.teamlist li{height:100px;overflow:hidden;background:url(../images/dot_line.gif) repeat-x bottom;padding:19px 0 22px;cursor:pointer}
.teamlist li .ibox{height:100px;height:100px;overflow:hidden;border-radius:100px;-moz-border-radius:100px;-webkit-border-radius:100px;-o-border-radius:100px;float:left;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
.teamlist img{width:100px;height:100px}
.teamlist li .itxt{float:left;margin-left:23px;width:407px;color:#000;font-size:16px}
.teamlist li .itxt p{margin-top:7px;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:20px 0;overflow:hidden}
.newslist ul{width:100%;text-align:left}
.newslist li{width:580px;height:100px;overflow:hidden;margin:20px 10px 0;border-bottom:1px solid #eee;float:left}
.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;font-weight:700;color:#fff;background:#666;margin-bottom:8px}
.newslist li .text{float:left;margin:0 0 0 20px;width:400px}
.newslist li .text h3{font-size:16px;font-weight:400;color:#333}
.newslist li .text p{color:#999;font-size:12px;margin-top:15px}
.newslist li a{display:block;width:580px;height:100px;cursor:pointer}
.newslist li a:hover .text h3{color:#30c6fb}
.newslist li a:hover .idate{color:#30c6fb}
.newslist li a:hover .idate span{background:#30c6fb;color:#fff}
.m_ntext{min-height:320px;font-size:14px;padding:20px 20px 40px;border-bottom:1px solid #eee;line-height:180%}
.m_ntext p{margin-top:20px}
.m_other{font-size:14px;padding:20px 20px 40px;line-height:190%}
.m_other a:hover,.m_other b{color:#30c6fb}
.works{min-height:540px}
.works .worklist{padding:50px 0 0;overflow:hidden}
.worklist{width:1380px;overflow:hidden;margin-top:72px}
.worklist li{display:inline-block;float:left;padding:0 12.5px;text-align:center;width:215px;margin-bottom:40px}
.worklist li>div{width:100%;height:100%;overflow:hidden}
.worklist li a{color:#2c2c2c;font-size:18px}
.worklist li p{display:inline-block;margin-top:10px;width:100%;line-height:22px;height:22px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.worklist li h2{width:100%}
.worklist li h2 img{width:100%}
.worklist li h2 img:hover{filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8}
.worklist li .p1{padding-bttom:12px;margin-top:18px}
.worklist li .line{width:20px;margin:15px auto 0;height:1px;background:#d8d8d8}
.worklist li em{color:#6e6e6e;font-size:12px}
.crumbs{border-bottom:1px solid #f7f7f7;line-height:40px;color:#999;font-size:14px}
.crumbs .icon{display:inline-block;width:14px;height:14px;background:url(../images/sprite.png) -80px 4px no-repeat;margin-right:4px}
.crumbs a{color:#999}
.crumbs a:hover{color:#666}
.crumbs .on{color:#666}
.service{padding:25px 11px 70px}
.service td{vertical-align:top}
.service td.td1{width:14%;padding-top:5px}
.service td.td2{width:86%;font-size:14px}
.service td.td2 h2,.service td.td_2 h2{color:#333}
.service td.td_0{width:15%;background:url(../images/sline.gif) repeat-y 129px 0}
.service td.td_1{width:14%;padding-top:10px}
.service td.td_2{width:71%;font-size:14px;padding-top:8px}
.s_l_nav{width:130px;text-align:center;margin-top:20px;border-top:1px solid #ddd}
.s_l_nav li{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.s_l_nav li a{border-top:0;display:block;padding:12px 10px;color:#999}
.s_l_nav li a.curr{border:1px solid #ddd;border-right:1px solid #fff;color:#30c6fb;font-weight:700;border-radius:10px 0 0 10px}
.s_l_nav li:hover{padding-left:20px}
.s_l_nav li:hover a{color:#30c6fb}
.service .b12b{padding:10px 0;font-size:16px}
.service .b12,.service .b12 a{color:#666}
.service .r14b{color:#30c6fb}
.s_text{line-height:170%}
.s_text h3{font-size:14px;color:#30c6fb;margin-bottom:0}
.s_text{color:#666}
.s_text p{margin-top:20px}
.s_text a:hover{color:#30c6fb}
.s_text img{vertical-align:middle}
.siteBox{width:260px;padding:0 28px;margin:30px 0 10px;overflow:hidden;display:inline-block;vertical-align:top;border-right:1px dotted #ccc}
.siteBox h3{font-size:16px;margin-bottom:15px;color:#333}
.siteBox{font-size:12px;color:#666}
.promot td p{margin:8px 0}
.appBox{width:100%;position:relative;overflow:hidden;margin:30px 0 15px}
.appBox .ibox{float:left;margin-right:40px}
.appBox .text{float:left;width:960px;color:#666}
.appBox h3{margin-bottom:0;color:#333}
.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}
.mobile .mobile_create{background:#30c6fb;margin-top:30px;width:240px;color:#fff;font-size:20px;display:block;padding:12px;text-align:center}
.mobile2{background:#f6f6f6;text-align:center;padding:20px 0 70PX;width:100%;width:100%;overflow:hidden}
.pagelist{font-size:14px;height:70px;padding-top:12px;font-weight:400;color:#333}
.pagelist a{color:#333}
.pagelist a:hover{color:#30c6fb}
.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:#555}
.works .pagelist a:hover{color:#30c6fb}
.works .pagelist select{color:#555}
.name-title{width:100%;text-align:center;padding-top:30px;background:#f5f5f5}
.name-title .small{font-size:22px;color:#ccc;font-family:"Times New Roman",Times,serif}
.name-title .name{font-size:30px;color:#1e2129;position:relative;padding-bottom:24px;margin-bottom:18px}
.name-title .name .br{width:80px;height:1px;font-size:0;background:#30c6fb;overflow:hidden;position:absolute;bottom:0;left:50%;margin-left:-40px}
.name-title .inf{color:#4c4c4c;font-size:12px;text-align:center;padding-bottom:40px}
.connect{background:url(../images/cn01.jpg) no-repeat center;min-height:500px}
.connect_column{margin:40px 0;overflow:hidden}
.connect_column li{float:left;text-align:center;width:285px;height:218px;margin-left:20px;position:relative;padding-top:42px;font-size:16px;color:#333;line-height:32px}
.connect_column li:first-child{margin-left:0}
.connect_column h2{font-size:18px;color:#333;font-weight:400;margin-top:10px;margin-bottom:10px}
.connect_column .info{position:relative;z-index:2}
.connect_column .text{margin:0 20px}
.connect_column .s1{position:absolute;top:0;left:0;width:100%;height:100%;background:#de6764;opacity:.2;filter:alpha(opacity=20)}
.connect_column .s2{position:absolute;top:0;left:0;width:100%;height:100%;background:#58bec8;opacity:.2;filter:alpha(opacity=20)}
.connect_column .s3{position:absolute;top:0;left:0;width:100%;height:100%;background:#9ac047;opacity:.2;filter:alpha(opacity=20)}
.connect_column .s4{position:absolute;top:0;left:0;width:100%;height:100%;background:#31a0e1;opacity:.2;filter:alpha(opacity=20)}
.connect_column .i1{display:inline-block;width:36px;height:46px;background:url(../images/sprite2.png) no-repeat 0 0}
.connect_column .i2{display:inline-block;width:42px;height:46px;background:url(../images/sprite2.png) no-repeat -38px 0}
.connect_column .i3{display:inline-block;width:40px;height:46px;background:url(../images/sprite2.png) no-repeat -83px 0}
.connect_column .i4{display:inline-block;width:40px;height:46px;background:url(../images/sprite2.png) no-repeat -125px 0}
.connect_column a{color:#333}
.connect_share{border-top:2px solid #43bcc7;width:120px;margin:46px auto 0;text-align:center;padding-top:46px}
.connect_share .sh1{display:inline-block;width:40px;height:40px;background:url(../images/sprite2.png) 0 -48px;margin-right:9px}
.connect_share .sh2{display:inline-block;width:40px;height:40px;background:url(../images/sprite2.png) -41px -48px}
.contact-box .mid{float:left;width:550px;margin-left:20px}
.contact-box .txt{color:#545454;line-height:22px;padding-bottom:8px;text-align:left;overflow:hidden}
.contact-box .img img{width:550px;height:300px}
.contact-box .right{width:572px;float:right}
.contact-box .form2 p{margin-top:10px}
.contact-box input,.contact-box textarea{background-color:#eaeaea;float:left;font-size:16px;color:#2f2f2f;margin:0 20px 20px 0;border:0 none}
.contact-box input{height:30px;width:250px;line-height:30px;padding:8px;font:16px/1.5 'Microsoft Yahei',helvetica,arial}
.contact-box textarea{max-height:210px;max-width:536px;min-height:210px;min-width:536px;padding:8px;font:16px/1.5 'Microsoft Yahei',helvetica,arial}
.contact-box .btn{display:block;width:130px;height:40px;text-align:center;line-height:40px;color:#fff;font-size:16px;background-color:#323232;float:left}
.contact-box em{display:block;line-height:40px;margin-left:16px;float:left}
.contact-box{width:1200px;margin-bottom:70px;overflow:hidden}
.contact-box h2{color:#000;font-size:22px;text-align:left;margin-bottom:10px;width:100%;font-weight:500}
.contact-box p{text-align:left}
.project{width:1200px;overflow:hidden;margin:0 auto 20px auto}
.dl-y-lists .first{position:relative;min-height:169px;margin-top:38px}
.dl-y-lists .first>dt{width:225px;position:absolute}
.dl-y-lists .first>dt img{width:217px;height:170px}
.dl-y-lists .first>dd{padding-left:265px}
.dl-y-lists .for-time{margin-top:62px;display:inline-block;float:left}
strong.for-time span{font-size:24px}
strong.for-time em,strong.for-time span{display:block;color:#a5a5a5;font-weight:400;font-style:normal}
strong.for-time em{font-size:16px;margin-top:2px}
.dl-y-lists .article{padding:0 130px 0 50px}
.dl-y-lists .article h4{line-height:22px;height:22px;width:100%;display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:20px 0 16px 0}
.dl-y-lists .article h4 a{color:#2d2d2d;font-size:18px}
.dl-y-lists .article h4 a:hover,.dl-y-lists .hover .article h4 a{color:#30c6fb}
.dl-y-lists .article p{line-height:24px;color:#6e6e6e;height:96px;width:100%;overflow:hidden;font-size:14px}
.dl-y-lists dd .go{position:absolute;right:0;top:72px}
.dl-y-lists .hover .go{background-position:left top}
.go{width:42px;height:42px;background:url(../images/arrow_btn_icon.png) no-repeat left bottom;display:block;float:right}
.back-bar{width:1200px;margin:32px auto 18px auto}
.back-bar a{display:block;width:60px;height:19px;background:url(../images/back_icon.png) no-repeat}
.back-bar a:hover{background-position:left bottom}
.wrap-detail{position:relative}
.wrap-detail .detail h2{font-size:32px;color:#000;text-align:center;font-weight:500}
.wrap-detail .detail .time{color:#7e7c7c;text-align:center;margin-top:14px;height:30px;line-height:30px}
.wrap-detail .detail .txt{font-size:14px;color:#4b4a4a;text-align:center;overflow:hidden;width:50%;line-height:24px;margin:40px auto 0 auto}
.wrap-detail .detail .code{text-align:center;margin-top:60px}
.wrap-detail .detail .code strong{display:inline-block;position:relative;z-index:222}
.wrap-detail .detail .code span{position:absolute;z-index:222;left:-66px;top:20px;display:none}
.wrap-detail .detail .code span img{width:150px}
.wrap-detail .detail .code:hover span{display:block}
.wrap-detail .barlink{margin-top:50px;padding-bottom:62px}
.barlink{width:100%;text-align:center;margin-top:10px}
.wrap-detail .barlink a{color:#999;font-family:inherit}
.wrap-detail .arrow-prev{left:42px}
.wrap-detail .arrow-next{right:42px}
.wrap-detail .arrow-next,.wrap-detail .arrow-prev{position:absolute;top:62px}
.arrow-prev{background:url(../images/arrow_left_icon.png) no-repeat left top;position:absolute;width:18px;height:30px}
.arrow-prev:hover{background-position:left bottom}
.arrow-next{background:url(../images/arrow_right_icon.png) no-repeat left top;position:absolute;width:18px;height:30px}
.arrow-next:hover{background-position:left bottom}
.project2{width:1200px;overflow:hidden;margin:0 auto;text-align:center}
.more-case{text-align:center;padding:18px 0 32px 0}
.more-case a{position:relative;white-space:nowrap;font-size:15px;border-bottom:solid 1px #b1b1b1;line-height:1.5em;padding-bottom:3px;color:#999}
.more-case a:after{content:"";position:absolute;border-bottom:1px solid #30c6fb;bottom:-1px;left:100%;width:0;transition:width 350ms,left 350ms}
.more-case a:hover:after{left:0;width:100%;transition:width 350ms}
em,i,strong{font-style:normal}
.wrap-detail .detail .share a{display:inline-block;width:30px;height:28px;background:url(../images/detail_share_icon.jpg) no-repeat;margin:0 20px}
.wrap-detail .share a.two{background-position:-74px 0}
.wrap-detail .share a.three{background-position:-148px 0}
.wrap-detail .share a.four{background-position:-222px 0}
.wrap-detail .share a.five{background-position:-298px 0}
.wrap-detail .detail .bar{margin-top:10px;font-size:15px}
.wrap-detail .detail .bar .red a{color:#30c6fb}
.wrap-detail .detail .link{margin-top:5px}
.wrap-detail .detail .link p{font-size:14px;padding:2px 0}
.wrap-detail .detail .link a{color:#898a8b}
.wrap-detail .detail .link a:hover{text-decoration:underline}
.wrap-detail .detail .share{text-align:center;padding:38px 0 50px 0}
.about-article{width:1200px;margin-top:30px;padding-bottom:40px}
.about-article h2{font-size:16px;color:#000;margin-bottom:10px}
.about-article ul li a{color:#6e6e6e;font-size:14px;display:block;padding:7px 0}
.about-article ul li em{background:url(../images/book_icon.png) no-repeat left center;padding-left:18px}
.article{color:#000;font-size:15px;line-height:26px;overflow:hidden;font-family:'微软雅黑'}
.news-left{float:left;width:700px}
.news-right{float:right;width:482px}
.news-right .wrap{width:auto;padding:0}
.news-right ul li{display:inline-block;background:0 none;float:left;padding:0 10px;text-align:center;width:215px;margin-bottom:30px;margin-left:0;padding-right:0}
.news-right ul li>div{width:100%;height:100%;overflow:hidden}
.news-right ul li a{color:#2c2c2c;font-size:16px}
.news-right ul li a img{width:215px;height:147px}
.news-right ul li p{display:block;margin-top:10px;width:100%;line-height:22px;height:22px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.news-right ul li h2{width:100%;margin-top:0}
.news-right ul li .p1{padding-bttom:12px;margin-top:18px}
.news-right ul li .line{width:20px;margin:15px auto 0;height:1px;background:#d8d8d8}
.news-right ul li em{color:#6e6e6e;font-size:12px}
.project{width:1200px;overflow:hidden;margin:0 auto}
.c-case{width:100%;background-color:#f7f7f7;padding:48px 0 50px 0}
.c-case ul{width:1380px;overflow:hidden;margin-top:72px}
.c-case ul li{display:inline-block;float:left;padding:0 12.5px;text-align:center;width:215px;margin-bottom:40px}
.c-case ul li>div{width:100%;height:100%;overflow:hidden}
.c-case ul li a{color:#2c2c2c;font-size:18px}
.c-case ul li p{display:inline-block;margin-top:10px;width:100%;line-height:22px;height:22px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.c-case ul li h2{width:100%}
.c-case ul li h2 img{width:100%}
.c-case ul li h2 img:hover{filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8}
.c-case ul li .p1{padding-bttom:12px;margin-top:18px}
.c-case ul li .line{width:20px;margin:15px auto 0;height:1px;background:#d8d8d8;display:block}
.c-case ul li em{color:#6e6e6e;font-size:12px}
.fize22{font-size:22px}
.page{text-align:center;padding:50px 0 70px 0}
.page ul{display:table;margin:0 auto;font-size:14px}
.page ul li{display:inline-block;text-align:center;color:#2d2d2d;float:left;padding:0 4px}
.page ul li span{padding:2px 12px;height:22px;line-height:22px;float:left}
.page ul li a{display:block;height:22px;line-height:22px;float:left;background-color:#34a5e3;color:#fff;padding:2px 12px}
.page ul li.normal{padding-left:0}
.page ul li.normal em{color:#34a5e3;padding:0 3px}