作者 lihongjuan

提交

要显示太多修改。

为保证性能只显示 4 of 4+ 个文件。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>联系我们</title>
<link rel="stylesheet" href="css/swiperfour.css">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" type="text/css" href="css/jquery.sPage.css">
</head>
<body>
<div class="bannerimg">
<div class="swiper-container bannercontainer">
<div class="swiper-wrapper">
<div class="swiper-slide nongyebanner">
<img src="img/bannerone.jpg" alt="">
</div>
<div class="swiper-slide zhihuibanner">
<img src="img/bannertwo.jpg" alt="">
</div>
<div class="swiper-slide jiankangbanner">
<img src="img/bannerthree.jpg" alt="">
</div>
<div class="swiper-slide liansuobanner">
<img src="img/bannerfour.jpg" alt="">
</div>
</div>
<!-- 如果需要分页器 -->
<div class="swiper-pagination pagebullet"></div>
</div>
<!-- 头部导航-->
<div class="headnav">
<div class="navleft navbox">
<div class="navleftitem navblock" data-id="1">
<text class="navleftitemchildren">首页</text>
</div>
<div class="navleftitem navblock" data-id="2">
<text class="navleftitemchildren">同福印象</text>
<div class="navleftitembox">
<div class="navleftitemboxitem" data-type="4" data-id="1">
<text class="navleftitemname ">> 集团简介</text>
<div class="navboxitem">
<div class="navboxitemitem" data-id="1" data-type="1" >集团介绍</div>
<div class="navboxitemitem" data-id="2" data-type="1">董事长寄语</div>
</div>
</div>
<div class="navleftitemboxitem" data-type="4" data-id="2">
<text class="navleftitemname"> > 企业文化 </text>
<div class="navboxitem">
<div class="navboxitemitem" data-id="1" data-type="2">企业文化</div>
<div class="navboxitemitem" data-id="2" data-type="2">中华粥品大典</div>
<div class="navboxitemitem" data-id="3" data-type="2">中国粥文化博物馆</div>
<div class="navboxitemitem" data-id="4" data-type="2">同福农展馆</div>
</div>
</div>
<div class="navleftitemboxitem" data-type="4" data-id="3">
<text class="navleftitemname">
> 科技引领
</text>
<div class="navboxitem">
<div class="navboxitemitem" data-id="1" data-type="3">科技引领</div>
<div class="navboxitemitem" data-id="2" data-type="3">产学研合作</div>
<div class="navboxitemitem" data-id="3" data-type="3">农业产业研发</div>
<div class="navboxitemitem" data-id="4" data-type="3">食品饮料研发</div>
<div class="navboxitemitem" data-id="5" data-type="3">健康食品研发</div>
</div>
</div>
</div>
</div>
<div class="navleftitem navblock" data-id="3">
<text class="navleftitemchildren">同福产业</text>
<div class="navleftitembox chanbox">
<div class="navleftitemboxitem chanboxitem " data-type="5" data-id="1">
<text class="navleftitemname">> 同福健康食品产业</text>
<div class="navboxitem">
<div class="navboxitemitem" data-id="1" data-type="4">碗粥</div>
<div class="navboxitemitem" data-id="2" data-type="4">罐粥</div>
<div class="navboxitemitem" data-id="3" data-type="4">饮品</div>
<div class="navboxitemitem" data-id="4" data-type="4">糖尿病人专供产品</div>
<div class="navboxitemitem" data-id="5" data-type="4">高铁食品</div>
<div class="navboxitemitem" data-id="6" data-type="4">航空食品</div>
</div>
</div>
<div class="navleftitemboxitem chanboxitem" data-type="5" data-id="2">
<text class="navleftitemname chanboxitem">> 同福现代农业产业 </text>
<div class="navboxitem">
<div class="navboxitemitem" data-id="1" data-type="5">生态原粮</div>
<div class="navboxitemitem" data-id="2" data-type="5">生态养殖</div>
<div class="navboxitemitem" data-id="3" data-type="5">生态果蔬</div>
</div>
</div>
<div class="navleftitemboxitem chanboxitem" data-type="5" data-id="3">
<text class="navleftitemname chanboxitem">> 同福连锁餐饮产业 </text>
<div class="navboxitem">
<div class="navboxitemitem" data-id="1" data-type="6">同福学生营养餐</div>
<div class="navboxitemitem" data-id="2" data-type="6">同福连锁粥铺</div>
<div class="navboxitemitem" data-id="3" data-type="6">同福馒头工坊</div>
<div class="navboxitemitem" data-id="4" data-type="6">同福中央厨房</div>
</div>
</div>
<div class="navleftitemboxitem chanboxitem" data-type="5" data-id="4">
<text class="navleftitemname chanboxitem">
> 同福智慧康养产业
</text>
<div class="navboxitem">
<div class="navboxitemitem" data-id="1" data-type="7">同福地产</div>
<div class="navboxitemitem" data-id="2" data-type="7">同福商业</div>
<div class="navboxitemitem" data-id="3" data-type="7">同福康养</div>
</div>
</div>
</div>
</div>
<div class="navleftitem navblock" data-id="4">
<text class="navleftitemchildren">同福荣誉</text>
<div class="navleftitembox">
<div class="navleftitemboxitem" data-id="1" data-type="1">
<text class="navleftitemname">同福荣誉</text>
</div>
<div class="navleftitemboxitem" data-id="2" data-type="1">
<text class="navleftitemname">领导关怀 </text>
</div>
</div>
</div>
</div>
<div class="navmiddle">
<div class="middleimg">
<img src="img/tongfulogo.png" alt="">
</div>
</div>
<div class="headnavright navbox">
<div class=" navblock rightnavitem" data-id="5">
<text class="navleftitemchildren">新闻动态</text>
<div class="navleftitembox">
<div class="navleftitemboxitem rightboxitem" data-id="1" data-type="2">
<text class="navleftitemname">新闻动态</text>
</div>
<div class="navleftitemboxitem rightboxitem" data-id="2" data-type="2">
<text class="navleftitemname">行业资讯 </text>
</div>
<div class="navleftitemboxitem rightboxitem" data-id="3" data-type="2">
<text class="navleftitemname">健康生活 </text>
</div>
</div>
</div>
<div class=" navblock rightnavitem" data-id="6">
<text class="navleftitemchildren"> 联系我们</text>
<div class="navleftitembox">
<div class="navleftitemboxitem rightboxitem" data-id="1" data-type="3">
<text class="navleftitemname">联系我们</text>
</div>
<div class="navleftitemboxitem rightboxitem" data-id="2" data-type="3">
<text class="navleftitemname">在线留言 </text>
</div>
<div class="navleftitemboxitem rightboxitem" data-id="3" data-type="3">
<text class="navleftitemname" >资料下载 </text>
</div>
</div>
</div>
<div class=" navblock rightnavitem" data-id="7">
<text class="navleftitemchildren"> 购买产品</text>
<!-- <div class="navleftitembox">-->
<!-- <div class="navleftitemboxitem" data-id="1" data-type="3">-->
<!-- <text class="navleftitemname">联系我们</text>-->
<!-- </div>-->
<!-- <div class="navleftitemboxitem" data-id="2" data-type="3">-->
<!-- <text class="navleftitemname">在线留言 </text>-->
<!-- </div>-->
<!-- <div class="navleftitemboxitem" data-id="3" data-type="3">-->
<!-- <text class="navleftitemname" >资料下载 </text>-->
<!-- </div>-->
<!-- </div>-->
</div>
<div class="search">
<div class="rightnavitem">搜索</div>
<div class="searchbox">
<div class="serchboxleft">
<input type="text">
</div>
<div class="searchboxright">
<img src="img/search.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<!--同福印象-->
<div class="yinxiang yinxiangactive">
<div class="yinxiangtop">
<div class="yinxiangtopname">联系我们</div>
</div>
<!-- 联系我们-->
<div class="tongfubox connect connectactive">
<div class="tongfuboxleft">
<div class="tongfuboxleftitem connectour" data-id="1">
<text class="tongmingzi">联系我们</text>
</div>
<div class="tongfuboxleftitem connectour" data-id="2">
<text class="tongmingzi">在线留言</text>
</div>
<div class="tongfuboxleftitem connectour" data-id="3">
<text class="tongmingzi">资料下载</text>
</div>
</div>
<div class="connectus">
<div class="tongfuboxright lianxius lianxiusactive">
<div class="tongfutop">
<div class="kttop">联系我们</div>
<div class="kmiddle">CONTACT US</div>
<div class="kbottom"></div>
</div>
<div class="lianxiusbox">
<div class="lianxiusboxtop">
<div class="connecttop">
<div class="lianxiusboxtopitem">
<div>消费者</div>
<div>CONSUMER</div>
</div>
<div class="connectimg">
<img src="img/xiaofeizhe.png" alt="">
<div class="lianxiusboxtopitem lianxiusboxtopitemactive">
<div>消费者</div>
<div>CONSUMER</div>
</div>
</div>
</div>
<div class="connecttop">
<div class="lianxiusboxtopitem">
<div>人力</div>
<div>MANPOWER</div>
</div>
<div class="connectimg">
<img src="img/renli.png" alt="">
<div class="lianxiusboxtopitem lianxiusboxtopitemactive">
<div>人力</div>
<div>MANPOWER</div>
</div>
</div>
</div>
<div class="connecttop">
<div class="lianxiusboxtopitem">
<div>合作商</div>
<div>PARTNER</div>
</div>
<div class="connectimg">
<img src="img/hezuo.png" alt="">
<div class="lianxiusboxtopitem lianxiusboxtopitemactive">
<div>合作商</div>
<div>PARTNER</div>
</div>
</div>
</div>
<div class="connecttop">
<div class="lianxiusboxtopitem">
<div>游客</div>
<div>TOURISTS</div>
</div>
<div class="connectimg">
<img src="img/youke.png" alt="">
<div class="lianxiusboxtopitem lianxiusboxtopitemactive">
<div>游客</div>
<div>TOURISTS</div>
</div>
</div>
</div>
</div>
<div class="addressbox">
<div class="addressitem">
<div class="addressitemleft">地址:</div>
<div class="addressitemright"> 安徽省芜湖市繁昌经济开发区</div>
</div>
<div class="addressitem">
<div class="addressitemleft">电话:</div>
<div class="addressitemright">
0553-7718368/400-668-7718
</div>
</div>
<div class="addressitem">
<div class="addressitemleft">传真:</div>
<div class="addressitemright">
0553-7718387
</div>
</div>
<div class="addressitem">
<div class="addressitemleft">
邮箱:</div>
<div class="addressitemright">
TONGFUKEFU@TONGFUGROUP.COM
</div>
</div>
</div>
<div class="connectcode">
<div class="connectcodeitem">
<div class="itemtopimg">
<img src="img/wei.png" alt="">
</div>
<div class="itemtopname">微信公众号</div>
</div>
<div class="connectcodeitem">
<div class="itemtopimg">
<img src="img/tianmao.png" alt="">
</div>
<div class="itemtopname">天猫旗舰店</div>
</div>
<div class="connectcodeitem">
<div class="itemtopimg">
<img src="img/tong.png" alt="">
</div>
<div class="itemtopname">同福粥铺</div>
</div>
</div>
</div>
</div>
<!-- 在线留言-->
<div class="tongfuboxright liuyan liuyanactive">
<div class="tongfutop">
<div class="kttop">在线留言</div>
<div class="kmiddle">ONLINE MESSAGE</div>
<div class="kbottom"></div>
</div>
<div class="leavemessage">
<div class="leavemessgeitem">
<div class="leavemessageitemleft">您的姓名:</div>
<div class="leavemassageitemright">
<input type="text">
</div>
<div class="xing">*</div>
</div>
<div class="leavemessgeitem">
<div class="leavemessageitemleft">联系地址:</div>
<div class="leavemassageitemright">
<input type="text">
</div>
<div class="xing"></div>
</div>
<div class="leavemessgeitem">
<div class="leavemessageitemleft">公司名称:</div>
<div class="leavemassageitemright">
<input type="text">
</div>
<div class="xing"></div>
</div>
<div class="leavemessgeitem">
<div class="leavemessageitemleft">联系邮箱:</div>
<div class="leavemassageitemright">
<input type="text">
</div>
<div class="xing">*</div>
</div>
<div class="messagenei">
<div class="leavemessageitemleft">留言内容:</div>
<div class="leavemassageitemright yanzhengr">
<textarea name="" id="" cols="30" rows="10"></textarea>
<!-- <input type="text"> -->
</div>
<div class="xing">*</div>
</div>
<div class="yanzhengma">
<div class="yanzhengmaleft">
<div class="yanzhengleft">
<div class="leavemessageitemleft leavecontent ">验证码:</div>
<div class="leaveinput">
<input type="text">
</div>
</div>
<div class="picyanzheng">
<canvas id="canvas" width="100px" height="38px"
style="border: 1px solid #ccc;border:none
"></canvas>
</div>
<div class="xing">*</div>
</div>
<div class="yanzhengmaright" onclick="dj()">点击刷新图片</div>
</div>
</div>
<div class="leavebtn">
<div class="leavebtnleft">提交</div>
<div class="leavebtnright">重置</div>
</div>
</div>
<!--下载-->
<div class="dowmload downloadactive">
<div class="tongfutop">
<div class="kttop">资料下载</div>
<div class="kmiddle">DATA DOWNLOAD</div>
<div class="kbottom"></div>
</div>
<div class="lianxiusboxtop">
<div class="lianxiusboxtopitem ">
<div>同福</div>
<div>现代农业产品</div>
</div>
<div class="lianxiusboxtopitem">
<div>同福</div>
<div>健康食品产业</div>
</div>
<div class="lianxiusboxtopitem">
<div>同福</div>
<div>连锁餐饮产业</div>
</div>
<div class="lianxiusboxtopitem">
<div>同福</div>
<div>智慧康养产业</div>
</div>
</div>
<div class="downbox">
<div class="downboximg">
<img src="img/downone.png" alt="">
</div>
<div class="downboximg">
<img src="img/downtwo.png" alt="">
</div>
</div>
<div class="leavebtn downbtn">
<div class="leavebtnleft">下载</div>
</div>
</div>
</div>
</div>
</div>
<div class="kbix"></div>
<!-- 底部-->
<div class="footer">
<div class="backtop">
<img src="img/back.png" alt="">
</div>
<div class="footertop">
<div class="footertopbox">
<div class="footeritem zuo">
<div class="footeritemtop">
<img src="img/jituan.png" alt="">
</div>
<div class="footeritembottom">
<div class="footebimg join" data-id="1">
<img src="img/qie.png" alt="">
</div>
<div class="footebimg join" data-id="1">
<img src="img/weixin.png" alt="">
</div>
<div class="footebimg join" data-id="1">
<img src="img/xinlang.png" alt="">
</div>
<div class="footebimg">
<a href="https://tongfushipin.tmall.com/?spm=a1z10.3-b-s.1997427721.d4918089.181c21b4kVhsHP">
<img src="img/gouwu.png" alt="">
</a>
</div>
</div>
</div>
<div class="footeritem connectfoot">
<div class="liantopname">
联系我们
</div>
<div class="liantopengname">CONTACT US</div>
<div class="lianbox">
<div class="lianboxitem">地址:安徽省芜湖市繁昌经济开发区</div>
<div class="lianboxitem">电话:0553-7718368/400-668-7718</div>
<div class="lianboxitem">传 真:0553-7718387</div>
<div class="lianboxitem youxiang">邮箱:TONGFUKEFU@TONGFUGROUP.COM</div>
</div>
</div>
<div class="footeritem hotline">
<div class="liantopname">
服务热线
</div>
<div class="liantopengname">SERVICE HOTLINE</div>
<div class="lianbox">
<div class="lainboxitem re">
销售热线:<text class="number">0553-7718368</text></div>
<div class="lianboxitem re">
售后服务:<text class="number">400-668-7718 </text>
</div>
<div class="lianboxitem ">
<text class="join" data-id="2"> 在线留言</text>/ <text class="join" data-id="1">加入我们</text>
</div>
</div>
<!-- <div class="lianbox">-->
<!-- <div class="lianboxitem">地址:安徽省芜湖市繁昌经济开发区</div>-->
<!-- <div class="lianboxitem">电话:0553-7718368/400-668-7718</div>-->
<!-- <div class="lianboxitem">传 真:0553-7718387</div>-->
<!-- <div class="lianboxitem">邮箱:TONGFUKEFU@TONGFUGROUP.COM</div>-->
<!-- </div>-->
</div>
<div class="footeritem pictu">
<div class="footimglist">
<div class="footimgk">
<img src="img/wei.png" alt="">
</div>
<div class="footname">微信公众号</div>
</div>
<div class="footimglist">
<div class="footimgk">
<img src="img/tianmao.png" alt="">
</div>
<div class="footname">天猫旗舰店</div>
</div>
<div class="footimglist">
<div class="footimgk">
<img src="img/tong.png" alt="">
</div>
<div class="footname">同福好铺</div>
</div>
</div>
</div>
</div>
<div class="footerbottom">
<div class="footerbottombox">
<div class="footerbottomleft">COPYRIGHT © 2018.同福集团 皖ICP备18022552号-1 ALL RIGHTS RESERVED. </div>
<div class="footerbottomright">
<div class="rightitem">加入同福</div>
<div class="rightitem">相关链接</div>
<div class="rightitem">隐私政策</div>
<div class="rightitem">网站地图</div>
<div class="rightitem">联系我们</div>
</div>
</div>
</div>
</div>
</body>
<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/swiperfour.min.js"></script>
<script src="js/jquery.sPage.js"></script>
<script src="js/base.js"></script>
<script>
$(".navmiddle").click(function(){
window.location.href='index.html'
})
$(".nongyebanner").click(function(){
window.location.href='tongfuchanye.html?id='+2
})
$(".zhihuibanner").click(function(){
window.location.href='tongfuchanye.html?id='+4
})
$(".jiankangbanner").click(function(){
window.location.href='tongfuchanye.html?id='+1
})
$(".liansuobanner").click(function(){
window.location.href='tongfuchanye.html?id='+3
})
var typeid=GetQueryString('typeid');
if(typeid!=null){
$('html,body').animate({scrollTop: '600px'}, 800)
}
var showid= GetQueryString('id');
console.log(showid)
var item=$(".connectour")
if(showid==1){
$('html,body').animate({scrollTop: '600px'}, 800)
console.log(999)
$(".lianxiusactive").show();
$(".liuyanactive").hide();
$(".downloadactive").hide();
$(item[0]).children(".tongmingzi").addClass("tongmingactive");
$(".yinxiangtopname").html("联系我们");
}else if(showid==2){
$('html,body').animate({scrollTop: '600px'}, 800)
console.log(888)
$(".lianxiusactive").hide();
$(".liuyanactive").show();
$(".downloadactive").hide();
$(item[1]).children(".tongmingzi").addClass("tongmingactive");
$(".yinxiangtopname").html("在线留言");
}else if(showid==3){
$('html,body').animate({scrollTop: '600px'}, 800)
$(".lianxiusactive").hide();
$(".liuyanactive").hide();
$(".downloadactive").show();
$(item[2]).children(".tongmingzi").addClass("tongmingactive");
$(".yinxiangtopname").html("资料下载");
}
var mySwiper = new Swiper ('.bannercontainer', {
autoplay:true,
loop: true, // 循环模式选项
centeredSlides : false,
duration:1000,
pagination: {
el: '.swiper-pagination',
clickable :true,
},
// slidesOffsetBefore : 280,
// spaceBetween : 10,
})
// 联系我们
$(".connect .tongfuboxleftitem").click(function(){
var id=$(this).attr("data-id");
console.log(id)
$(this).children(".tongmingzi").addClass("tongmingactive");
$(this).siblings(".tongfuboxleftitem").children(".tongmingzi").removeClass("tongmingactive");
if(id==1){
$(".lianxius").show();
$(".liuyan").hide();
$(".dowmload").hide();
$(".yinxiangtopname").html("联系我们");
}else if(id==2){
$(".lianxius").hide();
$(".liuyan").show();
$(".dowmload").hide();
$(".yinxiangtopname").html("联系我们 > 在线留言")
}else if(id==3){
$(".lianxius").hide();
$(".liuyan").hide();
$(".dowmload").show();
$(".yinxiangtopname").html("联系我们 > 资料下载")
}
})
// 联系我们顶部切换
$(".connecttop").mouseenter(function(){
$(this).children(".lianxiusboxtopitem").hide();
$(this).children(".connectimg").show()
})
$(".connecttop").mouseleave(function(){
$(this).children(".lianxiusboxtopitem").show();
$(this).children(".connectimg").hide()
})
//资料下载顶部切换
$(".lianxiusboxtopitem").mouseenter(function(){
$(this).addClass("liannongactive");
})
$(".lianxiusboxtopitem").mouseleave(function(){
$(this).removeClass("liannongactive");
})
$(".join").click(function(){
let id=$(this).attr("data-id")
if(id==1){
window.location.href='connectus.html?id='+1
}else if(id==2){
window.location.href='connectus.html?id='+2
}
})
</script>
<!--图片验证-->
<script>
var show_num = [];
draw(show_num);
function dj(){
draw(show_num);
}
function draw(show_num) {
var canvas_width=document.getElementById('canvas').clientWidth;
var canvas_height=document.getElementById('canvas').clientHeight;
var canvas = document.getElementById("canvas");//获取到canvas的对象,演员
console.log(canvas)
var context = canvas.getContext("2d");//获取到canvas画图的环境,演员表演的舞台
canvas.width =100;
canvas.height =38;
console.log(canvas_width);
console.log(canvas_height)
var sCode = "A,B,C,E,F,G,H,J,K,L,M,N,P,Q,R,S,T,W,X,Y,Z,1,2,3,4,5,6,7,8,9,0,q,w,e,r,t,y,u,i,o,p,a,s,d,f,g,h,j,k,l,z,x,c,v,b,n,m";
var aCode = sCode.split(",");
var aLength = aCode.length;//获取到数组的长度
for (var i = 0; i <= 3; i++) {
var j = Math.floor(Math.random() * aLength);//获取到随机的索引值
var deg = Math.random() * 30 * Math.PI / 180;//产生0~30之间的随机弧度
var txt = aCode[j];//得到随机的一个内容
show_num[i] = txt;
var x = 10 + i * 20;//文字在canvas上的x坐标
var y = 20 + Math.random() * 8;//文字在canvas上的y坐标
context.font = "bold 23px 微软雅黑";
context.translate(x, y);
context.rotate(deg);
context.fillStyle = randomColor();
context.fillText(txt, 0, 0);
context.rotate(-deg);
context.translate(-x, -y);
}
for (var i = 0; i <= 5; i++) { //验证码上显示线条
context.strokeStyle = randomColor();
context.beginPath();
context.moveTo(Math.random() * canvas_width, Math.random() * canvas_height);
context.lineTo(Math.random() * canvas_width, Math.random() * canvas_height);
context.stroke();
}
for (var i = 0; i <= 30; i++) { //验证码上显示小点
context.strokeStyle = randomColor();
context.beginPath();
var x = Math.random() * canvas_width;
var y = Math.random() * canvas_height;
context.moveTo(x, y);
context.lineTo(x + 1, y + 1);
context.stroke();
}
}
function randomColor() {//得到随机的颜色值
var r = Math.floor(Math.random() * 256);
var g = Math.floor(Math.random() * 256);
var b = Math.floor(Math.random() * 256);
return "rgb(" + r + "," + g + "," + b + ")";
}
</script>
</html>
... ...
*{
padding: 0;
margin:0;
}
.box{
min-width:1200px;
}
body,html{
cursor: pointer;
}
img {
width: 100%;
height: 100%;
}
.bannerimg{
/*width:100%;*/
/*height:666px;*/
font-size:0;
position: relative;
}
.bannercontainer{
/*width:100%;*/
/*height:666px;*/
font-size:0;
}
.jianzhuyeactive{
/*display:none*/
}
/*轮播图*/
.swiper-pagination-bullet-active {
opacity: 1;
background: #C41C27;
}
.headnav{
width:1200px;
height:50px;
position: absolute;
top:57px;
left:50%;
transform: translateX(-50%);
z-index:999;
}
.tomngfu{
width:100%;
height:980px;
background: #fff;
}
.tomngfuk{
width:100%;
height:980px;
background: #EAEAEA;
overflow: hidden;
}
.tongfuitem{
width:1080px;
margin:67px auto 0;
overflow: hidden;
}
.navleft{
background: #fff;
width:488px;
height:50px;
float:left;
display: flex;
-moz-box-align: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-moz-box-pack: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
}
.navmiddle{
width:215px;
height:50px;
background:#C41C27;
float:left;
display:flex;
align-items: center;
justify-content: center;
}
.middleimg{
width:158px;
height:26px;
font-size: 0;
/*margin:0 auto;*/
/*display:inline-block;*/
}
.headnavright{
background: #fff;
width:490px;
height:50px;
float:left;
line-height: 50px;
display:flex;
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
-moz-box-align: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-moz-box-pack: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
}
.search{
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-moz-box-align: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-moz-box-pack: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
}
.searchbox{
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-moz-box-align: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-moz-box-pack: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
width:117px;
border:1px solid #ABAEB6;
height:18px;
}
.serchboxleft{
width:107px;
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-moz-box-align: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-moz-box-pack: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
}
.serchboxleft input{
width:100%;
height:100%;
background: transparent;
border:none;
outline: none;
padding: 0 10px;
box-sizing: border-box;
}
.searchboxright{
width:15px;
height:15px;
font-size: 0;
}
.searchboxright img{
display:block
}
.navleftitem{
color:#666666;
font-weight: bold;
height:50px;
/*background: #E2211C;*/
font-size: 16px;
padding: 0 33px;
box-sizing: border-box;
display:flex;
align-items: center;
/*float:left;*/
/*line-height: 50px;*/
}
.rightnavitem{
color:#666666;
font-weight: bold;
height:50px;
/*background: #E2211C;*/
font-size: 16px;
padding: 0 33px;
box-sizing: border-box;
display:flex;
align-items: center;
padding: 0 17px;
}
.navblock{
position: relative;
}
.navblockactive{
color:#FCD199;
background: #C41C27;
}
.navleftitembox{
width:115px;
position: absolute;
left:0;
top:50px;
z-index:999;
display:none
}
.navleftitemboxitem{
width:130px;
height:51px;
background: #fff;
text-align: center;
line-height: 51px;
border-bottom:1px solid #CDCDCF;
/*display:flex;*/
/*align-items: center;*/
/*justify-content: center;*/
color:#666666;
font-size: 16px;
position: relative;
opacity: 0.8;
}
.rightboxitem{
width:99px!important;
}
.navboxitem{
width:100px;
position: absolute;
right:-100px;
top:0;
}
.navboxitemitem{
width:100px;
height:51px;
background: #fff;
color:#666666;
font-size: 12px;
text-align: center;
line-height: 51px;
border-bottom:1px solid #dedede;
opacity: 0.8;
}
.navboxitemitemzctive{
background:#C41C27 ;
color:#FCD199;
}
.navboxitemitemactive{
background:#C41C27 ;
color:#FED298
}
.chanbox{
width:188px;
left:0;
}
.navboxitem{
display:none
}
.navleftitemname{
}
.chanboxitem{
width:188px;
height:51px;
}
.navleftitemnameactive{
background: #C41C27;
color:#FED298
}
.tongfutop{
/*margin-bottom:10px;*/
}
.kttop{
color:#B91D28;
font-size:48px;
font-weight: bold;
}
.kmiddle {
color: #C0C0C0;
font-size: 18px;
font-weight: bold;
}
.kbottom{
width:25px;
height:7px;
background:#B91D28 ;
margin-top:10px;
}
.tongfubannerleft{
width:1080px;
height:380px;
/*float:left;*/
}
.tongfucontainer{
height:380px;
}
.tongfupage{
/*text-align: right;*/
/*padding-right: 35px;*/
/*box-sizing: border-box;*/
}
.tongfubanner{
margin-top:47px;
}
.tongfubannerright{
width:423px;
height:380px;
background: #C41C27;
padding:43px 37px 20px 59px ;
box-sizing: border-box;
float:left;
/*position: absolute;*/
/*right:0;*/
/*bottom:0;*/
/*z-index:999;*/
/*float:left*/
}
.tongfurightname{
color:#EEBE9B;
font-size: 30px;
font-weight: bold;
}
.tingfurightyname{
color:#FFFFFF;
font-size: 15px;
}
.tongfuxian{
width:24px;
height:7px;
background: #EEBE9B;
margin-top:10px;
}
.tongfutext{
color:#fff;
font-size: 13px;
width:100%;
height:136px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
overflow: hidden;
opacity: 0.8;
margin-top:21px;
line-height: 28px;
letter-spacing: 2px;
}
.tongfubottom{
overflow: hidden;
margin-top:60px;
}
.tonfubottomitem{
float:left;
color:#fff;
font-size: 13px;
opacity: 0.8;
margin-right:26px;
}
.tonfubottomitem:last-child{
margin-right:0
}
.tongactive{
color:#fff;
opacity:1;
font-size: 14px;
}
.dongshiboxpage{
overflow: hidden;
width:1080px;
margin:21px auto 0;
}
.dongshiactive{
display:none
}
.dongshileft{
float:left;
width:534px;
height:280px;
font-size: 0;
background: #fff;
position: relative;
}
.dongshiright{
width:526px;
height:280px;
font-size:0;
float:left;
margin-left:20px;
position: relative;
}
.tanceng{
width:100%;
height:280px;
background:#101722 ;
opacity: 0.5;
position: absolute;
top:0;
left:0;
}
.anniu{
width:108px;
height:108px;
font-size:0;
position: absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%);
}
.jiyu{
position: absolute;
top:34px;
right:38px;
color:#666666;
font-size: 30px;
letter-spacing: 2px;
}
.jiyubottom{
color:#666666;
font-size: 13px;
width:225px;
height:87px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:3;
margin-top:6px;
line-height: 28px;
}
.tongfukj{
width:1080px;
margin:100px auto 0;
}
.tomngfuktop{
display:flex;
align-items: center;
overflow: hidden;
}
.rightone{
margin-left:13px;
}
.chanyebox{
width:534px;
display:flex;
align-items: center;
position: relative;
}
.tongfuktopleft{
width:289px;
height:262px;
font-size:0;
position: relative;
z-index: 999;
}
.chanyeright{
width:264px;
height:267px;
font-size:0;
position: absolute;
right:0;
top:0;
}
.tongfuktopright{
width:526px;
margin-left:20px;
height:262px;
font-size:0;
float:left;
position: relative;
}
.tongfuone{
margin-top:47px;
}
.tongfutwo{
margin-top:15px;
}
.toneimgbox{
position:absolute;
top:50%;
left:47%;
transform: translate(-50%,-50%);
}
.toneimg{
width:143px;
height:95px;
font-size: 0;
}
.tonename{
margin-top:13px;
color:#585757;
font-size: 40px;
font-weight: bold;
text-align: center;
}
.tongpro{
color:#585757;
font-size:24px;
margin-top:14px;
text-align: center;
}
.twoname,.twopro{
color:#EEBE9B
}
.tongfubannerk{
width:100%;
height:624px;
background: #fff;
}
.newsboxpage{
width:100%;
height:880px;
background: #EAEAEA;
overflow: hidden;
}
.newsbox{
width:100%;
/*height:903px;*/
/*background: #EAEAEA;*/
/*overflow: hidden;*/
}
.newsboxitem{
width:1080px;
margin:101px auto 0;
}
.newspage{
width:1080px;
height:530px;
background: #fff;
margin-top:46px;
overflow-y: scroll;
}
.nespageleft{
overflow: hidden;
float:left
}
.nespageright{
float:right;
letter-spacing: 2px;
}
.newspagetopitem{
float:left;
color:#666666;
font-size: 23px;
font-weight: bold;
}
.nespageright{
color:#666666;
font-size: 16px;
}
.newspagetop{
padding: 46px 28px 84px 41px;
box-sizing: border-box;
}
.tai{
padding-right: 51px;
box-sizing: border-box;
}
.xun{
padding: 0 51px;
box-sizing: border-box;
border-right:1px solid #AFAFB0;
border-left:1px solid #AFAFB0;
}
.huo{
padding-left: 51px;
box-sizing: border-box;
}
.newactive{
color:#C41C27;
}
.newspageboxitem{
/*height:78px;*/
padding: 10px 19px 10px 41px ;
box-sizing: border-box;
overflow: hidden;
color:#949495
}
.newspageboxitemleft{
float:left
}
.newspageboxitemlefttop{
font-size: 14px;
position: relative;
padding-left: 10px;
}
.newspageboxitemlefttop:before {
display: block;
content: '';
width: 5px;
height: 5px;
border-radius: 50%;
background: #8F8F90;
position: absolute;
top: 7px;
left: 0
}
.notop{
padding-left: 0;
box-sizing: border-box;
}
.notop:before{
display:block;
content:'';
width:5px;
height:5px;
border-radius: 50%;
background: transparent;
position: absolute;
top:7px;
left:0
}
.newspageboxitemname{
font-size: 10px;
opacity: 0.8;
margin-top:6px;
display:none
}
.newspageboxitemright{
float:right;
font-size: 14px;
}
.newspagebox{
margin-top:20px;
}
.newsxuan{
background: #C41C27;
color:#fff;
}
.hangzi,.health{
display:none
}
.rongyu{
width:100%;
height:999px;
background: #fff;
overflow: hidden;
}
.rongyuitem{
width:1080px;
margin:99px auto 0;
}
.tongfutbox{
overflow: hidden;
width:1127px;
padding-left: 35px;
box-sizing: border-box;
}
.tongfutboxitem{
margin-top:37px;
margin-right:10px;
float:left;
}
.tongfutboxitemtop{
width:345px;
height:260px;
font-size: 0;
}
.tongfutboxitemtop img{
display: block;
width: 100%;
height: 100%;
transition: all 1s;
position: relative;
z-index: 999;
}
.tongfutboxitemtop img:hover {
transition: transform .5s ease-out;
-o-transition: transform .5s ease-out;
-webkit-transition: transform .5s ease-out;
-moz-transition: transform .5s ease-out;
transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
}
.tongfutboxitemname{
width:345px;
text-align: center;
color:#666666;
font-size: 18px;
margin-top:32px;
}
.footertop{
width:100%;
height:387px;
background: #C41C27;
overflow: hidden;
/*padding: 84px 54px ;*/
/*box-sizing: border-box;*/
}
.footertopbox{
width:1165px;;
margin:84px auto 0;
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-moz-box-align: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: flex-end;
-moz-box-pack: flex-end;
-webkit-box-pack: flex-end;
-ms-flex-pack: flex-end;
justify-content: space-between;
}
.footer{
width:100%;
position: relative;
}
.backtop{
width:63px;
height:53px;
font-size: 0;
position: absolute;
top:-46px;
left:50%;
transform: translateX(-50%);
}
.footeritem{
position: relative;
padding-right:21px ;
box-sizing: border-box;
width:335px;
/*width:25%;*/
/*float:left*/
}
.footeritem:after{
display:block;
content:'';
width:1px;
height:104px;
background: #FED298;
position: absolute;
right:0px;
bottom:0
}
.zuo{
width:240px;
display:flex;
flex-direction: column;
justify-content: center;
align-items: flex-end;
}
.zuo:after{
display:block;
content:'';
width:1px;
height:104px;
background: #FED298;
position: absolute;
right:0px;
bottom:0
}
.footeritem:last-child:after{
display:block;
content:'';
width:1px;
height:104px;
background: transparent;
position: absolute;
right:0;
bottom:0
}
.footeritem:last-child{
padding-right: 0;
}
.footeritemtop{
width:140px;
height:119px;
font-size: 0;
margin:0 auto 18px;
}
.footeritembottom{
width:240px;
/*overflow: hidden;*/
display:flex;
align-items: center;
justify-content: center;
}
.footebimg{
width:40px;
height:40px;
font-size: 0;
/*float:left;*/
margin-right:16px;
}
.footebimg:last-child{
margin-right:0;
margin-left:5px;
}
.lianbox {
margin-top: 30px;
color: #FFFFFF;
font-size: 12px;
opacity: 0.8;
height:85px;
}
.liantopname{
color:#FED298;
font-size: 26px;
font-weight: bold;
}
.liantopengname{
color:#FFFFFF;
font-size: 15px;
margin-top:5px;
}
.footimgk{
width:75px;
height:75px;
font-size:0
}
.footname{
color:#FFFFFF;
font-size:12px;
text-align: center;
margin-top:10px;
width:75px;
text-align: center;
}
.footimglist{
width:99px;
float:left;
padding-left: 31px;
box-sizing: border-box;
}
.pictu{
overflow: hidden;
margin-top:52px;
}
.number{
color:#fff;
font-size: 17px;
font-weight: bold;
white-space: nowrap;
}
.lianboxitem{
margin-bottom:5px;
}
.youxiang{
width:259px;
word-break: break-all;
line-height: 1.5;
}
.connectfoot{
width:320px;
padding: 0 31px ;
box-sizing: border-box;
}
.hotline{
width:261px;
padding: 0 31px;
box-sizing: border-box;
}
.footerbottom{
width:100%;
height:55px;
background: #fff;
}
.footerbottombox{
width:1329px;
margin:21px auto 0;
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-moz-box-align: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-moz-box-pack: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-moz-box-pack: space-between;
-webkit-box-pack: space-between;
box-pack: space-between;
}
.footerbottomleft{
color:#4D4D4D;
font-size: 12px;
}
.footerbottomright{
color:#4D4D4D;
font-size: 12px;
display:flex;
align-items: center;
}
.rightitem{
padding: 0 5px;
border-right: 1px solid #4D4D4D;
}
.rightitem:last-child{
border-right:none;
}
/*同福印象*/
.kbix{
width:100%;
height:200px;
background: #fff;
}
.yinxiang{
min-width: 1200px;
}
.yinxiangtop{
width:100%;
height:62px;
background:#C81A27 ;
}
.yinxiangtopname{
width:1200px;
margin:0 auto;
color:#FED298;
font-size: 20px;
line-height: 62px;
}
.tongfubox{
width:1200px;
margin:127px auto 0;
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.tongfuyinbox{
margin-top:65px;
}
.tongfuboxleft{
width:230px;
margin-top:10px;
}
.tongfuboxleftitem{
color:#666666;
font-size: 22px;
margin-bottom:60px;
}
.tongfuboxright{
width:900px;
}
.tongfuyinitem{
height:263px;
position: relative;
margin-top:48px;
margin-left:170px;
}
.yinone{
width:698px;
background: #D34852;
}
.yintwo{
width:605px;
background: #CEAF81;
}
.yinthree{
width:605px;
background: #CEAF81;
}
.tongfuyinitemimg{
width:578px;
height:260px;
font-size: 0;
position: absolute;
bottom:31px;
left:-171px;
}
.tongfutextk{
width:204px;
position: absolute;
right:40px;
top:30px;
display:none;
line-height: 28px;
}
.tongfutexttop{
color:#FFFFFF;
font-size: 30px;
font-weight: bold;
}
.tongfutextcontent{
width:204px;
color:#FFFFFF;
font-size:14px;
margin-top:33px;
}
.wenhuaword{
color:#FFFFFF;
font-size: 30px;
position: absolute;
top:108px;
right:34px;
}
.moren{
}
.morenactive{
display:none
}
.intro{
}
.introactive{
display:none
}
.introtop{
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-moz-box-pack: space-between;
-webkit-box-pack: space-between;
box-pack: space-between;
margin-top:47px;
width:866px;
}
.introtopleft{
width:422px;
height:257px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 8;
overflow: hidden;
color:#C29B61;
font-size: 16px;
line-height: 28px;
}
.introtoprightimg {
width: 401px;
height: 251px;
font-size: 0;
position: relative;
}
.introwrap{
width:100%;
height:100%;
background: #21364C;
opacity: 0.8;
position:absolute;
top:0;
left:0
}
.introwrapanniu{
width:82px;
height:82px;
font-size: 0;
position: absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%);
}
.introimg{
width:866px;
height:125px;
font-size: 0;
margin-top:51px;
}
.introtext{
color:#989898;
font-size: 16px;
margin-top:55px;
line-height:28px;
}
.introtextitem{
text-indent:20px;
margin-bottom:20px
}
.dongshitext{
}
.dongshitexttop{
color:#C29B61;
font-size: 16px;
text-indent: 20px;
margin-bottom:20px;
line-height: 28px;
}
.dongshitem{
color:#989898;
font-size: 16px;
text-indent: 20px;
margin-bottom:20px;
line-height: 28px;
}
.tongfukbox{
color:#666666;
font-size: 16px;
margin-top:23px;
display:none
}
.tongfukboxitem{
margin-bottom:35px
}
.tongfukactive{
color:#C81A27
}
.tongmingactive{
color:#C81A27
}
.qiyebox{
width:866px;
height:1324px;
font-size: 0;
margin-top:50px;
}
.qiyeactive{
display:none
}
.zhoudianboxtop{
color:#C29B61;
font-size: 20px;
margin-top:26px;
}
.zhoudianboxitem{
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin-top:39px;
justify-content: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
-moz-box-pack: space-between;
-webkit-box-pack: space-between;
box-pack: space-between;
}
.zhoudianboxitemleft{
width:430px;
height:300px;
}
.zhoudianleftitem{
color:#989898;
font-size: 16px;
text-indent: 20px;
margin-bottom:20px;
}
.zhoudianboxitemright{
width:387px;
height:296px;
font-size: 0;
}
.bookname{
color:#C29B61;
font-size: 20px;
margin-top:101px;
}
.bookimg{
width:866px;
height:422px;
font-size: 0;
margin-top:40px;
}
.zhoudianactive{
display:none
}
.zhouculturebox{
width:870px;
margin-top:45px;
}
.zhoucultureboxtop{
color:#C29B61;
font-size: 20px;
}
.zhoucultureitem{
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-moz-box-pack: space-between;
-webkit-box-pack: space-between;
box-pack: space-between;
color:#989898;
font-size: 16px;
margin-top:34px;
}
.zhoucultureitemleft{
width:414px;
height:243px;
}
.zhoucultureitemleftitem{
text-indent: 20px;
margin-bottom:20px;
font-size: 16px;
line-height: 1.5;
}
.zhoucultureitemright{
width:382px;
height:242px;
font-size: 0;
}
.bowuword{
margin-top:77px;
}
.bowuwordtext{
color:#C29B61;
font-size: 20px;
}
.bowuwordcontent{
color:#989898;
font-size: 16px;
text-indent: 20px;
margin-top:34px;
line-height: 1.5;
}
.bowuimg{
margin-top:46px;
}
.bowuimgtop{
width:870px;
height:300px;
font-size: 0;
}
.guantext{
color:#989898;
font-size:16px;
margin-top:15px;
text-align: center;
}
.zhoubox{
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-moz-box-align: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-moz-box-pack: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-moz-box-pack: space-between;
-webkit-box-pack: space-between;
box-pack: space-between;
margin-top:46px;
}
.zhoulefttop{
width:363px;
height:240px;
font-size: 0;
}
.zhoutext{
color:#989898;
font-size: 16px;
width:363px;
text-align: center;
margin-top:15px;
}
.zhourightimg{
width:472px;
height:240px;
font-size: 0;
}
.neigu{
width:472px;
}
.zhoucultureactive{
display:none
}
.nongzhantop{
color:#C29B61;
font-size: 16px;
line-height:28px;
text-indent: 20px;
margin-top:47px;
}
.nochangitemright{
float:left;
margin-left:21px;
}
.rightimg{
width:506px;
height:760px;
}
.nongchanimg{
margin-top:51px;
overflow: hidden;
}
.nongchanimgleft{
width:336px;
float:left;
}
.nongchanleftimgnboxtop{
width:336px;
height:224px;
font-size: 0;
}
.nongchantext{
width:336px;
color:#989898;
font-size: 16px;
margin:12px 0 12px;
text-align: center;
}
.nongchanlefimgbox{
}
.nongzhanactive{
display:none
}
.nongtunongimgbox{
width:871px;
margin-top:38px;
}
.nongtunongimg{
width:871px;
height:1500px;
font-size: 0;
}
.kejiimg{
width:871px;
height:1500px;
font-size:0
}
.kejiimgbox{
margin-top:38px;
width:871px;
}
.yinlingactive{
display:none
}
.hezuobox{
width:871px;
margin-top:38px;
}
.hezuoimg{
width:871px;
height:1500px;
font-size: 0;
}
.nongyeyanactive{
display:none
}
.chanxueyanactive{
display:none
}
.shipinyanzctive{
display:none
}
.jiankangactive{
display:none
}
.hezuoimg{
width:871px;
height:1500px;
font-size: 0;
}
.hezuobox{
width:871px;
margin-top:38px
}
.wenhua{
display:none
}
.yinqing{
display:none
}
.yinkactive{
/*display:none*/
}
/*同福产业*/
.tongfuimgbox{
margin-top:46px;
}
.tongfuimgboxitem{
width:800px;
height:276px;
font-size: 0;
margin-bottom:26px;
}
.healthbox{
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-moz-box-align: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-moz-box-pack: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-moz-box-pack: space-between;
-webkit-box-pack: space-between;
box-pack: space-between;
width:870px;
margin-top:48px;
}
.healthboxitem{
width:125px;
height:125px;
background: #CBCBCB;
color:#fff;
font-size:24px ;
font-weight: bold;
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction:column;
-moz-box-align: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-moz-box-pack: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-moz-box-pack: center;
-webkit-box-pack: center;
box-pack: center;
}
.tongboxactive{
display:none
}
.wanzhoubox{
width:870px;
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-moz-box-align: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-moz-box-pack: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: space-between;
flex-wrap: wrap;
margin-top:75px;
}
.wanzhouboxitem{
margin-bottom:40px;
}
.wanzhouboxitemtop{
width:240px;
height:240px;
font-size: 0;
}
.wanzhouboxitembottom{
width:240px;
height:118px;
background:#F0F0F0 ;
padding: 0 20px;
box-sizing: border-box;
overflow: hidden;
}
.fanqie{
background: #fff;
margin-top:20px;
}
.wanzhouboxitembottomactive{
background: #C81A27;
color:#fff;
}
.wanzhouname{
color:#666666;
font-size:18px;
text-align: center;
margin-top:18px;
}
.wnazhoutitle{
color:#666666;
font-size: 13px;
text-align: center;
margin-top:10px;
}
.wandetail{
width:80px;
height:26px;
color:#fff;
font-size: 14px;
text-align: center;
line-height: 26px;
background:#C81A27;
margin:12px auto;
}
.wanzhounameactive,.wnazhoutitleactive{
color:#fff;
}
.wandetailactive{
color:#C81A27;
background: #fff;
}
.mainhealth{
display:none
}
.guanactive{
display:none
}
.wanactive{
display:none
}
.yinpinactive{
display:none
}
.tangboxitem{
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin-top:68px;
}
.tangboxitemtext{
width:403px;
margin-top:44px;
color:#989898;
font-size: 16px;
line-height: 28px;
}
.tangboxcontent{
height:115px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
}
.uprow{
transform: rotate(180deg);
}
.tangboxitemleft{
width:345px;
height:232px;
font-size: 0;
}
.tangboxitemright{
margin-left:40px
}
.tangboxitemname{
width:106px;
height:32px;
background:#349FD5 ;
color:#fff;
font-size: 18px;
text-align: center;
line-height: 32px;
margin-top:12px;
}
.zhankai{
width:403px;
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-moz-box-align: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-moz-box-pack: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: flex-end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
-moz-box-pack: flex-end;
-webkit-box-pack: flex-end;
box-pack: flex-end;
}
.shou{
display:none
}
.zhankaileft{
width:20px;
height:15px;
font-size: 0;
}
.open{
color:#C29B61;
font-size: 16px;
margin-left:10px;
}
.weimian{
background: #00A13C;
}
.weifen{
background: #D46B6D;
}
.weizhou{
background: #E0B000;
}
.tangniaoactive{
display:none
}
.gaotieactive{
display:none
}
.tongfuhealth{
display:none
}
.chanactive{
/*display:none*/
}
.lianxiusboxtop{
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-moz-box-align: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-moz-box-pack: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
}
.lianxiusboxtopitem{
width:199px;
height:126px;
background: #CBCBCB;
margin-right:23px;
display:flex;
color:#FFFFFF;
font-size: 20px;
flex-direction:column;
justify-content: center;
align-items: center;
}
.lianxiusboxtop{
margin-top:47px;
}
.addressitem{
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
}
.addressitem{
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-moz-box-align: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-moz-box-pack: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
margin-bottom:37px;
}
.addressitemleft{
color:#C29B61;
font-size: 20px;
}
.addressitemright{
color:#CDCDCD;
font-size: 20px;
}
.addressbox{
margin-top:100px;
}
.connectcode{
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-moz-box-align: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-moz-box-pack: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
}
.itemtopimg{
width:146px;
height:146px;
font-size: 0;
}
.itemtopname{
width:146px;
text-align: center;
margin-top:27px;
color:#666666;
font-size:21px;
}
.connectcodeitem{
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction:column;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-moz-box-pack: space-between;
-webkit-box-pack: space-between;
box-pack: space-between;
margin-right:28px;
}
/*.lianxiusactive{*/
/* display:none*/
/*}*/
.leavemessageitemleft{
color:#666666;
font-size: 18px;
}
.leavemassageitemright{
width:704px;
border:1px solid #dedede;
border-radius:4px;
}
.leavemassageitemright input{
width:100%;
background: transparent;
border:none;
outline:none;
color:#666;
font-size:18px;
padding: 4px;
box-sizing: border-box;
}
.leavemassageitemright textarea{
width:100%;
height:100%;
padding: 3px;
box-sizing: border-box;
background: transparent;
border:none;
outline:none;
color:#666;
font-size:20px;
}
.xing{
color:#C81A27;
font-size: 20px;
}
/*在线留言*/
.leavemessage{
margin-top:46px;
}
.leavemessgeitem{
display: flex;
align-items: center;
justify-content: space-between;
width:868px;
height:62px;
background:#F2F2F2;
padding: 22px;
box-sizing: border-box;
margin-bottom:13px;
}
.messagenei{
display: flex;
justify-content: space-between;
width:868px;
height:242px;
background:#F2F2F2;
padding: 22px;
box-sizing: border-box;
margin-bottom:13px;
}
.yanzhengma{
display: flex;
align-items: center;
margin-bottom:13px;
}
.yanzhengmaleft{
display: flex;
align-items: center;
justify-content: space-between;
width:550px;
height:62px;
background:#F2F2F2;
padding: 22px;
box-sizing: border-box;
}
.leavecontent{
width:98px;
letter-spacing:8px;
}
.yanzhengleft{
display:flex;
align-items: center;
}
.leaveinput{
width:261px;
border:1px solid #dedede;
}
.leaveinput input{
width:100%;
height:100%;
border:none;
outline:none;
background: transparent;
padding: 4px;
box-sizing: border-box;
color:#666;
font-size:18px;
}
.yanzhengmaright{
width:195px;
height:62px;
background:#F2F2F2 ;
color:#666;
font-size: 18px;
text-align: center;
line-height: 62px;
margin-left:13px;
}
.leavebtn{
display:flex;
align-items: center;
justify-content: center;
margin-top:44px;
}
.leavebtnleft{
width:143px;
height:41px;
color:#fff;
font-size: 20px;
text-align: center;
line-height: 41px;
background: #C81A27;
}
.leavebtnright{
width:143px;
height:41px;
font-size: 20px;
text-align: center;
line-height: 41px;
color:#fff;
background: #666666;
margin-left:14px;
}
.connectactive{
/*display:none*/
}
.liuyan,.dowmload{
display:none
}
.downbox{
margin-top:58px;
}
.downboximg{
width:860px;
height:403px;
font-size: 0;
margin-bottom:34px;
}
.downbtn{
margin-top:100px;
}
.rongcontentitemtop{
width:245px;
height:65px;
background: #F1F1F1;
color:#989898;
font-size: 14px;
text-align: center;
line-height:65px ;
padding: 0 14px;
box-sizing: border-box;
}
.rongcontentimg{
width:245px;
height:213px;
font-size: 0;
}
.rongcontentimg img{
display: block;
width: 100%;
height: 100%;
transition: all 1s;
}
.rongcontentimg img:hover{
transition: transform .5s ease-out;
-o-transition: transform .5s ease-out;
-webkit-transition: transform .5s ease-out;
-moz-transition: transform .5s ease-out;
transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
}
.rongcontentitem{
margin-bottom:54px;
margin-right:52px;
}
.rongcontent{
display:flex;
align-items: center;
flex-wrap: wrap;
margin-top:57px;
}
.rongyuboxactive{
/*display:none*/
}
.rongyucontentitemtop{
width:412px;
height:267px;
font-size: 0;
}
.rongyucontentitembottom{
width:412px;
}
.datetop{
display:flex;
align-items: center;
justify-content: space-between;
}
.datetopleft{
color:#989898;
}
.rongyucontent{
display:flex;
align-items: center;
flex-wrap: wrap;
margin-top:52px;
}
.rongyucontentitem{
margin-right:30px;
margin-bottom:37px;
}
.rongyucontentitembottom{
width:412px;
height:100px;
background:#F1F1F1 ;
padding: 24px 12px;
box-sizing: border-box;
}
.datetop{
display:flex;
align-items: center;
justify-content: space-between;
}
.datetopleft{
color:#989898;
font-size: 14px;
}
.datetpright{
width:63px;
height:21px;
background:#989898 ;
color:#fff;
font-size: 14px;
text-align: center;
line-height: 21px;
}
.yearitemtop{
width:870px;
height:97px;
background: #F1F1F1;
color:#C29B61;
font-size: 43px;
line-height: 97px;
padding: 0 32px;
box-sizing: border-box;
margin-bottom:49px;
}
.datetext{
color:#989898;
font-size: 14px;
margin-top:10px;
}
.yearcontent{
width:870px;
}
.yearitembox{
display:flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
}
.yearitemboxitem{
/*margin-right:23px;*/
margin-bottom:14px;
}
.yearitemboxitemimg{
width:268px;
height:178px;
font-size: 0;
}
.yearitemboxitemtext{
width:268px;
height:178px;
font-size: 0;
}
.yearitemboxitemtext{
height:66px;
width:268px;
background:#F1F1F1 ;
/*padding: 16px 0;*/
/*box-sizing: border-box;*/
}
.yearitemboxitemtop{
color:#666;
font-size:14px;
text-align: center;
margin-top:10px;
}
.yearitembox{
display:none
}
.guanhuaiactive{
display:none
}
.tongfuboxactive{
display:none
}
.newscontenttop{
width:870px;
display:flex;
align-items: center;
justify-content: flex-end;
}
.newscontenttopi{
display:flex;
align-items: center;
justify-content: space-between;
width:86px;
height:24px;
border:1px solid #989898;
color:#989898;
font-size: 16px;
padding: 0 12px;
box-sizing: border-box;
}
.newsrowtop{
width:12px;
height:20px;
font-size: 0;
}
.newsrow{
margin-left:10px;
}
.xiarow{
margin-bottom:20px;
height:10px;
}
.shangrow{
margin-top:20px;
height:10px;
}
.newscontentyou{
margin-left:2px
}
.newscontentpageitem{
display:flex;
margin-top:51px;
}
.newscontentpageitemleft{
width:202px;
height:140px;
font-size: 0;
}
.newscontentpageitemmiddle{
color:#989898;
font-size: 16px;
margin-left:46px;
}
.newsitemtop{
margin-top:11px;
}
.newsitemmiddle{
margin-top:11px;
}
.newsitembottom{
width:500px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-top:6px;
}
.righttop{
color:#989898;
font-size: 24px;
}
.rightmiddle{
color:#989898;
font-size: 16px;
margin-top:10px;
text-align: center;
}
.rightbottom{
width:80px;
height:26px;
background: #C81A27;
color: #ffffff;
text-align: center;
line-height: 26px;
margin-top:10px;
}
.newscontentitempageright{
margin-left:50px;
}
.newsactive{
/*display:none*/
}
.tongfuhang,.tongfujian{
display:none
}
.boxactive{
display:none
}
.tongfurongactive{
/*display:none*/
}
.yinxiangactive{
/*display:none*/
}
.hangkongactive{
display:none
}
.nongyechanpinactive{
/*display:none*/
}
.nongyebox{
width:870px;
display:flex;
align-items: center;
justify-content: space-between;
margin-top:46px;
}
.nongyeboxitem{
width:254px;
height:126px;
background:#CBCBCB ;
color:#fff;
font-size: 24px;
text-align: center;
line-height:126px ;
}
.shengtaiyangzhi{
width:870px;
margin-top:77px;
}
.shengtaiimg{
width:870px;
height:1000px;
font-size: 0;
}
.yangzhi{
color:#C29B61;
font-size: 20px;
}
.nongyeboxitemactive{
background: #C81A27;
color:#fff;
}
.yangguo,.yangliang,.yangsheng{
display:none
}
.liansuobox{
width:870px;
display:flex;
align-items: center;
justify-content: space-between;
margin-top:45px
}
.lainsuoboxitem{
width:189px;
height:126px;
background: #CBCBCB;
color:#fff;
font-size: 24px;
display:flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.nongyechanyeactive{
display:none
}
.yangguo,.yangliang{
display:none
}
.liansuomain{
/*display:none*/
}
.liansuomainbox{
width:870px;
margin-top:45px;
}
.lainsuomainimg{
width:870px;
height:1000px;
font-size: 0;
}
.yingyangactive{
display:none
}
.zhoupuactive,.zhoupuactive,.mantougongfangactive,.centerchufangactive{
display:none
}
.lainsuoboxitemactive{
background: #C81A27;
color:#fff;
}
.tongfuliansuoactive{
display:none
}
.dichanbox{
width:870px;
margin-top:45px;
}
.dichanboximg{
width:870px;
height:1000px;
font-size: 0;
}
/*.shangyeactive,.kangyangactive{*/
/* display:none*/
/*}*/
.kangyangbox{
width:870px;
display:flex;
align-items: center;
justify-content: space-between;
margin-top:45px;
}
.kangyangboxitem{
width:253px;
height:126px;
background: #CBCBCB;
color:#fff;
font-size: 24px;
text-align: center;
line-height: 126px;
}
.kangyangboxitemactive{
background:#C81A27 ;
color:#fff;
}
.kangyangindexacitive{
display:none
}
.kangyangactive{
display:none
}
.hangzixun,.jianshenghuo{
display:none
}
.kangyang{
display:none
}
.dichan,.shangye,.yangkangzhu{
display:none
}
.connectimg{
width:199px;
height:126px;
font-size: 0;
position: relative;
margin-right:23px;
}
.lianxiusboxtopitemactive{
background:#C81A27;
color:#fff;
position: absolute;
top:57px;
left:0
}
.connectimg{
display:none
}
.liannongactive{
background:#C81A27;
color:#fff;
}
.agricultureimg{
width:630px;
height:286px;
font-size: 0;
position:relative;
margin-bottom:20px;
overflow: hidden;
}
.nongkimg{
width:800px;
}
.agricultureboxm{
width:327px;
height:286px;
position: absolute;
right:65px;
top:0;
display:flex;
align-items: center;
}
.nongyeyouimg{
right:-28px;
}
.tupian{
position: absolute;
right:0;
top:0;
}
.move{
animation:mymove 3s infinite;
-webkit-animation:mymove 3s
}
@keyframes mymove
{
from {right:-100px;}
to {right:0px;}
}
@-webkit-keyframes mymove /*Safari and Chrome*/
{
from {right:-100px;}
to {right:0px;}
}
.go{
animation:mygo 3s infinite;
-webkit-animation:mygo 3s
}
@keyframes mygo
{
from {
opcity: 1;
}
to {
opacity: 0;
}
}
@-webkit-keyframes mygo /*Safari and Chrome*/
{
from {
opcity: 1;
}
to {
opacity: 0;
}
}
.agriculturebox{
margin-top:48px;
}
.agricultureboxleft{
width:65px;
height:286px;
background: #CEAB67;
opacity: 0.8;
display:flex;
align-items: center;
justify-content: center;
}
.nongyeleft{
height:295px;
}
.agricultureboxleftimg{
width:44px;
height:44px;
font-size: 0;
}
.agricultureboxname{
width:234px;
height:286px;
background: #CEAF81;
color:#fff;
font-size:30px;
text-align: center;
line-height: 285px;
}
.nongyename{
height:295px;
}
.agricultureyangzhi{
width:800px;
height:286px;
position: absolute;
top:0;
right:0;
display:flex;
align-items: center;
z-index:99999
}
.agricultureyleft{
width:565px;
height:286px;
background: #CD565A;
display:flex;
align-items: center;
}
.agricultureybox{
width:69px;
height:290px;
display:flex;
align-items: center;
justify-content: center;
}
.agricultureyleftimg{
width:69px;
height:286px;
display:flex;
align-items: center;
justify-content: center;
}
.agricultureyleftimg{
width:44px;
height:44px;
font-size: 0;
}
.agricultureytext{
width:456px;
height:191px;
color:#fff;
font-size: 16px;
line-height: 1.5;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 7;
overflow: hidden;
}
.agricultureyboxname{
width:236px;
height:286px;
background: #D34852;
opacity: 0.8;
display:flex;
align-items: center;
justify-content: center;
color:#fff;
font-size: 30px;
}
.newsright{
display:flex;
align-items: center;
padding: 0 13px 0 30px;
box-sizing: border-box;
}
.newscontentpageitemmiddleactive{
background:#C81A27 ;
color:#fff;
}
.rightbottomactive{
color:#C81A27;
background: #fff;
}
.newsnameactive{
color:#fff
}
.newsboxdetal{
width:870px;
margin-top:45px;
}
.newsoximg{
width:870px;
height:1000px;
font-size: 0;
}
.newsdetail{
display:none
}
.congyuactive{
background: #C81A27;
color:#fff;
}
.datetprightactive{
color:#C81A27;
background: #fff;
}
.textactive{
color:#fff;
}
.guanhuaibox{
width:870px;
margin-top:45px;
}
.guanhuaiboximg{
width:870px;
height:1000px;
font-size: 0;
}
.lingdaoguandetail{
display:none
}
.yearitemtop{
display:flex;
align-items: center;
}
.rowjin{
width:36px;
height:30px;
font-size: 0;
}
.rowjin img{
display:block
}
.rowdate{
margin-left:5px;
}
.yourowimg{
transform: rotate(-90deg);
}
.xiarowtt{
display:none
}
#myPage1{
margin-top:40px;
}
.healthboxitemactive{
background:#C81A27;
color:#fff;
}
.shangleft{
background: #A11522;
opacity: 0.8;
}
.shangname{
background: #D34852;
}
#myPage3{
margin-top:40px;
}
.rongyu{
position:relative;
}
.seemoremany{
width:80px;
height:25px;
color:#fff;
font-size:13px;
text-align: center;
line-height: 25px;
background:#C41C27 ;
position: absolute;
bottom:20px;
right:190px;
}
.rongcontentitemtopactive{
background:#C81A27;
color:#fff;
}
.yellowname{
color:#EEBE9B
}
.yellowbox{
display:none
}
.redblock{
display:none
}
.chanyerightactive img{
display: block;
width: 100%;
height: 100%;
transition: transform .5s ease-out;
-o-transition: transform .5s ease-out;
-webkit-transition: transform .5s ease-out;
-moz-transition: transform .5s ease-out;
transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
}
.chanyeboxtongfu{
/*width:801px;*/
width:610px;
height:276px;
margin-bottom:26px;
overflow: hidden;
}
.chanyeboxtongfuleft{
width:340px;
height:276px;
z-index:999;
display:flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.chanyeboxtongfuright{
width:295px;
height:276px;
}
.re {
margin-bottom: 9.6px;
}
.picyanzheng{
background: #fff;
height:38px;
margin-left:20px;
margin-right:20px;
}
.register{
width:100%;
height:100%;
background-color: rgba(0, 0, 0, 0.5);
position: fixed;
top: 0;
left: 0;
right: 0;
z-index:99999;
display:none
}
.video{
/*width:600px;*/
/*height:400px;*/
/*position: absolute;*/
/*top:50%;*/
/*left:50%;*/
/*transform: translate(-50%,-50%);*/
/*z-index:99999999;*/
display:none
}
video{
border:none;
object-fit: fill;
}
.fanrong{
width:506px;
}
.yuanliangtop{
color:#C29B61;
font-size: 20px;
margin-top:81px;
}
.nongzhoutext{
color:#989898;
font-size:16px;
line-height: 28px;
margin-top:39px;
text-indent: 2px;
}
.yuanliangtopimg{
width:871px;
height:503px;
font-size: 0;
margin-top:50px;
}
.zhouname{
width:871px;
text-align: center;
margin-top:15px;
}
.kejiyinname{
color:#C29B61;
font-size: 16px;
margin-top:51px;
}
.kejiyintext{
color:#989898;
font-size:16px;
line-height:28px;
margin-top:30px;
}
.chanxueyanimg{
width:871px;
height:400px;
font-size: 0;
}
.chanxuetext{
color:#C29B61;
font-size:16px;
margin-top:51px;
line-height:28px;
}
.chanxuecontent{
color:#989898;
font-size: 16px;
line-height: 28px;
text-indent: 2px;
margin-top:30px;
}
.chanxueschool{
color:#C29B61;
font-size: 20px;
margin-top:58px;
}
.chanxueyanschool{
width:871px;
height:293px;
font-size:0;
margin-top:29px;
}
.nongyetext{
color:#C29B61;
font-size: 16px;
line-height: 28px;
margin-top:47px;
}
.nongyecontent{
color:#989898;
font-size:16px;
line-height: 28px;
margin-top:47px;
}
.yuanname{
color:#C29B61;
font-size: 20px;
margin-top:56px;
}
.yuanimg{
width:871px;
height:468px;
font-size: 0;
margin-top:30px;
}
.yuantext{
color:#989898;
font-size: 16px;
margin-top:30px;
line-height: 28px;
}
.shipintop{
color:#C29B61;
font-size: 16px;
line-height:28px;
margin-top:47px;
}
.chipintext{
color:#989898;
font-size: 16px;
line-height: 28px;
margin-top:30px;
}
.boshinamek{
color:#C29B61;
font-size: 20px;
margin-top:47px;
}
.boshi{
width:871px;
height:462px;
font-size: 0;
margin-top:30px;
}
.boshiname{
width:871px;
height:177px;
font-size: 0;
margin-top:50px;
}
.yanfaimg{
width:871px;
height:378px;
font-size:0;
margin-top:46px;
}
.yanfatext{
color:#C29B61;
font-size: 16px;
line-height: 28px;
margin-top:51px;
text-indent: 2px;
}
.yanfacontent{
color:#989898;
font-size: 16px;
margin-top:30px;
line-height: 28px;
}
.nongyeimg{
width:871px;
height:463px;
font-size: 0;
margin-top:47px;
}
.nongyewordimg{
width:871px;
height:461px;
font-size: 0;
margin-top:47px;
}
.nongyeword{
color:#C29B61;
font-size: 16px;
line-height:28px;
text-indent:2px;
margin-top:50px;
}
.nongyewordtext{
color:#989898;
font-size: 16px;
text-indent: 2px;
line-height: 28px;
margin-top:30px;
}
.xueshengbox{
width:871px;
overflow: hidden;
}
.xueshengleft{
width:415px;
height:400px;
font-size: 0;
float:left;
}
.xueshengright{
width:420px;
height:400px;
background:#F7F7F7 ;
margin-left:35px;
padding: 106px 42px;
box-sizing: border-box;
color:#C29B61;
font-size:20px;
line-height: 30px;
float:left;
display:flex;
align-items: center;
justify-content: center;
}
.wucan{
width:871px;
height:470px;
font-size: 0;
margin-top:34px;
}
.canche{
width:871px;
height:470px;
font-size: 0;
margin-top:34px;
}
.zhouputext{
color:#C29B61;
font-size: 16px;
line-height: 28px;
margin-top:51px;
}
.zhouimg{
width:871px;
height:400px;
font-size: 0;
margin-top:58px;
}
.zhoucontentitemtop{
color:#666666;
font-size: 16px;
font-weight: bold;
}
.zhoucontentitemword{
color:#989898;
font-size: 14px;
margin-top:13px;
}
.zhoucontent{
width:871px;
display:flex;
align-items: center;
justify-content: space-between;
flex-wrap:wrap;
}
.zhoucontentitem{
margin-top:49px;
padding: 0 22px;
box-sizing: border-box;
}
.zhoucontentitemactive{
color:#C81A27
}
.zhoucontentitem:nth-child(2n){
border-left:1px solid #BCBCBC;
border-right:1px solid #BCBCBC
}
.mantoutoo{
color:#C29B61;
font-size:16px;
line-height: 28px;
margin-top:50px;
}
.mantouimg{
width:871px;
height:457px;
font-size: 0;
margin-top:59px;
}
.mantouimgbox{
overflow: hidden;
margin-top:20px;
}
.mantouimgleft{
width:424px;
height:261px;
font-size: 0;
float:left
}
.mantouimgright{
margin-left:21px;
}
.chufangname{
color:#C29B61;
font-size: 20px;
margin-top:30px;
}
.chufangone{
width:871px;
height:518px;
font-size: 0;
margin-top:25px;
}
.dichantop{
width:871px;
height:80px;
font-size: 0;
position: relative;
}
.dichantext{
width:100%;
text-align: center;
color:#fff;
font-size: 16px;
position: absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%);
}
.dichanimg{
width:871px;
height:533px;
font-size: 0;
position: relative;
}
.dichanbottom{
width:871px;
height:68px;
position: absolute;
bottom:10px;
left:0;
}
.shangyename{
color:#C29B61;
font-size: 16px;
}
.shangyeimg{
width:871px;
height:454px;
font-size:0;
position: relative;
}
.shangyeone{
margin-top:57px;
}
.shangyetwo{
margin-top:28px;
}
.shangyekuang{
width:284px;
height:113px;
background:#D3A066 ;
opacity: 0.7;
position: absolute;
right:-42px;
bottom:0;
color:#fff;
font-size: 20px;
display:flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.kangyangtop{
width:871px;
height:103px;
font-size: 0;
margin-top:50px;
}
.kangyangtext{
color:#C29B61;
font-size: 16px;
line-height: 28px;
margin-top:50px;
}
.kangyangimgtwo{
width:871px;
height:411px;
font-size: 0;
margin-top:50px;
}
.kangyangtitle{
color:#C29B61;
font-size: 20px;
margin-top:50px;
}
.kangyangtext{
color:#989898;
font-size: 16px;
line-height: 28px;
}
.guanhuaitop{
color:#C29B61;
font-size: 20px;
margin-top:52px;
}
.guanhuaitiem{
color:#C29B61;
font-size: 12px;
text-align: center;
margin-top:27px;
}
.guanhuaiimg{
width:871px;
height:550px;
font-size:0;
margin-top:50px;
}
.guanhuantitle{
color:#989898;
font-size: 14px;
margin-top:30px;
}
.newname{
color:#C29B61;
font-size: 20px;
text-align: center;
margin-top:28px;
}
.newtime{
color:#C29B61;
font-size: 14px;
text-align: center;
margin-top:28px;
}
.newcontent{
color:#989898;
font-size: 16px;
text-indent: 2px;
line-height: 18px;
margin-top:50px;
}
.zanzhuimg{
width:213px;
height:275px;
font-size: 0;
margin:53px auto 0;
}
.zanzhutext{
width:240px;
color:#989898;
font-size: 16px;
margin:23px auto 0;
text-align: center;
}
.zanzhucontent{
color:#989898;
font-size: 16px;
text-indent: 2px;
margin-top:63px;
line-height: 28px;
}
.newsimgone{
width:651px;
height:434px;
font-size: 0;
margin:51px auto 0;
}
.newstext{
width:651px;
color:#989898;
font-size:16px;
text-align: center;
margin:24px auto 0;
}
.newsimgfour{
width:651px;
height:434px;
font-size: 0;
margin:0 auto 0;
}
.contextup{
color:#989898;
font-size: 16px;
margin-top: 100px;
}
.xia{
color:#989898;
font-size: 16px;
margin-top: 27px;
}
.liansuoname{
color:#C29B61;
font-size: 20px;
margin-top:50px;
}
.liansuoswiper{
width:871px;
height:415px;
margin-top:50px;
}
.chufanglefttop{
color:#C29B61;
font-size: 16px;
line-height: 28px;
text-indent: 2px;
margin-top:30px;
}
.chufangleftbottomtext{
color: #989898;
font-size: 16px;
line-height: 28px;
text-indent: 2px;
margin-top:30px;
}
.chufangbox{
overflow: hidden;
}
.chufangleft{
float:left;
width:555px;
}
.chufangright{
float:left;
width:236px;
margin-left:74px
}
.chufangitemrightitem{
overflow: hidden;
border-bottom:1px solid #707071;
padding-bottom: 15px;
box-sizing: border-box;
}
.chufangitemleft{
float:left;
width:105px;
}
.can{
color:#707071;
font-size:12px;
margin-top:20px;
}
.chufnagitemleftbototm{
overflow: hidden;
margin-top:5px;
}
.cannum{
float:left;
font-size:26px;
font-weight: bold;
color:#C79F62;
width:40px;
overflow: hidden;
text-overflow: ellipsis;
}
.canword{
color:#707071;
font-size: 22px;
float:left;
margin-left:20px;
margin-top:3px;
}
.chufangitemright{
width:76px;
height:76px;
font-size: 0;
float:left;
margin-left:55px;
margin-top:2px;
}
.liansuoswiper .swiper-container {
width:100%;
height:100%;
}
.canyiname{
color:#C29B61;
font-size: 20px;
margin-top:30px;
}
.tongfucanlist{
margin-top:56px;
}
.healthname{
color:#C29B61;
font-size: 16px;
margin-top:47px;
}
.healthcontent{
color:#989898;
font-size: 16px;
line-height: 28px;
margin-top:30px;
}
/*.swiper-container {*/
/* width: 600px;*/
/* height: 300px;*/
/*}*/
.tongfunei{
overflow: hidden;
}
.tongfuneibuimg{
width:657px;
height:380px;
font-size: 0;
float:left
}
.pagebullet{
bottom: 36px!important;
left: 0;
width: 100%;
}
.jiyutop{
font-size: 30px;
font-weight: bold;
}
.newsdettailcontent,.hangyedettailcontent,.lifedettailcontent{
display:none
}
.rongcontent .a{text-decoration:none}
.youjian{
/*margin-bottom:50px;*/
}
/*.youjian img{*/
/* width:100%;*/
/* height:100%;*/
/*}*/
.xiajian{
display:none
}
.youjianactive{
color:#B91D28
}tongfukboxitem
.xiajianactive{
color:#B91D28
}
.zhihuiimgbox{
width:890px;
}
.agricultureimgleft{
width:563px;
height:286px;
}
.jiannkangchanpinactive,.nongyechanyeactive,.tongfuliansuoactive,.kangyangactive{
margin-left:100px;
}
.newsdettailcontentnext,.newsdettailcontentup{
display:none
}
.dianname{
margin-left:10px;
}
.tongfukboxitem {
margin-left:10px;
}
.pagedemo{
display:flex;
align-items: center;
justify-content: center;
}
... ...
.spage-total {
margin-right: 20px;
line-height: 35px;
}
.spage-number,.spage-total {
display: inline-block;
color: #666;
font-size: 14px;
}
.spage-number span {
position: relative;
height:33px;
display: inline-block;
box-sizing: border-box;
margin-left: -1px;
padding: 0 14px;
border: 1px solid #ddd;
text-align: center;
line-height: 33px;
cursor: pointer;
transition: all .2s;
}
.spage-number span.active,.spage-number span.active:hover {
z-index: 3;
border-color: #C81A27;
background: #C81A27;
color: #fff;
}
.spage-number span:hover {
background-color: #eee;
}
.spage-number span.span-disabled {
color: #ccc;
cursor: not-allowed;
}
.spage-skip {
margin-left: 20px;
color: #666;
font-size: 14px;
}
.spage-skip,.spage-skip input {
display: inline-block;
line-height: 35px;
}
.spage-skip input {
box-sizing: border-box;
width: 45px;
height: 35px;
outline: 0;
border: 1px solid #ddd;
vertical-align: top;
text-align: center;
transition: all .2s;
}
.spage-skip input:focus {
border-color: #2d98e6;
}
.spage-skip span {
display: inline-block;
padding: 0 14px;
outline: 0;
border: 1px solid #ddd;
color: #666;
vertical-align: top;
line-height: 33px;
cursor: pointer;
transition: all .2s;
}
.spage-skip span:hover {
border: 1px solid #2d98e6;
background: #2d98e6;
color: #fff;
}
... ...
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
.diepic{
position: relative;
width: 1200px;
margin:100px auto 0 auto
}
.diepic h2{font-size:36px;margin-bottom:17px;text-align:center;font-weight:normal;line-height:42px;height:60px;}
.diepic .swiper-container {
/*padding-bottom: 60px;*/
}
.diepic .swiper-slide {
width: 50%;
height: 420;
background: #fff;
box-shadow: 0 6px 10px 0 rgba(20, 34, 67, .1);
transition: all .4s cubic-bezier(.4, 0, .2, 1);
cursor: pointer;
}
.diepic .swiper-slide img {
width:100%;
display: block;
}
.diepic .swiper-slide p {
line-height: 98px;
padding-top: 0;
text-align: center;
color: #636363;
font-size: 1.1em;
margin: 0;
}
.diepic .swiper-pagination {
width: 100%;
bottom: -85px;
}
.diepic .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px;
border: 3px solid #fff;
background-color: #030000;
width: 10px;
height: 10px;
opacity: .6;
}
.diepic .swiper-pagination-bullets .swiper-pagination-bullet-active {
width: 34px;
display: inline-block;
height: 10px;
border-radius: 10px;
transition: width .4s cubic-bezier(.4, 0, .2, 1);
background-image: linear-gradient(80deg, #0989c5, #995cb6);
opacity: 1;
}
.diepic .swiper-button-prev {
left: -128px;
top: 700px;
width:61px;
height: 61px;
}
.diepic .swiper-button-next {
right: -128px;
top: 700px;
width: 61px;
height: 61px;
}
.swiper-wrapper{
position: relative;
}
.yinname{
position: absolute;
bottom:0;
right:0;
}
... ...