@media(min-width:1400px){
.auto_1200{ width: 62.5%;}
}
@media(min-width:1024px){
.auto_1200{ width: 72.5%;}
}
.f16{font-size: 16px}
.f18{font-size: 18px}
.f22{font-size: 22px}
.f24{font-size: 24px}
.f26{font-size: 26px}
.f30{font-size: 30px}
@media(max-width:1200px){
.f16{font-size: 15px}
.f18{font-size: 16px}
.f22{font-size: 18px}
.f24{font-size: 20px}
.f26{font-size: 22px}
.f30{font-size: 24px}
}
@media(max-width:640px){
.f16{font-size: 14px}
.f18{font-size: 15px}
.f22{font-size: 16px}
.f24{font-size: 18px}
.f26{font-size: 20px}
.f30{font-size: 22px}
}

.column_title{text-align: center; line-height:1.6; padding-bottom: 3%}
.column_title.text_left{text-align: left;}
.column_title *{padding: 0; margin: 0; font-weight: normal}
.column_title h2{color: #008fd5; font-size: 12px;}
.column_title h1{color: #333333; font-size: 32px}

.column_info{font-size: 24px;line-height: 2;color: #666666;}
@media(max-width:1200px){
.column_title h2{font-size: 20px;}
.column_title h1{font-size: 28px}
}
@media(max-width:640px){
.column_title h2{font-size: 18px;}
.column_title h1{font-size: 24px}
}

.banner{padding-top: 98px; text-align: center}
.banner img{max-width: 100%}
.banner .wap{display: none}
@media(max-width:1440px){
.banner{padding-top:80px}
}
@media(max-width:1024px){

.banner .pc{display: none}
.banner .wap{display:block}
}

.product_part{padding-top: 3%; padding-bottom: 3%}
.product_part.product_advantages{padding-top: 0;}
.product_details .intro{color: #666666; line-height: 2; /* padding-bottom:6% */}
.product_details .intro.m0{padding-bottom: 0;}
@media(min-width:1200px){
.product_details .fl_fr{display: table;table-layout: fixed}
.product_details .fl_fr .intro,
.product_details .fl_fr .photo{display: table-cell;vertical-align: middle}
.product_details .fl_fr.p_r .photo{padding-right: 5%;}
.product_details .fl_fr .intro{width: 60%; padding-right: 5%; padding-bottom: 0}
.product_details .fl_fr.p_r .intro{padding-right: 0%;}
.product_details .fl_fr.p_r .intro .tit{
    padding-bottom: 50px;
    position: relative;
    font-size: 26px;
    color: #666666;
    line-height: 1;
}
.product_details .fl_fr.p_r .intro .tit::after{
    content: '';
    position: absolute;
    width: 150px;
	height: 4px;
	background-color: #666666;
    left: 0;
    bottom: 25px;
}
.product_details .fl_fr .photo{text-align: right}
.product_details .fl_fr .intro .h1{font-size: 40px;color: #333333;}
}

.product_features .item{ text-align: center; color: #fff;}
/*.product_features .item .box{transition: 0.5s}*/
.product_features .item .icon{ margin: auto;}
.product_features .item .icon img{transition: 0.5s}
.product_features .item .txt{line-height: 32px; min-height: 96px;}
.product_features .item:hover .icon img{transform: rotate(360deg)}

.product_features.False .item{float: left; margin-bottom: 2%; }

.product_features.False .item .box{ background: #999999; padding: 20px}
.product_features.False .item .icon{width:29.415%; margin-bottom: 5%}
.product_features.False .item:hover .box{background: #008fd5}

.product_features.True .auto_1200{max-width: inherit}
.product_features.True .item{display: flex;}
.product_features.True .item .txt{padding: 0 20px;}
.product_features.True .item .icon{width: 19%;}
.product_features.True .item .box{min-height: 270px; background: #cccccc; width: 100%; position: relative;flex-direction: column;  display: flex; justify-content: center;}
.product_features.True .item .box{border: solid 30px #fff}
.product_features.True .item.prev .box{left: -15px;}
.product_features.True .item.next .box{right: -15px;}
.product_features.True .item.slick-near .box{background: #999999;border: solid 15px #fff}

.product_features.True .item.slick-current .box{min-height:300px;background: #008fd5; border: none}
.product_features.True .slick-track{display: flex;  justify-content: space-between; align-items: center}
@media(min-width:768px){
.product_features.True .item.slick-current .icon{display: none}
}

@media(min-width:1200px){
.product_features.False .item{width:32%;}
.product_features.False .item:not(:nth-child(3n+1)){ margin-left: 2%;}
.product_features.False .item:nth-child(3n+1){clear: both}

.product_features.True .item .txt{ font-size: 16px; }
.product_features.True .item.slick-near .txt{font-size: 18px;}
.product_features.True .item.slick-current .txt{font-size: 22px;}
.product_features.True .slick-list{overflow: inherit;padding: 0 15%!important}
}
@media(max-width:1200px){
.product_features.False .item{width:49%;}
.product_features.False .item:not(:nth-child(2n+1)){ margin-left: 2%;}
.product_features.False .item:nth-child(2n+1){clear: both}
}


.product_application{background: #f1f1f1}
.product_application .item{transition: 0.5s; position: relative; }
.product_application .item .pic{overflow: hidden;}
.product_application .item .pic span{ display: block; padding-bottom:64.5%; position: relative;border-radius: 10px; background: no-repeat center center; background-size:cover; overflow: hidden}
.product_application .item .pic img{position: absolute; width: 100%; height: 100%; opacity: 0}
.product_application .item .txt{ line-height:2.6; position: absolute; width: 100%; bottom: 0; color: #fff; background: rgba(0,0,0,0.5); text-align: center; border-radius: 0 0 10px 10px}
.product_application .slick-list{padding: 50px 0!important}
.product_application .slick-current{transform: scale(1.2); z-index: 10}
.product_application .item:not(.slick-current) .pic span:before{content: ''; position: absolute; width: 100%; height: 100%; background: #000; opacity: 0.5}
@media(max-width:768px){
.product_application .slick-list{overflow: inherit; padding: 50px 15%!important}
}


.product_form .item_box{ border: solid 1px #999999; border-radius: 5px; margin-bottom: 30px;padding: 10px 10px 10px 80px; background: no-repeat 25px center;}
.product_form .item_box label{position: absolute; line-height: 38px; color: #999999; font-size: 16px;}
.product_form .item_box .text{ width: 100%; height: 38px; line-height: 38px; border: none; background: no-repeat}
.product_form .item_box textarea.text{ height: 220px;}
.product_form .item_box.i1{background-image: url(../images/form_icon1.png)}
.product_form .item_box.i2{background-image: url(../images/form_icon2.png)}
.product_form .item_box.i3{background-image: url(../images/form_icon3.png)}
.product_form .item_box.i4{background-image: url(../images/form_icon4.png)}
.product_form .item_box.i5{background-image: url(../images/form_icon5.png); background-position: 25px 10px;}
.product_form .item_btn{text-align: center}
.product_form .item_btn .btn{ width: 200px; height: 60px; text-align: center; color: #fff; border: none; cursor: pointer; background: #008fd5; border-radius:10px;}
.product_form .item_btn .btn:hover{background: #fbc600}
@media(min-width:768px){
.product_form .row3 .item_box{ float: left; width: 32%;}
.product_form .row3 .item_box:not(:first-child){margin-left: 2%}
}
@media(max-width:768px){
.product_form .item_box{margin-bottom: 15px;padding:5px 5px 5px 30px;background-position:0 5px; background-size:30px;}
.product_form .item_box label{line-height: 32px;font-size: 14px;}
.product_form .item_box .text{height:32px; line-height:32px;}
.product_form .item_box.i5{background-position:0 5px; }
.product_form .item_btn .btn{ width: 140px; height: 40px;}
}

.product_tool{background: #f1f1f1}
.text_center{text-align: center;}
.product_advantages .intro{line-height: 2; padding-bottom: 4%;}
.product_advantages .intro.text_center{text-align: center;}
.product_advantages .icon_txt ul{display: flex;justify-content: space-between;}
.product_advantages .icon_txt li{float: left; width: 25%; text-align: center}
.product_advantages .icon_txt .icon{max-width: 70%; border-radius: 100px; overflow: hidden; border: solid 1px #333333;display: inline-block; padding: 5.43%; }
.product_advantages .icon_txt .icon,
.product_advantages .icon_txt .icon img{transition: 0.5s}
.product_advantages .icon_txt .txt{padding-top: 4%}
.product_advantages .icon_txt .intro{padding: 0 20px;}
.product_advantages .icon_txt li:hover .icon{background: #008fd5; border-color: #008fd5}
.product_advantages .icon_txt li:hover .icon img{filter: grayscale(100%) brightness(500%); transform: rotate(360deg)}

.product_case .case_item{position: relative}
.product_case .item_title {text-align: center}
.product_case .item_title .item{float: left; width: 20%;}
.product_case .item_title .item a{display: inline-block; cursor: pointer; color: #999999; text-align: center;padding: 10px;}
.product_case .item_title .item.show a{color: #fff; background: #008fd5; border-radius: 10px 10px 0 0}
.product_case .item_title .item:nth-child(1){text-align: left}
.product_case .item_title .item:nth-child(5){text-align: right}
.product_case .item_info .item{color: #fff; line-height: 1.8; padding: 3%; position: relative;border-radius: 10px; overflow: hidden}
.product_case .item_info .item:before{content: '';position: absolute;left: 0;top: 0; width: 100%; height: 100%; background:rgba(0,143,213,0.95);}
.product_case .item_info .item .title{padding-bottom: 3%}
.product_case .item_info .item .sub_title{line-height:2; padding-left: 24px; position: relative}
.product_case .item_info .item .sub_title:before{content: ''; width: 4px; height: 40%; background: #fff; position: absolute; left: 0; top: 0; bottom: 0; margin: auto}
.product_case .item_info .item .txt{padding: 10px 0 24px 24px;}
.product_case .item_info .item .txt li{padding-left: 16px; position: relative}
.product_case .item_info .item .txt li:before{content: ''; position: absolute; left: 0;top:15px; width: 5px; height: 5px; background: #fff; border-radius: 100px;}
.product_case .item_info .item .title,
.product_case .item_info .item .fl_info,
.product_case .item_info .item .fr_pic{position: relative; z-index: 5}
.product_case .item_info .item .fr_pic img{border-radius: 10px;}
.product_case .item_info .item.show:nth-child(1){border-top-left-radius: 0}
.product_case .item_info .item.show:nth-child(5){border-top-right-radius: 0}

@media(min-width:768px){
.product_case .item_info .item.fl_fr .fl_info{float: left; width: 60%;}
.product_case .item_info .item.fl_fr .fr_pic{float: right; width: 32%; text-align: right}
.product_case .item_title .item a{ min-width: 150px;}
}

.prolist .item{float: left;width:48%; position: relative; margin-left: 4%; margin-bottom: 4%}
.prolist .item .pic:before{content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 2; transition: 0.5s}
.prolist .item .pic span{padding-bottom:44.645%;}
.prolist .item .info{position: absolute;width: 100%; height: 100%;top: 0; z-index: 5; text-align: center;display: flex;align-items: center;}
.prolist .item .info a{color: #fff;}
.prolist .item .info dl{width: 100%; line-height:2}
.prolist .item .info dl dt{padding: 10px 0}
.prolist .item .info dl dd span{display: block; font-size: 16px;}
.prolist .item .info dl.sub dt a{ color: #008fd5}
.prolist .item:nth-child(2n+1){ margin-left:0}
.prolist .item:hover .pic:before{opacity:0.5}

@media(min-width:768px){
.prolist.num_3 .item{width:30%;}
.prolist.num_3 .item .pic span{padding-bottom:71.43%;}
.prolist.num_3 .item,
.prolist.num_3 .item:nth-child(2n+1){margin-left: 5%}
.prolist.num_3 .item:nth-child(3n+1){ margin-left:0}
}
@media(max-width:768px){
.prolist .item .pic span{padding-bottom:72%;}
}

.isimg{ display: block; background-repeat:no-repeat;background-position:center center;background-size:cover}
.zoomimg .pic{ overflow: hidden}
.zoomimg .pic .isimg{
-webkit-transition: -webkit-transform 1.2s ease;
transition: -webkit-transform 1.2s ease;
transition: transform 1.2s ease;
transition: transform 1.2s ease,-webkit-transform 1.2s ease;
}
.zoomimg:hover .pic .isimg{ -webkit-transform:scale(1.2);transform:scale(1.2)}


.honor_slick{
    width: 100%;
    overflow: hidden;
    /* text-align: right; */
}
.honor_slick li a {
    /* display: flex;
    align-items: center; */
    padding-right: 80px;
    display: block;
    width: 100%;
}
.honor_slick li a img{
    width: 100%;
    height: auto;
}

.gn_list{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}
.gn_list .item{
    background-color: #f1f1f1;
    width: 48%;
    height: 320px;
    padding: 25px 40px 0;
    margin-bottom: 35px;
}
.gn_list .item:first-child{
    padding: 0;
}
.product_tool .gn_list .item{
    width: 48%;
    height: 320px;
    background-color: #fff;
    padding: 60px 40px 0;
    margin-bottom: 35px;
}

.gn_list .item .icon{
    padding-bottom: 50px;
}
.gn_list .item .txt{
    font-size: 24px;
    padding-bottom: 55px;
    position: relative;
}
.gn_list .item .txt::before{
    position: absolute;
    left: 0;
    bottom: 30px;
    content: '';
    width: 50px;
	height: 4px;
	background-color: #333333;
}
.product_tool .gn_list .item:hover{
    background-image: linear-gradient(40deg, 
		#008fd5 0%, 
		#00c0fa 100%);
    color: #fff;
}
.product_tool .gn_list .item:hover .icon{
    filter: grayscale(100%) brightness(500%);
}
.product_tool .gn_list .item:hover .txt::before{
	background-color: #fff;
}
.zy_list .item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 45px;
}
.zy_list .item:nth-child(even){
    flex-flow: row-reverse;
}

.list_ul .ul_tit{
    font-size: 30px;
    color: #666666;
    margin-bottom: 70px;
}

.list_ul li{
    list-style: none;
    position: relative;
    width: 526px;
    /* height: 56px; */
    line-height: 56px;
    padding-left: 100px;
    font-size: 20px;
	background-color: #f9f9fa;
	border-radius: 0px 28px 28px 0px;
    margin-bottom: 55px;
    box-shadow: 0px 3px 10px 0px 
		rgba(0, 0, 0, 0.1);
}
.list_ul li:hover{
    border: 2px solid #008fd5;
   color: #008fd5;
}
.list_ul li .num{
    position: absolute;
    top: -17px;
    left: 30px;
    width: 55px;
    height: 50px;
    /* background-image: url(../images/icon1.png); */
    background-position: center;
    background-size: cover;
    background-color: #008fd5;
    color: #ffffff;
    font-size: 30px;
    line-height: 50px;
    text-align: center;
    border-radius: 0px 0px 5px 5px;
}
.list_ul li .num::before{
    border-left: 15px solid transparent;
    border-bottom: 15px solid #004c71;
    content: "";
    position: absolute;   
    left: -15px;
    top:0;
}
ul.aft{
    list-style: none;
}
ul.aft li{
    list-style: none;
    position: relative;
    padding-left: 15px;
}
ul.aft li::before{
    border-left: 7px solid #008fd5;
    border-bottom: 7px solid transparent;
    border-top: 7px solid transparent;
    
    content: "";
    position: absolute;   
    left: 0;
    top:8px;
}


.Powerful{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.Powerful .gn_l{
    width: 45%;
}
.Powerful .gn_r{
    width: 45%;
}
.Powerful .item .txt{
    font-size: 24px;
    padding-bottom: 55px;
    position: relative;
}
.Powerful .item .txt::before{
    position: absolute;
    left: 0;
    bottom: 30px;
    content: '';
    width: 50px;
	height: 4px;
	background-color: #333333;
}

.Ecology{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}
.Ecology li{
    width: 32%;
    height: 300px;
    background-color: #999999;
	border-radius: 10px;
    text-align: center;
    list-style: none;
    padding-top: 50px;
    color: #fff;
    cursor: pointer;
}
.Ecology li .tit{
    font-size: 24px;
    padding-bottom: 55px;
    position: relative;
}
.Ecology li .tit::after{
    position: absolute;
    left: 50%;
    bottom: 30px;
    transform: translateX(-50%);
    content: '';
    width: 100px;
	height: 2px;
	background-color: #ffffff;
}
.Ecology li dt{
    line-height: 2;
}
@media(max-width:1440px){
    .gn_list .item{height: 440px;}
}