/* **************************************************首页*************************************************** */
/* 顶部信息样式 */
.top{
    height: 40px;
    width: 100%;
    border-bottom: 1px solid #ccc;
}
.top_info{
    width: 1200px;
    margin: 0 auto;
    color: #666;
    font-size: 14px;
}
.top_info_left{
    display: inline-block;
    margin-top: 10px;
}
.top_info_right{
    float: right;
    margin-top: 10px;
}
.top_info_right i{
    margin-right: 10px;
}


/* logo  及   搜索栏 */
.operation{
    width: 1200px;
    margin: 0 auto;
    height: 100px;
}
.operation_logo{
    float: left;
    padding-top: 24px;
    display: inline-block;
    padding-right: 230px;
}
.operation_search_box{
    display: inline-block;
}
.operation_search{
    border: 2px solid #0d7f5b;
    border-radius: 3px;
    line-height: 35px;
    margin-top: 20px;
    cursor: pointer;
}
.operation_search input{
    border: 0px;
    width: 350px;
    padding-left: 10px;
}
.operation_search span{
    color: #fff;
    font-size: 16px;
    line-height: 39px;
    display: inline-block;
    background-color: #0d7f5b;
    padding: 0 20px;
    cursor: pointer;
}
.operation_search_info{
    display: inline-block;
    color: #ababab;
    font-size: 14px;
    line-height: 28px;
    margin-top: 2px;
}
.operation_search_info i{
    margin: 0 5px;
}
.operation_search_info i:nth-child(1){
    margin-left: 0;
}




.operation_phone{
    float: right;
}
.operation_phone_top{
    text-align: right;
    padding-top: 25px;
}
.operation_phone_top img{
    display: inline-block;
}  
.operation_phone_top i{
    display: inline-block;
    line-height: 22px;
    color: #7f7f7f;
    font-size: 14px;
}   
.operation_phone span{
    display: inline-block;
    margin-top: 2px;
    color: #000;
    font-size: 20px;
    font-weight: bold;
}




/* 导航栏部分样式  */
 .navi{
    width: 100%;
    margin: 0 auto;
    background-color: #0d7f5b;
}
.navi ul{
    width: 1200px;
    margin: 0 auto;
}
.navi ul li{
    box-sizing: border-box;
    float:left;
    text-align: center;
    width: 171px;
    line-height: 50px;
}
.navi ul li a{
    color: #fff;
    display: block;
    font-size: 14px;
}
.navi ul li:hover{
   background-color: #ff7300;
}
.navi ul li.active{
    background-color: #ff7300;
}
/* .navi ul li:hover>a{
    color:#fe7355;
	transition: .5s;
}
.navi ul li.active{
    border-bottom: 3px solid #0d7f5b;
}
.navi ul li.active a{
    color: #0d7f5b;
}



/* 轮播部分 分页器样式在  index  里面 */
/* banner  轮播部分 */
.swiper-container {
    position: relative;
    width: 100%;
    height: 100%;
}
.slide_box{
    position: relative;
	height:780px;
}
/* 单张轮播图片信息样式 */
.slide_box_info{
    width: 570px;
    height: 360px;
    position: absolute;
    z-index: 99;
    top: 160px;
    left: 360px;
    background-color: #25a257;
    opacity: 0.9;
    text-align: center;
}
.slide_box_info_title{
    font-size: 46px;
    color: #fff;
    margin-top: 45px;
}
.slide_box_info_text{
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    margin-top: 40px;
}
.slide_box_info_more{
    display: inline-block;
    font-size: 16px;
    color: #fff;
    padding: 10px 20px;
    border: 1px solid #fff;
    border-radius: 3px;
    margin-top: 40px;
}
.slide_box_info_more:hover{
    background-color:  #fff;
    color: #25a257;
}



/* 各部分顶部标题样式 */
.introduce{
    text-align: center;
    position: relative;
    height: 100px;
}
.introduce_box{
    background-color: #fff;
    width: 230px;
    position: absolute;
    top: 42px;
    left: 50%;
    margin-left: -115px;
    z-index: 10;
}
.introduce_title{
    font-size: 28px;
    color: #444;
}
.introduce_title i{
    color: #009944;
}
.introduce_text{
    color: #999;
    font-size: 16px;
}
.introduce_line{
    position: absolute;
    top: 61px;
    width: 300px;
    left: 50%;
    margin-left: -150px;
    border-bottom: 1px solid #ccc;
}
.introduce_line_left{
    position: absolute;
    top: 61px;
    width: 35px;
    left: 50%;
    margin-left: -155px;
    border-bottom: 1px solid #ccc;
}
.introduce_line_right{
    position: absolute;
    top: 61px;
    width: 35px;
    left: 50%;
    margin-left: 115px;
    border-bottom: 1px solid #ccc;
}
.introduce_box_transparent{
    background-color: transparent;
}
.introduce_box_transparent .introduce_title{
    color: #fff;
}
.introduce_box_transparent .introduce_text{
    color: #dddddd;
}



/* 合作伙伴样式 */
.agent{
    padding-bottom: 55px;
}
.agent_group{
    width: 1200px;
    margin: 0 auto;
    margin-top: 50px;
}
.agent_group li{
    font-size: 0px;
}
.agent_group a{
    margin: 0px 16px 16px 0px;
    display: inline-block;
    box-shadow: 3px 0px 16px 0px rgb(239, 238, 238);
    width: 224px;
}
.agent_group img{
    display: inline-block;
    width: 224px;
    height: 120px;
}


/* 新闻部分样式 */
.news{
    height: 700px;
    position: relative;
    overflow: hidden;
}
.news_bj{
    position: absolute;
    height: 505px;
    left: 50%;
    margin-left: -960px;
    z-index: -99;
}

/* 新闻部分轮播图 */
.news_box {
    margin-top: 20px;
}
.swiper-container1 {
    width: 1200px;
    height: 410px;
    margin: 0 auto;
    overflow: hidden;
}
.swiper-container1 .swiper-wrapper {
    width: 1200px;
    margin: 0 auto;
}
.swiper-container1 .swiper-slide {
    width: 285px !important;
    height: 410px;
    padding: 0;
    margin: 0 8px !important;
    text-align: center;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-container1 .swiper-slide:nth-child(1) {
    margin-left: 0px !important;
}

.swiper-container2 {
    width: 1200px;
    height: 410px;
    margin: 0 auto;
    overflow: hidden;
}
.swiper-container2 .swiper-wrapper {
    width: 1200px;
    margin: 0 auto;
}
.swiper-container2 .swiper-slide {
    width: 285px !important;
    height: 410px;
    padding: 0;
    margin: 0 8px !important;
    text-align: center;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-container2 .swiper-slide:nth-child(1) {
    margin-left: 0px !important;
}
.swiper-container2 .swiper-button-prev2 {
    padding: 10px;
    background: url(images/left.png) no-repeat 50% 50%;
    margin-top: 5px;
}
.swiper-container2 .swiper-button-next2 {
    padding: 10px;
    background: url(images/right.png) no-repeat 50% 50%;
    margin-top: 5px;
}

.swiper-container3 {
    width: 1200px;
    height: 410px;
    margin: 0 auto;
    overflow: hidden;
}
.swiper-container3 .swiper-wrapper {
    width: 1200px;
    margin: 0 auto;
}
.swiper-container3 .swiper-slide {
    width: 285px !important;
    height: 410px;
    padding: 0;
    margin: 0 8px !important;
    text-align: center;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-container3 .swiper-slide:nth-child(1) {
    margin-left: 0px !important;
}
.swiper-container3 .swiper-button-prev3 {
    padding: 10px;
    background: url(images/left.png) no-repeat 50% 50%;
    margin-top: 5px;
}
.swiper-container3 .swiper-button-next3 {
    padding: 10px;
    background: url(images/right.png) no-repeat 50% 50%;
    margin-top: 5px;
}
/* 新闻轮播按钮 */
.swiper-button-prev {
    padding: 10px;
    background: url(images/left.png) no-repeat 50% 50%;
    margin-top: 5px;
}
.swiper-button-next {
    padding: 10px;
    background: url(images/right.png) no-repeat 50% 50%;
    margin-top: 5px;
}

/* 新闻轮播 图片信息 样式 */
.news_switch{
    text-align: center;
}
.news_switch a{
    font-size: 18px;
    color: #fff;
    display: inline-block;
    padding: 10px 40px;
    border: 1px solid #fff;
    border-radius: 5px;
    margin: 50px 65px;
}
.news_switch a.current{
    color: #009944;
    background-color: #fff;
}
.news_switch a:hover{
    color: #009944;
    background-color: #fff;
}

.swiper-slide_info_box{
    width: 285px;
    height: 170px;
    background-color: #28324b;
}
.swiper-slide_info_title{
    text-align: left;
    font-size: 16px;
    color: #ccc;
    padding-left: 15px;
    line-height: 50px;
}
.swiper-slide_info_line{
    height: 1px;
    width: 270px;
    margin: 0 auto;
    border-bottom: 1px solid #3f4760;
}
.swiper-slide_info_text{
    width: 240px;
    color: #80859e;
    font-size: 14px;
    line-height: 21px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    padding-left: 15px;
    margin-top: 15px;
}
.swiper-slide_info_icon{
    display: block;
    width: 26px;
    border-radius: 13px;
    background-color: #3f4760;
    margin-left: 130px;
    margin-top: 15px;
}
.swiper-slide_info_icon i{
    color: #676e89;
    line-height: 26px;
    font-size: 18px;
    margin-left: 3px;
}
.news_box_item .swiper-slide-active .swiper-slide_info_box{
    background-color: #009944;
}
.news_box_item .swiper-slide-active .swiper-slide_info_title{
    color: #fff;
}
.news_box_item .swiper-slide-active .swiper-slide_info_text{
    color: #fff;
}
.news_box_item .swiper-slide-active .swiper-slide_info_line{
    border-bottom: 1px solid #2fa764;
}
.news_box_item .swiper-slide-active .swiper-slide_info_icon{
    background-color: #fff;
}
.news_box_item .swiper-slide-active .swiper-slide_info_icon i{
    color: #262e55;
}

.news_swiper{
    visibility: hidden;position: absolute;z-index: -1;height: 0;
}
/* 使新闻轮播切换中的  二 三 中的文字超过两行形成缩略符    */
.news_swiper .swiper-slide_info_text{
    -webkit-line-clamp: 1;
}



/* 产品部分样式 */
.product_switch{
    text-align: center;
}
.product_switch a{
    font-size: 18px;
    color: #444444;
    display: inline-block;
    width: 165px;
    border: 1px solid #bbbbbb;
    border-radius: 5px;
    margin: 50px 15px;
    line-height: 40px;
}
.product_switch a.current{
    color: #fff;
    background-color: #33ad69;
    border: 1px solid #33ad69;
}
.product_switch a:hover{
    color: #fff;
    background-color: #33ad69;
    border: 1px solid #33ad69;
}




.product_box{
    margin-bottom: 20px;
    margin: 0 auto;
    text-align: center;
}
.product_group{
    font-size:0;
    display: block;
    margin: 0 auto;
    text-align: center;
}
.product_list{
    width: 20%;
    float: left;
    display: inline-block;
}
.product_list a{
    display: block;
    text-align: center;
    font-size: 16px;
    color: #666666;
}
.product_list_img{
    position: relative;
}
.product_list_img img{
    width: 100%;
    display: block;
}
.product_list_img img.product_list_img_bj{
    width: 100%;
    position: absolute;
    display: none;
    z-index: 99;
    top: 0;
}
.product_list_text{
    padding-bottom: 15px;
    padding-top: 10px;
}
.product_list_text i{
    margin-right: 10px;
    display: none;
}
.product_list:hover .product_list_img_bj{
    display: block;
    z-index: 99;
    opacity: 0.8;
}
.product_list:hover .product_list_text{
    color: #009944;
}
.product_list:hover .product_list_text i{
    display: inline-block;
}

.product_list:nth-child(2n-1){
    background-color: #f7f7f7;
} 
.product_box_hide{
    display: none;
}



/* 关于我们部分样式 */
.about_box{
    width: 1200px;
    margin: 0 auto;
    height: 507px;
}
.about_box_left{
    width: 690px;
    display: inline-block;
}
.about_box_left p{
    width: 690px;
    font-size: 14px;
    color: #666666;
    line-height: 30px;
    text-indent: 2em;
}
.about_box_left p:nth-child(1) {
    margin-top: 90px;
}
.about_box_righta{
    float: right;
    width: 510px;
    display: inline-block;
}


/* 底部样式 */
.foot{
    background-color: #28324b;
    height: 166px;
}
.foot_box{
    width: 1200px;
    margin: 0 auto;
    height: 166px;
    position: relative;
}
.foot_box_top{
    padding-top: 30px;
}
.foot_box_top_left{
    float: left;
}
.foot_box_top_main{
    display: inline-block;
    color: #747680;
    margin-left: 60px;
}
.foot_box_top_main a{
    color: #b3b3b3;
    font-size: 14px;
    display: inline-block;
    padding: 10px 40px;
    padding-top: 0;

}
.foot_box_top_right{
    float: right;
    text-align: center;
}
.foot_box_top_right p{
    color: #75798e;
    font-size: 12px;
    margin-top: 10px;
}
.foot_box_info{
    position: absolute;
    color: #75798e;
    font-size: 14px;
    line-height: 25px;
    top: 80px;
    left: 260px;
}
















                               /*********** 子页面公共部分样式  *******************/

/* 各子页面banner图片样式 */
.banner{
    height: 412px;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.banner img{
    position: absolute;
    height: 412px;
    left: 50%;
    margin-left: -960px;
}
.banner_info{
    position: relative;
    z-index: 99;
    width: 1200px;
    margin: 0 auto;
    margin-top: 130px;
}
.banner_info p{
    color: #0d7f5b;
    font-size: 26px;
    font-weight: bold;
}
.banner_info p:nth-child(2){
    margin-left: 230px;
}
.banner_info p.banner_info_white{
    color: #fff;
}

/* 面包屑导航 */
.crumbs{
    width: 1200px;
    margin: 0 auto;
    padding-top: 35px;
}
.crumbs span{
    float: right;
    display: inline-block;
    color: #828282;
}
.crumbs span a{
    color: #828282;
    font-size: 12px;
    line-height: 18px;
    padding: 5px;
}




/* 各子页面  主体  标题 */
.public_right_title{
    text-align: center;
    padding-bottom: 50px;
}
.public_right_title_fine{
    color: #767676;
    font-size: 20px;
    line-height: 25px;
    margin-top: 10px;
    font-family: "方正正纤黑简体";
}
.public_right_title_crude{
    color: #333;
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 2px;
}
.public_right_title_line{
    width: 36px;
    height: 1px;
    border-bottom: 3px solid #0d7f5b;
    margin: 0 auto;
}




/*  分页器样式 */
.page{
    text-align: center;
    margin-top: 45px;
    margin-bottom: 210px;
}
.page a,input{
    font-size: 14px;
    color: #696e7c;
    width: 37px;
    line-height: 32px;
    border: 1px solid #696e7c;
    display: inline-block;
}
.page_fa{
    font-size: 14px;
    color: #696e7c;
    width: 37px;
    line-height: 32px;
    border: 1px solid #696e7c;
    display: inline-block;
}
.page input{
    padding-left: 5px;
    width: 32px;
}
.page_tab{
    font-size: 13px;
    color: #696e7c;
    display: inline-block;
    margin-left: 10px;
}
.page button{
    background-color: #0d7f5b;
    border: 1px solid #0d7f5b;
    width: 47px;
    line-height: 32px;
    color: #fff;
    font-size: 14px;
}

.page a.active{
    color: #fff;
    background-color: #0d7f5b;
}





















/* ***************************************************新闻中心部分****************************************************** */

/* tab跳转 */
.tab_box{
    width: 1200px;
    margin: 0 auto;
}
/* 新闻中心部分     *********************************     左部分 */
.tab_box_left{
    height: 100%;
    display: inline-block;
    width: 170px;
}
.tab_box_left a{
    display: block;
    width: 155px;
    line-height: 50px;
    color: #333333;
    font-size: 18px;
    padding-left: 15px;
    border-bottom: 1px dotted #cdcdcd;
    cursor: pointer;
}
.tab_box_left a:nth-child(1){
    border-top: 1px dotted #cdcdcd;
}
.tab_box_left a.active{
    color: #0d7f5b;
}


/* 新闻中心部分     *********************************     右部分 */
.tab_box_right_box{
    width: 1030px;
    float: right;
}
/* 新闻中心部分       右部分  点击切换的部分     */
.tab_box_right{
    height: auto;
    width: 1030px;
    float: right;
}
.tab_box_right_hide{
    display: none;
}
/* 右部分  点击切换的部分    标题 */


/* 右部分  点击切换的部分    新闻列表 */
.tab_box_right_group{
    width: 900px;
    height: auto;
    margin-left: 130px;
    margin-top: 10px;
}
.tab_box_right_list{
    height: 150px;
    width: 100%;
    border-bottom: 1px solid #e2e2e2;
    display: inline-block;
}
.tab_box_right_list_left{
    margin-top: 31px;
    display: inline-block;
    width: 88px;
    height: 88px;
    background-color: #f2f2f5;
    text-align: center;
    color: #000;
}
.tab_box_right_list_left p{
    padding-top: 13px;
    font-size: 32px;
}
.tab_box_right_list_left span{
    font-size: 14px;
}
.tab_box_right_list_right{
    float: right;
    width: 780px;
}
.tab_box_right_list_right h2{
    font-size: 16px;
    margin-top: 35px;
    margin-bottom: 15px;
    color: #555555;
}
.tab_box_right_list_right p{
    font-size: 12px;
    line-height: 20px;
    color: #888888;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; 
}
.tab_box_right_list:hover .tab_box_right_list_left{
    background-color: #0d7f5b;
    color: #fff;
}
.tab_box_right_list:hover .tab_box_right_list_right h2{
    color: #0d7f5b;
}
.tab_box_right_list:hover .tab_box_right_list_right p{
    color: #0d7f5b;
}




/***************  新闻详情页部分  ********************/
.newslist_box{
    width: 900px;
    height: auto;
    margin-left: 130px;
    margin-top: 50px;
}
.newslist_box_tilte{
    color: #000;
    font-size: 18px;
    text-align: center;
}
.newslist_box_data{
    color: #999;
    font-size: 12px;
    text-align: center;
    margin-top: 5px;
}
.newslist_box_text{
    margin-top: 15px;
    padding-bottom: 300px;
}
.newslist_box_text p{
    color: #888888;
    font-size: 12px;
    line-height: 20px;
    margin: 20px 0;
}




























/* *****************************************************产品中心页部分*************************************************** */

.pro{
    width: 1200px;
    margin: 0 auto;
}
/* 产品中心页部分     *********************************     左部分 */
.pro_left{
    height: 100%;
    display: inline-block;
    width: 170px;
    padding-bottom: 200px;
}
.pro_left a{
    display: block;
    width: 155px;
    line-height: 40px;
    color: #7d7d7d;
    font-size: 14px;
    padding-left: 15px;
    border-bottom: 1px dotted #cdcdcd;
    cursor: pointer;
}
.pro_left a.pro_left_title{
    line-height: 50px;
    color: #333333;
    font-size: 18px;
}
.pro_left a:nth-child(1){
    border-top: 1px dotted #cdcdcd;
}

.pro_left a.active{
    color: #0d7f5b;
}

/* 产品中心页部分     *********************************     右部分 */
.pro_right{
    float: right;
    width: 980px;
}

/* 产品中心页部分     右部分   标题*/


/* 产品中心页部分     右部分   主体*/


/* 产品中心页部分     右部分   主体  tab */
.pro_box{
    display: none;
}
.pro_box_black{
    display: block;
}


/* 产品中心页部分     右部分   主体    表格       */
.pro_box_table{
    width: 980px;
}
.pro_box_table table{
    width: 980px;
    border-right: 0;
    border-left: 0;
}
.pro_box_table thead,th,td{
    border: 1px solid #ececec;
}
.pro_box_table table th{
    text-align: center;
    font-size: 14px;
    color: #333333;
    line-height: 50px;
    background-color: #f2f2f2;
}
.pro_box_table table td{
    text-align: center;
    line-height: 25px;
    padding: 25px 10px;
    color: #666;
    font-size: 14px;
}
.pro_box_table th:nth-child(1){
    width: 14%;
    border-left: 0;
}   
.pro_box_table th:nth-child(2){
    width: 14%;
} 
.pro_box_table th:nth-child(3){
    width: 30%;
    padding: 0 30px;
    text-align: left;
} 
.pro_box_table th:nth-child(4){
    width: 30%;
    padding: 0 30px;
    text-align: left;
} 
.pro_box_table th:nth-child(5){
    width: 12%;
    border-right: 0;
} 


.pro_box_table td:nth-child(3){
    text-align: left;
    color: #0d7f5b;
    padding: 25px 30px;
}
.pro_box_table td:nth-child(4){
    text-align: left;
    padding: 25px 30px;
}
.pro_box_table td:nth-child(1){
    border-left: 0;
} 
.pro_box_table td:nth-child(5){
    border-right: 0;
}



/*********************** 产品详情页部分 *******************/

/* .pro_right_box{
    width: 980px;
    height: auto;
    margin-top: 10px;
    padding-bottom: 100px;
} */
/* 产品详情页部分     右部分   主体    标题       */
/* .pro_right_tilte{
    color: #333;
    font-size: 28px;
    text-align: center;
}
.pro_right_data{
    color: #666;
    font-size: 14px;
    text-align: center;
    margin-top: 15px;
} */

/* 产品详情页部分     右部分   主体    图片       */
/* .pro_right_img{
    display: block;
    text-align: center;
}
.pro_right_img img{
    max-width: 100%;
    display: inline-block;
}
.pro_right_text p{
    font-size: 14px;
    color: #666; 
    line-height: 20px;
    margin: 20px 0;
}
.pro_right_text p.pro_right_text_title{
    color: #444;
}

/* 产品详情页部分     右部分   主体    表格       */
/*.pro_right_text_table_productdetails table{
    width: 600px;
}
.pro_right_text_table_productdetails table th{
    text-align: center;
    line-height: 40px;
    color: #0d7f5b;
    font-size: 18px;
}
.pro_right_text_table_productdetails table td{
    text-align: center;
    line-height: 25px;
    padding: 7px 20px;
    color: #666;
    font-size: 14px;
    white-space: pre-wrap;
}
.pro_right_text_table_productdetails table th:nth-child(1){
    width: 125px;
}
.pro_right_text_table_productdetails table th:nth-child(2){
    width: 100px;
}
.pro_right_text_table_productdetails table th:nth-child(3){
    width: 245px;
}
.pro_right_text_table_productdetails table th:nth-child(4){
    width: 120px;
} */























/**********************************************************资料中心   产品专题 *******************************************/
.data{
    width: 1200px;
    margin: 0 auto;
}

/* 资料中心主体左侧      tab  */
.data_left{
    height: 100%;
    display: inline-block;
    width: 170px;
}
.data_left_box a{
    display: block;
    width: 155px;
    line-height: 50px;
    color: #333333;
    font-size: 18px;
    padding-left: 15px;
    border-bottom: 1px dotted #cdcdcd;
    cursor: pointer;
}
.data_left_box a:nth-child(1){
    border-top: 1px dotted #cdcdcd;
}

.data_left_box a.active{
    color: #0d7f5b;
}


/* 资料中心主体右侧 */
.data_right{
    float: right;
    width: 980px;
}
/* 资料中心主体右侧 标题部分*/



/* 资料中心主体右侧 内容部分*/
.data_right_box ul{
    padding-bottom: 250px;
}
.data_right_box ul li{
    height: 50px;
    border-left: 4px solid transparent;
}
.data_right_box ul li a{
    display: inline-block;
    width: 100%;
    color: #555;
}
.data_right_box_title{
    font-size: 16px;
    line-height: 50px;
    display: inline-block;
    padding-left: 50px;
}   
.data_right_box_data{
    font-size: 14px;
    line-height: 50px;
    float: right;
    padding-right: 30px;
}  


.data_right_box ul li:hover{
    border-left: 4px solid #0d7f5b;
    background-color: #f6f6f6;
}
.data_right_box ul li:hover a{
    color: #0d7f5b;
}



/* ***********资料中心     子页面*****************/
.data_right_box{
    width: 980px;
    height: auto;
    margin-top: 10px;
    padding-bottom: 150px;
}

/*    资料中心  子页面     标题    */
.data_right_tilte{
    color: #333;
    font-size: 28px;
    text-align: center;
}
.data_right_data{
    color: #666;
    font-size: 14px;
    text-align: center;
    margin-top: 15px;
}


/*    资料中心  子页面     内容    */
.data_right_text{
    margin-top: 40px;
}
.data_right_text p{
    font-size: 14px;
    color: #666; 
    margin: 15px 0;
    line-height: 20px;
}
.data_right_text span{
    font-size: 14px;
    color: #666; 
    display: inline-block;
    line-height: 20px;
}
/* .data_right_text p.pro_right_text_blod{
    font-size: 14px;
    color: #444; 
    margin: 15px 0;
    line-height: 20px;
} */
.data_right_text p.pro_right_text_title{
    color: #444;
    font-size: 16px;
}
.data_right_text p.pro_right_text_title_color{
    color: #0d7f5b;
    font-size: 16px;
}
.pro_right_text_img img{
    display: block;
}

/*    资料中心  子页面     内容    表格   */
.data_right_text table{

}
.data_right_text table thead th{
    line-height: 40px;
    color: #0d7f5b;
    font-size: 18px;
    border: 1px solid #b5b5b5;
    text-align: center;
}
.data_right_text table tbody td{
    line-height: 20px;
    padding: 15px 15px;
    color: #666666;
    font-size: 14px;
    border: 1px solid #b5b5b5;
    text-align: center;
}






/* 产品专题子页面表格 */
.pro_right_text_group{
    width: 520px;
}
.pro_right_text_group span{
    width: 250px;
    line-height: 25px;
}


/* 产品专题子页面   内容    表格1 */
.data_right_text .pro_right_text_protable_top{
    margin-top: 10px;
}
.data_right_text .pro_right_text_protable1 thead th{
    text-align: left;
    padding: 0 20px;
}
.data_right_text .pro_right_text_protable1 tbody td{
    line-height: 25px;
    text-align: left;
    padding: 7px 20px;
}
.data_right_text .pro_right_text_protable1 thead th:nth-child(1){
    width: 275px;
}
.data_right_text .pro_right_text_protable1 thead th:nth-child(2){
    width: 90px;
}
.data_right_text .pro_right_text_protable1 thead th:nth-child(3){
    width: 45px;
}


/* 产品专题子页面   内容    表格2 */
.pro_right_text_protable2_box{
    width: 603px;
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 30px;
    margin-top: 20px;
}
.pro_right_text_protable2_box span{
    position: absolute;
    bottom: 0;
    font-size: 14px;
    color: #666;
    right: 0;
    margin-right: 10px;
}

.data_right_text .pro_right_text_protable2 thead th{
    text-align: left;
    padding: 0 20px;
}
.data_right_text .pro_right_text_protable2 tbody td{
    padding: 10px 20px;
    text-align: left;
}
.data_right_text .pro_right_text_protable2 thead th:nth-child(1){
    width: 285px;
}
.data_right_text .pro_right_text_protable2 thead th:nth-child(2){
    width: 225px;
}





/* 产品专题子页面   内容    表格3 */
.pro_right_text_protable3_box{
    width: 895px;
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 30px;
    margin-top: 20px;
}
.pro_right_text_protable3_box span{
    position: absolute;
    bottom: 0;
    font-size: 14px;
    color: #666;
    right: 0;
    margin-right: 10px;
}
.data_right_text .pro_right_text_protable3 thead th{
    text-align: center;
    padding: 0 20px;
}
.data_right_text .pro_right_text_protable3 tbody td{
    padding: 10px 20px;
    text-align: center;
}



.data_right_text .pro_right_text_protable3 thead th:nth-child(1){
    width: 305px;
}
.data_right_text .pro_right_text_protable3 thead th:nth-child(2){
    width: 55px;
}
.data_right_text .pro_right_text_protable3 thead th:nth-child(3){
    width: 90px;
}

.data_right_text .pro_right_text_protable3 thead th:nth-child(4){
    width: 40px;
}

.data_right_text .pro_right_text_protable3 thead th:nth-child(5){
    width: 90px;
}

.data_right_text .pro_right_text_protable3 thead th:nth-child(6){
    width: 55px;
}













/* 技术专栏子页面表格 */

/* 技术专栏子页面   内容    表格1 */
.data_right_text .pro_right_text_tentable1 thead th:nth-child(1){
    width: 125px;
}
.data_right_text .pro_right_text_tentable1 thead th:nth-child(2){
    width: 100px;
}
.data_right_text .pro_right_text_tentable1 thead th:nth-child(3){
    width: 245px;
}
.data_right_text .pro_right_text_tentable1 thead th:nth-child(4){
    width: 300px;
}
.data_right_text .pro_right_text_tentable1 thead th:nth-child(5){
    width: 80px;
}


/* 技术专栏子页面   内容    表格2 */
.data_right_text .pro_right_text_tentable2 thead th:nth-child(1){
    width: 140px;
}
.data_right_text .pro_right_text_tentable2 thead th:nth-child(2){
    width: 110px;
}
.data_right_text .pro_right_text_tentable2 thead th:nth-child(3){
    width: 145px;
}
.data_right_text .pro_right_text_tentable2 thead th:nth-child(4){
    width: 200px;
}
.data_right_text .pro_right_text_tentable2 thead th:nth-child(5){
    width: 80px;
}


/* 技术专栏子页面   内容    表格3 */
.data_right_text .pro_right_text_tentable3 thead th:nth-child(1){
    width: 155px;
}
.data_right_text .pro_right_text_tentable3 thead th:nth-child(2){
    width: 135px;
}
.data_right_text .pro_right_text_tentable3 thead th:nth-child(3){
    width: 115px;
}
.data_right_text .pro_right_text_tentable3 thead th:nth-child(4){
    width: 310px;
}
.data_right_text .pro_right_text_tentable3 thead th:nth-child(5){
    width: 80px;
}





/* 常见问题子页面表格 */

/* 常见问题子页面   内容    表格 */
.data_right_text .pro_right_text_table_problem_box{
    padding-bottom: 200px;
}
.data_right_text .pro_right_text_table_problem thead th:nth-child(1){
    width: 200px;
}
.data_right_text .pro_right_text_table_problem thead th:nth-child(2){
    width: 120px;
}
.data_right_text .pro_right_text_table_problem thead th:nth-child(3){
    width: 175px;
}
.data_right_text .pro_right_text_table_problem thead th:nth-child(4){
    width: 365px;
}
.data_right_text .pro_right_text_table_problem thead th:nth-child(5){
    width: 100px;
}

.data_right_text .pro_right_text_table_problem tbody td{
    line-height: 20px;
    padding: 15px 15px;
}















/* **************************************************代理品牌版面 ********************************************************/
.agent_box{
    width: 1200px;
    margin: 0 auto;
}
/* 代理品牌标题 */


/* 代理品牌图片*/
.agent_box_img{
    padding-bottom: 130px;
}
.agent_box_img a{
    display: inline-block;
    width: 285px;
    margin: 0 5px;
    margin-top: 20px;
}
.agent_box_img_box{
    width: 285px;
    line-height: 193px;
    border: 1px solid #d2d2d2;
    text-align: center;
    display: inline-block;
}
.agent_box_img_box img{
    max-width: 100%;
    display: inline-block;
}
.agent_box_img a p{
    font-size: 24px;
    color: #666;
    line-height: 70px;
    text-align: center;
}


























/********************************************************** 自主品牌页部分 ************************************************/


/*** 自主品牌页     主体   部分 ***/
.ind{
    width: 1200px;
    margin: 0 auto;
}

/*** 自主品牌页     主体   左侧      tab   ***/
.ind_left{
    height: 100%;
    display: inline-block;
    width: 170px;
}

.ind_left a{
    display: block;
    width: 155px;
    line-height: 40px;
    color: #7d7d7d;
    font-size: 14px;
    padding-left: 15px;
    border-bottom: 1px dotted #cdcdcd;
    cursor: pointer;
}
.ind_left a.ind_left_title{
    line-height: 50px;
    color: #333333;
    font-size: 18px;
}
.ind_left a:nth-child(1){
    border-top: 1px dotted #cdcdcd;
}

.ind_left a.active{
    color: #0d7f5b;
}



/*** 自主品牌页     主体   右侧     ***/
.ind_right{
    float: right;
    width: 980px;
}
.ind_box{
    display: none; 
}
.ind_box_black{
    display: block;
}

/*** 自主品牌页     主体   右侧     标题   ***/



/*** 自主品牌页     主体   右侧     内容   ***/


/*** 自主品牌页     主体   右侧     内容    表格    ***/
.ind_box_table{
    width: 980px;
}
.ind_box_table table{
    width: 980px;
    border-right: 0;
    border-left: 0;
}
.ind_box_table thead,th,td{
    border: 1px solid #ececec;
}
.ind_box_table table th{
    text-align: center;
    font-size: 14px;
    color: #333333;
    line-height: 50px;
    background-color: #f2f2f2;
}
.ind_box_table table td{
    text-align: center;
    line-height: 25px;
    padding: 25px 10px;
    color: #666;
    font-size: 14px;
}
.ind_box_table th:nth-child(1){
    width: 14%;
    border-left: 0;
}   
.ind_box_table th:nth-child(2){
    width: 14%;
} 
.ind_box_table th:nth-child(3){
    width: 30%;
    padding: 0 30px;
    text-align: left;
} 
.ind_box_table th:nth-child(4){
    width: 30%;
    padding: 0 30px;
    text-align: left;
} 
.ind_box_table th:nth-child(5){
    width: 12%;
    border-right: 0;
} 


.ind_box_table td:nth-child(3){
    padding: 25px 30px;
    text-align: left;
    color: #0d7f5b;
}
.ind_box_table td:nth-child(4){
    padding: 25px 30px;
    text-align: left;
}
.ind_box_table td:nth-child(1){
    border-left: 0;
} 
.ind_box_table td:nth-child(5){
    border-right: 0;
}




















/* **************************************************关于我们版面 ********************************************************/

/* 关于我们版面    主体 */
.about_html_box{
    width: 1200px;
    margin: 0 auto;
}

/* 左边导航 */
.about_box_left{
    height: 100%;
    display: inline-block;
    width: 170px;
}
.about_box_left a{
    display: block;
    width: 155px;
    line-height: 50px;
    color: #333333;
    font-size: 18px;
    padding-left: 15px;
    border-bottom: 1px dotted #cdcdcd;
    cursor: pointer;
}
.about_box_left a:nth-child(1){
    border-top: 1px dotted #cdcdcd;
}

.about_box_left a.active{
    color: #0d7f5b;
}



/* 右边内容 */
.about_box_right{
    float: right;
}
.about_us{
    width: 100%;
    height: 487px;
    position: relative;
    margin-top: 30px;
    margin-bottom: 50px;
}
.about_us_bj{
    position: absolute;
    z-index: -1;
}

/* 关于我们版面    主体   关于我们  */
.about_us_box{
}
.about_us_box_top{
    width: 565px;
    float: right;
}
/* .about_us_box_top{

} */
.about_us_box_top span{
    color: #7c7c7c;
    font-size: 28px;
    font-weight: bold;
    font-family: "方正综艺简体";
}
.about_us_box_top h2{
    color: #444;
    font-size: 26px;
    font-weight: bold;
}
.about_us_box_top_line{
    width: 100%;
    height: 0;
    border-bottom: 1px solid #7c7c7c;
    margin: 5px 0;
}

.about_us_box_bottom{
    padding-top: 110px;
}
.about_us_box_bottom_left{
    width: 420px;
    display: inline-block;
    text-align: center;
}
.about_us_box_bottom_left_img{
    margin-bottom: 10px;
}
.about_us_box_bottom_left_img img{
    display: inline-block;
}
.about_us_box_bottom_left p{
    line-height: 25px;
    color: #676767;
    font-size: 14px;
    text-align: left;
    width: 88%;
    margin: 0 auto;
}

.about_us_box_bottom_right{
    float: right;
    width: 500px;
}
.about_us_box_bottom_right p{
    color: #676767;
    font-size: 15px;
    line-height: 30px;
    margin-top: 10px;
}
.about_us_box_bottom_right p i{
    color: #0d7f5b;
}

.about_us_box_bottom_right_img{
    margin-top: 30px;
}
.about_us_box_bottom_right_img img{
    max-width: 100%;
    display: inline-block;
    padding: 0 2px;
}

/* 关于我们版面    主体   代理品牌  */
.about_agent_box{
    padding-top: 20px;
    margin-bottom: 100px;
    padding-bottom: 80px;
}
.about_agent_box_img{
    float: left;
    width: 194px;
    line-height: 96px;
    text-align: center;
    display: inline-block;
    border: 1px solid #d2d2d2;
    background-color: #ededed;
}
.about_agent_box_img img{
    max-width: 194px;
    height: 96px;
}


/* *****************关于我们版面   联系我们 ***********************/
.about_contact{
    width: 980px;
    margin-top: 40px;
    margin-bottom: 250px;
}
.about_contact_top{
    width: 980px;
}
.about_contact_top_left{
    width: 390px;
    height: auto;
    display: inline-block;
    overflow: hidden;
    margin-left: 100px;
}
.about_contact_top_title{
    color: #0d7f5b;
    font-size: 24px;
    margin-top: 30px;
}
.about_contact_top_title_english{
    color: #bababa;
    font-size: 22px;
    margin-top: 3px;
}
.about_contact_top_address{
    color: #000;
    font-size: 18PX;
    margin-top: 30px;
}
.about_contact_top_email{
    color: #000;
    font-size: 18PX;
    margin-top: 10px;
    margin-bottom: 20px;
}


.about_contact_top_right{
    float: right;
    width: 410px;
    padding-top: 20px;
}
.about_contact_top_info{
    color: #000;
    font-size: 16px;
    padding: 10px 0;
}
.about_contact_top_info i{
    color: #0d7f5b;
    font-size: 20px;
    margin-right: 5px;
}

.about_contact_bottom{
    width: 100%;
    display: inline-block;
    border: 1px solid #bfbfbf;
    margin-top: 30px;
}
#about_contact_bottom_map{
    width: 100%;
    height: 525px;
}




/* *****************关于我们版面   在线留言 ***********************/
.about_message{
    width: 980px;
    height: auto;
    padding-bottom: 300px;
}


.about_message_input{
    padding-top: 30px;
}
.about_message_input li{
    float: left;
    line-height: 40px;
    margin-bottom: 30px;
}
.about_message_input li span{
    font-size: 16px;
    color: #333;
}
.about_message_input li span i{
    color: #ff0030;
    margin-right: 5px;
} 
.about_message_input li input{
    border: 1px solid #cbcbcb;
    display: inline-block;
    width: 340px;
    padding-left: 10px;
}
.about_message_input li:nth-child(2n){
    margin-left: 140px;
} 


.about_message_textarea{
    position: relative;
}
.about_message_textarea span{
    font-size: 16px;
    color: #333;
    padding-left: 13px;
    display: inline-block;
    line-height: 40px;
    position: absolute;
}
.about_message_textarea textarea{
    border: 1px solid #cbcbcb;
    display: inline-block;
    width: 890px;
    height: auto;
    padding-left: 10px;
    line-height: 30px;
    margin-left: 61px;
    color: #696e7c;
    font-size: 14px;
}

.about_message_tips{
    font-size: 16px;
    color: #656565;
    padding-left: 61px;
    line-height: 30px;
    margin-top: 5px;
}



.about_message_operation{
    padding-left: 61px;
    padding-top: 60px;
}
.about_message_operation button{
    width: 150px;
    line-height: 40px;
    font-size: 18px;
    color: #fff;
    border-radius: 3px;
    border: 0px;
    cursor: pointer;
}
.about_message_operation button:nth-child(1){
    background-color: #205527;
}
.about_message_operation button:nth-child(2){
    background-color: #b4b4b4;
    margin-left: 20px;
}