/* 首页 */
/*--------- one ---------*/
.index_main .one{
	height: 420px;
	width: 100%;
	position: relative;
	background-color: #fff8ef;
}
.index_main .one .w1200 {
	width: 1200px;
	height: 100%;
	position: relative;
}
.index_main .one .w1200 > img{
	display: inline-block;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
.index_main .one .w1200 div{
	position: absolute;
	bottom: 66px;
	left: 40px;
	display: flex;
	justify-content: space-between;
	width: 310px;
	height: 42px;
	border-radius: 21px;
}
.index_main .one .w1200 div img {
	width: 140px;
	height: 42px;
	border-radius: 21px;
	cursor: pointer;
}
.index_main .two {
	height: 50px;
}
.index_main .two .notice{
	background: #f2f2f2;
	height: 50px;
}
.index_main .two .notice .w1200{
	display: flex;
	color: #333333;
	font-size: 16px;
}
.index_main .two .notice img{
	width: 84px;
	height: 28px;
	margin: 11px 0;
}
.index_main .two .notice ul{
	overflow: hidden;
	width: calc(100% - 84px);
	padding-left: 14px;
	box-sizing: border-box;
	height: 50px;
}
.index_main .two .notice ul li{
	width: 100%;
	display: block;
	height: 50px;
}
.index_main .two .notice ul li a{
	line-height: 50px;
	width: 33.33%;
	float: left;
	color: #333;
	overflow: hidden;
	height: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mechanics .title,
.channel .title,
.index_main .title{
	text-align: center;
	padding-top: 70px;
	padding-bottom: 50px;
	overflow: hidden;
	display: block;
}
.mechanics .title h4,
.channel .title h4,
.index_main .title h4{
	font-family: MicrosoftYaHei-Bold;
	letter-spacing: 0px;
	font-size: 40px;
	font-weight: normal;
	line-height: 40px;
	color: #333333;
}
.mechanics .title h4 span ,
.channel .title h4 span ,
.index_main .title h4 span {
	color: #cc351e;
}
.mechanics .title h5,
.channel .title h5,
.index_main .title h5{
	font-family: MicrosoftYaHei;
	font-size: 30px;
	font-weight: normal;
	line-height: 30px;
	color: #333333;
}
.mechanics .title p,
.channel .title p,
.index_main .title p{
	font-size: 18px;
	font-family: MicrosoftYaHei;
	padding-top: 20px;
	font-weight: normal;
	color: #666666;
}

/*--------- three ---------*/
.index_main .three {
	padding-bottom: 35px;
}
.index_main .three .w1200 div {
	display: flex;
	justify-content: space-between;
	margin-bottom: 45px;
}
.index_main .three .w1200 div img{
	width: 578px;
	height: 288px;
	background-image: linear-gradient(60deg, 
		#ffffff 59%, 
		#ffffff 100%);
	border-radius: 10px;
}
.index_main .four {
	background-color: #f2f2f2;
	padding-bottom: 180px;
}
.index_main .four .w1200 > img{
	width: 100%;
	height: 600px;
	border-radius: 10px;
}
.index_main .four a img {
	width: 246px;
	height: 42px;
	border-radius: 21px;
	margin: 40px auto 0;
	cursor: pointer;
}

/* ---------- 关于配友 ---------- */
.about{
	overflow: hidden;
}
.about .about_bg{
	background: url("../img/about/about.png") no-repeat center center;
	background-size: 1920px 100%;
	height: 360px;
}
.about .about_bg2{
	background: url("../img/about/about_3.jpg") no-repeat center center;
	background-size: 1920px 100%;
	height: 680px;
	overflow: hidden;
	position: relative;
}
.about .about_bg2 h5{
	font-size: 48px;
	font-weight: normal;
	color: #ffffff;
	text-align: center;
	padding-top: 50px;
}
.about .profile h5{
	font-weight: normal;
	font-size: 48px;
	text-align: center;
	line-height: 156px;
}
.about .about_bg3 h5{
	font-weight: normal;
	font-size: 48px;
	text-align: center;
	padding-top: 70px;
}
.about .about_bg2 img{
	width: 1230px;
	height: 437px;
	position: absolute;
	left: calc(50% - 615px);
	top:174px;
}
.about .about_bg3{
	background: url("../img/about/about_4.jpg") no-repeat center center;
	background-size: 1920px 100%;
	height: 709px;
}
.about .about_bg3 dl{
	overflow: hidden;
	padding-top: 84px;
}
.about .about_bg3 dl dt{
	font-family: MicrosoftYaHei;
	font-size: 24px;
	font-weight: normal;
	font-style: italic;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #cc351e;
	padding-bottom: 10px;
}
.about .about_bg3 dl dd{
	font-size: 14px;
	padding-bottom: 34px;
}
.about .about_bg3 img{
	margin-top: 230px;
}
.about .about_nav{
	height: 60px;
	background-color: #f2f2f2;
	line-height: 60px;
	border: solid 1px #dddddd;
}
.about .about_nav ul{
	overflow: hidden;
	display: flex;
}
.about .about_nav ul li{
	width: 140px;
	color: #666666;
	font-size: 18px;
	display: block;
}
.about .about_nav ul li.cur{
	color: #333333;
}
.about .about_nav ul li.cur span{
	height: 58px;
	display: inline-block;
	border-bottom: 2px solid #cc351e;
}
.about .profile{
	min-height: 100px;
}
.about .profile dl dt{
	color: #cc351e;
	font-size: 18px;
	line-height: 18px;
	font-weight: 500;
	padding-bottom: 18px;
}
.about .profile dl dd{
	line-height: 24px;
	color: #333333;
	padding-bottom: 44px;
}
.about .profile ul{
	margin: 0 auto;
	height: calc(238px +  60px);
}
.about .profile ul li{
	width: 50%;
	float: left;
	overflow: hidden;
}
.about .profile ul li img {
	width: 554px;
	height: 238px;
}

/* -------------配友产品------------- */
.mechanics .mechanics_one {
	background: url('../img/products/mechanics1.png') no-repeat center center;
	background-size: 1920px 100%;
	height: 320px;
}
.mechanics .mechanics_one  img  {
	width: 100%;
	height: 320px;
}
.mechanics .mechanics_two {
	background-color: #fff;
}
.mechanics .mechanics_two .w1200 > img{
	width: 100%;
	height: 600px;
	border-radius: 10px;
}
.mechanics .mechanics_two a img {
	width: 246px;
	height: 42px;
	border-radius: 21px;
	margin: 0 auto;
	cursor: pointer;
}
.mechanics .mechanics_three{
	background-color: #fff;
	box-sizing: border-box;
	padding-bottom: 160px;
}
.mechanics .mechanics_three .first,
.mechanics .mechanics_three .second {
	display: flex;
	justify-content: space-between;
}
.mechanics .mechanics_three .first{
	margin-bottom: 120px;
}
.mechanics .mechanics_three .w1200 .left {
	width: 496px;
	color: #333;
}
.mechanics .mechanics_three .w1200.first .left {
	padding-top: 18px;
}
.mechanics .mechanics_three .w1200.first .right {
	margin-right: 80px;
}
.mechanics .mechanics_three .w1200.second .left {
	padding-top: 34px;
}
.mechanics .mechanics_three .w1200 .left .name {
	font-weight: normal;
	font-size: 30px;
	line-height: 30px;
}
.mechanics .mechanics_three .w1200 .left .name span {
	color: #cc351e;
}
.mechanics .mechanics_three .w1200 .left .desc {
	margin-top: 16px;
	margin-bottom: 30px;
	font-size: 14px;
}
.mechanics .mechanics_three .w1200 .left .content {
	height: 113px;
	background-color: #f2f2f2;
	padding: 25px 0 0 22px;
	font-size: 14px;
	line-height: 14px;
	border-radius: 10px;
}
.mechanics .mechanics_three .w1200 .left .content p.oneP {
	font-size: 20px;
	line-height: 20px;
	margin-bottom: 14px;
}
.mechanics .mechanics_three .w1200 .left .content p.threeP {
	margin-top: 6px;
	color: #cc351e;
}
.mechanics .mechanics_three .w1200 .left .apply {
	margin-top: 125px;
	display: flex;
}
.mechanics .mechanics_three .w1200 .left .apply a {
	margin-right: 20px;
	cursor: pointer;
}
.mechanics .mechanics_three .w1200 .left .apply a img{
	width: 139px;
	height: 42px;
}
.mechanics .mechanics_three .first .right img {
	width: 550px;
	height: 447px;
}
.mechanics .mechanics_three .second .right img {
	width: 652px;
	height: 420px;
}
.autoparts .autoparts_one {
	height: 320px;
	background: url('../img/products/autoparts1.png') no-repeat center center;
	background-size: 1920px 100%;
}
.autoparts .autoparts_one img{
	width: 100%;
	height: 320px;
}
.autoparts .autoparts_two{
	background-color: #fff;
	height: 630px;
}
.autoparts .autoparts_two .w1200 ,
.autoparts .autoparts_three .w1200 {
	display: flex;
	justify-content: space-between;
	padding: 0 50px 0 150px;
}
.autoparts .autoparts_two .left ,
.autoparts .autoparts_three .left {
	font-family: MicrosoftYaHei;
	width: 476px;
	height: 270px;
	display: flex;
	flex-direction: column;
	margin-top: 180px;
}
.autoparts .autoparts_two .left {
	margin-left: 30px;
}
.autoparts .autoparts_two .left h6.name ,
.autoparts .autoparts_three .left h6.name {
	font-size: 40px;
	font-weight: normal;
	line-height: 40px;
	color: #333333;
}
.autoparts .autoparts_two .left .content ,
.autoparts .autoparts_three .left .content {
	font-size: 14px;
	line-height: 24px;
	color: #333333;
	margin: 30px 0 70px;
}
.autoparts .autoparts_two .left .apply ,
.autoparts .autoparts_three .left .apply {
	width: 310px;
	height: 42px;
	display: flex;
	justify-content: space-between;
}
.autoparts .autoparts_two .left .apply img ,
.autoparts .autoparts_three .left .apply img {
	width: 140px;
	height: 42px;
	border-radius: 20px;
	cursor: pointer;
}
.autoparts .autoparts_two .right img{
	width: 380px;
	height: 465px;
	margin-top: 105px;
}
.autoparts .autoparts_three{
	background-color: #f2f2f2;
	height: 635px;
}
.autoparts .autoparts_three .right img{
	width: 515px;
	height: 456px;
	margin-top: 105px;
}


/* -------------渠道合作------------- */
.channel .one{
	height: 360px;
	position: relative;
	background: url('../img/channel/banner.png') no-repeat center center;
	background-size: 1920px 100%;
}
.channel .one img:first-child {
	width: 100%;
	height: 100%;
}
.channel .one a {
	cursor: pointer;
	position: absolute;
	bottom: 60px;
	left: 50%;
	transform: translate(-50%,0);
	display: block;
	width: 190px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	background-color: #cc351e;
	border-radius: 26px;
	color: #fff;
	font-size: 18px;	
}
.channel .two .w1200 div {
	display: flex;
	justify-content: space-between;
}
.channel .two .w1200 div img{
	width: 578px;
	height: 288px;
	background-image: linear-gradient(60deg, 
		#ffffff 59%, 
		#ffffff 100%);
	border-radius: 10px;
}
.channel .three {
	width: 100%;
	height: 425px;
	background-color: #f2f2f2;
}
.channel .three ul {
	display: flex;
	justify-content: space-evenly;
	margin-top: 20px;
}
.channel .three ul li {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	width: 176px;
}
.channel .three ul li:nth-child(1) img {
	width: 38px;
	height: 43px;
}
.channel .three ul li:nth-child(2) img {
	width: 26px;
	height: 43px;
}
.channel .three ul li:nth-child(3) img {
	width: 38px;
	height: 38px;
}
.channel .three ul li:nth-child(4) img {
	width: 30px;
	height: 44px;
}
.channel .three ul li:nth-child(5) img {
	width: 39px;
	height: 40px;
}
.channel .three ul li h6 {
	height: 17px;
	font-family: MicrosoftYaHei-Bold;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #000000;
	margin: 15px 0;
	font-weight: bold;
}
.channel .three ul li p {
	font-family: MicrosoftYaHei;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 20px;
	letter-spacing: 0px;
	color: #000000;
}
.channel .four {
	width: 100%;
	height: 245px;
	background-color: #cc351e;
	color: #fff;
} 
.channel .four h4 {
	text-align: center;
	font-family: MicrosoftYaHei;
	font-size: 40px;
	font-weight: normal;
	line-height: 40px;
	padding: 40px 0;
}
.channel .four > div.w1200 {
	display: flex;
	justify-content: space-between;
	line-height: 28px;
	font-size: 18px;
}
.channel .four > div.w1200 .line {
	height: 75px;
	width: 1px;
	background-color: #fff;
	margin-top: 6px;
}
.channel .four > div.w1200 .left p:nth-child(2) {
	font-weight: bold;
} 
.channel .four > div.w1200 .right p:nth-child(2) ,
.channel .four > div.w1200 .right p:nth-child(3) ,
.channel .four > div.w1200 .left p:nth-child(3) {
	font-size: 14px;
}
.channel .four > div.w1200 .right p:nth-child(3) a{
	color: #fff;
}

/* -------------配友资讯------------- */
.information{
	overflow: hidden;
}
.information .information_bg{
	background: url("../img/information/information.jpg") no-repeat center center;
	background-size: 1920px 100%;
	height: 360px;
	position: relative;
}
.information .information_nav{
	height: 72px;
	background-color: #f2f2f2;
	line-height: 72px;
	border: solid 1px #dddddd;
}
.information .information_nav ul{
	overflow: hidden;
	display: flex;
	
}
.information .information_nav ul li{
	width: 150px;
	color: #666666;
	font-size: 18px;
	display: block;
	cursor: pointer;
}
.information .information_nav ul li.cur{
	color: #333333;
}
.information .information_nav ul li.cur span{
	height: 71px;
	display: inline-block;
	border-bottom: 2px solid #cc351e;
}
.information .left{
	width: calc(100% - 400px);
	min-height: 800px;
	float: left;
}
.information .left ul{
	margin-right: 6%;
	margin-top: 28px;
	margin-bottom: 60px;
}
.information .left ul li{
	width: 100%;
	height: 210px;
	border-bottom: solid 1px #dddddd;
	padding: 18px 0;
}
.information .left ul li:last-child{
	border-bottom: none;
}
.information .left ul li .img{
	width: 320px;
	height: 180px;
	float: left;
	overflow: hidden;
}
.information .left ul li .img img{
	width: 320px;
	height: 180px;
}
.information .left ul li .article-box{
	width: calc(100% - 320px);
	float: left;
	padding-left: 24px;
	padding-right: 10px;
	position: relative;
	height: 180px;
}
.information .left ul li .article-box h6{
	font-size: 22px;
	line-height: 34px;
	color: #333333;
	padding-bottom: 10px;
}
.information .left ul li .article-box p{
	font-size: 14px;
	line-height: 24px;
	color: #666666;
	white-space: normal;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: calc(24px * 4);
}
.information .left ul li .article-box dl{
	overflow: hidden;
	color: #999999;
	position: absolute;
	left: 24px;
	bottom: 0;
	width: calc(100% - 24px);
}
.information .left ul li .article-box dl dt,
.information .left ul li .article-box dl dd{
	width: 50%;
	line-height: 20px;
	float: left;
}
.information .left ul li .article-box dl dd{
	text-align: right;
}
.information .left ul li .article-box dl dd img{
	width: 18px;
	height: 12px;
	display: inline-block;
	margin-right: 6px;
}
.information .left ul li:hover h6{
	color: #cc351e;
}
.information .left ul li:hover .img img{
	transition:transform .5s ease-out;
	-o-transition:transform .5s ease-out;
	-webkit-transition:transform .5s ease-out;
	-moz-transition:transform .5s ease-out;
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1); 
}
.information .information-no{
	text-align: center;
	line-height: 400px;
	display: none;
}
.information .notice-no{
	text-align: center;
	line-height: 200px;
	display: none;
}

.information .right{
	width: 400px;
	float: left;
	padding-top: 46px;
	box-sizing: border-box;
}
.information .right .notice-box{
	width: 400px;
	min-height: 550px;
	background-color: #ffffff;
	box-sizing: border-box;
}
.information .right .notice-box .notice-img{
	width: 100%;
	height: 100px;
}
.information .right .notice-box ul{
	overflow: hidden;
	padding-top: 8px;
	border: solid 1px #dddddd;
	border-top: none;
	display: none;
}
.information .right .notice-box ul li{
	height: 50px;
	margin: 0 10px;
	line-height: 50px;
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	display: flex;
	position: relative;
	border-bottom: dashed 1px #dddddd;
	cursor: pointer;
}
.information .right .notice-box ul li:last-child{
	border-bottom:none;
}
.information .right .notice-box ul li span{
	color: #666666;
	font-size: 14px;
	font-weight: normal;
	position: absolute;
	right: 0;
	top:0;
}
.information .right .notice-box ul li .title{
	width: 260px;
	float: left;
	height: 50px;
	margin-left: 28px;
}
.information .right .notice-box ul li img{
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	top:15px;
}
.information .right .notice-box ul li:hover .title,
.information .right .notice-box ul li .cur{
	color: #cc351e;
}

/* -------------browser------------- */
.browser{
	text-align: center;
	padding-top: 150px;
}
.browser .notice_info{
	width: 400px;
	background: darkgoldenrod;
	margin: 40px auto;
	padding: 80px 0;
	color: #DDDDDD;
}
.browser .notice_info .p{
	color: #FFFFFF;
	font-size: 18px;
	padding-top: 20px;
}
/* 产品权益 */
.product {
	padding-bottom: 84px;
	background-color: #f2f2f2;
}
.product .product_bg{
	background: url("../img/products/product.png") no-repeat center center;
	background-size: 1920px 100%;
	height: 360px;
	position: relative;
}
.product .product_bg .but{
	position: absolute;
	left: calc(50% - 100px);
	width: 200px;
	height: 60px;
	top:220px;
}
.product h5{
	font-size: 48px;
	font-weight: normal;
	text-align: center;
	line-height: 150px;
}
.product .w1200{
	position: relative;
}
.product .w1200 img{
	width: 100%;
}
.product ul{
	position: absolute;
	right: 0;
	top:224px;
}
.product ul li{
	float: left;
	width: 104px;
	height: 32px;
	margin-left: 40px;
	margin-right: 36px;
	text-align: center;
	font-size: 0;
}
.product ul li:last-child{
	margin-left: 120px;
	margin-right: 90px;
}

/* 配友小程序说明 */
.explain_mian {
	width: 100%;
	min-height: 100vh;
	background-color: #f4f4f4;
}

.explain {
	width: 100%;
	font-size: 2.4rem;
	padding: 2.1rem 2.5rem 4.3rem 2.3rem;
	color: #333;
}
.explain li {
	background-color: #fff;
	margin-bottom: 2rem;
	padding: 4.6rem 3.3rem 3.8rem 3.2rem;
}
.explain li > p:first-child {
	font-size: 2.8rem;
	margin-bottom: 4rem;
}

.explain li dt {
	font-weight: bold;
	font-size: 2.6rem;
	margin-bottom: 3.8rem;
}

.explain li dd div{
	display: flex;
	padding-left: 4rem;
	margin-bottom: 3rem;
}

.explain li dd div p:first-child {
	flex: none;
}
/*  */
.privacy_infor{
	margin: 0 auto;
	background-color: #f4f4f4;
	padding: 2rem 2rem;
	overflow: hidden;
	min-height: 100vh;
}
.privacy_mian{
	overflow: hidden;
	word-break: normal;
	padding: 2rem 2rem;
	background: #ffffff;
	border-radius: 1rem;
}