@charset "utf-8";

.mainMore { display: inline-block; font-size: 14px;color:#fff; padding:10px 40px; line-height: 20px; border:1px solid #fff; border-radius: 40px; transition: all 0.5s; }
.mainMore span { display: inline-block; width: 13px; height: 20px; vertical-align: top; background: url(../images/jtwhite.png) no-repeat right center;  }
.mainMoreE span { width: 24px; height: 20px; background: url(../images/back.png) no-repeat left center;  }
.mainMore:hover { background: #8fc31f; border-color:#8fc31f; color:#fff; }
.mainMoreC { background: #8fc31f; border-color:#8fc31f; color:#fff; }
.mainMoreD { border-color:#8fc31f; color:#8fc31f; }
.mainMoreB { color: #8fc31f; border-color:#8fc31f; }
.mainMoreB span,.mainMoreD span { background-image: url(../images/jtgreen.png); }
.mainMoreB:hover span,.mainMoreD:hover span { background-image: url(../images/jtwhite.png); }

/*首页内容部分*/
.mainTit {  }
.alignC { text-align: center; }
.mainTit .et { font-size: 30px; color:#b8b9b9; margin: 8px 0; text-transform: uppercase; font-family: "arial"; }
.mainTit .t { font-size: 44px; color:#111111; }
.mainTit .c { font-size: 16px; color:#555555; }
.colorWhite .t,.colorWhite .c { color:#fff; }
@media(max-width: 1680px){
	.mainTit .et { font-size: 24px; }
	.mainTit .t { font-size: 38px; }
}
@media(max-width: 1480px){
	.mainTit .et { font-size: 20px; }
	.mainTit .t { font-size: 32px; }
}
@media(max-width: 1280px){
	.mainTit .et { font-size: 18px; }
	.mainTit .t { font-size: 26px; }
}
@media(max-width: 1024px){
	.mainTit .et { font-size: 16px; }
	.mainTit .t { font-size: 20px; }
	.mainMore { padding: 6px 20px; }
}
@media(max-width: 400px){
	.mainTit .c { font-size: 14px; }
	.mainTit .et { font-size: 14px; }
}


.homeBoxA { padding: 110px 0 0px; }
.homeBoxA-a { overflow: hidden; position: relative; padding: 0 0 160px; background: url(/skin/images/habga.png) no-repeat 54px bottom; }
.homeBoxA-a:before,.homeBoxA-a:after { content:''; width: 100%; height: 1px; background: #dedede; position: absolute; top:100px; }
.homeBoxA-a:before { right: calc(91.66666% + 40px); }
.homeBoxA-a:after { left:calc(8.33333% + 348px); }
.homeBoxA-a .mainTit { height: 128px; float: left; }
.homeBoxA-b { float: right; position: relative;z-index: 1; }
.homeBoxA-b ul li { cursor: pointer; height: 128px; float: left;background: #fff; text-align: center; margin-left:85px; padding: 16px 10px 0; }
.homeBoxA-b ul li .icon .pic2 { display: none; }
.homeBoxA-b ul li .t { font-size: 18px;color:#666666; margin-top:20px; }
.homeBoxA-b ul li.cur .icon .pic1,.homeBoxA-b ul li:hover .icon .pic1 { display: none; }
.homeBoxA-b ul li.cur .icon .pic2,.homeBoxA-b ul li:hover .icon .pic2 { display: inline-block; }
.homeBoxA-b ul li.cur .t,.homeBoxA-b ul li:hover .t { color:#8fc31f; }
.homeBoxA-b ul li.cur,.homeBoxA-b ul li:hover { background: url(/skin/images/hagbg.png) no-repeat center 40px #fff; }

@media(max-width: 1920px){
	.homeBoxA-b ul li { margin-left:75px; }
}
@media(max-width: 1880px){
	.homeBoxA-b ul li { margin-left:65px; }
}
@media(max-width: 1780px){
	.homeBoxA-b ul li { margin-left:55px; }
	.homeBoxA { padding:100px 0 55px; }
}
@media(max-width: 1680px){
	.homeBoxA-a { padding-bottom:115px; }
	.homeBoxA-a { background: url(/skin/images/habga.png) no-repeat 54px bottom; background-size: auto 120px; }
	.homeBoxA-a:before,.homeBoxA-a:after { top:85px; }
	.homeBoxA-a:after { left:calc(8.33333% + 306px); }
	.homeBoxA-b ul li,.homeBoxA-a .mainTit { height: 106px; }
	.homeBoxA-b ul li {margin-left:45px; padding-top:6px; }
	.homeBoxA-b ul li .icon img { height: 46px; }
	.homeBoxA-b ul li .t { font-size: 16px; }
	.homeBoxA { padding:80px 0 45px; }
}
@media(max-width: 1480px){
	.homeBoxA-a { padding-bottom:95px; }
	.homeBoxA-a { background: url(/skin/images/habga.png) no-repeat 54px bottom; background-size: auto 100px; }
	.homeBoxA-b ul li,.homeBoxA-a .mainTit { height: 88px; }
	.homeBoxA-b ul li {margin-left:45px; padding-top:0; }
	.homeBoxA-b ul li .icon img { height: 46px; }
	.homeBoxA-b ul li .t { margin-top:11px; font-size: 16px; }
	.homeBoxA-b ul li.cur,.homeBoxA-b ul li:hover { background: url(/skin/images/hagbg.png) no-repeat center 20px #fff; }
	.homeBoxA-a:before,.homeBoxA-a:after { top:70px; }
	.homeBoxA-a:before { right: calc(95% + 20px); }
	.homeBoxA-a:after { left:calc(5% + 244px); }
	.homeBoxA { padding:60px 0 40px; }
}
@media(max-width: 1280px){
	.homeBoxA-a { padding-bottom:65px; }
	.homeBoxA-a { background: url(/skin/images/habga.png) no-repeat 50px bottom; background-size: auto 70px; }
	.homeBoxA-b ul li,.homeBoxA-a .mainTit { height: 77px; }
	.homeBoxA-b ul li {margin-left:40px; padding-top:0; }
	.homeBoxA-b ul li .icon img { height: 42px; }
	.homeBoxA-b ul li .t { margin-top:10px; font-size: 16px; }
	.homeBoxA-b ul li.cur,.homeBoxA-b ul li:hover { background: url(/skin/images/hagbg.png) no-repeat center 20px #fff; }
	.homeBoxA-a:before,.homeBoxA-a:after { top:63px; }
	.homeBoxA-a:before { right: calc(95% + 20px); }
	.homeBoxA-a:after { left:calc(5% + 202px); }
	.homeBoxA { padding:40px 0 30px; }
}
@media(max-width: 1180px){
	.homeBoxA-b ul li {margin-left:30px; }
}
@media(max-width: 1080px){
	.homeBoxA-b ul li {margin-left:25px; }
}
@media(max-width: 1024px){
	.homeBoxA-b { width: 100%; margin-top:20px; }
	.homeBoxA-b ul li {margin:0 25px 0 0; background: none; }
	.homeBoxA-b ul li:last-child { margin-right:0; }
	.homeBoxA-a { background: url(/skin/images/habga.png) no-repeat 54px 90px; background-size: auto 70px; padding-bottom:50px; }
	.homeBoxA-b ul li.cur,.homeBoxA-b ul li:hover { background: url(/skin/images/hagbg.png) no-repeat center 20px; }
}
@media(max-width: 750px){
	.homeBoxA-b ul li { width: 33.33%; margin-right:0; text-align: center;}
	.homeBoxA-b ul li:nth-child(n+4) { margin-top:10px; }
	.homeBoxA-b ul li:nth-child(4) { }
}
@media(max-width: 400px){
	.homeBoxA-b ul li .t { font-size: 14px; }
}

.homeBoxA-d { position: relative; padding-left:0px; width: 100%; }
.homeBoxA-e { background: #05913a; width: 52.1%; max-width: 1000px; padding:70px 8.3333% 80px 4%; position: absolute; top:-75px; right:0; }
.homeBoxA-g { float: left; width: calc(100% - 160px); }
.homeBoxA-f .more { padding-top:10px; float: right; }
.homeBoxA-g .t { font-size: 40px;color:#fff; }
.homeBoxA-g .c { font-size: 14px;color:#fff; margin-top:20px; }
.homeBoxA-h { margin-top:60px; }
.homeBoxA-h ul li { float: left; width: 31.2%; margin-right:2%; margin-bottom: 1%;padding:16px 20px; border-radius: 6px; border:1px solid rgba(255,255,255,0.5); }
.homeBoxA-h ul li:last-child { margin-right:0; }
.homeBoxA-h ul li .t { font-size: 16px;color:#ffffff; line-height: 1.8; height: 30px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; }
.homeBoxA-h ul li .more { height: 20px; width: 10px; background: url(/skin/images/jtwhite.png) no-repeat left center; }
.homeBoxA-h ul li:hover { background: #e7a304; border-color:#e7a304; }

@media(max-width: 1680px){
	.homeBoxA-e { padding: 50px 8.333% 60px 3%; width: 60%; top:-50px; }
	.homeBoxA-g .t { font-size: 32px; }
	.homeBoxA-g .c { margin-top:10px; }
	.homeBoxA-h { margin-top:50px; }
}
@media(max-width: 1480px){
	.homeBoxA-e { padding: 30px 5.5% 40px 2%; width: 55%; top:-40px; }
	.homeBoxA-g .t { font-size: 28px; }
	.homeBoxA-g .c { margin-top:10px; }
	.homeBoxA-h { margin-top:40px; }
}
@media(max-width: 1280px){
	.homeBoxA-e { padding: 20px 5.5% 30px 2%; width: 60%; top:-40px; }
	.homeBoxA-g .t { font-size: 24px; }
	.homeBoxA-g .c { margin-top:5px; }
	.homeBoxA-h { margin-top:30px; }
	.homeBoxA-h ul li { padding:10px 12px;}
}
@media(max-width: 1024px){
	.homeBoxA-d { padding-left:0; margin-top:-20px; }
	.homeBoxA-e { width: 100%; max-width: 2000px; padding: 20px 3%; position: relative; top:0; }
	.homeBoxA-g .t { font-size: 20px; }
	.homeBoxA-g .c { margin-top:5px; }
	.homeBoxA-h { margin-top:20px; }
	.homeBoxA-h ul li { padding:10px 12px;}
}
@media(max-width: 1024px){
	.homeBoxA-h ul li { width: 100%; margin: 0 0 10px 0; }
	.homeBoxA-h ul li .t { height: auto; }
	.homeBoxA-g,.homeBoxA-f .more { width: 100%; }
	.homeBoxA-f .more { margin: 10px 0 20px; }
}

.homeBoxB { padding:110px 0; background: url(/skin/images/hbabg.jpg) no-repeat center/cover; }
.homeBoxB-a .mainTit .c { max-width: 970px; margin:25px auto 35px; line-height: 2; }
.homeBoxB-a .more { text-align: center; }
.homeBoxB-a .more a.mainMore { color:#8fc31f; border-color:#8fc31f; }
.homeBoxB-a .more a.mainMore:hover { color:#fff; }
.homeBoxB-a .more a.mainMore span { background-image: url(/skin/images/jtgreen.png); }
.homeBoxB-a .more a.mainMore:hover span { background-image: url(/skin/images/jtwhite.png); }
.homeBoxB-b { padding:75px 60px 95px; }
.homeBoxB-b ul li { position: relative; float: left; width: calc(25% - 7px); margin-right:9px; }
.homeBoxB-b ul li:last-child { margin-right:0; }
.homeBoxB-b ul li .con { position: absolute; width: 100%; text-align: center; bottom:20px; }
.homeBoxB-b ul li .con .t,.homeBoxB-b ul li .con .c { font-size: 22px; color:#fff; line-height: 1.6; }
.homeBoxB-c { width: 100%; max-width: 1000px; margin: 0 auto; }
/*.homeBoxB-c ul li { position: relative; margin-right:77px; float: left; text-align: center; padding-top:56px; width: 192px; height: 192px; border-radius: 100px; border:1px solid #dedede; }*/
.homeBoxB-c ul li { position: relative; margin-right:77px; float: left; text-align: center;  width: 192px; height: 192px; border-radius: 100px; }
.homeBoxB-c ul li .t { font-size: 32px;color:#666666; line-height: 1; margin: 12px 0 10px; }
.homeBoxB-c ul li .c { font-size: 16px;color:#666666; line-height: 1; margin:15px 0 16px; }
/*.homeBoxB-c ul li:after { content:''; width: 10px; height: 10px; border-radius: 50%; background: #8fc31f; position: absolute; right:9px; top:40px; }*/

.homeBoxB-c ul li:last-child { margin-right:0; }
.homeBoxB-c ul li .icon { display: block; height: 8px; background: url(/skin/images/hb2.png) no-repeat center; }

@media(max-width: 1680px){
	.homeBoxB { padding:80px 0; }
	.homeBoxB-a .mainTit .c { margin: 20px auto 30px; }
	.homeBoxB-b ul li .con { bottom:15px; }
	.homeBoxB-b ul li .con .t, .homeBoxB-b ul li .con .c { font-size: 12px; }
	.homeBoxB-b { padding:55px 60px 75px; }
}
@media(max-width: 1480px){
	.homeBoxB { padding:60px 0; }
	.homeBoxB-a .mainTit .c { margin: 10px auto 20px; }
	.homeBoxB-b ul li .con { bottom:15px; }
	.homeBoxB-b ul li .con .t, .homeBoxB-b ul li .con .c { font-size: 18px; }
	.homeBoxB-b { padding:45px 60px 55px; }
}
@media(max-width: 1280px){
	.homeBoxB { padding:40px 0; }
	.homeBoxB-a .mainTit .c { margin: 5px auto 10px; }
	.homeBoxB-b ul li { width: 49%; margin: 0 0 2% 0; }
	.homeBoxB-b ul li:nth-child(2n) { float: right; }
	.homeBoxB-b ul li .con { bottom:15px; }
	.homeBoxB-b ul li .con .t, .homeBoxB-b ul li .con .c { font-size: 18px; }
	.homeBoxB-b { padding:30px 60px 40px; }
}
@media(max-width: 1024px){
	.homeBoxB { padding:30px 0 40px; }
	.homeBoxB-a .mainTit .c { margin: 5px auto 10px; width: 94%; }
	.homeBoxB-b { padding: 20px 3%; }
	.homeBoxB-b ul li { width: 49%; margin: 0 0 2% 0; }
	.homeBoxB-c { width: 100%; padding: 0 3%; }
	.homeBoxB-c { text-align: center; }
	.homeBoxB-c ul { display: inline-block; }
	.homeBoxB-c ul li { margin-right:0; }
}
@media(max-width: 850px){
	.homeBoxB { padding:30px 0 30px; }
	.homeBoxB-c { padding-left: calc(47.5% - 194px);padding-right: calc(47.5% - 194px); }
	.homeBoxB-c ul li { float: left; margin-right:5%; }
	.homeBoxB-c ul li:nth-child(2n) { margin-right:0; float: right; }
	.homeBoxB-c ul li:nth-child(n+3) { margin-top:20px; }

}
@media(max-width: 640px){
	.homeBoxB { padding:30px 0 30px; }
	/*.homeBoxB-b ul li { width: 100%; margin: 0 0 15px 0; }*/
	.homeBoxB-b ul li .con { bottom:10px; }
	.homeBoxB-b ul li .con .t, .homeBoxB-b ul li .con .c { font-size: 15px; }
	.homeBoxB-b { padding: 20px 3% 10px; }
}
@media(max-width: 450px){
	.homeBoxB-c ul li { width: 160px; height: 190px; }
	.homeBoxB-c ul li:after { display: none; }
	.homeBoxB-c ul li .t { font-size: 24px; }
	.homeBoxB-c ul li .c { font-size: 14px; }
	.homeBoxB-c { padding-left: calc(47.5% - 160px);padding-right: calc(47.5% - 160px); }

	.homeBoxB-b ul li .con .t, .homeBoxB-b ul li .con .c { font-size: 13px; }
}
@media(max-width: 380px){
	.homeBoxB-c ul li { width: 140px; }
	.homeBoxB-c ul li .t { font-size: 24px; }
	.homeBoxB-c ul li .c { font-size: 12px; }
	.homeBoxB-c { padding-left: calc(45% - 140px);padding-right: calc(45% - 140px); }
	.homeBoxB-b ul li .con .t, .homeBoxB-b ul li .con .c { font-size: 12px; }
}
@media(max-width: 350px){
	.homeBoxB-c { padding-left: calc(47% - 140px);padding-right: calc(47% - 140px); }
}

.homeBoxC { padding:120px 0 130px; }
.homeBoxC-c { margin-top:50px; }
.homeBoxC-d { float: left; width: calc(33% - 8px); margin-right:12px; height: 31.8vw; }
.homeBoxC-e .con { color:#fff; position: absolute; width: 100%; left:0; bottom:5%; padding:0 5% 0; }
.homeBoxC-e .con .tit { font-size: 16px; }
.homeBoxC-e .img { position: relative; }
/*.homeBoxC-e .img:after { content:''; width: 100%; height: 100%; background: rgba(0,0,0,0.3); position: absolute; left:0; top:0; }*/
.homeBoxC-e .con .t { font-size: 24px; margin:10px 0; }
.homeBoxC-e .con .d { font-size: 14px; margin-bottom: 30px; }
.homeBoxC-e .con .more,.homeBoxC-j .more { font-size: 14px; display: inline-block; padding-right:10px; background: url(/skin/images/jtwhite.png) no-repeat right center; }
.homeBoxC-d2 { background: #f1f1f1; }
.homeBoxC-d3 { margin-right:0; background: #1c599d; }
.homeBoxC-f { padding-top:45px; }
.homeBoxC-f .con { position: relative; left:auto; bottom:auto; color:#333; }
.homeBoxC-f .con .tit { color:#05913a; }
.homeBoxC-f .con .t { color:#111111;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; }
.homeBoxC-f .con .d { color:#666666; margin: 0; }
.homeBoxC-f .con .c { color:#666666; font-size: 15px;line-height: 1.8; margin:15px 0 30px; height: 54px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; }
.homeBoxC-f .con .more { color:#05913a; background-image: url(/skin/images/jtblue.png); }
.homeBoxC-g { position: absolute; left:0; bottom:0; width: 100%; }
.homeBoxC-g .img { position: relative; }
.homeBoxC-h { position: absolute; left:5%; width: 90%; top:50%; transform: translateY(-50%);  }
.homeBoxC-h .t { font-size: 16px;color:#fff; }
.homeBoxC-h .c { font-size: 22px;color:#fff; margin:10px 0 16px; }
.homeBoxC-h .ico { display: inline-block; width: 43px; height: 43px; background: url(/skin/images/vid.png) no-repeat center/cover; }
.homeBoxC-i .con .tit { color:#ffffff; }
.homeBoxC-i .con .t { color:#ffffff; }
.homeBoxC-j { margin-top:25px; }
.homeBoxC-j dl dd { padding: 1.7vw 5%; }
.homeBoxC-j dl dd .con { background: url(/skin/images/newb.png) no-repeat right center; }
.homeBoxC-j dl dd .t { font-size: 16px; height: 20px; overflow: hidden;color:#fff;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; width: calc(100% - 20px); }
.homeBoxC-j dl dd .d { font-size: 14px;color:rgba(255,255,255,0.6); margin-top:12px; }
.homeBoxC-j dl dd:hover { background: #3669a4; }
.homeBoxC-j .more { margin:30px 0 0 5%; color:#fff; }

@media(max-width: 2400px){
	.homeBoxC-j dl dd { padding: 1.6vw 5%; }
}
@media(max-width: 2250px){
	.homeBoxC-j dl dd { padding: 1.3vw 5%; }
}
@media(max-width: 2000px){
	.homeBoxC-j dl dd { padding: 1vw 5%; }
	.homeBoxC-f .con .c { margin:12px 0 20px; }
}
@media(max-width: 1880px){
	.homeBoxC-f { padding-top: 35px; }
	.homeBoxC-e .con .t { font-size: 22px; }
	.homeBoxC-f .con .c { margin:6px 0 15px; }
}
@media(max-width: 1780px){
	.homeBoxC-e .con .t { font-size: 20px; }
	.homeBoxC-j { margin-top:20px; }
	.homeBoxC-j dl dd .d { margin-top:8px; }
}
@media(max-width: 1680px){
	.homeBoxC { padding: 100px 0; }
	.homeBoxC-e .con .t,.homeBoxC-h .c { font-size: 20px; }
	.homeBoxC-f { padding-top:20px; }
}
@media(max-width: 1580px){
	.homeBoxC-j dl dd { padding: 0.8vw 5%; }
	.homeBoxC-j .more { margin-top:20px; }
	.homeBoxC-f .con .c { margin: 6px 0 10px; }
}
@media(max-width: 1480px){
	.homeBoxC-c { margin-top:40px; }
	.homeBoxC { padding: 70px 0; }
	.homeBoxC-d { height: 34.3vw; }
	.homeBoxC-j dl dd .con { background: url(/skin/images/newb.png) no-repeat right center; background-size: 8px auto; }
}
@media(max-width: 1380px){
	.homeBoxC-e .con .t { font-size: 18px; }
	.homeBoxC-e .con .t,.homeBoxC-h .c { font-size: 18px; }
	.homeBoxC-f .con .c { margin: 6px 0 12px; line-height: 20px; height: 40px; }
	.homeBoxC-f { padding-top:20px; }
	.homeBoxC-e .img { overflow: hidden; }
	.homeBoxC-e .img img { width: 107%!important; max-width: 200%; height: auto; }
}
@media(max-width: 1280px){
	.homeBoxC-c { margin-top:30px; }
	.homeBoxC { padding: 50px 0; }
	.homeBoxC-j dl dd .d { margin-top:5px; }
	.homeBoxC-j,.homeBoxC-j .more { margin-top:15px; }
}
@media(max-width: 1180px){
	.homeBoxC-e .con .t { font-size: 16px; margin: 5px 0; }
	.homeBoxC-f .con .c { margin: 6px 0; line-height: 20px; height: 40px; }
	.homeBoxC-f { padding-top:15px; }
}
@media(max-width: 1100px){
	.homeBoxC-j dl dd { padding: 0.5vw 5%; }
}
@media(max-width: 1024px){
	.homeBoxC-c { margin-top:20px; }
	.homeBoxC { padding: 30px 0; }
	.homeBoxC-d { width: 100%; margin:0 0 15px 0; height: auto; }
	.homeBoxC-d1 { display: none; }
	.homeBoxC-e .con { padding: 0 2%; }
	.homeBoxC-h { left:2%; }
	.homeBoxC-d3 {margin-bottom:0; padding: 20px 0 30px; }
	.homeBoxC-j dl dd { padding: 12px 2%; }
	.homeBoxC-j .more { margin-left:2%; }
	.homeBoxC-g { margin-top:20px; position: relative; left:auto; bottom:auto; }
}
.homeBoxD { position: relative; }
.homeBoxD-a { position: absolute; width: 100%; left:0; top:50%; transform: translateY(-50%); }
.homeBoxD-a .mainTit .c { font-size: 22px; margin-top:10px; }
.homeBoxD .img img.pic2 { display: none; }
@media(max-width: 1680px){
	.homeBoxD-a .mainTit .c { font-size: 20px; }
}
@media(max-width: 1480px){
	.homeBoxD-a .mainTit .c { font-size: 18px; }
}
@media(max-width: 1280px){
	.homeBoxD-a .mainTit .c { font-size: 16px; margin-top:6px; }
}
@media(max-width: 1024px){
	.homeBoxD .img img.pic1 { display: none; }
	.homeBoxD .img img.pic2 { display: block; }
}