body{font-family: "Microsoft YaHei","微软雅黑";font-weight:normal;}
#postions {line-height: 54px; font-size: 14px; color: #777;}

/***service template***/
.service{background: #efefef;}
.service .content{ display: flex;}
.wrapper{width:1200px; margin: 0 auto; padding-bottom: 50px;}
.region-nav-left{float: left; width: 269px;border-right:1px solid #efefef;background: #fff;}
.region-content{float: right; width: 930px;}

.service-menu{padding: 15px 20px;}
.smenu-li{border-bottom: 1px solid #e6e6e6;margin-bottom: 10px;}
.smenu-li dt{font-size: 18px; color: #333;line-height: 30px; margin-bottom: 10px;}
.smenu-li dd {padding-left: 10px; margin-bottom: 10px; position: relative;}
.smenu-li dd:after{ display: none; content:""; position: absolute; left: 0; top: 8px; width: 3px; height: 14px; background: #128ee3;}
.smenu-li dd a{font-size: 14px; color: #555; line-height: 30px;}
.smenu-li dd.current:after{display: block;}
.smenu-li dd.current a,.smenu-li dd:hover a{color: #128ee3;}

.service-module{background: #fff; padding: 35px 35px 50px;}
.service-title{ position: relative; margin-bottom: 10px; font-size: 22px; color: #333; line-height: 30px;}
.service-title .unit-text{ position: absolute; right: 0; top: 0; font-size: 14px; color: #555;}
.service-info{ margin-bottom: 25px; overflow: hidden; }
.service-info .tag{ display: block; font-size: 12px; color: #999; line-height: 22px; float: left; margin-right: 30px;}
.service-inner{ margin-top: 20px; font-size: 14px; color: #555; line-height: 1.6; }
.service-inner .notice{ font-size: 14px; color: #999; line-height: 16px; padding-left: 30px; margin: 20px auto; background: url(../images/icon_notice.png) no-repeat left center; background-size: 20px 16px;}
.service-inner h4{ font-weight: bold;margin-bottom: 10px; }
.service-inner p{ margin-bottom: 15px;line-height: 1.8; }
.mb3{ margin-bottom: 3px; }

.search-top{margin-bottom: 30px;}
.search-top .from-item{float: left; margin-right: 20px;}
.search-top .from-select{width: 300px; height: 38px; line-height: 38px; border: 1px solid #dadada; }
.search-top .from-date{width: 200px; height: 38px; padding: 0 10px; line-height: 38px; border: 1px solid #dadada; background: url(../images/icon_date.png) no-repeat right 10px center;}
#begin-date,#end-ate{ width: 160px; }

.lipei-item{border-bottom: 1px solid #dadada;}
.lipei-item:last-child,.no-b{ border-bottom: none;}
.lipei-item .item-title{position: relative; padding: 15px 30px 15px 0; cursor: pointer;}
.lipei-item .item-title .icon-arrow{width: 18px; height: 18px; position: absolute; right: 5px; top: 21px; background: url(../images/icon_arrow.png) no-repeat center; transition: all 0.3s linear; transform: rotate(0deg);}
.lipei-item .item-title h3{font-size: 18px; line-height: 30px; margin: 0;}
.lipei-item .item-intro{display: none; padding: 0 30px 30px;}
.lipei-item .item-intro p{margin-bottom: 5px;}
.lipei-item .item-intro .xiaonuo{ position: relative; background: #fafafa; margin-top: 40px; padding: 30px 25px 25px 30px; color: #888;}
.lipei-item .xiaonuo .xn-img{position:absolute; left: -4px; top:-15px; width: 116px;}

/*mod-btn*/
.mod-btn{float: left; padding: 0 35px; height: 40px; font-size: 20px; line-height: 40px;  margin-right: 20px;}
.mod-btn-primary{ background:#fc6451; color:#fff; margin-right: 0; padding: 0 28px;}
.mod-btn-second{ background:#3aa9f8; color:#fff;}
.mod-btn-hollow{ border:1px solid #ccc; color:#555; background:none;}

.service-table1{width: 100%; text-align: center;}
.service-table1 thead{background: #e7f9ff; font-size: 16px; color: #333;}
.service-table1 thead th{line-height: 25px;padding: 10px; font-weight: 500;}
.service-table1 tbody tr:nth-child(2n){background: #fafafa;}
.service-table1 tbody td{ line-height: 40px; padding: 0 10px;}

.qa-item{padding:20px 25px;}    
.qa-item:nth-child(2n+1){background: #fafafa;}     
.qa-item .item-top{ position: relative; cursor: pointer; padding: 0 20px 0 40px; background: url(../images/icon_Q.png) no-repeat left top 3px;}
.qa-item .item-top p{line-height: 30px; color: #333;}
.qa-item .item-top .icon-arrow{ width: 18px; height: 18px; position: absolute; right: 0; top: 6px; background: url(../images/icon_arrow.png) no-repeat center; transition: all 0.3s linear; transform: rotate(0deg);}
.qa-item .item-info{display: none;  margin-top: 20px; padding-left: 40px; background: url(../images/icon_A.png) no-repeat left top; line-height: 24px;  }
.service-caselist .qa-item .item-top { position: relative;cursor: pointer; padding: 0 20px 0 40px; background: url(../images/icon_r1.png) no-repeat left top 3px;}
.service-caselist .qa-item .item-info { display: none; margin-top: 20px; padding-left: 40px;  background: none; line-height: 24px; }
.service-caselist .qa-item { background: #ffffff; }             
.file-list li:nth-child(2n+1){background: #f5f5f5;}
.file-list li a{display: block; padding: 10px 60px 10px 30px; line-height: 30px; background: url(../images/icon_pdf.png) no-repeat right 25px center; }
.file-list li a img{display: none;}
.file-list li:hover a{color: #259cf8;}        

.tab-nav{margin: 30px 25px; border: 1px solid #259cf8; text-align: center; border-radius:30px ; overflow: hidden;}
.tab-nav li{float: left; width: 20%; border-right: 1px solid #259cf8; box-sizing: border-box;}
.tab-nav li:last-child{ border-right:none; }
.tab-nav li a{font-size: 18px; color: #259cf8; line-height: 56px; display: block;}
.tab-nav li.current a{ background: #259cf8; color: #fff; }

.service-inner table{width: 100% !important; border: 1px solid #e3e3e3;}
.service-inner table th{padding: 15px 10px; background: #f4f4f4; border-right: 1px solid #e3e3e3; font-weight: 500; text-align: center; font-size: 16px; color: #333; line-height: 22px;}
.service-inner table tr{border-bottom: 1px solid #e3e3e3;}
.service-inner table td{padding: 15px 10px; line-height: 22px; color: #666; border-right: 1px solid #e3e3e3; }
.service-inner table td b{ display: block; text-align: center; font-size: 16px;}
.service-inner table td a{color: #259cf8;}
.product-table table td{text-align: center;}
.page-switch{margin: 15px 0; text-align: right;}
.page-switch a{display: inline-block; line-height: 20px; margin-left: 15px; position: relative; cursor: pointer;}
.page-switch i{display: inline-block; width: 15px; height: 20px;}
.page-switch i.icon-prev{float: left; background: url(../images/icon_left.png) no-repeat left center; background-size:8px 16px;}
.page-switch i.icon-next{float: right; background: url(../images/icon_right.png) no-repeat right center; background-size:8px 16px;}

/***layer***/
body .layui-download .layui-layer-title{ line-height: 55px; height: 55px; }
body .layui-download .layui-layer-setwin{ top:20px; }
body .layui-download .layui-layer-content{ position: relative; overflow: hidden; padding: 35px 45px;  text-align: center;  }
body .layui-download .layui-layer-content p{font-size: 16px; color: #666; line-height: 2;}
body .layui-download .layui-layer-btn{ overflow: hidden; padding-bottom: 35px; text-align: center !important; }
body .layui-download .layui-layer-btn a{display: inline-block; margin: 0 10px; padding: 0 10px; border-radius:5px; background: #3aaaf8; color: #fff; border: 1px solid #3aaaf8;  width: 180px; height: 50px; line-height: 50px; font-size: 16px; line-height: 50px; }
body .layui-download .layui-layer-btn a.layui-layer-btn0{ color: #3aaaf8; background: #fff; }

/***service-index***/
.service-baner{ height: 320px; background: url(../images/banner.jpg) no-repeat top center;}
.service-index{ background: #fafafa; overflow: hidden;}
.service-index-content{width: 1200px; padding-bottom: 60px; margin: 0 auto;}
.service-box{margin: 55px auto 0;}
.service-box a:hover{color: #259cf8;}

.service-down .second-nav li { margin: 0 23px;}
 
.service-nav li{float: left; text-align: center;}
.service-nav .item{width: 188px; padding: 20px 20px 25px; margin-right: 15px; border-radius: 2px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear; }
.service-nav .item a{display: block;}
.service-nav .item img{width: 100px; height: auto; margin-bottom: 10px;}
.service-nav .item h4{font-size: 20px; color: #fff; line-height: 22px; }
.service-nav .item-1{background: #6abeff;}
.service-nav .item-2{background: #81dfab;}
.service-nav .item-3{background: #ffd37e;}
.service-nav .item-4{background: #ffa582; }
.service-nav .item-5{background: #d782ff; margin-right: 0;}
.service-nav .item:hover{ transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); box-shadow: 3px 0 30px rgba(200,200,200,0.9);}
.service-box-title{ font-size: 28px; color: #222; line-height: 40px; margin-bottom: 20px; }
.service-box-title .more{font-size: 14px; color: #666; float: right;}
.service-box-inner{ background: #fff; box-shadow: 3px 0 30px rgba(227,227,227,0.58); }
.service-inner-left{float: left;padding: 50px; width: 794px; border-right:1px solid #e1e1e1;}
.service-inner-right{float: right; padding: 30px; width: 245px;}
.down-ul li{float: left; width: 50%; font-size: 18px;color: #333; line-height: 40px; margin-bottom: 25px;}
.down-ul li img{width: 40px; margin-right: 10px; }

.other-query .service-box-inner{ padding: 45px 20px 20px 55px;}
.other-list li{ float: left; width: 33.33%; font-size: 18px;  color: #333; line-height: 40px;  margin-bottom: 25px;} 
.other-list li img{ width: 40px; margin-right: 10px;}

.sidebar-tit{font-size: 18px; color: #333; line-height: 20px; font-weight: bold; margin-bottom: 20px;}
.Often-down li{padding-left: 15px; display: block; font-size: 14px; color: #555; line-height: 20px; margin-bottom: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: url(../images/icon_dit.jpg) no-repeat left center; }
.sidebar-table{ width: 100%; text-align: center; }
.sidebar-table thead{ background: #f3faff;}
.sidebar-table th{font-size: 16px; color: #333; line-height: 45px; font-weight: 500;}
.sidebar-table td{font-size: 14px; color: #555; line-height: 45px;}
.sidebar-table tbody tr:nth-child(2n){background: #fdfdfd;}

.problem-tab-nav li{float: left; width: 16.66%; text-align: center; border-top:1px solid #dedede; border-bottom:1px solid #dedede; border-right:1px solid #dedede; box-sizing: border-box;}
.problem-tab-nav li:last-child{ border-right: none;}
.problem-tab-nav li a{ font-size: 18px; color: #333; line-height: 68px; display: block;}
.problem-tab-nav li.current{border-top:2px solid #259cf8;  border-bottom: none;}
.problem-tab-nav li.current a{ color: #259cf8;}
.problem-tab-box{ padding:30px; display: block;}
.problem-list li{ padding:0 15px; position: relative; float: left; width: 33.33%; font-size: 14px; color: #555; line-height: 30px; margin: 10px 0; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.problem-list li:after{ display: block; content: ""; position: absolute; left: 0; top: 13px; width: 4px; height: 4px; background: #333; }
.more-link{ display: block;  margin-top: 10px; float: right; font-size: 14px; line-height: 30px; color: #3aaaf8; }
.more-link:hover{ text-decoration: underline;}

.service-zzfw .service-box-inner{ padding: 45px 30px;}
.zzfw-list li{float: left; width: 20%; text-align:  center; margin-bottom: 40px; }
.zzfw-list li img{width: 80px; height: 80px; margin-bottom: 10px;}
.zzfw-list li h4{ font-size: 18px;  line-height: 30px; color: #333;}
.zzfw-list li:hover h4{ color: #259cf8;}
.tips-text{margin-left: 30px; font-size: 12px; color: #999; line-height: 20px;}

.foot-link{background: #eaeaea; padding: 50px 0 0; }
.foot-link dl{float: left; width: 25%;}
.foot-link dt{ font-size: 18px; color: #333; margin-bottom: 25px; }
.foot-link dd{ font-size: 14px; color: #555; margin-bottom: 10px; }
.foot-link dd:hover a{ color: #259cf8; }

.case-list-ul li{float: left; width: 360px; margin-right: 60px;}
.case-list-ul li.last{margin-right: 0;}
.case-item{ background: #fff; box-shadow: 3px 0 30px rgba(227,227,227,0.58); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear; }
.case-item .intro{padding: 15px 20px 35px 15px;}
.case-item .intro h3{font-size: 18px; color: #555; line-height: 24px; font-weight: bold; margin-bottom: 10px;}
.case-item .intro p{ font-size: 14px; color: #555; line-height: 24px; height: 48px; overflow: hidden; text-overflow: ellipsis; text-align: justify; } 
.case-item:hover{transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); box-shadow: 3px 0 30px rgba(200,200,200,0.9);}
.case-item:hover .intro h3{color: #259cf8;}

/***service-lplc***/
.service-lplc{margin-top: 30px;}
.lplc-list{ padding: 50px 20px; }
.lplc-list li{float: left; width: 33.33%; text-align: center; position: relative;}
.lplc-list li:before{ z-index: 2; content: ""; position: absolute; top: 50px; right: -20px; display: block; width: 40px; height: 40px; border-radius:20px ; background: url(../images/icon_r.png) no-repeat center; }
.lplc-list li:after{z-index: 1; content: ""; position: absolute; top: 70px; right: -90px; display: block; width: 180px;height: 1px; border-bottom: 1px dashed   #dbe8ff; }
.lplc-list li:last-child:before{display: none;}
.lplc-list li img{ width: 160px; height: 130px;}
.lplc-list li h4{font-size: 18px; color: #555; line-height: 30px; font-weight: bold; margin: 20px auto;}
.lplc-list li p{font-size: 14px; color: #666; line-height: 25px; height: 75px; text-align: left; display: inline-block; }
.lplc-list .detail-btn{display: block; margin: 20px auto 0; width: 120px; font-size: 14px; color: #3aa9f8; line-height: 30px; border-radius:15px;border: 1px solid #3aa9f8; transition: all 0.3s linear;}
.lplc-list .detail-btn:hover{background: #3aa9f8; color: #fff;}
.hover-show-box{ position: absolute; display: block; padding:5px; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); display: none; z-index: 5;}
.hover-show-box .hover-show-img{ width: 110px; height: auto; }
.hover-show-box .text{ font-family: "\5FAE\8F6F\96C5\9ED1"; color: #555; font-size: 12px; line-height: 1; padding: 5px 0; text-align: center; display: block; }
.wmrs-app{ position: relative; display: inline-block; }
.wmrs-app .hover-show-box{ position: absolute; bottom: 30px; left: 0;}
.wmrs-app:hover .hover-show-box{ display: block; }
.zsxlzx-wx{ position: relative; display: inline-block; }
.zsxlzx-wx .hover-show-box{ position: absolute; top: 30px; left: 0; }
.zsxlzx-wx:hover .hover-show-box{ display: block; }

.tranf{box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear; }
.lptsfw-list li{float: left; width: 20%; }
.lptsfw-list li:last-child .item{ border-right:none ;}
.lptsfw-list .item{position: relative; height: 348px; width: 100%; border-right:1px solid #e0e0e0; box-sizing: border-box; overflow: hidden;}
.lptsfw-list .box-top{position:absolute; left:0; top: 0; width: 100%; height: 100%; padding: 80px 40px; text-align: center; display: flex; align-items:center; justify-content:center; }
.lptsfw-list .box-top img{width: 80px; height: 80px; margin-bottom: 30px;}
.lptsfw-list .box-top h4{font-size: 20px; color: #555; line-height: 30px;}
.lptsfw-list .box-bottom{ position: absolute; top: 0; right: 100%; width: 300px; height: 100%; padding: 40px;  background: #669bea;}
.lptsfw-list .box-bottom h4{font-size: 24px;color: #fff; font-weight: bold; margin-bottom: 25px; }
.lptsfw-list .box-bottom p{font-size: 14px; color: #fff; line-height: 25px;}
.lptsfw-list .lptsfw1 .box-bottom{background: url(../images/lptsbg1.jpg) no-repeat center;}
.lptsfw-list .lptsfw2 .box-bottom{background: url(../images/lptsbg2.jpg) no-repeat center;}
.lptsfw-list .lptsfw3 .box-bottom{background: url(../images/lptsbg3.jpg) no-repeat center;}
.lptsfw-list .lptsfw4 .box-bottom{background: url(../images/lptsbg4.jpg) no-repeat center;}
.lptsfw-list .lptsfw5 .box-bottom{background: url(../images/lptsbg5.jpg) no-repeat center;}
.lptsfw-list li.current .box-top{left: 100%;}
.lptsfw-list li.current .box-bottom{right: 0;}
.lptsfw-list li.current {width: 25%;}
.lptsfw-list li.min{ width: 18.75%;}

/***lplc-detailc***/
.lplc-detail{ background: #fff; padding: 30px;}
.lplc-detail .tab-nav{ width: 690px; margin: 0 auto 30px;}
.lplc-detail .tab-nav li{width: 230px;}
.lplc-detail .tab-nav .nub{display: inline-block; width: 22px; height: 22px; margin-right: 5px; border-radius:50%; line-height: 22px; text-align: center; border: 1px solid #259cf8;}
.lplc-detail .tab-nav li.current .nub{border-color:#fff;}
.lplc-detail .service-box{margin: 0;}
.lplc-detail .tab-tit{font-size: 18px; color: #666; line-height: 30px; margin-bottom: 10px;}
.lplc-detail p{font-size: 14px; color: #666; line-height: 1.5;}
.lplc-detail h3{font-size: 18px; color: #333; line-height: 30px; margin-bottom: 5px;}
.lplc-detail h3 img{display: block; float: left; margin-top: 5px; margin-right: 8px;}
.lplc-detail .boder-top{border-top:1px solid #dedede;margin-top: 20px; padding-top: 15px;}
.lplc-detail .more{float: right;}
.lplc-detail  .common-problem{margin-top: 60px;}
.lplc-detail .service-box-inner{box-shadow: none; padding: 0;}
.lplc-detail .problem-tab-box{padding: 0;}

.tylpfwzy-ul { display: flex; flex-wrap: wrap; padding: 41px; }
.tylpfwzy-ul li { width: 100%; line-height: 42px; color: #555555; font-size: 18px; display: flex; align-items: center; }
.tylpfwzy-ul li a { color: #259CF8;  position: relative; padding-left: 22px;}
.tylpfwzy-ul li span { display: inline-block; padding-right: 30px; width: 956px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.tylpfwzy-ul li a::after { content: ""; position: absolute; left: 0px; top: 50%; width: 20px; height: 20px; transform: translateY(-50%); background: url(/public/images/aboutus/icon_pdf.png) no-repeat; background-size: 100 auto;} 