* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
 overflow-x:hidden;position:relative;z-index:-2;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;z-index:2;}
@media(min-width:768px) {
	body{font-size:1.4rem;}
}
@media(min-width:992px) {
	body{font-size:1.6rem;}
	.container {max-width:95%;}
}
@media(min-width:1200px) {
	 
	.container {max-width:1200px !important;position:relative; padding:0;}
	
}
a {transition:.3s all; color: #333}
a:hover {transition:.3s all;text-decoration: none;  }
em,i {font-style:normal;}
.f_left {
	float: left;
}
.f_right {
	float: right;
}
.clear {
	clear: both;
}
.relative {
	position: relative;
}
.absolute {
	position: absolute;
}
ul {
	list-style: none;
}
li {
	list-style-type: none;
}
.hd {
	height: 10px;
}
.c_b td {
	border: #000 1px solid;
}
.en {
	font-family: Arial, Helvetica, sans-serif;
}
.meta {
	height: 40px;
	line-height: 40px;
	border-bottom: 1px #CCCCCC dotted;
}
.xs {
	display: none;
}
.active {
	display: block;
}
ol, ul, li {
	list-style-type: none;
	text-align: justify;
	text-justify: inter-ideograph;
}
.line {
	border-bottom: 1px dotted #dedede;
	height: 2px;
	margin: 10px 0;
}
#ad {
	height: 34px;
	line-height: 34px;
}
input {
	border: 1px #dadada solid;
	color: #4b4b4b;
	font-family: 'Microsoft Yahei';
	outline: none;
}
.end_message #form1 input {
	color: #FFF
}
input:hover, textarea:hover {
	background: #CCC;
	outline: none
}
textarea {
	border: 1px #dadada solid;
	background: #efefef;
	padding-left: 10px;
}
img {
    max-width: 100%;
}


.fitcover-img{width: 100%;height: 100%;object-fit: cover;}
.img-cover-4by3{height: 0;width: 100%;padding-bottom: 75%;overflow: hidden;position: relative; }
.img-cover-3by2{height: 0;width: 100%;padding-bottom: 66.667%;overflow: hidden;position: relative; }
.img-cover img{ max-width:100%; max-height:100%; position: absolute;margin: auto;top: 0;bottom: 0; left: 0; right: 0;}
.abs-center{ margin:auto; left: 0; right: 0; top: 0; bottom: 0; position: absolute;}
.hd{ height:10px;}

 
 
.index-title-ys .t-font {
    font-size: 38px;

 
    font-weight: 100;
    white-space: nowrap;
    font-weight: 100;
    color: #fff;
	box-sizing:border-box;
}
	 

/*top*/
.top-up {
    background: #f4f5f8;
    height: 40px;
    line-height: 40px;
    width: 100%;
    color: #474747;
  
	font-size:14px;
}
.top-up b{ font-size:18px; padding:0 15px 0 0; color:#e30030}
.top-up span{ display:block;}
.top-tel{   float:right;}
.top-tel a{ color:#474747}
.top-tel a:hover{ color:#e30030}
.top-tel a i{width:27px; height:17px; display:block; float:right; margin:10px 5px 0;}
.top-tel a:nth-of-type(1) i{ background:url(../img/chiese.jpg) no-repeat left top;  }
.top-tel a:nth-of-type(2) i{ background:url(../img/english.jpg) no-repeat left top;  }

.header .logo{  float:left; position:relative }
.header .logo img{ max-width:100%}


@media (min-width: 1200px) { 
.header .row {
    height: 106px;
}
.header .logo:after{ position:absolute; content:""; height:70px; width:1px; left:65%; border-right:1px #d7d7d7 solid}


 }

.header-nav{   line-height:106px;   justify-content: space-between;}
.header-nav li{ display:block; float:left; flex: 1; text-align:center;align-items:center}
.header-nav li a{ display:block; width:100%; padding:0 20px; color:#666; transition:all 0.5s; font-size:16px;}
.header-nav li a:hover{ background:#e30030; color:#fff; text-decoration:none}
.nav-btn-all{ position:absolute; top:20px; right:15px;}

#flash {overflow:hidden;}
.flash-box {width:600px;position:relative;left:50%;top:0;transform:translateX(-50%);}
.flash-box img {max-width:100%;}

@media (min-width:520px)  {.flash-box {width:768px;} }
@media (min-width:768px)  {.flash-box {width:1000px;}}
@media (min-width:992px)  {.flash-box {width:1440px;}}
@media (min-width:1440px) {.flash-box {width:1920px;}}


/*绿色环保*/
.lvhuanbo{ padding:75px 0 25px;}
.index-title{ width:100%; position:relative; text-align:center;display:flex;justify-content: space-around;}
.index-title .t-font {font-size:26px;font-weight:bold;padding:0 50px;white-space: nowrap;font-weight:100; }
.index-title:after{ content:""; position:absolute; height:2px; background:#d1d1d1; width:67px; top:45%; left:13%}
.index-title:before{ content:""; position:absolute; height:2px; background:#d1d1d1; width:67px; top:45%; left:65%}
.index-title em:first-child{display: block;
    height: 2px;
    width: 31px;
    background: #ec5900;
    top:45%; left:25%; position:absolute; z-index:9}
.index-title em:last-child{display: block;
    height: 2px;
    width: 31px;
    background: #ec5900;
    top:45%; left:70%; position:absolute; z-index:9
	}
@media (min-width:1200px){ 
.index-title .t-font {font-size:48px;font-weight:bold;padding:0 50px;white-space: nowrap;font-weight:100; }
.index-title:after{ content:""; position:absolute; height:2px; background:#d1d1d1; width:67px; top:45%; left:30%}
.index-title:before{ content:""; position:absolute; height:2px; background:#d1d1d1; width:67px; top:45%; left:65%}
.index-title em:first-child{display: block;
    height: 2px;
    width: 31px;
    background: #ec5900;
    top:45%; left:28%; position:absolute; z-index:9}
.index-title em:last-child{display: block;
    height: 2px;
    width: 31px;
    background: #ec5900;
    top:45%; left:70%; position:absolute; z-index:9
	}
}

@media(max-width:768px) {
	.lvhuanbo{ padding:25px 0 10px;}
	 
  	.index-title:after{ content:""; position:absolute; height:2px; background:#d1d1d1; width:67px; top:45%; left:14%}
	 .index-title:before{ content:""; position:absolute; height:2px; background:#d1d1d1; width:67px; top:45%; left:68%}
	 .index-title em:first-child{display: block;
    height: 2px;
    width: 31px;
    background: #ec5900;
    top:45%; left:12%; position:absolute; z-index:9}
.index-title em:last-child{display: block;
    height: 2px;
    width: 31px;
    background: #ec5900;
    top:45%; left:78%; position:absolute; z-index:9
	}
}

.index-lv-content{ display: flex; width: 100%; padding:60px 0; justify-content: space-between;}
.lv-slide{  box-sizing:border-box; flex:1;position:relative;text-align:center; padding:0 20px 0 0;}
.lv-slide i{ height:72px;display:inline-block;  margin-bottom:24px;}
.lv-slide span{ margin-left:10px; display:inline-block; vertical-align:middle; font-size:48px; font-weight:100; alignment-adjust:middle;}
.lv-slide p{ color:#7f7f7f; font-size:16px; line-height:25px;}
 @media(max-width:768px) {
  .index-lv-content {flex-flow:row wrap;}
  .lv-slide {margin-bottom:10px; flex-basis:50%; }
  .lv-slide p{ color:#7f7f7f; font-size:16px; line-height:25px; display:block; width:100%}
  .index-lv-content .lv-slide:nth-last-of-type(1){ flex-basis:100%;}
  .lv-slide span{ margin-left:10px; display:inline-block; vertical-align:middle; font-size:26px; font-weight:100; alignment-adjust:middle;}
}



/*设备*/
.index-shebei{ background:url(../img/index-sb-bj.jpg) no-repeat center top; padding:50px 0; box-sizing:border-box; background-size:cover}
.index-title-shebei{ width:100%; position:relative; text-align:center; }
.index-title-shebei .t-font {font-size:20px;font-weight:bold;white-space: nowrap;font-weight:100;box-sizing:border-box}

	
	 @media(min-width:1000px) {
	  .index-title-shebei .t-font {font-size:48px;font-weight:bold;padding:0 80px;white-space: nowrap;font-weight:100; }
	  .index-title-shebei:after{ content:""; position:absolute; height:2px; background:#d1d1d1; width:67px; top:45%; left:5%}
.index-title-shebei:before{ content:""; position:absolute; height:2px; background:#d1d1d1; width:67px; top:45%; left:88%}
.index-title-shebei em:first-child{display: block;
    height: 2px;
    width: 31px;
    background: #ec5900;
    top:45%; left:3%; position:absolute; z-index:9}
.index-title-shebei em:last-child{display: block;
    height: 2px;
    width: 31px;
    background: #ec5900;
    top:45%; 
	left:92%; 
	position:absolute; 
	z-index:9;
	}
	 
	  .shebei-content{flex-flow:row wrap; box-sizing:border-box}
	  .shebei-slide {    box-sizing:border-box;}
	  .shebei-slide img{ width:100%}
	  .shebei-slide p{ color:#fff; font-size:16px;  display:block; width:100%;}  
	  
}



 .shebei-content{ width: 100%; padding:40px 10px 10px; justify-content: space-between; box-sizing:border-box}
 .shebei-slide{ background:#F00; position:relative; overflow:hidden; text-align:center; width:100%; box-sizing:border-box; }
  .shebei-slide a{ display:block; width:100%; height:100%; box-sizing:border-box}
 .shebei-slide p{ position:absolute; bottom:-15px;left:0; height:50px; font-size:16px; line-height:50px; background:rgba(0,0,0,0.5); color:#fff;font-size:16px;  display:block; width:100%; transition:0.5s}
 
 .shebei-slide img{ transition:.5s all; left:0; top:0}  
 .shebei-slide:hover img{ transform:scale(1.1)}
 .shebei-slide:hover p{background:rgba(0,0,0,0.7); }
 .shebei-slide .type-down {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ec5900;
    text-align: center;
    transition: all .3s ease;
    opacity: 0;
}
.shebei-slide a:hover .type-down { opacity: 1;}
.shebei-slide .type-down i {
    display: block;
    width: 130px;
    height: 35px;
    margin: 0 auto;
    line-height: 35px;
    text-align: center;
    border: 1px solid #fff;
    font-size: 12px;
    color: #fff;
    font-style: normal;
    position: relative;
}
.shebei-slide .type-down i:after {
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	content: ' '
}

.shebei-slide  .type-down i:after {
	position: absolute;
	top: 13px;
	right: 25px;
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-left: 5px;
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg)
}
@keyframes arr-swing {
0%, 100% {
transform:translateX(0) rotate(-135deg)
}
50% {
transform:translateX(10px) rotate(-135deg)
}
}
.shebei-slide:hover .type-down i:after {
	animation: arr-swing .3s ease 1 .3s;
	-webkit-animation: arr-swing .3s ease 1 .3s;
	-moz-animation: arr-swing .3s ease 1 .3s
}
.shebei-slide .type-down strong {
    display: block;
    margin-top: 65px;
    margin-bottom: 22px;
    font-size: 16px;
    color: #fff;
}
 
.more-all{ border:1px #979797 solid; height:48px; line-height:48px; width:255px; margin:0 auto; font-size:14px; color:#4a4a4a; text-transform:uppercase; text-align:center;}
.more-all:hover{ background:#fe8200;border:1px #fe8200 solid; color:#fff;letter-spacing:0.5rem; font-size:16ppx;}

/*优势*/
.index-ys{ background:url(../img/index-ys-bj.png) no-repeat center top; background-size:cover; padding:70px 0; box-sizing:border-box}
.index-title-ys{  position:relative; text-align:center;display:flex;justify-content: space-around;}
 @media(min-width:1200px) {
.index-title-ys .t-font {font-size:48px;padding:0 50px; font-weight:100;white-space: nowrap;font-weight:100; color:#fff ; box-sizing:border-box}
.index-title-ys .t-font b{font-weight:bold;}
.index-title-ys:after{ content:""; position:absolute; height:2px; background:#fff; width:90px; top:48%; left:15%}
.index-title-ys:before{ content:""; position:absolute; height:2px; background:#fff; width:90px; top:48%; left:75%}
.index-title-ys em:first-child{display: block;
    height: 2px;
    width: 31px;
    background: #ec5900;
    top:48%; left:14%; position:absolute; z-index:9}
.index-title-ys em:last-child{display: block;
    height: 2px;
    width: 31px;
    background: #ec5900;
    top:48%; 
	left:81%; 
	position:absolute; 
	z-index:9;
	}
 }

	
.ys-content{ padding:40px 20px 30px; box-sizing:border-box; }
.ys-slide{  width:50%; position:relative;display: flex; padding:10px 0 180px 10px; box-sizing:border-box;}
.ys-slide span{ color:#fff; opacity:0.4; font-family:impact; font-size:70px; text-align:left; display:block;}
.ys-slide p:nth-of-type(1){ font-size:22px; color:#fff; position:absolute; top:46px;left:12px;}
.ys-slide div.ys-mess-all{padding:20px 0 0 0;font-size:22px; width:90%; color:#fff; line-height:40px; 
	overflow:hidden; position:absolute;left:10px;top:98px;  }
@media (min-width: 992px){
	.ys-slide span{ color:#fff; opacity:0.4; font-family:impact; font-size:70px; text-align:left; display:block;}
.ys-slide:nth-of-type(2n){ padding:0 0 0 100px;}
.ys-slide:nth-of-type(2n) p:nth-of-type(1){ font-size:38px; color:#fff; position:absolute; top:46px;left:112px;}
.ys-slide:nth-of-type(2n) div:nth-of-type(1){ font-size: width:90%; color:#fff;   overflow:hidden; position:absolute;left:100px;top:98px;}

 .ys-slide p:nth-of-type(1){ font-size:38px; color:#fff; position:absolute; top:46px;left:12px;}
} 
@media (max-width: 768px){
	.ys-slide{  width:100%; position:relative;  padding:0 0 50px 0px;}
	 .ys-slide p:nth-of-type(1){ font-size:30px; color:#fff; position:absolute; top:46px;left:12px;}
	 .ys-slide:nth-of-type(2n) p:nth-of-type(1){ font-size:30px; color:#fff; position:absolute; top:46px;left:0px;}
.ys-slide div.ys-mess-all{padding:20px 0 0 0;font-size:16px; width:90%; color:#fff; line-height:30px; 
	overflow:hidden; position:absolute;left:10px;top:98px;  }

 }

/*关于我们*/
 
.about-content{box-sizing: border-box; padding:38px 0 0 30px;}
.about-content p:nth-child(1){ font-size:30px; font-weight: bold; }
.about-content p:nth-child(2){ font-size: 18px; line-height: 50px; position: relative; }
.about-content p:nth-child(2):after{ content: ""; position: absolute; bottom:-10px; height: 2px; width: 55px; background: #e30030; left: 0; transition: all 0.5s }
.about-content:hover p:nth-child(2):after{ width: 50% }
.about-content-font{ font-size: 14px;  color: #929292; line-height: 30px;}
.num-all{ display: flex; justify-content:space-between; box-sizing: border-box; padding:10px; width: 100%}
.num-slide:nth-of-type(1) span:nth-of-type(1){ font-size: 48px; color: #e30030; font-family: arial; font-weight: bold;}
.num-slide span:nth-of-type(1){ font-size: 48px; color: #434236; font-family: arial; font-weight: bold;}
.num-slide b:nth-of-type(1){ color: #a2a2a2; font-size: 14px; }
.num-slide p{ font-size: 16px; color: #4f4f4f; box-sizing:border-box; line-height: 15px; text-align: center;}

@media (max-width: 768px){

	.num-slide:nth-of-type(1) span:nth-of-type(1){ font-size: 28px; color: #e30030; font-family: arial; font-weight: bold;}
.num-slide span:nth-of-type(1){ font-size: 28px; color: #434236; font-family: arial; font-weight: bold;}
.num-slide b:nth-of-type(1){ color: #a2a2a2; font-size: 14px; }
.num-slide p{ font-size: 16px; color: #4f4f4f; box-sizing:border-box; line-height: 15px; text-align: center;}
}
/*新闻信息*/
.index-news{ background: #f1f1f1; height: auto; overflow: hidden; padding-bottom: 50px;}
.news-content-all{flex-flow:row wrap; box-sizing: border-box; display: flex; justify-content:space-around; width: 100%; padding:40px 0; }
 
.news-slide span{ display: block; overflow: hidden; background:#fff; vertical-align:middle}
.news-slide span img{ transition: all 0.5s; }
.news-slide a{ color: #333 }
.news-slide p:nth-of-type(1){ font-size: 24px; font-weight: bold; padding:10px 0 0 0; white-space : nowrap; overflow:hidden; }
.news-slide a:hover img{ transform: scale(1.1); }
.news-content-font{ font-size: 14px; line-height: 25px; }
.news-slide a:hover p:nth-of-type(1){ text-decoration: none; color: #333 }
.news-slide a:hover .news-content-font{text-decoration: none; color: #999 }

/* 合作案例*/
 
.link-content{ justify-content: space-between; width: 100%; text-align: center;}
.link-content img{ transition: 0.5s all; cursor: pointer; }
.links-slide{ display: inline-block; width: 7%; }
.links-slide:hover img{ transform: scale(1.5); }
.links-slide img{ width: 100% }
@media (max-width: 768px){

.links-slide{ display:block; float: left; width: 25%; padding: 10px;}	

}
/*版权*/
.footer{ background: #7a808c; padding-top: 44px; }
.end-logo i img{ width: 100% }
.end-company-name{ margin: 0 0 0 10px; }
.end-company-name p:nth-child(1){ font-size: 18px; color: #e6e6e6; line-height: 30px; margin: 0; padding-top: 10px;}
.end-company-name p:nth-child(2){ font-size: 10px; color: #e6e6e6; text-transform: uppercase; line-height: 15px; }
.end-scan{ width: 100%;  }
.end-scan img{ margin: 0 85px; } 
}
   
  
.footer-center{justify-content: space-between;box-sizing: border-box; 
  display: flex; position: relative;}
  @media(min-width: 1200px){
.footer-center:after{ position: absolute; content: ""; height: 200px; width: 1px; background: #9599a3;left: 0; top: 0 }
.footer-center:before{ position: absolute; content: ""; height: 200px; width: 1px; background: #9599a3;right: 10px; top: 0 }
 }
 .footer-center p:nth-child(1){ font-size: 20px;  padding-bottom: 10px; color: #fff; position: relative; border-bottom: 1px #505050 solid}
.footer-center p:nth-child(1):after{ content: ""; position: absolute; height: 2px; width: 100%; background: #ec5800; width: 45px; left: 0; bottom:-1px;}
.footer-center a{ width: 45%; float: left; display: block; color: #fff; font-size: 14px; line-height: 30px;}

.footer-right{justify-content: space-between;box-sizing: border-box; 
   display: flex; position: relative;}
 .footer-right p:nth-child(1){ font-size: 20px;  padding-bottom: 10px; color: #fff; position: relative; border-bottom: 1px #505050 solid}
.footer-right p:nth-child(1):after{ content: ""; position: absolute; height: 2px; width: 100%; background: #ec5800; width: 45px; left: 0; bottom:-1px;}
.footer-right p:nth-child(n+2){ font-size: 14px; color: #fff }

.footer-copy{border-top: 1px #9599a3 solid; width: 100% ; line-height: 50px; font-size: 14px; color: #fff;  width:100%;  text-align: center;
}
.footer-copy a{ color: #fff } 
@media(max-width: 768px){ .footer-copy a{ display: none}}
#mheader{opacity:0;position: fixed; width: 100%; top:0;bottom:0;height:100vh;padding: 20px 0px; z-index: -1; transition: all 0.3s;}
.mlogo{ float: left; width:40%; margin-left: 15px;}
.mlogo img{ width: 100%; }
.navigation-is-visible div.nav-trigger{display:block;color:#fff;z-index:99;font-size:36px; width: 32px;position: absolute;top:25px;left:15px;}
.navigation-is-visible #mheader {opacity: 1;z-index: 999;}
.nav_transform1{position:absolute;top:0;bottom:0; left:20%; display: none; z-index:20;overflow-y:scroll; padding:20px 10px;width:80%;border:0;background:#FFFFFF; text-transform:none; overflow-scrolling:touch;}
.nav_transform1{transition:-webkit-transform .3s cubic-bezier(.86,0,.07,1);transition:transform .3s cubic-bezier(.86,0,.07,1);}
.navigation-is-visible .nav_transform1{display:block; -webkit-transform:none;transform:none; }
.nav-overlay{position:fixed;top:0;left:50%; margin-left:-375px; z-index:10;width:750px;height:100vh;background:rgba(0,0,0,.6);opacity:0;transition:opacity .3s linear;pointer-events:none;}
.navigation-is-visible .nav-overlay{opacity:1;pointer-events:auto;}
.navp1{ padding: 15px 0px;text-align: center;    /*background: #0069a0;  */}
.navp1 img{ max-width: 60%; }
.navp2{ padding-left: 30px;padding-top:20px; font-size: 1.4rem;}
.navp2 b{ font-size: 1.6rem; color: #D80100; }
.navul{ width: 90%; margin: 15px auto 25px;}
.nav-item{position: relative; margin-bottom: 5px; }
.nav-item p{overflow: hidden;line-height: 40px;max-height:40px; font-size: 16px; padding: 0px 10px;}
.nav-item p i{ float: right; margin-top:11px; font-size:16px; color: #666;}
.nav-item.nav-show{border-bottom: none;}
.nav-item .msub{display:none; background:#f1f1f1; padding: 0px 16px; overflow:hidden; }
.nav-item .msub a{ line-height: 2; margin-bottom:5px; font-size:14px; display: block;}
.nav-item .msub a.on{ color:#D80100;}
.nav-item.nav-show .msub{display: block;}
.nav-item p a{ float: left; }
.nav-show p i{transform:rotate(90deg);}
.nav-show.nav-item>p{ background:#f1f1f1;}
.nav-show>a:before,.nav-item>a:hover:before{opacity:1;}
.navseach{ overflow: hidden; margin-top: 25px; }
.navseach_text{ width: 180px; padding: 0px 15px; margin-left: 15px; height: 32px; line-height: 32px; border: solid 1px #dedede; float: left;}
.navseach_btn{ width: 75px; height: 32px; line-height: 32px; float: left; margin-left: 8px; background: #D80100; color: #fff; border-radius: 15px; }
#mheader.down{ position: fixed; top: 0px; padding: 10px 0px; background: rgba(0,0,0,0.8); }



/*数量*/
.index-title-zhuanli{ width:100%; position:relative; text-align:center; justify-content: space-around;}
.index-title-zhuanli .t-font {font-size:26px;font-weight:bold; white-space: nowrap;font-weight:100; }


.index-title-zhuanli em:first-child{display: block;
    height: 2px;
    width: 31px;
    background: #ec5900;
    top:45%; left:16%; position:absolute; z-index:9}
.index-title-zhuanli em:last-child{display: block;
    height: 2px;
    width: 31px;
    background: #ec5900;
    top:45%; 
	left:83%; 
	position:absolute; 
	z-index:9;
	}
	.index-title-zhuanli b{ color: #e30030 }
	
	@media (min-width: 1200px){
 .index-title-zhuanli .t-font {font-size:48px;font-weight:bold;padding:0 20px;white-space: nowrap;font-weight:100; }
.index-title-zhuanli:after{ content:""; position:absolute; height:2px; background:#d1d1d1; width:67px; top:45%; left:18%}
.index-title-zhuanli:before{ content:""; position:absolute; height:2px; background:#d1d1d1; width:67px; top:45%; left:78%}
.index-title-zhuanli:after{ content:""; position:absolute; height:2px; background:#d1d1d1; width:67px; top:45%; left:18%}
.index-title-zhuanli:before{ content:""; position:absolute; height:2px; background:#d1d1d1; width:67px; top:45%; left:78%}



.index-title-zhuanli em:first-child{display: block;
    height: 2px;
    width: 31px;
    background: #ec5900;
    top:45%; left:16%; position:absolute; z-index:9}
.index-title-zhuanli em:last-child{display: block;
    height: 2px;
    width: 31px;
    background: #ec5900;
    top:45%; 
	left:83%; 
	position:absolute; 
	z-index:9;
	}
		}
	.zhuanli-font{ font-size: 18px; color: #5a5a5a; line-height: 50px;  }
	.zhuanli-font b{ color: #e30030; width: 20px; height: 20px; font-size:30px; display:inline-block; padding-right: 30px; }

	/* pk*/
	.pk-color{ background: #fafafa; padding:50px 0; }
	.title-two{ font-size: 16px; color: #4f4f4f; font-weight: 10; text-align: center; width: 100%;}

	 .ten-content ul .pk-2 i,.ten-content ul  .pk-3 i{ line-height: 30px; font-size: 24px; padding-top: 10px;}
	.ten-content ul .pk-4 i{ line-height: 60px; font-size: 22px; padding-top: 10px;}

	@media (min-width: 1200px){
		.title-two{ font-size: 30px; color: #4f4f4f; font-weight: 10; text-align: center; width: 100%;}
		
		.ten-content{ width: 100%; background: url(../img/PK.png) no-repeat center center;   height: 660px; position: relative; }
	.ten-content li{ padding:0 0 25px; height: 70px; width: 355px; font-size: 16px; color: #505050; position: relative;}
	.ten-content .left-PK li:after{ position: absolute; content: ""; height: 1px; border-bottom: 1px #bdb9b8 dotted; top:80%; left:0; width: 75% }
	.left-PK{ position: absolute; left: 0; top: 0 }
	.right-PK{ position: absolute; right: 0; top: 0 }
	.ten-content .left-PK  i{ position: absolute; text-align: center;  line-height: 80px; font-size: 30px; right: 0; top: 0; height: 90px; width: 90px; display: block; background: #d52129; color: #fff; border-radius: 90px; border:4px #fff solid; }
	.ten-content .left-PK .pk-1{ position: absolute;left:146px;top: 12px;}
	.ten-content .left-PK .pk-2{ position: absolute;left:0;top: 108px;}
	.ten-content .left-PK .pk-3{ position: absolute;left:0;top: 250px;}
	.ten-content .left-PK .pk-4{ position: absolute;left:0;top: 425px;}
	.ten-content .left-PK .pk-5{ position: absolute;left:146px;top: 560px;}
	.ten-content .left-PK  li:nth-child(2):before,.ten-content .left-PK  li:nth-child(3):before,.ten-content .left-PK  li:nth-child(4):before{position: absolute; content: ""; height: 2px; width: 15px; background: #d52129; right: 0;top:15px; }

	.ten-content .right-PK li{ width: 355px; text-align: right; padding-left:100px; }
	.right-PK li:after{ position: absolute; content: ""; height: 1px; border-bottom: 1px #bdb9b8 dotted; top:80%; left:25%; width: 75% }
	.ten-content .right-PK  i{ position: absolute; text-align: center;  line-height: 80px; 
		font-size: 30px; left: 0; top: 0; height: 90px; width: 90px;
	 display: block; background: #dfdfdf; color: #333; border-radius: 90px; border:4px #fff solid; }
	.ten-content .right-PK .pk-1{ position: absolute;right:146px;top: 12px;}
	.ten-content .right-PK .pk-2{ position: absolute;right:0;top: 108px;}
	.ten-content .right-PK .pk-3{ position: absolute;right:0;top: 250px; font-size: 14px;}
	.ten-content .right-PK .pk-4{ position: absolute;right:0;top: 425px;}
	.ten-content .right-PK .pk-5{ position: absolute;right:146px;top: 560px;}

}


@media (max-width: 768px){
	.ten-content{ width: 100%;}
.ten-content .left-PK li:nth-child(2):before,.ten-content .left-PK  li:nth-child(3):before,.ten-content .left-PK  li:nth-child(4):before{position: absolute; content: ""; height: 2px; width: 15px; background: #d52129; right: 0;top:15px; }
	.ten-content li{ margin-bottom: 5%;padding:2% 0 15px; margin-bottom: 5%; height: 70px; width: 100%; font-size: 16px; color: #fff; position: relative;}
	.ten-content .left-PK li:after{ position: absolute; content: ""; height: 1px; border-bottom: 1px #bdb9b8 dotted; top:80%; left:0; width: 75% }
	.left-PK{  background: #d52129;  width: 100%; position: relative; color: #fff;padding:5% 0;}
	.right-PK{ background: #7a808c;  width: 100%; position: relative; color: #fff;padding:5% 0;}
	.ten-content .left-PK  i{ position: absolute; text-align: center;  line-height: 80px; font-size: 30px; right: 0; top: 0; height: 90px; width: 90px; display: block; background: #d52129; color: #fff; border-radius: 90px; border:4px #fff solid; }
 
		.ten-content .right-PK  i{ position: absolute; text-align: center;  line-height: 80px; 
		font-size: 30px; left: 0; top: 0; height: 90px; width: 90px;
	 display: block; background: #dfdfdf; color: #333; border-radius: 90px; border:4px #fff solid; }
	 .ten-content .right-PK li{ padding-top:2%; margin-bottom: 5%; width: 90%; text-align: right; padding-left:100px; font-size: 12px;}
	.right-PK li:after{ position: absolute; content: ""; height: 1px; border-bottom: 1px #bdb9b8 dotted; top:80%; left:25%; width: 75% }

 

 }



	/*视觉*/
.index-title-shijue{ width:100%; position:relative; text-align:center;display:flex;justify-content: space-around;}
.index-title-shijue .t-font {font-size:28px;padding:0 50px;font-weight:100;white-space: nowrap;font-weight:100;color:#4a4a4a;}
.index-title-shijue .t-font b{font-weight:bold;}
	@media (min-width: 1200px){
	.index-title-shijue .t-font {font-size:48px; font-weight:100;white-space: nowrap;font-weight:100;color:#4a4a4a;}
 	.index-title-shijue:after{ content:""; position:absolute; height:2px; background:#d1d1d1; width:90px; top:48%; left:15%}
.index-title-shijue:before{ content:""; position:absolute; height:2px; background:#d1d1d1; width:90px; top:48%; left:75%}
.index-title-shijue em:first-child{display: block;
    height: 2px;
    width: 31px;
    background: #ec5900;
    top:48%; left:14%; position:absolute; z-index:9}
.index-title-shijue em:last-child{display: block;
    height: 2px;
    width: 31px;
    background: #ec5900;
    top:48%; 
	left:81%; 
	position:absolute; 
	z-index:9;
	}
 
	
	}

	.eye-font{ font-size: 20px; padding-top: 200px }
	.eye-font b {
    color: #e30030;
    width: 20px;
    height: 20px;
    font-size: 30px;
    display: inline-block;
    padding-right: 30px;
}
.eye-img p{ font-size: 18px; color: #4a4a4a; text-align: center;}
.eye-all{ position: relative; }
.eye-flower{ position: absolute; bottom: 330px;left:43%;  animation: fadeInUps 5s infinite;}
    @keyframes fadeInUps{
    0% {
      transform: translate3d(0,0,0);
    }
    50% {
      transform: translate3d(0,0px,0);
    }
    100% {
      transform: translate3d(0,0,0);
    }
    }
 


@media (max-width: 567px){
	.eye-font{ font-size: 18px; padding-top: 0px; color:#333}
 }
/*流程*/
.liucheng-content { 
    width: 100%;
 
 } 
.liucheng-content img.liu-img{  position: absolute; top:25px; left:15%;width: 151px; height: 150px;border-radius: 150px; box-shadow:1px 5px 5px #d5d5d5; }
.liucheng-slide{ width: 100%; position: relative; font-size: 16px; padding-top: 180px; text-align: center; padding-bottom:30px; white-space:nowrap }
.liucheng-slide b{ color: #bababa; font-size: 60px; position: absolute; top: -30px;left:30%;  }
.liucheng-slide div{ position: absolute; bottom: 0;left:0; width: 100%; font-size: 16px; }

.tag-dot{  margin: 80px 20px 0; width: 75px;}
.tag-dot2{ transform:rotate(180deg);margin: 80px 20px 0 20px; width: 75px; }
.tag-dot3{ transform:rotate(90deg); margin:20px 0 20px 1050px;}



.news-li{margin-bottom: 50px !important; box-sizing:border-box;}
.news-img{  overflow:hidden;background: #f8f9fa;display: -webkit-flex; display:flex;display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; height:250px;}
.news-img img{ transition: all 0.3s;}
.news-li:hover   img{ transform:scale(1.05)}
.news_li_title{ font-size:26px;color:#333}
.time_news2{ font-size:16px;color:#999}
.news_message{ font-size:16px; color:#666}
.btn{ text-align: center;; border-radius:5px; line-height:40px; margin:0 auto; color:#999; border:1px #6c757d solid; color:#6c757d; transition:all 0.3s;}
.news-li:hover .btn{ background:#6c757d; color:#fff;    transform: translateX(10px);} 

.index-current{ line-height:50px; background:#f3f3f3}
.current-font{ font-size:22px; }
.current-all-home{ font-size:16px; float:right}
.current-content{ display:flex;justify-content: space-around;}



.news-detail{ border:1px #e7e7e7 solid; padding:10px; box-sizing:border-box;}
.news-big-title{ font-size:22px; font-weight:bold}
.news-time-click{ border-bottom:1px #e7e7e7 solid; font-size:16px;}
.news-detail-content{ font-size:16px; color:#999; line-height:30px; padding:10px 0;}
.newsPage{ font-size:16px; border-top:1px #e7e7e7 solid; line-height:30px;}
 .newsPage a{color:#999}
 
 .about-content-all{ font-size:16px; line-height:35px;}
 
 .case-all li{ box-sizing:border-box;}
.case-all li a span:nth-of-type(1){ overflow:hidden; display:block; }
.case-all li a img{   transition:all 0.5s; margin-bottom:20px;}
.case-all a:hover img{ transform:scale(1.05); margin-bottom:20px;}
.case-all a p:nth-child(1){ font-size:16px; font-weight:bold;}
 .case-all a div:nth-of-type(1){ font-size:14px; padding:10px 0;}
 .case-all a:hover .btn{ background:#6c757d; color:#fff;    transform: translateX(10px);} 
 
 @media(min-width: 992px){
.case-ys-slide{ font-size: 20px; color: #666; vertical-align: middle;; line-height: 50px; margin-bottom: 5px; box-sizing: border-box; border-bottom:1px dotted #999; border-top:1px dotted #999;  padding:10px 0; }
}
.case-ys-slide i{ display: inline-block; background: #ea011a; height: 10px; width: 10px; border-radius:10px; margin-right: 10px; }
@media(max-width: 768px){
.case-ys-slide:nth-child(1),.case-ys-slide:nth-child(2){ font-size: 18px; color: #666; vertical-align: middle;
 line-height: 50px; margin-bottom: 5px; box-sizing: border-box; 
 
 border-top:1px dotted #999;  
 padding:10px 0; }	


 .case-ys-slide:nth-child(n+3){ font-size:18px; color: #666; vertical-align: middle;
 line-height: 50px; margin-bottom: 5px; box-sizing: border-box; 
 
 border-bottom:1px dotted #999;  
 padding:10px 0; }	


}


/*人力资源*/
#jobs_title{ background: #999; text-align: left; justify-content: space-between; font-weight: bold;; font-size: 18px; line-height: 30px; color: #fff}
.job_name{ border-bottom: 1px solid #eee; text-align: left;justify-content: color: #999;  
	justify-content: space-between; flex:1; font-size: 16px; line-height: 30px; }
.job_name h3{ color: #999; font-weight: bold; font-size: 16px; }
.job_nr{ font-size: 16px; line-height: 30px; background: #eee; display: none; }
.job_name p:nth-last-of-type(1){ width: 10%; background: #ff9d2a; color: #fff; border-radius: 5px; padding: 0 5px; text-align: center; }
 #jobs_title div:nth-last-of-type(1){ width: 10%; text-align: center;   }
#jobs_title div { width: 20%}
.job_name p{ width: 20% }
.job_nr a{ text-align: center; display: inline-block; margin:0 auto;border-radius: 5px;background: #004197; color: #fff; width: 30% }
.job_nr a:hover{ box-shadow: 10px 10px 20px #004197 }
@media(max-width: 768px){
	#jobs_title{ font-size: 12px; }
	.job_name{ font-size: 12px; }
	.job_name p:nth-last-of-type(1){ width:20%; background: #ff9d2a; color: #fff; 
		border-radius: 5px; padding: 0 5px; text-align: center; }
		 #jobs_title div:nth-last-of-type(1){ width: 20%; text-align: center;   }
}


.apply-job{ font-size: 16px; }
.tr-title{ font-size: 16px; font-weight: bold; text-align: right;}
.tr-cont{ font-size: 16px;margin-bottom:15px;  }

#formData .write {

    background: url(../img/write.png) right center no-repeat #fff;
    padding-right: 30px !important;
    border: 1px #eee solid;
    font-size: 14px;
}
 .submit{   text-align: center;
    display: inline-block;
    margin: 0 auto;
    border-radius: 5px;
    background: #004197;
    color: #fff;
    width: 30%;
}
 .submit:hover{box-shadow: 10px 10px 20px #004197; color: #fff}
 .job-title-2{ font-size: 16px; color: #5b5b5b}

/*面料*/
.m-title{ font-size: 30px; color: #343434 }
 
.mianliao-all,.prolist-all,.qianwei-all,.biaozhun-all{ text-align: center; }
.mianliao-all div.img-m{ display: inline-block; width:10%; font-size: 14px;}
.prolist-all div.img-m{ display: inline-block; width:15%; font-size: 14px;  }
.prolist-all div.img-m img{ height: 70px }
.qianwei-all div.img-m{ display: inline-block; width:10%; font-size: 14px;  }
.biaozhun-all div.img-m{ display: inline-block; width:11%; font-size: 14px;  }
div.img-m p{ padding-top: 5px; }
@media(max-width: 768px){
	.m-title{ font-size:22px; color: #343434 }
	.mianliao-all div.img-m,.qianwei-all div.img-m,.biaozhun-all div.img-m{ display:  block; float: left; padding: 5px; width:25%; font-size: 14px;text-align: center; } 
	 .prolist-all div.img-m{ display:  block; float: left; width:48%; font-size: 14px;text-align: center; padding: 5px;}

}



