/* CSS Document */
*{margin:0; padding:0; font-family:  ,Arial,Verdana,sans-serif; touch-action: pan-y; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
a{ color:#333; text-decoration:none;}
ul, ol{list-style-type:none;}
img{border:0; max-width:100%;  vertical-align: middle;}
.container{width:1200px; margin:0 auto; position:relative;}
.clear{clear:both;}
body{ overflow-x:hidden; position:relative; }
h1, h2, h3, h4, h5, h6,b{ font-weight:normal;}
input, textarea,select, button{outline:medium;}
p{ text-align:justify;}
.fl{ float:left;}
.fr{ float:right;}

.header{ height: 105px;}
.header .logo{ float: left; height: 105px; line-height: 105px;}
.header .box{ float: right; width: 755px;}
.header .box .other{ height: 40px; line-height: 40px; border-bottom: 1px solid #dcdcdc;}
.header .box .other .date{ color: #555; font-size: 14px; float: left; width: 388px;}
.header .box .other .date span, .header .box .other .date .basic{ float: left;}
.header .box .other .search{ float: left; position: relative; height: 25px; margin: 7.5px 25px;}
.header .box .other .search input[type="text"]{ height: 25px; width: 98px; padding-left: 10px; border: 1px solid #dedede; border-right: none; float: left; font-size: 14px;}
.header .box .other .search input[type="button"]{ width: 26px; height: 25px; border: 1px solid #dedede; border-left: none; float: left; background: transparent; cursor: pointer;}
.header .box .other .search i{ position: absolute; top: 50%; transform: translateY(-50%); right: 0; display: inline-block; width: 26px; height: 25px; line-height: 25px; text-align: center; color: #666; font-size: 18px; pointer-events: none;}
.header .box .other .link{ float: left; height: 40px; line-height: 40px;}
.header .box .other .link a{ display: inline-block; font-size: 14px; color: #959595; float: left; padding-right: 28px; position: relative;}
.header .box .other .link a i{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.header .box .other .link a:last-child{ margin-left: 25px;}
.header .box .other .link a:hover{ color:#6595ed;}
.header .box .nav{ height: 62px; line-height: 62px; margin-top: 3px;}
.header .box .nav li{ float: left; margin-right:15px; font-weight: 700;}
.header .box .nav li a{ display: inline-block; width: 100%; height: 100%; font-size: 16px; color: #333; position: relative;}
.header .box .nav li:last-child{ margin-right: 0;}
.header .box .nav li:hover a::before{ content: ""; position: absolute; width: 100%; height: 3px; background: #6595ed; left: 0; top: 45px;}
.header .box .nav li:hover a{ color:#6595ed;}

.banner{ height: 450px; position: relative; overflow: hidden;}
.banner .bd li{ width: 100%; height: 450px;}
.banner .bd li a{ display: inline-block; width: 100%; height: 100%;}
.banner .hd a{ display: inline-block; width: 42px; height: 80px; text-align: center; line-height: 80px; background: rgba(0,0,0,.4); opacity: .5; transition: all .3s linear 0s; position: absolute; top: 50%; transform: translateY(-50%); color: #fff; font-size: 24px;}
.banner .hd a.next{ right: 10px;}
.banner .hd a.prev{ left: 10px;}
.banner .hd a:hover{ opacity: 1;}
.banner .hd ul{ position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%);}
.banner .hd li{ float: left; width: 30px; height: 5px; background: #fff; margin: 0 5px; text-indent: -99999px; cursor: pointer;}
.banner .hd li.on{ background: #6595ed;}

.index-box1{ width: 600px; margin-top: 20px; float: left;}
.iabout{ overflow: hidden;}
.iabout .img{ width: 245px; height: 198px; float: left; overflow: hidden;}
.iabout .img img{ height: 100%;}
.iabout .text{ width: 338px; float: right;}
.iabout .text .title{ font-size: 16px; color: #6595ed; font-weight: bold; background: url(../images/s5.jpg) no-repeat center left; height: 35px; line-height: 35px; padding-left: 40px;}
.iabout .text .p{ font-size: 14px; color: #606060; text-align: justify; text-indent: 2em; line-height: 22px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6; margin-top: 2px;}
.iabout .text .more{ text-align: right; margin-top: 6px;}
.iabout .text .more a{ font-size: 14px; color: #6495ED;}
.iabout-other{ overflow: hidden; margin: 10px 0;}
.iabout-other .tel{ width: 245px; background: #dcdcdc; padding: 10px 20px; overflow: hidden; height: 86px; float: left;}
.iabout-other .tel .icon{ float: left;}
.iabout-other .tel .text{ float: right; width: 166px;}
.iabout-other .tel .text span{ font-size: 24px; color: #6595ed; display: inline-block; line-height: 24px;}
.iabout-other .tel .text p{ font-size: 14px; color:#606060; line-height: 20px; margin-top: 4px;}
.iabout-other .link{ float: left; position: relative; margin-left: 6px;}
.iabout-other .link .img{ overflow: hidden;}
.iabout-other .link .img img{ transition: all .3s linear 0s;}
.iabout-other .link:hover .img img{ transform:scale(1.1,1.1);}
.iabout-other .link .title{ position: absolute; color: #fff; font-size: 18px; letter-spacing: 2px; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.iohter-nav{ padding-top: 10px; border-top: 1px solid #dcdcdc; text-align:center;}
.iohter-nav li{ float: left; margin-right: 22px; margin-bottom: 22px; overflow: hidden; border-radius: 6px;}
.iohter-nav li img{ transition: all .3s linear 0s;}
.iohter-nav li:hover img{ transform:scale(1.1,1.1);}
.iohter-nav li:nth-child(4n){ margin-right: 0;}

.index-box2{ width: 584px; margin-top: 20px; float: right;}
.igg{ height: 155px; width: 100%; background: url(../images/s17.jpg) no-repeat center; overflow: hidden;}
.igg .top{ font-size: 22px; color: #6595ed; font-weight: bold; float: left; width: 54px; height: 143px; padding: 12.5px 16px;}
.igg .bd{ float: right; margin-top: 28px; margin-right: 15px; height: 124px; width: 476px;}
.igg .bd li{ font-size: 14px; padding-left: 26px; height: 37px; line-height: 37px; position: relative;}
.igg .bd li .date{ float: left; margin-right: 15px; color: #606060;}
.igg .bd li .title{ float: left; text-overflow: ellipsis; white-space: nowrap; width: 356px; overflow: hidden; color: #606060;}
.igg .bd li::before{ content: ""; position: absolute; display: inline-block; width: 9px; height: 9px; background: #ababa9; border-radius: 100%; left: 3px; top: 50%; transform: translateY(-50%);}
.igg .bd li:hover .date, .igg .bd li:hover .title{ color: #6595ed;}
.igg .bd li:hover::before{ background: #6595ed;}
.inews{ margin-top: 10px;}
.inews .hd{ overflow: hidden;}
.inews .hd li{ float: left; width: 144px; height: 40px; line-height: 40px; background: #dcdcdc; font-size: 16px; font-weight: bold;color:#6495ED;text-align: center; cursor: pointer; margin-right: 2.6px;}
.inews .hd li:last-child{ margin-right: 0;}
.inews .hd li.on{ background: #6495ed; color: #fff;}
.inews .bd{ margin-top: 10px;}
.inews .bd .hot-news{ overflow: hidden; padding-bottom: 15px; border-bottom: 1px dotted #ddd;}
.inews .bd .hot-news .img{ width: 195px; float: left;}
.inews .bd .hot-news .text{ width: 370px; float: right;}
.inews .bd .hot-news .text .title{ height: 25px; line-height: 25px; margin-top: 4px;}
.inews .bd .hot-news .text .title b{ font-size: 15px; color: #6595ed; font-weight: bold; text-overflow: ellipsis; white-space: nowrap;  display: inline-block; width: 280px;}
.inews .bd .hot-news .text .title b:hover{ text-decoration: underline;}
.inews .bd .hot-news .text .title span{ display: inline-block; width: 85px; font-size: 15px; color: #606060; text-align: right;}
.inews .bd .hot-news .text .p{ margin-top: 10px; font-size: 14px; color: #606060; line-height: 24px; height: 96px; text-align: justify; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;}
.inews .bd .list{ margin-top: 5px;}
.inews .bd .list li{ height: 28px; line-height: 28px; position: relative; padding-left: 20px; font-size: 14px; overflow: hidden;}
.inews .bd .list li i{ position: absolute; display: inline-block; width: 6px; height: 6px; background: #6595ed; border-radius: 100%; left: 3px; top: 50%; transform: translateY(-50%);}
.inews .bd .list li .title{ float: left; width: 450px; color: #606060; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.inews .bd .list li .date{ float: right; width: 90px; text-align: right; color: #606060;}
.inews .bd .list li:hover .title{ color: #6595ed; text-decoration: underline;}

.line{ width: 100%; height: 1px; clear: both; background: #dcdcdc;}

.index-title{ height: 46px; line-height: 48px; padding: 0 20px 0 60px; position: relative; background: url(../images/s18.jpg) no-repeat center right #6595ed; font-size: 16px; color: #fff; overflow: hidden;}
.index-title i{ display: inline-block; height: 46px; position: absolute; top: 0px; left: 10px; line-height: initial;}
.index-title span{ font-weight: bold;}
.index-title a{ float: right; color: #fff; font-size: 14px;}

.icase{width: 600px; padding-bottom: 20px; /*border-bottom: 1px solid #dcdcdc;*/}
.icase .list{ height: 439px; width: 600px; background: #eee; padding: 20px 26px;}
.icase .list li{ float: left;}
.icase .list li:nth-child(2){margin-left: 36px;}
.icase .list li .img{ width: 256px; height: 166px; overflow: hidden;}
.icase .list li .img img{ width: 100%; height: auto;}
.icase .list li .title{ overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical; text-align: center;-webkit-line-clamp:1; width: 256px; height: 25px; line-height: 25px; color: #1f1f1f; font-weight: bold; font-size:14px; margin-top: 5px;}
.icase .list li:last-child{ margin-left: 36px;}

.icase-other{ padding: 20px 0; position: relative; border-bottom: 1px solid #dcdcdc;}
.icase-other .bd{ width: 568px; margin: 0 auto; overflow: hidden;}
.icase-other .bd li{ float: left; width: 190px; margin-right: 5px;  overflow: hidden;}
.icase-other .bd li img{ width: 100%; border: 1px solid #eee;}
.icase-other .hd a{ display: inline-block; width: 20px; height: 50px; background: rgba(194,19,28,.5); text-align: center; line-height: 50px; color: #fff; top: 50%; transform: translateY(-50%); position: absolute;}
.icase-other .hd a.prev{ left: 0;}
.icase-other .hd a.next{ right: 0;}

.ilaws-banner{ height: 125px; width: 584px;}
.ilaws{ margin-top: 14px;}
.ilaws .list{ background: #eee; padding: 10px 15px 10px 10px; height: 300px;}
.ilaws .list li{ height: 28px; line-height: 28px; position: relative; padding-left: 20px; font-size: 14px; overflow: hidden;}
.ilaws .list li i{ position: absolute; display: inline-block; width: 6px; height: 6px; background: #6595ed; border-radius: 100%; left: 3px; top: 50%; transform: translateY(-50%);}
.ilaws .list li .title{ float: left; width: 446px; color: #606060; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.ilaws .list li .date{ float: right; width: 90px; text-align: right; color: #606060;}
.ilaws .list li:hover .title{ color: #6595ed; text-decoration: underline;}

.igw .list{ background: #eee; padding: 10px 15px 10px 10px; height: 300px;}
.igw .list li{ height: 28px; line-height: 28px; position: relative; padding-left: 20px; font-size: 14px; overflow: hidden;}
.igw .list li i{ position: absolute; display: inline-block; width: 6px; height: 6px; background: #6595ed; border-radius: 100%; left: 3px; top: 50%; transform: translateY(-50%);}
.igw .list li .title{ float: left; width: 450px; color: #606060; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.igw .list li .date{ float: right; width: 90px; text-align: right; color: #606060;}
.igw .list li:hover .title{ color: #6595ed; text-decoration: underline;}

.iws .list{ background: #eee; padding: 10px 15px 10px 10px; height: 300px;}
.iws .list li{ height: 28px; line-height: 28px; position: relative; padding-left: 20px; font-size: 14px; overflow: hidden;}
.iws .list li i{ position: absolute; display: inline-block; width: 6px; height: 6px; background: #6595ed; border-radius: 100%; left: 3px; top: 50%; transform: translateY(-50%);}
.iws .list li .title{ float: left; width: 446px; color: #606060; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.iws .list li .date{ float: right; width: 90px; text-align: right; color: #606060;}
.iws .list li:hover .title{ color: #6595ed; text-decoration: underline;}

.iteam{ margin-top: 20px;}
.iteam .list{ padding: 30px 25px; position: relative; overflow: hidden;}
.iteam .list .bd{ width: 1150px; margin: 0 auto; overflow: hidden;}
.iteam .list .bd li{ float: left; width: 184px; height: 210px; margin-right:9px;  position: relative;}
.iteam .list .bd li .img{ position: relative; z-index: 0; border: 1px solid #a9a9a9; height: 100%;}
.iteam .list .bd li .img img{ position: absolute; top: 50%; transform: translateY(-50%);}


.iteam .list .bd li .title{ position: absolute; width: 100%; height: 34px; line-height: 34px; text-align: center; font-size: 15px; color: #fff; font-weight: bold; background: #6595ED; bottom: 0; left: 0;}
.iteam .list .hd a{ display: inline-block; width: 20px; height: 50px; background: #778899; text-align: center; line-height: 50px; color: #fff; top: 50%; transform: translateY(-50%); position: absolute;}
.iteam .list .hd a.prev{ left: 0;}
.iteam .list .hd a.next{ right: 0;}

.ilink{ border-top: 1px solid #aaa; height: 60px; line-height: 60px; overflow: hidden;}
.ilink .top{ padding:0 30px 0 45px; float: left; font-size: 16px; font-weight: bold; color: #6595ed;}
.ilink .list{ float: left;}
.ilink .list li{ float: left; margin-right: 15px;}
.ilink .list li a{ font-size: 14px; color: #606060;}
.ilink .list li:hover a{ color: #6595ed; text-decoration: underline;}

.footer{ background: url(../images/s27.jpg) repeat-x top #eee; padding-top: 30px; overflow: hidden;}
.footer .ewm{ float: left; width: 160px; margin-right: 30px;}
.footer .ewm .title{ font-size: 16px; color: #7d7d7d; margin-top: 10px; text-align: center;}
.footer .foot-nav{ float: left;}
.footer .foot-nav dl{ float: left; margin-left: 45px;}
.footer .foot-nav dl dt{ font-size: 16px; color: #7d7d7d; margin-bottom: 10px;}
.footer .foot-nav dl dd{ line-height: 28px;}
.footer .foot-nav dl:nth-child(2){ width: 170px;}
.footer .foot-nav dl:nth-child(2) dt{ text-align: center; text-indent: -24px;}
.footer .foot-nav dl:nth-child(3){ margin-left: 18px;}
.footer .foot-nav dl:nth-child(3) dt{ text-align: center;}
.footer .foot-nav dl:nth-child(2) dd{ float: left; width: 50%; text-align: left;}
.footer .foot-nav dl dd a, .footer .foot-nav dl dd{ font-size: 14px; color: #b0b0b0;}
.footer .foot-nav dl dd a:hover{ color: #6595ed;}
.footer .foot-nav dl dd span{ display: inline-block; width: 70px;}
.footer .foot-nav dl:last-child{ margin-left: 60px;}
.footer .foot-copy{ font-size: 12px; color: #808080; border-top: 1px solid #989898; margin-top: 15px; padding: 5px 0; overflow: hidden;}
.footer .foot-copy a{ color: #808080;}
.footer .foot-copy .fl a{ display: inline-block; margin-left: 30px;}
.footer .foot-copy .fr{ text-align: right; color: #555; font-size: 14px;}
.footer .foot-copy .fr a{ color: #555; display: inline-block; margin:0 5px;}
.footer .foot-copy .fr a:hover{ color: #6595ed;}

.kf{ position: fixed; top: 148px; right: 0;}
.kf .kf-title{ width: 38px; height: 152px; background: #6595ed; color: #fff; cursor: pointer; padding: 48px 12px 20px;}
.kf .kf-title i{ position: absolute; top: 24px;}
.kf .kf-title.on i{ transform: rotate(180deg);}
.kf .kf-box{ position: absolute; right: 38px; top: 0; width: 220px; height: 458px; background: #fff; overflow: hidden; transition: all .3s linear 0s;}
.kf .kf-box.on{ width: 0;}
.kf .kf-box .kf-tel{ width: 220px; height: 105px; border: 1px solid #e4e4e4; padding: 20px;}
.kf .kf-box .kf-tel .title{ font-size: 16px; color: #333; padding-left: 34px; height: 28px; line-height: 28px; position: relative;}
.kf .kf-box .kf-tel .title i{ position: absolute; display: inline-block; width: 28px; height: 28px; background: url(../images/tel.png) no-repeat center #999; border-radius: 4px; left: 0;}
.kf .kf-box .kf-tel .p{ font-size: 20px; color: #333; font-weight: bold; margin-top: 10px;}
.kf .kf-box .kf-qq{width: 220px; padding: 20px; border: 1px solid #e4e4e4; border-top: none;}
.kf .kf-box .kf-qq p{ font-size: 14px; color: #999; height: 30px; line-height: 30px;}
.kf .kf-box .kf-qq p a{ color: #555;}
.kf .kf-box .kf-qq p a:hover{ color: #6595ed;}
.kf .kf-box .kf-wx{ width: 220px; padding: 20px; text-align: center; border: 1px solid #e4e4e4; border-top: none;}
.kf .kf-box .kf-wx img{ width: 160px;}
.kf .kf-box .kf-img{ width: 220px; border: 1px solid #e4e4e4; border-top: none;}

.page-banner{ height: 350px; }

.page-content{ margin: 36px 0 15px; overflow: hidden;}
.ty-left{ width: 240px; float: left;}
.ty-left .ty-top{ width: 100%; height: 60px; line-height: 60px; font-size: 24px; color: #fff; background: #6595ed; text-indent: 20px;}
.ty-left .ty-nav{ width: 100%; border: 1px solid #f0f0f0; padding: 10px 15px 0 15px;}
.ty-left .ty-nav li{ width: 100%; height: 42px; line-height: 38px; margin-bottom: 10px;}
.ty-left .ty-nav li a{ display: inline-block; width: 100%; height: 100%; text-indent: 35px; font-size: 14px; color: #333; position: relative; border: 1px solid #f0f0f0;}
.ty-left .ty-nav li a i{ display: inline-block; position: absolute; left: 12px; top: 50%; transform: translateY(-50%); text-indent: 0; color: #f0f0f0;}
.ty-left .ty-nav li.on a, .ty-left .ty-nav li:hover a{ background: #6595ed; color: #fff; border: 1px solid #6595ed;}
.ty-left .ty-nav li.on a i, .ty-left .ty-nav li:hover a i{ color: #fff;}

.ty-right{ width: 920px; float: right; padding-top: 10px; min-height: 500px;}
.mbx{ height: 50px; line-height: 30px; font-size: 14px; color: #333; border-bottom: 2px solid #f0f0f0;}
.mbx a{ display: inline-block; color: #6595ed; padding: 0 5px;}
.mbx a:hover{ text-decoration: underline;}
.mbx a.icon{ background: url(../images/mbx-icon.png) no-repeat center left;   padding-left: 20px; background-size: 12px;}
.mbx span{ color: #666; display: inline-block; padding: 0 5px;}

.about{ font-size: 16px; line-height: 30px; padding: 24px 0;}
.about p+p{ margin-top: 20px;}

.team-list{ margin: 30px -15px 0; overflow: hidden;}
.team-list li{ width: 33.333333%; float: left; padding: 0 15px; margin-bottom: 30px;}
.team-list li .box{ border: 1px solid #f0f0f0; padding: 10px 5px;}
.team-list li .box .img{ width: 275px; height: 314px; overflow: hidden; position: relative; }
.team-list li .box .img img{ position: absolute; width:100%; top:50%; transform: translateY(-50%); }
.team-list li .box .img img { width:100%; }
.team-list li .box .title{ font-size: 16px; color: #1f1f1f; text-align: center; margin-top: 15px;}
.team-list li:hover .box .title{ color: #6595ed;}

.pager-list{ padding-top:10px; padding-bottom:30px; text-align:center;}
.pager-list ul{ list-style-type:none; margin:0; padding:0; display:inline-block;}
.pager-list li{ float:left; padding:0 6px;}
.pager-list li>*{ display:inline-block; font-size:14px; color:#333; height:30px; line-height:30px; padding:0 10px; border:1px solid #bfbfbf;  background:#fff; }
.pager-list li a:hover{ background:#6595ed; color:#fff; border:1px solid #6595ed;}
.pager-list li.active>*{ color:#fff; background:#6595ed; border:1px solid #6595ed;}
.pager-list li.disabled>*{ cursor:auto; background:#fff; color:#ccc;}

.team-con{ padding: 20px 0;}
.team-con .title{ font-size: 30px; color: #333; text-align: center;}
.team-con .bq{ overflow: hidden; padding: 15px 0 10px; border-bottom: 1px solid #f0f0f0;}
.team-con .bq span{ display: inline-block; position: relative; font-size: 12px; color: #c8c8c8; padding-left: 22px; margin-right: 22px;}
.team-con .bq span i{ position: absolute; color: #ccc; left: 0; top: 50%; transform: translateY(-50%);}
.team-con .bq span b{ color: #969696; font-weight: normal;}
.team-con .text{ padding: 20px 0; line-height: 30px;  font-size: 16px; }
.team-con .text p+p { margin-top: 20px; }

.pager{ overflow: hidden; border-top: 1px solid #f0f0f0; padding: 20px 0;}
.pager div{ font-size: 14px; color: #969696; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; width: 50%;}
.pager .prev{ padding-right: 15px;}
.pager .next{ text-align: right; padding-left: 15px;}
.pager a{ color: #333; }
.pager a:hover{ color: #6595ed; text-decoration: underline;}

.case-list{ margin: 30px -15px 0; overflow: hidden;}
.case-list li{ width: 33.333333%; float: left; padding: 0 15px; margin-bottom: 30px;}
.case-list li .box{ border: 1px solid #f0f0f0; padding: 10px 5px;}
.case-list li .box .img{ width: 275px; height: 184px; overflow: hidden;}
.case-list li .box .title{ font-size: 16px; color: #1f1f1f; margin-top: 15px; font-weight: bold; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.case-list li:hover .box .title{ color: #6595ed;}

.news-list{ overflow: hidden; margin-bottom: 20px;}
.news-list li{ height: 60px; line-height: 60px; font-size: 16px; border-bottom: 1px solid #f0f0f0;}
.news-list li a{ display: inline-block; width: 100%; height: 100%; color: #333; padding-left: 20px; position: relative;}
.news-list li i{ width: 4px; height: 4px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #999; border-radius: 100%;}
.news-list li span{ color: #969696; float: right;}
.news-list li:hover a{ color: #6595ed;}

.message{ padding: 50px 80px;}
.message li{ overflow: hidden; padding-bottom: 30px;}
.message li label{ display: inline-block; width: 100px; text-align: right; position: relative; font-size: 14px; color: #666; float: left; margin-right: 5px; height: 30px; line-height: 30px;}
.message li label  i{ position: absolute; font-size: 12px; color: #6595ed;     right: 66px; font-style: inherit; top: 50%; transform: translateY(-40%);}
.message li textarea{ width: 330px; height: 150px; padding: 5px 10px; border: 1px solid #e4e4e4;}
.message li input[type="text"]{ width: 330px; height: 30px; border: 1px solid #f0f0f0; padding: 0 10px;}
.message li.yzm input[type="text"]{ width: 135px;}
.message li.yzm img{ margin-left: 20px; height: 28px; border: 1px solid #f0f0f0;}
.message li input[type="submit"]{ width: 90px; height: 40px; border: none; background: #6595ed; font-size: 16px; color: #fff; margin-left: 105px; cursor: pointer; border-bottom: 2px solid #6595ed;}
.message li input[type="submit"]:hover{ border-bottom: 2px solid #666;}

.hd-list{ overflow: hidden;}
.hd-list li{ overflow: hidden; padding: 20px 0;}
.hd-list li .img{ width: 168px; height: 114px; overflow: hidden; float: left;}
.hd-list li .text{ padding-left: 15px; width: 730px; float: left;}
.hd-list li .text .title{ font-size: 16px; color: #1f1f1f; margin: 5px 0 8px;}
.hd-list li .text .date{ font-size: 12px; color: #969696; position: relative;}
.hd-list li .text .date span{ font-size: 14px; color: #c8c8c8; padding-left: 20px;}
.hd-list li .text .date span i{ position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.hd-list li .text .p{ font-size: 14px; color: #666; margin-top: 10px;}

.hd-con{ padding: 20px 0 40px;}
.hd-con .title{ font-size: 26px; color: #333; padding-bottom: 5px;}
.hd-con .date, .hd-con .dz, .hd-con .bm{ font-size: 16px; color: #666; position: relative; padding-left: 30px; margin-top: 10px;}
.hd-con .date i, .hd-con .dz i, .hd-con .bm i{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: 18px;}
.hd-con .btn{ margin: 30px 0;}
.hd-con .btn a{ font-size: 20px; width: 180px; height: 50px; text-align: center; line-height: 50px; background: #6595ed; color: #fff; display: inline-block; border-bottom: 2px solid #6595ed;}
.hd-con .btn a:hover{ border-bottom: 2px solid #666;}
.hd-con .text{ font-size: 16px; color: #555;}

.hd-box{ margin-bottom: 50px;}
.hd-box .box{ border: 1px solid #e4e4e4; margin-top: 30px; padding: 25px 20px;}
.hd-box .box table{ border-spacing: 0; border-collapse: collapse; border-bottom: 1px solid #e4e4e4;}
.hd-box .box tr{ border: 1px solid #e4e4e4; border-bottom: none;}
.hd-box .box th{ height: 40px; background: #fafafa; font-size: 14px; text-align: center; border-right: 1px solid #e4e4e4;}
.hd-box .box td{ font-size: 14px; color: #333; text-align: center; padding: 10px 0; border-right: 1px solid #e4e4e4;}
.hd-box .box td button{ width: 20px; float: left; border: 1px solid #ccc; border-radius: 0; height: 30px; margin-left: -1px; cursor: pointer;}
.hd-box .box td.js{ padding-left:6px;}
.hd-box .box td input{ width: 30px; float: left; border: 1px solid #ccc; height: 30px; margin-left: -1px; text-align: center;}
.hd-box .box .ly{ padding: 15px 15px 0;}
.hd-box .box .ly label{ position: relative; width: 90px; display: inline-block; text-align: right; font-size: 14px; color: #666; float: left; height: 45px; line-height: 45px;}
.hd-box .box .ly label i{ color: #6595ed; position: absolute; top: 50%; transform: translateY(-50%); left: 0; font-style: initial;}
.hd-box .box .ly textarea{ width: 578px; height: 150px; border: 1px solid #f0f0f0; padding: 10px 10px 0;}
.hd-box .top{ width: 90px; height: 36px; line-height: 36px; background: #6595ed; color: #fff; font-size: 16px; text-align: center;}
.hd-box .box2{ border: 1px solid #e4e4e4; padding: 25px 20px;}
.hd-box .box2 li{ overflow: hidden;}
.hd-box .box2 li+li{ margin-top: 20px;}
.hd-box .box2 li label{ position: relative; width: 90px; display: inline-block; text-align: right; font-size: 14px; color: #666; float: left; height: 45px; line-height: 45px;}
.hd-box .box2 li label i{ color: #6595ed; position: absolute; top: 50%; transform: translate(-15px,-50%); font-style: initial;}
.hd-box .box2 li input{ width: 330px; height: 45px; border: 1px solid #f0f0f0; padding: 0 15px;}
.hd-box input[type="submit"]{ width: 90px; height: 40px; background: #6595ed; font-size: 16px; color: #fff; border: none; margin: 15px 0 0 30px;}

.search-box{ margin-bottom: 60px;}
.search-box .top{ background: #fbfafb; font-size: 16px; color: #333; height: 40px; line-height: 40px;}
.search-box .title{ padding: 10px; height: 20px; line-height: 20px; float: left; width: 780px;}
.search-box .lx{ padding: 10px; height: 20px; line-height: 20px; float: left; width: 180px; text-align: center;}
.search-box .date{ padding: 10px; height: 20px; line-height: 20px; float: left; width: 140px; text-align: center;}
.search-box .list{ padding: 10px 0;}
.search-box .list li{ overflow: hidden; height: 40px; line-height: 40px;}
.search-box .list li .title{ overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; padding-left: 20px; position: relative; height: 40px;}
.search-box .list li .title i{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: #999;}
.search-box .list li .lx{ height: 40px; font-size: 12px; color: #999;}
.search-box .list li .date{ height: 40px; font-size: 12px; color: #999;}
.search-box .list li:hover .title{ color: #6595ed;}

.map img{ max-width: inherit;}

.no-data { line-height: 100px; text-align: center; color:gray; font-weight: 700; }