/* CSS Document */
* { margin: 0; padding: 0; }
html { overflow-x: hidden;}
body { font-family: '微软雅黑';line-height: 150%; font-size: 14px; width: 100%; max-width: 640px; margin: 0 auto; height: 100%; }
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; -webkit-tap-highlight-color: rgba(0,0,0,0); }
p { padding: 0px; font-size: 14px; }
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; }
/*菜单页*/
.swiper-container { width: 100%;}
.swiper-slide { text-align: center; font-size: 18px; background: #fff;/*display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;*/}
.swiper-slide img{ width:100%; display:block;}
#banner span.swiper-pagination-bullet{ width:10px; height:10px; background:none; border:2px solid #8b603f}
#banner span.swiper-pagination-bullet-active{ background:#8b603f;}
.top{ width:100%; position:absolute; top:0; left:50%; z-index:99; max-width:640px; transform:translateX(-50%);}
.top a.logo{ width:28.125%; position:absolute; max-width:180px; display:block; top:10px; left:50%; transform:translateX(-50%);}
.top a.logo img{ display:block; width:100%;}
.nav_div{ width:100%; height:100%; background:#88603f; position:fixed; left:-100%; top:0; z-index:111; overflow:auto;}
.nav_div strong{ width:94%; margin:20px auto 0; display:block;}
.nav_div img.logo1{ width:30%;}
.nav_div strong em.close{ width:23px; height:23px; display:block; float:right;}
.nav_div strong em.close img{ display:block; width:100%;}
.nav_div ul{ width:94%; margin:10px auto 0;}
.nav_div ul li{ width:100%;  line-height:40px; position:relative;}
.nav_div ul li a{ font-size:16px; color:#dcdcdc; display:block;border-bottom:1px solid #dcdcdc;}
.nav_div ul li.active:after{ content:'+';  font-size:30px;}
.nav_div ul li:after{content:'>';position:absolute; right:0; top:0; height:40px; line-height:40px; font-size:24px;color:#dcdcdc}
.nav_div ul li span{ display:block; width:100%; height:40px; position:absolute; top:0; left:0;}
.nav_div ul li ul{ width:100%; padding-left:15px; box-sizing:border-box; margin-top:0; display:none;}
.nav_div ul li ul li:after{ content:'';}
.nav_div ul li ul li{ line-height:35px;}
.nav_div ul li ul li a{ font-size:14px;}
.nav_div ul li.atv:after{ content:'-'; font-size:30px; right:5px;}
.Cnav { padding: 15px 8% 5px; }
.Cnav li { float: left; display: inline; width: 33.33%; margin-bottom: 15px; }
.Cnav li a { display: block; color: #666; text-align: center; font-size:14px; }
.Cnav li span { display: block; width: 60px; height: 60px; border-radius: 100%; margin: 0 auto 5px; background: #dec49f; overflow: hidden; }
.Cnav li img { display: block; width: 50%; margin: 15px auto; }
/*底部*/
footer { background: #313131; position: fixed; bottom: 0; left:50%; transform:translateX(-50%);width: 100%; max-width:640px; height: 52px; z-index: 99; }
footer li { float: left; display: inline; width: 25%; }
footer li img { display: block; width: 20px; margin: 0 auto 3px; }
footer li a { display: block; color: #dec49f; padding: 6px 0 0; font-size: 12px; text-align: center; }
footer li a:hover { color: #dec49f;}
.quanneng,.tongfeng{ width:100%; overflow:hidden;margin-top: 30px;}
.quanneng h3,.tongfeng h3{ height:30px; margin:0px auto 30px; text-align:center;}
.quanneng h3 span,.tongfeng h3 span{ color:#8c644b; font-size:18px; height:30px; line-height:30px; width:100px;text-align:center; padding:0 10px;}
.quanneng h3:after,.tongfeng h3:after{content: '';display: block;width: 30px;height: 2px;background: #8c644b;margin: 8px auto 0;}
.quanneng ul{ width:100%;}
.quanneng ul li{float:left; width:100%; box-sizing:border-box;}
/*.quanneng ul li.atv0{ float:left; width:50%; box-sizing:border-box; padding-right:5px;}
.quanneng ul li.atv1{ float:left; width:50%; box-sizing:border-box; padding-left:5px;}*/
.quanneng ul li.atv2{ float:left; width:100%; padding-top:10px;}
.quanneng ul li a{ display:block; width:100%; position:relative;}
.quanneng ul li a img{ width:100%; display:block;}
.quanneng ul li a span{ width:100%; display:block; height:25px; text-align:center; position:absolute; bottom:0; left:0; text-align:center;}
.tongfeng h3{ margin:5px auto 30px;}
.tongfeng li a,.tongfeng li a img{ display:block; width:100%;}
.fu_title{ width:94%; padding:0 3%; height:45px; line-height:45px;background:#dad3cc; font-size:16px; color:#88603f; position:relative;}
.fu_title a.back{ font-size:25px; color:#88603f; display:inline-block; line-height:45px;}
.nav_img{ display:block; top:0; right:3%; position:absolute; line-height:45px; color:#8b603f;}
.qzglq{ width:100%; position:relative; overflow:hidden; margin-bottom:20px; padding:30px 0 0;}
.qzglq h3{ width:100%; text-align:center; font-size:24px; line-height:150%; font-weight:600; color:#a17c5a; margin-bottom:10px;}
.qzglq h3 span{ font-size:16px; display:block; line-height:30px; font-weight:normal;}
.qzglq h3 em{ display:block; width:50px; height:1px; background:#a17c5a; margin:0 auto;}
.qzglq strong{ width:100%; text-align:center; line-height:150%; font-size:12px; display:block;background-image:-webkit-linear-gradient(to top, #fafbfa, #fff); background-image:linear-gradient(to top, #fafbfa, #fff);}
.qzglq strong i{ display:block;}
.qzglq img{ display:block; width:100%;}
.qz_culv{ width:100%; overflow:hidden;}
.qz_culv img{ width:100%; display:block;}
.qz_culv img.culv1{ background:#ccc;}
.jingmiwang{ width:100%; margin:20px auto; padding:25px 0; background:#f3f9f9;}
.jingmiwang img{ display:block; width:100%;}
.guolvhexin .swiper-slide{ background:#f3f9f9; padding:30px 0;}
.guolvhexin .swiper-slide h2{ width:57%; margin:0 auto 10px; font-size:18px; color:#a17c5a; height:30px; border-bottom:1px solid #a17c5a;}
.guolvhexin .swiper-slide h2 em{ position:relative; background:#f3f9f9; top:15px; height:30px; line-height:30px; padding:0 10px; font-weight:600;}
.guolvhexin .swiper-slide span{ font-size:12px; text-align:center; display:block; padding:0 16%;}
.guolvhexin .swiper-slide span h3{ font-size:18px; color:#a17c5a; margin-bottom:10px;}
#xb_next{ width:21px; height:37px; background:url(../images/xb_next.png) center no-repeat; background-size:15px auto; right:8%;}
#xb_prev{ width:21px; height:37px; background:url(../images/xb_prev.png) center no-repeat; background-size:15px auto; left:8%;}
.xb_changpin{ width:90%; margin:0 auto 35px;}
.xb_changpin h4{ width:58%; margin:0 auto 40px; border-bottom:1px #8d6649 solid; text-align:center; height:40px; line-height:40px; color:#a17c5a; font-size:24px; font-weight:600; position:relative;}
.xb_changpin h4 span{ line-height:40px; line-height:40px; background:#fff; position:relative; top: 20px; padding:0 10px;}
.xb_cp_xh{ text-align:center;}
.xb_cp_xh span{ display:inline-block; border:1px solid #9c7a61; border-radius:3px; color:#8d6649; font-size:15px; padding:3px 2%; margin:0 3%; box-sizing:border-box;}
.xb_cp_xh span.active{ background:#8d6649; color:#fff;}
.xb_cp_xh span:first-child{ margin-left:0;}
.xb_cp_xh span:last-child{ margin-right:0;}
.xb_changpin ul li{ overflow:hidden; padding:25px 0;}
.xb_cp_ul li{ display:none;}
.xb_cp_ul li:first-child{ display:block;}
.xb_changpin ul li div{ width:100%; display:table;}
.xb_changpin ul li div time{ display:table-cell; vertical-align:middle; width:30%;}
.xb_changpin ul li div time img{ width:100%; display:block;}
.xb_changpin ul li div strong{ display:table-cell; vertical-align:middle; width:70%; box-sizing:border-box; padding-left:10px;}
.xb_changpin ul li div strong span{ display:block; position:relative; font-size:12px; line-height:20px;}
.xb_changpin ul li div strong span i{ display:block; float:left; width:70px; position:absolute; left:0; top:0;}
.xb_changpin ul li div strong span em{ display:block; width:100%; padding-left:62px; box-sizing:border-box;}
.xb_changpin ul li div strong h3{/* height:30px;*/ line-height:30px; margin-bottom:10px; color:#8d6649}
.xb_changpin ul li div strong h3 i{ width:80px; display:block; height:30px; float:left; text-align:center; color:#fff; background:url(../images/xb_h3_ibj.jpg) left center no-repeat; background-size:100%; font-size:14px;}
.xb_changpin ul li img.cp_azt{ width:100%; margin:20px 0 0;}
.weixie{ width:94%; margin:0 auto; padding:40px 3% 10px; overflow:hidden; display:block;background-image:-webkit-linear-gradient(to top, #e7e7e4, #fff); background-image:linear-gradient(to top, #e7e7e4, #fff);}
.weixie1{ padding:30px 0; background-image:-webkit-linear-gradient(to top, #e7e7e5, #fff); background-image:linear-gradient(to top, #e7e7e5, #fff);}
.weixie1 h3{ width:100%; font-size:24px; color:#8a603f; text-align:center; font-weight:600; line-height:1.4;}
.weixie1 img{ display:block; max-width:72%; margin:28px auto 0;}
.weixie ul{ width:90%; margin:0 auto;}
.weixie ul li{ display:table; padding:20px 0; border-bottom:1px solid #dcdcdc;}
.weixie ul li:last-child{ border-bottom:none;}
.weixie ul li em{ display:table-cell; vertical-align:middle; width:40%;}
.weixie ul li em img{ display:block; width:100%;}
.weixie ul li span{ display:table-cell; vertical-align:middle; width:60%; padding-left:10px; font-size:12px; line-height:150%;}
.jsfl{ width:100%; padding:50px 0 60px; margin:20px auto 0; background:#d9ddde; position:relative;}
.jsfl div{ position:absolute; top:85px; left:0; display:block; width:100%;}
.jsfl h3{ width:100%; text-align:center; color:#8a603f; font-size:24px; font-weight:600; line-height:1.4;}
.jsfl img{ position:absolute; top:0px; left:0; width:100%; display:block;}
.jsfl img.img_img{ z-index:2;}
.jsfl div i{ display:block; background:#00a3ed; z-index:1; position:absolute;}
.jsfl div i.shuiliu1{ width:0; height:5px; left:0; top:58.4%; padding-right:0px;}
.jsfl div i.shuiliu2{ width:5px; height:0%; left:87.5%; bottom:40%; padding-bottom:0px;}
.active div i.shuiliu1{ width:88%; transition:all 1.5s; padding-right:3px;}
.active div i.shuiliu2{ height:27.65%; transition:all 0.5s 1.5s; padding-bottom:1px;}
.jsfl ul{ width:100%; height:100%;}
.jsfl ul li{ position:absolute; border-top:1px solid #00a3ed; z-index:3; text-align:center;}
.jsfl ul li em{ font-size:12px; border:1px solid #00a3ed; border-radius:3px; width:70px; display:block; height:18px; line-height:18px; margin:0 auto; color:#00a3ed}
.jsfl ul li h4{ color:#00a3ed; height:27px; line-height:27px;}
.jsfl ul li.atv0{ width:39.53125%; top:95%; left:15%;}
.jsfl ul li.atv1{ width:35%; top:95%; left:60%;}
.jsfl ul li.atv2{ border-top:none; bottom:72.3%; right:19%}
.zyjscp h3{ height:40px; line-height:40px; margin:0px auto 30px; border-bottom:1px solid #43bce4; position:relative; text-align:center;}
.zyjscp h3 span{ background:#fff; font-size:24px; color:#00a3ed; font-weight:600; padding:0 10px; position:relative; top:20px; height:40px; line-height:40px;}
.zyjscp li{ margin-bottom:10px; overflow:hidden; background:#e8edf3; padding-top:20px; position:relative;}
.zyjscp li:last-child{ margin-bottom:0;}
.zyjscp li span{ width:40%; text-align:center; display:block; font-size:15px; line-height:30px; color:#719dca; font-weight:600;}
.zyjscp li div{ width:100%; display:table;}
.zyjscp li div em{ display:table-cell; vertical-align:middle; width:40%; padding:0 5%;}
.zyjscp li div em img{ width:100%; display:block;}
.zyjscp li div strong{ display:table-cell; vertical-align:middle; width:60%; padding-right:5%;}
.zyjscp li div strong p{ display:block; padding-left:10px; position:relative; font-size:12px; line-height:18px;}
.zyjscp li div strong p:after{ content:'>'; width:10px; display:block; height:18px; line-height:18px; position:absolute; left:0; top:0;}
.zyjscp li div strong i{ border:1px solid #8b8e92; border-radius:4px; padding:0 5px; height:18px; line-height:18px; font-size:12px; float:left; margin:8px 0 0 10px;}
#guanxian h3{ border-color:#43bce4;}
#moduan h3 span{ color:#43bce4;}
#moduan li{ background:#d5e6ee}
#moduan li span{ color:#43bce4}
#guanxian h3{ border-color:#4776cb;}
#guanxian h3 span{ color:#4776cb}
#guanxian li{ background:#e8edf3}
#guanxian li span{ color:#789ad8}
.qnjs_more{  margin:10px auto 60px;width:100%; background:url(../images/xb_quanneng_img.jpg) left top no-repeat;background-size:contain; display:table}
.qnjs_more a{ display:table-cell; vertical-align:middle; color:#8a603f; text-align:center;}
.qnjs_more a h4{ font-size:20px; line-height:150%; padding-top:10%;}
.qnjs_more a em{ width:70px; font-size:12px; height:18px; line-height:18px; border:1px solid #8a603f; display:block; margin:10px auto 0; border-radius:4px;}
.gxj{ background-image:-webkit-linear-gradient(to top, #ddddde, #fff); background-image:linear-gradient(to top, #ddddde, #fff);}
.gxj strong{ background-image:none;}
.gxj_hc{ text-align:center; margin:15px 0 10px;}
.gxj_hc span{ border:1px solid #a2a3a3; font-size:13px; color:#000; display:inline-block; padding:1px 5px; border-radius:5px; margin:0 1%; box-sizing:border-box;}
.gxj_bg{ margin-top:20px; background:#efefef; padding-bottom:40px;}
.gxj_bg strong{ background-image:none;}
.gxj_bg img{ margin:30px 0 0;}
.moduan{ background-image:-webkit-linear-gradient(to top, #e7e7e4, #fff); background-image:linear-gradient(to top, #e7e7e4, #fff);}
.moduan strong{ background-image:none; color:#a17c5a;}
.moduan_gl{ margin:25px 0;}
.moduan_gl h3{ width:100%; text-align:center; color:#8a603f; font-size:24px; font-weight:600; line-height:1.4;}
.moduan_gl img{ display:block; margin:20px auto 0; width:100%;}
.moduan_ftl{ background:#e6e3e1; text-align:center; padding:35px 0 0; margin-bottom:25px;}
.moduan_ftl h3,.moduan_fl h3,.moduan_qb h3{ width:100%; text-align:center; color:#8a603f; font-size:24px; font-weight:600; line-height:1.4;}
.moduan_ftl h3 span{ display:block; font-weight:100;}
.moduan_ftl em{ margin:15px 0; display:block;}
.moduan_ftl img{ display:block; margin:0 auto; width:100%;}
.moduan_xg .swiper-slide{ background:#e6e3e1;}
.moduan_xg .swiper-slide h2 em{ background:#e6e3e1;}
.moduan_js{ margin:25px 0 0; background:-webkit-radial-gradient(circle, #fff, #e6e3e1); background:radial-gradient(circle, #fff, #e6e3e1);}
.moduan_js h3 img{ display:block; width:11%; margin:15px auto 5px;}
.moduan_fl{ background:#e6e3e1; margin:25px 0 0; padding:30px 5%;}
.moduan_fl1{ display:block; width:100%; margin:20px 0 0;}
.moduan_fl ul li{ padding:20px 0 0;}
.moduan_fl ul li div{ width:100%; display:table;}
.moduan_fl ul li div time{ display:table-cell; vertical-align:middle; width:30%;}
.moduan_fl ul li div time img{ width:100%; display:block;}
.moduan_fl ul li h3{ font-weight:100; font-size:14px; text-align:left; margin-bottom:5px;}
.moduan_fl ul li div strong{ display:table-cell; vertical-align:middle; width:70%; box-sizing:border-box; padding-left:10px;}
.moduan_fl ul li div strong span{ display:block; position:relative; font-size:12px; line-height:20px;}
.moduan_qb{ background:#e6e3e1; margin:25px 0 0; padding:30px 0 40px;}
.moduan_qb h3 span{ display:block; font-weight:100; font-size:15px; margin:10px 0 0;}
.moduan_qb .swiper-slide{ background:none; padding:0; width:100%;}
.moduan_qb .swiper-slide p{ font-size:12px; text-align:center;  padding:0 12px; color:#000;}
.moduan_qb .swiper-slide img{ display:block;} 
.moduan_qb .swiper-button-next,.moduan_qb .swiper-button-prev{ top:39%;}
.ssj_1{ margin:25px 0; background:#e6e3e1; padding:40px 0;}
.ssj_1 h3{ width:100%; text-align:center; color:#8a603f; font-size:24px; font-weight:600; line-height:1.4;}
.ssj_1 img{ width:100%; display:block; margin:20px auto 0;}
.zyjs_1{ margin-bottom:25px;}
.zyjs_2{ margin:-35px auto 30px; padding-bottom:52px;}
.zyjs_2 h2{ width:80%; height:40px; line-height:40px; margin:0px auto 40px; border-bottom:1px solid #a17c5a; position:relative; text-align:center;}
.zyjs_2 h2 span{ background:#fff; font-size:24px; color:#a17c5a; font-weight:600; padding:0 10px; position:relative; top:20px; height:40px; line-height:40px;}
.zyjs_2 ul{ clear:both; overflow:hidden;}
.zyjs_2 li{ float:left; width:50%; padding:0 2%; box-sizing:border-box; text-align:center;}
.zyjs_2 li img{ display:block; width:100%;}
.zyjs_2 li p{ font-size:12px; color:#000; background:#e6e3e1; padding:3px 0;}
.zyrs strong{ color:#000;}
.zyrs_1{ padding:30px 0; background:#efefef; margin-bottom:25px;}
.zyrs_1 h3{ width:100%; text-align:center; color:#8a603f; font-size:18px; font-weight:600; line-height:1.4; margin-bottom:20px;}
.zyrs_1 h3 span{ display:block; font-weight:100; font-size:12px; margin:5px 0 0;}
.zyrs_1 h3 img{ display:block; width:11%; margin:0 auto 5px;}
.zyrs_1 ul{ clear:both; overflow:hidden; padding:0 2%;}
.zyrs_1 li{ float:left; width:50%; box-sizing:border-box; padding:0 2%; margin:20px 0 0; text-align:center;}
.zyrs_1 li img{ display:block; width:100%;}
.zyrs_1 li p{ line-height:1.4; padding:8px 0 0;}
/*------------------------------方案-------------------------------------*/
#fu_nav{ position:absolute; left:0; top:0; z-index:1; width:94%}
#fu_nav span{ float:left;}
.yipin{background-image:-webkit-linear-gradient(to top, #f5f5f5, #d5d7d8);background-image:linear-gradient(to top, #ddddde, #fff);}
.yipin h3{ font-size:1.2em; line-height:120%; font-weight:600; text-align:center; position:absolute; width:100%; left:0; top:27%; color:#8a603f;}
.yipin img.img_bj{ position:absolute; left:0; bottom:52px;}
.swiper-slide h2{ width:50%; height:40px; border-bottom:1px solid #00a3ed; display:block; float:left; position:absolute; left:50%; top:0; transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%)}
.swiper-slide h2 span{ font-size:24px; font-weight:600; color:#00a3ed; height:30px; line-height:30px; display:block; width:120px; position:absolute; left:50%; margin-left:-60px; bottom:-15px; background:#fff}
.swiper-slide .neirong{ width:90%; margin:0 auto; text-align:left}
.swiper-slide .neirong h3{ width:100%; font-size:18px; font-weight:600; float:left; line-height:24px; padding:15px 0;}
.swiper-slide .neirong span{ display:block; width:100%; float:left; font-size:14px; line-height:24px; margin-bottom:15px;}
.swiper-slide .neirong span strong{ display:block; float:left; width:100%;}
.swiper-slide .neirong span strong em{ font-weight:100;}
.swiper-slide .neirong em{ float:left; color:#00a3ed; font-weight:600; font-size:14px;}
.swiper-slide .neirong em.blod{ font-weight:600;}
.swiper-slide .neirong em i{ display:block; float:left;}
.swiper-slide .neirong em i img{ width:15px; display:block; margin:3px;}
.swiper-slide .neirong h3 i{ color:#00a3ed;}
/*方案页面动画*/
/*一屏动画*/
.swiper-slide div.donghua{ width:100%; display:block; float:left; position:absolute; left:0; top:70px;}
.swiper-slide div.donghua img{ position:absolute; top:0; left:0;}
.swiper-slide div.donghua img.img2{ z-index:2;}
.swiper-slide div.donghua span{ color:#00a3ed; font-size:12px; position:absolute; line-height:15px; height:30px; text-align:center;}
.swiper-slide div.donghua span.one{ top:18.276762%; left:82.03125%; margin-left:3px;}
.swiper-slide div.donghua span.two{ top:44.908616%; left:77.34375%}
.swiper-slide div.donghua span.three{ top:73.890339%; left:69.53125%}
.swiper-slide div.donghua i{ position:absolute; background:#00a3ed; display:block; z-index:1;}
.swiper-slide div.donghua i.dh_sl1{ width:0%; height:5px; left:0; top:44.708616%;}
.swiper-slide div.donghua i.dh_sl2{ width:5px; height:56.919060%; left:44.8%; top:18.798955%; transform:scaleY(0); -moz-transform:scaleY(0); -ms-transform:scaleY(0); -o-transform:scaleY(0); -webkit-transform:scaleY(0);}
.swiper-slide div.donghua i.dh_sl3{ width:0; height:5px; left:45.3125%; top:18.798955%;}
.swiper-slide div.donghua i.dh_sl4{ width:0; height:5px; left:45.3125%; top:44.708616%;}
.swiper-slide div.donghua i.dh_sl5{ width:0; height:5px; left:45.3125%; top:73.590339%;}
/*一屏动画开始*/
.swiper-slide-active div.donghua i.dh_sl1{width:45.3125%; transition:all 1s;}
.swiper-slide-active div.donghua i.dh_sl2{transform:scaleY(1); -moz-transform:scaleY(1); -ms-transform:scaleY(1); -o-transform:scaleY(1); -webkit-transform:scaleY(1); transition:all 1s 1s}
.swiper-slide-active div.donghua i.dh_sl3{ width:21.09375%;transition:all 0.5s 2s}
.swiper-slide-active div.donghua i.dh_sl4{ width:14.0625%;transition:all 0.5s 2s}
.swiper-slide-active div.donghua i.dh_sl5{ width:8.59375%;transition:all 0.5s 2s}
/*一屏动画结束*/
/*二、三屏动画*/
.swiper-slide div.donghua1 span.three{ top:7.832898%; left:34.375%;}
.swiper-slide div.donghua1 span.one{ top:27.676240%; left:64.0625%;}
.swiper-slide div.donghua1 span.two{ top:55.613577%; left:81.25%;margin-left:5px;}
.swiper-slide div.donghua1 span.four{ left:8.75%; bottom:0; line-height:40px; color:#333; font-size:14px;}
.swiper-slide div.donghua1 i.dh_sl1{ width:0; height:5px; left:0; top:59.852219%;}
.swiper-slide div.donghua1 i.dh_sl2{ width:5px; height:0; left:40.3125%; bottom:39.12010443%; top:auto; transform:scaleY(1);}
.swiper-slide div.donghua1 i.dh_sl3{ width:0; height:5px; left:40.3125%; padding-left:0px; top:30.5483%;}
/*二、三屏动画开始*/
.swiper-slide-active div.donghua1 i.dh_sl1{ width:81.25%; transition:all 2s;}
.swiper-slide-active div.donghua1 i.dh_sl2{ height:44.38642297%; transition:all 1s 0.7s;}
.swiper-slide-active div.donghua1 i.dh_sl3{ width:19.8125%;transition:all 1s 1.2s;padding-left:5px;}
/*二、三屏动画结束*/
/*四屏动画*/
.swiper-slide div.donghua2 span.three{ top:7.832898%; left:31.975%;}
.swiper-slide div.donghua2 span.one{ top:27.676240%; left:62.0625%;}
.swiper-slide div.donghua2 span.two{ top:62.613577%; left:81.25%;margin-left:5px;}
.swiper-slide div.donghua2 span.four{ left:72.65625%; top:2.610966%;}
.swiper-slide div.donghua2 i.dh_sl1{ width:0; height:5px; left:0; top:59.852219%; padding-left:2px;}
.swiper-slide div.donghua2 i.dh_sl2{ width:5px; height:0; left:37.5%; bottom:39.12010443%; top:auto; transform:scaleY(1);}
.swiper-slide div.donghua2 i.dh_sl3{ width:0; height:5px; left:37.5%; padding-left:0px; top:30.5483%;}
.swiper-slide div.donghua2 i.dh_sl4{ width:5px; height:0; left:90.625%;bottom:39.12010443%; top:auto; margin-left:-3px;}
/*四屏动画开始*/
.swiper-slide-active div.donghua2 i.dh_sl1{ width:90.625%; transition:all 1.5s}
.swiper-slide-active div.donghua2 i.dh_sl2{ height:44.38642297%;transition:all 1s 0.7s}
.swiper-slide-active div.donghua2 i.dh_sl3{ width:19.8125%;transition:all 1s 1.2s;padding-left:5px;}
.swiper-slide-active div.donghua2 i.dh_sl4{ height:30%; transition:all 0.8s 1.4s}
/*四屏动画结束*/
/*五屏动画*/
.swiper-slide div.donghua3 span.three{ bottom:-5px; top:auto; height:15px; left:77.975%;-webkit-transform-origin-x: 0; -webkit-transform:scale(0.8333333333333334); margin-left:5px; white-space:nowrap; color:#e7a75b;}
.swiper-slide div.donghua3 span.one{ top:27.676240%; left:62.0625%;}
.swiper-slide div.donghua3 span.two{ top:64.613577%; left:81.25%;margin-left:5px;}
.swiper-slide div.donghua3 span.four{ left:72.65625%; top:2.610966%;}
.swiper-slide div.donghua3 i.dh_sl1{ width:0; height:5px; left:0; top:60.8355091%}
.swiper-slide div.donghua3 i.dh_sl2{ width:5px; height:0; left:37.5%; top:auto; bottom:38.461538%; margin-bottom:-1px; transform:scaleY(1);}
.swiper-slide div.donghua3 i.dh_sl3{ width:0; height:5px; left:37.5%; top:30.256410%}
.swiper-slide div.donghua3 i.dh_sl4{ width:0; height:5px; left:37.5%; top:45.953002%; padding-right:0px;}
.swiper-slide div.donghua3 i.dh_sl5{ width:5px; height:0; left:68%; top:45.953002%;}
.swiper-slide div.donghua3 i.dh_sl6{ width:0; height:5px; left:75.26875%; top:60.835509%;}
.swiper-slide div.donghua3 i.dh_sl7{ width:5px; height:0; left:89.64375%; top:auto; bottom:39.164490%}
.swiper-slide div.donghua3 i.dh_sl8{ background:#e7a75b; width:5px; height:0; left:49.8%; top:91.383812%;}
.swiper-slide div.donghua3 i.dh_sl9{ background:#e7a75b; width:0; height:5px; left:50%; top:98.172323%;}
/*五屏动画开始*/
.swiper-slide-active div.donghua3 i.dh_sl1{ width:50%; transition:all 1s;}
.swiper-slide-active div.donghua3 i.dh_sl2{ height:31.853785%; transition:all 1s 0.5s}
.swiper-slide-active div.donghua3 i.dh_sl3{ width:20.3125%;transition:all 1s 1.3s}
.swiper-slide-active div.donghua3 i.dh_sl4{ width:31.25%; transition:all 1s 1s; padding-right:2px;}
.swiper-slide-active div.donghua3 i.dh_sl5{ height:12%; transition:all 0.5s 1.8s}
.swiper-slide-active div.donghua3 i.dh_sl6{ width:15.625%; transition:all 1s 2.2s}
.swiper-slide-active div.donghua3 i.dh_sl7{ height:27%; transition:all 1s 3s}
.swiper-slide-active div.donghua3 i.dh_sl8{ height:9%; transition:all 0.3s 2.2s}
.swiper-slide-active div.donghua3 i.dh_sl9{  width:28.125%; transition:all 1s 2.4s}
/*五屏动画结束*/
/*-----------------------------水污染-------------------------------*/
.wuranyuan{ width:100%; position:relative;}
.wuranyuan h3{ position:absolute; font-size:18px; font-weight:600; text-align:center; line-height:150%; color:#8a603f; width:100%; left:0; top:6%;}
.wuranyuan img{ width:100%;}
.zilaishui{ width: 100%; float: left; position: relative;}
.zlsc{ width: 68.28125%; position: relative; padding-top: 80px; margin-left: 13.4375%; float: left;}
.zlsc img{ width: 22.88329519450801% }
.zlsc img.zlsc{ width: 100%; float: left; margin-left: 0; padding-top: 0;}
.zlsc h3{ width: 100%; display: block; text-align: left; font-size: 1.5em; font-weight: 600; color: #8a603f; height: 80px; line-height: 80px; position: absolute; top: 0; left: 0;}
.zlsc img.zlsc1{ position: absolute; bottom: 0; left: 8.23798627002288%;}
.zlsc img.zlsc2{ position: absolute; bottom: 0; left: 32.03661327231121%}
.zlsc img.zlsc3{ position: absolute; bottom: 0; left: 56.06407322654462%}
.zilaishui i.sl1{ width: 5px; height: 88.04597701149425%;background: #8a7b74; position: absolute; right:11.25% ; top:0;}
.zilaishui i.sl2{ height: 5px; background: #8a7b74; position: absolute; right: 11.25%; top:88.04597701149425%; width: 7.03125%}
.zilaishui i.sl3{ width: 5.78125%; position: absolute; top: 88.04597701149425%; left: 7.65625%; height: 5px; background: #a0d9f6;}
.zilaishui i.sl4{ width: 5px; position: absolute; top: 88.04597701149425%; left: 7.65625%; background: #a0d9f6; height: 11.89931350114416%}
.xushuchi{ width: 100%; padding-top: 110px; position: relative; float: left;}
.xushuchi h3{ font-size: 18px; position: absolute; text-align: center; line-height: 25px; height: 50px; left: 21.25%; top: 30px; color: #8c644b; font-weight: 600;}
.xushuchi ul{ width: 57.8125%; position: relative; top:0px; left: 21.25%; z-index: 2}
.xushuchi ul li{ width: 79.18918918918919%; float: left;}
.xushuchi ul li:last-child{ float: right; }
.xushuchi ul li img{ width: 100%; }
.xushuchi ul li span{ width: 100%; text-align: center; height: 30px; line-height: 30px; font-size: 12px; color: #333; background: #e6e6e6; display: block; }
.xushuchi ul li em{ display:block; text-align: center; height: 54px; line-height: 24px; font-size: 14px;  color: #8c644b;}
.xushuchi i{ background: #a0d9f6; position: absolute; }
.xushuchi i.sl1{ top: -1px; left: 7.65625%; width: 5px; height: 40%; padding-top: 1px;}
.xushuchi i.sl2{ top: 40%; left: 7.65625%; width: 13.59375%; height: 5px;}
.xushuchi i.sl3{ top: 40%; left: 66.875%; width: 24.375%; height: 5px;}
.xushuchi i.sl4{ top: 40%; left: 91.5%; width: 5px; height: 40%; margin-left: -5px;}
.xushuchi i.sl5{ top: 80%; right: 8.75%; width: 13.59375%; height: 5px; margin-top: -5px;}
.xushuchi i.sl6{ top: 80%; right: 66.875%;width: 24.375%; height: 5px; margin-right: -1px;}
.xushuchi i.sl7{ top: 80%; width: 5px; height:33%; left: 7.65625%; padding-bottom: 2px;}
.shuilongtou{ width: 100%; position: relative; float: left;}
.shuilongtou img{ float: left; width: 100%; position: relative; z-index: 2; margin-top: 4px;}
.shuilongtou:after{ content: ''; display: block; z-index: 1; height: 5px; width: 15%; background: #a0d9f6; position: absolute; left: 7.65625%; top:22%}
.yiyong{ width: 100%; float: left; margin-bottom: 60px;}
.yiyong h3{ display: block; text-align: center; font-size: 18px; color: #8a603f; font-weight: 600; line-height: 22px; padding:30px 0;}
.yiyong ul li{ width: 69.6875%; margin: 0 auto 30px; }
.yiyong ul li img{ width: 100%; }
.yiyong ul li span{ width: 100%;  display: block; text-align: center; height: 30px; line-height: 30px; }
/*-----------------------------------------方案改-------------------------------------*/
.yipin1{background-image:-webkit-linear-gradient(to top, #f5f5f5, #d5d7d8);background-image:linear-gradient(to top, #ddddde, #fff);}
.yipin1 h3{ font-size:1.2em; line-height:120%; font-weight:600; text-align:center; position:absolute; width:100%; left:0; top:32%; color:#8a603f;}
.yipin1 img.img_bj{ width: 100%; }
.select{ position: relative; padding-top: 95px;}
.select h2{ width:50%; height:40px; border-bottom:1px solid #00a3ed; display:block; float:left; position:absolute; left:50%; top:25px; transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%)}
.select h2 span{ font-size:24px; font-weight:600; color:#00a3ed; height:30px; line-height:30px; display:block; width:120px; position:absolute; left:50%; margin-left:-60px; bottom:-15px; text-align: center; background:#fff}
.select .neirong{ width:90%; margin:0 auto; text-align:left; overflow: hidden; padding-bottom: 50px;}
.select .neirong h3{ width:100%; font-size:18px; font-weight:600; float:left; line-height:24px; padding:15px 0;}
.select .neirong span{ display:block; width:100%; float:left; font-size:14px; line-height:24px; margin-bottom:15px;}
.select .neirong span strong{ display:block; float:left; width:100%;}
.select .neirong span strong em{ font-weight:100;}
.select .neirong em{ float:left; color:#00a3ed; font-weight:600; font-size:14px;}
.select .neirong em.blod{ font-weight:600;}
.select .neirong em i{ display:block; float:left;}
.select .neirong em i img{ width:15px; display:block; margin:3px;}
.select .neirong h3 i{ color:#00a3ed;}
.select div.donghua{ width:100%; display:block; float:left; position: relative;}
.select div.donghua img{ position:absolute; top:0; left:0; width: 100%;}
.select div.donghua img.img2{ z-index:2;}
.select div.donghua span{ color:#00a3ed; font-size:12px; position:absolute; line-height:15px; height:30px; text-align:center;}
.select div.donghua span.one{ top:18.276762%; left:82.03125%; margin-left:3px;}
.select div.donghua span.two{ top:44.908616%; left:77.34375%}
.select div.donghua span.three{ top:73.890339%; left:69.53125%}
.select div.donghua i{ position:absolute; background:#00a3ed; display:block; z-index:1;}
.select div.donghua i.dh_sl1{ width:0%; height:5px; left:0; top:44.708616%;}
.select div.donghua i.dh_sl2{ width:5px; height:56.919060%; left:44.8%; top:18.798955%; transform:scaleY(0); -moz-transform:scaleY(0); -ms-transform:scaleY(0); -o-transform:scaleY(0); -webkit-transform:scaleY(0);}
.select div.donghua i.dh_sl3{ width:0; height:5px; left:45.3125%; top:18.798955%;}
.select div.donghua i.dh_sl4{ width:0; height:5px; left:45.3125%; top:44.708616%;}
.select div.donghua i.dh_sl5{ width:0; height:5px; left:45.3125%; top:73.590339%;}
.sanpin,.sanpin h2 span{ background:#e1ded9;}
.wupin,.wupin h2 span{ background:#e1ded9;}
.wupin h2{ border-color:#6dc5ca}
.wupin h2 span,.wupin .neirong em,.wupin .neirong h3 i{color:#6dc5ca}
.liupin{ margin-bottom: 20px; background-color:#fff; }
.liupin h2{ border-color:#e7a75b}
.liupin h2 span,.liupin .neirong em,.liupin .neirong h3 i{ color:#e7a75b;}
/*一屏动画开始*/
.active div.donghua i.dh_sl1{width:45.3125%; transition:all 1s;}
.active div.donghua i.dh_sl2{transform:scaleY(1); -moz-transform:scaleY(1); -ms-transform:scaleY(1); -o-transform:scaleY(1); -webkit-transform:scaleY(1); transition:all 1s 1s}
.active div.donghua i.dh_sl3{ width:21.09375%;transition:all 0.5s 2s}
.active div.donghua i.dh_sl4{ width:14.0625%;transition:all 0.5s 2s}
.active div.donghua i.dh_sl5{ width:8.59375%;transition:all 0.5s 2s}
/*一屏动画结束*/
/*二、三屏动画*/
.erpin{ background-color:#fff;}
.select div.donghua1 span.three{ top:7.832898%; left:34.375%;}
.select div.donghua1 span.one{ top:27.676240%; left:64.0625%;}
.select div.donghua1 span.two{ top:55.613577%; left:81.25%;margin-left:5px;}
.select div.donghua1 span.four{ left:8.75%; bottom:0; line-height:40px; color:#333; font-size:14px;}
.select div.donghua1 i.dh_sl1{ width:0; height:5px; left:0; top:59.852219%;}
.select div.donghua1 i.dh_sl2{ width:5px; height:0; left:40.3125%; bottom:39.12010443%; top:auto; transform:scaleY(1);}
.select div.donghua1 i.dh_sl3{ width:0; height:5px; left:40.3125%; padding-left:0px; top:30.5483%;}
/*二、三屏动画开始*/
.active div.donghua1 i.dh_sl1{ width:81.25%; transition:all 2s;}
.active div.donghua1 i.dh_sl2{ height:44.38642297%; transition:all 1s 0.7s;}
.active div.donghua1 i.dh_sl3{ width:19.8125%;transition:all 1s 1.2s;padding-left:5px;}
/*四屏动画*/
.sipin{ background:#fff;}
.select div.donghua2 span.three{ top:7.832898%; left:31.975%;}
.select div.donghua2 span.one{ top:27.676240%; left:62.0625%;}
.select div.donghua2 span.two{ top:62.613577%; left:81.25%;margin-left:5px;}
.select div.donghua2 span.four{ left:72.65625%; top:2.610966%;}
.select div.donghua2 i.dh_sl1{ width:0; height:5px; left:0; top:59.852219%; padding-left:2px;}
.select div.donghua2 i.dh_sl2{ width:5px; height:0; left:37.5%; bottom:39.12010443%; top:auto; transform:scaleY(1);}
.select div.donghua2 i.dh_sl3{ width:0; height:5px; left:37.5%; padding-left:0px; top:30.5483%;}
.select div.donghua2 i.dh_sl4{ width:5px; height:0; left:90.625%;bottom:39.12010443%; top:auto; margin-left:-3px;}
/*四屏动画开始*/
.active div.donghua2 i.dh_sl1{ width:90.625%; transition:all 1.5s}
.active div.donghua2 i.dh_sl2{ height:44.38642297%;transition:all 1s 0.7s}
.active div.donghua2 i.dh_sl3{ width:19.8125%;transition:all 1s 1.2s;padding-left:5px;}
.active div.donghua2 i.dh_sl4{ height:30%; transition:all 0.8s 1.4s}
/*四屏动画结束*/
/*五屏动画*/
.select div.donghua3 span.three{ bottom:-5px; top:auto; height:15px; left:77.975%;-webkit-transform-origin-x: 0; -webkit-transform:scale(0.8333333333333334); margin-left:5px; white-space:nowrap; color:#e7a75b;}
.select div.donghua3 span.one{ top:27.676240%; left:62.0625%;}
.select div.donghua3 span.two{ top:64.613577%; left:81.25%;margin-left:5px;}
.select div.donghua3 span.four{ left:72.65625%; top:2.610966%;}
.select div.donghua3 i.dh_sl1{ width:0; height:5px; left:0; top:60.8355091%}
.select div.donghua3 i.dh_sl2{ width:5px; height:0; left:37.5%; top:auto; bottom:38.461538%; margin-bottom:-1px; transform:scaleY(1);}
.select div.donghua3 i.dh_sl3{ width:0; height:5px; left:37.5%; top:30.256410%}
.select div.donghua3 i.dh_sl4{ width:0; height:5px; left:37.5%; top:45.953002%; padding-right:0px;}
.select div.donghua3 i.dh_sl5{ width:5px; height:0; left:68%; top:45.953002%;}
.select div.donghua3 i.dh_sl6{ width:0; height:5px; left:75.26875%; top:60.835509%;}
.select div.donghua3 i.dh_sl7{ width:5px; height:0; left:89.64375%; top:auto; bottom:39.164490%}
.select div.donghua3 i.dh_sl8{ background:#e7a75b; width:5px; height:0; left:49.8%; top:91.383812%;}
.select div.donghua3 i.dh_sl9{ background:#e7a75b; width:0; height:5px; left:50%; top:98.172323%;}
/*五屏动画开始*/
.active div.donghua3 i.dh_sl1{ width:50%; transition:all 1s;}
.active div.donghua3 i.dh_sl2{ height:31.853785%; transition:all 1s 0.5s}
.active div.donghua3 i.dh_sl3{ width:20.3125%;transition:all 1s 1.3s}
.active div.donghua3 i.dh_sl4{ width:31.25%; transition:all 1s 1s; padding-right:2px;}
.active div.donghua3 i.dh_sl5{ height:12%; transition:all 0.5s 1.8s}
.active div.donghua3 i.dh_sl6{ width:15.625%; transition:all 1s 2.2s}
.active div.donghua3 i.dh_sl7{ height:27%; transition:all 1s 3s}
.active div.donghua3 i.dh_sl8{ height:9%; transition:all 0.3s 2.2s}
.active div.donghua3 i.dh_sl9{  width:28.125%; transition:all 1s 2.4s}
/*五屏动画结束*/
/*首页原来的*/
.idx2 { padding: 25px 10px; }
.idx2 h2 { font-size: 1.2rem; color: #000;margin-bottom: 15px; }
.idx2 h2 span{border-bottom: 2px solid #dec49f;padding-bottom: 15px;display: inline-block;}
.idx2 em { display: block; width: 50px; height: 2px; background: #dec49f; margin: 15px 0; }
.idx2 p { color: #333; margin-bottom: 15px; }
.idx3nav { background: #f5f5f5; border-top: 1px #eee solid; border-bottom: 1px #eee solid; clear:both; overflow:hidden; }
.idx3nav a { float: left; width: 50%; text-align: center; color: #666; border-left: 1px #eee solid; padding: 10px 0; font-size: 14px; box-sizing:border-box; }
.idx3nav a:first-child { border: none; }
.idx3nav a.active { color: #666; background: #c0b7ad; }
.idx3nav a i { display: inline-block; width: 20px; height: 20px; vertical-align: middle; margin-right: 10px; }
.idx3nav a i.idx3ico1 { background: url(../images/ico1.png) no-repeat center/20px auto; }
.idx3nav a i.idx3ico2 { background: url(../images/ico2.png) no-repeat center/20px auto; }
.idx3nav a.active i.idx3ico1 { background-image: url(../images/ico1_h.png); }
.idx3nav a.active i.idx3ico2 { background-image: url(../images/ico2_h.png); }
.idx3con { padding: 15px 10px; display: none; }
.idx3con img { display: block; }
.idx3con ul { margin: 10px 0; }
.idx3con li a { display: block; color: #333; line-height: 1.8; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.idx3more { border: 1px #535353 solid; color: #333; display: block; width: 30%; padding: 8px 0; text-align: center; }
.copy { background: #f3f3f3; padding: 15px 10px 25px; color: #666; text-align: center; }
.copy a { color: #666; }
.copy a:hover { color: #dec49f; }



.nav_div li:nth-child(2) span,.nav_div li:nth-child(3) span{width: 50%;left: auto;right: 0;}
.ppjj{padding: 0 12px;}
.ppjj p{margin-top: 15px;}