/*Top002667 */
.Top002667{top: 0;background: #fff;position: fixed;left: 0;width: 100%;z-index: 100}
.Top002667_fixed{box-shadow: 0 0 20px #ddd;}
.Top002667 .header{ width:100%;position: relative}
.Top002667 .header-right{ width:4%;position: absolute;right: 0;}
.Top002667 .header-left{ width:4%;}
.Top002667 .header-mid{ width:60%;}
.Top002667 .header-right dd{ position:relative; z-index:100; height:74px;padding-top: 24px;}
.Top002667 .open-search{ display:block; width:25px; height:25px; background:url(../images/Top002667_btn_search.png) no-repeat center center;}
.Top002667 .top-search{ position:absolute; top:100%; right:0; background:#b09d60; padding:10px 50px 10px 10px; width:280px; display:none;}
.Top002667 .top-search .text{ width:100%; background:#fff; height:40px; line-height:40px; padding:0 10px; border:none;}
.Top002667 .top-search .btn{ position:absolute; right:10px; top:10px; height:40px; width:40px; background:url(../images/Top002667_btn_search.png) no-repeat center center #fff;}
.Top002667 .header-menu{ max-width:545px;margin-left: 26px}
.Top002667 .header-menu li{width: auto!important;margin-right: 20px;}
.Top002667 .header-menu li em a{color: #000;padding: 16px 10px 13px;font-size: 15px;border-bottom: 4px solid transparent;}
.Top002667 .header-menu li em a span{display: block;font-size: 12px;color: #9b263d;display: block;letter-spacing: 1px;padding-top: 5px;}
.Top002667 .header-menu li:hover em a,
.Top002667 .header-menu li.aon em a{border-bottom: 4px solid #b09d60;}

@media(max-width:1024px){
.Top002667{}
.Top002667 .header{ display:block; padding:2%; background:#fff;}
.Top002667 .header-left{ width:auto;}
.Top002667 .header-right{ position:absolute; right:20%; top:0; width:5%;}
.Top002667 .header-right dd{height: 60px;padding-top: 20px}
.Top002667 #header-menu{ position:absolute; right:0; top:-100%; transform:translateY(-100%); opacity:0; background:#9b263d; width:200px; text-align:center; transition:0.3s;}
.Top002667 #header-menu.header-menu-show{ opacity:1; top:100%; transform:translateY(0);}
#header-menu li em a{font-weight: normal;}
.Top002667 #header-menu li em a span{display: none;}
.Top002667 #header-menu li:last-child em,
.Top002667 #header-menu li:last-child em a{ border-bottom:0;}
.Top002667 #open_menu{ position:absolute; top:50%; right:2%; margin-top:-18px; width:40px; height:40px; border-radius:50%; background:#f5f5f5;}
.Top002667 #open_menu i,
.Top002667 #open_menu i::before,
.Top002667 #open_menu i::after{background:#9b263d;}
.Top002667 #open_menu i{ left:20%; width:60%; height:3px; margin-top:-1.5px;}
}

/*Banner002640 */
.Banner002640{ position:relative; z-index:1;margin-top: 72px}
.Banner002640 li img{ display:block; width:100%;}
.Banner002640 .bx-viewport{ z-index:1;}
.Banner002640 .bx-controls-direction a{ position:absolute; top:50%; width:40px; height:40px; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(45deg); margin-top:-20px; top:50%; z-index:10; overflow:hidden; line-height:1000px;display: none}
.Banner002640 .bx-controls-direction a.bx-prev{ left:10%;transform:rotate(-135deg);}
.Banner002640 .bx-controls-direction a.bx-next{ right:10%;}
.Banner002640 .bx-pager{ text-align:center; z-index:10; position:absolute; width:100%; left:0; bottom:45px;}
.Banner002640 .bx-pager div{ display:inline-block; padding:0 9px;}
.Banner002640 .bx-pager a{ display:block; width:10px; height:10px; background: #222; border-radius:50%; overflow:hidden; line-height:1000px;opacity: 0.5}
.Banner002640 .bx-pager a.active{ opacity: 1}
@media(max-width:1024px){
.Banner002640{ margin-top:66px}
.Banner002640 .bx-controls-direction a{width:30px; height:30px;margin-top:-15px;}
.Banner002640 .bx-controls-direction a.bx-prev{ left:3%;}
.Banner002640 .bx-controls-direction a.bx-next{ right:3%;}
}
@media(max-width:480px){
.Banner002640 .bx-pager a{ width:8px; height:8px;} 
.Banner002640 .bx-controls-direction{ display:none;}
}




.Content{padding-top: 3%}
.Content .Home-left{float: left;width: 200px;margin-right: 40px;}
.Content .Home-left .title{font-size: 18px;color: #000;padding: 16px 0;font-weight: bold; border-bottom: #000 1px solid;margin-bottom: 15px;}
.Content .Home-left li{border-bottom: #ededed 1px solid;position: relative;padding: 8px 25px 8px 0;}
.Content .Home-left li a{background: url(../images/arw.png) right center no-repeat;position: absolute;width: 100%;left: 0;top: 0;height: 100%}
.Content .Home-left li .icon{width: 40px;padding-right: 10px;}
.Content .Home-left li span{line-height: 40px;color: #000;}
.Content .Home-left li:hover span{text-decoration: underline;}

.Content .column-left{float: left;width: 120px;}
.Content .column-left .title{font-size: 18px;color: #000;padding: 16px 0;font-weight: bold; border-bottom: #000 1px solid;margin-bottom: 15px;}
.Content .column-left li{border-bottom: #ededed 1px solid;position: relative;padding: 8px 0px 8px 0;}
.Content .column-left li a{position: absolute;width: 100%;left: 0;top: 0;height: 100%}
.Content .column-left li .icon{width: 40px;padding-right: 10px;}
.Content .column-left li span{line-height: 40px;color: #000;}
.Content .column-left li:hover span{text-decoration: underline;}

.Content .Home-right{float: right;width: 80%}
.Content .Home-right .title1{font-size: 34px;color: #9b263d;text-align: center;margin-top: 16px;margin-bottom: 35px;}
.Content .Home-right .title1 span{font-size: 12px;display: block;letter-spacing: 5px;padding-top: 10px;}

.Content .Home-right .title2{font-size: 34px;color: #000;text-align: center;margin-bottom: 35px;}
.Content .Home-right .title2 span{font-size: 12px;display: block;letter-spacing: 5px;padding-top: 10px;color: #9b263d}

.Content .Home-right .new{padding-right: 60px}
.Content .Home-right .new li{border-bottom: 1px solid #d6d6d6;padding-bottom: 10px;margin-bottom: 10px;}
.Content .Home-right .new li time{display: block;color: #999;padding-top: 10px;}
.Content .Home-right .new li a{line-height: 28px;color: #000;display: block}
.Content .Home-right .new li:hover a span{text-decoration: underline;}

.Content .Home-right .pro-list1{max-width: 850px;margin: 0 auto;padding:55px 0 60px }
.Content .Home-right .pro-list1 li{ margin: 0 auto 10px;float: left;width: 49.4%;/*margin-right: 10px;*/transition: all 0.3s}
.Content .Home-right .pro-list1 li:nth-child(1),
.Content .Home-right .pro-list1 li:nth-child(2){width: 100%}
.Content .Home-right .pro-list1 li:nth-child(4),
.Content .Home-right .pro-list1 li:nth-child(6){ float: right;}
.Content .Home-right .pro-list1 li:hover{opacity: 0.7}
.Content .Home-right .pro-list1 li a{padding-bottom: 38.11%;display: block;background-size: cover;background-repeat: no-repeat;background-position: center}
.Content .Home-right .pro-list1 li:nth-child(1) a,
.Content .Home-right .pro-list1 li:nth-child(2) a{padding-bottom: 19%;}

.Content .Home-right .pro-list2{padding: 55px 0 80px;border-bottom: 1px solid #ededed;margin-bottom: 50px}
.Content .Home-right .pro-list2 li{float: left;width: 23.55%;margin-right: 1.935%;margin-bottom: 35px;}
.Content .Home-right .pro-list2 li:nth-child(4n){margin-right: 0%}
.Content .Home-right .pro-list2 li .pic{padding-bottom: 99.1%;background-size: cover;background-position: center;background-repeat: no-repeat;margin-bottom: 15px;transition: 0.3s all}
.Content .Home-right .pro-list2 li .pic:hover{opacity: 0.7}
.Content .Home-right .pro-list2 li time{font-size: 14px;color: #999999;margin-bottom: 5px;display: block}
.Content .Home-right .pro-list2 li p{margin: 0;}
.Content .Home-right .pro-list2 li a{line-height: 22px;color: #000000;}
.Content .Home-right .pro-list2 li a:hover{text-decoration: underline;}
.Content .Home-right .pro-list2 li .more{display: inline-block;margin-top: 20px; width: 110px;height: 35px;background: url(../images/cart.jpg)no-repeat center}

.Content .Home-right .pro-list3 li{float: left;margin-left: 2px;margin-bottom: 80px;width: 24.793%;}
.Content .Home-right .pro-list3 li:nth-child(4n){margin-right: 0%}
.Content .Home-right .pro-list3 li .pic{padding-bottom: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;transition: 0.3s all;position: relative}
.Content .Home-right .pro-list3 li .pic i{position: absolute;width: 41px;height: 41px;background: url(../images/new_2.gif)no-repeat center}
.Content .Home-right .pro-list3 li .pic:hover{opacity: 0.7}
.Content .Home-right .pro-list3 li .txt p{margin: 18px 0 0;padding: 0 5px 1px;}
.Content .Home-right .pro-list3 li .txt p a{color: #000}
.Content .Home-right .pro-list3 li .txt p:hover a{text-decoration: underline;}
.Content .Home-right .pro-list3 li .txt span{display: block;padding: 10px 5px 20px;color: #999}
.Content .Home-right .pro-list3 li .txt .more{display: inline-block;width: 110px;height: 35px;background: url(../images/cart.jpg)no-repeat center}
.Content .Home-right .pro-list3 li .txt .more1{display: inline-block;width: 110px;height: 35px;background: url(../images/pic1.png)no-repeat center}

.Content .Home-right .btn{width: 292px;height: 53px;margin: 50px auto 0;background: url(../images/btn_more.png) no-repeat;background-size: 292px;}
.Content .Home-right .btn a{display: block;height: 53px;}

.Content .About{margin-top: 130px;}
.Content .About .about-list{padding: 10px 0 80px;}
.Content .About .about-list li{float: left;width: 23.55%;margin-right: 1.935%;margin-bottom: 35px;}
.Content .About .about-list li:nth-child(4n){margin-right: 0%}
.Content .About .about-list li .pic{padding-bottom: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;margin-bottom: 15px;transition: 0.3s all}
.Content .About .about-list li .pic:hover{opacity: 0.7}
.Content .About .about-list li time{font-size: 14px;color: #999999;margin-bottom: 5px;display: block}
.Content .About .about-list li p{margin: 0;}
.Content .About .about-list li a{line-height: 22px;color: #000000;}
.Content .About .about-list li a:hover{text-decoration: underline;}


@media(max-width:1024px){
.Content .Home-left{float: none;width: 100%;margin-right: 0;margin-bottom: 30px;}
.Content .Home-left li{float: left;width: 48%;}
.Content .Home-left li:nth-child(2n){float: right;}
    
.Content .column-left{float: none;width: 100%;margin-right: 0;margin-bottom: 30px;}
.Content .column-left li{float: left;width: 48%;}
.Content .column-left li:nth-child(2n){float: right;}
    
.Content .Home-right{float: none;width: 100%;}
.Content .Home-right .new{padding-right: 0}
    
.Content .Home-right .pro-list1 li{width: 48.4%;}
.Content .Home-right .pro-list1 li:nth-child(4),
.Content .Home-right .pro-list1 li:nth-child(6){float: right;}
    
.Content .Home-right .pro-list2{padding: 0px 0 80px;border-bottom: 1px solid #ededed;margin-bottom: 50px}
.Content .Home-right .pro-list2 li{width: 49%}
.Content .Home-right .pro-list2 li:nth-child(2n){margin-right: 0%}

.Content .Home-right .pro-list3 li{width: 49%;margin-right: 1.935%;margin-left: 0;margin-bottom: 50px}
.Content .Home-right .pro-list3 li:nth-child(2n){margin-right: 0%}
    
.Content .About{margin-top: 50px}
.Content .About .about-list li{width: 49%;margin-right: 1.935%;margin-bottom: 35px;}
.Content .About .about-list li:nth-child(2n){margin-right: 0%}
}




.Bottom{background: #f7f7f7;padding: 50px 0 40px;text-align: center}
.Bottom nav a{color: #9b263d;display: inline;position: relative;padding: 0 15px;}
.Bottom nav a::before{content: "";position: absolute;left: -2px;top: 2px;width: 1px;height: 15px;background: #9b263d;transform: rotate(45deg)}
.Bottom nav a:first-child::before{display: none}
.Bottom nav a:hover{text-decoration: underline;}
.Bottom .copyright{color: #999;font-size: 12px;margin: 0;padding-top: 20px;}


.getTop a{width: 64px;height: 64px;background: url(../images/pagetop.png) no-repeat;position: fixed;top: auto;bottom: 110px;right: 26px;z-index: 100}



.banner{background: #f7f7f7;padding: 39px 0;text-align: center;color: #9b263d;margin-top: 74px;font-size: 30px;}
.banner p{margin: 0}

.banner2{margin-top: 74px;}

@media(max-width:1024px){
.banner{margin-top: 66px;font-size: 30px;}  
.banner2{margin-top: 66px;}
}




.Brand{margin-top: 74px;padding-top: 50px}
.Brand .title h3{font-size: 32px;margin: 0 0 20px;font-weight: lighter;color: #000;text-align: center}
.Brand .title p{;font-weight: lighter;color: #666;line-height: 30px;}



/*Timeline000312 */
.Timeline000312{padding: 30px 0;}
.Timeline000312 .year{ position:relative; padding:2% 0 4% 0;color:#6e6e6e;}
.Timeline000312 .year::before{ content:''; width:1px; height:98%;  top:2%; position:absolute; background-color:#ededed; z-index:0;}
.Timeline000312 .title{font-size: 32px;margin: 0 0 20px;font-weight: lighter;color: #000;text-align: center}
.Timeline000312 ul{ position:relative; z-index:1;}
.Timeline000312 ul::before{ content:''; display:block; height:13px; width:13px; border-radius:50%; font-size:0; background:#fff;border:2px solid #666; margin:0 auto;}
.Timeline000312 li{position:relative; border-bottom:1px solid #ededed; padding:3% 0;  }
.Timeline000312 li:nth-child(2n){padding-left:4%;}
.Timeline000312 li:nth-child(2n-1){padding-right:4%;}
.Timeline000312 li::before{width:8px; height:8px;border:2px solid #666;  border-radius:50%;position:absolute; left:-4px; bottom:-4px; content:''; background:#fff;}
.Timeline000312 li .txt{  position:relative; min-height:90px; font-size:12px; line-height:24px;}
.Timeline000312 li:nth-child(2n) .txt{padding:0 4% 0 130px;}
.Timeline000312 li:nth-child(2n-1) .txt{padding:0 130px 0 4%;}
.Timeline000312 li .txt figure{transition:all ease 0.5s; position:absolute; top:0;width:120px; height:100px;}
.Timeline000312 li:nth-child(2n) .txt figure{ left:0; }
.Timeline000312 li:nth-child(2n-1) .txt figure{ right:0; }
.Timeline000312 li .txt figure img{ position:absolute; max-width:100%; max-height:100%; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.Timeline000312 li.has-info .txt{ cursor:pointer;}
.Timeline000312 li.has-info:hover .txt{ text-decoration:underline;}
.Timeline000312 li.has-info:hover .txt figure{ transform:scale(1.1);}
.Timeline000312 li .txt h3{margin: 0;font-size: 20px;color: #6e6e6e;padding-bottom: 7px; font-weight: lighter}
.Timeline000312 li .info{ display:none;}
@media(min-width:641px){
.Timeline000312 .year::before{left:50%;margin-left:-0.5px; }
.Timeline000312 li{width:50%;}
.Timeline000312 li:nth-child(2n)::before{ display:none;}
.Timeline000312 li:nth-child(2n){ float:left; min-height:150px; padding-top:6%; }
.Timeline000312 li:nth-child(2n-1){float:right; min-height:90px; z-index:10; }
}
@media(max-width:640px){
.Timeline000312 .year{ margin:0 2%;}
.Timeline000312 .year::before{ left:0;}
.Timeline000312 ul::before{ display:inline-block; margin-left:-6px;}
.Timeline000312 li:nth-child(2n-1) {padding-right: 0%;padding-left: 4%}
.Timeline000312 li:nth-child(2n-1) .txt figure{ left:0; }
.Timeline000312 li:nth-child(2n-1) .txt {padding:0 4% 0 130px;}
}

.Timeline000312 .more{ text-align:center; padding-bottom:50px;}
.Timeline000312 .more a{width: 126px;height: 30px;text-align: center;line-height: 30px;display: inline-block;color: #fff;font-size: 13px;background:#9b263d;}
.Timeline000312 .more a:hover{background-color:#9b263d;}

.Timeline000312 .fixed_scroll{ display:none; position:fixed; z-index:200; background:rgba(0,0,0,0.5); width:100%; height:100%; left:0; top:0;}
.Timeline000312 .fixed_scroll .ytable{ height:100%;}
.Timeline000312 .fixed_scroll .inner{ position:relative; margin:0 auto; padding:10px; width:95%; max-width:900px;background-color:#fff; border-radius:5px;}
.Timeline000312 .fixed_scroll .close{ position:relative; float:right; width:33px; height:33px;cursor:pointer; overflow:hidden; font-size:0;}
.Timeline000312 .fixed_scroll .close::before,
.Timeline000312 .fixed_scroll .close::after{ position:absolute; content:''; width:100%; height:3px; background:#333; left:0; top:50%; margin-top:-1.5px; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.Timeline000312 .fixed_scroll .close::after{transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.Timeline000312 .fixed_scroll .close:hover{ background:#ccc;}

.Timeline000312 .scroll-pane{ clear:both; height:326px; overflow:auto; margin-top:10px;}
.Timeline000312 .scroll-pane .info{ padding:0 15px;}
.Timeline000312 .jspContainer{overflow: hidden;position: relative;}
.Timeline000312 .jspPane{position: absolute;}
.Timeline000312 .jspVerticalBar{position: absolute;top: 0;right: 0;width: 16px;height: 100%;background: red;}
.Timeline000312 .jspHorizontalBar{position: absolute;bottom: 0;left: 0;width: 100%;height: 16px;background: red;}
.Timeline000312 .jspCap{display: none;}
.Timeline000312 .jspHorizontalBar .jspCap{float: left;}
.Timeline000312 .jspTrack{background:url(../images/Timeline000312-scrollbg.png) repeat-y center top #fff;position: relative;}
.Timeline000312 .jspDrag{background:url(../images/Timeline000312-handler.png) no-repeat center top;position: relative;top: 0;left: 0;cursor: pointer;}
.Timeline000312 .jspHorizontalBar .jspTrack,
.Timeline000312 .jspHorizontalBar .jspDrag{float: left;height: 100%;}
.Timeline000312 .jspArrow{background: #50506d;text-indent: -20000px;display: block;cursor: pointer;padding: 0;margin: 0;}
.Timeline000312 .jspArrow.jspDisabled{cursor: default;background: #80808d;}
.Timeline000312 .jspVerticalBar .jspArrow{height: 16px;}
.Timeline000312 .jspHorizontalBar .jspArrow{width: 16px;float: left;height: 100%;}
.Timeline000312 .jspVerticalBar .jspArrow:focus{outline: none;}
.Timeline000312 .jspCorner{background: #eeeef4;float: left;height: 100%;}




.ppdw{padding: 30px 0 80px;}
.ppdw .title{font-size: 32px;margin:0px 0 20px;font-weight: lighter;color: #000;text-align: center;}

@media(max-width:1024px){
.ppdw{padding: 0px 0 80px;}    
}





.Content .columnBrand{padding: 80px 0 20px;}
.Content .columnBrand li{float: left;width: 23.87%;margin-right: 1.5%;margin-bottom: 35px;}
.Content .columnBrand li:nth-child(4n){margin-right: 0%}
.Content .columnBrand li .pic{padding-bottom: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;margin-bottom: 15px;transition: 0.3s all}
.Content .columnBrand li .pic:hover{opacity: 0.7}
.Content .columnBrand li time{font-size: 14px;color: #999999;margin-bottom: 5px;display: block}
.Content .columnBrand li p{margin: 0;}
.Content .columnBrand li a{line-height: 22px;color: #000000;}
.Content .columnBrand li a:hover{border-bottom: 1px solid #000;}

@media(max-width:1024px){
.Content .columnBrand{padding: 80px 0 30px;;}
.Content .columnBrand li{width: 49%}
.Content .columnBrand li:nth-child(2n){margin-right: 0%}
}



/*.Page001360*/
.Page001360{ text-align:center;  padding:1% 0 80px;}
.Page001360 .Pages .p_cur,
.Page001360 .Pages .p_count,
.Page001360 .Pages .p_total,
.Page001360 .Pages .p_jump,
.Page001360 .Pages .a_first,
.Page001360 .Pages .a_next,
.Page001360 .Pages .a_prev,
.Page001360 .Pages .a_end{ display:none;}
.Page001360 .Pages em{ font-style:normal; }
.Page001360 .Pages em a{ padding: 8px 10px;color: #000000;font-size: 16px;font-weight: bold;   margin: 0 4px;}
.Page001360 .Pages em a:hover,
.Page001360 .Pages em a.a_cur{background: #f7f7f7;font-weight: normal;}
@media(max-width:640px){
.Page001360 .Pages em{ display:none;}
.Page001360 .Pages .a_next,
.Page001360 .Pages .a_prev{text-align:center;  display:inline-block; border-radius:3px; line-height:32px; border:1px solid #d0d0d0; padding:0 10px;}
.Page001360 .Pages .a_next{ background-color:#9b263d; color:#fff; border-color:#9b263d;}
}




.Branddetail{padding: 80px 0;min-height: 740px;}
.Branddetail .title{font-size: 32px;margin: 0 0 40px;font-weight: lighter;color: #000;text-align: center}
.Branddetail p{color: #000;line-height: 30px;}
@media(max-width:640px){
	.Branddetail{min-height: 500px;}
}




/*
 .RighInfo002275 为demo编号
 */

.RighInfo002275 .p,.RighInfo002275 .h2,{}
.RighInfo002275{padding: 8% 0}
.RighInfo002275 .text{margin-bottom: 30px}
.RighInfo002275 .text .title{font-size: 30px;color: #e4e4e4;font-weight: normal;margin-bottom: 20px;}
.RighInfo002275 .text .title span{font-weight: 700;}
.RighInfo002275 .text  h1{color: #9b263d;font-weight: lighter;}
.RighInfo002275 .text .p{font-size: 16px;color:#666;line-height: 38px; margin: 0; padding: 0;}
.RighInfo002275 .map{width: 100%;height: 200px;}
.RighInfo002275 .map #map{height: 100%;}
.RighInfo002275 .map img{max-width: none !important;}

@media screen and (min-width: 768px) {
	.RighInfo002275 .text{float: left;width: 45%;}
	.RighInfo002275 .map{float: right;width: 50%;height: 260px;}
}

@media screen and (min-width: 1024px) {
	.RighInfo002275 .auto{background: url(../images/RighInfo002275-contact_bg.png) no-repeat center;}
	.RighInfo002275 .map{float: right;width: 50%;height: 320px;}
	.RighInfo002275 .text .title{font-size: 52px;}
}

@media screen and (min-width: 1200px) {
	.RighInfo002275{padding:4% 0 5% 0}
	.RighInfo002275 .text .title{margin-bottom: 20px;margin-top: 0;}
	.RighInfo002275 .map{width: 700px;height: 460px;}
	.RighInfo002275 .text{width: 40%;}
}
.RighInfo002275 .code{margin-top: 10px;display: inline-block;text-align: center;}
.RighInfo002275 .code figure{max-width: 120px;margin: 0 auto;}
.RighInfo002275 .code span{font-size: 12px;padding-top: 10px;}

/*搜索*/
.TextList002322{padding: 100px 0;min-height: 500px}
.TextList002322 h3{font-size: 24px;color: #333;font-weight: normal;}
.TextList002322 .list li{ position: relative; padding: 10px 100px 10px 0; line-height: 22px;}
.TextList002322 .list li *{ color: #777;}
.TextList002322 .list li time{ position: absolute; right: 0; top: 10px; display: block;}
.TextList002322 .list li a{position: relative; display: block; width: 100%;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; padding-left: 15px; }
.TextList002322 .list li a:before{ display: table; content: ">"; position: absolute; left: 0; top: 0; height: 100%; width: 20px;}
.TextList002322 .list li a:hover{ color: #f75a53;}
@media only screen and (max-width:767px ) { 
.TextList002322{ padding: 20px 3%;} 
}