@import url('//at.alicdn.com/t/c/font_5190745_g3zyzxdh66v.css');
@import url(swiper-iconfont.css?v=1.0.6);
@charset "utf-8";

@font-face{font-display:swap;font-family:D-DINExp;src:url(fonts/D-DINExp.ttf)}
@font-face{font-display:swap;font-family:D-DIN-Bold;src:url(fonts/D-DIN-Bold.ttf)}

blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul,div{ margin: 0; padding: 0; }

body, button, input, select, textarea {font-family:"微软雅黑",roboto,Helvetica,Arial,sans-serif;font-size: 1.4rem;line-height: 1.5; color: #000;outline: none;}
.clearfix:after { display: block; clear: both; content: ""; visibility: hidden; height: 0;}
html{font-size: 10px;}
img,video{vertical-align: middle;display: block;}
li{ list-style-type: none; }
a{ text-decoration: none; color: #000; outline: none; transition: all .3s;}
a:hover,.keyblue{ color: #0363EF;}

body{ margin:10rem auto 0 auto; position:relative;  }
.bd{width: 100%; max-width: 128rem; margin: 0 auto; position: relative;}
.shadow{box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);}
.float-left{float: left;}
.float-right{float: right;}
.indexbg{ background-color:#f2f2f6 }
.btn-primary{ background-color:#0363EF; border: 1px solid #0363EF; cursor: pointer; border-radius:.5rem; font-size:1.8rem; color:#FFF; transition:all .3s; text-align:center; display:inline-block; }
.btn-primary:hover{ background-color:#0363EF; color: #FFF; box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.16); }
.btn-primary:active{ background-color:#0254CE; }
.btn-primary:disabled{ opacity:.2}
.btn-default{ background-color:#FFF; border: 1px solid #DDD; cursor: pointer; border-radius:.5rem; font-size:1.8rem; transition:all .3s; text-align:center; display:inline-block; }
.btn-default:hover{ background-color:#0363EF; border-color:#0363EF; color: #FFF; box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.16); }
.btn-default:active{ background-color:#0254CE; }
.swiper-scrollbar-drag{ background-color:#0363EF}

.header{z-index: 500; position:fixed; left:0; right:0; top:0; box-shadow:0 0 1rem rgba(0,0,0,.1)}
.header .bd{ z-index:6; position:relative;}
.header,.header .bd{ height:10rem;  }
.header .logo{  position: absolute; left: 0; top: 50%; margin-top: -2.5rem}
.header .hbd{ background-color:#FFF }
.header .logo img{ height:5rem;}
.header .nav{  position: absolute; right: 15rem;  top: 0}
.header .nav .list .item{ float:left; padding:0 2.6rem; position:relative; }
.header .nav .list .item .nav-name{ height:10rem; line-height:10rem; font-size:1.8rem; font-weight:bold; position:relative;}
.header .nav .list .item .nav-name .on{ color:#0363EF }
.header .nav .list .item .nav-name a{  }
.header .nav .list .item .nav-name .on::after{ content:""; position: absolute; height:.2rem; left:0; right:0; bottom: 0; background-color:#0363EF }
.header  .subnav{ position:absolute; left:50%;transform: translateX(-50%); white-space: nowrap; text-align:center; height:6rem; line-height:6rem; display:none; z-index:-9;  }
.header  .subnav a{ font-size:1.6rem; display:inline-block; margin:0 2rem;  }
.header .rightbd{ position:absolute; right:0; height:3em; top:50%; margin-top:-1.5rem; }
.header .rightbd .lang{ float:left;  cursor: pointer;}
.header .rightbd .lang .on{ border:.2rem solid #0363EF; height: 2.6rem; line-height: 2.6rem; border-radius:100rem; color: #0363EF; padding: 0 .6rem; display: flex;}
.header .rightbd .lang .on .iconfont{ font-size:1.8rem; }
.header .rightbd .lang .on span{ display:inline-block; min-width:5rem; text-align:center; padding:0 0 0 .3rem }
.header .rightbd .search{ float:left; height:3rem; line-height:3rem; margin:0 0 0 2rem }
.header .rightbd .search .iconfont{ font-size:2.6rem;color: #0363EF }
.header .navbg{ z-index: -2; background-color:#F8F8F8; border-top: 1px solid #DDD; position:absolute; top:10rem; height:6rem; left:0; right:0; display:none;animation-duration: .3s; }
.header .hsearch{ background-color:#FFF; border-top:1px solid #DDD; position:absolute; left:0; right:0; top:10rem; display:none}
.header .hsearch .bd{height:auto; padding:2rem 0}
.psearch{display: flex; background-color: #f2f2f2; border-radius: .5rem; height: 5rem; align-items: center; overflow: hidden;}
.psearch .icon{ width:5rem; text-align:center; }
.psearch .icon .iconfont{ font-size:2.2rem; color:#aeadae }
.psearch .btnbd{ width:14rem; background-color:#0363EF; }
.psearch .btnbd a{ display:block; color:#FFF; line-height:5rem; text-align:center; }
.psearch .btnbd a:hover{background-color: #0254CE}
.psearch .txtbd{ flex:1 }
.psearch .txt{ border:0; width:100%; height:3rem; line-height:3rem; width:100%; background-color:transparent; }

.swiper .swiper-slide{ position:relative; }
.swiper .swiper-slide img {margin: 0 auto; width:100%; max-width:192rem}
.swiper .swiper-slide .index-video{ margin:0 auto; width:100%; }
.swiper{ position:relative; }
.swiper .swiper-slide .sc{ position: absolute; left: 50%; transform: translateX(-50%); top: 0; bottom: 0; display: flex; align-items: center;  overflow: hidden; text-align: center; }
.swiper .swiper-slide .sc p{ font-size:3.8rem; color: #FFF; font-weight: bold; }
.swiper .swiper-horizontal>.swiper-pagination-bullets, .swiper .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper .swiper-pagination-custom, .swiper .swiper-pagination-fraction{ bottom:3rem }
.swiper .swiper-button-l, .swiper .swiper-button-r {transition: all .5s;position: absolute;z-index: 1;border-radius: 0;cursor: pointer;width: 6rem;height: 6rem;line-height: 6rem;top: 50%;margin-top: -3rem;font-size:4.6rem;color: rgba(255,255,255,.5);text-align: center;}
.swiper .swiper-button-l:hover, .swiper .swiper-button-r:hover{ color:rgba(255,255,255,.8); }
.swiper .swiper-button-l{ left:2rem }
.swiper .swiper-button-r{ right:2rem }
.swiper .swiper-pagination-bullet{ width:8rem; height:.3rem; border-radius:0; background-color:rgba(255,255,255,.6); opacity:1; transition: all .3s;  }
.swiper .swiper-pagination-bullet-active{ background-color:#0363EF }
.swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0}

.model-title{ text-align:center; }
.model-title h3{display: inline-block; position: relative; font-size: 3.2rem; padding: 0 0 1rem 0}
.model-title h3::after{ content:""; height:.2rem; background-color:#0363EF; position:absolute; bottom:0; left:50%; width:6rem; margin-left:-3rem; }

.modelbg{background:url(images/aboutbg.png) no-repeat center bottom; background-position: center bottom;  background-size:auto 220rem }

.product-center{ padding:6rem 0; }
.product-center .slist{ padding:5rem 0 0 0; }
.product-center .slist ul{ display:grid;grid-template-columns: repeat(5, 1fr);grid-gap: 1.5rem}
.product-center .slist li{ border: .2rem solid #e0e6ef;min-width: 0; transition: all .3s; background-color:#FFF }
.product-center .slist li .img{ overflow:hidden; }
.product-center .slist li .img img{width: 100%; position: relative; transition: transform .3s}
.product-center .slist li:hover{ box-shadow:0 0 2rem rgba(0,0,0,.15); transform:translateY(-.5rem) }
.product-center .slist li:hover img{ transform:scale(1.1); }
.product-center .slist li .info{ padding:2rem }
.product-center .slist li .info h4 a{ font-size:2.4rem; color:#0363EF }
.product-center .slist li .info .desc{ padding:.5rem 0 1.5rem 0; min-height:9.3rem}
.product-center .slist li .info .desc p{ height:3rem; line-height:3rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-bottom:.1rem solid #e0e6ef; }
.product-center .slist li .info .more a{ display:inline-block; background-color:#0363EF; color:#FFF; padding:.3rem 1rem }
.product-center .slist li .info .more a .iconfont{ font-size:1.4rem; position:relative; transition:all .3s; margin-left:1rem }
.product-center .slist li .info .more a:hover .iconfont{ margin-left:2rem; }
.product-center .plist{ padding:4rem 0 0 0 }
.product-center .plist ul{ display:grid;grid-template-columns: repeat(4, 1fr);grid-gap: 2rem;grid-template-rows: repeat(2, auto);}
.product-center .plist li{ min-width: 0; transition: all .3s;  }
.product-center .plist li .img{ overflow:hidden; background-color:#FFF; }
.product-center .plist li .img img{width: 100%; position: relative; transition: transform .3s}
.product-center .plist li:hover{ box-shadow:0 0 2rem rgba(0,0,0,.15);transform:translateY(-.5rem) }
.product-center .plist li:hover img{ transform:scale(1.1); }
.product-center .plist li .desc{ height:4rem; line-height:4rem; white-space:nowrap; overflow:hidden; padding: 0 2rem; text-overflow:ellipsis; text-align:center;background-color:#FFF; margin-top:.2rem  }

.company-center{ padding:6rem 0 0 0;  overflow:hidden; }
.company-center .bg{ padding:6rem 0 0 0 }
.company-center .content{ width:52rem }
.company-center .content .title{ font-size:3rem; width:32rem }
.company-center .content .desc{ border-top:.2rem solid #0363EF; position: relative; margin: 2rem 0 0 0; padding: 2rem 0 4rem 0;}
.company-center .content .desc::after{ content:""; position:absolute; height:.2rem; background-color:#ff8729; top:-.2rem; left:0; width:30% }
.company-center .content .desc p{ text-indent:2em; text-align: justify; line-height: 2em; padding:0 0 1rem 0; color:#5b5b5b }
.company-center .bluebg{  background:url(images/bluebg.png) no-repeat center top; background-size:100% auto; position: relative;}
.company-center .bluebg .more{height:30rem;}
.company-center .bluebg img{ position:absolute; right:-38rem; bottom:0; height:70rem }
.company-center .bluebg  a{ display:inline-block; background-color:#0363EF; color:#FFF; padding:1rem 2rem; position:absolute; top:50%; transform: translateY(-50%);}
.company-center .bluebg  a .iconfont{ font-size:1.4rem; position:relative; transition:all .3s; margin-left:1rem }
.company-center .bluebg  a:hover .iconfont{ margin-left:2rem; }

.count-center{ padding:4rem 0 3rem 0}
.count-center .box{display:grid;grid-template-columns: repeat(4, 1fr);grid-gap: 2rem; }
.count-center .box .item{ display:flex; align-items:center;background-color: #f9f9f9; padding:2rem;transition: all .3s;  }
.count-center .box .item:hover{box-shadow:0 0 2rem rgba(0,0,0,.15);transform:translateY(-.5rem)}
.count-center .box .item .l{ text-align:center; width:8rem }
.count-center .box .item .img img{ height:4rem; margin: 0 auto }
.count-center .box .item .l p{ padding:.5rem 0 0 0; font-weight:bold; }
.count-center .box .item .r{flex: 1; text-align: center;}
.count-center .box .item .r .nums{ display:inline-block; position:relative; height:4.8rem; line-height:4.8rem; }
.count-center .box .item .r .nums strong{ font-family:D-DINExp; color: #0363EF; font-size: 4.8rem; }
.count-center .box .item .r .nums .unit{ position:absolute; right:-1.5rem; bottom:.4em; line-height:1.4rem;color: #0363EF;  }
.count-center .box .item .r .nums em{font-style: normal;color: #0363EF;  position: absolute; right: -3rem; line-height: 1.4rem; top: .3rem; font-weight: bold;}
.count-center .box .item .r .nums .no{ right:-1.5rem }

.advantage-center{ padding:6rem 0 0 0; margin: 10rem 0 0 0; background:url(images/ysbg.png) no-repeat center top; background-size: auto 70rem;  }
.advantage-center .list{ display:grid;grid-template-columns: repeat(4, 1fr);grid-gap: 2rem; padding:12rem 0 10rem 0;  }
.advantage-center .list .item{ border-radius:1rem; background-color:#e0e6ef; padding:4rem 3rem 5rem 3rem;transition: all .3s}
.advantage-center .list .item:hover{box-shadow:0 0 2rem rgba(0,0,0,.15);transform:translateY(-.5rem); background-color: #0363EF;}
.advantage-center .list .item .img { padding:0 0 1rem 0; text-align: center;}
.advantage-center .list .item .img .iconfont{ font-size: 7rem; margin:0 auto; color:#0363EF;transition: all .3s }
.advantage-center .list .item h4{ font-size:2.4rem; padding:1rem 0 1.5rem 0; text-align:center; color:#333;transition: all .3s }
.advantage-center .list .item h4 span{ color:#0363EF;transition: all .3s }
.advantage-center .list .item .desc{ line-height:1.8em; text-align:justify; }
.advantage-center .list .item:hover,.advantage-center .list .item:hover .img .iconfont,.advantage-center .list .item:hover h4 span,.advantage-center .list .item:hover h4{ color: #fff !important;; }

.choice-center{ padding:6rem 0 0 0; }
.choice-center .model-title{ background:url(images/why.png) no-repeat center center; background-size:cover; padding:6rem 0 6rem 0 }
.choice-center .subcat{ border-bottom:.2rem solid #0363EF; background-color:#FFF }
.choice-center .subcat ul{display: flex; }
.choice-center .subcat ul li{ width:25%; text-align:center; padding:2rem 0; cursor:pointer; }
.choice-center .subcat ul li.on{ background-color:#0363EF; color:#FFF; position:relative; }
.choice-center .subcat ul li.on:after{ content:""; position:absolute; left: 50%;bottom: -1rem;transform: translateX(-50%);border-left: 1rem solid transparent;border-right: 1rem solid transparent;border-top: 1rem solid #0363EF;border-bottom: 0; }
.choice-center .subcat ul li h4{font-size: 2.4rem; padding: 0 0 .5rem 0}
.choice-center .content{ background-color:#e0e6ef; padding:10rem 0  }
.choice-center .content .swiper-choice{ overflow:hidden; margin: 0 4rem; padding: 2rem 0}
.choice-center .content .swiper-slide{display:grid;grid-template-columns: repeat(2, 1fr);grid-gap: 7rem; }
.choice-center .content .swiper-slide .l{ align-items:center; display:flex; }
.choice-center .content .swiper-slide .l .titles { position:relative; font-size: 2.4rem; font-weight: bold; padding: 5rem 0 0 4rem}
.choice-center .content .swiper-slide .l .titles span{ font-family:D-DINExp; font-weight: 200; font-size: 11.8rem; height: 12rem; line-height: 12rem; opacity: .6; color: #FFF; position: absolute; left: 0; top: 0; z-index: -1}
.choice-center .content .swiper-slide .l .desc{ padding:3rem 0 0 4rem }
.choice-center .content .swiper-slide .l .desc p{ position:relative; padding:1rem 0 1rem 2rem; color:#808080; font-size:1.6rem }
.choice-center .content .swiper-slide .l .desc p:after{ content:""; position:absolute; left:0; top:1.8rem; width:.8rem; height:.8rem; border-radius:.2rem; background-color:#ff8729 }
.choice-center .content .swiper-slide .r{ align-items:center; display:flex; }
.choice-center .content .swiper-slide .r img{ width:100% }
.choice-center .content .swiper-slide .r .img{ position:relative; margin: 0 1rem 0 0  }
.choice-center .content .swiper-slide .r .img:before{content: ""; width: 10rem; height: 10rem; background-color: #0363EF; left: -1.5rem; top: -1.5rem; position: absolute; z-index: -1}
.choice-center .content .swiper-slide .r .img:after{content: ""; width: 10rem; height: 10rem; background-color: #ff8729; right: -1rem; bottom: -1rem; position: absolute; z-index: -1}

.case-center{ padding:9rem 0; }
.case-center .bd{ padding:5rem 0 0 0 }
.case-center .casebox{display:grid;grid-template-columns: 20% 1fr 20%;grid-gap: 2rem;}
.case-center .casebox .l,.case-center .casebox .r{text-align: center; display: grid;grid-template-rows: repeat(auto-fit, 1fr);align-items: center;gap: 1px; }
.case-center .casebox .li{ background-color:#FFF; width: 100%; height: 100%; font-size: 1.6rem; display: flex; align-items: center; justify-content: center;transition:all .3s}
.case-center .casebox .li.on{ background-color:#0363EF; color:#FFF }
.case-center .casebox .li a{display:block;width:100%;height:100%; padding:0 2rem; display:flex;align-items:center;justify-content:left}
.case-center .casebox .li.on a{color:#FFF}
.case-center .casebox .m{ background:#DDD; overflow:hidden; position:relative;  }
.case-center .case-swiper{ overflow:hidden; position:relative; }
.case-center .case-swiper .img img{ width:100% }
.case-center .case-swiper .swiper-slide{ position:relative; }
.case-center .case-swiper .swiper-slide .txt{ height:5rem; line-height:5rem; background-color: #FFF; padding:0 2rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.case-center .case-swiper .swiper-slide .txt span{ display:inline-block; width:3rem; height:1rem; position:relative; }
.case-center .case-swiper .swiper-slide .txt span:after{content: ""; height: 1.4rem; width: 1px; border-left: 1px solid #DDD; position: absolute; top: 50%; margin-top: -.7rem; left: 1.5rem}


.news-center{ padding:0 0 7rem 0; }
.news-center .subtitle{display: flex; align-items: center;}
.news-center .subtitle .l{flex: 1}
.news-center .subtitle .entitle{ font-size:3.2rem }
.news-center .subtitle .tabs span{font-size: 2.2rem; display: inline-block; font-weight: bold;}
.news-center .subtitle .tabs i{font-size: 2rem; padding:0 2rem; font-style: normal;}
.news-center .subtitle .tabs span.on{color:#0363EF; }
.news-center .subtitle .r{ width:20rem; text-align:right; }
.news-center .subtitle .r a{ display:inline-block; background-color:#0363EF; color:#FFF; padding:.3rem 1rem }
.news-center .subtitle .r a .iconfont{ font-size:1.4rem; position:relative; transition:all .3s; margin-left:1rem }
.news-center .subtitle .r a:hover .iconfont{ margin-left:2rem; }

.news-center .ct { padding:5rem 0 0 0; display:flex; }
.news-center .ct .l{ flex: 1}
.news-center .ct .l ul{ display:flex;height:100%  }
.news-center .ct .l ul li{ width:50%; position:relative;  }
.news-center .ct .l ul li .box{ background-color: #f8f8f8;  margin-right: 4rem; border-radius:1rem; overflow:hidden; box-shadow:0 0 2rem rgba(180,180,180,.1)  }
.news-center .ct .l ul li .box .img{ overflow:hidden; }
.news-center .ct .l ul li .box .img img{ width:100%; position:relative; transition:all .3s }
.news-center .ct .l ul li .box:hover img{ transform:scale(1.1); }
.news-center .ct .l .box a .info{ padding:2rem }
.news-center .ct .l .box a .date{color:#999; font-family:D-DINExp; padding:1rem 0 0 0 }
.news-center .ct .l .box a .title{ font-size:1.6rem; margin:1.5rem 0; font-weight:bold; }
.news-center .ct .l .box a .desc{ font-size:1.2rem; color:#999; line-height:1.6;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.news-center .ct .l .box a .more{ padding:1.5rem 0 0 0 }
.news-center .ct .l .box a .more span{ color: #0363EF}
.news-center .ct .r{width: 50rem;background-color: #f8f8f8;border-radius:1rem; overflow:hidden; box-shadow:0 0 2rem rgba(180,180,180,.1) }
.news-center .ct .r .box{ padding:2rem; }
.news-center .ct .r .box .t{display: flex;}
.news-center .ct .r .box .t .img{ width:20rem; border-radius:1rem; overflow:hidden; }
.news-center .ct .r .box .t .img img{ width:100%;transition:all .3s; }
.news-center .ct .r .box .t .info{flex: 1; padding: 0 0 0 1.5rem}
.news-center .ct .r .box .t:hover img{ transform:scale(1.1); }
.news-center .ct .r .box .t .title{ font-size:1.6rem;font-weight:bold; margin-bottom:1rem }
.news-center .ct .r .box .t .desc{ font-size:1.2rem; color:#999; line-height:1.6;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.news-center .ct .r .box .t .more{ padding:1rem 0 0 0 }
.news-center .ct .r .box .t .more span{ color: #0363EF}
.news-center .ct .r .box ul{ padding:2.5rem 0 0 0 }
.news-center .ct .r .box li{display: flex; align-items: center; }
.news-center .ct .r .box li .arc{flex: 1; white-space: nowrap; height: 3.7rem; line-height: 3.7rem; overflow: hidden; text-overflow: ellipsis; position: relative; padding: 0 0 0 1.5rem; }
.news-center .ct .r .box li .arc:before{content: ""; border-radius: 100px; position: absolute; left:0; width:.6rem; height:.6rem; background-color:#999; top:50%; margin-top:-.3rem; transition:all .3s }
.news-center .ct .r .box li .arc:hover:before{ background-color:#0363EF }
.news-center .ct .r .box li .date{width: 10rem; text-align: right; color: #999;font-family:D-DINExp}

.new-list .subnewcat{ text-align:center; font-size:2.2rem; padding:8rem 0 5rem 0; line-height:3rem; height:3rem;font-weight:bold;  }
.new-list .subnewcat span{ display:inline-block; width:4rem; height:1.4rem; position:relative; }
.new-list .subnewcat span:after{content: ""; height: 2rem; width: 3px; border-left: 2px solid #999; position: absolute; top: 50%; margin-top: -1rem; left: 2rem}
.new-list .subnewcat .on,.new-list  .subnewcat a:hover{ color:#0363EF; }
.new-list .newsli{ display:grid;grid-template-columns: repeat(3, 1fr);grid-gap: 3rem;  }
.new-list .newsli li{ position:relative; border-radius:1rem; overflow:hidden; transition:all .3s; border:1px solid #DDD;  }
.new-list .newsli li:hover{transform: translateY(-8px);box-shadow:0 0 2rem rgba(0,0,0,.1) ;}
.new-list .newsli li .box{ padding:2rem }
.new-list .newsli li .box .img{ overflow:hidden; }
.new-list .newsli li .box .img img{ width:100%; position:relative; transition:all .3s }
/*.new-list .newsli li .box:hover img{ transform:scale(1.1); }*/
.new-list .newsli li .box a .info{ padding:2rem 0 1rem 0}
.new-list .newsli li .box a .date{color:#999; font-family:D-DINExp; padding:1rem 0 0 0 }
.new-list .newsli li .box a .title{ font-size:1.6rem; margin:1.5rem 0; font-weight:bold; }
.new-list .newsli li .box a .desc{ font-size:1.2rem; color:#999; line-height:1.6;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.new-list .newsli li .box a .more{ padding:1.5rem 0 0 0 }
.new-list .newsli li .box a .more span{ color: #0363EF}

.subbanner img{ width:100% }
.navposition{ font-size:1.4rem; font-weight:300; padding: 2rem 0 2rem 0}
.navposition .iconfont{ font-size:1.4rem; position: relative;}
.navposition span{ color:#999; display:inline-block; padding:0 1rem }
.navposition .iconhome{padding-left: 0;display: inline-block; vertical-align: middle;}
.navposition .iconhome i{ font-size: 1.4rem; }

.newsdetail-content{display:grid;grid-template-columns:1fr 36rem;grid-gap: 3rem;  padding: 3rem 0 10rem 0}
.newsdetail-content .l{}
.newsdetail-content .r{}
.newsdetail-content .r .rbd{}
.newsdetail-content .r h3{ font-size:2rem; position: relative; padding: 0 5rem 0 7rem;  margin-top:5rem }
.newsdetail-content .r h3:before{ width:4px; height:2rem; content:""; background-color:#0363EF; position:absolute; top:50%; margin-top:-1rem; left:5rem }
.newsdetail-content .r ul{ padding:0 5rem 5rem 5rem }
.newsdetail-content .r li  .info .title{ font-size:1.6rem;  padding: 0 0 .5rem 0;  text-align:justify; }
.newsdetail-content .r li { border-bottom:1px solid #DDD; padding:2rem 0 3rem 0}
.newsdetail-content .r li:last-child{ border:0; padding-bottom:1rem }
.newsdetail-content .r li  .info a .date{  color:#888888; font-family:D-DINExp; padding:1rem 0 0 0 }
.newsdetail-content .r li  .info a .title{ margin:1rem 0;}
.newsdetail-content .r li  .info a .desc{ color:#888888; line-height:1.4;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.newsdetail-content .l .article-detail{ padding:0 0 0 0; }
.newsdetail-content .l .article-detail h1{font-size: 3.6rem}
.newsdetail-content .l .article-detail .dateinfo{display: flex; align-items: center; margin-top: 3rem; justify-content: center;  padding: 1.5rem 0; border-top: 1px solid #EEE;border-bottom: 1px solid #EEE;}
.newsdetail-content .l .article-detail .dateinfo .f{font-family:D-DINExp }
.newsdetail-content .l .article-detail .dateinfo div{ padding:0 4rem; color: #888}
.newsdetail-content .l .article-detail .dateinfo .iconfont{ margin-right:1rem }
.newsdetail-content .l .article-detail .dateinfo .iconfont{font-size: 1.4rem}
.newsdetail-content .l .article-detail .dateinfo div a{color: #888}
.newsdetail-content .l .article-detail .ct{ line-height:2em; font-size:1.8rem; padding:5rem 0 0 0 }
.newsdetail-content .l .article-detail .ct table{border-collapse: collapse;}
.newsdetail-content .l .article-detail .ct table tr,.newsdetail-content .l .article-detail .ct table td,.newsdetail-content .l .article-detail .ct table th{border: 1px solid #ccc;}
.newsdetail-content .l .article-detail .ct img{ max-width:100%;display:inline-block; }
.newsdetail-content .l .article-detail .joindateinfo{ }
.newsdetail-content .l .article-detail.joindetail h1{text-align: center;}
.newsdetail-content .l .article-detail .joinsubtitle{font-size: 2rem}

.about-content{ padding:5rem 0 0 0 }
.about-content .aboutct{display:grid;grid-template-columns:1fr 50rem;grid-gap: 6rem; padding: 6rem 0 2rem 0}
.about-content .aboutct .rt{position: relative;}
.about-content .content{ }
.about-content .content .title{ font-size:3rem; width:32rem }
.about-content .content .desc{ border-top:.2rem solid #0363EF; position: relative; margin: 2rem 0 0 0; padding: 2rem 0 4rem 0;}
.about-content .content .desc::after{ content:""; position:absolute; height:.2rem; background-color:#ff8729; top:-.2rem; left:0; width:30% }
.about-content .content .desc p{ text-indent:2em; text-align: justify; line-height: 2em; padding:0 0 1rem 0; color:#5b5b5b }
.about-content .swiper-about{ overflow:hidden; position:relative; }
.about-content .swiper-about img{ width:100% }
.about-content .swiper-pagination-about{ text-align:left; bottom:-2.5rem }
.about-content .swiper-pagination-about .swiper-pagination-bullet{ margin-left:0; margin-right:1rem; border:1px solid #999; background-color:transparent; opacity:1 }
.about-content .swiper-pagination-about .swiper-pagination-bullet-active{ background-color:#999 }
.about-culture{ padding:8rem 0 0 0 }
.about-culture .list{display:grid;grid-template-columns: repeat(4, 1fr);grid-gap: 3rem; padding: 6rem 0 0 0}
.about-culture .list .img{ position:relative;  }
.about-culture .list .img:after{ content:""; position:absolute; left:0; right:0; top:0; bottom:0; background-color:#001C3B; opacity:.3;transition:all .3s }
.about-culture .list img{ width:100% }
.about-culture .list li{box-shadow:0 0 1rem rgba(0,0,0,.1); transition: all .3s; background-color:#FFF; }


.about-culture .list li:hover{ transform: translateY(-.5rem);}
.about-culture .list li:hover .img:after{ opacity:0 }
.about-culture .list li .box{ padding:1.5rem 2rem; transition: all .3s;height:10rem; }
.about-culture .list li:hover .box{color:#FFF;background: url(images/nbgs.jpg?v=1.0.2) no-repeat bottom center;  background-size:100% auto;}
.about-culture .list li .box .txt{ font-size:1.8rem; font-weight:bold; }
.about-culture .list li .box .txt span{ position:relative; display: inline-block; padding: 0 0 .8rem 0}
.about-culture .list li .box .txt span:after{ content:""; position:absolute; left:0; bottom:0; right:0; height:2px; background-color:#0363EF; }
.about-culture .list li:hover .box .txt span:after{background-color:#FFF;}
.about-culture .list li .box .desc{ padding:.8rem 0 0 0 }

.about-fz{ padding:5rem 0 0 0 }
.about-fz .box{ height:60rem; background:url(images/fbg.png) no-repeat center bottom; background-size:auto 100%;  }
.about-fz .box .swiper-fz{overflow:hidden;}
.about-fz .box .swiper-slide{ height:60rem; width: auto; display: flex; align-items: center;}
.about-fz .box .swiper-slide img{ height:40rem; }
.about-fz .swiper-horizontal>.swiper-scrollbar,.about-fz .swiper-scrollbar.swiper-scrollbar-horizontal{ width:30rem; left:50%; margin-left:-15rem }
.about-fz .box .swiper-button-l{ position:absolute; left:0; top:0; z-index:10; font-size:3rem; top:50%; margin-top:-1.5rem; cursor:pointer}
.about-fz .box .swiper-button-r{ position:absolute; right:0; top:0; z-index:10;font-size:3rem; top:50%; margin-top:-1.5rem; cursor:pointer}
.about-fz .boxbd{ position:relative; padding:0 4rem}

.about-env{  padding:10rem 0 10rem 0 }
.about-env .img{ overflow:hidden; }
.about-env img{ width:100%; transition:all .3s }
.about-env .list .swiper-slide:hover img{ transform:scale(1.1); }
.about-env .list{ white-space:nowrap; }
.about-env .list .swiper-slide{float: left; width: 50%; }
.about-env .list .box{ background-color:#f9f9f9; padding:2rem; transition:all .3s; }
.about-env .list .swiper-slide:hover .box{color:#FFF;background: url(images/nbgs.jpg?v=1.0.2) no-repeat bottom center;  background-size:100% auto;}
.about-env .list .box .desc{ font-weight:bold; font-size:1.6rem }
.about-env .swiper-env-bd{ position:relative; }
.about-env .swiper-env{ margin:6rem 0 0 0; }
.about-env .swiper-pagination-env{ bottom:-5rem }
.about-env .swiper-pagination-env .swiper-pagination-bullet{ margin-left:0; margin-right:1rem; border:1px solid transparent; background-color:transparent; opacity:1; width:1.8rem; height:1.8rem; position:relative; }
.about-env .swiper-pagination-env .swiper-pagination-bullet:after{content: ""; position: absolute; width: 1rem; height: 1rem; left: .4rem; top: .4rem; border-radius: 10rem; background-color: #999}
.about-env .swiper-pagination-env .swiper-pagination-bullet-active{ border-color:#DDD; }
.about-env .swiper-pagination-env .swiper-pagination-bullet-active:after{ background-color:#0363EF }
.about-env .swiper-env-box{ overflow:hidden; }

.about-team{  padding:6rem 0 4rem 0 }
.about-team .list{display:grid;grid-template-columns: repeat(2, 1fr);grid-gap: 3rem; padding: 6rem 0 0 0}
.about-team .list img{ width:100%;transition:all .3s }
.about-team .list li{ position:relative; overflow:hidden; }
.about-team .list li .txt{ position:absolute; bottom:-8rem; left:0; right:0; background:url(images/txtbg.png) repeat-x center bottom; background-size: auto 8rem; height:4rem; line-height: 4rem; padding: 3rem 0 1rem 0; z-index:5; text-align:center; transition: all .3s; font-size:1.6rem; font-weight: bold; color:#FFF }
.about-team .list li:hover .txt{ bottom:0 }
/*.about-team .list li:hover img{transform: scale(1.1);}*/


.about-cer{  padding:6rem 0 10rem 0 }
.about-cer .swiper-cer{ overflow:hidden; padding:6rem 0 0 0 }
.about-cer .swiper-cer img{ width:100% }
.about-cer .swiper-cer .txt{  text-align:center;  padding:0 1rem; height:5rem; line-height:5rem; overflow:hidden; text-overflow:ellipsis; font-weight:bold; font-size:1.6rem;transition:all .3s }
.about-cer .swiper-cer .swiper-slide{ width:20%; transition:all .3s  }
.about-cer .swiper-cer .swiper-slide:hover{transform: translateY(-.5rem)}
.about-cer .swiper-cer .swiper-slide .box { border:5px solid #EEE;transition:all .3s; }
.about-cer .swiper-cer .swiper-slide:hover .box{ border-color:#0363EF}
.about-cer .swiper-cer .swiper-slide:hover .box .txt{color:#FFF;background: url(images/nbgs.jpg?v=1.0.2) no-repeat bottom center;  background-size:100% auto;}
.about-cer .swiper-cer .swiper-slide .box .txt{}


.contact-info{ padding:5rem 0 0 0 }
.contact-info .title{ border-bottom:2px solid #0363EF; font-size:3rem; text-align:center; padding:1rem 0 2rem 0; font-weight:bold;   }
.contact-info .title span{ display:inline-block; width: 4rem; position: relative; height: 2.5rem}
.contact-info .title span:after{ content:"";  position:absolute; top:0; bottom:0; width:2px; height: 3rem; background-color:#999; }
.contact-info .list{display:grid;grid-template-columns: repeat(4, 1fr);grid-gap: 3rem; padding: 5rem 0 8rem 0}
.contact-info .list li{text-align: center;}
.contact-info .list .icon img{ height:8rem; margin:0 auto; }
.contact-info .list li .txt .n{font-weight: bold; font-size: 1.8rem; color: #0363EF; padding: 1rem 0 0 0}
.contact-info .list li .txt .c{ color:#666;  font-family:D-DINExp; font-size:1.6rem }

.contact-map{padding:2rem 0 5rem 0}
.contact-map .address{ display:flex; align-items:center; padding:0 0 .5rem 0 }
.contact-map .address .icon-dingwei{font-size: 6rem; height: 6rem; line-height: 6rem; margin-top: .6rem; margin-right: 1rem; display: block;}
.contact-map .address p{ font-size:1.6rem }
.contact-map .address a{ color:#0363EF}
.contact-map .address .lab{font-weight:bold;}
.contact-map .frame{ width:100%; height:50rem }
.contact-map .maps{ padding:0 0 8rem 0 }


.contact-form { padding:0 0 10rem 0 }
.contact-form .title{font-size: 2rem;}
.contact-form .title .iconfont{ float:left; color:#0363EF; font-size:3rem;  }
.contact-form .stitle{text-align: center; padding:0 0 1rem 0 }
.contact-form .stitle h3{ font-size:3rem; color: #0363EF}
.contact-form .stitle .h4{ font-size:1.8rem; color:#999; padding:1rem 0 0 0 }
.contact-form .title h4{ float:left; padding-top: .6rem}
.booksub .formbd{ padding:2.6rem 0 0 0; position:relative; }
.booksub .formbd .form-group{ margin-bottom:1.6rem }
.booksub .formbd .form-group .ll{width: 50%; float: left;}

.booksub .formbd .form-group .ll.l-w{ width:100% }
.booksub .formbd .form-group .ll.l-vfcode{ width:40% }
.booksub .formbd .form-group .rr{width: 50%; float: left;}
.booksub .formbd .form-group .txtbd{ background-color: rgba(249, 249, 249, 1)}
.booksub .formbd .form-group .ll .txtbd{ margin-right:1rem }
.booksub .formbd .form-group .ll.l-w .txtbd{ margin-right:0 }
.booksub .formbd .form-group .rr .txtbd{ margin-left:1rem }
.booksub .formbd .form-group .txtbd .form-txt{ height:5.8rem; position:relative; }
.booksub .formbd .form-group .txtbd .form-txt label{width: 11.2rem;  font-size: 1.6rem;  position: absolute; left: 2.5rem; top: 1rem; bottom: 1rem; border-right:1px solid rgba(125, 125, 125, .3); display:flex; align-items:center; }
.booksub .formbd .form-group .txtbd .form-txt label span{display: inline-block; vertical-align: middle; margin-left: 1rem; position: relative; top: .4rem; color: rgba(255, 0, 0, 1)}
.booksub .formbd .form-group .txtbd .form-txtarea{ height:22.8rem }
.booksub .formbd .form-group .txtbd .form-txt .inputbd{ position:absolute; left:15rem; right:1.5rem; top:.3rem; bottom:.3rem; }
.booksub .formbd .form-group .txtbd .form-txt .inputzbd{position:absolute; left:0; right:0; top:0; bottom:0; z-index:5}
.booksub .formbd .form-group .txtbd .form-txt .inputchoice{ position:absolute; right:0; top:1rem; bottom:1rem; padding:0 1.5rem; font-size:1.6rem;display:flex;align-items:center}
.booksub .formbd .form-group .txtbd .form-txt .inputbd .txt{ width:100%; border:0; background-color:transparent;  height: 100%; font-size: 1.6rem; }
.booksub .formbd .form-group .txtbd .form-txt .inputbd .txtfile{ opacity:0; }
.booksub .formbd .form-group .txtbd .form-txt .inputbd .filename{ position:absolute; left:0; bottom:0; font-size:1.6rem; top:0; display:flex; align-items:center; }
.booksub .formbd .form-group .txtbd .form-txt .inputbd .img{ position:absolute; right:-16rem; top:0; bottom:0; display:flex; align-items:center}
.booksub .formbd .form-group .txtbd .form-txt .inputbd .img img{ height:100%; cursor:pointer;}
.booksub .formbd .form-btn{ padding:2rem 0 0 0; text-align:center; }
.booksub .formbd .form-btn button{  width:20rem; height:5rem;  font-size:2.4rem; margin:0 auto; }
.booksub .formbd .form-group .txtbd .form-txt .selectgroup{ position:absolute; left:12rem; right:1.5rem; top:1rem; bottom:1rem; }
.booksub .formbd .form-group .txtbd .form-txt .selectgroup li{float: left; position: relative; font-size: 1.6rem; font-weight: 300;border-right:1px solid rgba(125, 125, 125, 1);}
.booksub .formbd .form-group .txtbd .form-txt .selectgroup li div{ padding:0 3rem; height:3.8rem; line-height:3.8rem; }
.booksub .formbd .form-group .txtbd .form-txt .selectgroup li select{opacity: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0;font-size: 1.6rem;  text-align: center;}
.booksub .formbd .form-group .txtbd .form-txt .selectgroup li:last-child{border: 0}
.booksub .formbd .form-group .txtbd .form-txt .txtareabd{ position:absolute; left:15rem; right:1.5rem; top:1rem; bottom:1rem; }
.booksub .formbd .form-group .txtbd .form-txt .txtareabd .txtarea{width:100%; border:0; background-color:transparent;  height: 100%; font-size: 1.6rem; }
.booksub .formbd .tips{display: none;}
.booksub .formbd .tips .table{ position:absolute;  left: 0rem;right: 0rem; top: 2.6rem; bottom: 0; background-color: #EEE;display: flex; align-items: center;  justify-content: center; font-size: 1.8rem; z-index:10}
.booksub .formbd .tips .btn-ubd{ padding:5rem 0 0 0; text-align:center; }
.booksub .formbd .tips .btn-ubd button{ padding:.5rem 3rem; font-size:2.4rem;  }

.joinlist {padding: 5rem 0}
.joinlist .list{ border-top:2px solid #0363EF; }
.joinlist li{ border-bottom:1px solid #DDD; }
.joinlist li .titles{ display:flex; align-items:center; padding: 2.5rem 0}
.joinlist li .titles .t1{flex: 1}
.joinlist li .titles .t2{ width: 18%}
.joinlist li .titles .t3{ width: 18%}
.joinlist li .titles .t4{ width: 18%}
.joinlist li .titles .t5{ width: 18%}
.joinlist li .titles .t6{ width: 12rem; text-align: right;}
.joinlist li .titles .t6 .iconfont{ transform:rotate(90deg); position:relative; display:inline-block;cursor:pointer; font-size:1.4rem;transition:all .3s }
.joinlist li .titles .t6 .iconfont.on{transform:rotate(270deg); }
.joinlist .desc{display: none; background-color: #DDD;  line-height: 2em}
.joinlist .desc .box{padding: 3rem 3rem 1rem 3rem; }
.joinlist .desc .h4{  }
.joinlist .desc .ct{ padding:.6rem 0 2rem 0}

.contact-bg{ background:url(images/contactbg.jpg) no-repeat center center; background-size:cover; padding:5rem 0 }
.contact-bg .bd .box{  background-color:#FFF; padding:8rem 8rem; border-radius:1rem; overflow:hidden}
.contact-bg .contact-form{ padding:0 }
.contact-bg .booksub .formbd .form-group .txtbd .form-txt{border: 2px solid #EEE;}
.contact-bg .navposition{ padding-top:0}
.contact-bg .navposition,.contact-bg .navposition a,.contact-bg .navposition .iconfont{ color:#FFF}
.booksub .formbd .form-cop-btn{padding:4rem 0 0 0;}

.cooperationbox{ padding:3rem 0 }
.cooperationboxs{ padding:1.5rem 0; line-height:2em }

.ask-bd{ padding:8rem 0 10rem 0 }
.ask-bd .search {padding: 5rem 0 3rem 0}
.ask-bd .search .downcat{ float:left; display:flex; align-items:center; }
.ask-bd .search .downcat span{}
.ask-bd .search .downcat span a{display: block; height: 4rem; line-height: 4rem; padding: 0 1.5rem; min-width: 10rem; text-align: center; background-color: #EEE}
.ask-bd .search .downcat span a.on{ background-color:#0363EF; color:#FFF }
.ask-bd .search .searchbox{ border:.1rem solid #DDD; border-radius:100px; float:right; position:relative; overflow:hidden; }
.ask-bd .search .searchbox .txtbd{ margin:.4rem 4rem .4rem 1.5rem }
.ask-bd .search .searchbox .txtbd .txt{ height:3rem; line-height:3rem; border:0; width: 20rem; background-color:transparent; }
.ask-bd .search .searchbox .btn{ position:absolute; right:0; top:0; width:3.8rem; border-radius: 100px; text-align:center; height: 3.8rem; line-height:3.8rem; top:0;  background-color: #EEE}
.ask-bd .search .searchbox .btn .iconfont{ font-size:1.4rem }
.ask-bd .listbox{display: grid;grid-template-columns: 20rem 1fr;grid-gap: 4rem; }
.ask-bd .listbox.libox{display:flex;grid-gap:none}
.ask-bd .listbox.libox .r{flex:1}
.ask-bd .listbox .ask-cat{ background-color:#ededed; border-radius:1rem; overflow:hidden; }
.ask-bd .listbox .ask-cat a{ display:block; text-align:center; font-weight: bold; border-radius:1rem; height:5rem; line-height:5rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ask-bd .listbox .ask-cat a.on{ background-color:#0363EF; color:#FFF }
.ask-bd .listbox .list li{ border-radius:.8rem; overflow:hidden; background-color:#f7f7f7; margin:0 0 2rem 0 }
.ask-bd .listbox .list .title-ask{ display: flex; align-items: center; background-color: #ededed; border-radius: .8rem; padding: 1rem 0; cursor: pointer;}
.ask-bd .listbox .list .title-ask .icon{ padding:0 1rem 0 2rem }
.ask-bd .listbox .list .title-ask .icon span{ border-radius:10rem; display: inline-block; width:3.6rem; height:3.6rem; text-align:center; line-height:3.6rem; background-color:#0363EF; color:#FFF }
.ask-bd .listbox .list .title-ask .icon span i{ font-size:1.4rem }
.ask-bd .listbox .list .title-ask .arrow{ text-align:right; width:5rem; padding:0 2rem 0 0 }
.ask-bd .listbox .list .title-ask .arrow i{ font-size:1.4rem;transition:all .3s; transform:rotate(90deg); position:relative; display:inline-block; }
.ask-bd .listbox .list .on .title-ask .arrow i{transform:rotate(270deg); }
.ask-bd .listbox .list .title-ask .asktxt{flex: 1; padding:0 2rem 0 0; font-weight: bold;}
.ask-bd .listbox .list .ct-ask{ display:none }
.ask-bd .listbox .list .ct-ask .td{ display: flex; align-items: center; padding:2rem 0 }
.ask-bd .listbox .list .ct-ask .asktxt{flex: 1;padding:0 2rem 0 0;}
.ask-bd .listbox .list .ct-ask .icon{ padding:0 1rem 0 2rem }
.ask-bd .listbox .list .ct-ask .icon span{ border-radius:10rem; display: inline-block; width:3.6rem; height:3.6rem; text-align:center; line-height:3.6rem; background-color:#8e8e8e; color:#FFF }
.ask-bd .listbox .list .ct-ask .icon span i{ font-size:1.4rem }

.ask-bd .downlist { border-top:1px solid #DDD; padding:5rem 0 5rem 0}
.ask-bd .downlist li{display: flex; align-items: center; padding: 2rem 2rem; border-bottom: 1px solid #EEE; transition: all .3s}
.ask-bd .downlist li:hover{ background-color:#F8F8F8 }
.ask-bd .downlist li .icon{ padding:0 2rem 0 0  }
.ask-bd .downlist li .icon img{ height:6rem; }
.ask-bd .downlist li .names{flex: 1; font-weight: bold;}
.ask-bd .downlist li .btn{width: 16rem; text-align: right;}
.ask-bd .downlist li .btn i{ font-size:1.4rem; margin:0 .5rem 0 0  }
.ask-bd .downlist li .btn a{ color:#0363EF; display:inline-block; margin:0 0 0 2rem; }
.ask-bd .servicelist{}
.ask-bd .servicelist li{ padding:0 0 2rem 0 }
.ask-bd .servicelist li .titles{ padding:1rem 2rem; background-color:#EEE; font-weight:bold; }
.ask-bd .servicelist li .ct{ padding:2rem 2rem; line-height:2em }
.ask-bd .listbox .pages{ padding:3rem 0}

.case-yy{ padding:8rem 0 0 0 }
.case-yy .cats{ background-color:#EEE; margin:3rem 0 0 0 }
.case-yy .cats ul{ display:flex; align-items:center; }
.case-yy .cats ul li{flex: 1; text-align: center; }
.case-yy .cats ul li a{display: block; line-height: 6rem; height: 6rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; }
.case-yy .cats ul li a.on:after{content: ""; height: .3rem; position: absolute; left: 0; width: 100%; bottom: 0; background-color: #0363EF}
.case-yy .subcats{ padding:3rem 0 2rem 0; }
.case-yy .subcats ul{display:grid;grid-template-columns: repeat(3, 1fr);grid-gap: 2rem}
.case-yy .subcats ul li { position:relative; }
.case-yy .subcats ul li img{ width:100% }
.case-yy .subcats ul li .img{ position:relative; }
.case-yy .subcats ul li .img:after{ content:""; position:absolute; left:0; bottom:0; top:0; right:0; background-color:rgba(0,0,0,.5); opacity:1; transition:all .3s }
.case-yy .subcats ul li .txt{ position:absolute; color: #FFF; left: 2rem; bottom: -1.5rem; font-size: 1.6rem; font-weight: bold;z-index: 5; transition: all .3s}
.case-yy .subcats ul li .txt span{ display:block; font-weight:normal; padding:1rem 0 0 0; }
.case-yy .subcats ul li .txt span .iconfont{font-size: 1.2rem; position: relative; top: .1rem}
.case-yy .subcats ul li .txt span{ font-size:1.2rem }
.case-yy .subcats ul li:hover .img:after{opacity: .5;}
.case-yy .subcats ul li:hover .txt{ bottom:2rem }

.case-sc{ padding:8rem 0 2rem 0 }
.case-sc ul{display:grid;grid-template-columns: repeat(4, 1fr);grid-gap: 2rem; padding: 5rem 0 0 0}
.case-sc ul li:hover{ box-shadow: 0 0 1rem rgba(0,0,0,.1)}
.case-sc ul li{transition:all .3s}
.case-sc ul li:hover img{ transform:scale(1.1); }
.case-sc ul li .img{ overflow:hidden; }
.case-sc ul li img{ width:100%; transition:all .3s }
.case-sc ul li {border: 1px solid #DDD;}
.case-sc ul li .box{ padding:2rem; text-align:center; transition:all .3s; background-color:#FFF;  }
.case-sc ul li .box .num{ font-size:3rem;transition:all .3s;  }
.case-sc ul li .box .desc{ color:#999;transition:all .3s; }
.case-sc ul li:hover .box{background:url(images/nbgs.jpg?v=1.2) no-repeat center center; background-size:cover;}
.case-sc ul li:hover .box .num{ color:#FFF;}
.case-sc ul li:hover .box .desc{color:#FFF}

/*.case-kh-bg{ background:url(images/khbg.jpg) no-repeat center center; background-size:cover; padding:5rem 0 }*/
.case-kh{ padding:8rem 0 8rem 0 }
.case-kh ul{display:grid;grid-template-columns: repeat(6, 1fr);grid-gap: 2rem; padding: 5rem 0 0 0}
.case-kh ul li {transition: all .3s}
.case-kh ul li:hover{transform: translateY(-.5rem); box-shadow: 0 0 1rem rgba(0,0,0,.1)}
.case-kh ul li .img{ overflow:hidden; }
.case-kh ul li img{ width:100%;  }
.case-kh ul li {border: 1px solid #DDD;}

.case-detail-swiper{ padding:6rem 0  12rem 0}
.case-detail-swiper li{display:grid;grid-template-columns:1fr 50rem;grid-gap: 6rem;}
.case-detail-swiper li .img img{ width:100% }
.case-detail-swiper li .titles{ font-size:2.6rem; font-weight:bold; position: relative; padding: 1.5rem 0 1rem 0}
.case-detail-swiper li .titles:after{content: ""; position: absolute; bottom: 0; height: .3rem; width: 8rem; background-color: #0363EF; left: 0}
.case-detail-swiper li .desc .txt{padding: 2rem 0 4rem 0; line-height: 3rem;color: #666}
.case-detail-swiper li .desc .txt .iconfont{font-size:1.4rem; margin-right:.5rem}
.case-detail-swiper li .desc .btn a{ display:inline-block; border:1px solid #0363EF; color:#0363EF; padding:.5rem 2rem; font-size:1.6rem }
.case-detail-swiper li .desc .btn a i{font-size: 1.6rem; margin-right: .8rem}
.case-detail-swiper li .desc .btn a:hover{ background-color:#0363EF; color:#FFF }
.case-detail-swiper li  .info{ position:relative; }

.product-bd{padding: 8rem 0 10rem 0}
.product-bd .product-box{display: grid;grid-template-columns:26rem 1fr;grid-gap: 5rem; padding: 5rem 0 0 0}
.product-bd .product-box .prolist{ overflow:hidden; }
.product-bd .product-box .prolist .psearch{display: flex; background-color: #f2f2f2; border-radius: .5rem; height: 5rem; align-items: center; overflow: hidden;}
.product-bd .product-box .prolist .psearch .icon{ width:5rem; text-align:center; }
.product-bd .product-box .prolist .psearch .icon .iconfont{ font-size:2.2rem; color:#aeadae }
.product-bd .product-box .prolist .psearch .btnbd{ width:10rem; background-color:#0363EF; }
.product-bd .product-box .prolist .psearch .btnbd a{ display:block; color:#FFF; line-height:5rem; text-align:center; }
.product-bd .product-box .prolist .psearch .btnbd a:hover{background-color: #0254CE}
.product-bd .product-box .prolist .psearch .txtbd{ flex:1 }
.product-bd .product-box .prolist .psearch .txt{ border:0; width:100%; height:3rem; line-height:3rem; width:100%; background-color:transparent; }
.product-bd .product-box .pcat .topcat{display:flex;align-items:center; background-color:#0363EF; color:#FFF; height: 4rem; line-height: 4rem; font-weight: bold;cursor: pointer;padding:0 1rem; margin-bottom:1rem}
.product-bd .product-box .pcat .topcat.tt{ margin-top:1rem}
.product-bd .product-box .pcat .topcat .icon{ width:3rem; color:#FFF; text-align:right; }
.product-bd .product-box .pcat .topcat h4{flex: 1; font-size:1.6rem; color:#FFF; }
.product-bd .product-box .pcat .topcat .icon .iconfont{transition: all .3s; transform: rotate(-90deg); position: relative; display: inline-block; height: 1.6rem; line-height: 1.6rem; overflow: hidden;top:.2rem}
.product-bd .product-box .pcat .topcat.on .icon .iconfont{transform: rotate(0deg); }

.product-bd .product-box .pcat .li .t{display: flex; align-items: center; border-bottom: 1px solid #DDD; height: 4rem; line-height: 4rem; font-weight: bold;cursor: pointer; padding:0 1rem}
.product-bd .product-box .pcat .li:last-child .t{ border-bottom:0}
.product-bd .product-box .pcat .li .t,.product-bd .product-box .pcat .li .t .iconfont{ font-size:1.6rem }
.product-bd .product-box .pcat .li .t .iconfont{transition: all .3s; transform: rotate(-90deg); position: relative; display: inline-block; height: 1.6rem; line-height: 1.6rem; overflow: hidden; top:.2rem}
.product-bd .product-box .pcat .li .t.on .iconfont{transform: rotate(0deg); }
.product-bd .product-box .pcat .li .t .arrow{ width:3rem; text-align:right; align-items:center; }
.product-bd .product-box .pcat .li .t .cname{flex: 1; }
.product-bd .product-box .pcat .li .subcat{display: none}
.product-bd .product-box .pcat .li .box{ padding:.5rem 1rem }
.product-bd .product-box .pcat .li .box .b{display: flex; align-items: center; line-height: 3.6rem; cursor: pointer;}
.product-bd .product-box .pcat .li .box .b .icont{ width:2rem; }
.product-bd .product-box .pcat .li .box .b .iconfont,.product-bd .product-box .pcat .li .box .b .sname{ font-size:1.4rem }
.product-bd .product-box .pcat .li .box .b.on .iconfont{ color:#0363EF }
.product-bd .product-box .pcat .li .box .b .sname{ flex:1; height: 3.6rem;line-height: 3.6rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.product-bd .product-box .plist{display:grid;grid-template-columns: repeat(3, 1fr);grid-gap: 1.5rem; margin: 3rem 0 0 0}
.product-bd .product-box .plist .li{ background-color:#f5f5f5; text-align:center;transition:all .3s; overflow:hidden; }
.product-bd .product-box .plist .li a{display: block;}
.product-bd .product-box .plist .img{ overflow:hidden; }
.product-bd .product-box .plist img{ width: 100%; margin:0 auto; transition:all .3s}
.product-bd .product-box .plist .li:hover{}
.product-bd .product-box .plist .li:hover img{ transform:scale(1.1); }
.product-bd .product-box .plist .li .txt{ height:5rem; line-height:5rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; padding:0 2rem }

.product-bd .product-box .choicebd{ padding:1.5rem 0 }
.product-bd .product-box .choicebd li{float: left; padding: 1rem 1.5rem 1rem 0}
.product-bd .product-box .choicebd li a{display: block;}
.product-bd .product-box .choicebd li i,.product-bd .product-box .choicebd li s{font-size: 1.4rem}
.product-bd .product-box .choicebd li .icon{ display:inline-block; margin:0 0 0 1rem }
.product-bd .product-box .choicebd li .icon-duoxuanxuanzhong{ margin-right:.5rem}
.product-bd .product-box .choicebd .reset{ padding:1rem 0 0 0}
.product-bd .product-box .choicebd .reset a{display:inline-block; padding:.6rem 2rem; background-color:#0363EF; color:#FFF; border-radius:.8rem;}
.product-bd .product-box .choicebd .reset i,.product-bd .product-box .choicebd .reset a{font-size:1.4rem}
.product-bd .product-box .choicebd .reset i{ margin-right:.5rem;}

.product-detail .info{display:grid;grid-template-columns: 64rem 1fr;grid-gap: 6rem; padding:5rem 0 0 0}
.product-detail .info .imgbd .mainswiper{overflow:hidden; background-color:rgba(249, 249, 249, 1) }
.product-detail .info .imgbd .mainswiper .swiper-slide{width: 64rem; overflow:hidden; background-color:#f5f5f5}
.product-detail .info .imgbd .mainswiper .swiper-slide img{ width:100%;cursor:pointer; }
.product-detail .info .imgbd .thumbswiper{ width:60rem; overflow:hidden; margin-top:.8rem; padding:1.5rem 0 0 0; }
.product-detail .info .imgbd .thumbswiper .swiper-slide{float: left; width: 14.4rem; background-color:#f5f5f5;  margin-right: .8rem;}
.product-detail .info .imgbd .thumbswiper .swiper-slide img{ width:100%; cursor: pointer;}
.product-detail .info .imgbd .thumbswiper .imgborder{border:3px solid transparent; position:relative}
.product-detail .info .imgbd .thumbswiper .swiper-slide-thumb-active .imgborder:after{content: "";width: 0;height: 0;border-left: 1rem solid transparent;border-right: 1rem solid transparent;border-bottom: 1rem solid #0363EF; position:absolute;left:50%;transform: translateX(-50%); top:-1rem}
.product-detail .info .imgbd .thumbswiper .swiper-slide-thumb-active .imgborder{border-color:#0363EF}
.product-detail .infobd h1{ font-size:1.8rem; line-height:1.8em; padding:0 0 3rem 0}
.product-detail .infobd .label{font-size:1.6rem; font-weight:bold; border-left:2px solid #0363EF; padding:0 0 0 1.5rem; height:4rem; line-height:4rem; background-color:rgba(3,99,239,.1)}
.product-detail .infobd .special li,.product-detail .infobd .application li{ color:#666; padding:.4rem 0}
.product-detail .infobd .special li .iconfont{ font-size:1.4rem;}
.product-detail .infobd .special li{display:flex;}
.product-detail .infobd .special li .c{ flex:1}
.product-detail .infobd .special li .icon{ width:1.8rem}
.product-detail .infobd .special{ padding:0 0 3rem 0}
.product-detail .infobd .application{ padding:0 0 3rem 0}
.product-detail .infobd .application ul,.product-detail .infobd .special ul{ padding:1rem 0 0 0}
.product-detail .buybtn{display:flex;}
.product-detail .buybtn a{display:block;font-size:1.6rem; padding:1rem 2rem; min-width:12rem; margin-right:2rem; text-align:center}
.product-detail .buybtn a .iconfont{font-size:1.6rem; margin-right:1rem}
.product-detail .prodetail{ padding:7rem 0 5rem 0}
.product-detail .prodetail .tabs{ height:5rem; line-height:5rem; background-color:#EEE; display:flex; align-items:center}
.product-detail .prodetail .tabs div{cursor:pointer; padding:0 2rem; min-width:16rem; text-align:center; font-size:1.6rem; font-weight:bold}
.product-detail .prodetail .tabs .on{ background-color:#0363EF; color:#FFF}
.product-detail .prodetail .tabct{ padding:3rem 0; display:none}
.product-detail .prodetail .tabct .tablelist{border-collapse: collapse; width:100%}
.product-detail .prodetail .tabct .tablelist td{border:1px solid #EEE;  padding:1.3rem 2rem}
.product-detail .prodetail .tabct .tablelist tr:nth-child(even){ background-color:#F8F8F8}
.product-detail .prodetail .tabct .tablelist .label{width:20rem;}
.product-detail .prodetail .tabct .tablelist td.head{text-align:center;font-weight:bold;}
.product-detail .prodetail .tabct .tablelist.tablelist-param{text-align:center}
.product-detail .prodetail .tabct .tablelist.tablelist-param td{justify-content:center}
.product-detail .prodetail .tabct .tablelist.tablelist-param img{ height:2.5rem; margin:0 auto}
.product-detail .prodetail .tabct .tablelist.tablelist-param .param-td{ padding:0;}
.product-detail .prodetail .tabct .tablelist.tablelist-param .param-td li{ border-bottom:1px solid #EEE; padding:1.3rem 2rem}
.product-detail .prodetail .tabct .tablelist.tablelist-param .param-td li:last-child{border:0}
.product-detail .prodetail .tabct .downlist { border-top:1px solid #EEE; padding:0 0 5rem 0}
.product-detail .prodetail .tabct .downlist li{display: flex; align-items: center; padding: 2rem 2rem; border-bottom: 1px solid #EEE; transition: all .3s}
.product-detail .prodetail .tabct .downlist li:hover{ background-color:#F8F8F8 }
.product-detail .prodetail .tabct .downlist li .icon{ padding:0 2rem 0 0  }
.product-detail .prodetail .tabct .downlist li .icon img{ height:6rem; }
.product-detail .prodetail .tabct .downlist li .names{flex: 1; }
.product-detail .prodetail .tabct .downlist li .btn{width: 16rem; text-align: right;}
.product-detail .prodetail .tabct .downlist li .btn i{ font-size:1.4rem; margin:0 .5rem 0 0  }
.product-detail .prodetail .tabct .downlist li .btn a{ color:#0363EF; display:inline-block; margin:0 0 0 2rem; }
.product-detail .prodetail .tabct .description{}

.searchpagebox{ padding:2rem 0}
.search-result{ padding:2rem 0 8rem 0}
.search-result .panel{ padding:2rem 0 2rem 0 }
.search-result .panel .title{ border-bottom:1px solid #DDD; font-size:1.6rem; font-weight:bold; line-height:3.6rem; padding:0 0 .5rem 0; }
.search-result .panel .infolist{padding: 1rem 0}
.search-result .panel .infolist li{ line-height:2em }
.search-result .keyblue{font-style:normal}
.search-result .norecords{ text-align:center; padding:10rem 0;}
.search-result .norecords img{ margin:0 auto; height:10rem;}


.contact-form-dl .showbox{ padding:10rem 0 0 0; display:none}
.contact-form-dl .showbox .stitle h3{ color:#000}
.contact-form-dl .showbox .rbox{display:grid; grid-template-columns:45rem 1fr; grid-gap: 10rem; align-items:center;  background-color:#F8F8F8; margin:3rem 0 0 0; padding:3rem 5rem}
.contact-form-dl .showbox .rbox .l{text-align:center; justify-content:center}
.contact-form-dl .showbox .rbox .l .img{ width:100%; margin:0 auto; box-shadow:0 0 1rem rgba(0,0,0,.1)}
.contact-form-dl .showbox .rbox .r{flex:1; position:relative}
.contact-form-dl .showbox .rbox .r .infolist li{display:flex; padding:1rem 0;}
.contact-form-dl .showbox .rbox .r .infolist li .label{width:10rem; color:#0363EF}
.contact-form-dl .showbox .rbox h4{font-size:2rem; color:#0363EF; padding:5rem 0 1rem 0;}
.contact-form-dl .showbox .rbox .r:after{content:"";position:absolute;left:-5rem; top:1rem; bottom:1rem; width:1px; background-color:#DDD}

.booksub .formbd .form-group .txtbd .form-txt .inputbd .txtpd{ width:100%; border:0; background-color: rgba(249, 249, 249, 1); position: absolute; left: 0; top: 0; bottom: 0;display: none; z-index:8; align-items: center; color: #F00;  height: 100%; font-size: 1.6rem; font-weight: 300}
.booksub .formbd .form-group .txtbd .form-txt .inputbd .txtpd.on{ display:flex; }
.booksub .formbd .form-group .txtbd .form-txt .txtareabd .txtpd{ width:100%; border:0; background-color: rgba(249, 249, 249, 1); position: absolute; left: 0; top: 0; bottom: 0;display: none;  color: #F00;  height: 100%; font-size: 1.6rem; font-weight: 300}
.booksub .formbd .form-group .txtbd .form-txt .txtareabd .txtpd.on{ display:flex; }
.booksub .formbd .form-group .txtbd .iconfont{ font-size:1.6rem; margin-right:.4rem}

.fixed-submit{ background-color:rgba(0,0,0,.8); position:fixed; left:0;right:0;top:0;bottom:0; z-index:600; display:none }
.fixed-submit .box{width: 100%; height: 100%; align-items: center; justify-content: center; display: flex;}
.fixed-submit .box .ct{ background-color:#FFF;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);   max-height: 70rem; position:relative; }
.fixed-submit .box .ct .booksub{ padding:3rem}
.fixed-submit .box .ct .title{font-size:2rem; font-weight:bold}
.fixed-submit .booksub .formbd .form-btn button{margin:0 1rem;}
.fixed-submit .booksub .formbd .form-btn button{ font-size:2rem;}

.pages{ text-align:center; padding:6rem 0;}
.pages ul li{ display:inline-block; padding:0 1rem;}
.pages ul li a{ display:block; width: 4.2rem; height: 4.2rem; line-height: 4.2rem; background-color:#EEE; border-radius:1rem; }
.pages ul li a:hover{background-color:#0363EF; color: #FFF}
.pages ul .active a{ background-color:#0363EF; color: #FFF}
.pages ul .disabled a,.pages ul .disabled a:hover{ background-color:#EEE; color: #BBB; cursor:not-allowed;}
.pages ul .more a,.pages ul .more a:hover{ background-color: transparent; color: #333 }

.footer{background:url(images/foot-bg.jpg) no-repeat center center; background-size:cover; color:#FFF }
.footer a{color: #FFF}
.footer .bd .btable{display: flex; flex-direction: row; position: relative; width: 100%}
.footer .foot-left{flex: 9;}
.footer .foot-left .foot-left-up{border-right: 1px solid rgba(255, 255, 255, .1);display: flex; align-items: center;padding:5rem 0 3rem 0}
.footer .foot-left .foot-left-up .logo{ height:7rem; margin-right:4rem }
.footer .foot-left .foot-left-up .logo img{ height:100% }
.footer .foot-left .foot-left-up h3{font-weight: normal;; font-size: 2rem;}
.footer .foot-left .foot-left-bottom{ border-top: 1px solid rgba(255, 255, 255, .1); border-right: 1px solid rgba(255, 255, 255, .1); padding: 3rem 0 5rem 0;}
.footer .foot-left .foot-left-bottom .foot-list{display: flex; justify-content: space-between; margin-right: 8rem}
.footer .foot-left .foot-left-bottom .foot-list .h4{font-size: 1.8rem; font-weight: bold;}
.footer .foot-left .foot-left-bottom .foot-list .h4:after{content: ""; height: .2rem; width: 2rem; display: block; background-color: #FFF; border-radius: 10rem; margin: 2rem 0}
.footer .foot-left .foot-left-bottom .foot-list .sublist li{  padding-bottom:1.5rem;  }
.footer .foot-left .foot-left-bottom .foot-list .sublist li a{color: rgba(255,255,255,.7)}
.footer .foot-left .foot-left-bottom .foot-list .sublist li a:hover,.footer .foot-right .finfo a:hover,.footer .foot-right .copyright a:hover{color:rgba(255,255,255,1) }
.footer .foot-right{width: 38rem;}
.footer .foot-right .rbd{ padding:5rem 0 0 5rem }
.footer .foot-right .rbd .p,.footer .foot-right .finfo,.footer .foot-right .finfo a,.footer .foot-right .copyright,.footer .foot-right .copyright a{color: rgba(255,255,255,.7)}
.footer .foot-right .rbd .tel{ font-size:3.6rem; font-family:D-DINExp;  font-weight:bold; padding:1rem 0 0 0; line-height:4rem }
.footer .foot-right .rbd .tel a{color: #ff8729;}
.footer .foot-right .finfo{ padding:3rem 0 4rem  0}
.footer .foot-right .finfo .address{ padding:1rem 0 0 0 }
.footer .foot-right .finfo .address1{ padding:3rem 0 0 0 }
.footer .foot-right .copyright{ padding:4rem 0 0 0 }
.footer .foot-right .copyright span{display: inline-block; padding: 0 0 0 1rem}
.footer .foot-right .icons{ }
.footer .foot-right .icons ul{display: flex; flex-wrap: wrap; }
.footer .foot-right .icons ul li{ width:30%; padding:.6rem 0; position:relative;}
.footer .foot-right .icons ul li a{display: block; width: 4rem; height: 4rem; line-height: 4rem; text-align: center; border-radius: 10rem; background-color: #FFF; color: #333; transition: none; }
.footer .foot-right .icons ul li a .iconfont{ font-size:2rem; }
.footer .foot-right .icons ul li a .icon-weixin{ color:#07c160; }
.footer .foot-right .icons ul li a .icon-shipinhao{ color:#F60 }
.footer .foot-right .icons ul li a:hover,.footer .foot-right .icons ul li a:hover .iconfont{ background-color:#0363EF; color:#FFF }
.footer .foot-right .icons ul li .img{ background-color:#0363EF; color:#FFF; display: none; width:16rem; padding:1rem; border-radius:.5rem; position:absolute; left:50%; margin-left:-10.5rem; bottom: 6rem; text-align:center; }
.footer .foot-right .icons ul li .img div{ position:relative; overflow:hidden; }
.footer .foot-right .icons ul li .img img{ width:100% }
.footer .foot-right .icons ul li .img p{ color:#FFF; font-size:1.6rem; height:2rem; line-height:2rem; padding:1rem 0 0 0 }

.fixed-right{ position:fixed; right:0; top:50%; margin-top:-20rem; z-index:10;  }
.fixed-right li{ margin:0 0 1px 0; position:relative; }
.fixed-right li:last-child{ margin:0 }
.fixed-right .btn{ width:8rem; height:8rem; display:flex; align-items:center; justify-content:center; background-color: #0363EF; color: #FFF;transition: all .3s;cursor:pointer;}
.fixed-right .btn:hover{ background-color:#0254CE }
.fixed-right .btn span{ text-align:center;  }
.fixed-right .btn .iconfont{ font-size:2.8rem; display:block; line-height:3rem; margin:0 auto; }
.fixed-right .btn p{ font-size:1.4rem; line-height: 1.4rem; padding:.5rem 0 0 0  }
.fixed-right .info{ position:absolute; right:8rem; top:0; bottom:0; white-space:nowrap; display:none; }
.fixed-right .info .tels{background-color:rgba(255,255,255,.9);  padding: 1rem 2rem; height: 6rem; box-shadow: 0 0 1rem rgba(0,0,0,.1)}
.fixed-right .info .tels .nums,.fixed-right .info .tels .nums a{font-size: 2.4rem; font-weight: bold; color: #0363EF;}
.fixed-right .info .wechat{background-color:#FFF;  padding: 1rem; box-shadow: 0 0 1rem rgba(0,0,0,.1)}
.fixed-right .info .wechat img{ width:16rem }


@media screen and (max-width:1600px){
	/*.bd{max-width: 100rem;}*/
    html{font-size: 9px;}
}

@media screen and (max-width:1300px){
	.bd{max-width: 1000px;}
    html{font-size: 8px;}
    .company-center .bluebg img{ height:68rem}
}