@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
     ========================================================================== */
/**
   * Remove the margin in all browsers.
   */
body {
	width: 100%;
  margin: 0;
  color:#222;
  font-size:14px;
}

/**
   * Render the `main` element consistently in IE.
   */
main {
  display: block;
}

/**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
     ========================================================================== */
/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
     ========================================================================== */
/**
   * Remove the gray background on active links in IE 10.
   */
a {
    background-color: transparent;
	color:#222;
	text-decoration:none;
}
a:hover{
	color:#116bc4;
	text-decoration:none;
}
/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
b,
strong {
  font-weight: bolder;
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
   * Add the correct font size in all browsers.
   */
small {
  font-size: 80%;
}

/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
     ========================================================================== */
/**
   * Remove the border on img inside links in IE 10.
   */
img {
  border-style: none;
}

/* Forms
     ========================================================================== */
/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
   * Remove the inner border and padding in Firefox.
   */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
   * Restore the focus styles unset by the previous rule.
   */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
   * Correct the padding in Firefox.
   */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
progress {
  vertical-align: baseline;
}

/**
   * Remove the default vertical scrollbar in IE 10+.
   */
textarea {
  overflow: auto;
}

/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
     ========================================================================== */
/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
details {
  display: block;
}

/*
   * Add the correct display in all browsers.
   */
summary {
  display: list-item;
}

/* Misc
     ========================================================================== */
/**
   * Add the correct display in IE 10+.
   */
template {
  display: none;
}

/**
   * Add the correct display in IE 10.
   */
[hidden] {
  display: none;
}

* {
  margin: 0;
  padding: 0;
}

a {
  background: transparent;
  text-decoration: none;
  outline: none;
  cursor: pointer;
}

a:active, a:hover {
  outline: none;
  text-decoration: none;
}

li {
  list-style: none;
}

.clearfix {
  display: inline-block;
  /* Hide from IE Mac \*/
  display: block;
  zoom: 1;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/*font-size*/
.fnt_12 { font-size:12px;}
.fnt_14 { font-size:14px;}
.fnt_16 { font-size:16px;}
.fnt_18 { font-size:18px;}
.fnt_20 { font-size:20px;}
.fnt_22 { font-size:22px;}
.fnt_24 { font-size:24px;}
.fnt_26 { font-size:26px;}
.fnt_28 { font-size:28px;}
.fnt_30 { font-size:30px;}
.fnt_32 { font-size:32px;}
.fnt_34 { font-size:34px;}
.fnt_36 { font-size:36px;}
.fnt_38 { font-size:38px;}
.fnt_40 { font-size:40px;}

.fnt_42 { font-size:42px;}
.fnt_44 { font-size:44px;}
.fnt_46 { font-size:46px;}
.fnt_48 { font-size:48px;}
.fnt_50 { font-size:50px;}
.fnt_52 { font-size:52px;}
.fnt_54 { font-size:54px;}
.fnt_56 { font-size:56px;}
.fnt_58 { font-size:58px;}
.fnt_60 { font-size:60px;}
.fnt_120 { font-size:120px;}
@media only screen and (max-width: 1440px) {
  .fnt_18 { font-size:16px;}
  .fnt_22 { font-size:18px;}
  .fnt_24 { font-size:20px;}
  .fnt_26 { font-size:24px;}
  .fnt_28 { font-size:24px;}
  .fnt_30 { font-size:30px;}
  .fnt_32 { font-size:30px;}
  .fnt_34 { font-size:30px;}
  .fnt_36 { font-size:32px;}
  .fnt_38 { font-size:32px;}
  .fnt_40 { font-size:34px;}

  .fnt_42 { font-size:34px;}
  .fnt_44 { font-size:34px;}
  .fnt_46 { font-size:36px;}
  .fnt_48 { font-size:36px;}
  .fnt_50 { font-size:38px;}
  .fnt_52 { font-size:38px;}
  .fnt_54 { font-size:38px;}
  .fnt_56 { font-size:40px;}
  .fnt_58 { font-size:40px;}
  .fnt_60 { font-size:42px;}
  .fnt_120 { font-size:100px;}
}
@media only screen and (max-width: 1366px) {
  .fnt_16 { font-size:14px;}
  
}
@media only screen and (max-width: 1200px) {
  .fnt_24 { font-size:18px;}
  .fnt_20 { font-size:16px;}
}

@media only screen and (max-width: 1024px) {
  .fnt_18 { font-size:16px;}
  .fnt_20 { font-size:16px;}
  .fnt_24 { font-size:18px;}
  .fnt_26 { font-size:20px;}
  .fnt_28 { font-size:20px;}
  .fnt_30 { font-size:24px;}
  .fnt_32 { font-size:24px;}
  .fnt_34 { font-size:24px;}
  .fnt_36 { font-size:26px;}
  .fnt_38 { font-size:26px;}
  .fnt_40 { font-size:30px;}

  .fnt_42 { font-size:30px;}
  .fnt_44 { font-size:30px;}
  .fnt_46 { font-size:32px;}
  .fnt_48 { font-size:32px;}
  .fnt_50 { font-size:34px;}
  .fnt_52 { font-size:34px;}
  .fnt_54 { font-size:34px;}
  .fnt_56 { font-size:36px;}
  .fnt_58 { font-size:36px;}
  .fnt_60 { font-size:38px;}
  .fnt_120 { font-size:80px;}
}

@media only screen and (max-width: 767px) {
  .fnt_14 { font-size:12px;}
  .fnt_16 { font-size:12px;}
  .fnt_18 { font-size:14px;}
  .fnt_22 { font-size:14px;}
  .fnt_24 { font-size:14px;}
  .fnt_26 { font-size:16px;}
  .fnt_28 { font-size:16px;}
  .fnt_30 { font-size:16px;}
  .fnt_32 { font-size:18px;}
  .fnt_34 { font-size:18px;}
  .fnt_36 { font-size:20px;}
  .fnt_38 { font-size:20px;}
  .fnt_40 { font-size:20px;}

  .fnt_42 { font-size:24px;}
  .fnt_44 { font-size:24px;}
  .fnt_46 { font-size:24px;}
  .fnt_48 { font-size:26px;}
  .fnt_50 { font-size:26px;}
  .fnt_52 { font-size:26px;}
  .fnt_54 { font-size:28px;}
  .fnt_56 { font-size:28px;}
  .fnt_58 { font-size:28px;}
  .fnt_60 { font-size:30px;}
  .fnt_120 { font-size:60px;}
}
@media only screen and (max-width: 479px) {
  .fnt_56 { font-size:24px;}
}

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

::-webkit-scrollbar-track-piece {
  background-color: #f8f8f8;
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-thumb {
  background-color: #77daff;
  background-clip: padding-box;
  min-height: 28px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #77daff;
}

header {
  position: fixed;
  z-index: 99999;
  top: 0px;
  left: 0;
  width: 100%;
  transition: all 0.5s ease;
	background: url("/public/index/images/top.jpg") no-repeat;
	background-size: 100% 100%;
}


header .header-pc {
  width:90%;
  margin: 0 5%;
}

header .header-pc .logo {
  float: left;
  height: 60px;
  display: block;
  margin: 10px 0;
}

header .header-pc .logo img {
  height: 60px;
}

header .header-pc .nav {
	float: right;
    width:40%;
	margin-right: 4%;
	margin-top: 10px;
}
header .header-pc .nav ul{
	width:100%;
}
header .header-pc .nav ul li{
	
	float: left;
    line-height: 70px;
    font-size: 15px;
    color: #333;
	width: 20%;
	text-align: center;
	height: 70px;
}
header .header-pc .nav a {
	float: left;
	width:100%;
    color: #333;
    height: 70px;
}
header .header-pc .nav a:hover{
	width:100%;
	height: 70px;
    color: #116bc4;
	background: url("/public/index/images/t_dot.png") bottom no-repeat;
	
}
header .header-pc .nav a:after {
  
    color: #116bc4;
	background: url("/public/index/images/t_dot.png") bottom no-repeat;
    transition: all 0.5s ease;
}
header .header-pc .nav ul li ol{
	position: absolute;
	z-index: 999;
	top: 78px;
	display: none;
	left: 0;
	right: 0;
	height: 20px;
	background:#116bc4;
	width: 88%;
	padding:20px 12% 20px 0px;
}
header .header-pc .nav ul li ol li {
	float: right;
	width: auto;
	font-size: 14px;
	margin-right:16px;
	white-space:nowrap;
}

header .header-pc .nav ul li ol li a {
	display: block;
	width: auto;
	color: #fff;
	height: 20px;
	line-height: 20px;
	transition: all 0.5s ease;
}
header .header-pc .nav ul li ol li a span{
	font-size: 30px;
	vertical-align: -6px;
    margin: 0px 3px;
    display: inline-block;
}
header .header-pc .nav ul li ol li a:hover {
	width: 100%;
	color: #fff;
	height: 20px;
	font-size: 18px;
	line-height: 20px;
	transition: all 0.5s ease;
}
header .header-pc .nav a:hover:after {
  width: 100% !important;
}
header .header-pc .nav .active {
	font-weight:bold;
	font-size:15px;
    color:#116bc4;
    background: url("/public/index/images/t_dot.png") bottom no-repeat;
}
header .header-pc .nav .active:after {
  
    width: 100%;

    color: #116bc4;
	background: url("/public/index/images/t_dot.png") bottom no-repeat;
}


header .header-pc .search{
	float: right;
	width:26px;
	height:26px;
	border: none;
	margin-top:27px;
}
header .header-pc .search a{
float: right;
width: 26px;
border: none;
line-height:20px;
height:26px;
outline: none;
margin-left:30px;
filter:grayscale(100%) brightness(0%);
}
header .header-pc .search a:hover{
	filter: grayscale(0) brightness(100%);
	-webkit-filter: grayscale(0) brightness(100%);
}

header .header-m {
  position: relative;
  display: none;
  padding: 2px 0;
}
.contt {
  width: 100%;
  margin: 0 auto;
}
header .header-m .contt {
  padding: 0 20px;
  box-sizing:border-box;
}

header .header-m .contt .logo {
  float: left;
  display: block;

  height: 60px;
}
header .header-m .contt .logo img{
  height: 60px;
}
header .header-m .contt .open_mnav {
	width:32px;
  height: 32px;
  float: right;
  display: block;
  background:url(/public/index/images/line.png);
}


header .header-m .contt .btn {
  float: right;
  display: block;
  line-height: 50px;
}

header .header-m .contt .btn i {
  display: block;
  font-size: 30px;
  color: #fff;
}

header .header-m .nav-list {
  display: none;
  position: absolute;
  top: 70px;
  padding: 10px 20px;
  width: 100%;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

header .header-m .nav-list a {
  display: block;
  width: 100%;
  line-height: 50px;
  font-size: 18px;
  color: #333;
  border-bottom: 1px solid #eee;
}

header .header-m .nav-list a:last-child {
  border-bottom: none;
}

header .header-m .nav-list .active {
  color: #0078cc;
}

.header2{
	position: fixed;
	top:0px;
	width:100%;
	background: url("/public/index/images/top.jpg") no-repeat;
	background-size: 100% 100%;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
}

.header2 .header-m .contt .open_mnav {
	
  background:url(/public/index/images/line.png);
}
  .search-ss {
	  position: absolute;
	z-index: 999;
	top: 78px;
	display: none;
	left: 0;
	right: 0;
	height: 20px;
	background:#116bc4;
	width: 88%;
	padding:10px 6% 30px 6%;
}
  .search-wrap {
	  float: right;
        width: 240px;
        right: 0;
        height: 36px;
        background: #fff;
        border: 1px solid #e4eaec;
        border-radius: 100px;
      
    }
    .search-b {

        display: flex;

        justify-content: space-between;
        height: 36px;
        padding: 0 15px;

    }



    .search-b input {

        width: 170px;

        border: none;

        outline: none;

    }

    .search-b .search-btn {
		
        filter:grayscale(100%) brightness(0%);
        line-height: 38px;
        background: url("/public/index/images/search.png") center no-repeat;
		background-size: 26px 26px;
        cursor: pointer;
        

    }



    .search-b .close {

        display: inline-block;

        height: 40px;

        width: 80px;

        text-align: center;

        font-size: 25px;

        color: #ccc;
        cursor: pointer;



    }
@media screen and (max-width: 1200px) {
  header .header-pc {
    display: none;
  }
  header .header-m {
    display: block;
  }
}




@keyframes arrowMove {
  to {
    transform: translateY(1.25rem);
    opacity: 0;
  }
}

@keyframes jello {
  from,
  11.1%,
  to {
    transform: none;
  }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    transform: skewX(0.39062deg) skewY(0.39062deg);
  }
  88.8% {
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}

@keyframes circleProgressLoad_right {
  0% {
    transform: rotate(45deg);
  }
  50% {
    transform: rotate(225deg);
  }
  100% {
    transform: rotate(225deg);
  }
}

@keyframes circleProgressLoad_left {
  0% {
    transform: rotate(45deg);
  }
  50% {
    transform: rotate(45deg);
  }
  100% {
    transform: rotate(225deg);
  }
}

.home-page .banner {
  width: 100%;
  height: 75vh;
  min-width: 1200px;
	padding-top: 60px;
}

.home-page .banner .swiper-container {
  width: 100%;
  height: 100%;
  --swiper-navigation-color: #fff;
  /* 单独设置按钮颜色 */
  --swiper-navigation-size: 50px;
  /* 设置按钮大小 */
}

.home-page .banner .swiper-container .swiper-wrapper .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat !important;
  
  background-position: center center !important;
}
.home-page .banner .swiper-container .swiper-wrapper .swiper-slide a img{
	 width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-page .banner .swiper-container .swiper-button-prev .bal{
  right: 20px;
  outline: none;
}

.home-page .banner .swiper-container .swiper-button-next .baf{
  left: 20px;
  outline: none;
}

@media screen and (max-width: 1200px) {
  .home-page .banner {
    height: 600px;
	
  }
   .s_b{
	   height: 300px;
	 }
}

@media screen and (max-width: 992px) {
  .home-page .banner {
    height: 400px;
	
  }
  .s_b{
	   height: 200px;
	 }
}

@media screen and (max-width: 768px) {
  .home-page .banner {
    height: 300px;
	  min-width: inherit;
  }
   .s_b{
	   height: 200px;
	 }
}

@media screen and (max-width: 576px) {
  .home-page .banner {
    height: 250px;
	  min-width: inherit;
  }
  .home-page .banner .swiper-container {
    --swiper-navigation-size: 30px;
  }
}





/* 页码 */
.pages1 {
    width: 100%;
    text-align: center;
	margin:0 auto;
	padding:1% 0px;
}

.pages1 a {
    min-width: 14px;
    height: 34px;
    font-size: 14px;
    line-height: 34px;
    color: #222;
    background-color: #fff;
    display: inline-block;
	border:1px solid #ddd;
    margin: 0 3px;
	padding:0px 10px;
}

.pages1 a.p_active {
    background:#116bc4;
	border:1px solid #116bc4;
    color: #fff;
}

.pages1 a:hover {
    background: #116bc4;
	border:1px solid #5b98f1;
    color: #fff;
	text-decoration:none;
}
.pages3 {
    text-align: center;
}
.cl{
	clear:both;
}
.cl30{
	clear:both;
	height:30px;
}

/* mob */
.mnav {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 997;
    background: rgba(0, 0, 0, .5);
    display: none;
}

.mnav_cont {
    width: 200px;
    height: 100%;
    background: #fff;
    position: relative;
    z-index: 999;
    overflow: scroll;
}

.mnav_lists>div {
    width: 100%;
    text-align: center;
}

.mnav_lists>div a {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 18px 0;
    color: #000;
}

.mnav_colse {
    width: calc(100% - 190px);
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 998;
    background: rgba(0, 0, 0, .5);
}

.open_mnav {
    display: none;
    float: right;
    margin: 20px 4px;
    cursor: pointer;
}

.tj{
   width: 100%;
	min-width:1200px;
    display: flex;
	position: relative;
	z-index: 3;
	margin-top: -30px;
   justify-content: space-between; 
}
.tj01{
	width: 22.22%;
	position: relative;
	overflow: hidden;
}
.tj01 img{
	width: 100%;
}
.tj01 a{
	position: absolute;
	z-index: 3;
	top:0;
	left:0;
	padding-top:12%;
	box-sizing: border-box;
	width: 100%;
	color: #fff;
	text-align: center;
}
.tj01 a{
	transform: scale(1);transition: all 0.6s;
}
.tj01 a:hover{
	transform: scale(1.1);transition: all 0.6s;
}
.tj01 a img{
	width: 40px;
	margin: 10px auto;
}
.tj01 a p{
	font-family: "Arial";
	font-size: 10px;
	padding-top: 6px;

}

.tj05{
	width: 11.12%;
	position: relative;
}
.tj05 img{
	width: 100%;
}
.tj05 a{
	position: absolute;
	z-index: 3;
	top:0;
	left:0;
	padding-top:50%;
	box-sizing: border-box;
	width: 100%;
	color: #fff;
	text-align: center;
	transform: scale(1);transition: all 0.6s;
}
.tj05 a:hover{
	transform: scale(1.1);transition: all 0.6s;
}
.product{
    width: 100%;
	background: url( "/public/index/images/p_b.jpg") no-repeat;
	background-size: 100% 100%;
	margin-top: -30px;
}
.p_tl{
    width: 1200px;
    margin: 0px auto;
	text-align: center;
	padding: 6% 0px 2% 0px;
}
.e_tl{
	color: rgba(255,255,255,0.5);
	font-weight: bold;
}
.t_tl{
	color: #fff;
	padding: 20px 0px;
}
.p_ct{
    width: 1200px;
    margin: 0px auto;
}
.p_li{
	float: left;
    width: 370px;
	margin-right: 45px;
	margin-bottom: 45px;
	background: #fff;
	
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	overflow:hidden;
}
.p_li:hover{
	
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
}
.p_li:nth-child(3),.p_li:nth-child(6){
	margin-right: 0px;
}
.p_bg{
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
}
.p_li1{
	float: left;
    width: 360px;
	margin:10px 10px 10px 63px;
	background: #fff;
	
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	overflow:hidden;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
}
.p_li1:nth-child(2){
	margin:10px 35px;
}
.p_li1:nth-child(3){
	margin:10px 63px 10px 10px;
}
.p_li1:hover{
	
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
}
.p_li .p_img{
    width: 370px;
	height: 370px;
	background: url("/public/index/images/product_bt.jpg") no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
}
.p_li .p_img img{
    width: 370px;
	height: 370px;
	transition: 0.2s;
	object-fit: cover;
}
.p_li1 .p_img{
    width: 360px;
	height: 360px;
	background: url("/public/index/images/product_bt.jpg") no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
}
.p_li1 .p_img img{
    width: 360px;
	height: 360px;
	transition: 0.2s;
	object-fit: cover;
}
.p_li:hover .p_img img ,.p_li1:hover .p_img img {
	transition: 0.5s;
	transform: scale(1.2);
}
.p_li .p_ctl,.p_li1 .p_ctl{
	width: 92%;
	padding: 20px 0px;
	height: 24px;
	margin: 0px auto;
	line-height: 24px;
	overflow: hidden;
	border-bottom: 1px solid #eee;transition: 0.2s;
}
.p_li:hover .p_ctl,.p_li1:hover .p_ctl{
	font-size:24px;transition: 0.2s;
}
.p_li:hover .p_ctl a,.p_li1:hover .p_ctl a{
	color: #116bc4;transition: 0.2s;
}
.p_cc{
	width: 92%;
	height: 80px;
	overflow: hidden;
	margin: 16px auto;
	line-height: 26px;
    display: flex;
    justify-content: space-between;
}
.p_tt{
	width: 60%;
}
.p_tt span{
	color: #116bc4;
	font-size: 30px;
	vertical-align: -4px;
    display: inline-block;
}
.p_more{
	width: 25%;
	margin-top: 8px;
	text-align: center;
	line-height: 32px;
	height: 32px;
	color: #116bc4;
	border: 1px solid #116bc4;box-sizing: border-box;
}
.p_more:hover{
	color: #fff;
	background: #116bc4;
	border: 1px solid #116bc4;
}
.about_more{
	width:110px;
	margin-top: 5%;
}
.new_more{
	width:110px;
	margin:0px auto;
}
.about_more a,.new_more a{
	float: left;
	text-align: center;
	line-height: 32px;
	width: 100%;
	color: #116bc4;
	border: 1px solid #116bc4;box-sizing: border-box;
}
.about_more a:hover,.new_more a:hover{
	color: #fff;
	background: #116bc4;
	border: 1px solid #116bc4;
}
.more{
	width: 110px;
	height: 34px;
	margin: 0px auto;
	padding-bottom: 5%;

}
.more a{
	float: left;
	line-height: 32px;
	text-align: center;
	width: 100%;
	color: #fff;
	border: 1px solid #fff;
}
.more a:hover{
	color: #116bc4;
	background: #fff;
	border: 1px solid #fff;
}
.about{
	width: 100%;
	background: url( "/public/index/images/a_b.jpg") no-repeat;
	background-size: 100% 100%;
}

.about_ct{
	width: 1200px;
	margin: 0px auto;
	padding: 6% 0px;
}
.about_lf{
	float: left;
    width: 520px;
}
.about_tl{
    width: 100%;
	padding: 4% 0px 2% 0px;
}
.a_e_tl{
	color:#116bc4;
	font-weight: bold;
}
.a_t_tl{
	color: #333;
	padding: 20px 0px;
}
.about_name{
    width: 100%;
	padding: 4% 0px 2% 0px;
	color: #116bc4;
	font-weight: bold;
}
.about_tt{
	width: 100%;
	line-height: 200%;
}
.about_rg{
	float: right;
    width: 600px;
	opacity: 0;
    transition: 0.5s;
	margin-top: 50px;
}
.about_rg1{
	opacity: 1;
    margin-top: 0;
	transition-duration: 1s;
            transition-timing-function: ease;
            transition-delay: 1s;
}
.about_rg img{
    width: 100%;
}
.case{
    width: 1200px;
	margin: 0px auto;
	padding: 5% 0px;
}
.case_tl{
    width: 100%;
	position: relative;
	margin-bottom: 3%;
}
.case_tt {
    position: absolute;
    z-index: 9;
    right: 0;
    top: 40px;
	color: #999;
}
.case_ct{
    width: 100%;
	display: flex;
    justify-content: space-between;
}
.case_li{
	width: 30%;
	color: #fff;
	position: relative;
}
.mm{
	opacity: 0;
	transition: 0.5s;
	margin-right: 100px;
}
.mm1{
    transition-duration: 1s;
    transition-timing-function: ease;
    transition-delay: 0.5s; 
    opacity: 1;
    margin-right: 0;
}
.mm2{
	opacity: 0;
	transition: 0.5s;
	margin-right: 100px;
}
.mm21{
    transition-duration: 1s;
    transition-timing-function: ease;
    transition-delay: 1s; 
    opacity: 1;
    margin-right: 0;
}
.case_li img{
	width: 100%;
	height: 650px;
	object-fit: cover;
}
.case_li a{
	color: #fff;
}
.case_li a:hover{
	color: #ff8400;
}
.case_cc{
	position: absolute;
	z-index: 1;
    width: 100%;
	box-sizing: border-box;
	padding: 60px 35px;
	top:0;
	left: 0;
}
.case_tit{
    width: 100%;
	padding-bottom: 50%;
}
.case_tit1{
    width: 100%;
	padding-bottom: 5%;
}
.case_rq{
    width: 100%;
}
.case_lj{
    width: 100%;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	margin: 10px 0px;
}
.new{
    width: 100%;
	background: url("/public/index/images/news_bg.jpg") repeat;
	background-size: 100% 100%;
	padding: 5% 0px 7% 0px;
}
.new_tl{
    width: 1200px;
    margin: 0px auto;
	text-align: center;
	padding-bottom: 2%;
}
.new_ct{
    width: 1200px;
    margin: 0px auto;
}
.new_li{
	float: left;
    width: 580px;
	margin-right: 40px;
	margin-bottom: 40px;
	background: #fff;
	transform: translateY(0px);
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	overflow:hidden;
	display: flex;
    justify-content: space-between;
	padding:40px;
	box-sizing: border-box;
}
.new_li:hover{
	transform: translateY(-10px);
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
}
.new_li:nth-child(2),.new_li:nth-child(4){
	margin-right: 0px;
}

.new_lf{
	width: 70%;
	color:#999;
	height: 100px;
	overflow: hidden;
	line-height: 200%;
}
.new_lf p{
	width: 100%;
	height: 26px;
	line-height: 26px;
	overflow: hidden;
	margin-bottom: 20px;
}
.new_li .new_lf p a{
	font-size: 18px;
	transition: 0.5s;
}
.new_li:hover .new_lf p a{
	font-size: 24px;
	color: #116bc4;
	transition: 0.5s;
}
.new_rg{
	width: 25%;
	text-align: center;
	font-size: 16px;
	line-height: 220%;
}
.new_rg p{
	font-size: 36px;
	font-weight: bold;
}
.new_rg a{
	font-size: 12px;
	color: #999;
}
.new_rg a:hover{
	font-size: 12px;
	color: #116bc4;
}
.nn1{
	opacity: 0;
	transition: 0.5s;
	margin-top: 50px;
}
.nn11{
    transition-duration: 1s;
    transition-timing-function: ease;
    transition-delay: 0.5s; 
    opacity: 1;
    margin-top: 0;
}
.nn2{
	opacity: 0;
	transition: 0.5s;
	margin-top: 50px;
}
.nn21{
    transition-duration: 1s;
    transition-timing-function: ease;
    transition-delay: 1s; 
    opacity: 1;
    margin-top: 0;
}
.nn3{
	opacity: 0;
	transition: 0.5s;
	margin-top: 50px;
}
.nn31{
    transition-duration: 1s;
    transition-timing-function: ease;
    transition-delay: 1.5s; 
    opacity: 1;
    margin-top: 0;
}
.nn4{
	opacity: 0;
	transition: 0.5s;
	margin-top: 50px;
}
.nn41{
    transition-duration: 1s;
    transition-timing-function: ease;
    transition-delay: 2s; 
    opacity: 1;
    margin-top: 0;
}
.coop{
	width: 1200px;
	margin: 0px auto;
	padding: 5% 0px;
}
.coop_ct{
	width: 100%;
}
.coop_li{
	float: left;
	width:285px;
	height: 88px;
	margin-right: 20px;
	margin-bottom: 30px;
	text-align: center;
}
.coop_li a {
    width:285px;
	height: 88px;
    display: table-cell;
    vertical-align: middle;
    cursor: default;
}
.coop_li img{
	max-height: 100%;
	max-width: 100%;
	cursor: pointer;
    transition: all 0.6s;
    margin: 0px auto;
}
.coop_li:nth-child(4),.coop_li:nth-child(8){
	margin-right: 0px;
}
.c999{
	color: #999;
}
footer{
    width: 100%;
	min-width: 1200px;
	background: #0a1a38;
}
.foot{
    width: 1200px;
	margin: 0px auto;
	padding: 15px 0px;
	color: #818b9f;
	line-height: 20px;
	font-size: 12px;
	text-align: center;
	border-top: 1px solid #26324e;
}
.foot a{
	color: #818b9f;
}
.bottom{
    width: 1200px;
	margin: 0px auto;
	padding: 3% 0px;
	color: #fff;
	display: flex;
    justify-content: space-between;
}
.bottom_lf{
	width: 58%;
}
.bottom_lf a{
	color: #fff;
}
.bottom_li{
	float: left;
	width: 22%;
	margin-right: 3%;
	line-height: 200%;
}
.bottom_tl{
	width: 100%;
	padding-bottom: 25px;
}
.bottom_a{
	width: 100%;
	font-size: 12px;
}
.bottom_a a{
	margin-right: 20px;
}
.bottom_rg{
	width: 40%;
	padding-left: 5%;
    border-left: 1px solid #26324e;
	box-sizing: border-box;
}
.bottom_dz{
    width: 100%;
	font-size: 12px;
	line-height: 200%;
	display: flex;
    justify-content: space-between;
}
.bottom_dz_l{
   width: 100px;
	color: #818b9f;
	text-align: center;
	
}
.bottom_dz_l img{
	width: 100px;
}
.bottom_dz_r{
    width: 70%;
	color: #fff;
}
/*内页*/
.s_banner{
	width: 100%;
	position: relative;
    min-width: 1200px;
	padding-top: 70px;
}
.s_banner img{
	width: 100%;
	display: block;
}
.s_tl{
	position: absolute;
	z-index: 3;
	left:10%;
	top:44%;
	color: #fff;

}
.s_tl p{
	padding-bottom: 5%;
	font-family: "宋体";
}
.s_class{
	width: 100%;
	border-top: 1px solid rgba(255, 255, 255, 0.3);
    position: absolute;
	z-index: 3;
	left:0%;
	bottom:0;
	text-align: center;
}
.s_class a{
	width:auto;
    height: 60px;
    text-align: center;
    line-height: 60px;
    color: #fff;
    display: inline-block;
    margin: 0 0;
	padding: 0px 3%;
}

.s_class a.non,.s_class a:hover{
    background: #116bc4;
	color:#fff;
}
.c_ad{
    width: 100%;
	background: #f7f7f7;
}
.c_ad1{
    width: 100%;
}
.c_ad_ct{
	width: 1200px;
	padding: 10px 0px;
	margin: 0px auto;
	line-height: 180%;
	font-size: 12px;
	color: #999;
}
.c_ad_ct1{
	width: 1200px;
	padding: 10px 0px;
	margin: 0px auto;
	line-height: 180%;
	font-size: 12px;
	color: #999;
	border-bottom: 1px solid #ddd;
}
.c_ad_ct a,.c_ad_ct1 a{
	color: #999;
}
.c_ad_ct a:hover,.c_ad_ct1 a:hover{
	color: #116bc4;
}
.c_ad_ct img,.c_ad_ct1 img{
	vertical-align: -4px;
    margin-right: 10px;
    display: inline-block;
    width: 16px;
}
.c_tlt{
	width: 1200px;
    margin: 0px auto;
}
.c_c{
   width: 1200px;
    margin: 0px auto 4% auto;
	line-height: 180%;
}
.c_c2{
   width: 1200px;
    margin: 3% auto  4% auto;
	line-height: 180%;
}
.c_c1{
   width: 1300px;
    margin: 0px auto 4% auto;
	line-height: 180%;
}
.c_cb{
   width: 100%;
   background: url("/public/index/images/img1.jpg") no-repeat;
   background-size: 100% 100%;
}
.c_ct{
   width: 1200px;
    margin:0 auto;
	padding-bottom: 4%;
	line-height: 180%;
	display: flex;
    justify-content: space-between;
}
.c_cb_lf{
    width: 50%;
}
.c_cb_lf img{
    width: 100%;
	display: block;
}
.c_cb_rg{
    width: 46%;
}
.c_cb_rg1{
    width: 50%;
	background: #fff;
	box-sizing: border-box;
	padding: 50px;
}
.c_cb_rg1 .case_lj a{
	font-size: 14px;
	color: #333;
	transition: 0.5s;
}
.c_cb_rg1:hover .case_lj a{
	font-size: 18px;
	color: #116bc4;
	transition: 0.5s;
}
.honor{
	float: left;
    width: 280px;
	margin: 10px;
}
.honor_img{
	width: 280px;
	height: 380px;
}
.honor_img img{
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.honor_tl{
	width: 100%;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	text-align: center;
	margin: 10px 0px;
}
.qywh{
   width: 380px;
   height: 270px;
	overflow: hidden;
   position: relative;
}
.qywh img{
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.qywh_ct{
	width: 380px;
    position: absolute;
	z-index: 3;
	left: 0;
	top: 10%;
	line-height: 300%;
	text-align: center;
	color: #fff;
}
.qywh_ct img{
	width: 90px;
}
.qywh_ct p{
	transform: scale(2);
}
.c_new_li{
	float: left;
    width: 100%;
	
	border-bottom: 1px solid #ddd;
	background: #fff;
	transform: translateY(0px);
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	overflow:hidden;
	display: flex;
    justify-content: space-between;
	padding:40px;
	box-sizing: border-box;
}
.c_new_li:hover{
	transform: translateY(-10px);
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
}
.new_img{
    width: 30%;
	height: 150px;
}
.new_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.c_new_li .new_lf p a{
	font-size: 18px;
	transition: 0.5s;
}
.c_new_li:hover .new_lf p a{
	font-size: 24px;
	color: #116bc4;
	transition: 0.5s;
}
.c_new_li .new_lf{
	width: 50%;
	color:#999;
	height: 100px;
	overflow: hidden;
	line-height: 200%;
}
.c_new_li .new_rg{
	width: 15%;
	text-align: center;
	font-size: 16px;
	line-height: 220%;
}
.s_banner_n{
   width: 100%;
	height: 1px;
	background: #fff;
	padding-top: 90px;
}
.cnew{
   width: 100%;
}
.cn_tl{
   width: 1200px;
	margin: 4% auto 1% auto;
	text-align: center;
	line-height: 160%;
	color: #116bc4;
}
.cn_rq{
   width: 1200px;
	margin:0 auto 4% auto;
	color: #999;
	text-align: center;
}
.cn_rq img{
	vertical-align: -6px;
    margin-right: 6px;
    display: inline-block;
    width: 20px;
}
.cn_ct{
    width: 100%;
	background: #f2f2f5;
	padding: 4% 0px;
}
.cn_ct_t{
	width: 1200px;
	margin:0 auto;
	line-height: 180%;
}
.cn_nt{
    width: 1200px;
	margin:4% auto;
	color: #999;
	line-height: 200%;
}
.cn_nt a{
	color: #999;
}
.cn_nt a:hover{
	color: #116bc4;
}
.c_plf{
	float: left;
	width: 45%;
	background: url("/public/index/images/product_bt.jpg") no-repeat;
	background-size: 100% 100%;
}
.c_plf img{
	width: 100%;
}
.c_prg{
	float: right;
	width: 50%;
}
.c_prg_tl{
   width: 100%;
	background: url("/public/index/images/ppl.png") left bottom no-repeat;
	padding-bottom: 2%;
	line-height: 180%;
	margin-bottom: 4%;
}
.yp{
	position:fixed;
	width:66px;
	z-index:99;
	right:0;
	top:40%;
}
.yp_ct{
	float: left;
	width:66px;
	position: relative;
}
.yp_ct .wxh{
    background:url("/public/index/images/cemk.png") no-repeat;
    position: absolute;
    width: 280px;
    left: -280px;
    top: 8px;
    line-height: 50px;
    color: #222;
    font-size: 18px;
    text-align: center;
    display: none;
	
}
.yp_ct:hover .wxh{display:inline !important;}
.yp_ct .yx{
    background:url("/public/index/images/cemk.png") no-repeat;
    position: absolute;
    width: 280px;
    left: -280px;
    top: 8px;
    line-height: 50px;
    color: #222;
    font-size: 18px;
    text-align: center;
    display: none;
}
.yp_ct:hover .yx{display:inline !important;}
.yp_ct .phone{
    position: absolute;
    width: 400px;
    left: -400px;
    top: 8px;
    line-height: 50px;
    color: #222;
    font-size: 16px;
    text-align: center;
    display: none;
	background:url("/public/index/images/cemk1.png") no-repeat;
}
.yp_ct:hover .phone{display:inline !important;}
.yp_ct .rewm{
	display:none;
    position: absolute;
    left: -120px;
    top: -30px;
    width: 100px;
    height: 100px;
	padding:10px;
    background:url("/public/index/images/cemk.png") no-repeat;
}
.yp_ct .rewm img{
	width:100%;
}
.yp_ct:hover .rewm{display:inline !important;}
.c_ptc{
    width: 1200px;
    margin: 2% auto;
	line-height: 180%;
}
.c_ptc_li{
	float: left;
    width: 525px;
	box-sizing: border-box;
	border-left: 3px solid #116bc4;
	margin-right: 150px;
	margin-bottom: 60px;
	margin-top: 60px;
	background: #fff;
	padding: 2% 1%;
		display: flex;
    justify-content: space-between;
}
.c_ptc_li:nth-child(2),.c_ptc_li:nth-child(4){
margin-right: 0px;
}
.c_ptc_img{
	width: 20%;
}
.c_ptc_img img{
	width: 100%;
}
.c_ptc_te{
	width: 75%;
	font-size: 14px;
	color: #666;
	line-height: 180%;
}
.c_ptc_te p{
	font-weight: bold;
	font-size: 24px;
	color: #222;
	line-height: 220%;
	
}
.c_bg01{
	border: 1px solid #e1e1e1;
	border-top: none;
	background: #f2f2f2;
	line-height: 150%;
	text-align: center;
	display: flex;
    justify-content: space-between;
	box-sizing: border-box;
}
.c_bg01:nth-child(1){
   border-top: 1px solid #e1e1e1;
}
.c_bg02{
	border: 1px solid #e1e1e1;
	border-top: none;
	text-align: center;
	line-height: 150%;
	display: flex;
    justify-content: space-between;
	box-sizing: border-box;
}
.c_bg_l{
    width: 40%;
	padding: 10px;
	box-sizing: border-box;
	border-right: 1px solid #e1e1e1;
}
.c_bg_r{
    width: 60%;
	padding: 10px;
	box-sizing: border-box;
}
@media screen and (min-width:200px) and (max-width:800px)
{
	.c_ptc_li{
	float: left;
    width: 100%;
	box-sizing: border-box;
	border-left: 3px solid #116bc4;
	margin-right: 0px;
	margin-bottom: 60px;
	margin-top: 60px;
	background: #fff;
	padding: 2% 1%;
		display: flex;
    justify-content: space-between;
}
	body {
  width: 100%;
  min-width:0;
}
	header {
  position: fixed;
  z-index: 9999;
  top: 0px;
  left: 0;
  width: 100%;
  min-width: inherit;
  transition: all 0.5s ease;
}
	.pages1 {
    width: 100%;
    text-align: center;
	margin:3% auto;
}
	.pages1 a {
    min-width: 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: #333333;
    background-color: #fff;
    display: inline-block;
	border:1px solid #ededed;
    margin: 10px 2px;
	padding:6px 6px;
}



	.open_mnav {
        display: block;
    }
	.nav,.yp{
		display: none;
	}
	.tj,footer,.s_banner{
		min-width: inherit;
	}
	.tj01 a img {
    width: 12px;
    margin: 3px auto;
}
	.tj01 a p{
		display: none;
	}
	.tj05 a {
    padding-top: 25%;
		font-size: 12px;
	}
	.p_tl {
    width:100%;
    margin: 0px auto;
    text-align: center;
    padding: 9% 0px 2% 0px;
}
	.t_tl {
    color: #fff;
    padding: 10px 0px;
}
	.p_ct,.about_ct,.case,.new_tl,.new_ct,.coop,.c_ad_ct,.cn_ct_t,.c_ad_ct1{
    width: 94%;
		margin: 0px auto;
}
	.c_tlt {
     width: 94%;
		margin:0px auto;
		padding: 5% 0px;
}
	.c_c1{
	 width: 100%;
		margin: 8% auto;
	}
	.about_lf,.c_cb_rg1{
    float: left;
    width: 100%;
}
	.about_rg,.c_cb_lf,.c_cb_rg{
    float: left;
    width: 100%;
	margin-top: 20px;
}
	.p_li{
    float: left;
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
}
	.p_li1{
    float: left;
    width: 32%;
    margin: 0.65%;
}
	.case_li img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}
	.case_cc {
    padding: 25px;
}
	.new_li {
    float: left;
    width: 100%;
    margin-right: 0;
    margin-bottom:20px;
    padding: 20px;
}
	.new_rg p {
    font-size: 18px;
    font-weight: bold;
}
	.new_rg {
    font-size: 12px;
    line-height: 180%;
}
	.coop_li {
    float: left;
    width: 46%;
    height: auto;
    margin: 2%;
    text-align: center;
}
	.bottom,.foot,.p_li1 .p_cc .p_more{
		width:100%;
	}
	.bottom_lf,.p_li1 .p_cc .p_tt,.c_new_li .new_rg{
	display: none;
	}
	.bottom_rg {
    width: 100%;
    padding-left: 5%;
    border-left: none;
    box-sizing: border-box;
}
	.new_more {
    width: 110px;
    margin: 0 auto;
    padding-bottom: 30px;
}
	.s_class a {
    width: auto;
    height: 60px;
    text-align: center;
    line-height: 60px;
    color: #fff;
    display: inline-block;
    margin: 0 0;
    padding: 0px 3px;
}
	.s_tl {
    position: absolute;
    height: 30px;
		line-height: 30px;
		overflow: hidden;
}
	.c_c,.c_c2{
    width: 94%;
		margin: 5% auto;
}
	.c_ct {
    width: 94%;
    margin:5% auto;
    padding-bottom: 4%;
    line-height: 180%;
    display:block;
    justify-content: space-between;
}
	.p_li1 .p_img {
    width: 100%;
    height: auto;
    background: url(../img/product_bt.jpg) no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}
	.p_li1 .p_img img {
    width: 100%;
    height:auto;
    transition: 0.2s;
}
	.p_li1:nth-child(2){
	margin:0.65%;
}
.p_li1:nth-child(3){
	margin:0.65%;
}
	.qywh {
    width: 100%;
    height:auto;
	margin-top: 2%;
    overflow: hidden;
    position: relative;
}
	.honor {
    float: left;
    width: 46%;
    margin: 2%;
}
	.honor_img {
    width: 100%;
    height:auto;
}
	.new_img {
    width: 45%;
    height: 120px;
}
	.c_new_li {
    padding: 20px;
}
	.cn_tl {
    width: 94%;
    margin: 4% auto 1% auto;
}
	.cn_rq {
    width: 94%;
    margin: 0 auto 4% auto;
	}
	.cn_nt{
	 width: 94%;	
	line-height: 160%;
	}
	.s_banner_n {
    width: 100%;
    height: 10px;
    background: #116bc4;
    padding-top: 90px;
}
	.p_li .p_img {
    width: 100%;
    height:auto;
    background: url(../img/product_bt.jpg) no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}
	.p_li .p_img img {
    width: 100%;
    height:auto;
    transition: 0.2s;
}
}