﻿@charset "utf-8";
/* CSS Document */

/* banner*/
.i-ban{ width:100%; height:auto; display:block; position:relative; z-index:1; }
.in-banner{ width:100%; height:640px; overflow:hidden; position:relative; z-index:1; }
.inbanul{ width:100%; height:auto; text-align:center; }
.inbanul li{ width:100%; height:640px; position:relative; z-index:1; }
.inbanlimid{ max-width:1200px; height:100%; margin:0 auto; position:relative; z-index:1; }

.inban0li_head{ position:absolute; z-index:1; left:3.3%; bottom:0px; }
.inban0li_rig{ position:absolute; z-index:1; top:30.2%; left:53.4%; line-height:57px; font-size:33px; color:#fff; text-align:left; }
.inban0li_rig h2{ line-height:85px; font-size:62px; font-weight:normal; }
.inban0li_rig2{ position:absolute; z-index:1; top:55.8%; left:53.4%; }
.inbanlizd{ height:51px; line-height:51px; text-align:center; color:#fff; font-size:20px; display:block; position:absolute; z-index:1; top:0px; }
.inbanlizc{ width:146px; left:0px; background:url(../images/inbanlizc_bg.png) no-repeat; }
.inbanlidl{ width:166px; left:166px; background:url(../images/inbanlidl_bg.png) no-repeat; }
.inbanlizd:hover{ opacity:0.9; }

.inbanli_head{ position:absolute; z-index:1; left:3.3%; bottom:0px; }
.inbanli_rig{ position:absolute; z-index:1; top:30.2%; left:53.4%; line-height:57px; font-size:33px; color:#fff; text-align:left; }
.inbanli_rig h2{ line-height:85px; font-size:62px; font-weight:normal; }
.inbanli_rig2{ position:absolute; z-index:1; top:55.8%; left:53.4%; }


/* index news*/
.in-new{ width:100%; height:70px; background:url(../images/in-new_bg.png); position:absolute; z-index:2; left:0px; bottom:0px; }
.in-newmid{ max-width:1200px; height:auto; margin:0 auto; }
.innewsico{ width:49px; height:70px; float:left; background:url(../images/innewsicobg1_1.png) no-repeat 6px center; }
.in-newmid h2{ font-weight:normal; line-height:70px; font-size:14px; color:#fff; float:left; }
#div1{ width:465px; height:42px; margin-top:14px; float:left; margin-left:7px; overflow:hidden; }
#div1 li{ width:465px; height:42px; line-height:42px; }
#div1 li a{ color:#fff; }
#div1 li a:hover{ color:#fff; text-decoration:underline; }

/* index*/
.in-box1{ width:100%; height:auto; background:url(../images/in-box1_bg.jpg) no-repeat center bottom #f0f5f8; }
.in-box1mid{ max-width:1200px; height:auto; margin:0 auto; }
.in-boxall h1,.in-boxall h2{ font-weight:normal; width:100%; text-align:center; }
.in-boxall h1{ line-height:52px; font-size:35px; color:#07518e; }
.in-boxall h2{ line-height:28px; font-size:14px; color:#3b3b3b; }

.in-box1ul{ width:100%; height:auto; display:block; }
.in-box1ul .li_01{ width:33.333333%; height:421px; overflow:hidden; float:left; margin-top:10px; position:relative; z-index:2; }
.in-box1ul .aitem{ width:100%; height:100%; display:block; position:absolute; z-index:2; left:0px; top:0px; right:0px; bottom:0px; cursor:pointer; }
.in-box1dl{ width:100%; height:421px; display:block; position:relative; z-index:1; }
.in-box1dl .dt_01{ width:100%; height:100%; display:block; }
.in-box1dl .dd_all{ width:100%; padding:14px 0px 15px 0px; height:55px; position:absolute; z-index:1; left:0px; color:#fff; text-align:left; }
.in-box1dl .dd_all h1,.in-box1dl .dd_all h2{ font-weight:normal; padding-left:23px; color:#fff; text-align:left; }
.in-box1dl .dd_all h1{ font-size:25px; line-height:32px; }
.in-box1dl .dd_all h2{ font-size:15px; line-height:23px; }
.in-box1dl .dd_01{ background:url(../images/in-box1dl_dd01_bg.jpg) no-repeat; bottom:0px; }
.in-box1dl .dd_02{ background:url(../images/in-box1dl_dd02_bg.jpg) no-repeat; top:0px; }
.in-box1dl .dd_03{ background:url(../images/in-box1dl_dd03_bg.jpg) no-repeat; bottom:0px; }
.in-box1ul .li_01 .dt_01 img{ transition:ease-in-out 2s; -webkit-transition:ease-in-out 2s; -moz-transition:ease-in-out 2s; -o-transition:ease-in-out 2s; }
.in-box1ul .li_01:hover .dt_01 img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); }

.in-box2{ width:100%; height:620px; background:url(../images/in-box2_bg.jpg) no-repeat center center; }
.uldiv{ max-width:1212px; padding-left:63px; padding-right:63px; height:413px; position:relative; text-align:center; margin:0 auto; z-index:3; }
.uldiv a.abtn{ display:block; width:33px; height:66px; position:absolute; z-index:3;  overflow:hidden; text-indent:-999em; outline:none;}
.uldiv a.aleft{ top:158px; left:0px;  background:url(../images/aleft_bg.png) no-repeat;}
.uldiv a:hover.aleft{ background:url(../images/agrayleft_bg.png) no-repeat; }
.uldiv a.agrayleft,.uldiv a:hover.agrayleft{cursor:default; background:url(../images/aleft_bg.png) no-repeat; }
.uldiv a.aright{ top:158px; right:0px; background:url(../images/aright_bg.png) no-repeat right top; }
.uldiv a:hover.aright{ background:url(../images/agrayright_bg.png) no-repeat right top;}
.uldiv a.agrayright,.uldiv a:hover.agrayright{cursor:default; background:url(../images/aright_bg.png) no-repeat right top;}
.scrollcontainer{ width:1200px; height:413px; float:left; overflow:hidden;position:relative; z-index:2; }
.scrollcontainer ul{width:20000px;position:absolute;left:0px;top:0px; z-index:2;}
.scrollcontainer li{width:305px; height:413px; float:left; /*padding-left:35px;  margin-left:10px;*/ }
.gzbtn{background:url(../images/btngz.gif) no-repeat;margin:0 auto;width:100px;height:30px;display:block; border:none;text-indent:-999em;}
.incptj_dl{ width:285px; height:413px; float:left; margin:0px 10px; position:relative; z-index:1; }
.incptj_dl .dt_01{ padding:0px 24px; height:381px; background:url(../images/incptj_dl_dtbg.png); line-height:20px; font-size:14px; }
.incptj_dl .dd_01{ width:100%; height:65px; line-height:65px; text-align:center; color:#fff; font-size:18px; display:none; position:absolute; z-index:1; left:0px; bottom:0px; background:#07518e; }
.incptj_dl .dd_01 a{ width:100%; height:65px; color:#fff; display:block; }
.incptj_dl:hover .dd_01{ display:block; }
.inbox2ico{ width:100%; height:170px; text-align:center; overflow:hidden; }
.incptj_dl .dt_01 h2{ font-size:25px; line-height:48px; color:#07518e; }

.in-box3l{ width:587px; height:auto; float:left; font-size:12.5px; color:#888888; line-height:20px; }
.w252{ width:252px; }
.in-box3l .p1{ line-height:30px; font-size:16px; color:#222222; }
.in-box3minl{ padding-top:3px; width:100%; border-top:1px solid #e1e2e3; }
.in-box3minl dl{ width:100%; height:30px; line-height:30px; font-size:12.5px; color:#969696; }
.in-box3minl dl dt{ width:175px; float:left; }
.in-box3minl dl dt a{ padding-left:12px; font-size:12.5px; color:#222222; background:url(../images/in-box3minl_dldtabg.png) no-repeat left center; }
.in-box3minl dl dt a:hover{ text-decoration:underline; }
.in-box3minl dl dd{ width:77px; height:auto; float:right; text-align:right; }

.inbox3cor1{ color:#969696; }
.inbox3new{ width:322px; float:right; }
.inbox3newdl{ width:100%; height:auto; margin-bottom:16px; display:inline-block; }
.inbox3newdl dt{ width:120px; height:81px; display:block; float:left; }
.inbox3newdl dd{ width:193px; height:auto; line-height:19px; color:#888888; font-size:12px; float:right; }
.inbox3newdl dd .pbt{ line-height:34px; font-size:14px; color:#222222; }
.inbox3newdl dd .spanico{ padding:0px 3px 0px 4px; height:17px; line-height:17px; display:inline-block; background:#888888; color:#fff; font-size:12px; }

.in-box3r{ width:592px; height:auto; float:right; }
.in-box3rsp{ width:586px; height:364px; padding:2px; background:#fff; border:1px solid #dddddd; display:inline-block; margin-top:5px; }

/* index 视频弹出窗口*/
.winhei{ width:100%; height:100%; background:url(../images/winhei_bg.png); position:fixed; z-index:1004; left:0px; top:0px; right:0px; bottom:0px; display:none; }
.in-tansp{ width:855px; height:479px; padding:10px; background:#fff; position:fixed; z-index:1005; left:0px; top:0px; display:none; }
.in-tancolse{ width:27px; height:27px; display:block; position:absolute; z-index:1005; right:-15px; top:-15px; }

.in-box4{ width:100%; height:auto; background:#f0f5f8; }
.in-box4mid{ max-width:1216px; height:auto; display:block; margin:0 auto;}
.in-box4ul{ width:100%; height:auto; display:block; }
.in-box4ul .li_01{ width:25%; height:124px; float:left; margin-top:15px; }
.in-box4div{ width:287px; height:124px; margin:0px 13px 0px 14px; display:block; position:relative; z-index:1; overflow:hidden; }
.in-box4div .in-secimg{ position:absolute; z-index:1; left:0px; top:0px; display:none; }
.in-box4a{ width:100%; padding-top:12px; text-align:center; height:112px; display:none; background:url(../images/in-box4a_bg.png); position:absolute; z-index:1; left:0px; top:0px; }
/*.in-box4div .in-secimg{ transition:ease-in-out 2s; -webkit-transition:ease-in-out 2s; -moz-transition:ease-in-out 2s; -o-transition:ease-in-out 2s; }
.in-box4div:hover .in-secimg{ transform:scale(1.5); -webkit-transform:scale(1.5); -moz-transform:scale(1.5); -o-transform:scale(1.5); }*/
.in-box4ul .li_01 .in-secimg{ transition:ease-in-out 2s; -webkit-transition:ease-in-out 2s; -moz-transition:ease-in-out 2s; -o-transition:ease-in-out 2s; }
.in-box4ul .li_01:hover .in-secimg{ transform:scale(1.5); -webkit-transform:scale(1.5); -moz-transform:scale(1.5); -o-transform:scale(1.5); }

/* 诚聘英才*/
.cpyc_banner{ width:100%; height:305px; overflow:hidden; margin:0 auto; position:relative; z-index:1; }
.cpyc_bq{ width:437px; height:75px; line-height:69px; text-align:center; font-size:14px; position:absolute; z-index:1; top:50%; left:50%; margin-left:-218px; margin-top:-37px; display:block; }
.cpyc_bq .bt{ width:157px; height:36px; line-height:36px; text-align:center; margin:-18px auto; font-size:36px; display:block; }
.cpyc_bq1{ color:#291f1d; background:url(../images/cpyc_bq1_bg.png) no-repeat; }
.cpyc_bq1 .bt{ color:#271d1b; }

.cpyc_main{ max-width:1200px; height:auto; margin:0 auto; }
.cpyc_l{ width:250px; height:auto; float:left; }
.cpyc_lul{ width:247px; height:auto; margin:-14px 0px 0px 3px; display:block; }
.cpyc_lul .li_01{ height:auto; display:block; }
.cpyc_lul .li_01 .fstitem{ height:40px; line-height:40px; padding-left:9px; font-size:14px; color:#07518e; background:url(../images/cpyc_lul_fstitembg1_1.png) no-repeat left center; }
.cpyc_lul .li_01:hover .fstitem,.cpyc_lul .check .fstitem{ color:#ff8621; background:url(../images/cpyc_lul_fstitembg1_2.png) no-repeat left center; }

.cpyc_r{ padding:0px 13px 0px 47px; border-left:1px solid #e2e2e2; width:888px; float:right; font-size:14px; color:#666666; line-height:30px; }
.cpyc_r h1{ line-height:27px; font-size:25px; color:#303030; font-weight:normal; }
.cpyc_r .p1{ padding-left:35px; line-height:51px; color:#ff8621; background:url(../images/cpyc_r_p1bg.png) no-repeat left center; } 
.cpyc_r .p2{ line-height:40px; font-size:20px; color:#343434; }
.cpyc_r .p3{ line-height:40px; font-size:18px; color:#07518e; }
.cpyc_r .p4{ line-height:32px; font-size:16px; color:#343434; }


/* 新闻中心_详情页*/
.cpyc_bq2{ color:#fff; background:url(../images/cpyc_bq2_bg.png) no-repeat; }
.cpyc_bq2 .bt{ color:#fff; }

.news_xqagtiv{ max-width:1200px; height:auto; margin:0 auto; line-height:26px; font-size:14px; color:#3a3a3a; }
.news_xqagtiv .navgat{ color:#3a3a3a; }
.news_xqagtiv .navgat:hover{ color:#618fb7; text-decoration:underline; }
.news_xqagtiv .lico{ width:21px; height:26px; float:left; }
.news_xqagtiv .lico1{ background:url(../images/news_xqagtiv_lico1_1.png) no-repeat 2px center; } 
.news_xqybox1{ max-width:1130px; height:auto; margin:0 auto; } 

.news_xqycor1{ color:#3d77a8;}
.news_xqycor2{ color:#9d9c9c;}
.news_xqycor3{ color:#2f2f2f;}
.news_xqymax{ width:100%; height:auto; display:block; margin:0 auto; color:#757575; line-height:29px; font-size:14px; /*font-family:"宋体";*/ }
.news_xqymax .p1{ width:100%;  height:30px; line-height:30px; font-size:14px; font-family:"微软雅黑"; }
.news_xqymax .p1 a{ color:#07518e; }
.news_xqymax .p1 a:hover{ text-decoration:underline;}
.news_xqybt { width:100%; margin:0 auto; /*border-bottom:1px dashed #cacaca;*/ text-align:center; line-height:34px; color:#9d9c9c; font-size:14px; }
.news_xqybt a{ color:#9d9c9c; }
.news_xqybt a:hover{ color:#d02127;}


/* 新闻中心*/
.news_main{ max-width:1216px; height:auto; display:block; margin:0 auto; }
.box{ position:relative; float:left; }
.content{ margin:0px 9px 20px 8px; width:287px; border-bottom:3px solid #e5e5e5; background:#fff;/* position:absolute;*/ }
.content .dt01{ width:100%; height:193px; overflow:hidden; padding-bottom:17px; }
.content .dd01{ padding:0px 20px; font-size:14px; color:#616161; line-height:22px; }
.content .dd01 .p1,.content .dd01 .p1 a{ font-size:18px; color:#000; line-height:24px; }
.content .dd01 .p2 a{ color:#07518e; font-size:14px; }
.content .dd01 .p2 a:hover{ text-decoration:underline; }

/* 经典案例*/
.jdal_main{ width:100%; height:738px; overflow:hidden; text-align:center; background:url(../images/jdal_main_bg1.jpg) no-repeat center top; }
.jdal_mid{ max-width:1200px; height:auto; margin:0 auto; }
.jdal_l{ width:255px; height:auto; float:left; } 
.jdal_host{ width:100%; height:121px; padding-top:47px; line-height:21px; color:#fff; background:url(../images/jdal_host_bg.png); }
.jdal_host h1,.jdal_host h2{ font-weight:normal; }
.jdal_host h1{ line-height:37px; font-size:30px; }
.jdal_host h2{ line-height:21px; font-size:15px; font-family:Arial; text-transform:uppercase; }

.jdal_lul{ width:100%; height:auto; display:block; }
.jdal_lul .li_01{ width:100%; height:auto; display:block; margin-top:10px; background:url(../images/jdal_host_bg.png); }
.jdal_lul .li_01 .fstaitem{ width:100%; height:49px; line-height:49px; text-align:center; font-size:16px; display:block; color:#fff; text-transform:uppercase; }
.jdal_lul .li_01:hover .fstaitem,.jdal_lul .check .fstaitem{ color:#ff8621; background:url(../images/jdal_lul_checkabg.png); }

.jdal_iphone{ width:202px; height:367px; display:block; float:left; padding:59px 24px 68px 23px;}
.jdal_iphone1{ margin:117px 41px 0px 111px; background:url(../images/jdal_iphoneul_bg1.png) no-repeat; }
.jdal_iphone2{ margin:117px 0px 0px 0px;  background:url(../images/jdal_iphoneul_bg2.png) no-repeat; }

.jdal_iphoneul{ width:100%; height:334px; overflow:hidden; }
.jdal_iphoneul li{ width:100%; height:334px; display:none; }

.jdal_r{ width:241px; height:auto; float:right; margin-top:136px; }
.jdal_rnr{ width:100%; height:auto; text-align:center; background:url(../images/jdal_rnr_bg.png); }
.jdal_rlogo{ width:100%; height:93px; display:block; text-align:center; overflow:hidden; }
.jdal_rlogo li{ width:100%; height:auto; display:block; }
.jdal_rnr .pbt{ width:100%; font-size:16px; color:#000; line-height:32px; text-align:center; }
.jdal_rnr .p2{ width:100%; font-size:14px; line-height:29px; color:#6f6f6f; text-align:center; }

.jdal_rewm{ width:108px; height:108px; display:block; margin:0 auto; overflow:hidden; }
.jdal_rewm li{ width:100%; height:100%; display:block; }

.jdal_bot{ padding:0px 10px; display:block; position:relative; z-index:1; }
.jdal_botLR{ width:10px; height:18px; display:block; position:absolute; z-index:1; top:0px; }
.jdal_botL{ left:0px; background:url(../images/jdal_botL_bg1_1.png) no-repeat left center; }
.jdal_botR{ right:0px; background:url(../images/jdal_botR_bt1_1.png) no-repeat right center; }
.jdal_botmid{ width:100%; height:18px; }
.jdal_botmid li{ width:36px; height:18px; line-height:18px; float:left; text-align:center; }
.jdal_botmid li a{ display:block; width:100%; height:100%; background:url(../images/jdal_botmid_lia_bg1_1.png) no-repeat center center; }
.jdal_botmid li.check a{ background:url(../images/jdal_botmid_lia_bg1_2.png) no-repeat center center; }

/* 经典案例_pc网站案例*/
.jdal_pc{ width:491px; height:273px; display:block; float:left; padding:21px 21px 146px 21px; margin:127px 61px 0px 109px; }
.jdal_pc1{ background:url(../images/jdal_pc1_bg.png) no-repeat; }
.jdal_pc1ul{ width:100%; height:273px; overflow:hidden; }
.jdal_pc1ul li{ width:100%; height:334px; display:none; }

/* 招商加盟*/
.zsjm_ban{ width:100%; height:450px; overflow:hidden; background:url(../images/zsjm_ban_bg1.jpg) no-repeat center top; }
.zsjm_banmid{ max-width:1200px; height:auto; margin:0 auto; }
.zsjm_banrig{ float:right; margin:110px 63px 0px 0px; display:block; }
.zsjm_banbtn1{ width:178px; height:50px; line-height:50px; text-align:center; font-family:"微软雅黑"; cursor:pointer; border-style:none; font-size:20px; display:block; background:#3396d1; color:#fff; border-radius:3px; }
.zsjm_bt{ font-size:30px; width:100%; line-height:79px; text-align:center; color:#748593; }
.zsjm_box1{ max-width:1220px; height:auto; margin:0 auto; }
.zsjm_box1 ul{ width:100%; height:auto; display:block; }
.zsjm_box1 ul li{ width:50%; height:153px; float:left; margin-top:20px; }
.zsjm_box1 ul li dl{ height:151px; border:1px solid #d9d9d9; border-radius:3px; margin:0px 10px; }
.zsjm_box1 ul li dl dt{ width:99px; float:left; margin-top:26px; margin-left:19px; }
.zsjm_box1 ul li dl dd{ width:415px; font-size:14px; line-height:24px; color:#929292; float:right; margin-top:15px; margin-right:36px; }
.zsjm_box1 h2{ line-height:48px; font-size:25px; color:#5d5d5d; font-weight:normal; }

.zsjm_box2{ width:100%; height:414px; overflow:hidden; background:url(../images/zsjm_box2_bg1.jpg) no-repeat center top; }
.zsjm_box2m{ max-width:1223px; height:auto; margin:0 auto; }
.zsjm_box2m h1,.zsjm_box2m h2{ font-weight:normal; width:100%; text-align:center; color:#fff; }
.zsjm_box2m h1{ line-height:51px; font-size:30px; }
.zsjm_box2m h2{ line-height:36px; font-size:14px; }
.zsjm_box2ul{ width:100%; display:block; }
.zsjm_box2ul li{ width:222px; height:185px; float:left; margin:34px 11px 0px 11px; }
.zsjm_box2ul li.bg1{ background:url(../images/zsjm_box2ul_libg1_1.png) no-repeat; }
.zsjm_box2ul li.bg2{ background:url(../images/zsjm_box2ul_libg2_1.png) no-repeat; }
.zsjm_box2ul li.bg3{ background:url(../images/zsjm_box2ul_libg3_1.png) no-repeat; }
.zsjm_box2ul li.bg4{ background:url(../images/zsjm_box2ul_libg4_1.png) no-repeat; }
.zsjm_box2ul li.bg5{ background:url(../images/zsjm_box2ul_libg5_1.png) no-repeat; }
.zsjm_box2ul li .ico{ width:100%; padding-top:24px; height:111px; display:block; }
.zsjm_box2ul li .ico1{ background:url(../images/zsjm_box2ul_liico1_1.png) no-repeat center 24px; }
.zsjm_box2ul li .ico2{ background:url(../images/zsjm_box2ul_liico2_1.png) no-repeat center 24px; }
.zsjm_box2ul li .ico3{ background:url(../images/zsjm_box2ul_liico3_1.png) no-repeat center 24px; }
.zsjm_box2ul li .ico4{ background:url(../images/zsjm_box2ul_liico4_1.png) no-repeat center 24px; }
.zsjm_box2ul li .ico5{ background:url(../images/zsjm_box2ul_liico5_1.png) no-repeat center 24px; }
.zsjm_box2ul li .p1{ width:100%; text-align:center; line-height:23px; font-size:16px; color:#3c3c3c; }
.zsjm_box2ul li .p2{ width:100%; text-align:center; line-height:21px; font-size:14px; color:#07518e; }

.zsjm_box3m{ max-width:593px; height:auto; margin:0 auto; color:#757575; }
.zsjm_box3p{ border-radius:5px; padding-left:17px; display:block; border:1px solid #d7d7d7; }
.h51{ height:51px; }
.h126{ height:126px; }
.w574{ width:574px; }
.zsjm_box3txt{ width:100%; line-height:51px; border-style:none; border-radius:5px; background:none; font-family:"微软雅黑"; font-size:17px; color:#222; }
.zsjm_box3xz2{ float:left; width:190px; font-size:17px; color:#505050; font-family:"微软雅黑"; }
.zsjm_btn1{ width:100%; height:52px; line-height:52px; text-align:center; cursor:pointer; display:block; border-style:none; background:#748593; font-family:"微软雅黑"; font-size:17px; color:#fff; }

/* 关于优博*/
.abouts_cor1{ color:#07518e; }
.abouts_box1{ max-width:1200px; height:auto; text-align:center; margin:0 auto; }
.abouts_box2{ width:100%; height:807px; margin:0 auto; background:url(../images/abouts_box2bg.jpg) no-repeat center center; }
.abouts_tdbt{ width:1177px; height:auto; padding-top:27px; padding-left:23px; margin:0 auto; position:relative; z-index:1; font-size:15px; line-height:33px; color:#666666; }
.abouts_tdbt .ico1{ width:53px; height:59px; display:block; position:absolute; z-index:1; top:0px; left:0px; background:url(../images/abouts_tdbt_ico1.png) no-repeat; } 
.abouts_mid{ max-width:1200px; height:auto; display:block; margin:0 auto; position:relative; }
.abouts_pic{ position:absolute; z-index:1; }
.abouts_pic1{ width:359px; height:504px; left:0px; top:0px; }
.abouts_pic2{ width:314px; height:195px; left:369px; top:0px; }
.abouts_pic3{ width:300px; height:195px; left:693px; top:0px; }
.abouts_pic4{ padding-top:105px; height:243px; width:198px; text-align:center; color:#fff; left:1004px; top:0px; color:#fff; background:#07518e; }
.abouts_pic5{ width:244px; height:299px; left:369px; top:205px; }
.abouts_pic6{ width:370px; height:299px; left:623px; top:205px; }
.abouts_pic7{ width:197px; height:144px; left:1004px; top:360px; }

.abouts_box3m{ max-width:1155px; height:inherit; margin:0 auto; }
.abouts_box3m h2{ width:100%; text-align:center; line-height:89px; font-size:40px; color:#303030; font-family:"宋体"; }
.abouts_box3ul{ width:100%; height:auto; display:block; }
.abouts_box3ul li{ width:33.333333%; height:318px; display:block; float:left; }
.abouts_box3ul dl{ padding:0px 89px; display:block; }
.abouts_box3ul dl dt{ position:relative; z-index:1; width:207px; height:207px; background:#07518e; }
.abouts_box3ul dl dt .aitem{ background:url(../images/abouts_box3ul_dldtbg.png) no-repeat; width:207px; height:207px; position:absolute; z-index:1; left:0px; top:0px; display:block; }
.abouts_box3ul dl dd{ width:100%; line-height:24px; text-align:center; font-size:14px; font-size:16.5px; color:#303030; padding-top:14px; }

.abouts_box4{ width:100%; height:816px; background:url(../images/abouts_box4mbg.jpg) no-repeat;  }
.abouts_box4m{ max-width:1130px; height:auto; margin:0 auto; font-size:14px; color:#303030; line-height:24px; }
.abouts_box4m h2{ width:100%; text-align:center; line-height:89px; font-size:40px; color:#303030; font-family:"宋体"; }
.abouts_box4m h3{ font-weight:normal; line-height:29xp; font-size:20px; color:#ff8621; }

.abouts_box5m{ max-width:1120px; max-width:1101px; height:auto; margin:0 auto; }
.abouts_box5m h2{ width:100%; text-align:center; line-height:89px; font-size:40px; color:#303030; font-family:"宋体"; }
/*.abouts_box5ul{ width:100%; height:auto; display:block; }
.abouts_box5ul li{ width:413px; padding-left:43px; margin-left:89px; float:left; position:relative; z-index:1; font-size:14px; line-height:24px; color:#303030; margin-top:20px; }
.abouts_box5l{ width:413px; padding-left:43px; position:relative; z-index:1; font-size:14px; line-height:24px; color:#303030; margin-top:20px; }
.abouts_box5ul h2{ line-height:30px; text-align:left; font-size:20px; color:#303030; font-weight:normal; }
.abouts_box5ul .ico{ width:43px; height:100%; position:absolute; z-index:1; display:block; top:0px; left:0px; }
.abouts_box5ul .ico1{ background:url(../images/abouts_box5l_ico1_1.png) no-repeat left top; }
.abouts_box5ul .ico2{ background:url(../images/abouts_box5l_ico2_1.png) no-repeat left top; }
.abouts_box5ul .ico3{ background:url(../images/abouts_box5l_ico3_1.png) no-repeat left top; }
.abouts_box5ul .ico4{ background:url(../images/abouts_box5l_ico4_1.png) no-repeat left top; }
.abouts_box5ul .ico5{ background:url(../images/abouts_box5l_ico5_1.png) no-repeat left top; }*/

.abouts_box5_l{ width:456px; padding-left:43px; float:left; }
.abouts_box5_r{ width:406px; padding-left:43px; margin-left:89px; float:right; }
.abouts_box5l{ width:413px; padding-left:43px; position:relative; z-index:1; font-size:14px; line-height:24px; color:#303030; margin-top:20px; }
.abouts_box5l h2{ line-height:30px; text-align:left; font-size:20px; color:#303030; font-weight:normal; }
.abouts_box5l .ico{ width:43px; height:100%; position:absolute; z-index:1; display:block; top:0px; left:0px; }
.abouts_box5l .ico1{ background:url(../images/abouts_box5l_ico1_1.png) no-repeat left top; }
.abouts_box5l .ico2{ background:url(../images/abouts_box5l_ico2_1.png) no-repeat left top; }
.abouts_box5l .ico3{ background:url(../images/abouts_box5l_ico3_1.png) no-repeat left top; }
.abouts_box5l .ico4{ background:url(../images/abouts_box5l_ico4_1.png) no-repeat left top; }
.abouts_box5l .ico5{ background:url(../images/abouts_box5l_ico5_1.png) no-repeat left top; }

/* 经典案例修改中*/
.jdal_rtwo{ width:845px; height:620px; position:relative; z-index:1; float:right; margin-top:117px; background:url(../images/jdal_rtwobg.png) no-repeat left top; }
.jdal_rtwopic{ width:208px; height:367px; position:absolute; z-index:1; top:58px; }
.jdal_rtwopic1{ left:23px; }
.jdal_rtwopic2{ left:313px; }
.jdal_rul{ width:100%; height:100%; display:block; }
.jdal_rul li{ width:100%; height:100%; display:none; }
.jdal_rnr{ width:241px; position:absolute; z-index:1; right:0px; top:19px; }
.jdal_rlogo2{ width: 100%; height: 93px; display: block; text-align: center; overflow: hidden; }
.jdal_bot { padding: 0px 10px; width:220px; height:18px; overflow:hidden; display: block; position:absolute; z-index: 1; right:0px; top:345px; }

/* 经典案 PC网站案例 例修改中*/
.jdal_pcr{ width:837px; height:610px; position:relative; z-index:1; background: url(../images/jdal_pc1_bg.png) no-repeat; float:right; margin-top:127px; }
.jdal_pcrul{ width:100%; height:610px; display:block; }
.jdal_pcrul li{ width:100%; height:100%; display:none; }
.jdal_pcwz1{ width: 491px; height: 273px; position:absolute; z-index:1; top:21px; left:21px;  }
.jdal_rnr2{ top:9px; }
.jdal_bot2{ top:335px; }

/* O客智慧系统*/
.zhxtbox1{ width:100%; height:615px; overflow:hidden;  }
.zhxtbox1m{ max-width:1200px; height:615px; position:relative; z-index:1; margin:0 auto; }
.zhxtbox1num{ position:absolute; z-index:1; }
.zhxtbox1num1{ width:479px; height:125px; left:30%; top:18.5%; }
.zhxtbox1num2{ width:914px; height:180px; left:12%; bottom:26.3%; }
.zhxtbox1num3{ width:100%; height:auto; line-height:83px; text-align:center; font-size:24px; color:#fff; left:0px; bottom:12.8%; } 

.zhxtbox2{ width:100%; height:561px; overflow:hidden; }
.zhxtbox2m{ max-width:1088px; height:auto; margin:0 auto; }
.zhxtbox2 .bt{ width:100%; line-height:68px; text-align:center; font-size:35px; color:#07518e; }
.zhxtbox2dl{ width:241px; height:307px; float:left; background:#fff; margin:0px 15px 0px 16px; }
.zhxtbox2dl .dt01{ width:100%; height:171px; padding-top:22px; position:relative; z-index:1; background:#2596de; }
.zhxtbox2dl .dtico{ width:100%; height:12px; position:absolute; z-index:1; left:0px; bottom:-12px; background:url(../images/zhxtbox2dl_dticobg1_1.png) no-repeat center top; }
.zhxtbox2dl .dd01{ padding:0px 16px; font-size:16px; color:#4f4f4f; line-height:24px; text-align:center; }
.zhxtbox2dl .dd01 .bt{ width:100%; line-height:35px; font-size:22px; text-align:center; color:#000; }
.zhxtbox2tool{ width:151px; height:151px; margin:0 auto; position:relative; z-index:1; }
.zhxtbox2yuan{ width:100%; height:100%; display:block; position:absolute; z-index:1; left:0px; right:0px; top:0px; bottom:0px; background:url(../images/zhxtbox2yuan.png) no-repeat; }
@-webkit-keyframes zhxtbox2pic{ 
0%{ -webkit-transform:translateX(3px)rotate(2deg); }
100%{ -webkit-transform:translateX(-3px)rotate(-2deg); }
}
.zhxtbox2dl:hover{ 
	-webkit-animation-name:zhxtbox2pic;
	-webkit-animation-duration:0.75s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-iteration-count:1;
}

.zhxtbox3cor2{ color:#c00000; }
.zhxtbox3{ width:100%; height:513px; overflow:hidden; }
.zhxtbox3m{ max-width:1006px; height:513px; position:relative; z-index:1; margin:0 auto; }
.zhxtbox3num{ position:absolute; z-index:1; }
.zhxtbox3num1{ width:333px; height:340px; left:0px; top:17%; }
.zhxtbox3num2{ font-size:24px; color:#000; line-height:44px; right:9px; top:15.6%; text-align:right; }
.zhxtbox3num2 h1{ font-weight:normal; line-height:68px; font-size:35px; color:#000; }
.zhxtbox3num3{ bottom:6.6%; right:3.1%; }

.zhxtbox4{ width:100%; height:514px; overflow:hidden;  }
.zhxtbox4m{ max-width:1006px; height:100%; position:relative; z-index:1; color:#fff; margin:0 auto; }
.zhxtbox4num{ position:absolute; z-index:1; }
.zhxtbox4num1{ width:227px; height:227px; display:block; left:50%; top:8.3%; margin-left:-114px; }
.zhxtbox4num2{ width:100%; height:auto; display:block; left:0px; bottom:31.5%; font-size:45px; line-height:82px; text-align:center; }
.zhxtbox4num3{ width:100%; text-align:center; line-height:36px; font-size:22px; display:block; left:0px; bottom:12.2%; }
.zhxtbox4num3 .p1{ line-height:48px; font-size:35px;  }

.zhxtbox5{ width:100%; height:657px; overflow:hidden; }
.zhxtbox5m{ max-width:1200px; height:100%; margin:0 auto;}
.zhxtbox5bt1{ font-size:35px; color:#07518e; line-height:114px; text-align:center; }
.zhxtbox5bt2{ font-size:24px; color:#000; line-height:51px; text-align:center; }
.zhxtbox5bt3{ font-size:16px; color:#777777; line-height:24px; text-align:center; }
.zhxtbox5q{ width:500px; height:329px; margin:0 auto; position:relative; z-index:1; background:url(../images/zhxtbox5q_bg.png) no-repeat; }
.zhxtbox5qall{ position:absolute; z-index:1; }
.zhxtbox5tol{ width:130px; height:130px; display:block; }
.zhxtbox5tol1{ top:135px; left:-63px; }
.zhxtbox5tol2{ top:-64px; left:185px; }
.zhxtbox5tol3{ top:135px; right:-65px; }
.zhxtbox5tol4{ width:160px; height:165px; display:block; left:170px; top:118px; }
.zhxtbox5txt{ position:absolute; z-index:1; bottom:86px; color:#000; font-size:16px; line-height:24px; }
.zhxtbox5txt h1{ line-height:43px; font-size:24px; color:#d83a34; }
.zhxtbox5txt1{ left:-260px; text-align:right; }
.zhxtbox5txt2{ right:-254px; text-align:left; }

.zhxtbox6cor1{ color:#ce3939; }
.zhxtbox6{ width:100%; height:627px; overflow:hidden; }
.zhxtbox6m{ max-width:1006px; height:627px; margin:0 auto; position:relative; z-index:1; font-size:20px; line-height:30px; color:#393939;  }
.zhxtbox6m h1{ color:#07518e; font-size:35px; line-height:100px; text-align:center; }
.zhxtbox6pic{ position:absolute; z-index:1; }
.zhxtbox6pic1{ width:286px; height:176px; bottom:0px; left:389px; }
.zhxtbox6pic2{ width:287px; height:231px; bottom:133px; left:356px }

.zhxtbox7{ width:100%; height:596px; overflow:hidden; }
.zhxtbox7m{ max-width:1200px; height:596px; position:relative; z-index:1; margin:0 auto; }
.zhxtbox7meun{ width:100%; height:45px; margin:0 auto; text-align:center; }
.zhxtbox7meun li{ width:207px; height:45px; line-height:45px; text-align:center; cursor:pointer; margin:0px 4px 0px 3px; display:inline-block; background:#dcdcdc; font-size:30px; color:#959595; }
.zhxtbox7meun li:hover,.zhxtbox7meun li.check{ background:#ff861d; color:#fff; }
.zhxtbox7nr{ width:100%; height:auto; display:block; }
.zhxtbox7nr .nrli{ width:100%; height:auto; display:none; }
.zhxtbox7div{ width:576px; height:auto; float:left; margin-left:80px; }
.zhxtbox7div .zhxtbox7dl{ width:100%; /*height:113px;*/ padding:18px 0px 18px 13px; display:inline-block; }
.zhxtbox7div .zhxtbox7dl .dt01{ width:77px; height:77px; display:block; float:left; margin-right:20px; }
.zhxtbox7div .zhxtbox7dl .dd01{ width:479px; float:left; margin-top:-4px; font-size:14px; color:#666666; line-height:25px; }
.zhxtbox7div .zhxtbox7dl .dd01 .bt{ font-size:24px; line-height:35px; color:#000; }
.zhxtbox7div .zhxtbox7dl:hover{ background:#dcdcdc; }
.zhxtbox7r{ float:right; margin-right:99px; }
.zhxtbox7div2{width:450px;  margin-top:36px; }
.zhxtbox7div2 .zhxtbox7dl .dd01{ width:350px; float:left; margin-top:-4px; font-size:14px; color:#666666; line-height:25px; }
.zhxtbox7r2{ margin-top:23px; margin-right:41px; }

.zhxtbox8{ width:100%; height:550px; overflow:hidden; }
.zhxtbox8m{ width:1077px; height:100%; position:relative; z-index:1; margin:0 auto; }
.zhxtbox8mtxt{ float:left; margin-top:115px; font-size:18px; line-height:26px; color:#777777; }
.zhxtbox8mtxt h1{ font-size:35px; color:#000; line-height:76px; }
.zhxtbox8tol{ position:absolute; z-index:1; }
.zhxtbox8tol1{ left:60px; bottom:245px; }
.zhxtbox8tol2{ left:30px; bottom:190px; }
.zhxtbox8tol3{ left:0px; bottom:132px; }
.zhxtbox8tol4{ right:0px; top:101px; }

.zhxtbox9{ width:100%; height:596px; overflow:hidden;  } 
.zhxtbox9m{ max-width:1200px; height:596px; position:relative; z-index:1; margin:0 auto;}
.zhxtbox9ul{ width:100%; height:auto; display:block; }
.zhxtbox9ul li{ width:100%; height:auto; display:none; }
.zhxtbox9lpic{ width:527px; height:369px; margin-left:59px; }
.zhxtbox9r{ width:465px; height:auto; float:right; margin-right:86px; font-size:14px; color:#666666; line-height:24px; }
.zhxtbox9r h1{ font-size:30px; line-height:80px; color:#000; font-weight:normal; }
.zhxtbox9meun{ width:553px; height:auto; position:absolute; z-index:1; left:648px; bottom:116px; }
.zhxtbox9meun li{ width:106px; height:120px; cursor:pointer; display:block; float:left; margin:0px 3px; overflow:hidden; background:url(../images/zhxtbox9meun_libg.png) no-repeat; }
.zhxtbox9meun li div{ /*width:100px; height:114px;*/ width:94px; height:108px; margin:3px; padding:3px; background:#fff; font-size:16px; line-height:32px; color:#333333; text-align:center; }
.zhxtbox9meun li div .ico{ width:100%; height:64px; display:block; }
.zhxtbox9meun li div .ico1{ background:url(../images/zhxtbox9meun_li_ico1_1.png) no-repeat center 31px; }
.zhxtbox9meun li div .ico2{ background:url(../images/zhxtbox9meun_li_ico2_1.png) no-repeat center 29px; }
.zhxtbox9meun li div .ico3{ background:url(../images/zhxtbox9meun_li_ico3_1.png) no-repeat center 27px; }
/*.zhxtbox9meun li div.check{  background:url(../images/zhxtbox9meun_libg.png) no-repeat #51b5ee; color:#fff; }*/
.zhxtbox9meun li div.check{  background:#51b5ee; color:#fff; }
.zhxtbox9meun li div.check .ico1{ background:url(../images/zhxtbox9meun_li_ico1_2.png) no-repeat center 31px; }
.zhxtbox9meun li div.check .ico2{ background:url(../images/zhxtbox9meun_li_ico2_2.png) no-repeat center 29px; }
.zhxtbox9meun li div.check .ico3{ background:url(../images/zhxtbox9meun_li_ico3_2.png) no-repeat center 27px; }

.zhxtbox10cor1{ color:#34404a }
.zhxtbox10{ width:100%; height:739px; overflow:hidden; }
.zhxtbox10m{ max-width:1006px; height:739px; position:relative; z-index:1; margin:0 auto; color:#777777; font-size:16px; line-height:27px; }
.zhxtbox10m h1{ line-height:98px; font-size:35px; color:#07518e; }
.zhxtbox10m h2{ font-size:24px; color:#000; line-height:68px; font-weight:normal; }
.zhxtbox10num{ position:absolute; z-index:1; }
.zhxtbox10num1{ width:895px; height:335px; left:55px; bottom:76px; }

/* 三网合一*/
.swhybox1{ width:100%; height:613px; overflow:hidden; }
.swhybox1m{ max-width:1200px; height:100%; position:relative; z-index:1; text-align:center; margin:0 auto; color:#fff; font-size:30px; line-height:64px; text-align:center; }
.swhybox1m h1{ line-height:80px; font-size:45px; }
.swhybox1fd{ position:absolute; z-index:1; }
.swhybox1fd1{ width:139px; height:135px; left:304px; bottom:186px;}
.swhybox1fd2{ width:140px; height:135px; left:546px; bottom:186px;}
.swhybox1fd3{ width:140px; height:135px; left:788px; bottom:186px;}
.swhybox1add{ width:18px; height:17px; bottom:244px; position:absolute; z-index:1; }
.swhybox1add1{ left:484px; }
.swhybox1add2{ left:788px; }

.swhybox2{ width:100%; height:668px; overflow:hidden; }
.swhybox2m{ max-width:1200px; height:100%; margin:0 auto; position:relative; z-index:1; }
.swhybox2m h1{ font-size:35px; line-height:55px; color:#07518e; }
.swhybox2m h2{ font-size:28px; line-height:45px; color:#000; font-weight:normal; }
.swhybox2m .p1{ font-size:16px; line-height:35px; color:#797979; }
.swhybox2num{ position:absolute; z-index:1; }
.swhybox2num1{ left:36%; bottom:15.4%; }

.swhybox3{ width:100%; height:515px; overflow:hidden; }
.swhybox3m{ max-width:944px; height:100%; position:relative; z-index:1; margin:0 auto; }
.swhybox3mbt{ width:100%; position:absolute; z-index:1; left:0px; top:66px; font-size:28px; color:#000; line-height:68px; text-align:center; }
.swhybox3dl{ width:211px; height:271px; float:left; margin:0px 13px 0px 12px; display:block; }
.swhybox3dl .dt01{ padding-top:28px; height:181px; background:#49aaee; margin-bottom:18px; }
.swhybox3dl .tool{ width:100%; height:166px; text-align:center; overflow:hidden; }
.swhybox3dl .dd01{ width:100%; height:44px; line-height:44px; text-align:center; background:#49aaee; color:#fff; font-size:20px; font-weight:bold; }
.swhybox3dl:hover .dt01{ background:#ff8514; }
.swhybox3dl:hover .dd01{ background:#ff8514; }

.swhybox4cor1{ color:#ff8514; }
.swhybox4{ width:100%; height:406px; overflow:hidden; }
.swhybox4m{ max-width:1200px; height:100%; position:relative; z-index:1; margin:0 auto; }
.swhybox4num{ position:absolute; z-index:1; }
.swhybox4num1{ width:100%; left:0px; top:84px; font-size:30px; line-height:97px; color:#fff; } 
.swhybox4num2{ width:100%; left:0px; top:181px; font-size:22px; line-height:29px; color:#fff; } 

.swhybox5{ width:100%; height:670px; overflow:hidden; }
.swhybox5num{ position:absolute; z-index:1; }
.swhybox5num1{ left:50%; bottom:78px; margin-left:-220px; }
.swhybox5txt{ width:232px; height:34px; line-height:34px; text-align:center; color:#fff; font-size:24px; display:block; position:absolute; z-index:1; bottom:0px; }
.swhybox5txt1{ left:242px; background:#00b0f0; }
.swhybox5txt2{ left:485px; background:#99cc00; }
.swhybox5txt3{ left:726px; background:#ff6600; }

.swhybox6{ width:100%; height:705px; overflow:hidden; }
.swhybox6m{ max-width:1200px; height:100%; margin:0 auto; position:relative; z-index:1; }
.swhybox6num{ position:absolute; z-index:1; }
.swhybox6num1{ width:100%; text-align:center; line-height:72px; font-size:28px; color:#000; left:0px; top:67px; }
.swhybox6num2{ width:100%; text-align:center; line-height:30px; font-size:16px; color:#000; left:0px; top:139px; }
.swhybox6num3{ left:226px; bottom:100px; } 

.swhybox7cor1{ color:#07518e; }
.swhybox7{ width:100%; height:705px; overflow:hidden; }
.swhybox7m{ max-width:1200px; height:100%; margin:0 auto; position:relative; z-index:1; }
.swhybox7num{ position:absolute; z-index:1; }
.swhybox7num1{ top:79px; left:0px; }
.swhybox7num2{ width:100%; font-size:16px; color:#000; line-height:31px; text-align:center; top:150px; left:0px; }
.swhybox7num3{ padding:38px 41px 47px 62px; display:block; width:201px; height:59px; display:block; left:304px; bottom:147px; background:url(../images/swhybox7num3_bg.png) no-repeat; line-height:30px; color:#ff6628; font-size:22px; }
.swhybox7ul{ width:277px; height:277px; position:absolute; z-index:1; right:231px; bottom:58px; padding:22px 25px 29px 27px; background:url(../images/swhybox7lin_bg.png) no-repeat; }
.swhybox7ul li{ width:104px; height:36px; padding:48px 13px; line-height:17px; color:#ff6600; float:left; margin:7px 4px 0px 3px; font-size:16px; background:url(../images/swhybox7ul_libg1_1.png) no-repeat; }
.swhybox7ul li:hover,.swhybox7ul li.check{ color:#fff; background:url(../images/swhybox7ul_libg1_2.png) no-repeat; }

.swhybox8{ width:100%; height:567px; overflow:hidden; }
.swhybox8m{ max-width:1200px; height:100%; margin:0 auto; position:relative; z-index:1;  }
.swhybox8txt1{ line-height:48px; font-size:28px; color:#000; }
.swhybox8txt2{ line-height:32px; font-size:16px; color:#000; }
.swhybox8ul{ max-width:650px; height:auto; margin:0 auto; }
.swhybox8ul li{ float:left; margin:16px 13px 0px 13px; display:block; padding-left:36px; background:#00b3f1; font-size:25px; width:263px; height:68px; line-height:68px; color:#fff; text-align:left; }

.swhybox9{ width:100%; height:552px; overflow:hidden; }
.swhybox9m{ max-width:1200px; height:100%; margin:0 auto; position:relative; z-index:1;  }
.swhybox9num{ position:absolute; z-index:1; }
.swhybox9num1{ width:100%; left:0px; top:80px; }
.swhybox9div{ max-width:1068px; bottom:0px; left:66px; }
.swhybox9ul{ width:100%; height:auto; display:block; }
.swhybox9ul li{ width:33.333333%; height:365px; float:left; }
.swhybox9dl{ width:312px; height:365px; background:#fff; margin:0px 22px; }
.swhybox9dl dt{ width:100%; height:217px; overflow:hidden; text-align:center; }
.swhybox9dl dd{ padding:0px 39px 0px 17px; font-size:14px; color:#6b6b6b; line-height:25px; margin-top:7px; }
.swhybox9dl dd .p1{ color:#000; font-size:22px; line-height:41px; }

.swhybox10{ width:100%; height:669px; overflow:hidden; }
.swhybox10m{ max-width:1200px; height:100%; margin:0 auto; position:relative; z-index:1;  }
.swhybox10num{ position:absolute; z-index:1; }
.swhybox10num1{ width:100%; left:0px; top:80px; }
.swhybox10num2{ width:100%; left:0px; top:137px; }
.swhybox10num3{ left:246px; bottom:0px; }
.swhybox10num1{ width:100%; left:0px; top:189px; }
.swhybox10num2{ width:100%; left:0px; top:236px; }
.swhybox10num4{ width:100%; left:0px; top:70px; }

.swhybox11{ width:100%; height:668px; overflow:hidden; }
.swhybox11m{ max-width:1200px; height:100%; margin:0 auto; position:relative; z-index:1;  }
.swhybox11num{ position:absolute; z-index:1; }
.swhybox11num1{ width:100%; left:0px; top:80px; }
.swhybox11num2{ width:100%; left:0px; top:137px; }
.swhybox11num3{ left:273px; bottom:35px; }

.swhybox12{ width:100%; height:565px; overflow:hidden; }
.swhybox12m{ max-width:1200px; height:100%; margin:0 auto; position:relative; z-index:1;  }
.swhybox12num{ position:absolute; z-index:1; }
.swhyboxbt{ width:100%; line-height:48px; text-align:center; font-size:28px; color:#000; }
.swhyboxbt2{ width:100%; line-height:33px; text-align:center; font-size:16px; color:#797979; }
.swhyboxbt3{ width:100%; line-height:34px; text-align:center; font-size:16px; color:#000; }
.swhyboxbt4{ font-size:35px; line-height:55px; color:#07518e; }
.swhybox12num1{ width:100%; line-height:48px; font-size:28px; color:#000; left:0px; top:79px; text-align:center; }
.swhybox12num2{ left:317px; bottom:63px; }

/* 微信云分销平台*/
.wfxptbox1{ width:100%; height:613px; overflow:hidden; }
.wfxptbox1m{ max-width:1200px; height:100%; position:relative; z-index:1; margin:0 auto; }
.wfxptbox1num{ position:absolute; z-index:1; }
.wfxptbox1m h1{ line-height:82px; font-size:45px; color:#fff; width:100%; text-align:center; left:0px; top:80px; }
.wfxptbox1m .p2{ line-height:63px; font-size:26px; color:#fff; width:100%; text-align:center; left:0px; top:162px; }
.wfxptbox1num1{ left:285px; bottom:0px; }

.wfxptbox2{ width:100%; height:624px; overflow:hidden; }
.wfxptbox2m{ max-width:1130px; height:100%; position:relative; z-index:1; margin:0 auto; }
.wfxptbox2num{ position:absolute; z-index:1; }
.wfxptbox2num1{ width:100%; text-align:center; line-height:64px; font-size:35px; color:#07518e; left:0px; top:60px; }
.wfxptbox2num2{ width:100%; text-align:center; line-height:56px; font-size:28px; color:#000; left:0px; top:124px; }
.wfxptbox2div{ width:100%; height:auto; display:block; position:absolute; z-index:1; left:0px; bottom:100px; }
.wfxptbox2dl{ width:206px; height:307px; float:left; background:#fff; margin:0px 10px; }
.wfxptbox2dl .dt01{ padding-top:62px; width:100%; height:108px; text-align:center; }
.wfxptbox2dl .dd01{ width:100%; font-size:16px; line-height:25px; text-align:center; margin-top:19px; color:#3e3e3e; }
.wfxptbox2dllast .dt01{ width:100%; height:307px; text-align:center; padding-top:0px; }

.wfxptbox3{ width:100%; height:613px; overflow:hidden; background:#f0f5f8; }
.wfxptbox3m{ max-width:1200px; height:100%; position:relative; z-index:1; margin:0 auto; }
.wfxptbox3bt{ width:100%; line-height:60px; text-align:center; font-size:35px; color:#07518e; }
.wfxptbox3l{ width:507px; height:auto; float:left; margin-left:21px; position:relative; z-index:1; font-size:16px; color:#797979; line-height:24px; }
.wfxptbox3pic1{ margin-left:240px; }
.wfxptbox3m .p1{ color:#131313; line-height:29px; font-size:28px; }
.wfxptbox3u2{ width:100%; height:auto; display:block; }
.wfxptbox3u2 li{ padding:0px 8px; height:44px; line-height:44px; display:inline-block; float:left; margin-right:9px; background:#8c8c8c; color:#000; font-size:18px; }
.w307{ width:307px; }
.wfxptbox3m h2{ line-height:80px; font-size:28px; color:#797979; }
.wfxptbox3r{ width:570px; float:right; font-size:16px; color:#797979; line-height:24px; }
.wfxptbox3pic2{ margin-left:212px; }
.w370{ width:370px; }

.wfxptbox4cor1{ color:#f2901e; }
.wfxptbox4{ width:100%; height:492px; overflow:hidden; }
.wfxptbox4m{ max-width:1200px; height:100%; position:relative; z-index:1; margin:0 auto; }
.wfxptbox4l{ float:left; margin:83px 0px 0px 43px; }
.wfxptbox4r{ width:539px; float:right; margin-right:47px; color:#fff; font-size:26px; line-height:37px; }
.wfxptbox4rtxt1{ font-size:46px; line-height:62px; }
.wfxptbox4rtxt2{ color:#ffe500; font-size:68px; line-height:77px; }

.wfxptbox5cor1{ color:#f2901e; }
.wfxptbox5m{ max-width:1048px; height:auto; margin:0 auto; color:#666666; font-size:16px; line-height:35px; }
.wfxptbox5m h1{ width:100%; font-size:35px; color:#07518e; line-height:55px; text-align:center;  }
.wfxpbox5min1{ width:100%; position:relative; z-index:1; }
.wfxpbox5txt1{ width:575px; float:right; }
.wfxptbox5m h2{ line-height:48px; font-size:30px; color:#040000; font-weight:normal; }
.wfxptbox5m h3{ line-height:61px; font-size:22px; color:#252525; font-weight:normal; }
.wfxpthxmin2l{ width:540px; float:left; margin-left:19px; }
.w518{ width:518px; }
.w375{ width:375px; }
.wfxpthxmin4r{ width:642px; float:right; position:relative; z-index:1; }
.wfxpthxmin4pic{ position:absolute; z-index:1; }
.wfxpthxmin4pic1{ width:150px; height:150px; top:12px; left:0px; }
.wfxpthxmin4pic2{ width:77px; height:23px; left:155px; top:76px; }
.wfxpthxmin4pic3{ color:#040000; line-height:22px; width:63px; text-align:center; font-size:14px; left:155px; top:56px; }
.wfxpthxmin4pic4{ width:150px; height:150px; left:235px; top:12px; }
.wfxpthxmin4pic5{ line-height:22px; color:#040000; font-size:14px; width:75px; left:385px; top:33px; text-align:center; }
.wfxpthxmin4pic6{ width:77px; height:23px; left:391px; top:76px; }
.wfxpthxmin4pic7{ width:125px; height:175px; left:474px; top:0px; }
.w579{ width:579px; }

.wfxptbox6cor1{ color:#040000 }
.wfxptbox6{ width:100%; height:auto; background:#f1f4f6; }
.w551{ width:551px; }
.wfxptbox6u{ width:991px; height:157px; position:relative; z-index:1; margin:0 auto; }
.wfxptbox6u .allli{ width:183px; height:157px; position:absolute; z-index:1; top:0px; }
.wfxptbox6u .oneli{ left:0px; }
.wfxptbox6u .twoli{ left:203px; }
.wfxptbox6u .thrli{ left:405px; }
.wfxptbox6u .tholi{ left:607px; }
.wfxptbox6u .firli{ left:810px; }
.w634{ width:634px; }

.wfxptbox7u{ width:1041px; height:auto; margin:0 auto; position:relative; z-index:1;}
.wfxptbox7u .li01{ width:321px; height:441px; border:1px solid #e6e6e6; float:left; margin:0px 12px; }
.wfxptbox7u .li01 .pic{ width:100%; height:144px; overflow:hidden; text-align:center; }
.wfxptbox7u .li01 .div01{ padding-left:80px; padding-right:20px; margin-bottom:10px; position:relative; z-index:1; line-height:24px; color:#666666; font-size:14px; }
.wfxptbox7u .li01 .div01 .ico{ padding:0px 6px; display:inline-block; height:23px; line-height:23px; position:absolute; z-index:1; left:21px; top:4px; font-size:18px; color:#fff; }
.wfxptbox7u .linone .div01 .ico{ background:#2b5d96; }
.wfxptbox7u .lintwo .div01 .ico{ background:#12a37e; }
.wfxptbox7u .linthr .div01 .ico{ background:#875da5; }

.wfxptbox7div2{ width:1034px; height:auto; margin:0 auto; }
.wfxptbox7dl2{ padding:17px 0px 16px 110px; position:relative; z-index:1; width:382px; border:1px solid #e7e7e7; margin:17px 11px 0px 11px; float:left; }
.wfxptbox7dl2 .dt01{ position:absolute; z-index:1; width:76px; height:86px; left:23px; top:17px; }
.wfxptbox7dl2 .dd01{ width:100%; min-height:86px; height:auto; font-size:16px; color:#666666; line-height:24px; margin-top:7px; }
.wfxptbox7dl2 .dd01 .pbt{ line-height:30px; font-size:24px; color:#4a4a4a; margin-bottom:7px; }
.wfxptbox7dl3{ width:898px; }

.wfxptbox8bt2{ width:100%; line-height:45px; text-align:center; font-size:24px; color:#3d3d3d; }
.wfxptbox8bt3{ font-size:18px; color:#666666; line-height:38px; }
.wfxptbox8u2{ width:929px; height:auto; display:block; margin:0 auto; }
.wfxptbox8u2 li{ float:left; }


/* 高端定制*/
.gddz_banner{ width:100%; height:600px; overflow:hidden; position:relative; z-index:0; }
.gddz_banner ul{ width:100%; height:600px; display:block; }
.gddz_banner li{ width:100%; height:600px; position:relative; z-index:1; display:none; }
.gddz_banner li a{ width:100%; height:600px; display:block; }
.gddz_banpic1{ position:absolute; z-index:1; width:659px; height:248px; display:block; left:50%; margin-left:-330px; top:123px; }
.gddz_banbtn{ width:100%; height:44px; text-align:center; display:block; position:absolute; z-index:2; left:0px; bottom:0px; }
.gddz_banbtn .abtn{ width:16px; height:16px; display:inline-block; margin:0px 5px; background:url(../images/gddz_banbtn.png) no-repeat center top; }
.gddz_banbtn .abtn:hover,.gddz_banbtn .on{ background:url(../images/jdal_botmid_lia_bg1_2.png) no-repeat center top; }

.gddzbox1bt{ max-width:1000px; padding-bottom:22px; margin:0 auto; background:url(../images/gddzbox1bt_bg.png) no-repeat center bottom; }
.gddzbox1bt h1{ line-height:54px; font-size:36px; text-align:center; color:#07518e; font-weight:normal; }
.gddzbox1bt h2{ line-height:29px; font-size:14px; text-align:center; color:#3d3b3c; font-weight:normal; text-transform:uppercase; }
.gddzbox1m{ width:1203px; height:auto; margin:0 auto; }
.gddzbox1mdl{ width:360px; height:445px; float:left; margin:10px 21px 0px 20px; display:block; }
.gddzbox1mdl .dt_01{ width:100%; height:260px; overflow:hidden; text-align:center; margin-bottom:22px; }
.gddzbox1mdl .dd_01{ padding:0px 16px; display:block; font-size:14px; color:#888888; line-height:20px; text-align:center; }
.gddzbox1mdl .dd_01 h1{ width:100%; text-align:center; font-size:18px; color:#333333; padding-bottom:1px; line-height:53px; background:url(../images/gddzbox1bt_bg.png) no-repeat center bottom; }

.gddzbox2{ width:100%; height:799px; margin:0 auto; text-align:center; overflow:hidden; background:url(../images/gddzbox2_bg.png) }
.gddzbox2mid{ max-width:1200px; height:auto; margin:0 auto; }
.gddzbox2num1{ line-height:60px; font-size:40px; color:#07518e; }
.gddzbox2num2{ line-height:5px;font-size:14px; color:#3d3b3c;}
.gddzbox2num3{ line-height:32px; font-size:25px; color:#000;}

.gddzbox3{ width:100%; height:760px; margin:0 auto;  overflow:hidden;  text-align:center; }
.gddzbox3mid{ max-width:1200px; height:auto; margin:0 auto; }
.gddzbox3num1{ line-height:52px; font-size:40px; color:#07518e; }
.gddzbox3num2{ line-height:32px; font-size:16px; color:#626262;}






/*微店云分销_解决方案*/
.banner_w{ height:473px;  width:100%; overflow:hidden; border-bottom:1px solid #dadada;}
.banner{ height:473px; position:relative; width:100%; z-index:0;overflow:hidden;}
.banner ul{ position:absolute; height:473px; z-index:990; left:0; top:0;}
.banner ul li{ width:100%; height:473px; float:left;}
.btnBg {position:absolute; width:970px; height:40px; left:0; bottom:0; z-index:999;}
.btn {position:absolute; height:43px; right:500px; bottom:0px; padding-left:10px; z-index:999; }
.btn span {display:inline-block; _display:inline; _zoom:1; width:63px; height:63px;  text-align:center; font-size:10px; font-family:"Microsoft YaHei",SimHei; margin-right:10px;  cursor:pointer; color:#fff; background:url(../images/wdyfx_banner_btn1.png) no-repeat 10px 9px; }
.btn span.on {background:url(../images/wdyfx_banner_btn2.png) no-repeat 10px 9px;}

.wdyfxbannerbox1{ width:100%; height:473px; background:url(../images/wdyfx_banner1_bg.png) no-repeat center center;; overflow:hidden; }
.wdyfxbannerbox1nr{ max-width:1000px; height:473px; position:relative; z-index:1; margin:0 auto; }
.wdyfxbannerbox1num{ position:absolute; z-index:1; }
.wdyfxbannerbox1num1{ font-size:42px; color:#fff; line-height:50px;}
.wdyfxbannerbox1num2{ font-size:20px; color:#ffdb15;}
.wdyfxbannerbox1num3{ width:410px; height:473px; float:right;}

.wdyfxbannerbox2{ width:100%; height:473px; background-color:#e3d109; overflow:hidden; }
.wdyfxbannerbox2nr{ max-width:1000px; height:473px; position:relative; z-index:1; margin:0 auto; }
.wdyfxbannerbox2num{ position:absolute; z-index:1; }
.wdyfxbannerbox2num1{ width:410px; height:473px; left:0px; margin-top:80px; }
.wdyfxbannerbox2num2{ width:530px; height:420px; float:right; }

.wdyfxbox1cor1{ color:#ec6f00; }
.wdyfxbox1{ width:100%; height:473px; background-color:#eaf2f8; overflow:hidden; }
.wdyfxbox1nr{ max-width:1005px; height:473px; position:relative; z-index:1; margin:0 auto; }
.wdyfxbox1num{ position:absolute; z-index:1; }
.wdyfxbox1num1{ width:460px; height:354px; left:0px;}
.wdyfxbox1num2{ width:420px; height:auto; float:right; font-size:18px; color:#0d0409; line-height:32px; }

.wdyfxbox2{ width:100%; height:473px; background-color:#3fc2ff; overflow:hidden; }
.wdyfxbox2nr{ max-width:900px; height:473px; position:relative; z-index:1; margin:0 auto; }
.wdyfxbox2num{ position:absolute; z-index:1; }
.wdyfxbox2num1{ width:auto; height:auto; font-size:24px; font-weight:bold; color:#fff; line-height:45px; margin-left:50px;}
.wdyfxbox2num2{ width:554px; height:436px; float:right; }


.wdyfxbox3{ width:100%; height:473px; background-color:#eaf2f8; overflow:hidden; }
.wdyfxbox3nr{ max-width:830px; height:473px; position:relative; z-index:1; margin:0 auto; }
.wdyfxbox3num{ position:absolute; z-index:1;}
.wdyfxbox3num1{ width:475px; height:355px; }
.wdyfxbox3num2{ width:350px; height:155px; float:right; }
.wdyfxbox3num3{width:auto; height:auto; font-size:18px; font-weight:bold; line-height:32px; }

.wdyfxbox4{ width:100%; height:473px; background-color:#7eb300; overflow:hidden; }
.wdyfxbox4nr{ max-width:950px; height:473px; position:relative; z-index:1; margin:0 auto; }
.wdyfxbox4num{ position:absolute; z-index:1;}
.wdyfxbox4num1{ width:544px; height:388px; left:0px; }
.wdyfxbox4num2{ width:auto; height:auto; float:right; font-size:20px; color:#fff; line-height:35px; font-weight:bold; margin-right:50px; }


.wdyfxbox5{ width:100%; height:473px; background-color:#eaf2f8; overflow:hidden; }
.wdyfxbox5nr{ max-width:900px; height:473px; position:relative; z-index:1; margin:0 auto; }
.wdyfxbox5num{ position:absolute; z-index:1;}
.wdyfxbox5num1{ font-size:27px; color:#0d0409; line-height:36px; margin-left:50px; }
.wdyfxbox5num2{ font-size:18px; line-height:27px; }
.wdyfxbox5num3{ width:460px; height:380px; float:right;}

.wdyfxbox6{ width:100%; height:473px; background-color:#f3ba1c; overflow:hidden; }
.wdyfxbox6nr{ max-width:900px; height:473px; position:relative; z-index:1; margin:0 auto; }
.wdyfxbox6num{ position:absolute; z-index:1;}
.wdyfxbox6num1{ width:430px; height:357px; left:0px;}
.wdyfxbox6num2{ font-size:26px; color:#424242; line-height:50px; float:right; margin-right:60px;}
.wdyfxbox6num3{ font-size:52px; color:#343131;}
.wdyfxbox6num4{ font-size:32px; color:#343131;}












