﻿@media screen and (min-width:320px) and (max-width:767px){
.conten_top{width: 100%;  height: 24px; border-bottom: 1px solid #bdbdbd;  margin-top: 10px;}
.conten_top a{ color: #000000}

.conten_center_left1{width: 100%; background-color: #efece8; margin-top: 10px; }
.conten_center_left1 p{ font-weight: bold; font-size: 14px; padding-top: 17px; padding-left: 23px;}
.conten_center_left1 strong{ font-size:18px; color: #cdb090;padding-left: 21px;}
.conten_center_left1_line{width: 100%; height: 10px;   background-color:#efece8; }
.conten_center_left2{width: 100%; background-color: #ffffff; margin-left: 5px; margin-top: 0px;}
.conten_center_left2 div{ margin-left: 20px; height: 57px; line-height: 57px;}
.conten_center_left3{width: 95%; height: 1px; background-color:#cfcfcf;  margin-left: 20px; display: block;}
.conten_center_left2  a{text-decoration: none;  color: #000000; }
.banner_con1{width: 100%; height: 250px; background-color:  #e5e5e5; margin-top: 10px;}
.banner_con2{width: 100%; height: 48px;background-color: #ff1500;}
.banner_con2 img{ margin-top: -5px;}
.banner_con3{width: 100%; height: 133px;}
.banner_con7{ display: none;}

.conten_top_left1{width: 100%; height: 20px;  margin-top: 18px; margin-left: 5px;}
.conten_top_left1 span{  float: left;}
.conten_top_left1 label{  float: right; margin-right: 50px; font-weight: normal;}

.conten_center_right1{ width: 100%; height: 214px; border:1px solid #aaaaaa; padding-top: 12px; padding-left: 14px; margin-bottom: 15px;}
.conten_center_right1 a{ text-decoration: none; color: #000000;}
.conten_center_right2{width: 50%; height: 187px; float: left;}
.conten_center_right2 img{ width: 100%; display: block;}
.conten_center_right3{ float: right;width: 45%;  height: 150px;/* overflow:hidden; text-overflow:ellipsis; */   }
/*width: 120px; height: 50px; border: 1px solid blue; 
            overflow: hidden; text-overflow:ellipsis*/
.conten_center_right4{width:100%;height: 150px; white-space:normal;overflow:hidden;text-overflow:ellipsis;}
.conten_center_right5{ float: right; margin-right: 10px; margin-top: 10px;color: #ccc}
.conten_center_right3 h2{ font-size: 16px;}
.conten_center_right3 span{ line-height: 26px; margin-top: 10px; display: block;}
.pato{width: 100%; height: 30px;   margin-left: 10%;}
.pat{width: 56px; height: 30px; border: 1px solid #cdcdcd; display: block; float: left; text-align: center; line-height: 30px;  margin-left: 5px;}
}
@media screen and (min-width:768px) and (max-width:1200px){

} 
@media ( min-width: 1200px){
.conten_top{width: 1100px;  height: 24px; border-bottom: 1px solid #bdbdbd;  margin-top: 10px;}
.conten_top a{ color: #000000}
.conten_center{width: 1200px; height: auto; margin-top: 22px; }
.conten_center_left{width: 253px; height: auto; float: left;}
.conten_center_right{width: 857px; height:auto; float: left;}
.conten_center_left1{width: 253px; background-color: #efece8; }
.conten_center_left1 p{ font-weight: bold; font-size: 18px; padding-top: 17px; padding-left: 23px;}
.conten_center_left1 strong{ font-size:24px; color: #cdb090;padding-left: 21px;}
/*.conten_center_left2{width: 242px; height: 106px;background-color: #ffffff; margin-left: 5px; margin-top: 10px;padding-top: 32px;}
.conten_center_left2 div{ margin-left: 20px; }*/
/* .conten_center_left3{width: 179px; height: 1px; border:1px solid #cfcfcf; margin-left: 20px; margin-top: 16px; margin-bottom: 23px;} */
.conten_center_left img{margin-top: 11px;}
.conten_center_right1{width: 830px; height: 214px; border:1px solid #aaaaaa; padding-top: 12px; padding-left: 14px; margin-bottom: 15px;}
.conten_center_right1 a{ text-decoration: none; color: #000000;}
.conten_center_right2{width: 229px; height: 187px; float: left;}
.conten_center_right2 img{width: 229px; height: 187px;}
.conten_center_right3{ float: right; width: 554px; height: 214px; padding-right:15px;}
.conten_center_right3 h2{ font-size: 18px;}
.conten_center_right3 span{ line-height: 26px; margin-top: 20px; }
.conten_center_right5{ display: none;}
.pato{width: 932px; height: 30px;   margin-left: 255px;}
.pat{width: 56px; height: 30px; border: 1px solid #cdcdcd; display: block; float: left; text-align: center; line-height: 30px;  margin-left: 5px;}


.conten_center_left1_line{width: 253px; height: 10px;   background-color:#efece8; }
.conten_center_left2{width: 242px; background-color: #ffffff; margin-left: 5px; margin-top: 0px;}
.conten_center_left2 div{ margin-left: 20px; height: 57px; line-height: 57px;}
.conten_center_left3{width: 179px; height: 1px; background-color:#cfcfcf;  margin-left: 20px; display: block;}
.conten_center_left2  a{  color: #000000; }


.banner_con1{width: 253px; height: 350px; background-color:  #e5e5e5; margin-top: 20px;}
.banner_con2{width: 253px; height: 48px;background-color: #ff1500;}
.banner_con2 img{ margin-top: -5px;}
.banner_con3{width: 253px; height: 133px;}
.banner_con3_t1{width: 93%;}
.banner_con3_t2{width: 93%;}
.banner_con6{margin-top: 20px;}
.banner_con5 a{display:block;padding-top:10px;}
.friend_h1{width: 1170px;}
.content{background-color: #ffffff;}
.s1{background-color: #ffffff; width:1170px;}
.san2 li{ float: left;width: 15%; height: 57px; border: 1px solid #d7d7d7; margin-left: 10px;margin-right: 0px; }
.san1{ font-size: 16px;  line-height: 50px; margin-left: 1px;}
.san2{margin-left: -9px;}
} 







