@charset "utf-8";

/* CSS Document */



* {

	margin: 0;

	padding: 0;

	box-sizing: border-box;

	outline: 0;

}

h1, h2, h3, h4, h5, h6 {

	font-weight: normal;

}

pre, code, address, caption, th, figcaption {

	font-size: 1em;

	font-weight: normal;

	font-style: normal

}

fieldset, iframe, img {

	border: 0

}

caption, th {

	text-align: left

}

table {

	border-collapse: collapse;

	border-spacing: 0

}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {

	display: block

}

audio, canvas, video, progress {

	display: inline-block;

	vertical-align: baseline

}

button {

	background: none;

	border: 0;

	box-sizing: content-box;

	color: inherit;

	cursor: pointer;

	font: inherit;

	line-height: inherit;

	overflow: visible;

	vertical-align: inherit

}

button:disabled {

	cursor: default

}

audio:not([controls]) {

	display: none

}

body {

	font: normal normal normal 14px/1.8 Gotham, '微软雅黑', Helvetica, Arial, " sans-serif";

	color: #fff;

	background: #141414

}

a, a:link, a:visited {

	text-decoration: none

}

a:active {

	text-decoration: none

}

ul {

	list-style: none

}

img {

	display: block;

	max-width: 100%;

	border: none;

}

b, strong {

	font-weight: 700

}

::selection {

	color: #ffffff;

	background: rgba(0,0,0,.2);

}



::-moz-selection {

 color:#ffffff;

 background: rgba(0,0,0,.2);

}



::-webkit-scrollbar {

 width: 6px;

 background-color: #333;

}







::-webkit-scrollbar:hover {

 background-color: transparent;

}







::-webkit-scrollbar-thumb {

 cursor:pointer;

 background-color: #0081a8;

}



::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {

 display: none;

}

a {

	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);

	-webkit-user-select: none;

	-moz-user-focus: none;

	-moz-user-select: none;

}

/***********************************************************************************************************************************首页***/

#index_banner{width: 100%;overflow: hidden}

.index_shipin {

	position: fixed;

	background: rgba(0,0,0,0.9);

	width: 100%;

	height: 100%;

	z-index: 9999999;

	padding-top: 100px

}

.index_sp {

	margin: auto;

	width: 1000px;

	border: 5px #fff solid;

	overflow: hidden;

}

.index_sp video {

	width: 100%;

	height: auto;

	display: block

}

.tgsp {

	width: 150px;

	line-height: 40px;

	background: #0569a6;

	margin: auto;

	margin-top: 30px;

	color: #fff;

	text-align: center;

	cursor: pointer

}

.shipin_ding {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%)

}

header {

	background: #1d1d1d;

	line-height: 35px;

}

.center {

	max-width: 1200px;

	margin: auto;

	padding: 0 10px

}

header .center {

	overflow: hidden;

}

.hy {

	float: left;

	color: #fff;

}

.hy .h1tit {

	font-size: 14px

}

.sc {

	float: right;

	color: #fff;

	overflow: hidden;

}

.jrsc {

	float: left;

	background: url(../images/index_03.png) no-repeat left center;

	padding-left: 30px;

	margin-right: 30px

}

.jrsc a {

	color: #fff

}

.jrsc:hover a {

	color: #0097bc

}

.tel {

	float: left;

	background: url(../images/index_05.png) no-repeat left center;

	font-size: 22px;

	font-family: 'Arial';

	font-weight: bold;

	padding-left: 30px

}

.header {

	background: #274952;

	height: 105px

}

.logo {

	float: left;

	margin-top: 17px

}

.logo:hover img {

	opacity: 0.8

}

nav {

	float: right;

	text-align: center;

}

nav ul li {

	float: left;

	padding: 28px 20px;

	transition: all ease 0.35s;

	position: relative;

}

nav ul li span {

	display: block;

	font-size: 12px;

	font-family: 'Arial';

	color: #79b1be;

	text-transform: uppercase;

}

nav ul li a {

	color: #fff;

	font-size: 16px

}

nav ul li:hover {

	background: #0097bc;

}

nav ul li:hover span {

	color: #fff;

}

nav ul li dl {

	position: absolute;

	top: 105px;

	left: 0;

	width: 100%;

	background: #274952;

	z-index: 999;

	line-height: 40px;

	display: none;

	font-size: 14px

}

nav ul li dl dt {

	border-top: 1px #3d5c64 solid;

}

nav ul li dl dt:hover {

	background: #0081a8

}

nav ul li:hover dl {

	display: block

}

nav ul li dl dt a {

	font-size: 14px

}

/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/



.yd_nav {

	position: fixed;

	bottom: 0;

	left: 0;

	width: 100%;

	background: #274952;

	box-shadow: 0 2px 5px rgba(0,0,0,0.6);

	z-index: 99;

	padding: 5px 0;

	border-top: 1px #3d5c64 solid;

	display: none;

}

.yd_nav ul {

	overflow: hidden;

}

.yd_nav ul li {

	width: 33.33%;

	float: left;

	text-align: center;

	font-size: 12px;

	border-right: 1px #3d5c64 solid;

	color: #666;

}

.yd_nav ul li svg {

	width: 23px;

	height: 23px;

	fill: #fff

}

.yd_nav ul li .h1tit {

	font-size: 12px;

	color: #fff;

	line-height: 16px

}

.sjj_nav {

	position: fixed;

	z-index: 999999;

	background: #fff;

	width: 250px;

	font-size: 14px;

	line-height: 40px;

	bottom: 54px;

	right: -100%;

	border-top: 3px #eee solid;

	border-left: 3px #eee solid;

	max-height: 500px;

	overflow: auto;

	overflow-x: hidden;

	transition: right ease 0.35s;

}

.nav_show {

	right: 0

}

.sjj_nav ul li i {

	position: absolute;

	top: 5px;

	right: 0px;

	border-left: 1px #ddd solid;

	height: 30px;

	padding: 0px 7px 0 7px

}

.sjj_nav>ul>li {

	border-bottom: 1px #ddd solid;

	padding-left: 20px;

	position: relative;

	line-height: 40px;

	font-size: 14px

}

.sjj_nav ul li ul {

	display: none

}

.sjj_nav ul li>ul>li {

	border-top: 1px #eee solid;

	font-size: 14px;

	line-height: 40px;

	padding-left: 10px;

	position: relative

}

.sjj_nav ul li a {

	color: #666;

	width: 80%;

	display: block;

}

.sjj_nav ul li ul li a {

	color: #999;

	display: block;

	text-align: left;

}

.sjj_nav ul li i svg {

	width: 20px;

	height: 20px;

	fill: #274952;

}

.sjj_nav ul li ul li>ul {

	margin-left: 10px

}

.yd_nav ul li:nth-of-type(1) img {

	height: 40px;

	width: auto;

	margin: auto;

	padding-top: 5px

}

/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/



.ybbj {

	padding: 100px 0

}

.index_about {

	text-align: center;

	background: #141414;

	color: #fff;

}

.index_about .h2tit {

	font-size: 60px;

	font-weight: bold;

}

.index_about span {

	color: #0097bc

}

.index_about .h3tit {

	font-size: 40px;

	font-weight: bold;

	text-transform: uppercase;

}

.index_about .h4tit {

	font-size: 22px;

}

.index_about .h5tit {

	font-size: 15px;

	margin-top: 15px

}

.index_sz {

	overflow: hidden;

	margin-top: 40px

}

.digital {

	float: left;

	width: 25%;

}

.digital .h6tit {

	font-size: 60px;

	font-family: 'Arial';

	line-height: 80px

}

.digital span {

	font-size: 20px;

}

.index_product {

	background: #1d1d1d;

}

.caption .h2tit {

	font-size: 60px;

	text-align: center;

	font-weight: bold;

}

.caption .h3tit {

	font-size: 14px;

	text-align: center;

	padding: 0 10%

}

.index_pro {

	width: 100%;

	margin-top: 3%;

	overflow: hidden;

}

.index_pro1 {

	width: 200%;

	transition: all ease 1s

}

.index_pro_hd {

	margin-left: -100%

}

.index_pro ul {

	float: left;

	width: 50%

}

.index_pro ul li {

	float: left;

	width: 30%;

	margin: 1.5%;

	position: relative;

	transition: all ease 1s;

	background: #fff;

}

.index_pro ul li .h1tit {

	background: rgba(255,255,255,0.5);

	width: 100%;

	position: absolute;

	bottom: 0;

	left: 0;

	line-height: 60px;

	font-size: 24px;

	color: #141414;

	text-align: center;

	transition: all ease 1s

}

.clear {

	clear: both;

	height: 0;

	font-size: 0px;

	line-height: 0px;

}

.index_pro_qh {

	text-align: center;

}

.index_pro_qh span {

	width: 15px;

	height: 15px;

	background: #4e4e4e;

	border-radius: 50%;

	display: inline-table;

	margin: 0 5px;

	cursor: pointer;

}

.index_pro_qh .qh_se {

	background: #0097bd

}

.index_pro ul li:hover {

	transform: scale(1.1);

}

.index_pro ul li:hover .h1tit {

	color: #0097bd

}

.index_pro ul li:hover img {

	transform: scale(0.9);

}

.index_pro ul li img {

	transition: all ease 1s

}

.index_pro ul li:hover .h1tit {

	background: #fff

}

.index_yyly {

	background: #141414;

	padding: 100px 0;

}

.index_yyly dl {

	text-align: center;

	margin-top: 20px;

	font-size: 16px

}

.index_yyly dl dt {

	display: inline-table;

	width: 180px;

	background: #323232;

	color: #0097bd;

	line-height: 35px;

	border-radius: 6px;

	margin: 0 10px

}

.index_yyly dl dt a {

	color: #0097bd

}

.index_yyly dl .index_yyly_bs {

	background: #0097bd;

}

.index_yyly dl .index_yyly_bs a {

	color: #fff;

}

.index_yyly ul {

	overflow: hidden;

	margin-top: 50px;

	background: url(../images/index_34.jpg) no-repeat right top;

}

.index_yyly ul li {

	width: 50%;

	float: left;

}

.index_yyly ul li:nth-of-type(2) {

	padding: 5% 20% 0 5%;

}

.index_yyly ul li .h1tit {

	font-size: 30px;

	color: #fff;

}

.index_yyly ul li .h2tit {

	font-size: 16px;

	margin-top: 30px;

	color: #fff;

}

.index_yyly ul img {

	transition: all linear 1s;

	-webkit-filter: grayscale(100%);

	-moz-filter: grayscale(100%);

	-ms-filter: grayscale(100%);

	-o-filter: grayscale(100%);

	filter: grayscale(100%);

	filter: gray;

}

.index_yyly ul:hover img {

	-webkit-filter: grayscale(0%);

	-moz-filter: grayscale(0%);

	-ms-filter: grayscale(0%);

	-o-filter: grayscale(0%);

	filter: grayscale(0%);

	filter: gray;

}

.index_yyly dl dt:hover {

	background: #0097bd;

}

.index_yyly dl dt:hover a {

	color: #fff;

}

.xg_yyly ul {

	display: none

}

.xg_yyly ol {

	display: none;

	margin-top: 50px

}

.index_why {

	background: #141414;

	padding-bottom: 100px

}

.index_why ul {

	overflow: hidden;

	margin-top: 30px

}

.index_why ul li {

	width: 25%;

	float: left;

	text-align: center;

	padding: 0 30px;

}

.index_why ul li img {

	margin: auto;

}

.index_why ul li .h1tit {

	font-size: 26px;

	font-weight: bold;

	margin-top: 20px

}

.index_why ul li .h2tit {

	font-size: 14px;

	margin-top: 20px

}

.index_why ul li span {

	width: 50px;

	height: 4px;

	background: #0097bc;

	display: block;

	margin: auto;

	margin-top: 20px

}

.index_why ul li:hover .h1tit {

	color: #0097bc

}

.index_why ul li:hover .h2tit {

	color: #0097bc

}

.index_by {

	width: 100%;

	overflow: hidden;

	position: relative;

}

.index_by img:nth-of-type(2) {

	position: absolute;

	top: 0;

	left: 0;

	z-index: -1;

	animation: indexby linear 50s infinite;

}

 @keyframes indexby {

 0% {

 transform: scale(1);

}

 50% {

 transform: scale(1.3);

}

 100% {

 transform: scale(1);

}

}

.index_news {

	background: url(../images/index_news_bg_02.jpg) no-repeat;

	background-size: 100% 100%;

	padding: 100px 0

}

.index_news ul {

	overflow: hidden;

}

.index_news ul li {

	float: left;

	width: 30.333%;

	margin: 1.5%;

	position: relative;

	height: 340px

}

.lb_xk ul li {

	width: 30.3333%;

}

.index_news ul li .h1tit {

	font-size: 18px;

	color: #fff;

	margin-top: 15px

}

.index_news ul li:hover .h1tit {

	color: #0097bc

}

.index_news ul li .h2tit {

	font-size: 14px;

	color: #bcbbbb;

}

.index_news ul li .h3tit {

	font-size: 12px;

	color: #fff;

	width: 60px;

	background: #0097bd;

	text-align: center;

	padding: 6px 0 0 0;

	position: absolute;

	top: 0;

	right: 0

}

.index_news ul li .h3tit span {

	font-size: 30px;

	display: block;

	line-height: 30px;

}

.ckgdd {

	width: 150px;

	line-height: 35px;

	text-align: center;

	margin: auto;

	color: #fff;

	background: #0097bc

}

.ckgdd a {

	color: #fff;

}

.ckgdd:hover {

	background: #fff;

}

.ckgdd:hover a {

	color: #0097bc

}

footer {

	background: #252525;

	padding: 50px 0;

	overflow: hidden;

}

.footer_logo {

	float: left;

	margin-top: 30px

}

.footer_nav {

	float: left;

	padding: 0 5%

}

footer a {

	color: #fff

}

.foter_nav a {

	padding: 0 10px

}

.foter_nav a:nth-of-type(1) {

	padding-left: 0

}

.footer_rx {

	font-size: 14px;

	margin-top: 10px;

	margin-bottom: 10px

}

.footer_rx span {

	font-size: 24px;

}

.footer_ewm {

	float: left;

	text-align: center;

}

.footer_yq {

	line-height: 30px

}

footer a:hover {

	color: #0097bc

}

.zhiding {

	position: fixed;

	bottom: 150px;

	right: 20px;

	z-index: 999;

	opacity: 0;

	transition: all ease-out 1s

}

.zhiding_zj {

	opacity: 1

}

.lb_dk {

	position: relative;

	width: 100%;

}

.prev, .next {

	position: absolute;

	top: 48%;

	cursor: pointer;

}

.prev {

	left: 0;

}

.next {

	right: 0px;

}

.lb_xk {

	position: relative;

	width: 90%;

	overflow: hidden;

	margin: auto;

}

.lb_xk ul {

	width: 100%

}

/*********************************************************************************************************************************************关于我们******/



.mbxnav .h2tit {

	font-size: 14px;

	color: #fff;

	background: url(../images/about_03.jpg) no-repeat left center;

	padding-left: 25px;

	margin: 20px 0;

}

.mbxnav .h2tit a {

	color: #fff

}

.mbxnav a:hover {

	color: #0081a8

}

.mbxnav .h2tit a:last-child {

	color: #0081a8

}

.mbxnav .h2tit span {

	color: #0081a8

}

.about_zj {

	padding: 100px 0

}

.about_gsjj .h2tit {

	font-size: 22px;

	color: #0097bc;

	text-align: center;

}

.about_gsjj .h6tit {

	font-size: 14px;

	margin-top: 20px

}

.about_gsjj img {

	margin-top: 40px

}

.about_zj .index_sz {

	background: #223337;

	text-align: center;

	margin-top: 0;

	padding: 40px 0

}

.yanfa {

	margin-top: 40px

}

.yanfa .h3tit {

	font-size: 14px;

}

.yanfa .h4tit {

	font-size: 22px;

	color: #0097bc;

	margin-top: 20px;

}

.hjzs {

	margin-top: 40px;

}

.hjzs ul {

	overflow: hidden;

}

.hjzs ul li {

	float: left;

	width: 31.333%;

	margin: 0 1%;

	position: relative;

	overflow: hidden

}

.hjzs ul li .h1tit {

	font-size: 24px;

	color: #fff;

	position: absolute;

	top: 20px;

	left: 20px;

	text-shadow: 1px 1px 3px #000;

}

.hjzs ul li .h1tit:after {

	content: "";

	display: block;

	width: 50px;

	height: 4px;

	background: #0097bc

}

.hjzs ul li img {

	transition: all ease 0.35s

}

.hjzs ul li:hover img {

	transform: scale(1.1)

}

.about_gd {

	background: #0097bc;

	width: 180px;

	line-height: 40px;

	height: 40px;

	text-align: center;

	border-radius: 20px;

	margin: auto;

	margin-top: 20px;

	font-size: 18px;

	border: 1px #141414 solid;

	transition: all ease 0.35s

}

.about_gd:hover {

	border: 1px #0097bc solid;

	background: none;

}

.about_gd a {

	color: #fff;

}

.kongzi {

	width: 100%;

	background: #223337

}

.fzlc {

	padding: 100px 0

}

.ryzz {

	background: #1d1d1d;

	padding: 100px 0;

}

.ryzz ul {

	overflow: hidden;

	margin: 20px 0

}

.ryzz ul li {

	float: left;

	width: 23%;

	margin: 0 1%

}

.gsys {

	background: #223337;

	padding: 100px 0

}

.gsys ul {

	overflow: hidden;

	margin-top: 50px

}

.gsys ul li {

	float: left;

	width: 15%;

	text-align: center;

	margin: 0.8%

}

.gsys ul li img {

	margin: auto;

}

.gsys ul li .h2tit {

	font-size: 20px;

	font-weight: bold;

	margin-top: 10px

}

.gsys ul li span {

	width: 50px;

	height: 4px;

	background: #0097bc;

	display: block;

	margin: 10px auto;

}

.gsys ul li .h3tit {

	font-size: 14px

}

/************************************************************************************************************************************产品中心列表*********/



.product_dt {

	background: url(../images/pro_sj_02.jpg) no-repeat center top;

	background-size: 100% 100%;

	padding: 5% 0

}

.product_dt ul {

	overflow: hidden;

}

.product_dt ul li {

	width: 50%;

	float: left;

}

.product_dt ul li img {

	margin: auto;

}

.product_dt .h1tit {

	font-size: 50px;

	font-weight: bold;

	line-height: 1.3

}

.product_dt .h1tit span {

	display: block;

	color: #0081a8;

}

.product_dt .h2tit {

	font-size: 16px;

	color: #ced2d4;

	margin-top: 5%;

	line-height: 2

}

.product_td {

	overflow: hidden;

}

.product_td_sp {

	width: 50%;

	float: left;

}

.pro_ys {

	width: 50%;

	float: left;

	padding-left: 2.5%

}

.product_td_sp video {

	width: 100%;

	height: 350px

}

.pro_ys .h1tit {

	font-size: 45px;

	text-align: center;

	font-weight: bold;

}

.pro_ys ul {

	overflow: hidden;

}

.pro_ys ul li {

	width: 30.333%;

	float: left;

	text-align: center;

	margin: 1.5%;

	background: #1d1d1d;

	padding: 35px 20px;

	transition: all linear 0.35s

}

.pro_ys ul li .h2tit {

	font-size: 14px;

	margin-top: 15px

}

.pro_ys ul li img {

	margin: auto;

}

.pro_ys ul li:hover {

	background: #0081a8

}

.xt {

	background: url(../images/pz_bg_02.jpg) no-repeat center top;

	background-size: 100% 100%;

}

.xtfl {

	text-align: center;

	margin: 20px 0

}

.xtfl span {

	display: inline-table;

	padding: 0 15px;

	font-size: 18px;

	cursor: pointer

}

.bdxt_js {

	position: absolute;

	top: 130px;

	left: 80px;

	padding: 50px;

	background: rgba(39,73,82,0.8);

	width: 506px;

	padding-right: 110px

}

.flexslider .slides .bdxt_js img {

	max-width: 100%;

	width: auto;

}

.bdxt_js .h1tit {

	font-size: 30px;

	font-weight: bold;

	margin-top: 15px

}

.bdxt_js span {

	width: 70px;

	height: 4px;

	display: block;

	background: #0097bd;

	margin-top: 15px;

}

.bdxt_js .h2tit {

	font-size: 14px;

	font-weight: normal;

	line-height: 30px;

	margin-top: 15px

}

/************************************************************************************************************************************产品中心终端*********/



.mbxnav {

	overflow: hidden;

}

.mbxnav .h2tit {

	float: left;

}

.mbxnav .h3tit {

	float: right;

	margin-top: 20px

}

.mbxnav .h3tit a {

	color: #fff;

	font-size: 14px;

	padding: 0 10px

}

.product_show_jj .h1tit {

	font-size: 60px;

	font-weight: bold;

	text-align: center;

	margin-bottom: 20px

}

.cpjj {

	background: #223337;

	overflow: hidden;

	display: table-cell;

}

.cpjj_con {

	width: 330px;

	display: table-cell;

	vertical-align: top;

	padding: 50px 30px 20px 30px;

}

.cpjj_img {

	display: table-cell;

}

.cpjj_con .h2tit {

	font-size: 30px;

	font-weight: bold;

}

.cpjj_con .h2tit:after {

	content: "";

	display: block;

	width: 50px;

	height: 4px;

	background: #0081a8

}

.cpjj_con .h3tit {

	font-size: 14px;

	margin-top: 5%;

	overflow: auto;

	height: 250px;

	padding-right: 10px

}

.guige dl {

	overflow: hidden;

}

.guige dl dt {

	padding: 0;

	background: #323232;

	float: left;

	border-radius: 6px;

	font-size: 16px;

	line-height: 40px;

	margin-right: 10px;

	cursor: pointer;

	margin-top: 10px;

	width: 120px;

	text-align: center

}

.guige dl dt:hover {

	background: #0081a8

}

.guige ul {

	margin-top: 20px

}

.guige ul li {

	overflow: hidden;

	display: none;

}

.kj {

	float: left;

	background: #1d1d1d;

	width: 28.2%;

}

.cj {

	float: left;

	background: #323232;

	width: 71.8%

}

.guige {

	margin-top: 5%

}

.guige dl .guige_se {

	background: #0081a8

}

.cptd ul li {

	width: 15%;

	margin: 2.5%

}

#cpxj {

	width: 100%;

	margin-top: 3%;

	overflow: hidden;

}

#cpxj ul {

	float: left;

	width: 50%

}

.cpxj1 {

	width: 200%;

	transition: all ease 1s

}

#cpxj ul li {

	float: left;

	margin: 0.2%;

	width: 24.6%;

	position: relative;

	transition: all ease 1s;

	background: #fff;

}

.cpxj_qh {

	text-align: center;

	margin-top: 3%

}

.cpxj_qh span {

	width: 15px;

	height: 15px;

	background: #4e4e4e;

	border-radius: 50%;

	display: inline-table;

	margin: 0 5px;

	cursor: pointer;

}

.cpxj_qh .cpxj_qh_se {

	background: #0097bd

}

.cpxj_hd {

	margin-left: -100%

}

.cpxj_con {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0,151,188,0.8);

	padding: 40% 10% 0 10%;

	opacity: 0;

	transition: all linear 0.35s

}

.cpxj_con .h1tit {

	font-size: 28px;

	font-weight: bold;

	text-align: center;

}

.cpxj_con .h1tit:after {

	content: "";

	display: block;

	height: 4px;

	width: 50px;

	background: #00586e;

	margin: 20px auto;

}

.cpxj_con .h2tit {

	font-size: 14px;

	text-align: center;

}

.cpxj ul li:hover .cpxj_con {

	opacity: 1

}

.gdfs {

	background: #1d1d1d

}

.gdfs {

	overflow: hidden;

}

.gdfs dl {

	width: 31.6%;

	float: left;

	background: #223337;

	padding: 20px 0;

	margin-top: 30px;

}

.gdfs ul {

	width: 68.4%;

	float: left;

	margin-top: 30px

}

.gdfs ul li {

	display: none;

}

.gdfs dl dt {

	overflow: hidden;

	margin-left: -8px;

	cursor: pointer;

	display: flex;

}

.gdfs dl .gdfs_se {

	background: url(../images/cpxqy_43.png) no-repeat left top;

	background-size: 100% 100%;

}

.shuzi {

	font-size: 80px;

	font-weight: bold;

	padding-left: 20px;

	float: left;

	font-family: '微软雅黑'

}

.gdfs_bt {

	float: left;

	padding-left: 20px;

	margin-top: 20px

}

.gdfs_bt .h1tit {

	font-size: 28px;

	font-weight: bold;

}

.gdfs_bt .h2tit {

	font-size: 16px

}

.ptxt ul {

	overflow: hidden;

	margin-top: 30px

}

.ptxt ul li {

	width: 25%;

	float: left;

	position: relative;

	overflow: hidden;

}

.ptxt .h1tit {

	font-size: 18px;

	color: #fff;

	position: absolute;

	bottom: 20px;

	left: 20px

}

.ptxt img {

	transition: all ease-out 0.35s

}

.ptxt ul li:hover img {

	transform: scale(1.1)

}

.qtcp {

	background: #223337

}

#qtcp {

	width: 100%;

	margin-top: 2%;

	overflow: hidden;

}

#qtcp ul {

	float: left;

	width: 50%

}

#qtcp ul li {

	float: left;

	width: 30%;

	margin: 1.5%;

	position: relative;

	transition: all ease 1s;

	background: #fff;

}

#qtcp ul li .h1tit {

	background: rgba(255,255,255,0.5);

	width: 100%;

	position: absolute;

	bottom: 0;

	left: 0;

	line-height: 60px;

	font-size: 24px;

	color: #141414;

	text-align: center;

	transition: all ease 1s

}

.index_pro1 ul li:hover {

	transform: scale(1.1);

}

.index_pro1 ul li:hover img {

	transform: scale(0.9);

}

.index_pro1 ul li img {

	transition: all ease 1s

}

#qtcp ul li:hover .h1tit {

	background: #fff

}

/************************************************************************************************************************************新闻中心*********/



.news_mbxnav {

	background: #1d1d1d

}

.tjxw {

	background: #1d1d1d;

	padding: 50px 0

}

.news li {

	overflow: hidden;

	margin-bottom: 20px;

	

}

.news li a {

	display: flex

}

.news_sj {

	width: 370px;

	font-size: 16px;

	text-align: center;

	font-weight: bold;

	position: relative

}

.news_sj img {

	width: 100%;

	height: 100%;

}

.time {

	font-size: 12px;

	color: #fff;

	width: 60px;

	background: #0097bd;

	text-align: center;

	padding: 6px 0 0 0;

	position: absolute;

	top: 0;

	right: 0;

}

.time span {

	font-size: 30px;

	display: block;

	line-height: 30px;

}

.news_con {

	background: #252525;

	vertical-align: top;

	padding: 20px;

	transition: all ease 0.35s;

	position: relative;

	flex: 1

}

.news_con .h3tit {

	position: absolute;

	top: 30px;

	right: 40px

}

.news li a {

	color: #fff;

	height: 100%;

}

.news_con .h1tit {

	font-size: 20px

}

.news_con .h2tit {

	font-size: 14px;

	margin-top: 20px

}

.news li:hover .news_con {

	background: #3a565d;

}

.fanye {

	text-align: center;

}

.fanye a {

	display: inline-table;

	padding: 0 10px;

	color: #fff

}

.fanye a:hover {

	color: #0081a8

}

/*********************************************************************************************************************************************新闻中心终端页******/



.news_show_bt .h1tit {

	text-align: center;

	font-size: 30px;

	font-weight: bold;

	color: #0081a8

}

.news_show_bt .h2tit {

	text-align: center;

	font-size: 14px;

	padding: 10px 0;

	border-top: 1px #454545 solid;

	border-bottom: 1px #454545 solid;

	margin: 20px 0

}

.news_show_con {

	font-size: 14px;

	line-height: 2;

	border-bottom: 1px #454545 solid;

	padding-bottom: 40px;

	margin-bottom: 40px

}

.news_show_con img {

	margin: auto;

}

.fanhui {

	overflow: hidden;

}

.sxp {

	display: table-cell;

	width: 50%;

	float: left;

}

.sxp a {

	display: block;

	line-height: 2;

	color: #fff

}

/* tuijian */

.tuijian {

	margin-top: 20px;

}

.tuijian .tit {

	font-weight: normal;

	display: block;

	font-size: 20px;

	color: #fff;

	border-bottom: 1px #0097bc solid;

	width: 100%;

	padding-bottom: 15px;

	margin-bottom: 15px;

	margin-top: 30px;

}

.tuijian ul li {

	padding-left: 10px;

	height: 30px;

	line-height: 30px;

	display: block;

}

.tuijian ul li a {

	color: #fff;

}

.tuijian ul li a:hover {

	color: #0097bc;

}

/* tuijian */



.fahu {

	width: 125px;

	line-height: 40px;

	height: 40px;

	background: #0081a8;

	text-align: center;

	border-radius: 6px;

	float: right;

	transition: all ease 0.35s;

	border: 1px #141414 solid;

}

.fahu:hover {

	border: 1px #0081a8 solid;

	background: none

}

.fahu a {

	color: #fff;

	display: block;

}

.sxp a:hover {

	color: #0081a8

}

/*********************************************************************************************************************************************案例中心******/



.case dl {

	text-align: center;

}

.case dl dt {

	width: 140px;

	line-height: 40px;

	height: 40px;

	background: #323232;

	display: inline-table;

	margin: 0 15px;

	border-radius: 6px

}

.case dl dt a {

	color: #0081a8

}

.case dl dt:hover {

	background: #0081a8

}

.case dl dt:hover a {

	color: #fff

}

.case dl .case_se {

	background: #0081a8

}

.case dl .case_se a {

	color: #fff

}

.case ul {

	overflow: hidden;

	margin-top: 3%;

	margin-bottom: 3%

}

.case ul li {

	width: 31.333%;

	float: left;

	margin: 1%;

	position: relative;

}

.case_con {

	width: 100%;

	height: 100%;

	background: rgba(34,51,55,0.9);

	position: absolute;

	top: 0;

	left: 0;

	padding: 30% 20px 0 20px;

	opacity: 0;

	transition: all ease 0.35s

}

.case_con .h1tit {

	font-size: 24px;

	color: #fff

}

.case_con .h2tit {

	font-size: 14px;

	color: #fff

}

.case_con .h3tit {

	width: 100px;

	line-height: 35px;

	height: 35px;

	background: #0097bd;

	text-align: center;

	color: #fff;

	border-radius: 6px;

	margin-top: 10px

}

.case ul li:hover .case_con {

	opacity: 1

}

#gallery {

	max-width: 100%!important;

	margin-top: 3%;

}

.case_show_co {

	line-height: 2;

	margin-top: 20px

}

/*********************************************************************************************************************************************应用领域******/



.zyyw_con {

	background: #223337;

	overflow: hidden;

	margin-top: 5%

}

.zyyw_con ul li {

	width: 50%;

	float: left;

}

.zyyw_con ul li:nth-of-type(2) {

	padding: 3%;

	line-height: 2;

	font-size: 16px

}

.index_yyly ol {

	overflow: hidden;

	background: url(../images/index_304.jpg) no-repeat left top;

}

.index_yyly ol dd {

	width: 50%;

	float: left;

}

.index_yyly ol dd:nth-of-type(1) {

	padding: 5% 5% 0 20%;

}

.index_yyly ol dd .h1tit {

	font-size: 30px;

	color: #fff;

}

.index_yyly ol dd .h2tit {

	font-size: 16px;

	margin-top: 30px;

	color: #fff;

}

.index_yyly ol img {

	transition: all linear 1s;

	-webkit-filter: grayscale(100%);

	-moz-filter: grayscale(100%);

	-ms-filter: grayscale(100%);

	-o-filter: grayscale(100%);

	filter: grayscale(100%);

	filter: gray;

}

.index_yyly ol:hover img {

	-webkit-filter: grayscale(0%);

	-moz-filter: grayscale(0%);

	-ms-filter: grayscale(0%);

	-o-filter: grayscale(0%);

	filter: grayscale(0%);

	filter: gray;

}

.yyly_co ul {

	margin-top: 0;

}

/*********************************************************************************************************************************************下载中心******/



.download ul li {

	overflow: hidden;

	padding: 10px 20px;

	margin-bottom: 10px;

	border-bottom: 1px #4e4e4e dashed;

}

.download ul li .h1tit {

	float: left;

	font-size: 14px;

	color: #fff

}

.download ul li .h2tit {

	float: right;

	font-size: 14px;

	color: #fff

}

.download ul li:hover {

	background: #223337

}

/*********************************************************************************************************************************************服务保障******/



.gsfw_img {

	margin-top: 3%

}

.fwys {

	background: #223337

}

.gshj {

	background: url(../images/fwbz_19.jpg);

	background-size: 100% 100%;

	overflow: hidden;

	padding: 5% 0

}

.gshj_con {

	float: right;

}

.cjwt ul {

	overflow: hidden;

}

.cjwt ul li {

	float: left;

	width: 46%;

	margin: 2%

}

.cjwt ul li .h1tit {

	font-size: 20px;

	color: #fff;

	background: url(../images/fwbz_22.jpg) no-repeat left center;

	padding-left: 50px

}

.cjwt ul li .h2tit {

	font-size: 14px;

	color: #fff;

	background: url(../images/fwbz_25.jpg) no-repeat left center;

	padding-left: 50px;

	line-height: 30px;

	margin-top: 15px

}

.cjwt ul li .h3tit {

	font-size: 14px;

	color: #0081a8;

	margin-top: 10px;

	margin-left: 50px;

}

.gengduo {

	width: 180px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	border-radius: 20px;

	background: #0081a8;

	color: #fff;

	margin: auto;

	margin-top: 20px;

	border: 1px #141414 solid;

}

.gengduo:hover {

	border: 1px #0081a8 solid;

	background: none

}

.gengduo a {

	color: #fff;

}

.cjwt ul li:hover .h1tit {

	color: #0081a8

}

/*********************************************************************************************************************************************环境展示******/



.sb_hjzs ul li {

	margin: 1%

}

.sb_hjzs .fanye {

	margin: 3% 0

}

/*********************************************************************************************************************************************资质荣誉******/



.ry {

	margin-top: 5%

}

.ry ul {

	overflow: hidden;

}

.ry ul li {

	float: left;

	width: 23%;

	margin: 1%

}

.ry .fanye {

	margin: 3% 0

}

/*********************************************************************************************************************************************联系我们******/



.contact_dt .center {

	background: #223337;

	overflow: hidden;

	padding: 0

}

.iw_poi_title {

	color: #CC5522;

	font-size: 14px;

	font-weight: bold;

	overflow: hidden;

	padding-right: 13px;

	white-space: nowrap

}

.iw_poi_content {

	font: 12px arial, sans-serif;

	overflow: visible;

	padding-top: 4px;

	white-space: -moz-pre-wrap;

	word-wrap: break-word

}

#dituContent {

	width: 100%;

	height: 500px

}

#dituContent img {

	max-width: none;

}

.map {

	width: 60%;

	float: left;

}

.lianxi {

	width: 40%;

	float: left;

	padding: 50px;

}

.lianxi .h1tit {

	font-size: 24px;

	font-weight: bold;

}

.lianxi .h2tit {

	font-size: 16px;

	margin-top: 30px

}

.lianxi .h3tit {

	margin-top: 30px

}

.contact_sj {

	padding-bottom: 5%

}

/*********************************************************************************************************************************************引导页******/



.top_sp .center {

	position: relative;

}

.top_logo img {

	margin: 2% auto;

}

.top_sp video {

	width: auto;

	max-height: 440px;

	display: block;

	margin: auto

}

.top_sp ul li {

	display: none;

}

.top_sp dl dt {

	position: absolute;

	top: 50%;

	cursor: pointer;

	margin-top: -30px

}

.top_sp dl dt:nth-of-type(1) {

	left: 0px

}

.top_sp dl dt:nth-of-type(2) {

	right: 0px

}

.top_nav {

	margin: 5px;

	overflow: hidden

}

.top_nav a {

	width: 16%;

	text-align: center;

	line-height: 40px;

	color: #fff;

	background: #274952;

	margin: 2%;

	border-radius: 20px;

	transition: all ease 0.2s;

	font-size: 18px;

	display: block;

	float: left

}

.top_nav a:hover {

	background: #0097bc

}

.top_copy {

	text-align: center;

	background: #1d1d1d;

	line-height: 60px;

	width: 100%;

	position: absolute;

	left: 0;

	bottom: 0

}

.top_copy a {

	color: #fff

}



/*********************************************************************************************************************************************移动端******/



/*********************************************************************************************************************************************小于1500******/



@media screen and (max-width: 1500px) {

.index_yyly ul li:nth-of-type(2) {

	padding: 3% 15% 0 3%

}

.index_yyly ol dd:nth-of-type(1) {

	padding: 3% 3% 0 15%

}

}



@media screen and (max-height:650px) {

.top_sp video {

	max-height: 300px;

}

}



@media screen and (max-width:1360px) {

.top_sp video {

	height: 300px;

}

}



/*********************************************************************************************************************************************大于1100******/



@media screen and (min-width: 1100px) {

.index_yyly ul li .h2tit {

	height: 200px;

	overflow: auto;

	overflow-x: hidden

}

.index_yyly ol dd .h2tit {

	height: 200px;

	overflow: auto;

	overflow-x: hidden

}

}



/*********************************************************************************************************************************************小于******/



@media screen and (max-width: 1100px) {

.logo {

	width: 10%;

}

nav {

	width: 90%

}

nav ul li {

	width: 11%;

	padding: 28px 0

}

.index_yyly dl dt {

	width: 15%

}

.index_yyly ul li:nth-of-type(2) {

	padding: 20px 10px 10px 20px

}

.index_yyly ul li .h2tit {

	margin-top: 0px

}

.index_yyly ul li .h2tit {

	height: 115px;

	overflow: auto;

	overflow-x: hidden

}

.index_yyly ol dd .h2tit {

	height: 115px;

	overflow: auto;

	overflow-x: hidden

}

.footer_logo {

	display: none;

}

.footer_ewm {

	display: none;

}

.footer_nav {

	padding: 0 10px;

	text-align: center;

	width: 100%

}

.cpjj_con .h3tit {

	height: 150px;

}

.cpjj_con {

	width: 100%

}

.cpjj_img {

	width: 100%;

	display: block;

}

.flexslider {

	margin-right: 0px!important

}

/*******************************************************************************************************应用领域****/



.index_yyly ol dd:nth-of-type(1) {

	padding: 20px 10px 10px 20px

}

.index_yyly ol dd .h2tit {

	margin-top: 0px

}

.zyyw_con ul li:nth-of-type(2) {

	font-size: 14px

}

.top_sp dl dt:nth-of-type(1) {

	left: 10px;

}

.top_sp dl dt:nth-of-type(2) {

	right: 10px;

}

.top_sp video {

	width: 100%;

	max-height: none;

	display: block;

	margin: auto

}

}



@media screen and (max-width: 770px) {

.index_sp {

	width: 100%

}

.shipin_ding {

	width: 100%

}

.ybbj {

	padding: 50px 0

}

.sc {

	display: none;

}

.header {

	display: none;

}

.yd_nav {

	display: block;

}

.index_about .h2tit {

	font-size: 40px

}

.index_about .h3tit {

	font-size: 20px

}

.index_about .h4tit {

	font-size: 16px

}

.index_about .h5tit {

	font-size: 12px

}

.index_sz {

	margin-top: 20px

}

.digital .h6tit {

	font-size: 40px;

	line-height: 60px

}

.caption .h2tit {

	font-size: 40px

}

.index_yyly ul li:nth-of-type(2) {

	height: auto!important;

}

.index_yyly ol dd {

	width: 100%

}

.index_yyly ul li {

	width: 100%

}

.index_yyly ul li .h2tit {

	height: auto!important

}

.index_yyly ol dd .h2tit {

	height: auto!important

}

.index_why {

	padding-bottom: 50px

}

.index_why ul li .h1tit {

	font-size: 20px

}

.index_why ul li {

	width: 48%;

	margin: 1%

}

/************************************************************************************************************************************产品中心列表*********/



.product_dt .h1tit {

	font-size: 40px

}

.product_dt ul li {

	width: 100%

}

.product_td_sp {

	width: 100%;

}

.product_td_sp video {

	height: 400px

}

.pro_ys {

	width: 100%

}

/************************************************************************************************************************************产品中心展示*********/



.product_show_jj .h1tit {

	font-size: 40px

}

.cpjj_con {

	padding: 20px;

}

.cpxj_con {

	padding-top: 10%

}

.shuzi {

	display: none;

}

.gdfs_bt {

	margin-top: 10px;

	padding-bottom: 15px

}

.gdfs_bt .h1tit {

	font-size: 18px

}

.cpjj_con .h3tit {

	height: auto;

}

/*********************************************************************************************************************************************案例中心******/



.case_con {

	padding: 20px

}

.case dl dt {

	width: 120px;

	margin: 0 10px

}

/*******************************************************************************************************应用领域****/



.zyyw_con ul li {

	width: 100%

}

.zyyw_con ul li img {

	margin: auto;

}

.index_yyly ol {

	margin-top: 20px;

	background-size: 100% 100%

}

.index_yyly ul {

	margin-top: 20px!important;

	background-size: 100% 100%

}

/*******************************************************************************************************联系我们*************/



.lianxi .h1tit {

	font-size: 18px

}

.lianxi .h2tit {

	font-size: 14px

}

.top_nav {

	margin: 20px 0

}

.top_nav a {

	font-size: 14px;

}

.top_copy {

	line-height: 30px;

	padding: 20px

}

}



/*********************************************************************************************************************************************小于450******/



@media screen and (max-width: 450px) {

.ybbj {

	padding: 20px 0

}

.index_about .h2tit {

	font-size: 30px

}

.about_gsjj img {

	margin-top: 10px

}

.index_sz {

	margin-top: 20px

}

.digital .h6tit {

	font-size: 20px;

	line-height: 30px

}

.digital span {

	font-size: 12px

}

.caption .h2tit {

	font-size: 30px

}

.caption .h3tit {

	padding: 0;

}

.index_pro ul li .h1tit {

	font-size: 16px;

	line-height: 40px

}

.index_yyly dl {

	overflow: hidden;

}

.about_zj .index_sz {

	padding: 20px 0

}

.yanfa {

	margin-top: 20px

}

.hjzs {

	margin-top: 20px

}

.index_yyly dl dt {

	width: 18%;

	margin: 10px 1%;

	display: block;

	float: left;

	font-size: 12px

}

.index_yyly ul li .h1tit {

	font-size: 18px;

}

.index_yyly ul li .h2tit {

	font-size: 14px

}

.index_why ul li {

	padding: 0 10px;

	margin: 0 2%;

	width: 21%

}

.index_yyly ul li .h2tit {

	height: auto!important;

}

.index_yyly ol dd .h2tit {

	height: auto!important;

}

.index_why {

	padding-bottom: 20px

}

.index_why ul li .h1tit {

	font-size: 12px;

	margin-top: 0px;

	font-weight: normal

}

.index_why ul li img {

	height: 40px;

	width: auto

}

.index_why ul li span {

	margin-top: 5px

}

.index_why ul li .h2tit {

	display: none;

}

.index_news ul li {

	width: 90%;

	margin: 10px 5%

}

/*.index_news ul li:nth-of-type(3) {



  display: none;



}



.index_news ul li .h2tit {



  display: none;



}*/



.index_news ul li .h1tit {

	font-size: 14px

}

/*.index_news ul li .h3tit {



  display: none



}*/



.footer_rx span {

	display: block;

}

footer {

	padding: 20px 0;

	margin-bottom: 50px

}

.foter_nav {

	display: none;

}

.zhiding {

	display: none;

}

.lb_xk {

	width: 80%;

}

/**************************************************************************关于我们******/



.about_gsjj .h2tit {

	font-size: 16px

}

.yanfa .h4tit {

	font-size: 18px

}

.hjzs ul li .h1tit {

	font-size: 18px

}

.cptd ul li {

	width: 15%;

	margin: 2.5%;

}

.gsys ul {

	margin-top: 20px

}

.gsys ul li img {

	height: 40px;

	width: auto;

}

.gsys ul li .h2tit {

	font-size: 12px;

	font-weight: normal;

}

.gsys ul li .h3tit {

	display: none;

}

.about_gd {

	font-size: 14px;

	height: 35px;

	line-height: 35px;

	width: 150px

}

.sb_hjzs ul li {

	width: 48%

}

.ry ul li {

	width: 48%;

	margin: 1%

}

/************************************************************************************************************************************产品中心列表*********/



.product_dt .h1tit {

	font-size: 30px

}

.product_td_sp video {

	height: 250px

}

.pro_ys .h1tit {

	font-size: 30px

}

.pro_ys ul li {

	width: 100%;

	margin: 10px 0

}

.pro_ys {

	padding: 0

}

.index_pro ul li {

	width: 47%;

}

.bdxt_js {

	width: 350px;

	padding: 20px;

	left: 20px

}

/************************************************************************************************************************************产品中心展示*********/



.mbxnav .h3tit a {

	display: inline-block;

	padding: 0 5px

}

.cpxj ul li {

	width: 49.6%

}

.guige dl dt {

	margin: 10px;

	width: 110px

}

.shuzi {

	display: block;

	font-size: 40px

}

.gdfs dl {

	width: 100%

}

.gdfs ul {

	width: 100%

}

#qtcp ul li .h1tit {

	font-size: 14px;

	line-height: 30px

}

.ptxt ul li {

	width: 50%;

}

/************************************************************************************************************************************新闻中心*********/



.news_con .h3tit {

	display: none;

}

.news li a {

	display: block

}

.news_sj {

	display: block;

	width: 100%;

}

.news_sj span {

	font-size: 22px;

	display: inherit;

	line-height: 30px

}

.news li {

	width: 90%;

	margin: 10px 5%;

}

.news_con .h1tit {

	font-size: 14px;

	color: #fff

}

.news_con .h2tit {

	margin-top: 5px;

	color: #bcbbbb

}

.news_con {

	width: 100%;

	display: block;

}

/*********************************************************************************************************************************************新闻中心终端页******/



.news_show_bt .h1tit {

	font-size: 20px;

}

.sxp {

	width: 100%

}

/*********************************************************************************************************************************************案例中心******/



.case ul li {

	width: 48%

}

.case dl {

	overflow: hidden

}

.case dl dt {

	width: 18%;

	margin: 1%;

	line-height: 30px;

	height: 30px;

	display: block;

	float: left;

	font-size: 12px

}

.case_con {

	padding: 10px

}

.case_con .h1tit {

	font-size: 14px

}

.case_con .h3tit {

	font-size: 12px;

	line-height: 30px;

	height: 30px

}

/*******************************************************************************************************应用领域****/







/*******************************************************************************************************下载中心****/



.download ul li .h1tit {

	width: 100%

}

.download ul li .h2tit {

	width: 100%;

	color: #0097bc

}

/*******************************************************************************************************服务****/



.cjwt ul li {

	width: 100%;

	border-bottom: 1px #4e4e4e dashed;

	padding-bottom: 20px

}

.cjwt ul li .h1tit {

	font-size: 16px

}

/*******************************************************************************************************联系我们*************/



.lianxi .h1tit {

	font-size: 20px

}

.lianxi .h2tit {

	font-size: 16px;

	margin-top: 10px

}

.lianxi .h3tit {

	display: none;

}

.map {

	width: 100%;

}

#dituContent {

	height: 250px

}

.lianxi {

	width: 100%;

	padding: 20px

}

.top_logo img {

	margin: 5% auto

}

.top_nav {

	overflow: hidden;

}

.top_nav a {

	display: block;

	float: left;

	margin: 5px 2%;

	width: 46%

}

.top_sp dl dt {

	width: 20px;

}

.top_copy {

	font-size: 12px;

	line-height: 24px;

	padding: 10px;

}

}