<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.woff2?t=1625532141317') format('woff2'),
       url('../font/iconfont.woff?t=1625532141317') format('woff'),
       url('../font/iconfont.ttf?t=1625532141317') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}*/

.width1200{ min-width:1200px;}
.indexcontent{ margin:0 auto; width:1200px;}
.indexcontent1400{ min-width:1200px; padding:0 50px; max-width:1500px; box-sizing:border-box; margin:0 auto; position:relative;}
.sl{overflow:hidden; text-overflow:ellipsis;white-space: nowrap;}
a.bs:hover{ text-decoration:underline;}
.block{ display:block;}
.fl {
  float: left;
}

.fr {
  float: right;
}
.enlarge8{
  -moz-transition:all 0.8s; /* Firefox 4 */
  -webkit-transition:all 0.8s; /* Safari and Chrome */
  -o-transition:all 0.8s; /* Opera */
  transition:all 0.8s;
  cursor: pointer;
}

.enlarge4{
  -moz-transition:all 0.4s; /* Firefox 4 */
  -webkit-transition:all 0.4s; /* Safari and Chrome */
  -o-transition:all 0.4s; /* Opera */
  transition:all 0.4s;
  cursor: pointer;
}
.ellipsis{
  overflow: hidden; /*è‡ªåŠ¨éšè—æ–‡å­—*/
  text-overflow: ellipsis;/*æ–‡å­—éšè—åŽæ·»åŠ&nbsp;çœç•¥å·*/
  white-space: nowrap;/*å¼ºåˆ¶ä¸æ¢è¡Œ*/
}
.ellipsis2{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ellipsis3{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.clearfix::after {
  content: "";
  clear: both;
  overflow: hidden;
  display: block;
  height: 0;
  visibility: hidden;
}

.clear {
  clear: both;
  font-size: 1px;
  width: 1px;
  height: 0;
  visibility: hidden;
  zoom: 1;
}

.content{ font-size:14px; color:#999999; line-height:30px;}
.content *{ line-height:30px;}
.content img{ max-width:100%; height: auto!important;}
.content video,
.content iframe{ width:100%; height: auto!important;}

.content2{ font-size:14px; color:#919191; line-height:30px;}
.content2 *{ line-height:30px;}
.content2 img{ max-width:100%; height: auto!important;}
.content2 video,
.content2 iframe{ width:100%; height: auto!important;}

.pages { margin-top: 15px; font-size: 12px; line-height: 22px; text-align: center; }
.pages a { text-decoration: none; color: #666; background: #fff; border:#cccccc 1px solid; display: inline-block; width: 40px; line-height: 40px; line-height: 40px; margin-right: 8px; font-size: 16px; color: #999999;}
.pages a.active { background: #0071b9; border:#0071b9 1px solid; color: #fff }
.pages a:hover {  background: #0071b9; border:#0071b9 1px solid; color: #fff; text-decoration: none;  }
.pages a.wz{ display: inline-block; width: 86px; line-height: 40px; line-height: 40px;}




/*é¦–é¡µ*/
.h300{ height:300px;}
.h200{ height:200px;}
.h120{ height:120px;}
.h100{ height:100px;}
.h80{ height:80px;}
.h75{ height:75px;}
.h70{ height:70px;}
.h60{ height:60px;}
.h50{ height:50px;}
.h40{ height:40px;}
.h30{ height:30px;}
.h20{ height:20px;}
/*.top1{ background:#1b1b1b; height:30px;}
.top1 .top1_a{ float:right; font-size:14px; color:#999999; line-height:30px; margin-left:40px;}
.top1 a{ color:#999999;}
.top1 img.ico{ position:relative; top:-2px; margin-right:5px;}*/

.top1{ position:fixed; left:0; width:100%; /*background: #f5f2ee;*/ min-width:1200px; z-index:999; transition:all 0.6s;  padding-top:20px; padding-bottom:20px; background:rgba(0,0,0,0.5);}
.top1 .top1_indexcontent{ height:120px; position:relative;}
.top1 .top_logo{ position:absolute; left:50px; top:41px;}
.fixed.top1{ background:rgba(0,0,0,0.5); padding-top:0; padding-bottom:0px; /*box-shadow: 0px 0px 10px 0px rgba(10, 2, 5, 0.15);*/}
.fixed.top1 .top_logo{ top:32px;}

/*.top_txt{ position:absolute; right:0; top:35px; line-height:40px; font-size:12px; color:#666666; text-align:center;}
.top_txt a{ color:#666666;}
.top_txt .top_txt_ico{ margin:0 10px;}*/
.top_lang{ position:absolute; right:50px; top:45px; line-height:30px; font-size:16px; color:#fff; text-align:center;}
.top_lang a{ color:#fff;}


.top_search_bt{ position:absolute; right:120px; top:30px; width:40px; line-height:40px; padding-top:10px; z-index:9999; margin:0 10px; text-align:center;}
/*
.top_search_bt .top_search_bg{ display:none; position:absolute; right:-2px; top:45px; background:url(../images/top_search_bg.png) no-repeat; width:300px; height:79px;}
.top_search_bt:hover .top_search_bg{ display:block;}
.top_search_bt .top_search_bg .top_search_txt{ position:absolute; left:25px; top:29px; width:205px; height:30px; border:0; background:#f8f8f8; outline:none;}
.top_search_bt .top_search_bg .top_search_bt{ position:absolute; right:17px; top:23px; width:40px; height:39px; border:0; background-color:transparent; cursor:pointer;}*/
.nsearch {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
}
.nsearch .nceng {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 3;
}
.nsearch form {
  background: #fff;
  position: absolute;
  left: 50%;
  top: 140px;
  transform: translateX(-50%);
  max-width: 1200px;
  width: 100%;
  height: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  z-index: 9;
}
.nsearch form h2 {
  font-size: 45px;
  font-weight: bold;
  color: #0071b9;
  text-align: center;
  margin: 70px 0;
}
.nsearch form .ctn {
  display: flex;
  width: 480px;
}
.nsearch form .ctn input {
  height: 50px;
}
.nsearch form .ctn .txt {
  width: 85%;
  padding: 0 15px;
  background-color: #f6f6f6;
  font-size: 14px;
  cursor: auto;
  border:0;
  box-sizing:border-box;
}
.nsearch form .ctn .btn {
  width: 15%;
  background: #0071b9 url(../images/search-btn.png) no-repeat center;
  border:0;
  box-sizing:border-box;
}
.nh {
  height: 100px;
}

.top_sub_l{ float:left; width:345px;}
.top_sub_l li{ font-size:14px; color:#cccccc; line-height:40px; margin-bottom:10px;}
.top_sub_l li a{ color:#cccccc;}
.top_sub_l li.sub_on a{ color:#fff;}
.top_sub_r{ float:right; width:855px;}
.top_sub_r li{ float:left; width:160px; margin-left:166px; margin-bottom:30px;}
.top_sub_r li:nth-child(3n+1){ margin-left:0;}
.top_sub_r li .txt{ font-size:14px; color:#cccccc; line-height:40px; transition:all 0.3s;}
.top_sub_r li img{ display:block; width:100%; height:100px; object-fit: cover;}
.top_sub_r li:hover .txt{ color:#fff;}



.banner-container{ width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
/*.banner-slide{ text-align: center; font-size: 18px; background: #fff; 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;}*/
.banner-slide img{ display:block; width:100%; /*height:1040px;*/ object-fit: cover;}
.banner-slide .b_txt{ position:absolute; left:50%; top:50%; color:#fff; font-size:20px; transform: translate(-50%, -50%);}
.banner-slide .b_txt .txt1{ font-family:Arial; font-size:46px; line-height:70px;}
.banner-slide .b_txt .b_hr{ width:60px; height:8px; background:#fff; margin:20px 0;}
.banner-slide .b_txt .txt2{ font-size:18px; line-height:40px;}
.swiper-slide .b_txt{
	transform:translate(-600px, -50%);
	opacity:0;
	transition:all .6s;}
.ani-slide .b_txt{
	transform:translate(-50%, -50%);
	opacity:1;
	}

.banner-gj{ position:absolute; left:50% !important; bottom:100px !important; margin-left:560px; width:40px !important; height:80px !important; z-index:2}

.banner-prev{ position:absolute; top:0px; left:0; width:40px; height:40px; background:url(../images/banner_l.png) center no-repeat; cursor:pointer; transition:all 0.3s;}
.banner-prev:hover{ background:url(../images/banner_l_on.png) center no-repeat;}
.banner-next{ position:absolute; bottom:0px; left:0; width:40px; height:40px; background:url(../images/banner_r.png) center no-repeat; cursor:pointer; transition:all 0.3s;}
.banner-next:hover{ background:url(../images/banner_r_on.png) center no-repeat;}


.i_d1{ background:#e9e9e9;}
.i_d1_title{ height:50px; line-height:50px; position:relative;}
.i_d1_title .title1{ font-size:30px; color:#222222; line-height:50px; text-transform:uppercase; font-weight:bold;}
.i_d1_title .title1 span{ font-family:Arial; font-size:14px; color:#999999; margin-left:5px;}
.i_d1_title .i_d1_nav{ position:absolute; right:0; top:0;}
.i_d1_title .i_d1_nav li{ float:left; font-size:16px; color:#999999; line-height:50px; font-weight:bold; margin-left:20px; transition:all 0.3s; /*cursor:pointer;*/}
.i_d1_title .i_d1_nav li.on{ color:#222222;}

.i_d1_list li{ float:left; width:32.33%; height:302px; margin-left:1.5%; margin-top:20px; background:#fff; position:relative;}
.i_d1_list li.p_box{ padding:15px; box-sizing:border-box;}
.i_d1_list li .img img{ width:100%; height:230px; object-fit: contain;}
.i_d1_list li .txt1{ font-size:16px; color:#222222; line-height:30px; margin-top:10px; transition:all 0.3s;}
.i_d1_list li .more_img{ display:block; width:100%; height:302px; object-fit: cover;}
.i_d1_list li .more_box{ position:absolute; left:0; top:50%; width:100%; margin-top:-56px;}
.i_d1_list li .more_box .more_txt{ font-size:28px; color:#ffffff; line-height:40px; text-align:center; font-weight:bold; margin-bottom:20px;}
.i_d1_list li .more_box .more_ico{ text-align:center;}
.i_d1_list li:hover .img.fd img{transform: scale(1.05)}
.i_d1_list li:hover .txt1{ color:#0071b9;}


.i_d1_list li:nth-child(1){ margin-left:0; height:624px;}
.i_d1_list li:nth-child(1) .img img{ width:100%; height:552px; object-fit: contain;}
.i_d1_list li:nth-child(1),
.i_d1_list li:nth-child(2),
.i_d1_list li:nth-child(3){ margin-top:0;}


.i_d2{ background:url(../images/i_d2_bg.jpg) center no-repeat; background-size:cover;}
.i_d2_title{ font-size:50px; color:#fff; font-weight:bold; line-height:60px; text-align:center;}
.i_d2_txt{ max-width:1200px; width:100%; margin:0 auto; font-size:22px; color:#ffffff; line-height:30px; text-align:center;}
a.i_d2_more{ display:block; width:120px; height:42px; border:#fff 1px solid; line-height:42px; text-align:center; font-size:20px; color:#ffffff; margin:0 auto; transition:all 0.3s; text-transform:uppercase;}
a.i_d2_more:hover{ background:#fff; color:#333;}

.i_d2_list li{ float:left; width:230px; height:210px; position:relative; margin-left:calc((100% - 920px) / 3);}
.i_d2_list li:nth-child(4n+1){ margin-left:0;}
.i_d2_list li .box{ width:100%; height:210px; background:#fff; border-radius:30px; position:relative; z-index:1;}
.i_d2_list li .box .ico{ line-height:70px; padding-top:25px; text-align:center;}
.i_d2_list li .box .title{ font-size:28px; color:#0071b9; line-height:40px; text-align:center;}
.i_d2_list li .box .txt{ font-size:14px; color:#222222; line-height:25px; text-align:center; padding:0 10px;}
.i_d2_list li:after{content: ""; width:100%; height:210px; background:rgba(255,255,255,0.2); border-radius:30px; position:absolute; left:10px; top:-8px; z-index:0;}
.i_d2_list li:hover .xz img{transform: rotateY(360deg)}

.i_d3_sp{ width:100%; position:relative;}
.i_d3_sp .video{ display:block; width:100%; height:673px; background:#fff;}
.i_d3_sp .i_d3_video_bt{ position:absolute; left:50%; top:50%; margin-left:-34px; margin-top:-38px; cursor:pointer;}

.i_d4{ background:url(../images/i_d4_bg.jpg) center no-repeat; background-size:cover;}
.i_d4_title{ font-size:50px; color:#ffffff; line-height:60px; text-align:center; font-weight:bold; text-align:center;}

.i_d4_nav{ box-shadow: 0px 0px 10px 0px rgba(232, 43, 50, 0.15); background:#fff;}
.i_d4_nav li{ float:left; width:25%; border:#fff 1px solid; position:relative; box-sizing:border-box; height:145px; background:#eeeeee; padding-left:125px; padding-right:25px; cursor:pointer; transition:all 0.3s;}
.i_d4_nav li .ico{ position:absolute; left:30px; top:25px; width:95px; height:95px; background:#e0dfdf; border-radius:50%; line-height:95px; text-align:center; transition:all 0.3s;}
.i_d4_nav li .ico1{ background: url(../images/i_d4_ico1.png) #e0dfdf center no-repeat;}
.i_d4_nav li .ico2{ background: url(../images/i_d4_ico2.png) #e0dfdf center no-repeat;}
.i_d4_nav li .ico3{ background: url(../images/i_d4_ico3.png) #e0dfdf center no-repeat;}
.i_d4_nav li .ico4{ background: url(../images/i_d4_ico4.png) #e0dfdf center no-repeat;}
.i_d4_nav li .txt{ padding-top:40px;}
.i_d4_nav li .txt .txt1{ font-size:26px; color:#333333; font-weight:bold; line-height:30px; text-align:left; padding-left:20px; transition:all 0.3s;}
/*.i_d4_nav li.on{ border:#e82b32 1px solid; background:#e82b32;}*/
.i_d4_nav li.on .ico1{ background: url(../images/i_d4_ico1_on.png) #e0dfdf center no-repeat;}
.i_d4_nav li.on .ico2{ background: url(../images/i_d4_ico2_on.png) #e0dfdf center no-repeat;}
.i_d4_nav li.on .ico3{ background: url(../images/i_d4_ico3_on.png) #e0dfdf center no-repeat;}
.i_d4_nav li.on .ico4{ background: url(../images/i_d4_ico4_on.png) #e0dfdf center no-repeat;}
.i_d4_nav li.on .txt .txt1{ color:#0071b9;}
@media only screen and (max-width:1500px) and (min-width:1300px) {
	.i_d4_nav li .txt .txt1{ font-size:22px;}
}
@media only screen and (max-width:1300px) and (min-width:0) {
	.i_d4_nav li .txt .txt1{ font-size:18px;}
}


.i_d4_list li{ background:#f0f0f0; box-shadow: 0px 0px 10px 0px rgba(232, 43, 50, 0.15); display:none;}
.i_d4_list li.on{ display:block;}
.i_d4_list li .img{ float:right; width:50%; height:411px;}
.i_d4_list li .img img{ width:100%; height:411px; object-fit: cover;}
.i_d4_list li:hover .img img{transform: scale(1.05)}
.i_d4_list li .box{ float:left; width:50%; padding:40px 50px 0 60px; box-sizing:border-box;}
.i_d4_list li .box .box_title{ font-size:34px; color:#0071b9; line-height:40px; font-weight:bold;}
.i_d4_list li .box .box_txt{ font-size:16px; color:#666666; line-height:30px; margin-top:30px;}


.i_d5{ background:#e9e9e9;}
.i_d5_c{ position:relative;}
.i_d5_c_box1{ position:relative;}
.i_d5_c_list .swiper-slide {
	  /*transition: 300ms;*/
	  overflow:hidden;
	  transform: scale(0.7);
	  z-index:3;
	  background:#fff;
	  box-shadow: 0px 0px 20px 0px rgba(10, 2, 5, 0.3);
	  margin-top:20px;
	  margin-bottom:20px;

}
.i_d5_c_list .swiper-slide-active{ transform: scale(1); z-index:9;}
.i_d5_c_list .swiper-slide img{ /*opacity:0.5;*/}
.i_d5_c_list .swiper-slide-active img{ opacity:1;}
/*.i_d5_c_list li img { width:100%; height:600px; object-fit: cover;}*/
.i_d5_c_list li {}
.i_d5_c_list li .img {
  position: relative;
  padding: 30% 0;
  overflow:hidden;
  box-sizing:border-box;
  /*border:#fff 3px solid;
  border-radius:3px;*/
  background:#000;
}
.i_d5_c_list li .img img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  transition: all 0.6s;
  opacity:0.4;
}
.i_d5_c_list li.swiper-slide-active  .img img {opacity:1;}
.i_d5_c_list li .txt { height:130px; line-height:130px; font-size:30px; color:#222222; text-align:center; padding:0 20px;}
.i_d5_c_nav{ position:relative;}

.i_d5_c_prev{ position:absolute; left:30px; top:50%; margin-top:-25px; width:48px; height:48px; border:#fff 1px solid; border-radius:50%; background:url(../images/i_d5_left.png) center no-repeat; z-index:99; cursor:pointer; transition:all 0.3s; outline:none;}
.i_d5_c_prev:hover{ background:url(../images/i_d5_left_on.png) #fff center no-repeat;}
.i_d5_c_next{ position:absolute; right:30px; top:50%; margin-top:-25px; width:48px; height:48px; border:#fff 1px solid; border-radius:50%; background:url(../images/i_d5_right.png) center no-repeat; z-index:99; cursor:pointer; transition:all 0.3s; outline:none;}
.i_d5_c_next:hover{ background:url(../images/i_d5_right_on.png) #fff center no-repeat;}

a.i_d5_more{ display:block; width:120px; height:42px; border:#b3b2b2 1px solid; line-height:42px; text-align:center; font-size:20px; color:#181818; margin:0 auto; transition:all 0.3s; text-transform:uppercase;}
a.i_d5_more:hover{ background:#0071b9; color:#fff; border:#0071b9 1px solid;}


.i_d6_c{ position:relative;}
.i_d6_c_list li{
	  box-shadow: 0px 0px 20px 0px rgba(10, 2, 5, 0.3);
	  margin-top:20px;
	  margin-bottom:20px;
}
.i_d6_c_list li .img{ width:100%; height:277px;}
.i_d6_c_list li .img {
  position: relative;
  padding: 69% 0;
  overflow:hidden;
  box-sizing:border-box;
}
.i_d6_c_list li .img img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  transition: all 0.6s;
  background:#fff;
  object-fit: contain;
}

.i_d6_c_list li .txt{ width:392px; max-width:100%; height:50px; line-height:48px; font-size:24px; color:#666666; text-align:center; border:#cdcdcd 1px solid; box-sizing:border-box; margin:30px auto 0 auto; transition:all 0.3s;}
.i_d6_c_list li:hover .txt{ color:#ea5404;}

.i_d6_c_nav{ position:relative;}

.i_d6_c_nav .i_d6_c_prev{ position:absolute; right:80px; top:50%; margin-top:-25px; width:48px; height:48px; border:#333 1px solid; border-radius:50%; background:url(../images/i_d5_left_on.png) center no-repeat; z-index:99; cursor:pointer; transition:all 0.3s; outline:none;}
.i_d6_c_nav .i_d6_c_prev:hover{ background:url(../images/i_d5_left.png) #0071b9 center no-repeat; border:#0071b9 1px solid;}
.i_d6_c_nav .i_d6_c_next{ position:absolute; right:0; top:50%; margin-top:-25px; width:48px; height:48px; border:#333 1px solid; border-radius:50%; background:url(../images/i_d5_right_on.png) center no-repeat; z-index:99; cursor:pointer; transition:all 0.3s; outline:none;}
.i_d6_c_nav .i_d6_c_next:hover{ background:url(../images/i_d5_right.png) #0071b9 center no-repeat; border:#0071b9 1px solid;}


.i_d7_img{ float:left; display:block; width:calc(50% - 125px); height:498px; object-fit: cover;}
.i_d7_r{ float:left; width:825px; max-width:calc(50% + 75px); padding-left:40px; box-sizing:border-box;}
.i_d7_list li{ margin-top:38px;}
.i_d7_list li:nth-child(1){ margin-top:0;}
.i_d7_list li .img{ float:left; width:106px; height:104px; object-fit: cover;}
.i_d7_list li .txt{ float:right; width:calc(100% - 126px);}
.i_d7_list li .txt .txt1{ font-size:16px; color:#181818; line-height:30px; height:30px;}
.i_d7_list li .txt .txt2{ font-size:14px; color:#cccccc; line-height:25px; height:50px;}
.i_d7_list li .txt .txt3{ font-size:14px; color:#cccccc; line-height:25px; height:25px;}

a.i_d7_more{ display:block; width:120px; height:42px; border:#b3b2b2 1px solid; line-height:42px; text-align:center; font-size:20px; color:#181818; transition:all 0.3s; text-transform:uppercase; margin-top:54px;}
a.i_d7_more:hover{ background:#0071b9; color:#fff; border:#0071b9 1px solid;}

.footer1{ background:#e9e9e9;}
.footer1_l{ float:left; width:30%;}
.footer_logo{ display:block; margin-bottom:10px;}
.footer1_l_txt1{ font-size:26px; color:#222222; line-height:40px; font-weight:bold; padding:20px 0;}
.footer1_l_txt2{ font-size:16px; color:#666666; line-height:30px;}
.footer1_c{ float:left; width:50%;}
.footer1_c_txt1{ font-size:30px; color:#222222; line-height:40px; text-transform:uppercase; text-align:center;}
.footer1_c_txt2{ font-size:16px; color:#666666; line-height:30px; text-transform:uppercase; text-align:center; margin-top:30px;}
.footer1_r{ float:right; width:20%;}
.footer1_r_nav{ float:right; width:200px;}
.footer1_r_nav li{ font-size:16px; color:#666666; line-height:34px; text-align:center;}
.footer1_r_nav li a{ color:#666666;}

.footer2{ background:#838383; padding-top:5px; padding-bottom:5px;}
.footer2_c{ position:relative; padding-right:300px;}
.footer2_c .txt1{ font-size:14px; color:#fff; line-height:30px; text-align:right;}
.footer2_c .txt2{ position:absolute; right:0; top:0px; font-size:14px; color:#fff; line-height:30px; text-align:right;}
.footer2_c .txt1 *{ line-height:30px; color:#fff;}
.footer2_c .txt2 *{ line-height:30px; color:#fff;}


/*news*/
.n_banner_c{ position:relative;}
.n_banner{ display:block; width:100%; height:610px; object-fit: cover;}

.news_list li{ float:left; width:30%; margin-left:5%; margin-top:50px;}
.news_list li:nth-child(3n+1){ margin-left:0;}
.news_list li:nth-child(1),
.news_list li:nth-child(2),
.news_list li:nth-child(3){ margin-top:0;}
.news_list li .img{ width:100%; height:292px; border-radius:10px; overflow:hidden;}
.news_list li .img img{ display:block; width:100%; height:292px; object-fit: cover;}
.news_list li .title{ height:50px; line-height:25px; margin-top:20px; font-size:18px; color:#333333; font-weight:bold; transition:all 0.3s;}
.news_list li .txt{ height:75px; line-height:25px; margin-top:5px; font-size:14px; color:#333333; overflow:hidden;}

.news_list li:hover .fd img{transform: scale(1.05)}
.news_list li:hover .title{ color:#0071b9;}


/*newsinfo*/
.news_i_title1{ font-size:20px; color:#222222; line-height:40px; text-align:center; font-weight:bold;}
.news_i_title2{ font-size:14px; color:#999999; line-height:30px; text-align:center; padding-top:20px; padding-bottom:30px; border-bottom:#efefef 1px solid; margin-bottom:30px;}

.news_i_more{ border-top:#efefef 1px solid; margin-top:50px; padding-top:20px; position:relative;}
.news_i_more .li{ position:relative; padding-left:98px; height:33px; line-height:33px; font-size:14px; color:#999999; margin-top:20px;}
.news_i_more .li a{ font-size:18px; color:#999999; transition:all 0.3s;}
.news_i_more .li a:hover{ color:#333333;}
.news_i_more .li a .ico1{ position:absolute; left:0; top:0; width:75px; height:31px; border:#222222 1px solid; background:url(../images/news_i_more_ico1.png) center no-repeat; transition:all 0.3s;}
.news_i_more .li a:hover .ico1{ border:#0c78bc 1px solid; background:url(../images/news_i_more_ico1_on.png) #0c78bc center no-repeat;}
.news_i_more .li a .ico2{ position:absolute; left:0; top:0; width:75px; height:31px; border:#222222 1px solid; background:url(../images/news_i_more_ico2.png) center no-repeat; transition:all 0.3s;}
.news_i_more .li a:hover .ico2{ border:#0c78bc 1px solid; background:url(../images/news_i_more_ico2_on.png) #0c78bc center no-repeat;}
a.news_i_more_back{ position:absolute; right:0; top:40px; display:block; height:33px; line-height:33px; font-size:18px; color:#222222;}



/*product*/
.p_nav_c{ padding-top:20px; padding-bottom:20px;}
.p_nav_c a{ display:inline-block; font-size:20px; color:#666666; line-height:50px; margin-right:20px; padding:0 20px; margin-top:10px; margin-bottom:10px;}
.p_nav_c a.on,
.p_nav_c a:hover{ background:#0071b9; color:#fff;}

.p_nav_list2{ background:#f7f7f7; padding:20px 40px;}
.p_nav_list2 a{ display:inline-block; font-size:20px; color:#666666; line-height:50px; margin:0 20px;}
.p_nav_list2 a.on,
.p_nav_list2 a:hover{ color:#0071b9;}


/*.p_nav_c{ background:#f7f7f7; padding-top:25px; padding-bottom:25px;}
.p_nav_c a{ display:inline-block; font-size:20px; color:#666666; line-height:60px; margin-right:50px;}*/


.p_list li{ float:left; width:31%; margin-left:3.5%; position:relative; top:0; transition:all 0.3s;box-shadow: 0px 0px 10px 0px rgba(10, 2, 5, 0.15); margin-top:50px;}
.p_list li:nth-child(3n+1){ margin-left:0;}
.p_list li:nth-child(1),
.p_list li:nth-child(2),
.p_list li:nth-child(3){ margin-top:0;}
.p_list li .img{
  position: relative;
  padding: 44% 0;
  overflow:hidden;
  box-sizing:border-box;
  
}
.p_list li .img img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: contain;
  transition: all 0.8s;
  background:#fff;
}
.p_list li .txt{ height:60px; line-height:60px; text-align:center; font-size:20px; color:#333333; background:#f1f1f1;}
.p_list li:hover{ top:-10px;}


/*productinfo*/
.p_i_d1{ background:#efefef; padding:45px 70px; background:#efefef;}

.p_d1_l{ float:left; width:41.5%; padding:20px; border-radius:10px; overflow:hidden; background:#fff;}
.p_i_d1_l_list li img{ display:block; width:100%; height:500px; object-fit: contain;}
.p_i_d1_l_container{ padding-bottom:50px;}
.p_i_d1_l_pagination .swiper-pagination-bullet{ width:10px; height:10px; background:#cccccc; border-radius:5px; opacity:1;}
.p_i_d1_l_pagination .swiper-pagination-bullet-active{ background:#0071b9; width:30px;}

.p_i_d1_img{ float:left; width:41.5%; border-radius:10px;}
.p_i_d1_r{ float:right; width:50%;}
.p_i_d1_r .title{ font-size:45px; color:#0c78bc; font-weight:bold; line-height:60px;}
.p_i_d1_r .txt{ font-size:18px; color:#999999; line-height:35px; margin-top:40px;}
.p_i_d1_r .txt *{ line-height:35px;}

.p_i_d2_title{ font-size:30px; color:#0c78bc; line-height:40px; text-align:center;}
.p_i_d2_title_list li{ float:left; width:256px; height:55px; line-height:55px; text-align:center; font-size:30px; color:#333333; margin-right:20px; cursor:pointer;}
.p_i_d2_title_list li.on{ background:#0071b9; color:#fff;}

.p_i_d3_title{ font-size:30px; color:#0c78bc; line-height:50px; text-align:center;}
.p_i_d3_txt{ font-size:14px; color:#b1b0b0; line-height:25px; text-align:center; margin-top:15px;}
.p_i_d3_txt *{ line-height:25px;}


/*case*/
.case_list li{ float:left; width:30%; margin-left:5%; margin-top:46px; background:#f7f7f7; position:relative; top:0; transition:all 0.3s;}
.case_list li:nth-child(1),
.case_list li:nth-child(2),
.case_list li:nth-child(3){ margin-top:0;}
.case_list li:nth-child(3n+1){ margin-left:0;}
.case_list li .img{
  position: relative;
  padding: 32% 0;
  overflow:hidden;
  box-sizing:border-box;
  background:#000;
}
.case_list li .img img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  transition: all 0.8s;
  background:#efeeee;
  opacity:1;
}
.case_list li .txt{ line-height:56px; font-size:20px; color:#666666; text-align:center; padding:0 10px;}
.case_list li:hover .txt{ color:#0071b9;}


/*è£èª‰è¯ä¹¦*/
.ry_d1_list li{ float:left; width:23%; margin-left:2.66%; margin-top:50px; position:relative; top:0; transition:all 0.3s;}
.ry_d1_list li:nth-child(1),
.ry_d1_list li:nth-child(2),
.ry_d1_list li:nth-child(3),
.ry_d1_list li:nth-child(4){ margin-top:0;}
.ry_d1_list li:nth-child(4n+1){ margin-left:0;}
.ry_d1_list li .img {
  position: relative;
  padding: 69.2% 0;
  overflow:hidden;
  box-sizing:border-box;
  box-shadow: 5px 10px 10px 0px rgba(10, 2, 5, 0.15);
}
.ry_d1_list li .img img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: contain;
  transition: all 0.6s;
  background:#fff;
}
.ry_d1_list li .txt{ border:#c9c9c9 1px solid; width:100%; margin:0 auto; font-size:20px; color:#666666; line-height:50px; margin-top:30px; text-align:center; transition:all 0.3s;}
.ry_d1_list li:hover{ top:-10px;}
.ry_d1_list li:hover .txt{ color:#1b5f43;}


/*å…³äºŽæˆ‘ä»¬*/
.ab_d1{ background:#f3f3f4;}
.ab_d1_title{ font-size:42px; color:#333333; line-height:60px; font-weight:bold;}
.ab_d1_txt{ font-size:18px; color:#333333; line-height:30px;}
.ab_d1_list li{ float:left; width:48%; margin-left:4%; position:relative; top:0; transition:all 0.3s;}
.ab_d1_list li:nth-child(2n+1){ margin-left:0;}
.ab_d1_list li .img {
  position: relative;
  padding: 31% 0;
  overflow:hidden;
  box-sizing:border-box;
  box-shadow: 5px 10px 10px 0px rgba(10, 2, 5, 0.15);
}
.ab_d1_list li .img img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  transition: all 0.6s;
  background:#fff;
}


.ab_d2_list li{ float:left; width:230px; height:210px; position:relative; margin-left:calc((100% - 920px) / 3);}
.ab_d2_list li:nth-child(4n+1){ margin-left:0;}
.ab_d2_list li .box{ width:100%; height:210px; background:#fff; border-radius:30px; position:relative; z-index:1;}
.ab_d2_list li .box .ico{ line-height:70px; padding-top:25px; text-align:center;}
.ab_d2_list li .box .title{ font-size:28px; color:#0071b9; line-height:40px; text-align:center;}
.ab_d2_list li .box .txt{ font-size:14px; color:#222222; line-height:25px; text-align:center; padding:0 10px;}
.ab_d2_list li .box .txt *{ line-height:25px;}
.ab_d2_list li:after{content: ""; width:100%; height:210px; background:#0071b9; border-radius:30px; position:absolute; left:10px; top:-8px; z-index:0;}
.ab_d2_list li:hover .xz img{transform: rotateY(360deg)}


/*lianxi*/
.lx_l{ float:left; width:50%;}
.lx_l_title{ font-size:30px; color:#0c78bc; font-weight:bold; line-height:50px;}
.lx_l_list li{ margin-top:50px; padding-left:70px; position:relative;}
.lx_l_list li .txt1{ font-size:20px; color:#0c78bc; line-height:25px; font-weight:bold;}
.lx_l_list li .txt2{ font-size:16px; color:#333333; line-height:25px;}
.lx_l_list li .txt2 *{ line-height:25px;}
.lx_l_list li .ico{ position:absolute; left:0; top:0; width:48px; height:48px; text-align:center; line-height:48px; border:#0c78bc 1px solid; border-radius:50%;}
.lx_img{ float:right; width:46%; margin-top:50px;}

.lx_ico_list{ line-height:70px;}
.lx_ico_list a{ margin-left:60px;}
.lx_ico_list a:nth-child(1){ margin-left:0;}
</pre></body></html>