.banner{background-repeat: no-repeat;background-size: cover;background-position: center center;}
.banner .container{display: flex;align-content: center;align-items: center;padding: 60px 0;}
.banner .text{width: 50%;display: inline-block;vertical-align: middle;margin-top: -100px;}
.banner .text h1{font-size: 42px;color: #333;}
.banner .text .subtitle{color: #666;line-height: 1.7;font-size: 20px;}
.banner .video-img{width: 50%;float: right;box-shadow: 11px -9px  rgba(0, 15, 79, 0.05);border-radius: 15px;}
.banner .video-img video,.banner .video-img img{border-radius: 15px;}

.breadcrumb{color: #666;margin-top: -40px;box-shadow: 0px 7px 14px 2px rgba(0, 15, 79, 0.05);display: flex;justify-content: space-between;align-items: center;background-color: #fff;border-radius: 10px;}
.breadcrumb .anchor{padding: 0 30px;width: 70%;}
.breadcrumb .anchor ul{display: flex;white-space: nowrap;}
.breadcrumb .anchor ul li{margin-right: 30px;font-size: 20px;line-height: 1.95;padding: 27px 0;}
.breadcrumb .anchor ul li:first-child{color: #3557aa;}
.breadcrumb .btn{display: inline-block;background-color: #3557aa;color: #fff;border-radius: 50px;margin-right: 30px;font-size: 20px;}
.breadcrumb .btn a {display: block;padding: 12px 40px;}

.xh-titles h2{color: #333;font-size: 42px;line-height: 1.478;text-align: center;margin-bottom: 50px;padding-top: 90px;}
.xh-tab table{width: 100%;}
.xh-tab table thead{background-color: #f8f8f8;}
.xh-tab table thead td {line-height: 1.636;font-size: 22px;color: #333333;padding: 33px 40px;}
.xh-tab table tbody tr td:first-child {color: #333;}
.xh-tab table tbody tr td {padding: 24px 40px;font-size: 16px;line-height: 1.95;color: #666;border-bottom: 1px solid #ddd;}
.xh-tab p{color: #666;margin-top: 15px;}
.xh-tab p i{color: red;padding-right: 10px;}

.xh-btn{margin-top: 40px;display: flex;justify-content: center;}
.xh-btn a{color: #fff;padding: 12px 45px;display: inline-block;text-align: center;margin:0 15px;border-radius: 5px;}
.xh-btn a:first-child{background-color: #3557aa;}
.xh-btn a:last-child{background-color:#f8f8f8;color:#333}

.tong-xh{display: flex;flex-wrap: wrap;margin: 0 -10px;}
.tong-xh .item{width: calc(33.3% - 20px);margin: 0 10px;background-color: #f8f8f8;border-radius: 0 0 10px 10px;}
.tong-xh .item .item-img img{border-radius:10px 10px 0 0;}
.tong-xh .item .item-txt{padding: 30px;}
.tong-xh .item .item-txt h3{color: #333;font-size: 28px;}
.tong-xh .item .item-txt h3 b{color: #3557aa;}
.tong-xh .item .item-txt p{font-size: 16px;color: #666;}
.tong-xh .item .item-txt a{display: inline-block;border:1px solid #3557aa;color: #3557aa;padding: 8px 28px;border-radius: 50px;margin-top: 20px;}

.cases {display: flex;}
.cases .case-text{width: 50%;background-color: #f8f8f8;padding: 0 35px 35px 34px;border-radius: 15px 0 0 15px;}
.cases .case-text h3{font-size: 20px;font-weight: bold;margin-top: 30px;color: #333;margin-bottom: 8px;}
.cases .case-text p{color: #666;}
.case-text ul{display: flex;flex-wrap: wrap;}
.case-text ul li{display: flex;align-items: center;margin: 5px 0;color: #666;}
.case-text ul li{display: flex;align-items: center;margin: 5px 0;color: #666;font-size: 18px;padding: 0 15px;}
.case-text ul li:before {content: "";display: inline-block;width: 40px;height: 40px;padding-right: 10px;}
.case-text ul li.dlev:before {background: url(/images/pro-icon/dlev.png) no-repeat;background-size: contain;}
.case-text ul li.dlpcz:before {background: url(/images/pro-icon/dlpcz.png) no-repeat;background-size: contain;}
.case-text ul li.dlpc:before {background: url(/images/pro-icon/dlpc.png) no-repeat;background-size: contain;}
.case-text ul li.dlyk:before {background: url(/images/pro-icon/dlyk.png) no-repeat;background-size: contain;}
.case-text ul li.dlzsj:before {background: url(/images/pro-icon/dlzsj.png) no-repeat;background-size: contain;}
.case-text ul li.dlzg:before {background: url(/images/pro-icon/dlzg.png) no-repeat;background-size: contain;}
.case-text ul li.dlld:before {background: url(/images/pro-icon/dlld.png) no-repeat;background-size: contain;}
.case-text ul li.dlkzs:before {background: url(/images/pro-icon/dlkzs.png) no-repeat;background-size: contain;}
.case-text ul li.dlhgc:before {background: url(/images/pro-icon/dlhgc.png) no-repeat;background-size: contain;}
.case-text ul li.dlsm:before {background: url(/images/pro-icon/dlsm.png) no-repeat;background-size: contain;}
.case-text ul li.dllxs:before {background: url(/images/pro-icon/dllxs.png) no-repeat;background-size: contain;}
.case-text ul li.dlxs:before {background: url(/images/pro-icon/dlxs.png) no-repeat;background-size: contain;}
.case-text ul li.dlvsi:before {background: url(/images/pro-icon/dlvsi.png) no-repeat;background-size: contain;}
.case-text ul li.dlds:before {background: url(/images/pro-icon/dlds.png) no-repeat;background-size: contain;}
.case-text ul li.dlfx:before {background: url(/images/pro-icon/dlfx.png) no-repeat;background-size: contain;}
.case-text ul li.dlgs:before {background: url(/images/pro-icon/dlgs.png) no-repeat;background-size: contain;}
.case-text ul li.dlhcs:before {background: url(/images/pro-icon/dlhcs.png) no-repeat;background-size: contain;}
.case-text ul li.dlxsh:before {background: url(/images/pro-icon/dlxsh.png) no-repeat;background-size: contain;}
.case-text ul li.dlzgp:before {background: url(/images/pro-icon/dlzgp.png) no-repeat;background-size: contain;}
.case-text ul li.dldh:before {background: url(/images/pro-icon/dldh.png) no-repeat;background-size: contain;}
.case-text ul li.dlhpt:before {background: url(/images/pro-icon/dlhpt.png) no-repeat;background-size: contain;}
.case-text ul li.dlqmc:before {background: url(/images/pro-icon/dlqmc.png) no-repeat;background-size: contain;}
.case-text ul li.dtii:before {background: url(/images/pro-icon/dtii.png) no-repeat;background-size: contain;}
.case-text ul li.dlbw:before {background: url(/images/pro-icon/dlbw.png) no-repeat;background-size: contain;}
.cases .case-img{width: 50%;}
.cases .case-img img{border-radius: 0 8px 8px 0;}

.question {display: flex;justify-content: center;}
.question .qa{width: calc(33.3%);padding: 50px;background: #f8f8f8 url(/images/xh-qa.png) no-repeat center;background-position-y: top;background-origin: content-box;background-size: 53%;}
.question .qa h3{font-size: 20px;font-weight: bold;color: #333;text-align: center;margin: 25px auto;}
.question .qa p{color: #666;}
.question .qa:nth-child(2){border-left: 2px solid #fff;border-right: 2px solid #fff;}

.contact{display: flex;}
.contact .datasheet{width: 40%;background-color: #f3f3f3;text-align: center;padding: 30px;box-sizing: border-box;}
.contact .datasheet img {border: 1px solid #c3c3c3;display: inline-block;margin: 0 20px;box-shadow: 2px -2px #f3f3f3, 4px -4px #dedede;}
.contact .datasheet .tit, .contact .xhform .tit{font-size: 20px;color: #333;border-bottom: 1px solid #f8f8f8;margin-bottom: 25px;}
.contact .xhform{width: 60%;padding: 0 30px;box-sizing: border-box;}
.contact .xhform .tit:after{content:'';display: block;background: #4667aa;width: 80px;height: 2px;}
.contact .xhform p{color: #666;}
.contact .xhform ul{display: flex;padding: 15px 0;align-items: center;}
.contact .xhform ul li{background: url(/images/xh-icon.png) no-repeat center left;background-size: contain;padding: 0 30px;}
.contact .xhform .form-control {border: 1px solid #cdcdcd;width: 500px;padding: 5px 10px;border-radius: 5px;}
.contact .xhform .bssubmit {display: block;background: #4667aa;color: #fff;width: 150px;border-radius: 5px;padding: 5px;margin-top: 30px;}
.contact .xhform .from-tit {font-size: 16px;font-weight: 700;color: #3b3b3b;}
.contact .xhform .max-tit {font-size: 28px;font-weight: bold;color: #393939;margin-bottom: 10px;}
.dh{display: flex;margin: 0 -20px;padding: 40px 0;}
.dh .dh-item{border: 1px solid #f8f8f8;border-radius: 15px;padding: 50px;margin: 0 20px;width: 33.3%;}
.dh .dhtit{font-weight: bold;font-size: 20px;margin-top: 20px;color: #333;}
.dh p{color: #666;}
.dh-btn a {display: inline-block;border: 1px solid #333;border-radius: 25px;padding: 3px 20px;margin-top: 15px;}
/**/
.container.xinghao-link ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.container.xinghao-link ul li{width: calc(25% - 3%);text-align: center;margin: 0 1.5%;margin-bottom: 1rem;}
.container.xinghao-link ul li a{display: block;background: #f5f5f5;padding: 10px 0;border-radius: 6px;}
.container.xinghao-link ul li a:hover{background: #4667aa;color: #fff;}
/*list-xinghao*/
.pgbanner{overflow:hidden;width:100%;height: 340px;background: #0054ff url(/images/pro-banner.jpg) no-repeat center;background-size: cover;}
.xhnav ul {display: flex;justify-content: center;}
.xhnav ul li {background: #f5f5f5;padding: 10px 45px;margin: 0 10px;border-radius: 6px;}
.xhnav ul li.on{background:#4667aa;color:#fff}
.xhlink ul {display: flex;flex-wrap: wrap;margin-top: 40px;}
.xhlink ul li {margin-right: 20px;margin-bottom: 20px;width: calc((100% - 3 * 20px) / 4);background-color: #f8f8f8;border-radius: 10px;}
.xhlink ul li:nth-child(4n) {margin-right: 0px;}
.xhlink ul li img {display: block;border-radius: 10px 10px 0 0;}
.xhlink ul li p {font-size: 20px;color: #333;padding: 30px 40px;}
.pages ul {display: flex;align-items: center;justify-content: center;margin: 60px 0 80px 0;}
.pages ul li {margin-left: 12px;color: #999;width: 35px;height: 35px;text-align: center;font-size: 18px;}
.pages ul li.shang, .pages ul li.xia, .pages ul li.shou, .pages ul li.mo, .pages ul li.zong {font-size: 20px;display: flex;justify-content: center;align-items: center;margin-right: 12px;border: 2px solid #999;box-sizing: border-box;border-radius: 5px;}
.pages ul li.on {color: #4667aa;}
.pages ul li.shou, .pages ul li.mo, .pages ul li.zong {font-size: 16px;padding: 0 10px;width: auto;}