body, p, h1, h2, h3, h4, h5, h6, li, span, i, ul, img, a, strong, input { margin: 0; padding: 0; font-family: "microsoft yahei"; }
body { font-size: 14px; overflow-x: hidden; }
li { list-style-type: none; float: left; }
a { text-decoration: none; outline: none; }
a:hover { text-decoration: none; }
img { border: none; }
i { font-style: normal }
input, select, textarea { outline: none; text-indent: 6px; }
textarea { resize: none; }
div { margin: 0 auto; }
.fl { float: left; }
.fr { float: right; }
* { -webkit-box-sizing: border-box; /* Safari */ box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ transition: .5s; }
.wid { width: 1200px; }
body, html { width: 100%; height: 100%; }
body { }
video::-internal-media-controls-download-button {
 display:none;
}
video::-webkit-media-controls-enclosure {
 overflow:hidden;
}
video::-webkit-media-controls-panel {
 width: calc(100% + 30px);
}
.vido-page { width: 100%; height: 100%; position: relative; }
.vido-page-main { width: 100%; height: calc(100% - 00px); overflow: hidden; }
.vido-page-main video { width: 100%; height: 100%; object-fit: cover; }
.vido-page .vido-page-inf { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.4); color: #ccc; text-align: center; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: column; }
.vido-page .vido-page-inf h3 { font-size: 85px; line-height: 150px; font-weight: bold; }
.vido-page .vido-page-inf h6 { line-height: 60px; font-weight: normal; font-size: 24px; font-family: arial; text-transform: uppercase; }
.vido-page .vido-page-inf p { padding: 22px 0; }
.vido-page .vido-page-inf p span { margin: 0 auto; height: 70px; background-color: #257d25; color: #fff; line-height: 70px; border-radius: 35px; display: inline-block; padding: 0 84px; font-size: 28px; font-weight: normal; letter-spacing: 2px; }
.nav { width: 100%; height: 126px; background: rgba(0,0,0,.2); position: fixed; left: 0; z-index: 999; top: 0; }
.nav .wid { height: 100%; }
.nav .logo { height: 100%; display: flex; justify-content: center; align-items: center; }
.nav .logo img { max-height: 70%; }
.nav-menu-list { padding: 30px 0; }
.nav-menu-list ul li { line-height: 46px; padding: 10px 10px; color: #fff; font-size: 20px; margin: 0 30px; position: relative; border-bottom: 2px solid rgba(0,0,0,0); }
.nav-menu-list ul li a { color: #fff; font-size: 16px; }
.nav-menu-list ul li:hover a { text-decoration: none; color: #257d25; }
.nav-menu-list ul li:hover { border-bottom: 2px solid #257d25; }
.nav-menu-cont ul li { line-height: 66px; padding: 30px 13px; }
.nav-menu-cont { padding-left: 80px; }
.service { background: #242424 url(../image/bg.jpg)bottom center no-repeat; min-height: 510px; }
.title { width: 100%; text-align: center; padding-top: 40px; }
.title h3 { color: #fff; line-height: 68px; font-size: 30px; position: relative; font-weight: bold; }
.title h3:after { content: ''; position: absolute; left: 50%; margin-left: -20px; bottom: 0; width: 40px; height: 3px; background-color: #257d25; }
.title h6 { color: #666666; font-size: 14px; line-height: 50px; }
.service-col { width: 100%; padding: 32px 60px; position: relative; display: table; }
.service-col .state-ico { display: inline-block; width: 30px; height: 30px; background: url(../image/ic4.png)center no-repeat; position: absolute; left: 0px; top: 50%; margin-top: -15px; z-index: 9; }
.service-col .stop-ico { display: inline-block; width: 30px; height: 30px; background: url(../image/ic5.png)center no-repeat; position: absolute; right: 0px; top: 50%; margin-top: -15px; z-index: 9; }
.service-col:after { content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background-color: #454545; }
.service-list { width: 20%; height: 296px; float: left; position: relative; z-index: 9; }
.service-list-img { width: 100%; height: 50%; padding-top: 10px; padding: 10px 0; }
.service-list-img h4 { width: 160px; height: 160px; background: rgba(0,0,0,.2); border-radius: 50%; margin: 0 auto; display: flex; justify-content: center; align-items: center; }
.service-list-img h4 i { width: 84px; height: 84px; display: inline-block; background: url(../image/ico1.png) center no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; }
.service-list-inf { width: 100%; height: 50%; text-align: center; color: #fff; padding: 40px 0; display: flex; justify-content: flex-end; align-items: center; flex-direction: column; }
.service-list-inf h4 { line-height: 60px; font-size: 20px; }
.service-list-inf p { color: #666666; line-height: 40px; font-size: 12px; }
.service-list-pos .service-list-inf { padding: 20px 0; justify-content: flex-start; }
.service-list-pos .service-list-img { padding-top: 0; display: flex; justify-content: center; align-items: flex-end; }
.service-list-item2 .service-list-img h4 i { background: url(../image/ico2.png) center no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; }
.service-list-item3 .service-list-img h4 i { background: url(../image/ico3.png) center no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; }
.service-list-item4 .service-list-img h4 i { background: url(../image/ico4.png) center no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; }
.service-list-item5 .service-list-img h4 i { background: url(../image/ico5.png) center no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; }
.service-list:hover { background-color: rgba(0,0,0,.3); }
.service-list-item1:hover .service-list-img h4 i { background: url(../image/ico1-1.png) center no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; }
.service-list-item2:hover .service-list-img h4 i { background: url(../image/ico2-1.png) center no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; }
.service-list-item3:hover .service-list-img h4 i { background: url(../image/ico3-1.png) center no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; }
.service-list-item4:hover .service-list-img h4 i { background: url(../image/ico4-1.png) center no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; }
.service-list-item5:hover .service-list-img h4 i { background: url(../image/ico5-1.png) center no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; }
.case { width: 100%; background: #1d1d1d url(../image/bg1.jpg) bottom center no-repeat; display: table; }
.case-col { width: 100%; padding: 20px 0; padding-bottom: 10px; }
.case-list { width: 100%; margin-bottom: 18px; position: relative; overflow: hidden; border: 2px solid #282828; }
.case-list:hover { border: 2px solid #257d25; }
.case-list img { width: 100%; }
.case-list-img { width: 100%; }
.case-list-slide { width: 100%; height: 100%;  //background: rgba(0,0,0,.6);
position: absolute; left: 0; top: 0; border: 2px solid #282828; }
.case-list-slide:hover { }
.case-list p { width: 100%; height: 40px; background: rgba(0,0,0,.5); position: absolute; left: 0; bottom: -40px; line-height: 40px; color: #fff; padding: 0 22px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.case-list:hover p { bottom: 0; }
.case-list-slide p { padding: 0; text-align: center; height: 48px; line-height: 48px; }
.case-list span.play-video { width: 60px; height: 60px; position: absolute; cursor: pointer; z-index: 20; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; opacity: 0;  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter: alpha(opacity=0); -webkit-transition: all ease-out 0.4s; transition: all ease-out 0.4s; -webkit-transform: scale(2); transform: scale(2); -ms-transform: scale(2); background: url(../image/play.png) no-repeat center; background-size: 100% }
.case-list:hover .play-video { opacity: 1;  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
filter: alpha(opacity=100); -webkit-transfrom: scale(1); -mo-transfrom: scale(1); transform: scale(1) }
.mores { width: 100%; text-align: center; padding: 70px 0; display: table; }
.mores a { display: inline-block; width: 234px; height: 50px; border: 2px solid #257d25; margin: 0 auto; line-height: 50px; text-align: center; color: #257d25; font-size: 16px; }
.case { width: 100%; display: table; background: #282828 url(../image/bg2.jpg) top center no-repeat; }
.case-tab { width: 100%; display: table; padding: 21px 0; padding-bottom: 20px; }
.case-tab ul { width: 100%; text-align: center; }
.case-tab ul li { width: 152px; height: 48px; border: 1px solid #257d25; float: none; display: inline-block; margin: 0 15px; line-height: 48px; color: #ffffff; font-size: 16px; }
.case-tab ul li a { color: #fff; }
.case-tab ul li.active { background-color: #257d25; }
.case-col { width: 100%; display: table; height: 402px; }
.case-col-list { width: 100%; display: table; height: 560px; }
.case-col-list a { display: inline-block; }
.case-col-list a:hover { }
.case-col-list-box { width: 100%; margin-bottom: 0px; display: table;text-align: center; }
.case-col-list-img { width: 100%; position: relative; display: table; }
.case-col-list-img img { width: 100%; display: block; height: 202px; }
.case-col-list-txt { text-align: center; line-height: 64px; font-size: 14px; color: #666666; }
.case-col-list-box span.play-video { width: 60px; height: 60px; position: absolute; cursor: pointer; z-index: 20; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; opacity: 0;  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter: alpha(opacity=0); -webkit-transition: all ease-out 0.4s; transition: all ease-out 0.4s; -webkit-transform: scale(2); transform: scale(2); -ms-transform: scale(2); background: url(../image/play.png) no-repeat center; background-size: 100% }
.case-col-list-box:hover .play-video { opacity: 1;  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
filter: alpha(opacity=100); -webkit-transfrom: scale(1); -mo-transfrom: scale(1); transform: scale(1) }
.video_con:hover .video_overlay { opacity: 0.5;  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
filter: alpha(opacity=50) }
.case-col-list-box:hover span.play-video { margin-top: -37px; opacity: 1; }
.case .mores { padding-top: 0; padding-bottom: 70px; }
.progre { width: 100%; background: #1c1c1e url(../image/bg3.jpg) top center no-repeat; min-height: 400px; }
.progress-col { width: 1200px; margin: 0 auto; display: table; margin-top: 0px; }
.progress-list { width: 11.1%; height: 180px; float: left; position: relative; }
.progress-list:before { content: ''; position: absolute; right: 0; top: 50%; width: 100%; height: 4px; background-color: #257d25; }
.progress-list-number { width: 100%; text-align: center; height: 50%; display: table; }
.progress-list-number span { display: table-cell; vertical-align: middle; }
.progress-list-number img { height: auto; width: 36px; }
.progress-list-inf { width: 100%; display: table; text-align: center; color: #fff; height: 50%; font-size: 16px; padding: 36px 0; }
.progress-list-pos .progress-list-inf { display: flex; justify-content: center; align-items: center; }
.progress-list:first-child:before, .progress-list:last-child:before { width: 50%; }
.progress-list:last-child:before { right: 50%; }
.progress-list:after { content: ''; position: absolute; left: 50%; margin-left: -18px; top: 50%; margin-top: -17px; width: 26px; height: 34px; background: url(../image/ic16.png)center no-repeat; }
.progress-list-pos:after { content: ''; position: absolute; left: 50%; margin-left: -18px; top: 50%; margin-top: -17px; width: 26px; height: 34px; background: url(../image/ic16.png)center no-repeat; transform: rotate(180deg); }
.about { width: 100%; display: table; background: #232323 url(../image/bg4.jpg) bottom center no-repeat; min-height: 728px; padding-bottom: 80px; display: block; }
.about-img { width: 100%; background: url(../image/left_bg.png) no-repeat left top; padding-bottom: 24px; }
.about-img img { width: 100%; margin-top: 32px; margin-left: 40px; }
.about-col { padding-top: 42px; }
.about-inform { width: 100%; padding: 0px 55px; position: relative; left: -10px; top: 11px; padding-bottom: 80px; padding-right: 0; }
.bann img { background: #fff; width: 100%; padding-top: 72px; }
.footer-copy { position: absolute; right: -60px; top: -84px; }
.about-inform h4 { line-height: 60px; font-size: 30px; font-weight: bold; color: #fff; }
.footer-copy { display: none; }
.about-inform p { font-size: 16px; line-height: 30px; text-indent: 36px; text-align: justify; color: #ccc; font-family: 'Microsoft Yahei', '微软雅黑', 'Simsun', '宋体', 'Arial', sans-serif; }
.about-inform h6 a { display: inline-block; width: 160px; height: 45px; color: #257d25; position: absolute; left: 58px; bottom: -29px; text-align: left; font-size: 14px; line-height: 45px; display: flex; justify-content: center; vertical-align: middle; border: 1px solid #257d25; text-indent: -30px; }
.about-inform h6 a img { margin-left: 0px; transition: all 0.6s; position: absolute; top: 10px; right: 25px; }
.about-inform h6 a:hover img { margin-left: 15px; transform: translate(10px, 0); }
.about-inform h6 a:hover { text-decoration: none; }
.about-inform-txt { width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8; }
.about-more { width: 100%; display: table; padding-top: 50px; }
.about-more-col { width: 300px; height: 80px; border-bottom: 4px solid #fff; line-height: 76px; margin-left: 15px; }
.about-more-col p { color: #fff; font-size: 20px; position: relative; display: flex; height: 76px; width: 100%; align-items: center; justify-content: space-between; }
.about-more-col p img { height: 7px; height: 14px; }
.advantage { width: 100%; background-color: #1b1b1b; display: table; }
.advantage-list { width: 100%; height:226px; padding:46px 0 0 0; }
.advantage-list-img { width: 100%; height: 72px; display: flex; justify-content: center; align-items: center; }
.advantage-list-txt { text-align: center; color: #fff; }
.advantage-list-txt h4 { line-height: 38px; font-size: 24px; font-weight: bold; }
.advantage-list-txt p { line-height: 28px; font-size: 14px; }
.advantage-list:hover { background-color: #257d25; }
.news { width: 100%; background: #252528 url(../image/bg5.jpg) top center no-repeat; min-height: 820px; }
.news-col { width: 100%; padding: 20px 0; }
.news-list { width: 100%; height: 400px; position: relative; overflow: hidden; }
.wap-slide-cont { display: none; }
.news-list-inf { width: 100%; height: 480px; transition: 0.2s; }
.news-list-inf .news-list-inf-slide-img { height: 196px; overflow: hidden; }
.news-list-inf:hover img { transform: scale(1.2); }
.news-list-inf-title { width: 100%; height: 480px; padding-left: 40px; padding-top: 62px; padding-right: 30px; }
.news-list-inf-title h6 { display: inline-block; width: 96px; height: 96px; border: 3px solid #959595; padding: 18px 0; padding-left: 12px; }
.news-list-inf-title h6 span { font-size: 24px; color: #444444; line-height: 34px; display: block; }
.news-list-inf-title h6 em { color: #666666; display: block; line-height: 26px; font-style: normal; font-size: 18px; }
.news-list-inf-title h5 { padding: 30px 0; line-height: 40px; color: #fff; font-size: 20px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news-list-inf-title p { line-height: 32px; font-size: 16px; color: #666666; text-indent: 32px; padding: 6px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; height: 140px; }
.news-list-inf-more { line-height: 40px; color: #999999; font-size: 18px; }
.news-list-inf-slide { width: 100%; height: 100%; background-color: #282828; position: absolute; left: 0; top: 0; transition: .5s; }
.news-list-inf-slide:hover { background-color: #383838; }
.news-list:hover .news-list-inf-slide { top: 0; }
.news-list-inf-slide-img { width: 100%; }
.news-list-inf-slide-img img { width: 100%; }
.news-list-inf-slide-txt { width: 100%; height: 180px; padding: 20px 25px; }
.news-list-inf-slide-txt h5 { line-height: 48px; font-size: 14px; color: #fff; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news-list-inf-slide-txt p { color: #666; line-height: 28px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; text-align: justify; overflow: hidden; }
.news .mores { padding-bottom: 0; padding-top: 50px; }
.partners { width: 100%; background: #262626 url(../image/bg6.jpg) bottom center no-repeat; min-height: 576px; }
.partners-col { width: 100%; display: table; padding-top: 10px; }
.partners-list { width: 100%; height: 138px; background-color: #1d1d1d; display: flex; justify-content: center; align-items: center; margin: 18px 0; }
.partners-list img { max-width: 80%; max-height: 70%; }
.partners-list:hover { background-color: #257d25; }
.footer { width: 100%; display: table; padding-top: 18px; padding-bottom: 2px; background-color: #303030; }
.footer-logo { height: 224px; width: 100%; display: flex; justify-content: center; align-items: center; }
.footer-cont { width: 100%; display: table; }
.footer-cont h5 { line-height: 60px; font-size: 40px; color: #257d25; font-family: arial; font-weight: bold; }
.footer-cont-txt { width: 100%; display: table; }
.footer-cont-txt p { width: 100%; display: table; }
.footer-cont-txt p em { font-style: normal; color: #fff; float: left; line-height: 26px; padding: 8px 0; width: calc(100% - 36px); }
.footer-cont-txt p span { display: inline-block; width: 36px; height: 42px; display: flex; justify-content: flex-start; align-items: center; float: left; }
.footer-wx { width: 100%; display: table; }
.footer-wx { width: 100%; height: 160px; justify-content: flex-end; align-items: center; margin-top: 30px; }
.footer-wx-box { width: auto; padding-top: 16px; margin: 0; background-color: #fff; display: inline-block; float: left; margin-left: 0px; margin-right: 15px; }
.footer-wx-img { width: 100%; display: flex; justify-content: center; align-items: center; }
.footer-wx-img img { width: 120px; display: block; padding: 0 12px; }
.footer-wx-txt { line-height: 26px; color: #666666; font-size: 14px; text-align: center; padding-bottom: 6px; }
.bootom { background-color: #151515; line-height: 26px; padding: 19px 0; text-align: center; color: #fff; }

.bootom a{color: #fff; }


.nav.fix { height: 72px; background:rgba(11, 81, 25, 0.8); }
.nav.fix .nav-menu-list { padding: 0; }
.nav.fix .nav-menu-list ul li { line-height: 40px; padding: 16px 10px; }
.nav.fix .nav-menu-cont ul li { padding: 0px 12px; color: #fff; font-size: 18px; text-align: left; }
.nav.fix .logo img { max-height: 60%; }
.nav.fix .nav-menu-list ul li:hover { border-bottom: 2px solid rgba(0,0,0,0); }
.nav.fix .nav-menu-list ul li:hover a { color: #fff; }
.nav.fix .nav-menu-list ul li:after { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background-color: #fff; transition: .5s; }
.nav.fix .nav-menu-list ul li:hover:after { width: 100%; }
.nav-ico { width: 58px; height: 40px; background: url(../image/menu.png)center no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; position: absolute; right: 30px; top: 43px; }
.nav.fix .nav-ico { top: 15px; }
.nav-ico.active { width: 41px; height: 28px; background: url(../image/close.png)center no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; }
.wap-head-slide { width: 60%; display: table; min-height: 100px; background-color: #fff; position: fixed; left: -100%; top: 0; z-index: 99; padding-top: 80px; }
.wap-head-slide span.close { display: inline-block; width: 32px; height: 32px; background: url(../image/close.png)center no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; position: absolute; right: 30px; top: 30px; opacity: 1; }
.wap-search { width: 100%; height: 46px; border-bottom: 1px solid #e0e0e0; line-height: 46px; padding: 0 18px; }
.wap-search input { width: 280px; height: 30px; border: none; background-color: none; padding-left: 10px; color: #333; background: none; font-size: 15px; float: left; margin: 8px 0; }
.wap-search img { float: left; margin: 15px 0; }
.wap-search input::-webkit-input-placeholder {
 color: #c0182a;
}
.wap-slide-line { width: 100%; display: table; padding: 40px 40px; min-height: 30px; }
.wap-slide-line-col { width: 100%; height: 60px; border: 1px solid #ce4f86; border-radius: 5px; padding: 0 10px; }
.wap-slide-line-col span { line-height: 60px; color: #ce4f86; font-size: 16px; }
.wap-slide-line-col i { display: inline-block; width: 8px; height: 16px; background: url(http://www.whjmcm.com/Yourphp/Tpl/Home/Default/Public/images/ic74.png)center no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; float: right; margin: 22px 0; margin-right: 8px; }
.wap-slide-menu { width: 100%; display: table; padding: 0 40px; padding-bottom: 40px; }
.wap-slide-menu a { color: #000; }
.wap-slide-menu span.close { display: inline-block; width: 30px; height: 30px; background: url(../image/ic4.png)center no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; position: absolute; right: 30px; top: 20px; }
.wap-slide-menu ul { width: 100%; display: table; }
.wap-slide-menu ul li { display: table; width: 100%; border-bottom: 1px solid #a3a3a3; line-height: 44px; }
.wap-slide-menu ul li:last-child { border-bottom: none; }
.wap-slide-menu ul li h4 { font-weight: normal; font-size: 16px; color: #5e5e5e; line-height: 60px; padding: 0 18px; width: 100%; }
.wap-slide-menu ul li h4 span { display: inline-block; min-width: 120px; height: 100%; float: left; }
.wap-slide-menu ul li h4 i { display: inline-block; width: 18px; height: 18px; background: url(../image/ic5.png)center no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; float: right; margin: 22px 0; }
.slide-menu-col { width: 100%; display: table; background-color: #fff; min-height: 100px; padding: 20px 0; display: none; }
.slide-menu-col a { display: block; padding-left: 50px; width: 100%; line-height: 42px; color: #838383; font-size: 15px; }
.slide-menu-col a:hover { text-decoration: none; }
.wap-slide-menu ul li.acti h4 { background-color: #fff; }
.wap-slide-menu ul li.acti h4 i { transform: rotate(180deg); }
.wap-slide-cont { width: 100%; height: 50px; background-color: #257d25;  box-shadow: 0 .05rem .08rem rgba(0,0,0,.1);
padding: 0 18px; }
.wap-slide-cont-tel { width: 50%; height: 50px; display: flex; justify-content: center; align-items: center; position: relative; }
.wap-slide-cont-tel:after { content: ''; position: absolute; right: 0; top: 50%; margin-top: -15px; width: 1px; height: 30px; background-color: #86ae9b; }
.wap-slide-cont-tel span { color: #fff; font-size: 16px; }
.wap-slide-cont-tel img { margin-right: 8px; }
.wap-slide-cont-wx { width: 50%; height: 50px; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 16px; }
.wap-slide-cont-wx img { margin-right: 5px; position: relative; top: 2px; }
.time-01 { animation-delay : .1s; }
.time-02 { animation-delay : .2s; }
.time-03 { animation-delay : .3s; }
.time-04 { animation-delay : .4s; }
.time-05 { animation-delay : .5s; }
.time-06 { animation-delay : .6s; }
.time-07 { animation-delay : .7s; }
.time-08 { animation-delay : .8s; }
.time-09 { animation-delay : .9s; }
.time-10 { animation-delay : 1s; }
.case_tabs02 { text-align: left; overflow: hidden; }
.case_tabs.case_tabs02 { padding: 0 0 45px; margin-top: 38px; }
.case_tabs02 .more { float: right; width: 70px; height: 25px; line-height: 25px; font-size: 14px!important; padding: 0!important; text-align: center; background: #257d25; color: #fff; border: 0; border-radius: 50px; margin-top: 20px; }
.case_tabs.case_tabs02 a { font-size: 16px; line-height: 32px; padding: 0px 12px; margin-left: 0; margin-right: -1px;  color: #000; }
.case_tabs.case_tabs02 a:hover, .case_tabs02 a.active { background: #257d25; color: #fff; font-weight: normal; }
.case_page .cd_case .col-md-3 a { background: #fff; }
.pages { text-align: center; margin-top: 25px; width: 100%; }
.pages { display: inline-block; }
.pages a, .pages span { display: inline-block; font-size: 12px; border: 1px solid #dddddd; padding: 8px 12px; color: #707070; margin: 0 5px; }
.pages .active a { border: 0; color: #ff7800; }
.case_tabs { text-align: center; padding: 55px 0 75px; }
.case_tabs a { display: inline-block; font-size: 35px; color: #257d25; border: 1px solid #257d25; padding: 15px 35px; margin: 0 8px; background: #fff; }
.case_tabs a.active { background: #257d25; color: #fff; font-weight: bold; }
.article_content { box-shadow: 0 0 8px #d2d1d1; width: 100%; overflow: hidden; background: #fff; padding: 20px 25px; margin-bottom: 38px; }
.article_content h2 { font-size: 24px; line-height: 1.5; color: #333333; text-align: center; }
.article_content .minfo { font-size: 16px; line-height: 32px; color: #333; text-align: center; border-bottom: 1px dotted #ccc; margin-bottom: 24px; }
.article_content .cntrBody { font-size: 16px; line-height: 30px; margin-bottom: 30px; padding-top:20px; }



.article_content .prev { margin-top: 20px; }
.article_content .prev a, .article_content .next a { color: #333; }
.list_items { overflow: hidden; border: 1px solid #f4f4f4; padding: 15px; background: #f4f4f4; margin-bottom: 25px; }
.list_items:hover { border: 1px solid #257d25; }
.list_items .pic { float: left; width: 250px; height: 190px; }
.list_items .pic img { width: 100%; height: 100%; }
.list_items .infors { overflow: hidden; padding-left: 25px; }
.list_items .infors h3 { font-size: 20px; font-weight: bold; color: #222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 12px; margin-top: 15px; }
.list_items .infors h3 a { color: #222; }
.list_items .infors .time { font-size: 14px; color: #aaaaaa; margin: 15px 0; float: right; text-align: center; background: #fff; padding: 15px 5px; font-size: 22px; margin-top: -30px; }
.list_items .infors .time span { display: block; }
.list_items .infors .time .span2 { font-size: 16px; border-top: 1px solid #aaaaaa; }
.list_items .infors .content { font-size: 14px; color: #666666; line-height: 24px; width: 727px; float: left; }
.list_items .infors a.more { font-size: 14px; color: #257d25; border: 1px solid #257d25; width: 90px; height: 28px; line-height: 28px; text-align: center; display: inline-block; margin-top: 16px; }
.list_items .infors a.more:hover { background: #257d25; color: #fff }
.pos { height: 70px; line-height: 70px; vertical-align: middle; font-size: 16px; }
.pos b img { height: 22px; vertical-align: middle; margin-top: -4px; }
.pos a { vertical-align: middle; color: #257d25; font-size: 16px; }
.pos .ico { color: #000; vertical-align: middle; padding-left: 8px; }
.newlist_box .title { overflow: hidden; font-size: 28px; color: #333; background: #f0f0f0; padding: 20px 15px; margin-bottom: 35px; margin-top: 35px; }
.newlist_box .title font { font-weight: bold; }

.article_content2 { box-shadow: 0 0 8px #d2d1d1; width: 100%; overflow: hidden; background: #fff; padding: 20px 30px; margin-bottom: 38px; margin-top: 36px; }
.article_content2 h2 { font-size: 24px; line-height: 1.5; color: #333333; text-align: left; }
.article_content2 .minfo { font-size: 16px; line-height: 32px; color: #ccc; text-align: center; border-bottom: 1px dotted #ccc; margin-bottom: 24px; text-align: left; }
.article_content2 .cntrBody { font-size: 16px; line-height: 30px; margin-bottom: 30px; }
.article_content2 .prev { margin-top: 20px; }
.article_content2 .prev a, .article_content .next a { color: #333; }
.related2 { }
.related { margin-top: 36px; background: #fff; padding: 0 15px; margin-bottom: 26px; box-shadow: 0 0 8px #d2d1d1; }
.related li { position: relative; height: 128px; width: 18%; margin: 1%; float: left; }
.related h2 { font-size: 20px; line-height: 1.5; color: #333333; text-align: left; line-height: 52px; vertical-align: middle; }
.related h2 span { display: inline-block; background: #257d25; width: 2px; height: 20px; vertical-align: middle; margin-right: 10px; }
.related h2 a { float: right; font-size: 14px; color: #257d25; }
.related li img { width: 100%; }
.related li p { font-size: 16px; line-height: 42px; color: #333; height: 42px; position: absolute; bottom: 14px; width: 100%; background-color: rgba(1,1,1,0.6); text-indent: 10px; display: none; color: #fff; }
.related li:hover p { display: block; }
.hot { margin-bottom: 45px; }
.hot .hh2 { color: #257d25; line-height: 42px; border-bottom: 1px solid #257d25; margin-bottom: 16px; }
.hot h2 span { font-size: 12px; color: #b7b7b7; padding-left: 10px; }
.hot .first {  margin-bottom: 10px; border-bottom: 1px solid #ccc; list-style-type: none; margin-left: 0px; }
.hot .first img { width: 30%; float: left; margin-right: 10px; }
.hot .first h2 { font-size: 18px; color: #333; margin-bottom: 8px; }
.hot .first p { color: #999; font-size: 14px; line-height: 24px; }
.hot li { width: 100%; list-style-type: disc; margin-left: 15px; }
.hot li a { font-size: 16px; line-height: 32px; color: #555; }
.hot li a:hover { text-decoration: none; }
.hot li span { text-align: right; float: right; margin-right: 15px; color: #999; }

/*分页 begin*/
.pages li {font-size:14px;}
.pages li a {color:#6e6e6e;background:#fff;padding:6px 12px;border:1px solid #DCDCDC;}

.pages li.active a,.pages li a:hover {background:#ff9600;color:#fff;border:1px solid #ff9600;}
/*分页 end*/
.pages {list-style:none;margin:0;padding:0;display:block; clear:both; padding:20px 0;text-align:center; text-align:center; width:100%;}
.pages li {display:inline-block!important; float:none;}
.pages .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB}
.pages .active {pointer-events:none}
.pages .active,.pages a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}