/**-----------pc---------------------**/
/**-----------start---------------------**/
body{font-size:1.6rem;}
.pc {display:none}
.btnpublic{display:inline-block; background: #f28f1a; color:#ffffff;border: none; padding:0 30px;line-height: 45px; cursor:pointer;font-family:Oswald; }
.btnpublic:hover {background-color: #f7b900;color: white;}
.btnquote{display:inline-block; background: #FFC425; color:#333;border: none; padding:0 30px;line-height: 45px; cursor:pointer;font-family:jost;font-weight: bold;}
.btnquote:hover {background-color: #f7b900;color: white;}
header .logo{display:flex;display:-webkit-flex;align-items:center;justify-content:space-between;height: 60px;background:#454545;padding-left: 10px; }
header .logo .logoleft{display:flex;display:-webkit-flex;}
header .logo .logoleft img{margin-right: 15px;height:30px;}
header .logo .logoleft p{font-size: 16px; color: #777;font-family: Rubik;}
header .logo .logoleft em{font-size: 19px;color: #555;}
.drawer-hamburger {padding:13px .75rem 30px; right:0; top:5px;}
.drawer--right .drawer-hamburger, .drawer--right.drawer-open .drawer-nav, .drawer--right.drawer-open .drawer-navbar .drawer-hamburger { z-index: 9999;}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before { background-color: #fff;}
.navigation {z-index:9999;position: fixed; right: 0;}
.drawer-nav {background:#454545; padding-top:2rem; }
.drawer-nav li { border-bottom:1px solid #606060; padding-left:2rem; line-height:3rem;}
.drawer-nav li a{color:#FFF; font-size:1.4rem;}
.drawer-nav li a:hover{color:#f28f1a;text-decoration:none;}
.drawer-nav .lay_draw_logo{width: 100px;padding-left: 1.5rem;margin-bottom: 20px;}
.drawer-nav .addinfo{margin-top: 20px;padding-right:2rem;}
.drawer-nav .addinfo a{display: inline-block;font-size: 12px;padding-left:0.5rem;}
.drawer-nav .addinfo a i{ top:3px; position:relative;margin-right: 2px;}

.lpbanner .lpbancontent {display:flex;display:-webkit-flex;align-items:center; padding:70px 0; }
	.lpbanner .lpbancontent h1{font-size: 24px; margin-bottom: 20px;padding: 0 10px;}
.lpbanner .lpbancontent .lpbantxt{color: #ffffff;padding: 0 10px;}
.lpbanner .lpbancontent .lpbantxt h2{font-size:24px;font-family: Oswald,sans-serif;margin-bottom: 5px;}
.lpbanner .lpbancontent .lpbantxt h3{font-size:40px;font-family: Oswald,sans-serif;margin-bottom: 10px;}
.lpbanner .lpbancontent .lpbantxt ul{list-style:disc; margin-left: 38px;}
.lpbanner .lpbancontent .lpbantxt li{font-size:16px;font-family: Oswald,sans-serif;}
.lpbanner .lpbancontent .lpbantxt li i{ font-size:1.6rem; top:2px; position:relative;}
.lpbanner .lpbancontent .lpbantxt .btnmore{margin-top: 20px;font-size: 12px;}
.btnban {display:inline-block; background: #f28f1a; color: white;border: none; border-radius: 5px;font-size:16px; padding:0 15px;line-height: 35px; cursor:pointer; }
.btnhong {display:inline-block; background: #f7b900; color: white;border: none; border-radius: 5px;font-size:16px; padding:0 15px;line-height: 40px; cursor:pointer; }
.btnbai{ display:inline-block; border: 1px solid #fff; color:#FFF; margin-left: 10px; line-height:32px;padding:0 15px;text-align:center;margin-top: 20px; }	
.btnban:hover {background-color: #f7b900;color: white;}
	.lpbanner .lpbancontent .lpform{width: 320px; padding: 3rem 5rem; background:rgba(0,0,0,.6);border-radius: 15px;margin-left: auto;}
	
	.lpbanner .lpbancontent .lpform .form h1{ margin-bottom:20px;}
.lpbanner .lpbancontent .lpform .form{ width:100%;}
.lpbanner .lpbancontent .lpform .form div input {width: 93%; height: 40px;padding-left: 20px;}
.lpbanner .lpbancontent .lpform .form textarea { width:93%;padding-left: 20px;padding-top: 10px;height: 100px; }
.lpbanner .lpbancontent .lpform .form span {height:20px; display:block;}
.lpbanner .lpbancontent .lpform .form .req-btn {width:100%;background: #f7b900; color: white;border: none; border-radius: 5px;font-size:18px; font-weight:bold; padding: 15px 50px;font-weight: 550; cursor:pointer; }
.lpbanner .lpbancontent .lpform .form .req-btn:hover {background-color: #f28f1a;}
	
.pubform{ }
.pubform .form{ width:100%;text-align: center;}
.pubform .form div input {width: 90%; height: 40px;padding-left: 20px;}
.pubform .form textarea { width: 91%;padding-left: 20px;padding-top: 10px;height: 100px; }
.pubform .form span {height:20px; display:block;}
.pubform .form .req-btn {width: 50%;background: #f7b900; color: white;border: none; font-size:16px; font-weight:bold; line-height: 40px; font-weight: 550; cursor:pointer; }
.pubform .form .req-btn:hover {background-color: #f28f1a;}

.laytui1{background: #f2f2f2;padding: 15px 10px 10px 10px;}
.laytui1 ul{display:flex;display:-webkit-flex;flex-wrap: wrap;justify-content:space-between;} 
.laytui1 ul li{ text-align:center;}
.laytui1 ul li .num{font-size:14px;}
.laytui1 ul li .num sup{font-size:1.2rem;top:-10px;position: relative;}
.laytui1 ul li p{ font-size:12px;}
	

.lay1 .tit_dh{display:flex;display:-webkit-flex; flex-wrap:wrap;justify-content:center;padding-top: 30px;border-bottom:2px solid #eee; height:40px;background:#fff;}
.lay1 .tit_dh li { padding:0 15px;text-align:center; cursor: pointer;font-size:1.6rem;font-family: Oswald,sans-serif;}
.lay1 .tit_dh li:last-child{margin-right:0;}
.lay1 .tit_dh .cur { border-bottom:2px solid #008448;color: #008448;}
.lay1 .tit_dh li:hover { border-bottom:2px solid #008448;}
.lay1 .tit_dh li:hover,.lay_pro ul .cur{ color:#008448; }
.prolist {display:flex;display:-webkit-flex;justify-content:space-between;flex-wrap:wrap;}
.prolist  li{ width: 49%; text-align: center;top:0px;position: relative;transition-duration: 1s; }
.prolist  li img{width: 99%;border:1px solid #d5d5d5;box-sizing: border-box;}
.prolist  li div{width: 99%;margin: 0 auto;padding-top: 15px;padding-bottom: 15px;}
.prolist  li p{line-height: 1.7em;font-size: 14px;}
.prolist  li i{font-size: 2rem;margin-top: 15px;}
.prolist  li:hover { top:-15px;position: relative;}



#tabs-container .proclassintro{margin-top:20px;margin-bottom: 20px;}
#tabs-container .proclassintro div{margin-bottom: 20px;}
#tabs-container .proclassintro .intro{padding-left: 10px;padding-right: 10px;display:flex;display:-webkit-flex;align-items:center;}


.lptit {text-align: center;padding-bottom: 30px;margin-top: 20px;}
.lptit h2{font-size:2rem;font-family: Oswald,sans-serif;}
.lptit p{color: #666;text-align: center;padding: 0 20px;}
.lpprolist ul.list {display:flex;display:-webkit-flex;justify-content:space-between;flex-wrap:wrap;margin-top: 20px;}
.lpprolist ul.list  li{ width: 49%; text-align: center;top:0px;position: relative;transition-duration: 1s; margin-bottom:10px;}
.lpprolist ul.list  li img{width: 99%;border:1px solid #d5d5d5;}
.lpprolist ul.list  li div{width: 99%;margin: 0 auto; padding-top: 15px;padding-bottom: 15px;}
.lpprolist ul.list li p b{font-size: 14px;color: #444;font-weight: normal;}
.lpprolist ul.list li p{color: #555;line-height: 1.7em;padding: 0 10px;}
.lpprolist ul.list li i{font-size: 2rem;margin-top: 15px;color: #fff;}
.lpprolist ul.list  li:hover { top:-15px;position: relative;}
.lpprolist ul.list  li:hover div{color: #fff; }
.lpprolist ul.list  li:hover i{color: #fff;}
.lpprolist ul.detail {padding-top: 40px;}
.lpprolist ul.detail  li{ }
.lpprolist ul.detail  .pro{}
.lpprolist ul.detail  .pro h3 { font-size:32px;margin-bottom:20px;}
.lpprolist ul.detail  .pro h4 { font-size:24px;margin-bottom:20px;color:#f28f1a;}
.lpprolist ul.detail  .pro{ padding:10px;line-height:2em;}

.lp_lay_1{margin-top: 40px;}
.lp_lay_1 .pic{}
.lp_lay_1 .intro{padding:0 10px;line-height: 2em;}
.lp_lay_1 .intro p{font-size: 22px;margin-top: 10px;}
.lp_lay_1 .intro .quote{margin-top: 10px;text-align: center;}
.lp_lay_2 {background: #f28f1a;margin-top: 80px;}
.lp_lay_2	.lp_product {padding:10px;padding-bottom: 40px;}
.lp_lay_2 .size{text-align: center;margin-bottom: 30px;}
.lp_lay_2 form{display: inline-block;}
.lp_lay_2 form input {width:150px;height: 30px;padding-left: 10px;margin-right: 10px;margin-bottom: 15px;}
.lp_lay_2 form  .req-btn {padding: 0 30px; background: #333; color: white;border: none; font-size:14px;  line-height: 30px;  cursor:pointer; }
#lptable {border-spacing:1px; width:100%; background: #cccccc;}
#lptable tr th,td{ padding:2px; text-align: center;}
#lptable tr:nth-child(odd){background-color:#fcfcfc;}
#lptable tr:nth-child(even){background-color:#f1f1f1;}
#lptable td { font-size:14px; }
#lptable th {background-color:#333; font-size:16px; }
#lptable td a{color:#f7b900;font-weight: bold;text-decoration: none;border-bottom: 1px dashed;}
#lptable td a:hover{color:#f28f1a;}
#lptable tr:hover td { background-color:#e9e9e9; }
#lptable tr td.feature {  text-align: left; }
#lptable tr td.feature ul{list-style-type: disc; margin-left: 20px; }
#lptable #table-head  th{ padding:10px; color: #ffffff; }
#lptable #table-head th strong { font-size:14px;}
.lp_lay_3 {margin-top: 80px;margin-bottom: 80px;padding: 0 10px;}
.lp_lay_3 .lppcwidth{display:flex;display:-webkit-flex;justify-content:space-between;margin-top: 40px;padding-bottom: 20px;}
.lp_lay_3 .lppcwidth div{width: 45%;}
.lp_lay_3 h4{color: #f28f1a;}
.lp_lay_3 ul{list-style-type: disc; margin-left: 30px;margin-bottom: 20px;}
.lp_lay_3 ul li{line-height: 2em;}
.laybtn{text-align: center;}
.laybtn .btn{ display:inline-block; padding:0 25px;background:#ff8a00;color:#FFF;  line-height:40px;text-align:center; ransition-duration: 0.8s; margin-right: 15px;border-radius: 5px;margin-bottom: 20px;}
.laybtn .btn1{ display:inline-block; padding:0 25px;background:#262626; color:#FFF;  line-height:38px;text-align:center;border-radius: 5px;}	
.laybtn .btn:hover{background:#f28f1a;color:#FFF}	
.lp-lay2{position:relative;}
.lp-lay2 .lp-lay2txt{background-size:cover;  text-align:center; padding-top:30px;padding-bottom:30px;}
.lp-lay2 .lp-lay2txt .txt{position: relative!important;z-index: 2!important;}
.lp-lay2 h1,.lp-lay2 h3{text-align: center; color:#fff;}
.lp-lay2 h1{font-size:24px;font-family: Oswald,sans-serif;margin-bottom: 20px;}
.lp-lay2 h3{font-family: Lato,sans-serif; font-size:18px;}
.lp-lay2bg{background: url('../images/blackbg.png') center center;background-size: 100% 100%;opacity: .6;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.lp-lay2 .lp-lay2txt .online{display:inline-block;position: relative!important;z-index: 2!important; color:#f28f1a;font-size:14px; background:#f28f1a; padding:10px 30px;  margin-top:30px; color:#FFF; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 2px 1px;}
.lp-lay3 {padding-top:20px; padding-bottom:40px;background: #f8f8f8;}
.lp-lay3 ul{display:flex;display:-webkit-flex;flex-wrap: wrap;justify-content:space-between;}
.lp-lay3 ul li { width:50%;  overflow:hidden}
.lp-lay3 ul li a {height: 0;padding-bottom: 55%; overflow:hidden; display:block;display:flex;display:-webkit-flex;align-items:center;}
.lp-lay3 ul li img{ padding-top:55%;width: 100%; transition: 0.8s all ease;   }
.lp-lay3 ul li img:hover{transform: scale(1.2);opacity:.8; transition: 0.8s all ease;}
.lp-lay3 .divbtn{text-align: center;margin-top: 20px;font-size: 12px;}
.lp-lay3 .btn{ display:inline-block; padding:0 15px;background:#ff8a00;color:#FFF;  line-height:30px;text-align:center; ransition-duration: 0.8s; margin-right: 15px;border-radius: 5px;font-size: 12px;}
.lp-lay3 .btn:hover{background:#f28f1a;color:#FFF}		
.lp-lay3 .btn1{ display:inline-block; padding:0 15px;background:#262626; color:#FFF;  line-height:30px;text-align:center;border-radius: 5px;}	

.com_produce_c {padding:30px 10px; font-size:16px; line-height:32px;margin-bottom: 30px;}
.com_produce_c div{ }
.com_produce_c div h3{ margin-bottom:10px;font-size:22px;}
.com_produce_c div h3.hong{font-size:28px; }
.video{position: relative;}
.video .play { justify-content:center; position:absolute;width: 100%;height: 100%;top:0;left:0; display:flex;display:-webkit-flex;align-items:center;z-index: 1;}
.video .play i{font-size:8rem;color:#ff0000;transition: all .4s ease-in-out;}
.video .play:hover i{color:#fff;}
.video:hover img{transition: all .4s ease-in-out;-webkit-filter: brightness(80%);filter: brightness(80%);}
.lp-lay4 {position:relative;}
.lp-lay4 .lp-lay4bg{}
.lp-lay4 .lp-lay4bg h3{font-size:20px;font-weight: normal;font-family: Oswald,sans-serif;color: #FFFFFF; z-index: 100;position:relative;text-align: center;padding-top: 30px;}
.lp-lay4 .lp-lay4bg h4{font-size: 16px;font-weight: normal;font-family: Oswald,sans-serif;margin-bottom: 25px;color: #FFFFFF;text-align: center;z-index: 100;position:relative;}
.lp-lay4 .lp-lay4bg ul{display:flex;display:-webkit-flex;flex-wrap: wrap;justify-content:space-between;position: relative!important;z-index: 2!important; padding:0px 10px; align-items:center; height:100%;}
.lp-lay4 .lp-lay4bg ul li{background:#fff; width:48%;height:90px; padding-top:20px;margin-bottom: 15px; box-shadow: 4px 4px 0 rgba(242, 143, 26, 0.4); text-align:center;}
.lp-lay4 .lp-lay4bg ul li img{width:auto; height:50%;}
.lp-lay4 .lp-lay4bg ul li p{ margin-top:10px;}
.lp-lay4 .lp-lay4bg .btnabout{position:relative; z-index: 100;padding:0 10px;text-align: center;padding-bottom: 30px;margin-top: 30px;}
.lp-lay4 .lp-lay4bg .btnabout .btn-1{  display:inline-block; background:#ff8a00;color:#FFF; padding: 0 10px; line-height:32px;text-align:center; ransition-duration: 0.8s; font-size: 12px;}
.lp-lay4 .lp-lay4bg .btnabout .btn-2{padding: 0 10px; display:inline-block; border: 1px solid #fff; color:#FFF;  line-height:30px;text-align:center; font-size: 12px;margin-left: 15px;}	
.cover{ background:#000;opacity: .5;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.lay-title{text-align: center;margin: 30px 0 30px 0;padding: 0 20px;}
.lp-lay5 .compic { text-align: center; }
.lp-lay5 .compic .swiper-slide div {}
.lp-lay5 .compic .swiper-slide div p{display:inline-block; text-align:center;  width: 28%; margin: 0 10px;}
.lp-lay5 .compic .swiper-container {
  padding-bottom: 20px;
  width: 100%; }
  .lp-lay5 .compic .swiper-container .swiper-pagination-bullets {
    bottom: -4px !important;  }
  .lp-lay5 .compic .swiper-container .swiper-pagination-bullet {
    width: 10px;background:#333;
    border-radius: 5px;
    height: 6px; }
  .lp-lay5 .compic .swiper-container .swiper-pagination-bullet-active {
    background: #f28f1a;
    width: 20px; }
.lp-lay6{margin-top:20px; padding-top:20px; background:no-repeat; background-size:cover; padding-bottom:20px;text-align: center;}
.lp-lay6 ul{display:flex;display:-webkit-flex;justify-content:space-between;flex-wrap:wrap;padding-top: 30px;padding-left:10px;padding-right: 10px; padding-bottom: 30px;}
.lp-lay6 ul li h3{margin-top: 20px;color: #333333;font-size: 18px;margin-bottom: 10px;}
.lp-lay6 ul li{line-height: 25px;color: #666666;margin-bottom: 15px;width: 50%;font-size: 14px;}
	.lp-lay6 ul li img{width: 50%;}
.lp-lay6 h2{font-size: 2.4rem;font-family: Oswald,sans-serif; text-align:center;}
.lp-lay6 .online {text-align:center;}
.btnvi{ display:inline-block; padding:0 20px;background:#f28f1a;  line-height:40px;  color:#FFF; text-align:center;font-size: 12px;}
.btnvi:hover{ color:#fff;background:#c28e0e}
.lp-lay8 {padding-bottom: 40px;padding-top: 20px;background: #f8f8f8;}
.lp-lay8 .temporary-container{margin-top: 20px;}
.lp-lay8 a{text-decoration: underline;color: #f28f1a;}
.kh-accordion {
	width: 100%;
}
.kh-accordion > li {
	border-top: 1px solid #ccc;
}
.kh-accordion > li + li {
	margin-top: 20px;
}
.kh-accord-head {
	padding: 8px 15px; font-weight: normal;
	color: #1e1e1e;
	cursor: pointer;
	background: #fcfcfc;
	transition: all 0.2s ease-in;
}
/* 设置 +、- 标志 */
.kh-accord-head:after {
  content: '\002B';  /* Unicode 字符 + 号 */
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}
 
.current .kh-accord-head:after { 
  content: "\2212";  /* Unicode 字符 - 号 */
}
.kh-accord-content {
	padding: 10px 20px;background:#ffffff;
	display: none;line-height: 1.7em;
}
.kh-accord-content p{margin-bottom: 10px;}
.kh-accordion > li.current .kh-accord-content {
	display: block;
}

.temporary-container {
	
}
	footer.lpfoot{position: relative;
z-index: 1;
 background:no-repeat center center;
 background-size: cover;
 color: #fff; height: 100%;margin-bottom: 0;}
footer.lpfoot::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(4, 22, 58, 0.9);
}
	footer.lpfoot .lpfootc{position: relative; z-index: 1000;}
footer.lpfoot .lpfootc p{  text-align: center; 
    padding-bottom: 5rem;line-height: 1.181820;
    margin-top: 3.8rem;
    font-size: 16px;font-weight: normal;line-height: 1.5em;}
	footer.lpfoot .footer_sub-title {
    letter-spacing: .1em; font-size: 2.4rem; padding-top: 6.6rem;text-align: center;font-weight: bold;
}
	footer.lpfoot .lpfootc .footer_bottom{ margin-top: 2rem;
    padding: 1rem 0;
    border-top: 1px solid #2f3d5c;text-align: center;}
footer.lpfoot .lpfootc .footer_bottom .contact span{margin-right: 12px;}
footer.lpfoot .lpfootc .footer_bottom .contact span i{margin-right: 5px;}
	footer.lpfoot .lpfootc .footer_bottom .sns >a{margin:0px 8px;color:#FFF;}
footer.lpfoot .lpfootc .footer_bottom .sns >a{margin-left:15px;color:#FFF;}
footer.lpfoot .lpfootc .footer_bottom .sns >a:hover{color:#f28f1a;}
	footer.lpfoot .lpfootc .footer_bottom .sns >a i{font-size:2rem;}