/*初始化样式*/
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; }
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; }
.ovimg, .ibw, .miw, .iml, .imgbig { overflow: hidden; }
.imgbig img { -webkit-transition: all ease .5s; -moz-transition: all ease .5s; -ms-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s; }
.imgbig:hover img { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); }
.ovimg img { width: 100%; min-height: 100%; }
.ibw img { width: 100%; height: auto; }
.miw img { max-width: 100%; max-height: 100%; }
.iml { text-align: center; }
.iml img { transform: translateY(-2px); vertical-align: middle; }
/*----- 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; }
.wh1720 { margin: 0 auto; padding: 0 15px; }
.wh1600 {padding: 0 15px; margin: 0 auto; }
/*css*/
p { padding: 0; margin: 0; }
.fl { float: left; }
.fr { float: right; }
.w1380 { max-width: 1380px; margin: 0 auto; width: 94%; }
.x-header1 { position: fixed; width: 100%; /*background:url(../images/nav.png);*/
background: #fff; left: 50%; transform: translateX(-50%); z-index: 999; height: 114px; /*border-bottom: 1px solid #fff;*/
-moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s; }
.x-logo1 { line-height: 114px; }
.x-logo1 a { display: inline-block; }
.x-logo1 a img.img2 { display: none; }
.neuuagg { background: #fff; }
a.sskka { line-height: 114px; padding: 0 1.2vw; }
.x-header-right1 { position: relative; padding: 0 2px; z-index: 99; }
.x-header1:hover .x-header-right1 { background: #00479d; }
.x-header1.neuuagg:hover .x-header-right1 { background: none; }
.x-header1:hover { background: #fff; }
.x-header1:hover .x-logo1 a img { filter: none; }
.x-header1:hover .x-menu>li>a { color: #011c35; }
/*.x-header1.scroll {
position: fixed;
top: 0;
z-index: 9999;
}*/
@media (max-width: 1600px) {
.x-menu>li>a{padding: 0 1.5vw!important;}
}
.x-header1.scroll .x-header-right1 { background: #00479d; }
.x-header1.neuuagg.scroll .x-header-right1 { background: none; }
.x-header1.scroll { /*background: #fff;*/}
.x-header1.scroll .x-logo1 a img { filter: none; }
.x-header1.scroll .x-menu>li>a { color: #011c35; }
.x-header1.scroll .x-logo1 a img.img1 { display: none; }
.x-header1.scroll .x-logo1 a img.img2 { display: inline-block; }
.x-header1.scroll.sy_zhh:after { display: block }
.ssk { position: absolute; right: 130px; width: 150%; top: 60px; z-index: 999; display: none; }
.wenzaa h2 { color: #fff; font: 600 40px/1.3em "微软雅黑"; }
.page-position1, .page-position1 a { color: #fff; font: 500 14px/2em "微软雅黑"; }
@media (max-width: 1366px) {
.wenzaa h2 { font-size: 24px; }
.page-position1, .page-position1 a { font-size: 12px; }
.wh1720 {max-width:100%;}
}
.header_search_fix { position: fixed; z-index: 99; top: 0; left: 0; width: 100%; height: 100%; background: #0e68b0; color: #fff; display: none; }
.header .header_logo { z-index: 100; }
.header .header_logo a { display: block; text-align: left; }
.header_search_fix .search { font-size: 18px; margin-bottom: 10px; }
.header_search_fix .box { position: absolute; width: 40%; top: 50%; margin-top: -50px; text-align: left; left: 30%; }
.header_search_fix input[type="text"] { background: none; width: 70%; border: 0; outline: 0; font-size: 38px; color: #fff; font-family: 'Impact'; border-bottom: 1px solid #fff; }
.header_search_fix input[type="text"]::-webkit-input-placeholder {
/* WebKit, Blink, Edge */
color: #fff;
font-size: 38px;
}
.header_search_fix input[type="text"]:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #fff;
font-size: 38px;
}
.header_search_fix input[type="text"]::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #fff;
font-size: 38px;
}
.header_search_fix input[type="text"]:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #fff;
font-size: 38px;
}
.header_search_fix .search_box { line-height: 70px; height: 70px; position: relative; }
.header_search_fix .submit { width: 125px; height: 45px; line-height: 41px; font-size: 14px; color: #fff; border: 2px solid #fff; border-radius: 20px; background: transparent; padding: 0; margin: 0; position: absolute; top: 50%; margin-top: -23px; right: 0; -webkit-appearance: none; outline: none; }
.header_search_fix .close { position: absolute; width: 88px; height: 88px; font-size: 12px; line-height: 92px; border: 1px solid #fff; right: 60px; top: 20px; text-align: center; cursor: pointer; transition: all .5s ease; -webkit-transition: all .5s ease; background: #0e68b0; }
.header_search_fix .close:hover { background: #0e68b0; }
/*body .search_hover.header .header_logo .logo{background-image: url(../img/logo_w.png);}*/
.search_hover .header_logo:after { display: none; }
.header_search_fix .pro_list { position: absolute; right: 60px; bottom: 60px; text-align: right; }
.header_search_fix .pro_list .t { font-size: 18px; color: #fff; padding-bottom: 10px; }
.header_search_fix .pro_list a { display: block; font-size: 14px; opacity: 0.5; filter: alpha(opacity=50); color: #fff; }
/*.header_search_fix .submit:before{width: 100%;margin-top: 0;}*/
/*.header_search_fix .submit:hover{background: #d20319;}*/
/*.header_search_fix .submit:before{width: 100%;left: 0;text-align: center;}*/
.xuanzhun { -webkit-transition-property: -webkit-transform; animation: rotate 5s linear infinite; }
@keyframes rotate { from {
transform: rotate(0deg)
}
to { transform: rotate(359deg) }
}
.index_header { top: -80px; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s; }
.index_header.ani { top: 0; }
/*çƒé—¨æœç´¢*/
.search { text-align: left; }
#formsearch1 { width: auto; float: right; vertical-align: middle; }
.hotSearch { width: auto; float: left; height: 24px; line-height: 24px; font-weight: normal; font-size: 14px; }
/*æœç´¢å’Œçƒé—¨æœç´¢*/
.hotSearch a { margin-right: 6px; color: #666; }
#formsearch1 input { height: 24px; background: #fff; border: 1px solid #c8c8c8; line-height: 24px; vertical-align: middle; }
#formsearch1 input#keyword { height: 24px; line-height: 24px; padding-left: 4px; color: #666; }
#formsearch1 input#s_btn { width: 46px; height: 24px; line-height: 24px; text-align: center; background-color: #00479d; color: #fff; border: none; cursor: pointer; }
/* 头部结束 */
@media(min-width: 992px) {
.x-banner { overflow: hidden; padding-top: 110px; }
.x-banner img { width: 100%; object-fit: cover; /*animation: banner 30s linear infinite; */}
.owl-carousel.owl-drag .owl-item { overflow: hidden; }
}
@keyframes banner { 0% {
transform: scale(1);
}
50% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
/* 导航样式 */
.x-menu { width: auto; }
.x-menu>li { float: left;margin: 2.5vw .15vw;}
.x-menu>li>a { display: block; padding: 0 2vw; font-size: 18px; color: #333;font-weight: 400;border-left:2px #666 solid; }
.x-menu>li:nth-child(1) a{ border:0;}
.neuuagg .x-menu>li>a { color: #333; }
.x-header1 .x-menu>li:hover>a { /*background: #292e39;*/color: #009f3c !important; }
.x-header1 .x-menu>li.active>a { /*background: #292e39;*/color: #009f3c !important; font-weight: 600; }
.x-menu>li.sos{cursor: pointer;position: relative;}
.x-menu>li.sos img{ width:30px;}
.x-menu>li.sos>form{position: absolute;bottom:-40px;left:-180px;width:220px;height:45px;display:none;}
.x-menu>li.sos>form .cont_text{width: 180px;border:0;line-height: 35px; border-bottom:2px solid #666;text-indent: 10px;font-size: 16px;padding-top: 10px;}
.x-menu>li.sos:hover form{ display:block!important;}
input:focus{outline: none;}
.x-menu>li.sos>form .cont_btn{ width:35px; height:35px;background: url(../images/so.png) no-repeat center 11px; border:0; background-size:80%;}
@media (max-width: 1200px) {
.x-menu>li>a { font-size: 14px; padding: 0 1vw; }
}
.wena { display: none; z-index: 99; width: 120%; margin-left: -8%;margin-top:40px; background: #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.075); }
.x-sub-menu { font-size: 0; border-top: 2px solid rgb(1 157 58);}
.x-sub-menu>li { }
.x-sub-menu>li>a { display: block; line-height: 2.5em; font-size: 16px; color: #333; text-align: center; }
.x-sub-menu>li>a:hover { background: #e9eaeb; color: #00479d; }
@media (max-width: 1024px) {
.x-menu>li>a { font-size: 12px; padding: 0 1vw; }
.x-sub-menu>li>a { font-size: 12px; }
}
@media(max-width: 1600px) {
.sy_zhh:after { width: 6.27%; }
}
@media(max-width: 1440px) {
.x-menu>li>a { padding: 0px 1vw; }
}
@media(max-width: 992px) {
body { padding-top: 60px; }
}
.h_bt{background: url(../images/bt_b.png) no-repeat center;position:relative;}
.h_bt>p{font-size:60px!important;position: absolute;top: -55px;width: 100%;z-index: -1;font-weight:600;color: #f7f5f5!important;}
h4.h_bt{ text-align:left;font-size: 1.8rem;color: #333333;background: url(../images/bt_b.png) no-repeat -80px center;}
h4.h_bt p{color: #f9f9f9!important;font-weight:600!important;}
.flex { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.flexd { display: flex; justify-content: space-between; flex-wrap: wrap; }
.index-title { text-align: center; }
.index-title h3 { font-size: 1.8rem; color: #333333; }
.index-title p { font-family: "Arial"; font-size: 1rem; color: #888888; margin: 0.8rem auto 0.6rem; }
.index-title span { font-size: 0.8rem; color: #929292; }
/**/
.p1 { margin-top: 4rem; }
.p1 .cont { margin-top: 2rem; }
.slick-wrap { display: flex; justify-content: space-between; }
.slick-contanier>div{width:30%; float:left; margin-left:1%;}
.slick-contanier>div:nth-child(1){margin-bottom:2%;}
.slick-contanier>div:nth-child(2){margin-bottom:2%;}
.slick-contanier>div:nth-child(3){margin-bottom:2%;}
.slick-contanier .slick-slide { outline: none; }
.slick-contanier>div>a .imgbig{border-radius:15px; overflow:hidden;}
.slick-contanier img { display: inline-block; width: 100%; }
.slick-contanier .slick-con { display: block; font-size: 0; padding: 0 4px; position: relative; }
.tab-con {}
.tab-con .tab-main { height: 0; overflow: hidden; position: relative; }
.tab-con .tab-main.active { height: auto; }
.tab-con .tab-main img { width: 100%; margin: 0 auto; }
.tab-con .tab-main .det { width: 80%;}
.tab-con .tab-main h2 { color: #333; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; padding:12px 8px; }
.tab-con .tab-main h4 { color: #221815; font-size: 12px; margin-top: 15px; font-family: "Arial"; text-transform: uppercase; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.pro { width: 32.26%; background: #009f3c; }
.ptt { color: #fff; text-transform: uppercase; font-size: 25px; padding: 0 8%; padding-top: 48px; padding-bottom: 10px; border-bottom: 1px #fff solid; }
.ptt p { font-family: "Arial"; font-size: 20px; margin-top: 5px; }
.tab-li { font-size: 0; cursor: pointer; padding: 0 8%; }
.tab-li li { line-height: 59px; border-bottom: 1px dashed #fff; overflow: hidden; }
.tab-li li a { font-size: 17px; color: #fff; display: block; width: 100%; transition: all 0.8s; }
.tab-li li:hover a, .tab-li li.active a { padding-left: 13px; }
@media (max-width:1024px) {
.ptt { padding-top: 22px; font-size: 20px; }
.ptt p { font-size: 15px; }
.tab-li { margin-top: 3px; }
.tab-li li { line-height: 46px; }
.tab-li li a { font-size: 14px; }
}
@media (max-width: 767px) {
.xypg-right-content img { max-width: 100%!important; width: auto!important; height: auto!important; }
.slick-wrap { flex-wrap: wrap; }
.tab-con { width: 100%; }
.pro { width: 100%; padding-bottom: 22px; margin-top: 15px; }
.abpic { width: 100%; float: none; }
.about { width: 100%; float: none; padding: 0 2% 5%; }
.ads2 li { margin-bottom: 10px; }
.ads3 li h2 { font-size: 16px; margin-top: 15px; }
.slick-contanier>div {width:49%;}
.index-title h3{ font-size:16px!important;}
.index-title h3.h_bt{ font-size:24px!important;}
.p3-title h4.h_bt{font-size:24px!important;}
.p2{ display:none!important}
}
/**/
.p2 { position: relative; margin-top: 3.15rem; }
.p2-title { position: absolute; left: 8rem; top: 5.1rem; z-index: 900; }
.p2-title h3 { font-family: "Arial"; font-size: 2.5rem; color: #fff; margin-bottom: 1.4rem; }
.p2-title h4 { font-size: 2.2rem; color: #fff; }
.p2a .cont { position: absolute; font-size: 0.8rem; font-weight: normal; color: #fff; font-weight:600;width: 52.7%; top: 13.1rem; left: 7.9rem; line-height: 2.2; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.p2a .img { overflow: hidden; }
.p2a .img img { display: block; width: 100%; transition: all ease 1s; }
.p2a .img:hover img { transform: scale(1.1); }
.p2b { position: absolute; top: 17.6rem; left: 7.9rem; justify-content: flex-start; }
.p2b li { width: 5.35rem; height: 5.35rem; border-radius: 1rem; border: solid 1px #ffffff; display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; transition: all ease .3s; }
.p2b li+li { margin-left: 2.2rem; }
.p2b li div.img { height: 2.15rem; line-height: 2.15rem; text-align: center; }
.p2b li div.img img { max-width: 100%;filter:hue-rotate(70deg);}
.p2b li h3 { color: #ffffff; margin-top: 0.5rem; font-size: 0.8rem; }
.p2b li {border: solid 2px #009f3c; }
.p2b li:hover{background:#009f3c;}
.p2c { width: 100%; position: absolute; bottom: 0; left: 0; right: 0; background-color:hsl(0deg 0% 0% / 60%);padding: 0 5rem 0 7.9rem; }
.p2c li { width: 25%; }
.p2c li a { display: block; position: relative; }
.p2c li a div.img { overflow: hidden; position: relative; z-index: 1; }
.p2c li a div.img img { display: block; width: 100%; opacity: 0; transition: all ease 1s; }
.p2c li:hover a div.img img { transform: scale(1.1); }
.p2c li a .cont { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 2.05rem 3.2rem 1rem 3.7rem; background: url(../images/637e13b8f2898159656346a878af1bf0691b35a1.png) no-repeat left center; transition: all ease .3s; z-index: 2; }
.p2c li:last-child a .cont { background: url(../images/c33822c3d6717ea8f817a90f78fca0d0344918df.png) no-repeat left center, url(../images/c33822c3d6717ea8f817a90f78fca0d0344918df.png) no-repeat right center; }
.p2c li a .cont h3 { font-size: 1.1rem; color: #fff; margin-bottom: 1.1rem; }
.p2c li a .cont p { font-size: 0.7rem; line-height: 1.85; color: #ffffff; }
/*.p2c li.on a .cont {
transform: translateY(-100%);
background-image: linear-gradient(0deg,
#0162bb 0%,
#0073dd 100%),
linear-gradient(#000000,
#000000);
background-blend-mode: normal,
normal;
}
.p2c li.on a .cont::after {
opacity: 1;
}
.p2c li.on a .cont h3 {
color: #fff;
}
.p2c li.on a div.img img {
opacity: 1;
}*/
.p2c li:hover a .cont { transform: translateY(-100%); background-color:#009f3c;}
.p2c li:hover a .cont::after { opacity: 1; }
.p2c li:hover a .cont h3 { color: #fff; }
.p2c li:hover a div.img img { opacity: 1; }
@media(max-width: 1600px) {
.p2-title { top: 2.1rem; }
.p2-title h3 { margin-bottom: 0.4rem; }
.p2a .cont { width: 83.7%; top: 9.1rem; }
.p2b { top: 13.6rem; }
.p2c li a .cont { padding: 1.05rem 0.2rem 1rem 0.7rem; }
}
@media(max-width: 1440px) {
.p2-title { left: 2rem; }
.p2-title h3 { font-size: 2rem; }
.p2-title h4 { font-size: 2rem; }
.p2c li a .cont { padding: 0.6rem 0.2rem 1rem 0.7rem; }
.p2c li a .cont p { line-height: 1.5; }
.p2a .cont { left: 2rem; }
.p2b { left: 2rem; }
.p2c li a .cont h3 { margin-bottom: 0.5rem; }
.p2c { padding: 0 3rem 0 1.2rem; }
}
@media(max-width: 1024px) {
.p2c li a .cont p { line-height: 1.6; }
.p3-title>img { display: none!important }
}
@media(max-width: 768px) {
.p2-title { position: initial; text-align: center; margin-bottom: 6%; }
.p2-title h3 { color: #000; }
.p2a { position: relative; }
.p2a .cont { width: 90%; line-height: 1.6; top: 6%; }
.p2c { position: initial;padding: 0 15px; }
.p2c li { width: 50%; }
.p2c li a .cont { transition: initial; }
.p2c li.on a .cont { background: initial; }
.p2c li.on a .cont { transform: initial; }
.p2c li.on a .cont::after { opacity: 0; }
.p2c li.on a div.img img { opacity: 1; }
.p2c li:nth-child(odd) a .cont { background: initial; }
.p2c li:last-child a .cont { background: url(../images/c33822c3d6717ea8f817a90f78fca0d0344918df.png) no-repeat left center; }
/* .p2c li.on a .cont h3{
color: #000;
}
.p2c li.on a .cont p{
color: #000;
} */
}
@media(max-width: 767px) {
.p2a .cont { font-size: 14px; width: 100%; position: initial; color: #000; padding: 0 15px; margin: 4% 0; }
.p2b { display: none; }
.p2c { background: initial; }
.p2c li a .cont p { display: none; }
.p2c li a .cont { background-image: linear-gradient(0deg, #0162bb 0%, #0073dd 100%), linear-gradient(#000000, #000000); background-blend-mode: normal, normal; display: flex; justify-content: center; align-items: center; }
.p2c li a .cont h3 { font-size: 18px; color: #fff; }
.p2c li:last-child a .cont { background-image: linear-gradient(0deg, #0162bb 0%, #0073dd 100%), linear-gradient(#000000, #000000); background-blend-mode: normal, normal; }
.p2c li:nth-child(odd) a .cont { background-image: linear-gradient(0deg, #0162bb 0%, #0073dd 100%), linear-gradient(#000000, #000000); background-blend-mode: normal, normal; }
.p2c li.on .cont { background: initial !important; }
}
/**/
.p3 { background: url(../images/ba1.jpg) no-repeat center center; background-size: cover; padding: 5rem 0 4.5rem; }
.wh1360 { max-width: 1390px; padding: 0 15px; margin: 0 auto; }
.p3 .p3-title { text-align: center; }
.p3 .p3-title h3 { font-size: 1.7rem; color: #000000; }
.p3 .p3-title p { font-size: 1rem; font-weight: normal; color: #333; margin-top: 1rem; text-align:left; font-weight:600;text-transform: uppercase;}
.p3 .p3-title p span{color: #009f3c;}
.p3a { font-size: 0.9rem; line-height: 1.88; color: #555555; letter-spacing: 0.7px; margin-top: 1.7rem; }
.p3b { flex-wrap: nowrap; margin-top: 2.5rem; }
.p3a a.abmr{background: url(../images/mo.png) no-repeat center; width:166px; height:57px; color:#fff;margin-top: 30px;display: block;line-height: 50px;text-indent: -5px; }
.p3b li { flex: 1; width: auto; display: contents; }
.p3b li+li { margin-left: 14%; }
li.active { }
.p3b li a h3 { font-family: "Impact"; font-size: 3rem; color: #009f3c; display: inline-block;padding-left: 30px;border-left: 1px #009f3c solid;}
.p3b li a span { font-size:2.5rem; font-weight: 900; color: #009f3c; }
.p3b li a p { font-size: 0.9rem; font-weight: normal; color: #333333;border-left: 1px #cbcbcb solid;padding-left: 30px;line-height: 40px;margin-top: -10px;}
@media(max-width: 1440px) {
.p3b li+li { margin-left: 0; }
.p3b li { text-align: center; }
}
@media(max-width: 768px) {
.p3b { margin-top: 4rem; flex-wrap: wrap; display:none!important; }
.p3b li { flex: auto; width:100%; margin-bottom: 5%; display: block; }
.p3b li a h3{border-left:0;float: left;}
.p3b li a span{ float:left;}
}
@media(max-width: 767px) {
.p3 .p3-title h3 { font-size: 20px; }
.p3 .p3-title p { font-size: 16px;}
.p3-title>img { display: none!important }
.p3a { font-size: 14px; }
.p3b li a span { font-size: 14px; }
.p3b li a p { font-size: 14px; margin-top: 1rem; }
}
/**/
.p4 { background: url(../images/982e59b9d3e983c147151d513efc2e005cfc29e5.jpg) no-repeat top center; padding-top: 2.8rem; background-size: 100% auto; }
.p4-title { text-align: center; }
.p4-title h3 { font-family: "Arial"; font-size: 1.2rem; color: #ffffff; letter-spacing: 0.24rem; font-weight: 400; margin-bottom: 0.8rem; text-transform: uppercase; }
.p4-title h4 { font-size: 2.4rem; color: #ffffff; position: relative; position: relative; padding-bottom: 1.1rem; }
.p4-title h4::after { content: ""; width: 3.5rem; height: 0.35rem; background-color: #0162bb; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; }
.p4-sort { align-items: center; margin-top: 2.5rem; margin-bottom: 3.1rem; padding: 0 3.25rem; }
.p4-sort li { align-items: center; width: 22%; background: #ffffff; justify-content: center; padding: 1rem 0; }
.p4-sort li .img0 { width: 15%; }
.p4-sort li .img0 img { max-width: 100%; }
.p4-sort li .img0 .img1 { }
.p4-sort li .img0 .img2 { display: none; }
.p4-sort li .wz { width: 80%; }
.p4-sort li .wz1 { color: #333333; font-weight: bold; font-size: 1.15rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.p4-sort li .wz2 { color: #e6e6e6; font-size: 12px; text-transform: uppercase; font-family: "Arial"; padding-top: 0.4rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.p4-sort li.cur { background: #0162bb; }
.p4-sort li.cur .img0 .img1 { display: none; }
.p4-sort li.cur .img0 .img2 { display: block; }
.p4-sort li.cur .wz .wz1 { color: #fff; }
.tt { display: none; }
.p4-list { }
.p4-list li a { flex-wrap: nowrap; background: #fff; box-shadow: 0px 3px 27px 0px rgba(0, 0, 0, 0.24); }
.p4-list li .img1 { width: 60%; }
.p4-list li .img1 img { width: 100%; height: auto; }
.p4-list li .wz { width: calc(100% - 60%); padding-left: 2rem; padding-right: 3rem; }
.p4-list li .wz .wz1 { border-bottom: 1px solid #e5e5e5; padding-bottom: 2rem; }
.p4-list li .wz .wz1 h3 { font-weight: bold; color: #0162bb; font-size: 1.5rem; }
.p4-list li .wz .wz1 h4 { color: #000000; font-size: 12px; text-transform: uppercase; font-weight: normal; padding-top: 10px; }
.p4-list li .wz .wz2 { color: #717171; font-size: 0.8rem; line-height: 2.0625; margin-top: 2rem; }
.p4-list li .wz .wz3 { color: #ffffff; font-size: 0.8rem; text-transform: uppercase; text-align: center; width: 9.5rem; height: 2.9rem; line-height: 2.9rem; background: #0162bb; margin-top: 3.25rem; }
@media(max-width: 767px) {
.p4-sort { padding: 0; }
.p4-sort li { width: 50%; display: block; text-align: center; padding: 10px; }
.p4-sort li .img0 { width: 100%; }
.p4-sort li .wz { margin-left: 0; width: 100%; }
.p4-sort li .wz1 { font-size: 16px; }
.p4-sort li .wz2 { font-size: 14px; }
.p4-list li a { display: block; }
.p4-list li .img1 { width: 100%; }
.p4-list li .wz { width: 100%; padding: 20px; }
.p4-list li .wz .wz1 h3 { font-size: 20px; }
.p4-list li .wz .wz2 { margin-top: 5%; font-size: 14px; }
.p4-list li .wz .wz3 { margin-top: 5%; width: 120px; height: 40px; line-height: 40px; font-size: 12px; }
}
/**/
.p5 { margin-top: 3rem; margin-bottom: 3.7rem; }
.nsort { text-align: center; font-size: 0; margin-top: 2.5vw; }
.nsort li { display: inline-block; margin: 0 11px; }
.nsort li a { display: block; width: 169px; height: 52px; background-color: #eeeeee; line-height: 52px; text-align: center; letter-spacing: 1px; color: #333333; font-size: 18px; }
.nsort li:hover a { background-color: #009f3c; color: #000; }
.p5a { margin-top: 2.3rem; align-items: flex-start; }
.p5a1 { width:50%; position: relative; }
.p5a1 .p5a1a { overflow: hidden; }
.p5a1 .p5a1a li a { display: block; overflow: hidden; position: relative; }
.p5a1 .p5a1a li a .img1 { overflow: hidden; }
.p5a1 .p5a1a .img1 img, .p5a1 .p5a1a video { width: 100%; height: 100%; transition: all ease 1s; }
.p5a1 .p5a1a:hover .img1 img { transform: scale(1.1); }
.p5a1 .p5a1a li a .wz { position: absolute; left: 0; right: 0; bottom: 0; line-height:70px; background:rgb(0 0 0 / 52%); color: #ffffff; font-size: 1rem; font-weight: bold; padding-left: 2.25rem; }
.p5a1 .p5a1a li a .wz>span{ width:100px; height:100%;background: #009f3c;}
.p5a1 .p5a1a li a .wz>span>img{filter:contrast(1000%);}
.p5a1 .cont { width: 100%; background: rgba(0, 0, 0, .7); position: absolute; bottom: 0; left: 0; right: 0; align-items: center; }
.p5a1 .cont h3 { font-size: 20px; color: #ffffff; padding-left: 2.4rem; }
.p5a2-scroll { display: flex; flex-direction: column; width:46%; justify-content: space-between; }
.p5-swiper { overflow: hidden; height:600px; }
.p5a2b li { }
.p5a2b li a { display: block; background-color: #ffffff; height: 100%; }
.p5a2b li a .title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; }
.p5a2b li a .title h3 { font-size: 1rem; color: #3a3a3a; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 300ms;}
.p5a2b li a .title span { font-size: 14px; color: #5a5a5a; overflow: hidden; white-space: nowrap; }
.p5a2b li a p { font-size: 14px; line-height: 1.75; text-align: left; color: #3a3a3a; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all 300ms;}
.p5a2b li:hover a .title h3, .p5a2b li:hover a p { color: #009f3c; text-indent: 25px; transition: all 300ms;}
.p5button { margin-top: 1.1rem; }
.p5button div { width: 49.65%; height: 23px; line-height: 23px; background: #009f3c url(../images/114a2ad33d7b6d195df8981d12fc93c11af71425.png) no-repeat center center; outline: none; cursor: pointer; }
.p5button div.p5next { background: #009f3c url(../images/114a2ad33d7b6d195df8981d12fc93c11af71425.png) no-repeat center center; transform: rotate(180deg); outline: none; cursor: pointer; }
@media(max-width: 1600px) {
.p5button { margin-top: 0.5rem; }
}
@media(max-width: 1440px) {
.p5-swiper { height: 440px; }
}
@media(max-width: 1366px) {
.p5-swiper { height: 371px; }
}
@media(max-width: 1024px) {
.p5-swiper { height: 268px; }
.nsort li a { font-size: 16px; line-height: 45px; width: 150px; height: 45px; }
}
@media(max-width: 768px) {
.nsort { margin-top: 25px; }
.nsort li a { width: 115px; }
.p5a1 { width: 100%; }
.p5a2-scroll { width: 100%; margin-top: 2rem; }
}
@media(max-width: 767px) {
.nsort li { margin: 0 5px; }
.nsort li a { line-height: 36px; height: 36px; width: 100px; font-size: 15px; }
.p5a1 .cont img { width: 21%; }
.p5a1 .cont h3 { font-size: 16px; }
.p5-swiper { height: 226px; }
.p5a2b li a .title h3 { font-size: 1.6rem; }
.p5a2b li a p { height: 50px; overflow: hidden; }
}
/**/
.p6{background: #009f3c url(../images/ba2.jpg) no-repeat center center;width: 100%;height: 280px;}
.p6 ol.ys4li{}
.p6 ol.ys4li li{ width:25%; float:left;cursor: pointer;}
.p6 ol.ys4li li>div{ width:176px; height:176px; border:1px #ccc solid; border-radius:120px;margin:30px auto 10px; text-align:center;padding: 40px 0;position:relative;overflow: hidden;}
.p6 ol.ys4li li>div>em{width:1px; height:1px; position:absolute; top:50%; left:50%;transition: all .35s ease; border-radius:200px;}
.p6 ol.ys4li li>div>b{ font-size:28px;color: #009f3c; z-index:999;position:absolute;top:30px;left:0;width:100%;text-align:center;transition: all .35s ease; }
.p6 ol.ys4li li>div>p{ font-size:36px;color: #333;z-index:999; position:absolute;top:80px;left:0;width:100%;text-align:center;transition: all .35s ease; }
.p6 ol.ys4li li>span{ font-size:18px; text-align:center;display: block;}
.p6 ol.ys4li li>div:hover em{ width:100%; height:100%; background:#009f3c; top:0;left:0;z-index:1;transition: all .35s ease;}
.p6 ol.ys4li li>div:hover b{ color:#fff;transition: all .35s ease; }
.p6 ol.ys4li li>div:hover p{ color:#fff;transition: all .35s ease; }
.p6 ol.ys4li li:hover span{color: #009f3c; }
.p7 { background-color: #323232; padding: 1.5rem 0 0rem; }
.p7a { padding-bottom: 1.5rem; border-bottom: 1px solid #fff; }
.p7a li a { display: block; }
.p7a li a h3 { font-size: 16px; padding-bottom: 13px; position: relative; margin-bottom: 20px; color: #ffffff; }
.p7a li a h3::after { content: ""; width: 43px; height: 2px; background-color: #ffffff; position: absolute; bottom: 0; left: 0; }
.p7a li a p { font-size: 14px; color: #ffffff; }
.p7b { padding: 1.85rem 0 1.25rem; align-items: flex-start; }
.p7b1 { width:75%; font-size: 14px; letter-spacing: 1.1px; color: #fcfcfc; line-height: 1.8; }
.p7b1 a { color: #fcfcfc; }
.p7b1a { margin-bottom: 1.7rem; font-weight: 700; display: none; }
.p7b1a a { margin-right: 5px; }
.p7b2 li+li { margin-left: 1.5rem; }
.p7b2 li div.img { width: 6.3rem; height: 6.3rem; background-color: #ffffff; border-radius: 0.5rem; padding: 0.55rem; }
.p7b2 li div.img img { width: 100%; }
.p7b2 li h3 { font-size: 11.33px; color: #fcfcfc; opacity: 0.51; text-align: center; margin-top: 0.8rem; text-align: center; font-weight: 400; }
.p7a.con li{ margin-top:20px;}
.p7a.con li p{ color:#e1e1e1; font-size:14px;line-height:20px;}
.p7a.con li p:nth-child(1){font-size:16px; line-height:30px;}
@media(max-width: 1440px) {
.p6a li a .cont { top: 2.8rem; padding: 0px 2.3rem 0 2.8rem; }
}
@media(max-width: 768px) {
.p6a li a .cont { top: 1.2rem; }
.p7a { border: none; }
.p7a li { width: 50%; margin-bottom: 3%; border-bottom: 1px solid #fff; padding-bottom: 6%; }
.p7b2 { margin-top: 5%; }
.p7a li:nth-child(5){ width:100%;}
.p7a li a h3{margin-bottom:0;float:left; padding-right:10px;}
.p7a li a h3::after{ display:none}
}
@media(max-width: 767px) {
.p6a li { flex: auto; width: 100%; }
.p6a li a .cont .img1 { width: 20%; display: flex; justify-content: center; align-items: center; }
.p6a li a .cont .img1 img { max-width: 40%; }
.p6a li a .cont .conta h3 { font-size: 20px; }
.p6a li a .cont .conta p { font-size: 14px; }
.p7a { align-items: initial; }
.p7a li { padding: 0px 2% 6% 0; }
.p7b { padding: 0 0 1.25rem; padding-bottom: 20%;display:none}
.p7b1 { width: 100%; }
.p7b2 li div.img { width: 7.3rem; height: 7.3rem; }
}
.region a { margin-right: 10px; }
/****************about******************/
.bxs{overflow: hidden;}
.com-img{overflow:hidden;}
.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.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}
.wh1560{max-width:1590px;margin:0 auto;padding:0 15px;}
.flex{display: flex;justify-content: space-between;flex-wrap: wrap;}
.flexs{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
/* 主体样式 */
.fbox1{padding:4.5vw 0;}
.ab_img{width:40.77%;position: relative;}
.ab_img img{width:100%;display:block;position: relative;z-index:99;}
.ab_img:before{content:"";position:absolute;z-index:2;right:-10px;top:10px;width:100%;height:100%;border:1px solid #067344;box-shadow:0 0 10px #ddd;}
.bkaa{background-color: rgb(0, 94, 53);opacity: 0.8;width: 158px;height: 84px;z-index: 100;border-top-left-radius:30px;border-bottom-right-radius:30px;position:absolute;right:-39px;top:57px; display:none}
.qyjj{width:52.88%;}
.jiantt h2{color:#000000;font-size:44px;font-weight:bold;}
.jiantt h3{color:#067344;font-size:24px;text-transform:uppercase;font-family:"Arial";margin-top:16px;}
.jianwz{color:#555555;font-size:17px;line-height:32px;margin:2vw 0 4.5vw;}
.sjnm li .num1{justify-content:flex-start;flex-wrap: nowrap;display: -webkit-flex;}
.sjnm li .counter{color:#333333;font-size:56px;font-weight:bold;line-height:55px;}
.sjnm li .num2{color:#fff;font-size:13px;width:22px;height:22px;line-height:22px;border-radius:50%;background:#005e35;text-align:center;margin-left:5px;}
.sjnm li .num3{color:#666666;font-size:16px;margin-top:10px;}
.fbox2{padding:4.5vw 0;background:url(//cdn.myxypt.com/574f880f/23/09/065d25c37c728e0f41d220c9b7f38af4ec56a7c3.jpg) no-repeat;background-size:100% 100%;}
.fgy_tt{color:#000000;font-size:44px;text-align:center;font-weight:bold;}
.qywh_list{margin-top:2.4vw;}
.qywh_list li{width:18.59%;text-align:center;border-radius: 10px;background-color: rgb(255, 255, 255);padding:40px 0;}
.qywh_list li .wz1{color:#111111;font-size:22px;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:26px 0 17px;}
.qywh_list li .wz2{color:#555555;font-size:16px;line-height:28px;}
.fbox3{padding:4.5vw 0;}
.hor{margin-top:3vw;position:relative;}
.hor .mySwiperhor{overflow:hidden;}
.hor .swiper-slide{text-align:center;background:#eeeeee;padding:13px 13px 0;}
.hor .swiper-slide img{width:100%;margin:0 auto;display:block;}
.hor .swiper-slide .wz{color:#555555;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:52px;}
.hor .swiper-slide:hover{background:#067344;}
.hor .swiper-slide:hover .wz{color:#fff;}
.hor .swiper-button-prevf{position: absolute;top:50%;margin-top:-33px;left:-59px;width:38px;height:66px;opacity:1;z-index:999;background:url(//cdn.myxypt.com/574f880f/23/09/cdb204db340cdac70b58077cfec4261f57e89493.png) no-repeat;background-size:100% 100%;}
.hor .swiper-button-nextf{position: absolute;top:50%;margin-top:-33px;right:-59px;width:38px;height:66px;opacity:1;z-index:999;background:url(//cdn.myxypt.com/574f880f/23/09/8b57de5c3c58465963a28d92c6d78ac32eb1f3fc.png) no-repeat;background-size:100% 100%;}
.hor .swiper-button-prevf:hover{background:url(//cdn.myxypt.com/574f880f/23/09/5f90c5dbb0a496fd3c8eb4b4543f09b65e846389.png) no-repeat;background-size:100% 100%;}
.hor .swiper-button-nextf:hover{background:url(//cdn.myxypt.com/574f880f/23/09/d066cab7cd16d060f3b9dc7a345b38ead0fa92ff.png) no-repeat;background-size:100% 100%;}
.fbox4{padding:4vw 0;background:#f5f5f5;}
.fqyhj{margin-top:3vw;}
.fqyhj li{width:24.4%;margin-bottom:1vw;box-shadow:0 0 15px #ddd;}
.fqyhj li .img{overflow:hidden;border:3px solid #fff;display:block;}
.fqyhj li .img img{transition:all 0.8s;width:100%;display:block;}
.fqyhj li .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);}
@media (max-width:1440px){
.hor .swiper-button-prevf{left:0;}
.hor .swiper-button-nextf{right:0;}
.hor{padding:0 60px;}
}
@media (max-width:1024px){
.ab_img{width:100%;}
.qyjj{width:100%;margin-top:20px;}
.bkaa{display:none;}
.ab_img:before{display:none;}
.jiantt h2{font-size:34px;}
.jiantt h3{font-size:18px;}
.jianwz{font-size:15px;line-height:25px;}
.sjnm li .counter{font-size:45px;line-height:36px;}
.sjnm li .num3{font-size:15px;}
.fgy_tt{font-size:34px;}
.qywh_list li{padding:25px 0;}
.qywh_list li .img{width:54px;margin:0 auto;}
.qywh_list li .img img{width:100%;}
.qywh_list li .wz1{font-size:18px;padding:15px 0 10px;}
.qywh_list li .wz2 br{display: none;}
.qywh_list li .wz2{font-size:14px;line-height:22px;padding:0 10px;}
.hor .swiper-slide .wz{font-size:14px;line-height:42px;}
.hor .swiper-slide{padding:8px 8px 0;}
}
@media (max-width:768px){
.hor .swiper-button-prevf{width:23px;height:40px;margin-top:-20px;}
.hor .swiper-button-nextf{width:23px;height:40px;margin-top:-20px;}
.hor{padding:0 3px;}
}
@media (max-width:428px){
.jiantt h2{font-size:23px;}
.fgy_tt{font-size:23px;}
.sjnm li{width:50%;margin:8px 0;}
.sjnm li .counter{font-size:35px;line-height:30px;}
.sjnm li .num2{font-size:12px;line-height:18px;height:18px;width:18px;}
.sjnm li .num3{margin-top:5px;}
.qywh_list li{width:49%;margin:5px 0;}
.fqyhj li{width:49%;}
}
.x-layout-menu{
width: 800px;
position: relative;
display: flex;
justify-content: space-between;
}
.x-layout-menu dl {
position: relative;
float: left;
}
.x-layout-menu dl dt {
font-size: 16px;
font-weight: normal;
margin-bottom: 15px;
color: #c7c7c7;
padding-bottom: 10px;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.x-layout-menu dl dd a {
display: block;
font-size: 14px;
color: rgba(255, 255, 255, 0.2);
line-height: 2.2;
}
.x-layout-menu dl dd a:hover{
color: rgba(255, 255, 255, 1);
}
@media (max-width: 900px) {
.p3a a.abmr{display:none}
h4.h_bt{background: url(../images/bt_b.png) no-repeat center!important; text-align:center;}
.p3 .p3-title p{text-align:center;}
.slick-wrap .tab-con{width:100%!important; margin: 0!important}
.slick-wrap .slick-contanier>div{ width:48%!important;}
.slick-wrap .slick-contanier>div .imgbig{border-radius:5px!important;}
.p6{display:none!important}
.p7a.flex{display:none!important}
.p7b2.flex{display:none!important}
.page-banner{display:none!important}
.wh1560.flexs{margin: 30px auto!important;}
.container{ width:90%!important; margin:0 auto!important; padding:0;}
.xypg-product-list li{ width:48%!important;margin: 1%!important; padding: 5px!important;border: 0;}
.pagination{ height:auto!important;}
.pagination p{ margin:5px!important;}
.pagination a{ margin:5px!important;}
.main-img .prom{ width:100%!important}
.main-img .prom>ol{margin-left:0!important}
.xypg-detail-pn {margin-top: 30px;margin-bottom: 30px;}
.xymob-head-box .xymob-logo img{ width:90%!important; height:auto!important;}
.footer3 ul li span{ font-size:18px!important;}
.xymob-sub-menu{ display:block!important}
.page-mob-tool li.xymob-page-navbtn{ display:none!important}
.p7b1b .region{ display:none!important}
.h_bt>p{font-size: 38px!important;padding-top: 30px;opacity: 0.8;}
.wh1600{ margin:0 auto; padding:0!important;}
.p5a2b li {padding: 0 2%!important;}
}