/*头部导航*/

.head_bg{

	width: 100%;

	background-color: var(--color-theme);

	height: 90px;

 }

.wrapper-header{

	width: 100%;

	height: 90px;

	position: fixed;

	z-index: 9999999;

	background-color: rgba(0, 0, 0, 0.6);

}

.wrapper-header .logo{

	width: 30%;

	float: left;

	height: 50px;

	margin: 20px 0; 

}

.wrapper-header .logo img{

	height: 100%;

	float: left;

}

.wrapper-header .t-logo{

	color: #fff;

	float: left;

	font-size: 1.5vw;

	margin-top: 20px;

	font-weight: bold;

}













.wrapper-header ul{

	width: 70%;

	float: right;

	height: 70px;

	margin: 10px 0; 

}

.wrapper-header ul li{

	float: left;

	width: 14%;

	text-align: center;

	height: 70px;

	padding-left: 1%;

}

.wrapper-header ul li:last-child{

	width: 16%;

	line-height: 70px;

}

.wrapper-header ul li:last-child a{

	background-color: #e00000;

}



.wrapper-header ul li a{

	font-size: 1.5vw;

	color: #fff;

	text-align: center;

	display: block;

	width: 100%;

	height: 100%;

	border-radius:5px;

	-moz-border-radius:5px; /* Old Firefox */

}



.wrapper-header ul li a:hover {

	color: #000;

	background-color: var(--color-theme);

}

.wrapper-header ul li a:hover span{

	color: #000;

}





.wrapper-header ul li a span{

	color: #fff;

	text-align: center;

	font-size: 1.5vw;

	width: 100%;

	display: block;

	line-height: 50px;

}

.wrapper-header ul li a span:nth-child(2){

	font-size: 1vw;

	line-height: 1px;

}







.m_img{display:none;}

.m_nav{display:none}

/*移动端导航*/

@media screen and (max-width: 840px) and (min-width: 0px){

	.wrapper-header{display:none;}

	.head_bg{

		width: 100%;

		background-color: var(--color-theme);

		height: 60px;

	 }

	.m_img{

   		display:block;

   		height:60px;

   		position:fixed;

   		top:0px;

   		left:0px;

   		width:100%;

   		z-index:9999999;

   		overflow: hidden;

   		width: 100%;

		background-color: rgba(0, 0, 0, 0.6);

	}



	.m_img .headlf{

		padding-top:15px;

		float: left;

	}

	.m_img .headlf .m_logo{

		height:30px;

		display: block;

		float: left;

	}

	.m_img .headlf span{

		float: left;

		color: #fff;

		font-size: 12px;

		line-height: 40px;

	}

	.m_img .headrg{

		padding-top:22px;

		float: right;

	}

	.m_img .headrg a .m_menuimg{

		height:16px;

		vertical-align:top;

		display: block

	}







	.m_nav {

		display:block;

		position:fixed;

		top:0px;

		left:0px;

		width:0px;

		height:0px;

		overflow:hidden;

		z-index:99999999

	}

	.m_nav .closecover{

		position:absolute;

		width:100%;

		height:100%;

		background:#0b0d19;

		filter:alpha(opacity=0);

		opacity:0;

		left:0px;

		top:0px;

		z-index:1

	}

	.m_nav .closeicon{

   		position:absolute;

   		width:20%;

   		/*left:30px;*/

   		top:5%;

   		z-index:100;

   		text-align:center;

   		filter:alpha(opacity=0);

   		opacity:0

	}

	.m_nav .m_navList{

   		position:absolute;

   		width:80%;

   		right:0px;

   		top:0px;

   		background:#0b0d19;

   		height:100%;

   		z-index:99999999;

   		right:-80%;

   		overflow-y: scroll;

   	}

   .m_nav .m_navList ul{padding-left:5%;padding-right:5%}

   .m_nav .m_navList ul li{border-bottom:1px solid #232530}

   .m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}

   .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}

   .m_nav .m_navList ul li .m_f_a a{flex: 1;}

   .m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}

   .m_nav .icon{ background:url(../img/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}

   .m_nav .icon_on{background:url(../img/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}

   .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}

   .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}

}





































/*焦点图*/

.banner{

	width: 100%;

}

.banner img{

	/*position: absolute;

	left: 50%;

	transform:translate(-50%);*/

	width: 100%;

}





/*内页焦点图*/

.pagebanner{

	width: 100%;

}

.pagebanner img{

	/*position: absolute;

	left: 50%;

	transform:translate(-50%);*/

	width: 100%;

}







/*首页产业链*/

.wrapper-index-cyl{

	width: 100%;

	padding: 0 5%;

	overflow: auto;

}

.wrapper-index-cyl .title{

	width: 100%;

	/*overflow: auto;*/

	position: relative;

	margin-top: 10vw;

	float: left;

}

.wrapper-index-cyl .title img{

	max-width: 330px;

	float: left;

}

.wrapper-index-cyl .title p{

	float: left;

	color: #000;

	font-size: 3vw;

	position: absolute;

	top: 50%;

	left: 330px;

	font-weight: bold;

}

.wrapper-index-cyl .title p span{

	font-size: 3vw;

	color: #ef0000;

}



.wrapper-index-cyl .title2{

	width: 100%;

	float: left;

	margin-top: 1vw;

}

.wrapper-index-cyl .title2 span{

	font-size: 3.5vw;

	line-height: 50px;

	font-weight: bold;

	height: 50px;

	/*background-color: #fef02b;*/

	border-bottom: 17px solid var(--color-theme);

	display: inline-block;

}







/*20210303 修改*/

.wrapper-index-cyl .title3{

    text-align: center;

    margin-top: 10vw;

}

.wrapper-index-cyl .title3 h1{

    color: #000;

	font-size: 4vw;

	font-weight: bold;

}

.wrapper-index-cyl .title3 h1 span{

	font-size: 4vw;

	color: #ef0000;

}

.wrapper-index-cyl .title3 .line{

    width:20%;

    height:6px;

    max-width: 160px;

    background-color: var(--color-theme);

    margin: 20px auto;

}



.wrapper-index-cyl .title3 p{

}

.wrapper-index-cyl .title3 p span{

    color: #333;

}

.wrapper-index-cyl .title3 p span.txt1{

   font-size: 1vw;

}

.wrapper-index-cyl .title3 p span.txt2{

    font-size: 2vw;

    padding: 0 5vw;

    color: #333;

}















.wrapper-index-cyl ul{

	width: 100%;

	margin: 10vw auto 12vw;

	overflow: hidden;

	float: left;

}

.wrapper-index-cyl ul li{

	float: left;

	width: 16.6666%;

	padding: 0 1%;

}

.wrapper-index-cyl ul li .txtbg{

	float: left;

	width: 100%;

}

.wrapper-index-cyl ul li .txtbg .icon{

	width: 70%;

	background-color: #fff;

	margin: 0 auto;

	display: block;

	position: relative;

}

.wrapper-index-cyl ul li .txt{

	display: inline-block;

	vertical-align: middle;

	position: absolute;

	left: 50%;

	top: 50%;

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

}

.wrapper-index-cyl ul li p.txt1{

	width: 100%;

	font-size: 2vw;

	font-weight: bold;

	text-align: center;

	line-height: 3vw;

}

.wrapper-index-cyl ul li p.txt2{

	width: 100%;

	font-size: 1.5vw;

	text-align: center;

	line-height: 1.5vw;

}



.wrapper-index-cyl .iconbg{

	width: 100%;

	float: left;

	position: relative;

	z-index: 999999;

}





.wrapper-index-cyl .iconbg .icon{

	width: 70%;

	background-color: var(--color-theme);

	margin: 0 auto;

	display: block;

	position: relative;

	z-index: 99999;

}



.wrapper-index-cyl .iconbg .icon .iconfont{

	font-size: 5vw;

	display: inline-block;

	vertical-align: middle;

}

.wrapper-index-cyl .iconbg .icon .iconfont:hover{

	animation:turn 1s linear infinite; 

}











.wrapper-index-cyl ul li .triangle-up {

    position: absolute;

    top: -25px;

    left: 50%;

    transform: translate(-50%);

    width: 0;

    height: 0;

    border-left: 30px solid transparent;

    border-right: 30px solid transparent;

    border-bottom: 50px solid var(--color-theme);

}

.wrapper-index-cyl ul li .triangle-down {

    position: absolute;

    bottom: -25px;

    left: 50%;

    transform: translate(-50%);

    width: 0;

    height: 0;

    border-left: 30px solid transparent;

    border-right: 30px solid transparent;

    border-top: 50px solid var(--color-theme);

}





/*移动端首页产业链*/

@media screen and (max-width: 840px) and (min-width: 0px){

	.wrapper-index-cyl .title img{

		width: 30%;

	}

	.wrapper-index-cyl .title p {

	    left: 30%;

	    font-size: 5vw;

	}

	.wrapper-index-cyl .title p span{

		font-size: 5vw;

	}

	.wrapper-index-cyl .title2 span {

	    font-size: 7vw;

	    border-bottom: 3vw solid var(--color-theme);

	}

	.wrapper-index-cyl .title2 span {

	    height: 10vw;

	    line-height: 10vw;

	}







	.wrapper-index-cyl .title3 h1{

        font-size: 8vw;

	}

	.wrapper-index-cyl .title3 h1 span{

        font-size: 8vw;

	}



    .wrapper-index-cyl .title3 p span.txt1{

       font-size: 2vw;

    }

    .wrapper-index-cyl .title3 p span.txt2{

        font-size: 3vw;

    }

    .wrapper-index-cyl .title3 .line {

        width: 20%;

        height: 1vw;

        max-width: 160px;

        background-color: var(--color-theme);

        margin: 3vw auto;

    }















	.wrapper-index-cyl ul li{

		width: 33.3333%;

		padding-bottom: 10vw;

	}

	.wrapper-index-cyl ul li p.txt1 {

	    font-size: 5vw;

	    line-height: 6vw;

	}

	.wrapper-index-cyl ul li p.txt2 {

	    font-size: 3vw;

	    line-height: 3vw;

	}

	.wrapper-index-cyl .iconbg .icon .iconfont {

	    font-size: 10vw;

	}

	.wrapper-index-cyl ul li .triangle-up {

	    top: -4vw;

	}

	.wrapper-index-cyl ul li .triangle-down {

    	bottom: -4vw;

	}







}







/*首页合作伙伴*/

.wrapper-index-partner{

	width: 100%;

	background: url(../img/partner.jpg) center top no-repeat #030102;

	padding-bottom: 10vw;

}



.wrapper-index-partner .title{

	color: #fff;

	width: 100%;

	text-align: center;

	padding: 4vw 0 3vw;

}

.wrapper-index-partner .title h2{

	color: #fff;

	font-size: 4vw;

}

.wrapper-index-partner .title p{

	color: #fff;

	font-size: 2vw;

	text-transform:Uppercase;

}



.wrapper-index-partner .listbg{

	-moz-box-shadow: 0 4vw 0 2vw var(--color-theme);

	-webkit-box-shadow: 0 4vw 0 2vw var(--color-theme);

	box-shadow: 0 4vw 0 2vw var(--color-theme);

	position: relative;

}





.wrapper-index-partner .listpos{

	position: absolute;

	top: 0;

	padding-bottom: 4vw;

}



.wrapper-index-partner ul.list{

	-moz-box-shadow: 0 0 5px #b3b3b3;

	-webkit-box-shadow: 0 0 5px #b3b3b3;

	box-shadow: 0 0 5px #b3b3b3;

	background-color: #fff;

	width: 100%;

}



.wrapper-index-partner ul.list li{

	width: 100%;

	padding: 3vw 0 1vw;



	background-image: linear-gradient(to right, #d8d8d8 0%, #d8d8d8 50%, transparent 50%);

    background-size: 15px 1px;

    background-repeat: repeat-x;

}

.wrapper-index-partner ul.list li:last-child{

	border-bottom: none;

}

.wrapper-index-partner ul.list li p{

	text-align: center;

	font-size: 2vw;

	width: 100%;

	line-height: 4vw;

	font-weight: bold;

}

.wrapper-index-partner ul.list li .iconfont{

	text-align: center;

	font-weight: bold;

	font-size: 2vw;

	line-height: 4vw;

	color: var(--color-theme);

	/*-moz-box-shadow: 0 4vw 0 2vw var(--color-theme);

	-webkit-box-shadow: 0 4vw 0 2vw var(--color-theme);

	box-shadow: 0 4vw 0 2vw var(--color-theme);*/

}

.wrapper-index-partner ul.list li .icon1{

	position: relative;

	color: #8c8c8c;

}

.wrapper-index-partner ul.list li .icon2{

	position: absolute;

	top: -1vw;

	left: 4px;

	color: var(--color-theme);

	

}

.wrapper-index-partner ul.list li img{

	width: 100%;

}



/*移动端首页合作伙伴*/

@media screen and (max-width: 840px) and (min-width: 0px){

	.wrapper-index-partner .title {

	    padding: 10vw 0 8vw;

	}

	.wrapper-index-partner .title h2{

		font-size: 8vw;

	}

	.wrapper-index-partner .title p{

		font-size: 6vw;

	}

	.wrapper-index-partner ul.list li p {

	    font-size: 6vw;

	    line-height: 8vw;

	    padding: 5vw 0;

	}

	.wrapper-index-partner ul.list li .iconfont {

	    font-size: 6vw;

	    line-height: 8vw;

	}





}



/*首页新闻资讯*/

.wrapper-index-news{

	width: 100%;

}

.wrapper-index-news .title{

	width: 100%;

	text-align: center;

	padding: 3vw 0 2vw;

}

.wrapper-index-news .title h2{

	font-size: 4vw;

}

.wrapper-index-news .title p{

	font-size: 2vw;

	text-transform:Uppercase;

}



.wrapper-index-news .arclist-news{

	width: 100%;

	padding: 0 0 6vw;

	overflow: hidden;

}

.wrapper-index-news .arclist-news .arclist-h{

	width: 40%;

	float: left;

	height: 30vw;

	overflow: hidden;

	padding-right: 3vw;

}

.wrapper-index-news .arclist-news .arclist-h a{

	position: relative;

	width: 100%;

	display: block;

	height: 100%;

}

.wrapper-index-news .arclist-news .arclist-h img{

	width: 100%;

}

.wrapper-index-news .arclist-news .arclist-h .arclist-title{

	position: absolute;

	bottom: 0;

	left: 0;

	background-color: rgba(0, 0, 0, 0.8);

	padding: 2vw;

	width: 100%;

}

.wrapper-index-news .arclist-news .arclist-h .arclist-title span{

	font-size: 2vw;

	color: #fff;

	padding-bottom: 2%;

	width: 100%;

	display: block;

}

.wrapper-index-news .arclist-news .arclist-h .arclist-title p{

	font-size: 1vw;

	color: #fff;

}







.wrapper-index-news .arclist-news ul.list{

	width: 60%;

	float: left;

	height: 30vw;

}

.wrapper-index-news .arclist-news ul.list li{

	width: 100%;

	float: left;

	height: 33.3333%;

	padding-bottom:5px;

}

.wrapper-index-news .arclist-news ul.list li:last-child{

	padding-bottom:0;

}

.wrapper-index-news .arclist-news ul.list li a{

	width: 100%;

	height: 100%;

	display: block;

	border: 1px #d8d8d8 dashed;

	

}



.wrapper-index-news .arclist-news ul.list li .txtbg{

	width: 100%;

	float: left;

	text-align: center;

	margin: 0 auto;

	display: block;

	position: relative;

	padding: 0;

	height: 100%;

}



.wrapper-index-news .arclist-news ul.list li .txtbg:before {

  content: "";

  display: inline-block;

  vertical-align: middle;

  padding-top: 12%;

  height: 0;

}

.wrapper-index-news .arclist-news ul.list li .txtbg .txtcon{

	display: inline-block;

	vertical-align: middle;

	width: 100%;

	position: absolute;

	left: 50%;

	top: 50%;

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

	padding: 0 3%;

}

.wrapper-index-news .arclist-news ul.list li .txtbg .txtcon .time-bg{

	float: left;

	width: 10%;

	background-color: #efefef;

	color: #999;

	padding: 1%;

}

.wrapper-index-news .arclist-news ul.list li .txtbg .txtcon .time-bg span{

	font-size: 3vw;

	color: #999;

	font-weight: bold;

}

.wrapper-index-news .arclist-news ul.list li .txtbg .txtcon .time-bg p{

	font-size: 1vw;

	color: #999;

}

.wrapper-index-news .arclist-news ul.list li .txtbg .txtcon .title-bg{

	float: left;

	width: 90%;

	padding-left: 3%;

}

.wrapper-index-news .arclist-news ul.list li .txtbg .txtcon .title-bg span{

	font-size: 2vw;

	color: #303030;

	text-align: left;

	width: 100%;

	display: block;

	padding: 1% 0;

}

.wrapper-index-news .arclist-news ul.list li .txtbg .txtcon .title-bg p{

	font-size: 1vw;

	color: #191919;

	text-align: left;

}



.wrapper-index-news .arclist-news ul.list li a:hover{

	border: 1px var(--color-theme) solid;

	background-color: var(--color-theme);

}



.wrapper-index-news .arclist-news ul.list li a:hover .txtbg .txtcon .time-bg{

	background-color: #000;

	color: #fff;

}

.wrapper-index-news .arclist-news ul.list li a:hover .txtbg .txtcon .time-bg span{

	color: #fff;

}

.wrapper-index-news .arclist-news ul.list li a:hover .txtbg .txtcon .time-bg p{

	color: #fff;

}

.wrapper-index-news .arclist-news ul.list li a:hover .txtbg .txtcon .title-bg span{

	color: #000;

}

.wrapper-index-news .arclist-news ul.list li a:hover .txtbg .txtcon .title-bg p{

	color: #000;

}











/*移动端首页新闻资讯*/

@media screen and (max-width: 840px) and (min-width: 0px){

	.wrapper-index-news .title{

		padding: 10vw 0 8vw;

	}

	.wrapper-index-news .title h2{

		font-size: 8vw;

	}

	.wrapper-index-news .title p{

		font-size: 4vw;

	}





	.wrapper-index-news .arclist-news .arclist-h {

	    width: 100%;

	    height: 80vw;

	    padding-right: none;

	}

	.wrapper-index-news .arclist-news .arclist-h .arclist-title span {

	    font-size: 6vw;

	}

	.wrapper-index-news .arclist-news .arclist-h .arclist-title p {

	    font-size: 4vw;

	}





	.wrapper-index-news .arclist-news ul.list {

	    width: 100%;

	    height: auto;

	    margin: 5vw 0;

	}

	.wrapper-index-news .arclist-news ul.list li {

	    height: 30vw;

	}

	.wrapper-index-news .arclist-news ul.list li .txtbg .txtcon .time-bg {

	    width: 20%;

	    padding: 6% 1%;

	}

	.wrapper-index-news .arclist-news ul.list li .txtbg .txtcon .time-bg span {

	    font-size: 6vw;

	}

	.wrapper-index-news .arclist-news ul.list li .txtbg .txtcon .time-bg p {

	    font-size: 3vw;

	}





	.wrapper-index-news .arclist-news ul.list li .txtbg .txtcon .title-bg {

	    width: 80%;

	}

	.wrapper-index-news .arclist-news ul.list li .txtbg .txtcon .title-bg span {

	    font-size: 5vw;

		line-height: 9vw;

		height: 9vw;

		overflow: hidden;

	}

	.wrapper-index-news .arclist-news ul.list li .txtbg .txtcon .title-bg p {

		font-size: 4vw;

		line-height: 5.5vw;

		height: 11vw;

		overflow: hidden;

	}



}



























/*网站底部*/

.wrapper-footer-nav{

	height: 66px;

	background-color: var(--color-theme);

}



.wrapper-footer-nav .logo{

	width: 40%;

	float: left;

	height: 50px;

	margin: 8px 0; 

}

.wrapper-footer-nav .logo img{

	height: 100%;

	float: left;

}

.wrapper-footer-nav .t-logo{

	color: #000;

	float: left;

	font-size: 20px;

	margin-top: 16px;

	font-weight: bold;

}

.wrapper-footer-nav ul{

	width: 60%;

	float: right;

	height: 50px;

	margin: 8px 0; 

}

.wrapper-footer-nav ul li{

	line-height: 50px;

	float: left;

	width: 16.6666%;

	text-align: center;

	font-size: 20px;

}

.wrapper-footer-nav ul li a{

	font-size: 20px;

	display: block;

}

.wrapper-footer-nav ul li a:hover{

	background-color: #000;

	color: var(--color-theme);

}





.wrapper-footer{

	background-color: #222;

	border-bottom: 1px #181818 solid;

	width: 100%;

	overflow: auto;

	padding: 50px 0 10px;

}



.wrapper-footer .footer-left{

	width: 40%;

	float: left;

}





.wrapper-footer .footer-left .footer-ewm{

	width: 140px;

	float: left;

	margin-right: 25px;

}

.wrapper-footer .footer-left .footer-ewm img{

    background-color: #fff;

	/*padding: 5px;*/

	width: 100%;

}

.wrapper-footer .footer-left .footer-ewm p{

	width: 100%;

	color: #fff;

	font-size: 18px;

	text-align: center;

	line-height: 40px;

}



.wrapper-footer .footer-left .footer-info{

    float: left;

    max-width: 280px;

}

.wrapper-footer .footer-left .footer-info img{

    width:100%;

    max-width: 250px;

}

.wrapper-footer .footer-left .footer-info p{

    color: #fff;

	font-size: 16px;

	margin-top: 1vw;

}

.wrapper-footer .footer-left .footer-info p span{

    color: #fff;

	font-size: 16px;

}

.wrapper-footer .footer-left .footer-info p .iconfont{

    color: #fff;

	font-size: 16px;

}











.wrapper-footer .footer-right{

	width: 60%;

	float: right;

    padding-right: 300px;

}

.wrapper-footer .footer-right ul{

    width:100%;

    float: right;

}

.wrapper-footer .footer-right ul li{

    width:46px;

    float: right;

    margin-left: 20px;

}

.wrapper-footer .footer-right ul li:first-child{

    width:156px;

}



.wrapper-footer .footer-right ul li .icon {

    width: 46px;

    background-color: var(--color-theme);

    margin: 0 auto;

    display: block;

    position: relative;

    z-index: 99999;

}

.wrapper-footer .footer-right ul li .icon1 {

    width: 156px;

    height：46px;

    line-height: 46px;

    border-radius: 46px;

    -moz-border-radius: 46px;

    background-color: var(--color-theme);

    padding: 0 20px;

    position: relative;

}

.wrapper-footer .footer-right ul li .icon1 span{

    font-size:18px;

    line-height: 46px;

    padding-left: 36px;

}

.wrapper-footer .footer-right ul li .iconfont{

    font-size: 30px;

    position: absolute;

    top: 50%;

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

}

.wrapper-footer .footer-right ul li .icon1 .iconfont{

    position: absolute;

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

}







.wrapper-footer .footer-right p{

    width: 100%;

    float: right;

	font-size: 16px;

	color: #fff;

	text-align:right;

	

}

.wrapper-footer .footer-right p:nth-child(2){

	font-size: 40px;

	font-weight: bold;

}

.wrapper-footer .footer-right p:nth-child(3){

	font-size: 30px;

	font-weight: bold;

}

.wrapper-footer .footer-right p span{

	font-size: 16px;

	color: #fff;

}

.wrapper-footer .footer-right p .iconfont{

	font-size: 30px;

	color: #fff;

}





























.wrapper-footer-bottom{

	background-color: #222;

	width: 100%;

	/*height: 45px;*/

	float: left;

}

.wrapper-footer-bottom p{

	color: #d3d3d3;

	font-size: 14px;

	line-height: 45px;

	float: left;

	width: 100%;

}

.wrapper-footer-bottom p span{

	color: #d3d3d3;

	font-size: 14px;

}

.wrapper-footer-bottom p span.fr{



	padding-right: 140px;

}







.wrapper-footer-bottom p a{

	color: #d3d3d3;

	font-size: 14px;

}



.wrapper-footer-bottom .container{

    background-color: #222;

	/*position: relative;*/

}

.wrapper-footer-bottom .container .footer-pos{

	position: relative;

	float: left;

	width: 100%;

}

.wrapper-footer-bottom .pigimg{

	position: absolute;

	right: 0;

	bottom: 0;

}













/*移动端网站底部*/

@media screen and (max-width: 1250px) and (min-width: 0px){

   	.wrapper-footer-bottom .pigimg {

	    width: 130px;

   	}

   	.wrapper-footer .footer-left{

    	width: 50%;

    }

    .wrapper-footer .footer-right{

    	width: 50%;

        padding-right: 130px;

    }

    .wrapper-footer-bottom .pigimg {

        bottom: 25px;

    }

    

    

    

}    

















@media screen and (max-width: 1000px) and (min-width: 0px){



	.wrapper-footer .footer-left {

	    width: 100%;

	}

	.wrapper-footer .footer-right {

	    width: 100%;

	    margin-top: 5vw;

	}

   	.wrapper-footer-bottom .pigimg {

	    width: 270px;

	    bottom: 50%;

   	}

	.wrapper-footer .footer-right {

	    padding-right: 0;

	}



    .wrapper-footer .footer-right ul li {

        float: left;

        margin-left: 0;

        margin-right: 20px;

    }

    .wrapper-footer .footer-right p {

        text-align: left;

    }

	.wrapper-footer {

		border-bottom: 1px solid #222;

	}



} 

@media screen and (max-width: 840px) and (min-width: 0px){







	



    .wrapper-footer-bottom p span.fr{

    	padding-right: 0;

    }



	.wrapper-footer-bottom .container {

	    position: relative;

	    float: left;

	    background-color: #222;

	}

	.wrapper-footer {

		border-bottom: 1px solid #222;

	  	padding: 50px 0 0;



	}

	.wrapper-footer-bottom .pigimg {

	    width: 25%;

	    bottom: 90%;

	}

	

    .wrapper-footer .footer-right p:nth-child(3) {

        font-size: 28px;

    }

	

	

	.wrapper-footer-bottom p {

	    line-height: 20px;

	    margin-top: 4vw;

	}

	.wrapper-footer-bottom p span {

	    margin-bottom: 4vw;

	}





}











































/*品牌介绍*/

.wrapper-brand-list{

	width: 100%;

	background-color: #f8f8f8;



	overflow: hidden;

	position: relative;

}



.wrapper-brand-list .txt{

	width: 40%;

	float: left;

	position: relative;

}

.wrapper-brand-list .txt img.icon4{

	position: absolute;

	right: 0;

	top: 10%;

	animation: moveX 4s cubic-bezier(0.36,0,0.64,1) -2s infinite alternate, moveY 4s cubic-bezier(0.36,0,0.64,1) 0s infinite alternate;

}



@keyframes moveX{

    0% {right: 0;}

    100% {right: 30%;}

}

@keyframes moveY{

    0% {top: 10%;}

    100% {top: 40%;}

}







.wrapper-brand-list .txt img.icon6{

	position: absolute;

	left: -50%

	top: -10%;

	animation: icon6moveX 4s cubic-bezier(0.36,0,0.64,1) -2s infinite alternate, icon6moveY 4s cubic-bezier(0.36,0,0.64,1) 0s infinite alternate;

}



@keyframes icon6moveX{

    0% {left:-50%}

    100% {left: 0;}

}

@keyframes icon6moveY{

    0% {top: -10%;}

    100% {top: 0;}

}





.wrapper-brand-list .txt .imgbg{

	width: 60%;

	float: left;

	text-align: center;

	margin: 200px auto;

	display: block;

	position: relative;

	padding: 0;



	animation:mymove 5s infinite;

	-webkit-animation:mymove 5s infinite; /*Safari and Chrome*/



}



@keyframes mymove

{

	0% {left:0px;}

	50% {left:100px;}

	100% {left:0px;}

}

@-webkit-keyframes mymove

{

	0% {left:0px;}

	50% {left:100px;}

	100% {left:0px;}

}













.wrapper-brand-list .txt .imgbg:before {

  content: "";

  display: inline-block;

  vertical-align: middle;

  padding-top: 100%;

  height: 0;

}

.wrapper-brand-list .txt .imgbg .imgcon{

	display: inline-block;

	vertical-align: middle;



}

.wrapper-brand-list .txt .imgbg .imgcon img.icon1{

	width: 100%;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 99999;

}

.wrapper-brand-list .txt .imgbg .imgcon img.logo{

	position: absolute;

	width: 80%;

	left: 50%;

	top: 50%;

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

	z-index: 999999;

}

.wrapper-brand-list .txt .imgbg .imgcon img.icon2{

	position: absolute;

	width: 50%;

	left: -20%;

	top: 50%;

}

.wrapper-brand-list .txt .imgbg .imgcon img.icon3{

	position: absolute;

	width: 70%;

	left: 50%;

	top: 50%;

}







.wrapper-brand-list .list{

	width: 60%;

	float: left;

	margin : 150px 0 100px;

	position: relative;

}







.wrapper-brand-list .list img.icon5{

	position: absolute;

	right: -30%;

	top: 30%;

	animation:icon5 3s infinite;

	-webkit-animation:icon5 3s infinite; /*Safari and Chrome*/

}

@keyframes icon5

{

	0% {top: 30%;}

	50% {top: 50%;}

	100% {top: 30%;}

}

@-webkit-keyframes icon5

{

	0% {top: 30%;}

	50% {top: 50%;}

	100% {top: 30%;}

}



.wrapper-brand-list .list .txtbg{

	width: 100%;

	float: left;

	text-align: center;

	margin: 0 auto;

	display: block;

	position: relative;

	padding: 0;

}



.wrapper-brand-list .list .txtbg:before {

  content: "";

  display: inline-block;

  vertical-align: middle;

  padding-top: 12%;

  height: 0;

}

.wrapper-brand-list .list .txtbg .txtcon{

	display: inline-block;

	vertical-align: middle;

}

.wrapper-brand-list .list .txtbg .txtcon img{

	position: absolute;

	width: 100%;

	left: 50%;

	top: 50%;

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

	z-index: 999;

}



.wrapper-brand-list .list .txtbg .txtcon p{

	position: absolute;

	width: 100%;

	color: var(--color-theme);

	left: 50%;

	top: 50%;

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

	font-size: 3vw;

	z-index: 9999;

}







.wrapper-brand{

	width: 100%;

	overflow: hidden;

	margin: 0 auto 100px;

}

.wrapper-brand .title{

	height: 125px;

	background: url(../img/brand/txt2.png) center center no-repeat;

	margin: 10vw auto ;

	position: relative;

}

/*.wrapper-brand .title .iconfont{

	display: block;

	text-align: right;

	font-size: 200px;

	line-height: 125px;

}*/





/*.wrapper-brand .title .title-l{

	width: 50%;

	float: left;

	height: 100%;

	padding: 10px 0;

	position: relative;

}*/



.wrapper-brand .title img{

	float: right;

	max-width: 400px;

	width: 50%;

	position: absolute;

	top: 50%;

	left: 50%;

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

}

/*.wrapper-brand .title .t-logo{

	color: #000;

	float: left;

	font-size: 34px;

	margin-top: 38px;

	font-weight: bold;

}

*/









.wrapper-brand ul{

	width: 100%;

}

.wrapper-brand ul li{

	width: 50%;

	float: left;

}

.wrapper-brand  ul li .txtbg{

	width: 50%;

	float: left;

	background-color: #f3f4f7;

	text-align: center;

	margin: 0 auto;

	display: block;

	position: relative;

	padding: 0;

	z-index: 99999;

}

.wrapper-brand  ul li:nth-child(3) .txtbg,.wrapper-brand  ul li:nth-child(4) .txtbg{

	float: right;

}



.wrapper-brand  ul li .txtbg:before {

  content: "";

  display: inline-block;

  vertical-align: middle;

  padding-top: 100%;

  height: 0;

}

.wrapper-brand  ul li .txtbg .txtcon{

	display: inline-block;

	vertical-align: middle;

	width: 95%;

}

.wrapper-brand  ul li .txtbg a .txtcon .icon1{

	width: 30%;

	background-color:var(--color-theme);

	margin: 0 auto;

	display: block;

	position: relative;

	padding: 0;





transition-duration:1s;

-moz-transition-duration:1s;

-webkit-transition-duration:1s;

-o-transition-duration:1s;







}



.wrapper-brand ul li .txtbg a:hover .txtcon .icon1 {

    width: 50%;

    background-color:#e00000;

}









.wrapper-brand  ul li .txtbg .txtcon .txt1{

	font-size: 36px;

	display: inline-block;

	vertical-align: middle;

	position: absolute;

	left: 50%;

	top: 50%;

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

	font-weight: bold;



}

.wrapper-brand  ul li .txtbg .txtcon .txt2{

	font-size: 2vw;

	margin-top: 30px;

}



.wrapper-brand  ul li .txtbg .iconfont{

	position: absolute;

	top: 50%;

	font-size: 2vw;

	right: 0;

	left: -100%;

	transform: translate(0,-50%);

}



.wrapper-brand  ul li:nth-child(3) .txtbg .iconfont,.wrapper-brand  ul li:nth-child(4) .txtbg .iconfont{

	right: -15px;

	left:auto;



	transform:rotate(180deg);

	-ms-transform:rotate(180deg); 	/* IE 9 */

	-moz-transform:rotate(180deg); 	/* Firefox */

	-webkit-transform:rotate(180deg); /* Safari 和 Chrome */

	-o-transform:rotate(180deg); 	/* Opera */







}





.wrapper-brand  ul li .imgbg{

	width: 50%;

	float: left;

	background-color: #fff;

	text-align: center;

	margin: 0 auto;

	display: block;

	position: relative;

	padding: 0;

}

.wrapper-brand  ul li:nth-child(3) .imgbg,.wrapper-brand  ul li:nth-child(4) .imgbg{

	float: right;

}

.wrapper-brand  ul li .imgbg:before {

  content: "";

  display: inline-block;

  vertical-align: middle;

  padding-top: 100%;

  height: 0;

}

.wrapper-brand  ul li .imgbg .imgcon{

	display: inline-block;

	vertical-align: middle;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

}

.wrapper-brand  ul li .imgbg .imgcon img{

	width: 100%;

}







/*移动端品牌介绍*/

@media screen and (max-width: 840px) and (min-width: 0px){

	.wrapper-brand-list .txt {

	    width: 100%;

	}

	.wrapper-brand-list .txt .imgbg {

		width: 50%;

	    margin: 5vw auto;

		left: 50%;

		transform: translate(-50%);

	}

	@keyframes mymove

	{

		0% {left:40%;}

		50% {left:60%;}

		100% {left:40%;}

	}

	@-webkit-keyframes mymove

	{

		0% {left:40%;}

		50% {left:60%;}

		100% {left:40%;}

	}

	.wrapper-brand-list .txt img.icon6 {

	    width: 15%;

	}

	.wrapper-brand-list .txt img.icon4 {

	    width: 2%;

	}



	.wrapper-brand-list .list {

	    width: 100%;

	    margin: 5vw 0 10vw;

	}

	.wrapper-brand-list .list .txtbg .txtcon p {

	    font-size: 4vw;

	}

	.wrapper-brand .title {

	    background-size: 90vw auto;

	}

	.wrapper-brand ul li {

	    width: 100%;

	}

	.wrapper-brand ul li:nth-child(2) .imgbg, .wrapper-brand ul li:nth-child(3) .imgbg {

	    float: right;

	}

	.wrapper-brand ul li:nth-child(2) .txtbg, .wrapper-brand ul li:nth-child(3) .txtbg {

	    float: right;

	}

	.wrapper-brand ul li:nth-child(3) .imgbg{

	    float: left;

	}

	.wrapper-brand ul li:nth-child(3) .txtbg{

	    float: left;

	}





	.wrapper-brand ul li:nth-child(2) .txtbg .iconfont{

	    right: -2vw;

	    left: auto;

	    transform: rotate(180deg);

	    -ms-transform: rotate(180deg);

	    -moz-transform: rotate(180deg);

	    -webkit-transform: rotate(180deg);

	    -o-transform: rotate(180deg);

	}

	.wrapper-brand ul li:nth-child(3) .txtbg .iconfont{

	    right: 0;

		left: -100%;

		transform: translate(0,-50%);

	}

	.wrapper-brand ul li:nth-child(4) .txtbg .iconfont{

	    right: -2vw;

	    left: auto;

	}



	.wrapper-brand ul li .txtbg .txtcon .txt1 {

	    font-size: 6vw;

	}

	.wrapper-brand ul li .txtbg .txtcon .txt2 {

	    font-size: 4vw;

	    margin-top: 30px;

	}

	.wrapper-brand ul li .txtbg .iconfont {

	    font-size: 4vw;

	}







}









































/*公司介绍*/

.wrapper-about-bg-line{

	width: 100%;

	background: linear-gradient(to bottom, white 0%,white 80%, var(--color-theme) 81%,var(--color-theme) 100%);

	/*background:url("../img/about/about-bg-line.jpg") left bottom repeat-x;*/

}

.wrapper-about-bg{

	width: 100%;

	background:url("../img/about/about-bg-r.png") right bottom no-repeat;

}





.wrapper-about{

	width: 100%;

	padding: 65px 0 50px;

	overflow: hidden;

	background:url("../img/about/about-bg-l.png") left bottom no-repeat;

}

.wrapper-about .title{

	width: 100%;

	text-align: center;

	float: left;

	min-height: 250px;

	background: url(../img/about/about.jpg) center center no-repeat;

	position: relative;

}

.wrapper-about .title h2{

	font-size: 50px;

	position: absolute;

	top: 50%;

	left: 50%;

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

	

}

.wrapper-about .title p{

	position: absolute;

	top: 70%;

	left: 50%;

	transform: translate(-50%);

	font-size: 18px;

	text-transform:Uppercase;

}



.wrapper-about .content{

	width: 100%;

	text-align: center;

	float: left;

	font-size: 2.5vw;

	margin: 20px auto 110px;



}







.wrapper-about .about-txtcon{

	width: 100%;

}



/*.wrapper-about .about-txtcon img{

	width: 100%;

	max-width: 1622px;

}*/







.wrapper-about .about-txtcon .txtbg{

	width: 100%;

	float: left;

	text-align: center;

	margin: 0 auto;

	display: block;

	position: relative;

	padding: 0;

}



.wrapper-about .about-txtcon .txtbg:before {

  content: "";

  display: inline-block;

  vertical-align: middle;

  padding-top: 12%;

  height: 0;

}

.wrapper-about .about-txtcon .txtbg .txtcon{

	display: inline-block;

	vertical-align: middle;

}

.wrapper-about .about-txtcon .txtbg .txtcon > img{

	position: absolute;

	width: 100%;

	left: 50%;

	top: 50%;

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

	z-index: 999;

}



.wrapper-about .about-txtcon .txtbg .txtcon ul{

	position: absolute;

	width: 100%;

	color: var(--color-theme);

	left: 50%;

	top: 50%;

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

	

	z-index: 9999;

	padding: 0 2%;

	height: 8vw;

}



.wrapper-about .about-txtcon .txtbg .txtcon ul li{

	color: var(--color-theme);

	float: left;

	width: 33.3333%;

	position: relative;

	display: block;

	height: 8vw;

}

.wrapper-about .about-txtcon .txtbg .txtcon ul li .iconfont{

	color: var(--color-theme);

	font-size: 20vw;

	position: absolute;

	left: 50%;

	top: 50%;

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

}





.wrapper-about .about-txtcon .txtbg .txtcon ul li h3{

	width: 50%;

	float: left;

	font-size: 6vw;	

	text-align: right;

	color: var(--color-theme);

	font-weight: bold;

	height: 8vw;

	line-height: 8vw;

}

.wrapper-about .about-txtcon .txtbg .txtcon ul li p{

	width: 50%;

	float: left;	

	text-align: left;

	color: var(--color-theme);

	position: absolute;

	font-size: 2vw;	

	left: 51%;

	top: 50%;

	transform: translate(0,-50%);

	line-height: 2.5vw;

}













.wrapper-honor2{

	overflow: hidden;

	width: 100%;

	background: url(../img/about/honor_bg.jpg) left bottom no-repeat #f4f4f4;

	padding: 50px 0;

}



.wrapper-honor2 .title{

	width: 25%;

	text-align: center;

	float: left;

	position: absolute;

}

.wrapper-honor2 .title h2{

	font-size: 4vw;

}

.wrapper-honor2 .title p{

	font-size: 1.5vw;

	text-transform:Uppercase;

}



.wrapper-honor2 .conimg{

	width: 100%;

	position: relative;

} 

.wrapper-honor2 .conimg img{

	width: 100%;/*

	max-width: 1600px;*/

	margin-bottom: 0 auto;

} 



.wrapper-honor{

	overflow: hidden;

	width: 100%;

	background: url(../img/about/honor_bg.jpg) left bottom no-repeat #f4f4f4;

	padding: 50px 0;

}



.wrapper-honor .title{

	width: 100%;

	text-align: center;

	float: left;

}

.wrapper-honor .title h2{

	font-size: 8vw;

}

.wrapper-honor .title p{

	font-size: 4vw;

	text-transform:Uppercase;

}



.wrapper-honor ul.list{

	width: 100%;

	float: left;

	margin-top: 5vw;

}



.wrapper-honor ul.list li{

	width: 33.333%;

	float: left;

	padding: 0 1% 2% 1%;

}



.wrapper-honor ul.list li:nth-child(3n+1){

	padding: 0 2% 2% 0;

}

.wrapper-honor ul.list li:nth-child(2){



	padding: 0 1% 2% 1%;

}

.wrapper-honor ul.list li:nth-child(3n){

	padding: 0 0 2% 2%;

}



.wrapper-honor ul.list li img{

	width: 100%;

}





.wrapper-honor{ display: none; }

.wrapper-honor2{ display: block; }

@media screen and (max-width: 840px) and (min-width: 0px){

	.wrapper-honor{ display: block; }

	.wrapper-honor2{ display: none; }

}



























.wrapper-partners{

	width: 100%;

	padding: 30px 0 40px;

	overflow: hidden;

}

.wrapper-partners .title{

	width: 100%;

	position: relative;

}

.wrapper-partners .title h2{

	font-size: 50px;

	line-height: 50px;

	font-weight: bold;

	height: 55px;

	border-bottom: 17px solid var(--color-theme);

	display: inline-block;

}

.wrapper-partners .title a{

	float: right;

	position: absolute;

	bottom: 0;

	right: 0;

	border-bottom: 3px #000 solid;

	font-size: 24px;

}

.wrapper-partners .title a span{

	font-size: 24px;

	line-height: 40px;

	float: left;

}

.wrapper-partners .title a .iconfont{

	font-size: 30px;

	padding-left: 20px;

	float: left;

	margin-top: 7px;

	margin-right: 0px;

	animation:partnersiconfont 3s infinite;

	-webkit-animation:partnersiconfont 3s infinite; /*Safari and Chrome*/

}

@keyframes partnersiconfont

{

	0% {margin-right: 0px;padding-left: 20px;}

	50% {margin-right: 10px;padding-left: 10px;}

	100% {margin-right: 0px;padding-left: 20px;}

}

@-webkit-keyframes partnersiconfont

{

	0% {margin-right: 0px;padding-left: 20px;}

	50% {margin-right: 10px;padding-left: 10px;}

	100% {margin-right: 0px;padding-left: 20px;}

}





.wrapper-partners .content{

	width: 100%;

	font-size: 24px;

	padding: 25px 0;

	line-height: 36px;

}



.wrapper-partners .content p{

	width: 100%;

	font-size: 24px;

	line-height: 36px;

}

.wrapper-partners .content img{

	width: 100%;

	max-width: 1618px;

}





/*移动端公司介绍*/

@media screen and (max-width: 840px) and (min-width: 0px){



	.wrapper-about-bg {

	    background-size: 50vw 50vw;

	}

	.wrapper-about {

	    background-size: 50vw 50vw;

	}

	.wrapper-about .title {

		min-height: 30vw;

	    background-size: 80vw auto;

	}

	.wrapper-about .title h2 {

	    font-size: 8vw;

	}

	.wrapper-about .title p {

	    font-size: 2vw;

	}



	.wrapper-about .content {

	    /*font-size: 4vw;*/

	    margin: 10vw auto;

	}

	.wrapper-about .about-txtcon .txtbg .txtcon ul li h3 {

	    font-size: 7vw;

	}





















































}



@media screen and (max-width: 460px) and (min-width: 0px){























	.wrapper-partners .title h2 {

	    font-size: 8vw;

	}

	.wrapper-partners .title a span {

   		font-size: 4vw;

	}

	.wrapper-partners .content p {

	    font-size: 4vw;

	    line-height: 6vw;

	}

}

































/*产品展示*/

.wrapper-product{

	width: 100%;

	overflow: hidden;

	background:url("../img/product/product_txt_bg.jpg") right bottom no-repeat;

	padding:10vw 0;

}

.wrapper-product .title{

	width: 100%;

	overflow: hidden;

	position: relative;

	/*margin-top: 100px;*/

	margin-bottom: 5vw;

}

.wrapper-product .title img{

	max-width: 330px;

	float: left;

}

.wrapper-product .title p{

	float: left;

	color: #000;

	font-size: 3vw;

	position: absolute;

	top: 50%;

	left: 330px;

	font-weight: bold;

	line-height: 50px;

	height: 50px;

	border-bottom: 17px solid var(--color-theme);

	display: inline-block;

}



.wrapper-product ul{

	width: 50%;

	float: left;

}

.wrapper-product ul li{

	width: 100%;

	float: left;

	margin-top: 3vw;

}

.wrapper-product ul li .titlecon{

	width: 100%;

	float: left;

}

.wrapper-product ul li .icon{

	float: left;

	width: 50%;

	max-width: 90px;

	background-color: var(--color-theme);

}

.wrapper-product ul li .icon .iconfont{

	font-size: 4vw;

	display: inline-block;

	vertical-align: middle;

}

.wrapper-product ul li .icon .iconfont:hover{

	animation:turn 1s linear infinite; 

}



.wrapper-product ul li .icon2{

	white-space: nowrap;

	float: left;

	width: 50%;

	max-width: 90px;

	margin-left: 10px;

}

.wrapper-product ul li .icon2:before {

	content: "";

	display: inline-block;

	vertical-align: middle;

	padding-top: 100%;

	height: 0;

}

.wrapper-product ul li .titlecon .txt{

 	display: inline-block;

	vertical-align: middle;

}

.wrapper-product ul li .titlecon .txt .txt1{

	font-size: 2vw;

	font-weight: bold;

	text-align: left;

}

.wrapper-product ul li .titlecon .txt .txt2{

	font-size: 2vw;

	font-weight: bold;

	color: #fde207;

	text-align: left;

 	-webkit-text-stroke-color: black; 

	-webkit-text-stroke-width: 1px;

}



.wrapper-product ul li .txtcon{

	width: 100%;

	float: left;

	font-size: 1.5vw;

}













.wrapper-product-list{

	width: 100%;

	overflow: hidden;

	background:url("../img/product/product_list_bg.jpg") center top no-repeat #f9f9f9;



}

.wrapper-product-list .title{

	width: 100%;

	text-align: left;

	float: left;

	padding: 6vw 0 1vw;

}

.wrapper-product-list .title h2{

	font-size: 50px;

	font-size: 6vw;

}

.wrapper-product-list .title h2 span{

	font-size: 50px;

	font-size: 6vw;

	color:#ed1111;

}







.wrapper-product-list .title p{

	font-size: 18px;

	font-size: 2vw;

	text-transform:Uppercase;

}







.wrapper-product-list  ul.prolist{

	width: 100%;

	float: left;

	padding-bottom: 10vw;

}

.wrapper-product-list  ul.prolist li{

	float: left;

	width: 33.3333%;

	padding: 3% 1% 0;



}

/*.wrapper-product-list  ul.prolist li:nth-child(1){

	padding: 3% 2% 0 0;

}*/

.wrapper-product-list  ul.prolist li:nth-child(3n+1){

	padding: 3% 2% 0 0;

}

/*.wrapper-product-list  ul.prolist li:nth-child(3){

	padding: 3% 0 0 2%;

}*/

.wrapper-product-list  ul.prolist li:nth-child(3n){

	padding: 3% 0 0 2%;

}



















.wrapper-product-list  ul.prolist li .prolistcon{



	width: 100%;

	border-radius: 5px 5px 0 0;

	-moz-border-radius: 5px 5px 0 0;



	-moz-box-shadow: 0 0 5px #b3b3b3;

	-webkit-box-shadow: 0 0 5px #b3b3b3;

	box-shadow: 0 0 5px #b3b3b3;

}



.wrapper-product-list  ul.prolist li a{



	width: 100%;

	display: block;

	overflow: auto;

	cursor: pointer;

}



.wrapper-product-list .prolistcon .imgcon{

	width: 100%;

	border-radius: 5px 5px 0 0;

	-moz-border-radius: 5px 5px 0 0;

	overflow: hidden;

	position: relative;

	height: 20vw;

}





.wrapper-product-list .prolistcon .imgcon img{



	position: absolute;

	width: 100%;

	left: 50%;

	top: 50%;

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

	z-index: 999;

}







/*.wrapper-product-list  ul.prolist li a img{

	border-radius: 5px 5px 0 0;

	-moz-border-radius: 5px 5px 0 0;

	width: 100%;

	float: left;

}*/

.wrapper-product-list  ul.prolist li a .txtcon{

	background-color: #000;

	border-radius:0 0 5px 5px;

	-moz-border-radius: 0 0 5px 5px;

	width: 100%;

	float: left;

	padding: 2%;

}

.wrapper-product-list  ul.prolist li a .txtcon span{

	float: left;

	color: #fff;

	line-height:3vw;

    font-size: 2vw;

}

.wrapper-product-list  ul.prolist li a .txtcon .iconfont{

	color: var(--color-theme);

	line-height: 3vw;

	font-size: 2vw;

}

.wrapper-product-list  ul.prolist li a .txtcon .icon1{

	float: left;

	padding-right: 2%;

}

.wrapper-product-list  ul.prolist li a .txtcon .icon2{

	float: right;

	font-size: 2.5vw;

}









/*移动端产品展示*/

@media screen and (max-width: 840px) and (min-width: 0px){



	.wrapper-product {

	    background:none;

	}

	.wrapper-product .title img {

	    width: 30%;

	}

	.wrapper-product .title p {



		font-size: 6vw;

		top: 1vw;

		left: 30%;

		line-height: 10vw;

		height: 10vw;

		border-bottom: 3vw solid var(--color-theme);

	}

	.wrapper-product ul {

	    width: 100%;

	}

	.wrapper-product ul li .icon .iconfont {

	    font-size: 10vw;

	}

	.wrapper-product ul li .titlecon .txt .txt1 {

	    font-size: 4vw;

	}

	.wrapper-product ul li .titlecon .txt .txt2 {

	    font-size: 6vw;

	}

	.wrapper-product ul li .txtcon {

	    font-size: 4vw;

	}







	.wrapper-product-list .title h2 {

	    font-size: 8vw;

	}

	.wrapper-product-list .title h2 span {

    	font-size: 8vw;

	}

	.wrapper-product-list .title p {

	    font-size: 3vw;

	}





}

@media screen and (max-width: 640px) and (min-width: 0px){

	.wrapper-product-list ul.prolist li {

	    width: 50%;

	}



	.wrapper-product-list  ul.prolist li:nth-child(2n+1){

		padding: 3% 2% 0 0;

	}



	.wrapper-product-list  ul.prolist li:nth-child(2n){

		padding: 3% 0 0 2%;

	}

	.wrapper-product-list .prolistcon .imgcon {

	    height: 40vw;

	}

	.wrapper-product-list ul.prolist li a .txtcon .iconfont {

	    line-height: 6vw;

	    font-size: 4vw;

	}

	.wrapper-product-list ul.prolist li a .txtcon span {

	    line-height: 6vw;

	    font-size: 4vw;

	}

	.wrapper-product-list ul.prolist li a .txtcon .icon2 {

	    font-size: 5vw;

	}









}

@media screen and (max-width: 460px) and (min-width: 0px){

	.wrapper-product-list ul.prolist li {

	    width: 100%;

	    padding: 3% 0;

	}

	.wrapper-product-list  ul.prolist li:nth-child(2n+1){

		padding: 3% 0;

	}

	.wrapper-product-list  ul.prolist li:nth-child(2n){

		padding: 3% 0;

	}

	.wrapper-product-list .prolistcon .imgcon {

	    height: 80vw;

	}

	.wrapper-product-list ul.prolist li a .txtcon .iconfont {

	    line-height: 8vw;

	    font-size: 5vw;

	}

	.wrapper-product-list ul.prolist li a .txtcon span {

	    line-height: 8vw;

	    font-size: 5vw;

	}

	.wrapper-product-list ul.prolist li a .txtcon .icon2 {

	    font-size: 6vw;

	}







}











/*产品详情页*/

.wrapper-pro-article{

	width: 100%;

	

}



.wrapper-pro-article .procon{

	width: 70%;

	float: left;

	padding: 2vw;

	height: 100%;

	position: relative;

}

.wrapper-pro-article .procon .titlecon{

	width: 100%;

	float: left;

}



.wrapper-pro-article .procon .icon{

	white-space: nowrap;

	float: left;

	width: 50%;

	max-width: 8vw;

	/*max-width: 90px;*/

	position: relative;

}

.wrapper-pro-article .procon .icon:before {

	content: "";

	display: inline-block;

	vertical-align: middle;

	padding-top: 100%;

	height: 0;

}

.wrapper-pro-article .procon .titlecon .txt{

 	display: inline-block;

	vertical-align: middle;

	position: absolute;

	top: 50%;

	left: 0;

	transform: translate(0,-50%);

}

.wrapper-pro-article .procon .titlecon .txt .txt1{

	font-size: 2vw;

	color: #d3d3d3;

	text-align: left;

}

.wrapper-pro-article .procon .titlecon .txt .txt2{

	font-size: 3vw;

	font-weight: bold;

	color: #000;

	text-align: left;

}



.wrapper-pro-article .procon .titlecon .icon2{

	float: right;

	width: 50%;

	max-width: 8vw;

	/*max-width: 90px;*/

	/*background-color: var(--color-theme);*/

  	position: relative;



}

.wrapper-pro-article .procon .titlecon .icon2:before {

	content: "";

	display: inline-block;

	vertical-align: middle;

	padding-top: 100%;

	height: 0;

}

.wrapper-pro-article .procon .titlecon .icon2 img{

	width: 100%;

	position: absolute;

	left: 50%;

	top: 50%;

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

}

.wrapper-pro-article .procon .procon_body{

	font-size: 2vw;

	width:100%;

	float: left;

	padding-top: 1vw;

}

.wrapper-pro-article .procon .procon_body p{

	font-size: 1vw;

	color: #333;

}



/*.wrapper-pro-article .procon .procon_samepro{

	font-size: 1vw;

	width:100%;

	float: left;

	padding-top: 5vw;

	color: #333;



}

.wrapper-pro-article .procon .procon_samepro p{

	font-size: 1vw;

	font-weight: bold;

	color: #000;

}*/

.wrapper-pro-article .firstimg{

	width: 30%;

	height: 100%;

	float: left;

	position: relative;

	overflow: hidden;

	height: 350px;

}

.wrapper-pro-article .firstimg a{

	position: absolute;

	right: 2px;

	top: 2px;

	font-size: 2vw;

	color: #fff;

	z-index: 999;

}

.wrapper-pro-article .firstimg .iconfont{

	font-size: 2vw;

}

.wrapper-pro-article .firstimg .icon1{

	position: relative;



}

.wrapper-pro-article .firstimg .icon2{

	position: absolute;

	color: #fff;

	top: 0;

	left: 0;



}







.wrapper-pro-article .firstimg img{

	height: 100%;

	position: absolute;

	left: 50%;

	transform: translate(-50%);

	z-index: 99;

}







@media screen and (max-width: 840px) and (min-width: 0px){

	.wrapper-pro-article .procon .icon {

	    max-width: 12vw;

	}

	.wrapper-pro-article .procon .titlecon .icon2 {

		max-width: 12vw;

	}

	.wrapper-pro-article .procon .titlecon .txt .txt1 {

	    font-size: 4vw;

	}

	.wrapper-pro-article .procon .titlecon .txt .txt2 {

	    font-size: 5vw;

	}

	.wrapper-pro-article .procon .procon_body {

	    font-size: 2vw;

	}

	.wrapper-pro-article .procon .procon_body p {

	    font-size: 2vw;

	}

	.wrapper-pro-article .procon .procon_body p strong{

	    font-size: 3vw;

	}

	.wrapper-pro-article .firstimg .iconfont {

	    font-size: 3vw;

	}



}

@media screen and (max-width: 600px) and (min-width: 0px){



	.wrapper-pro-article .procon .icon {

	    max-width: 15vw;

	}

	.wrapper-pro-article .procon .titlecon .icon2 {

		max-width: 15vw;

	}

	.wrapper-pro-article .procon .titlecon .txt .txt1 {

	    font-size: 4vw;

	}

	.wrapper-pro-article .procon .titlecon .txt .txt2 {

	    font-size: 6vw;

	}

	.wrapper-pro-article .procon .procon_body p {

	    font-size: 4vw;

	}

	.wrapper-pro-article .procon .procon_body p strong{

	    font-size: 4vw;

	}

	.wrapper-pro-article .firstimg .iconfont {

	    font-size: 4vw;

	}



}







/*弹窗效果*/

#tinybox{

	position:absolute; 

	display:none; 

	background:#fff url(../img/preload.gif) no-repeat 50% 50%; 

	z-index:9999999;

	border-radius: 10px;

	-moz-border-radius: 10px;



	-moz-box-shadow: 0 0 5px #000;

	-webkit-box-shadow: 0 0 5px #000;

	box-shadow: 0 0 5px #000;

	overflow: auto;

	/*min-height: 350px;*/

}

#tinymask{

	position:absolute; 

	display:none; 

	top:0; 

	left:0; 

	height:100%; 

	width:100%; 

	background:#000000; 

	z-index:1500;

}

#tinycontent{

	background:#fff; 

	font-size:1.1em;

}







/*新闻资讯*/

.wrapper-news{

	padding-top: 11vw;

}

/*-----内页_文章列表页1—-----*/

.news{

	width:100%;

	float:left; 

	background: url(../img/news/line1.jpg) 1.5vw 35px repeat-y;

}

.news .news_list{ 

	width:100%; 

	float:left;

}

.news .news_left {

	float: left;

	/*padding-top: 80px;*/

	padding-top: 5vw;

	width:15%;

	/*height: 25px;*/

}

.news .news_left .icon{

	width: 3vw;

	background-color: #000;

	position: relative;

	border: 3px var(--color-theme) solid;

}

.news .news_left span {

	color: #fff;

	text-align: center;

	font-size: 1.5vw;

	display: inline-block;

	vertical-align: middle;

	position: absolute;

	left: 50%;

	top: 50%;

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

	font-weight: bold;

/*	background: url(../img/news/icon5.png) no-repeat 0px 0px;

	width: 25px;

	color: #fff;

	height: 25px;

	line-height:25px;

	display: block;

	text-align: center;*/

}

.news .new-item{

	width:85%; 

	display:block; 

	/*height:180px; */

	float:right; 

	background:url(../img/news/d.jpg) repeat-x 0 bottom; 

	/*margin-top: 20px;*/

	padding: 2vw 0;

}

.news .new-img{

	width:17%; 

	display:block; 

	float:left; 

}

.news .new-img img{

	max-width:200px; 

	max-height:200px; 

	width:100%; 

	padding:5px; 

	border:5px solid #dedede;

}

.news .new-content{

	width:80%;

	float:right;

}

.news .new-content .new-title{ 

	display:block; 

	width:100%; 

	/*height:22px;*/

	overflow: hidden;

}

.news .new-content .new-title .ot-left{ 

	float:left; 

	/*background:url(../img/news/dt.jpg) 0 center no-repeat;*/

	

	/*padding-left:20px; */

	font-size:2vw; 

	font-weight:bold; 

	width:80%;

	display:block;

}

.news .new-content .new-title  .ot-left .iconfont{

	font-size:2vw;

}









.news .new-content .new-title .new-date-inline{ 

	float:right; background:url(../img/news/time.gif) 0 center no-repeat;

	text-align: right;

	font-size:10px; 

	font-family:Arial, Helvetica, sans-serif; 

	color:#959595; 

	width:18%; 

	width:80px;

}

.news .new-text_bg{

	font-size:1.2vw; 

	margin-top:20px;

	background-color:#F5F5F5;

	padding:1vw;

	color:#999; 

}

.news .new-text_bg a{

	color:#999; 

}



.new-in{ float:right; margin-right:10px;} 







@media screen and (max-width: 840px) and (min-width: 0px){



	.news .new-content .new-title .ot-left {

	    font-size: 3vw;

	}

	.news .new-content .new-title .ot-left .iconfont {

	    font-size: 3vw;

	}

	.news .new-text_bg {

	    font-size: 2vw;

	    margin-top: 2vw;

	}



}







@media screen and (max-width: 640px) and (min-width: 0px){

	.news {

	    background:none;

	}

	.news .news_left {

		display: none;

	}

	.news .new-item {

	    width: 100%;

	}



	.news .new-img img {

    	padding: 3px;

    	border: 1px solid #dedede;

	}



	.news .new-content .new-title .ot-left {

	    font-size: 4vw;

	    width:100%;

	}

	.news .new-content .new-title .ot-left .iconfont {

	    font-size: 4vw;

	}

	.news .new-text_bg {

	    font-size: 3vw;

	    margin-top: 1vw;

	    padding: 3vw;

	}



	.news .new-content .new-title .new-date-inline {

	    margin: 2vw auto;

	    padding: 0 2vw;

    	width: 85px;

	}









}





@media screen and (max-width: 440px) and (min-width: 0px){



	.news .new-content .new-title .ot-left {

	    font-size: 6vw;

	    

	}

	.news .new-text_bg {

	    font-size: 4vw;

	}

	.news .new-content .new-title .ot-left .iconfont {

    	font-size: 6vw;

	}

	.news .news_left span {

    	font-size: 4vw;

	}

}











.wrapper-news-article{

	width:100%;

	overflow: hidden;

	padding: 5vw 0;

}

/*-----文章内容页—-----*/

.article{

	width:100%; 

	color:#777; 

	float:left;  

	margin:0; 

}

.article h2{

	min-height:30px;

	display:block;

	font-size:3vw;

	font-weight:bold;

	text-align:center; 

}

.article .time {

	display:block; 

	margin:1.5vw 0 0 0;

	text-align:center; 

	padding-bottom:1vw; 

	border-bottom:1px solid #e1e1e1; 

	min-height:20px;

	color: #666;

}

.article .article_body{

	display:block;  

	float:left; 

	width:100%;  



	margin:1.5vw 0 1.5vw 0; 

	text-align:left; 

	color:#444; 

	table-layout:fixed; 

	word-break: break-all; 

	overflow:hidden;

}



.article .article_body img{ 

	max-width:100%;

}

.article .prenext{

	padding-top:1vw;

	float:left; 

	width:100%; 

	border-top:1px solid #e1e1e1;

}







/*移动端文章内容页—*/

@media screen and (max-width: 640px) and (min-width: 0px){

	.article h2{

		font-size:6vw;

	}

}













































/***************列表分页******************/	

.w_pages{

	overflow:hidden;

	zoom:1; 

	clear:both;

	/* margin-left:9px;*/

	position: relative;

	z-index: 9999999;

}

.w_pages ul{

	float:right; 

	padding:3vw 0;

}

.w_pages ul li{

	float: left;

	height: 3vw;

	line-height: 3vw;

	margin-left: 1vw;

	margin-top: 0;

	font-size: 1.5vw; 

}

.w_pages ul li a{ 

	float:left;  

	color:#555; 

	display:block; 

	font-size:1.5vw;

	padding: 0 1vw 0;

	border: 1px solid #E9E9E9;

}

.w_pages ul li a:hover{ 

	color:#fff;

	display: block;

	text-decoration:none;

	background-color:#000;

}

.w_pages ul li.thisclass{

	padding: 0 1vw 0;

	border: 1px solid #E9E9E9;

}

.w_pages ul li.thisclass,

.w_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{

	background-color:#000; 

	color:#fff;

	font-weight:bold;

}

.w_pages .pageinfo{

	font-size: 1.5vw;

	line-height: 3vw;

	/*padding:15px 10px 12px 16px;*/

	color:#999;

}

.w_pages .pageinfo strong{

	font-size: 1.5vw;

	color:#555;

	font-weight:normal;

	margin:0px 2px;

}





/*移动端列表分页*/

@media screen and (max-width: 840px) and (min-width: 0px){



.w_pages ul{

	padding:3vw 0;

}

.w_pages ul li{

	height: 6vw;

	line-height: 6vw;

	margin-left: 2vw;

	margin-top: 0;

	font-size: 4vw; 

}

.w_pages ul li a{ 

	font-size: 4vw;

	padding: 0 2vw 0;

}

.w_pages .pageinfo{

	font-size: 4vw;

	line-height: 6vw;

}

.w_pages .pageinfo strong{

	font-size: 4vw;

}



}





























/*联系我们*/



.wrapper-contact{

	width: 100%;

	overflow: hidden;

	background:url("../img/contact.jpg") right bottom no-repeat;

	padding:10vw 0;

}

.wrapper-contact .title{

	width: 100%;

	overflow: hidden;

	position: relative;

	/*margin-top: 100px;*/

	margin-bottom: 5vw;

}

.wrapper-contact .title img{

	max-width: 330px;

	float: left;

}

.wrapper-contact .title p{

	float: left;

	color: #000;

	font-size: 3vw;

	position: absolute;

	top: 50%;

	left: 330px;

	font-weight: bold;

	line-height: 50px;

	height: 50px;

	border-bottom: 17px solid var(--color-theme);

	display: inline-block;

}



.wrapper-contact ul{

	width: 50%;

	float: left;

}

.wrapper-contact ul li{

	width: 100%;

	float: left;

	margin-top: 3vw;

}

.wrapper-contact ul li .titlecon{

	width: 100%;

	float: left;

}

.wrapper-contact ul li .icon{

	float: left;

	width: 50%;

	max-width: 90px;

	background-color: var(--color-theme);

}

.wrapper-contact ul li .icon .iconfont{

	font-size: 4vw;

	display: inline-block;

	vertical-align: middle;

}

.wrapper-contact ul li .icon .iconfont:hover{

	animation:turn 1s linear infinite; 

}



.wrapper-contact ul li .icon2{

	white-space: nowrap;

	float: left;

	width: 50%;

	max-width: 90px;

	margin-left: 10px;

}

.wrapper-contact ul li .icon2:before {

	content: "";

	display: inline-block;

	vertical-align: middle;

	padding-top: 100%;

	height: 0;

}

.wrapper-contact ul li .titlecon .txt{

 	display: inline-block;

	vertical-align: middle;

}

.wrapper-contact ul li .titlecon .txt .txt1{

	font-size: 2vw;

	font-weight: bold;

	text-align: left;

}

.wrapper-contact ul li .titlecon .txt .txt2{

	font-size: 3vw;

	font-weight: bold;

	color: #fde207;

	text-align: left;

 	-webkit-text-stroke-color: black; 

	-webkit-text-stroke-width: 1px;

}





/*移动端联系我们*/

@media screen and (max-width: 840px) and (min-width: 0px){

	.wrapper-contact {

	    background-size:80vw auto;

	    padding: 10vw 0 50vw;

	}

	.wrapper-contact .title img {

	    width: 30%;

	}

	.wrapper-contact .title p {



		font-size: 6vw;

		top: 1vw;

		left: 30%;

		line-height: 10vw;

		height: 10vw;

		border-bottom: 3vw solid var(--color-theme);

	}

	.wrapper-contact ul {

	    width: 100%;

	}

	.wrapper-contact ul li .icon .iconfont {

	    font-size: 8vw;

	}

	.wrapper-contact ul li .titlecon .txt .txt1 {

	    font-size: 4vw;

	}

	.wrapper-contact ul li .titlecon .txt .txt2 {

	    font-size: 6vw;

	    white-space: pre-wrap;

		width: 350%;

	}

}

@media screen and (max-width: 450px) and (min-width: 0px){

	.wrapper-contact ul li .titlecon .txt .txt2 {

		width: 250%;

	}

}





























/*招商加盟*/



.wrapper-join-0{

	width: 100%;

	float: left;

	background: url(../img/join/0_bg.jpg) center bottom no-repeat;

}

.wrapper-join-0 .title{

	width: 100%;

	float: left;

}



.wrapper-join-0 .title ul.titlist{

	width: 100%;

	float: left;

}

.wrapper-join-0 .title ul.titlist li{

	float: left;

	width: 10%;

	position: relative;

	min-height: 1px;

}

.wrapper-join-0 .title .icon{

	width: 100%;

	background-color: var(--color-theme);

	border: 5px #000 solid;

	position: relative;

	z-index: 999;

}

.wrapper-join-0 .title .icon span{

	font-size: 5vw;

	color: #000;

	font-weight: bold;

}

.wrapper-join-0 .title .icon2{

	position: absolute;

	top: 10px;

	width: 100%;

	background-color: #eed02a;

	border: 5px #eed02a solid;

	z-index: 99;

	display: block;

}



.wrapper-join-0 ul.list{

	width: 100%;

	overflow: hidden;

	float: left;

	padding: 5vw 0 10vw;

}

.wrapper-join-0 ul.list li{

	width: 20%;

	float: left;

}

.wrapper-join-0 ul.list li .txtbg{

	width: 100%;

	float: left;

	text-align: center;

	margin: 0 auto;

	display: block;

	position: relative;

	padding: 0;

}



.wrapper-join-0 ul.list li .txtbg img{

	width: 100%;

}







.wrapper-join-0 ul.list li .txtbg .txtcon{

	position: absolute;

	width: 100%;

	left: 50%;

	top: 50%;

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

	z-index: 9999;

}

.wrapper-join-0 ul.list li .txtbg span{

	font-size: 2.5vw;

	color: #000;

	border-bottom: 10px #f8d60e solid;

	line-height: 4vw;

}

@media screen and (max-width: 840px) and (min-width: 0px){

	.wrapper-join-0 {

	    background-size: 100vw auto;

	}

}













/*为什么选择*/

.wrapper-join-why{

	width: 100%;

	background: url(../img/join/why_bg.jpg) center top no-repeat;

	float: left;

}

.wrapper-join-why .title{

	width: 100%;

	float: left;

	/*height: 500px;*/

	display: block;

}



.wrapper-join-why .title .txtbg{

	width: 100%;

	max-width: 500px;

	text-align: center;

	margin: 0 auto;

	display: block;

	position: relative;

	padding: 0;

}



.wrapper-join-why .title .txtbg:before {

  content: "";

  display: inline-block;

  vertical-align: middle;

  padding-top: 100%;

  height: 0;

}



.wrapper-join-why .title .txtbg img{

	position: absolute;

	width: 100%;

	max-width: 600px;

	left: 50%;

	top: 50%;

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

	z-index: 999;

}





.wrapper-join-why .title .txtbg .iconfont{

	position: absolute;

	width: 100%;

	left: 50%;

	top: 50%;

	transform: translate(-50%,0);

	z-index: 9999;

	font-size: 35vw;

	line-height: 15vw;

}

.wrapper-join-why .title .txtbg p{

	position: absolute;

	width: 100%;

	left: 50%;

	top: 50%;

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

	z-index: 9999;



	color: #fff;

	font-size: 5vw;

	

	font-weight: bold;

	-webkit-text-stroke-color: black;

	-webkit-text-stroke-width: 1px;

}





.wrapper-join-why .conimg{

	width: 100%;

	float: left;

}

.wrapper-join-why .conimg img{

	max-width: 1200px;

	width: 100%;

	margin: 0 auto;

	display: block;

}





.wrapper-join-why ul.list{

	width: 100%;

	float: left;

	margin: 5vw 0;

	overflow: hidden;

}

.wrapper-join-why ul.list li{

	float: left;

	width: 33.333%;

}

.wrapper-join-why ul.list .icon{

	width: 50%;

	max-width: 200px;

	background-color: var(--color-theme);

	border: 5px #000 solid;

	display: block;

	margin: 0 auto;

}

.wrapper-join-why ul.list .icon .iconfont{

	font-size: 7vw;

	display: inline-block;

	vertical-align: middle;

}

.wrapper-join-why ul.list li:nth-child(2) .icon .iconfont{

	font-size: 10vw;

}

.wrapper-join-why ul.list .icon .iconfont:hover{

	animation:turn 1s linear infinite; 

}

.wrapper-join-why ul.list .txt{

	margin-top: 1vw;

}

.wrapper-join-why ul.list .txt .txt1{

	font-size: 3vw;

	font-weight: bold;

	color: #fde207;

	text-align: center;

 	-webkit-text-stroke-color: black; 

	-webkit-text-stroke-width: 1px;



}

.wrapper-join-why ul.list .txt .txt2{

	font-size: 2vw;

	text-align: center;

}











.wrapper-join-honor{

	width: 100%;

}

.wrapper-join-honor img{

	width: 100%;

}





@media screen and (max-width: 840px) and (min-width: 0px){

	.wrapper-join-why .title .txtbg p {

	    font-size: 8vw;

	}

	.wrapper-join-why .title .txtbg .iconfont {

	    font-size: 45vw;

	    line-height: 20vw;

	}

	.wrapper-join-why ul.list .txt .txt1 {

	    font-size: 6vw;

	}

	.wrapper-join-why ul.list .txt .txt2 {

	    font-size: 3vw;

	}





}













/*7大支持*/

.wrapper-join-7{

	width: 100%;

	background: url(../img/join/7_bg.jpg) left bottom repeat-x;

	overflow: hidden;

	padding: 0 0 10vw;

}



.wrapper-join-7 .title{

	padding: 5vw 0;

}

.wrapper-join-7 .title img{

	width: 100%;

}

.wrapper-join-7 ul{

	width: 100%;

}

.wrapper-join-7 ul li{

	width: 100%;

	float: left;

}

.wrapper-join-7 ul li img{

	width: 100%;

}





@media screen and (max-width: 840px) and (min-width: 0px){

	.wrapper-join-7{

		background-size: 3vw auto;

	}



}







/*案例*/

.wrapper-join-case{

	width: 100%;

	background-color: var(--color-theme);

	overflow: hidden;

}

.wrapper-join-case .title{

	width: 100%;

	text-align: center;

}

.wrapper-join-case .title h2 {

    text-shadow: 0.1em 0.1em #fcdb1a

}



.wrapper-join-case .title img{

	max-width: 500px;

	width: 100%;

}

.wrapper-join-case ul{

	width: 100%;

	padding: 2vw 0 5vw;

	float: left;

	display: block;

}

.wrapper-join-case ul li{

	width: 33.3333%;

	float: left;

}

.wrapper-join-case ul li .con{

	width: 100%;

	float: left;

	padding: 0 1%;

	position: relative;

}

.wrapper-join-case ul li:nth-child(1) .con{

	padding: 0 2% 0 0;

}

.wrapper-join-case ul li:nth-child(3) .con{

	

	padding: 0 0 0 2%;

}



.wrapper-join-case ul li .con img{

	width: 100%;

	float: left;

}

.wrapper-join-case ul li .con p{

	width: 100%;

	float: left;

	font-size: 2vw;

	text-align: center;



}

.wrapper-join-case ul li .con p span{

	font-size: 3vw;

	font-weight: bold;

}



.wrapper-join-case ul li img.icontxt{

	position: absolute;

	bottom: 10%;

	left: -2%;

	z-index: 99;

	width: 40%;

}

.wrapper-join-case ul li:nth-child(1) img.icontxt{

	left: -3%;

}

.wrapper-join-case ul li:nth-child(3) img.icontxt{

	left: -1%;

}







@media screen and (max-width: 600px) and (min-width: 0px){

	.wrapper-join-case ul li{

		width: 100%;

		float: left;

		margin-bottom: 5vw;

	}



	.wrapper-join-case ul li:nth-child(1) .con {

    	padding: 0;

	}

	.wrapper-join-case ul li:nth-child(2) .con {

    	padding: 0;

	}

	.wrapper-join-case ul li:nth-child(3) .con {

	    padding: 0;

	}

	.wrapper-join-case ul li .con p {

	    font-size: 4vw;

	}

	.wrapper-join-case ul li .con p span {

	    font-size: 6vw;

	}











}

















/*流程*/

.wrapper-join-process{

	width: 100%;

	background-color: var(--color-theme);

	overflow: hidden;

}



.wrapper-join-process .title{

	height: 125px;

	/*margin: 55px auto 50px;*/

}

.wrapper-join-process .title .iconfont{

	display: block;

	text-align: right;

	font-size: 200px;

	line-height: 125px;

}

.wrapper-join-process .title .title-l{

	width: 50%;

	float: left;

	height: 100%;

	padding: 10px 0;

	position: relative;

}

.wrapper-join-process .title img{

	float: right;

	max-width: 200px;

	top: 50%;

	position: absolute;

	right: 0;

	transform: translate(0,-50%);

}

.wrapper-join-process .title p{

	color: #000;

	float: left;

	font-size: 34px;

	margin-top: 38px;

	font-weight: bold;

}





.wrapper-join-process ul{

	width: 100%;

	padding: 2vw 0 5vw;

	overflow: hidden;

}

.wrapper-join-process ul li{

	width: 16.666%;

	width: 17.356%;

	float: left;

}



.wrapper-join-process ul li:last-child{

	width: 16.666%;

	width: 13.1895%;

	/*0.69

	12.4995

	4.1665*/

}

/*.wrapper-join-process ul li img{

	width: 100%;

}*/



.wrapper-join-process ul li .icon{

	width: 75%;

	background-color: #000;

	float: left;

}

.wrapper-join-process ul li:last-child .icon{

	width: 100%;

}

.wrapper-join-process ul li .icon .conbg{

	display: inline-block;

  	vertical-align: middle;

}

.wrapper-join-process ul li .icon .conbg p{

	color: #fff;

	font-size: 2vw;

	line-height: 3vw;

}

.wrapper-join-process ul li .icon .conbg .iconfont{

	color: var(--color-theme);

	font-size: 3vw;



}







.wrapper-join-process ul li .icon2{

	width: 25%;

	float: left;

}

.wrapper-join-process ul li .icon2::before {

    content: "";

    display: inline-block;

    vertical-align: middle;

    padding-top: 300%;

    height: 0;

}

.wrapper-join-process ul li .icon2 .iconfont{

	display: inline-block;

  	vertical-align: middle;

	color: #000;

	font-size: 3vw;



}

.wrapper-join-process ul li:last-child .icon2{

	display: none;

}



/*联系*/

.wrapper-join-contact{

	width: 100%;

	background-color: #000;

	overflow: hidden;

	padding: 5vw 0;

	float: left;

}

.wrapper-join-contact .title{

	width: 100%;

}

.wrapper-join-contact .title img{

	width: 100%;

}



@media screen and (max-width: 640px) and (min-width: 0px){





	.wrapper-join-process ul li{

		width: 33.333%;

		margin-bottom: 5vw;

	}

	.wrapper-join-process ul li:last-child{

		width: 33.333%;

	}

	.wrapper-join-process ul li:last-child .icon2{

		display: block;

	}

	.wrapper-join-process ul li:last-child .icon {

	    width: 75%;

	}

	.wrapper-join-process ul li:last-child .icon2 .iconfont {

	    color: var(--color-theme);

	}

	.wrapper-join-process ul li .icon .conbg p {

	    font-size: 4vw;

	    line-height: 5vw;

	}

	.wrapper-join-process ul li .icon .conbg .iconfont {

	    font-size: 5vw;

	}





}

@media screen and (max-width: 450px) and (min-width: 0px){

	.wrapper-join-process .title img {

	    max-width: 150px;

	}

	.wrapper-join-process .title p {

	    font-size: 28px;

	}



}



.join_dkuan{ width: 100%; float: left;} 

.join_kuan{ margin: 0 auto;} 

.join_banner{ width: 100%; position: relative; }

.join_banner_cont{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 90%;}

.join_banner_title{ text-align: center; font-size: 60px; color: #ffffff;}

.join_banner_title2{ text-align: center; font-size: 36px; color: #ffffff;}

.join_banner_lx{ width: 100%; padding: 2%; background: rgb(255 255 255 / 0.5); border-radius: 10px; float: left; margin-top: 50px;}

.join_banner_lx form{ width: 100%;}

.join_banner_lx form li{ width: 40%; float: left; position: relative;}

.join_banner_lx form li input{ width: 98%; border: 0; height: 60px; padding-right: 10px; padding-left: 39px; border-radius: 5px; font-size: 16px; outline: unset;}

.join_banner_lx form li img{ width: 30px; position: absolute; left: 7px; top: 17px;}

.join_banner_lx form li.message_button{ width: 20%;}

.join_banner_lx form li.message_button button{ border: 0; height: 60px; text-align: center; width: 100%; color: #1d1d1d; background: #ffe600; border-radius: 5px; font-size: 18px; font-weight: bold;}



.join_rlbjs{  width: 100%; padding: 100px 0; float: left;}

.join_rlbjs_fl{ float: left;  position: relative; width: 40%; max-width: 450px;}

.join_rlbjs_fl img{ z-index: 2; position: relative; width: 90%;}

.join_rlbjs_fl img.join_rlbjs_fl_dian{ width: 50%; position: absolute; right: 0px; top: -30px; z-index: 1 ;}

.join_rlbjs_fr{ width: 55%;float: left; margin-left: 5%;}

.join_rlbjs_title{ font-size: 26px; font-weight: bold; margin-top: 30px; color: #0a0a0a;}

.join_rlbjs_info{ font-size: 16px; color: #222222; font-weight: bold; margin: 30px 0; line-height: 26px;}

.join_rlbjs_desc{ font-size: 18px; font-weight: bold; color: #222222;}

.join_rlbjs_list{ width: 100%;  margin-top: 50px;}

.join_rlbjs_list li{ font-size: 16px; color: #888888; padding-left: 30px; margin-bottom: 12px; position: relative;}

.join_rlbjs_list li:before{ content: ''; position: absolute; left: 0; width: 15px; height: 15px; background: #ffe600; top: 5px; border-radius: 4px;}





.join_slppfn_bg{ background: #f7f7f7;}

.join_slppfn { padding: 100px 0; float: left;}

.join_slppfn_title{ font-size: 30px; color: #222222; text-align: center; font-weight: bold;}

.join_slppfn_desc{ font-size: 16px; color: #888888; text-align: center; margin-top: 15px;}

.join_slppfn_list{ width: 100%; margin-top: 50px; float: left;}

.join_slppfn_list li{ float: left; width: 48%; margin-right: 4%; padding: 3%; background: #fff; border-radius: 15px; margin-bottom: 31px;}

.join_slppfn_list li:nth-child(2n){ margin-right: 0;}

.join_slppfn_list li .join_slppfn_list_tu{ float: left; width: 35%;}

.join_slppfn_list li .join_slppfn_list_tu img{ width: 100%;}

.join_slppfn_list li .join_slppfn_list_cont{ width: 60%; float: right;}

.join_slppfn_list_sz{ font-size: 16px; color: #888888;}

.join_slppfn_list_title{ font-size: 20px;  color: #222222; margin: 15px 0;}

.join_slppfn_list_info{ font-size: 14px; color: #888888; line-height: 24px;}

.join_slppfn_list_title2{ font-size: 14px;  color: #fbe40c; margin-top: 20px;}



.join_rlbhonor{  padding: 100px 0; float: left; width: 100%;}

.join_rlbhonor_title{ font-size: 24px; color: #222222; text-align: center; font-weight: bold;}

.join_rlbhonor_xian{  width: 200px; height: 1px; background: #ededed; margin: 20px auto;  position: relative;}

.join_rlbhonor_xian:before{content: ''; position: absolute; left: -40px; width: 30px; height: 1px;  background: #ededed;}

.join_rlbhonor_xian:after{content: ''; position: absolute; right: -40px;  width: 30px; height: 1px; background: #ededed;}

.join_rlbhonor_desc{  text-align: center; font-size: 16px; color: #888888;}

.join_rlbhonor_list{ width: 100%;  margin-top: 50px;}

.join_rlbhonor_list li{ float: left; width: 32%; margin-right: 2%; padding: 50px 2%; border: 1px solid #f0f0f0; border-radius: 5px;text-align: center;}

.join_rlbhonor_list li:nth-child(3n){ margin-right: 0;}

.join_rlbhonor_list li .join_rlbhonor_list_tu{ width: 100%;}

.join_rlbhonor_list li .join_rlbhonor_list_tu img{ max-width: 100%;}

.join_rlbhonor_list li .join_rlbhonor_list_title{  font-size: 16px; color: #888888; min-height: 60px; margin-top: 30px;}





.join_rlbbz{ padding:50px 0; float: left; width: 100%;}

.join_rlbbz_list_fl{ float: left; width: 60%; margin-top: 50px;}

.join_rlbbz_title{ font-size: 24px; color: #222222;}

.join_rlbbz_list{ width: 100%; float: left; margin-top: 10px;}

.join_rlbbz_list li{    width: 100%; float: left; margin-top: 20px;}

.join_rlbbz_list li .join_rlbbz_list_title{ color: #4c4c4c; font-size: 18px;}

.join_rlbbz_list li .join_rlbbz_list_desc{ font-size: 16px; color: #888888; margin-top: 10px; line-height: 24px; }

.join_rlbbz_list li .join_rlbbz_list_desc p{font-size: 16px; color: #888888; }

.join_rlbbz_tu{ float: right; width: 38%;}

.join_rlbbz_tu img{ width: 100%;}



.join_jmal_bg{ width: 100%; background: #fee503;}

.join_jmal{  padding: 50px 0; float: left; width: 100%;}

.join_jmal_title{  font-size: 24px; color: #222222;text-align: center; position: relative;}

.join_jmal_title:before{content: '';  position: absolute; width: 50px;height: 1px; background: #222222; margin-left: -60px; top: 50%; transform: translateY(-50%);} 

.join_jmal_title:after{content: ''; position: absolute; width: 50px; height: 1px; background: #222222; margin-left: 10px; top: 50%; transform: translateY(-50%);}

.join_jmal_list{ width: 100%; margin-top: 50px;}

.join_jmal_list li{ width: 32%; float: left; margin-right: 2%;}

.join_jmal_list li:nth-child(3n){ margin-right: 0px;}

.join_jmal_list li .join_jmal_list_tu{ width: 100%; position: relative; overflow: hidden; padding-bottom: 100%;}

.join_jmal_list li .join_jmal_list_tu img{ position: absolute; width: 100%; height: 100%; object-fit: cover;}

.join_jmal_list li .join_jmal_list_title{ width: 100%; background: #fff; text-align: center; font-size: 18px; color: #171717; font-weight: bold; padding: 10px 0;}

.join_jmal_list li .join_jmal_list_title span{ font-size: 32px;}





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



	.join_banner_title{  font-size: 6vw; }

	.join_banner_title2{  font-size: 3.5vw;}

	.join_banner_lx form li input{ height: 40px; font-size: 1.7vw; }

	.join_banner_lx form li img{ width: 25px;  top: 7px;}

	.join_banner_lx form li.message_button button{ height: 40px;  font-size: 1.8vw; }



	.join_rlbjs,.join_slppfn,.join_rlbhonor{ padding: 50px 0;}

	.join_rlbjs_title,.join_slppfn_title,.join_rlbhonor_title,.join_rlbbz_title,.join_jmal_title{ font-size: 22px;  margin-top: 10px;}

	.join_rlbjs_info{ font-size: 15px; margin: 10px 0; line-height: 24px;}

	.join_rlbjs_desc{ font-size: 16px;}

	.join_rlbjs_list{  margin-top: 30px;}

	.join_rlbjs_list li{ font-size: 14px;  padding-left: 22px;} 

	.join_rlbjs_list li:before{ width: 12px; height: 12px;}

	.join_jmal_list li .join_jmal_list_title{ font-size: 16px;}

	.join_jmal_list li .join_jmal_list_title span{ font-size: 20px;}











}

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



	.join_slppfn_list li .join_slppfn_list_tu{ width: 100%;}

	.join_slppfn_list li .join_slppfn_list_cont{ width: 100%;}

}







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

	.join_banner_lx form li input{  font-size: 2.5vw; height: 30px;}

	.join_banner_lx form li.message_button button{ font-size: 2.5vw; height: 30px;}

	.join_banner_lx form li input{  padding-left: 30px; }

	.join_banner_lx form li img{ width: 20px; top: 6px;}



	.join_rlbjs,.join_slppfn,.join_rlbhonor,.join_rlbbz,.join_jmal{ padding: 30px 0;}

	.join_rlbjs_fl{ width: 100%; max-width:auto;}

	.join_rlbjs_fr{ width: 100%; margin-left: 0;}

	.join_rlbjs_title,.join_slppfn_title,.join_rlbhonor_title,.join_rlbbz_title,.join_jmal_title{ font-size: 18px;  margin-top: 10px;}

	.join_rlbjs_info{  font-size: 14px;}

	.join_slppfn_desc{ font-size: 14px; margin-top: 5px;}

	.join_slppfn_list li{ width: 100%;}

	.join_slppfn_list_title2{ font-size: 12px; margin-top: 10px}

	.join_rlbhonor_desc{ font-size: 14px;}

	.join_rlbhonor_list li{ width: 100%; margin-bottom: 15px;}

	.join_rlbbz_tu{ width: 100%;} 

	.join_rlbbz_list_fl{ width: 100%;margin-top: 10px;}

	.join_rlbbz_list li .join_rlbbz_list_desc,.join_rlbbz_list li .join_rlbbz_list_desc p{ font-size: 14px;}

	.join_jmal_list li{    width: 100%; margin-right: 2%;}

}