@charset "utf-8";
/* CSS Document */
body{margin:0px auto; padding:0px; color:#333333; font-size:14px; overflow-x:hidden; font-family:"Microsoft YaHei";}
form,p,h1,h2,h3,h4,h5,h6,dl,dt,dd{ margin:0px;padding:0px;}
i{ font-style:normal;}
img{margin:0px; padding:0px; border:0px; overflow:hidden}
li{ list-style:none; padding:0; margin:0;}
ul{margin:0px;padding:0px;list-style-type:none;}
input,select{margin:0px;padding:0px;vertical-align:middle; outline:none}
a{ color:#333333; text-decoration:none!important;}
a:hover{ color:#28a7e1}
.clear{font-size:0px;line-height:0px;float:none;rheight:0px;clear:both;overflow:hidden;}
.fix:before,.fix:after{content:"";display:table;}
.fix{*zoom:1;}
.fix:after{clear:both;}
.center{ width:1200px; margin:auto}
.img99{ width:100%;}
/*header*/
header{height:109px;}
header h1{ float:left; height:109px;margin: 0; padding:0;}

/*电话*/
aside.phone{ float:right; padding-top:38px; cursor:pointer; position:relative;}
aside.phone p{ width:130px; text-align:center; font-size:16px; position:absolute; padding:8px 15px; background:#28a7e1; border-radius:5px; top:82px; color:#fff; left:-60px; display:none; z-index:999} 
aside.phone:hover p{ display:block}

/*导航*/
.nav {float:right; }
.nav ul:before,
.nav ul:after {  content: "";  display: table;}
.nav ul:after {  clear: both;}
.nav li ul {  
    background:#00579d;
    position: absolute;
    top: 100%; /* 确保下拉菜单出现在导航项下方 */
    left: 0;
    z-index: 1000;
    width: 200px; /* 调整宽度以匹配内容 */
}
.nav ul > li {  
    float: left;  
    position: relative;
}

.nav h2 { 
    margin:35px 0 0 0; 
    padding:0; 
    display: block;  
    width:135px;  
    text-align:center;  
    font-size:16px;  
    line-height:40px;  
    font-weight:normal;
    cursor: pointer;
}
.nav h2 a:hover{ color:#fff!important;}
.nav h2:hover{ background:#00579d; color:#fff!important;}
.nav h2:hover a{color:#fff!important;}

.nav h2.a1{ 
    border-top: 0px solid #1c4587;   
    background-color: #00579d;
}
.nav h2.a1 a{ color:#fff}

.nav li ul li {  
    width: 100%;  /* 改为100%填充父容器 */
    padding-left:20px;  
    text-align:left;  
    border-top:1px solid #28a7e1;  
    border-bottom:1px solid #00579d;
    box-sizing: border-box; /* 包含padding在宽度内 */
}
.nav li ul li:hover{ background:#28a7e1}
.nav li ul li a{ 
    font-size:16px; 
    line-height:38px; 
    color:#fff;
    display: block; /* 确保链接填满整个li */
}
.nav li ul li a:hover{ color:#fff}

/* 下拉菜单显示/隐藏效果 - 简化版本 */
.nav5 li ul {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    transform: translateY(-10px);
}

.nav5 ul > li:hover ul {
    max-height: 500px; /* 足够大的值容纳所有菜单项 */
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* 或者使用纯CSS过渡效果（无3D） */
.nav5 li ul {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease;
}

.nav5 ul > li:hover ul {
    height: auto;
    max-height: 400px;
}



/*banner*/
.banner{width:100%;overflow:hidden;position:relative}
.banner_inner{position:relative;height:650px;width:1200px;margin:0 auto}
.banner ul{ margin-bottom:0!important;}

.banner_img{width:100%}
.banner_img li{float:left;width:100%;position:relative}
.banner_img li.bgli01{ background:url(../images/banner01.jpg) no-repeat center;}
.banner_img li.bgli02{ background:url(../images/banner02.jpg) no-repeat center;}
.banner_img li.bgli03{ background:url(../images/banner03.jpg) no-repeat center;}

.banner .child1{position:absolute;width:413px;height:260px;left:200px;top:80px}
.banner .child2{position:absolute;width:550px;height:304px; left:0;top:80px}
.banner .child3{position:absolute;width:320px;height:117px; left:780px;top:100px}

.banner .control{position:absolute; bottom:25px; left:50%; margin-left:-70px;}
.banner .control li{display:inline-block;*display:inline;*zoom:1;margin:0 6px;width:35px;height:6px; cursor:pointer;background:#fff;}
.banner .control li a{display:none}
.banner .control li.current{background:#e86900}


.xcy{background:#171616;}

/*标题*/
.title-01 {	text-align: center;	color: #000;}
.title-01 h1 {	font-size:40px;	font-weight: bold;}
.title-01 p {padding: 2rem 0;font-size:16px;line-height: 40px; text-align:left;  color: #000000;}
.title-02 {	text-align: center;	color: #fff;}
.title-02 h1 {	font-size: 2.75rem;	font-weight: bold;}

.title-02 span {
	display: inline-block;
	width: 60px;
	height: 2px;
	background-color: #ff0000;
}



/*栏目*/

.LanMu {background: #f6f6f6;padding: 5rem 0;}

.LanMu .iconBox {padding: 0 15rem;	margin-top: 2rem;}

.LanMu .iconItem {
	display: inline-block;
	text-align: center;
	color: #28a7e1;
	padding: 2rem;
	border: 1px solid #595656;
	font-size: 2.0rem;
	transition: all 0.5s; 
}
.LanMu .iconItem:hover{
	background-color: #28a7e1; 
	color: #fff;
 
}
.LanMu .iconItem .img01{
	
}
.LanMu .iconItem .img02{
	display: none;
}
.LanMu .iconItem:hover .img01{
	display: none;
}
.LanMu .iconItem:hover .img02{
	display: block;
}



/*公司简介*/
.gsjj{ width:1200px; margin:auto; padding-top:40px; padding-bottom:40px}
.gsjj article{ float:left; width:568px; padding-top:15px}
.gsjj article p{ height:220px; line-height:32px; margin-top:30px; overflow:hidden} 
.gsjj_tu{ float:right}
.gsjj article span,.zsjm_bt span{ display:block; width:138px; height:43px; line-height:43px; font-size:16px; text-align:center; background:#fff; border:1px #28a7e1 solid; margin-top:30px;}
.gsjj article span a,.zsjm_bt span a{ color:#28a7e1}
.gsjj article span:hover,.zsjm_bt span:hover{ background:#28a7e1}
.gsjj article span:hover a,.zsjm_bt span:hover a{ color:#fff}

/*产品中心*/
.cpzx{ width:100%; padding:30px 0;}
.slideGroup{  width:1200px; margin:auto; position:relative; overflow:hidden;}
.cpzx .cp_bt{ position:absolute; /*left:58px; */ left:0; top:38px}

.slideGroup .parHd {  width: 1200px;  margin: auto;  height: 46px;  line-height: 46px;  position: relative;
    top: 50px;  display: flex;  justify-content: center;  align-items: center;}
.slideGroup .parHd ul {  position: static;  margin: 0 auto;  display: flex;  justify-content: center;  flex-wrap: nowrap;}
.slideGroup .parHd ul li {
    float: none;  width: 152px; background: #f6f6f6; text-align: center; font-size: 20px; margin-left: 8px; cursor: pointer; display: block;}
.slideGroup .parHd ul li.on{ background:#28a7e1; color:#fff}





.slideGroup .slideBox{ zoom:1; position:relative; margin-top:90px}
.slideGroup .parBd ul{ margin-left:-1px;}
.slideGroup .parBd ul li{ padding:1px; background:#fff; width:25%; float:left; _display:inline; overflow:hidden; text-align:center;}
.slideGroup .parBd ul li .pic{ text-align:center;  border:1px solid #ccc; padding:1px; width:280px; height:280px;overflow:hidden; }
.slideGroup .parBd ul li .pic img{ width:100%; height:100%; transition: transform 0.3s ease; }
.slideGroup .parBd ul li .title{ width:100%;}
.slideGroup .parBd ul li .title h3{ font-size:18px; height:46px; line-height:46px; overflow:hidden; font-weight:normal}
.slideGroup .parBd ul li .title p{ font-size:15px; color:#999; line-height:24px; height:48px; overflow:hidden; margin-top:10px;}
.slideGroup .parBd ul li:hover .pic img { transform: scale(1.25);}
/* 合作 */

.img0 {width:196px; float:left; text-align:center; margin:10px 2px 10px 2px;}
.img0 img{width:180px; height:70px;  padding:2px;border:1px solid #d9d9d9; }
.img0 span{ display:block; line-height:30px; font-size:14px;}
.img0 img:hover{border:1px solid #0578DB; }
.bj_did{ background:url(../images/dd.png) repeat-x center; text-align:center;}
.bj_did b{ background:#FFFFFF; font-size:25px; color:#045CA2; line-height:50px; padding:0 30px;}

/* liuyan */
.syzxly{background: url(../images/ly-bj.png);	padding: 5rem 0;}
.LanMu .box {	padding: 0;margin-top: 2rem;}
.LanMu .iconBox {	padding: 0 15rem;margin-top: 2rem;}

.LanMu .iconItem {display: inline-block;text-align: center;color: #28a7e1;padding: 2rem;border: 1px solid #595656;font-size: 2.0rem;	transition: all 0.5s; }
.LanMu .iconItem:hover{background-color: #28a7e1; color: #fff;}

.container {
  padding-right: 15px; padding-left: 15px; margin-right: auto;  margin-left: auto;
}
@media (min-width: 768px) { .container { width: 750px; }}
@media (min-width: 992px) { .container {    width: 970px;  }}
@media (min-width: 1200px) {  .container {   width: 1170px;  }}
.container-fluid { padding-right: 15px; padding-left: 15px;margin-right: auto; margin-left: auto;}
.title-03 {text-align: center;color: #f7f7f8;}
.title-03 h1 {font-size: 2.55rem;font-weight: bold;}
.title-03 p {padding: 2rem 0;font-size: 1.75rem;color:#f7f7f8;}




.biat{ width:100%; text-align:center; font-size: 25px; line-height: 38px; color: #333333;}
.yijuh{ width:100%; text-align:center;    font-size: 14px;    line-height: 35px;    color: #888888; margin-bottom:30px;}
.w3ls-contact { background:#fafafa; width:100%; padding:50px 0;
	display: -webkit-flex;
	display: -webkit-box;
	display: -moz-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.w3ls-contact form {
   margin: 0 ;    padding: 0;
    box-sizing: border-box;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    /*box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.02);*/
}
.w3ls-contact label {
    font-size: 16px;  color: #fff;  float: left;   text-align: left;   font-weight: 500;   margin-bottom: 10px;
    text-transform: capitalize;   letter-spacing: 2px;}
.mr_agilemain,.gender_w3 {    display: flex;    justify-content: space-between;    width: 100%;}
.left1-wthree {    flex-basis: 49%;    justify-content: space-between;    text-align: left;}
.left1_w3 {    justify-content: space-between;    text-align: left;    width:100%;}
.agile-field-txt,.gender_w3 {
	flex-basis: 100%;
	-webkit-flex-basis: 100%;
	margin-bottom: 1em;
}

.w3ls-contact label i {
	font-size: 1.1em;
	margin-right: 3px;
	color: #FF9800;
}

.w3ls-contact input[type="text"],.w3ls-contact textarea,
.w3ls-contact input[type="email"],.w3ls-contact select ,.w3ls-contact input[type="number"]{
	width: 100%;
	color: #000;
	outline: none;
	font-size: 16px;
	letter-spacing: 0.5px;
	/* line-height: 25px; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.49);*/
	padding: 8px 15px;
	box-sizing: border-box;
	border: none;
	border: 1px solid #cecece; background:#fff; line-height:40px;
	-webkit-appearance: none;
	font-family: 'Abhaya Libre', serif;
    transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
}
.w3ls-contact textarea {
    height: 100px;
}
select option{
    background:#fff;
}
label.agile_rad {
    margin-bottom: 1.2em;
}
label.bot_w3 {
    margin-top: 10px;
}
/* radio */
[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #fff;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #a51b20;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
/* //radio */
.w3ls-contact .w3l-sub {
	margin-top: 1em;
display: flex;
display: -webkit-flex;
flex-flow: row nowrap; }

.w3ls-contact input[type=submit]{
    color: #fff;  width: 150px; line-height:40px; margin-right:20px;	font-size: 1.1em;
	cursor: pointer;	border: none;	outline: none;	font-weight:600;	background:#0072c6;
	/*text-transform:uppercase;*/
	font-family: 'Abhaya Libre', serif;
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
}

.w3ls-contact input[type=submit]:hover {
	background: #eee;border: 1px solid #999;
	color: #000;
}

.w3ls-contact input[type=reset] {
    width: 150px; font-size: 1.1em;line-height:40px;
	cursor: pointer; border: 1px solid #999;	outline: none;	font-weight:600;
	/*text-transform:uppercase;*/
	font-family: 'Abhaya Libre', serif;
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
}
.w3ls-contact input[type=reset]:hover {
	background:#0072c6;
	color: #fff;
}

/*--copyright--*/

.copy-wthree {	margin: 3em 0em;}
.copy-wthree p {color: #fff;font-size: 14.5px;	letter-spacing: 1.5px;	line-height: 1.8;	margin: 0 3vw;}
.copy-wthree p a {	color: #fff;	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;}

.copy-wthree p a:hover {	color: #ff9800;}


/*.slideGroup .slideBox{ padding:0 58px; zoom:1; position:relative; top:90px   }
.slideGroup .sPrev{ position:absolute; background:url(../images/Leftan.jpg) no-repeat; width:33px; height:51px; left:0; top:178px;}
.slideGroup .sNext{ position:absolute; background:url(../images/Rightan.jpg) no-repeat; width:33px; height:51px; right:0; top:178px}
.slideGroup .sPrev:hover{background:url(../images/Leftans.jpg) no-repeat;}
.slideGroup .sNext:hover{background:url(../images/Rightans.jpg) no-repeat;}


.slideGroup .parBd ul li{ width:246px; padding:15px; background:#fff; margin:0 12px; float:left; _display:inline; overflow:hidden; text-align:center; box-shadow: 0px 5px 5px #b5b5b5;}
.slideGroup .parBd ul li:hover{ box-shadow: 0px 5px 5px #e89139;}
.slideGroup .parBd ul li .pic{ text-align:center; }
.slideGroup .parBd ul li .pic img{ width:246px; height:268px;}
.slideGroup .parBd ul li .title{ width:246px;}
.slideGroup .parBd ul li .title h3{ font-size:18px; height:46px; line-height:46px; overflow:hidden; border-bottom:1px #dfdfdf solid; font-weight:normal}
.slideGroup .parBd ul li .title p{ font-size:15px; color:#999; line-height:24px; height:48px; overflow:hidden; margin-top:10px;}
*/

/*zsjm*/
.zsjm{ width:1200px; margin:auto; padding-top:40px; padding-bottom:20px;}
.zsjm_bt{ padding-bottom:30px}
.zsjm_bt span{ float:right; margin-top:15px;}
.slideBoxs{ float:left; width:385px; height:395px;  position:relative; background:#fff; box-shadow: 0px 0px 5px #b2b2b2;}
.slideBoxs .hd{ height:15px; overflow:hidden; position:absolute; right:10px; bottom:15px; z-index:1; }
.slideBoxs .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBoxs .hd ul li{ float:left; margin-right:7px;  width:11px; height:11px; background:#c4c4c4; cursor:pointer; border-radius:100%;}
.slideBoxs .hd ul li.on{ background:#28a7e1; }
.slideBoxs .bd ul li{position:relative; height:395px;}

.slideBoxs .card{}
.slideBoxs .card__thumb { height: 254px;overflow: hidden;-webkit-transition: height 0.5s;transition: height 0.5s;}
.slideBoxs .card__thumb img { display: block; width:385px;height:254px;  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;}
.slideBoxs .card:hover .card__thumb { height:180px;}

.slideBoxs .card:hover .card__thumb img {  opacity: 0.6;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);}
.slideBoxs .card__body {
  position: relative;  padding:15px;  height:  -webkit-transition: height 0.5s;  transition: height 0.5s;}

.slideBoxs .card__category {
  position: absolute;  top: -30px;  left: 0;  height:30px;  padding: 0px 15px;  background-color: coral;  color: #fff;
  text-transform: uppercase;  font-size: 14px;  line-height: 25px;  color:#fff}

.slideBoxs .card__title {
  margin: 0;
  padding: 0 0 10px 0;
  color: #000;
  font-size: 20px;
  line-height:28px;
  overflow:hidden;
  font-weight:normal;
  text-transform: uppercase;
}


.slideBoxs .card__description {
  text-align: justify;
  text-indent: 2em;
  position: absolute;
  left: 20px;
  right: 20px;
  margin: 0;
  padding: 0;
  color: #666C74;
  line-height: 24px;
  height:48px;
  overflow:hidden;
  opacity: 0;
  -webkit-transform: translateY(45px);
          transform: translateY(45px);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.slideBoxs .card__description p {
  margin: 0;
}
.slideBoxs .card:hover .card__description {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.slideBoxs .card__footer{ position: absolute;
  bottom:15px;
  left:15px;
  font-size: 14px;
  color: #666;
  background:url(../images/date.jpg) no-repeat left center;
  padding-left:24px}

.zsjm_right{ float:left; width:815px;}
.zsjm_right ul li{ float:left; width:384px; height:186px; background:#fff; box-shadow: 0px 0px 5px #b2b2b2; margin-left:23px; margin-bottom:23px; display:inline; background:url(../images/bg_logo.jpg) no-repeat right center;}
.zsjm_right h6{ width:316px; margin:auto; margin-top:32px; font-weight:normal; font-size:22px; background:url(../images/tiao.jpg) no-repeat left center; padding-left:18px; color:#28a7e1} 
.zsjm_right p{ width:316px; margin:auto; font-size:15px; line-height:28px; color:#666; padding-top:12px}

/*footer*/
footer{ width:100%;}
.biaoyu{ width:100%; height:300px;background:#363636; }
.biaoyu ul{ width:1200px; margin:auto; padding-top:60px; text-align:center;}
.biaoyu ul li{ width:240px; float:left; margin-right:0px;text-align:center; display:inline}
.biaoyu ul li img{   padding-right:0px;}
.biaoyu ul li:last-child{ margin-right:0px}
.biaoyu_r{  width:240px;}
.biaoyu_r h6{ font-size:18px; font-weight:normal; padding-top:2px; margin-bottom:10px; color:#28a7e1;}
.biaoyu_r span{font-size:14px;letter-spacing :1pt; line-height:26px; color:#fefefe;}

.biaoyu_2{  width:240px;}
.biaoyu_2 h6{ font-size:22px;letter-spacing :1pt;  font-weight:normal; padding-top:2px; margin-bottom:10px; color:#28a7e1;}
.biaoyu_2 span{ font-size:22px;letter-spacing :1pt; line-height:26px; color:#28a7e1;}

/*footer*/
/*footer{ width:100%;}
.footer_top{ width:100%; height:538px; background:#282828; color:#fff; padding-top:30px; padding-bottom:30px; line-height:32px;}
.footer_top img{ vertical-align:middle;}
.footer_top h3{ font-size:18px; font-weight:normal; padding-bottom:10px}
.weixin{ position:absolute; right:0; top:0}
.weixin ul li{ float:left; width:1000px; margin-left:22px; display:inline}
.weixin ul li img{ width:103px; height:104px}
.weixin ul li span{ display:block; text-align:center; font-size:15px; padding-top:5px}
.footer_bottom{ width:100%; height:56px; line-height:56px; background:#202020; color:#7c7c7c}
.footer_bottom span{ float:right}
.footer_bottom  a{ color:#7c7c7c}
.footer_bottom  a:hover{ color:#28a7e1}
*/



/*二级页面*/
#rj_banner{ width:100%; height:400px; position:relative; left:50%; margin-left:-960px;}
#rj_banner img{ width:1920px; height:400px;}

.mbx_dh{ width:100%; height:72px; line-height:72px; background:#fff; border-bottom:1px #cecccc solid}
.mbx_dh p{ width:1200px; margin:auto; font-size:22px;}
.mbx_dh p img{ vertical-align:middle; margin-top:-2px; padding-right:10px}
.mbx_dh p span{ float:right; font-size:14px}

.rj_mian{ width:100%; min-height:300px; background:url(../images/txt-bg00.png) repeat}


.biaoti{ height:60px; font-size:18px; line-height:49px; background:url(../images/fenlei.jpg) no-repeat center; background-size:100% 100%;  text-align:center; color:#FFF;}
.mian_left{ float:left; width:260px; display:inline; background:#F5F5F5; margin-top:35px; overflow:hidden;}
.mian_left ul li{ height:60px; line-height:60px; background:url(../images/jt.png) no-repeat right center; background-position:230px; font-size:16px; border-bottom:1px #ccc dashed; padding-left:22px;}
.mian_left ul li.on{ border-left:3px solid #1c4587; background:url(../images/jts.png) no-repeat right center; background-position:230px;}
.mian_left ul li.on a{ color:#1c4587}
.mian_right{ float:right; width:1200px; min-height:400px; padding-left:40px;  padding-left:39px}
.mian_right1{ float:right; width:900px; min-height:400px; padding-left:40px;  padding-left:39px}
.mian_left ul li:hover{ border-left:3px solid #1c4587; background:url(../images/jts.png) no-repeat right center; background-position:230px;}


/*rj_gsjj*/
.rj_gsjj{ width:1200px; font-size:16px; line-height:34px; padding-top:50px}



/*rj_cpzx*/
.rj_cpzx{ width:900px;}
.rj_cpzx ul{  padding-top:20px; padding-bottom:35px}
.rj_cpzx ul li{ background:#fff; width:33.33%;  float:left; _display:inline; overflow:hidden; margin-top:15px; text-align:center;}
.rj_cpzx ul li .pic{ margin:0 auto; width:280px; height:280px;overflow:hidden; }
.rj_cpzx ul li .pic img{ width:100%; height:100%; transition: transform 0.3s ease;}
.rj_cpzx ul li .title{ width:100%;}
.rj_cpzx ul li .title h3{font-size:15px; height:46px; line-height:46px; overflow:hidden; font-weight:normal}
.rj_cpzx ul li .title p{ font-size:15px; color:#999; line-height:24px; height:48px; overflow:hidden; margin-top:10px; display:none;}
.rj_cpzx ul li:hover .pic img { transform: scale(1.25);}



/*rj_cpzx*/
.Workshop{ width:100%;}
.Workshop ul{  padding-top:20px; padding-bottom:35px}
.Workshop ul li{ background:#fff; width:33.33%;  float:left; _display:inline; overflow:hidden; margin-top:15px; text-align:center;}
.Workshop ul li .pic{ margin:0 auto; width:377px; height:280px;overflow:hidden; }
.Workshop ul li .pic img{ width:100%; height:100%; transition: transform 0.3s ease;}
.Workshop ul li .title{ width:100%;}
.Workshop ul li .title h3{font-size:15px; height:46px; line-height:46px; overflow:hidden; font-weight:normal}
.Workshop ul li .title p{ font-size:15px; color:#999; line-height:24px; height:48px; overflow:hidden; margin-top:10px; display:none;}
.Workshop ul li:hover .pic img { transform: scale(1.25);}


/* 分页 */
#page{ font-family:"宋体";text-align:center; margin-bottom:50px; display:block;}
#page a { display:inline-block; height:27px; line-height:27px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 12px}
#page a.a1 {width:56px;  }
#page a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#page span { display:inline-block; height:27px; line-height:27px; background:#28a7e1;color:#fff; text-align:center;padding:0 12px}

/*xwzx*/
.rj_xwzx{ width:904px;}
.rj_xwzx ul{ padding-top:20px; padding-bottom:35px}
.rj_xwzx ul li{ width:904px; height:152px; padding-top:30px; padding-bottom:30px; border-bottom:1px #dcdcdc solid}
.rj_xwzx ul li .date{ float:left; width:75px; height:75px; text-align:center; padding:11px; background:#fff; box-shadow: 0px 5px 5px #b5b5b5; font-size:34px; margin-right:28px; display:inline }
.rj_xwzx ul li:hover .date{ background:#28a7e1; color:#fff;}
.rj_xwzx ul li:hover .date span{border-top:1px #fff solid;}
.rj_xwzx ul li .date span{ display:block; font-size:14px; border-top:1px #c8c8c8 solid; padding-top:6px; margin-top:2px}
.rj_xwzx ul li .xw_img{ float:left; width:243px; height:152px; overflow:hidden}
.rj_xwzx ul li .xw_img img{width:243px; height:152px; transition:all 1.2s; -moz-transition:all 1.2s; -webkit-transition:all 1.2s; -o-transition:all 1.2s;}
.rj_xwzx ul li .xw_img:hover img{ width:243px; height:152px; transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2);}
.rj_xwzx ul li .xw_nr{ float:right; width:510px; height:152px; overflow:hidden}
.rj_xwzx ul li .xw_nr h6{ font-size:18px; font-weight:normal; margin-top:10px; height:20px; line-height:20px; overflow:hidden}
.rj_xwzx ul li .xw_nr p{ font-size:14px; line-height:24px; height:48px; overflow:hidden; margin-top:12px}
.rj_xwzx ul li .more{ width:105px; height:30px; line-height:30px; text-align:center; background:#fff; border:1px #ff6600 solid; margin-top:15px}
.rj_xwzx ul li .more a{ color:#ff6600}
.rj_xwzx ul li .more:hover{ background:#ff6600; border:1px #ff6600 solid;}
.rj_xwzx ul li .more:hover a{ color:#fff}

/*article*/
article{ width:100%;}
article h6{ font-size:24px; text-align:center; font-weight:normal; padding-top:40px; }
article .time{ font-size:14px; text-align:center; color:#666; height:52px; line-height:52px; border-bottom:1px #dcdcdc solid}
article .neirong{ font-size:16px; line-height:34px; padding-top:25px}
.pre{ width:100%; margin-top:40px; padding-bottom:40px;}
.pre ul{ padding-top:20px;}
.pre ul li{ font-size:16px; line-height:34px;}

  
/*zxzx*/
.zxly{ width:1100px; margin:auto; margin-top:60px; background:url(../images/tp.jpg) no-repeat right bottom; }
.itemwarpy{padding:10px 0; overflow: hidden; } 
.itemwarpy label{ width:150px; text-align:right; font-size: 14px; color:#333333; display: inline-block; vertical-align: middle;}
.itemwarpy input,.itemwarpy select{vertical-align: middle; height:30px; line-height:30px; border:1px #d0d0d0 solid; background:url(../images/bd_bg.jpg) repeat-x;}
.itemwarpy input.companyname{ width:220px; background:#fff }
.itemwarpy input.companynames{ width:125px; height:32px; background:#fff }
.itemwarpy textarea.jobdescription{ border:1px #dddbdb solid; width:385px; height:180px; vertical-align: top; font-size: 12px; line-height:22px; text-align: left;background:url(../images/bd_bg.jpg) repeat-x top center #fff;}
.fbly_anniu{background:url(../images/bd_bg.jpg) repeat-x; width:64px; height:25px; margin-left:125px; cursor:pointer;}
.zs{ font-size:12px; font-family:"宋体"; color:#666;}
.yzm_tu img{ padding-left:10px; cursor:pointer; vertical-align:middle; }
.ly_an input{ width:109px; height:32px; background:url(../images/tjly.jpg) no-repeat; color:#fff; font-weight:600; font-family:"微软雅黑"; font-size:14px; line-height:32px; text-align:center; cursor:pointer; margin-left:104px; display:inline;}

/*lxfs*/
.lxfs{ width:1150px; padding-top:45px; }
.lxwm_bottom{ width:1150px; padding-top:20px; padding-bottom:50px; line-height:38px; font-size:16px;}
.lxwm_bottom h2{ font-weight:normal; font-size:22px;}


/* WORKSHOP 页面样式 */
.workshop-list {  display: flex;  flex-wrap: wrap; gap: 20px;}
.workshop-item { width: calc(33.333% - 20px);    margin-bottom: 30px;    border: 1px solid #e0e0e0;    border-radius: 8px;
    overflow: hidden; transition: transform 0.3s ease;}

.workshop-item:hover {    transform: translateY(-5px);    box-shadow: 0 5px 15px rgba(0,0,0,0.1);}
.workshop-item img {    width: 100%;    height: 200px;    object-fit: cover;}

.workshop-info {    padding: 15px;}
.workshop-info h3 {    margin: 0 0 10px 0;    font-size: 18px;}
.workshop-info p {    color: #666;    font-size: 14px;    line-height: 1.5;}


.footer{ background:#000; width:100%; min-height:90px;}
.site-footer { color: #fff; padding: 30px 0; max-width: 1200px; margin: 0 auto;}
.footer-container {display: flex;   justify-content: space-between; align-items: center;}
.footer-logo {flex: 0 0 200px; }
.logo-img { max-width:250px;  height: auto; }
.footer-content { flex: 1; text-align: right;}
        
        .footer-line {margin-bottom: 2px; line-height: 1.5;}        
        .footer-line:last-child {margin-bottom: 0;}        
        .line-1 {font-size: 16px;}        
        .line-2 {font-size: 16px; color: #ddd;}        
        .line-3 {font-size: 14px; color: #aaa;}