﻿@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{text-decoration: none;  color: #000000}
.conten_top_right1{ width: 100%;height: 338px;background-color: #e5e5e5; margin-top: 47px; border: 1px solid #c9c9c9;}
.conten_top_right2{width: 100%;height: 52px;}
.conten_top_right2 span{ float: left; margin-left: 14px; margin-top: 28px;}
.conten_top_right2 label{ float: right;margin-right: 27px; margin-top: 28px;}
.conten_top_right3{width: 100%;height: 259px;border-top: 1px solid #844713; margin: 0 auto; font-size: 13px;}
.conten_top_right3 ul{ margin-top:21px;}
.conten_top_right3 ul li{ margin-bottom: 8px;}
.conten_top_right4{margin-top:9px;}
.conten_top_right1 a{ text-decoration: none; color: #000000;}

.conten_center_right1{width: 100%; height: 35px;border-bottom: 1px solid #cec7c6; margin-left: 3px; color: #844916; }

.conten_top_left1{width: 100%; height: 20px; margin:10px; padding:10px 0px;}
.conten_top_left1 a{color: #000000; }
.conten_top_left span{  float: left;}
.conten_top_left label{  float: right; margin-right: 50px; font-weight: normal;}

.banner_con1{width: 100%; height: 250px; background-color:  #e5e5e5; margin-top: 10px;}
.conten_top_left1{width: 100%; height: 191px; margin-left: 7px; border-bottom: 1px solid #dfcfc2;}
.conten_top_left1 a{ color: #000000;}
.conten_top_left2{width: 40%; height: 190px; float: left;}
.conten_top_left2 img{width: 100%; height: 190px;}
.conten_top_left3{width: 100%; height: 150px;  padding-right: 10px; overflow: hidden; }
.conten_top_left3 h3{ margin:10px 0 20px 0; font-size: 16px; }
.conten_top_left4{ float: right;width: 50%; height: 190px;  }
.conten_top_left5 a{float: right; color: #ccc; margin-right: 10px;}
.banner_con7{ display: none;}


.conten_cr{ width: 42%; text-align: center; display: inline-block;margin: 27px 10px 0px 10px;}
.conten_cr img{ display: block;max-width: 100%;}
.conten_cr div{ margin-top: 10px;}
.conten_cr a{ text-decoration: none; color: #000000;}

.pato{width: 100%; height: 30px;   margin-left: 10%; margin-top: 50px;}
.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_top_left{ width: 855px; height:auto;  float: left; }
.conten_top_left1{width: 835px; height:auto;  border-bottom: 1px solid #dfcfc2; padding:15px 0px;}
.conten_top_left1 a{ color: #000000;}
.conten_top_left2{width: 240px; height: 190px; float: left;}
.conten_top_left2 img{width: 240px; height: 190px;}
.conten_top_left3{width: 568px; height: 190px;  float: left;  margin-left: 20px; }
.conten_top_left3 h3{ margin:10px 0 20px 0; }
.conten_top_left5 a{display: none;}

.conten_top_right{ width: 247px;height: 1147px;  float: left; } 
.conten_top_right1{ width: 245px;height: 338px;background-color: #e5e5e5; margin-top: 27px; border: 1px solid #c9c9c9;}
.conten_top_right2{width: 245px;height: 52px;}
.conten_top_right2 span{ float: left; margin-left: 14px; margin-top: 28px;}
.conten_top_right2 label{ float: right;margin-right: 27px; margin-top: 28px;}
.conten_top_right3{width: 228px;height: 259px;border-top: 1px solid #844713; margin: 0 auto; font-size: 13px;}
.conten_top_right3 ul{ margin-top:21px;}
.conten_top_right3 ul li{ margin-bottom: 8px;}
.conten_top_right4{margin-top:9px;}
.conten_top_right1 a{ text-decoration: none; color: #000000;}

.conten_center_right1{width: 885px; height: 35px;border-bottom: 1px solid #cec7c6; margin-left: 3px; color: #844916; }
.conten_cr{ width: 264px; text-align: center; display: inline-block;margin: 27px 10px 0px 10px;}
.conten_cr img{width: 264px;}
.conten_cr div{ margin-top: 10px;}
.conten_cr a{ color: #000000;}
.pato{width: 932px; height: 30px;   margin-left: 255px; margin-top: 88px;}
.pat{width: 56px; height: 30px; border: 1px solid #cdcdcd; display: block; float: left; text-align: center; line-height: 30px;  margin-left: 5px;}


.banner_con1{width: 245px; height: 370px; background-color:  #e5e5e5; margin-top: 20px;}
.banner_con2{width: 245px; height: 48px;background-color: #ff1500;}
.banner_con2 img{ margin-top: -5px;}
.banner_con3{width: 245px; height: 133px;}
.banner_con3_t1{width: 93%;}
.banner_con3_t2{width: 93%;}
.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;}
} 