@charset "utf-8";
/*整体布局样式*/
html,body{
	font-family: Arial, Helvetica, sans-serif;
	background:white;
	text-align:left;
	color: #363f4d;
}
*{margin:0;padding:0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
}
ul,li,ol {list-style:none outside}
a{text-decoration:none; color: #363f4d;}
img {border:none;height:184px}
input, button, select, textarea {outline: none;}
input,textarea {background:none}
*, ::after, ::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
article, aside, footer, header, nav, section {
    display: block;
}

/*清除苹果按钮格式*/
input[type="text"],input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
border-radius: 0;
}
/*整体布局样式结束*/
/*清除浮动*/
.clear{clear:both}

/*导航栏置顶固定*/
.main{ position: relative; z-index:1;}
.main.neiye{ background-color:#F3F8FF;}
#fixedMenu{ width: 100%;}
header{ width: 100%;z-index:99999; position: relative;    position: sticky; top: var(--spacing-top);}
.header-inner{ width:94%; max-width: 1360px; margin: auto; font-size:0;}
.header-middle.top-fixed {
	position: fixed;
	padding: 7px 0;
	background: -webkit-linear-gradient(left, #f75d4d ,#ffbc64); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #f75d4d, #ffbc64); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #f75d4d, #ffbc64); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #f75d4d , #ffbc64); /* 标准的语法 */
	}
.top-fixed.header-middle .header-logo{height: 40px;}
.header-middle.top-fixed .main-nav{ margin: 0}
.header-middle .header-logo, .main-nav, .header-logo-box a img, .cls-3, .cls-4,.banner-text span a{
	transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
/*头部中间*/
.header-middle{ width: 100%; display: inline-block; padding: 8px 0;transition: ease all 0.4s; 
-webkit-transition: ease all 0.4s;
-moz-transition: ease all 0.4s;
-o-transition: ease all 0.4s;
margin-bottom: -104px;
}

.header-middle .header-logo{
	display: inline-block;
	height: 56px;
	width: 28%;
	vertical-align: top;
}
.header-logo-box{ height: 100%; float: left; display: table;margin-top: 4px; }
.header-logo-box a{ display: table-cell; vertical-align: middle; }
.header-logo-box a img{ display: inline-block; max-height: 40px; max-width:100%;}
.logo{ height: 20px;}
.cls-1{fill:rgba(229,139,59,0.1);}
.cls-2{fill:rgba(255, 255, 255, 0.1);}
.cls-3, .cls-4{fill:#fff;}
.f-logo:hover .cls-3{ fill:#F0843D;}
.f-logo:hover .cls-4{ fill:#2aa146;}
.logo:hover .cls-4{
animation: cls-4 0.7s linear 0s infinite alternate running;
-moz-animation: cls-4 0.7s linear 0s infinite alternate running;
-webkit-animation: cls-4 0.7s linear 0s infinite alternate running;
-o-animation: cls-4 0.7s linear 0s infinite alternate running;
}
@keyframes cls-4
{
0%   {}
50%  { width:14px; height:14px; x:16; y:16;}
100% { }
}
.tmbj{ position: absolute; top:0; left:-55%; z-index:0}
.shuben,.guangshu{ overflow: hidden; position:absolute; width: 100%; height: 100%; left: 0; top: 0; z-index:-1}
.shuben{
animation: shuben 4s linear 0s infinite alternate running;
-moz-animation: shuben 4s linear 0s infinite alternate running;
-webkit-animation: shuben 4s linear 0s infinite alternate running;
-o-animation: shuben 4s linear 0s infinite alternate running;
}
@keyframes shuben
{
0%   { top:0px;}
50%  { top:15px;}
100% { top:0px;}
}
.shuben li, .guangshu li{ position: absolute;}
.shuben li img{ max-width: 100%;filter: alpha(opacity=40);-moz-opacity: 0.4;opacity: 0.40;}
.shuben li:nth-child(2) img{filter: alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.70;}
.shuben li:nth-child(1){ top: 12%; right:7%; width:6%;}
.shuben li:nth-child(2){ top: 26%; right: 34%; width:7%;}
.shuben li:nth-child(3){ top: 12.5%; left: 47%; width:4%;}
.guangshu li{ transform:rotate(-45deg); background-color:rgba(255,255,255,0.7); width:1px; height: 100px;}
.gs01{ top:-100px; left: 6%;}
.gs02{ top:-100px; left:-25%;}
.gs01{
animation: gs01 5s linear 1s infinite normal running;
-moz-animation: gs01 5s linear 1s infinite normal running;
-webkit-animation: gs01 5s linear 1s infinite normal running;
-o-animation: gs01 5s linear 1s infinite normal running;
}
@keyframes gs01
{
0%   { top:-100px;}
10% { top:650px; left: 60%;}
100% { top:650px; left: 60%;}
}
.gs02{
animation: gs02 5s linear 0s infinite normal running;
-moz-animation: gs02 5s linear 0s infinite normal running;
-webkit-animation: gs02 5s linear 0s infinite normal running;
-o-animation: gs02 5s linear 0s infinite normal running;
}
@keyframes gs02
{
0%   { top:-100px;}
10% { top:650px; left: 30%;}
100% { top:650px; left: 30%;}
}
/*banner*/
.banner{
	position: relative;
	z-index:1;
	width: 100%;
	background: -webkit-linear-gradient(left, #f75d4d ,#ffbc64);
	background: -o-linear-gradient(right, #f75d4d, #ffbc64);
	background: -moz-linear-gradient(right, #f75d4d, #ffbc64);
	background: linear-gradient(to right, #f75d4d ,#ffbc64);
	overflow: hidden;
 }
.banner::after{
	top:200px;
	left:-900px;
	position: absolute;
    content: " ";
	width:1400px;
	height:1400px;
	transform: rotateZ(45deg);
	background: rgba(255,255,255,0.1);
}
.banner::before{
	top:-500px;
	left:-550px;
	position: absolute;
    content: " ";
	width:900px;
	height:900px;
	transform: rotateZ(45deg);
	background: rgba(255,255,255,0.05);
}
.banner-tmbj{ position: absolute; top:0; left:-55%; z-index:1;}
.banner-c{ width:94%; padding: 90px 0 30px 0; margin: auto; max-width: 1360px; position: relative; z-index: 2}
.banner-box{ max-height: 580px}
.banner-text{ width:48%; display:inline-block; vertical-align: middle; margin-bottom: 10%}
.banner-img{width:50%; display:inline-block; vertical-align: middle; text-align: right; position: relative; z-index:1}
.banner-img img{ max-width: 100%; max-height: 100%;}
.banner-text h1{
	font-size: 50px;
	color: #fff;
	display: inline-block;
	line-height: 76px;
	position:relative;
}
.banner-text h1::after{
	position: absolute;
	content: " ";
	right: -75px;
	top: 5px;
	background-image: url(../images/shuben-bt.png);
	background-repeat: no-repeat;
	background-position: right top;
	width: 70px;
	height: 150px;
}
.banner-text p{ font-size: 24px; color:#fff; line-height: 40px;}
.banner-text span{ display: block; margin-top: 30px;}
.banner-text span e{ display: inline-block; color:#fff; font-size: 18px; line-height:48px; padding: 0 45px;cursor:pointer; border: 1px solid #fff;border-radius: 4px; position: relative;}
.banner-text span e:hover{ color: #363f4d; background-color:#fff;}

.inside-banner{ width: 100%; height: 360px; background-repeat: no-repeat;background-position: center center;background-size: cover;}
.inside-banner.news-b{ background-image: url(../images/banner-news.jpg);}
.inside-banner.product-b{ background-image: url(../images/banner-product.jpg);}
.inside-banner.about-b{ background-image: url(../images/banner-aboutus.jpg);}
.inside-banner.competition-b{ background-image: url(../images/banner-competition.jpg);}
.inside-banner-c{ height: 100%; text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;}
.inside-banner-c b{font-size: 40px; color: #fff;height: 60px; position: relative; margin-top: 40px;}
.inside-banner-c b::before{
    position:absolute;
    content: " ";
    left: 50%;
    margin-left: -40px;
    width: 80px;
    height: 3px;
    background-color: #fff;
    bottom: 0;
}
.inside-banner img{ width: 100%;}
/*导航栏*/
.sm{box-sizing:border-box;position:relative;z-index:1;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm,.sm ul,.sm li{list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:default;}
.sm::after{content:"";display:block;height:0;font:0px/0 serif;clear:both;overflow:hidden;}
.sm *,.sm *::before,.sm *::after{box-sizing:inherit;}
.main-nav {width: 100%;position: absolute; left:0; top:0; right:0; font-size: 14px;}
.main-nav:after {
  clear: both;
  content: "\00a0";
  display: block;
  height: 0;
  font: 0px/0 serif;
  overflow: hidden;
}
.nav-brand {float: left;margin: 0;}
.nav-brand a {
  display: block;
  padding: 10px 10px 10px 20px;
  color: #fff;
  font-size: 22px;
  font-weight: normal;
  line-height: 29px;
  text-decoration: none;
}
#main-menu {
  clear: both;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

@media (min-width: 768px) {#main-menu:before {display: none;}}
.main-menu-btn {
  float:right;
  margin: 10px;
  position: relative;
  display: inline-block;
  width: 29px;
  height: 29px;
  text-indent: 29px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
  position: absolute;
  top: 50%;
  left: 2px;
  height: 2px;
  width: 24px;
  background: #fff;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.main-menu-btn-icon:before {content: '';top: -7px;left: 0;}
.main-menu-btn-icon:after {content: '';top: 7px;left: 0;}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {height: 0;background: transparent;}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {top: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {top: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
#main-menu-state {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
#main-menu-state:not(:checked) ~ #main-menu {display: none;}
#main-menu-state:checked ~ #main-menu {display: block;}
@media (min-width: 768px) {
.main-menu-btn {
position: absolute;
top: -99999px;
}
#main-menu-state:not(:checked) ~ #main-menu {
display: table;
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
}
.demo-text {margin: 3em 22px;}
.demo-text p {margin-bottom: 1em;}
.demo-text a {color: #999;}
.sm-blue{ background-color:#f67956; padding: 8px 20px;}
.sm li{ line-height: 34px; hanging-punctuation: 34px;}
.sm-blue {
	max-height:400px;
	overflow: auto;
}
.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active {
  color: #fff;
  text-decoration: none;
}
.sm-blue a.disabled {color: #a1d1e8;}
.sm-blue a .sub-arrow {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: auto;
  right: 4px;
  width: 34px;
  height: 34px;
  overflow: hidden;
  font: bold 16px/34px monospace !important;
  text-align: center;
  text-shadow: none;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.sm-blue a .sub-arrow::before {content: '+';}
.sm-blue a.highlighted .sub-arrow::before {content: '-';}
.sm-blue > li:last-child > a.highlighted, .sm-blue > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted {border-radius: 0;}
.sm-blue ul {background: #fff;}
.sm-blue ul ul {background: rgba(102, 102, 102, 0.1);}
.sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active {
  background: transparent;
  color: #2b82ac;
  font-size: 13px;
  text-shadow: none;
  border-left: 8px solid transparent;
}
.sm-blue ul a.current {background: #006892;background-image: linear-gradient(to bottom, #006188, #006f9c);color: #fff;}
.sm-blue ul a.disabled {color: #b3b3b3;}
.sm-blue ul ul a,
.sm-blue ul ul a:hover,
.sm-blue ul ul a:focus,
.sm-blue ul ul a:active {border-left: 16px solid transparent;}
.sm-blue ul ul ul a,
.sm-blue ul ul ul a:hover,
.sm-blue ul ul ul a:focus,
.sm-blue ul ul ul a:active {border-left: 24px solid transparent;}
.sm-blue ul ul ul ul a,
.sm-blue ul ul ul ul a:hover,
.sm-blue ul ul ul ul a:focus,
.sm-blue ul ul ul ul a:active {border-left: 32px solid transparent;}
.sm-blue ul ul ul ul ul a,
.sm-blue ul ul ul ul ul a:hover,
.sm-blue ul ul ul ul ul a:focus,
.sm-blue ul ul ul ul ul a:active {border-left: 40px solid transparent;}
.sm-blue ul li {border-top: 1px solid rgba(0, 0, 0, 0.05);}
.sm-blue ul li:first-child {border-top: 0;}
@media (min-width: 768px) {
.sm-blue {
	max-height:400px;
	background: transparent;
	overflow: auto;
	padding:0;
	text-align: right;
}
.main-nav{position: static; display: inline-block; width: 72%; margin: 8px 0; background-color: inherit; padding: 0; vertical-align: top;}
.sm-blue ul {top: 50px;position: absolute;width: 12em;}
.sm-blue > li {
	font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  width:16.6666%;
  max-width: 120px;
text-align: center;
}
.sm-blue > li > a {
    height: 48px;
    margin: 0;
    position:relative;
    text-transform:uppercase;
    border-radius:4px;
    display: block;
    /* border: 1px solid rgba(255, 255, 255, 0); */
    line-height: 48px;
    letter-spacing: 0.5px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transform: translate3d(0,0,0);
    }
.sm-blue > li > a:hover{
    background: rgba(255,255,255,0.3);

}
.sm-blue.sm-rtl li {float: right;}
.sm-blue ul li, .sm-blue.sm-rtl ul li, .sm-blue.sm-vertical li {float: none;}
.sm-blue ul a, .sm-blue.sm-vertical a {white-space: normal;}
.sm-blue .sm-nowrap > li > a, .sm-blue .sm-nowrap > li > :not(ul) a {white-space: nowrap;font-size: 14px;}
.sm-blue a{color: #fff;}
.sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {color: #fff; }
.sm-blue > li.current > a {color: #FF9149; background: rgba(255,255,255,0.98); font-weight: bold;}
/* .sm-blue > li.current > a:hover{border: 1px solid rgba(255, 255, 255, 0.6);} */
.sm-blue a.disabled {color: #000;}
.sm-blue a:hover .sub-arrow, .sm-blue .highlighted .sub-arrow, .sm-blue > .current > a .sub-arrow{border-color: #ff8c00 transparent transparent transparent;}
.sm-blue ul a:hover .sub-arrow, .sm-blue ul .highlighted .sub-arrow{ border-color: transparent transparent transparent #ff8c00;}
.sm-blue a .sub-arrow {
position: static;
width: 0;
height: 0;
margin-top: 0;
border-width: 5px;
border-style: solid dashed dashed dashed;
border-color: #fff transparent transparent transparent;
background: transparent;
border-radius: 0;
display: inline-block;
margin-left: 5px;
}
.sm-blue a .sub-arrow::before {display: none;}
.sm-blue > li:first-child {border-left: 0;}
.sm-blue ul {
padding: 7px 0;
background: #fff;
border-radius: 0 0 4px 4px !important;
box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);
}
.sm-blue ul ul {border-radius: 4px !important;background: #fff;
}
.sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {
border: 0 !important;
background: transparent;
color: #666;
border-radius: 0 !important;
}
.sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {color: #ff8c00;}
.sm-blue ul a.current {color: #ff8c00;}
.sm-blue ul a.disabled {background: #fff;color: #b3b3b3;}
.sm-blue ul a .sub-arrow {
top: 50%;
margin-top: -5px;
bottom: auto;
left: auto;
margin-left: 10;
right: 10px;
border-style: dashed dashed dashed solid;
border-color: transparent transparent transparent #666;
}
.sm-blue ul li {border: 0;}
.sm-blue .scroll-up,
.sm-blue .scroll-down {
position: absolute;
display: none;
visibility: hidden;
overflow: hidden;
background: #fff;
height: 20px;
}
.sm-blue .scroll-up-arrow,
.sm-blue .scroll-down-arrow {
position: absolute;
top: -2px;
left: 50%;
margin-left: -8px;
width: 0;
height: 0;
overflow: hidden;
border-width: 8px;
border-style: dashed dashed solid dashed;
border-color: transparent transparent #2b82ac transparent;
}
.sm-blue .scroll-down-arrow {
top: 6px;
border-style: solid dashed dashed dashed;
border-color: #2b82ac transparent transparent transparent;
}
.sm-blue.sm-rtl.sm-vertical a .sub-arrow {
right: auto;
left: 10px;
border-style: dashed solid dashed dashed;
border-color: transparent #a1d1e8 transparent transparent;
}
.sm-blue.sm-rtl > li:first-child > a, .sm-blue.sm-rtl > li:first-child > :not(ul) a {
border-radius: 0 8px 8px 0;
}
.sm-blue.sm-rtl > li:last-child > a, .sm-blue.sm-rtl > li:last-child > :not(ul) a {
border-radius: 8px 0 0 8px !important;
}
.sm-blue.sm-rtl > li:first-child {
border-left: 1px solid #2b82ac;
}
.sm-blue.sm-rtl > li:last-child {
border-left: 0;
}
.sm-blue.sm-rtl ul a .sub-arrow {
right: auto;
left: 10px;
border-style: dashed solid dashed dashed;
border-color: transparent #a1d1e8 transparent transparent;
}
.sm-blue.sm-vertical {
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.sm-blue.sm-vertical a {
padding: 9px 23px;
}
.sm-blue.sm-vertical a .sub-arrow {
top: 50%;
margin-top: -5px;
bottom: auto;
left: auto;
margin-left: 0;
right: 10px;
border-style: dashed dashed dashed solid;
border-color: transparent transparent transparent #a1d1e8;
}
.sm-blue.sm-vertical > li:first-child > a, .sm-blue.sm-vertical > li:first-child > :not(ul) a {
border-radius: 8px 8px 0 0;
}
.sm-blue.sm-vertical > li:last-child > a, .sm-blue.sm-vertical > li:last-child > :not(ul) a {
border-radius: 0 0 8px 8px !important;
}
.sm-blue.sm-vertical > li {
border-left: 0 !important;
}
.sm-blue.sm-vertical ul {
border-radius: 4px !important;
}
.sm-blue.sm-vertical ul a {
padding: 9px 23px;
}
}
/*轮播图*/
.owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}
#roll-img:hover .owl-prev, #roll-img:hover .owl-next {opacity: 1;}
.container {padding-left: 0;padding-right: 0;}
.owl-carousel .owl-wrapper-outer {display: inline-block; padding-top: 7px; margin-top: -7px;}

.owl-controls{ position:absolute; right:0; bottom:0;}


.index-p{padding: 80px 0;position: relative;}
.index-p.key-products,
.index-p.news {
    padding: 60px 0;
}
.index-p-c{ width: 92%; max-width: 1360px; margin: auto; position: relative;}
.index-p-t{ width: 100%; text-align: center; position: relative;}

.home-title{
    height: 58px;
}
/* .index-p-t::before{
    position:absolute;
    content: " ";
	width: 100%;
	height:1px;
	bottom: 2px;
	left:0;
	background-color:#ddd;
} */
.index-p-t h2{line-height:32px; font-size: 32px; font-weight: normal; padding-bottom: 10px;}
.index-p-t i{ width:62px; height: 5px; background-color:#F0843D; display: inline-block; margin-top:8px;position: relative;}
.index-p-t p{ margin-bottom: 8px;text-transform:uppercase;}


.news-box{ font-size:0; margin-top:48px;}
.news-box-l{ position: relative; width:47.8%; display:inline-block; vertical-align: middle;}
.news-box-l .news-img{ width:100%; overflow: hidden; min-height:115px;}
.news-box-l .news-img a{ display:block;}
.news-box-l .news-img img{ width: 100%;display:block;}
.news-box-l .news-text{ font-size:14px; width:100%; position: absolute; bottom: 0; left:0;}
.news-box-l .news-text-nei{ padding: 16px 130px 16px 20px; position: relative;background: rgba(0,0,0,0.4); color:#fff;}
.news-box-l .news-text h3{ font-size: 20px; font-weight: normal; line-height: 28px; margin-bottom: 8px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;} 
.news-box-l .news-text h3 a{ color: #fff; display: block; font-weight: bold;}
.news-box-l .news-text h3 a:hover{ color: #3D8AFF;}
.news-box-l .news-text p{ font-size: 12px; line-height: 20px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.news-box-l .news-text span { display: block; margin-top:30px;}
.news-box-l .news-text span a{
	width: 100px;
    text-align: center;
    z-index: 1;
    line-height: 35px;
    color: #ffa589;
    padding: 0 20px;
    font-size: 14px;
    display: inline-block;
    transition: 0.3s;
    margin: auto;
	border: 1px solid #ffa589;
    position: relative;
	border-radius:25px;}
.news-box-l .time {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    padding: 12px 20px;
    background: -webkit-linear-gradient(left, #3D8AFF, #3DABFF);
    background: -o-linear-gradient(right, #3D8AFF, #3DABFF);
    background: -moz-linear-gradient(right, #3D8AFF, #3DABFF);
    background: linear-gradient(to right, #3D8AFF, #3DABFF);
}
.news-box-l .time b{ font-size:70px; display:block; line-height: 60px; margin-bottom: 4px;}
.news-box-tj{ margin-right: 32px; position: relative;}
.news-box-r{ width: 52.2%; display: inline-block; vertical-align: middle;}
.news-box-r ul{ padding-left: 20px; margin: -16px;}
.news-box-r ul li{ padding: 0;}
.news-box-r ul li+li{ margin-top: 30px;}
.news-box-r ul li .item{ position: relative; padding:0 20px 0 120px; min-height: 89px; font-size:14px; }
.news-box-r ul li:nth-last-child(1) { border: 0;}
/* .news-box-r ul li .item:hover{box-shadow: 0 0 14px rgba(0, 0, 0, 0.1); border-radius: 8px;} */
/* .news-box-r ul li .item:hover .time{ color:#F0843D;} */
/* .news-box-r ul li .item:hover .time::after{ background-color:#F0843D;} */
.news-box-r ul li h3 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding-top: 6px;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #363F4D;
}
.news-box-r ul li h3 a:hover{ color:#3D8AFF;}
.news-box-r ul li p{color:#999;font-size: 14px;line-height: 22px;height: 44px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-box-r ul li .time {
    min-width: 100px;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
    line-height: 24px;
    background-color: #F0F3F5;
    text-align: center;
}

.news-box-r ul li .time b {
    text-align: center;
    display: block;
    font-size: 28px;
    height: 44px;
    line-height: 44px;
    width: 100%;
    color: #fff;
    background: radial-gradient( #3D8AFF 0%, #3DABFF 100%);
}

.news-box-r ul li .time .date-text {
    font-size: 14px;
    color: #222222;
    line-height: 20px;
    padding: 12px 0;
    display: inline-block;
}
.key-products{background-color: #f2f2f2;
    background-image: url("../images/key-p-2.png?ver=2");
    background-size: 100% 100%;
    background-repeat:no-repeat;
    background-position: 50% 100%;}
/* .key-products::before{
    width: 100%;
    height: 100%;
    background-color: rgb( 255,255,255,.8);
    left: 0;
    top: 0;
    position:absolute;
    content: " ";
} */

.key-products-box{ padding-top: 30px;}
.key-products-box .tabs{ font-size:0; margin: -10px; position: relative;}
/*.key-products-box .tabs::after{
	position:absolute;
    content: " ";
	bottom: 10px;
	left:10px;
	right: 10px;
	height:2px;
	background-color:#F0843D;
	}*/
.key-products-box .tabs li{cursor:pointer; width: 25%; font-size:14px; text-align: center; display: inline-block; vertical-align: top}
.key-products-box .tabs li .item{ margin: 10px; padding: 20px; background-color: #f2f2f2;}
.key-products-box .tabs li.current .item{ text-align: center; background-color:#fff; position: relative; z-index: 1;}
.key-products-box .tabs li:nth-child(1) .item .icon i::before{ position:absolute; left: 23px; top:24px; color: #fff; font-size: 40px;content: "\e600";}
.key-products-box .tabs li:nth-child(2) .item .icon i::before{ position:absolute; left: 22px; top:18px; color: #fff; font-size: 46px;content: "\e601";}
.key-products-box .tabs li:nth-child(3) .item .icon i::before{ position:absolute; left: 22px; top:18px; color: #fff; font-size: 42px;content: "\e602";}
.key-products-box .tabs li:nth-child(4) .item .icon i::before{ position:absolute; left: 22px; top:24px; color: #fff; font-size: 40px;content: "\e603";}
.key-products-box .tabs li .item .icon{ position: relative; padding: 10px; width:70px; height: 70px;border-radius: 50%;background: linear-gradient(to right, #f75d4d ,#ffbc64); margin: auto; }
.key-products-box .tabs li .item img{ width: 80%; max-width: 122px; margin:auto;}
.key-products-box .tabs li .item img.p2,.key-products-box .tabs li .item:hover img.p1, .key-products-box .tabs li.current img.p1{ display:none;}
.key-products-box .tabs li .item:hover img.p2, .key-products-box .tabs li.current img.p2{ display: block;}
.key-products-box .tabs li h3{ margin-top:10px; font-size: 18px; font-weight: normal;}


.key-products-box2{ margin-top: 60px;}
.key-products-box2 ul{font-size: 0; display: flex;}
.key-products-box2 ul li{font-size: 14px;
    width: 25%;
    display: inline-block;
    vertical-align: top;
    
    }
.key-products-box2 ul li .item{ height:100%; text-align: center;padding:36px 20px; background-color: #fff; position: relative;border-radius: 8px;margin: 0 7.5px; display: block;
    box-shadow: 0px 12px 24px 0px rgba(94,105,121,0.12);
    transition: transform .3s ease-in-out;
}

.key-products-box2 ul li:hover .item {
    transform: translateY(-32px);
}

.key-products-box2 ul li .item .icon{
    border-radius: 50%; width: 80px; height: 80px;  margin:0 auto 20px;text-align: center; line-height: 80px; background: -webkit-linear-gradient(left, #f75d4d ,#ffbc64);
    background: -o-linear-gradient(right, #f75d4d, #ffbc64);
    background: -moz-linear-gradient(right, #f75d4d, #ffbc64);
    background: linear-gradient(to right, #f75d4d , #ffbc64);
    /* box-shadow: 5px 5px 10px rgba(240, 132, 61, 0.3); */
}
.key-products-box2 ul li .item .icon > img {
        width: 100%;
        height: 100%;
}
.key-products-box2 ul li .item .icon i{font-size: 40px; display: inline-block;color:#fff ;
}
.key-products-box2 ul li:nth-child(1) .icon i{ margin-left: -3px;}
.key-products-box2 ul li:nth-child(2) .icon i{ margin-left: 3px;}
/* .key-products-box2 ul li .item .text{ margin-bottom: 20px;} */
.key-products-box2 ul li .item h3{ font-size: 16px;line-height: 20px; color: #363F4D; margin:0 0 16px; display: table;width: 100%;}
/* .key-products-box2 ul li .item h3 e{ display: table-cell; line-height: 20px; vertical-align: middle;} */
.key-products-box2 ul li .item p{ min-height: 144px; font-size: 12px;
    color: #737C8A;
    line-height: 24px;}
.key-products-box2 ul li:nth-child(3) .icon i{ line-height: 75px;}
.key-products-box2 ul li .item span{ display: block; margin-bottom: 10px;}
.key-products-box2 ul li .item span a{display: inline-block; line-height: 34px; padding: 0 25px; border: 1px solid #f2f2f2;border-radius: 8px;}

/* .key-products-box2 ul li.cur .item{background: linear-gradient(to right, #f75d4d , #ffbc64); color: #fff;box-shadow: 5px 5px 10px rgba(240, 132, 61, 0.3);} */
/* .key-products-box2 ul li.cur .item .icon{background: #fff;} */
/* .key-products-box2 ul li.cur .item .icon i{color: #F0843D;} */
/* .key-products-box2 ul li.cur .item p,.key-products-box2 ul li.cur .item span a{ color: #fff;} */


.tabs_item {
  display: none;
  padding: 0;
}
.tabs_item:first-child {
  display: block;
}
.tab_content{ background-color:#fff; padding: 20px;}
.znct-pt{ font-size:0;}
.znct-pt .box table{ width: 100%;border-spacing:0; line-height:24px;border: 1px solid #ececec;}
.znct-pt .box table th,.znct-pt .box table td{ padding: 10px 0; border-bottom: 1px solid #ececec;}
.znct-pt .box table tr:nth-last-child(1) th,.znct-pt .box table tr:nth-last-child(1) td{ border-bottom:0;}
.znct-pt .box table tr:nth-child(2n+1){ background-color:#f9f9f9;}
.znct-pt .box table th{ padding-right:20px; width: 20%; text-align: right; border-right: 1px solid #ececec;}
.znct-pt .box table th h4{ font-size: 18px; color:#F0843D}
.znct-pt .box table td{ color: #666; padding-left:20px;  font-size:14px;}
.znct-pt .box table td b{ display: block; padding: 0 12px; position: relative; font-weight: normal;}
.znct-pt .box table td b::before{
    position:absolute;
    content: " ";
	left:0;
	top: 10px;
	width:4px;
	height:4px;
	background-color:#666;
}
.znct-pt .box table td p{
	display:block;
	color: #999;
	padding:0 12px;
}
.znct-pt .box table td ul{ font-size:0;}
.znct-pt .box table td ul li{ width: 33.3333%; display: inline-block; vertical-align: top; font-size:14px;}
.znct-pt .box table td span{ color:#fff; margin: 5px; display:inline-block; width:70px; line-height: 70px; text-align: center; height: 70px;border-radius: 50%; background-color: #F0843D}

.znct-pt-l{ width: 52%; display: inline-block; vertical-align: top;}
.znct-pt-r{ width: 48%; display: inline-block; vertical-align: top;}
.znct-pt-l{position: relative;}
.znct-pt .img{margin-top: 90px;}
.znct-pt .img img{max-width: 76%;display:block;margin: auto;}
.znct-pt .tese{ font-size:14px; position: absolute; top: 0; left:0; width: 98%; height: 100%;}
.znct-pt .tese ul{ font-size:0; margin: -5px; display: flex}
.znct-pt .tese li{ color:#666; font-size:13px; padding-left: 38px; position: absolute;}
.znct-pt .tese li b{ font-size: 30px; position:absolute; left:0; top:0; border-right: 2px solid #666;border-radius: 50%; width:30px;}
.znct-pt .tese li:nth-child(1){top: 100px;left:0;width: 125px;}
.znct-pt .tese li:nth-child(1) b{ color:#d193e9;border-right: 2px solid #d193e9;}
.znct-pt .tese li:nth-child(2){bottom: 20px;left: 2%;width: 110px;}
.znct-pt .tese li:nth-child(2) b{ color:#87caff;border-right: 2px solid #87caff;}
.znct-pt .tese li:nth-child(3){top: 0;left: 20%;width: 380px;}
.znct-pt .tese li:nth-child(3) b{ color:#48dad2;border-right: 2px solid #48dad2;}
.znct-pt .tese li:nth-child(4){top: 120px;right: 3%;width: 100px;}
.znct-pt .tese li:nth-child(4) b{ color:#fa8f9c;border-right: 2px solid #fa8f9c;}
.znct-pt .tese li:nth-child(5){bottom: 0;right: 2%;width: 100px;}
.znct-pt .tese li:nth-child(5) b{ color:#ed941e;border-right: 2px solid #ed941e;}
.znct-pt .tedian{ font-size:14px; line-height:24px; }
.znct-pt .tedian li{ padding: 2px 0 6px 36px; position:relative;}
.znct-pt .tedian b{ color: #fff;font-size:16px; text-align: center; width: 26px; height: 26px; line-height: 26px;border-radius: 50%; background-color:#F0843D; display:block; position: absolute; left:0; top:0;}

.yycj-fd{ position: absolute; width: 100%; height: 100%; left:0; top: 0;}
.yycj-fd span{ font-size: 14px; color: #fff; position: absolute;background: linear-gradient(to right, #fdac98 ,#f9849e); width: 70px; height: 70px; line-height:70px; text-align: center; display:block;border-radius:50%;}
.yycj-fd span:nth-child(1){left: 5%;top: 150px;background-color:#d193e9;}
.yycj-fd span:nth-child(2){left: 25%;top: 50px;margin-left:-30px;background-color:#87caff;}
.yycj-fd span:nth-child(3){left:50%;top: 0;margin-left:-30px;background-color:#48dad2;}
.yycj-fd span:nth-child(4){right: 25%;top: 50px;margin-right:-30px;background-color:#fa8f9c;}
.yycj-fd span:nth-child(5){right: 5%;top: 150px;background-color:#ed941e;}


.znct-pt .item{ margin-bottom:20px;}
.znct-pt .item:nth-last-child(1){ margin:0;}
.znct-pt .item h4,.tedian h4{ font-size: 18px; color:#F0843D;line-height: 20px;padding-bottom: 10px;}
.znct-pt .item ul{ font-size:0;}
.znct-pt .item ul li{ width: 33.3333%; display: inline-block; vertical-align: top; font-size:14px;}
.znct-pt .item ul li b,.znct-pt .item .dy b{ font-size:14px; display: block; padding: 0 12px; position: relative; font-weight: normal;}
.znct-pt .item ul li b::before{
    position:absolute;
    content: " ";
	left:0;
	top: 10px;
	width:4px;
	height:4px;
	background-color:#666;
}
.znct-pt .item ul.zyff li:nth-child(3n+1){ width:50%;}
.znct-pt .item ul.zyff li:nth-child(3n+2){ width:28%;}
.znct-pt .item ul.zyff li:nth-child(3n+3){ width:22%;}
.znct-pt .item .dy b{ margin-bottom: 8px;}
.znct-pt .item .dy p{ font-size:13px; line-height:22px; color: #999; padding-left:28px; position: relative;}
.znct-pt .item .dy p::before{
    position:absolute;
    content: " ";
	left:18px;
	top: 8px;
	width:4px;
	height:4px;
	background-color:#888;
}
.znct-pt .item .yycj{ margin: -5px;}
.znct-pt .item .yycj span{ font-size:14px; color:#fff; margin: 5px; display:inline-block; width:70px; line-height: 70px; text-align: center; height: 70px;border-radius: 50%; background-color: #F0843D}



.ckjs-pt{ font-size:0;}
.ckjs-pt-l,.ckjs-pt-r{ font-size:14px; width: 50%; display: inline-block; vertical-align: middle;}
.ckjs-pt h4,.jxkp-pt h4,.kcsx-pt h4{font-size: 18px;color: #F0843D; line-height:20px; padding-bottom:10px;}
.ckjs-pt .int,.jxkp-pt .int,.kcsx-pt .int{ margin-bottom: 30px;}
.ckjs-pt .int p,.jxkp-pt .int p,.kcsx-pt .int p{ font-size:14px; color: #666; line-height: 24px; position: relative; padding-left: 10px;}
.ckjs-pt .int p::before,.jxkp-pt .int p::before,.kcsx-pt .int p::before{
    position:absolute;
    content: " ";
	width: 4px;
	height:4px;
	left:0;
	top: 10px;
	background-color:#666;
}
.ckjs-pt .tedian{ padding: 0 30px 30px 0; max-width:584px;}
.ckjs-pt .tedian ul{ font-size: 0; margin: -5px;}
.ckjs-pt .tedian ul li{ text-align: center; font-size: 14px; width: 25%; display: inline-block; vertical-align: top;}
.ckjs-pt .tedian ul li b{ color:#fff; display: block; margin: 5px; background-color:#F0843D; border-radius: 4px; line-height: 30px; padding: 4px 10px;}
.ckjs-pt .yycj{ padding-right: 30px;}
.ckjs-pt .yycj ul{ font-size:0; margin: -5px;}
.ckjs-pt .yycj ul li{ vertical-align: top; font-size:14px; color:#fff; margin:5px; display:inline-block; width:80px; line-height: 80px; text-align: center; height: 80px;border-radius: 50%; background-color: #F0843D}
.ckjs-pt-r img{ max-width: 100%; display: block; margin: auto;}



.jxkp-pt{ font-size:0;}
.jxkp-pt-l{ font-size:14px; width: 40%; display: inline-block; vertical-align:top;}
.jxkp-pt-r{ font-size:14px; width: 60%; display: inline-block; vertical-align:top; position: relative;}
.jxkp-pt .tedian{ position: absolute; top: 0; left: 0; width: 100%;}
.jxkp-pt .tedian ul{ margin: -10px; font-size: 0;}
.jxkp-pt .tedian ul li:nth-child(1){ top:100px; left:-4%;}
.jxkp-pt .tedian ul li:nth-child(1) span{ color:#d193e9}
.jxkp-pt .tedian ul li:nth-child(2){ top:0; left:30%; max-width: 250px;}
.jxkp-pt .tedian ul li:nth-child(2) span{ color:#87caff}
.jxkp-pt .tedian ul li:nth-child(3){ top:80px; right:0;}
.jxkp-pt .tedian ul li:nth-child(3) span{ color:#48dad2}
.jxkp-pt .tedian ul li{ position: absolute; display: block; vertical-align: top; font-size: 14px; max-width: 200px;}
.jxkp-pt .tedian ul li .box{ padding-left:60px; position:relative; min-height:45px;}
.jxkp-pt .tedian ul li .box p{ color:#666; font-size: 14px; line-height: 20px;}
.jxkp-pt .tedian ul li .box span{font-size: 40px;
    display: block;
    text-align: center;
    border-bottom: 2px solid #eee;
    top: 0;
    width: 50px;
    height: 50px;
    left: 0;
    position: absolute;
    border-radius: 50%;
}
.jxkp-pt .tedian ul li h5{ font-size: 16px; line-height: 30px;}
.jxkp-pt .yycj ul{ font-size:0; margin: -5px;}
.jxkp-pt .yycj ul li{ vertical-align: top; font-size:14px; color:#fff; margin: 5px 10px; display:inline-block; width:70px; line-height: 70px; text-align: center; height: 70px;border-radius: 50%; background-color: #F0843D}
.jxkp-pt .img{}
.jxkp-pt .gljx{ max-width: 445px; margin-bottom: 30px;}
.jxkp-pt .gljx ul{ font-size:0; margin: -10px;}
.jxkp-pt .gljx ul li{ display:inline-block; vertical-align: top; width: 33.333%; font-size: 14px;}
.jxkp-pt .gljx ul li .box{
	margin: 10px;
	position: relative;
	border-radius: 4px;
	text-align: center;
	border: 1px solid #F0843D;
	background-color: #F0843D;
}

/*.jxkp-pt .gljx ul li:nth-child(1) .box{border: 1px solid #d193e9; background-color:#d193e9;}
.jxkp-pt .gljx ul li:nth-child(2) .box{border: 1px solid #87caff; background-color:#87caff;}
.jxkp-pt .gljx ul li:nth-child(3) .box{border: 1px solid #48dad2; background-color:#48dad2;}*/
.jxkp-pt .gljx ul li .box b{text-align: center; height:50px; line-height:50px;color:#fff; display: block;}
.jxkp-pt .gljx ul li .box p{ font-size:14px; color: #666; line-height: 24px; position: relative; padding-left: 10px; display: inline-block;}
.jxkp-pt .gljx ul li .box p::before{
    position:absolute;
    content: " ";
	width: 4px;
	height:4px;
	left:0;
	top: 10px;
	background-color:#666;
}

.jxkp-pt .gljx ul li .box span{ background-color:#fff; padding:5px 10px; display: block; min-height:70px;border-radius:0 0 4px 4px;}
.jxkp-pt .img img{ max-width: 70%; margin: auto; display:block; margin-top:60px;}

.kcsx-pt{ font-size: 0;}
.kcsx-pt .int{ margin-right: 30px;}
.kcsx-pt .tedian li{ font-size: 14px; line-height:24px;}
.kcsx-pt .tedian li b{ font-weight: normal;}
.kcsx-pt-l,.kcsx-pt-r{ display:inline-block; vertical-align: top; width:50%;}
.kcsx-pt .youshi{ font-size: 14px; position: relative;}
.kcsx-pt .youshi ul { font-size: 0;}
.kcsx-pt .youshi ul li{font-size: 14px;width: 50%;vertical-align: top;display: inline-block;background-color: #666;height: 170px;position: relative;}
.kcsx-pt .youshi ul li:nth-child(1),.kcsx-pt .youshi ul li:nth-child(4){ background-color: #999;}
.kcsx-pt .youshi ul li .item{color:#fff;padding: 20px;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.kcsx-pt .youshi ul li .item b{  font-size: 18px; line-height:30px; display: inline-block; position: relative;}
.kcsx-pt .youshi ul li .item p{ display:block; font-size: 14px; line-height: 24px;}
.youshi dl dd{ z-index: 1; position: absolute; top:50%; left: 50%; margin-top: -35px; margin-left: -34px; width:50px; height:50px; border: 8px solid rgb( 255,255,255,0); border-top: 8px solid #fff; border-left: 8px solid #fff;border-radius:50%;transform:rotate(45deg);}
.youshi dl dd::before{
    position: absolute;
    content: " ";
    width: 0;
    height: 0;
    left: 67%;
    top: -4px;
    transform: rotate(90deg);
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}

.youshi dl dd:nth-child(2){transform: rotate(225deg); margin-top: -31px;}

.skill-competition {
    background-color: #EDF0F5;
}
.skill-competition .jianjie{ font-size:16px; line-height:18px; color:#999; padding:20px 0; text-align: center;}
.skill-competition-box{ margin-top:0}
.skill-competition-box ul{ font-size:0; margin: -15px;}
.skill-competition-box ul li{ width:25%; display: inline-block; vertical-align:top; font-size:14px;}
.skill-competition-box ul li img{ width: 100%;}
.skill-competition-box ul li .item{ margin: 15px; padding: 20px; border: 1px solid #f2f2f2;border-radius: 8px; position: relative; overflow: hidden; background-color: #fff;}
.skill-competition-box ul li .item::after {
    font-family: "iconfont" !important;
    position: absolute;
    content: "\e60d";
    right: -50px;
    bottom: -20px;
    color: #f8f8f8;
    font-size: 180px;
    z-index: -1;
}
.skill-competition-box ul li .item:hover{box-shadow: 0 0 14px rgba(0, 0, 0, 0.1);}
.skill-competition-box ul li .icon{ padding: 20px 0; text-align: center;}
.skill-competition-box ul li .icon dl{ font-size:0; text-align: center;}
.skill-competition-box ul li .icon dl dd{ width:30%; border: 2px solid #333;border-radius: 2px; margin: 0 -1px; display: inline-block; vertical-align: bottom; height:30px;}
.skill-competition-box ul li .icon dl dd:nth-child(2){ height:50px;}
.skill-competition-box ul li .icon dl dd:nth-child(3){ height:20px;}
.skill-competition-box ul li i{ font-size:60px; color: #F0843D;}
.skill-competition-box ul li h3{ text-align: center; font-size: 16px; line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;margin: 10px 0;}
.skill-competition-box ul li p{ font-size: 14px; color:#999; line-height: 24px; margin-bottom:8px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden; min-height: 24px;}
.skill-competition-box ul li span{ margin-top:20px; display: block; border-top: 1px solid #f2f2f2;}
.skill-competition-box ul li span a{ color:#3D8AFF; font-size: 16px; margin-top:14px; line-height: 30px; display: inline-block ; position: relative; padding-right: 30px;}
.skill-competition-box ul li span a::before {
    font-size: 14px;
    font-family: "iconfont" !important;
    position: absolute;
    content: "\e65d";
    right: 0;
    top: 0;
}
.skill-competition-box ul li span a:hover{ padding-left:15px; }
.skill-competition-box ul li.cur{}

.competition{ padding: 80px 0;}
.competition-c{ width: 92%;max-width: 1360px;margin: auto;}
.competition-c ul{ font-size: 0; margin-top: -30px;}
.competition-c .dingwei{ width: 100%; display: block;}
.competition-c ul li{ margin-top: 30px;}
.competition-c ul li .item{font-size: 0;background-color: #fff;border-radius: 8px;position: relative;min-height: 240px;}
.competition-c ul li .item:hover{box-shadow: 0 0 14px rgba(0, 0, 0, 0.2);}
.competition-c ul li .dsjs-l{ font-size: 14px; width: 72%; display: inline-block; vertical-align: top;}
.competition-c ul li .dsjs-r{font-size: 14px;width: 28%;display: inline-block;vertical-align: top;position: relative;overflow: hidden;}
.competition-c ul li .dsjs-r::after{
    font-family: "iconfont" !important;
    position: absolute;
    content: "\e60d";
    right: -50px;
    top: 30px;
    color: #f8f8f8;
    font-size: 220px;
}
.competition-c .dsjs-box{position: relative;padding-right: 30px;margin: 30px;overflow: hidden;margin-right: 0;border-right: 4px solid #f7f7ff;}
.competition-c .dsjs-box .dsjs-tp{ width: 320px; float: left; margin-right: 20px;}
.competition-c .dsjs-box .dsjs-tp img{ max-width: 100%;}
.competition-c .dsjs-box .text{ font-size: 14px;}
.competition-c .dsjs-box .text h3{ font-size: 18px; font-weight: normal; line-height: 30px; margin-bottom: 12px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.competition-c .dsjs-box .text p{color: #999; font-size: 14px; line-height: 24px; height: 72px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.competition-c .dsjs-box .text span{ display: block; padding-top: 20px;}
.competition-c .dsjs-box .text span a{ font-size: 16px;}
.competition-c .dsjs-box .text span a.jrgw{cursor:pointer;line-height: 36px;display: inline-block;position: relative;padding-right:30px;color: #F0843D;}

.competition-c .dsjs-box .text span a.jrgw::before{
    font-size: 14px;
    font-family: "iconfont" !important;
    position: absolute;
    content: "\e65d";
    right: 0;
    top: 0;
}
.competition-c .dsjs-box .text span a.jrgw:hover{ color: #F0843D; padding-left: 16px;}
.competition-c .dsjs-box .text span a.jrgw.jinzhi{cursor: not-allowed; color: #ccc;}
.competition-c .dsjs-box .text span a.jrgw.jinzhi:hover{padding-left: 0;}
.competition-c .dsjs-box .text span a.jrbs{cursor:pointer;line-height: 36px; display: inline-block; margin-right: 30px; background-color: #F0843D; color: #fff; padding: 0 20px;border-radius: 18px;box-shadow: 5px 5px 10px rgba(240, 132, 61, 0.3);}
.competition-c .dsjs-box .text span a.jrbs i{ margin-right: 10px;}
.competition-c .dsjs-box .text span a.jrbs:hover{ background-color: #333;box-shadow: 5px 5px 10px rgba(0, 0,0, 0.1);}
.competition-c ul li .dsjs-r dl{padding: 30px;position: relative;z-index: 1;}
.competition-c ul li .dsjs-r dl dt{font-size: 18px; line-height: 28px;}
.competition-c ul li .dsjs-r dl dd{color: #999;font-size: 14px;line-height: 20px;margin-bottom: 21px;}
.competition-c ul li .dsjs-r dl dd:nth-last-child(1){ margin-bottom: 0;}
.competition-c ul li .dsjs-dsjt{font-size: 16px;position: absolute;line-height: 38px;top: 40px;left: 0;color: #fff;padding: 0 20px 0 10px;border-radius: 0 20px 20px 0;z-index: 1;}
.competition-c ul li .dsjs-dsjt.ywc{ background-color: #2AA146;box-shadow: 5px 5px 10px rgba(42, 161, 60, 0.3);}
.competition-c ul li .dsjs-dsjt.jxz{ background-color: #F0843D;box-shadow: 5px 5px 10px rgba(240, 132, 61, 0.3);}



.key-products-box2 ul li,.skill-competition-box ul li span a,.news-list-c ul li .item,.news-list-c ul li .item img,.news-list-c ul li .item h3 a,.news-list-c ul li .item span a,.news-list-c ul li .item span a i,.news-list-c ul li .item span a i::after,.news-details-box .up-down dl dd h3 a,.product-pt-c span e,.product-pt-c span e::before,.aboutus-future-box ul li .item .icon,.competition-c .dsjs-box .text span a,.competition-c ul li .item{
	transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}



.news-list{ padding: 80px 0;}
.news-list-c{ width: 92%;max-width: 1360px;margin: auto;}
.news-list-c ul{ margin: -15px; font-size: 0;}
.news-list-c ul li{ width: 33.3333%; display: inline-block; vertical-align: top; font-size:14px; }
.news-list-c ul li .item{ margin: 15px; background-color:#fff; padding: 28px; border-radius: 8px;}
.news-list-c ul li .item:hover{box-shadow: 0 0 14px rgba(0, 0, 0, 0.2);}
.news-list-c ul li .item .img{ overflow: hidden;}
.news-list-c ul li .item img{ width: 100%; height:280px;display: block;}
.news-list-c ul li .item img:hover{transform: scale(1.1);}
.news-list-c ul li .item .text{ border-bottom: 1px solid #ececec;margin-bottom: 10px;}
.news-list-c ul li .item h3{ font-size:16px; line-height: 28px; height:28px; margin: 8px 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news-list-c ul li .item h3 a:hover{ color:#F0843D;}
.news-list-c ul li .item p{ font-size: 14px; color: #666; line-height: 24px; height:48px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; margin-bottom: 10px;}
.news-list-c ul li .item .time{ font-size: 14px; display:inline-block;}
.news-list-c ul li .item .time b{ display:block; font-size: 48px; line-height:40px;}
.news-list-c ul li .item span{ display: inline-block; float: right; margin-top: 34px;}
.news-list-c ul li .item span a{ position: relative; display:block;}
.news-list-c ul li .item span a i{ margin-left: 10px;display:inline-block; vertical-align: middle;width:40px;height:2px;background-color: #999;position: relative;}
.news-list-c ul li .item span a i::after{
    position:absolute;
    content: " ";
	right: 0;
	top:-2px;
	width:9px;
	height:2px;
	background-color: #999;
	transform:rotate(30deg);
}
.news-list-c ul li .item span a:hover{color: #F0843D;}
.news-list-c ul li .item span a:hover i{width:20px;background-color: #F0843D;}
.news-list-c ul li .item span a:hover i::after{background-color: #F0843D;}

.news-details{ padding: 80px 0;}
.news-details-c{ width: 92%;max-width: 1360px;margin: auto;}
.news-details-box{ background-color:#fff; padding: 40px;word-break:break-all;}
.news-details-box .th{ margin-bottom:30px; padding-left: 80px; min-height: 80px; position:relative;}
.news-details-box .th h1{ font-size: 26px; line-height: 36px; font-weight: normal; display:block; padding-left:14px; padding-bottom: 8px; border-bottom: 1px dashed #ddd;}
.news-details-box .th span{ background-color: #f7f7f7; padding: 8px; display:block; font-size: 16px; position: absolute; top: 0; left:0; }
.news-details-box .th span b{ font-size:54px; display: block; line-height:42px; padding-bottom: 6px;}
.news-details-box .details { font-size: 16px; line-height: 28px;}
.news-details-box .details img{ display:block; max-width:100%; margin: 8px auto;}
.news-details-box .details p{text-indent:32px; line-height: 28px; margin-bottom: 20px; font-size: 16px;}
.news-details-box .details p.ydq{ text-align: right;}
.news-details-box .details p e{ color: #f9340d;}
.news-details-box .details strong{ font-size: 18px;}
.news-details-box .up-down{ border-top: 1px solid #ececec; padding-top: 20px; margin-top: 30px;}
.news-details-box .up-down dl{ font-size: 0; margin: 0 -15px;}

.news-details-box .up-down dl dd{ font-size:14px; width: 50%; display: inline-block; vertical-align: top;}
.news-details-box .up-down dl dd div{ margin: 0 15px;}
.news-details-box .up-down dl dd p{ color:#999; display: block; line-height: 30px;}
.news-details-box .up-down dl dd:nth-child(2){ text-align:right;}
.news-details-box .up-down dl dd h3{ font-size: 16px; line-height: 28px; font-weight: normal; }
.news-details-box .up-down dl dd h3 a:hover{ color: #F0843D;}

.news-xg01{position: relative; padding: 20px 20px 0 20px; overflow: hidden;}
.news-xg01::after{ position: absolute; content: ""; top: 0; right: 0;  width: 60px; height: 60px; border-top: 2px solid #129ffe; border-right: 2px solid #129ffe;}
.news-xg01::before{ position: absolute; content: ""; bottom: 0; left: 0;  width: 60px; height: 60px; border-left: 2px solid #129ffe; border-bottom: 2px solid #129ffe;}
.news-xg01-t{ font-size: 18px; font-weight: bold; margin-bottom: 20px; color: #129ffe;}
.xmlb { padding-bottom:20px; position: relative;}
.xmlb::after,.news-table01::after{ position: absolute; content: ""; bottom: 100%; left: -80px; width: 150px; height: 150px; background-color: #129ffe; border-radius: 50%; opacity: 0.1;}
.xmlb::before,.news-table01::before{ position: absolute; content: ""; top: 100%; right: -80px; width: 150px; height: 150px; background-color: #129ffe; border-radius: 50%; opacity: 0.1;}
.xmlb li{ padding-left: 100px; line-height: 28px; font-size: 16px; position: relative; padding-bottom: 10px;}
.xmlb li .xm{position: absolute; left: 32px; font-weight: bold; color: #f9a30d;}

.news-table01{padding-bottom: 20px; position: relative;}
.news-table01 table{border-collapse:collapse;border-spacing:0; font-size: 14px; width: 100%; line-height: 20px;}
.news-table01 th,.news-table01 td{ border: 1px solid #ccc; padding: 10px 5px;}


.xwxq-lb,.xwxq-xf{ max-width: 900px; margin: 20px auto;}
.xwxq-lb ul{ padding: 10px 20px; position: relative;}
.xwxq-lb ul::after{
    position:absolute;
    content: " ";
    width: 4px;
    height: 24px;
    left: 0;
    top: 10px;
    background-color: #2aa146;
}
.xwxq-lb ul li b{color: #2aa146;}
.xwxq-lb h3,
.xwxq-xf h3,.xwxq-xf h4{ text-align: center; }
.xwxq-xf h3{ margin-bottom: 20px;}
.xwxq-xf h4{ margin-bottom: 40px;}
.xwxq-xf b,.xwxq-xf e{ display: block;}


.aboutus-d{ padding: 80px 0;}
.aboutus-d-c{ width: 92%;max-width: 1360px;margin: auto;}
.aboutus-d-t{ text-align: center; border-bottom: 1px solid #ececec;}
.aboutus-d-t b{ font-size: 34px; line-height: 34px; font-weight: normal; display: block; margin-bottom: 12px;}
.aboutus-d-t p{
    font-size: 14px;
    border: 1px solid #ececec;
    background-color: #fff;
    display: inline-block;
    padding: 0 20px;
    line-height: 34px;
    margin-bottom: -16px;border-radius: 4px;}
.aboutus-d.profile .aboutus-d-t p,.aboutus-d.future .aboutus-d-t p{background-color: #fff;}
.aboutus-box{ font-size: 0; margin-top: 50px; position: relative; }
/*.aboutus-box::before{
    position:absolute;
    content: " ";
    background-color: #f7f7ff;
    top: 20px;
    right: 20px;
    width: 150px;
    height: 150px;
    z-index: 0;
}
.aboutus-box::after{
    position:absolute;
    content: " ";
    background-color: #fff;
    top: 0;
    right: 0;
    width: 150px;
    height: 150px;
    z-index:-1;
}*/
.aboutus-box-l{ width: 44%; display: inline-block; vertical-align: middle;}
.aboutus-box .tupian{padding: 20px;margin-right: 70px;position: relative;z-index: 1;}
.aboutus-box .tupian::before{
    position:absolute;
    content: " ";
    background-color: #F0843D;
    top: 0;
    left: 0;
    width: 40%;
    height: 40%;
    z-index: -1;
}
.aboutus-box .tupian::after{
    position:absolute;
    content: " ";
    background-color: #2AA146;
    bottom: 0;
    right: 0;
    width: 40%;
    height: 40%;
    z-index: -1;
}
.aboutus-box .tupian img{ max-width: 100%; box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.1);}
.aboutus-box-r{ width: 56%; display: inline-block; vertical-align: middle;}
.aboutus-box .text{display: inline-block;vertical-align: middle; position: relative;z-index: 1;padding: 35px;background-color: #fff;}

.aboutus-box .text h1{ font-size: 28px; line-height: 28px; font-weight: normal; margin-bottom: 20px;}
.aboutus-box .text p{ line-height: 32px; font-size: 16px;text-indent:32px;}
.aboutus-d.profile{ background-color: #F3F8FF;}
.aboutus-d.culture{ padding: 80px 0; background-color: #fff;background-image: url(../images/culture.png); background-repeat: no-repeat;background-position: center center;background-size: cover;}
.aboutus-culture-box{ padding-top: 80px; position: relative;}
.aboutus-culture-box::after{
    position:absolute;
    content: " ";
    width: 260px;
    height: 260px;
    border-top: 20px solid #f8961e;
    border-right: 20px solid #f9c74f;
    border-bottom: 20px solid #90be6d ;
    border-left: 20px solid #43aa8b;
    border-radius: 30px;
    transform:rotate(-45deg);
    top: 140px;
    left: 50%;
    margin-left: -130px;
    box-shadow: -5px 5px 15px rgba(30, 196, 216, 0.3);
    background-image: url(../images/about-culture.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.aboutus-culture-box ul{ font-size: 0; margin: 0 -20px;}
.aboutus-culture-box ul li{ font-size: 14px; width: 50%; display: inline-block; vertical-align: top; }
.aboutus-culture-box ul li:nth-child(1),.aboutus-culture-box ul li:nth-child(2){padding-bottom: 110px;}
.aboutus-culture-box ul li .item{margin: 30px; position: relative; }
.aboutus-culture-box ul li .item:hover .icon::before{box-shadow: 5px 5px 0px rgba(0, 0, 0, 0);}
.aboutus-culture-box ul li .item::before{
    position:absolute;
    content: " ";
    width: 2px;
    top: 20px;
    left: 50%;
    margin-left: -1px;
}
.aboutus-culture-box ul li .item::after{
    position:absolute;
    content: " ";
    width: 50px;
    height: 4px;
    top: 20px;
    left: 50%;
    margin-left: -25px;
}
.aboutus-culture-box ul li:nth-child(2n+1) .item{ padding-right: 190px; text-align: right;}
.aboutus-culture-box ul li:nth-child(2n+1) .item .icon{ position: absolute; right: 80px; top: -10px; text-align: center;}
.aboutus-culture-box ul li:nth-child(2n+2) .item{ padding-left: 190px; text-align: left;}
.aboutus-culture-box ul li:nth-child(2n+2) .item .icon{position: absolute;left: 80px;top: -8px;text-align: center;}
.aboutus-culture-box ul li .icon{width: 80px; height: 80px; line-height: 76px; display: inline-block; position: relative; z-index: 1;}
.aboutus-culture-box ul li .icon::before{
    position:absolute;
    content: " ";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 8px;
    transform:rotate(45deg);
    z-index: -1;
    box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.1);
}


.aboutus-culture-box ul li:nth-child(1) .icon{color: #f8961e;}
.aboutus-culture-box ul li:nth-child(2) .icon{color: #f9c74f;}
.aboutus-culture-box ul li:nth-child(3) .icon{color: #43aa8b;}
.aboutus-culture-box ul li:nth-child(4) .icon{color: #90be6d;}
.aboutus-culture-box ul li:nth-child(1) .icon::before{border: 1px solid #f8961e;box-shadow: 5px 5px 10px rgba(248, 150, 30, 0.3);}
.aboutus-culture-box ul li:nth-child(2) .icon::before{border: 1px solid #f9c74f;box-shadow: 5px 5px 10px rgba(255, 202, 58, 0.3);}
.aboutus-culture-box ul li:nth-child(3) .icon::before{border: 1px solid #43aa8b;box-shadow: 5px 5px 10px rgba(67, 170, 139, 0.3);}
.aboutus-culture-box ul li:nth-child(4) .icon::before{border: 1px solid #90be6d;box-shadow: 5px 5px 10px rgba(138, 201, 38, 0.3);}
.aboutus-culture-box ul li i{ font-size: 40px;}
.aboutus-culture-box ul li .text{  position: relative;}
.aboutus-culture-box ul li b{font-size: 20px;line-height: 20px;font-weight: normal;display: block;padding-bottom: 12px;border-bottom: 1px solid #ececec;}
.aboutus-culture-box ul li p{font-size: 14px;line-height: 24px;margin-top: 8px; height: 48px;}

.aboutus-d.future{
    margin-top: 0;
    background-image: url(../images/future-bjt.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;}
.aboutus-future-box{ margin-top: 50px; padding-top: 40px; position: relative;}

.aboutus-future-box ul{ font-size: 0; margin: -30px;}
.aboutus-future-box ul li{ font-size: 14px; width: 33.333%; display: inline-block; vertical-align: top; text-align: center;}

.aboutus-future-box ul li .item{ margin: 30px;}
.aboutus-future-box ul li .item:hover .icon{ margin: 10px 20px 30px 20px;}
.aboutus-future-box ul li .icon{width: 80px; height: 80px; line-height: 76px; margin: 20px; display: inline-block; color: #fff; background-color: #f3722c;border-radius: 50%; position: relative; z-index: 1;}
.aboutus-future-box ul li .icon::after{
    position:absolute;
    content: " ";
    width: 100px;
    height: 100px;
    top: -10px;
    left: -10px;
    border-radius: 50%;
    background-color: #f3722c; opacity: 0.30;
    z-index: -1;
    box-shadow: 8px 8px 10px rgba(243, 114, 44, 0.5);
}
.aboutus-future-box ul li:nth-child(2) .icon::after{background-color: #f9c74f;box-shadow: 8px 8px 10px rgba(249, 199, 79, 0.5);}
.aboutus-future-box ul li:nth-child(2) .icon{width: 80px; height: 80px; line-height: 76px; display: inline-block; background-color: #f9c74f;}
.aboutus-future-box ul li:nth-child(3) .icon::after{background-color: #90be6d;box-shadow: 8px 8px 10px rgba(144, 190, 109, 0.5);}
.aboutus-future-box ul li:nth-child(3) .icon{width: 80px; height: 80px; line-height: 76px; display: inline-block; background-color: #90be6d;}
.aboutus-future-box ul li .text{ padding-top: 30px;}
.aboutus-future-box ul li i{ font-size: 46px;}
.aboutus-future-box ul li b{font-size: 20px;line-height: 20px;font-weight: normal;display: block;padding-bottom: 18px;}
.aboutus-future-box ul li p{font-size: 14px;line-height: 24px;}



.product-description{ padding: 80px 0 40px 0; background-color: #fff;}
.product-cptx{ width: 92%;max-width: 1360px;margin: auto; text-align: center; position: relative;}
.product-cptx-zt{padding: 40px 0 130px 0;position: relative; }
.product-cptx-zt img{ display: block; max-width: 100%; margin: auto;}
.product-cptx ul{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1;}
.product-cptx ul li{ position: absolute;}
.product-cptx ul li h3{ font-weight: normal; font-size: 16px; margin: 0 20px;}
.product-cptx ul li img{ padding: 8px 0 0 0; max-width: 100%;}
.product-cptx ul li:nth-child(1){ left: 32%; top: 0;}
.product-cptx ul li:nth-child(2){ right: 30.8%; top: 0;}
.product-cptx ul li:nth-child(3){ left: 17%; top:120px;}
.product-cptx ul li:nth-child(4){ right: 17%; top:120px;}
.product-cptx ul li:nth-child(5){ right: 22%; top: 320px}
.product-cptx ul li:nth-child(6){ left: 22%; top:320px;}
.product-cptx ul li:nth-child(7){ left: 50%; top:450px; width: 200px; margin-left: -100px;}
.product-cptx ul li:hover img{
animation: cptx-1 0.8s linear 0s infinite alternate running;
-moz-animation: cptx-1 0.8s linear 0s infinite alternate running;
-webkit-animation: cptx-1 0.8s linear 0s infinite alternate running;
-o-animation: cptx-1 0.8s linear 0s infinite alternate running;
}
@keyframes cptx-1
{
0%   { padding: 8px 0 0 0;}
50%  { padding: 0 0 8px 0;}
100% { padding: 8px 0 0 0; }
}

.zdcplm{ padding: 60px 0; background-color: #fff;}
.zdcplm-c{ width: 92%;max-width: 1360px;margin: auto;}
.zdcplm-t{ text-align: center; margin-bottom: 20px; position: relative;}
.zdcplm-t::before {
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    bottom: 2px;
    left: 0;
    background-color: #ddd;
}
.zdcplm-t i {
    width: 62px;
    height: 5px;
    background-color: #F0843D;
    display: inline-block;
    margin-top: 8px;
    z-index: 2;
    position: relative;
}
.zdcplm-t h2{line-height: 34px;font-size: 32px;font-weight: normal; padding-bottom: 18px;}

.product-pt{ }
.product-pt{ padding: 40px 0;}
.product-pt-c{ font-size: 0; margin: -30px;}
.product-pt-l,.product-pt-r{display: inline-block; width: 50%; vertical-align: middle; font-size: 14px;}
.product-pt-c .box{margin: 40px;}
.product-pt-c .box img{ max-width: 100%;}
.product-pt-c h3{ font-weight: normal; font-size: 28px; line-height: 28px; margin-bottom: 18px;}
.product-pt-c ul li{ font-size: 16px; line-height: 24px; margin-bottom: 8px; position: relative; padding-left: 28px;}
.product-pt-c ul li::before{
    position:absolute;
    content: " ";
    left: 8px;
    top: 6px;
    width: 10px;
    height: 10px;
    background-color: #F0843D;
    border-radius: 50%;
}
.product-pt-c p{text-indent:32px; font-size: 16px; line-height: 24px; margin-bottom: 8px; }
.product-pt-c span{ display: block; margin-top: 18px;}
.product-pt-c span e{ color: #fff; display: inline-block;  position: relative;line-height: 48px; padding: 0 40px; height: 48px; cursor:pointer;background: -webkit-linear-gradient(left, #f75d4d ,#ffbc64);
    background: -o-linear-gradient(right, #f75d4d, #ffbc64);
    background: -moz-linear-gradient(right, #f75d4d, #ffbc64);
    background: linear-gradient(to right, #f75d4d , #ffbc64);
    box-shadow: 5px 5px 10px rgba(240, 132, 61, 0.3);
    border-radius: 25px;}

.product-pt-c span e:hover::after{ box-shadow: 5px 5px 15px rgba(240, 132, 61, 0.7);}
.product-pt-c span e::before{
    font-family: "iconfont" !important;
    position:absolute;
    content: "\e65d";
    right: 20px;
    top: 0;
    opacity: 0;
}
.product-pt-c span e:hover::before{ opacity: 1;}
.mssy.expand::after{ position: fixed; content: ""; width: 100%; height: 100%; z-index: 3; background: inherit; top: 0; left: 0; bottom: 0; right: 0;background: rgba(0,0,0,0.5);}
.pop-ups{display: none; z-index: 4; position: fixed; width: 660px; height: 400px; top: 25%; left: 50%; margin-left: -330px; overflow: hidden; border-radius: 15px; background-color: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);}
.pop-ups.expand{ display: block;}
.pop-ups-c{ height: 100%; padding: 40px 30px; background: url(../images/lianxiwomen.png) no-repeat center right;background-size:480px;}
.pop-ups-c .th{ font-size: 28px; color: #F0843D; line-height: 30px; font-weight: bold; margin-bottom: 20px;}
.pop-ups-c .bt{ font-size: 16px; line-height: 30px;}
.pop-ups-c .nr{ font-size: 18px; max-width: 200px; margin-bottom: 20px;}
.pop-ups-c .nr.zy{ font-size: 20px; color: #F0843D; font-size: 30px;}
.pop-ups-c .nr.zy a{ color: #F0843D; }



.cplb{ padding: 80px 0;}
.cplb-c{width: 92%;max-width: 1360px;margin: auto;}
/* .cplb-fl{ padding: 20px 0;} */
.cplb-box{ padding: 20px 20px 20px 30%; position: relative; background-color: #fff; min-height: 240px;border-radius: 10px;}
.cplb-box-l{ width: 30%; position:absolute; left: 20px; top: 20px; bottom: 20px;}
.cplb-box-l::after{
    position:absolute;
    content: " ";
    width: 100%;
    height: 100%;
}
.cplb-box-l .tubiao{ position: absolute; text-align: center; width: 80px; height: 80px; border-radius: 50%; top: 50%; margin-top: -40px; left: 50%; margin-left: -40px; background-color:  #f3722c;box-shadow: 5px 5px 10px  rgb(248,150,30,0.6)}
.cplb-box-l .tubiao i{ color: #fff; font-size: 40px; line-height: 80px;}
.cplb-box.zhl .cplb-box-l{background: url(../images/product/zhl.jpg) no-repeat center;background-size: cover;}
.cplb-box.zhl .cplb-box-l::after{background-color: rgb(243,114,44,0.1);}
.cplb-box-r{ margin-left: 50px;}
.cplb-box-r .th{ font-size: 20px; line-height: 24px; margin: 10px 0 20px 0; font-weight: bold;}
.cplb-box-r .th span{ margin-left: 10px; color: #999; font-size: 16px; font-weight: normal;}
.cplb-box.zhl .cplb-box-r .th{ color: #f3722c;}
.cplb-box-r ul,.cplb-box dl{ font-size: 0;}
.cplb-box-r ul li,.cplb-box dl dd{ font-size: 14px; line-height: 20px; width: 50%; display: inline-block; margin-bottom: 10px; vertical-align: top;}

.cplb-box-r ul li:nth-last-child(1),.cplb-box-r ul li:nth-last-child(2),.cplb-box dl dd:nth-last-child(1),.cplb-box dl dd:nth-last-child(2){ margin-bottom: 0;}
.cplb-box-r ul li h3{ font-size: 16px; line-height: 30px; font-weight: normal; position: relative; padding: 0 30px 0 20px;}
.cplb-box-r ul li h3::after{
    position:absolute;
    content: " ";
    width: 7px;
    height: 7px;
    background-color: #f3722c;
    transform:rotate(45deg);
    left: 3px;
    top: 10px;
}


.cplb-box.kcl .cplb-box-l::after{background-color: rgb(248,150,30,0.1);}
.cplb-box.kcl .cplb-box-l{background: url(../images/product/kcl.jpg) no-repeat center;background-size: cover;}
.cplb-box.kcl .cplb-box-l .tubiao{background-color: #f8961e;box-shadow: 5px 5px 10px rgb(248,150,30,0.6)}
.cplb-box.kcl ul li:nth-child(1){ width: 100%;}
.cplb-box.kcl dl{ margin: 10px; border: 1px dashed #ddd; padding: 10px 14px;}
.cplb-box dl dd i{ font-style:normal; color: #f8961e; margin-right: 5px;}
.cplb-box.kcl .cplb-box-r .th{ color: #f8961e;}
.cplb-box.kcl .cplb-box-r ul li h3::after{background-color: #f8961e;}

.cplb-box.jsksl .cplb-box-l::after{background-color: rgb(249,199,79,0.2);}
.cplb-box.jsksl .cplb-box-l{background: url(../images/product/jsksl.jpg) no-repeat center;background-size: cover;}
.cplb-box.jsksl .cplb-box-l .tubiao{background-color:  #f9c74f;box-shadow: 5px 5px 10px rgb(249,199,79,0.6)}
.cplb-box.jsksl .cplb-box-r .th{ color: #f9c74f;}
.cplb-box.jsksl .cplb-box-r ul li h3::after{background-color: #f9c74f;}


.cplb-box.sysxsjsfa .cplb-box-l::after{background-color: rgb(144,190,109,0.1);}
.cplb-box.sysxsjsfa .cplb-box-l{background: url(../images/product/sysxsjsfa.jpg) no-repeat center;background-size: cover;}
.cplb-box.sysxsjsfa .cplb-box-l .tubiao{background-color: #90be6d;box-shadow: 5px 5px 10px rgb(144,190,109,0.6)}
.cplb-box.sysxsjsfa .cplb-box-r .th{ color: #90be6d;}
.cplb-box.sysxsjsfa .cplb-box-r ul li h3::after{background-color: #90be6d;}



.footer{ background-color:#303546; padding-top: 0;}
.footer-c,.footer .dibu p{ color: rgba(255,255,255,0.5); width: 92%;max-width: 1360px;margin: auto;position: relative;}
.footer-nav{ border-bottom: 1px solid #272A34; padding: 20px 0;}
.footer-nav ul{ font-size: 0; margin: 0 -20px; display: inline-block;}
.footer-nav ul li{ font-size: 14px; line-height: 22px; display: inline-block; vertical-align: top; margin: 0 20px;}
.footer-nav ul li a{ display: block; color: rgba(255,255,255,0.4);}
.footer-nav ul li a:hover{ color: #3D8AFF;}
.footer-box { font-size: 0; margin-top: 28px; padding: 0 120px 0 0; position: relative;border-bottom: 1px solid #272A34;padding-bottom: 16px; }
.footer-box .footer-logo{ width: 106px; margin-bottom: 21px;}
.footer-box .footer-logo a{ display: block;}
.footer-box .footer-logo .f-logo{ max-width: 100%;}
.footer-contact{ font-size:14px;}
.footer-contact ul li{ font-size: 12px; line-height:20px; padding-bottom: 4px;}
.footer-contact ul li e{ padding-bottom:12px; display: block; font-weight:normal;}
.footer-contact ul li b{ font-size: 32px; line-height: 34px;color: #060505;}
.footer-contact ul li b a{color: #3D8AFF;}
.footer-rq{ color:#717a85; position: absolute; right:0; top: 0; font-size:12px;}
.footer-rqbox{ text-align: center; display: inline-block;}
.footer-rqbox p{ line-height: 24px;}
.footer-rq img{ width: 96px; height: 96px; }
.footer .dibu {
    width: 92%;
    max-width: 1360px;
    margin: 0 auto;
    margin-top: 0;

    background-color: #303546;
}

.footer .dibu p {
    width: auto;
    font-size: 12px;
    line-height: 20px;
    padding: 20px 0;
    display: inline-block;
    margin-right: 20px;
}

.cbpf-lx{ position: fixed ; right: 10px; bottom: 350px; z-index: 1;}
.cbpf-lx ul li{ position: relative;}
.cbpf-lx ul li .icon{cursor:pointer; width: 60px; height: 60px; line-height: 60px; text-align: center; background-color: #fff; color: #F0843D; margin-bottom: 4px;border: 1px solid #f2f2f2;}
.cbpf-lx ul li i{ font-size: 30px;}
.cbpf-lx ul li .yc{ position: absolute; font-size: 18px; line-height: 20px; right: 100%; top: 0; background-color: rgba(0, 0, 0, 0.7); color: #fff;z-index: -2;opacity: 0; width: 0; padding: 0;}
.cbpf-lx ul li .yc a{ color: #fff;white-space:nowrap;}
.cbpf-lx ul li .yc img { max-width: 100%;}
.cbpf-lx ul li:hover .icon{ background-color: #F0843D; color:#fff; border: 1px solid #F0843D;}
.cbpf-lx ul li:hover .yc{ z-index: 1;opacity: 1; width: 240px; padding: 20px; font-size: 16px;}
.cbpf-lx ul li .icon,.cbpf-lx ul li .yc{transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;}



@media screen and (max-width:1360px){
.banner::after{
    top:250px;
	left:-600px;
	width:1000px;
	height:1000px;
}
.banner::before {
    top: -400px;
    left: -400px;
    width: 700px;
    height: 700px;
}
.banner-text h1{ font-size:52px; line-height: 60px;}
.banner-text p {font-size: 20px;line-height: 32px;}

}
@media screen and (max-width:1280px){
.product-cptx-zt{ padding:0 0 10px 0;}
.product-cptx ul{ font-size: 0;}  
.product-cptx ul li{ position: static ; width: 50%; display: inline-block; vertical-align: top; margin: 0 0 10px 0;}
.product-cptx ul li:nth-child(5),.product-cptx ul li:nth-child(6),.product-cptx ul li:nth-child(7){ width: 30%; margin: 0 0 10px 0;}
}
@media screen and (max-width:980px){
.news-box-l .news-text{ position: static;}
.news-box-l .news-text h3,.news-box-r ul li h3{ font-size: 16px; margin: 0;}
.news-box-l .news-text p{ font-size: 14px;}
.news-list-c ul li{ width: 50%;}
.competition-c .dsjs-box .dsjs-tp{ width: 30%;}
}
@media screen and (max-width:768px){
.product-cptx ul{ position: static;}
.product-cptx ul li h3{ font-size: 14px; margin: 0 10px;}
.product-pt-c{ margin: 0;}
.product-pt{ border-bottom: 1px solid #ddd;}
.product-pt-l,.product-pt-r,.competition-c ul li .dsjs-l,.competition-c ul li .dsjs-r,.competition-c .dsjs-box .dsjs-tp,.aboutus-box-l,.aboutus-box-r{ width: 100%;}
.product-pt-c .box{ margin:  15px;}
.product-pt-c h3{ font-size: 22px;}
.competition-c ul li{ width: 50%; display: inline-block; vertical-align: top;}
.competition-c .dsjs-box{border-right:0; margin: 15px; padding: 0; overflow: inherit;}
.competition-c .dsjs-box .dsjs-tp{ margin: 0 0 10px 0;}
.competition-c .dsjs-box .text span a{ font-size: 14px;}
.competition-c .dsjs-box .text span a.jrgw:hover{  padding-left: 0;}
.competition-c ul li .dsjs-r dl{ padding: 15px;}
.aboutus-box .tupian{ margin: 0;}
.aboutus-box .text h1{ font-size: 20px;}
.aboutus-box .text p{ font-size: 14px; line-height: 28px;text-indent:28px;}
.aboutus-culture-box ul{ position: relative; z-index: 2; margin: 0 -15px;}
.aboutus-culture-box ul li,.aboutus-future-box ul li{ width: 100%;}
.aboutus-culture-box ul li:nth-child(1), .aboutus-culture-box ul li:nth-child(2){ padding: 0;}
.aboutus-culture-box ul li:nth-child(2n+1) .item,.aboutus-culture-box ul li:nth-child(2n+2) .item{ padding: 0;text-align: center; margin: 15px;}
.aboutus-culture-box ul li:nth-child(2n+1) .item .icon,.aboutus-culture-box ul li:nth-child(2n+2) .item .icon{ position: relative ; left: 0; right: 0; top: 0;margin-bottom: 40px;}
.aboutus-culture-box::after{ display: none;}
.aboutus-culture-box ul li p{ height: auto;}
.inside-banner{ height:160px;}
.inside-banner-c b{ font-size: 28px; height: 50px;}
.banner::after{
    top:200px;
	left:-400px;
	width:600px;
	height:700px;
}
.banner::before {
    top: -300px;
    left: -300px;
    width: 450px;
    height: 450px;
}
.header-middle{ padding: 5px 0;}
.header-middle .header-logo,.top-fixed.header-middle .header-logo{height: 40px;max-width: 30%;}
.banner-c { padding: 60px 0 0 0;}
.banner-text h1{ font-size:30px;line-height: 40px;font-weight: normal;}
.banner-text p{ font-size: 18px;line-height: 24px;}
.banner-text h1::after {
    right: -20%;
    top: 5px;
    width: 20%;
    background-size: 90%;
}
.index-p{ padding:40px 0;}
.news-t h2, .key-products-t h2{font-size: 26px;}
.news-box-l,.news-box-r{ width: 100%; margin: 0;}
.news-box-r ul li,
.news-box-r ul li+li {
    margin-top: 16px;
}

.news-box-l .news-text h3{
    line-height: 20px;
    height: 20px;
-webkit-line-clamp: 1;
margin-bottom: 6px;
}

.news-box-l .news-text p,.news-box-r ul li p{ font-size: 12px; line-height: 18px;height: 36px;}
.news-box-l .news-text-nei {padding: 12px 100px 12px 14px;}
.news-box-l .time {font-size: 16px;    padding: 10px 14px;}
.news-box-l .time b {font-size: 55px;line-height: 55px; margin: 0;}



.news-box-tj,.news-box-r ul{padding: 0; margin: 0;}
.news-box-r ul li .time b{ font-size:42px; line-height:44px; height:44px;}
.aboutus-d,.aboutus-d.culture,.news-details,.news-list,.competition{ padding: 40px 0;}
.news-list-c ul li .item h3{
    height: auto;
    text-overflow: inherit;
    white-space: inherit;
}
.news-details-box .th h1{ font-size: 18px; line-height: 24px;}
.news-details-box{ padding: 15px;}

.skill-competition-box ul{ margin: -8px;}
.skill-competition-box ul li{ width: 50%;}
.skill-competition-box ul li .item{ margin: 8px;}
.skill-competition-box ul li h3{ -webkit-line-clamp: 2;}
.key-products-box2 ul{display: block; font-size: 0; margin: -10px;}
.key-products-box2 ul li { width: 50%;}
.key-products-box2 ul li .item{ margin: 10px;}
.news-list-c ul{ margin: -15px 0;}
.news-list-c ul li{ width: 100%;}
.news-list-c ul li .item{ padding: 20px; margin: 10px 0;}
.footer-nav ul{ margin: 0 -8px;}
.footer-nav ul li{ margin: 0 10px;}
.footer-box{ padding: 0;}
.footer-box .footer-logo,.footer-rq{ position:static; margin-bottom:20px;}

.cbpf-lx{right: 0; bottom: 0; z-index: 1; width: 100%;}
.cbpf-lx ul{ font-size: 0;}
.cbpf-lx ul li{ width: 50%; display: inline-block; vertical-align: top;}
.cbpf-lx ul li .icon { width: 100%; height: 44px; line-height: 44px; margin: 0;}
.cbpf-lx ul li .yc{ right: inherit; top: inherit; left: 0; bottom: 40px; width: 100%; text-align: center; display: none;}
.cbpf-lx ul li:hover .yc{ display: block;}

.cbpf-lx ul li:hover .yc{width: 100%; padding: 10px;}
.footer .dibu{  padding-bottom: 40px;}

.footer .dibu p{padding: 10px 0;}

.pop-ups{ width: 90%; left: 5%; margin: 0; height: 300px;}
.pop-ups-c{ padding: 20px 15px;background-size:70%;}
.pop-ups-c .th{ font-size: 22px;}
.pop-ups-c .bt{ font-size: 14px; line-height: 24px;}
.pop-ups-c .nr{ font-size: 15px; line-height: 20px;}
.pop-ups-c .nr.zy{ font-size: 22px;}

.cplb{ padding: 40px 0 30px 0;} 
.cplb-box{padding: 230px 20px 20px 20px;}
.cplb-box-l{ width: 100%; height: 230px; top: 0; left: 0; bottom: auto;}
.cplb-box-r{ margin: 20px 0 0 0;}
.cplb-box-r ul li:nth-last-child(1), .cplb-box-r ul li:nth-last-child(2), .cplb-box dl dd:nth-last-child(1), .cplb-box dl dd:nth-last-child(2) {
    margin-bottom: 10px;
}

}
@media screen and (max-width:768px){.competition-c ul li{ width: 100%;}.news-table01 table{ font-size: 10px;}.news-table01 table span{ display: block;white-space:nowrap;}}
@media screen and (max-width:480px){
.banner::after{
    top:160px;
	left:-400px;
	width:500px;
	height:700px;
}
.banner-text h1{ font-size:20px; color:#fff; line-height: 30px;}
.banner-text p{ font-size: 14px; color:#fff; line-height: 20px;}
.banner-text span a{ padding: 0 15px;font-size: 16px;line-height: 40px;}
.skill-competition-box ul li,.key-products-box2 ul li,.cplb-box-r ul li, .cplb-box dl dd{ width: 100%;}

}


.home-banner .swiper-img {
    width: 100vw;
    height: 27.08vw;
}

/* 移动端下裁掉两边，让主要内容居中 */
@media screen and (max-width:768px) {
    .home-banner {
        width: 100vw;
        height: 40.62vw;
    }

    .swiper-slide {
        overflow: hidden;
    }

    .home-banner .swiper-img {
        width: 150vw;
        height: 40.62vw;
        position: relative;
        left: -25vw;
    }
}

.home-banner .swiper-pagination {
    width: auto;
    left: 48px;
    bottom: 24px;
}

.home-banner .swiper-pagination-bullet {
    width: 12px;
    height: 6px;
    border-radius: 6px;
    background: #cdd9e4;
    opacity: 1;
    transition: all 0.3s ease-in-out;
}

.home-banner .swiper-pagination-bullet-active {
    width: 40px;
    background-color: #ff9149;
    opacity: 1;
}

.home-banner .swiper-button-prev,
.home-banner .swiper-button-next {
    width: 60px;
    height: 60px;
    background-image: url(../images/ic_banner_arrow_left.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.home-banner .swiper-button-prev:after,
.home-banner .swiper-button-next:after {
    content: none;
}
.home-banner .swiper-button-prev {
    left: 36px;
}
.home-banner .swiper-button-next {
    background-image: url(../images/ic_banner_arrow_right.png);
    right: 36px;
}

@media screen and (max-width:480px) {
    .home-banner .swiper-pagination {
        left: 24px;
        bottom: 12px;
    }

    .home-banner .swiper-button-prev,
    .home-banner .swiper-button-next {
        width: 30px;
        height: 30px;
    }

    .home-banner .swiper-button-prev {
        left: 18px;
    }

    .home-banner .swiper-button-next {
        right: 18px;
    }
}