﻿@charset "utf-8";
	html,body {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-tap-highlight-color:transparent;
	-webkit-touch-callout:none;
	-webkit-touch-callout:none;
	-webkit-overflow-scrolling:touch;
	-moz-overflow-scrolling:touch;
	-o-overflow-scrolling:touch;
	overflow-scrolling:touch
}
body {
	font-size:62.5%;
	min-width:1200px
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	margin:0;
	padding:0
}
body,button,input,select,textarea {
	font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,STHeiTi,sans-serif;
	color:#666;
	background-color:#fff;
	position:relative
}
h1,h2,h3,h4,h5,h6 {
	font-weight:normal
}
textarea {
	resize:none
}
input[type=button],input[type=submit] {
	cursor:pointer
}
input[type=button] {
	-webkit-appearance:none;
	outline:0
}
input::-webkit-input-placeholder {
	color:#b5b5b5
}
textarea::-webkit-input-placeholder {
	color:#b5b5b5
}
table {
	border-collapse:collapse;
	border-spacing:0
}
th {
	text-align:inherit
}
fieldset,img {
	border:0 none
}
img {
	vertical-align:middle
}
abbr,acronym {
	border:0;
	font-variant:normal
}
del {
	text-decoration:line-through
}
hr {
	border:0;
	height:1px;
	background-color:#d9d9d9
}
ul,li,ol {
	list-style:none
}
input,textarea,select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit
}
button,input {
	border:0;
	background:0;
	-webkit-appearance:none;
	outline:0
}
a {
	-webkit-touch-callout:none;
	text-decoration:none;
	color:#666;
	outline:0;
	cursor:pointer
}
a:hover {
	text-decoration:none
}
a:focus,*:focus {
	outline:0
}
em,i {
	font-style:normal
}
label {
	cursor:pointer
}
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-ms-word-break:break-all;
	word-break:break-all;
	-ms-word-wrap:break-word;
	word-wrap:break-word
}

.clearfix:after {
	clear:both;
	overflow:hidden
}
.clearfix {
	zoom:1
}
.clear {
	clear:both;
	display:block;
	font-size:0;
	height:0;
	line-height:0;
	overflow:hidden
}


.w1200 {
	width:1200px;
	margin:0 auto;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box
}
.bg-box {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1
}
.bg-lf,.bg-rt {
	width:50%;
	height:100%
}
.bg-lf {
	float:left;
	margin-left:-958px
}
.bg-rt {
	float:right;
	margin-right:-958px
}
.bg-F6FBFF {
	background-color:#f6fbff
}
footer {
	background: url(../images/footer.jpg); 
    background-size:100% 100%;
	height:456px;
	
	color:#464646;
	font-size:18px;
	text-align:center
}
.xiazai {
	display:block;
	background:url(../images/xiazai.png);
	border-radius:40px;
	background-size:100% 100%;
	width:235px;
	height:64px;
	margin:35px auto 20px;
	transition:all .5s ease
}
.xiazai:hover {
	transform:translateY(-10px)
}
.telea1 {
	font-size:36px;
	margin-bottom:70px;
	font-weight:600;
	color:#1a1a1a;
	letter-spacing:2px;
	text-align:center;
	position:relative
}
.telea1::after {
	content:"";
	position:absolute;
	bottom:-60px;
	width:91px;
	left:51%;
	height:144px;
	background:url(../images/wenhao.png);
	background-size:100% 100%
}
.row1 ul li:hover {
	transform:translateY(-10px)
}
.row1 ul li {
	float:left;
	width:415px;
	height:534px;
	position:relative;
	margin-right:27px;
	cursor:pointer;
	margin-top:40px;
	transition:all .5s ease
}
.row1 ul li:nth-child(3) {
	margin-right:0
}
.img1 {
	box-shadow:0 0 12px #73b9ff38;
	-moz-box-shadow:0 0 12px #73b9ff38;
	-webkit-box-shadow:0 0 12px #73b9ff38
}
.img01 {
	display:none;
	box-shadow:0 2px 14px #3197ff4a;
	-moz-box-shadow:0 2px 14px #3197ff4a;
	-webkit-box-shadow:0 2px 14px #3197ff4a
}
.row1 ul li:hover .img1 {
	display:none
}
.row1 ul li:hover .img01 {
	display:block
}
.row1 ul li img {
	position:absolute;
	left:0;
	bottom:0
}
.wh13 .row2 p.row-tele {
	font-size:36px;
	margin-bottom:70px;
	font-weight:600;
	color:#1a1a1a;
	letter-spacing:2px;
	text-align:center
}
.wh13 .row1 p.row-tele {
	font-size:36px;
	font-weight:600;
	color:#1a1a1a;
	letter-spacing:2px;
	text-align:center
}
.wh13 {
	width:1300px;
	margin:0 auto
}
.wh12 {
	width:1200px;
	margin:0 auto
}
.wh12 .row1 p.row-tele {
	font-size:36px;
	font-weight:600;
	color:#1a1a1a;
	letter-spacing:2px;
	text-align:center
}
.clear {
	clear:both
}
.nav li a.jhfan {
	transition:all .5s ease
}
.nav li a.jhfan:hover {
	transform:translateY(-10px)
}
.fights {
	float:right
}
.logo1 {
	float:left
}
.active .fights .count-up {
	display:block
}
.active .lijixiaz {
	display:block
}
.fights1 .count-up {
position:absolute;left:230px;top:25px;font-size:18px;color:#666666;
}
.fights1 .count-up span {
font-size:28px;color:#edb203;
}
.lijixiaz {
	display:none;
	width:80px;
	height:30px;
	font-size:13px;
	color:#fff;
	line-height:30px;
	text-align:center;
	float:right;
	margin-top:26px;
	transition:all .5s ease;
	background-color:#175fff;
	border-radius:30px;
	box-shadow:0 0 8px #37b4fc38;
	-moz-box-shadow:0 0 8px #37b4fc38;
	-webkit-box-shadow:0 0 8px #37b4fc38
}
.lijixiaz:hover {
	transform:translateY(-10px)
}
.logo {
	margin-top:15px
}
.xjjuzhong a.bat2 .xzs1{position:absolute;left:52px;top:15px;animation: triangle-jump 2s infinite;}
	.xjjuzhong a.bat2 .xzs2{margin-right:12px;margin-top:18px; }
	@keyframes triangle-jump {
	from,to {
		transform: translateY(0)
	}

	50% {
		transform: translateY(8px)
	}
    }
header.active {
	z-index:999;
	box-shadow:0 0 8px #37b4fc42;
	-moz-box-shadow:0 0 8px #37b4fc42;
	-webkit-box-shadow:0 0 8px #37b4fc42;
	height:74px;
	background:#fff
}
header {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:5
}
.nav-list {
	overflow:hidden;
	float:left
}
.nav-list li {
	float:left;
	padding:10px 5px;
	position:relative
}
.nav-list li:hover::after {
	content:"";
	position:absolute;
	bottom:10px;
	width:26px;
	height:3px;
	border-radius:2px;
	left:37%;
	background-color:#fff
}
.nav-list li a {
	display:block;
	line-height:40px;
	text-align:center;
	padding:0 10px;
	border-radius:2px;
	font-size:16px;
	color:#fff;
	position:relative
}
.nav-list li.xia:hover::after {
	content:"";
	position:absolute;
	bottom:6px;
	width:30%;
	left:37%;
	height:4px;
	background-color:#fff0;
	border-radius:4px
}
.nav-list li.xia a {
	margin-left:30px;
	width:106px;
	line-height:34px;
	height:34px;
	background:#ff5e0d;
	opacity:.9;
	border-radius:4px;
	font-size:14px
}
.nav-dwon {
	display:block;
	width:180px;
	line-height:44px;
	border:2px solid #fff;
	font-size:24px;
	color:#fff;
	text-align:center;
	border-radius:8px;
	margin-top:16px
}
.nav-dwon:hover {
	color:#fff;
	background:#636cf5
}
.nav-dwon:active {
	color:#fff;
	background:#2c35dc
}
.head-btn {
	width:124px;
	height:60px;
	background:#f60;
	border-radius:4px;
	text-align:center;
	float:left;
	line-height:60px;
	color:#fff;
	font-size:16px
}
.nav-list .two {
	display:none
}
.logo1 {
	display:none
}
.active .logo1 {
	display:block
}
.active .logo {
	display:none
}
.logo1 {
	margin-top:22px
}
header.two .nav-list li {
	display:none
}
header.two .nav-list li.two {
	display:block
}
.head-bg {
	height:610px;
	background:url(../images/bg.jpg);
	background-size:100% 100%
}
.banner-ctt {
	padding-top:180px
}
.banner-ctt h1 {
	font-size:48px;
	color:#454545;
	font-weight:500;
	position:relative
}
.banner-ctt h1 span {
	background:url(../images/oob.png);
	background-size:100% 100%;
	font-size:22px;
	color:#fff;
	display:block;
	width:100px;
	height:40px;
	line-height:40px;
	text-align:center;
	position:absolute;
	left:60%;
	top:-18px
}
.xjjuzhong {
	margin-top: 20px;
	float:left;
	width:50%;
}
.logo11 {
	position:relative;
	top:-9px;
	margin-right:30px
}
.xjjuzhong p.bat1 {
	line-height: 30px;
    font-size: 18px;
    color: #666666;
    margin-top: 20px;
}
.xjjuzhong p.bat3 {
	margin-top:40px
}
.xjjuzhong a.bat2 {
	position:relative;
	display:block;
	margin-top:50px;
	width:215px;
	height:60px;
	font-size:20px;
	color:#fff;
	line-height:60px;
	text-align:center;
	background-color:#0091ff;
	border-radius:50px;
	transition:all .5s ease;
	box-shadow:0 2px 6px #d7ebff;
	-moz-box-shadow:0 2px 6px #d7ebff;
	-webkit-box-shadow:0 2px 6px #d7ebff;
}
.xjjuzhong a.bat2:hover {
	transform:translateY(-10px)
}
.xjjuzhong p.bat5 {
	line-height:22px;
	margin-top:20px;
	font-size:14px;
	color:#999999
}
.bandinwei{position:relative;}
.bandinwei .count-up{position: absolute;left: 230px;top: -32px;}

.szgun {
	font-size:22px;
	color:#c5e6fe;
	margin-top:40px
}
.szgun span {
	font-size:32px;
	color:#ffe25b
}


.fights ul {
	display:none
}
.active .fights ul {
	display:block
}
.fights li {
	margin-right: 25px;
	float:left;
	width:94px;
	margin-top:26px;
	font-size:16px;
	color:#545454;
	text-align:center
}
.fights li:nth-child(5){margin-right: 0px;}
.fights li:hover span {
	display:none
}
.fights ul li:hover a {
	display:block
}
.fights li a {
	display:none;
	padding:0;
	width:94px;
	height:33px;
	background: -webkit-linear-gradient(left,#0880f2 6%,#32a5f9 75%);
	border-radius:30px;
	margin-top:-4px;
	text-align:center;
	line-height:33px;
	font-size:14px;
	color:#fff
}
.hfl {
	position:absolute;
	left:220px;
	top:-22px
}
.solid .nav li {
	display:none
}
.nav {
	float:right
}
.nav li {
	margin-right: 5px;
	float:left;
	width:120px;
	margin-top:20px;
	font-size:16px;
	color:#333333;
	text-align:center
}
.nav li:nth-child(6){margin-right: 0px;}
.nav li:hover span {
	display:none
}
.nav li:hover a {
	display:block
}
.nav li a {
	display:none;
	padding:0;
	width:120px;
	height:40px;
	background-color:#febc54;
	border-radius:30px;
	margin-top:-10px;
	text-align:center;
	line-height:40px;
	font-size:16px;
	color:#fff
}
.nav li a.jhfan {
	margin-right: 0px;
	display:block;
	width:80px;
	height:30px;
	line-height:30px;
	font-size:13px;
	background-color:#175fff;
	border-radius:30px;
	box-shadow:0 0 8px #37b4fc38;
	-moz-box-shadow:0 0 8px #37b4fc38;
	-webkit-box-shadow:0 0 8px #37b4fc38
}
.hot {
	position:absolute;
	right:-5px;
	top:-23px
}
.tes1 {
	font-size:14px;
	color:#30b5f6;
	text-align:center;
	font-weight:bold;
	margin-top:30px
}
.tes2 {
	font-size:30px;
	color:#666666;
	text-align:center;
	font-weight:500;
	position:relative
}
.row2 {
	margin-top:50px
}
.glixz {
	display:block;
	width:200px;
	height:60px;
	font-size:18px;
	color:#fff;
	line-height:60px;
	text-align:center;
	background-color:#ffa32b;
	margin-top:20px;
	border-radius:40px;
	margin-left:60px;
	transition:all .5s ease
}
.xxz {
	margin-right:10px;
	vertical-align:middle;
	position:relative;
	top:-2px
}
.sh12 {
	width:1200px;
	margin:0 auto
}
.babab {
	float:right;
	width:50%;
}
.huifu-te {
	font-size:32px;
	color:#2d3d5e;
	text-align:center;
	font-weight:500;
	margin-top:40px;
	margin-bottom:50px
}
.mfxz {
	display:block;
	width:200px;
	height:60px;
	font-size:18px;
	color:#fff;
	line-height:60px;
	text-align:center;
	background-color:#ffa32b;
	margin-top:20px;
	border-radius:40px;
	margin-left:60px;
	transition:all .5s ease;
	margin:40px auto;
	transition:all .5s ease
}
.mfxz:hover {
	transform:translateY(-10px)
}
.Box {
	position:relative
}
.Box .content {
	width:1133px;
	margin:0 auto
}
.Box h2 {
	text-align:center;
	margin-bottom:35px;
	padding-top:250px
}
.Box .Box_con {
	position:relative
}
.Box .Box_con .btnl {
	position:absolute
}
.Box .Box_con .btn {
	display:block;
	width:44px;
	height:44px;
	position:absolute;
	top:180px;
	cursor:pointer
}
.Box .Box_con .btnl {
	background:url(../images/jtl02.png) no-repeat center;
	left:-100px;
	z-index:999
}
.Box .Box_con .btnr {
	background:url(../images/jtr02.png) no-repeat center;
	right:-100px;
	z-index:999
}
.Box .Box_con .btnl:hover {
	background:url(../images/jtl03.png) no-repeat center
}
.Box .Box_con .btnr:hover {
	background:url(../images/jtr03.png) no-repeat center
}
.Box .Box_con .conbox {
	position:relative;
	overflow:hidden;
	padding-top:40px;
	padding-bottom:10px;  
}
.Box .Box_con .conbox ul {
	position:relative;
	list-style:none
}
.Box .Box_con .conbox ul li {
	float:left;
	width:546px;
	height:286px;
	margin-left:20px;
	overflow:hidden;
	border-radius:30px;
	box-shadow: 0 0 16px #e1e6f2;
    -moz-box-shadow: 0 0 16px #e1e6f2;
    -webkit-box-shadow: 0 0 16px #e1e6f2;
	  
}
.Box .Box_con .conbox ul li:nth-child(1){margin-left:10px;}
.Box .Box_con .conbox ul li img {
	display:block;
	width:546px;
	height:286px;
	transition:all .5s;
	margin:0 auto;
	
}
.Box .BoxSwitch {
	    margin-top: 30px;
	text-align:center
}
.Box .BoxSwitch span {
	display:inline-block;
	vertical-align:middle;
	width:10px;
	height:10px;
	background:#dddddd;
	margin:0 5px;
	cursor:pointer;
	border-radius:50%;
	
}
.Box .BoxSwitch span.cur {
	border-radius:30px;
	background:#0091ff;
width: 30px;
}
@media screen and (max-width:1600px) {
	.babab img{width: 100%}	
}

@media screen and (max-width:1300px) {
	.babab img{width: 100%}
	.wh13 {
	width:100%
}
.w1200 {
	width:100%
}
.sh13 {
	width:100%
}
.wh10 {
	width:100%!important
}
.fights li {
	width:100px
}
.gntiao li {
	margin-right:0;
	width:11.11%
}
}
.count-up{font-size:18px;color:#3c3c39;margin-top:50px}
.count-up span{font-size:20px;color:#ff9c2b;}
.row3{padding: 45px 0;overflow: hidden;}
.row3-lest{float:left;width: 48%}
.row3-right{float:right; margin-right: 50px}
.row3-right p.tele1{font-size:24px;color:#121b2c;margin-top: 70px;line-height: 42px;}
.row3-right p.tele2{font-size:18px;color:#666666;margin-top: 25px;line-height:30px;   }
.row3-right a.tele3{display: block;
margin-top: 35px;
width: 215px;
height: 60px;
font-size: 20px;
color: #fff;
line-height: 60px;
text-align: center;
background-color: #0091ff;
border-radius: 50px;
transition: all .5s ease;}
.row3-right a.tele3:hover{transform: translateY(-10px);}
.footer-te{ font-size:18px;color:#ffffff;padding-top:30px;}
.rows3{height:1232px;}
.w1030{width:1030px;margin: 0 auto;}
.row2-bj ul li img{margin-top:20px;}
.row2-bj ul li{text-align:center;float:left;width: 158px;height: 156px;border-radius:10px;margin-right: 60px;}
.row2-bj ul li:hover{box-shadow: 0 0 8px #e6e8e8;
-moz-box-shadow: 0 0 8px #e6e8e8;background-color:#fff;
-webkit-box-shadow: 0 0 8px #e6e8e8;}
.row2-bj ul li:nth-child(5n+5){margin-right: 0px;} 
.row2-bj ul li p{font-size:16px;color:#333333;margin-top:10px;}
.row2-bj ul li:hover a{display: block}
.row2-bj ul li a{display: none;
width: 87px;margin: 15px auto;
height: 27px;
border-radius: 30px;
background-color:#0091ff;
text-align: center;
line-height: 27px;
font-size: 12px;
color: #fff;}
.qcfd{clear:both;}
#productNumber_1{font-size:18px;color:#fff;}

.clearfix li .wan{font-size:34px;color:#fff;font-weight:bold;}
.clearfix li p{font-size:18px;color:#fff;margin-bottom:10px; }
#productNumber_1{font-size:34px;color:#fff;font-weight:bold;}
#productNumber_2{font-size:34px;color:#fff;font-weight:bold;}
#productNumber_3{font-size:34px;color:#fff;font-weight:bold;}

.clearfix{align-content: center;display: flex;justify-content: space-around;}
.row2 ul li.on:nth-child(4){padding: 70px 0;} 
.row2{background: url(../images/row2bj.jpg); background-size:100% 100%;height: 550px;margin-bottom: 35px;}
.w1120{width: 1120px;margin: 0 auto}
.row2 ul li.on{width: 545px;height: 228px;background: url(../images/img.png); background-size:100% 100%;border-radius:10px;padding: 45px;float:left;margin-right:30px;cursor:pointer;transition: all 0.5s ease;}
.row2 ul li.on:hover{transform: translateY(-10px);}
.row2 ul li.on:nth-child(4){background: url(../images/imgs.png); background-size:100% 100%;}
.row2 ul li.on p.te1{font-size:28px;color:#2d2d2d;}
.row2 ul li.on p.te2{font-size:20px;color:#7d7d7d;margin-top:15px;}
.row2 ul li.on:nth-child(2n+2){margin-right: 0px;margin-top:30px;}
.row2-lift{display:flex;}
.row2-right{margin-left:20px;}
.row3-lest img{width:540px;box-shadow: 0 0 16px #e1e6f2;-moz-box-shadow: 0 0 16px #e1e6f2;-webkit-box-shadow: 0 0 16px #e1e6f2; }



