body{background: #ffffff; padding: 0px; margin: 0px;
    font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,miui,Hiragino Sans GB,Microsoft Yahei,sans-serif;
}
.content{width: 100%;}
.container{width: 1200px;margin: 0 auto;}
.nav{width: 100%;height: 100px; float: left;}
.logo{width: 300px;height: 100px;float: left;text-align: center;}
.nav_box{width: 900px;height: 100px;float: left;}
.layui-nav{background: none;color: #bebebe;}
.layui-nav .layui-nav-item a{color: #bebebe;font-size: 15px;}
.layui-nav .layui-nav-item a:hover, .layui-nav .layui-this a {color: #bebebe;}
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{background-color:#be0000}

.banner{width: 100%;height: 650px;float: left;}
.channel{width: 100%;float: left;background: #f5f0ea;}
.public_title{width: 100%;height: 120px;float: left;}
.title_top{width: 100%;height: 20px;float: left;background: #c00000}
.title_box{width: 220px; height: 100px;float: left;background: #c00000;text-align: center;}
.title_bg{width: 80%;height: 30px;float: left;margin: 0 10%;}
.title_bg span{width: 50px; height: 5px;background: #ffffff;float: left;margin-top: 20px;}
.title_text{width: 80%;float: left;margin: 0 10%;height: 70px;line-height: 50px;text-align: left;font-size: 20px;color: #ffffff;font-weight: bold;}
.channel_box{width: 100%;float: left}
.channel_list{width: 100%;float: left;margin: 100px 0;}
.channel_img{width: 700px;height: 400px;float: left; overflow: hidden; border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
.channel_img img{width: 100%;position: relative;z-index: 9999;cursor: pointer; transition: all 0.6s;}
.channel_img img:hover{transform: scale(1.2);}
.channel_qrcode{width: 500px;height: 400px;float: left;}
.channel_more{width: 100%;float: left;height: 50px;line-height: 50px;text-align: right;margin-bottom: 30px;}
.channel_more img{ width: 120px;}
.qrcode_box{width: 550px;height: 350px;border: 3px solid #be0100;position: relative;top: -30px; left: -50px;background: #ffffff;}
.qrcode_text{width: 250px;height: 50px;line-height: 50px;font-size: 28px;color: #c6c6c6; text-align: center; background: #ffffff;position: relative;top: -30px;left: 250px;}
.qrcode_title{width: 100%;float: left;height: 80px;text-align: right;}
.qrcode_title span{font-size: 36px;line-height: 60px;float: right; border-bottom: 2px solid #be0100;margin-right: 70px;}
.qrcode_img{width: 100%;float: left;height: 220px;}
.qrcode_img_left{width: 50%;float: left;height: 220px;display: flex;align-items: center;justify-content: center;}
.qrcode_img_right{width: 50%;float: left;height: 220px;display: flex;align-items: center;justify-content: center;}
.qrcode_img_right img{width: 200px;height: 200px;}
.qrcode_title2{width: 100%;float: left;height: 80px;text-align: right;}
.qrcode_title2 span{font-size: 36px;line-height: 60px;float: left; border-bottom: 2px solid #be0100;margin-left: 70px;}
.qrcode_text2{width: 250px;height: 50px;line-height: 50px;font-size: 28px;color: #c6c6c6; text-align: center; background: #ffffff;position: relative;top: -30px;left: 50px;}
.qrcode_box2{width: 550px;height: 350px;border: 3px solid #be0100;position: relative;top: -30px; left: 0px;background: #ffffff;}

.app_box{width: 100%;float: left;padding: 100px 0;}
.app_img{width: 350px;float: left;height: 700px;background: url("../images/app.png") no-repeat center;}
.app_info{width: 850px;float: left;height: 700px;}
.app_top{width: 750px;margin-left: 100px; height: 50%;float: left;}
.app_qrcode{width: 750px;margin-left: 100px;height: 50%;float: left;list-style: none;padding: 0px;}
.app_title{width: 100%;height: 100px;line-height: 100px;font-size: 36px;}
.app_title span{border-bottom: 1px solid #c31010; color: #c31010; }
.app_desc{width: 100%;float: left;height: 250px; line-height: 80px;font-size:56px;font-weight: bold;color:#c31010; text-align: left; }
.app_qrcode li{width: 50%;height: 350px;float: left;text-align: center;font-size: 24px;font-weight: bold; color: #999999}

.about{width: 100%;float: left;height: 700px; background: url("../images/about_bg.jpg") no-repeat center;}
.about_box{width: 100%;float: left;height: 630px;}
.about_top{width: 100%;float: left; height: 100px;border-bottom: 1px solid #ffffff;margin-bottom: 30px;}
.about_title{width: 100%;float: left;height: 60px;line-height: 60px;font-size: 36px;text-align: center;color: #ffffff;}
.about_en{width: 100%;float: left;height: 40px;line-height: 40px;font-size: 20px;text-align: center;color: #ffffff;}
.about_content{width: 100%;float: left;font-size: 16px;line-height: 1.5em;color: #ffffff;}
.about_content p{margin: 15px 0; text-indent: 20px; line-height: 1.5em;}
.footer{width: 100%;float: left;height: 250px;padding: 30px 0; background: #c00000;margin-top: 20px;}
.f_logo{width: 250px;float: left; height: 250px;text-align: center;}
.f_logo img{width: 125px; margin: 20px auto;}
.tel_text{width: 100%;float: left;height: 40px;line-height: 40px;text-align: center;font-size: 24px;color: #ffffff;}
.tel_number{width: 100%;float: left;height: 40px;line-height: 40px;text-align: center;font-size: 28px;color: #ffffff;}


.city{width: 600px;height: 250px;float: left;margin: 0px; list-style: none;padding-top: 20px;}
.city_list{width: 100%;float: left;height: 26px;line-height: 26px;text-align: left;font-size: 16px;font-family: '微软雅黑';color: #ffffff;}
.city_list dt{width: 200px;float: left;}
.city_list dd{width: 400px;float: left;}

.wechart{width: 350px;float: left;height: 250px;}
.w_qrcode{width: 100%;height: 120px;float: left; display: flex; align-items: center;justify-content: center}
.w_qrcode img{width: 120px;margin: 15px auto;}
.w_title{width: 100%;height: 30px;line-height: 30px;float: left;text-align: center;font-size: 14px;color: #ffffff;}
.w_title a{color: #ffffff;}

.f_nav{width: 550px;height: 250px;float: left;margin: 0px; list-style: none;padding-top: 20px;}
.f_nav_box{width: 160px;height: 230px;float: left; margin: 0px 11px 10px 11px; }
.f_nav_list{width: 100%;height: 100%;float: left;}
.f_nav_list dt{width: 100%;font-size: 18px;font-weight: bold;text-align: center;height: 40px;line-height: 40px;color: #ffffff;}
.f_nav_list dd{width: 100%;font-size: 16px; text-align: center;height: 30px;line-height: 30px;color: #ffffff;}

/*page*/
.page_content{width: 100%;float: left; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.page_dqwz{width: 100%;float: left;height: 80px;line-height: 80px;font-size: 14px;text-align: left;}
.page_left{width: 200px;float: left; min-height: 500px; border: 1px solid #dddddd;}
.page_right{width: 970px;float: left;margin-left: 25px;}
.page_list_main{width: 100%;list-style: none;float: left;margin: 0px;padding: 0px;}
.page_list{width: 100%;float: left;height: 40px;line-height: 40px;text-align: left;text-indent: 20px;font-size: 15px;}
.page_l_title{font-weight: bold;font-size: 17px;}

.page_title{width: 100%;float: left;height: 60px;font-weight: bold;line-height: 60px;font-size: 20px;text-align: center;border-bottom: 1px solid #DDDDDD;}
.page_nr{width: 100%;float: left;line-height: 1.5em;font-size: 15px;margin-top: 10px;}
.page_nr p{margin:10px 0;}
/*farm*/
.farm_box{width: 100%;float: left;}
.list_title{width: 100%;float: left;height: 100px;line-height: 100px;font-size: 24px;font-weight: bold;text-align: center;color: #775553;}
.farm_list_img{width: 100%;float: left;overflow: hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.farm_list_img img{width: 99%;margin: 10px 0;float: left;cursor: pointer;transition: all 0.6s;border: 2px solid #ffffff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.farm_list_img img:hover{border: 2px solid #BE0000;}
.farm_list_tit{width: 100%;float: left;height: 40px;line-height: 40px;font-size: 16px;text-align: center;font-weight: bold;}
.farm_box .layui-container{float: left;}
.farm_bg{width: 100%;background: url("../images/bg.jpg") no-repeat;background-attachment: fixed; background-position: center 0; }
.f_title_bg{display: block; position: relative;left: 50%; transform: translateX(-50%) rotate(45deg); content: ''; z-index: 0; width: 200px; height: 200px; background: linear-gradient(135deg,rgba(255,255,255,0) 25%,#050506 100%); opacity: .5; -moz-opacity: 0.5; filter: alpha(opacity=50);}
.f_title{width: 100%;margin-top: -100px; height: 50px;line-height: 50px;text-align: center;font-size: 22px;font-weight: bold;color: #ffffff;}
.f_title span{position: relative;z-index: 9999;border-bottom: 3px solid #ffffff; padding: 10px;}
.farm_desc{width: 100%;float: left;min-height: 50px; font-size: 18px;line-height: 1.5em;text-align: left; text-indent: 40px}
.farm_video{width: 100%;float: left;}
.farm_video_box{width: 640px;height: 400px;margin: 20px auto;}
.farm_video_box video{width: 100%}
.farm_swiper{width: 100%;float: left;margin:20px 0 50px 0;}
.farm_swiper_list img{width: 100%;}

.city_bg{width: 100%;background: url("../images/city_bg.jpg") no-repeat;background-attachment: fixed; background-position: center 0; }
.city_pic_box{width: 100%;float: left; height: 500px;}
.city_tit{margin: 20px 0;}
.swiper-slide-active{z-index: 999}
.swiper-container {width: 100%;height: 100%;--swiper-pagination-color: #ffffff;}
.swiper-slide{ text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; transition: 300ms; transform: scale(0.8);}
.swiper-slide-active,.swiper-slide-duplicate-active{transform: scale(1);}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 500px;color: #ffffff}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 500px;color: #ffffff}
.city_content{width: 100%;float: left;margin: 50px 0;}
.city_con_box{width: 100%;float: left;line-height: 1.5em;font-size: 16px;margin-top: 20px;}
.city_con_box p{font-size: 16px;}
.city_con_tit{width: 100%;height: 65px;line-height: 65px;float: left;font-size: 20px;font-weight: bold; text-align: center;background: url("../images/newsH_03.png") no-repeat center bottom;}
.city_con_info{width: 100%;float: left;margin-top: 25px;}
.city_con_info li{width: 100%;float: left;height: 45px;line-height: 45px;font-size: 16px;text-align: center;}
.city_con_left{border-left: 1px solid #DDDDDD;}
.city_map{width: 100%;float: left;}
.city_map_box{width: 100%;float: left;height: 650px; margin: 40px 0;}
#allmap{height:650px;}
.swiper-slide img{width: 100%;}

.city_list_img{width: 100%;height: 300px;float: left;overflow: hidden;}
.city_list_img img{width: 100%;}
.city_list_info{width: 100%;height: 300px;float: left;}
.city_list_tit{width: 100%;height: 60px;line-height: 60px;margin: 50px 0 30px 0; font-size: 22px; font-weight: bold; text-align: center;background: url("../images/newsH_03.png") no-repeat center bottom;}
.city_list_tel{width: 100%;height: 40px;line-height: 40px;font-size: 16px;text-align: center;}

.fsMeng{position: absolute; top: 0;left: 0; width: 100%; height: 100%; background: rgba(36,42,92,.5); align-items:center;justify-content: center;display: none;}
.fsPart1{float: left; width: 127px; color: #ffffff; height: 127px; text-align: center; line-height: 127px; font-size: 16px; background: url('../images/pp1.png') no-repeat center; margin-right: -20px;}
.fsMeng a:hover{color: #ffffff;}
.frame-box{width: 300px; margin: 95px 25px 50px 25px; height: 565px; border-bottom-right-radius: 40px;border-bottom-left-radius: 40px;  }