/*section{padding:50px 0;}*/
.margin_top{margin-top: 15px;}
.position_relative{position:relative;}
.white_font{color:#fff;}

.more{ clear: both;}

section{ padding: 40px 0;}

.index_bg{ background: url("../images/index_bg1.jpg")no-repeat center top;}

.index_pro{ }
.index_pro .index_pro_h{ font-size: 24px ; text-transform: uppercase;letter-spacing: 0.1em;  }
.index_pro .index_pro_h span{ font-size: 14px; padding-left: 10px;}
.index_pro .index_pro_h a{float: right;font-size: 14px;font-weight: 400;}
.index_pro .line{ border-bottom: 1px #bdbdbd solid; padding-top: 20px;}
.index_pro_nav{ margin: 50px 0 15px;}
.index_pro_nav li { line-height: 3; font-size: 16px; }
.index_pro_nav li:hover a{ color: #53a088;}
.index_pro_nav li:hover a:after{ }
.index_pro_nav a{ font-size: 16px; line-height: 3;}
.index_pro .index_pro_img{ margin-top:20px; position: relative; display: block;}
.index_pro .index_pro_img img{ width: 100%;}
.index_pro .index_pro_con{ position: absolute; top:30%; left:60%; padding: 0 25px;}
.index_pro .index_pro_con p{ line-height: 1.8;  margin-top: 10px;}
.index_pro .index_pro_con .more{-moz-border-radius:5px;  -webkit-border-radius:5px;  border-radius: 5px; background: #53a088; width: 100px; padding:7px 10px; text-align: center;margin-top: 10px;  }
.index_pro .index_pro_con .more a{ color: #fff;}
.index_pro .index_pro_list { margin-top: 30px; position: relative;}
.index_pro .index_pro_list li img{width: 100%;}
.index_pro .index_pro_list  p{padding:10px 5px;text-align: center; }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.index_pro .index_pro_list  .prev,
.index_pro .index_pro_list  .next{ position:absolute; left:-3%; top:45%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.index_pro .index_pro_list  .next{ left:auto; right:-3%; background-position:8px 5px; }
.index_pro .index_pro_list  .prev:hover,
.index_pro .index_pro_list  .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.index_pro .index_pro_list  .prevStop{ display:none;  }
.index_pro .index_pro_list  .nextStop{ display:none;  }



.index_about{  padding:0 0 20px; }
.index_about_ph{ line-height: 2; margin: 10px auto; width: 850px; }
.index_about_ph .more{ text-transform: uppercase; margin-top: 20px;}

.index_about_phxs{ line-height: 2; margin: 10px auto; width: 100%;padding: 0 20px;
}
.index_about_phxs .more{ text-transform: uppercase; margin-top: 20px;}


.index_concept{ background: url("../images/jiameng.jpg")no-repeat top center;}
.index_concept .index_concept_h{ font-size: 28px;line-height: 2; color: #1f1f1f; margin-top: 25px}
.index_concept .index_concept_hc{ font-size: 22px;line-height: 2;  color: #1f1f1f;}
.index_concept .index_concept_hp{ font-size: 18px;line-height: 2; color: #1f1f1f;}
.index_concept .index_concept_con{ margin-top: 6%; }
.index_concept .index_concept_con li{ float: left; width: 18%; margin: 20px 1%;  background:#53a088;padding:20px 10px; color: #fff;}
.index_concept .index_concept_con li h3{ line-height: 2;}
.index_concept .index_concept_con li .line{padding-bottom: 10px; border-bottom: 1px #f9f9f9 solid; width: 50px; margin: 0 auto; }
.index_concept .index_concept_con li .concept1{ font-size: 20px; line-height: 2; }
.index_concept .index_concept_con li .concept2{  line-height: 2;  padding: 10px 0;}


.index_case{ padding-top: 30px;}
.index_case .index_case_h{ font-size:24px; line-height: 2; letter-spacing: 0.1em; text-transform: uppercase;}
.index_case .index_case_h p{ font-size: 14px; font-weight: bold;}
.index_case .index_case_list{ margin-top: 20px; position: relative;}
.index_case .index_case_list li img{ width: 100%;}
.index_case .index_case_list li p{text-align: center; margin-top: 10px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;}
.index_case  .more{ margin: 40px auto; text-align: center; width: 130px; padding: 10px 20px; background:#53a088;}
.index_case  .more a{ color: #fff;}
.case1{ margin-bottom: 10px;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.index_case .index_case_list  .prev,
.index_case .index_case_list  .next{ position:absolute; left:-3%; top:45%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.index_case .index_case_list  .next{ left:auto; right:-3%; background-position:8px 5px; }
.index_case .index_case_list  .prev:hover,
.index_case .index_case_list  .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.index_case .index_case_list  .prevStop{ display:none;  }
.index_case .index_case_list  .nextStop{ display:none;  }



    /*内容nav*/
.inner_con{ padding: 0 0 40px;}
.inner_loca{ border-bottom: 1px #cdcdcd dashed;padding: 20px 0 10px 15px; }
.inner_h{ font-size: 24px; padding-bottom: 20px; border-bottom: 1px #cdcdcd solid;padding-top: 40px; }
.inner_ab{ padding:20px 10px; line-height: 2;}
.inner_ab img{ width: 100%;}
.men_show{ margin-top: 30px;}
.men_show img{ width: 100%; }
.men_show p{ text-align: center;margin-top: 5px;}

.pro_series  .pro_list p{ text-align: center; margin-top: 5px;}
.pro_series  .pro_list img{ width: 100%;border: 1px #bdbdbd solid;}
.pro_series  .pro_list a.image{display: block;position:relative;}
.pro_series  .pro_list .layer{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-transform: scale(0,0);
    -moz-transform: scale(0,0); -ms-transform: scale(0,0); -o-transform: scale(0,0); transform: scale(0,0); -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.pro_series  .pro_list .layer img{ width: 100%;}
.pro_series  .pro_list:hover .layer{ -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }
.pro_series   .pro_list{ margin: 15px 0px; padding: 0 5px; }
.pro_inner{ margin-top: 40px;}
.pro_inner img{width: 100%;}
.pro_con{ margin-top: 30px;}
.pro_con h4{ font-size: 22px;padding-bottom: 10px; border-bottom: 1px #cdcdcd solid;margin-bottom: 20px;}
.inner_pro_con{ line-height: 2; padding: 10px;}


.inner_news{ margin-top: 40px;}
.inner_news li{ padding-bottom: 20px; border-bottom: 1px #dedede solid; margin: 20px 0;}
.inner_news .inner_news_img img{ width: 100%;}
.inner_news .inner_news_p h4{ padding: 20px 0; }
.inner_news .inner_news_p p{ padding: 15px 0; line-height: 2; color: #444}
.inner_news .inner_news_p span{  color: #666;}

.index_case .index_case_list li{ margin-bottom: 20px;}
.inner_case{ margin-top: 30px;}
.inner_case li{ margin: 10px 0;}
.inner_case li img{ width: 100%;}


.index_con_left .con_p{ font-size: 24px; line-height: 2;}
.index_con_left p{ line-height: 3;padding-bottom: 10px; border-bottom: 1px #f4f4f4 solid;margin-top: 10px; }
.index_con_left p img{ padding-right: 10px;}


.container .content_right { margin-top:40px; background-color:#53a088;-webkit-border-radius:10px;  -moz-border-radius: 10px;
    border-radius: 10px;margin-bottom: 20px;}
.container .content_right h3{ margin-left: 25px; color: #fff;padding-top: 20px;}
.accordion {  width: 100%;  max-width: 360px;  margin: 30px auto 20px;  background: #FFF;  -webkit-border-radius: 4px;  -moz-border-radius: 4px;
    border-radius: 4px;  }
.accordion .link {  cursor: pointer;  display: block;  padding: 15px 15px 15px 42px;  color: #4D4D4D;  font-size: 14px;  font-weight: 700;
    border-bottom: 1px solid #CCC;  position: relative;  -webkit-transition: all 0.4s ease;  -o-transition: all 0.4s ease;  transition: all 0.4s ease;  }
.accordion li:last-child .link {  border-bottom: 0;  }
.accordion li i {  position: absolute;  top: 16px;  left: 12px;  font-size: 18px;  color: #595959;  -webkit-transition: all 0.4s ease;  -o-transition: all 0.4s ease;
    transition: all 0.4s ease;  }
.accordion li i.fa-chevron-down {  right: 12px;  left: auto;  font-size: 16px;  }
.accordion li.open .link {  color: #343434;  }
.accordion li.open i {  color: #c7112a;  }
.accordion li.open i.fa-chevron-down {  -webkit-transform: rotate(180deg);  -ms-transform: rotate(180deg);  -o-transform: rotate(180deg);  transform: rotate(180deg);  }
.submenu {  display: none;  background: #7d7d7d;  font-size: 14px;  }
.submenu li {  border-bottom: 1px solid #9b9b9b;  }
.submenu a {  display: block;  text-decoration: none;  color: #d9d9d9;  padding: 12px;  padding-left: 42px;  -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;  transition: all 0.25s ease;  }
.submenu a:hover {  background: #fff;  color: #343434;  }

.container .pro_series{ margin-top: 27px;}

.pagination{text-align: center;font-size: 0; margin: 30px 0;display: block;}
.pagination a{font-size: 14px; background-color:#53a088;display: inline-table;padding: 3px 10px; margin:0 5px;line-height: 25px;color: #fff;}
.pagination a.active{color:#404040;background:#dedede;}

.prev_next{position:relative;margin:40px 0 20px; line-height: 2;padding: 0 15px;}
.prev_next a{padding:3px 10px;position:absolute;}
.prev_next a.left{left:0;}
.prev_next a.right{right:0;}




@media (max-width:480px){
    section{padding:20px 0;}


    .index_pro .index_pro_right{ padding-left: 10px!important;margin-top: 15px;}
    .index_pro{ padding:15px}
    .index_pro .index_pro_right .index_pro_h{ font-size: 20px; color: #3043ca; }
    .index_pro .index_pro_right .line{ padding-bottom:15px; border-bottom: 2px #3043ca solid;width: 50px; }
    .index_pro .index_pro_right p{ color: #333; margin-top: 20px; line-height: 2; font-size: 14px;}
    .index_pro .index_pro_right .more{ margin-top: 20px; padding: 10px 20px; background: #fff; width: 120px; text-align: center; font-size: 16px;}
    .index_pro .index_pro_right .more a{ color: #283cc8;}


    .index_about{ background:url("../images/index_ab_bg.jpg")no-repeat left top; padding: 40px 0; }
    .index_ab_con_xs h4{ margin: 15px ; font-weight: bold; font-size: 18px}
    .index_ab_con_xs h4 span{ font-size: 14px; padding-left: 5px;}
    .index_ab_con_xs p{ padding:0 15px 15px; line-height: 2; text-indent:2em;}
    .index_ab_con_xs a{ padding: 15px;}

    .index_pro_nav{ margin:15px 0; }
    .index_pro_nav li{width: 48%; float: left; background: #53a088;  margin: 5px 1%; text-align: center; line-height: 2;}
    .index_pro_nav a{ font-size: 14px; color: #fff;}

    .index_pro .index_pro_list{ margin-top: 10px; }

    .index_pro .index_pro_list li{ margin: 10px 0;}
    .index_pro .index_pro_h{  font-size: 18px; font-weight: bold;}
    .index_case{ padding: 15px;}
    .index_case .index_case_h{  font-size:18px; font-weight: bold;}
    .index_case .index_case_list li{ margin: 10px 0;}
    .index_case .index_case_list .more{ margin: 10px auto;}

    .index_case .more{ margin:10px auto; }

    .index_concept{ background: url("../images/jiamengxs.jpg")repeat top center;height: 780px;}
    .index_concept .index_concept_h{ font-size: 18px; font-weight: bold;margin-top: 5px;}
    .index_concept .index_concept_hc{ font-size: 16px; font-weight: bold; }
    .index_concept .index_concept_hp{ font-size: 14px; padding:5px 10px; line-height: 1.5}
    .index_concept .index_concept_con li{ width: 46%; margin:5px  2%;}
    .index_concept .index_concept_con li .concept1{ font-size: 16px;}
    .index_concept .index_concept_con li .concept2{ font-size: 12px;}




    .news_list img{ width: 100%;}
    .news_con{ padding-right: 0;}
    .news_con .news_h{ line-height: 1.5; font-size: 14px; margin-top: 0;overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .news_con .news_show{ margin-top: 10px;line-height:1.5;display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .news_con .news_more{ margin-top: 10px;}

    .my-map{width: 100%!important; margin-top: 30px!important; height: 350px!important;}

    .join_list { padding-top: 10px;}
    .join_list .join_num{ height: 200px;}

    .join form p{  padding:8px;  font-size: 14px; width: 95% ; margin-right: 2.5%; float: left;border: 1px #d9d9d9 solid;}
    .content .news_inner .detail img{ width: 100%;}

    .container .content_right{ padding-bottom: 20px;}
    .maintainer .page-content-menu .sec-menu .e_li .thr-menu li>p{ margin: 0 15px;}
    .maintainer .page-content-menu .sec-menu li a p{ width: 80%;}
    .content1 .advantage{ padding: 15px 0;}
    .content1 .advantage img{ width: 100%;}

    .content1 .advantage .support li{ width: 30%;margin: 0 1.5% 30px; }
    .process h2{ margin-top: 30px;}

}

@media (max-width:768px){

    .index_pro .index_pro_right{ padding-left: 15px; padding-right: 14%;}
    .index_pro .index_pro_right .index_pro_h{ font-size: 20px; color: #3043ca; }
    .index_pro .index_pro_right .line{ padding-bottom:15px; border-bottom: 2px #3043ca solid;width: 50px; }
    .index_pro .index_pro_right p{ color: #333; margin-top: 20px; line-height: 2; font-size: 14px;}
    .index_pro .index_pro_right .more{ margin-top: 20px; padding: 10px 20px; background: #fff; width: 120px; text-align: center; font-size: 16px;}
    .index_pro .index_pro_right .more a{ color: #283cc8;}

    .index_about .index_ab_left p{ padding-right: 0;}

    .index_news_h img{ width: 100%; }


    .index_about{ background: none;padding: 0;}
    .index_ab_con_xs h4 span{ font-size: 14px; padding-left: 5px;}
    .index_ab_con_xs p{ padding:0 15px 15px; line-height: 2; text-indent:2em;}
    .index_ab_con_xs a{ padding: 15px;}
    .index_pro .index_pro_con{ background: rgba(0,0,0,0.5); left: 6%; color: #fff; width: 86%; padding: 10px 25px;}
    .index_pro_nav{ margin: 20px 0;}

}


@media (min-width:768px) and (max-width:992px){



}


@media (min-width:992px) and (max-width:1200px){

    .index_service  .index_ser img{ padding: 10px 23px;}

}
@media (min-width: 1200px) {

    .container .content_right { width: 22%;margin-right: 3%;  }

}