@charset "utf-8";



* {
	margin: 0;
	padding: 0
}

body {
	font-family: " ";
	font-size: 12px;
	height: 100%;
	line-height: 22px;
	width: 100%;
	background: #f8f8f8;
	overflow-x: hidden;
}

a {
	text-decoration: none;
	cursor: pointer;
	transition: all .3s;
	outline: none
}

ul {
	list-style: none
}

.lf {
	float: left
}

.rg {
	float: right;
}

.ss {
	float: right;
}

.clear {
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px
}

.head {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	min-width: 1000px;
	z-index: 9999;
	background: #fff;
	border-bottom: 1px solid #ddd;
	height: 118px;
	transition: all .3s
}

/*顶部bar*/
.top01 {
	width: 100%;
	height: 36px;
	line-height: 36px;
	background: #f8f8f8;
	color: #fff;
	overflow: hidden;
	font-size: 13px;
}

.top01_center {
	text-align: left;
	float: right;
	font-size: 14px;
	padding-right: 2.18%;
	color: #888888;
}

.top01 .search {
	float: right;
	width: 14.28%;
	height: 28px;
	line-height: 28px;
	background: hsla(7%, 43%, 75%, .50);
	position: relative;
	border: 1px #ccc double;
	margin-top: 4px;
	btransition: all .3s linear;
	margin-right: 2.18%;
}

.top01 .search:hover {
	margin-top: 1px;
	height: 36px;
	width: 300px;
	background: #262c30;
	outline: 1px solid #00C1DE
}

.top01 .search input {
	position: relative;
	font-size: 14px;
	box-sizing: border-box;
	padding-left: 16px;
	padding-right: 22px;
	width: 100%;
	height: 100%;
	outline: 0;
	background: 0 0;
	border: none;
	color: #fff;
	line-height: 36px
}

.top01 .search .search_icon {
	display: block;
	position: absolute;
	z-index: 3;
	right: 0;
	top: 0;
	bottom: 0;
	width: 16px;
	height: 16px;
	margin: 10px;
	cursor: pointer;
	background-image: url(../images/search_icon.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
	opacity: .8
}

/*.bar{width:100%;height:50px; line-height:50px;border-bottom:1px solid hsla(0,0%,100%,.15);position:absolute;top:0;z-index:6;background:#f8f8f8;}
.bar .search{float:right;width:200px;height:36px; line-height:36px; margin-top:7px;background:hsla(0,0%,100%,.12); border:1px #ccc double;position:relative;transition:all .3s linear}
.bar .search:hover{margin-top:1px;height:49px;width:300px;background:#262c30;outline:1px solid #00C1DE}
.bar .search input{position:relative;font-size:14px;box-sizing:border-box;padding-left:16px;padding-right:22px;width:100%;height:100%;outline:0;background:0 0;border:none;color:#fff;line-height:50px}
.bar .search .search_icon{display:block;position:absolute;z-index:3;right:0;top:0;bottom:0;width:16px;height:16px;margin:17px;cursor:pointer;background-image:url(../images/search_icon.png);background-size:cover;background-repeat:no-repeat;background-position:50%;opacity:.8}

.bar .bar_menu{float:right;font-size:14px}
.bar .bar_menu ul li{float:left;height:50px;line-height:50px;padding:0 12px}
.bar .bar_menu ul li a{color:#888888}
.bar .bar_menu ul li a:hover{color:#00c1de}
.bar .bar_menu ul li a i{vertical-align:middle;margin-top:-px;display:inline-block;width:20px;height:18px;margin-right:4px;background-size:cover;background-repeat:no-repeat;background-image:url(../images/shop_icon.png)}*/


.logo {
	padding-left: 2.18%;
	/*width: 132px;*/
	transition: all .3s;
	padding-top: 0;
}

.logo a {
	display: block;
	position: relative;
	overflow: hidden
}

.logo img {
	width: 100%;
	position: relative;
	z-index: 100
}

.logo .p1 {
	background: #ff6d07;
	position: absolute;
	top: 0%;
	left: 0px;
	width: 100%;
	height: 80%;
}

/*.nav .search{float:right;width:12.5%;height:36px;background:hsla(0,0%,100%,.12);position:relative; btransition:all .3s linear}
.nav .search:hover{margin-top:1px;height:49px;width:300px;background:#262c30;outline:1px solid #00C1DE}
.nav .search input{position:relative;font-size:14px;box-sizing:border-box;padding-left:16px;padding-right:22px;width:100%;height:100%;outline:0;background:0 0;border:none;color:#fff;line-height:50px}
.nav .search .search_icon{display:block;position:absolute;z-index:3;right:0;top:0;bottom:0;width:16px;height:16px;margin:17px;cursor:pointer;background-image:url(../images/search_icon.png);background-size:cover;background-repeat:no-repeat;background-position:50%;opacity:.8}*/

/*sou
.sou .search{border: 1px solid #999;float: right;background:#FFFFFF; padding-right:2.18%;}
.header .search input{float: left;width: 120px;height: 30px;border: none;background: none;color: #666666; font-size:14px;}
.header .search .searBtn{float: left;width: 30px;height: 30px;background: url(../images/searbtn.png) no-repeat;}*/



@charset "utf-8";

* {
	padding: 0;
	margin: 0;
}

.swiper-container {
	height: 416px;
	margin-top: 106px;
}

.arrow-left {
	background: url(../images/arrows.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -15px;
	width: 17px;
	height: 30px;
	z-index: 10;
}

.arrow-right {
	background: url(../images/arrows.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -15px;
	width: 17px;
	height: 30px;
	z-index: 10;
}

.pagination {
	position: absolute;
	left: 0;
	text-align: center;
	bottom: 5px;
	width: 100%;
}

.swiper-pagination-switch {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: #999;
	margin: 0 3px;
	cursor: pointer;
}

.swiper-active-switch {
	background: #fff;
}

.swiper-slide {
	position: relative;
	opacity: 0;
	transition: opacity 0.7s ease-in-out;
}

.swiper-slide-active {
	opacity: 1;
}

.swiper-slide .img {
	position: absolute;
}

.inner {
	position: relative;
	display: block;
	width: 1000px;
	height: 500px;
	margin: 0 auto;
}

.slide1 {
	background-color: #fff;
}

.slide2 {
	background-color: #1284d0;
}

.slide3 {
	background-color: #43cfc8;
}

.slide1 .s0 {
	left: 50%;
	margin-left: -154px;
	top: 100px
}

.slide1 .s1 {
	left: 50%;
	margin-left: -425.5px;
	top: 200px;
}

.slide1 .s2 {
	left: 50%;
	margin-left: -435px;
	top: 280px
}

.slide1 .s3 {
	left: 0;
	bottom: 0px;
	z-index: 5;
	height: 190px
}

.slide1 .s4 {
	right: 0;
	bottom: 0px;
	z-index: 0;
	height: 160px
}

.slide2 .zh-a-1 {
	left: 60px;
	top: 77px;
	z-index: 9;
}

.slide2 .zh-a-2 {
	left: 0;
	top: 0;
}

.slide3 .b-1 {
	right: 72px;
	top: 180px;
}

.slide3 .b-2 {
	left: 90px;
	top: 180px;
}

.slide3 .b-3 {
	left: 50%;
	margin-left: -381px;
	top: 330px;
}

.slide3 .b-s-1 {
	width: 100px;
	left: 50px;
	bottom: 0px;
}

.slide3 .b-s-2 {
	left: 160px;
	width: 160px;
	bottom: 0px;
}

.slide3 .b-s-3 {
	left: 390px;
	width: 58px;
	bottom: 0px;
}

.slide3 .b-s-4 {
	right: 359px;
	width: 103px;
	bottom: 0px;
}

.slide3 .b-s-5 {
	right: 250px;
	width: 150px;
	bottom: 0px;
}

.slide3 .b-s-6 {
	right: 0;
	width: 65px;
	bottom: 0px;
}

.slide3 .b-y-1 {
	top: 40px;
	left: 50%;
	margin-left: -20px;
}

.slide3 .b-y-2 {
	top: 40px;
	left: 0
}

.slide3 .b-y-3 {
	top: 40px;
	right: 0
}

.loop {
	animation-iteration-count: infinite;
	/*无限*/
	animation-timing-function: linear;
	/*平滑*/
}

.targetBtn {
	margin-top: 20px;
	position: absolute;
	bottom: 60px;
	left: 352px;
	z-index: 999;
}

.targetBtn a {
	height: 50px;
	border-radius: 50px;
	background: rgba(0, 0, 0, .5);
	float: left;
	line-height: 50px;
	text-align: center;
	color: #fff;
	text-decoration: none;
}

.targetBtn .a1 {
	width: 110px;
}

.targetBtn .a2 {
	width: 170px;
	margin-left: 15px;
}

/*自定义CSS动画*/
.moveRight {
	-webkit-animation-name: moveRight;
	animation-name: moveRight
}

@-webkit-keyframes moveRight {
	0% {
		opacity: 0;
		left: 0px;
	}

	10% {
		opacity: 1;
	}

	100% {
		opacity: 1;
		left: 550px;
	}
}

@keyframes moveRight {
	0% {
		opacity: 0;
		left: 0px;
	}

	10% {
		opacity: 1;
	}

	100% {
		opacity: 1;
		left: 550px;
	}
}

.moveLeft {
	-webkit-animation-name: moveLeft;
	animation-name: moveLeft
}

@-webkit-keyframes moveLeft {
	0% {
		opacity: 0;
		left: 390px;
	}

	10% {
		opacity: 1;
	}

	100% {
		opacity: 1;
		left: -370px;
	}
}

@keyframes moveLeft {
	0% {
		opacity: 0;
		left: 390px;
	}

	10% {
		opacity: 1;
	}

	100% {
		opacity: 1;
		left: -370px;
	}
}


.nav {
	width: 100%;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}

.nav ul li {
	float: left;
	width: 14.28%;
	height: 82px;
	background: url(../images/1_02.jpg) right center no-repeat;
	transition: all .3s
}

.nav ul li .a1 {
	line-height: 82px;
	display: block;
	text-align: center;
	font-size: 16px;
	color: #333;
	transition: all .3s
}

.nav ul li:hover .a1 {
	color: #f08519;
	transition: all .3s
}

.nav ul li .div1 {
	display: none;
	background: #fff;
	width: 100%;
	left: 0px;
	position: absolute;
	top: 119px;
	z-index: 100
}

.nav ul li .div1 .p1 {
	width: 57.4%;
	float: right;
	height: 65px;
	line-height: 65px
}

.nav ul li .div1 .p1 a {
	color: #999;
	font-size: 14px;
	text-transform: uppercase;
	background: url(../images/1_26.jpg) center bottom no-repeat;
	display: inline-block;
	height: 65px;
	line-height: 65px;
	margin-right: 5%;
	transition: all .5s
}

.nav ul li .div1 .p1 a:hover {
	background: url(../images/1_27.jpg) center bottom no-repeat;
	color: #1a1a1a
}

.nav ul li .mad3 .p1 .pad {
	margin-left: 30%
}

.nav ul li .mad4 .p1 .pad {
	margin-left: 44%
}

.nav ul li .mad5 .p1 .pad {
	margin-left: 45%
}

.nav ul li .mad6 .p1 {
	text-align: right
}

.a_txt {
	display: none
}

/*小于1600大于1200稍微调整下字��?/
@media screen and (max-width: 1600px) and (min-width:1200px) {
.nav ul li .a1{font-size:14px}
.nav ul li .div1 .p1 a{font-size:12px}
.foot_top ul{margin-left:60px}
.nav ul li .div1 .p1{width:58.1%}
}

html,body{color:#333;margin:0;height:100%;font-family:myriad set pro,helvetica neue,Helvetica,Arial,Verdana,sans-serif}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding: 0; margin: 0;}
img{border:0}
html,body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,p,blockquote,pre,button,fieldset,form,input,legend,textarea,th,td{
    margin:0;
    padding:0;
    color:#666; 
    /*width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    /*justify-content: center;
    /*妯酱灞呬腑*/
/*align-items: center;
    /*绾佃酱灞呬腑*/
}

a {
	text-decoration: none;
	color: #08acee
}

button {
	outline: 0
}

img {
	border: 0
}

button,
input,
optgroup,
select,
textarea {
	margin: 0;
	font: inherit;
	color: inherit;
	outline: none
}

li {
	list-style: none
}

a {
	color: #666
}

a:hover {
	color: #fd6d03
}

.clearfix::after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden
}

.clearfix {}


/*--澶撮儴--*/
/*top*/
.t-bt {
	line-height: 36px;
	font-size: 14px;
	color: #797979;
	font-weight: 400;
}

/*sou*/
.header .search {
	border: 1px solid #999;
	float: right;
	padding: 0 5px 0 10px;
	background: #FFFFFF;
}

.header .search input {
	float: left;
	width: 120px;
	height: 30px;
	border: none;
	background: none;
	color: #666666;
	font-size: 14px;
}

.header .search .searBtn {
	float: left;
	width: 30px;
	height: 30px;
	background: url(../images/searBtn.png) no-repeat;
}

/*鑿滃崟*/
#nav {
	line-height: 70px;
	list-style-type: none;
	float: right;
}

#nav a {
	display: block;
	width: 148px;
	text-align: center;
	color: #00284b;
	font-size: 18px;
	font-weight: 500;
	font-family: Arial, Helvetica, sans-serif;
}

#nav a:link {
	color: #00284b;
	text-decoration: none;
	font-size: 18px;
	font-weight: 500;
	font-family: Arial, Helvetica, sans-serif;
}

#nav a:visited {
	color: #00284b;
	text-decoration: none;
	font-size: 18px;
	font-weight: 500;
	font-family: Arial, Helvetica, sans-serif;
}

#nav a:hover {
	color: #00284b;
	text-decoration: none;
	font-weight: 500;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
}

#nav li {
	float: left;
	width: 148px font-size:18px;
	font-weight: 500;
	font-family: Arial, Helvetica, sans-serif;
}

/*#nav li a:hover{ color: #fd6d03; font-size:18px;text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-weight:500;text-align:center; line-height:70px; width:148px; height:70px; /*background:#12298c; border-radius: 20px; border-bottom:#fd6d03 3px solid; }*/
#nav li a:hover {
	color: #ffffff;
	font-size: 18px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 500;
	text-align: center;
	line-height: 70px;
	width: 148px;
	height: 70px;
	background: #8590c2;
	border-bottom: #12298c 1px solid;
}

/*banner*/
.bannerbox {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.Homebanner {
	width: 100%;
	position: relative;
	height: 800px;
	overflow: hidden;
}

.Homebanner ul {
	width: 100%;
	position: absolute;
	height: 800px;
}

.Homebanner ul li {
	width: 100%;
	height: 800px;
	position: absolute;
	overflow: hidden;
}

.Homebanner ul li img {
	width: 1900px;
	position: absolute;
	left: 50%;
	top: 0px;
	display: block;
	margin-left: -950px;
}

/*--one--*/
#app {
	display: flex;
	justify-content: space-between;
	position: relative;
	padding: 0 100px;
	margin: 20px auto;
}

.box1 {
	width: 300px;
	overflow: hidden;
	background: #ffffff;
	box-sizing: border-box;
	padding: 0 15px 25px 15px;
	/*padding-bottom:15px;*/
}
..box1 img 
{
    
    
    }
.box1 a {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #535353;
	text-decoration: none;
}

.box1 a:hover {
	color: #012a4d;
	text-decoration: none;
}

.imgbox1 {
	width: 150px;
	height: 128px;
	overflow: hidden;
}

.imgbox1 img {
	width: 100%;
	height: 100%;
	transition: all 0.6s linear;
}

.source {
	/*border: 1px solid #535353;*/
	padding: 6px 20px;
	/*border-radius: 25px;*/
	margin: 20px;
	color: #00284b;
	font-weight: 600;
	font-size: 18px;
}

/*.title {
    margin-bottom: 20px;
    font-size: 20px;
}*/

.detail {
	font-size: 16px;
	line-height: 24px;
	text-align: justify;
	width: 100%;
	color: #8c8c8c;
	font-weight: 400;
	text-decoration: none;
}

/*榧犳爣hover鏁堟灉*/

.box1>a::after {
	content: '';
	width: 285px;
	position: absolute;
	background: #012a4d;
	bottom: 0;
	height: 0px;
	transition: height 0.3s linear;
	/*鍒╃敤浼被楂樺害锛屽疄鐜板姩鐢绘晥鏋�*/
}

.box1>a:hover::after {
	height: 10px;

}

.box1:hover img {
	transform: scale(1.15);
}

.box1:hover .source {
	background: #012a4d;
	border-color: #012a4d;
	color: #ffffff;
}

/*--琛屼笟搴旂敤--*/
.wrap {
	width: 100%;
}

.banner22 {
	width: 100%;
	height: 574px;
	background: url(../images/cp-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

/*.title01{width: 100%;height: 100%;text-align: center;}
.title01 p{
	font-size:32px;
	font-family:PingFangHK-Regular;
	font-weight:400;
	color:rgba(255,255,255,1);
	line-height:120px;
}*/

.sy-case {
	position: absolute;
	width: 589px;
	height: 340px;
	z-index: 2;
	left: 200px;
	/*top: 1932px;*/
	    margin-top: 39px;
	background: rgba(255, 255, 255, 0.6);
}

.sy-case h2 {
	font-size: 30px;
	line-height: 90px;
	font-weight: 600;
	text-align: left;
	padding-left: 28px;
	color: #05255d;
}

.sy-case p {
	font-size: 20px;
	line-height: 32px;
	color: #217fe9;
	font-weight: 600;
	text-align: left;
	padding-left: 28px;
	padding-right: 28px;
	text-indent: 28px;
}

.sy-case button {
	text-align: left;
	padding-left: 28px;
	background-color: #f40000;
	border: none;
	color: #ffffff;
	padding: 6px 18px;
	border-radius: 4px;
	text-decoration: none;
	display: inline-block;
	font-size: 15px;
	float: left;
	margin-left: 28px;
	margin-top: 20px;
}

.right {
	width: 100%;
	background: #eaeaea;
	text-align: center;
	padding-top: 20px;
}

.content {
	width: 100%;
	display: flex;
	flex-direction: row;
	margin: 0 auto;
	flex-wrap: wrap;
	justify-content: space-around;

}

.fun {
	width: 16%;
	height: 237px;
	margin: 10px;
	background: #FFFFFF;
	box-shadow: 1px 1px 4px #bebebe;
}

.fun-picture {
	width: 118px;
	height: 118px;
	margin: 14px 31px;
}

.fun-title {
	width: 200px;
	height: 50px;
	text-align: center;
}

.fun-title p {
	line-height: 50px;
	font-size: 18px;
	font-weight: 500;
	color: #ababab;
}

.fun-content {
	width: 20px;
	height: 3px;
	background: #00284b;
}

/*--cp-xuanting--*/
.container {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	padding: 40px 0;
	background: #e8e8e8;
}

.content {
	width: 100%;
	display: flex;
	flex-direction: row;
	margin: 0 auto;
	flex-wrap: wrap;
	justify-content: space-around;
	padding: 0 30px;
}

.content {
	display: flex;
	flex-wrap: wrap;
	padding: 0 30px;
	width: 100%;
}

.wrapper {
	width: 33.3%;
	height: 100%;
	padding: 0 5px 5px;
}

.box-p {
	position: relative;
	max-height: 300px;
	/*border-radius: 4px;*/
	overflow: hidden;
	box-shadow: 0 1.4px 1.7px rgba(0, 0, 0, 0.017), 0 3.3px 4px rgba(0, 0, 0, 0.024), 0 6.3px 7.5px rgba(0, 0, 0, 0.03), 0 11.2px 13.4px rgba(0, 0, 0, 0.036), 0 20.9px 25.1px rgba(0, 0, 0, 0.043), 0 50px 60px rgba(0, 0, 0, 0.06);
}

.box-p .hide {
	opacity: 0;
}

.box-p .frame {
	position: absolute;
	border: 1px solid #fff;
	z-index: 2;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.box-p h2,
.box-p p {
	position: absolute;
	color: #fff;
	z-index: 2;
	width: 100%;
	transition: opacity 0.2s, transform 0.3s;
}

.box-p h2 {
	font-weight: 500;
	font-size: 28px;
	margin-bottom: 0;
	letter-spacing: 1px;
	color: #FFF;
}

.box-p h2 a:hover {
	font-weight: 500;
	font-size: 38px;
	margin-bottom: 0;
	letter-spacing: 1px;
	color: #FFF;
}

.box-p h2 a {
	font-weight: 500;
	font-size: 28px;
	margin-bottom: 0;
	letter-spacing: 1px;
	color: #FFF;
}

.box-p p {
	bottom: 0;
	font-size: 14px;
	letter-spacing: 1px;
}

.box-p:hover {
	transition: all .3s ease-in-out;
}

.box-p:hover:before {
	transition: all .3s ease-in-out;
}

.box-p img {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	transition: all .3s ease-in-out;
}

.box-p img:hover {
	transition: all .3s ease-in-out;
}

.box-p img:after {
	content: '';
	position: absolute;
	background-color: rgba(0, 0, 0, 0.6);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
}

.box-p img:hover {
	transition: all .3s ease-in-out;
}

.w-content .frame {
	width: calc(100% - 100px);
	height: calc(100% - 100px);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-color: transparent;
}

.w-content h2 {
	margin-top: 0;
	top: 50%;
	transform: translatey(-50%);
	text-align: center;
	letter-spacing: 1px;
}

.w-content p {
	transform: translate3d(0, -10px, 0);
}

.w-content:hover {
	opacity: .8;
}

.w-content:hover .frame {
	border-color: #fff;
	transition: color .3s ease-in-out, all .3s ease-in-out;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
}

@media screen and (max-width: 880px) {
	.wrapper {
		width: 50%;
	}
}

@media screen and (max-width: 520px) {
	.wrapper {
		width: 100%;
	}
}

/*--涓儴--*/
/*news*/

.News-container {
	background: #ffffff;
	padding: 40px 0 50px 0;
	overflow: hidden;
}

.News-main {
	max-width: 1440px;
	margin: 0 auto;
}

.News-main .title {
	margin-bottom: 40px;
	text-align: center;
}

.News-main .title h4 {
	font-size: 28px;
	color: #05255d;
	position: relative;
	font-weight: 500;
	padding-bottom: 5px;
}

.News-main .title h4:before {
	left: 38%;
	content: " ";
	display: block;
	border-bottom: 1px solid #797979;
	width: 68px;
	position: absolute;
	margin-left: -.8rem;
	top: 50%;
	margin-top: -1px;
}

.News-main .title h4:after {
	content: " ";
	display: block;
	border-bottom: 1px solid #797979;
	width: 68px;
	position: absolute;
	margin-left: -.8rem;
	top: 50%;
	margin-top: -1px;
	right: 38%;
}

.News-main .title p {
	font-size: 18px;
	color: #555;
	line-height: 36px;
}

.News-main ul li {
	float: left;
}

.News-main ul li.one {
	width: 440px;
	margin-right: 10px;
	padding-left: 42px;
}

.News-main ul li.one a {
	width: 440px;
	height: 264px;
	overflow: hidden;
	display: block;
	position: relative;
}

.News-main ul li.one a img {
	transform: scale(1);
	transition: all .4s;
	width: 90%;
	display: block;
	padding-top: 60px;
}


/*.icon-news {
	background: url(../images/icon.png) no-repeat;
	width: 15px;
	height: 15px;
	display: inline-block;
	opacity: 1;
	filter: alpha(opacity=100);
	position: absolute;
	right: 100px;
	bottom: 2px;
}*/

.News-main ul li.one a:hover img {
	transform: scale(1.05);
}

.News-main ul li.one a:hover .icon-news {
	background-position: 0 -17px;
}

.News-main ul li.three {
	float: left;
}

.News-main ul li.three a {
	width: 700px;
	height: 150px;
	padding: 20px 32px;
	margin-bottom: 10px;
	display: block;
	background: #fff;
	overflow: hidden;
}

.News-main ul li.three a .News-left {
	width: 14%;
	border-right: 1px solid #eeeeee;
	height: 122px;
	float: left;
	padding-top: 40px;
}

.News-main ul li.three a .News-left h3 {
	font-size: 24px;
	color: #4c4c4c;
	font-weight: 700;
}

.News-main ul li.three a .News-left h3:after {
	content: " ";
	display: block;
	/*border-bottom: 1px solid #ccc;width:20px;margin: 20px 0;*/
}

.News-main ul li.three a .News-left span {
	font-size: 14px;
	display: block;
	color: #999;
}

.News-main ul li.three a .News-right {
	width: 85%;
	padding-left: 25px;
	float: right;
	text-align: left;
}

.News-main ul li.three a .News-right h5 {
	font-size: 16px;
	color: #333;
	font-weight: 700;
	line-height: 28px;
}

.News-main ul li.three a .News-right img {
	padding-top: 15px
}

.News-main ul li.three a .News-right p {
	font-size: 14px;
	color: #666;
	font-weight: 400;
	line-height: 22px;
}

.News-main ul li.two a:hover,
.News-main ul li.three a:hover {
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1);
}

/*zizhi*/

/* 蹇呰甯冨眬鏍峰紡css */

.zz-bg {
	width: 100%;
	height: 403px;
	padding: 30px 0;
	background: url(../images/zz-bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
}

/*鏁版嵁缁熻婊氬姩*/
/*.product-number-info{background:url(../images/zz-bg.jpg) no-repeat; height:463px;position: relative;}*/
.product-number-info .product-number-inner {
	width: 900px;
	margin: 0 auto;
	margin-right: 40px;
	margin-top: -40px;
}

.product-number-info ul {
	padding: 85px 0;
}

.product-number-info ul.q:after {
	content: "";
	clear: both;
	display: table;
}

.product-number-info li {
	float: left;
	width: 215px;
	height: 90px;
	/*border-left: 1px solid #66c7fd;*/
	color: #555;
	/*padding-top:1px;*/
}

.product-number-info li:first-child {
	border: none;
}

.product-number-info li b {
	font-weight: 400;
	font-size: 36px;
	line-height: 1;
	display: inline-block;
	position: relative;
	margin: 15px 0 10px;
}

.product-number-info li b i {
	font-style: normal;
}

.product-number-info li b sup {
	position: absolute;
	font-size: 20px;
	right: -15px;
	top: -3px;
}

.product-number-info li b em {
	font-style: normal;
	font-size: 28px;
	font-weight: 100;
	padding-left: 2px;
	position: relative;
	top: -4px;
}

.product-number-info li p {
	font-size: 14px;
}

.product-number-info li.li-2 b,
.product-number-info li.li-2 p {
	padding-left: 10px;
}

.product-number-info li.li-3 b,
.product-number-info li.li-3 p {
	padding-left: 10px;
}

/*.product-number-info li.li-3 b,.product-number-info li.li-3 p{padding-left:20px;}*/
.product-number-info li.li-4 b,
.product-number-info li.li-4 p {
	padding-left: 18px;
}

/*.product-number-info li.li-5{text-align: right;}
.product-number-info li.li-5 b{padding-right: 2px;}*/






/*foot*/
.footer-box {
	background: #d7d7d7;
	overflow: hidden;
	width: 100%;
	color: #737373;
	padding: 30px 0 0;
}

.footer-container {
	width: 100%;
	margin: 0 auto;
	padding: 0 60px;
}

.footer-line {
	height: 0;
	display: block;
	clear: both;
	/*border-bottom:1px solid #393854;*/
}

.footer-links {
	padding-top: 10px;
	padding-left: 69px;
	padding-bottom: 20px;
}

.footer-article-item {
	width: 14.2%;
	;
	float: left;
	margin-right: 14px;
	line-height: 2;
	font-size: 15px;
	margin-bottom: 20px;
}

.footer-article-item dt {
	color: #393939;
	font-size: 18px;
	margin-bottom: 10px;
	line-height: 2;
	font-weight: 600
}

.footer-article-item dd {
	line-height: 2
}

.footer-article-item dd a {
	color: #888;
	transition: all .1s
}

.footer-article-item dd a:hover {
	color: #08acee;
}

.footer-contact-item {
	width: 125px;
	float: left
}

.footer-contact-item h3 {
	font-size: 18px;
	color: #393939;
	line-height: 2;
	margin-bottom: 10px;
	font-weight: 600
}

.footer-contact-item p {
	font-size: 22px;
	color: #fff;
	font-family: Arial,  , hanhei sc, PingHei, pingfang sc, helvetica neue, Helvetica, Arial, hiragino sans gb, heiti sc, wenquanyi micro hei, sans-serif;
	margin-bottom: 15px
}

.footer-ewm {
	float: left;
	width: 110px;
	margin-right: 18px;
	text-align: center
}

.footer-ewm img {
	width: 84px;
	height: 84px;
	display: block;
	border: none
}

.footer-ewm p {
	font-size: 14px;
	color: #737373;
	margin-top: 12px
}

.footer-copyright {
	background: #FFFFFF;
	font-size: 14px;
	text-align: center;
}

.footer-copyright p {
	font-size: 14px;
	color: #393939;
	line-height: 52px;
}



.fl {
	float: left;
}

.fr {
	float: right;
}

.clear {
	clear: both;
}

.head {
	position: fixed;
	top: 0;
	z-index: 9999;
	background: #fff;
	box-shadow: 0px 1px 4px #888888;
}

.head .menu {
	width: 50%;
}

.head .search {
	margin-top: 20px;
	margin-left: 20px;
}

.banner {
	margin-top: 120px;
}


.bread {
	box-shadow: 0px 2px 4px #e5e5e5;
	background: #FFFFFF;
	padding: 0 60px;
}

.newabout ul li {
	padding: 40px 0;
}

.newabout ul li .lileft {
	width: 20%;
	text-align: center;
}

.newabout ul li .liright {
	width: 78%;
}

.about1 {
	/*margin: 20px 0;*/    width: 91%;
    margin: 0 auto;
}


.News-main1 {
	margin: 0 auto;
}

.News-main1 .title1 {
	margin-bottom: 40px;
	text-align: center;
	padding-top: 50px;
}

.News-main1 .title1 h4 {
	font-size: 28px;
	color: #05255d;
	position: relative;
	font-weight: 500;
	padding-bottom: 5px;
}

.News-main1 .title1 h4:before {
	left: 38%;
	content: " ";
	display: block;
	border-bottom: 1px solid #797979;
	width: 68px;
	position: absolute;
	margin-left: -.8rem;
	top: 50%;
	margin-top: -1px;
}

.News-main1 .title1 h4:after {
	content: " ";
	display: block;
	border-bottom: 1px solid #797979;
	width: 68px;
	position: absolute;
	margin-left: -.8rem;
	top: 50%;
	margin-top: -1px;
	right: 38%;
}


.n-time {
	margin: 0;
	padding-right: 48px;
	height: 119px;
	border-right: 1px #eeeeee solid;
}

.n-time h3 {
	font-size: 24px;
	color: #4c4c4c;
	font-weight: 700;
	padding-top: 35px;
}

.n-time span {
	font-size: 14px;
	display: block;
	color: #999;
}


.News-ny1 {
	margin: 0 auto;
	padding-left: 40px;
}

.News-ny1 h3 {
	font-size: 20px;
	color: #333;
	font-weight: 700;
	line-height: 28px;
}

.News-ny1 p {
	font-size: 15px;
	color: #666;
	font-weight: 400;
	line-height: 24px;
}

.News-ny1 img {
	margin-top: -14px;
}

.News-ny1 a:hover {
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1);
}

.video-back{display:block;padding:340px 0px 0px 0px;text-align:center;position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.video-back h1{display:block;text-align:center;color:#fff;text-shadow:1px 2px 4px #000;font-size:50px;margin-bottom: 40px;}
.video-back p{display:block;color:#fff; font-size:32px; font-weight:500; ext-shadow:2px 2px 1px #000;margin:0px;padding:0px;margin-bottom:20px;}
.video-back img{width:150px;}

.newnews{padding: 0 60px;background: #F8F8F8;}
.newnews .newleft{width: 558px;}
.newnews .newright{width: calc(100% - 600px);}
.newnews .newright .lileft{width: 20%;}
.newnews .newright .liright{width: 78%;}
.zz-bg dl {text-align: center;}
.zz-bg dl dd{display: inline-block;}

.newnewslist{padding: 20px 60px;}
.newnewslist ul li{background: #fff;border-bottom: 1px solid #ddd;}

.newsdetail{max-width: 1200px;margin: 0 auto;padding: 30px 0;}

.order{max-width: 1200px;margin: 0 auto;padding: 30px 0;}
.product{padding: 0 50px;}
.product .pleft{width: 320px;font-size: 16px;color: #000;}
.product .pright{width: calc(100% - 340px);}
.pageMenuDiv a{color: #00719D;}

.prodetail{padding: 0 50px;}
.prodetail .pleft{width: 320px;font-size: 16px;color: #000;}
.prodetail .pright{width: calc(100% - 340px);}