﻿@charset "utf-8";
/*
  -----------------------------
  * 全部页面样式表
  -----------------------------
*/
/* ===========================================
   * 首页
   =========================================== */
/* 动画 */
.index-sv-items .sv-item .sv-ico-1,.index-sv-items .sv-item .sv-ico-2,.index-sv-items .sv-item .sv-ico-3,.index-sv-items .sv-item .sv-ico-4,.index-sv-items .sv-item .sv-ico-5,.index-sv-items .sv-item .sv-ico-6{-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
/* 轮播 */
.index-slides{width:100%;position:relative;margin-bottom:0;}
.index-slides:after{content:"";display:block;position:absolute;left:0;bottom:0;z-index:999;height:12px;width:100%;background: url(../images/index_banner_foot.png) center bottom no-repeat;}
.index-slides .flex-prev,.index-slides .flex-next{width:56px;height:56px;margin-top:-28px;}
.index-slides .flex-prev{background-position:0 0;}
.index-slides .flex-next{background-position:-56px 0;}
.index-slides.slide-loading{height:600px;background:url(../images/loading.gif) center center no-repeat;}
.master-slider-parent{}
.master-slider-parent{display:none\8;}
.index-slides{display:none;}
.index-slides{display:block\8;}
.main .pager a:hover,.main .pager a.current,
.main .pager span.current{background:#00acec!important;}
.comp-team ul li .team-member{float:right;}
.comp-team ul li.even .team-member{float:left;}
.comp-team ul li.even .team-member-con{float:right;text-align:left;}
.comp-team ul li .team-member-con{float:left;text-align:right;}
/* 服务简介 */
.index-sv-items{color:#002146;padding:50px 0;}
.index-sv-items .sv-item{width:29.3%;height:200px;padding:20px 2%;float:left;*margin:0 -1px 0 0;text-align:center;}
.index-sv-items .sv-item:hover .sv-ico-1,.index-sv-items .sv-item:hover .sv-ico-2,.index-sv-items .sv-item:hover .sv-ico-3,.index-sv-items .sv-item:hover .sv-ico-4,.index-sv-items .sv-item:hover .sv-ico-5,.index-sv-items .sv-item:hover .sv-ico-6{box-shadow:0 0 6px rgba(0,0,0,0.3);}
.index-sv-items .sv-item .sv-ico-1,.index-sv-items .sv-item .sv-ico-2,.index-sv-items .sv-item .sv-ico-3,.index-sv-items .sv-item .sv-ico-4,.index-sv-items .sv-item .sv-ico-5,.index-sv-items .sv-item .sv-ico-6,.index-sv-items .sv-item .sv-ico-1 a,.index-sv-items .sv-item .sv-ico-2 a,.index-sv-items .sv-item .sv-ico-3 a,.index-sv-items .sv-item .sv-ico-4 a,.index-sv-items .sv-item .sv-ico-5 a,.index-sv-items .sv-item .sv-ico-6 a{display:block;width:90px;height:90px;background-image:url(../images/index_sprites.png);background-repeat:no-repeat;background-color:transparent;margin:0 auto 8px;border-radius:50%;}
.index-sv-items .sv-item .sv-ico-1{background-position:0 0;}
.index-sv-items .sv-item .sv-ico-2{background-position:-90px 0;}
.index-sv-items .sv-item .sv-ico-3{background-position:-180px 0;}
.index-sv-items .sv-item .sv-ico-4{background-position:-270px 0;}
.index-sv-items .sv-item .sv-ico-5{background-position:-360px 0;}
.index-sv-items .sv-item .sv-ico-6{background-position:-450px 0;}
.index-sv-items .sv-item .sv-name{display:block;font-size:18px;font-weight:normal;padding:0 0 12px;}
.index-sv-items .sv-item .sv-name,.index-sv-items .sv-item .sv-name a{color:#0080ff;}
.index-sv-items .sv-item .sv-summary{display:block;height:60px;line-height:20px;overflow:hidden;}
/* 系统预览 */
.sys-preview .sys-items{ width:1010px; position:relative;padding:0 45px;}
.sys-preview .sys-item,.sys-preview .sys-item a,.sys-preview .sys-item img{display:block;width:240px;height:200px;}
.sys-preview .sys-item,.sys-preview .sys-item a{color:#fff;}
.sys-preview .sys-item{position:relative;overflow:hidden;font-size:14px;text-align:center;margin-right:14px;display:none;}
.sys-preview .sys-item .name{display:block;width:100%;position:absolute;left:0;bottom:-20px;padding:10px 0 30px;line-height:20px;background:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#66000000,endColorStr=#66000000);z-index:99;opacity:0.8;}
.sys-preview .sys-item:hover .name{background:rgba(0,0,0,0.6);opacity:1;}
.sys-preview .owl-prev,.sys-preview .owl-next,.partner-items .owl-prev,.partner-items .owl-next{width:32px;height:32px;margin-top:-16px;}
.sys-preview .owl-prev,.partner-items .owl-prev{background-position:-204px 0;}
.sys-preview .owl-prev:hover,.partner-items .owl-prev:hover{background-position:-204px -32px;}
.sys-preview .owl-next,.partner-items .owl-next{background-position:-236px 0;}
.sys-preview .owl-next:hover,.partner-items .owl-next:hover{background-position:-236px -32px;}
.owl-loaded .sys-item{display:block;}
/* 经典案例 */
.case-item{border:1px solid #e8e8e8;padding:20px;border-radius:12px;font-size:14px;margin:0 auto 30px;}
.case-item .case-img{width:326px;float:left;}
.case-item .case-img a{display:block;width:325px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;box-shadow:1px 1px 3px rgba(0,0,0,0.2);position:relative;}
.case-item .case-img a:hover{}
.case-item .case-main{width:705px;float:right;position:relative;}
.case-item .case-intro li{width:650px;position:relative;padding:0 0 0 35px;line-height:35px;}
.case-item .ico-company,.case-item .ico-link,.case-item .ico-time,.case-item .ico-email,.case-item .ico-rank{display:block;width:25px;height:25px;position:absolute;left:0;top:5px;opacity:0.6;filter:alpha(opacity=60);}
.case-item .ico-company{background-position:0 0;}
.case-item .ico-link{background-position:-25px 0;}
.case-item .ico-time{background-position:-50px 0;}
.case-item .ico-email{background-position:-75px 0;}
.case-item .ico-rank{background-position:-100px 0;}
.case-item .video-btn{display:inline-block;height:30px;line-height:30px;padding:0 20px 0 28px;background:#0c7ad3;color:#fff;position:absolute;right:0;top:10px;z-index:999;border-radius:3px;}
.case-item .video-btn{*display:inline;}
.case-item .video-btn:hover{background:#036abe;}
.case-item .video-btn b{display:block;width:46px;height:44px;position:absolute;left:-30px;bottom:-1px;background-position:0 -28px;}
.case-small-imgs{width:605px;padding:0 50px;margin:30px 0 0;position:relative;}
.case-small-imgs .img-item,.case-small-imgs .img-item a{display:block;width:105px;height:105px;}
.case-small-imgs .img-item img{width:100px;height:100px;border:1px solid #ccc;}
.case-small-imgs .img-item{display:none;}
.case-small-imgs .img-item .ico-zoom{position:relative;z-index:99;display:block;width:100%;height:100%;position:absolute;left:0;filter:alpha(opacity=0);opacity:0;top:-20px;background:url(../images/ico_zoom.png) center center no-repeat;filter:alpha(opacity=0);opacity:0;}
.case-small-imgs .img-item:hover .ico-zoom{filter:alpha(opacity=70);opacity:0.7;top:0;}
.case-small-imgs .img-item a{position:relative; }
.owl-loaded .img-item{display:block;}
/* 最新客户 */
.customer-items{width:100%;position:relative;overflow:hidden;}
.customer-items ul{width:105%;}
.customer-items li,.customer-items li img,.customer-items li a{display:block;width:350px;height:158px;}
.customer-items li{border:1px solid #e9e9e9;float:left;margin:0 21px 21px 0;}
.customer-items li:hover{border-color:#ddd;}
.customer-items li a{position:relative;}
.customer-items li .img-info,.customer-items li .img-info em{width:350px;height:118px;}
.customer-items li .img-info{display:block;padding:20px 0;position:absolute;left:0;top:0;background:#f6f6f6;text-align:center;filter:alpha(opacity=0);opacity:0;}
.customer-items li a:hover .img-info{filter:alpha(opacity=100);opacity:1;}
.customer-items li .img-info em{display:table-cell;vertical-align:middle;color:#999;font-size:24px;}
.customer-items li.hide{display:none;}
/* 价格方案 */
.scheme-intro{margin:0 auto 15px;font-size:14px;}
.scheme-intro dt{width:580px;float:left;}
.scheme-intro dt img{display:block;height:auto;margin-left:30px;}
.scheme-intro dd{width:510px;float:right;}
.scheme-intro dd .tit{display:block;font-size:24px;font-weight:normal;color:#f90;margin-bottom:20px;}
.scheme-intro dd .attr-list{padding-top:0px;}
.scheme-intro dd .attr-list li{line-height:30px;background:url(../images/li_dot_1.png) 0 11px no-repeat;padding:0 30px 0 25px;}
.scheme-intro dd .attr-list li em{color:#f00;font-weight:bold;}
.scheme-items{position:relative;overflow:hidden;padding:35px 15px 15px;}
.scheme-items ul{width:105%;}
.scheme-item,.scheme-item a{color:#fff;}
.scheme-item{width:465px;height:140px;padding:20px 30px;float:left;margin:0 20px 30px 0;background:#ff5f57;position:relative;}
.scheme-item .scheme-name{line-height:35px;font-size:24px;font-weight:normal;}
.scheme-item .scheme-desc{height:40px;line-height:20px;overflow:hidden;margin:12px 0 15px;}
.scheme-item .btn-more{display:inline-block;height:30px;line-height:30px;padding:0 25px;font-size:12px;_background:#7f6630;background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#7f000000,endColorStr=#7f000000);filter:alpha(opacity=60);opacity:0.6;}
.scheme-item:hover .btn-more{background:rgba(255,255,255,0.8);color:#000;}
.scheme-item .btn-more:hover{filter:alpha(opacity=90);opacity:0.9;}
.scheme-item .ico-custom{display:block;width:100px;height:100px;background:url(../images/scheme_custom.png) 0 0 no-repeat;position:absolute;right:-15px;top:-35px;}
.scheme-item:hover{box-shadow:0 -4px 0 0 rgba(0,0,0,0.25) inset;}
.scheme-item-2{background:#f3b530;}
.scheme-item-3{background:#1eb6e5;}
.scheme-item-4{background:#8cb51b;}
/* ===========================================
   * 模板选择
   =========================================== */
.main-tit-bar{text-align:center;padding:0 0 20px;}
.main-tit-bar .title{font-size:30px;font-weight:normal;}
.main-tit-bar .title em{color:#00a0ea;}
.templet-wrapper .section{}
.templet-list{padding:0 5%;}
.templet-list li{width:50%;height:730px;float:left;}
.templet-list li a{display:block;color:#999;position:relative;}
.templet-list li a:hover{color:#3dc4e4;-moz-transform:translateY(-10px);-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);}
.templet-list li a:hover .img{border-bottom:4px solid #3dc4e4;}
.templet-list li a:hover .img:before{opacity:0.3;filter:alpha(opacity=30);}
.templet-list .img:before{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:#fff;opacity:0;filter:alpha(opacity=0);}
.templet-list .img,.templet-list .img img{display:block;width:445px;}
.templet-list .img{background:#fff;padding:5px;border-bottom:2px solid #ddd;border-radius:0 0 3px 3px;margin:0 auto 8px;position:relative;}
.templet-list .name{display:block;text-align:center;width:85%;margin:0 auto;font-size:20px;}
/* ===========================================
   * 设计参考
   =========================================== */
.design-wrapper{padding-bottom:35px;}
.design-wrapper .main-tab-bar li.current a,.design-wrapper .main-tab-bar li a:hover{background:#d41f28;border-color:#d41f28;}
.design-wrapper .main-tab-bar li.current b{border-color:#d41f28 transparent transparent;}
.design-wrapper .pager{padding-top:0;}
.design-list{width:100%;position:relative;overflow:hidden;}
.design-list ul{width:108%;}
.design-list li{width:321px;height:425px;text-align:center;float:left;text-align:center;margin:0 60px 35px 0;}
.design-list li .design-img,.design-list li .design-img img{display:block;width:305px;height:305px;}
.design-list li .design-img{padding:35px 10px 10px 8px;margin:0 auto 15px;background:url(../images/templet_bg.png) center 0 no-repeat;}
.design-list li .design-img:hover{filter:alpha(opacity=80);opacity:0.8;}
.design-list li .design-info{text-align:center;}
.design-list li .design-num,.design-list li .btn-view-demo{display:inline-block;height:30px;line-height:30px;padding:0 20px;color:#fff;margin:0 10px;}
.design-list li .design-num,.design-list li .btn-view-demo{*display:inline;}
.design-list li .design-num{background:#777;}
.design-list li .btn-view-demo{background:#5b8697;}
.design-list li .btn-view-demo:hover{background:#1d6d8c;}
/* ===========================================
   * 博客
   =========================================== */
.aside{width:225px;float:left;padding:0 0 60px;}
.aside .widget{margin:0 auto 20px;}
.aside .title{display:inline-block;border:2px solid #eee;border-bottom:0;min-width:108px;_width:108px;_overflow:visible;height:30px;line-height:30px;text-align:center;font-weight:normal;margin-bottom:-1px;position:relative;background:#00acec;}
.aside .title{*display:inline;}
.aside .title,.aside .title a{color:#fff;}
.aside .widget-menu ul{border:1px solid #eee;background:#fcfcfc;padding:15px 15px 5px;}
.aside .widget-menu ul li{height:28px;line-height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 0 0 15px;background-position:-295px 8px;}
.aside .widget-menu ul li a{color:#666;}
.main{width:840px;float:right;padding:0 0 60px;}
.main,.main a{color:#666;}
.blog-list li{padding:0 0 35px;}
.article-detail .main-title{line-height:26px;padding:7px 10px 10px 52px;font-size:22px;font-weight:normal;border-bottom:1px solid #00acec;background:url(../images/tit_ico_5.png) 0 3px no-repeat;}
.article-detail .meta{padding:6px 0 20px;text-align:right;text-transform:uppercase;}
.article-detail .entry{font-size:14px;line-height:32px;padding:0 0 10px;}
.main .pager{text-align:right;}
.main .pager a,.main .pager span{padding:3px 6px;background:#fff;box-shadow:none;margin:0 0 0 5px;border-color:#ccc;}
.main .pager a:hover{background:#00acec;border-color:#00acec;color:#fff;text-decoration:none;}
/* ===========================================
   * 跳转gd-shop
   =========================================== */
.shop-banner{width:100%;height:550px;background-position:center 0;background-repeat:no-repeat;margin:0 auto 100px;}
.body-mask{width:100%;height:100%;position:absolute;position:fixed;left:0;top:0;z-index:10000;background:#000;opacity:0.4;filter:alpha(opacity=40);display:none;_position:absolute;_top:expression(eval(document.documentElement.scrollTop))}
.shop-pop,.shop-pop:hover{color:#01007f;}
.shop-pop:hover .btn-go{background:#fa2347;}
.shop-pop:hover{outline:10px solid rgba(255,255,255,0.3);}
.shop-pop{display:block;float:left;width:610px;line-height:32px;padding:25px 30px;background:#aedcfe;font-size:15px;position:absolute;position:fixed;left:335px;top:30%;margin-top:-40px;z-index:10001;opacity:0;filter:alpha(opacity=0);_position:absolute;_top:expression(eval(document.documentElement.clientHeight/2+document.documentElement.scrollTop));_margin-top:0;outline:10px solid rgba(255,255,255,0);}
.shop-pop .btn-go{display:inline-block;height:32px;line-height:32px;padding:0 28px;background:#ff4f6c;color:#fff;border-radius:5px;margin:0 0 0 15px;float:right;}
/* ===========================================
   * 价格方案
   =========================================== */
 /* 动画 */
.price-wrap-foot li a,.price-wrap-foot li a i{-moz-transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
/* 主体 */
.price-wrap{width:1110px;margin:0 auto;padding:40px 0;}
.price-wrap-head:after,.price-wrap-cont:after,.col-items ul:after{content:"";display:block;clear:both;visibility:hidden;height:0;}
* html .price-wrap-head,* html .price-wrap-cont,* html .col-items ul{display:inline-block;}
* +html .price-wrap-head,* +html .price-wrap-cont,* +html .col-items ul{display:inline-block;}
.price-wrap-head .hd-item,.price-wrap-head .hd-item-tit h3{font-family:"Microsoft YaHei","微软雅黑";}
.price-wrap-head .hd-item-tit dd,.price-wrap-cont .ico-tick,.price-wrap-cont .ico-disabled,.price-wrap-cont .config-info,.config-faq-ico,.config-tips .tips-ico-arrow,.hd-item dt .ico-txt-hot,.price-wrap-foot li a{background-image:url(../images/price_sprites.png);background-repeat:no-repeat;background-color:transparent;}
.price-wrap-head{margin-bottom:0;position:relative;}
.price-wrap-head .hd-item{width:203px;float:left;border:1px solid #eee;margin:0 -1px 0 0;position:relative;text-align:center;font-size:20px;}
.price-wrap-head .hd-item:after,.price-wrap-head .hd-item:last-child:before{content:"";display:block;width:1px;height:100%;position:absolute;left:0;top:0;box-shadow:-2px 0 6px rgba(0,0,0,0.3);}
.price-wrap-head .hd-item:last-child:before{left:auto;right:-1px;}
.price-wrap-head .hd-item,.price-wrap-head .hd-item a{color:#fff;}
.price-wrap-head .hd-item,.price-wrap-head .hd-item dt,.price-wrap-head .hd-item-tit dd{border-radius:6px 6px 0 0;}
.price-wrap-head .hd-item dt{display:block;height:33px;line-height:33px;padding:20px 0;background:#86d3ef;text-shadow:1px 1px rgba(0,0,0,0.2);}
.price-wrap-head .hd-item:first-child:after{display:none;}
.price-wrap-head .hd-item dd{height:30px;line-height:30px;padding:15px 0;font-size:24px;}
.price-wrap-head .hd-item dd,.price-wrap-head .hd-item dd a{color:#f80;}
.price-wrap-head .hd-item dd .price{display:inline-block;height:30px;padding:0 6px;background:url(../images/ico_del_price.png) center center no-repeat;}
.price-wrap-head .hd-item dd .price{*display:inline;}
.price-wrap-head .hd-item dt .ico-txt-hot{display:block;width:60px;height:60px;background-position:0 -39px;position:absolute;right:-2px;top:-2px;}
.price-wrap-head .hd-item-hot dt{background:#3dbfd9;padding-top:25px;margin-top:0;position:relative;margin-top:-5px;}
.price-wrap-head .hd-item-tit{width:498px;border:0;}
.price-wrap-head .hd-item-tit dt{background:none;padding-top:21px;}
.price-wrap-head .hd-item-tit h3{font-size:18px;font-weight:normal;}
.price-wrap-head .hd-item-tit dd{background-color:#86d3ef;padding-left:65px;background-position:-50px 20px;text-align:left;padding-bottom:16px;}
.price-wrap-head .hd-item-tit dd,.price-wrap-head .hd-item-tit dd a{color:#003d6c;}
.price-wrap-foot ul{padding:25px 0;text-align:right;}
.price-wrap-foot li{display:inline;padding:0 0 0 30px;}
.price-wrap-foot li a{display:inline-block;height:45px;line-height:45px;padding:0 20px 0 50px;font-size:14px;color:#fff;background-color:#00a0ea;border-radius:5px;background-position:-65px -30px;position:relative;}
.price-wrap-foot li a{*display:inline;}
.price-wrap-foot li a:hover{background-color:#0c7ad3;}
.price-wrap-foot li a:hover i{-moz-animation:arrowA 1.5s linear 0s normal none infinite;-webkit-animation:arrowA 1.5s linear 0 infinite;-ms-animation:arrowA 2s linear 0 infinite;-o-animation:arrowA 1.5s linear 0 infinite;animation:arrowA 1.5s linear 0 infinite;}
.price-wrap-foot li i{display:block;width:20px;height:14px;position:absolute;left:14px;top:14px;background:url(../images/btn_download_ico.png) center -10px no-repeat;}
.price-wrap-cont{width:1109px;border-left:1px solid #ddd;border-bottom:1px solid #ddd;display:table;}
.price-wrap-cont .col-side,.price-wrap-cont .col-items{display:table-cell;vertical-align:middle;float:none;}
.price-wrap-cont .col-side{width:175px;font-size:14px;padding:0 10px;*padding:5px 10px;text-align:center;*float:left;}
.price-wrap-cont .col-items{width:914px;*float:right;margin-bottom:-1px;background:#fff;}
.price-wrap-cont .col-items ul:last-child .col-item{border-bottom:0;}
.price-wrap-cont .col-items ul.last-item{border-bottom:0;}
.price-wrap-cont .col-items .col-item:first-child{border-left-color:#ddd;}
.price-wrap-cont .col-item{width:183px;height:20px;line-height:20px;border:1px solid #eee;border-top:0;padding:10px;float:left;margin:0 -1px 0 0;position:relative;text-align:center;background:#fff;}
.price-wrap-cont .col-config{width:280px;position:relative;}
.price-wrap-cont .col-config .config-info{padding:0 15px;position:relative;background-position:-95px -72px;text-align:left;}
.price-wrap-cont .col-config .config-faq-ico{display:inline-block;width:16px;height:20px;position:absolute;right:10px;top:10px;background-position:0 3px;}
.price-wrap-cont .col-config .config-faq-ico{*display:inline;}
.price-wrap-cont .col-config:hover .config-faq-ico{background-position:0 -96px;}
.config-tips{display:none;position:absolute;background:#eee;left:20px;}
.config-tips .tips-inner{line-height:20px;display:inline-block;padding:10px 20px;background:#fff;border:1px solid #aaa;border-radius:6px;white-space:normal;z-index:999;max-width:563px;_width:563px;box-shadow:-1px -1px 2px rgba(0,0,0,0.05) inset;}
.config-tips .tips-inner{*display:inline;}
.config-tips .tips-ico-arrow{display:block;width:7px;height:12px;font-size:2px;background-position:0 -20px;position:absolute;left:-6px;top:13px;}
.price-wrap-cont{background:#eef6f9;}
.price-wrap-cont .col-with-bg .col-item{background:#f1f9fc;}
.price-wrap-cont .ico-tick,.price-wrap-cont .ico-disabled{display:inline-block;width:14px;height:20px;vertical-align:middle;border-radius:50%;}
.price-wrap-cont .ico-tick,.price-wrap-cont .ico-disabled{*display:inline;}
.price-wrap-cont .ico-tick{background-position:-20px 3px;}
.price-wrap-cont .ico-disabled{background-position:-34px 3px;}
.price-wrap-cont .col-clear{background:#fff!important;border-bottom:0;}
@-moz-keyframes arrowA{
   0%{background-position:center 150%;}
   100%{background-position:center 0;}
}
@-webkit-keyframes arrowA{
   0%{background-position:center 150%;}
   100%{background-position:center 0;}
}
@-ms-keyframes arrowA{
   0%{background-position:center 150%;}
   100%{background-position:center 0;}
}
@-o-keyframes arrowA{
   0%{background-position:center 150%;}
   100%{background-position:center 0;}
}
@keyframes arrowA{
   0%{background-position:center 150%;}
   100%{background-position:center 0;}
}
/* ===========================================
   * APP案例
   =========================================== */
.app-wrapper{margin:0 auto 80px;}
.app-view-wrap{display:inline;width:345px;height:488px;float:left;padding:130px 22px 158px 22px;background:url(../images/phone_bg.png) 0 0 no-repeat;margin:0 0 0 20px;}
.app-view-wrap iframe{background:#fff;position:relative;height:100%;width:100%;overflow:hidden;overflow-y:auto;}
.app-view-wrap iframe::-webkit-scrollbar{width:6px;background:rgba(0,0,0,0.2);} 
::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.7);border-radius:3px;} 
.app-view-side{width:170px;float:left;padding:465px 30px 0;float:left;font-size:14px;text-align:center;background:url(../images/phone_side_icos.png) 0 240px no-repeat;}
.app-list-wrap{width:380px;padding:15px 0 0;background:#f1f1f1;border:1px solid #999;float:right;display:inline;margin-right:20px;}
.app-list-items{height:590px;position:relative;overflow:hidden;padding:0 10px;margin:0 auto 15px;}
.app-list-items ul{position:relative;}
.app-list-items li{width:33.3%;padding:5px 0;_margin-right:-1px;float:left;overflow:hidden;text-align:center;}
.app-list-items li a,.app-list-items li a img{display:block;width:100px;height:100px;}
.app-list-items li a{padding:3px;border-width:1px;border-color:transparent;border-style:solid;margin:0 auto;}
.app-list-items li a:hover{background:#fff;padding:3px;border:1px solid #999;}
.app-list-items li a:hover img{opacity:0.8;}
.app-list-wrap .btn-app-more{display:block;padding:6px 0;background:#ccc;text-align:center;line-height:1.5;font-weight:bold;font-size:14px;color:#fff;}
.app-list-wrap .btn-app-more span{display:block;}
.app-list-wrap .btn-app-more b{display:block;width:0;height:0;border-color:#fff transparent transparent transparent;border-width:6px;border-style:solid dashed dashed dashed;margin:0 auto;}
.app-list-wrap .btn-app-more:hover{background:#2d3e50;}
.app-qr-code{width:300px;padding:30px 40px 0;float:right;text-align:center;}
.app-qr-code li{padding:20px 0;color:#666;}
.app-qr-code li img{display:block;margin:0 auto;}
/* ===========================================
   * SEO外链页面
   =========================================== */
/* 清除浮动 */
.cha-main:after,.meal-detail:after,.cha-tabs:after,.cha-case:after,.cha-comment:after,.cha-printscreen:after,.cha-targ:after,.cha-vedio-detail:after,.cha-printscreen-slides:after,.cha-comment-slides:after,.motion:after{content:"";height:0;display:block;clear:both;visibility:hidden;}
.cha-main,.meal-detail,.cha-tabs,.cha-case,.cha-comment,.cha-printscreen,.cha-targ,.cha-vedio-detail,.cha-printscreen-slides,.cha-comment-slides,.motion{*zoom:1;}
/* 动画 */
.motion div,.set-meal-pic img,.pd-slides li .pd-img .readmore span,.set-meal-pic a{-moz-transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
/* ---------- 主体 ---------- */
.set-meal{position:relative;width:800px;margin:60px auto;overflow:hidden;}
.set-meal ul li{float:left;width:33.3%;_margin:0 -1px 0 0;text-align:center;}	
.set-meal ul li:last-child{margin-right:0;}	
.set-meal ul li	.set-meal-pic a{display:block;width:147px;height:147px;display:inline-block;overflow:hidden;border-radius:50%;background:#3592E0;line-height:147px;border:0\9;border:6px solid #fff;}
.set-meal ul li	.set-meal-pic img{}	
.set-meal ul li	.set-meal-name{color:#979797;font-size:22px;margin-top:10px;font-family:"微软雅黑","Microsoft YaHei";}	
.set-meal ul li	.set-meal-pic a:hover{border-color:#9adaff;}
.set-meal-pic a:hover img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.cha-main{position:relative;width:975px;margin:0 auto;}	
.cha-main .bold{font-weight:bold;color:#ff4400;}	
.meal-detail{position:relative;width:100%;margin:0 0 20px 0;}
.meal-detail .meal-detail-list{position:relative;widows:100%;	}	
.meal-detail-list .title{font-family:"微软雅黑","Microsoft YaHei";}	
.meal-detail dl{border:1px solid #dadada;}
.meal-detail dt,.meal-detail dd{border-bottom:1px solid #dadada;overflow:hidden}
.meal-detail dd:last-child{border-bottom:0}
.meal-detail dt:first-child{width:100%;height:40px;overflow:hidden;background:#22A2D3;}
.meal-detail dd span{width:180px;height:50px;line-height:50px;overflow:hidden;border-right:1px solid #dadada;text-align:center;	float:left;display:block;}
.meal-detail dt span:last-child,.meal-detail dd span:last-child{border-right:0;}	
.meal-detail dt span:first-child,.meal-detail dd span:first-child{width:429px;background:#F6F6F6;overflow:hidden;}	
.meal-detail dt span{color:#FFA200;font-size:18px;font-weight:bold;height:75px;line-height:75px;width:180px;overflow:hidden;border-right:1px solid #dadada;text-align:center;float:left;display:block;}	
.meal-detail dt span:first-child{color:#3592E0;}	
.meal-detail dd span:first-child{text-align:left;padding:0 0 0 35px;width:394px;}	
.meal-detail-list03 .meal-detail-list dd span,.meal-detail-list03 .meal-detail-list dt span{width:230px;}	
.meal-detail-list03 .meal-detail-list dd span:first-child{width:475px;}
.meal-detail-list03 .meal-detail-list dt span:first-child{width:510px;}
.meal-detail-list04 .meal-detail-list dd span,.meal-detail-list04 .meal-detail-list dt span{width:60px;}	
.meal-detail-list04 .meal-detail-list dd span:first-child{width:145px;}
.meal-detail-list04 .meal-detail-list dt span:first-child{width:180px;}
.meal-detail-list04 .meal-detail-list dd span:nth-child(2){width:715px;}
.meal-detail-list04 .meal-detail-list dt span:nth-child(2){width:715px;}
.meal-detail-list04 .meal-detail-list dd span.nth-child-2{width:715px;}
.meal-detail-list04 .meal-detail-list dt span.nth-child-2{width:715px;}
.meal-detail-list04 .meal-detail-list dd span.nth-child-3,.meal-detail-list04 .meal-detail-list dt span.nth-child-3{border-right:0;}
.motion{width:100%;position:relative;}	
.motion div{width:33.3333%;float:left;overflow:hidden;}
.motion div:hover{opacity:0.8;}		
.motion div:last-child{float:right;text-align:right;}	
.motion div.last-child{float:right;text-align:right;}	
.tb-motion{background:url(../images/icons07.png) no-repeat;height:73px;overflow:hidden;color:#FFF;text-align:center;line-height:55px;font-size:12px;font-weight:bold;cursor:pointer;}	
.tb-motion-close{background:url(../images/icons08.png) no-repeat;height:73px;overflow:hidden;color:#FFF;text-align:center;line-height:55px;font-size:12px;font-weight:bold;cursor:pointer;	}	
.dd-hide{display:none;}	
.dd-show{display:block;}
.cha-case,.cha-comment,.cha-vedio{position:relative;width:100%;overflow:hidden;background:url(../images/icons09.png) repeat;}
.cha-case-wrapper,.cha-comment-wrapper,.cha-vedio-wrapper{width:960px;margin:0 auto;padding:60px 0;}
.cha-printscreen,.cha-targ{position:relative;width:100%;overflow:hidden;}
.cha-printscreen-wrapper{width:960px;margin:0 auto;padding:0 0 50px;}
.cha-targ-wrapper{width:960px;margin:0 auto;padding:60px 0 10px 0;}
h2.cha-title{text-align:center;	color:#3393E0;font-size:30px;font-family:"微软雅黑";position:relative;padding:0 0 20px 0;}
h2.cha-title:after{content:"";position:absolute;width:100px;height:2px;bottom:0;left:430px;background:#CCCCCC;overflow:hidden;display:block;}
.cha-tabs{text-align:center;margin:35px 0 45px;}
.cha-tabs li{display:inline-block;padding:0 25px;height:35px;line-height:35px;color:#FFF;background:#000;margin:0 15px 0 0;cursor:pointer;}
.cha-tabs li.current{background:#0070ca;color:#FFF;}
.cha-case-detail .cha-panel,.cha-targ-detail .cha-panel,.cha-vedio-detail .cha-panel{display:block;}
.cha-case-detail .disabled,.cha-targ-detail .disabled,.cha-vedio-detail .disabled{display:none;}
.pd-slides,.cha-printscreen-slides,.cha-comment-slides{width:100%;position:relative;}
.pd-slides .owl-nav,.cha-printscreen-slides .owl-nav,.cha-comment-slides .owl-nav{display:inline;position:absolute;top:45%;width:1125px;left:-82px;}
.pd-slides .owl-prev,.pd-slides .owl-next,.cha-printscreen-slides .owl-prev,.cha-printscreen-slides  .owl-next,.cha-comment-slides .owl-prev,.cha-comment-slides .owl-next{display:block;width:50px;height:50px;text-indent:-9999em;overflow:hidden;cursor:pointer;}
.pd-slides .owl-prev,.cha-printscreen-slides  .owl-prev,.cha-comment-slides .owl-prev{background:url(../images/prev.png) no-repeat;left:-100px;float:left;}
.pd-slides .owl-next,.cha-printscreen-slides  .owl-next,.cha-comment-slides .owl-next{background:url(../images/next.png) no-repeat;right:0;float:right;}
.pd-slides li{width:230px;background:#FFF;overflow:hidden;position:relative;}
.pd-slides li:after{content:"";width:100%;height:3px;position:absolute;left:0;bottom:0;display:block;overflow:hidden;background:#DDDDDD;}
.pd-slides li .pd-img{position:relative;}
.pd-slides li .pd-img .readmore{position:absolute;width:100%;height:100%;display:block;overflow:hidden;background:rgba(0,0,0,0.2) !important;top:0;left:0;text-align:center;display:none;}	
.pd-slides li .pd-img .readmore span{padding:11px 20px;background:#3393E0;color:#FFF;}
.pd-slides li .pd-img:hover .readmore{display:block;}			
.pd-slides li .pd-info{width:92%;padding:0 4% 20px;}
.pd-slides li .pd-info .pd-name{border-bottom:1px solid #dadada;font-size:15px;font-weight:bold;margin:0 0 10px 0;}
.cha-printscreen-slides,.cha-comment-slides{margin:30px 0 0 0;}
.cha-printscreen-slides li,.cha-comment-slides li{text-align:center;position:relative;}
.cha-printscreen-slides li img,.cha-comment-slides li img{}
.cha-comment-wrapper .target{text-align:center;margin:40px 0 0 0;position:relative;}
.cha-comment-wrapper .target a{display:inline-block;-moz-transition:all 0.8s ease-in-out;-webkit-transition:all 0.8s ease-in-out;-ms-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out;}	
.cha-comment-wrapper .target a:hover{-moz-transform:translateY(-10px);-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);z-index:99999999;}	
.cha-vedio .cha-vedio01{float:left;width:45%;margin-right:10%;}
.cha-vedio .cha-vedio02{float:right;width:45%}	
.cha-vedio .cha-vedio01 img,.cha-vedio .cha-vedio02 img{width:100%;}	
/* ===========================================
   * 网站建设首页
   =========================================== */
/* 清除浮动 */
.cms-proc-tabs ul:after,.cms-adv-items ul:after{content:"";display:block;clear:both;visibility:hidden;height:0;}
* html .cms-proc-tabs ul,* html .cms-adv-items ul{display:inline-block;}
* +html .cms-proc-tabs ul,* +html .cms-adv-items ul{display:inline-block;}
/* 布局 */
.advantage .layout{width:980px;margin:25px auto 0 auto;}
/* 动画 */
.cms-proc-tabs li b{-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.cms-proc-tabs span.tab-line{-moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.cms-adv-items ul li b{-moz-transition:transform 0.6s ease-in-out;-webkit-transition:transform 0.6s ease-in-out;-ms-transition:transform 0.6s ease-in-out;-o-transition:transform 0.6s ease-in-out;transition:transform 0.6s ease-in-out;}
/* 字体 */
.cms-adv-items ul li h4{font-family:"微软雅黑","Microsoft YaHei";}
/* ---------- 介绍 ---------- */
.advantage,.advantage a,.index-section,.index-section a{color:#333;}
.advantage{padding:30px 0 80px;font-size:14px;text-align:center;}
.advantage .layout{position:relative;}
.advantage .adv-panel{height:185px;margin:0 180px;line-height:2;position:relative;top:-5px;}
.advantage .adv-title{display:block;padding:0 0 25px;}
.advantage .adv-tabs{width:100%;height:0;font-size:0;overflow:visible;}
.advantage .adv-tabs li{width:150px;position:absolute;text-align:center;font-size:14px;}
.advantage .adv-tabs li,.advantage .adv-tabs li a{color:#666;}
.advantage .adv-tabs li b,.advantage .btn-cases,.index-text-list li{background-image:url(../images/cms_intro_icos.png);background-repeat:no-repeat;background-color:transparent;}
.advantage .adv-tabs li b{display:block;width:89px;height:57px;line-height:57px;padding:10px 0;font-size:36px;text-align:center;color:#f22248;margin:0 auto 8px;cursor:default;}
.advantage .adv-tabs li:hover b{background-position:-110px 0;}
.advantage .adv-tabs li.tab-1{left:0;top:0;}
.advantage .adv-tabs li.tab-2{left:150px;top:155px;}
.advantage .adv-tabs li.tab-3{left:auto;right:150px;top:155px;}
.advantage .adv-tabs li.tab-4{left:auto;right:0;top:0;}
.advantage .adv-tabs li.tab-4 b{line-height:20px;font-size:18px;}
.advantage .adv-tabs li.tab-4 b span{display:block;padding:6px 0 0;}
.advantage .adv-tabs li.tab-4 b i{display:block;padding-left:6px;}
.advantage .btn-cases{display:block;width:212px;height:36px;margin:0 auto;text-align:center;line-height:36px;background-position:0 -90px;font-size:16px;letter-spacing:1px;text-shadow:1px 1px rgba(255,255,255,0.4);}
.advantage .btn-cases:hover{color:#333;}
.advantage .btn-cases:hover{background-position:0 -126px;text-decoration:none;}
/* ---------- 建站流程 ---------- */
.cms-proc-tabs li b,.cms-adv-items ul li b{background-image:url(../images/cms_index_sprites.png);background-repeat:no-repeat;background-color:transparent;}
.cms-index-cases{padding:40px 0;}
.cms-proc-tabs{padding:15px 0 0;margin:0 auto 35px;text-align:center;position:relative;}
.cms-proc-tabs span.tab-line{display:block;width:140px;height:10px;border-bottom:1px solid #333;position:absolute;left:120px;bottom:0;font-size:1px;}
.cms-proc-tabs span.tab-line .arrow-down{display:block;width:0;height:0;border-width:6px;border-color:#333 transparent transparent transparent;border-style:solid dashed dashed dashed;position:absolute;left:50%;margin-left:-6px;bottom:-12px;}
.cms-proc-tabs ul{padding:0 0 0 100px;}
.cms-proc-tabs li,.cms-proc-tabs li a{display:inline-block;width:140px;height:90px;}
.cms-proc-tabs li{text-align:center;padding:0 20px;font-size:14px;position:relative;float:left;}
.cms-proc-tabs li,.cms-proc-tabs li a{*display:inline;color:#333;}
.cms-proc-tabs li b{display:block;width:50px;height:50px;margin:0 auto 6px;}
.cms-proc-tabs li i.arrow-right{display:block;width:37px;height:9px;background:url(../images/tab_arrow.png) right 0 no-repeat;position:absolute;right:-38px;top:25px;}
.cms-proc-tabs li span.name{display:block;}
.cms-proc-tabs li a.proc-tab-1 b{background-position:0 0;}
.cms-proc-tabs li a.proc-tab-2 b{background-position:-50px 0;}
.cms-proc-tabs li a.proc-tab-3 b{background-position:-100px 0;}
.cms-proc-tabs li a.proc-tab-4 b{background-position:-150px 0;}
.cms-proc-tabs li a.proc-tab-5 b{background-position:-200px 0;}
.cms-proc-tabs li.current a.proc-tab-1 b,.cms-proc-tabs li a.proc-tab-1:hover b{background-position:0 -50px;}
.cms-proc-tabs li.current a.proc-tab-2 b,.cms-proc-tabs li a.proc-tab-2:hover b{background-position:-50px -50px;}
.cms-proc-tabs li.current a.proc-tab-3 b,.cms-proc-tabs li a.proc-tab-3:hover b{background-position:-100px -50px;}
.cms-proc-tabs li.current a.proc-tab-4 b,.cms-proc-tabs li a.proc-tab-4:hover b{background-position:-150px -50px;}
.cms-proc-tabs li.current a.proc-tab-5 b,.cms-proc-tabs li a.proc-tab-5:hover b{background-position:-200px -50px;}
.cms-index-cases .tab-panel{}
/* ---------- 我们的优势 ---------- */
.cms-index-adv{background:url(../images/section_bg.png) 0 0 repeat;padding-bottom:20px;}
.cms-adv-items{width:100%;position:relative;overflow:hidden;padding:15px 0 0;}
.cms-adv-items ul{width:105%;}
.cms-adv-items ul li{width:245px;height:105px;padding:10px 0 0 85px;margin:0 50px 0 0;line-height:25px;position:relative;float:left;}
.cms-adv-items ul li b{display:block;width:70px;height:70px;position:absolute;left:0;top:20px;}
.cms-adv-items ul li h4{font-size:16px;font-weight:normal;margin:0 0 5px;}
.cms-adv-items ul li h4,.cms-adv-items ul li h4 a{color:#0b3f66;}
.cms-adv-items ul li.hot h4,.cms-adv-items ul li.hot h4 a{color:#00BBFF;}
.cms-adv-items ul li.item-1 b{background-position:0 -120px;}
.cms-adv-items ul li.item-2 b{background-position:-70px -120px;}
.cms-adv-items ul li.item-3 b{background-position:-140px -120px;}
.cms-adv-items ul li.item-4 b{background-position:-210px -120px;}
.cms-adv-items ul li.item-5 b{background-position:-280px -120px;}
.cms-adv-items ul li.item-6 b{background-position:-350px -120px;}
.cms-adv-items ul li.item-7 b{background-position:-420px -120px;}
.cms-adv-items ul li.item-8 b{background-position:-490px -120px;}
.cms-adv-items ul li.item-9 b{background-position:-560px -120px;}
.cms-adv-items ul li.item-1:hover b{background-position:0 -192px;}
.cms-adv-items ul li.item-2:hover b{background-position:-70px -192px;}
.cms-adv-items ul li.item-3:hover b{background-position:-140px -192px;}
.cms-adv-items ul li.item-4:hover b{background-position:-210px -192px;}
.cms-adv-items ul li.item-5:hover b{background-position:-280px -192px;}
.cms-adv-items ul li.item-6:hover b{background-position:-350px -192px;}
.cms-adv-items ul li.item-7:hover b{background-position:-420px -192px;}
.cms-adv-items ul li.item-8:hover b{background-position:-490px -192px;}
.cms-adv-items ul li.item-9:hover b{background-position:-560px -192px;}
.cms-adv-items ul li:hover b{-moz-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-o-transform:rotate(-15deg);transform:rotate(-15deg);}
/* ===========================================
   * 关于我们
   =========================================== */
/* 清除浮动 */
.contact-side .qr-codes:after,.contact-form li:after,.history-list ul:after{content:"";display:block;clear:both;visibility:hidden;height:0;}
* html .contact-side .qr-codes,* html .contact-form li,* html .history-list ul{display:inline-block;}
* +html .contact-side .qr-codes,* +html .contact-form li, +html .history-list ul{display:inline-block;}
/* 字体 */
.about-wrapper,.contact-form input,.contact-form select,.contact-form button,.contact-form textarea{font-family:"微软雅黑","Microsoft YaHei";}
/* 动画 */
.contact-form li .btn-submit,.ipt-txt,.txt-area,.history-list li,.btn-go-down{-moz-transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
   
/* ---------- 大图 ---------- */
.about-banner-wrap{background:url(../images/about_banner_bg.png) center 0 repeat-x;margin:0 auto 50px;}
.about-banner-wrap .about-banner-main{background:url(../images/about_banner_bg_2.png) center 0 no-repeat;height:522px;padding:115px 0 0;}
.about-banner-wrap .about-banners{width:650px;height:371px;margin:0 auto;position:relative;overflow:hidden;}
.about-banner-wrap .about-banners img{width:650px;height:371px;}
.about-banner-wrap .owl-prev,.about-banner-wrap .owl-next{display:block;width:40px;height:40px;position:absolute;top:50%;margin-top:-20px;text-indent:-9999em;overflow:hidden;opacity:0.2;filter:alpha(opacity=20);cursor:pointer;}
.about-banner-wrap .owl-prev{background-position:0 -110px;left:10px;}
.about-banner-wrap .owl-next{background-position:-40px -110px;right:10px;}
.about-banner-wrap .about-banners:hover .owl-prev,.about-banner-wrap .about-banners:hover .owl-next{opacity:0.8;filter:alpha(opacity=80);}
/* ---------- 介绍 ---------- */
.about-titbar{margin:0 auto 35px;color:#000;text-align:center;}
.about-titbar .about-title{width:100%;position:relative;line-height:85px;font-size:55px;font-weight:normal;border-bottom:1px solid #ddd;}
.about-titbar .about-title .tit-line{display:block;width:150px;height:3px;font-size:2px;background:#cf0f02;position:absolute;left:50%;margin-left:-75px;bottom:-2px;}
.about-titbar .about-title-en{font-size:18px;font-weight:normal;padding:10px 0 0;line-height:1.5;}
.about-article{width:1100px;margin:0 auto;padding:0 0 50px;font-size:16px;color:#313131;}
.about-article p{margin:0 auto 35px;text-indent:2em;}
/* ---------- 联系我们 ---------- */
.contact-section{background:url(../images/world_map.png) center 0 no-repeat;padding:90px 0 50px;}
.contact-section .about-titbar{margin-bottom:50px;}
.contact-section .about-titbar .about-title-en{color:#666;font-size:16px;padding-top:18px;}
.contact-side{width:550px;float:left;}
.contact-side .contact-info{padding:0 0 20px;}
.contact-side .contact-info li{position:relative;padding:0 0 0 35px;margin:0 0 12px;font-size:14px;}
.contact-side .ico-local,.contact-side .ico-tel,.contact-side .ico-email,.contact-side .ico-fax,.contact-side .ico-qq{display:inline-block;width:25px;height:25px;position:absolute;left:0;top:2px;background-image:url(../images/contact_sprites.png);background-repeat:no-repeat;background-color:transparent;}
.contact-side .ico-local{background-position:0 0;left:2px;}
.contact-side .ico-tel{background-position:-25px 0;}
.contact-side .ico-email{background-position:-50px 0;}
.contact-side .ico-fax{background-position:-75px 0;}
.contact-side .ico-qq{background-position:-100px 0;}
.contact-side .qr-codes{border-top:1px solid #eee;padding:20px 0 0;}
.contact-side .qr-codes li{width:136px;float:left;text-align:center;}
.contact-side .qr-codes li .qr-code-img{display:block;}
.contact-side .qr-codes li .qr-code-txt{display:block;padding:5px 0 0;}
.contact-form{display:block;width:515px;float:right;padding:20px 0 0;}
.contact-form li{padding:0 0 35px;}
.contact-form-ranker li{padding:0 0 10px;}
.contact-form li .ipt-txt,.contact-form li .txt-area{display:block;width:90%;border:1px solid #CCCCCC;background:none;background:rgba(255,255,255,0.3);padding:12px 15px 14px;font-size:14px;color:#aaa;}
.contact-form li .txt-area{height:150px;overflow:hidden;padding:8px 15px;resize:none;}
.contact-form li .ipt-name,.contact-form li .ipt-email{width:215px;}
.contact-form li .ipt-name{float:left;}
.contact-form li .ipt-email{float:right;}
.contact-form li .btn-submit{display:block;width:100%;padding:13px 0;border:0;cursor:pointer;background:#f8bd01;color:#fff;font-weight:bold;border-radius:5px;font-size:16px;}
.contact-form li .btn-submit:hover{background:#f8a401;}
.contact-form li .ipt-focus{border-color:#999;color:#666;}
.textwidget .contact-form  ul{border:1px solid #eee;background:#fcfcfc;padding:15px 15px 5px;}
.textwidget .contact-form li{padding:0 0 0 15px; display:block; background:none;}
.textwidget .contact-form   li a{color:#666;}
.textwidget .contact-form li .ipt-txt{
	padding:0 15px;
	height:35px;
	line-height:35px;
	display:block;
	overflow:hidden;
	margin:0 0 15px;
	}
.textwidget .contact-form li .txt-area{
	padding:0 15px;
	display:block;
	overflow:hidden;
	width:90%;
	margin:0 0 15px;
	}	
.textwidget .contact-form li .ipt-name{float:none;}
.textwidget .contact-form li .ipt-email{float:none; margin:-23px 0 15px 0;}
/* ---------- 发展历程 ---------- */
.history-section{width:100%;min-height:600px;position:relative;background:url(../images/history_bg.jpg) center 0 repeat;padding:170px 0 100px;margin-top:-50px; margin-top:-150px;}
.history-section .hd-bg{display:block;width:100%;height:139px;background:url(../images/history_hd_1.png) center 0 no-repeat;position:absolute;left:0;top:0;}
.history-section .about-titbar .about-title{border-bottom-color:#fafafa;}
.history-section .ft-bg{display:block;width:100%;height:180px;background:url(../images/history_ft.png) center bottom no-repeat;position:absolute;left:0;bottom:0;}
.history-item{width:100%;position:relative;z-index:99;}
.history-list{width:100%;position:relative;z-index:1000;}
.history-list .year{display:block;width:98px;height:98px;line-height:98px;background:url(../images/year_circle.png) center center no-repeat;margin:0 auto 10px;color:#fff;font-size:24px;font-weight:bold;text-align:center;font-weight:normal;text-shadow:-1px -1px 1px rgba(0,0,0,0.3);}
.history-list li{display:block;width:50%;clear:both;text-align:left;font-size:16px;position:relative;float:right;left:0;color:#646464;}
.history-list li,.history-list li a{color:#646464;}
.history-list li a:hover{color:#cf0f02;}
.history-list li .h-time,.history-list li .h-tit{display:block;margin-left:40px;}
.history-list li .h-time{font-size:28px;font-weight:bold;line-height:35px;}
.history-list li .h-tit{line-height:1.3;}
.history-list li .h-dot{display:block;width:50px;height:50px;background:url(../images/event_dot.png) center center no-repeat; position:absolute;left:-25px;top:-2px;}
.history-list li.odd{text-align:right;float:left;left:0;}
.history-list li.odd .h-time,.history-list li.odd .h-tit{display:block;margin-right:40px;}
.history-list li.odd .h-dot{left:auto;right:-25px;}
.history-line{display:block;width:1px;height:100%;background:#ccc;position:absolute;left:50%}
.history-list li.event-move{left:10%;}
.history-list li.odd-event-move{left:-10%;}
.history-foot{position:relative;z-index:1000;text-align:center;padding:20px 0 0;}
.history-foot .site-name{display:inline-block;padding:6px 35px;border-radius:25px;color:#fff;font-size:18px;background:#ccc;}
.history-foot .site-name{*display:inline;}
.history-foot a.site-name:hover{background:#2d3e50;}
.btn-go-down{display:block;width:43px;height:43px;background:url(../images/arrow_go_down.png) center center no-repeat;opacity:0.5;filter:alpha(opacity=50); margin:30px auto 10px auto; position:relative;z-index:99999999999}
.btn-go-down:hover{-moz-transform:translateY(10px);-webkit-transform:translateY(10px);-ms-transform:translateY(10px);-o-transform:translateY(10px);transform:translateY(10px);opacity:1;filter:alpha(opacity=100); }
.our-off .btn-go-down ,#f2 .btn-go-down{
	background:url(../images/top-ico3.png) center center no-repeat;
	}
.history-section .btn-go-down{
	margin-top:40px;
	}	
	
.cases-items {width:100%;position:relative;overflow:hidden;}
.cases-items ul {width:105%;}
.cases-items ul:after{content:'';display:block;height:0;clear:both;visibility:hidden;}
.cases-items ul{*zoom:1;}
.cases-items ul li{width:321px;height:425px;text-align:center;float:left;text-align:center;margin:0 60px 35px 0;}
.cases-items li .case-img{display:block;width:305px;height:305px;padding:35px 10px 10px 8px;margin:0 auto 15px;background:url(../images/templet_bg.png) center 0 no-repeat;position:relative;}
.cases-items li .case-img img{width:100%;height:auto;position:absolute;left:0;top:0;}
.cases-items ul li .case-name{display:inline-block;min-width:150px;height:30px;line-height:30px;background-color:#777;color:#fff;padding:0 15px;text-align:center;}
.cases-items ul li .case-name{*display:inline;}
.cases-items ul li:hover .btn-list{opacity:1;filter:alpha(opacity=100);-moz-transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);}
.cases-items ul .img-wrap{display:block;width:305px;height:305px;position:relative;overflow:hidden;}
.cases-items ul .img-wrap .img-in{display:block;width:100%;position:relative;}
.cases-items ul .btn-link{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.cases-items ul .btn-group{display:table;vertical-align:middle;width:100%;height:100%;position:absolute;left:0;top:16px;z-index:9;}
.cases-items ul .btn-group .btn-list{display:table-cell;vertical-align:middle;opacity:0;filter:alpha(opacity=0);background-color:rgba(255,255,255,.01);-moz-transform:translateY(-25px);-webkit-transform:translateY(-25px);-ms-transform:translateY(-25px);-o-transform:translateY(-25px);transform:translateY(-25px);-moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;_padding-top: 35px;}
.cases-items ul .btn-group .btn-out{display:block;position: relative;z-index: 9;}
.cases-items ul .btn-group .i-btn{display:inline-block!important;height:34px;line-height:34px;background-color:#00a0ea;background-color:rgba(0,160,234,.85);color:#fff;text-align:center;font-size:14px;margin-top:8px;margin-bottom:8px;padding:0 15px;min-width:75px;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.cases-items ul .btn-group .i-btn{*display:inline;}
.cases-items ul .btn-group .i-btn:hover{background-color:#0c7ad3;box-shadow:0 -3px 0 rgba(0,0,0,0.15) inset;}
.app-demo-body,.app-demo-mask{width:100%;*height:100%;position:absolute;left:0;top:0;bottom:0;z-index:100001;}
.app-demo-body{display:none;}
.app-demo-mask{background-color:#000;opacity:0.6;filter:alpha(opacity=60);}
.app-demo-wrap{width:360px;height:630px;padding:90px 20px 0;background:url(../images/iphone.png) 0 0 no-repeat;z-index:100002;position:absolute;left:50%;margin-left:-200px;top:50%;}
.app-demo-wrap iframe{background:#fff url(../images/loading.gif) center no-repeat;overflow-x: hidden;overflow-y: auto;}
.app-demo-body .ico-close{display:block;width:35px;height:35px;background:url(../images/ico-close.png) 0 0 no-repeat;position:absolute;left:50%;margin-left:200px;top:45px;z-index:100003;cursor:pointer;}
.app-demo-body .ico-close:hover{background-position:0 -35px;}
.app-demo-body .ie-alert{padding:200px 20px 0; color:#666;text-align: center;}