@charset "utf-8";
/*reset*/
/* CSS reset for c_b */

/*四大理由w20240419参考复制编辑主页首页的内容和属性css*/
.wxzdb{height: 1660px;background: url(../images/advbg02.jpg) no-repeat center top;opacity:1;}/*wfq20220418调整整个单页内容框的高度尺寸和背景图片*/
.wxzdb h2.h2_wtitle_2{margin-bottom: 1px;}/*wfq20240420本行第一个h2为代码系统内定的标签所以不用前面写是否元素或是否id的井号符号另注意本行定义第二标题的属性*/
.wxzdb .wcontainer{height: 1660px;position: relative;}/*wfq20220418调整整个单页内容框里面的内容盒的高度尺寸*/
.wxzdb .wxzdb_p1_3{height: 0px;background: url(../images/xzdbbg03.png) no-repeat center;line-height: 10px;text-align: center;color: #fff;font-size: 10px;}/*wfq20220425第三标题文字带背景绿色条图框，高度height改为0，不显示了lingwai另外这里再学习一下rgb即红绿蓝三原色的原理也就是说井号后fff表示这三色都全值则是白色因为白色可以棱镜发出七色光而999则是灰色而000则是黑色*/
.wxzdb .wxzdb_con .wconbox{position: absolute;width: 860px;}/*wfq20220425调整篇幅文字边界框大小*/
.wxzdb .wxzdb_con .wconbox .box_top{padding: 24px 20px 20px 72px;}/*wfq20220425调整数字编号旁边的绿色横线的上下距离*/
.wxzdb .wxzdb_con .wconbox .box_top span{display: block;width: 49px;height: 69px;border: 3px solid #bfbfbf;position: absolute;left: 0;top: 0;}
.wxzdb .wxzdb_con .wconbox .box_top i{display: block;width: 28px;padding-top: 30px;margin: 0 auto;font-size: 22px;border-bottom: 3px solid #bfbfbf;font-weight: bold;}
.wxzdb .wxzdb_con .wconbox .box_top .p1{font-size: 16px;font-weight: bold;color: #333;}/*wfq20220425调整篇幅上面的小标题文字大小*/
.wxzdb .wxzdb_con .wconbox .box_top .p2{font-size: 16px;text-transform: uppercase;color: #bfbfbf;}/*wfq20220425调整篇幅文字大小*/
.wxzdb .wxzdb_con .wconbox .box_top em{display: block;width: 127px;height: 3px;background: #009946;margin-top: 8px;}
.wxzdb .wxzdb_con .wconbox ul{margin-top:10px;}

.wxzdb .wxzdb_con .wconbox ul li
{font-size: 14px;color: #333;margin-bottom: 28px;height: 14px;line-height: 28px;background: url(../images/icon01.png) no-repeat left center;padding-left: 20px;padding: 0px 20px 20px 20px;}
/*wfq20220425上面一行的padding调整篇幅文字边界框边距大小,注意li列表内容前自动添加一个小菱形框其位置属性为首先left即水平方向靠左然后center即竖直方向居中*/
.wxzdb .wxzdb_con .wconbox ul li b{color: #009946;}/*wfq20220419设置四大理由里面的文字内容列表里面局部文字的颜色*/
.wxzdb .wxzdb_con .wcon1{left: 20px;top: 108px;}/*wfq20220425调整篇幅文字边界框在页面中的左或右边距或顶部距离大小*/
.wxzdb .wxzdb_con .wcon2{left: 20px;top: 500px;}
.wxzdb .wxzdb_con .wcon3{left: 20px;top:1000px;}
.wxzdb .wxzdb_con .wcon4{left: 20px;top: 1680px;}

p_wtitle{font-size:0px;text-align:center;font-weight: bold;padding-top:1px;text-transform: uppercase;color: #cccccc;}/*第一标题的文字大小等因为不需要所以大小为零*/
 h2.h2_wtitle_2{font-size: 22px;text-align:center;font-weight: bold;padding-top:30px;text-transform: uppercase;color: #cccccc;}/*第2标题的文字大小等*/

h2.h2_wtitle_2 i{display: inline-block;*display: inline;*zoom: 1;vertical-align:middle ;width: 230px;height: 3px;}/*wfq20220425第二标题的调整标题文字，其中width调整两个绿色的横线的间距宽度*/
h2.h2_wtitle_2 i.titl{background: url(../images/titl01.png) no-repeat right center;}
h2.h2_wtitle_2 i.titr{background: url(../images/titr01.png) no-repeat left center;}
h2.h2_wtitle_2 a{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;padding: 0 15px;color: #333;}
h2.h2_wtitle_2 span{
	display: inline-block;
*display: inline;*zoom: 1;	vertical-align: middle;
	padding: 0 15px;
	color: #999;
}
.wxzdb .wxzdb_con .wconimg{position: relative;width: 880px;}
.wxzdb .wxzdb_con .wconimg.img1{top: 10px;left: 2px;background: url(../images/aboutp1.jpg) no-repeat center top;opacity:0.01;height: 380px;}
.wxzdb .wxzdb_con .wconimg.img2{top: 10px;left: 2px;background: url(../images/aboutp2b.jpg) no-repeat center top;opacity:0.01;height: 380px;}
.wxzdb .wxzdb_con .wconimg.img3{top: 10px;left: 2px;background: url(../images/aboutp3.jpg) no-repeat center top;opacity:0.05;height: 380px;}
.wxzdb .wxzdb_con .wconimg.img4{top: 10px;left: 2px;background: url(../images/.jpg) no-repeat center top;opacity:0.01;height: 480px;}

.wxzdb .wxzdb_con .wconimg.img1b{top: 10px;left: 2px;background: url(../images/aboutp1.jpg) no-repeat center top;opacity:0.01;height: 380px;}
.wxzdb .wxzdb_con .wconimg.img2b{top: 10px;left: 2px;background: url(../images/aboutp3.jpg) no-repeat center top;opacity:0.01;height: 380px;}
.wxzdb .wxzdb_con .wconimg.img3b{top: 10px;left: 2px;background: url(../images/aboutp3.jpg) no-repeat center top;opacity:0.01;height: 380px;}
.wxzdb .wxzdb_con .wconimg.img4b{top: 10px;left: 2px;background: url(../images/.jpg) no-repeat center top;opacity:0.01;height: 480px;}

.wxzdb .wxzdb_con .wconimg.img1c{top: 10px;left: 2px;background: url(../images/aboutp1.jpg) no-repeat center top;opacity:0.02;height: 380px;}
.wxzdb .wxzdb_con .wconimg.img2c{top: 10px;left: 2px;background: url(../images/aboutp2b.jpg) no-repeat center top;opacity:0.05;height: 380px;}
.wxzdb .wxzdb_con .wconimg.img3c{top: 10px;left: 2px;background: url(../images/aboutp3.jpg) no-repeat center top;opacity:0.1;height: 380px;}
.wxzdb .wxzdb_con .wconimg.img4c{top: 10px;left: 2px;background: url(../images/.jpg) no-repeat center top;opacity:0.05;height: 480px;}

.wxzdb .wxzdb_con .wconimg.img1d{top: 10px;left: 2px;background: url(../images/aboutp1.jpg) no-repeat center top;opacity:0.02;height: 380px;}
.wxzdb .wxzdb_con .wconimg.img2d{top: 10px;left: 2px;background: url(../images/aboutp2b.jpg) no-repeat center top;opacity:0.05;height: 380px;}
.wxzdb .wxzdb_con .wconimg.img3d{top: 10px;left: 2px;background: url(../images/aboutp3.jpg) no-repeat center top;opacity:0.1;height: 380px;}
.wxzdb .wxzdb_con .wconimg.img4d{top: 10px;left: 2px;background: url(../images/.jpg) no-repeat center top;opacity:0.05;height: 480px;}

.wxzdb .wxzdb_con .wconimg.img1e{top: 10px;left: 2px;background: url(../images/aboutp1.jpg) no-repeat center top;opacity:0.02;height: 380px;}
.wxzdb .wxzdb_con .wconimg.img2e{top: 10px;left: 2px;background: url(../images/aboutp2b.jpg) no-repeat center top;opacity:0.05;height: 380px;}
.wxzdb .wxzdb_con .wconimg.img3e{top: 10px;left: 2px;background: url(../images/aboutp3.jpg) no-repeat center top;opacity:0.1;height: 380px;}
.wxzdb .wxzdb_con .wconimg.img4e{top: 10px;left: 2px;background: url(../images/.jpg) no-repeat center top;opacity:0.05;height: 480px;}