ul, li { padding: 0; margin: 0; list-style: none; }



a { color: #333; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; text-decoration: none !important; }



input[type='button'], input[type='submit'], button { -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; outline: none !important; }



textarea { resize: none; }



/* common */

.m-auto { margin: 0 auto !important; }



.m-none { margin: 0 !important; }



.m-xs { margin: 5px !important; }



.m-sm { margin: 10px !important; }



.m-md { margin: 15px !important; }



.m-lg { margin: 20px !important; }



.m-xl { margin: 25px !important; }



.mt-none { margin-top: 0 !important; }



.mt-xs { margin-top: 5px !important; }



.mt-sm { margin-top: 10px !important; }



.mt-md { margin-top: 15px !important; }



.mt-lg { margin-top: 20px !important; }



.mt-xl { margin-top: 25px !important; }



.mb-none { margin-bottom: 0 !important; }



.mb-xs { margin-bottom: 5px !important; }



.mb-sm { margin-bottom: 10px !important; }



.mb-md { margin-bottom: 15px !important; }



.mb-lg { margin-bottom: 20px !important; }



.mb-xl { margin-bottom: 25px !important; }



.ml-none { margin-left: 0 !important; }



.ml-xs { margin-left: 5px !important; }



.ml-sm { margin-left: 10px !important; }



.ml-md { margin-left: 15px !important; }



.ml-lg { margin-left: 20px !important; }



.ml-xl { margin-left: 25px !important; }



.mr-none { margin-right: 0 !important; }



.mr-xs { margin-right: 5px !important; }



.mr-sm { margin-right: 10px !important; }



.mr-md { margin-right: 15px !important; }



.mr-lg { margin-right: 20px !important; }



.mr-xl { margin-right: 25px !important; }



.mv-none { margin-top: 0 !important; margin-bottom: 0 !important; }



.mv-xs { margin-top: 5px !important; margin-bottom: 5px !important; }



.mv-sm { margin-top: 10px !important; margin-bottom: 10px !important; }



.mv-md { margin-top: 15px !important; margin-bottom: 15px !important; }



.mv-lg { margin-top: 20px !important; margin-bottom: 20px !important; }



.mv-xl { margin-top: 25px !important; margin-bottom: 25px !important; }



.mh-none { margin-left: 0 !important; margin-right: 0 !important; }



.mh-xs { margin-left: 5px !important; margin-right: 5px !important; }



.mh-sm { margin-left: 10px !important; margin-right: 10px !important; }



.mh-md { margin-left: 15px !important; margin-right: 15px !important; }



.mh-lg { margin-left: 20px !important; margin-right: 20px !important; }



.mh-xl { margin-left: 25px !important; margin-right: 25px !important; }



.p-none { padding: 0 !important; }



.p-xs { padding: 5px !important; }



.p-sm { padding: 10px !important; }



.p-md { padding: 15px !important; }



.p-lg { padding: 20px !important; }



.p-xl { padding: 25px !important; }



.pt-none { padding-top: 0 !important; }



.pt-xs { padding-top: 5px !important; }



.pt-sm { padding-top: 10px !important; }



.pt-md { padding-top: 15px !important; }



.pt-lg { padding-top: 20px !important; }



.pt-xl { padding-top: 25px !important; }



.pb-none { padding-bottom: 0 !important; }



.pb-xs { padding-bottom: 5px !important; }



.pb-sm { padding-bottom: 10px !important; }



.pb-md { padding-bottom: 15px !important; }



.pb-lg { padding-bottom: 20px !important; }



.pb-xl { padding-bottom: 25px !important; }



.pl-none { padding-left: 0 !important; }



.pl-xs { padding-left: 5px !important; }



.pl-sm { padding-left: 10px !important; }



.pl-md { padding-left: 15px !important; }



.pl-lg { padding-left: 20px !important; }



.pl-xl { padding-left: 25px !important; }



.pr-none { padding-right: 0 !important; }



.pr-xs { padding-right: 5px !important; }



.pr-sm { padding-right: 10px !important; }



.pr-md { padding-right: 15px !important; }



.pr-lg { padding-right: 20px !important; }



.pr-xl { padding-right: 25px !important; }



.pv-none { padding-top: 0 !important; padding-bottom: 0 !important; }



.pv-xs { padding-top: 5px !important; padding-bottom: 5px !important; }



.pv-sm { padding-top: 10px !important; padding-bottom: 10px !important; }



.pv-md { padding-top: 15px !important; padding-bottom: 15px !important; }



.pv-lg { padding-top: 20px !important; padding-bottom: 20px !important; }



.pv-xl { padding-top: 25px !important; padding-bottom: 25px !important; }



.ph-none { padding-left: 0 !important; padding-right: 0 !important; }



.ph-xs { padding-left: 5px !important; padding-right: 5px !important; }



.ph-sm { padding-left: 10px !important; padding-right: 10px !important; }



.ph-md { padding-left: 15px !important; padding-right: 15px !important; }



.ph-lg { padding-left: 20px !important; padding-right: 20px !important; }



.ph-xl { padding-left: 25px !important; padding-right: 25px !important; }



body { font-family: 'arial'; }



.clear { clear: both; }



.maln { margin-left: auto !important; }



input, textarea { font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-size: 1.2rem; color: #333; border: none; outline: none; }



.fl { float: left; }



.fr { float: right; }



@media screen and (min-width: 1220px) { .zong { width: 1200px; margin: auto; } }



@media screen and (min-width: 1000px) and (max-width: 1219px) { .zong { width: 980px; margin: auto; } }



@media screen and (max-width: 999px) { .zong { width: 95%; margin: auto; } }



/* container */

@media (min-width: 1250px) { .container { width: 1230px; } }



/* online */

.online { position: fixed; z-index: 1000; top: 40%; right: 0; width: 69px; padding: 10px 0; background: #ebebeb; text-align: center; }



@media (max-width: 767px) { .online { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding: 0; bottom: 0; top: auto; right: 0; width: 100%; } }



.online > a { display: block; width: 100%; max-width: 50px; height: 61px; border-top: 1px solid #aaa; padding-top: 8px; margin: auto; font-size: 12px; font-size: 1.2rem; color: #333; }



@media (max-width: 767px) { .online > a { border: none; max-width: 100%; height: 40px; } }



.online > a:first-child { margin-top: auto; }



.online > a img { width: 100%; max-width: 35px; max-height: 28px; }



.online > a span { display: inline-block; margin-top: 4px; }



@media (max-width: 767px) { .online > a span { display: none; } }



.online > a:hover { color: #71ba09; }



.online > a:first-child { border-top: none; }



/* return top */

#returnTop { position: fixed; z-index: 999999999999999999999; right: 200px; bottom: -500px; width: 46px; height: 46px; text-indent: -999px; overflow: hidden; background: url(../img/topbb.png) no-repeat; -webkit-transition: bottom 0.9s; -o-transition: bottom 0.9s; -moz-transition: bottom 0.9s; transition: bottom 0.9s; }



@media screen and (max-width: 1199px) { #returnTop { right: 70px; } }



@media screen and (max-width: 767px) { #returnTop { right: 5px; width: 30px; height: 30px; background-size: 100%; } }



/* mianbaoxie */

.mianbaoxie { padding: 22px 0 30px 0; }



.mianbaoxie a { font-size: 14px; font-size: 1.4rem; color: #666; }



.mianbaoxie a.active { color: #71ba09; }



/* fenye */

.fenyelist { padding: 40px 0; text-align: center; }



.fenyelist .active { color: #fff !important; background: #71ba09 !important; }



.fenyelist > span, .fenyelist > a { display: inline-block; width: 34px; height: 29px; line-height: 29px;  font-size: 14px; font-size: 1.4rem; color: #333; text-align: center; background:#eeeeee; }


.fenyelist  .n1_pn{ width:74px !important; text-align: center; }

.no:hover{  color: #333 !important;background:#eeeeee !important; }

@media (max-width: 767px) { .fenyelist > span, .fenyelist > a { margin-top: 10px; } }



.fenyelist > span:hover, .fenyelist > a:hover { color: #fff; background: #71ba09; }



.fenyelist > span:first-child, .fenyelist > span:last-child, .fenyelist > a:first-child, .fenyelist > a:last-child { width: auto; }



.fenyelist > span:first-child, .fenyelist > a:first-child { margin-left: auto; }



.fenyelist > span:last-child, .fenyelist > a:last-child { margin-right: auto; }



.fenyelist > span:hover { color: #333; background: none; cursor: default; }



/* fanye */

.fanye { padding: 10px 0; }



.fanye > div { padding-left: 24px; font-size: 14px; font-size: 1.4rem; line-height: 32px; }



.fanye a:hover { color: #71ba09; }



.fanye .prev { background: url("../img/fanye1.png") no-repeat left center; }



.fanye .next { background: url("../img/fanye2.png") no-repeat left center; }



/* hot-pro */

.hot-pro .title { display: block; font-weight: bold; font-size: 38px; font-size: 3.8rem; color: #fff; text-align: center; text-transform: uppercase; }



@media (max-width: 767px) { .hot-pro .title { font-size: 28px; font-size: 2.8rem; } }



.hot-pro .title .s1 { color: #333; }



.hot-pro .title .s2 { color: #71ba09; }



.hot-pro .list { padding-top: 36px; padding-bottom: 25px; }



.hot-pro .item { float: left; width: 270px; margin-left: 40px; margin-bottom: 40px; }



@media (max-width: 1249px) { .hot-pro .item { width: 23%; margin-left: 1% !important; margin-right: 1%; } }



@media (max-width: 991px) { .hot-pro .item { width: 48%; } }



@media (max-width: 375px) { .hot-pro .item { float: none; width: 270px; margin-left: auto !important; margin-right: auto; } }



.hot-pro .item > a { display: block; }



.hot-pro .item .img img { width: 100%; max-width: 270px; max-height: 250px; }



.hot-pro .item .tit { padding: 15px 0 6px 0; font-weight: bold; font-size: 16px; font-size: 1.6rem; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }



.hot-pro .item .tit:hover { color: #61a60e; }



.hot-pro .item .des { height: 90px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #666; text-decoration: none; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }



.hot-pro .item .des:hover { color: #61a60e; }



.hot-pro .item .more { width: 121px; height: 36px; line-height: 32px; border: 2px solid #dcdcdc; margin-top: 12px; font-size: 14px; font-size: 1.4rem; color: #999; text-align: center; }



.hot-pro .item .more:hover { color: #71ba09; border-color: #71ba09; }



.hot-pro .item .more.inq { display: inline-block; margin-left: 5px; color: #71ba09; border-color: #71ba09; }



.hot-pro .item .more.inq:hover { color: #fff; background-color: #71ba09; }



/* news-list */

.news-list > .item { margin-top: 56px; }



@media (max-width: 767px) { .news-list > .item { text-align: center; } }



.news-list > .item:first-child { margin-top: auto; }



.news-list .date { float: left; width: 129px; height: 129px; padding-top: 10px; background: #71ba09; text-align: center; }



@media (max-width: 499px) { .news-list .date { width: 60px; height: 60px; } }



.news-list .date > span { color: #fff; }



.news-list .date .sp1 { font-size: 52px; font-size: 5.2rem; font-size: 58px\9;   }



@media (max-width: 499px) { .news-list .date .sp1 { font-size: 15px; font-size: 1.5rem; } }



.news-list .date .sp2 { font-size: 20px; font-size: 2rem; }



@media (max-width: 499px) { .news-list .date .sp2 { font-size: 13px; font-size: 1.3rem; } }



.news-list .cont { float: left; width: 770px; padding-top: 10px; margin-left: 29px; }



@media (max-width: 1249px) { .news-list .cont { width: 700px; } }



@media (max-width: 1199px) { .news-list .cont { width: 550px; } }



@media (max-width: 991px) { .news-list .cont { width: 330px; } }



@media (max-width: 767px) { .news-list .cont { width: -webkit-calc( 100% - 170px); width: -moz-calc( 100% - 170px); width: calc( 100% - 170px); min-height: 129px; text-align: left; } }



@media (max-width: 499px) { .news-list .cont { width: -webkit-calc( 100% - 70px); width: -moz-calc( 100% - 70px); width: calc( 100% - 70px); min-height: 60px; padding-top: 0; margin-left: 10px; } }



.news-list .cont > a { display: block; }



.news-list .cont > a:hover { color: #71ba09; }



.news-list .cont .tit { font-size: 18px; font-size: 1.8rem; color: #333; }



@media (max-width: 499px) { .news-list .cont .tit { font-size: 16px; font-size: 1.6rem; } }



.news-list .cont .des { position: relative; padding-top: 24px; font-size: 16px; font-size: 1.6rem; color: #666; line-height: 30px; }



@media (max-width: 767px) { .news-list .cont .des { text-align: left; } }



@media (max-width: 499px) { .news-list .cont .des { padding-top: 14px; font-size: 14px; font-size: 1.4rem; line-height: 26px; } }



.news-list .cont .des:before { content: ''; display: block; position: absolute; top: 9px; left: 0; width: 53px; height: 1px; background: #666; }



.news-list .img { float: right; padding: 9px; background: url("../img/bg-news-img.png") no-repeat right center; }



@media (max-width: 767px) { .news-list .img { float: none; display: inline-block; margin-top: 20px; } }



.news-list .img img { width: 100%; max-width: 203px; max-height: 130px; }



/* header */

.header { border-top: 5px solid #262626; background: url("../img/bg-header.jpg") top center; }



.header .container { position: relative; }



.header-l { float: left; padding: 18px 0 19px 0; }



@media (max-width: 767px) { .header-l { float: none; text-align: center; } }



@media (max-width: 549px) { .header-l { padding-bottom: 10px; } }



.header-l .logo { max-width: 221px; max-height: 74px; }



@media (max-width: 549px) { .header-l .logo { max-width: 150px; margin-top: 20px; } }



.header-r { float: right; }



@media (max-width: 767px) { .header-r { float: none; text-align: center; } }



@media (max-width: 991px) { .header-r .top { position: absolute; top: 0; right: 0; } }



@media (max-width: 767px) { .header-r .top { right: 15px; } }



.header-r .top .pull-right { padding-left: 20px; background: url("../img/bg-header-top.png") no-repeat left bottom; }



.header-r .top .pull-right .inner { padding: 0 20px 6px 20px; border-radius: 0 0 5px 0; background: #262626; }



@media (max-width: 767px) { .header-r .top .pull-right .inner { padding: 0 20px 2px 0; } }



.header-r .form-inline { float: left; }



@media (max-width: 767px) { .header-r .form-inline { display: none; } }



.header-r .form-group { position: relative; }



.header-r .form-control { width: 245px; height: 24px; line-height: 24px; padding: 0; border: none; border-bottom: 1px solid #fff; border-radius: 0; font-size: 14px; font-size: 1.4rem; color: #fff; background: none; outline: none; -webkit-box-shadow: none; box-shadow: none; }



.header-r .form-control::-webkit-input-placeholder { font-family: 'arial'; font-style: italic; font-size: 14px; font-size: 1.4rem; color: #999; }



.header-r .form-control:-moz-placeholder { font-family: 'arial'; font-style: italic; font-size: 14px; font-size: 1.4rem; color: #999; }



.header-r .form-control::-moz-placeholder { font-family: 'arial'; font-style: italic; font-size: 14px; font-size: 1.4rem; color: #999; }



.header-r .form-control:-ms-input-placeholder { font-family: 'arial'; font-style: italic; font-size: 14px; font-size: 1.4rem; color: #999; }



.header-r .form-control::-ms-input-placeholder { font-family: 'arial'; font-style: italic; font-size: 14px; font-size: 1.4rem; color: #999; }



.header-r .form-control::placeholder { font-family: 'arial'; font-style: italic; font-size: 14px; font-size: 1.4rem; color: #999; }



.header-r .btn { position: absolute; bottom: 4px; right: 0; width: 18px; height: 18px; border: none; background: url("../img/icon-search.png") no-repeat center; }



.header-r .sns { float: left; padding: 4px 0 0 14px; margin-left: 20px; background: url("../img/bg-head-sns.png") no-repeat left center; }



@media (max-width: 767px) { .header-r .sns { padding-top: 2px; margin-left: auto; background: none; } }



.header-r .sns > a { display: inline-block; width: 18px; height: 15px; margin-left: 8px; }



.header-r .sns .a1 { background: url("../img/head-sns-1.png") no-repeat center; }



.header-r .sns .a2 { background: url("../img/head-sns-2.png") no-repeat center; }



.header-r .sns .a3 { background: url("../img/head-sns-3.png") no-repeat center; }



.header-r .sns .a4 { background: url("../img/head-sns-4.png") no-repeat center; }



.header-r .sns .a5 { background: url("../img/head-sns-5.png") no-repeat center; }



.header-r .sns .a6 { background: url("../img/head-sns-6.png") no-repeat center; }



.header-nav { padding: 40px 0 13px 0; }



@media (max-width: 991px) { .header-nav { padding: 10px 0 13px 0; } }



@media (max-width: 767px) { .header-nav { display: none; } }



.header-nav.nav1 { display: none; }



@media (max-width: 767px) { .header-nav.nav1 { display: block; } }



.header-nav .li { position: relative; display: inline-block; margin-left: 5px; }



@media (max-width: 549px) { .header-nav .li { margin-bottom: 5px; } }



.header-nav .li > a { padding: 9.5px 20px; border-radius: 20px; font-weight: bold; font-size: 16px; font-size: 1.6rem; color: #333; }



@media (max-width: 1249px) { .header-nav .li > a { padding: 9.5px 20px; } }



@media (max-width: 1199px) { .header-nav .li > a { padding: 9.5px 10px; } }



@media (max-width: 991px) { .header-nav .li > a { padding: 9.5px 11px; } }



@media (max-width: 539px) { .header-nav .li > a { padding: 5px; font-size: 14px; font-size: 1.4rem; } }



.header-nav .li:hover > a, .header-nav .li.active > a { color: #fff; background: #61a60e; }



.header-nav .li:hover .erji { top: 100%; }



.header-nav .erji { position: absolute; top: -9999px; left: 0; z-index: 1; width: 230px; padding-top: 20px; }



@media (max-width: 489px) { 



.header-nav .li > a {

    padding: 2px;

    font-size: 12px;

    font-size: 1.2rem;

}



}



@media (max-width: 767px) { .header-nav .erji { display: none; } }



.header-nav .ul1 { padding: 2px 0 5px 0; border: 1px solid #e5e5e5; background: #fff; }



.header-nav .li1 { line-height: 26px; padding-bottom:10px; padding-top:10px; }



.header-nav .li1 > a { display: block; padding: 0 20px; font-size: 16px; font-size: 1.6rem; color: #333;  }



.header-nav .li1 > a:hover { color: #fff; background: #61a60e; }



.small-nav { padding: 0; width: 5px; height: 100%; position: absolute; right: 0; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 999999999999999; cursor: pointer; position: absolute; top: -5px; right: 0; display: none; }



@media screen and (max-width: 767px) { .small-nav { display: block; } }



.small-nav { padding: 0; width: 5px; height: 100%; position: absolute; right: 0; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 999999999999999; cursor: pointer; position: absolute; top: -5px; right: 0; display: none; }



@media screen and (max-width: 767px) { .small-nav { display: block; } }



.small-nav .nav { overflow: hidden; width: 300px; background: rgba(0, 0, 0, 0.8); position: absolute; top: 0; right: 0; display: block; height: auto; overflow: scroll; }



.small-nav .nav form { margin: 15px auto; width: 258px; height: 26px; border: 1px solid #333; }



.small-nav .nav form .iptc { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 15px; border: none; background-color: #fff; width: 80%; height: 26px; line-height: 26px; display: block; float: left; }



.small-nav .nav form .ipsc { width: 20%; height: 26px; line-height: 26px; border: none; display: block; float: right; background: #fff url("../img/sousuo.png") no-repeat center center; }



.small-nav .nav > ul { display: none; margin-top: 0px; margin-bottom: 0px; overflow: scroll; padding-top: 45px; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }



.small-nav .nav > ul > li { line-height: 40px; font-size: 12px; font-size: 1.2rem; text-indent: 20px; position: relative; }



.small-nav .nav > ul > li .addition { width: 20px; height: 20px; position: absolute; right: 15px; top: 10px; background: url("../img/shizi.png") no-repeat center center; }



.small-nav .nav > ul > li .addition.fa:before { margin-right: 5px; color: #fff; text-indent: 0; }



.small-nav .nav > ul > li > a { color: #fff; font-size: 12px; font-size: 1.2rem; display: block; margin-right: 40px; }



.small-nav .nav > ul > li > a span { color: #fff; font-size: 12px; font-size: 1.2rem; }



.small-nav .nav > ul > li .c-show { display: none; width: 100%; }



.small-nav .nav > ul > li .c-show1 .c-s1 { position: relative; padding-left: 15px; }



.small-nav .nav > ul > li .c-show1 .c-s1 > a { margin-right: 40px; position: relative; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }



.small-nav .nav > ul > li .c-show1 .c-s1 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; }



.small-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 { position: relative; }



.small-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 { position: relative; }



.small-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a { margin-right: 40px; text-indent: 35px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }



.small-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; }



.small-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 { position: relative; }



.small-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a { text-indent: 50px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }



.small-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a span { font-size: 12px; font-size: 1.2rem; color: #fff; }



.small-nav .nav > ul > dl { padding: 20px; }



.small-nav .nav > ul > dl dd { float: left; margin: 0 5px; }



.small-nav .menubtn { width: 24px; height: 18px; position: absolute; top: 32px; right: 20px; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9999; }



.small-nav .menubtn span { display: block; width: 100%; height: 4px; margin-bottom: 4px; border-radius: 4px; background-color: #71ba09; }



.footer { background: url("../img/bg-footer.jpg") center; }



@media (max-width: 991px) { .foot-list { display: none; } }



.foot-item { float: left; width: 240px; padding-top: 48px; }



.foot-item .title { font-size: 22px; font-size: 2.2rem; color: #fff; }



.foot-item .list { padding-top: 10px; }



.foot-item .item, .foot-item .item a { font-size: 14px; font-size: 1.4rem; color: #999; line-height: 36px; }



.foot-item .item a:hover { color: #71ba09; }



.foot-item.it1 { margin-right: 30px; }



@media (max-width: 1249px) { .foot-item.it1 { width: 180px; } }



@media (max-width: 1199px) { .foot-item.it1 { width: 160px; margin-right: 20px; } }



.foot-item.it2 { width: 150px; margin-right: 10px; }



@media (max-width: 1199px) { .foot-item.it2 { width: 130px; } }



@media (max-width: 1199px) { .foot-item.it3 { width: 190px; } }



.foot-item.it4 { float: right; width: 528px; padding-top: 0; }



@media (max-width: 1199px) { .foot-item.it4 { width: 400px; } }



.foot-form { position: relative; width: 100%; padding: 16px 23px 12px 32px; margin-bottom: 40px; background: #61a60e; }



.foot-form:before { content: ''; display: block; position: absolute; top: -16px; right: 0; width: 542px; height: 16px; background: url("../img/bg-foot-form.png") no-repeat left center; }



@media (max-width: 1199px) { .foot-form:before { width: -webkit-calc( 100% + 14px); width: -moz-calc( 100% + 14px); width: calc( 100% + 14px); } }



.foot-form .form-group { float: left; position: relative; }



.foot-form .form-group label { position: absolute; top: 0; left: 0; z-index: 1; width: 28px; height: 100%; }



.foot-form .form-group .bitian { position: absolute; top: 14px; left: -15px; z-index: 1; font-size: 16px; font-size: 1.6rem; color: red; }



.foot-form .form-control { height: 44px; line-height: 44px; padding: 0 6px 0 32px; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }



.foot-form .fg1, .foot-form .fg2, .foot-form .fg3, .foot-form .fg4 { width: 225px; }



@media (max-width: 1199px) { .foot-form .fg1, .foot-form .fg2, .foot-form .fg3, .foot-form .fg4 { width: 170px; } }



.foot-form .fg2, .foot-form .fg4 { float: right; }



.foot-form .fg5 { width: 100%; }



.foot-form .fg5 .form-control { height: 126px; }



.foot-form .fg6 { width: 100%; }



.foot-form .fg6 .form-control { float: left; width: 170px; padding-left: 10px; }



@media (max-width: 1199px) { .foot-form .fg6 .form-control { width: 100px; } }



.foot-form .fg6 .img { float: left; width: 122px; height: 44px; margin-left: 11px; cursor: pointer; }



.foot-form .fg6 .btn { float: right; width: 160px; height: 44px; line-height: 44px; padding: 0; border: none; border-radius: 0; font-weight: bold; font-size: 14px; font-size: 1.4rem; color: #71ba09; }



@media (max-width: 1199px) { .foot-form .fg6 .btn { width: 100px; } }



.foot-form .fg1 label { background: url("../img/icon-fg1.png") no-repeat right center; }



.foot-form .fg2 label { background: url("../img/icon-fg2.png") no-repeat right center; }



.foot-form .fg3 label { background: url("../img/icon-fg3.png") no-repeat right center; }



.foot-form .fg4 label { background: url("../img/icon-fg4.png") no-repeat right center; }



.foot-form .fg5 label { background: url("../img/icon-fg5.png") no-repeat right 12px; }



.clinks { font-size: 14px; font-size: 1.4rem; color: #a7a7a7; }



@media (max-width: 991px) { .clinks { display: none; } }



.clinks > a { display: inline-block; color: #a7a7a7; margin-right: 15px; }



.clinks > a:hover { color: #71ba09; }



.cright { border-top: 1px solid #363636; padding: 16px 0 20px 0; margin-top: 16px; color: #a7a7a7; }



@media (max-width: 991px) { .cright { margin-top: auto; text-align: center; } }



.cright a { display: inline-block; color: #a7a7a7; }



.cright a:hover { color: #71ba09; }



.cright .sns { float: right; }



@media (max-width: 991px) { .cright .sns { display: none; } }



.cright .sns > a { display: inline-block; width: 26px; height: 26px; margin-left: 10px; }



.cright .sns .a1 { background: url("../img/foot-sns-1.jpg") no-repeat center; }



.cright .sns .a2 { background: url("../img/foot-sns-2.jpg") no-repeat center; }



.cright .sns .a3 { background: url("../img/foot-sns-3.jpg") no-repeat center; }



.cright .sns .a4 { background: url("../img/foot-sns-4.jpg") no-repeat center; }



.cright .sns .a5 { background: url("../img/foot-sns-5.jpg") no-repeat center; }



.cright .sns .a6 { background: url("../img/foot-sns-6.jpg") no-repeat center; }



.slide { position: relative; border-top: 3px solid #61a60e; }



.slide .carouse { width: 100%; overflow: hidden; position: relative; }



.slide .carouse .slideItem { width: 100%; position: absolute; cursor: pointer; }



.slide .carouse .slideItem .banner-img { width: 100%; }



.slide .console { height: 57px; display: inline-block; width: 35px; position: absolute; top: 40%; }



.slide .dotList { display: none; position: absolute; width: 100%; bottom: 20px; text-align: center; }



.slide .dotList ul li { display: inline-block; width: 14px; height: 14px; background: #fff; margin: 0 8px; cursor: pointer; }



.slide .dotList ul li.active { background: #ffc523; width: 28px; }



.slide .carousel-control { position: absolute; top: 50%; width: 49px; height: 57px; z-index: 999; margin-top: -25px; }



.slide .carousel-control.left { left: 0; background-image: url("../img/baleft.png"); background-repeat: no-repeat; cursor: pointer; }



.slide .carousel-control.left:hover { background-image: url("../img/baleft-on.png"); }



.slide .carousel-control.right { right: 0; background-image: url("../img/baright.png"); background-repeat: no-repeat; cursor: pointer; }



.slide .carousel-control.right:hover { background-image: url("../img/baright-on.png"); }



.slide .slidedetail { display: none; }



.tbanner img { width: 100%; }



.main { padding-top: 150px; padding-bottom: 150px; margin-top: -140px; background: url("../img/bg-main.png") no-repeat top center; }



.main a:hover { color: #61a60e !important; }



.main .title { display: block; font-weight: bold; font-size: 38px; font-size: 3.8rem; color: #61a60e; text-align: center; }



@media (max-width: 767px) { .main .title { font-size: 28px; font-size: 2.8rem; } }



.main .title span { color: #333; }



.main .des { display: block; margin-top: 17px; font-size: 14px; font-size: 1.4rem; color: #666; text-align: center; }



.main .item { float: left; width: 360px; margin-top: 52px; margin-left: 60px; }



@media (max-width: 1249px) { .main .item { width: 31.33%; margin-left: 1% !important; margin-right: 1%; } }



@media (max-width: 767px) { .main .item { width: 98%; } }



@media (max-width: 424px) { .main .item { margin-top: 40px; } }



.main .item .tit { display: block; max-width: 240px; height: 240px; padding-top: 170px; margin: auto; font-size: 16px; font-size: 1.6rem; color: #fff; background: no-repeat center; text-align: center; }



@media (max-width: 1249px) { .main .item .tit { background-size: 100% !important; } }



@media (max-width: 424px) { .main .item .tit { max-width: 180px; height: 180px; padding-top: 130px; fong-size: 14px; font-size: 1.4rem; } }



.main .item .d { display: block; margin-top: 14px; font-size: 14px; font-size: 1.4rem; color: #666; line-height: 30px; text-align: center; }



.main .item:first-child { margin-left: auto; }



.main1 { position: relative; z-index: 1; padding-top: 118px; margin-top: -120px; background: url("../img/bg-main1.png") no-repeat top center; }



.main1 > .outer { padding-bottom: 121px; background: url("../img/bg-main1-1.png") no-repeat bottom center; }



.main1 > .outer > .inner { padding-top: 40px; background: #1d1d1d; }



.main1 .item .tit { color: #fff; }



.main1 .item .tit:hover { color: #61a60e; }



.main1 .item .des { color: #aaa; }



.main1 .item .des:hover { color: #61a60e; }



.main2 { padding-top: 65px; padding-bottom: 200px; margin-top: -50px; background: url("../img/bg-main2.png") no-repeat top center; }



.main2 .title { display: block; margin-bottom: 50px; font-weight: bold; font-size: 38px; font-size: 3.8rem; color: #61a60e; text-align: center; }



@media (max-width: 767px) { .main2 .title { font-size: 28px; font-size: 2.8rem; } }



@media (max-width: 499px) { .main2 .title { margin-bottom: 30px; } }



.main2 .title span { color: #333; }



.main3 { padding-top: 160px; padding-bottom: 84px; margin-top: -140px; background: url("../img/bg-main3.png") no-repeat top center; }



@media (max-width: 599px) { .main3 { padding-top: 80px; padding-bottom: 40px; background-position: bottom center; background-attachment: fixed; } }



.main3 .title { display: block; font-weight: bold; font-size: 38px; font-size: 3.8rem; color: #fff; text-align: center; }



@media (max-width: 767px) { .main3 .title { font-size: 28px; font-size: 2.8rem; } }



.main3 .list { padding-top: 32px; }



.main3 .item { float: left; }



@media (max-width: 1249px) { .main3 .item { width: 32.33%; margin-left: 0.5% !important; margin-right: 0.5% !important; } }



@media (max-width: 599px) { .main3 .item { float: none; width: auto; text-align: center; } }



.main3 .item .img { display: block; position: relative; overflow: hidden; }



@media (max-width: 599px) { .main3 .item .img { display: inline-block; margin-bottom: 20px; } }



.main3 .item .img img { width: 100%; }



.main3 .item .img .tit { display: block; position: absolute; bottom: -35px; left: 0; z-index: 1; width: 100%; height: 35px; line-height: 35px; font-size: 14px; font-size: 1.4rem; color: #fff; background: #000; background: rgba(0, 0, 0, 0.8); text-align: center; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; transition: .3s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }



@media (max-width: 767px) { .main3 .item .img .tit { bottom: 0; } }



.main3 .item .img:hover .tit { bottom: 0; }



.main3 .item.mid { margin: 0 12px 0 16px; }



.main3 .item.mid .img:first-child { margin-bottom: 14px; }



.nmain1 { padding: 40px 0 50px 0; }



@media (max-width: 767px) { .nmain1 { padding: 0; } }



.dmain { padding-bottom: 70px; }



@media (max-width: 767px) { .dmain { padding-bottom: 0; } }



.down-list .item { border-bottom: 1px dashed #ccc; padding-bottom: 40px; margin-bottom: 40px; }



.down-list .item:last-child { margin-bottom: 10px; }



.down-list .item a { display: block; }



.down-list .item a:hover { color: #71ba09; }



.down-list .item .img { float: left; border: 1px solid #c9c9c9; padding: 6px 7px; }



@media (max-width: 767px) { .down-list .item .img { float: none; width: 210px; margin: auto; } }



.down-list .item .img img { width: 100%; max-width: 194px; max-height: 244px; }



.down-list .item .cont { float: left; width: 950px; margin-left: 36px; }



@media (max-width: 1249px) { .down-list .item .cont { width: 890px; } }



@media (max-width: 1199px) { .down-list .item .cont { width: 690px; } }



@media (max-width: 991px) { .down-list .item .cont { width: 460px; } }



@media (max-width: 767px) { .down-list .item .cont { float: none; width: auto; margin-left: auto; } }



.down-list .item .tit { margin-top: 40px; font-size: 18px; font-size: 1.8rem; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }



.down-list .item .des { margin-top: 26px; font-size: 14px; font-size: 1.4rem; color: #666; line-height: 30px; }



@media (max-width: 767px) { .down-list .item .des { margin-top: 20px; } }



@media (min-width: 768px) { .down-list .item .des { height: 60px; font-size: 16px; font-size: 1.6rem; text-decoration: none; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } }



.down-list .item .btn { width: 138px; height: 36px; line-height: 36px; border-radius: 0; padding: 0 0 0 36px; margin-top: 70px; font-size: 18px; font-size: 1.8rem; color: #fff; background: #61a60e url("../img/bg-download-btn.png") no-repeat 12px center; text-align: center; }



@media (max-width: 767px) { .down-list .item .btn { margin-top: 30px; } }



.down-list .item .btn:hover { color: #fff; -webkit-box-shadow: -1px 1px 2px #71ba09; box-shadow: -1px 1px 2px #71ba09; }



.project-list a:hover { color: #71ba09 !important; }



.project-list .item { position: relative; float: left; width: 383px; border: 2px solid #d2d2d2; margin-left: 25px; margin-bottom: 68px; }



@media (max-width: 1249px) { .project-list .item { width: 31.33%; margin-left: 1% !important; margin-right: 1%; margin-bottom: 40px; } }



@media (max-width: 767px) { .project-list .item { width: 48%; } }



@media (max-width: 425px) { .project-list .item { width: 98%; } }



.project-list .item .inner { position: relative; z-index: 2; padding: 12px; padding-bottom: 26px; background: #fff; }



.project-list .item .img { display: block; text-align: center; }



.project-list .item .img img { width: 100%; max-width: 355px; max-height: 281px; }



.project-list .item .tit { display: block; padding: 16px 0 2px 0; font-size: 16px; font-size: 1.6rem; color: #333; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }



.project-list .item .des { display: block; height: 60px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #666; text-decoration: none; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }



.project-list .item:before, .project-list .item:after { content: ''; position: absolute; z-index: 1; width: 50%; height: 30%; background: #61a60e; }



.project-list .item:before { top: -2px; right: -2px; }



.project-list .item:after { bottom: -2px; left: -2px; }



.pmain { padding-bottom: 60px; }



@media (max-width: 767px) { .pmain { padding-bottom: 0; } }



.pmain .fenyelist { padding-top: 0; }



@media (max-width: 1249px) { .pmain .fenyelist { padding-top: 20px; } }



@media (max-width: 767px) { .pmain .fenyelist { padding-top: 0; } }



/*news detail*/

.ndmain { padding-bottom: 100px; }



@media (max-width: 767px) { .ndmain { padding-bottom: 30px; } }



.ndmain .title { margin: auto; font-size: 24px; font-size: 2.4rem; color: #333; text-align: center; }



@media (max-width: 767px) { .ndmain .title { font-size: 18px; font-size: 1.8rem; } }



.ndmain .des { padding: 25px 0; text-align: center; }



@media (max-width: 767px) { .ndmain .des { padding: 15px 0; } }



.ndmain .date { display: inline-block; padding: 5px 0 5px 20px; font-size: 14px; font-size: 1.4rem; color: #666; background: url("../img/icon-date.png") no-repeat left center; }



.ndmain .share { display: inline-block; padding: 5px 0; margin-left: 15px; font-size: 14px; font-size: 1.4rem; color: #666; }



.ndmain .share .cont { display: inline-block; margin-left: 5px; }



.ndmain > .cont { border-bottom: 1px dashed #ccc; padding-bottom: 50px; }



@media (max-width: 767px) { .ndmain > .cont { padding-bottom: 30px; } }



.ndmain > .cont img { max-width: 100%; }



/* products */

.prcate { text-align: center; }



.prcate > a { display: inline-block; width: 354px; height: 54px; line-height: 54px; border: 1px solid #61a60e; border-radius: 4px; margin: 0 10px 25px 10px; font-size: 20px; font-size: 2rem; color: #333; text-align: center; float:left; }



@media (max-width: 767px) { .prcate > a { width: 80%; height: 40px; line-height: 40px; margin-bottom: 10px; font-size: 16px; font-size: 1.6rem; } }



@media (max-width: 400px) { .prcate > a { width: 100%; } }



.prcate > a.active, .prcate > a:hover { color: #fff; background: #61a60e; }



.prmain { padding-bottom: 115px; }



.prmain.hot-pro .list { padding-bottom: 0; }



@media (min-width: 768px) { .prmain.hot-pro .item { margin-bottom: 70px; } }



.prmain .addinq { float: left; display: block; width: 188px; height: 30px; line-height: 30px; font-size: 12px; font-size: 1.2rem; color: #fff; background: #61a60f url("../img/icon-inq.jpg") no-repeat left center; text-align: center; text-indent: 20px; }



@media (max-width: 767px) { .prmain .addinq { float: none; margin: auto; } }



.prmain .addinq:hover { background-color: #71ba09; }



.prmain .addinq + .fenyelist { float: right; padding: 0; }



@media (max-width: 767px) { .prmain .addinq + .fenyelist { float: none; margin-top: 10px; text-align: center; } }



.MagicZoomHeader { display: none; }



.MagicZoomBigImageCont { border: 1px solid #eee; background: #FFF; width: 550px !important; height: 469px !important; *display: none !important; }



@media (max-width: 1199px) { .MagicZoomBigImageCont { display: none !important; } }



.MagicZoomBigImageCont img { width: 800px; height: 741px; }



.MagicZoomPup { border: 0px solid #aaa; background: #ffffff; }



@media (max-width: 1199px) { .MagicZoomPup { display: none !important; } }



.pdmain-l { float: left; width: 624px; margin-top: 40px; }



@media (max-width: 767px) { .pdmain-l { display: none; } }



.pdmain-l .big { float: right; width: 500px; }

.pdmain-l .big img{ max-width:500px;}



.pdmain-l .list { position: relative; float: left; height: 463px; padding: 29px 0; }



.pdmain-l .list .top, .pdmain-l .list .bottom { position: absolute; left: 0; z-index: 1; width: 100%; height: 16px; background-repeat: no-repeat; background-position: center; cursor: pointer; }



.pdmain-l .list .top { top: 0; background-image: url("../img/bg-top-1.png"); }



.pdmain-l .list .top:hover { background-image: url("../img/bg-top-1-on.png"); }



.pdmain-l .list .bottom { bottom: 0; background-image: url("../img/bg-bottom-1.png"); }



.pdmain-l .list .bottom:hover { background-image: url("../img/bg-bottom-1-on.png"); }



.pdmain-l .list ul { height: 100%; overflow: hidden; }



.pdmain-l .list li { margin-bottom: 17px; cursor: pointer; }



.pdmain-l .list li:last-child { margin-bottom: auto; }



.pdmain-l .list img { width: 95px; height: 88px; }



.pdmain-l1 { padding-top: 20px; }



@media (min-width: 768px) { .pdmain-l1 { display: none; } }



.pdmain-l1 .ab1nav { top: 0; left: 50%; margin-left: -32px; }



.pdmain-r { float: right; width: 520px; margin-top: 26px; }



@media (max-width: 1249px) { .pdmain-r { width: 450px; } }



@media (max-width: 1199px) { .pdmain-r { float: left; width: auto; } }



.pdmain-r .title { border-bottom: 1px solid #61a60e; padding-bottom: 16px; fotn-size: 24px; font-size: 2.4rem; color: #333; }



@media (max-width: 425px) { .pdmain-r .title { margin: 10px 0; font-size: 20px; font-size: 2.4rem; } }



.pdmain-r .des { margin-top: 16px; font-size: 16px; font-size: 1.6rem; color: #666; line-height: 30px; }



@media (max-width: 425px) { .pdmain-r .des { margin-top: auto; font-size: 14px; font-size: 1.4rem; } }



.pdmain-r .caozuo { margin-top: 20px; }



@media (max-width: 1199px) { .pdmain-r .caozuo { margin-top: 30px; } }



.pdmain-r .caozuo .btn { width: 156px; height: 40px; line-height: 40px; padding: 0; border-radius: 25px; font-size: 16px; font-size: 1.6rem; color: #fff; background: #333; text-align: center; }



@media (max-width: 425px) { .pdmain-r .caozuo .btn { width: 120px; height: 40px; line-height: 40px; font-size: 14px; font-size: 1.4rem; } }



.pdmain-r .caozuo a:hover { background: #61a60e; }



.pdmain-r .caozuo .btn:first-child { margin-right: 36px; }



.pdmain-r .share { margin-top: 48px; }



.pdmain-r .share .tit { float: left; font-size: 14px; font-size: 1.4rem; color: #61a60e; line-height: 26px; }



.pdmain-r .share .cont { float: left; margin-left: 5px; }



.pdmain1 { margin-top: 44px; }



.pdmain1 .title { border-bottom: 1px solid #ccc; }



.pdmain1 .title span { display: inline-block; padding: 8px 40px 7px 18px; font-weight: bold; font-size: 24px; font-size: 2.4rem; color: #fff; background: #61a60e url("../img/bg-pdmain1-title.jpg") no-repeat right center; }



.pdmain1 .cont { padding: 26px 0; }



.pdmain1 .cont img { max-width: 100%; }





.pdmain1 .cont table{  width:100%; overflow:scroll; border-collapse:collapse; line-height:22px; border:1px solid #ccc;}

.pdmain1 .cont table tr td{ padding:3px; border:1px solid #ccc; }













.cmain .inner { padding-right: 84px; border-radius: 10px; background: #f0f0f0; overflow: hidden; }



@media (max-width: 991px) { .cmain .inner { padding: 0; } }



.cmain-l { float: left; width: 465px; height: 602px; padding: 60px; background: url("../img/bg-cmain-l.png") no-repeat left center; }



@media (max-width: 1199px) { .cmain-l { width: 400px; } }



@media (max-width: 991px) { .cmain-l { float: none; width: 100%; height: auto; background-size: 100%; } }



@media (max-width: 767px) { .cmain-l { padding: 40px; } }



@media (max-width: 424px) { .cmain-l { padding: 20px; background-size: 424px; } }



.cmain-l .des { font-size: 14px; font-size: 1.4rem; color: #fff; line-height: 30px; }



@media (max-width: 424px) { .cmain-l .des { font-size: 13px; font-size: 1.3rem; line-height: 24px; } }



.cmain-l .item { margin-top: 26px; line-height: 26px; font-size: 16px; font-size: 1.6rem; color: #fff; }



@media (max-width: 767px) { .cmain-l .item { margin-top: 10px; font-size: 14px; font-size: 1.4rem; } }



@media (max-width: 424px) { .cmain-l .item { font-size: 13px; font-size: 1.3rem; line-height: 24px; } }



.cmain-l .item a, .cmain-l .item span { display: block; padding-left: 24px; color: #fff; }



.cmain-l .item a:hover { color: #61a60e; }



.cmain-l .item .l1 { background: url("../img/icon-contact-1.png") no-repeat left center; }



.cmain-l .item .l2 { background: url("../img/icon-contact-2.png") no-repeat left center; }



.cmain-l .item .l3 { background: url("../img/icon-contact-3.png") no-repeat left 7px; }



.cmain-r { float: right; width: 550px; }



@media (max-width: 1199px) { .cmain-r { width: 400px; } }



@media (max-width: 991px) { .cmain-r { width: 100%; padding: 40px; } }



@media (max-width: 424px) { .cmain-r { padding: 20px; } }



.cmain-r .title { padding: 20px 0 14px 0; font-weight: bold; font-size: 24px; font-size: 2.4rem; color: #61a60e; }



.cmain-form { width: 100%; }



.cmain-form .form-group { position: relative; margin-bottom: 20px; }



.cmain-form .form-group .bitian { position: absolute; top: 8px; left: -15px; z-index: 1; font-size: 22px; font-size: 2.2rem; color: red; }



.cmain-form .form-control { height: 37px; line-height: 37px; padding: 0 6px 0 16px; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; font-size: 12px; font-size: 1.2rem; color: #666; }



.cmain-form .form-control::-webkit-input-placeholder { color: #666; }



.cmain-form .form-control:-moz-placeholder { color: #666; }



.cmain-form .form-control::-moz-placeholder { color: #666; }



.cmain-form .form-control:-ms-input-placeholder { color: #666; }



.cmain-form .form-control::-ms-input-placeholder { color: #666; }



.cmain-form .form-control::placeholder { color: #666; }



.cmain-form textarea.form-control { height: 214px; }



@media (max-width: 767px) { .cmain-form textarea.form-control { height: 120px; } }



.cmain-form .fg { width: 100%; }



.cmain-form .fg .form-control { float: left; width: 170px; padding-left: 10px; }



@media (max-width: 1199px) { .cmain-form .fg .form-control { width: 100px; } }



@media (max-width: 424px) { .cmain-form .fg .form-control { width: 90px; } }



.cmain-form .fg .img { float: left; width: 119px; height: 37px; margin-left: 18px; cursor: pointer; }



.cmain-form .fg .btn { float: right; width: 181px; height: 37px; line-height: 37px; padding: 0; border: none; border-radius: 0; font-weight: bold; font-size: 14px; font-size: 1.4rem; color: #fff; background: #61a60f; }



@media (max-width: 1199px) { .cmain-form .fg .btn { width: 100px; } }



@media (max-width: 459px) { .cmain-form .fg .btn { float: none; width: 100%; margin-top: 20px; } }



.cmain1 { padding: 50px 0 114px 0; }



@media (max-width: 767px) { .cmain1 { padding: 30px 0 40px 0; } }



.cmain1 .inner { max-width: 100%; }



.ab-title { font-weight: bold; font-size: 32px; font-size: 3.2rem; color: #61a60e; text-align: center; text-transform: uppercase; line-height: normal; }



@media (max-width: 767px) { .ab-title { font-size: 26px; font-size: 2.6rem; } }



.ab-title .hr { display: block; width: 80px; height: 3px; margin: 18px auto auto; background: #61a60e; }



.ab-title.a1 { margin-top: 60px; }



@media (max-width: 767px) { .ab-title.a1 { margin-top: 30px; } }



.ab-des { padding-top: 8px; margin-top: 18px; font-size: 14px; font-size: 1.4rem; color: #333; line-height: 30px; }



.ab-map img { max-width: 100%; }



.abmain1 { padding-top: 40px; }



.abmain1 .item { float: left; width: 280px; border: 1px solid #61a60e; border-radius: 6px; padding: 154px 10px 34px 10px; margin-left: 26px; }



@media (max-width: 1249px) { .abmain1 .item { width: 24%; margin-left: 0.5% !important; margin-right: 0.5%; min-height:330px; } }


@media (max-width: 999px) { .abmain1 .item {  min-height:355px; } }

@media (max-width: 767px) { .abmain1 .item { width: 49%; height: 300px; margin-bottom: 20px; min-height:auto; } }



@media (max-width: 549px) { .abmain1 .item { width: 99%; height: auto; } }



.abmain1 .item:first-child { margin-left: auto; }



.abmain1 .item .tit { display: block; font-size: 16px; font-size: 1.6rem; color: #61a60e; text-align: center; }



.abmain1 .item .tit i { display: block; width: 46px; height: 2px; margin: 14px auto; background: #61a60e; }



.abmain1 .item .des { display: block; font-size: 14px; font-size: 1.4rem; color: #666; line-height: 30px; text-align: center; }



.abmain1 .item.it1 { background: url("../img/bg-abmain1-1.png") no-repeat center 40px; }



.abmain1 .item.it1:hover { background-image: url("../img/bg-abmain1-1-on.png"); }



.abmain1 .item.it2 { background: url("../img/bg-abmain1-2.png") no-repeat center 40px; }



.abmain1 .item.it2:hover { background-image: url("../img/bg-abmain1-2-on.png"); }



.abmain1 .item.it3 { background: url("../img/bg-abmain1-3.png") no-repeat center 40px; }



.abmain1 .item.it3:hover { background-image: url("../img/bg-abmain1-3-on.png"); }



.abmain1 .item.it4 { background: url("../img/bg-abmain1-4.png") no-repeat center 40px; }



.abmain1 .item.it4:hover { background-image: url("../img/bg-abmain1-4-on.png"); }



.abmain1 .item:hover { background-color: #61a60e; }



.abmain1 .item:hover .tit, .abmain1 .item:hover .des { color: #fff; }



.abmain1 .item:hover .tit i { background: #fff; }



.ab1main2 { padding-top: 38px; padding-bottom: 67px; }



.ab1biao2 { display: block; border-bottom: 3px solid #61a60e; }



.ab1biao2 span { display: inline-block; width: 215px; height: 47px; line-height: 47px; text-align: center; font-weight: bold; color: #fff; background: #61a60e; font-size: 24px; font-size: 2.4rem; text-transform: uppercase; }



@media (max-width: 767px) { .ab1biao2 span { width: 150px; height: 36px; line-height: 36px; font-size: 16px; font-size: 1.6rem; } }



.img-scroll3 { position: relative; z-index: 9; }



.ab1nav { width: 65px; height: 29px; position: absolute; right: 9px; top: 10px; z-index: 999; }



.img-scroll3 .prev3, .img-scroll3 .next3 { position: absolute; display: block; width: 29px; height: 28px; z-index: 9999; }



.img-scroll3 .prev3 { left: 0; cursor: pointer; background: url(../img/ableft.png); }



.img-scroll3 .next3 { right: 0; cursor: pointer; background: url(../img/abright.png); }



.img-scroll3 .prev3:hover { left: 0; cursor: pointer; background: url(../img/ablefth.png); }



.img-scroll3 .next3:hover { right: 0; cursor: pointer; background: url(../img/abrighth.png); }



.img-list3 { position: relative; width: auto; overflow: hidden; z-index: 99; }



.img-list3 ul { width: 9999px; }



@media (max-width: 1249px) { .img-list3 ul { width: 10000%; } }



.img-list3 li { float: left; display: inline; width: 246px; margin-right: 72px; margin-top: 45px; }



@media (max-width: 1249px) { .img-list3 li { width: 0.2%; margin-right: 0.066%; } }



@media (max-width: 767px) { .img-list3 li { width: 0.29%; }

.ab1nav {top: 5px; }
 }



@media (max-width: 499px) { .img-list3 li { width: 0.466%; } }



@media (max-width: 320px) { .img-list3 li { width: 0.8%; margin-left: 0.1%; } }



.img-list3 .tit { padding-top: 10px; font-size: 14px; font-size: 1.4rem; color: #333; text-align: center; }



.zhengshu { max-width: 246px; width: 100%; position: relative; overflow: hidden; z-index: 9; }



.zhengtu { max-width: 246px; width: 100%; }



.zhengtu img { width: 100%; max-width: 246px; max-height: 334px; }



.zhengfu { margin: 5px; background: url(../img/zhengshibh.png) repeat left center; position: absolute; width: 100%; height: 100%; top: 100%; left: 0px; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }



.fangda2 { display: block; position: absolute; width: 100%; height: 100%; z-index: 99; }



.fangda2 img { width: 32px; height: 32px; position: absolute; left: 50%; margin-left: -16px; top: 50%; margin-top: -16px; }



.zhengfu p { position: absolute; width: 80%; left: 10%; text-align: center; font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #fff; top: 50%; z-index: 10; margin-top: -9px; }



.img-list3 li:hover .zhengfu { top: 0px; }



#baguetteBox-overlay { display: none; opacity: 0; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; background-color: #222; background-color: rgba(0, 0, 0, 0.8); -webkit-transition: opacity .5s ease; -o-transition: opacity .5s ease; -moz-transition: opacity .5s ease; transition: opacity .5s ease; z-index: 99999999999999999999999999999999999999; }



#baguetteBox-overlay.visible { opacity: 1; }



#baguetteBox-overlay .full-image { display: inline-block; position: relative; width: 100%; height: 100%; text-align: center; }



#baguetteBox-overlay .full-image figure { display: inline; margin: 0; height: 100%; }



#baguetteBox-overlay .full-image img { display: inline-block; width: auto; height: auto; max-height: 100%; max-width: 100%; vertical-align: middle; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }



#baguetteBox-overlay .full-image figcaption { display: block; position: absolute; bottom: 0; width: 100%; text-align: center; line-height: 1.8; color: #ccc; background-color: #000; background-color: rgba(0, 0, 0, 0.6); font-family: Verdana, Geneva, sans-serif; }



#baguetteBox-overlay .full-image:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }



#baguetteBox-slider { position: absolute; left: 0; top: 0; height: 100%; width: 100%; white-space: nowrap; -webkit-transition: left .4s ease,-webkit-transform .4s ease; transition: left .4s ease,-moz-transform .4s ease; transition: left .4s ease,-webkit-transform .4s ease; -o-transition: left .4s ease,-o-transform .4s ease; -moz-transition: left .4s ease,transform .4s ease,-moz-transform .4s ease; transition: left .4s ease,transform .4s ease; transition: left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease,-o-transform .4s ease; }



#baguetteBox-slider.bounce-from-right { -webkit-animation: bounceFromRight .4s ease-out; -moz-animation: bounceFromRight .4s ease-out; animation: bounceFromRight .4s ease-out; }



#baguetteBox-slider.bounce-from-left { -webkit-animation: bounceFromLeft .4s ease-out; -moz-animation: bounceFromLeft .4s ease-out; animation: bounceFromLeft .4s ease-out; }



.baguetteBox-button#next-button, .baguetteBox-button#previous-button { top: 50%; top: -webkit-calc(50% - 30px); top: -moz-calc(50% - 30px); top: calc(50% - 30px); width: 44px; height: 60px; }



.baguetteBox-button { position: absolute; cursor: pointer; outline: 0; padding: 0; margin: 0; border: 0; border-radius: 15%; background-color: #323232; background-color: rgba(50, 50, 50, 0.5); color: #ddd; font: 1.6em sans-serif; -webkit-transition: background-color .4s ease; -o-transition: background-color .4s ease; -moz-transition: background-color .4s ease; transition: background-color .4s ease; }



.baguetteBox-button:hover { background-color: rgba(50, 50, 50, 0.9); }



.baguetteBox-button#next-button { right: 2%; }



.baguetteBox-button#previous-button { left: 2%; }



.baguetteBox-button#close-button { top: 20px; right: 2%; right: -webkit-calc(2% + 6px); right: -moz-calc(2% + 6px); right: calc(2% + 6px); width: 30px; height: 30px; }



.baguetteBox-button svg { position: absolute; left: 0; top: 0; }



.ab1main3 { padding-bottom: 107px; margin-top: 10px; }



@media (max-width: 767px) { .ab1main3 { padding-bottom: 30px; } }



.ab4n { background: #f7f7f7; padding-top: 6px; margin-top: 20px; }



@media (max-width: 499px) { .ab4n { background: none; } }



#box { position: relative; width: 1061px; height: 470px; margin: auto; margin-top: 30px; }



#box ul { position: relative; width: 1061px; height: 510px; }



#box li { position: absolute; list-style: none; width: 0; height: 0; top: 0px; left: 0px; z-index: 0; }



#box li img { width: 100%; height: 100%; vertical-align: top; }



#box li div { width: 100%; line-height: 30px; margin-top: 12px; color: #333; text-align: center; font-size: 18px; font-size: 1.8rem; }



#box .prev, #box .next { position: absolute; top: 50%; width: 40px; height: 104px; margin-top: -49px; overflow: hidden; text-indent: -999px; cursor: pointer; }



#box .prev { left: -70px; background: url(../img/ableft.jpg) no-repeat; }



#box .next { right: -70px; background: url(../img/abright.jpg) no-repeat; }



#copyright { padding-top: 10px; text-align: center; }



.heitu { position: absolute; width: 100%; left: 0px; top: 0px; }



.heitu img { display: block; margin: auto; width: 100%; max-width: 620px; max-height: 450px; }



#box li img:hover { -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }



#box2 { display: none; }



@media screen and (max-width: 1249px) { #box { display: none; }

  #box2 { display: block; padding-top: 20px; }

  #box { display: none; }

  #box2 li { float: left; width: 31.3333%; margin: 0 1%; margin-bottom: 20px; } }



@media screen and (max-width: 1249px) and (max-width: 767px) { #box2 li { width: 48%; } }



@media screen and (max-width: 1249px) and (max-width: 499px) { #box2 li { width: 98%; } }



@media screen and (max-width: 1249px) { #box2 li img { width: 100%; max-width: 510px; max-height: 373px; }

  #box2 li div { text-align: center; font-size: 14px; font-size: 1.4rem; line-height: 22px; height: 44px; } }



.ab-logo { margin-top: -18px; }



.ab-logo img { float: right; margin-right: 32px; }



@media (max-width: 767px) { .ab-logo img { margin-right: 10px; } }



.ab1main4 { padding: 80px 0; background: #ededed; text-align: center; }



@media (max-width: 767px) { .ab1main4 { padding: 30px 0; } }



.ab1main4 .des { display: block; max-width: 80%; margin: auto; font-size: 14px; font-size: 1.4rem; color: #666; line-height: 30px; }



@media (max-width: 767px) { .ab1main4 .des { max-width: 95%; } }



.ab1main4 .btn { width: 192px; height: 41px; line-height: 41px; border: 1px solid #61a60e; border-radius: 5px; padding: 0; margin-top: 34px; margin-bottom: 5px; font-size: 16px; font-size: 1.6rem; color: #61a60e; text-align: center; }



.ab1main4 .btn:hover { color: #fff; background: #61a60e; }



/*# sourceMappingURL=style.css.map */

.at-resp-share-element .at-icon{width: 24px!important;height: 24px!important;}

.at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}

.at-resp-share-element .at-share-btn .at-icon-wrapper{width: 24px!important;height: 24px!important;}

.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}







.des .addthis_inline_share_toolbox_klm2 {    position: relative;

    top: 6px;}





.online>a:first-child{

  position: relative;

}

.online>a:first-child:before{

  content: '';

  position :absolute;

  top: -10px;

  right: -200px;

  z-index: 1000000;

  width: 150px;

  height: 150px;

  background: #fff url("../img/weixin.png") no-repeat center;

}

.online>a:first-child:hover:before{

  right: 60px;

}

@media (max-width: 767px) {

  .online>a:first-child:before{

    right: auto;

    left: 0;

    top: 200px;

  }

  .online>a:first-child:hover:before{

    right: auto;

    top: -150px;

  }

}



.cont table{ width:100%; border-collapse:collapse; line-height:22px; border:1px solid #ccc;}

.cont table tr td{ padding:3px; border:1px solid #ccc;}

@media screen and (max-width:1350px){

.cont .table{ width:100%;  overflow:scroll;}

.cont .wenzi  table{ width:885px;}	

}