@charset "utf-8";

/* CSS Document */

html,
body {
	position: relative;
	height: 100%;
}

body {
	background: #eee;
	font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei UI", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
	font-size: 14px;
	color: #000;
	margin: 0;
	padding: 0;
}

p,
h1,
h2,
h3 {
	margin: 0;
	padding: 0;
	text-decoration: none;
}

ul,
li {
	margin: 0;
	padding: 0;
	list-style: none;
}

a ,a:hover{
	text-decoration: none;
	margin: 0;
	padding: 0;
}

img {
	display: block;
	margin: 0;
}

.clearfix {
	clear: both;
}
.container{position:relative;margin:0 auto;padding:0 15px;box-sizing:border-box}
.container-fluid{position:relative;margin:0 auto;padding:15px;box-sizing:border-box;background:#f2f2f2}
@media (min-width:768px){.container{width:750px}}
@media (min-width:992px){.container{width:970px}}
@media (min-width:1200px){.container{width:1170px}}
.row:after,.row:before{content:'';display:block;clear:both}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;display:block;box-sizing:border-box}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}
.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}
.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}
@media (min-width:568px){.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}}
@media (min-width:790px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}}
@media (min-width:1000px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}}
@media (min-width:1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}} 
.row-col-space15{margin:-7.5px}.row-col-space15>*{padding:7.5px}.row-col-space10{margin:-5px}.row-col-space10>*{padding:5px}

/*		滚屏设置*/

.swiper-container {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #F5F5F5;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	overflow: hidden;
}


/*页眉*/

.head-box {
	width: 100%;
	position: absolute;
	z-index: 5;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
}

.head {
	width: 100%;
	background: #2f3438;
}

.header{
	max-width: 1200px;
	margin: 0 auto;
	height: 28px;
	line-height: 26px;
}

.tel{
	float: right;
	background: url(../images/tel.png) left center no-repeat;
	padding-left: 24px;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	margin-right: 20px;
}
.login{float: right;}
.login>a{background: url(../images/login.png) left center no-repeat;
	padding-left: 24px;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	margin-right: 15px;}
.nav-box {
	width: 100%;
	background-color: #FFFFFF;
}

.nav {
	max-width: 1200px;
	margin: 0 auto;
}

.logo {
	float: left;
	margin: 15px 0;
	width: 200px;
}

.logo img {
	width: 100%;
}

.nav-r {
	float: right;
}

.fix {
	width: 100%;
}

.on-1 {
	
	float: left;
	margin-top: 30px;
	position: relative;
	
}

.on-1>a {
	padding: 20px 30px;	
	color: #0369ab;
	font-size: 16px;
	display: block;border-bottom: 3px solid #fff;
}

.on-1>a:hover {
	border-bottom: 3px solid #0369ab;font-weight:500;transition: all 0.3s;
}

.on-1-down {
	display: none;
	position: absolute;
	top: 63px;
	background: #fff;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3)
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
	padding-top: 15px;

}



.on-1-down a {
	color: #555555;
	font-size: 16px;display: block;
	padding: 0px 30px 15px 30px;
	
}

.on-1-down a:hover {
	border: none;
	color: #0369ab;
}


/*小导航*/

#menu {
	float: left;
	display: none;
	margin-top: 20px;
	margin-right: 10px;
}

.menu-l {
	position: absolute;
	top: 20px;
	right: 0px;
	background: #fff;
	padding: 10px;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3)
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
}

.menu-l dd {
	margin: 20px 10px;
}

.menu-l a {
	font-size: 16px;
	color: #555;
	display: block;
}

.menu-l a:hover {
	font-size: 16px;
	color: #0369ab;
	font-weight: bold;
}

@media(max-width:1000px) {
	.logo {
		width: 160px;
		margin-left: 10px
	}
	.on-1 a {
		padding: 10px 18px;
	}
}

@media(max-width:780px) {
	.logo {
		width: 120px;
		margin-left: 10px;
	}
	.on-1 a {
		display: none
	}
	#menu {
		display: block;
	}
}


/*第一屏视频*/

.video-up {
	position: absolute;
	left: 0;
	top: 0;
	width: 1920px;
	height: 1080px;
	background-color: rgba(0, 0, 0, 0.4);
}

.p1 {
	position: absolute;
	left: calc(50% - 300px);
	top: calc(50% - 150px);
	color: #fff;
	font-size: 48px;
	font-weight: bold;
}

.p2 {
	position: absolute;
	left: calc(50% - 150px);
	top: calc(50% - 0px);
	color: #fff;
	font-size: 36px;
}

.video-p {
	position: absolute;
	left: calc(50% - 50px);
	top: calc(50% + 100px);
	background: url(../images/play.png);
	width: 90px;
	height: 90px;
	border: none;
	margin: 0;
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}


/*第二屏*/

.txt-box {
	position: absolute;
	top: calc(50% - 160px);
	left: calc(50% + 10px);
	width: 31%;
	background-color: rgba(255, 255, 255, 0.2)
}

.txt {
	width: 85%;
	margin: 0 auto;
	margin-top: 10%;
	margin-bottom: 10%
}

.txt p {
	color: #FFFFFF;
	margin-top: 3%;
	text-align: left;
	line-height: 30px;
	text-indent: 7%;
	letter-spacing: 0.05em;
	font-family: "微软雅黑";
	font-weight: normal;
	font-size: 18px
}

.txt img {
	width: 100%;
	height: auto
}

.chakan {
	border: 2px solid #fff;
	width: 180px;
	float: right;
	margin-top: 5%;
	border-radius: 25px;
}
.chakan:hover{background: ;}
.chakan a {
	color: #fff;
	line-height: 40px
}

@media(max-width:1000px) {
	.txt-box {
		top: calc(50% - 160px);
		left: calc(50% - 120px);
		width: 50%
	}
	.chakan {
		width: 150px
	}
}

@media(max-width:800px) {
	.txt-box {
		top: calc(50% - 160px);
		left: calc(50% - 230px);
		width: 70%
	}
	.chakan {
		width: 150px
	}
}


/*第三屏*/

.anli-box .title p{
	font-size: 14px;
	color: #818181;
	text-align: center;
	line-height: 40px
}
.title img {
	margin: 0 auto;
}

.container{margin-top: 100px;}
.anli1 {
	width:100%;						
	height:250px;
	padding: 10px;					
	position: relative;
	box-sizing: border-box;
}
.anlisub{width:100%;height:100%;box-sizing: border-box;overflow: hidden;}
.anlisub img {
	width: 100%;
	-webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition:all 0.5s;
  transition: all 0.5s;
}
.anlisub img:hover{-webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);}
 .anlisub .anli-up {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	position: absolute;
	top: 0px;
	left: 0;
	border: 1px solid blue;
  }
.anlisub p{
	font-size: 18px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #fff;
	border: 1px solid #fff;
	padding: 5px 10px;
}
.chakan2 {
	border: 2px solid #0369ab;
	width: 180px;
	border-radius: 25px;
	margin: 0 auto
}

.chakan2 a {
	color: #0369ab;
	line-height: 35px;
	font-weight: 300
}

@media(max-width:1300px) {
	.anli-box {
		top: calc(50% - 340px);
		left: calc(50% - 550px);
		max-width: 1100px
	}
}

@media(max-width:1200px) {
	.anli-box {
		top: calc(50% - 340px);
		left: calc(50% - 500px);
		max-width: 1000px
	}
}

@media(max-width:1000px) {
	.anli-box {
		top: calc(50% - 340px);
		left: calc(50% - 400px);
		max-width: 800px
	}
	.anli1 {
		float: left;
		width: calc((100% / 2) - 20px);
		height: 200px;
	}
}

@media(max-width:800px) {
	.anli-box {
		top: calc(50% - 340px);
		left: calc(50% - 300px);
		max-width: 600px;
	}
	.anli1 {
		width: calc((100% / 2) - 20px);
		height: 200px;
		margin-right: 20px
	}
}


/*第四屏*/

.txt-box1 {
	position: absolute;
	top: calc(50% - 160px);
	left: calc(50% - 600px);
	width: 31%;
	background-color: rgba(4, 105, 177, 0.2)
}

.txt1 {
	width: 85%;
	margin: 0 auto;
	margin-top: 10%;
	margin-bottom: 10%
}

.txt1 p {
	color: #0369ab;
	margin-top: 3%;
	text-align: left;
	line-height: 30px;
	text-indent: 7%;
	letter-spacing: 0.05em;
	font-family: "微软雅黑";
	font-weight: normal;
	font-size: 18px
}

.txt1 img {
	width: 100%;
	height: auto
}

.chakan1 {
	border: 2px solid #0369ab;
	width: 180px;
	float: right;
	margin-top: 5%;
	border-radius: 25px;
}

.chakan1 a {
	color: #0369ab;
	line-height: 40px
}

@media(max-width:1300px) {
	.txt-box1 {
		top: calc(50% - 160px);
		left: calc(50% - 400px);
		width: 31%
	}
	.chakan1 {
		width: 150px
	}
}

@media(max-width:1000px) {
	.txt-box1 {
		top: calc(50% - 160px);
		left: calc(50% - 280px);
		width: 50%
	}
}

@media(max-width:800px) {
	.txt-box1 {
		top: calc(50% - 160px);
		left: calc(50% - 230px);
		width: 70%
	}
}


/*第五屏*/
.product-box img {
	margin: 0 auto;
	display: block;
} 
.product-left{border: 1px solid #cfcfcf;background: #fff;}
.product-box .product-left p {
	text-align: left;
	border-left: 4px solid #0369ab;
	font-size: 20px;
	color: #0369ab;
	padding-left: 12px;
	line-height: 20px;
	margin: 15px 20px;
}
.product1{width: 100%;display: flex;flex-wrap:wrap;justify-content: space-around;padding:0 10px;box-sizing: border-box;}
.product1-1{width: 47%;box-sizing: border-box;margin-bottom: 15px;}
.product1-1 img{width: 100%;height:230px}

.product-box p {
	font-size: 14px;
	color: #818181;
	text-align: center;
	line-height: 40px
}

.chakan3 {
	border: 2px solid #0369ab;
	width: 180px;
	border-radius: 25px;
	margin: 0 auto
}

.chakan3 a {
	color: #0369ab;
	line-height: 35px;
}

@media(max-width:1200px) {
	.product-box {
		left: calc(50% - 300px);
		max-width: 600px;
	}
}


/*	第六屏上半部分*/

.partners-box {
	max-width: 1200px;
	position: absolute;
	top: 150px;
	left: calc(50% - 600px);
}

.partners-box img {
	margin: 0 auto;
}

.partners-box p {
	font-size: 14px;
	color: #818181;
	text-align: center;
	line-height: 40px
}

.partners {
	max-width: 1200px;
	height: 300px;
	overflow: hidden
}

.partners1 {
	float: left;
	margin: 5px;
	width: cale((100% / 4) - 20px)
}

.partners1 img {
	margin-bottom:20px;
	width: 95%;
}

@media(max-width:1200px) {
	.partners-box {
		max-width: 900px;
		left: calc(50% - 450px)
	}
	.partners {
		max-width: 900px;
	}
	.partners1 {
		width: cale((100% / 3) - 20px);
	}
	.partners1 img {
		width: 100%
	}
}

@media(max-width:900px) {
	.partners-box {
		max-width: 700px;
		left: calc(50% - 350px)
	}
	.partners {
		max-width: 700px;
	}
	.partners1 {
		width: cale((100% / 2) - 30px);
	}
	.partners1 img {
		width: 90%
	}
}

@media(max-width:700px) {
	.partners-box {
		max-width: 600px;
		left: calc(50% - 300px)
	}
	.partners {
		max-width: 600px;
	}
	.partners1 {
		width: cale((100% / 4) - 10px);
	}
	.partners1 img {
		width: 90%
	}
}


/*下半部分*/

.add-big-box {
	background: url(../images/addressbg.jpg);
	width: 1920px;
	position: absolute;left: 50%;margin-left: -960px;z-index: 0;
	top: 62%;
	height: 38%;
}

.address-box {
	max-width:1200px;
	margin: 0 auto;
}

.address {calc(100% / 3 - 60px);float: left;
	}

.address p {
	text-align: left;
	color: #fff;
	font-size: 16px;
	margin: 20px 35px;
	
}

.add-logo {
	margin: 30px;
}

.address_right{max-width:calc(100% / 3 - 60px);float:left;margin-top: 100px;margin-left: 30px;}
.address_right p{text-align: left;
	color: #fff;
	font-size: 16px;
	margin: 20px 35px;
	display: block;}

/*#qq {
	float: left;
	margin: 0 35px;
}

#weixin {
	float: left;
}

.input {
	float: right;
	max-width: 600px;
	margin-top: 30px
}

.input input,
.input textarea {
	border: none;
	border-bottom: 1px #fff solid;
	background-color: rgba(0, 0, 0, 0);
	width: 400px;
	margin: 15px;
	padding: 5px 10px;
}

.submit {
	line-height: 40px;
	color: #fff;
}*/

.input input::-webkit-input-placeholder {
	color: #fff;
}

.input input::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #fff;
}

.input input:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #fff;
}

.input input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #fff;
}

.input textarea::-webkit-input-placeholder {
	color: #fff;
}

.input textarea::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #fff;
}

.input textarea:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #fff;
}

.input textarea:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #fff;
}

.footer {
	width: 100%;
	background-color: #2f3438;
	position: absolute;
	bottom: 0px;
	font-size: 12px;
	color: #D3D3D3;
	line-height: 34px
}
.loading {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 100;
	background: #fff;
}

.pic {
	width: 50px;
	height: 50px;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.pic i {
	display: block;
	float: left;
	width: 6px;
	height: 50px;
	margin: 0 2px;
	background: #1d9bd7;
	-webkit-transform: scaleY(0.4);
	-ms-transform: scaleY(0.4);
	transform: scaleY(0.4);
	-webkit-animation: load 1.2s infinite;
	animation: load 1.2s infinite;
}

i:nth-child(1) {}

i:nth-child(2) {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}

i:nth-child(3) {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

i:nth-child(4) {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

i:nth-child(5) {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}

@-webkit-keyframes load {

	0%,
	40%,
	100% {
		-webkit-transform: scaleY(0.4);
		transform: scaleY(0.4)
	}

	20% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1)
	}
}

@keyframes load {

	0%,
	40%,
	100% {
		-webkit-transform: scaleY(0.4);
		transform: scaleY(0.4)
	}

	20% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1)
	}
}