html, body {
	width:100%;
	height:100%;
}
#content {
	height:calc(100% - 70px);
	width: 100%;
	margin-top:70px;
}
.first_screen {
	width:100%;
	height:100%;
	text-align: center;
	overflow: hidden;
}
.first_screen .img_box {
	max-width:1200px;
	width:83.3333333333333%;
	margin:0 auto;
}
.first_screen img {
	width:100%;
}
.second_screen {
	width:100%;
	height:100%;
	background-color: #1d2124;
}
.third_screen {
	width:100%;
	height:100%;
	background-color: #1C232B;
}
.forth_screen {
	width:100%;
	height:100%;
	background-color: #34ce57;
}
/*second_screen*/
/*about_us*/
.second_screen .about_us {
	max-width:1200px;
	width:83.3333333333333%;
	margin:60px auto 0 auto;
	overflow: hidden;
}
.second_screen .about_us .word_part {
	width:50%;
	height:auto;
	float: left;
	position: relative;
	z-index: -1;
}
.second_screen .about_us .word_part .about_title p {
	font-family: "Source Han Sans CN";
	color:#333333;
	font-size:23px;
	letter-spacing: 2px;
	text-align: left;
}
.second_screen .about_us .word_part .rectangle_bottom {
	width:40%;
	height:201px;
	background-color: #F3F3F3;
	position: absolute;
	right:0;
	top:0;
	z-index: -1;
}
.second_screen .about_us .word_part .about_title h4 {
	font-family: "Source Han Sans CN";
	color:#333333;
	font-size:64px;
	letter-spacing: 2px;
	text-align: left;
}
.second_screen .about_us .words_box .line {
	float:left;
	width:16%;
	height:1px;
	background-color: #333;
	margin-top:15px;
}
.second_screen .about_us .words_box .words {
	width:73%;
	float:left;
	overflow: hidden;
}
.second_screen .about_us .words_box .words p {
	font-size: 17px;
	font-family: "Source Han Sans CN";
	font-weight: 400;
	color: #333333;
	line-height: 32px;
	text-align: left;
}
.second_screen .about_us .img_part {
	width:50%;
	height:auto;
	float: left;
}
.second_screen .about_us .img_part img {
	width:100%;
	height:auto;
}
.second_screen .about_us .words_box .words .more_button {
	float:left;
	width:30px;
	font-size: 18px;
	line-height: 24px;
	font-family: "Source Han Sans CN";
	font-weight: 400;
	color: #005E32;
	text-align: center;
	border-bottom: 2px solid #005E32;
	cursor: pointer;
}
/*strength*/
.second_screen .strength {
	max-width:1200px;
	width:83.3333333333333%;
	margin:35px auto 0 auto;
	overflow: hidden;
}
.second_screen .strength .word_part {
	width:50%;
	height:auto;
	float: left;
	position: relative;
	z-index: -1;
}
.second_screen .strength .word_part .about_title p {
	width:100%;
	font-family: "Source Han Sans CN";
	color:#333333;
	font-size:23px;
	letter-spacing: 2px;
	text-align: right;
}
.second_screen .strength .word_part .rectangle_bottom {
	width:40%;
	height:201px;
	background-color: #F3F3F3;
	position: absolute;
	left:0;
	top:0;
	z-index: -1;
}
.second_screen .strength .word_part .about_title h4 {
	width:100%;
	font-family: "Source Han Sans CN";
	color:#333333;
	font-size:64px;
	letter-spacing: 2px;
	text-align: right;
}
.second_screen .strength .words_box .line {
	float:right;
	width:16%;
	height:1px;
	background-color: #333;
	margin-top:15px;
}
.second_screen .strength .words_box .words {
	width:73%;
	float:right;
	overflow: hidden;
}
.second_screen .strength .words_box .words p {
	font-size: 17px;
	font-family: "Source Han Sans CN";
	font-weight: 400;
	color: #333333;
	line-height: 32px;
	text-align: right;
	margin-right:10px;
}
.second_screen .strength .words_box .words .more_button {
	float:right;
	width:30%;
	font-size: 18px;
	line-height: 24px;
	font-family: "Source Han Sans CN";
	font-weight: 400;
	color: #005E32;
	text-align: center;
	border-bottom: 2px solid #005E32;
	cursor: pointer;
}
.second_screen .strength .img_part {
	width:50%;
	height:auto;
	float: left;
}
.second_screen .strength .img_part img {
	width:100%;
	height:auto;
}
/*forth_screen*/
.forth_screen .contact_box {
	max-width:1200px;
	width:83.3333333333333%;
	margin:120px auto 0 auto;
}
.forth_screen .contact_box .contact_left {
	width:50%;
	float: left;
}
.forth_screen .contact_box .contact_right {
	width:40%;
	float: left;
}
.contact_middle {
	float: left;
	width:3px;
	height:261px;
	margin-top:80px;
	background-color: #B5B5B5;
	margin-left:5%;
	margin-right:4%;
}
.forth_screen .contact_box .contact_left .img_background {
	width:100%;
	height:350px;
	background-image: url("../images/contact_bg.jpg");
	background-size: 90%;
	background-repeat: no-repeat;
	background-position: left;
	position: relative;
	transform-origin: 0% 0%;
	transform: scale(0.8);
}
.forth_screen .contact_box .contact_left .img_background span {
	display: inline-block;
	width:19px;
	height:137px;
	background-image: url("../images/deco.png");
	position: absolute;
	right:0;
	top:0;
}
.forth_screen .contact_box .contact_left .img_background h4 {
	display: inline-block;
	width: 122px;
	height: 54px;
	background: #C3D82D;
	font-size: 21px;
	font-family: "Source Han Sans CN";
	font-weight: 400;
	color: #333333;
	line-height: 54px;
	/*float:right;*/
    text-align: center;
	position: absolute;
	right:0;
	top:150px;
	transform-origin: 100% 100%;
	transform: scale(0.8);
}
.forth_screen .contact_box .contact_left .img_background .new_trend {
	width:390px;
	height:255px;
	background-image: url("../images/contact_bg2.jpg");
	position: absolute;
	right:0;
	top:220px;
	transform-origin: 100% 0%;
	transform: scale(0.8);
}
.forth_screen .contact_box .contact_left .img_background .new_trend h5 {
	font-size: 28px;
	font-family: "Source Han Sans CN";
	font-weight: 400;
	color: #191919;
	margin-top:30px;
}
.forth_screen .contact_box .contact_left .img_background .new_trend p {
	width:80%;
	margin:20px auto 0 auto;
	font-size: 20px;
	font-family: "Source Han Sans CN";
	font-weight: normal;
	color: #333333;
	line-height: 36px;
	text-align: left;
	text-indent: 20px;
	background-image: url("../images/icon_circle.png");
	background-repeat: no-repeat;
	background-position:0 10px;
	background-size: 14px 14px;
}
.forth_screen .contact_box .contact_left .img_background .new_trend .more_button {
	float:right;
	width:30%;
	font-size: 18px;
	line-height: 24px;
	font-family: "Source Han Sans CN";
	font-weight: 400;
	color: #005E32;
	text-align: center;
	border-bottom: 2px solid #005E32;
	cursor: pointer;
	margin-top:30px;
	margin-right:10%;
}
.contact_right {
	position: relative;
}
.contact_right .qr_code {
	width:130px;
	height:130px;
	position: absolute;
	bottom:0;
	left:95%;
}
.contact_right .contact_right_title h4 {
	width:100%;
	font-family: "Source Han Sans CN";
	color:#333333;
	font-size:54px;
	letter-spacing: 2px;
	text-align: left;
}
.contact_right .contact_right_title span {
	display: inline-block;
	width:100%;
	font-family: "Source Han Sans CN";
	color:#333333;
	font-size:23px;
	letter-spacing: 1px;
	text-align: left;
}
.contact_right .right_content li {
	overflow: hidden;
	margin-top:2vh;
}
.contact_right .right_content li i {
	float: left;
}
.contact_right .right_content li i.icon_phone {
	width:58px;
	height:52px;
	background-image: url("../images/icon_phone.png");
}
.contact_right .right_content li i.icon_weibo {
	width:58px;
	height:52px;
	background-image: url("../images/icon_weibo.png");
}
.contact_right .right_content li i.icon_wechat {
	width:58px;
	height:52px;
	background-image: url("../images/icon_wechat.png");
}
.contact_right .right_content li p {
	float: left;
	font-size: 20px;
	line-height:58px;
	font-family: "Source Han Sans CN";
	font-weight: normal;
	color: #333333;
	text-indent: 10px;
}
/*third_screen*/
.focus {
	height: 100%;
	width: 100%;
	position: relative;
}
.focus .left {
	float: left;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.focus .left li {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	filter: alpha(opacity=0);
}
.focus .left li img {
	display: block;
	width:100%;
	height:auto;
}
.focus .left li.active {
	z-index: 2;
}
.focus .left li p {
	display: none;
}
.focus .right {
	position: absolute;
	width: 350px;
	height: 100vh;
	top:0px;
	display: flex;
	align-items: center;
	right:0;
	z-index: 999;
	transform-origin: 100% 50%;
	transform:scale(.8);
}
.focus .right li {
	width:350px;
	height: 162px;
	overflow: hidden;
	background-image: url(../images/product/product_btn.png);
	font-size: 22px;
	font-family: "Source Han Sans CN";
	font-weight: 400;
	color: #333333;
	line-height: 162px;
	cursor: pointer;
}
.focus .right li:hover, .focus .right li.active {
	background-image: url(../images/product/product_btn_active.png);
}
.focus .right li i {
	width: 133px;
	height: 110px;
	vertical-align: middle;
}
.focus .right li i.i1 {
	display: inline-block;
	background-image: url(../images/product/icon_01.png);
	background-repeat: no-repeat;
}
.focus .right li i.i2 {
	display: inline-block;
	background-image: url(../images/product/icon_02.png);
	background-repeat: no-repeat;
}
.focus .right li i.i3 {
	display: inline-block;
	background-image: url(../images/product/icon_03.png);
	background-repeat: no-repeat;
}
#pp-nav {
	display: none;
}
.imgcontainer {
	width: 100%;
	position: relative;
}
.imgbuttom {
	height: 33px;
	box-shadow: 1px 1px 4.5px 1px rgba(4, 0, 0, 0.20);
	overflow: hidden;
	position: relative;
 transition: .2s all;
	margin-top: 5px;
	z-index: 2;
	background-color: white;
}
.buttomtext {
	position: absolute;
	width: 100%;
	font-size: 15px;
	letter-spacing: 1px;
	color: #333333;
	line-height: 33px;
	text-align: center;
	top:0px;
	left: 0px;
	z-index: 1;
	font-weight: 600;
}
.daily-nuts {
	font-size: 16px;
	color: #333333;
}
.buttombg {
	width: 100%;
	height: 100%;
	background: rgb(199, 214, 81);
	position:absolute;
	left: 0px;
	top:0px;
	border-radius: 17px 0 0 17px;
	transform: translateX(100%);
 transition: .2s all;
}
.bgactive {
	transform: translateX(10%);
}
.btnactive {
	transform: scale(1.2);
	z-index: 1;
}
.bottomcontain {
	padding: 37px 15px 76px 15px;
	background-color: #eeeeee;
}
.bottomimg {
	width: 100%;
	position: relative;
}
.bottomtext {
	display: inline-block;
	position: absolute;
	right:5%;
	top:50%
}
.btext1 {
	width: 69px;
	height: 31px;
	text-align: center;
	line-height: 31px;
	background-color: #c3d82d;
	font-size: 12px;
	letter-spacing: 1px;
	color: #333333;
	float: right;
}
.btext2 {
	text-align: center;
	/* background-color:#c3d82d; */
    width: 190px;
	margin-top: 20px;
	position: relative;
}
.atitle {
	height: 100%;
	width: 40%;
	text-align: left;
	color:#333333;
	font-weight: 600;
	position: relative;
	z-index: 2;
}
@font-face {
 font-family: "SourceHanSansCN";
 src: url(./SourceHanSansCN-Bold.otf);
}
.descr {
	width: 100%;
}
.descr>p {
	font-size: 14px;
}
.descr a {
	margin-top: 12px;
	color: #005e32;
	font-family: "SourceHanSansCN";
	font-size: 15px;
	/* border-bottom: 1px solid #005e32; */
    font-weight: 600;
	position: relative;
	overflow: hidden;
}
.descr a::after {
 content: "";
 position: absolute;
 width: 100%;
 height: 1px;
 background-color: #005e32;
 bottom:0px;
 left: 0px;
 transition: 0.2s all;
}
.descr a:hover a::after {
 left: 100%;
 opacity:0
}
.atitle>h4 {
	color:#333333;
}
.contact_right {
	transform-origin: 0% 0%;
}
@media (max-width:767px) {
 .atitle>p {
 font-size: 14px;
 line-height: 20px;
 letter-spacing: 6px;
}
 .atitle>h4 {
 font-size: 28px;
 line-height: 32px;
 margin-top: 17px;
}
 .focus .right {
 transform: scale(.4);
}
 .forth_screen .contact_box .contact_left .img_background h4 {
 transform: scale(0.4);
}
 .forth_screen .contact_box .contact_left .img_background .new_trend {
 transform: scale(0.4);
}
 .contact_right {
 transform:scale(.4)
}
}
@media (min-width:768px) {
 .atitle>p {
 font-size: 14px;
 line-height: 24px;
 letter-spacing: 6px;
}
 .atitle>h4 {
 font-size: 32px;
 line-height: 32px;
 margin-top: 17px;
}
 .focus .right {
 transform: scale(.5);
}
 .forth_screen .contact_box .contact_left .img_background h4 {
 transform: scale(0.5);
}
 .forth_screen .contact_box .contact_left .img_background .new_trend {
 transform: scale(0.5);
}
 .contact_right {
 transform:scale(.6)
}
}
@media (min-width:992px) {
 .atitle>p {
 font-size: 14px;
 line-height: 28px;
 letter-spacing: 6px;
}
 .atitle>h4 {
 font-size: 36px;
 line-height: 32px;
 margin-top: 17px;
}
 .focus .right {
 transform: scale(.6);
}
 .forth_screen .contact_box .contact_left .img_background h4 {
 transform: scale(0.6);
}
 .forth_screen .contact_box .contact_left .img_background .new_trend {
 transform: scale(0.6);
}
 .contact_right {
 transform:scale(.8)
}
}
@media (min-width:1200px) {
 .atitle>p {
 font-size: 14px;
 line-height: 32px;
 letter-spacing: 6px;
}
 .atitle>h4 {
 font-size: 40px;
 line-height: 32px;
 margin-top: 17px;
}
 .focus .right {
 transform: scale(.8);
}
 .forth_screen .contact_box .contact_left .img_background h4 {
 transform: scale(0.8);
}
 .forth_screen .contact_box .contact_left .img_background .new_trend {
 transform: scale(0.8);
}
 .contact_right {
 transform:scale(1)
}
}
.box {
	width: 100vw;
	height: 100vh;
	/* padding-bottom: 75px; */
    box-sizing: border-box;
}
.abbox {
	position: relative;
	overflow: hidden;
}
.ctbox {
	background-color: #eeeeee;
}
/* 指示器样式 */
.director {
	display: inline;
	position: fixed;
	top:50%;
	transform: translateY(-50%);
	right:30px;
	right:30px;
	z-index: 999;
}
.director .dot {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	border:2px solid #005e32;
	cursor: pointer;
 transition: .2s all;
}
.director .dot:hover {
	transform: scale(1.2);
}
.director .active {
	background-color:#005e32;
}
.director .line {
	width: 7.5px;
	height: 30px;
	border-right: 1px dashed #005e32
}
/* swiper */
.swiper-container {
	width:100%;
	height: 100%;
}
.adbox .swiper-container .swiper-button-next {
	display:none;
}
.adbox .swiper-container .swiper-button-prev {
	display:none;
}
.swiper-slide {
	overflow: hidden;
}
.imgwraper {
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
}
body {
	overflow: -moz-scrollbars-none;
}
body {
	-ms-overflow-style: none;
}
body::-webkit-scrollbar {
width: 0 !important
}
/* ad模块 */
.adcontain {
	position: absolute;
	width:80%;
	height: 70%;
	min-height: 35vw;
	top:45%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	color: #333333;
}
.adrow {
	width: 100%;
	height: 47%;
	display: flex;
}
.adrow .adtextcontain {
	width: 45%;
	position: relative;
}
.adrow .adtextcontain .bgblock {
	width: 60%;
	height: 100%;
	position: absolute;
	background: linear-gradient(90deg, rgba(234, 237, 241, 1), rgba(226, 227, 229, 1));
	top:0px;
	right:0px;
	z-index: -1;
}
.adrow .adtextcontain .adtext {
	margin-top: 5%;
	width: 100%;
}
.adrow .adtextcontain .adtext>p {
	font-family: SourceHanSansSC-Medium;
	font-size: 17px;
	line-height: 17px;
	letter-spacing: 12px;
	color: #333333;
	font-weight: 600;
}
.adrow .adtextcontain .adtext>h4 {
	font-family: SourceHanSansSC-Medium;
	font-size: 47px;
	line-height: 64px;
	letter-spacing: 0px;
	color: #333333;
	font-weight: 500;
}
.adtext .descr {
	display: flex;
	color: #333333;
	width: 76%;
	margin-top: 10px;
}
.adtext .descr a {
	color: #005e32;
	padding-bottom: 5px;
	position: relative;
	margin-top: 7px;
}
.adtext .descr a::after {
 overflow: hidden;
 position: absolute;
 bottom: 0px;
 left: 0px;
 width: 100%;
 height: 1px;
 background-color: #005e32;
 transition: .3s all;
}
.adtext .descr p {
	font-family: SourceHanSansSC-Normal;
	font-size: 17px;
	line-height: 33px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333333;
	margin: 0;
}
.adtext .descr a:hover::after {
 transform: translateX(100%);
 opacity: 0;
}
.adtext .descr .line {
	width: 9%;
	margin-top: 15px;
	height: 1px;
	flex-shrink: 0;
	background-color: #333333;
}
.adrow .adimgcontain {
	width: 55%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.adrow .adimgcontain img {
	max-width: none;
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
/* 商品列表 */
.listcontain {
	width: 100%;
	height:100%;
	position: relative;
}
.listcontain>div {
	position: absolute;
}
.listcontain .pdimg {
	width: 50%;
	left:50%;
	top:50%;
	transform: translate(-50%, -55%);
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}
.listcontain .pdimg img {
	width: 100%;
	min-width: 1000px;
	max-width: auto;
}
.listcontain .bg {
	right: 0px;
	top:0px;
	width: 75%;
	height: 55%;
}
.listcontain .bg img {
	width: 100%;
	height: 100%;
	max-width: auto;
	max-height: auto;
}
.listcontain .listtext {
	left: 9%;
	top:20%;
	z-index: 2;
}
.listcontain .listtext h4 {
	font-size: 68px;
	line-height: 68px;
	letter-spacing: 3px;
	color: #333333;
}
.listcontain .listtext p {
	font-size: 38px;
	line-height: 38px;
	margin-top: 24px;
	letter-spacing: 2px;
	color: #333333;
	font-stretch: normal;
}
.listcontain .controlbtn {
	position: absolute;
	width: 350px;
	right: 0px;
	top:50%;
	transform: translate(0px, -50%);
	z-index: 3;
}
.listcontain .controlbtn div {
	transform-origin: 100% 50%;
}
.listcontain .controlbtn div>a {
	/* width: 350px; */
    display: block;
	height:162px;
	background-image: url(../images/product/product_btn.png);
	background-repeat:no-repeat;
	background-position: center right;
	position: relative;
}
/* .listcontain .controlbtn div>.activebg{
    background-image: url(../images/product/product_btn_active.png);
} */

.listcontain .controlbtn div>a>.icon {
	position: absolute;
	top:50%;
	left:12%;
	transform: translate(0px, -50%);
	z-index: 2;
}
.listcontain .controlbtn div>a>.active {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
}
.listcontain .controlbtn div>a>.btntext {
	position: absolute;
	font-family: SourceHanSansSC-Regular;
	font-size: 22px;
	line-height: 162px;
	left: 180px;
	top:0px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 1px;
	color: #333333;
	background: none;
	z-index: 2;
 transition: .3s all;
}
.listcontain .controlbtn div>a:hover>.btntext {
	color: #2c592d;
}
@media (max-width:767px) {
 .listcontain .controlbtn>div {
 transform:scale(.4)
}
 .listcontain .listtext h4 {
 font-size: 27px;
 line-height: 27px;
}
 .listcontain .listtext p {
 font-size: 15px;
 line-height: 15px;
}
 .adrow .adtextcontain .adtext>p {
 font-size: 10px;
 line-height: 10px;
 letter-spacing: 7.2px;
}
 .adrow .adtextcontain .adtext>h4 {
 font-size: 28.2px;
 line-height: 38.4px;
 letter-spacing: 0px;
}
}
@media (min-width:768px) {
 .listcontain .controlbtn>div {
 transform:scale(.6)
}
 .listcontain .listtext h4 {
 font-size: 40px;
 line-height: 40px;
}
 .listcontain .listtext p {
 font-size: 23px;
 line-height: 23px;
}
 .adrow .adtextcontain .adtext>p {
 font-size: 11px;
 line-height: 11px;
 letter-spacing: 6px;
}
 .adrow .adtextcontain .adtext>h4 {
 font-size: 32px;
 line-height: 32px;
 letter-spacing: 0px;
}
 .adtext .descr p {
 font-size: 9px;
 line-height: 17px;
 letter-spacing: 0px;
 color: #333333;
}
 .adtext .descr .line {
 margin-top: 8px;
}
}
@media (min-width:992px) {
.adbox .swiper-container .swiper-button-next {
 display:block;
 right: 80px;
}
.adbox .swiper-container .swiper-button-prev {
 display:block;
 left: 80px;
}
 .listcontain .controlbtn>div {
 transform:scale(.8)
}
 .listcontain .listtext h4 {
 font-size: 54px;
 line-height: 54px;
}
 .listcontain .listtext p {
 font-size: 30px;
 line-height: 30px;
}
/* .adrow .adtextcontain .adtext>p{
        font-size: 14px;
        line-height: 14px;
        letter-spacing: 9px;
    }
    .adrow .adtextcontain .adtext>h4{
        font-size: 38px;
        line-height: 51px;
        letter-spacing: 0px;
    } */
}
@media (min-width:1200px) {
 .listcontain .controlbtn>div {
 transform:scale(1)
}
 .listcontain .listtext h4 {
 font-size: 48px;
 line-height: 68px;
}
 .listcontain .listtext p {
 font-size: 38px;
 line-height: 38px;
}
 .adrow .adtextcontain .adtext>p {
 font-size: 23px;
 line-height: 23px;
 letter-spacing: 12px;
}
 .adrow .adtextcontain .adtext>h4 {
 font-size: 54.7px;
 line-height: 54.7px;
 letter-spacing: 0px;
}
 .adtext .descr {
 margin-top: 20px;
}
 .adtext .descr p {
 font-size: 14.3px;
 line-height: 27.8px;
 letter-spacing: 0px;
}
 .adtext .descr .line {
 width: 17%;
 margin-top: 16px;
 height: 1px;
 flex-shrink: 0;
 background-color: #333333;
}
}
/* 商品列表窄屏 */
.pdmobile {
	width: 100%;
	display: none;
	margin-top: 75px;
}
.pdmobile>.title {
	width: 100%;
	text-align: center;
}
.pdmobile>.title>h4 {
	font-family: SourceHanSansSC-Medium;
	font-size: 27px;
	line-height: 27px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 3px;
	color: #333333;
	font-weight: 600;
}
.pdmobile>.title>p {
	font-family: SourceHanSansSC-Medium;
	font-size: 17px;
	line-height: 17px;
	margin-top: 9px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 1px;
	color: #333333;
	font-weight: 600;
}
.pdmobile>.imgcontain {
	position: relative;
}
.pdmobile>.imgcontain>.bg {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 60%;
	max-height: auto;
	z-index: -1;
}
.pdmobile>.btn {
	width: 100%;
	padding:0;
}
.pdmobile>.btn>div {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 50px;
	background-color: #ffffff;
	box-shadow: 2px 2px 9px 1px rgba(4, 0, 0, 0.42);
	font-family: SourceHanSansSC-Medium;
	font-size: 17px;
	font-stretch: normal;
	line-height: 50px;
	letter-spacing: 1px;
	text-align: center;
	color: #333333;
	overflow: hidden;
}
.pdmobile>.btn>div>span {
	font-weight: 600;
}
.pdmobile>.btn>div>img {
	position: absolute;
	height: 120%;
	top:-4px;
	left: 40px;
	z-index: -1;
}
/* 联系我们 */
.ctcontain {
	width: 100%;
	height: 100%;
	position: relative;
}
.ctcontain .ctsubcontain {
	position: absolute;
	width: 80%;
	top:40%;
	left:50%;
	transform: translate(-50%, -50%);
}
.ctsubcontain .ctrow {
	width: 100%;
	display: flex;
}
.ctsubcontain .ctrow .ctcol {
	width: 50%;
}
.ctsubcontain .ctimg {
	position: relative;
}
.ctsubcontain .ctimg img {
	width: 100%;
}
.ctsubcontain .ctimg .ctnews {
	position: absolute;
	right: 4.5%;
	top:42%;
	z-index: 1;
	text-align: right;
	overflow: hidden;
}
.ctnews .ctnewstitle {
	display: inline-block;
	font-family: "SourceHanSansCN";
	font-size: 21px;
	font-weight: 600;
	font-stretch: normal;
	letter-spacing: 2px;
	line-height: 21px;
	color: #333333;
	padding:16px 20px;
	background-color: #c3d82d;
}
.ctnews .ctnewsdetailcontain {
	background-image: url(../images/contact_bg2.jpg);
	width: 390px;
	height: 255px;
	margin-top: 53px;
	text-align: center;
	padding-top: 45px;
}
.ctnews .ctnewsdetailcontain .ctdate {
	font-family: SourceHanSansCN-Bold;
	font-size: 28px;
	line-height: 28px;
	font-weight: 600;
	font-stretch: normal;
	letter-spacing: 1px;
	color: #191919;
	background-image: none;
}
.ctnews .ctnewsdetailcontain .ctnewsdetail {
	display: flex;
	margin-top: 28px;
	padding:0px 32px
}
.ctnewsdetail .dot {
	width: 14px;
	height: 14px;
	border:1px solid #333333;
	position: relative;
	border-radius: 50%;
	flex-shrink: 0;
	margin-top: 11px;
}
.ctnewsdetail .dot::before {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 content: '';
 width: 6px;
 height: 6px;
 background-color: #333333;
 border-radius: 50%;
}
.ctnewsdetail .ctnewsdescr {
	text-align: left;
	font-family: SourceHanSansCN-Regular;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 1px;
	color: #333333;
	margin-left: 6px;
}
.ctnewsdetailcontain>a {
	font-family: "SourceHanSansCN";
	font-size: 15px;
	font-weight: 600;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 1px;
	color: #005e32;
	float: right;
	margin-top: 29px;
	margin-right: 52px;
	position: relative;
}
.ctnewsdetailcontain>a::before {
 content: '';
 position: absolute;
 bottom: 0px;
 width: 100%;
 height: 1px;
 left: 0px;
 background-color: #005e32;
 transition: .3s all;
}
.ctnewsdetailcontain>a:hover::before {
 transform: translateX(100%);
 opacity: 0;
}
.ctrow .ctdetail {
	margin: 44px;
}
.ctdetailimg {
	width: 52px;
	height: 52px;
}
.ctdetailitem {
	display: flex;
	align-items: center;
}
.ctdetailitem span {
	font-family: SourceHanSansCN-Regular;
	font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 1px;
	color: #333333;
	margin-left: 20px;
}
.ctdetailtitle {
	padding-left: 86px;
}
.ctdetailtitle h4 {
	font-family: SourceHanSansSC-Medium;
	font-size: 68px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 68px;
	letter-spacing: 3px;
	color: #333333;
}
.ctdetailtitle p {
	font-family: SourceHanSansCN-Medium;
	font-size: 33px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 33px;
	letter-spacing: 2px;
	color: #333333;
	margin-top: 35px;
	margin-left: 2px;
}
.ctdetailcontain {
	padding:27px 0px 6px 83px;
	border-left:3px solid #b5b5b5;
	position: relative;
}
.ctdetailcontain .code {
	width: 130px;
	height: 130px;
	position: absolute;
	bottom: 6px;
	right: 0px;
}
.footerfixed {
	position: fixed;
	bottom: 0px;
	width: 100%;
}
@media (max-width:1023px) {
 #pd {
 margin-bottom: 120px;
}
}