@charset "utf-8";

/*联系我们*/

.contact_nav li font {
	background: #06903b url(../img/contact/01_.png) no-repeat center;
}

.contact {
	margin-top: 55px;
}

.contact .conta .cont_item {
	width: 340px;
	height: 225px;
	text-align: center;
	border: 1px solid #cccccc;
	float: left;
	margin-right: 90px;
	padding-top: 35px;
}

.contact .conta .cont_item:nth-child(3n) {
	float: right;
	margin-right: 0px;
}

.contact .conta .cont_item img {
	transition: all 0.4s ease-in-out;
}

.contact .conta .cont_item span {
	display: block;
	margin: 10px 0px 20px 0px;
	color: #333333;
	font-size: 16px;
}

.contact .conta .cont_item p {
	color: #181411;
	font-size: 14px;
}

.contact .conta .cont_item font {
	color: #181411;
	font-weight: bold;
	font-size: 22px;
}

.contact .conta .cont_item:hover img {
	transform: rotateY(180deg);
}

.contact .contact_other {
	margin-top: 70px;
}

.contact .contact_other>div {
	float: left;
}

.contact .contact_other>div>h1 {
	color: #333333;
	font-size: 24px;
	position: relative;
	margin-bottom: 70px;
}

.contact .contact_other>div>h1::before {
	position: absolute;
	content: "";
	background: #333333;
	width: 35px;
	height: 1px;
	top: 45px;
	left: 0px;
}

.contact .contact_other div.con_map {
	width: 650px;
}

.contact .contact_other div.con_map .map {
	width: 100%;
	height: 375px;
}

.contact .contact_other div.con_map .map img,
.contact .contact_other div.con_map .map label {
	max-width: none;
}

.contact .contact_other div.con_msg {
	width: 500px;
	float: right;
}

.contact .contact_other div.con_msg .msg .form-group {
	margin-bottom: 20px;
}

    .contact .contact_other div.con_msg .msg input[name=username] {
        width: 48%;
        float: left;
    }

    .contact .contact_other div.con_msg .msg input[name=mobile] {
        width: 48%;
        float: right;
    }

.contact .contact_other div.con_msg .msg input[name=addr] {
	width: 100%;
	float: left;
}

.contact .contact_other div.con_msg .msg textarea {
	resize: none;
	height: 200px;
}

.contact .contact_other div.con_msg .msg button {
	padding: 12px 60px;
	background-color: #06903b;
	border-color: #06903b;
	border: none;
	box-shadow: none;
	outline: none;
}

.contact .contact_other div.con_msg .msg button:hover,
.contact .contact_other div.con_msg .msg button:focus {
	background-color: #06903b;
	border-color: #06903b;
	border: none;
	outline: none;
	box-shadow: none;
}


/*新闻*/

.news {
	margin-top: 40px;
	margin-bottom: 80px;
}

.news_nav li:nth-child(1) font {
	background: url(../img/news/01.png) no-repeat center;
}

.news_nav li:nth-child(2) font {
	background: url(../img/news/02.png) no-repeat center;
}

.news_nav li:nth-child(1):hover font,
.news_nav li:nth-child(1).active font {
	background: #06903b url(../img/news/01_.png) no-repeat center;
}

.news_nav li:nth-child(2):hover font,
.news_nav li:nth-child(2).active font {
	background: #06903b url(../img/news/02_.png) no-repeat center;
}

.news_item {
	padding: 35px 25px;
	border-bottom: 1px solid #e6e6e6;
	transition: all 0.4s ease-in-out;
}

.news_item a {
	display: block;
	transition: all 0.4S ease-in-out;
}

.news_item a .npic {
	display: block;
	width: 340px;
	overflow: hidden;
	float: left;
}

.news_item a .npic img {
	transition: all 0.4s ease-in-out;
}

.news_item a .nbody {
	margin-left: 35px;
	padding: 30px 0px;
	float: left;
	width: 500px;
	height: 100%;
}

.news_item a .nbody span {
	display: block;
	color: #999999;
	font-size: 14px;
	margin-bottom: 25px;
	position: relative;
}

.news_item a .nbody span::before {
	position: absolute;
	content: "";
	width: 28px;
	height: 2px;
	background: #06903b;
	left: 0px;
	top: 25px;
}

.news_item a .nbody h1 {
	display: block;
	color: #333333;
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 30px;
}

.news_item a .nbody p {
	color: #999999;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.news_item a .nmore {
	float: right;
	margin-top: 50px;
	margin-right: 45px;
}

.news_item:hover a {
	transform: translateX(20px);
}

.news_item:hover a img {
	transform: scale(1.1);
}

.news_item:hover a .nbody h1 {
	color: #06903b;
}

.news_item:hover a .i_more {
	color: #FFFFFF;
	background: url(../img/index/03.png) no-repeat center;
}

.news_item:hover a .i_more::before {
	display: none;
}

.news_item:hover {
	border-color: #06903b;
}

.news_show .ns_title {
	padding-bottom: 20px;
	text-align: center;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 45px;
}

.news_show .ns_title h1 {
	color: #333333;
	font-size: 20px;
	margin-bottom: 25px;
}

.news_show .ns_title span {
	color: #b2b2b2;
	font-size: 14px;
}


/*产品*/

.product_nav>li:nth-child(1) font {
	background: url(../img/product/04.png) no-repeat center;
}

.product_nav>li:nth-child(2) font {
	background: url(../img/product/05.png) no-repeat center;
}

.product_nav>li:nth-child(3) font {
	background: url(../img/product/06.png) no-repeat center;
}

.product_nav>li:nth-child(4) font {
	background: url(../img/product/07.png) no-repeat center;
}
.product_nav > li:nth-child(5) font {
    background: url(../img/product/08.png) no-repeat center;
}

.product_nav>li:hover:nth-child(1) font,
.product_nav>li.active:nth-child(1) font {
	background: #06903b url(../img/product/04_.png) no-repeat center;
}

.product_nav>li:hover:nth-child(2) font,
.product_nav>li.active:nth-child(2) font {
	background: #06903b url(../img/product/05_.png) no-repeat center;
}

.product_nav>li:hover:nth-child(3) font,
.product_nav>li.active:nth-child(3) font {
	background: #06903b url(../img/product/06_.png) no-repeat center;
}

.product_nav>li:hover:nth-child(4) font,
.product_nav>li.active:nth-child(4) font {
	background: #06903b url(../img/product/07_.png) no-repeat center;
}

.product_nav > li:hover:nth-child(5) font,
.product_nav > li.active:nth-child(5) font {
    background: #06903b url(../img/product/08_.png) no-repeat center;
}

.product .product_list {
	min-height: 500px;
	margin-top: 50px;
}

.product .product_list .p_item {
	float: left;
	width: 365px;
	margin-right: 50px;
	position: relative;
	transition: all 0.4s ease-in-out;
	margin-bottom: 30px;
}

.product .product_list .p_item:not(:nth-child(3n))::before {
	position: absolute;
	content: "";
	width: 1px;
	height: 385px;
	right: -25px;
	top: -25px;
	background: #e6e6e6;
}

.product .product_list .p_item:nth-child(3n) {
	float: right;
	margin-right: 0px;
}

.product .product_list .p_item div.pic {
	overflow: hidden;
}

.product .product_list .p_item div.pic img {
	transition: all 0.4s ease-in-out;
}

.product .product_list .p_item p {
	color: #333333;
	font-size: 18px;
	text-align: center;
	margin-top: 20px;
}

.product .product_list .p_item span {
    color: #666666;
    font-size: 14px;
    display: block;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 25px;
    height: 20px;
}

.product .product_list .p_item font {
	margin: 0 auto;
}

.product .product_list .p_item:hover {
	transform: translateY(-20px);
}

.product .product_list .p_item:hover img {
	transform: scale(1.1);
}

.product .product_list .p_item:hover p {
	color: #06903b;
}

.product_show .ps_img {
	position: relative;
	margin-top: 40px;
}

.product_show .ps_img h1 {
	text-align: center;
	color: #333333;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 25px;
}

.product_show .ps_img .swiper-button-prev {
	width: 48px;
	height: 48px;
	background: url(../img/product/01_.png) no-repeat center;
	left: 0px;
	top: 40%;
	margin-top: -24px;
	opacity: 1;
	outline: none;
}

.product_show .ps_img .swiper-button-next {
	width: 48px;
	height: 48px;
	background: url(../img/product/02_.png) no-repeat center;
	right: 0px;
	top: 40%;
	margin-top: -24px;
	opacity: 1;
	outline: none;
}

.product_show .ps_img .swiper-button-prev:hover {
	background: url(../img/product/01.png) no-repeat center;
}

.product_show .ps_img .swiper-button-next:hover {
	background: url(../img/product/02.png) no-repeat center;
}

.product_show .ps_img .max_pic {
	width: 820px;
	margin: 0 auto;
}

.product_show .ps_img .min_pic {
	width: 820px;
	margin: 0 auto;
	margin-top: 25px;
}

.product_show .ps_img .min_pic .swiper-slide img {
	border: 2px solid #FFFFFF;
}

.product_show .ps_img .min_pic .swiper-slide-thumb-active img {
	border: 2px solid #06903b;
}

.product_show .ps_body {
	margin-top: 30px;
	padding-top: 45px;
	border-top: 1px solid #e6e6e6;
}


/*产业*/

.industry_nav>li:nth-child(1) font {
	background: url(../img/industry/01.png) no-repeat center;
}

.industry_nav>li:nth-child(2) font {
	background: url(../img/industry/02.png) no-repeat center;
}

.industry_nav>li:nth-child(3) font {
	background: url(../img/industry/03.png) no-repeat center;
}

.industry_nav>li:nth-child(4) font {
	background: url(../img/industry/04.png) no-repeat center;
}

.industry_nav>li:nth-child(5) font {
	background: url(../img/industry/05.png) no-repeat center;
}

.industry_nav>li:hover:nth-child(1) font,
.industry_nav>li.active:nth-child(1) font {
	background: #06903b url(../img/industry/01_.png) no-repeat center;
}

.industry_nav>li:hover:nth-child(2) font,
.industry_nav>li.active:nth-child(2) font {
	background: #06903b url(../img/industry/02_.png) no-repeat center;
}

.industry_nav>li:hover:nth-child(3) font,
.industry_nav>li.active:nth-child(3) font {
	background: #06903b url(../img/industry/03_.png) no-repeat center;
}

.industry_nav>li:hover:nth-child(4) font,
.industry_nav>li.active:nth-child(4) font {
	background: #06903b url(../img/industry/04_.png) no-repeat center;
}

.industry_nav>li:hover:nth-child(5) font,
.industry_nav>li.active:nth-child(5) font {
	background: #06903b url(../img/industry/05_.png) no-repeat center;
}

.industry {
	min-height: 500px;
	margin-top: 55px;
}


/*基地风采*/

.basestyle_nav li font {
	background: #06903b url(../img/elegant/02.png) no-repeat center;
}

.basestyle {
	margin-top: 50px;
}

.basestyle .bs_item {
	width: 350px;
	padding: 15px;
	float: left;
	margin-bottom: 30px;
	transition: all 0.4s ease-in-out;
	text-align: center;
	margin-right: 50px;
}

.basestyle .bs_item:nth-child(3n) {
	float: right;
	margin-right: 0px;
}

.basestyle .bs_item .pci {
	overflow: hidden;
}

.basestyle .bs_item .pci img {
	transition: all 0.4s ease-in-out;
}

.basestyle .bs_item p {
	color: #333333;
	font-size: 20px;
	padding: 15px 0px;
}

.basestyle .bs_item font {
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 auto;
	background: url(../img/elegant/03.png) no-repeat center;
	transition: all 0.4s ease-in-out;
}

.basestyle .bs_item:hover {
	transform: translateY(-20px);
	box-shadow: 0px 0px 20px #EEEEEE;
}

.basestyle .bs_item:hover a p {
	color: #06903b;
}

.basestyle .bs_item:hover a font {
	background: #06903b url(../img/elegant/04.png) no-repeat center;
	;
}

.basestyle .bs_item:hover img {
	transform: scale(1.1);
}

.basestyle_show>h1 {
	color: #333333;
	font-size: 20px;
	padding-bottom: 30px;
	margin-bottom: 50px;
	border-bottom: 1px solid #e6e6e6;
}


/*品质*/

.quality_nav>li:nth-child(1) font {
	background: url(../img/manager/01.png) no-repeat center;
}

.quality_nav>li:nth-child(2) font {
	background: url(../img/manager/02.png) no-repeat center;
}

.quality_nav>li:nth-child(3) font {
	background: url(../img/manager/03.png) no-repeat center;
}

.quality_nav>li:hover:nth-child(1) font,
.quality_nav>li.active:nth-child(1) font {
	background: #06903b url(../img/manager/01_.png) no-repeat center;
}

.quality_nav>li:hover:nth-child(2) font,
.quality_nav>li.active:nth-child(2) font {
	background: #06903b url(../img/manager/02_.png) no-repeat center;
}

.quality_nav>li:hover:nth-child(3) font,
.quality_nav>li.active:nth-child(3) font {
	background: #06903b url(../img/manager/03_.png) no-repeat center;
}

.quality {
	margin-top: 50px;
}

.q_item {
	width: 1000px;
	border: 1px solid #e6e6e6;
	height: 305px;
	margin-bottom: 115px;
	position: relative;
	transition: all 0.4s ease-in-out;
}

.q_item div.text {
	width: 50%;
	float: left;
	height: 305px;
	text-align: center;
	padding: 40px 50px 0px 50px;
	position: relative;
}

.q_item div.text span {
	display: block;
	margin: 18px 0px;
	position: relative;
}

.q_item div.text span::before {
	position: absolute;
	content: "";
	width: 28px;
	height: 2px;
	background: #999999;
	left: 50%;
	margin-left: -14px;
	top: 35px;
}

.q_item div.text p {
	margin-top: 30px;
	color: #666666;
	font-size: 14px;
	line-height: 27px;
}

.q_item div.text img:last-child {
	position: absolute;
	bottom: 30px;
	left: 50%;
	margin-left: -13px;
}

.q_item div.pic {
	width: 50%;
	float: right;
	height: 303px;
	position: relative;
	transition: all 0.4s ease-in-out;
}

.q_item div.pic img {
	height: 303px;
	width: 100%;
}


/**/

.q_item:nth-child(even) {
	left: 40px;
}

.q_item:nth-child(even) div.text {
	float: right;
}

.q_item:nth-child(even) div.pic {
	float: left;
	position: relative;
	top: -50px;
	left: -40px;
}


/**/

.q_item:nth-child(odd) div.pic {
	position: relative;
	top: -50px;
	right: -40px;
}

.q_item:hover {
	border-color: #06903b;
}

.q_item:hover:nth-child(even) {
	left: 0px;
}

.q_item:hover:nth-child(even) div.pic {
	left: 0px;
	top: 0px;
}

.q_item:hover:nth-child(odd) {
	transform: translateX(40px);
}

.q_item:hover:nth-child(odd) div.pic {
	transform: translate(-40px, 50px);
}

.control {
	margin-top: 50px;
}


/*关于我们*/

.about_nav>li:nth-child(1) font {
	background: url(../img/about/03.png) no-repeat center;
}

.about_nav>li:nth-child(2) font {
	background: url(../img/about/04.png) no-repeat center;
}

.about_nav>li:nth-child(3) font {
	background: url(../img/about/05.png) no-repeat center;
}
.about_nav > li:nth-child(3) font {
    background: url(../img/about/05.png) no-repeat center;
}
.about_nav > li:nth-child(4) font {
    background: url(../img/about/13.png) no-repeat center;
}

.about_nav>li:nth-child(5) font {
	background: url(../img/about/06.png) no-repeat center;
}

.about_nav>li:hover:nth-child(1) font,
.about_nav>li.active:nth-child(1) font {
	background: #06903b url(../img/about/03_.png) no-repeat center;
}

.about_nav>li:hover:nth-child(2) font,
.about_nav>li.active:nth-child(2) font {
	background: #06903b url(../img/about/04_.png) no-repeat center;
}

.about_nav>li:hover:nth-child(3) font,
.about_nav>li.active:nth-child(3) font {
	background: #06903b url(../img/about/05_.png) no-repeat center;
}
.about_nav > li:hover:nth-child(4) font,
.about_nav > li.active:nth-child(4) font {
    background: #06903b url(../img/about/13_.png) no-repeat center;
}
.about_nav>li:hover:nth-child(5) font,
.about_nav>li.active:nth-child(5) font {
	background: #06903b url(../img/about/06_.png) no-repeat center;
}

.transparent {
	width: 100%;
	height: 290px;
	margin: 45px 0px;
	background: url(../img/about/04.jpg) no-repeat center;
	background-size:contain;
	background-attachment: fixed;
}


/**/

.about {
	margin-top: 50px;
}

.about .abo_left {
	float: left;
	width: 575px;
}

.about .abo_right {
	float: right;
	width: 445px;
}

.philosophy {
	padding-top: 45px;
}

.philosophy>p {
	margin-bottom: 10px;
	color: #666666;
	font-size: 16px;
	line-height: 27px;
}

.philosophy>p font {
	color: #333333;
	font-size: 16px;
	font-weight: bold;
}

.philosophy>p:nth-child(1) {
	color: #333333;
}

.ph_box {
	margin-top: 50px;
}

.ph_box .ph_item {
	float: left;
	width: 155px;
	height: 155px;
	margin-right: 54px;
}

.ph_box .ph_item:last-child {
	float: right;
	margin-right: 0px;
}

.ph_box .ph_item .ph_img {
	width: 155px;
	height: 155px;
	text-align: center;
	line-height: 155px;
	border: 1px solid #e9e9e9;
	border-radius: 10px;
}

.ph_box .ph_item .ph_img img {
	transition: all 0.4s ease-in-out;
}

.ph_box .ph_item p {
	margin-top: 15px;
	text-align: center;
	color: #999999;
	font-size: 14px;
}

.ph_box .ph_item:hover img {
	transform: rotateY(180deg);
}

.leader {
	margin-top: 50px;
}

.leader .pic {
	width: 340px;
	height: 430px;
	float: left;
	background: #cdcdcd;
}

.leader .con {
	float: right;
	width: 820px;
}

.leader .con h1 {
	color: #333333;
	font-size: 20px;
	position: relative;
	margin-bottom: 35px;
}

.leader .con h1::before {
	position: absolute;
	content: "";
	width: 28px;
	height: 2px;
	background: #06903b;
	top: 30px;
}

.leader .con span {
	display: block;
	color: #999999;
	font-size: 14px;
	margin-bottom: 28px;
}

.leader .con p {
	color: #666666;
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 27px;
}

.honor {
	margin-top: 50px;
	position: relative;
	margin-bottom: 50px;
}

.honor_soll {
	width: 620px;
	margin: 0 auto;
}

.honor_soll .swiper-slide div {
	background: #f2f2f2;
	padding: 50px;
}

.honor_soll .swiper-slide p {
	text-align: center;
	color: #666666;
	font-size: 16px;
	padding-top: 25px;
}

.honor .swiper-button-prev,
.qc .swiper-button-prev {
	width: 40px;
	height: 40px;
	margin-top: -20px;
	background: url(../img/about/01_.png) no-repeat center;
	opacity: 1;
	outline: none;
}

.honor .swiper-button-next,
.qc .swiper-button-next {
	width: 40px;
	height: 40px;
	margin-top: -20px;
	background: url(../img/about/02_.png) no-repeat center;
	opacity: 1;
	outline: none;
}

.honor .swiper-button-prev:hover,
.qc .swiper-button-prev:hover {
	background: url(../img/about/01.png) no-repeat center;
}

.honor .swiper-button-next:hover,
.qc .swiper-button-next:hover {
	background: url(../img/about/02.png) no-repeat center;
}

.qc {
	position: relative;
	margin-top: 50px;
}

.qc .qc_soll {
	width: 780px;
	margin: 0 auto;
	position: relative;
}

.qc .qc_soll .swiper-slide .qc_item {
	float: left;
	width: 240px;
	margin-right: 30px;
	margin-bottom: 40px;
	cursor: pointer;
}

.qc .qc_soll .swiper-slide .qc_item .my-gallery {
	padding: 20px;
	background: #f2f2f2;
}

.qc .qc_soll .swiper-slide .qc_item:nth-child(3n) {
	float: right;
	margin-right: 0px;
}

.qc .qc_soll .swiper-slide .qc_item>p {
	padding: 15px 0px;
	text-align: center;
	color: #666666;
	font-size: 16px;
	border-bottom: 1px solid #e6e6e6;
}

.qc .qc_soll .swiper-slide .qc_item:hover p {
	border-color: #06903b;
	color: #06903b;
}

.qc .swiper-pagination {
	text-align: center;
	width: 100%;
}

.qc .swiper-pagination .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #cccccc;
	opacity: 1;
	outline: none;
	transition: all 0.4s ease-in-out;
	margin: 0 5px;
}

.qc .swiper-pagination .swiper-pagination-bullet-active {
	width: 22px;
	border-radius: 30px;
	background: #06903b;
}

.course {
	width: 800px;
	margin: 0 auto;
	margin-top: 50px;
	position: relative;
	padding-bottom: 80px;
}

.c_item {
	width: 410px;
	float: left;
	padding-right: 45px;
	padding-top: 45px;
	position: relative;
}

.c_item:nth-child(1)::before {
	top: 0px;
	height: 115%;
}

.c_item::before {
	position: absolute;
	content: "";
	width: 1px;
	height: 100%;
	border-left: 1px dashed #999999;
	right: 0px;
}

.c_item h1 {
	color: #06903b;
	font-size: 18px;
	text-align: right;
	margin-bottom: 22px;
	position: relative;
}

.c_item h1::before {
	position: absolute;
	content: "";
	width: 17px;
	height: 17px;
	border-radius: 50%;
	border: 1px solid #06903b;
	right: -53px;
}

.c_item h1::after {
	position: absolute;
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #06903b;
	right: -48px;
	top: 5px;
}

.c_item p {
	color: #666666;
	font-size: 14px;
	line-height: 27px;
	margin-top: 20px;
}

.c_item:nth-child(even) {
	float: right;
	padding-right: 0px;
	padding-left: 45px;
}

.c_item:nth-child(even)::before {
	right: auto;
	left: 19px;
}

.c_item:nth-child(even) h1 {
	text-align: left;
}

.c_item:nth-child(even) h1::before {
	right: auto;
	left: -34px;
}

.c_item:nth-child(even) h1::after {
	right: auto;
	left: -29px;
	top: 5px;
}

.course #back_top {
	position: absolute;
	display: block;
	width: 45px;
	height: 45px;
	margin: 0 auto;
	background: url(../img/about/back.png) no-repeat center;
	top: auto;
	right: auto;
	left: 50%;
	margin-left: -12.5px;
	bottom: 0px;
}
.care_item {
    width: 380px;
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
    transition: all 0.4s ease-in-out;
}
.care_item:nth-child(3n){
    margin-right:0px;
}
    .care_item div {
        overflow: hidden;
    }
.care_item img{
transition:all 0.4s ease-in-out;
}
        .care_item p {
            text-align:center;
            padding:10px 0px;
            font-size:16px;
            color:#333;
            overflow:hidden;
            text-overflow:ellipsis;
            white-space:nowrap;
        }
        .care_item:hover img {
            transform:scale(1.1)
        }
        @media only screen and (min-width: 100px) and (max-width: 1480px) {
            .about .abo_left {
		width: 530px;
	}
	.ph_box .ph_item {
		margin-right: 14px;
	}
	.leader .con {
		width: 635px;
	}
	.news_item a .nbody {
		width: 430px;
	}
	.product .product_list .p_item {
		width: 300px;
	}
	.basestyle .bs_item {
		width: 325px;
		margin-right: 10px;
	}
	.contact .conta .cont_item {
		width: 320px;
		margin-right: 20px;
	}
	.contact .contact_other div.con_map {
		width: 530px;
	}
	.contact .contact_other div.con_msg {
		width: 440px;
	}
}