/**-----------pc---------------------**/
/**-----------start---------------------**/
body{font-size:1.6rem;}
.mobile{display:none}
.pcwidth {margin:0 auto; min-width:1000px; max-width:85%;}
@media screen and (min-width:1500px) {
	.pcwidth {max-width:1300px;}
}
.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: 100px;background:#ffffff; }
header .logo .logoleft{display:flex;display:-webkit-flex;}
header .logo .logoleft img{margin-right: 15px;}
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:25px;}
.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: #000;}
.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;cursor:pointer;}
.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: 16px;padding-left:2rem;color: #f28f1a;}
.drawer-nav .addinfo a i{ top:3px; position:relative;margin-right: 2px;}

.lpbanner {height:680px;}
.lpbanner .lpbancontent {display:flex;display:-webkit-flex;align-items:center;justify-content:space-between; height: 100%; margin:0 auto;}
.lpbanner .lpbancontent .lpbantxt{color: #ffffff;width: 50%; }
.lpbanner .lpbancontent .lpbantxt h1{font-size:48px;font-family:Oswald;margin-bottom: 10px;}
.lpbanner .lpbancontent .lpbantxt ul{list-style:disc; margin-left: 38px;}
.lpbanner .lpbancontent .lpbantxt li{font-size:24px;font-family: jost,sans-serif;}
.lpbanner .lpbancontent .lpbantxt li i{ font-size:2rem; top:2px; position:relative;}
.lpbanner .lpbancontent .lpbantxt .btnmore{margin-top: 40px;}
.btnban {display:inline-block; background: #FFC425; color:#333;border: none; padding:0 60px;line-height: 45px; cursor:pointer;font-family:jost;}
.btnban:hover {background-color: #f7b900;color: white;}
.lpbanner .lpbancontent .lpform{width: 48%;}

.lptit {text-align: center;padding-bottom: 30px;margin-top: 50px;}
.lptit h2{font-size: 4rem;font-family: Oswald,sans-serif;}
.lptit p{color: #666;width: 600px;margin: 0 auto;}
.lp_lay_1{display:flex;display:-webkit-flex;align-items:center;margin-top: 80px;}
.lp_lay_1 .pic{width: 50%;}
.lp_lay_1 .intro{width: 50%;padding:0 50px;line-height: 2em;}
.lp_lay_1 .intro p{font-size: 22px;margin-top: 10px;}
.lp_lay_1 .intro .quote{margin-top: 30px;}
.lp_lay_2 {background: #f28f1a;margin-top: 80px;}
.lp_lay_2	.lp_product {margin:0 auto; min-width:1200px; max-width:90%;padding-top:10px;padding-bottom: 80px;}
.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;}
.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:#f7f7f7;}
#lptable td { font-size:14px; }
#lptable th {background-color:#f7b900; 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:#333; }
#lptable #table-head th strong { font-size:14px;}
.lpprolist ul.list {display:flex;display:-webkit-flex;justify-content:space-between;flex-wrap:wrap;margin-top: 20px;}
.lpprolist ul.list  li{ width: 33%; text-align: center;top:0px;position: relative;transition-duration: 1s; }
.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: 18px;color: #444;}
.lpprolist ul.list li p{color: #555;line-height: 1.7em;}
.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{ display:flex;display:-webkit-flex;justify-content:space-between;}
.lpprolist ul.detail  .pro{ width:50%;}
.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:50px;line-height:2em;}

.lp-lay2{position:relative;margin-top: 50px;}
.lp-lay2 .lp-lay2txt{background-size:cover;  text-align:center; padding-top:50px;padding-bottom:50px;}
.lp-lay2 .lp-lay2txt .txt{position: relative!important;z-index: 2!important;}
.lp-lay2 h1,.lp-lay2 h3{ max-width:1000px; margin:0 auto; color:#fff;}
.lp-lay2 h1{font-size:40px;font-family: Oswald,sans-serif;margin-bottom: 20px;}
.lp-lay2 h3{font-family: Lato,sans-serif; font-size:22px;}
.lp-lay2bg{background: url('../images/blackbg.png') center center;background-size: 100% 100%;opacity: .7;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:22px; background:#f28f1a; padding:10px 30px;  margin:0 auto; margin-top:30px; color:#FFF; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 2px 1px;}

.lp_lay_3 {margin-top: 80px;margin-bottom: 80px;}
.lp_lay_3 .pcwidth{display:flex;display:-webkit-flex;justify-content:space-between;margin-top: 40px;padding-bottom: 20px;}
.lp_lay_3 .pcwidth 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;}
.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}

.com_produce_c {display:flex;display:-webkit-flex;align-items:center; padding:30px 0; font-size:16px; line-height:32px;margin-bottom: 30px;}
.com_produce_c div{width: 50%; }
.com_produce_c .whyleft{margin-left: 50px; }
.com_produce_c .whyright{margin-rihgt: 50px; }
.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:40px;font-family: Oswald,sans-serif;color: #FFFFFF; z-index: 100;position:relative;text-align: center;padding-top: 80px;}
.lp-lay4 .lp-lay4bg h4{font-size: 28px;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:50px 0; align-items:center; height:100%;}
.lp-lay4 .lp-lay4bg ul li{background:#fff; width:170px;height:90px; padding-top:40px;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;width: 520px; margin: 0 auto;padding-bottom: 80px;margin-top: 20px;}
.lp-lay4 .lp-lay4bg .btnabout .btn-1{  display:inline-block; width: 280px;background:#ff8a00;color:#FFF;  line-height:40px;text-align:center; ransition-duration: 0.8s; }
.lp-lay4 .lp-lay4bg .btnabout .btn-1:hover{background:#f28f1a;color:#FFF}
.lp-lay4 .lp-lay4bg .btnabout .btn-2{ width: 150px;display:inline-block; border: 1px solid #fff; color:#FFF;  line-height:38px;text-align:center;margin-left: 15px; }	
.cover{ background:#000;opacity: .5;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.lay-title{text-align: center;margin: 60px 0 40px 0;}
.lp-lay5 .compic { text-align: center;  padding-bottom: 30px;}
.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; }
footer.lpfoot{position: relative;
z-index: 1;
 background:no-repeat center center;
 background-size: cover;
 color: #fff; height: 100%;}
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: 4.4rem; padding-top: 6.6rem;text-align: center;font-weight: bold;
}
	footer.lpfoot .lpfootc .footer_bottom{ margin-top: 6rem;display:flex;display:-webkit-flex;align-items:center;justify-content: space-between;   align-items: center;
    padding: 2.5rem 0;
    border-top: 1px solid #2f3d5c;}
footer.lpfoot .lpfootc .footer_bottom .contact span{margin-right: 20px;}
footer.lpfoot .lpfootc .footer_bottom .contact span i{margin-right: 5px;}
	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;}
	.pubform{width: 560px; margin: 0 auto;}
.pubform .form{ width:100%;}
.pubform .form div input {width: 540px; height: 40px;padding-left: 20px;}
.pubform .form textarea { width: 542px;padding-left: 20px;padding-top: 10px;height: 100px; }
.pubform .form span {height:20px; display:block;}
.pubform .form .req-btn {width: 563px;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;}