body { font-family: 微软雅黑,"Open Sans", sans-serif; font-size: 14px; }
input,
select,
textarea { font-family: 微软雅黑,"Open Sans", sans-serif; font-size: 1em;; }
.wrap { width: 96%; margin: 0 auto; max-width: 1200px; position: relative; }

img, a { border: 0; }
ul, li { list-style: none; }
* { margin: 0; padding: 0; }
.flt { float: left; }
.frt { float: right; }
.clear { clear: both; }
.clear:after, .clear:before { content: ''; clear: both; display: table; }
img { max-width: 100%; }
.img { overflow: hidden; position: relative; }
.img:before { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid rgba(255,255,255,0); z-index: 100; }
.img:hover:before { top: 10px; left: 10px; right: 10px; bottom: 10px; border: 1px solid rgba(255,255,255,0.5); }
.img:hover img { transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); }


*, *:after, *:before { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; }

.modal, .fp_modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; }
.fp_modal { display: table; }
.modal { transition: all 0s; -o-transition: all 0s; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; background: rgba(0,0,0,0.7); }
.fp_modal .cell { display: table-cell; vertical-align: middle; }
.modal_cont { max-width: 990px; margin: 0 auto; width: 90%; background: #fff; position: relative; }
.modal_cont .close { position: absolute; top: 10px; right: 10px; width: 32px; height: 32px; background: url("../img/close.png") no-repeat center center #ccc; border-radius: 100%; cursor: pointer; }
.modal_cont .box { padding: 45px; }
/*----------header----------*/
.header {box-shadow:0 0 5px rgba(0,0,0,0.1); background: #fff; line-height: 67px; position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; }
.logo img { vertical-align: middle; }
.menu ul li { float: left; margin: 0 30px; }
.menu ul li a {font-size:16px; color: #000; display: block; }
.menu ul li.on a, .menu ul li a:hover { color: #4bb344; }

.banner img{ width:100%;} 
.banner .item { position: relative; font-family: Arial; }
.banner .item .text { left: 0; width: 100%; text-align: center; text-align: center; color: #fff; position: absolute; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); font-size: 24px; padding-bottom:100px;}
.banner .item .text h2 { font-size: 54px; font-weight: normal; margin-bottom: 30px; }
.page1_list { margin-top: -100px; z-index: 10; position: relative; }
.page1_list ul { overflow: hidden; box-shadow: 0 -2px 10px rgba(0,0,0,0.1); padding: 25px 0; background: #fff; }
.page1_list ul li { width: 25%; float: left; text-align: center; margin-left: -1px; border-left: 1px dotted #e5e5e5; }
.page1_list ul li .img1 { line-height: 80px; }
.page1_list ul li img { vertical-align: middle; }
.page1_list h3 { font-size: 24px; color: #4bb344; font-weight: normal; margin: 20px 0; }
.page1_list p { max-width: 175px; margin: 0 auto; width: 80%; line-height: 24px; color: #666; }
ul:after { content: ''; display: block; clear: both; }

.page { padding: 90px 0; }
.page_tit { padding-bottom: 50px; text-align: center; }
.page_tit h2 { font-size: 32px; color: #555; font-weight: normal; margin-bottom: 15px; }
.page_tit label { display: inline-block; width: 35px; height: 4px; background: #4bb344; }
.page_tit.on h2 { color: #fff; }
.page_tit.on label { background: #fff; }
.pro_list ul li { width: 25%; float: left; }
.pro_list ul { margin: 0 -10px; margin-bottom: 25px; }
.pro_list ul li a { display: block; margin: 15px 10px;}
.pro_list ul li a .img{ border: 1px solid #ddd; }
 .pro_list ul li a p{ line-height:30px;text-align:center;color:#666;margin-top:5px;}
.pro_list ul li a:hover .img{ border-color: #4bb344; }
.btn_more { padding-top: 10px; border-top: 1px solid #ddd; }
.btn_more a { display: block; text-align: center; background: #4bb344; color: #fff; line-height: 40px; }
.btn_more a:hover { background: #16a90c; }
.btn_more a span { display: inline-block; padding-right: 20px; background: url("../img/icon1.png") no-repeat right center; }
.btn_more a:hover span { padding-right: 30px; }
.page2 { background: url("../img/page2.jpg") no-repeat center center; background-size: cover; }

.about_item { }
.about_lt { background: #fff; width: 48.5%; max-width: 585px; }
.about_lt .img { float: left; }
.about_lt img { display: block; }
.about_lt .text { overflow: hidden; padding: 20px; line-height: 26px; color: #666; }
.about_lt .text h3 { font-size: 16px; font-weight: normal; color: #222; margin-bottom: 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.about_lt .text p { height: 182px; overflow: hidden; margin-bottom: 20px; }
.about_rt { width: 47.5%; max-width: 569px; }
.about_rt img{ display:block;}
.about_rt .text { line-height: 30px; color: #666; font-size: 12px; background: #fff; height: 75px; margin-top: 15px; }
.about_rt .text p { overflow: hidden; padding-top: 8px; padding-right: 15px; height: 60px; }
.about_rt .text span { display: block; float: left; line-height: 26px; font-size: 20px; font-weight: bold; text-align: center; background: #f9b601; color: #fff; width: 74px; height: 65px; padding-top: 10px; margin-right: 20px; }
.btn a { display: inline-block; width: 108px; line-height: 38px; border: 1px solid #4bb344; color: #4bb344; text-align: center; }
.btn a:hover { background: #4bb344; color: #fff; }
.page { overflow: hidden; }
.page.on { background: #f2f2f2; }

.psfz_list ul li { width: 20%; float: left; }
.psfz_list .box { margin: 17px; background: #fff; padding: 20px 0; text-align: center; }
.psfz_list .img1 { line-height: 90px; }
.psfz_list img { vertical-align: middle; }
.psfz_list p { height: 50px; font-size: 18px; color: #555; }
.psfz_list .box:hover { box-shadow: 0 0 20px rgba(0,0,0,0.05); }
.psfz_list .box:hover { margin-top: -10px; }
.news_list ul li { width: 33.333%; float: left; }
.news_list a { display: block; margin: 0 15px; border: 1px solid #ddd; padding: 40px 38px; }
.news_list h3 { padding-bottom: 25px;; border-bottom: 1px solid #ededed; font-size: 16px; font-weight: normal; color: #555; white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
.news_list .text { line-height: 26px; color: #adadad; margin: 15px 0;  height:78px; overflow:hidden;}
.news_list .more { display: block; width: 29px; height: 25px; border: 1px solid #d8d8d8; background: url("../img/icon7.png") no-repeat center center; margin-top: 20px; }
.news_list a:hover .more { border-color: #4bb344; background: url("../img/icon7-1.png") no-repeat center center; }
.news_list a:hover { border-color: #4bb344; }
.news_list a:hover h3 { color: #4bb344; border-color: #4bb344; }
.news_list a:hover .text p { color: #4bb344; }
.news_list a:hover { margin-top: -10px; }
.link_list {/* margin-top: 100px; */}
.link_list ul li { width: 16.6667%; float: left; }
.link_list ul li:nth-child(6n+1){ clear:both;}
.link_list a { display: block; line-height: 70px; }
.link_list img { vertical-align: middle; }
.link_list a:hover { transform:translateY(-10px) }
.foot { position:relative; background: url("../img/footer.jpg") no-repeat center center; background-size: cover; text-align: center; }
.foot ul { padding:60px 0;;max-width:670px;margin:0 auto; }
.foot ul li { display: block; width: 50%; float:left;}
.foot li:last-child{width:100%;}
.foot li .div_btn{ margin:10px;}
.foot li .div_btn a{ display:block; line-height:38px; border:1px solid #4bb344; background:#4bb344; color:#fff;}
.foot li .div_btn a:hover{ background:rgba(255,255,255,0.8);color:#4bb344}
.foot .div_input {background:rgba(255,255,255,.5);padding:0 15px; line-height: 38px; border: 1px solid #fff; margin:10px;}
.foot .div_input input { width: 100%; border: 0; background: none; color: #fff; }
.foot .div_input input::-webkit-input-placeholder { color: #fff; }
.copyright{ line-height:60px; text-align:center; color:#fff;background:#3d7d31;}
.copyright a{color:#fff;}
.copyright a:hover{ color:#efefef;}
/*----------mainer----------*/
.mainer { margin-top: 67px; }
.pagesize{padding:20px 0; text-align:center;}
.pagesize a{margin:3px 0; display:inline-block; padding:0 15px ;line-height:44px; border:1px solid #e9e8e6;min-width:14px; text-align:center;color:#000}
.pagesize a:hover{ border-color:#4ab344; color:#fff;background:#4bb344}
.full { position: fixed; top: 50%; right: 0; z-index: 1001; }
.full li a { display: block; width: 52px; height: 52px; margin-bottom: 1px; position: relative; background: rgba(0,0,0,0.5); z-index: 1; }
.full li a:hover span, .full li a:hover label { background-color: #4bb344 !important; }
.full li:last-child a { border-bottom: 0; }
.full li a span { display: block; width: 52px; height: 52px; position: relative; z-index: 100; background-position: center center; background-repeat: no-repeat; }
.full li:nth-child(2) a, .full li:nth-child(1) a { z-index: 2; }
.full li a label { display: block; width: 100px; white-space: nowrap; padding: 0 20px; position: absolute; line-height: 52px; color: #fff; z-index: -1; background: #000; bottom: 0; left: 100%; box-sizing: inherit; max-width: 300%;; }
.full li a:hover label { left: -120px; }
.full li a .lbl_img { padding: 10px; height: auto; line-height: normal; }
.full li a span.span1 { background-image: url("../img/full1.png")/*tpa=http://demo.moodao.com/www/123demo140/img/full1.png*/; }
.full li a span.span2 { background-image: url("../img/full2.png")/*tpa=http://demo.moodao.com/www/123demo140/img/full2.png*/; }
.full li a span.span3 { background-image: url("../img/full3.png")/*tpa=http://demo.moodao.com/www/123demo140/img/full3.png*/; }
.full li a span.span4 { background-image: url("../img/full4.png")/*tpa=http://demo.moodao.com/www/123demo140/img/full4.png*/; }

.div_pos{ line-height:56px;background:#fff; box-shadow:0 2px 10px rgba(0,0,0,0.1);color:#636363}
.div_pos .flt a{color:#636363;}
.search{width:176px;padding-right:30px;position:relative;line-height:56px;}
.search input{width:100%; border:0;}
.search a{display:block; position:absolute; top:0; right:0;width:30px;bottom:0; background:url("../img/icon8.png") no-repeat right center;}

.main_page{padding-top:30px}
.details .text{ line-height:30px;color:#666}
.details .img1{margin:20px 0;}
.details img{ display:block;}
.details .text{padding-top:20px;}
.page_menu{width:280px; float:left;margin-right:40px;}
.page_menu .item{ margin-bottom:30px; line-height:47px;}
.page_menu .item .list{border:1px solid #f0f0f0;padding:0 20px;}
.page_menu .tit{ padding:0 20px; background:#4ab344;color:#fff;font-size:16px;}
.page_menu .list a{ padding:0 5px; border-bottom:1px dashed #e7e7e7;display:block;color:#444;}
.page_menu .list li:last-child a{ border-bottom:0}
.page_menu .list li.on a,.page_menu .list li a:hover{color:#4bb344}
.page_menu .list img{vertical-align:middle;margin-right:10px;margin-left:-5px;}
.page_menu .list .text{ line-height:30px;padding:15px 0;color:#666}
.page_menu .list .text h3{ font-size:16px;}
.page_cont{ overflow:hidden;}
.page_tit2{ line-height:47px; border-bottom:1px solid #e0e0e0; }
.page_tit2 h3{ font-size:16px; font-weight:normal; color:#4bb344}
.pro_list2 ul li{ width:33.333%;}
/*----------footer----------*/
.footer { }

.contact .map{margin:30px 0;}
.page_tit3 h3{line-height:50px;width:40px;font-size:20px; font-weight:normal;white-space:nowrap; border-bottom:2px solid #4bb344 }
.cont_list li{display:inline-block; margin-left:5%;margin-bottom:15px;} 
.cont_list ul{margin-left:-5%;}
.cont_list li .img1{ float:left; margin-right:15px;}
.cont_list li .text{overflow:hidden;color:#606060;line-height:30px;}
.cont_list li h3{font-size:16px;font-weight:normal;color:#000}
.cont_list{padding:35px 0;}
.cont_list2 ul li{width:50%; float:left;}
.cont_list2 ul li.li_last{width:100%;}
.cont_list2 ul{margin:20px -5px;}
.cont_list2 .div_input{ line-height:38px; border:1px solid #ddd;padding:0 15px;margin:5px;}
.cont_list2 .div_input input{width:100%; border:0; background:none;}
.cont_list2 .div_input textarea{ width:100%; border:0; padding:5px 0; resize:none; height:150px;}
.btn2 a{width:184px;background:#4ab344;color:#fff;}
.btn2 a:hover{ background:#1c9f15}
/*----------custom----------*/

.page_menu .list2{border:1px solid #ddd;padding:18px;}
.page_menu .list2 li{ margin-top:18px;}
.page_menu .list2 li:first-child{ margin-top:0}
.page_menu .list2 .img{ float:left;margin-right:18px;}
.page_menu .list2 .img img{display:block;}
.page_menu .list2 .text{ overflow:hidden;line-height:25px;}
.page_menu .list2 h3{ font-size:14px;color:#322e2e; font-weight:normal;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.page_menu .list2 a:hover h3{color:#4bb344}
.page_menu .list2 p{ color:#8a8686;font-size:12px;}

.news .list ul li{ padding:24px 0; border-bottom:1px dotted #dcdedb}
.news .list .img{float:left; margin-right:20px; width:252px;}
.news .list .text{overflow:hidden;line-height:27px;color:#322e2e}
.news .list .text p{ height:81px; overflow:hidden;margin:10px 0 20px;}
.news .list .text p span{color:#ff3d2b;text-decoration:underline;}
.news .list .text:after{ content:''; display:block;clear:both;}
.news .list  h3{ font-size:20px; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news .list a:hover h3{color:#4bb344}
.news .list .bottom span{float:right;display:block;line-height:23px;font-size:12px;color:#7d817b; }
.news .list .bottom .btn{ float:left;width:70px; margin-right:5px;background:#4bb344; text-align:center;color:#fff;}

.news_details .tit h2{font-size:26px; color:#000; font-weight:normal;line-height:1.5em;text-align:center;padding:15px 0;}
.news_details .tit p{ text-align:right; color:#7d817b;}
.news_details .tit{ padding-bottom:30px; border-bottom:#efefef solid 1px;}
.news_details .text{ line-height:34px;color:#000;padding:20px 0;}
.news_details .img2{text-align:center;margin-top:15px;}
.text_tips span{ display:block; color:#5c5c5c;background:url("../img/icon12.png") no-repeat left center; padding-left:15px;}
.text_tips span a{color:#000}
.text_tips{margin-top:30px;}
.text_cur span{ display:inline-block; max-width:45%;white-space:nowrap;overflow:hidden; text-overflow:ellipsis;}
.text_cur span a{color:#000}
.text_cur span:hover a{color:#eb3524; text-decoration:underline;}
.text_cur{ padding-top:20px;margin-top:20px; border-top:1px solid #efefef;}

@media only screen and (max-width: 1300px) {
 .banner .item .text{padding-bottom:0}
    .page1_list{ margin-top:0}
    .about_rt{width:50.5%}
    .page1_list ul{ padding:40px 0;}
}
@media only screen and (max-width: 1200px){
    .about_lt .img{ width:50%;}
    .about_lt .text p{ height:130px;}
    .psfz_list .box{ margin:5px;}
    .news_list a{ margin:5px;padding:20px;}
    .link_list ul li{width:33.3%; text-align:center;}
    .link_list ul li:nth-child(3n+1){clear:both;}
    .page_menu{width:210px;margin-right:20px;}
    .pagesize a{ padding:0 5px;line-height:24px;}
    .page_menu .list2{padding:10px;}
    .page_menu .list2 .img{ margin-right:10px;}
    .news_details .tit h2{ font-size:24px;}
}

@media only screen and (max-width: 900px) {
    .about_rt,.about_lt{width:100%; float:none; max-width:initial;margin-bottom:15px;}
    .about_rt img{width:100%;}
    .about_lt .img{width:auto;}
    .about_rt:after,.about_lt:after{ clear:both; content:''; display:block;}
    .banner .item .text h2{ font-size:44px;margin-bottom:.8em;}
    .page{padding:50px 0;} 
}
@media only screen and (max-width: 750px) {
    .menu { position: fixed; top: 0; left: -100%; width: 100%; height: 100%; background: #fff; }
    .menu ul li { float: none; display: block; border-bottom: 1px solid #ddd; padding: 0; }
    .menu ul li a { line-height: 45px; font-size: 18px; }
    .menu ul { padding-top: 60px; }
    .header .logo { position: relative; z-index: 1001; line-height: 60px; }
    .menu_wrap { position: absolute; top: 10px; width: 40px; height: 40px; background: url("../img/menu.png") no-repeat center center  #4bb344; background-size: 25px auto; right: 5px; }
    .h_menu .menu_wrap { background: url("../img/menu-1.png") no-repeat center center #4bb344; background-size: 25px auto; }
    .h_menu .menu { left: 0; }
    .header { line-height: 60px; }
    .mainer { margin-top: 60px; }
    .banner .img2{ overflow:hidden;}
    .banner .img2 img{max-width:initial;width:180%; margin-left:-40%; }
    .search{ float:none;clear:both;width:auto;line-height:30px;}
    .div_pos{ line-height:30px; padding:15px 0;}
    .page_menu .item{ display:none;}
    .page_menu .item.on .list{display:block;}
    .page_menu .item1 {display:block;position:relative;margin-bottom:0} 
    .page_menu{ float:none; width:100%; margin:0 auto; }
    .page_menu .tit span{display:block; background:url("../img/cur1.png") no-repeat right center;}
    .page_menu .on .tit span{ background:url("../img/cur2.png") no-repeat right center;}
    .page_menu .item .list{ padding:0 5px;position:absolute; display:none;left:0; right:0;background:#fff; z-index:10;}
    .text_cur span{width:auto;float:none;max-width:100%;line-height:30px;}
    .full{display:none;}
    .page{padding:20px 0;}
    .page_tit2{padding:0 15px;margin-bottom:10px;}
    .banner .item .text h2{ font-size:24px;}
    .banner .item .text{ font-size:16px;}
    .banner_owl{ padding:0;}
    .page1_list ul li{width:50%;margin-bottom:10px;}
    .page_tit h2{ font-size:22px;}
    .page_tit{margin-top:0px;padding-bottom:20px}
    .page_tit h2{ margin-bottom:5px;}
    .pro_list ul li{width:50%;}
    .pro_list ul li a{ margin:5px;}
    .pro_list ul{ margin:0 auto;}
    .about_lt .img{width:50%;} 
    .psfz_list ul li{width:50%;}
    .psfz_list ul li:last-child{width:100%}
    .news_list ul li{width:100%;}
    .news_list .text{height:auto;}
    .link_list{ margin-top:20px;}
    .btn a{ line-height:30px;}
    .about_lt .text{ padding:10px;}
    .page1_list ul li:nth-child(2n+1){ clear:both;}
    .news .list .img{width:150px;margin-right:10px;}
    .news .list .text p{ height:27px; margin:10px 0;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
    .news .list h3{ font-size:16px;}
    .news .list ul li{ padding:15px 0;}
    .news_details .tit h2{ font-size:18px;margin:0 20px;}
    .about_lt .text p{ margin-bottom:5px;}
    .about_rt{ margin-bottom:0}
    .psfz_list .box {padding:5px 0;}
}
@media only screen and (max-width: 340px){

    .news .list .img{width:110px;}
    .news .list .text p{ margin :0 auto;}
}


.owl-theme .owl-dots .owl-dot span { width: 30px; height: 3px; border-radius:0}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background:#4bb344}