@charset "utf-8";
.sp_header {position:fixed;top:0;z-index:10;overflow:hidden;width:100%;height:50px;background: white;}
.sp_logo {float:left;/* padding:10px; */height:50px;margin-left: 10px;}
.sp_logo img {margin:auto;height: 36px;margin-top: 8px;}
.sp_nav {position:relative;float:right;margin-top:15px;width:50px;height:30px;cursor:pointer}
.sp_nav span {position:absolute;left:10px;display:block;width:30px;height:2px;background: #548ed3;transition:all ease .35s;}
.sp_nav span:nth-of-type(1) {top:0}
.sp_nav span:nth-of-type(2) {top:10px}
.sp_nav span:nth-of-type(3) {top:20px}
.sp_nav_se span:nth-of-type(1) {top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2) {width:0}
.sp_nav_se span:nth-of-type(3) {top:10px;transform:rotate(-45deg)}
.sjj_nav {position:fixed;top:-100%;left:0;z-index:9;overflow:auto;overflow-x:hidden;width:100%;height:calc(100% - 78pt);background:#fff;font-size:14px;line-height:40px;transition:top ease .35s;z-index: 9999;}
.nav_show {top:50px}
.sjj_nav>ul>li:first-child {overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a {float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language {float:right;overflow:hidden;margin-top:5px;width:70px;line-height:30px}
.sjj_nav>ul>li:first-child .language a {float:left;width:35px;border-left:1px solid #ddd;color:#999;text-align:center}
.sjj_nav ul li i {position:absolute;top:5px;right:0;padding:0 7px;height:30px;border-left:1px solid #ddd}
.sjj_nav ul li i svg {transition:all ease .35s;transform:rotate(-90deg)}
.sjj_nav ul li .sjj_nav_i_se svg {transform:rotate(0)}
.sjj_nav ul li {position:relative;margin-left:20px;border-top:1px solid #ddd;font-size:14px;line-height:40px}
.sjj_nav>ul>li:last-child {border-bottom:1px solid #ddd}
.sjj_nav ul li ul {display:none}
.sjj_nav ul li a {width:80%;color:#666;display: block;}
.sjj_nav ul li ul li a {display:block;color:#999;text-align:left}
.sjj_nav ul li i svg {width:20px;height:20px;fill:#555}
.sjj_nav ul li .sjj_nav_i_se svg {fill:#c9141e}
.sjj_nav ul li ul li>ul {margin-left:10px}
.pc1440,.pc1220,.pc1086,.pc800,.pc650,.pc600,.pc450{display: block;}
.mm1440,.mm1220,.mm1086,.mm800,.mm650,.mm600,.mm450{display: none;}
@media only screen and (max-width: 1440px){
	.mm1440{display: block;}
	.pc1440{display: none;}
	.wh{width: 95%}
	.i_nav > li{margin-left: 20px;}
	.i_nav > li > a{font-size:18px}
	.iheader .wh{width:900px}
	.lunb01 .ro .h3{font-size:40px}
	.lunb01 .ro .h5{font-size:30px}
	.seo_choose_list li .flex_jz h3{font-size:30px}
}
@media only screen and (max-width: 1220px){
	.mm1220{display: block;}
	.pc1220{display: none;}
	.i_achieve_list li .num{font-size: 27px;}
    .i_achieve_list li{background-size:100px;height: 250px;}
    .i_partner_tt > h3{font-size: 24px;}
    .brand_ad_list .brand_ad_img{width:300px;height: 285px;margin-left: -150px;margin-top: -142px;}
    .brand_ad_list_ul li{font-size: 14px;width: 165px;height: 35px;line-height: 35px;}
    .brand_ad_list{width: 788px;height: 400px;margin: 0 auto;}
	.seo_choose_list li .flex_jz h3{font-size:24px}
	.seo_choose_list li .ro h3{font-size:18px}
	.info_list ul li{height:auto}
	.info_list ul li .pic{width:100%;float: none;}
	.info_list ul li .ro{margin-left: 20px;padding-bottom: 30px;}
	.info_list ul li .info{float:none;width: 100%;padding-left: 0;}
	.info_list ul li .flex_jz{float:none;width: 100%;height: 100px;}
	.info_list ul li .bgImgAA{padding-bottom: 80%;height: 0;}
    .info_list ul li .bgImgAA .bgImgAB{background-position: top;}
}
@media only screen and (max-width: 1086px){
	.mm1086{display: block;}
	.pc1086{display: none;}
	body{padding-top:50px}
	.i_banner_nav li img{position:relative;margin-top: 0;left: 0;top: 0;}
	.i_banner_nav li a{width:100%}
	.i_banner_nav li{padding:0 10px}
	.i_banner_nav li .ro{margin-left:0;margin-top: 7px;}
	.lunb01{height:500px}
	.i_banner .i_banner_nav{position:relative;bottom: 0;margin-top: 30px;}
    .i_about .i_about_l{width:100%}
    .i_about .i_about_r{width:100%}
    .i_partner_tt > h3{float:none}
    .i_partner{padding-top:50px}
    .i_partner_tt .iscroll{width:100%;margin-top: 20px;}
      .i_news_contain > .l{width:100%}
      .i_news_contain > .r{width:100%}
      .i_news_img{margin-bottom:50px}
      .lBanner{height:250px}
      .brand_process_list li:after{display:none}
      .brand_process .wrapp{width:100%}
      .brand_process .brand_process_list{left:0}
	.seo_choose_list li{width:50%}
	.seo_promise_list li{width:49%;margin-left: 0;}
	.seo_promise_list li:nth-of-type(2n){float:right}
	
  }
@media only screen and (max-width: 800px){
	.mm800{display: block;}
	.pc800{display: none;}
	.i_banner_nav li{width:33.33%}
	.i_service_list li{width:49%;margin-left: 0;}
	.i_service_list li:nth-of-type(2n){float:right}
    .i_achieve_list li{width: 50%;height: 180px;}
    .i_achieve_list li:last-child{display:none}
    .i_partner_tt > a{display:none}
    .i_cert .i_cert_tt{float:none;width: 100%;height: 50px;}
    .i_cert .i_cert_th{margin-left:0}
    .i_cert_tt li{width:50%;float: left;height: 50px;line-height: 50px;}
    .i_cert_tt li p{font-size: 16px;display: inline-block;}
    .i_cert_th{height:auto;padding: 20px;}
    .i_cert_imgs li{width:49%;margin-left:0}
    .i_cert_imgs li:nth-of-type(2n){float:right}
    .i_cert_th .iscroll,.i_cert .i_cert_list{height:auto}
    .i_news_img li{width:100%;margin-left:0;margin-bottom: 20px;}
    .i_case_list li{width:50%}
    .iFoot .l{float: none;width: 350px;margin:0 auto;}
    .iFoot .iF_info{float:none;margin-top: 20px;width: auto;float: left;}
    .iFoot .iF_img{/* float:none; */margin-top: 20px;}
    .iF_flist li{margin-right:20px;width: 90px;}
    .iFoot .iF_form{margin:0 auto;margin-top: 20px;}
    .lunb02 .i_about_r_ro{width: 96%;padding: 20px;height: 210px;}
    .lunb02 .swiper-slide{overflow:hidden;padding: 20px 0;}
    .i_about_r_ro .iscroll{width:100%;height: 100px;}
    .tou_01 h3{font-size:24px}
    .tou_01 p{font-size: 12px !important;}
    .i_cert_th .mCSB_container{padding-right:0}
    .i_news_list li a{font-size:14px}
    .tou_01 p.cn{margin-top:10px}
    .tou_01{padding: 30px 0px;}
    .iFoot .dLogo{margin:0 auto;display: block;text-align: center;}
    .hagro_intro .l{width:100%}
    .hagro_intro .bgImgAA{width:100%}
    .hagro_intro .r{width:100%;margin-top: 20px;}
    .hagro_intro_list li p{font-size:14px;height: 40px;}
    .hagro_intro_list li{width:49%;margin-left:0}
    .hagro_intro_list li:nth-of-type(2n){float:right}
    .crm_automate_list li{width: 49%;margin-left:0;}
     .crm_automate_list li:nth-of-type(2n){float:right}
     .crm_automate_list li .p{height: 130px;}
     .hagro_crm_list li{width:49%;margin-left:0}
     .hagro_crm_list li:nth-of-type(2n){float:right}
	 .vr_case li{width:49%;margin-left:0}
	 .vr_case li:nth-of-type(2n){float:right}
     .hagro_ai:before{display:none}
     .hagro_ai .l{width:100%}
     .customs_business_list li{width:49%;margin-left:0}
     .customs_business_list li:nth-of-type(2n){float:right}
     .customs_business_list li .ro{height:70px}
     .customs_list .bgImgAA{width:100%;position: relative;margin-bottom: 20px;height: 0;padding-bottom: 50%;}
     .customs_list .ro{width:100%;height: auto;}
     .customs_list .list li h3{font-size:18px}
     .brand_ad_img .flex_jz img{height:35px}
     .brand_ad_img .flex_jz p{font-size:16px}
     .brand_ad_list .brand_ad_img{width:150px;height: 142px;margin-left: -75px;margin-top: -71px;width: 100%;height: 100%;margin-left: 0;margin-top: 0;left: 0;top: 0;opacity: .6;}
     .brand_ad_list_ul li{font-size:12px;width: 135px;line-height: 30px;height: 30px;}
     .brand_ad_list{width: 506px;height: 278px;}
	.brand_seo .bgCover{width:100%}
	.brand_seo .brand_seo_list{width:100%;position: absolute;background: rgba(22,22,22,0.63);}
	.brand_play_list li{width:100%;margin-bottom: 20px;}
	.brand_play_list li .bgImgAA{padding-bottom:50%}
	.brand_service_list{width:300px;margin: 0 auto;}
	.brand_service_list li{margin-bottom: 80px;}
	.brand_service .brand_service_list{margin-top:0}
	.brand_service{padding-top:100px}
	.brand_service:before{font-size:150px;width: 100%;text-align: center;margin-left: 0;left: 0;}
	.brand_process_list li{width:50%}
	.crm_other_list li{width:100%;margin-bottom: 30px;margin-left: 0;}
	.crm_manager .pic{width:100%}
	.crm_manager .flex_jz{width:100%;height: auto;}
	.crm_fumeng h3{font-size:24px}
	.crm_fumeng img{width:80%}
	.crm_fumeng .list span{margin-right:10px;font-size: 14px;padding: 0 10px;}
	.shop_list_trait li .pic{width:100%;}
	.shop_list_trait li .flex_jz{width:100%;height: auto;margin-top: 30px;}
	.shop_version_list li{width:100%;margin-left:0}
	.vr-ser-list li{width:100%;margin-bottom: 30px;}
	.news .wh>.l{width:100%}
	.news .wh>.r{width:100%;margin-bottom: 70px;}
	
	.google_item>li .bgImgAA{width:100%;height: 0;padding-bottom: 50%;}
	.google_item>li .flex_jz{width:100%;height: auto;margin-top: 30px;}
	.google_item>li .ro{width:100%}
	.seo_site .pic{width:100%}
	.seo_site .flex_jz{width:100%;margin-top: 40px;}
	.seo_optimize_list li{width: 50%;}
	.lBanner .ro .iscroll{width:100%;font-size: 14px;margin-top: 20px;}
	.course_th .item{overflow-x:scroll;width: 100%;}
	.course_th .item table{width: 800px !important;}
	.vr-app-one .vr-app-pic{width:100%}
	.vr-app-one .vr-app-content{width:100%}
	.new_con img{max-width: 100% !important;}
	.news{padding-top: 40px !important;}
}
@media only screen and (max-width: 650px){
	.mm650{display: block;}
	.pc650{display: none;}
	.lunb01 .ro .h3{font-size:28px}
	.lunb01 .ro .h5{font-size:22px}
	.btuA{width:220px;line-height: 35px;height: 35px;font-size: 14px;}
	.iF_formb .btuA{width:100%;height: 45px;line-height: 45px;}
    .i_partner_list li{width: 47%;margin-left:0;margin-bottom: 4%;}
    .i_partner_list li:nth-of-type(2n){float: right;}
	.brand_ad_list_l li:nth-of-type(1){left:30%}
	.brand_ad_list_r li:nth-of-type(1){right:30%}
	.brand_process_list li>div{width:90%}
}
@media only screen and (max-width: 600px){
	.mm600{display: block;}
	.pc600{display: none;}
	.brand_ad_list{
		 /* -webkit-transform: scale(0.8); */ /* Safari */
		 /* transform: scale(0.8); */ /* 标准语法 */
		 width: 350px;
		 height: 320px;
	}
	.seo_promise_list li{width:100%;padding: 20px;margin-bottom: 30px;}
	.seo_promise_list .iscroll{height:auto}
	.info_list ul li{width:100%;margin-left:0}
	

}
@media only screen and (max-width: 450px){
	.mm450{display: block;}
	.pc450{display: none;}
	.i_banner_nav li{width:50%}
	.iFoot .l{width:100%}
	.iFoot .r{width: 100%;margin-top: 50px;}
	.iF_info p{font-size:14px;}
	.iF_flist{font-size:0}
	.iF_flist li p{font-size:12px}
	.iF_flist li{margin-right: 0;display: inline-block;float: none;vertical-align: top;width: 33%;}
    .i_banner{height:auto}
    .lunb01{height: 95vh;}
    .mCSB_container{padding-right:0}
    .i_about_l .iscroll{margin-right:0;height: auto;}
    .iF_flist li img{height:35px}
    .dLogo img{height:40px}
    .iFoot .iF_copy{font-size:12px}
    .i_news_list li time{display:none}
    .crm_automate_list li{width:100%;margin-bottom: 30px;}
    .crm_automate_list li .p{height:auto}
    .hagro_collect_list li{width:100%}
    .hagro_collect_list li h3{font-size:18px}
    .hagro_collect_list li p{margin-top:10px}
    .hagro_collect{margin-bottom:50px}
    .hagro_crm_list li{width:100%;margin-bottom:20px}
    .hagro_ai .l{width:100%}
    .customs_business_list li{width:100%;margin-bottom:20px}
    .customs_business_list li .ro{height:auto}
	.seo_choose_list li .ro h4{font-size:16px}
	.seo_choose_list li{width:100%}
	.brand_ad_list_l li{left: 0 !important;}
	.brand_ad_list_r li{right:0 !important;}
	.iF_formb{width:100%}
	.brand_seo_list ul li{font-size: 14px;}
	.brand_play_list li .ro img{height: 50px;}
	.brand_play_list li .ro p{font-size: 14px;}
	.brand_ad_list .brand_ad_img{display: none;}
	.brand_ad .brand_ad_list{width: 300px;}
	.lBanner .ro .iscroll{display:none}
}
@media only screen and (max-width: 350px){
	.i_service_list li h3{font-size:18px}
	.ico_circle{width:80px;height:80px}
	.ico_circle img{width: 40px;height: 40px;margin-top: -20px;margin-left: -20px;}