@media (max-width:1024px) {


.webWidth1 { width:auto; margin:0 5%;}



.banTit { margin-top:80px; font-size:36px;}



.footIn { text-align:center;}


.foot_logo { float:none; vertical-align:15px;}


.contact { float:none;}
.contact .contact_tit span { display:none;}


.QR { float:none;}


.copyright { float:none; text-align:center; clear:both; margin-top:20px; padding-top:20px; border-top:1px #444 solid;}





   

.mp_feature { width:240px;}
.mp_feature_li { padding:20px 0;}




.product_ban { height:auto; padding-bottom:100px; background:url(../img/product_ban.png) center top no-repeat;}

.product_graph { display:block; width:90%; margin:30px auto 0 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 { overflow:hidden;}
.pRow1 .rowIn { padding:20px 0 58px 0;}
.pRow1_txt { width:45%; margin-top:70px;}
.pRow1_graph { width:55%; right:0;}
.pRow1_img2 { top:66px; left:-120px;}
.pRow1_img3 { top:115px; left:-20px;}
.pRow1_img1,
.pRow1_img2,
.pRow1_img3 { width:80%;}



.pRow2 .rowIn { padding-top:80px;}
.pRow2_feature { width:300px;}
.pRow2_graph { width:580px;  margin:0 auto;}



.pRow3_graph { width:500px; padding-right:0;}



.pRow4_txt { margin-top:30px;}
.pRow4_graph { width:45%;}







.service_ban { height:630px;}
.service_ban .banTit { margin-top:70px;}

.sv_graph_img { width:450px;}
.sv_graph_step1 { top:-26px; left:0;}
.sv_graph_step2 { top:120px; left:70px;}
.sv_graph_step3 { top:-36px; right:65px;}
.sv_graph_step4 { top:105px; right:0;}

.sv_graph_con { width:225px; text-align:center;}
.sv_graph_ico { width:45px; height:45px;}

.sv_graph_tit { padding:5px 0;}

.sv_graph_link1 { width:190px; background-position:top right;}
.sv_graph_link2 { width:110px; background-position:top right;}
.sv_graph_link3 { width:140px; background-position:top left;}
.sv_graph_link4 { width:220px; background-position:top left;}



.sv_flow_li1 { float:left; width:22%;}
.sv_flow_li2 { position:relative; float:left; width:4%;}

.sv_flow_txt { padding:0 20px;}








.user_brief_q1 { left:0;}
.user_brief_q2 { right:0;}
.user_brief_txt { padding:0 50px;}


.user_detail { padding:0 25px;}
.user_detailIn { padding:0 25px;}



.user_ban { height:340px;}

.user_li { width:20%;}
}

.font-404 {
  padding-top: 32%;
}
@media (max-width:818px) {
  .nav_link{
    padding: 0 18px;
  }
  .exp_headBtn { margin-top:6px; padding:0 10px;}
  }
@media (max-width:769px) {





.headIn { position:relative; height:44px;}
.head_logo { width:100px; margin-top:10px; background: none;}


.nav { display:none; float:none; margin-left:0; position:fixed; top:0; left:0; right:0; bottom:0; z-index:9998; padding:44px 0; background:rgba(5,74,81,1);}
.nav_li { float:none; border-bottom:1px #323954 solid; text-align:center;}
.nav_link { padding:0; height:44px; line-height:44px; font-size:16px; color:#fff;}


.nav_shut { display:block; position:absolute; top:10px; right:10px; width:30px; height:30px; background-image:url(../img/shut.png);}
.nav_fold { display:block; float:right; width:15px; height:15px; margin:14px 10px 0 10px; background-image:url(../img/nav.png);}
.nav_unfold { height:220px;}


.exp_headBtn { margin-top:6px; padding:0 10px; border-bottom:none; background:none; line-height:34px; font-size:12px;}
.exp_headBtn_ico { display:none;}


.foot_logo,
.contact { display:block;}
.foot_logo { margin:10px auto 40px auto;}
.footIn { padding:20px 0;}


.QR { display:block; margin:20px auto 0 auto;}







.home_ban { height:auto; padding-bottom:30px; background:#14373e url(../img/home_ban.png) center bottom no-repeat;}

.home_txtArea { width:90%; margin:0 auto; padding-top:20%; text-align:center;}
.home_supTit { display:inline-block;}
.home_priTit h1 { margin:0 auto;}
.home_info_ico { display:none;}

.home_graph { display:block; margin:10% auto 0 auto;}



.mp_graph { width:240px; height:240px; margin-top:60px;}

.mp_feature { position:static; float:left; width:50%;}
.mp_feature_li { position:relative; padding:20px; text-align:center;}
.mp_feature_ico { position:static; display:inline-block; width:40px; height:40px; margin-bottom:10px;}

.mp_feature_tit { line-height:24px; font-size:15px;}
.mp_feature_txt { line-height:18px; font-size:12px;}

.mp_l .mp_feature_con { margin-right:0; text-align:inherit;}
.mp_r .mp_feature_con { margin-left:0; text-align:inherit;}

.mp_graph { margin-top:0px;}



.hRow2 .rowIn { padding:30px 0 0 0;}
.hRow2 .home_rowTit { margin-bottom:0;}
.hRow2 .float_two { float:none; width:100%; margin:40px 0;}

.case_wrap { margin:0 30px;}
.case_logo { height:50px;}






.pRow1_txt,
.pRow1_graph { float:none; width:100%;}
.pRow1_txt { text-align:center;}
.pRow1_img1 { width:60%; margin-right:12%;}
.pRow1_img1,
.pRow1_img2,
.pRow1_img3 { width:70%;}



.pRow2_con { margin-top:30px;}
.pRow2_feature { position:static; float:left; width:50%;}
.pRow2_feature_li { margin-bottom:50px;}

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

.pRow2_graph { width:100%; margin:0 auto;}



.pRow3_txt,
.pRow3_graph { float:none;}
.pRow3_txt { margin-top:20px; margin-bottom:30px; text-align:center;}
.pRow3_graph { width:80%; margin:0 auto; margin-bottom:20px;}



.pRow4_txt,
.pRow4_graph { float:none;}
.pRow4_txt { width:100%; margin-top:0; margin-bottom:30px; text-align:center;}
.pRow4_txt .pd_tit,
.pRow4_txt .pd_txt { padding-left:0;}
.pRow4_graph { width:90%; margin:0 auto;}




.pRow5 { height:600px;}






.service_ban { height:auto; padding-bottom:50px; background-color:#054a51;}
.service_ban .banTit { margin-top:20px;}

.sv_graph_img { width:400px;}
.sv_graph_step1 { top:-40px; left:-10px;}
.sv_graph_step2 { top:100px; left:20px;}
.sv_graph_step3 { top:-46px; right:0;}
.sv_graph_step4 { top:105px; right:-20px;}

.sv_graph_ico { width:40px; height:40px;}

.sv_graph_link1 { width:100px;}
.sv_graph_link2 { width:80px;}
.sv_graph_link3 { width:100px;}
.sv_graph_link4 { width:130px;}



.sv_flow_li1 { float:left; width:50%;}
.sv_flow_li2 { display:none;}
.sv_flow_wrap { margin:10px;}

.sv_flow_txt { padding:0 20px;}




.ghostTab-tab a {  height:40px; background-size:contain;}


.user_li { width:25%;}
}


@media (max-width:568px) {




.sv_graph_img { width:340px;}
.sv_graph_step1,
.sv_graph_step2,
.sv_graph_step3,
.sv_graph_step4 { position:static; margin:10px 0; float:left; width:50%;}

.sv_graph_con { width:auto; padding:0 10px; text-align:center;}

.sv_graph_tit { padding:0; line-height:18px; font-size:14px;}
.sv_graph_txt { padding:0 20px; line-height:16px; font-size:12px;}

.sv_graph_link1,
.sv_graph_link2,
.sv_graph_link3,
.sv_graph_link4 { display:none;}






.ghostTab .webWidth1 { margin:0;}
.ghostTab-tab { padding:0; text-align:center;}
.ghostTab-tab a { display:block; width:100%; line-height:40px;}
.tab_cur { bottom:-2px; width:49px; height:9px; margin-left:-25px;}

#ghostTab1 a,
#ghostTab2 a,
#ghostTab3 a,
#ghostTab4 a,
#ghostTab1 .ghostTab-cur,
#ghostTab2 .ghostTab-cur,
#ghostTab3 .ghostTab-cur,
#ghostTab4 .ghostTab-cur { background-image:none; text-align:center;}
.tab_txt { display:inline-block; font-size:14px; color:#444;position: s;

}
.ghostTab-cur .tab_txt { color:#1bb484;}


.user_brief_q1 { left:10px;}
.user_brief_q2 { right:10px;}


.user_detail_li { width:100%; margin-bottom:50px;}


.user_li { width:50%; margin:10px 0;}

}



@media (max-width:414px) {




.banIn { padding-top:44px;}
.banTit { margin-top:40px; padding:0 10px; font-size:24px;}

.rowTit { font-size:18px; color:#444;}

.rowIn { padding:20px 0;}





.exp { height:160px;}
.expIn { padding-top:20px;}
.exp_txt { font-size:16px;}
.exp_txt span { font-size:40px;}
.exp_btn { font-size:14px;}

.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_txt { margin-bottom:10px; font-size:20px;}

 
.home_supTit_left,
.home_supTit_right { width:19px; height:26px;}
.home_supTit_mid { line-height:26px; font-size:14px;}

.home_priTit h1 { width:280px; margin:0 auto;}

.home_info_li { line-height:20px; font-size:12px;}





.product_ban { padding-bottom:60px;}

.pd_tit { margin-bottom:10px; line-height:36px; font-size:24px;}
.pd_txt { font-size:14px;}



.pRow1_txt { margin-top:20px;}
.pRow1_graph { width:80%;}
.pRow1_img1 { width:50%; margin-right:20%;}
.pRow1_img2 { left:-40px;}
.pRow1_img3 { left:40px;}
.pRow1_img1,
.pRow1_img2,
.pRow1_img3 { width:60%;}



.pRow2 .rowIn { padding-top:40px;}

.pRow2_feature_li { margin-bottom:30px; padding:0 10px;}

.pRow2_feature_ico { position:static; margin:0 auto; width:60px; height:60px;}
.pRow2_l .pRow2_feature_con { margin-left:0; margin-right:0; text-align:center;}
.pRow2_r .pRow2_feature_con { margin-left:0; text-align:center;}

.pRow2_feature_tit { line-height:24px; font-size:14px;}
.pRow2_feature_txt { line-height:16px; font-size:12px;}




.pRow5 { height:auto;}






.sv_graph_txt { padding:0;}


.sv_flow { margin-top:30px;}
.sv_flow_li1 { float:left; width:50%;}
.sv_flow_wrap { height:200px; margin:10px;}

.sv_flow_tit { line-height:18px; font-size:14px;}
.sv_flow_txt { padding:0 15px; line-height:16px;  font-size:12px;}

.sv_flow_lab { width:30px; height:30px;}
.sv_flow_ico { width:40px; height:40px; margin:20px 0 10px;}



.sRow2 { height:auto; background-image:none;}

.sv_item .float_five:nth-child(1),
.sv_item .float_five:nth-child(2),
.sv_item .float_five:nth-child(3) { width:33.3%;}
.sv_item .float_five:nth-child(4),
.sv_item .float_five:nth-child(5) { width:50%;}








.user_ban { height:200px;}
.user_ban .banSub { line-height:30px; font-size:14px;}

}





@media (max-width:375px) {




.banTit { font-size:20px;}
.banSub { padding-top:0px; line-height:18px; font-size:12px;}


   

.sv_item_tit { margin-bottom:10px; font-size:14px;}

.sv_item_link { width:12px;}

.sv_item1 .sv_item_ico { width:95px; height:95px;}
.sv_item2 .sv_item_ico { width:112px; height:112px;}
.sv_item3 .sv_item_ico { width:104px; height:104px;}
.sv_item4 .sv_item_ico { width:113px; height:113px;}
.sv_item5 .sv_item_ico { width:86px; height:86px;}
}





@media (max-width:320px) {




.banTit { padding:0 20px; font-size:18px;}
.banSub { padding-top:0px; line-height:15px; font-size:10px;}


.exp { height:130px;}
.exp_txt { font-size:14px;}
.exp_txt span { font-size:30px;}
.exp_btn { font-size:12px;}





.home_priTit { padding-top:0;}
.home_priTit h1 { width:200px; margin:0 auto;}




.pd_tit { line-height:24px; font-size:20px;}
.pd_txt { font-size:12px;}



.sv_flow_li1 { float:left; width:100%;}





.sv_graph_img { width:280px;}


.sv_flow_txt { padding:0 60px;}

   

.sv_item_tit { font-size:12px;}

.sv_item_link { width:10px;}

.sv_item1 .sv_item_ico { width:86px; height:86px;}
.sv_item2 .sv_item_ico { width:100px; height:100px;}
.sv_item3 .sv_item_ico { width:94px; height:94px;}
.sv_item4 .sv_item_ico { width:102px; height:102px;}
.sv_item5 .sv_item_ico { width:77px; height:77px;}








.user_brief_txt { padding:0 50px;}


.user_detailIn { padding:0 25px;}
}