@import url("iconfont.css");

*,
:after,
:before {
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
	color: #4a4a4a;
	font-family: "Microsoft Yahei";
}
/* body{ overflow-x: hidden;} */
body {
	width: expression(document.body.clientWidth <=1250? "1250px": "auto");
	min-width: 1250px;
	border: 0px solid #f00;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

table th,
table td {
	padding: 5px;
	border: 1px solid #ddd;
}

fieldset,
img {
	border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style: normal;
	font-weight: normal;
}

ol,
ul {
	list-style: none;
}

a {
	text-decoration: none;
	color: #333;
}

a:focus {
	outline: none;
	transition: ease-in-out .5s;
}

a:hover {
	color: #305dc3;
	transition: ease-in-out .5s;
}

.layui-left {
	float: left;
}

.layui-right {
	float: right;
}

.in-out {
	transition: ease-in-out .5s;
}

.zoom {
	zoom: 1
}

.hidden {
	visibility: hidden;
}

.vam {
	vertical-align: middle;
}

.clear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
.layui-layer-hui .layui-layer-content{ color: #fff !important;}

.title_box{position:relative; text-align:center; padding:45px 0 25px 0;}
.title_box .h2{ text-align: center; color: #333; font-size: 32px; position: relative;}
.title_box .h2:before {
    content: '';
    position: absolute;
    width: 132px;
    height: 2px;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #0095FF;
}
.title_box .h2:after {
    content: '';
    width: 32px;
    height: 2px;
    position: absolute;
    left: 50%;
    bottom: 0;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
    -webkit-animation: nexsliderbar 5s linear infinite;
    animation: nexsliderbar 5s linear infinite;
    background: #0095FF;
}
.title_box .h2 i{ color: #1b61bd; padding-right: 9px;}
.title_box .h2 span{display: block;font-weight: normal;font-size: 14px;color: #666;padding: 9px 0 19px 0;}

@-webkit-keyframes nexsliderbar{
	0%{-webkit-transform:translateX(-70px);transform:translateX(-70px);}
	50%{-webkit-transform:translateX(38px);transform:translateX(38px);}
	100%{-webkit-transform:translateX(-70px);transform:translateX(-70px);}
}
@keyframes nexsliderbar{
	0%{-webkit-transform:translateX(-70px);transform:translateX(-70px);}
	50%{-webkit-transform:translateX(38px);transform:translateX(38px);}
	100%{-webkit-transform:translateX(-70px);transform:translateX(-70px);}
}




.container {
	width: 1250px;
	margin: 0 auto;
}

.zj-header {}

.zj-header .logo {
	margin: 2px auto;
}

.zj-header .layui-nav {
	display: inline-block;
	background: transparent;
}

.zj-header .layui-nav li {
	float: left;
	padding: 20px 0;
}

.zj-header .layui-nav li:hover {
	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.06);
}
.zj-header .layui-nav .layui-this a{ background-color: #fff !important;}

.zj-header .layui-nav-bar,.layui-nav .layui-this:after {
	top: 0 !important;
	background: #305DC3;
	transition: all 0s;
	-webkit-transition: all 0s;
}

.zj-header .layui-nav-item a {
	color: #222;
}

.zj-header .layui-nav-item a:hover,
.zj-header .layui-this a {
	color: #305dc3 !important;
}
.banner { max-height: 650px; overflow: hidden;}
.banner .bxslider li a{ display: block; width: 100%; height: 650px;}
.banner.nlianxi{ background: url(../images/lianxiwomenbanner.jpg) no-repeat; height: 400px; position: relative;}
.banner.nfuwu{ background: url(../images/fuwubanner.jpg) no-repeat; height: 400px; position: relative;}
.banner.nchanpin{ background: url(../images/chanpinbanner.jpg) no-repeat; height: 400px; position: relative;}
.banner.nxinwen{ background: url(../images/xinwenbanner.jpg) no-repeat; height: 400px; position: relative;}
.banner.nanli{ background: url(../images/anlibanner.jpg) no-repeat; height: 400px; position: relative;}
.banner-title {
    font-size: 40px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 150px;
    left: 0;
    right: 0;
    bottom: 0;
}
.banner-text {
    color: #fff;
    font-size: 20px;
    line-height: 1;
    margin-top: 26px;
	position: absolute;
	top: 210px;
	bottom: 0;
	right: 0;
	left: 0;
	text-align: center;
}
.index-banner {
	position: relative;
}

.index-banner .owl-dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 40px;
	text-align: center;
}

.index-banner .owl-dot {
	width: 12px;
	height: 12px;
	background-color: #fafafa;
	border: solid 1px #fafafa;
	border-radius: 50%;
	margin: 0 9px;
}

.index-banner .owl-dots .active {
	background-color: transparent;
}

.index-banner .owl-nav {
	position: absolute;
	left: 100px;
	right: 100px;
	top: 0px;
	bottom: 0px;
}

.index-banner .owl-prev {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 46px;
	height: 46px;
	background: rgba(0, 0, 0, 0.2);
	transition: 0.3s;
}

.index-banner .owl-prev::before {
	content: '\e68e';
	font-family: "iconfont" !important;
	color: #fff;
}

.index-banner .owl-next {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 46px;
	height: 46px;
	background: rgba(0, 0, 0, 0.2);
	transition: 0.3s;
}

.index-banner .owl-next::before {
	content: '\e938';
	font-family: "iconfont" !important;
	color: #fff;
}

.index-banner .owl-prev:hover {
	background: #305dc3 url(../images/owlPrev.png) no-repeat center center;
}

.index-banner .owl-next:hover {
	background: #305dc3 url(../images/owlNext.png) no-repeat center center;
}

.layui-nav .ul-list {
	display: flex;
}

.layui-nav .ul-list>li {
	flex: 1;
	border-right: 1px solid #333;
	position: relative;
}
.layui-nav .layui-anim{
	-webkit-animation-duration: 0s;
	animation-duration: 0s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.layui-nav .layui-nav-child{ width: 180px; margin-left: -90px; text-align: center; border: 0; left: 50%; top: 100px; border-radius: 0;}
.layui-nav .layui-nav-child a{ padding: 6px 0;}
.layui-nav .promenu{ min-width: 1250px; width: auto; left: 50%; margin-left: -702px;}
.layui-nav .promenu .container{ background: #ccc;}
.layui-nav .hf_search{ width: 96px; text-align: center;}
.layui-nav .hf_search form{ width: 300px; margin-left: -251px;}
.layui-nav .hf_search form input{;}
.layui-nav .hf_search .layui-inline{ float: left; padding: 0 20px;  width: 100%}

.marquee-box {
	overflow: hidden;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0
}

.marquee {
	width: 8000%;
	height: 60px
}

.wave-list-box {
	float: left
}

.wave-list-box ul {
	float: left;
	height: 60px;
	overflow: hidden;
	zoom: 1
}

.wave-list-box ul li {
	height: 60px;
	width: 100%;
	float: left;
	line-height: 30px;
	list-style: none
}

.wave-box {
	position: relative;
	height: 60px;
	background: #fff
}

.footer {
	background-color: #305dc3
	font-family: "Microsoft Yahei"
}

.footer-floor1 {
	width: 100%;
	padding: 36px 0 22px;
}

.footer-list {
	width: 100%;
	height: 100%;
	float: left
}

.footer-list ul {
	float: left;
	margin-right: 8.5%
}

.footer-list .flist-4 {
	margin-right: 0
}

.footer-list li {
	line-height: 32px;
	color: #ffffff;
}

.footer-list li .iconfont {
	font-size: 28px;
	float: left;
}

.footer-list li a {
	color: #ffffff;
	font-size: 12px;
	text-decoration: none
}

3 .footer-list li a:hover {
	color: #b1b1b1
}

.footer-list .flist-title {
	font-size: 16px;
	color: #fff;
	margin-bottom: 15px
}

.footer-list .lxfs li {
	margin-bottom: 5px;
}

.footer-floor2 {
	width: 100%;
	border-top: 1px solid #ffffff;
	padding: 20px 0;
	text-align: center;
}

.footer-floor2 p {
	text-align: center;
	color: #ffffff;
	font-size: 12px;
	line-height: 30px
}

.footer-floor2 p span {
	font-family: PingFangSC-Light, 'helvetica neue', 'hiragino sans gb', tahoma, 'microsoft yahei ui', 'microsoft yahei', simsun, sans-serif
}

.footer-floor2 a {
	color: #ffffff;
}

.footer-floor2 a:hover {
	color: #a8d0e0;
	text-decoration: underline
}

.foot-link {
	margin: 0 15px;
	text-decoration: none;
	color: #b6e2f2
}

.foot-link:hover {
	text-decoration: underline
}

.footer-right {
	width: 300px;
	float: right
}


.telephone {
	width: 100%;
	height: 32px;
	line-height: 32px;
	color: #fff
}

.telephone span {
	display: inline-block;
	width: 32px;
	height: 32px;
	float: left;
	margin-left: 16%
}

.telephone .tel-number {
	font-size: 30px;
	font-weight: 400;
	text-align: right;
	color: #b1b1b1;
}

.official-plat {
	width: 100%;
	height: 100%;
	margin-top: 20px;
	position: relative
}

.official-plat ul {
	float: right;
	margin-top: 7px
}

.official-plat ul li span {
	display: inline-block;
	width: 32px;
	height: 32px;
	background: url(../images/plat_icon.png) no-repeat 0 0;
	line-height: 32px;
	float: left;
	margin-right: 12px
}

.official-plat ul li .weibo-logo {
	background: url(../images/plat_icon.png) no-repeat -32px 0
}

.official-plat ul li .qq-logo {
	background: url(../images/plat_icon.png) no-repeat -64px 0
}

.official-plat ul li {
	height: 45px
}

.official-plat ul a {
	display: inline-block;
	height: 32px;
	width: 100%;
	line-height: 32px;
	color: #fff;
	text-decoration: none;
	font-size: 12px
}

.official-plat>p {
	display: inline-block;
	width: 135px;
	height: 135px;
	border: 1px solid #ddd;
	background-color: #fff
}

.official-plat .weixin {
	position: absolute;
	top: 0;
	left: 10px;
	background-image: url(../images/plat_qrcode.jpg);
	background-repeat: no-repeat;
	background-position: 0 0
}

.official-plat .weibo {
	position: absolute;
	top: 0;
	left: 10px;
	background-image: url(../images/plat_qrcode.jpg);
	background-repeat: no-repeat;
	background-position: -131px 0;
	display: none
}

#wx-corner {
	border: 10px solid transparent;
	border-left: 10px solid #fff;
	position: absolute;
	top: 12px;
	right: -20px;
	z-index: 10
}

#wb-corner {
	border: 10px solid transparent;
	border-left: 10px solid #fff;
	position: absolute;
	top: 58px;
	right: -20px;
	z-index: 10
}

.five-superiority {
	width: 100%;
	border-bottom: 1px solid #fff;
	padding: 10px 0 32px
}

.five-superiority-list li {
	float: left;
	width: 18%;
	height: 36px;
	text-align: center;
	border-left: 1px solid #b1b1b1
}

.five-superiority-list li:first-child {
	border-left: none
}

.five-superiority-list li a {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 36px;
	line-height: 36px;
	background: no-repeat 2% center;
	text-indent: 2em;
	color: #fff;
	font-size: 16px
}

.five-superiority-list li a:hover {
	color: #bfe7f5
}

.five-superiority-list li a.superiority-text {
	text-indent: 4em
}

.superiority-icon {
	position: absolute;
	width: 40px;
	height: 40px;
	left: 10%;
	background-repeat: no-repeat;
	background-image: url(../images/footer_youshi.png)
}

.compensate_ico .superiority-icon {
	background-position: 0 0
}

.compensate_ico:hover .superiority-icon {
	background-position: 0 -50px
}

.retreat_ico .superiority-icon {
	background-position: 0 -100px
}

.retreat_ico:hover .superiority-icon {
	background-position: 0 -150px
}

.technology_ico .superiority-icon {
	background-position: 0 -200px
}

.technology_ico:hover .superiority-icon {
	background-position: 0 -250px
}

.prepare_ico .superiority-icon {
	background-position: 0 -300px
}

.prepare_ico:hover .superiority-icon {
	background-position: 0 -350px
}

.service_ico .superiority-icon {
	background-position: 0 -400px
}

.service_ico:hover .superiority-icon {
	background-position: 0 -450px
}
.links {
	height: auto;
	padding: 5px 0 20px 0;
	font: 14px "microsoft yahei";
	color: #666;
	background: #383838;
	overflow: hidden
}
.links span{ color: #b1b1b1;}
.links li {
	display: inline;
	color: #b1b1b1;
}

.links a {
    margin: 0 5px;
    color: #b1b1b1;
    display: inline-block;
    height: 20px;
    line-height: 20px;
}


.pages{ text-align: center;}
.pagination p{
	margin:0;
	cursor:pointer;
}
.pagination{
	padding:20px 0px;
	display: inline-block;
}
.pagination a{
	display:block;
	float:left;
	margin-right:10px;
	padding:2px 12px;
	height:auto;
	border:1px #cccccc solid;
	background:#fff;
	text-decoration:none;
	color:#808080;
	font-size:12px;
	line-height:24px;
}
.pagination a:hover{
	color:#077ee3;
	background: white;
	border:1px #077ee3 solid;
}
.pagination a.cur{
	border:1px solid #284DA0;
	background:#284DA0;
	color:#fff;
}
.pagination p{
	float:left;
	padding:2px 12px;
	font-size:12px;
	height:auto;
	line-height:24px;
	color:#bbb;
	border:1px #ccc solid;
	background:#fcfcfc;
	margin-right:8px;
}
.pagination p.pageRemark{
	border-style:none;
	background:none;
	margin-right:0px;
	padding:4px 0px;
	color:#666;
}
.pagination p.pageRemark b{
	color:red;
}
.pagination p.pageEllipsis{
	border-style:none;
	background:none;
	padding:4px 0px;
	color:#808080;
}