/*鍩虹CSS*/
html {
	font-size: 14px;
	overflow-x: hidden;
	margin:0px; padding:0px;
	font-family:"寰蒋闆呴粦";
}

body{margin:0px; padding:0px;font-family:"寰蒋闆呴粦";}
li {
	list-style: none;
}
a {
	color: #212529
}
a:hover {
	text-decoration: none;
}
p, dl, dt, dd, ul {
	margin: 0px;
	padding: 0px;
}
.fl{
float:left;
}
.fr{
float:right;
}
.red{
	color:red;
}
.text-secondary a {
	color: #6c757d;
}
.card, .figure {
	margin: 15px 0;
}
.navbar-expand-lg .navbar-nav .nav-link {
	padding-right: 1.2rem;
	padding-left: 1.2rem;
	font-size: 14px;
}
.navbar-brand {
	font-size: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.shadow-sm-top {
	box-shadow: 0 -.125rem .25rem rgba(0,0,0,.075) !important;
}
/*涓婁笅澶栬竟璺?/
.mt-6, .my-6 {
	margin-top: 4rem !important;
}
.mt-7, .my-7 {
	margin-top: 5rem !important;
}
.mt-8, .my-8 {
	margin-top: 6rem !important;
}
.mt-9, .my-9 {
	margin-top: 7rem !important;
}
.mt-10, .my-10 {
	margin-top: 8rem !important;
}
.mb-6, .my-6 {
	margin-bottom: 4rem !important;
}
.mb-7, .my-7 {
	margin-bottom: 5rem !important;
}
.mb-8, .my-8 {
	margin-bottom: 6rem !important;
}
.mb-9, .my-9 {
	margin-bottom: 7rem !important;
}
.mb-10, .my-10 {
	margin-bottom: 8rem !important;
}
/*涓婁笅鍐呰竟璺?/
.pt-6, .mp-6 {
	padding-top: 4rem !important;
}
.pt-7, .py-7 {
	padding-top: 5rem !important;
}
.pt-8, .py-8 {
	padding-top: 6rem !important;
}
.pt-9, .py-9 {
	padding-top: 7rem !important;
}
.pt-10, .py-10 {
	padding-top: 8rem !important;
}
.pb-6, .py-6 {
	padding-bottom: 4rem !important;
}
.pb-7, .py-7 {
	padding-bottom: 5rem !important;
}
.pb-8, .py-8 {
	padding-bottom: 6rem !important;
}
.pb-9, .py-9 {
	padding-bottom: 7rem !important;
}
.pb-10, .py-10 {
	padding-bottom: 8rem !important;
}
/*杈规*/
.border-top-dashed {
	border-top: 1px dashed #dee2e6 !important;
}
.border-right-dashed {
	border-right: 1px dashed #dee2e6 !important;
}
.border-bottom-dashed {
	border-bottom: 1px dashed #dee2e6 !important;
}
.border-right-dashed {
	border-top: 1px dashed #dee2e6 !important;
}
/*瀛楄窛*/
.ls-1 {
	letter-spacing: 1px;
}
.ls-2 {
	letter-spacing: 2px;
}
.ls-3 {
	letter-spacing: 3px;
}
.ls-4 {
	letter-spacing: 4px;
}
.ls-5 {
	letter-spacing: 5px;
}
/*鍒嗛〉*/
.page-num:not(:disabled) {
	cursor: pointer;
}
.page-num, .page-link {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #7902cd;
	background-color: #fff;
	border: 1px solid #7902cd;
}
a.page-num:hover, .page-link:hover {
	text-decoration: none;
	color:#333;
	border: 1px solid #7902cd;
}
.page-num-current {
	z-index: 1;
	color: #fff;
	background-color: #7902cd;
	border-color: #7902cd;
}
.page-num-current:hover {
	color: #fff;
}
/*鍏朵粬*/
.pages {
	min-height: 500px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.code, .code img {
	height: 100px;
}

.position {
	height: 64px;
	line-height: 64px;
	color: #bababa;
	font-size: 14px;
	position:absolute;
	right:0px;
	top:0px;
	border-right: 1px solid #eee;
}

.position a {
	padding: 0px 10px;
	color: #bababa;
}

.position a:hover {
	text-decoration: underline;
	color: #7e7e7e;
}

.position span {
	background: url(../images/ibg.jpg) no-repeat 25px 2px;
	padding-left: 55px;
}
.content {
	color: #666;
	line-height: 2;
}
.content img, .content iframe {
	max-width: 100% !important;
}
.content li {
	list-style: disc outside none;
	margin-left: 20px;
}
/*浜у搧杞挱*/
.view {
	max-width: 500px;
}
.view .swiper-slide {
	height: 300px;
	max-width: 500px;
	padding: 0 3px;
	box-sizing: border-box;
	overflow: hidden;
	text-align: center;
}
.view .swiper-slide img {
	height: 100%;
}
.view .arrow-left {
	background: url(../images/index_tab_l.png) no-repeat left center;
	position: absolute;
	left: 10px;
	width: 28px;
	height: 300px;
	z-index: 10;
	display: none;
}
.view .arrow-right {
	background: url(../images/index_tab_r.png) no-repeat right center;
	position: absolute;
	right: 10px;
	width: 28px;
	height: 300px;
	z-index: 10;
	display: none;
}
.preview {
	position: relative;
	width: 440px;
	left: 30px;
}
.preview .swiper-slide {
	width: 87.5px;
	height: 70px;
	margin: 0 3px;
	box-sizing: border-box;
	overflow: hidden;
	cursor: pointer;
}
.preview .swiper-slide img {
	display: inline-block;
	height: 100%;
}
.preview .active-nav {
	border: 1px solid #F00;
}
.preview .arrow-left {
	background: #fff url(../images/feel3.png) no-repeat left center;
	position: absolute;
	left: -20px;
	top: 0;
	width: 20px;
	height: 70px;
	z-index: 10;
}
.preview .arrow-right {
	background: #fff url(../images/feel4.png) no-repeat right center;
	position: absolute;
	right: -20px;
	top: 0;
	width: 20px;
	height: 70px;
	z-index: 10;
}

@media only screen and (max-width: 768px) {
.view .swiper-slide {
	height: 200px;
}
.preview {
	display: none;
}
.view .arrow-left, .view .arrow-right {
	height: 200px;
	display: block;
}
}
/*鍦ㄧ嚎瀹㈡湇*/
.online {
	position: fixed;
	bottom: 250px;
	right: 10px;
	width: 99px;
	z-index: 999;
	color: #999;
}
.online a {
	color: #666;
	padding-top:35px;
	height:60px;
	display:block;
	color:#fff;
}
.online a:hover {
	text-decoration: none;
}
a.online_a1{
	
	background:url(../images/kefu-inc.png) no-repeat top center;
}
a.online_a2{
	
	background:url(../images/kefu-inc.png) no-repeat 30px -89px;
}
a.online_a3{
	
	background:url(../images/kefu-inc.png) no-repeat 30px -182px;
}
.dl1{
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
.dd2{
	padding:5px 0px;
}
.online dl {
	background:url(../images/dlb.jpg) no-repeat bottom left #56348a;
	padding: 10px 5px;
	position: relative;
}
.scroll-top{
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}
.online dl dd {
	color: #fff;
	text-align: center;
	font-size: 14px;
	cursor: pointer;
}
.online dl dd i {
	font-size: 25px;
}
.online dl:hover {
	background: #652792;
}
.online dl dt {
	position: absolute;
	top: 0px;
	right: 99px;
	background: #fff;
	border: 1px solid #ccc;
	z-index: 9999;
	display: none;
	padding: 10px 15px;
	font-weight: normal;
}
.online dl dt h3 {
	display: block;
	font-size: 16px;
	color: #666;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
}
.online dl dt h3 i {
	margin-right: 5px;
}
.online dl dt h3 span {
	float: right;
	cursor: pointer;
}
.online dl dt input {
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-top: 15px;
	height: 40px;
	line-height: 40px;
	padding: 3px 5px;
	width: 100%;
}
.online dl dt button {
	margin: 10px 0;
	border: none;
	border-radius: 5px;
	width: 100%;
	font-size: 18px;
	height: 40px;
	line-height: 40px;
	background: #28a7e1;
	color: #fff;
	cursor: pointer;
}

/*sm灞忓箷浠ヤ笂*/
@media only screen and (min-width: 576px) {
.card-img-200 {
	height: 200px;
	overflow: hidden;
}
.card-img-180 {
	height: 180px;
	overflow: hidden;
}
.card-img-150 {
	height: 150px;
	overflow: hidden;
}
.card-img-120 {
	height: 120px;
	overflow: hidden;
}
.card-img-100 {
	height: 100px;
	overflow: hidden;
}
}
/*sm灞忓箷浠ヤ笅*/
@media only screen and (max-width: 576px) {
.page-num {
	display: none;
}
.head-sm-height {
	height: 61px !important;
}
}
.w1200{width:1200px; margin:0 auto;}

header{background:url(../images/headerbg.jpg) repeat-x #fff bottom left;}
.header{width:1200px; margin:0 auto; height:54px; margin-top:20px; margin-bottom:27px; overflow:hidden; background:#fff;}
.header .toplogo{padding-right:25px; float:left; border-right:solid 1px #cccccc;}
.header .toptxt{padding-left:25px; float:left;}
.header h2,h3{margin:0px; padding:0px;}
.header .toptxt h2{font-size:20px; color:#7902cd; font-weight:bold; padding-top:2px;}
.header .toptxt h3{font-size:14px; font-weight:normal; padding-top:10px; color:#999;}
.header .toptel{float:right;}
.header .toptel h2{font-size:16px; background:url(../images/dh_03.png) no-repeat 0px 3px; padding-left:35px; line-height:25px;}
.header .toptel h3{color:#7902cd; font-weight:bold; padding-top:5px;}

.navi{height:50px; width:1200px; margin:0 auto;}
.navi ul li{float:left;}
.navi ul li a{height:50px; width:120px; display:block; font-size:16px; color:#fff; text-align:center; line-height:50px;}
.navi ul li a:hover{background:#7902cd;}
.navi ul li a.active{background:#7902cd;}
.clearBoth{clear:both;}

/* 缃戠珯棣栭〉蹇€熸姤浠 star */
.idx_baojia{width:1200px; margin:0 auto; padding-top:50px; height:270px; overflow:hidden;}
.idx_baojia_left{width:295px; height:220px; float:left;}
.idx_baojia_left .idx_baojia_left_1{margin-bottom:6px;}
.idx_baojia_left .idx_baojia_left_2{float:left; margin-right:6px;}

.idx_baojia_center{width:565px; height:220px; float:left; margin:0px 40px;}
.i_1{margin-top:10px; margin-bottom:15px;}
.i_1 label{height:33px; line-height:33px; padding-right:15px; font-size:16px; float:left;}
.i_1 .i_s{height:33px; width:152px; line-height:33px; padding:0px 10px; margin-right:5px; border:solid 1px #d2d2d2; border-radius:3px;}
.i_1 .i_p_1{float:left; height:35px; width:154px; position:relative;}
.i_1 .i_p_1 span{position:absolute; top:8px; right:10px;}
.i_1 .i_p_1 span b{color:#F00;}
.i_1 .i_p_2{position:relative;width:311px;float:left; height:35px; margin-left:8px;}
.i_1 .i_p_2 .i_s{width:311px;}
.i_1 .i_p_2 span{position:absolute; top:8px; right:10px;}
.i_1 .i_p_2 span b{color:#F00;}
.i_b{height:45px; line-height:45px; width:190px; margin-top:27px; float:left; font-size:16px; text-align:center; color:#fff; background:#9d8049; border-radius:5px; border:none;}
.idx_baojia_center p{color:#7a7a7a; padding-top:40px; font-size:12px; padding-left:20px; float:left; width:365px;}


.idx_baojia_right{width:260px; height:220px; float:right;}

/* 缃戠珯棣栭〉蹇€熸姤浠 end */


.index_tit {
    position: relative;
    margin-bottom: 40px;
	text-align:center;
}
.index_tit h2 {
    font-size: 30px;
    color: #333333;
    text-align: center;
}
.index_tit h3 {
    font-size: 18px;
    color: #999999;
    text-align: center;
    padding-bottom: 20px;
}

.index_tit::after {

    width: 400px;

    height: 1px;

    background: #cccccc;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

    display: block;

    content: "";

}



.index_tit::before {

    width: 100px;

    height: 3px;

    background: #7902cd;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

    display: block;

    content: "";

}
.fuwu {

    background: #fafafa;

}



.fuwu_w {

    padding:80px 0px 20px 0px;

    box-sizing: border-box;

}

.fuwu ul {

    font-size: 0;

}



.fuwu ul li {

    width: 24%;

    margin-right: 1.3%;

    vertical-align: top;

    display: inline-block;

    padding: 36px 48px 60px;

    box-sizing: border-box;

    background: #fff;

    box-shadow: 0 0 4px 2px #f4f4f4;

}



.fuwu ul li:nth-of-type(4n) {

    margin-right: 0;

}



.fuwu_img {
    margin-bottom: 26px;
	text-align:center;
}
.fuwu_img img {
    max-width: 100%;
    margin: 0 auto;
    height: 38px;
}



.fuwu ul li h2 {

    font-size: 22px;

    color: #000000;

    margin-bottom: 20px;

    text-align: center;

}



.fuwu ul li p {

    font-size: 14px;

    color: #000000;

    text-align: center;

}



.chuhang_w {

    padding: 80px 0;

    box-sizing: border-box;


}



.chuhang_z {

    width: 58%;

    height: 460px;

    display: flex;

    align-items: center;

    align-self: center;

    justify-content: center;

}



.chuhang_wz {
    background: rgba(121, 2, 205, 0.7);
    padding: 40px;
    box-sizing: border-box;
    font-size: 18px;
    color: #fafafa;
    line-height: 2;
    margin: 0 auto;
}



.chuhang_wz * {

    font-size: 18px;

    color: #fafafa;

}





.chuhang_y {

    width: 40%;

}



.chuhang_y ul li {

    width: 100%;

    height: 220px;

    background-size: cover;

    margin-bottom: 20px;

    padding: 40px;

    box-sizing: border-box;

}



.chuhang_y ul li:last-of-type {

    margin-bottom: 0;

}



.chuhang_y ul li h2 {

    font-size: 30px;

    color: #000000;

    margin-bottom: 20px;

}



.chuhang_y ul li h3 {

    font-size: 20px;

    color: #000000;

}
.anli_lanmu{text-align:center;}
.anli_lanmu a{margin:0px 10px; font-size:18px; }
.anli_lanmu a:hover{color:#7902cd;}

.anli_hide{width:1200px; margin:0 auto; padding-top:30px;}
.idxcaselist{width:30%; float:left; margin:0% 1.5%; text-align:center;}



.huodong_w {

    padding: 80px 0;

    box-sizing: border-box;

}



.huodong_z {
    width: 48%;
}
.huodong_z .huodong_z_img{
	margin:0 auto;
	overflow:hidden;
}

.huodong_z .huodong_z_img:hover {
        -moz-box-shadow: 0px 0px 10px #eee;
        -webkit-box-shadow: 0px 0px 10px #eee;
        box-shadow: 0px 0px 10px #eee;
		color:#333;
}
.huodong_z .huodong_z_img:hover img {
	transform: scale(1.15);
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-o-transform: scale(1.15);
	-ms-transform: scale(1.15);
}



.huodong_z_img {

    margin-bottom: 10px;

}



.huodong_z_img img {

    width: 100%;

}



.huodong_z_ms h2 {
    font-size: 18px;
    color: #333333;
    margin: 10px 0px;

}



.huodong_z_ms h3 {

    font-size: 14px;

    color: #999999;

}



.huodong_z_ms p {

    font-size: 14px;

    color: #666666;

    line-height: 1.8;

}



.huodong_y {

    width: 48%;

}



.huodong_y ul li {

    overflow: hidden;

    margin-bottom: 20px;

}
.huodong_y ul li a:hover{text-decoration:underline;}


.huodong_y ul li:last-of-type {

    margin-bottom: 0;

}



.huodong_y_riqi {

    width: 12%;

}



.huodong_y_riqi i {

    display: inline-block;

    text-align: center;

    width: 100%;

    font-weight: bold;

    font-size: 30px;

    color: #999999;

}



.huodong_y_riqi span {

    font-size: 14px;

    color: #999999;

    text-align: center;

    display: block;

}



.huodong_y_ms {
    width: 84%;
}



.huodong_y_ms h2 {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 18px;
	line-height:30px;

    color: #333333;

}



.huodong_y_ms p {

    font-size: 14px;

    color: #666666;

    line-height: 2;

}



.huodong_y ul li :hover .huodong_y_ms h2 {

    color: #7902cd;

    text-decoration: underline;

}



.huodong_y ul li :hover .huodong_y_riqi i {

    color: #7902cd;

}



.huodong_y ul li :hover .huodong_y_riqi span {

    color: #7902cd;

}



.cha {
    display: block;
    width: 120px;
    line-height: 40px;
    background: #7902cd;
	border:solid 1px #7902cd;
    text-align: center;
    font-size: 18px;
    color: #fff;
    margin: 0 auto;
    margin-top: 46px;
}
.cha:hover{
	color:#7902cd;
	border:solid 1px #7902cd;
	background:#fff;
}





.dianhua {

    padding-left: 50px;

    box-sizing: border-box;

    background-image: url("../images/dhh_03.png");

    background-position: left center;

    background-repeat: no-repeat;

    margin-bottom: 20px;

}



.dianhua h2 {
font-size:16px;

    color: #ffffff;

    margin-bottom: 8px;

}



.dianhua h3 {

    font-size: 30px;

    color: #ffffff;

    font-weight: bold;

}




/*浣撻獙鎶ュ悕*/
.home-tit {
	text-align: center;
}

.home-tit b {
	display: block;
	font-size: 36px;
	line-height: 50px;
	color: #fff;
	font-weight: bold;
}

.home-tit b i {
	color: #4dad41;
	line-height: 50px;
	display: inline-block;
	vertical-align: middle;
	font-style: normal;
}

.home-tit b em {
	font-style: normal;
}

.home-tit p {
	margin-top: 10px;
	position: relative;
}

.home-tit p span {
	position: relative;
	font-size: 16px;
	color: #999999;
	text-transform: uppercase;
}

.home-tit p span:before,
.home-tit p span:after {
	content: "";
	position: absolute;
	top: 50%;
	width: 270px;
	height: 1px;
	background: #999999;
}

.home-tit p span:before {
	left: -300px;
}

.home-tit p span:after {
	right: -300px;
}

.home-tit b .number-animate .number-animate-dom {
	width: 22px;
	line-height: 50px;
}

.home-tit b .number-animate {
	font-size: 36px;
}

.home-tit b .number-animate .number-animate-dom span, 
.home-tit b .number-animate .number-animate-dot span {
	height: 50px;
}

.home-tit b.c2 {
	color: #333;
}
.idx_line {
	height: 450px;
	background: url(../images/h3.jpg) no-repeat top center;
	margin-bottom: 40px;
	overflow: hidden;
}

.idx_line .home-tit b {
	color: #fff;
}

.box1Wrap {
	padding-top: 10px;
}

.idx_line .conn ul {
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 30px;
}

.idx_line .conn ul li {
	font-size: 16px;
	color: #fff;
	position: relative;
	padding: 0px 20px;
}

.idx_line .conn ul li::before {
	content: "/";
	display: block;
	font-size: 1.6rem;
	color: #C79E68;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.idx_line .conn ul li span {
	font-size: 24px;
	color: #C79E68;
	font-weight: normal;
}

.idx_line .conn ul li:nth-child(1)::before {
	display: none;
}

.formWrap {
	width: 600px;
	background-color: #fff;
	box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.3);
	padding: 40px 60px;
	margin: 0 auto;
	position: relative;
	top: 30px;
	overflow: hidden;
}

.mapBox {
	width: 50%;
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-line-pack: justify;
	align-content: space-between;
	float: left;
}

.mapBox a {
	font-size: 30px;
	font-weight: bold;
	color: #7E7E7E;
	display: block;
	margin-bottom: 20px;
}

.mapTxt {
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-right: 20px;
}

.mapTxt img {
	margin-right: 10px;
}

.map p {
	font-weight: 400;
	font-size: 20px;
	color: #727070;
	margin-bottom: 5px;
}

.mapTxt span {
	font-size: 16px;
	color: #727070;
	font-weight: 400;
}

#myForm {
	width: 50%;
	float: right;
}

#myForm label {
	height: 38px;
	width: 100%;
	display: block;
	position: relative;
	margin-bottom: 0;
	margin-top: 16px;
}

#myForm label:nth-child(1) {
	margin-top: 0;
}

#myForm .bint {
	border: 1px solid #BDBDBD;
	border-radius: 4px;
	width: 100%;
	height: 38px;
	background: none;
	padding-left: 10px;
}

#myForm .bint:focus {
	border-color: #3E66FC;
}

#homeSbmit {
	width: 200px;
	background-color: #3E66FC;
	height: 36px;
	color: #fff;
	border-radius: 4px;
	border: 1px solid #3E66FC;
	margin: 20px auto 0;
	display: block;
	cursor: pointer;
}

#homeSbmit:hover {
	color: #3E66FC;
	background-color: transparent;
}

/*缃戠珯搴曢儴鏍峰紡*/
#footer {
	background-color: #282828;
	clear: both;
	overflow: hidden;
	height: 310px;
	padding-top: 30px;
}
.clear{
	clear:both;
}
.contentWrap {
	height: 239px;
	overflow: hidden;
}

.contentWrap .box nav {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.footerNavBox {
	magrin-bottom: 30px;
	text-align: center;
	width: 180px;
	border-left: 1px solid #181818;
	border-right: 1px solid #3A3A3A;
}

.footerNavBox:last-child {
	border-right: 0;
}

.footerNavBox:nth-child(1) {
	border-left: 0;
}
.footerNavBox:nth-child(5) {
	width:230px
}
.footerNavBox:nth-child(6) {
	width:245px;
	padding:0px 20px;
}
.footerNavBox h2, h3 {
	color: #FCFCFC;
	margin-bottom: 20px;
}

.footerNavBox h2 {
	font-size: 20px;
}

.footerNavBox h3 {
	font-size: 16px;
	font-weight: 400;
}

.hrefDiv {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.hrefDiv a {
	display: block;
	color: #B1B1B1;
	font-size: 16px;
	margin-bottom: 15px;
}

.hrefDiv a:hover {
	color: #7902cd;
}

.hrefDiv span {
	font-size: 14px;
	color: #fff;
	display: block;
	margin-top: 10px;
}

.hrefDiv p {
	color: #B1B1B1;
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 10px;
}

.hrefDiv:last-child  .hrefDiv {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.customerService {
	width: 100%;
	background-color: #181818;
	color: #fff;
	font-size: 18px;
	height: 42px;
	margin: 10px 0 8px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border: 1px solid #181818;
}

.customerService:hover {
	background-color: transparent;
	color:#7902cd
}
.fa{margin:0px;}

footer .bot {
	background-color: #181818;
}


footer .nei {
	height: 42px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

footer .nei p {
	font-size: 14px;
	font-weight: 400;
	color: #9E9E9E;
}



/* footer */




/*涓嬪睘鏍忕洰*/
.subnavWrap {
	border-bottom: 1px solid #eee;
	height: 64px;
	background:#fff;
	position:relative;
}

.subnavWrap .box {
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.subnavWrap .subnav ul {
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.subnavWrap .subnav ul li {
	border-right: 1px solid #eee;
	font-size: 16px
}

.subnavWrap .subnav ul li:nth-child(1) {
	border-left: 1px solid #eee
}

.subnavWrap ul li a {
	height: 64px;
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	display:block;
	padding: 0 50px;
	line-height:64px;
	font-size:16px;
	color: #2B2B2B
}

.subnavWrap ul li a:hover {
	color: #fff;
	background-color: #7902cd
}

.subnavWrap ul li a.active {
	color: #fff;
	background-color: #7902cd
}

.subnavWrap .subnav ul li.active a:hover {
	color: #fff
}


/*蹇€熸姤浠?/
.baojia_w {

    padding: 40px 0;

    box-sizing: border-box;

}



.baojia_liang {

    margin-bottom: 80px;

}



.baojia_liang ul {

    font-size: 0;

}



.baojia_liang ul li {

    width: 50%;

    display: inline-block;

    vertical-align: top;

    position: relative;

    box-sizing: border-box;

}



.baojia_liang ul li:first-of-type {

    padding-left: 10%;

    background-image: url("../images/a2_03.png");

    background-position: left center;

    background-repeat: no-repeat;



}



.baojia_liang ul li:last-of-type {

    padding-left: 14%;

    background-image: url("../images/a3_06.png");

    background-position: 56px center;

    background-repeat: no-repeat;

}



.baojia_liang ul li:first-of-type::after {

    position: absolute;

    right: 0;

    top: 50%;

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

    width: 1px;

    height: 40px;

    background: #bfbfbf;

    display: block;

    content: "";

}



.baojia_liang ul li h2 {

    font-size: 20px;

    color: #333333;

    margin-bottom: 10px;

}



.baojia_liang ul li h3 {

    font-size: 14px;

    color: #333333;

}

.baojia_z ul li {

    width: 100%;
	padding-right:40px;

    height: 130px;

    background-color: #7902cd;

    line-height: 130px;

    font-size: 24px;

    color: #fff;

    padding-left: 94px;

    box-sizing: border-box;

    background-position: 28px center;

    background-repeat: no-repeat;

    margin-bottom: 10px;

    border-radius: 6px;

    position: relative;

}



.baojia_z ul li:first-of-type {

    background-image: url("../images/a14_03.png");

}



.baojia_z ul li:last-of-type {

    background-image: url("../images/aa15_03.png");

    margin-bottom: 0;

}



.baojia_z ul li:last-of-type::after {

    display: block;

    content: "";

    width: 0;

    height: 0;

    border-top: 10px solid transparent;

    border-bottom: 10px solid transparent;

    border-left: 20px solid #7902cd;

    position: absolute;

    top: 50%;

    right: -20px;

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

}



.baojia_img {

    width: 21%;

}



.baojia_img img {

    width: 100%;

}



.baojia_bd_bd {

    width: 52%;

}




.kuaisu_k {

    background-color: #fff !important;

    border-radius: 8px;

    padding: 40px;

    box-sizing: border-box;

    position: relative;

    top: -50px;

    z-index: 999;

    box-shadow: 0px 30px 50px 10px #dfdfdf;

    background-position: center center;

    background-repeat: no-repeat;

}



.kuaisu_k h2 {

    font-size: 30px;

    color: #333333;

    margin-bottom: 20px;

}



.kuaisu_k h2 span {

    font-size: 18px;

    color: #7902cd;

}
.baojia_bd_bd {

    width: 52%;

}



.huxing h2 {

    float: left;

    font-size: 16px;

    width: 15%;

    line-height: 30px;

}



.huxing {

    margin-bottom: 20px;
	overflow:hidden;

}



.huxing ul {

    float: right;

    width: 84%;

    font-size: 0;

}





.huxing>ul>li select {

    width: 100%;

    display: block;

    border: 1px solid #cccccc;

    box-sizing: border-box;

    appearance: none;

    -moz-appearance: none;

    /* Firefox */

    -webkit-appearance: none;

    /* Safari 鍜 Chrome */

    padding: 0 14px;

    height: 30px;

    background-image: url("../images/sanjaoa_03.png");

    background-position: right;

    background-repeat: no-repeat;

    border-radius: 6px;

    background-color: rgba(255, 255, 255, 0);
    background-position-x: 90%;



}



.huxing ul li {

    display: inline-block;

    vertical-align: top;

    width: 23%;

    margin-right: 2%;

}



.huxing ul li:last-of-type {

    margin-right: 0;

}



.huxing .inp input {

    width: 72%;

    display: block;

    line-height: 30px;

    border: 1px solid #cccccc;

    box-sizing: border-box;

    border-radius: 6px;

    padding: 0 20px;

    box-sizing: border-box;

    color: #333;

    font-size: 14px;

    background: none;

    margin-left: 7px;
    height: 30px;



}



.huxing .inp {

    float: right;

    width: 85%;

}



.huxing input::-webkit-input-placeholder {

    color: #999999;

    font-size: 14px;

}









.huxing input[type="radio"] {

    appearance: none;

    -webkit-appearance: none;

    outline: none;

    margin: 0;

    vertical-align: text-bottom;

    margin-right: 0px;

}



.huxing input[type="radio"]:after {

    display: block;

    content: "";

    width: 100%;

    height: 30px;

    background: none;



}



.huxing input[type="radio"]:checked:after {

    background: none;



}

.huxing .fengge li.on input{

    opacity: 0;

}



.huxing .fengge li {

    width: 13.5%;

    position: relative;

    cursor: pointer;

    border-radius: 6px;

    box-sizing: border-box;

    height: 32px;

    line-height: 32px;
    border: 1px solid #cccccc;

}

.huxing .fengge li.on{

    background: #7902cd;

}



.huxing .fengge li input {

    width: 100%;

    display: block;

    line-height: 30px;

    border: 1px solid #cccccc;

    border-radius: 6px;

    position: absolute;

    z-index: 999;
    height: 30px;
    opacity: 0;





}



.huxing .fengge li span {

    position: absolute;

    width: 100%;

    left: 0%;

    right: 0;

    top: 50%;

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

    font-size: 14px;

    margin: auto;

    text-align: center;

    color: #999999;

    height: 100%;

    line-height: 32px;

}



.huxing .fengge li.on span{

    color: #fff;

}



.huxing_z {

    width: 36%;

}



.huxing_z h2 {

    width: 36%;

}



.huxing_z .int {

    width: 55.5%;

}



.huxing_z .int input {

    width: 100%;

    display: block;

    line-height: 30px;
    height: 30px;

    border: 1px solid #cccccc;

    box-sizing: border-box;

    border-radius: 6px;

    padding: 0 20px;

    box-sizing: border-box;

    color: #333;

    font-size: 14px;

    background: none;

}



.huxing_y {

    width: 58%;

}



.huxing_y h2 {

    width: 23%;

}



.huxing_y .int {

    width: 40%;

}



.huxing_y .intt {

    width: 35%;

}



.huxing_y .int input {

    width: 100%;

    display: block;

    line-height: 30px;
    height: 30px;

    border: 1px solid #cccccc;

    box-sizing: border-box;

    border-radius: 6px;

    padding: 0 20px;

    box-sizing: border-box;

    color: #333;

    font-size: 14px;

    background: none;

}



.intt dl {

    font-size: 0;

}




.intt dl dt {

    display: inline-block;

    vertical-align: top;

    width: 40%;

}



.intt dl dt input {

    width: 100%;

    display: block;

}
.shenme_w {

    padding: 80px 0;

    box-sizing: border-box;

}



.shenme h2 {

    line-height: 60px;

    font-size: 34px;

    color: #353535;

    margin-bottom: 30px;



}



.shenme h2 span {

    font-size: 16px;

    color: #898989;

    margin-left: 10px;

}



.shenme ul {

    font-size: 0;



}



.shenme_img {

    margin-bottom: 40px;
	text-align:center;

}



.shenme_img img {

    margin: 0 auto;

    height: 100px;




}



.shenme_img img:last-of-type {

    display: none;

}



.shenme ul li {

    display: inline-block;

    width: 23%;

    border: 1px solid #e5e5e5;

    box-sizing: border-box;

    padding: 40px 40px 20px;

    min-height: 320px;

    margin-right: 2.6%;

    margin-bottom: 40px;

    vertical-align: top;

}



.shenme ul li:nth-of-type(4n) {

    margin-right: 0;

}



.shenme ul li h3 {

    text-align: center;

    font-size: 24px;

    color: #3b3b3b;

    margin-bottom: 10px;

}



.shenme ul li p {

    font-size: 16px;

    color: #898989;

    padding: 0 5%;

    box-sizing: border-box;

}



.shenme ul li:hover h3 {

    color: #7902cd;

}



.shenme ul li:hover p {

    color: #7902cd;

}



.shenme ul li:hover .shenme_img img:last-of-type {

    display: block;

}



.shenme ul li:hover .shenme_img img:first-of-type {

    display: none;

}


.card-title span{font-size:14px; float:right; line-height:22px;}




.designTeamDetailsWrap .one {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        background-color: #f4e5fe;
		margin-top:30px;
		margin-bottom:0px;
		}
.designTeamDetailsWrap .one .imgBox {
            width: 340px;
			}
.designTeamDetailsWrap .one .imgBox img {
                width: 100%;
            }

.designTeamDetailsWrap .txtBox {
            padding: 15px;
            width: calc(100% - 350px);
			}
.designTeamDetailsWrap .txtBox .up {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
				}
.designTeamDetailsWrap .txtBox .up h3 {
                    font-size: 20px;
                    color: #18171D;
                    font-weight: 600;
                }

.designTeamDetailsWrap .txtBox ul li {
                    font-size: 14px;
                    display: -webkit-box;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                    justify-content: space-between;
                    -webkit-box-align: start;
                    -ms-flex-align: start;
                    align-items: flex-start;
                    margin-bottom: 20px;
                    line-height: 1.8;
					}
.designTeamDetailsWrap .txtBox ul li strong {
                        color: #333;
                        width: 70px;
                        text-align-last: justify;
                        text-align: justify;
                        text-justify: distribute-all-lines;
                    }
.designTeamDetailsWrap .txtBox ul li p {
                        color: #666;
                        width: calc(100% - 90px);
                    }


.designTeamDetailsWrap .two {
	overflow: hidden;
}
.designTeamDetailsWrap .two .listWrap {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: calc(100% + 22px);
}
.designTeamDetailsWrap .two .listWrap .imgBox{
	overflow:hidden;
}
.designTeamDetailsWrap .two .listWrap .imgBox:hover {
        -moz-box-shadow: 0px 0px 10px #eee;
        -webkit-box-shadow: 0px 0px 10px #eee;
        box-shadow: 0px 0px 10px #eee;
		color:#333;
}
.designTeamDetailsWrap .two .listWrap .imgBox:hover img {
	transform: scale(1.15);
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-o-transform: scale(1.15);
	-ms-transform: scale(1.15);
}

.designTeamDetailsWrap .two .MoreA {
    display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
    color: #fff;
    width: 183px;
    height: 46px;
    background-color: #7902cd;
    margin: 20px auto 50px;
    border: 1px solid #7902cd;
}
.designTeamDetailsWrap .two .MoreA:hover{
	border: 1px solid #7902cd;
	background:#fff;
	color:#7902cd;
}
.titles1 {
    width: 100%;
    display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    border-bottom: 1px solid #eee;
	margin:30px 0px;
	padding-bottom:10px;
}

.designTeamDetailsWrap .two .titles1::before {
        content: "";
        display: block;
        height: 24px;
        width: 3px;
        background-color: #D2A97E;
        margin-right: 6px;
    }
.designTeamDetailsWrap .two .titles1 h3 {
        font-size: 28px;
        color: #2B2B2B;
        margin-right: 20px;
        font-weight: 400;
		position:relative; 
    }
.designTeamDetailsWrap .two .titles1 span {
        font-size: 14px;
        color: #C6C4C4;
        text-transform: uppercase;
    }

.photoListBox {
	width: calc(33.33% - 30px);
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		float:left;
		margin:0px 15px 30px 15px;
}
.photoListBox:hover{
	color:#333;
	-moz-box-shadow: 0px 0px 10px #eee;
	-webkit-box-shadow: 0px 0px 10px #eee;
	box-shadow: 0px 0px 10px #eee;
}
.photoListBox:hover .imgBox img {
	transform: scale(1.15);
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-o-transform: scale(1.15);
	-ms-transform: scale(1.15);
}
.photoListBox .imgBox{
	margin:0 auto;
	overflow:hidden;
}
.photoListBox .imgBox img {
	transition: all 0.6s cubic-bezier(0.34, 1.01, 1, 1);
	-webkit-transition: all 0.6s cubic-bezier(0.34, 1.01, 1, 1);
	-moz-transition: all 0.6s cubic-bezier(0.34, 1.01, 1, 1);
	-ms-transition: all 0.6s cubic-bezier(0.34, 1.01, 1, 1);
	-o-transition: all 0.6s cubic-bezier(0.34, 1.01, 1, 1);
}
.photoListBox .txtBox {
	padding-top: 10px;
	padding-left: 10px;
	width:358px;
	margin:0 auto;
	border: 1px solid #ECECEC;
}
.photoListBox .txtBox .tit {
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #18171D;
}
.photoListBox .txtBox .tit h4 {
	font-size: 16px;
	font-weight: 400;
	line-height:22px;
	padding-right:10px;
	
}
.photoListBox .txtBox p{
	padding-bottom:10px;
}

/*妗堜緥绛涢€?/
.conditionWrap {
    border: 1px solid #eee;
    margin-bottom: 15px;
	margin-top:30px;
}
.conditionWrap .up {
	height: 47px;
	background-color: #eee;
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 14px 0 30px;
}
.conditionWrap .up strong {
	font-size: 16px;
	color: #2B2B2B;
	font-weight: 400;
}
.conditionWrap .up span {
	font-size: 16px;
	color: #999;
	cursor: pointer;
}
.conditionWrap .up span:hover {
	color: #3E66FC;
}
.conditionBox{
	padding: 0 30px;
	display: block;
}
.conditionBox .box {
	border-bottom: 1px solid #eee;
	padding-top: 15px;
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	font-size: 16px;
}
.conditionBox .box:last-child {
	border-bottom: 0;
}
.conditionBox strong {
	margin-right: 30px;
	display: inline-block;
	color: #18171D;
}
.conditionBox .condition {
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	color: #777;
}
.conditionBox .condition a {
	margin-bottom: 15px;
	display: block;
	margin-right: 36px;
	padding:3px 5px;
}
.conditionBox .condition a.btn-ligh{
	font-size:16px;
}

.conditionBox .condition a:hover{
	background:#7902cd;
	color:#fff;
}
.conditionBox .condition a.active{
	background:#7902cd;
	color:#fff;
}


/*妗堜緥璇︽儏*/
.designTeamIntroduction {
	padding-top:30px;
    margin-bottom: 80px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    }
.designTeamIntroduction .leftBox {
	width: calc(100% - 340px);
}
.designTeamIntroduction .leftBox .up {
	padding-bottom: 20px;
	border-bottom: 1px dashed #D0CFCF;
}
.designTeamIntroduction .leftBox .up .tit {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 15px;
}
.designTeamIntroduction .leftBox .up .tit h4 {
	font-size: 18px;
	color: #18171D;
	font-weight: 400;
	position: relative;
}
.designTeamIntroduction .leftBox .up .tit h4::after {
	content: "";
	display: block;
	position: absolute;
	top: -22px;
	left: 0;
	background-color: #D2A97E;
	width: 2em;
	height: 3px;
}

.designTeamIntroduction .Popularity {
	border: 1px solid #E5E5E5;
	padding: 5px 15px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.designTeamIntroduction .Popularity img {
	margin-right: 5px;
}
.designTeamIntroduction .Popularity span {
	color: #18171D;
	font-size: 14px;
}

.designTeamIntroduction .bot {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.designTeamIntroduction .bot p {
	font-size: 14px;
	color: #666;
}
.designTeamIntroduction .shareBox {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.designTeamIntroduction .shareBox a {
	display: inline-block;
	margin: 0 2px;
}

.designTeamIntroduction .con {
	padding: 30px 0;
}
.designTeamIntroduction .con h4 {
	width: 120px;
	height: 28px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #7903cb;
	font-weight: 400;
	color: #fff;
	font-size: 14px;
	margin-bottom: 20px;
}
.designTeamIntroduction .con p {
	font-size: 14px;
	color: #666;
	line-height: 1.8;
}
.designTeamIntroduction .Page {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	align-items: center;
}
.designTeamIntroduction .Page a {
	font-size: 16px;
	color: #666;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.designTeamIntroduction .Page a:hover {
	color: #D2A97E;
}
.designTeamIntroduction .Page i {
	width: 12px;
	height: 12px;
	background-repeat: no-repeat;
}
.designTeamIntroduction .Page a:nth-child(1) i {
	background-image: url("../images/l1.png");
	background-position: center left;
	margin-right: 5px;
}
.designTeamIntroduction .Page a:hover i {
	background-position: center right;
}

.designTeamIntroduction .Page a:nth-child(2) i {
	background-image: url("../images/r1.png");
	background-position: center right;
	margin-left: 5px;
}
.designTeamIntroduction .Page a:nth-child(2):hover i {
	background-position: center left;
}

.designTeamIntroduction .rightBox {
	width: 290px;
	background-color: #f4e5fe;
	padding: 25px;
}
.designTeamIntroduction .rightBox .tit {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	margin-bottom: 30px;
}
.designTeamIntroduction .rightBox .tit h4 {
	font-size: 18px;
	color: #18171D;
	font-weight: 400;
	margin-right: 10px;
	margin-bottom:0px;
}
.designTeamIntroduction .rightBox .tit span {
	text-transform: uppercase;
	font-size: 14px;
	color: #676766;
}

.designTeamIntroduction .rightBox .con {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding:0px;
}
.designTeamIntroduction .rightBox .con .imgBox {
	width: 130px;
	margin-right: 15px;
}
.designTeamIntroduction .rightBox .con .imgBox img {
	width: 100%;
}

.designTeamIntroduction .rightBox .txtBox {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-line-pack: end;
	align-content: flex-end;
}
.designTeamIntroduction .rightBox .txtBox h5 {
	font-size: 18px;
	font-weight: 400;
	color: #18171D;
	margin-bottom: 5px;
}
.designTeamIntroduction .rightBox .txtBox p {
	font-size:14px;
	color: #676766;
}
.designTeamIntroduction .rightBox .txtBox a {
	width: 100%;
	margin-top: 10px;
	text-transform: uppercase;
	display: block;
	text-align: center;
	height: 25px;
	border: 1px solid #D2A97E;
	font-size: 12px;
	line-height: 25px;
}
.designTeamIntroduction .rightBox .txtBox a.make {
	background-color: #D2A97E;
	color: #fff;
}
.designTeamIntroduction .rightBox .txtBox a.make:hover {
	color: #D2A97E;
	background-color: transparent;
}

.designTeamIntroduction .rightBox .txtBox a.move_d {
	color: #D2A97E;
}
.designTeamIntroduction .rightBox .txtBox a.move_d:hover {
	color: #fff;
	background-color: #D2A97E;
}
/* 娲诲姩璧勮*/
.companyWrap {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:start;
	-ms-flex-align:start;
	align-items:flex-start;
	margin-bottom:50px;
	padding-top:30px;
}
.companyWrap .leftBox {
	width:calc(100% - 340px)
}
.companyWrap .leftBox .box {
	background-color:#fff;
	margin-bottom:18px;
	padding:24px 30px;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.companyWrap .leftBox .box:hover {
	box-shadow:0px 0px 20px 0px rgba(60,60,60,0.15)
}
.companyWrap .leftBox .box .imgBox {
	width:300px
}
.companyWrap .leftBox .box .imgBox img {
	width:100%
}
.companyWrap .leftBox .box .txtBox {
	padding-left:30px;
	width:calc(100% - 300px)
}
.companyWrap .leftBox .box .txtBox .up {
	padding-bottom:10px;
	border-bottom:1px solid #D4B388;
	margin-bottom:10px
}
.companyWrap .leftBox .box .txtBox .up h4 {
	font-size:18px;
	color:#2B2B2B;
	margin-bottom:10px
}
.companyWrap .leftBox .box .txtBox .up .timeBox {
	font-size:14px
}
.companyWrap .leftBox .box .txtBox .up .timeBox time {
	color:#C1C0C0
}
.companyWrap .leftBox .box .txtBox .up .timeBox span {
	display:inline-block;
	color:#D4B388;
	padding-left:12px
}
.companyWrap .leftBox .box .txtBox .bot p {
	color:#2B2B2B;
	font-size:14px;
	line-height:1.5;
	text-overflow:-o-ellipsis-lastline;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	line-clamp:2;
	-webkit-box-orient:vertical
}
.companyWrap .leftBox .box .txtBox .bot a {
	color:#000;
	font-size:14px;
	width:150px;
	height:30px;
	border:1px solid #DCD8DC;
	border-radius:4px;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	margin-top:15px
}
.companyWrap .leftBox .box .txtBox .bot a:hover {
	background-color:#D4B388;
	color:#fff;
	border-color:#D4B388
}
.companyWrap .rightBox {
	width:300px
}
.companyWrap .rightBox section {
	margin-bottom:22px
}
.companyWrap .rightBox .one {
	background-color:#fff
}
.companyWrap .rightBox .one .tit {
	width:100%;
	height:55px;
	background-color:#D2A97E;
	font-size:18px;
	color:#FEFEFE;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.companyWrap .rightBox .one #myForm {
	display:block;
	padding:20px;
	width:100%;
	float:none;
}
.companyWrap .rightBox .one #myForm label {
	display:block;
	height:36px
}
.companyWrap .rightBox .one #myForm label>input,.companyWrap .rightBox .one #myForm label select {
	border:1px solid #E0E0E0;
	background-color:#fff;
	width:100%;
	height:36px;
	padding-left:20px;
	padding-right:30px;
	font-size:14px;
	color:#999
}
.companyWrap .rightBox .one #myForm label>input::-webkit-input-placeholder,.companyWrap .rightBox .one #myForm label select::-webkit-input-placeholder {
	color:#999
}
.companyWrap .rightBox .one #myForm label>input::-moz-placeholder,.companyWrap .rightBox .one #myForm label select::-moz-placeholder {
	color:#999
}
.companyWrap .rightBox .one #myForm label>input:-ms-input-placeholder,.companyWrap .rightBox .one #myForm label select:-ms-input-placeholder {
	color:#999
}
.companyWrap .rightBox .one #myForm label select {
	cursor:pointer
}
.companyWrap .rightBox .one #myForm label.selectBox {
	position:relative
}
.companyWrap .rightBox .one #myForm label.selectBox::after {
	content:"";
	display:block;
	position:absolute;
	top:0;
	right:1px;
	height:100%;
	width:31px;
	background:url("../images/bg5.jpg") no-repeat center;
	background-size:100% auto;
	pointer-events:none
}
.companyWrap .rightBox .one #myForm .radioBox {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
}
.companyWrap .rightBox .one #myForm .radioBox label {
	position:relative;
	width:calc(50% - 10px);
	border:0;
	overflow:hidden;
	cursor:pointer
}
.companyWrap .rightBox .one #myForm .radioBox label span {
	font-size:16px;
	color:#999;
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	border:1px solid #E0E0E0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	box-sizing:border-box
}
.companyWrap .rightBox .one #myForm .radioBox label i {
	width:30px;
	height:30px;
	background-color:#D2A97E;
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	position:absolute;
	right:-15px;
	bottom:-15px;
	display:none
}
.companyWrap .rightBox .one #myForm .radioBox label i::after {
	content:"";
	display:block;
	width:100%;
	height:100%;
	background-image:url("../images/d1.png");
	background-position:center;
	background-size:10px auto;
	background-repeat:no-repeat;
	position:absolute;
	top:-10px;
	left:0;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg)
}
.companyWrap .rightBox .one #myForm .radioBox label input {
	opacity:0;
	width:100%;
}
.companyWrap .rightBox .one #myForm .radioBox label input:checked+span {
	color:#D2A97E;
	border-color:#D2A97E
}
.companyWrap .rightBox .one #myForm .radioBox label input:checked+span+i {
	display:block
}
.companyWrap .rightBox .one #myForm #offerTelSbmit {
	width:260px;
	height:36px;
	border:1px solid #7903cb;
	background-color:#7903cb;
	font-size:14px;
	color:#fff;
	cursor:pointer
}
.companyWrap .rightBox .one #myForm #offerTelSbmit:hover {
	background-color:transparent;
	color:#7903cb
}
.companyWrap .rightBox .two a {
	display:block;
	position:relative
}
.companyWrap .rightBox .two a img {
	width:100%
}
.companyWrap .rightBox .two a .box {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding-top:50px;
	text-align:center
}
.companyWrap .rightBox .two a .box h4 {
	font-size:24px;
	color:#fff;
	font-weight:400
}
.companyWrap .rightBox .two a .box h4 span {
	color:#2A1A0B
}
.companyWrap .rightBox .two a .box p {
	text-transform:uppercase;
	color:#fff;
	font-size:12px;
	margin:10px 0 5px
}
.companyWrap .rightBox .two a .box p span {
	color:#593C20
}
.companyWrap .rightBox .two a .box i {
	width:38px;
	height:2px;
	background-color:#2A1A0B
}
.companyWrap .rightBox .three .up {
	height:55px;
	background-color:#ECECEC;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	font-size:18px;
	color:#2B2B2B;
	font-weight:bold
}
.companyWrap .rightBox .three ul {
	background-color:#fff;
	padding:25px
}
.companyWrap .rightBox .three ul li {
	line-height:2.4;
	cursor:pointer
}
.companyWrap .rightBox .three ul li p {
	font-size:14px;
	color:#2B2B2B;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.companyWrap .rightBox .three ul li a {
	font-size:14px;
	display:none;
	color:#D2A97E;
	align-items:flex-start;
	padding:8px 5px;
	border-bottom:1px solid #eee
}
.itemcontent p{
    line-height: 2em;
}
.itemcontent li{
    line-height: 2em;
}
.itemcontent h2{
    line-height: 2em;
}
.companyWrap .rightBox .three ul li a img {
	width:80px
}
.companyWrap .rightBox .three ul li a span {
	display:block;
	width:calc(100% - 80px);
	padding:5px;
	line-height:1.4;
	font-size:12px
}
.companyWrap .rightBox .three ul li:hover p {
	display:none
}
.companyWrap .rightBox .three ul li:hover a {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex
}
.itemtitle {
	font-size: 24px;
	color: #282828;
	text-align: center;
	line-height: 55px;
}

.itemauthor {
	border-bottom: solid 1px #ececec;
	color: #7e7e7e;
	text-align: center;
	padding-bottom: 20px;
}

.itemcontent {
	padding: 50px;
	line-height: 24px;
	font-size: 14px;
	color: #7e7e7e;
}


/*鑱旂郴鎴戜滑*/
.contactBox {
padding-top:30px;
}
.contactBox .up {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	padding-bottom:70px;
	border-bottom:1px #D0CFCF dashed;
	margin-bottom:40px
}
.contactBox .up .box {
	height:120px;
	border:1px solid #DCDADA;
	padding:0 55px;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	background-image:url("../images/bg1.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	padding-right:100px;
}
.contactBox .up .box img {
	margin-right:48px
}
.contactBox .up .box .txt {
	line-height:1.5
}
.contactBox .up .box .txt p {
	font-size:18px;
	color:#2B2B2B
}
.contactBox .up .box .txt strong {
	display:block;
	color:#D2A97E;
	font-size:24px
}
.contactBox .up .box .txt span {
	font-size:14px;
	color:#2B2B2B
}
.contactBox .up .box.maptxt .txt {
	line-height:1.8
}
.contactBox .addressWrap {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:start;
	-ms-flex-align:start;
	align-items:flex-start;
	margin-bottom:80px
}

.contactleft{height:410px; width:465px; float:left; padding-left:50px; padding-top:40px; color:#7e7e7e;}
.contacttel h1{font-size:48px;}
.contacttel p{padding-bottom:10px;}
.contactleft .foottxt{width:520px;}
.contactleft .foottxt ul li{ color:#4b4a4a; width:200px; float:left; overflow:hidden; padding-right:15px;}
.contactleft .footpic ul li{margin-left:0px; margin-right:40px;}
.contactright{width:674px; float:left; margin-top:40px; overflow:hidden;}
.foottxt{height:145px; float:left;}
.foottxt ul li{width:625px; float:left; line-height:30px; color:#dedede; padding-top:15px;}

.footpic{height:155px; width:625px; float:right;}
.footpic ul li{height:130px; width:120px; float:left; margin-left:40px; text-align:center;}
.footpic ul li p{line-height:35px; color:#b3b3b3;}
.footpic ul li img{width:120px; height:120px;}



.subm{
	    width: 20%;
    display: block;
    background: #7902cd;
    border-radius: 6px;
    font-size: 18px;
    color: #ffffff;
    border: none;
    height: 40px;
    margin-left: 16%;
    cursor: pointer;
}

/*蹇€熸姤浠?/
.bj{margin-bottom:15px; overflow:hidden;}
.bj h2{float:left; margin-right:20px; font-size:18px; font-weight:normal;}
.bj select{padding:2px 10px;}
.bj input{padding:2px 10px;}




/*鍙嬫儏閾炬帴*/
.index-link{width:1200px; margin:0 auto; line-height:30px;}



/*缃戠珯棣栭〉鏈嶅姟娴佺▼*/
.process{height:184px; width:1200px; margin:0 auto; background:url(../images/process-bg.jpg) no-repeat; padding-top:39px; padding-left:60px;}
.process-left{width:230px; float:left; padding-top:15px;}
.process-left p{color:#8c8c8c;}
.process-right{float:right; width:910px;}
.process-right ul{background:url(../images/process-li.jpg) no-repeat; overflow:hidden;}
.process-right ul li{float:left; height:120px; width:86px; text-align:center; padding-top:85px; margin-right:40px;}


/*缃戠珯棣栭〉璁捐甯?/
.idx_design{padding-top:50px; padding-bottom:60px; background:url(../images/idx-design-bg.jpg) no-repeat top center;}
.idx_design_con{margin:0 auto; width:1200px; overflow:hidden;}
.design_tit{height:80px; overflow:hidden;}
.design_tit h1{float:left; font-size:28px;}
.design_tit h1 p{font-size:16px; color:#504f4f; padding-top:10px;}
.design_tit h2{border-left:solid 1px #c9c9c9; height:53px; line-height:53px; margin-top:7px; float:left; margin-left:25px; padding-left:25px;}
.design_tit h2 a{font-size:24px; margin-right:20px;}
.design_tit h2 a:hover{color:#56348a;}
.design_tit span{float:right; margin-top:17px;}
.design_tit span a{display:block; height:34px; color:#fff; line-height:34px; width:105px; text-align:center; background:#56348a;}
.design_tit span a:hover{background:#230a4a;}

.design_list{padding-top:40px;}
.design_list ul li{float:left; margin:0px 10px; box-shadow: 10px 10px 5px #ccc;transform:translate(0,-15px);}
.design_list ul li:last-child{margin-right:0px;}
.design_list ul li:hover{transform:translate(0,-30px);}


/*缃戠珯棣栭〉浜旈浂鎵胯 */
.idx_ling{height:265px; background:url(../images/idx-ling-bg.jpg) no-repeat top center;}
.idx_ling_con{height:265px; width:1200px; margin:0 auto; padding:58px 0px;}