@charset "UTF-8";

/* CSS Document */
/*
-----------------------------首页样式start-----------------------------
*/
/* top satrt */
.top {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	background: #fff;
	z-index: 100;
	box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.05);
}

.indexTop .top {
	background: none;
}

.logo {
	margin-top: 10px;
}

.logo img {
	height: 60px;
}
.indexTop .top{
	box-shadow: none;
}
.indexTop .logo {
	margin-top: 8px;
}

.indexTop .logo img {
	height: 64px;
}

.menuDl dd {
	float: left;
	display: inline;
	height: 80px;
	line-height: 80px;
	position: relative;
	margin-right: 60px;
}

.menuDl dd .yj a {
	font-size: 16px;
	color: #4c4c4c;
	display: block;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.menuDl dd.hover .yj a {
	color: #0276c2;
	font-weight: bold;
}

.indexTop .menuDl dd .yj a {
	color: #ffffff;
}
.topUserEsc{
	margin-top:25px;
	display:none;
	position: relative;
}
.topUserEsc a.icn{
	display:block;
	font-size:16px;
	height:30px;
	line-height:30px;
	color:#4c4c4c;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	
}
.topUserEsc a.icn img{height: 30px;}
.indexTop .topUserEsc a{
	color:#ffffff;
}
.topUserEsc a:hover{
	color: #0276c2;
	font-weight: bold;
}

.indexTop .menuDl dd.hover .yj a {
	color: #0276c2;
	font-weight: bold;
}

.topUser {
	width: 30px;
	height: 30px;
	margin-top: 25px;
	position: relative;
}
.topUserEsc .list{
	display: none;
	position: absolute;
	top: 20px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	background: url(../images/userbg.png)no-repeat center /cover;
	padding: 44px 0 30px 0;
	width: 124px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	height: 132px;
}
.topUserEsc .list.active{
	display: block;
}
.topUserEsc .list li{
	line-height: 14px;
	height: 14px;
	overflow: hidden;
	margin-bottom: 20px;
	text-align: center;
}
.topUserEsc .list li a{
	font-size: 14px;
	color: #999;
	
}
.topUser a.icn {
	display: block;
	height: 30px;
	background: url(../images/userIcon.png) no-repeat center center;
}

.indexTop .topUser a.icn {
	background: url(../images/userIconb.png) no-repeat center center;
}

/* top end */

/* indexFooter start */
.indexFooter {
	position: absolute;
	width: 100%;
	height: 55px;
	bottom: 0;
	left: 0;
}

.indexFooterCon {
	text-align: center;
	font-size: 0;
}

.indexFooterCon .con {
	display: inline-block;
	font-size: 16px;
	color: #f5f5f5;
	line-height: 55px;
	padding-right: 14px;
	margin-right: 14px;
	position: relative;
}

.indexFooterCon .con:last-child {
	padding-right: 0;
	margin-right: 0;
}

.indexFooterCon .con:before {
	display: block;
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	background: #ccd2c9;
	width: 1px;
	height: 15px;
	margin-top: -7px;
}

.indexFooterCon .con:last-child:before {
	display: none;
}

.indexFooterCon .con a {
	font-size: 16px;
	color: #f5f5f5;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

/* indexFooter end */

/* footer start */
.footer {
	height: 226px;
	background: url(../images/foorerBg.png) no-repeat center center;
	background-size: cover;
	position: relative;
}

.footerLogo {
	padding-top: 46px;
	text-align: center;
	margin-bottom: 44px;
}

.footerLogo a {
	display: inline-block;
}

.footerLogo a img {
	height: 60px;
}

.subFooterCon {
	text-align: center;
	font-size: 0;
}

.subFooterCon .con {
	display: inline-block;
	font-size: 16px;
	color: #666666;
	line-height: 76px;
	padding-right: 14px;
	margin-right: 14px;
	position: relative;
}

.subFooterCon .con:last-child {
	padding-right: 0;
	margin-right: 0;
}

.subFooterCon .con:before {
	display: block;
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	background: #949692;
	width: 1px;
	height: 15px;
	margin-top: -7px;
}

.subFooterCon .con:last-child:before {
	display: none;
}

.subFooterCon .con a {
	font-size: 16px;
	color: #666666;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.subFooterCon .con a:hover {
	color: #0276c2;
}

.bnrWave {
	position: absolute;
	top: -75px;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 3;
}

.bnrWave .wave1 {}


.bnrWave .wave2 {
	display: block;
	position: absolute;
	bottom: 0px;
	height: 100px;
	left: 0;
	width: 100%;
	/*background: url(../images/footerwaveBg.png) repeat-x -600px 30px;*/
	z-index: 99;
}

.bnrWave .wave1 {
	background-position: 0 -300px;
	z-index: 2;
}

/* footer end */

/*
********************************首页样式 start********************************
*/
/* 第1通栏 start */
.indexBox {
	height: 100%;
	overflow-y: hidden;
}

.indexCon {
	overflow: hidden;
	position: relative;
}

.indexConL {
	overflow: hidden;
	height: 100vh;
}

.indexConLCon {
	height: 100%;
}

.indexTitle {
	font-size: 40px;
	color: #ffffff;
	line-height: 60px;
	margin-bottom: 38px;
	text-align: center;
	width: 600px;
}
.indexTitle .title1{
	font-size: 30px;
}
.indexTitle .title2{
	text-transform: uppercase;
	font-size: 15px;
	height: 32px;
	line-height: 32px;
	overflow: hidden;
}
.indexSearch {
	width: 570px;
	padding-left: 30px;
	border-radius: 70px;
	overflow: hidden;
	background: #fff;
	margin-bottom: 20px;
}

.indexSearch .searchBox {
	height: 70px;
	line-height: 70px;
	position: relative;
	overflow: hidden;
}

.indexSearch .searchBox input {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	color: #0175c2;
	font-size: 18px;
	border: none;
	outline: none;
	z-index: 9;
}

.indexSearch .searchBox input::-webkit-input-placeholder {
	color: #0175c2;
	/* placeholder颜色  */
	font-size: 18px;
	/* placeholder字体大小  */
	text-align: left;
	/* placeholder位置  */
}

.indexSearch .searchBtn {
	width: 65px;
	height: 70px;
	color: #fff;
	font-size: 16px;
	background: #005bac;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	border-radius: 30px;
	position: relative;
	z-index: 10;
	background: url(../images/searchIcn.png) no-repeat center center;
	background-size: auto 25px;
}

.idnexText .text1 {
	height: 90px;
	line-height: 90px;
	color: #fff;
	font-size: 30px;
	text-align: center;
	width: 600px;
	margin-bottom: 110px;
}
.idnexText .text1 a{
	color: #fff;
}
.idnexText .text1 a span{
	display: inline-block;
	width: 60px;
	height: 66px;
	margin-right: 30px;
	vertical-align: middle;
}
.idnexText .text2 {
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 24px;
	font-family: "Syht";
}

.indexConR {
	background: url(../images/indexLbg.png) no-repeat left center;
	background-size: contain;
	width: 623px;
	height: 100vh;
	position: relative;
}

.indexConR .con {
	position: absolute;
}

.indexConR .con .bubble {
	position: absolute;
	border-radius: 50%;
	opacity: 0;
	visibility: hidden;
}

.indexConR .con .bubble1 {
	width: 16px;
	height: 16px;
	background: #e7cd20;
	left: 60px;
	top: -12px;
}

.indexConR .con .bubble2 {
	width: 12px;
	height: 12px;
	background: #10bcda;
	right: 36px;
	top: -10px;
	transition: all 0.6s linear;
	-webkit-transition: all 0.6s linear;
}

.indexConR .con .bubble3 {
	width: 10px;
	height: 10px;
	background: #94b4c9;
	right: -10px;
	bottom: 18px;
	transition: all 0.9s linear;
	-webkit-transition: all 0.9s linear;
}

.indexConR .con .bubble4 {
	width: 20px;
	height: 20px;
	background: #beb15d;
	left: -22px;
	bottom: 35px;
	transition: all 1.2s linear;
	-webkit-transition: all 1.2s linear;
}
.indexConR .con:hover .bubble {
	opacity: 1;
	visibility: visible;
}

.indexConR .con .pic {
	border-radius: 50%;
	overflow: hidden;
}

.indexConR .con .pic img {
	border-radius: 50%;
	overflow: hidden;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.indexConR .con .pic:before {
	padding-top: 100%;
}
.indexConR .con:hover .pic img{
	filter: blur(5px);
	 -webkit-filter: blur(5px);
}
.indexConR .con .text {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}

.indexConR .con .text .title {
	line-height: 44px;
	padding: 0 10px;
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	color: #ffffff;
}

.indexConR .con.con1 {
	width: 216px;
	height: 216px;
	border-radius: 50%;
	right: 20px;
	top: 50%;
	margin-top: -256px;
}
.indexConR .con a{
	display: block;
	border-radius: 50%;
	margin: 8px;
}
.indexConR .con .circleCon{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.22);
	left: 0;
	top: 0;
	border-radius: 50%;
	z-index: -1;
	-webkit-animation: scan1 5s linear infinite;
	animation: scan1 5s linear infinite;
}
.indexConR .con .circleCon:before{
	display: block;
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	background: #e7cd20;
	left: 15px;
	top: 30px;
	border-radius: 50%;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.indexConR .con:hover .circleCon:before{
	opacity: 1;
	visibility: visible;
}
@keyframes scan1{
  0%{
    transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
  }
  100%{
    transform:rotate(360deg);
     -webkit-transform:rotate(360deg);
  }
}
@-webkit-keyframes scan1{
  0%{
    transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
  }
  100%{
    transform:rotate(360deg);
     -webkit-transform:rotate(360deg);
  }
}
.indexConR .con.con2 {
	width: 316px;
	height: 316px;
	border-radius: 50%;
	top: 50%;
	right: 130px;

}
.indexConR .con.con2 .circleCon:before{
	left: 44px;
}
.indexConR .con.con1 .icn {
	width: 50px;
	height: 50px;
	margin: 0 auto;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.indexConR .con.con2 .icn {
	width: 54px;
	height: 50px;
	margin: 0 auto;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.indexConR .con.con2 .bubble4 {
    left: -10px;
    bottom: 38px;
}
.indexConR .con.con2 .bubble2 {
    right: 40px;
    top: 0px;
}
.indexConR .con.con2 .bubble3 {
    right: 16px;
    bottom: 28px;
}
/* 第1通栏 end */

/*
-----------------------------首页样式end-----------------------------
*/
/*
-----------------------------频道页start-----------------------------
*/
/* 产品综合页 start */
.productBox {
	height: 100vh;
	position: relative;
	background: #000000 url(../images/proBoxBg.png) no-repeat center center;
	padding-bottom: 80px;
}
#particles-js {
	width: 100%;
	height: 100vh;
	
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
}
.productBox .wrap{
	height: 100%;
}
.productBox .productBoxCon{
	height: 100%;
	position: relative;
}
.productBoxCenter {
	width: 406px;
	height: 406px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -203px;
	margin-top: -203px;
	overflow: hidden;
	border-radius: 50%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.productBoxCenter .centerLogo a {
	display: block;
	position: absolute;
	width: 138px;
	height: 138px;
	left: 50%;
	top: 50%;
	margin-top: -69px;
	margin-left: -69px;
	background-color: #ffffff;
	box-shadow: 0 0 39px 0 rgba(0, 0, 0, 0.08);
	border-radius: 50%;
	overflow: hidden;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.productBoxCenter .centerLogo a:hover {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
}

.productBoxCenter .centerLogo img {
	display: block;
	width: 80px;
	height: 80px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -40px;
	margin-left: -40px;
}

.productBoxCenter .centerLine {
	position: absolute;
	left: 50%;
	top: 50%;
	border: 1px solid;
	overflow: hidden;
	border-radius: 50%;
}

.productBoxCenter .centerLine1 {
	width: 186px;
	height: 186px;
	border-color: rgba(255, 255, 255, 0.8);
	margin-left: -94px;
	margin-top: -94px;
	-webkit-animation: warn 3s ease-out infinite;
	-moz-animation: warn 3s ease-out infinite;
	animation: warn 3s ease-out infinite;
}

.productBoxCenter .centerLine2 {
	width: 246px;
	height: 246px;
	border-color: rgba(172, 199, 244, 0.7);
	margin-left: -124px;
	margin-top: -124px;
	-webkit-animation: warn1 3s ease-out infinite;
	-moz-animation: warn1 3s ease-out infinite;
	animation: warn1 3s ease-out infinite;
}

.productBoxCenter .centerLine3 {
	width: 312px;
	height: 312px;
	border-color: rgba(255, 255, 255, 0.3);
	margin-left: -157px;
	margin-top: -157px;
	-webkit-animation: warn2 3s ease-out infinite;
	-moz-animation: warn2 3s ease-out infinite;
	animation: warn2 3s ease-out infinite;
}

@keyframes warn {
	0% {
		transform: scale(0.5);
		-webkit-transform: scale(0.5);
		opacity: 0.0;
	}

	25% {
		transform: scale(0.8);
		-webkit-transform: scale(0.8);
		opacity: 0.1;
	}

	50% {
		transform: scale(1);
		-webkit-transform: scale(1);
		opacity: 0.3;
	}

	75% {
		transform: scale(1.5);
		-webkit-transform: scale(1.5);
		opacity: 0.5;
	}

	100% {
		transform: scale(2);
		-webkit-transform: scale(2);
		opacity: 0.0;
	}
}

@keyframes warn1 {
	0% {
		transform: scale(0.5);
		-webkit-transform: scale(0.5);
		opacity: 0.0;
	}

	25% {
		transform: scale(0.8);
		-webkit-transform: scale(0.8);
		opacity: 0.3;
	}

	50% {
		transform: scale(1.2);
		-webkit-transform: scale(1.2);
		opacity: 0.5;
	}

	75% {
		transform: scale(1.7);
		-webkit-transform: scale(1.7);
		opacity: 0.7;
	}

	100% {
		transform: scale(2);
		-webkit-transform: scale(2);
		opacity: 0.0;
	}
}

@keyframes warn2 {
	0% {
		transform: scale(0.5);
		-webkit-transform: scale(0.5);
		opacity: 0.0;
	}
	25% {
		transform: scale(0.9);
		-webkit-transform: scale(0.9);
		opacity: 0.5;
	}

	50% {
		transform: scale(1.4);
		-webkit-transform: scale(1.4);
		opacity: 0.7;
	}

	75% {
		transform: scale(1.8);
		-webkit-transform: scale(1.8);
		opacity: 0.5;
	}

	100% {
		transform: scale(2);
		-webkit-transform: scale(2);
		opacity: 0.0;
	}
}
.productBoxDl1{
	position: absolute;
	width: 395px;
	height: 508px;
	top: 50%;
	right: 48px;
	margin-top: -254px;
}
.productBoxDl1:before{
	position: absolute;
	display: block;
	content: '';
	width: 346px;
	height: 469px;
	left: 22px;
	top: 32px;
	background:url(../images/proLineBg.png) no-repeat center center;
	background-size: contain;
}
.productBoxDl dd{
	position: absolute;
}
.productBoxDl1 dd.dd1{
	left: 0;
	top: 200px;
}
.productBoxDl1 dd.dd2{
	left: 112px;
	top: 130px;
}
.productBoxDl1 dd.dd3{
	left: 166px;
	top: 0;
}
.productBoxDl1 dd.dd4{
	right: 90px;
	top: 120px;
}
.productBoxDl1 dd.dd5{
	right: 118px;
	top: 300px;
}
.productBoxDl1 dd.dd6{
	left: 150px;
	bottom: 71px;
}
.productBoxDl dd a{
	position: absolute;
	border-radius: 50%;
	display: block;
	width: 90px;
	height: 90px;
	background: url(../images/proDdBg.png) no-repeat center center;
	box-shadow: 0 0 20px 1px rgba(92,149,237,0.77);
	-webkit-box-shadow: 0 0 20px 1px rgba(92,149,237,0.77);
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	animation: moveUp 3s ease infinite;
}
@keyframes moveUp{
	0%{
		transform: scale(1);
		opacity: 1;
	}
	50%{
		transform: scale(1.2);
		opacity: 1;
	}
	100%{
		transform: scale(1);
		opacity: 1;
	}
}
.productBoxDl dd a .proLogo{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-position: center center;
	background-repeat: no-repeat;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.productBoxDl dd a .proLogo2{
	opacity: 0;
	visibility: hidden;
}
.productBoxDl dd a:hover .proLogo2{
	opacity: 1;
	visibility: visible;
}
.productBoxDl dd a:hover .proLogo1{
	opacity: 0;
	visibility: hidden;
}
.productBoxDl1 dd.dd1 a .proLogo{
	background-size: auto 26px;
}
.productBoxDl1 dd.dd2 a .proLogo{
	background-size: auto 22px;
}
.productBoxDl1 dd.dd3 a .proLogo{
	background-size: auto 25px;
}
.productBoxDl1 dd.dd4 a .proLogo{
	background-size: auto 50px;
}
.productBoxDl1 dd.dd5 a .proLogo{
	background-size: auto 22px;
}
.productBoxDl1 dd.dd6 a .proLogo{
	background-size: auto 20px;
}
.productBoxDl2 dd.dd1 a .proLogo{
	background-size: auto 24px;
}
.productBoxDl2 dd.dd2 a .proLogo{
	background-size: auto 26px;
}
.productBoxDl2 dd.dd3 a .proLogo{
	background-size: auto 20px;
}
.productBoxDl2 dd.dd4 a .proLogo{
	background-size: auto 20px;
}
.productBoxDl3 dd.dd1 a .proLogo{
	background-size: auto 50px;
}
.productBoxDl3 dd.dd2 a .proLogo{
	background-size: auto 58px;
}
.productBoxDl3 dd.dd3 a .proLogo{
	background-size: auto 26px;
}
.productBoxDl3 dd.dd4 a .proLogo{
	background-size: auto 13px;
}
.productBoxDl3 dd.dd5 a .proLogo{
	background-size: auto 34px;
}
.productBoxDl3 dd.dd6 a .proLogo{
	background-size: auto 45px;
}
.productBoxDl1 dd.dd2 a{
	width: 70px;
	height: 70px;
}
.productBoxDl1 dd.dd6 a{
	width: 70px;
	height: 70px;
}
.productBoxDl dd a:hover{
	background: url(../images/proDdBgh.png) no-repeat center center;
}
.productBoxDl2{
	position: absolute;
	width: 528px;
	height: 214px;
	left: 50%;
	bottom: 40px;
	margin-left: -264px;
}
.productBoxDl2:before{
	position: absolute;
	display: block;
	content: '';
	width: 470px;
	height: 160px;
	left: 22px;
	top: 32px;
	background:url(../images/proLineBg2.png) no-repeat center center;
	background-size: contain;
}
.productBoxDl2 dd.dd1{
	left: 0;
	top: 68px;
}
.productBoxDl2 dd.dd2{
	left: 217px;
	bottom: 90px;
}
.productBoxDl2 dd.dd3{
	right: 150px;
	top: 0;
}
.productBoxDl2 dd.dd4{
	right: 90px;
	bottom: 90px;
}
.productBoxDl2 dd.dd2 a{
	width: 70px;
	height: 70px;
}
.productBoxDl3{
	position: absolute;
	width: 440px;
	height: 530px;
	top: 50%;
	left: 80px;
	margin-top: -265px;
}
.productBoxDl3:before{
	position: absolute;
	display: block;
	content: '';
	width: 382px;
	height: 483px;
	left: 22px;
	top: 32px;
	background:url(../images/proLineBg3.png) no-repeat center center;
	background-size: contain;
}
.productBoxDl3 dd.dd1{
	left: 192px;
	top: 0;
}
.productBoxDl3 dd.dd2{
	right: 90px;
	top: 24px;
}
.productBoxDl3 dd.dd3{
	left: 174px;
	top: 200px;
}
.productBoxDl3 dd.dd4{
	right: 208px;
	bottom: 188px;
}
.productBoxDl3 dd.dd5{
	left: 154px;
	bottom: 70px;
}
.productBoxDl3 dd.dd6{
	left: 0;
	bottom: 148px;
}
.productBoxDl3 dd.dd3 a{
	width: 70px;
	height: 70px;
}
.productBoxDl3 dd.dd5 a{
	width: 70px;
	height: 70px;
}

.productBoxDl4{
	position: absolute;
	width: 285px;
	height: 120px;
	top: 120px;
	left: 50%;
	margin-left: -50px;
}
.productBoxDl4:before{
	position: absolute;
	display: block;
	content: '';
	width: 235px;
	height: 82px;
	left: 22px;
	top: 32px;
	background:url(../images/proLineBg4.png) no-repeat center center;
	background-size: contain;
}
.productBoxDl4 dd.dd1 a {
	width: 70px;
	height: 70px;
}
.productBoxDl4 dd.dd1{
	top: 0;
	left: 0;
}
.productBoxDl4 dd.dd2{
	top: 28px;
	left: 190px;
}
/* 产品综合页 end */

/* 营养作物 start */
.cropColumnBox{
	background: url(../images/cropBoxBg.png) no-repeat top center;
	background-size: cover;
}
.cropTitle {
	font-size: 36px;
	color: #333333;
	font-weight: bold;
	line-height: 65px;
	text-align: center;
}

.cropColumn1 {
	padding-top: 52px;
	margin-bottom: 146px;
}

.cropColumn1Info {
	padding-top: 8px;
	line-height: 32px;
	text-align: center;
	font-size: 16px;
	color: #666666;
	margin-bottom: 44px;
}

.cropColumn1Dl {
	text-align: center;
	font-size: 0;
	margin-bottom: 98px;
}

.cropColumn1Dl dd {
	display: inline-block;
}

.cropColumn1Dl dd .con {
	margin: 0 5px 10px;
}

.cropColumn1Dl dd a {
	display: block;
	width: 76px;
	height: 76px;
	border: 2px solid #cedde9;
	border-radius: 4px;
	overflow: hidden;
	background: #ffffff;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.cropColumn1Dl dd a .cnTitle {
	font-size: 24px;
	color: #0075c1;
	text-align: left;
	margin-left: 10px;
	padding-top: 10px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.cropColumn1Dl dd a .enTitle {
	font-size: 22px;
	color: #0075c1;
	text-align: right;
	margin-right: 10px;
	padding-top: 5px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	font-family: "Myriad";
}

.cropColumn1Dl dd.hover a {
	background: #0276c2;
	border-color: #0276c2;
}

.cropColumn1Dl dd.hover a .cnTitle {
	color: #fff;
}

.cropColumn1Dl dd.hover a .enTitle {
	color: #fff;
}

.cropColumn1Dl dd:hover a {
	background: #0276c2;
	border-color: #0276c2;
}

.cropColumn1Dl dd:hover a .cnTitle {
	color: #fff;
}

.cropColumn1Dl dd:hover a .enTitle {
	color: #fff;
}

.cropColumn1Con {
	overflow: hidden;
}

.cropColumn1Con .pic {
	width: 818px;
	border-radius: 10px;
	overflow: hidden;
	margin-left: 50px;
}

.cropColumn1Con .pic img {
	border-radius: 10px;
	overflow: hidden;
}

.cropColumn1Con .pic:before {
	padding-top: 56.2347%;
}

.cropColumn1Con .text {
	overflow: hidden;
}

.cropColumn1Con .text .cropIcn1 {
	width: 54px;
	height: 54px;
	background: url(../images/cropIcn1.png) no-repeat center center;
	background-size: cover;
	margin-bottom: 18px;
}

.cropColumn1Con .text .title {
	font-size: 28px;
	color: #333333;
	font-weight: bold;
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 10px;
}

.cropColumn1Con .text .info {
	font-size: 15px;
	color: #666;
	line-height: 28px;
	height: 140px;
	overflow: hidden;
	margin-bottom: 94px;
}

.cropMore a {
	display: block;
	width: 138px;
	height: 43px;
	line-height: 45px;
	border: 1px solid #999999;
	font-size: 16px;
	color: #999999;
	border-radius: 45px;
	text-align: center;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
}

.cropMore a:hover {
	border-color: #50aff5;
	color: #fff;
	background-image: linear-gradient(to right, #60baf5, #007bf5);
	background-image: -webkit-linear-gradient(left, #60baf5, #007bf5);
	box-shadow: 0 0 7px 0 rgba(0, 117, 193, 0.16);
	-webkit-box-shadow: 0 0 7px 0 rgba(0, 117, 193, 0.16);
}

.cropColumn2 {
	margin-bottom: 105px;
}

.cropColumn2 .cropTitle {
	margin-bottom: 72px;
}

.cropScroll {
	overflow: hidden;
	padding-bottom: 100px;
	position: relative;
}

.cropScroll .con {
	overflow: hidden;
}

.cropScroll .con .pic {
	width: 818px;
	border-radius: 10px;
	overflow: hidden;
	margin-right: 50px;
}

.cropScroll .con .pic img {
	border-radius: 10px;
	overflow: hidden;
}

.cropScroll .con .pic:before {
	padding-top: 56.2347%;
}

.cropScroll .con .text {
	padding-top: 25px;
	overflow: hidden;
}

.cropScroll .con .text .title {
	font-size: 28px;
	color: #333333;
	font-weight: bold;
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 10px;
}

.cropScroll .con .text .info {
	font-size: 15px;
	color: #666;
	line-height: 28px;
	height: 168px;
	overflow: hidden;
	margin-bottom: 120px;
}

.cropScroll .prev {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	cursor: pointer;
	background: #dcdddf url(../images/cropPrev.png) no-repeat center center;
	position: absolute;
	left: 50%;
	margin-left: -90px;
	bottom: 0;
	z-index: 1;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.cropScroll .next {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	cursor: pointer;
	background: #dcdddf url(../images/cropNext.png) no-repeat center center;
	position: absolute;
	right: 50%;
	margin-right: -90px;
	bottom: 0;
	z-index: 1;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.cropScroll .prev:hover {
	background: #0276c2 url(../images/cropPrev.png) no-repeat center center;
}

.cropScroll .next:hover {
	background: #0276c2 url(../images/cropNext.png) no-repeat center center;
}

.cropScrollMore a {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: 2px solid #d1d1d1;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -20px;
	background: url(../images/cropMore.png) no-repeat center center;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.cropScrollMore a:hover {
	border-color: #0276c2;
	background: #0276c2 url(../images/cropMoreh.png) no-repeat center center;
}

.cropColumn3 {
	margin-bottom: 138px;
}

.cropColumn3 .cropTitle {
	margin-bottom: 40px;
}

.crop3Tab {
	text-align: center;
	font-size: 0;
	margin-bottom: 58px;
}

.crop3Tab .title {
	display: inline-block;
	background-color: #fff;
	width: 155px;
	text-align: center;
	height: 55px;
	line-height: 55px;
	font-size: 16px;
	color: #333333;
	border-radius: 6px;
	overflow: hidden;
	margin: 0 15px;
	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	cursor: pointer;
	box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.03);
	-webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.03);
}

.crop3Tab .title.hover {
	background-image: linear-gradient(to right, #62bbf5, #007bf5);
	background-image: -webkit-linear-gradient(left, #62bbf5, #007bf5);
	box-shadow: 0 0 7px 0 rgba(0, 117, 193, 0.16);
	-webkit-box-shadow: 0 0 7px 0 rgba(0, 117, 193, 0.16);
	color: #fff;
}

.crop3TabC table{
	width: 100%;
}

.crop3Table .trHead td {
	background-color: #429ae4;
	font-size: 17px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	height: 80px;
	line-height: 80px;
}

.crop3Table td {
	background-color: #ffffff;
	font-size: 16px;
	color: #666666;
	text-align: center;
	line-height: 28px;
	height: 80px;
	padding: 0 20px;
	box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.03);
	-webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.03);
}

.cropColumn4 {
	padding-bottom: 130px;
}

.cropColumn4 .cropIcn2 {
	width: 54px;
	height: 54px;
	margin: 0 auto 22px;
	background: url(../images/cropIcn2.png) no-repeat center center;
	background-size: cover;
}

.cropColumn4 .cropTitle {
	margin-bottom: 38px;
}

.crop4TabBox {
	overflow: hidden;
	margin-bottom: 60px;
}

.crop4TabC {
	width: 850px;
	margin-right: 30px;
}

.crop4TabC .pic {
	border-radius: 10px;
	overflow: hidden;
}

.crop4TabC .pic img {
	border-radius: 10px;
	overflow: hidden;
}

.crop4TabC .pic:before {
	padding-top: 56.4706%;
}

.crop4Tab {
	overflow: hidden;
	padding-top: 36px;
}

.crop4Tab .con:first-child {
	border-top: 1px dotted #e6e6e6;
}

.crop4Tab .con {
	overflow: hidden;
	padding: 18px 0;
	border-bottom: 1px dotted #e6e6e6;
}

.crop4Tab .icn {
	width: 44px;
	height: 44px;
	margin-right: 36px;
	border-radius: 15px;
	overflow: hidden;
	background: #f6f5f7 url(../images/cropJia.png) no-repeat center center;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.crop4Tab .con.hover .icn {
	background: #0075c1 url(../images/cropJiah.png) no-repeat center center;
}

.crop4Tab .text {
	overflow: hidden;
}

.crop4Tab .text .title {
	height: 52px;
	line-height: 52px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.crop4Tab .text .title a {
	font-size: 20px;
	color: #333333;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.crop4Tab .text .info {
	line-height: 32px;
	height: 64px;
	overflow: hidden;
	font-size: 15px;
	color: #999999;
	height: 0;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.crop4Tab .con.hover .text .info {
	height: 64px;
	margin-bottom: 12px;
}

.crop4Tab .con.hover .text .title {
	margin-bottom: 5px;
}

.crop4Tab .con.hover .text .title a {
	color: #0075c1;
}

.cropColumn4Con .cropMore a {
	margin: 0 auto;
}

.hoverPopBg{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 1000;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.hoverPop{
	position: fixed;
	width: 400px;
	padding: 20px;
	left: 50%;
	top: 50%;
	margin-top: -220px;
	background: #fff;
	z-index: 1001;
	border-radius: 5px;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
}
.hoverPop .pic:before{
	padding-top: 100%;
}
.hoverPop .pic img{
	object-fit: contain;
}
.hoverPopBg.show{
	opacity: 1;
	visibility: visible;
}
.hoverPop.show{
	opacity: 1;
	visibility: visible;
}
/* 营养作物 end */

/* 营养作物详情 start */
.cropViewTop {
	padding-top: 45px;
	padding-bottom: 50px;
	background: #f2f5f8;
}

.cropViewTopL {
	margin-right: 280px;
}

.cropViewTopL .title {
	font-size: 24px;
	color: #127ac3;
	height: 55px;
	line-height: 55px;
}

.cropViewDl1 {
	text-align: left;
}

.cropViewTopR {
	margin-top: 20px;
}

.cropViewTopR .title {
	line-height: 48px;
	height: 48px;
	overflow: hidden;
	font-size: 18px;
	color: #777777;
}

.cropSelect {
	position: relative;
	line-height: 44px;
	width: 236px;
	border: 2px solid #cedde9;
	border-radius: 5px;
}

.cropSelect .seljg2 {
	padding-left: 18px;
	line-height: 44px;
	color: #0276c2;
	font-size: 18px;
	cursor: pointer;
}

.cropSelect i {
	display: block;
	width: 44px;
	height: 44px;
	background: url(../images/selectimg.png) no-repeat center center;
	position: absolute;
	right: 0px;
	top: 0px;
	cursor: pointer;
}

.cropSelect .selTj2 {
	width: 100%;
	overflow: hidden;
	border: 1px solid #cedde9;
	border-top: none;
	/* max-height: 120px; */
	overflow-y: auto;
	position: absolute;
	left: -1px;
	top: 45px;
	display: none;
	z-index: 100000;
	background: #fff;
}

.cropSelect .selTj2 a {
	display: block;
	height: 38px;
	line-height: 38px;
	padding-left: 18px;
	color: #b2b2b2;
	margin-bottom: 1px;
	font-size: 16px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.cropSelect .selTj2 a:hover {
	background: #0276c2;
	color: #FFF;
}

.cropSelect .selTj2 a.hover {
	background: #0276c2;
	color: #FFF;
}

.cropSelect .selTj2 a {
	display: block;
}

.cropViewColumn1 {
	padding: 100px 0;
	background: #fff;
	overflow: hidden;
}

.cropViewScroll {
	position: relative;
	overflow: hidden;
	margin-bottom: 95px;
}

.cropViewPage {
	position: absolute;
	top: 0;
	right: 0;
}

.cropViewPage .nowPage {
	font-size: 28px;
	color: #0276c2;
}

.cropViewPage .sumPage {
	font-size: 18px;
	color: #aaaaaa;
}

.cropViewPage i {
	font-size: 18px;
	color: #aaaaaa;
	font-style: unset;
}

.cropViewScroll .con {
	overflow: hidden;
}

.cropViewScroll .con .pic {
	width: 800px;
	margin-right: 50px;
	border-radius: 10px;
	overflow: hidden;
}

.cropViewScroll .con .pic img {
	border-radius: 10px;
	overflow: hidden;
}

.cropViewScroll .con .text {
	overflow: hidden;
	padding-top: 85px;
}

.cropViewScroll .con .title {
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 32px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 24px;
}

.cropViewScroll .con .title2 {
	height: 42px;
	line-height: 42px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 24px;
	font-weight: bold;
	color: #444444;
	margin-bottom: 4px;
}

.cropViewScroll .con .info {
	max-height: 100px;
	line-height: 25px;
	overflow: hidden;
	font-size: 16px;
	color: #808080;
	margin-bottom: 14px;
}

.cropViewScroll .prev {
	display: block;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	overflow: hidden;
	cursor: pointer;
	background: #e0e0e0 url(../images/cropvPrev.png) no-repeat center center;
	position: absolute;
	right: 68px;
	bottom: 20px;
	z-index: 1;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.cropViewScroll .next {
	display: block;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	overflow: hidden;
	cursor: pointer;
	background: #e0e0e0 url(../images/cropvNext.png) no-repeat center center;
	position: absolute;
	right: 0px;
	bottom: 20px;
	z-index: 1;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.cropViewScroll .prev:hover {
	background: #0276c2 url(../images/cropvPrev.png) no-repeat center center;
}

.cropViewScroll .next:hover {
	background: #0276c2 url(../images/cropvNext.png) no-repeat center center;
}
.cropViewC1Text{
	padding: 0 80px;
}
.cropViewC1Text .title{
	font-size: 36px;
	color: #0075c1;
	text-align: center;
	height: 85px;
	line-height: 85px;
	margin-bottom: 12px;
}
.cropViewC1Text .info{
	line-height: 45px;
	font-size: 18px;
	color: #666666;
	text-align: center;
}
.cropViewColumn2 {
	overflow: hidden;
	padding: 50px 0;
	background: #f2f5f8;
}

.cropViewDl2 {
	overflow: hidden;
	margin: 0 -25px;
}

.cropViewDl2 dd {
	width: 50%;
	float: left;
	display: inline;
}

.cropViewDl2 dd .con {
	margin: 0 25px;
	padding: 28px 56px 35px;
	background-color: #ffffff;
	border-radius: 10px;
}

.cropViewDl2 dd .title {
	text-align: center;
	height: 46px;
	line-height: 46px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 20px;
	color: #0276c2;
	margin-bottom: 8px;
}

.cropViewDl2 dd .info {
	line-height: 24px;
	max-height: 72px;
	overflow: hidden;
	overflow-y: auto;
	font-size: 16px;
	color: #808080;
}

.cropViewColumn3 {
	padding-top: 88px;
	overflow: hidden;
	background-color: #fff;
	padding-bottom: 130px;
}

.cropViewColumn3Con {
	position: relative;
}

.cropView3More {
	position: absolute;
	right: 0;
	top: 0;
}

.cropView3Title {
	text-align: center;
	font-size: 36px;
	color: #0075c1;
	line-height: 60px;
	margin-bottom: 66px;
}

.cropView3L {
	position: absolute;
	left: 0;
	width: 60%;
}

.cropView3L .picBox {
	float: left;
	padding-top: 102px;
	padding-bottom: 84px;
	width: 400px;
	margin-right: 50px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.08);
}

.cropView3L .picBox .pic {
	width: 322px;
	margin: 0 auto;
}

.cropView3L .picBox .pic:before {
	padding-top: 111.8012%;
}

.cropView3L .picBox .pic img {
	object-fit: contain;
}

.cropView3L .text {
	overflow: hidden;
	padding-top: 6px;
}

.cropView3L .text .title {
	height: 55px;
	line-height: 55px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 26px;
	color: #333333;
	margin-bottom: 8px;
}

.cropView3L .text .info {
	line-height: 28px;
	max-height: 112px;
	overflow: hidden;
	font-size: 16px;
	color: #999999;
	margin-bottom: 30px;
}

.cropView3L .text .more a {
	display: block;
	width: 28px;
	height: 28px;
	border: 1px solid #cdcdcd;
	border-radius: 50%;
	overflow: hidden;
	background: url(../images/cropv3icn.png) no-repeat center center;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.cropView3L .text .more a:hover {
	border-color: #0075c1;
	background: #0075c1 url(../images/cropv3icnh.png) no-repeat center center;
}

.cropView3R {
	padding-top: 246px;
	margin-right: 50px;
}

.cropViewScroll2 {
	position: relative;
	overflow: hidden;
	width: 910px;
	padding: 0 10px;
}
.cropViewScroll2 .bd{
	overflow: hidden;
}
.cropViewScroll2 .slick-list {
	margin: 0 -19px;
	padding: 20px 0;
}

.cropViewScroll2 .con {
	padding: 10px 0;
}

.cropViewScroll2 .con a {
	display: block;
	padding-top: 30px;
	margin: 0 19px;
	background: #fff;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.cropViewScroll2 .con .text {
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
	font-size: 15px;
	color: #999999;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.cropViewScroll2 .con:hover a {
	box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.08);
}

.cropViewScroll2 .con:hover .text {
	color: #0276c2;
}

.cropViewScroll2 .slick-current .con a {
	box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.08);
}

.cropViewScroll2 .slick-current .con .text {
	color: #0276c2;
}

.cropViewScroll2 .con .pic {
	width: 186px;
	margin: 0 auto;
}

.cropViewScroll2 .con .pic:before {
	padding-top: 100%;
}

.cropViewScroll2 .con .pic img {
	object-fit: contain;
}

.cropViewScroll2 .prev {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	cursor: pointer;
	background: #e0e0e0 url(../images/cropPrev.png) no-repeat center center;
	position: absolute;
	left: 0;
	margin-top: -20px;
	top: 50%;
	z-index: 1;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.cropViewScroll2 .next {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	cursor: pointer;
	background: #e0e0e0 url(../images/cropNext.png) no-repeat center center;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -20px;
	z-index: 1;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.cropViewScroll2 .prev:hover {
	background: #0276c2 url(../images/cropPrev.png) no-repeat center center;
}

.cropViewScroll2 .next:hover {
	background: #0276c2 url(../images/cropNext.png) no-repeat center center;
}

/* 营养作物详情 end */

/* 解决方案 start */
.solutionBanner {
	position: relative;
	padding-top: 41.66667%;
}

.soluWaveBg{
    overflow: hidden;
    height: 230px;
    position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
}
.soluWave1{
    height: 230px;
	overflow: hidden;
    position: relative;
	background: url(../images/soluWave1.png);
    width: 200%;
    background-repeat: repeat no-repeat;
    background-position: 0 center;
    background-size: 60% 65%;
    transform-origin: center bottom;
    animation: move_wave 10s linear infinite;
	z-index: 4;
}

.soluWaveBg2{
    overflow: hidden;
    height: 192px;
    position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
}
.soluWave2{
    height: 192px;
	overflow: hidden;
    position: relative;
	background: url(../images/soluWave2.png);
    width: 200%;
    background-repeat: repeat no-repeat;
    background-position: 0 center;
    background-size: 60% 65%;
    transform-origin: center bottom;
    animation: move_wave2 8s linear infinite;
	z-index: 3;
}
@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }
    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}

@keyframes move_wave2 {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    30% {
        transform: translateX(-15%) translateZ(0) scaleY(0.25)
    }
	60% {
	    transform: translateX(-35%) translateZ(0) scaleY(0.85)
	}
    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}

.solutionBtext {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

..solutionBtext .con {
	padding: 0 30px;
}

.solutionBtext .text1 {
	text-align: center;
	font-size: 36px;
	color: #ffffff;
	line-height: 65px;
	margin-bottom: 8px;
}

.solutionBtext .text2 {
	text-align: center;
	font-size: 15px;
	color: #ffffff;
	line-height: 30px;
}

.soluBanBg {
	position: absolute;
	bottom: -64px;
	left: 0;
	width: 100%;
	height: 172px;
	background: url(../images/soluBanBg.png) no-repeat center center;
	background-size: cover;
}

.solutionColumn1 {
	padding: 75px 0 84px;
	background-color: #ffffff;
	overflow: hidden;
}

.solutionSearch {
	width: 770px;
	margin: 0 auto 48px;
	background-color: #edf3f7;
}

.solutionSearch .searchBox input {
	background-color: #edf3f7;
	color: #999999;
}

.solutionSearch .searchBox input::-webkit-input-placeholder {
	color: #999999;
	/* placeholder颜色  */
}

.solutionTitle1 {
	font-size: 26px;
	color: #999999;
	text-align: center;
	line-height: 65px;
	padding: 0 30px;
	margin-bottom: 20px;
}

.solutionDl1 {
	margin: 0 -15px;
}

.solutionDl1 dd {
	width: 33.3333%;
	float: left;
	display: inline;
	margin-bottom: 20px;
}

.solutionDl1 dd .con {
	margin: 0 15px;
}

.solutionDl1 dd .con a {
	display: block;
	border: 4px solid #faf5f5;
	height: 62px;
	line-height: 62px;
	overflow: hidden;
	font-size: 16px;
	color: #666666;
	padding-left: 26px;
	border-radius: 70px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.solutionDl1 dd .con a .icn {
	width: 65px;
	height: 62px;
	margin-left: 20px;
	background: url(../images/solutMore.png) no-repeat center center;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.solutionDl1 dd .con a:hover .icn {
	background: url(../images/solutMoreh.png) no-repeat center center;
}

.solutionDl1 dd .con a:hover {
	border-color: transparent;
	color: #0276c2;
	box-shadow: 0 0 33px 0 rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0 0 33px 0 rgba(0, 0, 0, 0.05);
}

.solutionDl1 dd .con .title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.solutionColumn2 {
	padding: 84px 0 140px;
	background-color: #f7f7f7;
	overflow: hidden;
}

.solutionTitle2 {
	font-size: 36px;
	color: #0276c2;
	text-align: center;
	line-height: 65px;
	padding: 0 30px;
	margin-bottom: 8px;
}

.solutionInfo2 {
	text-align: center;
	padding: 0 30px;
	line-height: 28px;
	font-size: 16px;
	color: #999999;
	margin-bottom: 74px;
}

.solutionScroll {
	overflow: hidden;
	position: relative;
	padding-bottom: 76px;
}

.solutionScroll .slick-list {
	margin: 0 -15px;
}

.solutionScroll .myslide {
	float: left;
	display: inline;
	width: 20%;
}

.solutionScroll .con {
	position: relative;
	margin: 0 15px;
	border: 7px solid #efefef;
	background: #fff;
	border-radius: 30px;
	overflow: hidden;
	height: 222px;
}

.solutionScroll .picBox {
	padding-top: 34px;
}

.solutionScroll .pic {
	width: 174px;
	margin: 0 auto;
}

.solutionScroll .pic img {
	object-fit: contain;
}

.solutionScroll .pic:before {
	padding-top: 91.95402%;
}

.solutionScroll .con .text {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}

.solutionScroll .con.con1 .text {
	background-color: #fe7625;
}

.solutionScroll .con.con2 .text {
	background-color: #a2774b;
}

.solutionScroll .con.con3 .text {
	background-color: #cfc860;
}

.solutionScroll .con.con4 .text {
	background-color: #42cc79;
}

.solutionScroll .con.con5 .text {
	background-color: #d56044;
}

.solutionScroll .con.con6 .text {
	background-color: #8e574a;
}

.solutionScroll .con.con7 .text {
	background-color: #74dc80;
}

.solutionScroll .con:hover .text {
	opacity: 0;
	visibility: visible;
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
}

.solutionScroll .con .icnBox {
	padding-top: 42px;
	padding-bottom: 34px;
	position: relative;
	margin-bottom: 15px;
}

.solutionScroll .con .icnBox:before {
	display: block;
	content: '';
	width: 30px;
	height: 3px;
	background: rgba(245, 245, 245, 0.2);
	position: absolute;
	left: 50%;
	margin-left: -15px;
	bottom: 0;
}

.solutionScroll .con .icn {
	margin: 0 auto;
	width: 45px;
	height: 45px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.solutionScroll .con .title {
	text-align: center;
	height: 48px;
	line-height: 48px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 20px;
	color: #ffffff;
	padding: 0 10px;
}

.solutionScroll .slick-dots {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	z-index: 3;
}

.solutionScroll .slick-dots li {
	width: 30px;
	height: 6px;
	border-radius: 3px;
	line-height: 9999px;
	text-align: center;
	background: #dedede;
	display: inline-block;
	margin: 0 5px;
	cursor: pointer;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.solutionScroll .slick-dots li.slick-active {
	background: #0276c2;
}

/* 解决方案 end */

/*
-----------------------------频道页end-----------------------------
*/
/*内页框架开始*/
/*内页外结构开始*/
.subPage {
	background: #fff;
}

.subBanner {
	padding-top: 30.208333%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
}

.subBannerText {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.subBannerText .con {
	padding-top: 42px;
	padding-bottom: 30px;
	width: 595px;
	background: rgba(2, 118, 194, 0.85);
	border-radius: 0 10px 10px 0;
	overflow: hidden;
	padding-left: 240px;
	margin-left: -240px;
}

.subBannerText .con .title {
	font-size: 30px;
	color: #ffffff;
	font-weight: bold;
	line-height: 44px;
	max-height: 88px;
	overflow: hidden;
	margin-bottom: 8px;
	padding-right: 32px;
}

.subBannerText .con .info {
	font-size: 16px;
	color: #fafafa;
	line-height: 32px;
	height: 64px;
	overflow: hidden;
	padding-right: 32px;
}

/*内页外结构结束*/
/*当前位置开始*/
.location {
	background: transparent;
	overflow: hidden;
	border-bottom: 1px solid #f5f5f5;
}

.locationL{
	overflow: hidden;
}
.locationL dd{
	float: left;
	display: inline;
}
.locationL dd a{
	display: block;
	padding-right: 15px;
	font-size: 15px;
	color: #999999;
	height: 72px;
	line-height: 72px;
	position: relative;
	margin-right: 8px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.locationL dd a span{
	width: 14px;
	height: 14px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
	display: inline-block;
	background: url(../images/home.png) no-repeat center center;
	position: relative;
	top: -2px;
}
.locationL dd a:before{
	display: block;
	content: '';
	position: absolute;
	width: 6px;
	height: 11px;
	background: url(../images/cropv3icn.png) no-repeat center center;
	right: 0;
	top: 50%;
	margin-top: -5px;
}
.locationL dd:last-child a:before{
	display: none;
}
.locationL dd a:hover{
	color: #0276c2;
}
.locationL dd.hover a{
	color: #0276c2;
}
.locationR{
	overflow: hidden;
	position: relative;
	height: 72px;
	line-height: 72px;
}
.locationR dd{
	float: left;
	display: inline;
	margin-right: 42px;
}
.locationR dd:last-child{
	margin-right: 0;
}
.locationR dd a{
	font-size: 15px;
	color: #333333;
	display: block;
}
.locationR dd.hover a{
	color: #0276c2;
}
/*当前位置结束*/
/*页码开始*/
.page {
	padding: 30px 0;
	text-align: center;
	clear: both;
	font-size: 16px;
}

.page a {
	display: inline-block;
	overflow: hidden;
	color: #666666;
	border-radius: 50%;
	background: #f5f5f5;
	margin: 0 3px;
	width: 40px;
	height: 40px;
	line-height: 40px;
}

.page span {
	display: inline-block;
	padding: 6px 2px;
	position: relative;
	top: -15px;
}

.page a:hover {
	background: #0276c2;
	color: #fff;
}

.page a.hover {
	background: #0276c2;
	color: #fff;
}

.page input {
	display: inline-block;
	vertical-align: middle;
	height: 22px;
	/* border: 1px solid #e6e6e6; */
	position: relative;
	top: -2px;
}

.page input.pageDetail {
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius: 3px;
	color: #999999;
	position: relative;
	top: -13px;
}

.page label {
	color: #999999;
	position: relative;
	top: -11px;
}

.page input.page_bnt {
	border: none;
	width: 30px;
	height: 25px;
	cursor: pointer;
	background: none;
	color: #999999;
	position: relative;
	top: -13px;
}

.page a div {
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
}

.page a.firstPage div {
	background-image: url(../images/page/firstPage.png)
}

.page a.prevPage div {
	background-image: url(../images/page/prevPage.png)
}

.page a.nextPage div {
	background-image: url(../images/page/nextPage.png)
}

.page a.lastPage div {
	background-image: url(../images/page/lastPage.png)
}

.page a.firstPage:hover div {
	background-image: url(../images/page/firstPageh.png)
}

.page a.prevPage:hover div {
	background-image: url(../images/page/prevPageh.png)
}

.page a.nextPage:hover div {
	background-image: url(../images/page/nextPageh.png)
}

.page a.lastPage:hover div {
	background-image: url(../images/page/lastPageh.png)
}

.page a.firstPage.disabled {
	background: #E2E2E2;
}

.page a.prevPage.disabled {
	background: #E2E2E2;
}

.page a.nextPage.disabled {
	background: #E2E2E2;
}

.page a.lastPage.disabled {
	background: #E2E2E2;
}

.page a.firstPage.disabled div {
	background-image: url(../images/page/firstPage.png)
}

.page a.prevPage.disabled div {
	background-image: url(../images/page/prevPage.png)
}

.page a.nextPage.disabled div {
	background-image: url(../images/page/nextPage.png)
}

.page a.lastPage.disabled div {
	background-image: url(../images/page/lastPage.png)
}

/*页码结束*/
/* 登录弹窗 start */
.loginPopup{
	width: 500px;
	height: 516px;
	background: #ffffff;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -250px;
	margin-top: -258px;
	z-index: 10000;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	border-radius: 10px;
	overflow: hidden;
}
.loginPopupBg{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
}
.loginPopup.show,.loginPopupBg.show{
	opacity: 1;
	visibility: visible;
}
.loginPopupCon{
	padding: 46px 46px 0;
	position: relative;
}
.loginPopupCon .loginClose{
	width: 30px;
	height: 30px;
	background: url(../images/loginClose.png) no-repeat center center;
	background-size: cover;
	position: absolute;
	right: 20px;
	top: 20px;
	cursor: pointer;
}
.loginPopupCon .loginTitle{
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 26px;
	color: #0276c2;
	margin-bottom: 30px;
}
.loginInputCon{
	overflow: hidden;
}
.loginInput{
	border: 3px solid #e3e6fa;
	border-radius: 30px;
	height: 60px;
	line-height: 60px;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
}
.loginInput input{
	width: 100%;
	height: 100%;
	line-height: 60px;
	font-size: 16px;
	color: #333333;
	padding: 0 68px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	outline: none;
	border: none;
	border-radius: 60px;
	overflow: hidden;
	background: none;
}
.loginInput input::-webkit-input-placeholder{
	font-size: 16px;
	color: #cccccc;
}
.loginInput i{
	position: absolute;
	width: 20px;
	height: 21px;
	top: 50%;
	left: 32px;
	margin-top: -11px;
}
.loginInput span{
	position: absolute;
	width: 30px;
	height: 60px;
	top: 0;
	right: 22px;
	background: url(../images/pwdeyeIcn.png) no-repeat center center;
	cursor: pointer;
}
.loginInput span.open{
	background: url(../images/pwdeyeIcnh.png) no-repeat center center;
}
.loginInputName i{
	background: url(../images/useIcn.png) no-repeat center center;
	background-size: contain;
}
.loginInputPwd i{
	background: url(../images/pwdIcn.png) no-repeat center center;
	background-size: contain;
}
.loginInputYzm i{
	background: url(../images/yzmIcn.png) no-repeat center center;
	background-size: contain;
}
.loginInputCon .yzmPic{
	width: 150px;
	height: 60px;
	margin-left: 12px;
	border-radius: 30px;
	overflow: hidden;
	margin-top: 3px;
}
.loginInputCon .yzmPic img{
	border-radius: 30px;
	overflow: hidden;
	width: 100%;
	height: 100%;
	object-fit: contain;
	cursor: pointer;
}
.loginBtn{
	padding-top: 14px;
}
.loginBtn a{
	display: block;
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	height: 60px;
	line-height: 60px;
	border-radius: 30px;
	background-image: linear-gradient(to right,#88c3ec,#0276c3);
	background-image: -webkit-linear-gradient(left,#88c3ec,#0276c3);
	box-shadow: 0 0 13px 0 rgba(2,34,194,0.1);
	-webkit-box-shadow: 0 0 13px 0 rgba(2,34,194,0.1);
}
/* 登录弹窗 end */
/*内页框架结束*/
/*空白内容开始*/
.null{height: 600px;padding-top: 80px;}
.null img{display: block;max-width: 100%;max-height: 100%;margin: 0 auto;position: relative;left: -20px;}

.nullBox{height: 100%;text-align: center;padding: 30px 0;}
.nullBox img{display: block;max-width: 100%;max-height: 400px;margin: 0 auto;}
.nullBox .title{font-size: 18px;color: #999999;line-height: 18px;height: 18px;overflow: hidden;}
.nullBox .btn{font-size: 18px;color: #fff;margin: 0 auto;display: block;width: 260px;height: 65px;line-height: 65px;text-align: center;border-radius: 30px;overflow: hidden;background-image: -moz-linear-gradient( 180deg, rgb(0,123,245) 0%, rgb(103,190,245) 100%);background-image: -webkit-linear-gradient( 180deg, rgb(0,123,245) 0%, rgb(103,190,245) 100%);background-image: -ms-linear-gradient( 180deg, rgb(0,123,245) 0%, rgb(103,190,245) 100%);box-shadow: 0px 0px 14px rgb(0,0,0,0.1);}
.nullBox .btn i{font-style: normal;}
/*空白内容结束*/