/*网站建设website*/
.fl { float: left; }
.bor1 { border-bottom: solid 1px #ececec; }
.zq { font-size: 16px; line-height: 31px; }
.zq1 { height: 356px; overflow: hidden }
.zq2 { padding: 57px 0 0; height: 525px; overflow: hidden }
.zq1_w { width: 410px; padding: 8px 0 0 60px; }
.zq1_w h3 { font-size: 36px; line-height: 67px; }
.zq1_w li { height: 31px; line-height: 31px; background: url(../images/ico01.jpg) no-repeat 0 9px; padding-left: 34px; }
.zq1_p { width: 490px; }
.zq2_p { width: 552px; }
.zq2_w { width: 405px; line-height: 25px; }
.zq2_w h3 { padding: 107px 0 0; height: 97px; line-height: 45px; font-size: 20px; font-weight: normal; }
.zq2_w h3 em { font-style: normal; font-size: 36px; }
.zq2_w li { clear: both; padding-top: 5px; }
.zq2_w li span { width: 67px; float: left; }
.zq2_w li p { width: 288px; float: left; }
.h_gg { font-size: 23px; color: #898989; font-family: "微软雅黑"; }
.h_gg01 { height: 99px; padding: 0 65px; line-height: 99px; }
.gg01 { top: 32px; right: 76px; }
.h_gg02 { height: 126px; padding: 47px 50px 0; font-size: 24px; line-height: 42px; }
.h_gg02 b { display: block; font-weight: normal; font-size: 30px; }
.gg02 { top: 29px; right: 80px; }
.h_gg03 { padding: 54px 23px 0; height: 122px; line-height: 38px; font-size: 24px; }
.h_gg03 span { display: block; font-size: 28px; }
.gg03 { top: 68px; right: 46px; }
.h_gg04 { padding: 43px 50px 0; height: 115px; line-height: 38px; font-size: 22px; }
.h_gg04 span { font-size: 26px; color: #505050; display: block; }
.gg04 { top: 57px; right: 14px; }
.nl { height: 1114px; padding: 81px 0 0; line-height: 26px; font-size: 17px; }
.nl h2 { line-height: 33px; height: 74px; font-size: 22px; color: #505050; text-align: center; font-weight: normal; }
.nl h3 { background: url(../images/nltbg.jpg) no-repeat center 0; height: 87px; text-align: center; font-weight: normal; font-size: 40px; color: #505050; line-height: 70px; }
.nl h4 { height: 103px; }
.nl b { display: block; font-weight: normal; line-height: 52px; font-size: 30px; }
.nl p { width: 415px; }
.nl01 { height: 404px; padding: 54px 0 0; }
.nl02 { padding: 53px 0 0; }
.nl1_w { width: 453px; padding: 0 64px 0 0; }
.nl1_w h4 { padding: 39px 0 0; }
.nl1_w b { text-align: right; padding-right: 42px; }
.nl1_p { width: 443px; }
.nl2_w b, .nl2_w p { padding-left: 80px; }
.al { padding: 70px 0 0; height: 508px; }
.altil { background: url(../images/tilbg1.jpg) repeat-x 0 0; height: 69px; line-height: 38px; }
.altil li { float: left; font-size: 14px; border-left: solid 1px #fff; border-right: solid 1px #cfcfcf; height: 38px; }
.altil li.born { border-right: 0; }
.altil li a { line-height: 38px; display: inline-block; padding: 0 0 0 30px; color: #3e3e3e; }
.altil li a span { line-height: 38px; display: inline-block; padding: 0 30px 0 0; }
.altil li a:hover, .altil li a.cur { position: relative; color: #fff; background: url(../images/sd01.jpg) no-repeat 0 0; }
.altil li a:hover span, .altil li a.cur span { background: url(../images/sd02.jpg) no-repeat right 0; }
.altil li a:hover em, .altil li a.cur em { position: absolute; background: url(../images/ico02.jpg) no-repeat 0 0; top: 38px; left: 56px; width: 14px; height: 7px; display: block; }
.al_l { width: 476px; }
.al_l dl { height: 160px; overflow: hidden }
.al_l dt { width: 145px; padding: 12px 0 0; float: left; }
.al_l dt img { width: 132px; height: 97px; }
.al_l dd { width: 290px; line-height: 26px; font-size: 15px; float: left; }
.al_l dd h3 { height: 41px; line-height: 41px; border-bottom: dashed 1px #afafb2; font-size: 15px; }
.al_l dd p { height: 58px; padding: 5px 0 0; border-bottom: dashed 1px #afafb2; overflow: hidden; }
.al_l dd p span { font-size: 18px; display: block; }
.alt1 { height: 46px; line-height: 22px; border-bottom: dashed 1px #afafb2; width: 434px; }
.alt1 a { line-height: 22px; width: 90px; display: block; float: left; text-align: center; color: #fd700b; }
.alt1 a.all1 { margin-left: 44px; }
.alt1 a.cur { background: #b0b0b0; color: #fff; }
.alc1 { font-size: 13px; line-height: 24px; width: 434px; }
.alc1 h4 { height: 29px; line-height: 29px; border-bottom: dashed 1px #afafb2; font-size: 16px; font-weight: normal; margin-bottom: 7px; }
.alc1 h4 em { font-style: normal; font-size: 16px; color: #cdcdcd; font-family: Arial; }
.al_r { width: 442px; height: 256px; background: url(../images/alqh_picbg.jpg) no-repeat 0 0; padding: 18px 19px 46px; height: 330px; }
.al_r img { width: 424px; height: 240px; }
.shenqing { height: 258px; margin: 10px auto 0px; }
.shenqing h4 { height: 36px; line-height: 36px; font-size: 32px; color: #666; text-align: center; display: block; padding: 8px 0px; }
.shenqing_con { width: 958px; height: 206px; }
.shenqing_con ul li { width: 200px; height: 180px; float: left; background: url(../images/jzlc_arrow.png) no-repeat 200px center; padding: 0px 18px; }
.shenqing_con ul li.first { background: none; }
.shenqing_con ul li .shenqing_img { width: 90px; height: 90px; padding: 5px 60px; display: block; float: left; }
.shenqing_con ul li .shengqing_info { width: 180px; padding: 0px 10px; display: block; float: left; }
.shenqing_con ul li .shengqing_info h5 { font-size: 18px; color: #666; }
/*网站案例webshow*/
/* ---------- 介绍 ---------- */
.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/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 .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; }
/* ---------- 建站流程 ---------- */
.proc-tabs li b, .adv-items ul li b { background-image: url(../images/index_sprites.png); background-repeat: no-repeat; background-color: transparent; }
.index-cases { padding: 40px 0; }
.proc-tabs { padding: 15px 0 0; margin: 0 auto 35px; text-align: center; position: relative; }
.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; }
.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; }
.proc-tabs ul { padding: 0 0 0 100px; }
.proc-tabs li, .proc-tabs li a { display: inline-block; width: 140px; height: 90px; }
.proc-tabs li { text-align: center; padding: 0 20px; font-size: 14px; position: relative; float: left; }
.proc-tabs li, .proc-tabs li a {
*display:inline; color: #333; }
.proc-tabs li b { display: block; width: 50px; height: 50px; margin: 0 auto 6px; }
.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; }
.proc-tabs li span.name { display: block; }
.proc-tabs li a.proc-tab-1 b { background-position: 0 0; }
.proc-tabs li a.proc-tab-2 b { background-position: -50px 0; }
.proc-tabs li a.proc-tab-3 b { background-position: -100px 0; }
.proc-tabs li a.proc-tab-4 b { background-position: -150px 0; }
.proc-tabs li a.proc-tab-5 b { background-position: -200px 0; }
.proc-tabs li.current a.proc-tab-1 b, .proc-tabs li a.proc-tab-1:hover b { background-position: 0 -50px; }
.proc-tabs li.current a.proc-tab-2 b, .proc-tabs li a.proc-tab-2:hover b { background-position: -50px -50px; }
.proc-tabs li.current a.proc-tab-3 b, .proc-tabs li a.proc-tab-3:hover b { background-position: -100px -50px; }
.proc-tabs li.current a.proc-tab-4 b, .proc-tabs li a.proc-tab-4:hover b { background-position: -150px -50px; }
.proc-tabs li.current a.proc-tab-5 b, .proc-tabs li a.proc-tab-5:hover b { background-position: -200px -50px; }
.index-cases .tab-panel { }
/* ---------- 我们的优势 ---------- */
.index-adv { padding-bottom: 20px; }
.adv-items { width: 100%; position: relative; overflow: hidden; padding: 15px 0 0; }
.adv-items ul { width: 100%; }
.adv-items ul li { width: 245px; height: 105px; padding: 10px 0 0 85px; line-height: 25px; position: relative; float: left; }
.adv-items ul li b { display: block; width: 70px; height: 70px; position: absolute; left: 0; top: 20px; }
.adv-items ul li h4 { font-size: 16px; font-weight: normal; margin: 0 0 5px; }
.adv-items ul li h4, .adv-items ul li h4 a { color: #0b3f66; }
.adv-items ul li.hot h4, .adv-items ul li.hot h4 a { color: #00BBFF; }
.adv-items ul li.item-1 b { background-position: 0 -120px; }
.adv-items ul li.item-2 b { background-position: -70px -120px; }
.adv-items ul li.item-3 b { background-position: -140px -120px; }
.adv-items ul li.item-4 b { background-position: -210px -120px; }
.adv-items ul li.item-5 b { background-position: -280px -120px; }
.adv-items ul li.item-6 b { background-position: -350px -120px; }
.adv-items ul li.item-7 b { background-position: -420px -120px; }
.adv-items ul li.item-8 b { background-position: -490px -120px; }
.adv-items ul li.item-9 b { background-position: -560px -120px; }
.adv-items ul li.item-1:hover b { background-position: 0 -192px; }
.adv-items ul li.item-2:hover b { background-position: -70px -192px; }
.adv-items ul li.item-3:hover b { background-position: -140px -192px; }
.adv-items ul li.item-4:hover b { background-position: -210px -192px; }
.adv-items ul li.item-5:hover b { background-position: -280px -192px; }
.adv-items ul li.item-6:hover b { background-position: -350px -192px; }
.adv-items ul li.item-7:hover b { background-position: -420px -192px; }
.adv-items ul li.item-8:hover b { background-position: -490px -192px; }
.adv-items ul li.item-9:hover b { background-position: -560px -192px; }
.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); }
/* 布局 */
.layout, .nav { width: 1000px; margin: 0 auto; }
.disabled { display: none; }
.z9999 { z-index: 9999; position: relative; }
.banner_01_bg { filter: alpha(opacity=35); -moz-opacity: 0.35; -khtml-opacity: 0.35; opacity: 0.35; }
.banner_03_bg { filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }
/* 清除浮动 */
.clearfix:after, .layout:after, .topr ul:after, .nav:after, .sub-menu-b:after, .slide-banners .slides:after, .scheme-intro:after, .ft-blog-item:after, .case-item:after, .scheme-items ul:after, .customer-items ul:after, .case-list ul:after, .templet-list:after, .design-list ul:after, .shop-pop:after, .app-list-items ul:after, .textwidget ul li:after { content: ""; display: block; clear: both; visibility: hidden; height: 0; }
* html .clearfix, * html .layout, * html .topr ul, * html .nav, * html .sub-menu-b, * html .slide-banners .slides, * html .scheme-intro, * html .ft-blog-item, * html .case-item, * html .scheme-items ul, * html .customer-items ul, * html .case-list ul, * html .templet-list, * html .design-list ul, * html .shop-pop, * html .app-list-items ul { display: inline-block; }
* +html .clearfix, * +html .layout, * +html .topr ul, * +html .nav, * +html .sub-menu-b, * +html .scheme-intro, * +html .ft-blog-item, * +html .case-item, * +html .scheme-items ul, * +html .customer-items ul, * +html .case-list ul, * +html .templet-list, * +html .design-list ul, * +html .shop-pop, * +html .app-list-items ul { display: inline-block; }
/* 小图 */
.header .ico-notice, .head-hotline .ico-tel, .nav-bar li ul.sub-menu li a, .index-sv-items .sv-item b, * +html .slide-banners .slides, .owl-prev, .owl-next, .case-item .video-btn b, .foot-item .txtlist li, .case-item .ico-company, .case-item .ico-link, .case-item .ico-time, .case-item .ico-email, .case-item .ico-rank, .foot-blog .active span, .hd-arrow, .aside .txtlist li, .aside .widget-menu ul li, .textwidget ul li, .about-banner-wrap .owl-prev, .about-banner-wrap .owl-next, .gotop, .side-service .btn-trigger { background-image: url(../images/sprites.png); background-repeat: no-repeat; background-color: transparent; }
/* 动画 */
.sys-item .btn-view, .sys-item .name, .case-item .video-btn, .customer-items .img-info, .flex-direction-nav, .templet-list li .img:before, .templet-list li .img, .templet-list li a, .design-list li .design-img, .shop-pop, .shop-pop .btn-go, .app-list-items li a, .app-list-wrap .btn-app-more, .app-list-wrap .btn-app-more b, .gotop, .serve-list ul li, .case-small-imgs .img-item .ico-zoom { -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; }
.nav-bar li ul li, .mask-bg, .mask-bg:before, .img-hover-btn, .scheme-item .btn-more, .btn-bar .btn-blue, .jquery-lightbox-button-close, .jquery-lightbox-button-left, .jquery-lightbox-button-right, .slide-banners .flex-prev, .slide-banners .flex-next, .about-banner-wrap .owl-prev, .about-banner-wrap .owl-next, .history-foot .site-name, .jquery-lightbox-button-close span { -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; }
/* 标题栏 */
.index-tit-bar { width: 100%; position: relative; margin: 0 auto 30px; line-height: 1.4; text-align: center; }
.index-tit-bar .title, .index-tit-bar .title a { color: #005fab; }
.index-tit-bar .title { display: inline-block; font-size: 30px; padding: 0 0 12px; *border-bottom:2px solid #1cade2;
position: relative; }
.index-tit-bar .title { *display:inline;
}
.index-tit-bar .title:before { content: ""; display: block; width: 90px; height: 2px; background: #1cade2; position: absolute; left: 50%; margin-left: -45px; bottom: 0; }
.index-tit-bar .title-desc { display: block; padding: 15px 0 0; }
.sub-title { font-size: 26px; margin: 20px auto 30px; text-align: center; color: #09a8e3; }
.sub-title em { color: #f00; }
/* 通栏版块 */
.sys-preview, .cases-show, .price-scheme, .partner-section, .customer-section, .templet-wrapper .section, .price-wrapper .section, .index-cases, .index-proc, .index-adv { width: 100%; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 0 auto -1px; padding: 40px 0; position: relative; }
.sys-preview, .customer-section, .templet-wrapper .section { background: #f9f9f9; }
.hd-arrow { display: block; width: 26px; height: 14px; position: absolute; left: 50%; margin-left: -13px; top: -1px; background-position: -150px -83px; }
.hd-arrow-white { background-position: -150px -83px!important; }
.cases-show .hd-arrow, .price-scheme .hd-arrow { background-position: -177px -83px; }
.hd-arrow-gray { background-position: -203px -83px; }
/* 案例列表 */
.case-list { width: 100%; position: relative; overflow: hidden; }
.case-list ul { }
.case-list li { width: 33.3%; _margin-right: -1px; float: left; padding: 10px 0 30px; text-align:center; }
.case-list li a, .case-list li a img { display: block; width: 305px; height: 245px; }
.case-list li a { position: relative; margin: 0 auto; color: #fff; border: 1px solid #ccc; padding: 1px; border-radius: 5px 5px 3px 3px; overflow: hidden; box-shadow: 0 0 5px rgba(0,0,0,0.2); }
.case-list li span.name { display: block; width: 305px; *background:#000;
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#c8000000, endColorStr=#c8000000);
background: rgba(0,0,0,0.8); line-height: 32px; position: absolute; left: 1px; bottom: 1px; font-size: 14px; z-index: 1000; }
.case-list li a:hover.img-hover-btn { margin-top: -49px; }
/* 图片hover */
.img-with-mask { display: block; width: 100%; position: relative; }
.img-with-mask .mask-bg, .case-small-imgs .mask-bg, .case-list .mask-bg { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #000; opacity: 0; filter: alpha(opacity=0); }
.img-with-mask .mask-bg, .case-small-imgs .mask-bg, .case-list .mask-bg { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #000; opacity: 0; filter: alpha(opacity=0); }
.img-with-mask:hover .mask-bg, .case-small-imgs a:hover .mask-bg, .case-list a:hover .mask-bg { opacity: 0.4; filter: alpha(opacity=40) }
.img-with-mask:hover .mask-bg, .case-small-imgs a:hover .mask-bg, .case-list a:hover .mask-bg { *opacity:0.4;
*filter:alpha(opacity=40);
}
.img-hover-btn { display: block; width: 106px; height: 34px; line-height: 34px; background: #00a0ea; background: rgba(0,160,234,0.85); color: #fff; text-align: center; position: absolute; left: 50%; margin-left: -53px; margin-top: -17px; z-index: 999; opacity: 0; filter: alpha(opacity=0); top: 35%; font-size: 14px; }
a:hover .img-hover-btn { top: 50%; opacity: 1; filter: alpha(opacity=100); }
.img-hover-btn:hover { background: #0c7ad3; }
/* 交互 */
.progress li b, .slide-photo .flex-prev, .slide-photo .flex-next { -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; }
.features-panel dd { -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; }
.features-panel, .features-panel dd { display: block; width: 642px; height: 642px; }
.features-panel dd { background: url(../images/feature_panel.png) 0 0 no-repeat; position: relative; z-index: 333; }
.features-panel { float: left; position: relative; }
.features-panel dd:hover { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.features-panel dt { display: block; width: 160px; height: 76px; background: url(../images/title.gif) 0 -390px no-repeat; position: absolute; left: 50%; margin-left: -80px; top: 50%; margin-top: -38px; }
.feature-side { width: 313px; float: right; padding: 80px 0 0; }
.feature-side li { height: 78px; text-indent: -9999em; overflow: hidden; background-image: url(../images/feature_text.png); background-repeat: no-repeat; }
.feature-side li.txt-1 { background-position: 0 0; }
.feature-side li.txt-2 { background-position: 0 -78px; }
.feature-side li.txt-3 { background-position: 0 -157px; }
.feature-side li.txt-4 { background-position: 0 -237px; }
.feature-side li.txt-5 { background-position: 0 -313px; }
.feature-side li.txt-6 { background-position: 0 -390px; }
.feature-side li.txt-7 { background-position: 0 -478px; }
.feature-side li.txt-1:hover { background-position: -313px 0; }
.feature-side li.txt-2:hover { background-position: -313px -78px; }
.feature-side li.txt-3:hover { background-position: -313px -157px; }
.feature-side li.txt-4:hover { background-position: -313px -237px; }
.feature-side li.txt-5:hover { background-position: -313px -313px; }
.feature-side li.txt-6:hover { background-position: -313px -390px; }
.feature-side li.txt-7:hover { background-position: -313px -478px; }