* {margin:0;padding:0;font-family:arial;}
body{overflow-x:hidden;position:relative;font-size:14px;}
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;}
.t_j {text-align: justify!important;}
.max-width-450 {max-width:450px;}
.max-width-600 {max-width:600px;}
.p10 {padding-top:10px;padding-bottom:10px;}
.p20 {padding-top:20px;padding-bottom:20px;}
.p-20 {padding-left:20px;padding-right:20px;}
.f12 {font-size:12px;}
.f32 {font-size:32px;}
.big {font-size:4.5rem;font-weight: bold;/*color:#6ccc59;*/}
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; }
.color {color:#6ccc59;}/*文字主色调*/
.color-b {color:#6ccc59;}/*文字主色调*/
.bg-color {background-color: #6ccc59;} /*背景主色调*/
/*------------通用分隔符------------*/

.more {width:100px;height:40px;background-color:#6ccc59;border-radius:25px;text-align:center;
    line-height:40px;font-weight:bold;color:#fff;display:block;margin:20px auto;position:relative;z-index: 1;}
.more:hover {width:110px;cursor: pointer;color:#fff;}

.topbar {background:#f9f9f9;line-height:40px;height:40px;}
.wxdiv {position:absolute;top:40px;right:100px;border:4px double #aaa;z-index: 9;display:none;}
.wxdiv img {width:200px;}

#top_tag {height:128px;left:0px;line-height:128px;top:0;}
#logo {height:128px;background:url(../Image/logo.png) left center no-repeat;}
#top_tel {color:#aaa;padding-top:35px;line-height:28px;right:60px;top:0;/*background:url(../Image/tel.png) no-repeat left center;padding-left:25px;*/}
#top_tel b {font-size:24px;color:#000;}

/*主菜单*/
.menu {margin-bottom: 20px;font-size:1.5rem;text-align:justify;}
.menu li {float:left;height:70px;width:11.11%;line-height: 70px;color:#000;text-align:center;}
.menu li a {display:block;height:70px;}
.menu li a:hover {color:#6ccc59;border-bottom:3px solid #6ccc59;font-weight:bold;}
.menu li.active {display:block;height:70px;color:#6ccc59;border-bottom:3px solid #6ccc59;font-weight:bold;}
/*主菜单*/


/*手机主导航*/
#m_logo {height:100px;line-height: 100px;text-align: center;white-space:nowrap;/*background:url(../Image/m_logo.png) no-repeat;*/}

.m_menu {right:3%;top:0%;}
.m_menu:hover {opacity:0.7;}
.m_panel {background:rgba(0,0,0,0.7);display:none;position:fixed;height:100%;width:100%;z-index:99999;right:0;top:0;}
#m_menu {width:0;height:100%;background-color:#fff;float:right;}
#m_menu li {width:100%;/*background-color:#fff;*/ }
#m_menu li:first-child,#m_menu li:last-child {height:80px;width:100%;background-color:#fff; }
#m_menu li:last-child b {display:block;line-height:40px;text-align: center;font-size:24px;}
#m_menu li a {white-space:nowrap;line-height:45px;text-align:center;font-size:18px;color:#000;width:100%;display:block;}
#m_menu li a:hover ,
#m_menu li.active a{background:#6ccc59;color:#fff;}
/*手机主导航*/


.in_banner {text-align:right;color:#fff;position:relative;overflow:hidden;height:260px;width:100%; z-index:8;}
.banner_bg {width:100%;height:100%;background:url(../Image/in_banner_0.jpg) no-repeat center top fixed;}
.page_tag {text-align:left;position:absolute;left:50%;top:20%;transform: translateX(-500px);}

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


.index-01 {background:url(../Image/in_01_bg.png) center bottom -190px no-repeat;padding-left:65px;padding-right:65px;
    padding-bottom:50px;border:1px solid #eee;border-radius:15px;box-shadow: 0px 10px 20px 0px #bfbfbf;top:-50px;z-index:9999;background-color:#fff;}
.index-01 .title b {color:#000;font-size:32px;display:block;text-align:center;margin-top:15px;}
/*.index-01 .title b span {font-weight:normal;}*/
.index-01 .content .p_title {font-size:22px;padding:15px 0;font-weight:bold;}
.index-01 .content .p_content {padding:0 15px;height:40px;overflow:hidden;}
.index-01 .content ul li img{
    -webkit-transition: -webkit-transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;
    -o-transition: -o-transform 1s ease-out;
    -ms-transition: -ms-transform 1s ease-out;
}
.index-01 .content ul li:hover .p_title {color:#6ccc59;}
.index-01 .content ul li:hover img {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}
.index-02 {background:url(../Image/in_02_bg.png) center center no-repeat;min-height:610px;margin-bottom:50px;background-color:#fff;}
.index-02 .title b {color:#000;font-size:32px;display:block;text-align:center;margin-top:15px;}
/*.index-02 .title b span {font-weight:normal;}*/
.index_02_con {position:absolute;bottom:-30px;left:50%;transform:translateX(-50%); text-align:center;}
.index_02_con span {display:block;font-size:29px;}
.index_02_con b {color:#6ccc59;display:block;font-size:40px;}
.index-02 .content ul li {margin-top:50px;padding:0!important;}
.index-02 .content ul li:nth-child(2n) {float: right;}
.index-02 .content ul li img.pull-left {margin-left:25px;}
.index-02 .content ul li img.pull-right {margin-right:25px;}
.index-02 .content ul li div {width:45%;text-align:right;}
.index-02 .content ul li:nth-child(2n) div{text-align: left;}
.in02-tit {line-height:30px;font-size:20px;font-weight:bold;display:block;text-overflow:ellipsis;white-space: nowrap;}
.in02-con {line-height:25px;}


.index-03 {width:100%;margin-bottom:30px;background-color:#6ccc59;color:#fff;padding-top:90px;padding-bottom:90px;}
.index-03-left b {font-size:80px;line-height: 50px;}
.index-03-left b span {font-size:36px;}
.index-03-left div {margin:20px 0;}
.index-03-left .more {background-color:#fff;color:#000; margin:40px auto 40px 0;}
.index-03-left p span{display:block;float:left;/*text-align:right;*/margin-bottom:30px;}
.index-03 .swiper-slide div {overflow: hidden;
    width: 100%;
    height: 100%;}
.index-03 .swiper-slide img {transition: 0.2s all;}
.index-03 .swiper-slide img:hover {transform: scale(1.06);}

.index-04 .title b {color:#000;font-size:32px;display:block;text-align:center;margin-top:15px;}
/*.index-04 .title b span {font-weight:normal;}*/
.index-04 .new_tit {background: url(../Image/disc.png) no-repeat left center;padding-left: 20px;font-size:18px;line-height:45px;overflow: hidden;height: 45px;}
.index-04 .new_con {padding-left: 20px;display: block;line-height:25px;color:#999;}
.index-04 .content li {overflow: hidden;border-color:#eee;float:left;height:120px;margin-top:40px;padding-left:10px;transition:0.5s all;}
.index-04 .content li:nth-child(2n) {float:right;}
.index-04 .content li:hover {border:1px solid #eee;transform:translateY(-10px); box-shadow:6px 6px 2px #eee;transition:0.5s all;}
.index-04 .new_right {height:120px;}
.index-04 .new_date {font-weight: bold;color: #757678;position:absolute;bottom:20px;right:0px;line-height: 35px;font-size:36px;text-align:right;padding-right:2px;}
.index-04 .new_date>span {font-size:18px;font-weight: normal;}
.index-04 .more {margin-top:50px;margin-bottom:60px;}


/*内页*/
.page_title {width:100%;text-align:center;margin-top: 40px;}
.page_title i {display:block;width: 57px;margin:20px auto;height: 2px;background: #6ccc59;}
.product_tel {font-size:3rem;color:#6ccc59;text-align:right;text-overflow: ellipsis;white-space: nowrap;}
.page_des {margin-top: 20px;color:#666;}
.page_main {padding:20px;}
.page_main .page_content {max-width:1000px;margin:0 auto;}
.page_main .page_content img {max-width:100%!important;}
.page_main .p_tit {background:url(../Image/li_logo.png) no-repeat left top;background-size: 45px;padding-left:45px;line-height: 50px;}

.page_main ul li {text-align:left;padding: 15px;margin: 0 0 10px 0;background: #fff;font-size: 1.7rem;font-weight: bold;}
.page_main ul li i {background-color:#6ccc59;width:40px;height:40px;line-height:40px;color:#fff;border-radius:50%;margin-right: 15px;text-align: center;}
.msg_content {height:305px!important;}
.info_con {background-color: #6ccc59;padding: 10px;color: #fff;font-weight: bold;}
.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;}


.news_list li {margin-top:10px;}
.news_list li a {border-bottom: 1px dashed #ccc/*#6ccc59*/;transition: all 0.3s;height: 170px;background: #fff;display:block;}
.news_list li a:hover {border-bottom:none;background: #fff;box-shadow: 0 5px 5px #ccc;transform: translateY(-10px);}
.news_list_img {height: 160px; overflow: hidden;padding: 10px;text-align: center;}
/*.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;overflow:hidden;margin-top:20px;width: 100%;color: #000;}
.news_list_txt .t2{overflow: hidden;margin: 5px 0;height: 50px;font-size: 1.6rem;line-height: 25px;color: #666;}
.news_list_txt .t3 {font-size: 1.3rem;line-height: 30px;}

/*
    产品页
.news_list li {margin-top:10px;padding-top: 10px;padding-bottom: 10px;}
.news_list li a {height:130px;}
.news_list_img {height: 120px;}
.news_list_img img {height: 120px;}
.news_list_txt {height: 120px;}*/

.product_list li {/*margin-bottom: 20px !important;*/padding-bottom:0!important;padding-top:0!important;}
.product_list li a:hover img {transform: scale(1.05);transition:all 0.4s;}
.product_list_img {width: 100%;box-sizing: border-box;position: relative;overflow: hidden;}
.product_list_img img {width: 100%;transition:all 0.4s;}
.page_type_list {padding-left:15px;padding-right:15px;width:100%;text-align: justify;margin-bottom:20px;}
.page_type_list li {display:inline-block;width:auto;margin-right:15px;line-height: 60px;}
.page_type_list a {border:1px solid #aaa;border-radius:25px;padding:10px;padding-left:25px;padding-right:25px;font-size:16px;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.page_type_list a:hover {color:#6ccc59;border-color:#6ccc59;}
.page_type_list li.active a {color:#6ccc59;border-color:#6ccc59;}
/*.product_list_tit {background:rgba(0,0,0,0.7);color: #fff;padding: 15px;padding-left:5px;padding-right:5px;width: 100%;}*/
.product_list_tit{font-weight:normal;transform: translateY(-100%);background: rgba(0,0,0,.5);color: #fff;padding: 15px;padding-left: 5px;padding-right: 5px;width: 100%;}
.sy {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;
background: url(../Image/sy.png) center no-repeat;background-size: 100%;z-index: 99;}
.company {line-height:36px;font-size:16px;text-indent: 2rem;text-align:justify;}
.company_content {margin-top:30px;}
.company_content img {max-width:100%!important;}
/*内页*/


/*页面底部*/
.footer {padding-top:25px;padding-bottom:25px;background-color:#2d2d2d;color:#999;text-align:center;}
.footer .content>a {display:block;float:left;width:12.5%;line-height: 60px;}
.footer .content>a:hover {color:#6ccc59;}
.footer .footer_msg {line-height: 30px;}
.footer-bottom {width:100%;line-height: 40px;background-color:#000;color:#999;text-align:center;}
    .page-margin {height:70px;}/*空出底部导航距离*/
    /*底部导航*/
    #page-footer ul li {width:25%;}
    .page-footer {z-index:9999;background-color: #6ccc59;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;}
    .product_list_img {height:268px}
    .product_list_img img {height:268px}
    /*----内页---*/
}
@media (min-width:979px) and (max-width:1200px) {
    /*----内页---*/
    .product_list_img {height:326px}
    .product_list_img img {height:326px}
    /*----内页---*/
    .index-03-right {padding-left:8px!important;} 
}
@media (max-width:1200px) {
    .in_banner {height: 400px;}
    .banner_bg {background:url(../Image/m_in_banner.jpg) no-repeat;background-size: 100%;}
    #logo {height:80px;background:url(../Image/logo.png) left 10px center no-repeat;background-size:80%;}
    #top_tel {top:-20px;right: -20px;}
}
@media (min-width:768px) {}
@media (min-width:768px) and (max-width:978px) {
    /*----内页---*/
    .product_list_img {height:244px;}
    .product_list_img img {height:244px;}
    #m_menu li a {line-height: 60px;}
    /*----内页---*/
    .in_banner {height: 300px;}
    .index-02 .content ul li div {width:65%;}
}

@media (max-width:767px) {
    /*----内页---*/
    .page_main iframe {width:100%!important;}/*限制视频宽度*/
    .bdshare-slide-button {display:none!important;}/*分享按钮隐藏*/
    .max-width-600 {width:100%!important;}
    .news_list li {padding:0;}
    .prev_page , .next_page {padding:0;}
    .prev_page {margin-bottom:10px;}
    .product_list_img {height:104px;}
    .product_list_img img {height:104px;}
    .page_type_list li {width:50%;margin-right:0;}
    .page_type_list li a {padding:0;padding-left:15px;width: 100%;height: 30px;line-height: 30px;display: block;}
    .page_tag {display: none;}
    .big {font-size:3.5rem;}
    .title b {font-size:24px!important;}
    .product_list_tit {padding:5px;}
    /*----内页---*/
    .in_banner {height: 150px;}
    /*#m_logo {background-position: center;}*/
    .index-01 {padding-left:15px;padding-right:15px;top:0;box-shadow: 0px 2px 20px 0px #bfbfbf;} 
    .index-02 {background:none;}
    .index-02 .content ul li div {width:65%;padding-left: 10px;padding-right: 10px;}
    .index_02_con {transform:unset;position:unset;margin-top: 20px;}
    .index-04 .content li:hover {box-shadow: unset;border:0px;}
    .index-04 .content li:nth-child(2n) {float: left;}
    .index-04 .new_left {padding:0;}
    .index-04 .new_date {width:120px;left:0!important;}
    #in_mess_box ul li:first-child {padding-bottom:0;}
    .footer .content>a {display:none;}
    .contact_tel {float:left!important;}
}
}