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

.Case{ width:1200px; height:60px; padding:0px; margin:0 auto;}
.Case h2{ color:#333333; font-size:26px; font-family:"微软雅黑"; float:left; height:60px; width:1200px; padding:15px 0;}
.Case span{ font-size:14px; font-family:"宋体"; padding-left:15px; font-weight:bold;}

.CaseCenter{ width:1200px; margin:0 auto; padding-bottom:40px;}
.CaseCenter ul{ width:1218px; overflow:hidden;}
.CaseCenter ul li{ float:left; width:226px; height:238px; margin-right:17.5px; margin-bottom:19px; background:#fff; display:inline;}
.cc{ float:left; padding:55px 0 0 65px;}
.cc01{ float:left; padding:55px 0 0 45px;}

.CaseBottom{ width:100%; overflow:hidden; border:1px solid #bebebe; border-width:1px 0 1px 0; padding-top:40px; padding-bottom:25px; background:#f6f6f6;}
.CaseBottom ul{ width:1200px; overflow:hidden; margin:0 auto;}
.CaseBottomMar01{ float:left; width:193px; height:192px; overflow:hidden;}
.mar45{ margin-right:43px;}
.CaseBottomMar03{ float:left; width:476px; padding-left:252px; height:192px; background:url(../images/ioc03.jpg) no-repeat left; overflow:hidden;}
.CaseBottomMar04{ float:left; width:476px; padding-left:252px; height:192px; background:url(../images/cc54.jpg) no-repeat left; overflow:hidden;}
.CaseBottomMar03 p,.CaseBottomMar04 p{ padding:27px 0; overflow:hidden; font-size:14px; font-family:"宋体"; line-height:33px; color:#333;}
.CaseBottomMar05{ float:left; width:476px; padding-left:252px; height:192px; background:url(../images/csacsa.jpg) no-repeat left; overflow:hidden;}
.CaseBottomMar05 p{ padding:38px 0; overflow:hidden; font-size:14px; font-family:"宋体"; line-height:38px; color:#333;}



.Trem01{ width:1200px; overflow:hidden;}
.Trem01 h2{ color:#333333; font-size:26px; font-family:"微软雅黑"; float:left; height:60px; width:1200px; padding:15px 0;}
.Trem01 h2 p{ height:30px; width:100%; float:left; text-align:center;}
.Trem01 h2 span{ font-size:14px; font-family:"宋体"; padding-left:15px; font-weight:bold;}
.Trem01 h2 a{ font-size:14px; font-family:"宋体"; width:100px; padding-left:15px; font-weight:800;}
.Trem01 h2 a:hover{ color:#0b1f64;}
.Trem01 h2 em{ font-size:14px; font-family:"宋体"; padding-left:15px; padding-right:15px;}
.Trem{ width:1200px; overflow:hidden;}
.Trem ul{ width:1220px; overflow:hidden;}
.Trem ul li{ float:left; width:224px; padding-right:20px; position:relative; height:223px; padding-bottom:20px;}
.wrap {width:224px; height:223px; position:relative; overflow:hidden; font-family:arial, sans-serif;}
.wrap img {display:block; max-width:224px;width:expression_r(width>224?”224px”:width+”px”);max-width: 224px;overflow:hidden;}
.wrap div {width:224px; height:223px; padding:300px 0 0 0; position:absolute; left:0; top:0; background:url(trans.gif);}
.wrap div a{ float:left; width: 204px; padding:130px 10px 30px 10px; text-align:center; height:63px; line-height:43px; color:#fff; background:url(../images/ccp.png) no-repeat top;}

@media (max-width: 768px){
.wrap img{padding: 10px;background-color: white;}
}

.More{ width:1200px; height:40px; margin-bottom:40px; margin-top:20px;}
.More a{ float:left; width:145px; height:40px;  background:#602c0d; text-align:center; line-height:40px; color:#fff; margin-left:527px;}

.wraps {width:221px; height:238px; position:relative; overflow:hidden; font-family:arial, sans-serif;border:2px #B7B7B7 double;}
.wraps img {display:block;}
.wraps div {width:226px; height:238px; padding:300px 0 0 0; position:absolute; left:0; top:0;}
.wraps div p{ width: 226px; position:relative; background:#000; text-align:center; height:238px; color:#fff; top:0; left:0;}
.wraps div p a{ filter:alpha(opacity=50);  
      -moz-opacity:0.5;  
      -khtml-opacity: 0.5;  
      opacity: 0.5;   width: 206px; padding:70px 10px 30px 10px; position:absolute; background:#000; text-align:center; height:138px; color:#fff; top:0; left:0; font-size:18px; font-family:"微软雅黑"; text-align:center;}
.wraps div p a em{ float:left; padding:0 70px; width:66px; padding-bottom:10px;}

.dsakj{ position:absolute; top:135px; text-align:center; width:226px; font-size:20px; font-family:"微软雅黑"; color:#5b250b;}
.dsakj p{ font-size:14px; color:#5b250b; font-family:Arial, Helvetica, sans-serif;}
.Case_dz{ width:1200px; overflow:hidden; margin:0 auto;}
.Case_dzTitle{ width:1200px; height:auto; background:#ac7d50; margin-bottom:50px;}
.Case_dzTitle h3{ color:#fff; font-size:26px; font-family:"微软雅黑"; font-weight:400; float:left; width:800px; line-height:60px;}
.Case_dzTitle ul{ float:left; width:400px; height:28px; padding:16px 0;}
.Case_dzTitle ul li{ float:left; width:113px; height:26px; border:1px solid #fff; margin:0 5px; text-align:center; line-height:26px; font-size:14px;}
.Case_dzTitleMar01{ float:left; width:113px; height:26px; background:#fff;}
.Case_dzTitleMar01:hover{ background:#2480da; color:#fff;}
.Case_dzCenter{ width:1200px; overflow:hidden; padding-bottom:60px;}
.Case_dzCenterLeft{ float:left; width:365px; overflow:hidden;}
.Case_dzCenterLeftTop{ width:365px; height:364px; overflow:hidden;}
.Case_dzCenterLeftWz{ width:363px; height:72px; border:1px solid #c0bebe; background:#fff; margin-top:-2px; text-align:center; font-family:"微软雅黑"; font-size:14px; line-height:35px;}
.Bold{ font-size:18px;}
.Case_dzCenterRight{ float:left; width:805px; padding-left:30px; font-family:"宋体"; font-size:14px; line-height:25px;}
.Case_dzBottom{ width:100%; overflow:hidden; border-top:1px solid #5b250b; padding-bottom:45px;}
.Case_dzBottom h3{ width:164px; height:50px; font-family:"微软雅黑"; font-size:24px; font-weight:400; color:#fff; margin-bottom:50px; text-align: center; line-height:50px; background:#5b250b; margin:0 auto;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}


/* Elastislide Style */
.container{ width:100%; padding-top:40px;}
.es-carousel-wrapper{ width:1040px;	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	height:255px;
	position:relative;
}
.es-carousel{ width:1040px; height:255px; overflow:hidden;
	overflow:hidden;
}
.es-carousel ul{
	display:none;
}
.es-carousel a:hover {text-decoration: none;}
.es-carousel ul li{
	width:350px;
	height:255px;
	float:left;
	display:block;
	
}
.es-carousel ul li a{
	font-family:"微软雅黑";
	display:block;
	width:320px;
	height:255px;
	border-style:solid;
	border-color:#222;
	background:#f1f1f1;
	margin-right:30px;
}
.es-carousel ul li a img{
	display:block;
	border:none;
	max-height:100%;
	max-width:100%;
}
.es-carousel ul li a b{ font-size:14px; line-height:0px; font-weight:400;}
.es-nav span{
	position:absolute;
	top:50%;
	left:-52px;
	background:transparent url(../images/nav.jpg) no-repeat top left;
	width:27px;
	height:51px;
	margin-top:-13px;
	text-indent:-9000px;
	cursor:pointer;
	opacity:0.8;
}
.es-nav span.es-nav-next{
	right:-32px;
	left:auto;
	background-position:top right;
}
.es-nav span:hover{
	opacity:1.0;
}
.w-bannercc{ width:auto; overflow:hidden; height:438px; /*background:url(../images/csac.jpg) no-repeat center #092265; min-width:1200px;*/}
.w-bannercctop{ width:1200px; overflow:hidden; padding-top:37px; height:90px; margin:0 auto;}
.w-bannercctop a{ float:left; margin-left:680px;}
.w-bannerccCenter{ width:1200px; margin:0 auto; height:270px;}
.bannerLeft,.bannerRIGHT{ background:#f3f3f3; width:428px; height:268px; border:1px solid #fff; float:left;}
.bannerLeftul{ float:left; width:103px; height:110px; border-right:1px solid #adadad; padding:79px 22px; background:#fff;}
.bannerLeftCenter{ width:240px; padding:20px; height:228px; float:left;}
.bannerLeftCenter li{ float:left; position:relative; width:240px; background:#fff; margin-bottom:10px; font-family:"宋体";}
.bannerLeftCenter li span a{ height:40px; float:left; padding:5px 10px; width:220px; line-height:20px;}
.bannerLeftCenter li span a:hover{ background:#5b250b; color:#fff;}
.submenu{ position: absolute; right:-320px; padding:4px 10px; top:0; text-align: left; width:300px; z-index:555; background:#2480da; color:#fff; display:none;}
.bannerCenter{ width:313px; height:268px; float:left; border:1px solid #fff; background:#f3f3f3; margin-left:12px;}
.bannerCentertul{ float:left; width:103px; height:110px; border-right:1px solid #adadad; padding:79px 22px; background:#fff;}
.bannerccCenter{ width:125px; padding:20px; height:228px; float:left;}
.bannerccCenter li{ float:left; position:relative; width:125px; background:#fff; margin-bottom:10px; font-family:"宋体";}
.bannerccCenter li span a{ float:left; padding:5px 10px; width:105px; line-height:20px;}
.bannerccCenter li span a:hover{ background:#5b250b; color:#fff;}
.mar10{ margin-left:13px;}
.bannerRIGHTUL{ float:left; width:133px; height:110px; border-right:1px solid #adadad; padding:79px 7px; background:#fff;}
.submenuq{ position: absolute; left:-320px; padding:4px 10px; top:0; text-align: left; width:300px; z-index:555; background:#2480da; color:#fff; display:none;}

.banner{ width:100%; margin:auto; overflow:hidden;height:100%; position: relative;}
.dv_5 .d1{ width:100%; overflow:hidden; display:block; position:absolute; left:0px; /*top:0px;*/}
.dv_5 .d1 img{display:block;margin-left: auto;margin-right: auto;}
.dv_5 .d2{ width:100%; height:30px; overflow:hidden; clear:both;position:absolute;z-index:100; left:0px; bottom:10px;}
.dv_5 .d2 table{ margin:auto; height:30px;}
.dv_5 .d2 table td{ padding:0px 3px 0px 3px;}
.dv_5 .d2 table div{ width:15px; height:15px; overflow:hidden; cursor:pointer; border-radius:50%; -moz-border-radius:50%; background:#FFF;}
.dv_5 .d2 table div.nuw{ background:#5b250b;}

.box{ width:0px; position:fixed; left:0; top:280px; width:98px; float:left; z-index:555;}
.bsox{ width:0px; position:fixed; left:0; top:280px; width:98px; float:left; z-index:555; font-family: "微软雅黑";}
.box ul li,.bsox ul li{ width:98px; margin-bottom:0px; overflow:hidden;}
.box ul li a,.bsox ul li a{ float:left; width:98px; height:48px; background:url(../images/cc012.png) no-repeat; background-position:0px -48px; line-height:48px; font-size:14px; color:#fff; text-align:center; cursor:pointer;}
.box ul li a:hover,.bsox ul li a:hover{background-position:0px 0px;}



.News{ width:100%; overflow:hidden; padding-top:10px; border-top:1px dotted #b9bccd; padding-bottom:50px;}
.NewsTop{ width:1200px; overflow:hidden; margin:0 auto; margin-bottom:30px;}
.NewsTop ul{ width:568px; padding:10px; border:1px solid #e5e5e5; float:left; overflow:hidden; background:#fff; margin-right:10px;}
.NewsTop ul a{ color:#151515;}
.NewsTopmar01{ width:100%; height:30px; font-size:14px; font-weight:bold;}
.NewsTopmar02{ width:568px; height:300px; overflow:hidden;}
.NewsTopmar02 a img {display:block; max-width:568px;width:expression_r(width>568?”568px”:width+”px”);max-width: 568px;overflow:hidden;}
.NewsTopmar03{ width:568px; overflow:hidden; line-height:20px; color:#353535; padding:10px 0;}
.NewsTopmar04{ width:568px; border-top:1px solid #f1f1f1; padding:10px 0;}
.NewsTopmar04left{ float:left; width:50%; color:#959595;}
.NewsTopmar04right{ float:right; width:50%; color:#959595;}
.Newscenter{ width:1200px; overflow:hidden; margin:0 auto;}
.Newscentersd{ width:1212px; overflow:hidden;}
.Newscenter ul a{ float:left; width:384px; padding:4px; background:#fff; height:65px; background:url(../images/vdg.jpg) no-repeat bottom; margin:0 12px 12px 0;}
.Newscenter ul a:hover{  background:url(../images/vdg.jpg) no-repeat top; color:#fff;}
.Newscenter ul a:hover .Newsleft{ color:#000;}
.Newsleft{ float:left; width:60px; height:44px; padding:10px 0; text-align:center; color:#fff;}
.Newsleft01{ font-size:18px;}
.Newsleft:hover{ color:#092265;}
.NewsRight{ float:left; padding:0 10px; font-family:"宋体"; overflow:hidden; width:304px;}
.NewsRight li{ height:30px; line-height:30px;    white-space: nowrap; overflow: hidden;}
.NewsRight li b{ font-size:14px;}

.page ul {  
    list-style-type: none; /* 移除默认的列表样式 */  
    padding: 0; /* 移除内边距 */  
    margin: 0 auto; /* 水平居中，但这通常用于块级元素，对于内联元素需要额外处理 */  
    display: flex; /* 使用Flexbox布局 */  
    justify-content: center; /* 水平居中子元素 */  
  }  
  
  .page ul a {  
    text-decoration: none; /* 移除链接的下划线 */  
    margin: 0 5px; /* 给链接之间添加一些间距 */  
    border-radius: 30px !important;/* 四边圆角 */  
  }  
  
  /* 可选：为当前页链接添加样式 */  
  .page ul a.hover {  
    font-weight: bold; /* 例如，将当前页链接加粗 */  
    color: #fff;
  } 

.page{ width:1200px; margin:0 auto; overflow:hidden; padding-top:30px;}
.page ul{ position:relative; left:0%; }
.next{ float:left; padding:6px 10px; margin:0 4px; background:#acacac; color:#fff;}
.cc{ float:left; padding:6px 10px; margin:0 4px; background:#333333; color:#fff; }
.cc:hover{ background:#ac7d50;color:#fff;}
.hover{float:left; padding:6px 10px; margin:0 4px; background:#ac7d50; color:#fff;}
.zhibo{ width:100%; overflow:hidden; padding-top:50px; border-top:1px dotted #c5c8d1; padding-bottom:50px;}
.zhiboCenter{ width:1200px; overflow:hidden;}
.zhiboCenterdasd{ width:1210px; overflow:hidden;}
.sdkakj{ float:left; width:565px; height:154px; padding:15px; margin-right:10px; margin-bottom:10px; background:#fff;}
.sdkakj a{ color:#000;}
.sdkakj a:hover{ color:#666;}
.zhiboleft{ float:left; width:260px; height:154px;}
.zhiboright{ float:left; padding-left:30px; width:275px; height:154px; overflow:hidden; font-family:"宋体";}
.zhiborightmar01{ width:260px; font-size:14px; height:28px;}
.zhiborightmar02{ width:260px; font-size:12px; height:22px;}
.zhiborightmar03{ width:260px; font-size:12px; height:30px; padding-top:5px;}
.zhiborightmar03 a{ float:left; padding-right:10px;}

.casepagetitle{ width:1200px; text-align:center; margin:0 auto; overflow:hidden; padding:30px 0 10px 0;}
.casepagetitle h3{ font-size:30px; font-weight:400;}
.casepagetitle ul{ overflow:hidden; text-align:center; padding-top:15px; font-size:14px;}
.casepagetitle ul a{ padding:0 15px; font-family:"宋体"; font-weight:bold; color:#333;}
.casepagetitle ul a:hover{ color:#092264;}
.CaseCenterPage{ width:1200px; overflow:hidden; margin:0 auto; padding-top:30px;  padding-bottom:50px;}
.CaseCenterPageeaul{ width:1212px; overflow:hidden; font-family:"宋体";}
.CaseCenterPageeauldiv{ float:left; width:606px; overflow:hidden;}
/*.CaseCenterPageeauldivs{ float:left; height:475px; width:561px; padding:17px; background:#fff; margin-bottom:10px; margin-right:10px; overflow:hidden;}*/
.CaseCenterPageeauldivs1{ float:left; height:474px; width:561px; padding:17px; background:#fff; margin-bottom:10px; margin-right:10px; overflow:hidden;}
.CaseCenterPageeauldivs:hover{ background:#ac7d50; color:#fff;}
.CaseCenterPagesad{ width:100%; overflow:hidden; height:26px; line-height:26px; padding-top:5px; font-size:14px;}
.CaseCenterPagesav{ width:100%; overflow:hidden; height:22px;}
.CaseCenterPageeaulcenter{ width:303px; float:left; overflow:hidden; margin-bottom:10px;}
.sda1{ float:left; width:259px; padding:17px; background:#fff; height:210px; margin-bottom:  10px;margin-right:  10px;}
.sda1:hover{ color:#ac7d50;}

.caserelation{
    width: 164px;
    overflow: hidden;
    float: left;
    display: inline;
    padding: 12px 2px 0 23px;
}
#zzsc{overflow:hidden;}
.sd{ position:relative; float:left; width:226px; height:238px;}
.sd img {transition: all 0.3s ease;}/* 设置图片链接的默认样式 */
.sd:hover img {opacity: 0.8;transform: scale(1.2);}/* 设置鼠标悬停在图片上的样式 */
.dsakj{ position:absolute; top:140px; left:0; width:226px; text-align:center;}
.dsakj B{ font-size:12PX; font-weight:400;}
#zzsc ul li{ width:226px; height:238px; margin-right:12px; border:2px solid #cccccc; margin-bottom:19px; background:#fff; overflow:hidden; float:left; position:relative;cursor:pointer;}
#zzsc ul li .text{ width: 226px;  height:0; overflow:hidden; position:absolute; left:0; bottom:0; background:rgba(51,51,51,1); font-size:12px; color:#fff;}
#zzsc ul li .text p{ position:absolute; width:226px; height:238px; z-index:555; background:rgba(51,51,51,0.5)}
#zzsc ul li .text p a{ float:left;text-align:left; color:#fff;  text-align:center; width:100%; font-size:18px; font-family:"微软雅黑";}
#zzsc ul li .text p b{ display:block; width:100%; text-align:center; background:url(/skin/images/sad1.png) no-repeat bottom; float:left; height:70px; padding:70px 0 0 0; margin-bottom:5px;}
#zzsc ul li .text p b a{text-indent:-9999px;}
.case_nav01{width:950px; margin:0 auto;}
.case_nav02{width:152px; margin:0 auto;}
.CaseCenterList{width:1212px;}
#top {
	background-image: url(../skin/images/top_background.gif);
    background-repeat: repeat-x;
    height: 29px;
    line-height: 29px;
	}
	
.wrapper {
	width: 1200px;
    clear: both;
    margin: 0 auto;	
}

@media (max-width: 768px){
    .wrapper {
	width: 100%;
    clear: both;
    margin: 0 auto;	
}
  .Trem,.Trem01,.Trem01 h3,.Trem ul,.Case{
      width: 100%;
  } 
    .Trem ul li{
    width: 50%;
    margin-right:0px;
    box-sizing: border-box;
    margin-bottom:10px;
}
.More a{
    margin:10px auto;
    display: block;
    float:none;
}
.More{
    width: 100%;
    text-align: center;
}
 
   .wrapper {
	width: 100%;
    display: none;
}
.w-bannercc {
    width: 100%;
    overflow: hidden;
    height: 412px;
}
.Case_dz{width:100%;}
.page{width:100%;padding:0}
.page ul{/* left: 8%; *//* width: 98%; *//* display:block; */margin:0 auto}
.Case_dzTitle{
    width:100%;
}
.Case_dzCenter{
    width: 100%;
    margin-bottom:20px;
}
.Case_dzCenterLeft,.Case_dzCenterRight{
    width: 100%;
    float:none;
    text-align: center;
}
.Case_dzCenterLeftTop,.Case_dzCenterLeftWz{
    display: block;
    margin: 0 auto;
}
.CaseCenter{
    width: 100%;
    padding:0 2px;
}
.CaseCenter ul{
    width: 100%;
}
#zzsc ul li{
    width: 40%;
    height:100%;
    margin:6px 5%;
    float:left;
    box-sizing: border-box;
}
.case_nav01,.case_nav02{
    width: 100%;
}
.CaseCenter .sd{
    display: block;
    width: 100%;
    height: 100%;
}
.CaseCenter .sd img{
    width: 100%;
}
.dsakj{
    top:110px;
    left: 0;
    width: 100%;
    text-align: center;
}
.CaseCenterPage,.casepagetitle{
    width:100%;
}
.CaseCenterPageeauldivs1{
    display: none;
}
.CaseCenterList{
    width:100%;
}
.CaseCenterPageeaulcenter{
    width: 50%;
}
.sda1{width:100%;padding:6px}

}






