@charset "UTF-8";
.huan_container{
    width: 1200px;
    margin: 0 auto;
}
/**************header***********/
.huan_headertop{
	background-color: #147ac1;
	color: #ffffff;
	letter-spacing: 1px;
}
#huan_header .huan_welcome{
    font-size: 12px;
    display: flex;
    align-items: center;
}
#huan_header .huan_welcome .huan_line{
    width: 34px;
	height: 1px;
    background-color: #ffffff;
    display: inline-block;
    margin: 0 5px;
}
.huan_headertop .huan_container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 30px;
}
.huan_headertop_right{
    display: flex;
    align-items: center;
}
.huan_headtel{
    font-size: 15px;
    font-weight: bold;
    margin-right: 90px;
}
.huan_headtel span{
    font-weight: normal;
}
.huan_lanuage,.huan_lanuage a{
    font-size: 12px;
}
.huan_lanuage .huan_vertical{
    width: 1px;
	height: 10px;
    background: #ffffff;
    display: inline-block;
    margin: 0 10px;
}
.huan_headercon .huan_container{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.huan_headercon .huan_nav ul{
    display: flex;
    align-items: center;
}
.huan_headercon .huan_nav ul li{
    display: inline-block;
}
.huan_headercon .huan_nav ul li a{
    line-height: 81px;
    padding: 0 35px;
    border-bottom: 3px solid #ffffff;
}
.huan_headercon .huan_nav ul li.hover a,
.huan_headercon .huan_nav ul li a:hover{
    background-color: #f3f3f3;
    border-bottom: 3px solid #147ac1;
    display: block;
}
/**************header***********/
.page_banner img{
    width: 100%;
}
/************header tool**********/
.huan_tool{
    background-color: #ececec;
}
.huan_tool .huan_container{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.huan_tool .huan_hotkey{
    font-size: 14px;
	color: #333333;
}
.huan_tool .huan_hotkey a{
    color: #666666;
    margin-right: 20px;
}
.huan_search{
    margin: 10px 0;
}
.huan_search form{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 241px;
	height: 30px;
    background-color: #ffffff;
}
.huan_search input{
    outline: unset;
}
.huan_search .inp_button{
    width: 29px;
	height: 28px;
    background: url("../images/huan/search_icon.png") no-repeat center center #147ac1;
    display: inline-block;
    margin-right: 1px;
}
.huan_search .inp_text{
    width: calc(100% - 30px);
    padding-left: 12px;
    font-size: 12px;
}
/************header tool**********/

/************关于我们框架********/
.pad70{
    padding: 70px 0 76px;
}
.huan_page_con .huan_container{
    display: flex;
    justify-content: space-between;
}
.huan_page_con .huan_page_left{
    width: 266px;
}
.huan_page_con .huan_page_right{
    width: calc(100% - 302px);
}
.huan_title_box{
    background-color: #147ac1;
    text-align: center;
    padding: 20px 0;
}
.huan_title_box .huan_title_en{
    font-size: 41px;
	letter-spacing: 2px;
	color: #6ac7fb;
    opacity: 0.1;
    line-height: 32px;
    font-weight: bold;
}
.huan_title_box .huan_title_cn{
    font-size: 30px;
    color: #ffffff;
    margin-top: -17px;
}
.huan_cate_lists ul{
    background-color: #f9f9f9;
    border-bottom: 1px solid #eaeaea;
}
.huan_cate_lists ul li{
    border-bottom: 1px solid #eaeaea;
}
.huan_cate_lists ul li a{
    line-height: 60px;
    display: block;
    font-size: 16px;
	letter-spacing: 1px;
    color: #666666;
    padding: 0 30px 0 35px;
    background: url("../images/huan/left_ali_icon.png") no-repeat 89% center;
}
.huan_cate_lists ul li.hover a,
.huan_cate_lists ul li:hover a{
    color: #147ac1;
    background: url("../images/huan/left_ali_icon_hover.png") no-repeat 89% center #ffffff;
}
.huan_position{
    border-bottom: 1px solid #efefef;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 48px;
}
.huan_position .huan_catetitle{
    font-size: 18px;
	letter-spacing: 1px;
	color: #333333;
}
.huan_position .huan_link{
    font-size: 12px;
	letter-spacing: 1px;
    color: #888888;
}
.huan_position .huan_link .hover,
.huan_position .huan_link a:last-child,
.c3_nav .c3_content a:last-child{
    color: #147ac1;
}
.huan_position .huan_link em{
    display: inline-flex;
}
.huan_aboutcontent{
    font-size: 15px;
	line-height: 23px;
    color: #666666;
    margin-top: 20px;
}
.huan_aboutcontent p{
    margin-bottom: 10px;
}
.huan_aboutcontent img{
    max-width: 100%;
}
/************关于我们框架********/

/***********公司简介***********/
.huan_about_enquierment ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.huan_about_enquierment ul li{
    width: 48.78%;
    margin: 10px 0;
}
.huan_aboutcontent .huan_point{
    width: 3px;
	height: 3px;
    background-color: #656565;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 3px;
}
.huan_aboutcontent .huan_note{
    border-radius: 6px;
    border: dashed 1px #147ac1;
    font-size: 15px;
	line-height: 28px;
    color: #147ac1;
    padding: 17px 25px;
}
.huan_honer_lists ul{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-top: 11px;
}

.huan_honer_lists ul li{
    background-color: #f5f5f5;
    margin: 0 17px 17px 0;
    padding: 23px 25px 0;
}
.huan_honer_lists ul li .huan_img{
    width: 176px;
    height: 242px;
    overflow: hidden;
}
.huan_honer_lists ul li .huan_img img{
    max-width: 100%;
    max-height: 100%;
}
.huan_honer_lists ul li .huan_text{
    font-size: 14px;
	line-height: 35px;
    color: #333333;
    text-align: center;
}
.huan_aboutcontent .huan_blue{
    background: #147ac1;
}
.huan_producelist_group{
    background-color: #f5f5f5;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.huan_producelist_group{
    margin-bottom: 17px;
}
.huan_producelist_group .huan_img{
    width: 47.7%;
}
.huan_producelist_group .huan_left{
    width: 52.3%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.huan_producelist_group .huan_left .huan_text{
    min-width: 265px;
}
.huan_producelist_group .huan_title{
    font-size: 15px;
	line-height: 35px;
    color: #333333;
    margin-bottom: 3px;
}
.huan_producelist_group .huan_text p{
    font-size: 15px;
	line-height: 35px;
	color: #666666;
}
.huan_produce_lists .huan_producelist_group:nth-of-type(2n){
    flex-direction: row-reverse;
}
.huan_news_info .huan_title{
    font-size: 22px;
	letter-spacing: 1px;
    color: #343434;
    text-align: center;
    padding: 63px 0 20px;
}
.huan_news_info .huan_date{
    background-color: #f8f8f8;
    border: solid 1px #ececec;
    line-height: 31px;
    font-size: 14px;
    color: #666666;
    text-align: center;
}
.huan_news_info .huan_newscontent{
    font-size: 14px;
	line-height: 29px;
    color: #666666;
    padding: 16px 0 26px;
}
.huan_news_info .huan_newscontent p{
    padding: 2px 0;
}
.huan_newsinfo_tool{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 60px;
    border-top: 1px dashed #d6d4d4;
    padding-top: 25px;
}
.huan_newsinfo_tool .huan_left p{
    font-size: 16px;
	letter-spacing: 1px;
    color: #343434;
    margin-bottom: 8px;
}
.huan_newsinfo_tool .huan_left p a{
    color: #147ac1;
}
.huan_newsinfo_tool .huan_right a{
    width: 103px;
	height: 41px;
    border: solid 1px #147ac1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
	letter-spacing: 1px;
	color: #147ac1;
}
.huan_index_section2{
    background: url("../images/huan/index_section_2_bg.jpg") no-repeat;
    background-size: 100% 100%;
}
.huan_index_section2 .huan_container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 39px 0 33px;
}
.huan_index_section2 .huan_left{
    max-width: 573px;
}
.huan_index_section2 .huan_right{
    display: flex;
    align-items: center;
}
.huan_index_section2 .huan_title{
    font-size: 34px;
	letter-spacing: 1px;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 17px;
}
.huan_index_section2 .huan_desp{
    font-size: 16px;
	letter-spacing: 1px;
	color: #ffffff;
}
.huan_index_section2 .huan_link{
    text-align: center;
    margin-right: 90px;
}
.huan_index_section2 .huan_link .huan_text{
    font-size: 16px;
	letter-spacing: 7px;
	color: #ffffff;
}
.huan_index_section2 .huan_link .huan_num{
    font-size: 28px;
	font-weight: bold;
	letter-spacing: 1px;
    color: #ffffff;
    padding: 2px 0 6px;
}
.huan_index_section2 .huan_link a{
    width: 181px;
	height: 40px;
    background-color: #ffffff;
    font-size: 16px;
	letter-spacing: 1px;
    color: #147ac1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.huan_scan{
    font-size: 14px;
    color: #ffffff;
    text-align: center;
}
.huan_scan img{
    padding-bottom: 4px;
}
.huan_index_about{
    margin: 63px 0 75px;
    background: url("../images/huan/index_section_3_bg.jpg") no-repeat;
    background-size: cover;
}
.huan_index_about .huan_indabout{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.huan_index_about .huan_indabout .huan_img{
    max-width: 591px;
}
.huan_index_about .huan_indabout .huan_img img{
    max-width: 100%;
}
.huan_index_about .huan_indabout_con{
    max-width: 482px;
}
.huan_indabout .huan_title{
    font-size: 36px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #333333;
}
.huan_indabout .huan_desp{
    font-size: 14px;
	line-height: 24px;
    color: #666666;
    padding: 38px 0 62px;
}
.huan_about_link{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.huan_about_link a{
    font-size: 16px;
	line-height: 24px;
    color: #333333;
    padding: 12px 39px;
    background-color: #dbdbdb;
}
.huan_about_link a.hover,
.huan_about_link a:hover{
    color: #147ac1;
}
.huan_about_environment{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 44px 0 75px;
}
.huan_about_environment .huan_img{
    width: 32%;
}
.huan_about_environment .huan_img img{
    width: 100%;
}
.huan_index_custom{
    background: url("../images/huan/index_section_4_bg.jpg") no-repeat;
    background-size: cover;
    padding: 70px 0 82px;
}
.huan_index_custom .huan_title{
    font-size: 36px;
	letter-spacing: 2px;
    color: #ffffff;
    width: 100%;
    text-align: center;
    background: url("../images/huan/index_custom_title_line.png") no-repeat center bottom;
    padding-bottom: 19px;
    margin-bottom: 46px;
}
.huan_index_custom .huan_custom_con{
    position: relative;
}
.huan_index_custom .swiper-container{
    margin: 0 100px;
    position: unset;
}
.huan_index_custom .swiper-container .swiper-slide{
    width: 180px;
	height: 127px;
	background-color: #ffffff;
	box-shadow: 4px 8px 8px 0px 
        rgba(32, 32, 32, 0.07);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.huan_index_custom .swiper-container .swiper-slide img{
    max-width: 100%;
    max-height: 100%;
}
.huan_index_custom .swiper-button-next,
.huan_index_custom .swiper-button-prev{
    width: 33px;
    height: 64px;
    display: inline-block;
    top: 43%;
}
.huan_index_custom .swiper-button-next.swiper-button-disabled, 
.huan_index_custom .swiper-button-prev.swiper-button-disabled{
    opacity: 1;
}
.huan_index_custom .swiper-button-next{
    background: url("../images/huan/index-swiper-right.png") no-repeat;
}
.huan_index_custom .swiper-button-prev{
    background: url("../images/huan/index-swiper-left.png") no-repeat;
}
#pagesize{
    text-align: center;
}
#pagesize li {
    display: inline-block;
}
#pagesize a, #pagesize span{
    border-radius: unset !important;
    box-shadow: unset !important;
    background: #ffffff !important;
    color: #666666 !important;
}
#pagesize .active,
#pagesize a:hover{
    background-color: #147ac1 !important;
    border-color: #147ac1 !important;
    color: #ffffff !important;
}
.huan_search_list dl {
    width: 100%;
    border-bottom: 1px dashed #eeeeee;
    margin-bottom: 10px;
    display: flex;
    line-height: 35px;
    flex-direction: row-reverse;
    justify-content: space-between;
}
.huan_search_list dl dt{
    min-width: 100px;
}
















/********底部***********/
#footer{
    background-color: #f2f2f2;
    font-size: 12px;
    color: #999999;
    text-align: center;
    padding: 15px 0 17px;
}
#footer span{
    margin: 0 20px;
}
/********底部***********/















@media (max-width:1199px) {
    .huan_container{
        max-width: 1200px;
        width: auto;
        padding: 0 15px;
    }
	.huan_newscontent img{
        max-width: 100%;
    }
    .huan_index_section2 .huan_container{
        padding: 39px 10px 33px;
    }
    .huan_index_about .huan_indabout .huan_img{
        width: 45%;
    }
}

@media (max-width:990px) {
    .huan_headercon .huan_container{
        flex-wrap: wrap;
    }
    .huan_logo{
        width: 100%;
        text-align: center;
        padding: 25px 0;
        border-bottom: 1px solid #eee;
    }
    .huan_headercon .huan_nav ul li a {
        line-height: 49px;
    }
    .huan_tool .huan_hotkey {
        font-size: 12px;
    }
    .huan_tool .huan_hotkey a {
        color: #666666;
        margin-right: 4px;
    }
    .huan_producelist_group .huan_left .huan_text {
        max-width: 170px;
        min-width: auto;
    }
    .huan_producelist_group .huan_text p {
        font-size: 12px;
        line-height: 26px;
    }
    .huan_producelist_group .huan_title {
        font-size: 14px;
        line-height: 25px;
    }
    .huan_index_section2 .huan_title {
        font-size: 24px;
    }
    .huan_index_section2 .huan_desp {
        font-size: 14px;
    }
    .huan_index_section2 .huan_left {
        max-width: 40%;
    }
    .huan_index_about .huan_indabout_con{
        width: 50%;
        max-width: auto;
    }
    .huan_indabout .huan_desp {
        padding: 18px 0 22px;
    }
    .huan_about_link a {
        padding: 7px 21px;
    }
}

@media (max-width:767px) {
    .huan_container{
        padding: 0 8px;
    }
    .pad70 {
        padding: 20px 0 26px;
    }
    .huan_page_con .huan_container{
        flex-wrap: wrap;
    }
    .huan_page_con .huan_page_left,
    .huan_page_con .huan_page_right{
        width: 100%;
    }
    .huan_title_box .huan_title_en {
        font-size: 29px;
    }
    .huan_title_box .huan_title_cn {
        font-size: 21px;
        margin-top: -23px;
        padding-bottom: 4px;
    }
    .huan_title_box {
        padding: 1vw 0;
    }
    .huan_cate_lists {
        overflow-x: scroll;
    }
    /* .huan_cate_lists ul {
        white-space: nowrap;
    } */
    .huan_cate_lists ul li {
        display: inline-block;
        width: 49%;
    }
    .huan_cate_lists ul li a {
        line-height: 34px;
        font-size: 12px;
        padding: 0 21px 0 15px;
    }
    .huan_position{
        display: none;
    }
    .huan_aboutcontent {
        font-size: 13px;;
        margin-top: 10px;
        padding: 0 2vw;
    }
    #footer span{
        display: block;
    }
    .huan_honer_lists ul li {
        margin: 0 0 20px;
        padding: 23px 25px 0;
        width: 100%;
        text-align: center;
    }
    .huan_honer_lists ul li .huan_img{
        display: inline-block;
    }
    .huan_producelist_group .huan_title {
        font-size: 12px;
        line-height: 18px;
    }
    .huan_producelist_group .huan_text p {
        font-size: 12px;
        line-height: 17px;
    }
	    .huan_newsinfo_tool{
        flex-wrap: wrap;
    }
    .huan_newsinfo_tool .huan_right{
       margin-top: 15px;
    }
    .huan_newsinfo_tool {
        margin-bottom: 40px;
    }
    .huan_news_info .huan_newscontent {
        padding: 16px 0 30px;
    }
    .huan_news_info .huan_title {
        font-size: 20px;
        padding: 23px 0 20px;
    }
	.c3_nav .c3_content {
		padding-top: 11px;
		padding-bottom: 10px;
    }
    .huan_index_section2 .huan_container{
        flex-wrap: wrap;
    }
    .huan_index_section2 .huan_left{
        max-width: unset;
        width: 100%;
        text-align: center;
    }
    .huan_index_section2 .huan_right{
        width: 100%;
        flex-wrap: wrap;
        text-align: center;
    }
    .huan_index_section2 .huan_link{
        width: 100%;
        margin: 25px 0 15px;
    }
    .huan_scan{
        width: 100%;
        text-align: center;
    }
    .huan_index_about .huan_indabout{
        flex-wrap: wrap;
    }
    .huan_index_about .huan_indabout .huan_img,
    .huan_index_about .huan_indabout_con{
        width: 100%;
    }
    .huan_indabout .huan_title {
        margin-top: 20px;
        font-size: 22px;
    }
    .huan_index_about {
        margin: 33px 0 25px;
    }
    .huan_about_environment {
        margin: 24px 0 35px;
    }
    .huan_index_custom {
        padding: 30px 0 32px;
    }
    .huan_index_custom .huan_title {
        font-size: 27px;
        padding-bottom: 19px;
        margin-bottom: 24px;
    }
}