.webWidth1 { width:1200px; margin:0 auto;}
.webWidth2 { width:1220px; margin:0 auto;}

.rowIn { padding:60px 0;}



.com_color { color:#1bb484;}
.lighter { color:#40ca9f;}
.darker { color:#0ba08d;} 
.green { color:#5fcd74;}
.yellow { color:#f3c301;}



.img_cover { background-position:center top; background-repeat:no-repeat; background-size:cover;}
.img_contain { background-position:0 0; background-repeat:no-repeat; background-size:contain;}



.banIn { padding-top:70px;}
.banTit { margin-top:100px; font-size:42px; color:#fff;}
.banSub { padding-top:10px; line-height:22px; font-size:16px; color:#fff; opacity:.5; filter:alpha(opacity=50);}

.rowTit { text-align:center; font-weight:bold; font-size:24px; color:#444;}





.head { position:fixed; top:0; left:0; right:0; z-index:999;}


.headIn { position:relative; height:70px;}
.head_logo { float:left; width:130px; height:37px; margin-top:16px;}
.head_logo img { width:100%; height:auto;}


.nav { float:left; margin-left:95px; padding:10px 0;}
.nav_li { float:left;}
.nav_link { display:block; padding:0 22px; height:50px; line-height:50px; font-size:15px; color:#40ca9f;}
.nav_link:hover { color:#fff;}
.nav_cur,
.nav_cur:hover { background:#1bb484; color:#fff;}
.nav_shut,
.nav_fold { display:none;}


.exp_headBtn { float:right; display:inline-block; margin-top:10px; padding:0 20px; border-bottom:4px #40ca9f solid; background:#1bb484; line-height:46px; font-size:15px; color:#fff;}
.exp_headBtn:hover { background:#40ca9f;}
.exp_headBtn_ico { display:inline-block; width:20px; height:20px; background:url(../img/hitico.png) 0 0 no-repeat; margin-right:8px; vertical-align:middle;}

.head_cha { background-color:#282828;}
.login_Btn{margin-right: 20px;}


.foot { background:#282828;}
.footIn { padding:50px 0;}


.foot_logo { float:left; display:inline-block; width:116px; height:38px; margin:20px 40px 0 0; background-image:url(../img/cloudwiselogo.png);}


.contact { float:left; display:inline-block;}
.contact_tit { padding-bottom:10px; font-size:14px; color:#40ca9f;}
.contact_tit span { display:inline-block; width:2px; height:14px; background:#40ca9f; margin-right:10px; vertical-align:middle;}
.contact_txt { line-height:24px; font-size:12px; color:#999;}
.contact_txt a{color:#999;}
.contact_txt a > img{vertical-align: middle;    width: 20px;  height: 20px;  display: inline-block;}
.contact_txt a:hover{color:#40ca9f}


.QR { float:right; display:inline-block; width:75px; height:75px; margin-left:40px;}
.QR img { width:100%; height:auto;}


.copyright { float:right; text-align:right;}


.quick { padding-bottom:10px;}
.quick_li { display:inline-block;}
.quick_line { display:inline-block; margin:0 20px;}
.quick_line,
.quick_link { font-size:12px; color:#40ca9f;}
.quick_link:hover{ color:#40ca9f;}


.exp { height:200px; background-color:#1bb484; background-image:url(../img/exp1.png); background-position:center top; background-repeat:no-repeat; text-align:center;}
.expIn { padding-top:40px;}
.exp_txt { font-size:20px; color:#fff;}
.exp_txt span { margin:0 10px; font-size:48px; color:#ffed22; vertical-align:-8px;}
.exp_btn { display:inline-block; width:140px; height:40px; border-radius:4px; background:#fff; line-height:40px; text-align:center; font-size:16px; color:#1bb484;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.1); -moz-box-shadow:0 5px 10px rgba(0,0,0,.1); box-shadow:0 5px 10px rgba(0,0,0,.1); }

.exp_white { background:#fff url(../img/exp2.png) center top no-repeat;}
.exp_white .exp_txt { color:#666;}
.exp_white .exp_txt span { color:#1bb484;}
.exp_white .exp_btn { background-color:#1bb484; color:#fff;}




.home_rowTit { margin-bottom:40px; text-align:center;}
.home_rowTit_txt { margin-bottom:15px; font-size:24px; color:#444;}
.home_rowTit_bar { margin:0 auto; width:80px; height:3px; background:#1bb484;}


.home_ban { height:600px; background:url(../img/home_ban.gif) center top no-repeat;}

.home_txtArea { width:350px; padding-top:167px;}
.home_supTit_left,
.home_supTit_right { float:left; display:inline-block; width:24px; height:32px; background-position:0 0; background-repeat:no-repeat;}
.home_supTit_left { background-image:url(../img/home_suptit_l.png);}
.home_supTit_right { background-image:url(../img/home_suptit_r.png);}
.home_supTit_mid { float:left; display:inline-block; background:#40ca9f; line-height:32px; font-size:18px; color:#10313b;}

.home_priTit { margin-bottom:30px; padding:30px 0; border-bottom:1px #2e584b solid;}
.home_priTit h1 { width:350px;}
.home_priTit h1 img { width:100%; height:auto;}

.home_info_li { line-height:26px; font-size:14px; color:#fff; vertical-align:bottom;}
.home_info_ico { display:inline-block; width:10px; height:3px; border-radius:3px; margin-right:19px; vertical-align:middle;}
.home_info_ico1 { background:#40ca9f;}
.home_info_ico2 { background:#5fcd74;}
.home_info_ico3 { background:#f3c301;}

.home_graph { display:none;}
.home_graph img { width:100%; height:auto;}



.mp_feature { position:absolute; top:0; width:365px; padding:10px 0; z-index:1;}
.mp_feature_li { position:relative; padding:30px 0;}
.mp_feature_ico { position:absolute; top:30px; width:50px; height:50px;}
.fIco1 { background-image:url(../img/pmico1.png);}
.fIco2 { background-image:url(../img/pmico2.png);}
.fIco3 { background-image:url(../img/pmico3.png);}
.fIco4 { background-image:url(../img/pmico4.png);}
.fIco5 { background-image:url(../img/pmico5.png);}
.fIco6 { background-image:url(../img/pmico6.png);}
.mp_feature_tit { line-height:30px; font-size:18px; color:#1bb484;}
.mp_feature_txt { line-height:20px; font-size:14px; color:#888;}

.mp_l { left:0;}
.mp_l .mp_feature_ico { right:0;}
.mp_l .mp_feature_con { margin-right:80px; text-align:right;}

.mp_r { right:0;}
.mp_r .mp_feature_ico { left:0;}
.mp_r .mp_feature_con { margin-left:80px; text-align:left;}

.mp_graph { width:350px; height:350px; margin:0 auto; background-image:url(../img/pm3.0.png);}



.case_wrap { margin:0 60px;}

.case_logo { height:61px; line-height: 35px; text-align:center;}
.case_logo img { height:auto; width:auto;}
.case_brief { max-height:72px; margin:25px 0; line-height:24px; font-size:14px; color:#666; overflow:hidden;}
.case_link { display:block; margin:0 auto; width:98px; height:24px; border:1px #888 solid; text-align:center; line-height:24px; font-size:12px; color:#666;}
.case_link:hover { border-color:#1bb484; background:#1bb484; color:#fff;}




.product_ban { height:650px; background:url(../img/product_ban.gif) center top no-repeat;}

.product_graph { display:none;}
.product_graph img { width:100%; height:auto;}

.pd_tit { margin-bottom:30px; line-height:48px; font-size:36px; color:#444;}
.pd_txt { line-height:30px; font-size:16px; color:#666;}



.pRow1 .rowIn { padding:38px 0 58px 0;}
.pRow1_txt { float:left; margin-top:90px;}
.pRow1_graph { position:relative; float:right; right:-31px; width:786px; text-align:right;}
.pRow1_img1 { display:inline-block;}
.pRow1_img2 { position:absolute; top:96px; left:0; z-index:1;}
.pRow1_img3 { position:absolute; top:145px; left:117px; z-index:2;}



.pRow2 .pd_tit,
.pRow2 .pd_txt { text-align:center;}
.pRow2 .pd_tit { margin-bottom:20px;}

.pRow2_con { position:relative; margin-top:70px;}
.pRow2_feature { position:absolute; top:0; width:365px; z-index:1;}
.pRow2_l { left:0;}
.pRow2_r { right:0;}
.pRow2_feature_li { position:relative; margin-bottom:110px;}
.pRow2_feature_ico { position:absolute; top:0; width:78px; height:78px; background-position:0 0; background-repeat:no-repeat;}
.pRow2_ico1 { background-image:url(../img/pdico1.png);}
.pRow2_ico2 { background-image:url(../img/pdico2.png);}
.pRow2_ico3 { background-image:url(../img/pdico3.png);}
.pRow2_ico4 { background-image:url(../img/pdico4.png);}
.pRow2_feature_con {}
.pRow2_feature_tit { margin-bottom:5px; line-height:36px; font-size:18px;}
.pRow2_feature_txt { line-height:20px; font-size:14px; color:#888;}

.pRow2_l .pRow2_feature_ico { right:0;}
.pRow2_l .pRow2_feature_con { margin-right:98px; text-align:right;}

.pRow2_r .pRow2_feature_ico { left:0;}
.pRow2_r .pRow2_feature_con { margin-left:98px; text-align:left;}

.pRow2_graph { position:relative; width:695px; margin-left:288px; z-index:0;}
.pRow2_graph img { width:100%; height:auto;}



.pRow3_txt { float:left; margin-top:50px;}
.pRow3_graph { float:right; padding-right:70px;}
.pRow3_graph img { width:100%; height:auto;}



.pRow4 .rowIn { padding:50px 0 0 0;}
.pRow4_txt { float:right; width:50%; margin-top:75px;}
.pRow4_txt .pd_tit,
.pRow4_txt .pd_txt { padding-left:40px;}
.pRow4_graph { float:left; width:50%;}
.pRow4_graph img { width:100%; height:auto;}




.pRow5 { height:847px; background:url(../img/product_img5_bg.png) 0 0 repeat-x; text-align:center;}
.pRow5 .pd_tit,
.pRow5 .pd_txt,
.sRow2 .pd_tit,
.sRow2 .pd_txt { color:#fff;}
.pRow5 .pd_tit { margin-bottom:20px;}
.pRow5_graph { margin:0 auto; margin-top:50px;}
.pRow5_graph img { width:100%; height:auto;}






.service_ban { height:720px; background:url(../img/service_ban.png) center top no-repeat;}
.service_ban .banTit { margin-top:90px;}

.sv_graph { position:relative; margin-top:60px;}
.sv_graph_img { width:570px; margin:0 auto;}
.sv_graph_img img { width:100%; height:auto;}
.sv_graph_step1,
.sv_graph_step2,
.sv_graph_step3,
.sv_graph_step4 { position:absolute; z-index:1;}
.sv_graph_step1 { top:-11px; left:65px;}
.sv_graph_step2 { top:170px; left:135px;}
.sv_graph_step3 { top:-27px; right:147px;}
.sv_graph_step4 { top:145px; right:60px;}

.sv_graph_con { width:225px; text-align:center;}
.sv_graph_ico { display:inline-block; width:50px; height:50px; margin:0 auto; background-position:0 0; backround-repeat:no-repeat;}
.sv_graph_step1 .sv_graph_ico { background-image:url(../img/busico1.png);}
.sv_graph_step2 .sv_graph_ico { background-image:url(../img/busico2.png);}
.sv_graph_step3 .sv_graph_ico { background-image:url(../img/busico3.png);}
.sv_graph_step4 .sv_graph_ico { background-image:url(../img/busico4.png);}

.sv_graph_tit { padding:10px 0 5px 0; line-height:24px; font-size:18px; color:#48ffc0;}
.sv_graph_txt { line-height:18px; font-size:14px; color:#fff;}

.sv_graph_link1,
.sv_graph_link2,
.sv_graph_link3,
.sv_graph_link4 { position:absolute; z-index:1; background-position:0 0; backround-repeat:no-repeat;}
.sv_graph_link1 { top:72px; left:208px; width:239px; height:55px; background-image:url(../img/buslink1.png);}
.sv_graph_link2 { top:69px; left:191px; width:160px; height:7px; background-image:url(../img/buslink2.png);}
.sv_graph_link3 { top:72px; right:186px; width:181px; height:44px; background-image:url(../img/buslink3.png);}
.sv_graph_link4 { top:12px; right:148px; width:278px; height:25px; background-image:url(../img/buslink4.png);}



.sv_flow { margin-top:60px;}
.sv_flow_li1 { float:left; width:20%;}
.sv_flow_li2 { position:relative; float:left; width:6.6%;}

.sv_flow_wrap { position:relative; height:318px; border:1px #ddd solid; background:#fff; -webkit-box-shadow:0 5px 10px rgba(0,0,0,.05); -moz-box-shadow:0 5px 10px rgba(0,0,0,.05); -o-box-shadow:0 5px 10px rgba(0,0,0,.05); box-shadow:0 5px 10px rgba(0,0,0,.05); text-align:center;}

.sv_flow_lab { position:absolute; display:block; width:50px; height:50px; z-index:1; top:-1px; left:-1px; background-position:0 0; backround-repeat:no-repeat;}
.sv_flow1 .sv_flow_lab { background-image:url(../img/flownum1.png);}
.sv_flow2 .sv_flow_lab { background-image:url(../img/flownum2.png);}
.sv_flow3 .sv_flow_lab { background-image:url(../img/flownum3.png);}
.sv_flow4 .sv_flow_lab { background-image:url(../img/flownum4.png);}

.sv_flow_ico { display:inline-block; width:70px; height:70px; margin:50px 0 35px 0; background-position:0 0; backround-repeat:no-repeat;}
.sv_flow1 .sv_flow_ico { background-image:url(../img/flowico1.png);}
.sv_flow2 .sv_flow_ico { background-image:url(../img/flowico2.png);}
.sv_flow3 .sv_flow_ico { background-image:url(../img/flowico3.png);}
.sv_flow4 .sv_flow_ico { background-image:url(../img/flowico4.png);}

.sv_flow_tit { margin-bottom:15px; line-height:20px; font-weight:bold; font-size:16px;}
.sv_flow_txt { padding:0 40px; text-align:left; line-height:24px; font-size:14px; color:#666;}

.sv_flow_link { position:relative; height:2px; margin-top:158px; background:#ccc;}
.sv_flow_arr { position:absolute; display:block; top:50%; left:50%; width:13px; height:10px; margin:-5px 0 0 -6px; z-index:1; background:url(../img/flowarr.png) 0 0 no-repeat;}



.sRow2 { height:600px; background-color:#1bb484; background-image:url(../img/service_bg.png); background-position:center top; background-repeat:no-repeat;}

.sv_item1,
.sv_item2,
.sv_item3,
.sv_item4,
.sv_item5 { width:126px; margin:0 auto; text-align:center;}
.sv_item1 { padding-top:75px;}
.sv_item2 { padding-top:120px;}
.sv_item3 { padding-top:45px;}
.sv_item4 { padding-top:123px;}
.sv_item5 { padding-top:70px;}

.sv_item_tit { margin-bottom:15px; line-height:18px; font-size:16px; color:#fff;}
.sv_item_link { width:13px; margin:0 auto;}
.sv_item_link img { width:100%; height:auto;}

.sv_item_ico { margin:0 auto;  background-position:0 0; backround-repeat:no-repeat;}
.sv_item1 .sv_item_ico { width:106px; height:106px; background-image:url(../img/gtico1.png);}
.sv_item2 .sv_item_ico { width:124px; height:124px; background-image:url(../img/gtico2.png);}
.sv_item3 .sv_item_ico { width:116px; height:116px; background-image:url(../img/gtico3.png);}
.sv_item4 .sv_item_ico { width:126px; height:126px; background-image:url(../img/gtico4.png);}
.sv_item5 .sv_item_ico { width:96px; height:96px; background-image:url(../img/gtico5.png);}






.user_ban { height:400px; background:url(../img/user_ban.png) center top no-repeat;}
.user_ban .banSub { font-size:20px; opacity:1; filter:alpha(opacity=100);}




.ghostTab-head { background:#f4f4f4;}
.ghostTab-tab { float:left; width:25%; padding:20px 0 30px 0; text-align:center;}
.ghostTab-tab a { position:relative; display:inline-block; width:43px; height:43px; background-position:0 0; background-repeat:no-repeat; text-decoration:none;}
#ghostTab1 a { background-image:url(../img/tablogo_ds1.png);}
#ghostTab2 a { background-image:url(../img/tablogo_zb1.png);}
#ghostTab3 a { background-image:url(../img/tablogo_car1.png);}
#ghostTab4 a { background-image:url(../img/tablogo_op1.png);}
.tab_cur { display:none; position:absolute; left:50%; bottom:-37px; width:61px; height:11px; margin-left:-30px; z-index:1; background-image:url(../img/tabcur.png);}

.ghostTab-cur .tab_cur { display:block;}
#ghostTab1 .ghostTab-cur { background-image:url(../img/tablogo_ds2.png);}
#ghostTab2 .ghostTab-cur { background-image:url(../img/tablogo_zb2.png);}
#ghostTab3 .ghostTab-cur { background-image:url(../img/tablogo_car2.png);}
#ghostTab4 .ghostTab-cur { background-image:url(../img/tablogo_op2.png);}


.tab_txt {
  display: inline-block;
  font-size: 14px;
  color: #444;
  position: absolute;
  width: 60px;
  top: 45px;
  text-align: center;
  left: -7px;
}

.ghostTab-con { padding:40px 0; display:none;}


.user_brief { padding-bottom:40px;}
.user_brief_tit { padding-bottom:20px; text-align:center;}
.user_brief_tit h2 { height:36px; background:url(../img/briefline.png) center 17px no-repeat; line-height:36px; font-size:22px; color:#444;}
.user_brief_spell { font-size:12px; text-transform:uppercase; color:#aaa;}

.user_brief_q1,
.user_brief_q2 { position:absolute; display:block; width:25px; height:20px; background-position:0 0; backround-repeat:no-repeat;}
.user_brief_q1 { top:0; left:47px; background-image:url(../img/briefq1.png);}
.user_brief_q2 { right:47px; bottom:20px; background-image:url(../img/briefq2.png);}
.user_brief_txt { position:relative; padding:0 100px;}
.user_brief_txt p { font-size:12px; line-height:26px; color:#666;}


.user_detail { padding:0 50px;}
.user_detail_li { float:left; width:33.3%;}
.user_detailIn { padding:0 50px;}

.user_detail_head { position:relative; margin-bottom:15px; padding:5px 0 5px 50px;}
.user_detail_ico1,
.user_detail_ico2,
.user_detail_ico3 { position:absolute; top:0; left:0; width:42px; height:42px; background-position:0 0; backround-repeat:no-repeat;}
.user_detail_ico1 { background-image:url(../img/detailico1.png);}
.user_detail_ico2 { background-image:url(../img/detailico2.png);}
.user_detail_ico3 { background-image:url(../img/detailico3.png);}

.user_detail_tit { line-height:18px; font-size:18px; color:#1bb484;}
.user_detail_spell { font-size:10px; text-transform:uppercase; color:#aaa;}
.user_detail_txt { line-height:24px; font-size:12px; color:#666;}



.uRow2 { border-bottom:1px #ddd solid;}

.user_li { float:left; width:14.2%; text-align:center;}
.user_logo { display:inline-block;}



.index-title{
  font-size: 40px;
  color:#40ca9f;
}



 .status_404{

 }
.ycb-text-center {
  text-align: center;
}
.font-404 {
  font-size: 90px;
  color: #40ca9f;
  padding-top: 30px;
}
.status_404_text {
  padding: 30px;
}
.ycb-404 {
  background: url(../img/404.png) no-repeat;
  text-align: center;
  padding: 15% 0 13%;
  font-size: 18px;
  position: absolute;
  bottom: 0;
  background-size: 100% 100%;
  width: 100%;
}
.ycb-text-deep-green {
  color: #15926b;
}
.square-btn {
  width: 180px;
  padding: 15px 30px;
  border: 1px solid #15926b;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  color: #15926b;
  display: block;
  margin: 0 auto;
  font-size: 18px;
}