@import url('responsive2.0.css');
.bg_gray{background: #f7f7f7}

.flex{display: flex;align-items: center}
.flex[rel=LR]{justify-content: space-between;}

.noMP{padding: 0; margin: 0}

.f14{font-size: .14rem;}
.f17{font-size: .17rem;}
.f18{font-size: .18rem;}
.f20{font-size: .20rem;}
.f23{font-size: .23rem;}
.f25{font-size: .25rem;}
.f28{font-size: .28rem;}
.f30{font-size: .30rem;}
.f34{font-size: .34rem;}
.f35{font-size: .35rem;}
.f40{font-size: .40rem; line-height: 1.6}
.f50{font-size:2.60416666666667vw; line-height: 1.6}
@media(max-width:1200px){
html{font-size: 80px;}
}
@media(max-width:1024px){
html{font-size: 70px;}
.f50{font-size:5vw; }
}

.header{position: relative; z-index: 100; background:#fff}
.header .top{background: #e0e0e0; line-height: 51px;}
.header .link em{font-style: normal; padding-left: 20px; padding-right: 20px;}
.header .other{padding: .4rem 0}
.header .logo{border-right: solid 1px #c9c9c9; padding-right: 26px;}
.header .txt{padding-left: 26px;line-height:1.6}
.header .txt span{display: block}
.header .tel{padding-left:8%; color: #5089c0 ; background: url(../images/top_tel.jpg) no-repeat left; background-size:21%}
.header .tel b{display: block}
.header .topmenu{background: #1774a8}
.header .topmenu li{text-align: center; position: relative}
.header .topmenu li span{display: block}
.header .topmenu li span a{display: block; color: #fff; font-style: normal; line-height: .68rem}
.header .topmenu .sub{ display: none;}
.header .topmenu .sub dt{padding: 0.1rem 0}
.header .topmenu .sub dt a{display: block}
.header .topmenu .sub dt:not(:last-child){border-bottom: solid 1px rgba(0,0,0,0.2)}
.header .open-menu{display: none}
@media (min-width:1024px) {
.header .topmenu li{float: left;width: 14%;}
.header .topmenu li.aon span a{background: #fd8e3f;}
.header .topmenu .sub{position: absolute;min-width: 100%;background: rgba(229,229,229,0.7)}
}
@media(max-width:1024px){
.header .topmenu{position: fixed; left: -100%;top:0;height:100vh; opacity: 0;transition: 0.5s;box-shadow: 0 5px 5px rgba(0,0,0,0.1); width:50vw; max-width: 240px;}
.menu-show .topmenu{left: 0; opacity: 1;}
.header .top{line-height: 30px;}
.header .tel b{line-height: 1}
.header .other{padding: 10px 0}
.header .logo{border-right: none}
.header .logo img{height: 50px}
.header .txt{display: none}
.header .topmenu ul{height: 100%; overflow: auto; padding-top: 10%}
.header .topmenu li{border-bottom: 1px dotted #eee; text-align: left}
.header .topmenu li span{padding-left:1em;}
.header .topmenu li.has-sub span .op:before, 
.header .topmenu li.has-sub span .op:after{background-color: #fff;}
.header .topmenu .sub dt{padding: 0.3rem 0; font-size: .26rem}
.header .topmenu .sub dt:not(:last-child){border-bottom: solid 1px rgba(255,255,255,0.3)}
.header .topmenu .sub dt a{color: #fff; text-align: center}
.header .open-menu{width:30px; height:20px; display: flex;flex-wrap: wrap;flex-direction: column; justify-content: space-between; transition: 0.3s;}
.header .open-menu span{display: block; transition: 0.3s;height: 2px; background-color: #000;}
.menu-show  .header .open-menu{border-radius: 50%; background-color: #fe6a02; padding:8px 5px;height:30px; }
.menu-show  .header .open-menu span{background-color: #fff; height: 1px;}
body.menu-show{overflow: hidden;}

.open-menu{z-index: 10; width: 40px; height: 40px;}
.open-menu[rel="relative"]{position: relative;}
.open-menu[rel="absolute"]{position: absolute; top: 50%; transform: translateY(-50%);}
.open-menu i{position: absolute; width: 100%; height: 3px; background: #fff; left: 0; top: 50%; margin-top: -1.5px; transition: 0.3s;}
.open-menu:not(.on) i:nth-child(1){margin-top: -10px;}
.open-menu:not(.on) i:nth-child(3){margin-top: 8px;}

.open-menu.on i:nth-child(2){opacity: 0;}
.open-menu.on i:nth-child(1){transform: rotate(-45deg);}
.open-menu.on i:nth-child(3){transform: rotate(45deg);}
}
@media(max-width:640px){
.header .tel {background-size:28px;}
.header .tel span{display: none}
.header .tel b{ font-size: .34rem; line-height: 30px;}
.header .welcome{display: none}
.header .link{width: 100%; text-align: right}
}

.footer{background: #2b2b2b;padding:4% 0; }
.footer,
.footer a:not(:hover){color: #fff}
.footer .cloumn{width: 60%;max-width: 660px}
.footer dt{padding-bottom: .3rem}
.footer .cloumn span{display: block}
.footer .cloumn span:not(:last-child){padding-bottom: .2rem}
.footer .flex{align-items: flex-start}
.footer .ewm {width: 38%; max-width: 352px;}
.footer .ewm ul{align-items: flex-start}
.footer .ewm li{width: 48%; max-width: 140px; text-align: center}
.footer .ewm li .img{padding-bottom: 10px;}

.copyright{background: #2b2b2b;padding: 1.5% 0; border-top: solid 1px #fff;border-bottom: solid 1px #fff}
.copyright .icp{display: inline-block; margin-left: 10px;}
.copyright,
.copyright a{color: #fff}
@media(max-width:768px){
.footer .auto{display: block}
.footer .cloumn{width: 100%; padding-bottom: 5%; margin-bottom: 5%; border-bottom: solid 1px #858585}
.footer .ewm{margin: auto; width:80%}
.footer .ewm dt{text-align: center}
}

.auto{margin: auto;max-width: 1320px; width: 96%;}

.padTB{padding-top: 3%; padding-bottom: 3%}

.line_ying{height: 27px; background: url(../images/ying.png) repeat-x left;}


.icon_link{position: relative; padding-right: 40px;}
.icon_link:after{content: ''; position: absolute;right: 0; top: 0; bottom: 0; margin: auto; width: 30px; height: 30px;background: url(../images/icon_link.png) no-repeat center center; border-radius: 100px;}

.picimg{position: relative}
.picimg .isimg{position: absolute;width: 100%; height: 100%;}
.picimg .isimg img{width: 100%; height: 100%; object-fit: cover; -webkit-object-fit: cover}

.zoomimg .pic,
.zoomimg .picimg{ overflow: hidden}
.zoomimg .pic img,
.zoomimg .picimg .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 img,
.zoomimg:hover .picimg .isimg{ -webkit-transform:scale(1.2);transform:scale(1.2)}

.mid,
.mid:before,
.mid:after{position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0}

.wh_100{position: absolute; width: 100%; height: 100%; z-index: 10}

.icon_play{width: 100%; height: 100%; z-index: 10; cursor: pointer;}
.icon_play:before{content: ''; background: rgba(255,255,255,0.5); width: 10px; height: 10px; padding: 9.5%; border-radius: 100px;}
.icon_play:after{content: '';width: 0; height: 0; transform: translateX(15px);border: solid 20px transparent; border-left-width: 30px; border-left-color: #fff}

.h_column{font-size: .3rem;line-height: 1.6; padding-bottom: .4rem}
.h_column a{display: inline-block}
.h_column span{font-size: .18rem;display: block; text-transform: uppercase;}
.h_column span:after{content: '';display: block; margin-top: 10px; width: 34px;height: 6px;background: #5089c0}
.h_column[rel=center]{text-align: center}
.h_column[rel=center] span:after{margin: auto; margin-top: 10px; }

@keyframes quan {
  from {transform: rotate(0)}
  to {transform: rotate(360deg)}
}

.istop{ width: 60px; height: 60px; position: fixed; right: 2%; bottom: 4%; z-index: 10; cursor: pointer;border-radius: 100px; background:#5089c0 url(../images/istop.png) no-repeat center center}

.home_banner img{width: 100%}

.all_search{background: #fff;padding: 14px 0; border-bottom: solid 1px #e0e0e0}
.all_search .keywords,
.all_search .keywords a:not(:hover){color: #a7a7a7}
.all_search .keywords{padding-left: 28px;background: url(../images/icon_hot.png) no-repeat left}
.all_search .keywords a{margin-right: 18px; cursor: pointer}
.all_search .keywords a.on{ color: #5089c0}
.all_search .search {width: 40%; border: solid 1px #cacaca;border-radius: 100px; padding: 4px 50px 4px 20px; max-width: 430px; position: relative;}
.all_search .search #HKey{border: none; width: 100%; height: 43px; color: #cdcdcd}
.all_search .search #Hbtn{cursor: pointer; position: absolute; width: 43px; height: 43px; right: 4px; top: 0; bottom: 0; margin: auto;border-radius: 100px; background: #fdc53f url(../images/icon_search.png) no-repeat}

@media(max-width:1024px){
.all_search .search #HKey{height: 32px;}
.all_search .search #Hbtn{width: 34px; height: 34px; background-size: contain}
}
@media(max-width:768px){
.all_search .auto{display: block}
.all_search .keywords{line-height:30px; margin-bottom: 10px}
.all_search .search{width: 100%; max-width: inherit}
}

.home_product .boxL{width: 30%}
.home_product .boxC{width: 3%}
.home_product .boxR{width: 67%; position: relative; box-shadow: 0 0 15px rgba(0,0,0,0.15); background: #f7f7f7}
.home_product .boxR:before{content: ''; width: 30%; height: 100%; background: #fff; position: absolute;}
.home_product .all{padding: 10px 0; border-bottom: solid 1px #000000; margin-top: .4rem}
.home_product .all span{display: inline-block; padding-right: 62px; background: url(../images/icon_jt.png) no-repeat right}
.home_product .all a{display: block;}
.home_product .all.icon_link:after{border: solid 1px #a8a8a8}
.home_product .item_title{}
.home_product .item_title .item{padding-right:20px; position: relative}
.home_product .item_title a{cursor: pointer; display: block;padding: 20px 0 20px 50px;background: #fff}
.home_product .item_title a:before{content: '';width: 6px; height: 6px; left: 19px; top: 0; bottom: 0; position: absolute; margin: auto; background: #a9a9a9; border-radius: 100px;}
.home_product .item_title i{font-style: normal; padding: 0px 10px;}
.home_product .item_title .slick-current a{color: #fff;background: #5089c0}
.home_product .item_title .slick-current a:before{background: #fff}
.home_product .item_title .slick-current a:after{content:'';position: absolute; margin: auto;width: 0; height: 0; right: 0; top: 0; bottom: 0; border: solid 10px transparent; border-left-color: #5089c0;}
.home_product .sub_item_title{width: 30%;padding: 6% 0 6% 7%}
.home_product .sub_item_info{width:70%; padding: 4% 7%}
.home_product .box{align-items:flex-start}
.home_product .sub_tit{position: relative; padding-left: 36px;}
.home_product .sub_tit:before{content: ''; position: absolute;left:-15px; top: 0;content: ''; width: 28px; height: 28px; background: #fff; border: solid 3px #cccccc; border-radius: 100px; z-index: 2; transition: 0.5s}
.home_product .sub_tit:not(:last-child):after{content: ''; position: absolute;left: 0; bottom:10%; margin: auto; width: 1%; height:62%; border-left: dashed 1px #cccccc}
.home_product .sub_tit:not(:last-child) {height: 160px;}
.home_product .sub_tit a{display: block; cursor: pointer}
.home_product .sub_tit .en{display: block; color: #cccccc; font-size: .16rem}
.home_product .sub_tit.on:before{ border-color: #5089c0}
.home_product .sub_tit.on a:after{content:'';position: absolute; right: 0; top: 0; border: solid 8px transparent; border-right-color: #5089c0}
.home_product .sub_info h4{padding-bottom:4%; border-bottom: solid 1px #dedede}
.home_product .sub_info p{opacity: 0.6; padding: 4% 0; min-height: 100px;}
.home_product .sub_info .more{margin-bottom: .4rem}
.home_product .sub_info .more a{display: inline-block; padding-right: 30px;}
.home_product .sub_info ul li{width:48.425%;}
.home_product .sub_info ul li a{display: block; border: solid 1px #e5e5e5}
.home_product .sub_info ul li .picimg{padding-bottom:59.67%;}
.home_product .slick-list{height: auto!important}
@media(max-width:1024px){
.home_product .item_title a{padding-left: 20px}
.home_product .item_title a:before{left: 10px}
.home_product .item_title a span{display: block}
.home_product .item_title i{display: none}
.home_product .boxR:before{width: 40%;}
.home_product .sub_tit{padding-left: 20px}
.home_product .sub_tit:before{width: 20px; height: 20px;left: -10px}
.home_product .sub_item_title{width: 40%}
.home_product .sub_item_info{width: 60%}
.home_product .sub_info ul{flex-wrap: wrap}
.home_product .sub_info ul li{width: 100%;padding-top:4%}
}
@media(max-width:640px){
.home_product .all span{background:none; padding-right: 0}
}

.home_effect .list{background: #fff; line-height: .98rem; border-top:solid 1px #bfbfbf; align-items: flex-start}
.home_effect .item_title{border-left: solid 1px #bfbfbf;border-right: none; width: 25.22727272727273%; z-index: 2}
.home_effect .item_title a{display: block;padding-left:35px; cursor: pointer;}
.home_effect .item_title .item:after{content: '';position: absolute; bottom: 0; width: 100%; height: 1px;background:#e5e5e5}
.home_effect .item_title .slick-current a{background: #5089c0; color: #fff;}
.home_effect .item_title .slick-current a:before{content:'';position: absolute; margin: auto;width: 0; height: 0; right: -20px; top: 0; bottom: 0; border: solid 10px transparent; border-left-color: #5089c0;}
.home_effect .item_title .slick-list{height: auto!important; overflow: inherit;}
.home_effect .item_info{width:74.77272727272727%}
.home_effect .item_info li{width: 33.333%;}
.home_effect .item_info li .picimg{padding-bottom:89.37%; border-left: solid 1px #d1d1d1}
.home_effect .item_info li .txt{color: #fff; text-align: center}
.home_effect .item_info li:nth-child(1) .txt{background: #000000}
.home_effect .item_info li:nth-child(2) .txt{background: #555555}
.home_effect .item_info li:nth-child(3) .txt{background: #a7a7a7}
@media(max-width:960px){
.home_effect .item_title a{padding-left: 10px}
}
@media(max-width:768px){
.home_effect .list{display: block; line-height: 50px;}
.home_effect .item_title,
.home_effect .item_info{width: 100%}
.home_effect .item_title{border: solid 1px #bfbfbf}
.home_effect .item_title .slick-current a:before{display: none}
}

.home_case .list{ overflow: hidden}
.home_case .slick-list{margin-left: -11px; margin-right: -11px;}
.home_case .item{padding: 0px 11px;}
.home_case .picimg{padding-bottom:68.076%;}
.home_case .txt h5{padding-top: .3rem; padding-bottom: .2rem; font-weight: normal}
.home_case .txt p{opacity: 0.5}
.home_case .slick-dots{position: inherit; padding-top: 3%}

.home_solution .txt{width: 48%; border: solid 1px #a6a6a6; padding: 4.12% 5%;}
.home_solution .txt h5{padding-bottom: .2rem}
.home_solution .txt h5:after{content: '';display: block; margin-top:20px; width:52px;height: 6px;background: #5089c0}
.home_solution .txt p{line-height: 1.8}
.home_solution .txt p:not(:last-child){margin-bottom: .2rem}
.home_solution .pic{width: 50%;}
@media(max-width:768px){
.home_solution .box{display: block}
.home_solution .txt,
.home_solution .pic{width: 100%}
}

.home_choosing{background:#c8d3e1 no-repeat center bottom; background-size: 100%}
.home_choosing .boxL{width: 42%; line-height:1.8}

.home_choosing .boxR{width: 50%; position: relative;justify-content: right;}
.home_choosing .boxR .pic{width: 62.27272727272727%;left:-5%; position: absolute}
.home_choosing .boxR .picimg{padding-bottom: 100%}
.home_choosing .boxR .picimg:before{content: '';position: absolute; width: 124%; height: 124%; background: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,0.5)); margin: auto; left:-100%; right: -100%; top: 0; bottom: 0;border-radius: 100%;}
.home_choosing .boxR .picimg span{border-radius: 100%; overflow: hidden}
.home_choosing .boxR .picimg:before{ animation: quan 3s linear infinite;}
.home_choosing .boxR .info{width: 37.72727272727273%}
.home_choosing .boxR ul li{padding: .3rem 0; position: relative; transition: 0.5s}
.home_choosing .boxR ul .en{display: block; text-transform: uppercase; white-space: nowrap}
.home_choosing .boxR ul img{width: 100px; height: 100px; box-shadow: 0 0 0 5px #f4f4f4; border-radius: 100px}
.home_choosing .boxR ul .icon{width: 128px;}
.home_choosing .boxR ul li:nth-child(1){right:50%}
.home_choosing .boxR ul li:nth-child(2){}
.home_choosing .boxR ul li:nth-child(3){right:5%}
.home_choosing .boxR ul li:nth-child(4){right:60%}
.home_choosing .boxR ul li:hover{transform: translateX(-20px)}
.editor_choosing{ line-height:1.8}
.editor_choosing li{padding: .2rem 0}
.editor_choosing li h6{font-weight: normal}
@media(max-width:1300px){
.home_choosing .boxR{padding-right: 6%}
.home_choosing .boxR ul .icon{width: 90px}
.home_choosing .boxR ul img{width:80px;  height:80px;}
}
@media(max-width:960px){
.home_choosing .infobox{display: block}
.home_choosing .boxL,
.home_choosing .boxR{width: 100%}
.home_choosing .boxR .pic{left:10%}
.home_choosing .boxR ul .icon{width: 60px}
.home_choosing .boxR ul img{width:50px;  height:50px;}
.home_choosing .boxR .info{width: 50%}
}

.home_about .infobox{order: 2; width: 47%}
.home_about .title{line-height: 1.6}
.home_about .title h1{font-weight: normal;}
.home_about .title h2{font-weight: normal; opacity: 0.5; text-transform: uppercase}
.home_about .info{line-height: 2}
.home_about .picbox{ width: 47.95454545454545%; position: relative}
.home_about .title_item{position: absolute;width: 64%; bottom: 0; color: #fff; line-height: 43px;background: #082e4f}
.home_about .title_item .item span{ padding-left: 5%; max-width: 80%;display: block;}
.home_about .title_item .slick-arrow{border-color: transparent; border-width: 10px; width: 0; height: 0; border-radius:0  }
.home_about .title_item .slick-arrow:before{display: none;}
.home_about .title_item .slick-arrow:hover{background: none}
.home_about .title_item .slick-prev{left: auto; right:50px; border-right-color: #fff}
.home_about .title_item .slick-next{right:5px; border-left-color: #5089c0}
@media(max-width:768px){
.home_about .about{display: block}
.home_about .infobox,
.home_about .picbox{width: 100%}
}

.home_service{position: relative}
.home_service:before{content: '';position: absolute; width: 100%; height: 100%;background: linear-gradient(to right,rgba(8,46,79,0.8),rgba(8,46,79,0.5),rgba(8,46,79,0.8));transition: 0.5s}
.home_service .wh_100 {justify-content: center}
.home_service .info{color: #fff; text-align: center}
.home_service .info h5{font-size: 4.58333333333333vw; font-weight: normal; line-height: 2}
.home_service:hover:before{opacity: 0}

.home_end{position: relative;background: no-repeat center center; background-size: 100%}
.home_end:before{content: '';position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background: #dedede}
.home_end .auto{align-items: flex-start}
.home_end .h_column{padding-bottom: 0.6rem;}
.home_end dl{border-bottom: dashed 1px #acacac; line-height:1.6}
.home_end .contact{width: 46.5%}
.home_end .contact .txt{opacity: 0.5}
.home_end .contact .map{border: solid 1px #cccccc; position: relative; padding-bottom: 57.5%}
.home_end .contact dl{padding-top: .4rem;padding-bottom: .4rem}
.home_end .alliance{width: 44%}
.home_end .alliance .info{padding-bottom:9%;}
.home_end .alliance .sub{line-height: 2; color: #e98900; padding-left:14%;background: url(../images/icon_tit.png) no-repeat left; background-size: 10.4%}
.home_end .alliance .txt{padding-top:6%;}
.home_end .alliance dl{padding: .2rem 0px .2rem 70px; position: relative;}
.home_end .alliance dt i{position: absolute; left: 0px; font-style: normal}
.home_end .alliance dd{opacity: 0.6}
@media(max-width:768px){
.home_end .auto{display: block}
.home_end .contact,
.home_end .alliance{width: 100%}
.home_end .contact{padding-bottom:6%}
.home_end:before{display: none}
.home_end .alliance .sub{background-size:40px; padding-left: 50px; line-height: 40px;}
}

.banner .pc{display: block; width: 100%}
.banner .wap{display: none}
@media(max-width:1024px){
.banner .wap{display: block; width: 100%}
.banner .pc{display: none}
}

.section{padding-top:3%; padding-bottom:3%}
@media(min-width:960px){
.section .sidebar{float: left; width: 25.15151515151515%}
.section .mian{float: right; width: 71.365%}
}

.location_column{line-height: 60px; border-bottom: solid 1px #c6c6c6; margin-bottom: .48rem}
.location_column .location{order: 2; font-size: .2rem; padding-left: 46px; background: url(../images/icon_location.png) no-repeat left}
.location_column .location,
.location_column .location a:not(:hover){ color: #a1a1a1}
.location_column .column{font-size: .3rem; position: relative; color: #0b6ec1}
.location_column .column:before{content: '';position: absolute;left: 0; bottom: -2px; width: 56px; height: 3px; background: #5089c0}
.section .mian .location_column .column{padding-left: 20px; color: #4a4a4a}
.section .mian .location_column .column:before{content: '';position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 6px; height: 30px; background: #5089c0}
@media(max-width:768px){
.location_column{display: block; line-height: 40px;}
.location_column .location{margin-bottom: 2%}
}

.sidebar_menu h4,
.sidebar_contact h4{font-weight: normal; color: #0b6ec1; position: relative; line-height: 60px; font-size: .3rem; border-bottom: solid 1px #c6c6c6; margin-bottom: .48rem}
.sidebar_menu h4 a:not(:hover),
.sidebar_contact h4 a:not(:hover){color: #0b6ec1; }
.sidebar_menu h4:after,
.sidebar_contact h4:after{content: '';position: absolute;left: 0; bottom: -2px; width: 56px; height: 3px; background: #5089c0}


.sidebar_menu ul{ overflow: hidden; border: solid 1px #c6c6c6}
.sidebar_menu li{position: relative}
.sidebar_menu li:before{content: '';position: absolute; width:0; height: 100%; transition: 0.5s}
.sidebar_menu li:after{content: ''; z-index: 2; position: absolute; left: .28rem; top: 0; bottom: 0; margin: auto; width: 0; height: 0; border: solid 10px transparent; border-left-color: #c7c7c7}
.sidebar_menu li a{position: relative; display: block; padding:.22rem 0 .22rem .76rem; z-index: 2}
.sidebar_menu li:not(:last-child){border-bottom: dashed 1px #c6c6c6}
.sidebar_menu li:hover a{ color: #0b6ec1}
.sidebar_menu li.aon a{ color: #fff}
.sidebar_menu li.aon:before{width: 100%; background: #0b6ec1}
.sidebar_menu li:hover:after{border-left-color: #0b6ec1}
.sidebar_menu li.aon:after{border-left-color: #fff}
@media(min-width:960px){
.sidebar_menu ul{display: block!important}
}
@media(max-width:960px){
.sidebar_menu ul.ul_wap{display: none; background: #fff}
.sidebar_menu h4:before{ content: ''; width:25px; height: 100%; position: absolute; right: 2%; transition: 0.4s; background: url(../images/icon_menu.png) no-repeat left}
.sidebar_menu h4.on:before{ background-position: right}
}

.sidebar_contact.lx{padding-top:1rem}
.sidebar_contact .map{position: relative; padding-bottom: 40%; margin-bottom: .3rem;}
.sidebar_contact .txt{background: #0b6ec1; color: #fff; border: solid 1px #e0e0e0}
.sidebar_contact .txt dl{padding:20px 12px; align-items: flex-start}
.sidebar_contact .txt dl:not(:last-child){border-bottom: dashed 1px rgba(255,255,255,0.5)}
.sidebar_contact .txt dl dt{white-space: nowrap}
@media(max-width:960px){
.sidebar_contact{padding: 2%}
}

.product_list{overflow: hidden}
.product_list ul{margin-left: -12px; margin-right: -12px}
.product_list li{float: left; width: 33.333%; padding: 0 12px 26px 12px;}
.product_list li a{color: #494949; display: block; border: solid 1px #ededed; position: relative; transition: 0.5s}
.product_list li .picimg{padding-bottom:113.18%}
.product_list li .picimg img{position: relative; z-index: 1; transition: 0.5s}
.product_list li .picimg img:nth-child(2){position: absolute; z-index: 2; top: 0; left: 0;opacity: 0}
.product_list li .info{background: #ebebeb; z-index: 3; line-height: 2; position: absolute; width: 100%; bottom: 0; text-align: center; padding: 20px; transition: 0.5s; overflow: hidden}
.product_list li .info .txt{height: 0; overflow: hidden; transition: 0.3s}
.product_list li .info .txt p{color: #fff}
.product_list li .info .txt p:before{ content: ''; width: 0px; height: 2px; margin:15px auto; display: block;  transition: 0.5s}
.product_list li a:hover{border-color: #0b6ec1;}
.product_list li a:hover .picimg img:nth-child(2){opacity:1}
.product_list li a:hover .info{ background: rgba(0,42,77,0.5)}
.product_list li a:hover  h4{color: #fff}
.product_list li a:hover .txt p:before{background: #fff; width: 30px; }
.product_list li a:hover .txt{height: 70px}
@media(max-width:768px){
.product_list ul{margin-left: -2%; margin-right: -2%}
.product_list li{width: 50%; padding: 2%}
.product_list li .info{padding: 10px}
.product_list li a:hover .txt{height: 40px}
.product_list li a:hover .txt p:before{margin: 5px auto}
}

.info_product .photo .picimg{padding-bottom: 100%}
.info_product .large_pic{border: solid 1px #e0e0e0; margin-bottom: 12px;}
.info_product .small_pic{padding-left: 30px; padding-right: 30px;}
.info_product .small_pic .picimg{ cursor: pointer; border: solid 1px #d9d9d9; margin: auto; width: 70%;padding-bottom: 67.8%}
.info_product .small_pic .item:hover .picimg,
.info_product .small_pic .item.slick-current .picimg{border-color: #0b6ec1}
.info_product .small_pic .slick-arrow{width: 29px; height: 100%; background: #e0e0e0; border-radius: 0;}

.info_product .info .title{line-height: 1.6}
.info_product .info .txt{padding: 5% 0;  opacity: 0.8; line-height: 1.8}
.info_product .info .tel {padding:10% 0}
.info_product .info .tel b{color: #0b6ec1}
.info_product .info .tips{color: #fff; padding: 10px 10px 10px 82px; background: #0b6ec1 url(../images/icon_tips.png) no-repeat 36px}

@media(min-width:768px){
.info_product .photo{float: left; width: 44.798%}
.info_product .info{float: right; width: 50%}
.info_product .info .txt{min-height: 185px;}
}
@media(max-width:768px){
.info_product .info .title{padding-top: 4%}
.info_product .info .tel{padding: 3% 0}
}

.tabbox.hide{height: 0; overflow: hidden}

.info_product_details{padding-bottom: 3%; position: relative; background: #ffffff; border-top: solid 1px #b2b2b2;}
.info_product_details:before{content: ''; position: absolute; width: 100%; height: 50px; background: #ededed}
.info_product_details .auto{position: relative;z-index: 2}
.info_product_details .tab_title{line-height: 50px; padding-left:28%}
.info_product_details .tab_title span{display: inline-block; cursor: pointer; line-height: 50px; width: 162px; text-align: center}
.info_product_details .tab_title .show{color: #0b6ec1; border-top: solid 2px #0b6ec1; background: #fff}
.info_product_details .tab_info{overflow: hidden;}
.info_product_details .info_video{ padding:5% 0;}
.info_product_details .info_video .icon_play:before{padding:4.2%}
.info_product_details .details {border: solid 1px #b2b2b2;margin-top: -1px;}
.info_product_details .article{padding: 2%}
.info_product_details .section{padding: 0}
.parameter {border: solid 1px #b2b2b2; padding: 4%; color: #585858;margin-top: -1px;}
.parameter dl{padding: 2% 0 }
.parameter dl dt{padding: 1% 0; border-bottom: solid 1px #e5e5e5}
.parameter dl dd{padding: 1% 0}
@media(max-width:960px){
.info_product_details .tab_title{padding-left: 0}
.info_product_details .section{display: flex;flex-wrap: wrap; }
.info_product_details .mian{width: 100%}
.info_product_details .sidebar{width: 100%; order: 2}
}

.solution_list li{padding-left: 65px;  position: relative;align-items: flex-end;padding-top: 3%;}
.solution_list li:not(:last-child){margin-bottom: 10%}
.solution_list .icon{position: absolute; left: 0px;}
.solution_list .info{width: 46.70912951167728%; padding-bottom: 6%; border-bottom: solid 1px #c6c6c6; background: url(../images/icon_solution.png) no-repeat right bottom}
.solution_list .info h4{line-height: 48px; font-weight: normal; color: #0b6ec1}
.solution_list .info .txt{padding:8% 0; line-height: 1.8}
.solution_list .pic{width: 47.776%; border: solid 1px #0b6ec1}
.solution_list .pic img{width: 100%}
@media(max-width:768px){
.solution_list ul li{padding:0 10px 10px 40px;display: block; box-shadow:  0 10px 10px #ddd}
.solution_list .info,
.solution_list .pic{width: 100%}
.solution_list .icon{width: 36px}
.solution_list .info{border-bottom: none}
.solution_list .info .txt{padding-top: 2%}

}

.case_list li{padding-bottom:4%; border-bottom:solid 1px #bfbfbf}
.case_list li:not(:last-child){margin-bottom:7%}
.case_list .picimg{width:37.368%; padding-bottom:25.69%;}
.case_list .info{width:58.811%}
.case_list h4{ font-weight: normal}
.case_list h4 span{color: #5089c0}
.case_list dl{color: #aeaeae; padding: 3% 0}
.case_list .txt{padding-top:3%; padding-bottom: 6%}
.case_list .txt p{line-height:40px; height: 80px;}
.case_list .more a:not(:hover){color: #aeaeae}
.case_list .icon_link:after{border: solid 1px #c1c1c1}
.case_list li:hover{border-color: #0b6ec1}
.case_list li:hover h4 a,
.case_list li:hover h4 a span{color: #0b6ec1}
@media(max-width:768px){
.case_list .txt p{line-height:20px; height:auto;}
.case_list .picimg{padding-bottom: 50%}
}

.info_case_details .info h1{ font-weight: normal}
.info_case_details .info h1 span{color: #5089c0}
.info_case_details .info dl{color: #aeaeae;}
.info_case_details .info .txt{padding: 3% 0; max-width: 510px; line-height: 2}
.info_case_details .other{color: #aeaeae;line-height: 40px; padding-bottom:1%;}
.info_case_details .other span{display: inline-block; padding-left: 22px; padding-right: 35px; background: no-repeat left}
.info_case_details .other span.source{background-image: url(../images/icon_info1.png)}
.info_case_details .other span.date{background-image: url(../images/icon_info2.png)}
.info_case_details .other span.hits{padding-left: 30px; padding-right: 0; background-image: url(../images/icon_info3.png)}
.info_case_details .info_video .icon_play:before{padding:6%}


.info_case_details .details{padding-bottom: 3%}
.info_case_details .details .pic{padding-bottom:2%}
.info_case_details .details .biaoti{padding: 4% 0}
.editor_case_table table,
.editor_case_table table td{ border: solid 1px #000;}
.editor_case_table table td{padding: 5px; text-align: center; font-size: .2rem}
@media(max-width:768px){
.info_case_details .other span{padding-right: 10px;}
}

.details_contact {padding-top: 2%; padding-bottom: 4%; background: url(../images/contact_map.png) no-repeat center top;background-size: 100%}
.details_contact .info_box{text-align: center; padding-bottom:5%; }
.details_contact .info_box .tel{padding-top:1.5%; padding-bottom:4%; color: #5089c0}

.details_contact .form_box{padding-bottom:6%;}
.details_contact .form_box .item_box{border: solid 1px #c7c7c7; padding:1.2% 2%; background: #fff}
.details_contact .form_box .two{padding-bottom:3%}
.details_contact .form_box .two .item_box{ width: 49%;}
.details_contact .form_box .text{width: 100%; border: none; height: 40px;}
.details_contact .form_box textarea.text{ height: 160px;}
.details_contact .form_box label{line-height: 40px; position: absolute; color: #a3a3a3}
.details_contact .form_box .btn_box{padding-top:3%}
.details_contact .form_box .btn{font-size: .3rem; color: #fff;padding: 0.8% 0; width: 100%; cursor: pointer; background: #5089c0; border: none}


.details_contact .contact{position: relative}
.details_contact .contact .box{box-shadow: 0 0 10px #bcbcbc}
.details_contact .contact .txt{width: 31%;background: #fff; padding:1% 3%}
.details_contact .contact .txt dl{padding:10% 0 10% 60px; position: relative;}
.details_contact .contact .txt dl:not(:last-child){ border-bottom: solid 1px #e8e8e8}
.details_contact .contact .txt dt{line-height: 40px; padding-bottom: 10px;}
.details_contact .contact .txt dt span{position: absolute; left: 0}
.details_contact .contact .map{width:67%; height: 100%; right: 0; top: 0; position: absolute;}
@media(max-width:640px){
.details_contact .contact .txt{width: 100%; padding-bottom: 3%}
.details_contact .contact .map{width: 100%; position: relative; height: auto; padding-bottom: 60%}
.details_contact .contact .txt dl{padding-top: 2%; padding-bottom: 2%}
.details_contact .contact .txt dt{padding-bottom: 0}
}

.other_page{padding:4% 0;line-height: 2; border-top: solid 1px #c6c6c6}
.other_page .back{float: right}
.other_page  span{max-width: 80%}
.other_page a:not(:hover){color: #555}

.video_files{position: absolute;width: 100%; height: 100%; z-index: 10}
.video_files video{width: 100%; height: 100%; object-fit: fill;}

.info_video{padding-bottom: 3%}
.info_video .box{position: relative;}
.info_video video{width: 100%}



.join_item .item{line-height: 1.6; padding-top:5%; padding-bottom:10%}
.join_item .infobox{width: 36.36363636363636%;}
.join_item .picbox{ width: 50%; position: relative}
.join_item .picbox:after{content: ''; position: absolute; z-index: -1; right: 0; bottom: -6%; width: 92%; height:86%;background: #e9e9e9}
.join_item .picbox img{width: 100%;}
.join_item dl{opacity: 0.3}
.join_item h4{color: #0b6ec1; font-weight:normal}
.join_item .txt{color: #48465d; padding-top: 5%}
.join_item .item:nth-child(odd) .picbox{padding-right: 3.18181818181818%}
.join_item .item:nth-child(odd) .picbox:after{right: 0}
.join_item .item:nth-child(even) .infobox{order: 2}
.join_item .item:nth-child(even) .picbox{padding-left: 3.18181818181818%}
.join_item .item:nth-child(even) .picbox:after{left: 0}
@media(max-width:640px){
.join_item .item{display: block;}
.join_item .infobox,
.join_item .picbox{width: 100%}
.join_item .txt{padding: 2% 0}
}

.column_title{text-align: center; line-height: 1.8; padding-bottom: 4%}
.column_title h3{font-size:2.60416666666667vw; color: #0b6ec1; font-weight:normal}
.column_title p{opacity: 0.5}
@media(max-width:1024px){
.column_title h3{font-size:.3rem;}
}

.about_intro .picbox{width:39.31818181818182%}
.about_intro .picbox:after{content: ''; z-index: -1; position: absolute; width: 100%; height: 50%; right: -2%; bottom: -3%; background: #1e629a}
.about_intro .infobox{width: 56%; text-align: justify; letter-spacing: 1.5px}

@media(max-width:1024px){
.about_intro .sidebar{display: none}
}
@media(max-width:768px){
.about_intro .about{flex-wrap: wrap; }
.about_intro .infobox,
.about_intro .picbox{width: 100%}
.about_intro .picbox{order: 3; max-width: 519px; margin: auto}
}

.about_photo{position: relative;}
.about_photo:before{content: '';position: absolute; width: 100%; height: 100%;background:#4a6fab;opacity: 0.7; transition: 0.5s}
.about_photo .wh_100 {justify-content: center}
.about_photo .info{color: #fff; text-align: center}
.about_photo .info h5{font-weight: normal; line-height: 2}
.about_photo:hover:before{opacity:0.9}

.about_culture{padding-top: 3%; padding-bottom: 3%; background: #eeeeee}
.about_culture .culture{padding-bottom:3%;}
.culture_info ul{text-align: center; align-items: flex-start;flex-wrap: wrap; }
.culture_info ul li{width: 25%; padding: 2%}
.culture_info ul .icon{margin: auto; background: #fff; width: 60%; max-width: 106px; border-radius: 100px; transition: 0.5s}
.culture_info ul .icon img{transition: 0.5s}
.culture_info ul .txt{padding: 20px 0; color: #3b3b3b; line-height:1.8}
.culture_info ul h5{font-weight: normal;}
.culture_info ul p{ opacity: 0.8}
.culture_info ul li:hover .icon{ background: #0b6ec1}
.culture_info ul li:hover .icon img{filter: grayscale(100%) brightness(500%);animation: dx 0.5s;}
@keyframes dx{
0%{transform:scale(0)}
100%{transform:scale(1)}
}
@media(max-width:768px){
.culture_info ul li{width: 50%}
}
.about_report .title{width: 24%; background: #304a75 url(../images/icon_report.png) no-repeat center 94%; background-size:47.7%; ; color: #fff; text-align: center}
.about_report .report{padding-left: 1%}
.about_report .report .item{padding: 10px 20px;}
.about_report .report .picimg{padding-bottom:142.415%; box-shadow:  0 0 0 10px #e0ebfe}
.about_report .end{border-top: solid 1px #93a0b6;padding-top: 2%; padding-bottom: 2%}
.about_report .end ul{justify-content:space-around}
.about_report .end li{text-align: center; color: #3986ca}
.about_report .slick-dots{position: relative; padding: 3% 0}
.about_report .slick-dots li button{background: #dadada; width: 57px; height: 5px; border-radius: 0}
.about_report .slick-dots li.slick-active button{background: #3986ca}
@media(max-width:640px){
.about_report .slick-dots li{padding: 0 5px}
.about_report .slick-dots li button{width:10px; height: 10px; border-radius: 100px;}
.about_report .end{padding-top: 4%}
.about_report .end ul{font-size: .24rem;}

}
#allmap{position: absolute; width: 100%; height: 100%}
#allmap img{max-width: inherit}