.redfont{color:#108cee;}
    .greenfont{color:#0C0;}
	.price {font-family:'Georgia'; color:#ff3c00;}
	.blocks { display: inline-block;}
	.btn { background: #108cee; border: none; color: #fff; font-family: "Microsoft YaHei",verdana; text-align: center;}
	.btn:hover { background: #108cee; color: #fff;}
	.allTit{ font-size: 32px; text-align: center; line-height: 1.8; color:#333;}
	.allTxt{ font-size: 16px; text-align: center; line-height: 1.8; color:#666;}
	.l-r{ transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0);}
	.t-b{ transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%);}
	.cen{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);}
	.pageMain_bg {}
	.pageMain { width: 98%; max-width: 1180px; overflow: hidden;}
	.font-big{font-size:42px;}
	.font-middle{font-size:36px;}
	.font-little{font-size:24px;}
	.font-small{font-size:18px;}
	.center{text-align:center;}
	.font-mainColor{color:#cc0000;}
	.top_mobi{display: none;}
	.thephonemenu{display: none;}


	#top {background:#fff; zoom:1;display: none;}
	.top {max-width: 1180px; width: 98%;}
	.top_pc { height: 110px;}
	.top_left { float: left; overflow: hidden; height: 110px;}
	#logo { float: left; height: 47px; margin-top: 10px; margin-right: 10px;}
	.logo_txt { float: left; height: 110px; line-height: 106px; font-size: 16px; color: #333;}
	.top_right { float: right;}
	.phone { float: left; overflow: hidden; margin-top: 30px;}
	.phone_img { float: left; margin-right: 10px;}
	.phone_text { float: left;}
	.phone_txt { font-size: 14px; color: #999;}
	.phone_number { font-size: 24px;}
	.top_other { float: right; margin-left: 30px;}
	.setmore { height:35px;}
	.helps { float: left;}
	.helps a { font-size: 14px; color: #333; height: 35px; line-height: 35px; width: 80px; display: block; text-align: center;}
	.languages { float: left;}
	.lang { padding: 0 10px; position: relative;height:35px;line-height:35px;}

	.lang a:hover{color:#108cee;}
	.lang a {margin: 0px 8px; color:#333;}
	.default_web { height: 35px; line-height: 35px; color: #333; font-size: 14px;}
	.enarr_t { border-color: #333 transparent transparent; border-style: solid dashed dashed; border-width: 4px; height: 0; width: 0; font-size: 0;}
	.lang:hover .default_web { color: #fff;}
	.lang:hover .default_web:hover { color: #f1351c;}
	.lang_menu { display: none; padding-bottom: 10px; position: absolute; top: 35px; left: 0px; z-index:999999; width: 100%; background: #333;}
	.lang:hover .lang_menu { display: block;}
	.lang_menu li { padding: 0 10px;}
	.lang_menu li a { line-height: 25px; font-size: 14px; color: #fff;}
	.lang:hover .lang_menu li a:hover { color: #f1351c;}

	.LogRes { width: auto; float: right; overflow: hidden; margin-top: 12px; }
	.uesr_login, .user_register, .user_logout { float: left; text-align: center; background: #108cee; width: auto; height: 35px; line-height: 35px; position: relative;}
	.uesr_login .enarr_t { border-color: #fff transparent transparent;margin-left: 5px;}
	.uesr_login>a, .user_register a, .user_logout a { color: #fff; font-size: 12px; padding: 0 20px;}
	.user_register {margin-right: 10px;}
	.user_logout { background: #eee;}
	.user_logout a { color: #333;}

	.logHover{display:none; position: absolute; right: 0; top: 40px; z-index: 99999999;}
	.uesr_login:hover .logHover {display:block}
	.windows { text-align: left; width: 270px; padding: 0 30px 30px 30px; background: #fff; overflow: hidden; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);}
	.windows h4 { font-size: 18px; color: #000; font-weight: normal; height: 40px; line-height: 40px; margin: 17px 0 12px 0;}
	.windows p { line-height: 30px; line-height: 30px; text-indent: 0;}
	.windows p .userpsw { margin: 12px 0 3px 0;}
	.windows p .user, .windows p .userpsw { width: 270px; height: 35px; background: #eee; border: none; color: #666; text-indent: 10px; border: 1px solid #d6d6d6;}
	.loginForm p.code_p { background: #fff; margin-top: 8px; height: 37px; line-height: 37px;}
	.loginForm p #logincode { width: 200px; float: left; margin: 0;}
	.loginForm p img { margin: 0 0 0 5px; float: left; width: 65px; height: 35px;}
	#codeImg { cursor: pointer;}
	.windows a { color: #666;}
	.windows p .regisbtn { background: #666; margin-right: 15px;}
	.windows p .loginbtn { background: #108cee;}
	.windows p .loginbtn, .loginForm p .regisbtn { width: 86px; height: 35px; line-height: 35px; text-align: center; border: none; color: #fff; cursor: pointer; margin-top: 15px;}

	.th_div{position: relative;max-width: 1180px;margin-left: auto;margin-top: auto;}
	.tb_tit{text-align: left;position: absolute;}
	.tb_tit p{color: #fff;font-size: 24px;}
	.tb_tit p:nth-child(1){font-size: 42px;}
	.tb_tit p:not(:first-child){margin-top: 15px;}
	.tb_tit .H_button{margin-top: 30px;display: inline-block;font-size: 16px;color: #fff;padding: 10px 35px;border: 1px solid #fff;}
	.tb_tit_lefttop{top: 80px;left: 100px;}
	.tb_tit_leftbottom{top: 200px;left: 100px;}
	.tb_tit_center{top: 80px;width: 100%;text-align: center;}
	.tb_tit_right{top: 80px;right: 100px;}
	.tb_tit_lefttop p{text-align: left;}
	.tb_tit_leftbottom p{text-align: left;}
	.tb_tit_right p{text-align: left;}


	@media screen and (min-width:320px) and (max-width:414px){
		.Homebanner, .Homebanner ul, .Homebanner ul li, .Homebanner ul li img{height: 200px;}
		.Homeleft{left: 0px;}
		.Homeright{right: 0px;}
		.Homedot{bottom: 10px;}
		.Homeleft,.Homeright{width: 35px;}
		.tb_tit{left: auto;right: auto;top: 25px;width: 100%;text-align: center;}
		.tb_tit p{text-align: inherit;font-size: 14px;padding: 0 10px;}
		.tb_tit p:nth-child(1){font-size: 24px;}
		.tb_tit p:not(:first-child){margin-top: 10px;}
		.tb_tit .H_button{font-size: 14px;margin-top: 20px;padding: 5px 20px;}
	}
	@media screen and (min-width:414px) and (max-width:767px){
		.Homebanner, .Homebanner ul, .Homebanner ul li, .Homebanner ul li img{height: 200px;}
		.Homeleft{left: 0px;}
		.Homeright{right: 0px;}
		.Homedot{bottom: 10px;}
		.tb_tit{left: auto;right: auto;top: 25px;width: 100%;text-align: center;}
		.tb_tit p{text-align: inherit;font-size: 18px;padding: 0 10px;}
		.tb_tit p:nth-child(1){font-size: 28px;}
		.tb_tit p:not(:first-child){margin-top: 10px;}
		.tb_tit .H_button{font-size: 14px;margin-top: 20px;padding: 5px 20px;}
	}
	@media screen and (min-width:768px) and (max-width:1023px){
		.tb_tit{left: auto;right: auto;width: 100%;text-align: center;top: 100px;}
		.tb_tit p{text-align: inherit;padding: 0 10px;}
	}

/*20190410新添加样式*/
  .section-box-container {
    width: 100%;
    padding: 15px 0px 10px;
    overflow: hidden;
  }
  .content-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .flex-item {
    position: relative;
    box-sizing: border-box;
    text-align: center;
  }
  .flex-item-row {
    text-align: left;
    overflow: hidden;
  }
  .content-img {
    display: inline-block;
    position: relative;
  }
  .flex-item-row .content-img {
    float: left;
  }
  .content-img img {
    max-width: 100%
  }
  .content-tit {
    text-align: center;
  }
  .flex-item-row .content-tit {
    text-align: left;
  }
  .content-title {
    color: #333;
    font-size: 20px;
  }
  .content-subtitle {
    color: #666;
    font-size: 14px;
    line-height: 25px;
  }
  .panel .panel-head {
    font-size: 16px;
    line-height: 40px;
    text-align: center;
  }
  .panel .panel-body {
    text-align: justify;
  }
  @media screen and (min-width:320px) and (max-width:767px) {
    .content-title {
      font-size: 16px;
    }
    .content-subtitle {
      margin-top: 5px;
    }
  }

/*菜单样式*/
	#mainmenu_bg { background: #000;border-bottom: 1px solid #999;}
	#mainmenu { width:98%; max-width: 1180px; height: 60px;}
	.menu_ul {height:60px; margin: 0 150px 0 189px;}
	.menu_ul li { float: left; width: auto; text-align: center;}
	.menu_ul li a { height: 60px; line-height: 60px; font-size: 16px; color: #fff; display: block; padding: 0 20px;}
	.menu_h { position: absolute; right: 0; top: 20px; color: #000;}
	.menu_z { position: absolute; left: 0; top: 20px; color: #000;}
	.menu_ul .current .menu_h,.menu_ul .current .menu_z,.menu_ul li:hover .menu_h,.menu_ul li:hover .menu_z{display:none;}
	.menu_ul .current a,.menu_ul li:hover > a,.menu_ul .sub-menu a:hover { color: #108cee; }
	.menu_ul .current:after,.menu_ul > li:hover:after { content: ''; display: block; background:#108cee; color:#fff;width: 100%;height: 3px;position: relative;bottom: 0px;margin-top: -2px;}
	.ad-bg ~ .thepcmenu .sub-menu{ top: 120px;}
	.menu_ul .sub-menu {
      display: none;
      padding: 5px 0;
      display: none;
      position: absolute;
      top: 60px;
      left: 0;
      width: 100%;
      min-width: 120px;
      background: #2e2e2e;
      border-top: 1px solid #666;
      overflow: hidden;
      z-index: 999999;
    }
    .menu_ul .sub-menu ul {
      background: #2e2e2e;
      max-width: 996px;
      margin: 0 auto;
      padding-left: 184px;
      overflow: hidden;
    }
    .menu_ul .sub-menu li {
      float: left;
      position: relative;
      list-style: none;
      width: auto;
      height: auto;
    }
    .menu_ul .sub-menu a {
      color: #fff;
      height: 35px;
      line-height: 35px;
      padding: 0 15px;
      font-size: 14px;
    }
    .newlogo{display: block;width: 28px;height: 18px;position: absolute;top: 5px;right: 8px;}
.menu_ul .sub-menu ul {
  display: inline-block;
}
.menu_ul .sub-menu ul.menu-padding01 {
  padding-left: 0px;
  margin-left: -130px;
}
.menu_ul .sub-menu ul.menu-padding02 {
  padding-left: 315px;
}
@media screen and (min-width: 1081px) and (max-width: 1220px) {
  .menu_ul .sub-menu ul.menu-padding01 {
    padding-left: 0px;
    margin-left: -90px;
  }
  .menu_ul .sub-menu ul.menu-padding02 {
    padding-left: 290px;
  }
}
@media screen and (min-width: 935px) and (max-width: 1080px) {
  .menu_ul .sub-menu ul.menu-padding01 {
    padding-left: 0px;
    margin-left: -15px;
  }
  .menu_ul .sub-menu ul.menu-padding02 {
    padding-left: 350px;
  }
}
@media screen and (min-width: 860px) and (max-width: 934px) {
  .menu_ul .sub-menu ul.menu-padding01 {
    padding-left: 0px;
    margin-left: -15px;
  }
  .menu_ul .sub-menu ul.menu-padding02 {
    padding-left: 350px;
  }
}
@media screen and (min-width: 811px) and (max-width: 859px) {
  .menu_ul .sub-menu ul.menu-padding01 {
    padding-left: 0px;
    margin-left: -60px;
  }
  .menu_ul .sub-menu ul.menu-padding02 {
    padding-left: 235px;
  }
}
@media screen and (min-width: 769px) and (max-width: 810px) {
  .menu_ul .sub-menu ul.menu-padding01 {
    padding-left: 110px;
  }
  .menu_ul .sub-menu ul.menu-padding02 {
    padding-left: 235px;
  }
}
@media screen and (min-width: 320px) and (max-width: 768px) {
  .menu_ul .sub-menu ul.menu-padding01,
  .menu_ul .sub-menu ul.menu-padding02 {
    padding-left: 0;
    margin-left: 0;
  }
  .menu_ul li {
    text-indent: unset!important;
  }
}
/*底部样式*/

.thephonebottom{display: none;position: relative;overflow: hidden;}

.link {width: 100%;font-size: 16px;overflow: hidden; max-width: 1180px; margin: 0 auto; padding: 20px 0; border-top: 1px solid #666; border-bottom: 1px solid #666;}
.link .maxwidth {max-width: 1180px; overflow: hidden;}
.link span{float:left;}
.link ul {overflow: hidden;}
.link ul li{float:left;padding: 0 20px;height: 21px;line-height: 21px;margin-bottom: 3px;color: #000;position:relative;}
.link ul li:after{content:'';display:block;width:1px;height:14px;background:#666;position:absolute;top:5px;right:0;}
.link ul li:last-child:after{width:0;}
.link ul li:nth-last-child(1){border:none;}
.link ul li a{color:#666;}

/*底部样式 - 推荐新闻*/
.section-box.recommending-news { background-color: #fff !important; }
.recommending-news .recommending-news-content { border: 1px solid #eaeaea; background-color: #fff; }
.recommending-news .recommending-news-item { width: 50%; background: #fff; margin: 0px; float: left; min-height: 45px; }
.recommending-news .recommending-news-item:nth-child(odd) .news-item-wrapper { padding-right: 20px; border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }
.recommending-news .recommending-news-item:nth-child(even) .news-item-wrapper { position: relative; left: -1px; padding-left: 20px; border-left: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }
.recommending-news .recommending-news-item:nth-last-child(1):nth-child(odd) .news-item-wrapper,
.recommending-news .recommending-news-item:nth-last-child(1):nth-child(even) .news-item-wrapper,
.recommending-news .recommending-news-item:nth-last-child(2):nth-child(odd) .news-item-wrapper { border-bottom-color: transparent; }
.recommending-news .recommending-news-item .news-title { height: 35px; line-height: 45px; font-size: 20px; color: #108cee; margin-bottom: 15px; }
.recommending-news .recommending-news-item .more { float: right; font-size: 14px; color: #108cee; }
.recommending-news .news-list { height: 125px; }
.recommending-news .news-list li { position: relative; height: 45px; line-height: 45px; font-size: 14px; padding-right: 80px; border-bottom: 1px dashed #dadada; }
.recommending-news .news-list li.has-cover { height: 100px; padding-right: 0; padding: 10px 0; }
.recommending-news .news-list li.has-cover .article-cover { float: left; width: 180px; height: 100px; }
.recommending-news .news-list li.has-cover .article-cover img { width: 100%; height: 100%; }
.recommending-news .news-list li:last-child { border: none; }
.recommending-news .news-list .has-cover .article-info { margin-left: 210px; }
.recommending-news .news-list .has-cover .article-info .article-title { display: block; font-size: 18px; line-height: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.recommending-news .news-list .has-cover .article-info .article-desc { display: block; line-height: normal; height: 40px; overflow: hidden; }
.recommending-news .news-list a { display: block; height: 100%; overflow: hidden; text-overflow: ellipsis; color: #666; }
.recommending-news .news-list .article-date { color: #999; font-size: 12px; float: right; position: absolute; top: 0; right: 0; }
.recommending-news .news-list .has-cover .article-date { float: none; position: static; line-height: normal; padding: 8px 0; display: block; }
@media screen and (max-width: 768px) {
  .recommending-news .recommending-news-item { width: 100%; }
  .recommending-news .recommending-news-item .news-item-wrapper { border-left: none !important; border-right: none !important; padding-left: 0!important; padding-right: 0!important; }
  .recommending-news .news-list li.has-cover .article-cover { width: 40%; }
  .recommending-news .news-list .has-cover .article-info { margin-left: 43%; }
}

/*底部样式 - 申请加盟*/
.section-box.join { background-color: #eee; }
.section-box .join-content { text-align: center; }
.section-box .join-content input:not([type="hidden"]) { width: 200px; height: 40px; line-height: 40px; padding: 0 10px; border: 1px solid #ccc; margin-bottom: 10px; margin-right: 5px;font-size: 14px;}
.section-box .join-content button[type="submit"] { width: 165px; height:40px; line-height: 40px; margin-left: 10px; background-color: #108cee; color: #fff; border: none; cursor: pointer;font-size: 14px;}
.section-box .join-content #errmsg1 { margin-top: 10px; margin-bottom: 20px; color: #f1351c; }
.section-box .join-content .join-desc { font-size: 14px; color: #666; }

#bottom { background: #333;}
#bottom .bottom-info-right {float: right;}
.bottommian_bg { background: #333;}
.bottommian { width:98%; max-width: 1180px; color: #fff;padding: 40px 0 0; overflow: hidden;}
.bottom_aboutUs { text-align: left;}
.bottom_novice { float: left; width: 17%;}
.bottom_help { float: left; width: 17%;}
.bottom_title { font-size: 20px; margin-bottom: 5px; color: #fff;}
.bottom_logo { margin: 20px 0; }
.bottom_gs { font-size: 16px; margin-top: 25px; margin-bottom: 10px;}
.bottom_logo img { width: auto;}
.bottom_dz { margin-top: 5px;}
.bottom_dz p { font-size: 14px; line-height: 1.8; color: #666;}
.bottom_novice li a { font-size: 14px; line-height: 25px; color: #666; display: block;}
.bottom_novice li a:hover { color: #108cee;}
.bottom_help li a { font-size: 14px; line-height: 25px; color: #666; display: block;}
.bottom_help li a:hover { color: #108cee;}
.fx { line-height: 25px; font-size: 14px; color: #666; margin-top: 10px;}
.fx img { width: 25px; vertical-align: middle;}
.bottom_ewm { margin-top: 10px;width: 90px;height: 90px;margin-left: 0;display: inline-block;}
.bottom_ewm img { width: auto;max-width: 100%;}

#bottom_link { background: #333333; color: white; font-family: "Microsoft Yahei","黑体"; font-size: 16px;padding: 20px 0;}
#bottom_link .link_m { width:98%; max-width: 980px; margin: 0 auto;}
.link_m span b { font-weight: normal; font-size: 20px;}
.link_m span a { color: #fff;}
.link_m em { background: url(/images/bottom_ico.png) no-repeat left top; width: 34px; height: 60px; float: left; margin-right: 8px;}
.link_m .em1 { background-position: 0px 11px;}
.link_m .em2 { background-position: -48px 11px;}
.link_m .em3 { background-position: -98px 11px;}
.link_m .em4 { background-position: -145px 10px;}

#bottom_info { padding-bottom: 50px; color: #666; /* line-height: 250%; */ clear: both; text-align: center;max-width: 1180px;margin: 0 auto;overflow: hidden;}
#bottom_info a { color: #666; display: inline-block;}
#bottom_info img { width: auto;}

.bottom-contact {
  width: 240px;
  float: left;
  padding-left: 80px;
  background: url(/images/kf-avatar.png) no-repeat 0px 8px;
}
.bottom-contact .bottom-contact-title {
  font-size: 16px;
}
.bottom-contact .bottom-contact-phone {
  margin-top: 25px;
}
.xpp-help-container {
  margin-left: 320px;
  border-left: 1px solid #666;
  padding-left: 65px;
  overflow: hidden;
}
.xpp-help-container > li {
  float: left;
  margin: 0 30px;
}
.xpp-help-container > li > h3 {
  font-size: 16px;
  font-weight: normal;
}
.xpp-help-items-container {
  margin-top: 15px;

}
.xpp-help-items-container > li {
  margin-top: 5px;
}
.bottom-contact-phone > p, .xpp-help-items-container > li > a {
  font-size: 14px;
  color: #999;
}

.banner_Img { background: url(/images/banner_PC.jpg) center no-repeat; background-size:cover; height:465px;}
.banner_tit{position: relative;max-width: 1180px;margin-left: auto;margin-top: auto;}
.banner_title{position: absolute;text-align: left;top: 95px;left: 3%;}
.banner_title p:nth-child(1){color: #fff;font-size: 47px;}
.banner_title p:nth-child(2){color: #fff;font-size: 24px;margin-top: 10px;}

.section-box { padding: 20px 0; clear: both; }
.section-box:nth-child(odd) { background-color: #eee; }
.section-box:nth-child(even) { background-color: #fff; }
.section-box .section-box-title { font-size: 28px; text-align: center; margin: 10px auto; max-width: 1180px; padding: 0 20px; }
.section-box .section-box-subtitle { font-size: 16px; text-align: center; margin: 10px auto 15px; color: #666; max-width: 1180px; padding: 0 20px; }
.section-box .section-box-content { overflow: hidden; padding: 15px 20px 10px; max-width: 1180px; margin: 0 auto; }

.content { width: 1182px; margin: auto;}
.pro_title { padding-bottom: 45px; padding-top: 24px; font-weight: normal; clear: both;}
.imgFl { float: left; margin-top: 20px; margin-left: 6%; width:98%; max-width:503px;}
.textFr { float: left;  margin-left: 5%;  font-family: "Microsoft YaHei"; font-size: 14px; line-height: 32px; text-align: left; margin-top: 40px;}
.textFr p { line-height: 180%;}
.textFr .zc01 { font-size: 26px;  color: #f00; line-height: 60px;}
.textFr p b { font-style: italic; font-size: 16px;}
.textFr .zc02 { font-size: 22px; color: #f00; line-height: 60px;}

.forumTit { padding: 5% 0 3%; color: #333;}
.forumC {background: url(/images/liuxC.png) center no-repeat; background-size: 96% auto;}
.forumH {background: url(/images/liuxH.png) center no-repeat; background-size: 96% auto;}
.forumI {background: url(/images/liuxI.png) center no-repeat; background-size: 96% auto;}
.forumList { overflow: hidden; color: #fff;}
.forumBox1 { float: left; width: 25%; height: 330px;}
.forumBox2 { float: left; width: 25%; height: 330px; margin-bottom: 5%;}
.forumList2 { margin-top: -73px;}
.forumBox2_firstr { margin-left: 12.5%;}
.forumImg { width: 68px; height: 68px; margin-top: 65px;}
.forumTitle{ font-size: 18px; text-align: center; line-height: 1.8; padding: 20px 0 5px;}
.forumList p { padding: 0 20px; font-size: 14px; text-align: center;}

#media { width:98%; max-width: 1180px; overflow: hidden;}
.mediaTit { padding-top: 7%;}
.mediaTxt { padding-bottom: 4%;}
.mediaTable { text-align: center; background: #fff; margin-bottom: 7%;  border-top: 1px solid #dedede; border-left: 1px solid #dedede;}
.mediaTable td { border-right: 1px solid #dedede; border-bottom: 1px solid #dedede;}
.mdTableTop { background: #108cee; color: #fff; font-size: 18px; line-height: 50px;}
.mdTBShop { width: 20%; padding: 2%; text-align: left; line-height: 1.8;}
.mdTBShop div { font-size: 18px; color: #333; font-weight: bold;}
.mdTBShop p { font-size: 14px; color: #666;}
.mdTBNumber { width: 10%; font-size: 24px; color: #108cee; font-family: 'verdana';}
.mdTBWeb { width: 40%; padding: 1%;}
.mdTBWeb a { display:block; border: 1px solid #dedede; float: left; padding: 5px 10px; margin: 3px 4px; font-size: 14px; color: #333;}
.mdTBPirce { width: 13%;}
.mdTBPirce del { color: #666; line-height: 1.8;}
.mdTBPirce div { color: #108cee; line-height: 1.8;}
.mdTBBtn { width: 12%;}
.TBC { width: 60%; margin-bottom:5px;}
.TBC a { background: #54bdb1; color: #fff; padding: 5px 0px; font-size: 14px; border-radius: 3px; display: block;}
.TBR { width: 60%;}
.TBR a { background: #108cee; color: #fff; padding: 5px 0px; font-size: 14px; border-radius: 3px; display: block;}

#video_bg { background: url(/images/video_Bg.jpg) center no-repeat; background-size: cover;}
#video { width:98%; max-width: 1180px; height: 810px; overflow: hidden;}
.videoTit { color: #fff; height: 150px; line-height: 175px;}
.video_main { overflow: hidden; margin-bottom: 150px;}
.video_left { float: left; width: 60%; height: 60%; background: url(/images/video_p.png) center no-repeat; background-size: 80% auto;position: relative;}
.video_right { float: right;}
.video_S1 { width: 120px; height: 60px; line-height: 60px; text-align: left; padding-left: 7%; margin-left: 14%; margin-top: 12.9%; font-size: 18px; color: #fff; background: url(/images/video01.png) left center no-repeat; background-size: 20%;}
.video_S2 { width: 120px; height: 60px; line-height: 60px; text-align: left; padding-left: 7%; margin-left: 14%; margin-top: 8.8%; font-size: 18px; color: #fff; background: url(/images/video02.png) left center no-repeat; background-size: 20%;}
.video_S3 { width: 120px; height: 60px; line-height: 60px; text-align: left; padding-left: 7%; margin-left: 14%; margin-top: 8.4%; font-size: 18px; color: #fff; background: url(/images/video03.png) left center no-repeat; background-size: 20%;}
.video_S4 { position: absolute; top: 50%; right: 22%; width: 100px; color: #fff; font-size: 24px;}
.video_T1 { width: 54%; margin: 10% 8% 10% auto;}
.video_t { color: #fff600; font-size: 18px;}
.video_e { font-size: 16px; color: #fff; line-height: 1.5; padding-top: 7px;}

.conTab01 { overflow: hidden;}
.conTab_img { width: 35%; height: 100%; float: left;}
.conTab01_img { background: #666 url(/images/weixin_bg.png) center no-repeat;}
.conTab_main { float: left; height: 100%; width: 65%;}
.conTab_tit { margin-top: 95px; padding-left: 8%; padding-bottom: 2px; font-size: 24px; color: #108cee; line-height: 1.8;}
.conTab_txt { padding-left: 8%; font-size: 16px; line-height: 1.6;}

.keySearch { float: right; overflow: hidden; margin-right: 10px;}
#query { width: 250px; border: 1px solid #ddd; padding: 6px 10px; margin-top: 15px;}
.key_btn { border: none; background: #108cee; color: #fff; padding: 8px 15px; font-size: 12px;}

.tabMain_ul { overflow: hidden;}
.tabMain_ul li { width: 33.332%; float: left;}
.tabMain_box { margin: 15px 12px; padding: 10px 20px; border: 1px solid #ddd;}
.tabMain_top { overflow: hidden;}
.tabMain_img { float: left; width: 70px; height: 70px; border-radius: 50%; overflow: hidden;}
.wechat_data { float: left; margin-left: 10px;}
.wechat_name { font-size: 18px; color: #333; margin-top: 10px; margin-bottom: 5px;}
.wechat_syn { font-size: 14px;}
.tabMain { overflow: hidden; display:none;}
.tab_show {display:block;}
.adv_main { margin-top: 15px; padding-top: 15px; border-top: 1px solid #ddd;}
.adv_main p { font-size: 14px; color: #333; line-height: 1.6;}
.adv_main .adv_open{color:#1ba767}
.adv_main .adv_close{color:#108cee}
.adv_main a { display: block; width: 50%; height: 30px; line-height: 30px; margin: 10px auto 0;}
.pagelist { text-align: center; margin: 20px auto;}
.num { display: inline-block; box-sizing: border-box; width: 35px; height: 35px; line-height: 35px; font-size: 14px; color: #666; margin: 0;border-left: 1px solid #ddd; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.pagelist span { height: 35px; line-height: 35px; font-size: 12px; color: #666; margin-left: 10px;}
.on { border-bottom: 3px solid #108cee;}
#pNum { border: 1px solid #ddd; height: 35px; vertical-align: 2px;width:35px;text-align: center;}
#pagenum { height: 35px; vertical-align: 2px; padding: 0 10px; border-left: none; border-right: none; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; color: #666; cursor: pointer;}
.click_nowlast {border-right: 1px solid #ddd;}

.video_main_2{display: none;}
.gg img{height:auto;}

#imgcode img{width: 100%;height: 100%;}
.login_title img{display: none;}
.phonenone{display: block;}

body{
	
	left: 0;
	transition: left 0.5s;
	-moz-transition: left 0.5s; 
	-webkit-transition: left 0.5s; 
	-o-transition: left 0.5s; 
}
#zhezhao{background:rgba(0,0,0,0.5);width: 100%;height: 2000px;position: fixed;top: 0;display: none;z-index: 999998;}
#daohang{
z-index:999999; 
display: none;
position: fixed;
top:0;

transition: left 0.5s;
-moz-transition: left 0.5s; 
-webkit-transition: left 0.5s; 
-o-transition: left 0.5s; 
}

.forumList3{display: none;}



/*底部导航产品点击出现的模块*/
.products{position: fixed;bottom: -370px;width:100%;height: 370px;transition: bottom 0.5s;
-moz-transition: bottom 0.5s; 
-webkit-transition: bottom 0.5s; 
-o-transition: bottom 0.5s;
background:#FFF;
border-top: 1px solid #eee;
}
.products table{width:100%;text-align: center;border-bottom:1px solid #eee;}
.products table td{height:70px;}
.products table td a{font-size: 14px;color:#666;}
.products table img{display:block;width: auto;height:30px;margin:0 auto;margin-bottom:5px;}
@media screen and (max-width: 1180px){
.forumList1{display: none;}
.forumList2{display: none;}
.forumList3{display: block;margin-bottom:30px;}
.pro_title{padding-bottom: 0;padding-left:5px;}
/*首页响应样式*/
#banner{width:100%;}
.banner_Img{}
.content{width:100%;}
.allTit{font-size: 28px;}
.forumImg{width: 55px;height: 55px;}
.imgFl{width:45%;max-width: 1080px;margin-left: 3%;}
.textFr{width:40%;text-align: left;}
.textFr p{text-align: left;margin-left:8%;}
.textFr .zc01 {font-size:20px;}
.forumList p{font-size: 12px;}
.mdTBShop div{font-size: 16px;}
.video_right{float: none;position:absolute;right:0;font-size: }
.video_t{font-size:16px;}
.video_e{font-size: 14px;}
.video_S1{font-size: 16px;margin-top:9%;}
.video_S2{font-size: 16px;margin-top:9%;}
.video_S3{font-size: 16px;margin-top:9%;}
.video_S4{font-size: 20px;right:18%;}
.allTxt{font-size: 14px;}
.wechat_tabs{width:30%;}


#video{height:auto;}
#video_bg{background:none;}
.video_main_2{display: block;}
.video_main{display: none;}
.videoTit{color:#000;line-height: 70px;height: auto;}
.type{display: none;}



.conIco{width:36px;}
.conMenu_title{font-size: 14px;text-indent:10px;}
.consubenu_li a{font-size: 14px;}
/*登录页面*/

}

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

/*共享头部样式*/

.logo_txt{display:none;}
/*首页响应样式*/
.forumBox2{height: 263px;margin-bottom: 0;}
.forumImg2{margin-top:75px !important;}


.imgFl{margin-top:50px;}
.textFr .zc01 {font-size:16px;}
.textFr .zc02{font-size:16px;}
.forumTitle{font-size: 28px;line-height: 0.8;}
.forumImg{margin-top: 110px;}


/*.forumBox1{background-size: auto 100%;width:50%;margin-top: 18px;}
.forumBox2{background-size: auto 100%;width:50%;margin-top: 90px;}
.forumBox2_firstr{margin-left: 0;}*/
.forumList p{display: none;font-weight: bold;}
/*.forumH2{margin-left: 25%;margin-top:0;}*/
.wechat_tabs{width:35%;}
.conTab_img {width:100%;float: none;height:0;}
.conTab_main{width: 100%;float: none;}
.weibo_tabs li{font-size: 12px;}
.video_t{font-size: 14px;}
.video_e{font-size: 12px;}
.video_right{margin-top:32px;}
.login_title img{display: block;width:30%;height: auto;margin:0 auto;margin-bottom: 20px;}

.trphonenone{display: none;}
.mdTBNumber{display: none;}



/*登录页面*/

#login_bg{background:#108cee;}
.login_form{float: none;width: 60%;margin:0 auto;}
.login_box{margin-right: 0;}
.login_box{background:none;}
.user_name {
  background:#f26b59 url(/images/user.png) center no-repeat;
  background-size: 40px 40px;
}
.user_password{background:#f26b59 url(/images/lock.png) center no-repeat;}
.user_code{background:#f26b59 url(/images/key.png) center no-repeat;}
.LoginBtn .btn{background:#fff;color:#108cee;font-weight: bold; }
.phonenone{display: none;}
.phonenone2{display: none;}
.LoginRe{text-align: center;background:#af2817;height: 55px;line-height: 55px;}
.LoginRe a{color: #108cee;text-decoration:none;font-size: 18px;font-weight: bold;}
.forget a{text-decoration: none;color:#a52110;}

}

@media screen and (max-width: 874px){
#top {display: block;}
.top_mobi{display: block;width:20%;float: right;text-align: right;font-size: 35px;font-weight: bold;margin-top: 25px;}
.top_mobi img{width: 22px;height: 32px;float: right;margin-top:20px;margin-right:5%;}
.top_right{display: none;}
#daohang{
  display: block;
  width: 240px;
  height: 100%;
  background: #000;
  left: -240px;
  overflow-y: auto;
}
.pro_title{padding-bottom: 30px;}

/*共享头部样式*/
.phone{display: none;}
#mainmenu{width:100%;height: auto;height: 100%;overflow: auto;padding-bottom: 50px;}
.menu_ul {
  height: auto;
  margin: 20px 0 0 0;
  float: left;
}
.menu_ul li{width:100%;text-align: left; text-indent: 2em;position: relative;}
.menu_ul li a{height: 45px;line-height: 45px;background-color:#000;color:#fff;border-top: 1px solid #333;}
.menu_z,.menu_h{display: none;}
.thephonemenu{display: block;}
.thepcmenu{display: none;}
.menu_ul .current a, .menu_ul li:hover a{background-color: #000;color: #fff;}
.weibo_BoxName p{font-size: 14px;}
.LogRes {margin-right: 50px;}
.menu_ul .icon-nav-more {
  position: absolute;
  top: 20px;
  right: 10px;
  margin: 0;
  width: 8px;
  height: 8px;
  border-width: 2px;
  border-style: solid solid none none;
  border-color: #fff #fff transparent transparent;
  border-top-color: rgba(255,255,255,.7);
  border-right-color: rgba(255,255,255,.7);
  -webkit-transform: translate(-50%,-50%) rotate(135deg);
  transform: translate(-50%,-50%) rotate(135deg);
}
.menu_ul .icon-nav-mored {
  top: 22px;
  right: 15px;
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}

.menu_ul .sub-menu {
  position: static;
  padding: 0;
}
.menu_ul .sub-menu ul {
  padding: 0;
}
.menu_ul .sub-menu li {
  width: 100%;
}
.menu_ul .sub-menu a {
  background: #131313;
  color: #999!important;
  border: 1px solid #333;
  margin-top: -1px;
  text-indent: 3em;
}
.menu_ul .sub-menu li:last-child a {
  border-bottom: none;
}
.menu_ul .current:after, .menu_ul > li:hover:after {
  display: none;
}


/*共享底部样式*/
#bottom { display: none;}
.thephonebottom{display: block;width: 100%;height: 210px;clear: both;}
.thetop{width: 100%;height: 140px;line-height: 22px;text-align: center;background-color:#eee;position: absolute;bottom: 70px;}
.thetop p{position: relative;top:55px;color:#333;}
.thebottom{width: 100%;height:60px;background:#fff;position: fixed;bottom: 0;}
.bottommenubox{width: 25%;height:100%;float: left;text-align: center;}
.bottommenubox a{width: 100%;height: 100%;display: block;}
.bottommenubox img{height:32px;width:auto;margin:5px 0 0px 0;}
.bottommenubox p{font-size: 14px;color:#666;}



/*首页响应样式*/

.forumImg{width:50px;height: 50px;}

.textFr{width:99%;float: none;margin-left: 0;margin:0 auto;margin-top:40px;}
.textFr p{text-align: center;margin-left: 0;}
.imgFl{width:65%;max-width: 1080px;float: none;margin-top: 0;margin-left: 15%;}


.wechat_tabs{width:42%;}
.allTit{font-size: 24px;}
.weibo_slideContent li{width:50%;}
/*.weibo_RightBox .weibo_Box{margin-right: 5%;}
.weibo_LeftBox .weibo_Box{}*/
/*.weibo_Box2{margin-right:5% !important;}
.weibo_Box3{margin-left:2.5% !important;}
.weibo_Box4{margin-right:5% !important;}
.weibo_Box5{margin-left:2.5% !important;}*/


.TBR{width:90%;}


/*登录页面*/

}
@media screen and (max-width: 640px){
.top_mobi{margin-top:10px;}
.pcnone{display:block !important;}
.weibo_tabs li{float: left;margin:0;}
/*共享头部样式*/
.top_pc{height:70px;}
#logo{margin-top:15px;margin-left: 5%;}
.top_left{height: 60px;width: 50%;}
.top_left img{width:118px;}

.top_right{display: none;}

/*首页响应样式*/
.wechat_tabs{width: 100%;}
.conTab_txt{font-size: 14px;}
.weibo_slideContent li{width: 100%;}
.weibo_tabs ul{margin:0 0;}

.allTit{font-size: 18px;}
.forumBox1{height: 178px;}
.forumBox2{height: 236px;}
/*.forumBox2{height: 178px;}*/
.forumImg{width: 30px;height: 30px;margin-top: 58px;}
.forumImg img{height:30px;width: auto;}
.forumImg2{margin-top:88px !important;}
.forumTitle{padding-top:12px;font-size: 16px;line-height: 0.2;}


.consubenu_li a{font-size: 12px;text-indent: 5%;}
.shareTabs td{border-bottom: none;font-size:12px;}
.conIco{display: none;}
.conMenu_ul .menuhot .enarr_t, .conMenu_ul .conMenu_li:hover .enarr_t,.conMenu_h .enarr_t,.conMenu_h .enarr_t{border-width:4px;}
.conMenu_title{width: 80%;}



.weibo_tabs li{width:20%;height:50px;background-color:#108cee;text-indent: 0;color:#fff;text-align: center;padding-top:6%;font-size:14px;}

.wbIcon01{background:url(../weibo/images/xiezi2.png);background-repeat: no-repeat;background-position-x: 50%;background-position-y: 18%;}
.wbIcon02{background:url(../weibo/images/xinwen.png);background-repeat: no-repeat;background-position-x: 50%;background-position-y: 18%;}
.wbIcon03{background:url(../weibo/images/hulianwang.png);background-repeat: no-repeat;background-position-x: 50%;background-position-y: 18%;}
.wbIcon04{background:url(/images/wbIcon04s.png);background-repeat: no-repeat;background-position-x: 50%;background-position-y: 18%;}
.wbIcon07{background:url(../weibo/images/gengduo.png);background-repeat: no-repeat;background-position-x: 50%;background-position-y: 30%;}


.wbIcon05{display: none !important;}
.wbIcon06{display: none !important;}

.phoneweibo_act{background-color:#108cee !important;}
.weibo_slideContent{width: 100%;overflow: auto;}
.weibo_slideContent ul{width: 1944px;}




.weibo_slideContent li{width: 320px;margin:0 2px !important;}


.weibo_Btn{display: none;}
.login_form{width: 90%;}
.wbInone{display: none !important;}
.search{height:auto;}



.wbIcon01.weibo_active { background: #108cee url(/images/wbIcon01s.png) ;background-repeat: no-repeat;background-position-x: 50%;background-position-y: 18%;}
.wbIcon02.weibo_active { background: #108cee url(/images/wbIcon02s.png) ;background-repeat: no-repeat;background-position-x: 50%;background-position-y: 18%;}
.wbIcon03.weibo_active { background: #108cee url(/images/wbIcon03s.png) ;background-repeat: no-repeat;background-position-x: 50%;background-position-y: 18%;}
.wbIcon04.weibo_active { background: #108cee url(/images/wbIcon04s.png) ;background-repeat: no-repeat;background-position-x: 50%;background-position-y: 18%;}
.wbIcon05.weibo_active { background: #108cee url(/images/wbIcon05s.png) ;background-repeat: no-repeat;background-position-x: 50%;background-position-y: 18%;}
.wbIcon06.weibo_active { background: #108cee url(/images/wbIcon06s.png) ;background-repeat: no-repeat;background-position-x: 50%;background-position-y: 18%;}


/*登录页面*/


.mdTBWeb a{padding:5px 5px;font-size: 12px;}
.mdTBWeb{width: 30%;}
.mdTBShop div{font-size: 14px;}
.mdTBShop p,.mdTBPirce del,.mdTBPirce div{font-size: 12px;}
.TBR a{font-size: 12px;}
.flink_leftTable,.flink_rightTable{width: 96%;float: none;margin:0 auto;margin-top:20px;}
.flink_TabTit p{font-size: 20px;}
.flink_TabTit{font-size: 14px;}



#conLeft_bg{width:80%;float: none;margin:0 auto;display: block;position: absolute;left:10%;}
#PageMain{width: 100%;float: none;margin:0;margin-top:90px;}
.conMenu_li{width: 33.33%;float: left;background:#eee;}
.consubenu_li a{background:#666;color:#fff;}
.conSubmenu_ul .submenuhot a, .conSubmenu_ul .consubenu_li:hover a{background:#108cee;}


}
@media screen and (max-width: 414px){
	.allTit{font-size: 16px;}
	#video{height:auto;padding-bottom:20px;}
}
@media screen and (max-width: 375px){
	.allTit{font-size: 14px;}
	.mdTBWeb a{padding: 5px 8px;}
}
@media screen and (max-width: 320px){
	.allTit{font-size: 13px;}
	.mdTBWeb a{padding: 5px;margin: 3px 1px;}
	/*登录页面*/

}

@media screen and (min-width:875px) and (max-width:940px) {
  .menu_ul li a {
    font-size: 14px;
    padding: 0 5px;
  }
}
@media screen and (min-width:940px) and (max-width:1019px) {
  .menu_ul li a {
    padding: 0 5px;
  }
}
@media screen and (min-width:1020px) and (max-width:1099px) {
  .menu_ul li a {
    padding: 0 10px;
  }
}
@media screen and (min-width:1100px) and (max-width:1180px) {
  .menu_ul li a {
    padding: 0 15px;
  }
}
/*popup*/
.shadow {width: 100%;height: 100%;background: rgba(0,0,0,0.3);position: fixed;top: 0;left: 0;z-index: 999;display:none;}
.popup {width: 900px;max-width: 100%;margin: 0 auto;background: #fff;font-family: '微软雅黑';position: fixed;top:50%;left: 50%;z-index: 999999;display:none;border: 1px solid #ddd; transform: translate3d(-50%,-50%,0); -webkit-transform: translate3d(-50%,-50%,0);}
.popup .popup-title {padding: 0 15px;background: #f5f5f5;overflow: hidden;}
.popup .popup-title h2 {height: 48px;line-height: 48px;font-size: 18px;font-weight: 400;float: left; padding-top: 0; padding-bottom: 0;}
.popup .popup-title i {color: #c2c2c2;width: 22px;height: 22px;display: block;float: right;margin-top: 11px;text-align: center;font-size: 20px;font-style: normal;padding: 2px 1px 0 1px;cursor: pointer;border: 0;line-height: 1;margin-right: -8px;}
.popup .popup-content { height: calc(100vh - 215px); overflow-y: auto; padding: 15px;border-bottom: 1px solid #eee;padding-bottom:12px;}
/*.popup .popup-content ul {margin-bottom: 20px;}*/
.popup .popup-content ul li {display: inline-block;vertical-align: middle;font-size: 14px;}
.popup .popup-content ul li select{height: 37px;padding: 0 15px;}
.popup .popup-content ul li select {width: 180px;margin-right: 10px;cursor: pointer;}
.popup .popup-footer {padding: 10px 50px; line-height: 35px;}
.popup .popup-footer .mainButton {height: 35px; width: auto; min-width: initial;}
.domain-popup .popup-footer { overflow: hidden; }
.demo-popup .popup-content div { font-size: 16px; padding: 5px 0; }

.createUserTab .tabContact ul li { display: inline-block; vertical-align: middle; font-size: 14px; }
.createUserTab .tabContact ul li:first-of-type { width: 195px; text-align: right; }

.pkgInput { height: 37px; padding: 0 15px; }
input[type="text"], input[type="password"] { border: 1px solid #c2c2c2; padding: 2px 15px; }

.pkgContent .importantTip .tipTitle { color: #c00; background: url(/images/importantTip.png?) no-repeat center left; padding-left: 25px; font-size: 16px; margin-bottom: 10px; }
.pkgContent .importantTip p { line-height: 25px; font-family: '微软雅黑'; font-size: 14px; }

.agreePro {margin-top: 10px;}
.agreePro label, .importantTip .agreePro span {display: inline-block;vertical-align: middle;}
.agreePro label{margin-right:10px;}
.agreePro .checkbox {position: relative;cursor: pointer;height:18px;padding-right:5px;}
.agreePro .checkbox input {position: absolute;left: -2.5px;top: 1.5px;z-index: 999999;opacity: 0;cursor: pointer;}
.agreePro .checkbox i {display: block;position: absolute;top: 2px;left: 0;width: 10px;height: 10px;outline: 0;border: 2px solid #c00;transition: border-color .3s;-webkit-transition: border-color .3s;cursor: pointer;}
.agreePro .checkbox input:checked + i {border-color: #c00;}
.agreePro .checkbox input + i:after {position: absolute;content: '';top: 0px;left: 0;width:100%;height:100%;background: url(/images/agreeIcon.png) no-repeat center;opacity: 0;transition: opacity .1s;-webkit-transition: opacity .1s;}
.agreePro .checkbox input:checked + i:after {opacity: 1;}
.agreePro .checkbox input:checked + i + span {color: #00adf9;}
.agreePro .checkbox input:checked+i:after{  opacity: 1; }
.agreePro .checkbox img{max-width: 120px;}

.ad-bg{width: 100%;background: #fff;height: 60px;background: url(/images/ad-bg.jpg) no-repeat center;background-size: cover;}
.ad-body{width: 100%;height: 100%;display: block;}
.ad-tit{max-width: 1180px;height: 60px;position: relative;}
.ad-body p{font-size: 20px;line-height: 60px;display: inline-block;color: #fff;position: absolute;left: 15%}
.ad-body span{font-size: 18px;padding: 5px 30px;color: #fff;border: 1px solid #6641e5;border-radius: 20px;display: inline-block;position: absolute;right: 15%;top: 12px}
@media screen and (min-width:320px) and (max-width:414px){
    .ad-body p{display: none;}
    .ad-body span{display: none;}
}
@media screen and (min-width:414px) and (max-width:767px){
    .ad-body p{display: none;}
    .ad-body span{display: none;}   
}

  /*banner*/
  .Homebanner, .Homebanner ul, .Homebanner ul li {
    height: 400px;
  }
  .Homebanner .tb_tit {
    top: 100px;
    left: 0px;
  }
  .Homebanner ul li .newbanner-title {
    color: #fff;
  }
  .Homebanner ul li .newbanner-subtitle {
    color: #fff;
  }
  .Homebanner ul li .newbanner-button {
    display: inline-block;
    width: 196px;
    font-size: 18px;
    line-height: 46px;
    color: #fff;
    text-align: center;
    border: 2px solid #fff; 
  }
  .Homebanner ul li .newbanner-button:hover {
    color: #fff;
  }
  .Homebanner ul li.banner-new {
    background: url(../images/banner_new.jpg) no-repeat center;
  }
  .Homebanner ul li.banner-new .tb_tit {
    top: 80px;
  }
  .Homebanner ul li.banner-new .newbanner-title {
    font-size: 50px;
    line-height: 1;
    margin: 30px 0;
  }
  .Homebanner ul li.banner-new .newbanner-subtitle {
    font-size: 22px;
    line-height: 1;
    margin: 0;
  }
  .Homebanner ul li.banner-new .newbanner-button {
    margin-top: 60px;
  }
  .Homebanner ul li.banner-intro {
    background: url(../images/banner_intro.jpg?20190417) no-repeat center;
  }
  .Homebanner ul li.banner-intro .banner-intro-a {
    display: inline-block;
    width: 100%;
    height: 100%;
  }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .Homebanner ul li .newbanner-button {
      width: 180px;
      font-size: 16px;
      line-height: 41px;
    }
  }
  @media(min-width: 320px) and (max-width: 767px) {
    .Homebanner ul li .newbanner-title {
      font-size: 18px!important;
      line-height: 25px!important;
    }
    .Homebanner ul li .newbanner-subtitle {
      font-size: 14px!important;
      line-height: 20px!important;
      margin-top: 10px!important;
    }
    .Homebanner ul li .newbanner-button {
      width: 100px!important;
      font-size: 12px!important;
      border-width: 1px!important;
      line-height: 23px!important;
      margin-top: 10px!important;
    }
  }


  .combo ul .border-color {
    border-color: #f1351c;
  }
  .combo_tit p .tit-color {
    color: #f1351c;
  }
  .combo-span {
    position: absolute;
    top: 0;
    left: 0;
  }
  .span-p {
    display: block;
    width: 88px;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    color: #fff;
    background: #108cee;
    text-align: center;
  }
  .span-form {
    display: block;
    width: 0;
    height: 0;
    border-left: 44px solid #108cee;
    border-right: 44px solid #108cee;
    border-bottom: 20px solid transparent;
  }
  .combo {
    background: #eee;
    position: relative;
    text-align: center;
    overflow: hidden;
  }
  .combo ul {
    margin-left: -2%;
    height: auto;
  }
  .combo ul li {
    width: 31.3%;
    background: #fff;
    margin-left: 2%;
    float: left;
    padding: 0 0 20px;
    position: relative;
    border-top: 2px solid #108cee
  }
  .combo ul li:nth-last-child(1) {
    margin-right: 0;
  }
  .combo ul li:hover {
    box-shadow: 5px 5px 5px #ccc;
  }
  .combo_top {
    padding-top: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #ebebeb;
  }
  .combo_top .combo-top-title {
    font-size: 18px;
    color: #ff4106;
  }
  .combo_top .combo-top-subtitle {
    font-size: 16px;
    color: #666;
    margin-top: 25px;
  }
  .combo_t{
    padding-bottom: 25px;
    padding-top: 25px;
  }
  .combo_tit p{
    font-size: 16px;
    line-height: 20px;
    color: #666;
    text-align: center;
  }
  .combo_tit.combo-title {
    margin-bottom: 25px;
  }
  .combo_tit.combo-subtitle {
    margin-bottom: 20px;
  }
  .combo_tit.combo-subtitle a {
    color: #108cee;
  }
  .comboprice p{
    font-size: 16px;
    color: #108cee;
    text-align: center;
  }
  .comboprice p .price{
    font-size: 30px;
    color: #ff3c00;
    font-family: "Microsoft YaHei",verdana;
  }
  .combobut{
    width: 220px;
    height: 38px;
    background: #108cee;
    margin: 15px auto 0;
    text-align: center;
  }
  .combobut a { 
    width: 220px;
    height: 38px;
    color: #fff;
    line-height: 38px;
    cursor: pointer;
    font-size: 14px;
    display: block;
  }
  .padding15{
    display: inline-block;
    color: #108cee;
    font-size: 14px;
    margin-top: 15px;
  }
  .color-danger {
    color: #ff3c00;
  }
  .price-tag {
    display: inline-block;
    background: url(../images/price-tag-red.png?2019032801) center no-repeat;
    background-size: cover;
    padding: 0 21px 0 25px;
    font-size: 14px;
    line-height: 22px;
    color: #ff3c00;
  }
  .key-color {
    color: #108cee;
  }
  @media screen and (min-width:1025px) and (max-width:1080px) {
    .span-p {
      width: 70px;
      height: 30px;
      line-height: 30px;
      font-size: 14px;
    }
    .span-form {
      border-left: 35px solid #108cee;
      border-right: 35px solid #108cee;
      border-bottom: 10px solid transparent; 
    }
  }
  @media screen and (min-width:768px) and (max-width:1024px) {
    .span-p {
      width: 50px;
      height: 25px;
      line-height: 25px;
      font-size: 12px;
    }
    .span-form {
      border-left: 25px solid #108cee;
      border-right: 25px solid #108cee;
      border-bottom: 5px solid transparent; 
    }
    .combo_top {
      padding-top: 30px;
      padding-bottom: 10px;
    }
    .combo_top .combo-top-subtitle {
      margin-top: 5px;
      padding: 0 10px;
      min-height: 40px;
    }
    .combo_t {
      padding-top: 10px;
      padding-bottom: 10px;
    }
    .combo_tit.combo-title {
      margin-bottom: 15px;
      padding: 0 10px;
    }
    .combo_tit.combo-subtitle {
      margin-bottom: 10px;
    }
    .padding15 {
      margin-top: 10px;
    }
    .combo ul li {
      padding: 0 0 15px;
    }
    .combobut {
      width: 80%;
      margin-top: 10px
    }
    .combobut a {
      width: 100%
    }
    .price-tag {
    padding: 0 10px 0 17px;
    font-size: 12px;
    line-height: 16px;
  }
  }
  @media screen and (min-width:320px) and (max-width:767px) {
    .combo ul {
      margin-left: 0;
      padding-bottom: 20px;
    }
    .combo ul li {
      width: 100%;
      margin-bottom: 20px;
      margin-left: 0;
      padding-bottom: 15px;
    }
    .combo ul li:nth-last-child(1) {
      margin-bottom: 0;
    }
    .span-p {
      width: 50px;
      height: 25px;
      line-height: 25px;
      font-size: 12px;
    }
    .span-form {
      border-left-width: 25px;
      border-right-width: 25px;
      border-bottom-width: 5px; 
    }
    .combo_top {
      padding-top: 25px;
      padding-bottom: 10px;
    }
    .combo_top .combo-top-title {
      font-size: 18px;
    }
    .combo_top .combo-top-subtitle{
      margin-top: 10px;
    }
    .combo_t {
      padding-top: 10px;
      padding-bottom: 10px;
    }
    .combo_tit.combo-title {
      margin-bottom: 15px;
      padding: 0 10px;
    }
    .combo_tit.combo-subtitle {
      margin-bottom: 10px;
    }
    .combobut {
      margin-top: 10px;
    }
    .padding15 {
      margin-top: 10px;
    }
    .combobut {
      width: 110px;
    }
    .combobut a {
      width: 110px;
    }
  }


  .what {
    background: url(../images/bg_what.jpg) no-repeat center;
  }
  .what .what-tit {
    float: right;
    width: 600px;
  }
  .what .what-tit .what-title {
    font-size: 28px;
    color: #fff;
    margin-top: 35px;
    margin-bottom: 35px;
    line-height: 45px;
  }
  .what .what-tit .what-title span {
    color: #ff3d01;
  }
  .what .what-tit .what-subtitle {
    font-size: 16px;
    color: #fff;
    margin-bottom: 35px;
    line-height: 29px;
    text-indent: 2em;
  }
  @media (min-width: 320px) and (max-width: 767px) {
    .what {
      text-align: center;
    }
    .what .what-tit {
      float: none;
      width: 100%;
    }
    .what .what-tit .what-title {
      font-size: 16px;
      line-height: 25px;
      margin-top: 0;
      margin-bottom: 10px;
    }
    .what .what-tit .what-subtitle {
      font-size: 14px;
      line-height: 20px;
      margin-bottom: 0;
    }
  }

  .section-box.cost {
    padding: 75px 0;
    background: #fff;
  }
  .section-box.cost .section-box-title {
    font-size: 32px;
    margin-bottom: 20px;
  }
  .section-box.cost .section-box-content {
    position: relative;
  }
  .cost p {
    font-size: 16px;
    color: #666;
    line-height: 25px;
  }
  .cost .cost_title {
    display: inline-block;
    font-size: 20px;
    color: #fff;
    line-height: 36px;
    padding: 0 30px;
    text-align: center;
    margin-bottom: 25px;
    border-radius: 18px;
  }
  .cost_left,
  .cost_right,
  .cost_center {
    position: absolute;
  }
  .cost_left {
    text-align: right;
    left: 18%;
    margin-top: 25px;
  }
  .cost_left .cost_title {
    background: #069ef5;
    margin-bottom: 20px;
  }
  .cost_left p span {
    color: #069ef5;
  }
  .cost_right {
    text-align: left;
    left: 67%;
    margin-top: 25px;
    width: 270px;
  }
  .cost_right .cost_title {
    background: #7106f5;
    margin-bottom: 20px;
  }
  .cost_right p span {
    color: #7106f5;
  }
  .cost_center {
    display: inline-block;
    background: url(../images/cost_center_bg.png?20190312);
    text-align: center;
    padding-top: 160px;
    padding-bottom: 160px;
    width: 400px;
    left: 50%;
    margin-left: -200px;
  }
  .cost_center p {
    font-size: 32px;
    color: #ff3d01;
    line-height: 40px;
  }
  .cost_bottom {
    text-align: center;
    margin-top: 400px;
  }
  .cost_bottom .cost_title {
    background: #f56606;
  }
  .cost_bottom p span {
    color: #f56606;
  }
  @media screen and (min-width:1025px) and (max-width:1040px) {
    .cost_left {
      left: 14%;
    }
    .cost_right {
      left: 69%
    }
    .span-p {
      width: 50px;
      height: 25px;
      line-height: 25px;
      font-size: 12px;
    }
    .span-form {
      border-left: 25px solid #108cee;
      border-right: 25px solid #108cee;
      border-bottom: 5px solid transparent; 
    }
  }
  @media screen and (min-width:768px) and (max-width:1024px) {
    .section-box.cost {
      padding: 20px 0;
    }
    .section-box.cost .section-box-title {
      margin-bottom: 10px;
    }
    .cost_center {
      width: 200px;
      background-size: cover;
      margin-left: -100px;
      padding-top: 70px;
      padding-bottom: 70px;
    }
    .cost_center p {
      font-size: 28px;
      line-height: 30px;
    }
    .cost_right,
    .cost_left {
      margin-top: 10px;
    }
    .cost .cost_title {
      margin-bottom: 10px;
    }
    .cost_right {
      max-width: 200px;
      left: 65%;
    }
    .cost_left {
      left: 12%;
    }
    .cost_bottom {
      margin-top: 220px;
    }
  }
  @media (min-width: 320px) and (max-width: 767px) {
    .section-box.cost {
      padding: 20px 0;
    }
    .cost p {
      font-size: 14px;
      line-height: 20px;
    }
    .section-box.cost .section-box-content {
      text-align: center;
    }
    .section-box.cost .section-box-title {
      margin-bottom: 10px;
    }
    .cost .cost_title {
      font-size: 16px;
      line-height: 30px;
      padding: 0 15px;
      margin-bottom: 10px;
      border-radius: 15px;
    }
    .cost_left,
    .cost_right,
    .cost_center,
    .cost_bottom {
      position: relative;
      left: 0;
      width: 100%;
      text-align: center;
      margin-left: 0;
    }
    .cost_left,
    .cost_right,
    .cost_bottom {
      margin-top: 20px;
    }
    .cost_center {
      width: 120px;
      padding: 45px 0;
      background-size: cover;
    }
    .cost_center p {
      font-size: 12px;
      line-height: 15px;
    }
  }

  .pain {
    padding-top: 75px;
    padding-bottom: 75px;
    background: url(../images/pain_bg.jpg) center no-repeat;
  }
  .pain .section-box-title {
    font-size: 32px;
    color: #000;
    margin-bottom: 25px;
  }
  .pain .section-box-title span {
    color: #fff;
  }
  .pain_left,
  .pain_right {
    width: 45%;
    float: left;
  }
  .pain_left {
    text-align: left;
  }
  .pain_right {
    text-align: right;
  }
  .pain_center {
    width: 10%;
    float: left;
    text-align: center;
  }
  .pain_tit {
    display: inline-block;
    font-size: 16px;
    line-height: 48px;
    text-align: center;
    border-radius: 24px;
    min-width: 470px;
    margin-top: 15px;
    margin-bottom: 32px;
  }
  .pain_tit:nth-of-type(6) {
    margin-bottom: 0;
  }
  .pain_left .pain_tit {
    color: #000;
    background: #fff;
    margin-left: 48px;
  }
  .pain_left .pain_tit span {
    color: #0066cc;
  }
  .pain_right .pain_tit {
    color: #333;
    background: #e0e4e9;
  }
  .pain_center .pain_tit {
    max-width: 40px;
    min-width: 40px;
    line-height: 20px;
    padding: 15px;
    margin: 0 auto;
    color: #fff;
    background: #1063df;
    border-radius: 50%;
    margin-top: 0;
    margin-bottom: 26px;
  }
  .pain_center .pain_tit:nth-last-child(1) {
    margin-bottom: 0;
  }
  .pain_center .pain_tit_1 {
    margin-left: 55px;
  }
  .pain_center .pain_tit_2 {
    margin-left: 80px;
  }
  .pain_center .pain_tit_3 {
    margin-left: 85px;
  }
  @media screen and (min-width:768px) and (max-width:1024px) {
    .pain {
      padding-top: 20px;
      padding-bottom: 20px;
    }
    .pain .section-box-title {
      margin-bottom: 10px;
    }
    .pain_tit {
      font-size: 12px;
      line-height: 30px;
      border-radius: 15px;
      min-width: 310px;
      margin-top: 15px;
      margin-bottom: 20px;
    }
    .pain_left .pain_tit {
      margin-left: 0px;
    }
    .pain_center .pain_tit {
      max-width: 26px;
      min-width: 26px;
      line-height: 13px;
      margin-bottom: 10px;
    }
    .pain_center .pain_tit_1,
    .pain_center .pain_tit_2,
    .pain_center .pain_tit_3 {
      margin-left: 0;
    }
  }

  .intelligence {
    background: url(../images/intelligence-bg.jpg) center no-repeat;
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .section-box.intelligence .section-box-subtitle {
    font-size: 20px;
    margin-bottom: 35px;
  }
  .section-box.intelligence .section-box-content {
    overflow: visible;
  }
  .intelligence-box {
    margin-left: 600px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0px 0px 0px 10px #343e4d;
    padding: 30px;
  }
  .intelligence-boxinner {
    margin-bottom: 18px;
  }
  .intelligence-boxinner:nth-last-child(1) {
    margin-bottom: 0;
  }
  .intelligence-tag {
    font-size: 18px;
    color: #fff;
    line-height: 26px;
    width: 26px;
    display: inline-block;
    float: left;
    background: #1653bf;
    border-radius: 50%;
    text-align: center;
  }
  .intelligence-title {
    font-size: 18px;
    color: #1653bf;
    margin-left: 40px;
    margin-bottom: 5px;
    line-height: 26px;
	text-align:left;
  }
  .intelligence-subtitle {
    font-size: 16px;
    color: #666;
    margin-left: 40px;
    line-height: 25px;
    max-width: 460px;
	text-align:left;
  }
  @media screen and (min-width:768px) and (max-width:1024px) {
    .section-box.intelligence {
      padding-top: 20px;
      padding-bottom: 40px;
    }
    .section-box.intelligence .section-box-subtitle {
      margin-bottom: 15px;
    }
    .intelligence-box {
      max-width: 70%;
      padding: 15px;
      margin: 0 auto;
    }
    .intelligence-boxinner {
      margin-bottom: 10px;
    }
  }
  @media screen and (min-width:320px) and (max-width:767px) {
    .intelligence {
      padding-top: 20px;
      padding-bottom: 20px;
    }
    .section-box.intelligence .section-box-subtitle {
      margin-bottom: 15px;
    }
    .intelligence-box {
      margin: 0 auto;
      border-radius: 10px;
      box-shadow: 0px 0px 0px 5px #343e4d;
      padding: 10px;
    }
    .intelligence-boxinner {
      margin-bottom: 10px;
    }
    .intelligence-tag {
      font-size: 14px;
      width: 25px;
      line-height: 25px;
    }
    .intelligence-title {
      font-size: 16px;
      line-height: 25px;
      margin-bottom: 0;
    }
    .intelligence-subtitle {
      font-size: 14px;
      line-height: 20px;
    }
  }

  .flow {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .section-box.flow .section-box-title {
    font-size: 32px;
    color: #000;
    margin-bottom: 30px;
  }
  .section-box.flow .section-box-content {
    background: url(../images/flow_img.png) center no-repeat;
    height: 513px;
    max-width: none;
  }
  @media screen and (min-width:768px) and (max-width:1024px){
    .flow {
      padding-top: 20px;
      padding-bottom: 30px;
    }
    .section-box.flow .section-box-title {
      margin-bottom: 20px;
    }
    .section-box.flow .section-box-content {
      height: 290px;
      background-size: cover;
    }
  }
  @media screen and (min-width:320px) and (max-width:767px){
    .flow {
      padding-top: 20px;
      padding-bottom: 20px;
    }
    .section-box.flow .section-box-title {
      margin-bottom: 10px;
      font-size: 18px;
    }
    .section-box.flow .section-box-content {
      height: 100px;
      background-size: cover;
    }
  }

  .popup .popup-title i {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .case {
    background: url(../images/case_bg.jpg) no-repeat center;
    text-align: center;
    padding: 50px 0;
    background-size: cover;
  }
  .case .section-box-title {
    font-size: 32px;
  }
  .case .section-box-content {
    padding-top: 30px;
  }
  .case .case-line {
    width: 100%;
    overflow: hidden;
  }
  .case .case-lines {
    position: relative;
    width: 96%;
    height: 30px;
    padding-bottom: 3px;
    display: inline-block;
    overflow: hidden;
  }
  .case .case-name {
    width: 2000px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .case .case-names {
    float: left;
    font-size: 18px;
    line-height: 30px;
    cursor: pointer;
    color: #999;
    margin-left: 40px;
  }
  .case .case-names.active,
  .case .case-names:hover {
    color: #fff;
    border-bottom: 2px solid #fff;
  }
  .case .case-names:hover {
    color: #fff;
    border-color: #fff;
  }
  .nams-left,
  .nams-right {
    margin-top: 8px;
    border-width: 10px;
    border-style: solid;
    cursor: pointer;
  }
  .nams-left {
    float: left;
    border-color: transparent #fff transparent transparent;
  }
  .nams-right {
    float: right;
    border-color: transparent transparent transparent #fff;
  }
  .case-home {
    width: 100%;
    margin-top: 45px;
    clear: both;
  }
  .case-box {
    width: 3000px;
  }
  .case-boxs {
    position: relative;
    float: left;
    margin-right: 20px;
    background-color: #535353;
  }
  .case-showbox {
    cursor: pointer;
    width: 280px;
    background: #535353;
  }
  .case-boxs .case-logo {
    width: 90px;
    height: 90px;
    border: #fff;
    border-radius: 50%;
    background: #fff;
    margin-top: 40px;
    overflow: hidden;
  }
  .case-boxs .case-showbox img {
    max-width: 100%;
    max-height: 100%;
  }
  .case-boxs .case-boxs-tit {
    font-size: 14px;
    color: #ccc;
    line-height: 1;
    margin-top: 10px;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-spacing: normal;
  }
  .case-boxs .case-boxs-tit.case-domain {
    color: #fff;
    margin-top: 22px;
    font-size: 18px;
  }
  /*.case-boxs .case-description {

    min-height: 50px;
  }*/
  .case-boxs .case-boxs-btn {
    display: inline-block;
    width: 100%;
    background: #666;
    font-size: 16px;
    color: #fff;
    margin-top: 40px;
    line-height: 44px;
  }
  .case .case-more {
    display: inline-block;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    margin-top: 70px;
    overflow: hidden;
  }
  .case-hidebox {
    display: none;
    position: absolute;
    cursor: pointer;
    top: -18px;
    left: -64px;
    width: 409px;
    height: 355px;
    background: #fff;
    overflow: hidden;
    z-index: 99999;
  }
  .case-hidebox img {
    max-width: 100%;
    cursor: pointer;
  }
  .popup {
    width: 800px;
  }
  .popup img{
    max-width: 100%;
  }
  .flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .use {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .use .section-box-title {
    font-size: 32px;
    line-height: 1;
    margin-bottom: 30px;
  }
  .advantage-li {
    width: 380px;
    margin-right: 20px;
    margin-bottom: 20px;
    padding: 30px 0;
    background: #fff;
    float: left;
    text-align: center;
  }
  .advantage-li:nth-child(3n+3) {
    margin-right: 0;
  }
  .advantage-li:hover {
    box-shadow: 5px 5px 5px #ccc;
  }
  .advantage-title {
    font-size: 20px;
    color: #000;
  }
  .advantage-subtitle {
    font-size: 16px;
    color: #666;
    margin-top: 15px;
    line-height: 25px;
    max-width: 200px;
    min-height: 50px;
    margin: 0 auto;
  }
  @media(min-width: 768px) and (max-width: 1024px) {
    .advantage-li {
      width: 32%;
      margin-left: 0%;
      margin-right: 2%;
      padding-top: 20px;
      padding-bottom: 20px;
    }
    .advantage-li:nth-child(n+3) {
      margin-bottom: 0;
    }
  }
  @media(min-width: 320px) and (max-width: 767px) {
    .advantage-li {
      margin-left: 0;
      margin-bottom: 0;
      margin: 0 auto 20px;
      float: none;
    }
  }
</style>
<style type="text/css">
  @media screen and (min-width:414px) and (max-width:767px){
    .mtop{margin-top: 0px;}
    .rz_right,.rz_left{margin-right: 0px;}
    .t_submenu_but{display: none;}
  }
  @media screen and (min-width:768px) and (max-width:1024px) {
    .what,
    .use,
    .case {
      padding-top: 20px;
      padding-bottom: 20px;
    }
    .case .section-box-content {
      padding-top: 15px;
    }
    .section-box.what .section-box-title,
    .use .section-box-title,
    .intelligence .section-box-title,
    .case .section-box-title {
      font-size: 28px;
    }
    .use .section-box-title {
      margin-bottom: 10px;
    }
    .advantage-img {
      width: 70px;
      margin-top: 10px;
      margin-left: 10px;
    }
    .advantage-title {
      font-size: 18px;
      margin-top: 20px;
    }
    .advantage-subtitle {
      margin-top: 10px;
    }
    
    .intelligence .section-box-title {
      margin-bottom: 10px;
    }
    .case .case-lines {
      width: 92%;
    }
    .nams-left,
    .nams-left {
      margin-top: 5px;
    }
    .case-home {
      margin-top: 20px;
    }
    .case .case-more {
      margin-top: 25px;
      font-size: 18px;
    }
    .popup {
      width: 600px;
    }
    .case-homes,
    .case-lines {
      overflow-x: scroll;
    }
  }
  @media screen and (min-width:320px) and (max-width:767px) {
    .use,
    .case {
      padding-top: 10px;
      padding-bottom: 10px;
    }
    .use {
      text-align: center;
    }
    .intelligence {
      padding-top: 20px;
    }
    .section-box.what .section-box-title,
    .use .section-box-title,
    .intelligence .section-box-title,
    .section-box .section-box-title {
      font-size: 18px;
    }
    .intelligence .section-box-title {
      margin-bottom: 10px;
    }
    .Homebanner ul li.banner-new .tb_tit {
      top: 20px;
    }
    .Homebanner ul li.banner-new .newbanner-title {
      margin: 10px 0;
    }
    .use .section-box-title {
      margin-bottom: 10px;
    }
    .advantage-li {
      margin: 0;
      float: left;
      width: 47%;
      height: auto;
      padding: 10px 0;
      margin-right: 5%;
      margin-bottom: 10px;
    }
    .advantage-li:nth-child(3n+3) {
      margin-right: 5%;
    }
    .advantage-li:nth-child(2n+2) {
      margin-right: 0;
    }
    .advantage-li:nth-child(n+5) {
      margin-bottom: 0;
    }
    .advantage-img {
      margin-top: 0px;
      margin-left: 0px;
      float: none;
      width: 50%
    }
    .advantage-title {
      font-size: 16px;
      margin-top: 5px;
      margin-left: 0;
    }
    .advantage-subtitle {
      font-size: 12px;
      margin-top: 5px;
      margin-left: 0;
      padding: 0 5px;
      line-height: 15px;
      min-height: 45px;
    }
    .case .section-box-content {
      padding-top: 15px;
    }
    .case .case-lines {
      width: 80%
    }
    .nams-right,
    .nams-left {
      margin-top: 3px;
    }
    .case .case-names {
      font-size: 14px;
      line-height: 25px;
      margin-left: 15px;
      border-width: 1px;
    }
    .case-home {
      margin-top: 20px;
    }
    .case .case-more {
      margin-top: 20px;
      font-size: 16px;
    }
    .popup {
      width: 80%;
    }
    .case-homes,
    .case-lines {
      overflow-x: scroll;
    }
  }
.sem_cases{ margin-top:40px;} 
.sem_cases ul{ margin:50px 0; width:1180px; margin:0 auto; text-align:center;}
.sem_cases ul li{ display: inline-block; width:31%; margin-left:3%; margin-right:-4px; border:1px solid #eee; position:relative; cursor:pointer; margin-bottom:20px;}
.sem_cases ul li:nth-child(3n+1){ margin-left:0;}
.sem_cases ul li:hover{-webkit-box-shadow: 0 4px 30px 0 rgba(230,233,248,1);box-shadow: 0 4px 30px 0 rgba(230,233,248,1);}
.sem_cases ul li span{ display:block; padding:20px 0; font-size:16px;}
.sem_cases ul li img{ width:100%;}
.flow_padd{ padding-bottom:0;}

@media screen and (max-width:768px) {
.section-box .section-box-title{}
.pain_left{ width:100%;float:none;}
.pain_left .pain_tit{min-width: inherit;margin-left:0;margin-bottom:0; font-size:14px; padding: 0 10px; width:94%;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.section-box .section-box-content{ padding-top:0;}
.pain{ background-size:cover;padding-top:35px;padding-bottom:35px;}
.pain_center{text-align:center; margin:0 auto; float:none;}
.pain_center .pain_tit{ display:none;}
.pain_center:after{content:'VS'; display:block; text-align:center; margin:0 auto;width: 40px;height: 40px;line-height: 40px;padding: 15px;color: #fff;background: #1063df;border-radius: 50%;
margin-bottom: 10px;margin-top: 20px; left:0; right:0; margin-left:auto; margin-right:auto; position:relative; font-size:20px;}
.pain_right{ width:100%;float:none;}
.pain_right .pain_tit{min-width: inherit;margin-left:0;margin-bottom:0; font-size:14px; padding: 0 10px; width:94%;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sem_cases ul{ width:100%;}
.sem_cases ul li{ width:90%; margin-left:0%; margin-bottom:3%;}
}