@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: "AlibabaPuHuiTi Regular";
  src: url("font/AlibabaPuHuiTi-2-55-Regular.ttf"), url("font/AlibabaPuHuiTi-2-55-Regular.woff2"), url("font/AlibabaPuHuiTi-2-55-Regular.woff");
  font-display: swap;
}
@font-face {
  font-family: "AlibabaPuHuiTi Black";
  src: url("font/AlibabaPuHuiTi-2-65-Medium.ttf"), url("font/AlibabaPuHuiTi-2-65-Medium.woff2"), url("font/AlibabaPuHuiTi-2-65-Medium.woff");
  font-display: swap;
}
* {
  border: none;
  color: #333;
  font-family: "AlibabaPuHuiTi Regular", Helvetica, sans-serif;
  line-height: 1.5em;
  font-size: 2rem;
  list-style: none;
  margin: 0;
  outline: none;
  padding: 0;
  text-decoration: none;
  box-sizing: border-box;
}
html {
  font-size: 10px;
}
img {
  max-width: 100%;
  width: auto;
  height: auto;
}
h1, h2, h3, h4 {
  color: #000;
}
p {
  color: #333;
}
.clear {
  clear: both;
}
body {
  min-width: 360px;
}
.pull_left, .nav li, .list_product li, .list_case li, .marketing_bottom li, .shemei_marketing_tetx li, .marketing_bottom_list li, .dingzhi_bottom li, .case_bottom_list > ul > li, .list_about li, .about_middle li, .about_bottom li, .f_col_1, .f_col_2, .f_col_3, .f_col_4 {
  float: left;
}
.pull_right {
  float: right;
}
img {
  height: auto;
  max-width: 100%;
  width: auto;
}
.box_width {
  margin: 0 auto;
  overflow: hidden;
  max-width: 1482px;
}
h2  {
  font-size: 4.8rem;
  line-height: 1.2em;
}
h3, h3 a {
  font-size: 2.8rem;
}
h4, h4 a, .tab-pane_right p, .tab-menu li, .top_tetx p {
  font-size: 2.4rem;
}
.nav li a, h2, h4 {
  font-family: "AlibabaPuHuiTi Black";
}
p, .col_top h4, a, .marketing_top h4 {
  font-family: "AlibabaPuHuiTi Regular";
}
.nav {
  background: #fff url("../images/nav_bg.jpg") repeat-y bottom left;
  border-top: 0.7rem solid #014d6c;
  background-size: 100% 1px;
}
.nav .box_width {
  background: #fff url("../images/nav_bg.png") no-repeat bottom left;
  background-size: 50.2rem auto;
}
.logo {
  width: 29rem;
  margin-top: 0.8rem;
}
.logo img {
  display: block;
}
.nav .box_width {
  overflow: visible;
}
.nav li a {
  font-family: "AlibabaPuHuiTi Black";
  font-size: 2.4rem;
  line-height: 11.8rem;
  display: block;
}
.nav li {
  margin-left: 6rem;
  position: relative;
}
.nav .active a, .nav li a:hover, .nav .active li a:hover  {
  color: #f60;
}
.nav .active li a {
  color: #333;
}
.nav ul ul {
  position: absolute;
  background: #fff;
  z-index: 1;
  width: 286%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  display: none;
}
.nav li li {
  width: 100%;
  margin: 0;
  padding: 1rem;
  border-top: 1px solid #ddd;
}
.nav li li a {
  line-height: 4rem;
  font-family: "AlibabaPuHuiTi Regular";
}
.nav li:hover ul {
  display: block;
}
#pull {
  display: none;
  line-height: 11.8rem;
}
.banner img {
  width: 100%;
}
.banner .box_width {
  position: absolute;
  left: 0;
  right: 0;
  top: 23%;
}
.banner .text {
  width: 67rem;
}
.banner_about .text {
  width: 95rem;
}
.banner p {
  font-size: 3.2rem;
  margin-bottom: 4rem;
}
.banner h2,.lightbox h2 {
  margin-bottom: 2.4rem;
}
.banner  h3{
	margin-bottom: 2rem;
	line-height: 1;
	border-left: 0.6rem solid #f60;
	padding-left: 2rem;
	color: #f60;
	
} 
.banner .more,  .tab_menu_left .more, .dingzhi_middle .more {
  display: block;
  width: 22.2rem;
  line-height: 6.6rem;
  border-radius: 0.4rem;
  color: #fff;
  background: linear-gradient(to bottom, #ff6600, #ffc500);
  font-size: 2.4rem;
  letter-spacing: 1.2rem;
  padding: 0 2rem;
}
.banner .more img,   .tab_menu_left .more img, .dingzhi_middle .more img {
  width: 1.6rem;
  vertical-align: middle;
}
.top_tetx p {
  margin-top: 1.2rem;
}
.top_tetx {
  margin-bottom: 4rem;
}
.top_tetx h3{
	margin-bottom: 1rem;
	color: #f60;
}
.top_tetx h3:before,.top_tetx h3:after{
	content: "";
	display:inline-block;
	width: 1.2rem;
	height: 1.2rem;
	background: #f60;
	transform: rotate(45deg);
	vertical-align: middle;
}
.top_tetx h3:before{
	margin-right: 2rem;
}
.top_tetx h3:after{
	margin-left: 2rem;
}
/*************************************/
.col_top {
  margin: 7rem auto 0;
}
.tab-menu, .col_top ul, .tab-pane .box_width, .col_middle_box, .col_bottom ul, .col_bottom_list ul, .list_marketing ul, .marketing_bottom ul, .shemei_marketing_tetx ul, .marketing_bottom_list ul, .dingzhi_bottom ul, .dingzhi_bottom_list ul, .list_about ul, .list_contact ul {
  display: flex;
  flex-wrap: wrap
}
.col_top .tab-content {
  background: url("../images/tab_bg.jpg") no-repeat center;
  background-size: 100% 100%;
  padding: 7rem 0;
}
.tab-pane, .tab_menu_left .text, .dingzhi_bottom_list li p, .tab_menu_left_img {
  display: none;
}
.tab-pane.active, .tab_menu_left .active .text, .dingzhi_bottom_list li:hover p {
  display: block;
}
.col_top .tab-content ul {
  background: rgba(255, 255, 255, 0.27);
  border-radius: 0.4rem 0 0 0.4rem;
  padding: 3rem;
  margin-top: 2.6rem;
}
.col_top .tab-menu {
  width: 66%;
  margin: 0 auto;
}
.tab-menu li {
  width: 22.2rem;
  text-align: center;
}
.col_top .tab-menu li {
  margin-right: 3rem;
  padding-bottom: 1rem;
}
.col_top .tab-menu li.active {
  border-bottom: 0.4rem solid #326dff;
  color: #326dff;
}
.tab-menu li:hover {
  cursor: pointer;
}
.tab-pane_right {
  width: 29.96%;
  position: relative;
}
.tab-pane_left {
  width: 70.04%;
  margin-top: 3.6rem;
}
.tab-pane_left li {
  background: #fff;
  border-radius: 0.4rem;
  padding: 3rem 2rem 2rem;
  box-shadow: 0 0 10px #eee;
  text-align: center;
}
.tab-pane_left li span {
  display: block;
  margin: 0 auto 2rem;
  height: 7rem;
  width: 7rem;
  background-repeat: no-repeat;
  background-image: url("../images/icon_1.png");
  background-size: 14rem 112rem;
}
.tab-pane_left_a li:nth-child(1) span {
  background-position: left -42rem;
}
.tab-pane_left_a li:nth-child(2) span {
  background-position: left -7rem;
}
.tab-pane_left_a li:nth-child(3) span {
  background-position: left -14rem;
}
.tab-pane_left_a li:nth-child(4) span {
  background-position: left -21rem;
}
.tab-pane_left_a li:nth-child(1):hover span {
  background-position: right -42rem;
}
.tab-pane_left_a li:nth-child(2):hover span {
  background-position: right -7rem;
}
.tab-pane_left_a li:nth-child(3):hover span {
  background-position: right -14rem;
}
.tab-pane_left_a li:nth-child(4):hover span {
  background-position: right -21rem;
}
.tab-pane_left_b li:nth-child(1) span {
  background-position: left -28rem;
}
.tab-pane_left_b li:nth-child(2) span {
  background-position: left -35rem;
}
.tab-pane_left_b li:nth-child(3) span {
  background-position: left 0;
}
.tab-pane_left_b li:nth-child(4) span {
  background-position: left -49rem;
}
.tab-pane_left_b li:nth-child(1):hover span {
  background-position: right -28rem;
}
.tab-pane_left_b li:nth-child(2):hover span {
  background-position: right -35rem;
}
.tab-pane_left_b li:nth-child(3):hover span {
  background-position: right 0;
}
.tab-pane_left_b li:nth-child(4):hover span {
  background-position: right -49rem;
}
.tab-pane_left_c li:nth-child(1) span {
  background-position: left -56rem;
}
.tab-pane_left_c li:nth-child(2) span {
  background-position: left -63rem;
}
.tab-pane_left_c li:nth-child(3) span {
  background-position: left -70rem;
}
.tab-pane_left_c li:nth-child(4) span {
  background-position: left -77rem;
}
.tab-pane_left_c li:nth-child(1):hover span {
  background-position: right -56rem;
}
.tab-pane_left_c li:nth-child(2):hover span {
  background-position: right -63rem;
}
.tab-pane_left_c li:nth-child(3):hover span {
  background-position: right -70rem;
}
.tab-pane_left_c li:nth-child(4):hover span {
  background-position: right -77rem;
}
.tab-pane_left_d li:nth-child(1) span {
  background-position: left -84rem;
}
.tab-pane_left_d li:nth-child(2) span {
  background-position: left -91rem;
}
.tab-pane_left_d li:nth-child(3) span {
  background-position: left -98rem;
}
.tab-pane_left_d li:nth-child(4) span {
  background-position: left -105rem;
}
.tab-pane_left_d li:nth-child(1):hover span {
  background-position: right -84rem;
}
.tab-pane_left_d li:nth-child(2):hover span {
  background-position: right -91rem;
}
.tab-pane_left_d li:nth-child(3):hover span {
  background-position: right -98rem;
}
.tab-pane_left_d li:nth-child(4):hover span {
  background-position: right -105rem;
}
.col_top h4{
	height: 3em;
}
.tab-pane_left li {
  width: 22.70%;
  margin-right: 3%;
}
.col_bottom li, .marketing_bottom_list li, .dingzhi_top_left, .dingzhi_bottom_list li, .list_contact li {
  width: 32%;
  margin-right: 2%;
}
.list_marketing li, .marketing_middle .tab-menu li, .dingzhi_bottom li, .list_about li, .col_bottom_list li {
  width: 23.5%;
  margin-right: 2%;
}
.marketing_middle  .tab-menu_img  li  {
	width: 32%;
	margin-right: 2%;
}
.marketing_bottom li, .shemei_marketing_tetx li, .dingzhi_bottom li:nth-child(1), .case_bottom_list > ul > li {
  width: 49%;
  margin-right: 2%;
}
.about_middle li {
  width: 23.5%;
  margin-right: 14.75%;
  text-align: center;
}
.col_top .tab-menu li:nth-child(4), .tab-pane_left li:nth-child(4), .col_bottom li:nth-child(3n), .col_bottom_list li:nth-child(4n), .list_marketing li:nth-child(4n), .marketing_middle .tab-menu li:nth-child(4), .marketing_bottom li:nth-child(2n), .shemei_marketing_tetx li:nth-child(2n), .marketing_bottom_list li:nth-child(3n), .dingzhi_top_right, .dingzhi_bottom li:nth-child(3), .dingzhi_bottom_list li:nth-child(3), .case_bottom_list > ul > li:nth-child(2n), .list_about li:nth-child(4), .about_middle li:nth-child(3), .list_contact li:nth-child(3) ,.tab-menu_img  li:nth-child(3){
  margin-right: 0;
}
.tab-pane_left li p {
  margin: 3rem 0;
}
.tab-pane_left li:hover, .tab_menu_left .more, .list_about li:hover {
  background: linear-gradient(to right, #235cf8, #0adcf2);
}
.tab-pane_left li:hover a, .tab-pane_left li:hover p, .tab-pane_left li:hover h4, .tab-pane_right h3, .tab-pane_right p, .col_middle p, .col_middle h2, .col_middle h4, .f_top a, .f_bg p, .marketing_bottom li:hover p, .marketing_bottom li:hover h4, .dingzhi_bottom_list li p, .dingzhi_bottom_list h4, .list_about li:hover {
  color: #fff;
}
.col_middle h4, .f_top h4 {
  font-weight: 500;
}
.tab-pane_right .text {
  position: absolute;
  left: 3rem;
  top: 3rem;
}
.tab-pane_right p, .col_middle_right li p, .list_marketing li p, .marketing_bottom li p, .marketing_bottom_list li p, .dingzhi_middle_right p, .tab-pane_left p {
  margin-top: 1rem;
}
.tab-pane .more,.marketing_shiping .more {
  display: block;
  width: 40rem;
  line-height: 6.6rem;
  border-radius: 3.4rem;
  color: #fff;
  background: linear-gradient(to bottom, #ff6600, #ffc500);
  font-size: 2.4rem;
  margin: 4rem auto 0;
  text-align: center;
}
.marketing_middle .tab-pane .more,.marketing_shiping .more{
	margin-left: 0;
}
.col_middle {
  background: linear-gradient(to right, #042330, #024d6c);
  padding: 7rem 0;
}
.col_middle_box {
  border-radius: 0.8rem;
  background: #0f4d68;
  border: 1px solid #068ec7;
}
.col_middle_left {
  background: rgba(255, 255, 255, 0.54);
  width: 40.48%;
  text-align: center;
}
.col_middle_right {
  width: 59.52%;
  padding: 6rem;
}
.col_middle_right li {
  padding-left: 9rem;
  margin-bottom: 2rem;
}
.col_middle_right li:nth-child(1) {
  background: url("../images/ico_1.png") no-repeat left 1rem;
  background-size: 6rem auto;
}
.col_middle_right li:nth-child(2) {
  background: url("../images/ico_2.png") no-repeat left 1rem;
  background-size: 6rem auto;
}
.col_middle_right li:nth-child(3) {
  background: url("../images/ico_3.png") no-repeat left 1rem;
  background-size: 6rem auto;
}
.col_middle_right li:nth-child(4) {
  background: url("../images/ico_4.png") no-repeat left 1rem;
  background-size: 6rem auto;
}
.col_bottom, .case_bottom_list, .list_marketing, .marketing_middle, .marketing_bottom, .marketing_bottom_list, .jianzhan_top, .jianzhan_bottom, .dingzhi_top, .dingzhi_bottom, .dingzhi_bottom_list, .list_about, .about_middle, .list_contact, .contact_bottom {
  margin: 7rem auto;
}
.col_bottom img, .marketing_middle_right img, .marketing_top img {
  display: block;
  border-radius: 0.8rem;
}
.col_bottom img, .dingzhi_top_left img {
  border: 1px solid #ededed;
}
.col_bottom h4, .about_middle h4, .list_contact h4 {
  margin: 2rem 0 1rem;
}
.col_bottom .more {
  display: block;
  color: #f60;
  margin-top: 1rem;
}
.col_bottom_index li:nth-child(4) {
  display: none;
}
.col_bottom_list, .dingzhi_middle, .about_bottom {
  background: #f2f6ff;
  padding: 7rem 0;
}
.col_bottom_list ul {
  padding: 0 1px 1px;
}
.col_bottom_list li {
  background: #fff;
  box-shadow: 0 0 1rem #ccc;
  text-align: center;
  border-radius: 0.4rem;
}
.col_bottom_list img, .tab-pane_right img, .dingzhi_top_left img {
  display: block;
  border-radius: 0.4rem;
}
.col_bottom_list img {
  margin: 0 auto;
}
.list_case li:nth-child(n+4), .marketing_middle .text p,  .shemei_marketing_tetx ul, .dingzhi_top li:nth-child(n+2), .case_bottom_list > ul > li:nth-child(n+3), .marketing_top ul, .col_bottom_list li:nth-child(n+5),.f_col_1 ul {
  margin-top: 3rem;
}
.h_line:after, .h_line:before {
  content: '';
  display: inline-block;
  width: 16rem;
  height: 0.2rem;
  vertical-align: middle;
}
.h_line:after {
  margin-left: 2rem;
  background: linear-gradient(to right, #71b3ff, transparent 80%);
}
.h_line:before {
  margin-right: 2rem;
  background: linear-gradient(to left, #71b3ff, transparent 80%);
}
.list_marketing li, .marketing_bottom li, .marketing_middle .tab-menu li, .marketing_bottom_list li, .jianzhan_top img, .dingzhi_top li, .dingzhi_bottom li, .list_contact li {
  background: #f2f6ff;
  border-radius: 0.4rem;
}
.list_marketing li {
  padding: 3rem 2.4rem 6rem;
}
.marketing_middle .tab-menu li {
  color: #016fe8;
  line-height: 6.4rem;
}
.marketing_middle .tab-menu li.active, .marketing_bottom li:hover, .dingzhi_top li:hover {
  color: #fff;
  background: #016fe8;
}
.marketing_middle .tab-menu {
  margin-bottom: 5rem;
}
.marketing_middle .text, .tab_menu_left {
  width: 23.5%;
  margin-top: 4rem;
}
.marketing_middle_right, .tab-content_right {
  width: 68%;
}
.marketing_bottom li img, .dingzhi_bottom li:nth-child(1) img {
  border-radius: 0 0 0.4rem 0.4rem;
}
.marketing_bottom .text {
  padding: 3rem 3rem 4rem;
}
.list_marketing_1 h3 {
  font-size: 3.6rem;
  color: #1544ad;
}
.tab-menu_img li:before  {
  content: '';
  display: inline-block;
  width: 4.2rem;
  height: 3.5rem;
  vertical-align: middle;
  margin-right: 2rem;
  background: url("../images/ico_7.png") no-repeat center;
  background-size: 100% auto;
}
.tab-menu_img li.active:before,.tab-menu_img2 li.active:before {
  background: url("../images/ico_07.png") no-repeat center;
  background-size: 100% auto;
}
.tab-menu_img1 li:nth-child(1):before {
  background: url("../images/ico_8.png") no-repeat center;
  background-size: 100% auto;
}
.tab-menu_img li:nth-child(3):before {
  background: url("../images/ico_9.png") no-repeat center;
  background-size: 100% auto;
}
.tab-menu_img li:nth-child(4):before {
  background: url("../images/ico_10.png") no-repeat center;
  background-size: 100% auto;
}
.tab-menu_img1 li.active:nth-child(1):before {
  background: url("../images/ico_08.png") no-repeat center;
  background-size: 100% auto;
}
.tab-menu_img li.active:nth-child(3):before {
  background: url("../images/ico_09.png") no-repeat center;
  background-size: 100% auto;
}
.tab-menu_img li.active:nth-child(4):before {
  background: url("../images/ico_010.png") no-repeat center;
  background-size: 100% auto;
}
.tab-menu_img2 li:nth-child(2):before {
  background: url("../images/ico_24.png") no-repeat center;
  background-size: 100% auto;
}
.tab-menu_img2 li:nth-child(3):before {
  background: url("../images/ico_25.png") no-repeat center;
  background-size: 100% auto;
}
.tab-menu_img2 li.active:nth-child(2):before {
  background: url("../images/ico_024.png") no-repeat center;
  background-size: 100% auto;
}
.tab-menu_img2 li.active:nth-child(3):before {
  background: url("../images/ico_025.png") no-repeat center;
  background-size: 100% auto;
}
.tab-menu_img1 li:nth-child(2):before {
  background: url("../images/ico_26.png") no-repeat center;
  background-size: 100% auto;
}
.tab-menu_img1 li:nth-child(3):before {
  background: url("../images/ico_27.png") no-repeat center;
  background-size: 100% auto;
}
.tab-menu_img1 li.active:nth-child(2):before {
  background: url("../images/ico_026.png") no-repeat center;
  background-size: 100% auto;
}
.tab-menu_img1 li.active:nth-child(3):before {
  background: url("../images/ico_027.png") no-repeat center;
  background-size: 100% auto;
}

.shemei_marketing_tetx, .shemei_marketing_right, .marketing_top img, .marketing_top .text,.case_bottom_list .text  {
  width: 49%;
}
.marketing_top li {
  background: url("../images/ico_20.png") no-repeat left 1rem;
  background-size: 4rem auto;
  padding-left: 6rem;
  margin-top: 2rem;
}
.marketing_top li:nth-child(2) {
  background: url("../images/ico_21.png") no-repeat left 1rem;
  background-size: 4rem auto;
}
.marketing_top li:nth-child(3) {
  background: url("../images/ico_22.png") no-repeat left 1rem;
  background-size: 4rem auto;
}
.marketing_top li:nth-child(4) {
  background: url("../images/ico_23.png") no-repeat left 1rem;
  background-size: 4rem auto;
}
.shemei_marketing_tetx li {
  background: url("../images/libg.png") no-repeat left 1rem;
  background-size: 1rem auto;
  padding-left: 2rem;
  margin-top: 1rem;
}
.shemei_marketing_tetx {
  margin-top: 6rem;
}
.marketing_shiping h3{
	margin-bottom: 1rem;
	
}
.marketing_shiping .shemei_marketing_tetx{
	width: 57%;
}
.marketing_shiping .shemei_marketing_right {
	width: 42%;
}
.marketing_bottom_list img, .dingzhi_bottom li:nth-child(n+2) img {
  display: block;
  border-radius: 0.4rem 0.4rem 0 0;
}
.marketing_bottom_list .text, .dingzhi_bottom .text {
  padding: 3rem;
}
.jianzhan_top h4 {
  margin: 1.6rem 0 1rem;
}
.jianzhan_bottom .tab-menu li {
  width: 100%;
}
.tab_menu_left li {
  text-align: left;
  margin-top: 2rem;
}
.tab_menu_left h3 {
  background: url("../images/more2.png") no-repeat right center;
  background-size: 1.7rem auto;
  width: 80%;
}
.tab_menu_left .active h3 {
  background: url("../images/ico_right.png") no-repeat right center;
  background-size: 1.7rem auto;
  color: #016fe8;
}
.tab_menu_left .more, .dingzhi_middle .more {
  line-height: 5.6rem;
  margin-top: 3rem;
}
.tab_menu_left .text {
  padding: 2rem 1rem;
}
.tab_menu_left p, .dingzhi_bottom li:nth-child(1) p {
  background: url("../images/pbg.jpg") no-repeat left 1rem;
  background-size: 0.8rem auto;
  padding-left: 2rem;
  margin-top: 2rem;
}
.dingzhi_top li {
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  line-height: 10rem;
}
.dingzhi_middle_left {
  width: 54%;
}
.dingzhi_middle_right {
  width: 46%;
  padding: 6rem 5rem 0;
}
.dingzhi_bottom li p, .dingzhi_bottom li:nth-child(1) p, .case_bottom_list li p  {
  margin-top: 1rem;
}
.dingzhi_bottom li:nth-child(n+2) .text {
  padding: 2rem;
}
.dingzhi_bottom_list li {
  position: relative;
}
.dingzhi_bottom_list li img {
  display: block;
  border-radius: 2rem;
}
.dingzhi_bottom_list li .text {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 2rem;
  z-index: 1;
}
.dingzhi_bottom_list h4 {
  text-align: center;
  font-size: 3rem;
}
.dingzhi_bottom_list li:hover h4 {
  text-align: left;
  font-size: 2.4rem;
}
.dingzhi_bottom_list li:hover:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 111, 232, 0.7);
  border-radius: 2rem;
}
.case_bottom_list img,.f_col_2  {
  width: 48%;
}
.case_bottom_list img {
  float: left;
  border-radius: 1rem;
}
.case_bottom_list li li {
  padding-left: 3.6rem;
  background: url("../images/case/ico_c_1.png") no-repeat left 0.3rem;
  background-size: 2.4rem auto;
  margin-top: 0.6rem;
	font-size: 1.8rem;
}
.case_bottom_list li li:nth-child(2) {
  background: url("../images/case/ico_c_2.png") no-repeat left 0.3rem;
  background-size: 2.4rem auto;
}
.case_bottom_list li li:nth-child(4) {
  background: url("../images/case/ico_c_3.png") no-repeat left 0.3rem;
  background-size: 2.4rem auto;
}
.case_bottom_list li li:nth-child(3) {
  background: url("../images/case/ico_c_4.png") no-repeat left 0.3rem;
  background-size: 2.4rem auto;
}
.list_about li {
  border: 1px solid #ddd;
  border-radius: 5.4rem;
  text-align: center;
  padding: 2rem 3rem;
}
.about_middle font{
	display: inline-block;
	margin: 0 1rem; 
	vertical-align: sub;
	color: #f60;
	font-size: 4.8rem;
	line-height: 0.5;
}
.about_bottom li {
  width: 20%;
  text-align: center;
}
.about_bottom li img {
  display: block;
  margin: 0 auto 3rem;
  border-radius: 50%;
  border: 1px solid #ddd;
  background: #f2f6ff;
  width: 10rem;
}
.about_bottom ul {
  display: flex;
  background: url("../images/ico_19.png") repeat-x 0 3.5rem;
  background-size: 148.2rem auto;
}
.list_contact li {
  text-align: center;
  padding: 3rem 5rem;
}
.list_contact img {
  width: 6.6rem;
}
/***********************************************************************/
.f_bg {
  padding: 7rem 0 2rem;
  background: #01161e;
}
.f_top h4 {
  margin-bottom: 1.6rem;
}
.f_col_1 {
  width: 26%;
}
.f_col_1 p, .case_bottom_list li ul {
  margin-top: 2rem;
}
.f_col_1 img {
  width: 29rem;
}
.f_col_1 li {
  line-height: 3.8rem;
  border-radius: 2rem;
  background: #566469;
  border: 1px solid #99cccc;
  font-size: 2.2rem;
  padding-left: 2rem;
  margin-top: 2rem;
}
.f_col_1 li img {
  vertical-align: middle;
  margin-right: 1.5rem;
  width: 2.3rem;
}
.f_bottom {
  margin-top: 5rem;
  padding-top: 3rem;
  border-top: 1px solid #34454b;
}
/***********************************************************************/
.contact_bottom input, .contact_bottom textarea, .form-item input, .form-item textarea,.lightbox input,.lightbox textarea {
  background: #fff;
  width: 100%;
  border: 1px solid #dedede;
  border-radius: 0.4rem;
}
.contact_bottom input ,.lightbox input{
  line-height: 6.8rem;
  padding: 0 2rem 0 3rem;
}
.contact_bottom .btn-submit ,.lightbox .btn-submit{
  display: block;
  background: #f90;
  color: #fff;
  font-size: 2.4rem;
  width: 100%;
  line-height: 6.8rem;
  border-radius: 0.4rem;border:1px solid #f90;
}
.btn-submit:hover {
  background: none;
  color: #f90;
  transition: 0.5s;
	
}
.contact_bottom textarea,.lightbox textarea {
  height: 16rem;
  padding: 2rem 2rem 2rem 3rem;
}
.form-item {
  position: relative;
  margin-bottom: 2rem;
  display: flex;
}
.form-item span {
  position: absolute;
  left: 2rem;
  top: 2.4rem;
  color: #f00;
}
.textBox span {
  top: 2rem;
}
.form-item.pull_left, .form-item.pull_right {
  width: 49%;
}
.form-item.pull_left {
  margin-right: 2%;
}
.f_col_2 input, .f_col_2 textarea {
  background: rgba(255, 255, 255, 0.25);
  width: 100%;
  border-radius: 0.4rem;
  color: #fff;
}
.f_col_2 input {
  line-height: 4.8rem;
  padding: 0 2rem;
}
.f_col_2 .form-item span {
  top: 1.2rem;
  left: 1rem;
}
.f_col_2 textarea {
  padding-left: 2rem;
  padding: 1rem 2rem 0;
  height: 5rem;
}
.f_col_2 .btn-submit {
  display: block;
  background: #f90;
  color: #fff;
  font-size: 2.4rem;
  width: 20rem;
  line-height: 4.8rem;
  border-radius: 0.4rem;
}
.f_bg ::placeholder {
  color: #fff;
}

.lightbox{
	background: rgba(0,0,0,0.5);
	position:fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 9;
	display: none;
}
.lingtbox_formbox{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	width: 55%;
	margin: 0 auto;
	background: #fff;
	padding: 3rem;
}
.btn_coled{
	    display: block;
    width: 4.2rem;
    height: 4.2rem;
    background: url("../images/1.png");
    background-size: 100% auto;
    border-radius: 50%;
    z-index: 10;
    position: absolute;
    right: 0;
    top: -5rem;
    margin: 0 auto;
    line-height: 3rem;
    text-align: center;
}
/************************************************/
.swiper-slide, .swiper-container, .swiper-wrapper, .banner, .jianzhan_top .box_width {
  position: relative;
}
.banner, .swiper-container {
  overflow: hidden;
}
.jianzhan_top .box_width {
  overflow: visible;
}
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.swiper-slide {
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
}
.banner .swiper-pagination {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 3rem;
  text-align: center;
}
.swiper-pagination-bullet {
  width: 3.4rem;
  height: 1.2rem;
  display: inline-block;
  margin: 0 1rem;
  background: #999;
  border-radius: 0.6rem;
}
.swiper-pagination-bullet-active, .banner .swiper-pagination-bullet-active {
  background: #fc8a21;
}
.swiper-button-prev, .swiper-button-next {
  width: 1.7rem;
  height: 3rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
}
.swiper-button-prev {
  left: -4.5rem;
  background: url(../images/ico_left.png) no-repeat center;
  background-size: 100% auto;
}
.swiper-button-next {
  background: url(../images/ico_right.png) no-repeat center;
  right: -4.5rem;
  background-size: 100% auto;
}
/************************************************/
.trun_top {
  position: fixed;
  right: 1em;
  bottom: 30%;
  display: none;
  z-index: 9;
}
.trun_top img {
  border-radius: 50%;
  box-shadow: 0 0 10px #ccc;
  width: 60px;
}
@media all and (max-width:1920px) {
  img {
    width: auto;
    max-width: 100%;
    height: auto;
  }
}
@media all and (max-width:1580px) {
  .jianzhan_top {
    padding: 0 5rem;
  }
  .swiper-button-prev {
    left: -3.5rem;
  }
  .swiper-button-next {
    right: -3.5rem
  }
}
@media all and (max-width:1540px) {
  html {
    font-size: 0.65vw;
  }
  .box_width {
    max-width: 148.2rem;
  }
}
@media all and (max-width:751px) {
  html {
    font-size: 1.25vw;
  }
  .box_width {
    max-width: 76rem;
  }
  .f_bg, .col_middle {
    padding-top: 4rem;
  }
  .col_top .tab-content, .col_bottom_list {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .col_top, .f_bottom {
    margin-top: 4rem;
  }
  .col_bottom, .case_bottom_list, .list_marketing, .marketing_middle, .marketing_bottom, .marketing_bottom_list, .jianzhan_top, .jianzhan_bottom, .dingzhi_top, .dingzhi_bottom, .dingzhi_bottom_list, .list_about, .about_middle, .list_contact, .contact_bottom {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .nav ul,  .dingzhi_middle .more, .dingzhi_top_left img, .dingzhi_top_middle, .tab_menu_left .more, .tab-content_right, .banner .more {
    display: none;
  }
  #pull {
    display: block;
    text-indent: -9999px;
    background: url("../images/pull.png") no-repeat center;
    background-size: 100% auto;
    width: 6rem;
  }
  .nav .box_width > ul {
    position: absolute;
    background: #fff;
    width: 100%;
    left: 0;
    top: 12.4rem;
    z-index: 1;
    border-bottom: 1px solid #ddd;
  }
  .nav .box_width > ul > li {
    width: 100%;
    border-top: 1px solid #ddd;
    margin-left: 0;
    padding-left: 3rem;
  }
  .nav .box_width > ul > li > a {
    line-height: 9.8rem;
  }
  .nav ul ul {
    display: block;
    position: relative;
    left: -3rem;
    transform: translateX(0);
    text-align: left;
  }
  .nav ul ul li {
    border: none;
    background: #f2f6ff;
    padding-left: 7rem;
  }
  .col_top .tab-menu li {
    width: 23.5%;
    margin-right: 2%;
  }
  .tab-pane_left li, .col_bottom li, .col_bottom li:nth-child(3n), .list_marketing li, .dingzhi_bottom li, .list_about li {
    width: 49%;
    margin-right: 2%;
  }
  .col_top .tab-menu li:nth-child(4), .tab-pane_left li:nth-child(2n), .col_bottom li:nth-child(2n), .list_marketing li:nth-child(2n), .marketing_bottom li, .marketing_bottom_list li, .dingzhi_bottom li:nth-child(1), .list_about li:nth-child(2n), .about_middle li, .list_contact li, .form-item.pull_left {
    margin-right: 0;
  }
  .tab-pane_left li:nth-child(n+3), .tab-pane_right, .col_bottom li:nth-child(n+3), .list_marketing li:nth-child(n+3), .marketing_middle_right, .marketing_bottom li:nth-child(2), .shemei_marketing_right, .marketing_bottom_list li:nth-child(n+2), .dingzhi_bottom li:nth-child(n+2), .case_bottom_list > ul > li:nth-child(n+2), .list_about li:nth-child(n+3), .about_middle li:nth-child(n+2), .list_contact li:nth-child(n+2), .marketing_top .text, .f_col_2 {
    margin-top: 2rem;
  }
  .col_top .tab-pane_left, .marketing_middle .text, .shemei_marketing_tetx, .tab_menu_left, .tab_menu_left li:nth-child(1) {
    margin-top: 0;
  }
  .col_top .tab-menu, .col_top .tab-pane_left, .tab-pane_right, .col_middle_left, .col_middle_right, .marketing_middle .text, .marketing_middle_right, .marketing_bottom li, .shemei_marketing_tetx, .shemei_marketing_right, .marketing_bottom_list li, .marketing_bottom_list img, .dingzhi_middle_left, .dingzhi_middle_right, .dingzhi_bottom li:nth-child(1), .case_bottom_list > ul > li, .about_middle li, .list_contact li, .form-item.pull_left, .form-item.pull_right, .tab_menu_left, .tab_menu_left h3, .tab-content_right, .banner .text, .marketing_top img, .marketing_top .text, .f_col_1, .f_col_2, .f_col_2 .btn-submit,.marketing_shiping .shemei_marketing_tetx, .marketing_shiping .shemei_marketing_right {
    width: 100%;
  }
  .col_top .tab-content ul, .dingzhi_middle {
    padding: 0;
  }
  .tab-pane_left li p {
    margin: 1.4rem 0;
  }
  .tab-pane_left li, .list_marketing li, .marketing_bottom .text {
    padding: 2.4rem 2rem;
  }
  .col_middle_right {
    padding: 3rem;
  }
  .col_middle, .dingzhi_middle, .col_bottom_list {
    background: none;
  }
  .col_middle {
    padding-bottom: 0;
  }
  .col_middle h2 {
    color: #000;
  }
  .col_middle .top_tetx p {
    color: #333;
  }
  .col_bottom_index li:nth-child(4), .tab_menu_left_img {
    display: block;
  }
  .about_bottom {
    background: none;
    padding: 0 0 4rem;
  }
  .col_bottom_list ul {
    padding: 0 0.5rem 0.5rem;
  }
  .h_line:after, .h_line:before {
    width: 8rem;
  }
  .marketing_middle .tab-menu {
    margin-bottom: 3rem;
  }
  .marketing_middle .text p, .shemei_marketing_tetx ul, .dingzhi_top_left li:nth-child(n+2) {
    margin-top: 1rem;
  }
  .tab-menu_img li:before {
    display: block;
    margin: 1rem auto 0;
  }
  .marketing_middle .tab-menu li {
    line-height: 5.2rem;
  }
  .dingzhi_middle_right {
    padding: 2rem 0 0;
    text-align: center;
  }
  .dingzhi_top_left li {
    line-height: 8rem;
  }
  .dingzhi_top_left {
    width: 49%;
  }
  .about_bottom ul {
    background-size: 76rem auto;
    background-position: left 4.3rem;
  }
  .tab_menu_left h3 {
    padding: 1rem 2rem;
    background: #f2f6ff url("../images/more2.png") no-repeat 96% center;
  }
  .tab_menu_left .active h3 {
    background: #f2f6ff url("../images/ico_right.png") no-repeat 96% center;
  }
  .banner .box_width {
    top: 8%;
    text-align: center;
  }
  .f_col_1 > a, .f_col_1 p, .f_col_2 h4 {
    display: block;
    text-align: center;
  }
	.lingtbox_formbox{
		width: 90%;
	}
	.marketing_middle .tab-pane .more, .marketing_shiping .more{
		margin-left: auto;
	}
}
@media all and (max-width:680px) {}