@charset "utf-8";
*{margin: 0;padding: 0;box-sizing: border-box;}
ul{list-style: none;}
a{text-decoration: none;color: inherit;}
em,i{font-style: normal;}
h2,h3,h4,h5,h6{font-weight: normal;}
.aftercb:after{content: '';display: block;clear: both;}
.img{position: relative;}
.img img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	max-width: 100%;
	max-height: 100%;
}
.wrap{
	max-width: 1280px;
	margin: 0 auto;
}

.btn{
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 99;
	display: none;
}
.btn div{
	width: 24px;
	height: 2px;
	background: #EA5E70;
	margin-bottom: 6px;
}
.wrap_nav{
	width: 30%;
	background: rgba(255,255,255,.8);
	position: absolute;
	top: 46px;
	right: 0;
	display: none;
	z-index: 99;
}
.wrap_nav li a{
	display: block;
	line-height: 40px;
	color: #000;
	font-size: 14px;
	padding-left: 20px;
	border-bottom: 1px solid #eee;
}

.header{
	height: 136px;
	font-size: 0;
	position: relative;
}
.header .right{
	width: 566px;
	float: right;
	padding-top: 25px;
}
.header .right h2{
	font-size: 34px;
	color: #ea5e70;
}
.header .right h2 form{
	float: right;
	position: relative;
	vertical-align: middle;
}
.header .right h2 form input{
	width: 238px;
	line-height: 38px;
	border-radius:38px 38px;
	background: #f5f5f5;
	border: none;
	outline: none;
	vertical-align: middle;
}
.header .right h2 form button{
	position: absolute;
	top: 15px;
	right: 15px;
	border:none;
	width:25px;height:25px;
	cursor:pointer;
	background:none;
}

.header .right h2>img{
	transform: translateY(5px);
}
.full-heng{
	height: 1px;
	background: #e6e6e6;
}
.nav{
	width: 766px;
	position: absolute;
	bottom: 0;
	right: 0;
}
.nav>li{
	float: left;
	height: 47px;
	width: 16.6%;
}
.nav>li>a{
	display: block;
	padding-bottom: 25px;
	font-size: 16px;
	color: #d3a809;
	text-align: center;
	transition: .3s;
}
.nav>li>a:hover,.nav>li.active>a{
	color: #ea5e70;
}
.nav i{
	position: absolute;
	height: 2px;
	background: #ea5e70;
	bottom: 0;
	transition: .3s;
}
.erji_nav{
	position: absolute;
	left: 0;
	top: 48px;
	width: 100%;
	text-align: center;
	font-size: 0;
	overflow: hidden;
	height: 0;
	transition: .3s;
	z-index: 2;
	background: #fff;
}
.erji_nav a{
	display: inline-block;
	font-size: 16px;
	width: 126px;
	line-height:72px ;
	text-align: center;
	transition: .3s;
	color: #D3A809;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.erji_nav a:hover{
	background: #EA5E70;
	color: #fff;
}
.nav>li:hover .erji_nav{
	height: 72px;
}
.swiper-container img{
	width: 100%;
}
.swiper-slide{
	font-size: 0;
}
.fff{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2;
	height: 0;
	background: #fff;
	transition: .3s;
}
.swiper-one .pagination-one .swiper-pagination-bullet{
	width: 16px;
	height: 16px;
	opacity: 1;
	transition: .3s;
	border-radius: 16px 16px;
	background: #bdbdbd;
	margin: 0 10px !important;
}
.swiper-one .pagination-one .swiper-pagination-bullet-active{
	width: 28px;
	background: #EA5E70;
}
.index-main1{
	padding: 70px 0 40px;
	font-size: 16px;
	color: #666;
	line-height: 30px;
	text-align: center;
}
.index-title-img{
	display: block;
	margin: 0 auto 30px;
}
.index-main1 p{
	max-width: 1017px;
	margin: 0 auto;
	letter-spacing: 1px;
}
.more{
	margin: 30px auto 0;
	display: block;
	width: 186px;
	line-height: 34px;
	border-radius: 34px 34px;
	background: transparent;
	border: 1px solid #D3A809;
	color: #D3A809;
	transition: .3s;
}
.more:hover{
	background: #D3A809;
	color: #fff;
}
.index-main2{
	height: 300px;
	background-image: url(../images/pic2_02.jpg);
	background-position: center;
	background-size: cover;
	padding-top: 48px;
}
.flex1{
	height: 210px;
	display: flex;
	justify-content: space-between;
}
.flex1>div{
	width: 210px;
	height: 210px;
	background: #fff;
	transition: .3s;
	border-radius: 50% 50%;
	padding-top: 151px;
	text-align: center;
	font-size: 18px;
	color: #d3a809;
}
.flex1>div:hover{
	background: #d3a809;
	color: #fff;
}
.flex1>div img:nth-child(2){
	opacity: 0;
	transition: .3s;
}
.flex1>div:hover img:nth-child(2){
	opacity: 1;
}
.flex1>div img{
	transform: translate(-50%,-62%);
}
.index-main3{
	padding-top: 70px;
}
.div1{
	height: 512px;
	margin-bottom: 10px;
}
.div1 .left{
	float: left;
	width: 50%;
	height: 100%;
	background-position: right center;
}
.div1 .right{
	float: right;
	width: 50%;
	height: 100%;
	background: #ea5e70;
}
.div1 .right div{
	max-width: 638px;
	height: 100%;
	padding: 75px 0 0 40px;
	font-size: 16px;
	color: #fff;
	line-height: 30px;
}
.div1 .right div h2{
	font-size: 24px;
}
.div1 .right div h3{
	font-size: 14px;
	text-transform: uppercase;
	margin: 4px 0 20px;
}
.div1 .right div h4{margin-bottom: 20px;}
.div1 .right div h4 span{
	display: block;
	width: 4px;
	height: 4px;
	background: #fff;
	border-radius: 50% 50%;
	margin-bottom: 6px;
}
.div1 .right div h4 span:nth-child(1){
	opacity: 1;
}
.div1 .right div h4 span:nth-child(2){
	opacity: .8;
}
.div1 .right div h4 span:nth-child(3){
	opacity: .6;
}
.div1 .right div p{
	height: 210px;
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 7;
overflow: hidden;
}
.more-right{
	display: block;
	width: 38px;
	height: 38px;
	background-image: url(../images/pic7_03.png);
	background-position: left center;
	transition: .3s;
	border-radius: 38px 38px;
}
.more-right:hover{
	width: 186px;
}
.div2 a{
	float: left;
	display: inline-block;
	width: 25%;
	font-size: 0;
	position: relative;
	border: 1px solid #ccc; 
	border-right: 0;
}
.div2 a:last-child{
	border-right: 1px solid #ccc;
}
.div2 a>img{
	max-width: 100%;
	max-height:100%;
	display:block;
	margin:0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
}
.div2 a:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #d3a809;
	opacity: 0;
	transition: .3s;
}
.div2 a:hover:after{
	opacity: .92;
}
.div2 a div{
	border: 1px solid #fff;
	width: 85%;
	height: 85%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 2;
	font-size: 14px;
	color: #fff;
	line-height: 28px;
	opacity: 0;
}
.div2 a div img{
	display: block;
	margin: 38px auto;
}
.div2 a div h2{
	font-size: 22px;
	color: #e4e4e4;
	text-align: center;
	margin-bottom: 10px;
}
.div2 a div p{
	max-width: 335px;
	margin: 0 auto;
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
}
.div2 a div i{
	width: 148px;
	line-height: 38px;
	border-radius: 38px 38px;
	border: 1px solid #fff;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	display: block;
}
.div2 a:hover div{
	opacity: 1;
}
.index-main4{
	padding: 70px 0 80px;
}
.index-main4 .right{
	width: 436px;
	float: right;
	position: relative;
}
.index-main4 .right .swiper-container{
	width: 356px;
	padding: 0 38px;
}
.index-main4 .right .swiper-button-next,.index-main4 .right .swiper-button-prev{
	width: 38px;
	height: 38px;
	border-radius: 50% 50%;
	background-image: url(../images/pic8_03.png);
	background-size: 38px 38px;
}
.index-main4 .right .swiper-button-next{
	transform: rotate(180deg);
}
.index-main4 .right .swiper-button-next:hover,.index-main4 .right .swiper-button-prev:hover{
	background-image: url(../images/pic8_05.jpg);
}
.index-main4 .right .swiper-button-prev:hover{
	transform: rotate(180deg);
}
.index-main4 .right .swiper-button-next:hover{
	transform: rotate(0);
}
.index-main4 .right .swiper-pagination{
	position: static;
	margin-top: 30px;
}
.index-main4 .right .swiper-pagination .swiper-pagination-bullet{
	width: 16px;
	height: 16px;
	opacity: 1;
	transition: .3s;
	border-radius: 16px 16px;
	background: #bdbdbd;
	margin: 0 10px !important;
}
.index-main4 .right .swiper-pagination .swiper-pagination-bullet-active{
	width: 28px;
	background: #EA5E70;
}
.index-main4 .left{
	width: calc(100% - 516px);
	display: inline-block;
	font-size: 16px;
	color: #666;
	line-height: 30px;
	padding-right: 20px;
}
.index-main4 .left p{
	text-indent: 2em;
	margin-bottom: 40px;
}
.index-main4 .left input{
	display: inline-block;
	width: 45%;
	margin-right: 4%;
	height: 48px;
	line-height: 48px;
	border: 1px solid #ccc;
	border-radius: 6px 6px;
	padding-left: 20px;
	margin-bottom: 20px;
	outline: none;
}
.index-main4 .left textarea{
	resize: none;
	width: 94.4%;
	border: 1px solid #ccc;
	border-radius: 6px 6px;
	height: 90px;
	outline: none;
	font-family: arial;
	padding: 10px 20px;
}
.index-main4 .left button{
	float: right;
	width: 153px;
	line-height: 46px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	border: none;
	outline: none;
	background: #ea5e70;
	border-radius: 6px 6px;
	margin-right: 5.5%;
	margin-top: 4px;
}
.index-main5{
	height: 722px;
	background-image: url(../images/pic6_02.png);
	background-size: cover;
	background-position: center;
}
.index-main5 .wrap{
	height: 100%;
	padding: 35px 0 40px;
}
.flex2{
	display: flex;
	justify-content: space-between;
}
.flex2>div{
	width: 310px;
	border: 1px solid #fff;
	padding: 18px 10px;
	font-size: 14px;
	color: #666;
	line-height: 24px;
	background: #fff;
	margin-bottom: 40px;
	box-shadow: 0 0 10px 2px rgba(0,0,0,.1);
}
.flex2>div h3{
	font-size: 32px;
	color: #7a7a7a;
	font-weight: normal;
	font-family: "Century Gothic";
	transition: .3s;
}
.flex2>div h4{
	height: 4px;
	line-height: 4px;
	margin: 10px 0 20px;
}
.flex2>div h4 span{
	width: 4px;
	height: 4px;
	border-radius: 50% 50%;
	background: #7e7e7e;
	display: inline-block;
	margin-right: 6px;
	transition: .3s;
}
.flex2>div h4 span:nth-child(2){
	opacity: .8;
}
.flex2>div h4 span:nth-child(3){
	opacity: .6;
}
.flex2>div .img{
	height: 162px;
	width: 100%;
}
.flex2>div h2{
	font-size: 20px;
	color: #333;
	margin: 10px 0;
	transition: .3s;
}
.flex2>div p{
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
i.more-i{
	width: 38px;
	height: 38px;
	border-radius: 38px;
	border: 1px solid #D3A809;
	position: relative;
	display: block;
	margin: 15px auto 0;
	transition: .3s;
}
i.more-i:after{
	content: '>';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #D3A809;
	font-size: 29px;
	font-weight: lighter;
	transition: .3s;
}
i.more-i:hover{
	width: 148px;
}
i.more-i:hover:after{
	opacity: 0;
}
i.more-i:before{
	content: '了解更多';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #D3A809;
	font-size: 16px;
	font-weight: lighter;
	opacity: 0;
}
i.more-i:hover:before{
	opacity: 1;
	transition-delay: .3s;
}
.flex2>div:hover h3,.flex2>div:hover h2{
	color: #D3A809;
}
.flex2>div:hover{
	border-color: #D3A809;
}
.more-img{
	display: block;
	margin: 0 auto;
	width: 38px;
	height: 38px;
}
.more-img img{
	transition: .3s;
}
.more-img:hover img{
	transform: scale(1.1);
}
.index-main6{
	text-align: center;
	line-height: 100px;
}
.index-main6 a{
	display: inline-block;
	width: 25%;
	float: left;
	font-size: 24px;
	color: #ea5e70;
}
.index-main6 a img{
	transform: translate(-8px,13px);
}
.footer{
	background: #f5f5f5;
	padding: 40px 0 60px;
	position: relative;
}
.footer .wrap .right{
	float: right;
	padding-top: 35px;
}
.footer .wrap .right ul li{
	float: right;
	margin-left: 90px;
}
.footer .wrap .right ul li a{
	display: block;
	font-size: 14px;
	color: #666;
	margin-top: 20px;
}
.footer .wrap .right ul li a:hover{
	text-decoration: underline;
}
.footer .wrap .right ul li h2{
	font-size: 16px;
	color: #333;
	font-weight: bold;
}
.footer .wrap .left{
	width: calc(100% - 764px);
	display: inline-block;
	font-size: 14px;
	color: #666;
}
.footer .wrap .left p:nth-child(1){
	width: 380px;
}
.footer .wrap .left img{
	margin-right: 20px
}
.footer .wrap .left img,.footer .wrap .left span{
	display: inline-block;
}
.footer .wrap .left span{
	vertical-align: top;
	width: calc(100% - 108px);
	margin-top: 26px;
	line-height: 26px;
}
.footer .wrap .left p{
	margin-bottom: 12px;
}
.t-top{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	cursor: pointer;
}
.banquan{
	background: #bdbdbd;
	line-height: 40px;
	font-size: 14px;
	color: #474747;
	text-align: center;
}
.banquan a:hover{
	text-decoration: underline;
}
.ny-nav{
	border-bottom: 1px solid #e6e6e6;
}
.ny-nav h2{
	line-height: 42px;
	font-size: 14px;
	color: #666;
}
.ny-nav h2 a:hover{
	text-decoration: underline;
}
.product-a{
	text-align: center;
	padding: 23px 0 35px;
}
.product-a a{
	display: inline-block;
	font-size: 18px;
	color: #666;
	margin: 0 30px;
}
.product-a a.active,.product-a a:hover{
	color: #D3A809;
}
.ul-1 li{
	float: left;
	width: 24%;
	margin-right: 1.3%;
	padding: 10px;
	transition: .3s;
	text-align: center;
	font-size: 14px;
	color: #7a7a7a;
	line-height: 28px;
	margin-bottom: 30px;padding-bottom: 20px;
	border: 1px solid rgba(0,0,0,.1);
}
.ul-1 li:hover{
	box-shadow: 0 0 10px 2px rgba(0,0,0,.1);
}
.ul-1 li:nth-child(4n){
	margin-right: 0;
}
.ul-1 li h2{
	font-size: 18px;
	color: #333;
	margin-top: 15px;
}
.ul-1 li h6{
	width: 35px;
	height: 1px;
	background: #D3A809;
	margin: 10px auto 10px;
}
.ul-1 li p{
	padding: 0 15px;
	text-align: left;
	height: 56px;
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.ul-1{
	padding-bottom: 40px;
}
.pro-show{
	padding: 70px 0;
	font-size: 16px;
	color: #333;
	line-height: 32px;
}
.pro-show .h2{
	font-size: 24px;
	color: #ea5e70;
}
.pro-show .h3{
	text-transform: uppercase;
	font-size: 18px;
	color: #ea5e70;
	margin-bottom: 20px;
}
.pro-show img{
	max-width: 100%;
	display: block;
	margin: 10px auto;
}
.ul-2{
	padding: 70px 0 ;
}
.ul-2 li .left{
	width: 280px;
	display: inline-block;
	font-size: 48px;
	color: #d3a809;
	text-align: center;
	line-height: 130px;
	position: relative;
}
.ul-2 li .left:after{
	content: '';
	width: 15px;
	height: 15px;
	border-radius: 50% 50%;
	background: #D3A809;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(50%,-50%);	
}
.ul-2 li .right{
	float: right;
	width: calc(100% - 280px);
	padding-top: 58px;
	padding-left: 45px;
	border-left: 1px solid #bfbfbf;
	min-height: 130px;
	font-size: 16px;
	color: #333;
	line-height: 32px;
}
.pany-1{
	height: 600px;
	background-image: url(../images/pic10_03.jpg);
	background-position: center;
	margin-bottom: 20px;
}
.pany-1 div{
	max-width: 604px;
	margin: 0 auto 0;
	padding-top: 170px;
	font-size: 14px;
	line-height: 28px;
	color: #666;
	height: 510px;
	overflow: hidden;
}
.pany-1 div .h2{
	text-align: center;
	font-size: 18px;
	color: #d3a809;
}
.pany-1 div p{
	text-indent: 2em;
}
.pany-2{
	height: 614px;
	background-image: url(../images/pic10_06.jpg);
	background-position: center;
}
.pany-2 div{
	max-width: 604px;
	margin: 0 auto 0;
	padding-top: 88px;
	font-size: 14px;
	line-height: 28px;
	color: #666;
	height: 550px;
	overflow: hidden;
	text-align: center;
}
.pany-2 div h2{
	font-size: 18px;
	color: #D3A809;
}
.pany-2 div h3{
	font-size: 14px;
	color: #666;
	line-height: 14px;
	margin: 10px 0 15px;
}
.pany-2 div h3 i{
	display: inline-block;
	padding: 0 5px;
	border-left: 1px solid #666;
}
.pany-2 div h3 i:nth-child(1){
	border-left: none;
}
.pany-2 div h3.h3{
	line-height: 28px;
}
.jjff{
	padding: 70px 0 120px;
	font-size: 18px;
	line-height: 36px;
	color: #666;
}
.jjff img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.jjff .h2{
	text-align: center;
	margin: 100px 0 30px;
}
.jjff .h2 i{
	position: relative;
	padding: 0 20px;
	font-size: 24px;
	color: #ea5e70;
	display: inline-block;
}
.jjff .h2 i:after{
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(-50%,-50%);
	width: 6px;
	height: 6px;
	border-radius: 50% 50%;
	background: #D3A809;
}
.jjff .h2 i:first-child:after{
	display: none;
}
.jjff p{
	max-width: 740px;
	margin: 0 auto;
	text-indent: 2em;
	text-align-last: center;
}
.ul-3 li{
	float: left;
	width: 23.4%;
	margin-right: 2.1%;
	margin-bottom: 40px;
}
.ul-3 li:nth-child(4n){
	margin-right: 0;
}
.news-list .ul-3 li{
    border: 1px solid #fff;
    padding: 18px 10px;
    font-size: 14px;
    color: #666;
    line-height: 24px;
    background: #fff;
    margin-bottom: 40px;
    box-shadow: 0 0 10px 2px rgba(0,0,0,.1);
}
.news-list .ul-3 li h3 {
    font-size: 32px;
    color: #7a7a7a;
    font-weight: normal;
    font-family: "Century Gothic";
    transition: .3s;
}
.news-list .ul-3 li h4 {
    height: 4px;
    line-height: 4px;
    margin: 10px 0 20px;
}
.news-list .ul-3 li h4 span {
    width: 4px;
    height: 4px;
    border-radius: 50% 50%;
    background: #7e7e7e;
    display: inline-block;
    margin-right: 6px;
    transition: .3s;
}
.news-list .ul-3 li .img {
    height: 162px;
    width: 100%;
}
.news-list .ul-3 li h2 {
    font-size: 20px;
    color: #333;
    margin: 10px 0;
    transition: .3s;
}
.news-list .ul-3 li p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.no-more{
	display: block;
	width: 148px;
	line-height: 38px;
	text-align: center;
	border-radius: 38px 38px;
	background: #e6e6e6;
	font-size: 16px;
	color: #666;
	margin: 10px auto 50px;
}
.news-list .ul-3 li:hover {
    border-color: #D3A809;
}
.news-list .ul-3 li:hover h3, .news-list .ul-3 li:hover h2 {
    color: #D3A809;
}
.flex2>div:hover h4 span,.news-list .ul-3 li:hover h4 span{
	background: #D3A809;
}
.artical{
	font-size: 16px;
	color: #666;
	line-height: 32px;
}
.artical .h2{
	font-size: 24px;
	color: #333;
	text-align: center;
	padding: 70px 0 0;
}
.artical .h3{
	font-size: 14px;
	color: #999;
	text-align: center;
	padding: 8px 0 10px;
}
.artical .h6{
	height: 1px;
	background: #e6e6e6;
	margin-bottom: 20px;
}
.artical p{
	text-indent: 2em;
	margin: 0 auto !important;
}
.artical img{
	max-width: 100%;
	display: block;
	margin: 10px auto;
}
.fenye-1{
	max-width: 800px;
	margin: 50px auto;
	background: #f5f5f5;
	height: 70px;
	text-align: center;
}
.fenye-1 a{
	display: inline-block;
	line-height: 51px;
	height: 70px;
	padding: 10px 0 0 20px;
	font-size: 14px;
	color: #666;
	float: left;
}
.fenye-1 a.right{
	float: right;
	padding: 10px 20px 0 0px;
}
.fenye-1 .span1{
	float: left;
	transform: translateY(6px);
	margin-right: 8px;
}
.fenye-1 .span2{
	float: right;
	transform: translateY(6px);
	margin-left: 8px;
}
.fenye-1 .span1 .img-f{
	display: none;
}
.fenye-1 .span2 .img-b{
	transform: rotate(180deg);
}
.fenye-1 .span2 .img-f{
	display: none;
}
.fenye-1 .span1:hover .img-f{
	display: block;
	transform: rotate(180deg);
}
.fenye-1 .span1:hover .img-b{
	display: none;
}
.fenye-1 .span2:hover .img-b{
	display: none;
	transform: rotate(180deg);
}
.fenye-1 .span2:hover .img-f{
	display: block;
}
.fenye-1 a.mm{
	float: none;
	display: inline-block;
	width: 38px;
	height: 38px;
	padding: 0;
	padding-top: 17px;
}
.join{
	height: 306px;
	margin-top: 80px;
	overflow: hidden;
}
.join>div{
	width: 50%;
	height: 100%;
	display: inline-block;
}
.join>div.left{
	float: left;
	padding: 40px 35px 0;
	font-size: 14px;
	color: #666;
	line-height: 28px;
}
.join>div.left h2{
	font-size: 24px;
	color: #EA5E70;
}
.join>div.left h3{
	font-size: 16px;
	color: #EA5E70;
	text-transform: uppercase;
	margin-bottom: 20px
}
.join>div.left p{
	text-indent: 2em;
}
.join>div.right{
	float: right;
	background-image: url(../images/pic14_03.jpg);
	background-position: left center;
}
.join-2,.join-3{
	margin-top: 0;
}
.join-2 div.left{
	float: right;
}
.join-2 div.right{
	float: left;
}
.join-2>div.right{
	float: right;
	background-image: url(../images/pic14_07.jpg);
	background-position: left center;
}
.join-3{
	margin-bottom: 80px;
}
.join-3>div.right{
	float: right;
	background-image: none;
	padding-top: 20px;
}
.join-3>div.right input{
	width: 48%;
	height: 46px;
	line-height: 46px;
	border-radius: 6px 6px;
	border: 1px solid #ccc;
	outline: none;
	padding-left: 25px;
}
.join-3>div.right p{
	margin-bottom: 20px;
}
.join-3>div.right p input:last-child{
	float: right;
}
.join-3>div.right textarea{
	resize: none;
	width: 100%;
	height: 88px;
	font-family: "arial";padding: 10px 20px;
	border-radius: 6px 6px;
	border: 1px solid #ccc;
	outline: none;
}
.join-3>div.right button{
	width: 155px;
	line-height: 48px;
	text-align: center;
	font-size: 14px;
	background: #EA5E70;
	border-radius: 6px 6px;
	float: right;
	outline: none;
	border: none;
	cursor: pointer;
	color: #fff;
	margin-top: 11px;
}
.contact{
	padding: 75px 0;
}
.contact>div{
	float: left;
	width: 25%;
	font-size: 16px;
	color: #666;
	line-height: 32px;
	text-align: center;
}
.contact>div img{
	display: block;
	margin: 0 auto;
}
.contact>div p{
	margin: 10px auto;
}
.map img{
	max-width: 100%;
}


@media only screen and (max-width: 1600px) {
	.div2 a div img{margin: 20px auto;}
}

@media only screen and (max-width: 1400px) {
	.div2 a div p{-webkit-line-clamp: 3;}
}

@media only screen and (max-width: 1260px) {
	.flex2>div:nth-child(4){display: none;}
}

@media only screen and (max-width: 1200px) {
	.nav{width: 554px;}
	.div2 a div p{display: none;}
}

@media only screen and (max-width: 1030px) {
	.header .right{display: none;}
	.nav{display: none;}
}

@media only screen and (max-width: 950px) {
	.flex2>div:nth-child(3){display: none;}
}

@media only screen and (max-width: 750px) {
	.btn{display: block;}
	.header{height: auto;padding: 0 15px;}
	.header>a>img{width: 53%;}
	.index-title-img{max-width: 100%;width: 80%;margin-bottom: 16px;}
	.index-main1 p{padding: 0 10px;}
	.index-main1{font-size: 14px;line-height: 26px;padding: 34px 0 23px;}
	.div1 .left,.div1 .right,.index-main4 .left,.footer .wrap .left{width: 100%;}
	.footer .wrap .right{display: none;}
	.flex1{flex-wrap: wrap;height: auto;justify-content: space-around;}
	.flex1>div{width: 35%;height: auto;padding-top: 110px;font-size: 14px;margin-bottom: 10px;}
	.index-main2{padding-top: 20px;}
	.flex1>div img{width: 40%;}
	.flex1>div p{transform: translateY(-13px);}
	.div2 a div{display: none;}
	.banquan .wrap{width: 80%;line-height: 24px;}
	.footer .wrap .left p:nth-child(1){width: 100%;}
	.more{margin-top: 12px;width: 120px;}
	.index-main3{padding-top: 30px;}
	.div1 .right div{padding: 30px 15px 30px;}
	.div1 .right{height: auto;}
	.more-right{margin-top: 10px;}
	.div2 a{width: 50%;}
	.index-main4 .left{padding: 0 15px;margin-bottom: 20px;}
	.index-main4 .left input{width: 100%;}
	.index-main4 .left textarea{width: 100%;}
	.index-main4 .right{width: 100%;}
	.index-main4{padding: 40px 0 30px;}
	.index-main5 .index-title-img{width: 40%;}
	.flex2>div{width: 100%;padding: 10px;margin-bottom: 20px;}
	.flex2{flex-wrap: wrap;}
	.flex2>div h4{margin: 7px 0 15px;}
	.flex2>div i{margin-top: 8px;}
	.index-main5{height: auto;}
	.index-main6 a{width: 50%;font-size: 18px;}
	.index-main6 a img{transform: translate(-8px,13px) scale(.8);}
	.index-main6{line-height: 50px;}
	.footer{padding: 20px 15px;}
	.footer .wrap .left p{margin-bottom: 5px;}
	.footer .wrap .left{font-size: 13px;}
	.index-main5 .wrap{padding-bottom: 25px;}
	.ul-1 li{width: 49%;margin-bottom: 10px;margin-right: 2%;}
	.ul-1 li:nth-child(2n){margin-right: 0;}
	.product-a a{font-size: 12px;margin: 0 10px;}
	.product-a{padding: 14px 0 10px;}
	.ul-1 li h2{margin-top: 6px;font-size: 14px;}
	.ul-1 li h6{margin: 5px auto;}
	.ul-1 li{font-size: 12px;line-height: 22px;}
	.ul-1 li p{height: 44px;}
	.ul-1{padding-bottom: 10px;}
	.ul-2 li .left{width: 120px;font-size: 24px;}
	.ul-2 li .right{width: calc(100% - 120px);padding-left: 15px;padding-right: 15px;font-size: 14px;line-height: 24px;}
	.pany-1 div{padding-left: 10px;padding-right: 10px;}
	.pany-1 div{font-size: 12px;line-height: 24px;}
	.jjff{padding: 15px 0 20px;font-size: 12px;line-height: 24px;}
	.jjff .h2{margin: 20px 0 10px;}
	.jjff .h2 i{font-size: 14px;padding: 0 8px;}
	.jjff .h2 i:after{width: 4px;height: 4px;}
	.jjff p{padding: 0 10px;}
	.ul-3{padding:20px 10px 20px;}
	.ul-3 li{width: 48%;margin-right: 4%;margin-bottom: 10px;}
	.ul-3 li:nth-child(2n){margin-right: 0;}
	.news-list .ul-3 li{width: 100%;}
	.artical .h2{padding-top: 28px;font-size: 18px;}
	.artical .h3{font-size: 12px;padding-top: 0;}
	.artical{font-size: 14px;line-height: 26px;}
	.artical p{padding: 0 10px;}
	.fenye-1{margin: 18px auto;}
	.join>div{width: 100%;height: 50%;}
	.join{height: 612px;margin-top: 0;}
	.join>div.left{padding: 15px;}
	.join-3>div.right{padding: 15px;}
	.join>div.left h3{margin-bottom: 6px;}
	.join-3{margin-bottom: 20px;}
	.contact{padding: 15px 0;}
	.contact>div{width: 50%;font-size: 12px;line-height: 24px;margin-bottom: 20px}
	.contact>div img.ii{width: 22%;}
	.div1 .left{background-repeat: no-repeat;background-size: 100% auto;height: 199px;}
}