html {
	font-size: 62.5%;
}

img {
	width: 100%;
}

a:hover {
	text-decoration: none;
}

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

.top {
	background: #464a4d;
	line-height: 30px;
	color: #fff;
}

.top a {
	color: #fff;
}

.logo {
	width: 364px;
	height: 92px;
}

.icon-tel {
	color: #0c4993;
	font-size: 20px;
	line-height: 92px;
}

.icon-tel span {
	color: #ff921d;
}

.icon-tel:before {
	content: "";
	height: 26px;
	width: 26px;
	display: inline-block;
	background: url(../images/icon-tel.png);
	background-size: 100% 100%;
	vertical-align: middle;
	margin-right: 8px;
}

/*nav*/
.navbar {
	background: #1782ca;
	margin-bottom: 0;
	border: none;
	border-radius: unset;
}

.navbar a {
	color: #fff !important;
	font-size: 16px;
}

.navbar a:hover {
	color: #fff !important;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
	background-color: #e98e35;
}

.nav>li>a {
	padding-left: 30px;
	padding-right: 30px;
}

.banner {
	margin-bottom: 40px;
}

.home-h h2 {
	margin: 0 auto;
	text-transform: uppercase;
	font-size: 25px;
	color: #000000;
	font-family: "Baskerville Old Face"
}

.home-h h3 {
	margin: 0 auto;
	font-size: 30px;
	color: #1782ca;
}

.home-h h3 span {
	color: #ff8400;
}

.home-h p {
	font-size: 16px;
}

.product-h {
	background: #efefef;
	color: #8b8b8b;
	line-height: 2em;
}

.selectTab .kuai {
	background: #1782ca;
	color: #fff;
}

.bottom-b-b {
	border-bottom: 1px solid #fff;
}

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

.bottom-b-b .da {
	font-size: 60px;
	float: left;
	line-height: 1em;
	margin-right: 8px;
}

.bottom-b-b .biaoti-r {
	float: left;
	padding-top: 5px;
}

.bottom-b-b .biaoti {
	font-size: 20px;
	margin-bottom: 0;
}

.bottom-b-b .enbiaoti {
	font-size: 14px;
}

.maxin {
	line-height: 3em;
	font-size: 13px;
	padding: 0 20px
}

.margin-b-10 {
	margin-bottom: 10px;
}

.product-fenlei .kuai {
	line-height: 3em;
	text-indent: 10px;
}

.product-fenlei .outer {
	margin-bottom: 16px;
}

.product-fenlei .outer .parentTab {
	cursor: pointer;
	user-select: none;
}

.product-fenlei .outer .parentTab img {
	width: 12px;
	height: 9px;
	vertical-align: middle;
	margin-left: 10px
}

.product-fenlei .outer .childTab {
	display: none;
	line-height: 3em;
	text-indent: 40px;
	background: #00bbf2;
	cursor: pointer
}

.product-fenlei .outer .childTab li a {
	line-height: 3em;
	color: #FFFFFF
}



.padding-10 {
	padding: 20px;
}

.gg-tiao {
	margin-bottom: 20px;
	background: url(../images/kh-bottom-bg.png);
	width: 100%;
	height: 240px;
	margin-top: -55px;
	z-index: 999;
	position: relative
}

.gg-tiao .row {
	height: inherit;
	width: 1200px;
	margin: 0 auto;
	position: relative;
	text-align: center
}

.gg-tiao .row:before {
	content: '';
	display: inline-block;
	width: 58px;
	height: 160px;
	position: absolute;
	left: 0;
	top: 40px;
	/*background-image: url(../images/kh-bottom-left.png);*/
	background-repeat: no-repeat
}

.gg-tiao .row:after {
	content: '';
	display: inline-block;
	width: 58px;
	height: 160px;
	position: absolute;
	right: 0;
	top: 40px;
	/*background-image: url(../images/kh-bottom-right.png);*/
	background-repeat: no-repeat
}

.gg-tiao .row .yellowdown {
	position: absolute;
	top: -32px;
	left: 570px;
	width: 59px;
	height: 64px;
	background: url('../images/kh-bottom-top.png')
}

.gg-tiao .row .textDec {
	width: inherit;
	height: 160px;
	position: absolute;
	top: 40px;
	padding-top: 20px
}

.gg-tiao .row .textDec p {
	font-size: 19px;
	color: #ffffff;
	margin-left: 35px
}

.ad {
	position: relative
}

.ad h2 {
	font-size: 41px;
	color: #000000;
	font-weight: bold;
	margin-bottom: -15px
}

.ad h2 span {
	font-size: 68px;
	color: #ff8400;
	font-weight: bold
}

.ad h3 {
	font-size: 22px;
	color: #000000;
	font-family: "Microsoft Yi Baiti"
}

.ad p {
	font-size: 30px;
	color: #000000
}

.ad:before {
	content: '';
	display: inline-block;
	width: 328px;
	height: 4px;
	position: absolute;
	left: 70px;
	top: 70px;
	border-top: 1px dashed #84c2fd;
	border-bottom: 1px dashed #84c2fd;
}

.ad:after {
	content: '';
	display: inline-block;
	width: 328px;
	height: 4px;
	position: absolute;
	right: 70px;
	top: 70px;
	border-top: 1px dashed #84c2fd;
	border-bottom: 1px dashed #84c2fd;
}

.adThree-main {
	height: 1170px
}

.adThree-main img {
	height: inherit;
}

.container-banner .row {
	position: relative;
}

.container-banner .row .main {
	background: pink;
	width: 1200px;
	;
	margin: 0 auto;
	position: relative
}

.container-banner .row span {
	position: absolute;
	left: 0;
	top: -140px;
	font-size: 35px;
	color: #ffffff
}

.container-banner .row b {
	position: absolute;
	left: 30px;
	top: -90px;
	font-size: 16px;
	color: #ffffff;
	font-family: '微软雅黑';
	font-weight: normal
}

.container-banner .row em {
	position: absolute;
	right: 345px;
	top: -55px;
	font-size: 19px;
	color: #ffffff;
	font-style: normal
}

.index-solution .title {
	width: 1040px;
	height: 115px;
	margin: 20px auto;
	background-image: url(../images/index-solution-title.png)
}

.index-solution p {
	border-bottom: 1px solid #0b76be;
	text-align: center;
	padding-bottom: 5px;
	color: #0b76be;
	margin-bottom: 10px
}

.index-solution ul {
	font-size: 0;
	margin-bottom: 25px
}

.index-solution ul li {
	width: 363px;
	height: 210px;
	display: inline-block;
	background-size: cover;
	font-size: 16px;
	vertical-align: top;
	color: white;
	padding: 30px 20px
}

.index-solution ul li:hover {
	box-shadow: 0px 3px 5px #cccccc
}

.index-solution ul li+li {
	margin-left: 25px
}

.index-solution ul li dt {
	margin-bottom: 10px;
	font-size: 18px
}

.index-solution ul li dd {
	margin-bottom: 10px;
	font-size: 12px;
	width: 170px;
	line-height: 30px
}

.index-solution ul li a {
	margin-bottom: 10px;
	font-size: 12px;
	display: inline-block;
	margin-top: 20px;
	margin-left: 10px;
	color: #ffffff;
	text-decoration: none;
}

.index-productVideo .title {
	width: 1040px;
	height: 115px;
	margin: 20px auto;
	background-image: url(../images/index-productvideo-title.png)
}

.index-productVideo .tab .tabBar {
	width: 590px;
	height: 40px;
	margin: 0 auto 40px;
	font-size: 0
}
.index-productVideo .video-more{ 
text-align: center;
padding-bottom: 15px;
}
.index-productVideo .tab .tabBar li {
	cursor: pointer;
	display: inline-block;
	width: 125px;
	height: 40px;
	line-height: 40px;
	background: #459ad4;
	font-size: 16px;
	text-align: center;
	color: white
}

.index-productVideo .tab .tabBar li.active {
	background: #0b76be
}

.index-productVideo .tab .tabBar li+li {
	margin-left: 30px
}

.index-productVideo .tab .tabContainer ul {
	width: 1200px;
	font-size: 0;
	margin: 0 auto 30px
}

.index-productVideo .tab .tabContainer ul li {
	display: inline-block;
	width: 275px;
	height: 250px;
	margin-bottom: 40px;
}

.index-productVideo .tab .tabContainer ul li {
	margin-left: 20px
}

.index-productVideo .tab .tabContainer ul li img {
	width: inherit;
	height: 219px
}

.index-productVideo .tab .tabContainer ul li span {
	display: inline-block;
	width: inherit;
	height: 31px;
	font-size: 16px;
	line-height: 31px;
	text-align: center
}

.shouhou {
	width: 1200px;
	margin: 0 auto;
	background: pink;
	position: relative
}

.shouhou img {
	width: inherit
}

.shouhou .shouhou-nav {
	position: absolute;
	bottom: 0;
	height: 190px;
	width: inherit
}

.shouhou .shouhou-nav .bg {
    width: 1200px;
	position: absolute;
	top: 0;
	background: #e7f1f3;
	z-index: 999;
	opacity: 0.3
}

.shouhou .shouhou-nav ul {
	width: 1000px;
	height: inherit;
	margin: 0 auto;
	padding-top: 40px;
	margin-right: 0px;
}

.shouhou .shouhou-nav ul li {
	display: inline-block;
	vertical-align: top;
	width: 124px;
	text-align: center
}

.shouhou .shouhou-nav ul li span {
	display: inline-block;
	width: 85px;
	height: 85px;
	background-image: url('../images/index-shouhou-icons.png')
}

.shouhou .shouhou-nav ul li dt {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 5px
}

.shouhou .shouhou-nav ul li dd {
	font-size: 12px;
	color: #000000;
	margin-bottom: 5px
}

.shouhou .shouhou-nav ul i {
	font-style: normal;
	font-weight: bold;
	position: relative;
	top: 30px
}

.about-jy .title {
	width: 1040px;
	height: 115px;
	margin: 20px auto;
	background-image: url(../images/index-about-jy-title.png)
}

.about-jy .left-img {
	display: inline-block;
	width: 600px;
	height: 480px;
	margin-right: 20px;
	vertical-align: top
}
.col-xs-6 a img{
	height: 148px;
}
.about-jy .left-img img {
	width: inherit;
	height: inherit
}

.about-jy .right-text {
	display: inline-block;
	width: 515px;
	height: 480px
}

.about-jy .right-text p {
	text-indent: 28px;
	margin-bottom: 10px;
	line-height: 29px
}

.about-jy button {
	height: 50px;
	width: 150px;
	font-size: 18px;
	border-radius: 5px;
	border: none;
	color: #fff;
	background: #4a9eec;
	margin-right: 20px;
}

.about-jy button:hover {
	background: #0b76be
}

.about-jy .main {
	width: 1200px;
	height: 200px;
	position: relative;
	margin: 20px auto;
}

.about-jy .outer {
	width: 1200px;
	height: 200px;
	overflow: hidden;
	position: relative;
}

.about-jy ul {
	font-size: 0;
	height: 200px;
	position: absolute;
}

.about-jy ul li {
	display: inline-block;
	width: 282px;
	height: 200px;
	background: #FFFFFF;
	font-size: 14px;
	vertical-align: top;
	cursor: pointer;
}

.about-jy ul li+li {
	margin-left: 24px;
}

.about-jy ul li:hover {
	box-shadow: 0px 3px 5px #CCCCCC;
}

.about-jy ul li img {
	width: 100%;
}

.about-jy .leftArrow,
.about-jy .rightArrow {
	display: inline-block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 70px;
	text-align: center;
	cursor: pointer;
}

.about-jy .leftArrow {
	left: 10px;
}

.about-jy .rightArrow {
	right: 10px;
}


.news .title {
	width: 1040px;
	height: 115px;
	margin: 20px auto;
	background-image: url(../images/index-news-title.png)
}

.news .main {
	display: inline-block;
	width: 350px;
	vertical-align: top
}

.news .main+div {
	margin-left: 41px
}

.news .main .maskTop {
	height: 40px
}

.news .main .maskTop .top-name {
	float: left;
	font-size: 12px;
}

.news .main .maskTop .top-name:before {
	content: '';
	display: inline-block;
	width: 2px;
	height: 17px;
	background: #000000;
	position: relative;
	top: 3px
}

.news .main .maskTop .top-name span {
	font-size: 16px;
	font-weight: bold
}

.news .main .maskTop .top-more {
	float: right
}

.news .main dl dt {
	margin-bottom: 10px
}

.news .main dl dd+dd {
	margin-top: 30px
}

.news .main dl dd span {
	display: inline-block;
	width: 8px;
	height: 10px;
	background-image: url('../images/index-news-arrowicon.jpg');
	margin-right: 3px
}

.news .main.right dl {
	margin-bottom: 20px
}

.news .main.right dl dt {
	font-weight: normal
}

.news .main.right dl span {
	display: inline-block;
	width: 20px;
	height: 16px;
	position: relative;
}

.news .main.right dl p {
	display: inline-block;
	border-bottom: 1px dashed #cccccc;
	width: 320px;
}

.network {
	margin-bottom: 50px
}

.network .title {
	width: 1040px;
	height: 115px;
	margin: 20px auto;
	background-image: url(../images/index-network-title.png)
}

.network ul {}

.network ul li {
	display: inline-block;
	width: 186px;
	height: 100px
}

.network ul li img {
	width: inherit;
	height: inherit
}

.leaveMessage p {
	font-size: 26px
}

.leaveMessage .left {
	display: inline-block;
	width: 600px;
	height: 510px;
	margin-right: 120px;
	vertical-align: top
}

.leaveMessage .left span b {
	color: #0b76be;
	font-weight: normal
}

.leaveMessage .left label {
	font-weight: normal;
	position: relative
}

.leaveMessage .left input {
	height: 40px;
	width: 289px;
	margin-bottom: 20px;
	outline: none
}

.leaveMessage .left label span {
	display: inline-block;
	height: 38px;
	line-height: 40px;
	width: 20px;
	text-align: center;
	color: red;
	position: absolute;
	right: 1px;
	top: 1px;
	z-index: 999;
	background: #ffffff;
}

.leaveMessage .left textarea {
	outline: none;
	resize: none;
}

.leaveMessage .left button {
	width: 100px;
	height: 30px;
	border: none;
	margin-top: 20px;
	margin-left: 20px;
	border-radius: 5px;
	background: #acacac;
	color: #ffffff
}

.leaveMessage .left button:hover {
	background: #0b76be
}

.leaveMessage .right {
	display: inline-block;
	background: yellow;
	vertical-align: top;
    margin-top: 20px;
}

.footerNav {
	background: #343434;
	width: 100%;

	color: #fff
}

.footerNav .left {
	width: 830px;
	
	display: inline-block;
	position: relative
}

.footerNav .left dl .line {
	height: 1px;
	position: absolute;
	top: 60px
}

.footerNav .left dl .line i {
	display: inline-block;
	height: inherit;
	width: 20px;
	background: #4a9eec
}

.footerNav .left dl .line em {
	display: inline-block;
	height: inherit;
	width: 80px;
	background: #cccccc
}

.footerNav .left dl {
	display: inline-block;
	vertical-align: top;
	margin-top: 40px;
	margin-left: 60px
}

.footerNav .left dl dt {
	font-size: 17px;
	font-weight: normal;
	margin-bottom: 20px
}

.footerNav .left dl dd {
	font-size: 12px;
	line-height: 24px
}

.footerNav .left dl dd a {
	color: #ffffff
}

.footerNav .left dl dd a:hover {
	color: #4a9eec
}

.footerNav .left .yq {
	position: relative
}

.footerNav .left .yq .line {
	height: 1px;
	position: absolute;
	top: 60px
}

.footerNav .left .yq dd {
	display: inline-block;
	margin-right: 20px
}

.footerNav .right {
	width: 306px;
	height: 280px;
	display: inline-block;
	vertical-align: top;
	text-align: center
}

.footerNav .right img {
	width: initial;
	margin-top: 40px
}

.footerNav .right div {
	display: inline-block;
	width: 100px;
	height: 30px;
	line-height: 30px;
	background: #4a9eec;
	color: #ffffff;
	border-radius: 25px;
	margin-top: 20px
}
.footer a{
	color: #ffffff
}              

@media screen and (max-width: 768px) {
	.product-show {
		margin-bottom: 20px;
	}
}

/*.gg-tiao { background: url(../images/kh-bottom-bg.png);width: 100%;margin-top:20px;z-index: 999;position: relative}}*/
/*.gg-tiao { background: url(../images/gg-tiao.png) top center; background-size: cover; color: #fff; font-size: 12px; line-height: 1.6em; padding: 3em 10px 5px; text-align: left; } }*/
/*# sourceMappingURL=style*/
@media screen and (min-width:320px) and (max-width:600px) {
	.footerNav {
		background: #343434;
		width: 100%;

		color: #fff;
	}

	.footerNav .left dl {
		display: none;
	}

	.footerNav .left {
		width: 100%;
		height: 100%;
	}

	#dldl {
		display: block;
	}

	.kunhuo .topTitle {
		position: absolute;
		top: 0;
		left: 24%;
		font-size: 17px;
		background: none;
		color: #1781c9;
	}

	.kunhuo .bottomTitle {
		position: absolute;
		top: 11%;
		left: 29%;
		letter-spacing: 3px;
		font-size: 8px;
		background: none;
	}

	.kunhuo .question {
		font-weight: bold;
		font-size: 1.2rem;
		position: absolute;
		letter-spacing: 5px;
	}

	.kunhuo .question.jx {
		left: 2%;
		top: 64%;
	}

	.kunhuo .question.fa {
		left: 2%;
		top: 47%;
	}

	.kunhuo .question.wdx {
		left: 7%;
		top: 28%;
	}

	.kunhuo .question.zl {
		left: 31%;
		top: 16%;
	}

	.kunhuo .question.mcz {
		left: 62%;
		top: 16%;
	}

	.kunhuo .question.bx {
		left: 74%;
		top: 29%;
	}

	.kunhuo .question.by {
		left: 77%;
		top: 44%;
	}

	.kunhuo .question.sh {
		left: 80%;
		top: 65%;
	}

	.gg-tiao {
		margin-bottom: 20px;
		background: url(../images/kh-bottom-bg.png);
		width: 100%;
		height: 75px;
		margin-top: 5%;
	}

	.gg-tiao .row .yellowdown {
		position: absolute;
		top: -32px;
		left: 45%;
		width: 10%;
		height: 32px;
		background: url('../images/kh-bottom-top.png') 16%;
		background-size: auto;
		background-size: auto;
		background-size: 99%;
	}

	.gg-tiao .row::before {
		display: none;
	}

	.gg-tiao .row::after {
		display: none;
	}

	.gg-tiao {
		height: 117px;
	}

	.gg-tiao .row {
		width: 100%;
	}

	.text1 {
		display: none;
	}

	.gg-tiao .row .textDec p {
		font-size: 1.45rem;
		color: #ffffff;
		margin-left: 0px;
	}

	.gg-tiao .row .textDec {
		top: 30px;
		padding-top: 0;

	}

	.ad h2 {
		font-size: 2rem;
		color: #000000;
		font-weight: bold;
		margin-bottom: -15px;
	}

	.ad h2 span {
		font-size: 3.7rem;
	}

	.ad h3 {
		font-size: 1.5rem;
	}

	.ad p {
		font-size: 2rem;
		color: #000000;
	}

	.adThree-main img {
		height: 30%;
	}

	.datu {
		display: none;
	}

	.index-solution .title {
		width: 100%;
		height: 37px;
		margin: 20px auto;
		background-image: url(../images/index-solution-title.png);
		background-size: 115%;
	}

	.index-solution ul li+li {
		margin-left: 0px;
		margin-top: 4%;
	}

	.index-solution ul li {
		width: 100%;
		height: 100%;
	}

	.index-productVideo .title {
		width: 100%;
		height: 35px;
		margin: 20px auto;
		background-image: url(../images/index-productvideo-title.png);
		background-size: 100%;
	}

	.index-productVideo .tab .tabContainer ul li img {
		width: 100%;
		height: auto;
	}

	.index-productVideo .tab .tabContainer ul {
		width: 100%;
		font-size: 0;
		margin: 0px auto 12px;
	}

	.index-productVideo .tab .tabContainer ul li {
		display: inline-block;
		width: 25%;
		height: auto;
		display: none;
	}

	.index-productVideo .tab .tabContainer ul li:nth-child(1) {
		display: inline-block;
		width: 25%;
		height: auto;
	}

	.index-productVideo .tab .tabContainer ul li:nth-child(2) {
		display: inline-block;
		width: 25%;
		height: auto;
	}

	.index-productVideo .tab .tabContainer ul li:nth-child(3) {
		display: inline-block;
		width: 25%;
		height: auto;
	}

	.index-productVideo .tab .tabContainer ul li:nth-child(4) {
		display: inline-block;
		width: 25%;
		height: auto;
	}

	.index-productVideo .tab .tabBar li+li {
		margin-left: initial;
	}

	.index-productVideo .tab .tabBar li {
		cursor: pointer;
		display: block;
		width: 100%;
		height: 40px;
		line-height: 40px;
		background: #459ad4;
		font-size: 16px;
		text-align: center;
		color: white;
	}

	.index-productVideo .tab .tabBar {
		width: 100%;
		height: auto;
		overflow: hidden;
		
	}

	.shouhou {
		display: none;
	}

	.about-jy .left-img {
		display: inline-block;
		width: 100%;
		height: 100%;
	}

	.about-jy .right-text {
		display: inline-block;
		width: 100%;
		height: 100%;
	}

	.about-jy .title {
		width: 100%;
		height: 51px;
		margin: 20px auto;
		background-image: url(../images/index-about-jy-title.png);
		background-size: 100%;
		background-position: center;
	}

	.about-jy .main {
		width: 100%;
		height: auto;
		display: none;
	}

	.about-jy .outer {
		width: 100%;
		height: 299px;
	}

	.about-jy ul li {
		display: inline-block;
		width: 100%;
		height: auto;
	}
	.news .title {
	    width: 100%;
	    height: 106px;
	    margin: 20px auto;
	    background-image: url(../images/index-news-title.png);
	    background-position: center;	
	}
	.news .main + div {	
	    margin-left: auto;
	    margin-top: 6%;	
	}
	.network .title {
		width: 100%;
		height: 106px;
		margin: 20px auto;
	    background-image: url(../images/index-network-title.png);
		background-position: center;
	}
	.network ul li {
	    display: inline-block;
	    width: 49%;
	    margin-bottom: 4%;
	}
	.network ul li img {
	    width: 90%;
	    height: inherit;
	}
	.leaveMessage .left {
	    display: inline-block;
	    width: 100%;
	    height: auto;
	    margin-right: 0px;
	    vertical-align: top;
	}
	.left textarea{
		width: 80%;
	}
	.logo {
    width: 100%;
    height: auto;
}
.col-xs-6 a img{
	height: 100px;
}
}