@charset "utf-8";
body{margin:0;padding:0; 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; }
td,div{font-size:12px;color:#444;}
a{color:#333;text-decoration:none;}
a:hover{color:#089ca8;}
.clear{clear:both;}
.dis{display:none;}
@font-face {
  font-family: "Poppins-Regular";
  src: url("../fonts/Poppins-Regular.woff2") format("woff2"), url("../fonts/Poppins-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Bebas";
  src: url("../fonts/Bebas.woff2") format("woff2"), url("../fonts/Bebas.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway-ExtraBold";
  src: url("../fonts/Raleway-ExtraBold.woff2") format("woff2"), url("../fonts/Raleway-ExtraBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
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:#089ca8;}
#topnav .w ul .hover a{background:#089ca8;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:#089ca8;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:#089ca8;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 #089ca8;height:40px;line-height:40px;}
.subject span{color:#bbb;display:inline-block;font-size:16px;font-family:verdana;padding-left:10px;}
.subject a{float:right;font-size:12px;font-family:宋体;}

.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:#089ca8;}
.prolist li a:hover .more{background:#089ca8;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 #089ca8;height:40px;line-height:40px;}
.subject_news span{color:#bbb;display:inline-block;font-size:16px;font-family:verdana;padding-left:10px;}
.subject_news a{float:right;font-size:12px;font-family:宋体;}

.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;font-family:arial;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;}
#bg_copyright{background:#089ca8;padding:20px 0;}


.lefter{width:220px;margin-right:30px;float:left;}
.righter{float:left;width:750px;}
.leftnav{background:#089ca8;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:#089ca8;font-weight:bold;background:#f3f3f3;}
.subnav .hover a{display:block;padding-left:20px;color:#089ca8;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:#089ca8;}
.pro_list li a:hover .more{background:#089ca8;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:#089ca8;}
.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;font-family:宋体;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{font-family:verdana;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 #089ca8;background:#089ca8;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;font-family:宋体;}
.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 #089ca8;background:#089ca8;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 #089ca8;
	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:#089ca8; }
#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:#089ca8;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:#089ca8; 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: #089ca8;
    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:hover .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:hover .nav   ul   li  a span {
  color: #333;
 
}
 .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; 
}
.header_inner:hover {background-color: #fff;
   
    
   }
.header_inner .nav > ul > li .sub .inner{ width: 82vw;
    margin-left: auto;
    margin-right: auto; padding:20px 0px;  justify-content: center; display:flex}
.header_inner .nav > ul > li .sub .inner	.cpfl{  float:left;  padding:0px 80px   }
.header_inner .nav > ul > li .sub .inner	.cpfl .cpl a{ color:#fff; opacity:1}
.header_inner .nav > ul > li .sub .inner	.cpfl .cpl a i{ font-size:60px; margin-bottom:20px}
.header_inner .nav > ul > li .sub .inner	.cpfl .cpl a h2{font-size:18px;font-weight:bold; line-height:1.8; margin:10px 0px}
.header_inner .nav > ul > li .sub .inner	.cpfl .cpl{}
.header_inner .nav > ul > li .sub .inner	.cpfl  dl{ }
.header_inner .nav > ul > li .sub .inner	.cpfl  dl dt a{ font-size:14px; background:#fff; border-radius:18px; height:36px; line-height:36px; display: inline-block; margin:5px 0px ; padding:0px 20px; color:#333 }
.header_inner .nav > ul > li .sub .inner	.cpfl  dl dt{ display:block; }
.header_inner .nav > ul > li .sub .inner	.cpfl  dl dt a{ float:inherit}
.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:rgba(8,156,168,0.9);justify-content: center;
    display: flex;}
	.header_inner .nav > ul > li .sub .ulli a{ line-height:60px; color:#fff; margin:0px 10px; opacity:0.8 }
	.header_inner .nav > ul > li .sub .ulli a:hover{ opacity:1}
.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 20px; float:left}
.scrolled .header_inner .nav > ul > li .sub {
 
}

.header_inner:hover::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;
}

.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; 
}
#mSlide .item_block img{ width:100% }
#mSlide .item_block video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: .8;
	position: absolute
}
#mSlide .item_block a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1
}
#mSlide .item_block .info {
	position: absolute;
	width: 100%;
	top: 36%;
	left: 0
}
#mSlide .item_block  .b-t01{ width:60%; 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: 30px;
	font-family:"Raleway-ExtraBold";
	line-height: 94px;
	transform: translateY(80px); text-transform:uppercase; text-align:left
}
#mSlide .item_block .info .title {
	font-size:60px;
	line-height: 80px;
	font-family: "Raleway-ExtraBold";
	width: 1000px;
	margin-top: 7px;
	margin-left: 6px;
	
	overflow: hidden;
	transform: translateY(120px);text-transform:uppercase; text-align:left
}
#mSlide .item_block .info .subtitle {
	font-size: 19px;
	line-height: 30px;
	margin-top: 26px;
	margin-left: 6px;
	transform: translateY(200px)
}
#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;
	font-family: DISNEYENGLISH-BOLD
}
#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:#089ca8}
#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; font-family:"Raleway-ExtraBold"; 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-family:"Bebas"; font-weight:bold;color:#000000; text-align:center; font-size:48px;}
.in_estab .i .bg h2{font-family:"Raleway-ExtraBold"; 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: #089ca8;
  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: #089ca8;
  border-color: #089ca8;
  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: #089ca8;
  border-color: #089ca8;
  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; font-family:"Raleway-ExtraBold"}
.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: 25%; 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, .product_loop > li:nth-child(4) 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(4n) 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; 
  height: 300px;
       text-align: center;
    position: relative;
}
.product_loop > li a .img img {
  max-width: 100%;
  -webkit-transition: all 1s;
  transition: all 1s;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}
.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 .t { background:#089ca8;
}



.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; font-family:"Raleway-ExtraBold"; color:#089ca8; margin-bottom:20px}
.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:#089ca8; 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:#089ca8; }
.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:#089ca8; font-family:"Bebas"; 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:#089ca8; 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:#089ca8; 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:38%; 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 #089ca8; 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:#089ca8; font-size:16px}

.index-news ul li .date_m .date{ color:#089ca8; font-size:16px;  -webkit-transition: all 1s;
  transition: all 1s;}
  .index-news ul li a:hover  .text h1{ color:#089ca8}
.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:#089ca8; 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:#089ca8; 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; font-family:"Bebas"}
.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:#089ca8; margin-right:10px; display:block; float:left; height:30px}
.thsn-contact-widget-lines .fr i{  color:#089ca8; 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:#089ca8; 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%;
  height: 100%;
  padding-top: 50px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  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-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; font-family:"Raleway-ExtraBold"; line-height:40px; padding-right:10px
}

.n_banner .txt .title span::after {
  content: "";
  display: block;
  width: 10px;
  height:10px;
 
  background-color: #089ca8;
  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%;
 
}
.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: #089ca8;
	color: #fff;
	font-size: 18px;
	border: 1px solid #089ca8
}
.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: #089ca8;
  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 #089ca8; 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:#089ca8; font-size:16px}

.news_list ul li .date_m .date{ color:#089ca8; font-size:16px;  -webkit-transition: all 1s;
  transition: all 1s;}
  .news_list ul li a:hover  .text h1{ color:#089ca8}
.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; font-family:"Raleway-ExtraBold"; 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:#089ca8; 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:#089ca8 }
.c-f .tit h2:after{ position:absolute; content:""; width:50px; height:1px; top:8px; align-items:center; margin-left:10px; background:#089ca8}
.c-f .tit h1{font-size:40px; text-transform:uppercase; font-weight:bold; font-family:"Raleway-ExtraBold"; 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-family:"Bebas"; font-weight:bold;color:#000000; text-align:center; font-size:48px;}
.page-ab01 .pic .p-pic .i .bg h2{font-family:"Raleway-ExtraBold"; 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-family:"Bebas"; 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:#089ca8 }
.page-ab01 .text  .tit h2:after{ position:absolute; content:""; width:50px; height:1px; top:8px; align-items:center; margin-left:10px; background:#089ca8}
.page-ab01 .text h1{font-size:40px; text-transform:uppercase; font-weight:bold; font-family:"Raleway-ExtraBold"; 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-family:"Raleway-ExtraBold";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-family:"Bebas"; 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:#089ca8; line-height:100px; font-size:30px }
.ab-02 ul li:after{ right:-4px; bottom:-4px; background:#089ca8; content:""; position: absolute; width:30px; height:30px; z-index:-1}
.ab-02 ul li:before{ left:-4px; bottom:-4px; background:#089ca8; 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:#089ca8;}
.ab-02 ul li:hover p{  color:#fff;}
.ab-02 ul li:hover i{ background:#fff; color:#089ca8}
.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:#089ca8; 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:#089ca8 !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; font-family:"Bebas"; }
.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: #089ca8; font-weight: bold; font-family:"Bebas" }
.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: #089ca8; }
.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-family:"Raleway-ExtraBold";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:#089ca8}
    .page-ab04 ul li h1{ margin:20px 0px;font-family:"Raleway-ExtraBold";}
    .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 #089ca8; display:block; margin:0px auto; line-height:40px;-webkit-transition: all 1s;
  transition: all 1s; }
			    .page-ab04 ul li a:hover{ background:#089ca8; 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: #089ca8;
  border-color: #089ca8;
  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: #089ca8;
  border-color: #089ca8;
  color: #fff;
}

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

.indexThre .indexTle .bjzt {line-height: .8; font-size:100px; color:#089ca8; opacity:0.1; padding:50px 0px}

.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: #089ca8; 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: #089ca8; 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: #089ca8;}

.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: #089ca8; 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: 30PX 0 0px 0px; display: flex;}

.foterlinks .icBox { position: relative; width: 50PX; height: 50PX; border-radius: 50%; overflow: hidden; z-index: 1;}

.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{ padding:30px 0px; border-top: 1px solid #08b9c7}
.copyRight p {font-size: 16px; font-weight: 400;color: #ffffff; opacity: .5;}
.copyRight p a{font-size: 16px; font-weight: 400;color: #ffffff; }
.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;}

.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.incode 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:#089ca8; 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: #089ca8; 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; font-family:"Raleway-ExtraBold"; text-align:center; color:#089ca8; 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:#089ca8}
	
		.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: #089ca8;}
	.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,#089ca8); 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;display: flex;align-items: center; }
	.tec2 .con .box{width: calc(33.333% - 20px);text-align: center;padding:0 1.8vw;background:#cbd2e0;border-radius: 16px;box-shadow: 0px 1px 1px rgba(37, 102, 210, 0.05), 0px 8px 16px rgba(37, 102, 210, 0.05);}
	.tec2 .con .box .icon{width: 80px;height: 80px;display: block;margin: 0 auto;}
	.tec2 .con .box .icon i{ font-size:60px; line-height:80px; color: #089ca8
	}
	.tec2 .con .box .icon img{width: 100%;height: 100%;}
	.tec2 .con .box .h{font-weight: 600;line-height: 26px;color: #363B53;margin-bottom:20px; font-size:24px}
	.tec2 .con .box .p{font-weight: 400;line-height:1.5;color: #fff ; font-size:16px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%}
	.tec2 .con .box .p span{ color:#ffff57}
	.tec2 .con .jt{width: 64px;}
	
	.tec2 .con .box .ysli{ background:#005da2; border:2px solid #fff; border-radius:12px; margin-bottom:20px; padding:10px; min-height:100px; position:relative}
	
	.l_proCenNav{ padding-top:82px}
.l_proCenNav .title {
    display:block; margin-bottom:10px
}.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: #efefef;
	color: #6f6f6f;
	margin:5px 10px 5px 0px;
	padding:5px 15px;
	cursor: pointer;
	border-radius:20px;
	transition: 0.3s;
}

.l_proCenNav .list span:hover {
	background-color: #089ca8;
	color: #FFF;
}
.l_proCenNav .list span:hover a{
	
	color: #FFF;
}
.l_proCenNav .list .proActive {
	background-color: #089ca8;
	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: 20.5625vw;
	height: 2.08333vw;
	vertical-align: middle;
	display: inline-block;
	position: relative;
	
}

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

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


	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	cursor: pointer; font-size:14px
}
.indexTwo ul {margin-top: 85px; margin-bottom:85px}

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

.indexTwo li {background: #f0f5fb; position: relative; z-index: 1; display: none;}

.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: 20px 20px; box-sizing: border-box; height:120px}

.indexTwo li h6 {font-size: 18px;color: #333333; margin:0px ; padding:0px  }

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

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

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

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


.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{position:absolute;top:0;left:0; color:#089ca8}
.newList_item>a .newList_time h2{font-size:40px;line-height:1;font-weight:bold;margin-bottom:5px;}
.newList_item>a .newList_time p{font-size:14px;}
.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 #089ca8; border-radius:50%; color:#089ca8}
.newList_item>a .newList_cnt{padding-left:120px;padding-right:140px;}
.newList_item>a .newList_cnt .newList_title{font-size:20px; color:#333;}
.newList_item>a .newList_cnt .newList_line{color:#888;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; font-size:14px;}
.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:#089ca8;z-index:-1;transform:translateY(-100%);-webkit-transform:translateY(-100%); opacity:1}
.foot_nav ul li a{ font-size:18px; font-weight:bold; color:#fff;}
.foot_nav ul li a.line{ border-bottom:2px solid #fff; margin-bottom:30px; display:block; white-space:nowrap}
.foot_nav ul li{ margin-left:30px}
.foot_nav ul{ display:flex}
.foot_nav ul li dl dt{ margin-bottom:10px}
.foot_nav ul li dl dt a{ font-size:16px; font-weight: 500; opacity:0.6}
.foot_nav ul li dl dt a:hover{ opacity:1}
.contact-page ul{ display:flex; border-right:1px solid #ccc}
.contact-page ul li{  border-left:1px solid #ccc; padding:80px 40px; width:33%}
.contact-page ul li i{ background:#089ca8; font-size:40px; margin-bottom:20px; color:#fff; width:60px; height:60px; border-radius:50%; line-height:60px; display:block; text-align:center; margin-bottom:30px}
.contact-page ul li h2{ font-size:24px; margin-bottom:10px}
.contact-page ul li p{ font-size:16px}
.contact-page ul li .ic{ overflow:hidden}
.contact-page ul li .ic a{ float:left;  margin:13px }
.contact-page ul li .ic a i{color:#fff; width:40px; height:40px; border-radius:50%; line-height:40px; display:block; text-align:center;  background:#089ca8; font-size:20px;}


.cpcon{width: 100%; background-color: #fff;  margin-top:50px;border-radius: 10px;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);}
.cpcon p{ padding:0px 20px}
.content-box{padding: 50px 0px 85px 0;}
.content-box h2{ font-size: 24px;line-height:1.5;
    color: #333;
    font-weight: bold;}
	.content-box p{font-size:18px;
    line-height: 2;color: #444;
} 
.content-box h3{ font-size: 18px;line-height:1.5;
    color: #444;
    font-weight: bold; margin-top:10px}
	.content-box span{ font-weight:bold}
	
	.content-box table{border: 1px solid #DDD;border-spacing: 0;
    border-collapse: collapse; width:100%; text-align:center}
	
	.content-box table td{border: 1px solid #DDD; padding:10px}
	.content-box table td img{}
	.content-box table th{border: 1px solid #DDD; background:#089ca8; color:#fff; height:50px; line-height:50px; font-size:20px; font-weight:bold}
		.content-box table td { font-size:18px; vertical-align:middle}
	.profzli{ display:flex; margin-bottom:30px}
	.profzli li{  background:#c4c7cb; border-radius:10px;  margin:0px 0.5%; width:19%;text-align:center; overflow:hidden; padding-bottom:30px }
		.profzli li img{ padding:20px 0px }
		.content-box1 h2{ background:#089ca8; color:#fff; height:50px; line-height:50px; font-size:18px; font-weight:normal}
			.profzli li p{ text-align:left; padding:0px 10px}