@import "bootstrap.css";
@import "animate.min.css";
@import "swiper.min.css";
@import "mobile_nav.css";
@import "../fonts/iconfont.css";
@import "../layui/css/layui.css";

/***

====================================================================
	Reset
====================================================================

 ***/
* {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

html,
body {
	height: 100%;
}

/***

====================================================================
	Global Settings
====================================================================

 ***/
@font-face {
	font-family: Rubik;
	src: url(../fonts/Rubik-Regular.eot?#iefix);
	src: url(../fonts/Rubik-Regular.eot?#iefix) format("eot"), url(../fonts/Rubik-Regular.woff) format("woff"), url(../fonts/Rubik-Regular.woff2) format("woff2"), url(../fonts/Rubik-Regular.ttf) format("truetype");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: Rubik-Light;
	src: url(../fonts/Rubik-Light.eot?#iefix);
	src: url(../fonts/Rubik-Light.eot?#iefix) format("eot"), url(../fonts/Rubik-Light.woff) format("woff"), url(../fonts/Rubik-Light.woff2) format("woff2"), url(../fonts/Rubik-Light.ttf) format("truetype");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: Rubik-LightItalic;
	src: url(../fonts/Rubik-LightItalic.eot?#iefix);
	src: url(../fonts/Rubik-LightItalic.eot?#iefix) format("eot"), url(../fonts/Rubik-LightItalic.woff) format("woff"), url(../fonts/Rubik-LightItalic.woff2) format("woff2"), url(../fonts/Rubik-LightItalic.ttf) format("truetype");
	font-weight: 400;
	font-style: italic
}

@font-face {
	font-family: Rubik;
	src: url(../fonts/Rubik-Bold.eot?#iefix);
	src: url(../fonts/Rubik-Bold.eot?#iefix) format("eot"), url(../fonts/Rubik-Bold.woff) format("woff"), url(../fonts/Rubik-Bold.woff2) format("woff2"), url(../Fonts/Rubik-Bold.ttf) format("truetype");
	font-weight: 700;
	font-style: normal
}



body {
	font-family: Rubik, Microsoft YaHei, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	line-height: 1.8em;
	-webkit-font-smoothing: antialiased;
	letter-spacing: 1px;
	overflow-y: scroll;
	background: #f5f5f5;
}

a {
	text-decoration: none;
	cursor: pointer;
	color: #443f45;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
	position: relative;
	margin: 0;
	background: none;
	line-height: 1.6em;
	font-family: Rubik !important;
}

input,
button,
select,
textarea {
	font-weight: 100;
}

p {
	position: relative;
	line-height: 1.7em;

}

ul,
li {
	list-style: none;
	padding: 0;
	margin: 0;
}

input::-webkit-input-placeholder {
	color: #999;
}

hr {
	border-top: 1px #ccc solid;
}



.blank-10 {
	height: 10px;
}

.blank-20 {
	height: 20px;
}

.blank-30 {
	height: 30px;
}

.blank-40 {
	height: 40px;
}

.blank-50 {
	height: 50px;
}

.blank-60 {
	height: 60px;
}

.blank-70 {
	height: 70px;
}

.blank-80 {
	height: 80px;
}

.blank-90 {
	height: 90px;
}

.blank-100 {
	height: 100px;
}

.clearfix {
	clear: both;
	*zoom: 1
}

.clearfix:after {
	display: block;
	content: '';
	clear: both;
}

.flex-container {
	display: -webkit-flex;
	display: flex;
	/* 给父容器设置flex布局 */
	flex-direction: row;
	/* 默认值为row */
	justify-content: center;
	/* 主轴水平居中 */
	align-items: top;
	/* 侧轴垂直居中 */
	height: 100%;
	z-index: 800;
}

.flex-container .flex-item {
	margin: auto;
}

.transition {
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
}




/*  网站顶部样式 */
.head_fixed {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100000;
	width: 100%;
	background: #fff;
	box-shadow: 0 0 15px rgba(0, 0, 0, .2);
}

.logo {
	padding: 17px 0;
}

.logo a {
	display: block;
	width: 200px;
	height: 56px;
	background: url(../images/yuanquan-logo.png) no-repeat 0 0;
}

.menu-winnking {
	padding: 25px 0;
	position: relative;
}

.menu-winnking .nav,
.menu-winnking .data-btn {
	display: inline-block;
	line-height: 40px;
	letter-spacing: 2px;
	font-size: 18px;
}

.nav a:link,
.nav a:visited {
	margin: 0 10px;
	display: inline-block;
	color: #000;

}

.data-btn {
	padding: 0 0 0 30px;
}

.data-btn a {
	display: block;
	padding: 0 30px;
	border-radius: 40px;
	background: #579d4a;
	/* background-image: linear-gradient(to right, #6fb626, #6fb626); */
	font-weight: bold;
	color: #fff;

}

.data-btn a:hover {
	background: #2b6bb4;
}

.data-btn a span {
	margin: 0 5px 0 0;
	display: inline-block;
	font-size: 24px;
	font-weight: normal;
}



/* banner模块 */

.bannerPart {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 600px;
}

.bannerPart .swiper-container {
	display: block;
	height: 100%;
}

.bannerPart .swiper-button-next,
.bannerPart .swiper-button-prev {
	color: rgba(255, 255, 255, .3) !important;
}

.bannerPart .swiper-button-next:hover,
.bannerPart .swiper-button-prev:hover {
	color: rgba(255, 255, 255, 1) !important;
}


.bannerPart .pagination {
	position: absolute;
	left: 0;
	text-align: center;
	bottom: 5px;
	width: 100%;
	z-index: 999;
}

.bannerPart .swiper-pagination-bullet {
	display: inline-block;
	width: 6px;
	height: 6px;
	opacity: 1;
	border-radius: 10px;
	background: rgba(255, 255, 255, .5);
	margin: 0 3px;
	cursor: pointer;
	transition: width 0.3s ease-in-out;

}

.bannerPart .swiper-pagination-bullet-active {
	background: rgba(255, 255, 255, 1);
	width: 30px;
}

.banner1 h2 {
	color: #fff;
	font-size: 42px;
	font-weight: bolder;
	letter-spacing: 2px;
	color: #fff;
}


.main-box {
	background: #fff;
	padding: 30px;
	box-shadow: 0 0 15px rgba(0, 0, 0, .15);
}

.heading {
	position: relative;
	padding: 10px 0;
	border-bottom: 1px #eaeaea solid;
}

.heading h2 {
	font-size: 20px;
	font-weight: bold;
	color: #70c150;
	letter-spacing: 2px;
	display: inline-block;
}

.heading h2::after {
	position: absolute;
	content: ' ';
	left: 0;
	bottom: -10px;
	width: 100%;
	height: 2px;
	background: #70c150;
}

.heading a {
	float: right;
	color: #999;
}

.heading a span {
	vertical-align: middle;
}


#serviceItem .swiper-button-next,
#serviceItem .swiper-button-prev,
#caseItem .swiper-button-next,
#caseItem .swiper-button-prev {
	display: none;
}

.services-item {
	position: relative;
}

.services-item img {
	max-width: 100%;
}

.services-item h2 {
	padding: 10px 0;
	font-size: 18px;
	font-weight: bold;
	color: #333;
	letter-spacing: 2px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.services-item .text {
	color: #666;
	line-height: 20px;
}


.policy {
	padding: 0 30px 0 0;
}

.policynew {
	padding: 0 0 0 30px;
}


.first-new div:first-child {
	margin: 0 20px 0 0;
	width: 150px;
}

.first-new h2 {
	font-size: 18px;
	font-weight: bold;
	text-align:left;
}

.first-new p {
	color: #666;
}

.news-item li {
	display: block;

}

.news-item li::before {
	margin: 0 10px 0 0;
	display: inline-block;
	content: '■';
	color: #999;
	vertical-align: middle;
}

.news-item li span {
	float: right;
	font-size: 14px;
	color: #999;
	vertical-align: middle;
}

.news-item li a:link,
.news-item li a:visited {
	display: inline-block;
	width: 70%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 15px;
	line-height: 32px;
	vertical-align: middle;
}

.news-item li a:hover {
	color: #000;
}



.footer {
	margin: 0 -30px -30px -30px;
	padding: 50px 30px 50px 250px;
	background: #333 url(../images/footer-logo.png) no-repeat 30px center;
	color: rgba(255, 255, 255, .7);
	font-size:12px;
}
.footer a,.footer a:visited{
	color: rgba(255, 255, 255, .7);
}
.footer a img{max-width:14px;}



/* 子页面css */
.bannerSide {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 300px;
	background-size: cover;
	z-index: 100;
}

.pageTop {
	margin-top: -80px;
	z-index: 500;
	position: relative
}

.nav-left {
	height: 90px;
	line-height: 90px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #fff;
	background: url(../images/nav_left_bg.jpg) no-repeat 0 0;
	background-size: cover;
}

.nav-menu {
	padding: 10px 0;
	display: block;
	list-style: none;
}

.nav-menu li {
	position: relative;
	padding: 15px 0;
	display: block;
	border-bottom: 1px #ddd solid;
}

.nav-menu li a:link,
.nav-menu li a:visited {
	display: block;
	padding: 0 0 0 40px;
	font-size: 16px;
	color: #666;
}

.nav-menu li a::before {
	position: absolute;
	content: ' ';
	left: 10px;
	top: 27px;
	width: 15px;
	height: 2px;
	background: #ccc;
}

.nav-menu li .active {
	color: #479c18 !important;
}

.nav-menu li .active::before {
	background: #479c18;
}

.main-content {
	padding: 30px 0;
	font-size: 16px;
	letter-spacing: 1px;
	color: #666;
}

.main-content p {
	margin: 15px 0;
}

.text-indent {
	text-indent: 2em;
}

.main-content img {
	max-width: 100%;
}

.certificate-box {
	list-style: none;
}

.certificate-box li {
	margin: 0 2% 30px 2%;
	display: block;
	padding: 10px;
	float: left;
	border: 1px #eaeaea solid;
	width: 46%;
}

.certificate-box li h2 {
	padding: 15px 0 5px 0;
	font-size: 16px;
	text-align: center;
}


.service-item>div:first-child {
	margin: 0 30px 0 0;
	width: 250px;
}

.service-item>div:last-child {
	width: calc(100% - 260px);
}

.service-item h2 {
	font-size: 20px;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.service-item p {
	color: #666;
}

.btn-more {
	display: inline-block;
	padding: 8px 40px;
	border-radius: 40px;
	background: #fff;
	color: #6fb626;
	border: 1px #6fb626 solid;

}

.btn-more:hover {
	background: #509e00;
	color: #fff;
}

.newPage {
	list-style: none;
	text-align: center;
}

.newPage>li {
	display: inline-block;
	padding: 1px 15px;
	cursor: pointer;
	font-size: 12px;
}

.newPage .pageItem {
	border: solid thin #DDDDDD;
	margin: 5px;
}

.newPage .pageItemActive {
	border: solid thin #6fb626;
	margin: 5px;
	background-color: #6fb626;
	color: white;
}

.newPage .pageItem:hover {
	border: solid thin #6fb626;
	background-color: #6fb626;
	color: white;
}

.newPage .pageItemDisable {
	border: solid thin #DDDDDD;
	margin: 5px;
	background-color: #DDDDDD;
}

.current-page {
	padding: 20px 0;
	background: #f4f4f4;
	font-size: 12px;
	color: #999;
}

.current-page a,
.current-page a:visited {
	color: #333;
}

.article_left h3 {
	margin: 15px 0;
	font-weight: bold;
	font-size: 28px;
}

.article_break,
.article_break a {
	color: #333;
}

.article_break a {
	text-decoration: underline;
}

.article_break a:hover {
	color: #d00;
}

.article_author {
	padding-left: 30px;
	color: #888;
	background: url(../images/avatar.jpg) no-repeat 0 0;
	background-size: 20px 20px;
}

.article_con {
	font-size: 18px;
	color: #666;
}

.article_con p {
	margin: 30px 0;
}

.article_con p a {
	color: #d00;

}

.article_con img {
	max-width: 100%;
}

.article_con h4 {
	margin-bottom: 0;
	font-size: 18px;
	font-weight: bold;
}

.article_relation a {
	display: block;
	margin: 10px 0;
	line-height: 35px;
	border-bottom: 1px #ddd dotted;
	font-size: 14px;
}

.article_p_n {
	padding: 20px;
	background: #f4f4f4;
}

.article_p_n a {
	color: #000;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.article_p_n a:hover {
	color: #d00;
}

.article_tag {
	padding: 50px 0;
}

.article_tag i {
	margin-right: 5px;
	font-size: 16px;
	font-style: normal;
	display: inline-block;
	border: 1px #ccc dashed;
	padding: 3px 10px;
	background: #f4f4f4;
}


.client_pic {
	border: 1px #eaeaea solid;
	background: #fff;
	text-align: center;
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
	cursor: pointer;
}

.client_pic:hover {
	border: 1px #fff solid;
	box-shadow: 0 0 15px rgba(0, 0, 0, .1);

}

.client_pic img {
	-webkit-filter: grayscale(1);
	/* Webkit */
	filter: gray;
	/* IE6-9 */
	filter: grayscale(1);
	/* W3C */
	opacity: .4;
}

.client_pic:hover img {
	-webkit-filter: none;
	/* Webkit */
	filter: none;
	opacity: 1;
}






.about-introduce-thumb {
	position: relative;
	z-index: 100;
}

.about-introduce-thumb img {
	-webkit-animation: about-image 5s ease infinite;
	animation: about-image 5s ease infinite;
}

@-webkit-keyframes about-image {
	0% {
		transform: scale(1)
	}

	20% {
		transform: scale(1.05);
	}

	100% {
		transform: scale(1)
	}
}


.about-introduce-circle {
	position: absolute;
	right: -60px;
	bottom: 0;
	z-index: 50;
	-webkit-animation: about-ani 15s ease infinite;
	animation: about-ani 15s ease infinite;
}

@-webkit-keyframes about-ani {
	0% {
		transform: rotate(0deg)
	}

	50% {
		transform: rotate(180deg)
	}


	100% {
		transform: rotate(360deg);
	}
}



/* 适配移动端 */
@media (max-width: 767px) {
	.head_fixed {
		max-height: 60px;
		z-index: 1800;
	}

	.logo {
		margin: 16px 0;
		width: 100px;
		height: 28px;
		background: url(../images/logo_est_2x.png) no-repeat;
		background-size: 100px 28px;
		overflow: hidden;
		text-indent: -999px;
		display: inline-block;
		float: left;
	}

	.m_menu {
		margin: 15px 0;
		display: inline-block;
		width: 30px;
		height: 30px;
		background: url(../images/menu_2x.png) no-repeat;
		background-size: 30px;
	}

	.app-hide-list i {
		margin-top: 5px;
		margin-right: 10px;
		font-size: 11px;
	}

	.app-hide-list {
		background: #f5f5f5;
		margin: 5px 0;
		color: #000;
	}

	.app-slide-menu .mdui-list-item-content {
		text-align: left;
		padding-left: .8em;
	}

	.app-collapse-menu {
		margin: 0 16px;
	}

	.app-list-home {
		padding: 0;
		margin: 5px 0 10px;
		background: #70c150;
	}

	.app-list-home:hover {
		background: #70c150;
	}

	.app-list-home i {
		margin-top: -3px;
		margin-right: 5px;
		color: #fff;
	}

	.app-list-home a {
		color: #fff;
	}

	.app-list-item-link {
		color: #fff;
		display: block;
		width: 100%;
		text-align: left;
	}

	.mdui-collapse-item-body .app-sub-list {
		padding: 0;
		margin: 8px;
		height: 30px;
		line-height: 30px;
		background: #fff;
	}

	.mdui-collapse-item-body .app-sub-list a {
		padding-left: 23px;
	}

	.app-collapse-list {
		margin: 10px 0;
	}

	.bannerPart {
		height: 240px;
	}

	.pagination {
		margin: 0 !important;
	}
	
	.banner1 h2 {
	color: #fff;
	font-size: 20px;
	font-weight: bolder;
	letter-spacing: 0;
	color: #fff;
}

}

/* ipad */
@media (min-width: 768px) and (max-width: 991px) {
	.head_fixed {
		max-height: 60px;
		z-index: 1800;
	}

	.logo {
		margin: 16px 0;
		width: 194px;
		height: 27px;
		background: url(../images/logo_est_2x.png) no-repeat;
		background-size: 194px 27px;
		overflow: hidden;
		text-indent: -999px;
		display: inline-block;
		float: left;
	}

	.m_menu {
		margin: 15px 0;
		display: inline-block;
		width: 30px;
		height: 30px;
		background: url(../images/menu_2x.png) no-repeat;
		background-size: 30px;
	}

	.app-hide-list i {
		margin-top: 5px;
		margin-right: 10px;
		font-size: 11px;
	}

	.app-hide-list {
		background: #f5f5f5;
		margin: 5px 0;
		color: #000;
	}

	.app-slide-menu .mdui-list-item-content {
		text-align: left;
		padding-left: .8em;
	}

	.app-collapse-menu {
		margin: 0 16px;
	}

	.app-list-home {
		padding: 0;
		margin: 5px 0 10px;
		background: #70c150;
	}

	.app-list-home:hover {
		background: #ffa21e;
	}

	.app-list-home i {
		margin-top: -3px;
		margin-right: 5px;
		color: #fff;
	}

	.app-list-home a {
		color: #fff;
	}

	.app-list-item-link {
		color: #fff;
		display: block;
		width: 100%;
		text-align: left;
	}

	.mdui-collapse-item-body .app-sub-list {
		padding: 0;
		margin: 8px;
		height: 30px;
		line-height: 30px;
		background: #fff;
	}

	.mdui-collapse-item-body .app-sub-list a {
		padding-left: 23px;
	}

	.app-collapse-list {
		margin: 10px 0;
	}

	.pagination {
		margin: 0 !important;
	}

}