﻿/** 清除内外边距 **/
body,
h1,
 
span,
 
blockquote, /* structural elements 结构元素 */
dl,
dt,
dd,
ul,
ol,
li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form,
fieldset,
legend,
button,
input,
textarea, /* form elements 表单元素 */
th,
td, /* table elements 表格元素 */
 
/** 设置默认字体 **/

body,
button,
input,
select,
textarea {font:12px 'PingFang SC', 'Microsoft YaHei', 'Helvetica', 'STHeitiSC-Light', 'Arial', 'sans-serif'}
input,
select,
form img,
button { vertical-align:middle; }
h1,
h2,
span,
h3,
h4,
h5,
h6 { font-size: 100%; }
em { font-style:normal; }
/** 重置列表元素 **/
ul,
ol { list-style: none; }
/** 重置超链接元素 **/
a { text-decoration: none; color:#666; }
a:hover{ text-decoration:none;}
/** 重置图片元素 **/
img { border:none; }
/** 重置表格元素 **/
/** 清楚浮动 **/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
textarea, input{resize:none}
a, textarea, input, button{outline:none}
.clear { clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
.coz{ clear:both; overflow:hidden; zoom:1}
.fr{ float:right !important;}
.fl{ float:left !important;}


 
 
.block3{width:100%; overflow: hidden;   }

.pic-warp{width:32%; border-radius:5px;  position: relative; overflow: hidden; float:left;}
.pic-warp div{width: 100%; height: 100%;  position: absolute;transition:all 0.35s; top:0;left:0;}
.pic-warp div span{width: 100%;transform:scale(0.9,0.9) display: block; height: 100%;transition:all 0.35s; border: 1px solid #fff; position: absolute; z-index:3;top: 0;left: 0; opacity: 0;}
.pic-warp:hover div span{transform:scale(0.9,0.9); opacity: 1;transition:all 0.35s;background:rgba(0, 0, 0, 0.5);}
.pic-warp img{transition:all 0.35s;}
.pic-warp:hover img{transform:scale(1.1,1.1);transition:all 0.35s;}
.pic-warp div h2{ font-size:26px; color:#ffffff; font-weight: normal; line-height: 188px; text-align: center; transform:scale(1.2,1.2);transition:all 0.35s;}
.pic-warp:hover div h2{transform:scale(1,1);transition:all 0.35s;}

/**三板块**/
.block4-warp{width:100%; margin: auto; overflow: hidden; margin-top: 30px;}
.lblock{width:32%;height:97%;margin:5px 1px;border-radius:5px;  background:url("../images/perblockbcg.jpg") ;background-size:100%; float:left;overflow:hidden;box-shadow:0px 0px 6px #ccc;}

.txtScroll-top{ width:75%; height:100%;  position:relative;      margin: 0 auto;  }
.txtScroll-top .hd{height:100%; width:100%;  position: absolute; z-index: 100; }
/* .txtScroll-top .hd .prev,.txtScroll-top .hd .next{ display:block;  width:26px; height:28px; float:right;  position: absolute; z-index: 100;left:160px; top:240px; overflow:hidden;
    cursor:pointer; background:url("../images/icoup.png") no-repeat;} */
    .txtScroll-top .hd .next{ display:block;  width:22px; height:24px;    position:absolute; z-index: 100; bottom:0;left:46%;  overflow:hidden;
    cursor:pointer; background:url("../images/icoup.png") no-repeat;background-size:100%;}

    .txtScroll-top .hd .prev{ display:block;  width:22px; height:24px;    position:absolute; z-index: 100;  top:0;left:46%;  overflow:hidden;
    cursor:pointer; background:url("../images/icodown.png") no-repeat;background-size:100%;}
/* .txtScroll-top .hd .next{ background:url("../images/icodown.png") no-repeat;  top:0; } */
.txtScroll-top .bd{width:100%; height:100%; overflow:hidden;  padding: 22px 0;  }
.txtScroll-top .infoList li{ width:100%; float:left; position: relative; margin-bottom: 5px;}
.txtScroll-top .infoList li span.spanr{width:60%; position:absolute; z-index: 1; display: inline-block;right:49px; bottom:0;color:#ffffff; padding:5px 10px; border-top-left-radius: 3px; border-top-right-radius: 3px;border-bottom-left-radius: 3px;float:right; background-color: #51bf87;}
.txtScroll-top .infoList li span.spanr i{ display: block;width:16px;height:24px; background: url("../images/r_l.png") no-repeat; position:absolute;
    z-index: 1; right:-16px; bottom:0;}
.txtScroll-top .infoList li .tou{float:right;width:42px;height:42px; border-radius: 100%; border:1px solid #563743;}


.txtScroll-top .infoList li span.spanl{ width:60%; position:absolute; z-index: 1; display: inline-block;left:49px; bottom:0;color:#ffffff; padding:5px 10px; border-top-left-radius: 3px; border-top-right-radius: 3px;border-bottom-right-radius: 3px;float:right; background-color: #0bacd3;}
.txtScroll-top .infoList li span.spanl i{ display: block;width:16px;height:24px; background: url("../images/l_l.png") no-repeat; position:absolute;
    z-index: 1; left:-16px; bottom:0;}
.txtScroll-top .infoList li .tou1{float:left;width:42px;height:42px; border-radius: 100%; border:1px solid #563743;}

/*左右切换*/
.zblock{width:32%;height:289px;border-radius:5px;box-shadow:0px 0px 6px #ccc;margin:5px 0 5px 2%; background:#fbf8f1;float:left;  }

.zslideBox{ width:300px;  position: relative; margin:4% auto;  }
.zslideBox .bd{ position:relative; height:100%; z-index:0; }
.zslideBox .bd li{width:300px;height:100%;float:left; }
.zslideBox .bd li .listDiv{width:100%;float:left; border-bottom:1px solid #339933;  padding:5px 0;}
.zslideBox .bd li .listDiv img{float:left;}
.zslideBox .bd li .listDiv .rcon{ width:63%;float:left;padding:0 0 0 10px;}
.zslideBox .bd li .listDiv .rcon h2{width:100%;float:left;    margin-bottom: 0 !important;}
.zslideBox .bd li .listDiv .rcon h2 a{font-size:14px; font-weight: normal; }
.zslideBox .bd li .listDiv .rcon h2 a b{font-size:12px;color:#48a347}
.zslideBox .bd li .listDiv .rcon p{width:100%;float:left; font-size:12px; color:#333333; margin-top: 5px;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.zslideBox .prev,
.zslideBox .next{ position:absolute; left:-30px; top:50%; margin-top:-9px; display:block; width:18px; height:18px; background:url(../images/arrow-2.png) 0 0 no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.zslideBox .next{ left:auto; right:-30px; background-position:-18px 0; }
.zslideBox .prev:hover,
.zslideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.zslideBox .prevStop{ display:none;  }
.zslideBox .nextStop{ display:none;  }

/**三板块 end**/
/***右侧切换***/
.Rblock{width:32%; height:97%; background:#fbf8f1;float:right;border-radius:5px;box-shadow:0px 0px 6px #ccc;margin:5px 2px 5px 0  }

.rTxtBox{ width:380px; height:287px; float:left;}
.rTxtBox .hd{width:72px; height:258px;float:left;}
.rTxtBox .hd ul{ float:left;  }
.rTxtBox .hd ul li{width:72px;height:72px; cursor:pointer; position: relative; font-size:14px; color:#ffffff; line-height:72px; text-align:center;float:left;}
.rTxtBox .hd ul li.on{}


.rTxtBox .hd ul li.bac1{ background: url("../images/slider1.png") no-repeat;   border-radius:5px 0 0 0 ;}
.rTxtBox .hd ul li.bac1 span{ display: block; width:7px;height:14px; background: url("../images/slider1sj.png") no-repeat; position: absolute; z-index: 100;right:-6px; top:50%; margin-top: -7px;}
.rTxtBox .hd ul li.bac2{ background: url("../images/slider2.png") no-repeat;}
.rTxtBox .hd ul li.bac2 span{ display: block; width:7px;height:14px; background: url("../images/slider2sj.png") no-repeat; position: absolute; z-index: 100;right:-6px; top:50%; margin-top: -7px;}
.rTxtBox .hd ul li.bac3{ background: url("../images/slider3.png") no-repeat;}
.rTxtBox .hd ul li.bac3 span{ display: block; width:7px;height:14px; background: url("../images/slider3sj.png") no-repeat; position: absolute; z-index: 100;right:-6px; top:50%; margin-top: -7px;}
.rTxtBox .hd ul li.bac4{ background: url("../images/slider4.png") no-repeat;    border-radius: 0 0 0 5px;width:100%;height:25%;background-size:100%;}
.rTxtBox .hd ul li.bac4 span{ display: block; width:7px;height:14px; background: url("../images/slider4sj.png") no-repeat; position: absolute; z-index: 100;right:-6px; top:50%; margin-top: -7px;}
.rTxtBox .hd ul li span{ display: none !important;}
.rTxtBox .hd ul li.on span{ display: block !important; }
.rTxtBox .bd{width:308px;  height:287px;float:left;}
.rTxtBox .bd ul{  }
.rTxtBox .bd ul img{width:100%; border-top-right-radius: 5px;}
.rTxtBox .bd ul h2{ display: block; padding:10px; font-size:14px; font-weight: normal; color: #593442;}
.rTxtBox .bd ul p{ display: block; padding:5px 10px; font-size:12px; color:#666666}

 