@charset "utf-8";
* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

@font-face {
	font-family: 'pf';
	src: url('../fonts/PINGFANGMEDIUM_0.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'eng';
	src: url('../fonts/eng.ttf');
	font-weight: normal;
	font-style: normal;
}

html {
	margin: 0 auto;
}

body {
	margin: 0 auto;
	/*background: #222;*/
	/*color: #eeeeee;*/
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	font-weight: normal;
	margin: 0;
	line-height: 1;
}

p {
	line-height: 1.5;
}

a,
a:visited {
	text-decoration: none;
	color: #000;
}

li {
	list-style: none;
}

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

fieldset,
input,
button,
textarea {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	-webkit-appearance: none;
}

input[type='checkbox'] {
	-webkit-appearance: checkbox;
}

input[type='radio'] {
	-webkit-appearance: radio;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.cl:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}

.img {
	max-width: 100%;
	height: auto;
	display: block;
}

.img2 {
	max-height: 100%;
	width: auto;
}

.trans {
	-moz-transition: all ease .8s;
	-webkit-transition: all ease .8s;
	-o-transition: all ease .8s;
	transition: all ease .8s;
}

.trans04 {
	-moz-transition: all ease .4s;
	-webkit-transition: all ease .4s;
	-o-transition: all ease .4s;
	transition: all ease .4s;
}

.trans2 {
	-moz-transition: all ease 2s;
	-webkit-transition: all ease 2s;
	-o-transition: all ease 2s;
	transition: all ease 2s;
}

.transcalxzero {
	transform: scaleX(0);
	-o-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-webkit-transform: scaleX(0);
}

.transcaletop {
	transform: scale(1, 0);
	-o-transform: scale(1, 0);
	-ms-transform: scale(1, 0);
	-moz-transform: scale(1, 0);
	-webkit-transform: scale(1, 0);
}

.bg {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	padding-bottom: 31%;
}

.bg0 {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.absolute {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.abs {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.line1{
	-webkit-line-clamp: 1;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.line2{
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.flex {
	display: box;
	/* OLD - Android 4.4- */
	display: flexbox;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

/*公共*/

.fl {
	float: left;
}

.fr {
	float: right;
}

.cb {
	clear: both;
}

.c12 {
	width: 1200px;
	margin: auto;
}

.cover {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.contain {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

a,
.tran,
img {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

a {
	color: #000;
}

.tran5 {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.pic {
	transition: all 2s;
	-webkit-transition: all 2s;
}


[class*=' int-onlyimg-'] img,[class^=int-onlyimg-] img {
	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease;
	-ms-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease
}

.int-onlyimg-larger:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}

.int-onlyimg-small:hover img {
	-webkit-transform: scale(.9);
	-moz-transform: scale(.9);
	-ms-transform: scale(.9);
	-o-transform: scale(.9);
	transform: scale(.9)
}

.pic.cover {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.pic.contain {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.contain {
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.none {
	display: none;
}
.mg40{
	margin: 80px 0px;
}
.phone-show{
	display: none;
}
.pc-show{
	display: block;
}

/*图片放大*/

.big-img {
	width: 100%;
	height: 100%;
	animation: changeBiger 10s cubic-bezier(0, 0, 0, 0.34) forwards;
	transform: scale(1.08);
}

.slide_nav {
	background: #555;
	overflow: auto;
	padding-bottom: 30px;
	transition: all 0.6s;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	width: 100%;
	position: fixed;
	left: -100%;
	top: 0;
	height: 100%;
	z-index: 99999999;
}

.slide_nav.left_active {
	left: 0;
}

.slide_nav .slide_logo {
	background: rgba(0, 0, 0, 0.2);
	text-align: center;
	padding: 15px 0;
}

.slide_nav .slide_logo a {
	display: block;
}

.slide_nav .slide_logo a img {
	max-width: 54%;
}

.slide_nav .slide_nav_ul {
	margin-top: 8%;
}

.slide_nav .slide_nav_ul li {
	text-align: center;
	position: relative;
	width: 100%;
	line-height: 50px;
}

.slide_nav .slide_nav_ul .slideJA {
	font-size: 16px;
}

.slide_nav .slide_nav_ul .slideNavSecon {
	display: none;
	overflow: hidden;
	background: #888;
}

.slide_nav .slide_nav_ul .slideNavSecon a {
	display: block;
}

.slide_nav .slide_nav_ul .slideNavSecon.active {
	height: 100%;
}

.slide_nav .slide_nav_ul li a {
	font-size: 15px;
	color: #fff;
	height: 50px;
	display: block;
}

.slide_nav .slide_nav_ul .slide_nav_ulLast a {
	display: inline-block;
}

.slide_nav .slide_nav_ul .slide_nav_bg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: none;
}

.slide_nav .slide_nav_ul .slide_nav_bg span {
	background: #fff;
	height: 50px;
}

.slide_nav .slide_nav_ul .slide_nav_wz {
	width: 100%;
	height: 50px;
	position: relative;
	left: 0;
	top: 0;
	z-index: 10;
	line-height: 50px;
}

.phone_back {
	width: 60%;
	height: 40px;
	display: block;
	font-size: 14px;
	margin: 0 auto;
	margin-top: 20px;
	border: 0;
	background: #fff;
	color: #000;
	text-align: center;
	line-height: 40px;
}

header {
	height: 82px;
	background: #fff;
	top: 0px;
	left: 0px;
	z-index: 995;
	width: 100%;
	display: flex;
	justify-content: flex-start;
}
header:hover{
	/*background-color: #fff;*/
}
header .menu {
	display: none;
}

header .main {
	padding-left: 5%;
	overflow: hidden;
	width:40%;
}
header .top-phone-box{
	padding-top: 32px;
	font-size: 16px;
	padding-left: 50px;
}

header .logo {
	width: 20%;
	height: 100%;
	text-align: center;
}

header .logo .logo-web{
	height: 60px;
	margin-top: 12px;
}
header .logo .logo-phone{
	display: none;
}

header .logo .pic {
	height: 80%;
	position: absolute;
	top: 10%;
	transform: translateY(-50%);
}

header .main .top {
	background: #5d5959;
	overflow: hidden;
}

header .main .top .box {
	float: left;
	height: 85px;
	line-height: 85px;
	color: #ffe2a9;
	margin-left: 9%;
}

header .main .top .box:nth-child(2) {
	margin-left: 5%;
}

header .main .top .box p {
	line-height: 85px;
	float: left;
	letter-spacing: 2px;
}

header .main .top .box span {
	display: block;
	float: left;
	line-height:100px;
	margin: -5px 15px 0 30px;
}

header .main .top a {
	display: block;
	height: 85px;
	line-height: 85px;
	float: left;
	margin-left: 9%;
	background: #967f63;
	padding: 0 20px;
	color: #333;
	letter-spacing: 2px;
}

header .main .top a span {
	display: inline-block;
	width: 33px;
	height: 25px;
	background-image: url(../images/mall.png);
	vertical-align: middle;
	margin-top: -8px;
}

header .main .top a:hover {
	opacity: .7;
}
.pc_slide_nav_ul{
    display: flex;
    justify-content: space-between;
    /*line-height: 80px;*/
    font-size: 16px;
}
.pc_slide_nav_ul li .slide_nav_wz{
    color: #333;
	line-height: 80px;
	font-weight: bold;
}
.pc_slide_nav_ul li:hover .slide_nav_wz{
	color: #e63a36;
}
.pc_slide_nav_ul li .pc_slideNavSecon{
    display: none;
    position: absolute;
    flex-flow: column;
    background: #eee;
    border-radius: 5px;
	margin-top: -20px;
	overflow: hidden;
	margin-left: -10px;
	z-index: 99;
}
.pc_slide_nav_ul li:hover .pc_slideNavSecon{
    display: flex;
	font-size: 15px;
}
.pc_slide_nav_ul li .pc_slideNavSecon a{
    padding: 0px 20px;
    line-height: 38px;
    min-width: 165px;
}
.pc_slide_nav_ul li .pc_slideNavSecon a:hover{
    background: #dee2e6;
	color:#e63a36;
}
header .main nav {
	/*padding: 0 10%;*/
	display: flex;
	justify-content: space-between;
	line-height: 80px;
	font-size: 15px;
}

header .main nav a {
	/*padding: 4% 10px;*/
	/*font-family: "microsoft yahei";*/
	color: #333;
	position: relative;
}

header .main nav a:after {
	content: "";
	position: absolute;
	bottom: 0;
	width: 0;
	left: 50%;
	transform: translateX(-50%);
	height: 3px;
	/*background: #333333;*/
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

header .main nav a.on,
header .main nav a:hover {
	color: #ff0000;
}

header .main nav a.on:after,
header .main nav a:hover:after {
	width: 100%;
}
header .search-box{
	width: 300px;
	text-align: right;
}
header .search-box-info{
	background: rgba(255,255,255,0.2);
	padding: 10px;
	margin-top: 15px;
	width:230px;
	float: right;
	-webkit-transition: all 1.5s;
	-moz-transition: all 1.5s;
	-ms-transition: all 1.5s;
	-o-transition: all 1.5s;
	transition: all 1.5s;
	border-radius:5px;
}
header .search-box-info:hover{
	width: 250px;

}
header .search-box-info form{
	display: flex;
}
header .search-box-info .s_input{
	background-color: rgba(255,255,255,0);
	border-style: none;
	height: 30px;
	outline: 0;
	box-shadow: none;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #fff;
	font-family: arial;
	font-size: 15px;
	padding: 0;
	margin-left: 10px;
	width: 156px;
}
header .langbtn{
	cursor: pointer;
	height: 45px;
	margin-top:19px;
	margin-left: 40px;
	border-radius: 30px;
	font-size: 15px;
	width: 150px;
	background: #eee;
	COLOR: #333;
	border: 0px;
}
.swiper_01 {
	overflow: hidden;
	position: relative;
}

.swiper_01 .page01 {
	position: absolute;
	bottom: 5%;
	text-align: center;
	z-index: 2;
}

.swiper_01 .page01 .swiper-pagination-bullet {
	opacity: 1;
	width: 10px;
	height: 10px;
	background: #000;
	opacity: .6;
	cursor: pointer;
}

.swiper_01 .page01 .swiper-pagination-bullet-active {
	background: #a18c72;
	opacity: 1;
}

.swiper_01 .swiper-slide {
	position: relative;
	overflow: hidden;
	/*height: inherit;*/
	height:560px;
}

.swiper_01 .swiper-slide .txt {
	position: absolute;
	background: url(../images/op.png);
	z-index: 2;
	padding: 3%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	color: #fff;
}

.swiper_01 .swiper-slide .txt .line {
	width: 75px;
	height: 2px;
	background: #818281;
	margin: 5% auto;
}

.swiper_01 .swiper-slide .txt p {
	font-size: 12px;
	opacity: .3;
	line-height: 1;
	margin-top: 5%;
}

.swiper_01 .swiper-slide .pic-w {
	position: relative;
	overflow: hidden;
	padding-bottom: 44%;
}
.swiper_01 .prev-01{
	left: 20px;
}

.swiper_01 .swiper-slide .p_img{
	width: 100%;
	height: 100%;
	background: #000;
	display-radio: 1;
	background-color: #000;
}
.swiper_01 .swiper-slide .p_img img{
	object-fit:cover;
	width: 100%;
	height: 100%;
}
.swiper_01 .swiper-slide  .p_info {
	width: 50%;
	position: absolute;
	right: 50%;
	top: 35%;
	z-index: 9;
	display: flex;
	transform: translateX(50%) translateY(-50%);
	align-items: center;
	text-align: center;
}
.swiper_01 .swiper-slide  .p_info div{
	width: 100%;
}

.swiper_01 .swiper-slide  .p_info .p_btitle {
	display-radio: 1;
	font-size: 52px;
	margin-bottom: 30px;
	padding-top: 0px;
	margin-top: 0px;
	font-family: Arial
}

.swiper_01 .swiper-slide  .p_info .p_btitle:hover {
	color: rgba(255,255,255,1)
}

.index-top-abouts{
	padding: 4% 0%;
}
.index-top-abouts .title{
	font-size: 16px;
	font-weight: bold;
	line-height: 1.8;
	margin-bottom: 20px;
}
.index-top-abouts .info{
	margin: 30px 0px;
	font-size: 16px;
	line-height: 1.8;
}
.index-top-abouts .read-more-box{
	margin-bottom: 50px;
	margin-top: 50px;
}
.index-top-abouts a .read-more-btn{
	color: #000;
	position: relative;
}
.index-top-abouts  a .read-more-btn span{
	border-bottom: 1px solid;
	padding-bottom: 8px;
}

.index-top-abouts a:hover .read-more-btn{
	color:#e63a36;
}
.index-top-abouts .video-title{
	background: #d8362b;
	font-size: 30px;
	/*font-weight: 400;*/
	color: #fff;
	display: flex;
	padding: 35px;
	border-radius: 0 0 10px 10px
}
.index-top-abouts .video-title .tit{
	margin-right: 10px;
}
.red{
	color: #D8362B;
}
.index-we-serivce{

}
.index-we-serivce .main-title{
	text-align: center;
}
.index-we-serivce .main-title h2{
	font-size: 28px;
	font-weight: bold;
	font-family: 微软雅黑;
	margin: 0px auto;
}
.index-we-serivce .sub-title{
	color: #222;
	font-size: 16px;
}
.index-we-serivce .sub-title .sub-title-box{
	display: flex;
	width: 360px;
	margin: 20px auto;
	justify-content: space-around;
}

.index-we-serivce .sub-title .sub-title-box hr{
	width: 110px;
}

img{
	max-width: 100%;
}

.index-we-s-item-box{
	position: relative;
}
.index-we-s-item-box .index-we-s-item{
	padding: 0.5px;

}
.index-we-s-item-box .index-we-s-item .in-w-con{
	position: relative;
	overflow: hidden;
	height: 350px;
}
.index-we-s-item-box .index-we-s-item .in-w-con .con-bg{
	width: 100%;
	height: 100%;
}
.con-bg img{
	width: 100%;
	height: 100%;
}
.index-we-s-item-box .index-we-s-item:hover .in-w-con .con-bg img {

}
.index-we-s-item-box .index-we-s-item .in-w-con .in-w-con-icon{
    width: 100%;
    height: 57px;
    position: absolute;
    top: 60px;
    z-index: 10;
    text-align: center;
}
.index-we-s-item-box .index-we-s-item .in-w-con .in-w-con-icon img{
    height: 57px;
}
.index-we-s-item-box .index-we-s-item .in-w-con .in-w-tit{
    width: 100%;
    position: absolute;
    top: 210px;
    z-index: 10;
    text-align: center;
    font-size: 16px;
    color: #FFFFFF;
}
.index-we-s-item-box .index-we-s-item .in-w-con .in-w-btn{
    font: normal 400 14px/1 '微软雅黑';
    width: 100%;
    position: absolute;
    top: 260px;
    z-index: 10;
    text-align: center;
    color: #FFFFFF;
}
.index-we-s-item-box .index-we-s-item .in-w-con .in-w-btn b{
    border-bottom: 2px solid;
    padding-bottom: 5px;
}
.index-we-s-item-box .index-we-s-item:hover .in-w-con .in-w-btn b{
	color: #ff6600;
}

.index-we-case{
	margin-top: 88px;
}

.index-we-case .index-we-c-item-box{
	position: relative;
}
.index-we-case .index-we-c-item-box .index-we-c-item{
	/*padding: 2px;*/
	position: relative;
	font-family: 微软雅黑;
	min-height: 400px;
	background: #fff;
}
.index-we-case .index-we-c-item-box .index-we-c-item .c-top-img-box{

	width: 100%;
	text-align: center;
	overflow: hidden;
	display: flex;
	/*justify-content: center; !* 水平居中 *!*/
	align-items: center; /* 垂直居中 */
	height: 230px; /* 设置div的高度 */
}
.in-c-con{
	position: relative;
}
.index-we-case .index-we-c-item-box .index-we-c-item .c-top-img-box  img {
	max-width: 100%; /* 确保图片不会超过div的宽度 */
	height: auto; /* 保持图片的宽高比 */
}


.index-we-case .index-we-c-item-box .index-we-c-item:hover {
  /*background: #f5f5f5;*/
}
.index-we-case .index-we-c-item-box .index-we-c-item .pic-title {
	font-size: 18px;
	margin-bottom: 10px;
	margin-top: 20px;
	line-height: 30px;
}
.index-we-case .index-we-c-item-box .index-we-c-item:hover .pic-title ,
.index-we-case .index-we-c-item-box .index-we-c-item:hover{
	color: #f60;
}

.index-we-case .index-we-c-item-box .index-we-c-item p{
	font-size: 14px;
	color: #999;
}
.index-we-case .index-we-c-item-box .index-we-c-item .foot_item{
	width: 80px;
	height: 28px;
	left: 0px;
	top: 345px;
	z-index: 3;
	font: normal 400 12px / 1 '微软雅黑';
	background-color: #000000;
	color: #fff;
	position: absolute;
	text-align: center;
	line-height: 28px;
	border-radius: 38px;
}
.index-we-case .index-we-c-item-box .index-we-c-item:hover .foot_item{
	background-color: #d8362b;
}

.index-aboutus {
	background-fill-value: background-image;
	background-repeat: no-repeat;
	background-position: center center;
	display-radio: 1;
	margin-top: 0px;
	margin-bottom: 0px
}

.index-aboutus .e_container-6 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	transition-property: all;
	max-width: 1600px;
	padding-top: 10px;
	padding-bottom: 10px;
	display-radio: flex
}

.index-aboutus .e_container-6 > .p_item {
	flex: 1;
	max-width: 100%;
	max-height: 100%
}

.index-aboutus .e_container-47 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 94%;
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
	display-radio: flex;
	margin-bottom: 50px;
	margin-top: 50px;
	padding-top: 30px
}

.index-aboutus .e_container-47 > .p_item {
	flex: 1;
	max-width: 100%;
	max-height: 100%
}

.index-aboutus .e_container-47 .cbox-47-1 {
	flex: 0 0 30%;
	align-items: center
}

.index-aboutus .e_text-48 {
	line-height: normal;
	font_radio: 2;
	text-align: center;
	color: rgba(0,0,0,1);
	margin-top: 15px;
	font-size: 30px;
	font-weight: bold;
	display-radio: 1;
	font-family: Microsoft YaHei
}

.index-aboutus .e_text-48 .p_item {
	font-size: 34px
}

.index-aboutus .e_text-49 {
	font_radio: 2;
	margin-top: 20px;
	font-size: 16px;
	color: rgba(0,0,0,1);
	line-height: 2;
	font-family: Microsoft YaHei;
	text-align: center;
	font-weight: normal;
	display-radio: 1;
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px
}

.index-aboutus .e_container-85 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 94%;
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
	display-radio: flex;
	margin-bottom: 50px;
	margin-top: 50px;
	padding-top: 30px
}

.index-aboutus .e_container-85 > .p_item {
	flex: 1;
	max-width: 100%;
	max-height: 100%
}

.index-aboutus .e_container-85 .cbox-85-1 {
	flex: 0 0 30%;
	align-items: center
}

.index-aboutus .e_container-6 .cbox-6-0 {
	margin-bottom: 0px
}

.index-aboutus .e_container-85 .cbox-85-0 {
	margin-top: 0px;
	margin-bottom: 0px
}

.index-aboutus .e_container-25 {
	transition-property: all;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	margin-left: 15px;
	margin-right: 15px;
	overflow: hidden;
	position: relative;

	animation-name: none,none;
	animation-delay: 0.0s,0.6s;
	animation-duration: 0.6s,0.6s;
	animation-iteration-count: 1,1;
	position: relative;
}

.index-aboutus .e_container-25 .p_item {
	display-radio: 1
}

.index-aboutus .e_container-25:hover .e_richText-28,
.index-aboutus .e_container-25:hover .e_text-27 {
	color: rgba(255,255,255,1);
	display-radio: 1
}

.index-aboutus .e_container-25:hover:before,.index-aboutus .e_container-19:hover:before ,
.index-aboutus .e_container-13:hover:before ,.index-aboutus .e_container-7:hover:before {
	height: 100%;
	z-index:-1;
}

.index-aboutus .e_container-25:before {
	content: " ";
	height: 0%;
	width: 100%;
	background-color: #333333;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.6s;
}

.index-aboutus .e_container-25:hover:before {
	height: 100%
}


.index-aboutus .e_text-27 {
	line-height: normal;
	font_radio: 2;
	color: rgba(0,0,0,1);
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	margin-top: 22px;
	margin-bottom: 28px;
	display-radio: 1;
	font-family: Microsoft YaHei
}

.index-aboutus .e_richText-28 {
	font_radio: 2;
	font-size: 16px;
	color: rgba(0,0,0,1);
	line-height: 1.8;
	margin-bottom: 50px;
	text-align: center;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	display-radio: -webkit-box;
	margin-left: 6px;
	font-family: Microsoft YaHei
}
.index-aboutus .e_container-25:hover .e_text-27,.index-aboutus .e_container-25:hover .e_text-27{
	color: rgba(255,255,255,1);
	display-radio: 1
}

/**
----
 */

.index-aboutus .e_container-41 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%;
	display-radio: flex;
	max-width: 90px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	background-fill-value: background-image;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	transition-property: all;
	background-image: url(../images/i-home.png)
}

.index-aboutus .e_container-41 > .p_item {
	flex: 1;
	max-width: 100%;
	max-height: 100%
}
.index-aboutus .cbox-6-0:hover .e_container-41 {
	display-radio: 1;
	background-fill-value: background-image;
	background: url(../images/i-home1.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center
}


.index-aboutus .e_container-42 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%;
	display-radio: flex;
	max-width: 100px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	background-fill-value: background-image;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	transition-property: all;
	background-image: url(../images/i-100.png)
}

.index-aboutus .e_container-42 > .p_item {
	flex: 1;
	max-width: 100%;
	max-height: 100%
}
.index-aboutus .cbox-6-1:hover .e_container-42 {
	display-radio: 1;
	background-fill-value: background-image;
	background: url(../images/i-1001.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center
}


.index-aboutus .e_container-43 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%;
	display-radio: flex;
	max-width: 62px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	background-fill-value: background-image;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	transition-property: all;
	background-image: url(../images/i-teg.png)
}

.index-aboutus .e_container-43 > .p_item {
	flex: 1;
	max-width: 100%;
	max-height: 100%
}
.index-aboutus .cbox-6-2:hover .e_container-43 {
	display-radio: 1;
	background-fill-value: background-image;
	background: url(../images/i-teg1.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center
}



.index-aboutus .e_container-44 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%;
	display-radio: flex;
	max-width: 72px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	background-fill-value: background-image;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	transition-property: all;
	background-image: url(../images/i-org.png)
}

.index-aboutus .e_container-44 > .p_item {
	flex: 1;
	max-width: 100%;
	max-height: 100%
}
.index-aboutus .cbox-6-3:hover .e_container-44 {
	display-radio: 1;
	background-fill-value: background-image;
	background: url(../images/i-org1.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center
}



/**
---
 */

.index-aboutus .e_container-25:hover .e_richText-28,.index-aboutus .e_container-25:hover .e_text-27 {
	color: rgba(255,255,255,1);
	display-radio: 1
}



.index-aboutus .e_container-85 > .p_item {
	flex: 1;
	max-width: 100%;
	max-height: 100%
}

.index-aboutus .e_container-6 .p_item {
	margin-bottom: 0px
}

.index-aboutus .e_button-89 {
	display: block;
	position: relative;
	overflow: hidden;
	text-align: center;
	box-sizing: border-box;
	padding: 8px;
	background_radio: 2;
	border_radio: 2;
	font_radio: 2;
	radius_radio: 2;
	display-radio: block;
	margin-top: 0px;
	width: auto;
	max-width: 130px;
	background-color: rgba(83,83,83,1);
	font-size: 16px;
	font-family: Microsoft YaHei;
	border-style: solid;
	border-width: 1px;
	border-color: rgba(230,230,230,1);
	min-height: 0px;
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
	color: rgba(235,235,235,1);
	line-height: 2;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px
}

.about-contact-pages{
	/*background: #f2f4f5;*/
}

.contact_from{
	padding: 50px 0px;
	background: #fff;
}


.contact_from  .e_container-70 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%;
	display-radio: flex
}

.contact_from  .e_container-70 > .p_item {
	flex: 1;
	max-width: 100%;
	max-height: 100%
}

.contact_from  .e_text-71 {
	line-height: normal;
	display-radio: 1;
	font_radio: 2;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px
}

.contact_from  .e_container-72 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%;
	display-radio: flex;
	margin-bottom: 6px
}

.contact_from  .e_container-72 > .p_item {
	flex: 1;
	max-width: 100%;
	max-height: 100%
}

.contact_from  .e_container-72 .cbox-72-0 {
	flex: 0 0 35px
}

.contact_from  .e_container-72 .cbox-72-1 {
	padding-left: 5px
}

.contact_from  .e_container-72 .p_item {
	display-radio: 1
}

.contact_from  .e_container-73 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%;
	display-radio: flex;
	margin-bottom: 6px
}

.contact_from  .e_container-73 > .p_item {
	flex: 1;
	max-width: 100%;
	max-height: 100%
}

.contact_from  .e_container-73 .cbox-73-0 {
	flex: 0 0 35px;
	align-self: center
}

.contact_from  .e_container-73 .cbox-73-1 {
	padding-left: 5px;
	align-self: center
}

.contact_from  .e_container-73 .p_item {
	display-radio: 1
}

.contact_from  .e_container-74 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%;
	display-radio: flex;
	margin-bottom: 6px
}

.contact_from  .e_container-74 > .p_item {
	flex: 1;
	max-width: 100%;
	max-height: 100%
}

.contact_from  .e_container-74 .cbox-74-0 {
	flex: 0 0 35px;
	align-self: center
}

.contact_from  .e_container-74 .cbox-74-1 {
	padding-left: 5px;
	align-self: center
}

.contact_from  .e_container-74 .p_item {
	display-radio: 1
}

.contact_from  .e_text-75 {
	line-height: 1.5;
	display-radio: 1;
	font_radio: 2;
	padding-top: 7px;
	font-size: 16px;
	font-family: Microsoft YaHei
}

.contact_from  .e_icon-76 {
	width: 25px;
	height: auto;
	display-radio: 1;
	font_radio: 2;
	color: rgba(51,51,51,1);
	margin-left: auto;
	margin-right: auto
}

.contact_from  .e_icon-76 .icon {
	margin: 0;
	width: 100%;
	height: 100%;
	fill: currentColor
}

.contact_from  .e_container-77 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%;
	display-radio: flex;
	margin-bottom: 6px
}

.contact_from  .e_container-77 > .p_item {
	flex: 1;
	max-width: 100%;
	max-height: 100%
}

.contact_from  .e_container-77 .cbox-77-0 {
	flex: 0 0 35px;
	align-self: center
}

.contact_from  .e_container-77 .cbox-77-1 {
	padding-left: 5px;
	align-self: center
}

.contact_from  .e_container-77 .p_item {
	display-radio: 1
}

.contact_from  .e_text-84 {
	line-height: 1.5;
	display-radio: 1;
	font_radio: 2;
	padding-top: 6px;
	font-size: 16px;
	font-family: Microsoft YaHei
}

.contact_from  .e_icon-85 {
	width: 25px;
	height: auto;
	display-radio: 1;
	font_radio: 2;
	color: rgba(51,51,51,1);
	margin-left: auto;
	margin-right: auto
}

.contact_from  .e_icon-85 .icon {
	margin: 0;
	width: 100%;
	height: 100%;
	fill: currentColor
}

.contact_from  .e_icon-85 .icon path {
	fill: currentColor
}

.contact_from  .e_text-86 {
	line-height: 1.5;
	display-radio: 1;
	font_radio: 2;
	padding-top: 7px;
	font-size: 16px;
	font-family: Microsoft YaHei
}

.contact_from  .e_icon-87 {
	width: 25px;
	height: auto;
	display-radio: 1;
	font_radio: 2;
	color: rgba(51,51,51,1);
	margin-left: auto;
	margin-right: auto
}

.contact_from  .e_icon-87 .icon {
	margin: 0;
	width: 100%;
	height: 100%;
	fill: currentColor
}

.contact_from  .e_text-88 {
	line-height: 1.5;
	display-radio: 1;
	font_radio: 2;
	font-size: 16px;
	font-family: Microsoft YaHei
}

.contact_from  .e_icon-89 {
	width: 25px;
	height: auto;
	display-radio: 1;
	font_radio: 2;
	color: rgba(51,51,51,1)
}

.contact_from  .e_icon-89 .icon {
	margin: 0;
	width: 100%;
	height: 100%;
	fill: currentColor
}

.contact_from  .e_input-45 .p_phoneCode {
	width: 90px;
	margin-right: 10px
}

.contact_from  .e_textarea-46 .p_required {
	vertical-align: middle;
	font-size: 1.4em;
	line-height: 100%;
	position: relative;
	font-weight: bold;
	top: 0.15em;
	padding-left: 5px
}

.contact_from  .e_input-43 .p_phoneCode {
	width: 90px;
	margin-right: 10px
}

.contact_from  .e_input-43 {
	display-radio: 1;
	width: 96%
}

.contact_from  .e_input-44 .p_phoneCode {
	width: 90px;
	margin-right: 10px
}

.contact_from  .e_input-45 {
	display-radio: 1
}

.contact_from  .e_input-44 {
	display-radio: 1;
	width: auto;
	max-width: 96%
}



.about_imgbox{
	margin-top: 80px;
	margin-bottom: 120px;
}
.about_imgbox .s_title{
	line-height: 1.5;
	font-size: 38px;
	color: rgba(0,0,0,1)
}
.about_imgbox .mb_40{
	margin-bottom: 40px;
}
.about_imgbox .e_line-10 {

	border-top-style: solid;
	border-top-width: 3px;
	border-top-color: rgba(51,51,51,1);
	width: 50px;
	max-width: none;
	height: 3px;
	margin-left: 0px;
	margin-right: 0px;
}
.about_imgbox .pics-slide{
	font-size: 16px;
	transition: 0.3s ease 0s;
	background: #f6f6f6;
	padding: 10px;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	margin-bottom: 50px;
}
.about_imgbox .pics-slide a{
	font-size: 0px;
	overflow: hidden;
	text-align: center;
	background: #fff;
	width: 100%;
	margin: 0 auto;
	min-height: 11.6vw;
	display: block;
}
.about_imgbox .pics-slide a img{
	display: inline-block;
	vertical-align: middle;
	transition: 0.5s linear 0s;
	width: auto;
	height: auto;
	max-width: 100%;
	margin-left: 0px;
	transform: scale(1)
}
.about_imgbox .pics-slide:nth-child(4n+1) {
	margin-left: 0px
}

.about_imgbox .pics-slide:hover img {
	transform: scale(1.1)
}

.about_imgbox .pics-slide span {
	color: #666;
	white-space: nowrap;
	transition: 0.3s ease 0s;
	display: block;
	width: 100%;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 16px;
	padding: 3% 10px;
	box-sizing: border-box;
	border: none;
	line-height: 40px;
}

.about_imgbox .pics-slide:hover span {
	color:#e60013;
	background: #ffffff
}



@media screen and (max-width: 768px) {
	.pro-swiper .p_loopitem {
		flex-grow:0;
		flex-shrink: 0;
		flex-basis: calc(100% / 1)
	}

	.pro-swiper .e_container-7 {
		flex-direction: column
	}

	.pro-swiper .e_image-8 {
		padding-bottom: 0px;
		display-radio: 1
	}

	.pro-swiper {
		display-radio: 1;
		margin-top: 500;
	}

	.pro-swiper {
		display-radio: 1;
		padding-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px
	}

	.pro-swiper .e_button-17 {
		background_radio: 1;
		border_radio: 1;
		font_radio: 1;
		radius_radio: 1;
		display-radio: 1;
		margin-bottom: 0px
	}

	.pro-swiper .cbox-6:nth-child(odd) {
		margin-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
		margin-left: 0px;
		margin-right: 0px
	}

	.pro-swiper .e_container-7 .cbox-7-0 {
		margin-left: 0px;
		margin-right: 00px;
		padding-left: 10px;
		padding-right: 10px
	}

	.pro-xl .pro-swiper .e_loop-6 .p_loopitem {
		flex-grow:0;
		flex-shrink: 0;
		flex-basis: calc(100% / 1)
	}

	.pro-xl .pro-swiper .e_container-7 {
		flex-direction: column
	}

	.pro-xl .pro-swiper .e_image-8 {
		padding-bottom: 0px;
		display-radio: 1
	}

	.pro-xl .pro-swiper {
		display-radio: 1;
		margin-top: 500
	}

	.pro-xl .pro-swiper  {
		display-radio: 1;
		padding-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px
	}

	.pro-xl .pro-swiper .e_button-17 {
		background_radio: 1;
		border_radio: 1;
		font_radio: 1;
		radius_radio: 1;
		display-radio: 1;
		margin-bottom: 0px
	}

	.pro-xl .pro-swiper  .cbox-6:nth-child(odd) {
		margin-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
		margin-left: 0px;
		margin-right: 0px
	}

	.pro-xl .pro-swiper .e_container-7 .cbox-7-0 {
		margin-left: 0px;
		margin-right: 00px;
		padding-left: 10px;
		padding-right: 10px
	}

	.pro-xl .pro-swiper .e_text-11 {
		font_radio: 1;
		display-radio: -webkit-box;
		-webkit-line-clamp: 4;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden
	}

	.pro-xl .pro-swiper .e_container-9 {
		display-radio: 1
	}

	.pro-xl .pro-swiper .e_container-9 .p_item {
		display-radio: 1;
		padding-bottom: 50px
	}

	.pro-xl .pro-swiper .e_text-26 {
		font_radio: 1;
		display-radio: -webkit-box;
		-webkit-line-clamp: 4;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden
	}


	.index-pro-two {
		display-radio: 1;
		padding-top: 30px;
		padding-bottom: 30px
	}

	.index-pro-two .e_text-7 {
		font_radio: 2;
		display-radio: 1;
		font-size: 24px;
		margin-bottom: 0px
	}
	
	.index-pro-two .e_container-2 {
		display-radio: 1;
		margin-bottom: 0px;
		padding-bottom: 20px
	}
	.index-pro-two .e_loop-13 .p_loopitem {
		flex-grow: 0;
		flex-shrink: 0;
		flex-basis: calc(100% / 1)
	}

	.index-pro-two .e_container-14 {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		width: auto;
		margin-left: 15px;
		margin-right: 15px;
		margin-bottom: 20px;
		padding-left: 15px;
		padding-top: 60px;
		padding-right: 15px;
		padding-bottom: 60px;
		background-color: rgba(255,255,255,1)
	}

	.index-aboutus .e_container-6 {
		display:flex;
		flex-wrap: wrap;
		flex-direction: inherit;
		width: 100%;
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
		transition-property: all;
		display-radio: flex;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-bottom: 0px
	}

	.index-aboutus .e_container-25 {
		display-radio: 1;
		padding: 0
	}

	
	.index-aboutus .e_container-6 .cbox-6-0 ,.index-aboutus .e_container-6 .cbox-6-1,
	.index-aboutus .e_container-6 .cbox-6-2,.index-aboutus .e_container-6 .cbox-6-3 {
		flex: 0 0 50%
	}

	.index-aboutus  {
		display-radio: 1;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 50px;
		margin-bottom: 50px
	}

    .page-about  .index-aboutus{
        margin-top: 10px !important;
    }
    .page-about  .index-aboutus .e_container-47{
        margin-top:0px;
    }

	.index-aboutus  .e_richText-10 {
		display-radio: -webkit-box;
		font_radio: 1;
		-webkit-line-clamp: 2;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden
	}

	.index-aboutus  .e_text-49 {
		display-radio: 1;
		font_radio: 1;
		margin-bottom: 10px
	}

	.index-aboutus  .e_container-85 {
		flex-direction: column;
		display-radio: 1;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 0px;
		margin-bottom: 0px
	}


}

.about-p-nav{
	text-align: center;
	width: 100%;
	line-height: 30px;
	margin-bottom: 50px;
}
.about-p-nav span{
	padding: 10px 22px;
	cursor: pointer;
	font-size: 16px;
}
.about-p-nav span:hover,
.about-p-nav span.on{
	background: #d8362b;
	color: #fff;
}
.page-about .about-con-box{
	font-size: 16px;
	line-height: 2.5;
	color: #555;
}
.page-about .about-con-box  h2{
	font-size: 18px;
	text-align: center;
	width: 100%;
	color:#333;
	font-weight: bold;
	line-height: 1.3;
}




@media screen and (min-width: 769px) {
	.pro-swiper .p_loopitem {
		flex-grow:0;
		flex-shrink: 0;
		flex-basis: calc(100% / 1)
	}
	
	
}

.top-margin-5{
	margin-top: 12%;
	margin-bottom: 2%;
}

.index-pp {
	padding: 4% 8.5%;
	background: #444444;
}
.index-pp .index-title{
	color: #eee;
}
.index-pp .index-title span {
	background: #444;
}

.index-pp .main {
	position: relative;
}

.index-pp .main:after {
	content: "";
	display: block;
	clear: both;
}

.index-pp .main .pic-w {
	position: absolute;
	overflow: hidden;
	left: 0;
	top: 0;
	width: 40%;
	height: 100%;
}

.index-pp .main .txt {
	background: #222;
	width: 60%;
	float: right;
	padding: 4.5%;
	box-shadow: 0 0 20px 0 #666;
}

.index-pp .main .txt .eng {
	font-size: 12px;
	font-family: arial;
	opacity: .5;
	margin-top: 15px;
}

.index-pp .main .txt .des {
	opacity: .8;
	line-height: 2;
	margin: 8% 0;
}

.index-pp .main .txt .more {
	display: block;
	width: 180px;
	height: 50px;
	border: 1px solid #333333;
	background: #333333;
	color: #fff;
	text-align: center;
	line-height: 48px;
}

.index-pp .main .txt .more:hover {
	background: #fff;
	color: #333333;
}

.index-pp .main:hover .pic {
	transform: scale(1.1);
}

.index-zs {
	overflow: hidden;
}

.index-zs .top {
	padding: 4% 8.5%;
	padding-bottom: 0;
}

.index-zs .main {
	padding: 3% 8.5%;
	overflow: hidden;
}

.index-zs .main li {
	width: 23%;
	float: left;
	position: relative;
	overflow: hidden;
	margin: 0 2.66% 0 0;
	background: url(../images/op-w.png);
	padding: 3% 0;
	text-align: center;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.index-zs .main li:nth-child(4) {
	margin-right: 0;
}

.index-zs .main li .pic-w {
	padding-bottom: 20%;
	position: relative;
}

.index-zs .main li h1 {
	margin-top: 8%;
	color: #fff;
}

.index-zs .main li h2 {
	color: #fff;
	opacity: .5;
	margin-top: 5%;
}

.index-zs .main li .line {
	width: 40%;
	margin: 10% auto;
	background: #fff;
	height: 2px;
	opacity: .5;
}

.index-zs .main li .des {
	width: 80%;
	margin: auto;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: #fff;
	opacity: .7;
	height: 90px;
}

.index-zs .main li .more {
	display: block;
	margin: auto;
	margin-top: 10%;
	width: 130px;
	height: 30px;
	border: 1px solid #fff;
	line-height: 28px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	opacity: .8;
}

.index-zs .main li:hover {
	background: rgba(0,0,0,.5);
}

.index-zs .main li .more:hover {
	background: #333333;
	border-color: #333333;
	opacity: 1;
	box-shadow: 0 0 10px 0 #fff;
}

.index-store {
	padding: 4% 8.5%;
	position: relative;
}

.store-swiper {
	margin: 0 6%;
	overflow: hidden;
}

.store-swiper .swiper-slide {
	overflow: hidden;
	text-align: center;
}

.store-swiper .swiper-slide .pic-w {
	position: relative;
	overflow: hidden;
	padding-bottom: 75%;
}

.store-swiper .swiper-slide .pic-w .pic {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.store-swiper .swiper-slide .txt {
	display: inline-block;
	padding: 10px;
	letter-spacing: 5px;
	border: 1px solid #333333;
	margin-top: 10%;
}

.store-swiper .swiper-slide:hover .txt {
	background: #333333;
	color: #fff;
	cursor: pointer;
}

.store-swiper .swiper-slide:hover .pic {
	transform: rotateY(180deg);
}

.index-store .s-prev {
	position: absolute;
	width: 60px;
	height: 130px;
	left: 8.5%;
	top: 33%;
	background: #bfbfbf url(../images/prev.png) center center no-repeat;
	z-index: 1;
	outline: none;
}

.index-store .s-next {
	position: absolute;
	width: 60px;
	height: 130px;
	right: 8.5%;
	top: 33%;
	background: #bfbfbf url(../images/next.png) center center no-repeat;
	z-index: 1;
	outline: none;
}

.index-store .button div:hover {
	background-color: #333333;
}

.index-new {
	background-color: rgba(238,238,238,1);
	padding-bottom: 3%;
}


.index-new  .new-title {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 94%;
	display-radio: flex;
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 3%;
	padding-bottom: 3%;
}

.index-new  .new-title > .p_item {
	flex: 1;
	max-width: 100%;
	max-height: 100%
}
.index-new  .new-title .cbox-1-0 {
	margin-bottom: 0px;
	margin-top: 0px
}
.index-new  .new-title .e_text-7 {
	line-height: normal;
	font_radio: 2;
	display-radio: 1;
	font-weight: bold;
	font-size: 30px;
	text-align: left;
	margin-bottom: 0px;
	color: rgba(51,51,51,1);
	margin-top: 0px
}

.index-new  .main {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
	display-radio: 1;
	width: 94%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 50px
}
.index-new   .p_list {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	max-width: 100%
}
.index-new .p_list .p_loopitem {
	flex: 0 0 33.3%;
	position: relative;
	display-radio: 1;
	flex-basis: calc(97% / 3);
	margin: 0 0.5%
}
.index-new .p_list .cbox-1:nth-child(odd) {
	margin-top: 0px;
	margin-bottom: 0px
}


.index-new  .p_list > .p_item {
	flex: 1;
	max-width: 100%;
	max-height: 100%
}


.index-new  .e_container-2 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	margin-right: auto;
	margin-bottom: 0px;
	width: auto;
	transition-property: all;
	transition-radio: hover;
	transition-duration: 0.6s;
	transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);
	display-radio: flex;
	margin-left: auto
}

.index-new  .e_container-2:hover {
	background-color: #535353;
	background: #535353
}

.index-new  .e_container-2 .cbox-2-0 {
	margin-bottom: 0px;
	padding-bottom: 2px;
	width: 100%;
}

.index-new .p_list .e_image-3 {
	animation-name: none, none;
	animation-delay: 0.0s,0.6s;
	animation-duration: 0.6s,0.6s;
	animation-iteration-count: 1,1;

	display-radio: 1;
	height: auto;
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-bottom: 71%

}

.index-new .p_list .e_image-3 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	transition: all .5s ease
}

.index-new  .e_container-4 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	padding-left: 20px;
	padding-right: 20px;
	width: auto
}

.index-new  .e_container-4 > .p_item {
	flex: 1;
	max-width: 100%;
	max-height: 100%
}

.index-new  .e_text-5 {
	font_radio: 2;
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 16px;
	color: rgba(87,87,87,1);
	-webkit-line-clamp: 1;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition-property: all;
	transition-duration: 0.6s;
	transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);
	display-radio: -webkit-box;
	font-family: Microsoft YaHei
}

.index-new  .e_container-7 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	background-color: #535353;
	width: auto;
	position: absolute;
	top: 20px;
	left: 10px;
	z-index: 1;
	opacity: 0;
	transition-property: all;
	transition-duration: 0.6s;
	transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);
	display-radio: flex
}

.index-new  .e_container-7 > .p_item {
	flex: 1;
	max-width: 100%;
	max-height: 100%
}

.index-new  .e_timeFormat-9 {
	font_radio: 2;
	font-size: 18px;
	color: rgba(255,255,255,1);
	text-align: center;
	min-height: 0px;
	line-height: 1;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	display-radio: 1
}

.index-new  .e_container-2:hover .e_container-7 {
	opacity: 1;
	padding-left: 12px;
	padding-right: 12px
}

.index-new  .e_container-2:hover .e_text-5 ,.index-new  .e_container-2:hover a{
	color: rgba(255,255,255,1) !important;
}

.index-new  .e_container-18 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%;
	display-radio: flex
}

.index-new  .e_container-18 > .p_item {
	flex: 1;
	max-width: 100%;
	max-height: 100%
}

.index-new  .e_button-19 {
	display: block;
	position: relative;
	overflow: hidden;
	text-align: center;
	box-sizing: border-box;
	padding: 8px;
	background_radio: 2;
	border_radio: 2;
	font_radio: 2;
	radius_radio: 2;
	display-radio: block;
	margin-top: 10px;
	width: auto;
	max-width: 130px;
	background-color: rgba(83,83,83,1);
	font-size: 16px;
	font-family: Microsoft YaHei;
	border-style: solid;
	border-width: 1px;
	border-color: rgba(230,230,230,1);
	min-height: 0px;
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
	color: rgba(235,235,235,1);
	line-height: 2;
	margin-bottom: 30px
}

.index-new  .e_button-19 span {
	display: block;
	width: 100%;
	position: relative;
	z-index: 1;
	outline: 0;
	margin: 0px;
	overflow: hidden
}

.index-new  .e_button-19::after {
	content: "";
	position: absolute;
	width: 0;
	height: 100%;
	transition: all .3s;
	z-index: 0;
	opacity: 0;
	top: 0;
	left: 0px
}


@media screen and (max-width: 768px) {

	.index-new  .p_list .p_loopitem {
		flex-grow:0;
		flex-shrink: 0;
		flex-basis: calc(100% / 1)
	}
	.index-new .main{
		width: 100%;
	}
	.index-new  .e_container-2 {
		display-radio: 1;
		padding-left: 0px;
		padding-right: 0px;
		margin-left: auto;
		margin-right: auto;
		width: auto
	}

	.index-new .new-title .e_text-7{
		font-size: 24px;
		margin-bottom: 0px
	}

	.index-new  .p_list {
		display-radio: 1;
		width: 94%;
		margin-left: auto;
		margin-right: auto
	}

	.index-new  .e_image-3 {
		display-radio: 1
	}

	.index-new  .e_container-4 {
		padding-left: 10px;
		padding-right: 10px
	}
}


.phone-bot {
	display: none;
}

footer {
	background-color: rgba(37,37,37,1);
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.footer-box{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	max-width: 1600px;
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	display-radio: flex;
	margin-bottom: 0px;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top: 0px
}
.footer-box .footer-title{
	line-height: normal;
	text-align: right;
	font-size: 30px;
	color: rgba(255,255,255,1);
	min-width: 0px;
	max-height: none;
	min-height: 0px;
	max-width: none;
	font-family: Microsoft YaHei;
	margin: 50px 0px 10px;
}

footer .bot {
	padding: 0.7% 8.5%;
	background: #000000;
	color: #fff;
	display: flex;
	justify-content: space-between;
}

footer .bot p,
footer .bot a,
footer .bot span {
	/*opacity: .3;*/
	color: #aaa;
}

footer .bot a:hover {
	opacity: .7;
}


.footer-box .e_container-3 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	max-width: 1600px;
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	display-radio: flex;
	margin-bottom: 0px;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top: 0px
}

.footer-box .e_container-3 > .p_item {
	flex: 1;
	max-width: 100%;
	max-height: 100%
}

.footer-box .e_container-3 .p_item {
	text-decoration: none;
	display-radio: 1
}

.footer-box .e_container-3 .cbox-3-0 {
	flex: 0 0 35%;
	padding-right: 3%
}

.footer-box .e_container-3 .cbox-3-1 {
	flex: 0 0 15%;
	margin-left: auto;
	margin-right: auto
}

.footer-box .e_text-6 {
	line-height: 35px;
	font-size: 20px;
	font-weight: normal;
	color: rgba(255,255,255,1);
	margin-bottom: 10px;
	display-radio: 1;
	font_radio: 2;
	font-family: Microsoft YaHei
}

.footer-box .e_text-6 .p_item {
	text-decoration: underline
}

.footer-box ::placeholder {
	color: #ccc;
	font-size: 12px;
}

.footer-box .e_container-3 .cbox-3-2 {
	/*padding-left: 0px;*/
	flex: 0 0 15%;
	margin-left: auto;
	margin-right: auto
}

.footer-box .e_websiteShare-13 .p_share a {
	width: 30px;
	display: inline-block;
	margin-right: 10px
}

.footer-box .e_websiteShare-13 .p_share a img {
	width: 100%
}

.footer-box .e_container-3 .cbox-3-3 {
	padding-left: 0px;
	margin-left: auto;
	margin-right: auto
}

.footer-box .e_websiteShare-14 .p_share a {
	width: 30px;
	display: inline-block;
	margin-right: 10px
}

.footer-box .e_websiteShare-14 .p_share a img {
	width: 100%
}

.footer-box .e_websiteShare-15 .p_share a {
	width: 30px;
	display: inline-block;
	margin-right: 10px
}

.footer-box .e_websiteShare-15 .p_share a img {
	width: 100%
}

.footer-box .e_html-27 {
	min-height: 10px;
	background_radio: 1
}



.footer-box .e_text-75 {
	line-height: normal;
	font_radio: 2;
	display-radio: 1;
	color: rgba(255,255,255,1);
	font-size: 20px;
	font-family: Microsoft YaHei
}

.footer-box .e_form-76 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	display-radio: flex;
	margin-left: 0px;
	margin-right: 0px;
	width: auto;
	margin-top: 15px;
	max-width: 400px;
	margin-bottom: 10px
}

.footer-box .e_form-76 > .p_formItem {
	/*flex: 1;*/
	max-width: 100%;
	max-height: 100%
}

/*.footer-box .e_form-76 .p_input::placeholder {*/
/*	color: #f5f5f5 !important;*/
/*	font-size: 12px*/
/*}*/

.footer-box .e_form-76 .p_input {
	display-radio: 1
}

.footer-box .e_form-76 .p_formItem {
	display-radio: 1
}

.footer-box .e_input-78 .p_phoneCode {
	width: 90px
}

.footer-box .e_input-78 .s_form-control {
	bg-radio: 2;
	background-color: rgba(255,255,255,0);
	border-radio: 2;
	border-color: rgba(255,255,255,0)
}

.footer-box .e_input-78 .s_input {
	color: #333;
	text-align: left;
	background: #fff;
	border-radius: 50px 0 0 50px
}

.footer-box .e_input-78 {
	display-radio: 1;
	max-height: none;
	max-width: none;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto
}

.invalid-feedback01 {
	display: none;
	width: 100%;
	margin-top: .25rem;
	font-size: 80%;
	color: #dc3545
}


.footer-box .e_input-78 .p_input {
	display-radio: 1
}

.footer-box .e_line-80 {
	display-radio: 1;
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: rgba(255,255,255,0.2);
	max-height: none;
	height: 2px
}

.footer-box .e_container-81 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 94%;
	display-radio: flex;
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 40px;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	justify-content: space-between
}

.footer-box .e_container-81 > .p_item {
	flex: 1;
	max-width: 100%;
	max-height: 100%
}

.footer-box .e_container-81 .cbox-81-1 {
	align-self: center;
	flex: 0 0 auto
}

.footer-box .e_container-81 .cbox-81-0 {
	align-self: center;
	flex: 0 0 auto
}

.footer-box .e_container-81 .cbox-81-2 {
	align-self: center;
	flex: 0 0 auto
}

.footer-box .e_credible-82 {
	text-align: center;
	background_radio: 1;
	display-radio: 1;
	margin-left: auto;
	margin-right: auto
}

.footer-box .e_credible-82 .img1 {
	width: 65px;
	height: 23px
}

.footer-box .e_credible-82 .img2 {
	width: 79px;
	height: 28px
}

.footer-box .e_credible-82 .img3 {
	width: 92px;
	height: 33px
}

.footer-box .e_credible-82 .img4 {
	width: 106px;
	height: 38px
}

.footer-box .e_credible-82 .img5 {
	width: 131px;
	height: 47px
}

.footer-box .e_container-83 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%;
	display-radio: flex
}

.footer-box .e_container-83 > .p_item {
	flex: auto;
	max-width: 100%;
	max-height: 100%
}

.footer-box .e_container-83 .cbox-83-0 {
	align-self: center;
	padding-right: 10px
}

.footer-box .e_richText-84 {
	display-radio: 1;
	font_radio: 2;
	font-family: "bd3930b3-430a-4b2f-8cbf-eed60bb023dd";
	font-size: 14px;
	margin-left: 0px
}

.footer-box .e_provider-85 {
	text-align: center;
	font_radio: 2;
	display-radio: 1;
	color: rgba(181,181,181,1);
	font-size: 14px;
	font-family: Microsoft YaHei
}

.footer-box .e_container-86 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%;
	display-radio: flex
}

.footer-box .e_container-86 > .p_item {
	flex: 1;
	max-width: 100%;
	max-height: 100%
}

.footer-box .e_container-86 .cbox-86-0 {
	align-self: center;
	margin-right: 10px
}

.footer-box .e_container-86 .p_item {
	display-radio: 1
}

.footer-box .e_container-86 .cbox-86-1 {
	align-self: center
}

.footer-box .e_container-86 .cbox-86-2 {
	flex: 0 0 10%;
	align-self: center
}


.footer-box .e_richText-111 {
	font_radio: 2;
	font-size: 14px;
	color: rgba(235,235,235,1);
	line-height: 1.8;
	margin-bottom: 20px;
	text-align: left;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	display-radio: -webkit-box;
	font-weight: bold;
	margin-top: 5px;
	max-width: 466.52px
}

.footer-box .e_richText-111,.e_text-21 {
	transition-property: all
}

.footer-box .e_websiteShare-112 .p_share a {
	width: 26px;
	display: inline-block;
	margin-right: 10px
}

.footer-box .e_websiteShare-112 .p_share a img {
	width: 100%
}

.footer-box .e_websiteShare-112 {
	background_radio: 1;
	margin-top: 32px;
	display-radio: 1;
	margin-left: 0px;
	margin-right: auto;
	max-width: none;
	padding-left: 0px;
	max-height: none
}

.footer-box .e_websiteShare-112 .p_img {
	display-radio: 1
}

.footer-box .e_websiteShare-112 .p_share {
	display-radio: 1;
	text-align: left
}


.footer-box  .e_container-107 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%
}

.footer-box  .e_container-107 > .p_item {
	flex: 1;
	max-width: 100%;
	max-height: 100%
}

.footer-box  .e_text-114 {
	line-height: 35px;
	font-size: 16px;
	font-weight: normal;
	color: rgba(255,255,255,1);
	margin-bottom: 1px;
	display-radio: 1;
	font_radio: 2;
	font-family: Microsoft YaHei
}

.footer-box  .e_text-114 .p_item {
	text-decoration: underline
}
.footer-box  .e_text-114 a,
.footer-box  .e_text-114:hover a{
	color: #fff !important;
}

.page_a.current {
	background: #fff;
	color: #111
}

.page_a:hover {
	text-decoration: none;
	background: #fff;
	color: #111
}

.s_button1 {
	background-color: #fff;
	color: #4a4c52;
	border-color: #fff
}

.s_button1:hover {
	color: #fff;
	background-color: #4a4c52;
	border-color: #fff
}

.footer-box  .e_formBtn-138 {
	display: block;
	position: relative;
	overflow: hidden;
	text-align: center;
	box-sizing: border-box;
	width: 35px;
	padding: 8px;
	background_radio: 1;
	border_radio: 1;
	font_radio: 1;
	radius_radio: 2;
	display-radio: block;
	border-top-left-radius: 0px;
	border-top-right-radius: 50px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 50px;
	max-height: none;
	height: 38px;
	padding-top: 8px;
	max-width: none
}

.footer-box  .e_formBtn-138 span {
	display: block;
	width: 100%;
	position: relative;
	z-index: 1;
	outline: 0;
	margin: 0px;
	overflow: hidden
}

.footer-box  .e_formBtn-138::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	transition: all .3s;
	z-index: 0;
	opacity: 0;
	top: 0;
	left: 0px
}

.footer-box  .e_formBtn-138:hover::after {
	opacity: 1
}



.inner-banner {
	position: relative;
	overflow: hidden;
}

.inner-banner .pic-w {
	position: relative;
	padding-bottom: 38%;
}

.inner-banner .inner-nav {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #bca176;
	border-bottom: 1px solid #bca176;
}

.inner-banner .inner-nav.scoll {
	position: fixed;
	z-index: 999;
	top: 0;
	background: #bca176;
	width: 100%;
	bottom: auto;
}

.inner-banner .local-nav {
	position: absolute;
	left: 7.5%;
	bottom: 25%;
	z-index: 2;
	font-size: 12px;
	color: #fff;
}

.inner-banner .local-nav a {
	color: #fff;
}

.inner-banner .local-nav a:hover {
	color: #bca176;
}

.inner-banner .inner-nav a {
	width: 50%;
	text-align: center;
	border-right: 1px solid #bca176;
	color: #fff;
	background: url(../images/op-w.png);
	height: 70px;
	line-height: 70px;
}

.inner-banner .inner-nav a:hover,
.inner-banner .inner-nav a.on {
	background: url(../images/bg-y.jpg);
}

.cp-series {
	padding: 5% 9%;
}

.cp-series li {
	position: relative;
	overflow: hidden;
	margin-bottom: 4%;
}

.cp-series li:last-child {
	margin-bottom: 0;
}

.cp-series li .pic-w {
	position: relative;
	padding-bottom: 33%;
}

.cp-series li .txt {
	position: absolute;
	z-index: 2;
	top: 50%;
	transform: translateY(-50%);
	background: url(../images/op-h.png);
	right: 6%;
	color: #fff;
	padding: 3% 0 6% 0;
	text-align: center;
	width: 20%;
}

.cp-series li .txt p {
	font-family: arial;
	letter-spacing: 5px;
	opacity: .7;
}

.cp-series li .txt h1 {
	letter-spacing: 5px;
	margin-top: 5%;
}

.cp-series li .txt h2 {
	margin-top: 10%;
}

.cp-series li .txt .more {
	margin-top: 20%;
	letter-spacing: 2px;
}

.cp-series li:hover .pic {
	transform: scale(1.1);
}

.cp-series li:hover .txt {
	background: url(../images/bg-y.jpg);
	box-shadow: 0 0 15px 0 #000;
	right: 50%;
	transform: translate(50%, -50%);
}

.cp-list {
	padding: 5% 9%;
	background: #f5f3f2;
}

.inner-title {
	position: relative;
	text-align: center;
}

.inner-title .main {
	position: relative;
	background: #f5f3f2;
	z-index: 2;
	display: inline-block;
	padding: 0 2%;
}

.inner-title .main p {
	font-family: arial;
	opacity: .5;
	margin-top: 10px;
}

.inner-title .main h1 {
	font-family: simhei;
}

.inner-title:after {
	content: "";
	position: absolute;
	z-index: 1;
	background: #c6b9aa;
	height: 1px;
	width: 100%;
	left: 0;
	top: 15px;
}

.cp-list .choose {
	overflow: hidden;
	margin-top: 3%;
}

.cp-list .choose .box {
	overflow: hidden;
	margin-bottom: 2%;
}

.cp-list .choose h1,
.cp-list .choose a {
	float: left;
	margin-right: 15px;
	line-height: 1;
}

.cp-list .choose a {
	cursor: pointer;
}

.cp-list .choose h1 {
	font-weight: bold;
}

.cp-list .choose a.on {
	color: #bca176;
}

.cp-main {
	margin-top: 3%;
}

.cp-main:after {
	content: "";
	display: block;
	clear: both;
}

.cp-main li {
	position: relative;
	overflow: hidden;
	width: 32%;
	float: left;
	margin: 0 2% 2% 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	height: 400px;
}
.cp-main .searchlistpage li{
	width: 23%;
}

.cp-main .productlistpage li:nth-child(3n) ,
.caselstbox .cp-main li:nth-child(3n),
.cp-main .searchlistpage li:nth-child(4n) {
	margin-right: 0;
}

.cp-main li .pic-w {
	position: relative;
	overflow: hidden;
	height: 230px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.cp-main li p {
	color: #555;
	letter-spacing: 2px;
	padding: 3% 5%;
	/*text-align: center;*/
	font-size: 17px;
	font-weight: bold;
}
.cp-main li p.subtitle{
	color: #999;
	padding: 0% 5%;
	font-size: 14px;
	padding-bottom: 2%;
	font-weight: normal;
}

.cp-main li  .foot_item{
	width: 80px;
	height: 28px;
	left: 22px;
	top: 345px;
	z-index: 3;
	font: normal 400 12px / 1 '微软雅黑';
	background-color: #000000;
	color: #fff;
	position: absolute;
	text-align: center;
	line-height: 28px;
	border-radius: 38px;
}
.cp-main li :hover .foot_item{
	background-color: #d8362b;
}


.caselstbox .cp-main li:hover {
	/*box-shadow: 0 0 15px 0 #333;*/
	/*background: #535353;*/
}
.caselstbox .cp-main  li:hover p{
	color: #f60;
}
.caselstbox .cp-main  li:hover p.subtitle{
	color: #999;
}
.cp-main .productlistpage  p{
	text-align: center;
}

.cp-main li:hover .pic {
	/*transform: scale(1.1);*/
}

.cp-main li .time_w{
	position: absolute;
	top: 20px;
	left: 10px;
	z-index: 10;
	transition-property: all;
	transition-duration: 0.6s;
	transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);
	background-color: #535353;
	color: #fff;
	opacity: 0;
	text-align: center;
	padding: 10px 20px;
}
.cp-main li:hover  .time_w{
	opacity: 1;
}

#pages {
	display: block;
	margin-top: 2%;
	text-align: center;
}

#pages a {
	display: inline-block;
	margin: 0 5px;
	padding: 5px 10px;
	cursor: pointer;
}

#pages a.on,
#pages a:hover {
	/*background: #bca176;*/
	color: red;
}

.design {
	padding: 5% 9%;
}

.design .inner-title:after {
	display: none;
}

.design .inner-title .main {
	background: #FFFFFF;
}

.design .design-lc {
	margin-top: 3%;
}

.design .design-lc .box:last-child div:nth-child(1) {
	order: 8;
}

.design .design-lc .box:last-child div:nth-child(2) {
	order: 7;
}

.design .design-lc .box:last-child div:nth-child(3) {
	order: 6;
}

.design .design-lc .box:last-child div:nth-child(4) {
	order: 5;
}

.design .design-lc .box:last-child div:nth-child(5) {
	order: 4;
}

.design .design-lc .box:last-child div:nth-child(6) {
	order: 3;
}

.design .design-lc .box:last-child div:nth-child(7) {
	order: 2;
}

.design .design-lc .box {
	display: flex;
	justify-content: space-between;
}

.design .design-lc .box .pic-box {
	border: 1px solid #e7e7e7;
	padding: 1% 2%;
	text-align: center;
	cursor: pointer;
}

.design .design-lc .box .pic-box:hover {
	background: #333333;
}

.design .design-lc .box .pic-box:hover p {
	color: #fff;
}

.design .design-lc .box .pic-w {
	width: 100px;
	height: 100px;
	border: 1px solid #e7e7e7;
	border-radius: 100%;
	position: relative;
	background: #fff;
}

.design .design-lc .box .pic-w .pic {
	width: 50%;
	height: 50%;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
}

.design .design-lc .box p {
	color: #333333;
	margin-top: 10px;
}

.design .design-lc .box.last .jt {
	transform: rotate(180deg);
}

.design .design-lc .jt {
	position: relative;
}

.design .design-lc .jt img {
	top: 50%;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
}

.design .design-lc .mid {
	margin: 3% 0;
	text-align: right;
	padding-right: 3.8%;
}

.design .design-lc .mid img {
	transform: rotate(90deg);
}

.sh-service {
	padding: 3% 9%;
	background: #f5f3f2;
}

.sh-service .box {
	overflow: hidden;
	position: relative;
	margin-bottom: 3%;
}

.sh-service .pic-w {
	position: relative;
	width: 49%;
	padding-bottom: 33%;
}

.sh-service .txt {
	position: absolute;
	background: #fff;
	width: 53%;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background: #fff;
	z-index: 2;
	padding: 3%;
}

.sh-service .txt h1 {
	color: #333333;
}

.sh-service .txt .line {
	width: 20px;
	height: 1px;
	background: #000;
	margin: 20px 0;
}

.sh-service .txt p {
	font-size: 12px;
	opacity: .6;
	margin: 10px 0;
}

.sh-service .box:nth-child(2n) .pic-w {
	float: right;
}

.sh-service .box:nth-child(2n) .txt {
	right: auto;
	left: 0;
}

.sh-service h3 {
	background: #333333;
	color: #fff;
	display: inline-block;
	padding: 5px;
}

.join-top {
	padding: 5% 9% 0 9%;
}

.join-top .inner-title:after {
	/* display: none; */
}

.join-top .inner-title .main {
	background: #FFFFFF;
	margin-top: 0;
}

.join-top .main {
	margin-top: 3%;
	overflow: hidden;
}

.join-top .main li {
	float: left;
	width: 20%;
	margin: 0 6.66% 0 0;
}

.join-top .main li:nth-child(4) {
	margin-right: 0;
}

.join-top .main li .des {
	margin-top: 30px;
	line-height: 30px;
	/* height: 120px; */
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.join-top .main li .pic-w {
	position: relative;
	overflow: hidden;
	padding-bottom: 57%;
	margin-top: 15px;
}

.join-list {
	/* margin-top: 5%; */
	overflow: hidden;
	padding: 5% 9%;
}

.join-list li {
	overflow: hidden;
}

.join-list li .title {
	padding: 3% 5%;
	background: #333333;
	color: #fff;
	position: relative;
	border-bottom: 1px solid #b4a491;
}

.join-list li .title span {
	position: absolute;
	top: 50%;
	width: 20px;
	height: 20px;
	right: 5%;
	margin-top: -10px;
	cursor: pointer;
}

.join-list li .title span:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	margin-top: -1px;
}

.join-list li .title span:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 2px;
	height: 100%;
	background: #fff;
	z-index: 2;
	margin-left: -1px;
	transition: all 0.3s;
	-webbkit-transition: all 0.3s;
}

.join-list li .title span:hover:before,
.join-list li.on .title span:before {
	height: 0;
}

.join-list li .main {
	line-height:32px;
	padding: 5%;
	border-top: 0;
	display: none;
	background: #b6a591;
	color: #fff;
}

.join-list li .main h1 {
	font-family: simhei;
}

.join-list li .main .des {
	margin-top: 3%;
	font-size: 14px;
	opacity: .7;
	margin-bottom: 5%;
}

.join-list li .main .des p {
	line-height: 30px;
}

.join-list li .main .lx {
	font-family: simhei;
}

.join-list li .main .lx p {
	line-height: 40px;
}

.news-detail {
	/*padding: 5% 9%;*/
}
.news-detail *{
	/*line-height:32px;*/
}
.news-detail .title {
	padding: 2% 0%;
	/*background: #333;*/
	/*color: #fff;*/
	border-bottom: 1px solid #ddd;
}
.case-detail .title{
	margin-top: 30px;
}
.news-detail .content{
	color: #333;
}
.news-detail .title h1 {
	letter-spacing: 3px;
}

.news-detail .title span {
	float: right;
	margin-top: 5px;
	letter-spacing: 0;
}

.news-detail .title .eng {
	margin-top: 1%;
	font-family: arial;
	letter-spacing: 1px;
}
.news-detail .title .create-time{
	color: #999;
}

.news-detail .pic-w {
	margin-top: 2%;
	padding-bottom: 29%;
	overflow: hidden;
	position: relative;
}

.news-detail .main {
	padding:2% 0px;
	/*background:#333;*/
	/*line-height:32px;*/
	/*border-bottom: 1px solid #333333;*/
}

.news-detail .op {
	margin: 0% 2% 2% 2%;
	margin-bottom: 0;
}

.news-detail .op a {
	/*display: block;*/
	/*color: #fff;*/
}

.news-detail .op .left {
	display: inline-block;
}

.news-detail .op .left a {
	margin-bottom: 20px;
}

.news-detail .op .left a:hover {
	color: red;
}

.news-detail .op .right {
	width: 150px;
	height: 45px;
	background: #333333;
	text-align: center;
	color: #fff;
	line-height: 43px;
	border: 1px solid #333333;
	margin-top: 5px;
}

.news-detail .op .right:hover {
	background: #fff;
	color: #333333;
}

.news-detail .news-lst{
	display: flex;
	flex-wrap: wrap;
}
.news-detail .news-lst a{
	line-height: 1.6;
	font-size: 16px;
	color: rgba(102,102,102,1);
	font-family: Microsoft YaHei;
	margin-bottom: 12px;
	display: flex;
	flex-direction: row;
}
.news-detail .news-lst a p{
	flex: 0 0 auto;
	align-self: center;
	margin-right: 8px;
}
.news-detail .news-lst a:hover{
    color: #bd9d55;
}
.news-detail .news-lst .s_img img{
	width:100%;
}


.news-detail .news-lst  .e_container-18 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%
}

.news-detail .news-lst  .e_container-18 > .p_item {
	flex: 1;
	max-width: 100%;
	max-height: 100%
}
.news-detail .news-lst  .e_container-18 .cbox-18-0 {
	margin-left: auto;
	margin-right: auto;
	flex: 0 0 20%
}

.news-detail .news-lst  .e_container-18 .cbox-18-1 {
	flex: 0 0 80%
}


.news-detail .news-lst  .e_text-14 {
	line-height: 1.5;
	font-size: 18px;
	color: #333;
	font-family: Microsoft YaHei
}

.news-detail .news-lst  .e_line-21 {
	border-top-style: solid;
	border-top-width: 2px;
	max-width: none;
	margin-left: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-top: 15px;
	padding-bottom: 15px;
	padding-top: 0px;
	min-height: 0px;
	max-height: none;
	height: auto;
	border-top-color: rgba(51,51,51,1);
	display-radio: 1
}

.news-detail .news-lst  .e_line-22 {
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: rgba(229,229,229,1);
	margin-bottom: 0px;
	margin-top: 15px;
	padding-bottom: 15px;
	padding-top: 0px;
	min-height: 0px;
	max-height: none;
	height: auto
}


.news-list {
    /*padding: 5% 9%;*/
	/*background: #e2e0df;*/
}



.news-list li {
	padding: 10px;
	overflow: hidden;
	background: #f1f1f1;
	margin-bottom: 2%;
	border-radius: 2px 20px 2px 2px;
}

.news-list li .pic-w {
	position: relative;
	overflow: hidden;
	width: 29%;
	padding-bottom: 17%;
	float: left;
}

.news-list li .txt {
	width: 71%;
	float: left;
	padding: 5% 3%;
	display: flex;
	justify-content:space-between;
}
.news-list li .txt .txt-one{
	flex: 0 0 72%;
}
.news-list li .txt .txt-two{
	flex: 0 0 auto;
	font-size: 14px;
	font-weight: bold;
	color: rgba(102,102,102,1);
}
.news-list li .txt .txt-two .txt-time-day{
	min-height: 20px;
	font_radio: 2;
	padding-left: 0px;
	font-size: 56px;
	line-height: 1.2;
	transition: all .5s ease;
	font-family: Impact;
	text-align: center;
	display-radio: 1
}

.news-list li .txt span {
	float: right;
}

.news-list li .txt .des {
	margin-top: 3%;
	line-height: 2;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.news-list li h1{
	font-weight: bold;
}


.news-list li:hover {
	background: #ddd;
}

.news-list li:hover .pic {
	transform: scale(1.1);
}
.news-list li:hover h1,
.news-list li:hover .txt-two,
.news-list li:hover .txt-two .txt-time-day{
	color: red;
}

.news-list li:hover .des {
	color: #000;
}

.downloadfile-list li {
	padding: 10px;
	overflow: hidden;
	background: #f1f1f1;
	margin-bottom: 2%;
	border-radius: 2px 20px 2px 2px;
}

.downloadfile-list  li .txt {
	width: 100%;
	float: left;
	padding: 1% 1%;
	display: flex;
	justify-content:space-between;
}
.downloadfile-list li .txt .txt-one{
	flex: 0 0 72%;
}
.downloadfile-list li .txt .txt-one
.dl-title{
	font-size: 20px;
	font-weight: bold;
	line-height: 2;
	font-family: Microsoft YaHei;
}
.downloadfile-list li .txt .txt-one
.dl-desc{
	font-size: 14px;
	font-family: Arial;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	margin-top: 15px;
	-webkit-box-orient: vertical;
}
.downloadfile-list li .txt .txt-two{
	flex: 0 0 auto;
	font-size: 14px;
	font-weight: bold;
	color: rgba(102,102,102,1);
	text-align: center;
}

.downloadfile-list li .txt .txt-two img{
	width: 65%;
	margin-bottom: 10px;
}
.downloadfile-list li .txt .txt-two
.download-btn{
	position: relative;
	overflow: hidden;
	text-align: center;
	box-sizing: border-box;
	width: 100px;
	padding: 8px;
	border-radius: 6px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 10px;
	background-color: rgba(51,51,51,1);
	border-style: none;
	border-color: rgba(64, 158, 255, 1);
	border-width: 1px;
	color: rgba(255,255,255,1);
	font-size: 15px;
	margin-bottom: 10px;
	font-family: Microsoft YaHei
}



.zs1 {
	padding: 5% 9%;
}

.zs-ts {
	overflow: hidden;
}

.zs-ts img {
	width: 100%;
}

.zs1 .main {
	overflow: hidden;
	margin-top: 2%;
	position: relative;
}

.zs1 .main .txt {
	width: 29%;
	float: right;
}

.zs1 .main .txt li {
	background: #c7b093;
	color: #fff;
	padding: 9% 13%;
}

.zs1 .main .txt li:nth-child(2n) {
	background: #d8c8b3;
}

.zs1 .main .txt li .des {
	line-height: 1.5;
	margin-top: 5%;
}

.zs1 .main .pic-w {
	position: absolute;
	width: 71%;
	left: 0;
	top: 0;
	height: 100%;
	overflow: hidden;
}

.zs2 {
	padding: 5% 9%;
	background: #f5f3f2;
}

.zs2 .index-title h1 span {
	background: #f5f3f2;
}

.zs2 .main {
	/* overflow: hidden; */
}

.zs2 .main ul:after {
	content: "";
	display: block;
	clear: both;
}

.zs2 .main li {
	float: left;
	width: 18%;
	margin: 0 2.5% 2.5% 0;
	background: #fff;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.zs2 .main li:hover {
	box-shadow: 0 0 15px 0 #999;
	transform: translateY(-15px);
}

.zs2 .main li:hover .pic {
	transform: scale(1.1);
}

.zs2 .main li:nth-child(5n) {
	margin-right: 0;
}

.zs2 .main li .pic-w {
	overflow: hidden;
	position: relative;
	padding-bottom: 130%;
}

.zs2 .main li h1 {
	padding: 20px 15px;
	border-top: 1px solid #dbdbdb;
	margin-top: 8%;
	border-bottom: 1px solid #dbdbdb;
}

.zs2 .main li .des {
	margin: 15px;
	opacity: .6;
	line-height: 25px;
	height: 75px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.zs-title {
	text-align: center;
	color: #666666;
	letter-spacing: 2px;
	margin-top: 2%;
}

.zs-title i {
	display: inline-block;
	width: 150px;
	height: 1px;
	background: #ede9e5;
	vertical-align: middle;
	margin: 0 25px;
}

.zs-title p {
	margin-top: 0.5%;
	opacity: .6;
}

.big-pic {
	width: 100%;
	overflow: hidden;
	margin-top: 3%;
	margin-bottom: 5%;
}

.big-pic img {
	width: 100%;
}

.zs-lb {
	position: relative;
	margin-top: 3%;
}

.zs-lb .s-prev {
	position: absolute;
	width: 60px;
	height: 130px;
	left: -2%;
	top: 25%;
	background: #bfbfbf url(../images/prev.png) center center no-repeat;
	z-index: 1;
	outline: none;
}

.zs-lb .s-next {
	position: absolute;
	width: 60px;
	height: 130px;
	right: -2%;
	top: 25%;
	background: #bfbfbf url(../images/next.png) center center no-repeat;
	z-index: 1;
	outline: none;
}

.zs-lb .button div:hover {
	background-color: #333333;
}

.zs3 {
	padding: 5% 9%;
}

.zs3 .main {
	position: relative;
	margin-bottom: 2%;
	overflow: hidden;
}

.zs3 .main .box {
	width: 49%;
	float: left;
	position: relative;
	border: 1px solid #978165;
}

.zs3 .main .box:nth-child(2n) {
	float: right;
}

.zs3 .main .box .pic-w {
	position: relative;
	overflow: hidden;
	padding-bottom: 63%;
	width: 75%;
}

.zs3 .main .box .txt {
	position: absolute;
	height: 100%;
	right: 0;
	top: 0;
	background: #978165;
	width: 25%;
	color: #fff;
}

.zs3 .main .box .txt .in {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	text-align: center;
}

.zs3 .main .box .txt .in p {
	margin-bottom: 30%;
}

.zs3 .main .box .txt .in p:last-child {
	margin-bottom: 0;
}

.ly {
	padding: 5% 9%;
	background: #f5f3f2;
}

.ly.white {
	background: #fff;
}

.ly .main {
	overflow: hidden;
}

.ly .box {
	width: 850px;
	margin: 8% auto;
	padding: 45px 40px;
	background: #fff;
}

.ly .box .center {
	border: 1px solid #967f63;
}

.ly .box h1 {
	text-align: center;
	border-bottom: 1px solid #967f63;
	color: #967f63;
	padding: 4%;
}

.ly .box p {
	border-bottom: 1px solid #967f63;
	overflow: hidden;
}

.ly .box p span {
	width: 20%;
	float: left;
	display: block;
	height: 65px;
	text-align: center;
	color: #666666;
	line-height: 65px;
	border-right: 1px solid #967f63;
}

.ly .box p input {
	float: left;
	width: 80%;
	display: block;
	height: 65px;
	line-height: 65px;
	padding: 0 15px;
}
.ly .box p textarea {
	resize:none;
	float: left;
	width: 80%;
	display: block;
	height: 65px;
	line-height: 65px;
	padding: 0 15px;
}

.ly .box .tj {
	display: block;
	background: #967f63;
	width: 100%;
	text-align: center;
	color: #fff;
	padding: 3%;
	cursor: pointer;
	outline: none;
}

.ly .box .tj:hover {
	background: #fff;
	color: #967f63;
}

.zs4 {
	padding: 5% 9%;
}

.zs4 .main {
	margin-top: 2%;
	text-align: center;
}

.zs4 .main .box {
	display: inline-block;
	cursor: pointer;
}

.zs4 .main .box .pic-w {
	position: relative;
	overflow: hidden;
	border-radius: 100%;
	width: 100px;
	height: 100px;
	background: #333333;
	margin: auto;
	border: 1px solid #333333;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.zs4 .main .box .pic-w .pic {
	width: 50%;
	height: 50%;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
}

.zs4 .main .box p {
	margin-top: 15px;
	opacity: .8;
}

.zs4 .main .point {
	width: 60px;
	border-top: 2px dashed #333333;
	display: inline-block;
	vertical-align: top;
	margin: 49px 15px 0 15px;
}

.zs4 .main .box:hover .pic-w {
	transform: rotateY(180deg);
}

.zs4 .main .box:hover p {
	color: #333333;
}

.zs5 {
	padding: 5% 9%;
	background: #f5f3f2;
}

.zs5 .index-title span {
	background: #f5f3f2;
}

.zs5 .main-title {
	font-family: simhei;
	position: relative;
}

.zs5 .main-title:after {
	content: "";
	position: absolute;
	width: 18px;
	height: 1px;
	background: #000;
	right: 0;
	top: 50%;
}

.zs5 .main-title span {
	font-size: 12px;
	font-family: arial;
	color: #9c9b9a;
}

.zs5 .jm1 .main {
	margin-top: 3%;
}

.zs5 .jm1 .main:after {
	content: "";
	display: block;
	clear: both;
}

.zs5 .jm1 .main li {
	float: left;
	width: 24.5%;
	overflow: hidden;
	margin-right: 0.66%;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.zs5 .jm1 .main li:last-child {
	margin-right: 0;
}

.zs5 .jm1 .main li p {
	padding: 5%;
	background: #c7b093;
	color: #fff;
}

.zs5 .jm1 .main li .pic-w {
	position: relative;
	padding-bottom: 95%;
	overflow: hidden;
}

.zs5 .jm1 .main li:nth-child(2n) p {
	background: #d8c8b3;
}

.zs5 .jm1 .main li:hover {
	box-shadow: 0 0 15px 0 #666;
	transform: translateY(-5%);
}

.zs5 .jm2 {
	margin-top: 3%;
}

.zs5 .jm2 .main {
	margin-top: 3%;
}

.zs5 .jm2 .main ul:after {
	content: "";
	display: block;
	clear: both;
}

.zs5 .jm2 .main li {
	float: left;
	width: 48%;
	margin-bottom: 2%;
}

.zs5 .jm2 .main li:nth-child(2n) {
	float: right;
}

.zs5 .jm2 .main li .pic-w {
	position: relative;
	overflow: hidden;
	padding-bottom: 40%;
}

.zs5 .jm2 .main li .txt {
	margin-top: 3%;
	color: #494949;
	font-family: simhei;
}

.zs5 .jm2 .main li .txt .des {
	margin-top: 1%;
	line-height: 1.5;
	padding-left: 28px;
}

.zz1 {
	padding: 5% 9%;
}

.zz1 .main {
	margin-top: 3%;
	overflow: hidden;
}

.zz1 .main .left {
	float: left;
	width: 50%;
}

.zz1 .main .left .jd-swiper {
	overflow: hidden;
	position: relative;
}

.zz1 .main .left .jd-swiper .swiper-slide {
	overflow: hidden;
}

.zz1 .main .left .jd-swiper .pic-w {
	position: relative;
	overflow: hidden;
	padding-bottom: 52%;
}

.zz1 .main .left .jd-list {
	margin-top: 2%;
	overflow: hidden;
}

.zz1 .main .left .jd-list li {
	float: left;
	width: 25%;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

.zz1 .main .left .jd-list li .pic-w {
	position: relative;
	overflow: hidden;
	padding-bottom: 60%;
}

.zz1 .main .left .jd-list li:after {
	content: "";
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .5;
	left: 0;
	top: 0;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.zz1 .main .left .jd-list li.on:after {
	opacity: 0;
}

.zz1 .main .txt {
	width: 45%;
	float: right;
	padding: 5% 0;
	color: #252525;
}

.zz1 .main .txt .line {
	width: 50px;
	height: 1px;
	background: #cabfb1;
	margin: 4% 0;
}

.zz1 .main .txt .des {
	opacity: .6;
}

.zz1 .main .txt .des p {
	margin-bottom: 2%;
	line-height: 2;
}

.zz2 {
	padding: 5% 9%;
	background: #f5f3f2;
}

.zz2 .index-title span {
	background: #f5f3f2;
}

.zz2 .txt,
.zz3 .txt {
	color: #252525;
	margin: 3% 0;
	width: 40%;
}

.zz2 .txt h1,
.zz3 .txt h1 {
	opacity: .9;
}

.zz2 .txt .line,
.zz3 .txt .line {
	width: 50px;
	height: 1px;
	background: #cabfb1;
	margin: 4% 0;
}

.zz2 .txt .des,
.zz3 .txt .des {
	opacity: .5;
}

.zz2 .txt .des p,
.zz3 .txt .des p {
	margin-bottom: 2%;
}

.zz2 .zz-lc {
	overflow: hidden;
}

.zz2 .zz-lc .box {
	display: flex;
	justify-content: space-between;
}

.zz2 .zz-lc .box:last-child div:nth-child(1) {
	order: 8;
}

.zz2 .zz-lc .box:last-child div:nth-child(2) {
	order: 7;
}

.zz2 .zz-lc .box:last-child div:nth-child(3) {
	order: 6;
}

.zz2 .zz-lc .box:last-child div:nth-child(4) {
	order: 5;
}

.zz2 .zz-lc .box:last-child div:nth-child(5) {
	order: 4;
}

.zz2 .zz-lc .box:last-child div:nth-child(6) {
	order: 3;
}

.zz2 .zz-lc .box:last-child div:nth-child(7) {
	order: 2;
}

.zz2 .zz-lc .box .pic-w {
	width: 22.5%;
	position: relative;
	padding-bottom: 13%;
	overflow: hidden;
}

.zz2 .zz-lc .box .pic-w p {
	position: absolute;
	width: 90%;
	color: #fff;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	text-align: center;
	left: 5%;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.zz2 .zz-lc .box .jt {
	margin-top: 4.5%;
}

.zz2 .zz-lc .box:nth-child(2n) .jt {
	transform: rotate(180deg);
	margin-top: 0;
	margin-bottom: 5.5%;
}

.zz2 .zz-lc .jt.big {
	text-align: right;
	padding: 1% 11%;
}

.zz2 .zz-lc .jt.left {
	transform: rotate(180deg);
	margin-bottom: 4.5%;
}

.zz2 .zz-lc .jt.big img {
	transform: rotate(90deg);
}

.zz2 .zz-lc .box .pic-w:hover p {
	opacity: 0;
}

.zz2 .zz-lc .box .pic-w:hover .pic {
	transform: scale(1.1);
}

.zz2 .pic-box,
.zz3 .pic-box {
	overflow: hidden;
}

.zz2 .pic-box .pic-w,
.zz3 .pic-box .pic-w {
	position: relative;
	overflow: hidden;
	width: 32%;
	float: left;
	margin-right: 2%;
	padding-bottom: 30%;
}

.zz2 .pic-box .pic-w:last-child,
.zz3 .pic-box .pic-w:last-child {
	margin-right: 0;
}

.zz2 .pic-box .pic-w:hover .pic,
.zz3 .pic-box .pic-w:hover .pic {
	transform: scale(1.1);
}

.zz2 .three {
	position: relative;
	overflow: hidden;
}

.zz2 .three .left {
	width: 22.5%;
	overflow: hidden;
}

.zz2 .three .left li {
	text-align: center;
	color: #fff;
	background: #c7b093;
	padding: 20% 0;
}

.zz2 .three .left li:nth-child(2n) {
	background: #d8c8b3;
}

.zz2 .three .pic-w {
	position: absolute;
	top: 0;
	right: 0;
	width: 77.5%;
	height: 100%;
	overflow: hidden;
}

.zz3 {
	padding: 5% 9%;
}

.zz3 .five {
	overflow: hidden;
}

.zz3 .five li {
	float: left;
	width: 18%;
	margin-right: 2.5%;
}

.zz3 .five li:last-child {
	margin-right: 0;
}

.zz3 .five .pic-w {
	position: relative;
	overflow: hidden;
	padding-bottom: 125%;
	border: 1px solid #a08b71;
}

.zz3 .five h1 {
	margin: 10% 0 8% 0;
	padding: 5% 0;
	position: relative;
	border-top: 1px solid #b2b2b2;
	border-bottom: 1px solid #b2b2b2;
	position: relative;
}

.zz3 .five h1:after {
	content: "";
	position: absolute;
	width: 20px;
	height: 1px;
	background: #000;
	right: 0;
	top: 50%;
}

.zz3 .five p {
	font-family: simsun;
	opacity: .6;
	font-size: 12px;
	line-height: 2;
}

.zz3 .five li:hover .pic {
	transform: scale(1.1);
}

.part {
	padding: 5% 9%;
	background: #f5f3f2;
}

.part .index-title span {
	background: #f5f3f2;
}

.part .main {
	margin-top: 3%;
	overflow: hidden;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

.part .main li {
	float: left;
	width: 20%;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #ccc;
	padding: 4% 3%;
	padding-bottom: 2%;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.part .main li:hover {
	background: #333333;
}

.part .main li .pic-w {
	padding-bottom: 30%;
	position: relative;
}

.part .main li p {
	text-align: center;
	line-height: 20px;
	height: 40px;
	opacity: .7;
	width: 60%;
	margin: auto;
	margin-top: 10%;
}

.part .des {
	margin-bottom: 4%;
	text-align: center;
	opacity: .6;
	line-height: 2;
	font-size: 16px;
	position: relative;
}

.part .des:after {
	content: "";
	position: absolute;
	z-index: 1;
	width: 50px;
	height: 1px;
	background: #333333;
	left: 50%;
	margin-left: -25px;
	bottom: -20px;
}

.pp-top {
	padding: 5% 9%;
}

.pp-top .index-title p {
	font-size: 14px;
	letter-spacing: 0;
}

.pp-top .main {
	position: relative;
	overflow: hidden;
	margin-top: 2%;
	margin-bottom: 5%;
}

.pp-top .main .pic-w {
	position: relative;
	width: 50%;
	float: right;
	overflow: hidden;
	padding-bottom: 35%;
}

.pp-top .main img {
	max-width: 100%;
}

.pp-top .main .txt {
	width: 45%;
	float: left;
}

.pp-top .main .txt h1 {
	color: #666;
	margin-top: 5%;
}

.pp-top .main .txt .line {
	width: 50px;
	height: 1px;
	background: #cabfb1;
	margin: 5% 0;
}

.pp-top .main .txt p {
	color: #666666;
	opacity: .75;
	line-height: 2;
	margin-bottom: 2%;
	font-size: 14px;
}

.pp-top .main.two {
	margin-bottom: 0;
}

.pp-top .main.two .txt {
	float: right;
}

.pp-top .main.two .pic-w {
	float: left;
}

.pp-top .main.two h1 {
	margin-top: 0;
}

.fzlc {
	padding: 5% 9%;
}

.fzlc .index-title p {
	letter-spacing: 0;
	color: #fff;
	opacity: .2;
}

.fzlc .index-title h1 span {
	background: none;
	color: #fff;
}

.index-title h1 {
	background: none;
}

.index-title h1:after {
	content: "";
	position: absolute;
	width: 40%;
	height: 1px;
	background: #b2b2b2;
	right: 0;
	top: 0;
}

.index-title h1:before {
	content: "";
	position: absolute;
	width: 40%;
	height: 1px;
	background: #b2b2b2;
	left: 0;
	top: 0;
}

.lc-swiper {
	margin-top: 5%;
	overflow: hidden;
}

.lc-swiper .swiper-slide {
	position: relative;
	z-index: 2;
	color: #fff;
	text-align: center;
}

.lc-swiper .swiper-slide .box {
	width: 15px;
	height: 15px;
	background: #967f63;
	margin: 20px auto;
	transform: rotate(45deg);
}

.lc-swiper .swiper-slide-active {
	background: #967f63;
	padding: 20px 0;
}

.lc-swiper .swiper-slide-active .box {
	margin: 0px auto;
	display: none;
}

.lc2-swiper {
	width: 800px;
	margin: auto;
	margin-top: 5%;
	overflow: hidden;
}

.lc2-swiper .swiper-slide {
	background: url(../images/op.png);
	padding: 10% 8%;
}

.lc2-swiper .swiper-slide h1 {
	color: #c1a27d;
}

.lc2-swiper .swiper-slide .line {
	width: 50px;
	height: 1px;
	background: #858586;
	margin: 5% 0;
}

.lc2-swiper .swiper-slide .des {
	line-height: 1.5;
	opacity: .8;
	color: #fff;
}

.pp-bot {
	padding: 5% 9%;
}

.pp-bot .index-title p {
	font-size: 14px;
	letter-spacing: 0;
}

.pp-bot .ry-list {
	overflow: hidden;
	margin-top: 3%;
}

.pp-bot .ry-list li {
	width: 17%;
	float: left;
	margin-right: 3.75%;
	margin-bottom: 3.75%;
}

.pp-bot .ry-list li:nth-child(5n) {
	margin-right: 0;
}

.pp-bot .ry-list li .pic-w {
	position: relative;
	overflow: hidden;
	padding-bottom: 140%;
}

.pp-bot .ry-list li p {
	text-align: center;
	height: 40px;
	line-height: 40px;
	color: #fff;
	background: #5d5959;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	font-size: 12px;
}

.pp-bot .ry-list li.big {
	margin-right: 0;
	width: 37.75%;
}

.pp-bot .ry-list li.big .pic-w {
	padding-bottom: 63.4%;
}

.pp-bot .ry-list li:hover .pic {
	transform: scale(1.1);
}

.pp-bot .ry-list li:hover p {
	background: #967f63;
}

.pp-bot .qy-list {
	overflow: hidden;
	margin-top: 3%;
}

.pp-bot .qy-list li {
	float: left;
	width: 22.5%;
	margin-right: 3.33%;
	margin-bottom: 3.33%;
}

.pp-bot .qy-list li:nth-child(4n) {
	margin-right: 0;
}

.pp-bot .qy-list li:last-child {
	margin-right: 0;
}

.pp-bot .qy-list li p {
	text-align: center;
	height: 40px;
	line-height: 40px;
	color: #fff;
	background: #5d5959;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	font-size: 12px;
}

.pp-bot .qy-list li .pic-w {
	position: relative;
	overflow: hidden;
	padding-bottom: 70%;
}

.pp-bot .qy-list li.big {
	width: 48.3%;
}

.pp-bot .qy-list li.big .pic-w {
	padding-bottom: 36%;
}

.pp-bot .qy-list li:hover .pic {
	transform: scale(1.1);
}

.pp-bot .qy-list li:hover p {
	background: #967f63;
}

.fix-right {
	position: fixed;
	z-index: 99;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.fix-right p {
	display: none;
}

.fix-right li:nth-child(1) {
	background-image: url(../images/ficon1.png);
}

.fix-right li:nth-child(2) {
	background-image: url(../images/ficon2.png);
}

.fix-right li:nth-child(3) {
	background-image: url(../images/ficon3.png);
}

.fix-right li:nth-child(4) {
	/*background-image: url(../images/ficon4.png);*/
}

.fix-right li {
	width: 78px;
	height: 76px;
	/*background-color: #5d5959;*/
	background-color: rgba(0,0,0,.4);
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 2px;
	border-radius: 5px;
	position: relative;
}

.fix-right li a {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
}

.fix-right li .tel {
	position: absolute;
	right: -500px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	height: 76px;
	padding: 0 15px;
	color: #fff;
	line-height: 76px;
	font-size: 18px;
	letter-spacing: 2px;
	width: 200px;
	text-align: center;
}

.fix-right li:hover .tel {
	right: 78px;
	background-color: #5d5959;
}

.s-list {
	overflow: hidden;
}

.s-list li {
	margin-bottom: 2%;
	border-bottom: 1px solid #000;
	padding-bottom: 2%;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.s-list li h1 {
	margin-bottom: 2%;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.s-list li .des {
	line-height: 1.5;
}

.s-list li:hover h1 {
	color: #967f63;
}

.s-list li:hover {
	border-bottom: 1px solid #967f63;
}

.productlistpage .cat_title_top
{
	color: rgba(51,51,51,1);
	line-height: 1.5;
	text-align: left;
	margin-bottom: 0px;
	font-size: 30px;
	font-family: Microsoft YaHei
}
.productlistpage .cat_title_line{
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: rgba(17,17,17,1);
	max-width: 60px;
	margin-left: 0px;
	margin-right: auto;
	width: 20%;
	display-radio: 1
}
.productlistpage .silderNav-box .silderNav-item {
	border: 1px #ccc solid;
	margin-bottom: 10px;
	width: 87%;
}
.productlistpage .silderNav-box .silderNav-item a{
	display: flex;
	justify-content: space-between;
	position: relative;
	line-height: 20px;
	border-bottom: 1px solid #ebebeb;
	font-size: 16px;
	transition: all ease .3s;
	width: 100%;
	color: #333;
	background: #f5f5f5;
	display-radio: flex;
	background-color: #f5f5f5;
	padding: 10px 0;
	font-family: Microsoft YaHei;
	padding-left: 20px;
}
.productlistpage .silderNav-box .silderNav-item a.on{
	background: #666;
	color: #fff;
	border-bottom: 1px solid #f7d8ae
}
.productlistpage .silderNav-box .silderNav-item:hover a{
	background: #333;
	color: #fff;
	padding-left: 30px;
	border-bottom: 1px solid #f7d8ae
}
.productlistpage .pro-contract-item{
	display: flex;
	justify-content: flex-start;
	margin-bottom: 20px;
	width: 86%;
}
.productlistpage .pro-contract-item
.p-i-info{
	padding-left: 6px;
}

.p_c_mbtn{
	display: none;
}
.pro-info-pages .pro-btn-box{
     margin: 40px 0px 30px;
	display: flex;
}
.pro-info-pages .pro-btn-box a{
	display: block;
	position: relative;
	overflow: hidden;
	text-align: center;
	box-sizing: border-box;
	min-width: 150px;
	padding: 8px;
    line-height: 30px;

	border-color: rgba(74, 76, 82, 1);
	border-style: solid;
	border-radius: 5px;
	border-width: 1px;
	color: rgba(74, 76, 82, 1);
	font-size: 16px;
	font-family: Microsoft YaHei
}
.pro-info-pages .pro-btn-box a:nth-child(1){
	margin-right: 26px;
}
.pro-info-pages .pro-btn-box a:hover{
	background: rgba(74, 76, 82, 1);
	color: #fff;
}

.pro-info-pages .right-info-box{
	/*white-space: pre-line;*/
	margin-bottom: 8px;
	font-size: 16px;
	font-family: Microsoft YaHei;
}
.pro-info-pages  .pro_desc-box{
	background: #f2f2f2;
	padding: 15px;
	font-size: 15px;
	color: #909399;
	line-height: 2;
	margin-bottom: 0px;
	margin-top: 0px;
	font-family: Microsoft YaHei;
	margin: 20px 0px;
}
.pro-info-pages .back-img{
	max-width: 20px;
	margin-right: 5px;
}
.pro-info-pages .back-img img{
	width: 100%;
}
.pro-info-pages .back-home-btn{
	margin-top: 50px;
	display: flex;
	justify-content: flex-start;
	line-height: 2;
	font-size: 14px;
	font-family: Microsoft YaHei;
}

.pro-info-pages span {
	font-size: 16px!important;
	font-family: Microsoft YaHei!important
}
.pro-info-pages .productTabList .p_tabName li{
	cursor: pointer;
}
.pro-info-pages .productTabList .p_tabName {
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	border-bottom: 1px #333 solid;
	background: #f1f1f1;

}

.pro-info-pages .productTabList .p_nameItem {
	display: inline-block;
	width: auto;
	min-width: 98px;
	padding: 0 5px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	border-bottom: 1px solid transparent;
	display-radio: inline-block;
	font-size: 16px;
	font-family: Microsoft YaHei
}

.pro-info-pages .productTabList .p_nameItem.active {
	color: #fff;
	border-bottom: 0px solid #333;
	background: #333
}

.pro-info-pages .productTabList .p_tabContent {
	padding: 25px 0 0px
}
.pro-info-pages .productTabList .p_tabContent img{
	max-width: 100%;
}
.pro-info-pages .productTabList .p_contentItem {
	display: none
}

.pro-info-pages .productTabList .p_contentItem.active {
	display: block
}

.pro-info-pages .productTabList .p_infoItem {
	overflow: hidden;
	margin-bottom: 20px;
	display-radio: 1;
	font-size: 16px;
	font-family: Microsoft YaHei
}

.pro-info-pages .productTabList .p_attrItem {
	width: 25%;
	float: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-right: 15px
}


.pro-info-pages .productTabList .p_keywordLabel {
	float: left;
	display: block;
	height: 28px;
	line-height: 28px
}

.pro-info-pages .productTabList .p_keywordValue {
	float: left;
	overflow: hidden
}

.pro-info-pages .productTabList .p_keywordItem {
	padding: 0 15px;
	border-radius: 5px;
	float: left;
	height: 28px;
	line-height: 28px;
	margin-left: 15px;
	margin-bottom: 15px;
}

.pro-info-pages .text-secondary{
	display: flex;
	justify-content: flex-start;
}
.pro-info-pages .text-secondary p{
	display: block;
	background: #f2f2f2;
}
.pro-info-pages .text-secondary .pre-item{
	background: #f2f2f2;
	line-height: 46px;
	font-size: 14px;
	width: 49%;
	margin-right: 10px;
	margin-bottom: 50px;
	padding-left: 20px;
}


@media screen and (max-width: 2600px) {
	.container, .container-sm, .container-md, .container-lg, .container-xl {
		max-width: 1300px;
	}
}

@media screen and (max-width: 1600px) {
	.container, .container-sm, .container-md, .container-lg, .container-xl {
		max-width: 1240px;
	}
	header .main nav a {
		/*padding: 5% 12px;*/
	}
}

@media screen and (max-width: 1440px) {
	header .logo {
		width: 28.5%;
	}

	header .main {
		padding-left: 1%;
	}
	header .main nav a {
		/*padding: 5% 10px;*/
	}
	.pro-swiper .txt .left {
		padding: 3.4% 5%;
	}
	.index-zs .main li p {
		font-size: 12px;
	}
	.index-store .s-prev,
	.index-store .s-next {
		width: 40px;
		height: 80px;
		background-size: 30%;
	}
	footer .top .right {
		width: 67%;
	}
	footer .top .ewms .box {
		width: 90px;
	}
	footer .top .ewms .box img {
		width: 100%;
	}
	footer .top .right .nav ul a {
		margin-bottom: 20px;
	}
	footer .top .left .logo {
		width: 250px;
		margin-top: 5%;
	}
	footer .top .left .logo img {
		width: 100%;
	}
	footer .top .left input,
	footer .top .left button {
		height: 40px;
		line-height: 40px;
	}
	footer .top .left button {
		background-size: 60%;
		width: 40px;
		float: right;
	}
	footer .top .left .search {
		width: 360px;
		margin: 17% 0;
	}
}

@media screen and (max-width: 1366px) {
	.index-pro .pro-list li .txt h2 {
		font-size: 12px;
	}
	.pp-top .main .txt p,
	.pp-top .main .txt p {
		line-height: 1.5;
	}
	.join-list li .main h1 {
		font-size: 16px;
	}
	.join-list li .main p {
		font-size: 14px;
	}
	.join-top .main li .des {
		line-height: 20px;
		overflow: hidden;
	}
	.news-list li .pic-w {
		padding-bottom: 18%;
	}
	.zs2 .main li .des {
		line-height: 20px;
		height: 60px;
	}
	.zz3 .five p {
		line-height: 1.5;
	}
}

@media screen and (max-width: 1200px) {
	.fix-right {
		display: none;
	}
	.zs-lb .button {
		display: none;
	}
	footer .bot,
	footer .bot h1 {
		font-size: 12px;
	}
	footer .top {
		padding: 3%;
	}
	header .logo {
		width: 20%;
	}
	header .main {
		/*padding-left: 20%;*/
	}
	header .main .top .box,
	header .main .top a {
		height: 45px;
		line-height: 45px;
	}
	header .main .top .box p {
		line-height: 45px;
	}
	header .main .top .box span {
		margin-top: -3px;
	}
	.index-new .main li .txt .des {
		margin-top: 10%;
	}
	footer .top .right .nav ul a.big {
		padding: 10px;
	}
	.index-title .eng,
	.cp-series li .txt p {
		letter-spacing: 2px;
	}
	.sh-service .txt {
		position: relative;
		float: left;
		transform: translateX(0);
		width: 50%;
	}
	.sh-service .pic-w {
		float: left;
		width: 50%;
	}
	.news-list li .pic-w {
		padding-bottom: 19%;
	}
	.zs3 .main .box .txt {
		width: 30%;
	}
	.zs3 .main .box .pic-w {
		width: 70%;
	}
	.zs4 .main .point {
		width: 20px;
	}
	.phone-bot {
		width: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-between;
		background: #333;
		padding: 10px;
		position: fixed;
		z-index: 997;
		bottom: 0;
	}
	.phone-bot .box {
		text-align: center;
		font-size: 14px;
		line-height: 30px;
	}
	.phone-bot .box:first-child .icon {
		margin-top: 0;
	}
	.phone-bot .box .icon {
		display: inline-block;
		font-size: 20px;
		margin-right: 5px;
		vertical-align: top;
		margin-top: 0.5px;
	}
	.phone-bot .box a {
		color: #fff;
	}
	.phone-bot .box a i{
		margin-right: 4px;
	}
}

@media screen and (max-width: 1024px) {
	body {
		/*padding-bottom: 50px;*/
	}
	.phone-none{
		display: none;
	}
	.inner-banner .inner-nav.scoll {
		opacity: .8;
	}
	.join-top .main li {
		width: 48%;
		margin: 0 4% 4% 0;
	}
	.join-top .main li:nth-child(2n) {
		margin-right: 0;
	}
	.join-top .main li .des {
		height: 120px;
	}
	.lc2-swiper {
		width: 100%;
	}
	.cp-list .choose a {
		font-size: 14px;
		line-height: 25px;
	}
	.cp-list .choose h1 {
		line-height: 25px;
	}
	.cp-list .choose .box {
		margin-bottom: 4%;
	}
	.zs-title i {
		display: none;
	}
	.zs-title p {
		font-size: 12px;
	}
	header{
		background: #ffffff;
		width: 100%;
		top: 0px;
		position: fixed;
		height: 48px;
		z-index: 995;
	}
	header .main .top .box {
		display: none;
	}
	.index-title h1:after,
	.index-title h1:before {
		display: none;
	}
	.slide_nav{
		background: #555;
	}
	.slide_nav .slide_nav_ul .slideNavSecon{
		background: #888;
	}
	header .main nav {
		display: none;
	}
	header .main .menu-box {
		height: 48px;
		line-height: 48px;
		background: #fff;
	}
	header .main {
		padding-left: 50%;
	}

	header .logo {
		width: 50%;
	}
	header .logo .logo-web{
		display: none;
	}
	header .logo .logo-phone{
		display: block;
		height: 90%;
		padding-top: 5px;
	}
	header .main .top .box,
	header .main .top a {
		float: right;
	}
	header .main .top {
		background: #967f63;
	}
	header .menu {
		width: 32px;
		float: right;
		margin-top: 16px;
		margin-right: 20px;
		display: block;
	}
	header .menu .line1 {
		width: 100%;
		height: 3px;
		background: #333;
	}
	header .menu .line2 {
		width: 100%;
		height: 3px;
		background: #333;
		margin-top: 5px;
	}
	header .menu .line3 {
		width: 100%;
		height: 3px;
		background: #333;
		margin-top: 5px;
	}
	.top-banner{
		margin-top: 15px;
	}
	.index-pro,
	.index-pp,
	.index-store,
	.index-new,
	.cp-list,
	.cp-series,
	.sh-service,
	.pp-bot,
	.zz1,
	.zz2,
	.zz3,
	.zs4,
	.zs5,
	.news-list,
	.news-detail,
	.join-top,
	.join-list {
		padding: 3%;
	}
	footer .nav {
		display: none;
	}
	footer .top .left {
		width: 100%;
		float: none;
	}
	footer .top .right {
		float: none;
		width: 100%;
		display: none;
	}
	footer .top .ewms {
		float: none;
	}
	footer .top .left .search {
		margin: 5% 0;
	}
	footer .top .ewms .box {
		margin-left: 0;
		margin-right: 30px;
	}
	.swiper_01 .swiper-slide .txt {
		display: none;
	}
	/* .swiper_01 .swiper-slide .pic-w{
        padding-bottom: 60%;
    } */
	.index-title .eng,
	.cp-series li .txt p {
		left: 0;
		font-size: 12px;
	}
	.index-title p {
		letter-spacing: 0;
		font-size: 12px;
	}
	.index-title h1 {
		margin: 10px 0;
	}
	.index-pro .pro-list li,
	.index-zs .main li {
		width: 48%;
		margin: 0 4% 4% 0;
	}
	.index-pro .pro-list li:nth-child(2n),
	.index-zs .main li:nth-child(2n) {
		margin-right: 0;
	}
	.index-pro .pro-list li .txt h2 {
		line-height: 1.5;
	}
	.pro-xl .pro-swiper {
		width: 100%;
		position: relative;
	}
	.pro-xl .pro-swiper .swiper-slide .pic-w {
		position: relative;
		overflow: hidden;
		padding-bottom: 100%;
	}
	.pro-swiper .txt .right {
		display: none;
		background: rgba(0, 0, 0, 0.5);
	}
	.pro-xl .main {
		width: 100%;
		float: none;
		display: none;
	}
	.pro-swiper .txt .left {
		width: 100%;
		background: rgba(0, 0, 0, 0.5);
	}
	.pro-swiper .txt .left .line {
		display: none;
	}
	.pro-xl .main li .line {
		margin: 2% auto;
	}
	.index-pp .main .pic-w {
		position: relative;
		width: 100%;
		padding-bottom: 60%;
	}
	.index-pp .main .txt {
		width: 100%;
		float: none;
	}
	.index-pp .main .txt .des {
		line-height: 1.5;
	}
	.index-pp .main .txt .eng {
		margin-top: 10px;
	}
	.index-pp .main .txt .more {
		width: 160px;
		height: 40px;
		line-height: 38px;
		margin: auto;
	}
	.index-store .button {
		display: none;
	}
	.index-new .main li {
		float: none;
		width: 100%;
	}
	.index-new .main li .txt {
		padding: 5%;
	}
	.index-new .main li .txt span {
		display: none;
	}
	.index-new .main li .txt .des {
		margin-top: 5%;
	}
	footer .top .left .search {
		width: 100%;
	}
	.inner-banner .inner-nav {
		position: relative;
		background: #bca176;
		color: #fff;
		overflow: hidden;
		display: block;
		background: #fff;
		border: none;
	}
	.inner-banner .inner-nav a {
		width: 25%;
		display: block;
		float: left;
		background: #d2c3ad;
		height: 40px;
		line-height: 40px;
	}
	.inner-banner .inner-nav a {}
	.cp-main li {
		width: 100%;
		margin: 0 ;
		position: relative;
	}
	.cp-main
	.searchlistpage li{
		width: 100%;
	}
	.cp-main li:nth-child(3n) {
		/*margin: 0 4% 4% 0;*/
	}
	.cp-main li:nth-child(3n) {
		margin-right: 0;
	}
	.cp-main li p {
		font-size: 14px;
		letter-spacing: 0;
	}
	.cp-main li p.subtitle{
		font-size: 12px;
		letter-spacing: 0;
	}
	.cp-main li .foot_item span{
		/*width: 82px;*/
		margin-top: 10px;
		padding: 0;
		margin-bottom: 10px;
	}
	.cp-main li .time_w{
		display: none;
	}

	.cp-list .choose p {
		font-size: 12px;
		line-height: 20px;
	}
	.cp-list .choose h1 {
		line-height: 20px;
	}
	.cp-series li .txt {
		width: 50%;
	}
	.cp-series li .pic-w {
		padding-bottom: 60%;
	}
	.cp-series li .txt .more {
		margin-top: 20%;
	}
	.design .design-lc .box {
		display: block;
	}
	.design .design-lc {
		overflow: hidden;
	}
	.design .design-lc .box .pic-box {
		width: 48%;
		float: left;
		margin: 0 2% 2% 0;
	}
	.design .design-lc .jt {
		display: none;
	}
	.design .design-lc .box .pic-w {
		margin: auto;
	}
	.design .design-lc .mid {
		display: none;
	}
	.sh-service .pic-w {
		float: none;
		width: 100%;
		padding-bottom: 60%;
	}
	.sh-service .txt {
		width: 100%;
	}
	.sh-service h3 {
		line-height: 1.5;
	}
	.pp-top .main .txt {
		width: 100%;
		float: none;
	}
	.pp-top .main .txt p,
	.pp-top .main .txt p {
		font-size: 12px;
	}
	.pp-top .main .pic-w {
		width: 100%;
		padding-bottom: 60%;
	}
	.pp-bot .ry-list li,
	.pp-bot .ry-list li:nth-child(5n),
	.pp-bot .qy-list li {
		width: 48%;
		margin: 0 2% 2% 0;
	}
	.pp-bot .ry-list li.big,
	.pp-bot .qy-list li.big {
		width: 100%;
	}
	.zz1 .main .left {
		float: none;
		width: 100%;
	}
	.zz1 .main .txt {
		width: 100%;
	}
	.zz1 .main .txt .des p {
		line-height: 1.5;
	}
	.zz2 .txt,
	.zz3 .txt {
		width: 100%;
	}
	.zz2 .zz-lc .box .jt {
		display: none;
	}
	.zz2 .zz-lc .jt.big {
		display: none;
	}
	.zz2 .zz-lc {
		/* display: none; */
	}
	.zz2 .zz-lc .box {
		display: block;
	}
	.zz2 .zz-lc .box .pic-w {
		width: 48%;
		float: left;
		margin: 0 4% 4% 0;
		padding-bottom: 35%;
	}
	.zz2 .zz-lc .box .pic-w:nth-child(3n),
	.zz2 .zz-lc .box .pic-w:last-child {
		margin-right: 0;
	}
	.zz2 .three .left li {
		font-size: 14px;
		padding: 23% 0;
	}
	.zz3 .five li {
		width: 48%;
		margin: 0 4% 4% 0;
	}
	.zz3 .five li:nth-child(2n) {
		margin-right: 0;
	}
	.part {
		padding: 5%;
	}
	.part .des {
		font-size: 12px;
		line-height: 1.5;
	}
	.part .main li {
		width: 50%;
	}
	.part .main li p {
		font-size: 12px;
		width: 90%;
	}
	.part .des:after {
		display: none;
	}
	.zs4 .main .box .pic-w {
		width: 60px;
		height: 60px;
	}
	.zs4 .main .box {
		width: 33%;
		margin-bottom: 5%;
	}
	.zs4 .main .point {
		display: none;
	}
	.zs4 .main .box p {
		font-size: 12px;
		margin-top: 10px;
	}
	.zs5 .jm1 .main li {
		width: 100%;
		margin-bottom: 2%;
	}
	.zs5 .jm2 .main li {
		width: 100%;
	}
	.ly {
		padding: 0;
	}
	.ly .main {
		padding: 3%;
	}
	.ly .box {
		width: 100%;
		padding: 20px;
	}
	.ly .box p span,
	.ly .box p input {
		height: 40px;
		line-height: 40px;
		font-size: 12px;
	}
	.zs1 .main .pic-w {
		position: relative;
		width: 100%;
		padding-bottom: 60%;
	}
	.zs1 .main .txt {
		width: 100%;
		float: none;
	}
	.zs1 .main .txt li {
		padding: 5%;
	}
	.zs2 .main li,
	.zs2 .main li:nth-child(5n) {
		width: 48%;
		margin: 0 4% 4% 0;
		float: left;
	}
	.zs2 .main li:nth-child(2n) {
		margin-right: 0;
	}
	.zs2 .main li h1 {
		margin-top: 0;
		padding: 10px;
	}
	.zs3 .main .box {
		width: 100%;
		float: none;
		margin-bottom: 3%;
	}
	.zs3 .main .box .txt .in {
		font-size: 12px;
	}
	.news-list li .pic-w {
		padding-bottom: 40%;
		width: 100%;
	}
	.news-list li .txt {
		width: 100%;
	}
	.news-list li .txt .des {
		line-height: 1.5;
	}
	#pages a {
		margin: 0;
	}
	.news-detail .main p {
		font-size: 12px;
	}
	.news-detail .op .right {
		float: none;
	}
	.news-detail .main {
		margin: 0;
	}
	.news-detail .op {
		margin: 2% 0;
	}
	.news-detail .op .left a {
		margin-bottom: 10px;
	}
	.news-detail .title span {
		display: block;
		float: none;
		margin: 10px 0;
	}
	.join-list li .title span {
		width: 10px;
		height: 10px;
		margin-top: -5px;
	}
	.case-detail .title{
		margin-top:0px;
		font-size: 16px;
		padding-bottom: 20px;
	}
	.case-detail .title .z24{
		font-size: 18px;
	}
	footer .bot a,
	footer .bot h1 {
		display: none;
	}
}



.lazyImg {
	display: inline
}

.icon {
	font-size: 16px;
	width: 20px;
	height: 20px;
	margin-right: 3px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	vertical-align: middle;
	margin-top: -3px;
	fill: currentColor
}

/* 效果4  */
.pl_service4 {
	position: fixed;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 99;
}
.pl_service4 .item_con {
	text-align: right;
	margin-bottom: 2px;
	height: 60px;
	clear: both;
}
.pl_service4 .service_item {
	padding-left: 60px;
	float: right;
	width: 60px;
	min-width: 60px;
	max-width: 60px;
	height: 60px;
	background: rgba(0, 0, 0, 0.4);
	color: #fff;
	transition: all 0.5s ease;
	position: relative;
	cursor: pointer;
}
.pl_service4 .service_item.showLang:hover {
	width: fit-content;
	min-width: 230px;
	max-width: 600px;
}
.pl_service4 .service_icon {
	position: absolute;
	left: 0;
	top: 0;
	width: 60px;
	height: 60px;
}
.pl_service4 .service_icon span {
	text-align: center;
	font-size: 12px;
	line-height: 14px;
	display: block;
	margin-top: 2px;
	padding: 0 2px;
	color: #fff;
}
.pl_service4 .service_icon .icon {
	width: 30px;
	height: 30px;
	margin: 15px 16px 0 16px;
}
.pl_service4 .service_value {
	padding: 10px 20px 10px 0;
	text-align: left;
	line-height: 20px;
}
.pl_service4 .service_value p {
	height: 20px;
	overflow: hidden;
	color: #fff;
}
.pl_service4 .service_value a{color: #fff;
}
.pl_service4 .service_group .service_value a {
	display: block;
	line-height: 40px;
	height: 40px;
	overflow: hidden;
	color: #fff;
}
.pl_service4 .service_value.dh {
	line-height: 40px;
}
.pl_service4 .service_value.tp {
	position: absolute;
	right: calc(100% + 10px);
	top: 50%;
	transform: translateY(-50%);
	width: 120px;
	height: 120px;
	background: #fff;
	border-radius: 4px;
	padding: 10px;
	overflow: hidden;
	display: none;
}
.pl_service4 .service_value.tp img {
	width: 100%;
	height: 100%;
	display: block;
}
.pl_service4 .service_item.showImg:hover .service_value.tp {
	display: block;
}


#pic-page{
	text-align: center;
	margin-top:10px;
}
#pic-page a{
	margin: 0 2px;
}
#pic-page a img
{
	width:100px;
	padding: 2px;
	border: solid #ccc 1px;
	margin-bottom:5px;
}
#pic-page a:hover img,
#pic-page a.active img {
	border: solid #5280DD 1px;
}
.product_con {
	clear: both;
	border-top: 1px dotted #a9a9a9;
	margin:10px 0px 20px 0px;
	padding:20px 0px 0px 0px;
	line-height:26px;
	overflow: auto;
}
.photo_con {
	clear: both;
	margin:0px 0px 20px 0px;
	padding:10px 0px 20px 0px;
	line-height:26px;
	overflow: auto;
}
.product_con img,
.photo_con img {
	max-width: 840px;
}
/*列表页-新闻*/
.right_new{
	clear: both;
	list-style:none;
	margin:0px;
	padding:0px 0px 20px 0px;
}
.right_new li{
	color:#898989;
	font-size: 16px;
	line-height:22px;
	padding:12px 0px;
	padding-left:20px;
	padding-right:20px;
	background:#fff;
	border-bottom: 1px dashed #e3e2e2;
	display:block;
}
.right_new li:hover,.right_new li:hover a{
	color:#fff;
}
.right_new li a:hover,
.right_new li a:focus{
	text-decoration:none;
	color:#fff;
}
.news_time{
	float:right;
}

@media screen and (max-width: 980px) {
	.index-new{
		padding-left: 0px;
		padding-right: 0px;
	}

	.pro-contract-us{
		display: none;
	}

	#pic-page a img{
		width:40px;
	}

	.search-box{
		display: none;
	}
	header{
		background: rgba(0,0,0,0.7);
	}
	header .menu .line1,header .menu .line2,header .menu .line3{
		background: #fff;
	}
	header .main{
		padding-left:30%;
	}
	header .main .menu-box{
		background: none;
	}
	header .langbtn{
		cursor: pointer;
		height: 36px;
		margin-top: 6px;
		margin-left: 0px;
		margin-right: 4px;
		border-radius: 30px;
		font-size: 12px;
		width: 110px;
		background: #fff;
		COLOR: #333;
		border: 0px;
	}

	.pc_slide_nav_ul{
		display: none;
	}
	.swiper_01 .swiper-slide  {
		background_radio: 1;
		display-radio: 1;
		max-width: none;
		max-height: 360px
	}

	.swiper_01,.swiper_01 .swiper-slide{
		height:300px
	}
	.swiper_01 .swiper-slide img{
		height:300px;
		width: 100%;
	}
	.swiper_01 .swiper-slide   .p_info {
		width: 100%;
		z-index: 9;
		text-align: center
	}
	.swiper_01 .swiper-slide .p_info .p_btitle {
		font-size: 30px;
	}
	.swiper_01 .swiper-slide   .p_subtitle {
		display: none
	}

	.swiper_01 .swiper-slide  .p_summary {
		display: none
	}

	.pro-info-pages .text-secondary{
		display: inherit;
	}
	.pro-info-pages .text-secondary .pre-item{
		width: 99%;
		margin-right: 0px;
		margin-bottom: 10px;

	}

	.swiper_01 .swiper-slide   .p_btitle {
		display-radio: 1;
		font-size: 24px
	}

	.swiper_01 .swiper-slide  {
		display-radio: 1;
		max-height: none;
		min-height: 0px;
		margin-bottom: 0px;
		padding-bottom: 0px
	}

	.swiper_01 .swiper-slide  .p_swiperContainer {
		display-radio: 1
	}

	.swiper_01 .swiper-slide .p_swiperContainer {
		display-radio: 1
	}
	
	.phone-show{
		display: block;
	}
	.pc-show{
		display: none;
	}

	.top-banner{
		margin-top: 0px;
	}

	.p_c_mbtn{
		display: block;
		border: 0;
		background: #c6232a;
		padding: 10px 15px;
		border-radius: 2px;
		font-size: 14px;
		color: #fff;
		outline: none
	}

	.cp-main .silderNav .silderNav-box {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 100%;
		height: 100vh;
		width: 80%;
		transition: all ease .5s;
		background: #fff;
		z-index: 999;
		max-height: 1080px
	}

	.cp-main .silderNav .silderNav-box.p_leftani {
		transform: translateX(-100%);
	}

	.productlistpage .silderNav-box .silderNav-item{
		border:0px;
		 margin-bottom: 0px;
		 width: 100%;
	background: #fff;
	}
	.cp-main .silderNav  .p_c_mput {
		display: none;
		line-height: 50px;
		background:rgba(0,0,0,.6);
		position: fixed;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		max-height: 1080px;
		height: 100vh;
		width: 100%;
		cursor: pointer;
		transition: all ease .5s;
		opacity: 1;
		visibility: visible;
		z-index: 998
	}

	.productlistpage .pro-contract-item{
		display: none;
	}

	.index-we-s-item-box .index-we-s-item{
		padding-right: 15px;
		padding-left: 15px;
		padding-bottom: 1px;
	}
	.pro-info-pages .pro_desc-box{
		margin: 8px 0px 10px;
	}
	.pro-info-pages .back-home-btn{
		margin-top: 20px;
	}

	.footer-box{
		display: none;
	}
	footer .bot{
		display: none;
	}

}