@charset "utf-8";
/* CSS Document */
@font-face {
font-family: "SourceHanSans";
src: url("../fonts/SourceHanSans-Bold.otf");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "SourceHanSans";
src: url("../fonts/SourceHanSans-Regular.otf");
font-weight: normal;
font-style: normal;
}
* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
html {font: normal 14px "Microsoft YaHei";-webkit-text-size-adjust: 100%}
body {padding: 0;margin: 0 auto;font-size: 14px; line-height: 1.8; color: #454545;background: #fff;font-family: "Microsoft YaHei"; overflow-x: hidden;
-webkit-text-size-adjust: none;
/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight: rgba(0,0,0,0); 
/*控制内容的可选择性*/
-webkit-user-select: none; 
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
input[type="button"],
input[type="submit"],
input[type="reset"] {-webkit-appearance: none;}
ul,li, form, dl, dt, dd, div, ol,figure,aside,menu,nav,.mp h1,.mp h2,.mp h3,.mp h4,.mp p{padding: 0;margin: 0; font-weight: normal}
.ul, .ul li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0}
table td {border-collapse: collapse;font-size: 14px;}
select, input, textarea {font-size: 14px;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family: "Microsoft YaHei";}
img{border: none;max-width: 100%;vertical-align: middle;}
a {color: #333333;text-decoration: none;noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}  
a:hover { color: #008dc5; text-decoration: none;}
a:focus {outline: none;-moz-outline: none;}

pre{
	white-space:pre-wrap;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word;
	margin:0;
	font-family: "Microsoft YaHei";
	text-align:justify;
	text-justify:inter-ideograph;
	}
	
.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/

.clearfix:after { content:''; display:block; height:0; clear:both; } 

.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.dot2,
.dot3,
.dot4{display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;}
.dot2{-webkit-line-clamp: 2;}
.dot3{-webkit-line-clamp: 3;}
.dot4{-webkit-line-clamp: 4;}
.absolute{ position: absolute; width: 100%; height: 100%}
.ytable{ display:table; width:100%; height: 100%; table-layout: fixed;}
.ytable-cell{ display:table-cell; vertical-align:middle;}
.ispic{background-position: center center ; background-repeat: no-repeat; background-size: cover;}
.zoomimg .pic{ overflow: hidden}
.zoomimg .pic .ispic{ display: block; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.zoomimg:hover .pic .ispic{ -webkit-transform: scale(1.1,1.1);  -moz-transform: scale(1.1,1.1);  -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
.fl{float: left;}
.fr{float: right;}
.f16{ font-size: 16px;}
.f18{ font-size: 18px;}
.f20{ font-size: 20px; color: #008dc5; font-weight: 600; padding-bottom: 3rem;}
.f22{ font-size: 22px;}
.f24{ font-size: 24px;}
.f26{ font-size: 26px;}
.f28{ font-size: 28px;}
.f30{ font-size: 30px;}
.f36{ font-size: 36px;}
.f40{ font-size: 40px;}
.flow{ padding: 2rem 3rem;background: #f6f6f6;}
.flow .flow_text b{ color: #008dc5; font-weight: 400;}
.subtitle b{ background: #daf4ff; padding: 0.2rem 0.6rem; color: #008dc5; font-weight: 400; border-radius: 100%;    margin-right: 1rem;}
.subtitle span{ color: #008dc5;font-weight: bold;}
@media(min-width:1200px){
  .photo_two .ul.clearfix {display: flex;}
  .photo_two .ul.clearfix li{ padding-right: 2rem;}
}
@media(max-width:1200px){
.f24{ font-size: 20px;}
}
@media(max-width:960px){
.f16{ font-size: 15px;}
.f18{ font-size: 17px;}
.f20{ font-size: 18px;}
.f24{ font-size: 18px;}
.f26{ font-size: 22px;}
.f28{ font-size: 24px;}
.f30{ font-size: 24px;}
.f36{font-size: 30px;}
.f40{ font-size: 30px;}
}
@media(max-width:640px){
.f16{ font-size: 12px;}
.f18{ font-size: 16px;}
.f20{ font-size: 15px;padding-bottom: 1rem;}
.f24{ font-size: 14px;}
.f26{ font-size: 19px;}
.f28{ font-size: 20px;}
.f30{ font-size: 22px;}
.f36{font-size: 24px;}
.f40{ font-size: 22px;}
body{ font-size: 13px;}
}
@font-face {
	font-family: "Roboto";
	src: url("../fonts/Roboto-Regular.woff2") format("woff2"),
		 url("../fonts/Roboto-Regular.woff") format("woff"),
		 url("../fonts/Roboto-Regular.ttf") format("truetype"),
		 url("../fonts/Roboto-Regular.eot") format("embedded-opentype"),
		 url("../fonts/Roboto-Regular.svg") format("svg");
	/* font-weight: bold; */
	font-style: normal;
}
@font-face {
	font-family: "Raleway";
	src: url("../fonts/Raleway-Regular.ttf") ;
	/* font-weight: bold; */
	font-style: normal;
}
.auto{ max-width:96%; margin: auto; width: 1400px;}
.auto .info2 ul li:hover{transform: translateY(-16px);transition: 0.5s;}
.auto .info2 ul li{transition: 0.5s;}
.auto_1800{max-width:96%; margin: auto; width: 1800px;}
.header{position: fixed; width: 100%; left: 0; top: 0; z-index: 200; transition: all .3s; border-bottom: 1px solid #eee;}
.header .auto{position: relative;}
.header .logo{float: left; padding: 15px 0;display: flex;align-items: center;}
.header .logo .wap{ display: none}
.header .logo .Logo_Title{font-family: "SourceHanSans";font-size:24px;padding: 0 10px;font-weight: bold;line-height: 24px;}
.header .logo .top_phone{font-family: "SourceHanSans";line-height: 24px;font-size:24px;font-style: normal;padding: 12px 0;padding-left: 26px;background: url(../images/telico.png) left center no-repeat;}
.header .logo img{display: block;max-height: 50px;margin-top: -14px;}
.header .top-search,
.header .nav,
.header .lan{float: right;}
.header .login{padding: 0 20px;line-height: 26px;  border-radius: 15px; border: 2px solid #fff; margin: 25px 0;}
.header .login a{ color: #fff;}
.header .lan{position: relative;  margin: 25px 0; padding-left: 1.77vw; cursor: pointer;}
/* .header .lan::before{content: ''; width: 1px ; height: 18px; background-color: rgb(231, 231, 231); position: absolute; left: 0; top: 0; bottom: 0; margin: auto; transform: translateX(100%);} */
.header .lan h2{margin: 0; font-size: 16px; font-weight: normal;  }
/* .header .lan h2::after{content: ''; width: 4px; height: 4px; border-right: 2px solid #fff; border-top: 2px solid #fff; position: absolute; right: 13px; top: 10px; transform: rotateZ(135deg); transition: all .3s;} */
/* .header .lan h2.active::after{transform: rotateZ(-45deg);} */
.header .lan h2 a{width: 30px; height: 30px; border-radius: 50%; border: 1px solid #333; text-align: center; display: block; font-size: 14px; line-height: 30px;}


.header .lan dl{ position: absolute; left: 0; width: 100%; top: 100%; display: none; z-index: 5;}
.header .lan dd{background-color: #fff; text-align: center;}
.header .lan dd:hover{background-color: rgba(233,233,233,1);}
.header .lan dd a{color: #333;}


.header .top-search{ position: relative;  margin: 25px 0;margin-left: 12px;}
.header .open-search{width: 30px; height: 30px; display: block; background: url(../images/top_search_a.png) center center no-repeat; border: 1px solid #008dc5; border-radius: 50%;}
.header .search_box{ position:absolute; top:34px; right:3px; z-index:100; display:none;}
.header .search_box .text{width: 254px;line-height: 46px;height: 46px; border:1px solid #fff; background:rgba(0,0,0,0.2); color:#fff; padding:0 50px 0 10px;}
.header .search_box .btn{ position:absolute; right:0; top:0; line-height: 46px; width:46px; text-align:center; color:#fff; font-weight:bold; font-size:16px; font-family:Verdana,Arial, Helvetica, sans-serif; height: 100%; background: url("../images/top_search.png") no-repeat center;}
.header .search_box .btn::before{position: absolute; content: '';border: 8px solid transparent; border-bottom-color:#b4b4b4;top: -15px;right: 4px;}

.header .open-search-show{ background: none!important;}
.header .open-search-show::before,
.header .open-search-show::after{ position:absolute; content:''; width:60%; height:2px; background:#666; top:50%; left:20%; transform:rotate(-45deg);}
.header .open-search-show::after{transform:rotate(45deg);}

.header .nav li{ float: left;padding: 0 1.40625vw; position: relative;}
.header .nav li a{font-size: 18px;color: #000;}
.header .nav li b{display: block; padding: 29px 0; font-weight: normal; position: relative;}
.header .nav li .sub{position: absolute; min-width: 100%;top: 100%; left: 50%; transform: translateX(-50%); background-color: #fff; border-radius: 0 0 4px 4px;text-align: center;  display: none; }
.header .nav li .sub span{width: 100%; line-height: 59px; display: block; white-space: nowrap; padding: 0 10px; }
.header .nav li .sub span a{font-size: 16px;}


.header .nav li .sub span:hover{background: #6abbdd;}
.header .nav li .sub span:hover a{color: #fff;}
.header.header_hover{background-color: #fff; color: #333; }
.header.header_hover .logo{filter: none;}
.header.header_hover a{color: #333333;}
.header.header_hover .login{border-color: #00a13a; background-color: #00a13a;}
.header.header_hover .login a{color: #fff;}
.header.header_hover .open-search,.header.header_hover.header .lan h2{filter: none;}
.header.header_hover .lan h2::after{border-color: #333;}

.header.header_active{background-color: #fff; color: #333; }
.header.header_active .logo{filter: none;}
.header.header_active a{color: #333333;}
.header.header_active .login{border-color: #00a13a; background-color: #00a13a;}
.header.header_active .login a{color: #fff;}
.header.header_active .open-search,.header.header_active.header .lan h2{filter: none;}
.header.header_active .lan h2::after{border-color: #333;}

.header:hover{background-color: #fff; color: #333; }
.header:hover .logo{filter: none;}
.header:hover a{color: #333333;}
.header:hover .login{border-color: #00a13a; background-color: #00a13a;}
.header:hover .login a{color: #fff;}
.header:hover .open-search,.header:hover .lan h2{filter: none;}
.header:hover .lan h2::after{border-color: #333;}
/* body{overflow: hidden !important;} */
@media(min-width:1025px){
.header .logo{margin-top: 5px;}
  .header {line-height: 30px;}
  .header .nav li b::before{content: ''; width: 0; height: 2px; background-color: #008dc5; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%) ; transition: all .3s;}
  .header .nav li.active b::before,.header .nav li:hover b::before{width: 100%;}
  .header .nav li.active a,.header .nav li:hover b a{color: #008dc5;}
  /* .header */
}
@media(min-width:1921px){
  .header .lan{padding-left: 34px;}
  .header .nav li{padding: 0 27px;}
}

@media(max-width:1540px){
.header .logo .top_phone,
.header .logo .Logo_Title{font-size:20px;}
.header .nav li{padding: 0 1.2vw;}
}
@media(max-width:1320px){
  .header .logo .top_phone,
.header .logo .Logo_Title{font-size:16px;}
  .header .nav li{padding: 0 1vw;}
  .header .nav li a{ font-size: 16px;}
}
@media(max-width:1180px){
  .header .logo .top_phone,
.header .logo .Logo_Title{font-size:14px;}
.header .nav li{padding: 0 0.7vw;}
.header .nav li a{ font-size: 15px;}
}
.top_h{ height: 90px;}
@media(max-width:1024px){
  .top_h{height: 61px;}
  .auto{max-width: 96%;}
  .header .nav{display: none;}
  .header .logo{position: absolute; left: 0; width:86%; height: 100%; top: 0; display: table; min-width: 150px;padding: 0 0 0 2%;}
  .header .logo img{margin-top: 7px;}
  .header .logo a{width: 110px; display: inline-block; vertical-align: text-bottom;}
  .header .logo .pc{ display: none;}
  .header .logo .wap{ display: inline-block;}
  .header .logo .Logo_Title{ margin-left: 10px; padding: 0;  font-weight: normal; display: inline-block; vertical-align: text-bottom; line-height: 60px;}
  .header .logo .top_phone{ margin-left: 10px; padding-top: 0; padding-bottom: 0; display: inline-block; vertical-align: text-bottom; line-height: 60px;}
  .header .login,.header .lan,.header .top-search{margin-top: 15px; margin-bottom: 15px;}
  #open-menu{width: 30px; height: 25px;margin: 17px 0 17px 15px;  float: right; position: relative;}
  #open-menu i,#open-menu::before,#open-menu::after{width: 100%; height: 2px; background-color: #008dc5; position: absolute; left: 0;right: 0; margin: auto; transition: all .3s;}
  #open-menu::before,#open-menu::after{content: '';}
  #open-menu i{top: 0; bottom: 0;}
  #open-menu::before{top: 2px;}
  #open-menu::after{bottom: 2px;}
  #open-menu.active i{opacity: 0;}
  #open-menu.active::before{bottom: 2px; transform: rotateZ(45deg);}
  #open-menu.active::after{top: 2px; transform: rotateZ(-45deg);}
  .header .nav{display: block; position: fixed; width: 80%; max-width: 250px; right: 0; top: 60px; background-color: #fff; border-radius: 0 0 4px 4px; padding: 15px; transition: all .3s; transform: translateY(-150%); }
  .header .nav.active{transform: translateY(0);}
  .header .nav li{width: 100%; float: none; padding:0 15px;line-height: 40px; border-bottom: 1px solid #eee;}
  .header .nav li b{padding: 0;}
  .header .nav li.has-sub b.active::after{transform: rotateZ(-45deg);}
  .header .nav li.has-sub b::before{content: ''; width: 100%; height: 40px; position: absolute; left: 0; top: 0; z-index: 5;}
  .header .nav li.has-sub b::after{content: ''; width: 4px; height: 4px; border-right: 2px solid #333; border-top: 2px solid #333; position: absolute; right: 13px; top: 15px; transition: all .3s; transform: rotateZ(135deg);}
  .header .nav li .sub{position: relative ; text-align: left;}
  .header .nav li .sub span{border-top: 1px solid #eee;}
}
@media(max-width:768px){
   .header .top-search{display: none;}
  .top_h{height:59px;}
  .header .logo{width: 78%;}
  .header .logo a{ width: 100px;}
  .header .logo .Logo_Title{ padding-left: 6px; font-size: 16px;font-weight: bold;display: table-cell; vertical-align: middle;line-height: 18px;}
  .auto{max-width: 92%;}
  .header .logo .top_phone{ display: none}
}
@media(max-width:370px){
 .header .logo .Logo_Title{font-size: 12px;}
}

.footer{ padding-top: 3%; background:#1a1a1a; position: relative; z-index: 10;}
.footer .auto{ position: relative}
.footer,
.footer a{ color: #acacac}
.footer .bot_menu { max-width:900px; min-height: 240px; margin: auto; padding-left: 12%;}
.footer .bot_menu dl{ float: left; width: 20%;}
.footer .bot_menu dt{ padding-bottom: 10px;}
.footer .bot_menu dt a{ font-size: 16px; color: #fff;}
.footer .bot_menu dd{ line-height: 32px;}
.footer .bot_menu dd span{ display: block}
.footer .bot_menu dd span a:hover{ color: #008dc5}
.footer .bot_menu dt a:hover{ color: #008dc5}

.footer .info{ position: absolute; top: 0;}
.footer .info .pic{ padding-bottom:10%}
.footer .info p{ padding-bottom: 6%}
.footer .info b{ font-size: 30px; display: block; }
.footer .info b a{color: #fff;}
.footer .ewm{ position: absolute; right:24px; top: 0; width:116px; text-align: center}
.footer .ewm p{position: absolute; right:-24px; top:10px; width: 20px; line-height: 18px;}
.footer .share li{ padding-right: 12px; display: inline-block; position: relative; }
.footer .share li a{ opacity: 0.4;border-radius: 100px; display:inline-block; width:40px; height:40px; cursor: pointer; background:#313131 no-repeat center center}
.footer .share li.weixin a{background-image: url("../images/share_weixin.png")}
.footer .share li.sina a{background-image: url("../images/share_sina.png")}
.footer .share li.douyin a{background-image: url("../images/share_douyin.png")}
.footer .share li a:hover{background-color: #fff;opacity: .9;}
.footer .share li.weixin a:hover{background-image: url("../images/share_weixin2.png")}
.footer .share li.sina a:hover{background-image: url("../images/share_sina2.png")}
.footer .share li.douyin a:hover{background-image: url("../images/share_douyin2.png")}
.footer .share li span{ position: absolute; width: 116px; display: none; z-index: 5; left: 0px; bottom: 50px}
.footer .lan{ float: left}
.footer .lan a{ margin-right: 22px;}
.footer .lan a:last-child{ margin-right: 0}
.footer .copyright{ float: right}
.footer .copyright a{ margin-left: 10px;}
.footer .other{ padding: 2% 0; border-top: solid 1px rgba(255,255,255,0.1)}
@media(max-width:1200px){
.footer .bot_menu {max-width:650px;}
}
@media(max-width:1024px){
.footer .bot_menu {max-width:100%; min-height: inherit; padding-bottom: 3%}
.footer .info{ position: relative}
.footer .info .pic{ padding-bottom: 3%; width: 50%}
.footer .info p{ padding-bottom:0}
.footer .info b{ font-size:24px; }
.footer .ewm{ position: relative; float: right; width: 100px;}

}
@media(max-width:640px){
.footer .bot_menu{ display: none}
.footer .lan,
.footer .copyright{ text-align: center; float: none}
.footer .copyright a{display: none}
.footer .info b{ font-size:20px; }
.footer .lan a{ margin-right: 10px;}
}
.info_top .header{ border-bottom: solid 1px #eeeeee}



.banner { color: #fff; position: relative;}
.banner img{ display: block; width: 100%}
.banner .wap{ display: none}
.banner .txt{ max-width:60%; margin: auto;text-align: center}
.banner h2{ font-size:3.2vw; padding: 0; margin: 0; line-height: 1.2; }
@media(max-width:1024px){
.banner .pc{ display: none}
.banner .wap{ display:block}
}
.h60{ padding-bottom:3.2%;}

.det_location .location{ color: #e0e0e0; padding: 20px 0px 20px 20px; background: url("../images/icon_location.png") no-repeat left}
.det_location .location a{ margin: 0px 8px; color: #666666}
.det_location .location a:hover,
.det_location .location span{ color: #008dc5}
.det_location .location span{ padding-left: 8px;}

.sidebar_bg{ position: relative;max-width: 1920px;margin: 0 auto;}
.sidebar_bg:before,
.sidebar_bg:after{ content: ''; position: absolute; width:26%; top: 0}
.sidebar_bg:before{ height: 150px; z-index: 2; background:#008dc5 url(../images/blue_bg.jpg) no-repeat left bottom; background-size: contain}
.sidebar_bg.report:before{ background:none; }
.sidebar_bg:after{ height: 100%; background-color: #f7f6f7}
.sidebar_bg.report:after{ background:none; }
.sidebar,
.main{ position: relative; z-index: 90}
.sidebar{ float: left; width:16.5%;}
.sidebar h2{ padding: 40px 0; margin: 0; line-height:35px; color: #fff}
.sidebar h2 span{ display: block; position: relative;}
.sidebar h2 span.f18{ text-transform: uppercase;	font-family: "Roboto";}

.sidebar h2 span:first-of-type i:first-of-type{width: 10px; height: 3px; background-color: #fff; display: inline-block ; vertical-align: bottom; margin-left: 3px;}
.sidebar h2 span:first-of-type i:last-of-type{width: 30px; height: 3px; background-color: #fff; display: inline-block ; vertical-align: bottom; margin-left: 0px;}
.menu_side{ padding:10.6% 0}
.menu_side h3{ padding:6.5% 0; color: #333333; font-weight: bold;line-height: 20px; color: #333;}
.menu_side ul li{ padding: 10px 0 ; font-size: 16px; line-height: 20px;}
.menu_side ul li a{ color: #666666; display: block; padding-left: 40px; cursor:pointer}
.menu_side ul li a:before{ content: ''; position: absolute; left: 0; border: solid 1px #dddddd; background: #fff no-repeat center center; width: 20px; height: 20px;}
.menu_side ul li.aon a:before{ border-color: #008dc5; background-image: url("../images/icon_gou.png")}
.menu_side .cate ul{margin-bottom: 13%; margin-top: 6.5%;}
.menu_side .cate.no-sub ul{margin: 0;}
.main{ float: right; width:76.358%}
.sidebar_bg.report .main{ width:100%}

.menu_side .cate.no-sub h3 a{padding-left: 40px;  display: block;}
.menu_side .cate.no-sub h3 a:before{ content: ''; position: absolute; left: 0; border: solid 1px #dddddd; background: #fff no-repeat center center; width: 20px; height: 20px;}
.menu_side .cate.no-sub h3.aon a:before{ border-color: #008dc5; background-image: url("../images/icon_gou.png")}


@media(max-width:1600px){
  .sidebar_bg:before, .sidebar_bg:after{width: 22%;}
}
@media(max-width:1024px){
  .sidebar{margin-bottom: 2%;}
  .sidebar .menu_side{overflow: hidden;}
  .sidebar,.main{width: 100%; float: none;}
  .sidebar_bg:before, .sidebar_bg:after{width: 100%;}
  .sidebar h2{padding: 15px 0;}
  .sidebar_bg:before{height: 100px;}
  .menu_side{padding: 2%; background-color: #f7f7f7;}
  .menu_side h3{padding:20px 0;}
  .menu_side .cate.no-sub h3 a{ position: relative}
  .menu_side ul li{padding: 5px 0;position: relative; width: 25%; float: left;}
  .menu_side .cate ul{margin-bottom: 10px; margin-top: 0 }
  .sidebar_bg:after{display: none;}
}
@media(max-width:640px){
  .menu_side ul li{width: 33.33%;}
  .menu_side ul li a{font-size: 14px;}
  .sidebar{ position: relative; }
  .sidebar .menu_side{width: 100%; border-radius: 0 0 4px 4px; box-shadow: 0 0 5px 0 #eee; }
  .menu_side .cate{width: 100%; position: relative; border-bottom: 1px solid #eee;}
  .menu_side h3{position: relative;}
}
@media(max-width:640px){
  .menu_side ul li{width: 50%;}
}
.list_case ul{ margin-left: -1.075%; margin-right: -1.075%;}
.list_case ul li{ float: left; width: 33.333%; padding: 0 1.122% 4% 1.075% ;}
.list_case ul li a{ display: block; position: relative}
.list_case ul li .pic span{ padding-bottom:133.53%; background: no-repeat center center; background-size: cover}
.list_case ul li h4{ line-height:36px; position: relative;}

.list_case#CaseIndustry ul li a:before{ content:''; position: absolute; width: 100%; height:60%;bottom: 0;background: linear-gradient(0deg, rgb(51 51 51 / 90%) 50%, rgb(51 51 51 / 0%) 100%); transition: 0.5s; z-index: 2}
.list_case#CaseIndustry ul li a:after{ content: ''; z-index: 3; position: absolute; left: 10%; bottom: 5%; width: 30px; height: 19px; background: url("../images/icon_jt.png") no-repeat left bottom}
.list_case#CaseIndustry ul li h4{ z-index: 6; color: #fff; position: absolute; width: 80%; margin:auto; left: 0; right: 0; bottom:12%}
.list_case#CaseIndustry ul li a:hover:before{ opacity: 0}

.list_case#CaseScience ul li{ padding-bottom: 2%}
.list_case#CaseScience ul li h4{ padding: 14px 0}
.list_case#CaseScience ul li h4:before{ content: ''; position: absolute; right: 0; width: 36px; height: 36px; border: solid 1px #efefef; border-radius: 100px; background: #fff url("../images/icon_jt_gray.png") no-repeat center center; transition: 0.5s}
.list_case#CaseScience ul li a:hover h4:before{background-image: url("../images/icon_jt_white.png"); background-color: #008dc5; border-color: #008dc5}
.list_case#CaseScience ul li a:hover .pic{box-shadow: 0 16px 26px rgba(0,0,0,0.2)}
@media(max-width:640px){
.list_case#CaseIndustry ul li a:after{ background-size: 20px}
}

.case_article .box_path:nth-child(1){ border-top: none}
.case_article .box_path:nth-child(1) .info{ float: left; width: 48%}
.case_article .box_path .photo{ float: right; width: 48%}
.case_article .box_path{   padding: 3% 0;  border-top: solid 1px #eeeeee}
.case_article .title{color: #333;}
.case_article .photo_two{padding-bottom: 2%; }
.case_article .photo_two li{ padding: 1% 0}
.case_article h3{color: #008dc5;font-weight: normal;font-size: 16px;}
.case_article h3 em{font-style: normal;border-radius: 50%;width: 22px;height: 22px;display: inline-block;background: rgb(217, 241, 251);font-size: 14px;text-align: center;line-height: 22px;}

@media(min-width:640px){
.case_article .photo_two{margin: 0 -1%}
.case_article .photo_two li{ float: left; width: 50%; padding: 1%}
}
@media(max-width:640px){
.case_article .article img,
.case_article .article video{ height: auto!important; max-width: 95%;}
}
.qui20211115{font-size: 0;text-align: right;display: flex;justify-content: flex-end;flex-wrap: wrap;align-items: stretch;}
.qui20211115 li{width: 11.1111111111%;display: inline-block;vertical-align: top;padding: 20px;font-size: 16px;text-align: center;line-height: 22px;color: #000;display: flex;align-items: center;align-content: center;position: relative;align-items: stretch;}
.qui20211115 li .div{background-color:  rgb(235, 246, 250);width: 100%;min-height: 95px;display: flex;flex-direction: column;justify-content: center;}
.qui20211115 li:after{content: '';width: 28px;height: 28px;left: 100%;margin-left: -14px;background: url(../images/quiico1.png) center no-repeat;position: absolute;z-index: 10;top: 50%;margin-top: -14px;}


.qui20211115 li:nth-child(n+9):after{left: auto;margin-left: 0;margin-right: -14px;right: 100%;background-image: url(../images/quiico2.png);ml}
.qui20211115 li:nth-child(9):after{background-image: url(../images/quiico3.png);left: 50%;top: 100%;margin-top: -14px;margin-left: -14px;margin-right: 0;}
.qui20211115 li:nth-child(10):after{background-image: none!important;}
.qui20211115 li.none:after{background-image: none!important;}


.list_pro .cate_info{padding: 4.5% 5.5%; color: #fff;min-height: 190px;}
.list_pro .cate_info .info{ line-height: 1.875;}
.list_pro .cate_info h1{margin: 0 ; font-weight: normal; display: inline-block;}
.list_pro .list .item{border-bottom: 1px solid #edf0f2; position: relative;}
.list_pro .list .pic{width: 23.36%;}
.list_pro .list .pic .img{padding-top: 132%; position: relative;}
.list_pro .list .pic .img img{position: absolute; max-width: 90%; max-height: 90%; min-width: 50%; min-height: 50%; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
.list_pro .list .txt{width: 76.64%; padding-left: 7.48%; padding-right: 60px;-webkit-transition:all .4s ease-out;transition:all .4s ease-out;transform: translateX(0);} 
.list_pro .list .txt h2{color: rgb(0, 141, 197);margin: 0;  line-height: 2;}
.list_pro .list .txt h3{color: rgb(153, 153, 153);margin: 0;  line-height: 1.5; font-weight: normal;}

.list_pro .list .txt::before{content: ''; width: 60px; height: 100%; position: absolute; right: 0; top: 0; background: url(../images/jiantou3.png) center right no-repeat;}

.list_pro .list .qui-hover:hover .txt{transform: translateX(15px);}

.quiovh{overflow: hidden;}

@media(max-width:1024px){
  .list_pro .cate_info{min-height: 0;}
  .list_pro .list .txt{padding-right: 40px;}
  .list_pro .list .txt::before{width: 40px;}
  .case_article .box_path:nth-child(1) .info,
  .case_article .box_path .photo{width: 100%; float: none}

  .qui20211115{margin: -10px;}
  .qui20211115 li{font-size: 14px;line-height: 20px;padding: 10px;}
  .qui20211115 li:after{background-size: auto 4px;}
}
@media(max-width:640px){
  .list_pro .list .txt::before{width:16px;}
}
.Pages{text-align: left; font-size: 0; padding: 5.21% 0;}
.Pages a{font-size: 16px; display: inline-block;font-family: "Roboto"; color: rgb(136, 136, 136); line-height: 50px; padding: 0 20px; margin: 0 5px; transition: all .3s  ; position: relative;}
.Pages em{font-style: normal;}
.Pages span{display: none;}
.Pages .p_page{display: inline-block;}
.Pages .p_page .a_first,.Pages .p_page .a_end{display: none;}

.Pages .num a:hover,.Pages .num .a_cur{background-color: #008dc5; color: #fff;}

.Pages .a_prev{margin-left: 0; margin-right: 15px;}
.Pages .a_next{margin-right: 0; margin-left: 15px;}
.Pages .a_prev::before{content: '<'; font-family: '宋体'; line-height: 50px; font-weight: bold; position: absolute; left: 0; top: 0;} 
.Pages .a_next::after{content: '>'; font-family: '宋体'; line-height: 50px; font-weight: bold; position: absolute; right: 0; top: 0;} 
@media(max-width:1024px){
  .Pages{text-align: center;}
  .Pages a{padding: 0 15px; line-height: 40px;}
  .Pages .a_prev::before,.Pages .a_next::after{line-height: 40px;}
  
}

.pro_det{padding-bottom: 4.16667%;}
.det_location{padding: 2.14% 0 0.7%; font-size: 14px;}
.pro_det .title-box{padding-bottom: 2.86%;}
.pro_det .title-box .fl{width: 46.43%;}
.pro_det .title-box .fl .title{border-bottom: 1px solid #eee;padding-bottom: 6.15%;}
.pro_det .title-box .fl h1{color: rgb(51, 51, 51); margin: 0; line-height: 1.2; margin-bottom: 9.23%; }
.pro_det .title-box .fl .title a{line-height: 55px; text-align: center; width: 190px; display: block; border: 1px solid #008dc5; color: #008dc5; font-size: 16px;}  
.pro_det .title-box .fl .title a:hover{ color: #ffffff;background: #008dc5;}
.pro_det .title-box .download{padding-top: 9.23%; min-height: 186px; box-sizing: content-box;}
.pro_det .title-box .title-title{margin: 0; color: rgb(51, 51, 51); font-weight: bold; line-height: 1; margin-bottom: 4.6%;}

.pro_det .title-box .download a{padding-left: 34px;padding-right: 60px; line-height: 20px; background: url(../images/pdf_grey.png) left center no-repeat; display: block; color: rgb(102, 102, 102);}
.pro_det .title-box .download li{width: 46.15%; float: left; margin-right: 7.7%; position: relative; margin-bottom: 2%;}
.pro_det .title-box .download li:nth-of-type(2n){margin-right: 0;}
.pro_det .title-box .download .down{position: absolute; right: 0; top: 0; padding-left: 26px; background: url(../images/download_grey.png) left center no-repeat; }

.pro_det .title-box .after-sale li{ line-height: 1.75; padding-left: 16px;position: relative;color: rgb(102, 102, 102);}

.pro_det .title-box .after-sale li::before{content: '';width: 2px; height: 2px; border-radius: 50%; background-color: rgb(102, 102, 102);position: absolute; left: 0; top: 15px;}


.pro_det .title-box .fr{width: 35.43%;position: relative;z-index: 1;}
.pro_det .title-box .fr .slick-big .pic{padding-top: 100%; background-color: #f7f6f7; position: relative;cursor: pointer;}
.pro_det .title-box .fr .slick-big .pic img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-height: 100%;}

.pro_det .title-box .fr .slick-line{margin-top: 6.15%; margin-bottom: 6.15%; height: 1px; background-color: #f0f0f0; position: relative;}
.pro_det .title-box .fr .slick-line i{position: absolute; height: 100%; transition: all 0.5s; left: 0; top: 0; width: 0; background-color: #008dc5;} 
.pro_det .title-box .fr .slick-big  .slick-dots{display: none !important;}
.zoomContainer{z-index: 98;}
.pro_det .title-box .slick-small{margin-left: -5px; margin-right: -5px;position: relative;padding: 0 30px;}
.pro_det .title-box .slick-small .slick-prev {background: no-repeat;border: none;position: absolute;top: 5%;left: 0;z-index: 100;font-size: 50px;color: #008dc5;cursor: pointer;}
.pro_det .title-box .slick-small .slick-next{background: no-repeat;border: none;position: absolute;top: 5%;right: 0;z-index: 99;font-size: 50px;color: #008dc5;cursor: pointer;}
.pro_det .title-box .slick-small .item{padding: 0 5px; }
.pro_det .title-box .slick-small .pic{padding-top: 100%; background-color: #f7f6f7; position: relative; border: 1px solid transparent;cursor: pointer;}
.pro_det .title-box .slick-small .pic img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-height: 100%;}
.pro_det .title-box .slick-small .item.slick-current .pic::before{content: ''; width: 100%; height: 100%; background-color: #008DFD; opacity: 0.05; position: absolute; left: 0; top: 0; z-index: 3; border: 1px solid #008dc5; box-sizing: border-box;}
.pro_det .title-box .slick-small .item.slick-current .pic{border-color: #008dc5;}

@media(max-width:768px){
  .pro_det .title-box .fl,
  .pro_det .title-box .fr{width: 100%; float: none; padding: 2% 0;}
  .pro_det .title-box .download li{width: 98%; margin-right: 2%;}
  .pro_det .title-box .slick-small .slick-prev {font-size: 35px;}
  .pro_det .title-box .slick-small .slick-next{font-size: 35px;}
}


.pro_det .con-nav{border-bottom: 1px solid #eee;}
.pro_det .con-nav li{float: left; line-height: 60px; position: relative ; margin-right: 2.57%; color: #000; cursor: pointer;}
.pro_det .con-nav li::before{content: '';width: 0; height: 2px; background-color: #008dc5; left: 50%; transform: translateX(-50%); position: absolute; bottom: -1px; transition: all .3s;}
.pro_det .con-nav li.active::before,.pro_det .con-nav li:hover:before{width: 100%;}
.pro_det .con-nav li.active,.pro_det .con-nav li:hover{color: #008dc5;}


.cbox1{padding-top: 4.286%;}
.cbox1 .intro{color: rgb(102, 102, 102); line-height: 1.875; padding: 2.143% 2.86%; background-color: #f7f6f7; margin-bottom: 3.57%;}

.con-title{color: #fff; line-height: 50px; text-align: center; border-bottom: 1px solid #ccc;}
.con-title span{display: block;width: 160px; font-weight: normal; background-color: #999;}
.pro_det .content{ padding: 2.86% 0;}
.pro_det .application p{ margin: 0; color: rgb(102, 102, 102);line-height: 2;}

@media(max-width:1024px){
  .con-title span{width: 120px; line-height: 40px;}
  .zoomContainer{display: none!important;}
}


.pro_det .method .item{float: left;width: 14.28%; margin-bottom: 10px;}
.pro_det .method .item>div{max-width: 102px; width: 90%; text-align: center;}
.pro_det .method .item .txt{color: rgb(102, 102, 102); line-height: 2.25;}
.pro_det .method .item .icon{position: relative ; padding-top: 50%; }
.pro_det .method .item .icon img{position: absolute; left: 0; bottom: 0; right: 0; margin: auto; max-height: 100%;}
@media(max-width:768px){
  .pro_det .method .item{width: 20%;}
}
@media(max-width:440px){
  .pro_det .method .item{width: 33.33%;}
}
.pro_det .function .list{margin-left: -5%; margin-right: -5%;}
.pro_det .function .list .item{padding: 0 4.3%; text-align: center; float: left; width: 20%; line-height: 48px; margin-bottom: 1.43%; color: #008dc5;}
.pro_det .function .list .item span{display: block; background: url(../images/function_bg.jpg); background-size: 100% 100%;}
@media(max-width:1024px){
  .pro_det .function .list .item{padding: 0 10px;}
  .pro_det .function .list{margin-left: -10px; margin-right: -10px;}

}
@media(max-width:768px){
  .pro_det .function .list .item{width: 25%;}
}
@media(max-width:640px){
  .pro_det .function .list .item{width: 33.33%;}
}
@media(max-width:440px){
  .pro_det .function .list .item{width:50%;}
}
/* .fitting */
.pro_det .fitting .item{float: left;width:20%; margin-bottom: 2.14%;}
.pro_det .fitting .item>div{max-width: 102px; width: 90%; text-align: center; position: relative; padding-left: 12px; padding-top: 12px;}
.pro_det .fitting .item .txt{color: rgb(102, 102, 102); line-height: 2.25; white-space: nowrap;}
.pro_det .fitting .item .icon{position: relative ; padding-top: 100%; }
.pro_det .fitting .item .icon img{position: absolute; left: 0; bottom: 0; right: 0; margin: auto; max-height: 100%;}
.pro_det .fitting .item>div i{font-size: 12px; font-style:  normal; color: #008dc5; width: 22px; height: 22px; text-align: center ;line-height: 22px; border-radius: 50%; background-color: #dbf2ff; position: absolute; left: 0px; top: 0px; z-index: 2;}
@media(max-width:768px){
  .pro_det .fitting .item{width: 25%;}
}
@media(max-width:440px){
  .pro_det .fitting .list .item{width:33.33%;}
}
.pro_det .video-box{position: relative; padding-top: 50%;}
.pro_det .video figure{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5;}
.pro_det .video video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 6; background-color: #000;display: none;}
.pro_det .video-box .play{width: 80px; height: 80px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; background: url(../images/play.png) center center ;background-size: contain; z-index: 6; background-repeat: no-repeat; cursor: pointer;}
.pro_det .video-box .close{ width: 30px; height: 30px; position: absolute; right: 2%; top: 2%; z-index: 7; display: none; cursor: pointer;}
.pro_det .video-box .close::before,.pro_det .video-box .close::after{content: ''; width: 90%; height: 2px; background-color: #fff;position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
.pro_det .video-box .close::before{transform: rotateZ(45deg);}
.pro_det .video-box .close::after{transform: rotateZ(-45deg);}
.pro_det .advantage .slick-list{padding: 60px 0 50px;}
.pro_det .advantage .list{padding: 0 60px;}
.pro_det .advantage .item{width: 20%; position: relative; height: 448px;}
.pro_det .advantage .item a{display: block; border: 1px solid #eee; padding: 90px 24px 70px; text-align: center; transition: all .3s;position: relative ; width: 100%;overflow: hidden; height: 100%;}
.pro_det .advantage .item h2{color: rgb(0, 141, 197); line-height: 1.636;  margin: 0; margin-bottom: 15px;}
.pro_det .advantage .item .des{ color: rgb(102, 102, 102);line-height: 1.75;}
.pro_det .advantage .item .des2{color: rgb(102, 102, 102);line-height: 1.75; display: none; overflow-y:auto;}
.pro_det .advantage .item .num{ font-family: "Roboto";color: rgb(0, 141, 197);font-weight: bold;line-height: 1;}
.pro_det .advantage .item p{margin: 0;}
.pro_det .advantage .item .txt{height: 266px;}

.pro_det .advantage .item:hover a{position: absolute; width: 200%; height: 100%; left: 0; background-color: #fff; z-index: 100; border-color: #008dc5; box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.15); text-align: justify;}
.pro_det .advantage .item.last:hover a{left: auto; right: 0;}

.pro_det .advantage .item:hover .num{ font-size: 300px; color: rgba(0, 141, 197, 0.039);font-weight: bold; position: absolute; right: 0; bottom: -20%; line-height: 1;}
.pro_det .advantage .item:hover .des{max-height: 224px; -webkit-line-clamp:unset}
.pro_det .advantage .item:hover .des{display: none;}
.pro_det .advantage .item:hover .des2{max-height: 224px;display: block;}


.cube_arrow .slick-arrow{width: 50px; height: 50px;  font-size: 0; background: none; position: relative; border: 0; position: absolute; top: 0; bottom: 0; margin: auto; }
.cube_arrow .slick-arrow::before{width: 100%; height: 100%; position: absolute; left: 0; top: 0; font-family: '宋体' ; font-weight: bold; font-size: 16px; color: #aaaaaa; line-height: 50px;border: 1px solid #c7c7c7; transition: all .3s; cursor: pointer;z-index: 10;}
.cube_arrow .slick-arrow:hover::before{border-color: #008dc5; background-color: #008dc5; color: #fff;}
.cube_arrow .slick-prev::before{content: '<';}
.cube_arrow .slick-next::before{content: '>';}
.cube_arrow .slick-prev{left: 0; transform: translateX(-50%);}
.cube_arrow .slick-next{right:  0;transform: translateX(50%);}

.circle_dots .slick-dots { text-align: center}
.circle_dots .slick-dots li{width: 12px; height: 12px; border-radius: 50%; background-color: #f0f0f0; margin: 0 7px; display: inline-block; transition: all .3s;}
.circle_dots .slick-dots li button{display: none;}
.circle_dots .slick-dots li.slick-active{background-color: #008dc5;}


.ind-banner .circle_dots .slick-dots{text-align: center; font-size: 0; padding-top: 3%;}
.ind-banner .circle_dots .slick-dots li{width: 15px; height: 15px; border-radius: 50%; background-color: transparent;display: inline-block; transition: all .3s;border: 3px solid #fff;position: relative;}
.ind-banner .circle_dots .slick-dots li button{border: 0;height: 1px;background: rgba(255, 255, 255,.3);font-size: 0;margin-top: 3.5px;position: relative;width: 80px;opacity: 0;transition: all ease-out .3s;width: 0;padding: 0;overflow: hidden;display: block;position: absolute;left: 0;top: 50%;margin-top: -.5px;margin-left: 18px;}
.ind-banner .circle_dots .slick-dots li button:after{content: '';position: absolute;left: 0;top: 0;background: #008dc5;height: 1px;width: 100%;
    z-index: 2;transform-origin: left;}


.ind-banner .circle_dots .slick-dots li.slick-active{background-color: #008dc5;border-color: #008dc5;margin-right: 86px;}
.ind-banner .circle_dots .slick-dots li.slick-active button{opacity: 1;width: 80px;transition: all ease-out .3s;}
.ind-banner .circle_dots .slick-dots li.slick-active button:after{transition: width 3.5s linear .3s;animation: first 4s;}

.ind-banner .circle_dots .slick-dots li:last-child{margin-right: 0;}
.ind-banner .circle_dots .slick-dots li:last-child.slick-active{margin-left: 86px;}
.ind-banner .circle_dots .slick-dots li:last-child button:after{animation-direction:alternate;
-webkit-animation-direction:alternate; /* Safari 和 Chrome */left: auto;right: 0;}
.ind-banner .circle_dots .slick-dots li:last-child button{left: auto;right: 0%;margin-right: 18px;}

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

@media(max-width:1024px){
  .pro_det .advantage .list{padding: 0 30px;}
  .cube_arrow .slick-arrow{width: 40px; height: 40px; line-height: 40px;}
  .cube_arrow .slick-arrow::before{line-height: 40px;}
  .cube_arrow .slick-prev{transform: translateX(-30%);}
  .cube_arrow .slick-next{transform: translateX(30%);}

}
@media(max-width:640px){
  .pro_det .advantage .item.slick-current a{position: absolute; width: 98%; height: 100%; left: 0; background-color: #fff; z-index: 100; border-color: #008dc5; box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.15); text-align: justify;}
  .pro_det .advantage .item.last.slick-current a{left:1%; right:1%;}
  .pro_det .advantage .item.slick-current .num{ font-size:150px; color: rgba(0, 141, 197, 0.039);font-weight: bold; position: absolute; right: 0; bottom:0; line-height: 1;}
  .pro_det .advantage .item.slick-current .des{max-height: 224px; -webkit-line-clamp:unset}
  .pro_det .advantage .item.slick-current .des{display: none;}
  .pro_det .advantage .item.slick-current .des2{max-height: 224px;display: block;}
  .pro_det .advantage .item{ height: 300px;}
  .ind-banner .circle_dots .slick-dots li.slick-active button{width: 50px;}
  .pro_det .title-box .download{min-height: auto; margin-bottom: 2%;}
}

.pro_det .case .list{margin-left: -50px; margin-right: -50px; }
.pro_det .case .list .item{padding: 0 50px; width: 33.33%;}
.pro_det .case .list .item a{display: block;}
.pro_det .case .list .item .pic{overflow: hidden;transition: all .3s;}
.pro_det .case .list .item .ispic{padding-top: 56.25%;transition: all .3s; }
.pro_det .case .list .item .txt{padding-right: 35px; position: relative; line-height: 35px; color: rgb(51, 51, 51);margin:4.5% 0;}
.pro_det .case .list .item .txt i{width: 35px; height: 35px; border-radius: 50%;  position: absolute; right: 0; top: 0;}
.pro_det .case .list .item .txt i::before{content: '>'; font-family: '宋体' ; font-weight: bold; text-align: center; font-style: normal; color: #a7a7a7; width: 100%; height: 100%;border-radius: 50%; border:1px solid #eee ; position: absolute; right: 0; top: 0; line-height: 35px;}


.pro_det .case .list .item:hover .ispic{transform: scale(1.1);}
.pro_det .case .list .item:hover .pic{ box-shadow: 0px 10px 16px 0px rgba(0, 0, 0, 0.2);}
.pro_det .case .list .item:hover .txt{color: #008dc5;}
.pro_det .case .list .item:hover .txt i::before{border-color: #008dc5; background-color: #008dc5; color: #fff;}
@media(max-width:1024px){
  .pro_det .case .list{margin-left: -15px; margin-right: -15px;}
  .pro_det .case .list .item{padding: 15px;}
  .pro_det .case .list .item .txt i{width: 30px; height: 30px;}
}
 .reco .list{margin-left: -20px; margin-right: -20px;}
 .reco .list .item{padding: 0 20px; width: 25%;}
 .reco .list .item a{display: block; padding:10px; background-color: #f7f6f7;transition: all .3s;}
 .reco .list .item .pic{padding-top: 100%; position: relative; margin-bottom: 10px;}
 .reco .list .item .pic img{position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; max-width: 90%; max-height: 90%; transition: all .3s;}
 .reco .list .item .txt{background-color: #fff; padding: 6.9%;}
 .reco .list .item h2{margin: 0;color: rgb(51, 51, 51);line-height: 1.5; margin-bottom: 6px;}
 .reco .list .item h3{margin: 0; color: rgb(153, 153, 153);line-height: 1.5;}
 .reco .list .item:hover a{ box-shadow: 0px 10px 16px 0px rgba(0, 0, 0, 0.2);}
 .reco .list .item:hover img{transform: scale(1.1);}
.pro_det .table-wrap{padding-bottom: 3.57%;}
.pro_det .table-box table td{font-size: 16px; padding-left: 30px; height: 30px; line-height: 30px; vertical-align: top;}
.pro_det .table-box .table-wrap{width: 48.57%; float: left; margin-right: 2.86%;}
.pro_det .table-box .table-wrap:nth-of-type(2n){margin-right: 0;}
.pro_det .table-box .table-wrap:nth-of-type(2n+1){clear: left;}
.pro_det .table-box .t-head{line-height: 50px; padding-left: 30px; background-color: #ebf6fa; color: #008dc5; margin-bottom: 2.5%;}
.pro_det .table-box table td:nth-of-type(1){width: 300px;color: rgb(51, 51, 51);}
.pro_det .table-box table td:nth-of-type(2){width: 380px;  color: rgb(102, 102, 102);}
.pro_det .table-box table td i{width: 10px; height: 10px ; border-radius: 50%; background-color: #666;display: inline-block;}
@media(max-width:640px){
  .pro_det .table-box .table-wrap{width: 100%; margin-right: 0;}
  .reco .list .item .pic{padding-top: 60%;}
}

.pro_det .parts .fl{width: 25.71%;}
.parts_nav{background-color: #f7f6f7; padding: 16.66%; padding-bottom: 30.54%;} 
.parts_nav h3{margin: 0; color: rgb(51, 51, 51);line-height: 1; margin-bottom: 8.333%;}

.parts_nav label{display: block; padding-left: 40px; position: relative ; line-height: 40px; cursor: pointer;}
.parts_nav label input{display: none;}
.parts_nav label i{width: 20px; height: 20px; position: absolute; left: 0; top: 10px;border: 1px solid #ddd; background-color: #fff; background-position: center center; background-repeat: no-repeat;}
.parts_nav .checked label i{    border-color: #008dc5;background-image: url(../images/icon_gou.png);}
.parts_nav .checked label {color: #008dc5;}


.parts_nav a{display: block; padding-left: 40px; position: relative ; line-height: 40px; cursor: pointer;}
.parts_nav a i{width: 20px; height: 20px; position: absolute; left: 0; top: 10px;border: 1px solid #ddd; background-color: #fff; background-position: center center; background-repeat: no-repeat;}
.parts_nav .checked  i{    border-color: #008dc5;background-image: url(../images/icon_gou.png);}
.parts_nav .checked a {color: #008dc5;}
.pro_det .parts .list {margin-left: -3.19%; margin-right: -3.19%;}
.pro_det .parts .fr{width: 61.74%;}
.pro_det .parts .item{width: 46.81%; float: left; /*margin-right: 6.38%;*/ margin: 0 1.595%; margin-bottom: 6.38%;}
/* .pro_det .parts .item:nth-of-type(2n){margin-right: 0;} */
.pro_det .parts .fr .pic{overflow: hidden;}
.pro_det .parts .fr .ispic{padding-top: 56.81%; transition: all .3s;}
.pro_det .parts .fr .txt{padding-top: 6.82%; padding-bottom: 9.1%; border-bottom: 1px solid #edf0f2;} 
.pro_det .parts .fr h2{ color: rgb(0, 141, 197);line-height: 1; margin: 0; font-weight: normal; margin-bottom: 3.41%;}
.pro_det .parts .fr h3{ color: rgb(153, 153, 153);  line-height: 1; margin: 0; font-weight: normal;}

.pro_det .parts .item:hover .ispic{transform: scale(1.1);}
@media(max-width:768px){
  .pro_det .parts .fl,.pro_det .parts .fr{width: 100% ; float: none;margin: 2% 0;}
  .parts_nav{padding: 5%;}
  .parts_nav h3{margin-bottom: 3%;}
  .parts_nav li{width: 33.33%; float: left;}
}
@media(max-width:440px){
  .parts_nav li{width: 50%;}
}
.pro_compare .title-box{padding-top: 1.79%; position: relative;}
.pro_compare .title-box h1{  color: rgb(102, 102, 102); line-height: 1.5; margin: 0; font-weight: normal; margin-bottom: 4px;}
.pro_compare .title-box h2{   color: rgb(51, 51, 51); line-height: 1; margin: 0; }
.pro_compare .title-box .back{width: 30px; height: 19px; background: url(../images/back.png) center center no-repeat; position: absolute; left: -100px; top: 10px;  cursor: pointer;}
.compare-box{background-color: #f7f6f7;font-family: "Source Han Sans CN";}
.compare-box .fl{width: 32.14%; padding-top: 4.3%; background-color: #fff; padding-right: 3.57%; padding-bottom: 300px;}
.compare-box .fr{width: 67.86%; padding-top: 4.3%;}
@media(max-width:1600px){
  .pro_compare .title-box .back{left: -50px;}
}
@media(max-width:1440px){
  .pro_compare .title-box .back{position: static; display: block; margin-bottom: 10px;}
}
.compare-box .pro {border-bottom: 1px solid rgb(238, 238, 238); margin-bottom: 50px;}
.compare-box .pro .pic{padding-top: 235px; position: relative; margin-bottom: 30px; background-color: #fff;}
.compare-box .pro .pic img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-height: 100%; min-height: 80%;}
.compare-box .pro .txt{ min-height: 113px; position: relative;}
.compare-box .pro h2{color: rgb(51, 51, 51);margin: 0;line-height: 1.4; margin-bottom: 3px;}
.compare-box .pro h3{ color: rgb(102, 102, 102);  line-height: 1.75;margin: 0; font-weight: normal;} 
.compare-box .pro a{display: block; width: 19px; height: 13px; background: url(../images/jiantou-1.png) right center no-repeat; position: absolute; bottom: 18px; right: 0;}

.compare-box .table-box{padding-bottom: 10px; border-bottom: 1px solid #eeeeee;}
.compare-box .table-wrap{margin-bottom: 25px;}
.compare-box .table-wrap .t-thead{ color: rgb(0, 141, 197); line-height: 20px;  background-color: rgba(0, 141, 197, 0.078);margin-bottom: 10px;}
.compare-box .table-wrap .t-thead span{display: inline-block; padding-right: 20px; background-color: #fff;}

.compare-box .table-wrap table{line-height: 1.5; width: 100%;}
.compare-box .table-wrap table td{padding: 8px 0; vertical-align: top; line-height: 25px;}
.compare-box .table-wrap .t{color: #494949; display: block;}
.compare-box .table-wrap .d{color: #666;display: block;}
.compare-box .table-wrap table td:first-of-type{width: 50%;}

.compare-box .download{padding: 20px 0;}
.compare-box .download a{padding-left: 34px;padding-right: 60px; line-height: 20px; background: url(../images/pdf.png) left center no-repeat; display: block; color: #008dc5;}
.compare-box .download li{ position: relative; margin-bottom: 2%; width: 90%; max-width: 300px;}
.compare-box .download .down{position: absolute; right: 0; top: 0; padding-left: 26px; background: url(../images/download.png) left center no-repeat; }


.compare-box .fr .table-wrap .t-thead span{background-color: #f7f6f7; }
.compare-box .fr .table-box{padding: 0 10px; padding-bottom: 10px;}
.compare-box .fr{padding-left: 2.6%; padding-right: 2.6%; position: relative;}
.compare-box .fr .slick{overflow: hidden;}
.compare-box .fr .slick-box{margin-left: 0px; margin-right: -10px; width: 898px; }
.compare-box .fr .slick-item{width: 33.33%; float: left;}
.compare-box .fr .pro{padding: 0 10px;}
.compare-box .fr .add{height: 368px; background-color: #fff; margin-bottom: 10px; text-align: center; font-size: 0; cursor: pointer;}
.compare-box .fr .add .icon{width: 30px ; height: 30px;  position: relative;display: inline-block; margin-bottom: 20px;}
.compare-box .fr .add .icon::before,.compare-box .fr .add .icon::after{content: ''; width: 100%; height: 4px; background-color: #008dc5; position: absolute; left: 0; right: 0; bottom: 0; top: 0;margin: auto;}
.compare-box .fr .add .icon::before{transform: rotateZ(90deg);}
.compare-box .fr .add span{line-height: 1; color: #008dc5; font-weight: bold; display: block;}

.compare-box .fr .slick-list{}
.compare-box .fr .empty{height: 368px; background-color: #eceaec; margin-bottom: 10px; text-align: center; font-size: 0; }
.compare-box .slick-arrow{width: 50px; height: 50px; border: 0; background-color: transparent; position: absolute; background: url(../images/next.png) center center no-repeat; top: 150px; font-size: 0; z-index: 100; cursor: pointer;}
.compare-box .slick-arrow.slick-next{right: -85px;}
.compare-box .slick-arrow.slick-prev{left: -85px; transform: rotateZ(180deg);}


@media(max-width:1600px){
  .compare-box .slick-arrow.slick-next{right: -10px;}
  .compare-box .slick-arrow.slick-prev{left: -35px; }
}
@media(max-width:1024px){
  .compare-box .fr .slick-box{width: 100%; margin: 0;}
  .compare-box .fl{width: 45%;}
  .compare-box .fr{width: 55%; }
  .compare-box{overflow-y: auto;}
  .compare-box .box{min-width: 500px;}
  .compare-box table td{font-size: 12px;}
  .compare-box .pro .pic img{min-height: auto;}
 
}
.add-dialog{ z-index: 1000;visibility: hidden; z-index: -100; display: none;}
.add-dialog,.add-dialog:after{    position: fixed; top: 0; left: 0; right: 0; bottom: 0;}
.add-dialog:after{
  content: "";
  background-color: rgba(0,0,0,.5020);
  transition: opacity .5s cubic-bezier(.645,.045,.355,1) .5s;
  opacity: 0;
}
.add-dialog.show{
  visibility: visible;
  transition: visibility 0s;
  z-index: 1000;
  display: block;
}
.add-dialog.show:after{
  opacity: 1;
  visibility: visible;
  transition: opacity .5s cubic-bezier(.645,.045,.355,1);
  
}
.add-dialog .close{width: 36px; height: 36px; position: fixed; right: 3vw; top: 12px; cursor: pointer; z-index: 101;}
.add-dialog .close::before,.add-dialog .close::after{content: ''; width: 100%; height: 3px; background-color: #fff;border-radius: 3px; position: absolute; right: 0;left: 0; top: 0; bottom: 0; margin: auto;}
.add-dialog .close::before{transform: rotateZ(45deg);}
.add-dialog .close::after{transform: rotateZ(-45deg);}
.add-dialog .add-contain{position: relative; top: 5vh;height: 90vh; overflow-y: auto;}
.add-dialog .contain{ background-color: #fff;z-index: 1; position: relative; padding-top: 40px; padding-bottom:40px;}
.add-dialog .inner{width: 96%;max-width: 1160px; margin: 0 auto;}
.add-dialog .inner .title h3,.add-dialog .inner .title h2{margin: 0; line-height: 1.5;}
.add-dialog .inner .title h3{font-weight: normal;}

.add-dialog .inner .btn{position: fixed;max-width: 96%;top: 5vh;left: 50%;width: 1400px;transform: translateX(-50%);padding: 30px;}
.add-dialog .inner .btn a{display: block; width: 190px; margin: 0 auto; height: 55px; line-height: 55px; color: #fff; background-color: #008dc5; text-align: center;float: right;}

.add-dialog .list_pro .list .pic .img{padding-top: 90%;}
.add-dialog .list_pro .list .txt::before{display: none;}
.add-dialog .list label{position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: block;}
.add-dialog .list label::before{content: ''; position: absolute; width: 30px; height: 30px; border: 1px solid #ddd; right: 20px; top: 0; bottom: 0 ; margin: auto; transition: all .3s; background-position: center center; background-repeat: no-repeat; }


@media(max-width:1024px){
  .add-dialog .list label::before{width: 20px; height: 20px;}
  .add-dialog .list_pro .list .pic .img{padding-top: 100%;}
}
.add-dialog .list input{display: none;}
.add-dialog .list input:checked+label::before{border-color:#008dc5;background-image: url("../images/icon_gou2.png"); }

.Spart1 {padding: 3.65% 0;}
.Spart1 h1{margin: 0; color: rgb(51, 51, 51); line-height: 1.6; text-align: center;margin-bottom: 1.78%;}
.Spart1 .des p{ color: rgb(102, 102, 102);  line-height: 1.875; margin: 0;}


.serve_title{line-height: 50px; border-bottom: 1px solid #eee;}
.serve_title .cn{display: inline-block;vertical-align: bottom; color: rgb(51, 51, 51); position: relative; }
.serve_title .en{vertical-align: bottom; display: inline-block; line-height: 40px; font-family: "Raleway";color: rgb(204, 204, 204); font-weight: bold;}
.serve_title .cn::before{content: ''; width: 100%;height: 1px; background-color: #008dc5; position: absolute; left: 0; bottom: -1px;}

.serve_list .list{margin-left: -15px; margin-left: -15px; padding: 0 15px; padding-top: 2.857%; padding-bottom: 5%;}
.serve_list .item{width: 33.33%; text-align: center;}
.serve_list .item a{display: block;padding-bottom: 8.04%; padding-top: 13%; transition: all .3s;}
.serve_list .item .icon{width: 82px; height: 82px;border-radius: 50%; background-image: url(../images/server_bg_a.png) ; background-position: center center; background-size: contain; margin: 0 auto; position: relative; -webkit-box-reflect: below 0px -webkit-linear-gradient(bottom,rgba(0,0,0,.08),rgba(0,0,0,0),rgba(0,0,0,0));transition: transform .8s;}
.serve_list .item .icon img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;max-width: 60%; max-height: 60%; }
.serve_list .item h2{margin: 0 auto; width: 90%; color: #333; line-height: 1.25; font-weight: normal;max-width: 315px; margin-bottom: 2.17%;}
.serve_list .item h3{margin: 0 auto; width: 90%; color: #666; line-height: 1.625; font-weight: normal; max-width: 315px; min-height: 4.875em;}
.serve_list .item .spot{margin: 4.35% 0; position: relative; }
.serve_list .item .spot::before{content: ''; width: 100%; height: 1px; background-color: #f6f6f6; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;transition: all .3s;}
.serve_list .item .spot i{width: 14px; height: 14px; border: 50%; display: block; margin: 0 auto; border: 1px solid #999; border-radius: 50%; position: relative; z-index: 2;transition: all .3s;}
.serve_list .item .spot i::before{content: ''; width: 50%; height: 50%; border-radius: 50%; background-color: #999; position: absolute; left: 0;right: 0; top: 0; bottom: 0; margin: auto;transition: all .3s;}



.serve_list .item:hover a{ box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);}
.serve_list .item:hover .icon{transform: rotateY(180deg); background-image: url(../images/server_bg_a.png);}
.serve_list .item:hover .spot::before{ background-color: #008dc5; opacity: 0.3; width: 50%; border-radius: 50%;}
.serve_list .item:hover .spot i{ border-color: #008dc5; }
.serve_list .item:hover  .spot i::before{ background-color: #008dc5 ;}
.serve_list .item:hover  h2{ color: rgb(0, 141, 197);}

/*.software{padding-bottom: 6.25%;}*/
.software.pad_bottom{padding-bottom: 0;}
.software img{height: auto !important;}
.software h1{ color: rgb(51, 51, 51); line-height: 1.333; text-align: center; margin: 0; padding-top: 3%; padding-bottom: 3%; border-bottom: 1px solid #eee; margin-bottom: 1px;}
/*.software .content{border-top: 2px solid #f6f6f6; padding-top: 5.7%;}*/

@media (min-width:1025px) and (max-width:1500px){
.software .content{transform: scale(.8);-webkit-transform: scale(.8);}
}
.software .software-auto{max-width: 1120px; margin: auto;}
.software .top{text-align: center; /*margin-bottom: 5.36%;*/}
.software .top .img{ position: relative;}
.software .top .img img{display: block;}
.software .top .des{ color: rgb(153, 153, 153); line-height: 2.222;}
.software .img{text-align: center;}
.software .circle-item{position: absolute; width: 0; height: 0;z-index: 5;}
.software .circle-item::before{content: ''; width: calc(100% - 18px); height: 1px; background-color: #008dc5;position: absolute; top: 0; bottom: 0; margin: auto; display: none;}
.software .circle-item.left::before{left: 0;width: calc(100% - 60px);margin-left: 50px;}
.software .circle-item.right::before{right: 0;}
.software .circle-item.left{ left: -7.857%;}
.software .circle-item.right{ right: -7.857%;}
.software .circle-item i{width: 8px; height: 8px; border-radius: 50%;background-color: rgba(0, 141, 197,1);position: absolute;  top: 50%; transform: translateY(-50%);}
.software .circle-item.left i{right: 0;}
.software .circle-item.right i{left: 0;}
.software .circle-item i::before{content: ''; width: 12px; height:12px; position: absolute; left: 50%;margin-left: -6px;margin-top: -6px; top: 50%;border-radius: 50%; background-color: rgba(0, 141, 197,.7);animation: scale 1.5s infinite ease;}
.software .circle-item i::after{content: ''; width: 16px; height:16px; position: absolute; left: 50%;margin-left: -8px;margin-top: -8px; top: 50%;border-radius: 50%; background-color: rgba(0, 141, 197,.2);animation: scale2 1.5s infinite ease;}

.qui-pagedot{position: fixed;z-index: 99;right: 2%;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.qui-pagedot a{width: 12px;height: 12px;border-radius: 50%;display: block;margin: 6px 0;background-color: #008dc5;border: 2px solid #008dc5;}
.qui-pagedot a.on{background: #fff;}

/*animation: scale2 2s infinite;*/
@keyframes scale{
  0%{ transform: scale(1);opacity:0}
  100%{ transform: scale(1.2); opacity: .9;}
}
@keyframes scale2{
  0%{ transform: scale(1);opacity:0}
  100%{ transform: scale(1.4); opacity: .9;}
}


.software .circle-item:after{content: '';position: absolute;width: 100%;left: 0;top: -25px;height: 50px;z-index: -1;}
.software .circle-item span{ text-align: center;  border: 1px solid #008dc5;  color: #008dc5; position: absolute; top: 50%; transform: translateY(-50%) ; background-color: #fff;display: none;}

.software .circle-item:hover span{display: block;}
.software .circle-item:hover::before{display: block;}

.software .circle-item.big span{width: 130px; font-size: 18px;line-height: 48px;}
.software .circle-item.small span{width: 96px; font-size: 16px;line-height: 28px;}
.software .circle-item.left span{left: 20px;}
.software .circle-item.right span{right: 0;}

.software .top .circle-item:nth-of-type(1){width: 29.46%; top: 9.375%;}
.software .top .circle-item:nth-of-type(2){width: 35.714%; top: 41.5625%;}
.software .top .circle-item:nth-of-type(3){width: 35.714%; top: 70%;}
.software .top .circle-item:nth-of-type(4){width: 39.64%; top: 46.875%;}

.software h2{ color: #333333;line-height: 1.667; padding-left: 30px; position: relative;margin: 0; margin-bottom: 2.14%}
.software .list h2 span{width: 22px; height: 22px; border-radius: 50%; text-align: center; line-height: 22px; font-size: 14px; border: 1px solid #333; position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}
.software .mb95{margin-bottom: 95px;}
/*.software .mb145{margin-bottom: 145px;}*/
.software .img{position: relative;}
.software .border img{border: 1px solid #008dc5;}

.software .list .item{/*margin-bottom: 5%;*/position: relative;}
.software .list .item .position{position: absolute; top: -100px; left: 0;}
.software .cube-item{padding-left: 3px;position: absolute; top:5%; height: 5.5%;}
.software .cube-item i{width: 100%;display: block; height: 100%; border: 2px solid #008dc5;}
.software .cube-item::before{content: ''; width: 2px; height: 60px; background-color: #008dc5; position: absolute; left: 50%; top: 100%; transform: translateX(-50%);display: none;}
.software .cube-item span{white-space: nowrap; font-size: 14px; color: #000; line-height: 34px;border: 2px solid #008dc5; padding: 0 5px; position: absolute; left: 50%; top: calc(100% + 60px); transform: translateX(-50%);display: none;}
/*.software .cube-item:nth-of-type(4) span{margin-left: -20px;}*/

.software .cube-item:hover::before{display: block;}
.software .cube-item:hover span{display: block;}

.software .item{padding-bottom: 1px;}
.software .function .cube-item:nth-of-type(1){width: 16.43%; left: 0;}
.software .function .cube-item:nth-of-type(2){width: 7.68%; left: 16.43%;}
.software .function .cube-item:nth-of-type(3){width: 30.265%; left: 24.11%;}
.software .function .cube-item:nth-of-type(4){width: 7.59%; left: 54.375%;}
.software .function .cube-item:nth-of-type(5){width: 15.8%; left: 61.965%;}
.software .function .cube-item:nth-of-type(6){width: 16.34%; left: 77.765%;}

.software .video .cube-item{height:4.3%; top:15%;}

.software .video .cube-item:nth-of-type(1){width: 8.39%; left: 0;}
.software .video .cube-item:nth-of-type(2){width: 17.95%; left: 8.39%;}
.software .video .cube-item:nth-of-type(3){width: 8.93%; left: 26.34%;}
.software .video .cube-item:nth-of-type(4){width: 12.68%; left: 35.27%;}
.software .video .cube-item:nth-of-type(5){width: 21.96%; left: 47.95%;}
.software .video .cube-item:nth-of-type(6){width: 17.41%; left: 69.91%;}

.software .video .circle-item:nth-of-type(1){top: 47.6%;}

.software .list .circle-item{width: 198px;}
.software .list .circle-item.left {left: -140px;}
.software .list .circle-item.right {right: -140px;}

.software .controls .img{width: 48.75%; float: left; margin-right: 2.5%; margin-bottom: 2.5%;}
.software .controls .img:nth-of-type(2n){margin-right: 0;}

.software .more{line-height: 1.333; text-align: center;color: rgb(0, 0, 0);padding-bottom: 4%;}
.software .list .item .img-box{ /* max-width: 880px; */ margin: auto;}
.software .item .img-box{position: relative;}
.qui202111161103{color: #000;font-size: 30px;text-align: center;position: absolute;left: 50%;top: 50%;transform: translateY(-50%) translateX(-50%);word-break: keep-all;}
.qui202111161103 em{padding: 10px 20px;line-height: 1.6;background: rgba(198, 198, 198, .85);display: block;font-style: normal;}

.qui202111161103_6{left: 23%;top: 23%;}
.qui202111161103_7{left: 75%;}
.qui202111161103_8{left: 23%;top: 72%;}

@media(max-width:1300px){
  .software .circle-item.right{right: -3%;}
  .software .circle-item.left{left: -3%;}
  .software .list .circle-item.left{left: -3%;}
  .software .list .circle-item.right{right: -3%;}
}
@media(max-width:1024px){
  .software .circle-item.right{right: -2%;}
  .software .circle-item.left{left: -2%;}
  .software .list .circle-item.left{left: -2%;}
  .software .list .circle-item.right{right: -2%;}
  .software .circle-item.big span{width: 100px; font-size: 16px; line-height: 38px;}
  .software .cube-item span{font-size: 14px;}
  .software .list .item .position{ top: -70px; }
  .software .controls .circle-item{top: 25%!important;}
}
@media(max-width:640px){
  .software .circle-item.big span{width: 80px; font-size: 14px; line-height: 35px;}
  .software .cube-item span{font-size: 12px;}
  .qui202111161103{font-size: 12px;}
  .qui202111161103 em{ padding: 5px 10px}
  .software .controls .img{ float: none; width: 100%; margin-right: 0}
  .software .mb95,
  .software .mb145{ margin-bottom: 3%}
  .qui202111161103_6{left: 25%; top: 36%;}
}
.list_video .item{width: 31.8%; float: left; margin-bottom: 3.57%; margin-right: 2.3%;}
.list_video .item:nth-of-type(3n){margin-right: 0;}
.list_video .item .pic{overflow: hidden;}
.list_video .item .pic .ispic{padding-top: 75%; transition: all .3s;}
.list_video .item .txt{background-color: #f7f6f7; padding: 6.76% 5% 4.41% 7.06%;}

.list_video .item .txt h3{margin: 0; color: #333333; line-height: 1.5; height: 3em; margin-bottom: 1.67%;}
.list_video .item .txt .clearfix span{ font-family: "Roboto"; color: rgb(153, 153, 153); line-height: 34px; float: left;}
.list_video .item .txt .clearfix .play{font-style: normal; font-size: 14px; color: #008dc5 ; line-height: 34px;width: 80px; border-radius: 17px; background-color: #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05); float: right; text-align: center; padding-right: 20px; position: relative;}
.list_video .item .txt .clearfix .play i{width: 22px; height: 22px; border-radius: 50%; position: absolute; right: 5px; top: 0; bottom: 0; margin: auto; background-color: #008dc5;}
.list_video .item .txt .clearfix .play i::before{content: ''; width: 0;height: 0; border: 4px solid transparent; border-left-color: #fff; position: absolute; left: 0; top: 0; right: 0; bottom: 0;margin:auto; transform: translateX(30%);}
.list_video .item:hover .ispic{transform: scale(1.1);}
.video-popup{position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 9999; display: none;}
.video-popup .video-box{position: absolute; width: 90%; max-width: 1517px; height: 90%; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.video-popup video{
    position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; 
    max-height: 90%; max-width: 90%;
}
.video-popup .close{width: 30px; height: 30px;  position: absolute; right: 20px; top: 20px; z-index: 5; cursor: pointer;}
.video-popup .close::before,.video-popup .close::after{content: ''; width: 80%; height: 2px; background-color: #fff; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
.video-popup .close::before{transform: rotateZ(45deg);}
.video-popup .close::after{transform: rotateZ(-45deg);}

video::-internal-media-controls-download-button {
    display:none;
}
video::-webkit-media-controls-enclosure {
    overflow:hidden;
}
video::-webkit-media-controls-panel {
    width: calc(100% + 50px); 
}

@media(max-width:768px){
  .video-popup video{max-height: 100%; max-width: 100%;}
}



.list_report .list{padding-bottom: 3.21%;}
.list_report .item{position: relative ; padding: 2.86% 0; padding-right: 90px; border-bottom: 1px solid #eee;}
.list_report .item a{line-height: 20px; padding-left: 40px; color: rgb(102, 102, 102); background: url('../images/pdf.png') center left no-repeat;}
.list_report .item .time{position: absolute; right: 0; top: 50%; transform: translateY(-50%);  font-family: "Roboto"; width: 90px; color: rgb(153, 153, 153);}
@media(max-width:768px){
.list_report .item{ padding-top:3.5%;padding-bottom:3.5%;}
}

.det_report .title{text-align: center; border-bottom: 1px solid #eee; padding-top: 1.07%; padding-bottom: 2.2857%;}
.det_report .title h1{color: rgb(0, 0, 0); line-height: 1.25; margin: 0; margin-bottom: 0.7%;}
.det_report .title .time{font-family: "Roboto"; color: rgb(153, 153, 153); line-height: 1.5;}

.det_report .content{ color: rgb(102, 102, 102);line-height: 1.875; padding: 2.8% 0;}
.det_report .content img{height: auto !important;}
.det_report .content{max-height: 110vh; overflow: hidden;}
.det_report .content p{margin: 0;}

.det_report table{width: 100%;}
.det_report table td,.det_report table th{height: 50px; line-height: 1.5; font-size: 16px; padding: 10px; padding-left: 50px;}
.det_report table tbody td{border: 1px solid #eee;}
.det_report table tbody td.center{text-align: center;}
.det_report .download{text-align: center; font-size: 0; padding-top: 2.8%; padding-bottom: 8.4%;}
.det_report .download a{display: inline-block; width: 190px; height: 56px; line-height: 56px; text-align: center; color: #fff; background-color: #008dc5;}
.det_report .download a::before{content: ''; width: 16px;line-height: 56px; margin-right: 7px; background: url(../images/download-a.png) center left no-repeat; display: inline-block; height: 56px; vertical-align: top;}

.det_report .content .table{overflow-y: auto;}
.det_report .content .table table{min-width: 320px;}
.det-pop{
  background-image: linear-gradient(to bottom,rgba(255,255,255,.1),rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,255,255,1));
   position: absolute; width: 100%; left: 0; bottom: 0;z-index: 101;
  }
.det-pop .title{max-width: 600px; margin: 0 auto ; text-align: center;color: rgb(0, 0, 0);margin-bottom: 5%;}
.det-pop form{max-width: 600px; margin: 0 auto; padding-bottom:8.21%; padding-top: 5%; position: relative;}
.det-pop form .close{width: 30px; height: 30px; position: absolute; right: 10px; top: 10px; cursor: pointer;}
.det-pop form .close::before,.det-pop form .close::after{content: ''; width: 100%; height: 2px; background-color: #333; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }
.det-pop form .close::before{transform: rotateZ(-45deg);}
.det-pop form .close::after{transform: rotateZ(45deg);}
.det-pop .form-item{margin-bottom: 5%;}
.det-pop .form-item.getcode {position: relative;}
.det-pop .form-item.getcode .text{padding-right: 136px;}
.det-pop .form-item.getcode .vercode-btn{width: 128px; padding: 0; height: 44px; border-radius: 4px; background-color: #eee; outline: none; line-height: 44px; border: 0;font-size: 16px;  color: rgb(102, 102, 102); position: absolute; right: 5px; top: 0; bottom: 0; margin: auto; cursor: pointer; text-align: center;}



.det-pop .form-item input{width: 100%; height: 55px; line-height: 55px; border-radius: 6px; border: 1px solid ; font-size: 16px;}
.det-pop .form-item .text{color: rgb(153, 153, 153); border-color: #eee; padding: 0 3.33%;}
.det-pop .form-item .btn{background-color: #008dc5; border-color: #008dc5; color: #fff;}
.det-pop .des{ font-size: 14px;  color: rgb(153, 153, 153); line-height: 1.714; text-align: center;}

@media(max-width:768px){
  .det-pop{ padding-top: 10%}
  .det-pop .auto{box-shadow: 0 0 20px rgba(0,0,0,0.3); background: #fff}
  .det-pop form{ padding: 5%}
  .det-pop .form-item.getcode .vercode-btn{width: 100px; font-size: 12px;}
  .det_report .download a{width: 120px; height: 50px; line-height: 50px;}
  .det_report .download a::before{line-height: 50px;}
}
@media(max-width: 640px){
  .det_report table td, .det_report table th{padding: 5px; padding-left: 20px; font-size: 14px;}
}
@media(max-width: 480px){
  .det_report table td, .det_report table th{padding-left: 10px;}
}
.news_list{padding-top: 2.08%;}
.news_list .item .pic{overflow: hidden; width: 28.57%;}
.news_list .item .ispic{padding-top: 60%;transition: all .3s;}
.news_list .item:hover .ispic{transform: scale(1.1);}

.news_list .item{padding:  4.6857% 0; border-bottom: 1px solid #f2f2f2;}
.news_list .item .txt{width: 71.43%; padding-left: 4.2857%;}
.news_list .item .txt h2{color: rgb(51, 51, 51);  line-height: 1.333; margin: 0; font-weight: normal; margin-bottom: 1.28%;}
.news_list .item .txt .time{color: rgb(153, 153, 153); line-height: 1.2; margin-bottom: 2.87%;}
.news_list .item .txt h3{ color: rgb(102, 102, 102);line-height: 1.875; height: 3.75em; font-weight: normal; margin: 0;margin-bottom: 3.62%;}
.news_list .item .txt .more{font-size: 14px;color: rgb(51, 51, 51);line-height: 1.2; display: block; padding-left: 70px; position: relative; line-height: 1;}
.news_list .item .txt .more::before{content: ''; width: 50px; height: 1px; background-color: #333; position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}
.news_list .Pages{padding: 7.14% 0; text-align: center;}

.news_list .item:hover .txt h2{color: #008dc5;}
/* .news_list .item:hover .txt h3{color: #008dc5;}
.news_list .item:hover .txt .time{color: #008dc5;} */
.news_list .item:hover .txt .more{color: #008dc5;}
.news_list .item:hover .txt .more::before{background-color: #008dc5;}
.news_det {padding-top: 3.64%; padding-bottom: 4.1667%;}
.news_det .content-box{width: 70%;}
.news_det h1{ color: rgb(51, 51, 51);line-height: 2.222; margin: 0; margin-bottom: 1.6%;}
.news_det .time{margin: 0;font-family: "Roboto"; color: rgb(153, 153, 153);}
.news_det .title{padding-bottom: 3.617%; border-bottom: 1px solid #eee;}

.news_det .content-box p{ margin: 0;}
.news_det .content{padding-top: 5.32%;padding-bottom: 9.57%; color: rgb(102, 102, 102);line-height: 1.875;border-bottom: 1px solid #eee;}

.news_det .btn-box{padding: 10px 0;}
.news_det .btn-box>div{position: relative;padding: 5px 0; padding-left: 65px; line-height: 1.5; }
.news_det .btn-box>div span{color: #333; position: absolute; left: 0; top: 5px;}
.news_det .btn-box>div a{color: #666666;}
.news_det .btn-box>div a:hover{color: #008dc5;}

.more_news {width: 24.3%;}
.more_news h2{margin: 0; color: rgb(0, 141, 197);line-height: 1; padding-top: 14.7%; padding-bottom: 8.82%;}
.more_news .item{margin-bottom: 5.88%;}
.more_news .pic{overflow: hidden;}
.more_news figure{padding-top: 60%;transition: all .3s;}
.more_news .txt{ color: rgb(51, 51, 51); line-height: 1; padding: 5.88% 0;}

.more_news .item:hover figure{transform: scale(1.1);}
.more_news .item:hover .txt{color: #008dc5;}

@media(max-width:1024px){
  .news_list .item .txt .time{margin-bottom: 1%;}
  .news_list .item .txt h3{margin-bottom: 1%; line-height: 1.5; height: 3em;}
  
}
@media(max-width:640px){
  .news_list .item .pic{width: 160px;}
  .news_list .item .txt .more,.news_list .item .txt .time{font-size: 12px;}
  .news_list .item .txt .more::before{width: 30px;}
  .news_list .item .txt .more{padding-left: 40px;}
  .Pages a{font-size: 14px;}
  .more_news{display: none;}
  .news_det .content-box{width: 100%; float: none;}
}

.Apart1 .fl{width: 55%; padding-right:7.86%; }
.Apart1 .fl .title{font-weight: bold; color: rgb(51, 51, 51); line-height: 1; padding-top: 20px; background: url(../images/atitbg.png) 74px center no-repeat; background-size: contain;margin-bottom: 7.54%;}
.Apart1 .fl .des{color: rgb(119, 119, 119);  line-height: 1.875; text-align: justify; margin-bottom: 10.17%;}
.Apart1 .fl .des p{margin: 0;}

.Apart1 .fl .count-box ul {text-align: justify;text-align-last:justify;font-size: 0;padding-top: 3%;}

.Apart1 .fl .count-box ul li{text-align: left ;text-align-last:left; display: inline-block;line-height: 1;}
.Apart1 .fl .count-box ul li .count{font-size: 16px;color: rgb(119, 119, 119); margin-bottom: 10px;}
.Apart1 .fl .count-box ul li .count span{ font-size: 36px;  font-family: "Roboto"; color: rgb(0, 141, 197); font-weight: bold; margin-left: 5px;}
.Apart1 .fl .count-box ul li .count sup{ font-size: 18px;font-family: "Roboto"; color: rgb(0, 141, 197);font-weight: bold;vertical-align: top;}
.Apart1 .fl .count-box ul li p{font-size: 14px;  color: rgb(119, 119, 119);line-height: 1; margin: 0;}
.Apart1 .fl .count-box ul li .icon{width: 33px; height: 33px; position: relative;margin-bottom: 15px;}
.Apart1 .fl .count-box ul li .icon img{position: absolute; left: 0; top: 0; bottom: 0; margin: auto; max-height: 100%;}


.Apart1{padding: 4.166% 0 5.21%; }
.Apart1 .fr{width: 45%; padding-top: 1.71%;}
.Apart1 .fr .slick-dots{position: absolute; width: 100%; left: 0; bottom: 30px; z-index: 100;}
.Apart1 .fr img{width: 100%;}
.Apart1 .circle_dots .slick-dots li{background-color: rgba(255, 255, 255,0.5);}

.ind-company{ position: relative;}
.ind-company .ind-title{padding-bottom: 2.64%;}
.ind-company.padd{ padding-bottom: 0;}
.ind-company::before{ content: ''; position: absolute; width: 100%; left: 0; top: 0; height: 88%;background-color: #ebf5f6;}
.ind-company .auto{ position: relative; z-index: 2;}
.ind-company .Apart1{ padding: 0; background-color: #fff;}
.ind-company .Apart1 .fl{line-height: 34px; padding-left: 2%; padding-top: 2%; padding-right: 6%;}
.ind-company .Apart1 .fr{ padding-top: 0;}
.ind-company .Apart1 .fl .count-box ul li{ text-align: center;text-align-last: center;}
.ind-company .count-box{ margin-top: 2%;}
.aboutSub{background:#fff;padding:25px 0;box-shadow:0 8px 15px #ececec;margin:50px 0 25px 0;}
.aboutSub li{float:left;width:25%;text-align:center;border-right: 1px solid #f0f0f0;}
.aboutSub li a{display:block;padding:0 8%;min-height:190px;position:relative;z-index:2;}
.aboutSub li a::after{content:"";position: absolute;left:0;top:50%;width:100%;height:0;background:#008dc5;transition:all .5s;z-index:-1; opacity: 0;}
.aboutSub li i{display:inline-block;width:45px;height:45px;background-repeat: no-repeat;margin-bottom:10px;transition:all .5s; background-size: 100%;}
.aboutSub li h4{font-size:20px;color:#191919;padding-bottom:10px;margin-bottom:10px;position:relative;}
.aboutSub li h4::after{content:"";position: absolute;left:50%;width:24px;height:2px;background:#008dc5; bottom:0;margin-left:-12px;}
@keyframes scale
{
  from {transform:scale(1);}
  50% {transform:scale(1.1);}
  to {transform:scale(1);}
}
@media(min-width:1025px){
	.aboutSub li a:hover,.aboutSub li a:hover h4{color:#fff;transition:all .4s;}
	.aboutSub li a:hover::after{height:150%;top:-25%; opacity: 1;}
	.aboutSub li a:hover h4::after{background:#fff;}
	.aboutSub li a:hover i{background-position: 0 -45px;}
}
@media(max-width:1024px){
	.aboutSub{margin-top:40px;padding:20px 0;}
	.aboutSub li p{display:none;}
	.aboutSub li a{min-height:auto;}
	.aboutSub li i{width:40px;height:40px;}
}
@media(max-width:768px){
  .Apart1 .fl{width: 100%; float: none; padding-right: 0;}
  .Apart1 .fr{width: 100%; float: none;}
  .Apart1 .fl .count-box ul li .count span{font-size: 26px;}
  .Apart1 .fl .count-box ul{display: flex; flex-direction: row; justify-content: space-between; align-items: center;}

  .Apart1 .fl .count-box ul{padding-top: 0!important;}
}
@media(max-width:640px){
	.aboutSub li i{width:32px;height:32px;background-size:32px;}
	.aboutSub li h4{font-size:14px;padding-bottom:0;margin-bottom:0;}
	.aboutSub li h4::after{display:none;}
}
@media(max-width:480px){
  .Apart1 .fl .count-box ul li .icon{margin: 0 auto 15px;}
  .Apart1 .fl .count-box ul li .count{text-align: center;text-align-last:center}
  .Apart1 .fl .count-box ul li{ padding: 2% 0; text-align: center;}
  .Apart1 .fl .count-box ul li p{text-align: center;text-align-last:center}
  .Apart1 .fl .count-box ul li .count span{font-size: 14px;}
  .Apart1 .fl .count-box ul li p{font-size: 12px;}
}
.atitle{text-align: center; padding-top: 7.143%;padding-bottom: 4.29%;}
.atitle h2{color: rgb(51, 51, 51); line-height: 1; margin: 0; }
.atitle p{margin: 0; color: rgb(102, 102, 102); line-height: 2;margin-top: 2.14%;}
.Aprocess .slick-main{margin-bottom: 5.7%;}
.Aprocess .slick-main .ytable-cell{width: 100%;}
.Aprocess .slick-main .txt{padding-right: 5%; padding-top: 3%;}
.Aprocess .slick-main .year{ font-size: 120px;font-family: "Roboto";color: rgb(0, 141, 197);font-weight: bold; line-height: 1; margin-bottom: 4.76%;}
.Aprocess .slick-main p{margin: 0; font-size: 18px; color: #777777; line-height: 1.636;}
.Aprocess .slick-main h3{margin: 0; font-size: 22px; color: rgb(51, 51, 51); line-height: 1.636; font-weight: normal;}
.Aprocess .slick-main li{padding-left: 30px; margin-bottom: 5.55%;}
.Aprocess .slick-main li:last-of-type{margin-bottom: 0;}

.Aprocess{padding-bottom: 4.1667%;}
.Aprocess .slick-nav{padding: 0 70px;}
.Aprocess .slick-nav .item{ box-sizing: content-box; padding: 0 10px; padding-top: 40px; position: relative; font-size: 0;}
.Aprocess .slick-nav .item .y{position: absolute; left: 50%; transform: translateX(-50%) ; top: 10px; font-size: 24px;font-family: "Roboto";color: rgb(153, 153, 153);font-weight: bold; line-height: 1; transition: all .3s;}

.Aprocess .slick-nav .item i{width: 6px; height: 6px; border-radius: 50%; background-color: #ccc; position: absolute; left: 50%;bottom: 6px; transform: translateX(-50%);}
.Aprocess .slick-nav .item .lines{text-align: justify;text-align-last:justify;overflow: hidden; }
.Aprocess .slick-nav .item .lines::after{content: ''; width: 100%; height: 1px; background-color: #d9dbde; position: absolute; left: 0; bottom: 8px;}
.Aprocess .slick-nav .item .lines span{float: left; width:1px; height: 16px;margin-right: calc(10% - 1.1px);position: relative;}

.Aprocess .slick-nav .item .lines span::before{content: ''; width: 100%; height: 62.5%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);background-color: #d9dbde;}
.Aprocess .slick-nav .item .lines span:nth-of-type(9)::before{height: 100%; }
.Aprocess .slick-nav .item .lines span:nth-of-type(6)::before{opacity: 0; }
.Aprocess .slick-nav .item .lines span:last-of-type{margin-right: 0;}

.Aprocess .slick-nav .item.slick-current .y{color: #008dc5; font-size: 36px; top: 0;}
.Aprocess .slick-nav .item.slick-current i{background-color: #008dc5; }
.Aprocess .slick-arrow{transform: translateY(20px);}
@media(max-width:1024px){
  .Aprocess .slick-main .year{font-size: 60px;}
  .Aprocess .slick-main h3{font-size: 20px;}
  .Aprocess .slick-main p{font-size: 16px;}
}
@media(max-width:768px){
  .Aprocess .slick-main .ytable,.Aprocess .slick-main .ytable-cell{width: 100%; display: block; padding-right: 0; padding: 2% 0;}
  .Aprocess .slick-main .year{font-size:30px;}
  .Aprocess .slick-main h3{font-size: 18px;}
  .Aprocess .slick-main p{font-size: 14px;}
  .Aprocess .slick-nav .item.slick-current .y{font-size: 24px;}
  .Aprocess .slick-nav{padding: 0 50px;}
  .Aprocess .atitle{ padding-bottom: 0}
	
  .Aprocess .slick-main .cons{overflow-y: auto; padding-right: 5px;line-height: 30px;height: 120px;}
  .Aprocess .slick-main .cons::-webkit-scrollbar {
	/*滚动条整体样式*/
    width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
  }
  .Aprocess .slick-main .cons::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #c8c8c8;
  }

  .Aprocess .slick-main .cons::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 10px;
    background: #EDEDED;
  }
	
	
	
}


/* .Ateam {padding-bottom: 5.21%;}
.Ateam .slick-list{padding-right: 0%; overflow: visible;}
.Ateam .list .item{padding: 0 20px;}
.Ateam .list .txt .title{border-bottom: 1px solid #e1e1e1; padding-bottom: 7.32%;}
.Ateam .list .txt h2{margin: 0;color: rgb(51, 51, 51);line-height: 2;}
.Ateam .list .txt h3{margin: 0; color: rgb(51, 51, 51); line-height: 2;}
.Ateam .list .txt .des{ color: rgb(102, 102, 102); line-height: 2; text-align: justify; font-family: "Adobe Heiti Std"; padding: 4.32% 0 90px;}

.Ateam .list .slick-arrow{top: 50%; transform: translateY(-50%); margin: 0; z-index: 100; background-color: #fff;}
.Ateam .list .slick-arrow.slick-next{right: 0;}
.Ateam .list .slick-arrow.slick-prev{left: 0;}

@media(max-width:1024px){
  .Ateam .list .item{transform: scale(1);}
  .Ateam .list .item .txt{display: table-cell; padding: 5%;}
  .Ateam .slick-list{overflow: hidden;}
  .Ateam .list .txt .des{padding-bottom: 50px;}
}
@media(max-width:640px){
  .Ateam .list .slick-current .txt{padding: 3%;}
  .Ateam .list .txt .des{max-height:144px; overflow-y: auto;line-height:24px; padding: 0;}
  .Ateam .list .item{padding-bottom: 60px;}
  .Ateam .list .txt .title{padding-bottom: 2%; margin-bottom:4%}
  .Ateam .list .pic{width: 45%; }
  .Ateam .list .ytable-cell{vertical-align: top}
} */


.Ateam {padding-bottom: 5.21%;}
.Ateam .slick-list{padding-right: 0%; overflow: visible;}
.Ateam .list .pic{width: 41.75%;}
.Ateam .list .item .txt{padding: 7.7% 0 7.7% 7.7%; text-align: left;}
.Ateam .list .txt .title{border-bottom: 1px solid #e1e1e1; padding-bottom: 7.32%;}
.Ateam .list .txt h2{margin: 0;color: rgb(51, 51, 51);line-height: 2;}
.Ateam .list .txt h3{margin: 0; color: rgb(51, 51, 51); line-height: 2;}
.Ateam .list .txt .des{ color: rgb(102, 102, 102); line-height: 2; text-align: justify; font-family: "Adobe Heiti Std"; padding: 4.32% 0 90px;}

@media(min-width:1025px){
  .Ateam .list .slick-current.item .ytable{width: 137%;}
  .Ateam .list .item{transform: scale(0.7);transform-origin: 20% 50%; }
  .Ateam .list .txt{display: none;}
  .Ateam .list .txt{display: none;}
}

.Ateam .list .slick-current .txt{display: table-cell;}

.Ateam .list .slick-current.item{transform: scale(1);transition: all .3s;}
.Ateam .list .prevshow{text-align: right;transform-origin: 80% 50%; }
.Ateam .list .nextshow{transform-origin: right 50%; text-align: right;}
.Ateam .list .slick-arrow{left: auto ; top: auto ;right: auto; bottom: auto; transform: translateY(0); margin: 0; bottom: 87px; z-index: 100; background-color: #fff;}
.Ateam .list .slick-arrow.slick-next{left: calc(38.78% + 100px);}
.Ateam .list .slick-arrow.slick-prev{left: 38.78%;}

@media(max-width:1024px){
  .Ateam .list .item{transform: scale(1);}
  .Ateam .list .item .txt{display: table-cell; padding: 5%;}
  .Ateam .slick-list{overflow: hidden;}
  .Ateam .list .slick-arrow.slick-prev{left: auto; right: 60px; bottom: 0;}
  .Ateam .list .slick-arrow.slick-next{left: auto; right: 0; bottom: 0;}
  .Ateam .list .txt .des{padding-bottom: 50px;}
}
@media(max-width:640px){
  .Ateam .list .slick-current .txt{padding: 3%;}
  .Ateam .list .txt .des{max-height:144px; overflow-y: auto;line-height:24px; padding: 0;}
  .Ateam .list .item{padding-bottom: 60px;}
  .Ateam .list .txt .title{padding-bottom: 2%; margin-bottom:4%}
  .Ateam .list .pic{width: 45%; }
  .Ateam .list .ytable-cell{vertical-align: top}
  .Ateam .list .slick-arrow.slick-prev{right: 50%; margin-right: 5px;}
  .Ateam .list .slick-arrow.slick-next{left: 50%; margin-left: 5px; right:  auto;}
}

.Ahonor{padding-bottom: 5.21%;}
.Ahonor .top-list{margin-left: -15px; margin-right: -15px;padding-bottom: 4.28%; }
.Ahonor .top-list .item{width: 33.33%; padding: 0 15px;  text-align: center;}
.Ahonor .top-list .item a{display: block;padding: 4.44%;background-color: #fff;}
.Ahonor .top-list .item .txt{line-height: 1;color: rgb(51, 51, 51); padding: 7.39% 0 2.46% ;}
.Ahonor .top-list .item .pic{padding-top: 85.22%;position: relative; background: url(../images/honor_bg2.jpg); background-size: 100% 100%; overflow: hidden;}
.Ahonor .top-list .item .pic img{position: absolute; left: 0; bottom: 9.2%; right: 0 ; margin: auto; max-height: 85%; max-width: 90%; padding: 4px 4px 6px; background: url(../images/honor_bg.jpg); background-size: 100% 100%;z-index: 5;-webkit-box-reflect:below 0px -webkit-linear-gradient(bottom,rgba(0,0,0,.08),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0));}
.Ahonor .top-list .item .pic i{width: 100%; position: absolute; height: 20px; left: 50%; bottom: 9.2%; transform: translateX(-50%); background: url(../images/shadow2.png); background-size: 100% 100%;}
.Ahonor .top-list .slick-dots li{border-radius: 0;background-color: rgba(0, 141, 197,.502);}
.Ahonor .top-list .slick-dots li.slick-active{background-color: rgba(0, 141, 197,1);}

.Ahonor .slick-nav .item{padding: 0 5px; line-height: 60px;}
.Ahonor .slick-nav .item a{display: block;color: rgb(51, 51, 51);background: url(../images/function_bg_w.jpg); background-size: 100% 100%; text-align: center;transition: all .3s;}

.Ahonor .slick-nav .item.slick-current a{background: url(../images/function_bg_b.jpg); color: #fff;}
.Ahonor .slick-nav .slick-track{margin: 0 auto;}

.slick-honor .slick-item .box{padding: 70px 10% 155px; /*min-width: 768px;*/}
/*.slick-honor .slick-item .out-box{overflow-x: auto;}*/
.slick-honor {text-align: center;}
.slick-honor .img{display: inline-block; position: relative;}
.slick-honor .item {width: 0; height: 0; position: absolute;}
.slick-honor .item .spot{width: 8px; height: 8px; position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%); background-color: #008dc5; border-radius: 50%;}
.slick-honor .item .line{position: absolute; background-color: #008dc5;}
.slick-honor .item.left .line{right: 4px; top: 50%; transform: translateY(-50%); height: 1px;}
.slick-honor .item.bot .line{left: 50%; transform: translateX(-50%) ; top: 4px; width: 1px;}
.slick-honor .item.right .line{left: 4px; top: 50%; transform: translateY(-50%); height: 1px;}



.slick-honor .item .pic{overflow: hidden;border-radius: 5px; border: 1px solid #008dc5; width: 5vw;padding: 5px; position: absolute ; min-width: 60px;}
.slick-honor .item .pic::before{content: ''; width: 50%; height: 100%; background: url(../images/cursor.png) center center no-repeat; background-size: contain; position: absolute; left: 50%; top: 0; transform: translateX(-50%); opacity: 0; cursor: pointer;}
.slick-honor .item .pic:hover::before{opacity: 1;z-index: 9;}
.slick-honor .item.left .pic{top: 50%; transform: translateY(-50%);}
.slick-honor .item .pic:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.slick-honor .item .pic img{transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.slick-honor .item.right .pic{top: 50%; transform: translateY(-50%);}
.slick-honor .item.bot .pic{left: 50%; transform: translateX(-50%);}

@media(max-width:640px){
.slick-honor .slick-item .box{ padding-left:20%; padding-right:20%}
.slick-honor .item .pic{min-width: 40px;}
}

.honor-pop{position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.6);z-index: 300;overflow-y: auto; display: none;}
.honor-pop .imgbox{position: absolute;left: 0; top: 0; width: 100%; min-height: 100%; text-align: center; }
.honor-pop .imgbox img{padding: 30px; background: url(../images/honor_bg3.jpg); background-size: 100% 100%;width: 480px;height: 680px;}
.honor-pop.quion .imgbox img{width: 600px;height: 400px;}
.honor-pop .imgbox .ytable{min-height: 100vh; padding: 2% 0;}
.honor-pop .imgbox .txt{color: #fff; line-height: 1.333; margin-top: 1.82vw; margin-bottom: 0vw;}
.honor-pop .imgbox .quiimg{position: relative;display:inline-block;vertical-align: top;}
.honor-pop .imgbox .close{width: 30px; height: 30px; border-radius: 50%; border: 1px solid #fff; margin: 0 auto; cursor: pointer; position: absolute;top: -17px;right: -35px;}
.honor-pop .imgbox .close::before,.honor-pop .imgbox .close::after{content: '' ; width: 50%; height: 2px; background-color: #fff; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
.honor-pop .imgbox .close::before{transform: rotateZ(45deg);}
.honor-pop .imgbox .close::after{transform: rotateZ(-45deg);}
@media (min-width:1921px){
  .honor-pop .imgbox img{padding: 60px;}
  .honor-pop .imgbox .txt{margin-top: 35px; margin-bottom: 50px;}
}
@media (max-width:1024px){
  .Ahonor .slick-nav .item{line-height: 50px;}
  .honor-pop .imgbox img{width: auto!important;max-height: 55vh!important;height: auto!important;max-width: 92%!important;}
  .honor-pop .imgbox .close{right: 0;}
}

.Aarea {padding-bottom: 4.6875%;}
.Aarea .map{text-align: center; font-size: 0;}
.Aarea .map .img{display: inline-block; position: relative;}
.Aarea .map .img .item{width: 0; height: 0; position: absolute;}
.Aarea .map .img .item i{width: 16px; height: 16px;box-sizing: border-box; border: 5px solid #008dc5; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);} 
.Aarea .slick-nav{position: relative;}
.Aarea .citis .title{line-height: 50px; padding-left: 20px; border-bottom: 1px solid #eee; position: relative ; z-index: 2;}
.Aarea .citis .slick-nav .item{padding-left: 20px; position: relative;}
.Aarea .citis .slick-nav .item span{ display: inline-block; line-height: 65px; position: relative; z-index: 5; cursor: pointer;}
.Aarea .citis .slick-nav .item span::before{content: ''; width: 0; height: 2px ; background-color: #008dc5; position: absolute; left: 50%; top: 0px; transform: translateX(-50%);z-index: 5; transition: all .3s;}
.Aarea .citis .slick-nav .item.slick-current span::before{width: 100%;}
.Aarea .citis .slick-city{ margin-left: -1%; margin-right: -1%;}
.Aarea .citis .slick-city .item{ float: left; width: 50%; padding:1%}
.Aarea .citis .slick-city .item:nth-child(2n+1){ clear: both}
.Aarea .citis .slick-city .info{position: absolute; padding:12% 6% 6% 6%; color: #fff; width: 100%;}
.Aarea .citis .slick-city h3{margin: 0 ; line-height: 2; color: #008dc5; font-weight: normal;}
.Aarea .citis .slick-city p{margin: 0;}
.Aarea .citis .slick-city .box{ position: relative; overflow: hidden}
.Aarea .slick-arrow{width: 50px; height: 50px; background: url(../images/next2.png) center center no-repeat; position: absolute; top: 0; bottom: 0; margin: auto; z-index: 100; cursor: pointer;}
.Aarea .slick-next{right: 0;}
.Aarea .slick-prev{left: -2%; transform: rotateY(180deg);}
@media(max-width:768px){
.Aarea .citis .slick-city .item{ float: none; width: 100%}
}
@media(max-width:640px){
.Aarea .citis .slick-city .info{padding:8% 4% 4% 4%; }
  .Aarea .slick-nav{padding: 0 30px;}
  .Aarea .slick-prev{width: 30px; height: 30px;}
  .Aarea .map .img .item i{width: 10px; height: 10px; border-width: 3px;}
}

.partner .img{text-align: center; position: relative;}

.partner .img .txt h1{color: rgb(255, 255, 255);line-height: 1.222; margin: 0; margin-bottom: 4.8%;}
.partner .img .txt .des{color: rgb(109,109,109); line-height: 2; text-align: center; }
.partner .img .shuidi{text-align: center; margin-bottom: 2.4%;}
@media(min-width:768px){
.partner .img .txt{position: absolute; left: 50%; bottom: 10%; transform: translateX(-50%); width: 39%; max-width: 416px;}
}
@media(max-width:1024px){
  .partner .img .txt .des{max-height: 180px; overflow-y: auto;}
  .partner .img .txt{width: 55%;}
/*  .partner .img{min-width: 760px;}
  .partner .auto{overflow-y: auto;}*/
}
@media(max-width:768px){
.partner .imgbox{ position: relative}
.partner .img .txt{ width: 100%; padding: 3% 0}
.partner .img .txt .des{ max-height:inherit; overflow:inherit}
.partner .img .txt h1{ color: #333}
.partner  .shuidi{ display: none}
}

.join{padding-top: 5.21%;}

.join .serch-box{max-width: 800px; margin: 0 auto; position: relative; padding-right: 160px; margin-bottom: 5.5%;}
.join .serch-box .text{width: 100%; padding-left: 20px; height: 56px; line-height: 56px; border: 2px solid #008dc5; font-size: 16px;}
.join .serch-box .btn{width: 160px;height: 56px; line-height: 60px; text-align: center; font-size: 16px; color: #fff;background: #008dc5; position: absolute; right: 0; top: 0;}

.join .sum-box{line-height: 60px; padding-left: 40px; color: rgb(153, 153, 153);}

.job-list{border-top: 2px solid #000;}
.job-list .td{float: left; padding: 20px 0; padding-left: 40px; line-height: 38px;}
.job-list .td1{width: 20%;}
.job-list .td2{width: 16%;}
.job-list .td3{width: 17.5%;}
.job-list .td4{width: 16.14%;}
.job-list .td5{width: 14.43%;}
.job-list .td6{width: 11.64%;}
.job-list .handle{text-align: center; padding-left: 0;}
.job-list .handle i{width: 12px; height: 12px; display: inline-block; position: relative;}
.job-list .handle i::before,.job-list .handle i::after{content: ''; width: 100%; height: 2px; background-color: #333; position: absolute;left: 0;right: 0;top: 0;bottom: 0; margin: auto;}
.job-list .handle i::after{ transition: all .3s;width: 2px; height: 100%;}
.job-list .thead{background-color: #f8f8f8; border-bottom: 1px solid #eee;}

.job-list ul li.active .handle i::after{height: 0;}

.job-list ul li{border-bottom: 1px solid #eee;}
.job-list ul li .con{padding: 40px 40px 50px; background-color: #f8f8f8; display: none;}
.job-list ul li .con h2{margin: 0;color: rgb(12, 79, 175); line-height: 20px; padding-left: 33px; background-position: left center; background-repeat: no-repeat; margin-bottom: 10px;}
.job-list ul li .con .duty h2{background-image: url(../images/duty.png);}
.job-list ul li .con .demand h2{background-image: url(../images/demand.png);}

.job-list ul li .con .item{margin-bottom: 2.24%;}
.job-list ul li .con p{margin: 0; color: rgb(102, 102, 102); line-height: 1.875;}
.job-list ul li .wap_txt{ display: none; padding-bottom: 4%}
.job-list ul li .btn-box .apply{width: 220px; height: 60px;line-height: 60px; text-align: center; color: #fff; background-color: #008dc5; display: inline-block; margin-right: 2.86%;}

.join .Pages{padding: 7.14% 0 ; text-align: center;}
.job-list ul li.active .clearfix{background-color: #008dc5; color: #fff;}
.job-list ul li.active .handle i::before,
.job-list ul li.active .handle i::after{background-color: #fff;}

@media(max-width:1024px){
  .join .sum-box,.job-list{font-size: 14px;}
  .join .sum-box{line-height: 50px; padding-left: 20px;}
  .job-list .td4{width: 13.14%;}
  .job-list .td5{width: 17.43%;}
  .job-list .td6{width: 8.64%;}
  .job-list .td1{width: 27.29%;}
  .job-list .td{padding-left: 20px;}
  .job-list ul li .btn-box .submit{width: 150px; line-height: 50px; height: 50px;}
  .job-list ul li .con{padding: 20px;}
}
@media(max-width:640px){
  .job-list{overflow-x: auto; }
  .join .serch-box{padding-right: 120px;}
  .join .serch-box .btn{width: 120px; font-size: 14px;}
  .job-list .td{padding-left:10px;}
  .job-list .thead .td1{ width:26%}
  .job-list .thead .td2,
  .job-list .thead .td3{ width:37%}
  .job-list .thead .td4,
  .job-list .thead .td5,
  .job-list .thead .td6,
  .job-list ul li .td:not(.td1){ display: none}
  .job-list ul li .td.td6{ display: block}
  .job-list ul li .td1{ width:91.36%;}
  .job-list ul li .wap_txt{ display: block}
  .job-list ul li .btn-box .apply{width:160px; height:50px;line-height:50px;}
}

.contact{padding-top: 5.21%; padding-bottom: 5.21%;}
.contact-box .txt{padding: 8% 4% 4% 4%; vertical-align: top; color: #fff; background:no-repeat right top;}

.contact-box { position: relative}
.contact-box h1{margin: 0;color: rgb(51, 51, 51);font-weight: bold; line-height: 1.222; top: 0; position: absolute}

.contact-box h2{ color: rgb(0, 141, 197);margin: 0; line-height: 1.5; font-weight: normal;}
.contact-box p{margin: 0; padding-left: 73px; position: relative ; line-height: 20px; margin-bottom:2%;}
.contact-box p .label{width: 73px; padding-left: 26px; position: absolute; left: 0; top: 0;}
.contact-box p .label img{position: absolute; left: 0;top: 0; bottom: 0; margin: auto; max-height: 100%;}

.msessage-box h2{text-align: center; margin: 0; line-height: 1; padding-top: 5%; padding-bottom: 4.29%;}
.msessage-box form{max-width: 700px; margin: 0 auto;}
.msessage-box .form-item{padding-left: 100px; position: relative; margin-bottom: 2.57%;}
.msessage-box .form-item .text{width: 100%; height: 60px; line-height: 54px;padding-left: 20px; color: rgb(170, 170, 170); font-size: 16px; border-radius: 6px; border: 1px solid #eee;}
.msessage-box form .label{width: 100px; font-size: 18px; line-height: 60px; padding-right: 20px; position: absolute; left: 0; top: 0; text-align: right;}

.msessage-box .form-item .select{position: relative; }
.msessage-box .form-item .select select{width: 100%; height: 60px; line-height: 60px;padding: 20px;opacity: 0; position: relative; z-index: 2;}
.msessage-box .form-item .select .select-label{ z-index: 1; width: 100%; height: 60px; line-height: 60px;padding-left: 20px; color: #008dc5; font-size: 16px; border-radius: 6px; border: 1px solid #eee;}
.msessage-box .form-item .select .select-label::after{content: '';width: 14px; height: 8px; position: absolute; right: 3.43%; top: 0; bottom: 0; margin: auto; background: url(../images/select.png) center center no-repeat; transition: all .3s;}
.msessage-box .form-item .select.active .select-label::after{transform: rotateZ(180deg);}
.msessage-box .form-item .select ul{position: absolute; left: 0; width: 100%; z-index: 5; background: #fff; border-radius: 0 0 5px 5px; box-shadow: 0 0 5px 0 #eee; max-height: 250px; overflow-y: auto; display: none ;z-index: 100;}
.msessage-box .form-item .select ul li{font-size: 16px; padding: 0 20px; line-height: 22px; padding:  13px 20px; border-bottom: 1px solid #eee;}
.msessage-box .form-item .btn{width: 100%; height: 60px; line-height: 60px; text-align: center; color: #fff; border-radius: 6px; background-color: #008dc5; border: 0; cursor: pointer;}
.hidden{display: none !important;}
@media(max-width:1200px){
.contact-box .txt{padding-top:10% }
}
@media(max-width:1024px){
.contact-box .txt{padding-top:14% }
.contact-box h2{padding-bottom: 2rem;}
}
@media(max-width:768px){
  .contact-box .ytable,.contact-box .ytable-cell{display: block; width: 100%;}
  .contact-box .txt{ width: 100%; background-size: cover}
  .contact-box .pic{padding: 2% 0;}
  .msessage-box .form-item .text,.msessage-box .form-item .btn{line-height: 44px; height: 50px;}

  .msessage-box form .label{font-size: 14px;}
  .msessage-box .form-item .text{font-size: 14px;}
}

.show_job_form{ text-align:center;display: none; z-index: 201; left: 0; top: 0; position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7);padding-top: 5%;}
.show_job_form .ytable{ height: 100%}
.show_job_form .formbox{ padding: 30px; position: relative; margin: auto; display: inline-block; width:90%; max-width: 600px; background: #fff; box-shadow:0 0 20px rgb(0 0 0 / 57%)}
.show_job_form .close{position: absolute; top: 10px; right:10px; width: 36px; height: 36px; cursor: pointer; z-index: 10;}
.show_job_form .close::before,
.show_job_form .close::after{ position:absolute; content:''; width:100%; height:3px; border-radius:3px; background:#008dc5; transform:rotate(45deg); left:0; top:50%; margin-top:-1.5px;}
.show_job_form .close::after{transform:rotate(-45deg);}

.show_job_form .box_text{ padding: 5px 0}
.show_job_form .text{ width: 100%; padding: 10px; border: solid 1px #dedede}
.show_job_form .btn{ margin: auto; width: 25%; max-width: 188px; font-size: 14px;  color: #fff; background: #008dc5; padding: 10px 0; border:none; cursor: pointer;}
.show_job_form #jobname{ display: block; font-size: 18px; color: #008dc5}

.show_job_form .queueList{ margin: 0}
.show_job_form .placeholder .webuploader-pick{ background: #008dc5}
.show_job_form .webuploader-container{ max-width:168px; margin:auto;}
.show_job_form .placeholder{ font-size:14px;}
.show_job_form .placeholder input{ display:block; width:100%; height:44px;}
.show_job_form .placeholder .rt_input{ width:100%!important; height:100%!important; left:0!important}
.show_job_form .statusBar .btns .uploadBtn{background: #008dc5}
.show_job_form .statusBar .info{padding-right: 80px;}
#filePicker140399 div:last-of-type{width: 168px !important; height: 44px !important;}
#uploader140399{clear: both;
  border: 1px solid #dae3eb;
  padding: 15px 20px;
  font-size: 15px;}
.queueList{border: 0 !important;}
.queueList{ margin: 0}
.placeholder .webuploader-pick{ background: #1f4b8c}
.webuploader-container{ max-width:168px; margin:auto;}
.placeholder{ font-size:14px;}
.placeholder input{ display:block; width:100%; height:44px;}
.placeholder .rt_input{ width:100%!important; height:100%!important; left:0!important}
.statusBar .btns .uploadBtn{background: #1f4b8c}
.statusBar .info{padding-right: 80px;}
/* .queueList .webuploader-container div:last-of-type,#filePicker140345{width: 168px !important; height: 44px !important;} */

.placeholder .webuploader-pick{ font-size: 14px !important; }

.single {line-height: 1.5; text-align: justify; padding: 5.21% 0;}
.single img{height: auto !important;}

.search{padding: 5.21% 0;}
.search .Pages{padding-top: 3.57%; text-align: center;}
.search .item{padding:0.6% 100px 0.6% 0; border-bottom: 1px dashed #eee; position: relative;}
.search .item a{line-height: 40px; height: 40px;} 
.search .item .time{position: absolute; width: 100px; right: 0; top: 50%; transform: translateY(-50%);}

@media(max-width:640px){
    .search .item{padding-right: 75px;}
    .search .item .time{width: 70px; font-size: 12px;}
}
.get-top{width: 50px; height: 60px; background: url(../images/drop2.png) center center no-repeat; font-size: 13px; text-align: center; padding-top: 25px; position: fixed; right: 3.125%; bottom: 3.125%;z-index: 100; display: none;}
.get-top a{color: #fff;}
@media(max-width:640px){
.get-top{ background-size: 70%}
}
.get-top1{width: 50px; height: 60px; background: url(../images/drop2.png) center center no-repeat; font-size: 13px; text-align: center; padding-top: 25px; position: fixed; right: 3.125%; bottom: 3.125%;z-index: 100; cursor: pointer;}
.get-top1 a{color: #fff;}
@media(max-width:640px){
.get-top1{ background-size: 70%}
}
/* menu */
.location_menu{  line-height: 40px; border-bottom: 1px solid #eee;}
.location_menu .location{ font-size: 14px; color: rgb(153, 153, 153); padding-left:20px; background: url("../images/icon_location.png") no-repeat left center}
.location_menu .location a{ color: #666; padding: 0px 5px;}
.location_menu .location a:hover{ color: #008dc5;}
.location_menu .location span{ color: #008dc5; padding-left: 5px;}
.location_menu .menu{ padding: 0; margin: 0; position: relative;}
.location_menu .menu li { font-size: 16px; position: relative; z-index: 10;}
.location_menu .menu li a{ display: block;color: #666;}
.location_menu .menu li:last-child{ margin-right: 0}
.location_menu .menu .column{ display: none}
  



  
@media(min-width:768px){
  .location_menu  .menu ul{ display: block!important;}
  .location_menu  .menu li{ float: left; margin-right: 18px;}
  .location_menu  .menu li.aon a{ color: #008dc5; }
  .location_menu  .menu li a:after{ content: ''; width: 0; position: absolute; left: 50%;  bottom: 0px;  height: 2px;background: #008dc5;transition: all .3s; transform: translateX(-50%); }
  .location_menu  .menu li.aon a:after{width: 100%;}
  .location_menu  .menu li a:hover:after{ width: 100%;}
}
@media(min-width:1025px){
  .location_menu  .location{ float: right}
  .location_menu  .menu{ float: left}
  .location_menu  .menu li{margin-right: 30px;}
   .location_menu{line-height: 100px;}
  .location_menu  .location{font-size: 14px;}
  .location_menu  .menu .column{font-size: 18px;}
}
@media(min-width:1340px){
  .location_menu  .menu li{margin-right: 48px;}
}
@media(max-width:1024px){
    .location_menu{padding-top: 20px;}
  .location_menu  .menu ul li{padding-bottom: 20px;}
}
@media(max-width:768px){
  .location_menu{padding-bottom: 20px;}
  .location_menu  .menu .column{ color: #008dc5; font-size: 18px; position: relative;display: block; padding: 5px 0px; margin: 0;}
  .location_menu  .menu .column:after{ content: ''; display: block; height: 2px;
    background: #008dc5; /* Old browsers */
    background: -moz-linear-gradient(left, #008dc5 0%, #8597d8 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #008dc5 0%,#8597d8 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #008dc5 0%,#8597d8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008dc5', endColorstr='#8597d8',GradientType=1 ); /* IE6-9 */
    }
  .location_menu  .menu .column:before{ content: ''; width:20px; height: 20px; position: absolute; right: 2%; transition: 0.4s; background: url(../images/icon_menu.png) no-repeat left}
  .location_menu  .menu .column.on:before{ background-position: right}
  .location_menu  .menu ul{ z-index: 20; background: #fff; box-shadow: 0 10px 10px 2px #eee; display: none; position: absolute; width:100%; left: 0;}
  .location_menu  .menu ul li{font-size: 14px; padding:5px 0;width: 100%; border-bottom: dotted 1px #ddd}
  .location_menu  .menu ul li a{ display: block; padding: 0 20px}
}
.related_products{padding: 3% 0;}
.related_products>h3{color: #fff;line-height: 50px;text-align: center;border-bottom: 1px solid #ccc;}
.related_products>h3 b{display: block;width: 160px;font-weight: normal;background-color: #999;}

.sitemap { padding-bottom: 5%}
.sitemap li{ padding:10px 0; border-bottom:dotted 1px #e4e4e4}
.sitemap li b{ padding: 10px 0; display:block; font-size:16px; font-weight:normal;}
.sitemap li span{ opacity:0.8; display:inline-block; white-space:nowrap; padding-right:20px;}

.quiNoList{padding: 15px 0;display: none;}
.quiNoList .h3{color: #008dc5;font-weight: normal;font-size: 20px;}
.quiNoList *{margin: 0;padding: 4px 0;}
.quiNoList a{color: #008dc5;padding: 0 3px;text-decoration: underline;}


/*图片放大*/
.qui-img{-webkit-transition:all .4s ease-out;transition:all .4s ease-out;}
.qui-hover:hover .qui-img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.qui-imgbg{position:absolute;width:100%;height:100%;left:0;top:0;background-position:center;background-repeat:no-repeat;background-size:cover;-webkit-transition:all .4s ease-out;transition:all .4s ease-out;}
.qui-hover:hover .qui-imgbg{-webkit-transform:scale(1.1);transform:scale(1.1);}
.qui-imgbgn{position:absolute;width:100%;height:100%;left:0;top:0;background-position:center;background-repeat:no-repeat;background-size:cover;}

.qui-news-product .quiname{font-size: 20px;margin-bottom: 15px;color: #008dc5;margin-top: 15px;}
.qui-news-product .ULLIST{margin: 0 -15px;overflow: hidden;}
.qui-news-product .ULLIST .li{padding: 15px;text-align: center;}
.qui-news-product .ULLIST .pic{padding-bottom: 70%;height: 0;position: relative;overflow: hidden;background-color: #f5f5f5;margin-bottom: 10px;}
.qui-news-product .ULLIST .pic .qui-imgbg{ background-size: contain}
.qui-news-product .slick-dots { text-align: center}
.qui-news-product .slick-dots li{width: 12px; height: 12px; border-radius: 50%; background-color: #f0f0f0; margin: 0 7px; display: inline-block; transition: all .3s;}
.qui-news-product .slick-dots li button{display: none;}
.qui-news-product .slick-dots li.slick-active{background-color: #008dc5;}
.qui-news-product .slick-arrow{ z-index: 10; width: 40px; height: 40px;  font-size: 0; background: none; position: relative; border: 0; position: absolute; top:50%; margin-top: -50px; }
.qui-news-product .slick-arrow::before{width: 100%; height: 100%; position: absolute; left: 0; top: 0; font-family: '宋体' ; font-weight: bold; font-size: 16px; color: #aaaaaa; line-height:40px;border: 1px solid #c7c7c7; transition: all .3s; cursor: pointer;z-index: 10; background: #fff}
.qui-news-product .slick-arrow:hover::before{border-color: #008dc5; background-color: #008dc5; color: #fff;}
.qui-news-product .slick-prev::before{content: '<';}
.qui-news-product .slick-next::before{content: '>';}
.qui-news-product .slick-prev{left:5px;}
.qui-news-product .slick-next{right:5px;}
@media(max-width:800px){
.qui-news-product .ULLIST{margin: -5px;}
.qui-news-product .ULLIST .li{padding: 5px;}
}

.qui202111152003{position: absolute;width: 743px;height: 743px;border-radius: 50%;border: 1px solid transparent;left: 50%;transform: translateY(-50%) translateX(-50%);top:  calc(50% + 190px);-webkit-transform: translateY(-50%) translateX(-50%);border-radius: 50%;}
.qui202111152003-1{animation:track-rotate 16s linear infinite 0s;-webkit-animation:track-rotate 16s linear infinite 0s;transform-origin:center;position: absolute;left: 0;top: 0;border-radius: 50%;width: 100%;height: 100%;}
.qui202111152003-1:after{content: '';position: absolute;width: 8px;height: 8px;background: rgb(85 183 222);box-shadow: 0  0 10px rgba(85, 183, 222, .9);border-radius: 50%;margin-left: -5px;margin-top: -5px;}
.qui202111152003:before{border-radius: 50%;}
@-webkit-keyframes track-rotate{
  100%{transform:rotate(1turn);-webkit-transform:rotate(1turn);}
}
@keyframes track-rotate{
  100%{transform:rotate(1turn);-webkit-transform:rotate(1turn);}
}
@media(max-width:1600px){
.qui202111152003{width: 53.07142857142857%;height: 0;padding-bottom: 53.07142857142857%;top: calc(50% + 24.0440251572%);}
}


.selector,
.jobaddress {
	border:1px solid #eee;
	padding:8px 12px;
	line-height:22px;
	height:38px;
	display:block;
	width:100%;
}
@media(max-width:768px){
.selector,
.jobaddress {font-size:12px;}
}

@media(max-width:1024px){
.fp-section,
.fp-tableCell {height: auto!important;}
.software .more{font-size: 16px;}
.fp-section{padding: 2vw 0;}
}


#fp-nav ul li a span, .fp-slidesNav ul li a span{width: 12px!important; height: 12px!important; background-color: #008dc5!important; border: 2px solid #008dc5!important;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{margin: -2px 0 0 -2px!important; background-color: #fff!important;}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{margin: -2px 0 0 -2px!important;}

.jump_a{cursor: pointer;}
.about_empty_box{ position: relative}
.about_empty_box a{ display: block; width: 1px; height: 91px; position: absolute; bottom: 0}