@charset "utf-8";
/*CSS Document*/


html {
   font-size:10px!important;
}

body {
	font-family: "OPPOSans-M";
	font-size:16px;
	line-height:2.4rem;
	margin: 0px;
	padding: 0px;
	color: #808080;
	background-color:#fff;
} 
@media (max-width:780px){
body {
	font-size:1.4rem;
}
}   

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
}
h1, h2 {
	font-size:2.5rem;
	color:#333333;
}
h4, h5, h6 {
	font-weight: normal;
}
ul, li, dd, dl, dt {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
hr {
	color: #eee;
	background: #eee;
}
a {
	color: #333333;
	text-decoration: none;
}
a:hover ,a:focus, .hov a ,.navusb li a:hover{
	color: #e50011;
	text-decoration: none !important;
}
p {
	padding: 0px;
	margin: 0px;
}
img{
	max-width: 100%;
}
input{ outline:none; border:0; }
input:focus{ outline:none; }

.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9,
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9,
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9,
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9{
	padding:0;
}
button, input, optgroup, option, select, textarea{
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    outline: 0;
}
.ellipsis-1 {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.ellipsis {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.ellipsis-2 {
	-webkit-line-clamp: 2;
}
.ellipsis-3 {
	-webkit-line-clamp: 3;
}
.ellipsis-4 {
	-webkit-line-clamp: 4;
}
.container {
	width: 100%;
	max-width:1316px; 
	margin-left: auto;
	margin-right: auto;
}
.container-fluid , .banner-container{
	margin: 0 auto;
	overflow: hidden;
}

.container-pad{
	padding:90px 0;
}

@media (max-width:780px){
.container-pad{
	padding:50px 0;
}

}
.righter{padding-bottom: 90px;}
.pagination>li>a, .pagination>li>span{color: #a0a0a0;padding: 8px 12px;font-family: "微软雅黑";background-color: #fff;border: 1px solid #ddd;border-radius: 1px;margin-right: 5px;width: 45px;height: 45px;text-align: center;line-height: 30px;}
.pagination>li:first-child>a, .pagination>li:first-child>span{border-top-left-radius: 0px;
border-bottom-left-radius: 0px;}
.pagination>li:last-child>a, .pagination>li:last-child>span{border-top-right-radius: 0px;
border-bottom-right-radius: 0px;}
.pagination > li.active span{background-color: #e50011;border: 1px solid #ccc;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background-color: #e50011;border: 1px solid #ccc;}

.next-map p{width:40%;float: left;}
.next-map p:last-child{width: 40%;float: right;}
.next-map p span{display: inline-block;}
.next-map p .ellipsis-1{display: inline-block;vertical-align: middle;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 84%;}

/*-----------header-----------------*/
.header {
	width: 100%;
	margin: 0 auto;
	padding:20px 0 0;
	background-color: #f8f8f8;
	z-index: 999;
}
.header-container{	
	max-width: 1700px;
	
}
@media (max-width:1500px){
.header .logo a{
	display: flex;
    align-items: center;
    height: 60px;
}
.header .logo img{
	width:140px;
}
}
@media (max-width:780px){	
.header .logo img{
	width:120px;
}
}

/*-----------nav----------*/
.nav-box{
	display: block;
}
.navbar-nav>li{
	padding:0 2rem;
}
.navbar-nav .navlia{
	font-size:2rem!important;
	padding:0 0 20px;
	line-height:56px;
	border-bottom:  4px solid #f8f8f8;
}
.navbar-nav .hov .navlia, .navbar-nav li:hover .navlia{
	border-bottom: 4px solid #e50011;
}
.nav>li a:focus, .nav>li a:hover{
	background-color: inherit;
}
.nav .navusb{
	display: none;
	background-color: #fff;
	position:fixed;
	z-index: 999;
	padding:1rem 0 10px;
}
.nav .navusb li , .nav .navusb li a{
    display: block;
	width: 100%;
}
.navusb li a{
	padding:0 2rem;
	margin:0px;
	color:#808080;
	line-height:3.2rem;
	font-size:1.8rem!important;

}
.header .nav_btn{
	display: none;
}

@media (max-width:1320px){
.header{
	z-index: 999;
	padding:0px;
}
.nav-box{
	display: none;
	overflow: hidden;
	height: 100vh;
	background-color: #fff;
	position: fixed;
	z-index: 999;
	width: 100%;
	padding: 1rem;
	margin-left: -15px;
}
.navbar-nav>li {
   width: 100%;
}
.navbar-nav>li a , .navbar-nav li:hover .navlia , <strong>.navbar-nav .navlia</strong> ,.navbar-nav .hov .navlia {
	padding:0 2rem;
	line-height:3.5rem;
    font-size: 1.6rem!important;
	border:none;
}
.nav .navusb{
	position: relative;
	padding-top: 0;
	background-color: inherit;
}
.nav .atv .navlia:after {
    font-family: ZenIcon;
    font-size: 14px;
    line-height: 1;
    padding: 0 5px;
    color: #999;
    content: '\e6e1';
	transform:rotate(90deg);
	-ms-transform:rotate(90deg); 	/* IE 9 */
	-moz-transform:rotate(90deg); 	/* Firefox */
	-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
	-o-transform:rotate(90deg); 
	display: inline-block;
	position: absolute;
    bottom:15px;
}
.nav .on .navlia:after {
	transform:rotate(-90deg);
	-ms-transform:rotate(-90deg); 	/* IE 9 */
	-moz-transform:rotate(-90deg); 	/* Firefox */
	-webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
	-o-transform:rotate(-90deg); 
}
.nav .on .navlia{
	color: #e50011;
}
.header .nav_btn{
	position: absolute;
	z-index: 10;
	width: 36px;
	height: 36px;
	margin: 7px auto;
	cursor: pointer;
	display: block;
	overflow: hidden;
	right: 15px;
	top:5px;
}
.header .nav_btn i{
	position: absolute;
	width: 25px;
	height:3px;
	line-height:normal;
	left: 7px;
	font-size:0px;
	margin-left: 0;
	background-color: #333;
	border-radius: 10%;
	-webkit-transition: background-color .2s,opacity .2s,-webkit-transform .4s ease-out;
	transition: background-color .2s,opacity .2s,-webkit-transform .4s ease-out;
	-o-transition: background-color .2s,opacity .2s,-o-transform .4s ease-out;
	-moz-transition: background-color .2s,opacity .2s,transform .4s ease-out,-moz-transform .4s ease-out;
	transition: background-color .2s,opacity .2s,transform .4s ease-out;
	transition: background-color .2s,opacity .2s,transform .4s ease-out,-webkit-transform .4s ease-out,-moz-transform .4s ease-out,-o-transform .4s ease-out;
	transition: background-color .2s,opacity .2s,transform .4s ease-out,-webkit-transform .4s ease-out;
}
.header .nav_btn i.item_top { top: 12px;}
.header .nav_btn i.item_middle { top: 18px;}
.header .nav_btn i.item_bottom { top: 24px;}
.header .nav_btn.is_open i.item_top {
	background-color:#333;
	-webkit-transform: translate3d(0,4px,0) rotate(45deg);
	-moz-transform: translate3d(0,4px,0) rotate(45deg);
	transform: translate3d(0,4px,0) rotate(45deg)
}
.header .nav_btn.is_open i.item_middle {
	opacity: 0;
	-webkit-transform: translate3d(-3.37037vw,0,0);
	-moz-transform: translate3d(-3.37037vw,0,0);
	transform: translate3d(-3.37037vw,0,0);
}
.header .nav_btn.is_open i.item_bottom {
	background-color:#333;
	-webkit-transform: translate3d(0,-8px,0) rotate(-45deg);
	-moz-transform: translate3d(0,-8px,0) rotate(-45deg);
	transform: translate3d(0,-8px,0) rotate(-45deg)
}
}



.nav-three{position: absolute;left: 100%;overflow: hidden; display: none;background: #fff;white-space: nowrap;top:30px;}





/*-----------guide-search----------*/
.guide-search{
	position: relative;
	float: right;
	margin:14px 0;
    width: 20%;
}
.guide-search input{
	border:1px solid #ccc;
	padding-left: 10px;
	width: 100%;
	padding-right: 40px;
	background-color: #f8f8f8;
}
.guide-search button{
	position: absolute;
	right: 0;
	top: 0;
	background-color: #ccc;
	border: 0;
	width:40px;
	height:32px;
}
.guide-search button i{
	color:#fff;
	font-size:20px;
	line-height:28px;
}

@media (max-width:1320px){
.guide-search{
	width: 100%;
}
.guide-search input{
	background-color: #fff;
}

}

/*-----------------------------------------------
面包屑样式
-------------------------------------------------*/
.crumb ul{
	text-align: center;
	border-bottom: 1px solid #808080; 
	padding-bottom:13px;
}
.crumb li {
	display: inline-block;
    margin-left: -4px;
    margin-bottom: 20px;
}
.crumb li a{
	display: block;
	font-size: 20px;
	padding:10px 30px;
	background-color: #808080;
	color: #fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
.crumb .active a{
	position: relative;
	background-color: #e50011;
}
.crumb .active a::after {
    content: '';
    width:20px;
    height:43px;
    position: absolute;
    left:42%;
    bottom:-43px;
    display: block;
    background: url(../images/crumb-active.png) no-repeat center;
    background-size:100%;
}
@media (max-width:1320px){
.crumb li a{
	padding:6px 10px;
	font-size: 14px;
}
.crumb-box{
	padding:50px 0;
}
}

@media (max-width:780px){
.crumb-box{
	padding:30px 0;
}	
.crumb ul{
	padding:10px;
}
.crumb li{
	padding: 0 2px!important;
	margin-bottom: 8px;
}	
.crumb li a{
	padding:4px 6px;
}
.crumb .active a::after{
	display: none;
}
}
/*-----------footer----------*/
.footer{
	background-color: #1a1a1a;
	padding: 5rem 0;
}
.footer-con ul{
	display: inline-block;
	*display: inline;
	zoom:1;
	vertical-align: top;
	width: inherit;
	margin-right:3.7rem;
	text-align: left;
}
.footer-code {
	width: inherit;
	float: right;
	margin-left:70px;
	padding-left:100px;
	border-left:1px solid #b2b2b2;
	text-align: center;
	font-size: 16px;
	line-height: 40px;
}
.footer-code img{
	max-width: 107px;
}
.footer h2{
	font-size: 18px;
	color:#fff;
	margin-bottom:30px;
}
.footer a{
	color:#aaaaaa;
	font-family: "OPPOSans-R";
}
.footer-box{
	padding: 30px 0;
	background-color: #0d0d0d;
	text-align: center;
}
.footer-box ,.footer-box a{
	font-size: 16px;
	color: #fff;
}
@media (max-width:1350px){
.footer{
	text-align: center;
}
.footer ul{
	width:30%;
	margin:0 0 3rem;
}
.footer h2{
	font-size:16px;
	margin-bottom:20px;
}
.footer-code{
	width: 100%;
	float:inherit;
	display: inline-block;
	*display:inline;
	zoom:1;
	vertical-align: top;
	margin:0px;
	padding:0px;
	border: 0;
}
}
@media (max-width:780px){
.footer{
	text-align:left;

}	
.footer ul{
	width:40%;
	margin:0  3% 3rem;
}
.footer a{
	line-height:1.8rem;
	margin-bottom: 10px;
    display: block;

}
.footer-code{
	text-align: left;
	padding-left: 1rem;
}
.footer-box{
	padding:15px 0;
}
.footer-box ,.footer-box a{
	font-size:14px;
}
}


/*----------indt-title-------------*/

.indt-title{
	overflow: hidden;
	margin-bottom: 45px;
    position: relative;
    padding-bottom: 25px;
}
.indt-title::before{
    content: "";
    display: block;
    width: 37px;
    height: 5px;
    background: #e50011;
    bottom: 0;
    position: absolute;
}
.indt-title h2{float: left;display: block;}
.indt-title a{float: right;display: block;border:1px solid #e50011;text-align: center;color: #e50011;font-size: 12px;    padding: 0 10px;}
@media (max-width:780px){
.indt-title{
	margin-bottom:25px;
}
}




/*----------product-------------*/

.product{overflow:hidden;}
/* .product .pro-list{margin-top: 45px;} */
.product .pro-list li{width: 24%;;background: #f7f7f7;float: left;padding: 97px 0 60px 0;margin-right: 1.3333%;border-radius: 5px;-webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s;}
.product .pro-list li span{margin: 0 auto;width: 117px;height: 119px;display: block;background: url("../images/pro01-icon.png") no-repeat center;background-size: 100%;}
.product .pro-list li:nth-child(2) span{background: url("../images/pro02-icon.png") no-repeat center;background-size: 100%;}
.product .pro-list li:nth-child(3) span{background: url("../images/pro03-icon.png") no-repeat center;background-size: 100%;}
.product .pro-list li:nth-child(4) span{background: url("../images/pro04-icon.png") no-repeat center;background-size: 100%;}
.product .pro-list li a{display:block;}
.product .pro-list li p{text-align:center;color: #808080;font-size: 25px;font-family: "OPPOSans-M";margin-top: 67px;margin-bottom: 45px;height: 70px;}
.product .pro-list li em{width:37px;height: 26px;margin: 0 auto;background: url("../images/jt-icon.png") no-repeat;display: block;}
.product .pro-list li:last-child{margin-right: 0;}
.product .pro-list li:nth-child(4n){margin-right: 0;}
.product .pro-list li:hover{background: #e50011;transform: scale(1.02);}
.product .pro-list li:hover p{color: #fff;}
.product .pro-list li:hover em{background: url("../images/jt2-icon.png") no-repeat;}
.product .pro-list li:nth-child(1):hover span{background: url("../images/pro011-icon.png") no-repeat center;background-size: 100%;}
.product .pro-list li:nth-child(2):hover span{background: url("../images/pro022-icon.png") no-repeat center;background-size: 100%;}
.product .pro-list li:nth-child(3):hover span{background: url("../images/pro033-icon.png") no-repeat center;background-size: 100%;}
.product .pro-list li:nth-child(4):hover span{background: url("../images/pro044-icon.png") no-repeat center;background-size: 100%;}

@media (max-width:780px){
    .product .pro-list li{width: 49%;margin-right: 2%;margin-bottom: 2%;padding: 25px 0 35px 0; }
    .product .pro-list li:nth-child(2n){margin-right: 0;}
    .product .pro-list li p{margin-top: 10px;height: 50px;font-size: 16px; margin-bottom: 25px;}
    .product .pro-list li span,.product .pro-list li span:nth-child(2),.product .pro-list li span:nth-child(3),.product .pro-list li span:nth-child(4){background-size: 70%!important;}
    
}



/*----------about-------------*/

.about{overflow:hidden;background: #f7f7f7;}
.about-box{overflow:hidden;margin-top: 45px;}
.about-left{width:64%;position: relative;float: left;overflow: hidden;}
.about-left h2{width:100%;background: rgba(0,0,0,0.5);color:#fff;font-family: "OPPOSans-M";font-size: 25px;height: 60px;margin: 0;text-align: center;line-height: 60px;position: absolute;bottom: 0;}
.about-left-box img{width:100%;display: block;}
.about-box-wz {position:absolute;top: 110px;left: 77px;}
.about-box-wz p{color:#fff;font-size: 25px;font-family: "SourceHanSansCN-Regular";position: relative;line-height: 42px;}
.about-box-wz::after{position:absolute;content: "";width: 14px;height: 3px;background: #fff;    bottom: -10px;}
.about-left-2{width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: absolute;top: -583px;}
.about-left-2 a h3{font-size: 25px;font-family: "OPPOSans-M";color: #fff;text-align: center;padding-top: 245px;padding-bottom: 10px;}
.about-left-2 a span {display: block;width: 51px;height: 51px;background: url(../images/jt3-icon.png) no-repeat;margin: 0 auto;}


.about-right{width:34.9%;float: right;overflow: hidden;}
.about-right ul li{width:100%;margin-bottom: 25px;position: relative;overflow: hidden;}
.about-right ul li img{width: 100%;display: block;}
.about-right ul li:last-child{margin-bottom:0;}
.about-right ul li h2{font-size: 25px;font-family: "SourceHanSansCN-Regular";color: #fff;background: rgba(0,0,0,0.5);position: absolute;width: 100%;bottom: 0;text-align: center;height: 60px;line-height: 60px;margin: 0;}

.about-list-2{width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: absolute;top: -283px;}
.about-list-2 h3{font-size: 25px;font-family: "OPPOSans-M";color: #fff;text-align: center;padding-top: 100px;padding-bottom: 10px;}
.about-list-2 span{display:block;width: 51px;height: 51px;background: url("../images/jt3-icon.png") no-repeat;margin: 0 auto;}


@media (max-width:780px){
    .about-left{width: 100%;float: left;margin-bottom: 25px;}
    .about-right {width: 100%;float: left;overflow: hidden;}
    .about-right ul li {width:100%;float:left;}
    .about-box-wz{position: absolute;top: 30px;left: 50px;}
    .about-box-wz p{line-height: 30px;font-size: 18px;}
    .about-box-wz::after{bottom:-10px;}
    .about-left h2{font-size:18px;height: 40px;line-height: 40px;}
    .about-right ul li h2{font-size:18px;height: 40px;line-height: 40px;}
}


/*----------news-------------*/

.news{overflow:hidden;}
.news-box{overflow:hidden;margin-top: 45px;}
.news-img{width: 46.5%;overflow: hidden;float:left;}
.news-img ul li{position: relative;width: 100%;/* height: 375px; */}
.news-img ul li span{width: 100%;display: block;height: 343px;}
.news-img ul li img{width:100%;display: block;height: 100%;}
.news-img ul li p{height: 30px;line-height: 30px;text-align: center;/* position:absolute; */width: 100%;bottom: 30px;font-size: 16.68px;color: #808080;/* padding-left: 30px; */margin: 0;background: #e6e6e6;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.news-list{overflow: hidden;float: right;width: 53%;}
.news-list ul li{overflow:hidden;width: 100%;border: 1px solid #eee;height: 86px;margin-bottom: 10px;position: relative;}
.news-list ul li .time{position: absolute;color: #333;font-size: 16px;width: 15%;text-align: center;padding: 14px 0;}
.news-list ul li .time span{font-size: 16px;display: block;}
.news-list ul li .con{margin-left: 15%;width: 72%;float: left;padding: 16px;position: relative;}
.news-list ul li .con::before{content: "";display: block;left: 0px;background: #eee;width: 1px;height: 60px;position: absolute;}
.news-list ul li .con h2{color: #333;font-size: 16px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;    margin-top: 5px;}
.news-list ul li .con p{font-size: 14px;padding-top: 3px;color: #999;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news-list ul li .jt{float: right;width: 13%;height: 100%;}
.news-list ul li .jt span{display: block;line-height: 86px;text-align: center;color: #808080;font-size: 24px;border-left: 1px solid #eee;}
.news-list ul li:last-child{margin-bottom: 0;}
.news-list ul li:hover{background:#e50011;}
.news-list ul li:hover .time,.news-list ul li:hover .con h2,.news-list ul li:hover .con p,.news-list ul li:hover .jt span{color: #fff;}
.news-list ul li:hover .jt{background:#313131;color: #fff;}

@media (max-width:780px){
	.news-img ul li span{height: 232px;}
    .news-img{width:100%;margin-bottom: 25px;}
    .news-img ul li{width: auto;height: auto;}
    .news-list{float: left;width:100%;}
    .news-list ul li{height: auto;}
}
@media (max-width:1024px){
    .news-img{width: 100%;}
    .news-list{width: 100%;float: left;margin-top: 10px;}
}
@media (max-width:340px){
	.news-list ul li .time{font-size: 14px;}
	.news-list ul li .time span{font-size: 12px;}
}
/*----------service-------------*/

.service{
	overflow:hidden;
	background: #f2f2f2;
}
.ser-box{margin-top: 45px;position: relative;padding-bottom: 45px;overflow: hidden;}
.ser-img ul li{width:100%;}
.ser-img ul li img{width:100%;display: block;}


.ser-nav{
	position:absolute;
	bottom: 0;
	width: 100%;
    display: block;
    margin: 0 auto;
}
.ser-nav ul{margin:0 auto; text-align: center; overflow: hidden;}
.ser-nav ul li{
	display: inline-block;
	text-align: center;
	margin:0  12.5px;
}
.ser-nav ul li a{
    font-size: 25px;
    color: #333;
    display: block;
    background: #fff;
    border-radius: 5px;
    padding: 20px 50px;
    display: block;
}
.ser-nav ul li:hover a{
    background: #e50011;color: #fff;
}
@media (max-width:780px){
.ser-box{
	padding-bottom:30px;
	margin-top: 20px;
}	
.ser-nav ul li a{
	font-size: 14px;
	padding:10px 20px;
}

}

@media (max-width:350px){
.ser-nav ul li a{
	padding:5px 10px;
}
}


/*----------brandlist-------------*/

.brand-box{position:relative;}
.brand-list{padding: 0px 0px 45px 0px;}
.brand-list ul li dt{float: left;display: table;}
.brand-list ul li dt h2{font-size: 62.5px; color: #e50011;margin-bottom: 15px;margin-top: -10px;line-height: 90px;}
.brand-list ul li dt p{font-size:20px;color: #4c4c4c;line-height: 35px;}
.brand-list ul li dd{float: right;display: table;}
.brand-list ul li dd img{vertical-align: middle;}
.brand-thumbs{margin-bottom: 115px;}
.brand-thumbs .history-line{width: 100%;height: 20px;background: url(../images/kedu.png) repeat-x;margin-bottom: 10px;}
.brand-box .brand-next-btn{position: absolute;top: 40%;right: 10%;width: 48px;height: 48px;margin-top: -28px;z-index: 10;border-radius: 50%;cursor: pointer;background:#e50011 url(../images/brandlist-right.png) center no-repeat;background-size: 50% auto; }
.brand-box .brand-prev-btn{position: absolute;top: 40%;left: 10%;width: 48px;height: 48px;border-radius: 50%;margin-top: -28px;z-index: 10;cursor: pointer;background:#e6e6e6 url(../images/brandlist-left.png) center no-repeat;background-size: 50% auto;}
.brand-thumbs .swiper-slide {width: 150px;text-align: center;line-height: 60px;font-size: 20.83px;color: #808080;transition: all 0.8s;-moz-transition: all 0.8s;-webkit-transition: all 0.8s;-o-transition: all 0.8s;}
.brand-thumbs .swiper-slide.swiper-slide-active {color: #e50011;background: url(../images/history-arrow.png) no-repeat center center;}
@media (max-width:780px){
    .brand-list ul li dt h2{font-size:3.5rem;font-family: "OPPOSans-B"}
    .brand-list ul li dt p{font-size: 1.5rem;font-family: "OPPOSans-R"}
    .brand-list ul li dd{float:left;width: 100%;}
    .brand-list ul li dd img{width:100%;}
    .brand-box .brand-next-btn{width:30px;height: 30px;right: 0;}
    .brand-box .brand-prev-btn{width:30px;height: 30px;left: 0;}
}





/*----------teamlist-------------*/

.teamlist{overflow:hidden;padding: 20px 130px;}
.teamlist ul li{width: 100%;overflow: hidden;margin-bottom: 25px;}
.teamlist ul li dt{width: 22%;float: left;}
.teamlist ul li dt img{width: 100%;display: block;}
.teamlist ul li dd{float: right;width: 77%;background: #f2f2f2;border-radius: 5px;padding:30px;height: 301px;}
.teamlist ul li dd h2{font-size: 25px;color:#808080;margin-right: 30px;display: inline-block;}
.teamlist ul li dd span{font-size:16.67px;color: #818181;display: inline-block;}
.teamlist ul li dd p{clear:both;margin-top: 30px;line-height: 30px;font-size: 16.67px;color: #808080;}
.teamlist ul li:nth-child(2n) dd{float: left;}
.teamlist ul li:nth-child(2n) dt{float: right;}

@media (max-width:1366px){
    .teamlist ul li dd{height: auto;}   
    .teamlist{padding: 0;}
}
@media (max-width:780px){
    .teamlist ul li dt{width:100%;float: inherit;}
    .teamlist ul li dd{float:inherit;width: 100%;}
    .teamlist ul li dd p{margin-top:10px;}
}

/*----------culturelist-------------*/

.culturelist{overflow:hidden;}
.culturelist ul li{width:47.5%;background:#f2f2f2;float: left;padding: 30px;height: 157px;margin-bottom: 60px;overflow: hidden;}
.culturelist ul li:nth-child(2n){float: right;}
.culturelist ul li:nth-child(11),.culturelist ul li:nth-child(12){margin-bottom: 0;}
.culturelist ul li dt{float: left;width: 60%;}
.culturelist ul li dt h2{font-size: 29px;color:#4c4c4c;margin-bottom: 10px;}
.culturelist ul li dt p{font-size: 18.75px;color: #808080;}
.culturelist ul li dd{width: 30%;float: right;text-align: right;}
@media (max-width:780px){
    .culturelist ul li{width:100%;float: inherit;padding: 15px;height: auto;margin-bottom: 20px;overflow: hidden;}
    .culturelist ul li:nth-child(11),.culturelist ul li:nth-child(12){margin-bottom: 20px;}
    .culturelist ul li dt h2{font-size:20px;}
    .culturelist ul li dt p{font-size: 14px;}
}



/*----------honor-page-------------*/

.honor-title{overflow:hidden;position: relative;}
.honor-title h2{text-align:center;font-size: 29.17px;color: #fff;background: #e50011;height: 60px;line-height: 60px;width: 303px;margin: 0 auto;border-radius: 5px;z-index: 1;position: relative;}
.honor-title::after{position: absolute;content: "";background: #e50011;height: 2px;width: 100%;top: 30px;}
@media (max-width:780px){
    .honor-title h2{height: 40px;line-height: 40px;width: 180px;}
    .honor-title::after{top: 20px;}
}

.gjj-honor{padding-bottom: 90px;}
.gjj-honor ul{overflow: hidden;padding: 0 130px;}
.gjj-honor ul li{width: 48%;float: left;}
.gjj-honor ul li img{width: 100%;display: block;}
.gjj-honor ul li p{font-size:25px;color: #808080;text-align: center;margin-top: 20px;}
.gjj-honor ul li:nth-child(2n){float:right;}
@media (max-width:780px){
    .gjj-honor{padding-bottom: 40px;}
    .gjj-honor ul{padding:0;}
    .gjj-honor ul li p{font-size: 14px;}
}

.hykt{overflow:hidden;background: #f8f8f8;}
.hykt dl{overflow: hidden;padding: 0 130px;}
.hykt dl dt{float: left;width:50%;}
.hykt dl dd{width:40%;float: right;padding-top: 90px;}
.hykt dl dd h2{font-size:50px;color: #e60012;margin-bottom: 20px;}
.hykt dl dd p{font-size: 20.83px;color: #6d6d6d;margin-bottom: 30px;}
.hykt dl dd span{display:block;color: #6d6d6d;font-size: 20.83px;background: url(../images/dz-icon.png) no-repeat center left;padding-left: 35px;margin-bottom: 15px;}
@media (max-width:780px){
    .hykt dl{padding:0 15px;}
    .hykt dl dt{width: 100%;}
    .hykt dl dd{width: 100%;}
}

.xyp-honor{overflow:hidden;}
.xyp-honor ul{overflow:hidden;margin-top: 140px;}
.xyp-honor ul li{width:18%;float: left;margin-right: 2.5%;}
.xyp-honor ul li img{width:100%;display: block;}
.xyp-honor ul li p{text-align:center;font-size: 20.83px;color:#808080;margin-top: 20px;}
.xyp-honor ul li:last-child{margin-right: 0;}
@media (max-width:780px){
    .xyp-honor ul{margin-top: 50px;}
    .xyp-honor ul li{width: 48%;margin-right: 4%;margin-bottom: 4%;}
    .xyp-honor ul li:nth-child(2n){margin-right: 0;}
    .xyp-honor ul li:last-child{margin-right:inherit;display: none;}
    .xyp-honor ul li p{ font-size:14px;margin-top: 10px;}
}


.jsjrj-honor{overflow: hidden; background:#f2f2f2; position: relative;}
.jsjrj-list {margin-top:90px;}
.jsjrj-list ul li img{width: 100%;display: block;}
.jsjrj-list ul li p{font-size: 16.66px;color: #808080;text-align: center;margin-top: 20px;}
.jsjrj-list  .swiper-slide {
    text-align: center;
    font-size: 18px;
/*    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;*/
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.8);
}
.jsjrj-list .swiper-slide-active, .swiper-slide-duplicate-active {
    transform: scale(1);
}
.jsjrj-next{right: 150px;background:url(../images/next-icon.png);}
.jsjrj-prev{left: 150px;background:url(../images/prev-icon.png);}
@media (max-width:780px){
    .jsjrj-list {
    margin-top: 50px;
}
    .jsjrj-list ul li p {font-size: 14px;margin-top: 10px;}
}

.hybz-honor{overflow: hidden;}
.hybz-honor ul{margin-top:90px;overflow: hidden;padding: 0 260px;}
.hybz-honor ul li{width: 40%;float: left;}
.hybz-honor ul li:last-child{float: right;}
.hybz-honor ul li img{width: 100%;display: block;}
.hybz-honor ul li p{text-align: center;color: #808080;font-size: 18px;}
@media (max-width:780px){
    .hybz-honor ul{padding: 0;margin-top: 50px;}
    .hybz-honor ul li{ width: 48%;}
    .hybz-honor ul li p{font-size:14px;}
}

.hyxh-honor{overflow: hidden;background: #f2f2f2;}
.hyxh-list{margin-top: 90px;overflow: hidden;}
.hyxh-list ul li{float: left;width: 24%;margin-right: 1.3%;}
.hyxh-list ul li img{width: 100%;display: block;max-height: 225px;}
.hyxh-list ul li p{text-align: center;font-size: 18px;color: #808080;margin-top: 20px;}
.hyxh-list ul li:last-child{margin-right: 0;}
@media (max-width:780px){
    .hyxh-list{margin-top: 50px;}
    .hyxh-list ul li{width:49%;margin-right: 1%;}
    .hyxh-list ul li img{width: 100%;display: block;max-height: 135px;}
    .hyxh-list ul li:nth-child(2n){margin-right:0;}
    .hyxh-list ul li p{margin-top:10px;font-size: 14px;}
}


/*----------chanye-page-------------*/

.chanye-title{overflow:hidden;position: relative;padding-bottom: 50px;}
.chanye-title h2{text-align:center;font-size: 29.17px;color: #fff;background: #e50011;height: 60px;line-height: 60px;width: 303px;margin: 0 auto;border-radius: 5px;z-index: 1;position: relative;}
.chanye-title::after{position: absolute;content: "";background: #e50011;height: 2px;width: 100%;top: 30px;}
@media (max-width:780px){
    .chanye-title h2{height: 40px;line-height: 40px;width: 180px;}
    .chanye-title::after{top: 20px;}
}
.qzzgs-box{overflow:hidden;}
.qzzgs-box ul{overflow:hidden;}
.qzzgs-box ul li{width: 24%;float: left;margin-right: 1.333%;}
.qzzgs-box ul li:last-child{margin-right: 0;}
.qzzgs-box ul li:nth-child(4n){margin-right: 0;}
.qzzgs-box ul li img{width:100%;display: block;}
.qzzgs-box ul li p{text-align: center;font-size: 16.67px;color: #808080;margin-top: 10px;}
@media (max-width:780px){
    .qzzgs-box ul li{width: 49%;float: left;margin-right:2%;}
    .qzzgs-box ul li:nth-child(2n){margin-right: 0;}
    .qzzgs-box ul li p{font-size: 14px;}
}

.detection-box{overflow:hidden;}
.detection-box ul{overflow:hidden;}
.detection-box ul li{width: 24%;float: left;margin-right: 1.333%;margin-bottom: 20px;}
.detection-box ul li:nth-child(4n){margin-right: 0;}
.detection-box ul li:last-child{margin-right: 0;}
.detection-box ul li img{width:100%;display: block;}
.detection-box ul li p{text-align: center;font-size: 16.67px;color: #808080;margin-top: 10px;}
@media (max-width:780px){
    .detection-box ul li{width: 49%;float: left;margin-right:2%;}
    .detection-box ul li:nth-child(2n){margin-right: 0;}
    .detection-box ul li p{font-size: 14px;}
}


/*----------list_pro-------------*/

.list_pro_title{overflow: hidden;text-align: center;}
.list_pro_title h2{font-size: 38px;}
.list_pro_img{border-top: 1px solid #f2f2f2;border-bottom: 1px solid #f2f2f2;padding: 60px 0;margin-top: 30px;text-align: center;font-size: 20px;color: #808080;}
.list_pro{overflow: hidden;padding: 20px 10px 0px 10px;}
.list_pro ul li{width: 31%;float: left;margin-right: 3%;margin-bottom: 3%;}
.list_pro ul li:nth-child(3n){margin-right: 0;}
.list_pro ul li span{width: 100%;display: block;border: 1px solid #f2f2f2;-webkit-transition: .5s ease-in-out all;-moz-transition: .5s ease-in-out all;-ms-transition: .5s ease-in-out all;-o-transition: .5s ease-in-out all;transition: .5s ease-in-out all;overflow: hidden;max-height:270px;height: 270px;position: relative;}
.list_pro ul li span img{width: 80%;display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.list_pro ul li h3{font-size:20px;color: #808080;text-align: center;margin-top: 25px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.list_pro ul li:hover h3{color: #e50011;}
.list_pro ul li:hover span{box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.1);transform: translateY(-5px);}
@media (max-width:780px){
    .list_pro{padding: 0;margin-top: 10px;}
    .list_pro ul{display: flex;flex-wrap: wrap;}
    .list_pro ul li{width: 50%;padding:0 1%;margin-right: 0;float: inherit;}
    .list_pro ul li span{max-height:150px;height: 150px;}
    .list_pro ul li h3{margin-top: 10px;font-size: 1.4rem;}
    .list_pro_title h2{font-size: 20px;}
    .list_pro_img{padding: 30px 0;}
}

/*----------artlist-------------*/

.artlist{margin-bottom: 70px;}
.artlist ul li{padding: 40px 0px;border-bottom: 1px solid #e6e6e6;overflow: hidden;}
.artlist ul li:first-child {padding-top: 0px;}
.artlist ul li dt{width: 300px;height: 180px;overflow: hidden;float: left;}
.artlist ul li dt img{width: 100%;height: 100%;-webkit-transition: -webkit-transform 1s;
-moz-transition: -moz-transform 1s;-o-transition: -o-transform 1s;transition: transform 1s;}
.artlist ul li dd{width: 74.5%;position: relative;float:right;height: 180px;}
.artlist ul li dd h2{font-size: 25px;color: #4c4c4c;line-height: 1.595;margin-bottom: 14px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.artlist ul li dd p{font-size: 16px;color: #808080;line-height: 1.769;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.artlist ul li span{font-size: 14px;color: #fff;display: block;background: #ccc;width: 110px;height: 27px;line-height: 27px;text-align: center;border-radius: 5px;position: absolute;bottom: 0;}
.artlist ul li:hover span{background: #e50011;}
.next-map{position: relative;}
.news-btn{display: block;background: url(../images/back-icon.png) no-repeat;width: 30px;height: 30px;position: absolute;left: 50%;}


@media (max-width:1200px){
    .artlist ul li dd{width: 70%;}
}
@media (max-width:1024px){
    .artlist ul li dd{width: 66%;}
}
@media (max-width:780px){
    .artlist ul li dt{width: 100%;height: auto;}
    .artlist ul li dd{width: 100%;}
    .artlist ul li dd h2{font-size: 18px;margin-top: 14px;}
    .artlist ul li dd p{font-size: 14px;}
    
    .abmlist{padding: 0 0 25px!important;}
    .abmlist ul li p{margin-top: 10px!important;font-size: 16px!important;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
}

/*----------abmlist-------------*/

.abmlist{overflow: hidden;padding: 0 132px;}
.abmlist ul li{width:48%;float: left;margin-right: 4%;margin-bottom: 4%;}
.abmlist ul li img{width: 100%;display: block;}
.abmlist ul li:nth-child(2n){margin-right: 0;}
.abmlist ul li p{text-align: center;font-size: 25px;color: #4c4c4c;margin-top: 25px;overflow: hidden;}
.abmlist ul li .img{position: relative;width: 100%;overflow: hidden;}
.abmlist ul li .zhezhao{position: absolute;background: #000;opacity: 0;width: 100%;top: 0;height: 100%;}
.abmlist ul li:hover .zhezhao{opacity: 0.5;}
.abmlist ul li:hover p{color: #e50011;}


/*-----------dlqcjc-----------------*/

.dlqcjc-main .crumb .active a::after{background: url(../images/crumb-active2.png) no-repeat center;content: '';width: 20px;height: 43px;position: absolute;left: 42%;bottom: -43px;display: block;background-size: 100%;}
.dlqcjc-title{overflow: hidden;position: relative;margin-bottom: 50px;}  
.dlqcjc-title h2{text-align: center;font-size: 25px;color: #f1c704;background: #000000;height: 45px;line-height: 45px;width: 335px;margin: 0 auto;border-radius: 5px;z-index: 1;position: relative;}
.dlqcjc-title::after {position: absolute;content: "";background: #f1c704;height: 1px;width: 100%;top: 22.5px;}
.dlqcjc-main{padding: 0 130px;}
.dlqcjc-main .crumb .active a{background-color: #f1c704;color: #000;}
.content_archives{overflow: hidden;margin-bottom: 70px;}
.content_archives h2{font-size: 37.5px;color: #333;text-align: center;margin-bottom: 20px;}
.content_archives p{font-size: 20px;color: #808080;line-height: 30px;}
.content_copywriting_ul{overflow: hidden;}
.content_copywriting_ul li{width:20%;float: left;margin-right: 20%;} 
.content_copywriting_ul li:last-child{margin-right: 0;}
.content_copywriting_ul li span{width: 100%;display: block;margin-bottom: 20px;}     
.content_copywriting_ul li span img{width: 100%;display: block;}  
.content_copywriting_ul li h3{font-size: 18px;color: #4c4c4c;text-align: center;}  
.content_copywriting_ul li p{font-size: 14px;color: #808080;text-align: center;}
.content_copywriting_ul2{overflow: hidden;border:1px solid #808080;border-radius: 5px;margin-top: 20px;}  
.content_copywriting_ul2 li{width: 50%;float: left;padding: 40px;border-right: 1px solid #808080;}  
.content_copywriting_ul2 li span{background: url(../images/shijian-icon.png) no-repeat left;background-size: 50% auto;padding-left: 70px;display: block;float: left;}
.content_copywriting_ul2 li p{border-left:1px solid #808080;padding-left: 40px;float: right;padding-right: 90px;}
.content_copywriting_ul2 li:last-child{border-right: none;}
.content_copywriting_ul2 li:last-child span{background: url(../images/canting-icon.png) no-repeat;width: 56px;height: 56px;background-size: 100% auto;display: block;float: left;}
.content_copywriting_ul2 li:last-child p{border-left: none;padding-left: 0; float: right;padding-right: 80px;}
.content_copywriting_ul2 li:last-child span{padding-left: 0;}
.content_flow{overflow: hidden;background: #f7f7f7;}
.content_flow_ul{overflow:hidden;position: relative;height: 536px;}
.content_flow_ul li:nth-child(1){position: absolute;left: 0;top: 0;width: 50%;}
.content_flow_ul li:nth-child(2){position: absolute;right: 0;top: 0;width: 50%;text-align: right;}
.content_flow_ul li:nth-child(3){position: absolute;bottom: 0;width: 50%;left: 30%;}
.content_means_ul{overflow: hidden;}
.content_means_ul li{width:25%;float: left;}
.content_means_ul li span{display: block;width: 196px;height: 196px;margin: 0 auto;}
.content_means_ul li span img{width: 100%;display: block;}
.content_means_ul li h3{font-size:16px;color: #717171;text-align: center;margin-top: 20px;}
@media (max-width:1200px){
    .content_copywriting_ul2 li p{padding-right: 15px;}
    .content_copywriting_ul2 li:last-child p{padding-right: 15px;}
}
@media (max-width:1024px){
    .content_copywriting_ul2 li{padding: 30px 15px;}
    .content_copywriting_ul2 li p{border-left: none;padding-right: 0;padding-left: 0;float: right;}
    .content_copywriting_ul2 li:last-child p{padding-right: 0;}
    .content_flow_ul li:nth-child(1){position: inherit;left: 0;top: 0;width: 100%;}
    .content_flow_ul li:nth-child(2){position: inherit;left: 0;top: 0;width: 100%;text-align: right;right: auto;}
    .content_flow_ul li:nth-child(3){position: inherit;bottom: 0;width: 100%;left: 0%;}
    .content_means_ul{overflow: hidden;}
    .content_flow_ul{height: auto;}   
}
@media (max-width:780px){
    .dlqcjc-main .crumb .active a::after{display: none;}
    .dlqcjc-main{padding: 0 15px;}
    .dlqcjc-title h2{font-size: 18px;width: 200px;height: 35px;line-height: 35px;}
    .dlqcjc-title::after{top: 17.5px;}
    .content_copywriting_ul li{width: 30%;margin-right: 5%;}
    .content_copywriting_ul li span{width: 80%;margin: 0 auto;margin-bottom: 20px;}
    .content_archives h2{font-size:18px;}
    .content_archives p{font-size: 14px;}
    .content_copywriting_ul li h3{font-size: 16px;}
    .content_copywriting_ul2 li{width: 100%;padding: 15px;border-right: none;border-bottom: 1px solid #808080;}
    .content_copywriting_ul2 li:last-child{border-bottom: none;}
    .content_copywriting_ul2 li p{border-left: none;padding-left: 20px;padding-right: 0;float: left;}
    .content_copywriting_ul2 li:last-child p{padding-right: 0;float: left;border-bottom: none;}
    .content_means_ul li{width: 48%;margin-right: 4%;margin-bottom: 4%;}
    .content_means_ul li:nth-child(2n){margin-right: 0;}
    .content_means_ul li span{width:60%;height: auto;margin: 0 auto;}
}
@media (max-width:375px){
    .content_copywriting_ul2 li p{padding-left:17px;}
}

/*-----------join-----------------*/

.join-main .crumb .active a::after{background: url(../images/crumb-active2.png) no-repeat center;content: '';width: 20px;height: 43px;position: absolute;left: 42%;bottom: -43px;display: block;background-size: 100%;}
.join-main .crumb .active a{background-color: #f1c704;color: #000;}
.join-main{padding: 0 130px;}
.join-title{overflow: hidden;position: relative;margin-bottom: 50px;}  
.join-title h2{text-align: center;font-size: 25px;color: #f1c704;background: #000000;height: 45px;line-height: 45px;width: 200px;margin: 0 auto;border-radius: 5px;z-index: 1;position: relative;}
.join-title::after{position: absolute;content: "";background: #f1c704;height: 1px;width: 100%;top: 22.5px;}
.join-list-ul2{background: url(../images/join-bj.png) no-repeat right 80px;overflow: hidden;position: relative;height: 700px;}
.join-list-ul2 li{width: 15%;float: left;position: absolute;top: 3%;}
.join-list-ul2 li span{display: block;width: 80%;margin: 0 auto;}
.join-list-ul2 li span img{width: 100%;display: block;}
.join-list-ul2 li h2{font-size: 16px;color: #4c4c4c;border: 2px solid #f1c704;border-radius: 5px;position: relative;text-align: center;padding: 10px;height: 60px;margin-top:55px;}
.join-list-ul2 li h2::before{content: "01";display: block;margin: 0 auto;background: #f1c704;border-radius: 50%;width: 50px;border: 5px solid #fff;height: 50px;text-align: center;line-height: 45px;color: #333;font-size: 20px;position: absolute;top: -48px;left: 50px;}
.join-list-ul2 li:nth-child(1){position: absolute;left: 5%;}
.join-list-ul2 li:nth-child(2){position: absolute;left: 27%;}
.join-list-ul2 li:nth-child(3){position: absolute;left: 49%;}
.join-list-ul2 li:nth-child(4){position: absolute;left: 71%;}
.join-list-ul2 li:nth-child(5){position: absolute;top: 54%;left: 69%;}
.join-list-ul2 li:nth-child(6){position: absolute;top: 54%;left: 47%;}
.join-list-ul2 li:nth-child(7){position: absolute;top: 54%;left: 25%;}
.join-list-ul2 li:nth-child(2) h2::before{content: "02";}
.join-list-ul2 li:nth-child(3) h2::before{content: "03";}
.join-list-ul2 li:nth-child(4) h2::before{content: "04";}
.join-list-ul2 li:nth-child(5) h2::before{content: "05";}
.join-list-ul2 li:nth-child(6) h2::before{content: "06";}
.join-list-ul2 li:nth-child(7) h2::before{content: "07";}

.join-list-ul{overflow: hidden;}
.join-list-ul li{width: 49%;float: left;margin-right: 2%;overflow: hidden;margin-bottom: 2%;}
.join-list-ul li:nth-child(2n){margin-right: 0;}
.join-list-ul li .join-list-img{width: 100%;max-height: 236px;}
.join-list-ul li .join-list-img img{width: 100%;display: block;}
.join-list-ul li .join-list-con{background: #f6f6f6;padding: 25px;overflow: hidden;height: 166px;}
.join-list-ul li .join-list-con h2{font-size: 20px;color:#808080;margin-bottom: 10px;}
.join-list-ul li .join-list-con p{font-size: 16px;color: #808080;}           
.content_process{overflow: hidden;background: #f7f7f7;}
.show-list-p{font-size: 16px;color: #4c4c4c;}
.show-list-ul{overflow: hidden;margin-top: 50px;}
.show-list-ul li{width: 100%;overflow: hidden;margin-bottom: 10px;}
.show-list-ul li .a-left{width: 31.2%;}
.show-list-ul li .a-right{float: right;width: 68%;overflow: hidden;}
.show-list-ul li:last-child .a-left{width: 68%;}
.show-list-ul li:last-child .a-right{width: 31.2%;}
.show-adv{padding: 100px 70px;display: block;margin-top: 100px;background: url(../images/show-advbj.png) no-repeat;overflow: hidden;background-size:100%;max-height: 423px;height: 423px;}
.show-adv ul li{margin-bottom: 50px;}
.show-adv ul li h4{color: #fcd791;font-size: 25px;}
.show-adv ul li span{color: #fcd791;font-size: 25px; display: block;}
.show-adv ul li:nth-child(1) span{font-size: 50px;margin-top: 25px;}
.feedback-list{overflow: hidden;margin-top: 110px;}
.feedback-list-img{width: 38%;display: block;float: left;}
.feedback-list .feedback{float: right;overflow: hidden;border: 1px solid #e5e5e5;border-left: none;width: 62%;padding: 24px;}
.feedback-list .form-row{width: 50%;float: left;clear: none;}
.feedback-list .form-row:nth-child(5),.feedback-list .form-row:nth-child(6){width: 100%;}
.feedback-list .form-row .row-label{width: auto;}
.feedback-list .form-row .row-controls{margin-left: 15px;}
.feedback-list .form-control{width: 80%;}
.feedback-list .form-row .btn{background: #f1c704;color: #000;padding: 8px 25px;font-family: "OPPOSans-B";font-size: 20px;margin-left: 15px;}
@media (max-width:1200px){
	.show-adv{padding: 68px 70px;max-width: inherit;height: auto;}
}
@media (max-width:1024px){
    .join-main{padding: 0 15px;}
    .feedback-list .form-control{width: 90%;}
}
@media (max-width:780px){
    .join-main .crumb .active a::after{display: none;}
    .join-title h2{font-size:18px;height: 35px;line-height: 35px;width: 150px;}
    .join-title::after{top: 17.5px;}
    .join-main{padding: 0 15px;}
    .join-list-ul li{width: 100%;margin-right: 0;margin-bottom: 4%;}
    .join-list-ul li .join-list-img{max-height:none;}
    .join-list-ul li .join-list-con{height: auto;padding: 15px;}
    .join-list-ul li .join-list-con h2{font-size: 18px;}
    .join-list-ul li .join-list-con p{font-size:14px;}
    .join-list-ul2{background:none;overflow: hidden;position: relative;height: auto;}
    .join-list-ul2 li{margin-bottom: 5%;}
    .join-list-ul2 li:nth-child(1){position: inherit;left: 0%;}
    .join-list-ul2 li:nth-child(2){position: inherit;left: 0%;}
    .join-list-ul2 li:nth-child(3){position: inherit;left: 0%;}
    .join-list-ul2 li:nth-child(4){position: inherit;left: 0%;}
    .join-list-ul2 li:nth-child(5){position: inherit;top: 0%;left: 0%;}
    .join-list-ul2 li:nth-child(6){position: inherit;top: 0%;left: 0%;}
    .join-list-ul2 li:nth-child(7){position: inherit;top: 0%;left: 0%;}
    .join-list-ul2 li{width: 49%;position: inherit;top: 0;margin-right: 2%;}
    .join-list-ul2 li:nth-child(2n){margin-right: 0;}
    .join-list-ul2 li h2::before{left: 42%;}
    .join-title h2{font-size:18px;width: 150px;}
    .show-list-p{font-size: 14px;}
    .show-list-ul{margin-top: 20px;}
    .show-adv{margin-top: 20px;}
	.show-adv{padding: 30px 70px;max-width: inherit;height: auto;}
    .feedback-list{margin-top: 20px;}
    .feedback-list .form-row{width: 100%;}
    .feedback-list .form-control{width: 100%;}
    .feedback-list-img{width: 100%;}
    .feedback-list .feedback{float: left;width: 100%;border-left:1px solid #e5e5e5;} 
}
@media (max-width:414px){
    .join-list-ul2 li h2::before{left: 37%;}
	.show-adv{padding: 13px 34px;max-width: inherit;height: auto;}
	.show-adv ul li{margin-bottom: 15px;}
	.show-adv ul li h4{font-size: 4vw;}
	.show-adv ul li span{font-size: 4vw;}
	.show-adv ul li:nth-child(1) span{font-size: 8vw;margin-top: 5px;}
}


/*-----------detail-pro-----------------*/

.pro-desc{background: #f7f7f7;overflow: hidden;}
.pro-desc-h2{overflow: hidden;text-align: center;font-size: 37.5px;color: #808080;margin-bottom: 70px;}
.pro-desc-fl{float: left;width: 50%;overflow: hidden;}
.pro-desc-fr{float: right;width: 50%;overflow: hidden;}
.pro-desc-fr p{color: #989898;font-size: 16px;}
.pro-desc-ul{overflow: hidden;padding: 0 130px;}
.pro-desc-ul li{width: 20%;float: left;margin-right: 5%;text-align: center;}
.pro-desc-ul li:last-child{margin-right: 0;}
.pro-desc-ul li p{color: #989898;font-size: 16px;}
.pro-par{background: #f7f7f7;overflow: hidden;}
.pro-par table tr:nth-child(2n){background: #eaeff2;}
.pro-par table tr td{text-align: center;width: 20%;color: #333;word-break: break-word;}
.next-btn{background-image: url(../images/next-icon.png);background-size: 100% auto;width: 50px;height: 50px;top: 55%;right: 7%;}
.prev-btn{background-image: url(../images/prev-icon.png);background-size: 100% auto;width: 50px;height: 50px;top: 55%;left: 7%;}
@media (max-width:1024px){
    .pro-desc-ul{padding: 0;}
}
@media (max-width:780px){
    .pro-desc-h2{font-size: 21px;margin-bottom: 35px;}
    .pro-desc-fl{float: left;width: 100%;overflow: hidden;text-align: center;margin-bottom: 25px;}
    .pro-desc-fr{float:left;width: 100%;}
    .pro-desc-ul li{width: 49%;margin-right: 2%;margin-bottom: 2%;}
    .pro-desc-ul li:nth-child(2n){margin-right: 0;}
    .pro-desc-ul li p{font-size: 14px;}
    .prev-btn{width: 35px;height: 35px;left: 0;}
    .next-btn{width: 35px;height: 35px;right: 0;}
}


/*-----------detail-cxjc-----------------*/

.stores-tab{width: 100%;margin-bottom: 35px;overflow: hidden;}      
.stores-tab li{width: 25%;height: 73px;float: left;border: 1px solid #eee;border-right: 0;background: #f9f9f9;}
.stores-tab li .select-box {width: 100%;height: 100%;border: 0;font-size: 25px;color: #808080;padding-left: 20px;cursor: pointer;background: url(../images/select-arrowB.png) no-repeat 90% center;appearance:none;  -moz-appearance:none;  -webkit-appearance:none;}
.stores-tab li.search-li {border: 1px solid #eee;background: #f1c704;}
.stores-tab li .search-btn {font-size: 25px;width: 100%;height: 100%;border: 0;text-align: center;line-height: 73px;color: #4c4c4c;background: #f1c704;cursor: pointer;}
.mapResult {width: 100%;height: 624px;border: 1px solid #ededed;margin-bottom: 105px;    border-radius: 5px;}
.mapresult-list {width: 35.5%;height: 100%;position: relative;}
.mapresult-list .scrollbox {width: 100%;height: 691px;}
.mapresult-list .scrollbar {width: 1px;height: 624px;position: relative;margin: 0;background-color: #ededed;}
.mapresult-list .handle{position: absolute;left: -3px;top: 0px;width: 6px;height: 55px;display: block;background: #8fc31f;border-radius: 50px;z-index: 9;}
.mapresult-list .sly {width: 99%;height: 624px;overflow: hidden;}
.mapresult-list .scoll {width: 100%;}
.mapresult-list .picList{overflow: hidden;zoom: 1;}
.mapresult-list .picList li{width: 100%;padding: 20px;border-radius: 5px;}
.mapresult-list .picList li:hover, .mapresult-list .picList li.on{background-color: #f7f7f7;}
.mapresult-list .picList li a{width: 100%;height: 100%;display: block;}
.mapresult-list .picList li h2 {font-size: 18px;color: #4c4c4c;line-height: 1.667;margin-bottom: 5px;}
.mapresult-list .picList li p{font-size: 16px;color: #666;line-height: 1.8;}
.setMap{width: 64.2%;height: 623px;background: #dddddd;}
#map {width: 100%;height: 100%;}

@media (max-width:780px){
    .stores-tab li{width: 50%;}   
    .mapresult-list{width: 100%;}
    .setMap{display: none;}
}


/*-----------downlist-----------------*/


.search-down{width: 60%;overflow: hidden;margin-bottom: 40px;height: 40px;position: relative;}
.search-down input{display: inline-block;height: 40px;text-indent: 1em;background: #fff;border: 1px solid #ccc;outline: 0;width: 100%;color: #9e9e9e;}
.search-down .search-btn{position: absolute;right: 0;width: 60px;height: 40px;border: none;outline: none;background: none;background: #ccc;}
.search-down .search-btn i{font-size: 18px;color: #fff;}
.search-down .search-btn img{vertical-align: sub;}


.downlist{ overflow: hidden; }
.downlist .hd{background: #e50011; border:1px solid #f0f0f0;width: 100%;display: inline-flex;border-bottom: none;line-height: 45px;height: 45px;}
.downlist .hd span{border-left:none;color: #fff; width: 15%; text-align: center;display: block;font-size: 16px; line-height: 45px;height: 45px;}
.downlist .hd em{border-left:none;color: #fff;width: 15%; text-align: center;display: block;font-size: 16px; line-height: 45px;height: 45px;}
.downlist .hd h3{color: #fff; width: 55%; text-align: left;display: block;font-size: 16px; line-height: 45px;height: 45px; padding-left: 25px;}
.downlist .hd i{color: #fff;width: 15%; text-align: center;display: block;font-size: 16px; line-height: 45px;height: 45px;}

.downlist ul li{border:1px solid #f0f0f0;width: 100%;display: inline-flex;border-bottom: none;line-height: 45px;height: 45px;}
.downlist ul li h3{text-align: left;width: 55%;font-size: 16px;color: #333;line-height: 45px;    padding-left: 25px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.downlist ul li span{width: 15%;text-align: center;display: block;font-size: 16px;color: #333;border-left: 1px solid #f0f0f0;}
.downlist ul li em{width: 15%;text-align: center;display: block;font-size: 16px;color: #333;border-left: 1px solid #f0f0f0;}
.downlist ul li i{width: 15%;text-align: center;display: block;font-size: 16px;color: #333;}
.downlist ul li a{width: 15%;text-align: center;display: block;font-size: 16px;color: #333;border-left: 1px solid #f0f0f0;background: url(../images/download-icon.png) no-repeat 35% center;}
.downlist ul li:last-child{border-bottom: 1px solid #f0f0f0;}

.selector{display: block;overflow: hidden;border:1px solid #f0f0f0;margin-bottom: 40px;}
.list_selector{display: block;overflow: hidden;border-bottom: #dcdcdc solid 1px;}
.list_selector dl {display: block;overflow: hidden;text-align: center;margin: 0px;width: 14.5%;float: left;line-height: 90px;background: #f0f0f0;}
.list_selector ul{list-style: none;display: block;margin: 0px;padding: 0px 20px 0px 40px;overflow: hidden;background: #fff;}
.list_selector ul li{list-style: none;float: left;display: inline;margin-right: 46px;height: 90px;line-height: 90px;}
.list_selector ul li a{width: 100%;color: #454545;padding: 0 8px;}
.list_selector:last-child{border-bottom: none;}
.list_selector:last-child dl{line-height: 135px;}
.list_selector:last-child ul li{line-height: 45px;height: 45px;}
.list_selector ul li.on a{background: #e50011;color: #fff;border-radius: 5px;}

@media (max-width:1024px){
    .list_selector ul li{line-height: 45px;height: auto;}
    .list_selector:last-child dl{line-height: 180px;}
}
@media (max-width:780px){
    .list_selector ul{padding: 0 10px;}
    .list_selector dl{width: 100%;line-height: 60px;}
    .list_selector:last-child dl{line-height: 60px;}
    .downlist ul li a{background: none;}
}


/*-----------yfd-----------------*/

.yfd {
	position: fixed;
	right: 10px;
	top: 35%;
	margin-top: -95px;
	font-family: "OPPOSans-R";
	color: #fff;
	text-align: center;
	z-index: 10000;
	width: 80px;
}
.yfd .you {
	display: block;
	margin-bottom: 2px;
	border-radius: 5px;
	color: #b2b2b2;
	padding: 10px 0;
	cursor: pointer;
}
.yfd .you img {
	display: block;
	margin: 0 auto;
}
.yfd .you:hover {
	opacity: 0.8;
	color: #fff;
}
.yfd .tel {
	background: #e6e6e6;
	position: relative;
}
.yfd .ewm {
	background: #e6e6e6;
	position: relative;
}
.yfd .QQ {
	background: #e6e6e6;
}
.yfd .search {
	background: #e6e6e6;
}
.yfd .goTop {
	background: #e6e6e6;
	display: block;
}
.erweima{
	position:absolute;
	right:100px;
	top:-20px;	
    background: #e50011;
    padding: 8px;
}
.erweima ul li{
	width:115px;
	height:115px;
}
.erweima ul li img{
	width:100%;
	height:100%;
	display:block;
}
.btnConsult .arrow {
	position: absolute;
	top: 22px;
	left: 20px;
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-right: 6px solid #e6e6e6;
}
.rexian {
	z-index: 999;
	overflow: hidden;
	width: 0px;
	height: 40px;
	border-radius: 5px;
	background-color: #e6e6e6;
	position: absolute;
	right: 85px;
	top: 50%;
	margin-top: -20px;
	line-height: 40px;
	font-size: 14px;
}
.yfd .rexian a {
	color: #fff;
	display: block;
    overflow: hidden;
    /* width: 140px!important; */
}
.rexian ul {
	margin: 0 auto;
	min-width: 100px;
	text-align: center;
}
.rexian li {
	text-align: center;
	color: #fff;
	background: #e50011;
}
.yfd .you:hover img{transform: translateY(-0px);filter: drop-shadow(#fff -90px 0px);margin-right: -65px;}
.yfd .you:hover .erweima ul li img{transform: translateY(-0px);filter: drop-shadow(#fff 0px 0px);margin-right: 0;}
.yfd .QQ:hover,.yfd .tel:hover,.yfd .ewm:hover,.yfd .goTop:hover,.yfd .search:hover{background: #e50011;}
@media (max-width:1024px){
    .yfd{display: none;}  
}