@charset "utf-8";
/* CSS Document */

.main_wrap{width:100%; padding-top:37px;}
.m6{width:960px; margin:0 auto;}

.m6_title{width:960px; background:url(../images/kose_china/line.jpg) bottom center no-repeat; line-height:30px; overflow:hidden;}
.m6_title h3{font-size:16px; color:#575757; font-family:"寰?蒋??榛?"; float:left; font-weight:normal;}
.breadcrumb{ float:right; font-size:12px;}
.breadcrumb a{ color:#575757; line-height:30px;}
.breadcrumb a:hover{ color:#0b5db7;}
.breadcrumb a.active{ color:#0b5db7;}

.m6_content{width:960px; overflow:hidden;}
.left_nav{width:135px; float:left;}
.left_nav ul{ overflow:hidden;}
.left_nav ul li{width:126px; float:left; line-height:40px; padding-left:9px; border-bottom:1px dashed #e5e5e5;}
.left_nav ul li a{ color:#575757; font-size:12px;}
.left_nav ul li a:hover{ color:#0b5db7; font-size:12px;}
.left_nav ul li a.active{ color:#0b5db7; font-size:12px;}

.right_news{width:795px; float:right; }
.right_news h3{width:795px; line-height:20px; font-size:12px; color:#575757; padding-top:19px; font-weight:normal;}
.hot_offers{width:793px; padding:14px; background:#f4f8fc; border:1px solid #e8edf2; margin:4px 0 15px 0; overflow:hidden;}
.offers_ul{width:829px;}
.offers_ul li{width:364px; margin-right:36px; float:left; font-family:"Arial","寰?蒋??榛?";}
.offers_ul li img{ border:1px solid #c0cad3; float:left;}
.offers_ul li p{float:left; padding:17px 0 0 19px; width:199px; line-height:20px; font-size:12px; color:#8c8c8c;}
.offers_ul li p span{width:199px; line-height:22px; font-size:13px; font-weight:normal; color:#0b5db7;}
.offers_ul li p span a{color:#0b5db7;}
.offers_ul li p span a:hover{ color:#0b5db7; text-decoration:underline;}

.brand_news{width:795px; height:29px; background:#f4f8fc; line-height:29px; font-size:12px; color:#575757; overflow:hidden; margin-top:9px;}
.brand_news .p1{width:104px; float:left; text-align:center;}
.brand_news .p2{width:104px; float:left; text-align:center; padding:0 227px 0 234px;}
.brand_news .p3{width:104px; float:left; text-align:center; padding:0 0 0 5px;}
.brand_news span{ float:left;}

.news_list{width:795px; overflow:hidden;}
.news_list li{width:748px; float:left; padding:12px 15px 12px 32px; border-bottom:1px solid #ebebeb; font-family:"Arial","寰?蒋??榛?";}
.news_list li img{ border:1px solid #b8c3cd; float:left;}
.news_list li a.news{ width:557px; float:left; line-height:40px; color:#8c8c8c; font-size:12px; padding:0 10px 0 49px;}
.news_list li a:hover{ color:#383838; text-decoration:underline;}
.news_list li span{ width:90px; float:left; line-height:40px; color:#8c8c8c; font-size:12px; text-align:center;}
.news_list .li_border{width:748px; float:left; padding:12px 15px 12px 32px; border-bottom:2px solid #ebebeb; font-family:"Arial","寰?蒋??榛?";}

.news_fy{width:795px; overflow:hidden; padding-top:26px; margin-bottom: 30px;}
.fy_box{width:100%; text-align:center; font-family:"Arial","寰?蒋??榛?";}
.fy_box .a1{width:13px; height:13px; background:url(../images/kose_news/fenye.png) 0 -6px no-repeat; display:inline-block; margin:5px 5px 0 0; text-indent:-9999px;}
.fy_box .a2{width:13px; height:13px; background:url(../images/kose_news/fenye.png) 0 -25px no-repeat; display:inline-block; margin:0 5px 0 0;  text-indent:-9999px;}
.fy_box .a3{width:13px; height:13px; background:url(../images/kose_news/fenye.png) -13px -6px no-repeat; display:inline-block; margin:0 5px 0 0; text-indent:-9999px; }
.fy_box .a4{width:13px; height:13px; background:url(../images/kose_news/fenye.png) -13px -25px no-repeat; display:inline-block; text-indent:-9999px;}
.fy_box a{width:13px; color:#8c8c8c; font-size:14px; text-align:center; margin:0 5px 0 0; line-height:14px;}
.fy_box a:hover{ color:#0b5db7;}
.fy_box a.active{color:#0b5db7;}



@media screen and (max-width:800px){
.m6{ width: 98%;}  
.m6_title{ width: 100%;}
.left_nav{ width: 100%; margin-bottom: 20px;}
.right_news{ width: 100%;}
.right_news h3{ width: 100%;}
.hot_offers{ width: 100%;}
.offers_ul{ width: 100%;}
.offers_ul li{ width: 96%; margin:0 auto 20px;}
.brand_news{ width: 100%;}
.news_list{ width: 100%;}
.news_list li{ width: 92%; padding: 2% 4%;}
.news_fy{ width: 100%;}
.m6_content{ width: 100%;}
.news_list li a.news{ width: calc(100% - 150px); padding-left: 10px; line-height: 1.8;}

}