@charset "utf-8";
/* CSS Document */
/**
 * @description: 走进hs样式
 * @author: ishang_pan
 * @update: ishang_pan
 */

/*fix NX*/

.m-titstyle1{line-height: 24px; padding: 15px 0;}
.m-titstyle1 .u-tit{padding-left: 12px; display: block; border-left: 6px solid #1764B1; font-size: 24px; font-weight: bold; color: #1764B1;}

.m-titstyle2{border-bottom: 1px solid #ddd; line-height: 44px;}
.m-titstyle2 .u-tit{display: block; padding: 0 10px; font-size: 18px; font-weight: bold; color: #1764B1; border-bottom: 2px solid #1764B1; background: url(../images/public/icon-active2.png) center bottom no-repeat;}

.m-titstyle3{line-height: 28px;}
.m-titstyle3 .u-tit{display: block; font-size: 20px; font-weight: bold; color: #1764B1;height: 38px; line-height: 38px;/* margin: 10px 0; */}

.m-titstyle4{padding: 15px 0; line-height: 18px;}
.m-titstyle4 .u-tit{display: block; padding-left: 12px; font-size: 18px; font-weight: bold; color: #1764B1; border-left: 6px solid #1764B1;}

.m-titstyle5{padding: 10px 0; background: url(bg-sjlxtit.png) center repeat-x;}
.m-titstyle5 .u-tit{display: inline-block; padding: 0 25px; background: #fff; font-size: 24px; font-weight: bold; color: #1764B1;}

.m-liststyle1 li{height: 38px; line-height: 38px;}
.m-liststyle1 li span{float: right; padding-left: 10px; font-size: 14px; color: #999;}
.m-liststyle1 li a{display: block; padding-left: 21px; background: url(../images/public/icon-li1.png) left center no-repeat; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}

.m-liststyle2 li{height: 38px; line-height: 38px;}
.m-liststyle2 li span{float: right; padding-left: 10px; font-size: 14px; color: #999;}
.m-liststyle2 li a{display: block; padding-left: 12px; background: url(icon-li2.png) left center no-repeat; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}

.m-location{padding: 15px 0 5px 0;}
.m-location,.m-location a{font-size: 14px; color: #999;}
.m-location .iconfont{color: #1764B1;}
/*about*/
.m-abflash{width: 100%; height: 530px;}
.m-abflash .bd{position: absolute; left: 50%; margin-left: -960px; width: 1920px; height: 530px;}
.m-abflash .bd img{display: block; width: 1920px; height: 530px;}
.m-abdesc{top: 37px;}
.u-abdesc1{display: block; margin: 55px auto 0; max-width: 100%;}
.u-abdesc2{top: 0; right: 15px;}
.u-abdesc3{display: block; max-width: 100%;}
.m-abmain{margin-top: -147px;}
.g-abmain{padding: 20px; background: #fff;}
.m-abvideo{height: 305px;}
.m-abvideo img{display: block; width: 100%; height: 305px;}
.u-cover{top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: .3s; -moz-transition: .3s; transition: .3s;}
.u-play{left: 50%; top: 50%; margin-top: -35px; margin-left: -35px; z-index: 9; width: 70px; height: 70px; background: url(icon-play.png) 0 0 no-repeat; -webkit-transition:.3s; -moz-transition: .3s; transition: .3s; -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); transform: scale(2); opacity: 0;}
a:hover .u-cover{-webkit-box-shadow: inset 0 0 250px #000; -moz-box-shadow: inset 0 0 250px #000; box-shadow: inset 0 0 250px #000; opacity: .8;}
a:hover .u-play{-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1;}
.g-ablxgk{margin-bottom: 14px; height: 242px;}
.g-ablxgk div{margin-top: 10px;}
.g-ablxgk div p{line-height: 34px; text-indent: 2em;}
.g-ablxgk div p a{color: #1764B1;}
.m-abgkbtns a{display: block; margin: 0 10px; border: 1px solid #ddd; text-align: center; line-height: 48px; font-size: 18px; font-weight: bold; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-abgkbtns span{margin-right: 10px; display: inline-block; width: 25px; height: 25px; line-height: 25px; font-size: 25px; font-weight: normal; color: #1764B1; vertical-align: middle;}
.m-ablsly{margin: 28px auto 16px;}
.m-ablsly a{display: block; margin: 0 10px;}
.m-ablsly .u-pic,.m-ablsly .u-pic img{display: block; width: 100%; height: 172px;}
.m-ablsly .u-tit{height: 51px; line-height: 51px; border-bottom: 2px solid #1764B1; background: url(icon-more1.png) #f4f4f4 right center no-repeat; font-size: 18px;}
.m-ablsly .u-desc{padding: 15px; top: 0; right: 0; bottom: 0; left: 0; font-size: 15px; color: #fff; line-height: 28px; background: url(bg-desc.png); text-align: justify;}
.m-ablsly a:hover .u-desc{display: block;}
.g-ablists{margin-bottom: 16px;}
.m-abls{padding: 16px 14px; border: 1px solid #ddd;}
.m-abls .row{height: 267px;}
.m-abls figure img{display: block; width: 100%;}
.m-absjlx .m-titstyle5{margin-bottom: 20px;}
.m-absjlx .row{margin: -2px;}
.g-absjlx figure img{display: block; width: 100%;}
.u-sj1 img{height: 260px;}
.u-sj2 img{height: 128px;}
.u-sj2 .f-mlr2{margin: 2px;}
.g-absjlx a span{display: none; background:#000; background-color: rgba(0,0,0,0.6); position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.g-absjlx a span i{display:block;width:180px;height:50px;position:absolute;left:0;right:0;bottom:0;top:0;margin:auto;font-style:normal;text-align:center;line-height:50px;color:#fff;font-size:18px;transition: all 5s linear;border:0;}
.g-absjlx a:hover span{display:block;}
.g-absjlx a span i:before,.g-absjlx a span i:after{content:"";display:block;width: 0;height:0;border:1px solid transparent;box-sizing: border-box;position: absolute;}
.g-absjlx a span i:before{top:0;left:0;transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;}
.g-absjlx a span i:after{right:0;bottom:0;transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in ;}
.g-absjlx a span:hover i:before{width:100%;height:100%;transition:width 0.2s ease-in ,height 0.2s ease-in 0.2s;border-top-color:#fff;border-right-color:#fff;}
.g-absjlx a span:hover i:after{width:100%;height:100%;transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.4s,height 0.3s ease-in 0.6s;border-bottom-color:#fff;border-left-color:#fff;}

/*media query*/
/*big pcScreen*/
@media (min-width:1240px) {
    .u-abdesc2{right: 0;}
    .m-abmain{width: 1240px;}
    .m-abvideo{width: 460px;}
    .m-ablxgk{width: 710px;}
    }
/*large pcScreen*/
@media screen and (max-width:1239px) {
    .m-abvideo,.m-abvideo img{height: 258px;}
    .g-ablxgk{margin-bottom: 6px; height: 202px;}
    .g-ablxgk div{margin-top: 6px;}
    .g-ablxgk div p{line-height: 28px;}
    .m-ablsly .u-pic,.m-ablsly .u-pic img{height: 167px;}
    .m-ablsly .u-desc{font-size: 14px; line-height: 26px;}
    }
/*medium pcScreen*/
@media screen and (max-width: 1199px) {
    .m-abflash{height: 466px;}
    .m-abflash .bd{margin-left: -845px; width: 1690px; height: 466px;}
    .m-abflash .bd img{width: 1690px; height: 466px;}
    .m-abmain{margin-top: -120px;}
    .m-abvideo,.m-abvideo img{height: 198px;}
    .m-ablsly .u-pic,.m-ablsly .u-pic img{height: 127px;}
    .g-ablxgk{height: 142px;}
    .g-ablxgk div p{line-height: 26px; font-size: 14px;}
    .m-abls .row{height: 210px;}
    }
/*pad*/
@media screen and (max-width: 991px ){
    .m-abflash{height: 405px;}
    .m-abflash .bd{margin-left: -735px; width: 1470px; height: 405px;}
    .m-abflash .bd img{width: 1470px; height: 405px;}
    .m-abmain{margin-top: -112px;}
    .m-abvideo, .m-abvideo img{height: 340px;}
    .m-abgkbtns a{font-size: 16px;}
    .m-ablsly{margin: 0;}
    .m-ablsly .u-pic,.m-ablsly .u-pic img{height: 200px;}
    .m-ablsly .u-desc{line-height: 24px;}
    .m-abls{padding: 10px 15px;}
    .g-ablists{margin-bottom: 15px;}
    .m-absjlx .m-titstyle5{margin-bottom: 0;}
    .m-absjlx .row{margin: 10px -5px 0;}
    .u-sj2 .f-mlr2{margin: 0 5px 10px;}
    .u-sj1 img{height: 214px;}
    }
/*phone*/
@media screen and (max-width: 767px) {
    .m-abmain{margin-top: -126px; background: #fff;}
    .g-abmain{padding: 15px 0 0;}
    .m-abgkbtns{margin: 0 -5px;}
    .m-abgkbtns a{margin: 0 5px; font-size: 14px;}
    .m-abgkbtns span{display: none;}
    .m-ablsly .row{margin: 0 -5px;}
    .m-ablsly a{margin: 0 5px;}
    .m-ablsly .u-tit{height: 40px; line-height: 40px; font-size: 16px;}
    .g-ablists{margin-bottom: 10px;}
    }
/*small*/
@media screen and (max-width: 638px) {
    .m-abmain{margin-top: -175px;}
    .m-abvideo, .m-abvideo img{height: 220px;}
    .m-ablsly .u-desc{padding: 10px;}
    .m-ablsly .u-pic,.m-ablsly .u-pic img{height: 164px;}

    }