.posi-all{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.posi-x{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.posi-y{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.wrap{
	width: 1200px;
	margin: 0 auto;
}
.flex{
	display: flex;
	align-items: center;
}
.header{
	background: #ae0000;
	width: 100%;
	height: 74px;
}
.header .wrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header .wrap ul li{
	margin-right: 0;
	width: 120px;
	text-align: center;
}
.header .wrap ul li a{
	display: block;
	color: #ffffff;
	/*font-size: 14px;*/
	font-size: 16px;
	font-weight: bold;
}
.header .wrap ul li:hover a{
	color: #400000;
}
.banner{
	width: 100%;
}
.header .nav .menu{
	display: none;
}
.banner img{
	display: block;
	width: 100%;
}
.classic_cases{
	width: 100%;
	padding: 30px 0;
}
.index_title{
	padding: 10px 0;
	text-align: center;
	font-size: 24px;
	color: #666666;
	font-weight: bold;
}
.index_title .eng{
	font-family: 'Courier New';
	color: #CCCCCC;
}
.classic_cases .tab_top ul{
	width: 100%;
	padding: 50px 40px 0;
}
.classic_cases .tab_top ul li{
    text-align: center;
    font-size: 14px;
    line-height: 50px;
    /* margin-left: 20px; */
    background-color: #f2f2f2;
}
.classic_cases .tab_top ul.flex0 {
    display: flex;
    justify-content: center;
	/*display: grid;*/
	/*grid-column-gap: 20px;*/
	/*text-align: center;*/
	/*grid-template-columns: repeat(5, 1fr);*/
}
.classic_cases .tab_top ul.flex0 li{
    width: 208px;
    margin-left: 20px;
}
.classic_cases .tab_top ul.flex0 li:first-child{
    margin-left: 0;
}
/* .classic_cases .tab_top ul li:first-child{
	margin-left: 0;
} */
.classic_cases .tab_top ul li a{
	display: block;
	color: #333333;
}
.classic_cases .tab_top ul li:hover{
	background: #cd0000;
}
.classic_cases .tab_top ul li:hover a{
	color: #FFFFFF;
}
.classic_cases .tab_list ul{
	display: grid;
	padding: 20px 0 10px;
	grid-row-gap: 20px;
	grid-column-gap: 15px;
	text-align: center;
	grid-template-columns: repeat(4, 1fr);
}
.classic_cases .tab_list .pic{
	width: 100%;
	height: 196px;
}
.classic_cases .tab_list .pic img{
	display: block;
	max-width: 100%;
	max-height: 100%;
	margin: 5px auto 0;
}
.classic_cases .tab_list ul li a{
    font-size: 14px;
    color: #333333;
	margin-top: 17px;
}
.classic_cases .tab_list ul li{
	border: 1px solid #FFFFFF;
	padding: 5px;
}
.classic_cases .tab_list ul li:hover {
    border-color: #cd0000;
}
/* 公司简介 */
.index_about_us{
	width: 100%;
	padding-bottom: 50px;
}
.index_about_us .wrap_img{
	display: block;
	width: 100%;
}
.index_about_us .about_con{
	width: 100%;
	position: relative;
	padding-top: 80px;
}
.index_about_us .wupic{
	width: 222px;
	line-height: 60px;
	text-align: center;
	color: #FFFFFF;
	background: #cd0000;
	cursor: pointer;
	top: -30px;
	font-size: 16px;
	font-weight: bold;
}
.index_about_us .wupic:hover{
	background: #262626;
}
.index_about_us .pdv_border{
	text-align: center;
	color: #666666;
	/*font-size: 14px;*/
	/*line-height: 25px;*/
	font-size: 16px;
	line-height: 28px;
	font-weight: bold;
	width: 87%;
	margin: 0 auto;
	padding-bottom: 80px;
	text-align: justify;
}
.index_about_us .pic_list{
	position: relative;
	width: 100%;
}
.index_about_us .pic_list .bg{
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	top: 50px;
	z-index: -1;
}
.index_about_us .pic_list ul{
	display: grid;
	padding: 20px 0 10px;
	text-align: center;
	grid-column-gap: 50px;
	grid-template-columns: repeat(5, 1fr);
}
.index_about_us .pic_list ul li{
	cursor: pointer;
}
.index_about_us .pic_list ul p{
	background: #f2f2f2;
	width: 100%;
	line-height: 50px;
	font-size: 14px;
	color: #333333;
}
.index_about_us .pic_list img{
	display: block;
	width: 100%;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}
.index_about_us .pic_list li:hover img{
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: grayscale(0);
}
/* 新闻中心 */
.index_news_list .list{
	width: 100%;
	padding-bottom: 50px;
}
.index_news_list .list ul li{
	width: 100%;
	position: relative;
	border-bottom: 1px dashed #cccccc;
	padding:12px 0;
	padding-left: 130px;
	height: 85px;
	margin: 10px 0;
}
.index_news_list .list ul li .time {
    color: #ffffff;
    background: #cd0000;
	position: absolute;
	font-size: 13px;
	line-height: 18px;
	left: 30px;
	font-family: Arial,"å®‹ä½“",Helvetica, sans-serif,Verdana;
	width: 60px;
	text-align: center;
}
.index_news_list .list ul li .time .day {
    line-height: 40px;
    font-size: 24px;
    display: block;
    font-size: 30px;
    font-weight: bold;
}
.index_news_list .list ul li .con{
	width: 100%;
	font-size: 16px;
	color: #333333;
}
.index_news_list .list ul li .memo{
	font-size: 12px;
	padding-top: 3px;
	color: #999999;
	width: 100%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
/* 底部 */
.footer{
	width: 100%;
	background: #f6f6f6;
	padding: 30px 0 40px;
	text-align: center;
}
.footer .top .name{
    line-height: 36.4px;
    font-size: 28px;
	font-weight: bold;
	color: #340000;
}
.footer .top .eng,.footer .top .address,.footer .email{
	font-size: 12px;
	color: #666666;
}
.footer .top .eng,.footer .top .address{
	padding: 10px 0;
}
.footer .top .line{
	width: 150px;
	margin: 0 auto;
	height: 1px;
	background: #D9D9D9;
}
.footer .tel{
    line-height: 36px;
    font-size: 24px;
	color: #340000;
	margin-top: 20px;
}
.footer ul{
	padding-top: 45px;
	justify-content: center;
}
.footer ul li{
	margin-left: 20px;
	cursor: pointer;
}
.footer ul li:first-child{
	margin-left: 0;
}
.footer ul li .img2,.footer ul li:hover .img1{
	display: none;
}
.footer ul li img,.footer ul li:hover .img2{
	display: block;
}
.footer .copy{
	font-size: 14px;
	color: #999999;
	padding: 16px 0 20px;
}
.footer .pic{
	justify-content: center;
}
.footer .pic img{
	display: block;
	margin-left: 10px;
}
.footer .pic img:first-child{
	margin-left: 0;
}
/* 关于我们 */
.main_about{
	width: 100%;
	padding: 50px 0 100px;
}
.about_title{
	text-align: center;
}
.about_title .name{
	font-weight: bold;
	line-height: 36.4px;
	font-size: 26px;
}
.about_title .eng{
    line-height: 20px;
    font-size: 20px;	
    color: #666666;
	font-family: 'Courier New';
}
.main_about .main_con .con{
	width: 100%;
	padding-top: 50px;
}
.main_about .main_con .con img{
	display: block;
	width: 100%;
}
.main_about .main_con .con p{
	padding: 20px;
    color: #5A5A5A;
    font-size: 14px;
    line-height: 26px;
    white-space: normal;
	margin-top: 40px;
}
.main_about .main_con .con .fly{
	display: block;
	margin: 0 auto;
	width: auto;
}
.main_about .main_con:nth-child(2){
	margin-top: 40px;
}
.main_about .cultural_concept{
	padding-top: 90px;
}
.main_about .list ul{
	width: 100%;
	overflow: hidden;
}
.main_about .list ul li{
	float: left;
	padding: 10px;
	font-size: 12px;
	text-align: center;
	margin: 0 15px 15px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 16px;
	width: 28.3%;
	border: 1px solid #cccccc;
}
.main_about .list ul li img{
	display: block;
    width: 320px;
    height: 224px;
	margin: 3px 0 5px;
}
.main_about .list ul li:hover {
    border-color: #00bdbb;
}
.main_about .list ul li a {
    font-size: 12px;
    color: #333333;
}
.main_about .teams_list ul li img{
	height: 230px;
	width: auto;
	margin:0 auto
}
.index_about_us.business .about_con{
	padding-top: 60px;
}
.index_about_us.business .pic_list ul {
    padding: 50px 0 10px;
}
.index_about_us.business{
    width: 100%;
    padding-bottom: 20px;
}
/* 精品案例 */
.boutique_cases .index_title{
	color: #340000;
}
.boutique_cases .index_title .eng{
	color: #666666;
	font-weight: normal;
}
.boutique_cases .tab_top ul {
    width: 100%;
    padding: 40px 40px 0;
	justify-content: center;
}
.boutique_cases .tab_top ul li{
	width: 100px;
	line-height: 42px;
	background: #FFFFFF;
	border: 1px solid #b5b5b5;
	margin-right: 20px;
}
.boutique_cases .tab_top ul li:nth-last-of-type(1){
	margin-right: 0;
}
.boutique_cases .tab_top ul li a{
	color: #333333;
}
.boutique_cases .tab_top ul li.active,.boutique_cases .tab_top ul li.active a,.boutique_cases .tab_top ul li:hover,.boutique_cases .tab_top ul li a:hover {
    background-color: #ff9801;
    color: #ffffff;
    border-color: #ff9801;
}
.boutique_cases .tab{
	width: 92%;
	margin: 0 auto;
	padding-right: 84px;
}
.boutique_cases dl{
	display: grid;
	padding-top: 60px;
	grid-row-gap: 60px;
	grid-column-gap: 20px;
	text-align: center;
	grid-template-columns: repeat(4, 1fr);
}
.boutique_cases dl dd p{
	/*font-size: 12px;*/
	font-size: 16px;
	color: #333333;
	margin-top: 37px;
}
.boutique_cases dl .pic{
    width: 240px;
    height: 190px;
    margin: 0 auto;
}
.boutique_cases dl .pic img{
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    /*object-fit: cover;*/
    /*height: 100%;*/
    /*width: 100%;*/
}
.boutique_cases{
	padding-bottom: 100px;
}
.boutique_cases .index_news_list{
	padding-top: 30px;
}
.boutique_cases .index_news_list .list{
	padding-bottom: 0;
}
.news_list{
	padding-bottom: 30px;
}
/* 招贤纳士 */
.join_us,.contact_us{
	padding: 30px 0;
}
.join_us .index_title,.contact_us .index_title{
	color: #340000;
}
.join_us .index_title .eng,.contact_us .index_title .eng{
	font-weight: normal;
	color: #666666;
	font-size: 20px;
}
#jobquery {
	width: 95.3%;
    margin: 0 auto;
    border-bottom: 2px #e8e8e8 solid;
}
#jobquery li.cap {
    border-bottom: 2px #e8e8e8 solid;
    background: #f5f5f5;
}
#jobquery li {
    list-style-type: none;
    padding-left: 10px;
    height: 35px;
	overflow: hidden;
	font-size: 12px;
	color: #505050;
}
#jobquery .bt {
    float: left;
    line-height: 35px;
    margin-right: 20px;
}
#jobquery .cl {
    float: right;
    width: 50px;
    line-height: 35px;
}
#jobquery .au {
    float: right;
    width: 90px;
    line-height: 35px;
}
#jobquery .bk {
    float: right;
    width: 130px;
    line-height: 35px;
}
#jobquery ul.queryul {
    margin: 10px 0px;
}

#jobquery li a{
	font-size: 12px;
	color: #505050;
}
/* 联系我们 */
.contact_list ul{
	width: 100%;
	padding-top: 60px;
	justify-content: center;
}
.contact_list li{
	flex: 1;
	text-align: center;
	font-size: 14px;
	color: #5A5A5A;
}
.contact_list li img{
	width: 97px;
	display: block;
	margin: 0 auto 45px;
}
.contact_us .map{
	width: 100%;
	padding-top: 70px;
}
.contact_us .map img{
	width: 100%;
	display: block;
}
/* 新闻详情 */
.news_details{
	width: 100%;
	padding-top: 50px;
}
.news_details .title{
    font-size: 22px;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
}
.details_con .tab{
	padding-right: 0;
}
.news_details .info {
    height: 28px;
    line-height: 28px;
    border: 1px #e8e8e8 solid;
    margin: 0px 0px;
    text-align: center;
    background-color: #f7f7f7;
	font-size: 12px;
}
.news_details .info a:hover{
	color: #ff0000;
}
a:link, a:visited, a:active {
    color: #505050;
    text-decoration: none;
}
.news_details .memo {
    margin: 20px 0px 0px 0px;
    padding: 15px;
    text-align: left;
    font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
    border: 1px #ddd dotted;
    text-align: left;
    background-color: #fff;
}
#con{
	font-size: 14px;
	white-space: normal;
	word-spacing: 0px;
	text-transform: none;
	float: none;
	color: #5a5a5a;
	line-height: 24px;
	widows: 1;
	letter-spacing: normal;
	background-color: #ffffff;
	text-indent: 0px;
	-webkit-text-stroke-width: 0px;
	margin: 30px 0px;
	text-align: left;
}
.news_details .wunewsnext {
    font-family: 微软雅黑;
    line-height: 25px;
    padding-top: 80px;
    font-size: 14px;
    color: #333333;
    padding-bottom: 20px;
	
}
.news_details .wunewsnext a {
    text-decoration: none;
    color: #333333;
}
/* 案例详情 */
.bodyzone {
    border-top: 3px #eee solid;
    margin: 30px 5px 30px 0px;
    padding: 15px 0px;
    font: 14px/20px 'Microsoft YaHei','SimSun',Arial,Sans-Serif;
}
#productcontent{
	min-height: 300px;
	position: relative;
	padding-left: 300px;
}
#productcontent .productpics {
    position: absolute;
	left: 0;
	top: 0;
    width: 300px;
    height: 300px;
}
#productcontent .piczone {
    width: 300px;
    height: 300px;
    text-align: center;
    padding: 5px;
    background: #fff;
    border: 1px #ddd solid;
}
#productcontent .piczone img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#productcontent .introzone{
	width: 100%;
}
#productcontent .introzone .btns{
    width: 100%;
    padding-left: 10px;
    padding-top: 80px;
}
#productcontent .introzone .btns .btn{
    background: #ff9801;
    padding: 0 14px;
    font-size: 16px;
    line-height: 28px;
    color: #FFFFFF;
    margin-right: 16px;
    display: block;
    cursor: pointer;
}
#productcontent .introzone .btns .tel{
    position: relative;
}
#productcontent .introzone .btns .con{
    position: absolute;
    left: -29px;
    top: 40px;
    width: 150px;
    text-align: center;
    line-height: 26px;
    border-radius: 6px;
    border: 1px solid #ccc;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 8px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
    box-shadow: 0 3px 8px rgb(0 0 0 / 15%);
}
#productcontent .introzone .btns .arrow-right,#productcontent .introzone .btns .con{
    display: none;
}
#productcontent .introzone .btns .tel:hover .arrow-right,#productcontent .introzone .btns .tel:hover .con{
    display: block;
}
#productcontent #prodtitle {
    margin: 0px 0px 20px 0px;
    text-align: left;
    height: 28px;
    /*font: bold 16px/28px;*/
    font-size: 16px;
    font-weight: bold;
    line-height: 28px;
    background: #f5f5f5;
    padding-left: 10px;
}
#productcontent #memo {
    padding: 0px;
    margin: 10px 20px 5px 8px;
    text-align: left;
    font: 14px/24px 'Microsoft YaHei','SimSun',Arial,Sans-Serif;
}
/* 员工风采 */
.staff_style{
	width: 100%;
}
.staff_style ul,.events_gallery ul{
	display: grid;
	padding-top: 50px;
}
.staff_style ul{
	text-align: center;
	grid-row-gap: 40px;
	grid-column-gap: 60px;
	grid-template-columns: repeat(4, 1fr);
}
.staff_style ul li{
	position: relative;
}
.staff_style ul li .pic,.events_gallery ul li .pic,.training ul li .pic{
    width: 210px;
    position: relative;
    margin: 0 auto;
}
.staff_style ul li img{
	display: block;
	width: 100%;
	object-fit: cover;
}
.staff_style ul li p{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	line-height: 50px;
	text-align: center;
	color: #FFFFFF;
	font-size: 16px;
	background: rgba(254, 44, 44, 0.6);
}
.events_gallery ul{
	grid-row-gap: 30px;
	grid-column-gap: 30px;
	grid-template-columns: repeat(3, 1fr);
}
.events_gallery ul li{
	font-size: 16px;
	font-family: PingFang SC;
	font-weight: 500;
	color: #333333;
	line-height: 26px;
	padding-bottom: 10px;
	text-align: center;
}
.events_gallery ul li .inner{
    width: 210px;
    margin: 0 auto;
    box-shadow: 0px 0px 3px 0px #D3D3D1;
}
.events_gallery ul li img{
	display: block;
	width: 100%;
}
.events_gallery ul li .word{
	height: 52px;
	overflow: hidden;
	width: 100%;
	margin-top: 10px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
/* 内部员工培训 */
.training ul li{
	width: 100%;
	margin-top: 50px;
	position: relative;
	padding-left: 240px;
	box-shadow: 0px 0px 3px 0px #D3D3D1;
}
.training ul li .pic{
	width: 240px;
	height: 170px;
	position: absolute;
	left: 0;
	top: 0;
}
.training ul li .pic .img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.training ul li .pic .play{
	width: 60px;
	display: block;
}
.training ul li .word{
	width: 100%;
	min-height: 170px;
	position: relative;
}
.training ul li .inner{
	width: 100%;
	left: 0;
	padding:0 50px;
}
.training ul li .title{
	font-size: 20px;
	font-weight: 500;
	padding-bottom: 30px;
}
.training ul li .con{
	font-size: 16px;
	color: #666666;
	line-height: 24px;
	width: 100%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.training .type{
	padding: 30px 40px 0;
	justify-content: center;
}
.training .type .con{
	cursor: pointer;
	width: 100px;
	text-align: center;
	margin-left: 20px;
	font-size: 14px;
	color: #666666;
	line-height: 24px;
}
.training .type .con:first-child{
	margin-left: 0;
}
.training .type .active,.training .type .con:hover{
	color: #ff9801;
}
/* 弹框 */
.model{
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	z-index: 10000;
	background: rgba(0,0,0,0.5);
}
.login_model{
	background: #FFFFFF;
	position: fixed;
	z-index: 100;
	padding: 50px 140px;
}
.login_model .logo{
	display: block;
	margin: 0 auto;
	width: 83px;
}
.login_model .title{
	width: 100%;
	text-align: center;
	font-size: 16px;
	color: #666666;
	padding-top: 40px;
}
.login_model .title span{
	display: inline-block;
	vertical-align: middle;
	position: relative;
}
.login_model .title span::after,.login_model .title span::before{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	width: 100px;
	height: 1px;
	background: rgba(0,0,0,0.22);
	content: "";
}
.login_model .title span::after{
	left: -124px;
}
.login_model .title span::before{
	right: -124px;
}
.login_model ul{
	padding-top: 20px;
}
.login_model ul li input{
	display: block;
	width: 300px;
	height: 40px;
	line-height: 38px;
	border-radius: 5px;
	margin-top: 16px;
	padding-left: 20px;
	font-size: 16px;
	color: #333333;
	border: 1px solid rgba(0,0,0,0.37);
}
.login_model .enrol{
	text-align: right;
	color: #3598FC;
	font-size: 16px;
	padding: 10px 0;
	font-weight: 500;
	cursor: pointer;
}
.login_model .btn{
	width: 100%;
	cursor: pointer;
	color: #FFFFFF;
	line-height: 40px;
	background: #CE2908;
	border-radius: 5px;
	text-align: center;
}
.login_model .close{
	position: absolute;
	right: 0;
	top: 0;
	padding: 10px;
	cursor: pointer;
	width: 48px;
}
#pdv_26518{
	font-size:52px;
	font-weight: bolder;
	color:#FFFFFF;
	z-index: 10;
}
#pdv_26518 .wuedit {
	overflow: hidden;
	position: relative;
	height: 95px;
}
#pdv_26518 .bg {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	background: transparent;
}
#pdv_26518 .con {
	position: relative;
	padding: 10px 10px;
}
#pdv_26522 .wupic img {
	display: block;
}
#pdv_26522 .wupic .hoverimg {
	display: none;
}
#pdv_26522 .wupic:hover .hoverimg {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}
/*new right*/
.cndns-right {
	position: fixed;
	right: 1px;
	top: 50%;
	z-index: 100;
	font-family: "Microsoft Yahei", Arial, tahoma, arial !important;
}
.cndns-right-meau {
	position: relative;
	/* display: none; */
}
.cndns-right-btn {
	width: 48px;
	height: 48px;
	border: 1px solid #ddd;
	text-align: center;
	display: block;
	margin-bottom: 6px;
	position: relative;
	background-color: #fff
}
.cndns-right-btn span {
	color: #848484;
	font-size: 26px;
	line-height: 48px;
}
.cndns-right-btn sup {
	display: block;
	min-width: 24px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	color: #fff;
	border-radius: 50%;
	background-color: #ff6800;
	position: absolute;
	left: -12px;
	top: -12px;
}
.cndns-right-btn p {
	color: #ff6800;
	font-size: 14px;
	line-height: 18px;
	padding-top: 5px;
	display: none;
}
.cndns-right-meau:hover .cndns-right-btn span {
	display: none
}
.cndns-right-meau:hover .cndns-right-btn p {
	display: block;
}
.meau-car .cndns-right-btn {
	border-color: #ff6800;
	margin-bottom: 20px;
}
.meau-car.cndns-right-meau:hover .cndns-right-btn {
	background-color: #ff6800
}
.meau-car.cndns-right-meau:hover .cndns-right-btn span {
	color: #fff;
	display: block;
}
.meau-car .cndns-right-btn span {
	color: #ff6800;
}
.meau-sev .cndns-right-btn {
	border-color: #ff6800;
	background: url(../imgs/02index-banner-8.gif) no-repeat #ff6800 center;
}
.meau-sev .cndns-right-btn p {
	color: #fff
}
.meau-sev .cndns-right-btn span {
	color: #fff
}
.meau-top .cndns-right-btn span {
	font-size: 12px;
	line-height: 12px;
	padding-top: 10px;
	display: block
}
.meau-top .cndns-right-btn i {
	display: block;
	color: #999
}
.meau-top.cndns-right-meau:hover .cndns-right-btn {
	background-color: #ff6800
}
.meau-top.cndns-right-meau:hover .cndns-right-btn span {
	display: block;
	color: #fff
}
.meau-top.cndns-right-meau:hover .cndns-right-btn i {
	color: #fff;
}
.cndns-right-box {
	position: absolute;
	top: -15px;
	right: 48px;
	padding-right: 25px;
	display: none;
}
.cndns-right-box .box-border {
	border: 1px solid #ccc;
	border-top: 4px solid #ff6800;
	padding: 20px;
	background-color: #fff;
	-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
	box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
	position: relative
}
.cndns-right-box .box-border .arrow-right,#productcontent .arrow-right {
	display: block;
	width: 13px;
	height: 16px;
	background: url(../imgs/02index-spri.png) no-repeat;
	position: absolute;
	right: -13px;
	top: 26px;
}
#productcontent .arrow-right {
    right: 49px;
    top: 27px;
    transform: rotate(-90deg);
}
.clearfloat{
	overflow: hidden;
}
.cndns-right-box .box-border .sev-t span {
	font-size: 42px;
	float: left;
	display: block;
	line-height: 56px;
	margin-right: 20px;
	color: #d3d3d3
}
.cndns-right-box .box-border .sev-t p {
	float: left;
	color: #ff6800;
	font-size: 24px;
	line-height: 28px;
}
.cndns-right-box .box-border .sev-t p i {
	display: block;
	font-size: 14px;
	color: #aaa;
}
.cndns-right-box .box-border .sev-b {
	padding-top: 15px;
	margin-top: 15px;
	border-top: 1px solid #e4e4e4
}
.cndns-right-box .box-border .sev-b ul{
	overflow: hidden;
}
.cndns-right-box .box-border .sev-b h4 {
	color: #666;
	font-size: 14px;
	font-weight: normal;
	padding-bottom: 15px;
}
.cndns-right-box .box-border .sev-b li {
	float: left;
	width: 33.33333%
}
.cndns-right-box .box-border .sev-b li a {
	display: inline-block;
	color: #999;
	font-size: 13px;
	padding-left: 43px;
	background: url(../imgs/q1.gif) no-repeat left 3px;
	line-height: 36px;
}
.cndns-right-box .box-border .sev-b li a:hover {
	color: #ff6800
}
.meau-sev .cndns-right-box .box-border {
	width: 430px;
}
.meau-contact .cndns-right-box .box-border {
	width: 230px;
}
.cndns-right-meau:hover .cndns-right-box {
	display: block
}
.meau-code .cndns-right-box {
	top: inherit;
	bottom: -35px;
}
.meau-code .cndns-right-box .box-border {
	width: 156px;
	text-align: center;
	border-top: 1px solid #ccc;
}
.meau-code .cndns-right-box .box-border i {
	display: block;
	color: #f66e06;
	font-size: 16px;
	line-height: 16px;
}
.meau-code .cndns-right-box .box-border .arrow-right {
	top: inherit;
	bottom: 50px;
}
.meau-sev .cndns-right-btn .demo-icon {
	display: none;
}
.meau-sev:hover .cndns-right-btn {
	background: #ff6800
}
.meau-zs .cndns-right-btn {
	background-color: #ff6800;
	color: #fff;
	margin-top: 80px;
	border-color: #ff6800
}
.meau-zs .cndns-right-btn span {
	color: #fff
}
.meau-zs .cndns-right-btn p {
	color: #fff
}
.demo-icon .top1{
	display: none;
}
.demo-icon:hover .top{
	display: none;
}
.demo-icon:hover .top1{
	display: block;
}
.index_form{
	width: 100%;
	padding: 0 0 50px;
}
.index_form .form{
	width: 60%;
	margin: 0 auto;
}
.index_form ul{
	width: 100%;
	padding-top: 40px;
}
.index_form li{
	margin-left: 20px;
	flex: 1;
}
.index_form li:first-child{
	margin-left: 0;
}
.index_form li input,.index_form textarea{
	display: block;
	width: 100%;
	border: 1px solid #f0f0f0;
}
.index_form li input{
	padding-left: 10px;
	line-height: 40px;
}
.index_form textarea{
	height: 160px;
	padding: 10px;
	margin-top: 24px;
}
.index_form .btn{
	width: 50%;
    line-height: 60px;
    text-align: center;
    color: #FFFFFF;
    background: #cd0000;
    cursor: pointer;
	margin: 30px auto 0;
}
@media screen and (max-width: 1152px) {
	.wrap{
		width: 1000px;
	}
	.index_about_us .pic_list ul {
	    grid-column-gap: 16px;
	}
	.boutique_cases .tab{
		padding-right: 0;
	}
}


@media screen and (max-width: 768px) {
	.wrap{
		width: 100%;
		padding: 0 20px;
	}
	.header .wrap ul li{
		width: 100px;
	}
	.boutique_cases dl {
	    padding-top: 20px;
	    grid-row-gap: 20px;
	    grid-column-gap: 14px;
	}
	.boutique_cases dl dd p {
	    margin-top: 16px;
	}
	.boutique_cases .tab_top ul {
	    padding: 28px 40px 0;
	}
	.boutique_cases {
	    padding-bottom: 60px;
	}
	.classic_cases .tab_list ul,.boutique_cases dl{
		grid-template-columns: repeat(3, 1fr) !important;
	}
	.index_about_us .wupic {
	    width: 180px;
	    line-height: 46px;
	    top: -23px;
	}
	.index_about_us .pdv_border {
	    width: 100%;
	    padding-bottom: 14px;
	}
	.footer .tel {
	    margin-top: 8px;
	}
	.footer ul {
	    padding-top: 24px;
	}
	.staff_style ul {
	    grid-row-gap: 20px;
	    grid-column-gap: 15px;
	}
	.staff_style ul, .events_gallery ul {
	    display: grid;
	    padding-top: 30px;
	}
	.events_gallery ul li .word {
	    font-size: 14px;
		line-height: 20px;
		height: 40px;
	}
	.events_gallery ul {
	    grid-row-gap: 20px;
	    grid-column-gap: 20px;
	}
	.training ul li {
	    margin-top: 30px;
	    padding-left: 240px;
	}
	.training ul li .inner {
	    padding: 0 20px;
	}
	.training ul li .title {
	    font-size: 18px;
	    padding-bottom: 14px;
	}
	.contact_list li img{
		width: 76px;
	}
	.contact_list li p{
		width: 80%;
		margin: 0 auto;
	}
	.contact_us .map {
	    padding-top: 40px;
	}
	.contact_list ul {
	    padding-top: 30px;
	}
	.classic_cases .tab_top ul.flex0 {
		padding: 20px 0 0;
	    display: grid;
	    grid-row-gap: 15px;
	    grid-template-columns: repeat(3, 1fr);
	}
	.index_title {
	    font-size: 20px;
	}
	.index_title .eng{
		font-size: 16px;
	}
	.classic_cases .tab_top ul li {
	    line-height: 40px;
	}
	.classic_cases .tab_list ul, .boutique_cases dl,.staff_style ul, .events_gallery ul{
	    grid-template-columns: repeat(2, 1fr) !important;
	}
	.classic_cases .tab_list .pic {
	    height: 108px;
	}
	.index_about_us .wrap_img {
	    height: 160px;
	    object-fit: cover;
	}
	.index_about_us .about_con {
	    padding-top: 50px;
	}
	.index_about_us .pic_list ul {
	    grid-column-gap: 10px;
		grid-row-gap: 15px;
	    grid-template-columns: repeat(3, 1fr);
	}
	.index_news_list .list ul li .time,.training ul li .con{
		display: none;
	}
	.index_news_list .list ul li{
		padding-left: 0;
	}
	.footer .top .name {
	    font-size: 22px;
	}
	.footer .tel {
	    font-size: 20px;
	}
	.boutique_cases .tab_top ul {
	    padding: 28px 0 0;
	}
	.classic_cases .tab_top ul li{
		font-size: 12px;
	}
	.boutique_cases .index_news_list .wrap{
		padding: 0;
	}
	.staff_style ul li p {
	    line-height: 36px;
	    font-size: 14px;
	}
	.training ul li{
		padding-left: 0;
	    margin-top: 18px;
	}
	.training ul li .pic{
		position: static;
		width: 100%;
		height: 200px;
	}
	.training .type{
		padding: 30px 0;
	}
	.training ul li .word{
		min-height: auto;
	}
	.training ul li .word .inner{
		position: static;
		top: 0;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		padding-top: 8px;
	}
	.events_gallery ul li .word{
		padding: 0 6px;
	}
	.contact_list ul{
		display: block;
		/* padding-top: 0; */
	}
	.contact_list li{
		position: relative;
		/* padding-left: 40px; */
		/* text-align: left; */
		line-height: 30px;
		margin-top: 20px;
	}
	.contact_list li img{
		width: 50px;
		margin-bottom: 10px;
	}
	/* .contact_list li img {
	    width: 30px;
		position: absolute;
		left: 0;
		top: 0;
		margin: 0;
		height: 30px;
	} */
	.contact_list li p{
		width: 100%;
	}
	.header .nav{
		width: 60px;
		position: relative;
	}
	.header .nav ul{
		/* display: none; */
		position: absolute;
		right: -20px;
		top: 55px;
		display: block;
		width: 200px;
		background: rgba(0,0,0,0.5);
		z-index: 100;
	}
	.header .wrap ul li{
		width: 100%;
		line-height: 44px;
		text-align: right;
		padding: 0 20px;
		border-bottom: 1px solid #FFFFFF;
	}
	.header .wrap ul li:nth-last-of-type(1){
		border-bottom: 0;
	}
	.header .wrap ul li a{
		color: #FFFFFF;
	}
	.header .nav .menu{
		width: 35px;
		display: block;
		margin: 0 auto;
	}
	#pdv_26529 .con{
		width: 100% !important;
		height: auto !important;
	}
	#pdv_26518,#pdv_26522,.header .nav ul{
		display: none;
	}
	.index_form .form{
		width: 100%;
	}
	.index_form .btn{
		width: 60%;
		line-height: 50px;
	}
	.classic_cases .tab_top ul.flex0 li{
	    width: auto;
	}
	.meau-sev .cndns-right-box .box-border{
	    width: 286px;
	}
	.boutique_cases dl .pic{
	    width: 100%;
	    height: 120px;
	}
	#productcontent .productpics{
	    position: static;
	    width: 100%;
	}
	#productcontent{
	    padding-left: 0;
	}
	.news_details {
        padding-top: 20px;
    }
    #productcontent #prodtitle{
        height: auto;
        margin-top: 16px;
    }
    #productcontent .piczone,.boutique_cases .tab{
        width: 100%;
    }
    #productcontent .introzone .btns{
        padding-top: 20px;
    }
    .boutique_cases .tab_top ul li{
        flex: 1;
        margin-right: 8px;
    }
    .staff_style ul li .pic, .events_gallery ul li .pic, .training ul li .pic,.events_gallery ul li .inner{
        width: 100%;
    }
    .login_model{
        width: 100%;
        box-sizing: box-sizing;
        padding: 50px 20px;
    }
    .login_model ul li input{
        width: 100%;
    }
    .login_model .close{
        width: 30px;
        box-sizing: content-box;
    }
}