html{color:#333;font-size:14rpx;}
body,p,h1,h2,h3,h4,h5,h6,ul,li{margin:0;padding:0;list-style: none;}
a{text-decoration:none;color:#000;}
.clearfix:after {content: "." ;display: block ;height: 0 ;clear:both;visibility:hidden;}
/*header*/
header{position:relative;}
.logo{width:4.6%;position:absolute;left:7%;top:50%;margin-top:-2.3%;}
.nav{width:52.5%;float:left;padding:4vh 11.3%;margin-left:11.6%;}
.nav li{float:left;width:10%;text-align:center;margin:0 2%;line-height:24px;}
.nav li.action{border:1px solid #7a9745;border-radius:45px;}
.nav li a{font-size:16px;color:#7a9745;}
.nav li a:hover{color:green;}
.bgtop{position:fixed;z-index:9999;width:100%;height:100%;background:#fff;}
.hotline{position:fixed;z-index:999;padding:5px 15px 5px 30px;color:#7a9745;border:1px solid #7a9745;border-radius:45px 0 0 45px;right:0;top:30px;background:#fff;transition: all 0.6s;font-size:14px;}
.hotline:hover{transform: scale(1.1);}
/*主页主体*/
.main{position:relative;}
.main .green{width:70%;position:absolute;left:-70%;top:0;z-index:0;opacity:0;}
.main .text .quan{display:inline-block;border:1px solid #fff;width:15.5%;border-radius:50%;text-align:center;font-size:14px;padding-bottom:15.5%;position:relative;margin-right:5px;}
.main .laotou{width:35%;position:absolute;left:48.6%;top:100%;z-index:2;transition: all 0.6s;}
.main .laotou:hover{transform: scale(1.05);}
.main .bghui{width:47.5%;position:absolute;right:-47.5%;top:0;z-index:1;opacity:0;}
.main .bai{width:120px;position:absolute;left:12.7%;top:175px;opacity:0;}
.main .text{position:absolute;color:#fff;left:15.3%;top:180px;width:36.8%;font-weight:300;opacity:0;}
.main .text .title{font-size:5.5em;margin-bottom:15px;font-weight:500;}
.main .text .des{font-size:25px;margin-bottom:10px;}
.main .text .dese{font-size:18px;margin-bottom:25px;}
.main .text .nowus{color:#7a9745;display:inline-block;padding:5px 30px;border-radius:45px;background:#fff;font-size:20px;}
.main .text .nowus:hover{box-shadow:0 0 10px #fff;}
.main .text .quandiv{margin-top:60px;}
.main .text .quan span{position:absolute;display:block;width:100%;left:50%;margin-left:-50%;height:48px;top:50%;margin-top:-24px;font-size:16px;}
.righttext{position:absolute;right:6%;z-index:3;top:300px;opacity:0;}
.righttext p{writing-mode:vertical-lr;font-size:30px;color:#7a9745;font-weight:300;letter-spacing:50px;}
/*关于方圆村*/
.about{position:relative;}
.about .aboutbg{width:89.6%;min-height:100vh;background:url(../image/gw/aboutbg.png) 0 0 no-repeat;background-size:100% 100%;padding:0% 0 18% 10.4%;position:relative;margin-bottom:5%;}
.about .aboutlaotou{position:absolute;height:50%;right:-100%;}
.about .aboutbg .title{color:#7a9745;font-size:60px;font-weight:100;}
.about .aboutbg .par{font-size:14px;color:#fff;line-height:26px;font-weight:300;}
.about .aboutbg .par p{clear:both;}
.about .aboutbg .par .partitle{font-size:16px;border:1px solid #fff;border-radius:45px;float:left;padding:3px 15px;margin-bottom:15px;opacity:0;}
.about .aboutbg .text{opacity:0;}
.about .aboutbg .par1{padding-top:10vh;width:39.6%;}
.about .aboutbg .par2{padding-top:6vh;width:24%;}
.about .aboutbg .par2 .text{border-bottom:1px solid #fff;padding:10px 0;}
.about .aboutbg .par2 .text:last-child{border:none;}
.about .aboutbg .par2 .text.frist{padding-top:0;}
.about .aboutbg .par3{padding-top:6vh;width:79.5%;}
.about .aboutbg .par4{padding-top:6vh;width:30%;}
.about .dides{position:absolute;bottom:-3%;}
/*产品中心*/
.center{position:relative;}
.center .mode{position:relative;line-height:32px;}
.center .mode p.tesu{position:relative;line-height:58px;}
.center .mode p{font-weight:300;color:#7a9745;}
.center .mode p:first-child{font-weight:700;font-size:50px;margin-bottom:30px;}
.center .mode p span{font-weight:300;}
.center .mode1 .centerimg{position:absolute;right:-65%;width:65%;top:0;}
.center .mode2 .centerimg{position:absolute;left:-51%;width:51%;top:-35vh;}
.center .mode3 .centerimg{position:absolute;right:-77;width:77%;top:-30vh;}
.center .dides{position:absolute;bottom:2%;}
.center .mode1 .text{padding:24vh 0 60vh 13%;width:23.75%;opacity:0;}
.center .mode2 .text{padding:11vh 0 34vh 55%;width:23.75%;opacity:0;}
.center .mode3 .text{padding:8vh 0 60vh 13%;width:23.75%;opacity:0;}
/*联系我们*/
.contact{position:relative;}
.contact .green{width:70%;position:absolute;left:-70%;top:0;z-index:0;opacity:0;}
.contact .laotou{width:35%;position:absolute;left:48.6%;top:100vh;z-index:2;transition: all 0.6s;}
.contact .laotou:hover{transform: scale(1.05);}
.contact .bghui{width:47.5%;position:absolute;right:-47.5%;top:0;z-index:1;opacity:0;}
.contact .text{position:absolute;color:#fff;left:15.3%;top:180px;width:36.8%;font-weight:300;opacity:0;}
.contact .text .title{font-size:5.5em;margin-bottom:15px;font-weight:500;}
.contact .text .des{font-size:25px;margin-bottom:10px;}
.contact .text .nowus{color:#7a9745;display:inline-block;padding:5px 30px;border-radius:45px;background:#fff;font-size:20px;margin-bottom:20px;}
.contact .int{background:#fff;padding:15px;position:absolute;z-index:4;top:65vh;width:70%;left:50%;margin-left:-35%;border-radius:10px;box-shadow:0 0 10px  #dedede;}
.contact .int .title{width:14%;background:#6b8c31;border-radius:45px;color:#fff;text-align:center;padding:6px 0;}
.contact .int img{width:82%;display:block;margin:60px auto;}
.contact .int2{background:#fff;padding:15px;position:absolute;z-index:4;top:117vh;width:70%;left:50%;margin-left:-35%;border-radius:10px;box-shadow:0 0 10px  #dedede;}
.contact .int2 .title{width:14%;background:#6b8c31;border-radius:45px;color:#fff;text-align:center;padding:6px 0;}
.contact .int2 #form{padding:50px 7%;}
.contact .int2 #form div.left{float:left;width:50%;margin-right:5%;}
.contact .int2 #form div.left div{margin-bottom:20px;}
.contact .int2 #form div.right{float:left;width:45%;}
.contact .int2 #form div.right textarea{width:80%;padding:10px;border:1px solid #7a9745;outline:none;border-radius:10px;height:120px;resize: none;float:right;}
.contact .int2 #form div.right input{width:30%;float:right;margin-top:25px;background:#6b8c31;color:#fff;padding:10px 0;cursor:pointer;}
.contact .int2 #form span{color:#7a9745;margin-right:30px;}
.contact .int2 #form input{border-radius:45px;padding:10px;border:1px solid #7a9745;outline:none;width:80%;}
.contact .dides{bottom:2%;}
.contact .righttext{position:absolute;right:6%;z-index:3;top:200px;opacity:0;}
.contact .righttext p{writing-mode:vertical-lr;font-size:30px;color:#7a9745;font-weight:300;letter-spacing:50px;}
.contact .xian{position:absolute;bottom:0;right:0;width:92.5%;}
/*服务与支持*/
.server{position:relative;}
.server .left{float:left;color:#7a9745;}
.server .left p{font-size:36px;font-weight:300;}
.server .left .title{font-size:46px;font-weight:500;}
.server .left .text{padding:80px 9.5vw;}
.server .serverlaotou{width:47vw;opacity:0;}
.server .dides{bottom:2%;}
.server .right{position:absolute;width:48%;right:-54%;border-radius:10px;box-shadow:0 0 10px #dedede;padding:3%;top:80px;color:#7a9745;background:#fff;}
.server .right .title{width:23.5%;border:1px solid #7a9745;border-radius:45px;padding:6px 0;text-align:center;font-weight:700;margin-bottom:15px;}
.server .right .content{padding-left:6px;margin-bottom:30px;line-height:28px;}
/*应用案例*/
.cases{position:relative;}
.cases .mode{padding:60px 13% 100px;position:relative;}
.cases .mode .text{color:#7a9745;width:23.5%;font-size:16px;float:left;opacity:0;}
.cases .mode .text .en_title{font-size:28px;font-weight:300;}
.cases .mode .text .ch_title{font-size:44px;font-weight:700;margin-bottom:60px;}
.cases .mode2 .text .en_title{font-size:24px;}
.cases .mode .text .content{line-height:34px;}
.cases .mode .pic{float:right;width:60%;}
.cases .mode .pic .img{float:left;width:49%;transition: all 0.6s;}
.cases .mode .pic .img:hover{transform: scale(1.2);}
.cases .mode .pic .img:nth-child(2n){margin-left:2%;}
.cases .mode .pic .img:nth-child(1),.cases .mode .pic .img:nth-child(2){margin-bottom:5px;}
.cases .mode .xian{position:absolute;bottom:-30px;width:100%;left:0;}
.cases .dides{bottom:2%;}
.cases .mode2{margin-bottom:120px;}

/*底部*/
footer{height:36.4vh;background:#585858;position:relative;}
footer .about{padding:8vh 0 0;margin-left:11%;font-size:14px;color:#fff;font-weight:300;line-height:30px;display:inline-block;width:22%;float:left;}
footer .about .title{color:#7a9745;font-size:16px;margin-bottom:3vh;}
footer .code{width:22%;margin-left:11%;color:#fff;float:right;padding:8vh 0 0;}
footer .code div{width:24%;float:left;margin-right:6%;}
footer .code div img{width:100%;}
footer .code div p{text-align:center;}
footer .code .tel{clear:both;text-align:center;width:54%;font-size:36px;font-weight:300;}
footer .icp {
	width:100%;
	position:absolute;
	bottom:10px;
	text-align:center
}
@media screen and (min-width:1680px) and (max-width: 1920px){
	.main .bai{width:120px;position:absolute;left:12.7%;top:175px;}
	.main .text{position:absolute;color:#fff;left:15.3%;top:180px;width:36.8%;font-weight:300;}
	.main .text .title{font-size:5.5em;margin-bottom:15px;font-weight:500;}
	.main .text .des{font-size:25px;margin-bottom:10px;}
	.main .text .dese{font-size:18px;margin-bottom:25px;}
	.main .text .nowus{color:#7a9745;display:inline-block;padding:5px 30px;border-radius:45px;background:#fff;font-size:20px;}
	.main .text .quandiv{margin-top:60px;}
	.main .text .quan span{position:absolute;display:block;width:100%;left:50%;margin-left:-50%;height:48px;top:50%;margin-top:-24px;font-size:16px;}
	.righttext{position:absolute;right:6%;z-index:3;top:300px;}
	.righttext p{writing-mode:vertical-lr;font-size:30px;color:#7a9745;font-weight:300;letter-spacing:50px;}
	.dides{position:absolute;bottom:5%;letter-spacing:50px;width:64.5%;color:#7a9745;text-align:center;left:50%;margin-left:-32.25%;z-index:4;font-weight:300;}
	footer .code{font-size:16px;}
	footer .code .tel{font-size:36px;}
	footer .about{font-size:14px;line-height:30px;}
	footer .about .title{margin-bottom:3vh;}
	.center .mode1 .text{padding:24vh 0 65vh 13%;width:23.75%;}
	.center .mode2 .text{padding:11vh 0 40vh 55%;width:23.75%;}
	.center .mode3 .text{padding:8vh 0 60vh 13%;width:23.75%;}
	.center .mode1 .centerimg{position:absolute;width:65%;top:0;}
	.center .mode2 .centerimg{position:absolute;width:51%;top:-35vh;}
	.center .mode3 .centerimg{position:absolute;width:77%;top:-30vh;}
}
@media screen and (min-width:1440px) and (max-width: 1680px){
	.main .bai{width:120px;position:absolute;left:12.7%;top:175px;}
	.main .text{position:absolute;color:#fff;left:15.3%;top:180px;width:36.8%;font-weight:300;}
	.main .text .title{font-size:5em;margin-bottom:10px;font-weight:500;}
	.main .text .des{font-size:20px;margin-bottom:5px;}
	.main .text .dese{font-size:16px;margin-bottom:20px;}
	.main .text .nowus{color:#7a9745;display:inline-block;padding:5px 30px;border-radius:45px;background:#fff;font-size:18px;}
	.main .text .quandiv{margin-top:30px;}
	.main .text .quan span{position:absolute;display:block;width:100%;left:50%;margin-left:-50%;height:48px;top:50%;margin-top:-24px;font-size:16px;}
	.righttext{position:absolute;right:6%;z-index:3;top:300px;}
	.righttext p{writing-mode:vertical-lr;font-size:30px;color:#7a9745;font-weight:300;letter-spacing:40px;}
	.dides{position:absolute;bottom:5%;letter-spacing:50px;width:64.5%;color:#7a9745;text-align:center;left:50%;margin-left:-32.25%;z-index:4;font-weight:300;}
	footer .code{font-size:15px;}
	footer .code .tel{font-size:28px;}
	footer .about{font-size:13px;line-height:28px;}
	footer .about .title{margin-bottom:2vh;}
	.center .mode1 .text{padding:24vh 0 50vh 13%;width:23.75%;}
	.center .mode2 .text{padding:3vh 0 40vh 55%;width:23.75%;}
	.center .mode3 .text{padding:0vh 0 45vh 13%;width:23.75%;}
	.center .mode1 .centerimg{position:absolute;width:65%;top:0;}
	.center .mode2 .centerimg{position:absolute;width:51%;top:-35vh;}
	.center .mode3 .centerimg{position:absolute;width:77%;top:-30vh;}
	.center .mode{line-height:32px;font-size:16px;}
	.center .mode p:first-child{font-weight:700;font-size:38px;margin-bottom:10px;}
	.contact .int{top:58vh;}
	.contact .int2{top:103vh;}
	.cases .mode .text .en_title{font-size:26px;}
	.cases .mode .text .ch_title{font-size:41px;margin-bottom:60px;}
	.cases .mode2 .text .en_title{font-size:21px;}
}
@media screen and (min-width:1280px) and (max-width: 1440px){
	.main .bai{width:120px;position:absolute;left:12.7%;top:150px;}
	.main .text{position:absolute;color:#fff;left:15.3%;top:155px;width:36.8%;font-weight:300;}
	.main .text .title{font-size:5em;margin-bottom:5px;font-weight:500;}
	.main .text .des{font-size:18px;margin-bottom:5px;}
	.main .text .dese{font-size:14px;margin-bottom:10px;}
	.main .text .nowus{color:#7a9745;display:inline-block;padding:5px 30px;border-radius:45px;background:#fff;font-size:16px;}
	.main .text .quandiv{margin-top:20px;}
	.main .text .quan span{position:absolute;display:block;width:100%;left:50%;margin-left:-50%;height:48px;top:50%;margin-top:-24px;font-size:16px;}
	.righttext{position:absolute;right:6%;z-index:3;top:300px;}
	.righttext p{writing-mode:vertical-lr;font-size:30px;color:#7a9745;font-weight:300;letter-spacing:30px;}
	.dides{position:absolute;bottom:5%;letter-spacing:40px;width:64.5%;color:#7a9745;text-align:center;left:50%;margin-left:-32.25%;z-index:4;font-weight:300;}
	footer .code{font-size:13px;}
	footer .code .tel{font-size:24px;}
	footer .about{font-size:13px;line-height:24px;}
	footer .about .title{margin-bottom:2vh;}
	.about .aboutlaotou{position:absolute;height:auto;width:65%;top:10%;}
	.center .mode1 .text{padding:24vh 0 40vh 13%;width:23.75%;}
	.center .mode2 .text{padding:0 0 25vh 55%;width:23.75%;}
	.center .mode3 .text{padding:0 0 45vh 13%;width:23.75%;}
	.center .mode1 .centerimg{position:absolute;width:65%;top:0;}
	.center .mode2 .centerimg{position:absolute;width:51%;top:-35vh;}
	.center .mode3 .centerimg{position:absolute;width:77%;top:-20vh;}
	.center .mode{line-height:30px;font-size:16px;}
	.center .mode p:first-child{font-weight:700;font-size:36px;margin-bottom:10px;}
	.contact .int{top:55vh;}
	.contact .int2{top:98vh;}
	.cases .mode .text .en_title{font-size:23px;}
	.cases .mode .text .ch_title{font-size:36px;margin-bottom:50px;}
	.cases .mode2 .text .en_title{font-size:19px;}
}
@media screen and (min-width:1024px) and (max-width: 1280px){
	.main .bai{width:120px;position:absolute;left:12.7%;top:120px;}
	.main .text{position:absolute;color:#fff;left:15.3%;top:130px;width:36.8%;font-weight:300;}
	.main .text .title{font-size:4.5em;margin-bottom:5px;font-weight:500;}
	.main .text .des{font-size:16px;}
	.main .text .dese{font-size:13px;margin-bottom:10px;}
	.main .text .nowus{color:#7a9745;display:inline-block;padding:5px 30px;border-radius:45px;background:#fff;font-size:14px;}
	.main .text .quandiv{margin-top:20px;}
	.main .text .quan span{position:absolute;display:block;width:100%;left:50%;margin-left:-50%;height:32px;top:50%;margin-top:-16px;font-size:12px;}
	.righttext{position:absolute;right:6%;z-index:3;top:220px;}
	.righttext p{writing-mode:vertical-lr;font-size:25px;color:#7a9745;font-weight:300;letter-spacing:25px;}
	.dides{position:absolute;bottom:5%;letter-spacing:34px;width:64.5%;color:#7a9745;text-align:center;left:50%;margin-left:-32.25%;z-index:4;font-weight:300;}
	footer .code{font-size:14px;}
	footer .code .tel{font-size:20px;}
	footer .about{font-size:12px;line-height:24px;}
	footer .about .title{margin-bottom:1vh;}
	.about .aboutlaotou{position:absolute;height:auto;width:60%;top:10%;}
	.center .mode1 .text{padding:14vh 0 33vh 13%;width:23.75%;}
	.center .mode2 .text{padding:0 0 23vh 55%;width:23.75%;}
	.center .mode3 .text{padding:0 0 45vh 13%;width:23.75%;}
	.center .mode1 .centerimg{position:absolute;width:65%;top:0;}
	.center .mode2 .centerimg{position:absolute;width:51%;top:-23vh;}
	.center .mode3 .centerimg{position:absolute;width:77%;top:-18vh;}
	.center .mode{line-height:28px;font-size:14px;}
	.center .mode p:first-child{font-weight:700;font-size:30px;margin-bottom:10px;}
	.contact .int{top:40vh;}
	.contact .int2{top:78vh;}
	.contact .text{position:absolute;color:#fff;left:15.3%;top:100px;width:36.8%;font-weight:300;}
	.contact .righttext{top:150px;}
	.contact .righttext p{font-size:20px;letter-spacing:40px;}
	.contact .int2 form input{width:70%;}
	.cases .mode .text .en_title{font-size:18px;}
	.cases .mode .text .ch_title{font-size:29px;margin-bottom:30px;}
	.cases .mode2 .text .en_title{font-size:15px;}
	.cases .mode .text{font-size:14px;}
	.cases .mode .text .content{line-height:28px;}
	.nav li a{font-size:12px;}
}