body,
ul,
ol,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
table,
td,
img,
div {
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
}

body {
	background: #fff;
	color: #333;
	font-family: "microsoft yahei";
	overflow-x:hidden;
}

ul,
ol,
li {
	list-style-type: none;
}

select,
input,
img,
select {
	vertical-align: middle;
	box-sizing: border-box;
}

a {
	text-decoration: none;
	color:#333;
}

dl,
dt,
dd {
	margin: 0;
}

.w11 {
	width: 1400px;
	margin: 0 auto;
}
.warp{
	width: 90%;
	margin: 0 auto;
}

.clear {
	clear: both;
}
.clearfixed:after{ content:""; clear:both; display:block}
.fl{ float:left}
.fr{ float:right}
.gj-gai-nr ul{ padding-bottom:65px;}
.gj-gai-nr ul li{ float:left; width:50%; font-size:18px; font-weight:bold; margin-bottom:20px; background:url(../images/kh-icon1-1.png) no-repeat left center; padding-left:34px;}
.f-post{ background:url(../images/s-bg1.png); padding:53px 0; text-align:center;}
.f-post span{ background:url(../images/post.png) no-repeat left center; height:55px; display:inline-block; line-height:55px; font-size:28px; font-weight:bold; color:#e71f19; padding-left:80px;}


.xg-zc-an{ width:50%; background:url(../images/xg-zc01.jpg) no-repeat left center #fff; background-size:contain; float:left; min-height:225px; padding:70px 0 0 32%;}
.xg-zc-an p{ font-size:42px; padding-bottom:15px; transition-duration:.5s;}
.xg-zc-an span{ font-size:18px; transition-duration:.5s;}
.xg-zc-an:hover span{ color:#002060}
.xg-zc-an:nth-child(2){ background:url(../images/xg-zc02.jpg) no-repeat left center #fff;}
.onlineconsult_mobile {display:none}
.onlineconsult_pc {display:block}

.ne-banner{ width:100%; position:relative; margin-top:93px;}
.ne-banner img{ width:100%; display:block;animation: changeScale 1 2.5s;}
.ne-search{ width:80%; margin:0 auto; background:#fff; height:152px;-moz-box-shadow:0px 0px 7px #949494; -webkit-box-shadow:0px 0px 7px #949494; box-shadow:0px 0px 7px #949494; position:relative; top:-48px; padding:40px; box-sizing:border-box}
.pd-pro{ padding:0 0 40px 0; background:url(../images/bg01.jpg) repeat-x bottom center;}
.ne-sou{ margin-bottom:10px;}
.ne-sou input{ width:65%; background:#ebebeb; height:51px; line-height:51px; border:none; outline:none; padding-left:25px; float:left;}
.ne-sou button{ width:15%; height:51px; border:none; outline:none; background:url(../images/ss.png) no-repeat center center #002060}
.ne-sou a{ background:#333333; color:#fff; width:15%; height:51px; line-height:51px; display:block; float:right; text-align:center; transition-duration:.5s;}
.ne-sou a:hover{ background:#002060}
.pro-ti{ text-align:center; padding-bottom:32px; font-size:48px;}
.w1373{ width:1400px; margin:0 auto;}
.pd-le{ width:41.44%; background:#ececec; padding:40px 28px 49px 28px; position:relative; transition-duration:.5s;}
.pro-banner-txt{ position:absolute; bottom:0; width:100%; left:0;}
.pro-banner-txt h2{ color:#fff; font-size:26px; padding-bottom:20px; font-weight:bold;}
.pd-le dl dt{ background:url(../images/pro-bg.png) no-repeat; padding-bottom:100%; overflow: hidden; position:relative; transition-duration:.5s;    background-size: contain;}
.pd-le dl dt img{ position:absolute; bottom:100px; max-width:90%; left:0; right:0; margin:auto;}
.pd-ri dl dt img{ width:100%; display:block; transition-duration:.5s;}
.pd-le dl dd { text-align:center;}
.pd-le dl dd p,.pd-ri dl dd p{ font-size:30px; color:#333; padding:36px 0 30px 0;}
.pd-le dl dd span,.pd-ri dl dd span{ display:inline-block; border:1px solid #111111; color:#555;   font-size:16px; line-height:32px; padding:0 27px; transition-duration:.5s; }
.pd-le:after,.pd-ri dl:after{ content:""; position: absolute;
    width: 0;
    height: 4px;
    background: #002060;
    left: 50%;
    transform: translate(-50%);
    transition-duration: .5s;
    bottom: 0;}
.pd-le:hover:after,.pd-ri dl:hover:after{ width:100%;}
.pd-ri dl dt{ background:none;}
.pd-le:hover dl dt{ transform:scale(1.1,1.1)}
.pd-le:hover dl dd span,.pd-ri dl:hover dd span{ background:#002060; border-color:#002060; color:#fff;}
.pd-ri{ width:58.56%;}
.pd-ri dl{ width:50%; text-align:center; position:relative; float:left; background:#fff; transition-duration:.5s;}
.pd-ri dl dt{ position:relative; padding-bottom:92%;}
.pd-ri dl dd{ width:100%; text-align:center; bottom:38px; position: absolute;}
.pd-ri dl dd p{ padding:0 0 11px 0;}
.pd-ri dl dt img{ transition-duration:.5s; width:100%; height:100%; position:absolute; top:0; left:0;}
.pd-ri dl:hover dt img,.f-hz ul li:hover span img{ transform:scale(1.1,1.1)}
.gg-pro{ padding:40px 0;}
.pd-le:hover {
  -moz-box-shadow:0px 0px 20px #999999; -webkit-box-shadow:0px 0px 20px #999999; box-shadow:0px 0px 20px #999999;
  z-index: 998;
}
.pd-ri dl:hover{ -moz-box-shadow:0px 0px 20px #999999; -webkit-box-shadow:0px 0px 20px #999999; box-shadow:0px 0px 20px #999999;
  z-index: 998;;}
/* .accordion */
.accordion { height:485px;overflow: hidden;position:relative; margin-top:40px; clear:both; }
.accordion:after { content: "";display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #fff; }
.accordion._create:after { display: none; }

.accordion__ul { display:block;list-style: none;margin: 0;padding: 0;width:9999px;height:485px;overflow:hidden;position:absolute;left:0;top:0; }
.accordion__li { display:block;list-style: none;margin: 0;padding: 0;height:485px;float:left;overflow: hidden; transition: all 0.3s ease-out; margin-right:4px; position:relative; background:#000;}
.accordion__img { display: block;cursor: pointer;position:relative; opacity:0; transition-duration:.5s;}
.wenben{ color:#333; position:absolute; top:0; left:0; padding:0; transition-duration:.5s; opacity:1; text-align:center; width:100%; height:100%;}
.wenben img{ position:absolute; width:100%; height:100%; top:0; left:0; opacity:1;}
.wenben h1{ font-size:26px; font-weight:normal; padding-bottom:17px; position:relative; padding-top:57px;}

.wenben p{border:1px solid #111111; color:#555;   display:inline-block;font-size:16px; line-height:32px; padding:0 27px; position:relative}
.wenben p:hover{background:#002060; border-color:#002060; color:#fff;}
.accordion__li:hover .accordion__img{ opacity:1;}
.accordion__li:hover .wenben img{ opacity: 0; }
.accordion__li:hover .wenben p{background:#002060; border-color:#002060; color:#fff;}
.tb{ opacity:1; position:absolute; width:100%; text-align:center; top:50%; transform:translateY(-50%);transition-duration:.5s;}
.tb p{ color:#fff; font-size:18px; font-weight:bold; padding-top:15px;}
.accordion__li:hover .tb{ opacity: 0; }
.cookiespan{margin-left:30px;cursor:pointer;color:#fff;align:center}
.footerbr{display:none}
.new-product{ width:100%;background:url(../images/bg02.jpg) repeat center center; padding:50px 0 60px 0;}
.f-hz{ background:#002060; padding:47px 0; clear:both}
.f-hz h1{ text-align:center; font-size:30px; font-weight:normal; color:#fff; padding-bottom:20px;}
.f-hz ul{ text-align:center;}
.f-hz ul li{ background:#fff; height:55px; width:29%; display:inline-block; text-align:center;}
.f-hz ul li span{ display:inline-block; position:relative; top:-4px;}
.f-hz ul li p{ display:inline-block; font-size:24px; padding-left:20px; line-height:55px;}
.f-hz ul li span img{ transition-duration:.5s;}
.f-hz ul li a{ color:#333;}
.f-hz ul li a:hover{ color:#002060}
.f-hz ul li:nth-child(2){ margin:0 6.1%;}
.jd-product{ padding:75px 0 60px 0;}
.jd-le{ width:349px; height:334px; background:url(../images/bg03.jpg) no-repeat; text-align:center; line-height:334px; font-size:48px; color:#fff; font-weight:bold;}
.jd-product ul{ width:1050px; background:#f5f5f5; height:334px; padding-top:75px;}
.jd-product ul li{ float:left; padding:0 33px;}
.jd-product ul li img{ transition-duration:.5s; width:100%; height:100%;}
.jd-product ul li:hover img{ transform:scale(1.2,1.2)}
.new-qh{ 
  width:1054px;
  overflow:hidden; 
  position:relative; 
  margin:0 auto;
  height:588px;
}
.new-qh .bd{ 
  position:relative; 
  height:100%;
  overflow:hidden;
 
}
.new-qh .bd li{ background:#000;}
.new-qh .bd img{ 
  width:100%; 
  height: 100%;
  display:block;
  transition-duration:.5s; 
}
.new-qh .bd li:hover img{ transform:scale(1.1,1.1); opacity:0.6}
.new-qh .hd{ 

  overflow:hidden; 
  position:absolute; 
 width:100%; 
 text-align: center;
  bottom:21px; 
  z-index:1; 
}
.new-qh .hd ul{ 
  overflow:hidden; 
  zoom:1; 
  color:#fff; 
   width:100%; 
 text-align: center;
}
.new-qh .hd ul li{ 
  display: inline-block;
  margin-right:15px;  
  width:48px; 
  height:6px; 
  background:#fff; 
  border-radius:30px; 
  cursor:pointer; 
}
.new-qh .hd ul li.on{ background:#002060}
.se-key{ font-size:18px; text-align:center;}
.se-key a{ color:#333; padding:0 10px 0 0;}
.se-key a:hover{ color:#002060}

.zxzx{
	width: 50px;
	height: 155px;
	background: #002060;
	position: fixed;
	right: 0;
	bottom: 40%;
}
.zxzx span{
	display: block;
	margin: 0 auto;
	width: 20px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	padding-top: 30px;
	position: relative;
	margin-top: 15px;
}
.zxzx span:before{
	display: block;
	content: '';
	width: 29px;
	height: 27px;
	background: url(../images/zx1.png) no-repeat;
	position: absolute;
	top: 0;
	left: -5px;
	/*transition-duration: 0.5s;*/
	animation: caleTop 1s infinite;
}


/* 本例子css */
		.pro-le .picScroll-top{  width:346px;  overflow:hidden; position:relative; }
		.pro-le .picScroll-top .hd .prev{position:absolute; top:0px; left:0; width:346px; height:29px;z-index:9;cursor:pointer; background:url(../images/pre1.png) no-repeat center center #e7e7e7; border-top:1px solid #e6e1e1; text-align:center; opacity:0.75;}
		.pro-le .picScroll-top .hd .next{  position:absolute; bottom:0px;left:0; width:346px; height:29px;z-index:9;cursor:pointer; background:url(../images/next1.png) no-repeat center center #e7e7e7; border-top:1px solid #e6e1e1; text-align:center; opacity:0.75; }
.pro-le .picScroll-top .hd .prev:hover,.picScroll-top .hd .next:hover{ opacity:1;}
		
		.pro-le .picScroll-top .bd{ padding-top:29px; background:#ececec;}
		.pro-le .picScroll-top .bd ul{ overflow:hidden; zoom:1; }
		.pro-le .picScroll-top .bd ul li{  width:346px; height:140px; position:relative; border-top:1px solid #dbdbdb; }
.pro-le .picScroll-top .bd ul li dl{ padding:16px 20px;}
.pro-le .picScroll-top .bd ul li dl dt{ float:left; width:75px;  height:100px;}
.pro-le .picScroll-top .bd ul li dl dt img{ transition-duration:.5s; width:100%; max-height:100%;}
.pro-le .picScroll-top .bd ul li dl dd{ float:left; padding-left:20px; padding-top:10px;width: calc(100% - 75px);width: -webkit-calc(100% - 75px);box-sizing: border-box;}
.pro-le .picScroll-top .bd ul li dl dd p{ font-size:16px; padding-bottom:10px;}
.pro-le .picScroll-top .bd ul li dl dd a{ color:#333; opacity:0.75; font-size:14px; display: inline-block; line-height:30px; border:1px solid #a2a2a2; line-height:30px; padding:0 10px;  }
.pro-le .picScroll-top .bd ul li:hover dl dd a{color:#fff; background:#002060; border-color:#002060; opacity:1;}
.pro-le .picScroll-top .bd ul li:hover dl dt img{ transform:scale(1.1,1.1)}
.pro-le .picScroll-top .bd ul li:hover dl dd p{ color:#002060}


/*产品列表*/
.zpmenu{width:100%;display:inline;background:rgba(255,255,255,0.7);float:left;height:56px;overflow:hidden}
.ne-home{ padding:18px 0 0 0 ; position:relative; z-index:2;}
.zpmenu dl{height:56px; line-height:55px;}
.zpmenu dt{width:180px;float:left; text-align:center; font-weight:bold; font-size:18px; position:relative; cursor:pointer }
.zpmenu dd{position:relative;width:600px;display:block;float:left;height:55px;overflow:hidden}
div.zpmenu dl#slider2 dd div.zpinfor{width:600px;display:inline; float:left;height:55px;overflow:hidden}
.zpmenu .open{ font-size:22px; color:#333;}
.zpmenu .open a{ color:#002060; font-size:22px;}
.zpmenu dd ul{width:600px;float:left;clear:both}
.zpmenu dd ul li{line-height:55px;margin:0 50px 0 0;display:inline;white-space:nowrap;float:left; font-size:18px;}
.zpmenu dd ul li a{ color:##333}
.zpmenu dd ul li a:hover{ color:#002060}
.zpmenu dd ul li:last-child{ margin-right:0;}
.zpmenu dt:after{ content:""; position:absolute; left:0; top:15px; width:1px; height:23px; background:#999999}
#slider2 dt:nth-child(1):after{ display:none;}
.pro-fl-cx{ padding:54px 0 23px 0; line-height:17px;}
.pro-fl-cx dl{ margin-bottom:25px;}
.pro-fl-cx dl dt{ float:left; font-size:16px; font-weight:bold; padding-right:15px; width:56px;}
.pro-fl-cx dl dd{ width:94%; float:left;}
.pro-fl-cx dl dd a{ position:relative; display:inline-block; padding-left:26px; margin-right:20px; margin-bottom:20px;}
.pro-fl-cx dl dd a:before{ content:"";width: 17px;height: 17px;border: 1px solid #969696; position:absolute; left:0; top:0; display:block;}
.pro-fl-cx dl dd a:hover:before,.pro-fl-cx dl dd .on:before{background: url(../images/green.png) no-repeat; background-size:cover}
input[type='radio'],input[type='checkbox']{
	width:17px;
	height: 17px;
	vertical-align:middle;
	opacity: 0;

}
.input_style{
	width: 17px;
	height: 17px;
	display: inline-block;
	margin-right:12px;
}
.checkbox_bg{ border:1px solid #969696}

.checkbox_bg_check{
	background: url(../images/green.png) no-repeat;
}


.check .input_style {
    width: 13px;
    height: 13px;
    display: inline-block;
    margin-right: 6px;
	position:relative;
	top:4px;
}
.check .checkbox_bg {
    border: 1px solid #cccccc;
}
.check .checkbox_bg_check{
	background: url(../images/check-click1.jpg) no-repeat;
}



.pro-fl-cx dl dd lable{ padding-right:20px; font-size:16px;}
.ne-pro-search{-moz-box-shadow:0px 0px 19px #B5B5B5; -webkit-box-shadow:0px 0px 19px #B5B5B5; box-shadow:0px 0px 19px #B5B5B5; height:100px; line-height:100px; padding:0 42px;}
.ne-pro-search h1{ font-size:18px; float:left;}
.ne-pro-search p{ font-size:16px; float:left; padding:0 30px;}
.po-form{ }
.po-form input{ width:642px; height:56px; background:#f8f8f8; border:none; float:left; margin-top:20px; margin-right:24px; padding-left:30px;}
.po-form button{ width:56px; height:56px; background:url(../images/ss.png) no-repeat center center #002060; outline:none; border:none; margin-top:20px;}
.ne-pro-list{ padding:33px 20px;}
.ne-pro-list dl{ border:1px solid #e0e0e0; width:24%; float:left; margin-right:1%; margin-bottom:44px;}
.ne-pro-list dl:nth-child(4n){ margin-right:0;}
.ne-pro-list dl dt{ position:relative; padding-bottom:80%; overflow:hidden}
.ne-pro-list dl dt:before{content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 1;
    opacity: 0;
    -o-transition: .4s;
    -ms-transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;}
.ne-pro-list dl dt img{ transition-duration:.5s; width:auto;  position:absolute;top:0; left:0; bottom:0; right:0; margin:auto; max-height:100%; max-width:100%; }
.ne-pro-list dl dd{ background:#f4f4f4; padding:20px 10px 25px; text-align:center; transition-duration:.5s; border-top:1px solid #e0e0e0; position:relative;}
.ne-pro-list dl dd h1{ font-size:18px;transition-duration:.5s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ne-pro-list dl dd p{ color:#777; padding-top:10px;transition-duration:.5s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; display:none;}
.ne-pro-list dl:hover dt:before{ opacity:0.5;}
.ne-pro-list dl:hover dt img{  transform:scale(1.1,1.1)}
.practice-link {
	position: absolute;
	width: 35px;
	height: 35px;
	top: 50%;
	margin-top: -17.5px;
	text-align: center;
	left: 50%;
	margin-left: -17.5px;
	opacity: 0;
	transform: scale(0);
	-o-transition: .4s;
	-ms-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
	z-index: 2;
}
.practice-link span{ display:block; width:100%; height:100%; transition-duration:.4s;background:url(../images/link.png) no-repeat center #fff;	border-radius: 50%;}
.ne-pro-list dl:hover .practice-link {
	opacity: 1;
    transform: scale(1);
}
.ne-pro-list dl .practice-link span:hover {background:url(../images/link-1.png) no-repeat center #002060;}
.ne-pro-list dl:hover dd{ background:#002060}
.ne-pro-list dl:hover dd h1,.ne-pro-list dl:hover dd p{ color:#fff;}

.jianT{width: 100%; text-align: center; padding:0 0 40px 0;}
.jianT a{  background:#fff; border:1px solid #ddd;line-height: 36px;padding:0px 10px;  display:inline-block; margin:0 6px;  }
.jianT a:hover{text-decoration: none; background:#002060;color:#fff;}
.jianT a.page-num-current{ background:#002060; color:#fff;}


/*产品详情*/
.pro-detail-nav{ width:100%; background:#f4f4f4; padding:26px 0 20px 0; margin-top:93px; border-bottom:1px solid #e3e3e3;}
.pro-detail-nav ul li{ float:left; padding-right:50px;}
.pro-detail-nav ul li a{ font-size:16px; position:relative; padding-bottom:23px;}
.pro-detail-nav ul li a:after{ content:""; position:absolute; bottom:0; width:0; left:50%; transform:translate(-50%); transition-duration:.5s; height:3px; background:#002060}
.pro-detail-nav ul li a:hover:after,.pro-detail-nav ul li .on:after{ width:100%;}
.pro-detail-nav p{ line-height:24px;background:url(../images/home1.png) no-repeat left center; padding-left:40px;}
.pro-detail-nav p a:hover{ color:#002060}
.ne-pro-part01{ width:1265px; margin:0 auto; padding:50px 0 53px 0;}
.pro-ri01{ width:587px;}
.tit01{ font-size:24px; color:#002060;}
.wb01{ color:#555; font-size:14px; text-align:justify; line-height:1.6; margin:20px 0 29px 0; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;}
.ne-zx li{ display:inline-block; height:53px; line-height:53px; font-size:20px; width:45%; text-align:center;}
.ne-zx li a{ color:#fff; display:block; transition-duration:.5s;}
.ne-zx li:nth-child(1) a,.ne-zx li:nth-child(2) a{ background:#002060;}
.ne-zx li a:hover{ transform:scale(1.1,1.1)}
.ne-zx li:nth-child(3) a{ background:#777777;}
.ne-zx li:nth-child(3){ float:right;}
.ne-zx li:nth-child(1){ display:none;}
.xg-pro h1{ font-size:18px; font-weight:normal; padding:34px 0 14px 0;}
/* 相关产品滚动 */
		.xg-pro .picScroll-left{ overflow:hidden; position:relative;  border:1px solid #dddddd;   }
		.xg-pro .picScroll-left .hd{ overflow:hidden;  }
		.xg-pro .picScroll-left .hd .prev,.xg-pro .picScroll-left .hd .next{ display:block;  width:20px; height:62px;
			 cursor:pointer; background:url("../images/pre2.png") no-repeat center #666666; position:absolute; left:0; top:50%; margin-top:-31px; z-index:2;}
		.xg-pro .picScroll-left .hd .next{ background:url("../images/pre2.png") no-repeat center #666666; transform:rotate(180deg); left:auto; right:0; }
		.xg-pro .picScroll-left .hd .prev:hover,.xg-pro .picScroll-left .hd .next:hover{ background-color:#002060}
		.xg-pro .picScroll-left .bd{ padding:6px 0;   }
		.xg-pro .picScroll-left .bd ul{ overflow:hidden; z-index:1; }
		.xg-pro .picScroll-left .bd ul li{float:left; _display:inline; overflow:hidden; text-align:center; width:33.3333%; border-right:1px solid #f1f1f1; padding:10px 0; margin:0 2px;  }
		.xg-pro .picScroll-left .bd ul li .pic{ text-align:center;position: relative;
    padding-bottom: 80% }
		.xg-pro .picScroll-left .bd ul li .pic img{ max-width: 100%;
    max-height: 100%;
    display: inline-block;
    transition-duration: .5s;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;}
		.xg-pro .picScroll-left .bd ul li:hover .pic a img{ transform:scale(1.1,1.1)}
		.xg-pro .picScroll-left .bd ul li .title{ line-height:24px; font-size:12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;  }
		.xg-pro .picScroll-left .bd ul li .title a{ transition-duration:.5s; }
		.xg-pro .picScroll-left .bd ul li:hover .title a{ font-weight:bold; color:#002060;}
/* 产品切换图片展示 */
.pro-le01{ width:577px; position:relative}
		.picFocus{ margin:0 auto;  width:100%;  position:relative; zoom:1;   }
		.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
		.picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
		.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center; position:relative; width:126px; height:98px; border:1px solid #ddd;margin-right:5px;}
		.picFocus .hd ul li.on{ border-color:#002060;  }
		.picFocus .bd li{ position:relative; height:460px;width:577px}
		.picFocus .bd img,.picFocus .hd ul li img{ position:absolute; max-height:100%; max-width:100%; top:0; left:0; bottom:0; right:0; margin:auto; display:block;  transition-duration:.5s;  }
		.picFocus .hd ul li span,.picFocus .bd li .pro-xz{ position:absolute; width:126px; height:98px; display: block; width:100%; text-align:center; background:url(../images/xz.png) no-repeat center center; top:0; left:0;}
		.picFocus .bd li .pro-xz{ width:79px; height:78px;background:url(../images/xz1.png) no-repeat center center #002060; bottom:0; right:0; left:auto; top:auto;}
.pro-share{ position:absolute; bottom:0; right:0;}
.b2 {
    background: url(../images/fx.png) no-repeat right center; font-size:18px; line-height:98px;
}
.ne-pro-part02{ width:100%; background:url(../images/bg04.jpg) no-repeat top center;}
.w1265{ width:1265px; margin:0 auto;}
.pp-ti01{ color:#fff; font-size:36px; padding:33.3px 0;}
.Menubox ul li{ float:left; height:61px; line-height:61px; width:217px; text-align:center; background:url(../images/bg05.jpg) no-repeat top center; margin-right:10px; color:#fff; font-size:18px; cursor:pointer;}
.Menubox ul li.hover{ background:#fff; color:#333;}
.Contentbox{ background:#f5f5f5; padding:80px 0;}
.CbContainer img{ max-width:100%;}
.pro-form{ width:100%; }
.pro-form h1{ color:#fff; text-align:center; font-size:36px; font-weight:normal; padding-bottom:50px;}
.fk-xi{ width:1082px; margin:0 auto;}
.fk-xi ul { width:100%; position:relative;}
.fk-xi ul li{ width:529px; height:42px;  line-height:39px; margin-bottom:8px; position:relative;}
.fk-xi ul li input,.fk-xi ul li textarea,.fk-xi ul li select{ width:100%; height:100%; border:none; background:#eee; padding-left:22px; font-size:15px; box-sizing:border-box;color: #757575;}
.fk-xi ul li:last-child{ position:absolute; top:0; right:0; height:342px;}
.fk-xi ul li:last-child textarea{ padding-top:10px;font-family: "microsoft yahei"; }
.pro-sub{ width:100%; text-align:center; padding-top:50px;}
.pro-sub button,.pro-sub a{ width:200px; padding:15px 0; background:#002060; color:#fff; font-size:20px; border:none; display:inline-block; outline:none; cursor:pointer; transition-duration:.5s; margin:0 10px;}
.pro-sub button:hover,.pro-sub a:hover{  background:#fff; color:#333;}
/* 解决方案css */
.banner-txt{ position:absolute; top:50%; transform:translateY(-50%); color:#fff; left:0; width:100%;}
.banner-txt h1{ font-size:48px;}
.banner-txt p{ font-size:20px; width:783px; line-height:1.6; padding:30px 0 70px 0;}
.banner-txt a{ display:inline-block; background:#002060; color:#fff; font-size:18px; padding:18px 40px; transition-duration:.5s; top:0; position:relative;}
.banner-txt a:hover{-moz-box-shadow:0px 0px 7px #828282; -webkit-box-shadow:0px 0px 7px #828282; box-shadow:0px 0px 7px #828282; top:-10px;}
.pd-solution{ padding:80px 0 30px 0;}
.solution-ti{ font-size:40px; padding-bottom:0;}
.solution-fb{ font-size:20px; text-align:center; padding:10px 0 34px 0;}
.so01-list dl{ width:31%; float:left; margin-right:3.5%;}
.so01-list dl dt{ background:#000; overflow:hidden; position:relative; height:230px;}

.so01-list dl dt:after,.jz-down-list dl dt:after{ position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);}
.so01-list dl dt img{ width:100%; display:block; transition-duration:.5s; height:100%;}
.so01-list dl dd{ width:381px; position:relative; top:-55px; background:url(../images/ty.png) no-repeat top center; margin:0 auto; color:#333; text-align:center; padding-top:39px;transition-duration:.5s; z-index:3}
.so01-list dl dd h1{ font-size:24px; font-weight:normal;}
.so01-list dl dd p{ padding:11px 20px; color:#777777; font-size:14px; line-height:2;  }
.so01-list dl dd span{ color:#002060; font-size:16px;   transition-duration:.5s; display:inline-block; padding:12px 44px;}
.so01-list dl:hover dt img{ opacity:0.6; transform:scale(1.1,1.1)}
.so01-list dl:hover dd span{ background:#002060; color:#fff;}
.so01-list dl:hover dd{ top:-70px;-moz-box-shadow:0px 0px 7px #828282; -webkit-box-shadow:0px 0px 7px #828282; box-shadow:0px 0px 7px #828282;background:#fff;}
.so01-list dl:hover dt:after,.jz-down-list dl:hover dt:after{-webkit-animation: shine2 1s;
	animation: shine2 1s;}
.so01-list dl:nth-child(3n){ margin-right:0;}	
.so-more,.gk-solution{ background:url(../images/bg06.jpg)  repeat #f8f9fb; padding:85px 0;}
.so-more-list dl{ width:30%; background:#fff; padding:38px 0 65px 0; text-align:center; position:relative; transition-duration:.5s; float:left; margin-right:4%; border:1px solid #eceff2}
.so-more-list dl dt{ width:86px; height:86px; border-radius:50%;-moz-box-shadow:0px 0px 11px #C4C4C4; -webkit-box-shadow:0px 0px 11px #C4C4C4; box-shadow:0px 0px 11px #C4C4C4; margin:0 auto; transition-duration:.5s;}
.so-more-list dl dt img{ transition-duration:.5s;}
.so-more-list dl dd p{ font-size:24px; color:#333; padding:20px 0 10px 0;}
.so-more-list dl dd span{ font-size:16px; color:#333;}
.so-more-list dl:after{
	content:"";
	position: absolute;
    width: 0;
    height: 6px;
    background: #002060;
    left: 50%;
    transform: translate(-50%);
    transition-duration: .5s;
    bottom: 0;}
.so-more-list dl:hover:after{ width:100%;}
.so-more-list dl:hover dt{-moz-box-shadow:0px 0px 17px #949494; -webkit-box-shadow:0px 0px 17px #949494; box-shadow:0px 0px 17px #949494;}
.so-more-list dl:hover{-moz-box-shadow:0px 0px 17px #949494; -webkit-box-shadow:0px 0px 17px #949494; box-shadow:0px 0px 17px #949494;}
.so-more-list dl:hover dt img{-webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate;
}
.so-more-list dl:last-child{ margin-right:0;}
.gk-solution{ padding:62px 0 0 0;}
.gk-slideBox{ 
  width:100%;
  overflow:hidden; 
  position:relative; 
  margin:0 auto;

}
.gk-slideBox .bd{ 
  position:relative; 
  height:100%;
    background: #000;
}
.gk-slideBox .bd li{ 
  vertical-align:middle; 
}
.gk-slideBox .bd img{ 
  width:100%; 
  height: auto;
  display:block;  
  animation: changeScale 1 2.5s;
}
.gk-slideBox .hd{ 
  position:absolute; 
 width:100%; 
 top:0;
 height:100%;
 left:0;
  z-index:1; 
}
.gk-slideBox .hd ul{ 
 
  zoom:1; 
  color:#fff; 
   width:263px; 
   height:100%;
   background:#1e3d79;
}
.gk-slideBox .hd ul li{    
  cursor:pointer;
  height:14.285%;
  position:relative;
  width:100%;
  width:263px;
  padding:1% 0;
}
.gk-slideBox .hd ul li a{ color:#fff;}
/*2020-6-11*/
.gk-slideBox .hd ul li p{ position:absolute; font-size:18px; top:50%; transform:translateY(-50%); left:25px; z-index:2; width:100%;}
.gk-slideBox .hd ul li:after{ content:""; background:#002060; position:absolute; top:0; left:0; height:70%; width:0; transition-duration:.5s; z-index:1; top:15%; }
.gk-slideBox .hd ul li.on:after{ width:287px;}
.gk-slideBox .hd ul li p:after{ content:""; position:absolute;  width:9px; height:20px; background:url(../images/sj.png) no-repeat right center; right:0; top:3px; opacity:0; transition-duration:.5s;}
.gk-slideBox .hd ul li.on p:after{ opacity:1;right:14%;}
.gk-dw-txt{ position:absolute; width:100%; right:0; bottom:39px; color:#fff;}
.gk-dw-txt .wb{ float:right; position:relative; z-index:3;padding-right:100px;}
.gk-dw-txt .wb h1{ font-size:30px; padding-bottom:15px;}
.gk-dw-txt .wb p{ font-size:16px;}
.gk-dw-txt .wb a{ position:absolute; right:0; top:0; border:1px solid #fff;font-size:16px;   transition-duration:.5s; display:inline-block; padding:10px 44px; color:#fff;}
.gk-dw-txt .wb a:hover{ background:#cc161e; border-color:#cc161e}

/*解决方案详情页*/
.solutio-text{ width:100%; position:absolute; text-align:center; top:13%; left:0; }
.solutio-text h1{ font-size:36px; padding-bottom:20px; line-height:2;}
.solutio-text p{ font-size:18px; width:90%; margin:0 auto; line-height:1.6;}

.solu-part01{ padding:130px 0 94px 0;}
.solu-le{ width:50%;}
.solu-ri{ position:relative; background:#000; overflow:hidden; width:50%;}
.solu-ri .so-img01{ width:100%; display:block; transition-duration:.5s;}
.solu-ri:hover .so-img01{ opacity:0.9; transform:scale(1.1,1.1)}
.bf-an{position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0px auto;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s; cursor:pointer;border-color: #002060;background-color: #002060;padding: 20px;}

.bf-an:before{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #002060;
	opacity: 0.2;
	padding: 10px 20px;
	-webkit-transition-property: -webkit-transform;
	transition-property: -moz-transform;
    -moz-transition-property: -moz-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
    transition-duration: 1s;
    -webkit-animation-name: grow;
    -moz-animation-name: grow;
    animation-name: grow;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.bf-an:hover{background-color:#f2242f;}
.bf-an:hover:before{background-color: #fff;}
.solu-le h1{ font-size:36px; margin-bottom:20px;}
.solu-le p{ font-size:18px;line-height:1.8; color:#555;}
.solu-le a{ display:inline-block; position:relative; border:1px solid #002060; color:#002060; font-size:18px;  padding:17px 39px;transition-duration:.5s;}
.solu-le a:after{ content:""; width:0; height:100%; position:absolute; left:50%; transform:translate(-50%); background:#002060; top:0; z-index:-1;transition-duration:.5s;}
.solu-le a:hover:after{ width:100%;}
.solu-le a:hover{ color:#fff;}
.solu-part02{ width:100%; background:#f4f4f4; padding:55px 0;}
.solu-part02 h2{ text-align:center; font-size:36px; padding-bottom:53px;}
.sol-list dl{ width:32%; float:left; margin-right:2%; transition-duration:.5s;}
.sol-list dl:nth-child(3n){ margin-right:0;}
.sol-list dl dt{ width:100%; overflow:hidden; background:#000; position: relative;  padding-bottom:62%;}
.sol-list dl dt img{ width:100%; display:block; transition-duration:.5s;height:100%; position:absolute; top:0; left:0}
.sol-list dl dd{ background:#fff; padding:27px;}
.sol-list dl dd h1{ font-size:24px; font-weight:normal; display:inline-block; position:relative; padding-bottom:10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width:100%;}
.sol-list dl dd h1:after{ content:""; width:0; height:2px; background:#002060; transition-duration:.5s; position:absolute; left:0; bottom:0;}
.sol-list dl dd p{ font-size:16px; color:#777; text-align:justify;  overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical; margin:10px 0 20px 0; line-height:1.6; min-height:100px;}
.sol-list dl dd span{position: relative;
    display: inline-block;
    padding: 12px 32px;
	border:1px solid #002060;
	color:#002060;
	font-size:18px;
    -webkit-transition: background .6s;
    -moz-transition: background .6s;
    transition: background .6s;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    transform-origin: 0% 50%;}

.sol-list dl:hover dd span{ background: #002060;
    color: #fff;}
.sol-list dl:hover dd h1:after{ width:100%;}
.sol-list dl:hover dd h1{ color:#002060}
.sol-list dl:hover{box-shadow: 0 21px 21px 0 rgba(0, 0, 0, 0.1);}
.sol-list dl:hover dt img{-webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1); opacity:0.8;}


/*搜索框弹出*/
.animated{-webkit-animation-duration:1.4s;animation-duration:1.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

#dialogBg1,#dialogBg2{width:100%;height:100%;background:rgba(0,0,0,0.6);position:fixed;top:0;left:0;z-index:9999;display:none;}
/*#dialog1,#dialog2{ width: 1280px; height: 86%; margin: 0 auto; display: none;   position: fixed; top: 50%; left: 50%; transform:translate(-50%,-50%); z-index: 10000; overflow:auto; background:#fff;  }*/
#dialog1,#dialog2{ width: 430px; height: 430px; margin: 0 auto; display: none;   position: fixed; top: 50%; left: 50%; transform:translate(-50%,-50%); z-index: 10000; overflow:auto; background:#fff;  }

.dialogTop1{ position:absolute; right:5px; top:5px;}
.dialogTop1 a,.dialogTop2 a{ color:#fff;}
.pro-selection{ background:#fff; width:100%; margin:0 auto; padding:18px 23px;}
.pro-se-ti h1{ float:left; font-size:26px;}
.p-xuan-ri li{ float:left; position:relative; font-size:16px;}
.p-xuan-ri li p{ float:left; line-height:50px; padding-left:12px;}
.p-xuan-ri li img{ float:left; width:45px; height:45px;}
.p-xuan-ri li:nth-child(1) img{ border-radius:50%;}
.p-xuan-ri li:nth-child(1){ padding-right:15px; margin-right:15px;}
.p-xuan-ri li:nth-child(1):after{ content:""; position:absolute; right:0; top:15px; width:1px; height:20px; background:#d6d6d6}
.p-xuan-ri li a:hover{ color:#002060; font-weight:bold;}



.dialogTop2{ position:absolute; right:10px; top:10px;}


.pro-xe-fl{ background:#f6f6f6; border:1px solid #eeeeee; padding:14px; margin:20px 0;}
.pro-xe-fl lable{ display:inline-block; width:100%; background:#fff; height:34px; line-height:34px; padding:0 15px; color:#aaa; box-sizing:border-box;}
.pro-xe-fl lable select{ margin-left:10px; border:none; width:85%; height:30px; line-height:30px; font-size:16px; outline:none; background:none;color: #858585;}
.pro-xe-fl lable:nth-child(2){ float:right;}
.pro-xx-nr{ border:1px solid #e6e6e6;}
.xx-le{ width:50%;}
/*dddd*/
.xx-Menubox { width: 100%; height:48px; background-color: #f6f6f6; border-right: 1px solid #ebebeb }
.xx-Menubox li {float: left;cursor: pointer;height: 48px;width:124px; line-height: 48px;font-size: 15px;color: #333333; text-align: center; position: relative;}
.xx-Menubox li.hover {background: #002060; font-weight: bold; color: #fff; }
.xx-Contentbox {width:100%;  margin:0 auto; padding:15px 4%; border-right: 1px solid #ebebeb;  height:560px; overflow:auto }
.pro-select{width: 100%;  margin-top: 5px; }
.pro-select dl{width: 100%; margin-bottom: 10px;}
.pro-select dl dt{width: 100%; line-height: 28px; padding-left: 20px; color: #666666; font-size:14px; position: relative; }
.pro-select dl dt:after{ content: ""; position: absolute; width: 5px; height: 5px; left: 0;  top: 11px; background-color: #f1b7ba; }
.pro-select dl dd{ margin:0 10px; line-height: 24px; border-radius: 3px; padding:0 6px; display: inline-block; cursor: pointer; font-size: 14px;  }
.pro-select dl dd:hover{background-color: #002060; color: #fff;}
.xx-CbContainer{position:relative; width: 100%; }

.active_xx{background-color: #002060; color: #fff;}
.pro-select1{width: 100%;  margin-top: 5px; }
.pro-select1 dl{width: 100%; margin-bottom: 10px;}
.pro-select1 dl dt{width: 100%; line-height: 28px; padding-left: 20px; color: #666666; font-size:14px; position: relative; }
.pro-select1 dl dt:after{ content: ""; position: absolute; width: 5px; height: 5px; left: 0;  top: 11px; background-color: #f1b7ba; }
.pro-select1 dl dd{ margin:0 10px;  padding:0 6px; display: inline-block; cursor: pointer; font-size: 14px;  }


#silde-box{width: 100%; display: none; background:#f6f6f6;}

.xx-Menubox1 { width: 100%; height:48px; background-color: #f6f6f6; border-right: 1px solid #ebebeb }
.xx-Menubox1 li {float: left;cursor: pointer;height: 48px;width:124px; line-height: 48px;font-size: 15px;color: #333333; text-align: center; position: relative;}
.xx-Menubox1 li.hover {background: #002060; font-weight: bold; color: #fff; }
.xx-Contentbox1 {width:100%;  margin:0 auto; padding:30px 0; border-right: 1px solid #ebebeb }
.xx-CbContainer1{position:relative; width: 100%; }
.xx-w1{width: 100%; padding:0 4%;}

.xx-yxpro{width: 100%; height: 48px; background-color: #f6f6f6; padding:0 4%; line-height: 48px; color: #333333; margin-top: 30px;}
.xx-select{width: 100%; height: 50px; line-height: 50px; border-bottom: 1px solid #ebebeb; padding-right: 20px;}
.xx-select li{ color: #333333; font-size: 14px; float: left; }
.xx-select li:nth-child(1){width: 10%;}
.xx-select li:nth-child(2){width: 50%;}
.xx-select li:nth-child(3){width: 20%; text-align: center;}
.xx-select li:nth-child(4){width: 20%; text-align: center;}

.xx-select1{ width: 100%; height: 215px; overflow: auto; overflow-y:scroll }
.xx-select1 dl{ width: 100%; border-bottom: 1px solid #dbdbdb; padding:15px 0; position:relative }
.xx-select1 dl:after{ content:""; clear:both; display:block;}
.xx-select1 dl dt{float: left;}
.xx-select1 dl dt:nth-child(1){width: 10%;}
.xx-select1 dl dt:nth-child(2){width: 50%;}
.xx-select1 dl dt:nth-child(3){width: 20%; text-align: center; color: #002060; } 
.xx-select1 dl dt:nth-child(4){width: 20%;}
.xx-select1 dl dt .pic{ width: 83px; float: left; border:1px solid #ededed; margin-right: 10px; }
.xx-select1 dl dt .pic img{width: 100%;}
.xx-select1 dl dt .text{ line-height: 24px; font-size: 14px; float: left; width:66%; }
.xx-select1 dl dt .text span{color: #002060}


.xx-pro{ border:1px solid #dddddd; width:25%; }
.xx-pro img{display: block; width: 100%;}
.xx-intro{width: 72%;}
.xx-intro .t1{line-height: 1.8; color: #002060; font-size: 18px; font-family: "Arial"; font-weight: bold;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;}
.xx-intro .t2{line-height: 24px; color: #333333; font-size: 14px;}
.xx-intro .t3{font-size: 24px; color: #002060; padding-top: 15px;}

.xx-price{width: 100%; padding:15px 25px 0 0;}
.xx-price .an{width: 100px; height: 34px; line-height: 34px; text-align: center;color: #fff; background-color: #002060; float: right; border-radius: 3px;}
.xx-price .text{font-size: 14px; line-height: 34px; padding-right: 10px; color: #555555; float: right;}
.xx-price .text span{ color: #002060; }
.xx-price .an a{ color:#fff;}


.check{float: left;}
.check span { position: relative; }
.check .input_check {
     position: absolute;
     height: 24px;
     line-height: 24px;
     visibility: hidden;
     cursor: pointer;


}
.check .input_check+label {
     display: inline-block;
      height: 24px;
     line-height: 24px;
     background: url('../images/check-click.jpg') no-repeat left center;
     padding-left: 20px;
      cursor: pointer;
}
.check .input_check:checked+label {
background: url('../images/check-click1.jpg') no-repeat left center;
padding-left: 20px;
}

.panel
{
	display:none;
	background:url(../images/hsj.png) no-repeat 20px top #f6f6f6;
	padding:13px 0 30px 0;
	width:550px;
}
.check-no {
   display: inline-block;
    height: 24px;
    line-height: 24px;
    background: url('../images/check-click2.jpg') no-repeat left center;
    cursor: pointer;
}
.fj-nr02 dl dt{ width:84px; text-align:center; float:left}
.fj-nr02 dl dd{ width:405px; float:right;}
.fj-nr02 dl dd a{ display:inline-block; padding:2px 10px; border-radius:10px;}
.fj-nr02 dl dd a:hover,.fj-nr02 dl dd .on{ background:#002060; color:#fff;}
.fj-nr02 dl:after{ content:""; clear:both; display:block;}
.pro-select1 .fj-nr02 dl dt:after{ display:none;}
.pro-select1 .fj-nr02 dl:nth-child(3) dd{width:405px;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block
}
.spinner-sprite, .spinner .decrease, .spinner .decrease[disabled], .spinner .increase, .spinner .value, .spinner .value.passive {
	background: url('../images/spinner.png') no-repeat
}
.spinner {
	height: 25px;
	width: 71px;
	overflow: hidden;
*zoom:1;
	-webkit-box-shadow: 0 3px 3px -4px #aaa;
	-moz-box-shadow: 0 3px 3px -4px #aaa;
	box-shadow: 0 3px 3px -4px #aaa;
	margin-top:17px;
	margin:0 auto;
}
.spinner button, .spinner .value {
	text-align: center;
	display: block;
	float: left;
	height: 100%;
	line-height: 25px;
	margin: 0
}
.spinner button {
	border: none;
	width: 23px;
	color: #e5312a;
	font: 22px Arial bold;
	padding: 0;
	outline: none
}
.spinner .decrease {
	background-position: 0 -50px;
	cursor: pointer;
	text-indent: -10000px
}
.spinner .decrease[disabled] {
	background-position: 0 -75px;
	cursor: default
}
.spinner .increase {
	background-position: 0 0;
	cursor: pointer;
	text-indent: -10000px
}
.spinner .value {
	background-position: 0 -100px;
	width: 24px;
	height: 27px;
	border: none;
	font-family: Arial;
	color: #333;
	padding: 0px
}
.spinner .value.passive {
	background-position: 0 -25px;
	color: #919191
}
.spinner .error, .spinner .invalid {
	background: #aa0000
}


.xx-Menubox2 { width: 100%; height:46px; background-color: #f6f6f6; border-bottom: 2px solid #002060; margin-top: 15px; }
.xx-Menubox2 li {float: left;cursor: pointer;height: 44px;width:160px; line-height: 44px;font-size: 15px;color: #333333; text-align: center; position: relative; padding-left:30px;}
.xx-Menubox2 li.hover {background: #002060; font-weight: bold; color: #fff; }
.xx-Menubox2 li:nth-child(1).hover {background:url(../images/yx-1-1.png) no-repeat 20% center #002060; font-weight: bold; color: #fff; }
.xx-Menubox2 li:nth-child(2).hover {background:url(../images/yx-2-1.png) no-repeat 20% center #002060; font-weight: bold; color: #fff; }
.xx-Menubox2 li:nth-child(1){ background:url(../images/yx-1.png) no-repeat 20% center; }
.xx-Menubox2 li:nth-child(2){ background:url(../images/yx-2.png) no-repeat 20% center; }
.xx-Contentbox2 {width:100%;   margin:0 auto; border-right: 1px solid #ebebeb }
.xx-CbContainer2{position:relative; width: 100%; }

.qd-select{width: 100%; height: 50px; line-height: 50px; border-bottom: 1px solid #eeeeee; padding-right: 20px; background:#f6f6f6;}
.qd-select li{ color: #333333; font-size: 15px; float: left;width: 15%; text-align: center;}
.qd-select li:nth-child(1){width: 10%;}
.qd-select li:nth-child(2){width: 30%;}


.qd-select1{ width: 100%; overflow: auto; overflow-y:scroll; height:555px;  border-top: 8px solid #f2f2f2; margin-top: 8px; border-left:1px solid #f2f2f2; border-right:1px solid #f2f2f2; }
.qd-select1 dl{ width: 100%; border-bottom: 1px solid #dbdbdb; padding:15px 0; position:relative; }
.qd-select1 dl dt{float: left;width: 15%; text-align: center;}
.qd-select1 dl dt:nth-child(1){width: 10%;}
.qd-select1 dl dt:nth-child(2){width: 30%;}
.qd-select1 dl dt .pic{ width: 83px; float: left; border:1px solid #ededed; margin-right: 10px; }
.qd-select1 dl dt .pic img{width: 100%;}
.qd-select1 dl dt .text{ line-height: 24px; font-size: 14px; float: left; width:72%; }
.qd-select1 dl:after{ content:""; clear:both; display:block;}

.my-qd li:nth-child(2){ width:14%;}
.my-qd li{ color: #333333; font-size: 15px; float: left;width: 14%; text-align: center;}

.qd-sideMenu h3{ height:60px; line-height:60px; padding-left:10px;  border-bottom:1px solid #eeeeee; cursor:pointer; font-weight:normal; font-size:14px; position:relative;}
.qd-ti p{ float:left; width:14%; text-align:center}
.qd-ti p a{ padding:0 5px;}
.qd-ti p a:hover{ color:#002060}
.qd-ti p:nth-child(1){ width:10%; text-align:left; padding-left:20px;}
		.qd-sideMenu h3 em{ display:block; width:17px; height:17px; background:url(../images/icoAdd.png) 0 0 no-repeat; cursor:pointer; position:absolute; right:20px; top:20px; }
		.qd-sideMenu h3.on em{ background-position:0 -17px; }
		.qd-sideMenu ul{ color:#999; display:none; /* 默认都隐藏 */ }
.xuan01{ height:67px; line-height:67px; background:#fafafa; border-bottom:1px solid #efefef}		
.xuan01 p{ float:left; text-align:center; width:14%;}	
.xuan01 p:nth-child(1){ width:10%; text-align:left; padding-left:20px;}	
.xuan01 p:nth-child(2){ width:28%;text-align:left; padding-left:50px;}	
.qd-select1 .xuan02 dt{ width:14%;}
.qd-select1 .xuan02 dt:nth-child(2){ width:28%;}
.qd-select1 .xuan02{ background:#fafafa}
#dialogBg3{width:100%;height:100%;position:fixed;top:0;left:0;z-index:9999;display:none;}
#dialog3{ width: 291px; height: 343px; margin: 0 auto; display: none;   position: fixed; top: 50%; left: 50%; margin: -171.5px 0 0 -145.5px; z-index: 10000; background:rgba(0,0,0,0.7); color:#fff; text-align:center; border-radius:6px; }
.dialogTop3{ position:absolute; right:5px; top:5px;}
.dialogTop3 a{ color:#fff;}
#dialog3 h1{ font-size:24px; font-weight:normal; padding:15px 0;}
#dialog3 p{ font-size:14px; padding-top:10px;}
#dialogBg4{width:100%;height:100%;position:fixed;top:0;left:0;z-index:9999;display:none;}
#dialog4,#dialogBg5,#tel-dialogBg{ width: 420px; height: 420px; margin: 0 auto; display: none;   position: fixed; top: 50%; left: 50%; margin: -210px 0 0 -210px; z-index: 10000; background:rgba(0,0,0,0.7); color:#fff; padding:33px 60px; border-radius:6px; }
.dialogTop4,.dialogTop5,.tel-dialogTop{ position:absolute; right:5px; top:5px;}
.dialogTop4 a,.dialogTop5 a,.tel-dialogTop a{ color:#fff;}
#dialog4 h1,#dialog5 h1,#tel-dialog h1{ font-size:24px; font-weight:normal; padding-bottom:25px;}
#dialog4 input,#dialog4 textarea,#dialog5 input{ display:block; background:#fff; height:45px; line-height:45px; padding-left:20px; font-family: "microsoft yahei"; width:100%; margin-bottom:20px; border:none; box-sizing:border-box; border-radius:5px;}
#dialog4 textarea{ height:80px;}
#dialog4 button,#dialog5 button{ border:none; background:#002060; color:#fff; font-size:18px;height:45px; line-height:45px; width:100%; box-sizing:border-box;}

.ne-banner .ne-mobile-banner{ display:none;}

.xx-ewm{ display:none;}

#so-dialogBg{width:100%;height:100%;background:rgba(0,0,0,0.6);position:fixed;top:0;left:0;z-index:9999;display:none;}
#so-dialog{width: 1280px; height: 83%; margin: 0 auto; display: none;   position: fixed; top: 50%; left: 50%; transform:translate(-50%,-50%); z-index: 10000; background:#fff; padding:20px }
.sou-img-tc{ overflow:auto; height:100%; }
#so-dialog img{ width:100%;}
.so-dialogTop{ position:absolute; right:10px; top:-55px;}
.so-dialogTop a{ color:#fff;}
.article-xi{ padding:50px 0;}
.article-ti{ text-align:center; border-bottom:1px solid #eee; padding-bottom:15px; margin-bottom:15px;}
.article-ti h1{ font-size:24px;}
.article-ti p{ font-size:16px; padding:20px 0 0 0;}
.article-nr{}
.article-nr img{ max-width:100%;}





/*2020-06-18*/
 .so-cd{width: 100%;
    display: inline;
    background: rgba(255,255,255,0.7);
    float: left;
    height: 56px;
    overflow: hidden;}
	.so-cd .owl-carousel .owl-stage-outer{ width:98%; margin:0 auto;}
     .so-cd .owl-theme .owl-controls .owl-dots{ display:none !important;}
	  .so-cd .owl-carousel .owl-item{ text-align:center; line-height:56px; position:relative; font-size:18px; font-weight:bold;}
	   .so-cd .owl-carousel .owl-item a:hover,.so-cd .owl-carousel .owl-item .on{ color:#002060; font-size:22px;}
	  .so-cd .owl-carousel .owl-item:after{content: "";
    width: 1px;
    height: 23px;
    background: #999999;
    position: absolute;
    top: 15px;
    right: 0;}
	  .so-cd .owl-theme .owl-controls .owl-nav{ position:absolute; top:0; width:100%;}
	  .so-cd .owl-theme .owl-controls .owl-nav [class*=owl-]{ background:none; text-indent:9999px; padding:0; margin:0;}
	  .so-cd .owl-carousel .owl-controls .owl-nav .owl-prev,.so-cd .owl-carousel .owl-controls .owl-nav .owl-next{display: block;
    width: 10px;
    height: 56px;
    overflow: hidden;
    cursor: pointer;
    background: url(../images/pre3.png) no-repeat center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;}
	.so-cd .owl-carousel .owl-controls .owl-nav .owl-next{left: auto;
    right: 0;
    transform: rotate(180deg);
}

@-webkit-keyframes grow {
  from {
      -webkit-transform:scale(1);
  }
  to {
      -webkit-transform:scale(2);
  }
}
@-moz-keyframes grow {
  from {
      -moz-transform:scale(1);
  }
  to {
      -moz-transform:scale(2);
  }
}
@keyframes grow {
  from {
      transform:scale(1);
  }
  to {
      transform:scale(1.5);
  }
}


@keyframes caleTop{
	0%{
		top: 0;
		/*transform: scale(1);*/
}
	50%{
		top: -3px;
		/*transform: scale(1.01);*/

}
	100%{
		top: 0;
		/*transform: scale(1);*/
}
}
@-webkit-keyframes shine2 {
	100% {
		left: 125%;
	}
}

@keyframes shine2 {
	100% {
		left: 125%;
	}
}



@keyframes changeScale
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

@-moz-keyframes changeScale 
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

@-webkit-keyframes changeScale
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

@-o-keyframes changeScale 
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

	
 @keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}
@-webkit-keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}
@-moz-keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}
@-o-keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}

/*2020-06-11*/
.pd-more{ text-align:center; padding-bottom:30px;}
.pd-more a{display: inline-block;
    border: 1px solid #111111;
    color: #333;
    font-size: 16px;
    line-height: 32px;
    padding: 7px 27px;
    transition-duration: .5s; top:0; position:relative;}


.pd-more a:hover{ background:#002060; color:#fff; border-color:#002060;top: -5px;
	box-shadow: 4px 4px 4px #002060;}
	
/*2020-06-13*/
#videDivo1{ position:fixed; top: 0; background:rgba(0,0,0,0.6);
    left: 0;
    width: 100%;
    height: 100%; z-index:9999;}

.vizs{ position:absolute; width:900px; height:600px; top:50%; left:50%; margin-top:-300px; margin-left:-450px;}
.vizs video{ width:100%; height:100%;}
.gbb{ position:absolute; top:10px; right:0px; cursor:pointer}
.mobie-gk-pro{ display:none;}	
.pro-xe-fl:after{ content:""; clear:both; display:block;}
.gk-slideBox .bd .gk-mobile-img{ display:none;}
.sou-sk{ height:auto; padding:20px;}
.sou-sk .ne-sou{ margin-bottom:0;}
.sou-sk .ne-sou input{ width:85%;}
.sou-sk{ top:-30px;}
.sou-ti{ text-align:center; font-size:36px; padding:20px 0 40px 0; border-bottom:10px solid #f6f6f6;}
.sou-ti span{ color:#002060}
.sou-pro{ padding:50px 0; border-bottom:3px solid #f6f6f6}
.sou-pro h1{ font-size:24px; padding-bottom:32px;}
.sou-pro-list li{ width:24%; text-align:center; font-size:16px; float:left; margin-right:1%; margin-bottom:20px;padding-top:15px;}
.sou-pro-list li:nth-child(4n){ margin-right:0;}
.sou-pro-list li .pic-pro{ position:relative; padding-bottom:60%;}
.sou-pro-list li .pic-pro img{ max-width:100%; max-height:100%; position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; transition-duration:.5s;}
.sou-pro-list li p{ min-height:60px;}
.sou-pro-list li:hover p{ color:#002060}

    .jq22 .hidden{ display: none;}
	.jq22 ul.list{overflow: hidden;}
	.jq22 ul.list li{width: 100%; overflow: hidden; font-size:18px; border-bottom:1px dashed #e0e0e0; padding-bottom:20px; margin-bottom:20px; position:relative; padding-left:20px;}
	.jq22 ul.list li:before{ content:""; width:5px; height:5px; background:#002060; position:absolute; top:10px; left:10px; border-radius:50%;}
	.jq22 ul.list li p{ width:80%; float:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; transition-duration:.5s;}
	.jq22 ul.list li p b{ font-weight:normal; color:#002060}
	.jq22 ul.list li:hover p{ padding-left:5px;}
	.jq22 ul.list li span{ float:right;}
	.jq22 .more{overflow: hidden;padding:10px;text-align: center;}
	.jq22 .more a{display: block;width: 80px;padding:8px 0;color:#fff;margin:0 auto;background:#002060;text-align:center;border-radius:3px;}
	.jq22 .more a:hover{text-decoration: none;background: red;color: #fff;}
.email-tc{
    height: 180px !important;
    margin: -90px 0 0 -210px !important;

}


.comboTreeWrapper{
	position: relative;
	text-align: left !important;
	width:93%;
	float:right
}

.comboTreeInputWrapper{
	position: relative;
}

.comboTreeArrowBtn {
	position: absolute;
    right: 1px;
    bottom: 1px;
    top: 1px;
    box-sizing: border-box;
	border: none;
    border-radius: 0 3px 3px 0;
	background:none;
}

.comboTreeDropDownContainer {
	display: none;
	background: #fff;
	border: 1px solid #aaa;
	max-height: 250px;
	overflow-y: auto;
	position: absolute;
    width: 100%;
    box-sizing: border-box;
    z-index: 999;
}

.comboTreeDropDownContainer ul{
	padding: 0px;
	margin: 0;
}

.comboTreeDropDownContainer li{
	list-style-type: none;
	padding-left: 15px;
    cursor: pointer;
	line-height:34px;
}

.comboTreeDropDownContainer li:hover{
	background-color: ##002060;}
.comboTreeDropDownContainer li:hover ul{
	background-color: #fff;}
.comboTreeDropDownContainer li span.comboTreeItemTitle.comboTreeItemHover{
	background-color: #002060;
	color: #fff;}

span.comboTreeItemTitle{
	display: block;
	color:#333;
}
.comboTreeDropDownContainer label{
    cursor: pointer;
	width: 100%;
    display: block;
}
.comboTreeDropDownContainer .comboTreeItemTitle input {
	position: relative;
    top: 2px;
	margin: 0px 4px 0px 0px;
}
.comboTreeParentPlus{
    position: relative;
    left: -12px;
    top: 4px;
    width: 4px;
    float: left;
}


.comboTreeInputBox {
	padding: 5px;
    border-radius: 3px;
    border: none;
    width: 100%;
    box-sizing: border-box;
    padding-right: 24px;
	font-size:16px;
	outline:none;
}

.comboTreeArrowBtnImg{
	font-size: 10px;
}

.multiplesFilter{
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #999;
}


.khzq{margin-top: 123px;
    padding-top: 70px;
    padding-bottom: 20px;
    background: url(../images/kh-bg1.jpg) no-repeat;
}
.khzq-nav {
	position: relative;
}
.khzq-nav h3 {
	font-size: 40px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 70px;
}
.khzq-fu {
	padding-left: 40px;
	font-size: 16px;
	color: #fff;
	line-height: 40px;
	position: absolute;
	right: 0;
	top: 0;
}
.khzq-fu:before {
	display: block;
	content: '';
	width: 40px;
	height: 40px;
	background: url(../images/home2.png) no-repeat center center;
	position: absolute;
	left: 0;
	top: 0;
}
.khzq-fu a {
	font-size: 16px;
	color: #fff;
}
.pro-zpmenu dl{ position:relative; left:-50px;}
.pro-zpmenu .open,.pro-zpmenu{ color:#fff;}
.pro-zpmenu dd ul li a{ color:#fff; position:relative;}
.pro-zpmenu dt:after{ background:#fff;}
.pro-zpmenu dd ul li a:hover{ color:#fff;}
.pro-zpmenu dd ul li a:before {
    display: block;
    content: '';
    width: 0;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 50%;
	transform:translate(-50%,-50%);
    bottom: -10px;
    transition-duration: 0.5s;
}
.pro-zpmenu dd ul li a:hover:before,.pro-zpmenu dd ul li .on:before{ width:100%;}
.fk-xi ul .yzm input{}
.fk-xi ul .yzm img{ position:absolute; top:0; right:0; width:100px; height:40px;}
.gai-xz{ width:100%; text-align:center; padding-bottom:20px; }
.gai-xz p{ display:inline-block; margin:0 5px;}
.gai-xz p a{ display:block; padding:10px 20px; background:#eee;}
.gai-xz p a:hover{background: #002060;
    color: #fff;}

.gai-xz .hover a{background: #002060;
    color: #fff;}

.mobike-shzr,.mobike-shzr .owl-controls{ display:none;}
.gai-pro-gd{ text-align:center;}
.gai-pro-gd dd{ background:#f4f4f4; line-height:35px; font-size:12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.gai-pro-gd dt{ padding:10px; height:90px; border-bottom:1px solid #e0e0e0; text-align:center;}
.gai-pro-gd dt img{ max-width:100%; max-height:100%; width:auto !important; display:inline-block !important;}
.mobike-shzr .owl-carousel{ border-left:1px solid #e0e0e0}
.mobike-shzr .owl-carousel .owl-item{ border:1px solid #e0e0e0; margin-right:0 !important; border-left:none;}
.mobile-gdt{ margin-bottom:20px;}
.mobile-gdt .owl-carousel .owl-item{ border:none !important}
.ab-top-nav li{float: left;
    font-size: 18px;
    color: #333333;
    line-height: 88px;
    padding-right: 30px;
    margin-right: 70px;
    position: relative;
    transition-duration: .5s;}
.ab-top-nav li a:after {
    display: block;
    content: '';
    width: 13px;
    height: 8px;
    background: url(../images/icon-1.png) no-repeat;
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -4px;
    transition-duration: .5s;
}
.ab-top-nav li a:hover,.ab-top-nav li .on{ color: #002060; }
.ab-top-nav li a:hover:after,.ab-top-nav li .on:after{background: url(../images/icon-1-1.png) no-repeat;}
.ab-top-nav li:last-child {
	margin-right: 0;
}
.gai-hon{ width:45px; height:45px; margin-left:20px;}
.enlish{ margin-top:20px; margin-left:15px;}
.ab-banner{ margin-top:93px;}

/*2021/6/28*/
.notice-content{
	background: #fafafa;
	padding: 20px 0;
}
.notice-panel{
	background: #FFFFFF;
	padding: 50px 40px;
}
.notice-panel h4{
	font-size: 20px;
	color: #002060;
	margin-bottom: 30px;
}
.notice-panel p{
	font-size: 18px;
	color: #333333;
	margin-bottom: 30px;
}
/*2021/6/28*/


@media screen and (max-width:1450px){
	.w11,.w1373{
		width: 1260px;
	}
.pd-ri dl dt{ padding-bottom:94.3%;}
.new-qh{ width:913px;}
.jd-product ul{ width:910px;}
.jd-product ul li{ padding:0 20px;}
.po-form input{ width:542px;}
.pro-fl-cx dl dd{ width:92%;}
.gk-dw-txt .wb{ width:70%;}
.so01-list dl dt{ height:190px;}
.pro-detail-nav ul li{ padding-right:30px;}
.pd-le dl dt img{ bottom:60px;}
	#dialog1, #dialog2{width: 1000px;z-index: 10000;overflow: auto;}
	#so-dialog{ padding:0;width: 1000px;}
	#so-dialog .so-claseDialogBtn img{ width:70%;}
	.so-dialogTop{ right:0; top:-35px;}
	.xx-Contentbox{ height:600px;}
	.xx-select1 dl dt .text{ font-size:12px; width:50%;}
	.comboTreeWrapper{ width:90%;}
		.banner-txt h1,.f-hz h1{ font-size:26px;}
	.banner-txt p,.pd-ri dl dd p,.pd-le dl dd p,.wenben h1{ font-size:20px;}
	.pro-ti,.jd-le,.pp-ti01,.solu-le h1,.ne-banner-title h3{ font-size:30px;}
	.f-hz ul li p,.ne-banner-title p{ font-size:22px;}
	.ne-banner-title p{ display:none;}
	.Menubox ul li{ height:50px; line-height:50px;}
	.Contentbox{ padding:50px 0;}
	.pro-form h1,.solu-part02 h2{ font-size:30px; padding-bottom:30px;}
	.so01-list dl dd h1,.sol-list dl dd h1{ font-size:20px;}
	.sol-list dl dd span,.solu-le a{ font-size:16px; padding:10px 15px;}
	.solu-le p{ font-size:16px;}
	.xg-zc-an p{ font-size:30px;}
	.xg-zc-an{ padding-left:36%;}
	.onlineconsult_mobile {display:block}
	.onlineconsult_pc {display:none}
	}



@media screen and (max-width:1265px){
.pd-ri dl dt{ padding-bottom:102%;}
.pd-ri dl dd p{ font-size:16px;}
.w11,.w1373,.ne-pro-part01{
		width: 960px;
	}
.po-form input{ width:242px;}
.w1265{ width:90%}
.so01-list dl dd{ width:80%;}
.f-hz ul li:nth-child(2){ margin:0 6%;}
.footer-center-nav dl{ margin-right:24px;}
.pro-detail-nav ul li{ padding-right:20px;}
.pro-detail-nav p{ display:none;}
}
@media screen and (max-width:769px){
	.xg-zc-an{ width:100%;background-size: contain !important; padding:50px 0 0 70%; min-height:140px; margin-bottom:15px;}
	.xg-zc-an p{ font-size:17px; padding-bottom:10px;}
	.xg-zc-an span{ font-size:14px;}
	.onlineconsult_mobile {display:block}
	.onlineconsult_pc {display:none}
	.w11,.w1373{
		width: 100%; padding:0 18px;
	}
	.so01-list dl dt{ height:120px;}
.ne-banner{ margin-top:55px; height:auto;}
.ne-banner img{ height:100%;}
.ne-search{ width:92%; height:auto; padding:15px 10px; top:-30px;moz-box-shadow: 0px 0px 7px #b0b0b0;
    -webkit-box-shadow: 0px 0px 7px #b0b0b0;
    box-shadow: 0px 0px 7px #b0b0b0;}
.ne-banner .ne-pc-banner{ display:none;}
.ne-banner .ne-mobile-banner{ display:block;}
.banner-txt h1{ font-size:20px; padding-bottom:10px;}
.banner-txt p{ display:none}
.banner-txt a{ font-size:14px; padding:5px 10px;}
.ne-sou a{ width:22%; height:40px; line-height:40px; font-size:14px;}
.ne-sou input{ width:60%; height:40px; line-height:40px;}
.ne-sou button{ height:40px; background-size: 40%;}
.se-key{ font-size:13px;}
.pro-ti{ font-size:18px; padding-bottom:10px;}
.pd-pro{ padding:0 0 30px 0; background:#fff;}
.pd-le{ width:100%;}
.pd-le dl dd span, .pd-ri dl dd span{ display:none;}
.pd-le{ padding:0; position:relative;}
.pd-le dl dd{ position:absolute; bottom:10px;  width:100%; text-align:center;}
.pd-le dl dd p{ color:#fff; padding:0 ;}
.pd-le dl dd p, .pd-ri dl dd p{ font-size:14px;}
.pd-ri{ width:100%;}
.pd-ri dl dd{ bottom:10px;}
.gg-pro{ padding:30px 0;}
.accordion{ display:none;}
.mobie-gk-pro{ display:block;}	
.mobie-gk-pro .pd-ri dl dd{ bottom:auto; top:20px;}
.mobie-gk-pro .pd-ri dl dt{ padding-bottom:90%;}

.new-qh,.pro-le .picScroll-top{ width:100%; height:auto; padding-bottom:29px;}
	.pro-le .picScroll-top .bd ul li dl{ padding:10px 30px;}
	.pro-le .picScroll-top .bd ul li{ height:auto;}
	.pro-le{ display:none;}
	.pro-le .picScroll-top .hd .next,.pro-le .picScroll-top .hd .prev{ width:100%;}
	.pro-le .picScroll-top .bd ul li dl dd{ padding-left:30px;}
	.new-qh{ padding-bottom:0;}
	.new-qh .hd{ bottom:5px;}
	.new-product{ padding:20px 0; background:#fff;}
	.jd-product{ margin-bottom:20px; position:relative;padding:0 18px; background:#fff;}
	.jd-le{ width:25%; font-size:16px; position:absolute; left:18px; height:100%; text-align:center; line-height:1;}
	.jd-le span{ position:absolute; top:50%; transform:translateY(-50%); width:100%; left:0;}
	.jd-product ul{ width:75%; padding:0; height:auto;}
	.jd-product ul li{ padding:2px; width:50%; text-align:center; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}
	.jd-product ul li img{ width:60%; height:100%; padding:2px;}
	.jd-product ul li:nth-child(2n){ border-right:0;}
	.jd-product ul li:nth-child(3),.jd-product ul li:nth-child(4){ border-bottom:0;}
	.f-hz h1,.f-hz ul li p{ font-size:13px;}
	.f-hz ul li p{ padding-left:0; line-height:40px;}
	.f-hz h1{ padding:0 18px 15px;}
	.f-hz ul li{ height:40px; width:31%;}
	.f-hz ul li:nth-child(2){ margin:0 1%;}
	.f-hz ul li span img{ width:70%;}
	.f-hz ul li span{ top:0;}
	.f-hz{ padding:20px 0;}
	.zpmenu{ display:none;}
	.pro-fl-cx{ margin-top:20px;}
	.pro-fl-cx dl dt{ width:100%; padding-bottom:15px;}
	.pro-fl-cx dl dd a{ font-size:12px; width:32%; margin-right:0; margin-bottom:8px; box-sizing:border-box; padding-left:20px; display:block; float:left;}
	.ne-pro-search{ height:auto; line-height:24px; padding:10px;-moz-box-shadow:none;
    -webkit-box-shadow:none; 
    box-shadow:none;}
	.ne-pro-search p{ padding:10px 0 0 0;}
	.ne-pro-search h1,.ne-pro-search p{ width:100%; text-align:center;}
	.ne-pro-list{ padding:20px 18px !important;}
	.ne-pro-list dl{ width:48%; margin-bottom:10px;}
	.ne-pro-list dl dd{ padding:5px; }
	.ne-pro-list dl dd h1{ font-size:12px;}
	.ne-pro-list dl dd p{ font-size:12px;}
	.pro-detail-nav{ margin-top:50px; padding:20px 0 10px 0;}
	.pro-detail-nav p{ display:none;}
	.pro-detail-nav ul li{ padding-right:20px; margin-bottom:15px;}
	.pro-detail-nav ul li a{ padding-bottom:5px; font-size:14px;}
	.ne-pro-part01{ width:100%; padding:45px 18px 20px; position:relative;}
	.pro-le01,.pro-ri01{ width:100%;}
	.tit01{ font-size:18px; padding-top:10px; position:absolute; top:0;}
	.ne-zx li{ font-size:14px; height:40px; line-height:40px;}
	.fk-xi ul li,.fk-xi{ width:98%; margin:0 auto;}
	.pp-ti01,.pro-form h1{ font-size:20px; padding:10px 0;}
	.Menubox ul li{ width:30%; margin-right:1%; font-size:14px; height:40px; line-height:40px;}
	.Contentbox{ padding:20px 0;}
	.pro-form{ padding:15px 0 0 0; background-size:cover}
	.fk-xi ul li:last-child{ position:relative; height:70px;}
	.fk-xi ul li{ margin-bottom:10px; width:48%; margin-right:2%; float:left;}
	.fk-xi ul .yzm,.fk-xi ul li:last-child{ width:98%;}
	.fk-xi ul li:nth-child(2n){ margin-right:0;}
	.pro-sub button{ margin-top:20px; width:120px; font-size:16px; height:40px;}
	#dialog2,#so-dialog{ height:100%; width:100%;overflow: auto; top:0; left:0; margin:0 ;}
	.pro-selection{ padding:30px 10px; display:none;}
	.p-xuan-ri li img{ width:30px; height:30px;}
	.p-xuan-ri li p{ line-height:30px;}
	.p-xuan-ri li:nth-child(1):after{ top:5px;}
	.p-xuan-ri li:nth-child(1){ padding-right:5px; margin-right:5px;}
	.pro-xe-fl lable{ width:100%; margin-bottom:10px;}
	.pro-xe-fl lable select,.comboTreeWrapper{ width:70%;}
	.xx-le{ width:100%;}
	.xx-select1 dl dt .pic{ float:none; margin:0 auto;}
	.xx-select1 dl dt .text{ float:none; width:100%;}
	.panel{ width:100%; box-sizing:border-box;}
	.gk-solution,.solu-part01{ padding:30px 18px;}
	.solu-part02{ padding:20px 0;}
	.pd-solution{ padding:20px 18px;}
	.solution-fb{ padding:5px 0 10px 0; font-size:14px;}
	.so01-list dl{ width:48%; margin:0 1%; position:relative;}
	.so01-list dl:nth-child(3n){ margin:0 1%;}
	.so01-list dl dd p{ display:none;}
	.so01-list dl dd{ width:85%; padding-top:10px; top:-15px;background: #fff;background-size: contain;}
	.so01-list dl dd h1{ font-size:14px;}
	.so01-list dl dd span{ padding:0px 10px; font-size:12px;}
	.gk-solution{ padding-top:30px;}
	.so-more-list dl{ padding:10px 0;}
	.so-more-list dl dd span{ display:none;}
	.so-more-list dl dt{ width:46px; height:46px;}
	.so-more-list dl dt img{ width:100%;}
	.so-more-list dl dd p{ font-size:14px; padding:10px 0 0 0;}
	.so-more{ padding:0 0 30px 0;}
	.gk-slideBox .bd .gk-pc-img{ display:none; }
	.gk-slideBox .bd .gk-mobile-img{ display:block; height:250px}
	.gk-slideBox .hd ul li p{ font-size:14px; left:10px;}
	.gk-slideBox .hd ul{ width:45%;}
	.gk-slideBox .hd ul li,.solu-le,.solu-ri{ width:100%;}
	.gk-slideBox .hd ul li.on:after{ width:105%;}
	.gk-slideBox .hd ul li.on p:after{ right:11%; top:4px;width: 5px;height: 11px; background-size:contain;}
	.gk-dw-txt{ right:-10px; bottom:0; background:rgba(0,0,0,0.5); padding:10px 0;}
	.gk-dw-txt .wb{ width:55%;}
	.gk-dw-txt .wb h1{ font-size:16px; padding-bottom:5px;}
	.gk-dw-txt .wb p{ font-size:14px;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
	.gk-dw-txt .wb a{ position:relative; font-size:12px; padding:3px 0; top:5px; border:none;}
	.solutio-text{ display:none;}
	.solu-le h1{ font-size:18px;}
	.solu-le p{ font-size:14px; padding:10px 0; line-height:1.6;}
	.solu-le a{ font-size:14px; padding:5px 10px; margin-bottom:20px;}
	.bf-an{ padding:10px;}
	.solu-part02 h2{ font-size:20px; padding-bottom:15px;}
	.sol-list dl{ width:48%; margin-right:2%; margin-bottom:20px;}
	.bf-an:before{ display:none;}
	.bf-an{ text-align:center; padding:10px 0px;}
	.bf-an img{ width:50%;}
	.sol-list dl dd{ padding:5px;}
	.sol-list dl dd h1{ font-size:16px; padding-bottom:0;}
	.sol-list dl dd p {margin: 0 0 10px 0;min-height: 20px; font-size:14px; line-height:1.4;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;}
	.sol-list dl dd span{ font-size:12px; padding:5px 10px;}
	.sol-list dl:nth-child(3n){ margin-right:2%;}
	#so-dialog{ width: 100%;
    height: auto;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);}
	.sou-img-tc{ height:auto; position: relative; top:15px; transform:none; left:0;}
	.so-dialogTop{ top:0;}
	.vizs{width: 90%;height: 300px;top: 50%;left: 50%;margin-top: -150px;margin-left: -45%;}
	.so-cd{ height:40px;}
	.so-cd .owl-carousel .owl-item{ line-height:40px; font-size:14px;}
	.so-cd .owl-carousel .owl-item a:hover, .so-cd .owl-carousel .owl-item .on{ font-size:16px;}
	.so-cd .owl-carousel .owl-controls .owl-nav .owl-prev, .so-cd .owl-carousel .owl-controls .owl-nav .owl-next{ height:40px; widows:20px;}
	.so-cd .owl-carousel .owl-controls .owl-nav .owl-prev{ left:5px;}
	 .so-cd .owl-carousel .owl-controls .owl-nav .owl-next{ right:5px;}
	.so-cd .owl-carousel .owl-item:after{ top:10px;}
	.xx-Contentbox{ height:auto;}
	.khzq{ margin-top:50px; background-size:cover; padding-top:30px;}
	.khzq-nav h3{ font-size:20px; margin-bottom:10px;}
	.khzq-fu{ position:relative; font-size:14px; line-height:25px; padding-left:20px;}
	.pro-fl-cx dl dd{ width:100%;}
	.sou-ti{ font-size:22px; padding:15px 0;}
	.sou-pro{ padding:20px 0;}
	.sou-pro h1{ font-size:20px; padding-bottom:10px;}
	.sou-pro-list li{ width:48%; font-size:14px;}
	.sou-pro-list li p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	.jq22 ul.list li{ font-size:16px; padding-bottom:10px; margin-bottom:10px;}
	.jq22 ul.list li p{ width:70%;}
	.so-cd .owl-theme .owl-controls .owl-nav,.pro-selection{}
	.xx-ewm{ display:block;}
	.xx-ewm img{ width:100%; height:100%;}
	#dialog1{ width:200px; height:200px; margin:-100px 0 0 -100px; transform:none;}
	.dialogTop1{ }
	.picFocus .tempWrap{
		width: 100% !important;
	}
	.picFocus .bd li{
		width: 100%;
		height:290px;
	}
	.pd-le dl dt{ padding-bottom:60%; background-size:cover;}
	.pd-le dl dt img{ bottom:25px; width:80%; left:0%;}
	.new-qh .hd ul li{ width:30px; margin:0 3px;}
	.mobike-shzr{ display:block;}
	.pd-solution .pro-ti,.pd-more{ padding-bottom:0;}
	.pd-more a{ padding:3px 10px; font-size:13px;}
	.gk-slideBox .hd{ left:-18px;}
	.khzq-fu:before{ width:15px; height:15px; background-size: cover; top:3px;}
	.khzq-fu a{ font-size:14px;}
	.ne-pro-search h1,.ne-pro-search p{ display:none;}
	.po-form input,.po-form button{ height:40px; margin-top:10px;}
	.po-form input{ width:85%; margin-right:0;}
	.po-form button{ background-size:38%; width:15%;}
	.po-form{ padding-bottom:0; width:100%;}
	.ne-pro-list dl{ margin-right:2%;}
	.ne-pro-list dl:nth-child(2n){ margin-right:0;}
	.wb01{ margin:10px 0;}
	.fk-xi{ padding:0 18px;}
	.gai-xz p{ margin:5px;}
	.gai-xz p a{ font-size:14px; padding:5px 10px;}
	.xz-list-ti li{ height:40px; line-height:40px;}
	.CbContainer .xz-list-nr li img{ width:40%;}
	.pro-banner-txt h2{ font-size:22px;}
	.pro-fl-cx dl dd a:before{ width:12px; height:12px;}
	.so-cd .w11{ padding:0!important;}
	#so-dialog .so-claseDialogBtn img{ width:60%;}
	.picFocus .hd ul li{width: 20%;height: 68px;}
	.se-key a{ padding:0;}
	.jianT li{line-height: 26px;
    height: auto;
    width: auto; margin:0 2px;}
	.jianT li a{ padding:0 10px; font-size:13px;}
	.py-hz ul li{ height:auto; padding-top:5px;}
	.py-hz ul li p{ width:100%; line-height:30px;}
	.so-cd .owl-theme .owl-controls .owl-nav{ display:block !important;}
	.article-xi>.w11{ padding:30px 18px !important}
	.fk-xi ul .yzm img{ height:34px; top:4px;}
	.pro-ri,.pd-le:after, .pd-ri dl:after{ display:none;}
	.pd-ri dl:hover dt img,.f-hz ul li:hover span img,.pd-le:hover dl dt{ transform:scale(1,1)}
	.pro-fl-cx dl{ margin-bottom:15px;}
	.pro-share{ display:none;}
	.xg-pro h1{ font-size:16px; padding:20px 0 10px 0;}
	.ne-zx li:nth-child(1){ display:block; float:left;}
	.ne-zx li:nth-child(2),.se-banner{ display:none;}
	.ne-zx{ position:relative;}
	.ne-zx:after{ content:""; clear:both; display:block;}
	.gai-search{ padding:100px 18px 0 !important;}
	.fk-xi ul li:nth-child(5){ width:98%;}
	.article-ti{ padding:20px 0 15px 0;}
	.article-ti h1{ font-size:16px;}
	.article-ti p{ font-size:14px; padding:10px 0 0 0;}.article-nr{ padding-bottom:20px;}
	
	.gj-gai-nr ul li{ width:100%; font-size:14px;}
.f-post span{ font-size:16px;background: url(../images/post.png) no-repeat top center; padding:50px 15px 0; line-height:1.7; height:auto; background-size:15%}
.f-post{ padding:20px 0;}
.gj-gai-nr ul{ padding-bottom:20px;}
}





#portalquesdialogBg1,#portalquesdialogBg2{width:100%;height:100%;background:rgba(0,0,0,0.6);position:fixed;top:0;left:0;z-index:9999;display:none;}
#portalquesdialog1,#portalquesdialog2{ width: 880px; height: 580px; margin: 0 auto; display: none;   position: fixed; top: 50%; left: 50%; transform:translate(-50%,-50%); z-index: 10000; overflow:auto; background:#fff;  }
.portalquesdialogTop1{ position:absolute; right:5px; top:5px;}
.portalquesdialogTop1 a{ color:#fff;}

.questitle{
	height:8%;
	text-align:center;
	font-size:22px;
	padding-top:15px;
	font-weight:bold;
	border-bottom:0px solid #002060;
	
}
.firstpage{
	overflow:auto;
	font-size:18px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	
	height:80%;
	
}

.showtextareap{
	font-size:20px;
	font-weight:bold;
	margin-bottom:15px;
	margin-top:20px;
	text-align:left;
	
}

.firstpage label{
	margin-left:40px;
}

.firstpage textarea{
	width:95%;
	margin-top:10px;
	padding-top: 10px;
	padding-left: 10px;
	font-size:14px;
	border-width: 1px;
    border-style: solid;
    border-color: rgb(169, 169, 169);
    border-image: initial;
    padding: 2px;
}

.firstpage li{
	height: 30px;
    padding: 0 15px;
    overflow: hidden;
    font-size: 18px;
    display: -ms-flexbox;
    display: flex;
    float:left;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    overflow: hidden;
    border:1px solid #a8a8a8;
    border-radius:5px;
    margin-left:30px;
    color:#fff;
    background:#a8a8a8;
}


.firstpage li.active{background:#d0101b;color:#fff}

.firstpage li:hover{border:1px solid #d0101b}

.jqbtj{
	float:left;padding-left:30px;
}
.jqtj{
	float:right;margin-right:30px;
}

.secondpage{
	overflow:auto;
	font-size:18px;
	padding:20px;
	height:80%;
	
}

.secondpagecontent{
	overflow:auto;
	
}


.secondpage .title{
	font-size: 20px;
    color: #222;
    line-height: 1.2;
    float:left;
    margin-top:2px;
    width:50%;
	float:left;
	font-weight:normal;
    
}



    
.secondpage ul{
	 margin-bottom: 40px;
     padding: 0 10px;
     width:50%;
     
}
   
.secondpage li{
	height: 30px;
    padding: 0 15px;
    overflow: hidden;
    margin-bottom: 16px;
    font-size: 18px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    overflow: hidden;
}
.questiondiv{
	width:100%;
	height:40px;
	margin-top:25px;
	float:left;
}

.questiondiv select{
	width: 50%;
    height: 30px;
    padding-left: 5px;
    float:left;
    font-size: 18px;
    box-sizing: border-box;
    border-radius:5px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(169, 169, 169);
    border-image: initial;
    
   
}

.secondpage li.active{background:#d0101b;color:#fff}

.secondpage li:hover{border:1px solid #d0101b}

.questiondiv{

}

.secondpage li .contenttext{
	width:50%;
	border:0;
	border-bottom:1px solid black;
	background:;
	margin-left:5px;
	font-size:18px;
}

.quesfooter{
	width:100%;
	border-top:0px solid #002060;
	padding-top:5px;
	padding-left:10px;
	height:12%;
	font-size:26px;
	bottom:10px;
	font-weight:bold
}

.quesfooter button{ 
	width:100px; 
	height:96%;
	padding:2px 0; 
	background:#002060; 
	color:#fff; 
	font-size:20px; 
	border:none; 
	float:right;
	display:inline-block; 
	outline:none; 
	cursor:pointer; 
	transition-duration:.5s; 
	margin:0 10px;
	border-radius:5px;
	
}
.quesfooter1 button:hover{  border:1px solid #000;background:#fff; color:#002060;}

.quesfooter1 button:hover{  border:1px solid #fff;}


@media screen and (max-width:769px){
	.cookiespan{margin-left:0px;}
	
#portalquesdialogBg1,#portalquesdialogBg2{ width: 95%; height: 90%; margin: 0 auto; display: none;   position: fixed; top: 50%; left: 50%; transform:translate(-50%,-50%); z-index: 10000; overflow:auto; background:#fff;  }
.portalquesdialogTop1{ position:absolute; right:5px; top:5px;}
.portalquesdialogTop1 a{ color:#fff;}
.footerbr{display:block}
	
	
	
	.firstpage li{
		height: 30px;
	    padding: 0 5px;
	    overflow: hidden;
	    margin-bottom: 16px;
	    font-size: 18px;
	    display: -ms-flexbox;
	    display: flex;
	    float:left;
	    -ms-flex-align: center;
	    align-items: center;
	    cursor: pointer;
	    overflow: hidden;
	    border:1px solid #a8a8a8;
	    border-radius:5px;
	    margin-left:8px;
	    color:#fff;
    	background:#a8a8a8;
	}
	
	.jqbtj{
		float:left;padding-left:10px;
	}
	.jqtj{
		float:right;margin-right:10px;
	}
	
	
	.questiondiv{
		width:100%;
		margin-top:10px;
		float:left;
		height:auto;
	}
		

	.secondpage .title{
		font-size: 18px;
	    color: #222;
	    line-height: 1.2;
	    margin-top:2px;
	    width:100%;
		font-weight:normal;
	}
	
	.secondpage ul{
		 margin-bottom: 20px;
	     padding: 0 10px;
	     width:100%;
	     
	}
	
	.questiondiv select{
		width: 95%;
	    height: 40px;
	    padding-top: 3px;
	    padding-left: 5px;
	    font-size: 16px;
	    box-sizing: border-box;
	    border-radius:5px;	  
	    border-width: 1px;
	    border-style: solid;
	    border-color: rgb(169, 169, 169);
	    border-image: initial; 
	}
	
	/*2021/6/28*/
	.notice-panel{
		padding: 20px 5px;
	}
	.notice-panel p{
		font-size: 16px;
		line-height: 1.6;
		margin-bottom: 15px;
	}
	/*2021/6/28*/
	
}