/* CSS Document */
* { margin: 0; padding: 0; }
body { font-family: '微软雅黑'; line-height: 150%; font-size: 14px;overflow:-Scroll;overflow-x:hidden}
b, strong, ins { font-style: normal; text-decoration: none; font-weight: 500; }
img { padding: 0; margin: 0; border: 0; vertical-align: middle; }
ul, li, ol { list-style: none; }
a { text-decoration: none; color: #333; cursor: pointer; }
p { padding: 0px; }
em, i { font-style: normal; }
a:visited, a:hover, a:active { text-decoration: none; }
input, button { outline: none; }
h1, h2, h3, h4, h5, h6 { font-weight: 500; }
/*前置过滤器*/
.her { width: 100%; height: 70px; position: absolute; left: 0; top: 0; z-index: 99; }

.nav1 { width: 1200px; margin: 0 auto; height: 69px; /*;*/ }
.nav1 a.logo { width: 173px; height: 52px; display: block; float: left; margin: 9px 50px; }
.nav1 a.logo img { display: block; margin: 0 auto; }
.nav1 ul { float: right; position: relative; }
.nav1 li { float: left; height: 59px; line-height: 59px; min-width:113px;}
.nav1 li:first-child a{ text-align:right; margin-right:10px;}
.nav1 li a { display: block; margin-left:35px; color: #a17c5a; font-size: 14px;}
.nav1 li.atv a, .nav li a:hover { color: #000; }
.nav1 li ul { position: absolute; top: 59px; right: 0; opacity: 0; filter: alpha(opacity=0); }
.nav1 li.active ul { border: none; }
.nav1 li ul li { float: left; position: static; height: 40px; margin-top: 10px; line-height: 40px;min-width: initial; }
.nav1 li.active17 ul li:first-child a{margin-right: 0;}
/*.nav li ul li:hover{ background:#a17c5a;}
.nav li ul li:hover a{ color:#fff}
.nav li ul li:hover img{ background:#fff}*/
.nav1 li ul li a { display: block; padding: 0 10px; margin:0; }
.nav1 li ul li img.hide { display: none; }
.nav1 li ul li img { display: block; float: left; margin: 7px 10px 7px 0; }
.nav1 li ul li span { float: left; }
.banner { width: 100%; height: 600px; overflow: hidden; position: relative; }
.banner img { position: absolute; left: 50%; margin-left: -960px; top: 0; }
.ban_xia { width: 1200px; height: 595px; margin: 30px auto;}
.ban_xia img { display: block; margin: 0 auto; }
.jingmi { width: 100%; height: 600px; background: #f3f9f9 }
.jm_cen { width: 1200px; margin: 0 auto; display: table; position: relative; }
.jm_cen strong { display: table-cell; vertical-align: middle; color: #a17c5a; width: 600px; text-align: center; opacity: 1; filter: alpha(opacity=100); transition: all 0.5s; }
.jm_cen strong img { display: block; margin: 0 auto 15px; }
.jm_cen strong h3 { font-size: 28px; line-height: 150%; }
.jm_cen strong span { width: 220px; margin: 0 auto; height: 30px; display: block; background: url(../images/cnm.png) center no-repeat; }
.jm_cen em { float: right; width: 600px; position: relative; height: 600px; overflow: hidden; left: 70px; transition: all 0.3s; }
.jm_cen em i { width: 32px; height: 32px; text-align: center; line-height: 32px; color: #fff; background: #a17c5a; border-radius: 32px; position: absolute; font-size: 20px; opacity: 0; filter: alpha(opacity=0); transition: all 0.5s }
.jm_cen em img { transform: scale(0.4); float: left; position: absolute; left: -430px; top: -410px; transition: all 0.8s }
/*.jingmi .active em{ left:70px; transition:all 0.3s;}*/
.active em img { transform: scale(1.5); transition: all 0.8s }
.active em i { display: block; opacity: 1; filter: alpha(opacity=100); transition: all 0.5s 1s; cursor: pointer; z-index: 999 }
.jm_cen em i._one { left: 140px; top: 215px; }
.jm_cen em i._two { left: 200px; top: 300px; }
.jm_cen em i._three { left: 290px; top: 320px; }
.active strong.left { opacity: 0; filter: alpha(opacity=0); transition: all 0.5s 3s; }
.tab_iii { width: 780px; padding-top: 140px; position: absolute; top: 0; left: 140px; display: none; }
.tab_iii h3 { font-size: 24px; color: #000; line-height: 180%; }
.tab_iii img { margin: 10px auto; float: left; }
.tab_iii span { width: 320px; display: block; float: left; padding-right: 530px; }
.tab_one { width: 615px; background: url(../images/one_bj.png) 190px 160px no-repeat; }
.tab_two { width: 685px; background: url(../images/two_bj.png) 160px 160px no-repeat; }
.tab_three { background: url(../images/three_bj.png) 160px 160px no-repeat; }
.hexin { width: 1200px; margin: 30px auto; overflow: hidden; position: relative; height: 500px; }
.hexin_left { width: 400px; float: left; text-align: center; margin-top: 130px; }
.hexin_left h4 { font-size: 30px; color: #a17c5a; line-height: 180%; margin-bottom: 5px; }
.hexin_left ul { width: 240px; margin: 0 auto; }
.hexin_left ul li { height: 34px; line-height: 34px; width: 238px; border: 1px solid #313131; border-radius: 5px; margin-bottom: 12px; font-size: 14px; color: #000; cursor: pointer; }
.hexin_left ul li.atv { background: url(../images/hexin_ah.png) left center no-repeat; padding: 1px 9px 1px 0; color: #fff; border: none; }
.hexin .atv { z-index: 2 }
.hexin_right { width: 800px; float: left; height: 510px; background: #f3f9f9; text-align: center; position: absolute; z-index: 1; right: 0; top: 20px; overflow:hidden;}
.hexin .hexin_right img { display: block; position: absolute; top: 70px; left: 50%; margin-left: -185px; opacity: 0; filter: alpha(opacity=0); }
.hexin .atv img { top: 20px; opacity: 1; filter: alpha(opacity=100); transition: all 1s; }
.hexin .hexin_right h3,#mdcsj_hexin .hexin_right1 h3 { color: #a17c5a; font-size: 24px; line-height: 180%; position: absolute; top: 450px; left: 0; width: 100%; text-align: center; opacity: 0; filter: alpha(opacity=0); }
.hexin .hexin_right span,#mdcsj_hexin .hexin_right1 span { color: #000; font-size: 18px; line-height: 150%; position: absolute; top: 490px; left: 0; width: 100%; text-align: center; opacity: 0; filter: alpha(opacity=0); }
.hexin .atv h3,#mdcsj_hexin .hexin_right1 h3{ top: 432px; transition: all 1s 0.5s; /*opacity: 1; filter: alpha(opacity=100);*/ }
.hexin .atv span,#mdcsj_hexin .hexin_right1 span{ top: 432px; transition: all 1s 0.5s; /*opacity: 1; filter: alpha(opacity=100);*/ }
#mdcsj_hexin .hexin_right1 span,#mdcsj_hexin .hexin_right1 h3{opacity: 1; filter: alpha(opacity=100);}
.hexin .atv span.span,#mdcsj_hexin .hexin_right1 span.span{ top:475px;}
#mdcsj_hexin .hexin_right span,#mdcsj_hexin .hexin_right h3{opacity: 1; filter: alpha(opacity=100);}
.cp_list { width: 1200px; margin: 0 auto; overflow: hidden; padding-bottom: 2px; }
.cp_list h3 { width: 205px; margin: 0 auto 60px; position: relative; height: 40px; line-height: 40px; border-bottom: 1px solid #a17c5a; }
.cp_list h3 span { width: 125px; height: 40px; line-height: 40px; background: #fff; color: #a17c5a; font-size: 28px; position: absolute; left: 40px; top: 20px; display: block; text-align: center; }
.cp_list ul { width: 1200px; margin: 0 auto; }
.cp_list ul li { width: 268px; padding: 0 15px; float: left; height: 119px; max-height: 120px; display: table; cursor: pointer; background: #fff; position: relative; border: 1px solid #fff; border-bottom-color: #dcdcdc; }
.cp_list ul li.atv i { width: 298px; height: 3px; background: #fff; display: block; position: absolute; left: 0; bottom: -2px; z-index: 2 }
#ruanshui ul li { width: 568px; }
#ruanshui ul li.atv { width: 568px; }
#ruanshui ul li.atv i { width: 598px; }
#ruanshui ul li em { width: 270px; }
.cp_list ul li.atv { border: 1px solid #dcdcdc; width: 268px; height: 149px; border-bottom: none; color: #a17c5a }
.cp_list ul li em { display: table-cell; vertical-align: middle; width: 130px; }
.cp_list ul li em img { float: right; height: 120px; }
.cp_list ul li div { display: table-cell; vertical-align: middle; width: 150px; padding-left: 20px; }
.cp_list ul li div h4 { font-size: 18px; line-height: 180%; color: #000; }
.cp_list ul li div span { font-size: 14px; line-height: 150%; color: #000; }
.cp_list ul li.atv div h4 { color: #8d6649 }
.cp_list ul li img.hide, .cp_list ul li.atv img.show { display: none; }
.cp_list ul li.atv img.hide { display: block; }
.cpxh_list,.cpxh_list1 { width: 1098px; height: 350px; margin: -3px auto 30px; border: 1px solid #dcdcdc; opacity: 0; filter: alpha(opacity=0); padding: 0 50px; position: relative; }
.cpxh_list em,.cpxh_list1 em { width: 150px; float: left; margin-right: 60px; margin-left: 20px; }
.cpxh_list ul,.cpxh_list1 ul { width: 250px; float: left; }
.cpxh_list ul h3, .ysj_xq h3 ,.cpxh_list1 ul h3{ height: 34px; line-height: 34px; text-transform: uppercase; margin-bottom: 10px; color: #a17c5a; font-size: 18px; }
.cpxh_list ul h3 i, .ysj_xq h3 i ,.cpxh_list1 ul h3 i{ display: block; width: 120px; height: 34px; background: url(../images/h_bj.png) center no-repeat; color: #fff; float: left; text-align: center; }
.cpxh_list ul li ,.cpxh_list1 ul li{ height: 36px; line-height: 36px; color: #000; font-size: 14px; }
.cpxh_list ul li span,.cpxh_list1 ul li span { display: block; float: left; }
.cpxh_list ul li strong,.cpxh_list1 ul li strong { float: left; max-width: 180px; }
.cpxh_list ul li strong i { display: block; width: 100%; float: left; }
.cpxh_list img.azt_img,.ysj_xq img.azt_img,.cpxh_list1 img.azt_img{ float: right; cursor: pointer;/* background:#fff;*/ position: absolute; top:25px; right: 100px; transition: all 0.3s;width:400px; height:300px; }
.cpxh_list img.azt_img:hover { width:480px; height:360px; top:0px; right:60px; transition: all 0.3s; }
.cpxh_list img.cnmdazt_img:hover{ width:800px;height:600px}
.zheceng { width: 100%; height: 100%; background:url(../images/tmbj.png) left top repeat; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 6; display: none; }
.zheceng img { width: 30px; height: 30px; position: fixed; left: 50%; margin-left: 405px; top: 50%; z-index: 99; margin-top: -300px; cursor: pointer; }
#ysjcq img{ margin-left:605px;}
/*挂式饮水机*/
.gsysj { width: 1200px; margin: 0 auto; position: relative; height: 500px; }
.gsysj h4 { text-align: center; font-size: 28px; color: #a17c5a; height: 120px; line-height: 120px; }
.gsysj em { display: block; margin: 0 auto; width: 254px; height: 364px; position: relative; z-index: 2; }
.gsysj em img { transform: scale(0); transition: all 1s; margin-top:20px;}
.gsysj span.youshi { width: 800px; height: 364px; position: absolute; left: 200px; bottom: 0; background: url(../images/bgs_youdian.png) center 15px no-repeat; transform: rotate(0deg) scale(0); }
.gsysj span:after { content: ''; width: 20px; height: 20px; background: #8d6649; border-radius: 20px; position: absolute; left: 391px; bottom: 35px; }
.gsysj span p { font-size: 14px; line-height: 20px; color: #000; position: absolute; opacity: 0; filter: alpha(opacity=0); }
.gsysj span p.p1 { right: 75px; top: 132px; }
.gsysj span p.p2 { right: 0px; width: 100%; text-align: center; bottom: 5px; }
.gsysj span p.p3 { left: 0px; top: 132px; }
.active em img.ysj_img { transform: scale(0.9); transition: all 1s 1s; }
.active span.youshi { transform: rotate(360deg) scale(1); transition: all 1s; }
.active span p { opacity: 1; filter: alpha(opacity=100); }
.active span:after { z-index: 3; }
.active span p.p1 { transition: all 1s 2s; }
.active span p.p2 { transition: all 1s 2.7s; }
.active span p.p3 { transition: all 1s 3.4s; }
.ysj_xq { width: 1200px; overflow: hidden; margin: 0 auto; padding: 125px 0; position:relative; }
.ysj_xq em { display: table-cell; vertical-align: middle; width: 260px; padding-right: 40px; }
.ysj_xq em img { float: right; }
.ysj_xq ul { display: table-cell; vertical-align: middle; padding-left:50px;}
.ysj_xq ul h3 i { font-size: 14px; }
.ysj_xq ul li { line-height: 200%; }
.ysj_xq ul li strong { max-width: 250px }
.ysj_xq ul li em { color: #8d6649; cursor: pointer; padding-top: 13px; }
.ysj_xq img.ysj_azt { top: 50%; transform:translateY(-50%) scale(0.5); -moz- transform:translateY(-50%) scale(0.5); -webkit- transform:translateY(-50%) scale(0.5); -ms- transform:translateY(-50%) scale(0.5); -o- transform:translateY(-50%) scale(0.5); z-index: 9; transition: all 0.3s; }
#wuhexin { margin-top: 106px; }
#ruanshui li { height: 120px; max-height: 120px; }
#ruanshui ul li em img{ height:110px;} 
#ruanshui li div { vertical-align: bottom }
#ruanshui li h4 { padding-bottom: 50px; }
.ban_xia { position: relative; }
.huadong { width: 770px; height: 45px; border: 1px solid #606060; position: absolute; left: 214px; top: 290px; border-radius: 47px; overflow: hidden; background: none; moz-user-select: -moz-none; -moz-user-select: none; -o-user-select: none; -khtml-user-select: none;-webkit-user-select: none; -ms-user-select: none; user-select: none; }
.huadong span { width: 150px; height: 45px; line-height: 45px; text-align: center; display: block; color: #000; background: #c9c9c9; border-radius: 45px; }
.huadong span.left { float: left; }
.huadong span.right { float: right; }
.huadong em { position: absolute; top: 5px; left: 367px; cursor: pointer; }
.leftGrip { background: url(../images/huakuai.png) center no-repeat; }
.leftLabel { color: #fff; position: absolute; top: 0; left: 0; display: none; }
#hd_left ul { width: 828px; margin:0 auto;}
/*#hd_left h3 { background: url(../images/gai_img.png) center 40px no-repeat; }*/
.hdxs { background: #f7f7f6; width:1200px; overflow: hidden; height:555px; margin:45px auto 0; position:relative}
.hdxs h3 { width: 100%; text-align: center; font-size: 24px; color: #8d6649; padding-top: 120px; line-height: 150%;}
.hdxs h3 span{ display:block; font-size:28px; line-height:150%; display:block;}
.hdxs strong{ display:block; text-align:center; font-size:18px; line-height:150%;color:#575959; margin:20px auto 50px}
.hdxs li { width: 176px; float: left; margin: 0 50px; }
.hdxs li span { font-size: 13px; color: #000; display: block; width:176px; height:87px; padding:10px 0px; padding-left:3px;line-height: 30px; }
#hd_right ul{ width:552px; margin:0 auto;}
/*#hd_right h3 { background: url(../images/jiegou_img.png) center 40px no-repeat; }*/
.hdxs_div { width: 100%; height:1140px;background: #fff;}
.hdxs em { position: absolute; right: 0; top: 0; cursor: pointer; }
.hdxs img.gai_img{ width:66px; height:66px; display:block; position:absolute; top:32px; left:50%; margin-left:-33px;}
#hd_left{ margin:15px auto 0;}
#show2 em img { height: 250px; margin-top: 50px; }
/*中央净水器*/
#zyjsq_xia { height: 540px; padding-bottom:0; margin:30px auto;}
#zyjsq_hexin { height: 540px; padding:30px 0;}
#zyjsq_hexin .hexin_left { height: 240px; width: 390px; }
#zyjsq_hexin .hexin_left h4 { margin-bottom: 17px; }
#zyjsq_hexin .hexin_right,#mdcsj_hexin .hexin_right1{ width: 810px; float: left; height: 540px; }
#mdcsj_hexin .hexin_right1{ position:absolute; right:0; top:0; display:none;}
#mdcsj_hexin, #mdcsj_hexin .hexin_right, #mdcsj_hexin .hexin_right1 { height: 540px; }
#mdcsj_hexin .hexin_right ,#mdcsj_hexin .hexin_right1{ background: #e6e3e1; }
#mdcsj_hexin .hexin_right img,#mdcsj_hexin .hexin_right1 img { top: 20px; opacity: 1; filter: alpha(opacity=100); margin-left: 5px; transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); }
#mdcsj_hexin .hexin_right1 img{ position:absolute; left:50%;}
#mdcsj_hexin .hexin_right span,#mdcsj_hexin .hexin_right1 span { font-size: 14px; display: block; padding-left: 30px; line-height: 21px; text-align: left; width: 750px; }
#mdcsj_hexin .hexin_right1 span{ position:absolute;}
#mdcsj_hexin .hexin_right h3,#mdcsj_hexin .hexin_right1 h3 { text-align: left; padding-left: 50px; }
#mdcsj_hexin .hexin_right span p,#mdcsj_hexin .hexin_right1 span p { padding-left: 20px; background: url(../images/mdjsq_lidian.png) 5px 7px no-repeat; }
#mdcsj_hexin .hexin_right span p:nth-child(2),#mdcsj_hexin .hexin_right span p:nth-child(2) { margin-top: 12px; }
#zyjsq_hexin .hexin_right { background:#e6e3e1; overflow:hidden;}
#zyjsq_hexin .hexin_right img { margin: 0 auto; left:0;}
#zyjsq_cp li { width: 568px; }
#zyjsq_cp li i { width: 598px; }
#zyjsq_cp li em { width: 290px; }
.zyjsq_qh em { margin: 0 30px; }
.zyjsq_qh em img { margin-top: 25px; }
.zyjsq_qh ul { width: 408px; }
.zyjsq_qh ul li { height: 24px; line-height: 24px; }
.zyjsq_qh ul li strong { max-width: 338px; }
.azsjt { width: 1250px; margin: 75px auto 25px; height: 450px; }
.azsjt li { width: 575px; float: left; margin: 0 25px; }
.azsjt li img { width: 575px; height: 400px; display: block; margin: 0 auto }
.azsjt li span { width: 100%; height: 50px; line-height: 50px; background: #e6e3e1; color: #000; display: block; text-align: center; }
.wdgl { width: 1000px; height: 600px; position: relative; margin: 0 auto; padding-left: 200px; }
.wdgl h3 { width: 380px; height: 50px; line-height: 50px; font-size: 30px; padding-bottom: 30px; padding-top:55px;text-align: center; color: #8b603f; }
.wdgl img.glq { position: absolute; left: 200px; bottom: -100%; transition: all 0.8s }
.wdgl li { width: 690px; float: left; position: absolute; padding-left: 18px; z-index: 9; font-size: 14px; line-height: 30px; margin-top:55px; }
.wdgl li i { width: 17px; height: 17px; background: url(../images/mdjsq_jia.png) center no-repeat; display: block; position: absolute; bottom: 0; left: 0; opacity: 0; filter: alpha(opacity=0); }
.wdgl li span { position: absolute; left: 7.5px; bottom: 17px; height: 0; width: 3px; display: block; background: #8b603f;}
.wdgl li strong { opacity: 0; filter: alpha(opacity=0); }
.wdgl li b { background: url(../images/mdjsq_li_dian.png) center no-repeat; width: 12px; height: 12px; display: block; position: absolute; left: 3px; top: 11px; opacity: 0; filter: alpha(opacity=0); }
.wdgl li.gl_li1 { height: 320px; left: 245px; top: 80px; }
.wdgl li.gl_li2 { height: 290px; left: 315px; top: 110px; color: #8b603f }
.wdgl li.gl_li3 { height: 260px; left: 385px; top: 140px; color: #8b603f }
.wdgl li.gl_li4 { height: 230px; left: 455px; top: 170px; }
.wdgl li.gl_li5 { height: 200px; left: 525px; top: 200px; }
.active img.glq { bottom:-45px; transition: all 1s; }
.active img#siji_img{ bottom:0px;}
.active img#gl { bottom: -110px; transition: all 1s; }
.active ul.gl_ul li.gl_li1 i { opacity: 1; filter: alpha(opacity=100); transition: all 0.3s 1s; }
.active ul.gl_ul li.gl_li1 span { height:290px; transition: all 0.5s 1.5s; }
.active ul.gl_ul li.gl_li1 b { opacity: 1; filter: alpha(opacity=100); transition: all 0.3s 1.8s; }
.active ul.gl_ul li.gl_li1 strong { opacity: 1; filter: alpha(opacity=100); transition: all 0.3s 2s; }
.active ul.gl_ul li.gl_li2 i { opacity: 1; filter: alpha(opacity=100); transition: all 0.3s 2.2s; }
.active ul.gl_ul li.gl_li2 span { height:260px; transition: all 0.5s 2.7s; }
.active ul.gl_ul li.gl_li2 b { opacity: 1; filter: alpha(opacity=100); transition: all 0.3s 3s; }
.active ul.gl_ul li.gl_li2 strong { opacity: 1; filter: alpha(opacity=100); transition: all 0.3s 3.2s; }
.active ul.gl_ul li.gl_li3 i { opacity: 1; filter: alpha(opacity=100); transition: all 0.3s 3.4s; }
.active ul.gl_ul li.gl_li3 span { height:230px; transition: all 0.5s 3.7s; }
.active ul.gl_ul li.gl_li3 b { opacity: 1; filter: alpha(opacity=100); transition: all 0.3s 4s; }
.active ul.gl_ul li.gl_li3 strong { opacity: 1; filter: alpha(opacity=100); transition: all 0.3s 4.2s; }
.active ul.gl_ul li.gl_li4 i { opacity: 1; filter: alpha(opacity=100); transition: all 0.3s 4.4s; }
.active ul.gl_ul li.gl_li4 span { height:200px; transition: all 0.5s 4.7s;  }
.active ul.gl_ul li.gl_li4 b { opacity: 1; filter: alpha(opacity=100); transition: all 0.3s 5s; }
.active ul.gl_ul li.gl_li4 strong { opacity: 1; filter: alpha(opacity=100); transition: all 0.3s 5.2s; }
.active ul.gl_ul li.gl_li5 i { opacity: 1; filter: alpha(opacity=100); transition: all 0.3s 5.4s; }
.active ul.gl_ul li.gl_li5 span { height:170px; transition: all 0.5s 5.7s;  }
.active ul.gl_ul li.gl_li5 b { opacity: 1; filter: alpha(opacity=100); transition: all 0.3s 6s; }
.active ul.gl_ul li.gl_li5 strong { opacity: 1; filter: alpha(opacity=100); transition: all 0.3s 6.2s; }
.mdjsq_kajie { width: 100%; height: 600px; background: #e6e3e1; position: relative; overflow: hidden;}
.mdjsq_kajie h3 { font-size: 36px; line-height: 150%; color: #8b603f; text-align: center; width: 1200px; margin: 0 auto; padding-top: 30px; }
.mdjsq_kajie span, .mdjsq_kajie strong { width: 1200px; margin: 0 auto; display: block; height: 30px; line-height: 30px; text-align: center; }
.mdjsq_kajie span { color: #8b603f; font-size: 18px; padding: 5px 0; }
.mdjsq_kajie ul.img_ul { width: 900px; height: 450px; padding: 0 150px; margin: 0 auto; position: absolute; left: 50%; margin-left: -600px; bottom: 0; }
.mdjsq_kajie ul.img_ul img { position: absolute; }
.mdjsq_kajie ul.img_ul img.ka_img3 { right: 150px; bottom: 0px; }
.mdjsq_kajie ul.img_ul img.ka_img1 { left: 150px; bottom: 0px; }
.mdjsq_kajie ul.img_ul img.ka_img2 { left: 645px; bottom: 100px; }
.mdjsq_kajie ul.img_ul img { opacity: 0; filter: alpha(opacity=0); }
.active ul.img_ul img.ka_img1 { opacity: 1; filter: alpha(opacity=100); bottom: 40px; transition: all 1s }
.active ul.img_ul img.ka_img2 { opacity: 1; filter: alpha(opacity=100); bottom: 140px; transition: all 1s 0.8s }
.active ul.img_ul img.ka_img3 { opacity: 1; filter: alpha(opacity=100); bottom: 30px; transition: all 1s 1.7s }
.mdjsq_kajie ul.ul_tab { width: 850px; position: absolute; left: 50%; margin-left: -525px; bottom: 20px; height: 32px; line-height: 32px; }
.mdjsq_kajie ul.ul_tab h4, .lingfs ul h3 { font-size: 28px; color: #8b603f; width: 210px; float: left; line-height: 32px; }
.mdjsq_kajie ul.ul_tab li, .lingfs ul li { float: left; width: 150px; height: 30px; border: 1px solid #575959; color: #000; border-radius: 5px; margin-right: 8px; text-align: center; cursor: pointer; }
.tab_right { width: 760px; padding: 0 25px; height: 540px; background: #e6e3e1; float: left; position: absolute; right: 0; top: 0 }
.tab_right img { float: left; opacity: 0; filter: alpha(opacity=0); position: absolute; top: 50px; }
.tab_right img.mdtab_img2 { margin-left: -50px; left: 235px; }
.mdtab_wz { width: 406px; right: 25px; color: #000; opacity: 0; filter: alpha(opacity=0); position: absolute; top: 40%; transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); -webkit-transform: translateY(0%); }
.mdtab_wz h3 { font-size: 28px; line-height: 200%; }
.mdtab_wz span { font-size: 18px; line-height: 150%; display: block; margin-bottom: 15px; }
.mdtab_wz li { background: url(../images/mdjsq_lidian.png) left 7px no-repeat; padding-left: 10px; line-height: 150%; }
#zyjsq_hexin { position: relative; }
#zyjsq_hexin .active { z-index: 2 }
#zyjsq_hexin .active img.mdtab_img1 { opacity: 1; filter: alpha(opacity=100); top: 0; transition: all 1s }
#zyjsq_hexin .active img.mdtab_img2 { opacity: 1; filter: alpha(opacity=100); top: 0; transition: all 1s 0.8s }
#zyjsq_hexin .active .mdtab_wz { opacity: 1; filter: alpha(opacity=100); top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: all 1s 1.9s }
.tab_right:last-child h3, .tab_right:last-child span { color: #8b603f }
.mdjsq_kajie ul.ul_tab li.atv, .lingfs ul li.atv { background: #A17C5A; color: #fff; border-color: #A17C5A }
.mdjsq, .mdssj { padding: 0; opacity: 0; filter: alpha(opacity=0); }
.baohu { width: 100%; height: 600px; background: #e6e3e1; margin: 30px 0; }
.baohu h3 { width: 400px; margin: 0 auto; padding-top: 20px; height: 80px;}
.baohu h3 img{ display:block; margin:0 auto;}
.baohu span { width: 1200px; line-height: 150%; font-size: 18px; display: block; text-align: center; margin: 0 auto 6px; color: #000 }
.baohu_div { width: 1200px; margin: 0 auto; height: 440px; position: relative; overflow: hidden; }
.baohu_div img.bh_img1 { width: 600px; height: 440px; float: left; position: relative; z-index: 2 }
.bh_img2, .bh_img3 { height: 220px; float: left; opacity: 0; filter: alpha(opacity=0); display: table; max-width: 600px; position: absolute; right: 0; }
.bh_img2 { top: 50px; }
.bh_img3 { top: 300px; }
.bh_img2 b, .bh_img3 b { display: table-cell; vertical-align: middle; width: 170px; }
.bh_img2 div, .bh_img3 div { display: table-cell; vertical-align: middle; padding-left: 20px; max-width: 410px; }
.bh_img2 div h3, .bh_img3 div h3 { font-size: 28px; color: #8b603f; float: left; line-height: 150%; max-width: 410px; height: 60px; }
.bh_img2 div span, .bh_img3 div span { display: block; float: left; font-size: 16px; color: #000; text-align: left; font-size: 14px; line-height: 150%; max-width: 421px; }
.baohu_div em.shuiliu { width: 0px; height: 6px; display: block; background: #7ecef4; position: absolute; bottom: 119px; left: 80px; }
.baohu_div p.one, .baohu_div p.two, .baohu_div p.three, .baohu_div p.one1, .baohu_div p.two1, .baohu_div p.three1 { width: 16px; height: 16px; position: absolute; display: block; top: -5px; left: 242px; background: #00a2e9; border-radius: 100%; opacity: 0; filter: alpha(opacity=0); z-index: 3; }
.active .baohu_div em.shuiliu { width: 249px; transition: all 2s; }
.active .baohu_div p.one { animation: fangda 2s linear 2s infinite; -o-animation: fangda 2s linear 2s infinite; -moz-animation: fangda 2s linear 2s infinite; -ms-animation: fangda 2s linear 2s infinite; -webkit-animation: fangda 2s linear 2s infinite; }
.active .baohu_div p.two { animation: fangda 2s linear 3s infinite; -o-animation: fangda 2s linear 3s infinite; -moz-animation: fangda 2s linear 3s infinite; -ms-animation: fangda 2s linear 3s infinite; -webkit-animation: fangda 2s linear 3s infinite; }
.active .baohu_div p.three { animation: fangda 2s linear 4s infinite; -o-animation: fangda 2s linear 4s infinite; -moz-animation: fangda 2s linear 4s infinite; -ms-animation: fangda 2s linear 4s infinite; -webkit-animation: fangda 2s linear 4s infinite; }
.active .baohu_div p.one1 { animation: fangda 2s linear 3.8s infinite; -o-animation: fangda 2s linear 3.8s infinite; -moz-animation: fangda 2s linear 3.8s infinite; -ms-animation: fangda 2s linear 3.8s infinite; -webkit-animation: fangda 2s linear 3.8s infinite; }
.active .baohu_div p.two1 { animation: fangda 2s linear 4.8s infinite; -o-animation: fangda 2s linear 4.8s infinite; -moz-animation: fangda 2s linear 4.8s infinite; -ms-animation: fangda 2s linear 4.8s infinite; -webkit-animation: fangda 2s linear 4.8s infinite; }
.active .baohu_div p.three1 { animation: fangda 2s linear 5.8s infinite; -o-animation: fangda 2s linear 5.8s infinite; -moz-animation: fangda 2s linear 5.8s infinite; -ms-animation: fangda 2s linear 5.8s infinite; -webkit-animation: fangda 2s linear 5.8s infinite; }
.baohu_div i.shuiliu { width: 5px; height: 0px; display: block; background: #7ecef4; position: absolute; bottom: 95px; left: 349px; }
.active .baohu_div i.shuiliu { height: 30px; bottom: 65px; transition: all 0.5s 3s; }
.baohu_div b.shuiliu { width: 0px; height: 5px; display: block; background: #7ecef4; position: absolute; bottom: 64px; left: 349px; }
.active .baohu_div b.shuiliu { width: 112px; transition: all 1.8s 3.3s; }
.baohu_div p.one1, .baohu_div p.two1, .baohu_div p.three1 { left: 37px; }
.active .bh_img2 { opacity: 1; filter: alpha(opacity=100); transition: all 1s 2.6s; top: 0; }
.active .bh_img3 { opacity: 1; filter: alpha(opacity=100); transition: all 1s 4.5s; top: 220px; }
.mdjsq_cp em { width: 300px; }
.mdssj_cp img.azt_img:hover { transform: scale(0.7); transition: all 0.3s; }
.ban_next { width: 1200px; height:1200px; margin: 0 auto; overflow: hidden; position:relative;}
.ban_next::after{ content:''; width:1040px; display:block; position:absolute; height:3px; background:#cebba1; left:50px; top:599px;}
.ban_next img { width: 1200px; height: 500px; padding: 48px 0;}
.lingfs { width: 100%; height: 600px; position: relative; overflow:hidden; margin: 30px auto; background: #e6e3e1; }
.lingfs img { width: 1200px; display: block; margin: 0 auto; }
.lingfs img.cnm{ width:1920px; position:absolute; top:0; left:50%; margin-left:-960px;}
.lingfs ul { width: 1000px; margin: 0 auto; position: absolute; left: 50%; margin-left: -510px; bottom: 30px; height:30px; }
.lingfs ul h3 { width: 240px; height:30px;}
.lingfs ul li { width: 160px; line-height: 30px; }
.hexin_right1 em.xyuan,.hexin_right em.xyuan { width: 147px; border-radius: 100%; height: 147px; border: 5px dashed #8b603f; position: absolute; left: 300px; top: 250px; animation: zhuangdong 10s linear infinite }
@keyframes zhuangdong { 0% {
transform:rotate(0deg);
}
100% {
transform:rotate(360deg);
}
}
@keyframes fangda { from {
transform:scale(0);
opacity:1;
filter:alpha(opacity=100);
}
to { transform: scale(2); opacity: 0; filter: alpha(opacity=0); }
}
@-moz-keyframes fangda { from {
transform:scale(0);
opacity:1;
filter:alpha(opacity=100);
}
to { transform: scale(2); opacity: 0; filter: alpha(opacity=0); }
}
@-ms-keyframes fangda { from {
transform:scale(0);
opacity:1;
filter:alpha(opacity=100);
}
to { transform: scale(2); opacity: 0; filter: alpha(opacity=0); }
}
@-o-keyframes fangda { from {
transform:scale(0);
opacity:1;
filter:alpha(opacity=100);
}
to { transform: scale(2); opacity: 0; filter: alpha(opacity=0); }
}
@-webkit-keyframes fangda { from {
transform:scale(0);
opacity:1;
filter:alpha(opacity=100);
}
to { transform: scale(2); opacity: 0; filter: alpha(opacity=0); }
}
.mdssj_cp em { width: 310px; }
.mdssj_cp ul h3 { font-size: 30px; height: 64px; line-height: 32px; margin-bottom: 15px; }
.mdssj_cp ul li { height: 25px; line-height: 25px; }
#siji { width: 945px; padding-left: 255px; height: 600px; }
#siji h3 { background: none; }
#siji img.glq { left: 255px;}
#siji li{ margin-top:0;}
#siji li.gl_li1 { left: 298px; height:275px; top:125px;}
#siji li.gl_li2 { left: 361px; height:245px; top:155px;color:#000;}
#siji li.gl_li3 { left: 427px; height:215px; top:185px;color:#000;}
#siji li.gl_li4 { left: 490px; height:185px; top:215px;}
.active #sjgl li.gl_li1 span{ height:245px;}
.active #sjgl li.gl_li2 span{ height:215px;}
.active #sjgl li.gl_li3 span{ height:185px;}
.active #sjgl li.gl_li4 span{ height:155px;}
#qzglq_ban_xia{ height:500px; padding:48px 0;}
#qzglq_hexin .atv h3,#wdhx .atv h3{ top:390px;}
#qzglq_hexin .atv h3,#qzglq_hexin .atv span,#wdhx .atv h3,#wdhx .atv span{ opacity:1; filter: alpha(opacity=100);}

.mdcsj_qh em { width: 300px; }
.mdcsj_qh { border: none; opacity: 1; filter: alpha(opacity=100);}
.mdcsj_qh:first-child{ padding:10px 0 30px;}
.daig { height: 100px; width: 1000px; margin: 0 auto; padding-top: 60px; border-top: 3px solid #cebba1 }
.daig h4 { font-size: 14px; line-height: 150%; background: url(../images/mdjsq_lidian.png) left 7px no-repeat; padding-left: 10px }
.daig h2 { color: #8b603f; font-size: 28px; line-height: 200%; }
/*底部*/
.side { position: fixed; right: 3%; bottom: 55%; z-index: 20; }
.wrap { max-width: 1200px; margin-right: auto; margin-left: auto; width: 1200px;}
.foot { background: #a17c5a; position: fixed; left: 0; bottom: -21px; width: 100%; z-index: -1; }
.foot-top { padding: 45px 0 30px; float: left; }
.foot-top dl dt { font-size: 15px; color: #fff; margin-bottom: 15px; }
.foot-top dl dt a { color: #fff; }
.foot-top .dl01 { width: 135px; float: left; }
.foot-top .dl01 dd a { display: block; color: #fff; line-height: 24px; font-size: 13px; }
.foot-top .dl01 dd a:hover { color: #c7af8d; }
.foot-top .dl02 { width: 385px; float: left; }
.foot-top .dl02 img { display: block; width: 93px; height: 93px; float: left; }
.foot-top .dl02 .fr { width: 210px; float: left; margin-left: 22px; }
.foot-top .dl02 h3 { font-family: Arial; font-size: 30px; color: #fff; }
.foot-top .dl02 p { font-size: 13px; color: #fff; line-height: 30px; margin-bottom: 8px; margin-top:18px; }
.foot-top .dl02 a { display: block; width: 102px; height: 31px; font-size: 14px; color: #000; text-align: center; background: #fff; line-height: 31px; }
.foot-top .dl02 .ico { width: 18px; height: 16px; background-position: -111px 0; margin-right: 5px; transition: all .3s ease; }
.foot-top .dl02 a:hover { background: #c7af8d; color: #fff; }
.foot-top .dl02 a:hover .ico { background-position: -111px -16px; }
.foot-center { border-top: 1px #dcdcdc solid; border-bottom: 1px #dcdcdc solid; padding:10px 0; float: left; }
.foot-center span.fl { font-size: 15px;/* padding:12px 0 0;*/ float: left; color: #fff; }
.foot-center span.fl .ico { width: 22px; height: 22px; margin-right: 9px; background-position: -87px 0; }
.foot-center-r { width: 1070px; border-left: 1px #fff solid; padding-left: 22px; line-height: 24px; }
.foot-center-r a { margin-right: 15px; font-size: 12px; color: #fff; }
.foot-center-r a:hover { color: #c7af8d; }
.foot-bottom { font-size: 12px; padding: 15px 0 40px; color: #fff; float: left; }
.foot-bottom a { color: #fff; }
.foot-bottom a:hover { color: #c7af8d; }
/* CSS Document */
*, dl, dt { margin: 0; padding: 0; }
img { border: none; }
ul, li { list-style: none; margin: 0; }
a { text-decoration: none; color: #666; cursor: pointer; outline: none; }
a:hover, a:focus { color: #c7af8d; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; outline: 0; }
input, select, button, textarea { font-family: microsoft yahei; vertical-align: middle; border: none; color: #666; }
h1, h2, h3, h4, h5, h6, h7, b, label, dt { font-weight: normal; margin: 0; }
p { margin: 0; }
i, em { font-style: normal; }
.fix { zoom: 1 }
.fix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.fl { float: left; }
.fr { float: right; }
.w1000 { width: 1000px; margin: 0 auto; }
.pr { position: relative; }
.pa { position: absolute; }
.wrap { max-width: 1200px; margin-right: auto; margin-left: auto; *width: 1200px;
}
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block }
.transition { transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
.ico { display: inline-block; background: url(../images/ico.png) no-repeat; vertical-align: middle; }
.mr45 { margin-right: 45px; }
.donghua { width: 600px; height: 600px; position: absolute; top: 0; left: 500px; opacity: 0; filter: alpha(opacity=0); }
.active .donghua { opacity: 1; filter: alpha(opacity=100); transition: all 0.4s }
.donghua img.diandian{ position:absolute; top:220px; left:-208px; opacity: 0; filter: alpha(opacity=0); }
.donghua span { position: absolute; opacity: 0; filter: alpha(opacity=0); transition: all 0.5s }
.donghua span.dh1 { left: -10px; top: 100px; transform: scale(0); }
.donghua span.dh2 { left: 50px; top: 280px; transform: scale(0); }
.donghua span.dh3 { left: 130px; top: 110px; }
.donghua span.dh4 { left: 270px; top: 150px; color: #000; }
.donghua span.dh5 { left: 130px; top: 270px; }
.donghua span.dh6 { left: 270px; top: 320px; color: #000; }
.donghua span.dh7 { left: 155px; top: 430px; }
.donghua span.dh8 { left: 270px; top: 480px; color: #000; }
.active img.diandian{ opacity: 1; filter: alpha(opacity=100); transition: all 1s 1s}
.active span.dh1 { opacity: 1; filter: alpha(opacity=100); transform: scale(1); transition: all 1s 1s }
.active span.dh2 { opacity: 1; filter: alpha(opacity=100); transform: scale(1); transition: all 1s 1.5s }
.active span.dh3 { opacity: 1; filter: alpha(opacity=100); transition: all 1s 2s }
.active span.dh4 { opacity: 1; filter: alpha(opacity=100); transition: all 1s 2.5s }
.active span.dh5 { opacity: 1; filter: alpha(opacity=100); transition: all 1s 3s }
.active span.dh6 { opacity: 1; filter: alpha(opacity=100); transition: all 1s 3.5s }
.active span.dh7 { opacity: 1; filter: alpha(opacity=100); transition: all 1s 4s }
.active span.dh8 { opacity: 1; filter: alpha(opacity=100); transition: all 1s 4.5s }
.banner div.ban_wenzi { width: 580px; position: absolute; left: 50%;/* top: 300px;*/ opacity: 0; filter: alpha(opacity=0); }
#mdssj_ban div h3, #mdcsj_ban div h3, #mdjsq_ban div h3, #qzglq_ban div h3, #zyjsq_ban div h3 { color: #8b603f; font-size: 36px; line-height: 120%; margin-bottom: 20px; }
#mdssj_ban div li, #mdcsj_ban div li, #mdjsq_ban div li, #qzglq_ban div li, #zyjsq_ban div li { padding-left: 10px; background: url(../images/mdjsq_lidian.png) left 10px no-repeat; line-height: 28px; font-size: 16px; }
#mdcsj_ban div span, #qzglq_ban div span { font-size: 18px; color: #a17c5a; line-height: 150%; display: block; margin-bottom: 20px; }
#qzglq_ban div span { padding-left: 5px; }
#zyjsq_ban div { margin-left: -550px; }
#zyjsq_ban img.ban_img { left: auto; right: 200px; }
/*全能净水器*/
.qnjsq_ban { width: 100%; height: 600px; background:#f4f4f4;position: relative; overflow: hidden; }
.qnjsq_ban h2 { color: #8a603f; font-size: 36px; height: 54px; line-height: 54px; width: 1200px; position: absolute; left:50%; top: 50%; margin-top: -9px; margin-left:-600px; text-align: center; opacity: 0; filter: alpha(opacity=0); }
.qnjsq_ban ul { width: 1200px; height: 268px; position: absolute; left: 50%; bottom: 0; margin-left:-600px; }
.qnjsq_ban ul li { width: 267px; height:268px; position: absolute; bottom: -360px; cursor: pointer; }
.qnjsq_ban ul li div { background: #eef1f2; width: 176px; height: 176px; padding: 46px; position: absolute; left: 0; top: 0px; display: none; }
.qnjsq_ban ul li div h3 { font-size: 28px; line-height: 40px; text-align: center; margin-bottom: 10px; }
.qnjsq_ban ul li div h3 em { display: block; font-size: 14px; line-height: 35px; border-bottom: 1px solid #000; }
.qnjsq_ban ul li div span { font-size: 14px; color: #000; line-height: 150%; }
.qnjsq_ban ul li.atv0 { left: 112px; }
.qnjsq_ban ul li.atv1 { left: 467px; }
.qnjsq_ban ul li.atv2 { right:112px; }
.active h2 { top: 145px; transition: all 1s 0s; opacity: 1; filter: alpha(opacity=100); }
.active li.atv0 { bottom: 47px; transition: all 0.8s 0.1s; }
.active li.atv1 { bottom: 47px; transition: all 0.8s 0.2s; }
.active li.atv2 { bottom: 47px; transition: all 0.8s 0.3s; }
.zhongyang, .guanxianji { width: 1200px; height: 600px; margin: 0 auto; }
.zhongyang h3, .guanxianji h3 { width: 1200px; height: 108px; border-bottom: 1px solid #00a3ed; position: relative; }
.zhongyang h3 em, .guanxianji h3 em { display: block; height: 40px; line-height: 40px; position: absolute; width: 290px; text-align: center; font-size: 36px; color: #00a3ed; background: #fff; left: 455px; top: 88px; }
.zhongyang span, .guanxianji span { width: 1200px; height: 79px; line-height: 79px; font-size: 18px; color: #000; display: block; text-align: center; }
.zhongyang ul { width: 1200px; overflow: hidden; }
.zhongyang li { width: 300px; float: left; height: 330px; padding-top: 90px; position: relative; overflow: hidden; }
.zhongyang li.atv { width: 600px; }
.zhongyang li em { display: table-cell; vertical-align: middle; width: 220px; padding: 0 40px; float: left; }
.zhongyang li h4 { width: 300px; text-align: center; position: absolute; top: 0; left: 0; height: 90px; line-height: 130px; font-size: 30px; color: #fff; }
.zhongyang li strong { width: 260px; padding-right: 40px; overflow: hidden; float: left; max-height: 100%; }
.zhongyang li strong p, .guanxianji .cp strong p { font-size: 14px; line-height: 36px; padding-left: 20px; position: relative; color: #000 }
.zhongyang li strong p::after, .guanxianji .cp strong p::after { content: '>'; position: absolute; left: 0; top: 0; }
.zhongyang li strong a, .guanxianji .cp strong a, .qnjsq_rhxz a { width: 88px; height: 26px; line-height: 26px; border: 1px solid #8b8e92; border-radius: 5px; display: block; margin-top: 10px; text-align: center; color: #000; }
.zhongyang li.atv0 { background: #e8edf3; }
.zhongyang li.atv0 h4 { color: #719dca; }
.zhongyang li.atv1 { background: #719dca; }
.zhongyang li.atv1 strong a { border-color: #445e79 }
.zhongyang li.atv2 { background: #ffc056; }
.zhongyang li.atv2 strong a { border-color: #997334 }
.zhongyang li.atv3 { background: #d5e6ee; height: 290px; padding-top: 130px; }
.zhongyang li.atv3 h4 { color: #719dca; }
.zhongyang li.atv3 h4, .zhongyang li.atv4 h4, .zhongyang li.atv5 h4 { height: 130px; line-height: 200px; }
.zhongyang li.atv3 strong a { border-color: #808a8f }
.zhongyang li.atv4 { background: #b3d9eb; height: 290px; padding-top: 130px; }
.zhongyang li.atv4 strong a { border-color: #6b828d }
.zhongyang li.atv5 { background: #79bfe0; height: 290px; padding-top: 130px; }
.zhongyang li.atv5 strong a { border-color: #497386 }
#mdjs h3 em, .guanxianji h3 em { width: 370px; left: 415px; }
.guanxianji h3 { height:110px; }
.guanxianji h3 em { top: 90px; }
.guanxianji span { height: 69px; }
.guanxianji .cp { width: 850px; height: 310px; padding: 110px 0 0 350px; position: relative; background: #e8edf3; display: table;}
.guanxianji .cp h4 { width: 200px; height: 110px; position: absolute; left: 350px; top: 0; color: #789ad8; font-size: 30px; line-height: 160px; text-align: center; }
.guanxianji .cp em { display: table-cell; vertical-align: middle; width: 200px; }
.guanxianji .cp strong { display: table-cell; vertical-align: middle; padding-left: 60px; }
.qnjsq_rhxz { width: 1200px; height: 290px; margin: 75px auto; padding-top: 160px; background: url(../images/qnjsq_rhxz.jpg) center top no-repeat; }
.qnjsq_rhxz h3 { width: 1200px; line-height: 80px; height: 80px; text-align: center; font-size: 36px; color: #8a603f; }
.qnjsq_rhxz a { margin: 0 auto; color: #8a603f; border-color: #8a603f; }
.banner img.ban_img { width: 400px; position: absolute; left: 50%; margin-left: -470px; top: 220px; opacity: 0; filter: alpha(opacity=0); }
.active img.ban_img { top: 170px; opacity: 1; filter: alpha(opacity=100); transition: all 1s; }
.active img.ban_img1{ top:190px;}
.active div.ban_wenzi { opacity: 1; filter: alpha(opacity=100); transition: all 1s 0.5s;}
.ban_xia img.ban_right { position: absolute; right:0px; top: 252px; opacity: 0; filter: alpha(opacity=0); transition:all 1s}
.active img.ban_right { top: 190px; opacity: 1; filter: alpha(opacity=100); transition: all 1s }
#zyrsj_ban_xia { background: url(../images/zyrs_banxia.jpg) center no-repeat; margin:0 auto;}
#zyjsq_xia img.ban_right{ right:22px;}
.lingfs div.dnmbh{ width:525px; height:250px; position:absolute; left:50%; margin-left:-560px; top:200px; opacity: 0; filter: alpha(opacity=0);}
.lingfs div.dnmbh img{ position:absolute; left:70px; top:50px; width:89px; height:92px;}
.lingfs div.dnmbh span{ position:absolute; left:53px; top:16px; color:#8b603f; font-size:28px; line-height:28px; z-index:3}
.lingfs div.dnmbh strong{ position:absolute; left:50px; top:152px; font-size:42px; color:#8b603f; line-height:42px; z-index:3}
.lingfs div.dnmbh em{ position:absolute; left:53px; bottom:12px; font-size:14px; color:#575959; white-space:nowrap; z-index:3}
.active div.dnmbh{ top:154px; transition:all 1s; opacity: 1; filter: alpha(opacity=100);}
#qzglq_hexin{ padding:20px 0;}
#zyjsq_cp h3{ margin-bottom:80px; padding-top:30px;}
.ban_wenzi1{ margin-bottom:25px;}
/*首页*/
.picScroll-left{ width:100%; overflow:hidden; position:relative; height:600px;background: #fff;}
.picScroll-left .hd{height:0px; width:1200px; position:absolute; z-index:9; left:50%; margin-left:-600px; bottom:10px; top:50%;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:42px; height:84px; float:right; position:absolute; cursor:pointer; top:-42px;}
/*.picScroll-left .hd .next{ background:url(../images/next.png) left top no-repeat; right:0;}
.picScroll-left .hd .prev{ background:url(../images/prev.png) left top no-repeat; float:left;}*/
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; position:absolute; top:255px; left:50%; margin-left:-26px; height:14px; padding-top:2px;}
.picScroll-left .hd ul li{ float:left;  width:10px; height:10px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; border:1px solid #8a603f; border-radius:100%; position:relative; z-index:9}
.picScroll-left .hd ul li.on{ background:#8a603f; width:10px; height:10px;}
.tempWrap{ margin:0 auto;}
.picScroll-left .bd{ width:100%; overflow:hidden; height:600px;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1;}
.picScroll-left .bd ul li{float:left; _display:inline; overflow:hidden; text-align:center; width:100%; height:600px;}
.picScroll-left .bd ul li .pic{ text-align:center; position:relative; width:100%; overflow:hidden; height:600px;}
.picScroll-left .bd ul li .pic img{display:block; height:600px; width:1920px; position:absolute; left:50%; margin-left:-960px;}
.otljs{ width:1200px; margin:0 auto; padding-top:40px; /*height:560px;*/}
.otljs h1,.otlkq h1,.otlkq1 h1{ height:40px; border-bottom:1px solid #e9e2dc; position:relative; width:470px; margin:0 auto 80px; top:20px;/*opacity:0; filter:alpha(opacity=0);*/}
.otljs h1 span,.otlkq h1 span,.otlkq1 h1 span{ position:absolute; text-align:center; width:164px; font-size:30px; color:#8c644b; display:block; height:60px; line-height:60px; top:10px; background:#fff; left:143px;}
.active h1{ top:20px; opacity:1; filter:alpha(opacity=100); transition:all .5s;} 
.otljs ul,.otlkq ul.sykqjh,.otlkq1 ul.sykqjh{ width:1200px; overflow:hidden; height:440px; position:relative;}
.otljs ul li{ width:380px; float:left; position:absolute; top:0px;/* opacity:0; filter:alpha(opacity=0);*/}
.otljs ul li img,.otlkq ul li img,.otlkq1 ul li img{ display:block; width:100%}
.otljs ul li span,.otlkq ul li span,.otlkq1 ul li span{ width:100%; display:block; line-height:60px; height:60px;font-size:18px; color:#000; background:#fffcf7; text-align:center;}
.otlkq ul li span{ background:#fff;}
.otljs ul.syqnjs li.atv0,.otljs ul.syqnjs li.atv3{ left:0;}
.otljs ul.syqnjs li.atv1,.otljs ul.syqnjs li.atv4{ left:410px;}
.otljs ul.syqnjs li.atv2,.otljs ul.syqnjs li.atv5{ left:820px;}
/*.active ul.syqnjs li{ opacity:1; filter:alpha(opacity=100); top:0;}*/
.active ul.syqnjs li.atv0,.active ul.syqnjs li.atv3{ transition:all .8s;}
.active ul.syqnjs li.atv1,.active ul.syqnjs li.atv4{ transition:all .8s 0.1s;}
.active ul.syqnjs li.atv2,.active ul.syqnjs li.atv5{ transition:all .8s 0.2s;}
.otlkq,.otlkq1{ width:100%; padding-top:40px; /*height:560px;*/ background:#e7e3e0;}
.otlkq{padding-bottom: 40px;}
.otlkq1{ background:#fff;}
/*.otlkq h1{ border-color:#cec0b5}
.otlkq h1 span{ background:#e7e3e0;}*/
.otlkq ul.sykqjh,.otlkq1 ul.sykqjh{ margin:0 auto;}
.otlkq ul.sykqjh li,.otlkq1 ul.sykqjh li{ width:580px; top:0px; position:absolute;/*opacity:0; filter:alpha(opacity=0);*/}
.otlkq ul.sykqjh li.atv0,.otlkq1 ul.sykqjh li.atv0{ left:0;}
.otlkq ul.sykqjh li.atv1,.otlkq1 ul.sykqjh li.atv1{ right:0;}
/*.active ul.sykqjh li{opacity:1; filter:alpha(opacity=100); top:0;}*/
.active ul.sykqjh li.atv0{ transition:all 0.5s;}
.active ul.sykqjh li.atv1{ transition:all 0.5s 0.2s;}
.dongtai{ width:1200px; height:406px; padding:80px 0 114px; position:relative; margin:0 auto;}
.dongtai h3{ font-size:24px; color:#000; height:84px; line-height:84px; border:none; width:370px; margin-bottom:0;}
.dongtai div{ width:370px; position:absolute; height:406px; top:80px;opacity:0; filter:alpha(opacity=0);}
.dt_left{ left:-300px;} 
.dt_cen{ left:115px;}
.dt_right{ right:-300px;}
.dt_left ul,.dt_cen ul{ height:160px; padding:17px 0;}
.dt_left ul li,.dt_cen ul li,.dt_right ul li{ height:32px; line-height:32px;}
.dt_left ul li a,.dt_cen ul li a,.dt_right ul li a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;position: relative;padding-left: 20px;}
.dt_left ul li a:hover,.dt_cen ul li a:hover,.dt_right ul li a:hover{ text-decoration:underline;}
.dt_left ul li a:before,.dt_cen ul li a:before,.dt_right ul li a:before{content: '';display: block;width: 6px;height: 6px;border-radius: 50%;background: #dec49f;position: absolute;top: 50%;margin-top: -3px;left: 0;}
.dt_left a.more,.dt_cen a.more,.dt_right a.more{ width:85px; height:25px; line-height:25px; border:1px solid #575959; color:#575959; display:block; float:left; text-align:center; border-radius:5px;}
.dt_right span{ width:100%; display:block; line-height:24px; padding-top:10px;}
.dt_right p{ text-transform:uppercase;}
.dt_right em{ display:block; width:46px; height:1px; background:#8c644b; position:absolute; top:78px; left:0;}
.dt_right img{ display:block; position:absolute; left:0; bottom:0;}
.active .dt_left{opacity:1; filter:alpha(opacity=100); left:0px; transition:all 1s;}
.active .dt_cen{opacity:1; filter:alpha(opacity=100); left:415px; transition:all 1s}
.active .dt_right{opacity:1; filter:alpha(opacity=100); right:0px; transition:all 1s}
.baohu h3 {margin-bottom:0; }
#mdcsj_hexin .hexin_right1 img{ margin-left:0;}
/*.hexin_right1 em.shuiliu{ width:208px; height:61px; border:5px solid #00a2e9; display:block; position:absolute; border-top:none; border-radius:0 0 13px 13px; top:317px; left:380px;}
.hexin_right1 em.shuiliu:after{ content:''; width:5px; height:30px; background:#00a2e9; display:block; position:absolute; left:-5px; top:-30px;}*/
.hexin_right1 em.zhe_one{ width:5px;height:0px; background:#00a2e9; position:absolute; left:380px; top:287px;display:block;}
.hexin_right1 em.zhe_two{ width:0px;height:5px; background:#00a2e9; position:absolute; left:380px; top:378px;display:block;}
.hexin_right1 em.zhe_three{ width:5px;height:0px; background:#00a2e9; position:absolute; left:593px; bottom:162px;display:block;}
/*.atv em.zhe_one{ height:0; transition:all 1s;}
.atv em.zhe_two{ width:0; transition:all 1s 1s;}
.atv em.zhe_three{ height:0; transition:all 0.8s 2s;}*/


.suoyoucp { height: 500px; margin: 40px auto 0; width: 1200px; background:#d9ddde url(../images/qnjsq_epbj.jpg) center no-repeat; position: relative; overflow: hidden; padding:30px 0px;}
.suoyoucp h3.sycp { font-size: 36px; color: #8a603f; height: 130px; line-height: 130px; text-align: center; width: 1200px; position: absolute; left: 0; top:30px; border:none;}
.suoyoucp img { margin-top: -4px; position: relative; z-index: 3; }
.suoyoucp div { position: absolute; text-align: center; }
.suoyoucp div.zyjs { width: 320px; height: 80px; left: 230px; bottom:45px; z-index: 5 }
.suoyoucp div h4 { border-top: 2px solid #00a3ed; height: 45px; line-height: 50px; font-size: 18px; color: #00a3ed; }
.suoyoucp div.mdys h4, .suoyoucp div.mdys a { color: #43bce4; border-color: #43bce4; }
.suoyoucp div.gxj h4, .suoyoucp div.gxj a { color: #4776cb; border-color: #4776cb; }
.suoyoucp div a { width: 68px; line-height: 18px; height: 18px; font-size: 12px; border-radius: 5px; border: 1px solid #00a3ed; color: #00a3ed; display: block; margin: 0 auto; }
.suoyoucp div.mdys { width: 150px; height: 80px; left: 620px; bottom:45px; z-index: 5 }
.suoyoucp div.gxj { width: 160px; height: 80px; left:888px; bottom:45px; z-index: 5 }
.suoyoucp p.shuiliu { width: 0px; height: 10px; position: absolute; left: 0; bottom: 277px; z-index: 2; background: #00a3eb; }
.suoyoucp u.shuiliu { width: 10px; height: 0px; position: absolute; left: 966px; bottom: 277px; background: #00a3eb; z-index: 2; }
.active p.shuiliu { width: 976px; transition: all 3s ease-out; }
.active u.shuiliu { height: 84px; transition: all 1s 2.8s ease-out; }
#ysjcp{ padding:125px 0 95px; height:300px; border:none; opacity:1;filter:alpha(opacity=100);}
#ysjcp em{ width:200px;}
#ysjcp ul{ width:350px;}
#ysjcp ul li strong{ max-width:230px;}
#ysjcp img.azt_img{ width:480px; height:240px; top:50%; margin-top:-120px; right:30px;}
#ysjcp img.azt_img:hover{ width:600px; height:300px; margin-left:-60px; right:0; transition:all 0.3s;}
#ysjcp h3 i{ font-size:14px;}
/*方案*/
.faban{ width:100%; height:600px; background:#e7e7e7; position:relative;}
.faban img{ position:absolute; left:50%; margin-left:-525px; bottom:0;}
.faban h2{ font-size:36px; color:#8a603f; line-height:100%; height:36px; top:210px; position:absolute; left:50%; margin-left:-70px;}
.zdgaz{ width:1200px; margin:0 auto; padding-top:140px; height:460px; position:relative;}
.gdaz,.gdaz2{ width:1200px; position:relative; height:400px; display:none;}
.gdaz img.imgls,.gdaz2 img.imgls,.shiyong_div img.imgls{ height:400px; display:block; position:absolute; top:0; left:-70px; opacity:0;filter:alpha(opacity=0);}
.active .gdaz img.imgls,.active .gdaz2 img.imgls,.active .shiyong_div img.imgls{ left:0;opacity:1;filter:alpha(opacity=100); transition:all 1s .5s;}
.gdaz img.z_index,.gdaz2 img.z_index,.shiyong_div img.z_index{ z-index:2}
.zdgaz_right{ width:430px; float:right; padding-right:40px; margin-right:-70px;opacity:0;filter:alpha(opacity=0);}
.active .zdgaz_right{ margin-right:0px;opacity:1;filter:alpha(opacity=100);transition:all 1s 1s;}
.zdgaz_right h4{ font-size:24px; line-height:100%; color:#000; height:40px;}
.zdgaz_right span{ color:#575959; display:block; font-size:14px; line-height:30px; margin-top:20px;}
.zdgaz_right span em{ color:#00a3ed; line-height:25px;}
.zdgaz_right p{ padding-left:10px; position:relative; font-size:14px; line-height:30px; color:#575959;}
.zdgaz_right p:after{ content:'>'; height:30px; line-height:30px; position:absolute; left:0; top:0;}
.zdgaz_right strong{ display:block; line-height:30px; padding-top:20px; color:#00a3ed}
.gdaz i,.gdaz2 i,.shiyong_div i{ position:absolute; display:block; background:#00a3ed; z-index:1;}
.gdaz i.sl1,.gdaz i.sl4,.gdaz i.sl5,.gdaz i.sl6{ height:7px;}
.gdaz i.sl2,.gdaz i.sl3{ width:7px;}
.gdaz i.sl1{ width:0px; top:180px; left:0;}
.gdaz i.sl2{ height:0px; bottom:214px; left:300px;}
.gdaz i.sl3{ height:0px; top:183px; left:300px;}
.gdaz i.sl4{ width:0px; top:180px; left:300px;}
.gdaz i.sl5{ width:0px; bottom:97px; left:300px;}
.gdaz i.sl6{ width:0px; top:75.5px; left:300px;}
.active .gdaz i.sl1{ width:308px; transition:all 1s 1.5s;}
.active .gdaz i.sl2{ height:110px; transition:all 1s 2.5s;}
.active .gdaz i.sl3{ height:120px; transition:all 1s 2.5s;}
.active .gdaz i.sl4{ width:95px; transition:all 1s 3.5s;}
.active .gdaz i.sl5{ width:59px; transition:all 1s 3.5s;}
.active .gdaz i.sl6{ width:140px; transition:all 1s 3.5s;}
.gdaz2 i.sl11{ width:0; left:0; top:240px; height:7px;}
.gdaz2 i.sl22{ height:0; width:7px; left:487px; bottom:160px;}
.gdaz2 i.sl33{ width:0; left:495px; top:240px; height:7px;}
.gdaz2 i.sl44{ height:7px; right:705.5px; width:0; top:122px;}
/*.active .gdaz2 i.sl1{ width:495px; transition:all 2s;}
.active .gdaz2 i.sl2{ height:115px; transition:all 1s 2s;}
.active .gdaz2 i.sl3{ width:53px;  transition:all 1s 2s;}
.active .gdaz2 i.sl4{ width:72px; transition:all 1s 2.8s;}*/
.zdgaz ul{ width:328px; margin-left:171px; float:left; height:27px; margin-top:16px; opacity:0;filter:alpha(opacity=0);}
.zdgaz ul li{ width:74px; height:25px; line-height:25px; font-size:12px; float:left; margin:0 44px;color:#000; border:1px solid #666; text-align:center; cursor:pointer; border-radius:5px;}
.zdgaz ul li.atv{ color:#8a603f; border-color:#8a603f;}
.active ul{ opacity:1;filter:alpha(opacity=100); transition:all 1s 1s;}
.gongyong{ width:270px; height:79px; border-bottom:1px solid #00a3ed; color:#00a3ed; position:absolute; top:-70px; left:50%; margin-left:-135px; font-size:36px; text-align:center;opacity:0; filter:alpha(opacity=0);}
.active .gongyong{ top:0; opacity:1; filter:alpha(opacity=100); transition:all 1s}
.gongyong span{ display:block; width:190px; background:#fff; height:40px; line-height:40px; position:absolute; left:40px; top:60px;}
.shiyong{ width:100%; height:600px; background:#e1ded9;}
.shiyong_div{ width:1200px; height:400px; padding-top:140px; margin:0 auto; position:relative;}
.shiyong_div h3{ color:#02acdf; border-color:#02acdf;}
.shiyong_div h3 span{ background:#e1ded9;}
.shiyong_div img.imgls{ top:140px;}
.zdgaz_right p.blue,.zdgaz_right h4 em{ color:#00a3ed}
.shiyong_div i.sy_sl1,.shiyong_div i.sy_sl111{ width:0; height:7px; top:380px; left:0;}
.shiyong_div i.sy_sl2{ width:7px; height:0; bottom:153px; left:272px;}
.shiyong_div i.sy_sl3{ width:0; height:7px; top:262px; left:272px;}
.active .shiyong_div i.sy_sl1{ width:550px; transition:all 2s 1.5s; -moz-transition:all 2s 1.5s; -ms-transition:all 2s 1.5s; -o-transition:all 2s 1.5s; -webkit-transition:all 2s 1.5s;}
.active .shiyong_div i.sy_sl2{ height:180px; transition:all 1s 2.1s; -moz-transition:all 1s 2.1s; -ms-transition:all 1s 2.1s; -o-transition:all 1s 2.1s; -webkit-transition:all 1s 2.1s;}
.active .shiyong_div i.sy_sl3{ width:140px; transition:all .7s 2.6s; -moz-transition:all .7s 2.6s; -ms-transition:all .7s 2.6s; -o-transition:all .7s 2.6s; -webkit-transition:all .7s 2.6s;}
#biaozhun,#biaozhun h3 span,#shushi,#shushi h3 span{ background:#fff;}
#biaozhun .zdgaz_right h4,#shushi .zdgaz_right h4{ height:80px;}
#biaozhun .zdgaz_right h4 em{ margin-bottom:10px; display:block;}
#pinzhi .zdgaz_right h4{ height:70px; line-height:35px; margin-top:-5px;}
#pinzhi .zdgaz_right h4 em{ color:#6ec5ca;}
#pinzhi h3{ color:#6ec5ca; border-color:#6ec5ca;}
#pinzhi .zdgaz_right span em,#pinzhi .zdgaz_right p.blue,#pinzhi .zdgaz_right strong{ color:#6ec5ca}
.active .shiyong_div i.sy_sl111{ width:609px;transition:all 2s 1.5s; -moz-transition:all 2s 1.5s; -ms-transition:all 2s 1.5s; -o-transition:all 2s 1.5s; -webkit-transition:all 2s 1.5s;}
#pinzhi .shiyong_div i.sy_sl2,#pinzhi .shiyong_div i.sy_sl3{ left:254px;}
.shiyong_div i.sy_sl4{ width:7px; height:0; bottom:153px; left:602px;}
.active .shiyong_div i.sy_sl4{ height:140px; transition:all 1s 3.3s;}
#shushi h3{ color:#e8aa62; border-color:#e8aa62;}
#shushi .zdgaz_right h4{ line-height:40px; margin-top:-8px;}
#shushi .zdgaz_right h4 em,#shushi .zdgaz_right span em,#shushi .zdgaz_right p.blue,#shushi .zdgaz_right strong{ color:#e8aa62}
.shiyong_div i.ss_sl1{ width:0px; height:7px; left:0; top:379px;}
.shiyong_div i.ss_sl2{ height:0px; width:7px; left:253px; bottom:158px;}
.shiyong_div i.ss_sl3{ width:0px; height:7px; left:253px; top:261px;}
.shiyong_div i.ss_sl4{ width:0px; height:7px; left:253px; top:321px;}
.shiyong_div i.ss_sl5{ height:0px; width:7px; left:457px; top:321px;}
.shiyong_div i.ss_sl6{ width:0px; height:7px; left:489px; top:379px;}
.shiyong_div i.ss_sl7{ height:0px; width:7px; left:602px; bottom:155px;}
.shiyong_div i.ss_sl8{ height:0px; width:7px; left:335px; top:498px; background:#e7a75b}
.shiyong_div i.ss_sl9{ width:0px; height:7px; left:335px; top:526px; background:#e7a75b}
.active .shiyong_div i.ss_sl1{ width:310px; transition:all 1.5s 1.5s;}
.active .shiyong_div i.ss_sl2{ height:120px; transition:all 1s 2.2s;}
.active .shiyong_div i.ss_sl3{ width:139px; transition:all 1s 3s;}
.active .shiyong_div i.ss_sl4{ width:211px; transition:all 1s 2.5s;}
.active .shiyong_div i.ss_sl5{ height:70px; transition:all .5s 3.3s;}
.active .shiyong_div i.ss_sl6{ width:120px; transition:all .7s 3.7s;}
.active .shiyong_div i.ss_sl7{ height:120px; transition:all .8s 4.3s;}
.active .shiyong_div i.ss_sl8{ height:35px; transition:all .3s 3.8s;}
.active .shiyong_div i.ss_sl9{ width:189px; transition:all .8s 4.1s;}
/*水污染*/
.shuiwuran{ width:1200px; height:600px; margin:0 auto; position:relative;}
.shuiwuran h3{ width:1200px; position:absolute; left:0; top:70px; font-size:36px; color:#8a603f; line-height:100%; text-align:center; opacity:0; filter:alpha(opacity=0);}
.active h3{ top:125px; opacity:1; filter:alpha(opacity=100); transition:all 1s;}
.shuiwuran img.hl{ position:absolute; left:25px; top:222px; opacity:0; filter:alpha(opacity=0);}
.shuiwuran ul.ban_ul li{ width:300px; height:170px; position:absolute;}
.shuiwuran ul.ban_ul li span{ position:absolute; color:#8a603f; height:25px; line-height:25px; opacity:0; filter:alpha(opacity=0);}
.shuiwuran ul.ban_ul li span em{ width:13px; height:13px; display:block; border-radius:100%; margin:6px; background:#8a603f; float:left;}
.shuiwuran ul.ban_ul li img{ position:absolute; left:-50px; top:0; opacity:0; filter:alpha(opacity=0);}
.shuiwuran ul.ban_ul li.atv0{ left:16px; top:240px;}
.shuiwuran ul.ban_ul li.atv0 span{ bottom:90px; left:60px;}
.shuiwuran ul.ban_ul li.atv1{ left:400px; top:221px;}
.shuiwuran ul.ban_ul li.atv1 span{ left:201px; bottom:33px;}
.shuiwuran ul.ban_ul li.atv2{ left:235px; bottom:19px;}
.shuiwuran ul.ban_ul li.atv2 span{ left:147px; bottom:0;}
.shuiwuran ul.ban_ul li.atv3{ left:800px; top:246px;}
.shuiwuran ul.ban_ul li.atv3 span{ left:153px; bottom:39px;}
.shuiwuran ul.ban_ul li.atv4{ left:583px; bottom:7px;}
.shuiwuran ul.ban_ul li.atv4 span{ left:176px; bottom:5px;}
.shuiwuran ul.ban_ul li img.jiantou1{ top:117px; left:5px; opacity:0; filter:alpha(opacity=0);}
.shuiwuran ul.ban_ul li img.jiantou2{ top:14px; left:110px; opacity:0; filter:alpha(opacity=0);}
.shuiwuran ul.ban_ul li img.jiantou3{ top:125px; left:33px; opacity:0; filter:alpha(opacity=0);}
.shuiwuran ul.ban_ul li img.jiantou4{ top:44px; left:106px; opacity:0; filter:alpha(opacity=0);}
.active img.heliu0{ opacity:1; filter:alpha(opacity=100); transition:all 0.5s;}
/*.active ul.ban_ul li.atv0 img{ left:0; opacity:1; filter:alpha(opacity=100);  transition:all .5s .5s;}*/
.active ul.ban_ul li.atv0 span{ opacity:1; filter:alpha(opacity=100);  transition:all .5s .8s;}
.active img.heliu1{ opacity:1; filter:alpha(opacity=100); transition:all .5s 1s;}
.active ul.ban_ul li.atv1 img{ left:0; opacity:1; filter:alpha(opacity=100);  transition:all .5s 1.5s;}
.active ul.ban_ul li.atv1 span{ opacity:1; filter:alpha(opacity=100);  transition:all .5s 1.8s;}
.active ul.ban_ul li.atv1 img.jiantou1{left:5px; opacity:1; filter:alpha(opacity=100);  transition:all .5s 1.8s;}
.active img.heliu2{ opacity:1; filter:alpha(opacity=100); transition:all .5s 2s;}
.active ul.ban_ul li.atv2 img{ left:0; opacity:1; filter:alpha(opacity=100);  transition:all .5s 2.5s;}
.active ul.ban_ul li.atv2 span{ opacity:1; filter:alpha(opacity=100);  transition:all .5s 2.8s;}
.active ul.ban_ul li.atv2 img.jiantou2{ left:110px; opacity:1; filter:alpha(opacity=100);  transition:all .5s 2.8s;}
.active img.heliu3{ opacity:1; filter:alpha(opacity=100); transition:all .5s 3s;}
.active ul.ban_ul li.atv3 img{ left:0; opacity:1; filter:alpha(opacity=100);  transition:all .5s 3.5s;}
.active ul.ban_ul li.atv3 span{ opacity:1; filter:alpha(opacity=100);  transition:all .5s 3.8s;}
.active ul.ban_ul li.atv3 img.jiantou3{ left:33px; opacity:1; filter:alpha(opacity=100);  transition:all .5s 3.8s;}
.active img.heliu4{ opacity:1; filter:alpha(opacity=100); transition:all .5s 4s;}
.active ul.ban_ul li.atv4 img{ left:0; opacity:1; filter:alpha(opacity=100);  transition:all .5s 4.5s;}
.active ul.ban_ul li.atv4 span{ opacity:1; filter:alpha(opacity=100); transition:all .5s 4.8s;}
.active ul.ban_ul li.atv4 img.jiantou4{ left:106px; opacity:1; filter:alpha(opacity=100);  transition:all .5s 4.8s;}
.active img.heliu5{ opacity:1; filter:alpha(opacity=100); transition:all .5s 5s;}
.zlsc{ width:100%; height:600px; background:#f2f2f2;}
.shuicheng{ width:1200px; margin:0 auto; height:600px; position:relative;}
.shuicheng h2,.shuiguan h2.sg{ font-size:28px; line-height:40px; position:absolute; top:45px; color:#8c644b; left:190px; width:460px; text-align:center; opacity:0; filter:alpha(opacity=0);}
.active .shuicheng h2,.active h2.sg{ opacity:1; filter:alpha(opacity=100);transition:all 1s; top:95px;}
.shuicheng strong{ width:457px; height:280px; display:block; position:absolute; left:190px; top:215px; }
.shuicheng strong img{ position:absolute; bottom:0; transform:scale(0);}
.shuicheng strong img.img_1{ left:254px;}
.shuicheng strong img.img_2{ left:145px;}
.shuicheng strong img.img_3{ left:31px;}
.shuicheng h2 span,.shuiguan h2 span{ display:block; font-size:14px; line-height:24px;}
.shuiguan h2 span{ position:relative;}
.shuiguan h2 span em.ssg_em{ width:292px; position:absolute; text-align:right; top:0; left:0; opacity:0; filter:alpha(opacity=0);}
.shuiguan h2 span em.st_em{ width:292px; position:absolute; text-align:left; top:0; left:292; opacity:0; filter:alpha(opacity=0);}
.active h2 span em.ssg_em{ left:-47px; top:70px; text-align:center; opacity:1; filter:alpha(opacity=100); transition:all 1s 1.5s;}
.active h2 span em.st_em{ left:372px; top:70px; text-align:center; opacity:1; filter:alpha(opacity=100); transition:all 1s 2.5s;}
.shuicheng img.zlsc_img{ position:absolute; left:190px; top:215px; opacity:0; filter:alpha(opacity=0);}
.shuicheng i{ position:absolute; display:block;}
.shuicheng i.shuiliu1{ width:30px; height:0px; background:#adb1b2; border-radius:0; right:234px; top:256px;}
.shuicheng i.shuiliu2{ width:0px; height:30px; background:#adb1b2; right:264px; top:426px;}
.shuicheng i.shuiliu3{ width:0px; height:30px; background:#a0d9f6; border-radius:0; right:1010px; top:426px;}
.shuicheng i.shuiliu4{ width:30px; height:0px; background:#a0d9f6;right:1138px; top:456px;}
.active .shuicheng i.shuiliu1{ height:200px; border-radius:0 0 30px 0; transition:all .5s;}
.active .shuicheng i.shuiliu2{ width:290px; transition:all .5s .5s;}
.active .shuicheng img.zlsc_img{ opacity:1; filter:alpha(opacity=100);transition:all 1s .8s;}

.active .shuicheng strong img.img_1{ transform:scale(1); transition:all 0.5s 1.7s}
.active .shuicheng strong img.img_2{ transform:scale(1); transition:all 0.5s 2s}
.active .shuicheng strong img.img_3{ transform:scale(1); transition:all 0.5s 2.3s}

.active .shuicheng i.shuiliu3{ width:158px; border-radius:30px 0 0 0;transition:all .5s 3s;}
.active .shuicheng i.shuiliu4{ height:144px;transition:all .5s 3.5s;}
.shuiguan{ width:1200px; margin:0 auto; position:relative; height:600px;}
.shuiguan h2.sg{ width:610px; margin-left:-310px; left:50%; line-height:60px;}
.shuiguan ul{ width:715px; margin:0 auto; position:relative; top:256px;}
.shuiguan ul li{ width:293px; position:absolute; top:0; z-index:2;}
.shuiguan ul li.atv0{ left:-50px; opacity:0; filter:alpha(opacity=0);}
.shuiguan ul li.atv1{ right:-50px; opacity:0; filter:alpha(opacity=0);}
.shuiguan ul li span{ width:100%; text-align:center; display:block; height:36px; line-height:36px; background:#e6e6e6; color:#575959;}
.shuiguan i{ display:block; position:absolute; background:#a0d9f6;}
.shuiguan i.sg_shuiliu1{ width:30px; height:0px; border-radius:0; top:0; left:32px;}
.shuiguan i.sg_shuiliu2{ height:30px; width:0px; top:410px; left:62px; }
.shuiguan i.sg_shuiliu3{ height:18px; width:0px; top:416px; left:535px;}
.shuiguan i.sg_shuiliu4{ height:12px; width:0px; top:419px; left:957px; border-radius:0;}
.shuiguan i.sg_shuiliu5{ width:12px; height:0px; top:431px; left:1130px;}
.active i.sg_shuiliu1{ height:440px; border-radius:0 0 0 30px; transition:all 1s;}
.active i.sg_shuiliu2{ width:180px; transition:all .5s 1s;}
.active ul.sg li.atv0{ left:0px; opacity:1; filter:alpha(opacity=100); transition:all 1s 1.5s}
.active i.sg_shuiliu3{ width:129px; transition:all 0.5s 2.5s}
.active ul.sg li.atv1{ right:0px; opacity:1; filter:alpha(opacity=100); transition:all .5s 3s}
.active i.sg_shuiliu4{ width:185px; border-radius:0 12px 0 0; transition:all .5s 3.3s}
.active i.sg_shuiliu5{ height:169px; transition:all .5s 3.8s}
.shuilongtou{ width:100%; height:600px; background:url(../images/slt_bj.jpg) center top no-repeat;}
.slt{ width:1200px; margin:0 auto; height:600px; position:relative;}
.slt h2{ width:520px; text-align:center; position:absolute; left:50px; height:50px; line-height:50px; top:80px; font-size:28px; color:#8c644b;opacity:0; filter:alpha(opacity=0);}
.active .slt h2{ top:140px; opacity:1; filter:alpha(opacity=100); transition:all 1s}
.slt img.slt_img{ position:absolute; left:590px; top:60px; z-index:2;opacity:0; filter:alpha(opacity=0);}
.active .slt img.slt_img{opacity:1; filter:alpha(opacity=100); transition:all .5s 1s}
.slt img.shuidi{ position:absolute; left:513px; top:80px; transform:scale(0);}
.active .slt img.shuidi{top:230px;transform:scale(1); transition:all .5s 1.5s;}
.slt ul{ width:620px; height:250px; position:absolute; left:340px; top:290px;}
.slt ul li{ font-size:14px; font-weight:600; position:absolute; line-height:160%;opacity:0; filter:alpha(opacity=0);}
.slt ul li em{ display:block; font-weight:500;}
.slt ul li.atv0{ top:15px; left:395px; color:#46371e;}
.slt ul li.atv1{ text-align:right; top:15px; left:0; width:162px; color:#26947b;}
.slt ul li.atv2{ text-align:right; left:0; width:162px; top:100px; color:#193f7e;}
.slt ul li.atv3{ left:395px; top:100px; color:#4a5b28;}
.slt ul li.atv4{ text-align:right; left:0;width:162px; top:187px; color:#799c5a;}
.slt ul li.atv5{ left:395px; top:187px; color:#b79f18}
.slt .shuidi_div{ width:210px; height:320px; position:absolute; left:513px; top:230px; color:#fff;}
.slt .shuidi_div em{ width:42px; height:42px; display:block; position:absolute; border-radius:42px; text-align:center; line-height:42px; font-size:12px;opacity:0; filter:alpha(opacity=0);}
.slt .shuidi_div em.atv0{ top:60px; left:84px; background:#46371e;}
.slt .shuidi_div em.atv1{ top:103px; left:60px; background:#46371e;}
.slt .shuidi_div em.atv2{ top:103px; left:107px; background:#46371e;}
.slt .shuidi_div em.atv3{ top:150px; left:32px; background:#26947b;}
.slt .shuidi_div em.atv4{ top:150px; left:83px; background:#26947b;}
.slt .shuidi_div em.atv5{ top:150px; left:134px; background:#26947b;}
.slt .shuidi_div em.atv6{ top:200px; left:12px; background:#193f7e;}
.slt .shuidi_div em.atv7{ top:200px; left:59px; background:#193f7e;}
.slt .shuidi_div em.atv8{ top:200px; left:107px; background:#4a5b28;}
.slt .shuidi_div em.atv9{ top:200px; left:154px; background:#4a5b28;}
.slt .shuidi_div em.atv10{ top:250px; left:59px; background:#739236;}
.slt .shuidi_div em.atv11{ top:250px; left:107px; background:#b79f18; line-height:15px; height:30px; padding:6px 0;}
.active .slt .shuidi_div em.atv0,.active .slt .shuidi_div em.atv1,.active .slt .shuidi_div em.atv2{opacity:1; filter:alpha(opacity=100); transition:all .5s 2s;}
.active .slt ul li.atv0{opacity:1; filter:alpha(opacity=100); transition:all .5s 2.5s;}
.active .slt .shuidi_div em.atv3,.active .slt .shuidi_div em.atv4,.active .slt .shuidi_div em.atv5{opacity:1; filter:alpha(opacity=100); transition:all .5s 3s;}
.active .slt ul li.atv1{opacity:1; filter:alpha(opacity=100); transition:all .5s 3.5s;}
.active .slt .shuidi_div em.atv6,.active .slt .shuidi_div em.atv7{opacity:1; filter:alpha(opacity=100); transition:all .5s 4s;}
.active .slt ul li.atv2{opacity:1; filter:alpha(opacity=100); transition:all .5s 4.5s;}
.active .slt .shuidi_div em.atv8,.active .slt .shuidi_div em.atv9{opacity:1; filter:alpha(opacity=100); transition:all .5s 5s;}
.active .slt ul li.atv3{opacity:1; filter:alpha(opacity=100); transition:all .5s 5.5s;}
.active .slt .shuidi_div em.atv10{opacity:1; filter:alpha(opacity=100); transition:all .5s 6s;}
.active .slt ul li.atv4{opacity:1; filter:alpha(opacity=100); transition:all .5s 6.5s;}
.active .slt .shuidi_div em.atv11{opacity:1; filter:alpha(opacity=100); transition:all .5s 7s;}
.active .slt ul li.atv5{opacity:1; filter:alpha(opacity=100); transition:all .5s 7.5s;}
.slt i{ display:block; position:absolute; background:#a0d9f6}
.slt .slt_shuiliu1{ width:12px; height:0px; right:58px; top:0; border-radius:0 ;}
.slt .slt_shuiliu2{ width:0px; height:12px; right:70px; top:163px;}
.active .slt .slt_shuiliu1{ height:175px; border-radius:0 0 30px 0; transition:all .5s;}
.active .slt .slt_shuiliu2{ width:342px;transition:all .5s .5s;}
.lvxin{ width:1200px; margin:0 auto; height:630px; position:relative;}
.lvxin h2.lx{ height:50px; line-height:50px; text-align:center; position:absolute; top:0px; width:1200px; left:0; font-size:28px; color:#8a603f; opacity:0; filter:alpha(opacity=0);}
.active h2.lx{ opacity:1; filter:alpha(opacity=100); top:50px; transition:all 1s}
.lvxin ul.lv_ul{ width:1200px; position:absolute; left:0; top:168px;}
.lvxin ul.lv_ul li{ height:337px;}
.lvxin ul.lv_ul li span{ width:100%; text-align:center; height:100px; line-height:100px; color:#000; display:block;}
.lvxin ul.lv_ul li.atv0{ width:358px; position:absolute; left:100px; top:0; opacity:0; filter:alpha(opacity=0);}
.lvxin ul.lv_ul li.atv1{ width:449px; position:absolute; right:100px; top:0;opacity:0; filter:alpha(opacity=0);}
.active ul.lv_ul li.atv0{ left:150px; opacity:1; filter:alpha(opacity=100); transition:all 1s 1s;}
.active ul.lv_ul li.atv1{ right:150px; opacity:1; filter:alpha(opacity=100); transition:all 1s 1s;}
.lvxin a.ljjscp{ width:900px; height:60px; line-height:60px; position:absolute; bottom:50px; left:50%; margin-left:-450px; display:block; background:#eee; font-size:18px; text-align:center; color:#333; transition:all 0.3s;}
.lvxin a.ljjscp:hover{ background:#dec49f; color:#fff; transition:all 0.3s;}
.fhdb{ background:#DEC49F; z-index:99999; width:50px; height:50px; border-radius:100%; position:fixed; right:20px; bottom:80px; cursor:pointer;}
.fhdb img{ width:60%; margin:10px;}
#zyjsq_cp ul li em img{ height:90px;}
.hexin_right strong.right_str{ position:absolute; top:280px; width:365px; right:25px; opacity:0; filter:alpha(opacity=0);}
.hexin_right strong#right_str2{ top:166px; right:158px;}
.hexin_right strong#right_str2 img{ top:97px;}
.hexin_right strong#right_str2 h2{ text-align:left;}
.hexin_right strong#right_str2 span{ top:55px;}
.hexin_right strong#right_str3{ top:193px; right:138px;}
.hexin_right strong#right_str3 img{ top:160px;}
.hexin_right strong#right_str3 h2{ text-align:left;}
.hexin_right strong#right_str3 span{ top:80px;}
.hexin_right strong.right_str h2{ color:#a17c5a; font-size:28px; line-height:150%;}
#zyjsq_hexin .right_str span{ opacity:1; filter:alpha(opacity=100); font-size:14px; color:#575959; top:48px; text-align:left;}
.atv strong.right_str{ top:230px; opacity:1; filter:alpha(opacity=100); transition:all 1s .5s;}
.atv strong#right_str2{ top:116px;}
.atv strong#right_str3{ top:143px;}

.dwwz{ width:672px; height:400px; display:block; position:absolute; top:0; left:-70px; z-index:3; opacity:0; filter:alpha(opacity=0); }
.dwwz i{ background:none; position:absolute; font-size:12px; color:#000; width:110px; display:block; text-align:center;}
.dwwz em{ line-height:18px; color:#00a3ed; font-size:14px; width:120px; display:block; text-align:center; position:absolute;}
.dwwz i.one{ bottom:73px; left:118px;}
.dwwz em.one{ right:20px; top:80px;}
.dwwz em.two{ right:56px; top:190px;}
.dwwz em.three{ right:103px; top:302px;}
.active .dwwz{ opacity:1; filter:alpha(opacity=100); left:0; transition:all 1s .5s;}
#cxaz i.one{ bottom:7px; left:353px;}
#cxaz em.one{ right:155px; top:103px;}
#cxaz em.two{ right:10px; top:234px;}
#sy_dwwz,#bz_dwwz,#pz_dwwz,#ss_dwwz{ top:140px;}
#sy_dwwz i.one{ bottom:-2px; left:83px;}
#sy_dwwz i.two{ bottom:0px; left:358px;}
#sy_dwwz em.one{right: 150px;top: 119px;}
#sy_dwwz em.two{right: 9px;top: 234px;}
#sy_dwwz em.three{right: 338px;top: 42px;}

#bz_dwwz i.one{ bottom:-2px; left:149px;}
#bz_dwwz i.two{ bottom:-1px; left:358px;}
#bz_dwwz i.three{ bottom:-1px; left:50px;}
#bz_dwwz em.one{right: 157px;top: 116px;}
#bz_dwwz em.two{right: 12px;top: 234px;}
#bz_dwwz em.three{right: 336px;top: 41px;}

#pz_dwwz i.one{ bottom:-2px; left:142px;}
#pz_dwwz i.two{ bottom:-1px; left:343px;}
#pz_dwwz i.three{ bottom:-1px; left:52px;}
#pz_dwwz i.four{bottom: 215px; right: 11px;}
#pz_dwwz em.one{right: 170px;top: 116px;}
#pz_dwwz em.two{right: 31px;top: 261px;}
#pz_dwwz em.three{right: 356px;top: 41px;}
#pz_dwwz em.four{right:7px;top: 20px;}

#ss_dwwz i.one{ bottom:13px; left:147px;}
#ss_dwwz i.two{ bottom:14px; left:408px;}
#ss_dwwz i.three{ bottom:14px; left:51px;}
#ss_dwwz i.four{bottom: 217px; right: 11px;}
#ss_dwwz i.five{bottom: 13px; right: 281px;}
#ss_dwwz em.one{right: 170px;top: 114px;}
#ss_dwwz em.two{right: 31px;top: 259px;}
#ss_dwwz em.three{right:24px;top:379px; color:#e8aa62}
#ss_dwwz em.four{right:7px;top: 17px;}
.dt_kuang{ width:100%; height:600px; background:#e7e3e0}
.nav1 li.active11 ul li,.nav1 li.active15 ul li{ text-align:center; min-width:80px;}
.nav1 li.active11 ul li span,.nav1 li.active15 ul li span{ display:block; margin:0 auto;}
.nav1 li.active11 ul{ width:246px; display:block; padding-right:132px; padding-left:570px;}
.nav1 li.active15 ul{ width:270px; display:block;  padding-right:18px; padding-left:660px;}






/*首页更改*/
.nav1 li:nth-child(2) ul{right: auto;left: 0;}
.nav1 li:nth-child(3) ul{right: auto;left: 150px;}
.nav1 li:nth-child(6) ul{right: 45px;}

.idxppjj{ width:1200px; margin:0 auto; padding-top:40px;}
.idxppjj h1{ height:40px; border-bottom:1px solid #e9e2dc; position:relative; width:470px; margin:0 auto 80px; top:20px;/*opacity:0; filter:alpha(opacity=0);*/}
.idxppjj h1 span{ position:absolute; text-align:center; width:250px; font-size:30px; color:#8c644b; display:block; height:60px; line-height:60px; top:10px; background:#fff; left:50%;margin-left: -125px;}
.idxppjj .about-row1{ margin:56px 0 0;}
.idxppjj .about-row1 .fl{ width:540px;}
.idxppjj .about-row1 .fl img{ width:540px; height:313px;}
.idxppjj .about-row1 .fr{ width:600px;}
.idxppjj .about-row1 .stit{ font-size:24px; color:#8a603f; margin:13px 0 5px;}
.idxppjj .about-row1 .p p{ font-size:16px; line-height:32px;color: #333 !important;} 
.idxppjj .about-row1 .p p span{ font-size:16px; line-height:32px;color: #333 !important;} 


.rebeng,.bigualu{display: block;margin: 0 auto;width: 1200px;}
.rebeng img{display: block;width: 100%;}
.bigualu img{display: block;width: 100%;}


.idxnew{margin: 27px 0 0;position: relative;height: 600px;width: 100%;overflow: hidden;}
.idxnew img{display: block;width: 1920px;height: 600px;position: absolute;left: 50%;margin-left: -960px;top: 0;}

.pc_head_nav >ul > li:nth-child(4) ul{width: 948px;}