@charset "utf-8";
/*end*/
body{overflow-x:hidden;}






/**/
.d-dzbj{height:810px;padding-top:95px; box-sizing: border-box;background:url(/images/d-dzbj.jpg) no-repeat center;}
.d-dzbj h2{text-align: center;}
.d-dzbj h2 span{display: block;line-height: 48px;font-size:40px; color:#000000; font-weight: bold;}
.d-dzbj h2 em{display: block;line-height: 28px;font-size: 20px; color:#666666; font-weight: normal;}
/**/
.d-product{padding:60px 0 109px;background:#f4f4f4;}
.pro-tit{height:63px;background:url(/images/d-xt.jpg) no-repeat center bottom;margin-bottom: 14px;}
.pro-tit i{display: block; height:63px;line-height: 63px;font-size: 24px; color:rgba(21,21,21,0.2);margin-right: 27px;float:left;}
.pro-tit em{display: block; height:63px;line-height: 63px;font-size: 28px; color:#89b928; font-weight: bold;float:left;}
.pro-tit span{display: block; height:63px; line-height: 63px;font-size: 16px; color:#35bdea; float:right;}
.pro-one .pro-ul ul{overflow: hidden;}
.pro-one .pro-ul ul li{float:left; width:289px; height:162px; overflow: hidden;margin:0 0 15px 14px; position: relative;}
.pro-one .pro-ul ul li span{display: block; width:100%; line-height: 0; overflow: hidden;}
.pro-one .pro-ul ul li span img{width:100%; transition:1s;}
.pro-one .pro-ul ul li em{display: block; width:100%;height:32px; line-height: 32px; text-align: center;font-size: 14px; color:#333333; position: absolute;left:0;bottom:3px;}
.pro-one .pro-ul ul li:first-child{width:594px;height:339px;}
.pro-one .pro-ul ul li:first-child,.pro-one .pro-ul ul li:nth-child(6),.pro-one .pro-ul ul li:nth-child(10){margin-left: 0;}
.pro-one .pro-ul ul li:first-child:hover span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.pro-one .pro-ul .btn{display: block; width:27px; height:50px;margin:20px auto 0; line-height: 0; overflow: hidden;cursor: pointer; position:relative;}
.pro-one .pro-ul .btn i{width:27px; height:50px; position:absolute;left:0;top:0;}
.pro-one .pro-ul .btn i img{width: 100%;}
.pro-one .pro-ul .btn i.hover{opacity:0;}
.pro-one .pro-ul .btn.open i.default{opacity:0;}
.pro-one .pro-ul .btn.open i.hover{opacity:1;}

.pro-two{padding-bottom:53px;}
.pro-two .pro-ul ul{overflow: hidden;}
.pro-two .pro-ul ul li{float:left; width:289px; height:162px; overflow: hidden;margin-left:14px; position: relative;}
.pro-two .pro-ul ul li span{display: block; width:100%; line-height: 0; overflow: hidden;}
.pro-two .pro-ul ul li span img{width:100%;}
.pro-two .pro-ul ul li em{display: block; width:100%;height:32px; line-height: 32px; text-align: center;font-size: 14px; color:#333333; position: absolute;left:0;bottom:3px;}
.pro-two .pro-ul ul li:first-child{margin-left: 0;}

.pro-three{padding-bottom:56px;}
.pro-three .pro-ul{position: relative;}
.pro-three .pro-ul .bd{overflow: hidden;}
.pro-three .pro-ul ul li{float:left; width:289px; height:162px; overflow: hidden;margin-right:14px; position: relative;}
.pro-three .pro-ul ul li span{display: block; width:100%; line-height: 0; overflow: hidden;}
.pro-three .pro-ul ul li span img{width:100%;}
.pro-three .pro-ul ul li em{display: block; width:100%;height:32px; line-height: 32px; text-align: center;font-size: 14px; color:#333333; position: absolute;left:0;bottom:3px;}
.pro-three .pro-ul .pro-jt i{display: block; width:17px; height:31px;cursor: pointer;}
.pro-three .pro-ul .pro-jt i.d-pro-prev{background:url(/images/d-pro-prev.png) no-repeat center;position: absolute;left:-46px;top:64px;}
.pro-three .pro-ul .pro-jt i.d-pro-next{background:url(/images/d-pro-next.png) no-repeat center;position: absolute;right:-46px;top:64px;}

.pro-four{padding-bottom:56px;}
.pro-four .pro-ul ul li{float:left;width:289px; height:162px;margin:0 14px 15px 0; position: relative;}
.pro-four .pro-ul ul li span{display: block; width:100%; line-height: 0; overflow: hidden;}
.pro-four .pro-ul ul li span img{width: 100%; transition:1s;}
.pro-four .pro-ul ul li em{display: block; width:100%;height:32px; line-height: 32px; text-align: center;font-size: 14px; color:#333333; position: absolute;left:0;bottom:3px;}
.pro-four .pro-ul ul li:nth-child(3){width:593px; height:339px; margin-right: 0;float:right;}
.pro-four .pro-ul ul li:last-child{margin-right: 0;}
.pro-four .pro-ul ul li:nth-child(3):hover span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}


.pro-five{padding-bottom:53px;}
.pro-five .pro-ul ul{overflow: hidden;}
.pro-five .pro-ul ul li{float:left; width:289px; height:162px; overflow: hidden;margin-left:14px; position: relative;}
.pro-five .pro-ul ul li span{display: block; width:100%; line-height: 0; overflow: hidden;}
.pro-five .pro-ul ul li span img{width:100%;}
.pro-five .pro-ul ul li em{display: block; width:100%;height:32px; line-height: 32px; text-align: center;font-size: 14px; color:#333333; position: absolute;left:0;bottom:3px;}
.pro-five .pro-ul ul li:first-child{margin-left: 0;}

.pro-six{padding-bottom:56px;}
.pro-six .pro-ul ul li{float:left;width:289px; height:162px;margin:0 14px 15px 0; position: relative;}
.pro-six .pro-ul ul li span{display: block; width:100%; line-height: 0; overflow: hidden;}
.pro-six .pro-ul ul li span img{width: 100%;transition:1s;}
.pro-six .pro-ul ul li em{display: block; width:100%;height:32px; line-height: 32px; text-align: center;font-size: 14px; color:#333333; position: absolute;left:0;bottom:3px;}
.pro-six .pro-ul ul li:nth-child(3){width:593px; height:339px; margin-right: 0;float:right;}
.pro-six .pro-ul ul li:last-child{margin-right: 0;}
.pro-six .pro-ul ul li:nth-child(3):hover span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}

.pro-seven{padding-bottom:53px;}
.pro-seven .pro-ul ul{overflow: hidden;}
.pro-seven .pro-ul ul li{float:left; width:289px; height:162px; overflow: hidden;margin-left:14px; position: relative;}
.pro-seven .pro-ul ul li span{display: block; width:100%; line-height: 0; overflow: hidden;}
.pro-seven .pro-ul ul li span img{width:100%;}
.pro-seven .pro-ul ul li em{display: block; width:100%;height:32px; line-height: 32px; text-align: center;font-size: 14px; color:#333333; position: absolute;left:0;bottom:3px;}
.pro-seven .pro-ul ul li:first-child{margin-left: 0;}
/**/
.d-bz{height:615px;}
.d-bz .bz{padding-top:71px;}
.d-bz .bz h2{text-align: center; margin-bottom: 17px;height:75px;line-height: 75px;font-size: 40px; color:#333333;font-weight: bold;}
.d-bz .bz p{ line-height: 23px; margin-bottom: 55px; text-align: center;font-size: 16px; color:#666666}
.d-bz .bz ul li{float:left; width:400px;height:122px;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6; box-sizing: border-box;padding-top:22px;}
.d-bz .bz ul li i{display: block; width:52px; height:55px;margin:0 auto;}
.d-bz .bz ul li .bz1{background:url(/images/d-bzico1.png) no-repeat center;}
.d-bz .bz ul li .bz2{background:url(/images/d-bzico2.png) no-repeat center;}
.d-bz .bz ul li .bz3{background:url(/images/d-bzico3.png) no-repeat center;}
.d-bz .bz ul li .bz4{background:url(/images/d-bzico4.png) no-repeat center;}
.d-bz .bz ul li .bz5{background:url(/images/d-bzico5.png) no-repeat center;}
.d-bz .bz ul li .bz6{background:url(/images/d-bzico6.png) no-repeat center;}
.d-bz .bz ul li em{display: block;height:40px;line-height: 40px; text-align: center;font-size: 20px; color:#151515;}
.d-bz .bz ul li:nth-child(1),.d-bz .bz ul li:nth-child(2),.d-bz .bz ul li:nth-child(3){padding-top:12px;}
.d-bz .bz ul li:nth-child(3n){border-right:0;}
.d-bz .bz ul li:nth-child(4),.d-bz .bz ul li:nth-child(5),.d-bz .bz ul li:nth-child(6){border-bottom:0;}
.d-bz .bz ul li:hover{background:#89b928;border-top:3px solid #ceb171;}
.d-bz .bz ul li:hover .bz1{background:url(/images/d-bzico1_h.png) no-repeat center;}
.d-bz .bz ul li:hover .bz2{background:url(/images/d-bzico2_h.png) no-repeat center;}
.d-bz .bz ul li:hover .bz3{background:url(/images/d-bzico3_h.png) no-repeat center;}
.d-bz .bz ul li:hover .bz4{background:url(/images/d-bzico4_h.png) no-repeat center;}
.d-bz .bz ul li:hover .bz5{background:url(/images/d-bzico5_h.png) no-repeat center;}
.d-bz .bz ul li:hover .bz6{background:url(/images/d-bzico6_h.png) no-repeat center;}
.d-bz .bz ul li:hover em{color:#FFF;}
/**/
.d-super{height:1055px;background:#f4f4f4;overflow:hidden;}
.d-super .sup{padding-top:90px;}
.d-super .sup h2{text-align: center; margin-bottom: 41px;}
.d-super .sup h2 span{display: block; height:48px;line-height: 48px;font-size: 40px; color:#333333; font-weight: bold;}
.d-super .sup h2 em{display: block; height:28px;line-height: 28px;font-size: 20px; color:#666666; font-weight: normal;}
.d-super .sup .sz{height:130px; }
.d-super .sup .sz ul li{float:left; margin-left: 150px;}
.d-super .sup .sz ul li span{display: block; height:57px;}
.d-super .sup .sz ul li span em{display: inline-block;height:57px; line-height: 57px;font-size: 60px; color:#89b928}
.d-super .sup .sz ul li span i{display: inline-block;font-size: 20px; color:#333333; font-family: "思源黑体 CN"; vertical-align: bottom; margin-bottom: 5px;}
.d-super .sup .sz ul li p{line-height: 27px;font-size: 16px; color:#333333; font-weight: bold;}
.d-super .sup .sz ul li:first-child{margin-left: 0;}
.d-super .sup .d-left{width:960px; height:719px; line-height: 0;overflow: hidden;margin-left: -360px;float:left;}
.d-super .sup .d-left img{width: 100%;}
.d-super .sup .d-rig{width:600px;float:right;}
.d-super .sup .d-rig ul li{height:160px;padding:54px 22px 0 47px; box-sizing: border-box; transition: .5s;background:#FFF;}
.d-super .sup .d-rig ul li h4{width:506px; margin-bottom: 23px;}
.d-super .sup .d-rig ul li h4.rig1{background:url(/images/d-sup-ico1.png) no-repeat right;}
.d-super .sup .d-rig ul li h4.rig2{background:url(/images/d-sup-ico2.png) no-repeat right;}
.d-super .sup .d-rig ul li h4.rig3{background:url(/images/d-sup-ico3.png) no-repeat right;}
.d-super .sup .d-rig ul li h4.rig4{background:url(/images/d-sup-ico4.png) no-repeat right;}
.d-super .sup .d-rig ul li h4 span{display: block; height:36px;line-height: 36px;font-size:26px; color:#333333; font-weight: bold;}
.d-super .sup .d-rig ul li h4 em{display: block;height:29px; line-height: 29px;font-size: 18px; color:#333333; font-weight: normal;}
.d-super .sup .d-rig ul li p{ line-height: 24px;font-size: 14px;color:rgba(255,255,255,0.5);opacity: 0;margin-top:10px; transition: .5s;}
.d-super .sup .d-rig ul li.cur{height:239px;background:#89b928;}
.d-super .sup .d-rig ul li.cur h4.rig1{background:url(/images/d-sup-ico1_h.png) no-repeat right;}
.d-super .sup .d-rig ul li.cur h4.rig2{background:url(/images/d-sup-ico2_h.png) no-repeat right;}
.d-super .sup .d-rig ul li.cur h4.rig3{background:url(/images/d-sup-ico3_h.png) no-repeat right;}
.d-super .sup .d-rig ul li.cur h4.rig4{background:url(/images/d-sup-ico4_h.png) no-repeat right;}
.d-super .sup .d-rig ul li.cur h4 span{color:#FFF;}
.d-super .sup .d-rig ul li.cur h4 em{color:#FFF;}
.d-super .sup .d-rig ul li.cur p{opacity: 1;margin-top:0;}
.d-super .sup .d-con{height:719px;}
.d-super .sup .d-bot{padding-top:73px;}
.d-super .sup .d-bot h3{text-align: center; margin-bottom:32px; }
.d-super .sup .d-bot h3 span{display: block; height:47px; line-height: 47px;font-size:40px; color:#333333; font-weight: bold;}
.d-super .sup .d-bot h3 em{display: block; height:28px; line-height: 28px;font-size: 20px; color:#333333; font-weight: normal;}
.d-super .sup .d-bot p{ line-height: 25px; text-align: center; margin-bottom: 38px;font-size: 16px; color:#333333;}
.d-super .sup .d-bot strong{display: block; width:802px; line-height: 0; overflow: hidden;margin:0 auto;}
.d-super .sup .d-bot strong img{width: 100%;}
/**/
.d-lop{height:513px;}
.d-lop .lop{padding-top:85px;}
.d-lop .lop h2{text-align: center;height:100px; margin-bottom: 29px;background:url(/images/d-lop-xt.jpg) no-repeat bottom center;}
.d-lop .lop h2 span{display: block; height:49px; line-height: 49px;font-size: 40px; color:#333333; font-weight: bold;}
.d-lop .lop h2 em{display: block; height:27px; line-height: 27px;font-size: 20px; color:#333333; font-weight: normal;}
.d-lop .lop p{text-align: center; line-height: 25px; font-size: 16px; color:#333333; margin-bottom: 47px;}
.d-lop .lop .lop-ul .bd{overflow: hidden;}
.d-lop .lop .lop-ul .bd ul li{float:left;width:229px;margin-right: 13px;}
.d-lop .lop .lop-ul .bd ul li span{display: block; width:227px; line-height: 0; overflow: hidden;border:1px solid #e8e8e8;}
.d-lop .lop .lop-ul .bd ul li span img{width:100%;}
.d-lop .lop .lop-ul .bd ul li em{display: block; height:32px; line-height: 32px;font-size: 14px; color:#333333; text-align: center;}
/**/
.d-plan{padding-top:42px;}
.d-plan h2{text-align: center; margin-bottom: 47px;}
.d-plan h2 span{display: block;height:48px;line-height: 48px;font-size: 40px; color:#333333; font-weight: bold;}
.d-plan h2 em{display: block; height:28px;line-height: 28px;font-size: 20px; color:#666666; font-weight: normal;}
.d-plan ul li{float:left; width:25%;position: relative;}
.d-plan ul li span{display: block; width:100%; line-height: 0; overflow: hidden;}
.d-plan ul li span img{width: 100%; transition: 1s;}
.d-plan ul li strong{display: block; width:100%; height:80px; position: absolute;left:0;bottom:0;background:rgba(0,0,0,0.6);padding-left:14px; box-sizing: border-box;}
.d-plan ul li strong i{display: block; width:52px; height:80px; float:left; line-height: 0; overflow: hidden;}
.d-plan ul li strong i img{width:100%;}
.d-plan ul li strong em{display: block; height:80px; line-height: 80px; float:left;font-size: 20px; color:#FFF; margin-left: 5px; font-weight: normal;}
.d-plan ul li:hover span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.d-plan ul li:hover strong{background:#89b928;}
/**/
.d-pree{height:344px;}
.d-pree .pree{padding-top:51px;}
.d-pree .pree h2{text-align: center; line-height: 80px; font-size: 40px; color:#333333; font-weight: bold;margin-bottom: 43px;}
.d-pree .pree ul{height:100px;position: relative}
.d-pree .pree ul li{float:left; width:72px;margin-left: 69px;position: relative;z-index:200;}
.d-pree .pree ul li i{display: block; width:44px; height:44px; margin:0 auto; line-height: 0; overflow: hidden;}
.d-pree .pree ul li i img{width:100%;}
.d-pree .pree ul li em{display: block; height:34px;line-height: 34px; text-align: center;font-size: 18px; margin-bottom: 9px;}
.d-pree .pree ul li b{display: block; width:14px; height:14px; margin:0 auto;background:url(/images/d-lcdd.png) no-repeat center;}
.d-pree .pree ul li:first-child{margin-left: 0;}
.d-pree .pree ul:before{width:1125px; height:1px; background: #d9d9d9;content:"";position: absolute;left:39px; bottom:6px;}
.d-pree .pree ul li:hover em{color:#35bdea;font-weight: bold;}
.d-pree .pree ul li:hover b{background:url(/images/d-lcdd_h.png) no-repeat center;}



















































































<!--0.00023388862609863-->