/**



 * style.less



 * 层叠样式表



 */

tr:hover {

	background-color: white;

}



@media (min-width: 1200px) {

.container {

	width: 1200px;

}

}



@media (min-width: 1320px) {

.container {

	width: 1320px;

}

}



@media (max-width: 767px) {

.col-xs-6:nth-child(2n+1) {

	padding-right: 7.5px;

}

.col-xs-6:nth-child(2n) {

	padding-left: 7.5px;

}

}

body {

	font-family: 'avenirnext', Arial, Helvetica, 'PingFang SC', sans-serif;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}

a {

	text-decoration: none;

	color: inherit;

}

a:hover {

	text-decoration: none;

	color: inherit;

}

a:visited,  a:link {

	text-decoration: none;

	color: inherit;

}

.img-box {

	position: relative;

	display: block;

	overflow: hidden;

	height: 0;

	padding-bottom: 100%;

}

.img-box img {

	position: absolute;

	top: 0;

	left: 0;

	display: block;

	width: 100%;

	height: 100%;

}

.img-box img[src=''],  .img-box img:not([src]) {

	opacity: 0;

	border: 0;

}

@font-face {

	font-family: 'iconfont';

	src: url('../fonts/iconfont.eot');

	src: url('../fonts/iconfont.eot') format('embedded-opentype'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype'), url('../fonts/iconfont.svg') format('svg');

}

@font-face {

	font-family: 'avenirnext';

	src: url('../fonts/avenirnextregular.eot');

	src: url('../fonts/avenirnextregular.eot') format('embedded-opentype'), url('../fonts/avenirnextregular.woff2') format('woff2'), url('../fonts/avenirnextregular.woff') format('woff'), url('../fonts/avenirnextregular.ttf') format('truetype'), url('../fonts/avenirnextregular.svg#avenirnextregular') format('svg');

}

@font-face {

	font-family: 'AvenirNextDemiBold';

	src: url('../fonts/avenirnextdemibold.eot');

	src: url('../fonts/avenirnextdemibold.eot') format('embedded-opentype'), url('../fonts/avenirnextdemibold.woff2') format('woff2'), url('../fonts/avenirnextdemibold.woff') format('woff'), url('../fonts/avenirnextdemibold.ttf') format('truetype'), url('../fonts/avenirnextdemibold.svg#avenirnextdemibold') format('svg');

}

@font-face {

	font-family: 'avenirnextbold';

	src: url('../fonts/avenirnextbold.eot');

	src: url('../fonts/avenirnextbold.eot') format('embedded-opentype'), url('../fonts/avenirnextbold.woff2') format('woff2'), url('../fonts/avenirnextbold.woff') format('woff'), url('../fonts/avenirnextbold.ttf') format('truetype'), url('../fonts/avenirnextbold.svg#avenirnextbold') format('svg');

}

@font-face {

	font-family: 'AvenirNextMedium';

	src: url('../fonts/avenirnextmedium.eot');

	src: url('../fonts/avenirnextmedium.eot') format('embedded-opentype'), url('../fonts/avenirnextmedium.woff2') format('woff2'), url('../fonts/avenirnextmedium.woff') format('woff'), url('../fonts/avenirnextmedium.ttf') format('truetype'), url('../fonts/avenirnextmedium.svg#avenirnextmedium') format('svg');

}

.header {

	z-index: 99;

	width: 100%;

	height: 85px;

	background-color: #fff;

	position: fixed;

	top: 0;

	left: 0;

	display: none;

}



@media (max-width: 991px) {

.header {

	height: 63px;
display: block;
}

}

.header .logo {

	float: left;

	height: 35px;

	margin-top: 0px;

}



@media (max-width: 991px) {

.header .logo {

	width: 260px;

	margin-top: 0px;

}

}

.header .logo img {

}

.header .search {

	line-height: 85px;

	float: right;

	padding-left: 40px;

	color: #999;

	border-left: 1px solid #e5e5e5;

}



@media (max-width: 991px) {

.header .search {

	line-height: 75px;

	position: absolute;

	top: 0;

	right: 60px;

	padding: 0;

	border: none;

}

.header .search span {

	display: none;

}

}

.header .search a {

	display: block;

}

.header .search a::before {

	font-family: 'iconfont';

	font-size: 18px;

	float: left;

	margin-top: -1px;

	margin-right: 8px;

	content: '\e660';

	color: #c0c0c0;

}



@media (max-width: 991px) {

.header .search a::before {

	font-size: 20px;

	margin-top: 0;

}

}

.header .search:hover {

	color: #c2d96e;

}

.header .search:hover a::before {

	color: #c2d96e;

}

.header .searchbox {

	line-height: 48px;

	position: absolute;

	z-index: 99;

	top: 0;

	right: 0;

	left: 0;

	display: none;

	overflow: hidden;

	width: 100%;

	max-width: 1320px;

	height: 85px;

	margin: auto;

	padding: 0 15px;

	vertical-align: middle;

	background: #fff;

}



@media (max-width: 991px) {

.header .searchbox {

	height: 75px;

}

}

.header .searchbox input:focus {

	border-color: #ccc;

	outline: none;

}

.header .searchbox .logo {

	margin-top: 17px;

}



@media (max-width: 991px) {

.header .searchbox .logo {

	margin-top: 12px;

}

}



@media (max-width: 767px) {

.header .searchbox .logo {

	display: none;

}

}

.header .searchbox .search-pc {

	position: relative;

	overflow: hidden;

	height: 85px;

}



@media (max-width: 991px) {

.header .searchbox .search-pc {

	height: 75px;

}

}

.header .searchbox .search-pc form {

	position: relative;

	float: left;

	width: 71%;

	padding-top: 14px;

	padding-left: 10%;

}



@media (max-width: 991px) {

.header .searchbox .search-pc form {

	padding-top: 9px;

}

}



@media (max-width: 767px) {

.header .searchbox .search-pc form {

	width: 90%;

	padding-left: 50px;

}

}



@media (max-width: 480px) {

.header .searchbox .search-pc form {

	width: 92%;

}

}

.header .searchbox .sclose {

	line-height: 40px;

	position: absolute;

	top: 22px;

	right: 15px;

	float: right;

	width: 40px;

	padding-left: 10px;

	cursor: pointer;

}



@media (max-width: 991px) {

.header .searchbox .sclose {

	top: 17px;

}

}



@media (max-width: 480px) {

.header .searchbox .sclose {

	float: right;

}

}

.header .searchbox .sclose::after {

	font-family: 'iconfont';

	font-size: 18px;

	content: '\e697';

}

.header .searchbox .sclose:hover::after {

	color: #c2d96e;

}

.header .searchbox input {

	font-size: 15px;

	width: 90%;

	margin: 4px 0 0 0;

	color: #999;

	border: none;

	border-radius: 3px;

	background: none;

}

 .header .searchbox ::-webkit-input-placeholder {

 color: #999;

}

.header .searchbox a.sbtn {

	position: absolute;

	top: 20px;

	left: 10%;

	display: inline-block;

}



@media (max-width: 767px) {

.header .searchbox a.sbtn {

	top: 15px;

	left: 15px;

}

}

.header .searchbox a.sbtn::before {

	font-family: 'iconfont';

	font-size: 18px;

	margin-top: -2px;

	margin-right: 8px;

	content: '\e660';

	color: #c0c0c0;

}

.header .nav {

	float: right;

	margin-right: 20px;

}



@media (max-width: 1440px) {

.header .nav {

	margin-right: 10px;

}

}



@media (max-width: 991px) {

.header .nav {

	display: none;

}

}

.header .nav > .item {

	font-size: 16px;

	font-weight: bold;

	line-height: 85px;

	float: left;

	margin: 0 2px;

}



@media (max-width: 991px) {

.header .nav > .item {

	line-height: 70px;

}

}

.header .nav > .item:hover > a,  .header .nav > .item.active > a {

	color: #006ae0;

	background: none;

}

.header .nav > .item > a {

	position: relative;

	display: block;

	padding: 0 20px;

}



@media (max-width: 1199px) {

.header .nav > .item > a {

	padding: 0 5px;

}

}

.header .nav .level-2,  .header .nav .level-3 {

	position: absolute;

	z-index: 10;

	display: none;

	background-color: #fff;

}

.header .nav .level-2 a,  .header .nav .level-3 a {

	display: block;

	overflow: hidden;

	padding: 0 30px;

	white-space: nowrap;

	text-overflow: ellipsis;

	border-bottom: none;

}

.header .nav .level-2 {

	line-height: 2.4;

	z-index: 99;

	top: 85px;

	min-width: 430px;

	padding: 0;

	padding: 30px 0;

	background-color: #fff;

	box-shadow: 0 0 6px 0 rgba(0, 0, 0, .1);

}

.header .nav .level-2 a {

	font-family: 'AvenirNextMedium';

}

.header .nav .level-2 a::after {

	font-family: 'iconfont';

	position: absolute;

	top: 1px;

	right: 10px;

	content: '\e605';

	color: #006ae0;

	display: none;

}

.header .nav .level-2 > li {

	position: relative;

	width: 200px;

	float: left;

	list-style-type: none;

}

.header .nav .level-2 > li img {

	width: 100%;

}

.header .nav .level-2 > li:hover {

/* background-color: #006ae0;*/



}

.header .nav .level-2 > li > a:hover {

	color: #006ae0;

}

.header .nav .level-2 > li:hover > a::after {

	color: #fff;

}

.header .nav .level-3 {

	line-height: 2.14285714;

	z-index: 99;

	top: 0;

	left: 100%;

	overflow: hidden;

	min-width: 280px;

	padding: 20px 0;

	background-color: rgba(194, 217, 110, .85);

}

.header .nav .level-3 > li:last-child {

	border: none;

}

.header .nav .level-3 > li a {

	font-family: 'avenirnext';

	font-size: 14px;

	color: #fff;

}

.header .nav .level-3 > li a::after {

	display: none;

}

.header .nav .level-3 > li:hover a {

	text-decoration: underline;

}

.header .navigation {

	line-height: 48px;

	position: absolute;

	z-index: 99;

	top: 63px;

	left: 0;

	display: none;

	overflow: visible;

	width: 100%;

	border-top: solid 2px #2aaaf0;

	background-color: #fff;

	box-shadow: 0 0 8px 0 rgba(0, 0, 0, .23);

}

.header .navigation .level-1 > li.more::after,  .header .navigation .level-2 > li::before,  .header .navigation .level-2 > li.more::after {

	position: absolute;

	top: 18px;

	right: 15px;

	width: 12px;

	height: 12px;

	content: '';

	background: url(/public/static/modules/cms/images/menu.png) no-repeat;

	background-size: cover;

}

.header .navigation .level-1 {

	padding: 0;

	color: #666;

}

.header .navigation .level-1 a {

	display: block;

	overflow: hidden;

	white-space: nowrap;

	text-decoration: none;

	text-overflow: ellipsis;

	color: inherit;

}

.header .navigation .level-1 li {

	position: relative;

}

.header .navigation .level-1 > li > a {

	padding: 0 2em 0 1em;

}

.header .navigation .level-1 > li::after {

	background-position: -36px 0;

}

.header .navigation .level-1 > li.active::after,  .header .navigation .level-1 > li:hover::after {

	background-position: -96px 0;

}

.header .navigation .level-1 > li.more::after {

	background-position: -12px 0;

}

.header .navigation .level-1 > li.more:hover::after {

	background-position: -72px 0;

}

.header .navigation .level-1 > li.more.active::after {

	background-position: -84px 0;

}

.header .navigation .level-1 > li.active > a,  .header .navigation .level-1 > li:hover > a {

	background-color: rgba(0, 0, 0, .05);

}

.header .navigation .level-2 {

	display: none;

	padding: 0;

}

.header .navigation .level-2 a {

	padding: 0 2em 0 3em;

}

.header .navigation .level-2 li:last-child {

	border-bottom: none;

}

.header .navigation .level-2 > li::before {

	right: auto;

	left: 1.5em;

	background-position: 0 0;

}

.header .navigation .level-2 > li::after {

	background-position: -48px 0;

}

.header .navigation .level-2 > li.more.active::after {

	background-position: -84px 0;

}

.header .navigation .level-2 > li.more::after {

	background-position: -12px 0;

}

.header .navigation .level-3 {

	line-height: 40px;

	display: none;

	padding: 0;

}

.header .navigation .level-3 a {

	font-size: .8em;

	padding-left: 4em;

}

.header .navigation .level-3 > li::before {

	right: auto;

	left: 2em;

	background-position: 0 0;

}

.header .navigation .level-3 > li::after {

	background-position: -48px 0;

}

.header .navigation .level-3 > li.more.active::after {

	background-position: -84px 0;

}

.header .navigation .level-3 > li.more::after {

	background-position: -12px 0;

}

.header .toggle {

	position: absolute;

	top: 17px;

	right: 15px;

	display: none;

	width: 40px;

	height: 40px;

	cursor: pointer;

	border-radius: 50%;

}



@media (max-width: 991px) {

.header .toggle {

	top: 14px;

	display: block;

}

}

.header .toggle .icon,  .header .toggle .icon::before,  .header .toggle .icon::after {

	position: absolute;

	width: 25px;

	height: 2px;

	-webkit-transition-duration: .5s;

	transition-duration: .5s;

	background: #2aaaf0;

}

.header .toggle .icon {

	top: 21.75px;

	left: 9px;

}

.header .toggle .icon::before,  .header .toggle .icon::after {

	left: 0;

	content: '';

	background: inherit;

}

.header .toggle .icon::before {

	top: -7px;

}

.header .toggle .icon::after {

	top: 7px;

}

.header.nav-open .toggle .icon {

	width: 0;

}

.header.nav-open .toggle .icon::before {

	-webkit-transform: translateY(7px) rotate(45deg);

	-ms-transform: translateY(7px) rotate(45deg);

	transform: translateY(7px) rotate(45deg);

}

.header.nav-open .toggle .icon::after {

	-webkit-transform: translateY(-7px) rotate(-45deg);

	-ms-transform: translateY(-7px) rotate(-45deg);

	transform: translateY(-7px) rotate(-45deg);

}

.online {

	position: fixed;

	z-index: 99;

	right: 15px;

	width: 46px;

	-webkit-transition: all .6s ease;

	transition: all .6s ease;

}



@media (max-width: 1440px) {

.online {

	right: 5px;

}

}



@media (min-width: 992px) {

.online {

	top: 40%;

}

}



@media (max-width: 991px) {

.online {

	bottom: -300px;

}

}

.online.active {

	right: 5px;

	bottom: 80px;

}

.online a {

	position: relative;

	display: block;

	width: 46px;

	height: 46px;

	margin-top: 5px;

	cursor: pointer;

	border: 1px solid #e7e7e7;

	border-radius: 50%;

	background: url(/public/static/modules/cms/images/online.png) no-repeat #fff;

}

.online a.online-skype {

	background-position: 0 0;

}

.online a.online-skype:hover {

	border-color: #00adf1;

	background-color: #00adf1;

	background-position: 0 -230px;

}

.online a.online-email {

	background-position: 0 -46px;

}

.online a.online-email:hover {

	border-color: #b4961a;

	background-color: #b4961a;

	background-position: 0 -276px;

}

.online a.online-tel {

	background-position: 0 -92px;

}

.online a.online-tel:hover {

	border-color: #c2d96e;

	background-color: #c2d96e;

	background-position: 0 -322px;

}

.online a.online-wechat {

	background-position: 0 -138px;

}

.online a.online-wechat:hover {

	border-color: #33d055;

	background-color: #33d055;

	background-position: 0 -368px;

}

.online a.online-qq {

	background-position: 0 -460px;

}

.online a.online-qq:hover {

	border-color: #e92a02;

	background-color: #e92a02;

	background-position: 0 -506px;

}

.online a.online-top {

	background-position: 0 -184px;

}

.online a.online-top:hover {

	border-color: #000;

	background-color: #000;

	background-position: 0 -414px;

}

.online a.online-wechat img {

	position: absolute;

	z-index: 999;

	top: 0;

	right: 54px;

	display: block;

	display: none;

	width: 110px;

	height: 110px;

	border: 2px solid #33d055;

}

.online a.online-tel p {

	font-family: 'seravek';

	font-size: 16px;

	line-height: 45px;

	position: absolute;

	top: 0;

	right: 54px;

	display: block;

	display: none;

	width: 150px;

	height: 45px;

	margin: 0;

	text-align: center;

	color: #fff;

	border-radius: 20px;

	background-color: #c2d96e;

}

.icon-online {

	font-size: 30px;

	line-height: 46px;

	position: fixed;

	z-index: 100;

	right: 5px;

	bottom: 20px;

	display: none;

	width: 46px;

	height: 46px;

	-webkit-transition: all .4s ease;

	transition: all .4s ease;

	text-align: center;

	color: #fff;

	border-radius: 50%;

	background-color: #c2d96e;

}



@media (max-width: 991px) {

.icon-online {

	display: block;

}

}

.icon-online.icon {

	-webkit-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	transform: rotate(45deg);

}

.banner {

	position: relative;

	overflow: hidden;

	width: 100%;

	margin-top: 63px;

}

.banner img {

	display: block;

	width: 100%;

}



@media (max-width: 1199px) {

.banner .owl-theme {

	width: 120%;

	max-width: 120%;

	margin-left: -10%;

}

}



@media (max-width: 991px) {

.banner .owl-theme {

	width: 140%;

	max-width: 140%;

	margin-left: -20%;

}

}

.banner .owl-theme .owl-controls {

	margin: 0;

}

.banner .owl-theme .owl-controls .owl-pagination {

	position: absolute;

	bottom: 24px;

	width: 100%;

}



@media (max-width: 1199px) {

.banner .owl-theme .owl-controls .owl-pagination {

	bottom: 14px;

	text-align: center;

}

}

.banner .owl-theme .owl-controls .owl-pagination .owl-page span {

	display: inline-block;

	width: 12px;

	height: 6px;

	margin: 0 5px;

	opacity: 1;

	border-radius: 10px;

	background-color: #fff;

}

.banner .owl-theme .owl-controls .owl-pagination .owl-page.active span {

	display: inline-block;

	width: 30px;

	height: 6px;

	background-color: #2aaaf0;

}

.banner .owl-theme .owl-controls .owl-buttons {

	display: none;

}

.banner .owl-theme .owl-controls .owl-buttons .owl-prev,  .banner .owl-theme .owl-controls .owl-buttons .owl-next {

	position: absolute;

	z-index: 9;

	top: 43%;

	opacity: 1;

	border-radius: 0;

	background: none;

}

.banner .owl-theme .owl-controls .owl-buttons .owl-prev::after,  .banner .owl-theme .owl-controls .owl-buttons .owl-next::after {

	font-family: 'iconfont';

	font-size: 28px;

	line-height: 60px;

	display: block;

	width: 60px;

	height: 60px;

	content: '\e608';

	background-color: rgba(0, 0, 0, .8);

}

.banner .owl-theme .owl-controls .owl-buttons .owl-prev {

	left: 5%;

}

.banner .owl-theme .owl-controls .owl-buttons .owl-prev:hover {

	opacity: .8;

}



@media (max-width: 1199px) {

.banner .owl-theme .owl-controls .owl-buttons .owl-prev {

	left: 10%;

}

}

.banner .owl-theme .owl-controls .owl-buttons .owl-next {

	right: 5%;

}

.banner .owl-theme .owl-controls .owl-buttons .owl-next::after {

	content: '\e609';

}

.banner .owl-theme .owl-controls .owl-buttons .owl-next:hover {

	opacity: .8;

}



@media (max-width: 1199px) {

.banner .owl-theme .owl-controls .owl-buttons .owl-next {

	right: 10%;

}

}

.banner .text {

	position: absolute;

	top: 50%;

	right: 0;

	left: 0;

	max-width: 1320px;

	margin: auto;

	-webkit-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	transform: translateY(-50%);

	text-align: center;

	color: #fff;

}

.box {

	padding: 100px 0px;

}



@media (max-width: 767px) {

.box {

	padding: 60px 0;

}

}

.title {

	position: relative;

	text-align: center;

}

.title h2 {

	font-family: "微软雅黑";

	font-size: 30px;

	margin: 0;

	margin-top: 30px;

	font-weight: bold;

}



@media (max-width: 480px) {

.title h2 {

	font-size: 26px;

}

}

.title p {

	font-size: 15px;

	line-height: 1.6;

	margin: 10px 0 0 0;

	color: #666;

}

.box-sort {

	padding: 50px 0;

	padding-right: 60px;

	padding-left: 60px;

}



@media (max-width: 1440px) {

.box-sort {

	padding-right: 40px;

	padding-left: 40px;

}

}



@media (max-width: 991px) {

.box-sort {

	padding-right: 15px;

	padding-left: 15px;

}

}



@media (max-width: 767px) {

.box-sort {

	padding-right: 0;

	padding-left: 0;

}

}

.box-sort .info {

	overflow: hidden;

}

.box-sort .list {

	padding: 0 23px;

}



@media (max-width: 991px) {

.box-sort .list {

	margin-top: 30px;

}

.box-sort .list:first-child {

	margin-top: 0;

}

}

.box-sort .item {

	display: table;

	overflow: hidden;

	width: 100%;

	padding: 10px 40px;

	background-color: #bfddff;

}



@media (max-width: 1440px) {

.box-sort .item {

	padding: 10px 20px;

}

}



@media only screen and (min-width: 992px) and (max-width: 1440px) {

.box-sort .item {

	margin-bottom: -989px;

	padding-bottom: 999px;

}

}



@media (min-width: 1441px) {

.box-sort .item {

	margin-bottom: -979px;

	padding-bottom: 999px;

}

}



@media (max-width: 767px) {

.box-sort .item {

	padding: 10px 15px;

}

}

.box-sort .item .pic {

	float: left;

	width: 38%;

	vertical-align: middle;

}



@media (max-width: 1440px) {

.box-sort .item .pic {

	width: 45%;

	padding-top: 2%;

}

}



@media (max-width: 991px) {

.box-sort .item .pic {

	width: 38%;

}

}

.box-sort .item .note {

	float: left;

	width: 62%;

	padding-left: 30px;

	vertical-align: top;

	color: #000;

}



@media (max-width: 1440px) {

.box-sort .item .note {

	width: 55%;

}

}



@media (max-width: 991px) {

.box-sort .item .note {

	width: 62%;

}

}



@media (max-width: 767px) {

.box-sort .item .note {

	padding-left: 15px;

}

}

.box-sort .item .note h3 {

	font-family: "微软雅黑";

	font-size: 20px;

	max-width: 125px;

	margin: 30px 0 20px;

}



@media (max-width: 1440px) {

.box-sort .item .note h3 {

	margin: 26px 0 20px;

}

}



@media (max-width: 767px) {

.box-sort .item .note h3 {

	font-size: 18px;

	margin: 15px 0;

}

}

.box-sort .item .note p {

	font-size: 15px;

	line-height: 1.33333333;

	margin: 0;

	margin-bottom: 6px;

}

.box-sort .item .note p:hover {

	text-decoration: underline;

}

.box-sort .item-2 {

	background-color: #ffe3a8;

}

.box-sort .item-3 {

	background-color: #CBFFDD;

}

.box-product {

	background-color: #f4f4f4;

}

.box-product .pro-sort ul.sort {

	margin: 30px 0 0 0;

	padding: 0;

	text-align: center;

}

.box-product .pro-sort ul.sort li {

	line-height: 22px;

	display: inline-block;

	height: 22px;

	margin-top: 10px;

	list-style: none;

	text-align: center;

	border-right: 1px solid #ccc;

}

.box-product .pro-sort ul.sort li:last-child {

	border: none;

}

.box-product .pro-sort ul.sort li a {

	font-size: 16px;

	display: block;

	padding: 0 40px;

	color: #666;

}



@media (max-width: 767px) {

.box-product .pro-sort ul.sort li a {

	padding: 0 10px;

}

}

/*.box-product .pro-sort ul.sort li a::after



{



    display: block;







    width: 40px;



    height: 1px;



    margin: 0 auto;



    margin-top: 8px;







    content: '';







    background-color: #f6f6f6;



}*/



.box-product .pro-sort ul.sort li.active a {

	color: #666;

}

.box-product .pro-sort ul.sort li.active a::after {

	background-color: #c2d96e;

}

.box-product .info .item {

	overflow: hidden;

	margin-top: 50px;

	padding: 30px 30px 60px 30px;

	background-color: #fff;

}



@media (max-width: 767px) {

.box-product .info .item {

	margin-top: 30px;

	padding: 30px 15px;

}

}

.box-product .info .item:hover {

	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);

}

.box-product .info .item .p-title {

	text-align: center;

}

.box-product .info .item .p-title h3 {

	font-family: "微软雅黑";

	font-weight: bold;

	font-size: 18px;

	position: relative;

	overflow: hidden;

	padding-top: 10px;

	padding-bottom: 10px;

	white-space: nowrap;

	text-overflow: ellipsis;

}

.box-product .info .item .p-title h3::after {

	font-family: 'iconfont';

	font-size: 24px;

	position: absolute;

	top: 0;

	content: '\e637';

	color: #f90606;

	display: none;

}

.box-product .info .item .p-title p {

	font-size: 12px;

	overflow: hidden;

	margin: 0;

	white-space: nowrap;

	text-overflow: ellipsis;

	color: #999;

}

.box-product .info .item .link {

	position: absolute;

	z-index: 99;

	right: 40px;

	bottom: 30px;

	opacity: 0;

}

.box-product .info .item .link a {

	line-height: 35px;

	display: block;

	width: 35px;

	height: 35px;

	margin: 5px 0;

	text-align: center;

	border-radius: 50%;

	background-color: #2aaaf0;

}

.box-product .info .item .link a::after {

	font-family: 'iconfont';

	font-size: 16px;

	content: '\e61d';

	color: #fff;

}

.box-product .info .item .link a.link-2 {

	background-color: #e4b573;

}

.box-product .info .item .link a.link-2::after {

	font-size: 20px;

	content: '\e60c';

}

.box-product .info .item:hover .link {

	-webkit-animation: fadeInUp 1s 0s ease both;

	animation: fadeInUp 1s 0s ease both;

}

.box-product .flexslider ul {

	margin: 0;

	padding: 0;

}

.box-product .flexslider ul li {

	position: relative;

	overflow: hidden;

	list-style: none;

}

.box-product .flexslider .flex-control-nav {

	position: absolute;

	z-index: 99;

	bottom: 20px;

	left: 0;

	width: 100%;

	margin-top: 18px;

	padding: 0;

	text-align: center;

}

.box-product .flexslider .flex-control-nav li {

	display: inline-block;

	list-style: none;

}

.box-product .flexslider .flex-control-nav li a {

	font-size: 12px;

	line-height: 12px;

	display: inline-block;

	width: 10px;

	height: 10px;

	margin: 0 5px;

	list-style: none;

	cursor: pointer;

	color: #d8d8d8;

	border-radius: 50%;

	background-color: #d8d8d8;

}

.box-product .flexslider .flex-control-nav li a.flex-active {

	background-color: #c2d96e;

}

.box-about {

	position: relative;

	background: url(/public/static/modules/cms/images/about-bg.jpg) no-repeat center fixed;

}

.box-about02 {

	position: relative;

	background: url(/public/static/modules/cms/images/about-bg02.png) no-repeat center fixed;

}

.box-about03 {

	position: relative;

	background: url(/public/static/modules/cms/images/about-bg03.png) no-repeat center fixed;

}

.box-about03 img {

	max-width: 100%;

}

.box-about::after {

	position: absolute;

	bottom: 0;

	display: block;

	width: 100%;

	height: 30%;

	content: '';

	background-color: #fff;

}

.box-about .about {

	position: relative;

	z-index: 9;

	overflow: hidden;

	margin-top: 200px;

	padding: 0px 0 0 0;

	background-color: #fff;

	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);

}

.biaoti h2 {

	text-align: center;

	font-weight: bold;

	margin-bottom: 80px;

}



@media (max-width: 991px) {

.box-about .about {

	padding-top: 40px;

	padding-bottom: 40px;

}

}

.box-about .about .pic {

	display: inline-block;

	width: 35%;

	vertical-align: bottom;

}



@media (max-width: 991px) {

.box-about .about .pic {

	display: none;

}

}

.box-about .about .pic img {

	max-width: 100%;

}

.box-about .about .text {

	display: inline-block;

	width: 65%;

	margin-right: -4px;

	padding: 0 40px 0 60px;

	vertical-align: top;

}



@media (max-width: 991px) {

.box-about .about .text {

	display: block;

	width: 100%;

	padding: 0 20px;

}

}

.box-about .about .text .title {

	text-align: left;

}

.box-about .about .text .note {

	margin-top: 25px;

}

.box-about .about .text .note p {

	font-size: 18px;

	line-height: 1.6;

	color: #666;

}

.box-about .about .text a {

	color: #c2d96e;

}

.box-about .about .text a:hover {

	text-decoration: underline;

}

.box-about .about .num {

	margin-top: 40px;

	padding-bottom: 10px;

	background-color: #2aaaf0;

}

.box-about .about .num ul {

	margin: 0;

	padding: 0 25px;

}



@media (max-width: 1199px) {

.box-about .about .num ul {

	padding: 0 15px;

}

}

.box-about .about .num ul li {

	display: inline-block;

	margin-right: -4px;

	padding: 0 35px;

	list-style: none;

	vertical-align: top;

	color: #fff;

}



@media (max-width: 1199px) {

.box-about .about .num ul li {

	padding: 0 10px;

}

}

.box-about .about .num ul li h3 {

	font-family: "微软雅黑";

	font-size: 36px;

	text-align: center;

	font-weight: bold;

}



@media (max-width: 1199px) {

.box-about .about .num ul li h3 {

	font-size: 30px;

}

}

.box-xin {

	padding-top: 0;

	padding-bottom: 50px;

}



@media (max-width: 767px) {

.box-xin {

	padding-bottom: 30px;

}

}



@media (min-width: 992px) {

.box-xin .info {

	margin-right: -25px;

	margin-left: -25px;

}

}



@media (min-width: 992px) {

.box-xin .info .item {

	padding: 0 25px;

}

}

.box-xin .xin {

	position: relative;

	overflow: hidden;

	margin-bottom: 30px;

	text-align: center;

	background-color: #000;

}

.box-xin .xin .img-box {

	z-index: 0;

	padding-bottom: 58.06451613%;

}

.box-xin .xin .img-box img {

	-webkit-transition: all .6s ease;

	transition: all .6s ease;

	opacity: .9;

}

.box-xin .xin .xin-box {

	position: absolute;

	z-index: 1;

	top: 0;

	width: 100%;

	height: 100%;

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

}

.box-xin .xin .xin-box {

	position: absolute;

	z-index: 1;

	top: 0;

	width: 100%;

	height: 100%;

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

}

.box-xin .xin .iframe {

	display: none;

	width: 100%;

}

.box-xin .xin .play {

	font-size: 18px;

	display: inline-block;

	margin-left: calc((100% - 60px) / 2);

	margin-top: 20%;

	margin-bottom: 0%;

	position: absolute;

	top: 0;

	left: 0;

	-webkit-transition: -webkit-transform .6s ease;

	transition: -webkit-transform .6s ease;

	transition: transform .6s ease;

	transition: transform .6s ease, -webkit-transform .6s ease;

	color: #fff;

}



@media (max-width: 991px) {

.box-xin .xin .play {

	margin-top: 18%;

}

}

.box-xin .xin .play::before {

	display: block;

	width: 60px;

	height: 60px;

	margin: 0 auto;

	margin-bottom: 24px;

	content: '';

	background: url(/public/static/modules/cms/images/play.png) no-repeat;

	background-size: cover;

}



@media (max-width: 991px) {

.box-xin .xin .play::before {

	width: 50px;

	height: 50px;

}

}

.box-xin .xin h3 {

	font-size: 16px;

	line-height: 50px;

	position: absolute;

	bottom: 0;

	overflow: hidden;

	width: 100%;

	height: 50px;

	margin: 0;

	white-space: nowrap;

	text-overflow: ellipsis;

	color: #fff;

	background-color: rgba(0, 0, 0, .57);

}

.box-xin .xin:hover .img-box img {

	-webkit-transform: scale(1.1);

	-ms-transform: scale(1.1);

	transform: scale(1.1);

	opacity: .5;

}

.box-xin .xin:hover .play {

	-webkit-animation: fadeInUp 1s 0s ease both;

	animation: fadeInUp 1s 0s ease both;

}

.box-text {

	padding: 50px 0;

	background-color: #e4b573;

}

.box-text p {

	font-family: 'AvenirNextDemiBold';

	font-size: 20px;

	line-height: 1.6;

	margin: 0;

	text-align: center;

	color: #fff;

}



@media (max-width: 767px) {

.box-text p {

	font-size: 18px;

}

}

.box-news {

	padding: 0px;

	margin-top: 0px;

	margin-bottom: 0px;

}

.box-news h2 {

	font-weight: bold;

	color: #2aaaf0;

	margin: 0 auto;

}

.box-news p {

	margin: 10px 0px;

}



@media (max-width: 991px) {

.box-news {

	padding: 0px;

}

}



@media (max-width:700px) {

.box-news {

	padding: 0px;

	margin-top: 0px;

	margin-bottom: 0px;

}

.box-news .item {

	margin: 0 auto;

	margin-top: 20px;

}

}



@media (max-width: 767px) {

.box-news {

	padding: 0px 0;

}

}

.box-news .item {

	margin: 0 auto;

	width: 100%;

	margin: auto;

	float: left;

}



@media (max-width: 991px) {

.box-news .item {

	margin: 0 auto;

	margin-top: 0px;

}

}

.box-news .item .pic {

	position: relative;

	padding: 15px;

}

.box-news .item .pic img {

	width: 100%;

}

.box-news .item .img-box {

	padding-bottom: 60.37735849%;

	background-color: #000;

}

.box-news .item .img-box img {

	-webkit-transition: all .2s ease;

	transition: all .2s ease;

}

.box-news .item .note {

	position: absolute;

	top: 0;

	padding: 25px;

	color: #fff;

}

.box-news .item .note h3 {

	font-size: 18px;

	line-height: 1.55555556;

	display: -webkit-box;

	overflow: hidden;

	max-width: 350px;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

}

.box-news .item .note span {

	font-size: 13px;

	line-height: 30px;

	display: inline-block;

	height: 30px;

	padding: 0 12px;

	background-color: rgba(194, 217, 110, .85);

}

.box-news .item .note span::before {

	font-family: 'iconfont';

	margin-right: 4px;

	content: '\e63c';

}

.box-news .item .note p {

	font-size: 15px;

	line-height: 1.6;

	display: -webkit-box;

	overflow: hidden;

	height: 72px;

	margin: 40px 0 0 0;

	opacity: 0;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical;

}



@media (max-width: 1440px) {

.box-news .item .note p {

	margin-top: 10px;

}

}

.box-news .item .note a {

	display: block;

}

.box-news .item:hover .img-box img {

	opacity: .7;

}

.box-news .item:hover .note h3,  .box-news .item:hover .note span {

	-webkit-animation: fadeInDown 1s 0s ease both;

	animation: fadeInDown 1s 0s ease both;

}

.box-news .item:hover .note p {

	-webkit-animation: fadeInUp 1s 0s ease both;

	animation: fadeInUp 1s 0s ease both;

}

.box-news .owl-controls {

	margin: 0;

}

.box-news .owl-controls .owl-pagination {

	width: 100%;

	margin-top: 30px;

}

.box-news .owl-controls .owl-pagination .owl-page span {

	display: inline-block;

	width: 12px;

	height: 6px;

	margin: 0 5px;

	opacity: 1;

	border-radius: 10px;

	background-color: #ccc;

}

.box-news .owl-controls .owl-pagination .owl-page.active span {

	display: inline-block;

	width: 30px;

	height: 6px;

	background-color: #2aaaf0;

}

.box-news .owl-controls .owl-buttons {

	display: none;

}

.footer {

	background: url(../picture/footer_bg.png) 0 0 no-repeat;

}

.footer h3 {

	font-family: 'AvenirNextDemiBold';

	font-size: 18px;

	margin-top: 0;

	margin-bottom: 20px;

	color: #fff;

}

.footer .foot {

	overflow: hidden;

	padding-top: 80px;

	padding-bottom: 40px;

	color: #7e7e7e;

}



@media (max-width: 767px) {

.footer .foot {

	padding-top: 60px;

}

}

.footer .foot .footnav {

	float: left;

	width: 74%;

}



@media (max-width: 1199px) {

.footer .foot .footnav {

	width: 100%;

}

}

.footer .foot ul {

	margin: 0;

	padding: 0;

}

.footer .foot ul li {

	display: inline-block;

	width: 26%;

	margin-right: -4px;

	list-style: none;

	vertical-align: top;

}



@media (max-width: 1199px) {

.footer .foot ul li {

	margin-bottom: 30px;

}

}



@media (max-width: 767px) {

.footer .foot ul li {

	width: 50%;

}

}



@media (max-width: 767px) {

}

.footer .foot ul li a {

	line-height: 2.14285714;

	display: block;

	overflow: hidden;

	-webkit-transition: all .4s ease;

	transition: all .4s ease;

	white-space: nowrap;

	text-overflow: ellipsis;

}

.footer .foot ul li a:hover {

	padding-left: 10px;

	color: #fff;

}

.footer .foot .contact {

	float: left;

	width: 26%;

}



@media (max-width: 1199px) {

.footer .foot .contact {

	width: 100%;

}

}

.footer .foot .contact p {

	line-height: 2;

	margin: 0;

}

.footer .foot .contact p span {

	color: #fff;

}

.footer .foot .contact a:hover {

	text-decoration: underline;

	color: #fff;

}

.footer .copyright {

	overflow: hidden;

	padding: 20px 0;

	margin-top: 80px;

	color: #7e7e7e;

	border-top: 1px solid #4d4d4d;

}

.footer .copyright p {

	line-height: 1.78571429;

	display: inline-block;

	margin: 0;

	color: white;

}



@media (max-width: 991px) {

.footer .copyright p {

	display: block;

}

}

.footer .copyright p a:hover {

	text-decoration: underline;

	color: #fff;

}

.footer .copyright .share {

	display: inline-block;

	float: right;

}



@media (max-width: 991px) {

.footer .copyright .share {

	float: none;

	clear: both;

	margin-top: 20px;

}

}

.footer .copyright .share ul {

	height: 25px;

	margin: 0;

	padding: 0;

	text-align: center;

}

.footer .copyright .share li {

	display: inline-block;

	width: 25px;

	height: 25px;

	margin: 0 3px;

	-webkit-transition: -webkit-transform .2s ease-in-out;

	transition: -webkit-transform .2s ease-in-out;

	transition: transform .2s ease-in-out;

	transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;

	border-radius: 50%;

	background: url(/public/static/modules/cms/images/share.png) no-repeat #fff;

	background-size: cover;

}

.footer .copyright .share li:hover {

	-webkit-transform: translateY(-4px);

	-ms-transform: translateY(-4px);

	transform: translateY(-4px);

}

.footer .copyright .share li a {

	display: block;

	height: 100%;

}

.footer .copyright .share .facebook {

	background-color: #3a5998;

	background-position: -125px 0;

}

.footer .copyright .share .twitter {

	background-color: #19b2e9;

	background-position: -150px 0;

}

.footer .copyright .share .linkedin {

	background-color: #de5446;

	background-position: -175px 0;

}

.footer .copyright .share .google {

	background-color: #dc4e41;

	background-position: -200px 0;

}

.footer .copyright .share .youtube {

	background-color: #dc201d;

	background-position: -225px 0;

}

.wrap {

	padding: 0px 0;

}



@media (max-width: 767px) {

.wrap {

	padding: 60px 0;

}

}

.wrap .title-in h2 {

	font-family: 'avenirnextbold';

	font-size: 30px;

	margin: 0;

}

.wrap .title-in p {

	font-size: 16px;

	line-height: 1.875;

	margin: 30px 0 0 0;

	color: #666;

}

.wrap-about .text {

	margin-top: 30px;

}

.wrap-about .text p {

	font-size: 16px;

	line-height: 1.875;

	margin: 0;

	color: #666;

}

.wrap-about .text img {

	max-width: 100%;

}

.wrap-factory .item {

	margin-top: 40px;

}

.wrap-factory .item .img-box {

	padding-bottom: 68.29268293%;

}

.wrap-factory .item .img-box img {

	-webkit-transition: -webkit-transform .6s ease;

	transition: -webkit-transform .6s ease;

	transition: transform .6s ease;

	transition: transform .6s ease, -webkit-transform .6s ease;

}

.wrap-factory .item p {

	font-family: 'AvenirNextMedium';

	font-size: 16px;

	overflow: hidden;

	margin: 25px 0 0 0;

	text-align: center;

	white-space: nowrap;

	text-overflow: ellipsis;

}

.wrap-factory .item:hover .img-box img {

	-webkit-transform: scale(1.1);

	-ms-transform: scale(1.1);

	transform: scale(1.1);

}



@media (min-width: 992px) {

.wrap-xin .info {

	margin-right: -25px;

	margin-left: -25px;

}

}



@media (min-width: 992px) {

.wrap-xin .info .item {

	padding: 0 25px;

}

}

.wrap-xin .info .item h3 {

	font-family: 'AvenirNextMedium';

	font-size: 16px;

	overflow: hidden;

	margin: 25px 0 0 0;

	text-align: center;

	white-space: nowrap;

	text-overflow: ellipsis;

}

.wrap-xin .xin {

	position: relative;

	overflow: hidden;

	margin-top: 40px;

	text-align: center;

	background-color: #000;

}

.wrap-xin .xin .img-box {

	z-index: 0;

	padding-bottom: 58.06451613%;

}

.wrap-xin .xin .img-box img {

	-webkit-transition: all .6s ease;

	transition: all .6s ease;

	opacity: .9;

}

.wrap-xin .xin .xin-box {

	position: absolute;

	z-index: 1;

	top: 0;

	width: 100%;

	height: 100%;

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

}

.wrap-xin .xin .iframe {

	display: none;

	width: 100%;

}

.wrap-xin .xin .play {

	font-size: 18px;

	display: inline-block;

	margin-top: 22%;

	margin-bottom: 100%;

	-webkit-transition: -webkit-transform .6s ease;

	transition: -webkit-transform .6s ease;

	transition: transform .6s ease;

	transition: transform .6s ease, -webkit-transform .6s ease;

	color: #fff;

}



@media (max-width: 991px) {

.wrap-xin .xin .play {

	margin-top: 23%;

}

}

.wrap-xin .xin .play::before {

	display: block;

	width: 60px;

	height: 60px;

	margin: 0 auto;

	margin-bottom: 24px;

	content: '';

	background: url(/public/static/modules/cms/images/play.png) no-repeat;

	background-size: cover;

}



@media (max-width: 991px) {

.wrap-xin .xin .play::before {

	width: 50px;

	height: 50px;

}

}

.wrap-xin .xin:hover .img-box img {

	-webkit-transform: scale(1.1);

	-ms-transform: scale(1.1);

	transform: scale(1.1);

	opacity: .5;

}

.wrap-xin .xin:hover .play {

	-webkit-animation: fadeInUp 1s 0s ease both;

	animation: fadeInUp 1s 0s ease both;

}

/**



 * page



 */



.page {

	clear: both;

	overflow: hidden;

	margin-top: 70px;

	text-align: center;

}

.page a {

	font-family: 'AvenirNextMedium';

	line-height: 40px;

	display: inline-block;

	overflow: hidden;

	width: 40px;

	height: 40px;

	margin: 0 3px;

	-webkit-transition: all .2s linear;

	transition: all .2s linear;

	text-align: center;

	border-radius: 50%;

	background-color: #f6f6f6;

}



@media (max-width: 767px) {

.page a {

	font-size: 14px;

}

}

.page a.omit {

	font-family: Arial;

	font-weight: bold;

	background-color: #fff;

}

.page a.omit:hover {

	color: #7c7c7c;

	background-color: #fff;

}

.page a:first-child,  .page a:last-child {

	margin: 0 20px;

	border: none;

	background-color: #fff;

}

.page a:first-child::before,  .page a:last-child::before {

	font-family: 'iconfont';

	font-weight: bold;

	position: relative;

	top: -1px;

	content: '\e672';

	color: #aeaeae;

}

.page a:first-child:hover,  .page a:last-child:hover {

	background: none;

}

.page a:first-child:hover::before,  .page a:last-child:hover::before {

	color: #c2d96e;

}

.page a:first-child::before {

	content: '\e9d7';

}

.page a.active,  .page a:hover {

	color: #fff;

	border-color: #c2d96e;

	background-color: #c2d96e;

}



@media (max-width: 767px) {

.page a {

	line-height: 34px;

	width: 34px;

	height: 34px;

}

.page a:first-child,  .page a:last-child {

	margin: 0 2px;

}

}

.sidebar {

	background-color: #c2d96e;

}



@media (max-width: 991px) {

.sidebar {

	display: none;

}

}

.sidebar ul {

	margin: 0;

	padding: 0;

}

.sidebar ul li {

	line-height: 20px;

	display: inline-block;

	list-style: none;

}

.sidebar ul li a {

	font-family: 'AvenirNextDemiBold';

	font-size: 16px;

	display: block;

	padding: 20px 25px;

	color: #fff;

}

.sidebar ul li.active,  .sidebar ul li:hover {

	background-color: #e4b573;

}

.wrap-product .item {

	overflow: hidden;

	margin: 40px 0 15px 0;

	padding: 20px 30px 60px 30px;

	-webkit-transition: all .2s ease;

	transition: all .2s ease;

	border: 1px solid #e6e6e6;

	background-color: #fff;

}



@media (max-width: 767px) {

.wrap-product .item {

	margin-top: 30px;

	padding: 30px 15px;

}

}

.wrap-product .item:hover {

	border-color: #fff;

	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);

}

.wrap-product .item .p-title {

	text-align: center;

	margin-bottom: 15px;

}

.wrap-product .item .p-title h3 {

	font-family: 'AvenirNextDemiBold';

	font-size: 18px;

	position: relative;

	overflow: hidden;

	margin-bottom: 3px;

	white-space: nowrap;

	text-overflow: ellipsis;

}

.wrap-product .item .p-title p {

	font-size: 12px;

	overflow: hidden;

	margin: 0;

	white-space: nowrap;

	text-overflow: ellipsis;

	color: #999;

}

.wrap-product .item .link {

	position: absolute;

	z-index: 99;

	right: 40px;

	bottom: 70px;

	opacity: 0;

}

.wrap-product .item .link a {

	line-height: 35px;

	display: block;

	width: 35px;

	height: 35px;

	margin: 5px 0;

	text-align: center;

	border-radius: 50%;

	background-color: #c2d96e;

}

.wrap-product .item .link a::after {

	font-family: 'iconfont';

	font-size: 16px;

	content: '\e61d';

	color: #fff;

}

.wrap-product .item .link a.link-2 {

	background-color: #e4b573;

}

.wrap-product .item .link a.link-2::after {

	font-size: 20px;

	content: '\e60c';

}

.wrap-product .item:hover .link {

	-webkit-animation: fadeInUp 1s 0s ease both;

	animation: fadeInUp 1s 0s ease both;

}

.wrap-product .flexslider ul {

	margin: 0;

	padding: 0;

}

.wrap-product .flexslider ul li {

	position: relative;

	overflow: hidden;

	list-style: none;

}

.wrap-product .flexslider .flex-control-nav {

	position: absolute;

	z-index: 99;

	bottom: 30px;

	left: 0;

	width: 100%;

	margin-top: 18px;

	padding: 0;

	text-align: center;

}

.wrap-product .flexslider .flex-control-nav li {

	display: inline-block;

	list-style: none;

}

.wrap-product .flexslider .flex-control-nav li a {

	font-size: 12px;

	line-height: 12px;

	display: inline-block;

	width: 10px;

	height: 10px;

	margin: 0 5px;

	list-style: none;

	cursor: pointer;

	color: #d8d8d8;

	border-radius: 50%;

	background-color: #d8d8d8;

}

.wrap-product .flexslider .flex-control-nav li a.flex-active {

	background-color: #c2d96e;

}

.wrap-product .page {

	margin-top: 55px;

}

.wrap-product-show .location a {

	color: #666;

}

.wrap-product-show .location a::after {

	margin: 0 10px;

	content: '/';

	color: #ccc;

}

.wrap-product-show .location a:last-child::after {

	display: none;

}

.wrap-product-show .location a:hover {

	color: #c2d96e;

}

.wrap-product-show .pro-show {

	margin-top: 25px;

}

.wrap-product-show .pro-show .album {

	position: relative;

	width: 100%;

}

.wrap-product-show .pro-show .album .img-box img {

	width: 100%;

}

.wrap-product-show .pro-show .album .sync {

	margin: 0 -5px;

}

.wrap-product-show .pro-show .album .sync1 {

	width: 100%;

	border: 1px solid #e6e6e6;

}

.wrap-product-show .pro-show .album .sync1 .item {

	width: 100%;

	text-align: center;

	background: #fff;

}

.wrap-product-show .pro-show .album .sync2 {

	width: 100%;

	margin-top: 15px;

}

.wrap-product-show .pro-show .album .sync2 .synced .item {

	border: 2px solid #c2da6e;

}

.wrap-product-show .pro-show .album .sync2 .item {

	margin: 6px;

	cursor: pointer;

	border: 1px solid #e6e6e6;

}

.wrap-product-show .pro-show .album .owl-theme .owl-controls .owl-buttons {

	display: none;

}

.wrap-product-show .pro-show .text {

	padding-top: 60px;

	padding-left: 20px;

}



@media (max-width: 1199px) {

.wrap-product-show .pro-show .text {

	padding: 60px 0 0 0;

}

}

.wrap-product-show .pro-show .text .int-title {

	padding-bottom: 24px;

	border-bottom: 1px dotted #cdcdcd;

}

.wrap-product-show .pro-show .text .int-title h3 {

	font-family: 'avenirnextbold';

	font-size: 30px;

	margin: 0;

}

.wrap-product-show .pro-show .text .int-title span {

	font-family: 'AvenirNextMedium';

	font-size: 13px;

	margin-top: 12px;

	color: #e4b573;

}

.wrap-product-show .pro-show .text .info {

	margin-top: 40px;

}

.wrap-product-show .pro-show .text .info p {

	font-size: 16px;

	line-height: 1.75;

	margin: 0;

	color: #666;

}

.wrap-product-show .pro-show .text .link {

	padding-bottom: 60px;

	border-bottom: 1px dotted #cdcdcd;

}

.wrap-product-show .pro-show .text .link a {

	font-family: 'AvenirNextDemiBold';

	font-size: 16px;

	line-height: 55px;

	display: inline-block;

	height: 55px;

	margin-top: 40px;

	color: #fff;

}

.wrap-product-show .pro-show .text .link a::before {

	font-family: 'iconfont';

	font-size: 20px;

	float: left;

	margin-right: 8px;

	content: '\e67e';

}

.wrap-product-show .pro-show .text .link a:hover::before {

	-webkit-animation: fadeInLeft .6s 0s ease both;

	animation: fadeInLeft .6s 0s ease both;

}

.wrap-product-show .pro-show .text .link .inquire {

	padding: 0 45px;

	background-color: #c2d96e;

}

.wrap-product-show .pro-show .text .share {

	margin-top: 55px;

}

.wrap-product-show .pro-show .text .share h4 {

	font-family: 'AvenirNextDemiBold';

	font-size: 16px;

	margin: 0 0 14px 0;

}

.wrap-product-show .pro-title {

	height: 60px;

	padding: 0 30px;

	background-color: #c2d96e;

}

.wrap-product-show .pro-title h3 {

	font-family: 'AvenirNextDemiBold';

	font-size: 24px;

	line-height: 60px;

	margin-top: 0;

	color: #fff;

}

.wrap-product-show .parameter {

	margin-top: 60px;

}

.wrap-product-show .parameter .text {

	padding-top: 4px;

}

.wrap-product-show .parameter .text table {

	width: 100%;

	border-top: 1px dotted #ddd;

}

.wrap-product-show .parameter .text table tr {

	border-bottom: 1px dotted #ddd;

}

.wrap-product-show .parameter .text table tr td {

	font-size: 16px;

	line-height: 25px;

	padding: 15px 30px;

	word-break: break-all;

}



@media (max-width: 767px) {

.wrap-product-show .parameter .text table tr td {

	padding: 15px 10px;

}

}

.wrap-product-show .parameter .text table tr td:nth-child(1),  .wrap-product-show .parameter .text table tr td:nth-child(3) {

	width: 16%;

	background-color: #f7f7f7;

}



@media (max-width: 1199px) {

.wrap-product-show .parameter .text table tr td:nth-child(1),  .wrap-product-show .parameter .text table tr td:nth-child(3) {

	width: 20%;

}

}

.wrap-product-show .parameter .text table tr td:nth-child(2),  .wrap-product-show .parameter .text table tr td:nth-child(4) {

	width: 34%;

}



@media (max-width: 1199px) {

.wrap-product-show .parameter .text table tr td:nth-child(2),  .wrap-product-show .parameter .text table tr td:nth-child(4) {

	width: 30%;

}

}

.wrap-product-show .inquiry {

	margin-top: 65px;

}

.wrap-product-show .inquiry .note {

	padding: 50px 60px 60px 60px;

	background-color: #fafcf2;

}



@media (max-width: 991px) {

.wrap-product-show .inquiry .note {

	padding: 30px 20px;

}

}

.wrap-product-show .inquiry .note p {

	font-size: 15px;

	line-height: 2;

	margin: 0;

	color: #666;

}

.wrap-product-show .inquiry form {

	margin-top: 10px;

}

.wrap-product-show .inquiry input,  .wrap-product-show .inquiry textarea {

	line-height: 30px;

	width: 100%;

	min-height: 50px;

	margin-top: 20px;

	padding: 10px 16px;

	resize: vertical;

	color: #666;

	border: none;

	outline: none;

	background: #fff;

	box-shadow: 0 0 4px 0 #eaefd9;

}

.wrap-product-show .inquiry input:focus,  .wrap-product-show .inquiry textarea:focus {

	border-color: #fff;

	box-shadow: 0 0 6px 0 rgba(0, 0, 0, .1);

}

 .wrap-product-show .inquiry input:focus::-webkit-input-placeholder {

 color: rgba(153, 153, 153, .5);

}

 .wrap-product-show .inquiry textarea:focus::-webkit-input-placeholder {

 color: rgba(153, 153, 153, .5);

}

.wrap-product-show .inquiry .read input {

	font-family: 'AvenirNextDemiBold';

}

.wrap-product-show .inquiry .read input:focus {

	box-shadow: 0 0 4px 0 #eaefd9;

}

 .wrap-product-show .inquiry .read input:focus::-webkit-input-placeholder {

 color: #333;

}

 .wrap-product-show .inquiry .read ::-webkit-input-placeholder {

 color: #333;

}

 .wrap-product-show .inquiry ::-webkit-input-placeholder {

 color: #666;

}

.wrap-product-show .inquiry .send {

	font-family: 'AvenirNextDemiBold';

	font-size: 15px;

	line-height: 50px;

	overflow: hidden;

	height: 50px;

	margin-top: 26px;

	padding: 0 62px;

	text-align: center;

	color: #fff;

	border: none;

	background-color: #c2d96e;

}

.wrap-product-show .inquiry .send span {

	display: block;

	color: #fff;

}

.wrap-product-show .inquiry .send:hover span {

	-webkit-animation: fadeInUp .6s 0s ease both;

	animation: fadeInUp .6s 0s ease both;

}

.wrap-news .item {

	margin-top: 50px;

	padding: 15px;

	-webkit-transition: all .5s ease;

	transition: all .5s ease;

	box-shadow: 0 0 6px 0 rgba(0, 0, 0, .1);

}



@media (max-width: 767px) {

.wrap-news .item {

	margin-top: 30px;

}

}

.wrap-news .item .pic {

	position: relative;

	overflow: hidden;

	min-height: 50px;

}

.wrap-news .item .pic img {

	width: 100%;

	-webkit-transition: -webkit-transform .6s ease;

	transition: -webkit-transform .6s ease;

	transition: transform .6s ease;

	transition: transform .6s ease, -webkit-transform .6s ease;

}

.wrap-news .item .pic .date {

	position: absolute;

	bottom: 15px;

	left: 15px;

	display: block;

	width: 100%;

	height: 50px;

}

.wrap-news .item .pic .date span {

	font-size: 13px;

	line-height: 30px;

	position: absolute;

	bottom: 0;

	display: block;

	height: 30px;

	padding: 0 12px;

	color: #fff;

	background-color: rgba(194, 217, 110, .85);

}

.wrap-news .item .pic .date span::before {

	font-family: 'iconfont';

	margin-right: 4px;

	content: '\e63c';

}

.wrap-news .item .note {

	padding: 15px;

}

.wrap-news .item .note h3 {

	font-family: 'avenirnextbold';

	font-size: 18px;

	line-height: 1.44444444;

	margin: 15px 0 0 0;

}

.wrap-news .item .note p {

	font-size: 15px;

	line-height: 1.46666667;

	margin: 20px 0 0 0;

	color: #666;

}

.wrap-news .item:hover {

	-webkit-transform: translateY(-16px);

	-ms-transform: translateY(-16px);

	transform: translateY(-16px);

	box-shadow: 0 0 6px 0 rgba(255, 255, 255, .1);

}

.wrap-news .item:hover .note h3 {

	color: #c2d96e;

}

.wrap-news .page {

	margin-top: 80px;

}

.wrap-news-show .news-title {

	padding-bottom: 25px;

	border-bottom: 1px dotted #cdcdcd;

}

.wrap-news-show .news-title h3 {

	font-family: 'avenirnextbold';

	font-size: 30px;

	margin: 0;

}



@media (max-width: 991px) {

.wrap-news-show .news-title h3 {

	font-size: 24px;

}

}



@media (max-width: 767px) {

.wrap-news-show .news-title h3 {

	font-size: 20px;

}

}

.wrap-news-show .news-title span {

	font-size: 13px;

	line-height: 30px;

	display: inline-block;

	height: 30px;

	margin-top: 25px;

	padding: 0 12px;

	color: #fff;

	background-color: rgba(194, 217, 110, .85);

}

.wrap-news-show .news-title span::before {

	font-family: 'iconfont';

	margin-right: 4px;

	content: '\e63c';

}

.wrap-news-show .text {

	padding: 40px 0;

	border-bottom: 1px dotted #cdcdcd;

}

.wrap-news-show .text p {

	font-size: 16px;

	line-height: 1.875;

	margin: 0;

	color: #666;

}

.wrap-news-show .text img {

	max-width: 100%;

}

.wrap-news-show .relate {

	margin: 25px;

	margin-right: -25px;

	margin-bottom: 6px;

	margin-left: -25px;

}



@media (max-width: 767px) {

.wrap-news-show .relate {

	margin-right: -15px;

	margin-left: -15px;

}

}

.wrap-news-show .relate ul {

	margin: 0;

	padding: 0;

}

.wrap-news-show .relate ul li {

	display: inline-block;

	width: 50%;

	margin-right: -2px;

	padding: 25px;

	list-style: none;

	vertical-align: top;

}



@media (max-width: 767px) {

.wrap-news-show .relate ul li {

	width: 100%;

	padding: 10px 15px;

}

}

.wrap-news-show .relate a {

	font-family: 'avenirnextbold';

	font-size: 16px;

	line-height: 1.625;

	display: block;

	float: left;

	padding: 30px;

	box-shadow: 0 0 6px 0 rgba(0, 0, 0, .1);

}



@media (min-width: 1200px) {

.wrap-news-show .relate a {

	min-height: 112px;

}

}



@media (max-width: 767px) {

.wrap-news-show .relate a {

	padding: 15px;

}

}

.wrap-news-show .relate a span {

	color: #c2d96e;

}

.wrap-news-show .relate a.next::before {

	font-weight: bold;

	position: relative;

	display: inline-block;

	margin-right: 10px;

	content: '→';

	color: #c2d96e;

}

.wrap-news-show .relate a.next:hover::before {

	-webkit-animation: fadeInLeft .6s 0s ease both;

	animation: fadeInLeft .6s 0s ease both;

}

.wrap-news-show .relate a.prev::before {

	font-weight: bold;

	float: left;

	margin-right: 10px;

	content: '← ';

	color: #c2d96e;

}

.wrap-news-show .relate a.prev:hover::before {

	-webkit-animation: fadeInLeft .6s 0s ease both;

	animation: fadeInLeft .6s 0s ease both;

}



@media (max-width: 767px) {

.wrap-news-show .relate a {

	width: 100%;

}

.wrap-news-show .relate a.next {

	margin-top: 20px;

	text-align: left;

}

.wrap-news-show .relate a.next::before {

	float: left;

}

}

.wrap-news-show .relate a:hover {

	color: #c2d96e;

}

.wrap-contact .title-in {

	padding-bottom: 35px;

	border-bottom: 1px dotted #cdcdcd;

}

.wrap-contact .title-in p {

	color: #e4b573;

}

.wrap-contact .c-title h3 {

	font-family: 'avenirnextbold';

	font-size: 20px;

	line-height: 1.3;

	margin: 0;

}

.wrap-contact .contact {

	margin-top: 60px;

}



@media (max-width: 767px) {

.wrap-contact .contact {

	margin-top: 40px;

}

}

.wrap-contact .contact .text {

	max-width: 350px;

	margin-top: 25px;

}

.wrap-contact .contact .text p {

	font-size: 15px;

	line-height: 2.4;

	margin: 0;

	color: #666;

}

.wrap-contact .message {

	margin-top: 60px;

}



@media (max-width: 767px) {

.wrap-contact .message {

	margin-top: 40px;

}

}

.wrap-contact .message .text {

	margin-top: 25px;

}

.wrap-contact .message .text p {

	font-size: 15px;

	line-height: 1.6;

	margin: 0;

	color: #666;

}

.wrap-contact .message form {

	margin-top: 20px;

}

.wrap-contact .message form input,  .wrap-contact .message form textarea {

	line-height: 30px;

	width: 100%;

	min-height: 50px;

	margin-top: 20px;

	padding: 10px 20px;

	resize: vertical;

	color: #999;

	border: 1px solid #ebebeb;

	outline: none;

}

.wrap-contact .message form input:focus,  .wrap-contact .message form textarea:focus {

	border-color: #fff;

	box-shadow: 0 0 6px 0 rgba(0, 0, 0, .1);

}

 .wrap-contact .message form input:focus::-webkit-input-placeholder {

 color: rgba(153, 153, 153, .5);

}

 .wrap-contact .message form textarea:focus::-webkit-input-placeholder {

 color: rgba(153, 153, 153, .5);

}

.wrap-contact .message form .btn {

	line-height: 50px;

	height: 50px;

	margin-top: 20px;

	padding: 0 62px;

	color: #fff;

	border-radius: 0;

	background-color: #c2d96e;

}

.wrap-contact .message form .btn span {

	display: inline-block;

}

.wrap-contact .message form .btn:hover span {

	-webkit-animation: fadeInUp .6s 0s ease both;

	animation: fadeInUp .6s 0s ease both;

}

.wrap-contact .message form p {

	font-size: 15px;

	line-height: 50px;

	display: inline-block;

	float: right;

	margin: 20px 0 0 0;

	color: #666;

}

.arrow {

	border: 9px solid transparent;

	border-bottom-color: #3DA0DB;

	width: 0px;

	height: 0px;

	top: 0px

}

.stick {

	width: 8px;

	height: 14px;

	border-radius: 1px;

	background-color: #3DA0DB;

	top: 15px;

}

#back_top div {

	position: absolute;

	margin: auto;

	right: 0px;

	left: 0px;

}

#back_top {

	background-color: #dddddd;

	height: 38px;

	width: 38px;

	border-radius: 3px;

	display: block;

	cursor: pointer;

	position: fixed;

	right: 50px;

	bottom: 100px;

	display: none;

}



@media (max-width:600px) {

#back_top {

	background-color: #dddddd;

	height: 38px;

	width: 38px;

	border-radius: 3px;

	cursor: pointer;

	position: fixed;

	right: 50px;

	bottom: 100px;

	display: none!important;

}

}

.box-news h2 {

	color: black;

	text-align: center;

	font-size: 36px;

	margin: 0 auto;

	padding-top: 50px;

	margin-bottom: 10px;

}

.box-news p {

	text-align: center;

	color: black;

	margin-bottom: 30px;

	font-weight: bold;

}



@media (max-width:600px) {

.box-news h2 {

	color: black;

	text-align: center;

	font-size: 26px;

	margin: 0 auto;

	padding-top: 20px;

	margin-bottom: 10px;

}

.box-news p {

	text-align: center;

	color: #6f6f6f;

	margin-bottom: 30px;

	font-weight: bold;

}

}

/***********************************************关于我们**********************************************************/

.gy01 {

	width: 100%;

	position: relative;

}

.gy02 {

}

.gy_t {

	width: 640px;

	margin-right: calc(100% - 640px);

	background-color: white;

	margin-top: 100px;

	padding-top: 60px;

	padding-right: 20px;

}

.gy02 p {

	width: 640px;

	margin-right: calc(100% - 640px);

	background-color: white;

	padding-right: 20px;

	padding-top: 30px;

	font-size: 18px;

	line-height: 36px;

	color: #525252;

	padding-bottom: 61px;

}

.gy_t h2 {

	margin: 0 auto;

	font-weight: bold;

	color: black;

}

.gy_t div:nth-child(1) {

	float: left;

}

.gy_t div:nth-child(2) {

	float: right;

}

.gy_t h2:nth-child(1) {

	color: #2aaaf0;

	font-weight: 1000!important;

}

.gy03 {

	position: absolute;

	top: 0px;

	right: 0px;

	z-index: -1;

}

.gy_l {

	width: 100%;

	margin: 0 auto;

}

.gy_l02 {

	background-color: #2aaaf0;

	margin: 0 auto;

	width: 220px;

	padding: 30px;

	float: left;

}

.gy_l02 h2 {

	font-size: 26px;

	font-weight: bold;

	font-style: italic;

	text-align: center;

	line-height: 40px;

	color: white;

}

.gy_l03 {

	width: 220px;

	float: left;

	position: relative;

}

.gy_l03 img:nth-child(2) {

	position: absolute;

	top: 0px;

	left: 0px;

	opacity: 0;

}

.gy_l03:hover img:nth-child(2) {

	position: absolute;

	top: 0px;

	left: 0px;

	opacity: 1;

}



@media (max-width:1200px) {

.gy01 {

	width: 100%;

	position: relative;

}

.gy02 {

}

.gy_t {

	width: 640px;

	margin-right: calc(100% - 640px);

	background-color: white;

	margin-top: 100px;

	padding-top: 60px;

	padding-right: 20px;

}

.gy02 p {

	width: 640px;

	margin-right: calc(100% - 640px);

	background-color: white;

	padding-right: 20px;

	padding-top: 30px;

	font-size: 18px;

	line-height: 36px;

	color: #525252;

	padding-bottom: 61px;

}

.gy_t h2 {

	margin: 0 auto;

	font-weight: bold;

	color: black;

}

.gy_t div:nth-child(1) {

	float: left;

}

.gy_t div:nth-child(2) {

	float: right;

}

.gy_t h2:nth-child(1) {

	color: #2aaaf0;

	font-weight: 1000!important;

}

.gy03 {

	width: 600px;

	position: absolute;

	top: 0px;

	right: 0px;

	z-index: -1;

}

.gy_l {

	width: 100%;

	margin: 0 auto;

}

.gy_l02 {

	background-color: #2aaaf0;

	margin: 0 auto;

	width: 220px;

	padding: 30px;

	float: left;

}

.gy_l02 h2 {

	font-size: 26px;

	font-weight: bold;

	font-style: italic;

	text-align: center;

	line-height: 40px;

	color: white;

}

.gy_l03 {

	width: 220px;

	float: left;

	position: relative;

}

.gy_l03 img:nth-child(2) {

	position: absolute;

	top: 0px;

	left: 0px;

	opacity: 0;

}

.gy_l03:hover img:nth-child(2) {

	position: absolute;

	top: 0px;

	left: 0px;

	opacity: 1;

}

}



@media (max-width:991px) {

.gy01 {

	width: 98%;

	margin: 0 1%;

}

.gy02 {

}

.gy_t {

	width: 100%;

	margin-right: 0;

	margin-top: 0px;

	padding-top: 60px;

	padding-right: 0px;

}

.gy02 p {

	width: 100%;

	margin-right: 0px;

	background-color: white;

	padding-right: 0px;

	padding-top: 30px;

	font-size: 18px;

	line-height: 36px;

	color: #525252;

	padding-bottom: 0px;

}

.gy_t h2 {

	margin: 0 auto;

	font-weight: bold;

	color: black;

}

.gy_t div:nth-child(1) {

	float: left;

}

.gy_t div:nth-child(2) {

	float: right;

}

.gy_t h2:nth-child(1) {

	color: #2aaaf0;

	font-weight: 1000!important;

}

.gy03 {

	width: 100%;

	position: none;

	top: 0px;

	right: 0px;

	z-index: -1;

	display: none;

}

.gy_l {

	width: 100%;

	margin: 0 auto;

}

.gy_l02 {

	background-color: #2aaaf0;

	margin: 0 auto;

	width: 25%;

	padding: 30px;

	float: left;

}

.gy_l02 h2 {

	font-size: 22px;

	font-weight: bold;

	font-style: italic;

	text-align: center;

	line-height: 30px;

	color: white;

}

.gy_l03 {

	width: 25%;

	float: left;

	position: relative;

}

.gy_l03 img {

	max-width: 100%;

}

.gy_l03 img:nth-child(2) {

	position: absolute;

	top: 0px;

	left: 0px;

	opacity: 0;

}

.gy_l03:hover img:nth-child(2) {

	position: absolute;

	top: 0px;

	left: 0px;

	opacity: 1;

}

}



@media (max-width:600px) {

.gy01 {

	width: 98%;

	margin: 0 1%;

}

.gy02 {

}

.gy_t {

	width: 100%;

	margin-right: 0;

	margin-top: 0px;

	padding-top: 30px;

	padding-right: 0px;

}

.gy02 p {

	width: 100%;

	margin-right: 0px;

	background-color: white;

	padding-right: 0px;

	padding-top: 30px;

	font-size: 16px;

	line-height: 24px;

	color: #525252;

	padding-bottom: 0px;

}

.gy_t h2 {

	margin: 0 auto;

	font-weight: bold;

	color: black;

}

.gy_t div:nth-child(1) {

	float: left;

}

.gy_t div:nth-child(2) {

	float: right;

}

.gy_t h2:nth-child(1) {

	color: #2aaaf0;

	font-weight: 1000!important;

}

.gy03 {

	width: 100%;

	position: none;

	top: 0px;

	right: 0px;

	z-index: -1;

	display: none;

}

.gy_l {

	width: 100%;

	margin: 0 auto;

}

.gy_l02 {

	background-color: #2aaaf0;

	margin: 0 auto;

	width: 25%;

	padding: 20px;

	float: left;

	display: none;

}

.gy_l02 h2 {

	font-size: 18px;

	font-weight: bold;

	font-style: italic;

	text-align: center;

	line-height: 20px;

	color: white;

}

.gy_l03 {

	width: 31.6%;

	float: left;

	position: relative;

	background-color: #f2f2f2;

}

.gy_l03 img {

	max-width: 100%;

}

.gy_l03 img:nth-child(2) {

	position: absolute;

	top: 0px;

	left: 0px;

	opacity: 0;

}

.gy_l03:hover img:nth-child(2) {

	position: absolute;

	top: 0px;

	left: 0px;

	opacity: 1;

}

}

/***********************************************产品中心**********************************************************/

.tab_title {

	margin-left: calc((100% - 750px) / 2);

}

.tab_title li {

	margin: 0 auto;

	display: inline-block;

	text-align: center;

	color: #2aaaf0;

	font-size: 16px;

	padding: 10px 0px;

	font-weight: bold;

	width: 150px;

	border: 2px solid #2aaaf0;

}

.tab_title li:nth-child(1) {

	background-color: #2aaaf0;

	color: white;

}

.tab_title li:hover {

	background-color: #2aaaf0!important;

	color: white!important;

}

.tab_content {

	background: url(/public/static/modules/cms/images/cp.png) 0 0 no-repeat;

	background-position: center center;

	margin-top: 30px;

}

.cp01 {

	width: calc(100% - 530px);

	float: left;

}

.cp01 h2 {

	margin-top: 140px;

	font-weight: bold;

	color: white;

	font-size: 30px;

	letter-spacing: 2px;

}

.cp01 p {

	font-size: 18px;

	line-height: 30px;

	color: white;

	width: 600px;

	margin-top: 20px;

}

.cp_t {

	width: 70px;

	position: relative;

	float: left;

	margin-top: 70px;

	margin-right: 40px;

}

.cp_t p {

	color: black;

	text-align: center;

	width: 70px;

	margin-top: 10px;

	font-weight: bold;

	font-size: 16px;

}

.cp_t img:nth-child(2) {

	position: absolute;

	top: 0px;

	left: 0px;

	opacity: 0;

}

.cp_t:hover img:nth-child(1) {

	opacity: 0;

}

.cp_t:hover img:nth-child(2) {

	opacity: 1;

}

.cp01 a {

	display: block;

	width: 160px;

	padding: 10px 0px;

	float: left;

	text-align: center;

	background-color: #2aaaf0;

	color: white;

	margin-top: 20px;

	transition: .5s;

}

.cp02 {

	width: 500px;

	float: right;

}

.cp03 {

	display: none;

}



@media (max-width:1200px) {

.tab_title {

	margin-left: calc((100% - 750px) / 2);

}

.tab_title li {

	margin: 0 auto;

	display: inline-block;

	text-align: center;

	color: #2aaaf0;

	font-size: 16px;

	padding: 10px 0px;

	font-weight: bold;

	width: 150px;

	border: 2px solid #2aaaf0;

}

.tab_title li:nth-child(1) {

	background-color: #2aaaf0;

	color: white;

}

.tab_title li:hover {

	background-color: #2aaaf0!important;

	color: white!important;

}

.tab_content {

	background: url(/public/static/modules/cms/images/cp.png) 0 0 no-repeat;

	background-position: center center;

	margin-top: 30px;

}

.cp01 {

	width: calc(100% - 530px);

	float: left;

}

.cp01 h2 {

	margin-top: 120px;

	font-weight: bold;

	color: white;

	font-size: 30px;

	letter-spacing: 2px;

}

.cp01 p {

	font-size: 18px;

	line-height: 30px;

	color: white;

	width: 400px;

	margin-top: 20px;

}

.cp_t {

	width: 70px;

	position: relative;

	float: left;

	margin-top: 70px;

	margin-right: 40px;

}

.cp_t p {

	color: black;

	text-align: center;

	width: 70px;

	margin-top: 10px;

	font-weight: bold;

	font-size: 16px;

}

.cp_t img:nth-child(2) {

	position: absolute;

	top: 0px;

	left: 0px;

	opacity: 0;

}

.cp_t:hover img:nth-child(1) {

	opacity: 0;

}

.cp_t:hover img:nth-child(2) {

	opacity: 1;

}

.cp01 a {

	display: block;

	width: 160px;

	padding: 10px 0px;

	float: left;

	text-align: center;

	background-color: #2aaaf0;

	color: white;

	margin-top: 20px;

	transition: .5s;

}

.cp02 {

	width: 500px;

	float: right;

}

}



@media (max-width:991px) {

.tab_title {

	margin-left: calc((100% - 750px) / 2);

	display: none;

}

.tab_title li {

	margin: 0 auto;

	display: inline-block;

	text-align: center;

	color: #2aaaf0;

	font-size: 16px;

	padding: 10px 0px;

	font-weight: bold;

	width: 150px;

	border: 2px solid #2aaaf0;

}

.tab_title li:nth-child(1) {

	background-color: #2aaaf0;

	color: white;

}

.tab_title li:hover {

	background-color: #2aaaf0!important;

	color: white!important;

}

.tab_content {

	background: url(/public/static/modules/cms/images/cp.png) 0 0 no-repeat;

	background-position: center center;

	margin-top: 30px;

	display: none!important;

}

.cp01 {

	width: calc(100% - 530px);

	float: left;

}

.cp01 h2 {

	margin-top: 120px;

	font-weight: bold;

	color: white;

	font-size: 30px;

	letter-spacing: 2px;

}

.cp01 p {

	font-size: 18px;

	line-height: 30px;

	color: white;

	width: 400px;

	margin-top: 20px;

}

.cp_t {

	width: 70px;

	position: relative;

	float: left;

	margin-top: 70px;

	margin-right: 40px;

}

.cp_t p {

	color: black;

	text-align: center;

	width: 70px;

	margin-top: 10px;

	font-weight: bold;

	font-size: 16px;

}

.cp_t img:nth-child(2) {

	position: absolute;

	top: 0px;

	left: 0px;

	opacity: 0;

}

.cp_t:hover img:nth-child(1) {

	opacity: 0;

}

.cp_t:hover img:nth-child(2) {

	opacity: 1;

}

.cp01 a {

	display: block;

	width: 160px;

	padding: 10px 0px;

	float: left;

	text-align: center;

	background-color: #2aaaf0;

	color: white;

	margin-top: 20px;

	transition: .5s;

}

.cp02 {

	width: 500px;

	float: right;

}

.cp03 {

	display: block;

}

.cp03 div {

	width: 48%;

	margin: 0 1%;

	float: left;

	margin-bottom: 30px;

	background-color: #f2f2f2;

}

.cp03 div:nth-child(5) {

	margin-bottom: 10px;

}

.cp03 div:nth-child(6) {

	margin-bottom: 10px;

}

.cp03 div img {

	width: 100%;

}

.cp03 div p {

	background-color: #2aaaf0;

	text-align: center;

	padding: 20px 0px;

	font-size: 16px;

	font-weight: bold;

	color: white;

	width: 100%;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	-o-text-overflow: ellipsis;

	-icab-text-overflow:  ellipsis;

	-khtml-text-overflow:  ellipsis;

	-moz-text-overflow:  ellipsis;

	-webkit-text-overflow:  ellipsis;

}

}

/***********************************************三大优势**********************************************************/

.ys div {

	width: 31.6%;

	float: left;

	transition: .5s;

}

.ys div img {

	max-width: 100%;

}

.ys div:nth-child(2) {

	margin: 0 2.5%;

}

.ys div:hover {

	margin-top: -10px;

}

/***********************************************新闻动态**********************************************************/

.new01 {

	width: 49%;

	float: left;

	margin-bottom: 30px;

}

.new01 div:nth-child(1) {

	background-color: #2aaaf0;

	padding: 40px 20px;

	color: white;

}

.new01 div:nth-child(1) h2 {

	width: 100%;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	-o-text-overflow: ellipsis;

	-icab-text-overflow:  ellipsis;

	-khtml-text-overflow:  ellipsis;

	-moz-text-overflow:  ellipsis;

	-webkit-text-overflow:  ellipsis;

	margin: 10px 0px;

}

.new01 div:nth-child(2) img {

	width: 100%;

}

.new02 {

	width: 49%;

	float: right;

}

.new03 {

	width: 49%;

	float: left;

	background-color: #343434;

	color: white;

}

.new03:hover {

	background-color: #2aaaf0;

}

.new03 img {

	width: 100%;

	margin-bottom: 20px;

}

.new03:nth-child(1) {

	margin-right: 2%;

}

.new03 p {

	font-size: 22px;

	padding: 0px 10px;

	width: 100%;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	-o-text-overflow: ellipsis;

	-icab-text-overflow:  ellipsis;

	-khtml-text-overflow:  ellipsis;

	-moz-text-overflow:  ellipsis;

	-webkit-text-overflow:  ellipsis;

	padding-bottom: 20px;

}

.new03 span {

	font-size: 16px;

	padding: 0px 10px;

}

.new04 {

	background-color: #cecece;

	padding: 40px 20px;

	color: black;

	margin-top: 26px;

}

.new04:hover {

	background-color: #2aaaf0;

	color: white;

}

.new04 h2 {

	width: 100%;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	-o-text-overflow: ellipsis;

	-icab-text-overflow:  ellipsis;

	-khtml-text-overflow:  ellipsis;

	-moz-text-overflow:  ellipsis;

	-webkit-text-overflow:  ellipsis;

	margin: 10px 0px;

}



@media (max-width:991px) {

.new01 {

	width: 49%;

	float: left;

	margin-bottom: 30px;

	display: none;

}

.new01 div:nth-child(1) {

	background-color: #2aaaf0;

	padding: 40px 20px;

	color: white;

}

.new01 div:nth-child(1) h2 {

	width: 100%;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	-o-text-overflow: ellipsis;

	-icab-text-overflow:  ellipsis;

	-khtml-text-overflow:  ellipsis;

	-moz-text-overflow:  ellipsis;

	-webkit-text-overflow:  ellipsis;

	margin: 10px 0px;

}

.new01 div:nth-child(2) img {

	width: 100%;

}

.new02 {

	width: 100%;

	float: right;

}

.new03 {

	width: 49%;

	float: left;

	background-color: #343434;

	color: white;

}

.new03 img {

	width: 100%;

	margin-bottom: 20px;

}

.new03:nth-child(1) {

	margin-right: 2%;

}

.new03 p {

	font-size: 22px;

	padding: 0px 10px;

	width: 100%;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	-o-text-overflow: ellipsis;

	-icab-text-overflow:  ellipsis;

	-khtml-text-overflow:  ellipsis;

	-moz-text-overflow:  ellipsis;

	-webkit-text-overflow:  ellipsis;

	padding-bottom: 20px;

}

.new03 span {

	font-size: 16px;

	padding: 0px 10px;

}

.new04 {

	background-color: #cecece;

	padding: 40px 20px;

	color: black;

	margin-top: 26px;

}

.new04 h2 {

	width: 100%;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	-o-text-overflow: ellipsis;

	-icab-text-overflow:  ellipsis;

	-khtml-text-overflow:  ellipsis;

	-moz-text-overflow:  ellipsis;

	-webkit-text-overflow:  ellipsis;

	margin: 10px 0px;

}

}

.footer_bg {

	background: #1452c0;

	margin-top: 60px;

}

.footer div {

	width: 20%;

	float: left;

	padding: 60px 0px;

}

.footer div h2 {

	margin: 0 auto;

	color: white;

	font-size: 26px;

}

.footer div span {

	display: block;

	width: 40px;

	height: 2px;

	background-color: white;

	margin: 20px 0px;

}

.footer div p {

	margin: 0 auto;

	color: white;

	margin-bottom: 6px;

}

.copy {

	background-color: #003593;

	text-align: center;

	color: white;

	padding: 20px 0px;

}



@media (max-width:991px) {

.footer_bg {

	background: #1452c0;

	margin-top: 60px;

}

.footer div {

	width: 20%;

	float: left;

	padding: 60px 0px;

	display: none;

}

.footer div h2 {

	margin: 0 auto;

	color: white;

}

.footer div span {

	display: block;

	width: 40px;

	height: 2px;

	background-color: white;

	margin: 20px 0px;

}

.footer div p {

	margin: 0 auto;

	color: white;

	margin-bottom: 6px;

}

.copy {

	background-color: #003593;

	text-align: center;

	color: white;

	padding: 20px 0px;

}

.footer div:nth-child(4) {

	display: block;

	text-align: center;

	width: 98%;

	margin-left: 1%;

}

.footer div:nth-child(4) span {

	display: none;

}

.footer div:nth-child(4) p {

	background-color: rgba(255,255,255,.6);

	border-radius: 20px;

	padding: 10px 0px;

	color: black;

}

.footer div:nth-child(4) h2 {

	margin-bottom: 10px;

}

}



@media (max-width:600px) {

.footer_bg {

	background: #1452c0;

	margin-top: 30px;

}

.footer div {

	width: 20%;

	float: left;

	padding: 30px 0px;

	display: none;

}

.footer div h2 {

	margin: 0 auto;

	color: white;

}

.footer div span {

	display: block;

	width: 40px;

	height: 2px;

	background-color: white;

	margin: 20px 0px;

}

.footer div p {

	margin: 0 auto;

	color: white;

	margin-bottom: 6px;

}

.copy {

	background-color: #003593;

	text-align: center;

	color: white;

	padding: 20px 0px;

}

.footer div:nth-child(4) {

	display: block;

	text-align: center;

	width: 98%;

	margin-left: 1%;

}

.footer div:nth-child(4) span {

	display: none;

}

.footer div:nth-child(4) p {

	background-color: rgba(255,255,255,.6);

	border-radius: 20px;

	padding: 10px 0px;

	color: black;

}

.footer div:nth-child(4) h2 {

	margin-bottom: 10px;

}

}

.banner02 {

	width: 100%;

	margin-top: 63px;

}

.banner02 img {

	width: 100%;

}

.gy04 {

	margin-top: 60px;

}

.gy04 div:nth-child(2) {

	float: right;

	width: 400px;

}

.gy04 div:nth-child(1) {

	float: left;

	width: calc(100% - 430px);

	margin-top: 50px;

}

.gy04 div:nth-child(1) h2 {

	font-size: 26px;

	font-weight: bold;

	color: #2aaaf0;

	margin: 0 auto;

}

.gy04 div:nth-child(1) span {

	display: block;

	width: 40px;

	background-color: #2aaaf0;

	height: 2px;

	margin: 20px 0px;

}

.gy04 div:nth-child(1) p {

	font-size: 16px;

	line-height: 30px;

	color: #545454;

}

.wh_bg {

	width: 100%;

	background: url(/public/static/modules/cms/images/wh.png) 0 0 no-repeat;

	margin-top: 60px;

}

.wh div {

	width: 25%;

	float: left;

	color: white;

	height: 400px;

	border-right: 1px solid #f2f2f2;

	margin: 60px 0px;

	padding: 0px 20px;

}

.wh div h2 {

	font-weight: bold;

	padding-top: 40px;

}

.wh div p {

	font-size: 16px;

	margin-top: 30px;

	line-height: 30px;

}

.gy05 {

	width: 100%;

	margin-top: 60px;

}

.gy05 h2 {

	font-size: 36px;

	margin: 0 auto;

	color: #2aaaf0;

	text-align: center;

	margin-bottom: 30px;

}

.gy05 div {

	width: 31.6%;

	float: left;

	padding: 10px;

	background-color: #f2f2f2;

	transition: .5s;

}

.gy05 div:hover {

	background-color: #2aaaf0;

	color: white;

	box-shadow: 0 15px 30px rgba(0,0,0,0.2);

}

.gy05 div p {

	margin-top: 10px;

	font-size: 16px;

	text-align: center;

}

.gy05 div img {

	width: 100%;

}

.gy05 div:nth-child(3) {

	margin: 0 2.5%;

}

.gy05 span {

	background-color: #2aaaf0;

	color: white;

	width: 140px;

	display: inline-block;

	text-align: center;

	padding: 10px 0px;

	margin-left: calc((100% - 140px) / 2);

	margin-top: 30px;

}



@media (max-width:991px) {

.banner02 {

	width: 100%;

	margin-top: 63px;

}

.banner02 img {

	width: 100%;

}

.gy04 {

	margin-top: 60px;

}

.gy04 div:nth-child(2) {

	float: right;

	width: 300px;

	overflow: hidden;

}

.gy04 div:nth-child(1) {

	float: left;

	width: calc(100% - 330px);

	margin-top: 10px;

}

.gy04 div:nth-child(1) h2 {

	font-size: 26px;

	font-weight: bold;

	color: #2aaaf0;

	margin: 0 auto;

}

.gy04 div:nth-child(1) span {

	display: block;

	width: 40px;

	background-color: #2aaaf0;

	height: 2px;

	margin: 20px 0px;

}

.gy04 div:nth-child(1) p {

	font-size: 14px;

	line-height: 26px;

	color: #545454;

}

.wh_bg {

	width: 100%;

	background: url(/public/static/modules/cms/images/wh.png) 0 0 no-repeat;

	margin-top: 60px;

}

.wh {

	margin-top: 60px;

}

.wh div {

	width: 50%;

	float: left;

	color: white;

	height: 200px;

	border-right: 1px solid #f2f2f2;

	margin: 0px 0px;

	margin-bottom: 60px;

	padding: 0px 20px;

}

.wh div h2 {

	font-weight: bold;

	padding-top: 0px;

}

.wh div p {

	font-size: 16px;

	margin-top: 30px;

	line-height: 30px;

}

.gy05 {

	width: 100%;

	margin-top: 60px;

}

.gy05 h2 {

	font-size: 36px;

	margin: 0 auto;

	color: #2aaaf0;

	text-align: center;

	margin-bottom: 30px;

}

.gy05 div {

	width: 31.6%;

	float: left;

	padding: 10px;

	background-color: #f2f2f2;

	transition: .5s;

}

.gy05 div:hover {

	background-color: #2aaaf0;

	color: white;

	box-shadow: 0 15px 30px rgba(0,0,0,0.2);

}

.gy05 div p {

	margin-top: 10px;

	font-size: 16px;

	text-align: center;

}

.gy05 div img {

	width: 100%;

}

.gy05 div:nth-child(3) {

	margin: 0 2.5%;

}

.gy05 span {

	background-color: #2aaaf0;

	color: white;

	width: 140px;

	display: inline-block;

	text-align: center;

	padding: 10px 0px;

	margin-left: calc((100% - 140px) / 2);

	margin-top: 30px;

}

}



@media (max-width:600px) {

.banner02 {

	width: 100%;

	margin-top: 63px;

	overflow: hidden;

}

.banner02 img {

	width: 180%;

	margin-left: -40%;

}

.gy04 {

	margin-top: 30px;

	width: 98%;

	margin-left: 1%;

}

.gy04 div:nth-child(2) {

	float: right;

	width: 100%;

	overflow: hidden;

}

.gy04 div:nth-child(1) {

	float: left;

	width: 100%;

	margin-bottom: 20px;

}

.gy04 div:nth-child(1) h2 {

	font-size: 26px;

	font-weight: bold;

	color: #2aaaf0;

	margin: 0 auto;

}

.gy04 div:nth-child(1) span {

	display: block;

	width: 40px;

	background-color: #2aaaf0;

	height: 2px;

	margin: 20px 0px;

}

.gy04 div:nth-child(1) p {

	font-size: 14px;

	line-height: 26px;

	color: #545454;

}

.wh_bg {

	width: 100%;

	background: url(/public/static/modules/cms/images/wh.png) 0 0 repeat;

	margin-top: 30px;

}

.wh {

	margin-top: 0px;

}

.wh div {

	width: 100%;

	float: left;

	color: white;

	height: auto;

	border-right: none;

	border-bottom: 1px solid #f2f2f2;

	margin: 0px 0px;

	margin-bottom: 0px;

	padding: 30px 20px;

}

.wh div h2 {

	font-weight: bold;

	padding-top: 0px;

	margin: 0 auto;

}

.wh div p {

	font-size: 16px;

	margin-top: 10px;

	line-height: 30px;

}

.gy05 {

	width: 100%;

	margin-top: 60px;

}

.gy05 h2 {

	font-size: 36px;

	margin: 0 auto;

	color: #2aaaf0;

	text-align: center;

	margin-bottom: 30px;

}

.gy05 div {

	width: 100%;

	float: left;

	padding: 10px;

	background-color: #f2f2f2;

	transition: .5s;

	margin-bottom: 30px;

}

.gy05 div:hover {

	background-color: #2aaaf0;

	color: white;

	box-shadow: 0 15px 30px rgba(0,0,0,0.2);

}

.gy05 div p {

	margin-top: 10px;

	font-size: 16px;

	text-align: center;

}

.gy05 div img {

	width: 100%;

}

.gy05 div:nth-child(3) {

	margin: 0 0%;

	margin-bottom: 30px;

}

.gy05 span {

	background-color: #2aaaf0;

	color: white;

	width: 140px;

	display: inline-block;

	text-align: center;

	padding: 10px 0px;

	margin-left: calc((100% - 140px) / 2);

	margin-top: 0px;

}

}

.ry {

	width: 31.6%;

	margin-top: 60px;

	float: left;

	overflow: hidden;

	transition: .5s;

}

.ry img {

	width: 100%;

	transition: .5s;

}

.ry:nth-child(2) {

	margin: 0 2.5%;

	margin-top: 60px;

}

.ry:nth-child(5) {

	margin: 0 2.5%;

	margin-top: 60px;

}

.ry:nth-child(8) {

	margin: 0 2.5%;

	margin-top: 60px;

}

.ry div:nth-child(1) {

	position: relative;

	overflow: hidden;

	transition: .5s;

}

.ry div:nth-child(1) img:nth-child(2) {

	position: absolute;

	top: 0px;

	left: 0px;

	opacity: 0;

}

.ry:hover div:nth-child(1) img:nth-child(2) {

	position: absolute;

	top: 0px;

	left: 0px;

	opacity: 1;

}

.ry:hover div:nth-child(1) img:nth-child(1) {

	transform: scale(1.1);

}

.ry div:nth-child(2) {

	color: #606060;

	background: #e9e9e9;

	padding: 30px 0px;

	text-align: center;

	font-size: 16px;

	transition: .5s;

}

.ry:hover div:nth-child(2) {

	background: linear-gradient(to right, #209fb3, #0e68b0);

	color: white;

}



@media (max-width:600px) {

.ry {

	width: 48%;

	margin: 0 1%;

	margin-top: 30px;

	float: left;

	overflow: hidden;

	transition: .5s;

}

.ry img {

	width: 100%;

	transition: .5s;

}

.ry:nth-child(2) {

	margin: 0 1%;

	margin-top: 30px;

}

.ry:nth-child(5) {

	margin: 0 1%;

	margin-top: 30px;

}

.ry:nth-child(8) {

	margin: 0 1%;

	margin-top: 30px;

}

.ry div:nth-child(1) {

	position: relative;

	overflow: hidden;

	transition: .5s;

}

.ry div:nth-child(1) img:nth-child(2) {

	position: absolute;

	top: 0px;

	left: 0px;

	opacity: 0;

}

.ry:hover div:nth-child(1) img:nth-child(2) {

	position: absolute;

	top: 0px;

	left: 0px;

	opacity: 1;

}

.ry:hover div:nth-child(1) img:nth-child(1) {

	transform: scale(1.1);

}

.ry div:nth-child(2) {

	color: #606060;

	background: #e9e9e9;

	padding: 16px 0px;

	text-align: center;

	font-size: 14px;

	transition: .5s;

}

.ry:hover div:nth-child(2) {

	background: linear-gradient(to right, #209fb3, #0e68b0);

	color: white;

}

}

.news_list02 {

	margin-top: 60px;

}

.news_list02 ul .item {

	height: 232px;

	margin-bottom: 15px;

}

.news_list02 ul .item_l {

	width: 19.5%;

	float: left;

	position: relative;

	height: 100%;

	background: url(/public/static/modules/cms/images/news_list02_1.jpg) no-repeat -120% 0px;

	transition: .5s;

}

.news_list02 ul .item_l .time {

	width: 65%;

	float: left;

	font-family: 'Arial';

	line-height: 1;

	text-align: center;

	position: absolute;

	height: 100%;

	top: 0%;

	color: #2aaaf0;

	z-index: 5;

	font-size: 14px;

	border-right: 1px solid #bcbcbc;

	padding-top: 84px;

	transition: .5s;

}

.news_list02 ul li {

	transition: .5s;

}

.news_list02 ul li:hover {

	box-shadow: 0 5px 10px rgba(0,0,0,0.1);

}

.news_list02 ul li:hover .item_l {

	background: url(/public/static/modules/cms/images/news_list02_1.jpg) no-repeat 0% 0px;

}

.news_list02 ul li:hover .item_l .time {

	color: white;

	border-color: white;

}

.news_list02 ul .item_l .time .d {

	font-size: 52px;

	margin-bottom: 3px;

}

.news_list02 ul .item_l .time:after {

	content: '';

	background: #bcbcbc;

	position: absolute;

	width: 46px;

	height: 1px;

	top: 50%;

	right: -51px;

	transition: all .5s ease;

	-webkit-transition: all .5s ease;

}

.news_list02 ul .item_r {

	width: 80.5%;

	float: left;

	height: 100%;

	background: #fafafa;

	position: relative;

}

.news_list02 ul .item_r .box {

	padding: 30px 40px;

}

.news_list02 ul .item_r .intro_box {

	width: 75%;

	float: left;

}

.news_list02 ul .item_r .intro_box .tit {

	font-size: 22px;

	font-weight: bold;

	color: #333f48;

	line-height: 24px;

	margin-bottom: 20px;

}

.news_list02 ul li:hover .item_r .intro_box .tit {

	color: #2aaaf0;

}

.news_list02 ul .item_r .intro_box .tit a {

	display: block;

}

.el {

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}

.news_list02 ul .item_r .intro_box .list_tool {

	margin-bottom: 10px;

	color: #c9c9c9;

	font-size: 14px;

}

.news_list02 ul .item_r .intro_box .con {

	font-size: 14px;

	color: #303030;

	height: 60px;

	line-height: 30px;

	overflow: hidden;

}

.news_list02 ul li:hover .item_r .intro_box .con {

	color: #2aaaf0;

}

.fix:before, .fix:after {

	display: table;

	clear: both;

	content: '';

}

.news_list02 ul .item_r .img_box {

	float: right;

	width: 24%;

	overflow: hidden;

}

.news_list02 ul .item_r .img_box img {

	width: 100%!important;

	height: 100%!important;

}



@media (max-width:991px) {

.news_list02 {

	margin-top: 60px;

}

.news_list02 ul .item {

	height: auto;

	margin-bottom: 15px;

}

.news_list02 ul li {

	width: 48%;

	margin: 0 1%;

	float: left;

}

.news_list02 ul .item_l {

	width: 19.5%;

	float: left;

	position: relative;

	height: 100%;

	background: url(/public/static/modules/cms/images/news_list02_1.jpg) no-repeat -120% 0px;

	transition: .5s;

	display: none;

}

.news_list02 ul .item_l .time {

	width: 100%;

	float: left;

	font-family: 'Arial';

	line-height: 1;

	text-align: center;

	position: absolute;

	height: 100%;

	top: 0%;

	color: #2aaaf0;

	z-index: 5;

	font-size: 14px;

	border-right: 1px solid #bcbcbc;

	padding-top: 84px;

	transition: .5s;

}

.news_list02 ul li:hover .item_l {

	background: url(/public/static/modules/cms/images/news_list02_1.jpg) no-repeat 0% 0px;

}

.news_list02 ul li:hover .item_l .time {

	color: white;

	border-color: white;

}

.news_list02 ul .item_l .time .d {

	font-size: 52px;

	margin-bottom: 3px;

}

.news_list02 ul .item_l .time:after {

	content: '';

	background: #bcbcbc;

	position: absolute;

	width: 46px;

	height: 1px;

	top: 50%;

	right: -51px;

	transition: all .5s ease;

	-webkit-transition: all .5s ease;

}

.news_list02 ul .item_r {

	width: 100%;

	float: left;

	height: 100%;

	background: #fafafa;

	position: relative;

}

.news_list02 ul .item_r .box {

	padding: 30px 40px;

}

.news_list02 ul .item_r .intro_box {

	width: 100%;

	float: left;

}

.news_list02 ul .item_r .intro_box .tit {

	font-size: 22px;

	font-weight: bold;

	color: #333f48;

	line-height: 24px;

	margin-bottom: 20px;

}

.news_list02 ul li:hover .item_r .intro_box .tit {

	color: #2aaaf0;

}

.news_list02 ul .item_r .intro_box .tit a {

	display: block;

}

.el {

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}

.news_list02 ul .item_r .intro_box .list_tool {

	margin-bottom: 10px;

	color: #c9c9c9;

	font-size: 14px;

}

.news_list02 ul .item_r .intro_box .con {

	font-size: 14px;

	color: #303030;

	height: auto!important;

	line-height: 26px;

	overflow: hidden;

}

.news_list02 ul li:hover .item_r .intro_box .con {

	color: #2aaaf0;

}

.fix:before, .fix:after {

	display: table;

	clear: both;

	content: '';

}

.news_list02 ul .item_r .img_box {

	float: right;

	width: 100%;

	overflow: hidden;

}

.news_list02 ul .item_r .img_box img {

	width: 100%!important;

	height: 100%!important;

}

}



@media (max-width:600px) {

.news_list02 {

	margin-top: 30px;

}

.news_list02 ul .item {

	height: auto;

	margin-bottom: 15px;

}

.news_list02 ul li {

	width: 98%;

	margin: 0 1%;

	float: left;

}

.news_list02 ul .item_l {

	width: 19.5%;

	float: left;

	position: relative;

	height: 100%;

	background: url(/public/static/modules/cms/images/news_list02_1.jpg) no-repeat -120% 0px;

	transition: .5s;

	display: none;

}

.news_list02 ul .item_l .time {

	width: 100%;

	float: left;

	font-family: 'Arial';

	line-height: 1;

	text-align: center;

	position: absolute;

	height: 100%;

	top: 0%;

	color: #2aaaf0;

	z-index: 5;

	font-size: 14px;

	border-right: 1px solid #bcbcbc;

	padding-top: 84px;

	transition: .5s;

}

.news_list02 ul li:hover .item_l {

	background: url(/public/static/modules/cms/images/news_list02_1.jpg) no-repeat 0% 0px;

}

.news_list02 ul li:hover .item_l .time {

	color: white;

	border-color: white;

}

.news_list02 ul .item_l .time .d {

	font-size: 52px;

	margin-bottom: 3px;

}

.news_list02 ul .item_l .time:after {

	content: '';

	background: #bcbcbc;

	position: absolute;

	width: 46px;

	height: 1px;

	top: 50%;

	right: -51px;

	transition: all .5s ease;

	-webkit-transition: all .5s ease;

}

.news_list02 ul .item_r {

	width: 100%;

	float: left;

	height: 100%;

	background: #fafafa;

	position: relative;

}

.news_list02 ul .item_r .box {

	padding: 20px 20px;

}

.news_list02 ul .item_r .intro_box {

	width: 100%;

	float: left;

}

.news_list02 ul .item_r .intro_box .tit {

	font-size: 22px;

	font-weight: bold;

	color: #333f48;

	line-height: 24px;

	margin-bottom: 20px;

}

.news_list02 ul li:hover .item_r .intro_box .tit {

	color: #2aaaf0;

}

.news_list02 ul .item_r .intro_box .tit a {

	display: block;

}

.el {

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}

.news_list02 ul .item_r .intro_box .list_tool {

	margin-bottom: 10px;

	color: #c9c9c9;

	font-size: 14px;

}

.news_list02 ul .item_r .intro_box .con {

	font-size: 14px;

	color: #303030;

	height: auto!important;

	line-height: 26px;

	overflow: hidden;

	margin-bottom: 10px;

}

.news_list02 ul li:hover .item_r .intro_box .con {

	color: #2aaaf0;

}

.fix:before, .fix:after {

	display: table;

	clear: both;

	content: '';

}

.news_list02 ul .item_r .img_box {

	float: right;

	width: 100%;

	overflow: hidden;

}

.news_list02 ul .item_r .img_box img {

	width: 100%!important;

	height: 100%!important;

}

}

.cp04 {

	background-color: white;

	margin-top: 60px;

	transition: .5s all;

}

.cp04:hover {

	webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.2);

	box-shadow: 0 15px 30px rgba(0,0,0,0.2);

	-webkit-transform: translate3d(0, -2px, 0);

	transform: translate3d(0, -2px, 0);

}

.cp04 div:nth-child(1) {

	width: calc(100% - 600px);

	float: left;

	padding-left: 60px;

	margin-top: 140px;

}

.cp04 div:nth-child(1) h2 {

	margin: 0 auto;

}

.cp04 div:nth-child(1) p {

	margin: 20px 0px;

	color: #303233;

}

.cp04 div:nth-child(1) span {

	background-color: rgba(92,92,92,1.00);

	color: white;

	padding: 20px 40px;

	display: inline-block;

}

.cp04:hover div:nth-child(1) span {

	background: linear-gradient(to right, #209fb3, #0e68b0);

	color: white;

	padding: 20px 40px;

	display: inline-block;

}

.cp04 div:nth-child(2) {

	width: 600px;

	float: right;

}



@media (max-width:991px) {

.cp04 {

	background-color: white;

	margin: 0 1%;

	float: left;

	margin-top: 60px;

	transition: .5s all;

	width: 48%;

}

.cp04:hover {

	webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.2);

	box-shadow: 0 15px 30px rgba(0,0,0,0.2);

	-webkit-transform: translate3d(0, -2px, 0);

	transform: translate3d(0, -2px, 0);

}

.cp04 div:nth-child(1) {

	width: 100%;

	float: left;

	padding: 20px;

	margin-top: 0px;

}

.cp04 div:nth-child(1) h2 {

	margin: 0 auto;

}

.cp04 div:nth-child(1) p {

	margin: 20px 0px;

	color: #303233;

}

.cp04 div:nth-child(1) span {

	background-color: rgba(92,92,92,1.00);

	color: white;

	padding: 10px 20px;

	display: inline-block;

}

.cp04:hover div:nth-child(1) span {

	background: linear-gradient(to right, #209fb3, #0e68b0);

	color: white;

	padding: 20px 40px;

	display: inline-block;

}

.cp04 div:nth-child(2) {

	width: 100%;

	float: right;

}

.cp04 div:nth-child(2) img {

	width: 100%;

}

}



@media (max-width:600px) {

.cp04 {

	background-color: white;

	margin: 0 1%;

	float: left;

	margin-top: 30px;

	transition: .5s all;

	width: 98%;

}

.cp04:hover {

	webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.2);

	box-shadow: 0 15px 30px rgba(0,0,0,0.2);

	-webkit-transform: translate3d(0, -2px, 0);

	transform: translate3d(0, -2px, 0);

}

.cp04 div:nth-child(1) {

	width: 100%;

	float: left;

	padding: 20px;

	margin-top: 0px;

}

.cp04 div:nth-child(1) h2 {

	margin: 0 auto;

}

.cp04 div:nth-child(1) p {

	margin: 20px 0px;

	color: #303233;

}

.cp04 div:nth-child(1) span {

	background-color: rgba(92,92,92,1.00);

	color: white;

	padding: 10px 20px;

	display: inline-block;

}

.cp04:hover div:nth-child(1) span {

	background: linear-gradient(to right, #209fb3, #0e68b0);

	color: white;

	padding: 20px 40px;

	display: inline-block;

}

.cp04 div:nth-child(2) {

	width: 100%;

	float: right;

}

.cp04 div:nth-child(2) img {

	width: 100%;

}

}

.lx{

	margin-top: 60px;

}

.lx h2{

	font-size: 32px;

	font-weight: bold;

	text-align: center;

	margin: 0 auto;

}

.lx div{

	width: 19.2%;

	margin-right: 1%;

	float: left;

	background-color: white;

	padding: 20px;

	margin-top: 60px;

	transition: .5s;

}

.lx div h2{

	font-size: 18px;

	    color: #666;

	text-align: left;

	margin: 16px 0px;

}

.lx div p{

	font-size: 14px;

	    color: #666;

	text-align: left;

	word-wrap:break-word;word-break:break-all;

}

.lx div img{

	    -moz-transition: all .8s ease 0s;

    -ms-transition: all .8s ease 0s;

    -o-transition: all .8s ease 0s;

    -webkit-transition: all .8s ease 0s;

    transition: all .8s ease 0s;

}

.lx div:hover{

	webkit-box-shadow: 1px 1px 20px rgba(0,0,0,.2);

    box-shadow: 1px 1px 20px rgba(0,0,0,.2);

}

.lx div:hover img{

	cursor: text;

    -moz-transform: rotateY(180deg);

    -ms-transform: rotateY(180deg);

    -o-transform: rotateY(180deg);

    -webkit-transform: rotateY(180deg);

    transform: rotateY(180deg);

}

.lx div:nth-child(6){

	margin-right: 0%;

}

.lx02{

	margin-top: 60px;

	margin-bottom: -60px;

}

@media (max-width:1200px){

	.lx{

	margin-top: 60px;

}

.lx h2{

	font-size: 32px;

	font-weight: bold;

	text-align: center;

	margin: 0 auto;

}

.lx div{

	width: 19.2%;

	margin-right: 1%;

	float: left;

	background-color: white;

	padding: 20px;

	margin-top: 60px;

	transition: .5s;

	height: 171px;

}

.lx div h2{

	font-size: 18px;

	    color: #666;

	text-align: left;

	margin: 16px 0px;

}

.lx div p{

	font-size: 14px;

	    color: #666;

	text-align: left;

	word-wrap:break-word;word-break:break-all;

}

.lx div img{

	    -moz-transition: all .8s ease 0s;

    -ms-transition: all .8s ease 0s;

    -o-transition: all .8s ease 0s;

    -webkit-transition: all .8s ease 0s;

    transition: all .8s ease 0s;

}

.lx div:hover{

	webkit-box-shadow: 1px 1px 20px rgba(0,0,0,.2);

    box-shadow: 1px 1px 20px rgba(0,0,0,.2);

}

.lx div:hover img{

	cursor: text;

    -moz-transform: rotateY(180deg);

    -ms-transform: rotateY(180deg);

    -o-transform: rotateY(180deg);

    -webkit-transform: rotateY(180deg);

    transform: rotateY(180deg);

}

.lx div:nth-child(6){

	margin-right: 0%;

}

.lx02{

	margin-top: 60px;

	margin-bottom: -60px;

}

}

@media (max-width:600px){

	.lx{

	margin-top: 30px;

}

.lx h2{

	font-size: 32px;

	font-weight: bold;

	text-align: center;

	margin: 0 auto;

}

.lx div{

	width: 98%;

	margin-right: 1%;

	margin-left: 1%;

	float: left;

	background-color: white;

	padding: 20px;

	margin-top: 20px;

	transition: .5s;

	height: auto!important;

}

.lx div h2{

	font-size: 18px;

	    color: #666;

	text-align: left;

	margin: 16px 0px;

}

.lx div p{

	font-size: 14px;

	    color: #666;

	text-align: left;

	word-wrap:break-word;word-break:break-all;

}

.lx div img{

	    -moz-transition: all .8s ease 0s;

    -ms-transition: all .8s ease 0s;

    -o-transition: all .8s ease 0s;

    -webkit-transition: all .8s ease 0s;

    transition: all .8s ease 0s;

}

.lx div:hover{

	webkit-box-shadow: 1px 1px 20px rgba(0,0,0,.2);

    box-shadow: 1px 1px 20px rgba(0,0,0,.2);

}

.lx div:hover img{

	cursor: text;

    -moz-transform: rotateY(180deg);

    -ms-transform: rotateY(180deg);

    -o-transform: rotateY(180deg);

    -webkit-transform: rotateY(180deg);

    transform: rotateY(180deg);

}

.lx div:nth-child(6){

	margin-right: 0%;

}

.lx02{

	margin-top: 30px;

	margin-bottom: -30px;

}

}
.wz_t{
		background-color:  white;
		text-align: center;
		padding: 30px;
		margin-top: 60px;
	}
	.wz_t h2{
		margin: 0 auto;
		margin-bottom: 10px;
	}
	.wz{
		background-color: white;
		margin-top: 20px;
		padding: 60px;
	}
	.wz img{
		max-width: 100%;
	}
	@media (max-width:600px){
			.wz_t{
		background-color:  white;
		text-align: center;
		padding: 10px;
		margin-top: 30px;
	}
	.wz_t h2{
		margin: 0 auto;
		margin-bottom: 10px;
	}
	.wz{
		background-color: white;
		margin-top:10px;
		padding: 10px;
	}
	.wz img{
		max-width: 100%;
	}
	}
.cp_js{
	width: 100%;
	margin-top: 60px;
	padding: 30px;
	background-color: white;
}
.cp_js div{
	width: 50%;
	float: left;
}
.cp_js div:nth-child(1){
	border: 1px solid #f2f2f2;
}
.cp_js div:nth-child(1) img{
	max-width: 100%;
}
.cp_js div:nth-child(2){
	padding-top: 60px;
}
.cp_js div:nth-child(2) h2{
	color: #2aaaf0;
	margin: 0 auto;
	font-weight: bold;
	font-size: 26px;
	padding-bottom: 20px;
	margin-left: 30px;
	border-bottom: 1px solid #c9c9c9;
}
.cp_js div:nth-child(2) p{
	margin-left: 30px;
	font-size: 14px;
    color: #515151;
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #c9c9c9;
    text-align: justify;
    line-height: 24px;
}
.cp_js div:nth-child(2) h6{
	font-size: 26px;
    font-weight: bold;
   color: #2aaaf0;
    margin: 0 auto;
    margin-top: 20px;
}
.cp_js div:nth-child(2) h6 span{
	font-size: 16px;
    padding-left: 30px;
    background: url( /public/static/modules/cms/images/fw.png) 0 2px no-repeat;
	margin-left: 30px;
    padding-top: 10px;
    color: #515151;
    font-weight: normal;
}
.cp_js div:nth-child(2) a{
	margin-top: 20px;
    width: calc(100% - 30px);
    background: linear-gradient(to right, #209fb3, #0e68b0);
    display: inline-block;
    text-align: center;
    color: white;
    padding: 10px 0px;
	margin-left: 30px;
}
.cpxq{
	background-color: white;
	width: 100%;
	padding: 0px 30px;
	padding-bottom: 30px;
}
.cpxq h2{
	margin: 0 auto;
   
    width: 100%;
    font-size: 22px;
    font-weight: bold;
    color: red;
    border-bottom: 1px solid #353535;
    padding-bottom: 10px;
}
.cpxq h2 span{
	    border-bottom: 5px solid #3182c5;
    padding-bottom: 6px;
}
@media (max-width:991px){
	.cp_js{
	width: 100%;
	margin-top: 30px;
	padding: 30px;
	background-color: white;
}
.cp_js div{
	width: 100%;
	float: left;
}
.cp_js div:nth-child(1){
	border: 1px solid #f2f2f2;
}
.cp_js div:nth-child(1) img{
	max-width: 100%;
}
.cp_js div:nth-child(2){
	padding-top: 30px;
}
.cp_js div:nth-child(2) h2{
	color: #2aaaf0;
	margin: 0 auto;
	font-weight: bold;
	font-size: 26px;
	padding-bottom: 20px;
	margin-left: 0px;
	border-bottom: 1px solid #c9c9c9;
}
.cp_js div:nth-child(2) p{
	margin-left: 0px;
	font-size: 14px;
    color: #515151;
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #c9c9c9;
    text-align: justify;
    line-height: 24px;
}
.cp_js div:nth-child(2) h6{
	font-size: 26px;
    font-weight: bold;
   color: #2aaaf0;
    margin: 0 auto;
    margin-top: 20px;
}
.cp_js div:nth-child(2) h6 span{
	font-size: 16px;
    padding-left: 30px;
    background: url( /public/static/modules/cms/images/fw.png) 0 2px no-repeat;
	margin-left:0px;
    padding-top: 10px;
    color: #515151;
    font-weight: normal;
}
.cp_js div:nth-child(2) a{
	margin-top: 20px;
    width: 100%;
    background: linear-gradient(to right, #209fb3, #0e68b0);
    display: inline-block;
    text-align: center;
    color: white;
    padding: 10px 0px;
	margin-left: 0px;
}
.cpxq{
	background-color: white;
	width: 100%;
	padding: 0px 30px;
	padding-bottom: 30px;
}
.cpxq h2{
	margin: 0 auto;
   
    width: 100%;
    font-size: 22px;
    font-weight: bold;
    color: red;
    border-bottom: 1px solid #353535;
    padding-bottom: 10px;
}
.cpxq h2 span{
	    border-bottom: 5px solid #3182c5;
    padding-bottom: 6px;
}
}