﻿@import "font/RajdhaniBold/RajdhaniBold.css";
@import "https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900";
body{ margin:0; padding:0;font-size:0; line-height:100%; width:100%; color:#666; font-family:'微软雅黑','Microsoft YaHei','PingFang SC','Noto Sans SC','Gotham'; background:#fff; overflow-x:hidden}
img,input,button,select,textarea{margin:0;padding:0;resize:none;border:none;outline:none; vertical-align:middle} 
ol,ul,li{list-style:none; margin:0; padding:0} 
h1,h2,h3,h4,h5,h6,p,em,i,b,em{font-size:100%;word-wrap:break-word;font-style:normal; font-weight:normal; margin:0; padding:0}
a{text-decoration:none; color:#666}
a:active,a:focus,a:hover{outline:none; color:#25a725}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
input[type="button"], input[type="submit"], input[type="reset"],select{-webkit-appearance:none;}
div,ul,li,span,p,i,a,h1,h2,h3,h4,h5,h6,img,input,submit,textarea{box-sizing:border-box;outline:none;}


.toTop{ position:fixed;bottom:0; right:0; display:block; width:32px; height:32px; background:url(../images/toTop.png) no-repeat; background-size:100% 100%; z-index:1000; display:none; opacity:0.7}
.toTop:hover{background:url(../images/toTopHover.png) no-repeat;background-size:100% 100%;opacity:1.0}


.boxTop{ position:fixed; top:0; left:0;width:100%; z-index:1000;height:80px;background:#fff;}
.boxTop1{position:relative;box-sizing:border-box; width:96%; text-align:right; display:block; margin:0 auto}
.logo{position:absolute; left:0; top:20px;height:42px}



@keyframes ANavI{0%{width:0; left:50%;}100%{width:100%; left:0;}}
.boxNav{height:80px; text-align:center;display:inline-block;  vertical-align:middle;}
.boxNav li{display:inline-block;position:relative; padding:0 25px; margin:0 30px 0 0; }
.boxNav li span a{display:block;font-size:14px;line-height:80px; color:rgba(0,0,0,0.6); font-weight:bold}
.boxNav li span a:hover{/*color:#25a725*/}
/*.boxNav li span i{ height:8px; background:url(../images/icoNav.png) no-repeat; width:9px; position:absolute; top:36px; left:50%; margin:0 0 0 -45px; display:none}*/
.boxNav li span i{height:3px; background:#25a725; width:100%; position:absolute; top:0; left:0; display:none}
/*.boxNav li:first-child span i{margin:0 0 0 -31px;}*/
.boxNav li .on i{ display:block;animation:ANavI 0.3s}

.boxNav li div{position:absolute; top:80px; left:0;width:100vw;text-align:left;background:rgba(0,0,0,0.5); z-index:2; display:none; border-bottom-left-radius:20px; padding:0 0 0 10px; }
.boxNav li div a{display:inline-block;font-size:13px; padding:0 15px;color:#fff;line-height:56px; text-align:center; opacity:0.6}
.boxNav li div a:hover{ color:#fff; opacity:1}
.boxNav li:last-child div{left:-80px;}

.icoTop{display:inline-block;height:80px;vertical-align:middle; float:right;}
.icoTop a{ position:relative;display:inline-block; vertical-align:middle}
.icoTop a:first-of-type{ margin:0}
.icoTop a i{display:block;height:80px;}
.icoTop a div{position:absolute; top:80px; right:-40px; background:#fff;  box-shadow:0 2px 10px rgba(0,0,0,0.2);text-align:center; display:none; padding:20px 0; width:240px}
.icoTop a span{display:inline-block; width:120px;}
.icoTop a div img{width:90px}
.icoTop a div h1{display:block; font-size:12px; color:#444; padding:0; line-height:12px; margin-top:5px}

.topWx{margin:0 15px 0 15px}
.topWx i{background:url(../images/icoTopWx.png?v=1.0) center no-repeat; width:31px; opacity:0.6}
.topWx:hover i{background:url(../images/icoTopWxHover.png) center no-repeat; opacity:1.0}

.topSearch i{background:url(../images/icoTopSearch.png?v=1.0) center no-repeat; width:17px;opacity:0.6}
.topSearch:hover i{background:url(../images/icoTopSearchHover.png) center no-repeat;opacity:1.0}

.topOa i{background:url(../images/icoTopOa.png?v=1.0) center no-repeat; width:21px;opacity:0.6}
.topOa:hover i{background:url(../images/icoTopOaHover.png) center no-repeat;opacity:1.0}

.bgTop{ background:#fff!important;box-shadow:0 0 10px rgba(0,0,0,0.1);}

/*.whiteCon{background:url(../images/bgTopBlack.png) no-repeat center/100% 100%!important;} */
.whiteCon{background:none!important;} 
.whiteCon .boxNav li span a{color:#fff!important}
.whiteCon .boxNav li span a:hover{color:#fff!important}
.whiteCon .topSearch i{background:url(../images/icoTopSearchWhite.png) center no-repeat!important; opacity:1.0!important;}
.whiteCon .topWx i{background:url(../images/icoTopWxWhite.png) center no-repeat!important; opacity:1.0!important;}
.whiteCon .topOa i{background:url(../images/icoTopOaWhite.png) center no-repeat!important; opacity:1.0!important;}



.searchTop{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); text-align:center; z-index:1002; display:none}
.searchTop span{display:inline-block; width:700px; height:52px;  overflow:hidden; background:#fff; position:absolute; top:50%; left:50%; margin:-30px 0 0 -350px; font-size:0;}
.searchTop a{ width:40px; height:40px; display:inline-block; position:absolute;top:20px; right:20px;background:url(../images/icoClose1.png) center no-repeat; background-size:100% 100%; z-index:2;transition:transform 0.6s ease-out;}
.searchTop a:hover{ transform:rotateZ(180deg);}
.inputTop{width:600px; height:52px; line-height:52px; font-size:13px; color:#444; text-indent:15px;}
.submitTop{ width:100px; height:52px; background:#38b938; font-size:14px;  color:#fff;cursor:pointer}  
.submitTop:hover{ background:#4ecd4e}



/*--------------------mTop------------------------*/
.boxTopM{ width:100vw; height:70px; position:fixed;top:0; left:0; z-index:100; background:#fff; display:none;}
.logoM{ position:absolute;left:15px; top:20px; height:30px;}

.openMenu{width:60px; height:70px; position:absolute; top:0; right:0;background:url(../images/openMenu.png) no-repeat center/cover;}
.closeMenu{width:60px; height:60px; position:absolute; top:0; left:-60px;background:#fff url(../images/closeMenu.png) no-repeat center; background-size:cover;}


.navTopM{position:fixed; top:0; left:0; width:100vw;height:100vh; z-index:1001; background:rgba(0,0,0,0.8); display:none}
.boxNavM{ width:calc(100vw - 30px); height:100%;background:#188f38 url(../images/bgNavM.png) no-repeat right top/100% auto;overflow-y:auto; padding:60px 0 0 30px; box-sizing:border-box; position:relative; left:100%;}
.boxNavM li{ position:relative}
.boxNavM li span{display:block; position:relative; width:120px;}
.boxNavM li span a{display:block;font-size:14px;line-height:50px; color:rgba(255,255,255,0.7); }
.boxNavM li span a:hover{ color:#fff}
.boxNavM li .on a{color:#fff}
.boxNavM li div{position:absolute; top:0; left:120px; display:none; z-index:100}
.boxNavM li div a{display:block; line-height:50px; font-size:14px; text-align:left; color:rgba(255,255,255,0.7); }
.boxNavM li div a:hover{  color:#fff}
.boxNavM li div .on{color:#fff}

.searchTopM{margin:20px 0; padding:8px 0;background:#e6e6e8}
.searchTopM .inputSearchM{ width:calc(100% - 40px); height:30px; line-height:30px; background:none; border:none; font-size:14px;color:#999; text-indent:10px;}
.searchTopM .subimtSearchM{ width:40px; height:30px;background:none; background:url(../images/icoSearchTopM.png) center no-repeat; background-size:40px 40px;cursor:pointer}
.searchTopM .subimtSearchM:hover{color:#c30e23;}

.icoTopM{text-align:center; color:#fff}
.icoTopM img{ width:50%;vertical-align:middle}
.icoTopM span{font-size:14px; line-height:14px; margin-top:10px; display:inline-block; vertical-align:middle; width:50%; padding:0 0 0 10px;  line-height:26px;}
/*--------------------mTop------------------------*/

/*.whiteConM{background:url(../images/bgTopBlack.png) no-repeat center/100% 100%!important;}*/
.whiteConM{background:none!important;}
.whiteConM .openMenu{background:url(../images/openMenuWhite.png) no-repeat center/cover!important;}


.btnGo{position:absolute; left:50%; margin-left:-12px; bottom:50px;animation:arrowGo 1s linear 0s infinite alternate;background:url(../images/icoArrow.png) center no-repeat; background-size:100% 100%; display:none; width:24px; height:30px; opacity:0.7; z-index:100;}
.btnGo:hover{opacity:1.0}

@keyframes arrowGo { 
0% {bottom:70px}
50% {bottom:50px}
100% {bottom:30px}
}


.banner{width:100vw;height:33.333vw;overflow:hidden; position:relative; margin:0 0 0 calc((100% - 100vw)/2)}
.banner .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden; background-size:cover!important}
.banner .swiper-slide img{ width:100%;}
.banner .swiper-pagination{bottom:30px!important;z-index:1; text-align:center;}
.banner .swiper-pagination-bullet{width:6px; height:6px; background:#fff; opacity:1.0; border-radius:3px;}
.banner .swiper-pagination-bullet-active{background:#fff; width:24px;}
.banner .swiper-button-prev{left:2%;margin-top:-18px; width:37px; height:37px; background:url(../images/bannerJtLeft.png) no-repeat center/cover;opacity:0.5; z-index:101}
.banner .swiper-button-prev:hover{background:url(../images/bannerJtLeft.png) no-repeat center/cover;opacity:1.0}
.banner .swiper-button-next{right:2%;margin-top:-18px;width:37px; height:37px; background:url(../images/bannerJtRight.png) no-repeat center/cover;opacity:0.5; z-index:101}
.banner .swiper-button-next:hover{background:url(../images/bannerJtRight.png) no-repeat center/cover;opacity:1.0}

.bannerM{width:100vw;height:100vw;overflow:hidden;position:relative; margin:70px 0 0 0;display:none}
.bannerM .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden; background-size:cover!important}
.bannerM .swiper-slide img{width:100%}
.bannerM .swiper-pagination{bottom:15px!important;z-index:1; text-align:center; margin:0 2px}
.bannerM .swiper-pagination-bullet{width:6px; height:6px; background:#fff; opacity:1.0; border-radius:3px; }
.bannerM .swiper-pagination-bullet-active{background:#fff; width:20px;}


.boxMax{width:100%; max-width:1240px; padding:0 20px; margin:0 auto; position:relative; z-index:1; box-sizing:border-box}

.boxInd{width:100%; max-width:1240px; height:240px; padding:0 20px; margin:0 auto;  display:block;}

.indNewsHead{width:50%; padding:52px 70px 0 0; display:inline-block; vertical-align:top;}
.indNewsHead h1{font-size:18px; width:100%; height:26px; line-height:26px; font-weight:bold; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.indNewsHead h2{font-size:18px; line-height:26px; font-weight:bold; color:#ccc;margin:5px 0 17px 0;  }
.indNewsHead h3{ font-size:13px; line-height:20px; text-align:justify; color:#666; }

.indNews{ width:50%;padding:50px 0 0 0;overflow:hidden; position:relative;display:inline-block;vertical-align:top}
.indNewsNav{ background:url(../images/bgLine.png) repeat-x bottom; height:40px; box-sizing:border-box;}
.indNewsNav a{display:inline-block; width:100px;font-size:14px;text-align:center; line-height:26px; height:40px;font-weight:bold;}
.indNewsNav .on{ border-bottom:2px solid #25a725;}
.indNewsList{padding:10px 0 0 0}
.indNewsList a{display:block; line-height:30px; background:url(../images/bgLi.png) no-repeat 0 center/4px 4px; padding:0 0 0 13px; box-sizing:border-box}
.indNewsList a h1{font-size:14px; display:inline-block; width:calc(100% - 90px);height:30px; vertical-align:middle; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.indNewsList a h2{font-size:14px; color:#999;display:inline-block; width:90px;vertical-align:middle; text-align:right}

.moreNews{position:absolute; top:50px; right:0;display:block; width:44px;  height:26px;background:url(../images/icoMore.png) no-repeat center right/44px 8px; }
.moreNews:hover{background:url(../images/icoMore.png) center no-repeat no-repeat center right/44px 8px;}


.indList{width:100%;overflow:hidden; margin:0 0 2px 0;height:12.5vw; max-height:220px; background:#fccd03}
.indList a{display:inline-block; width:25%; height:100%; position:relative; overflow:hidden; vertical-align:top; float:left}
.indList a img{position:absolute; top:50%; margin-top:-24px; left:6%; height:48px;}
.indList a:nth-child(1){background:#009abc url(../images/imgInd1.png) no-repeat center/cover}
.indList a:nth-child(2){background:#acd3df url(../images/imgInd2.png) no-repeat center/cover}
.indList a:nth-child(3){background:#def4c8 url(../images/imgInd3.png) no-repeat center/cover}
.indList a:nth-child(4){background:#fccd03 url(../images/imgInd4.png?v=1.0) no-repeat center/cover}

  

.boxFoot{width:100%; padding:25px 0;background:#4e4b4b;font-size:12px;line-height:22px; color:#999; font-weight:bold; box-sizing:border-box;  }
.boxFoot1{ width:100%; max-width:1200px; display:block; margin:0 auto;position:relative; z-index:1}
.boxFoot1 span{float:right; margin:15px 0 0 0; font-size:0;line-height:24px;}
.boxFoot1 span a{display:inline-block; font-size:12px; font-weight:bold; background:url(../images/bgFootDian.png) no-repeat right center; padding:0 15px 0 0; margin-right:15px; }
.boxFoot1 span a:last-child{ margin-right:0; padding-right:0; background:none}
.boxFoot1 span i{ display:inline-block; vertical-align:middle; font-size:24px;font-weight:bold;color:#eb8e00; }
.boxFoot1 a{color:#999;}
.boxFoot1 a:hover{ color:#eb8e00}
.footText{ background:url(../images/bgFootLine.png) no-repeat left/2px 100%; padding:5px 0 5px 20px;}


.subBanner{ width:100vw; height:12.5vw;background-size:cover!important;  position:relative; margin:80px 0 0 calc((100% - 100vw)/2)}
.subBanner div{position:absolute; top:50%; left:0; margin:-29px 0 0 0; color:#fff; width:100%; text-align:center;}
.subBanner div span{ display:inline-block; width:100%; padding:0 30px; max-width:1260px; margin:0 auto; text-align:right; box-sizing:border-box;}
.subBanner div h1{ font-size:26px; line-height:26px;/* font-family:'RajdhaniBold'; */text-transform:uppercase; opacity:0.8}
.subBanner div h2{ font-size:14px; line-height:14px; margin-top:10px; opacity:0.8}
.subBanner a{color:#fff}
.subBanner a:hover{color:#fff}

.subNavBox{background:#fff; border-bottom:1px solid #e6e6e6; height:70px;position:relative; z-index:1;}

.subNav{text-align:right; width:100%; max-width:1200px; margin:0 auto;}
.subNav a{ padding:0 35px;/*padding:0 5px; margin:0 0 0 33px;*/font-size:13px; height:70px; line-height:70px;display:inline-block; box-sizing:border-box; text-align:center;position:relative;}
.subNav a i{ height:3px; background:#25a725; width:100%;position:absolute; bottom:0; left:0; display:none; z-index:-1;}
.subNav .on{}
.subNav .on i{ display:block;animation:ANavI 0.3s}

.curNav{ position:absolute; top:0; left:50%; margin:0 0 0 -600px;font-size:14px; color:#999; line-height:70px;}
.curNav a{ font-size:14px; color:#999; padding:0 0 0 20px; margin:0 15px 0 0; background:url(../images/icoCurJt.png) no-repeat center left/7px 13px; }
.curNav a:hover{color:#25a725}
.curNav a:first-child{background:url(../images/icoHome.png) no-repeat center left/10px 10px;padding:0 0 0 20px;}

.newsSlelect{ position:absolute; right:50%; top:17px; margin:0 -600px 0 0}
.newsSlelect select{width:96px; height:35px;  border:1px solid #d3d3d3; border-radius:3px; padding:0 0 0 10px; color:#666; background:url(../images/icoJtSelect.png) no-repeat right center/20px auto; font-family:'Noto Sans SC'}
.newsSlelect select::-ms-expand{display: none;}


.bgMain{background:url(../images/bgMain.jpg) no-repeat top center/100% auto; width:100%; overflow:hidden}
.mainMax{width:100%; max-width:1200px; margin:0 auto; display:block; overflow:hidden; background:url(../images/bgMainLine.png) no-repeat 330px 0/1px 100%; min-height:500px;}

.boxLeft{ width:330px;display:inline-block; vertical-align:top; padding:60px 0 0 0;}
.boxLeft h1{ font-size:26px; line-height:26px;}
.boxLeft h2{ font-size:22px; line-height:22px; color:#dbdbdb; text-transform:uppercase; margin:15px 0 20px 0;}
.boxLeft h4{ margin:60px 0}

.boxRight{width:870px; display:inline-block; vertical-align:top; padding:0 0 0 70px; overflow:hidden}
.conText{line-height:26px; font-size:14px; padding:60px 0; text-align:justify}
.conText img{width:100%}
.conTitle{ font-size:20px; font-weight:bold;}
.conTitle i{display:block; font-size:16px; color:#cacaca; margin:5px 0 10px 0}

.boxFzlc{width:870px; display:inline-block; vertical-align:top; padding:60px 0 0 0}
.boxFzlc li{font-size:14px; line-height:26px; margin:0 0 50px 0;}
.boxFzlc li h1{ font-size:18px; line-height:30px; border-left:4px solid #25a725; padding:0 0 0 66px; margin:0 0 20px 0;}
.boxFzlc li h1 i{color:#25a725; font-weight:bold; font-size:24px;margin:-4px 10px 0 0;display:inline-block; vertical-align:middle;}
.boxFzlc li div{ border-bottom:1px solid #e5e5e5; padding:0 0 50px 0; margin:0 0 0 70px;}
.boxFzlc li div i{display:inline-block; vertical-align:top; width:62px;}
.boxFzlc li div span{ display:inline-block; vertical-align:top; width:738px;}
.boxFzlc li:last-child div{ border-bottom:none}


.boxJtry{width:870px; display:inline-block; vertical-align:top; padding:60px 0 0 0}
.boxJtry li{font-size:14px; line-height:26px; margin:0 0 40px 0;}
.boxJtry li h1{ border-left:4px solid #25a725; padding:0 0 0 66px; margin:0 0 20px 0}
.boxJtry li h1 i{color:#25a725; font-weight:bold; font-size:24px;display:inline-block; vertical-align:middle; background:url(../images/bgJtry.png) no-repeat center/100% 100%; width:154px; height:40px; line-height:38px; text-align:center}
.boxJtry li div{ border-bottom:1px solid #e5e5e5; padding:0 0 40px 0; margin:0 0 0 70px;}
.boxJtry li div i{display:inline-block; vertical-align:top; width:62px;}
.boxJtry li div span{ display:inline-block; vertical-align:top; width:738px;}
.boxJtry li:last-child div{ border-bottom:none}


.boxQywh{width:100%;padding:60px 0 40px 0;}
.boxQywh li{position:relative; padding:40px; width:100%; height:370px; overflow:hidden; margin:0 0 20px 0;}
.boxQywh li img{ position:absolute; top:0; left:0; z-index:1}
.boxQywh li .qywhCon{ width:100%; height:100%; position:relative; z-index:2; overflow:hidden;transition:all .5s ease-out .2s}
.boxQywh li .qywhTitle{ float:left; width:360px;padding:60px 0 0 30px;line-height:26px;}
.boxQywh li .qywhTitle h1{font-size:18px; font-weight:bold; display:inline-block; background:url(../images/icoQywh1.png) no-repeat right top; padding:0 16px 0 0;}
.boxQywh li .qywhTitle h2{ font-size:20px;font-weight:bold;text-transform:uppercase; display:block; opacity:0.5}
.boxQywh li .qywhTitle h3{ font-size:26px; background:url(../images/icoQywh2.png) no-repeat left top; padding:17px 0 0 0; margin:15px 0 0 0}
.boxQywh li .qywhText{float:left; width:360px; height:100%; padding:0 30px 0 0; opacity:0;transition:all .8s ease-out .2s;}
.boxQywh li .qywhText span{width:99%;font-size:14px; line-height:26px; text-align:justify;display:inline-block; vertical-align:middle; }
.boxQywh li .qywhText span p{}
.boxQywh li .qywhText i{ width:1px; height:100%; display:inline-block; vertical-align:middle}

.boxQywh li:nth-child(even) .qywhTitle{float:right; padding:60px 0 0 110px;}
.boxQywh li:nth-child(even) .qywhText{ padding:0 0 0 30px;}

.boxQywh li:hover .qywhCon{background:rgba(255,255,255,0.9);}
.boxQywh li:hover .qywhText{opacity:1}


/*-----------------新闻列表-----------------*/
.newsList{width:100%; max-width:1200px; margin:0 auto; display:block; overflow:hidden;}
.newsList a{border-bottom:1px solid #e5e5e5;padding:30px 0 31px 0; display:block}
.newsList a div{ width:200px;display:inline-block; vertical-align:top; overflow:hidden}
.newsList a div img{ width:100%;transition:transform 0.5s;}
.newsList a span{ width:1000px; padding:0 0 0 30px; position:relative; overflow:hidden;display:inline-block; vertical-align:top}
.newsList a span h1{ position:absolute; right:0; top:18px; font-size:17px; line-height:18px; color:#25a725; font-weight:bold}
.newsList a span h2{ font-size:18px; line-height:30px; font-weight:bold; margin:12px 0 15px 0; padding:0 130px 0 0}
.newsList a span h3{ font-size:14px; line-height:24px; color:#999}
.newsList a:hover img{transform:scale(1.1);}


.newsListText{ width:100%; max-width:1200px; margin:0 auto; display:block; overflow:hidden;}
.newsListText a{ background:url(../images/bgNewsLine.png) repeat-x bottom; padding:30px 0 32px 0; display:block}
.newsListText a div{ width:100px; line-height:30px; font-size:14px; color:#733e2a; border:1px solid #733e2a; background:#fff; text-align:center; border-radius:3px;display:inline-block; vertical-align:top; overflow:hidden}
.newsListText a span{ width:1100px; padding:0 0 0 30px; position:relative; overflow:hidden;display:inline-block; vertical-align:top}
.newsListText a span h1{ position:absolute; right:0; top:10px; font-size:18px; line-height:18px; color:#f0cb63; font-family:'rubik'}
.newsListText a span h2{ font-size:18px; line-height:30px; font-weight:bold; margin:0 0 15px 0; padding:0 130px 0 0}
.newsListText a span h3{ font-size:14px; line-height:24px; color:#999}
.newsListText a:hover h2{color:#9d7544}

.newsRightList{width:100%; max-width:800px; margin:0 auto; display:block; overflow:hidden;}
.newsRightList a{border-bottom:1px solid #e5e5e5;padding:30px 0 31px 0; display:block}
.newsRightList a div{ width:200px;display:inline-block; vertical-align:top; overflow:hidden}
.newsRightList a div img{ width:100%;transition:transform 0.5s;}
.newsRightList a span{ width:600px; padding:0 0 0 30px; position:relative; overflow:hidden;display:inline-block; vertical-align:top}
.newsRightList a span h1{ position:absolute; right:0; top:18px; font-size:17px; line-height:18px; color:#25a725; font-weight:bold}
.newsRightList a span h2{ font-size:18px; line-height:30px; font-weight:bold; margin:12px 0 15px 0; padding:0 100px 0 0;}
.newsRightList a span h3{ font-size:14px; line-height:24px; color:#999}
.newsRightList a:hover img{transform:scale(1.1);}
/*-----------------新闻列表-----------------*/


/*-----------------分页-----------------*/
.boxPage{width:100%; max-width:1200px; overflow:hidden; margin:30px auto 60px auto; font-size:0;}
.boxPage a{ display:inline-block;font-size:16px;color:#555;width:36px; height:36px;text-align:center; line-height:36px; margin-right:8px; border-radius:50%;vertical-align:middle}
.boxPage a:hover{ color:#fff; background-color:#25a725;}
.curPage{color:#fff!important; background-color:#25a725!important;}
.numPage{float:left;}
.btnPage{float:right; }
.prePage{background:url(../images/pagePre.png) no-repeat center; border:2px solid #25a725}
.prePage:hover{background:url(../images/pagePreHover.png) no-repeat center}
.nextPage{background:url(../images/pageNext.png) no-repeat center; margin-right:0!important;border:2px solid #25a725}
.nextPage:hover{background:url(../images/pageNextHover.png) no-repeat center}
.boxPage span{font-size:16px;line-height:40px;margin:0 15px 0 7px;display:none; vertical-align:middle}
/*-----------------分页-----------------*/


/*--------------------------------show--------------------------------*/
.bgShow{ background:#f3f3f3 url(../images/bgShow1.jpg) no-repeat center 360px; width:100%; overflow:hidden}

.showCur{background:url(../images/bgShow.jpg) no-repeat top center; margin-top:80px; text-align:center; height:280px; padding:40px 0 0 0}
.showCur1{ width:100%; max-width:1200px; margin:0 auto}
.showCur1 .navCur{ float:left; display:inline-block; width:auto}

.navCur{ line-height:50px;}
.navCur a{ font-size:14px; color:#fff; padding:0 0 0 20px; margin:0 15px 0 0; background:url(../images/icoCurJtWhite.png) no-repeat center left/7px 13px; }
.navCur a:hover{color:#fff}
.navCur a:first-child{background:url(../images/icoHomeWhite.png) no-repeat center left/10px 10px;padding:0 0 0 20px;}


.showCenter{display:block; width:100%; max-width:880px; vertical-align:top; margin:-150px auto 50px auto; background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.07); padding:50px 80px 60px 80px;}
.showTitle{padding:0 0 10px 0;font-size:24px;line-height:36px; }
.showInfo{color:#999; font-size:13px; line-height:20px;border-bottom:2px solid #d8d8d8; padding-bottom:32px; margin-bottom:30px;}
.showInfo i{ margin-right:10px}
.showCon{width:100%;  font-size:16px; line-height:26px; overflow:hidden; font-family:'微软雅黑'!important; text-align:justify}
.showCon img{width:auto; max-width:100%;height:auto!important; /*display:block; margin:0 auto*/}

.showVideo{ width:100%; height:auto;display:block; margin:10px 0 0 0}
/*--------------------------------show--------------------------------*/

/*------------share------------*/
.btnShare1{ position:absolute; top:390px; left:50%; margin:0 0 0 470px; width:26px; text-align:center}
.btnShare1 i{font-size:14px; display:block; color:#999; line-height:14px; vertical-align:middle;background:url(../images/icoFx.png) no-repeat top center; padding:20px 6px 0 6px}
.icoShare{ display:inline-block;vertical-align:middle;}
.icoShare a{display:inline-block;  margin-left:5px;  overflow:hidden;vertical-align:middle; margin:10px 0 0 0}
.icoShare div{width:26px; height:26px; line-height:0; font-size:0; text-align:center;display:inline-block; border-radius:50%; overflow:hidden}
.icoShare a img{ margin-top:2px; width:22px;}
.btnShare1 .shareWx div{background-color:#61be42}
.btnShare1 .shareWb div{background-color:#db3636}
.btnShare1 .shareQz div{background-color:#f0cb63}
.btnShare1 .shareQq div{background-color:#367fde}
.btnShare1 .shareMore div{background-color:#4cace3}
.btnShare1 a:hover div{opacity:0.7}
.btnShare1Fixed{}

.boxEwm{ position:fixed; width:232px; height:258px; top:50%; margin-top:-129px; left:50%; margin-left:-131px; z-index:1002; background:url(../images/bgWxEwm.png) no-repeat; padding:5px; font-size:0; line-height:0; display:none}
.boxEwm a{display:block;height:26px; width:100%;}
.boxEwm img{width:178px; height:178px; display:inline-block; margin:22px 0 0 22px}
.boxBlack{background:rgba(0,0,0,0.8); width:100%; height:100%; position:fixed; z-index:1001; top:0; left:0; display:none}

.bshare-custom{ display:inline-block; margin-left:5px; vertical-align:middle}
.bsBox,.bsBox div,.bsBox span{box-sizing:content-box}
#bsPanelHolder div,#bsPanelHolder span{box-sizing:content-box}
/*------------share------------*/



/*--------------------------------search--------------------------------*/
.bgBox{width:100%; overflow:hidden; background:#f5f5f5}

.searchNav{ font-size:15px; color:#666; padding:150px 0 20px 10px; border-bottom:1px solid rgba(0,0,0,0.15)}
.searchNav i{ font-size:40px; line-height:40px;  color:#25a725; margin:0 5px}
.searchList{ margin-bottom:30px}
.searchList a{display:block; border-bottom:1px dotted #bbb; overflow:hidden; padding:25px 0 25px 14px; font-size:16px; line-height:26px; background:url(../images/bgLi.png) no-repeat 0 37px; }
.searchList a i{float:right; display:inline-block; font-size:16px; color:#999}
/*--------------------------------search--------------------------------*/



.navTitle{width:100%; position:relative; margin:60px 0 40px 0}
.navTitle h1{ font-size:26px; line-height:26px;}
.navTitle h2{ font-size:22px; line-height:22px; color:#dbdbdb; text-transform:uppercase; margin:15px 0 0 0;}
.navTitle h3{position:absolute; right:0; top:0; font-size:18px; line-height:26px; font-weight:bold; color:#25a725}
.navTitle h4{position:absolute; right:0; bottom:-10px;}

.zlbkCon{line-height:26px; font-size:14px;text-align:justify}

.picFocus{position:relative; padding:0 0 36px 0;overflow:hidden; margin:60px 0; width:100%;}
.picFocus .swiper-slide{width:735px; height:450px; position:relative;}
.picFocus .swiper-slide h1 {width:100%;position:absolute; left:0; bottom:0; text-align:center; background:url(../images/bgImgTitle.png) no-repeat center/100% 100%; font-size:16px; font-weight:bold; line-height:26px; color:#fff; padding:40px 20px 20px 20px;display:none;}
.picFocus .swiper-slide h1 i{ display:block; font-size:14px;} 
.picFocus .swiper-slide h2{ width:735px; height:450px; background:#000}
.picFocus .swiper-slide h2 img{ width:100%; height:100%; opacity:0.6}
.picFocus .swiper-slide-active h1{display:block}
.picFocus .swiper-slide-active h2 img{ opacity:1.0}
.picFocus .swiper-pagination{bottom:0!important;z-index:1}
.picFocus .swiper-pagination-bullet{width:6px; height:6px; background:#999; border-radius:3px; opacity:1.0}
.picFocus .swiper-pagination-bullet-active{background:#25a725; width:24px;}
.picFocus .swiper-button-prev{left:calc((100% - 735px)/4); margin:-40px 0 0 -11px; opacity:0.5}
.picFocus .swiper-button-prev:hover{opacity:1}
.picFocus .swiper-button-next{right:calc((100% - 735px)/4); margin:-40px -11px 0 0; opacity:0.5}
.picFocus .swiper-button-next:hover{opacity:1}

.img100{width:100%; margin:60px 0}
.img100 img{width:100%}


/*--------------------------------dcfz--------------------------------*/
.dcfzMap{width:1200px; height:558px; background:url(../images/bgDckf.jpg) no-repeat center; box-shadow:0 0 10px rgba(0,0,0,0.1); margin:60px 0 10px 0; overflow:hidden; position:relative}
.dcfzMapList{ width:310px; margin:40px 0 0 60px;}
.dcfzMapList li{ border-bottom:1px solid #e0e0e0; padding:20px 0;}
.dcfzMapList li img{ display:inline-block; vertical-align:middle}
.dcfzMapList li span{display:inline-block; vertical-align:middle; width:calc(100% - 60px); padding:0 0 0 20px;}
.dcfzMapList li span h1{ font-size:30px; font-weight:bold; line-height:30px; color:#25a725; margin:0 0 10px 0; text-transform:uppercase}
.dcfzMapList li span h2{ font-size:14px; color:#888; line-height:14px}
.dcfzMapImg{ position:absolute; top:40px; left:440px;}
.imgMapTitle{ display:none}

.navDcfz{ margin:0 0 -20px 0}
.navDcfz a{width:50%; display:inline-block; vertical-align:middle; border-bottom:2px solid #dfdfdf; font-size:18px; font-weight:bold; line-height:80px; text-align:center}
.navDcfz .on{border-bottom:2px solid #25a725!important; color:#25a725;}

.preList{width:100%; margin:60px 0 20px 0}
.preList a{display:inline-block; width:370px; height:410px; background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.08); margin:0 45px 40px 0; vertical-align:top}
.preList a:nth-child(3n+3){ margin-right:0}
.preList a div{ width:100%; height:247px; overflow:hidden}
.preList a div img{ width:100%; height:100%;transition:transform 0.5s;}
.preList a span{padding:30px 24px 0 24px; display:block;}
.preList a span h1{ font-size:17px; font-weight:bold; line-height:17px; margin:0 0 15px 0}
.preList a span h1 i{font-size:13px; color:#e0b36a; font-weight:bold;vertical-align:middle; display:inline-block; margin:0 0 0 10px}
.preList a span h2{ line-height:24px; font-size:12px; color:#999}
.preList a span h2 i{font-size:17px; font-weight:bold; vertical-align:middle; display:inline-block; margin:-2px 0 0 0}
.preList a span h2 i h1{display:none}
.preList a span h2 i h3{font-weight:bold}
.preList a:hover{box-shadow:0 0 15px rgba(0,0,0,0.2);}
.preList a:hover div img{transform:scale(1.1);}

.wyList{ width:100%; overflow:hidden;margin:60px 0 0 0}
.wyList li{ width:100%; overflow:hidden;background:#fdf6f2; margin:0 0 60px 0}
.wyList li div{float:right;width:770px;}
.wyList li span{float:left;width:430px; height:410px;background:url(../images/bgWyLine.png) no-repeat top left/4px 100%; padding:0 50px; position:relative; overflow:hidden; text-align:justify}
.wyList li span h1{ font-size:18px; line-height:18px; font-weight:bold; margin:50px 0 30px 0}
.wyList li span h2{ font-size:14px; line-height:24px;}
.wyList li span h3{ position:absolute; right:50px; bottom:0}
.wyList li span strong{display:block; margin:0 0 10px 0}

.wyList li:nth-child(2n+2) div{float:left}
.wyList li:nth-child(2n+2) span{background:url(../images/bgWyLine.png) no-repeat top right/4px 100%}
/*--------------------------------dcfz--------------------------------*/

/*--------------------------------csr--------------------------------*/
.boxCsr{ width:100%; position:relative; padding:0 0 0 230px; margin:60px 0 0 0}
.boxCsr img{ position:absolute; left:0; top:50px;}
.boxCsr h1{ font-size:18px; line-height:26px; font-weight:bold; color:#f5722b; margin:0 0 10px 0}
.boxCsr p{ font-size:14px; line-height:26px; text-align:justify}
/*--------------------------------csr--------------------------------*/

/*--------------------------------job--------------------------------*/
.jobList{width:100%; padding:60px 0 0 0}
.jobList a{ display:inline-block;width:390px; height:100px; background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.08); margin:0 20px 20px 0; vertical-align:top; padding:27px 0 0 20px; position:relative}
.jobList a:nth-child(even){ margin-right:0}
.jobList a h1{ font-size:18px; line-height:18px; font-weight:bold; }
.jobList a h2{ font-size:14px; line-height:14px; color:#999; margin-top:15px}
.jobList a h3{ width:19px; height:14px;background:url(../images/icoJobJt.png) no-repeat center; position:absolute; right:20px; top:50%; margin:-7px 0 0 0;}
.jobList a h3 i{width:0; height:100%; display:block;background:url(../images/icoJobJtHover.png) no-repeat left center;transition:all 0.3s ease; }
.jobList a:hover{box-shadow:0 0 10px rgba(0,0,0,0.15);}
.jobList a:hover h3 i{width:19px;}

.tableHrShow{ /*border-top:1px solid #d9d9d9; border-left:1px solid #d9d9d9;*/ font-size:14px; margin:0 auto; width:100%; color:#666}
.tableHrShow td{ /*border-right:1px solid #d9d9d9; */border-bottom:1px dotted #d9d9d9; padding:10px; line-height:26px}
.tRightHr{ /*background:#f5f5f5;*/ text-align:left; font-weight:bold; width:15%;}


.leftSearch{ padding:60px 0 0 0}
.leftSearchInput{ width:260px; height:48px; border:1px solid #d3d3d3; margin:0 0 10px 0}
.inputJob{ width:calc(100% - 46px); display:inline-block; vertical-align:middle;text-indent:10px; color:#666}
.inputJob::-webkit-input-placeholder{color:#666;}
.inputJob::-moz-placeholder{color:#666;}
.inputJob:-ms-input-placeholder{color:#666;}

.submitJob{ width:46px; height:46px; background:url(../images/icoTopSearch.png) no-repeat center;display:inline-block; vertical-align:middle; opacity:0.6; }
.submitJob:hover{ background:url(../images/icoTopSearchHover.png) no-repeat center; opacity:1}
.leftSearchSlelect{}
.leftSearchSlelect select{width:260px; height:48px; border:1px solid #d3d3d3; padding:0 0 0 10px; color:#666; background:url(../images/icoJtSelect.png) no-repeat right center;}
.leftSearchSlelect select::-ms-expand{display: none;}
/*--------------------------------job--------------------------------*/

/*--------------------------------contact--------------------------------*/
.contactTitle{font-size:18px; font-weight:bold; line-height:36px; padding:51px 0} 
.contactTitle i{font-size:36px; vertical-align:middle; color:#f5722b}

.fwrxList{ margin:0 0 50px 0}
.fwrxList li{width:25%; display:inline-block; vertical-align:top; text-align:center; color:#999}
.fwrxList li h1{ font-style:italic; font-size:14px; line-height:24px; margin:10px 0 0 0}
.fwrxList li h1 i{display:inline-block; margin-right:5px; font-size:24px; font-weight:bold; font-style:italic;}

.fwrxText{ font-size:14px; line-height:26px; margin:0 0 50px 0}

.imgRadius{ width:100%; overflow:hidden; border-radius:5px;margin:0 0 60px 0}
.imgRadius img{width:100%}

.contactTitle1{font-size:18px; font-weight:bold; line-height:36px; padding:0 0 30px 0} 
.fwrxZn{ text-align:center; padding:60px; border:3px solid #f2f2f2; border-radius:5px; overflow:hidden; margin:0 0 60px 0}

.contactList{ width:100%; overflow:hidden; margin:-20px 0 0 0}
.contactList li{ display:inline-block; vertical-align:middle; padding:0 80px 0 0}
.contactList li i{display:inline-block; vertical-align:middle; width:60px; height:60px; border-radius:50%; border:3px solid #f1f1f1; background:#fff; line-height:54px; text-align:center}
.contactList li span{display:inline-block; vertical-align:middle; font-size:14px; line-height:26px; margin:0 0 0 12px;}
.contactList li span h1{}
.contactList li span h2{ font-size:26px; color:#f5722b}

.navContact{ width:100%; background:#efefef; line-height:40px; margin:50px 0 0 0;}
.navContact a{display:inline-block; vertical-align:middle; width:16.66%; font-size:12px; text-align:center}
/*.navContact a:nth-child(4){ width:17%}
.navContact a:nth-child(5){ width:17%}*/
.navContact .on{ background:#25a725; color:#fff}

.boxContact{ margin:0 0 60px 0}
.boxContact1{ display:none; line-height:26px; font-size:14px; }
.boxContact1 span{ display:block; margin:25px 0 40px 0}
.boxContact1 h1{ font-weight:bold; margin:0 0 10px 0}
.boxContact1 i{ display:block;}
.boxContact1 i img{margin:0 5px 0 0}
.contactMap{ width:100%; height:400px; border-radius:5px; border:1px solid #d8d8d8; overflow:hidden}

.subNavContact{width:100%; line-height:26px; margin:23px 0 -10px 0; font-size:0}
.subNavContact a{display:inline-block; vertical-align:middle; font-size:14px;  font-weight:bold;text-align:center; margin-right:15px}
.subNavContact .on{color:#25a725}
.subBoxContact{display:none}


.contactList1{ width:100%; overflow:hidden; margin:-20px 0 0 0;border-top:1px dotted #c6c6c6}
.contactList1 li{ border-bottom:1px dotted #c6c6c6; line-height:26px; font-size:14px; padding:12px 0}
.btnDown{ display:inline-block; background:url(../images/icoDown.png) no-repeat left center/20px 20px; padding:0 0 0 25px;}

.contactList2{ width:100%;overflow:hidden;margin:30px 0 50px 0;}
.contactList2 li{ width:250px;margin:0 25px 0 0; text-align:center; display:inline-block; vertical-align:top; overflow:hidden}
.contactList2 li:last-child{margin-right:0}
.contactList2 li div{ display:inline-block; margin:0 auto; background:#fcfcfc; padding:0 30px;position:relative; z-index:2}
.contactList2 li div i{display:inline-block;  width:60px; height:60px; border-radius:50%; border:3px solid #f1f1f1; background:#fff; line-height:54px; text-align:center; }
.contactList2 li span{border:1px solid #e3e3e3; width:100%; height:130px; margin:-30px 0 0 0; position:relative; z-index:1;  background:#fcfcfc; display:block; padding:35px 0 0 0}
.contactList2 li span h1{font-size:14px; font-weight:bold; line-height:26px;}
.contactList2 li span h2{ display:inline-block; width:28px; height:1px; background:#e3e3e3;margin:5px auto}
.contactList2 li span h3{font-size:26px; line-height:36px; color:#f5722b; }
.contactList2 li span h4{font-size:14px; line-height:36px;}

.contactText{ font-size:14px; line-height:26px; text-align:justify;margin:-30px 0 0 0;}
/*--------------------------------contact--------------------------------*/

/*--------------------------------showPre--------------------------------*/
.bgMainPre{ width:100%; background:#e8e8e8 url(../images/bgShowPre.jpg) no-repeat top center/100% auto; margin:90px 0 0 0}
.preMax{ width:100%; max-width:1200px; margin:0 auto; display:block; overflow:hidden}
.curNavPre{color:#999; line-height:70px;}
.curNavPre a{ font-size:14px; color:#999; padding:0 0 0 20px; margin:0 15px 0 0; background:url(../images/icoCurJt.png) no-repeat center left/7px 13px; }
.curNavPre a:hover{color:#25a725}
.curNavPre a:first-child{background:url(../images/icoHome.png) no-repeat center left/10px 10px;padding:0 0 0 20px;}

.showPre{ width:100%;background:#fff; min-height:1000px;overflow:hidden}

.bannerPre{width:100%;height:560px;overflow:hidden; position:relative;}
.bannerPre .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden; background-size:cover!important}
.bannerPre .swiper-slide img{ width:100%;}
.bannerPre .swiper-pagination{bottom:30px!important;z-index:1; text-align:center; font-size:14px; line-height:20px; color:#fff; text-align:right; padding:0 30px 0 0}
.bannerPre .swiper-slide h1{ position:absolute; bottom:30px; left:30px;  font-size:12px; color:#fff;  line-height:20px;}

.bannerPre .swiper-button-prev{left:30px; margin:-20px 0 0 0; opacity:0.5}
.bannerPre .swiper-button-prev:hover{opacity:1}
.bannerPre .swiper-button-next{right:30px; margin:-20px 0 0 0; opacity:0.5}
.bannerPre .swiper-button-next:hover{opacity:1}


.preTop{ padding:40px 70px; width:100%; overflow:hidden}
.preTop h1{ width:250px; height:120px; display:inline-block; vertical-align:middle; text-align:center; border-right:1px solid #e5e5e5;margin:0 30px 0 0;}
.preTop h1 img{ width:auto; height:auto;max-width:80%; max-height:65%;}
.preTop h1 i{ height:100%; width:1px; display:inline-block; vertical-align:middle}
.preTop h2{display:inline-block; vertical-align:middle}
.preTop h2 font{font-size:26px; line-height:26px;display:inline-block; vertical-align:middle;background:url(../images/bgPreTitleLine.png) no-repeat right center; margin:0 15px 0 0; padding:0 30px 0 0;}
/*.preTop h2 i{ font-size:21px;line-height:26px; color:#999; background:url(../images/bgPreTitleLine.png) no-repeat left center; margin:0 0 0 20px; padding:0 0 0 25px; }*/
.preTop h2 i{ font-size:21px;line-height:26px; color:#999;display:inline-block; vertical-align:middle;}
.preTop h3{ float:right; text-align:center}
.preTop h3 img{width:90px; height:90px}
.preTop h3 i{display:block; font-size:12px; line-height:12px; color:#999; margin:5px 0 0 0;}
.bigH1{ width:340px; height:160px;}
.bigH1 img{ max-width:280px;  max-height:124px;}

.preInfo{ padding:0 0 0 70px;}
.preInfo li{ width:250px; height:180px; background:#f3f3f3;display:inline-block; vertical-align:top; margin:0 20px 0 0; padding:30px 20px 0 20px; font-size:14px; line-height:20px;}
.preInfo li h1{ font-weight:bold; margin:15px 0 5px 0}
.preInfo li h2{}
.preInfo li h3{ font-size:26px; line-height:36px; color:#f5722b}

.preNav{ border-bottom:1px solid #e5e5e5; margin:30px 70px 20px 70px; height:60px;}
.preNav i{ border-bottom:4px solid #25a725; font-size:20px; line-height:56px; display:inline-block}

.preCon{ font-size:16px; line-height:30px; text-align:justify; margin:0 70px;}

.preMap{width:100%; max-width:1060px; height:400px; display:block; margin:0 auto 70px auto}
/*--------------------------------showPre--------------------------------*/

.myScroll{transform:translateY(50px);
	transition:transform 0.5s, opacity 0.5s;
	opacity:0;}
.myScroll.on{transform:none;opacity:1;}


.djRightList{ padding:30px 0 0 0;}
.djRightList a{padding:30px; background:#f7f4ec; display:block; min-height:120px; margin:0 0 20px 0;}
.djRightList a h1{font-size:18px; font-weight:bold; line-height:30px; color:#bf070c; display:inline-block; vertical-align:top; width:140px;}
.djRightList a h2{ font-size:18px; font-weight:bold;line-height:30px; color:#666; display:inline-block; vertical-align:top; width:calc(100% - 140px); text-align:justify}
.djRightList a:hover h2{ color:#bf070c}

.redPage .boxPage{width:100%; max-width:1200px; overflow:hidden; margin:30px auto 60px auto; font-size:0;}
.redPage .boxPage a{ display:inline-block;font-size:16px;color:#555;width:36px; height:36px;text-align:center; line-height:36px; margin-right:8px; border-radius:50%;vertical-align:middle}
.redPage .boxPage a:hover{ color:#fff; background-color:#bf070c;}
.redPage .curPage{color:#fff!important; background-color:#bf070c!important;}
.redPage .numPage{float:left;}
.redPage .btnPage{float:right; }
.redPage .prePage{background:url(../images/pagePreRed.png) no-repeat center; border:2px solid #bf070c}
.redPage .prePage:hover{background:url(../images/pagePreHover.png) no-repeat center}
.redPage .nextPage{background:url(../images/pageNextRed.png) no-repeat center; margin-right:0!important;border:2px solid #bf070c}
.redPage .nextPage:hover{background:url(../images/pageNextHover.png) no-repeat center}
.redPage .boxPage span{font-size:16px;line-height:40px;margin:0 15px 0 7px;display:none; vertical-align:middle}