* {margin:0;padding:0;font-family:arial;}
html {font-size:10px;}
body{overflow-x: hidden; position:relative;}
ul,ol{margin:0;padding:0;list-style: none;}
.relative {position:relative;}
.absolute {position:absolute;}
.bold {font-weight: bold;}
.block {display:block;}
.center {margin:0 auto;}
.max-width-450 {max-width:450px;}
.max-width-600 {max-width:600px;}
.max-width-800 {max-width:800px;}


.m0 {margin:0;}
.m5 {margin:5px;}
.m10 {margin:10px;}
.m20 {margin:20px;}
.ml0 {margin-left:0!important;}
.mr0 {margin-right:0!important;}

.p0 {padding:0;}
.p5 {padding:5px;}
.p10 {padding:10px;}
.p20 {padding:20px;}
.p-20 {padding-top:20px;padding-bottom:20px;}
.pl0 {padding-left:0!important;}
.pr0 {padding-right:0!important;}

.f12 {font-size:1.2rem;}
.f16 {font-size:1.6rem;}
.f24 {font-size:2.4rem;}
.f32 {font-size:3.2rem;}
.f35 {font-size:3.5rem;}
.big {font-size:4.5rem;font-weight: bold;color:#02a852;}
a {color:inherit;text-decoration:none!important;cursor :pointer;outline: none; 
   transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;-o-transition: all 0.5s;}
a:hover {color:inherit;}
.transition1s{ transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s; }
.white {color:#fff;}
.border-none {border:none;}
.fs {/*font-family: 'STFangsong'!important;*/}
.input-bg {background-color: #00863e;}
.color {color:#02a852;}/*文字主色调*/
.color-b {color:#02a852;}/*文字主色调*/
.bg-color {background-color: #02a852;} /*背景主色调*/
/*------------通用分隔符------------*/

.location-tag {line-height: 30px;color:#aaa;padding:20px 0;}

.more {}
.more:hover {}
.top_bar {height:60px; line-height: 60px;font-size:18px;background:#f5f5f5;}
.top_bar a {font-size:16px;}
.top_bar .container {background:url(../images/keyli.png) no-repeat left 20px top 20px;padding-left:50px;}
#header {height:115px;line-height:115px;}
#logo {height:115px;}
#logo span {padding-left:20px;font-size:1.6rem;color:#02a852;font-weight:normal;}
#top_tag {font-size:1.6rem;color:#02a852;}
#top_tel {background:url(../images/top_tel.png) left center no-repeat;line-height:24px;padding-left:50px;padding-top:30px;font-size:1.6rem;height:115px;color:#02a852;}
#top_tel span {color:#02a852;}

/*主菜单*/
.menu {background-color:#02a852;width:100%;}
.menu ul {height:60px;font-size:16px;background-color:#02a852;margin:0 auto;}
.menu ul li {width:11.11%;padding:0;float:left;text-align: center;}
.menu ul li a {height:60px;line-height:60px;width:100%;display:block;color:#fff;}
.menu ul li a:hover {background-color:#fad70b;color:#02a852;}
.menu ul li.active a {background-color:#fad70b;color:#02a852;}
/*主菜单*/

/*手机主导航*/
.logo {font-size:2.5rem;font-weight:bold;line-height:70px;text-align:center;text-overflow: none;white-space: nowrap;overflow: hidden;}
.m_menu {padding-top: 20px;text-align: right;}
.m_menu:hover {opacity:0.7;}
.m_panel {background:rgba(0,0,0,.7);display:none;position:fixed;height:100%;width:100%;z-index:999999;right:0;top:0;}
#m_menu {width:0;height:100%;float:right;    background: #fff;}
#m_menu li {width:100%;}
#m_menu li:first-child {height:70px;width:100%; }
#m_menu li:last-child {background-color:#eee;height: 100%;padding-top:15px;line-height:40px;font-size:24px; text-align: center;}
#m_menu li:last-child b{display:block;margin:0 auto;text-align: center;}
#m_menu li a {white-space:nowrap;line-height:50px;text-align:center;font-size:1.8rem;color:#000;width:100%;display:block;}
#m_menu li a:hover {background:#02a852;color:#fff;}
#m_menu li.active a {background:#02a852;color:#fff;}


.index-01 {width:100%;padding-top:40px;}
.index-01-left {min-height:705px;color:#fff;background-color:#02a852;border-radius: 10px;}
.pro_type {width:100%;margin-top:30px;padding-bottom:20px;}
.pro_type>a {text-align:center;display:block;line-height:35px;margin-bottom:20px;font-size:18px;background:#4acb4a;}
.pro_type>a:hover {background: #fad70b;}
.sub-type {padding-bottom:10px;display:flex;flex-flow: row wrap;}
.sub-type:after {content:'';display:block;clear:both;}
.sub-type a {position:relative;overflow:hidden;white-space: nowrap;line-height:30px;flex:1;text-align:center;flex-basis: 33%;box-sizing:border-box; /*display:block;width:30%;float:left;padding-left:17px;*/}
.sub-type a:after {content:'|';position:absolute;right:0;}
.sub-type a:nth-child(3n):after {content:'';}
.sub-type a:hover {color:#fad70b;font-weight:bold;}
.index-01-left .left_tel {padding-left:100px;text-align: left;font-size:1.6rem;background:url(../images/left_tel.png) no-repeat 30px center;}
.index-01-left .left_tel b {font-size: 2rem;}
.index-01-left .left_contact {text-align: left;padding-left:16px;line-height: 32px;font-size:1.6rem;}
.index-01-left p {color:#fff;height: 70px;line-height: 70px;text-align:center;padding-top:15px;}
.index-01-left-list {padding:10px;padding-left: 25px;text-align: justify;}
.index-01-left-list li {float:left;margin-bottom:8px;font-size:14px;}
.index-01-left-list li:last-child {margin-bottom: 18px;}
.index-01-right-title {color:#fff;padding:0 32px 0 32px;background-color:#02a852;height:70px;line-height: 70px;}
.index-01-right-list {padding-top:30px;margin:0px;min-height:635px;background:#f7f7f7;}
.index-01-right-list li {overflow:hidden;float:left;margin-bottom:40px;}
.index-01-right-list li img {width:100%;}
.index-01-right-list li span {line-height: 47px;height:47px;background:#efefef;color:#222;transition:0.4s all;transform: translateY(0%);width:100%;display:block;text-align:center;}
.index-01-right-list li:hover span {background:#fad70b;color:#02a852;transition:0.4s all;}
.index01-mtype {margin:10px auto;}
.index01-mtype-title {border: 4px solid #f7f7f7;line-height:30px;margin-bottom:10px;display:block;text-align:center;color:#fff;background-color:#02a852;float:left;}
.index01-mtype-title:hover {background-color:#fad70b;}
.index01-mtype-title a {display:block;}

.middle-banner {margin-top:40px;height:171px;background:#02a852;}
.middle-banner .middle_left_img {position:absolute;left:40px;top:20px;}
.middle-banner .middle_center {line-height:40px;color:#fff;font-size:1.8rem;position:absolute;left:0%;top:45px;}
.middle-banner .middle_center b {font-size:3.5rem;display:block;font-weight:500;margin-bottom:10px;}
.middle-banner-panel {padding-top:20px;position:absolute;right:15px;top:0px;width:285px;height:151px;border:7px solid #fff;text-align:center;color:#fff;border-top:0px;}
.middle-banner-panel span {display:block;line-height: 30px;}
.middle-banner-panel .btn {margin-top:10px;}



.index-02 {width:100%;}
.index-02-list {color:#fff;}
.index-02-title {font-size:18px;height:60px;margin-top:40px;margin-bottom:45px;color:#000;text-align: center;}
.index-02-title b {font-size:35px;color:#02a852;display:block;}
.index-02-01,.index-02-02,.index-02-03,.index-02-04,.index-02-05 {position:relative;padding:0px;height:379px;margin-bottom:20px;}
.in02-img {position:relative;z-index: 1;margin:0 auto;transition:1s all;}
.index-02-list-panel {cursor: pointer;line-height: 30px;width: 222px;text-align: justify;padding: 10px;padding-top: 130px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);background:#02a852;border-radius:15px;height:280px;}
.index-02-list b {font-weight:normal;width:50%;text-align:center;display:block;margin:0 auto;font-size:18px;}
.index-02-list i {transition:all 0.5s;background-color:#fff;display:block;margin:0 auto;height:1px;width:30px;margin:5px auto;}


.index-03 {background-color:#f7f7f7;}
.index-03-company {padding-right:40px;padding-bottom:50px;}
.index-03-company img {width:100%;margin-bottom:30px;}
.index-03-company-title {line-height: 90px;}
.index-03-company-title b{font-weight:normal;font-size: 32px;color:#02a852;}
.index-03-company-title span {font-size:16px;padding-top:5px;}
.index-03-company>span {text-align:justify;display:block;font-size:16px;line-height: 35px;}
.index-03-news-list li {height:112px;margin-bottom:10px;background-color:#fff;padding-top:10px; transition:0.4s all;}
.index-03-news-list li p {line-height:112px;width:14%;float:left;}
.index-03-news-list li i {width:47px;height:47px;margin:22px auto;line-height:47px;text-align:center;font-weight:bold;font-size:22px;background-color:#02a852;color:#fff;font-weight:bold;display:block;}
.index-03-news-list li div {margin-left:15px;width:80%;float:left;}
.index-03-news-list li div a {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 30px;font-size:16px;font-weight:bold;display:block;}
.index-03-news-list li div span {line-height: 28px;color:#b3b3b3;}
.index-03-news-list li:hover {cursor:pointer;box-shadow: 4px 6px 1px #aaa;transform:translateY(-4px);transition:0.4s all;}
.index-03-news-list li:last-child {margin-bottom:20px;}


.index-04 {margin-bottom:40px;}
.index-04-title {height:90px;line-height: 90px;margin-top:20px;}
.index-04-title b {font-size: 32px;font-weight:normal;color:#02a852;float:left;margin-right:30px;}
.index-04-title p {color:#b3b3b3;font-size:18px;}
.index-04-title span {font-size:16px;padding-top:5px;}
.index-04-list {width:80%;margin:0 auto;}
.in04-prev {left:-100px!important;}
.in04-next {right:-100px!important;}
.in04-prev,.in04-next {background-size: 26px 26px!important;font-size: 2.6rem;text-align: center;background: #02a852;color: #fff;line-height: 53px;height: 53px!important;width: 53px!important;}
.index-04-list .demoproduct .swiper-wrapper img {transition: 0.4s all;}
.index-04-list .demoproduct .swiper-wrapper img:hover {transform:scale(1.05);}
.swiper-container {width:100%;}


/*内页*/
.in_banner {position:relative;overflow:hidden;height:300px;width:100%; z-index:8;}
.banner_bg {width:100%;height:100%;background:url(../images/in_banner.jpg) no-repeat center top;}
.page_tag {position:absolute;left: 50%;
    transform: translateX(-550px);top:20%;color:#fff;text-align:left;}

.title {padding-top:20px;padding-bottom:20px;}
.title>div {padding-top:20px;text-align: center;}

.page_title {width:100%;margin-top: 20px;}
.page_title i {display:block;width: 57px;margin:20px auto;height: 2px;background: #ccc;}
.page_des {margin-top: 20px;color:#666;}
.page_main {padding:20px;}
.page_main p {line-height: 3rem;font-size:16px;}
.page_main img {max-width:100%;}
.page_main table {max-width:100%!important;}
.page_main_tag { border: 1px solid #f5f5f5;border-left: 0;border-right: 0;margin-bottom: 20px;line-height: 36px;}
.page_contact ul li {text-align:left;padding: 15px;background: #fff;margin: 0 0 10px 0;font-size: 2.3rem;font-weight: bold;}
.page_contact ul li i {background-color:#02a852;width:40px;height:40px;line-height:40px;color:#fff;border-radius:50%;margin-right: 15px;text-align: center;}
.page_main_hot {border-top:1px solid #ddd;line-height: 36px;padding-top:10px;margin:20px 0;}
.page_main_hot b {font-size:20px;}
.page_main_hot li {border-bottom:1px dashed #ddd;}
.page_main_hot:after {content:'';display:block;clear:both;}
.page_main_hot li a:hover {color:#02a852;}
.msg_content {height:200px!important;}
.prev_next {margin-top:20px;}
.prev_next>div>span a{display: inline-block;width: 100%;}
.prev_next>div>span {line-height:60px;border:1px solid #eee;background-color:#fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width:100%;height:100%;padding-left:20px;padding-right:20px;}
.prev_next>div:hover span {background:#02a852;color:#fff;}

.info-back {float:left;line-height:60px;}
.info-back a {border-radius: 15px;text-align:center;overflow:hidden;background:#888;color:#fff;padding:5px 20px;}
.share_to {float:left;line-height:60px;}
.share_to li{display: inline-block;line-height: 30px;}
.share_to li a {font-size:22px;background:#1493d0;display: inline-block;vertical-align: middle;margin: 0 10px 0 0;color: #FFF;border-radius: 50%;text-align: center;line-height: 30px;width: 30px;height: 30px;overflow: hidden;}
.share_to li:nth-child(2n) a {background:#f40;}
.share_to li:last-child a {background:#3dc464;}
.bd_weixin_popup_foot:after {content:'　';display:block;clear:both;}

.news_list li {margin-top:10px;}
.news_list li a {transition: all 0.3s;height: 170px;background: #fff;display:block;}
.news_list li a:hover {background: #fff;box-shadow: 0 5px 5px #ccc;transform: translateY(-10px);}
.news_list_img {height: 160px; overflow: hidden;}
.news_list_img img {height: 160px;}
.news_list_txt {position:relative;height: 160px;overflow: hidden;padding: 0 20px !important;}
.news_list_txt .t1{font-size: 1.8rem;font-weight: bold;line-height: 20px;height:20px;margin-top:20px;width: 100%;color: #000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_list_txt .t2{overflow: hidden;margin: 5px 0;height: 75px;font-size: 1.6rem;line-height: 25px;color: #666;}
.news_list_txt .t3 {font-size: 1.3rem;line-height: 30px;white-space: nowrap;overflow:hidden;}


.product_list li {margin-bottom: 30px !important;}
/*.product_list li a:hover img {transform: scale(1.1);transition:all 1s;}*/
.product_list li a:hover .product_list_img {border-color:#000;}
.product_list li a:hover .product_list_tit {background: #000;}
.product_list_img {width: 100%;box-sizing: border-box;position: relative;overflow: hidden;}
.product_list_img img {width: 100%;/*position:absolute;top:50%;transform:translateY(-50%);*//*transition:all 1s;*/}
.product_list_tit {background: #02a852;color: #fff;padding: 7px;width: 100%;}
.sy {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;
background: url(../images/sy.png) center no-repeat;background-size: 100%;z-index: 99;}
/*内页*/


/*页面底部*/
.footer {background-color:#02a852;color:#fff; padding-top:30px;}
.footer .row {margin-bottom: 20px;}
.footer-nav {display: none;}
.footer-nav a {display:block;text-align:center;flex:1;line-height: 120px;font-size:16px;}
.footer-nav a:hover {color:#fad70b;}
/*.footer-left {padding-left: 60px;}*/
.footer-left-title {height:40px;line-height:40px;padding-left:5px;margin-bottom:10px;}
.footer-left-title b {    padding-left: 10px;font-weight:normal;font-size: 3rem;float:left;}
.footer-left-title>span {float:right;}
.footer-left-content {line-height: 32px;}
.footer-right{}
.footer-right-title {height:40px;line-height:40px;font-size: 3rem;float:left;margin-bottom:20px;}
.footer-right-content {line-height: 32px;}
.footer-bottom {text-align:center;min-height:45px;width:100%;line-height: 45px;font-size: 1.4rem;background-color:#00863e;}
.footer-bottom .container, 
.footer-bottom .container span {color:#bbb;}
.footer-bottom i{margin:0 20px;}

.page-margin {height:70px;}/*空出底部导航距离*/
    /*底部导航*/
    #page-footer ul {z-index:99999;}
    #page-footer ul li {width:25%;}
    .page-footer {background-color: #02a852;position: fixed;bottom: 0;left:0;width: 100%;margin:0;}
    .page-footer li {float:left;height:70px;line-height:50px;text-align: center;padding:10px 0;}
    .page-footer li a {width:100%;height:100%;text-align:center;color:#f9f4ee;}
    .page-footer li:hover {background:#000;}
    .page-footer li a i{font-size: 24px;color: #f9f4ee;display: block;margin-bottom: -10px;}
    #page-footer.five ul li {width:20%!important;}
    .top {line-height:50px;font-size: 36px;color: #f9f4ee;}
    .top_li {display:none;}
    .five .top_li {display:block;}
    /*底部导航*/
/*页面底部*/

@media (min-width:1260px) {
	.container {width:1200px;}/*内容区宽度*/
	.index-02-list>div:hover .index-02-list-panel{background:#fad70b;color:#02a852;}
	.index-02-list>div:hover .index-02-list-panel i {width:60px;transition:all 0.5s;}
	.index-02-list>div:hover img {transform:rotateZ(360deg);transition:1s all;}
}
@media (min-width:979px) and (max-width:1200px) { /*ipad-pro*/
    .middle_left_img {left:10px!important;}
    .middle-banner-panel {right:10px!important;}
    #logo {background-size:100%;}
}
@media (min-width:992px){
	.in02-slide  {width:20%!important;}
    .footer {padding-top:0;}
    .footer-nav {display:flex;}
}
@media (min-width:978px) {
    .col-md-20 {width:20%;}
    .index-01-right-list li {height:260px!important;}
}
@media (min-width:768px) {
}
@media (min-width:768px) and (max-width:978px) {
    #logo {background-size:100%;}
    .index-01-right-list li {height:300px!important;}
}

@media (max-width:767px) {
    .location-tag {padding:0;border-bottom:1px solid #eee;}
    .big,.f35 {font-size: 20px;font-weight: bold;}
    .f32 {font-size: 2.2rem;}
    #logo {height:unset;background:none;}
    #logo b {font-size:20px;}
    #header {line-height:65px;height:65px;}
    .menu ul {height:90px;padding:0;}
    .menu ul li {width:20%;font-size:14px;line-height:45px;}
    .menu ul li a {line-height:45px;height:45px;}
	.m_menu {padding-top:0;}
    .index-01-right-title {
    height: 45px;
    line-height: 45px;}
    .index-01-right-list {min-height:unset;}
    .index-01-left {min-height:unset;margin-bottom:20px;background: none;}
    .index-01-left p {background: #02a852;padding-top:0;height:45px;line-height: 45px;}
    .pro_type {display:flex;flex-flow:row wrap;margin-top:0;margin-bottom:0;padding:0;}
    .pro_type>a {flex:1;flex-basis:30%;font-size:14px;margin-bottom:5px;margin-right:1.11%;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

    .next_page {margin-top:20px;}
    .news_list li a {height:150px;}
    .news_list li a:hover {background: #fff;box-shadow: 0 0px 0px;transform: translateY(0px);}
    .news_list_txt {padding:0!important;}
    .page_tag {display:none;}
    .middle-banner-panel{position: unset;margin: 0 auto;}
    .max-width-450,.max-width-600 {max-width:100%!important;}
    .banner_bg {background-size:600px;}
    .in_banner {height:100px;}
    .index-01-right-list li span {line-height: 32px;height:32px;}
    .index-02-title b {font-size:24px;}
    .index-02-title {font-size: 14px;}
    .index-03-company {padding-right:10px!important;}
    .index-03-news-list li div span {line-height: 20px;}
    .in04-prev {left:-45px!important;}
    .in04-next {right:-45px!important;}
    .in04-prev, .in04-next {line-height: 40px;height: 40px!important;width: 40px!important;}
    .index-02-list b {font-size:18px;width:100%;}
    .in02-img {width: 165px;}
    .index-02-01, .index-02-02, .index-02-03, .index-02-04 {height:286px;font-size:12px;margin-bottom:50px;}
    .index-02-list-panel {line-height: 18px;width: 162px;height: 220px;padding-top: 100px;bottom: -20px;}
    .footer-left {padding-left:15px;}
    .msg_content {height: 105px!important;}
    .page_contact ul li {
    padding: 5px 15px;
    margin: 0 0 5px 0;
    font-size: 1.5rem;}
}