.topbanner{width:100%;height:500px;background-position: center center;background-repeat:no-repeat;position: relative;}
.topbanner:before {content: "";width: 100%;position: absolute;display: block;height: 100%;background: linear-gradient(124deg, #4667aa 45%, #f5f5f538 85%);}
.topbanner .bannerdesc{width:600px;color:#fff;padding:20px 40px;margin-left: -600px;top:200px;position:relative;left: 50%;}
.topbanner .bannerdesc.hr{ margin-top:150px; float:right;}
.topbanner .bannerdesc h1{ font-size:30px; position:relative; z-index:2;}
.topbanner .bannerdesc p{ font-size:16px; line-height:30px; padding-top:10px; position:relative; z-index:2;}
.topbanner .bannerdesc:after{content: "";width:600px;height:150px;background-color: #3671cf;background-color: #444;-moz-opacity: 0.8;opacity: 0.5;position:absolute;top:0px;left:0px;bottom:0px;z-index:1;}
/**/
.pdbg{width: 100%;padding: 5rem 0;background-color: #fff;}
.pdbg:nth-child(even){background-color: #f9f9f9;}
.pdbg:nth-child(even) .pk-youlie .item{background-color: #fff;}
/**/
.content{width: 1200px;margin: 0 auto;}
.content .title{display: flex;align-items: center;justify-content: center;margin-bottom: 2rem;}
.content .title h2{font-size: 2rem;font-weight: 500;}
.content .title:before,.content .title:after{content:"";display:inline-block;width:18px;height:18px;background:#4799ff;border-radius:50%;border:3px solid rgb(163 204 255);margin:0 1rem;height:1px;border-width:2px}
.content h3{margin-top: 1rem;color: #424951;}
.content p{font-size:18px;font-weight:400;color:#081f3c;line-height:36px}
.content-img {display: flex;flex-wrap: wrap;}
.content-img>* {width: calc(33.3% - 1rem);margin-right: 1.5rem;margin-top: 1.5rem;}
.content-img>*:nth-child(3n){margin-right:0}
.content-img p {position: relative;margin-top: -3rem;text-align: center;background: #4667aab3;color: #fff;height: 3rem;font-size: 1.3rem;line-height: 3rem;font-weight: bold;}
/**/
.info-tit ul{text-align:center;margin: 3rem 0 2rem 0;}
.info-tit ul li{padding:0 1rem;height:40px;line-height:40px;background:#a3a3a3;display:inline-block;font-size:1rem;color:#fff;cursor:pointer;margin:0 1rem}
.info-tit ul li:hover,.info-tit ul li.active{background:#4799ff}
.info_content{background:#fff;box-shadow:0px 9px 27px 0px rgba(169,170,169,0.14);padding:3rem;display: none;font-size:18px;color:#081f3c;line-height:36px}
.info_content h3{margin-bottom: 1rem;font-size: 1.5rem;font-weight: 500;color: #081f3c;}
.info_content p{font-size:18px;font-weight:400;color:#081f3c;line-height:36px}
.info_content img{text-align:center;margin-bottom: 2rem;}
.info_content table {width: 100%;text-align: center;border-collapse: separate;border-spacing: 2px;}
.info_content table th{background: #6183b9;color: #fff;font-weight:bold;font-size:1rem;padding: 8px;}
.info_content table td{font-size:1rem;color:#333;text-align:center;background:#f7f7f7;padding: 6px;}
/**/
.case_img{display: flex;flex-wrap: wrap;}
.case_img li{width:33.3%;}
.case_img li img{height: 100%;width: 100%;}
.case_img li .more{position:absolute;width:400px;height:23px;font-size:24px;font-weight:500;color:#081f3c;line-height:15px;text-align:center;margin-top:-176px}
.case_img li .more.click{color:#4799ff;margin-top:-120px;cursor:pointer}
.case_img li:nth-child(5) {order: 9;}
.case_img li:nth-child(9) {order: 5;}
.case_img li:nth-child(8) {order: 8;}
.case_img li:nth-child(7) {order: 7;}
.case_img li:nth-child(6) {order: 6;}
/**/
.kuaizu {display: flex;flex-wrap: wrap;}
.kuaizu .comp_info{padding:47px 40px;width:600px;display:inline-block;}
.kuaizu .comp_info h3{height:20px;font-size:20px;color:#081f3c;line-height:20px;text-align:center;margin-bottom: 20px;}
.kuaizu .comp_info:not(:nth-child(4n + 1)):not(:nth-child(4n)) {background:#fff}
.pdbg:nth-child(odd) .kuaizu .comp_info:not(:nth-child(4n + 1)):not(:nth-child(4n)) {background:#f9f9f9}
/**/
.peitao{display: flex;justify-content: space-evenly;align-items: center;}
.peitao .pro_img{width:245px;margin:0 auto;height:245px;border-radius:50%;text-align:center;overflow:hidden;background: #f5f5f5;}
.peitao .pro_img:hover {box-sizing: border-box;box-shadow: 0px 0px 5px 3px #e4e4e4;}
.peitao .pro_img img{height:100%}
.peitao .pro_name{text-align:center;margin-top:2rem;height:28px;font-size:22px;font-weight:500;color:#081f3c;line-height:28px}
.peitao .pro_duty{text-align:center;margin-top: 8px;font-size:18px;font-weight:400;color:#081f3c;line-height:28px}
.pdbg:nth-child(even) .pro_img{background-color: #fff;}
/**/
.pk-youlie{display:flex;overflow:hidden;border-radius:8px;margin-bottom:1rem;box-sizing:border-box}
.pk-youlie .youlie{padding:2%;box-sizing:border-box;color:#2b2b2b;background: #e8e8e8;font-weight:bold;font-size:1rem;display:flex;align-items:center;justify-content:center;border-bottom:none;border:1px solid #eeeeee}
.pk-youlie .item{padding:30px;background:#f7f7f7;box-sizing:border-box;margin: 0 5px;}
.pk-youlie .item h3{font-size: 1rem;color: #555;}
.pk-youlie .item p{padding-top:10px;font-size:1rem;line-height:1.65rem;color:#666}
.pk-youlie .item p strong{color:#4667aa}
.youlie-table table{width:100%;border-collapse:separate;border-spacing:8px}
.youlie-table table th{background: #6183b9;color: #fff;font-weight:bold;font-size:1rem;padding: 30px;}
.youlie-table table td{font-size:1rem;color:#333;text-align:center;background:#f7f7f7;padding:30px}
.youlie-table table tr .tj,.youlie-table table tr td:nth-child(1){position: relative;padding: 0;width: 200px;}
.youlie-table table tr th:first-child,.youlie-table table tr td:first-child{border-radius:8px 0 0 8px}
.youlie-table table.shu tr:first-child td,.youlie-table table tr td:first-child {padding: 0;}
.youlie-table table .tj:before {content: '';display: block;background: url(/images/zhuanti/tuijian.png);width: 60px;height: 60px;position: absolute;top: 0;left: 0;}
.youlie-table table.shu .tj,.youlie-table table.shu  tr td:first-child{width: auto;}
.pdbg:nth-child(even) .youlie-table td{background:#fff}
/*new*/
.news{display:flex;transition:.3s all;-webkit-transition:.3s all}
.news .introduction{margin-top:22.3px}
.news .introduction .type{background:rgb(70 103 170 / 11%);border-radius:4px;font-size:14px;font-weight:bold;color:#3557aa;padding:5px 10px;min-width:50px;text-align:center;display:inline-block;margin-bottom:8px}
.news .introduction .tit{font-size:18px;font-weight:bold;color:#333;line-height:32px;margin-bottom:12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.news .introduction .desc{font-size:16px;color:#333;line-height:26px;margin-bottom:7.3px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.news .introduction .time{font-size:16px;color:#666;line-height:25.57px}
.news .news-left{width:436.6px;height:auto;padding:24px 28px;flex-shrink:0;background:#fff;transition:.3s all;-webkit-transition:.3s all;cursor:pointer}
.news .news-left .img-div{width:100%;overflow:hidden;height:50%;position:relative}
.news .news-left .img-div img{width:100%;height:100%;transition:all .3s}
.news .news-left:hover{box-shadow:0 0 15px 0 rgba(0,0,0,0.13);z-index:1}
.news .news-right{margin-left:1px;display:flex;flex-wrap:wrap}
.news .news-right .right-item{width:calc(50% - 1px);height:auto;background:#fff;padding:0 42.5px 30px 41px;margin-bottom:1px;margin-right:1px;transition:.3s all;-webkit-transition:.3s all;cursor:pointer}
.news .news-right .right-item:hover{box-shadow:0 0 15px 0 rgba(0,0,0,0.13);z-index:1}
.pdbg:nth-child(odd) .news,.pdbg:nth-child(odd) .news .news-left{background-color:#f9f9f9}
.pdbg:nth-child(odd) .news .news-right .right-item:nth-child(-n+2){margin-top:1px}
/**/
.pro-tj{position:relative;height:298px;background: #f1f5fe;padding:56px 0 0 65px;}
.pro-tj a img{transform:translateY(-50%);position:absolute;display:block;width:510px;left:690px;top:50%}
.pro-tj a:hover img{width:530px}
.pro-tj a .info{width: 50%;}
.pro-tj a .info h3{line-height:32px;font-size:20px;color:#000}
.pro-tj a .info .text{margin-top:12px;}
.pro-tj a .info button{background: #4667aa;color: #fff;height: 3rem;cursor: pointer;line-height: 3rem;padding: 0 3rem;margin-top: 1rem;border: none;}
/**/
.left-fixed {position: fixed;top: 35%;left: 50%;margin-left: -760px;width: 150px;background: #4667aa;text-align: center;padding:1rem 0;display: none;}
.left-fixed a{color:#fff;font-size:1rem;line-height:1.85;display: block;padding: 5px 0;}
.left-fixed .flex-active a{color: #2fff00;transition:opacity 0.5s cubic-bezier(0.82, 0.1, 1, 1)}
/**/
.xingping {position: relative;width: 97px;height: 20px;overflow: hidden;margin: 0 auto;}
.xingping .pra-hui {position: absolute;left: 0;right: 0;height: 20px;z-index: 2;background: url(/images/zhuanti/star.png) 0 no-repeat;background-position: 0 -14px;}
.xingping .pra-cheng {z-index: 3;background-position: 0 3px;}
/**/
.left-fixed2 {position: fixed;top: 0;width: 100%;background: #e8e8e8;text-align: center;padding: 1rem 0;display: none;z-index: 90;}
.left-fixed2 ul{display:flex;justify-content: space-between;align-content: center;align-items: center;height: 5rem;width: 900px;margin: 0 auto;position: relative;overflow: hidden;}
.left-fixed2 ul:after{content:"";height: 2px;width: 100%;background: #cbcbcb;position: absolute;z-index: -2;max-width: 890px;left: 5px;}
.left-fixed2 ul::before {content: "";height: 2px;width: 0%;background:#4799ff;position: absolute;z-index: 0;z-index: -1;max-width: 890px;left: 5px;}
.left-fixed2 ul::before {width: var(--progress, 0%);}
.left-fixed2 ul li{width: 65px;height: 65px;background: #cbcbcb;border: 3px solid #dadada;box-sizing: border-box;border-radius: 50%;display: flex;align-content: center;align-items: center;justify-content: center;}
.left-fixed2 ul li.flex-active{background: #4799ff;border: 3px solid #a3ccff;font-weight: bold;}
.left-fixed2 ul li.flex-active a{color: #fff;transition:opacity 0.5s cubic-bezier(0.82, 0.1, 1, 1)}
.left-fixed2 ul li a{font-size: 1rem;width: 43px;line-height: 1.3;}
/*news*/
.zt-news ul{overflow:auto;}
.zt-news ul li {width: 570px;background-color: #f8f8f8;padding: 15px;transition: 0.3s;overflow: auto;float: left;margin: auto 20px 20px 20px;display: flex;align-items: center;}
.zt-news ul li:nth-child(even){margin-left: 0;}
.zt-news ul li:hover {box-shadow:0px 5px 15px rgba(18,19,20,0.1);}
.zt-news ul li .time {width: 100px;font-size: 35px;line-height: 45px;color: #4667aa;text-align: center;border-right: 1px solid #D1D3D6;margin-right: 20px;}
.zt-news ul li .time span {display: block;font-size: 14px;line-height: 16px;color: #8C8D8E;}
.zt-news ul li .list-info {width: 430px;}
.zt-news ul li .list-info .new-tit {font-size: 16px;line-height: 21px;color: #535455;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.zt-news ul li:hover .list-info .new-tit a{color: #3557aa;}
.zt-news ul li .list-info .text {font-size: 14px;line-height: 20px;margin-top: 15px;color: #8C8D8E;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 20px;}
.zt-news ul li .list-info:after{content:"";margin-top: 1rem;display: block;width: 22px;height: 10px;background: url("/images/zhuanti/huijiantou.png") no-repeat center;}
.zt-news ul li .list-info:hover:after {background: url("/images/zhuanti/lanjiantou.png") no-repeat center;}
.pdbg:nth-child(even) .zt-news ul li {background:#fff}
/*ΑτΡΤ*/
.liuyan-tit{font-size: 2rem;font-weight: 500;}
.zt-liuyan {display: flex;margin-top: 1rem;}
.zt-liuyan .botsms{margin: 0;width: 890px;padding: 60px 48px;}
.zt-liuyan .botsms .leftform{width: 100%; float: left;}
.zt-liuyan .botsms ul li{float: left;width: 380px;margin-bottom: 40px;}
.zt-liuyan .botsms ul li:last-child{margin-bottom: 0;}
.zt-liuyan .botsms span{display: inline-block;text-align: right;width: 90px;font-size: 1.1rem;color: #333;line-height: 50px;}
.zt-liuyan .botsms .textbox,.pro-liuyan .select{box-sizing: border-box;padding-left: 20px;width: 280px;height: 50px;border: 1px solid #eaeaea;background: #fff;color: #999;}
.zt-liuyan .botsms .bssubmit{width: 210px;height: 50px;background: #164AC3;font-size: 1rem;line-height: 50px;color: #fff;position: relative;overflow: hidden;padding: 0;margin-top: 0;}
.pro-lianxi {width: 270px;margin-left: 40px;}
.pro-lianxi .item{padding: 36px 30px;text-align: center;background: #fff;}
.pro-lianxi .item:nth-child(1){margin-bottom: 25px;}
.pro-lianxi i{display: block;margin: auto;width: 54px;height: 54px;border: solid 1px #dddddd;border-radius: 50%;}
.pro-lianxi .icon-tel{background: url(/images/products/fm-tel.png) no-repeat center center;}
.pro-lianxi .icon-em{background: url(/images/products/fm-em.png) no-repeat center center;}
.pro-lianxi .item-dt{font-size: 14px;line-height: 24px;color: #828282;margin-top: 5px;}
.pro-lianxi .item-dd{font-size: 1.5rem;line-height: 26px;color: #222;font-weight: bold;margin-top: 6px;}
.pdbg:nth-child(odd) .zt-liuyan .botsms, .pdbg:nth-child(odd) .zt-liuyan .pro-lianxi .item{background: #f9f9f9;}