@media screen and (max-width:1024px) {
/* whole page width */
.webWidth1,
.webWidth2 { width:auto; margin:0 5%;}

/* foot */
.foot_info { padding-right:10px;}

/* feature */
.feaTit { margin:0 10%;}

/* consult */
.consult { right:20px; bottom:20px;}

/* iMac */
.iMac { width:76%; height:585px; margin-left:-38%; background-size:100%;}
.iMac_screen { width:88%; height:59.2%; margin:6.5% 6% 0 6%;}


/* rows of everypage */
.ctn,
.comp,
.error,
.eff,
.alert,.alarm { height:665px;}

.mul .graph { width:77.5%;}
.chain .graph { width:93.9%;}
.alert .graph { width:81.7%; margin-left:-40.8%;}
.cdn .graph { width:75.4%;}

/* tabs */
.user_brief_txt { padding:15px 50px;}
.user_detail_li1,
.user_detail_li2,
.user_detail_li3 { width:29%;}
.user_detail_li2 { margin:0 5%;}
#worldmap, #chinamap,.zr-element{width: 100% !important;}
.map img{width: 100%;}

.solutuonlogo{width: 100%;}
.logomain{padding-left: 25px;}
}


@media screen and (max-width:812px) {
	.echarts-tooltip.zr-element{transform: scaleX(.6) !important;}
}


@media screen and (max-width:768px) {
	/*------------------------------------------------------------------------------
    // iPad竖屏
    ------------------------------------------------------------------------------*/
/* zoom */
.zoom { top:24%;}

/* table */
.tb_box { width:100%;}
.tb_li1 { width:30%;}
.tb_li2 { width:70%;}



/* head */
.head { background-color:#2e3037;}
.headIn { height:44px;}
.head_logo { height:28px; margin-top:10px;}
.head_logo img { height:100%; width:auto;}

/* head change */
.head_cha { height:inherit; background-color:#2e3037;}
.head_cha .head_logo { margin-top:10px;}
.head_cha .nav { padding-top:0;}
.head_cha .exp_headBtn,
.head_cha .hollowBtn { margin-top:0;}

/* nav */
.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(45,48,55,.9);}
.nav_li { float:none; border-bottom:2px rgba(255,255,255,.1) solid; text-align:center;}
.nav_link { padding:0; height:50px; line-height:50px; font-size:16px; color:#fff;}
.nav_cur span,
.nav_cur:hover span { display:none;}

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

/* exp_btn */
.exp_headBtn,
.hollowBtn { width:auto; margin-top:0; margin-right:20px; padding:0; border-radius:0; border:none; background:none; line-height:44px; font-size:14px; color:#fff;}
.exp_headBtn:hover { background:#f23f21;}

/* foot */
.foot_li { width:25%;}
.foot_li_last { width:100%; padding-top:20px;}
.foot_info { padding-right:0;}
.QR { margin:0 auto;}



/* bans of everypage */
.home_ban { height:640px; background-image:url(../images/home_ban.png);}
.pageMnt_ban { height:700px; background-image:url(../images/pageMnt_ban.png);}

/* graph of everypage */
.home_graph,
.pageMnt_graph { display:block;}
.home_graph img,
.pageMnt_graph img { width:100%; height:auto;}

/* value */
.val { height:auto; background-size:cover;}
.val_li { width:33.3%;}
.val_li.fadeUp_short5,
.val_li.fadeUp_short6 { width:50%; padding-top:40px;}

/* evaluate */
.eval_li { width:50%; padding:20px 0;}


/* rows of everypage */
.ctn,
.comp,
.error,
.eff,
.alert,.alarm  { height:600px;}

.mul .graph { width:95%;}
.chain .graph { width:95%;}
.alert .graph { width:95%; margin-left:-45.5%;}
.cdn .graph { width:95%;}


/* tabs */
.ghostTab-tab { float:left; width:25%;}
.ghostTab-tab a { display:block; height:auto; margin:0; padding-top:0;}
.tabIco,
.tabSub { display:none;}
.tabTit { margin-top:0; line-height:44px; font-size:16px;}
.tabArr { bottom:-16px; margin-left:-8px; border-width:8px;}

.ghostTab-con { padding-top:30px;}

.user_brief { padding-bottom:0;}
.user_brief_tit h2 { height:30px; background-position: center 4px; line-height:30px; font-size:18px;}
.user_brief_spell { font-size:10px;}
.user_brief_q1,
.user_brief_q2 { display:none;}
.user_brief_txt { padding:15px 0; text-align:left; text-align:justify; text-justify:inter-ideagraph; word-break:break-all;}

.user_detail_li1,
.user_detail_li2,
.user_detail_li3 { float:none; width:100%; padding:20px 0;}
.user_detail_li2 { margin:0;}

.logomain{padding-left:15px;}
}


@media screen and (max-width:736px) {
	div.index-banBtn{
		padding: 25px 0;
	}
/*------------------------------------------------------------------------------
// iPone 横屏: 6plus-
------------------------------------------------------------------------------*/

/* module:feature */
.rowFea { width:100%;}

/* feature icons */
.feaIcon { width:70px; height:70px;}
.feaTit { margin-top:0; line-height:20px; font-size:16px;}
}


@media screen and (max-width:568px) {
/*------------------------------------------------------------------------------
// iPone 横屏: 5-
------------------------------------------------------------------------------*/


/* tabs */
.tabTit { padding:12px 10px; line-height:18px; font-size:14px;}
#ghostTab2 { padding:9px 0;}
}



@media screen and (max-width:414px) {
	a.exp_btn {
		padding: 0 22px;
	}
	a.play-vedio{
		padding: 0 28px;
	}
	.banSubjj span {
		padding: 0;
		font-size: 13px;
	}
	div.home_ban {
		height: 400px;
	}
	.play-vedio img {
		width: 23px;
		margin-top: -3px;
	}
/*------------------------------------------------------------------------------
// iPone 竖屏: 6 plus
------------------------------------------------------------------------------*/
/* whole page width */
.webWidth1,
.webWidth2 { margin:0 2%;}

/* iMac */
.iMac { position:relative; top:auto; left:auto; margin:0 auto;}
.iMac_screen { width:88%; height:59.2%; margin:0 6%; padding-top:6.5%;}
.ctn .iMac,
.comp .iMac { margin-top:10px;}

/* zoom */
.zoom { top:12%; width:60px; height:60px; margin-left:-30px;}

/* graph */
.graph { margin:20px auto 0 auto;}

/* module:banner */
.banIn { padding-top:140px;}
.banTit { font-size:30px;}
.banTit_line { display:none;}
.banSub { padding-top:10px; line-height:22px; letter-spacing:0;}
.banSub span { transform:scale(1);}

.websiteMnt_ban .banIn,
.solution_ban .banIn { padding-top:120px;}


/* module:row */
.rowIn { padding:30px 0;}
.rowTit { margin-bottom:20px;}
.rowTit_txt { padding-bottom:10px; line-height:24px; font-size:18px;}


/* feature icons */
.feaIcon { width:50px; height:50px;}
.feaTit { margin-top:0; line-height:16px; font-size:12px;}

/* exp */
.expIn { padding:30px 0;}
.exp_txt { margin-bottom:10px; font-size:16px; color:#4a4847;}
.exp_btn { width:auto; height:30px; padding:0 30px; border-radius:20px; line-height:30px; font-size:15px;}
.play-vedio { width:auto; height:30px; padding:0 30px; border-radius:20px; line-height:30px; font-size:15px;margin-right: 0;}

/* foot */
.footIn { padding:20px 0 40px;}
.foot_li { width:50%; padding:20px 0; text-align:center;height: 160px}
.foot_li_last { width:100%; padding-bottom:0;}
.foot_info { padding-right:0;}
.foot_infoTit { margin-bottom:10px;}
.QR { margin:0 auto;}

.foot_infoTit { margin-bottom:10px;}
.foot_infoTit_txt { font-size:12px;}
.foot_infoTit_bar { margin-top:4px;}
.foot_info_link { line-height:22px; font-size:12px;}

.copyright_txt { padding:15px 0;}

/* consult */
.consult { right:10px; bottom:10px; width:50px;}
.consult_link { display:block; height:50px;}
.consultIn { padding-top:10px;}
.consult_img { display:none;}
.consult_txt { margin-top:0; padding:0 10px; line-height:14px; font-size:12px; color:#fff;}

/* table */
.tb_con { padding-left:28px;}
.tb_head .tb_li1,
.tb_head .tb_li2 { font-size:14px;}
.tb_head .tb_con { padding-left:10px;}
.tb_sLine { display:inline-block; width:3px; height:15px; margin-right:15px; background:#49a7ff; vertical-align:middle;}
.tb_li1,
.tb_li2 { padding:10px 0; line-height:18px; font-size:12px;}

.tb_foot { padding-top:15px;}
.tb_foot_l,
.tb_foot_r { width:100%; text-align:center; font-size:13px;}
.tb_contact { margin:0 20px;}

/* bans of everypage */
.home_ban { height:400px;}
.pageMnt_ban { height:470px;}
.websiteMnt_ban { height:300px;}
.solution_ban { height:280px;}

/* graph of everypage */
.home_graph { margin-top:25px;}
.pageMnt_graph { margin-top:25px;}
.pageMnt_graph img { width:100%; height:auto;}


/* function */
.fn_li { width:100%; padding:20px 0;}
.fn_img { height:120px; margin:0 auto;}
.fn_tit { margin-top:15px; margin-bottom:5px; line-height:18px; font-size:15px;}
.fn_info { font-size:12px;}

/* value */
.val .rowTit { margin-bottom:20px;}
.val_li,
.val_li.fadeUp_short5 { width:50%;}
.val_li.fadeUp_short6 { width:100%;}
.val_li,
.val_li.fadeUp_short5,
.val_li.fadeUp_short6 { padding:15px 0;}
.val_img { height:80px;}
.val_tit { margin-top:10px; line-height:18px; font-size:15px;}
.val_info { font-size:24px;}

/* evaluate */
.eval_img { height:100px;}
.eval_tit { margin-top:10px; line-height:18px; font-size:15px;}


/* rows of everypage */
.ctn,
.comp,
.error,
.eff,
.alert,.alarm { height:350px; background-size:cover;}
.compbg{height: 375px;}
.mul,
.cdn { background-size:cover;}
.infrafea{background-size: cover;}
.infraerror{height: 375px;}
/* graph */
.alert .graph { top:190px;}
.cdn .graph { width:90%;}
.mul .graph { width:90%;}

#ghostTab2 { padding:0;}
div.banSubjj{margin-top: 12px;}
.article03 h1{font-size: 24px;}
.tab-cont a{font-size: 20px;padding: 10px 29px;}

.solutuonlogo h2{font-size: 22px;}
.logomain ul li{height: 50px;}
.logomain{padding-left: 8px;}
.article03 table tr td:last-child{padding: 10px;}
.article03 .name02{padding: 0 0 0 25px;font-size: 17px;min-width: 60px;}
.article03 table .name{font-size: 18px;}
.map{margin-left: 4px;}
}


@media screen and (max-width:375px) {
/*------------------------------------------------------------------------------
// iPone 竖屏: 6
------------------------------------------------------------------------------*/
/* iMac */
.ctn .iMac { margin-top:30px;}
.comp .iMac { margin-top:15px;}

/* zoom */
.zoom { top:10%; width:44px; height:44px; margin-left:-22px;}

/* graph */
.graph { margin:10px auto 0 auto;}


/* feature icons */
.feaIcon { width:40px; height:40px;}

/* module:banner */
.banIn { padding-top:120px;}
.banTit { font-size:24px;}
.banSub { font-size:13px;}

/* table*/
.tb_foot_l,
.tb_foot_r { font-size:12px;}

/* bans of everypage */
.home_ban { height:320px;}
.pageMnt_ban { height:400px;}
.solution_ban { height:280px;}


/* function */
.fn_img { height:100px;}
.fn_tit { font-size:14px;}

/* value */
.val_img { height:60px;}
.val_tit { font-size:14px;}
.val_info { font-size:22px;}

/* evaluate */
.eval_img { height:80px;}
.eval_tit { font-size:14px;}


/* rows of everypage */

.ctn,
.comp,
.error,
.eff,
.alert,.alarm  { height:320px; background-size:cover;}
.api,.compbg{height: 360px;}
.infrafea{background-size: cover;}
.infraerror{height: 350px;}
/* tabs */
.user_detail_ico { width:60px; height:60px; background-size:contain;}
.article03 .name02{padding: 0 0 0 20px;font-size: 16px;}
.article03 table .name{font-size: 17px;}
.article03 h1{font-size: 22px;}
	div.banSubjj{margin-top: 12px;}

}


@media screen and (max-width:370px) {

	.article03 .name02{padding: 0 0 0 20px;}
	.article03 table .name{font-size: 16px;}
}

@media screen and (max-width:356px) {

	.article03 .name02{padding: 0 0 0 18px;}
}

@media screen and (max-width:340px) {

	.article03 .name02{padding: 0 0 0 13px;}
}

@media screen and (max-width:320px) {
/*------------------------------------------------------------------------------
// iPone 竖屏: 5-
------------------------------------------------------------------------------*/
/* feature */
.feaTit { line-height:14px; font-size:10px;}
	.index-banBtn{margin-top: 12px}
	div.banSubjj{margin-top: 12px}
/* table */
.tb_foot_l,
.tb_foot_r { font-size:12px;}
.tb_foot_l { padding:5px 0;}
.tb_contact { display:block; padding:5px 0;}

.tb_contactIco1,
.tb_contactIco2 { width:16px; height:16px; vertical-align:-4px;}

/* exp */
.expIn { padding:20px 0;}
.exp_txt { font-size:15px;}

/* tabs */
#ghostTab2 { padding:9px 0;}

.compbg{height: 320px;}
.article03 table .name{font-size: 20px;}
.article03 h1{font-size: 18px;}
.article03 .name02{padding: 0 0 0 3px;}
#worldmap, #chinamap,.zr-element{width: 100% !important;}
.map img{width: 100%;}

.solutuonlogo h2{font-size: 16px;}
.logomain{padding-left: 5px;}
.logomain ul li{height: 35px;}
.article03 .name02{min-width: 73px;}
.topright{top: 60%;}
}

@media screen and (max-height: 812px){
	div.home_ban {
		height: auto;
	}
	/*.index-banBtn{margin-top: 20px}*/
}

@media screen and (min-width: 1024px){
	div.home_ban {
		height: 740px;
	}
	.index-banBtn{margin-top: 380px}

}