<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
html,body{MARGIN: 0px;font-size:14px;text-align:left; padding:0px; color:#404040;font-family: "Microsoft YaHei","SimSun","SimHei";min-height: 100%;}
body{ background:#fff;word-wrap: break-word;}
div,ul,li,p,form,dd,dt,dl,h3,h4{ margin:0px; padding:0px; }
img{ border:0px;vertical-align:middle}
li{ list-style:none}
a{ font-size:16px; color:#404040; text-decoration:none;}
a:hover{ font-size:16px; color:#1FB75D; text-decoration:none;}
p{ font-size:16px;}
.clearboth{ clear:both;}
.container{clear:both; width:1480px;text-align:left;word-break:break-all; margin-left:auto; margin-right:auto;}
.fl{float: left}
.fr{float: right}



/*heade*/
.header{ width:100%; height:76px;background:rgba(17,68,163,0.8);position: fixed;z-index: 9999; backdrop-filter: blur(2px); }
.header::before{ 
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  backdrop-filter: blur(2px);
  z-index: -1;
  }
.header .container{display: flex; justify-content:space-around; align-items: center; height: 100%; }

.logo{  height: 70px; width: 15%; }
.logo img{height: 100%;}

.header .tel{width:20%;padding: 5px 0px 5px 0px; border-radius: 30px;}
.header .telp1,.header .telp2 {
   font-size:19px;
   color: #fff;
   height: 30px;
   line-height: 30px;
   font-weight: bold
}


/*menu*/
.menu{
    height: 55px;
    z-index: 5;
    position: relative;
	width: 74%;
	display: flex;
	justify-content: space-around; 
	align-items: center;
}
.menu ul li{ float:left; /* padding: 0px 15px; */ width: 112px; text-align:center; height: 76px; line-height: 76px;transition: all 0.3s; position: relative;}
.menu ul li a{ font-size:17px; color: #fff;  }
.menu ul li:hover{ background:#1FB75D;}
/* .menu dl{background:#1FB75D; opacity: 0; transition: all 0.3s; position: absolute; top: 0px; width: 100px; text-align:center; margin: 0px;}
.menu dl dd{height: 45px; line-height: 45px; font-size: 14px;}
.menu ul li:hover dl{opacity: 1; top: 76px;}
.menu dl dd:hover{background:#FFB42E;} */


/*banner ï¿½ï¿½Ê¼*/

.bannerswiper {}
 .bannerswiper .swiper-container {
      width: 100%;
      height: 100%;
    }
 .bannerswiper .swiper-slide img{
		width:100%;
		height:auto;
		min-height:100%;
		transition:1s linear 2s;
		transform:scale(1.1,1.1);
		}
.bannerswiper	.swiper-slide-active img,.swiper-slide-duplicate-active img{
		transition:6s linear;
		transform:scale(1,1);
		}	
.bannerswiper .swiper-container-horizontal&gt;.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 40px;}
.bannerswiper .swiper-pagination-bullet{background: #fff;    opacity: 0.6; width:20px; height: 6px; border-radius:5px; }
.bannerswiper .swiper-pagination-bullet-active{background: #1FB75D;opacity:1;} 
/*bannerï¿½ï¿½ï¿½ï¿½*/

.zero{padding: 50px 0px;}

.index_title{ width:100%; text-align:center; }
.index_title h3{ font-size:36px; font-weight:bold; color:#333; margin: 0px;}
.index_txt{margin: 0px; padding: 0px; text-transform: uppercase; font-size: 16px; color: #666;}

.zero ul{display: flex; justify-content:space-around; align-items: center; overflow: hidden; margin-top: 40px;}
.zero ul li {width: 360px; height: 450px; background: #f7f7f7;transition: ease 1s; overflow: hidden;}
.zero ul li a{ display: block; width:100%; height: 100%; padding:3.6vw 2.6vw; box-sizing: border-box; padding-bottom:2vw; position: relative;}
.zero ul li a .picbg{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: -1; transition: ease 1s; opacity: 0; }
.zero ul li a .picbg::before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.4); z-index: 1;}
.zero ul li a:hover .picbg{ opacity: 1; transform: scale(1.1,1.1);}
.zero ul li:hover{background: none;}

.zero ul li a .icon{ height: 42px; overflow: hidden; margin-bottom: 20px;}
.zero ul li a .icon img{ display: block; transition: ease .4s;}
.zero ul li a:hover .icon img{transform: translateY(-42px);}
.zero ul li a h3{ font-size:24px; font-weight: bold; transition: ease .6s;}
.zero ul li a h4{ font-weight: normal; transition: ease .6s; text-transform: uppercase;color: #666; }
.zero ul li a:hover h3{color: #fff;}
.zero ul li a:hover h4{color: #fff;}

.zero ul li a .zeroline{ display: block; width: 20px; height: 5px;  margin: 30px 0; background:#04A145;transition: ease .6s; border-radius: 10px;}
.zero ul li a .zero_con{font-size:15px;color:rgba(0,0,0,1);line-height:24px; transition: ease .6s; margin-bottom: 30px; min-height: 96px; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;text-overflow: ellipsis;}
.zero ul li a:hover a{ color: #fff;}
.zero ul li a:hover .zeroline{ background: #fff;}
.zero ul li a:hover .zero_con{ color: #fff;}
.zero ul li a .zeromore{ display: block; transition: ease 1s; transform: translateX(-220px); opacity: 1; margin-top: 10px; width: 42px; height: 42px; background: url(../images/jt01.png) no-repeat center; background-size: 100% 100%;}
.zero ul li a:hover .zeromore{ opacity: 1; transform: translateX(0);  background: url(../images/jt01h.png) no-repeat center;}

.youshi{ background: url(../images/youshibg.jpg) no-repeat center center /cover; background-attachment:fixed; padding: 8vw 0px;width: 100%;height: 100%;transition: ease 1s; }
.youshi_top{ padding-bottom:4vw;margin-bottom:5vw; border-bottom: 1px solid #5581D1;}
.youshi_tit{ text-align: left;}
.youshi_tit .youshi_tit{ text-align: left; margin-bottom:30px;}
.youshi_tit .youshi_tit h3{ text-align: left;font-size: 36px;}
.youshi_tit h4 {
    font-size: 16px;
    text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
.youshi_tit .youshidesc{ line-height:18px; font-size: 16px; line-height: 1.5; margin-bottom: 15px; font-family: "Microsoft YaHei","SimSun","SimHei";} 
.youshi_list1{}
.youshi_list li{ display: inline-block; width: 25%; min-height: 194px; padding: 20px 40px 20px 110px; box-sizing: border-box; border-right: 1px solid #5581D1; float: left; color: #fff;}

.youshi_list li .timer{ font-size:66px; line-height: 66px; display: inline-block; margin-right: 8px;}
.youshi_list li span{  }
.youshi_list li h3{font-size:20px; margin: 20px 0px 30px 0px;}
.youshi_list li h4{font-weight: normal; font-size: 16px;}

.youshi_list li .jia{ vertical-align: top; font-size: 24px; font-weight: bold; margin-left: 15px;}
.youshi_list1 li:first-child{ padding-left: 0;border-right: none; padding:0px; }
.youshi_list li:nth-child(1) h3{margin: 0px;}
.youshi_list li:nth-child(3) h3{margin:8px;}
.youshi_list li:last-child{ border-right: none; padding-right: 0;}

.youshi_list2{margin-top:40px;}
.youshi_list2 ul li{min-height:200px; padding-left:30px;}
.youshi_list2 li h3{font-size:24px; letter-spacing: 1px; margin: 20px 0px 30px 0px; font-style: normal;}
.youshi_list2 li:nth-child(1) h3{ margin: 20px 0px 30px 0px;}
.youshi_list2 li:nth-child(3) h3{ margin: 20px 0px 30px 0px;}
.youshi_list2 li h4{font-weight: normal; font-size: 16px;}
.youshi_list2 li:nth-child(4){ border-right: none; padding-right: 0;}

/*floor*/
.first{ width:100%; background: #f7f7f7; padding: 50px 0px;}

/* .abtitle{width: 190px; margin-bottom: 30px;}
.abtitle b {
    display: inline-block;
    font-size:36px;
    color: #fff
}
.abtitle img {
    display: inline-block;
    margin-top: -55px;
    margin-left: -165px;
}
.abtitle p{color:rgba(224,234,250,0.6); font-size: 16px; font-weight: bold; text-transform: uppercase;}
.casetitp{width: 60%; color: #333;text-align: right;font-size: 16px;line-height: 28px; display: flex; justify-content: flex-end; align-items: center;}
.frmore{display: block; height: 45px; line-height: 45px; background: #f5f5f5; width: 100px; text-align: center; background: #0447B4; font-size: 16px;color: #fff; transition: all 0.3s;margin-left: 15px; }
.frmore:hover{background: #1FB75D; color: #fff; font-size: 16px;} */





/*ï¿½ï¿½Æ·ï¿½ï¿½ï¿½ï¿½*/
.pro_l{ float:left; width:290px; background:#345197; margin-top: 40px}

.pro_l_title{     
    padding:46px 0;
    text-align: center;
    height: 50px;
}
.pro_l_title a{ font-size:27px; color:#FFF;  letter-spacing:3px; font-weight:bold;}
.pro_l_title span {
    display: block;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
}

.pro_l_con{width:240px; margin: 0 auto 20px auto;color:#fff; padding: 15px 10px; margin-top:1px; border-radius: 5px; background: #fff;}
.pro_l_con ul{}
.pro_l_con ul li{
    height: 55px;
    line-height: 55px;
    background: #345197;
    border-radius: 5px;
    margin-bottom: 15px;
    text-align: center;
     transition: all .3s ease-in-out 0s;
}
/*.pro_l_con ul li:last-child{margin-bottom: 0px;}*/
.pro_l_con ul li a{font-size: 18px; color: #fff;}
.pro_l_con ul li:hover{background-color: #e51c34}

.pro_l_con a.promore {
    display: block;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    border: 1px solid #345197;
    color: #345197;
    border-radius: 3px;
    text-align: center;
    transition: all .3s ease-in-out 0s;
}
.pro_l_con a.promore:hover{background: #345197; color: #fff}


/*ï¿½ï¿½Æ·Õ¹Ê¾*/
.pro_r{ width:100%; margin-top: 40px}
.pro_r_title{ width:100%; height:45px; border-bottom:#345197 solid 4px;}
.r_left{ float:left; font-size:24px; height:45px; line-height:45px; font-weight:bold; color:#333; }
.r_left i{font-size: 13px;
    color: #999999;
    margin-left: 15px;
    text-transform: uppercase; 
    font-weight: normal;
}

.more{ float:right; height:39px; line-height:39px;}

.pro_list dl{     
    float: left;
    width: 346px;
    margin-bottom: 30px;
    margin-right:30px;
	border-radius: 10px 10px 0px 0px;
	position: relative;
	background: #fff;
	box-shadow: 0px 2px 8px rgba(57,57,57,0.05);
}
.pro_list dl:nth-child(4n+4){margin-right: 0px;}

.pro_list dl dt{width: 346px;height: 260px; justify-content: center; align-items: center; overflow: hidden ; border-radius: 10px 10px 0px 0px; position: relative; display: flex;
    align-items: center;
    justify-content: center; }
.pro_list dl dt img{
    max-width: 100%;
    max-height: 100%;
    display: block;
    vertical-align: middle;
    -webkit-transition: all ease 1s;
    -moz-transition: all ease 1s;
    -ms-transition: all ease 1s;
    -o-transition: all ease 1s;
    transition: all ease 1s;
    /* transform:scale(1.1) */
}
.pro_list dl dt img.back {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    filter: blur(3px);
    -webkit-filter: blur(3px);
}
.pro_list dl dt img.front {
    max-width: 100%;
    max-height: 100%;
    display: block;
    position: absolute;
}

.pro_list dl dd{ 
    background:#fff;
    width: 100%;
    height: 60px;
	line-height: 60px;
    z-index: 2;
    display: block;
    text-align: center;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
	
}
.pro_list dl dd h3 {
	color: #333;
	margin: 0px;
    font-size: 16px;
    font-weight: normal
}

.pro_list dl:hover dd{
    opacity: 1;
}
.pro_list dl dd::before{ content: ""; display: block; width: 0%; height: 2px; background: #04A145; transition: ease 1s; position: absolute; left: 0; bottom: 0; z-index: 1;}
.pro_list dl:hover dd::before{ width: 100%;}

.pro_list dl:hover dt img{transform:scale(1.1)}
.pro_list dl:hover dd h3{ color:#04A145;}
.pro_list dl:hover dd span{ color:#FFF;}



.adv{ height: 160px; background: #000;margin-top: 20px; background: url("../images/adv.jpg") no-repeat center center;paddding-top: 20px; position: relative}
.adv p{color: #fff; font-size: 20px;padding-top: 42px; line-height:32px}
.adv p span{font-size: 17px;}
.zxzx{position: absolute;display: inline-block; text-align: center; right:20%; top:55px; color: #fff; border: #fff solid 1px; padding: 10px 70px; border-radius: 50px; font-size: 18px;-webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;}
.zxzx:hover{padding: 10px 70px; border-radius: 50px; font-size: 18px; color: #333; background: #fff}



.second{ width:100%;  background:#FFF; }
.case{padding: 60px 0px}


.case_con{ width:100%;  overflow:hidden; position:relative; margin-top: 30px}
.case_con .hd{ overflow:hidden; }
.case_con .hd .prev,.case_con .hd .next{ display:block;  width:29px; height:60px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
     cursor:pointer; background:url("../images/tb.png") no-repeat; position: absolute;top:35%}
.case_con .hd .next{ background-position:-32px 0px; right: 0px;  }

/*
.case_con .hd .prevStop{ background-position:-13px -34px; }
.case_con .hd .nextStop{ background-position:-60px -50px; }
*/

.case_con .bd{ padding:10px 50px;   }
.case_con .bd ul{ overflow:hidden; zoom:1; }
.case_con .bd ul li{ width:318px;margin:0 13px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.case_con .bd ul li a .pic{display: flex; justify-content: center; align-items:  center;  width:318px; height:239px;text-align:center; border-radius: 10px 10px 0px 0px; overflow: hidden;position: relative; }

.case_con .bd ul li a .pic img.back {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    filter: blur(5px);
    -webkit-filter: blur(5px);
}

.case_con .bd ul li a .pic img.front {
    max-width: 100%;
    max-height: 100%;
    display: block;
    position: absolute;
	-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;transform: scale(1.1)
	
}
.case_con .bd ul li:hover .pic img.front{transform: scale(1.23)}
.case_con .bd ul li .pic a:hover img{transform: scale(1.5)}
.case_con .bd ul li .title{ line-height:45px; height: 45px; background: #f5f5f5; font-size: 16px  }
.case_con .bd ul li:hover .title{color: #01A040;}



/*third*/
.third{ width:100%; }


.about{  width:100%;background:url(../images/abbg.jpg) no-repeat center center #1144A3;}
.title{ height:30px; line-height:30px; }
.abpic{width: 42%; float: left; height: 470px; overflow: hidden;}
.abpic img{width: 100%;}

.hjswiper {
        width: 100%;
        height: 470px;
        margin: 0px auto;
    }
.hjswiper .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        line-height: 470px;
		width: 100%;	
		overflow: hidden;
    }
.hjswiper .swiper-slide a{
	width: 100%;
		height: 470px;
		display: flex;
		justify-content: center;
		align-items: center;}
.hjswiper .slide-inner {
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  left: 0;
	  top: 0;
	  background-size: cover;
	  background-position: center;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-box-pack: center;
	  -ms-flex-pack: center;
	  -webkit-justify-content: center;
	  justify-content: center;
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  -webkit-align-items: center;
	  align-items: center;
	  color:#fff;
	}
.hjswiper .swiper-slide a img.back {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    filter: blur(3px);
    -webkit-filter: blur(3px);
}
.hjswiper .swiper-slide a img.front {
    max-width: 100%;
    max-height: 100%;
    display: block;
    position: absolute;
	transform: scale(1.1);
	transition: all 0.3s;
}
.hjswiper .swiper-slide:hover a img{transform: scale(1.2);} 

.about_con{width:46%; height: 420px; padding-top: 50px; overflow: hidden;  float: right; margin-right: 10%; color: #fff }
.about_con h3{font-size:22px; margin-bottom: 30px; text-indent: 34px;}
.about_con p{font-size:17px; line-height: 2.0; }
.abmore{display: block; width: 150px; height: 40px; line-height: 40px; text-align: center; border-radius: 50px; margin-top: 20px;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;  margin-left: 35px; background: #1FB75D; color: #fff }
.abmore:hover{background: #FFB908; color: #fff }

/*ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½*/
.fourth{background: #f7f7f7; padding: 50px 0px;}
.news{ margin-top: 40px;}

.content_top{ width: 310px; padding-bottom:10px; border-bottom:#999 dashed 1px;}
.content_top img{ margin-right:10px; }
.content_top h4{ margin:0px; padding:0px; height:30px; overflow:hidden; line-height:30px; letter-spacing:1px;}
.content_top p{ height:45px;line-height:20px; text-indent:24px; overflow:hidden;}

.news ul{width: 100%;}
.news ul li {
	float: left;
	width:338px;
	margin-right:40px;
	margin-bottom: 30px;
	border-radius: 10px 10px 0px 0px;
	border: 1px solid #e5e5e5;
	display: block;

	background: #fff;
	box-shadow: rgba(142,161,209,0.2) 0px 2px 5px
	border-radius: 10px 10px 0px 0px;
}
.news ul li:nth-child(4n+4){margin-right:0px;}

.newspic{display: flex; width: 338px; height:250px; justify-content: center; align-items: center; overflow: hidden; position: relative;border-radius: 10px 10px 0px 0px;}
.newspic img.back {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    filter: blur(3px);
    -webkit-filter: blur(3px);
}
.newspic img.front {
    max-width: 100%;
    max-height: 100%;
    display: block;
    position: absolute;
	transform: scale(1.1);
	transition: all 1s;
}
.news ul li:hover img{transform: scale(1.2);}



.news ul li .newstxt {
	width: 302px;
	
	padding: 0px 18px 28px 18px;
	overflow: hidden;
}
.news ul li .newstxt h3 {
	font-size: 20px;
	display: block;
	height: 55px;
	line-height: 55px;
	overflow: hidden;
	text-align: center;
    border-bottom: 1px solid #ddd;
	color: #000;
	overflow: hidden;
	  white-space: nowrap;
	  text-overflow: ellipsis;

}
.news ul li .newstxt p {
	padding-top: 20px;
	color: #333;
	line-height: 26px;
    font-size: 16px;
	display: -webkit-box;
	  -webkit-box-orient: vertical;
	  -webkit-line-clamp: 2; 
	  overflow: hidden;
	  text-overflow: ellipsis;
	
}

.news ul li a:hover img {
	filter: brightness(105%);
}
.news ul li a:hover .newstxt h3 {color: #1144A3;}

.news ul li .newstxt .newsmore{ display: block; transition: ease 1s; transform: translateX(0px); opacity: 1; margin-top: 10px; width:31px; height: 20px; background: url(../images/jt02.png) no-repeat center; background-size: 100% 100%; margin-top: 20px;}
.news ul li a:hover .newsmore{ opacity: 1; transform: translateX(270px); background: url(jt02h.png) no-repeat center;  }



.hzhb{padding: 50px 0px; }
.hzhb .container{display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap;}
.hzhb .index_title{margin-bottom: 40px;}

.hzhb a{display: block; width: 280px; margin:0px 10px 10px 0px; padding:2px; border: #f2f2f2 solid 1px; }
.hzhb a{display: block; width: 280px; margin-right: 10px;}
.hzhbpic{display: flex; width: 280px; height: 100px;  justify-content: center; align-items: center; overflow: hidden;position: relative; }
.hzhbpic img{
    max-width: 100%;
    max-height: 100%;
    display: block;
    position: absolute;
	transform: scale(1);
	transition: all 1s;
}
.hzhb a:hover img{transform: scale(1.1);}



.links {
	padding: 20px 0;
	font-size: 16px;
}
.links span {
	color: #333;
	font-weight: bold;
	display: inline-block;
}
.links a {
	display: inline-block;
	font-size: 14px;
	color: #333;
	padding-right: 10px;
}
.links a:hover {
	color: #ed8e06;
}


.footer {
	overflow: hidden;
	width: 100%;
	padding-top: 60px;
	background-color: #f2f2f2;
}
.footer .list {
	overflow: hidden;
	width: 150px;
	float: left;
}
.footer .list h3 {
	font-size: 16px;
	color: #333;
	margin-bottom: 15px;
}
.footer .list h3 a {
	color: #333;font-size: 16px;
}
.footer .list p {
	font-size: 14px;
	color: #666;
	line-height: 30px;
}
.footer .list p a {
	color: #666;
}
.footer .last {
	padding-left:50px;
	border-left: 1px solid #d6d6d6;
	width:388px;
}
.footer .list span {
	display: block;
	font-size: 28px;
	color: #1b43c4;
	font-weight: bold;
	font-family: "Microsoft YaHei","SimSun","SimHei";
	padding-bottom: 10px;
	border-bottom: 1px solid #d6d6d6;
	margin-bottom: 15px;
}
.footer .list b {
	display: block;
	font-size: 14px;
	color: #333;
	margin-bottom: 5px;
}
.footer .list .btn {
	overflow: hidden;
	width: 100%;
}
.footer .list .btn img {
	display: block;
	float: left;
	margin-right: 10px;
}
.footer .ewm { 
	overflow: hidden;
	float: right;
	width: 127px;
	margin-left:10px;
	margin-top: 90px;
}
.footer .ewm p {
	font-size: 14px;
	color: #666;
	text-align: center;
}
.footer .ewm img {
	display: block;
	margin-bottom: 10px;
	width: 100%;
}
.footer .banquan {
	overflow: hidden;
	width: 100%;
	padding: 20px 0px;
	background-color: #1144A3;
	margin-top: 60px;
	text-align: center;
}
.footer .banquan p {
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height:26px;
}
.footer .banquan p em {
	margin-right: 10px;
		color: #fff;
}
.footer .banquan p a{color: #fff;font-size: 14px;}


/*ï¿½ï¿½Ò³*/
.ny_banner .swiper-wrapper {
    height: inherit;
}
.nyb_img{
    width: 100%;
    height: 100%
}
.nyb_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: auto;
}
.nyb_info {
    width: 50%;
    position: absolute;
    right: 50%;
    top: calc(50% + 30px);
    z-index: 9;
    transform: translateX(50%) translateY(-50%);
    align-items: center;
    text-align: center;
    display-radio: flex;
    font-size: 30px;
}
.nyb_info .p_btitle {
    letter-spacing: 1px;
}
.nyb_info .p_btitle a{color: #000;font-size: 36px; text-shadow: #fff 2px 2px 10px; display: none;}

.ny_site{background: #EFF1F5; padding:15px 0px;}
.nysite_tit{display: flex; justify-content: space-between; align-items: center;}
.nysite_tit b{font-size:24px; position: relative; padding-left:20px; color: #222;}
.nysite_tit b::before{content: ""; width: 5px; height: 24px; background: #1FB75D; border-radius: 30px; position: absolute; left:0px; top:5px}
.nysite_tit span{ color:#6C757D ; font-size: 14px;}
.nysite_tit span a{ color:#6C757D ; font-size: 14px;}
.nysite_tit span a:hover{ color:#1FB75D ; font-size: 14px;}


.ny_box{padding: 40px 0px;}
.nybox_l{float: left; width: 14%; background: #1949A4 /* 1FB75D */; padding:1% 2%; }
.mbt30{ margin-bottom:30px;}
.mbt20{ margin-bottom:20px;}
.mbt15{ margin-bottom:15px;}
.ny_list{}
.ny_tit{ padding:20px 0px 20px 0px; text-align:left; font-size:26px; font-weight:bold; color:#fff; font-size: 26px;}
.ny_tit .bi{margin-right:10px;}

.ny_tit span{ display:block; height: 3px; width: 100px; background: #fff; margin-top:15px; border-radius: 10px;}


.ny_list ul{/* padding:0px 10px 10px 10px;*/ }
.ny_list ul li{  padding:15px 0px 15px 25px; text-align:left; transition:all 0.2s; border-bottom: #5F89D6/* 6FD698 */ solid 1px;border-top: #5F89D6/* 6FD698 */ solid 1px; margin: 10px 0px; position: relative;}
.ny_list ul li:last-of-type{border-top: none;}
.ny_list ul li::before{    
	content: '';
    display: block;
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    left: 7px;
    bottom: 35%;}

.ny_list ul li .bi{margin-right: 15px;}
.ny_list ul li a{ font-size:18px;color:#fff}
.ny_list ul li:hover{ /* background:#1A4AA6;  padding:18px 0px 18px 25px*/}
.ny_list ul li:hover a{ color:#2EE579/* FFDE00 */}
.ny_list ul li:hover .bi{ color:#fff}
.fl_lxwm{margin-top: 30px;}
.fllxwm_con{ padding:5px 0px 15px 0px; /*border:#ddd solid 1px; background:#EFF1F5;*/}
.fllxwm_con p{ line-height:2.0; color: #fff;}

.fl_lxwm .ny_tit{padding-top: 0px;}

.cpfla{display: block; width: 100%; line-height: 30px; color: #fff; padding: 0px 15px; position: relative; font-size: 14px;}
.cpfla::before{content: ""; width: 5px; height: 5px; background: #fff; border-radius: 30px;position: absolute; left: 5px; top: 13px;}
/* .cpfla:last-of-type{border-bottom: #5F89D6 solid 1px;}*/
.cpfla:hover{ font-size: 14px;}

.nybox_r{float: right; width:78%;/* background: #f5f5f5; padding: 2%; */}
.nybox_r01{width:96%;  background: #f5f5f5; padding: 2%;}

#productinfo_column_1 {
    margin-top: 0px;
    font-size: 14px;
}
#productinfo_column_1 * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
#productinfo_column_1 .pics{background: #f7f7f7; padding: 30px;border-bottom: #ccc solid 3px;}
#productinfo_column_1 &gt; .ny_con {
    margin-top: 40px;
    border-top:none;
    padding-top: 40px;
	
}
#productinfo_column_1 &gt; .pics &gt; .left &gt; .pic_cur{background:none; border-color:#ddd;}
#productinfo_column_1 &gt; .pics &gt; .left &gt; .pic_list &gt; ul{background:none; background:#eee; display: none;}
#productinfo_column_1 &gt; .pics &gt; .left &gt; .pic_list &gt; ul &gt; li{background: none;}
#productinfo_column_1 &gt; .pics &gt; .left &gt; .pic_list &gt; ul &gt; li.active {background: none;}
#productinfo_column_1 &gt; .ny_con{margin-top: 0px;}

#pic_column_1 &gt; ul &gt; li{margin-top: 0px;margin-bottom:20px;}
#nypiclist03 dl dt{min-height:272px; display: flex; justify-content: center; align-items: center;}
#nypiclist03 dl dt{overflow: hidden; background: #f5f5f5;}
#nypiclist03 dl dt img{width: 100%;transition: all 0.3s ease; }
</pre></body></html>