/*
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
*/
/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
input, textarea {-webkit-appearance: none;border-radius: 0;}
textarea { overflow: auto; }
input {
  border: none;
  outline: none; /* 可选，取消焦点时的轮廓 */
}
/* Global */
body {
	background:#fff;
	font-family: 'Lato', sans-serif;
	font-size: 100%;
    -webkit-font-smoothing: antialiased;
}
.fengexian {
    margin: 40px 20px 40px;
    background: #e5e5e5;
    height: 1px;
}
.jiexianbai {
    border-bottom: 3px solid #fff;
    width: 100px;
    height: 1px;
    margin: 15px auto;
}
.jiexianhei {
    border-bottom: 3px solid #000;
    width: 100px;
    height: 1px;
    margin: 15px auto;
}
.neiye-beijing {
    background: #f3f3f3;
}
.header{
	background: #745ad0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background-position: center center; /* 水平垂直居中 */
    background-repeat: repeat; /* 让背景图平铺 */
}
header {
	background-size: cover;
	width: 100%;
	height: 100vh;
	position: relative;
	top: 0;
	color: #ffffff;
	text-align: center;
	font-size: 19px;
	line-height: 28px;
	background:rgba(2, 2, 2, 0.09) url(../images/pattern.png) repeat top left;
}
.logo1 {
	width: 331px;
	margin: 0 auto;
}
.bg_mask {
	width: 100%;
	height: 90%;
	z-index: 2;
	padding-top: 10%;
}
.wrap {
	width: 1200px;
	margin: auto;
    height: 100%;
}
header .wrap, .services_wrapper .wrap {
	z-index: 20;
}
header p {
	max-width: 80%;
	margin: 1% auto 3% auto;
	letter-spacing: 5px;
    font-size: 22px;
}
header h1 {
	font-size: 35px;
	font-weight: 900;
	text-transform: uppercase;
	margin-top: 20px;
}
header h6{
	border-bottom: 1px solid #fff;
	width:170px;
	height:1px;
	margin: 0 auto;
}
.nav_wrapper {
	width: 100%;
	position: relative;
	background: #FFFFFF;
	border-bottom: 1px solid #E9E9E9;
	z-index: 9999;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.nav_wrapper.sticky {
	position: fixed;
	top: 0px;
	height: 84px;
}
.navigation {
	float: left;
	text-align: right;
	width: 1000px;
	display: flex;
    justify-content: flex-end;
}
.navigation li {
	float: left;
	margin-left: 50px;
}
.logo {
	float: left;
	padding: 13px 0;
	width: 200px;
    height: 44px;
}
.logo img {
	width: 200px;
}
.navigation a {
	text-transform: uppercase;
	color: #747474;
	font-size: 15px;
	text-decoration: none;
	padding: 23px 0px;
	display:block;
	line-height: 25px;
}
.navigation a:hover {
	color: #745ad0;
}
.button {
	padding: 0 45px;
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.button:hover {
	opacity: 0.8;
}
/**********顶部导航***********/
.navbar-header {
    height: 70px;
    border-bottom: 1px solid rgb(0 0 0 / 9%);
}
.navigatios {
	float: left;
	text-align: right;
	width: 770px;
	display: flex;
    justify-content: flex-end;
}
.navigatios li {
	float: left;
	margin-left: 50px;
}
.navigatios a {
	text-transform: uppercase;
	color: #fff;
	font-size: 15px;
	text-decoration: none;
	padding: 21px 0px;
	display:block;
}
.navigatios a:hover {
	color: #745ad0;
}
.page-banner {
    position: relative;
    height: 100vh;
}
#home {
    position: absolute;
}
.segaodu {
    height: 70px;
    width: 100%;
}
/*************a1************/
.a1a ul {
	overflow: hidden;
	margin: 0 -10px;
}
.a1a ul li {
	width: 406px;
	float: left;
}
.a1a ul li .a1b {
	margin: 10px;
	background: #efefef;
	text-align: center;
	padding: 40px;
	line-height: 25px;
	position: relative;
	overflow: hidden;
	z-index: 1;
    border-radius: 5px;
    width: 306px;
}
.a1a ul li .a1b .a1c {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0;
}
.a1a ul li:hover .a1b {
	background: #745ad0;
}
.a1a ul li:hover .a1b .a1c {
	opacity: 0.15;
}
.a1a ul li .a1b h3 {
	font-weight: normal;
	color: #000;
	margin-bottom: 15px;
	padding-top: 90px;
	font-size: 24px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background-position: top center;
	background-repeat: no-repeat;
}
.a1a ul li:hover .a1b h3 {
	color: #fff;
}
.a1a ul li:hover .a1b p {
	color: #fff;
}
.a1a ul li .a1b p {
	height: 50px;
	overflow: hidden;
	color: #8a8a8a;
}
.a1a ul li .a1b h3.a1-1 {
	background-image: url(../images/zk-15.png);
}
.a1a ul li .a1b h3.a1-2 {
	background-image: url(../images/zk-17.png);
}
.a1a ul li .a1b h3.a1-3 {
	background-image: url(../images/zk-19.png);
}
.a1a ul li .a1b h3.a1-4 {
	background-image: url(../images/zk-21.png);
}
.a1a ul li .a1b h3.a1-5 {
	background-image: url(../images/zk-23.png);
}
.a1a ul li .a1b h3.a1-6 {
	background-image: url(../images/zk-25.png);
}
.a1a ul li:hover .a1b h3.a1-1 {
	background-image: url(../images/zk-16.png);
}
.a1a ul li:hover .a1b h3.a1-2 {
	background-image: url(../images/zk-18.png);
}
.a1a ul li:hover .a1b h3.a1-3 {
	background-image: url(../images/zk-20.png);
}
.a1a ul li:hover .a1b h3.a1-4 {
	background-image: url(../images/zk-22.png);
}
.a1a ul li:hover .a1b h3.a1-5 {
	background-image: url(../images/zk-24.png);
}
.a1a ul li:hover .a1b h3.a1-6 {
	background-image: url(../images/zk-26.png);
}
/**********a2**********/
.a2a {
    padding-bottom: 60px;
    background-position: 50% 50%;
    background-image: url(../images/zk-3.jpg);
    height: 560px;
    background-attachment: fixed;
    background-size: 100% 100%;
}
.a2v {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: 1200px;
}
.a2b {
    text-align: center;
    margin: 70px 0 45px 0;
    display: inline-block;
    position: relative;
    width: 100%;
}
.a2c {
    background-image: url(../images/titem.png);
}
.a2c h4 {
    color: #000000;
    font-size: 28px;
    font-weight: bold;
    line-height: 40px;
}
.a2c h4 span {
    color: #fff;
}
.a2c h5 {
    color: #999;
    font-size: 12px;
    font-family: 'Arial';
    text-transform: uppercase;
    margin-top: 8px;
    line-height: 14px;
}
.a2d {
    color: #888888;
    font-size: 13px;
    line-height: 20px;
    margin-top: 10px;
}
.a2e {
    width: 100%;
}
.a2f {
    width: 44%;
    float: left;
    position: relative;
}
.a2g {
    margin: 21px 0 0 26px;
    position: relative;
    z-index: 10;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 3px solid #ffffff;
}
.a2g img {
    height: 310px;
}
.a2h {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: calc(100% - 26px);
    z-index: 5;
}
.a2i {
    width: 644px;
    float: left;
    padding-left: 28px;
    overflow: hidden;
}
.a2j {
    text-align: left;
    font-size: 0;
    margin-top: 0px;
    position: relative;
    background-image: url(../images/zk-2.png);
    background-position: -45px 0px;
}
.a2k {
    display: inline-block;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    line-height: 25px;
}
.a2l {
    width: 72px;
    line-height: 25px;
    background: #745ad0;
    text-align: center;
    font-size: 12px;
    color: aliceblue;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 18px;
    z-index: 10;
}
.a2l a {
    color: #fff;
}
.a2m {
    font-size: 15px;
    line-height: 27px;
    color: #d1d1d1;
    max-height: 135px;
    overflow: hidden;
    margin: 21px 0 21px;
}
.a2n {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.a2o {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.a2p {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}
.a2q {
    background: #fff;
    padding: 3px;
    display: block;
}
.a2s {
    color: #fff;
    padding: 0;
    display: block;
}
/***********a5**********/
.a5a {
    padding: 40px 0;
    background-image: url(../images/zk-51.jpg);
    height: 150px;
}
.a5b {
    height: 125px;
    padding: 10px 0;
}
.a5c {
    width: 25%;
    float: left;
    text-align: center;
}
.a5d {
    color: #745ad0;
    font-weight: bold;
    font-size: 60px;
    line-height: 80px;
}
.a5d span {
    color: #666;
    font-size: 30px;
    padding-left: 5px;
}
.a5e {
    color: #062045;
    font-size: 21px;
    font-weight: 300;
}
.a2o p {
	color: #fff !important;
	font-size: 18px;
	line-height: 132px;
	position: absolute;
	top: 3px;
	z-index: 999;
	width: 198px;
	height: 132px;
	text-align: center;
	background: rgba(0,0,0,0.75);
	opacity: 0;
}
.a2o a:hover p {
	opacity: 1;
}
.a2f p {
	ccolor: #fff;
    font-size: 18px;
    line-height: 310px;
    position: absolute;
    top: 24px;
    right: 3px;
    z-index: 999;
    width: 496px;
    height: 313px;
    text-align: center;
    background: rgba(0,0,0,0.75);
    opacity: 0;
}
.a2f a:hover p {
	opacity: 1;
}
/***************问题**************/
.a4a {
	background: url(../images/zk-11.jpg) no-repeat 0px 0px;
	padding: 70px 0;
    height: 465px;
    background-attachment: fixed;
    background-size: 100% 100%;
}
.a4b {
    width: 52%;
    float: left;
}
.a4c {
	position: relative;
}
.a4c .a4d {
	height: 100%;
	overflow: hidden;
	text-align: left;
	margin: 0 20px 0 0;
}
.a4c .a4d span {
	color: #FFF;
}
.a4c .a4d h3 {
	font-weight: 400;
	font-size: 2.1em;
	margin: 0;
	padding: 0.5em 0;
	text-align: left;
	color: #fff;
}
.a4b .a4f {
	color: #fff;
	line-height: 25px;
}
.a4b .a4f i {
	display: inline-block;
	float: left;
	width: 46px;
	height: 46px;
	line-height: 46px;
	font-family: 'Impact';
	text-align: center;
	background: #745ad0;
	color: #fff;
	margin-right: 15px;
	font-size: 26px;
	font-style: normal;
	transition: 0.4s all;
	-webkit-transition: 0.4s all;
	-moz-transition: 0.4s all;
	-o-transition: 0.4s all;
	-ms-transition: 0.4s all;
}
.a4b .a4f:hover i {
	margin-right: 20px;
}
.a4b .a4f h4 {
	font-size: 17px;
	padding-top: 1px;
	font-weight: 400;
}
.a4b .a4f p {
	color: #acacac;
    font-size: 15px;
}
.a4e {
	font-weight: 100;
	font-size: 15px;
	text-indent: 0;
	line-height: 28px;
	margin-bottom: 15px;
	color: #acacac;
}
.a4g {
	margin-bottom: 20px;
}
.a4h {
	margin-bottom: 0px;
	color: #fff;
}
.a4b .a4i {
	padding-top: 85px;
}
.a4i {
    text-align: right;
    height: 325px;
    padding-top: 6px;
    float: right;
    width: 568px;
}
.a4j {
    text-align: center;
    margin: 0px 0 45px 0;
    display: inline-block;
    position: relative;
    width: 100%;
}
.a4k {
    background-image: url(../images/titem.png);
}
.a4k h4 {
    color: #000000;
    font-size: 28px;
    font-weight: bold;
    line-height: 40px;
}
.a4k h4 span {
    color: #fff;
}
.a4k h5 {
    color: #999;
    font-size: 12px;
    font-family: 'Arial';
    text-transform: uppercase;
    margin-top: 8px;
    line-height: 14px;
}
.a4l {
    color: #888888;
    font-size: 13px;
    line-height: 20px;
    margin-top: 10px;
}
/***************留言***************/
.a7a {
    background: url(../images/zk-13.png) no-repeat center top;
    background-size: cover;
}
.a7a h2 {
	font-size: 30px;
	font-family: "黑体";
	color: #000000;
	padding-top: 82px;
}
.a7a .a7b {
	overflow: hidden;
	margin-bottom: 50px;
	padding-top: 40px;
}
.a7a input {
	float: left;
	padding: 20px 0 20px 20px;
	background-color: #ffffff;
	color: #888888;
	font-size: 15px;
	border: 0;
    border-radius: 5px;
}
.a7a .a7c {
	width: 135px;
	margin-right: 20px;
}
.a7a .a7d {
	width: 315px;
	margin-right: 20px;
}
.a7a .a7e {
	float: right;
	width: 180px;
	background-color: #745ad0;
	color: #ffffff;
	cursor: pointer;
	padding-left: 5px;
}
.a7a p {
	color: #535353;
	font-size: 15px;
	padding-bottom: 80px;
	margin-bottom: 0;
}
.a7a .a7f {
	float: left;
    width: 285px;
    clear: none;
    transition: all .3s ease;
    position: relative;
    margin-right: 20px;
}
.a7a .a7f img {
    width: 132px;
    position: absolute;
    z-index: 100;
    right: 1px;
    top: 1px;
    border-radius: 0px 4px 4px 0px;
    border-left: solid 1px #ccc;
    margin: 7px 0;
    padding-left: 10px;
}
.a7a .a7n {
	padding: 20px 150px 20px 20px;
	width: 125px;
}
/***************a3*****************/
.a3a {
    overflow: hidden;
}
.a3b {
    width: 380px;
    float: left;
}
.a3b img{
    width: 380px;
    height: 275px;
    border-radius: 5px;
}
.a3b figure {
    border-right: 0;
    border-bottom: 0;
    position: relative;
    margin: 0;
}
.a3b a:link {
    color: #fff;
    text-decoration: none;
}
.a3b figure figcaption {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	bottom: 8px;
	right: 0
}
.a3b figure figcaption h3 {
	text-align: center;
	font-size: 18px;
	display: block;
	background-color: transparent;
	padding: 79px 40px 70px;
	margin: 0;
	-webkit-transition: .25s;
	transition: .25s;
	filter: alpha(opacity=0);
	opacity: 0
}
.a3b {
	max-width: 552px;
    margin: 0 30px 25px 0;
}
.a3b:nth-child(3) {
	margin-right: 0;
}
.a3b:nth-child(4) {
	margin-bottom: 0;
}
.a3b:nth-child(5) {
	margin-bottom: 0;
}
.a3b:nth-child(6) {
	margin-right: 0;
	margin-bottom: 0;
}
.a3b figure figcaption h3:hover {
	background-color: rgba(0,0,0,0.75);
	filter: alpha(opacity=100);
	opacity: 1;
	border-radius: 5px;
}
.a3b figure h3 > a {
	color: #fff
}
.a3b figure h3 > a:hover {
	text-decoration: none;
	color: #fff;
}
.a3b figure h3 small {
	line-height: 25px;
	font-size: 15px;
}
.a3b figure h3 small a.a3c {
    text-align: center;
    font-size: 14px;
    padding: 5px 40px 5px 40px;
    margin: 19px 5px 0 5px;
    display: inline-block;
    border-radius: 18px;
    border: 1px solid #fff;
	background-color: #fff;
	color: #745ad0;
}
.a3b figure h3 small a.a3c:hover {
	border: 1px solid #745ad0;
	color: #fff;
	background-color: #745ad0;
}
.a3b figure h3 p {
	color: rgba(255,255,255,0.5);
	font-weight: normal;
	font-size: 12px;
	display: block;
	line-height: 180%;
	margin: 20px 0 0 0;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	padding-top: 10px
}
/***************a8*****************/
.a3d {
    text-align: center;
    margin: 0px 0 45px 0;
    display: inline-block;
    position: relative;
    width: 100%;
}
.a3e {
    background-image: url(../images/titem.png);
}
.a3e h4 {
    color: #000000;
    font-size: 28px;
    font-weight: bold;
    line-height: 40px;
}
.a3e h4 span {
    color: #000;
}
.a3e h5 {
    color: #999;
    font-size: 12px;
    font-family: 'Arial';
    text-transform: uppercase;
    margin-top: 8px;
    line-height: 14px;
}

.a3f {
    color: #888888;
    font-size: 13px;
    line-height: 20px;
    margin-top: 10px;
}
/***************a6*****************/
.a6a {
    display: flex;
    padding: 0;
    justify-content: space-between;
    opacity: 1;
}
.a6b {
    display: block;
    width: 31%;
    border: 1px solid #dcdcdc;
    border-bottom: 5px solid #745ad0;
    border-radius: 5px;
}
.a6c {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 252px;
    border-radius: 5px 5px 0 0;
}
.a6d {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto;
    padding: auto;
    background-size: cover;
    background-position: 50% 50%;
}
.a6a ul {
    width: 66%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
}
.a6a ul li {
    width: 48%;
    list-style: none;
    border: none;
    font-style: normal;
}
.a6a img {
    width: 372px;
    height: 252px;
    border-radius: 5px 5px 0 0;
}
.a6a ul li a {
    display: flex;
    border: 1px solid #dcdcdc;
    padding: 7px 0;
    color: #333;
    border-radius: 5px;
}
.a6a ul li a:hover {
    background: #745ad0;
    color: #fff;
}
.a6a ul li a:hover .a6g {
    color: #fff;
}
.a6a a:hover .a6h {
    color: #fff;
    border-color: #fff;
}
.a6a ul li a:hover .a6h span {
    color: #fff;
}
.a6b:hover .a6d {
    transform: scale(1.1);
    -webkit-transition: all 0.5s;
}
.a6h {
    width: 100px;
    border-right: 1px solid #dcdcdc;
    text-align: center;
    font-family: "arial";
    color: #999;
    height: 115px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;
    justify-content: center;
    font-size: 15px;
}
.a6h span {
    font-size: 30px;
    line-height: 46px;
    position: relative;
    display: block;
    width: 50%;
    color: #333;
    border-bottom: 2px solid #dcdcdc;
}
.a6e {
    width: calc(100% - 100px);
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;
    padding: 0 15px;
}
.a6f {
    width: 100%;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.a6g {
    width: 100%;
    font-size: 15px;
    color: #999;
    line-height: 22px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.a6i {
    padding: 15px 20px;
}
.a6j {
    line-height: 46px;
    font-size: 16px;
    color: #333;
    font-weight: bold;
}
.a6k {
    line-height: 28px;
    font-size: 15px;
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.a6l {
    text-align: center;
    margin: 0px 0 45px 0;
    display: inline-block;
    position: relative;
    width: 100%;
}
.a6m {
    background-image: url(../images/titem.png);
}
.a6m h4 {
    color: #000000;
    font-size: 28px;
    font-weight: bold;
    line-height: 40px;
}
.a6m h4 span {
    color: #000;
}
.a6m h5 {
    color: #999;
    font-size: 12px;
    font-family: 'Arial';
    text-transform: uppercase;
    margin-top: 8px;
    line-height: 14px;
}
.a6n {
    color: #888888;
    font-size: 13px;
    line-height: 20px;
    margin-top: 10px;
}
/***************a8*****************/
.a8a ul {
	padding-bottom: 70px;
	height: 360px;
	margin: 0 -10px;
}
.a8a li {
	float: left;
	width: 20%;
}
.a8a a {
	display: block;
	margin: 10px;
	height: 100px;
	border: 1px #ededed solid;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	transition: 0.5s;
	border-radius: 5px;
}
.a8a a:hover {
	border-color: #745ad0;
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: grayscale(0);
	filter: none;
}
/***************a9*****************/
.footer {
    background-image: url(../images/zk-3.jpg);
    position: relative;
    z-index: 2;
}
.a9a {
    height: 108px;
    background-color: rgba(54, 54, 54, 0.5);
}
.a9b {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.a9b li {
    float: left;
    width: 33.33%;
    height: 108px;
    line-height: 108px;
}
.a9b li span {
    color: #ffffff;
    font-size: 20px;
    line-height: 108px;
}
.a9c {
    margin: 18px 22px 0 0;
    display: inline-block;
    width: 60px;
    height: 67px;
    background: url(../images/zk-27.png) no-repeat 0 -3px;
    vertical-align: top;
}
.a9d {
    margin: 18px 22px 0 0;
    display: inline-block;
    width: 60px;
    height: 67px;
    background: url(../images/zk-27.png) no-repeat 0 -103px;
    vertical-align: top;
}
.a9e {
    margin: 18px 22px 0 0;
    display: inline-block;
    width: 60px;
    height: 67px;
    background: url(../images/zk-27.png) no-repeat 0 -203px;
    vertical-align: top;
}
.a9f {
    text-align: left;
}
.a9g {
    text-align: center;
}
.a9h {
    text-align: right;
}
.a9i {
    background: rgba(85, 85, 85, 0.5);
    width: 100%;
    height: 240px;
}
.a9j {
    width: 1200px;
    height: 240px;
    overflow: hidden;
    margin: 0 auto;
}
.a9k {
    width: 995px;
    height: 180px;
    margin: 25px 25px 0 0;
    float: left;
}
.a9l {
    padding: 0 0;
    margin-bottom: 25px;
}
.a9l ul {
    width: 995px;
    overflow: hidden;
    padding: 0;
}
.a9l ul li {
    width: 82px;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    text-align: left;
    padding: 0 15px 0 0;
    float: left;
}
.a9l ul li a {
    color: #fff;
    height: 50px;
    display: block;
}
.a9l ul li a:hover {
    color: #c5b5ff;
}
.a9m {
    line-height: 36px;
    color: #fff;
    font-size: 15px;
}
.a9m span {
    margin-right: 15px;
}
.a9m a {
    color: #fff;
}
.a9n {
    width: 180px;
    height: 180px;
    margin: 30px 0;
    float: left;
    background: rgba(102, 102, 102, 0.3);
}
.a9n p {
    color: #fff;
    text-align: center;
    margin: 15px 0 0;
}
.a9n img {
    width: 97px;
    height: 97px;
    display: block;
    margin: 25px auto 0;
}
/***************内页通用顶部*******************/
.neiye-ders {
    background: #745ad0;
    top: 0;
    left: 0;
    width: 100%;
    height: 500px;
    z-index: 10;
}
.neiye-home {
	background-size: cover;
	width: 100%;
	height: 500px;
	position: absolute;
	top: 0;
	color: #ffffff;
	text-align: center;
	font-size: 19px;
	line-height: 28px;
	background:rgba(2, 2, 2, 0.09) url(../images/pattern.png) repeat top left;
}
.neiye-header {
    height: 70px;
    border-bottom: 1px solid rgb(0 0 0 / 9%);
}
.neiye-tios {
	float: left;
	text-align: right;
	width: 770px;
	display: flex;
    justify-content: flex-end;
}
.neiye-tios li {
	float: left;
	margin-left: 50px;
}
.neiye-tios a {
	text-transform: uppercase;
	color: #fff;
	font-size: 15px;
	text-decoration: none;
	padding: 21px 0px;
	display:block;
}
.neiye-tios a:hover {
	color: #745ad0;
}
.neiye-banner {
    position: relative;
    height: 500px;
}
.neiye-banner img {
    height: 500px;
}
.neiye-logo {
    float: left;
    padding: 13px 0;
    width: 200px;
    height: 44px;
}
.neiye-logo img {
	width: 200px;
}
.neiye-masks {
    width: 100%;
    height: 274px;
    top: 0px;
    left: 0px;
    z-index: 2;
    padding: 155px 0 0 0;
}
.neiye-fixs {
    width: 1200px;
    margin: auto;
}
.neiye-fixs h2 {
    line-height: normal;
    font-size: 40px;
    color: #fff;
    padding: 0;
    margin: 0;
    display: inline-block;
    text-align: center;
}
.neiye-fixs h6 {
    border-bottom: 3px solid #fff;
    width: 50px;
    height: 1px;
    margin: 15px auto;
}
.neiye-fixs p {
    color: #fff;
    margin: 0;
    line-height: 1.8em;
    padding: 0 20px 0 20px;
    font-size: 16px;
    letter-spacing: 2px;
}
/***************会员登陆信息*******************/
.neiye-right {
    height: 70px;
    padding-top: 0px;
    float: right;
}
.neiye-login {
    display: inline-block;
    max-width: 100%;
    font-size: 15px;
}
.neiye-login a {
    margin: 20px 0;
    display: inline-block;
    vertical-align: middle;
    width: 76px;
    height: 30px;
    line-height: 29px;
    border: 1px solid #fff;
    text-align: center;
    font-size: 14px;
    border-radius: 28px;
    color: #745ad0;
    background: #fff;
    box-sizing: border-box;
    transition: color .3s, border-color .3s;
    padding: unset;
    font-weight: unset;
}
.neiye-login a:hover {
    border: 1px solid #745ad0;
    color: #fff;
    background: #745ad0;
}
.login-symbol {
    padding: 20px 0;
    height: 30px;
}
.login-symbol img {
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
}
.login-username {
    height: 30px;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 80px;
    font-size: 15px;
    line-height: 30px;
}
.open > .login-separator {
    display:block
}
.login-separator {
    box-shadow: 5px 5px rgba(102,102,102,.1);
    left: 0;
    min-width: 175px;
    position: absolute;
    z-index: 1000;
    display: none;
    float: left;
    list-style: none;
    text-shadow: none;
    padding: 0;
    background-color: #fff;
    margin: 10px 0 0;
    border: 1px solid #eee;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
.login-dropdown {
    position: relative;
}
.login-dropdown > .login-menu {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background-color: rgba(240, 240, 240, 0.5);
    padding: 10px 20px;
    font-size: 15px;
    width: 70px;
}
.login-dropdown:hover > .login-menu {
    display: block;
}
.login-menu:before {
    right: 44px;
    left: auto;
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    content: '';
    border: 7px solid transparent;
    border-top-width: 0;
    top: -7px;
    border-bottom-color: rgba(240, 240, 240, 0.6);
}
.login-item {
    padding: 3px 0;
}
.login-item a {
    color: #000;
}
.login-item a:hover {
    color: #745ad0;
}
/***************内页通用中部*******************/
.neiye-iner {
    width: 1200px;
    margin: 60px auto 60px;
    background: #f3f3f3;
}
.neiye-line {
    margin: 0;
    padding: 0;
    width: 100%;
}
.neiye-titles {
    background-color: #fff;
    padding: 15px 0;
    border-bottom: 1px solid #E9E9E9;
}
.neiye-name {
    font-size: 15px;
    color: #666;
    background: url(../images/zk-28.png) no-repeat;
    padding-left: 30px;
    line-height: 28px;
    width: 1170px;
    margin: 0 auto;
}
.neiye-name a {
    color: #666;
    text-decoration: none;
}
.neiye-name a:hover {
    color: #745ad0;
    text-decoration: none;
}
.neiye-large {
    padding: 30px 60px 40px;
    background: #fff;
    margin-top: 40px;
}
.neiye-large h2 {
    font-size: 24px;
    font-weight: 600;
    margin: 30px 0 30px;
    text-align: center;
}
.neiye-large p {
    font-size: 16px;
    line-height: 28px;
}
.neiye-text p {
    font-size: 16px;
    line-height: 36px;
    margin-bottom: 20px;
}
.neiye-texts {
    margin: 0px 20px;
}
.vtitle{ width:100%;padding-top:30px;height:85px; background:#fff;}
.vtitlemain{ height:74px; width:550px; overflow:hidden; text-align:center; margin:0px auto 0px;}
.vtitlemain span b{ background:#fff;white-space:nowrap;font:20px/20px 'Microsoft Yahei'; width:105px; overflow:hidden;color:#434343; margin-top: -10px; display: inline-block;}
.vtitlemain span{border-top:1px solid #b2b2b2;width:510px;display:block; margin:15px auto 0;}
.vtitlemain font{ color:#999;white-space:nowrap; font:30px/30px 'Microsoft Yahei'; text-transform:uppercase;}
/***************内页新闻中部*******************/
.neiye-news {
    padding: 0;
    margin: 30px 0 0;
}
.news-list {
    width: 100%;
    overflow: hidden;
}
.news-dl {
    width: 525px;
    padding: 30px;
    background: #fff;
    margin: 0 30px 30px 0;
    float: left;
    border-radius: 5px;
}
.news-dl:hover {
    background: #745ad0;
}
.news-dl:hover h4 {
    color: #fff;
}
.news-dl:hover p {
    color: #fff;
}
.news-dl:hover span {
    color: #fff;
}
.news-dl:nth-child(2) {
	margin-right: 0;
}
.news-dl:nth-child(4) {
	margin-right: 0;
}
.news-dl:nth-child(6) {
	margin-right: 0;
}
.news-dl:nth-child(8) {
	margin-right: 0;
}
.news-dl:nth-child(9) {
	margin-bottom: 0;
}
.news-dl:nth-child(10) {
	margin-right: 0;
	margin-bottom: 0;
}
.news-dl h4 {
    color: #3d3d3d;
    font-size: 22px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-bottom: 20px;
}
.news-dl p {
	color: #909090;
	font-size: 15px;
	overflow: hidden;
	line-height: 22px;
	height: 44px;
}
.news-div {
	width: 100%;
	height: 57px;
	border-top: #ddd solid 1px;
	margin-top: 20px;
}
.news-div span {
	color: #888;
	font-size: 15px;
	float: left;
	margin-top: 33px;
}
.news-dl a {
	float: right;
	margin-top: 20px;
	display: block;
	color: #fff;
	font-size: 15px;
	width: 92px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	background: #745ad0;
	padding: 5px;
	border-radius: 4px;
	border: #fff solid 1px;
}
.news-dl a:hover {
	color: #745ad0;
	background: #fff;
	border: #745ad0 solid 1px;
}
/***************内页联系我们*******************/
.page-lxwm {
    margin: 20px 20px 10px;
    overflow: hidden;
}
.lxwm-web {
    float: left;
    width: 540px;
    margin-right: 50px;
}
.lxwm-webt {
    margin-top: 0;
}
.lxwm-webt h3 {
	font-size: 20px;
	color: #363636;
}
.lxwm-webt p {
	font-size: 15px;
	color: #363636;
	font-family: Arial;
	margin-top: 5px;
    letter-spacing: 1px;
}
.lxwm-webx {
	margin-top: 25px;
}
.lxwm-webx p {
	font-size: 16px;
	color: #959595;
	line-height: 20px;
	margin: 15px 0;
}
.lxwm-ewm {
    float: left;
    width: 200px;
    text-align: center;
    margin-right: 50px;
}
.lxwm-ewmp img {
    max-width: 100%;
}
.lxwm-ewm p {
    margin-top: 12px;
}
.lxwm-xcx {
    float: left;
    width: 200px;
    text-align: center;
}
.lxwm-xcx img {
    max-width: 100%;
}
.lxwm-xcx p {
    margin-top: 12px;
}

.lxwm-a1 {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 40px 20px;
    border-radius: 0 0 4px 4px;
    -webkit-box-sizing: border-box;
}
.lxwm-a2 {
    width: 100%;
    overflow: hidden;
    line-height: 40px;
    margin: 0 auto 20px;
    padding: 0;
    color: #000;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}
.lxwm-a3 {
    width: 100%;
    overflow: hidden;
    line-height: 30px;
    margin: 0 auto;
    padding: 0;
    color: #777;
    font-size: 15px;
    text-align: center;
}
.lxwm-a4 {
    width: 100%;
    height: auto;
    margin: 60px auto 0;
    padding: 0 0 60px 0;
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
}
.lxwm-a5 {
    width: 20%;
    overflow: hidden;
    padding: 0;
    float: left;
}
.lxwm-a6 a {
    display: block;
    width: 118px;
    height: 118px;
    border: 1px solid #e5e5e5;
    margin: 0 auto 20px;
    padding: 0;
    border-radius: 50%;
}
.lxwm-a6 p {
    line-height: 30px;
    padding: 0;
    font-size: 16px;
    color: #333;
    text-align: center;
}
.lxwm-a11 {
    width: 100%;
    line-height: 24px;
    color: #999;
    font-size: 15px;
    text-align: center;
}
.lxwm-a7 {
    background: #fff url(../images/zk-32.png) center center no-repeat;
}
.lxwm-a7:hover  {
    background: #745ad0 url(../images/zk-33.png) center center no-repeat;
}
.lxwm-a8 {
    background: #fff url(../images/zk-34.png) center center no-repeat;
}
.lxwm-a8:hover  {
    background: #745ad0 url(../images/zk-35.png) center center no-repeat;
}
.lxwm-a9 {
    background: #fff url(../images/zk-36.png) center center no-repeat;
}
.lxwm-a9:hover  {
    background: #745ad0 url(../images/zk-37.png) center center no-repeat;
}
.lxwm-a10 {
    background: #fff url(../images/zk-38.png) center center no-repeat;
}
.lxwm-a10:hover  {
    background: #745ad0 url(../images/zk-39.png) center center no-repeat;
}
.lxwm-a6 img {
    display: block;
    width: 100px;
    height: 100px;
    border: 1px solid #e5e5e5;
    margin: 0 auto 20px;
    padding: 9px;
    border-radius: 4px;
}
/***************内页解决方案*******************/
.neiye-fangan {
    padding: 0;
}
.neiye-fangan ul {
    overflow: hidden;
    margin: -15px;
}
.neiye-fangan ul li {
    width: 410px;
    float: left;
}
.neiye-fangan ul li .fangan-a {
	margin: 15px;
	background: #fff;
	text-align: center;
	padding: 40px;
	line-height: 25px;
	position: relative;
	overflow: hidden;
	z-index: 1;
    border-radius: 5px;
    width: 300px;
}
.neiye-fangan ul li .fangan-a .fangan-b {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0;
}
.neiye-fangan ul li:hover .fangan-a {
	background: #745ad0;
}
.neiye-fangan ul li:hover .fangan-a .fangan-b {
	opacity: 0.15;
}
.neiye-fangan ul li .fangan-a h3 {
	font-weight: normal;
	color: #000;
	margin-bottom: 15px;
	padding-top: 90px;
	font-size: 24px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background-position: top center;
	background-repeat: no-repeat;
}
.neiye-fangan ul li:hover .fangan-a h3 {
	color: #fff;
}
.neiye-fangan ul li:hover .fangan-a p {
	color: #fff;
}
.neiye-fangan ul li .fangan-a p {
	height: 50px;
	overflow: hidden;
	color: #8a8a8a;
}
.neiye-fangan ul li .fangan-a h3.fangan-1 {
	background-image: url(../images/zk-15.png);
}
.neiye-fangan ul li .fangan-a h3.fangan-2 {
	background-image: url(../images/zk-17.png);
}
.neiye-fangan ul li .fangan-a h3.fangan-3 {
	background-image: url(../images/zk-19.png);
}
.neiye-fangan ul li .fangan-a h3.fangan-4 {
	background-image: url(../images/zk-21.png);
}
.neiye-fangan ul li .fangan-a h3.fangan-5 {
	background-image: url(../images/zk-23.png);
}
.neiye-fangan ul li .fangan-a h3.fangan-6 {
	background-image: url(../images/zk-25.png);
}
.neiye-fangan ul li:hover .fangan-a h3.fangan-1 {
	background-image: url(../images/zk-16.png);
}
.neiye-fangan ul li:hover .fangan-a h3.fangan-2 {
	background-image: url(../images/zk-18.png);
}
.neiye-fangan ul li:hover .fangan-a h3.fangan-3 {
	background-image: url(../images/zk-20.png);
}
.neiye-fangan ul li:hover .fangan-a h3.fangan-4 {
	background-image: url(../images/zk-22.png);
}
.neiye-fangan ul li:hover .fangan-a h3.fangan-5 {
	background-image: url(../images/zk-24.png);
}
.neiye-fangan ul li:hover .fangan-a h3.fangan-6 {
	background-image: url(../images/zk-26.png);
}
.fangan-c {
    width: 160px;
    height: 50px;
    margin: 30px auto 0;
    background: #745ad0;
    line-height: 50px;
    color: #fff;
    border-radius: 5px;
}
.neiye-fangan ul li:hover .fangan-c {
	color: #745ad0;
	background: #fff;
}
/***************内页成功案例*******************/
.neiye-anli {
    padding: 0;
    margin: 40px 0 0;
}
.anli-a1 {
    overflow: hidden;
}
.anli-a2 {
    width: 380px;
    float: left;
}
.anli-a2 img{
    width: 380px;
    height: 275px;
    border-radius: 5px;
}
.anli-a2 figure {
    border-right: 0;
    border-bottom: 0;
    position: relative;
    margin: 0;
}
.anli-a2 a:link {
    color: #fff;
    text-decoration: none;
}
.anli-a2 figure figcaption {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	bottom: 8px;
	right: 0
}
.anli-a2 figure figcaption h3 {
	text-align: center;
	font-size: 18px;
	display: block;
	background-color: transparent;
	padding: 75px 40px 74px;
	margin: 0;
	-webkit-transition: .25s;
	transition: .25s;
	filter: alpha(opacity=0);
	opacity: 0
}
.anli-a2 {
	max-width: 552px;
    margin: 0 30px 25px 0;
}
.anli-a2:nth-child(3) {
	margin-right: 0;
}
.anli-a2:nth-child(6) {
	margin-right: 0;
}
.anli-a2:nth-child(7) {
	margin-bottom: 0;
}
.anli-a2:nth-child(8) {
	margin-bottom: 0;
}
.anli-a2:nth-child(9) {
	margin-right: 0;
	margin-bottom: 0;
}
.anli-a2 figure figcaption h3:hover {
	background-color: rgba(0,0,0,0.75);
	filter: alpha(opacity=100);
	opacity: 1;
	border-radius: 5px;
}
.anli-a2 figure h3 > a {
	color: #fff
}
.anli-a2 figure h3 > a:hover {
	text-decoration: none;
	color: #fff;
}
.anli-a2 figure h3 small {
	line-height: 25px;
	font-size: 15px;
}
.anli-a2 figure h3 small a.anli-a5 {
    text-align: center;
    font-size: 14px;
    padding: 5px 40px 5px 40px;
    margin: 19px 5px 0 5px;
    display: inline-block;
    border-radius: 18px;
    border: 1px solid #fff;
	background-color: #fff;
	color: #745ad0;
}
.anli-a2 figure h3 small a.anli-a5:hover {
	border: 1px solid #745ad0;
	color: #fff;
	background-color: #745ad0;
}
.anli-a2 figure h3 p {
	color: rgba(255,255,255,0.5);
	font-weight: normal;
	font-size: 12px;
	display: block;
	line-height: 180%;
	margin: 20px 0 0 0;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	padding-top: 10px
}
/***************列表分页***************/
.list-page {
    text-align: center;
    margin-top: 50px;
    line-height: 48px;
}
.pagination {
	margin: 0;
	border-radius: 0;
	display: inline-block;
    padding-left: 0;
}
.pagination>li {
    display: inline;
    line-height: 35px;
}
.pagination>li>a {
	margin-top: 20px;
	padding: 15px 30px;
	margin-left: 12px;
	color: #777;
	background-color: #fff;
	font-size: 16px;
	border-radius: 5px;
}
.pagination>li>a:hover {
	color: #fff;
	background-color: #745ad0;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #745ad0;
	border-color: #745ad0;
}
.pagination>li:first-child>a {
	margin-left: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-radius: 5px;
}
.pagination>li:last-child>a {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-radius: 5px;
}
/***************关于我们***************/
.neiye-wenhua {
    margin: 0 auto;
    overflow: hidden;
    width: 1200px;
}
.wenhua-a1 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.neiye-wenhua ul li {
    width: 207px;
    height: 300px;
    float: left;
    margin-right: 30px;
    padding: 44px 35px 0;
    background: #fff url(../images/zk-52.png) center bottom no-repeat;
    position: relative;
    border-radius: 5px;
}
.neiye-wenhua ul li i {
    font-size: 54px;
    font-family: impact;
    color: #745ad0;
}

.neiye-wenhua ul li p {
    font-size: 24px;
    font-weight: 700;
    margin: 8px 0 28px 0
}

.neiye-wenhua ul li span {
    font-size: 15px;
    line-height: 28px;
    color: #999;
    max-height: 140px;
    overflow: hidden;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-break: break-all
}
.neiye-wenhua ul li:nth-of-type(2) {
    background: #fff url(../images/zk-53.png) center bottom no-repeat
}

.neiye-wenhua ul li:nth-of-type(3) {
    background: #fff url(../images/zk-54.png) center bottom no-repeat
}

.neiye-wenhua ul li:nth-of-type(4) {
    margin-right: 0;
    background: #fff url(../images/zk-55.png) center bottom no-repeat
}

.neiye-wenhua ul li:after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    position: absolute;
    bottom: 50%;
    left: 0;
    background: #745ad0cc;
    transition: all .4s ease;
    border-radius: 5px;
}

.neiye-wenhua ul li:hover:after {
    height: 100%;
    bottom: 0
}

.neiye-wenhua ul li:hover i,.neiye-wenhua ul li:hover p,.neiye-wenhua ul li:hover span {
    color: #fff;
    position: relative;
    z-index: 2;
    transition: all .4s ease
}
/***************技术团队**************/
.neiye-tuandui {
    padding: 0;
    margin: 40px 0 0;
}
.tuandui-list {
    overflow: hidden;
}
.tuandui-list li {
    margin-bottom: 30px;
    width: 100%;
    float: left;
    box-sizing: border-box;
    display: inline-block;
}
.tuandui-list li a:hover {
    background-color: #745ad0;
}
.tuandui-list li a:hover p {
    color: #fff;
}
.tuandui-box {
    padding: 35px;
    background: #fff;
    display: inline-block;
    width: 1130px;
    border-radius: 5px;
}
.tuandui-pic {
    margin-right: 35px;
    border-radius: 225px;
    overflow: hidden;
    display: inline-block;
    width: 225px;
    height: 225px;
    float: left;
}
.tuandui-img {
    max-width: 100%;
}
.tuandui-mode {
    padding-top: 40px;
}
.tuandui-p1 {
    margin-bottom: 20px;
    font-size: 20px;
    color: #333333;
}
.tuandui-p2 {
    margin-bottom: 35px;
    font-size: 15px;
    color: #979798;
}
.tuandui-p3 {
    font-size: 15px;
    color: #636363;
    line-height: 26px;
    overflow: hidden;
}
/***************内容详情**************/
.neiye-post h2{font-size:28px;font-weight:600;margin:30px 0 20px;text-align: center;}
.neiye-post p{font-size:16px;line-height:50px;}
.neiye-info {
    font-size: 16px;
    color: #666666;
    margin-bottom: 30px;text-align: center;
}
.neiye-info .neiye-ico {
    margin: 0 25px 0 0;
    display: inline;
    color: #999;
}
.neiye-info span {
    font-size: 16px;
    margin-right: 8px;
}
.neiye-blank {
    height: 30px;
    line-height: 30px;
    clear: both;
    font-size: 0;
    border-top: 1px solid #e6e6e6;
}
.neiye-sxp {
    line-height: 50px;
    font-size: 16px;
    border-top: 1px solid #e6e6e6;
    overflow: hidden;
    margin: 30px 0 0;
    padding-top: 20px;
}
.neiye-sxp>div {
    width: 48%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.neiye-fr {
    text-align: right;
    float: right;
}
.neiye-fl {
    text-align: left;
    float: left;
}
.neiye-text a {
    color: #000;
}
.neiye-text a:hover {
    color: #745ad0;
}
.neiye-sxp a {
    color: #000;
}
.neiye-sxp a:hover {
    color: #745ad0;
}
.neiye-text pre {
    line-height: 30px;
    background: #f0f0f0;
    padding: 20px 25px;
    border-radius: 8px;
    color: #888;
    font-size: 14px;
    margin: 10px 0;
}
/***************在线留言**************/
.liuyan-a1 {
    overflow: hidden;
    margin-top: 20px;
}
.liuyan-a2 {
    min-height: 240px;
    width: 1018px;
    resize: none;
    border-radius: 5px;
    border-color: #ccc;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    line-height: 20px;
    padding: 10px;
    display: block;
    font-size: 16px;
    background: url(../images/zk-40.jpg) repeat top left;
    outline: none;
}
.liuyan-a3, .liuyan-a4, .liuyan-a6 {
    border-radius: 5px;
    border-color: #ccc;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    display: block;
    height: 24px;
    line-height: 23px;
    padding: 10px;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    font-size: 16px;
}
.liuyan-a3, .liuyan-a4 {
    width: 308px;
}
.liuyan-a6 {
    width: 150px;
    padding: 10px 158px 10px 10px;
}
.liuyan-a5 {
    float: left;
    width: 330px;
    margin-right: 30px;
    clear: none;
    transition: all .3s ease;
}
.liuyan-a7 {
    float: left;
    width: 320px;
    clear: none;
    transition: all .3s ease;
    position: relative;
}
.liuyan-a7 img {
    width: 138px;
    position: absolute;
    z-index: 100;
    right: 1px;
    top: 1px;
    border-radius: 0px 5px 5px 0px;
    border-left: solid 1px #ccc;
    margin: 1px 0;
}
.liuyan-a8 {
    width: 200px;
    margin: 30px auto 20px;
}
.liuyan-a9 {
    width: 100%;
    font-size: 18px;
    text-transform: uppercase;
    background-color: #745ad0;
    color: #fff;
    display: inline-block;
    height: 48px;
    line-height: 38px;
    padding: 5px 35px;
    white-space: nowrap;
    text-align: center;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}
.liuyan-a9:hover {
    background-color: #ec7729;
    border-color: #ec7729;
    opacity: 1;
}
.liuyan-a10 {
    height: 100%;
    margin-bottom: 30px;
}
/***************荣誉资质**************/
.neiye-rongyu {
    padding: 0;
    margin: 0;
}
.rongyu-a1 {display: flex;-ms-flex-preferred-size: 100%;flex-basis: 100%;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.rongyu-a1 li {width: calc( 1200px / 3 - 20px);margin-right: 30px;margin-bottom: 30px;padding: 20px;background: #fff;box-sizing: border-box;transition: 0.3s ease 0s;border-radius: 5px;}
.rongyu-a1 li:nth-child(3n) {margin-right: 0;}
.rongyu-a1 li .rongyu-a2 {width: 100%;position: relative;padding-bottom: 67.5%;overflow: hidden;}
.rongyu-a1 li .rongyu-a2 img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;transition: 0.5s linear 0s;}
.rongyu-a1 li h3 {color: #666;font-size: 16px;text-align: center;padding: 15px 10px 0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;transition: 0.3s ease 0s;}
.rongyu-a1 li:hover img {transform: scale(1.1);}
.rongyu-a1 li:hover h3 {color: #ec7729;background: #ffffff;}
/***************服务流程**************/
.liucheng {
width: 100%;
padding-top: 60px;
padding-bottom: 60px;
}
.liucheng-a1 {
	text-align: center;
	font-size: 16px;
	color: #666;
	line-height: 26px;
}
.liucheng-a1 span {
	display: block;
	font-size: 30px;
	color: #000;
	line-height: 60px;
}
.liucheng-a2 {
	max-width: 1200px
}
.liucheng-a2 ul li {
    width: 130px;
    min-width: 130px;
    height: 90px;
    padding: 20px 0;
    border: 1px solid #d2d2d2;
    background-color: #efefef;
    border-radius: 50%;
    float: left;
    margin-top: 50px;
    position: relative;
}
.liucheng-a2 ul li {
	margin-right: 20px;
}
.liucheng-a3 {
    zoom: 1;
    display: block;
    overflow: hidden;
}
.liucheng-a2 ul li:nth-of-type(8) {
    margin-right: 0;
}
.liucheng-a2 ul li .liucheng-a4 {
    display: block;
    width: 45px;
    height: 48px;
    margin: 10px auto;
    background-image: url(../images/ser01.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.liucheng-a2 ul li span {
    display: block;
    font-size: 16px;
    color: #666;
    text-align: center;
}
.liucheng-a2 ul li:hover .liucheng-a4 {
    background-position: 0 -48px;
}
/***************服务优势**************/
.youshi {
    padding: 50px 0 50px;
    line-height: 1.75;
    color: #fff;
    background: url('../images/zk-56.jpg') #000 center;
    background-size: cover;
}
.youshi-a6 {
	text-align: center;
	font-size: 16px;
	color: #fff;
	line-height: 26px;
}
.youshi-a6 span {
	display: block;
	font-size: 30px;
	color: #fff;
	line-height: 50px;
}
.youshi-a1 ul {
    margin: 45px auto 0;
    width: 1200px;
}

.youshi-a1 ul:after {
    display: block;
    content: '';
    clear: both;
}

.youshi-a1 ul > li {
    float: left;
    width: 570px;
    padding: 15px;
}

.youshi-a1 ul > li > span {
    display: block;
    position: relative;
    padding: 30px 30px 30px 150px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 5px;
}
.youshi-a1 ul > li > span:hover {
    background: #745ad052;
    cursor: pointer;
}
.youshi-a1 ul > li > span > i {
    font-size: 38px;
    position: absolute;
    left: 30px;
    top: 30px;
    width: 90px;
    height: 90px;
    background: url(../images/zk-50.png) no-repeat 0px 0px;
}
.youshi-a1 ul > li > span > h3 {
    font-size: 20px;
    margin-bottom: 15px;
}

.youshi-a1 ul > li > span > p {
    font-size: 15px;
    height: 80px;
    overflow: hidden;
}
.youshi-a2 {
    background-position: -0px 0px!important;
}
.youshi-a3 {
    background-position: -90px 0px!important;
}
.youshi-a4 {
    background-position: -180px 0px!important;
}
.youshi-a5 {
    background-position: -270px 0px!important;
}
/***************招聘信息**************/
.neiye-zhaopin {
    padding: 0;
}
.zhaopin-a1 {
	margin: 0 -20px;
}
.zhaopin-a1:after, .zhaopin-a1:before {
	display: block;
	content: "clear";
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}
.zhaopin-a1 li {
	float: left;
	width: 33.33%;
}
.zhaopin-a1 li a {
	display: block;
	background: url(../images/zk-63.jpg);
	margin: 0 20px;
	border-radius: 10px;
	padding: 50px 50px;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.zhaopin-a1 li:hover a {
	background-image: url(../images/zk-64.jpg);
}
.zhaopin-a1 li .zhaopin-a2 {
	width: 80px;
	height: 80px;
	line-height: 80px;
	margin: 0 auto;
	text-align: center;
}
.zhaopin-a1 li .zhaopin-a2 img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}
.zhaopin-a1 li .zhaopin-a2 img.zhaopin-a4 {
	display: none;
}
.zhaopin-a1 li:hover .zhaopin-a2 img.zhaopin-a3 {
	display: none;
}
.zhaopin-a1 li:hover .zhaopin-a2 img.zhaopin-a4 {
	display: block;
}
.zhaopin-a1 li .zhaopin-a5 {
	text-align: center;
}
.zhaopin-a1 li .zhaopin-a5 h3 {
	padding: 20px 0;
	position: relative;
	font-size: 24px;
	color: #333;
	font-weight: 400;
}
.zhaopin-a1 li:hover .zhaopin-a5 h3 {
	color: #fff;
}
.zhaopin-a1 li .zhaopin-a5 h3:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -20px;
	width: 40px;
	height: 2px;
	background-color: #745ad0;
}
.zhaopin-a1 li:hover .zhaopin-a5 h3:after {
	background-color: #fff;
}
.zhaopin-a1 li .zhaopin-a5 p {
	margin: 30px 0;
	font-size: 16px;
	line-height: 24px;
	color: #888;
}
.zhaopin-a1 li:hover .zhaopin-a5 p {
	color: #fff;
}
.zhaopin-a1 li .zhaopin-a6 {
	display: block;
	height: 34px;
	line-height: 34px;
	text-align: center;
	width: 80px;
	margin: 10px auto 0;
	border: 1px solid #745ad0;
	color: #745ad0;
	font-size: 16px;
	padding: 5px 20px;
	border-radius: 100px;
}
.zhaopin-a1 li:hover .zhaopin-a6 {
	color: #fff;
	border: 1px solid #fff;
}
.zhaopin-a7 {
    overflow: hidden;
    margin-top: 40px;
}
.zhaopin-a7 li {
    float: left;
    margin: 0 30px 30px 0;
    background: #fff;
}
.zhaopin-a7 li:nth-child(2n) {
    margin-right: 0;
}
.zhaopin-a7 li:nth-child(5) {
    margin-bottom: 0;
}
.zhaopin-a7 li:nth-child(6) {
    margin-bottom: 0;
}
.zhaopin-a7 li a {
    display: block;
    width: 535px;
    height: 195px;
    padding: 25px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}
.zhaopin-a8 {
    float: left;
    width: 70%;
}
.zhaopin-a8 .zhaopin-a9 {
	font-size: 24px;
	font-weight: bold;
	color: #000;
	display: block;
}
.zhaopin-a8 .zhaopin-a10 {
	font-size: 14px;
	color: #585858;
	display: block;
	line-height: 54px;
}
.zhaopin-a8 .zhaopin-a10 b {
	font-weight: 100;
	padding: 0 10px;
}
.zhaopin-a8 .zhaopin-a11 {
    display: block;
    font-size: 14px;
    color: #666;
    width: 85%;
    line-height: 30px;
}
.zhaopin-a12 {
	float: right;
	width: 30%;
}
.zhaopin-a13 {
	display: block;
	height: 150px;
	line-height: 138px;
	text-align: right;
}
.zhaopin-a13 img {
    width: 85px;
    height: 85px;
}
.zhaopin-a14 {
	display: block;
	width: 131px;
	border: 1px solid #666;
	height: 42px;
	line-height: 42px;
	padding-left: 30px;
	font-size: 14px;
	color: #666;
	border-radius: 3px;
	position: relative;
    float: right;
}
.zhaopin-a14 b {
	font-weight: normal;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg); 	/* IE 9 */
	-moz-transform: rotate(45deg); 	/* Firefox */
	-webkit-transform: rotate(45deg); /* Safari 和 Chrome */
	-o-transform: rotate(45deg); 	/* Opera */
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	display: block;
	width: 8px;
	height: 8px;
	position: absolute;
	top: 16px;
	right: 30px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.zhaopin-a7 li a:hover .zhaopin-a14 {
	color: #fff;
	border: 1px solid #745ad0 !important;
	background: #745ad0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.zhaopin-a7 li a:hover .zhaopin-a14 b {
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	right: 25px;
}
/***************在线排版**************/
.neiye-paiban {
    padding: 0;
    margin: 30px 0 0;
}
.neiye-paiban textarea {
    float: left;
    padding: 20px 20px 20px 19px;
    background-color: #ffffff;
    color: #999;
    font-size: 15px;
    border-radius: 10px;
    border: 1px solid #bbb;
    width: 1159px;
}
.btn-primary {
    display: inline-block;
    padding: 10px 25px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
    background-color: #745ad0;
    border-color: #745ad0;
    margin: 0 5px;
}
.btn-primary:active:hover, .btn-primary:hover {
    color: #fff;
    background-color: #745ad0cc;
    border-color: #745ad0cc;
}
.paiban-shuru {
    width: 1200px;
    height: 500px;
}
.paiban-anniu {
    margin-top: 20px;
    text-align: center;
}
/**********热门标签************/
.neiye-tags {
    padding: 0;
    margin: 30px 0 0;
}
.tags-a {
    background: #fff;
    padding: 30px;
}
.tags-a h2 {
    line-height: 28px;
    height: 28px;
    color: #333;
    position: relative;
    font-size: 18px;
    letter-spacing: 0;
    padding-left: 20px;
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #999;
    background: url(../images/zk-67.jpg) no-repeat;
}
.segaodus {
    height: 30px;
    width: 100%;
}
.tags-a a {
    color: #999;
    border: 1px solid #999;
    background-color: unset;
    border-radius: 2em;
    margin-bottom: 10px;
    padding: 5px 20px;
    font-size: 15px;
}
.tags-a a:hover {
    color: #fff;
    border: 1px solid #745ad0;
    background: #745ad0;
}
.tags-b {
    overflow: hidden;
    line-height: 50px;
}
.tags-b li {
    float: left;
    margin-right: 15px;
}
.news-more{text-align:center; font-size:0; margin-top:30px;}
.news-more>a{display:inline-block; overflow:hidden;color:#888; position:relative; background:#fff; border-radius:50px; padding:12px 38px;border: 1px solid #adadad;}
.news-more>a:after{position:absolute; z-index:1; left:100%; top:100%; content:''; width:0; height:0; border-radius:50%; transition:0.6s; transform:translate(-50%,-50%); background:#745ad0;}
.news-more>a>u{position:relative; z-index:2; display:inline-block; text-decoration:none; font-size:16px;}
.news-more>a>i{position:relative; z-index:2; font-size:18px; transition:0.3s; margin-left:8px;}
.news-more>a:hover{color:#fff; box-shadow:0 2px 8px rgba(0,0,0,0.18);}
.news-more>a:hover:after{width:500px; height:500px;}
/* 定义下拉按钮样式 */
.tp-la {
  border: none;
  cursor: pointer;
}
.tp-xia {
  position: relative;
  display: inline-block;
}
.tp-cai {
  display: none;
    position: absolute;
    top: 100%;
    right: -25px;
    background-color: rgba(240, 240, 240, 0.8);
    padding: 10px 20px;
    font-size: 15px;
    width: 70px;
}
.tp-xia:hover .tp-cai {
  display: block;
}
.tp-cai:before {
    right: 48px;
    left: auto;
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    content: '';
    border: 7px solid transparent;
    border-top-width: 0;
    top: -7px;
    border-bottom-color: rgba(240, 240, 240, 0.8);
}
.tp-cai a {
    color: #000;
    text-transform: uppercase!important;
    font-size: 15px!important;
    text-decoration: none;
    padding: 3px 0px!important;
    display: block;
    text-align: center;
}
.tp-cai a:hover {color: #745ad0;}
/*** 返回顶部 ***/
.dingbu-1 {width:50px;margin-left:570px;position:fixed;right:10px;bottom:108px;_position:absolute;_top:expression(documentElement.scrollTop+documentElement.clientHeight - this.clientHeight - 134+'px');display:block;z-index:999999;}
.dingbu-1 a{display:block;width:50px;height:50px;background:url(../images/zk-119.png) no-repeat;margin-top:10px;text-decoration:none;font:16px/50px "Microsoft YaHei";text-align:center;color:#fff;border-radius:5px;}
.dingbu-1 a span{display:none;text-align:center;border-radius: 5px;}
.dingbu-1 a:hover{text-decoration:none;background-color:#745ad0;color:#fff;}
.dingbu-1 a:hover span{display:block;width:50px;background:#745ad0}
.dingbu-1 .dingbu-3{background-position:-89px -236px;}
.dingbu-1 .dingbu-4{background-position:-151px -236px;}
.dingbu-1 .dingbu-5{background-position:-88px -185px;}
.dingbu-1 .dingbu-6{background-position:-150px -185px;}
/*** 搜素 ***/
.search-group {
    float: left;
    width: 800px;
    clear: none;
    transition: all .3s ease;
    position: relative;
}
.search-input {
    width: 700px;
    padding: 10px 70px 10px 30px;
    border-radius: 50px;
    color: #bbb;
    background: #fff;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #bbb;
}
.search-button {
    width: 60px;
    height: 35px;
    position: absolute;
    z-index: 100;
    right: 10px;
    top: 8px;
    background: url(../images/zk-120.png) no-repeat center 50%;
    border: none;
    outline: none;
}
.search-box {
    width: 800px;
    height: 50px;
    margin: 0 auto 50px;
}
/*** 内页栏目分类 ***/
.subchannel_main{height: 58px;line-height: 58px;background: #fff;border-radius: 5px;margin-top: 40px;}
.subchannel {width: 1200px;margin: 0 auto;}
.subchannellist {text-align: center;}
.subchannellist li {float: left;}
.subchannellist li a { padding:20px 43px;font-size:16px; color:#5b5b5b; font-weight:normal;}
.subchannellist li a:hover {color:#fff;background: #745ad0;}
.subchannellist #current a {font-weight:normal;color:#fff;background: #745ad0;}
.subchannellist .depth1{font-size:16px; font-weight:bold; }
/*** 滚动显示导航菜单 ***/
.menuse {
    position: fixed;
    top: -100px; /* 开始sticky定位时的位置 */
    transition: top 0.5s; /* 动画过渡效果 */
    z-index: 999;
    overflow: hidden;
    display: none;
    background: #fff;
    width: 100%;
    border-bottom: 1px solid #E9E9E9;
}
@media (min-scroll-position: 500px) {
    .menuse {
        display: block;
  }
}
/*** 招聘内容页 ***/
.neiye-zpy {
    padding: 30px 60px 40px;
    background: #fff;
    margin-top: 30px;
}
.zpy-nr {
    width: 100%;
}
.zpy-nr h2 {
    font-size: 20px;
    margin-bottom: 30px;
    color: #000;
}
.zpy-a1 {
    width: 100%;
    font-size: 25px;
    color: #333;
    padding-top: 30px;
}
.zpy-a2  {
    margin-top: 30px;
    color: #777;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e6e6e6;
}
.zpy-a2 ul {
    overflow: hidden;
}
.zpy-a2 ul li {
    width: 200px;
    float: left;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
}
.zpy-a3 {
    margin-top: 30px;
    color: #777;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e6e6e6;
    font-size: 15px;
}
.zpy-a5 {
    margin-top: 30px;
    color: #777;
    padding-bottom: 20px;
    font-size: 15px;
}
.zpy-nr p {
    line-height: 30px;
    margin-bottom: 15px;
    font-size: 16px;
}
.zpy-tdjl {
    border-top: 1px solid #e6e6e6;
    padding-top: 40px;
}
.zpy-tdjl h2 {
    font-size: 30px;
    line-height: 30px;
    color: #333;
    text-align: center;
}
.zpy-a7 {
    width: 100%;
    padding-top: 40px;
}
.zpy-a7 form {
    overflow: hidden;
}
.zpy-a7 table {
    margin-bottom: 20px;
}
.zpy-a7 table tbody {
    display: block;
    width: 530px;
}
.zpy-a7 table tbody tr {
	display: block;
	width: 100%;
	margin-bottom: 15px;
}
.zpy-a7 table tbody td {
	display: block;
	width: 100%;
}
.zpy-a7 table tbody input {
	height: 50px;
	display: block;
	width: 512px;
	border: none;
	padding-left: 15px;
	border: 1px solid #e6e6e6;
	font-size: 15px;
    border-radius: 5px;
}
.zpy-a7 table tbody textarea {
    display: block;
    width: 498px;
    min-height: 229px;
    max-height: 229px;
    border: none;
    padding: 15px;
    border: 1px solid #e6e6e6;
	font-size: 15px;
    border-radius: 5px;
}
.zpy-a8 .zpy-a9 {
    display: block;
    width: 150px;
    height: 50px;
    color: #fff;
    margin-left: 380px;
    border: 1px solid #745ad0;
    background: #745ad0;
    float: left;
    font-size: 15px;
    border-radius: 5px;
}
.zpy-a8 .zpy-a10 {
    display: block;
    width: 150px;
    height: 50px;
    color: #fff;
    margin-left: 20px;
    border: 1px solid #909090;
    background: #909090;
    float: left;
    font-size: 15px;
    border-radius: 5px;
}
.zpy-a11 {
    float: left;
    width: 320px;
    clear: none;
    transition: all .3s ease;
    position: relative;
}
.zpy-a12 {
    width: 150px;
    border-radius: 5px;
    border-color: #ccc;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    display: block;
    height: 24px;
    line-height: 23px;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    font-size: 16px;
}
.zpy-a11 img {
    width: 163px;
    position: absolute;
    z-index: 100;
    right: 1px;
    top: 1px;
    border-radius: 0px 5px 5px 0px;
    border-left: solid 1px #ccc;
    margin: 1px 0;
}
.zpy-a13 {
    border-bottom: 3px solid #888;
    width: 50px;
    height: 1px;
    margin: 15px auto;
}
.zpy-a14 {
    font-size: 15px;
    line-height: 15px;
    color: #888;
    text-align: center;
}
/*********关于我们*********/
.about-a1 {
    overflow: hidden;
    margin: 40px 0 50px;
}
.about-a2 {
    margin-left: 15px;
    width: 426px;
    float: right;
    height: 384px;
}
.about-a2 img {
    width: 426px;
    height: 384px;
}
.about-a3 {
    overflow: hidden;
    line-height: 43px;
    font-size: 16px;
    color: #555;
    height: 384px;
}
.about-a4 {
    text-align: center;
    margin-bottom: 40px;
}
.about-a4 h2 {
    line-height: normal;
    font-size: 28px;
    color: #000;
    padding: 0;
    margin: 0;
    display: inline-block;
}
.about-a4 h6 {
    border-bottom: 3px solid #000;
    width: 50px;
    height: 1px;
    margin: 10px auto 0px;
}
.about-a3 p {
    min-height: 50px;
    text-indent: 30px;
}
.about-a3 p {
    min-height: 43px;
    text-indent: 30px;
}
.about-a5 {
    background: url(../images/zk-125.jpg) no-repeat 0px 0px;
    padding: 60px 0;
    height: 460px;
    background-attachment: fixed;
    background-size: 100% 100%;
}
.about-a6 {
    text-align: center;
    margin-bottom: 50px;
}
.about-a6 h2 {
    line-height: normal;
    font-size: 28px;
    color: #fff;
    padding: 0;
    margin: 0;
    display: inline-block;
}
.about-a6 h6 {
    border-bottom: 3px solid #fff;
    width: 50px;
    height: 1px;
    margin: 10px auto 0px;
}
.about-a7 {
    overflow: hidden;
    background: url(../images/zk-126.jpg) no-repeat 0px 0px;
}
.about-a8 {
    width: 1200px;
    padding: 0 10px;
    margin: 60px auto;
}
.about-a9 {
    overflow: hidden;
}
.about-a9 ul li {
    width: 277px;
    float: left;
    box-sizing: border-box;
    margin-right: 30px;
}
.about-a9 ul li:nth-child(4) {
    margin-right: 0px;
}
.about-a9 ul li a {
    padding: 35px;
    display: block;
    text-align: center;
    background: #eee;
    border-radius: 5px;
}
.about-a9 ul li a:hover {
    background: #745ad0;
}
.about-a9 ul li a:hover .about-a12 {
    color: #fff;
}
.about-a9 ul li a:hover .about-a13 {
    color: #fff;
}
.about-a10 {
    margin-bottom: 30px;
    border-radius: 200px;
    overflow: hidden;
    display: inline-block;
}
.about-a10 img {
    width: 150px;
}
.about-a11 {
    padding: 0;
}
.about-a12 {
    margin-bottom: 15px;
    font-size: 22px;
    color: #333333;
}
.about-a13 {
    font-size: 15px;
    color: #979798;
    line-height: 23px;
}
.zhang-wrap {
width: 100%;
margin: 40px auto 25px;
}
.zhang-list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.zhang-list li {
width: 28%;
background: #FFF;
text-align: center;
padding: 30px 20px;
border-radius: 4px;
box-shadow: 0 3px 29px 0 rgba(191,191,191,.35);
position: relative;
overflow: hidden;
z-index: 1;
cursor: pointer;
margin-bottom: 35px;
}
.zhang-list li:hover {
background: #745ad0;
}
.zhang-list li:hover .zhang-a3 {
color: #fff;
}
.zhang-list li:hover .zhang-a4 {
color: #fff;
}
.zhang-a1 {
padding: 20px;
}
.zhang-a1 img {
width: 220px;
height: 220px;
}
.zhang-a2 {
padding-bottom: 20px;
}
.zhang-a3 {
font-size: 22px;
margin-bottom: 15px;
}
.zhang-a4 {
font-size: 16px;
color: #a6a6a6;
}
.zhang-a5 {
text-align: center;
line-height: 26px;
margin-bottom: 50px;
}
.zhang-a5 h6 {
border-bottom: 3px solid #000;
width: 50px;
height: 1px;
margin: 10px auto 20px;
}
.zhang-a6 {
display: block;
font-size: 30px;
color: #000;
line-height: 35px;
margin-bottom: 20px;
}
.zhang-a7 {
font-size: 16px;
color: #666;
}