/* 全局统一样式 放到最顶部，解决IE盒模型错乱 */
*{ 
    margin:0; 
    padding:0; 
    list-style:none; 
    text-decoration:none; 
    font-family:"Microsoft Yahei",SimSun,SimHei; 
    box-sizing: border-box;
}
body{ 
    margin:0px auto; 
    padding:0px; 
    font-size:12px; 
    background:url(../images/bj.gif) repeat-x top #ffffff; 
    font-family:"微软雅黑"
}
img{ border:0px; margin:0px auto;}
.im{ display:block;}
/* 降低全局a标签权重，避免覆盖局部链接样式 */
a:link,a:visited{ color:#333333; text-decoration:none;}
a:hover{ color:#FF0000}

#box,#top,#banner,.ban,#main,#foot{ width:1400px; margin:0px auto; overflow:hidden;}
#box{ width:100%; overflow:hidden;}
#top{ height:110px; background:url(../images/logo.jpg) no-repeat top left;}
#main{ overflow:hidden; padding-bottom:10px; padding-top:5px;}
#banner{ width:100%; height:800px;}
.ban{ width:100%; height:400px;}
#foot{ width:100%; height:350px; background:url(../images/ft.jpg) no-repeat center top;}

/* IE7清除浮动公共类 */
.clearfix {
    clear: both;
    height: 0;
    font-size: 0;
    overflow: hidden;
}

/* 外层导航容器 取消flex 浮动布局兼容IE7 */
.nav-list {
    width: 940px;
    margin-left: 460px;
    height: 100%;
    overflow: hidden; /* IE7高度塌陷兜底 */
    zoom: 1; /* IE7触发hasLayout */
}

/* 导航单项：浮动横向排列，取消flex */
.nav-item {
    width: 133px;
    height: 100%;
    float: left; /* IE7横向布局核心 */
    text-align: center; /* 文字水平居中 */
    cursor: pointer;
    zoom: 1; /* IE7触发布局渲染 */
}

/* 激活项背景文字色 */
.nav-item.active {
    background-color: #0066cc;
}
.nav-item.active .en,
.nav-item.active .cn {
    color: #fff;
}

/* 英文小字样式 */
.nav-item .en {
    font-size: 13px;
    opacity: 1;
    margin-bottom: 3px;
    color: #b3b5b5;
    line-height: 34px;
    display: block; /* IE7块级独占一行 */
}

/* 中文大字样式 */
.nav-item .cn {
    font-size: 15px;
    color: #454545;
    font-weight: bold;
    font-family: "宋体";
    display: block; /* IE7强制分行 */
}

/* a标签重置 取消flex，块级居中 */
.nav-item a {
    color: inherit;
    text-decoration: none;
    display: block;
    height: 100%;
    padding-top: 20px; /* 垂直居中微调，可根据实际导航高度修改数值 */
    box-sizing: border-box;
}

/* IE7不支持:not() 分开写hover，非激活项hover变色 */
.nav-item:hover {
    background-color: #88ccff;
}
.nav-item.active:hover {
    background-color: #0066cc; /* 激活项hover不改变背景 */
}

/* ========== 轮播大图专用样式 兼容IE ========== */
.clearfix { height:0; font-size:0; overflow:hidden; clear:both; }

/* 外层轮播容器 */
.banner-wrap {
    width: 100%;
    height: 800px;
    overflow: hidden;
    position: relative;
    zoom: 1;
    z-index: 1;
}

/* 滑动容器 */
.banner-list {
    width: 300%;/*几张图就是百分之几百*/
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    zoom: 1;
    z-index: 2;
}

/* 单张轮播图 */
.banner-item {
    width: 33.3333%;/* 几张图就是100除几 */
    height: 100%;
    float: left;
    background-size:100% 100%;
    background-repeat:no-repeat;
    background-position:center;
}

/* 圆点容器 table布局 */
.banner-dot {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 10;
}
.banner-dot table {
    margin: 0 auto;
    border-collapse: collapse;
    border: none;
}
.banner-dot td {
    padding: 0 5px;
    border: none;
}
.dot {
    width: 12px;
    height: 12px;
    background: #fff;
    filter: alpha(opacity=50);
    cursor: pointer;
}
.dot.active {
    filter: alpha(opacity=100);
    background: #0066cc;
}

/* 左右按钮 z-index999绝对不会被遮挡 */
.banner-btn {
    width: 40px;
    height: 60px;
    background: #333;
    color: #fff;
    font-size: 24px;
    line-height: 60px;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    cursor: pointer;
    z-index: 999;
	  /* 标准通用：Chrome/360极速/搜狗极速/Edge/Firefox 全部生效 */
  opacity: 0.4;
  /* 旧火狐兼容（可保留） */
  -moz-opacity: 0.4;
  /* IE6~8 兼容模式专用（极速模式会自动忽略这行，不冲突） */
  filter: alpha(opacity=40);
  /* IE8 补充兼容 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}
.banner-btn:hover {
      /* 标准通用：Chrome/360极速/搜狗极速/Edge/Firefox 全部生效 */
  opacity: 1;
  /* 旧火狐兼容（可保留） */
  -moz-opacity: 1;
  /* IE6~8 兼容模式专用（极速模式会自动忽略这行，不冲突） */
  filter: alpha(opacity=100);
  /* IE8 补充兼容 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.prev { left: 20px;}
.next { right: 20px;}

/* IE7清除浮动公共类 必备 */
.clearfix {
    clear: both;
    height: 0;
    font-size: 0;
    overflow: hidden;
}

/* 底部外层容器 取消flex，浮动三栏布局 */
.footer-main{
    width:1400px;
    margin:45px auto auto auto;
    height:200px;
    color:#000;
    zoom: 1; /* IE7触发hasLayout解决高度塌陷 */
}

/* 左侧联系区域 左浮动 */
.footer-left{
    width:450px;
    float: left;
}
.hotline-title{
    font-size:22px;

}
/* 取消flex垂直居中，改用行高对齐图标文字 */
.hotline-num{
    font-size:28px;
    margin-bottom:10px;
}
.hotline-num i{
    display: inline-block;
    vertical-align: middle;
    margin-right:8px;
}
.hotline-num img{
    vertical-align: middle;
}
.contact-item{
    font-size:16px;
    line-height:1.5;
    margin:3px 0;
}
.footer-logo-box{
    width:359px;
    margin-top:0px;
	    margin-bottom:10px;
}
.footer-logo-box img{
    width:344px;
}

/* 中间导航区域 左浮动，内部栏目float横向排列 */
.footer-middle{
    width:730px;
    float: left;
    zoom:1;
}
.footer-middle .col{
    width:120px;
    float: left;
    margin-right:50px;
}
.footer-middle .col:last-child{
    margin-right:0;
}
.col h3{
    font-size:22px;
    font-weight:normal;
    margin-bottom:20px;
}
.col ul{
    margin:0;
    padding:0;
    list-style:none;
}
.col li{
    font-size:14px;
    line-height:2.1;
}
/* IE7不支持opacity，使用alpha滤镜实现透明文字 */
.col li a{
    color:#fff;
    filter: alpha(opacity=92);
    text-decoration:none;
}
.col li a:hover{
    filter: alpha(opacity=100);
    text-decoration:underline;
}

/* 右侧二维码 左浮动 */
.footer-right{
    width:220px;
    float: left;
    text-align:center;
}
.qrcode-box{
    width:150px;
    height:150px;
    background:#fff;
    margin:0 auto 15px;
}
.qrcode-desc{
    font-size:18px;
}

/* 底部版权栏 */
.footer-copyright{
    width:1400px;
    height:60px;
    margin:0px auto;
    border-top:1px solid #1789c5;
    color:#e6f5ff;
    font-size:14px;
    padding-top:20px;
    line-height:1.8;
	clear:both;
}
.footer-copyright p{
    margin:0;
}







/* 基础重置 */
* { margin: 0; padding: 0; box-sizing: border-box; }

.intro-wrap { 
    width: 1400px; 
    margin: 0 auto; 
    padding: 10px;
    /* 关键：触发IE7的hasLayout，让父级能正确包含浮动子元素 */
    zoom: 1; 
    overflow: hidden; 
}

/* --- 左侧区域 --- */
.intro-left { 
    float: left;
    display: inline; /* 修复IE7浮动双倍边距Bug */
    position: relative;
    
    /* 关键修正：IE7不支持border-box，padding会增加总宽度。
       原宽977，左右padding共50，边框2。
       为了保持视觉宽度不变，这里必须减去这些值。
       977 - 50 - 2 = 925 */
    width: 977px; 
    
    height: 298px;
    border: 1px solid #d9dadc; 
    margin-right: 24px;
    background: url(../images/m1.gif) no-repeat center top; 
    overflow: hidden;
}
.int0{ width:875px; height:248px; margin:25px 25px 25px 25px;}



.intro-left h2 { 
    text-align: center; 
    font-size: 28px; 
    color: #222; 
    margin-bottom: 12px;
    position: relative; z-index: 2;
}
.intro-left .en-title { 
    text-align: center; 
    font-size: 18px; 
    color: #777; 
    margin-bottom: 18px;
    position: relative; z-index: 2;
}
.intro-left p { 
    font-size: 14px; 
    color: #555; 
    line-height: 2.0; 
    text-indent: 2em; 
    margin-bottom: 10px;
    position: relative; z-index: 2;
}

.intro-btn { 
    display: block; 
    width: 120px; 
    height: 34px; 
    line-height: 34px; 
    text-align: center; 
    background: #b8bbbc; 
    color: #ffffff !important; 
    font-size: 13px; 
    margin: 0 auto; 
    text-decoration: none;
    position: relative; z-index: 2;
}
.intro-btn:hover {
    background-color: #0475b6;
    color: #ffd700 !important;
}

/* --- 右侧区域 --- */
.intro-right { 
    float: left;
    display: inline; /* 修复IE7浮动双倍边距Bug */
    width: 377px;
  zoom: 1;	
}

.right-item { 
    position: relative;
    width: 375px; /* 内容宽度 */
    height: 94px; /* 内容高度 */
    border: 0px solid #e0ebf8; 
    margin-bottom: 8px;
    overflow: hidden;
    background: #fff;
}
/* IE7不支持:last-child，手动去掉最后一个的margin，或者保留也没事，只要总高度不超 */
.right-item.last-item { margin-bottom: 0; } 

.bg-img {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    z-index: 1;
    filter: alpha(opacity=100); 
    opacity: 1;
}

.right-item .item-text {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    text-align: right;
}

.right-item a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    outline: none;
    /* 确保整个区域可点击 */
    cursor: pointer; 
}

.right-item h3 { 
    font-size: 20px; 
    color: #0068b7; 
    padding-top: 20px; 
    padding-right: 30px;
}
.right-item .en { 
    font-size: 16px; 
    color: #a7a7a7; 
    margin-top: 4px; 
    padding-right: 30px;
}

/* 交互效果 */
.right-item a:hover .bg-img,
.right-item a.hover .bg-img {
    filter: alpha(opacity=35); 
    opacity: 0.35;
}

.right-item a:hover h3,
.right-item a.hover h3,
.right-item a:hover .en,
.right-item a.hover .en {
    color: #000000;
}


/*导航下拉*/
.menu-list {background:url(../images/meng.gif) repeat-x bottom #efefef; display:none;padding-bottom:0px;padding-right:0;position:absolute;width:133px; margin-top:0px; *margin-top:-20px; padding-top:0px; *padding-top:0px; margin-left:0px; border:0px solid #dddddd; border-top:0px; z-index:999;}
.menu-list ul{ margin-bottom:5px;}
.menu-list ul li {list-style-type:none; margin-left:0px; margin-top:4px; font-size:14px;}
.menu-list ul li a {color:#666666;cursor:pointer;display:block;height:38px;line-height:38px;text-align:center;text-decoration:none;width:100%;}
.menu-list ul li a span {display:block;height:100%;width:100%;white-space:nowrap;overflow:hidden;}

.menu-list ul li a:hover{background:#efefef; color:#ff0000; font-weight:bold;}
/*导航下拉*/






#right{ width:1400px; margin:0px auto; padding:0px;}

.title{ width:100%; height:80px;  background:#ecf4fb; margin:0px auto; padding:0px;}
.title1{ width:1400px; height:80px; line-height:80px; text-indent:0px; font-size:16px; color:#999999; overflow:hidden; text-align:left; overflow:hidden; padding-top:0px; margin:0px auto;}
.tit2,.tit2 a,.ttt,.ttt a{ display: inline-block; float:right; /* 或者使用 'table' */   /* 为了看到宽度变化 */  padding-left: 10px; padding-right:10px; text-indent:0px; /* 添加一些内边距 */text-align:center; width:100px;}
.tit2 a:link,.tit2 a:visited{ color:#676767;}
.tit2 a:hover{ color:#0069a5;}

.ttt a:link,.ttt a:visited,.ttt a:hover{ color:#0069a5; font-weight:bold;}

.tt22{ width:100%; height:34px; line-height:34px; font-size:16px; text-align:left; font-weight:normal; text-indent:10px; color:#000000;}


.weizhi{ width:320px; height:80px; line-height:80px; text-indent:0px; font-size:16px; color:#666666; margin:auto auto auto 0px; float:left; _display:inline;}
.weizhi a:link,.weizhi a:visited{ color:#666666;}
.weizhi a:hover{ color:#FF0000;}

.content{ width:1400px;  padding:0px; line-height:300%; color:#000000; overflow-x:hidden; min-height:559px;    /*高度最小值设置*/    height:auto !important; /*兼容FF,IE7也支持 !important标签*/
    height:559px; /*兼容ie6*/    overflow:visible; margin:20px auto; border:0px solid #cdcdcd; text-align:left; background:#fff; }
.news_lb{ width:100%; margin:0px auto; font-size:16px;}
.news_lb li{ line-height:62px; border-bottom:1px dashed #CCCCCC; list-style:none; height:62px; background:url(../images/dd.gif) no-repeat left center; padding-left:25px;}
.news_lb li a:link,.news_lb li a:visited{ color:#383838; text-decoration:none}
.news_lb li a:hover{ color:#FF0000; font-weight:bold;}
.date1{ float:right;color:#383838;*margin-top:-62px; color:#999999; padding-left:10px;}
.page{ clear:both;width:100%; margin-top:20px; height:50px; line-height:50px; text-align:center; color:#333333; font-size:14px; background:#f2f2f2;}

.content1{ margin: 15px auto auto 100px; text-align:left;}
.ccc{ padding:5px; background:#ffffff; margin:0px auto; display:block; border:2px solid #dfc09a; }

hr{ width:100%; height:0px; background:#ffffff; border:0px; border-top:1px solid #dfdfdf;}



.pctx img{ display:block; border:0px; width:100%; cursor: pointer; transition: all 0.6s;}
.pctx img:hover { transform: scale(1.1);}



.ctb{ margin:0px auto; padding:0px; border-bottom:1px dashed #999999;}
.ctb1{ font-size:22px; font-weight:bold; padding-left:50px;}
.ctb1 a{ color:#333333;}
.ctb1 a:hover{ text-decoration:underline;}
.ctb2{ font-size:16px; color:#333333; line-height:36px; padding-left:50px;}
.ctb3{ width:640px; font-size:22px; color:#FF0000; line-height:36px; float:left; _display:inline; padding-left:50px;}
.ctb4{ float:left; _display:inline; font-size:12px; color:#333333; line-height:32px; text-align:center; font-family:"宋体"; }
.ctb4 a{ display:block;border:1px solid #990000; width:120px; height:32px; background:#990000; color:#FFFFFF;}
.ctb4 a:hover{ background:#FFFF00; color:#FF0000; border:1px solid #990000; font-weight:bold;}

.pag{ font-size:16px; color:#999999; width:100%; margin:20px auto;}
.pag a:link,.pag a:visited{ color:#999999;}
.pag a:hover{ color:#FF0000;}


.case1{width:400px; height:248px; text-align:center; overflow:hidden; margin:0px auto; background:#f6f6f6; border-bottom:1px solid #e3e3e3; margin:10px 10px 0px 10px;}
.pp1{ width:390px; height:100px; line-height:50px; overflow:hidden; font-size:16px; font-weight:bold; color:#333333; border-bottom:1px solid #e3e3e3; margin:0px 15px 0px 15px; text-align:left; text-indent:5px;}
.pp2{ width:100%; height:30px; line-height:30px; text-align:left; text-indent:20px; font-size:12px; font-weight:normal;}
.pp2 a:link,.pp2 a:visited{ color:#333333;}
.pp2 a:hover{ color:#FF0000;}
.cc1:last-child{ margin-right:0px;}
.pt2{ height:20px; line-height:20px; text-align:left; text-indent:0px; font-size:12px; font-weight:normal;}
.cc2{ float:left; _display:inline; width:420px; height:395px; _display:inline; text-align:center; margin:15px 24px 10px 20px; border:1px solid #e3e3e3; background:#f9f9f9;}


.cpj1,.cpj2{ width:100%; height:50px; line-height:50px; font-size:16px; text-indent:30px;}
.cpj2{ height:100px;}



.pp3{ width:356px; height:59px; line-height:20px; color:#707070; overflow:hidden; text-align:left; padding-left:15px; padding-right:15px;}


.c11{ border:1px solid #CCCCCC; margin:15px 15px 25px 15px;}