﻿ol,
ul {
	margin: 0%;
}

a,
a:focus,
a:hover {
	text-decoration: none;
}

@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@media (min-width: 768px) {
	.s_icon {
		margin: 2% 8%;
	}

	.shouye_icon {
		display: inline-block;
		width: 15%;
		height: 4rem;
		margin: 1%;
		background-color: #F96900;
		border-radius: 4rem;
		color: #ffffff;
		font-size: 2rem;
		position: relative;
		/* padding: 1% 0%; */
		padding: .5% 0%;
		padding-left: 5%
	}

	.shouye_icon img {
		width: 35%;
		position: absolute;
		top: -25%;
		left: 0%;
	}

	.kehu_erweima>p {
		font-size: 1.6rem;
	}

	.lai_left p {
		font-size: 2rem;
	}

	nav a:hover {
		border: none;
		background-color: transparent;
		color: #fff;
	}

	nav li {
		display: inline-block;
		font-size: 18px;
		padding: 13px 30px;
	}

	nav .nav_v.active,
	nav .nav_v:hover {
		background: #F97B22;
	}

	.box_nav {
		width: 100%;
		padding: 0 8%;
		background-color: #5E9434;
	}

	nav img {
		width: 60%;
		-webkit-animation: spin 2s linear 1s 5 alternate;
		animation: spin 2s linear infinite;
	}

	.aboet_img {
		position: relative;
	}

	.aboet_txt {
		position: absolute;
		top: 37%;
		left: 43%;
	}

	.aboet_txt>h1 {
		color: #E00719;
		margin: 3%;
	}

	.aboet_txt>p {
		color: #5E9434;
		font-size: 2rem;
		line-height: 5rem;
	}

	/* .aboet_title_bg {
        height: 2rem;
        width: 10rem;
        background-color: #FACC36;
        transform: skew(-30deg);
        -webkit-transform: skew(-30deg);
        -moz-transform: skew(-30deg);
        -o-transform: skew(-30deg);
        -ms-transform: skew(-30deg);
    } */

	.three_aboet {
		position: relative;
		padding: 13% 0;
		padding-bottom: 0%;
		background-color: #ffffff;
	}

	.t_aboet {
		/* margin: 2% 10%; */
		padding: 0% 15%;
		position: absolute;
		top: 0%;
	}

	.t_aboet li {
		position: relative;
		vertical-align: top;
		border-radius: 1.8rem;
		display: inline-block;
		width: 28%;
		margin: 1.5%;
		line-height: 1.8rem;
		-webkit-box-shadow: 0px 8px 8px #c8c8c8;
		-moz-box-shadow: 0px 8px 8px #c8c8c8;
		box-shadow: 0px 8px 8px #c8c8c8;
	}

	.ab_01 {
		padding: 0 5%;
		text-align: left;
		display: none;
	}

	.thick {
		height: 0.4rem;
		margin: 6% auto;
		background-color: #FBD65E;
		border-radius: 0.3rem;
	}

	.fine {
		height: 0.2rem;
		width: 15%;
		background-color: #FBD65E;
		margin: 5% 0;
	}

	.index_icon {
		color: black;
		border-radius: 5rem 1rem 1.8rem 1rem;
		font-size: 3.5rem;
		font-weight: bold;
		line-height: 200%;
		position: absolute;
		bottom: 0%;
		right: 0%;
		width: 25%;
		height: 25%;
		background-color: #FBD65E;
	}

	.laichu {
		position: relative;
		height: 25rem;
		margin: 5% 17%;
		padding: 2%;
		-webkit-box-shadow: 3px 3px 10px #c8c8c8;
		-moz-box-shadow: 3px 3px 10px #c8c8c8;
		box-shadow: 3px 3px 10px #c8c8c8;
	}

	.lai_left {
		line-height: 3rem;
		display: inline-block;
		width: 48%;
		position: relative;
		top: -10%;
	}

	.shangjiao {
		width: 20%;
		position: absolute;
		top: -55%;
		left: -18%;

	}

	.xiabian {
		width: 10rem;
	}

	.left_xiabian {
		width: 100%;
		position: absolute;
		bottom: -82%;
	}

	.zuo,
	.you {
		width: 15%;
		margin-left: 8%;
	}


	.lai_right {
		display: inline-block;
		width: 50%;
		height: 15rem;
		position: relative;
	}

	.red_div {
		border-radius: 0.5rem;
		width: 80%;
		height: 23rem;
		background-color: #F96900;
		position: absolute;
		top: -10%;
		right: -7%;
	}

	.org_div {
		border-radius: 0.5rem;
		width: 74%;
		height: 27rem;
		background-color: #FACC36;
		position: absolute;
		top: -24%;
		right: -4%;
	}

	.lai_right>img {
		position: absolute;
		width: 66%;
		top: -40%;
		right: 0%;
	}

	.liaojie {
		margin-top: 8%;
	}

	.liaojie_title {
		display: inline-block;
		padding: 1% 3% 0%;
		margin: 0% 35%;
		color: #ffffff;
		font-size: 3rem;
		font-weight: bold;
		border-radius: 5rem;
		height: 5rem;
		width: 30%;
		position: relative;
		background-color: #F96900;
	}

	.liaojie_title>img {
		position: absolute;
		top: -55%;
		left: 40%;
		width: 8rem;
	}

	.liaojie_title1 {
		display: inline-block;
		margin-left: 2%;
		border-radius: 5rem;
		height: 5rem;
		width: 8%;
		position: relative;
		background-color: #F96900;
	}

	.sub_title {
		color: #494949;
		font-size: 3rem;
		font-weight: bold;
		letter-spacing: 0.8rem;
		width: 20%;
		margin: 1% auto;
		margin-bottom: 5%;
	}

	.t_liaojie {
		margin: 0% 16% 5%;
		position: relative;
	}

	.three_liaojie {
		position: relative;
		width: 31%;
		display: inline-block;
		line-height: 1.6rem;
		border-radius: 1rem;
		-webkit-box-shadow: 5px 5px 10px #ADADAD;
		-moz-box-shadow: 5px 5px 10px #ADADAD;
		box-shadow: 5px 5px 10px #ADADAD;
	}

	/* .three_liaojie>img {
        width: 100%;
    } */


	.ballon1 {
		transform: scale(0.8);
		transition: all 2s;
	}

	.txt_left {
		text-align: left;
	}

	.three_desc {
		/* display: none; */
		padding: 6%;
		color: #494949;
		position: relative;
	}

	.three_desc>.red_div {
		display: none;
		top: 61%;
		left: 6%;
		width: 18%;
		height: 0.3rem;
		margin-bottom: 2%;
	}

	.three_desc>.org_div {
		display: none;
		top: 63%;
		left: 29%;
		width: 8%;
		height: 0.3rem;
	}

	.bot_div {
		width: 80%;
		border-radius: 0.3rem;
		height: 1.5rem;
		background-color: #ED6400;
		position: absolute;
		left: 10%;
		z-index: -1;
	}

	.jiage {
		margin-top: 8%;
	}

	.jiage>.liaojie_title1 {
		margin-left: 30%;
	}

	.jiage_main {
		margin: 0 20%;
	}

	.youhui {
		font-size: 2.2rem;
	}

	.youhui>.under_y {
		width: 7rem;
		height: 0.25rem;
		margin-top: 0.8rem;
		border-radius: 0.2rem;
		background-color: #F7931E;
	}


	.jiage_right {
		color: black;
		background-color: #FACC36;
		width: 50%;
		height: 35rem;
		float: right;
	}

	.jiage_left {
		width: 37%;
		display: inline-block;
	}

	.jiage_left img {
		float: left;
		width: 30%;
	}

	.left_10,
	.left_20 {
		height: 11rem;
		margin: 4rem 0;
		border: 1px solid #BEBEBE;
		border-radius: 1rem;
	}

	.left_10 div:nth-child(1) {
		width: 28rem;
		height: 11rem;
		background-color: #F96900;
		position: absolute;
		top: 22%;
		left: 3%;
		z-index: -1;
		border-radius: 1rem;
	}

	.left_20 div:nth-child(1) {
		width: 28rem;
		height: 11rem;
		background-color: #FACC36;
		position: absolute;
		top: 63%;
		left: 3%;
		z-index: -1;
		border-radius: 1rem;
	}

	.left_10 div:nth-child(2),
	.left_20 div:nth-child(2) {
		border-radius: 1rem;
		padding: 1.4rem 1rem;
		background-color: #FFFFFF;
	}

	.left_desc {
		width: 70%;
		line-height: 1.5rem;
		display: inline-block;
	}

	.left_desc>h6 {
		font-size: 2rem;
		font-weight: 600;
	}

	.left_desc>span {
		color: #F96900;
	}

	.left_desc strong {
		font-size: 1.4rem;
	}

	.jiage_right img {
		position: absolute;
		top: -10%;
		left: 41%;
		width: 25%;
	}

	.right_desc {
		position: absolute;
		top: 30%;
		right: 10%;
		line-height: 3rem;
		text-align: right;
	}

	.j_r_under {
		background-color: #ffffff;
		margin: 5%;
		margin-bottom: 30%;
		height: 0.3rem;
	}

	.right_desc button {
		width: 12rem;
		height: 3rem;
		background-color: #F97B22;
		font-size: 1.6rem;
		color: #fff;
		border: none;
	}


	.footer {
		position: relative;
	}

	.erweima {
		width: 10%;
		color: #A1831F;
		position: absolute;
		top: 35%;
		left: 5%;
	}

	.kefu {
		width: 40%;
		position: absolute;
		top: 30%;
		left: 35%;
		color: black;
	}

	.kehu_desc {
		height: 18rem;
		border-radius: 1rem;
		background-color: #ffffff;
		padding: 10% 8%;
		position: relative;
	}

	.kefu_hot {
		font-size: 2.4rem;
		margin-bottom: 2%;
	}

	.f_phone {
		margin-top: 3%;
		font-size: 2rem;
	}

	.kehu_erweima {
		position: absolute;
		top: 10%;
		left: 50%;
	}

	.kehu_erweima img {
		width: 40%;
	}

	#dianhua {
		width: 4%
	}

	.zuobiao {
		margin: 5%;
		font-size: 1.8rem;
	}

	.zuobiao img {
		width: 5%;
	}

	.dibu {
		color: black;
		position: absolute;
		bottom: 4%;
		left: 45%;
	}



}


/* 移动端 */
@media (max-width: 767px) {

	.shouye_icon {
		display: inline-block;
		width: 23%;
		background-color: #F96900;
		border-radius: 4rem;
		color: #ffffff;
		font-size: 0.8rem;
		position: relative;
		padding: 1% 0%;
		padding-left: 5%;
	}

	.shouye_icon img {
		width: 35%;
		position: absolute;
		top: -25%;
		left: -8%;
	}

	.s_icon {
		margin-top: 5%;
	}


	.xs_nav {
		position: fixed;
		background-color: #F97B22;
		width: 100%;
		height: 40px;
		bottom: 0px;
		left: 0px;
		z-index: 999;
		text-align: center;
	}

	.xs_nav>ul {
		font-size: 0px;
	}

	.xs_nav>ul>li {
		display: inline-block;
		width: 24%;
		border-left: 1px solid #fff;
		position: relative;
	}

	.xs_nav>ul>li:nth-of-type(1) {
		border-left: 1px solid #F97B22;
	}

	.xs_nav>ul>li>img {
		width: 20%;
		vertical-align: top;
		margin: 10% 0px;
		margin-right: 5px;
	}

	.xs_nav>ul>li>a {
		cursor: pointer;
		display: inline-block;
		color: #fff;
		line-height: 40px;
		font-size: 1.2rem;
	}

	.xs_nav>ul>li>div {
		position: absolute;
		width: 100%;
		left: 0px;
		bottom: 100%;
		background-color: rgba(249, 123, 34, 0.9);
		display: none;
	}

	.xs_nav>ul>li>div>ul {
		display: block;
	}

	.xs_nav>ul>li>div>ul>li {
		border-top: 1px solid #ffffff;
	}

	.xs_nav>ul>li>div>ul>li>a {
		display: block;
		color: #fff;
		line-height: 40px;
		font-size: 1.2rem;
	}

	#myCarousel {
		position: relative;
	}

	.mylogo {
		position: absolute;
		top: 83%;
		right: 0%;
	}

	.logo_img {
		width: 1.5rem;
	}

	.aboet_txt {
		color: #EE6808;
		line-height: 1.8rem;
	}

	.t_aboet li {
		margin-top: 2rem;
		position: relative;
	}

	.fine {
		display: none;
	}

	.index_icon {
		color: black;
		border-radius: 5rem 1rem 1.8rem 1rem;
		font-size: 2.5rem;
		font-weight: bold;
		line-height: 100%;
		position: absolute;
		bottom: 13.5%;
		right: -0.1%;
		width: 15%;
		height: 15%;
		background-color: #FBD65E;
	}

	.three_aboet {}

	div#carousel-example-generic {
		width: 100%;
		margin: 8% auto;
	}

	.laichu {
		padding: 5%;
	}

	.lai_left {
		position: relative;
	}

	.lai_left>img:hover {
		z-index: 100;
		animation: animated_div 6s 1;
		-moz-animation: animated_div 6s 1;
		-webkit-animation: animated_div 6s 1;
		-o-animation: animated_div 6s 1;
	}

	@keyframes animated_div {
		0% {
			transform: rotate(0deg);
			width: 60%;
		}

		25% {
			transform: rotate(10deg);
			width: 65%;
		}

		50% {
			transform: rotate(0deg);
			width: 80%;
		}

		55% {
			transform: rotate(0deg);
			width: 80%;
		}

		70% {
			transform: rotate(0deg);
			width: 70%;
		}

		100% {
			transform: rotate(10deg);
			width: 50%;
		}
	}

	@-webkit-keyframes animated_div {
		0% {
			transform: rotate(0deg);
			width: 60%;
		}

		25% {
			transform: rotate(10deg);
			width: 65%;
		}

		50% {
			transform: rotate(0deg);
			width: 80%;
		}

		55% {
			transform: rotate(0deg);
			width: 80%;
		}

		70% {
			transform: rotate(0deg);
			width: 70%;
		}

		100% {
			transform: rotate(10deg);
			width: 50%;
		}
	}

	@-moz-keyframes animated_div {
		0% {
			transform: rotate(0deg);
			width: 60%;
		}

		25% {
			transform: rotate(10deg);
			width: 65%;
		}

		50% {
			transform: rotate(0deg);
			width: 80%;
		}

		55% {
			transform: rotate(0deg);
			width: 80%;
		}

		70% {
			transform: rotate(0deg);
			width: 70%;
		}

		100% {
			transform: rotate(10deg);
			width: 60%;
		}
	}

	@-o-keyframes animated_div {
		0% {
			transform: rotate(0deg);
			width: 60%;
		}

		25% {
			transform: rotate(10deg);
			width: 65%;
		}

		50% {
			transform: rotate(0deg);
			width: 80%;
		}

		55% {
			transform: rotate(0deg);
			width: 80%;
		}

		70% {
			transform: rotate(0deg);
			width: 70%;
		}

		100% {
			transform: rotate(10deg);
			width: 60%;
		}
	}

	/* transform: scale(1.5, 1.5); */
	/* -ms-transform: scale(1.5, 1.5); */
	/* IE 9 */
	/* -moz-transform: scale(1.5, 1.5); */
	/* Firefox */
	/* -webkit-transform: scale(1.5, 1.5); */
	/* Safari and Chrome */
	/* -o-transform: scale(1.5, 1.5); */
	/* Opera */

	.lai_left>.xiabian {
		width: 28%;
		top: 35%;
	}

	.lai_left>img {
		position: absolute;
	}


	.liaojie {
		margin-top: 15%;
	}

	.liaojie_title {
		display: inline-block;
		padding: 2% 3% 0%;
		margin: 0% 20%;
		color: #ffffff;
		font-size: 1.5rem;
		font-weight: bold;
		border-radius: 5rem;
		height: 3rem;
		width: 60%;
		position: relative;
		background-color: #F96900;
	}

	.liaojie_title>img {
		position: absolute;
		top: -55%;
		left: 40%;
		width: 5rem;
	}

	.liaojie_title1 {
		display: inline-block;
		margin-left: 2%;
		border-radius: 5rem;
		height: 3rem;
		width: 15%;
		position: relative;
		background-color: #F96900;
	}

	.sub_title {
		color: #494949;
		font-size: 2rem;
		font-weight: bold;
		letter-spacing: 0.8rem;
		width: 70%;
		margin: 1% auto;
		margin-bottom: 8%;
	}

	.t_liaojie {
		padding: 0% 10%;
	}

	.three_liaojie {
		margin: 10% 0%;
	}

	.jiage {
		margin-top: 15%;
	}

	.jiage>.liaojie_title1 {
		margin-left: 10%;
	}

	.jiage_main {
		padding: 5%;
	}

	.youhui {
		color: black;
		font-size: 1.6rem;
	}

	.youhui>.under_y {
		width: 7rem;
		height: 0.25rem;
		margin: 0.8rem 0;
		border-radius: 0.2rem;
		background-color: #F7931E;
	}

	.jiage_left {
		/* padding-right: 5%; */
		padding-left: 0%;
	}

	.jiage_left img {
		width: 30%;
	}

	.left_desc {
		line-height: 2rem;
		display: inline-block;
		color: #F79422;
	}

	.left_desc strong {
		font-size: 1.4rem;
	}

	.left_10,
	.left_20 {
		margin: 10% 0;
		border: 1px solid #BEBEBE;
		border-radius: 1rem;
	}

	.left_10 div:nth-child(1) {
		width: 85%;
		height: 10rem;
		background-color: #F96900;
		position: absolute;
		top: 12%;
		right: 7%;
		z-index: -1;
		border-radius: 1rem;
	}

	.left_20 div:nth-child(1) {
		width: 85%;
		height: 10rem;
		background-color: #FACC36;
		position: absolute;
		top: 31%;
		right: 7%;
		z-index: -1;
		border-radius: 1rem;
	}

	.left_10 div:nth-child(2),
	.left_20 div:nth-child(2) {
		padding: 1.5%;
		border-radius: 1rem;
		background-color: #FFFFFF;
	}

	.right_desc button {
		width: 9rem;
		height: 3rem;
		background-color: #F97B22;
		font-size: 1.6rem;
		color: #fff;
		border: none;
	}

	.jiage_right {
		position: relative;
		width: 100%;
		display: inline-block;
		background-color: #FACC36;
		padding: 2rem;
		margin-top: 10%;
	}

	.jiage_right img {
		width: 60%;
	}

	.right_desc {
		text-align: right;
		color: black;
		/* position: absolute; */
		top: 35%;
		right: 8%;
	}

	.j_r_under {
		margin: 0.5rem 0 4rem 17rem;
		background-color: #ffffff;
		width: 7rem;
		height: 0.2rem;
	}

	.footer {
		position: relative;
		margin-bottom: 1.8rem;
	}

	.erweima {
		width: 16%;
		color: #A1831F;
		position: absolute;
		top: 20%;
		left: 5%;
	}

	.kefu {
		width: 60%;
		position: absolute;
		top: 20%;
		left: 25%;
		color: black;
	}

	.kefu_hot {
		font-size: 1.4rem;
		margin-bottom: 2%;
	}

	.kefu>h4 {
		display: none;
	}

	.kehu_desc {
		border-radius: 1rem;
		background-color: #ffffff;
		padding: 12% 5%;
		position: relative;
	}

	.kehu_desc>span {
		display: none;
	}

	.kehu_erweima {
		position: absolute;
		top: 5%;
		left: 50%;
	}

	.kehu_erweima img {
		width: 60%;
	}

	#dianhua {
		width: 8%;
	}

	.zuobiao {
		position: absolute;
		bottom: 13%;
		left: 10%;
	}

	.zuobiao img {
		width: 3.5%;
	}

	.dibu {
		color: black;
		position: absolute;
		bottom: 0%;
	}


	#mynav a {
		padding: 0.5rem 0;
		margin: 0 1rem;
		border-radius: 0;
	}

	#mynav a:hover {
		border: none;
		background-color: transparent;
		color: #EE6808;
		border-bottom: 0.15rem solid #F96900;
	}
}