@charset "utf-8";
body{margin:0;padding:0; font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
 font-size:16px; }
td,div{font-size:12px;color:#444;}
a{color:#333;text-decoration:none;}
a:hover{color:#7ec4e6;}
.clear{clear:both;}
.dis{display:none;}






a:active,
a:focus {
  outline: 0;
  border: none;
}
.w{width:1000px;margin:0 auto;clear:both;overflow:hidden;}
.mt10{margin-top:10px;}
.m10{margin:10px auto;}
li,dt{ list-style:none}
#topbar{background:#f6f6f6;height:32px;line-height:32px;}
#topbar .w span{float:right;background:#fff;padding:0 15px;color:#ddd;}
#topbar .w span a{}
#topbar .w{color:#999;}
div,h1,h2,h3,h4,ul,li,dt,dl,p{ margin:0px; padding:0px}
#tophead{height:80px;padding:15px 0;}
#tophead .logo{background:url(../images/logo.gif) no-repeat center;width:400px;height:60px;float:left;margin-top:10px;}
#tophead form{float:right;margin-top:20px;}
#tophead form .input{border:1px solid #ddd;padding:10px 15px;vertical-align:middle;border-right:0;color:#555;}
#tophead form .bnt{background:#2194D3;border:1px solid #2194D3;padding:10px 25px;vertical-align:middle;color:#fff;}

#topnav{background:#187EC6;height:50px;}
#topnav .w ul{margin:0;padding:0;list-style:none;}
#topnav .w ul li{float:left;}
#topnav .w ul li a{height:50px;line-height:50px;font-size:16px;;color:#fff;padding:0 25px;display:block;}
#topnav .w ul li a:hover{background:#7ec4e6;}
#topnav .w ul .hover a{background:#7ec4e6;height:50px;line-height:50px;font-size:16px;;color:#fff;padding:0 25px;display:block;}
#topnav .w ul li dl{position:absolute;z-index:999;margin:0;display:none;width:160px;}
#topnav .w ul .hover dl dt a{background:#7ec4e6;border-bottom:1px solid #187EC6;height:40px;line-height:40px;display:block;font-size:14px;}
#topnav .w ul .hover dl dt a:hover{background:#fff;color:#333;display:block;}

#banner{height:400px;}
#full-screen-slider { width:100%; height:400px; position:relative}
#slides { display:block; width:100%; height:400px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; bottom:10px; z-index:2000;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px;float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0; text-indent:-9999px;}
#pagination li.current { background:#0092CE}

.subject{color:#7ec4e6;font-size:18px;;height:41px;line-height:40px;border-bottom:1px solid #ddd;}
.subject b{display:inline-block;font-weight:normal;border-bottom:2px solid #7ec4e6;height:40px;line-height:40px;}
.subject span{color:#bbb;display:inline-block;font-size:16px;padding-left:10px;}
.subject a{float:right;font-size:12px;}

.pro_width{width:1012px;height:370px;overflow:hidden;}
.prolist{margin:15px 0;padding:0;list-style:none;overflow:hidden;width:29999px;}
.prolist li{float:left;width:240px;margin:0 13px 13px 0;}
.prolist li a{border:1px solid #eee;display:block;padding:15px;}
.prolist li a img{border:1px solid #eee;}
.prolist li a .title{text-align:center;font-size:14px;height:40px;line-height:40px;;}
.prolist li a .intro{line-height:18px;color:#999;word-break:break-all;min-height:55px;}
.prolist li a .more{display:block;margin:15px auto 10px auto;text-align:center;background:#e5e5e5;width:90px;line-height:24px;}
.prolist li a:hover{border:1px solid #ddd;}
.prolist li a:hover .title{color:#7ec4e6;}
.prolist li a:hover .more{background:#7ec4e6;color:#fff;}

.topcase{margin:15px 0;padding:0;list-style:none;overflow:hidden;}
.topcase li{float:left;width:240px;margin:0 13px 13px 0;}
.topcase li a{text-align:center;display:block;position:relative;height:160px;overflow:hidden;}
.topcase li img{border:1px solid #eee;width:240px;height:180px;display:block;margin-bottom:10px;}
.topcase li a div{position:absolute;background:#333;width:100%;line-height:40px;height:40px;color:#fff;display:block;bottom:-40px;left:1px;opacity:0.7}

.bg_black{background:#eee;padding:15px 0;}
.subject_news{color:#333;font-size:18px;;height:41px;line-height:40px;border-bottom:1px solid #ddd;}
.subject_news b{display:inline-block;font-weight:normal;border-bottom:2px solid #7ec4e6;height:40px;line-height:40px;}
.subject_news span{color:#bbb;display:inline-block;font-size:16px;padding-left:10px;}
.subject_news a{float:right;font-size:12px;}

.newslist{margin:15px 0;padding:0;list-style:none;overflow:hidden;}
.newslist li{float:left;width:480px;margin:0 20px 20px 0;}
.newslist li a img{float:left;margin-right:10px;border:1px solid #eee;}
.newslist li a .title{font-size:16px;;line-height:30px;}
.newslist li a .date{font-size:12px;color:#444;line-height:20px;}
.newslist li a .intro{line-height:18px;color:#999;}
.newslist li a:hover .title{color:#f30;}

.link{padding:15px;}
.link img{margin:3px 8px 5px 0;}
.link ul{clear:both;margin:0;padding:0;list-style:none;}
.link ul li{float:left;width:93px;height:25px;overflow:hidden;}

#bg_foot_nav{background:#187EC6;text-align:center;}
.foot_nav{height:40px;line-height:40px;color:#fff;}
.foot_nav span{float:right;padding-top:5px;}
.foot_nav a{color:#fff;}
.foot_nav a:hover{color:#ff0;}
#bg_copyright{background:#7ec4e6;padding:20px 0;}


.lefter{width:220px;margin-right:30px;float:left;}
.righter{float:left;width:750px;}
.leftnav{background:#7ec4e6;padding:10px 15px;color:#fff;font-size:18px;;}
.subnav{border:1px solid #eee;border-bottom:0;margin:0;padding:0;list-style:none;}
.subnav li{}
.subnav li a{display:block;padding-left:20px;background:#fafafa;font-size:14px;line-height:40px;height:40px;border-bottom:1px solid #eee;}
.subnav li a:hover{color:#7ec4e6;font-weight:bold;background:#f3f3f3;}
.subnav .hover a{display:block;padding-left:20px;color:#7ec4e6;font-weight:bold;background:#f3f3f3;font-size:14px;line-height:40px;height:40px;border-bottom:1px solid #eee;}
.subnav dl{margin:0;padding:0;list-style:none;*margin-top:-12px;}
.subnav dl dt{}
.subnav dl dt a{background:#fff;display:block;height:40px;line-height:40px;border-bottom:1px solid #eee;padding-left:20px;font-size:12px;}
.subnav dl dt a:hover{background:#fff;font-size:12px;font-weight:normal;color:#f30;}
.subnav li dl .hover a{color:#f30;font-size:12px;font-weight:normal;background:#fff;}

.left_border{border:1px solid #eee;border-top:0;padding:10px 15px;line-height:25px;}
.left_border p{margin:0;padding:0;}
.left_border b{font-size:14px;}

.container{line-height:25px;font-size:14px;padding:15px 0;}
.container p{margin:5px 0;;font-size:14px;}

.artshow{line-height:25px;font-size:14px;padding:0 0 15px 0;}
.artshow .info{text-align:center;;color:#999;padding:0 0 15px 0;font-size:14px;}
.artshow p{margin:5px 0;font-size:14px;}
.artshow .pre{margin:5px 0 5px 0;color:#999;}
.artshow .next{margin:0 0 5px 0;color:#999;}

.prowidth{width:759px;overflow:hidden;}
.pro_list{margin:15px 0;padding:0;list-style:none;overflow:hidden;}
.pro_list li{float:left;width:240px;margin:0 13px 13px 0;}
.pro_list li a{border:1px solid #eee;display:block;padding:15px;}
.pro_list li a img{border:1px solid #eee; }
.pro_list li a .title{text-align:center;font-size:14px;height:40px;line-height:40px;;}
.pro_list li a .intro{line-height:18px;color:#999;word-break:break-all;min-height:55px;}
.pro_list li a .more{display:block;margin:15px auto 10px auto;text-align:center;background:#e5e5e5;width:90px;line-height:24px;}
.pro_list li a:hover{border:1px solid #ddd;}
.pro_list li a:hover .title{color:#7ec4e6;}
.pro_list li a:hover .more{background:#7ec4e6;color:#fff;}
.honor_list{ padding:50px 0px}
.pic_list{margin:15px 0;padding:0;list-style:none;overflow:hidden;}
.pic_list li{float:left;width:23.5%; margin-right:2%}
.pic_list li:nth-child(4n){ margin-right:0}
.pic_list li a{}
.pic_list li a img{border:1px solid #eee;display:block; width:100%;border-radius:10px;}
.pic_list li a .title{text-align:center;font-size:16px;height:40px;line-height:40px;;}
.pic_list li a:hover{border:1px solid #ddd;}
.pic_list li a:hover .title{color:#7ec4e6;}
.honor_list ul li{ position: relative}

.casewidth{width:780px;overflow:hidden;}
.case_list{margin:20px 0;padding:0;list-style:none;}
.case_list li{width:240px;margin:0 20px 30px 0;float:left;text-align:center;}
.case_list li img{display:block;margin-bottom:15px;}
.case_list li a{color:#666;font-size:13px;}
.case_list li a:hover{color:#f30;}

.joblist{margin:15px 0;padding:0;list-style:none;overflow:hidden;}
.joblist li{float:left;width:480px;margin:0 20px 20px 0;border-bottom:1px dashed #eee;padding-bottom:15px;}
.joblist li a .title{font-size:16px;;line-height:30px;}
.joblist li .line{padding:0;margin:0;line-height:22px;}
.joblist li .line b{float:left;width:70px;color:#555;}
.joblist li .line .intro{margin-left:70px;}
.joblist li a:hover .title{color:#f30;}

.job_list{margin:0;padding:0;list-style:none;overflow:hidden;}
.job_list li{float:left;width:350px;margin:0 20px 20px 0;border-bottom:1px dashed #eee;padding-bottom:15px;}
.job_list li a .title{font-size:16px;;line-height:30px;line-height:40px;margin-bottom:10px;}
.job_list li .line{padding:0;margin:5px 0;line-height:24px;text-indent:0;}
.job_list li .line b{float:left;width:70px;}
.job_list li .line .intro{margin-left:70px;}
.job_list li .line .intro p{margin:0 0 5px 0;padding:0;}
.job_list li a:hover .title{color:#f30;}


.rss_list{margin:0;padding:0;list-style:none;}
.rss_list li{border-bottom:1px dotted #ddd;line-height:40px;color:#999;}
.rss_list li a{font-size:14px;;}

#position{margin:0 auto;width:1000px;overflow:hidden;line-height:30px;}

/*list*/
.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}

.comment{overflow:hidden;clear:both;margin:10px 0;}
.comment .line{clear:both;border-bottom:1px solid #eee;padding-bottom:15px;}
.comment .line .base{;font-weight:bold;line-height:30px;font-size:14px;}
.comment .line .base span{margin:0 0 0 10px;color:#999;font-weight:normal;float:right;font-size:12px;}
.comment .line .content{line-height:20px;word-wrap:break-word;overflow:hidden;}
.comment .line .reply{word-wrap:break-word;overflow:hidden;}
.comment .line .reply strong{color:#f60;float:left;}
.comment_more{text-align:center;padding:10px 0;;font-size:14px;}
.comment_more a{color:#999;}
.comment_more a:hover{color:#f30;}

.commentadd{margin:10px 0;clear:both;}
.commentadd .text{}
.commentadd .text .div{padding:0 5px 0 0;border:1px solid #E4E2E2;border-bottom:0;}
.commentadd .text .div textarea{width:98%;height:70px;overflow:auto;border:0;padding:10px;}
.commentadd .input{margin:0;font-size:14px;background:#fafafa;border:1px solid #EDECEC;overflow:hidden;padding:0px 5px 5px 15px;line-height:40px;height:40px;;}
.commentadd .input .send{float:right;border:1px solid #7ec4e6;background:#7ec4e6;color:#fff;padding:8px 25px;margin:5px 0 0;vertical-align:middle;cursor:pointer;;}

.bookadd{margin:20px 0;}
.bookadd div{margin-bottom:15px;}
.bookadd .label{float:left;width:100px;text-align:right;padding-right:10px;clear:both;}
.bookadd .label span{color:#f30;}
.bookadd .enter{margin-left:120px;}
.bookadd .enter .ip{border:1px solid #ddd;padding:10px 10px;vertical-align:middle;overflow:hidden;border-radius:10px 0 10px 0;}
.bookadd .enter .bnt{border:1px solid #7ec4e6;background:#7ec4e6;padding:8px 20px;vertical-align:middle;color:#fff;cursor:pointer;}
.bookadd .enter label{display:block;}

.job_h1{font-size:14px;line-height:35px;border-bottom:1px solid #eee;margin:10px 0;}
.info_title{font-size:14px;font-weight:bold;border-bottom:1px solid #f0f0f0;line-height:30px;height:30px;margin:0 0 15px 0;}
.info_intro{padding:0 0 20px 0;line-height:22px;color:#666;}
.info_intro p{margin:0 0 5px 0;padding:0;}
.info_intro .red{color:#f30;margin:0 5px;}

#goodsshow{margin:20px 0;overflow:hidden; width:100%}
#goodsshow img{border:0;}
#goodsshow .left{float:left;}
#goodsshow .right{float:left;}
#goodsshow .shop_big{border:1px solid #ededed;}
#goodsshow .shop_plist{clear:both;width:100%;}
#prolist {
	width:80%;
	
	overflow: hidden;
	position: absolute; left:7%; margin-top:10px
}
#prolist ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	width: 20000px;
	position: relative;
}
#prolist ul li {
	float: left;
	cursor: pointer;
	position: relative;
	border: 1px solid #ccc;
	margin-right: 5px;
	display: block
}
#prolist ul li img {
	height: 99px;
	width: 134px;
	
	padding: 0px;
	border: 0;
}
#prolist .hover {
	border: 1px solid #7ec4e6;
	display: block
}
#goodsshow .shop_plist a.prev {
	float: left;
	width:4%;
	height:101px;
	display: block;
	outline: none;
	background:#e7e7e7; margin-top:10px; line-height:109px; text-align:center; margin-right:3%
}
#goodsshow .shop_plist a:hover{ background:#7ec4e6; }
#goodsshow .shop_plist a:hover i{ color:#fff;}
#goodsshow .shop_plist a i{ font-weight:bold}
#goodsshow .shop_plist a.next {
	float: left;
	width: 4%;
	height: 101px;
	display: block;
	outline: none;
	background:#e7e7e7; margin-top:10px; line-height:109px; text-align:center; margin-left:3%; position:absolute; right:0px
	
}
a.inquiry{display:inline-block;background:#7ec4e6;padding:8px 30px;color:#fff;margin:10px 0;font-size:16px;;border-radius:4px;}
a:hover.inquiry{color:#fff;background:#f60;}

#wraper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  min-height: 100vh;
  position: relative;
  background-color: #fff;
  --header_height: 4.64rem;
}
.header_inner{}
.header {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 400;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#wraper.scrolled {
  --header_height: 2.8rem;
}
.scrolled .header {
  -webkit-transform: translateY(-45px);
      -ms-transform: translateY(-45px);
          transform: translateY(-45px);
}
.header_top {
  width: 100%;
  background-color: #000;
}
.header_top .top_w {
  height:45px;;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; width:92%; margin:0px auto
}

.header_top .top_w .txt p{ color: rgba(255, 255, 255, 0.8); font-size:16px; line-height:45px;}
.header_top .top_w .lx p{color: rgba(255, 255, 255, 0.8); font-size:16px; float:left; line-height:45px; padding-right:20px; }
.header_top .top_w .lx p i{ color:#7ec4e6; float:left; line-height:45px; margin-right:10px }
.header_top .top_w .lx p a{color: rgba(255, 255, 255, 0.8); font-size:16px;  }

.header_inner {
  width: 100%;
  position: relative;
  -webkit-transition: all 0.5s;
  transition: all 0.5s; padding:20px 0px; border-bottom:1px solid rgba(255, 255, 255,.1)
}
.scrolled .header_inner {
  background-color: #fff;
  box-shadow: 0 40px 40px 0 rgba(0, 0, 0, 0.1); padding:15px 0px; border:none
}

.header_inner .top_w {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 10;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;width:92%; margin:0px auto
}
.header_inner .nav   ul > li   a span {
  display: block;
  position: relative;
  font-size: 18px;;
  line-height: 105px;
 
  color: #fff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.header_inner .nav   ul > li  a span::before {
    content: "";
    position: absolute;
    width: 5px;
    height:5px;
    background: #7ec4e6;
    right: 100%;
    top: 40%;
    opacity: 0;
    transition: 1S;
}
.header_inner .nav   ul > li:hover > a span::before { animation:rotate360 1s linear infinite; opacity: 1;  right: -5%;}

.header_inner .nav   ul > li  a span::after {
  content: "";
  display: block;
  width: 0%;
  height: 3px;
  line-height: 3px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  bottom: -1px;
  z-index: 2;
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.header_inner .nav   ul > li:hover >  a span::after {width: 100%; left: 0; opacity:1}

.header_inner .logo {
  width:159px;
  height:64px;;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; background:url(../images/logo_w.svg) no-repeat center
}
.scrolled .header_inner .logo {
	  background: url(../images/logo.svg) no-repeat center;

}
.header_inner .nav > ul {
  margin: 0 10px;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.scrolled .header_inner .nav   ul   li  a span {
  color: #333;
  line-height: 94px;
}
 .header_inner .nav   ul  li.active  a span {
  
}

.header_inner .nav   ul   li.active   a span::after {
  width: 100%;
  left: 0;
  opacity: 1;
}
.header_inner .nav > ul > li .sub { 
width: 100%;
  position: absolute; width:100%;
 
  display:none;
  z-index: 20;
  -webkit-transition: all 0.5s;
  transition: all 0.5s; box-shadow:0 10px 40px rgba(0,0,0,.20); 
}


.header_inner .nav > ul > li{ }
.header_inner .nav > ul > li:hover .sub{display:block;  left:0; width:100%; position:fixed}
.header_inner .nav > ul > li .sub .ulli{ background:#f5f5f5;justify-content: center;
    display: flex;}
	.header_inner .nav > ul > li .sub .ulli a{ line-height:60px; margin:0px 20px}
.header_inner::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  opacity: 1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.header_inner::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  line-height: 1px;
  background-color: rgba(255, 255, 255, 0.15);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.header_inner .nav { position:absolute; right:0px
}
.header_inner .nav > ul > li{ padding:0px 10px; float:left}
.scrolled .header_inner .nav > ul > li .sub {
 
}
.scrolled .header_inner::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  opacity: 1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.header_inner .nav > ul > li .sub a { float:left; font-size:16px; 
 
  
 
}
.header_inner .nav > ul > li .sub a {
 
  /* 三级 */
}
.header_inner .nav > ul > li .sub a {

  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

#mSlide {
	transform: translateZ(0)
}
#mSlide .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
#mSlide .swiper-wrapper{ }
#mSlide .item_block {
	width: 100%;
	
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative; height:70vh
}
#mSlide .item_block img{ width:100% }
#mSlide .item_block video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: .8;
	position: absolute
}

#mSlide .item_block .info {
	position:absolute; top:50%; transform:translateY(-50%);
	width: 100%;
	
	left: 0;
}
#mSlide .item_block  .b-t01{ width:55%; float:left; }
#mSlide .item_block  .b-pic{ float:right; width:35%; margin-top:-70px}
#mSlide .item_block  .b-pic img{ width:100%}

#mSlide .item_block .info p {
	color: #fff;
	transition: all cubic-bezier(.215, .61, .355, 1) 1s .2s;
	opacity: 0
}
#mSlide .item_block .info .year {
	font-size: 70px;

	
	transform: translateY(80px); text-transform:uppercase; text-align:left;     ;    color: #e99b19; font-weight:bold; line-height:1.3
}
#mSlide .item_block  .text02{ width:60%; float:left; }
#mSlide .item_block  .text02 h1{font-size:46px; ;text-align:left; color:#fff ; line-height:1.3 }
#mSlide .item_block  .text02 p{font-size:30px;
	line-height: 1.7;
	
	
	margin-top: 7px;
	margin-left: 6px;
	
	overflow: hidden;
	transform: translateY(120px); text-align:left; }


#mSlide .item_block .info .title {
	font-size:30px;
	line-height: 1.7;
	
	
	margin-top: 7px;
	margin-left: 6px;
	
	overflow: hidden;
	transform: translateY(120px); text-align:left; font-weight:bold
}
#mSlide .item_block .button_link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;; margin-top:30px
}
#mSlide .item_block .button_link .a,
#mSlide .item_block .button_link a {
  font-size: 18PX;
  
  color: #ffff;
  line-height: 52px;
  min-width: 160px;
  padding: 0 20px;
  background-image: linear-gradient(-60deg, #e99b19 100%  , #0075c1 53%);
  border-radius: 40px;
  text-align: center;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
#mSlide .item_block .button_link .a:hover,
#mSlide .item_block .button_link a:hover {
  letter-spacing: 1px;
}

#mSlide .item_block .info .subtitle {
	font-size: 40px;
	line-height: 1.5;
	
	transform: translateY(200px); width:80%; margin:120px auto
}
#mSlide .item_block.swiper-slide-active .info .module_container:before, #mSlide .item_block.swiper-slide-active .info p {
	transform: translate(0, 0);
	opacity: 1;
	transition-delay: .2s
}
#mSlide .content_list .control {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 100%
}

#mSlide .content_list .swiper-pagination {
	text-align: left;
	left: 50%;
	bottom: 5%; margin-left:-49px;
}
#mSlide .content_list .swiper-pagination .swiper-pagination-bullet {
	background: #fff;
	opacity: .5;
	transition: all .4s ease;
	margin: 0 17px 0 0;
	position: relative; width:15px; height:15px;
}
#mSlide .content_list .swiper-pagination .swiper-pagination-bullet-active, #indexCon .content_list .swiper-pagination .swiper-pagination-bullet:hover {
	opacity: 1; 
}
#mSlide .content_list .swiper-num {
	position: absolute;
	right: 0;
	top: 50%;
	font-size: 0;
	z-index: 10;
	margin-top: -15px
}
#mSlide .content_list .swiper-num span {
	color: #fff;
	
}
#mSlide .content_list .swiper-num span.current {
	font-size: 24px
}
#mSlide .content_list .swiper-num span.total {
	font-size: 12px
}
#mSlide .content_list .swiper-num span.line {
	margin: 0 10px;
	width: 1px;
	height: 12px;
	background-color: #c1c1c1;
	transform: rotate(28deg) translateY(3px);
	display: inline-block
}
#mSlide .content_list .scroll_down {
	background-image: url(../images/scroll_down.png);
	width: 31px;
	height: 54px;
	position: absolute;
	left: 50%;
	bottom: 40px;
	margin-left: -15px;
	z-index: 102;
	animation: fadeInUp 1s ease-out 0s infinite alternate
}
.w_col {
  width: 82vw;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1180px) {
  .w_col {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.fl{ float:left}
.fr{  float:right}
img{ max-width:100%}
#index_brand{ position:relative; padding-top:50px; padding-bottom:50px}
#index_brand .w_col{ position:relative;  z-index:99}
#index_brand:before{position:absolute;height:100%;width:100%;top:0;left:0;content:"";display:block;z-index:1; background:#7ec4e6}
#index_brand .fl{ width:40%;}
#index_brand .fr{ width:58%;}
#index_brand .fl p{ font-size:16px;}
#index_brand .fl p.x:after{position:absolute;content:"";width:50px;height:1px;top:8px;align-items:center;margin-left:10px; background:#202426}
#index_brand .fl h1{ font-size:42px; text-transform:uppercase; color:#fff; margin:20px 0px 30px 0px}
.clearfix {
	zoom: 1
}
#index_brand .text p{ color:#fff; font-size:16px;}

#index_brand .fr p{ color:#fff; font-size:16px;}
.clearfix:after {
	clear: both;
	display: block;
	content: ''
}
#index_brand .fr ul{ padding:30px 0px; border-bottom:1px solid #0aa556}
#index_brand .fr ul li{ width:50%; float:left}
#index_brand .fr ul li i{ float:left; width:60px; line-height:120px; font-size:40px; color:#fff;}
#index_brand .fr ul li h2{ color:#000}
.in_estab{padding-top:30px}
.in_estab dl{ width:58%; float:left; }
.in_estab dl dt{ overflow:hidden}
.in_estab dl dt i{ float:left; margin-right:10px;line-height:40px; padding-left:10px}
.in_estab dl dt p{ color:#222 !important; float:left; line-height:40px;}
.in_estab .i{ width:40%; float:right; position:relative; overflow:hidden;border-radius:8px;}
.in_estab .i .bg{background:#fff; padding:22px 20px 19px 84px;  overflow:hidden}
.in_estab .i .bg h1{ font-weight:bold;color:#000000; text-align:center; font-size:48px;}
.in_estab .i .bg h2{text-transform:uppercase; color:#000000; font-size:14px;}
.in_estab .i i{ font-size:40px; position:absolute; content:""; width:100px; height:100px;; border-radius:50%; line-height:100px; padding:28px 8px 10px 35px; top:-43px; text-align:center; left:-40px; background-color:#202426; color:#fff}

#index_proSlide {
  padding-top: 50px;
  padding-bottom: 50px; background:url(../images/pro_bg.jpg) bottom  right no-repeat;
}
@media (max-width: 1180px) {
  #index_proSlide {
    margin-top: 40px;
    padding-bottom: 40px;
  }
}
.index_proSlide_hd {
  margin: 1.6rem 0 ;
}
.index_proSlide_hd > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.index_proSlide_hd > ul > li {
  padding: 0 20px;
  border-bottom: 2px solid #dce1f2;
  position: relative; font-size:16px;
}
.index_proSlide_hd > ul > li::after {
  content: "";
  display: block;
  width: 0%;
  height: 2px;
  line-height: 2px;
  background-color: #7ec4e6;
  position: absolute;
  left: 50%;
  bottom: -2px;
  z-index: 2;
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.index_proSlide_hd > ul > li span {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 0.64rem;
  line-height: 2rem;
  color: #999;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.index_proSlide_hd > ul > li.on::after {
  width: 100%;
  left: 0;
  opacity: 1;
}
.index_proSlide_hd > ul > li.on span {
  color: #000;
}
.index_proSlide_bd .more {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; margin-top:40px
}
.index_proSlide_bd .more a {
  width: 180px;
  height: 50px;
  border-radius: 30px;
  border: 1px solid #000;
  white-space: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size:16px;;
  line-height: 2;
  color: #333;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.index_proSlide_bd .more a:hover {
  background-color: #7ec4e6;
  border-color: #7ec4e6;
  color: #fff;
}

.index-news .more a {
  width: 180px;
  height: 50px;
  border-radius: 30px;
  border: 1px solid #000;
  white-space: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size:16px;;
  line-height: 2;
  color: #333;
  -webkit-transition: all 0.5s;
  transition: all 0.5s; margin:20px auto 0px auto
}
.index-news .more a:hover {
  background-color: #7ec4e6;
  border-color: #7ec4e6;
  color: #fff;
}

.title01 {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.title01 h1{ font-size:40px; color:#000; font-weight:bold; }
.title01.white h1{ color:#fff}
.product_loop {
  margin: 0 ;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;width: 100%;
    display: flex;
    flex-wrap: wrap;
}
@media (max-width: 1180px) {
  .product_loop {
  
  }
}
.product_loop > li {
  width: 33.333%; text-align:center; 
   
}
.product_loop > li a{padding-bottom:20px; background:#fff;}
.product_loop > li:nth-child(1) a, .product_loop > li:nth-child(2) a, .product_loop > li:nth-child(3) a{
    border-top: 1px solid #f1f1f1;
}


.product_loop > li a{ display:block;border-bottom: 1px solid #f1f1f1;border-left: 1px solid #f1f1f1;}
.product_loop > li:nth-child(3n) a{ border-right:1px solid #f1f1f1;}
.product_loop > li:last-child a{ border-right:1px solid #f1f1f1;}
@media (max-width: 1180px) {
  .product_loop > li {
  
    margin-bottom: 20px;
  }
}
@media (max-width: 968px) {
  .product_loop > li {
    width: 50%;
  }
}
.product_loop > li a .img {
  width: 100%;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  transition: all 0.5s; 
}
.product_loop > li a .img img {
  width: 100%;
  -webkit-transition: all 1s;
  transition: all 1s;
  background-color: #e7e7e7;
}
.product_loop > li a .t {
  display:inline-block;
  text-align: center;
 
  font-size: 14px;;
  line-height: 2;
  color: #222;
  -webkit-transition: all 0.5s;
  transition: all 0.5s; font-weight:bold; background:#a0a0a0; color:#fff; border-radius:20px; height:30px; line-height:30px;; padding:0px 20px; margin-bottom:10px
}
.product_loop > li a .nub{ font-size:16px; color:#777; text-align:center; min-height:25px;}
.product_loop > li a:hover .img {
  
}
.product_loop > li a:hover .img img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.product_loop > li a:hover .t { background:#7ec4e6;
}



.index_cases{ padding:50px 0px; background:url(../images/case_bg.jpg) no-repeat center #080808; position:relative; overflow: hidden}
.index-advantage{    position:relative; padding-top:80px; padding-bottom:80px; overflow:hidden }
.ys-main{padding:50px 0px 50px 30px;  position:relative;background:url(../images/patten-02.png) repeat #f7f9fa; }
.ys-text{ width:45%; margin-right:5%; float:left}
.ye-text-tit h1{ font-size:40px; color:#7ec4e6}
.ye-text-tit p{ font-size:18px; color:#555}
.ys-text ul{ margin:20px 0px}
.ys-text ul li{ width:48%; float:left; margin-right:1%; margin:10px 0px; height:190px}
.ys-text ul li:hover i{ background:#7ec4e6; color:#fff;box-shadow:0 0 20px 0 rgba(7,150,77,.07);}
.ys-text ul li i{ font-size:40px; width:70px; height:70px; border-radius:50%; box-shadow:0 0 20px 0 rgba(7,150,77,.07); text-align:center; line-height:70px; background:#fff; display:block; color:#7ec4e6; }
.ys-text ul li h2{ text-transform:uppercase; font-size:18px; font-weight:bold; margin:10px 0px; color:#000}
.ys-text ul li p{ font-size:14px; color:#777; line-height:28px;}
.ys-shuzi{ width:25%; float:left; z-index:2; position:absolute; left:50%; top:50%; transform:translateY(-50%)}
.ys-shuzi .item{ background:#fff; border-radius:10px; padding:10% 5%; margin:40px 0px;box-shadow:0 0 20px 0 rgba(7,150,77,.07);}
.ys-shuzi .item h1{ color:#7ec4e6; ; font-size:50px; float:left}
.ys-shuzi .item  span{ font-size:14px; position:absolute}
.ys-shuzi .item p{ font-size:18px; color:#000; line-height:2;}
.ys-shuzi .item .sz{ width:44%; margin-right:4%; position:relative}
.ys-shuzi .item .txt{ width:52%}
.ys-tel a{ background:#7ec4e6; color:#fff; font-size:18px; border-radius:5px; width:180px; height:50px; line-height:50px; margin-right:20px; display:block ; text-align:center; float:left}
.ys-tel p{ font-size:18px; color:#7ec4e6; line-height:50px; }
.ys-tel p i{ font-size:30px; line-height:50px; margin-right:10px; float:left}
.index-advantage .pic{ position:absolute; right:0px; width:40%; top:0px; z-index:1}
.index-advantage .pic img{ position:absolute;   }
.index-news{ padding:50px 0px}
.index-news ul { padding-top:20px;}
.index-news ul li{ width:23.5%; margin-right:2%;  box-shadow: 0 40px 40px 0 rgba(0, 0, 0, 0.1); float:left; border-radius:5px; background:#edf3f6}
.index-news ul li .pic{border-radius:5px; overflow:hidden}
.index-news ul li:nth-child(4){ margin-right:0}
.index-news ul li .pic img {
  width: 100%;
  -webkit-transition: all 1s;
  transition: all 1s;
  background-color: #e7e7e7;
}

.index-news ul li a:hover .pic img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.index-news ul li .text{ margin:18px 18px 0px 18px; border-bottom:1px solid #7ec4e6; padding-bottom:18px;}
.index-news ul li .text h1{ font-size:22px;-webkit-transition: all 1s;
  transition: all 1s; color:#000}
.index-news ul li .text p{ font-size:16px; color:#777; line-height:2}
.index-news ul li .date_m{ padding:18px; overflow:hidden}
.index-news ul li .date_m .more { color:#7ec4e6; font-size:16px}

.index-news ul li .date_m .date{ color:#7ec4e6; font-size:16px;  -webkit-transition: all 1s;
  transition: all 1s;}
  .index-news ul li a:hover  .text h1{ color:#7ec4e6}
.index-news ul li a:hover .date_m .more p{ margin-right:20px; line-height:30px}
.index-news ul li .date_m .more p{ float:left; margin-right:10px; line-height:30px;  -webkit-transition: all 1s;
  transition: all 1s;}
.index-news ul li .date_m .more i{ float:left; line-height:30px;}
.index-news ul li .date_m .date i{ float:left; margin-right:10px; line-height:30px}
.index-news ul li .date_m .date p{ float:left; line-height:30px}
.footer-top{ background:#7ec4e6; border-radius:20px; position: relative}
.footer-top .f_c{ float:left}
.footer-top .f_c p{ padding:45px 30px; color:#fff; font-size:16px; font-weight:bold; float:left; border-right:1px solid #19b7c4}
.footer-top .f_c p:nth-child(2){ border:none}
.footer-top .f_c p i{ margin-right:10px}
.footer-top .f_icon{ float:right; position:absolute; right:10px; top:50%; transform:translateY(-50%)}
.footer-top .f_icon a{ float:left; width:40px; height:40px; border-radius:50%; background:#fff; text-align: center; margin-left:5px}
.footer-top .f_icon a i{ color:#202426; line-height:40px; text-align:center}
.main-footer{ background: url(../images/foot_bg.jpg) no-repeat 0 57.5px ; }
.footer-menu{ margin:50px 0px}
.footer-menu .title{ margin-bottom:30px}
.footer-menu .title h1{ font-size:22px; color:#fff; text-transform:uppercase}
.footer-menu .f_m_01 p{ font-size:18px; color:#fff; line-height:2}
.footer-menu .title  h2{ width:50px; background:#7ec4e6; height:4px;}
.thsn-contact-widget-lines{background-color:#fff;border-radius:6px;color:#202426; position:relative; margin-top:30px; width:85%}
.thsn-contact-widget-lines  .fl{ padding:20px 0px 20px 20px}
.thsn-contact-widget-lines  .fl h1{display:block;font-weight:700;font-size:16px}
.thsn-contact-widget-lines  .fl h2{display:block;font-weight:700;font-size:20px; }
.thsn-contact-widget-lines  .fr{position:absolute;font-size:60px;color:inherit;display:inline-block;position:absolute;right:15px;top:50%;transform:translateY(-50%);font-weight:400}
.f_m_01{ width:25%; float:left}
.f_m_02{ width:30%; float:left}
.f_m_03{ width:32%; float:right}
.f_m_02 a{  color:#fff; font-size:16px; margin-bottom:20px; display:block}
.f_m_02 a span{ color:#7ec4e6; margin-right:10px; display:block; float:left; height:30px}
.thsn-contact-widget-lines .fr i{  color:#7ec4e6; font-size:50px}
.footer-bottom{ height:60px; border-top:1px solid #3b3a3a}
.footer-bottom p{ height:60px; line-height:60px; color:#fff}
.footer-bottom p a{ height:60px; line-height:60px; color:#fff}
.f_m_03 .form_book input{ height:50px; line-height:50px; width:100%;
outline:0; border:0; background:rgba(255,255,255,1); color:#000; margin-bottom:10px; border-radius:5px}

	.f_m_03 .form_book textarea{ height:50px; line-height:50px; width:100%; font-family:"Poppins-Regular", "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif;
outline:0;
border:none; border-left:none; border-right:none; border-top:none; resize:none; height:100px; background:rgba(255,255,255,1); color:#000;border-radius:5px}
 
	.f_m_03 .form_book button{ background:#7ec4e6; color:#fff; width:140px; height:50px; border-radius:10px; margin-top:20px; outline:none; border:0}
	
	.n_banner {
  width: 100%;

  background-color: #000;
  position: relative;
}

.n_banner .txt {
  width: 100%;
 
 
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 10; transform:translate(-50%,-50%);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  color: #fff;
}

.n_banner .txt .title {
  margin: 0;
  padding: 0;
  font-weight: normal;
}
.n_banner .txt .title span {
  display: inline-block;
  position: relative;
  font-size: 40px; font-weight:bold;
 
  color: #f8f5e2;
  text-transform: uppercase; line-height:40px; padding-right:10px
}

.n_banner .txt .title span::after {
  content: "";
  display: block;
  width: 10px;
  height:10px;
 
  background-color: #7ec4e6;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}
.n_banner .txt .bread {
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.n_banner .txt .bread .iconfont {
  margin-right: 15px;;
  font-size:24px;
  line-height: 1em;
  color: #fff;
}
.n_banner .txt .bread a {
  color: #f8f5e2;
  font-size:18px;;
  line-height: 1em;
}
.n_banner .txt .bread a::after {
  content: "/";
  margin: 0 10px;
}
.n_banner .txt .bread a:nth-last-of-type(1)::after {
  display: none;
}
.n_banner .bg {
  width: 100%; opacity:0.7
 
}
.product_list{ padding:50px 0px 85px 0}
.product_list .list{ margin-bottom:40px}
#pages {
	
	color: #999;

	font-size: 14px;
	line-height: 40px; overflow:hidden
}
#pages a {
	padding: 8px 15px;
	box-sizing: border-box;
	float: left;
	border-radius: 6px;
	background: #f8f9fb;
	border: 1px solid #dfe0e1;
	margin-right: 10px
}
#pages li {
}
#pages .active a {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #7ec4e6;
	color: #fff;
	font-size: 18px;
	border: 1px solid #7ec4e6
}
.product_content {
  -webkit-transform: translateY(-60px);
      -ms-transform: translateY(-60px);
          transform: translateY(-60px);
  position: relative;
  z-index: 20;
}
.product_content_top {
  width: 100%;
  background-color: #fff;
  padding: 20px;
  border-radius: 20px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.product_content_top_img{ width:37%; position:relative}
.product_content_top_img img{ width:100%}
.product_content_top_txt{ width:60%; padding-left:3%; position:relative}

.product_content_top_txt h1.title {
  display: block;
  margin: 0 0 8px;
  padding: 0 0 8px;
  border-bottom: 1px solid #e0e0e0;
  font-size: 24px;;
  line-height: 2;
  color: #333;
  font-weight: bold;
}
.product_content_top_txt .des {
  font-size:18px;;
  line-height: 2;
  color: #666;
}
.product_content_top_txt .des p{ font-size:16px; line-height:2}
.product_content_top_txt .btns{ margin-top:20px}
.product_content_top_txt .btns a {
  margin: 0 -10px;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.product_content_top_txt .btns a{
  padding: 0 10px;
}

.product_content_top_txt .btns   a {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  background-color: #7ec4e6;
  border-radius:20px;
  color: #fff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}.product_content_top_txt .btns   a .iconfont {
  font-size: clamp(16px, 100vw, 0.88rem);
}
.product_content_top_txt .btns   a span {
  margin-left: 0.8rem;
  font-size: clamp(14px, 100vw, 0.72rem);
}
.product_content_top_txt .btns   a:hover {
  box-shadow: 0 40px 40px rgba(0, 147, 72, 0.2);
}
/*首页图片滚动*/
#gla{
	
	overflow:hidden;
	margin:0 auto;
	position:relative; padding-top:30px
	
}
.bac{
	position:absolute;
	bottom:0;
	left:50px;
}
#gla_box{
	width:1000px;
	margin:auto;
}
.gla_inbox{
	overflow:hidden;
	position:relative;
}
.gla_inbox p{
	
	font-size:16px;
	width:100%;
	color:#FFFFFF;
	line-height:50px;
	position:absolute; bottom:0px; background:rgba(0,0,0,0.8); text-align:center
}
.gla_inbox a{
	padding:5px;
	display:block;
	position:absolute;
	top:220px;
	left:90px;
	background:#0066CC;
	color:#FFF;
}
.gla_inbox img{
	width:100%;
	height:100%;
}
.roundabout-holder {
	height:700px;
	width: 100%;
}
.roundabout-moveable-item {
	display:block;
	height: 667px;
	width: 500px;;
	cursor: pointer;
}
.roundabout-in-focus {
	cursor: auto;
}
.news_list{ padding:50px 0px}
.news_list ul {}
.news_list ul li{ width:23.5%; margin-right:2%;  box-shadow: 0 40px 40px 0 rgba(0, 0, 0, 0.1); float:left; border-radius:5px; background:#edf3f6}
.news_list ul li .pic{border-radius:5px; overflow:hidden}
.news_list ul li:nth-child(4){ margin-right:0}
.news_list ul li .pic img {
  width: 100%;
  -webkit-transition: all 1s;
  transition: all 1s;
  background-color: #e7e7e7;
}

.news_list ul li a:hover .pic img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.news_list ul li .text{ margin:18px 18px 0px 18px; border-bottom:1px solid #7ec4e6; padding-bottom:18px;}
.news_list ul li .text h1{ font-size:22px;-webkit-transition: all 1s;
  transition: all 1s; color:#000}
.news_list ul li .text p{ font-size:16px; color:#777; line-height:2}
.news_list ul li .date_m{ padding:18px; overflow:hidden}
.news_list ul li .date_m .more { color:#7ec4e6; font-size:16px}

.news_list ul li .date_m .date{ color:#7ec4e6; font-size:16px;  -webkit-transition: all 1s;
  transition: all 1s;}
  .news_list ul li a:hover  .text h1{ color:#7ec4e6}
.news_list ul li a:hover .date_m .more p{ margin-right:20px; line-height:30px}
.news_list ul li .date_m .more p{ float:left; margin-right:10px; line-height:30px;  -webkit-transition: all 1s;
  transition: all 1s;}
.news_list ul li .date_m .more i{ float:left; line-height:30px;}
.news_list ul li .date_m .date i{ float:left; margin-right:10px; line-height:30px}
.news_list ul li .date_m .date p{ float:left; line-height:30px}
.contact-map{ position: relative; bottom:-57.5px;}
.contact-page  { }
.contact-page .lxfs{ width:35%; margin:80px 0px 0px 0px; background:#fff;box-shadow:0px 0px 100px 0px rgba(27, 68, 163, 0.07); float:left}
.contact-page .lxfs h1{ font-size:40px; text-transform:uppercase; font-weight:bold; padding:40px 20px}
.contact-page .lxfs ul{ padding:20px; }
.contact-page .lxfs ul li { overflow:hidden; margin-bottom:15px}
.contact-page .lxfs ul li i{ float:left; font-size:50px; color:#7ec4e6; width:25%}
.contact-page .lxfs ul li .text{ float:right; width:75%}
.contact-page .lxfs ul li .text h2{ font-size:24px; line-height:1; color:#202426 }
.contact-page .lxfs ul li .text p{ color:#666; font-size:16px; line-height:2}
.contact-page .lxfs .ic{ padding:10px 20px 40px 20px; overflow:hidden;}
.contact-page .lxfs .ic a{ width:50px; height:50px; line-height:50px; border-radius:50%; float:left; margin-right:10px; ; display:block; text-align:center}
.contact-page .lxfs .ic a:nth-child(1){background:#3b5998}
.contact-page .lxfs .ic a:nth-child(2){background:#1da1f2}

.contact-page .lxfs .ic a:nth-child(3){background:#bd081c}
.contact-page  .form{ width:60%; background-image:url(../images/dot-map.png); background-position:center center; background-repeat: no-repeat;}
.contact-page  .form .con-book{ padding:130px 50px 80px 50px; transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; display:flex; position: relative
}
.contact-page .lxfs .ic a i{ color:#fff}
.contact-page  .form .c-f{ position:relative}
.c-f .tit h2{ font-size:15px; line-height:17px; text-transform:uppercase; font-weight:600; position:relative; color:#7ec4e6 }
.c-f .tit h2:after{ position:absolute; content:""; width:50px; height:1px; top:8px; align-items:center; margin-left:10px; background:#7ec4e6}
.c-f .tit h1{font-size:40px; text-transform:uppercase; font-weight:bold; padding:20px 0px;  color:#202426}
.c-f input{ background:#f7f9fa; height:55px; width:95%; padding-left:5%; display:block; color:#848484; padding:0px 15px; border:0; border-radius:3px; margin-bottom:15px; font-family:"Poppins-Regular", "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif; font-size:16px;  }
.c-f textarea{ background:#f7f9fa; height:155px; width:95%; padding-left:5%; display:block; color:#848484; padding:0px 15px; border:0; border-radius:3px;font-family:"Poppins-Regular", "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif; margin-bottom:15px;;font-size:16px;   }
.c-f button{ padding:22px 45px; width:auto; background:#202426; border:none; color:#fff;-webkit-transition:all .6s; display:block;font-family:"Poppins-Regular", "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif; font-size:20px;}
.page-ab01{ padding:50px 0px}
.page-ab01 .pic { position:relative; width:48%;}
.page-ab01 .pic img{ border-radius:20px}
.page-ab01 .pic .p-pic{ width:260px;  background:#fff; box-shadow:0 0 30px 0 rgba(27,68,163,.2); border-radius:8px;  position:absolute; bottom:50px; left:-80px}

.page-ab01 .pic .p-pic .i{ width:100%;  position:relative; overflow:hidden}
.page-ab01 .pic .p-pic .i .bg{ padding:10px 20px 19px 84px;  overflow:hidden}
.page-ab01 .pic .p-pic .i .bg h1{ ; font-weight:bold;color:#000000; text-align:center; font-size:48px;}
.page-ab01 .pic .p-pic .i .bg h2{text-transform:uppercase; color:#000000; font-size:14px; text-align:center}
.page-ab01 .pic .p-pic .i i{ font-size:40px; position:absolute; content:""; width:100px; height:100px;; border-radius:50%; line-height:100px; padding:28px 8px 10px 35px; top:-43px; text-align:center; left:-40px; background-color:#202426; color:#fff}

.page-ab01 .pic .p-pic img{ width:38%; float:left;border-radius:6px;}
.page-ab01 .pic .p-pic .text{ width:58%; float:right}
.page-ab01 .pic .p-pic .text img{ }
.page-ab01 .pic .p-pic .text h1{ ; font-weight:bold; font-size:45px; line-height:1; margin-bottom:10px}
.page-ab01 .pic .p-pic .text p{ font-size:12px; text-transform: uppercase}
.page-ab01 .text{}
.page-ab01 .text .tit{ padding-top:20px}
.page-ab01 .text .tit h2{ font-size:15px; line-height:17px; text-transform:uppercase; font-weight:600; position:relative; color:#7ec4e6 }
.page-ab01 .text  .tit h2:after{ position:absolute; content:""; width:50px; height:1px; top:8px; align-items:center; margin-left:10px; background:#7ec4e6}
.page-ab01 .text h1{font-size:40px; text-transform:uppercase; font-weight:bold; padding:20px 0px;  color:#202426; text-align:center}
.page-ab01 .text p{ font-size:16px; line-height:2; }

.page-ab02{ padding:50px 0px 0px }
  .ab-01:after{ background:rgba(8, 156,168, 0.75); content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;}
  .ab-01  .tit{ z-index:3; text-align:center; color:#fff; position:relative;;font-size:40px; margin-bottom:50px}
  .ab-01 { position:relative; padding-bottom:130px;background:url(../images/bg-section-01.jpg) no-repeat center; position:relative; transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;background-attachment:fixed; padding-top:80px; }
.ab-01 .item{ width:33.33%; float:left; position:relative}
.ab-01 .item h1{ color:#fff; ; font-size:50px; position:relative}
.ab-01 .item h1 span{ font-size:14px; position:absolute;}
.ab-01 .item p{ font-size:18px;  line-height:2;position:relative; color:#fff;z-index:3; }
.ab-01 .item .sz{ text-align:center;z-index:3; position:relative}
.ab-01 .item .txt{ text-align:center;  }
.ab-02 { position: relative;z-index:3; bottom:80px }
.ab-02 ul{ }
.ab-02 ul li{ width:23.5%; margin-right:2%; float:left; background:#fff; position:relative ;background:#fff; box-shadow:0 0 30px 0 rgba(27,68,163,.1); padding:10px 0px 30px 0px; -webkit-transition: all 1s;
  transition: all 1s;}
.ab-02 ul li a{ padding:30px}
.ab-02 ul li:nth-child(4){ margin-right:0px}
.ab-02 ul li h1{ padding:0px 5%; font-size:20px; text-align:center; height:54px}
.ab-02 ul li i{ color:#fff; width:100px; height:100px; border-radius:50%; display:block; text-align:center; margin:20px auto; background:#7ec4e6; line-height:100px; font-size:30px }
.ab-02 ul li:after{ right:-4px; bottom:-4px; background:#7ec4e6; content:""; position: absolute; width:30px; height:30px; z-index:-1}
.ab-02 ul li:before{ left:-4px; bottom:-4px; background:#7ec4e6; content:""; position: absolute; width:30px; height:30px; z-index:-1}
.ab-02 ul li:hover .more p{ margin-right:40px; line-height:30px; color:#fff;}
.ab-02 ul li:hover .more i{ color:#fff;}
.ab-02 ul li:hover h1{ color:#fff}
.ab-02 ul li .more{  padding:0px 5%;}
.ab-02 ul li:hover{ box-shadow:0 0 30px 0 rgba(27,68,163,.6);background:#7ec4e6;}
.ab-02 ul li:hover p{  color:#fff;}
.ab-02 ul li:hover i{ background:#fff; color:#7ec4e6}
.ab-02 ul li .more p{ float:left; marg
in-right:10px; line-height:30px;  -webkit-transition: all 1s;
  transition: all 1s;}
.ab-02 ul li .more i{ float:left; line-height:30px;}
 .ab-02 ul li p { color:#7ec4e6; font-size:16px; padding:20px; height:60px; text-align:center}
 .page-ab03{ background:#ecf7f6 url(../images/his_bg.png) no-repeat  right bottom; padding:60px 0px}
.historyBg{ height:72px; padding:0 70px;}
.historyList{ height:72px; background:url(../images/bg4.jpg) left center repeat-x; padding:0 40px;}
.historyList .slick-slide{ text-align:center; height:72px; line-height:72px; font-size:18px; cursor:pointer; color:#5b5b5b; }
.historyList .slickon{ color:#fff; }
.historyList .slickon .year{width:72px; height:72px; border-radius:50%; margin:0px auto;background:#7ec4e6 !important; color:#fff;}
.historyList .slick-slide .year{width:72px; height:72px; border-radius:50%; margin:0px auto;background:#fff;}
.historyList .year{ font-size:20px; font-weight:bold; ; }
.historyBox .slick-prev{position:absolute; z-index:10; left:0px; top:50%; margin-top:-17px; display:block; background:#fff url(../images/limg34_left.png) left top no-repeat; width:34px; height:34px;}
.historyBox .slick-next{position:absolute; z-index:10; right:0px; top:50%; margin-top:-17px; display:block; background:#fff url(../images/limg34_right.png) right top no-repeat; width:34px; height:34px;}
.historyBox .slick-prev:hover{ background:#fff url(../images/limg34_lefton.png) left top no-repeat;}
.historyBox .slick-next:hover{ background:#fff url(../images/limg34_righton.png) left top no-repeat;}
.historyContent{ display:none;}
.historyContentDiv{ margin-top: 65px; }
.historyBox .contentBox{ background:#ccdad9; padding:60px 90px }
.historyBox .mxfDiv{ padding-left: 60px; background: url(../images/line2.png) 6px top repeat-y; position: relative;}
.historyBox .mxfDiv .ico{ position: absolute; left: 0px; top: 38px; width: 13px; height: 13px; background:  url(../images/ico2.png) no-repeat; }
.historyBox .mxfDiv .wen{ text-transform: uppercase; color: #a9a9a9; font-size:20px; }
.historyBox .mxfDiv .year{ font-size: 48px; color: #7ec4e6; font-weight: bold;  }
.historyBox .mxfDiv .name{ font-weight: bold;  font-size: 30px; color: #2f2f2f; line-height: 50px; position: relative; padding: 15px 0 36px;}
.historyBox .mxfDiv .name:before{ content: ''; display: block; position: absolute; left: 0px; bottom: 0px; width: 30px; height: 3px; background: #7ec4e6; }
.historyBox .mxfDiv .list{ padding-top: 40px; }
.historyBox .mxfDiv .list li{ font-size: 13px; line-height: 36px; color: #777; }

 .page-ab03  .tit{ z-index:3; text-align:center; ; position:relative;;font-size:40px; margin-bottom:50px}
 .page-ab04{ padding:50PX 0PX}
  .page-ab04 ul li{ width:33.33%; float:left; text-align:center}
      .page-ab04 ul li i{ font-size:44px; color:#7ec4e6}
    .page-ab04 ul li h1{ margin:20px 0px;;}
    .page-ab04 ul li p{ width:80%; margin:0px auto; font-size:16px; line-height:2; margin-bottom:20px }
	    .page-ab04 ul li a{ width:100px; height:40px; border:1px solid #7ec4e6; display:block; margin:0px auto; line-height:40px;-webkit-transition: all 1s;
  transition: all 1s; }
			    .page-ab04 ul li a:hover{ background:#7ec4e6; color:#fff;}
				.news_content{ padding:85px 0px}
.news_content_title {
  margin-bottom: 0;
  font-size: 20px;
  text-align: center;
}
.news_content_title.color {
  color: #eb2228;
}
.news_content_wrap{ box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.15); padding:30px 20px;}
.news_content_info {
  font-size: 14px;
  margin-top: 20px;
  text-align: center;
  color: #999;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}
.news_content_txt {
  margin-top: 20px;
  font-size: 16px;
  line-height: 2;
  text-align: justify;
  -moz-text-align-last: left;
       text-align-last: left;
}
.news_content_txt p {
  text-indent: 2;
}
.news_content_txt img {
  display: block;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto 10px;
}
.sub_nav_pro { margin-top:50px;
}
.sub_nav_pro > ul {

  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sub_nav_pro > ul > li {
  padding: 0 10px;
  margin-bottom: 10px;
}
.sub_nav_pro > ul > li a {
  display: inline-block;
  height: 100%;
  padding: 0 20px;
  border-radius:20px;
  border: 1px solid #666;
  font-size: 16px;
  line-height:40px;
  color: #333;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.sub_nav_pro > ul > li a.cur, .sub_nav_pro > ul > li a:hover {
  background-color: #7ec4e6;
  border-color: #7ec4e6;
  color: #fff;
}

.index-about{background-image: url(../images/section1-bj.jpg);
background-size: cover;
    background-attachment: fixed;    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height:700px;
    display: block;
}
.index-about .text { width:80%; left:50%; top:50%; position:absolute; transform:translate(-50%,-50%)}
.index-about .text h3{ font-size:40px; color:#fff; font-weight:bold; text-align:center} 
.index-about .text h4{ font-size:60px; font-weight: 700;
    color: rgba(255, 255, 255,.2); text-align:center; margin-bottom:40px} 
	.index-about .text p{ text-align:center; font-size:18px; line-height:1.8; color:#fff;}
	.index-about .more a {
  width: 180px;
  height: 50px;
  border-radius: 30px;
  border: 1px solid #fff;
  white-space: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size:16px;;
  line-height: 2;
  color: #fff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s; margin:50px auto 0px auto
}
	.index-about .more a:hover {
  background-color: #7ec4e6;
  border-color: #7ec4e6;
  color: #fff;
}

.indexThre{ }
.indexThre .tleBox {background: #f0f5fb;}

 .indexTle .bjzt {line-height: .8; font-size:120px; color:#7ec4e6; opacity:0.1;  }
.indexThre ul {display: flex; flex-wrap: wrap; justify-content: space-between; margin: 50px 0;}

.indexThre li {width: 46%; padding: 40px 0; border-bottom: 1px solid #F0F5FB; position: relative;}

.indexThre li::after {content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: #7ec4e6; transition: .6s;}

.indexThre li .smTle {display: flex; align-items: center;}

.indexThre li .smTle span {font-size: 15px; font-weight: 400;color: #c7cfd9; text-transform: uppercase; position: relative;}

.indexThre li .smTle span::after {content: ""; position: absolute; left: 0; bottom: -25%; width: 58px;height: 58px;background: #7ec4e6; border-radius: 50%;z-index: -1;     animation: servicesmoreyq 2s infinite linear; opacity: 0; transition: .4s;}

.indexThre li .smTle i {width: 1px;height: 15px;background: #c4ccd6; margin: 0 20px;}

.indexThre li .time {font-size: 18px;font-weight: 400; color: #013874; transition: .4s;}

.indexThre li h5 {font-size: 22px;font-weight: 400;color: #171b27; margin-top: 20px; margin-bottom:0px}

.indexThre li:hover .time {color: #7ec4e6;}

.indexThre li:hover::after {width: 100%;}

.indexThre li:hover .smTle span::after {opacity: 1;}

@keyframes servicesmoreyq{0% {left: 0;}20% {left: 20%;}40% {left: 40%;}60% {left: 60%;}80% { left: 40%;}100% { left: 0;}}



/* =====底部===== */

.footer {background: #7ec4e6; padding-top: 60px; overflow: hidden;}

.footer .foterTle {width: 1920px; max-width: 100%;  opacity: 0.08; font-size: 190PX; text-align: left; color: #ffffff; font-weight: 900; margin: auto; line-height: 1;}

.footer .box {display: flex;}

.footer .box .foterle {width: 45%;}

.footer .p1 {font-size: 18PX; font-weight: 400; }

.footer .p1 p:first-child {width: 70%;}

.footer .p1 p {color: #ffffff; margin-top: 40px;font-size: 18PX;}

.footer .p1 a {display: block; color: #fff; margin: .05rem 0;font-size: 20PX;;}

.foterlinks {margin: 70PX 0; display: flex;}

.foterlinks .icBox { position: relative; width: 50PX; height: 50PX; border-radius: 50%; overflow: hidden; z-index: 1; background:#0075c1; border-radius:50%; margin-right:10px}

.foterlinks .icBox::after {content: ""; width: 100%; height: 100%; background: rgba(255, 255, 255,.5); position: absolute; left: 0; top: 0; transform: scale(0); transition: .5s; z-index: -1; border-radius: 50%;} 

.foterlinks .icBox a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}

.foterlinks a i {transition: .5s; max-width: 45%; color:#fff;}

.foterlinks .icBox:nth-child(4) a img {max-width: 25%;}

.foterlinks .icBox:hover::after {transform: scale(1);}

.copyRight p {font-size: 16px; font-weight: 400;color: #ffffff; opacity: .5;}
.copyRight p a{font-size: 16px; font-weight: 400;color: #ffffff; display: contents }
.foterSub {position: relative; width: 55%; padding: 80px;padding-bottom: 100px;  padding-top: 0; box-sizing: border-box; z-index: 1;}

.foterSub:before {content: "";position: absolute;bottom: 0; left: 0;z-index: -1;  width: 200%; height: 120%; background: #e0e7f0;}

.foterSub form label {font-size: 18px; font-weight: 400;color: #013874;  display: block; margin-bottom: 10px;}

.foterSub form input {border-bottom: 1px solid #013874; width: 100%; min-height: 30px;font-size: 18px; font-weight: 400;color: #013874;}

.foterSub .inBox {margin-bottom: 40px;}

.foterSub .inBox2 {display: flex; flex-wrap: wrap; justify-content: space-between;}

.foterSub .inBox2 .item {width: 46%;}

.foterSub .inBox.incode {position: relative;}
.foterSub .inBox.incode1 input {height: 60px; padding-right: 200px;}
.foterSub .inBox.incode .imgCode {position: absolute;right: 0;bottom: 5px;max-width: 150px;}
.foterSub .inBox.incode .imgCode img {max-width: 100%;max-height: 100%;object-fit: contain;}



.foterSub .sub {margin-top: .7rem;}

.foterSub .sub button {cursor: pointer; width: 200px; height: 58px; background:#7ec4e6; border-radius: 0.29rem; color: #fff; font-size: 20PX; }

.foterSub .sub button:active {background: #013874}

button, input {
    line-height: normal;
    background: none;
    border: 0; outline:none; box-shadow:none
}
input:focus{ border:none; box-shadow:none}

.strength{background: url(../images/ys-bg01.jpg) no-repeat center top ; padding: 82px 0 131px}
.strength .ny-title{margin-bottom: 40px;}
.ny-title{text-align: center; margin-bottom: 50px}
.ny-title i{display: block; width: 85px; height: 10px; border-radius: 5px; background: #7ec4e6; border-radius: 5px; margin: 0 auto 18px}
.ny-title strong{display: block; font-size: 36px; color: #333; }
.ny-title h3{display: block; font-size: 18px; line-height: 37px; color: #666; width: 1091px; margin: 0px auto 0}


.strength-list {width: 100%; border-radius: 15px; background:#fff; box-shadow: 0px 30px 59px 0px rgba(0, 0, 0, 0.08); border: 1px solid #e4e4e4; box-sizing:border-box;}
.strength-list ul li{float: left; width: calc(100% / 3); border-right: 1px solid #f4f4f4; box-sizing:border-box; height:480px; padding-top:50px}
.strength-list ul li h1.shuzi{ font-size:60px; font-weight: bold; text-align:center; color:#7ec4e6; margin-bottom:40px}
.strength-list ul li:nth-child(1),.strength-list ul li:nth-child(2),.strength-list ul li:nth-child(3){border-bottom: 1px solid #f4f4f4; }
.strength-list ul li:nth-child(3n){border-right: none;}
.strength-list ul li img{display: block;  margin: 40px auto 16px;}
.strength-list ul li strong{display: block; font-size:20px; color: #333; margin-bottom: 28px; text-align:center}
.strength-list ul li em{display: block; font-size: 18px; line-height: 34px; color: #555; position:relative;padding:0px 30px}
.strength-list ul li em:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    top: 13px;
    left: 15px;
    border-radius: 50%;
    background-color: #555555;
}

.tec1{}
	.tec1 .cha_tit{margin-bottom: 3.125vw;}
.tec1	.tecul{position: relative;
    width: 100%;
  
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;}
.tec1 .con .tecli {
     margin:0px 20px; width:33.333%;box-shadow: 0px 1px 1px rgb(37 102 210 / 10%), 0px 8px 16px rgb(37 102 210 / 10%);background-color: #FFFFFF;border-radius:0px 0px 16px 16px;

}
	
	
	.tec1 .con{position: relative;}
	.tec1 .con .pic{display: flex;padding: 1.25vw 1.72vw;position: relative;border-radius: 16px 16px 0px 0px;}
	.tec1 .con .pic .h{font-weight: 600;color: #FFFFFF;margin-bottom: 20px; font-size:20px; height:60px}
	.tec1 .con .pic .btn{width: 96px;line-height: 34px;background-color: #fff;border-radius: 17px;text-align: center;color: ;}
	.tec1 .con .pic .icon{position: absolute;top: -2.77vw;right:1.3vw;width: 12.4vw;height: 10.85vw;display: flex;align-items: center;justify-content: center; }
	.tec1 .con .pic .icon i{max-width: 100%;max-height: 100%;font-size:80px; color:#fff;}
	.tec1 .con .txt{padding: 10px 20px;}
	.tec1 .con .txt .btn_box{display: flex;margin-bottom: 1.25vw;flex-wrap: wrap;}
	.tec1 .con .txt .btn_box .btn{line-height: 26px;padding: 0 0.6vw;border: 1px solid #DDDDDD;border-radius: 14px;color: #424343;margin-right: 0.6vw;margin-top: 0.5vw;}
	.tec1 .con .txt .btn_box .btn:last-child{margin-right: 0;}
	.tec1 .con .txt ul{margin-left: 1vw;}
	.tec1 .con .txt ul li{line-height: 32px;border-bottom: 1px dashed  #CCCCCC;position: relative; font-size:18px; padding:10px 0px}
	.tec1 .con .txt ul li:after{content: "";position: absolute;width: 6px;height: 6px;top: 22px;left: -1vw;border-radius: 50%;background-color: #555555;}
	.tec1 .con .txt ul li span{ color:#7ec4e6}
	
		.tecs{}
		.tecc1 .con {
    display: flex;
    justify-content: space-between;
}
	.tecs .tec_h{line-height: 60px;margin-bottom: 48px;color: #0F2032;font-weight: bold;}
	.tecs .pic{width: 46.5%;position: relative;overflow: hidden;}
	.tecs .pic img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%; transition: all 0.3s;}
	.tecs .txt{width: 47.5%;}
	.tecs .txt a{display: block;position: relative;border-bottom: 1px solid #DEDEDE;}
	.tecs .txt a:last-child{border-bottom: none;}
	.tecs .txt .h{ font-size:24px;line-height: 32px;color: #333333;font-weight: bold;word-break: break-all;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;height: 32px;overflow:hidden;margin-bottom:5px; margin-top:20px;position: relative;left: 0;transition: all 0.3s;}
	.tecs .txt a:hover .h{left: 4px;color: #7ec4e6;}
	.tecs .txt .p{color: #777777;line-height: 26px;overflow:hidden;margin-bottom: 4px; font-size:16px;}
	.tecs .txt .school{position: absolute;top: 38px;right: 0;font-weight: bold;color: #0074FF;}
	flex {
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
	.ysz>div {
    flex-wrap: wrap;
    margin: -11px;
}.ysz a{ display:block;width:49%; float:left; margin-right:2%; margin-top:20px; margin-bottom:20px;   -webkit-transition: all 0.5s;
    transition: all 0.5s;}
	.ysz .item{ }
	.ysz a:nth-child(2){ margin-right:0}.ysz a:nth-child(4){ margin-right:0; }
	.ysz a:nth-child(3){ }
	
.ysz .item>div{padding:30px 50px;box-shadow:0px 0px 20px rgba(0,0,0,.08);border-radius:10px;align-items:center;transition:all .2s linear; background:#fff; overflow:hidden}
.ysz .item  .itemIcon{width:120px; float: left; height:120px; background:#e8f6fa; border-radius:50%; margin-right:30px}
.ysz .item  .itemIcon>i{ font-size:50px; color:#fff; 
  background: linear-gradient(to right, #12afaf,#7ec4e6); width:100px; height:100px; border-radius:50%; display:block; text-align:center; line-height:100px; margin:10px  auto
}
.ysz .item .itemInfo{padding-left:35px; padding-top:20px}
.ysz .item .itemInfo .name{font-size:24px;line-height:1;position:relative;font-weight:bold;}
.ysz .item .itemInfo .name:after{content:'';position:absolute;left:0;bottom:0;width:30px;height:2px;background-color:var(--color03);}
.ysz .item .itemInfo .line{margin-top:15px;line-height:1.875;font-size:16px;color:#666;}
.flex_item {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.ysz a:hover{  margin-top:10px; margin-bottom:30px}


.tec2 .con{padding: 1.875vw 0;background: rgba(255, 255, 255, 0.7);box-shadow: 0px 1px 1px rgba(37, 102, 210, 0.05), 0px 8px 16px rgba(37, 102, 210, 0.05);border-radius: 16px;display: flex;align-items: center;}
	.tec2 .con .box{width: calc(33.333% - 20px);text-align: center;padding:0 1.8vw;}
	.tec2 .con .box .icon{width: 80px;height: 80px;display: block;margin: 0 auto;margin-bottom: 30px;}
	.tec2 .con .box .icon i{ font-size:60px; line-height:80px; color: #7ec4e6
	}
	.tec2 .con .box .icon img{width: 100%;height: 100%;}
	.tec2 .con .box .h{font-weight: 600;line-height: 26px;color: #363B53;padding-bottom:20px;background: url(../images/tec2_solid.png)no-repeat center bottom;background-size: 100% auto;margin-bottom:40px; font-size:24px}
	.tec2 .con .box .p{font-weight: 400;line-height:1.8;color: #424343 ; font-size:16px;}
	.tec2 .con .box .p span{ color:#7ec4e6}
	.tec2 .con .jt{width: 25px;}
	
	.l_proCenNav{ padding-top:82px}
.l_proCenNav .title {
    display: inline-block;
}.l_proCenNav .title span {
    font-size:16px;
    font-weight: bold;
    color: #242424;
    vertical-align: middle;
}

.l_proCenNav .title i {
    display: inline-block;
    background-image: url(../images/arrow.png);
    width: 6px;
    height: 10px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-left: 0.78125vw;
}
.l_proCenNav .list {
	display: inline-block;
	
	vertical-align: middle;
}

.l_proCenNav .list span {
	display: inline-block;
	font-size: 14px;
	background-color: unset;
	color: #6f6f6f;
	margin-right: 10px;
	padding:5px 10px;
	cursor: pointer;
	border-radius:20px;
	transition: 0.3s;
}

.l_proCenNav .list span:hover {
	background-color: #7ec4e6;
	color: #FFF;
}
.l_proCenNav .list span:hover a{
	
	color: #FFF;
}
.l_proCenNav .list .proActive {
	background-color: #7ec4e6;
	color: #FFF;
}
.l_proCenNav .list .proActive a{ color:#fff;}
.l_proCenNav .item {
    padding:20px 0;
    width: 100%;
    border-top: 1px solid #e5e5e5;}
	.l_proCenNav .item:first-child{ border-top:0}
	
	
	.item .search {
	width: 16.5625vw;
	height: 2.08333vw;
	vertical-align: middle;
	display: inline-block;
	position: relative;
	margin-left:20px;
}

.item .search input {
	border: 1px solid #dcdcdc;
	border-radius: 20px;
	width: 100%;
	height: 100%;
	padding-left: 40px;
}

.item .search i {
		display: inline-block;


	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 20px;
	cursor: pointer; font-size:14px
}



.newList{background-color:#ebf1f5;padding:85px 0;}
.newList_box{margin-bottom:5vw;}
.newList_item{margin-bottom:1.2vw; position:relative}
.newList_item:last-child{margin-bottom:0;}
.newList_item>a{padding:2vw 4vw 2vw 5vw;z-index:2;overflow:hidden; background:#fff; display:block; position:relative}
.newList_item>a .newList_time{color:#7ec4e6; width:10%; float:left}
.newList_item>a .newList_time h2{font-size:40px;line-height:1;font-weight:bold;margin-bottom:5px; color:#0075c1}
.newList_item>a .newList_time p{font-size:14px;}
.newList_item>a .newspic{  width:30%; float:left}
.posi{ position:relative}
.transition035{transition:all 0.35s;-moz-transition:all 0.35s;-webkit-transition:all 0.35s;-o-transition:all 0.35s;}
.lump{display: block;}
.newList_item>a .newList_del{position:absolute;right:0;top:50%;width:34px;height:34px;line-height:34px;overflow:hidden; text-align:center;
transform:translateY(-50%);-webkit-transform:translateY(-50%);border:1px solid #7ec4e6; border-radius:50%; color:#7ec4e6}
.newList_item>a .newList_cnt{ width:55%; float:right}
.newList_item>a .newList_cnt .newList_title{font-size:22px; color:#333; font-weight:bold; margin:28px 0px 20px 0px}
.newList_item>a .newList_cnt .newList_line{color:#888;
overflow:hidden;text-overflow:ellipsis; font-size:18px; line-height:1.8}
.newList_item>a:before,.newList_item>a:after{content:'';position:absolute;top:0;left:0;width:100%;
-webkit-transition:all 0.5s;transition:all 0.5s;opacity:0;-webkit-opacity:0;}
.newList_item>a:after{ height:100%}
.newList_item:hover a:before{height:3px;background-color:#f7b500;z-index:1; opacity:1}
.newList_item:hover a:after{height:100%;background-color:#7ec4e6;z-index:-1;transform:translateY(-100%);-webkit-transform:translateY(-100%); opacity:1}


.pc_header {
  z-index: 15;
  width: 100%;
  position: sticky;
  top: 0;
  left: 0;
  background: #fff;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
}
.pc_header .he_top {
  background: #0075c1;
}
.pc_header .he_top .share a { 
  transition: 0.4s;
  opacity: 0.6;
  height: 20px;
  margin-right: 20px;
}
.pc_header .he_top .share a:last-child {
  margin-right: 0;
}
.pc_header .he_top .share a i { font-size:20px; color:#9bb8ce
}
.pc_header .he_top .share a:hover {
  opacity: 1;
}
.pc_header .he_top .lxwm .div_ div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.pc_header .he_top .lxwm .div_ div i { font-size:20px; color:#9bb8ce
}
.pc_header .he_top .lxwm .div_ a {
  flex: 1;
  line-height: 55px;
  margin-left: 6px;
  color: #fff;  font-size:20px
}
.pc_header .he_top .lxwm .line {
  margin: 0 20px;
  width: 1px;
  height: 24px;
  background: #fff;
}

a {
    display: block;
    text-decoration: none;
}
.pc_header .he_bot .logo a img {
  height: 78px;
}
.pc_header .he_bot .column .nav #slide {
  margin: 0 23px;
}
.pc_header .he_bot .column .nav #slide .item a {
  position: relative;
  transition: 0.4s;
  line-height: 100px;
  color: #333;
   ; font-size:18px
}
.pc_header .he_bot .column .nav #slide .item a::before {
  opacity: 0;
  transition: 0.4s;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #0075c1;
}
.pc_header .he_bot .column .nav #slide.active .item a,
.pc_header .he_bot .column .nav #slide:hover .item a {
  color: #0075c1;
}
.pc_header .he_bot .column .nav #slide.active .item a::before,
.pc_header .he_bot .column .nav #slide:hover .item a::before {
  opacity: 1;
}
.pc_header .he_bot .menu .lang a i { font-size:22px; color:#0075c1
}
.pc_header .he_bot .menu .lang a p {
  margin-left: 8px;
  color: #0075c1;
   ;
}
.df {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.ac {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.js {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.Home_Apply{ padding:70px 0PX}
.Home_Apply .box {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px; margin-top:45px
}
.Home_Apply .box .item a {
  background: #f2f2f2;
  border-radius: 20px;
  padding: 60px 30px;
  position: relative; overflow:hidden
}
.Home_Apply .box .item a .img {
  position: absolute;
  left: 0;
  top: 0%;
  width: 100%;
  height: 100%;
  text-align: right; opacity:0.1;-webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.Home_Apply .box .item a .img img{max-width: fit-content;}
.Home_Apply .box .item:hover  a .img { opacity:0.3}
.Home_Apply .box .item a .content1 {
  font-weight: bold;
  font-size: 22px;
  position: relative;
  z-index: 1;
}
.Home_Apply .box .item a .content2 {
  font-size: 18px;
  color: #666;
  line-height: 1.5;
 
  
  margin-top: 25px;
  position: relative;
  z-index: 1; min-height:230px
}
.Home_Apply .box .item a .content3 {
  margin-top: 45px;
  position: relative;
  z-index: 1;
}
.Home_Apply .box .item a:hover .content3 .a {
  background-image: -o-linear-gradient(150deg, #9f9bf9 0%, #807af7 53%, #9c97f9 100%);
  background-image: linear-gradient(-60deg, #9f9bf9 0%, #807af7 53%, #9c97f9 100%);
  color: #fff;
}
.Home_Product {
  overflow: hidden; padding:70PX 0PX
}
.Home_Product .box {
  padding-left: 9vw;
}
.Home_Product .box .banner {
  position: relative;
}
.Home_Product .box .banner .swiper .swiper-wrapper .swiper-slide {
  width: 460px;
}
.Home_Product .box .banner .swiper .swiper-wrapper .swiper-slide .a {
  display: block;
  position: relative;
}
.Home_Product .box .banner .swiper .swiper-wrapper .swiper-slide .a .img {
  -webkit-transform: rotate(0deg);
  overflow: hidden;
  border-radius: 10px;
}
.Home_Product .box .banner .swiper .swiper-wrapper .swiper-slide .a .img img {
  width: 100%;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.Home_Product .box .banner .swiper .swiper-wrapper .swiper-slide .a .orientation {
  position: absolute;
  left: 0;
  top: 5%;

  padding:50px;
  color: #fff;
}
.Home_Product .box .banner .swiper .swiper-wrapper .swiper-slide .a .orientation .content1 {
   ;
  font-size: 28px; color:#fff;;
}
.Home_Product .box .banner .swiper .swiper-wrapper .swiper-slide .a .orientation .content1 p.im{  width:40%; padding:20px; background:#7EC4E7; border-radius:10px; text-align:center}
.Home_Product .box .banner .swiper .swiper-wrapper .swiper-slide .a .orientation .content1 p.im img{ width: auto; height:40px}
.Home_Product .box .banner .swiper .swiper-wrapper .swiper-slide .a .orientation .content2 {
 
  font-size: 18px;
  line-height: 1.5;
 
  margin-top: 16px; color:#fff;
}
.Home_Product .box .banner .swiper .swiper-wrapper .swiper-slide .a .orientation .content2 a{ font-size: 18px;
  line-height: 1.5;
   color:#fff;}
.Home_Product .box .banner .swiper .swiper-wrapper .swiper-slide .a .orientation .more1{ width:128px; height:40px; line-height:40px; margin-top:30px; border-radius:30px; font-size:14px !important;}
.Home_Product .box .banner .swiper .swiper-wrapper .swiper-slide .a .orientation .content2 a:hover{ color:#7ec4e6}
.Home_Product .box .banner .swiper .swiper-wrapper .swiper-slide .a .orientation .content3 {
  margin-top: 45px;
}
.Home_Product .box .banner .swiper .swiper-wrapper .swiper-slide .a:hover .img img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.Home_Product .box .banner .swiper .swiper-wrapper .swiper-slide .a:hover .content3 .a {
  background-image: -o-linear-gradient(150deg, #9f9bf9 0%, #807af7 53%, #9c97f9 100%);
  background-image: linear-gradient(-60deg, #9f9bf9 0%, #807af7 53%, #9c97f9 100%);
  color: #fff;
}
@media screen and (min-width: 1200px) {
  .Home_Product .box .banner .button {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
}
.p75 {
    padding-top: 75px;
}
.m45 {
    margin-top: 45px;
}
.zz_title {
    font-weight: bold;
    font-size: 48px;  ;
}
.Home_Product .box .banner .button p {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: #fff;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  margin-top: 0;
}
.Home_Product .box .banner .button p::after {
  display: none;
}
.Home_Product .box .banner .button p i {
  margin: auto;
  font-weight: bold;
  color: #0075c1;
  font-size:16px;
}
.Home_Product .box .banner .button .next {
  right: 40px;
}
.Home_Product .box .banner .button .prev {
  left: 40px;
}
@media screen and (min-width: 1200px) {
  .Home_Product .box .banner .button p:hover {
    -webkit-transform: translateY(-50%) scale(1.1);
    -ms-transform: translateY(-50%) scale(1.1);
    transform: translateY(-50%) scale(1.1);
  }
}
.Home_Product .box .banner .button .swiper-button-next.swiper-button-disabled,
.Home_Product .box .banner .button .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
  visibility: hidden;
}
@media screen and (min-width: 1200px) {
  .Home_Product .box .banner:hover .button {
    opacity: 1;
    visibility: visible;
  }
}


.pu_title .tips {
  color: #0075c1;
   ; font-size:20px
}
.pu_title .txt {
  margin-top: 6px; font-size:38px;
  color: #000;
   ; text-transform:uppercase
}
.pu_title .desc {
  line-height: 2;
  color: #666;
}

.index_who {
  background: url('../images/2.jpg') no-repeat;
  background-size: cover; padding:70px 0px
}
.index_who .le_box {
  width: 64%;
  padding-right:5%;
}
.index_who .le_box .content1 .desc {
  margin-top: 15px;
}
.index_who .le_box .content1 .desc p{ font-size:18px}
.index_who .le_box .content2 {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
.index_who .le_box .content2 .item {
  display: flex;
  flex-wrap: wrap;
}
.index_who .le_box .content2 .item .svg {
  width:74px;
}
.index_who .le_box .content2 .item .svg i { font-size:60px; color:#7ec4e6
}
.index_who .le_box .content2 .item .box {
  flex: 1;
  padding-left: 20px;
}
.index_who .le_box .content2 .item .box .data {
  font-size: 60px;
  line-height: 0.9;
  color: #0075c1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.index_who .le_box .content2 .item .box .data p {
   ;
}
.index_who .le_box .content2 .item .box .data span {
   ;
}
.index_who .le_box .content2 .item .box .desc {
   ; font-size:14px
}
.index_who .ri_box {
  width: 36%;
}
.index_who .ri_box img {
  width: 100%;
}
@media (max-width: 1600px){}

.i-list4 {
  padding: 70px 0 ;
  background:#ebf3fb url(../images/map_bg.png) no-repeat center ;
  background-size: cover;
}
.i-list4 .conbox {
  position: relative;
  z-index: 3;
}
.i-list4 .hrefbtn {
  height: 45px;
  background: #153072;
  padding: 0 70px;
  display: inline-flex;
  margin-top: 350px;
  transition: all .5s;
}
.i-list4 .hrefbtn .icon {
  width: 12px;
  height: 12px;
  fill: #fff;
  margin-left: 10px;
}
.i-list4 .conbox .leftbox{
  width:50%;
  max-width:100%; float:left
}
.i-list4 .rightbox {
  width: 50%;
  max-width:100%;
}
.i-list4 .rightbox .li {
  max-width: 50%;
  padding-right: 5%;
  margin-bottom: 10px; float:right
}
.i-list4 .rightbox .li:nth-child(3n){
  margin-right:0;
}
.i-list4 .rightbox .li:nth-child(3){
  max-width:100%;
  width:100%;
}
.i-list4 .img {
  position: relative;
  z-index: 2;
 
  display:block; width:40%; float:right
}
.i-list4 .hrefbtn:hover {
  background: #081F56;
  color: #fff;
}

@media (max-width: 768px) {
  .i-list4 .img {
    margin-top: -300px;
  }
  
}
@media (max-width: 767px) {
  .i-list4 {
    padding: 200px 0;
  }

  .i-list4 .conbox .leftbox {
    width: 100%;
    margin-bottom: 200px;
  }

  .i-list4 .conbox .hrefbtn {
    height: 35px;
    margin-top: 100px;
  }

  .i-list4 .rightbox {
    width: 100%;
  }

  .i-list4 .img {
    margin-top: -50px;
  }

  .i-list4 {
    background: url(../img/i4img.png) no-repeat center 70%;
    background-size: 150% auto;
  }
  .i-list4 .rightbox .li{
    max-width:33.3%;
    padding-right:3%;
  }
  .i-list4 .rightbox .li:nth-child(3){
    max-width: 33.3%;
    width:auto;
  }
}


.i-list4 .img{
  position: relative;
 
  margin-left:auto;
}
.zmap .clsa1 {
    stroke-dashoffset: 400;
    stroke-dasharray: 15;
    animation: run 10s infinite linear;
}


.zmap .cls-1 {
    fill: none;
    stroke: #1b4099;
    stroke-miterlimit: 10;
}
@keyframes run {
  to {
    stroke-dashoffset:0;
  }
}


.i-list4 .img .imgline{
  width:15.45rem;
  height:15.45rem;
  overflow: hidden;
  animation-name: widthline;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-delay: .2s;
  animation-timing-function: ease-in-out;
}
.i-list4 .img .imgline img{
  position:absolute;
  width:15.45rem;
  height:15.45rem;
  max-width:none;
}
.i-list4 .img .imgline:nth-child(1) img{
  right:0;
  top:0;
}
.i-list4 .img .imgline:nth-child(2) img{
  right:0;
  top:0;
  
}
.i-list4 .img .imgline:nth-child(1){
  right:0;
  top:0;
}
.i-list4 .img .imgline:nth-child(2){
  right:0;
  top:0;
  
}
.i-list4 .img .imgline:nth-child(3){
  left:0;
  top:0;
}
/*.i-list4 .img .imgline img{
  animation-name: widthline;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-delay: .2s;
  animation-timing-function: ease-in-out;
}*/



@keyframes widthline{
  0%{
    width:0;
  }
  100%{
    width:100%;
  }
}

@media (max-width: 768px) {
.i-list4 .img{
    width:10rem;
    height:10rem;
  }
  .i-list4 .img .imgline,.i-list4 .img .imgline img{
    width:10rem;
    height:10rem;
  }
}

.f-no-c-center {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}
.anim_emt.start.l_to_r {
    -webkit-animation-name: mk_left_to_right;
    animation-name: mk_left_to_right;
}


.cssanimations .anim_emt.visb, .cssanimations .anim_group .anim_item.visb {
    visibility: inherit;
}

.anim_emt.start {
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.cssanimations .anim_emt, .cssanimations .anim_group .anim_item {
    visibility: hidden;
}


.i-list4 .conbox .content3{
  border-top: 1px solid #ccc;
  padding-top: 56px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.i-list4 .conbox .content3 .item {
  display: flex;
  flex-wrap: wrap;
}
.i-list4 .conbox .content3 .item .svg {
  width: 24px;
}
.i-list4 .conbox .content3 .item .svg img {
  max-width: 100%;
}
.i-list4 .conbox .content3 .item .box {
  flex: 1;

}
.i-list4 .conbox .content3 .item .box .txt {
    font-size:22px; line-height:1.8
}
.i-list4 .conbox .content3 .item .box .add {
  margin-top: 4px;
  color: #666;
  line-height: 1.6; font-size:16px;
}


.index_platform {
  position: relative;
}
.index_platform .rm_bk {
  width: 100%;
}
.index_platform .rm_bk img {
  width: 100%;
}
.index_platform .rm_box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.index_platform .rm_box .le_box {
  padding: 70px 9vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-right: 1px solid #fff;
}
.index_platform .rm_box .le_box .x1 .pu_h1 h1 {
  color: #fff; font-size:48px;  ;
}
.index_platform .rm_box .le_box .x2 .svg i{ font-size:60px; color:#e99b19}



.index_platform .rm_box .le_box .x2 .svg img:hover {
  transform: translateY(-6px);
}
.index_platform .rm_box .le_box .x2 .content {
  margin: 54px 0 0;
}
.index_platform .rm_box .le_box .x2 .content .t1 {
  flex: 1;
  color: #fff;
}
.index_platform .rm_box .le_box .x2 .content .t1 span {
  font-weight: bold; font-size:30px
}
.index_platform .rm_box .le_box .x2 .content .t1 p {
  margin: 18px 0 0; font-size:18px;
}
.index_platform .rm_box .le_box .x2 .content .t2 .pu_more a {
  color: #fff;
}
.index_platform .rm_box .ri_box .box1 {
  height: 50%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.index_platform .rm_box .ri_box .box1 .item {
  padding: 40px 50px 20px;
  border-right: 1px solid #fff;
}
.index_platform .rm_box .ri_box .box1 .item:last-child {
  border-right: none;
}
.index_platform .rm_box .ri_box .box1 .item .m1 i {
  transition: 0.4s;
     font-size: 60px;
    color: #e99b19;
}

.index_platform .rm_box .ri_box .box1 .item .m2 {
  margin: 54px 0 76px;
  color: #fff;
}
.index_platform .rm_box .ri_box .box1 .item .m2 span {
  font-weight: bold; font-size:30px
}
.index_platform .rm_box .ri_box .box1 .item .m2 p {
  margin: 18px 0 0; font-size:18px
}
.index_platform .rm_box .ri_box .box1 .item .m3 .pu_more a {
  color: #fff;
}
.index_platform .rm_box .ri_box .box2 {
  border-top: 1px solid #fff;
  height: 50%;
  padding: 0 90px 90px 50px;
  display: flex;
  align-items: flex-end;
}
.index_platform .rm_box .ri_box .box2 > div {
  width: 100%;
}
.index_platform .rm_box .ri_box .box2 .svg i { font-size:60px;color:#e99b19
}
.index_platform .rm_box .ri_box .box2 .svg img:hover {
  transform: translateY(-6px);
}
.index_platform .rm_box .ri_box .box2 .content {
  margin: 54px 0 0;
}
.index_platform .rm_box .ri_box .box2 .content .t1 {
  flex: 1;
  color: #fff;
}
.index_platform .rm_box .ri_box .box2 .content .t1 span {
font-weight: bold  ; font-size:30px
}
.index_platform .rm_box .ri_box .box2 .content .t1 p {
  margin: 18px 0 0;font-size:18px;
}
.index_platform .rm_box .ri_box .box2 .content .t2 .pu_more a {
  color: #fff;
}

.more1 {
    width: 200px;
    height: 60px;
    min-width: 110px;
    min-height: 38px;
    font-size: 18px;
 
    background: #e99b19;
    color: #fff;
    -webkit-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
    position: relative;
    z-index: 1; border-radius:10px
}
.flexcen {
    display: flex;
    align-items: center;
    justify-content: center;
}


.more1::before {content: '';position: absolute;top: 0; left: 0; width: 100%; height: 100%;  border: 2px solid #e99b19; z-index: -1; border-radius: inherit; opacity: 0; -webkit-transform: scale3d(0.6, 0.6, 1); transform: scale3d(0.6, 0.6, 1); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); box-sizing: border-box;}

.more1:hover {background-color: #fff;color: #e99b19;}

.more1:hover::before {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1); opacity: 1;}

H6{ margin:0px; padding:0px}

.indexTwo {position: relative; padding: 70px 0 0px 0px; background: #f0f5fb;}

 .tleBox {position: relative;}

.tleBox .tle {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);font-size:50px;;color: #013874; font-weight: bold;      ;}

.indexTwo ul {margin-top: 35px;}

.indexTwo ul {display: grid; grid-template-columns: repeat(4,1fr); gap: 20px;}

.indexTwo li {background: #ffffff; position: relative; z-index: 1; }

.indexTwo li::after {content: ""; position: absolute; width: 0; height: 100%; left: 0; z-index: -1; transition: .5s; top: 0;}

.indexTwo li a {display: block; padding:25px 30px; box-sizing: border-box;}

.indexTwo li h6 {font-size: 22px;color: #333333; margin-bottom:15px  }

.indexTwo li .time {font-size: 18px; color: #9b9b9b;}

.indexTwo li:hover::after {width: 100%; background: #e99b19; }

.indexTwo li:hover h6 {color: #fff;}

.indexTwo li:hover .time {color: #fff;}

.indexTwo .more {display: flex; justify-content: center; margin-top: 60px;}

.Product_Container { padding:60px 0px}
.Product_Container .box .boxLeft {
  width: 350px;
}
.Product_Container .box .boxLeft .title {
  font-size: 22px;
  color: #fff;
  background: #0075c1;
  padding: 0 30px;
  line-height: 78px;
  border-radius: 8px; font-weight:bold
} 
.Product_Container .box .boxLeft .boxLeft_02 {
 
}
.Product_Container .box .boxLeft .boxLeft_02 .list .item {
  padding: 0 30px 0 45px;
  background: #f2f2f2;
  border-radius: 8px;
  margin-top: 4px;
}
.Product_Container .box .boxLeft .boxLeft_02 .list .item .item_top {
  font-size: 18px;
  position: relative;
  line-height: 54px;
  cursor: pointer;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.Product_Container .box .boxLeft .boxLeft_02 .list .item .item_top i {
  position: absolute;
  left: 0;
  -webkit-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
  transform: translateX(-20px);
  font-size: 12px;
  color: #0075c1;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.Product_Container .box .boxLeft .boxLeft_02 .list .item .item_top:hover {
  color: #0075c1;
}
.Product_Container .box .boxLeft .boxLeft_02 .list .item .item_top.active i {
  -webkit-transform: translateX(-20px) rotate(180deg);
  -ms-transform: translateX(-20px) rotate(180deg);
  transform: translateX(-20px) rotate(180deg);
}
.Product_Container .box .boxLeft .boxLeft_02 .list .item .item_bottom {
  display: none;
}
.Product_Container .box .boxLeft .boxLeft_02 .list .item .item_bottom ul {
  padding: 20px 0;
}
.Product_Container .box .boxLeft .boxLeft_02 .list .item .item_bottom ul li {
  font-size:16px;
  color: #666;
  position: relative;
  padding-left: 20px;
  margin-bottom: 6px;
  cursor: pointer;
}
.Product_Container .box .boxLeft .boxLeft_02 .list .item .item_bottom ul li span {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  left: 0;
  top: 0.05rem;
  top: 2px;
  border: 1px solid #333;
  border-radius: 2px;
}
.Product_Container .box .boxLeft .boxLeft_02 .list .item .item_bottom ul .active span {
  background: #0075c1;
  border-color: #0075c1;
}
.Product_Container .box .boxRight {
  width: -webkit-calc(96.2%);
  width: calc(100% - 350px);
  padding-left: 50px;
}
.Product_Container .box .boxRight p{  font-size:14px;}
.js {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.df {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.Product_Container .box .boxRight .sticky{
    position: sticky;
    top: 1rem;
}
.Product_Container .box .boxRight .title {
  font-size: 20px;
  color: #fff;
  background: #0075c1;
  line-height: 0.7rem;
  padding: 0 30px;
  border-radius: 10px 10px 0 0;
}
.Product_Container .box .boxRight .row--stripe {
  background: #f7f7f7 !important;
}
.bgf2 {
  background: #f2f2f2;
}
table {
    border: 1px solid #efefef!important;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.Product_Container .box .boxRight h1{ font-size:24px; line-height:1.5; margin-bottom:10px; padding-top:10px; color:#0075c1}
.Product_Container .box .boxRight h3{ width:100px; height:5px; background:#0075c1;margin-bottom:10px;}
.Product_Container .box .boxRight h2{ font-size:18px; line-height:1.5; margin-bottom:20px}
.Product_Container .box .boxRight table{ border: 1px solid #efefef; }

.Product_Container .box .boxRight table thead tr th {
    padding: 5px 20px;
    background-color: blue;
    font-weight: 400;
    color: #fff;
}
.Product_Container .box .boxRight table{ width:100% !important}
.Product_Container .box .boxRight table tbody tr td {
    padding: 10px 10px;
    border:  1px solid #efefef !important; word-break:keep-all !important; font-size: 14px; vertical-align:middle; line-height:1.8; word-break: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
}.Product_Container .box .boxRight table tbody tr td span{ word-break: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;}

.Product_Container .box .boxRight table tbody tr td strong{ color:#0075c1}
.Product_Container .box .boxRight table .firstRow td strong{ color:#fff}
.Product_Container .box .boxRight table tr:first-child td {  
font-weight:bold;
 text-align:center; height:78px;  
} .Product_Container .box .boxRight table tr:first-child td{ }
 .Product_Container .box .boxRight table tr:first-child td:first-child{border-top-left-radius:10px;  overflow:hidden; }
  .Product_Container .box .boxRight table tr:first-child td:last-child{border-top-right-radius:10px; overflow:hidden}

 
.Product_Container .box .boxRight table tbody tr:last-child td {
    border-bottom: 2px solid #cecece !important;
}
 
 
.Product_Container .box .boxRight table tbody tr td p{
    font-size: 14px; line-height:1.8
}

.Product_Container .box .boxRight table .firstRow td{ background:#0075c1 !important; font-size:14px; color:#fff;}

.Product_Container .box .boxLeft .boxLeft_02 .accordion li{ }
.Product_Container .box .boxLeft .boxLeft_02  .accordion .link {
	cursor: pointer;
	display: block;

	color: #000;
	font-size: 16px;
	font-weight: 700;
	
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease; padding: 0 30px;
    background: #f2f2f2;
    border-radius: 8px;
    margin-top: 4px; line-height:54px; text-transform:uppercase
}




.Product_Container .box .boxLeft .boxLeft_02  .accordion li i {
	position: absolute;
	
	right: 12px;
	font-size: 18px;
	color: #595959;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.Product_Container .box .boxLeft .boxLeft_02 .accordion li i.icon-jiantou2 {
	right: 30px;
	left: auto;
	font-size: 12px;
}

.Product_Container .box .boxLeft .boxLeft_02 .accordion li.open .link {
	color: #0075c1;
}
.Product_Container .box .boxLeft .boxLeft_02 .accordion li.open .submenu{ display:block}
.Product_Container .box .boxLeft .boxLeft_02 .accordion li.open i {
	color: #0075c1;
}
.Product_Container .box .boxLeft .boxLeft_02  .accordion li.open i.icon-jiantou2 {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
#cpnrdw {
    position: absolute;
    top: -160px;
}
/**
 * Submenu
 -----------------------------*/
 .Product_Container .box .boxLeft .boxLeft_02 .submenu {
 	display: none;
 	background: #f6f6f6;
 	font-size: 16px; border-radius:8px; margin-top:4px
 }
 .Product_Container .box .boxRight{ position:relative}
#cpnrdw{ position:absolute; top:-160px}
.Product_Container .box .boxLeft .boxLeft_02  .submenu li {
 	
 }

.Product_Container .box .boxLeft .boxLeft_02  .submenu a {
 	display: block;
 	text-decoration: none;
 	color: #000;
 	padding:15px 30px;
 	
 	-webkit-transition: all 0.25s ease;
 	-o-transition: all 0.25s ease;
 	transition: all 0.25s ease;
 }

.Product_Container .box .boxLeft .boxLeft_02  .submenu a:hover {
 	
 	color: #0075c1;
 }
 
 .nyprolist{padding: 60px 0; overflow:hidden}
 .nyprolist ._item{ width:96%; padding:2% }
.nyprolist ._item>div{padding:35px 25px;position: relative;}
.nyprolist ._item>div .maodian{ position:absolute; top:-160px}
.nyprolist ._item>div:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;
background-image:url(../images/projectli.jpg);background-position: center center;
background-size:cover;border-radius: 10px;box-shadow: 0 0 20px rgba(8,57,156,.13);}
.nyprolist ._item>div:after{content: '';position: absolute;left: -12px;top: -12px;right: -12px;bottom: -12px;z-index: -2;
border-radius: 10px;background-color: #0075c1;-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);transition: all .65s ease;}
.nyprolist ._item ._title{line-height: 1;}
.nyprolist ._item ._title .img{ width:30%; border:1px solid #ccc; border-radius:10px; padding:10px; position:relative}
.nyprolist ._item ._title .img img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:70%}
.nyprolist ._item ._title .cn{ width:65% ; padding:40px 0px}
.nyprolist ._item ._title .cn h1{  font-size: 32px;color: #0075c1;margin-bottom: 10px;; text-transform:uppercase}
.nyprolist ._item ._title .cn p{  font-size: 17px;color: #777; line-height:1.7}
.nyprolist ._item ._title .cn{}
.nyprolist ._item ._title .cn s{position: relative;align-items: center; margin:10px 0px}
.nyprolist ._item ._title .cn s:before{content: '';width: 9px;height: 9px;border: 1px solid #0075c1;border-radius: 50%;}
.nyprolist ._item ._title .cn s:after{content: '';width: 100%;-webkit-box-flex: 1;opacity: .2;
-moz-box-flex: 1; -webkit-flex: 1;-ms-flex: 1;flex:1;border-bottom:1px dashed #0075c1;}
.nyprolist ._item ._title .en{color: #999;}
.nyprolist ._item ._column{line-height: 1;margin-top: 30px;}
.nyprolist ._item ._column ._tab{}
.nyprolist ._item ._column li{ width:45%; float:left}
.nyprolist ._item ._column li>a{padding: 10px 0;align-items: center;color: #444;
padding-left: 25px;position: relative;transition: all .3s ease; font-size:16px}
.nyprolist ._item ._column li>a:before,
.nyprolist ._item ._column li>a:after{content: '';position: absolute;width: 15px;height: 15px;transition: opacity .3s ease;
left: 0;top: 50%;transform: translateY(-50%);background-position: center center;background-size:contain;}
.nyprolist ._item ._column li>a:before{background-image: url(../images/ling.png);opacity: 1; font-size:20px}
.nyprolist ._item ._column li>a:after{background-image: url(../images/ling2.png);opacity:0;}
.nyprolist ._item ._column li>a i{margin-left: auto;transition: color .3s ease;font-weight: bold;color:#ebebeb;}

 .nyprolist ._item ._column li>a:hover:before{opacity: 0;}
.nyprolist ._item ._column li>a:hover:after{opacity: 1;}
.nyprolist ._item ._column li>a:hover{color: #0075c1;padding-left: calc(25px + 5px);}
.nyprolist ._item ._column li>a:hover i{color: #0075c1;}
.nyprolist ._item>div:hover:after{-webkit-clip-path: polygon(0 0, 50% 0, 20% 100%, 0% 100%);
clip-path: polygon(0 0, 50% 0, 20% 100%, 0% 100%);}

.nyprolist ._item.fb3{opacity: 1;}
.nyprolist ._item.fb3:nth-child(4n + 1){animation-delay:0s;transition-delay: 0s;}
.nyprolist ._item.fb3:nth-child(4n + 2){animation-delay:.2s;transition-delay: .2s;}
.nyprolist ._item.fb3:nth-child(4n + 3){animation-delay:.4s;transition-delay: .4s;}
.nyprolist ._item.fb3:nth-child(4n + 4){animation-delay:.6s;transition-delay: .6s;}
.flex {
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.f-no-b-start {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.about-list1 {
  background: #fff;
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 70px 0 ;
 
}
.about-list1 .title {
  width: 100%;
  padding-left: 30px;
  padding-bottom:60px;
  position: relative;
  z-index: 4;
  color: #082E8B;
  margin-bottom: 25px;
  border-bottom: 1px solid #E6E6E6; font-size:38px; font-weight:bold;
}
.about-list1 .title:before {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  left: 0;
  top:12px;
  background: #082E8B;
}
.about-list1 .leftbox {
  width: 44.7%;
}
/*.about-list1 .leftbox img{
  margin-left:-3rem;
}*/
.about-list1 .leftbox .tit2 {
  color: #BCCAD7; font-size:56PX;
}
.about-list1 .leftbox .tit2 span {
  color: #082E8B;
}
.about-list1 .rightbox {
  width: 44.18%;
}
.about-list1 .rightbox .ul {
  border-bottom: 2px solid #DDDDDD;
  margin-bottom: 30px;
}
.about-list1 .rightbox .li {
  width: 50%;
 
  margin-bottom:20px;
}
.about-list1 .rightbox .textbox {
  margin-top: 30px;
  position: relative;
}
.about-list1 .rightbox .textbox .tip {
  width: 100%;
  color: #082E8B; font-size:20px
}
.about-list1 .rightbox .textbox:before {
  content: "";
  position: absolute;
  width: 100%;
  height:500px;
  z-index: 2;
  left: 0;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8));
  display:none;
}
.f-no {
    display: flex;
    flex-flow: row wrap;
}
.about-list1 .rightbox .text {
  margin-top:30px;
  max-height: 500px;
  overflow-y: auto;
  padding-right:30px;

  position: relative; font-size:18px; line-height:1.8
}
.about-list1 .rightbox .text p{ margin-bottom:10px}
.enfon {
    ;
}
.line-2 {
    line-height: 1.2;
}
.tit-48 {
    font-size: 40px;
}
.tit-15 {
    font-size: 15px;
    line-height: 2;
}
.col-000 {
    color: #000;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}


::-webkit-scrollbar-thumb {
    background: #000;
}

::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
}


.our_box {
  position: relative;
}
.our_box .ur_bk {
  width: 100%;
}
.our_box .ur_bk img {
  width: 100%;
}
.our_box .ur_post {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex; 
}
.our_box .ur_post > div {
  margin: auto 0;
  width: 70%;
  color: #fff; padding:50px 9vw
}
.our_box .ur_post > div .grid {
  display: grid;
  gap: 32px;
}
.our_box .ur_post > div .li {
  transition: 0.4s;
  opacity: 0.6;
}
.our_box .ur_post > div .li .txt { font-size:38px; color:#fff;; font-weight:bold; text-transform:uppercase
}
.our_box .ur_post > div .li .desc {
  line-height: 1.6; font-size:18px; color:#fff;
}
.our_box .ur_post > div .li .desc p{ margin-bottom:10px}
.our_box .ur_post > div .li.active {
  opacity: 1;
}
.our_box .ur_post > div .line {
  margin-top:40px;
  position: relative;
  width: 100%;
  height: 2px;
  background: rgba(255, 255, 255, 0.3);
}
.our_box .ur_post > div .line::before {
  transition: 0.4s;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width:var(--wd);
  height: 100%;
  background: #fff;
}



.our_worth {
  background: url('../images/12.jpg') no-repeat;
  background-size: cover; padding:60px 0px
}
.our_worth .ge_bot {
  margin-top:40px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap:22px;
}
.our_worth .ge_bot .slide {
  position: relative;
  border-radius:10px;
  overflow: hidden;
}
.our_worth .ge_bot .slide .img {
  width: 100%;
  overflow: hidden;
  border-radius:10px;
}
.our_worth .ge_bot .slide .img img {
  transition: 0.4s;
  border-radius:12px;
  width: 100%;
}
.our_worth .ge_bot .slide .post {
  transition: 0.8s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}
.our_worth .ge_bot .slide .post > div {
  padding:30px 26px 26px;
  text-align: center;
  height: 100%;
}
.our_worth .ge_bot .slide .post > div .content1 {
  height:84px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.our_worth .ge_bot .slide .post > div .content1 i {
  transition: 0.4s;
  max-height: 100%; font-size:48px; color:#0075c1
}
.our_worth .ge_bot .slide .post > div .content2 {
  margin-top:20px;
}
.our_worth .ge_bot .slide .post > div .content2 .txt {
  
}
.our_worth .ge_bot .slide .post > div .content2 .txt p {
  transition: 0.4s;
 
  line-height:30px;text-transform:uppercase; font-size:20px;; font-weight:bold; font-size:24px
}
.our_worth .ge_bot .slide .post > div .content2 .desc {
  margin-top: 20px;
  height:130px;
  overflow: auto;
  padding-right:10px; font-size:14px; line-height:1.5
}
.our_worth .ge_bot .slide .post > div .content2 .desc::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
.our_worth .ge_bot .slide .post > div .content2 .desc::-webkit-scrollbar-thumb {
   background: #000;
}
.our_worth .ge_bot .slide .post > div .content2 .desc::-webkit-scrollbar-track {
   background: rgba(0, 0, 0, 0.1);
}



.our_worth .ge_bot .slide .post > div .content2 .desc p {
  transition: 0.4s;
  line-height: 26px;
  color: #666;
}

  .our_worth .ge_bot .slide:hover .post {
      background: transparent;
    }
    .our_worth .ge_bot .slide:hover .post .content1 i { color:#fff;
    }
    .our_worth .ge_bot .slide:hover .post .content2 .txt p {
      color: #fff;
    }
    .our_worth .ge_bot .slide:hover .post .content2 .desc p {
      color: #fff;
    }  
	
	
	
	 .ContactUs {
    background: url(../images/con_bg1.png) no-repeat 50% 100%;
    background-size: 100% auto; padding:60px 0px
  }
  .ContactUs .box {
    font-size: 24px;
    color: #555;
    line-height: 2;
    text-align: center;
    
  }
  .ContactUs .box h2{ font-size:20px}
  .ContactUs .box p{ font-size:16px;}
  .ContactUs .box1 {
    text-align: center;
    margin-top:30px;
  }
  .ContactUs .box1 p {
    font-size: 16px;
    font-weight: bold;
  }
  .ContactUs .box1 div {
    margin-top: 6px;
  }
  .ContactUs .box1 div a {
   
    font-size: 36px;
    color: #0075c1;
  }
  .ContactUs .box2 {
    margin-top: 60px;
  }.flexCenter {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
  .ContactUs .box2 .item {
    border: 2px solid #f5f8fd;
    background: -webkit-gradient(linear, left top, left bottom, from(#f5f8fd), to(#fff));
    background: -o-linear-gradient(top, #f5f8fd, #fff);
    background: linear-gradient(to bottom, #f5f8fd, #fff);
    -webkit-box-shadow: 0px 0px 20px #f1f1f1;
    box-shadow: 0px 0px 20px #f1f1f1;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
   
    height:150px;
    margin: 0 10px; padding:0px 10px
  }
  .ContactUs .box2 .item .left {
    font-size: 50px;
  
    margin-right: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .ContactUs .box2 .item .right {
    font-size: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.8;
    width:180px;
  }
  .ServiceNetwork {
    position: relative;
  }
  .ServiceNetwork .img img {
    width: 100%;
  }
  .ServiceNetwork .position {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 100%;
  }
  .ServiceNetwork .position .box {
    width: 1200px;
    min-height:100px;
    background: #fff;
    padding: 50px 20px;
    border-radius: 5px;
  }
  .ServiceNetwork .position .box .HomeTiele {
    text-align: left;
  }
  .ServiceNetwork .position .box .content0 {
    margin-top: 30px;
    border-bottom: 1px solid #e1e2e4;
  }
  .ServiceNetwork .position .box .content0 ul li {
    font-size: 16px;
    padding: 10px 15px;
    margin-right: 5px;
  
    position: relative;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    cursor: pointer;
  }
  .ServiceNetwork .position .box .content0 ul li::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 2px;
    background: #0075c1;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
  .flexStart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
  .HomeTiele h1, .HomeTiele .h1 {
    font-size: 38px;
    line-height: 1; font-weight:bold; text-transform:uppercase; color:#082E8B;
}
  .ServiceNetwork .position .box .content0 ul .active {
    color: #0075c1;
  }
  .ServiceNetwork .position .box .content0 ul .active::after {
    width: 100%;
  }
  .ServiceNetwork .position .box .content1 {
    margin-top: 20px;
  }
  .ServiceNetwork .position .box .content1 ul {
    display: none;
  }
  .ServiceNetwork .position .box .content1 ul.active {
    display: block;
  }
  .ServiceNetwork .position .box .content1 ul p{ font-size:16px; line-height:1.5; margin:5px 0px}
  
  .z_about_process{ background-attachment: fixed;padding:60px 0px; color: #fff; overflow: hidden;}

  .z_process_tit h3{ font-size: 38px;; font-weight:bold; text-transform:uppercase}
	
	.z_process_tit H4{ font-size: 20px;}
	.z_process_swiper{ height: 350px; }
	.z_process_swiper li .warp{ padding: 0 46px;}
	.z_process_swiper .swiper-slide{ width: 100%; display: flex; align-items: center;}
	.z_process_swiper li{ margin-left: 0!important;}
	.z_process_swiper li:nth-child(odd) .warp{ margin-top: 0;}
	.z_process_warp{ height: auto; padding: 0;}
	.z_process_swiper .btn{ width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color:#FFF}
	.z_process_swiper .next{ right: 10px;}
	.z_process_swiper .prev{ left: 10px;}
	.z_process_swiper .boxitem .imgbox{ width: 80px; height: 80px;}
	.z_process_swiper .boxitem .year{ font-size: 18px; color:#fff; font-weight:bold}
	
	.z_process_swiper li .warp{ border: none; height: auto;}
	.z_process_tit{ margin-bottom: 20px;}
	.z_process_tit{ text-align: center; color: #fff; margin-bottom: 5vw;}

.z_process_tit H4{font-size: 1.5625vw;}
.z_process_warp{ padding: 0 9.89583vw; box-sizing: border-box; position: relative; height:680px;}
.z_process_swiper{ position: relative;}
.z_process_swiper .swiper-slide{ width: 450px;}
.z_process_swiper .boxitem{display: flex; margin: 20px 0; box-sizing: border-box;} 
.z_process_swiper .boxitem .imgbox{ width: 102px;height: 102px;background: #FFFFFF;border: 3px solid #0075c1;border-radius: 50%; overflow: hidden; margin-right: 20px; flex-shrink: 0;}
.z_process_swiper .boxitem .infobox{ flex: 1;}
.z_process_swiper .boxitem .year{font-size: 20px; }
.z_process_swiper .boxitem .en{ line-height: 1.5; color:#fff; font-size:16px}
.z_process_swiper .boxitem .con{ margin-top: 5px;}
.z_process_swiper li .warp{ height: 340px; width: 100%; overflow-y:hidden; border-left: 2px solid #486072;  box-sizing: border-box; padding: 0 20px; box-sizing: border-box;}
.z_process_swiper li:nth-child(odd) .warp{ margin-top: 340px;}
.z_process_swiper li:nth-child(even){ margin-left: -230px;}
.z_process_swiper li:nth-child(odd){ margin-left: -230px;}
.z_process_swiper li:first-child{ margin-left: 0;}

.z_process_swiper .btn{ display: block; z-index: 1; cursor: pointer; outline: none; position: absolute; top: 50%; transform: translateY(-50%); width: 38px;height: 38px;background: #0075c1;border-radius: 50%; line-height: 38px; text-align: center; line-height: 38px;}
.z_process_swiper .prev{ left: -4.58333vw;}
.z_process_swiper .next{ right: -4.58333vw;}
.z_process_swiper .btn::after,.z_arr_more::after{ content: ""; display: block;    z-index: -1;
    pointer-events: none; width: 50px;height: 50px; border-radius: 50%; background: rgba(0,117,193,.5); position: absolute;animation: circle-opacity 2s infinite; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0,0);}
.z_arr_more{ position: relative;}
@keyframes circle-opacity{
    from {
        opacity: 1;
        transform:translate(-50%,-50%) scale(1);
    }
    to {
        opacity: 0;
        transform:translate(-50%,-50%) scale(2);
    }
}
	.imgbg {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: ease 1s;
}
	*, :before, :after {
    box-sizing: border-box;
}
	.z_about_honor{ min-height: 50vw; padding:7.8125vw; box-sizing: border-box ; background: #f5f6fa; position: relative; } 
.z_honor_swiper,.z_cjsmall_swiper{   height: 650px; overflow: hidden; }
.z_honor_swiper li,.z_cjsmall_swiper li{ width: 100%; position: relative; background: #fff; cursor: pointer; height: 130px; padding: 15px 0px; box-sizing: border-box; border: 1px solid #f1f1f1; box-sizing: border-box; overflow: hidden; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.z_honor_swiper li::before,.z_cjsmall_swiper li::before{ content: ""; display: block; width: 100%; height: 100%; border-radius: 50%;
border: 5px solid #0075c1; position: absolute; left: 0; top: 0; z-index: 1; pointer-events: none; opacity: 0; transition: ease 1s;}
.z_honor_swiper li img,.z_cjsmall_swiper li img{ max-width: 100%; max-height: 100%;}
.z_honor_swiper li.active::before,.z_cjsmall_swiper li.active::before{ opacity: 1;}
.z_honorswiper_warp .btn,.z_cjsmall_warp .btn{width: 52px;height: 52px; transition: ease 1s; cursor: pointer; outline: none; z-index: 2; display: block; line-height: 52px; background: #D2D2D2;border-radius: 50%; text-align: center; color: #fff; position: absolute; left: 50%; transform: translateX(-50%);}
.z_honorswiper_warp .prev,.z_cjsmall_warp .prev{ top: 0px;}
.z_honorswiper_warp .next,.z_cjsmall_warp .next{ bottom: 0px;}
.z_honorswiper_warp,.z_cjsmall_warp{width: 130px;position: relative;  padding: 20px 0;}
.z_honorswiper_warp .btn:hover,.z_cjsmall_warp .btn:hover{ background: #0075c1;}
.z_honor_imgbox{ width:500px; height:500px; border-radius: 50%; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.z_honor_imgbox li{ width: 100%; height: 100%; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; transition: ease 1s; transform: scale(.6,.6); opacity: 0; visibility: hidden; transition-delay: .5s;}
.z_honor_imgbox li.active{ visibility: visible; opacity: 1; transform: scale(1,1);}
.z_honor_imgbox li img{ display: block; max-height: 70%;
}
.z_honor_descbox{ position: absolute; width: 20vw; position: absolute; right: 5.2vw; top: 50%; transform: translateY(-50%);}
.z_honor_descbox .tit{ color: #AEAEAE; font-size: 20px; margin: 20px 0;font-size: 1.5625vw; color: #000;}
.z_honor_descbox .icon img{ height: 3.95833vw; display: block;}
.z_honor_descbox li .year{ display:inline-block;font-size: 2.08vw;font-weight: bold;color: #242424; padding-bottom: 1.5vw; margin-bottom: 1.5vw; border-bottom: 2px solid #0075c1;}
.z_honor_descbox li .desc{ font-size: 16PX; color:#242424; line-height:1.8;}
.z_honor_descbox li.active{ display: block;}
.z_honor_descbox li{ display: none;}
.CorporateCulture{background:#f5f7fa; padding:60px 0px}


    
    .CorporateCulture {
      background-size: cover;
    }
    .CorporateCulture {
    background: url(../images/12.jpg) no-repeat 50% 50%;
    background-size: 100% 100%;
  }
  .CorporateCulture .desc {
    font-size: 18px;
    color: #555;
    text-align: center;
    line-height: 1.5;
    padding: 20px 200px;
  }
  .CorporateCulture .box .item {
    width: 48.5%;
    position: relative; margin-top:20px
  }
  .CorporateCulture .box .item .img {
    overflow: hidden;
  }
  .CorporateCulture .box .item .img img {
    width: 100%;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
  .CorporateCulture .box .item .position {
    position: absolute;
    top: 64px;
    left: 70px;
  }
  .CorporateCulture .box .item .position i{ font-size:60px; color:#fff;}
  .CorporateCulture .box .item .position img {
    height: 67px;
  }
  .CorporateCulture .box .item .positon1 {
    position: absolute;
    bottom: 70px;
    left: 70px;
    color: #fff;
  }
  .CorporateCulture .box .item .positon1 h5 {
    font-size:36px; margin:0px; padding:0px
  }
  .CorporateCulture .box .item .positon1 p {
    font-size:20px;
    margin-top: 11px;
  }
  .CorporateCulture .box .item:hover .img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  .flexBetween {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
  
  .HomeDomain {
    background: #eceef2;
    position: relative; padding:60px 0px
  }
  .HomeDomain .box {
    margin-top:85px;
    position: relative;
  }
  .HomeDomain .box .img {
    text-align: center;
  }
  .HomeDomain .box .img img {
    width: 1000px;
  }
  .HomeDomain .box .position {
    position: absolute;
    top: 0;
    width: 100%;
  }
  .HomeDomain .box .position .m {
    display: grid;
    gap:78px;
  }
  .HomeDomain .box .position .list .item .top {
    font-size:50px;
    
  }
  .HomeDomain .box .position .list .item .bot {
    font-size: 16px;
    margin-top:10px;
  }
  .HomeDomain .box .position .list .item:last-child {
    text-align: right;
  }
  .HomeDomain .logo_posi {
    position: absolute;
    overflow: hidden;
    bottom: 0;
    left: 0;
    background: url(../images/img11.png) no-repeat 50% 50%;
    background-size: 100% 100%;
    width: 100%;
    padding: 30px 0;
  }
  .HomeDomain .logo_posi .banner .item {
    text-align: center;
  }
  .HomeDomain .logo_posi .banner .item .top img {
    width:76px;
  }
  .HomeDomain .logo_posi .banner .item .bot {
    font-size: 16px;
    color: #555;
    margin-top: 8px;
  }
  
  .Homecc{ padding:60px 0px;background: url(../images/img54.png) no-repeat 50% 50%;
    background-size: 100% 100%;}
    .Homecc .box{ padding-top:40px; position: relative}
  .Homecc .box .img{ width:49%}
    .Homecc .box .info{ width:48%}
	  .Homecc .box .info .text{ position:absolute; top:50%; transform:translateY(-50%)}
	 .Homecc .box .info p{ font-size:18px; line-height:1.8; margin-bottom:10px; color:#777;}
	 
	  .Mission {
    background: #f5f7fa;
    padding:60px 0px  ;  overflow-x: hidden;
  }
  .Mission .box {
    margin-top: 40px;
  }
  .Mission .box .banner11 {
    position: relative;
  }
  .Mission .box .swiper-wrapper {
    padding: 10px 0; height:auto
  }
  .Mission .box .swiper-slide {
    width: 400px;
    background: #fff;
    padding: 20px 18px;
    border: 2px solid #f5f8fd;
    background: -webkit-gradient(linear, left top, left bottom, from(#f5f8fd), to(#fff));
    background: -o-linear-gradient(top, #f5f8fd, #fff);
    background: linear-gradient(to bottom, #f5f8fd, #fff);
    -webkit-box-shadow: 0px 0px 20px #f1f1f1;
    box-shadow: 0px 0px 20px #f1f1f1;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    border-radius: 5px;
    position: relative;
  }
  .Mission .box .swiper-slide .top figure {
    border-radius: 5px;
    overflow: hidden; padding:0px; margin:0px
  }
  .Mission .box .swiper-slide .top figure img {
    width: 100%;
  }
  .Mission .box .swiper-slide .top figcaption {
    font-size:18px;
    text-align: center; margin-top:20px
  
  }
  .Mission .box .swiper-slide .top .desc {
    font-size: 16px;
    color: #555;
    line-height:30px;
    text-align: justify;
    height: 0.9rem;
  }
  .Mission .box .swiper-slide .bot {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #cf0f35;
    border-radius: 5px;
    padding: 0.64rem 0.38rem 0 48px;
    color: #fff;
    opacity: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
  .Mission .box .swiper-slide .bot .name {
    font-size: 0.32rem;
    text-align: center;
  }
  .Mission .box .swiper-slide .bot .desc {
    font-size: 16px;
    color: #fff;
    line-height: 1.8;
    margin-top: 30px;
    text-align: justify;
    height: 350px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 10px;
  }
  .Mission .box .swiper-slide .bot .desc::-webkit-scrollbar {
    width: 1px;
    height: 2px;
  }
  .Mission .box .swiper-slide .bot .desc::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.7);
  }
  .Mission .box .swiper-slide .bot .desc::-webkit-scrollbar-track {
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.3);
  }
  .Mission .box .swiper-slide:hover .bot {
    opacity: 1;
  }
  .Mission ._button p {
    width: 48px;
    height: 48px;
    line-height: 48px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    text-align: center;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    cursor: pointer;
    -webkit-box-shadow: 0px 8px 12px #f1f1f1;
    box-shadow: 0px 8px 12px #f1f1f1;
  }
  .Mission ._button p i {
    font-weight: bold;
    color: #999;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
  .Mission ._button p:hover {
    background: #cf0f35;
  }
  .Mission ._button p:hover i {
    color: #fff;
  }
  .Mission ._button .prev {
    left:50px;
  }
  .Mission ._button .next {
    right:50px;
  }