@charset "utf-8";



*{padding:0px; margin:0px;}
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 {text-decoration: none;color: #3EC0FF;}

#nav a{color: #fff;text-decoration: none; font-size:14px;}
#nav a:hover {text-decoration: none;color: #E54B31;}

#navbot a{color: #fff;text-decoration: none; font-size:14px;}
#navbot a:hover {text-decoration: none;color: #E54B31;}

#lefts a{color: #232323;text-decoration: none;}
#lefts a:hover {text-decoration: none;color: #3EC0FF;}

#lefts2 a{color: #313131;text-decoration: none;}
#lefts2 a:hover {text-decoration: none;color: #3EC0FF;}

#tops a{color: #0E85C4;text-decoration: underline;}
#tops a:hover {text-decoration: none;color: #3EC0FF;}

  .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;}
.sem3{ width:1000px; 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{ 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;}
.sem-top-21 li{ width:125px; line-height:48px; height:48px; float:left; text-align:center;}
.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{ 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{ width:768px; float:left; }
.sem-mid-view-1-c{ 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{ width:750px; margin:auto; margin-top:15px;}
.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{ 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{ width:730px; margin:auto;  overflow:hidden; padding-top:10px; padding-bottom:10px;}
.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:1000px; float:left; margin-top:20px; background:url(../Clkj_images/botbg.jpg); background-repeat:repeat-x; font-size:14px; color:#FFF}
.sem-bot li{ width:990px; margin:auto; margin-top:10px;}
.sem6{ width:100%; margin-top:auto;height:100px;background-image:url(../Clkj_images/botbg.jpg);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.gif) no-repeat center center; 
}
#MainPromotionBanner .SlideTriggers li.Current{ 
	color:#fff; 
	background: url(../../../Clkj_Images/back_image/slide_trigger_c.gif) no-repeat center center;
	border:0; 
	font-weight:bold;
	font-size: 1.4em;
	line-height: 21px;
	height: 21px;
	width: 21px;
	margin:0 6px; 
}