@charset "utf-8";
/* CSS Document */

/*重置*/

body,html,li,input,gloabl,h2,th,input,nav,td,h1,rembed,blockquote,ol,xml,div,dl,dt,dd,ul,h3,h4,h5,h6,pre,form,fieldset,abbr,p,header,hgroup,Section,figure,section,nav,article,aside,canvas{margin:0;padding:0;}
img{border:0;padding:0;margin:0;}
a{border:none; color:#333333; text-decoration: none;}
ol,ul,li {list-style:none;}
i,em{font-style:normal;}
caption,th {text-align:left;}
q:before,q:after{list:'';}
.clear{ clear:both}
a:visited{color:#333333;}
a:focus {outline: none; }
a:focus {-moz-outline-style: none; }
body{/* font-family:宋体; */
	font-family: ff-tisa-web-pro-1,ff-tisa-web-pro-2,"Lucida Grande","Hiragino Sans GB","Hiragino Sans GB W3","微软雅黑"; font-size:1.5rem;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;text-decoration:none; line-height:none;}
address,cite,dfn,rem,var { font-style: normal; } 
 /* 使得表单元素在 ie 下能继承字体大小 */
.fl{ float:left;}
.fr{ float:right;}
*:focus { outline: none;}

/* 字体图标 CSS */
@font-face {font-family: "iconfont";
  src: url('../font/iconfont.eot'); /* IE9*/
  src: url('../font/iconfont.eot?#iefix') format('rembedded-opentype'), /* IE6-IE8 */
  url('../font/iconfont.woff') format('woff'), /* chrome、firefox */
  url('../font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
input[type=text], input[type=button], input[type=submit], input[type=reset],select{
	-webkit-appearance:none;
	outline:none; border-radius:0; -webkit-border-radius:0;
}
.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
/* 字体图标 CSS END */

@media screen and (min-width:320px){html{font-size:62.5%}/*10px */}
@media screen and (min-width:360px){html{font-size:70.3125%}/*12px */}
@media screen and (min-width:375px){html{font-size:73.2424875%}/*12px */}
@media screen and (min-width:400px){html{font-size:78.125%}/*12.5px */}
@media screen and (min-width:414px){html{font-size:80.86%}/*12.5px */}
@media screen and (min-width:480px){html{font-size:93.75%}/*15px*/}
@media screen and (min-width:568px){html{font-size:111%}}
@media screen and (min-width:640px){html{font-size:125%}/*20px */}
@media screen and (min-width:720px){html{font-size:137.5%}/*22px */}
@media screen and (min-width:768px){html{font-size:150%}/*24px */}
@media screen and (min-width:1024px){html{font-size:180%}/*24px */}
@media screen and (orientation:landscape){html{font-size:150%}/*24px */}

body{min-width:320px;max-width: 768px; margin:0 auto;font-family:'微软雅黑';font-size: 1.2rem;background: url(../images/beijing.jpg);}


/*header*/
header{overflow:hidden;padding:1rem 1rem;font-family: "微软雅黑";text-align: center;}
header .head{display: inline-block;position: relative;padding-left: 8rem;}
header a.logo{display:block;width: 7rem;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
header a.logo img{display:block; width:100%;}
header .text{text-align: left;display: block;}
header .text h3{font-size: 1.4rem;font-family: "宋体";font-weight: bold;color: #5e6f36;}
header .text p{font-size: 1.2rem;color: #5e6f36;}


nav{ line-height:1; text-align:center; font-size:1.5rem; position: relative;padding: 0.8rem 0;background-color: #5b6a1a;}
nav .menuleft{height:inherit;width:0.2rem;height:100%;position:absolute; left:0; top:0; z-index:2;background-color: #5b6a1a;}
nav .menuright{width:0.2rem;height:100%;position:absolute; right:0; top:0; z-index:2;background-color: #5b6a1a;}
nav .swiper-container{ /*margin:0 2rem;*/}
nav .swiper-wrapper{overflow:hidden;}
nav .swiper-slide{float:left; width:25%; display:block; text-align:center;}
nav .swiper-slide a{display:block;color:#fff; height: 100%;}
nav .swiper-slide a span{display:block;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;}


/*banner css*/
.banner {position: relative;display:block;overflow: hidden;}
.banner .swiper-wrapper img {width: 100%; display:block;}
.banner .pagination {position:absolute;left: 0;text-align: center;bottom:1vw; width:100%; z-index:999}
.banner .swiper-pagination-switch {display: inline-block; width:0.5rem;height: 0.5rem; cursor: pointer; margin:0 0.3rem;background-color:#9ec074; border-radius: 0rem;opacity:1;}
.banner .swiper-active-switch{background-color:#5b6a1a;}


.advant{margin-top: 3rem;}
.advant .title{text-align: center;}
.advant .title h3{font-size: 1.6rem;font-weight: bolder;color: #788b44;}
.advant .title p{font-size: 1.2rem;font-family:arial;color: #c1c1c1;text-transform: uppercase;}
.advant .main{background-color: rgba(91,106,26,0.5);padding: 2rem 0;margin-top: 1.5rem;}
.advant .tt{margin: 0 1rem;}
.advant .tt:after{clear: both;display: table;content: '';}
.advant .tt li{float: left;width: 18%;text-align: center;box-sizing: border-box;position: relative;border-radius: 100%;margin-right: 2.5%;}
.advant .tt li:nth-child(5){margin-right: 0;}
.advant .tt li a{display: block;box-sizing: border-box; }
.advant .tt li a img{display: block;width: 100%;border-radius: 100%;transition: all .3s; -webkit-transition: all .3s;}
.advant .tt li a h3{font-size: 1.2rem;line-height: 1.3;color: #4a591f;margin-top: 0.5rem;}
.advant .tt li.act{}
.advant .tt li.act img{-webkit-transform: rotateZ(360deg);transform: rotateZ(360deg);border: 1px solid rgba(255,255,255,0.8);}
.advant .tt li.act a h3{color: #5b6a1a;font-weight: bold;}
.advant .tab{display: none;text-align: left;margin: 0 1rem;}
.advant .tab h3{font-size: 1.4rem;color: #5b6a1a;margin: 1rem 0 0.5rem;font-weight: bold;}
.advant .tab p{font-size: 1.2rem;line-height: 1.5;color: #5b6a1a;}









.product{margin-top: 3rem;}
.product .title{text-align: center;}
.product .title h3{font-size: 1.6rem;font-weight: bolder;color: #788b44;}
.product .title p{font-size: 1.2rem;font-family:arial;color: #c1c1c1;text-transform: uppercase;}
.product .list{padding: 1.2rem 0.7rem 0;}
.product .list:after{clear: both;content: '';display: table;}
.product .list li{float: left;width: 50%;box-sizing: border-box;padding: 0.3rem;}
.product .list li a{display: block;position: relative;width: 100%;height: 0;padding-bottom: 106.2%;}
.product .list li a img{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.product .list li a div{position: absolute;left: 0;bottom: 0;width: 100%;box-sizing: border-box;padding: 0.5rem;text-align: center;background-color: rgba(175,204,140,0.5);}
.product .list li a div span{display: inline;padding: 0.2rem 1.5rem;border: 1px solid #fff;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 1.2rem;}



.case {margin-top: 3rem;}
.case .title{text-align: center;}
.case .title h3{font-size: 1.6rem;font-weight: bolder;color: #788b44;}
.case .title p{font-size: 1.2rem;font-family:arial;color: #c1c1c1;text-transform: uppercase;}
.case .swiper-container{margin: 1.5rem 0.7rem 0;}
.case .swiper-slide{width:50%;}
.case .swiper-slide a{display: block;margin: 0 0.3rem;text-align: center;overflow: hidden;position: relative;background-color: #5e6f36;box-sizing: border-box;padding: 2px;}
.case .swiper-slide a .pic{position: relative;overflow: hidden;height: 0;padding-bottom:97.4%;width: 100%;}
.case .swiper-wrapper a .pic img {width: 100%; display:block;height: 100%;position: absolute;left: 0;top: 0;}
.case .swiper-wrapper a h3{color: #fff;font-size: 1.2rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 0.5rem;}
.case .swiper-wrapper a p{color: #fff;font-size: 1rem;line-height: 1.5;height: 4.5rem;overflow: hidden;margin: 0.5rem 0;}


.online{padding: 2rem 0;margin-top: 2rem;}
.online .title{text-align: center;}
.online .title h3{font-size: 1.6rem;font-weight: bolder;color: #788b44;}
.online .title p{font-size: 1.2rem;font-family:arial;color: #c1c1c1;text-transform: uppercase;}
.online ul{margin: 1rem 1rem 0;}
.online li{margin: 0.5rem 0;}
.online li input[type=text]{font-size: 1.2rem;line-height: 2; border: none; border: 1px solid #ccc;box-sizing: border-box;width: 100%;text-indent: 1rem;color: #333;}
.online li textarea{font-size: 1.2rem;line-height: 2; border: none; border: 1px solid #ccc;box-sizing: border-box;width: 100%;display: block;font-family: "微软雅黑";text-indent: 1rem;color: #333;}
.online li:last-child{text-align: center;}
.online li:last-child input{font-size: 1.2rem;line-height: 2.5;box-sizing: border-box;width: 35%;background-color: #778a53;border: none;color: #fff;margin: 1rem 1rem 0;display: inline-block;}
.online li:last-child input:nth-child(2){background-color: #b0bf94;}



.news {margin-top: 3rem;background-color: rgba(245,245,245,0.5);padding: 2rem 0;}
.news .title{text-align: center;}
.news .title h3{font-size: 1.6rem;font-weight: bolder;color: #788b44;}
.news .title p{font-size: 1.2rem;font-family:arial;color: #c1c1c1;text-transform: uppercase;}
.news .tt{padding: 1.2rem 0.8rem 0;}
.news .tt:after{display: table;content: '';clear: both;}
.news .tt li{float: left;width: 50%;box-sizing: border-box;padding: 0.2rem;}
.news .tt li a{display: block; border: #aaa 1px solid;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;text-align: center;color: #666;font-size: 1.2rem;padding: 0 0.5rem;line-height: 2.5;}
.news .tt li a.act{border: #788b44 1px solid;color: #788b44;}

.news .tab{overflow: hidden;display: none;}
.news .pic{width:40%;height:0;padding-bottom:  26.35%;position: relative;}
.news .pic img{display: block;width: 100%;position: absolute;left: 0;top: 0;height: 100%;}
.news .contac{margin: 1rem 1rem 0;overflow: hidden;position: relative;}
.news .contac li{line-height: 1;margin-top: 1rem;}
.news .contac li a{background-color: #fff;display: block;padding: 0.5rem;}
.news .contac li h3{font-size: 1.2rem;color: #333;display: block;font-weight: normal;line-height: 1.5;margin-top: 0.5rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .contac li p{font-size: 1rem;color: #666;line-height: 1.5;height: 4.5rem;overflow: hidden;margin: 0.5rem 0;}
.news .contac li em{font-size: 1rem;line-height: 1.6;height:1.6rem;overflow: hidden;margin: 0.5rem 0 0;color: #999;}



footer{color:#fff; font-size:1rem; line-height:1.6;padding:1.2rem 1rem;background:#333; position: relative;overflow: hidden;margin-top: 2.5rem;}
footer .pic{text-align: center;position: absolute;left: 1rem;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);font-size: 1rem;line-height: 1;letter-spacing: 0.2rem;}
footer img{width: 6rem !important;height: 6rem !important;display:block;margin-bottom: 0.5rem;}
footer .pic a{display: none;}
footer .text{text-align: left;padding: 0 0 0 7rem;font-size: 0.9rem;line-height: 1.5;}
footer a{color:#fff}
footer p{font-size: inherit !important;}