/*初始化样式*/
html {margin: 0;padding: 0;border: 0;}

body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
p,
blockquote,
pre,
a,
address,
code,
b,
em,
img,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
footer,
header,
hgroup,
nav,
section {margin: 0;padding: 0;border: 0;} 
body {background: #fff;color: #666;position: relative;font: 12px/1.5 Microsoft YaHei, arial, 宋体, sans-serif;vertical-align: baseline;width: 100%;overflow-x: hidden;}
a {text-decoration: none;outline: none;}
a:link {color: #666;}
a:visited {color: #666;}
a:hover,
a:active,
a:focus {color: #009b4c;text-decoration: none;outline: none;}

p {margin: 0;}
input {padding: 0;margin: 0;font-family: 'Microsoft YaHei';}
img {border: none;background: none;vertical-align: middle;}

ul,
ol,
li {list-style-type: none;}

select,
input,
img,
select {vertical-align: middle;}

table {border-collapse: collapse;border-spacing: 0}

table,
th,
td {vertical-align: middle}
.clearfix:after {content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}

.clearfix {zoom: 1}
.clearboth {height: 0px;line-height: 0px;overflow: hidden;clear: both;font-size: 0px;}

h1,
h2,
h3,
h4 {font-size: 12px;font-weight: bold;} 
hr {border: 0;border-top: 1px solid #ccc;height: 0;} 
dt {font-weight: normal;} 
/*----- Common css ------*/
.fl {float: left;} 
.fr {float: right;} 
.di {_display: inline;} 
.fwn {font-weight: normal;} 
.dib {*display: inline;_zoom: 1;_display: inline;_font-size: 0px;} 
.flex {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;} 
.flexd {display: flex;justify-content: space-between;flex-wrap: wrap;} 
.wh {width: 1200px;margin: 0 auto;} 
.pos {position: relative;width: 1920px;left: 50%;margin-left: -960px;} 
.com-img {display: inline;overflow: hidden;margin: 0 auto;display: table;} 
.com-img img {transition: all 0.8s;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-o-transition: all 0.8s;} 
.com-img:hover img {transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);} 

/*头部样式*/ 
.top2 {height: 100px;padding: 0 20px 0 20px;position: absolute;top: 0;left: 0;right: 0;align-items: flex-end;z-index: 999;border-bottom: 1px solid rgba(255, 255, 255, .23);} 
.logo {line-height: 100px;width: 182px;height: 100px;display: flex;justify-content: center;align-items: center;} 
.logo img {max-width: 100%;} 
.top2 .k2 {font-size: 25px;font-weight: normal;letter-spacing: 1px;color: #ffffff;font-weight: 700;background: url(../images/tel.png) no-repeat left center;padding-left: 48px;line-height: 40px;align-self: center;margin-top: 6px;} 

/* 导航样式 */ 
.x-menu {display: flex;justify-content: space-between;align-items: center;margin-right: auto;margin-left: 80px;} 
.x-menu>li {position: relative;margin: 0 10px;} 
.x-menu>li::after {content: "";width: 70px;height: 6px;background-color: #e76030;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%) translateY(50%);background-color: #e76030;opacity: 0;transition: all ease .2s;} 
.x-menu>li:hover::after {opacity: 1;} 
.x-menu>li>a {display: block;font-size: 16px;color: #ffffff;white-space: nowrap;line-height: 65px;height: 65px;text-align: center;padding: 0 16px;} 
.x-menu>li>a:hover {background-color: #ff8a0000;} 
.x-menu>li.active>a {} 
.x-menu>li:hover .x-sub-menu {opacity: 1;visibility: visible;-webkit-transform: translateY(0);transform: translateY(0);background: #fff;}

.x-sub-menu {position: absolute;z-index: 99;width: 100%;left: 0%;top: 65px;background: #fff;opacity: 0;visibility: hidden;-webkit-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .5s ease;transition: all .5s ease;display: none;}

.x-sub-menu>li {}
.x-sub-menu>li>a {display: block;text-align: center;line-height: 2;font-size: 14px;color: #666666;line-height: 2.6;}
.x-sub-menu>li>a:hover {background: #019350;color: #fff;}
.x-sub-menu:after {content: '';width: 0;height: 0;line-height: 0;font-size: 0;overflow: hidden;border-width: 10px;cursor: pointer;border-style: dashed dashed solid dashed;border-color: transparent transparent #fff transparent;border-top: none;position: absolute;top: -10px;left: 50%;margin-left: -10px;z-index: 99;display: none;}
 
* {touch-action: pan-y;} 
.page-swiper {width: 100%;height: 100%;overflow: hidden;} 
.page-swiper .swiper-slide {position: relative;z-index: 9999;} 
.page-swiper .swiper-pagination-page {position: fixed;top: 50%;transform: translateY(-50%);left: 65px;display: flex;flex-direction: column;justify-content: center;align-items: center;z-index: 999;width: 13px;} 
.page-swiper .swiper-pagination-page .swiper-pagination-bullet {width: 12px;height: 12px;background-color: #ffffff;border-radius: 50%;opacity: 1;border: solid 2px #ffffff;transition: all ease .3s;margin: 11px 0;} 
.page-swiper .swiper-pagination-page .swiper-pagination-bullet-active {background: transparent;} 

.p1 .bgvideo {position: relative;width: 100vw;height: 100vh;overflow: hidden;} 
.p1 .bgvideo video {width: 100vw;height: 100vh;object-fit: fill;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 2;}

.p1 .bgvideo .pbg {width: 100vw;height: 100vh;background: url(../images/001.png) no-repeat center center;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 2;}  
.ftcopy {width: 100%;position: absolute;left: 50%;transform: translateX(-50%);bottom: 2vw;z-index: 999;font-size: 16px;font-weight: normal;color: #ffffff;text-align: center;}
.ftcopy a {color: #fff;} 
.ftcopy1{text-align: left;} 

.p2 .bgvideo {position: relative;width: 100vw;height: 100vh;overflow: hidden;} 
.p2 .bgvideo video {width: 100vw;height: 100vh;object-fit: fill;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 2;}

.p2 .bgvideo .pbg {width: 100vw;height: 100vh;background: url(../images/02.png) no-repeat top center;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 2;}

.p2box {width: 1920px;height: 100vh;position: absolute;left: 50%;margin-left: -960px;padding-top: 9vw;z-index: 99;top: 0;} 
.p2a {padding: 20px 0 0 53px;background: url(../images/03.png) no-repeat left top;position: relative;margin-right: 140px;} 
.p2a>h3 {font-family: "Arial";font-size: 41px;color: #ffffff;line-height: 1;margin-bottom: 6px;} 
.p2a>p {font-size: 29px;font-weight: normal;color: #ffffff;line-height: 1;} 
.p2a::after {content: '';background: url(../images/04.png) no-repeat center center;width: 101px;height: 10px;position: absolute;bottom: -50px;left: 0;}

.p2b {display: flex;flex-direction: column;justify-content: center;align-items: flex-end;} 
.p2b>h3 {font-size: 16px;font-weight: normal;color: #ffffff;} 
.p2b>h4 {font-size: 68px;font-weight: 700;color: #ffffff;letter-spacing: -2px;} 
.p2b>h5 {font-size: 18px;font-weight: normal;color: #ffffff;line-height: 43px;position: relative;} 
.p2b>h5::after {content: "";width: 100%;height: 1px;background: #fff;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);} 
.p2c {width: 480px;} 
.p2c>h3 {font-size: 34px;font-weight: normal;color: #ffffff;line-height: 1.1;} 
.p2c>p {font-size: 16px;font-weight: normal;line-height: 33px;color: #ffffff;margin-top: 38px;} 
.p2c>a.more {font-size: 16px;font-weight: normal;color: #ffffff;margin-top: 30px;display: block;} 

.p3 {background: url(../images/05.jpg) no-repeat top center;} 
.index-title {text-align: center;color: #ffffff;} 
.index-title>h3 {font-size: 41px;font-family: "Arial";} 
.index-title>p {font-size: 29px;font-weight: normal;position: relative;} 
.index-title>p::after {content: '';background: url(../images/06.png) no-repeat center center;width: 101px;height: 10px;position: absolute;bottom: -17px;left: 50%;transform: translateX(-50%);} 
.index-title>h4 {font-size: 51px;font-weight: normal;margin-top: 32px;} 
.p3a{justify-content: center;margin: 37px 0 33px;} 
.p3a li a {font-size: 16px;color: #ffffff;display: block;margin: 0 15px;}
.p3a li.more a{margin: 0;} 
.p3box {padding-top: 8vw;}

.p3-scroll {display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-end;padding-right: 46px;position: relative;}


.p3-scroll .bd {width: 940px;}

.p3-scroll .bd ul li {width: 294px;height: 349px;background-color: #ffffff;margin-right: 29px;}

.p3-scroll .bd ul li a {display: block;padding: 6px;}

.p3-scroll .bd ul li a div.img img {display: block;width: 100%;height: 275px;}
.p3-scroll .bd ul li a .cont {height: 65px;display: flex;justify-content: center;align-items: center;}
.p3-scroll .bd ul li a .cont h3 {font-size: 16px;letter-spacing: -1px;color: #4c4c4c;text-decoration: underline;}
.p3-scroll .hd {position: absolute;right: 46px;top: -56px;z-index: 99;display: flex;justify-content: flex-end;align-items: flex-end;}
.p3-scroll .hd a {width: 52px;height: 52px;background: #5d9718 url(../images/07.png) no-repeat center center;cursor: pointer;}
.p3-scroll .hd a.next {background: #dc5626 url(//c../images/07.pngo-repeat center center;transform: rotateY(180deg);}
.p3-scroll .hd2 {width: 100%;margin-top: 24px;}
.p3-scroll .hd2 ul{display: flex;justify-content: center;align-items: center;width: 100%;}
.p3-scroll .hd2 ul li {width: 10px;height: 10px;background-color: #ffffff;border-radius: 50%;margin: 0 3.5px;font-size: 0;}
.p3-scroll .hd2 ul li.on {background-color: #0385da;} 


.p4 .bgvideo {position: relative;width: 100vw;height: 100vh;overflow: hidden;} 
.p4 .bgvideo video {width: 100vw;height: 100vh;object-fit: fill;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 2;} 
.p4 .bgvideo .pbg {width: 100vw;height: 100vh;background: url(../images/08.png) no-repeat top center;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 2;}

.p4box {width: 1920px;height: 100vh;position: absolute;left: 50%;margin-left: -960px;padding-top: 9vw;z-index: 99;top: 0;} 
.p4a{justify-content: center;margin: 26px 0 27px;} 
.p4a li a {font-size: 16px;color: #ffffff;display: block;margin: 0 15px;}
.p4a li.more a{margin: 0;} 
.p4box {padding-top: 120px;} 
.p4-scroll {position: relative;} 
.p4-scroll .bd {width: 100%;overflow: hidden;}

.p4-scroll .bd ul li {width: 369px;height: 464px;background: transparent;margin-right: 0;transition: all ease .3s;margin-right: 50px;}
.p4-scroll .bd ul li:hover {background-color: #dc5626;}
.p4-scroll .bd ul li a {display: block;padding: 70px 15px 10px 25px;color: #ffffff;}

.p4-scroll .bd ul li a .time > h3 {font-size: 37px;font-weight: normal;letter-spacing: 1px;}
.p4-scroll .bd ul li a .time >  p {font-size: 21px;font-weight: normal;}
.p4-scroll .bd ul li a .cont > h3 {font-size: 18px;font-weight: normal;margin: 40px 0 26px;color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.p4-scroll .bd ul li a .cont > P{font-size: 14px;line-height: 22px;}
.p4-scroll .bd ul li a span.more {display: block;width: 44px;height: 21px;background: url(../images/10.png) no-repeat center center;margin-top: 102px;} 
.p4-scroll .hd {position: absolute;right: 28px;top: -25px;z-index: 99;display: flex;justify-content: flex-end;align-items: flex-end;}
.p4-scroll .hd a {width: 52px;height: 52px;background: #5d9718 url(../images/07.png co-repeat center center;cursor: pointer;}
.p4-scroll .hd a.next {background: #dc5626 url(../images/07.png o-repeat center center;transform: rotateY(180deg);}
.p4-scroll .hd2 {width: 100%;margin-top: 24px;}
.p4-scroll .hd2 ul{display: flex;justify-content: center;align-items: center;width: 100%;}
.p4-scroll .hd2 ul li {width: 10px;height: 10px;background-color: #ffffff;border-radius: 50%;margin: 0 3.5px;font-size: 0;}
.p4-scroll .hd2 ul li.on {background-color: #0385da;}  


.p5 .bgvideo {position: relative;width: 100vw;height: 100vh;overflow: hidden;} 
.p5 .bgvideo video {width: 100vw;height: 100vh;object-fit: fill;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 2;} 
.p5 .bgvideo .pbg {width: 100vw;height: 100vh;background: url(../images/11.png) no-repeat top center;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 2;} 
.p5box {width: 1920px;height: 100vh;position: absolute;left: 50%;margin-left: -960px;padding-top: 120px;z-index: 99;top: 0;} 
.p5a{padding: 70px 0;position: relative;margin-top: 60px;} 
.p5a::after {content: "";width: 1500px;height: 1px;background: rgba(255, 255, 255, .12);position: absolute;top: 0;left: 50%;transform: translateX(-50%);} 
.p5a::before {content: "";width: 1500px;height: 1px;background: rgba(255, 255, 255, .12);position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);} 
.p5a1{width: 690px;margin-left: 26px;}
.p5a1 li {width: 50%;margin-bottom: 48px;}
.p5a1 li h3 {font-size: 16px;font-weight: normal;line-height: 39px;color: #ffffff;}

.p5a2{width: 161px;height: 233px;background-color: #ffffff;padding: 3px 1px;}
.p5a2 img {height: 164px;margin-bottom: 10px;}
.p5a2 p {font-size: 14px;line-height: 21px;color: #5a5a5a;text-align: center;}
 
/*友情链接*/ 
.f_link {width: 1200px;line-height: 30px;margin: 0 auto;} 
.f_link a {color: #666;}

/*内页左侧样式*/
.container {width: 1200px !important;margin: 0 auto;padding: 0;} 
.page-product-inquiry a {color: #fff;} 
@media (max-width: 992px) {body {padding-top: 60px;padding-bottom: 50px;}
}