@charset "utf-8";
/* CSS Document */
.banner{position: relative;z-index: 100;}
.banner .swiper-slide figure{padding-bottom: 37%;}
.banner .swiper-slide .title{position: absolute;left: 8%;top: 50%;transform: translateY(-50%);width: 45%;z-index: 1000;}
.banner .swiper-slide .txt{color: #FFF;transform: translateY(30%);visibility: hidden;opacity: 0;transition-duration: 1.2s;text-shadow: 0 0 .1rem rgba(0, 0, 0, .5);}
.banner .swiper-slide .txt h2{font-size: .24rem;font-family: 'Saira_Medium';line-height: 1.4;}
.banner .swiper-slide .txt h2 span{color: #0055b8;}
.banner .swiper-slide .txt p{padding-top: .1rem;line-height: 1.4;font-size: .11rem;width: 90%;}
.banner .swiper-slide .txt .more{margin-top: .2rem;background: #0055b8;display: inline-block;padding: .05rem .15rem;border-radius: .03rem;font-size: .1rem;}
.banner .swiper-slide .txt .more a{color: #FFF;display: block;}
.banner .swiper-slide .txt .more a:hover{text-decoration: none;}
.banner .swiper-slide .title img{max-width: 100%;}
.banner .swiper-slide-active .txt{transform: translateX(0%);visibility: visible;opacity: 1;}
.banner .swiper-pagination{bottom: .1rem; color: #FFF;}
.banner .swiper-pagination-bullet{width: .06rem;height: .06rem;margin: 0 .05rem !important;background:#FFF;}

.dyip{text-align: center;}
.dyip ul{margin-top: .2rem;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;margin-left: -2%;}
.dyip li{width: 31.333%;margin-left: 2%;margin-bottom: 2%;position: relative;border-radius: .1rem;overflow: hidden;box-sizing: border-box;border: 1px solid #CCC;}
.dyip li figure{padding-bottom: 70%;}
.dyip li figure img{transition: all .3s;}
.dyip li:hover figure img{transform: scale(1.1);}
.dyip li p{position: absolute;left: 0;top: 75%;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center;z-index: 101;color: #000;font-size: .13rem;transition: all .3s; background: rgba(255, 255, 255, 0.6);}
.dyip li:hover p{top: 0;color: #FFF;font-size: .16rem;background: none;}
.dyip li:after{content: "";display: block;position: absolute;left: 0;bottom: 0;display: flex;align-items: center;justify-content: center;background: rgba(0, 85, 184, .7);z-index: 100;width: 100%;height: 0;visibility: hidden;opacity: 0;transition: all .3s;}
.dyip li:hover:after{height: 100%;visibility: visible;opacity: 1;}
.dyip li a{padding: .15rem;display: block;}

.derp{padding: 0 13%;}
.derp .title{text-align: center;}
.derp .yi ul{display: flex;margin-left: -1%;margin-top: .2rem;}
.derp .yi li{width: 32.333%;margin-left: 1%;}
.derp .yi li figure{padding-bottom: 70%;}
.derp .yi li .txt{background: #f5f5f5;padding: .1rem .15rem;}
.derp .yi li .txt h2{font-size: .18rem;font-family: 'Saira_Medium';text-transform: uppercase;}
.derp .yi li .txt p{padding-top: .05rem;}
.derp .yi li .txt .more{display: inline-block;margin-top: .1rem;font-family: 'Saira_Medium';}
.derp .yi li .txt .more a{display: flex;padding: .05rem .1rem;border: 1px solid #000;align-items: center;}
.derp .yi li .txt .more a:hover{text-decoration: none;}
.derp .yi li .txt .more i{font-size: .08rem;padding-left: .05rem;}
.derp .er{margin-top: .1rem;}
.derp .er ul{display: flex;margin-left: -1%;margin-top: .1rem;}
.derp .er li{width: 49%;margin-left: 1%;}
.derp .er li figure{padding-bottom: 70%;}
.derp .er li .txt{background: #f5f5f5;padding: .1rem .15rem;}
.derp .er li .txt h2{font-size: .18rem;font-family: 'Saira_Medium';text-transform: uppercase;}
.derp .er li .txt p{padding-top: .05rem;}
.derp .er li .txt .more{display: inline-block;margin-top: .1rem;font-family: 'Saira_Medium';}
.derp .er li .txt .more a{display: flex;padding: .05rem .1rem;border: 1px solid #000;align-items: center;}
.derp .er li .txt .more a:hover{text-decoration: none;}
.derp .er li .txt .more i{font-size: .08rem;padding-left: .05rem;}

.dsanp{padding-top: 4%;}
.dsanp .title{text-align: center;}
.dsanp .dsanp_box{position: relative;margin-top: .2rem;}
.dsanp .yylyd{position: relative;}
.dsanp .yylyd .swiper-slide:before{content: "";width: 100%;height: 100%;background: rgba(0, 0, 0, .3);position: absolute;left: 0;top: 0;z-index: 2;}
.dsanp .yylyd .swiper-slide figure{padding-bottom: 37%;}
.dsanp .yylyd .box{position: absolute;left: 13%;top: 0;z-index: 10;color: #FFF;width: 40%;bottom: 15%;display: flex;justify-content: center;flex-flow: column;}
.dsanp .yylyd .box h2{font-size: .2rem;font-weight: bold;}
.dsanp .yylyd .box p{line-height: 1.6;padding-top: .2rem;}
.dsanp .yylyd .box .more{margin-top: .35rem;transition: all .3s;display: inline-block;}
.dsanp .yylyd .box .more:hover{transform: skew(-30deg);}
.dsanp .yylyd .box .more a{border: 1px solid #FFF;display: inline-block;padding: .05rem .15rem;color: #FFF;border-radius: .04rem;}
.dsanp .yylyd .box .more a:hover{text-decoration: none;}
.dsanp .yylyd .box .more a i{font-size: .1rem;padding-left: .05rem;}
.dsanp .yylyx{margin: 0 20%;}
.dsanp .yylyx .swiper-slide{position: relative;cursor: pointer;text-align: center;padding-bottom: .1rem;}
.dsanp .yylyx .swiper-slide:before{display: block;content: "";height: 5px;position: absolute;left: 0;bottom: 0;width: 100%;background: rgba(255, 255, 255, 1);}
.dsanp .yylyx .swiper-slide:after{display: block;content: "";height: 5px;position: absolute;left: 0;bottom: 0;width: 0;background: rgba(27, 76, 165, 1);}
.dsanp .yylyx .swiper-slide-thumb-active{color: #0055b8;font-weight: bold;}
.dsanp .yylyx .swiper-slide-thumb-active:after{width: 100%;transition: all 5s;}

.dsip .title{text-align: center;}
.dsip .box{display: flex;align-items: center;justify-content: space-between;margin-top: .2rem;}
.dsip .left{width: 47%;}
.dsip .left h2{line-height: 1.4;font-size: .16rem;}
.dsip .left .txt{padding-top: .3rem;}
.dsip .left .more{background: #0055b8;display: inline-block;margin-top: .4rem;border-radius: .03rem;font-weight: bold;}
.dsip .left .more a{display: block;padding: .05rem .1rem;color: #FFF;}
.dsip .left .more a:hover{text-decoration: none;}
.dsip .pic{width: 47%;border-radius: .08rem;position: relative;z-index: 1;}
.dsip .pic figure{padding-bottom: 65%;border-radius: .05rem;}
.dsip ul{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;position: relative;z-index: 1;margin-top: .4rem;}
.dsip li{box-sizing: border-box;text-align: center;}
.dsip li:last-child{border-right: none;}
.dsip li .l{color: #0c4194;}
.dsip li span{font-size: .3rem;}
.dsip li i{font-style: normal;display: inline-block;font-size: .3rem;font-family: 'Saira_Medium';}

.dwup .title{text-align: center;}
.dwup .more i{font-size: .08rem;padding-left: .05rem;}
.dwup .more a:hover{text-decoration: none;}
.dwup ul{display: flex;margin-top: .2rem;flex-wrap: wrap;margin-left: -1%;}
.dwup li{width: 32.333%;transition: all .4s;margin-left: 1%;background: #f7f7f7;text-align: left;}
.dwup li figure{padding-bottom: 60%;}
.dwup li .txt{padding: .1rem;}
.dwup li h2{transition: all .3s;font-size: .13rem;line-height: 1.4;font-family: 'Saira_Medium';}
.dwup li p{padding-top: .05rem;line-height: 1.4;font-size: .08rem;}
.dwup li a:hover{text-decoration: none;}


.breadR{padding:.5rem 0 0;}
.breadR .layout2{display: flex;}
.breadR a{align-items:center;justify-content:center;font-weight:400;color:#6B6B6B;margin-right:25px;position:relative;transition:all .3s;font-size: 0.09rem;}
.breadR a::after{content:'-';position:absolute;top:50%;transform:translateY(-50%);right:-15px}
.breadR a img{width:18px;height:18px;margin-right:8px;vertical-align: middle;}
.breadR a:hover{color:#3263b0}
.breadR a:last-child{margin-right:0;
/*width: 4.2rem;*/
    display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:1;
    justify-content: left;
}
.breadR a:last-child::after{display:none}


.nyggys{overflow: hidden; padding: 0.3rem 0;}
.nypro{overflow: hidden; }
.nypro ul{}
.nypro li{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #e5e5e5; overflow: hidden;}
.nypro li .zleft{width: 1.5rem; float: left; margin-top: 0.1rem;}
.nypro li .zleft .bt{font-size: 0.16rem; color: #000; font-weight: 600;}
.nypro li .zleft .bimg{overflow: hidden;}
.nypro li .zleft .bimg img{width: 100%; display: block;}
.nypro li .zright{width: 5.5rem; float: right;}
.nypro li .zrightmenu{overflow: hidden;}
.nypro li .zrightmenu .rbt{font-size: 0.13rem;font-weight: bold; margin: 0.2rem 0 0.1rem; color: #3e3a39;}
.nypro li .zrightmenu dl{}
.nypro li .zrightmenu dd{margin: 0 10px 5px 0;float: left;min-width: 250px;}
.nypro li .zrightmenu dd a{font-size: 0.12rem;color: #434343;line-height:30px;}

/* 类目*/
.product-list-bg {overflow: hidden;}
.product-list-bg ul {display: flex;background-color:#f2f5f7;}
.product-list-bg li {display:flex;max-width:100%;font-size:0.09rem;line-height:2.5;margin:0;overflow-x:auto;overflow-y:hidden;}
.product-list-bg li a{width:155px;color:#212121;font-weight:normal;text-align:center;transition:all .6s;}
.product-list-bg li a.active {color:#fff;background-color:#3263b0;}
.product-list-bg li a:hover {background-color:#ddf0ff;}
.product-list-bg li a.active:hover {color:#fff;background-color:#3263b0;}
.product-list-bg li a:last-child {margin-right:0;}

.product-list{padding:0.2rem 0;}
.product-list ul{display:flex;flex-wrap:wrap;}
.product-list li {width:calc(25% - 2%);background-color:#fff;box-shadow:0 0 10px 4px rgba(209,209,209,.3);border:1px solid #f0f0f0;margin:34px 34px 0 0;text-align:center;}
.product-list li:nth-of-type(4n) {margin-right:0;}
.product-list li em {display:block;width:100%;padding:0 20px;margin:36px auto 24px;overflow:hidden; box-sizing: border-box;}
.product-list li em img {transition:all .6s; width: 100%;  display: block;}
.product-list li:hover em img {transform:scale(1.1);transition:all .6s;}
.product-list li .ppbt {font-size:0.12rem;line-height:1.5;color:#3e3a39;padding:0 0.2rem;margin:0;text-align:left;font-weight:normal;box-sizing: border-box;}
.product-list li p {padding:0.1rem 0.2rem;font-size:0.08rem;line-height:1.5;text-align:left;color:#9d9d9d;margin-bottom:0;word-break:break-all;overflow:hidden; box-sizing: border-box;}
.product-list li a {display:flex;justify-content:center;align-items:center;width:100%;height:54px;font-size:0.08rem;border-top:1px solid #f0f0f0;color:#3263b0;transition:all .6s;}
.product-list li:hover a {background-color:#3263b0;color:#fff;transition:all .6s;}
.product-list-bg .product-page {margin:100px 0 68px;}
.product-list-bg .product-page a {display:inline-block;}
.product-list-bg .product-page a.prev,.product-list-bg .product-page a.next {padding:0 10px;border:1px solid rgba(238,238,238,1);transform:scaleY(1);}


.productss{width:100%;overflow: hidden;}
.productss img{max-width: none !important;}
.promore_l{width:48%;float:left;}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width:100%;border:1px solid #d6d6d6;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
.spec-preview{width:100%;height:100%;}
.spec-scroll{clear:both;margin-top:10px;width:100%;float:left;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;width:32px;height:32px;cursor:pointer;margin-top:5px;}
.spec-scroll .items{float:left;position:relative;width:80%;height:51px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;}
.spec-scroll .items ul li{float:left;width:66px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #d6d6d6;padding:2px;width:57px;height:44px;}
.spec-scroll .items ul li img:hover{border:2px solid #3263b0;padding:1px;}
.pros_right{width:48%;float:right;overflow:hidden;}
.pros_right_top{overflow:hidden;border-bottom:2px solid #e6e6e6;}
.pros_right_top .pbt{overflow:hidden;font-size:0.2rem;color:#333;padding-bottom:3%; font-weight: 600;}
.pros_right_top .pwz{overflow:hidden;font-size:0.1rem;color:#333;line-height:25px;padding-bottom:3%;}
.proleft{font-size:0.1rem;line-height:30px;margin:2% 0 0;}
.proleft .bt{font-size: 0.1rem; font-weight: 600; color: #3263b0;}
.proleft p{font-size:14px;line-height:25px;}
.prorights{margin-top: 2%; overflow: hidden;}
.prorights ul{ margin-right: -3%}
.prorights li{width: 12.6%; float: left; margin-right:3%; border: 1px solid #333; text-align: center; color: #333; margin-bottom: 0%;}
.prorights .bt{font-size:0.1rem; color: #333; margin-bottom: 2%;}
.prorights p{font-size:14px;line-height:25px; width: 48%; float: left; margin-right: 2%;}

.pbtn{margin-top:10px;overflow:hidden;}
.pbtn a{width:33%;height:50px;line-height:50px;float:left;text-align:center;margin-right:3%; background: #3263b0;
  color: #fff; font-size:18px}
.pbtn i{font-family:"iconfont";position:relative;margin-right:5px;font-style:normal;line-height:1;top:0px;}
.pbtn i img{width:20px; vertical-align: middle;}
.pbtn a:hover{background:#3263b0;color:#fff;}
.pbtn a:nth-child(2){width:50%; background:#3263b0;}


.pc-cx-tel-1{width: 100%;height: auto;border-top: 2px solid #e6e6e6;padding-top: 2%;overflow:hidden;margin-top:4%;}
.pc-cx-tel-1-t1{width: 28%;height: auto;background: #333;font-size: 18px;line-height: 44px;text-align: center;float: right;margin-top: 15px;}
.pc-cx-tel-1-t1 a{display: block;color: #fff;}
.pc-cx-tel-1-t2{height: auto;padding-left: 70px;background: url(../img/head-c-r1.png) no-repeat 0px center;font-size:20px;color: #454545;float:left;line-height:30px;}
.pc-cx-tel-1-t2 p{line-height: 24px;font-size: 18px}
.proleft_btn{width:100%;float:left;margin-top:3%;}
.proleft_btn li{width:150px;float:left;margin-right:10px;}
.proleft_btn li a{width:150px;height:40px;float:left;line-height:40px;text-align:center;font-size:16px;background:#eee;display:block;color: #333722}
.proleft_btn li span{float:left;padding-right:20px;}
.proleft_btn li a:hover,.proleft_btn li a.on{background:#333;color:#fff;}



/* 产品详情*/
.ny_cpxq2{padding: 0 0 0.3rem 0; overflow: hidden;}
.cp_xq_txt{padding-top:0px;}
.cp_xq_txt .bt{}
.cp_xq_txt .bt span{display: block;font-size: 30px;line-height: 30px;color: #333;border-bottom: 1px solid #eee;padding-bottom: 30px;}
.cp_xq_txt .txt{line-height:30px; font-size:16px; color:#333;margin-top: 30px;}
.cp_xq_txt .txt video{display: block;max-width: 100%;margin: auto;}
.cp_xq_txt .txt img{display: block;max-width: 100%;margin: auto;}
.cp_xq_txt .txt table{border: 1px solid #eee;border-width: 1px 1px 0 0;width: 100%;}
.cp_xq_txt .txt table th{border: 1px solid #eee;border-width:0 0 1px 1px;padding: 10px 20px;background: #f1f3f5;color: #333;line-height: 24px;text-align: left;}
.cp_xq_txt .txt table td{border: 1px solid #eee;border-width:0 0 1px 1px;padding: 10px 20px;}

.view-page2{position:relative; padding-top:20px;border-top: 1px solid #eee;margin-top: 50px; overflow: hidden;}
.view-page2 .prev,.view-page2 .next{font-size:16px;line-height:36px;width:45%;}
.view-page2 .prev{float: left;}
.view-page2 .prev a,.view-page2 .next a{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;-webkit-transition:0.5s;transition:0.5s;}
.view-page2 a{display:block;color: #666;} 
.view-page2 .next{float: right;text-align:right;}
.view-page2 .prev:hover a{color:#3263b0;}
.view-page2 .next:hover a{color:#3263b0;}

.appbg{overflow: hidden;}
.appbg ul{}
.appbg li{display:flex;width: 100%;margin-top: 30px;padding-bottom: 30px;border-bottom: 1px solid #eee;}
.appbg li:nth-child(2n){flex-direction: row-reverse;}
/* 解决方案模块样式*/
.solution {width: 66.666%;}
.solution .slbt {font-size:20px;color:#333;margin-bottom:20px;font-weight:600;}
.solution-desc {font-size:14px;color:#666;line-height:1.8;margin-bottom:30px;}
/* 产品列表样式*/
.solution-title {font-size:16px;color:#333;margin-bottom:20px;font-weight:600;}
.solution-list dl{list-style:none;display:flex;flex-wrap:wrap;gap:40px;/* 产品之间的间距*/;}
.solution-list dd{}
.solution-item {text-align:center;width:150px;/* 统一产品项宽度*/;}
.solution-item img {width:120px;height:auto;margin-bottom:10px;border:none;}
.solution-item p {font-size:13px;color:#666;}
/* 响应式适配*/
@media (max-width:1200px) {.container {width:100%;}
;}
@media (max-width:768px) {.solution-list {justify-content:center;}
;}


/*售后服务*/
.sale {display:inline-block;width:100%;margin:30px 0;border-bottom:1px solid #eee;}
.sale_list {width:100%;}
.sale_list.sale_first .name .serbt {font-size:24px;color:#000;margin:0;}
.sale_list .name {border-bottom:1px solid #eee;}
.sale_list .name .serbt {color:#3263b0;font-size:18px;font-weight:bold;display:inline-block;padding:20px 0;margin:0;border-bottom:2px solid #3263b0;}
.sale_list .text {padding:30px;display:block;line-height:30px;font-size:15px;margin:30px 0;}
.text-first {background:#f0f0f0;}
.sale-down {margin-top:20px;display:inline-block;padding-left:40px;height:30px;line-height:30px;color:#3263b0;background:url(/file.php?f=source/default/wide/下载.png&t=png&o=source&s=&v=1572250578) no-repeat left center;}
/* 技术支持-支持内容*/.sale_50 {display:inline-block;width:100%;}
.sale_50 .sale_list {width:calc(50% - 20px);display:inline-block;float:left;margin-right:40px;}
.sale_50 .sale_list .text-first {min-height:240px;}
.sale_50 .sale_list:nth-child(2n) {margin-right:0px;}
.sale.sale-top0 {margin-top:0;}
.sale.sale-b0 {border:0;margin-bottom:0;}

.home-title {font-size:42px;font-weight:600;text-align:center;text-transform:capitalize;line-height:1.4; color: #000;}
.indexaboutny{overflow: hidden; display: flex; margin-top: 2%; justify-content: space-between; align-items: center;} 
.indexaboutny_left{width: 52%;}
.indexaboutny_left img{width: 100%; display: block;}
.indexaboutny_right{width: 46%;}
.indexaboutny_right .aabt{line-height: 1.4;font-size: .16rem; margin-bottom: 4%;}
.indexaboutny_right p{font-size:18px; line-height:32px;}


.flex-left { display: flex; flex-wrap: wrap; justify-content: space-between;}
.shili-num{ margin-top: 4%;}
.shili-num ul{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;}
.shili-num ul li{width: 33.333%; margin-bottom: 2%}
.shili-num ul li .iicon{}
.shili-num ul li .iicon img{max-width: 100%; display: block;}
.shili-num ul li .iitext{margin-left:4%;}
.shili-num ul li .iitext .num{}
.shili-num ul li .iitext .num i{font-size: .26rem;color:#0c4194;font-weight:bold; font-style: normal;}
.shili-num ul li .iitext .num sub{font-size: .26rem;color:#0c4194;margin-left:5px;}
.shili-num ul li .iitext .num sub.zh{font-size:14px}
.shili-num ul li .iitext p{color: #000;font-size: .1rem;line-height:28px;opacity:0.8;}

.aboutcompany-2 {padding:3% 0; background: #f5f5f5;}
.aboutcompany-2 .list {margin-top:3%;display:flex;flex-wrap:wrap;list-style:none;}
.aboutcompany-2 .list li {width:33.333%;}
.aboutcompany-2 .list li .img {overflow:hidden;}
.aboutcompany-2 .list li .img img {transition:all .1s linear;width:100%; overflow: hidden; display: block;}
.aboutcompany-2 .list li .info {background:#FFFFFF;box-shadow:0 3px 29px 0 rgba(228,228,228,.48);text-align:center;padding:30px 20px;transition:all .1s linear;}
.aboutcompany-2 .list li .info .title {color:#0055b8;font-size:0.18rem; line-height: 40px; margin-bottom: 3%;}
.aboutcompany-2 .list li .info .text {color:#555; font-size: 0.12rem; line-height: 28px; min-height: 116px;}
.aboutcompany-2 .list li:hover .img img {transform:scale(1.02);}
.aboutcompany-2 .list li:hover .info {background:#0055b8;}
.aboutcompany-2 .list li:hover .info .text,.aboutcompany-2 .list li:hover .info .title {color:#FFFFFF;}

.workshop{height:auto;overflow:hidden; padding: 3% 0 0;}
.workshop ul{list-style:none;overflow:hidden;margin-right:-3%; margin-top: 3%;}
.workshop li{width:22%;height:auto;overflow:hidden;margin-right:3%;float:left;margin-bottom:3%}
.workshop li .hpic{border:1px solid #cdcdcd;height:auto;overflow:hidden; display: block; margin: auto;}
.workshop li a{display:block;width:100%;overflow:hidden;transition:all 0.3s}
.workshop li .hpic img{width:100%!important;overflow:hidden; display: block;}
.workshop li div:hover{border:1px solid #0055b8 }
.workshop li a:hover{transform:scale(1.2,1.2);overflow:hidden}
.workshop li span{display:block;text-align:center;line-height:40px;color:#222;font-size:15px}



.contactbox{overflow: hidden; padding-bottom:3%; padding-top: 3%;}
.contactbox ul{ margin-right: -2%;}
.contactbox li{float: left; text-align: center; border: 1px solid #ccc; width:23%; margin-right: 2%; padding:2% 0 0; box-sizing: border-box; min-height: 300px; background:#fff;}
.contactbox li .coimg{ margin-bottom: 5%;border-radius: 50%;width: 90px;height: 90px;background-color: #0055b8; margin: auto;}
.contactbox li .coimg img{max-width:60%; display: inline-block; clear: both; margin: auto; line-height: 60px; padding-top: 18%;}
.contactbox li .cot1{font-size:22px;line-height: 1.25;color: #333333;font-weight: bold;text-align: center; margin-top:4%;}
.contactbox li .cot2{font-size:16px;line-height:28px;color: #666666;text-align: center; margin:4%;}

.contact_content{width: 100%; overflow: hidden;}
.contact_content #map_container{width:50%; float:right; height:470px;font-size: 15px; font-family: 'Poppins';font-weight: normal;color:#000;}

.col_feb {width: 47.5%; float:left;padding:2%; text-align: left; border: 1px solid #ccc; box-sizing: border-box;}
.co_onr {width: 100%; overflow: hidden;}
.co_onr .febt{font-size: 30px;line-height: 1.2;color:#000;margin-bottom:12px;font-weight: normal;}
.co_onr p{ font-size: 16px; line-height: 1.5; color: #333; margin-bottom:42px; overflow: hidden;}
.co_onr ul li{overflow: hidden;float: left;width: 49%; margin-bottom: 15px;}
.co_onr ul li span{display: block; font-size: 14px;color: #333; margin-bottom:5px;}
.co_onr ul li i{ display: inline-block; position: relative; width:100%; font-size: 14px; color: #666666; text-transform: uppercase;}
.co_onr ul li input{border: none;border: 1px solid #c6c3c3;width: 100%;line-height:35px;background: #fff;padding: 0 15px;border-radius: 4px; box-sizing: border-box}
.co_onr ul li.mal{ margin-left:2%;;}
.co_onr ul li.long{clear: both;width: 100%;margin-bottom: 15px;}
.co_onr ul li.long input{width: 100%;outline: none;}
.co_onr ul li.long textarea{border: none;height:90px;width: 100%;outline: none;border: 1px solid #c6c3c3;background: #fff;padding: 10px 15px; border-radius: 4px; 
  font-size: 12px; box-sizing: border-box;}
.co_onr ul li.long2{margin-bottom: 16px;}
.co_onr ul li.lst{line-height:45px;font-size: 15px;width:  100%; padding-bottom: 20px;}
.co_onr ul li.lst button{display: inline-block;float: left;width: 200px;height: 42px;line-height: 42px;color: #fff;cursor: pointer;border: none;font-size: 16px; font-family: 'Poppins';
  text-transform: capitalize;padding-right: 0;background: #0055b8;  border-radius: 6px;}

.job-content{width:100%;background:#f5f5f5;padding: 3% 0; overflow: hidden;}
.jobctit{background:#0055b8; line-height:70px; font-size:18px; color:#fff; margin-top:3%;}
.jobctit span{display:inline-block; width:18%; text-align:center;}
.job-content dl{width:100%; float:left;}
.job-content dl dt{line-height:62px; cursor:pointer; border-bottom:1px solid #d4d4d4; font-size:16px; display:block; overflow:hidden;}
.job-content span.job_cls{width:6%;}
.job-content dl dt .down{width:11px;height:60px;background:url(../images/dl.png) no-repeat center;display:block; margin:auto;}
.job-content dl dt.cur .down{background:url(../images/dlon.png) no-repeat center;}
.job-content dl dt span{width:18.3%; float:left; text-align:center; color:#333;}
.job-content dl dd{background:#f8f8f8;padding:25px;line-height:30px; font-size:15px; overflow:hidden;}
.job-content dl dd p{color:#666; margin-top:10px;}
.job-content dl dd p span{font-weight:bold; color:#0055b8; font-size:18px;}
.job-content dl dd .cont{width:100%; border-top:1px solid #e6e6e6; padding:10px 0 20px; margin:20px 0;}
.job-content dl dd .cont li{float:left; margin-right:3%; padding-left:30px;}
.job-content dl dd .cont li:nth-child(1){background:url(../images/dianhua.png) left no-repeat; background-size:25px 25px;}
.job-content dl dd .cont li:nth-child(2){background:url(../images/dingwei.png) left no-repeat; background-size:25px 25px;}
.job-content dl dd .cont li:nth-child(3){background:url(../images/youxiang.png) left no-repeat; background-size:25px 25px; margin-right:0;}


.banner_pic{margin-top: .4rem;position: relative;}
.banner_pic figure{width: 100%;padding-bottom: 30%;}

.banner_pic .titleer{position: absolute;left: 8%;top: 0;bottom: 0;display: flex;align-items: center;color: #FFF;width: 35%;}
.banner_pic .titleer .more{display: inline-block;background: #0055b8;margin-top: .1rem;padding: .05rem .1rem;border-radius: .02rem;}

.banner_pro{margin-top: .4rem;display: flex;align-items: center;justify-content: space-between;padding: 0 0 0 8%;background: #000;color: #FFF;}
.banner_pro .title p{line-height: 1.6;padding-top: .1rem;}

.subnav{margin-bottom: .3rem;}
.subnav ul{display: flex;align-items: center;flex-flow: wrap;margin-left: -.1rem;justify-content: center;}
.subnav li{position: relative;margin-left: .1rem;font-size: .1rem;}
.subnav li a{display: block;padding: .05rem .1rem;overflow: hidden;transition: all .3s;background: #FFF;border-radius: 1rem;}
.subnav li a:hover{display: block;text-decoration: none;color: #0055b8;}
.subnav li a.current{color:#FFF;background: #0055b8;}

.about_dyip{line-height: 1.4;display: flex;align-items: center;justify-content: space-between;}
.about_dyip .pic{width: 40%;}
.about_dyip .pic figure{padding-bottom: 70%;}
.about_dyip .txt{width: 55%;line-height: 1.6;}
.about_dyip .txt p{padding: .05rem 0;}

.event{background: #FFF;padding: .2rem;line-height: 1.8;text-align: center;}
.event img{max-width: 100%;}
.event video{margin-top: .2rem;max-width: 100%;}

.case .title{text-align: center;}
.case ul{display: flex;align-items: center;flex-wrap: wrap;margin-bottom: -2%;margin-left: -2%;margin-top: .2rem;}
.case li{width: 23%;position: relative;transition: all .4s;margin-bottom: 2%;margin-left: 2%;background: #FFF;text-align: center;transition: all .3s;border-radius: .05rem;overflow: hidden;}
.case li:hover{transform: translateY(-.05rem);box-shadow: 0 0 .1rem rgba(0, 0, 0, .1);}
.case li figure{padding-bottom: 70%;}
.case li p{padding: .1rem;}
.case li a:hover{text-decoration: none;}

.zhengshu .title{text-align: center;}
.zhengshu ul{display: flex;align-items: center;flex-wrap: wrap;margin-bottom: -2%;margin-left: -2%;margin-top: .2rem;}
.zhengshu li{width: 23%;position: relative;transition: all .4s;margin-bottom: 2%;margin-left: 2%;background: #FFF;text-align: center;transition: all .3s;border-radius: .05rem;overflow: hidden;}
.zhengshu li:hover{transform: translateY(-.05rem);box-shadow: 0 0 .1rem rgba(0, 0, 0, .1);}
.zhengshu li figure{padding-bottom: 120%;}
.zhengshu li p{padding: .1rem;}
.zhengshu li a:hover{text-decoration: none;}

.news li{box-sizing: border-box;text-align:left;margin-bottom: .3rem;}
.news li a{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;transition:all .3s;}
.news li a:hover{text-decoration: none;}
.news li .pic{width:30%;border-radius: .05rem;overflow: hidden;}
.news li figure{padding-bottom: 60%;}
.news li .txt{width:67%;box-sizing:border-box;}
.news li h2{transition: all .3s;font-size: .16rem;line-height: 1.4;}
.news li p{margin-top:.1rem;color: #333;line-height: 1.4;}
.news li .txter{margin-top:.1rem;font-size: .08rem;color: #333;}
.news li .more{color: #999;margin-top: .2rem;font-size: .08rem;}
.news li a:hover .more{color:#0c4194;}

.news_con{background: #FFF;padding: .2rem;}
.news_con .title h2{font-size: .16rem;font-weight: bold;}
.news_con .title p{margin-top: 10px;color: #666;}
.news_con .txt{line-height: 2;margin-top: .2rem;border-top: 1px solid #CCC;padding: .2rem 0;}
.news_con .txt p{padding-bottom: 10px;}
.news_con .txt img{max-width: 100%;}

.products_b ul{margin-top: .2rem;}
.products_b li{padding-bottom: .2rem;}
.products_b li h2{margin-top: .1rem;font-family: 'poppins_bold';}

.con{background: #f5f5f5;}

.support ul{display: flex;margin-left: -2%;}
.support li{width: 23%;margin-left: 2%;}
.support li i{color: #0055b8;font-size: .3rem;}
.support li h2{font-family: 'poppins_bold';}

.support_er .txt{line-height: 1.6;padding-top: .2rem;}
.support_er .txt img{max-width: 100%;margin-top: .1rem;}

.fenye{margin-top: .2rem;}
.fenye ul{font-size: 0px;text-align: center;}
.fenye li{display: inline-block;font-size: .1rem;text-align: center;margin:0 .03rem;background: #FFF;border-radius: 100%;overflow: hidden;}
.fenye li a{display: flex;width: .2rem;height: .2rem;align-items: center;justify-content: center;}
.fenye li a:hover{text-decoration: none;background: #0055b8;color: #FFF;}
.fenye li.current a{background: #0055b8;color: #FFF;}
.fenye li:first-child a:hover{background: #FFF;color: #0055b8;}
.fenye li:last-child a:hover{background: #FFF;color: #0055b8;}
.fenye li i{font-size: .08rem;}
 
.syt{padding: .1rem 0;margin-top: .05rem;}
.syt ul{display: flex;align-items: center;justify-content: space-between;}
.syt li{line-height: 2;text-align: center;}
.syt li a{display: flex;align-items: center;justify-content: center;}
.syt li a:hover{display: flex;align-items: center;justify-content: center;text-decoration: none;}
.syt li i{font-size: .1rem;}
.syt li:nth-of-type(1) i{margin-right: .06rem;}
.syt li:nth-of-type(2) i{margin-right: .06rem;}
.syt li:nth-of-type(3) i{margin-left: .06rem;}
.syt ul:after{display: none;}

.sxy li{margin-bottom: .1rem;box-shadow: 0 0 20px 5px rgba(0, 0, 0, .1);}
.sxy li p{font-size: .13rem;font-weight: bold;}
.sxy li h2{margin-top: .1rem;}
.sxy li i{font-size: .1rem;color: #0055b8;margin-top: .1rem;display: block;text-align: right;}
.sxy li a{background: #e1e9fa;display: block;padding: .1rem;}
.sxy li a:hover{text-decoration: none;background: #0055b8;color: #FFF;}
.sxy li a:hover i{color: #FFF;}

.contact{line-height: 1.6;}
.contact ul{display: flex;align-items: center;justify-content: space-between;text-align: center;flex-flow: wrap;}
.contact li{width: 31.333%;display: flex;align-items: center;justify-content: center;flex-flow: column;background: #f3f7fb;box-sizing: border-box;padding: .1rem;height: 1.4rem;border-radius: .05rem;}
.contact li i{color: #0055b8;font-size: .24rem;border-radius: .05rem;}
.contact li span{display: block;margin-top: .1rem;color: #999;}
.contact li p{margin-top: .1rem;}

.liuyan ul{margin-top: .1rem;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.liuyan ul:after{display: none;}
.liuyan li{ width:49%; margin-bottom: .1rem;}
.liuyan li p{padding-bottom: 5px;}
.liuyan li .input_txt{ width:100%; border:1px solid #CCC; outline:medium; padding:10px 4%;box-sizing: border-box;border-radius: .03rem;}
.liuyan .textarea{  margin:0;}
.liuyan .textarea textarea{ width:100%; height:.6rem; border:1px solid #CCC; outline:medium; padding:2%;box-sizing: border-box;border-radius: .03rem;}
.liuyan .textarea p{font-weight: bold;padding-bottom: 10px;}
.liuyan .more{margin-top:10px;}
.liuyan .input_btn{border:0 none; color:#FFF; background:#0055b8;cursor: pointer;outline: medium;padding: .05rem .3rem;border-radius: .03rem;}