body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { padding: 0; margin: 0; }
body{
    font-family: 'Helvetica Neue','Hiragino Sans GB','WenQuanYi Micro Hei','Microsoft Yahei',sans-serif;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    outline: none;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: "liga","kern";
    font-size: 14px;
}
ul,li,ol{ list-style: none;}
img{ border: none;}
a{ text-decoration: none;}
a:hover{ text-decoration: none;}
.clear:after{
    content: '';
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
    clear: both;
    visibility: hidden;
}
.fl{ float: left;}
.fr{ float: right;}
.w100{ display: block; width: 100%;}
*{
    transition: all 0.1s;
    -moz-transition: all 0.1s; /* Firefox 4 */
    -webkit-transition: all 0.1s; /* Safari and Chrome */
    -o-transition: all 0.1s; /* Opera */
}
button{ outline: none!important;}
.c_container{ width: 100%; max-width: 1300px; margin: 0 auto; padding: 0 10px;}


/* header */
.header{ width: 100%; height: 60px; background: #fff;}
.logo{ width: 30%; height: 60px; padding: 10px 0 10px 0;}
.logo a{ display: block; height: 100%; width: 100%;}
.logo a img{ display: block; height: 100%;}

.nav_app{ width: 30px; padding: 20px 0 0 0;}
.nav_app span{
    display: block; height: 3px; background: #0da141; width: 100%; margin-bottom: 5px;
    -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;
}

.nav_app.open span:nth-child(1){
    -webkit-transform: rotate(45deg) translate(8px,5px);
    -moz-transform: rotate(45deg) translate(8px,5px);
    -o-transform: rotate(45deg) translate(8px,5px);
    -ms-transform: rotate(45deg) translate(8px,5px);
    transform: rotate(45deg) translate(8px,5px);
}
.nav_app.open span:nth-child(2){ opacity: 0;}
.nav_app.open span:nth-child(3){
    -webkit-transform: rotate(-45deg) translate(7px,-3px);
    -moz-transform: rotate(-45deg) translate(7px,-3px);
    -o-transform: rotate(-45deg) translate(7px,-3px);
    -ms-transform: rotate(-45deg) translate(7px,-3px);
    transform: rotate(-45deg) translate(7px,-3px);
}

.tel_app{ display: none; line-height: 100px; color: #000; font-size: 18px;}
.tel_app i{ font-size: 22px;}

.search{ display: none; position: relative; height: 100px; margin: 0 25px 0 15px;}
.search_icon{ width: 30px; height: 100px; line-height: 100px; text-align: center; cursor: pointer;}
.search_icon i{
    font-size: 22px; color: #000;
    -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;
}
.search i:hover{ color: #0da141; font-size: 28px;}

.search_box{ display: none; padding-top: 33px; height: 34px; width: 220px;}
.search_box input{ height: 34px; line-height: 34px; border: 1px solid #ddd; width: 150px; padding: 0 5px; outline: none; margin-right: 2px;}

.nav_pc{ display: none; height: 100px;}
.nav_pc ul{ padding-top: 30px; height: 100px;}
.nav_pc li{ float: left; height: 100px;}
.nav_pc li>a{ display: block; border-radius: 20px; width: 80px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #333;}
.nav_pc li:hover>a,
.nav_pc li>a:hover,
.nav_pc li.active>a{ background: #0ba140; color: #fff;}

.nav_pc li div.menuList_pc{
    position: absolute; width: 100%; top: 100px; z-index: 999; left: 0; background: #fff; height: 100px; line-height: 100px;
    border-top: 1px solid #efeff1; text-align: center; display: none;
}
.nav_pc li div.menuList_pc a{ color: #333; font-size: 14px; margin: 0 20px;}
.nav_pc li div.menuList_pc a:hover{ color: #0ba140;}

.nav_pc li:hover div.menuList_pc{ display: block;}

.menuList{ display: none; width: 100%; position: fixed; left: 0; top: 60px; right: 0; bottom: 0; z-index: 999;}
.menuList_box{ width: 44%; position: absolute; right: 0; top: 0; z-index: 100; height: 100%; bottom: 0; background: #333; padding: 0 5%;}
.menuList_box li{ border-bottom: 1px solid #444;}
.menuList_box li>a{ display: block; width: 100%; line-height: 46px; font-size: 14px; color: #fff; text-align: center;}
.menuList_box li div.menuList_app{ width: 100%; display: none; padding-bottom: 10px;}
.menuList_box li div.menuList_app a{ display: block; line-height: 26px; text-align: center; font-size: 12px; height: 26px; color: #fff;}


.menuList_bg{ position: absolute; left: 0; top: 0; z-index: 10; width: 100%; height: 100%;}



@media (min-width: 768px){
    .header{ height: 100px;}
    .logo{ width: 162px; height: 100px; padding: 23px 0;}
    .nav_app{ display: none;}
    .nav_pc{ display: block;}
}
@media (min-width: 900px){
    .nav_pc li{ margin-left: 15px;}
}

@media (min-width: 1300px){
    .tel_app,
    .search{ display: block;}
}


/* banner */
.banner{ width: 100%; position: relative;}
.BannerIcon{ width: 100%; position: absolute; left: 0; bottom: 10px; z-index: 100; text-align: center;}
.BannerIcon span{ display: inline-block; border-radius: 100%; background: #fff; opacity: 0.3; width: 8px; height: 8px; margin: 0 2px;}
.BannerIcon span.swiper-active-switch{ opacity: 1;}


/* product */
.productIndex{ width: 100%; padding: 5% 0;}
.grayBg{ background: #efeff1;}

.theTitle{ width: 100%;}
.theTitle_tit{ width: 100%; color: #0ca23f; font-size: 16px; text-align: center; line-height: 30px; font-weight: bold;}
.theTitle_list{ width: 100%;}
.theTitle_list ul{ padding: 10px; text-align: center;}
.theTitle_list li{ display: inline-block; margin: 0 5px;}
.theTitle_list li a{ display: block; width: 100%; height: 30px; line-height: 30px; text-align: center; padding: 0 8px; color: #333;}
.theTitle_list li.active a{ border: 1px solid #0ba140; border-radius: 15px;}

.productMain{ width: 100%;}
.productMain li{ margin-bottom: 10px;}
.productMain li a{ display: block; width: 100%;}

@media (min-width: 768px){
    .theTitle_tit{ width: auto; float: left; height: 50px; line-height: 50px; position: relative; padding-left: 10px;}
    .theTitle_tit:after{ content: ''; width: 2px; height: 20px; background: #0ca23f; position: absolute; left: 0; top: 15px;}
    .theTitle_list{ float: right; width: auto;}
    .productIndex{ padding: 20px 0 30px 0;}
    .productMain{ margin-top: 10px;}
    .productMain .row{ margin-left: -9px; margin-right: -9px;}
    .productMain li{ margin-bottom: 18px; padding-left: 9px; padding-right: 9px;}
}

@media (min-width: 1024px){
    .productIndex{ padding: 50px 0 60px 0;}
}

.line{ width: 100%; max-width: 1300px; margin: 0 auto; position: relative;}
.line:after{ content: ''; position: absolute; left: 10px; top: 0; height: 1px; background: #efeff1; right: 10px;}


/* case-index */
.caseMain{ width: 100%;}
.caseMain li{ margin-bottom: 10px;}
.caseMain li a{ display: block; width: 100%; position: relative;}
.caseMain li a span{ display: block; width: 100%;}
.caseMain li a div{ display: none; width: 100%; height: 100%; padding: 0 10px; position: absolute; left: 0; top: 0; z-index: 99; background: rgba(0,0,0,0.5);}
.caseMain li a div p{ text-align: center; color: #fff; display: table; width: 100%;height: 100%; font-size: 16px;}
.caseMain li a div p font{ display: table-cell; vertical-align: middle;}
.caseMain li a:hover div{ display: block;}

@media (min-width: 768px){
    .caseMain{ margin-top: 10px;}
    .caseMain .row{ margin-right: -9px; margin-left: -9px;}
    .caseMain li{ padding-left: 9px; padding-right: 9px;}
    .caseMain li a div p{ font-size: 18px;}
}

@media (min-width: 1300px){
    .caseMain li a span{ height: 300px; overflow: hidden;}
}


/* about-index */
.brief{ padding-top: 20px;}
.brief h5{ color: #0ba140; position: relative; padding: 15px 0;}
.brief h5:before{ content: ''; width: 40%; left: 0; top: 50%; border-top: 1px solid #0ba140; position: absolute;}
.brief h5:after{ content: ''; width: 40%; right: 0; top: 50%; border-top: 1px solid #0ba140; position: absolute;}

.profile{ color: #333; line-height: 24px; font-size: 14px;}
.about_more a{ color: #0ba140;}


@media (min-width: 768px){
    .brief{ padding-top: 0;}
}

@media (min-width: 1300px){
    .brief{ padding-top: 20px;}
    .brief h5{ font-size: 18px;}
    .profile{ font-size: 16px; line-height: 30px;}
}


/* news-index */
.newsMain{ width: 100%;}
.newsMain .row{ margin-left: -10px; margin-right: -10px;}
.newsMain .row>div{ padding-left: 10px; padding-right: 10px;}

.newsFirst{ width: 100%; border: 1px solid #e6e6e6;}
.newsFirst a{ display: block; color: #333;}
.newsFirst a span{ display: block; width: 100%; margin-bottom: 10px;}
.newsFirst a h5{ position: relative; font-size: 14px; margin-bottom: 10px; line-height: 30px; height: 30px; overflow: hidden; display: block; padding: 0 10px;}
.newsFirst a h5:after{ content: ""; width: 20%; position: absolute; left: 10px; bottom: 0px; border-bottom: 1px solid #333;}
.newsFirst a p{ overflow: hidden; line-height: 20px; height: 40px; font-size: 12px; padding: 0 10px;}
.newsFirst a font{ text-align: right; width: 100%; padding: 10px; display: block;}
.newsFirst a:hover{ background: #0ba140; color: #fff;}
.newsFirst a:hover h5:after{ content: ''; border-bottom: 1px solid #fff;}

.newsOthers{ width: 100%; margin-top: 15px;}
.newsOthers dl{ width: 100%; margin-bottom: 15px;}
.newsOthers dl a{ display: block; color: #666; position: relative; border: 1px solid #fff;}
.newsOthers a dt{ text-align: center; width: 70px; border-right: 1px solid #c8c8c8; font-weight: normal;}
.newsOthers a dt span{ display: block; font-weight: bold; font-size: 30px; height: 34px; line-height: 34px;}

.newsOthers a dd{ position: absolute; left: 80px; right: 0; top: 0;}
.newsOthers a dd h5{ height: 30px; line-height: 30px; overflow: hidden; color: #333; font-size: 15px;}
.newsOthers a dd p{ height: 20px; line-height: 20px; overflow: hidden; font-size: 12px;}

.newsOthers dl a:hover{ border: 1px solid #0ba140;}
.newsOthers dl a:hover dt{ background: #0ba140; color: #fff; border-right: 1px solid #0ba140;}


@media (min-width: 768px){
    .newsMain{ margin-top: 10px;}
}
@media (min-width: 1300px){
    .newsFirst a h5{ font-size: 18px; height: 45px; line-height: 45px;}
    .newsFirst a p{ font-size: 14px; line-height: 24px; height: 48px;}
    .newsFirst a span{ height: 250px; overflow: hidden;}
}

/* footer */
.footer{ width: 100%; background: #efeff1;}
.footer_top{ width: 100%; background: #e5e5e5; padding: 0 0 25px 0;}
.footer_top li a{ display: block; width: 100%; padding: 25px 8% 0 8%; position: relative; color: #000; font-size: 15px;}
.footer_top li a i{
    position: absolute; right: 15%; top: 15px; font-size: 40px; color: #0ba140;
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#b0cd03), to(#037036));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media (min-width: 768px){
    .footer_top{ padding: 20px 0;}
    .footer_top li.even{ border-left: 1px solid #cfcfd1; border-right: 1px solid #cfcfd1;}
}
@media (min-width: 1300px){
    .footer_top{ padding: 30px 0;}
    .footer_top li a{ font-size: 18px; padding: 15px 8%;}
    .footer_top li a i{ font-size: 56px; top: 0;}
}

.footer_bot{ width: 100%; padding: 20px 0;}
.footer_bot_some{ width: 100%;}
.footer_navList{width: 100%;}
.footer_navList .row{
    width: 100%; margin: 0;
    display: -webkit-flex; display: flex;
    -webkit-flex-wrap: wrap; flex-wrap: wrap;
}
.footer_navList dl{
    margin-bottom: 10px;
    -webkit-align-content: stretch; align-content: stretch;
}
.footer_navList dt{ font-size: 15px; font-weight: normal;}
.footer_navList dt a{ color: #010101; display: block; height: 24px; line-height: 24px;}
.footer_navList dd a{ color: #666; line-height: 24px;}
.footer_navList dt a:hover,
.footer_navList dd a:hover{ color: #0ba140;}

.footer_contact{ width: 100%; color: #000; text-align: center;}
.footer_contact font{ font-size: 24px; display: block;}
.footer_contact ul{ width: 300px; margin: 10px auto 0 auto;}
.footer_contact li{ float: left; background: #fff; padding: 7px; margin: 0 5px; font-size: 13px;}
.footer_contact li span{ display: block; width: 126px; height: 126px; overflow: hidden; margin-bottom: 5px;}

@media (min-width: 768px){
    .footer_contact{ font-size: 16px;}
    .footer_contact font{ font-size: 28px;}
    .footer_contact ul{ width: 332px;}
    .footer_contact li{ padding: 10px; margin: 0 10px; font-size: 14px;}
    .footer_contact li span{ margin-bottom: 10px;}
}

.footer_info{ border-top: 1px solid #dddddf; margin-top: 20px; padding: 20px 0;}
.footer_link{ margin-bottom: 10px;}
.footer_link_some{ color: #000; font-size: 13px; line-height: 24px;}
.footer_link_some a{ color: #000; margin: 0 3px;}
.footer_link_some a:hover{ color: #0ba140;}

.footer_link_other{ line-height: 24px; color: #000; font-size: 13px;}
.footer_link_other a{ color: #000; margin: 0 3px;}
.footer_link_other a:hover{ color: #0ba140;}

.footer_icp{ line-height: 22px; font-size: 13px;}

@media (min-width: 1024px){
    .footer_bot{ padding: 40px 0 20px 0;}
    .footer_link_some,
    .footer_link_other,
    .footer_icp{ font-size: 14px;}
}

@media (min-width: 1300px){
    .footer_bot{ padding: 60px 0 20px 0;}
    .footer_navList{ width: 820px; float: left;}
    .footer_contact{ float: right; width: 332px;}
    .footer_info{ margin-top: 40px; padding-top: 40px;}
    .footer_icp{ text-align: right;}
}

/* 关于我们 */
.about_profile{ width: 100%; background: #f2f2f2; padding: 20px 0;}
.about_profile_box{ width: 100%; max-width: 1100px; margin: 0 auto; background: #0da141; padding: 10px;}
.about_profile_text{ width: 100%; padding-top: 20px; color: #fff; line-height: 20px; font-size: 12px;}
.about_profile_text h1{ font-size: 26px; margin-bottom: 10px;}

@media (min-width: 768px){
    .about_profile{ padding-top: 50px;}
    .about_profile_box{ position: relative; padding: 20px 20px 20px 440px; min-height: 320px;}

    .about_profile_img{width: 400px; position: absolute; left: 20px; top: -20px;}
    .about_profile_box{ padding-top: 0;}
}

@media (min-width: 1024px){
    .about_profile_box{ padding-top: 20px;}
    .about_profile_box{ padding: 30px 30px 30px 470px;}
    .about_profile_img{ left: 40px;}
}

@media (min-width: 1300px){
    .about_profile{ padding: 120px 0 80px 0;}
    .about_profile_box{ padding: 60px 60px 60px 660px; min-height: 430px;}
    .about_profile_img{ width: 550px; left: 60px; top: -40px;}
}

.about_developmentZ{ width: 100%;}
.about_development_top{ width: 100%; background: url(../images/about_img2.jpg) no-repeat top center; background-size: cover;}

.about_development_top_cent{ width: 100%; padding: 30px 10px 0 10px;}
.about_development_top_text{width: 100%; max-width: 1020px; padding: 15px; margin: 0 auto; text-align: center; font-size: 12px; color: #0ba140; line-height: 20px;}

.colorWhite{ color: #fff!important; }
.bgOpacity{ background: rgba(255,255,255,.5);}

.about_development_top_text h1{ font-weight: bold; position: relative; width: 100%; padding-bottom: 15px; margin-bottom: 15px;}
.about_development_top_text h1:after{ content: ''; width: 80px; position: absolute; left: 50%; bottom: 0; margin-left: -40px; border-top: 2px solid #0ba140;}
.colorWhite h1:after{ border-top: 2px solid #fff!important;}


.about_development_top_text h2{ font-weight: bold;}
.about_development_top_text span{ line-height: 12px; display: block; margin: 10px auto;}
.about_development_top_text p{ color: #333;}

.about_development_list{ width: 100%; max-width: 1020px; margin: 20px auto; padding: 0 10px;}
.about_development_list .row{ margin-left: -5px; margin-right: -5px;}
.about_development_list li{ padding-left: 5px; padding-right: 5px; text-align: center; color: #fff; margin-bottom: 10px;}
.about_development_list li a{display: block; color: #fff; font-size: 14px; background: #0ba140; padding: 10px 0; line-height: 24px;}
.about_development_list li a span{ display: block; font-size: 18px; font-weight: bold;}


@media (min-width: 768px){
    .about_development_top_text{ font-weight: bold;}
    .about_development_top_text{ padding: 30px;}
    .about_development_top_text span{ width: 490px;}
}
@media (min-width: 1024px){
    .about_development_top_text{ padding: 50px;}
    .about_development_top_text h1{ font-size: 42px;}
    .about_development_list li a{ line-height: 30px; padding: 15px 0;}
    .about_development_list li a span{ font-size: 24px;}
}


.about_time_top{ background: #0ba140; padding: 20px 0;}
.about_time_event{ width: 100%; padding: 30px 0;}

.list_style{ width: 100%; text-align: center; color: #333;}
.list_style h1{ font-size: 24px; position: relative; padding-bottom: 10px; margin-bottom: 15px;}
.list_style h1:after{ content: ''; width: 40px; position: absolute; left: 50%; bottom: 0; margin-left: -20px; border-top: 2px solid #333;}
.list_style h2{ font-size: 18px; font-weight: bold;}
.list_style span{ display: block; line-height: 20px; font-size: 10px; color: #999;}
.list_style.colorWhite span{ color: #fff;}

.about_time_list{ background: #0ba140; padding: 50px 0 10px 0;}
.about_time_list_box{ position: relative; width: 100%;}
.about_time_list_box li{ margin-bottom: 40px; position: relative;}

@media (min-width: 1024px){
    .about_time_event{ padding: 50px 0;}
    .about_time_list_box:after{ position: absolute; content: ''; left: 30%; top: 0; bottom: 0; height: 100%; border-left: 1px solid #fff;}
    .about_time_list_box li:after{ content: ''; width: 9px; height: 9px; background: #fff; border-radius: 100%; position: absolute; left: 30%; top: 50%; margin: -4px 0 0 -4px; z-index: 10;}
}

@media (min-width: 1024px){
    .list_style h1{ font-size: 34px;}
    .list_style h2{ font-size: 24px;}
    .list_style span{ line-height: 24px;}
}

.about_time_event_img{ width: 100%; text-align: center;}
.about_time_event_img img{ display: block; max-width: 100%; margin: 0 auto;}


.about_honor{ width: 100%; background: url(../images/about_img6.jpg) no-repeat top center; background-size: cover; padding: 30px 0;}
.about_honor_list{ width: 90%; max-width: 990px; margin: 0 auto;}
.about_honor_list ul{ width: 200px; margin: 0 auto;}
.about_honor_list li{ width: 100%; text-align: center; line-height: 24px; color: #000; margin-bottom: 15px;}
.about_honor_list li span{ display: block; width: 100%; margin-bottom: 10px;}

@media (min-width: 768px){
    .about_honor{ padding: 50px 0;}
    .about_honor_list ul{ width: 660px;}
    .about_honor_list li{ float: left; margin: 0 10px; width: 200px;}
}

@media (min-width: 1024px){
    .about_honor_list ul{ width: 840px;}
    .about_honor_list li{ float: left; margin: 0 20px; width: 240px;}
}

.about_network_top{ padding: 30px 0;}


.about_culture{ width: 100%; background: #f2f2f2; padding: 30px 0;}
.about_culture_box{ width: 100%; max-width: 990px; padding: 0 10px; margin: 0 auto;}

.about_culture_left{width: 100%; max-width: 1020px; padding: 15px; margin: 0 auto; text-align: center; font-size: 12px; color: #0ba140; line-height: 20px;}
.about_culture_left h1{ font-weight: bold; position: relative; width: 100%; padding-bottom: 15px; margin-bottom: 15px; font-size: 30px;}
.about_culture_left h1:after{ content: ''; width: 80px; position: absolute; left: 50%; bottom: 0; margin-left: -40px; border-top: 2px solid #0ba140;}
.about_culture_left h2{ font-weight: bold; font-size: 26px;}
.about_culture_left span{ line-height: 12px; display: block; margin: 10px auto;}
.about_culture_left p{ color: #333;}

.about_culture_list{ line-height: 24px; padding-top: 10px;}

@media (min-width: 768px){
    .about_culture_left{ font-weight: bold;}
    .about_culture_left{ padding: 30px; }
    .about_culture_left span{ width: 490px;}
}
@media (min-width: 1024px){
    .about_culture_left{ padding: 50px;text-align: left;}
    .about_culture_left h1{ font-size: 42px;}
    .about_culture_left h1:after{ left: 0; margin-left: 0;}
    .about_culture_list{ padding-top: 40px;}
}


.about_future{ width: 100%;}
.about_future_top{ width: 100%; position: relative; background: #0da141;}
.about_future_top:after{ content: ''; width: 100%; height: 10px; background: url(../images/about_img9.png) repeat-x top; background-size: auto 10px; position: absolute; left: 0; bottom: -10px;}

.about_future_ch{ width: 100%; max-width: 1300px; padding: 30px 10px 20px 10px; margin: 0 auto; line-height: 22px; color: #333;}
.about_future_en{ font-size: 12px; line-height: 20px; width: 100%; padding: 0 10px; max-width: 1300px; margin: 0 auto; color: #999;}

@media (min-width: 768px){
    .about_future_ch{ padding: 50px 10px 20px;}
    .about_future_top:after{ height: 20px; bottom: -20px; background-size: auto 20px;}
}
.about_hotLine{ width: 100%; padding: 30px 10px 20px 10px; text-align: center; color: #333;}



/* 产品 */
.bodyGray{ background: #efeff1;}
.position{ width: 100%; border-bottom: 1px solid #fff; height: 40px; line-height: 40px;}
.position_center{ width: 100%; padding: 0 10px; max-width: 1300px; margin: 0 auto; color: #999; font-size: 13px;}
.position_center a{ color: #999;}
.position_center a:hover{ color: #0ba140;}

.productContainer_title{ width: 100%; padding: 15px 0; text-align: center; color: #0ba140; font-size: 20px; font-weight: bold;}

.productContainer{ width: 100%; padding: 0 10px; max-width: 1300px; margin: 0 auto;}
.productContainer .row{ margin-left: -8px; margin-right: -8px;}
.productContainer li{ margin-bottom: 15px; padding-left: 8px; padding-right: 8px;}
.productContainer li a{ display: block; width: 100%; position: relative;}

@media (min-width: 1024px){
    .productContainer_title{ padding: 30px 0;}
}


/* 产品列表 */
.productList_tit{ width: 100%; background: #fff; padding: 20px 0;}
.productList_tit_title{ text-align: center; color: #0ba140; font-weight: bold; font-size: 22px; padding-bottom: 10px;}

.productList_tit_list{ width: 100%; padding: 0 10px; max-width: 1300px; margin: 0 auto; text-align: center;}
.productList_tit_list li{ display: inline-block;}
.productList_tit_list li a{ display: block; padding: 0 10px; height: 30px; line-height: 28px; border-radius: 15px; color: #333; font-size: 13px; border: 1px solid #fff;}
.productList_tit_list li.on a{ border: 1px solid #0ba140;}


.productList_container{ width: 100%; max-width: 1300px; margin: 0 auto; padding: 10px;}
.productList_container .row{ margin-left: -8px; margin-right: -8px;}
.productList_container li{ padding-left: 8px; padding-right: 8px; margin-bottom: 10px;}
.productList_container li a{ display: block; width: 100%; background: #fff; color: #000; font-size: 13px;}
.productList_container li a span{ display: block; width: 100%; border-bottom: 1px solid #efeff1;}
.productList_container li a p{ padding: 10px 10px 5px 10px;}
.productList_container li a p font{ display: block; height: 20px; line-height: 20px; overflow: hidden;}

@media (min-width: 768px){
    .productList_tit_list li a{ height: 34px; line-height: 32px;}
    .productList_container{ padding: 15px;}
    .productList_container li{ margin-bottom: 15px;}
}

@media (min-width: 1300px){
    .productList_tit_title{ padding: 10px 0 15px 0;}
    .productList_tit{ padding: 25px 0 40px 0;}
    .productList_tit_list li a{ font-size: 14px; margin: 0 5px;}
    .productList_container li a{ font-size: 14px;}
    .productList_container li a span{ height: 265px; overflow: hidden;}
    .productList_container li a p{ padding: 10px 15px;}
    .productList_container li a p font{ height: 26px; line-height: 26px;}
}


/* 产品详情 */
.productDetail_top{ width: 100%; padding: 30px 10px; margin: 0 auto; max-width: 1300px;}
.productDetail_top_center{ width: 100%; background: #fff;}

.productDetail_top_img{ border-bottom: 1px solid #efeff1;}
.productDetail_top_desc{ padding: 10px; color: #000; max-width: 500px; margin: 0 auto;}
.productDetail_top_desc h1{ font-size: 20px; line-height: 28px; margin-bottom: 10px;}

.productDetail_top_desc_det{ font-size: 12px; line-height: 20px; margin-bottom: 10px;}

.product_contact{ width: 100%; max-width: 500px; margin: 0 auto; border: 1px solid #0ba140; position: relative; overflow: hidden; font-size: 12px; border-radius: 25px; background: #f2f2f2;}
.product_contact a{ display: block; padding: 5px 10px; position: relative; height: 50px; line-height: 20px; color: #000;}
.product_contact a span{ color: #0ba140; text-decoration: underline;}

.product_contact a font{
    display: block; position: absolute; right: 10px; height: 24px; line-height: 24px; width: 70px; text-align: center; color: #fff; background: #0ba140;
    border-radius: 12px; top: 13px;
}
.product_contact a:hover{ background: #0ba140; color: #fff;}
.product_contact a:hover font{ background: #fff; color: #0ba140;}
.product_contact a:hover span{ color: #fff;}

@media (min-width: 768px){
    .productDetail_top_img{ border-bottom: none; border-right: 1px solid #efeff1;}
    .productDetail_top_desc{ padding-top: 20px;}
    .productDetail_top_desc_det{ height: 80px; overflow: hidden;}
}

@media (min-width: 970px){
    .productDetail_top_desc{ padding-top: 30px;}
    .productDetail_top_desc h1{ font-size: 24px; margin-bottom: 20px;}
    .productDetail_top_desc_det{ font-size: 13px; line-height: 24px; height: 120px; overflow: hidden;}
    .product_contact{ border-radius: 32px;}
    .product_contact a{ height: 64px; padding: 12px 20px;}
    .product_contact a font{ height: 30px; line-height: 30px; top: 17px; width: 100px; right: 15px; font-size: 14px; border-radius: 15px;}
}

@media (min-width: 1300px){
    .product_contact{ border-radius: 38px;}
    .product_contact a{ height: 76px; padding: 13px 20px 13px 30px; line-height: 25px; font-size: 13px;}
    .product_contact a font{ height: 38px; line-height: 38px; top: 19px; width: 140px; right: 20px; border-radius: 19px;}
    .productDetail_top_desc_det{ height: 144px; margin-bottom: 20px;}
}

.productDetail_tit{ width: 100%;}
.productDetail_tit span{ display: inline-block; padding: 0 15px; height: 40px; line-height: 40px; color: #0ba140; background: #fff; font-weight: bold; font-size: 16px;}

.productDetail_container{ width: 100%; background: #fff; line-height: 24px; font-size: 13px; color: #333; padding: 20px 0;}
.productDetail_container img{ display: block; max-width: 100%; margin: 0 auto;}


@media (min-width: 970px){
    .productDetail_tit span{ padding: 0 20px; height: 60px; line-height: 60px; font-size: 20px;}
}


/* 案例 */
.case_center{ padding: 20px 0;}
.case_center .row{ margin-left: -8px; margin-right: -8px;}
.case_center li{ padding-left: 8px; padding-right: 8px; margin-bottom: 10px;}
.case_center li a{ display: block; width: 100%; position: relative; color: #000;}
.case_center li a span{ display: block; width: 100%;}
.case_center li a p{ position: absolute; left: 0; bottom: 0; z-index: 10; background: rgba(255,255,255,.8); text-align: center; height: 40px; line-height: 40px; overflow: hidden; width: 100%;}
.case_center li a:hover{ color: #fff;}
.case_center li a:hover p{ background: #0ba140;}


@media (min-width: 768px){
    .case_center{ padding: 20px 5px;}
    .case_center li{ margin-bottom: 15px;}
}

@media (min-width: 1300px){
    .case_center li a p{ height: 60px; line-height: 60px; font-size: 16px;}
}


/* 案例详情 */
.caseDetail_center{ width: 100%; margin: 30px 0 0 0; background: #fff;}
.caseDetail_center .row{ margin-left: -5px; margin-right: -5px;}
.caseDetail_center ul{ position: relative;}
.caseDetail_center li{ padding-left: 5px; padding-right: 5px;}
.caseDetail_center_name{ padding: 20px 0; font-size: 16px; text-align: center;}
.caseDetail_center_name span{ display: block; padding: 0 20px;}
.caseDetail_center_name a{
    display: block; height: 30px; line-height: 30px; border-radius: 15px; border: 1px solid #0ba140; color: #0ba140; font-size: 14px; text-align: center;
    width: 180px; margin: 10px auto 0 auto;
}
.caseDetail_center_name a:hover{ color: #fff; background: #0ba140;}

@media (min-width: 768px){
    .caseDetail_right{ position: absolute; right: 0; top: 0; height: 100%;}
    .caseDetail_center_name{ position: absolute; right: 0; width: 100%; bottom: 20px;}
}
@media (min-width: 1300px){
    .caseDetail_center_name{ font-size: 20px; line-height: 30px;}
    .caseDetail_center_name a{ margin-top: 20px;}
}


/* 新闻列表 */
.news_container{ width: 100%; background: #fff; margin-top: 10px;}
.news_container a{ display: block; width: 100%;}
.news_container_top{ padding: 10px; color: #333;}
.news_container_top h4{ font-size: 16px; height: 30px; line-height: 30px; overflow: hidden;}
.news_container_top font{ color: #a0a0a0; display: block; font-size: 12px;}
.news_container_top p{ font-size: 13px; line-height: 24px; height: 72px; overflow: hidden; margin-top: 5px;}
.news_container_top i{ display: block; width: 30px; height: 30px; background: #0ba140; color: #fff; text-align: center; line-height: 30px; border-radius: 100%; margin-top: 10px;}


.news_container_list{ width: 100%; margin-top: 10px; background: #fff; padding: 10px;}
.news_container_list dl{ width: 100%; background: #efeff1; margin-bottom: 10px;}
.news_container_list dl a{ display: block; width: 100%; padding: 10px 10px 10px 70px; position: relative;}
.news_container_list dl a dt{
    width: 70px; text-align: center; position: absolute; left: 0; top: 0; height: 100%; color: #595758; font-weight: normal;
    padding-top: 20px; line-height: 24px;
}
.news_container_list dl a dt span{ display: block; font-size: 18px;}
.news_container_list dl a dd{ color: #010101;}
.news_container_list dl a dd h5{ height: 30px; overflow: hidden; line-height: 30px; padding-left: 10px; position: relative;}
.news_container_list dl a dd p{ height: 40px; overflow: hidden; line-height: 20px; font-size: 12px; padding-left: 10px;}
.news_container_list dl a dd h5:after{
    content: ''; width: 4px; height: 4px; border-radius: 100%; background: #010101; position: absolute; left: 0; top: 13px;
}

@media (min-width: 768px){
    .news_container_top{ padding-right: 30px; padding-top: 25px;}
    .news_container_list dl a{ padding-left: 110px;}
    .news_container_list dl a dt{ width: 110px; font-size: 16px;}
    .news_container_list dl a dt span{ font-size: 22px;}
}

@media (min-width: 1300px){
    .news_container{ margin-top: 30px;}
    .news_container_list{ padding: 30px; margin-top: 20px;}
    .news_container_top{ padding: 50px;}
    .news_container_top h4{ font-size: 18px; margin-top: 15px;}
    .news_container_top font{ font-size: 14px;}
    .news_container_top p{ margin: 15px 0;}

    .news_container_list dl a{ padding-left: 150px;}
    .news_container_list dl a dt{ width: 150px; font-size: 18px;}
    .news_container_list dl a dt span{ font-size: 24px;}
    .news_container_list dl a:hover{ background: #0ba140;}
    .news_container_list dl a:hover dt{ color: #fff;}
    .news_container_list dl a:hover dd{ color: #fff;}
}


/* 新闻详情 */
.news_detail{ width: 100%; background: #fff;}
.news_detail_top{ text-align: center; padding: 20px 0; font-size: 13px; color: #a6a6a6;}
.news_detail_top h1{ font-size: 18px; color: #010101; margin-bottom: 10px; line-height: 24px;}

.news_operate{ width: 100%; border-bottom: 1px dotted #eee;}
.news_operate ul{ width: 150px; margin: 0 auto;}
.news_operate li{ float: left;}
.news_operate li a{ display: block; width: 50px; height: 30px; color: #010101; line-height: 30px; text-align: center; background: #efeff1; border-right: 1px solid #fff;}
.news_operate li a:hover{ background: #f08300; color: #fff;}

.news_detail_content{ width: 100%; padding: 20px 0; line-height: 24px; color: #010101; font-size: 13px;}
.news_detail_content img{ display: block; max-width: 100%; margin: 0 auto;}

.news_prev_next{ border-top: 1px dotted #eee; line-height: 30px; color: #010101; padding: 10px 0;}
.news_prev_next li a{ color: #010101;}
.news_prev_next li a:hover{ color: #0ba140;}

@media (min-width: 768px){
    .news_detail_content{ font-size: 14px;}
}

@media (min-width: 1300px){
    .news_detail_top{ padding: 30px 0;}
    .news_detail_top h1{ font-size: 22px; margin-bottom: 15px;}
    .news_operate ul{ padding-left: 1070px; margin: 0; width: 100%;}
    .news_operate ul li a{ width: 70px; height: 40px; line-height: 40px; font-size: 16px;}
}


/* 资料下载 */
.service_center{ width: 100%; background: #fff; position: relative; padding: 10px 0;}
.service_center_main{ position: relative;}
.service_center_left{ display: none; width: 240px; position: absolute; left: 10px; top: 0;}
.service_center_left_tit{ width: 100%; background: #0ba140; color: #fff; padding: 15px; font-size: 30px; font-weight: bold;}
.service_center_left_list{ border: 1px solid #efefef; border-top: none; background: #fff;}
.service_center_left_list li a{ display: block; line-height: 60px; border-bottom: 1px solid #efeef3; padding: 0 20px; color: #010101;}
.service_center_left_list li.on a,
.service_center_left_list li a:hover{ background: #efeef3;}

.service_center_right{ width: 100%; max-width: 1010px; border: 1px solid #efeef3;}
.service_center_right_tit{ border-bottom: 1px solid #efeef3; border-left: 4px solid #0ba140; font-size: 20px; color: #010101; padding: 10px;}
.download_main{ width: 100%; padding: 10px;}
.download_main li{ border-bottom: 1px dotted #efeef3; position: relative; padding: 10px 0;}
.download_main li p{ min-height: 24px; line-height: 24px; position: relative; padding-left: 10px; padding-right: 90px;}
.download_main li p:after{ content: ''; width: 4px; height: 4px; position: absolute; left: 0; top: 10px; border-radius: 100%; background: #010101;}
.download_main li a{
    display: block; position: absolute; right: 0; top: 10px; z-index: 10; background: #0ba140; color: #fff; text-align: center;
    width: 80px; height: 24px; line-height: 24px; border-radius: 15px; font-size: 12px;
}
.download_main li a:hover{ background: #f08300;}

@media (min-width: 768px){
    .service_center_left{ display: block;}
    .service_center_main{ padding-left: 270px; min-height: 400px;}
}
@media (min-width: 970px){
    .service_center_main{ padding: 20px 20px 20px 290px; min-height: 400px;}
    .service_center_left{ top: 20px; left: 20px;}
    .service_center_right_tit{ padding: 20px 10px;}
    .download_main{ padding: 20px 30px;}
    .download_main li{ padding: 15px 0;}
    .download_main li a{ top: 15px;}
}

@media (min-width: 1300px){
    .service_center_left{ left: 10px; top: 30px;}
    .service_center_main{ padding: 30px 10px 30px 290px;}
    .download_main li a{ height: 30px; line-height: 30px; width: 100px; font-size: 14px;}
    .download_main li p{ min-height: 30px; line-height: 30px; padding-right: 130px;}
}

.knowledge_main{ width: 100%; padding: 10px; line-height: 24px; font-size: 13px; color: #010101;}
.knowledge_main img{ display: block; margin: 0 auto; max-width: 100%;}

@media (min-width: 768px){
    .knowledge_main{ padding: 20px; font-size: 14px;}
}


/* 联系我们 */
.contact_container{ width: 100%; background: #fff; padding: 10px 0;}
.contact_cont{ border: 1px solid #efeef3;}
.contact_cont_main{ width: 100%; padding: 10px 0;}

.map{ width: 100%; height: 200px; background: #eee; overflow: hidden;}

.contact_detail{ width: 100%;}
.contact_cont_main>div{ padding-left: 8px; padding-right: 8px;}

.contact_detail{ width: 100%; padding: 20px 0; color: #000;}
.contact_detail h1{ font-size: 22px; margin-bottom: 10px;}
.contact_detail li{ border-bottom: 1px dotted #efeef3; line-height: 28px; font-size: 13px;}

@media (min-width: 768px){
    .contact_cont_main{ padding: 15px 7px;}
    .map{  height: 400px;}
}

@media (min-width: 1300px){
    .contact_cont_main{ padding: 30px 10px;}
    .contact_cont_main>div{ padding-left: 20px; padding-right: 20px;}
}

.contact_list{ width: 100%; border: 1px solid #efeef3; margin-top: 40px; position: relative; padding-top: 30px;}
.contact_list_tit{ width: 160px; position: absolute; left: 50%; top: -20px; margin-left: -80px; height: 40px; background: #fff; z-index: 5; text-align: center; line-height: 40px; font-size: 18px;}

.contact_list_box{ width: 100%; padding: 10px;}
.contact_list_box .row{ margin-left: 0; margin-right: 0;}
.contact_list_box .row>div{ padding-left: 0; padding-right: 0; border-bottom: 1px dotted #dddddd;}

.contact_list_eg{ padding: 10px 0; position: relative;}
.contact_list_eg h1{ height: 60px; background: url(../images/contact_icon.jpg) no-repeat top left; padding-left: 10px; padding-top: 30px; line-height: 30px; font-size: 18px; color: #0ba140; margin-bottom: 10px;}
.contact_list_eg li{ line-height: 20px;color: #000; font-size: 13px;}

@media (min-width: 768px){
    .contact_list_box{ padding: 25px;}
    .contact_list_eg:after{ content: ''; position: absolute; top: 10%; right: 5%; bottom: 10%; width: 1px; border-right: 1px dotted #dddddd;}
    .contact_list_box .row>div:nth-child(even) .contact_list_eg{ padding-left: 8%;}
    .contact_list_box .row>div:nth-child(even) .contact_list_eg:after{ content: ''; border: none;}
}

@media (min-width: 970px){
    .contact_list_tit{ font-size: 24px; width: 300px; margin-left: -150px;}
    .contact_list_eg{ padding: 25px 0;}
    .contact_list_box .row>div:nth-child(2n+3) .contact_list_eg{ padding-left: 8%;}
    .contact_list_box .row>div:nth-child(even) .contact_list_eg:after{ content: ''; border-right: 1px dotted #dddddd;}
    .contact_list_box .row>div:nth-child(3n) .contact_list_eg:after{ content: ''; border: none;}
}

@media (min-width: 1300px){
    .contact_list_tit{ font-size: 30px;}
    .contact_list_box{ padding: 30px 50px;}
    .contact_list_eg{ padding: 45px 0;}
}


/*分页*/
.page a,.page span {
  float: left;
  margin-left: 4px;
  padding: 0 13px;
  height: 32px;
  line-height: 32px;
  color: #7E7E7E;
  font-size: 14px;
  border: 1px solid #D5D5D5;
  text-align: center;
  border-radius: 3px;
}
.page a:hover, .page .current{
  color: #fff;
  border-color: #0ba140;
  background:#0ba140;
}
.page .ellipsis:hover{
  color: #7E7E7E;
  border-color: #D5D5D5;
  cursor: not-allowed;
}