/*















overflow:hidden;text-overflow:ellipsis;white-space:nowrap;















-webkit-transition:all .7s;transition:all .7s;















transition: all 1s;















outline: 1px dashed #fff;outline-offset: -5px;















transform:rotate(360deg);















text-transform: Uppercase;font-family:Arial;















*/















/* 公用标题 */







@keyframes msClock {







	0%,70%,100% {transform: rotate(0) scale(1);}







	







	10%,30% {transform: rotate(-15deg) scale(1);}







	







	20%,40% {transform: rotate(15deg) scale(1);}







}















@keyframes rotate {







    0% {







        transform: rotate(90deg); }







    100% {







        transform: rotate(450deg); }







}























@keyframes mouse {







    from { transform: translateY(0); -webkit-transform: translateY(0); }







    to { transform: translateY(10px); -webkit-transform: translateY(10px); }







}















@-webkit-keyframes mouse {







    from { transform: translateY(0); -webkit-transform: translateY(0); }







    to { transform: translateY(10px); -webkit-transform: translateY(10px); }







}







































/* 业务范围 */







.box_01{width:100%;height:710px;padding-top:80px;background:url(/templates/pc_wjdh/images/fw_back.jpg) center top no-repeat;overflow:hidden;}















.box_01 .h_title{width:1300px;height:auto;padding-top:20px;position:relative;z-index:2;text-align:center;margin:0 auto;}















.box_01 .h_title p{width:1300px;font-size:70px;color:rgba(255,255,255,0.05);font-weight:bold;text-transform: Uppercase;line-height:56px;position:absolute;left:0;top:0;z-index:-1;}















.box_01 .h_title h3{font-size:34px;color:#fff;font-weight:bold;line-height:36px;}















.box_01 .h_title h3 a{color:#fff;}















.box_01 .fw_list{width:1296px;height:580px;margin:50px auto 0 auto;overflow:hidden;border-radius:50px;}















.box_01 .fw_list li{width:432px;height:580px;float:left;position:relative;overflow:hidden;}















.box_01 .fw_list li a{display:block;}















.box_01 .fw_list li .img{width:432px;height:290px;overflow:hidden;}















.box_01 .fw_list li .img img{display:block;width:432px;height:290px;object-fit:cover;vertical-align:top;transition: all 1s;}















.box_01 .fw_list li:hover .img img{transform: scale(1.1);}















.box_01 .fw_list li .txt{width:360px;height:240px;padding:50px 36px 0 36px;background:#9dcd52;overflow:hidden;}















.box_01 .fw_list li .txt .name{font-size:18px;color:#fff;line-height:20px;text-align:center;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}















.box_01 .fw_list li .txt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;line-height:35px;height:70px;font-size:14px;color:rgba(255,255,255,0.7);margin-top:25px;text-align:center;}















.box_01 .fw_list li .txt .more{width:120px;height:40px;margin:30px auto 0 auto;background:url(/templates/pc_wjdh/images/more01.png);font-size:14px;color:#fff;line-height:40px;text-align:center;-webkit-transition:all .7s;transition:all .7s;}















.box_01 .fw_list li:hover .txt .more{background:url(/templates/pc_wjdh/images/more02.png);color:#9dcd52;-webkit-transition:all .7s;transition:all .7s;}















.box_01 .fw_list li:nth-of-type(2) .img{position:absolute;left:0;bottom:0;}















.box_01 .fw_list li:nth-of-type(2) .txt{position:absolute;left:0;top:0;background:#fff;}















.box_01 .fw_list li:nth-of-type(2) .txt .name{color:#333;-webkit-transition:all .7s;transition:all .7s;}















.box_01 .fw_list li:nth-of-type(2):hover .txt .name{color:#4fae46;-webkit-transition:all .7s;transition:all .7s;}















.box_01 .fw_list li:nth-of-type(2) .txt p{color:#666;}















.box_01 .fw_list li:nth-of-type(2) .txt .more{background:url(/templates/pc_wjdh/images/more03.png);-webkit-transition:all .7s;transition:all .7s;}















.box_01 .fw_list li:nth-of-type(2):hover .txt .more{background:url(/templates/pc_wjdh/images/more04.png);color:#fff;-webkit-transition:all .7s;transition:all .7s;}







































/* 解决方案 */







.box_02{width:100%;height:550px;padding-top:50px;background:url(/templates/pc_wjdh/images/fa_back.jpg) center top no-repeat;overflow:hidden;}















.box_02 .h_title{width:1300px;height:auto;padding-top:20px;position:relative;z-index:2;text-align:center;margin:0 auto;}















.box_02 .h_title p{width:1300px;font-size:70px;color:rgba(79,174,70,0.05);font-weight:bold;text-transform: Uppercase;line-height:56px;position:absolute;left:0;top:0;z-index:-1;}















.box_02 .h_title h3{font-size:34px;color:#4fae46;font-weight:bold;line-height:36px;}















.box_02 .h_title h4{font-size:26px;color:#4fae46;line-height:26px;text-transform: Uppercase;margin-top:20px;}















.box_02 .list{width:1299px;height:360px;margin:50px auto 0 auto;position: relative;z-index:2;}















.box_02 .list::before{content:'';width:1220px;height:1px;background:#f2f6ec;position:absolute;bottom:27px;left:40px;z-index:-1;}















.box_02 .list .swiper-container {width:1299px;height:360px;}















.box_02 .list .swiper-slide{width:300px;height:360px;overflow: hidden;position: relative;}















.box_02 .list .swiper-slide a{display:block;}















.box_02 .list .swiper-slide .img{display:block;width:296px;height:196px;border:solid 2px #9dcd52;border-radius:12px;overflow:hidden;}















.box_02 .list .swiper-slide .img img{display:block;width:296px;height:196px;object-fit:cover;vertical-align:top;transition: all 1s;}















.box_02 .list .swiper-slide:hover .img img{transform: scale(1.1);}















.box_02 .list .swiper-slide .name{width:280px;padding:0 10px;font-size:16px;color:#4c4c4c;line-height:20px;margin-top:28px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}















.box_02 .list .swiper-slide .num{width:100%;font-size:70px;color:#f3f7ef;font-weight:bold;font-family:Arial;line-height:54px;position:absolute;left:0;bottom:0;z-index:5;text-align:center;-webkit-transition:all .7s;transition:all .7s;}















.box_02 .list .swiper-slide:hover .num{color:#e7f2e6;-webkit-transition:all .7s;transition:all .7s;}















.box_02 .list .swiper-slide .num::before{content:'';width:100%;height:17px;background:url(/templates/pc_wjdh/images/dian01.png) center center no-repeat;position:absolute;top:0;left:0;opacity:0;-webkit-transition:all .7s;transition:all .7s;}















.box_02 .list .swiper-slide:hover .num::before{content:'';width:100%;height:17px;background:url(/templates/pc_wjdh/images/dian01.png) center center no-repeat;position:absolute;top:17px;left:0;opacity:1;-webkit-transition:all .7s;transition:all .7s;}















.box_02 .list .arrow{width:1299px;height:40px;position:absolute;bottom:7px;left:0;z-index:9;}















.box_02 .list .swiper-button-prev{width:40px;height:40px;margin-top:0;background:url(/templates/pc_wjdh/images/fa_jt_01.png) center center no-repeat #9dcd52;border-radius:20px;position:absolute;left:0;top:0;outline:none;-webkit-transition:all .7s;transition:all .7s;}















.box_02 .list .swiper-button-next{width:40px;height:40px;margin-top:0;background:url(/templates/pc_wjdh/images/fa_jt_02.png) center center no-repeat #9dcd52;border-radius:20px;position:absolute;right:0;top:0;outline:none;-webkit-transition:all .7s;transition:all .7s;}















.box_02 .list .swiper-button-prev:hover{background:url(/templates/pc_wjdh/images/fa_jt_01.png) center center no-repeat #4fae46;-webkit-transition:all .7s;transition:all .7s;}















.box_02 .list .swiper-button-next:hover{background:url(/templates/pc_wjdh/images/fa_jt_02.png) center center no-repeat #4fae46;-webkit-transition:all .7s;transition:all .7s;}







































/* 董事长致辞 */







.box_03{width:100%;height:586px;padding-top:40px;background:url(/templates/pc_wjdh/images/ab_back.jpg) center top no-repeat;overflow:hidden;}















.box_03 .h_title{width:1300px;height:auto;padding-top:20px;position:relative;z-index:2;text-align:center;margin:0 auto;}















.box_03 .h_title p{width:1300px;font-size:70px;color:rgba(79,174,70,0.05);font-weight:bold;text-transform: Uppercase;line-height:56px;position:absolute;left:0;top:0;z-index:-1;}















.box_03 .h_title h3{font-size:34px;color:#4fae46;font-weight:bold;line-height:36px;}















.box_03 .center{width:1300px;height:400px;margin:50px auto 0 auto;position: relative;z-index:2;}















.box_03 .center .left{width:500px;height:400px;float:left;}















.box_03 .center .left img{display:block;width:500px;height:400px; vertical-align:top;}















.box_03 .center .right{width:760px;height:385px;float:right;padding-top:15px;position:relative;z-index:5;overflow:hidden;}















.box_03 .center .right p{text-indent:2em;font-size:14px;color:#808080;line-height:32px;}















.box_03 .center .right .more{display:block;width:130px;height:40px;font-size:14px;color:#fff;line-height:40px;text-align:center;background:#4fae46;position:absolute;right:0;bottom:20px;z-index:2;}















.box_03 .center .right .more::before{content:'';width:0px;height:40px;background:#9dcd52;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}















.box_03 .center .right .more:hover::before{content:'';width:130px;height:40px;background:#9dcd52;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}















.box_03 .center .right h4{font-size:18px;color:#4fae46;font-weight:bold;line-height:40px;position:absolute;left:0;bottom:20px;}















.shadow-box{display:block;position:relative;z-index:1;width:500px;height:400px;}







.shadow-box .shadows{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}







.shadow-box .shadow{position:absolute;z-index:-1;left:0;bottom:0;background-color:#f1f9f0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}







.shadow-box .shadow.top{width:100%;height:300%;right:0;top:0;-webkit-transform-origin:100% 0;transform-origin:100% 0;}







.shadow-box .shadow.bottom{width:50%;height:300%;-webkit-transform-origin:0 0;transform-origin:0 0;right:0;top:100%;}







































/* 案例展示 */







.box_04{width:100%;height:840px;overflow:hidden;position:relative;z-index:2;}















.box_04::after{content:'';width:100%;height:667px;background:url(/templates/pc_wjdh/images/case_back.png) center bottom no-repeat;position:absolute;bottom:0;left:0;z-index:3;}















.box_04 .top{width:100%;height:112px;padding-top:75px;overflow:hidden;position:relative;z-index:2; background:url(/templates/pc_wjdh/images/xb.jpg) center top no-repeat;background-attachment: fixed;}















.box_04 .top::before{content:'';width:100%;height:190px;background:rgba(157,205,82,0.75);position:absolute;top:0;left:0;z-index:-1;}















.box_04 .top .center{width:1300px;height:112px;margin:0 auto;}















.box_04 .top .left{width:305px;height:50px;float:left;position:relative;}















.box_04 .top .left p{font-size:16px;color:#fff;line-height:16px;float:left;margin-top:10px;}















.box_04 .top .left span{display:block;font-size:50px;color:#fff;line-height:45px;font-weight:bold;margin-top:-10px;}















.box_04 .top .left i{display:block;font-size:20px;color:#fff;line-height:20px;position:absolute;top:15px;right:160px;}















.box_04 .top .right{width:170px;height:50px;float:right;position:relative; background:#fff;border-radius:25px;}















.box_04 .top .right a{display:block;width:140px;padding-left:30px;font-size:18px;color:#4fae46;line-height:50px;position:relative;}















.box_04 .top .right a::before{content:'';width:40px;height:40px;background:#4fae46;border-radius:20px;position:absolute;top:5px;right:8px;}















.box_04 .top .right a::after{content:'';width:40px;height:40px;background:url(/templates/pc_wjdh/images/cursor.png) center center no-repeat;position:absolute;top:0;right:8px;animation: mouse 1s ease-in-out 0.1s alternate none infinite running; -webkit-animation: mouse 1s ease-in-out 0.1s alternate none infinite running;}















.box_04 .top .tel{width:260px;height:50px;float:right;position:relative; background:url(/templates/pc_wjdh/images/tel_bk.png);border-radius:25px;margin-right:85px;display:none;}















.box_04 .top .tel p{width:230px;padding-left:30px;font-size:22px;color:#fff;font-weight:bold;line-height:50px;position:relative;}















.box_04 .top .tel p::before{content:'';width:40px;height:40px;background:#fff;border-radius:20px;position:absolute;top:5px;right:8px;}















.box_04 .top .tel p::after{content:'';width:40px;height:40px;background:url(/templates/pc_wjdh/images/tel01.png) center center no-repeat;position:absolute;top:5px;right:8px;z-index:1;animation:msClock 1.2s linear infinite;}















.box_04 .h_title{width:1300px;height:auto;padding-top:20px;position:relative;z-index:5;text-align:center;margin:57px auto 0 auto;}















.box_04 .h_title p{width:1300px;font-size:70px;color:rgba(79,174,70,0.05);font-weight:bold;text-transform: Uppercase;line-height:56px;position:absolute;left:0;top:0;z-index:-1;}















.box_04 .h_title h3{font-size:34px;color:#4fae46;font-weight:bold;line-height:36px;}















.box_04 .case_list{width:1300px;height:410px;margin:50px auto 0 auto;position:relative;z-index:5;}















.box_04 .case_list li{width:300px;height:410px;border-radius:12px; background:#fff;float:left;margin-right:33px;overflow:hidden;}















.box_04 .case_list li:last-child{margin-right:0;}















.box_04 .case_list li a{display:block;}















.box_04 .case_list li .img{width:300px;height:220px;overflow:hidden;}















.box_04 .case_list li .img img{display:block;width:300px;height:220px;object-fit:cover;vertical-align:top;transition: all 1s;}















.box_04 .case_list li:hover .img img{transform: scale(1.1);}















.box_04 .case_list li .txt{width:260px;height:125px;margin:45px auto 0 auto;position:relative;}















.box_04 .case_list li .txt .num{width:35px;height:42px; background:#9dcd52;border-radius:8px;line-height:42px;text-align:center;font-size:16px;color:#fff;position:absolute;left:0;top:-65px;}















.box_04 .case_list li .txt .name{font-size:16px;color:#404040;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}















.box_04 .case_list li:hover .txt .name{color:#4fae46;-webkit-transition:all .7s;transition:all .7s;}















.box_04 .case_list li .txt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;line-height:30px;height:60px;font-size:14px;color:#808080;margin-top:12px;}















.box_04 .case_list li .txt .more{width:24px;height:12px;margin-top:17px;background:url(/templates/pc_wjdh/images/case_jt_01.png);-webkit-transition:all .7s;transition:all .7s;}















.box_04 .case_list li:hover .txt .more{background:url(/templates/pc_wjdh/images/case_jt_02.png);-webkit-transition:all .7s;transition:all .7s;}







































/* 企业优势 */







.box_05{width:100%;height:682px;padding-top:80px;background:url(/templates/pc_wjdh/images/ys_back.jpg) center top no-repeat;overflow:hidden;}















.box_05 .h_title{width:1300px;height:auto;padding-top:20px;position:relative;z-index:2;text-align:center;margin:0 auto;}















.box_05 .h_title p{width:1300px;font-size:70px;color:rgba(255,255,255,0.05);font-weight:bold;text-transform: Uppercase;line-height:56px;position:absolute;left:0;top:0;z-index:-1;}















.box_05 .h_title h3{font-size:34px;color:#fff;font-weight:bold;line-height:36px;}















.box_05 .look_center{width:1300px;height:446px;margin:46px auto 0 auto;position:relative;}















.box_05 .look_center .hd{width:118px;height:54px;position:absolute;left:480px;bottom:0;z-index:9;}















.box_05 .look_center .hd .prev{width:45px;height:45px;background:url(/templates/pc_wjdh/images/ys_jt_01.png) center center no-repeat #fff;border-radius:23px;position:absolute;left:0;bottom:3px;cursor:pointer;-webkit-transition:all .7s;transition:all .7s;}















.box_05 .look_center .hd .next{width:45px;height:45px;background:url(/templates/pc_wjdh/images/ys_jt_03.png) center center no-repeat #fff;border-radius:23px;position:absolute;right:0;top:0;cursor:pointer;-webkit-transition:all .7s;transition:all .7s;}















.box_05 .look_center .hd .prev:hover{background:url(/templates/pc_wjdh/images/ys_jt_02.png) center center no-repeat #4fae46;-webkit-transition:all .7s;transition:all .7s;}















.box_05 .look_center .hd .next:hover{background:url(/templates/pc_wjdh/images/ys_jt_04.png) center center no-repeat #4fae46;-webkit-transition:all .7s;transition:all .7s;}















.box_05 .look_center .hd .prev::before{content:'';width:1px;height:60px;background:rgba(255,255,255,0.5);position:absolute;bottom:45px;left:22px;}















.box_05 .look_center .hd .next::before{content:'';width:1px;height:60px;background:rgba(255,255,255,0.5);position:absolute;bottom:45px;left:22px;}















.box_05 .look_center .bd{width:1300px;height:446px;}















.box_05 .look_center .bd .main{width:1300px;height:446px;position:relative;}















.box_05 .look_center .bd .main .txt{width:600px;height:446px;float:left;position:relative;}















.box_05 .look_center .bd .main .txt .icon{width:48px;height:48px;border:solid 1px rgba(255,255,255,0.3);border-radius:50%;}















.box_05 .look_center .bd .main:nth-of-type(1) .txt .icon{background:url(/templates/pc_wjdh/images/ys_icon_01.png) center center no-repeat;}















.box_05 .look_center .bd .main:nth-of-type(2) .txt .icon{background:url(/templates/pc_wjdh/images/ys_icon_02.png) center center no-repeat;}















.box_05 .look_center .bd .main:nth-of-type(3) .txt .icon{background:url(/templates/pc_wjdh/images/ys_icon_03.png) center center no-repeat;}















.box_05 .look_center .bd .main:nth-of-type(4) .txt .icon{background:url(/templates/pc_wjdh/images/ys_icon_04.png) center center no-repeat;}















.box_05 .look_center .bd .main .txt .num{font-size:80px;font-weight:bold;color:rgba(255,255,255,0.15);line-height:65px;position:absolute;top:50px;right:0;}















.box_05 .look_center .bd .main .txt h4{line-height:22px;font-size:12px;color:rgba(255,255,255,0.4);text-transform: Uppercase;margin-top:25px;}















.box_05 .look_center .bd .main .txt h4 span{display:block;font-size:20px;color:#fff;margin-right:12px;font-weight:bold;line-height:22px;float:left;}















.box_05 .look_center .bd .main .txt .line{width:600px;height:1px;background:rgba(255,255,255,0.2);margin-top:50px;}















.box_05 .look_center .bd .main .txt p{font-size:14px;color:rgba(255,255,255,0.8);line-height:35px;margin-top:23px;}















.box_05 .look_center .bd .main .img{width:623px;height:410px;margin-top:40px;float:right;}















.box_05 .look_center .bd .main .img img{display:block;width:623px;height:410px;vertical-align:top;}







































/* 新闻资讯 */







.box_06{width:100%;height:940px;padding-top:11px;background:url(/templates/pc_wjdh/images/news_back.jpg) center top no-repeat;overflow:hidden;}















.box_06 .h_title{width:1300px;height:auto;padding-top:20px;position:relative;z-index:2;text-align:center;margin:0 auto;}















.box_06 .h_title p{width:1300px;font-size:70px;color:rgba(79,174,70,0.05);font-weight:bold;text-transform: Uppercase;line-height:56px;position:absolute;left:0;top:0;z-index:-1;}















.box_06 .h_title h3{font-size:34px;color:#4fae46;font-weight:bold;line-height:36px;}















.box_06 .h_title h3 a{color:#4fae46;}















.box_06 .news_center{width:1300px;height:auto;margin:50px auto 0 auto;position:relative;}















.box_06 .news_center .hd{width:1300px;height:50px;}















.box_06 .news_center .hd ul{width:590px;height:50px;overflow:hidden;margin:0 auto;display:flex;justify-content: space-between;}















.box_06 .news_center .hd ul li{width:180px;height:50px;background:#9dcd52;border-radius:25px;overflow:hidden;float:left;-webkit-transition:all .7s;transition:all .7s;}















.box_06 .news_center .hd ul li.on{background:#4fae46;-webkit-transition:all .7s;transition:all .7s;}















.box_06 .news_center .hd ul li a{display:block;width:105px;padding-left:75px;line-height:50px;font-size:16px;color:#fff;-webkit-transition:all .7s;transition:all .7s;}















.box_06 .news_center .hd ul li.on a{color:#fff;-webkit-transition:all .7s;transition:all .7s;}















.box_06 .news_center .hd ul li:nth-of-type(1) a{background:url(/templates/pc_wjdh/images/n_icon_01.png) 42px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}















.box_06 .news_center .hd ul li:nth-of-type(2) a{background:url(/templates/pc_wjdh/images/n_icon_02.png) 36px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}















.box_06 .news_center .hd ul li:nth-of-type(3) a{background:url(/templates/pc_wjdh/images/n_icon_03.png) 40px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}















.box_06 .news_center .bd{width:1300px;height:525px;margin:50px auto 0 auto;position:relative;}















.box_06 .news_center .bd .main{width:1300px;height:525px;position:relative;}















.box_06 .news_center .bd .main .bx{width:480px;height:355px;overflow:hidden;position:absolute;left:0;top:0;}















.box_06 .news_center .bd .main .bx a{display:block;}















.box_06 .news_center .bd .main .bx .img{width:480px;height:315px;overflow:hidden;border-radius:12px;}















.box_06 .news_center .bd .main .bx .img img{display:block;width:480px;height:315px;object-fit:cover;vertical-align:top;transition: all 1s;}















.box_06 .news_center .bd .main .bx:hover .img img{transform: scale(1.05);}















.box_06 .news_center .bd .main .bx .name{width:480px;line-height:20px;font-size:16px;color:#333;margin-top:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}















.box_06 .news_center .bd .main .bx:hover .name{color:#4fae46;-webkit-transition:all .7s;transition:all .7s;}















.box_06 .news_center .bd .main .right{width:755px;height:340px;overflow:hidden;position:absolute;right:0;top:0;}















.box_06 .news_center .bd .main .right::before{content:'';width:755px;height:1px;background:#e6e6e6;position:absolute;top:100px;left:0;}















.box_06 .news_center .bd .main .right::after{content:'';width:755px;height:1px;background:#e6e6e6;position:absolute;bottom:100px;left:0;}















.box_06 .news_center .bd .main .right li{width:755px;height:54px;margin-bottom:89px;position:relative;overflow:hidden;}















.box_06 .news_center .bd .main .right li:nth-of-type(3){margin-bottom:0;}















.box_06 .news_center .bd .main .right li .name{display:block;width:610px;line-height:20px;font-size:16px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}















.box_06 .news_center .bd .main .right li:hover .name{margin-left:5px;color:#4fae46;-webkit-transition:all .7s;transition:all .7s;}















.box_06 .news_center .bd .main .right li span{display:block;font-size:12px;color:#b2b2b2;line-height:20px;position:absolute;top:0;right:0;}















.box_06 .news_center .bd .main .right li p{line-height:14px;font-size:14px;color:#808080;margin-top:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}















.box_06 .news_center .bd .main .bottom{width:1300px;height:110px;overflow:hidden;position:absolute;right:0;bottom:0;}















.box_06 .news_center .bd .main .bottom li{width:370px;height:110px;padding:0 20px;background:#fff;border-radius:8px;float:left;margin-right:35px;overflow:hidden;position:relative;}















.box_06 .news_center .bd .main .bottom li:nth-of-type(3){margin-right:0;}















.box_06 .news_center .bd .main .bottom li::before{content:'';width:370px;height:1px;background:#f0f0f0;position:absolute;top:55px;left:20px;-webkit-transition:all .7s;transition:all .7s;}















.box_06 .news_center .bd .main .bottom li a{display:block;}















.box_06 .news_center .bd .main .bottom li .name{width:340px;padding-left:30px;line-height:15px;font-size:15px;color:#333;margin-top:22px;background:url(/templates/pc_wjdh/images/dian02.png) left center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}















.box_06 .news_center .bd .main .bottom li:hover .name{background:url(/templates/pc_wjdh/images/dian03.png) left center no-repeat;-webkit-transition:all .7s;transition:all .7s;}















.box_06 .news_center .bd .main .bottom li span{display:block;line-height:22px;font-size:12px;color:#b2b2b2; font-family:Arial;position:absolute;left:20px;bottom:18px;}















.box_06 .news_center .bd .main .bottom li .more{width:22px;height:22px;background:url(/templates/pc_wjdh/images/more05.png);position:absolute;right:20px;bottom:18px;-webkit-transition:all .7s;transition:all .7s;}















.box_06 .news_center .bd .main .bottom li:hover .more{background:url(/templates/pc_wjdh/images/more06.png);-webkit-transition:all .7s;transition:all .7s;}























































.box_06 .news_list{width:590px;height:50px;overflow:hidden;margin:50px auto 0 auto;display:flex;justify-content: space-between;}















.box_06 .news_list li{width:180px;height:50px;background:#9dcd52;border-radius:25px;overflow:hidden;float:left;-webkit-transition:all .7s;transition:all .7s;}















.box_06 .news_list li:hover{background:#4fae46;-webkit-transition:all .7s;transition:all .7s;}















.box_06 .news_list li a{display:block;width:105px;padding-left:75px;line-height:50px;font-size:16px;color:#fff;-webkit-transition:all .7s;transition:all .7s;}















.box_06 .news_list li.on a{color:#fff;-webkit-transition:all .7s;transition:all .7s;}















.box_06 .news_list li:nth-of-type(1) a{background:url(/templates/pc_wjdh/images/n_icon_01.png) 42px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}















.box_06 .news_list li:nth-of-type(2) a{background:url(/templates/pc_wjdh/images/n_icon_02.png) 36px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}















.box_06 .news_list li:nth-of-type(3) a{background:url(/templates/pc_wjdh/images/n_icon_03.png) 40px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}















.box_06 .news_center01{width:1300px;height:340px;margin:50px auto 0 auto;position:relative;}















.box_06 .news_center01 .bd{width:480px;height:340px;float:left;position:relative;}















.box_06 .news_center01 .bd .main{width:480px;height:340px;position:relative;}















.box_06 .news_center01 .bd .main .bx{width:480px;height:340px;overflow:hidden;float:left;}















.box_06 .news_center01 .bd .main .bx a{display:block;}















.box_06 .news_center01 .bd .main .bx .img{width:480px;height:300px;overflow:hidden;border-radius:12px;}















.box_06 .news_center01 .bd .main .bx .img img{display:block;width:480px;height:300px;object-fit:cover;vertical-align:top;transition: all 1s;}















.box_06 .news_center01 .bd .main .bx:hover .img img{transform: scale(1.05);}















.box_06 .news_center01 .bd .main .bx .name{width:480px;line-height:20px;font-size:16px;color:#333;margin-top:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;-webkit-transition:all .7s;transition:all .7s;}















.box_06 .news_center01 .bd .main .bx:hover .name{color:#4fae46;-webkit-transition:all .7s;transition:all .7s;}















.box_06 .news_center01 .hd ul{width:755px;height:340px;overflow:hidden;float:right;position:relative;}















.box_06 .news_center01 .hd ul::before{content:'';width:755px;height:1px;background:#e6e6e6;position:absolute;top:100px;left:0;}















.box_06 .news_center01 .hd ul::after{content:'';width:755px;height:1px;background:#e6e6e6;position:absolute;bottom:100px;left:0;}















.box_06 .news_center01 .hd ul li{width:755px;height:54px;margin-bottom:89px;position:relative;overflow:hidden;}















.box_06 .news_center01 .hd ul li:nth-of-type(3){margin-bottom:0;}















.box_06 .news_center01 .hd ul li .name{display:block;width:610px;line-height:20px;font-size:16px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}















.box_06 .news_center01 .hd ul li.on .name{margin-left:5px;color:#4fae46;-webkit-transition:all .7s;transition:all .7s;}















.box_06 .news_center01 .hd ul li span{display:block;font-size:12px;color:#b2b2b2;line-height:20px;position:absolute;top:0;right:0;}















.box_06 .news_center01 .hd ul li p{line-height:16px;font-size:14px;color:#808080;margin-top:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}















.box_06 .bottom_list{width:1300px;height:110px;overflow:hidden;margin:75px auto 0 auto;}















.box_06 .bottom_list li{width:370px;height:110px;padding:0 20px;background:#fff;border-radius:8px;float:left;margin-right:35px;overflow:hidden;position:relative;}















.box_06 .bottom_list li:nth-of-type(3){margin-right:0;}















.box_06 .bottom_list li::before{content:'';width:370px;height:1px;background:#f0f0f0;position:absolute;top:55px;left:20px;-webkit-transition:all .7s;transition:all .7s;}















.box_06 .bottom_list li a{display:block;}















.box_06 .bottom_list li .name{width:340px;padding-left:30px;line-height:15px;font-size:15px;color:#333;margin-top:22px;background:url(/templates/pc_wjdh/images/dian02.png) left center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}















.box_06 .bottom_list li:hover .name{background:url(/templates/pc_wjdh/images/dian03.png) left center no-repeat;-webkit-transition:all .7s;transition:all .7s;}















.box_06 .bottom_list li span{display:block;line-height:22px;font-size:12px;color:#b2b2b2; font-family:Arial;position:absolute;left:20px;bottom:18px;}















.box_06 .bottom_list li .more{width:22px;height:22px;background:url(/templates/pc_wjdh/images/more05.png);position:absolute;right:20px;bottom:18px;-webkit-transition:all .7s;transition:all .7s;}















.box_06 .bottom_list li:hover .more{background:url(/templates/pc_wjdh/images/more06.png);-webkit-transition:all .7s;transition:all .7s;}































































.box_06 .bottom{width:1300px;height:50px;margin:80px auto 0 auto;position:relative;}















.box_06 .bottom .form{width:1130px;height:50px;float:left;padding-left:20px;position:relative;overflow:hidden;background:url(/templates/pc_wjdh/images/ly_bk.png) left center no-repeat;display:flex;justify-content: space-between;}















.box_06 .bottom .form p{height:50px;box-sizing:content-box;overflow:hidden;border-radius:0;float:left;position:relative;}















.box_06 .bottom .form input{display:block;width:calc(100% - 30px);height:50px;line-height:50px;color:#808080;font-size:14px;padding-left:30px;box-sizing:content-box;}















.box_06 .bottom .form p:nth-of-type(1){width:220px;}















.box_06 .bottom .form p:nth-of-type(2){width:200px;}















.box_06 .bottom .form p:nth-of-type(1) input{background:url(/templates/pc_wjdh/images/name.png) left center no-repeat;}















.box_06 .bottom .form p:nth-of-type(2) input{background:url(/templates/pc_wjdh/images/phone.png) left center no-repeat;}















.box_06 .bottom .form p:nth-of-type(3){width:250px;}















.box_06 .bottom .form textarea{width:215px;height:50px;line-height:50px;font-size:14px;padding-left:35px;box-sizing:content-box;background:url(/templates/pc_wjdh/images/liuyan.png) left center no-repeat;}















.box_06 .bottom .form p:nth-of-type(4){width:220px;}















.box_06 .bottom .form p:nth-of-type(4) input{display:block;width:100px;height:50px;line-height:50px;color:#808080;font-size:14px;float:left;padding:0 0 0 25px;background:url(/templates/pc_wjdh/images/yzm.png) left center no-repeat;}















.box_06 .bottom .form p:nth-of-type(4) img{display:block;float:right;width:80px;height:32px;cursor:pointer;margin:9px 8px 9px 0;}















.box_06 .bottom .form .tj{width:120px;height:50px;border:none;overflow:hidden;position:relative;z-index:0;border-radius:6px;-webkit-transition:all .7s;transition:all .7s;}















.box_06 .bottom .form .tj .btn{display:block;width:120px;height:50px;font-size:14px;color:#fff;border:none;background:none;cursor:pointer;padding:0!important;box-sizing:content-box;-webkit-transition:all .7s;transition:all .7s;}















.btn_bubble_3{background:#4fae46;background-repeat: no-repeat;}















.btn_bubble_3:hover, .btn_bubble_3:focus {







 -webkit-animation: btn_3 1s forwards ease-out;







 animation: btn_3 1s forwards ease-out;







 background: radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 90% 90% / 0.88em 0.88em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 23% 141% / 0.81em 0.81em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 17% 90% / 0.68em 0.68em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 15% 94% / 1.12em 1.12em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 42% 126% / 0.86em 0.86em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 102% 120% / 0.58em 0.58em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 12% 121% / 0.67em 0.67em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 69% 87% / 1.18em 1.18em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 32% 99% / 0.79em 0.79em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 84% 129% / 0.79em 0.79em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 40% 99% / 0.72em 0.72em;







 background-color: #4fae46;







 background-repeat: no-repeat;







}















@-webkit-keyframes btn_3 {







 100% {







  background-position: 92% -220%, 31% -185%, 24% 6%, 16% -328%, 39% -366%, 110% -375%, 5% -60%, 59% -365%, 41% -363%, 82% -8%, 37% -224%;







  box-shadow: inset 0 -140px 0 #4fae46;







 }







}















@keyframes btn_3 {







 100% {







  background-position: 92% -220%, 31% -185%, 24% 6%, 16% -328%, 39% -366%, 110% -375%, 5% -60%, 59% -365%, 41% -363%, 82% -8%, 37% -224%;







  box-shadow: inset 0 -140px 0 #4fae46;







 }







}







































.box_06 .bottom .links01{width:120px;height:50px;cursor:pointer;position:relative;z-index:5;background:#9dcd52;border-radius:6px;float:right;}















.box_06 .bottom .links01 .ft_click01{width:120px;height:50px;box-sizing:content-box;overflow:hidden;position:relative;font-size:14px;line-height:50px;color:#fff;text-align:center;}















.box_06 .bottom .links01 .list01{display:none;width:auto;position:absolute;right:0;bottom:50px;z-index:55;background:#fff;overflow:hidden;border-radius:3px;}















.box_06 .bottom .links01 .list01 li{width:120px;box-sizing:content-box;height:39px;line-height:39px;border-bottom:solid 1px #e0e0e0;}















.box_06 .bottom .links01 .list01 li:last-child{border-bottom:solid 0px #e0e0e0;}















.box_06 .bottom .links01 .list01 li a{display:block;font-size:14px;text-align:center;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}















.box_06 .bottom .links01 .list01 li:hover a{color:#fff;-webkit-transition:all .7s;transition:all .7s;}















.box_06 .bottom .links01 .list01 .slider {width:160px;height:39px;position: absolute;left: 0;bottom:0;background: #4fae46;opacity:0;z-index:-1;-webkit-transition: top 0.4s, background-color 0.4s;transition: top 0.4s, background-color 0.4s;}















.box_06 .bottom .links01 .list01 li:nth-child(1):hover ~ .slider{top:0;opacity:1;background:#4fae46;-webkit-transition: top 0.4s, background-color 0.4s;transition: top 0.4s, background-color 0.4s;}















.box_06 .bottom .links01 .list01 li:nth-child(2):hover ~ .slider{top:40px;opacity:1;background:#4fae46;-webkit-transition: top 0.4s, background-color 0.4s;transition: top 0.4s, background-color 0.4s;}















.box_06 .bottom .links01 .list01 li:nth-child(3):hover ~ .slider{top:80px;opacity:1;background:#4fae46;-webkit-transition: top 0.4s, background-color 0.4s;transition: top 0.4s, background-color 0.4s;}















.box_06 .bottom .links01 .list01 li:nth-child(4):hover ~ .slider{top:120px;opacity:1;background:#4fae46;-webkit-transition: top 0.4s, background-color 0.4s;transition: top 0.4s, background-color 0.4s;}















.box_06 .bottom .links01 .list01 li:nth-child(5):hover ~ .slider{top:160px;opacity:1;background:#4fae46;-webkit-transition: top 0.4s, background-color 0.4s;transition: top 0.4s, background-color 0.4s;}















.box_06 .bottom .links01 .list01 li:nth-child(6):hover ~ .slider{top:200px;opacity:1;background:#4fae46;-webkit-transition: top 0.4s, background-color 0.4s;transition: top 0.4s, background-color 0.4s;}















.box_06 .bottom .links01 .list01 li:nth-child(7):hover ~ .slider{top:240px;opacity:1;background:#4fae46;-webkit-transition: top 0.4s, background-color 0.4s;transition: top 0.4s, background-color 0.4s;}















.box_06 .bottom .links01 .list01 li:nth-child(8):hover ~ .slider{top:280px;opacity:1;background:#4fae46;-webkit-transition: top 0.4s, background-color 0.4s;transition: top 0.4s, background-color 0.4s;}















.box_06 .bottom .links01 .list01 li:nth-child(9):hover ~ .slider{top:320px;opacity:1;background:#4fae46;-webkit-transition: top 0.4s, background-color 0.4s;transition: top 0.4s, background-color 0.4s;}















.box_06 .bottom .links01 .list01 li:nth-child(10):hover ~ .slider{top:360px;opacity:1;background:#4fae46;-webkit-transition: top 0.4s, background-color 0.4s;transition: top 0.4s, background-color 0.4s;}















































/* animated home */







.leftWow,







.rightWow,







.bottomWow {







  -webkit-transition: all 0.8s ease-out;







  transition: all 0.8s ease-out;







}























/* animated end */







































@keyframes jello {







  from,







  11.1%,







  to {







    -webkit-transform: none;







    -moz-transform: none;







    transform: none;







  }







  22.2% {







    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);







    -moz-transform: skewX(-12.5deg) skewY(-12.5deg);







    transform: skewX(-12.5deg) skewY(-12.5deg);







  }







  33.3% {







    -webkit-transform: skewX(6.25deg) skewY(6.25deg);







    -moz-transform: skewX(6.25deg) skewY(6.25deg);







    transform: skewX(6.25deg) skewY(6.25deg);







  }







  44.4% {







    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);







    -moz-transform: skewX(-3.125deg) skewY(-3.125deg);







    transform: skewX(-3.125deg) skewY(-3.125deg);







  }







  55.5% {







    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);







    -moz-transform: skewX(1.5625deg) skewY(1.5625deg);







    transform: skewX(1.5625deg) skewY(1.5625deg);







  }







  66.6% {







    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);







    -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);







    transform: skewX(-0.78125deg) skewY(-0.78125deg);







  }







  77.7% {







    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);







    -moz-transform: skewX(0.390625deg) skewY(0.390625deg);







    transform: skewX(0.390625deg) skewY(0.390625deg);







  }







  88.8% {







    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);







    -moz-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);







    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);







  }







}















































.wrapper {







  margin: 0 auto;







}







.cols {







  display: -webkit-box;







  display: -ms-flexbox;







  display: flex;







  -ms-flex-wrap: wrap;







  flex-wrap: wrap;







  -webkit-box-pack: center;







  -ms-flex-pack: center;







  justify-content: center;







}







.col {







  width: 350px;







  height: 200px;







  cursor: pointer;







}







.container {







  -webkit-transform-style: preserve-3d;







  transform-style: preserve-3d;







  -webkit-perspective: 1000px;







  perspective: 1000px;







}







.front,







.back {







  background-size: cover;







  background-position: center;







  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);







  transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);







  -o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);







  transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);







  transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);







  -webkit-backface-visibility: hidden;







  backface-visibility: hidden;







  text-align: center;







  min-height: 200px;







  height: auto;







  border-radius: 10px;







  color: #fff;







}







.back p {







  font-family: 'Microsoft YaHei', 'Lantinghei SC', 'Open Sans', Arial, 'Hiragino Sans GB', 'STHeiti', 'WenQuanYi Micro Hei', 'SimSun', sans-serif;







}







.front:after {







  position: absolute;







  top: 0;







  left: 0;







  z-index: 1;







  width: 100%;







  height: 100%;







  content: '';







  display: block;







  opacity: 0.6;







  background-color: #000;







  -webkit-backface-visibility: hidden;







  backface-visibility: hidden;







  border-radius: 10px;







}







.container:hover .front,







.container:hover .back {







  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);







  transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);







  -o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);







  transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);







  transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);







}







.back {







  position: absolute;







  top: 0;







  left: 0;







  width: 100%;







}







.inner {







  -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);







  transform: translateY(-50%) translateZ(60px) scale(0.94);







  top: 50%;







  position: absolute;







  left: 0;







  width: 100%;







  -webkit-box-sizing: border-box;







  box-sizing: border-box;







  outline: 1px solid transparent;







  -webkit-perspective: inherit;







  perspective: inherit;







  z-index: 2;







}







.container .back {







  -webkit-transform: rotateY(180deg);







  transform: rotateY(180deg);







  -webkit-transform-style: preserve-3d;







  transform-style: preserve-3d;







}







.container .front {







  -webkit-transform: rotateY(0deg);







  transform: rotateY(0deg);







  -webkit-transform-style: preserve-3d;







  transform-style: preserve-3d;







}







.container:hover .back {







  -webkit-transform: rotateY(0deg);







  transform: rotateY(0deg);







  -webkit-transform-style: preserve-3d;







  transform-style: preserve-3d;







}







.container:hover .front {







  -webkit-transform: rotateY(-180deg);







  transform: rotateY(-180deg);







  -webkit-transform-style: preserve-3d;







  transform-style: preserve-3d;







}







.front .inner p {







  position: relative;







  font-family: 'Microsoft YaHei', 'Lantinghei SC', 'Open Sans', Arial, 'Hiragino Sans GB', 'STHeiti', 'WenQuanYi Micro Hei', 'SimSun', sans-serif;







}







.front .inner p:after {







  content: '';







  height: 2px;







  position: absolute;







  background: #C6D4DF;







  display: block;







  left: 0;







  right: 0;







  margin: 0 auto;







}







.front .inner span {







  color: rgba(255, 255, 255, 0.7);







  font-family: 'Microsoft YaHei', 'Lantinghei SC', 'Open Sans', Arial, 'Hiragino Sans GB', 'STHeiti', 'WenQuanYi Micro Hei', 'SimSun', sans-serif;







  font-weight: 300;







}







.product {







  background: #f2f9f1;







  padding-top: 70px;







  padding-bottom: 50px;







}







.product .procenter {







  width: 1300px;







  margin: 0 auto;







}







.product .procenter .protitle {







  position: relative;







}







.product .procenter .protitle h4 {

  font-size: 70px;

  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;

  color: rgba(79,174,70,0.05);

  font-weight: bold;

  text-align: center;

  line-height: 70px;

  text-transform: uppercase;

}







.product .procenter .protitle h3 {







  position: absolute;







  top: 0;







  left: 0;







  width: 100%;







  line-height: 70px;







  text-align: center;







  font-weight: bold;







  font-size: 34px;







}







.product .procenter .protitle h3 a {

  font-size: 34px;

  display: block;

  letter-spacing: 2px;

  padding-top: 10px;

  color: #4fae46;

  text-transform: uppercase;

}







.product .procenter .productbox {







  padding-top: 80px;







  display: flex;







  justify-content: space-between;







}







.product .procenter .productbox .productboxl {







  width: 488px;







}







.product .procenter .productbox .productboxl h4 {







  display: flex;







  align-items: flex-end;







}







.product .procenter .productbox .productboxl h4 a {







  font-size: 24px;







  letter-spacing: 2px;







  color: #333;







  font-weight: bold;







  line-height: 24px;







}







.product .procenter .productbox .productboxl h4 em {







  line-height: 1;







  font-size: 14px;







  color: #999999;







  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;







  padding-left: 10px;







}







.product .procenter .productbox .productboxl .proline {







  width: 40px;







  height: 1px;







  background: #4fae46;







  display: block;







  margin-top: 28px;







  margin-bottom: 40px;







}







.product .procenter .productbox .productboxl p {







  font-size: 16px;







  color: #666666;







  line-height: 42px;







  overflow: hidden;







  text-overflow: ellipsis;







  display: -webkit-box;







  -webkit-line-clamp: 7;







  -webkit-box-orient: vertical;







}







.product .procenter .productbox .productboxr {







  width: 730px;







}







.product .procenter .productbox .productboxr .cols {







  justify-content: space-between;







}







.product .procenter .productbox .productboxr .cols li {







  margin: 15px 0;







  border-radius: 10px;







}







.product .procenter .productbox .productboxr .cols li .container{







  width: 350px !important;







}







.product .procenter .productbox .productboxr .cols li .container .front .inner img {







  width: 350px;







  height: 210px;







  border-radius: 10px;







}







.product .procenter .productbox .productboxr .cols li .container .back {







  background: #4fae46;







  padding-left: 20px;







  padding-right: 20px;







  box-sizing: border-box;







}







.product .procenter .productbox .productboxr .cols li .container .back .inner {







  padding: 0 20px;







  box-sizing: border-box;







}







.product .procenter .productbox .productboxr .cols li .container .back .inner i {







  display: block;







  font-size: 24px;







  color: #fff;







  font-weight: bold;







  overflow: hidden;







  text-overflow: ellipsis;







  white-space: nowrap;







}







.product .procenter .productbox .productboxr .cols li .container .back .inner em {







  width: 25px;







  height: 1px;







  background: #b9dfb5;







  display: block;







  margin: 17px auto 27px;







}







.product .procenter .productbox .productboxr .cols li .container .back .inner img {







  width: 26px;







  height: 26px;







  display: block;







  margin: 0 auto;







}