@charset "utf-8";
/*通用部分 g: global, m: main, p: parts|plate, l: local, i: item*/
body,h1,h2,h3,h4,h5,h6,div,p,dl,dt,dd,ol,ul,li,form,table,th,td,a,img,span,strong,var,em,input,textarea,select,option{margin: 0; padding: 0; }
html,body{font-family: "Microsoft YaHei","SimSun","Arail","Tabhoma",sans-serif; font-size: 16px; text-align: left; }
ul,ol,li{list-style: none; }
img{border: 0; vertical-align: top; }
input,select,textarea{outline: 0; }
textarea{resize: none; }
table{border-collapse: collapse; border-spacing: 0; }
th,strong,var,em{font-weight: normal; font-style: normal; }
a{text-decoration: none; }
a:link,a:visited,a:hover,a:active{text-decoration: none !important; }
.hide{display: none; visibility: hidden; opacity: 0; }
.clear{display: block;}
.clear:after,ul:after{content: ''; overflow: hidden; width: 100%; height: 0px; font-size: 0px; display: block; clear: both; }
.g-1920,.g-1200{width: 100%; margin-left: auto; margin-right: auto; display: block; position: relative; }
.g-1920:after,.g-1200:after{content: ''; overflow: hidden; width: 100%; height: 0px; font-size: 0px; display: block; clear: both; }
.g-1920{max-width: 1920px; }
.g-1200{max-width: 1200px; }
.m-lmt{text-align: center; background-position: center center; background-repeat: no-repeat; }
.m-lmt a{display: inline-block; }
.m-main{position: relative; }
.prev,.next{position: absolute; transition: all 0.3s; user-select: none; cursor: pointer; }


body{background-color: #d9e6d3;}

/*头图*/
.head{height: 1309px; background: url(../images/head.png) top center no-repeat; overflow: hidden; }
.head .m-view{width: 766px; height: 460px; padding-top: 200px; display: block; margin: 0 auto; }
.head .qrcode{position: fixed; z-index: 10; top: 80px; left: 50%; margin-left: 616px; cursor: pointer; width: 206px; height: 293px; transition: all 0.4s; transform: scale(0);}


/*视频*/
.video{margin-top: -434px; z-index: 2; background: url(../images/video-bg.png) top center no-repeat; height: 777px;}
.video .m-main{width: 1264px; height: 696px; box-sizing: border-box; padding: 66px 96px 0px;; margin: 0 auto;}
.video .m-main .videoUrl{display: none;}


/*乡村智理*/
.xczl{margin-top: 55px; padding-top: 105px; background: url(../images/xczl-bg.png) top center no-repeat; height: 988px;}
.xczl .m-main{width: 1100px; height: 1080px;}
.xczl .m-main  a.tit{font-size: 30px; font-weight: bold; color: #303030; text-align: center; display: block; margin-bottom: 24px;}
.xczl .m-main .m-content{box-sizing: border-box; width: 1100px; height: 710px; padding: 0 45px; overflow-y: auto;}
.xczl .m-main .m-content .u-article-box{line-height:2.2em; font-size: 18px;}
.xczl .m-main .m-content .u-article-box p{margin: 1em auto;}
/*滚动条美化，只webkie内核*/
.xczl .m-main .m-content::-webkit-scrollbar{ width: 9px;}
.xczl .m-main .m-content::-webkit-scrollbar-track-piece{/*内层轨道，滚动条中间部分*/
background: linear-gradient(to right,  rgba(190,190,190,0) 19%,  rgba(190,190,190,1) 20%,  rgba(190,190,190,1) 80%,  rgba(190,190,190,0) 81%);}
.xczl .m-main .m-content::-webkit-scrollbar-thumb {/*内嵌滑块*/background-color: #d27726; width: 9px; border-radius: 9px;}


/*全屏轮播图 */
.tj{margin-top: -7px;overflow: hidden;}
.tj .m-lmt{background: url(../images/tj-lmt.png) center center no-repeat; height: 169px;}
.tj .m-main{margin-top: 40px;}
.slide .m-main ul li{width: 600px !important; height: 460px; margin: 0 20px; float: left; box-sizing: border-box;}
.slide .m-main ul li img{width: 600px; height: 372px; transition: all 0.3s;}
.slide .m-main ul li .tit{line-height: 36px; font-size: 16px; color: #fff; background-color: #497257; padding: 10px; text-indent: 2em; height: 68px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.slide .m-main .prev,.slide .m-main .next{width: 40px; height: 50px; bottom: 128px;}
.slide .m-main .prev{left: 0px; background: url(../images/tj-prev.jpg) no-repeat;}
.slide .m-main .next{right: 0px; background: url(../images/tj-next.jpg) no-repeat;}
.slide .m-main .prev:hover{background: url(../images/tj-prev-hover.jpg) no-repeat;}
.slide .m-main .next:hover{background: url(../images/tj-next-hover.jpg) no-repeat;}