@charset "utf-8";
/* CSS Document */
body,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,input,select,textarea,form,img,div,pre,fieldset,blockquote,th,td {margin:0;padding:0;outline:none;}
body{color:#333; background-color:#ffffff;}
html{ overflow-x:hidden;}
ul,li,ol,dl,dt,dd{list-style:none}
img{border:none;border-style: none;}
*{ font-family:"Microsoft Yahei";margin:0;padding:0;}
.animate{transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;}
input,textarea,button{ background: transparent;vertical-align:middle}
a{ color:#333; text-decoration:none;}
:focus{outline:0}
table { border-spacing: 0px; border-collapse: collapse; }
tr { cursor: pointer; }
input, textarea{ border: 0; }
textarea{resize:none}
select{ border:none;outline: none;}
iframe, video{ width:600px; height:400px;}
.mt30{ margin-top:30px !important;}

/*href*/
a:link,a:visited{ text-decoration:none;}
a:hover,a:active{color:#19518C; text-decoration:none;}
.cfff,.cfff a:link,.cfff a:visited{color:#fff !important}
.cfff a:hover,.cfff a:active{color:#ddd}
.cccc,.cccc a:link,.cccc a:visited{color:#ccc}
.cccc a:hover,.cccc a:active{color:#ddd}
.c666,.c666 a:link,.c666 a:visited{color:#666}
.c666 a:hover,.c666 a:active{color:#19518C}
.c999,.c999 a:link,.c999 a:visited{color:#999}
.c999 a:hover,.c999 a:active{color:#19518C}

/*common*/
.wrap{width: 1380px;margin:0 auto;}
.l{float:left !important}
.r{float:right !important}
.o{overflow:hidden;}
.c{display:block;height:0;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1}
.hidden{display:none}
.center{text-align:center}
.img-box img,.img{display:block;margin:0;padding:0;width:100%;}
.flexbox{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.lc{-webkit-box-direction:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
/*文字超出省略*/
.ellipsis{-webkit-box-direction:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.ovh1{text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}
.ovh2{-webkit-line-clamp:2}
.ovh3{-webkit-line-clamp:3}
.ovh5{-webkit-line-clamp:5}

.table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%}
.table_cell{ display:table-cell; vertical-align:middle}

.top{ width: 100%; height: 90px; background-color: #ffffff;}
.logo{ display: block; background: url(../images/logo.jpg) no-repeat center center; width: 335px; height: 90px;}
.nav{ margin-left: 100px;}
.nav li{ float: left; line-height: 90px; padding: 0 30px;}
.nav li a{ font-size: 16px; color: #777777;}
.nav li.curr a{ color: #158f3b;}
.tel{ font-size: 30px; color: #158f3b; line-height: 90px;}

.banner{ width: 100%; height: 833px; position: relative;}
.banner .bd ul li{ background-repeat: no-repeat; background-position: center; width: 100%; height: 833px;}
.banner .hd{ position: absolute; right: 100px; bottom: 30px;}
.banner .hd ul li{ width: 14px; height: 14px; border-radius: 100%; overflow: hidden; font-size: 0; background-color: #cccccc; float: left; margin: 0 5px; cursor: pointer;}
.banner .hd ul li.on{ background-color:#158f3b;}

.box1{ background: url(../images/box1.jpg) no-repeat center center; width: 100%; height: 760px;}

.box2{ background: url(../images/box2.jpg) no-repeat center center; width: 100%; height: 640px;}

.box3{ background-color: #f6f6f6; padding: 70px 0 60px;}
.box3_tit{ background: url(../images/tit1.png) no-repeat center center; width: 100%; height: 75px;}
.box3_ul{ height: 481px; position: relative; margin-top: 60px;}
.box3_ul li{ position: absolute; left: 0; top: 0;}
.box3_ul li.box3_li1{ width: 563px; height: 481px;}
.box3_ul li.box3_li2{ width: 447px; height: 230px; left: 584px;}
.box3_ul li.box3_li3{ width: 447px; height: 230px; left: 584px; bottom: 0; top: auto;}
.box3_ul li.box3_li4{ width: 330px; height: 481px; right: 0; left: auto;}
.box3_ul li .box3_black{ background: url(../images/black.png) no-repeat center bottom; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;}
.box3_ul li .box3_black p{ font-size: 18px; color: #ffffff; line-height: 76px; padding: 0 40px; position: absolute; bottom: 0;}
a.box3_more{ display: block; width: 209px; line-height: 51px; background-color: #ffffff; border: 2px solid #069539; border-radius: 51px; margin: 60px auto 0; font-size: 16px; color: #069539;}

.box4{ background: url(../images/bg1.jpg) no-repeat center center; width: 100%; height: 531px;}
.box4 h1{ font-size: 36px; color: #009849; line-height: 53px; padding-top: 68px;}
.box4 p{ font-size: 18px; color: #888888; line-height: 36px;}
.box4 img{ margin: 40px 0 50px;}
.box4_txt{ font-size: 18px; color: #888888; line-height: 36px;}

.footer{ background-color: #158f3b; padding: 70px 0;}
.foot_l{}
.f_logo{ display: block; width: 232px; height: 42px;}
.copy{ line-height: 1;}
.copy, .copy a{ font-size: 14px; color: #d0cdc5;}
.link-select-box {font-family: arial, helvetica, sans-serif;width: 338px;height: 38px;position: relative;line-height: 38px;transition: 300ms;-webkit-transition: 300ms;color: #fff; float: left; border: 1px solid #ffffff;}
.link-select-box {z-index: 999;}
.link-select-box .mt { padding: 0 25px; position: relative;cursor: pointer;font-size: 16px;color: #ffffff;line-height: 38px;}
.link-select-box .mt .aw {width: 46px;position: absolute;top: 0;bottom: 0;right: 0px;background: url(../images/san.png) no-repeat scroll center center;height: 100%;transition: 300ms;-webkit-transition: 300ms;}
.link-select-box .mc { position: absolute;left: 0px;right: 0px;bottom: 39px;z-index: 9999;display: none;}
.link-select-box ul {background-color: #f6f6f6;padding: 8px 0;overflow: hidden;}
.link-select-box a {display: block;padding: 5px 15px;line-height: 1.4;font-size: 12px;}
.link-select-box.act .mt .aw {transform: rotate(-180deg);}
.footer_con3{ margin: 30px 0;}
.footer_con3 .con3_p{ width: 140px; line-height: 40px; font-size: 14px; color: #009849; background-color: #ffffff; float: left;}
.footer_con3 .con3_p img{ margin: 0 14px 0 24px; vertical-align: middle;}
.f_tel{ display: flex; line-height: 36px; font-size: 36px; color: #ffffff;}
.f_tel span{ font-size: 16px; color: #d0d0d0; line-height: 18px; margin-right: 10px;}
.f_adr{ font-size: 16px; color: #d0cdc5; line-height: 30px; margin-top: 32px;}
.code{ width: 130px; height: 154px; margin-left: 50px;}

.erban{ background: url(../images/erban.jpg) no-repeat center center; width: 100%; height: 410px;}

.article{ padding: 50px 0;}
.article, .article p{ font-size: 16px; color: #333333; line-height: 30px;}
.article p{ margin-bottom: 15px;}

.w1200{ width: 1200px; margin: 0 auto;}
.container02 {padding-top: 5.75rem;background: #f7faff;overflow: hidden;}
.container00 *{ box-sizing: border-box;}
.container00 ul.ul02{margin: 0 -0.9375rem;font-size: 0;margin-bottom: 1.875rem;}
.container00 ul.ul02 li{padding: 0 0.9375rem;width: 33.333333%;display: inline-block;margin-bottom: 1.5rem;}
.container00 ul.ul02 li .img_zd .img_hezi{ padding-bottom:0% !important}
.container00 ul.ul02 li .top{background:#ffffff;position:relative;height: 6.875rem;}
.container00 ul.ul02 li .top .table{position:absolute;top:0;right:0;bottom:0;left:0;padding: 0 1.875rem 0;text-align:left;background:#158f3b;}
.container00 ul.ul02 li .a .top h4{font-size: 1.375rem;color:#fff;line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:0;max-width: calc(100% - 38px); transition:.6s;}
.container00 ul.ul02 li .a .top h6{ font-size:14px; color:#fff; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.container00 ul.ul02 li .a .top h3 img{display:inline-block;margin-top:20px;position:absolute;top:1rem;right:1.875rem;transition:0.6s;}
.slow img:hover{ transform:scale(1.05);}/*图片放大*/
.slow img{-moz-transition: all 0.9s ease-in-out;-webkit-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;-ms-transition: all 0.9s ease-in-out;transition: all 0.9s ease-in-out;}/*缓慢效果*/
.container00 ul li .a{display:block;width:100%;position:relative;transition:.6s;}
.container00 ul li .a .img{width:100%;overflow:hidden;}
.container00 ul li .a .img .img_hezi{ padding-bottom:0 !important}
.container00 ul li .a .img img{ height:16.875rem; position:relative}
.container00 ul.ul02 li .a:hover .top h3 img {transform: rotate(180deg);}

.n_news *{ box-sizing: border-box;}
.img_zd {position: relative;width: 100%;}
.img_zd>img {position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.n_news{ padding:65px 0 80px; background:#f6f6f6}
.n_news ul{ font-size:0; margin:0 -1.125rem; margin-bottom:2rem}
.n_news ul li{ width:33.333333%; display:inline-block; *display:inline; *zoom:1; padding:0 1.125rem; margin-bottom:2.25rem}
.n_news ul li.li{ width:66.666666%}
.n_news ul li.li .img{ position:relative}
.n_news ul li .img_zd .img_hezi{ padding-bottom:68% !important}
.n_news ul li.li .top{padding: 0 2rem;position:absolute;left:0;bottom: 0;width:100%;line-height: 4.375rem;background: rgba(0,0,0,0.5);}
.n_news ul li.li .top span{ display:inline-block; width:5.625rem; height:1.6875rem; line-height:1.6875rem; background:#d5042c; -moz-border-radius:0.8125rem; -webkit-border-radius:0.8125rem; border-radius:0.8125rem; font-size:13px; text-align:center; color:#fff}
.n_news ul li.li .top h5{font-size: 1.25rem;color:#fff;font-weight:bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.n_news ul li.li .top h4{ font-size:1.5rem; color:#fff; font-weight:bold; font-family:"Microsoft Yahei";}
.n_news ul li .img,.n_news ul li .img img{overflow:hidden;width:100%;height: 235px;}
.n_news ul li.li .img, .n_news ul li.li .img img{ height:490px;}
.n_news ul li .con .box_table_cell{ text-align:left}
.n_news ul li .con{background:#fff;padding-left:1.875rem !important;padding-right:1.875rem !important;padding-top: 38px;padding-bottom: 38px;height: 255px;}
.n_news ul li .con span{ display:inline-block; width:5.625rem; height:1.6875rem; line-height:1.6875rem; border:#cdcdcd 1px solid; -moz-border-radius:0.8125rem; -webkit-border-radius:0.8125rem; border-radius:0.8125rem; font-size:13px; text-align:center; color:#9d9d9d}
.n_news ul li .con h5{ margin:1.875rem 0 1rem}
.n_news ul li .con h5,.n_news ul li .con h5 a{font-size:1.25rem;height: 1.5rem;line-height: 1.5rem;color:#3b3c3c;font-weight:bold;transition:0.6s;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.n_news ul li .con p{ font-size:0.8125rem; line-height:22px; height:44px; overflow:hidden; color:#8d8d8d; margin-bottom:1.625rem}
.n_news ul li .con h6{font-size: 13px;color: #949494;}
.n_news ul li .con h6 img{ margin:-3px 7px 0 0}
.n_news ul li .box .img:hover .red-bg { opacity: 1; visibility: visible; }
.n_news ul li .box .img:hover .line { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
.n_news ul li .box .img:hover img{ transform:scale(1.05);}
.n_news ul li .img .red-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }
.n_news ul li .img .red-bg{ background: rgba(213,32,39,0.9)}
.n_news ul li .img .line { display: block; background: #fff; position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }
.n_news ul li .img .line_1 { width: 52px; height: 1px; margin: -1px 0px 0px -26px; transform: translateX(-55px); -webkit-transform: translateX(-55px); }
.n_news ul li .img .line_2 { width: 1px; height: 52px; margin: -26px 0px 0px -1px; transform: translateY(55px); -webkit-transform: translateY(55px); }

.view-tit{color: #000;padding-bottom: 30px;border-bottom: 1px solid #aaa;margin-bottom: 40px;}
.view-tit .date{font-size: 1.125rem;color: #666;margin-bottom: 10px; font-weight: normal; line-height: 1.8;}
.view-tit h2 {margin: 0;font-size: 2.2rem;line-height: 1.3;font-weight: normal;}
.view-page {border-top: 1px solid #ddd;padding-top: 70px;margin-top: 60px;text-align: center;font-size: 0;}
.btn-style.green {border-color: rgba(6, 149, 57, 0.5);color: #069539;}
.view-page .btn-style {font-size: 1rem;}
.btn-style {position: relative;display: inline-block;vertical-align: middle;width: 200px;height: 54px;font-size: 0.875rem;font-weight: 600;line-height: 54px;text-align: center;white-space: nowrap;margin: 0;padding: 0 14px;border-style: solid;border-width: 2px;border-radius: 27px;-webkit-transition: background .2s, color .2s, border .2s;-o-transition: background .2s, color .2s, border .2s;transition: background .2s, color .2s, border .2s;border-color: rgba(255, 255, 255, 0.5);background-color: rgba(255, 255, 255, 0);color: #fff;overflow: hidden;}
.article-page {display: -webkit-box;display: -ms-flexbox;display: flex;margin-top: 70px;}
.article-page .box {display: block;width: 50%;border-right: 1px solid #ddd;position: relative;background-color: #efefef;}
.article-page .box .btn-aw {width: 44px;height: 44px;border-radius: 50%;border: 1px solid #aaa;font-size: 0;position: absolute;top: 50%;margin-top: -22px;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.article-page .box .btn-aw:before {content: '';display: block;width: 10px;height: 10px;border: 2px solid #333;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: border .5s;-o-transition: border .5s;transition: border .5s;}
.article-page .box .main {vertical-align: top;}
.article-page .box .main .tag {font-size: 0.9375rem;color: #069539;margin-bottom: 5px;}
.article-page .box .main .ti {font-size: 1.125rem;line-height: 1.5;color: #333;}
.article-page .box .main .data {font-size: 0.9375rem;color: #999;}
.article-page .box:hover .btn-aw {border-color: #069539;background-color: #069539;}
.article-page .box:hover .btn-aw:before {border-color: #fff;}
.article-page .box:hover .main .ti {color: #000;text-decoration: underline;}
.article-page .box.prev {padding: 40px 50px 40px 130px;}
.article-page .box.prev .btn-aw {left: 40px;}
.article-page .box.prev .btn-aw:before {border-right: none;border-top: none;-webkit-transform-origin: 8px 0;-ms-transform-origin: 8px 0;transform-origin: 8px 0;}
.article-page .box.prev .main {text-align: right;}
.article-page .box.next {border-right: none;padding: 40px 130px 40px 50px;}
.article-page .box.next .btn-aw {right: 40px;}
.article-page .box.next .btn-aw:before {border-left: none;border-bottom: none;-webkit-transform-origin: 8px -5px;-ms-transform-origin: 8px -5px;transform-origin: 8px -5px;}

/*page*/
.pagelist { text-align: center; margin: 20px 0 40px; clear:both; padding-top:30px;}
.pagelist span, .pagelist a { display: inline-block; border: 1px solid #ddd;padding:10px 20px; margin-right: 2px; line-height:10px; text-decoration:none; color:#666;}
.pagelist span { background: #069539; color: #fff;font-weight: bold;}