@charset "UTF-8";
/* Scss Document */
@import url(../css/base.css);

.banner-s{width:100%; background:#000000 url(../images/banner-s.jpg) no-repeat center top; float:left; text-align:center; position:relative;}
.banner-s img{width:100%;}
.menu-s{width:100%; height:50px; line-height:50px; background:#d2d2d2; font-size:18px;}
.menu-s li a{display:block; float:left; padding:0 21px; font-family:"Microsoft YaHei"; font-weight:bold;}
.menu-sxz{background:url(../images/nav-xz.jpg) repeat-x;}
.sy-main{width:100%; background:url(../images/bg.jpg) repeat center top; float:left; min-height:500px; padding-top:100px;}
.sy-left{width:826px; float:left;}
.sy-left-top{width:100%;height:66px;float:left;background:url(../images/s1.png) no-repeat center bottom;background-size:100%;text-align:center;}
.list-title{background:url(../images/bg-1.png) no-repeat center top; font-size:30px; font-family:"Microsoft YaHei"; line-height:66px; color:#321e00; font-weight:bold; margin:0 auto; width:363px;}
.sy-left-middle,.sy-left-middlelist,.sy-left-list,.sy-left-content{width:calc(100% - 120px); padding:40px 60px; height:auto; float:left; background:url(../images/s2.png) repeat-y; background-size:100%;}
.sy-left-middle p,.con p{text-indent:2em; line-height:36px!important; font-size:16px!important; color:#eaddcb!important; font-family:'YouYuan',"Microsoft YaHei"!important;}
.sy-left-foot{width:100%; height:34px; float:left; background:url(../images/s3.png) no-repeat; background-size:100%;}
.sy-left-top h3{display:block; margin:0 auto; width:100%}
.sy-right{width:327px; float:right;}
.sy-right-top{width:100%; height:66px; float:left; background:url(../images/s4.png) no-repeat center bottom; text-align:center;background-size:100%;}
.sy-right-middle,.sy-right-middlelist{width:calc(100% - 32px); padding:0 16px 0; height:auto; float:left; background:url(../images/s5.png) repeat-y; background-size:100%;}
.sy-right-toplist{width:100%; height:66px; float:left; background:url(../images/gjld.png) no-repeat center bottom; text-align:center;background-size:100%;}

.sy-right-middlelist ul,.sy-left-middlelist ul{width:100%;}
.sy-right-middlelist li,.sy-left-middlelist li{display:block; float:left; padding:15px 0; overflow:hidden; text-overflow:ellipsis; width:100%; font-size:16px; border-bottom:1px solid rgba(218,181,129,0.2);color:#eaddcb;}
.sy-right-middlelist li a,.sy-left-middlelist li a{color:#eaddcb;}



.sy-right-foot{width:100%; height:34px; float:left; background:url(../images/s6.png) no-repeat; background-size:100%;}
.sy-left-middle p img{display:block; margin:0 auto; width:200px!important; height:auto!important;}
.dl-menuwrapper{display:none;}
.bcon{ width:263px; margin:30px auto;}
.list_lh{ height:1295px; overflow:hidden;}
.list_lh li{width:263px; height:178px; overflow:hidden; margin-bottom:25px;text-align:center}
.list_lh li img{max-width:263px; max-height:178px; -webkit-filter: grayscale(1); /* Webkit */
         filter: gray; /* IE6-9 */  
         filter: grayscale(1); /* W3C */}
.banquan{width:1200px; margin:20px auto; text-align:center; font-size:14px; color:#eaddcb; line-height:80px;}
.sy-right-phone{float:left; display:none; background:url(../images/s5.png) repeat-y; background-size:100%;}
.sy-phone{display:none;}

.sy-left-middle li{width:48%; margin-bottom:20px; margin-right:4%;}
.sy-left-middle li:nth-child(2n){margin-right:0;}
.sy-left-middle li img{width:100%; -webkit-filter: grayscale(1); /* Webkit */
         filter: gray; /* IE6-9 */  
         filter: grayscale(1); /* W3C */}
.list_lw { overflow:hidden;} 
.list_lw ul li,.list_lw ul li div { float:left;line-height:25px;overflow:hidden;padding:10px;} /* 横向滚动必须让所有li左浮动 */
.sy-left-list li{width:100%; height:50px; line-height:50px; border-bottom:1px solid rgba(218,181,129,0.2);}
.sy-left-list li a{display:block; float:left; height:50px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:calc(100% - 120px); font-size:16px; color:#eaddcb;}
.sy-left-list li span{display:block; float:right; font-size:14px; color:rgba(234,221,203,0.6);}
.sy-left-content h3{width:100%; text-align:center; font-size:24px; color:#eaddcb; margin:20px 0 30px;}
.con{width:100%; min-height:710px;}
.con_lh{height:800px;}
.spzp{width:160px!important;}
.sy-left-list ul{width:100%;}
.con img,.con p img{display:block; max-width:80%; margin:0 auto;  -webkit-filter: grayscale(1); /* Webkit */
         filter: gray; /* IE6-9 */  
         filter: grayscale(1); /* W3C */}
		 
		 
		 
/******20200218*********/		 
.wid100{width:100%; margin-bottom:50px; float:left;}











@media screen and (max-width: 1200px){
.menu-s{font-size:16px;}
.menu-s li a{padding:0 9px; font-weight:normal;}	
.wid1200,.banquan{width:calc(100% - 30px); padding:20px 15px;}
.sy-left{width:67%;}
.sy-right{width:30%;}
.sy-main{padding-top:60px;}
}
@media screen and (max-width: 1000px){
.menu-s li a{padding:0 11px;}
.menu-s{font-size:15px;}
.sy-main{padding-top:40px;}
.bcon{width:100%;}
}

@media screen and (max-width: 900px){
.menu-s li a{padding:0 8px;}	
.menu-s li:first-child{display:none;}	
}

@media screen and (max-width: 800px){
.menu-s li a{padding:0 6px;}	

}

@media screen and (max-width: 768px){
.menu-s,.sy-right,.sy-left-list li span{display:none;}
.dl-menuwrapper,.sy-phone{display:block!important;}
.sy-main{padding-top:20px;}
.sy-left{width:100%;}
.banquan{width:calc(100% - 30px); padding:20px 15px;}
.sy-left-top img{width:250px; height:auto; margin-top:-15px;}
.sy-left-middle, .sy-left-list, .sy-left-content,.sy-right-phone{width:calc(100% - 30px); padding:30px 15px;}
.sy-left-middlelist{width:calc(100% - 20px); padding:0 10px;}
.sy-left-middle p, .con p{line-height:30px; font-size:15px;}
.banquan{margin:0; line-height:30px;}
.list-title{background-size:70%; line-height:40px; font-size:18px; width:100%;}
.sy-left-list ul,.sy-left-list li a{width:100%;}
.sy-left-list, .sy-left-content{padding:10px 15px;}
.sy-left-content h3{font-size:20px;}
.sy-left-list li a{font-size:15px;}
}