/*初始化样式*/
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,navs,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#333;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:hover,a:active,a:focus{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{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}




/*----- 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;}


/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%!important;}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:92%;margin:0 auto;}
#m_indemo {float: left;width:800%!important;}
#m_demo1 {float: left;}
#m_demo2 {float: left;}



.pos{position: relative;width:1920px;left:50%;margin-left:-960px;}
.wh{width:1200px;margin:0 auto;}


.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.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}



.roll_product {float: left;}


/*头部样式*/
.top1{position: fixed;width:100%;background:url(//cdn.myxypt.com/9748cf9e/21/09/1e37ed4487c9b02179d178a84f2a4c76e86f21a7.png) repeat-x center bottom;height:84px;left:0px;z-index: 9999;top:0px}


.wel{color: #595959;font-size:14px;}


.banquan{    z-index: 999;
    color: #fff;
    font-size: 14px;
    position: fixed;
    bottom: 160px;
    width: 100%;
    margin: 0 auto;
    text-align: center;}
.kk2{float:left;width:90%;}
.logo{float:left;line-height: 84px;width:10%;padding-top:19px;}
.logo img{line-height: 84px;}


/*导航栏样式*/
#menu{float:left}
.navx li{text-align:center;float:left;position:relative;z-index:999;width: 82px; }
.navx li a{display:block;line-height:84px;color:#fff;height:84px;padding: 0;font-size: 14px;padding: 0;}
.navx li a:hover{color:#fff;text-decoration:none;background:url(//static.xypt.net.cn/e9a35634/21/07/5f1e9e6274b24771f901b95fe9f9a1a31613cbcb.png) no-repeat center bottom;}
.navx>li>a:focus, .navx>li>a:hover {
    text-decoration: none;
background:url(//cdn.myxypt.com/9748cf9e/21/09/5ca65e1df7772704367c8c68e36e32f7f9d67861.png) no-repeat center bottom;}
.navx .sec{height:0;background:#136bbd;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:84px;left: -14px;width: 134%;}
.navx .sec a{background:#136bbd;color:#fff;height:38px;line-height:38px;font-size: 14px;}
.navx .sec a:hover{background:#136bbd;text-decoration:none;}





/*热门搜索*/
.kk1{float:right;position: relative;width:50px;margin-top:35px}
#formsearch{display: none;    position: absolute;
    top: 65px;
        right:0px;
        z-index: 99999;width:200px}
#formsearch input{height:24px;background:#fff;border:1px solid #c8c8c8;line-height:24px;outline: none;}
#formsearch input#keyword{height:24px;line-height:24px;padding-left:4px;color:#666;}
#formsearch input#s_btn{width:46px;height:24px;line-height:24px;text-align:center;background-color:#136bbd;color:#fff;border:none;cursor:pointer;font-size: 12px;}



.topx{position:relative; top:0; left: 0; height: 1200px; z-index: 1000;width:100%;}





.product_list1{margin-top:38px;}
.product_list1 li{float:left;margin-right:57px;margin-bottom:28px;}
.product_list1 li:nth-child(4n){margin-right:0;}
.product_list1 li img{width:257px;height:293px;}
.product_list1 li h3{text-align:center;font-weight:normal;color:#3f3f3f;font-size:20px;}








/*友情链接*/
.f_link{width:1200px;height:40px;line-height:40px;margin:0 auto;background: url(../images/link.png) no-repeat left;}

/*页面底部*/
.footer{text-align:center;}
.copyright{text-align:center;line-height:24px;}



.f_nav{width:826px;margin-top:40px;}
.f_nav dl{float:left;width:136px;height:186px;overflow:hidden;text-align:center;}
.f_nav dt{margin-bottom:8px;}
.f_nav dt a{font-size:14px;color:#333;}
.f_nav dd{line-height:20px;}
.f_nav dd a{font-size:12px;color:#333;}










/*内页左侧样式*/
.container{width: 1200px!important;margin: 0 auto;padding: 0;}
.page-product-inquiry a{color: #fff;}

@-webkit-keyframes scaleUpDown {
  from {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scaleUpDown {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
  }
}

.x-banner .owl-carousel .banner-item a {
  display: block;
  overflow: hidden;
}

.x-banner .active .banner-item a img {
  -webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation: scaleUpDown 5s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);
}












@charset "utf-8";
html {
    -ms-touch-action: none;
}
body,
div,
h1,
h3,
h4,
p,
ul,
li {
	margin: 0;
	padding: 0;
}
ul {
    list-style: none;
}
a {
    text-decoration: none;
    border: none;
    outline: none;
}
img {
    display: block;
    border:none;
}
body {
	width: 100%;
    *cursor: default;
	
	font: 16px/1.5 "Microsoft YaHei",Helvetica,STHeiti STXihei,Microsoft JhengHei,Arial;
}
#pageContain {
	overflow: hidden;
}
.page {
    box-shadow: 1px 1px 4px 0 #000;
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.contain {
	width: 100%;
	height: 100%;
	display: none;
	position: relative;
	z-index: 0;
  
}
.current .contain,.slide .contain {
	display: block;
}
.current {
	display: block;
	z-index: 1;
}
.slide {
	display: block;
	z-index: 2;
}
.swipe {
    display: block;
    z-index: 3;
    transition-duration: 0ms !important;
    -webkit-transition-duration: 0ms !important;
}
.page1 {
	
}
.page2 {
	
}
.page3 {
	
}

.section1 {
    background: #fff;
}
.section2 {
    background: #fff;
}
.section3 {
    background: #fff;
}
.section4 {
    background: #fff;
}
#navBar {
    *padding-left: 80px;
	z-index: 3;
	position: absolute;
    font-size: 0px;
    line-height: 0;
	bottom: 80px;
    text-align: center;
    width: 200px;
	left: 50%;
    margin-left: -100px;
}
#navBar .active {
    background: #ccc;
}
#navBar li {
    background: transparent;
    border: 1px solid #ccc;
    display: inline-block;
    font-size: 0px;
    margin: 0 4px;
    *float: left;
    *zoom:1;
    cursor: pointer;
    transition: all .7s ease;
    border-radius: 50%;
    line-height: 10px;
    text-align: center;
    width: 10px;
    height: 10px;
}
#prev,#next {
    z-index: 4;
    text-align: center;
    line-height: 40px;
    position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    cursor:pointer;
    margin-top: -20px;
}
#prev {
    left: 0
}
#next {
    right: 0
}
/*.nav {*/
/*    z-index: 5;*/
/*    position: fixed;*/
/*    _position:absolute;*/
/*    box-shadow: 0 2px 10px 0px #000;*/
/*    background: #fff;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 70px;*/
/*    line-height: 70px;*/
/*}*/
/*.logo {*/
/*    width: 51px;*/
/*    height: 51px;*/
/*    vertical-align: top;*/
/*    margin: 9px 0 0 20px;*/
/*    transition:all .4s ease;*/
/*}*/
/*.logo:hover {*/
/*    transform:rotate(5deg) scale(1.05);*/
/*}*/
/*.nav a {*/
/*    line-height: 70px;*/
/*    transition:all .4s ease;*/
/*    color: #333;*/
/*}*/
/*.nav a:hover {*/
/*    text-shadow:1px 1px 3px #000;*/
/*}*/
/*.nav h1 {*/
/*    line-height: 70px;*/
/*    float: left;*/
/*}*/
/*.nav span {*/
/*    position: absolute;*/
/*    left: 80px;*/
/*    top: 0;*/
/*}*/
/*.nav h1 p {*/
/*    display: none;*/
/*}*/
/*.nav li {*/
/*    display: inline;*/
/*    float: right;*/
/*    margin: 0 22px;*/
/*}*/
.title,.titleEng {
    -webkit-animation:dragTop .7s ease-in-out both;
    -moz-animation:dragTop .7s ease-in-out both;
    -ms-animation:dragTop .7s ease-in-out both;
    animation:dragTop .7s ease-in-out both;
    position: absolute;
    text-align: center;
    color: #fff;
    top: 13%;
    left: 50%;
}
.title {
    -webkit-animation-delay: .8s;
    -moz-animation-delay:.8s;
    -ms-animation-delay:.8s;
    animation-delay:.8s;
    width: 500px;
    line-height: 60px;
    height: 60px;
    font-weight: normal;
    letter-spacing: 8px;
    font-size: 40px;
    margin-left: -250px;

}
.titleEng {
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay:1.2s;
    -ms-animation-delay:1.2s;
    animation-delay:1.2s;
    width: 400px;
    height: 50px;
    line-height: 50px;
    font-size: 24px;
    margin-left: -200px;
    margin-top: 50px;
}
.page3 .title,.page3 .titleEng {
    top: 25%;
    color: #333;
}
.page1 p {
    font-size: 24px;
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 180px;
    width: 100%;
    -webkit-animation:scaleIn .6s ease 2s both;
    -moz-animation:scaleIn .6s ease 2s both;
    -ms-animation:scaleIn .6s ease 2s both;
    animation:scaleIn .6s ease 2s both;
}
.page1-box,.page2-box,.page3-box,.page4-box {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-animation:scaleAll .7s ease-in-out 1.6s both;
    -moz-animation:scaleAll .7s ease-in-out 1.6s both;
    -ms-animation:scaleAll .7s ease-in-out 1.6s both;
    animation:scaleAll .7s ease-in-out 1.6s both;
}
.page1-box {
    margin-left: -182px;
    margin-top: -150px;
    width: 365px;
    height: 347px;
}
.page2-box {
    margin-left: -366px;
    margin-top: -151px;
    width: 733px;
    height: 302px;
}
.page3-box {
    margin-left: -150px;
    width: 299px;
    height: 203px;
    margin-top: -40px;
}
.page4-box {
    width: 398px;
    height: 322px;
    background-image: url(../images/a6.png);
    background-size: 100% 100%;
    margin-left: -199px;
    margin-top: -120px;
}
.page4-box img{
    float: right;
    -webkit-animation:scaleIn .6s ease 2.4s both;
    -moz-animation:scaleIn .6s ease 2.4s both;
    -ms-animation:scaleIn .6s ease 2.4s both;
    animation:scaleIn .6s ease 2.4s both;
}
.scTop,.scBottom {
    position: absolute;
    left: 0;
    background: #2f2f2f url(../images/a15.png) repeat-x 0 0;
    width: 100%;
    height: 82px;
}
.scTop {
    top: 70px;
    -webkit-animation: bgL 20s linear 0s infinite alternate both;
    -moz-animation:bgL 20s linear 0s infinite alternate both;
    -ms-animation:bgL 20s linear 0s infinite alternate both;
    animation:bgL 20s linear 0s infinite alternate both;
}
.scBottom {
    bottom: 70px;
    -webkit-animation: bgR 20s linear 0s infinite alternate both;
    -moz-animation:bgR 20s linear 0s infinite alternate both;
    -ms-animation:bgR 20s linear 0s infinite alternate both;
    animation:bgR 20s linear 0s infinite alternate both;
}
.section1 .contain {
	display: block !important;
}

@media screen and (max-width: 680px) {
	.nav ul {
		display: none;
	}
	.nav span {
		font-size: 22px;
	}
	.page1 p {
		font-size: 14px;
	}
	#next,#prev {
		display: none;
	}
	.page1-box {
		margin-left: -91px;
		margin-top: -90px;
		width: 182px;
		height: 173px;
	}
	.page2-box {
		margin-left: -160px;
		margin-top: -70px;
		width: 320px;
		height: 140px;
	}
	.page3-box {
		margin-left: -60px;
		margin-top: -50px;
		width: 160px;
		height: 100px;
	}
	.page4-box {
		margin-left: -91px;
		margin-top: -90px;
		width: 182px;
		height: 173px;
	}
	.title {
		font-size: 30px;
		letter-spacing: 2px;
	}
	.titleEng {
		font-size: 18px;
	}
}

@keyframes dragTop {
    0% {
        opacity:0;
        transform:translateY(-70px)
    }
    60% {
        opacity:1;
        transform:translateY(20px)
    }
    90% {
        transform:translateY(-5px)
    }
    97% {
        transform:translateY(-1px)
    }
    100% {
        transform:translateY(0px)
    }
}
@-webkit-keyframes dragTop {
    0% {
        opacity:0;
        -webkit-transform:translateY(-70px)
    }
    60% {
        opacity:1;
        -webkit-transform:translateY(20px)
    }
    90% {
        -webkit-transform:translateY(-5px)
    }
    97% {
        -webkit-transform:translateY(-1px)
    }
    100% {
        -webkit-transform:translateY(0px)
    }
}
@-moz-keyframes dragTop {
    0% {
        opacity:0;
        -moz-transform:translateY(-70px)
    }
    60% {
        opacity:1;
        -moz-transform:translateY(20px)
    }
    90% {
        -moz-transform:translateY(-5px)
    }
    97% {
        -moz-transform:translateY(-1px)
    }
    100% {
        -moz-transform:translateY(0px)
    }
}
@-ms-keyframes dragTop {
    0% {
        opacity:0;
        -ms-transform:translateY(-70px)
    }
    60% {
        opacity:1;
        -ms-transform:translateY(20px)
    }
    90% {
        -ms-transform:translateY(-5px)
    }
    97% {
        -ms-transform:translateY(-1px)
    }
    100% {
        -ms-transform:translateY(0px)
    }
}
@keyframes scaleAll {
    0% {
        opacity: 0;
        transform: scale(0) rotate(30deg);
    }
    30% {
        opacity: 1;
    }
    100% {
        transform: scale(1) rotate(0);
    }
}
@-webkit-keyframes scaleAll {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) rotate(30deg);
    }
    30% {
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
    }
}
@-moz-keyframes scaleAll {
    0% {
        opacity: 0;
        -moz-transform: scale(0) rotate(30deg);
    }
    30% {
        opacity: 1;
    }
    100% {
        -moz-transform: scale(1) rotate(0);
    }
}
@-ms-keyframes scaleAll {
    0% {
        opacity: 0;
        -ms-transform: scale(0) rotate(30deg);
    }
    100% {
        opacity: 1;
        -ms-transform: scale(1) rotate(0);
    }
}
@keyframes scaleIn {
    0% {
        opacity: 0;
        transform: scale(3);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
@-webkit-keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(3);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes scaleIn {
    0% {
        opacity: 0;
        transform: scale(3);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
@-ms-keyframes scaleIn {
    0% {
        opacity: 0;
        -ms-transform: scale(3);
    }
    100% {
        opacity: 1;
        -ms-transform: scale(1);
    }
}
@keyframes bgL {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 2000px 0;
    }
}
@-webkit-keyframes bgL {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 2000px 0;
    }
}
@-moz-keyframes bgL {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 2000px 0;
    }
}
@-ms-keyframes bgL {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 2000px 0;
    }
}
@keyframes bgR {
    0% {
        background-position: 2000px 0;
    }
    100% {
        background-position: 0 0;
    }
}
@-webkit-keyframes bgR {
    0% {
        background-position: 2000px 0;
    }
    100% {
        background-position: 0 0;
    }
}
@-moz-keyframes bgR {
    0% {
        background-position: 2000px 0;
    }
    100% {
        background-position: 0 0;
    }
}
@-ms-keyframes bgR {
    0% {
        background-position: 2000px 0;
    }
    100% {
        background-position: 0 0;
    }
}








.syabout-left{float: left;margin-left: 555px;}
.sy-about-content{position: absolute;top: 0px;background: url(//cdn.myxypt.com/9748cf9e/21/09/38406a6d4f59b0a7077fde013eb419d1caea92de.png) no-repeat top center;    background-size: cover;
    position: absolute;
    z-index: 9990;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;}
.syabout-left h3{font-weight: 600;font-size: 33px;color: #fff;margin-left: 138px;padding-bottom: 20px;}
.syabout-left p{font-size: 16px;line-height: 34px;color: #fff;display: block;margin-left: 145px;text-indent: 2em;}
.syabout-left span{font-size: 16px;color: #fff;margin-left: 140px;display: block;padding-bottom: 55px;} 
.syabout-left img{width: 100%;display: block;margin-top: 140px;margin-left: 65px}
.abmoren{background: url(//cdn.myxypt.com/9748cf9e/21/09/5b36d85c0d3c7b219a98df5d77ad61d54534de0c.jpg) no-repeat;width: 206px;height: 49px;line-height: 49px;text-align: left;
    color: #fff;
    font-size: 16px;
    margin-left: 139px;
    margin-top: 63px;
    display: block;
    text-indent: 25px;}   
.w1200{width: 1200px;
    margin: 0 auto;
overflow: hidden;}   

.abmoren:hover{color:#fff;}
.product-index .pp1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  .product-index .pp1 .prol {
    width: 494px;
  }
  
  .product-index .pp1 .prol .pt1 {
    color: #fff;
    font-size: 59px;
    font-family: "Arial";
    font-weight: bold;
  }
  
  .product-index .pp1 .prol .pt2 {
    font-size: 33px;
    color: #fff;
    display: flex;
    align-items: center;
  }
  
  .product-index .pp1 .prol .pt2 span {
    width: 106px;
    height: 6px;
    background: #fff;
    margin-right: 20px;
  }
  
  .product-index .pp1 .prol .psort {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    color: #ececec;
  }
  
  .product-index .pp1 .prol .psort li a {
    color: #ececec;
    font-size: 14px;
    font-weight: bold;
  }
  
  .product-index .pp1 .pror {
    width: 356px;
    color: #fff;
    font-size: 18px;
    position: relative;
    text-align: right;
    line-height: 30px;
    margin-top: 100px;
  }
  
  .product-index .pp1 .pror::before {
    content: "";
    position: absolute;
    width: 132px;
    height: 2px;
    background: #8fc31f;
    right: 155px;
    top: 45px;
  }
  
  .product-index .pro-roll {
    margin-top: 45px;
    margin-left: 22px;
  }
  
  .product-index .pro-roll .bd .pror-list li {
    width: 357px !important;
    border: 9px solid #fff;
    background: #fff;
    margin: 0 20px;
  }
  
  .product-index .pro-roll .bd .pror-list li .img1 img {
    width: 337px;
    height: 252px;
  }
  
  .product-index .pro-roll .bd .pror-list li .pro1 {
    color: #474747;
    font-size: 15px;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 40px;
  }
  
  .product-index .pro-roll .bd .pror-list li .pro2 {
    width: 166px;
    height: 40px;
    background: #009944;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    margin: 0 auto;
    color: #ffffff;
  }
  


  .news-index .pp1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  .news-index .pp1 .prol {
    width: 260px;
  }
  
  .news-index .pp1 .prol .pt1 {
    color: #fff;
    font-size: 59px;
    font-family: "Arial";
    font-weight: bold;
  }
  
  .news-index .pp1 .prol .pt2 {
    font-size: 33px;
    color: #fff;
    display: flex;
    align-items: center;
  }
  
  .news-index .pp1 .prol .pt2 span {
    width: 106px;
    height: 6px;
    background: #fff;
    margin-right: 20px;
  }
  
  .news-index .pp1 .prol .psort {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    color: #ececec;
    width: 200px;
  }
  
  .news-index .pp1 .prol .psort li a {
    color: #ececec;
    font-size: 14px;
    font-weight: bold;
  }
  
  .news-index .pp1 .pror {
    width: 400px;
    color: #fff;
    font-size: 18px;
    position: relative;
    text-align: right;
    line-height: 30px;
    margin-top: 100px;
  }
  
  .news-index .pp1 .pror::before {
    content: "";
    position: absolute;
    width: 132px;
    height: 2px;
    background: #009944;
    right: 191px;
    top: 45px;
  }
  
  .news-index .nlist1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 25px;
    padding-bottom: 55px;
  }
  
  .news-index .nlist1 li {
    width: 385px;
    border: 3px solid #fff;
    background: #fff;
    position: relative;
  }
  
  .news-index .nlist1 li .img1 img {
    width: 379px;
    height: 167px;
  }
  
  .news-index .nlist1 li .wen {
    padding: 0 12px;
    height: 200px;
  }
  
  .news-index .nlist1 li .wen .w1 {
    padding-top: 30px;
    color: #27558e;
    font-size: 16px;
  }
  
  .news-index .nlist1 li .wen .w2 {
    color: #363636;
    font-size: 14px;
    line-height: 28px;
    margin-top: 15px;
  }
  
  .news-index .nlist1 li .date {
    position: absolute;
    width: 92px;
    height: 91px;
    background: #009944;
    bottom: -40px;
    left: -3px;
    color: #fff;
    padding-left: 6px;
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  
  .news-index .nlist1 li .date .d1 {
    font-size: 30px;
  }
  
  .news-index .nlist1 li .date .d2 {
    font-size: 16px;
  }
  .xwbj{background-size: cover;
    position: absolute;
    background: url(//cdn.myxypt.com/9748cf9e/21/09/d821fffe84b33ba08b9417c6ddecade0ea1126ec.png) no-repeat top center;
    z-index: 9990;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;}



    .contact-index .pp1 {
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      
      .contact-index .pp1 .prol {
        width: 350px;
      }
      
      .contact-index .pp1 .prol .pt1 {
        color: #fff;
        font-size: 59px;
        font-family: "Arial";
        font-weight: bold;
      }
      
      .contact-index .pp1 .prol .pt2 {
        font-size: 33px;
        color: #fff;
        display: flex;
        align-items: center;
      }
      
      .contact-index .pp1 .prol .pt2 span {
        width: 106px;
        height: 6px;
        background: #fff;
        margin-right: 20px;
      }
      
      .contact-index .pp1 .pror {
        width: 432px;
        color: #fff;
        font-size: 18px;
        position: relative;
        text-align: right;
        line-height: 30px;
        margin-top: 100px;
      }
      
      .contact-index .pp1 .pror::before {
        content: "";
        position: absolute;
        width: 132px;
        height: 2px;
        background: #009944;
        right: 212px;
        top: 45px;
      }
      
      .contact-index .ct2 {
        color: #fff;
        font-size: 20px;
        font-weight: bold;
        position: relative;
        margin-top: 86px;
      }
      
      .contact-index .ct2::before {
        content: '';
        position: absolute;
        left: 185px;
        top: 40px;
        width: 126px;
        height: 3px;
        background: #fff;
      }
      
      .contact-index .ct3 .ct3a {
        margin-top: 92px;
      }
      
      .contact-index .ct3 .ct3a p {
        color: #fff;
        font-size: 16px;
        line-height: 33px;
      }
      
      .contact-index .ct3 .ct3b {
        margin-right: 30px;
        margin-top: 13px;
      }
      
      .footer {
        text-align: center;
        background: #009944;
        color: #fff;
        padding: 10px 0;
      }
      
      .footer a {
        color: #fff;
      }
      .lxwm{background-size: cover;
        position: absolute;
        background: url(//cdn.myxypt.com/9748cf9e/21/09/b460204b7cf54080e403cc1d39894e45262ba549.png) no-repeat top center;
        z-index: 9990;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;}