body,p,ul,li,dl,dt,dd,h1,h2,h3{margin: 0;padding: 0;}
p,a,div,body{font-size: 14px;color: #545454;font-family: microsoft yahei;}
.w{width: 1200px;margin: 0 auto;padding: 0px;}
body{min-width: 1200px;overflow-x: hidden;}
body.index{background: #fff;}
ul,li{list-style: none;}
a{text-decoration: none;}
.fl{float: left;}
.fr{float: right;}
.df{display: flex;justify-content: space-between;}

.head{height: 132px;overflow: hidden;}
.logo h1 a{display: block;width: 217px;height: 67px;background: url(../images/logo.png) no-repeat 0 0;text-indent: -9999em;}
.logo h1{height: 132px;display: flex;align-items: center;}
.dh .tel{background: url(../images/bg_tel.png) no-repeat 0px center;font-size: 18px;color: #393939;padding-left: 24px;}
.topr{position: relative;}
.topr .dh{position: absolute;right: 0;top: 0;padding-top: 32px;}
.dh .tel span{color: #126346;font-weight: bold;font-family: Cambria;font-size: 24px;}
.menu ul {height: auto;overflow: hidden;}
.menu {margin-top: 80px;}
.menu ul li{float: left;margin-right: 46px;}
.menu ul li a{font-size: 19px;color: #151515;}
.menu ul li.hover a,.menu ul li:hover a{color: #126346;}
.menu ul li.last{margin-right: 0;}
.banner{position: relative;z-index: 888;margin-top:130px;}
.flickerplate{position: relative; width: 100%;height: auto; background:none;overflow: hidden}
.flickerplate ul.flicks{width: 10000%; height: 100%; padding: 0px; margin: 0px; list-style: none}
.flickerplate ul.flicks>li{float: left; width: 1%; height: 100%; background-position: center; background-size: cover; display: table}
.flickerplate ul.flicks>li .flick-inner{height: 100%; color: #fff; display: table-cell; vertical-align: middle}
.flickerplate ul.flicks>li img{width: 100%;display: block;}
.flickerplate .arrow-navigation{position: absolute; height: 80%; width: 10%; top: 10%; z-index: 100; overflow: hidden}
.flickerplate .arrow-navigation .arrow{display: block; height: 100%; width: 90%; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out}
.flickerplate .arrow-navigation:hover, .flickerplate .arrow-navigation .arrow:hover{cursor: pointer}
.flickerplate .arrow-navigation.left{left: 0%}
.flickerplate .arrow-navigation.left .arrow{opacity: 0; margin: 0px 0px 0px 50%; background-image: url(../images/left.png); background-repeat: no-repeat; background-position: left}
.flickerplate .arrow-navigation.right{right: 0%}
.flickerplate .arrow-navigation.right .arrow{opacity: 0; margin: 0px 0px 0px -50%; background-image: url(../images/right.png); background-repeat: no-repeat; background-position: right}
.flickerplate .arrow-navigation.left.hover .arrow{opacity: 1; margin: 0px 0px 0px 20%}
.flickerplate .arrow-navigation.right.hover .arrow{opacity: 1; margin: 0px 0px 0px -20%}
.flickerplate .dot-navigation{position: absolute; bottom: 15px; width: 100%; text-align: center; z-index: 100;}
.flickerplate .dot-navigation ul{text-align: center; list-style: none; padding: 0px 15px}
.flickerplate .dot-navigation ul li{display: inline-block; float: none;list-style: none;}
.flickerplate .dot-navigation .dot{width: 18px; height: 18px; margin: 0px 6px;border-radius: 0px; background: url(../images/t.png) no-repeat 0 0;}
.flickerplate .dot-navigation .dot:hover{cursor: pointer;}
.flickerplate .dot-navigation .dot.active{background: url(../images/th.png) no-repeat 0 0;}
.flickerplate.animate-transform-slide ul.flicks{-webkit-perspective: 1000; -webkit-backface-visibility: hidden; transform: translate3d(0%, 0px, 0px); -webkit-transform: translate3d(0%, 0px, 0px); -webkit-transition: -webkit-transform 0.6s; -o-transition: -o-transform 0.6s; -moz-transition: -moz-transform 0.6s; transition: transform 0.6s}
.flickerplate.animate-transition-slide ul.flicks{position: relative; left: 0%; -webkit-transition: left 0.4s ease-out; -moz-transition: left 0.4s ease-out; -o-transition: left 0.4s ease-out; -ms-transition: left 0.4s ease-out; transition: left 0.4s ease-out}
.flickerplate.animate-jquery-slide ul.flicks{position: relative; left: 0%}
.flickerplate.animate-scroller-slide{padding-bottom: 0px; overflow: auto}
.flickerplate.animate-scroller-slide ul.flicks{position: auto}
.bn{
	margin-top:130px;
}
.bn img{width: 100%;display: block;}
.f1{position: relative;height: 620px;}
.f1 .bg{position: absolute;top: 0;left: -360px;}
.f1 .f1b{position: absolute;top: 0;left: 0;width: 100%;height: 620px;z-index: 888;}
.f1l img{width: 527px;height: 385px;}
.f1l {float: left;padding-top: 157px;}
.f1r h3 {margin-bottom: 40px;}
.f1r h3 span{background: url(../images/bg_h3.png) no-repeat right bottom;font-size: 40px;color: #333;display: inline-block;padding: 0 60px 0px 0;font-weight: normal;}
.f1r{width: 620px;padding-top: 118px;}
.f1r p{font-size: 16px;color: #777777;line-height: 2.0em;background: url(../images/bg_p.png) no-repeat right bottom;padding-bottom: 30px;}
.f1r .f1cat a{display: block;height: 86px;font-size: 22px;color: #333333;float: left;padding-left: 90px;line-height: 90px;padding-right: 20px;margin-right: 10px;}
.f1r .f1cat {height: auto;overflow: hidden;margin-top: 20px;}
.f1r .f1cat a.a1{background: url(../images/a1.png) no-repeat 0px center;}
.f1r .f1cat a.a2{background: url(../images/a2.png) no-repeat 0px center;}
.f1r .f1cat a.a3{background: url(../images/a3.png) no-repeat 0px center;margin-right: 0;}
.f2b .hd ul{text-align: center;}
.f2b .hd ul li{display: inline-block;margin: 10px;}
.f2b .hd ul li a{color: #2f2f2f;font-size: 20px;height: 44px;line-height: 44px;background: #eeeeee;padding: 0 30px;border-radius: 20px 0 20px 0;display: inline-block;}
.f2b .hd ul li.on a{background: #17875f;color: #fff;}
.f2t h2,.f3t h2{text-align: center;font-size: 40px;color: #2f2f2f;font-weight: normal;}
.f2{margin-top: 85px;}
.f2b{margin-top: 32px;}
.f2b .bd{margin-top: 50px;height: 380px;overflow: hidden;}
.f2b .bd ul li{float: left;margin-right: 21px;}
.f2b .bd ul li img{display: block;width: 284px;height: 380px;border-radius: 8px;object-fit: cover;}
.f2b .bd ul li:nth-child(4n){margin-right: 0;}
.f3t h2{background: url(../images/bg_h2.png) no-repeat center bottom;padding-bottom: 20px;}
.f3{margin-top: 100px;}
.f3b{height: 847px;position: relative;margin-top: 36px;}
.f3b img{display: block;object-fit: cover;transition: all ease-out 2.5s;}
.f3b .a{position: absolute;}
.f3b .a a{display: block;position: relative;}
.f3b .a a .pic,.f3b .a a .des{position: absolute;width: 100%;}
.f3b .a a .des h3,.f3b .a a .des .more{color: #fff;}
.f3b .a a .des h3{font-size: 28px;font-weight: normal;}
.f3b .a a .des .more{text-transform: uppercase;width: 118px;height: 30px;line-height: 30px;text-align: center;border: 1px solid rgba(255,255,255,0.45);margin-top: 54px;}
.f3b .a a .des{display: flex;flex-direction: column;justify-content: center;align-items: center;left: 0;top: 0;z-index: 999;background: rgba(0,0,0,0.43);opacity: 0;transition: all ease-out 1.9s;}
.f3b .a1{top: 0;left: -360px;width: 543px;}
.f3b .a1 img,.f3b .a1 .des,.f3b .a1 .pic{width: 543px;height: 847px;}
.f3b .a2 img,.f3b .a2 .des,.f3b .a2 .pic{width: 828px;height: 432px;}
.f3b .a3 img,.f3b .a3 .des,.f3b .a3 .pic{width: 549px;height: 432px;}
.f3b .a4 img,.f3b .a4 .des,.f3b .a4 .pic{width: 550px;height: 415px;}
.f3b .a5 img,.f3b .a5 .des,.f3b .a5 .pic{width: 827px;height: 415px;}
.f3b .a .pic{overflow: hidden;}
.f3b .a a:hover .des{opacity: 1;}
.f3b .a2{top: 0;left: 183px;width: 828px;}
.f3b .a3{top: 0;left: 1011px;width: 549px;}
.f3b .a4{top: 432px;left: 183px;width: 550px;}
.f3b .a5{top: 432px;left: 733px;width: 827px;}
.f3b .a a:hover img{transform: scale(1.1);}
.f3more a{display: inline-block;color: #fff;background: #17875f;width: 180px;height: 43px;line-height: 43px;text-align: center;font-size: 14px;font-weight: normal;border-radius: 50px;}
.f3more{text-align: center;margin-top: 37px;}
.f4t{text-align: center;background: url(../images/bg_f4t.png) no-repeat center top;padding-top: 26px;}
.f4{margin-top: 46px;}
.f4t h2{font-size: 40px;color: #454545;background: url(../images/bg_f4th2.png) no-repeat center bottom;padding-bottom: 20px;}
.f4b .tt,.f4b .tb,.f4b .ttr a{height: auto;overflow: hidden;}

.f4b .ttr a{display: block;width: 560px;height: 118px;border: 1px solid #e5e5e5;margin-bottom: 30px;transition: all ease-in-out .3s;}
.f4b .ttr a:hover{background: #f5f5f5;}
.f4b{margin-top: 32px;}
.f4b .ttl{float: left;}
.f4b .ttr{float: right;}
.f4b .tb{border: 1px solid #e5e5e5;height: 133px;position: relative;}
.f4b .tbr ul li{float: left;width: 350px;height: 40px;line-height: 40px;overflow: hidden;background: url(../images/bg_li.png) no-repeat 0px center;padding-left: 18px;box-sizing: border-box;}
.f4b .tbr ul{height: auto;overflow: hidden;}
.f4b .tbl{width: 85px;height: 135px;background: url(../images/bg_tbl.png) no-repeat 0 0;left: -1px;top: -1px;position: absolute;z-index: 99;}
.f4b .tbr ul li a{font-size: 18px;color: #424242;}
.f4b .tbr{padding: 28px 0 0 134px;}
.f4b .tbl p{color: #fff;font-size: 21px;padding: 12px 30px 0;}
.f4b .ttl,.f4b .ttl img{display: block;width: 586px;height: 271px;}
.f4b .ttr a .al{height: 118px;width: 133px;display: flex;flex-direction: column;justify-content: center;align-items: center;float: left;}
.f4b .ttr a .al .date1{font-size: 47px;color: #454545;font-family: Cambria;}
.f4b .ttr a .ar{float: left;margin-top: 16px;height: 89px;border-left: 1px solid #e5e5e5;width: 400px;padding-left: 24px;box-sizing: border-box;}
.f4b .ttr a .ar h2{overflow: hidden;font-size: 19px;color: #424242;height: 30px;line-height: 30px;text-overflow: ellipsis;font-weight: normal;white-space:nowrap;}
.f4b .ttr a .ar p{font-size: 15px;color: #939393;line-height: 1.6em;height: 50px;overflow: hidden;margin-top: 10px;}

.con{margin-top: 30px;padding-bottom: 50px;height: auto;overflow: hidden;}
.dleft{width: 250px;float: left;}
.dright{width: 920px;float: right;border:1px solid #e0e0e0;}
.lanmu{border:1px solid #e0e0e0;border-bottom: none;}
.lanmu h2{font-weight: normal;font-size: 25px;text-align: center;height: 54px;line-height: 54px;background: #17875f;color: #fff;}
.lanmu ul li a{display: block;height: 42px;line-height: 42px;font-size: 16px;text-indent: 24px;transition: all ease-out .2s;}
.lanmu ul li{border-bottom: 1px solid #e0e0e0;}
.lanmu ul li a:hover{background: #fafafa;}
.pos,.posl,.posr{height: 54px;line-height: 54px;}
.pos{border-bottom: 1px solid #e0e0e0;padding: 0 14px;background: #f9f9f9;}
.posl{float: left;font-size: 25px;color: #17875f;}
.posr{float: right;}
.posr a{padding: 0 5px;}
.nr{padding: 40px 0;}
.pos2{height: auto;overflow: hidden;}
#pos{background: #f6f6f6;}
.page{padding: 0 30px;line-height: 1.9em;}
.page img{max-width: 100%;}
.news dl{border-bottom: 1px dashed #ddd;padding: 18px;transition: all ease-in-out .2s;}
.news dl dd{}
.news dl dd h2{position: relative;font-weight: normal;background: url(../images/dot.png) no-repeat 2px center;padding-left: 18px;}
.news dl dd h2 span{color: #888;font-size: 12px;position: absolute;right: 0;background: #eee;padding: 2px 10px;display: inline-block;}
.news dl dd h2 a{font-size: 18px;transition: all ease-in-out 0.2s;}
.news dl dd h2 a:hover{color: #17875f;}
.news dl dd p{padding: 10px 0;line-height: 1.9em;height: 40px;overflow: hidden;color: #999;}
.news dl:hover{background: #f6f6f6;}
.fenye{text-align: center;padding: 50px 0 50px;}
.fenye a,.fenye span{display: inline-block;margin: 0 4px;padding: 2px 12px;background: #ddd;border-radius: 1px;height: 26px;line-height: 26px;}
.fenye a:hover,.fenye span.current{background: #17875f;color: #fff;}

.show{line-height: 2em;}
.showt{text-align: center;padding: 0px 0 20px;}
.showt h1{font-weight: normal;font-size: 24px;height: 30px;overflow: hidden;}
.showt .date{font-size: 12px;color: #888;padding-top: 6px;}
.detail{padding-top: 20px;padding-bottom: 40px;}
.content{border-top: 1px solid #ddd;padding-top: 10px;}
.content ul{height: auto;overflow: hidden;padding: 2px 0 40px;}
.content ul li.lil{float: left;}
.content ul li.lir{float: right;}
.photo{height: auto;overflow: hidden;padding-left: 30px;}
.photo a{display: block;float: left;margin: 0 40px 20px 0;}
.photo a .pic{display: flex;align-items: center;justify-content: center;height: 240px;overflow: hidden;border: 1px solid #e7e7e7;border-radius: 8px;transition: all ease-in-out .3s;}
.photo a,.photo a .pic{width: 260px;}

.photo a img{max-height: 240px;max-width: 260px;object-fit: cover;}
.photo a:nth-child(3n){margin-right: 0;}
.photo a h2{height: 40px;line-height: 40px;text-align: center;transition: all ease-in-out .2s;font-size: 18px;font-weight: normal;}
.photo a p{text-align: center;font-size: 16px;color: #555;height: 50px;overflow: hidden;line-height: 50px;}
.photo a:hover .pic{box-shadow: 0 6px 16px #c7c7c7;}



#footer{clear: both;margin-top: 50px;}
#fttop{background: #333333;clear: both;}
.fttop{height: auto;overflow: hidden;padding: 54px 0 38px;}
.fttop h2{font-size: 21px;color: #fff}
#ftbot{background: #262626;}
.ftbot p,.ftbot p a{color: #727272;font-size: 12px;}
.ftbot{padding: 20px 0;}
.ftcat{margin-top: 18px;}
.ftcat,.ftcat .ul2{height: auto;overflow: hidden;}
.ftcat .ul2 li a,.ftcat .ul1 li.first a{font-size: 17px;color: #fff;}
.ftcat .ul1 li a{font-size: 14px;color: #a9a9a9;}
.ftcat .ul1{    width: 370px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
.ftcat .ul2 {width: 200px;}
.ftcat .ul1 li{    height: 28px;
    line-height: 28px;
    width: 45%;}
.ftcat .ul2 li{float: left;margin-right: 48px;}
.ftcat .ul2 li:nth-child(2n){margin-right: 0;}
.ft1{width: 350px;margin-right: 175px;}
.ftcat .ul2 li{height: 34px;line-height: 34px;}
.ftlx .zx a{display: block;font-size: 15px;font-weight: bold;color: #fff;height: 40px;line-height: 40px;width: 165px;text-align: center;background: #17875f;border-radius: 40px;}
.ftlx p{font-size: 13px;color: #a9a9a9;line-height: 2.2em;}
.ftlx .zx{margin-top: 16px;}
.ftlx .dh{font-size: 35px;color: #b6945b;background: url(../images/bg_dh.png) no-repeat 0px center;height: 33px;line-height: 33px;padding-left: 44px;font-family: Cambria;margin-bottom: 15px;}
.ftlx {margin-top: 25px;}
.ftr .ewm{display: flex;flex-direction: column;align-items: center;justify-content: center;margin-top: 14px;}
.ftr .ewm img{width: 124px;height: 124px;}
.ftr .ewm p{font-size: 13px;color: #888888;margin-top: 4px;}






