/*@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;
}*/


body{
	max-width: 750px;
	margin: 0 auto;
	background-color: #fff;
	visibility: hidden;
}
.header{
	padding:10px 3%;
	/*position: relative;*/
	position:fixed;
	left:50%;
	top:0;
	margin-left:-3.75rem;
	width:7.5rem;
	max-width:100%;
    box-shadow: 0px 0px 10px 0px rgba(10, 2, 5, 0.15);
	z-index: 9999;
	background:#0369be;
	box-sizing:border-box;
}
.header .logo{
	/*max-width:40%;*/
	display: block;
	height:40px;
	/*margin:0 auto;*/
	float:left;

}
.header .logo_txt{
	display: block;
	height:40px;
	float:left;
	margin-left:10px;
	font-size:20px; color:#fff;
	line-height:40px;

}
.header.fixed
{
	background:rgba(0,0,0,0.6);
}
/*
.header.fixed
{
	position: fixed;
	top: 0;
	left: 0;
}
.footer.fixed
{
	position: fixed;
	bottom: 0;
	left: 0;
}*/

/*banner*/
/*
.banner	.slideBox{ position:relative; overflow:hidden; margin:0 auto;  max-width:100%; }
.banner	.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:0px; right:0; z-index:1;  width:100%; text-align:center;}
.banner	.slideBox .hd li{ display:inline-block; width:8px; height:8px;  background:none; text-indent:-9999px; overflow:hidden; margin:0 6px; border-radius: 4px; background:#fff; }
.banner	.slideBox .hd li.on{ background:#721d36;  }
.banner	.slideBox .bd{ position:relative; z-index:0; }
.banner	.slideBox .bd li{ position:relative; text-align:center;  }
.banner	.slideBox .bd li img{ vertical-align:top; width:100%;}
.banner	.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  } 
.banner	.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(../images/tm.png) repeat; color:#fff;  text-align:left;  }*/

.banner-container{ position:relative;}
.banner-slide img{ display:block;}
.banner-pagination{ position:absolute; left:0; bottom:0; width:100%; text-align:center; z-index:2;}
.banner-pagination .swiper-pagination-bullet{ width:12px; height:6px; background:#fff; opacity:1; border-radius:0; transition:all 0.3s; margin:0 3px !important;}
.banner-pagination .swiper-pagination-bullet-active{ width:25px; background:#f4881c;}



.clearfix::after { content: ""; clear: both; overflow: hidden; display: block; height: 0; visibility: hidden;}
.sl{overflow:hidden; text-overflow:ellipsis;white-space: nowrap;}
.sl2{overflow: hidden; text-overflow: ellipsis; display: box; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.sl3{overflow: hidden; text-overflow: ellipsis; display: box; display: -webkit-box; line-clamp: 3; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.sl4{overflow: hidden; text-overflow: ellipsis; display: box; display: -webkit-box; line-clamp: 4; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.sl5{overflow: hidden; text-overflow: ellipsis; display: box; display: -webkit-box; line-clamp: 5; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.block{ display:block;}
.yy{ box-shadow: 0px 0px 10px 0px rgba(10, 2, 5, 0.15);}
.fl{ float:left;}
.fr{ float:right;}

.pages { margin-top: 15px; font-size: 12px; line-height: 22px; text-align: center; }
.pages a { text-decoration: none; color: #666; background: #fff; display: inline-block; width: 30px; line-height: 30px; line-height: 30px; margin-right: 8px; font-size: 14px; color: #333333; margin-bottom:10px; border:#cccccc 1px solid;}
.pages a.active { background: #0166b8; border:#0166b8 1px solid; color: #fff }
.pages a:hover {  background: #0166b8; border:#0166b8 1px solid; color: #fff; text-decoration: none;  }
.pages a.wz{ display: inline-block; width: 60px; line-height: 30px; line-height: 30px;}

.download_bg .pages { margin-top: 15px; font-size: 12px; line-height: 22px; text-align: center; }
.download_bg .pages a { text-decoration: none; color: #fff; background: #721d36; border:#cccccc 1px solid; display: inline-block; width: 30px; line-height: 30px; line-height: 30px; margin-right: 8px; font-size: 14px;}
.download_bg .pages a.active { background: #fff; border:#fff 1px solid; color: #721d36 }
.download_bg .pages a:hover {  background: #fff; border:#fff 1px solid; color: #721d36; text-decoration: none;  }
.download_bg .pages a.wz{ display: inline-block; width: 30px; line-height: 30px; line-height: 30px; font-family: "宋体"; font-weight: bold;}



.hamburger {
		display: block;
	width: 28px;
	height: 18px;
	padding: 11px;
	position: absolute;
	top: 50%;margin-top: -17px;
	right: 3%;

  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.7; }

.hamburger-box {
  width: 30px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 30px;
    height: 2px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }

.hamburger--slider .hamburger-inner {
  top: 8px; }
  .hamburger--slider .hamburger-inner::before {
    top: 10px;
	width:100%;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider .hamburger-inner::after {
    top: 20px; }

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--slider.is-active .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
	width:100%;
    opacity: 0; }
  .hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-90deg); }


/*首页*/
.h40{ height:40px;}
.h30{ height:30px;}
.h20{ height:20px;}
.h10{ height:10px;}
.totop{ position:fixed; right:3%; bottom:20px; width:30px; height:30px; background:url(../images/totop.png) center no-repeat; background-size:30px auto; z-index:10;}

.i_d1_title{ position:relative;}
.i_d1_title1{ font-size:24px; color:#000000; line-height:30px; font-weight:bold; text-align:center;}
.i_d1_hr{ display:block; margin:10px auto;}
.i_d1_title2{ font-size:14px; color:#9a9a9a; line-height:30px; text-align:center;}

.i_d1_nav{ background:#0369be;}
.i_d1_nav li{ float:left; width:25%; box-sizing:border-box; padding-top:10px; padding-bottom:20px; position:relative; cursor:pointer;}
.i_d1_nav li:after{content: ""; width:1px; position: absolute; top:5px; bottom:5px; left: 0; background:#267dc5;}
.i_d1_nav li:nth-child(1):after{ display:none;}
.i_d1_nav li .ico{ line-height:50px; text-align:center;}
.i_d1_nav li .ico img{ vertical-align:middle; height:36px;}
.i_d1_nav li .txt{ font-size:14px; color:#ffffff; line-height:25px; text-align:center;}
.i_d1_nav li .txt *{ font-size:14px; color:#ffffff; line-height:25px; text-align:center;}
.i_d1_nav li .hr{ width:30px; height:2px; background:#4e7ea6; margin:0 auto; margin-top:5px;}
.i_d1_nav li.on .txt{ font-weight:bold;}


.i_d1_1_c-container{ padding-bottom:40px;}

.i_d1_1_c_list li{ float:left; width:49%; margin-left:2%; margin-top:10px;}
.i_d1_1_c_list li:nth-child(2n+1){ margin-left:0}
.i_d1_1_c_list li:nth-child(1),
.i_d1_1_c_list li:nth-child(2){ margin-top:0}
.i_d1_1_c_list li .box{ padding:6px; background:#cecece; box-sizing:border-box; transition:all 0.3s;}
.i_d1_1_c_list li .img{
  position: relative;
  padding: 50% 0;
  overflow:hidden;
  box-sizing:border-box;
  background:#fff;
}
.i_d1_1_c_list li .img img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  transition: all 0.8s;
  background:#fff;
  opacity:1;
}
.i_d1_1_c_list li .txt{ line-height:40px; font-size:14px; color:#434343; text-align:center; position:relative;}
.i_d1_1_c_list li .txt:after{content: ""; width:36px; height:1px; position: absolute; left:50%; bottom:5px; background:#aeaeae; margin-left:-18px; transition:all 0.3s;}
.i_d1_1_c_list li:hover .box{ background:#ffaa3c;}
.i_d1_1_c_list li:hover .txt:after{ background:#fff;}

.i_d1_1_c-pagination{ position:absolute; left:0; bottom:0px !important; width:100%; text-align:center; z-index:2;}
.i_d1_1_c-pagination .swiper-pagination-bullet{ width:8px; height:8px; background:#d2d2d2; opacity:1; border-radius:50%; margin:0 4px !important; transition:all 0.3s;}
.i_d1_1_c-pagination .swiper-pagination-bullet-active{ background:#f4881c;}

a.i_d1_more{ display:block; margin:0 auto; width:130px; height:40px; background: url(../images/i_d1_more_bg.jpg) center repeat-y; font-size:16px; color:#fff; line-height:40px; text-align:center;}
a.i_d1_more img{ position:relative; top:-1px; margin-left:10px; left:0; width:20px; vertical-align:middle; transition:all 0.3s;}


.i_d2_bg{ background: url(../images/i_d2_bg.jpg) #0369be no-repeat top center; background-size: 100% auto;}
.i_d2_l{}
.i_d2_l_title1{ font-size:24px; color:#ffffff; line-height:30px; font-weight:bold;}
.i_d2_l_title2{ font-size:18px; color:#f89328; line-height:30px; font-weight:bold;}
.i_d2_l_txt{ font-size:14px; color:#ffffff; line-height:25px; margin-top:20px;}
.i_d2_l_txt *{ line-height:25px;}
.i_d2_r{ position:relative;}
.i_d2_r .i_d2_r_bg{ display:block; width:100%;}
.i_d2_r .ico{ display:block; width:40px; height:40px; position:absolute; left:50%; top:50%; margin-left:-20px; margin-top:-50px;}

a.i_d2_more{ display:block; width:130px; height:40px; background: url(../images/i_d1_more_bg.jpg) center repeat-y; font-size:16px; color:#fff; line-height:40px; text-align:center; z-index:1;}
a.i_d2_more img{ position:relative; top:-1px; margin-left:10px; left:0; width:20px; vertical-align:middle; transition:all 0.3s;}

.i_d2_list{ background:#fff; width:94%; margin:0 3%; margin-top:-60px; position:relative; z-index:2; box-sizing:border-box; padding:10px 10px;}
.i_d2_list li{ float:left; width:48%; margin-left:4%; padding-top:0px; padding-bottom:0px;}
.i_d2_list li:nth-child(2n+1){ margin-left:0;}
.i_d2_list li .box{}
.i_d2_list li .box .box_txt1{ border-bottom:#dadada 1px solid; font-size:14px; color:#f89629; line-height:50px; height:50px; text-align:left; position:relative; padding-left:50px; box-sizing:border-box;}
.i_d2_list li .box .box_txt1 span{ font-size:30px; color:#f89629; font-weight:bold;}
.i_d2_list li .box img{ position:absolute; left:0; top:50%; transform:translateY(-50%); height:30px;}
.i_d2_list li .box .box_txt2{ line-height:35px; text-align:left; font-size:14px; color:#636363;}


.i_d3_nav{ border-bottom:#cccccc 1px solid; height:40px; text-align:center;}
.i_d3_nav li{ display:inline-block; width:100px; height:40px; position:relative; text-align:center; font-size:18px; color:#222222; font-weight:bold; line-height:40px; margin:0 10px; cursor:pointer;}
.i_d3_nav li:after{content: ""; width:0; height:3px; position: absolute; left:0; bottom:-2px; background: url(../images/i_d1_more_bg.jpg) center repeat-y; background-size:cover; transition:all 0.3s;}
.i_d3_nav li.on:after{ width:100%;}

.i_d3_list li{ float:left; width:48%; margin-left:4%; margin-top:10px;}
.i_d3_list li:nth-child(2n+1){ margin-left:0;}
.i_d3_list li .img{
  position: relative;
  padding: 40% 0;
  overflow:hidden;
  box-sizing:border-box;
  background:#fff;
}
.i_d3_list li .img img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  transition: all 0.8s;
  background:#fff;
  opacity:1;
}

.i_d4{ background: url(../images/i_d4_bg.jpg) no-repeat center; background-size: cover;}

.i_d4-container{ width:96%; margin:0 auto;}
.i_d4-container .li{ position:relative; background:rgba(7,75,132,0.73);}
.i_d4-container .li .box{ box-sizing:border-box; padding:10px; padding-top:20px;}

.i_d4_title1{ line-height:40px; font-size:20px; color:#ffffff; font-weight:bold; position:relative; text-align:center;}
.i_d4_title1 .ico{ height:40px;}
.i_d4_hr{ width:80px; height:3px; background: url(../images/i_d1_more_bg.jpg) center repeat-y; background-size:cover; margin:10px auto; margin-bottom:15px;}
.i_d4_txt{ font-size:14px; color:#fff; line-height:25px; height:50px; overflow:hidden;}
.i_d4_box{}

.i_d4_box .i_d1_title1{ font-size:24px; color:#fff; line-height:30px; font-weight:bold;}
.i_d4_box .i_d1_title2{ font-size:14px; color:#fff; line-height:30px;}
.i_d4_pagination{ position:relative; text-align:left; box-sizing:border-box; font-size:16px; color:#ffffff; text-align:center; margin-top:10px;}
.i_d4_pagination .swiper-pagination-current{ font-size:30px; color:#f38519;}
.i_d4_prev{ position:absolute; left:0; top:50%; margin-top:-20px; width:40px; height:40px; background:rgba(0,0,0,0.5); line-height:40px; text-align:center; cursor:pointer; border-radius:50%; z-index:2;}
.i_d4_prev img{ vertical-align:middle; height:20px;}
.i_d4_next{ position:absolute; right:0; top:50%; margin-top:-20px; width:40px; height:40px; background:rgba(0,0,0,0.5); line-height:40px; text-align:center; cursor:pointer; border-radius:50%; z-index:2;}
.i_d4_next img{ vertical-align:middle; height:20px;}


.i_d5_c-container{ padding-bottom:40px;}
.i_d5_c_list li{ position:relative;}
.i_d5_c_list li .img{
  position: relative;
  padding: 30% 0;
  overflow:hidden;
  box-sizing:border-box;
  background:#fff;
}
.i_d5_c_list li .img img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  transition: all 0.8s;
  background:#fff;
  opacity:1;
}
.i_d5_c_list li .txt{ position:absolute; left:0; bottom:0; width:100%; height:40px; background:rgba(3,105,190,0.9); font-size:16px; color:#fff; line-height:40px; text-align:center;}

.i_d5_c-pagination{ position:absolute; left:0; bottom:0px !important; width:100%; text-align:center; z-index:2;}
.i_d5_c-pagination .swiper-pagination-bullet{ width:8px; height:8px; background:#d2d2d2; opacity:1; border-radius:50%; margin:0 4px !important; transition:all 0.3s;}
.i_d5_c-pagination .swiper-pagination-bullet-active{ background:#f4881c;}
.i_d5_prev{ position:absolute; left:0; top:50%; margin-top:-40px; width:40px; height:40px; background:rgba(0,0,0,0.5); line-height:40px; text-align:center; cursor:pointer; border-radius:50%; z-index:2;}
.i_d5_prev img{ vertical-align:middle; height:20px;}
.i_d5_next{ position:absolute; right:0; top:50%; margin-top:-40px; width:40px; height:40px; background:rgba(0,0,0,0.5); line-height:40px; text-align:center; cursor:pointer; border-radius:50%; z-index:2;}
.i_d5_next img{ vertical-align:middle; height:20px;}



.i_d6_bg{ background: url(../images/i_d6_bg.jpg) #f6f6f6 no-repeat top center; background-size: 100% auto;}
.i_d6_bg .i_d1_title1{ font-size:24px; color:#fff; line-height:30px; font-weight:bold;}
.i_d6_bg .i_d1_title2{ font-size:14px; color:#fff; line-height:30px;}

.i_d6_box{ background: url(../images/i_d6_box_bg.png) bottom 60px center #fff no-repeat; background-size:100% auto; box-sizing:border-box; padding:20px 3%;}
.i_d6_box_list li{ box-sizing:border-box;}
.i_d6_box_list li .box_img{ border:#e9e9e9 6px solid; background:#fff; padding:20px; box-sizing:border-box; transition:all 0.3s;}
.i_d6_box_list li .box_img .img{
  position: relative;
  padding: 73% 0;
  overflow:hidden;
  box-sizing:border-box;
  background:#fff;
}
.i_d6_box_list li .box_img .img img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  transition: all 0.8s;
  background:#fff;
  opacity:1;
}
.i_d6_box_list li .txt{ font-size:14px; color:#666666; line-height:40px; text-align:center;}
.i_d6_box_list li:hover .box_img{ border:#f38519 6px solid;}

.i_d6_c-container{ padding-bottom:40px;}
.i_d6_c-pagination{ position:absolute; left:0; bottom:0px !important; width:100%; text-align:center; z-index:2;}
.i_d6_c-pagination .swiper-pagination-bullet{ width:8px; height:8px; background:#d2d2d2; opacity:1; border-radius:50%; margin:0 4px !important; transition:all 0.3s;}
.i_d6_c-pagination .swiper-pagination-bullet-active{ background:#f4881c;}
.i_d6_prev{ position:absolute; left:0; top:50%; margin-top:-60px; width:40px; height:40px; background:rgba(0,0,0,0.5); line-height:40px; text-align:center; cursor:pointer; border-radius:50%; z-index:2;}
.i_d6_prev img{ vertical-align:middle; height:20px;}
.i_d6_next{ position:absolute; right:0; top:50%; margin-top:-60px; width:40px; height:40px; background:rgba(0,0,0,0.5); line-height:40px; text-align:center; cursor:pointer; border-radius:50%; z-index:2;}
.i_d6_next img{ vertical-align:middle; height:20px;}

.i_d7_bg{ background: url(../images/i_d7_bg.jpg) #f6f6f6 no-repeat top center; background-size:cover;}
.i_d7_list li{ background:#fff; margin-top:20px; padding:10px; position:relative;}
.i_d7_list li:nth-child(1){ margin-top:0;}
.i_d7_list li .img{ float:left; width:120px; height:100px;}
.i_d7_list li .img img{ width:100%; height:100px; object-fit: cover;}
.i_d7_list li .box{ float:right; width:calc(100% - 130px);}
.i_d7_list li .box .rq{ font-size:14px; color:#c4c4c4; line-height:20px;}
.i_d7_list li .box .title{ font-size:14px; color:#2c2b2b; line-height:20px;}
.i_d7_list li .box .title a:hover{ color:#f38519;}
.i_d7_list li .box .txt{ font-size:14px; color:#848484; line-height:20px; margin-top:5px;}
.i_d7_list li .box .hr{ background:#e4e4e4; height:1px; margin-top:25px; margin-bottom:25px;}
.i_d7_list li .box a.more{ display:block; width:100px; height:30px; background: url(../images/i_d7_more_bg.jpg) center repeat-y; background-size: 100% auto; padding-left:14px; box-sizing:border-box; font-size:14px; color:#ffffff; line-height:30px; position:relative; margin-top:5px;}
.i_d7_list li .box a.more:after{content: ""; width:7px; height:11px; position: absolute; top:50%; right:10px; margin-top:-6px; background: url(../images/i_d7_more_ico.png) center no-repeat; transition:all 0.3s;}



.footer{ border-top:#fb9d31 6px solid; background: url(../images/footer_bg.jpg) no-repeat top center; background-size:cover;}
.footer_box1{ text-align:center;}
.footer_ewm_list li{ display:inline-block; width:140px; background:#2480ce; box-sizing:border-box; padding:10px 10px 0 10px; margin:10px;}
.footer_ewm_list li .footer_ewm{ width:100%; height:120px; display:block;}
.footer_ewm_list li .txt{ font-size:12px; color:#f6f6f6; line-height:30px; text-align:center;}
.footer_box2{ text-align:center;}
.footer_box_title{ font-size:20px; color:#ffffff; font-weight:bold; line-height:40px; padding-bottom:15px; position:relative; margin-bottom:20px;}
.footer_box_title:after{content: ""; width:35px; height:2px; position: absolute; left:50%; bottom:0px; background: url(../images/footer_box_title_ico.jpg) center no-repeat; margin-left:-18px;}
.footer_box2 .footer_box_txt{ font-size:16px; color:#ffffff; line-height:30px;}
.footer_box3{ float:right; width:25%;}
.footer_nav li{ float:left; width:50%; font-size:16px; color:#ffffff; line-height:30px; margin-bottom:20px;}
.footer_nav li a{ color:#ffffff;}
.footer_b_txt{ padding:10px 0; font-size:14px; color:#9eb4cb; line-height:30px; text-align:center; border-top:#0c6dbf 1px solid;}
.footer_b_txt a{ color:#9eb4cb; }


/*新闻列表*/
.n_banner_c{ position:relative;}
.n_banner{ display:block; width:100%; object-fit: cover;}


.news_bg{ background: url(../images/news_bg.jpg) #f7f7f7 no-repeat bottom center; background-size: cover;}
.n_weizhi{ font-size:14px; color:#616161; line-height:50px; border-bottom:#e7e7e7 1px solid;}
.n_weizhi *{ color:#616161;}

.news_box{ background:#ffffff; padding:10px 10px;}
.news_list li{ padding:15px 0; border-top:#e4e4e4 1px solid;}
.news_list li:nth-child(1){ border-top:0;}
.news_list li .img{
  position: relative;
  padding: 30% 0;
  overflow:hidden;
  box-sizing:border-box;
  background:#fff;
}
.news_list li .img img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  transition: all 0.8s;
  background:#fff;
  opacity:1;
}
.news_list li .news_txt{}
.news_list li .news_txt .txt2{ font-size:16px; color:#2c2b2b; font-weight:bold; line-height:30px; margin-top:10px; transition:all 0.3s;}
.news_list li .news_txt .txt3{ font-size:14px; color:#848484; line-height:25px; margin-top:10px; height:50px; overflow:hidden;}
.news_list li .news_txt .txt3 *{ line-height:25px;}
.news_list li .news_txt .more{ float:left; display:block; width:100px; height:30px; background:#0369be; background-size: 100% auto; padding-left:14px; box-sizing:border-box; font-size:14px; color:#ffffff; line-height:30px; position:relative; transition:all 0.3s; margin-top:10px;}
.news_list li .news_txt .more:after{content: ""; width:7px; height:11px; position: absolute; top:50%; right:10px; margin-top:-6px; background: url(../images/i_d7_more_ico.png) center no-repeat; transition:all 0.3s;}
.news_list li .news_txt .txt1{ float:right; width:50%; margin-top:10px; font-size:14px; color:#c4c4c4; line-height:30px; text-align:right;}
/*.news_list li .news_txt .more:hover:after{ right:15px;}*/
.news_list li:hover .news_txt .more{ background: url(../images/i_d7_more_bg.jpg) center repeat-y;}
.news_list li:hover .news_txt .txt2{ color:#0369be;}


/*新闻详情页*/
.news_i_bg{ background:#f7f7f7;}
.news_i_l{ box-sizing:border-box; padding:15px; background:#fff;}
.news_i_title1{ font-size:18px; color:#2c2b2b; line-height:30px; font-weight:bold; text-align:center; font-weight:bold;}
.news_i_title2{ font-size:14px; color:#c4c4c4; line-height:40px; text-align:center; padding-bottom:10px; border-bottom:#e8e8e8 1px solid;}
.news_i_desc{ background:#f7f7f7; padding:10px 10px; font-size:14px; color:#989898; line-height:30px;}
.news_i_hit{ font-size:14px; color:#939393; text-align:right; line-height:30px; border-bottom:#e8e8e8 1px solid;}
.news_i_more_l{ /*float:left; width:46%;*/ font-size:14px; color:#585858; line-height:30px;}
.news_i_more_r{ /*float:right; width:46%;*/ font-size:14px; color:#585858; line-height:30px;}
.news_i_r{ float:right; width:31.8%; box-sizing:border-box; padding:15px; background:#fff;}
.news_i_r_title{ font-size:18px; color:#1f1f1f; line-height:50px; font-weight:bold; border-bottom:#e7e7e7 1px solid;}
.news_i_r_list li{ margin-top:30px; border:#e8e8e8 1px solid; padding:25px 15px;}
.news_i_r_list li .img{ float:left; width:50%;}
.news_i_r_list li .img img{ display:block; width:100%; height:120px; object-fit: cover;}
.news_i_r_list li .txt{ float:right; width:44%;}
.news_i_r_list li .txt .txt1{ font-size:16px; color:#2c2b2b; line-height:30px; padding-top:10px; transition:all 0.3s;}
.news_i_r_list li .txt .txt2{ font-size:16px; color:#c4c4c4; line-height:30px; padding-top:10px;}
.news_i_r_list li:hover .txt .txt1{ color:#0369be;}



/*产品应用*/
.cpyy_nav li{ background:#0369be;}
.cpyy_nav li{ float:left; width:25%; height:36px; box-sizing:border-box; border-left:#fff 1px solid; margin-top:1px;}
.cpyy_nav li:nth-child(4n+1){ border-left:0;}
.cpyy_nav li:nth-child(1),
.cpyy_nav li:nth-child(2),
.cpyy_nav li:nth-child(3),
.cpyy_nav li:nth-child(4){ border-top:0;}
.cpyy_nav li .txt2{ text-align:center; font-size:16px; color:#ffffff; line-height:36px;}
.cpyy_nav li:hover,
.cpyy_nav li.on{ background: url(../images/i_d7_more_bg.jpg) center repeat-y; background-size:100% auto; border-left:#eb6c01 1px solid;}
.cpyy_nav li:hover .txt1,
.cpyy_nav li.on .txt1{ color:#f28a28; }

.cpyy_list li{ margin-top:20px; position:relative; background:#f6f6f6; padding:10px;}
.cpyy_list li .box{ position:relative; z-index:2;}
.cpyy_list li .box .img{ float:left; width:150px;}
.cpyy_list li .box .img img{ display:block; width:100%; height:120px; object-fit: cover;}
.cpyy_list li .box_txt{ float:right; width:calc(100% - 160px); box-sizing:border-box;}
.cpyy_list li .box_txt .title{ height:30px; line-height:30px; font-size:16px; color:#1e1e1e; font-weight:bold; position:relative;}
.cpyy_list li .box_txt .title:after{content: ""; position:absolute; left:0; bottom:0; width:52px; height:2px; background:#0369be;}
.cpyy_list li .box_txt .txt{ margin-top:5px; font-size:14px; color:#535353; line-height:25px; height:50px; overflow:hidden;}
.cpyy_list li .box_txt .more{ float:left; display:block; width:100px; height:30px; background:#0369be; background-size: 100% auto; padding-left:14px; box-sizing:border-box; font-size:14px; color:#ffffff; line-height:30px; position:relative; transition:all 0.3s; margin-top:5px;}
.cpyy_list li .box_txt .more:after{content: ""; width:7px; height:11px; position: absolute; top:50%; right:10px; margin-top:-6px; background: url(../images/i_d7_more_ico.png) center no-repeat; transition:all 0.3s;}
.cpyy_list li:hover .box_txt .more{ background: url(../images/i_d7_more_bg.jpg) center repeat-y;}
.cpyy_list li:hover .box_txt .title{ color:#0369be;}


/*5产品与解决方案*/
.cpfa_list li{ margin-top:20px; box-sizing:border-box; border:#dededf 1px solid;}
.cpfa_list li .img{
  position: relative;
  padding: 33% 0;
  overflow:hidden;
  box-sizing:border-box;
  background:#fff;
}
.cpfa_list li .img img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  transition: all 0.8s;
  background:#fff;
  opacity:1;
}
.cpfa_list li .txt{ padding:10px;}

.cpfa_list li:hover .img img{transform: scale(1.05)}

.cpfa_list li .title{ font-size:16px; color:#2c2b2b; line-height:30px; font-weight:bold; transition:all 0.3s;}
.cpfa_list li .txt1{ font-size:14px; color:#848484; line-height:25px;}
.cpfa_list li .txt1 *{ line-height:25px;}
.cpfa_list li .hr{ background:#e6e6e6; height:1px; margin-top:10px; margin-bottom:10px;}
.cpfa_list li .more{ display:block; width:100px; height:30px; background:#0369be; background-size: 100% auto; padding-left:14px; box-sizing:border-box; font-size:14px; color:#ffffff; line-height:30px; position:relative; transition:all 0.3s; margin-top:5px;}
.cpfa_list li .more:after{content: ""; width:7px; height:11px; position: absolute; top:50%; right:10px; margin-top:-6px; background: url(../images/i_d7_more_ico.png) center no-repeat; transition:all 0.3s;}


/*联系我们*/
.lianxi_bg{ background: url(../images/lianxi_bg.jpg) #f7f7f7 no-repeat bottom center; background-size: cover;}
.lianxi_title{ font-size:24px; color:#000000; line-height:40px; font-weight:bold; text-align:center;}
.lianxi_box{ background:#fff; padding:15px;}
.lx_r{ display:block; width:100%;}
.lx_l{ box-sizing:border-box;}
.lx_l_title{ font-size:22px; color:#0369be; line-height:40px; font-weight:bold;}

.lx_list li{ position:relative; box-sizing:border-box; padding-left:80px; padding-right:20px; margin-top:20px;}
.lx_list li .ico{ position:absolute; left:0; top:8px; width:62px; height:45px; line-height:45px; border-right:#c6d9f0 1px solid;}
.lx_list li .title{ font-size:16px; color:#0c0c0c; line-height:30px; font-weight:bold;}
.lx_list li .txt{ font-size:14px; color:#6b6b6b; line-height:30px;}


/*产品中心*/
.p_bg{ background: url(../images/p_bg.jpg) no-repeat bottom center; background-size: cover;}
.p_l{ float:left; width:23%; background:#fff;}
.p_l_title{ height:180px; background:#0166b8; box-sizing:border-box; padding-left:40px; padding-top:40px;}
.p_l_title1{ font-size:45px; color:#fff; line-height:70px; font-weight:bold;}
.p_l_title2{ font-size:18px; color:#fff; line-height:30px; min-height:30px; background: url(../images/p_l_ico.png) left center no-repeat; padding-left:70px;}
.p_l_nav li{ float:left; width:49%; margin-left:2%; margin-top:5px;}
.p_l_nav li:nth-child(2n+1){ margin-left:0;}
.p_l_nav li:nth-child(1),
.p_l_nav li:nth-child(2){ margin-top:0;}
.p_l_nav li a{ display:block; width:100%; height:40px; box-sizing:border-box; padding-left:10px; padding-right:10px; font-size:16px; color:#434343; line-height:40px; background: #f3f3f3;}
.p_l_nav li:hover a,
.p_l_nav li.on a{ color:#fff; background:#0166b8;}

.p_r{}
.p_list li{ float:left; width:48%; margin-left:4%; margin-top:20px; box-sizing:border-box; padding:6px; padding-bottom:0; box-sizing:border-box; background:#f2f2f2;}
.p_list li:nth-child(2n+1){ margin-left:0;}
.p_list li .txt{ line-height:40px; font-size:14px; color:#434343; text-align:center; position:relative;}
.p_list li .txt:after{content: ""; width:36px; height:2px; position: absolute; top:60px; left:50%; margin-left:-18px; background:#aeaeae;}
.p_list li .img{
  position: relative;
  padding: 46% 0;
  overflow:hidden;
  box-sizing:border-box;
  background:#fff;
}
.p_list li .img img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  transition: all 0.8s;
  background:#fff;
  opacity:1;
}
.p_list li:hover{ background: url(../images/p_list_bg.jpg) center repeat-x; background-size:100% auto;}
.p_list li:hover .txt{ color:#ffffff;}
.p_list li:hover .txt:after{ background:#fff;}


/*产品详情*/
.p_i_bg{ background: url(../images/p_bg.jpg) no-repeat bottom center; background-size: cover;}
.p_i_d1{ position:relative;}

.p_i_d1_l{}

    .p_i_d1_l .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .p_i_d1_l .swiper {
      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
    }

    .p_i_d1_l .swiper-slide {
      background-size: cover;
      background-position: center;
    }

    .mySwiper2 {
      height: 80%;
      width: 100%;
    }

    .mySwiper {
      height: 20%;
      box-sizing: border-box;
      padding: 20px 0;
    }

    .mySwiper .swiper-slide {
      width: 25%;
      height: 100%;
      /*opacity: 0.4;*/
    }

    .mySwiper .swiper-slide-thumb-active {
      /*opacity: 1;*/
    }
	.mySwiper .swiper-slide:after{content: ""; width:100%; height: 100%; position: absolute; left: 0; top:0px; box-sizing:border-box; border:#ebebeb 2px solid;}
	.mySwiper .swiper-slide-thumb-active:after{content: ""; width:100%; height: 100%; position: absolute; left: 0; top:0px; box-sizing:border-box; border:#e00f25 2px solid;}



.p_i_d1_l .img {
  position: relative;
  width:100%;
  padding: 50% 0;
  overflow:hidden;
  box-sizing:border-box;
  /*box-shadow: 5px 10px 10px 0px rgba(10, 2, 5, 0.15);*/
}
.p_i_d1_l .img img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: contain;
  transition: all 0.6s;
  background:#f4f4f4;
}
.mySwiper_c{ position:relative; padding:0 30px;}
.mySwiper_c .p_prev{ left:0px; color:#aaa9a9; outline:none;}
.mySwiper_c .p_next{ right:0px; color:#aaa9a9; outline:none;}
.mySwiper_c .p_prev:after,
.mySwiper_c .p_next:after{ font-size:30px;}

.p_i_d1_r{ box-sizing:border-box; border-top:#d9dde0 1px solid;}
.p_i_d1_r_title{ font-size:20px; color:#0d0d0d; font-weight:bold; line-height:40px; padding-top:20px; padding-bottom:10px;}
.p_i_d1_r_txt{ padding-left:45px; position:relative; min-height:30px; font-size:14px; color:#626262; line-height:25px; margin-top:10px;}
.p_i_d1_r_txt .title{ position:absolute; left:0; top:0; font-size:14px; color:#1d1c1c; font-weight:bold; line-height:30px;}
.p_i_d1_r_txt *{ line-height:25px;}
.p_i_d1_r a.more{ display:block; width:182px; height:52px; background: url(../images/i_d7_more_bg.jpg) center repeat-y; background-size: 100% auto; padding-left:50px; box-sizing:border-box; font-size:16px; color:#ffffff; line-height:52px; position:relative; transition:all 0.3s; margin-top:30px;}
.p_i_d1_r a.more:after{content: ""; width:7px; height:11px; position: absolute; top:50%; right:40px; margin-top:-6px; background: url(../images/i_d7_more_ico.png) center no-repeat; transition:all 0.3s;}

.p_i_d2_box{ background:#ececec;}
.p_i_d2_nav{ background:#0369be;}
.p_i_d2_nav li{ float:left; width:25%; height:40px; box-sizing:border-box; border-right:#3583c4 1px solid; font-size:14px; color:#ffffff; line-height:40px; text-align:center; cursor:pointer;}
.p_i_d2_nav li.on{ background: url(../images/i_d7_more_bg.jpg) center repeat-y; background-size:100% auto; border-3583c4:#eb6c01 1px solid;}
.p_i_d2_nav li.on .txt1{ color:#f28a28; }

.p_i_d2{ background:#fff; padding:10px;}
.p_i_img1{ margin-top:40px; text-align:center;}
.p_i_img1 img{ max-width:100%;}
.p_i_d2 video{ width:100%; margin-top:40px;}

.p_i_d3_title{ height:50px; border-bottom:#d4d4d4 1px solid;}
.p_i_d3_title .title{ width:120px; font-size:24px; color:#0d0d0d; font-weight:bold; line-height:49px; border-bottom:#0369be 3px solid; text-align:center;}
.p_i_d3_box{ position:relative;}
.p_i_d3_c_list li{ box-sizing:border-box; padding:6px; box-sizing:border-box; background:#f2f2f2;}
.p_i_d3_c_list li .txt{ line-height:30px; padding-top:20px; padding-bottom:40px; font-size:18px; color:#434343; text-align:center; position:relative;}
.p_i_d3_c_list li .txt:after{content: ""; width:36px; height:2px; position: absolute; top:60px; left:50%; margin-left:-18px; background:#aeaeae;}
.p_i_d3_c_list li .img{
  position: relative;
  padding: 46% 0;
  overflow:hidden;
  box-sizing:border-box;
  background:#fff;
}
.p_i_d3_c_list li .img img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  transition: all 0.8s;
  background:#fff;
  opacity:1;
}
.p_i_d3_c_list li:hover{ background: url(../images/p_list_bg.jpg) center repeat-x; background-size:100% auto;}
.p_i_d3_c_list li:hover .txt{ color:#ffffff;}
.p_i_d3_c_list li:hover .txt:after{ background:#fff;}
.p_i_d3_c_prev{ background: url(../images/p_i_d3_c_l.png) #d9d9d9 no-repeat center; position:absolute; left:-70px; top:50%; width:45px; height:82px; margin-top:-41px; cursor:pointer; outline:none; transition:all 0.3s;}
.p_i_d3_c_prev:hover{ background: url(../images/p_i_d3_c_l.png) #0369be no-repeat center;}
.p_i_d3_c_next{ background: url(../images/p_i_d3_c_r.png) #d9d9d9 no-repeat center; position:absolute; right:-70px; top:50%; width:45px; height:82px; margin-top:-41px; cursor:pointer; outline:none; transition:all 0.3s;}
.p_i_d3_c_next:hover{ background: url(../images/p_i_d3_c_r.png) #0369be no-repeat center;}



/*了解一精*/
.ab_d1_bg{ background: url(../images/ab_d1_bg.jpg) no-repeat top center; background-size: cover;}
.ab_d1_l{  background: url(../images/ab_title_bg.png) no-repeat top left; background-size:280px auto;}
.ab_d1_l_title1{ font-size:24px; color:#0c0c0c; line-height:40px; font-weight:bold;}
.ab_d1_l_title2{ font-size:18px; color:#0369be; line-height:30px; font-weight:bold; margin-top:10px;}
.ab_d1_l_txt{ font-size:14px; color:#5d5d5d; line-height:30px; margin-top:20px;}
.ab_d1_img{ display:block; width:100%; margin-top:20px;}
.ab_d1_list li{ float:left; width:50%; position:relative; margin-top:10px;}
.ab_d1_list li .txt1{ text-align:center; position:relative; height:40px;}
.ab_d1_list li .txt1 .title{ display:inline-block; font-size:30px; color:#f28317; font-weight:bold; height:40px; line-height:40px; position:relative;}
.ab_d1_list li .txt1 .no{ position:absolute; right:-25px; top:5px; font-size:14px; color:#5c5c5c; font-weight:normal;}
.ab_d1_list li .txt2{ font-size:14px; color:#5c5c5c; line-height:30px; text-align:center;}
.ab_d1_list li:after{content: ""; width:1px; height:50px; position: absolute; top:50%; left:0; margin-top:-25px; background:#d3d3d3;}
.ab_d1_list li:nth-child(2n+1):after{ display:none;}

.ab_d2_bg{ background:#00447c;}
.ab_d2_title{ font-size:24px; color:#ffffff; font-weight:bold; line-height:40px; text-align:center;}

.fzlc_box{ position:relative; padding-left:20px;}
.fzlc_box:before { content: ""; position: absolute; left: 5px; top:0; width: 1px; height: 100%; background: #6cbdff;}

.fzlc_list{}
.fzlc_list li{ margin-top:20px;}
.fzlc_list li:nth-child(1){ margin-top:0;}
.fzlc_list li .fzlc_img{ width:100%;}
.fzlc_list li .title{ font-size:18px; color:#fff; line-height:30px; font-weight:bold; position:relative; padding-bottom:10px; margin-bottom:10px;}
.fzlc_list li .title:before{content: ""; width:30px; height: 2px; position: absolute; left: 0px; bottom:0px; background:#f3851a;}
.fzlc_list li .txt{ font-size:14px; color:#fff; line-height:25px; margin-bottom:10px;}
.fzlc_list li .txt *{ line-height:25px;}
.fzlc_list li .title:after { content: ""; position: absolute; left: -20px; top:10px; width: 10px; height:10px; background:#f3861b; border-radius:50%;}

.fzlc_content{ font-size:16px; color:#333333; line-height:30px;}


.ab_d3_title{ font-size:24px; color:#1b1b1b; font-weight:bold; line-height:40px; text-align:center;}
.ab_d3_list li{}
.ab_d3_list li .img{
  position: relative;
  padding: 37% 0;
  overflow:hidden;
  box-sizing:border-box;
  background:#fff;
}
.ab_d3_list li .img img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  transition: all 0.8s;
  background:#fff;
  opacity:1;
}


.ab_d3_c-container{ padding-bottom:40px;}
.ab_d3_c-pagination{ position:absolute; left:0; bottom:0px !important; width:100%; text-align:center; z-index:2;}
.ab_d3_c-pagination .swiper-pagination-bullet{ width:8px; height:8px; background:#d2d2d2; opacity:1; border-radius:50%; margin:0 4px !important; transition:all 0.3s;}
.ab_d3_c-pagination .swiper-pagination-bullet-active{ background:#f4881c;}
.ab_d3_prev{ position:absolute; left:0; top:50%; margin-top:-40px; width:40px; height:40px; background:rgba(0,0,0,0.5); line-height:40px; text-align:center; cursor:pointer; border-radius:50%; z-index:2;}
.ab_d3_prev img{ vertical-align:middle; height:20px;}
.ab_d3_next{ position:absolute; right:0; top:50%; margin-top:-40px; width:40px; height:40px; background:rgba(0,0,0,0.5); line-height:40px; text-align:center; cursor:pointer; border-radius:50%; z-index:2;}
.ab_d3_next img{ vertical-align:middle; height:20px;}




.ab_d4_bg{ background: url(../images/ab_d4_bg.jpg) no-repeat bottom center; background-size: cover;}

.ab_d4_c_swiper{ padding-bottom:80px;}

.ab_d4_list li{ box-sizing:border-box; padding:3px; box-sizing:border-box; background:#0369be;}
.ab_d4_list li .txt{ line-height:30px; font-size:14px; color:#fff; text-align:center; position:relative;}
.ab_d4_list li .img{
  position: relative;
  padding: 60% 0;
  overflow:hidden;
  box-sizing:border-box;
  background:#fff;
}
.ab_d4_list li .img img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: contain;
  transition: all 0.8s;
  background:#fff;
  padding:5px;
  opacity:1;
  box-sizing:border-box;
}
.ab_d4_list li:hover{ background: url(../images/p_list_bg.jpg) center repeat-x; background-size:100% auto;}
.ab_d4_list li:hover .txt{ color:#ffffff;}

.ab_d4_c-container{ padding-bottom:40px;}
.ab_d4_c-pagination{ position:absolute; left:0; bottom:0px !important; width:100%; text-align:center; z-index:2;}
.ab_d4_c-pagination .swiper-pagination-bullet{ width:8px; height:8px; background:#d2d2d2; opacity:1; border-radius:50%; margin:0 4px !important; transition:all 0.3s;}
.ab_d4_c-pagination .swiper-pagination-bullet-active{ background:#f4881c;}
.ab_d4_prev{ position:absolute; left:0; top:50%; margin-top:-40px; width:40px; height:40px; background:rgba(0,0,0,0.5); line-height:40px; text-align:center; cursor:pointer; border-radius:50%; z-index:2;}
.ab_d4_prev img{ vertical-align:middle; height:20px;}
.ab_d4_next{ position:absolute; right:0; top:50%; margin-top:-40px; width:40px; height:40px; background:rgba(0,0,0,0.5); line-height:40px; text-align:center; cursor:pointer; border-radius:50%; z-index:2;}
.ab_d4_next img{ vertical-align:middle; height:20px;}


.ab_d5_box{ position:relative;}
.ab_d5_box_img{ display:block; width:100%; object-fit: cover; z-index:1;}
.ab_d5_list{ padding:10px 0; background:#0369be; margin:0 10px; margin-top:-60px; position:relative; z-index:2;}
.ab_d5_list li{ padding:10px 10px 10px 60px; position:relative;}
.ab_d5_list li .title{ font-size:18px; color:#ffffff; font-weight:bold; line-height:30px; font-weight:bold;}
.ab_d5_list li .txt{ font-size:14px; color:#ffffff; line-height:25px;}
.ab_d5_list li .txt *{ line-height:25px;}
.ab_d5_list li .ico{ position:absolute; left:00px; top:50%; width:70px; height:60px; margin-top:-40px; line-height:60px; text-align:center;}
.ab_d5_list li .ico img{ vertical-align:middle; height:40px;}


