body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
	margin: 0;
	padding: 0;
}

caption,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	display: block;
	margin: 0;
	padding: 0;
}

body,
button,
input,
select,
textarea {
	font: 12px/1.5 Microsoft YaHei;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
}

address,
cite,
dfn,
em,
var {
	font-style: normal;
}

code,
kbd,
pre,
samp {
	font-family: courier, courier, monospace;
}

li {
	list-style: none;
}

a,
a:hover,
a:link,
a:visited,
a:active {
	text-decoration: none;
}

img {
	border: 0;
}

button,
input,
select,
textarea {
	font-size: 100%;
	outline: none
}

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

.hide {
	display: none;
}

body {
	font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "΢ÈíÑźÚ", Arial, sans-serif;
	;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

@font-face {
  font-family: 'iconfont';  /* project id 1491385 */
  src: url('//at.alicdn.com/t/font_1491385_mra16ntb85q.eot');
  src: url('//at.alicdn.com/t/font_1491385_mra16ntb85q.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1491385_mra16ntb85q.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1491385_mra16ntb85q.woff') format('woff'),
  url('//at.alicdn.com/t/font_1491385_mra16ntb85q.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1491385_mra16ntb85q.svg#iconfont') format('svg');
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a {
	transition: all 0.3s ease;
}

.clr {
	display: block;
	clear: both
}

.top-inner {
	max-width: 1740px;
	padding-left: 20px;
	padding-right: 20px;
	min-width: 960px;
	margin: 0 auto;
}

.catelist-inner {
	max-width: 1320px;
	min-width: 960px;
	padding-left: 20px;
	padding-right: 20px;
	margin: 0 auto;
	position:relative;
}

.content-inner {
	padding-left: 20px;
	padding-right: 20px;
	max-width: 1480px;
	min-width: 960px;
	margin: 0 auto;
}


/*头部*/
.header.masked {
	background: #fff;
	box-shadow: 0 1px 1px 0 #f0f0f0;
}

.header.masked .top-inner .nav li .link-a {
	color: #333;
}
.width {
	max-width:660px;
}
.width a {
	width:25% !important;
}
.width1 {
	max-width:1100px;
}
.width1 a {
	width:20% !important;
}
.width2 {
	max-width:440px;
}
.width2 a {
	width:50% !important;
}
.header {
	height: 100px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	background: url(../images/nav-l.png) repeat-x bottom;
}

.header .top-inner {
	position: relative;
}

.header .top-inner .nav-out {
	padding-right: 160px;
	padding-left: 290px;

}

.header .top-inner .nav {
	padding-top: 20px;
}

.header .top-inner .nav li {
	float: left;
	width: 12.5%;
	position: relative;
	text-align: center;
}

.header .top-inner .nav li .link-a {
	font-size: 16px;
	color: #fff;
	padding: 28px 0;
	display: inline-block;
}

.header .nav li .list {
	position: absolute;
	top: 100%;
	width: 160px;
	text-align: center;
	z-index: 100;
	left: 50%;
	margin-left: -80px;
	padding: 15px;
	
	display: none;
	background: url(../images/nav-bg.png);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
		-o-box-shadow:0 0 30px rgba(0,0,0,.08);
	-ms-box-shadow:0 0 30px rgba(0,0,0,.08); 
	-moz-box-shadow:0 0 30px rgba(0,0,0,.08); 
	-webkit-box-shadow:0 0 30px rgba(0,0,0,.08); 
	box-shadow:0 0 30px rgba(0,0,0,.08);
	
}

.header .nav li .list a {
	display: block;
	color: #333;
	line-height: 32px;
	font-size: 16px;
}

.header .nav li .list a:hover {
	color:#0484CF;
}

.header .nav li:hover .list {

	display: block;
	-webkit-animation: fadeInUp1 0.5s 0s ease both;
	-moz-animation: fadeInUp1 0.5s 0s ease both
}

@-webkit-keyframes fadeInUp1 {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
}

@-moz-keyframes fadeInUp1 {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px)
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0)
	}
}

.header .top-inner .logo {
	position: absolute;
	left: 20px;
	top: 30px;
	height: 100%;
}

.header .top-inner .right {
	position: absolute;
	right: 20px;
	top: 40px;

	float: right;
}

.header .top-inner .right .i {
	display: inline-block;
	width:40px;
	height: 55px;
	position: relative;
}

.header .top-inner .right .i:nth-child(1) {
	background:url(../images/dh-i.png) no-repeat;
}

.header .top-inner .right .i:nth-child(2) {
	background:url(../images/wx-i.png) no-repeat;
}

.header .top-inner .right .i:first-child {
	margin-right: 30px;
}

.header.masked .top-inner .right .i:nth-child(1) {
	background:url(../images/dh2-i.png) no-repeat !important;
}

.header.masked .top-inner .right .i:nth-child(2) {
	background:url(../images/wx2-i.png) no-repeat !important;;
}
.header .top-inner .right .i .icon-hidden{
	display: none;
	position: absolute;
	top:60px;
	z-index:10;
	webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    		-o-box-shadow:0 0 30px rgba(0,0,0,.08);
	-ms-box-shadow:0 0 30px rgba(0,0,0,.08); 
	-moz-box-shadow:0 0 30px rgba(0,0,0,.08); 
	-webkit-box-shadow:0 0 30px rgba(0,0,0,.08); 
	box-shadow:0 0 30px rgba(0,0,0,.08);
   
}
.header .top-inner .right .i .tel-hidden{
	padding:10px;
	background:#fff;
	font-size:16px;
	color:#333;
	line-height:32px;
	left:50%;
	margin-left:-150px;
	width:250px;
}
.header .top-inner .right .i .ewm-hidden{
	right:0;
}
.header .top-inner .right .i:hover .icon-hidden{
	 display: block;
	-webkit-animation: fadeInUp1 0.5s 0s ease both;
	-moz-animation: fadeInUp1 0.5s 0s ease both
}
@media (max-width: 1120px) {
	.header .top-inner .nav-out {
		padding-left: 250px;
		padding-right: 140px;
	}

	.header .top-inner .right .i:first-child {
		margin-right: 15px;
	}
}

/*banner*/
.banner1 img {
	width: 100%;
	display: block;
}

.banner1 .text {
	position: absolute;
	width: 100%;
	top: 40%;
	left: 0;
	color: #fff;
}

.banner1 .text .title {
	font-size: 60px;
	font-weight:bold;
	text-shadow:5px 2px 6px rgba(0,0,0,.2);
}

 

.banner1 .swiper-pagination {
	bottom: 120px !important;
	display: flex;
	justify-content: center;
	align-items: center;
}

.banner1 .swiper-pagination .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #fff;
	opacity: .7;
	margin-top: -2px;
}

.banner1 .swiper-pagination .swiper-pagination-bullet-active {
	width: 12px;
	height: 12px;
	border: 2px solid #fff;
	background: none;
	opacity: 1;
	margin-top: -2px;
}

/*首页列表*/
.index-list {
	margin-top: -90px;
	position: relative;
	z-index: 1;
}

.index-list .shadow {
	box-shadow: 0px 20px 20px -20px #ccc;

}

.index-list .re {
	position: relative;
	width: 25%;
	float: left;
}

.index-list .center {
	width: 50%;
	background: #fff;
}

.index-list .re .text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 30px 20px;
	text-align: justify;
}

.index-list .re .b {
	padding: 0 20px;
	text-align: justify;
}

.index-list .re {
	overflow: hidden;
}

.index-list .re .img {
	display: block;
	width: 100%;
}


.index-list .re .text a {
	display: block;
}

.index-list .re .title {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 24px;
	color: #fff;
}

.index-list .re .a {
	position:absolute;
	top:15px;
	left:20px;
}

.banner2 {
	position: absolute !important;
	bottom: 20px;
	left:0;
	width: 100%;
}

.index-list .re .text .desc {
	font-size: 15px;
	color: #dfedf9;
	line-height: 30px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.index-list .jt {
	position: absolute;
	right: 30px;
	top: 25px;
	width: auto;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.index-list .re .text:hover .jt {
	transform: translate(10px);
}

.index-list .center:hover .jt {
	transform: translate(10px);
}

.index-list .center {
	padding: 30px 20px 0;
	position: relative;
	width: 50%;
	float: left;
}


.index-list .re .img {
	display: block;
	width: 100%;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.index-list .re:hover .img {
	transform: scale(1.1);
}

.index-list .center .title {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 28px;
	color: #333;
}

.index-list .center .item {
	width: 20%;
	float: left;
	text-align: center;
		-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.index-list .center .item:hover img{
	transform: scale(1.1);
}
.index-list .center .item:hover .title1{
	color:#0484cf;
	text-decoration: underline;
}
.index-list .center .item .title1 {
	font-size: 16px;
	color: #999;
	margin-top: 16px;
}

@media (max-width: 1350px) and (min-width: 1200px) {
	.banner1 .text .title {
		font-size: 50px;
	}

	.index-list .re .text {
		padding: 20px;
	}

	.index-list .center {
		padding: 20px 20px 0;
	}

	.index-list .jt {
		right: 20px;
	}

	.index-list .title {
		font-size: 20px !important;
	}

	.index-list .re .text .desc {
		font-size: 14px;
		line-height: 28px;
	}

	.index-list .center .item .title1 {
		font-size: 14px;
	}

	.index-list .right .bottom .title2 {
		font-size: 16px !important;
	}
}

@media (max-width: 1199px) {
	.banner1 .text .title {
		font-size: 42px;
	}

	.index-list .re .text {
		padding: 15px;
	}

	.index-list .center {
		padding: 15px 15px 0;
	}

	.index-list .jt {
		right: 15px;
	}

	.index-list .title {
		font-size: 18px !important;
		margin-bottom: 10px !important;
	}

	.index-list .re .text .desc {
		font-size: 12px;
		line-height: 24px;
	}

	.index-list .center .item .title1 {
		font-size: 12px;
		margin-top: 7px;
	}

	.index-list .right .bottom .title2 {
		font-size: 14px !important;
	}
}

.index-list .right .bottom {
}

.index-list .right .bottom .title2 {
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	 text-overflow: -o-ellipsis-lastline;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp: 2;
	  line-clamp: 2;
	  -webkit-box-orient: vertical;
}

.index-list .right .bottom .time {
	font-size: 14px;
	color: #c7dde9;
	margin-top: 14px;
}

.index-list .right .swiper-pagination {
	text-align: right;
	right: 20px;
	width: auto;
	bottom: 0;
}

.index-list .right .swiper-pagination-bullet {
	background: #fff
}

/*尾部*/
.footer {
	padding: 50px 0;
	font-size: 14px;
	color: #ccc;
	background: #6b6b6b;
}

.footer a {
	color: #ccc;
}

.footer .p2 {
	margin-top: 16px;
}

.footer .p2 .left {
	float: left;
}

.footer .p2 .right {
	float: right;
}

/*公用css*/
/*返回顶部*/
#gotop {
	position: fixed;
	bottom: 200px;
	right: 50px;
	text-align: center;
	color: #999;
	font-size: 24px;
	line-height: 1;

	transition: 0.5s;
	z-index: 98;
}

.top-img {
	position: relative;
}

.top-img .img {
	width: 100%;
	display: block
}

.top-img .text {
	text-align: center;
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	color: #fff;
	z-index: 10;
}

.top-img .p1 {
	font-size: 60px;
	letter-spacing: 15px
}

.top-img .p2 {
	color: #fff;
	margin-bottom: 20px;
	font-size: 24px;
	opacity: .8;
}

.top-img .jt {
	width: auto;
	-webkit-animation: scrollEffect 2s ease infinite;
	animation: scrollEffect 2s ease infinite;
}

@-webkit-keyframes scrollEffect {

	0%,
	20%,
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}

	50% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
		opacity: 1
	}

	55% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
		opacity: 0
	}

	65% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
		opacity: 0
	}

	70% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
		opacity: 1
	}
}

@keyframes scrollEffect {

	0%,
	20%,
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}

	50% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
		opacity: 1
	}

	55% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
		opacity: 0
	}

	65% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
		opacity: 0
	}

	70% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
		opacity: 1
	}
}

.main-nav {
	position: absolute;
    left: 50%;
    margin-left: -50%;
    padding: 0;
    width: 100%;
    top: -30px;
    z-index:99;
}

.main-nav .main {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	border-radius: 30px;
	-o-box-shadow:0 0 30px rgba(0,0,0,.08);
	-ms-box-shadow:0 0 30px rgba(0,0,0,.08); 
	-moz-box-shadow:0 0 30px rgba(0,0,0,.08); 
	-webkit-box-shadow:0 0 30px rgba(0,0,0,.08); 
	box-shadow:0 0 30px rgba(0,0,0,.08);
}

.main-nav .main:after {
	content:'';
	display:block;
	clear: both;
}

.main-nav .main a {
	float:left;
	font-size: 16px;
	color: #666;
	background: #fff;
	width:16.6666667%;
	line-height: 58px;
	text-align: center;
}

.main-nav a.on {
	color: #fff;
	background: url(../images/xz.png) #0484cf no-repeat center;
}

.container {
	padding-top: 75px;
	padding-bottom: 50px;
 
}

/*公司介绍*/
.gsjs-container .left {
	width: 47%;
	float: left;
	margin-top:30px;
}

.gsjs-container .left .title {
	font-size: 32px;
	color: #0484cf;
	font-weight: bold;
	margin-bottom: 30px;
}

.gsjs-container .left .desc {
	font-size: 16px;
	color: #666;
	text-align: justify;
}

.gsjs-container .right {
	width: 51%;
	float: right;
}

.gsjs-container .right img {
	width: 100%;
}

/*企业文化*/
.qywh-container .container .list {
	width: 50%;
	float: left;
	text-align: center;
}

.qywh-container .container .list .title {
	font-size: 28px;
	color: #f5a400;
	margin: 15px 0;
}

.qywh-container .container .list .desc {
	font-size: 16px;
	color: #333;
	line-height: 32px
}

.qywh-container .bottom {
	padding-bottom: 40px;
	background: #f8f9fa;
}

.pure:before,
.pure:after {
	content: " ";
	display: table;
}

.cen_img_1 {
	position: absolute;
	top: 50%;
	left: 0;
	text-align: center;
	width: 100%;

	margin-top: -20px;
	font-size: 28px;
	font-weight: bold;
	color: #0484cf;
}

.cul_info_case {
	float: left;
	width: 50%;
	height: 435px;
	padding-left: 260px;
	position: relative;
	overflow: hidden;
}

.img_center_box {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 230px;
	height: 230px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	background-color: #fff;
}

.cen_img_0 {
	width: 100%;
	display: block;
}

.src3_case {
	position: relative;
	margin-top: -100px;
}

.cul_src3_con_box>.cul_info_case:nth-child(odd) {
	text-align: right;
	padding-right: 260px;
	padding-left: 0;
}

.scr3_title {
	margin-top: 160px;
	font-size: 24px;
	color: #666;
	font-weight: 700;
	padding-bottom: 15px;
	line-height: 1;
	border-bottom: 1px solid #d2d6d9;
	transition: all .5s ease;
	margin-bottom: 35px;
	position: relative;
}

.scr3_title::after {
	content: '';
	display: block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	height: 10px;
	width: 10px;
	background-color: #0484cf;
	position: absolute;
	bottom: -5px;
}

.loop1 .scr3_title::after {
	right: -20px;
}

.loop2 .scr3_title::after {
	left: -20px;
}

.loop3 .scr3_title::after {
	right: -20px;
}

.loop4 .scr3_title::after {
	left: -20px;
}

.scr3_title::before {
	content: '';
	display: block;
	height: 1px;
	width: 200px;
	border-bottom: 1px #d2d6d9 dashed;
	position: absolute;
	top: calc(100% + 0px);
	transition: color .5s ease;
}

.loop1 .scr3_title::before {
	right: -20px;
	transform: rotate(225deg);
	transform-origin: 100% 100%;
}

.loop2 .scr3_title::before {
	left: -20px;
	transform: rotate(135deg);
	transform-origin: 0 0;
}

.loop3 .scr3_title::before {
	right: -20px;
	transform: rotate(135deg);
	transform-origin: 100% 100%;

}

.loop4 .scr3_title::before {
	left: -20px;
	transform: rotate(225deg);
	transform-origin: 0 0;

}

.cul_info_case:hover .scr3_title::before {
	border-color: #0484cf;
}



.cul_info_case:hover .scr3_title {
	color: #0484cf;
	border-color: #0484cf;
}

.scr3_info {
	font-size: 16px;
	line-height: 34px;
	color: #808080;
	transition: all .5s ease;
}

.cul_info_case:hover .scr3_info {
	color: #000;
}

.loop_box {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	width: 380px;
	height: 380px;
	position: absolute;
	overflow: hidden;
	transition: all .5s ease;
	transform: translate3d(0, 0, 0);
}

.loop1 .loop_box {
	right: 0;
	bottom: 0;
	transform: translate3d(50%, 50%, 0);
	background-color: #6dc7fb;
}

.loop2 .loop_box {
	left: 0;
	bottom: 0;
	transform: translate3d(-50%, 50%, 0);

	background-color: #44b9fc;
}

.loop3 .loop_box {
	right: 0;
	top: 0;
	transform: translate3d(50%, -50%, 0);
	background-color: #0484cf;
}

.loop4 .loop_box {
	left: 0;
	top: 0;
	background-color: #1ba0ee;
	transform: translate3d(-50%, -50%, 0);
}

.loop1:hover .loop_box {
	transform: translate3d(50%, 50%, 0) scale(1.2);
}

.loop2:hover .loop_box {
	transform: translate3d(-50%, 50%, 0) scale(1.2);
}

.loop3:hover .loop_box {
	transform: translate3d(50%, -50%, 0) scale(1.2);
}

.loop4:hover .loop_box {
	transform: translate3d(-50%, -50%, 0) scale(1.2);
}


.loop_box>span {
	display: block;
	width: 22px;
	height: 22px;
	background-color: rgba(255, 255, 255, .3);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	transition: opacity .5s ease;
}

.cul_info_case:hover .loop_box>span {
	opacity: 0;
}

.loop_box>span::after {
	content: '';
	display: block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	margin-left: -5px;
	background-color: #f6f9fb;

}

.loop1 .loop_box>span {
	left: 25%;
	margin-left: -22px;
	bottom: 75%;
	margin-bottom: 0;
}

.loop2 .loop_box>span {
	right: 25%;
	margin-right: -22px;
	bottom: 75%;
	margin-bottom: 0;
}

.loop3 .loop_box>span {
	left: 25%;
	margin-left: -22px;
	top: 75%;
	margin-top: 0;
}

.loop4 .loop_box>span {
	right: 25%;
	margin-right: -22px;
	top: 75%;
	margin-top: -0;
}

.loop_box::after {
	content: '';
	display: block;
	height: 100%;
	left: 50%;
	width: 4px;
	top: 0;
	background-color: #fff;
	position: absolute;
	z-index: 1;
}

.loop_box::before {
	content: '';
	display: block;
	height: 4px;
	top: 50%;
	width: 100%;
	left: 0;
	background-color: #fff;
	position: absolute;
	z-index: 1;
}

.loop_box img {
	width: 50%;
	position: absolute;
	opacity: 0;
	transition: all .5s ease;
	transform: translate3d(0, 0, 0);
}

.cul_info_case:hover .loop_box img {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.loop1 .loop_box img {
	left: 0;
	top: 0;
}

.loop2 .loop_box img {
	right: 0;
	top: 0;
}

.loop3 .loop_box img {
	left: 0;
	bottom: 0;
}

.loop4 .loop_box img {
	right: 0;
	bottom: 0;
}

.padT0 {
	padding-top: 0 !important;
}

.src3_case {
	position: relative;
}

/*组织架构*/
.zzjg-container {
	text-align: center;
}

.zzjg-container img {
	max-width: 100%;
}

/*管理概念*/
.glgn-container .list {
	padding: 50px 0 120px;
}

.c-title {
	text-align: center;
	margin-bottom: 55px;
}

.c-title span {
	display: inline-block;
	padding: 0 70px;
	font-size: 30px;
	color: #333;
	position: relative;
}

.c-title span:before {
	content: "";
	position: absolute;
	width: 40px;
	height: 1px;
	background: #ccc;
	top: 50%;
	left: 0;
}

.c-title span:after {
	content: "";
	position: absolute;
	width: 40px;
	height: 1px;
	background: #ccc;
	top: 50%;
	right: 0;
}

.glgn-container .list1 .content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	text-align: center;
}

.glgn-container .list1 .content .item {
	width: 266px;
	height: 256px;
	padding-top: 48px;
}

.glgn-container .list1 .content .item .iconfont {
	font-size: 40px;
	color: #b3b3b3;
}

.glgn-container .list1 .content .item .title {
	font-size: 22px;
	color: #4d4d4d;
	margin: 10px 0 8px;
}

.glgn-container .list1 .content .item .desc {
	color: #666;
	font-size: 16px;
}

.glgn-container .list1 .content .item:hover {
	background-image: url(../images/glgn-p.png);
	background-repeat: no-repeat;
	background-size: 100%;
}

.glgn-container .list1 .content .item:hover .iconfont {
	color: #f5a400;
}

.glgn-container .list1 .content .item:hover .title {
	color: #f5a400;
	font-weight: bold;
}

@media (max-width: 1200px) {
	.glgn-container .list1 .content .item {
		width: 216px;
		height: 236px;
		padding-top: 18px;
	}
}

.glgn-container .list2 .content .item {
	width: 20.8%;
	float: left;
	margin-left: 5.6%;
}

.glgn-container .list2 .content .item:first-child {
	margin-left: 0;
}

.glgn-container .list2 .content .item img {
	display: block;
	width: 100%;
	transition: all 0.3s ease;
}

.glgn-container .list2 .content .item .text {
	background: #fff;
	padding: 30px 0;
	text-align: center;
}

.glgn-container .list2 .content .item .text .title {
	font-size: 22px;
	color: #333;
	font-weight: bold;
	margin-bottom: 10px;
}

.glgn-container .list2 .content .item .text .desc {
	font-size: 16px;
	color: #666;
}

.glgn-container .list2 .content .item .img {
	overflow: hidden;
}

.glgn-container .list2 .content .item:hover img {
	transform: scale(1.1);
}

.glgn-container .list3 .content .item {
	width: 25%;
	float: left;
	padding: 30px;
	color: #fff;
	position: relative;
	overflow: hidden;
	height: 300px;
}

.glgn-container .list3 .content .item .iconfont {
	position: absolute;
	font-size: 160px;
	bottom: -65px;
	right: -35px;
}

.glgn-container .list3 .content .item .title {
	font-size: 22px;
	font-weight: bold;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(255, 255, 255, .6);
	margin-bottom: 20px;
}

.glgn-container .list3 .content .item .desc {
	font-size: 16px;
	text-align: justify;
	line-height: 34px;
}

.glgn-container .list3 .content .item.i1 {
	background: #0484cf;
}

.glgn-container .list3 .content .item.i1 .iconfont {
	color: #188ed3;
}

.glgn-container .list3 .content .item.i2 {
	background: #1ba0ee;
}

.glgn-container .list3 .content .item.i2 .iconfont {
	color: #2da7ef;
}

.glgn-container .list3 .content .item.i3 {
	background: #44b9fc;
}

.glgn-container .list3 .content .item.i3 .iconfont {
	color: #57c0fc;
}

.glgn-container .list3 .content .item.i4 {
	background: #6dc7fb;
}

.glgn-container .list3 .content .item.i4 .iconfont {
	color: #7ccdfb;
}

/*公司资质*/
.gszz-container .list {
	width: 20.8%;
	float: left;
	margin-bottom: 20px;
	text-align: center;
	margin-left: 5.6%;
}

.gszz-container .list:nth-child(4n+1) {
	margin-left: 0;
}

.gszz-container .list .img {

	overflow: hidden;
	cursor: pointer;
	display: table-cell;
	vertical-align: middle;
	height: 220px;
}

.gszz-container .list .img img {
	display: block;
	width: 100%;
	transition: all 0.3s ease;
}

.gszz-container .list:hover img {
	transform: scale(1.1);
}

.gszz-container .list .title {
	font-size: 18px;
	color: #666;
	margin-top: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*公司新闻*/
.news-container .list {
	margin-bottom: 40px;
	min-height: 140px;
}

.news-container .list a {
	display: block;
	position: relative;

}

.news-container .list .left {
	width: 25%;
	float: left;
	overflow: hidden;
	max-height: 240px;
}

.news-container .list .left img {
	display: block;
	width: 100%;
	transition: all 0.3s ease;
}

.news-container .list:hover img {
	transform: scale(1.1);
}

.news-container .list .right {
	width: 75%;
	position:absolute;
	right:0;
	top:0;
	height: 100%;
	background: #f8f9fa;
	padding: 30px;
	min-height: 140px;
}

.news-container .list .right .title {
	font-size: 20px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.news-container .list .right .desc {
	color: #999;
	font-size: 16px;
	line-height: 34px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-top:20px;
}

.news-container .list .right .time {
	color: #999;
	font-size: 16px;
	margin-top:20px;
}

.news-container .list .right .more {
	text-align: center;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 160px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background: #808080;
	transition: all 0.3s ease;
}

.news-container .list .jt {
	margin-left: 10px;
	transition: all 0.3s ease;
}

.none {
	position: relative !important;
	width:100% !important;;
}

.news-container .list:hover {
	box-shadow: rgba(0, 0, 0, .2) 0px 0px 20px;
}

.news-container .list:hover .right {
	background: #fff;
}

.news-container .list:hover .jt {
	transform: translateX(10px)
}

.news-container .list:hover .more {
	background: #f5a400
}

/*分页函数*/
.am-pagination {
	text-align: center;

}

.am-pagination li {
	display: inline-block;
	font-size: 14px;
	color: #666;
	margin-left: 30px;
}

.am-pagination li.active {
	width: 30px;
	height: 30px;

	font-size: 18px;
}

.am-pagination li.active a {
	color: #0484cf;
}

.am-pagination li a {
	color: #666;
	text-align: center;
	line-height: 30px;
}

/*新闻详情*/
.newsdetail-container .left {
	width: 70%;
	float: left;
}

.newsdetail-container .left .title {
	font-size: 24px;
	color: #0484cf;
	margin-bottom: 10px;
}

.newsdetail-container .left .time {
	font-size: 16px;
	color: #999;
	padding-bottom: 20px;
	border-bottom: 1px dashed #dbdbdb;
}

.newsdetail-container .left .time span {
	display: inline-block;
	margin-right: 40px;
}

.newsdetail-container .left .main {
	text-align: justify;
	font-size: 16px;
	color: #666;
	line-height: 32px;
	padding: 30px 0;
	border-bottom: 1px dashed #dbdbdb;
	margin-bottom: 30px;
}

.newsdetail-container .left .main img {
	max-width: 100%;
}
.newsdetail-container .left .main table{
border-collapse:collapse;
}
.newsdetail-container .left .main td
  {
  border: 1px solid #ccc;
  padding:10px;
  }
  .newsdetail-container .left .main th
  {
  border: 1px solid #ccc;
  }
.newsdetail-container .left .link {
	display: inline-block;
	margin-bottom: 8px;
	font-size: 16px;
	color: #666;
}

.newsdetail-container .left .main p {

	text-align: justify;
}
.newsdetail-container .right {
	width: 23.6%;
	float: right;
}

.newsdetail-container .right .title {
	font-size: 24px;
	color: #333;
	margin-bottom: 10px;
}

.newsdetail-container .right .list {
	padding: 20px 0;
	border-bottom: 1px dashed #dbdbdb;
}

.newsdetail-container .right .list:hover .title1 {
	color:#0484cf
}

.newsdetail-container .right .list .title1 {
	font-size: 16px;
	color: #333;
	line-height: 32px;
	text-align: justify;
}

.newsdetail-container .right .list .time {
	font-size: 16px;
	color: #999;
	margin-top: 8px;
}


/* 服务领域 */
.white {
	background: #fff !important;
}

.service {
	background: #eee;
	padding-bottom: 50px;
}

.service .type li {
	float: left;
	width: 23%;
	margin-left: 2.666667%;
	background: #fff;
	border-radius: 30px;
	cursor: pointer;
	transition: all 0.3s ease;
	margin-bottom: 25px;
}

.service .type li:nth-child(4n+1) {
	margin-left: 0;
}

.service .type li a {
	text-align: center;
	display: block;
	font-size: 20px;
	color: #666;
	padding: 40px 0;
}

.service .type li a .iconfont {
	display: block;
	font-size: 80px;
	line-height: 1;
	margin-bottom: 15px;
}

.service .type li:hover {
	background: url(../images/fwly-t.png) no-repeat;
}

.service .type li:hover a {
	background: url(../images/fwly-x.png) no-repeat 50% 25px;
	color: #fff;
}

.service .related .left {
	float: left;
	width: 285px;
}

.service .related .left li a {
	display: block;
	line-height: 85px;
	color: #666;
	font-size: 18px;
	border-bottom: 1px solid #eee;
	background: url(../images/al-jt.png) no-repeat 100% 50%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.service .related .left li a:hover {
	color: #007AFF
}

.service .related .right {
	padding-left: 335px;
}

/* 公司案例 */
.case .list li {
	float: left;
	width: 31%;
	margin-bottom: 35px;
	margin-left: 3.5%;
}


.case .list li:nth-child(3n+1) {
	margin-left: 0;
}

.case .list li a {
	display: block;
	overflow: hidden;
	max-height:355px;
}
/*.case .list li a img{*/
/*	max-height:304px;*/
/*}*/

.case .list li a p {
	line-height: 70px;
	color: #666;
	font-size: 18px;
	border-bottom: 1px solid #eee;
	position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.case .list li a p:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	border-bottom: 2px solid #f5a400;
	bottom: 0;
	left: -100%;
	transition: all 0.3s ease;
}

.case .list li a:hover p:after {
	left: 0;
}

/* 人才招聘 */
.job .item {
	border-bottom: 1px solid #eee;
	transition: all 0.3s ease;
}

.job .item a {
	padding: 30px 0;
	position: relative;
	display: block;
}

.job .item a .arrow {
	position: absolute;
	right: 0;
	top: 30px;
	transition: all 0.3s ease;
}

.job .item a .title {
	font-size: 22px;
	color: #0484cf;
	font-weight: bold;
	margin-bottom: 15px;
}

.job .item a .des {
	font-size: 14px;
	color: #666;
}

.job .item .info {
	display: none;
}

.job .item .info p {
	font-size:16px;
	line-height: 1.8;
	color:#666;
}

.job .item.active .arrow {
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	/* IE 9 */
	-moz-transform: rotate(180deg);
	/* Firefox */
	-webkit-transform: rotate(180deg);
	/* Safari 和 Chrome */
}

/* 联系我们 */
.contact .left {
	width:580px;
	float: left;
}
.contact .left div {
	font-size:16px;
	color:#333;
	margin-bottom: 45px;
}
.contact .left div b {
	font-weight: normal;
	color:#999;
	display: block;
	margin-bottom: 10px;
}
.contact .left div strong {
	font-weight: normal;
	color:#999;
	display: block;
	margin-bottom: 10px;
}
.contact .left p.title {
	font-size:18px;
	font-weight: bold;
	color:#0484cf;
		margin-bottom: 45px;
}
.contact .left div i{
    font-style: normal;
}
.contact .left div p:nth-child(1) {
	float: left;
}
.contact .left div p:nth-child(2) {
	width:140px;
	float: right;
}
.contact .right {
	padding-left:680px;
}

.dsj {
   background: url(../images/fzlc-bg.jpg) no-repeat bottom center;
   padding-bottom:150px;
   
     
}
.dsj .title1{
	font-size:28px;
	color:#f39801;
	text-align:center;
	margin-top:100px;
	margin-bottom:20px;
	font-weight:bold;
}
.dsj .desc1{
	font-size:20px;
	color:#999;
	text-align:center
}
.dsj .container{
	  background: url(../images/skx.png) no-repeat center;
	  background-position: center 351px;
}
.dsj .device {
  width:1200px;
  height: 500px;
  position: relative;
  margin:0 auto;
  
}
.dsj .device .arrow-left {
  background: url(../images/z.png) no-repeat;
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  left: 0;
  margin-top: -20px;
  z-index: 22;
}
.dsj .device .arrow-right {
  background: url(../images/y.png) no-repeat;
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  right: 0;
  margin-top: -20px;
  z-index: 22;
}
.dsj .device .time {
  padding-left: 20px;
  background: url(../images/q.png) no-repeat top left;
  position: absolute;
  text-align: left;
  padding-bottom: 30px;
  /*filter: alpha(opacity=0);*/
  /* IE */
  /*-moz-opacity: 0;*/
  /* 老版Mozilla */
  /*-khtml-opacity: 0;*/
  /* 老版Safari */
  /*opacity: 0;*/
  /* 支持opacity的浏览器*/
}
.dsj .device .time p {
  color: #666;
  font-size: 14px;
  line-height: 1;
  width:260px;
}
.dsj .device .time hr {
  margin: 7px 0;
}
.dsj .device .time .title {
  color: #f39801;
  font-size: 36px;
  line-height: 1;
  margin-bottom: 15px;
}
.dsj .device .time img {
  width:190px;
  margin-top: 10px;
}
.dsj .device .swiper-slide .time:nth-child(1) {
  bottom: 50%;
  left: 105px;
  background-position: 0 15px;
}
.dsj .device .swiper-slide .time:nth-child(2) {
  top: 50%;
  left: 250px;
  background: url(../images/q1.png) no-repeat top left;
  padding-top: 50px;
  padding-bottom: 0;
  background-position: 0 -210px;
}
.dsj .device .swiper-slide .time:nth-child(3) {
  bottom: 50%;
  left: 400px;
  padding-bottom: 60px;
  background-position: 0 15px;
}
.dsj .device .swiper-slide .time:nth-child(4) {
  top: 50%;
  left: 633px;
  background: url(../images/q1.png) no-repeat top left;
  padding-top: 70px;
  padding-bottom: 0;
  background-position: 0 -190px;
}
.dsj .device .swiper-slide .time:nth-child(5) {
  bottom: 50%;
  left: 785px;
  padding-bottom: 20px;
  background-position: 0 15px;
}
.dsj .device .swiper-slide .time:nth-child(6) {
  top: 50%;
  left: 923px;
  background: url(../images/q1.png) no-repeat top left;
  padding-top: 55px;
  padding-bottom: 0;
  background-position: 0 -200px;
}
.dsj .device .swiper-slide .time .img{
height:120px;
  overflow:hidden;
}


/*公司业绩*/
.yj-container .list{
	padding:30px;
	border:1px solid #f0f0f0;
 
	width:49%;
	float:left;
	margin-bottom:50px;
	position: relative;
	margin-left:2%;

}
.yj-container .list:nth-child(2n+1){
	margin-left:0;
}
.yj-container .list .left{
	padding-right:95px;
}
.yj-container .list .left .title{
	    font-size: 20px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight:bold;
}
.yj-container .list .left .desc{
	font-size:14px;
	color:#666;
	margin:22px 0;
}
.yj-container .list .left .jyb{
	font-size:14px;
	color:#666;
}
.yj-container .list .more{
	display: block;
	height:60px;
	width:60px;
   position:absolute;
	line-height: 60px;
	border-radius:50%;
	background:url(../images/yjjt.png) #e6e6e6 no-repeat center;
   top:50%;
   margin-top:-30px;
   right:30px;
   	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease; 

}
.yj-container .list:hover .more{
	transform: translate(10px);
}
.yj-container .list:hover{
		 -webkit-box-shadow: rgba(0,0,0,.1) 0px 0px 20px; 
   -moz-box-shadow: rgba(0,0,0,.1) 0px 0px 20px; 
   box-shadow: rgba(0,0,0,.1) 0px 0px 20px; 
}
.yj-container .list:hover .title{
	color:#0484cf;

}
.yj-container .list:hover  .more{
		background:url(../images/yjjt.png) #0484cf no-repeat center;
}