@charset "UTF-8";


html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: 0 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden],
template {
	display: none
}

a {
	background: 0 0;
	text-decoration: none;
	color: #999999;
}

a:active,
a:hover {
	outline: 1

}

abbr[title] {
	border-bottom: 1px dotted
}

b,
strong {
	font-weight: 700
}

dfn {
	font-style: italic
}

ul,
li {
	margin: 0;
	padding: 0
}

li {
	list-style: none
}

mark {
	background: #ff0;
	color: #000
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle
}

img:not([src*="/"]) {
	display: none
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 1em 40px
}

hr {
	box-sizing: content-box;
	height: 0;
	border: 0
}

pre {
	overflow: auto
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

a,
button,
input,
textarea {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

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

button {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],
html input[disabled] {
	cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

input {
	line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto
}

optgroup {
	font-weight: 700
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

td,
th {
	padding: 0
}

i {
	display: inline-block
}

body {
    font-family: "Arial","微软雅黑";
	color: #595961;
	font-size: 14px;
	min-width: 1200px;
	-webkit-font-smoothing: antialiased
}

.clear {
	clear: both;
}


.clear:before,
.clear:after {
	display: table;
	line-height: 0;
	content: ""
}

.clear:after {
	clear: both
}

.hide {
	display: none!important
}

.g-box {
	width: 1200px;
	height: 100%;
	margin: 0 auto
}

.g-box1 {
	width: 1000px;
	margin: 0 auto
}

.wrap {
	min-width: 1200px;
	width: 100%;
	position: relative
}

.f-pa {
	position: absolute
}

.f-pr {
	position: relative
}

.f-fl {
	float: left
}

.f-fr {
	float: right
}

.f-oh {
	overflow: hidden
}

.f-ib {
	display: inline-block
}

.f-b {
	display: block
}

.f-table {
	display: table
}

.f-whs {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 0%);
}

.s-bg-gy {
	background-color: #f1f1f5
}

.s-bg-gyx {
	background-color: #f9f9f9
}

.s-bg-gy1 {
	background-color: #f6f6f6
}

.s-bg-gy2 {
	background-color: #f1f2f5
}

.s-bg-blue {
	background-color: #2589ff
}

.s-bgw {
	background-color: #fff
}

.s-fc-gy {
	color: #999
}

.s-fc-gy1 {
	color: #595961
}

.s-fc-gyx {
	color: #727281
}

.s-fc-gyxx {
	color: #9797a1
}

.s-fc-gyc {
	color: #e3e2e5
}

.s-fcw {
	color: #999999
}

.s-fc-blue {
	color: #2589ff
}

.s-fc-red {
	color: #f44336
}

.s-fwb {
	font-weight: 700
}

.g-tac {
	text-align: center
}

.g-tal {
	text-align: left
}

.g-tar {
	text-align: right
}

.g-plr5 {
	padding-left: 5px;
	padding-right: 5px
}

.g-plr20 {
	padding-left: 20px;
	padding-right: 20px
}

.g-lh15 {
	line-height: 1.5
}

.g-lh20 {
	line-height: 20px
}

.s-fs12 {
	font-size: 12px
}

.s-fs14 {
	font-size: 14px
}

.s-fs16 {
	font-size: 16px
}

.s-fs18 {
	font-size: 18px
}

.s-fs20 {
	font-size: 20px
}

.s-fs22 {
	font-size: 22px
}

.s-fs24 {
	font-size: 24px
}

.s-fs26 {
	font-size: 26px
}

.s-fs28 {
	font-size: 28px
}

.s-fs30 {
	font-size: 30px
}

.s-fs32 {
	font-size: 32px
}

.s-fs34 {
	font-size: 34px
}

.s-fs36 {
	font-size: 36px
}

.s-fs38 {
	font-size: 38px
}

.s-fs40 {
	font-size: 40px
}

.s-fs42 {
	font-size: 42px
}

.s-fs46 {
	font-size: 46px
}

.s-fs54 {
	font-size: 54px
}

.s-fs56 {
	font-size: 56px
}

.s-fs58 {
	font-size: 58px;
	line-height: 85px;
}

.g-mt2 {
	margin-top: 2px
}

.g-mt5 {
	margin-top: 5px
}

.g-mt6 {
	margin-top: 6px
}

.g-mt8 {
	margin-top: 8px
}

.g-mt10 {
	margin-top: 10px
}

.g-mt12 {
	margin-top: 12px
}

.g-mt14 {
	margin-top: 14px
}

.g-mt15 {
	margin-top: 15px
}

.g-mt20 {
	margin-top: 20px
}

.g-mt20 {
	margin-top: 20px
}

.g-mt25 {
	margin-top: 25px
}

.g-mt30 {
	margin-top: 30px
}

.g-mt35 {
	margin-top: 35px
}

.g-mt40 {
	margin-top: 40px
}

.g-mt45 {
	margin-top: 45px
}

.g-mt50 {
	margin-top: 50px
}

.g-mt54 {
	margin-top: 54px
}

.g-mt60 {
	margin-top: 60px
}

.g-mt64 {
	margin-top: 64px
}

.g-mt68 {
	margin-top: 68px
}

.g-mt70 {
	margin-top: 70px
}

.g-mt75 {
	margin-top: 75px
}

.g-mt80 {
	margin-top: 80px
}

.g-mt85 {
	margin-top: 80px
}

.g-mt90 {
	margin-top: 90px
}

.g-mt98 {
	margin-top: 98px
}

.g-mt100 {
	margin-top: 100px
}

.g-mt135 {
	margin-top: 135px
}

.g-mt158 {
	margin-top: 158px
}

.g-mt160 {
	margin-top: 160px
}

.g-mt168 {
	margin-top: 168px
}

.g-mt172 {
	margin-top: 172px
}

.g-ml5 {
	margin-left: 5px
}

.g-ml8 {
	margin-left: 8px
}

.g-ml10 {
	margin-left: 10px
}

.g-ml15 {
	margin-left: 15px
}

.g-ml20 {
	margin-left: 20px
}

.g-ml25 {
	margin-left: 25px
}

.g-ml30 {
	margin-left: 30px
}

.g-ml40 {
	margin-left: 40px
}

.g-ml70 {
	margin-left: 70px
}

.g-ml80 {
	margin-left: 80px
}

.g-ml85 {
	margin-left: 85px
}

.g-mr5 {
	margin-right: 5px
}

.g-mr10 {
	margin-right: 10px
}

.g-mr14 {
	margin-right: 14px
}

.g-mr20 {
	margin-right: 20px
}

.g-mr30 {
	margin-right: 30px
}

.g-mr40 {
	margin-right: 40px
}

.g-mr52 {
	margin-right: 52px
}

.g-mr60 {
	margin-right: 60px
}

.g-mr67 {
	margin-right: 67px
}

.g-mr80 {
	margin-right: 80px
}

.g-mr90 {
	margin-right: 90px
}

.g-mr132 {
	margin-right: 132px
}

.g-mb3 {
	margin-bottom: 3px
}

.g-mb5 {
	margin-bottom: 5px
}

.g-mb10 {
	margin-bottom: 10px
}

.g-mb15 {
	margin-bottom: 15px
}

.g-mb20 {
	margin-bottom: 20px
}

.g-mb26 {
	margin-bottom: 26px
}

.g-mb30 {
	margin-bottom: 30px
}

.g-mb35 {
	margin-bottom: 35px
}

.g-mb38 {
	margin-bottom: 38px
}

.g-mb40 {
	margin-bottom: 40px
}

.g-mb45 {
	margin-bottom: 45px
}

.g-mb50 {
	margin-bottom: 50px
}

.g-mb52 {
	margin-bottom: 52px
}

.g-mb60 {
	margin-bottom: 60px
}

.g-mb64 {
	margin-bottom: 64px
}

.g-mb70 {
	margin-bottom: 70px
}

.g-mb75 {
	margin-bottom: 75px
}

.g-mb80 {
	margin-bottom: 80px
}

.g-mb90 {
	margin-bottom: 90px
}

.g-mb100 {
	margin-bottom: 100px
}

.g-mb112 {
	margin-bottom: 112px
}

.g-pt5 {
	padding-top: 5px
}

.g-pt10 {
	padding-top: 10px
}

.g-pt15 {
	padding-top: 15px
}

.g-pt20 {
	padding-top: 20px
}

.g-pt50 {
	padding-top: 50px
}

.g-pt60 {
	padding-top: 60px
}

.g-pt70 {
	padding-top: 70px
}

.g-pt75 {
	padding-top: 75px
}

.g-pt80 {
	padding-top: 80px
}

.g-pt90 {
	padding-top: 90px
}

.g-pt100 {
	padding-top: 100px
}

.g-pb45 {
	padding-bottom: 45px
}

.g-pb50 {
	padding-bottom: 50px
}

.g-pb70 {
	padding-bottom: 70px
}

.g-pb75 {
	padding-bottom: 75px
}

.g-pb80 {
	padding-bottom: 80px
}

.g-pb88 {
	padding-bottom: 88px
}

.g-pb90 {
	padding-bottom: 90px
}

.g-pb100 {
	padding-bottom: 100px
}

.col1 {
	color: #595961
}

.col2 {
	color: #9a9aa9
}

.col3 {
	color: #9797a1
}

.g-ib-m {
	display: inline-block;
	vertical-align: middle
}

.g-vtt {
	vertical-align: top
}

.g-vtm {
	vertical-align: middle
}

.g-vtb {
	vertical-align: bottom
}

.g-vttb {
	vertical-align: text-bottom
}

.m-hd {
	height: 70px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 999999;
}

.m-hd-f {
	height: 60px;
	position: relative;
	background-color: #fff;
	border-bottom: 1px solid #eee;
	box-shadow: 0 2px 10px 0 rgba(15, 12, 70, .1);
	z-index: 1
}

.m-hd-f>li>a,
.m-hd-f a {
	color: #333!important
}

.m-hd-f:hover {
	background-color: #fff
}

.m-hd:hover {
	background-color: rgba(0, 0, 0, .3)
}

.m-logo {
	margin-top: 15px;
	margin-right: 8px
}

.m-logo1>img {
	vertical-align: middle;
	margin-right: 10px
}

.m-logo1 {
	color: #fff;
	margin-top: 14px;
	margin-right: 10px
}

.m-logo1-txt {
	color: #fff;
	margin-top: 14px;
	margin-right: 20px;
	font-size: 22px
}

.m-logo-in {
	background: url(../img/logo.png) no-repeat;
	display: block;
	width: 159px;
	height: 29px
}


.jnx-logo-in {
	background: url(../img/jnx-logo.png) no-repeat;
	display: block;
	width: 168px;
    height: 44px;
}



.flw-logo-in {
    background: url(../img/flf-logo.png) no-repeat;
    display: block;
    width:228px;
    height: 50px;
}



.buss .m-logo1,
.store .m-logo1 {
	margin-top: 16px
}


.m-logo-in.be {
	background-image: url(../../img/nweb/img/logo_b.png)
}

.m-nav,
.m-snav {
	height: 70px;
	z-index: 9
}

.m-nav>li,
.m-snav>li {
	padding-top: 22px;
  padding-right: 50px;
	display: inline-block;
	height: 100%;
	box-sizing: border-box;
	font-size: 18px;
}

.m-hd-pr li :hover { color:#00aadc;}
.m-hd-pr li .m-hd-pr_hover{color:#00aadc;}
.m-menu li a :hover{ color: #FFFFFF;}
.m-nav>li>a {
	display: block;
	padding: 0 25px
}

.m-nav>li>a,
.m-snav a {
	color: #fff
}

.m-snav a {
	display: inline-block;
	text-align: center
}

.m-nav-act {
	height: 3px;
	line-height: 3px;
	background-color: #fff;
	position: absolute;
	bottom: 5px;
	left: 0;
	width: 50px;
	opacity: 0
}

.m-trans {
	transition: left .5s;
	-moz-transition: left .5s;
	-webkit-transition: left .5s;
	-o-transition: left .5s
}

.m-snav a {
	margin: 0 12px
}

.m-snav-b {
	border: 1px solid #fff;
	width: 68px;
	height: 24px;
	line-height: 24px;
	margin-top: -8px;
	border-radius: 2px;
	transition: color .2s linear, background-color .2s linear, border-color .2s linear
}

.m-snav-b.s1 {
	background-color: #fff;
	color: #2589ff
}

.m-snav-b:hover {
	background-color: #d3d4d6;
	color: #2589ff;
	border-color: #d3d4d6
}

.m-snav a.m-nav-user {
	margin-left: -4px;
	margin-right: -4px;
	text-decoration: underline
}

.m-hd-pr {
	position: relative;
	z-index: 1
}

.m-nav>li:hover .m-menu {
	height: auto;
	opacity: 1;
	filter: Alpha(opacity=100);
	font-size: 12px;
	padding: 40px 0 20px 60px
}

.m-menu {
	position: fixed;
	width: 100%;
	left: -60px;
	background-color: #fff;
	height: 0;
	top: 70px;
	opacity: 0;
	filter: Alpha(opacity=0);
	overflow: hidden;
	transition: height .5s;
	-moz-transition: height .5s;
	-webkit-transition: height .5s;
	-o-transition: height .5s;
	border-radius: 2px;
	box-shadow: 0 6px 20px 0 rgba(166, 177, 204, .15);
	-moz-box-shadow: 0 6px 20px 0 rgba(166, 177, 204, .15);
	-webkit-box-shadow: 0 6px 20px 0 rgba(166, 177, 204, .15)
}

.m-foot {
	background-color: #ffffff;
	padding-top: 54px;
	padding-bottom: 42px
}



.miitbeian {
	color: ##999;line-height: 24px;
}

.l-h20 {
	line-height: 20px
}

.l-h26 {
	line-height: 26px
}

.l-h28 {
	line-height: 28px
}

.l-h24 {
	line-height: 24px
}

.l-h27 {
	line-height: 27px
}

.l-h36 {
	line-height: 36px
}

.l-h38 {
	line-height: 38px
}

.l-h40 {
	line-height: 40px
}

.l-h44 {
	line-height: 44px
}

.l-h48 {
	line-height: 48px
}

#newBridge {
	display: none!important
}

#udesk_container {
	display: none
}



@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (-moz-min-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2) {
	.popup-cont {
		background-image: url("../../img/popup@2x.png");
		background-size: 100% auto
	}
}

.m-ban-qr-wrap {
	display: none;
	height: 0;
	font-size: 0
}

.m-ban-lnk-qr {
	position: absolute;
	top: -100px;
	left: 200px
}


.home_business>ul>li .detail.cases ul>* {
    vertical-align: top;
}
.home_business>ul>li .detail ul li {
    text-align: center;
}

li {
    list-style: none;
}
.model_banner{background:url(../img/banner-model.png) center;height: 500px;width: 100%;}
.zyly-bt{ font-size: 16px; color: #000000; margin: 15px 0px;}
.MG15{ margin: 15px;}
.right{ float: right;}
.zxjy-zyly{background:url(../img/zxjy-06.png)center;
    height: 500px;
    min-width: 1170px; text-align: center; color: #FFFFFF; font-size: 24px;}
.zxjy-zyly-ss{ width: 1200px;
    margin: 45px auto;padding-top: 140px;}
.zxjy-zyly-ss p{ line-height: 40px;  letter-spacing: 2px;}
.fs32{ font-size: 32px; margin-bottom: 30px;}
.div-zhl{ width:195px; float: left; font-size: 24px; color: #7d7d7d; text-align: center;}
.div-zhl p{ margin-top: 20px; margin-bottom: 15px;}
.zhwl-xiaol{ width: 1000px; margin: auto;}
.zhwl-_bt {
    font-size: 28px;
    padding-top: 30px;
    color: #000;
    text-align: center;
}

.fanan-a {
    float: left;
    padding-bottom: 50px;
    cursor: pointer;
}

.div-fanan {
   width: 290px;
    background: #fff;
    text-align: left;
    padding: 35px;
}
.div-fanan-bt {
    font-size: 14px;
    color: #000000;  
    font-weight: bold;
}
.fanan-nr {
   color: #909090;
    font-size: 12px;
    margin: 15px 0px;
    line-height: 20px;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.more-fanan a {
    color: #2b2b2b;
    font-size: 12px;
    text-decoration:underline;
}
.fs24{ font-size: 24px; color: #333333; margin: 20px 0px;}

.s-fs44{ font-size: 44px;}
.div-fanan a:hover,.more-btn:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}

/*关于我们合作模式*/
.boden-mc {
    color: #4b4b4b;
    font-size: 20px;
    margin-top: 25px;
}
.boden-fy {
    color: #4b4b4b;
    font-size: 12px;
    margin-bottom: 25px;
        margin-top: 5px;
}
.about-l p {
    margin-bottom: 18px;
    line-height: 22px;
}
.ss{display:inline;white-space: nowrap;}
.qiehuan ul li.hover-qh{  border-bottom: 2px solid #34b366; cursor: pointer; color:#333333 ;display:inline-block;}

.hezuo{ border-radius:55px; border: 1px solid #34b366;  height: 30px; line-height: 30px; padding: 0px 25px;
background: #FFFFFF; color:#34b366 ;  font-size: 14px; float: right; margin-top: 30px; cursor: pointer;}
.div-anli{ margin-bottom: 30px;}
.moshi-bt-a{ font-size: 34px; color: #000000;}
.moshi-bt-b{ font-size: 16px; color: #5b5b5b;margin-top: 25px;}
.div-moshi-bt{ text-align: center; }
.moshi-a{ width: 285px; float: left;  text-align:center; color: #707070; font-size: 16px; margin-bottom: 30px; height: 218px;}
.moshi-a p{ font-size: 22px; color: #000000; margin: 20px 0px; }


.hzhuoban-div{  width: 100%; height: 415px; margin-top: 60px; margin-bottom: 90px;
 box-shadow: -moz-box-shadow:0px 1px 25px #c0c0c0; -webkit-box-shadow:0px 1px 25px #c0c0c0; box-shadow:0px 1px 25px #c0c0c0;}
.hezuo-l{ color: #828384; font-size: 16px; margin-top: 45px;  }
.hezuo-l p{ margin-bottom: 15px; }
.hb-xiantiao{ background: #adb1b4; width: 84px; height: 2px; margin-bottom: 23px;}
.hezuo-r{float:left; margin-top: 50px; margin-right: 50px; width: 630px;  float: right;}
.hezuo-r img{ margin-right: 10px; float: left; cursor: pointer; margin-bottom: 20px;}
.jiacu{font-weight: bold;
    color: #000000;}
.cpzs-div{ }



.list_item{background: #fff;
    width: 264px;
    height: 264px;
    float: left;
    position: relative;
   margin-right: 36px;
    margin-top: 23px}                                                                            	
.img_box {
    width: 150px;
    height: 150px;
    margin: 40px auto;
    display: flex;
    align-items: center;
}
.company_img {
    width: 150px;
    height: auto;
    display: block;
}
 .company_name {
    font-size: 17px;
    line-height: 23px;
    letter-spacing: .3;
    color: #000;
    position: absolute;
    width: 220px;
    left: 30px;
    bottom: 20px;
    z-index: 10;
	text-align: center;
}



.zhny-03 {
    background: url(../img/zhny-03.jpg)center;
    height: 445px;
    min-width: 1170px;
    color: #FFFFFF;
    font-size: 24px;
}

.ny-bg{line-height:34px;margin-top: 15px; font-size:14px; background:rgba(255,255,255,0.8); padding:45px 15px; color:#222222;}



.kefu{width: 90px;height: 30px;margin-left:10px; text-align: center; line-height: 30px; background: #FFFFFF; color: #288aff;position: absolute;
    bottom: 15px;}


.banner{ background:#EEEEEE; height: 700px;position: relative;
    overflow: hidden;}

.banner-about{ background: url(../img/banner-gywm.png) no-repeat center; height: 315px;margin-top: 60px;}
.banner-ywtx { background: url(../img/banner-ywtx.png) no-repeat center; height:315px;margin-top: 60px;}
.banner-tzzgx { background: url(../img/tzzgx-banner.png) no-repeat center; height:315px;margin-top: 60px;}
.banner-qywh { background: url(../img/banner-qywh.png) no-repeat center; height: 315px;margin-top: 60px;}
.banner-cp-jnx{ background: url(../img/jnx-banner.png) no-repeat center; height: 677px;}
.banner-cp-fenku{ background: url(../img/banner-fk.png) no-repeat center; height: 528px;}

.banner-cp-flf{ background: url(../img/banner-flw.png) no-repeat center; height: 530px;}
.banner-sy-flf{ background: url(../img/banner-flfp-sy.png) no-repeat center; height: 880px;}


.banner-cp-hzms{ background: url(../img/hzqd-banner.png) no-repeat center; height: 693px;}

.jnx-bj-a{background: url(../img/jnx-nr-bj.png) no-repeat center; height: 1248px;}
.cphzms-a{background: url(../img/hzms-ng.png) no-repeat center; height: 550px;}


.jnx-bj-sy {
    background: url(../img/sy-db.png) no-repeat center;
    height:314px;
}


.m-menu-ej-a{ width:33%;  float: left; text-align: center; margin-top: -20px; height: 160px;border-right: 1px solid #e5e5e5;}
.banner video, .banner .bg {
   width: 100%;
   position: absolute;
   width: 1920px;
    left: 50%;
    margin-left: -960px;
    position: absolute;
}
pages-25eada7aed.css:1
.banner video {
    margin-top: -115px;
}
common-3f4b925bf8.css:1
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}
.banner video {
    margin-top: -115px;
}

.banner .mask {
    width: 100%;
    height:700px;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#66000000", endColorstr="#66000000");
    z-index: 999;
}

.banner .text, .banner .subText {
    position: absolute;
    width: 100%;
    text-align: center;
     z-index: 99999;
}
.banner .text {
    font-size: 64px;
    top: 290px;
    color: #fff;
    z-index: 99999;
}

.ejcd-bt{color: #6c6c6c; font-weight: bold; margin-top: 15px; margin-bottom: 5px; font-size: 14px;}
.div-cdnr-ss{ width: 181px;  margin: auto;}


.index-more{  width: 145px; height: 34px; line-height: 34px; border: 1px solid #00aadc;  color: #00aadc; margin-top: 30px; cursor: pointer; }
.index-more p{ float: left;}
.index-more img{ float: left; margin-left:20px; margin-top: 10px;}
.center-12{ width: 1200px; margin: auto;}
.ry-img{text-align: center; width: 190px; float: left; margin-right: 60px; margin-bottom: 40px;}
.ry-img p{ margin-top: 15px;}
.erjibt{ width:570px; margin: auto; height: 2px; border-bottom: 1px solid #999999; margin-top: 70px; margin-bottom: 110px; position: relative;}
.baioti-wz{ color: #3b3b3c; font-size: 24px; font-weight: bold; background: #FFFFFF; left: 145px;  text-align: center; 
 width: 290px; height: 30px; line-height: 30px; position: absolute; top: -10px;}
.qywh-nr{ background: #ff7517; height: 595px; width: 100%;}

.jnx-gnjs-a{ width: 330px; text-align: center; float: left; margin-right: 100px;height: 470px; margin-bottom: 60px; } 
.jnx-bt{ font-size: 28px; font-weight: bold; text-align:center; color: #000000; padding: 80px 0px;}
.jnx-bt-a{ font-size: 26px; color: #000000; margin-top: 50px; margin-bottom: 15px;}
.jnx-bt-b{ font-size: 16px; color: #6e6b6b;}


.jnx-cpts-div{ float: left; width: 50%;}
.jnx-cpts-div-left{ float: left;}
.jnx-cpts-div-right{ float: left; width: 175px;margin-top: 50px;}
.jnx-ts-bt{color: #333333; font-size: 18px; font-weight: bold;}
.jin-ts-nr{color: #6d6d6d; font-size: 14px; }
.fenge{ width:20px; height:1px; background: #2c77e5; margin: 30px 0px;} 

.fansj{ background: #FFFFFF; border: 1px solid #e8eaee; width: 100%; padding: 50px 0px;}
.jnx-fasj{ background:url(../img/jnx-nr-bj.png) no-repeat center;  height: 1248px;}

.box {
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
  height: 60px;
  text-align: center;
  color: #fff;
  margin-bottom: 50px;
}







#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 20px;
    right: 2%;
    overflow: hidden;
    z-index: 999;
    width: 40px;
    height: 40px;
    border: none;
    text-indent: 100%;
    background: url(../img/arrow.png) no-repeat 0px 0px;
}

#toTopHover {
    width: 40px;
    height: 40px;
    display: block;
    overflow: hidden;
    float: right;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}


.khal-div{ width: 390px; height: 205px; background: #FFFFFF; text-align: center; float: left; margin-right: 15px; margin-bottom: 15px;}
.khal-div p{ margin-top: 15px;}
.khal-div img{ margin-top: 45px;}
.khal-div {
            transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;
           
        }

.khal-div:hover {
            transform: translate(0, -10px);
            -webkit-transform: translate(0, -10px);
            -moz-transform: translate(0, -10px);
            -o-transform: translate(0, -10px);
            -ms-transform: translate(0, -10px);
            box-shadow: 0px 10px 28px 5px rgba(83,89,215,0.17);
        }
.gpdm{font-size: 12px;color: #fff;padding-top: 20px;line-height: 16px;float: left;}
.index_gyyd{text-align: center;font-size: 34px;}
.index_gyyd_xian{width: 30px;height: 3px;background: #0a4394;margin: 10px auto;border-radius: 3px;}
.index_gyyd_wz{color: rgba(0,0,0,0.5);font-size: 14px;text-align: center;padding:10px 0 50px 0;line-height: 24px;}

.index_yy{float: right;margin-top: 24px;margin-left: 20px;line-height: 20px;}
.index_yy_zw{float: right;padding: 0 12px;color: #fff;font-size: 14px;color: rgba(255,255,255,0.6);cursor: pointer;}
.index_yy_zw:hover{color: #fff;}
.index_yy_zw.index_yy_zw_hover{color: #fff;}
.index_yy_xi{float: right;width: 1px;background: rgba(255,255,255,0.6);height: 20px;}
#ywbox{width: 100%;position: relative;}
#ywbox #ywbox_project{position: absolute;left: 0;top: 0;width: 100%;}
#ywbox #ywbox_project #ywbox_title{width: 1200px; margin:auto;}
#ywbox #ywbox_project #ywbox_title li{width: 600px;height:239px;margin-left: 600px;background: rgba(0,0,0,0.2);color: #fff;cursor: pointer;}
#ywbox #ywbox_project #ywbox_title li:hover{background: rgba(255,255,255,0.6);color: #000;}
#ywbox #ywbox_project #ywbox_title li.ywbox_title_hover{background: rgba(255,255,255,0.6);color: #000;}
.ywbox_title_left{float: left;width: 470px;}
.ywbox_title_right{float: right;width: 130px;text-align: center;padding-top: 90px;}
.ywbox_title_right span{font-size: 50px;}
.ywbox_title_left_bt{padding: 55px 40px 10px 40px;}
.ywbox_title_left_wz{padding: 0 40px;line-height: 24px;}
#ywbox #ywbox_project #ywbox_content{width: 100%;height: 717px;overflow: hidden;}
#ywbox #ywbox_project #ywbox_content li{height: 717px;}
.ywbox_content_tp{background: url(../img/index_ct.jpg) center;height: 717px;}
.ywbox_content_tp2{background: url(../img/index_iot.jpg) center;height: 717px;display: none;}
.ywbox_content_tp3{background: url(../img/index_5g.jpg) center;height: 717px;display: none;}
.ywbox_content_wz{width: 1200px;margin: auto;padding-top: 200px;}
.ywbox_content_wz_bt{font-size: 24px;line-height: 70px;color: #fff;}
.ywbox_content_wz_nr{font-size: 43px;line-height: 56px;color: #fff;}
.index_news{float: right;width: 700px;}
.index_news_nr{padding: 20px;font-size: 14px;line-height: 30px;cursor: pointer;}
.index_news_nr_time{font-size: 16px;width: 112px;float: left;}
.index_news_nr_bt{font-size: 16px;}
.index_news_nr_wz{color: rgba(0,0,0,0.4);width: 100%;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}
.index_news_nr:hover{background: rgba(0,0,0,0.04);}
.m-hd2 {
	height: 70px;
	background: #282830;
	position: fixed;
	z-index: 999999;
	width: 100%;
}
.service_banner{background: url(../img/service_ct.jpg) center top;height: 450px;text-align: center;color: #fff;}
.jtjiagou_banner{background: url(../img/jtjg.png) center top;height: 450px;text-align: center;color: #fff;}

.service_banner_bt{padding-top: 210px;font-size: 40px;}
.service_banner_nr{padding-top: 20px;font-size: 18px;}
.service_ct{width: 1200px;margin: auto;}
.service_ct_bt{font-size: 24px;text-align: center;margin-top: 60px;color: #000;}
.service_ct_xian{width: 30px;margin: 10px auto;height: 3px;background:#00aadc;border-radius: 3px;}
.service_ct_nr{color: rgba(0,0,0,0.7);font-size: 16px;line-height: 26px;text-align: center;padding-top: 20px;}
.service_ct_yw{overflow: auto;}
.service_ct_yw_nr{width: 384px;margin: 40px 8px 20px 8px;float: left;position: relative;}
.service_ct_yw_nr_tp{font-size: 0;}
.service_ct_yw_nr_tp img{width: 384px;height:516px;}
.service_ct_yw_nr_wz{position: absolute;left: 0;top: 0;width: 100%;height: 100%;color: #fff;}
.service_ct_yw_nr_wz:hover{background: rgba(10,67,148,0.6);}
.service_ct_yw_nr_wz_bt{margin: 80px 30px 30px 30px;font-size:26px;border-bottom:1px solid rgba(255,255,255,0.5);padding-bottom: 18px;text-align: center;color: #fff;}
.service_ct_yw_nr_wz_nr{line-height: 26px;margin: 0 30px;font-size: 14px;color: #fff;}
.service_ct_ywyw{margin: 0 8px 80px 8px;position: relative;}
.service_ct_ywyw_tp{font-size: 0;}
.service_ct_ywyw_tp img{width: 100%;height: auto;}
.service_ct_ywyw_nr{width: 100%;position: absolute;left: 0;top: 0;height: 100%;}
.service_ict_yw{width: 190px;margin: 5px;float: left;text-align: center;font-size: 0;background: #0a4394;height: 190px;}
.service_ict_yw_tp{width:190px;height: 190px;}
.service_ict_yw_wx{line-height: 32px;font-size: 18px;color: #fff;padding-top: 12px;}




.tzz-bt {
    color: #187adf;
    font-size: 28px;
    margin-top: 60px;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 20px;
    padding-bottom: 20px;
}


.service_5g_tp{margin: 30px 0;}
.service_5g_nr{margin: 30px 0 50px 0;}
.service_5g_nr_xx{width: 600px; float: left;}
.service_5g_nr_xx_bt{margin-top: 70px;font-size: 28px;}
.service_5g_nr_xx_xian{width: 40px;height: 3px;border-radius: 3px;background: #0a4394;margin: 20px 0 25px 0;}
.service_5g_nr_xx_wz{padding-right: 30px;font-size: 16px;line-height: 34px;color: rgba(0,0,0,0.6);}
.q_bj{
	width: 1200px;
	margin: auto;
}
.q_wenhuabj{
	float: left;
	margin: 40px 112px 0 0;
}
.q_wenhuaright{
	float: left;
	margin-top: 20px;
}
.q_tltie{
	font-size: 40px;
	color: #187adf;	
}
.q_biaoyu{
	font-size:24px;
	color: #58585b;
	padding: 36px 0 32px 0;
}
.q_xiaobiaoti{
	font-size: 20px;
	color: #58585b;	
}
.q_huadong{
	height: 2px;
	width: 30px;
	background: #187adf;	
	margin: 16px 0 20px 0;
}
.q_text{
	font-size: 16px;
	color: #58585b;	
}
.q_xwenhua{
	width: 240px;
	float: left;
	margin-right: 100px;
}
.clear{
	clear: both;
}
.q_shiming{
	margin: 72px 0 40px 0;
	width: 720px;
}
.fengexian{
	width: 100%;
	height: 1px;
	background: #000;
	opacity: 0.1;
}
.q_yuangong{
	font-size: 40px;
	text-align: center;
	margin: 60px 0 40px 0;
}
.q_yuangongtext{
	color: #282835;
	opacity: 0.7;
	font-size: 20px;
	text-align: center;
}
.q_img{
	width: 33%;
	float: left;
	margin: 56px 0px 0 0px  ;
}
.q_img p{
	margin-top: 24px;
	font-size: 18px;
	text-align: center;
}
.q_hjleft{
	float: left;
	width: 636px;
	margin-top: 40px;
}
.q_hjright{
	float: right;
	width: 554px;
	margin-top: 40px;
}
.q_huanjing img{
	margin-top: 8px;
}

.service_bai{padding: 70px 0;}
.service_bai_nr{width: 1200px;margin: auto;overflow: auto;}
.service_bai_nr_left{width: 602px;margin-top: 70px;}
.service_bai_nr_left_bt{font-size: 24px;color: #000;}
.service_bai_nr_left_bt_xian{float: left;width: 3px;height: 20px;background: #073d9c;border-radius: 5px;margin: 7px 10px 0 0;}
.service_bai_nr_left_nr{font-size: 16px;line-height: 28px;color: rgba(0,0,0,0.8);padding-top: 30px;}
.service_hui{background: #f5f9fb;}
.service_bai_nr_left_nr_p{padding-bottom: 7px;}
.service_bai_nr_left_nr_p_nr{padding-left: 30px;color: rgba(136,136,136,0.8);}
.service_bai_nr_5g{padding-top: 30px;}
.service_bai_nr_5g_xx{float: left;width:50%;background: #f6f9fb;margin: 16px 0;overflow: auto;font-size: 0;}
.service_bai_nr_5g_xx_wz{width: 220px;padding: 20px 0 0 20px;}
.service_bai_nr_5g_xx_wz_bt{font-size: 18px;color: #000;}
.service_bai_nr_5g_xx_wz_nr{color: rgba(0,0,0,0.6);line-height: 24px;font-size: 14px;padding-top: 10px;}

.xiahuax{ background: #000000; height: 3px; width: 78px; margin: 30px 0px;}
.wz-bt{ font-size: 36px; color: #000000; margin: 10px 0px;}

.wz-bt-s{ color: #b18351; font-size: 20px; letter-spacing: 4px;}
.p-jcnr{font-size: 18px; color: #000000;line-height: 28px;}
.p-zwnr{margin-top: 50px;color: #000000; line-height: 24px;}