/* CSS Document */
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dl,dd,select,option{ margin:0; padding:0;}
body{ font:12px/22px "Arial","Microsoft YaHei","SimSun"; font-size:100%; background:#fff; overflow-x: hidden;}

ul,li,ol{ list-style:none}
a{ text-decoration:none !important; cursor:pointer !important;}
.img-position-absolute{position: absolute;	top: 0;	bottom: 0; left: 0;	right: 0; max-width: 100%; max-height: 100%;display: block;	margin:auto;padding:auto;}
.no-margin{ margin:0 !important;}
.no-padding{ padding:0 !important;}
.container-fluid{ max-width:1230px !important;}
.overflow{ overflow:hidden;white-space:nowrap;}
.img{background-repeat:no-repeat;background-position:center;background-size:cover; width:100%; height:100%;}
.main{ margin:20px 0; width:100%;}


@font-face{font-family:'iconfont';src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot');src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('http://at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('http://at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('http://at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')}

.fa{display:inline-block;font-family:"iconfont";font-size:20px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.fa-icon-qq:before{content:"\e604"}
.fa-icon-weibo:before{content:"\e600"}
.fa-icon-weixin:before{content:"\e605"}
.fa-icon-zaixianzixun:before{content:"\e608"}

/*手机底部*/
.hot{width:100%; height:58px; background:#15395b; position:fixed; bottom:0; left:0;z-index:99; border-top:solid 2px #c3c3c3;}
.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px;}
.hot .row div a{ display:block; color:#fff; padding:7px 0;}
.hot .row>div.text-center{ border-right:1px solid #fff;}
.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.ewm-box img{ max-width: 140px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }


/*header*/
.toptop{ width:100%;height:26px;overflow:hidden; background:#0d1929;}
.toptop .topLeft{ width:72%; height:100%; float:left; overflow:hidden; background:url(../images/tbj1.jpg) repeat-x;}
.toptop .topRight{ width:28%; height:100%; padding-left:20px; float:right; overflow:hidden; text-align:left; background:url(../images/tbj2.jpg) no-repeat left; color:#fff;}
.toptop .topRight a{ font-size:12px; color:#fff; display:inline-block; line-height:26px; padding:0 15px;}
.toptop .topRight a:hover{ color:#da9c00;}


.header{ width:100%;}
.head-wrap{ width:100%; z-index:200; position:relative; min-height:50px; background:#15395b;}
.layer-logo{ z-index:210; position:absolute; display:block; background:transparent url(../images/top-bj.jpg) 0 0 repeat-x; width:100%; left:-100%;}
.layer-logo .inner{ position:relative;background:transparent url(../images/bj-logo.png) 0 0 no-repeat; width:292px; height:75px; right:-100%;
transition-duration: 5s;
-moz-transition-duration: 5s;
-webkit-transition-duration: 5s;
-o-transition-duration: 5s; }

.nav-wrap{ width:100%; margin:0; padding:0;}
.features-menu{ width:22%; float:right; overflow:hidden; padding-left:30px; padding-top:13px;}
.features-menu .search{ width:100%; position:relative; height:24px; line-height:24px; overflow:hidden; float:right; max-width:220px;}
.features-menu .search form input{ width:100%; height:100%; background:none; border:1px solid #44617c; border-radius:12px; outline:none; color:#7c9dbc; padding-left:25px; padding-right:70px; line-height:24px; height:24px;}
.features-menu .search ::-webkit-input-placeholder {color:#5d7892;}
.features-menu .search :-moz-placeholder {color:#5d7892;}
.features-menu .search ::-moz-placeholder {color:#5d7892;}
.features-menu .search :-ms-input-placeholder {color:#5d7892;}
.features-menu .search span{ width:14px; overflow:hidden; display:inline-block; position:absolute; left:6px; top:6px;}
.features-menu .search .btn{ width:69px; height:24px; line-height:24px; background:#44617c; font-size:12px; color:#7c9dbc; text-align:center; position:absolute; right:0; top:0; margin:0; padding:0; outline:none; border-radius:12px;}
.features-menu .search .btn:hover{ color:#fff;}

.top-nav{min-height:50px; padding-left:290px; margin:0; width:78%; float:left;}
.top-nav .nav-li{ width:20%; float:left; position:relative; font-size:14px; text-align:center;}
.top-nav .nav-li .nav-link{ line-height:27px; display:inline-block;white-space:nowrap; border:1px solid transparent; border-radius:14px; overflow:hidden; padding:0 20px; color:#fff; transition:all 0.3s; margin-top:10px; margin-bottom:5px;}
.top-nav .nav-li.active .nav-link, .top-nav .nav-li:hover .nav-link{border:1px solid #44617c;}

.top-subnav{ display:none;position: absolute; width: 100%; z-index: 3;font-size:13px; line-height:36px; text-align:center; padding-bottom: 5px; background:#15395b;}
.top-subnav .subnav-link{white-space:nowrap;overflow:hidden;padding:0 5px;color:#fff;display:block;transition:all 0.3s;border-bottom:1px solid #44617c;}
.top-subnav .subnav-link:hover{ background:#44617c;}

.top-head2{ width:100%; display:none;}
.top-head2 .topHead{ width:100%; display:table; padding-right:15px; background:url(../images/bj-logo.png) no-repeat left center;}
.topHead .top-logo2{display:table-cell; vertical-align:middle; padding-left:15px; padding-right:20px}


/*轮播图*/
.banner{ max-width:1920px; margin:0 auto; overflow:hidden;}
.banpc{ width:100%; overflow:hidden;}
.focus{ width:100%; height:100%; position:relative;}
.focusbox{width:100%;height:100%;overflow:hidden;}
.focusbox li{width:100%;height:100%;overflow:hidden;}
.focusbox li a{width:100%;float:left;overflow:hidden;padding-top:31.5%;}
.rslides{width:100%;height:100%; position:relative;list-style:none;padding:0}
.rslides_nav{height:51px;width:31px;position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);
	top:50%;left:0;opacity:0.5;text-indent:-9999px;overflow:hidden;text-decoration:none;
	background:url(../images/prev.jpg) no-repeat center center;margin-top:-28px}
.rslides_nav:active{opacity:1.0}
.rslides_nav.next{left:auto;background:url(../images/next.jpg) no-repeat center center;right:0}
.rslides_tabs{width:100%; position:absolute;left:0;bottom:0px; z-index:2; text-align:center;}
.rslides_tabs li{display:inline-block;width:10px;height:10px;margin:0 3px;*display:inline;zoom:1;}
.rslides_tabs a{display:inline-block;width:10px;height:10px;line-height:40px;overflow:hidden;background:#fff;cursor:pointer; border-radius:50%; opacity:0.6;}
.rslides_tabs .rslides_here a{background:#132c6c; opacity:0.8;}

/*phone*/
.phone{ display:none; width:100%; overflow:hidden;}
.swiper-banner-img {position: relative;background-repeat: no-repeat;background-size: cover;background-position: center;}
.swiper-banner-img:before { content: '';display: block;padding-top:35%;}



.wrap1{ margin:0; padding:0; background:url(../images/bj3.jpg) no-repeat center; background-size:cover;}
.query{ padding:20px 0; border-bottom:1px solid #f0f1f4; margin-bottom:2px; overflow:hidden;}
.query .query-wrap{ width:100%; overflow:hidden;}
.query .q-box1{ width:37.5%; float:left; overflow:hidden; background:rgba(255,255,255,0.5); height:60px; padding:15px 27px;}
.query .lbe01{ font-size:14px; color:#15395b; font-weight:bold; line-height:30px; margin:0; float:left;}
.query .ipt01{ border:1px solid #15395b; line-height:30px; height:30px; padding:0 12px; outline:none; border-radius:15px; margin:0; background:#fff; font-size:14px; color:#15395b;}
.query .q-box1 .lbe01{width:136px;}
.query .q-box1 .ipt01{width: calc(100% - 136px);}
.query .q-box2{ width:41.5%; float:left; background:rgba(255,255,255,0.3); height:60px;padding:15px 27px; overflow:hidden;}
.query .q-box2 .ipt01{ width:120px; margin-left:6px;float:left;}
.query .q-box2 .qimg{ width:68px; height:30px; line-height:30px; display:inline-block; overflow:hidden;float:left; background:#f2f2f4; text-align:center; margin-left:10px;}
.query .q-box2 .qimg img{ display:inline-block; margin:0 auto;}
.query .q-box2 .qt{ font-size:12px; line-height:30px; color:#15395b; display:inline-block; float:left; margin-left:10px; text-decoration:underline !important;}
.query .q-box3{ width:21%; float:right; overflow:hidden; height:60px; text-align:center; padding:9px 14px; background:rgba(255,255,255,0.5);}
.query .q-box3 .btn{ width:100%; height:100%;white-space:nowrap;overflow:hidden; font-size:18px; color:#15395b; line-height:42px; padding:0; margin:0; border:0; border-radius:0; background:#c7cfd7; transition:all 0.4s; outline:none;}
.query .q-box3 .btn:hover{ background:#15395b; color:#fff;}

.area{ width:100%; padding:35px 0; border-top:1px solid #fff;}
.index-tit{ width:100%; overflow:hidden; text-align:center;}
.index-tit h3{ font-size:30px; line-height:1.1; color:#013a83; font-weight:bold;}
.index-tit p{ color:#010101; font-size:22px; font-weight:bold; line-height:1.2; background:url(../images/t5.png) no-repeat center;}
.areabox{ margin-top:15px; width:100%; overflow:hidden;}
.areabox .swiper-area{}
.areabox a{ width:100%; display:block;padding-top:20px; overflow:hidden;}
.areabox .area-img{ width:100%; overflow:hidden; border-radius:50%; border:1px dashed #8f9092; padding:1px; transition:all 0.3s;}
.areabox .area-img .aimg{ width:100%; overflow:hidden;}
.areabox .area-img .aimg .img{ padding-top:100%;}
.areabox .area-txt{ width:100%; margin-top:15px; overflow:hidden; text-align:center;}
.areabox .area-txt p{ font-size:17px; line-height:30px; text-align:center; color:#333;}
.areabox .area-txt h3{ display:inline-block; background:#15395b; color:#fff; text-align:center; line-height:30px; font-size:14px; padding:0 20px; margin:0 auto; transition:all 0.3s;}
.areabox a:hover .area-txt h3{ background:#da9c00;}
.areabox a:hover .area-img{ transform:translateY(-10px);}


.wrap2{ margin:0; padding:50px 0;}
.wpbox2{ width:100%; overflow:hidden; position:relative;}
.wpbox2 .tab1{ width:260px; height:100px; overflow:hidden; position:absolute; left:0; top:0; z-index:10;}
.wpbox2 .tab1 li, .wpbox2 .tab1 .more{ width:28px; height:85px; text-align:center; background:#15395b; display:inline-block; font-size:14px; line-height:1.1; color:#fff; border-radius:14px; overflow:hidden; border:1px solid #fff; margin-left:18px; transition:all 0.3s;
writing-mode:horizontal-tb;
-webkit-writing-mode:horizontal-tb;
-moz-writing-mode:horizontal-tb;
-ms-writing-mode:horizontal-tb;
-o-writing-mode:horizontal-tb;}
.wpbox2 .tab1 li a, .wpbox2 .tab1 .more a{ display:block; width:100%; overflow:hidden; padding:12px 0; color:#fff;}
.wpbox2 .tab1 .more span{ width:10px; display:block; margin:0 auto; margin-top:10px;}
.wpbox2 .tab1 li.cur1, .wpbox2 .tab1 li:hover, .wpbox2 .tab1 .more:hover{ background:#da9c00; transform:translateY(14px);-webkit-transform:translateY(14px);-moz-transform:translateY(14px);-ms-transform:translateY(14px);-o-transform:translateY(14px);}



.hid1{ width:100%; overflow:hidden; display:none;}
.how1{ display:block;}
.hid1 .hidLeft{ padding-left:0;}
.hid1 .hidLeft .hidLf-tit{ height:70px; width:100%; overflow:hidden; text-align:right; padding-left:50%;}
.hid1 .hidLeft .hidLf-tit p{ font-size:24px; line-height:1.1; color:#333; letter-spacing:3px;}
.hid1 .hidLeft .hidLf-tit span{ font-size:12px; line-height:1.5; color:#666; border-bottom:1px solid #666;}
.hid1 .hidLeft .hidLf-img{ width:100%; overflow:hidden; height:175px;}
.hid1 .hidLeft .hidLf-img .img{ transition:all 0.3s;}
.hid1 .hidLeft .hidLf-img:hover .img{ transform:scale(1.1);}
.hid1 .hidRight{ padding-right:0;}
.hid1 .hidRight .hidRh-txt{ font-size:14px; line-height:24px; color:#666;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:10;overflow:hidden; height:210px;}
.hid1 .hidRight .hidRh-txt p{ margin-top:21px;}
.hid1 .hidRight .hidRh-txt p:first-child{ margin-top:0;}
.hid1 .hidRight .more{ width:170px; line-height:24px; border-radius:12px; border:1px solid #b8c3cd; text-align:center; font-size:12px; color:#333; margin-top:9px; transition:all 0.3s;}
.hid1 .hidRight a:hover .more{ background:#15395b; color:#fff;}



.wrap3{ margin:0; padding:20px 0;}
.wp3-tit{ width:100%; overflow:hidden;}
.wp3-tit .p1{ width:100%; overflow:hidden; font-size:18px; line-height:40px; color:#333; }
.wp3-tit .p1 a{ font-size:12px; color:#333; float:right;padding-right:10px;}
.wp3-tit .p1 a:hover{ color:#da9c00;}
.wp3-tit .p1 span{ width:100px; text-align:center; letter-spacing:3px; display:inline-block; float:left;}
.wp3-tit p{ width:100%; height:1px; position:relative; background:#c3c3c3; margin:1px 0;}
.wp3-tit p span{ width:100px; height:3px; background:#15395b; position:absolute; left:0; top:-1px;}
.wp3-tit .wp3-list{ width:100%; overflow:hidden; text-align:left; font-size:12px; line-height:24px; color:#666; margin:8px 0;}
.wp3-tit .wp3-list a{ display:inline-block; color:#666; padding:5px 20px;}
.wp3-tit .wp3-list a:hover{ color:#da9c00; text-decoration:underline !important;}

.swiper-wp3{ padding:15px 0;}
.swiper-wp3 a{ width:100%; overflow:hidden; display:block;}
.swiper-wp3 .wp3-img{ width:100%; overflow:hidden; position:relative;}
.swiper-wp3 .wp3-img .img{ padding-top:75%; transition:all 0.4s;}
.swiper-wp3 .wp3-img .wp3-txt{ width:90%; overflow:hidden; background:rgba(21,57,91,0.6); position:absolute; left:5%; bottom:10px; padding:5px 10px; color:#fff; font-size:12px; line-height:24px; transition:all 0.4s;}
.swiper-wp3 .wp3-img .wp3-txt span{ display:inline-block; float:right; overflow:hidden; width:50px; text-align:right;}
.swiper-wp3 .wp3-img .wp3-txt p{width: calc(100% - 50px); float:left; overflow:hidden; text-align:left;}
.swiper-wp3 a:hover .wp3-img .wp3-txt{ background:rgba(218,156,0,0.6);}
.swiper-wp3 a:hover .wp3-img .img{ transform:scale(1.1);}

.wp3-more{ width:100%; overflow:hidden; padding:10px; text-align:center;}
.wp3-more a{ display:inline-block; width:170px; line-height:24px; text-align:center; font-size:12px; color:#fff; background:#15395b; border-radius:12px; transition:all 0.3s;}
.wp3-more a:hover{ background:#da9c00;}



.wrap4{ margin-bottom:0; padding:50px 0; background:url(../images/bj4.jpg) no-repeat center; background-size:cover;}
.wrap4 .index-tit h3{ color:#fff;}
.wrap4 .index-tit p{ color:#fff; background:url(../images/t8.png) no-repeat center}
.swiper-serv{ padding:20px 0;}
.swiper-serv a{ display:block; overflow:hidden; width:100%;}
.swiper-serv .serv-img{ width:100%; overflow:hidden;}
.swiper-serv .serv-img .img{ padding-top:45%; transition:all 0.4s;}
.swiper-serv a:hover .serv-img .img{ transform:scale(1.1);}
.swiper-serv .serv-txt{ width:100%; overflow:hidden; padding:18px; padding-top:10px; background:rgba(255,255,255,0.3); color:#fff; transition:all 0.3s;}
.swiper-serv .serv-txt .s-t1{ width:100%; line-height:30px; border-bottom:1px solid #aab4c1;}
.swiper-serv .serv-txt .s-t1 p{ font-size:15px;width: calc(100% - 65px);text-overflow:ellipsis; float:left;}
.swiper-serv .serv-txt .s-t1 span{ font-size:14px; float:right; display:inline-block; width:65px; text-align:right;}
.swiper-serv .serv-txt .s-t2{ font-size:12px; line-height:18px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3;overflow:hidden; height:54px; margin-top:6px;}
.swiper-serv a:hover .serv-txt{background:rgba(21,57,91,0.6);}
.wrap4 .wp3-more{ padding:0; margin-top:15px;}
.wrap4 .wp3-more a{ background:none; border:1px solid #fff; transition:all 0.3s;}
.wrap4 .wp3-more a:hover{background:#da9c00;border:1px solid #da9c00;}

.footer{ margin:0; background:url(../images/1913.jpg) no-repeat center; background-size:cover;}
.fot-nav{ width:100%; padding:20px 0;}
.fot-nav .fotLf{ width:58.3%; float:left; overflow:hidden; min-height:200px; border-right:1px solid #aaa; padding-top:20px;}
.fot-nav .fotLf ul{ width:25%; float:left; overflow:hidden; text-align:left; padding-left:20px;}
.fot-nav .fotLf ul h3{ font-size:14px; line-height:30px;}
.fot-nav .fotLf ul li{ font-size:12px; line-height:22px;}
.fot-nav .fotLf ul a{ color:#666; width:100%; display:block;white-space:nowrap;} 
.fot-nav .fotLf ul a:hover{ color:#da9c00; text-decoration:underline !important;}
.fot-nav .fotRh{ width:41.7%; float:right; overflow:hidden; padding-top:20px;}
.fot-nav .fotRh .rh01{ width:34%; float:right; overflow:hidden;}
.fot-nav .fotRh .rh01 img{ max-width:108px; margin:0 auto;}
.fot-nav .fotRh .rh01 p{ font-size:14px; line-height:24px; color:#333; width:100%; overflow:hidden; text-align:center; margin-top:6px;}
.fot-nav .fotRh .rh02{ width:66%; float:left; overflow:hidden; padding-left:40px; font-size:12px; line-height:24px; color:#333; margin-bottom:20px;}

.fot-bot{ width:100%; background:#15395b; font-size:12px; line-height:20px; padding:10px 0; text-align:center; color:#fff;}
.fot-bot a{ color:#fff;}




.mbox{ margin:0; padding-top:50px; padding-bottom:50px;}
.mbox-left{ width:240px; overflow:hidden; float:left;}
.mbox-left .mleft-tit{ width:100%; height:85px; overflow:hidden; text-align:center; background:url(../images/1019.jpg) no-repeat center; color:#fff;}
.mbox-left .mleft-tit i{ display:none;}
.mbox-left .mleft-tit p{ display:inline-block; border-bottom:1px solid #8da0b2; width:105px; margin:0 auto; padding-bottom:2px; margin-top:15px;}
.mbox-left .mleft-tit p strong{ border-bottom:1px solid #fff; width:100%; display:block; font-size:24px; line-height:1.5; font-weight:bold; }

.accordion{ width:100%; overflow:hidden; margin-top:8px;}
.accordion > li{ margin-bottom:5px;}
.accordion .link{ width:100%; border:1px solid #d8d8d8; background:#fff; padding:1px; transition:all 0.3s; position:relative;}
.accordion .link a{ display:block; width:100%; overflow:hidden;white-space:nowrap; border:1px solid #e8e8e8; font-size:14px; line-height:40px; color:#333; padding-left:30px; padding-right:60px; text-align:left;transition:all 0.3s;
background: -webkit-linear-gradient(#ffffff, #e8e8e8);
background: -o-linear-gradient(#ffffff, #e8e8e8);
background: -moz-linear-gradient(#ffffff, #e8e8e8);
background: linear-gradient(#ffffff, #e8e8e8);}
.accordion .link i{ width:21px; height:21px; display:block; background:url(../images/t9.png) no-repeat; background-size:100% 100%; position:absolute; right:38px; top:50%; margin-top:-10px;}
.accordion .link:hover, .accordion li.open .link{ border:1px solid #2c5b88;}
.accordion .link:hover a, .accordion li.open .link a{ border:1px solid #95adc3; color:#26517b; background:rgba(21,57,91,0.1);}
.accordion .link:hover i, .accordion li.open .link i{background:url(../images/t10.png) no-repeat; background-size:100% 100%;}
.submenu{ width:100%; overflow:hidden; background:#fff; display:none;}
.submenu li{ line-height:40px; border-bottom:1px solid #d4d4d4;}
.submenu li a{ display:block;white-space:nowrap;overflow:hidden; padding-left:50px; padding-right:15px; color:#333; transition:all 0.3s; font-size:12px;}
.submenu li:hover a{color:#26517b; background:rgba(21,57,91,0.1);}


.mbox-right{ padding-left:260px;}
.mright-top{ width:100%; overflow:hidden; background:url(../images/1114.jpg) no-repeat center; background-size:cover; font-size:14px; line-height:45px; font-weight:bold; color:#333; padding:0 15px;}
.mright-top a{ color:#333;}
.mright-top a:hover{color:#26517b;}
.mright-top .p1{ float:left;}
.mright-top .p2{ float:right;}

.mcont{ width:100%; overflow:hidden; margin-top:16px; font-size:14px; line-height:26px; color:#333;}

.li01{ padding:6px 10px;}
.li01 a{ width:100%; overflow:hidden; display:block;}
.li01 .li01-img{ width:100%; overflow:hidden; position:relative; border:1px solid #dcdcdc;}
.li01 .li01-img .img{ padding-top:78.94%; transition:all 0.4s;}
.li01 .li01-img .li01-txt{ width:90%; overflow:hidden; background:rgba(21,57,91,0.6); position:absolute; left:5%; bottom:10px; padding:5px 10px; color:#fff; font-size:12px; line-height:24px; transition:all 0.4s;}
.li01 .li01-img .li01-txt span{ display:inline-block; float:right; overflow:hidden; width:50px; text-align:right;}
.li01 .li01-img .li01-txt p{width: calc(100% - 50px); float:left; overflow:hidden; text-align:left;}
.li01 a:hover .li01-img .li01-txt{ background:rgba(218,156,0,0.6);}
.li01 a:hover .li01-img .img{ transform:scale(1.1);}


.li02{ width:100%; overflow:hidden; height:126px; margin-bottom:15px;}
.li02 a{ width:92%; height:100%; overflow:hidden; display:block; transition:all 0.3s; padding-right:10px;}
.li02 .li02-img{ width:39%;height:100%; float:left; overflow:hidden}
.li02 .li02-img .img{ transition:all 0.5s;}
.li02 .li02-txt{ width:61%; padding-left:15px; float:right; overflow:hidden;}
.li02 .li02-txt .t01{ width:100%; color:#333; border-bottom:1px solid #e8e8e8; line-height:30px; padding-top:6px;transition:all 0.3s;}
.li02 .li02-txt .t01 p{ float:left; font-size:15px;width: calc(100% - 72px);text-overflow:ellipsis;}
.li02 .li02-txt .t01 span{ float:right; display:inline-block; font-size:14px; width:72px; text-align:right;}
.li02 .li02-txt .t02{border-top:1px solid #e8e8e8; margin-top:1px; font-size:13px; line-height:20px; color:#666;transition:all 0.3s;}
.li02 .li02-txt .t02 p{ margin-top:5px; height:60px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3;overflow:hidden;}
.li02 a:hover{ background:#ccc; width:100%;}
.li02 a:hover .li02-txt .t01{ color:#fff;}
.li02 a:hover .li02-txt .t02{color:#fff;}



.sss img{ max-width:100% !important; height:auto !important}