@font-face{
	font-family: "";
	src: url();
	font-weight: normal; 
	font-style: normal;
}
/** 濞撳懘娅庨崘鍛樆鏉堢绐� **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 缂佹挻鐎崗鍐 */
dl, dt, dd, ul, ol, li, /* list elements 閸掓銆冮崗鍐 */
pre, /* text formatting elements 閺傚洦婀伴弽鐓庣础閸忓啰绀� */
form, fieldset, legend, button, input, textarea, /* form elements 鐞涖劌宕熼崗鍐 */
th, td /* table elements 鐞涖劍鐗搁崗鍐 */ {
	margin: 0;
	padding: 0;
}

/** 鐠佸墽鐤嗘妯款吇鐎涙ぞ缍� **/
body,button, input, select, textarea /* for ie */ {
	font: 14px/1.0 "Arial","Microsoft YaHei","","","KaiTi",sans-serif;
}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}
address, cite, dfn, em, var, i { font-style: normal; } /* 鐏忓棙鏋╂担鎾村濮濓拷 */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 缂佺喍绔寸粵澶婎啍鐎涙ぞ缍� */
small { font-size: 12px } /* 鐏忓繋绨� 12px 閻ㄥ嫪鑵戦弬鍥х发闂呴箖妲勭拠锟�, 鐠侊拷 small 濮濓絽鐖堕崠锟� */

/** 闁插秶鐤嗛崚妤勩€冮崗鍐 **/
ul, ol { list-style: none; }

/** 闁插秶鐤嗛弬鍥ㄦ拱閺嶇厧绱￠崗鍐 **/
a { text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0);color: #333}
a:hover { text-decoration: none; cursor: pointer; }

sup { vertical-align: text-top; } /* 闁插秶鐤�, 閸戝繐鐨€电顢戞妯兼畱瑜板崬鎼� */
sub { vertical-align: text-bottom; }

/** 闁插秶鐤嗙悰銊ュ礋閸忓啰绀� **/
legend { color: #000; } /* for ie6 */
fieldset, img { border: 0; } /* img 閹碱叀婧呴敍姘愁唨闁剧偓甯撮柌宀€娈� img 閺冪姾绔熷锟� */
button, input, select, textarea { font-size: 100%; outline: none;} /* 娴ｅ灝绶辩悰銊ュ礋閸忓啰绀岄崷锟� ie 娑撳鍏樼紒褎澹欑€涙ぞ缍嬫径褍鐨� */
button, input[type="button"] { cursor: pointer}
input::-ms-clear{display:none;}/*闂呮劘妫岄弬鍥ㄦ拱濡楀棗寮剁€涳拷*/
input::-ms-reveal{display:none;}/*闂呮劘妫岀€靛棛鐖滃鍡楃毈閻偐娼�*/
/* 濞夘煉绱皁ptgroup 閺冪姵纭堕幍鑸殿劀 */

/** 闁插秶鐤嗙悰銊︾壐閸忓啰绀� **/
table { border-collapse: collapse; border-spacing: 0; }

/* 闁插秶鐤� HTML5 閸忓啰绀� */
article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,
summary, time, mark, audio, video {
	display: block;
	margin: 0;
	padding: 0;
}
*{
	box-sizing: border-box;
}
body{
	width: 100%;
	overflow-x: hidden;
	padding-top: 0.1px
}
.clear{
	clear: both;
}
div{
	padding-top: 0.1px;
}
.box{
	width: 73%;
	margin:0 auto;
	transition: all 0.3s
}
img{
	display: inline-block;
	vertical-align:middle;
}
.logo{
	display: inline-block;
	vertical-align: top;
}
input[type='submit']{
    cursor: pointer;
}
header{
	height: 75px;
	line-height: 75px;
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 13.5%;z-index: 99;
}
header ul{
	display: flex;
	align-items: center;
	justify-content: center;
}
header ul li{
	padding-left: 50px

}
header ul li a{
	transition: all 0.3s;
	font-size: 16px
}
header ul li a:hover{
	color: #104492;
}
header ul li a.active{
	color: #104492;
	font-weight: 600
}
.banner{
	margin-top: 75px;
	position: relative;
}
.link_a{
	color: #fff;
	position: absolute;
	left: 13.5%;
	top:31%;
}
.link_a h1{
	font-size:60px;
}
.link_a h2{
	font-size:18px;
	line-height: 1.6;
	margin-top: 20px;
}
.link_a h2:after{
	content: '';
	display: block;
	width: 30px;
	height: 2px;
	background: #fff;
	margin-top: 20px;
}
.link_a h3{
	display: block;
	font-size:60px;
	width: 150px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	background: #fff;
	font-size:16px;
	color: #104492;
	margin-top: 10%;
	transition: all 0.3s
}
.link_a h3:hover{
	background:  #104492;;
	color: #fff
}
.title {
	text-align: center;
	margin:8% 0;
}
.title dt{
	font-size:50px;
	color: #000;
}
.title dd{
	color: #999;
	font-size:14px;
	line-height: 1.6;
	font-weight: bold
}
.title dd.pic{
	margin:13px;
}
.div1{
	background: url('../img/a(27).png')no-repeat center top;
	padding-bottom: 40px
}
.div1-ul{
	overflow:hidden;
	text-align: left;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;

}
.div1-ul ul{
	display: inline-block;
	vertical-align: top;
	padding-left: 237px;
	position: relative;
	/*background: url('../img/a(25).png')no-repeat left top;*/
}
.div1-ul ul:first-of-type{
	padding-left: 187px
}
.div1-ul ul li{
	margin-bottom: 30px;
	line-height: 1.8;
	text-align: left;

}
.div1-ul ul li a{
	font-size: 16px;
	transition: all 0.3s;
}
.div1-ul ul .line{
	height: auto;
	width: 15%;
	position: absolute;
	left: 25%;
	top:13px;
	height: 1px;
	background:#87a1c8;
	transform-origin: left;
	/*transform: rotate();*/
	transition: all 0.3s;
	z-index: -1
}
.yuan{
	position: absolute;
	/*left: 38%;*/
	/*top:0;*/
	z-index: 3;
	transition: all 0.3s;
}
/*.div1-ul ul:nth-of-type(2) .yuan{
    left: 35%;
    top:140px;
    }*/
    .div1-ul ul:nth-of-type(2) .line{
    	/*left: 23.5%;*/
    	transform: rotate(50deg);
    	width:90px;
    }
    .div1-ul ul:nth-of-type(1) .line{
    	left: 19%
    }
/*.div1-ul ul:nth-of-type(3) .yuan{
    top:72px;
    }*/
    .div1-ul ul:nth-of-type(3) .line{
    	transform: rotate(41deg);
    	width: 113px;
    }
    .div1-ul ul li:nth-of-type(2) a{
    	color: #104492;
    	font-size: 18px
    }
    .div1-ul ul li a:hover{
    	color: #104492

    }
    .div2{
    	background: url('../img/a(1).png')no-repeat left top;
    	padding-bottom: 6%
    }
    .tab{
    	overflow: hidden;
    }
    .tab a{
    	display: block;
    	width: 20%;
    	float: left;
    	background: #f7f7f7;
    	padding: 20px 0;
    	text-align: center;
    	transition: all 0.2s;
    	border-right: 2px solid #fff;
    }
    .tab a:last-of-type{
    	border:0;
    }
    .tab a dl dt{
    	height: 37px;
    	position: relative;
    }
    .tab a dl dt img{
    	position: absolute;
    	left: 50%;
    	transform: translateX(-50%);
    	transition: all 0.2s

    }
    .tab a dl dd{
    	color: #426ba7;
    	margin-top: 15px;
    	line-height: 1.2;
    	transition: all 0.2s

    }
    .tab a dl dt .img2{
    	opacity: 0
    }
    .tab a.active dl dt .img2{
    	opacity: 1;
    	z-index: 2
    }
    .tab a:hover dl dt .img2{
    	opacity: 1;
    	z-index: 2
    }
    .tab a.active{
    	background: #426ba7
    }
    .tab a:hover{
    	background: #426ba7
    }
    .tab a.active dl dd{
    	color: #fff
    }
    .tab a:hover dl dd{
    	color: #fff
    }
    .tab-right{
    	width: 56%;
    	float: left;
    }
    .tab-left{
    	width: 44%;
    	float: left;
    	padding-right: 6%;
    	padding-top: 3.6%
    }
    .tab_content{
    	overflow:hidden;
    	margin-top: 4.4%;
    	position: relative;
    	display: none
    }
    .tab_content:nth-of-type(1){
    	display: block;
    }
    .tab-left h1{
    	font-size: 30px;
    	line-height: 1.4
    }
    .tab-left h2{
    	font-size: 16px;
    	color: #666;
    	line-height: 1.6;
    	margin-top: 6%
    }
    .tab-left h3.btn{
    	display: block;
    	font-size: 60px;
    	width: 150px;
    	height: 45px;
    	line-height: 45px;
    	text-align: center;
    	font-size: 16px;
    	color: #104492;
    	margin-top: 10%;;
    	border:1px solid #426ba7;
    	transition: all 0.3s
    }
    .tab-left h3.btn:hover{
    	background:  #104492;;
    	color: #fff
    }

    .play em{
    	overflow: hidden;
    	display: block;
    }
    .play em img{
    	transition: all 0.4s;
    	max-width: 100%
    }
    .play:hover em img{
    	transform: scale(1.1);
    }
    .div3{
    	background:#f1f1f1 url(../img/dgf.png)no-repeat center top;
    	position: relative;
    	padding-bottom: 3%
    }
    .tab-2 a{
    	display: inline-block;
    	vertical-align: top;
    	width: 108px;
    	height: 30px;
    	line-height: 28px;
    	border-radius: 15px;
    	color: #104492;
    	border:1px solid #104492;
    	margin-right: 20px;
    	transition:all 0.2s;
    }
    .tab-2 a:last-of-type{
    	margin-right: 0
    }
    .tab-2 a.active{
    	background: #104492;
    	color: #fff
    }
    .tab-2 {
    	text-align: center;
    	margin-bottom: 4%;
    	padding-top: 1.6%
    }
    .b2-con{
    	font-size: 0;
    	display: none;
    	/*position: relative;*/
    	z-index: 2
    }
    .b2-con:first-of-type{
    	display: block;
    }
    .jump{
    	display: inline-block;
    	width: 49%;
    	margin-right:2%;
    	margin-bottom: 2%;
    	font-size: 0;
    	position: relative;
    	vertical-align: top;
    	box-shadow: 0 0 5px #ccc
    }
    .b2-con a:nth-of-type(2n){
    	margin-right: 0
    }
    .jump .div-link {
    	background: #fff;
    	display: inline-block;
    	vertical-align: top;
    	width: 75%;
    	position: absolute;
    	height: 100%;
    	right: 0;
    	top:0;
    	padding: 20px;
    }
    .jump .div-link h1{
    	font-size: 14px;
    	color: #999;
    	width: 80%
    }
    .jump .div-link h2{
    	font-size: 16px;
    	color: #333;
    	margin:5% 0 4% 0;
    	width: 80%
    }
    .jump .div-link h3{
    	font-size: 14px;
    	color: #999;
    	width: 50%;
    	line-height: 1.7;
    	height: 3.4em;
    	text-overflow: -o-ellipsis-lastline;
    	overflow: hidden;
    	text-overflow: ellipsis;
    	display: -webkit-box;
    	-webkit-line-clamp: 2;
    	line-clamp: 2;
    	-webkit-box-orient: vertical;
    }
    .jump .div-link span.btn{
    	font-size: 14px;
    	position: absolute;
    	right: 20px;
    	bottom:10%;
    	background: #104492;
    	width: 100px;
    	height: 22px;
    	line-height: 22px;
    	color: #fff;
    	text-align: center;
    	border-radius: 11px
    }
    .jump em{
    	display: inline-block;
    	width: 25%;
    	vertical-align: top;
    	position: relative;
    	padding-bottom: 25%
    }
    .jump em img{
    	width: 100%;
    	position: absolute;
    	left: 0;
    	top:0;
    	width: 100%;
    	height: 100%
    }
    .div4{
    	background: url(../img/vfa.png)no-repeat center top;
    	padding-bottom: 2.5%
    }
    .map{
    	width: 100%
    }
    .ani1{
    	display: inline-block;
    	width: 50px;
    	height: 50px;
    	border-radius: 100%;
    	background: rgba(0,66,124,.14);
    	animation: ani 1.5s linear infinite ;
    	transform-origin: center center; 
    	position: absolute;
    	left: 50%;
    	top: 50%;
    	transform: translate(-50%,-50%);
    }
    .ani2{
    	display: inline-block;
    	width: 50px;
    	height: 50px;
    	border-radius: 100%;
    	background: rgba(0,66,124,.2);
    	animation: anio 1.5s linear infinite ;
    	transform-origin: center center; 
    	position: absolute;
    	left: 50%;
    	top: 50%;
    	transform: translate(-50%,-50%);
    }
    .cen{
    	position: relative;
    }
    @keyframes ani {
    	from {
    		width: 50px;
    		height: 50px;
    	}
    	to {  
    		width: 100px;
    		height: 100px;
    		opacity: 0

    	}
    }
    @keyframes anio {
    	from {
    		width: 25px;
    		height: 25px;
    	}
    	to {  
    		width: 50px;
    		height: 50px;
    		opacity: 0
    	}
    }
    .div4 .box{
    	position: relative;
    }
    .ani3{
    	display: inline-block;
    	width: 8px;
    	height: 8px;
    	background: #00427c;
    	border-radius: 4px;
    	position: absolute;
    	left: 50%;
    	top: 50%;
    	transform: translate(-50%,-50%);
    	z-index: 9;
    	opacity: 1!important
    }
    .pos1{
    	position: absolute;
    	left:60.5%;
    	top: 51%;
    }
    .pos2{
    	position: absolute;
    	left: 70%;
    	top:60%;
    	z-index: 5;
    }
    .pos3{
    	position: absolute;
    	left: 57.5%;
    	top:57.5%;
    }
    .pos4{
    	position: absolute;
    	left: 62%;
    	top:32%;
    }
    .pos4:hover{
    	
    	z-index: 6
    }
    .pos5{
    	position: absolute;
    	left: 64%;
    	top:45%;
    }

	.pos6{
    	position: absolute;
    	left: 51%;
    	top:43%;
    }
	
	.pos7{
    	position: absolute;
    	left: 51%;
    	top:37.5%;
    }

	.pos8{
    	position: absolute;
    	left: 54%;
    	top:49%;
    }
    .pos dl dt{
    	width: 80px;
    	height: 1px;
    	background: #00427c;display: inline-block;
    	vertical-align: top;
    }
    .pos dl{
    	font-size: 0;
    	height: 0
    }
    .pos dl dd{
    	display: inline-block;
    	vertical-align: top;
    	margin-top:-14px;
    	padding: 7px 8px;
    	border:1px solid #00427c;
    	border-radius: 15px;
    	color: #00427c;
    	font-size: 14px;
    	background: #fff;
    	transition: all 0.4s
    }
    .pos.active dl dd{
    	background: #104492;
    	color: #fff;
    	cursor: pointer;
    }
    .pos{
    	cursor: pointer;
    	z-index: 3
    }
    .pos3 dl{
    	position: absolute;
    	right: 100%;
    	width: 190px;
    }
	.pos6 dl{
    	position: absolute;
    	right: 100%;
    	width: 216px;
    }

	.pos7 dl{
    	position: absolute;
    	right: 100%;
    	width: 226px;
    }

	.pos8 dl{
    	position: absolute;
    	right: 100%;
    	width: 286px;
    }
    .pos-con{
    	position: absolute;
    	left: 50%;
    	top: 10%;
    	transform: translate(-50%,-50%);
    	width: 360px;
    	max-width: 100%;
    	background: #fff;
    	box-shadow: 0 0 15px #ccc;
    	padding-bottom: 10px;
    	opacity: 0;
    	transition: all 0.4s;
    }
    .pos-con:first-of-type{
    }
    .pos-con.active{
    	opacity: 1;z-index:5
    }
    .pos-con em{
    	position: relative;
    	display: block;
    	padding-bottom: 51%;
    	overflow:hidden;
    }
    .pos-con em img{
    	width: 100%;
    	position: absolute;
    	left: 0;
    	top:0;
    	height: 100%
    }
    .pos-con h1{
    	text-align: center;
    	font-size: 20px;
    	color: #104492;
    	font-weight: bold;
    	margin:30px 0;
    }
    .pos-con dl{
    	height: 50px;
    	padding-top: 0.1px;
    	padding-left: 55px;
    	margin-bottom: 20px
    }
    .pos-con dl dt{
    	float: left;
    }
    .pos-con dl dd{
    	margin-top: 9px;
    	position: relative;
    	float: left;
    	padding-left: 30px
    }

    .pos-con dl dd:before{
    	content: '';
    	display: block;
    	width: 1px;
    	height: 20px;
    	background: #ccc;
    	position: absolute;
    	left: 15px;
    	top: 50%;
    	transform: translateY(-50%);
    }
    .pos-con dl dd p{
    	line-height: 16px;
    	font-size: 15px;
    }
    .pos-con dl dd p:last-of-type{
    	color: #666
    }
    .span-box{
    	position: absolute;
    	left: 50%;
    	top: 50%;
    	transform: translate(-50%,-50%);
    	z-index: 10
    }
    .close{
   /* position: absolute;
    right: 0;
    top:0;
    width:30px;
    z-index: 10*/

}
footer{
	padding: 70px 0;
	background: #252c33;
	color: #fff
}
.sec1,.sec2,.sec3{
	width: 33.3%;
	display: inline-block;
	float: left;
}
footer .box{
	overflow:hidden;
}
.sec1 a{
	display: inline-block;
	vertical-align: top
}
.sec1 span {
	display: block;
	line-height: 1.5;
	margin-top: 26px;
	margin-bottom: 50px;
	letter-spacing: 1px
}
.sec1 span b{
	opacity:0.5;
	font-weight: normal;
}
.bdsharebuttonbox .popup_twi{
	background: none;
	background:url('../img/a(3).png')no-repeat;
	width: 28px;
	height: 28px;
}
.bdsharebuttonbox .popup_fbook{
	background: none;
	background:url('../img/a(2).png')no-repeat;
	width: 28px;
	height: 28px;
}
.bdsharebuttonbox .gg{
	background: none;
	background:url('../img/a(4).png')no-repeat;
	width: 28px;
	height: 28px;
}
.bdsharebuttonbox{
	display: inline-block;
	vertical-align: middle;
}
.sec2 a{
	color: #fff;
}
.sec2{
	padding-left: 6%
}
.sec3{
	padding-left: 8%
}
.sec2 dt{
	font-size: 20px;
	margin-bottom: 30px
}
.sec2 dt:after{
	content: '';
	display: block;
	height: 3px;
	width: 44px;
	background:#595c60;
	margin-top: 10px
}
.sec2 dd{
	text-indent: 1.1em;
	background: url('../img/a(5).png')no-repeat;
	margin-bottom: 20px
}
.sec3 h1:after{
	content: '';
	display: block;
	height: 3px;
	width: 44px;
	background:#595c60;
	margin-top: 10px;

}
.sec3 h1{
	font-size: 20px;
	margin-bottom: 30px
}
.sec3 dl{
	overflow:hidden;
	margin-top: 15px
}
.sec3 dl span{
	display: block;
}
.sec3 dl dt{
	float: left;
	width: 98px;
}
.sec3 dl dd{
	float: left;
	width: calc(100% - 98px);
	padding-left: 15px;
	margin-top:13px
}
.sec3 dl dd .span1{

}
.sec3 dl dd .span2{
	color: #9e9e9e;
	margin-top: 15px
}
.foot{
	height: 58px;
	line-height: 58px;
	background:#1c2126;
	text-align: center;
	color: #8e8e8e
}
nav{
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	overflow:hidden;
}
nav .box{
	min-height: 68px;
	line-height: 68px;
}
nav ul{
	float: left;
	margin-right:5%;
}
nav li{
	/*float: left;*/
	display: inline-block;
}
nav li a{
	display: block;
}
nav ol{
	/*float: right;*/
	/*margin-top: 19px;*/
	display: inline-block;
	vertical-align:middle;
	text-align: right;
	white-space: nowrap;
}
nav ol li{
	padding: 0 10px;
	height: 30px;
	line-height: 28px;
	border:1px solid #ccc;
	border-radius: 15px;
	margin-left: 30px;
	transition: all 0.2s
}
nav ol li:first-of-type{
	margin:0;
}
nav ol li.active{
	background:#104492;
}
nav ol li a{
	color: #999
}
nav ol li.active a{
	color: #fff;
}
nav ul li i{
	margin:0 12px;
	color: #ccc
}
nav ul li:last-of-type a{
	color: #104492;
}
.pro{
	margin-bottom:6%;
	padding-top: 3%
}
.pro .box{
	overflow: hidden;
}
.pro .info{
	width: 25%;
	float: left;
	display: block;
	border:2px solid transparent;
	transition: background 0.2s;
	transition: border 0.2s;

}
.pro .info em{
	padding-bottom: 100%;
	position: relative;
}
.pro .info:hover{
	border-color: #104492;
}
.pro .info em img{
	display: block;

	position: absolute;
	left: 0;
	top:0;
	width: 100%;
	height: 100%
}
.pro .info div{
	overflow:hidden;
}
.h2-box{
	height: 76px;
	margin-bottom: 8%;
}
.pro .info:hover div{
	background: #104492
}
.pro .info:hover dl{
	border-top: 1px solid rgba(255,255,255,.2);
}
.pro .info:hover div dl dd{
	border-left: 1px solid rgba(255,255,255,.2);
}
.pro .info div h1{
	font-size: 20px;
	text-align: center;
	margin:8%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	height: 1em
}
th{
	border:1px solid #DDDDDD;
	padding: 0.8em 0!important

}
td{
	border:1px solid #DDDDDD;

	padding: 0.8em 0!important
}
/*tr:nth-of-type(even){
	background: #EDF5FA
	}*/
	.pro .info:hover div h1{
		color: #fff
	}
	.pro .info:hover div dl dt{
		color: #fff;
	}
	.pro .info:hover div h2{
		color: #a5c9ff
	}
	.pro .info div h2{
		font-size: 14px;
		color: #999;
		padding-left: 30px;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		margin-bottom:12px;
	}
	.pro .info div h2:last-of-type{
		/*margin-bottom:8%;*/
	}
	.pro .info div dl{
		height: 50px;
		position: relative;
		border:0;
		border-top: 1px solid #dddddd;
	}
	.pro .info div dl dt{
		float: left;
		height: 50px;
		line-height: 50px;
		color: #000;
		padding-left: 30px;
	}
	.pro .info div dl dd{
		float: right;
		width: 50px;
		position: relative;
		height: 50px;
		border-left: 1px solid #dddddd;

	}
	.pro .info div dl img{
		height: 12px;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);

	}
	.pages{
		margin-bottom: 3.8%
	}
	.pages .box{
		height: 66px;
		line-height: 66px;
		text-align:center;
		border:1px solid #ccc;
		overflow:hidden;
		font-size: 16px;

	}
	.pages .box a{
		display: inline-block;
		vertical-align: top;
		width: 50px
	}
	.pages .box .prev{
		float: left;
	}
	.pages .box .prev,.pages .box .next{
		display: inline-block;
		vertical-align: top;
		background: #f4f4f4;
		width: 64px;
		height: 64px;
		font-size: 24px;
		text-align: center;
		transition: all 0.2s
	}
	.pages .box .next{
		float: right;
	}
	.slide{
		margin-left:5%;
	}
	.pages .box a:nth-of-type(2){
		margin-left:0;
	}
	.pages .box a.active{
		text-decoration: underline;
		color: #104492;
		font-weight: bold
	}
	.pages .box .slide{
		font-size: 16px
	}
	.pages .box .prev:hover{
		background:#104492;
		color: #fff;
	}
	.pages .box .next:hover{
		background:#104492;
		color: #fff;
	}
	.img-no{
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
	}



















	.pro-left{
		width: 46%;
		display: inline-block;
		position: relative;
		vertical-align: middle;
	}
	.gallery-thumbs.thumbs{
		position: absolute;
		right: 0;
		top:50%;
		transform: translateY(-50%);
		height: 80%;
		width: 20%;
	}
	.gallery-thumbs.thumbs .swiper-slide img{
		width: 100%;
	}
	.gallery.gallery-top{
		width: 77%;
		margin:0.1px;
	}
	.gallery.gallery-top .swiper-slide img{
		width: 100%;
	}
	.pro-left .swiper-button-next{
		top:0;
		background:#104492;; /* 标准的语法 */
		right: 0;
		width: 20%;
		height: 30px;
		margin:0;
		outline: none;

	}
	.pro-left .swiper-button-prev{
		bottom:0;
		top:auto;
		right: 0;
		left: auto;
		background:#104492;
		width: 20%;
		height: 30px;
		margin:0;
		outline: none;
	}
	.center{
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
	}
	.pro-right{
		width: 50%;
		display: inline-block;
		vertical-align: top;
		padding-left: 4%
	}

	.pro-info{
		font-size: 0
	}
	h1.h1{
		font-size: 34px;
		margin:4.5% 0;
		text-align: center;
	}
	.pro-right dl{
		color: #333;
		padding: 40px 0;
		border-top:1px solid #dddddd;
		font-size: 0
	}
	.pro-right dl:first-of-type{
		border:0;
	}
	.pro-right dl dd{
		font-size: 22px;
		display: inline-block;
		width: calc(100% - 155px);
		vertical-align: top;
		overflow: hidden;
	}
	.pro-right dl dt{
		display: inline-block;
		width: 155px;
		font-size: 16px;
		vertical-align: top

	}
	.pro-right dl dd span{
		display: inline-block;
		width: 50%;
		vertical-align: top;
		float: left;
		margin-bottom: 22px;
	}
	.pro-right dl dd span b{
		display: inline-block;
		background: #104492;
		padding: 0 20px;
		height: 36px;
		line-height: 36px;
		border-radius: 18px;
		text-align: center;
		color: #fff;
		font-size: 14px;
		font-weight: normal;
		white-space:nowrap;
		max-width: 100%;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap
	}
	.pro-right dl:last-of-type dt{
		margin-top: 10px
	}
	.t-nav{
		font-size: 0;
  /*  border-left:2px solid #11499c;
  border-right:2px solid #11499c;*/
  border-radius: 34px;
  overflow:hidden;
}
.t-nav a{
	width: 33%;
	font-size: 22px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	position: relative;
	height: 67px;
	line-height: 67px;
	color: #11499c;
	transition: all 0.3s;
	border: 1px solid #11499c;

}
.t-nav a:nth-of-type(2){
	margin-left:0.5%;
	margin-right:0.5%;
}
.t-nav a:nth-of-type(1){
	border-radius: 34px 0 0 34px;

}
.t-nav a:nth-of-type(3){
	border-radius: 0 34px 34px 0;

}
.t-nav a img{
  /*  position: absolute;
    left: 35%;
    top:50%;
    transform: translateY(-50%);*/
}
.t-nav a .img3{
	/*opacity:0;*/

}
.t-nav a.active{
	background: #11499c;
	color: #fff
}
.t-nav a.active .img3{
	opacity:0;
	z-index: 0
}
.pro-right dl:last-of-type{
	padding-bottom: 0
}
.tclass{
	margin-top: 50px;
}
.triangle{
	text-indent: 1em;
	background: url(../img/triangle.png)no-repeat left 5px;
	line-height: 1.6;
	margin:3% 0;
}
.pro-box{
	overflow:hidden;
}
.d25{
	width: 28%;
	float: left;
	position: relative;
}
.d50{
	width: 44%;
	float: left;
	position: relative;
}
.d20{
	width: 24%;
	float: left;
	position: relative;
}
em.d25 img{
	width: 100%
}
em.d25{
	padding-right:2%
}
.after-line:after{
	content: '';
	display: block;
	position: absolute;
	right: 0;
	width: 1px;
	height: 150px;
	background: #ccc;
	top:30px;
}
/*em.d25*/
div.d50{
	overflow:hidden;
	padding-left: 3%
}
div.d50 dl{
	float: left;
	width: 50%
}
h6.act{
	color: #104492;
	font-size: 18px;
	line-height: 1.8;
	font-weight: 400
}
h5.act{
	color: #333;
	font-size: 14px;
	text-indent: 1em;
	background:url(../img/mjhu.png)no-repeat left 8px;
}
div.d25{
	line-height: 1.8;
	padding-left:3.5%
}
div.d25 ol li i{
	color: #666666
}
div.d25 ol{
	margin-top: 15px
}
div.d50 dl {
	line-height: 1.8;
	margin-bottom: 15px
}
div.d50 dl dt{
	text-indent: 1em;
	background:url(../img/triangle.png)no-repeat left 7px;
	background-size: auto 10px
}
div.d50 dl dd{
	color: #666666
}
.txt-content{
	padding-bottom: 5%
}
.h1.actvie{
	border-bottom: 1px solid #ccc;
	margin-bottom: 0;
	padding-bottom: 4.5%
}
.pro{
	overflow:hidden;
}
.txt-content{
	display: none
}
#table{
	display: block;
}
#table img{
	width: 100%
}
.solu a{
	display: block;
	position: relative;
	margin-bottom:24px;
}
.solu a:first-of-type{
	margin-top: 48px
}
.solu a:last-of-type{
	margin-bottom: 8%
}
.solu a .bg-img{
	width: 100%
}
.soli-l{
	text-align: center;
	width: 55%;
	position:absolute;
	top:10%;
	transform: translateY(-50%); 
	right: 5%;
	background: rgba(10,87,202,.6);
	color: #fff;
	height: 80%;
	padding: 4% 6.5%;
	transition: all 0.4s
}

.solu-t{
	display:inline-block;
	vertical-align: top;
	height: 50px;
	line-height: 48px;
	border-radius: 25px;
	border:1px solid #104492;
	color: #104492;
	text-align: center;
	padding: 0 5%;
	background: #fff;
	font-size: 20px;
	font-weight: bold;
	position:absolute;
	top:50%;
	transform: translateY(-50%); 
	left: 5%
}
.soli-l dl dt{
	font-size: 24px;
}
.soli-l dl dd{
	margin:4% 0;
}
h6.h6{
	line-height: 1.8;
	text-align: left;
	font-size: 14px!important;
	height: 14em;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 8;
	line-clamp: 8;
	-webkit-box-orient: vertical;
}
span.more{
	display:inline-block;
	vertical-align: top;
	height: 36px;
	line-height: 36px;
	border-radius: 18px;
	color: #fff;
	text-align: center;
	padding: 0 3%;
	background: #104492;
	font-size: 15px;
	margin-top: 8.5%;
	transition: all 0.4s
}
.solu a:hover .soli-l{
	background: rgba(10,87,202,0.9);
}
.solu a:hover span.more{
	background: #fff;
	color: #104492
}
h4.h4{
	font-size: 22px;
	font-weight: bold;
	color: #104492;
	margin-bottom:2%;
}
.solu-txt{
	padding-top: 4.3%;
	border-top: 1px solid #ccc;
	line-height: 1.8;
	padding-bottom: 7%;
	font-size: 16px
}
.solu-txt img{
	max-width: 100%;
	display: block;
	margin:4% auto;
}
.solu-txt p{
	/*text-indent: 2em*/
}
h5.h5{
	width: 232px;
	height: 50px;
	line-height: 50px;
	background: #f1f1f1;
	margin:3.5% auto;
	font-size: 0;
	text-align: center;
	box-shadow: inset 0 1px 10px #ccc;
	border-radius: 25px;
	position: relative;

}
h5.h5 a{
	display: inline-block;
	font-size: 16px;
	vertical-align: middle;
	width: 90px;
	height: 36px;
	line-height: 36px;
	position: relative;
	color: #104492;
	border-radius: 18px;
	margin-right:12px;
	transition: all 0.3s
}
h5.h5 a.active{
	background:#104492;
	color: #fff;

}
h5.h5:after{
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background: #ccc;
	width: 1px;height: 13px
}
h5.h5 a:last-of-type{
	margin-right:0;
	margin-left:12px
}
.sp1{
	width: 92px;
	border:1px solid #ccc;
	padding: 15px 0;
	display: inline-block;
	vertical-align: middle;
	margin-left:5px;
}
.sp1 dt{
	text-align: center;
	font-size: 26px;
	color: #666
}
.sp1 dd{
	text-align: center;
	font-size:14px ;
	color: #666;
	margin-top: 5px
}
.sp2{
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	width: calc(100% - 132px);
	padding:0 4.5%
}
.sp3{
	display: inline-block;
	vertical-align: middle;
}
.news-box{
	overflow:hidden;
	position: relative;
	font-size: 0
}
.news-box:last-of-type{
	/*display: none*/
}
.news{
	margin-bottom: 3%
}
.pages.news-p{
	margin-bottom: 3.4%;
	width: 100%;
	overflow:hidden;
	padding-top: 5%
}
.swiper1 .swiper-slide>img{
	width: 100%
}
.pages.news-p .box{
	width: 100%
}
.dl-box{
	position: relative;
	padding: 20px 0;
	border-bottom: 1px solid #ccc
}
.news-box .a-link {
	display:inline-block;
	float: left;
	font-size: 0;
	position: relative;
	width: 23%;
	margin-right:1.3%;
	margin-bottom: 1.3%
}
/*display:inline-block;
    float: left;
    font-size: 0;
    position: relative;
    width: 23%;
    margin-right:1.3%;
    margin-bottom: 1.3%*/

    .news-box a:nth-of-type(3n){
    	margin-right:0;
    }
    .news-box .a-link:nth-of-type(3n){
    	margin-right: 1.3%;
    }
    .news-box .a-link:nth-of-type(4n){
    	margin-right:0;
    }
    .sp3 img{
    	position: absolute;
    	width: 25px;
    	top: 50%;
    	transform: translateY(-50%);
    	right: 10px;
    	transition: all 0.4s

    }
    .sp2 dt{
    	font-size: 18px;
    	overflow:hidden;
    	text-overflow:ellipsis;
    	white-space:nowrap;
    	line-height: 1.6
    }
    .sp2 dd{
    	font-size: 14px;
    	color: #666;
    	overflow:hidden;
    	text-overflow:ellipsis;
    	white-space:nowrap
    }
    .dl-box:after{
    	content: '';
    	display: block;
    	height: 1px;
    	position: absolute;
    	bottom:0;
    	left: 0;
    	width: 0;
    	background: #104492;
    	transition: all 0.4s
    }
    .news-box .a-link:hover .dl-box:after{
    	width: 100%
    }
    .cvb{
    	opacity:0;
    	z-index: 0;

    }
    .news-box .a-link:hover .cvb{
    	opacity:1;
    	z-index: 2
    }
    .news-box .a-link em{
    	position: relative;
    	padding-bottom: 100%
    }
    .news-box .a-link em img{
    	position: absolute;
    	left: 0;
    	top:0;
    	width: 100%;
    	height: 100%
    }
    .news-box .a-link em:after{
    	content: '';
    	display: block;
    	position: absolute;
    	left: 50%;
    	top: 50%;
    	transform: translate(-50%,-50%);
    	width: 54px;
    	height: 54px;
    	background: url(../img/jia.png)no-repeat left top;
    	opacity:0;
    	transition: all 0.4s
    }
    .news-box .a-link:hover em:after{
    	opacity:1;
    }
    .news-box .a-link:hover .sp1 dt{
    	color: #104492;
    }
    .kl{
    	position: absolute;
    	right: -100%;
    	bottom:0;
    	width: 100%;
    	transition: all 0.4s

    }
    .b-link{
    	position: relative;
    	display: inline-block;
    	vertical-align: top;
    	width: 29%;
    	float: left;
    	overflow:hidden;
    	margin-right: 6.5%;
    	margin-bottom:6.5%;
    }
    .b-link em img{
    	width: 100%
    }
    .news-box .b-link:nth-of-type(2){
    	position: relative;
    	top:90px;
    }
    .news-box .b-link:nth-of-type(3n+2){
    	position: relative;
    	top:90px
    }
    .dl-p{
    	position: absolute;
    	right: 15px;
    	bottom:12.5%;
    	text-align: right;
    	color: #fff;
    	width: 90%
    }
    .dl-p dt{
    	font-weight: bold;
    	margin-bottom:12px;
    	font-size: 16px;
    	overflow:hidden;
    	text-overflow:ellipsis;
    	white-space:nowrap
    }
    .dl-p dd{
    	color: #e1e1e1;
    	font-size: 14px;
    	overflow:hidden;
    	text-overflow:ellipsis;
    	white-space:nowrap
    	.swiperus 
    }
    .rs{
    	position: absolute;
    	right: 6px;
    	bottom:1.3%;
    	transform: rotate(180deg);
    	transition: all 0.4s

    }
    .b-p{
    	display: block;
    	position: absolute;
    	right: 0;
    	bottom:0;
    	width: 8px;
    	height: 130px;
    	background: #104492;
    	transition: all 0.4s
    }
    .b-link:hover .b-p{
    	opacity:0;
    }
    .b-link:hover .kl{
    	right:0;
    }
    .b-link:hover .rs{
    	transform: rotate(0deg);
    }
    .swiperus{
    	margin-top: 5.4%
    }
    .swiperus .swiper-slide{
    	/*padding-bottom: 25%;*/
    	height: 360px;
    	position: relative;
    	border:1px solid #e4e4e4;
    	border-right: 0;
    	border-bottom: 2px solid #e4e4e4;
    	transition: all 0.3s
    }
    .swiperus .swiper-slide img{
    	position: absolute;
    	left: 50%;
    	top: 50%;
    	transform: translate(-50%,-70%);
    	width: auto;
    	height: auto;
    	max-width: 80%;
    	max-height: 80%;
    	transition: all 0.3s
    }
    .swiperus .swiper-slide dl{
    	position: absolute;
    	left: 50%;
    	top: 85%;
    	transform: translate(-50%,-50%);
    	width: 100%;
    	text-align: center;
    }
    .swiperus .swiper-slide dl dt{
    	font-size: 28px;
    	font-weight: bold;
    	font-style: italic
    }
    .swiperus .swiper-slide dl dd{
    	color: #666;
    	margin-top: 5px;
    	font-size: 16px
    }
    .swiperus .swiper-slide:hover .imgo{
    	opacity:0;
    }
    .swiperus .swiper-slide:hover{
    	background: #104492;
    	border-color: #104492
    }
    .swiperus .swiper-slide:hover dl dt{
    	color: #fff
    }
    .swiperus .swiper-slide:hover dl dd{
    	color: #999
    }
    .swiperus .swiper-button-next{
    	background: none;
    	background: url(../img/re.png)no-repeat right center;
    	background-size: auto 100%;
    	right: 0
    }
    .swiperus .swiper-button-prev{
    	background: none;
    	background: url(../img/le.png)no-repeat left center;
    	background-size: auto 100%;
    	left: 0

    }
    .phone{
    	display: flex;
    	justify-content: space-around;
    	align-items: center;
    	width: 100%;
    	text-align: center;
    	padding: 4.5% 0;
    	border-bottom: 1px solid #eeeeee
    }
    .phone dl dt{
    	margin-bottom:25px;

    }
    .phone dl dd{
    	line-height: 1.8;
    	font-size: 16px
    }
    .phone dl dd p:last-of-type{
    	color: #666
    }
    .ban-img{
    	width: 100%
    }
    .ban-txt{
    	position: absolute;
    	left:13.5%;
    	top: 35%;
    	transform: translateY(-50%);
    	color: #fff;
    	font-size: 60px;
    	font-style:italic;
    	font-weight: bold
    }
    .form-us{
    	font-size: 0
    }
    .form-us input{
    	font-size: 16px;
    }
    .form-us textarea{
    	font-size: 16px;
    	width: 65.5%;
    	border:none;
    	border:1px solid #dddddd;
    	background: #f3f3f3;
    	margin-bottom: 3.5%;
    	margin-right: 3.5%;
    	height: 20vh;
    	display: inline-block;
    	vertical-align: top;
    	padding: 1em
    }
    .form-us input[type='text']{
    	width: 31%;
    	margin-right: 3.5%;
    	background: #f3f3f3;
    	margin-bottom: 3.5%;
    	height: 66px;
    	line-height: 66px;
    	text-indent: 1em;
    	border:none;
    	border:1px solid #dddddd
    }
    .form-us input[type='text']:nth-of-type(3){
    	margin-right: 0
    }
    .form-us button{
    	width: 31%;
    	height: 20vh;
    	background: url(../img/bdfs.png)no-repeat left top 100%; /* 标准的语法 */
    	display: inline-block;
    	vertical-align: top;;
    	background-size: 100%;
    	margin-bottom: 3.5%;
    	border:0;
    	font-size: 22px;
    	font-weight: bold;
    	color: #fff;
    	font-style: italic;
    	/*text-transform: uppercase;*/
    }
    .h1 span{
    	display: block;
    	color: #104492;
    	font-size: 14px;
    	text-align: center;
    	margin-top: 15px;
    }
    .newio img{
    	max-width: 100%
    }
    .news-box.active{
    	display: block;
    	margin-top: 3%
    }
    .test{
    	line-height: 1.6;
    	color: #333;
    	font-size: 16px;
    	font-weight: 400
    }
    span.test{
    	display: inline-block;
    	vertical-align: top;
    	width: 50%!important
    }
    .abox{
    	font-size: 0;
    }
    .abox em{
    	display: inline-block;
    	width: 45.2%;
    	vertical-align: top;
    	margin-right: 4.8%;
    	overflow:hidden;
    }
    .abox em img{
    	width: 100%;
    	cursor: pointer;
    }
    div.test{
    	width: 100%;
    	margin-top:3.5%;
    	padding-bottom:6.5%;
    	border-bottom: 1px solid #ccc
    }
    .last{
    	font-size: 0;
    	position: relative;
    	width: 100%;
    	margin-bottom:10%;
    }

    .last .la-r{
    	width: 50%;
    	display: inline-block;
    	vertical-align: top;
    	border:1px solid #ccc;
    	padding: 5% 0;
    	position: relative;
    	height: 278px;
    	max-height: 278px
    }
    .last .la-r:first-of-type{
    	border-right: 0
    }
    .bgbgb{
    	position: absolute;
    	left: 0;
    	top:0;
    	width: 100%;
    	height: 100%;
    	opacity:0;
    	transition: all 0.3s;

    }
    .last .la-r:hover .bgbgb{
    	opacity:1;
    }
    .ul1{
    	position: absolute;
    	left: 50%;
    	top: 46%;
    	transform: translate(-50%,-50%);
    	font-size: 24px;
    	font-weight: bold;
    	text-align: center;
    	color: #333;
    	width: 71.5%
    }
    .phone dl dd p:first-of-type{overflow:hidden;
    	text-overflow:ellipsis;
    	white-space:nowrap}
    	.phone dl dd p:nth-of-type(2){
    		height: 3.6em
    	}
    	.ul1 .li1{
    		margin-bottom:35px;
    	}
    	.ul1 .li2{
    		font-size:18px;
    		line-height: 1.4;
    	}
    	.bgbgb img{
    		position: absolute;
    		left: 0;
    		top:0;
    		width: 100%;
    		height: 100%;
    	}
    	.last .la-r dt img{
    		display: block;
    		margin:0 auto;
    	}
    	.last .la-r dd{
    		margin-top: 5%;
    		font-size: 24px;
    		color: #333;
    		width: 100%;
    		text-align: center;
    	}
    	.line .yuan{
    		position: absolute;
    		right: 0;
    		top:50%;
    		transform: translateY(-50%);
    	}
    	@keyframes fadeInUp {
    		0% {
    			opacity: 0;
    			-webkit-transform: translateY(15%);
    			transform: translateY(15%);
    		}
    		100% {
    			opacity: 1;
    			-webkit-transform: translateY(0);
    			transform: translateY(0);
    		}
    	}
    	.animated{
    		animation-duration:1s;
    		animation-delay:0.2s;
    	}
    	.swiperxl .swiper-slide{
    		/*background: url(../img/line3.png)no-repeat;*/
    		background-size: 100%
    	}
    	.swiperxl .swiper-slide em{
    		display: block;
    		margin:0 auto;
    		height: 200px;
    		width: 200px;
    		border-radius: 100px;
    		overflow:hidden;
    	}
    	.line2{
    		position: absolute;
    		z-index: 2;
    		bottom:20.5%;
    		width: 107%;
    		left: 48%;
    		transform: translateX(-50%);
    		/*display: none*/
    	}
    	.swiperxl .swiper-slide dl {
    		font-size: 22px;
    		color: #104492;
    		text-align: center;
    		line-height: 1.8
    	}
    	.swiperxl .swiper-slide dl dd{
    		font-size: 16px;
    		color: #666;
    		padding: 0 10%
    	}
    	.swiperxl .swiper-slide i{
    		display: block;
    		width: 8px;
    		height: 8px;
    		margin:0 auto;
    		border-radius: 4px;
    		background: #104492;
    		margin-top: 13%;
    		margin-bottom:17%;

    	}
    	.b2-con .swiper-button-prev, .b2-con .swiper-button-next{
    		top:59%;
    		outline: none
    	}
    	.b2-con .swiper-button-prev{
    		background: none;
    		background: url(../img/nm.png)no-repeat left center;
    		left: 10%
    	}
    	.b2-con .swiper-button-next{
    		background: none;
    		background: url(../img/mn.png)no-repeat right center;
    		right: 10%
    	}
    	.list-top{
    		position: absolute;
    		top:100%;
    		width: 100%;
    		background: #fff;
    		left: 0;
    		display: none;
    		padding-bottom: 5% 
    	}
    	.list-top form{
    		height: 68px;
    		line-height: 68px;
    		border-top:1px solid #f1f1f1;
    		border-bottom:1px solid #f1f1f1;
    	}
    	.list-top form input[type='submit']{
    		float: right;
    		width: 75px;
    		height: 28px;
    		border-radius: 14px;
    		background: #295db3;
    		color: #fff;
    		border:0;
    		margin-top: 20px
    	}
    	.list-top form input[type='text']{
    		height: 68px;
    		border:0;
    		background: url(../img/ser.png)no-repeat left center;
    		text-indent: 4em;
    		width: 40%
    	}
    	.list-top>.box{
    		font-size: 0;
    		overflow-y:scroll;
    		max-height: 80vh
    	}
    	.list-top dl{
    		line-height: 1.5;
    		margin-top: 45px;
    		margin-bottom: 20px;
    		display: inline-block;
    		width: 29%;
    		padding-right: 4%;
    		margin-right: 4%;
    		position: relative;
    		font-size: 15px;
    		vertical-align: top;
            overflow-x: hidden;
    	}
    	.list-top dl:nth-of-type(3n){
    		margin-right:0;
    		border:0!important;
    	}
    	.list-top dl:after{
    		content: '';
    		display: block;
    		width: 1px;
    		height: 90%;
    		position: absolute;
    		right: 0;
    		top:46%;
    		background: #e4e4e4;
    		transform: translateY(-50%);
    	}
    	.list-top dl dt{
    		margin-bottom:30px;
    		font-size: 20px;
    		color: #104492

    	}
    	.list-top dl dt a{
    		font-size: 20px;
    		color: #104492
    	}
    	.list-top dl dd{
    		margin-bottom:25px;
    		overflow:hidden;
    		text-overflow:ellipsis;
    		white-space:nowrap;
    		text-align: center;

    	}
    	.list-top dl:last-of-type:after{
    		display: none
    	}
    	.list-top dl:last-of-type{
    		padding-right: 0;
    		margin-right: 0
    	}
    	.m_header{
    		display: none
    	}


    	.n_dl{
    		font-size: 30px;
    		text-align:center;
    		margin-bottom: 3%
    	}
    	.n_dl dd{
    		font-size: 16px;
    		margin-top: 15px;
    		color: #666
    	}
    	.n_dl dt{
    		line-height: 1.6
    	}

    	.n_dl dd i{
    		margin:0 20px;
    	}
    	.n_info h1{
    		margin-bottom: 3%;
    		line-height: 2
    	}
    	.n_info em{
    		margin-bottom: 5%;
    		display: block;
    	}
    	.n_info em img{
    		width: auto;
    		max-width: 100%;
    		display: block;
    		margin:0 auto;
    	}

    	.search p{
    		width: 100%;
    		border-bottom: 1px solid #ccc;
    		line-height: 2.4;
    		margin-top: 50px;
    		color: #666;
    		font-size: 16px;
    		letter-spacing: 5px;
    	}
    	.search h2{
    		font-size: 18px;
    		color: #000;
    		margin-top: 20px;
    		margin-bottom: 30px;
    	}
    	span.fadeInLeft{
    		width: 43%!important
    	}




    	.swiperus .swiper-slide:last-of-type{
    		border-right: 1px solid #e4e4e4
    	}

    	table{
    		width: 100%!important;
    		/*margin:0 auto;*/
    	}
    	.pro-right .three dt{
    		vertical-align: middle;
    	}
    	.pro-right .three dd{
    		vertical-align: middle;

    	}
    	.pro-right .three dd img{
    		border-radius: 20px;
    		cursor: pointer;
    	}
    	.down ol{
    		display: flex;
    		align-items: center;
    		justify-content: space-between;
    	}
    	.down {
    		box-shadow: 0 0 30px #ccc;
    		display: block;
    		padding: 3%;
    		margin-bottom:32px
    	}
    	.down ol li{

    	}
    	.down ol li span{
    		display: block;
    	}
    	.down ol li span p:first-of-type{
    		font-size:18px;
    		color: #000;  
    	}

    	.down ol li span.spanw{
    		font-size:20px;
    		color: #666;
    		height: 76px;
    	}
    	.down h2{
    		font-size:24px;
    		margin-bottom: 50px;

    	}

    	.down:first-of-type{
    		margin-top: 54px;
    	}
    	.down ol li span.spane{
    		line-height: 1.6;
    		height: 3.2em
    	}

    	.down ol li span.spane img{
    		max-height: 100%;
    		margin:0 auto;
    		display: block;
    	}

    	.black{
    		position: fixed;
    		width: 100%;
    		height: 100vh;
    		top:0;
    		left: 0;
    		background: rgba(0,0,0,.5);
    		z-index: 99;
    		display: none
    	}
    	#form-s{
    		position: absolute;
    		left: 50%;
    		top: 50%;
    		transform: translate(-50%,-50%);
    		padding: 42px;
    		max-width: 100%;
    		background:#fff;
    		overflow: hidden;
    	}

    	#form-s p {
    		margin-bottom:26px;
    	}
    	#form-s p span{
    		display: inline-block;
    		width:100px;
    		text-align: right;
    		padding-right: 15px;
    		font-size:18px;
    	}
    	#form-s p input{
    		border:0;
    		background: #ebebeb;
    		height: 48px;
    		line-height: 48px;
    		vertical-align: middle;
    		width:360px;
    		max-width: 100%;
    		text-indent: 1em
    	}
    	#form-s p textarea{
    		border:0;
    		background: #ebebeb;
    		vertical-align:top;
    		width:360px;
    		padding:1em;
    		max-width: 100%;

    	}
    	#form-s p input[type='submit']{
    		width:130px;
    		height: 35px;
    		line-height: 35px;
    		background: #104492;
    		color: #fff;
    		text-indent: 0;
    		border-radius: 18px;
    		margin-right: 10%
    	}

    	#form-s .sub{
    		text-align: center;
    		margin-bottom:0
    	}
    	.sub button{
    		width:130px;
    		height: 35px;
    		line-height: 35px;
    		border-radius: 18px;
    		background: #ebebeb;
    		color:  #104492;
    		border:0;
    	}
    	.txt-content p {
    		overflow: hidden;
    	}
    	.leave{
    		color: #104492;
    		font-size:16px;
    		font-weight: bold;
    		margin:1.5% 0;
    	}

    	#table,table{
    		max-width: 100%
    	}
    	#top{
    		width: 60px;
    		height: 60px;
    		cursor: pointer;
    		display: block;
    		position: fixed;
    		right: 10px;
    		bottom:10%;
    		background: #104492;
    		color: #fff;
    		line-height: 60px;
    		text-align: center;
    		border-radius: 2px;
    		opacity: 0.85;
    		transition: all 0.3s
    	}
    	#top:hover{
    		opacity: 1
    	}
    	.casa{
    		position: fixed;
    		left: 50%;
    		top: 50%;
    		transform: translate(-50%,-50%);
    		z-index: 99;
    		max-width: 100%;
    		display: none;
    		/*width: 100%;*/

    	}
    	.casa img{
    		max-width: 100%
    	}
    	.casa dl{
    		position: absolute;
    		left: 50%;
    		top: 40%;
    		transform: translate(-50%,-50%);
    		color: #fff;
    		width: 80%
    	}
    	.casa dl dt{
    		text-align: center;
    		font-weight: bold;
    		font-size:40px;
    	}
    	.casa dl dd{
    		text-align: center;
    		font-size:18px;
    		margin-top:6%;
    	}
    	.casa p{
    		position: absolute;
    		left: 50%;
    		top: 80%;
    		transform: translate(-50%,-50%);

    		width: 50%;
    		text-align: center;

    	}
    	.casa p a{
    		color: red;
    		background: #fff;
    		padding: 5px 10px;
    		margin-right:40%;
    	}
    	.casa p a:last-of-type{
    		margin-right:0;
    	}
    	#frame{
    		width: 100%
    	}

















































    	@media screen and (max-width:1600px){
    		h6.h6{
    			height: 9em;
    			text-overflow: -o-ellipsis-lastline;
    			overflow: hidden;
    			text-overflow: ellipsis;
    			display: -webkit-box;
    			-webkit-line-clamp: 5;
    			line-clamp: 5;
    			-webkit-box-orient: vertical;
    		}
    		.div1-ul{
    			display: block;
    			text-align: left;
    			padding-left: 146px
    		}
    		.div1-ul ul .line{
    			left: 9%
    		}
    		.div1-ul ul:first-of-type .line{
    			left:70px
    		}
    		.div1-ul ul{
    			width: 32%;
    			padding-left: 150px
    		}
    		.div1-ul ul li{
    			margin-bottom:20px;
    		}
    		.div1-ul{
    			padding-left: 0
    		}
    	}
    	@media screen and (max-width:1440px){
    		.link_a h1{
    			font-size: 44px;
    		}
    		.link_a h2{
    			font-size: 15px
    		}
    		.link_a h3{
    			width: 120px;
    			height: 35px;
    			line-height: 35px;
    			font-size: 14px
    		}
    		.title dt{
    			font-size: 40px;
    		}
    		.title dd{
    			font-size: 12px;
    		}
    		.tab-left h1{
    			font-size: 20px;font-weight: bold
    		}
    		.tab-left h2{
    			font-size: 14px;
    		}
    		.tab-left h3.btn{
    			width: 120px;
    			height: 35px;
    			line-height: 35px;
    			font-size: 14px
    		}
    		.jump .div-link h2{
    			margin:2% 0;

    		}
    		.jump .div-link h3{
    			line-height: 1.4;
    			height: 2.8em;
    			width: 62%
    		}
    		header ul li{
    			padding-left: 30px
    		}
    		.box{
    			width: 89%
    		}
    	}
    	@media screen and (max-width:1200px){
    		.m_header{
    			display: block;
    		}
    		header{
    			display: none
    		}
    		.banner{
    			margin-top:60px
    		}
    		.link_a{
    			top: 25%;
    			transform: translateY(-50%);
    		}
    		.link_a h1{
    			font-size:38px;
    		}
    		.div1-ul ul{
    			width: 48%
    		}
    		.link_a h2{
    			font-size:14px
    		}
    		.div1-ul ul .line{
    			display: none
    		}
    		.div1-ul{
    			flex-wrap: wrap;
    			justify-content: flex-start;
    			padding-left: 20px
    		}
    		.div1-ul ul{
    			padding-left: 5%!important
    		}
    		.div1-ul ul li{
    			margin-bottom:25px
    		}
    		.div1-ul ul li:nth-of-type(2) a{
    			font-weight: bold
    		}
    		.box{
    			width: 90%
    		}
    		.b2-con .swiper-button-next,.b2-con .swiper-button-prev{
    			display: none
    		}
    		.pos-con{
    			display: inline-block;
    			position: static;
    			opacity:1;
    			transform: none;
    			width: 334px;
    		}
    		.pos{
    			display: none
    		}
    		.sec3{
    			width: 100%;
    			padding: 0;
    			display: block;
    		}
    		.sec1,.sec2{
    			width: 50%
    		}
    		nav ol{
    			float: none;
    			width: 100%;
    			display: block;
    			margin-top:0;
    		}
    		nav ul{
    			float: none;
    			width: 100%;
    			display: block;

    		}
    		nav li{
    			float: none;
    			display: inline-block;
    		}
    		nav ol li{
    			margin-left: 0;
    			margin-right:15px;
    		}

    		nav .box{
    			overflow:hidden;
    			height: auto;
    			line-height: 40px;
    		}
    		.pro-left{
    			width: 100%;
    		}
    		.pro-right{
    			width: 100%;
    		}
    		.t-nav a img{
    			display: none
    		}
    		.bgbgb{
    			opacity:1;
    		}
    		span.fadeInLeft{
    			width: 100%!important
    		}
    		span.test{
    			width: 100%!important
    		}
    	}
    	@media screen and (max-width:1024px){
    		.link_a h3{
    			display: none
    		}
    		.jump{
    			width: 100%;
    			margin-right:0;
    		}
    		.tab a{
    			height: 124px;
    		}
    		.pro .info{
    			width: 33.3%
    		}
    		.pro-right dl{
    			padding: 22px 0
    		}
    		.pro-right dl dd{
    			display: block;
    			width: 100%;
    			margin-top:15px
    		}
    		em.d25{
    			display: block;
    			width: auto
    		}
    		.d20{
    			float: none;
    			display: block;
    			width: 100%
    		}
    		.d25{
    			float: none
    		}
    		.d50{
    			float: none;
    			display: block;
    			width: 100%
    		}
    		h6.act{
    			font-weight: bold
    		}
    		.pro-right dl dd{
    			font-size: 18px;
    		}
    		.pro-right dl dd span{
    			margin-bottom: 12px;
    		}
    		h6.h6{
    			height: 5.4em;
    			text-overflow: -o-ellipsis-lastline;
    			overflow: hidden;
    			text-overflow: ellipsis;
    			display: -webkit-box;
    			-webkit-line-clamp: 3;
    			line-clamp: 3;
    			-webkit-box-orient: vertical;
    		}
    		.ban-img{
    			height: 150px;
    			width: auto
    		}
    		.news-box .b-link:nth-of-type(3n+2){
    			top:0;
    		}
    		.news-box .b-link:nth-of-type(2){
    			top:0;
    		}
    		.rs{
    			display: none
    		}
    		.kl{
    			display: none
    		}
    		.news-box .a-link{
    			width: 49.5%;
    			margin-right:1%!important;

    		}
    		.news-box .a-link:nth-of-type(2n){
    			margin-right:0!important;;
    		}
    		.abox em{
    			width: auto;
    			display: block;
    			margin-bottom:3%
    		}
    		.abox em img{
    			width: auto;
    			max-width: 100%
    		}
    		span.test{
    			display: block;
    			width: 100%
    		}
    		.t-nav a{
    			font-size:16px;
    		}
    	}
    	@media screen and (max-width:768px){
    		.div1-ul ul li{
    			margin-bottom: 15px;
    		}
    		.casa{
    			width: 100%
    		}
    		.div1-ul ul{
    			width:87%;
    			padding: 0!important;
    		}
    		.test{
    			font-size: 14px;
    		}
    		.news-box .a-link{
    			width:100%;
    			margin-right:0%!important;

    		}
    		.t-nav a{
    			height: 50px;
    			line-height: 50px
    		}
    		nav .box{
    			min-height: 40px
    		}
    		nav ol{
    			text-align: left;
    			white-space: normal;
    		}
    		.down ol{
    			flex-wrap: wrap;
    		}
    		span.solu-t{
    			display: none
    		}
    		.down ol li{
    			width: 100%
    		}
    		.down ol li span.spanw{
    			line-height: 2;
    			height: auto
    		}
    		.form-us input[type='text']{
    			width: 100%;
    			margin-right:0;
    		}
    		.form-us textarea{
    			width: 100%
    		}
    		.form-us button{
    			width: 100%;
    			max-width: 100%
    		}
    		.last .la-r{
    			display: block;
    			width: 100%;
    		}
    		.solu-txt{
    			font-size: 14px;
    		}
    		.pro .info{
    			width: 50%
    		}
    		.box{
    			width: 95%
    		}
    		.link_a h1{
    			font-size: 28px;
    		}
    		.link_a h2{
    			font-size: 14px
    		}
    		.link_a {
    			top:20%;
    			width:100%;
    			left: 1%;

    		}
    		.link_a h2{
    			margin-top:13px
    		}
    		.tab-right{
    			display: block;
    			width: 100%;
    			margin-top:3%
    		}
    		.tab-left{
    			display: block;
    			width: 100%;
    			padding-left: 0
    		}
    		.tab-left h2{
    			margin-top:2%
    		}
    		.tab-left h3.btn{
    			margin-top:5%
    		}
    		.swiperxl .swiper-slide i{
    			margin-top:4%;
    			margin-bottom: 7%
    		}
    		.title dt{
    			font-size: 28px;
    		}
    		.jump .div-link span.btn{
    			display: none
    		}
    		.sec2{
    			display: none
    		}
    		.sec1{
    			width: 100%;
    			margin-bottom: 9%
    		}
    		.sec1 span{
    			margin-bottom: 12px;
    		}
    		h1.h1{
    			font-size: 24px;
    		}
    		.soli-l{
    			position: static;
    			transform: none;
    			width: 100%
    		}
    		.solu-t{
    			position: absolute;
    			left: 30%;
    			top: 20%;
    			transform: translate(-50%,-50%);
    		}
    		.soli-l dl dd img{
    			width: 100%
    		}
    		.b-link{
    			width: 49.5%;
    			margin-right:1%!important;
    			margin-bottom:1%;
    		}
    		.b-link:nth-of-type(2n){
    			margin-right:0!important;
    		}
    /*.news-box a:nth-of-type(3n){
         margin-right:1%;
         }*/
         .ul1 .li2{
         	font-size: 12px;
         }
         .ul1 .li1{
         	margin-bottom:12px;
         }
         .ul1{
         	font-size: 20px
         }
         .abox em img{
         	width: 100%
         }
         .div4 .box{
            white-space: nowrap;
            overflow-x: scroll;
         }
         .map{
            display: none
         }
         .div1-ul{
             white-space: nowrap;
            overflow-x: scroll;
         }
        .banner{
            width: 100%;
            overflow: hidden;
        }
     }
     @media screen and (max-width:414px){
     	.ban-txt{
     		font-size: 34px;
     		left: 11.5%;
     	}
     	#table, table{
     		max-width: 400px;
     		width: 400px;
     	}
     	.b-link{
     		width: 100%;
     		margin-right:0%!important;
     		margin-bottom:1%;
     	}
     	.b-link:nth-of-type(2n){
     		margin-right:0!important;
     	}
     	.pro .info{
     		width: 100%
     	}
     	.link_a h1{
     		font-size: 20px;
     	}
     	.link_a h2{
     		font-size: 12px
     	}
     	.link_a{

     		top: 15%;
     		transform: translate(-50%,-50%); 
     	}
     	.link_a h2{
     		margin-top:8px
     	}
     	.tab a{
     		width: 20%;
     		margin-top: 2px
     	}
        .tab a dl dt img{
            width: 40%
        }
        .tab a dl dd{
            display: none
        }
        .tab a{
            height: 72px
        }
     	.jump .div-link{
     		padding: 10px;
     	}
     	.solu-t{
     		width: 80%
     	}

     	.jump .div-link h3{
     		width: 80%;
     		overflow:hidden;
     		text-overflow:ellipsis;
     		white-space:nowrap;
     		height: 1em
     	}
     	.solu-t{
     		left: 10%;
     		top:15%;
     	}
     	.pos-con{
     		display: inline-block;
     		position: static;
     		opacity:1;
     		transform: none;
     		width: 360px;
     	}
     }
     span.solu-t{
     	width: auto!important;
     	max-width: 370px;
     	overflow:hidden;
     	text-overflow:ellipsis;
     	white-space:nowrap
     }
     span.left{
     	width: 43%!important;
     	display: inline-block;
     	vertical-align: top
     }
     span.left video{
     	width: 100%
     }
     .abox em{
     	position: relative;
     }
     .abox em img{
     	position: relative;
     	z-index: 2
     }
     .abox em video{
     	position: absolute;
     	height: 100%;
     	width: 100%;
     	left: 50%;
     	top: 50%;
     	transform: translate(-50%,-50%);
     }








@media screen and (max-width: 768px){
.div4 .box {
    white-space: nowrap;
    overflow-x: hidden;
}


 .pos1{
        position: relative;
        left:unset;
        top: unset;
    }
    .pos2{
       position: relative;
        left:unset;
        top: unset;
    }
        z-index: 5;
    }
    .pos3{
     position: relative;
        left:unset;
        top: unset;
    }
    }
    .pos4{
      position: relative;
        left:unset;
        top: unset;
    }
    }
    .pos4:hover{
        
        z-index: 6
    }
    .pos5{
      position: relative;
        left:unset;
        top: unset;
    }
    }

    .pos6{
       position: relative;
        left:unset;
        top: unset;
    }
    }
    
    .pos7{
      position: relative;
        left:unset;
        top: unset;
    }
    }

    .pos8{
position: relative;
        left:unset;
        top: unset;
    }
    }
    .pos dl dt{
        width: 80px;
        height: 1px;
        background: #00427c;display: inline-block;
        vertical-align: top;
    }
    .pos dl{
        font-size: 0;
        height: 0
    }
    .pos dl dd{
        display: inline-block;
        vertical-align: top;
        margin-top:-14px;
        padding: 7px 8px;
        border:1px solid #00427c;
        border-radius: 15px;
        color: #00427c;
        font-size: 14px;
        background: #fff;
        transition: all 0.4s
    }
    .pos.active dl dd{
        background: #104492;
        color: #fff;
        cursor: pointer;
    }
  

.pos-con {
    display: block; 
    position: static;
    opacity: 1;
    transform: none;
    width: 98%;
    margin: 5% 1%;
}