@charset "utf-8";
*{padding:0px; margin:0px;}
html,body{overflow-x:hidden;}  /* 禁止横向滚动，防止100vw/固定宽度在窄屏产生左右拉动 */
/* ===== 禁止手机浏览器“夜间/深色模式”自动把网页反色变黑：声明本站仅提供浅色版 ===== */
:root{color-scheme:light only;}
html{color-scheme:light only;background-color:#ffffff;}
body{color-scheme:light only;background-color:#ffffff;}  /* 兜底白底：顶部背景图下方区域白天本就为白，显式声明防止夜间被涂黑 */
input,textarea,select,button{color-scheme:light only;}  /* 表单控件/下拉/按钮也保持浅色，不被夜间模式反色 */
ul li,li{list-style-type:none;}
body{color:#242424; font-family:Arial; background-image:url(../Clkj_images/body-bg.gif); background-position:top; background-repeat:repeat-x; font-size:14px;}
.cl-1{color: #F00; margin-right:5px;}
.cb{clear:both; padding:0px; margin:0px;}
.sl{float:left;}
.sr{float:right; margin-right:5px;}
.sp_1{padding:2px 5px; border:1px solid #006699; background:#766D5C; color:#FFF; font-weight:bold;}
.sp_2{padding:2px 5px; border:1px solid #999; background:#ccc;}
a{color: #766D5D;text-decoration: none;}
a:hover,#lefts a:hover,#lefts2 a:hover,#tops a:hover{text-decoration: none;color: #3EC0FF;}
#nav a,#navbot a{color: #fff;text-decoration: none; font-size:14px;}
#nav a:hover,#navbot a:hover{text-decoration: none;color: #E54B31;}
#lefts a{color: #232323;text-decoration: none;}
#lefts2 a{color: #313131;text-decoration: none;}
#tops a{color: #0E85C4;text-decoration: underline;}
.sem-mid-mid-12{ 
            width:768px; 
            border:1px solid #E7E7E7; 
            margin-top:-1px; 
            float:left; 
            background:#FFF;
            /* ✅ 核心：开启Flex布局，让内部容器自动居中 */
            display: flex;
            justify-content: center; /* 水平居中 */
            align-items: center;     /* 垂直居中 */
            min-height: 300px;       /* 必须给高度，垂直居中才生效（可自行修改） */
        }
/* 子容器：删除冲突定位，保留所有样式 */
        .container {
            /* 🔥 删除了：position/top/left/transform/float 这些冲突代码 */
            background: white;
            padding: 40px;
            border-radius: 8px;
            box-shadow: 0 2px 15px rgba(0,0,0,0.1);
            text-align: center;
            max-width: 600px;
            width: 100%;
            transition: all 0.3s ease;
        }
/* 鼠标悬停变色（保留） */
        .container:hover{background-color: #f3f1ed; box-shadow: 0 4px 20px rgba(0,0,0,0.15);}
h1{color: #4a453c; margin-bottom: 16px; font-size: 28px;}
.description{color: #766D5C; margin-bottom: 30px; line-height: 1.6; font-size: 16px;}
/* 按钮 #766D5C（保留） */
        .download-btn{display: inline-block; background-color: #766D5C; color: white; text-decoration: none; padding: 14px 30px; border-radius: 4px; font-size: 16px; font-weight: 600; transition: background-color 0.3s ease;}
.download-btn:hover{background-color: #655d4f;}
.sem{width:1000px; margin:auto;}
.sem2{width:100%; margin:auto;}
.sem4{width:100%; margin-top:auto;height:48px;background-image:url(../Clkj_images/navbg-1.jpg);text-align:center;}
.sem-top{width:1000px; float:left; overflow:hidden; margin-top:10px;}
.sem-top-1{width:1000px; float:left; height:95px; margin-bottom:1px;}
.sem-top-1-left{width:550px; float:left;}
.sem-top-1-right{width:450px; float:right;}
.sem-top-1-right-1{width:450px; height:30px; line-height:30px; text-align:right;font-size:15px; font-weight:bold;}
.sem-top-1-right-2{width:450px; height:30px; line-height:30px; text-align:right; font-size:22px; font-weight:bold;}
.sem-top-1-right-3{width:450px; height:35px; text-align:right;}
.sem-top-1-right-3 li{width:310px; float:right; background-image:url(../Clkj_images/sbg.gif); height:35px;}
.sem-top-1-right-3 input{float:right;}
.sem-top-input-1{width:226px; border:1px solid #CBD9E4; height:21px; margin-top:4px;font-size:12px; line-height:21px; padding:2px; padding-left:3px; color:#666;}
.sem-top-input-2{width:70px; line-height:22px; height:25px; background:#FF6600; border:1px solid #D95700; color:#FFF; font-weight:bold; margin-top:5px; margin-right:4px;}
.sem-top-2{width:1000px; height:48px; background-image:url(../Clkj_images/navbg.jpg); background-repeat:no-repeat; margin-top:auto;}
.sem-top-2 li,.sem-top-21 li{width:125px; line-height:48px; height:48px; float:left; text-align:center;}
.sem-top-21{width:1000px; height:48px; background-image:url(../Clkj_images/navbg.jpg); background-repeat:no-repeat; margin-top:auto;margin:0 auto;}
.navline{background:url(../Clkj_images/navline.gif); background-repeat:no-repeat; background-position:right; color:#FFF;}
.sem-tag{width:1000px; float:left; margin-top:18px; text-indent:0.5em;}
.sem-mid{width:1000px; float:left; margin-top:18px;}
.sem-mid-ind{width:1000px; float:left; margin-top:10px;}
.sem-mid-left{width:210px; float:left; margin-right:20px;}
.sem-mid-left-bt{width:208px; border:1px solid #E7E7E7; height:45px; line-height:45px; font-weight:bold; font-size:14px; color:#E54B31; text-indent:1em; background-image:url(../Clkj_images/titbg.jpg); background-repeat:repeat-x; float:left;}
.sem-mid-left-1,.sem-mid-left-2{width:208px; border:1px solid #E7E7E7; float:left; background:#F6F6F6; margin-top:-1px; padding-bottom:10px; margin-bottom:10px;}
.sem-mid-left-1-1{width:208px; margin:auto;}
.sem-mid-left-1-1 li{width:190px; margin:auto; padding:5px; border-bottom:1px dashed #E7E7E7;}
.sem-mid-left-1-1-1{background-image:url(../Clkj_images/ico.gif); background-repeat:no-repeat; background-position:5px 10px; text-indent:2em;}
.sem-mid-left-1-1-2{background-image: url(../Clkj_images/ar.gif); background-repeat:no-repeat; background-position:18px 10px; text-indent:2.5em;}
.sem-mid-left-2 li{float:left; width:190px; margin:auto; padding:5px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; background-image:url(../Clkj_images/ar.gif); background-position:5px 5px; background-repeat:no-repeat; text-indent:1em;}
.sem-mid-left-3{width:210px; height:144px; float:left; background-image:url(../Clkj_images/ournewsletter.jpg);}
.sem-mid-left-3-1{height:45px; line-height:45px; color:#FFF; font-weight:bold; font-size:14px; text-indent:1em; width:210px; float:left;}
.sem-mid-left-3-2{width:180px; margin:auto;}
.sem-mid-left-3-2 li{width:180px; float:left; height:35px; margin-top:10px;}
.sem-mid-mid,.sem-mid-view-1{width:768px; float:left;}
.sem-mid-mid-1{width:1000px; float:left; height:500px;margin-top:8px;}
.sem-mid-mid-18{width:1000px; float:left; height:250px;margin-top:8px;}
.sem-mid-mid-bt{width:768px; border:1px solid #E7E7E7; height:45px; line-height:45px; font-weight:bold; font-size:14px; color:#333333; text-indent:1em; background-image:url(../Clkj_images/titbg.jpg); background-repeat:repeat-x; float:left;}
.sem-mid-mid-2{width:768px; border:1px solid #E7E7E7; margin-top:-1px; float:left; background:#FFF;}
.sem-mid-right{width:210px; float:right;}
.sem-mid-right-1{width:208px; border:1px solid #E7E7E7; margin-top:-1px;background:#fff;padding-bottom:3px;}
.sem-mid-cont{width:768px; float:right; background:#FFF;}
.sem-mid-cont-bt{width:768px; border:1px solid #F2F2F2; height:45px; line-height:45px; font-weight:bold; font-size:20px; color:#766D5D; text-indent:1em; background-image:url(../Clkj_images/titbg.jpg); background-repeat:repeat-x; float:left;}
.sem-mid-cont-1{width:730px; margin:auto; line-height:180%; overflow:hidden; padding-top:10px; padding-bottom:10px;}
.sem-mid-cont-1 input{padding:5px; margin-top:5px; margin-bottom:5px;}
.sem-mid-cont-1 textarea{padding:5px;}
.sem-mid-view-1bg{background:url(../Clkj_images/contentInfoText.gif); background-repeat:repeat-x; background-position:top;}
.sem-mid-view-1-c,.sem-mid-view-1-m{width:750px; margin:auto; margin-top:15px;}
.sem-mid-view-1-left{width:300px; float:left;}
.sem-mid-view-1-left-1{width:300px; height:300px; float:left;}
.sem-mid-view-1-left-2{width:300px; float:left; margin-top:10px;}
.sem-mid-view-1-left-2 li{width:75px; float:left; height:75px;}
.sem-mid-view-1-right{width:440px; float:right;}
.sem-mid-view-1-right-1{width:440px; float:left; margin-bottom:10px;line-height:180%;}
.sem-mid-view-1-right-1 h1{font-size:14px;}
.sem-mid-view-1-right-2{width:440px; line-height:180%; float:left; margin-bottom:10px;}
.sem-mid-view-1-m-1{width:750px; float:left; height:25px; font-size:14px; font-weight:bold; line-height:25px; border-bottom:1px solid #CCC;}
.sem-mid-view-1-m-2{width:750px;float:left; line-height:150%; margin-top:10px; margin-bottom:10px; overflow:hidden;}
.sem-mid-cont-new,.sem-mid-cont-newx{width:730px; margin:auto; overflow:hidden; padding-top:10px; padding-bottom:10px;}
.sem-mid-cont-new li{width:730px; float:left; padding-top:8px; padding-bottom:8px; border-bottom:1px dashed #CCC;}
.sem-mid-cont-newx li{width:360px; float:left; height:30px; line-height:30px; border-bottom:1px dashed #CCC;overflow:hidden; text-overflow: ellipsis; white-space:nowrap; background-image: url(../Clkj_images/ar.gif); background-repeat:no-repeat; background-position:1px 10px; text-indent:0.5em; margin-right:4px;}
.sem-bot{width:100%; float:left; margin-top:20px; background:#766D5C; font-size:14px; color:#FFF}
.sem-bot li{width:990px; margin:auto; margin-top:10px;}
.sem6{width:100vw; margin-left:calc(50% - 50vw); margin-top:auto;height:100px;background:#766D5C;text-align:center;}
/*pictur style*/
.pic{width:180px; float:left; margin-top:10px; margin-bottom:10px;}
.pics{width:180px; margin:auto; margin-top:10px; margin-bottom:10px;}
.picd{width:187px; float:left; margin-top:10px; margin-bottom:10px;}
.pic-div{width:160px; margin:auto; height:230px; padding:3px; overflow:hidden;}
.pic-divi{width:160px; margin:auto; height:170px; padding:3px; overflow:hidden;}
.pic-dt{display:table-cell;vertical-align:middle;*display:block;*font-size:130px;text-align:center;width:150px;height:150px;}
/*120*0.873*/
.pic-dt img{vertical-align:middle; width: expression(this.width > 150 && this.width > this.height ? "150px":true);height:expression(this.height > 150 ? "150px" : true); max-width:150px; max-height:150px;}
.pic-div dd{width:160px; line-height:120%; float:left; text-align:center; padding-top:5px; font-size:12px;}
/**/
.pic-dtb{display:table-cell;vertical-align:middle;*display:block;*font-size:261px;text-align:center;width:300px;height:300px;}
/*120*0.873*/
.pic-dtb img{vertical-align:middle; width: expression(this.width > 298 && this.width > this.height ? "298px":true);height:expression(this.height > 298 ? "298px" : true); max-width:298px; max-height:298px;}
.pic-dts{display:table-cell;vertical-align:middle;*display:block;*font-size:56px;text-align:center;width:65px;height:65px; border:1px solid #CCC;}
/*120*0.873*/
.pic-dts img{vertical-align:middle; width: expression(this.width > 65 && this.width > this.height ? "65px":true);height:expression(this.height > 65 ? "65px" : true); max-width:65px; max-height:65px; padding:2px;}
/*广告样式 (新增2010.09.09)*/
div#MainPromotionBanner{width:1000px; height:300px;}
#MainPromotionBanner #SlidePlayer{position:relative; margin: 0 auto;}
#MainPromotionBanner .Slides{padding: 0; margin: 0; list-style: none; height: 1000px; overflow: hidden;}
#MainPromotionBanner .Slides li{float: left; width: 1000px; height: 300px;}
#MainPromotionBanner .Slides img{border:0; display: block; width: 1000px; height: 300px;}
#MainPromotionBanner .SlideTriggers{margin: 0; padding: 0; list-style: none; position: absolute; top: 275px; right: 0px; z-index: 10; height: 25px;}
#MainPromotionBanner .SlideTriggers li{float: left; display: inline; color: #74a8ed; text-align: center; line-height:16px; width: 16px; height: 16px; font-family: Arial; font-size: .9em; cursor: pointer; overflow: hidden; margin:3px 6px; background: url(../../../Clkj_Images/back_image/slide_trigger_v2.gif) no-repeat center center;}
#MainPromotionBanner .SlideTriggers li.Current{color:#fff; background: url(../../../Clkj_Images/back_image/slide_trigger_c_v2.gif) no-repeat center center; border:0; font-weight:bold; font-size: 1.4em; line-height: 21px; height: 21px; width: 21px; margin:0 6px;}


/* ===== 顶部固定导航（Trade_top_test.asp 包裹层） ===== */
#topFixed{position:fixed;top:0;left:0;width:100%;z-index:50;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15);}
#topFixed .sem-top{float:none;}  /* 消除浮动，让fixed容器正常撑高 */
body{padding-top:153px;}  /* 补偿顶栏高度(105px logo区+48px菜单)，JS会精确校正 */