@charset "utf-8";
#fixedBar.on>div {
    position: fixed;
}
/* header */
.header{ height: 96px; position: relative; z-index: 90; }
.header .fixed{ position: fixed; z-index: 98; width: 100%; height: inherit; top: 47px; box-shadow: 0 0 10px rgba(0,0,0,.15); background-color: #fff; background-color:rgba(255,255,255,.6);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}
.header .fixed .container{ position: relative; top: 50%; margin-top: -23px; }
.header.on .fixed{ height: 60px; background-color:rgba(255,255,255,.95) }
.logo{float:left;}
.logo .text{background:url(../images/logo_text.png) no-repeat; height:29px; line-height:29px; width:139px; text-align:center; display:inline-block; margin-left:10px;}
.head_R{float:right;}
.topbar{ height: 47px; }
.topbar .fixed{ background-color: #f6f6f6; border-bottom: 1px solid #e7e7e7; position: fixed; top:0; height: inherit; width: 100%; z-index: 99; }
.top-tel{ float: left; font-size: 18px; font-weight: bold; color: #878787; line-height: 46px; padding-left: 50px; background: url(../images/icon-tel.png) no-repeat 10px center; }
.top-login{ float: right; padding-top: 8px; line-height: 30px;}
.top-login a span { display: inline-block; height: 30px; line-height: 30px; padding-left: 15px; padding-right: 8px; border-radius: 15px; margin-right: 12px; color: #fff;}
.top-login a span i { background-color: rgba(0,0,0,.2); color: #fff; border-radius: 50%; width: 14px; height: 14px; line-height: 14px; text-align: center; margin-left: 8px; }
.top-login .international {
    background: -webkit-linear-gradient(top,#fabb47, #f8b02f, #f7ad27); /* Chrome,Safari4+ */ 
    background: -moz-linear-gradient(top,#fabb47, #f8b02f, #f7ad27); /* FF3.6+ */ 
    background: -ms-linear-gradient(top,#fabb47, #f8b02f, #f7ad27); /* IE10+ */ 
    background: -o-linear-gradient(top,#fabb47, #f8b02f, #f7ad27); /* Opera 11.10+ */ 
    background: linear-gradient(top,#fabb47, #f8b02f, #f7ad27); /* W3C */ 
}
.top-login .standard {
    background: -webkit-linear-gradient(top,#fd8935, #fa7c23, #f66e0b); /* Chrome,Safari4+ */ 
    background: -moz-linear-gradient(top,#fd8935, #fa7c23, #f66e0b); /* FF3.6+ */ 
    background: -ms-linear-gradient(top,#fd8935, #fa7c23, #f66e0b); /* IE10+ */ 
    background: -o-linear-gradient(top,#fd8935, #fa7c23, #f66e0b); /* Opera 11.10+ */ 
    background: linear-gradient(top,#fd8935, #fa7c23, #f66e0b); /* W3C */ 
}
.main-menu{float:right;}
.main-menu > li{float:left; position: relative;}
.main-menu > li > a{height:46px; line-height:46px; width: 100%; display: block; font-size:16px; text-align: center; padding:0 25px;}
.main-menu > li > ul { list-style: none; visibility: hidden; opacity: 0; -webkit-transform:translate3d(0, 2em, 0); transform:translate3d(0, 2em, 0); -webkit-transition: all .3s; transition: all .3s; margin: 0; padding: 0; top:100%; position: absolute; width: 150px; left: 50%; margin-left:-75px; background-color: #f2f2f2; box-shadow: 2px 2px 8px #ccc;}
.main-menu > li > ul:before{ content: ""; border-bottom: 8px solid #f2f2f2; border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; top: -8px; left:50%;margin-left:-8px; }
.main-menu > li > ul > li > a { display: block; height: 46px; line-height: 46px; text-align: center; background-color: #f2f2f2; -webkit-transition: all .3s; transition: all .3s;}
.main-menu > li > ul > li > a:hover{ background-color: #eee; }
.main-menu > li > a:hover,
.main-menu > li > a.active{color:#00c1eb;}
.main-menu > li:hover > ul { visibility: visible; opacity: 1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.loginBox{float:left; border:1px solid #e0e2e4; padding:6px 10px; line-height:1; border-radius:15px; margin-top:9px;}
.loginBox a{padding:0 10px; color:#a6a9b0;}
.loginBox a:hover{color:#00c1eb;}
.loginBox a:first-child{border-right:1px solid #e0e2e4;}
.menu-toggle { display: none; font-size:28px; color:#999; line-height: 46px; padding-left: 15px; padding-right: 15px; margin-right: 10px; float: left; }
@media screen and (max-width: 1199px){
    .main-menu > li > a{padding:0 18px;}
}
@media screen and (max-width: 990px){
    .main-menu > li > a{padding:0 15px;}
}
@media screen and (max-width: 767px){
    .header{ height: 60px; }
    .menu-toggle{ display: block; }
    .main-menu{ display:none; opacity: 0; position: fixed; width: 100%; overflow: auto; background-color: #fff; left: 0; top: 99px; bottom:0; float: none; margin:0; -webkit-transition: all .3s; transition: all .3s; -webkit-transform:scale(1.4); transform:scale(1.4);  }
    .main-menu > li{ width: 100%; border-top: 1px solid #eee;}
    .main-menu > li > ul { position: static; visibility: visible; box-shadow: none; opacity: 1; margin:0; width: auto; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); }
    .main-menu > li > ul > li > a { background-color: #f8f8f8; }
    .main-menu > li > ul:before{ display: none; }
    .main-menu.open{ display:block; opacity: 1; -webkit-transform:scale(1); transform:scale(1); }
}
@media screen and (max-width: 479px){
    .logo{ width: 46px; overflow: hidden; }
}

.login-box{
    float: left;
    position: relative;
}
.login-box-new {
    margin-top: -3px;
}
.login-box .ava {
    display: block;
    border: 2px solid #00b5ff;
    border-radius: 50%;
    overflow: hidden;
    width: 46px;
    height:46px;
}
.login-box-new .ava {
    width: 36px;
    height:36px;
}
.login-box .ava img{width:100%; height:100%;}
.login-box .dropdown {
    position: absolute;
    width: 120px;
    right: 0;
    background-color: #fff;
    background-color: rgba(255,255,255,.9);
    box-shadow: 0 0 6px rgba(0,0,0,0.2);
    border-radius: 4px;
    padding: 10px 15px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    -ms-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
}
.login-box .dropdown:before {
    content: "";
    position: absolute;
    top: -5px;
    right: 14px;
    margin-left: -4px;
    border-bottom: 4px solid #ddd;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}
.login-box .dropdown:after {
    content: "";
    position: absolute;
    top: -4px;
    right: 15px;
    margin-left: -4px;
    border-bottom: 4px solid #fff;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}
.login-box .dropdown a {
    display: block;
    height: 32px;
    line-height: 32px;
}
.login-box .dropdown a:hover {
    color: #00b5ff;
}
.login-box:hover .dropdown {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/* footer */
.footer{margin-top:50px;}
.brandlink{text-align:center;}
.brandlink a{display:inline-block; height:32px; line-height:32px; font-size:16px; margin-left: 1em;}
.brandlink a:before{content:"•"; font-size: 12px; margin-right: 1em;}
.brandlink a:first-child:before{display:none;}
.copyright{margin-bottom:1em;}
.footlink{margin-bottom:1em;}
.footlink a{line-height:1; padding:0 5px;}
.footlink a:hover{color:#00c1eb;}

/* 翻页 */
.pages{ padding:30px 0; text-align: center;width:100%;margin: 0 auto}
.pages ul{ display: inline-block;}
.pages a{display:inline-block; line-height:27px;font-size:16px;}
.pages a{ padding: 0 10px; line-height: 27px;}
.pages a:first-child,.pages a:last-child{font-size:22px; height:30px; line-height:30px; width:30px; border:2px solid #efefef; text-align:center; border-radius:50%;}
.pages a>i{vertical-align:top;}
.pages a:hover,.pages a.current{ color:#00aed9;}

/* 分页 */

.pagination {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
}
.pagination li {
    float: left;
}
.pagination li a {
    display: block;
    font-family: arial;
    background-color: #fff;
    border: 1px solid #ddd;
    padding:12px 20px; line-height:1;
    min-width: 32px;
    text-align: center; margin-left:-1px;
}
.pagination li:last-child a{border-radius:0 5px 5px 0;}
.pagination li:first-child a{border-radius:5px  0 0 5px;}
.pagination li a:hover {
    background-color: #f6f6f6;
}
.pagination li a.current {
    color: #fff;
    background-color: #00c9e2;
    border-color: #00c9e2;
    cursor: default;
}
.pagination li a.disabled {
    background-color: #f6f6f6;
    color: #999;
    cursor: not-allowed;
}
.pagi-wrap {
    padding: 40px 0;
    text-align: center;
}

/* news */
.newsBox{background:url(../images/bg_news.png) no-repeat top left; background-size:100% auto;}
.news_nav{ margin-bottom: 20px; background-color: #f2f2f2; }
.news_nav li a{display: block; font-size:16px; padding:0 10px; line-height:3; box-shadow: inset 0 0 0 0 rgba(0,0,0,.05);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}
.news_nav li:hover a{ box-shadow: inset 0 0 0 25px rgba(0,0,0,.05); }
.news_nav li.active a{color:#fff; background-color: #00c1eb}
.news_search{ position:relative; margin-bottom: 20px; padding-right: 55px;}
.news_search .input{height:36px; padding: 7px 12px; width: 100%; border:1px solid #ffff00; border-right:none; border-top-left-radius: 18px; border-bottom-left-radius: 18px;}
.news_search .button{border:0; position: absolute; right:0; top:0; background-color:#ffff00; padding-left: 20px; padding-right: 20px; height:36px; color:#545c6c; font-size:20px; border-top-right-radius: 18px; border-bottom-right-radius: 18px;}
.news_search .input:focus{border-color:#00c1eb;}
.news_search .tag{position:absolute; left:15px; top:8px;}
.news_search .tag a{background-color:#38c9fb; margin-left:3px; color:#fff; font-size:12px; padding:2px 4px;}

.news_adv{ position:relative;}
.news_adv .item { width:100%; text-align:center;}
.news_adv .item img{max-width:100%;display:block;}
.news_adv .item .title{position:absolute; left:0; bottom:0; background-color:rgba(0,0,0,0.6); color:#fff; text-align:left; width:100%; padding:0.5em 0; text-indent:1em;}
.news_adv .owl-buttons{ position:absolute; top:50%; margin-top:-20px; width:100%;}
.news_adv .owl-buttons .owl-prev,.news_adv .owl-buttons .owl-next{ font-family:"宋体"; width:40px; text-align:center; height:40px; line-height:40px; color:#fff; font-size:28px; font-weight:bold; opacity:0.6; background-color:#fff; border-radius:50%; color:#000;}
.news_adv .owl-buttons .owl-prev:hover,.news_adv .owl-buttons .owl-next:hover{opacity:1;}
.news_adv .owl-buttons .owl-prev{ left:10px; position:absolute; z-index:10;}
.news_adv .owl-buttons .owl-next{ right:10px; position:absolute; z-index:10;}
.news_adv .owl-theme .owl-controls{text-align: center; width:100%;}

.news_L{margin-top:40px; padding-right:23px;}
.news_R{margin-top:40px;}
.news_R .adv1 img,.news_R .adv2 img{max-width:100%;}
.news_R .adv2{margin-top:20px; margin-bottom:28px;}

.newsBox .titleBox{ border-left:3px solid #00c1ec; font-size:22px; display:inline-block; line-height:1; padding-left:12px;}

.newsBox .sl_Search{background:none; padding:0; margin-top:30px; padding-bottom:15px; border-bottom:1px solid #e5e5e5;}
.newsBox .sl_Search .title{font-size:20px; border-left:4px solid #00c1ec; padding-left:10px; float:left; line-height:1; margin-top:6px; color:#545c6c;}

.news_row1{margin-top:30px;}
.news_row1 .article{ display:table; margin-bottom:30px; border-bottom:1px solid #f0f0f0; padding-bottom:30px;}
.news_row1 .article .img{ display:table-cell; overflow:hidden;}
.news_row1 .article .img img{width:250px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;}
.news_row1 .article .img:hover img{
    -webkit-transform: scale(1.04);
    -moz-transition: scale(1.04);
    -ms-transition: scale(1.04);
    -o-transition: scale(1.04);
    transform: scale(1.04);}
.news_row1 .article .info { display:table-cell; width:10000px; vertical-align:top; padding-left:30px;}
.news_row1 .article .title{ margin-bottom:1em; font-size:22px; color:#545c6c;}
.news_row1 .article .title:hover{color:#ff7e16;}
.news_row1 .article .intro{color:#999; height:4.5em; line-height:1.5em; overflow:hidden;}
.news_row1 .article .attr { font-size: 14px; color:#999; margin-top:1em;}
.news_row1 .article .attr .view{margin-left:25px; color:#545c6c;}
.news_row1 .article .attr i{margin-right:3px;}

.news_row1 .article .title:hover{ color: #fb8d35; }
.news_row1 .more{text-align:center; margin-top:30px;}
.news_row1 .more a{border:2px solid #eeeeee; padding:5px 80px; border-radius:15px; color:#d2d2d2; display:inline-block;}
.news_row1 .more a:hover{padding:5px 100px;}

.news_red{background-color:#f7f7f8; padding:0 15px; margin-top:15px;}
.news_red .item{padding:20px 0; border-bottom:1px solid #e3e3e3;}
.news_red .item:last-child{border-bottom:none;}
.news_red .item a{margin-bottom:10px; display:block; position:relative; padding-left:15px;}
.news_red .item a:before{content:""; display:block; position:absolute; left:0px; top:6px; background-color:#00c1ec; width:8px; height:8px; border-radius:50%;}
.news_red .item span{color:#b7b7b7; margin-left:15px;}

.news_tj{margin-left:-10px;margin-right: -10px;}
.news_tj>div{ padding-left:10px; padding-right: 10px; margin-bottom: 14px;}
.news_tj .item{display:block; position:relative;}
.news_tj .item .imgBox{overflow:hidden;}
.news_tj .item img{max-width:100%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.news_tj .item:hover img{
    -webkit-transform: scale(1.04);
    -moz-transition: scale(1.04);
    -ms-transition: scale(1.04);
    -o-transition: scale(1.04);
    transform: scale(1.04);
}
.news_tj .item .title{position:absolute;bottom:0; left:0; width:100%; padding:10px; color:#fff; background-color:rgba(0,0,0,.5); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/* news deta */
.newsDeta .title{font-size:26px; color:#000;}
.newsDeta .time{color:#b7b7b7; padding:10px 10px 10px 0; border-bottom:1px solid #eee;}
.newsDeta .time i{margin-left:10px; margin-right:3px;}
.newsDeta .detaBox{font-size:16px; line-height:1.8; padding:50px 0;}
.newsDeta .detaBox img{max-width:100%;}
.newsDeta .page .prev a{padding-left:35px; display:block; position:relative; z-index:1;}
.newsDeta .page .prev a:before{content:""; display:block; position:absolute; left:0; top:6px; border-right:2px solid #545c6c; border-bottom:2px solid #545c6c; width:26px; height:26px; -webkit-transform:rotate(135deg); transform:rotate(135deg); -webkit-transition:all .3s ease;transition:all .3s ease;}
.newsDeta .page .next a{padding-right:35px; display:block; position:relative; z-index:1; }
.newsDeta .page .next a:before{content:""; display:block; position:absolute; right:0; top:6px; border-left:2px solid #545c6c; border-top:2px solid #545c6c; width:26px; height:26px; -webkit-transform:rotate(135deg); transform:rotate(135deg); -webkit-transition:all .3s ease;transition:all .3s ease;}
.newsDeta .page a:hover:before{border-color:#fb8d35;}
.newsDeta .page p{color:#999; -webkit-transition:all .3s ease;transition:all .3s ease;}
.newsDeta .page a:hover p{color:#fb8d35;}

/* share */
.shareBox .box{display:inline-block; position:relative; margin-top:30px; margin-bottom:70px;}
.shareBox .btnBox{
    position: relative;
    background-color:#00ccf4;
    height:95px;
    width:95px;
    line-height:95px;
    color:#fff;
    font-size:20px;
    font-weight:bold;
    border-radius:50%;
    text-align:center;
    cursor:pointer;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.shareBox .item{height:40px; width:40px; display:block; position:absolute; cursor:pointer;}
.shareBox .fx_wx{background:url(../images/fx_wx.png) no-repeat; top:0px; right:-50px;
    transform: translate3d(-77px,28px,0);
}
.shareBox .fx_wb{background:url(../images/fx_wb.png) no-repeat; top:55px; right:-50px;
    transform: translate3d(-77px,-26px,0);
}
.shareBox .fx_kj{background:url(../images/fx_kj.png) no-repeat; top:100px; right:-25px;
    transform: translate3d(-52px,-71px,0);
}
.shareBox .fx_qq{background:url(../images/fx_qq.png) no-repeat; top:110px; right:30px;
    transform: translate3d(3px,-81px,0);
}
.shareMore{text-align:center; background-color:#fbfbfb; border:1px solid #ededed; padding:40px 0;}
.shareMore .text{font-size:16px;}
.shareMore .text span{color:#01b6da;}
.shareBox:hover .item{
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.shareBox:hover .btnBox {
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
}


/* case */
.caseBox{/*background:url(../images/bg_case.png) no-repeat top left; background-size:100% auto;*/}
.caseHead{text-align:center; font-family:"Arial"; padding:170px 0 120px 0;}
.caseHead .title{font-size:65px;}
.caseHead .title span{color:#00cbf6;}
.caseHead .title2{font-size:25px;}
.caseNav .location a{padding-right:8px;}
.caseNav .location span{padding:0 8px;}
.caseNav .location span i{font-size:13px; color:#9398a1; border:1px solid #bbb; height:16px; width:16px; border-radius:50%; text-align:center; margin-left:3px; margin-top:-5px; cursor:pointer; position:relative; top:-2px;}
.caseNav .btnBox{font-size:16px; cursor:pointer;}
.caseNav .btnBox i{margin-left:5px; font-size:20px; position:relative; bottom:-2px;}

.selectorCon{padding:0 15px; border:1px solid #efd266; margin-top:12px;}
.selectorCon .sl_item{border-bottom:1px solid #faf1d1; padding-top:15px;}
.selectorCon .sl_item:last-child{border:0;}
.selectorCon .sl_key{float:left; width:8%;}
.selectorCon .sl_value{float:left; width:92%; position:relative;}
.selectorCon .sl_list{padding-right:80px;}
.selectorCon .sl_list li{float:left; position:relative; padding-left:18px; margin-left:20px; margin-bottom:15px; cursor:pointer;}
.selectorCon .sl_list li:before{content:""; display:block; position:absolute; top:50%; left:0; margin-top:-7px; width:14px; height:14px; border:1px solid #c2c2c1; border-radius:50%;}
.selectorCon .sl_list li.active{color:#eebc00;}
.selectorCon .sl_list li.active:before{background-color:#eebc00; border-color:#eebc00;}
.selectorCon .sl_list li span{width:15px; height:15px; display:inline-block; position:relative; bottom:-2px;}
.selectorCon .sl_list li span.color1{background-color:#000000;}
.selectorCon .sl_list li span.color2{background-color:#fca000;}
.selectorCon .sl_list li span.color3{background-color:#fc2400;}
.selectorCon .sl_list li span.color4{background-color:#47fc00;}
.selectorCon .sl_list li span.color5{background-color:#00cbf6;}
.selectorCon .sl_more{position:absolute; top:0; right:0;}
.selectorCon .sl_more a{border:1px solid #d2d2d2; padding:3px 10px; border-radius:15px; display:block; font-size:12px;}
.selectorCon .sl_more i{margin-left:2px; font-size:18px;}

/* 案例筛选 */
.sl_Search_wrap{ height: 53px; margin-top:30px; }
.sl_Search_wrap > div { top: 106px; width: 100%; z-index: 30 }
.sl_Search{background-color:#f4f4f4; padding:10px 15px;}
.sl_Search .title{font-size:20px; border-left:4px solid #00c1ec; padding-left:10px; float:left; line-height:1; margin-top:6px; color:#545c6c; margin-right:30px;}
.sl_Search .showBox{ display:inline-block; font-size:14px;}
.sort_item{margin-left:20px; position:relative; padding-right:15px; line-height:33px;}
.sort_item:after{ content:""; display:block; position:absolute; bottom:3px;right:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #999;}
.sort_item:before{ content:""; display:block; position:absolute; top:3px;right:0; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #999;}
.sort_item.asc:before{ border-bottom-color: #f60 }
.sort_item.desc:after{ border-top-color: #f60 }
.sl_Search .searchBox{border-radius:25px; overflow:hidden;}
.sl_Search .searchBox .input{border:1px solid #e6e7e9; color:#545c6c; height:33px; line-height:33px; text-indent:1em; border-radius:25px 0 0 25px; min-width:200px;}
.sl_Search .searchBox .button{background:#e6e7e9 url(../images/search_01.png) no-repeat center center; width:55px; height:33px; border:0;}
.sl_Search .searchBox .button:hover{background-color:#dadada;}

.Head_Box{ padding:50px 0; text-align: center;}
.Nav_Box .location a{padding-right:8px;}
.Nav_Box .location span{padding:0 8px;}
.Nav_Box .location span i{font-size:13px; color:#9398a1; border:1px solid #bbb; height:16px; width:16px; border-radius:50%; text-align:center; margin-left:3px; margin-top:-5px; cursor:pointer; position:relative; top:-2px;}
.Nav_Box .btnBox{font-size:16px; cursor:pointer;}
.Nav_Box .btnBox i{margin-left:5px; font-size:20px; position:relative; bottom:-2px;}

.case-banner{ height:200px; background:url(../images/case_banner.jpg) no-repeat center center; color:#fff;}
/*.case-banner .container{ position: relative; height: inherit; }
.case-banner .hgroup { position: absolute; top: 50%; margin-top: -48px; right: 20%; }
.case-banner .title { margin-bottom: 10px; font-size: 36px; text-align: center; }
.case-banner .title span{ color: #fffc00; }
.case-banner .summary{ font-size: 20px; margin-bottom: 0; text-align: center;}
@media screen and (max-width: 990px){
    .case-banner{ height: 300px; }
    .case-banner .hgroup{ right: 14%; }
}*/
@media screen and (max-width: 479px){
    .case-banner{ height: 150px; }
    .sl_Search{padding:10px;}
    .sl_Search .title{font-size:18px; margin-right:0;}
    .sl_Search .searchBox{float:right;}
    .sl_Search .searchBox .input{min-width:150px;}
}

.caseList .item{margin-top:30px; -webkit-transition:all .3s ease;transition:all .3s ease; background-color:#f9f9f9; padding:10px; border:1px solid #eeeeee; position:relative;}
.caseList .item:hover{box-shadow:3px 3px 10px #ccc;}
.caseList .item .imgBox{position:relative; height:180px; overflow:hidden; border:1px solid #eeeeee;}
.caseList .item .image{ display: block; position:absolute; transition: all 3s; top: 0; }
.caseList .item .image img{max-width:100%;}
.caseList .itemBot{text-align:center; padding-top:10px;}
.caseList .itemBot .title{font-size:16px; margin-top:10px; margin-bottom:10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.caseList .itemBot .tag{color:#999; -webkit-transition:all .3s ease;transition:all .3s ease; line-height: 1.6em; height: 3.2em; overflow: hidden; margin-bottom: 1em; font-size:12px;}
.caseList .itemBot .tag a{ margin: 0 .5em;}
.caseList .itemBot .view{}
.caseList .itemBot .view a{display:block; background-color:#00c1eb; color:#fff; font-size:14px; padding:0.3em 0; margin:0 3px;}
.caseList .itemBot .view .previewSite{background-color:#ff7e16;}
.caseList .itemBot .view a:hover{background-color:#02abd0;}
.caseList .itemBot .view .previewSite:hover{background-color:#eb700d;}
.caseList .itemBot .number { margin: 0 1em; display:none;}
.caseList .itemBot .number i{ margin-right:5px;}

@media screen and (max-width: 1199px){
    .meun li a{padding:0 20px;}
}
@media screen and (max-width: 990px){
    .header{padding:10px 0;}
    .meun{display:none;}
    .caseHead{padding:80px 0  60px 0;}
}
@media screen and (max-width: 767px){
   
    
}
@media screen and (max-width: 479px){
    .footer{margin-top:20px;}
    .news_L{padding-right:0;}
}
/*  */
.index-body{
    background: url(../images/bg_home.jpg) no-repeat top center;
    overflow-y: scroll;
}

/* 首页 */
.index-ad{
    background: url(../images/index_ad_01.jpg) no-repeat center center;
}
.index-ad .detail {
    display: inline-block;
    position: relative;
    padding: 10px 85px 10px 70px;
    color: #7b3d00;
    border-radius: 25px;
    overflow: hidden;
    margin-bottom: 2em;
    font-size: 20px;
    background-color:#f5d98c;
    background: -webkit-linear-gradient(left,#f8f2c3, #f5d98c);
    background: -moz-linear-gradient(left,#f8f2c3, #f5d98c);
    background: -ms-linear-gradient(left,#f8f2c3, #f5d98c);
    background: -o-linear-gradient(left,#f8f2c3, #f5d98c);
    background: linear-gradient(left,#f8f2c3, #f5d98c);
}
.index-ad .detail:hover{background:#fad675;}
.index-ad .detail span {
    position: absolute;
    top: 0; right: 10px;
    width: 34px;
    height: 49px;
    background: url(../images/img009.png) no-repeat;
}

.indent-both {
    padding-left: 15px;
    padding-right: 15px;
}
.index-section-1 {
    text-align: center;
    color: #00b8ff;
    font-size: 2em;
    padding-top: 2em;
}
.index-section-1 .text {
    margin-top: .5em;
    margin-bottom: 30px;
}
.index-section-1 img {
    max-width: 100%;
}
.icon-img{
    display: inline-block;
    vertical-align: middle;
    background-image: url(../images/icons.png);
    background-repeat: no-repeat;
}
.icon-img-site{
    background-position: left top;
}
.icon-img-eye{
    background-position: -30px 0;
}
.btn-create-website {
    font-size: 18px;
    display: inline-block;
    line-height: 1;
    background-color: #00b5ff;
    color: #fff;
    padding: 14px 70px 14px 45px;
    border-radius: 29px;
    position: relative;
    border: 4px solid #fff;
    box-shadow: 2px 2px 4px rgba(0,181,255,.15);
    background: -webkit-linear-gradient(left,#00b5ff, #00e4ff);
    background: -moz-linear-gradient(left,#00b5ff, #00e4ff);
    background: -ms-linear-gradient(left,#00b5ff, #00e4ff);
    background: -o-linear-gradient(left,#00b5ff, #00e4ff);
    background: linear-gradient(left,#00b5ff, #00e4ff);
    display:none;
}
.btn-create-website .icon-img {
    width: 30px;
    height: 22px;
    margin-right: .5em;
}
.btn-create-website .arrow {
    position: absolute;
    background: url(../images/img02.png) no-repeat;
    width: 36px;
    height: 50px;
    top: 0;
    right: 1.3em;
}
.btn-create-website:hover {
    color:#fff;
    background-color: #0295d1;
    background: -webkit-linear-gradient(left,#0295d1, #00b5ff);
    background: -moz-linear-gradient(left,#0295d1, #00b5ff);
    background: -ms-linear-gradient(left,#0295d1, #00b5ff);
    background: -o-linear-gradient(left,#0295d1, #00b5ff);
    background: linear-gradient(left,#0295d1, #00b5ff);
}
.btn-create-orange {
    box-shadow: 2px 2px 4px rgba(255,126,22,.15);
    background-color: #ff7e16;
    background: -webkit-linear-gradient(left,#ff7e16, #ffa146);
    background: -moz-linear-gradient(left,#ff7e16, #ffa146);
    background: -ms-linear-gradient(left,#ff7e16, #ffa146);
    background: -o-linear-gradient(left,#ff7e16, #ffa146);
    background: linear-gradient(left,#ff7e16, #ffa146);
}
.btn-create-orange:hover{
    background-color: #e66905;
    background: -webkit-linear-gradient(left,#e66905, #ff7e16);
    background: -moz-linear-gradient(left,#e66905, #ff7e16);
    background: -ms-linear-gradient(left,#e66905, #ff7e16);
    background: -o-linear-gradient(left,#e66905, #ff7e16);
    background: linear-gradient(left,#e66905, #ff7e16);
}
.btn-create-sm {
    padding: 10px 60px 10px 30px;
}
.btn-create-sm .arrow {
    top: -5px;
    right: 1em;
}

#path_5 {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    -webkit-transform: translateX(134px);
    -moz-transform: translateX(134px);
    -ms-transform: translateX(134px);
    transform: translateX(134px);
}
@-webkit-keyframes dash {
    to {
        stroke-dashoffset: 0;
    }
}
@keyframes dash {
    to {
        stroke-dashoffset: 0;
    }
}
.dash {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    -webkit-animation: dash 1.5s ease both;
    animation: dash 1.5s ease both;
}

.owl-index-wrap {
    margin: 2em auto 0;
    border: 1px solid #00c8fd;
    border-radius: 4px;
    max-width: 980px;
    min-height: 200px;
    padding: 24px;
    position: relative;
    background: -webkit-linear-gradient(top,rgba(0,0,0,0), rgba(0,0,0,0.05));
    background: -moz-linear-gradient(top,rgba(0,0,0,0), rgba(0,0,0,0.05));
    background: -ms-linear-gradient(top,rgba(0,0,0,0), rgba(0,0,0,0.05));
    background: -o-linear-gradient(top,rgba(0,0,0,0), rgba(0,0,0,0.05));
    background: linear-gradient(top,rgba(0,0,0,0), rgba(0,0,0,0.05));
    box-shadow: 0 0 0 1px rgba(255,255,255,0.6);
}

.owl-index {
    border: 1px solid #00c8fd;
    border-radius: 4px;
    background-color: #fff;
}
.owl-index a {
    display: block;
    min-height: 6px;
}
.owl-index img {
    max-width: 100%;
    border-radius: 4px;
}
.owl-index .owl-pagination{
    position: absolute;
    bottom:50%; margin-bottom:-3.5em;
    font-size: 14px;
    width: 100%;
    text-align:center;
}
.owl-index .owl-pagination .owl-page {
    display:inline-block; margin:0 15px;
}
.owl-index .owl-pagination .owl-page span {
    display: inline-block;
    width:6em;
    height:6em;
    line-height:6;
    border-radius: 50%;
    background-color: #00c1eb;
    color: #fff;
    -webkit-transform: translate3d(0, -20%, 0);
    -moz-transform: translate3d(0, -20%, 0);
    transform: translate3d(0, -20%, 0);
}
.owl-index .owl-pagination .owl-page:nth-child(1) span {
    background-color:rgba(0,193,235,.7);
}
.owl-index .owl-pagination .owl-page:nth-child(2) span {
    background-color:rgba(246,128,128,.7);
}
.owl-index .owl-pagination .owl-page:nth-child(3) span {
    background-color:#a8ed81;
}
.owl-index .owl-pagination .owl-page:nth-child(4) span {
    background-color:#81edec;
}
.owl-index .owl-pagination .owl-page span:hover,
.owl-index .owl-pagination .owl-page.active span {
    transition: all .2s;
    box-shadow: 0 0 0 6px rgba(0,0,0,.2);
}
@media screen and (max-width: 479px) {
.owl-index .owl-pagination .owl-page span{width:5em;height:5em;line-height:1.5; padding:12px 8px 0 8px; font-size:12px;}
}
.owl-index-bottom {
    background: url(../images/img05.png) no-repeat center top;
    height: 50px;
    position: relative;
}
.owl-index-bottom span {
    position: absolute;
    top: -22px;
    left: 50%;
    margin-left: -9px;
    width: 18px;
    height: 18px;
    background: url(../images/img06.png) no-repeat;
}
#wave {
    position: absolute;
    z-index: -3;
    left: 0;
    bottom: 180px;
}

.index-section-3 {
    text-align: center;
    padding-top: 180px;
    padding-bottom: 200px;
    margin-top: -180px;
    background-color: #00c7ff;
    background-image: -webkit-linear-gradient(top,#48ddf4, #00c7ff);
    background-image: -moz-linear-gradient(top,#48ddf4, #00c7ff);
    background-image: -ms-linear-gradient(top,#48ddf4, #00c7ff);
    background-image: -o-linear-gradient(top,#48ddf4, #00c7ff);
    background-image: linear-gradient(top,#48ddf4, #00c7ff);
}
.index-bg3{
    position: relative;
    height: 160px;
    overflow: hidden;
}
.index-bg3:after {
    content: "";
    display: block;
    width: 110%;
    height: 160px;
    position: absolute;
    left: 0;
    top: -62px;
    background-color: #00c7ff;
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);
}
.index-section-3 .title {
    margin-top: 120px;
}
.index-section-3 .title img{
    max-width: 100%;
}
.index-multi-ips {
    margin: 3em auto 0;
    max-width: 960px;
}
.index-multi-ips li {
    width: 20%;
    float: left;
    color: #fff;
    position: relative;
}
.index-multi-ips li i {
    display: block;
    margin: 0 auto;
    width: 48px;
    height: 50px;
    background-image: url(../images/multi-ips.png);
    background-repeat: no-repeat;
    margin-bottom: .5em;
}
.index-multi-ips li .mi1 {
    background-position: left top;
}
.index-multi-ips li .mi2 {
    background-position: -48px top;
}
.index-multi-ips li .mi3 {
    background-position: -96px top;
}
.index-multi-ips li .mi4 {
    background-position: -144px top;
}
.index-multi-ips li .mi5 {
    background-position: -192px top;
}
.index-multi-ips li:before {
    content: "";
    display: block;
    height: 20px;
    border-right: 1px solid #fff;
    position: absolute;
    top: 19px;
    right: -1px;
}
.index-multi-ips li:after {
    content: "";
    display: block;
    width: 20px;
    border-top: 1px solid #fff;
    position: absolute;
    top: 28px;
    right: -11px;
}
.index-multi-ips li:last-child:before,.index-multi-ips li:last-child:after {
    display: none;
}

.index-device-group {
    position: relative;
    margin-top: -320px;
    height: 440px;
    margin-left:8%; margin-right:8%;
}
.index-computer {
    position: absolute;
    width: 662px;
}
.index-computer .inner {
    height: 370px;
    border: 1px solid #78ddff;
    background-color: #fff;
    border-radius: 4px;
}
.index-computer .outer {
    border: 1px solid #00beff;
    box-shadow: 0 0 0 1px rgba(255,255,255,.4);
    padding: 15px;
    border-radius: 4px;
    background: -webkit-linear-gradient(bottom,rgba(0,0,0,0), rgba(0,0,0,0.05));
    background: -moz-linear-gradient(bottom,rgba(0,0,0,0), rgba(0,0,0,0.05));
    background: -ms-linear-gradient(bottom,rgba(0,0,0,0), rgba(0,0,0,0.05));
    background: -o-linear-gradient(bottom,rgba(0,0,0,0), rgba(0,0,0,0.05));
    background: linear-gradient(bottom,rgba(0,0,0,0), rgba(0,0,0,0.05));
}
.index-computer .bottom {
    background: url(../images/img07.png) no-repeat center top;
    height: 33px;
    position: relative;
}
.index-computer .bottom span{
    position: absolute;
    top: -15px;
    left: 50%;
    margin-left: -9px;
    width: 12px;
    height: 12px;
    background: url(../images/img06.png) no-repeat;
    background-size: cover;
}

.index-iphone {
    position: absolute;
    bottom: 0;
    right: 0;
}
.index-iphone .screen {
    width: 170px;
    height: 300px;
    border: 1px solid #78ddff;
}
.index-iphone .outer {
    padding: 36px 6px;
    position: relative;
    background-color: #fff;
    border: 1px solid #00beff;
    box-shadow: 0 0 0 1px rgba(255,255,255,.4);
    border-radius: 20px;
}
.index-iphone .sensor{
    position: absolute;
    top: 15px;
    left: 50%;
    margin-left: -22px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #78ddff;
}
.index-iphone .earphone {
    position: absolute;
    top: 15px;
    left: 50%;
    margin-left: -10px;
    height: 6px;
    width: 32px;
    border:1px solid #78ddff;
}
.index-iphone .home {
    position: absolute;
    left: 50%;
    bottom: 5px;
    margin-left: -13px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 1px solid #78ddff;
    background-color: #baf1ff;
    box-shadow: inset 0 0 3px 2px #78ddff;
}
@media screen and (max-width: 767px) {
    .index-section-1 {
        font-size: 1.4em;
    }
    .index-computer{
        width: 80%;
    }
}

.ic-content {
    height: inherit;
}
.ic-content > div {
    padding-left: 15px;
    padding-right: 15px;
}
.ic-content .a {
    text-align: center;
    margin-top: 10%;
}
.ic-content .b {
    text-align: right;
    margin-top: 10%;
}
.ic-content .c {
    text-align: left;
    margin-top: 10%;
}

.index-section-4 {
    padding: 460px 15px;
}
.index-section-4 dl {
    position: relative;
    width: 181px;
    margin-left: auto;
    margin-right: auto;
}
.index-section-4 dd {
    position: absolute;
    text-align: center;
    font-size: 16px;
    color: #666;
    width: 228px;
    height: 228px;
}
.index-section-4 dd .circle {
    position: absolute;
    left: 0;
    top: 0;
    width: inherit;
    height: inherit;
    background: url(../images/img10.png) no-repeat;
}
.index-section-4 dd .icon {
    display: block;
    width: 112px;
    height: 90px;
    background-image: url(../images/img08.png);
    background-repeat: no-repeat;
    margin: 51px auto 12px;
}
.index-section-4 .i1 {
    top: -300px;
    left: 50%;
    margin-left: -114px;
}
.index-section-4 .i1 .icon {
    background-position: left top;
}
.index-section-4 .i2 {
    left: -300px;
    top: 50%;
    margin-top: -114px;
}
.index-section-4 .i2 .icon {
    background-position: -112px top;
}
.index-section-4 .i3 {
    right: -300px;
    top: 50%;
    margin-top: -114px;
}
.index-section-4 .i3 .icon {
    background-position: -224px top;
}
.index-section-4 .i4 {
    bottom: -300px;
    left: 50%;
    margin-left: -114px;
}
.index-section-4 .i4 .icon {
    background-position: -336px top;
}

@media screen and (max-width: 990px) {
    .index-section-4 .i1 {
        top: -270px;
    }
    .index-section-4 .i2 {
        left: -270px;
    }
    .index-section-4 .i3 {
        right: -270px;
    }
    .index-section-4 .i4 {
        bottom: -270px;
    }
}
@media screen and (max-width: 767px) {
    .index-section-3 { padding-bottom: 0; }
    .index-section-4 {
        padding: 0;
    }
    .index-section-4 dl {
        width: auto;
    }
    .index-section-4 dt {
        text-align: center;
    }
    .index-section-4 dd {
        position: relative;
        left: 0 !important;
        top: 0 !important;
        margin: 30px auto !important;
    }
    .index-section-4 dd:before {
        content: "";
        display: table;
    }
    .index-section-4 dd:after {
        content: "";
        display: table;
    }
}

.index-ab {
    position: relative;
    overflow: hidden;
}
.index-ab .bg {
    height: 300px;
    background-color: #00c7ff;
    background: -webkit-radial-gradient(40% 20%,circle,#47ddf3, #a7f1f4, #00c7ff); /* Chrome,Safari4+ */ 
    background: -moz-radial-gradient(40% 20%,circle,#47ddf3, #a7f1f4, #00c7ff); /* FF3.6+ */ 
    background: -ms-radial-gradient(40% 20%,circle,#47ddf3, #a7f1f4, #00c7ff); /* IE10+ */ 
    background: -o-radial-gradient(40% 20%,circle,#47ddf3, #a7f1f4, #00c7ff); /* Opera 11.10+ */ 
    background: radial-gradient(40% 20%,circle,#47ddf3, #a7f1f4, #00c7ff); /* W3C */ 
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);
}

.index-section-5{
    text-align: center;
}
.index-section-5 .title {
    margin-top: 6em;
    margin-bottom: 3em;
}
.index-section-5 .title img {
    max-width: 100%;
}
.index-section-5 .detail {
    display: inline-block;
    position: relative;
    padding: 7px 45px 7px 30px;
    border: 1px solid #fc8e08;
    color: #fc8e08;
    border-radius: 18px;
    overflow: hidden;
    margin-bottom: 2em;
    font-size: 16px;
}
.index-section-5 .detail:hover{background-color:#fff0dd;}
.index-section-5 .detail span {
    position: absolute;
    top: 0;
    width: 26px;
    height: 37px;
    background: url(../images/img09.png) no-repeat;
}
.index-purse {
    text-align: center;
    background: url(../images/img11_4.jpg) no-repeat bottom center;
    padding-bottom: 100px;
}
.index-purse .group {
    display: inline-block;
    position: relative;
}
.index-purse .group .g1 {
    position: relative;
    z-index: 3;
}
.index-purse .group .g2 {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: -60%;
}
.index-purse .group .g3 {
    position: absolute;
    z-index: 2;
    bottom: 0;
    right: -60%;
}

@media screen and (max-width: 767px) {
    .index-purse {
        padding-bottom: 16%;
        background-size: 100% auto;
    }
    .index-purse .group {
        width: 60%;
    }
    .index-purse .group .g1 {
        width: 50%;
    }
    .index-purse .group .g2 {
        width: 36%;
        left: -2%;
    }
    .index-purse .group .g3 {
        width: 36%;
        right: -2%;
    }
}

.index-section-6 {
    position: relative;
    margin-top: 120px;
}
.index-section-6 .container {
    position: relative;
    z-index: 2;
}
.index-section-6 .bg {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
    z-index: 1;
}
.index-section-6 .bg .m{
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    background: #00c7ff;
    background: -webkit-linear-gradient(88deg, #00d6de, #00c7ff);
    background: -moz-linear-gradient(88deg, #00d6de, #00c7ff);
    background: -ms-linear-gradient(88deg, #00d6de, #00c7ff);
    background: -o-linear-gradient(88deg, #00d6de, #00c7ff);
    background: linear-gradient(88deg, #00d6de, #00c7ff);
}
.index-section-6 .bg .t {
    position: absolute;
    top: -100px;
    height: 100px;
    width: 100%;
    overflow: hidden;
}
.index-section-6 .bg .t .tp {
    position: absolute;
    top: 34px;
    width: 120%;
    left: -10%;
    height: inherit;
    background: -webkit-linear-gradient(left, #00d6de, #00c7ff);
    background: -moz-linear-gradient(left, #00d6de, #00c7ff);
    background: -ms-linear-gradient(left, #00d6de, #00c7ff);
    background: -o-linear-gradient(left, #00d6de, #00c7ff);
    background: linear-gradient(left, #00d6de, #00c7ff);
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg);
}
.index-section-6 .bg .b {
    position: absolute;
    bottom: -100px;
    height: 100px;
    width: 100%;
    overflow: hidden;
}
.index-section-6 .bg .b .bp {
    position: absolute;
    top: -34px;
    width: 120%;
    left: -10%;
    height: inherit;
    background: -webkit-linear-gradient(left, #00d6de, #00c7ff);
    background: -moz-linear-gradient(left, #00d6de, #00c7ff);
    background: -ms-linear-gradient(left, #00d6de, #00c7ff);
    background: -o-linear-gradient(left, #00d6de, #00c7ff);
    background: linear-gradient(left, #00d6de, #00c7ff);
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg);
}

.index-partner-link {
    margin-top: 2em;
    margin-bottom: 2em;
    margin-left:-9px;
}
.index-partner-link li{margin-top:20px;}
.index-partner-link li img {
    max-width: 100%;
}
.index-partner-link li:hover img{-webkit-filter:grayscale(80%); -moz-filter:grayscale(80%); filter:grayscale(80%); opacity:0.9;}
.index-partner-link li a{display:block; border:6px solid rgba(255,255,255,.3); margin-left:9px;}
.btn-create-green {
    margin-top: 2em;
    font-size: 16px;
    display: inline-block;
    background-color: #81dc00;
    color: #fff;
    padding: 11px 46px 11px 28px;
    border-radius: 22px;
    position: relative;
    overflow: hidden;
}
.btn-create-green .arrow {
    position: absolute;
    background: url(../images/img12.png) no-repeat;
    width: 31px;
    height: 43px;
    top: 0;
    right: 15px;
}
.btn-create-green:hover {
    background-color:#8be806;
    color: #fff;
}

.index-section-7 {
    background-color: #ebfbfe;
    padding-top: 170px;
    padding-bottom: 100px;
}
.index-news{
    margin-left: -25px;
    margin-right: -25px;
}
.index-news li {
    padding-left: 25px;
    padding-right: 25px;
}
.index-news .item {
    position: relative;
    padding-left: 3em;
    margin-top: 3em;
    margin-right:2em;
}
.index-news .item .number {
    position: absolute;
    font-size: 30px;
    left: 0;
    top: 0;
    line-height: 1;
    font-family: sans-serif;
}
.index-news .item .title {
    font-size: 18px;
    font-weight: bold;
}
.index-news .item .title a:hover{color:#00c1eb;}
.index-news .item .time {
    font-style: italic;
    color: #999;
    margin-top: .3em;
    margin-bottom: 1em;
}
.index-news .item .time .fa {
    margin-right: .5em;
}
.index-news .item .summary {
    height: 3em;
    line-height: 1.5;
    overflow: hidden;
}
.index-news-more {
    display: inline-block;
    margin-top: 3em;
    font-size: 16px;
    padding: 10px 42px;
    border-radius: 22px;
    -webkit-transition:300ms; -moz-transition:300ms; -o-transition:300ms; transition:300ms;
    background-color:#666; color:#fff;
}
.index-news-more:hover{padding: 10px 55px; background-color:#00c1eb; color:#fff;}
@media screen and (max-width: 767px) {
    .index-news .item .title {
        font-size: 16px;
    }
}

.index-section-8 {
    background-color: #fafff7;
    padding: 100px 0;
}
.index-friend-link {
    line-height: 2;
    margin-top: 2em;
}
.index-friend-link a{
    display: inline-block;
    margin-right: 4em;
    white-space: nowrap;
}
.index-friend-contact {
    margin-top: 2em;
    text-align: center;
    color: #969da4;
}

.index-section-9 {
    background: url(../images/img13_1.jpg) no-repeat center center;
}

/* 加盟 */
.activity-join .aj-h2 {
    font-size:44px;border-bottom:1px solid #000;display:inline-block;margin-top:0; margin-bottom: 0.6em;
}
.activity-join .aj-p {
    font-size:28px;margin-top:0;line-height:1.8;margin-bottom:1.5em;padding:0 1em;
}
.activity-join .aj-span {
    color: #00caff;
}
.activity-join .aj-section-7 {
    text-align: center;
    padding-top: 100px;
}
.activity-join .aj-section-7 .aj-p {
    margin-bottom: 0;
    position: relative;
}
.activity-join .aj-section-7 img{
    margin-top: -6em;
}
.activity-join .aj-section-8 {
    text-align:center;
    padding: 100px 0 70px;
    background: url(../jiameng/p10.jpg) no-repeat center top;
}
.activity-join .aj-section-8 .imgh{
    margin-bottom: 3em;
    max-width: 60%;
}
.activity-join .aj-section-8 .rw {
    background-color: #fff;
    background-color: rgba(255,255,255,.6);
    margin-bottom: 2em;
}
.activity-join .aj-section-8 .conlt{
    text-align: left;
    line-height: 1.8;
    font-size: 20px;
    padding: 2em 0;
}
.activity-join .aj-section-8 .title {
    font-size: 30px;
    font-weight: bold;
}
.activity-join .aj-section-8 .summary {
    color: #000;
}
.activity-join .aj-section-9 {
    text-align:center;
    padding-top: 80px;
    background: url(../jiameng/p14.jpg) no-repeat center bottom;
}
.activity-join .aj-section-10 {
    padding: 30px 0;
    border-top: 1px solid #ddd;
    text-align: center;
}
.activity-join .aj-section-10 .aj-qrc {
    display: inline-block;
    padding: 0 15px;
}
.activity-join .aj-section-10 .aj-qrc img{
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 10px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.activity-join .aj-section-10 .txt {
    font-size: 16px;
    margin-top: .5em;
}
.activity-join .aj-section-10 .aj-info {
    font-size: 18px;
    color: #666;
    text-align: left;
    line-height: 1.8;
}
.activity-join .aj-section-10 .aj-info img{
    max-width: 80%;
}
@media screen and (max-width: 990px) {
    .activity-join .aj-h2 {
        font-size: 30px;
    }
    .activity-join .aj-p {
        font-size: 22px;
    }
    .activity-join .aj-section-8 .conlt{
        text-align: center;
    }
}
@media screen and (max-width: 767px) {
    .activity-join .aj-h2 {
        font-size: 22px;
    }
    .activity-join .aj-p {
        font-size: 18px;
    }
    .activity-join .aj-section-8 .conlt{
        text-align: center;
    }
    .activity-join .aj-section-10 .aj-info{
        margin-top: 30px;
        text-align: center;
    }
}

/* 功能 */
.gni {
    display: inline-block;
    vertical-align: middle;
    width: 68px;
    height: 68px;
    background-image: url(../gongneng/gongneng_icons.png);
    background-repeat: no-repeat;
}
.gni-link {
    background-position: -132px -330px;
}
.gni-envelope {
    background-position: -66px 0;
}
.gni-comment {
    background-position: -132px 0;
}
.gni-comments {
    background-position: -66px -132px;
}
.gni-phone {
    background-position: -198px 0;
}
.gni-map-marker {
    background-position: -264px 0;
}
.gni-tags {
    background-position: -66px -330px;
}
.gni-sitemap {
    background-position: -396px 0;
}
.gni-copyright {
    background-position: -462px 0;
}
.gni-domain {
    background-position: 0 -66px;
}
.gni-file {
    background-position: -66px -66px;
}
.gni-product {
    background-position: -132px -66px;
}
.gni-picture {
    background-position: -198px -66px;
}
.gni-search-pc {
    background-position: -264px -66px;
}
.gni-video-camera {
    background-position: -330px -66px;
}
.gni-retweet {
    background-position: -396px -66px;
}
.gni-page {
    background-position: -462px -66px;
}
.gni-ad {
    background-position: -528px -66px;
}
.gni-bdmap {
    background-position: -594px -66px;
}
.gni-weixin-site {
    background-position: 0 -132px;
}
.gni-weixin {
    background-position: -66px -132px;
}
.gni-qrcode {
    background-position: -132px -132px;
}
.gni-static-link {
    background-position: -198px -132px;
}
.gni-count {
    background-position: -264px -132px;
}
.gni-menu {
    background-position: -330px -132px;
}
.gni-share {
    background-position: -396px -132px;
}
.gni-signin-api {
    background-position: -462px -132px;
}
.gni-app-android {
    background-position: -528px -132px;
}
.gni-app-apple {
    background-position: -594px -132px;
}
.gni-sites {
    background-position: 0 -198px;
}
.gni-service {
    background-position: -66px -198px;
}
.gni-user {
    background-position: 0 -264px;
}
.gni-alipay-api {
    background-position: -66px -264px;
}
.gni-weixin-api {
    background-position: -66px -132px;
}
.gni-shopcart {
    background-position: -132px -264px;
}
.gni-order {
    background-position: -198px -264px;
}
.gni-tree-circle {
    background-position: -264px -264px;
}
.gni-bullseye {
    background-position: 0 -330px;
}
.gni-static-link-site {
    background-position: -198px -330px;
}
.gni-baidu {
    background-position: -264px -330px;
}

#gn_header{
    position: fixed;
    z-index: 6;
    top: 0;
    width: 100%;
    height: 60px;
    padding-top: 7px;
    padding-bottom: 7px;
    box-shadow: 0 0 10px rgba(0,0,0,.15);
    background-color: #fff;
    background-color:rgba(255,255,255,.8);
}
#section0 {
    background-color: #f15d7b;
    background-image: url(../images/bg_gongneng_01.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: auto 100%;
}
#section1 {
    background-color: #45b4f4;
    background-image: url(../images/bg_gongneng_02.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: auto 100%;
}
#section2 {
    background-color: #cd4ef1;
    background-image: url(../images/bg_gongneng_05.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: auto 100%;
}
#section3 {
    background-color: #f88256;
    background-image: url(../images/bg_gongneng_03.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: auto 100%;
}
#section4 {
    background-color: #9acd0d;
    background-image: url(../images/bg_gongneng_04.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: auto 100%;
}
#section5 {
    padding-bottom: 50px;
    text-align: center;
}
.gni-items {
    margin-bottom: 30px;
}
.gni-items:after {
    content: "";
    display: table;
    clear: both;
}
.gni-items li {
    text-align: center;
    color: #fff;
    margin-top: 3em;
}
.gni-items li .circle {
    display: inline-block;
    vertical-align: middle;
    width: 68px;
    height: 68px;
    border: 1px solid #fff;
    border-radius: 30%;
}
.gni-items li .circle .gni {
    display: block;
    width: inherit;
    height: inherit;
}
.gni-items li span {
    display: block;
    margin-top: .5em;
}
.gni-items li:hover .circle {
    border-radius: 50%;
}
.gni-items li:hover .circle .gni {
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
}
@media screen and ( max-width: 990px ), screen and ( max-height: 760px ) {
    #section0 {
        margin-top: 60px;
    }
    .gni-items li {
        margin-top: 2em;
    }
}

/* 帮助中心 */
.help-head {
    background-color: #eef5fa;
    padding: 50px 0;
}
#help_focus img {
    max-width: 100%;
}
.help-nav {
    background-color: #545c6c;
    color: #fff;
}
.help-nav li a {
    display: block;
    position: relative;
    padding: 1em;
}
.help-nav li a .icon {
    border: 1px solid #fff;
    width: 1.7em;
    height: 1.7em;
    line-height: 1.7;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
}
.help-nav li a span {
    font-size: 16px;
    vertical-align: middle;
    margin-left: .5em;
}
.help-nav li a .arrow {
    position: absolute;
    right: 1em;
    font-size: 18px;
    color: #8f949f;
}
.help-nav li a:hover {
    background-color: #616978;
}
.help-nav li:nth-child(1) a .icon{
    border-color: #e59906;
    color: #e59906;
}
.help-nav li:nth-child(2) a .icon{
    border-color: #df690f;
    color: #df690f;
}
.help-nav li:nth-child(3) a .icon{
    border-color: #43cf44;
    color: #43cf44;
}
.help-nav li:nth-child(4) a .icon{
    border-color: #2abbd6;
    color: #2abbd6;
}
.help-nav li:nth-child(5) a .icon{
    border-color: #3da4ed;
    color: #3da4ed;
}
.help-nav li:nth-child(6) a .icon{
    border-color: #9679f2;
    color: #9679f2;
}
.help-nav li:nth-child(7) a .icon{
    border-color: #d65ee4;
    color: #d65ee4;
}
.help-nav li:nth-child(8) a .icon{
    border-color: #f44f73;
    color: #f44f73;
}

#help_focus a {
    display: block;
    height: 416px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#help_focus .owl-buttons > div {
    position: absolute;
    top: 50%;
    margin-top: -22px;
    font-family: "\5b8b\4f53";
    line-height: 1.2;
    font-size: 36px;
    width: 1.2em;
    height: 1.2em;
    text-align: center;
    color: #999;
    background-color: #fff;
    background-color: rgba(255,255,255,.4);
    border-radius: 50%;
    cursor: pointer;
}
#help_focus .owl-buttons .owl-prev {
    left: .6em;
}
#help_focus .owl-buttons .owl-next {
    right: .6em;
}
#help_focus .owl-buttons > div:hover {
    background-color: rgba(255,255,255,.8);
    color: #666;
}

.help-search {
    border-top: 1px solid #e3eaf0;
    margin-top: 80px;
    margin-bottom: 80px;
    position: relative;
    height: 0;
}
.help-search  .hs-group {
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-top: -25px;
}
.help-search  .hs-group input,
.help-search  .hs-group button {
    display: table-cell;
    height: 50px;
}
.help-search  .hs-group input {
    padding: 14px 20px;
    border: 1px solid #e3eaf0;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    width: 300px;
    font-size: 16px;
}
.help-search  .hs-group button {
    background: #545c6c url(../images/icon-search.png) no-repeat center center;
    border: 1px solid #545c6c;
    font-size: 18px;
    color: #fff;
    width: 64px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

.help-caption{
    margin-bottom: 30px;
}
.help-caption h2 {
    line-height: 1;
    font-size: 22px;
    border-left: 4px solid #00c1ec;
    padding-left: 10px;
}
.help-caption a {
    float: right;
}
.help-caption a i {
    font-style: normal;
    font-family: "\5b8b\4f53"
}

.help-recomnews {
    margin-bottom: 50px;
}
.help-recomnews .item .image img {
    max-width: 100%;
}
.help-recomnews .item .title {
    display: block;
    font-size: 16px;
    margin-top: 1em;
    margin-bottom: .5em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.help-recomnews .item .summary {
    color: #999;
}
/* 案例详情 */
.case-detail {
    margin-top: 80px;
}
.case-detail .cd-title {
    font-size: 24px;
    margin-bottom: 1.5em;
}
.case-detail .cd-caption {
    font-size: 20px;
    margin-bottom: 15px;
    border-left: 4px solid #00c6ef;
    padding-left: 10px;
    line-height: 1;
}
.case-detail .cd-desc {
    color: #00c6ef;
    font-size: 16px;
    margin-bottom: 2em;
    padding-left: 14px;
}
.case-detail .cd-desc a:hover{color:#666;}
.case-detail .cd-btns .rw {
    text-align: right;
    margin-top: 1.5em;
}
.case-detail .cd-btns .rw-one {
    color: #999;
}
.case-detail .cd-btns .rw-one span {
    display: inline-block;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    position: relative;
}
.case-detail .cd-btns .rw-one span:before {
    content: "";
    position: absolute;
    right: -1px;
    top: 50%;
    margin-top: -1em;
    height: 2em;
    border-right: 1px solid #ddd;
}
.case-detail .cd-btns .rw-one span:last-child:before {
    display: none;
}
.case-detail .cd-btns .rw-one big {
    font-size: 1.8em;
    display: block;
}
.case-detail .cd-section {
    background-color: #f5f5f5;
    padding: 60px 0;
    margin-top: 60px;
}
.case-detail .cd-summary {
    font-size: 16px;
    padding-bottom: 60px;
}
.case-detail .cd-detail {
    margin-top: 20px;
    margin-bottom: 40px;
}
.case-detail .cd-detail img {
    max-width: 100%;
}
.cd-btn-bar {
    height: 60px;
    position: relative;
}
.cd-btn-bar .cbb-fixed {
    width: 100%;
    height: inherit;
    left: 0;
    top: 60px;
    background-color: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.cd-btn-bar .cbb-fixed .anniu {
    float: right;
    background-color: #ff7e16;
    color: #fff;
    font-size: 18px;
    line-height: 1;
    padding: 21px 35px;
    margin-top: -1px;
}
.cd-btn-bar .cbb-fixed .anniu:hover{background-color:#eb700d;}
.cd-btn-bar .cbb-fixed .yulan {
    float: right;
    font-size: 18px;
    line-height: 1;
    padding: 19px 35px;
    position:relative; cursor:pointer;
}
.cd-btn-bar .cbb-fixed .yulan .imgBox{position:absolute; top:100%; left:15px; border:5px solid #fff; visibility:hidden;}
.cd-btn-bar .cbb-fixed .yulan:hover .imgBox{visibility:visible;}
.cd-btn-bar .cbb-fixed .an_back{float:left; line-height:1; font-size: 18px; padding:19px 0px;}
.cd-btn-bar .cbb-fixed .an_back i{font-size:20px;}
@media screen and (max-width: 767px){
    .case-detail .cd-btns .rw{ text-align: left; }
}

.case_related .item{
    margin: 15px 0;
    padding:10px;
    background-color: #ececec;
}
.case_related .item:hover{background-color:#ff7e16; color:#fff;}
.case_related .item:hover a{color:#fff;}
.case_related .item .image img {
    max-width: 100%;
}
.case_related .item .title { text-align:center;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 10px;
}
.case_related .item .info {
    height: 3em;
    line-height: 1.5;
    overflow: hidden;
    color: #999;
    margin: 0 10px;
}
.case_related .item .info a{
    margin-right: 1em;
}

/* 商品列表 */
.site-banner{ background:url(../images/site_banner_1.jpg) no-repeat center center; height:200px;}
.mall-list .item {
    display: block;
    text-align: center;
    margin: 30px 15px 0;
    font-size: 18px;
}
.mall-list .item .picture {
    position: relative;
    overflow: hidden;
    min-height: 120px;
    margin-bottom: 20px;
}
.mall-list .item .picture img {
    max-width: 100%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.mall-list .item .info {
    padding: 1em 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.mall-list .item .btns .link {
    display: inline-block;
    font-size: 16px;
    width: 7em;
    height: 2.5em;
    line-height: 2.5;
    background-color: #00c9e2;
    border-radius: 1.25em;
    color: #fff;
}
.mall-list .item .btns .link:hover,
.mall-list .item .btns .link:active {
    background-color: #00b5cb;
}
.mall-list .item .btns a:last-child{display:none;}
.mall-list .item .btns .site_no {
    margin-left: 1.5em;
}
.mall-list .item .btns .site_preview {
    margin-right: 1.5em;
}
.mall-list .item .title {
    font-size: 1.2em;
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mall-list .item .title:hover {
    color: #fca000;
}
.mall-list .item .param {
    margin-bottom: 10px;
    color: #999;
    font-size: .9em;
}
.mall-list .item:hover .picture img{
    opacity: .6
}
.mod-pagi {
    padding: 30px 0;
    text-align: center;
}
@media screen and (max-width: 990px){
    .mall-list .item{ font-size: 16px; margin-left: 0; margin-right: 0; }
}
@media screen and (max-width: 990px){
    .site-banner{height:150px;}
}
/* 建站详情 */
.bg_site_detial {
    background: url(../images/bg_site_detial.png) no-repeat center top;
}
.mall-detail-base {
    margin-top: 30px;
}
.mall-detail-base .info {
    padding-left: 20px;
}
.mall-detail-base .info .price {
    font-size: 28px;
    line-height: 1;
    color: #ff7e16;
}
.mall-detail-base .info .intro {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #eee;
    padding: 1em 2em;
    line-height: 2;
    color: #6a717f;
}
.mall-detail-base .info .package {
    margin-bottom: 20px;
}
.mall-detail-base .info .package li{
    margin-top: 15px;
    position: relative;
    cursor: pointer;
}
.mall-detail-base .info .package li .fa {
    position: absolute;
    display: none;
    right: 20px;
    top: 8px;
    font-size: 18px;
    line-height: 1;
    color: #999;
}
.mall-detail-base .info .package li .mark {
    display: inline-block;
    vertical-align: middle;
    background-color: #00c7ee;
    color: #fff;
    line-height: 1;
    padding: 6px 14px;
    border-radius: 13px;
}
.mall-detail-base .info .package li .mk {
    background-color: #f90;
}
.mall-detail-base .info .package li .text {
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    color: #666;
}
.mall-detail-base .info .package li .desc {
    display: none;
    color: #999;
    padding: 5px;
    border: 1px solid #eee;
    border-radius: 3px;
    position: relative;
    margin-top: 9px;
}
.mall-detail-base .info .package li .desc:before {
    content: "";
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #e1e1e1;
    position: absolute;
    left: 2em;
    top: -8px;
}
.mall-detail-base .info .package li .desc:after {
    content: "";
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    position: absolute;
    left: 2em;
    top: -7px;
}
.mall-detail-base .info .package li.selected {
    /*border-color: #ff7e16;*/
    /*box-shadow: 0 0 0 1px #ff7e16;*/
}
.mall-detail-base .info .package li.selected .mark {
    background-color: #ff7e16;
}
.mall-detail-base .info .package li.selected .desc {
    display: block;
}
.mall-detail-base .info .previewBtn {
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    background-color: #fff;
    color: #00c7ee;
    padding: 10px 30px;
    border-radius: 29px;
    position: relative;
    border: 1px solid #00c7ee;
    margin-left: .5em;
}
.mall-detail-base .info .previewBtn:hover{background-color:#00c7ee; color:#fff; cursor:pointer;}
.mall-detail-tab {
    height: 58px;
    margin-top: 30px;
}
.mall-detail-tab .wrap {
    height: inherit;
    width: 100%;
    z-index: 20;
    top: 60px;
}
.mall-detail-tab .tb-head {
    height: 58px;
    border: 1px solid #eee;
    background-color: #fff;
    position: relative;
}
.mall-detail-tab .tb-head .tbh-createsite {
    display: none;
    height: 58px;
    line-height: 58px;
    padding: 0 25px;
    position: absolute;
    right: -1px;
    top: -1px;
    background-color: #ff7e16;
    color: #fff;
}
.mall-detail-tab .tb-head .tbh-preview{
    position: absolute;
    display: none;
    right: 110px;
    top: 0;
    background-color: #fff;
    cursor: default;
}
.mall-detail-tab .tb-head .tbh-preview .item {
    height: 56px;
    line-height: 56px;
    padding: 0 15px;
}
.mall-detail-tab .tb-head .tbh-preview .pop {
    position: absolute;
    padding: 4px;
    border: 1px solid #ddd;
    background-color: #fff;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    -ms-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
}
.mall-detail-tab .tb-head .tbh-preview .pop:before {
    content: "";
    position: absolute;
    left: 50%;
    top: -7px;
    margin-left: -6px;
    border-bottom: 6px solid #ddd;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}
.mall-detail-tab .tb-head .tbh-preview .pop:after {
    content: "";
    position: absolute;
    left: 50%;
    top: -6px;
    margin-left: -6px;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}
.mall-detail-tab .tb-head .tbh-preview:hover .pop {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.mall-detail-nav li {
    float: left;
    font-size: 16px;
    height: 58px;
    width: 110px;
    line-height: 54px;
    text-align: center;
    margin-top: -1px;
    border-right: 1px solid #eee;
    border-top: 2px solid transparent;
    background-color: transparent;
    cursor: pointer;
}
.mall-detail-nav li.active {
    border-top: 2px solid #ff7e16;
    background-color: #fff;
}
.mall-detail-content {
    margin-top: 20px;
}
.mall-detail-content img{max-width:100%;}
.mall-detail-content .panel {
    display: none;
}
.mall-detail-tab.on .tb-head .tbh-createsite,
.mall-detail-tab.on .tb-head .tbh-preview {
    display: block;
}
/* 创建应用步骤条 */
.create-app-steps {
    height: 6px;
    margin-top: 100px;
    margin-bottom: 100px;
    background-color: #eee;
    width:90%;
    margin-left:auto;margin-right:auto;
}
.create-app-steps li {
    width: 33.3333333%;
    height: inherit;
    float: left;
}
.create-app-steps li .item {
    width: 7em;
    text-align: center;
    position: relative;
    top: -1.1em;
    margin: 0 auto;
}
.create-app-steps li .num {
    display: inline-block;
    font-size: 18px;
    width: 2em;
    height: 2em;
    line-height: 2;
    text-align: center;
    background-color: #eee;
    color: #999;
    border-radius: 50%;
}
.create-app-steps li .text {
    margin-top: 5px;
}
.create-app-steps li.done{
    background-color: #00c1eb;
}
.create-app-steps li.done .num {
    background-color: #00c1eb;
    color: #fff;
}
.create-app-steps li.done .text {
    color: #00c1eb;
}
.create-app-steps li.doing{
    background-color: #00c1eb;
}
.create-app-steps li.doing .num {
    background-color: #00c1eb;
    color: #fff;
}
.create-app-steps li.doing .text {
    color: #00c1eb;
}
.create-app-steps li:nth-child(1) .item{float:left; text-align:left; margin-left:-3px;}
.create-app-steps li:nth-child(1) .item .text{margin-left:-8px;}
.create-app-steps li:nth-child(3) .item{float:right; text-align:right; margin-right:-3px;}
.create-app-steps li:nth-child(3) .item .text{margin-right:-8px;}

.create-app-Con{}
.create-app-Box{margin:0 15%;}
.create-app-template{ text-align: left; font-size:16px;}
.create-app-template .text-number{border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; color:#999; font-size:14px; padding:5px 0; margin-bottom:3em;}
.create-app-template .form-info{background-color:#f2f2f2; padding:15px; font-size:14px; line-height:2; color:#999;}

.create-app-form{border:1px solid #e5e5e5; padding:40px 0 20px 0; position:relative;}
.create-app-form:before{content:""; position:absolute; top:20%; left:-16px; width:30px; height:30px; background-color:#fff; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; transform:rotate(45deg);}
.create-app-form .form-group:before,
.create-app-form .form-group:after{ content:" "; display:table; clear:both;}
.create-app-form .control-label {
    text-align: right;
    padding-top: 8px;
    font-size:16px;
}
.create-app-form .required{
    color: #e00;
    margin-right: .5em;
    font-style: normal;
}
.create-app-form .control-help {
    margin-left:25%; color: #aaa;
}
.create-app-form .ct {
    font-size: 16px;
    font-weight: bold;
}
.create-app-form .cm {
    display: inline-block;
    vertical-align: middle;
    background-color: #00c7ee;
    color: #fff;
    line-height: 1;
    padding: 6px 14px;
    border-radius: 13px;
    margin-right: 10px;
}
.create-app-form .cp {
    font-size: 28px;
    color: #ff7e16; 
}
.create-app-form .control-error .input-text{
    border-color: #e00;
}
.create-app-form .control-error .control-help {
    color: #e00;
}
.create-app-form .form-control .input-text{margin-bottom:5px; background-color:#f4f4f4; border:1px solid #e5e5e5;}
.create-app-Box .form-group .text-muted{color:#666;}
.create-app-Box .form-group .text-warning{font-size:26px;}
.create-app-Box .form-group .text-taocan{float:right; border:1px solid #dedede; padding:5px 10px; font-size:14px; border-radius:5px;}
.create-app-Box .form-group .text-taocan:hover{border-color:#00c1eb;}

@media screen and (max-width: 479px){
.create-app-Box{margin:0}
.create-app-form:before{display:none;}
.create-app-form .form-control .input-text{width:100%;}
}

/* 侧边工具栏 */
.side-tool {
    position: fixed;
    z-index: 999;
    right: 20px;
    bottom: 120px;
    font-size: 14px;
}
.side-tool > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.side-tool > ul > li {
    position: relative;
    margin-top: 5px;
}
.side-tool > ul > li .item {
    width: 4em;
    height: 4em;
    text-align: center;
    background-color: #999;
    color: #fff;
    cursor: pointer;
}
.side-tool > ul > li .item .fa {
    font-size: 1.5em;
    margin-top: .4em;
}
.side-tool > ul > li .item span{
    display: block;
    font-size: .8em;
}
.side-tool > ul > li:nth-child(1) .item{background-color:#dd7617;}
.side-tool > ul > li:nth-child(2) .item{background-color:#ff6158;}
.side-tool > ul > li:nth-child(3) .item{background-color:#4b80c2;}
.side-tool > ul > li:nth-child(4) .item{background-color:#ffc40c;}
.side-tool > ul > li:nth-child(5) .item{background-color:#5cca4d;}
.side-tool > ul > li .dropdown {
    position: absolute;
    top: 0;
    right: 6em;
    background-color: #fff;
    min-height: 4em;
    min-width: 10em;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.side-tool > ul > li .dropdown .sideshare{border:1px solid #eee;}
.side-tool > ul > li .dropdown:before {
    content: "";
    border-left: 6px solid #fff;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    position: absolute;
    right: -5px;
    top: 1.5em;
}
.side-tool > ul > li:hover .dropdown {
    right: 4em;
    visibility: visible;
    opacity: 1;
}
.side-tool .fd-back {
    height: 4em;
    border: 1px solid #eee;
    line-height: 1.9;
    padding-left: 1em;
}
.side-tool .service {
    border: 1px solid #eee;
    height: 4em;
    padding-top: 12px;
    text-align: center;
}
.side-tool .phone {
    border: 1px solid #eee;
    text-align: center;
    width: 14em;
    height: 4em;
    padding: .5em;
}
.side-tool .phone span  {
    font-size: 1.4em;
}
.side-tool .qrcode {
    border: 1px solid #eee;
}
.side-tool .bdsharebuttonbox {
    width: 18em;
    text-align: center;
}
.side-tool .bdsharebuttonbox a {
    margin-left: 1em;
}
.side-tool .totop {
    display: none;
}
@media screen and (max-width: 767px){
  .side-tool{ display: none;}
}

/* 分享 */
.sideshare {
    white-space: nowrap;
    padding: 5px 5px 0;
}
.sideshare a {
    cursor: pointer;
    display: inline-block;
}
.media-icon{
    display: block;
    width: 40px;
    height: 40px;
    background-image: url(../images/media-icons.jpg);
    background-repeat: no-repeat;
}
.media-weixin {
    background-position: 0 0;
}
.media-tsina {
    background-position: -40px 0;
}
.media-qzone {
    background-position: -80px 0;
}
.media-qqim {
    background-position: -120px 0;
}
.media-qqmb {
    background-position: -160px 0;
}


/* 2016-11-25 页面优化 */
@media screen and (max-width: 767px){
.index-section-3 .title{margin-top:40px;}
.index-section-4{text-align:center;}
.index-section-4 dt{margin-bottom:30px;}
.index-section-4 dd{width:130px; height:130px; display:inline-block; margin:0px 10px 30px 10px !important;}
.index-section-4 dd .circle{ background-size:100% 100%;}
.index-section-4 dd .icon{width:56px; height:45px; background-size:auto 45px; margin-top:20px;}
.index-section-4 .i2 .icon{background-position:-56px top;}
.index-section-4 .i3 .icon{background-position:-112px top;}
.index-section-4 .i4 .icon{background-position:-168px top;}
.index-section-4 dd div span{font-size:14px;}
.index-section-4 dd div span strong{display:block;}
.index-section-5 .title{margin-top:3em;}

.owl-index-wrap{margin-left:2%; margin-right:2px;}
.index-section-6,.index-section-7,.index-section-8{display:none;}
.footer .copyright,.footer p{display:none;}

.cd-btn-bar{display:none;}
.case-detail{margin-top:30px;}
.case-detail .cd-title{margin-bottom:25px;}
.case-detail .cd-desc{margin-bottom:15px;}
.case-detail .cd-btns .rw-one{display:none;}
.case-detail .cd-btns .rw{margin-top:15px;}
.case-detail .cd-section{margin-top:30px; padding:20px 0;}
.case-detail .cd-summary{padding-bottom:20px;}

.mall-detail-nav li{width:33.33333333%}
.mall-detail-nav li:last-child{border-right:0;}
.mall-detail-base .info{padding-left:0; padding-top:10px;}
.mall-detail-base .info .title{font-size:1.25rem;}
.mall-detail-base .info .intro{padding:0.5rem;}
.mall-detail-tab.on .tb-head .tbh-createsite,.mall-detail-tab.on .tb-head .tbh-preview{display: none;}

.create-app-steps{margin-top:50px; margin-bottom:60px;}
.create-app-Con{padding:10px;}
.create-app-template{font-size:14px;}
.create-app-form{margin-top:20px;}
}

@media screen and (max-width: 479px){
.sl_Search .showBox{display:none;}
.news_row1 .article{padding-bottom:15px; margin-bottom:15px;}
.news_row1 .article .info{padding-left:15px; margin-bottom:5px;}
.news_row1 .article .img img{width:100px;}
.news_row1 .article .title{font-size:16px; margin-bottom:5px; height:1em; overflow:hidden; line-height:1em;}
.news_row1 .article .attr{font-size:12px; margin-top:0.5em;}
.news_row1 .article .intro{font-size:12px; height:3em;}

.create-app-form{padding:0 15px;}
.create-app-form .control-help{margin-left:0;}
.create-app-form .control-label{text-align:left;}
}