@font-face{ font-family:AlibabaSans;src:url('../images/AlibabaSans-Regular.otf');	}

*{margin:0;padding:0;}
a{text-decoration:none; color:#666;}
a:hover{ color:red;}
ul{ list-style:none;}
img{ border:none;}
body{font-size:12px;background:#45403c;text-align:center;font-family:AlibabaSans;-webkit-text-size-adjust:none;-webkit-text-size-adjust:none;width:expression(document.body.clientWidth <= 1240? "1240px": "auto");min-width:1240px;_width:expression((documentElement.clientWidth < 1240) ? "1240px" : "auto" );}
html{overflow-x:hidden;}
input,textarea,select{outline:none;}
.clear{ clear:both;}

/*header 网站头部模块*/
.bodyy{padding:0px 30px 20px;background:#fff;margin:0px auto;width:1110px;height:auto;}

.top_header{width:100%;left:0px;right:0px;top:0px;height:auto;}
.header{margin:20px auto;width:1110px;height:auto;overflow:hidden;clear:both;marging-bottom:0px;}
.header .logo{width:100%;margin:0px auto;height:auto;}
.header .logo img{margin:20px auto;}

/*menu 网站栏目导航条模块*/
.menu_nav{margin:0px auto;width:100%;height:87px;overflow:hidden;}
.menu{margin:0px auto;width:100%;height:87px;clear:both;overflow: hidden;line-height:87px;text-align:center;}
.menu ul {display: flex; /* 使用flex布局替代浮动 */justify-content: space-between; /* 均匀分布 */width: 100%;height: 100%;margin: 0;padding: 0;list-style: none;}
.menu ul li{flex: 1; /* 弹性项目等分空间 */font-size:16px;color:#000;text-decoration:none;height:87px;line-height:87px;text-align: center;margin:0 5px;}
.menu ul li a:link,.menu ul li a:visited{display: block;width: 100%;height: 100%;color:#000;background: #f8f8f8;text-decoration: none;}
.menu ul li a:hover{color:#fff;background:#f58f00;font-weight: bold;}

.menu .current{font-weight:bold;color:#fff;background:#f58f00;}
.menu .current a:link,.menu .current a:visited{font-weight:bold;color:#fff;background:#f58f00;}

/* flexslider */
.banner{width:100%;height:auto;border-bottom:solid 0px #1252a4;}
.flexslider{position:relative;height:auto;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:0;}
.slides li{height:auto;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:0px;}
.slides li img{height: auto; width: auto\9; width:100%; }
.flex-control-nav{position:absolute;bottom:20px;z-index:2; left:47.5%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px; float:left;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot1.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3; left:0;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:0px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:0px;background:url(../images/next.png) center center no-repeat;}


/*firstcol*/
.firstCol{width:1110px;margin:20px auto;height:auto;overflow:hidden;border:1px solid #dddddd;margin-bottom:0px;border-radius:4px;}
.firstColbox{width:100%;height:auto;margin:0px auto;}
.firstColbox .title{width:100%;border-bottom:1px solid #dddddd;height:40px;background:#f5f5f6;}
.firstColbox .title p{font-size: 16px;line-height: 40px;text-align: left;text-indent:24px;}

.culture03ly {width:96%;;margin:0px auto;height:auto;overflow:hidden;margin-bottom:0px;box-sizing: border-box;}
.culture03ly ul{padding:2% 0;width:100%;margin: 0;list-style: none;display: flex;flex-wrap: wrap;justify-content: flex-start;}
.culture03ly ul li{width: 31.33%;margin-right:2.8%; margin-bottom:5px;box-sizing: border-box;}
 /* 每行第三个元素去掉右边距 */
.culture03ly ul li:nth-child(3n) {margin-right: 0;}
.culture03ly ul li a{display:block; text-align:center;vertical-align:middle;text-decoration: none;color: inherit;}
.culture03ly ul li .secimg{width:100%;height: 0;padding-bottom:100%; /* 保持宽高比例 */padding-top: 6%;padding-left:0%;padding-right:0%;border: 0px solid #e9e9e9;margin: 0 auto;overflow: hidden;border-radius: 0;background: #fff;position: relative;}
.culture03ly ul li .secimg img{position: absolute;top: 0%;left: 0%;width:100%;height: 100%;object-fit: cover; /* 关键属性：确保图片铺满容器 */cursor: pointer;transition: all 0.8s;}
.culture03ly ul li .secimg img:hover{transform: scale(1.05);}
.culture03ly ul li p{font-size:18px; line-height:20px;padding:15px 0;text-align:center;margin: 0;}

/*secCol*/
.secCol{width:1110px;margin:20px auto;height:auto;overflow:hidden;border:1px solid #dddddd;margin-bottom:0px;border-radius:4px;}
.secColbox{width:100%;height:auto;margin:0px auto;}
.secColbox .title{width:100%;border-bottom:1px solid #dddddd;height:40px;background:#f5f5f6;}
.secColbox .title p{font-size: 16px;line-height: 40px;text-align: left;text-indent:24px;}

.secabout{width:96%;height:auto;margin:0px auto;}
.secabout .left{float:left;width:374px;text-align:left;}
.secabout .left img{float:left;padding:20px 0px 20px 0px;}

.secabout .right{float:right;width:630px;text-align:left;}
.secabout .right ul{padding:20px 10px 20px 10px;color:#000;}
.secabout .right ul h1{font-size:16px;line-height:46px;}
.secabout .right ul p{font-size:16px;line-height:30px;font-weight: 100;margin:10px 0px;}
.secabout .right ul a{float:right;display:block;height: auto; overflow:hidden;margin-top:0px;color:#f58f00;font-weight: bold;font-size: 14px;line-height:40px;text-align: center;border-radius:8px; /* W3C syntax */}


/*imagecol*/
.imagecolbg{margin:20px auto;width:100%;height:150px;overflow:hidden;background:url(../images/cc01.jpg) no-repeat;}
.imagecolbg p{margin:0px auto;width:100%;overflow:hidden;text-align: center;padding: 50px 0;line-height: 50px;font-size: 46px;color: #fff;}

/*footer */
.bottom{margin:0px auto;width:100%;height:auto;;margin-top:0px;overflow:hidden;}

.footbot{margin:20px auto;width:100%;height:auto;overflow:hidden;}
.footbot p{font-size:12px;text-align: center;line-height:24px;color:#4f4f4f;padding: 5px 0auto;}

/*main */
.main{width:100%;margin:0px auto;height:100%;overflow:hidden;}

/* 内页 */
.main_a{width:100%;margin:20px auto;height:auto;overflow:hidden;}
.main_acol{width:1200px;margin:30px auto;height:auto;overflow:hidden;}
.main_aright{float:right; width:880px;}

/**/
.newsdetailc{width:100%;margin:20px auto;border:0px solid #efefef;-moz-border-radius:0px;border-radius:0px; /* W3C syntax */}
.newsdetailc .newstitle{line-height:40px;margin:0px;font-weight:400;font-size:26px;text-align:center;}
.newsdetailc dt{margin:10px;text-align:center;height:20px; font-size:12px;line-height:26px;color:#acacac;margin-bottom:5px;overflow:hidden;border-top:3px solid #f7f7f7;}
.newsdetailc dt a{margin:0 5px}
.newsdetailc dd{margin:20px;text-align:left;font-size:12px;line-height:20px;padding:0;}
.newsdetailc dd p{font-size:16px;margin:5px 0;line-height:36px;}
.newsdetailc dd p img{margin:10px auto;text-align:center;display:table-cell;vertical-align:middle;width:100%;height:auto;width: auto\9;}

.newsdetailc dl{width:100%;margin:0px auto;height:40px;margin-top:20px;text-align:center;}
.newsdetailc dl a{padding:8px 20px 8px 20px;-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius:10px;border:1px solid #d5d5d5;-moz-border-radius:6px; /* Gecko browsers */-webkit-border-radius:6px; /* Webkit browsers */border-radius:6px; /* W3C syntax */}



/*导航弹出层 start*/
.iphone__item {
  width: 16.06em;
  height: 1em;
  position: absolute;
  bottom: -2em;
  color: #158f76;
  text-align: center;
}
.iphone__power-btn {
  width: 2.188em;
  height: .188em;
  background: #e0e0e0;
  position: absolute;
  right: 2.5em;
  top: -0.188em;
}
.iphone__left-btn {
  width: .188em;
  height: 1.250em;
  top: 3.250em;
  left: -0.188em;
  position: absolute;
  background: #e0e0e0;
}
.iphone__left-btn:before {
  content: '';
  width: .188em;
  height: .875em;
  position: absolute;
  top: 3em;
  background: #e0e0e0;
}
.iphone__left-btn:after {
  content: '';
  width: .188em;
  height: .875em;
  position: absolute;
  top: 5.5em;
  background: #e0e0e0;
}
.iphone__details {
  width: .438em;
  height: .438em;
  border-radius: 100%;
  position: relative;
  top: 1.313em;
  left: 8em;
  background: #7c7c7c;
}
.iphone__details:before {
  content: '';
  width: 2.5em;
  height: .25em;
  border-radius: .25em;
  position: absolute;
  top: 1em;
  left: -1em;
  background: #7c7c7c;
}
.iphone__home-btn:before {
  content: '';
  width: .813em;
  height: .813em;
  border: .15em solid #a8a8a8;
  border-radius: .2em;
  position: absolute;
  top: .6em;
  left: .57em;
}
.iphone__content {
  position: relative;
  background-color: #D2527F;
  width: 100%;
  height: 100%;
}

.nav {
  position: absolute;
  z-index: 100;
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav__trigger { top:40px !important;}
.nav--active .nav {
  opacity: 1;
  background-color: #646464;
  margin-left: -20px;
}
.nav--active .nav a{color:#fff;}
.nav__trigger {
  display: block;
  position: absolute;
  width: 30px;
  height: 25px;
  right: 8px;
  top: 5px;
  z-index: 200; 
  padding:9px 5px 8px 8px;
}
.nav--active .nav__trigger {
  opacity: 0.5;
}
.nav__icon {
  display: inline-block;
  position: relative;
  width: 26px;
  height: 2px;
  background-color: #1252a4;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: background-color, transform;
  transition-property: background-color, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.nav__icon:before,
.nav__icon:after {
  content: '';
  display: block;
  width: 26px;
  height: 2px;
  position: absolute;
  background: #1252a4;
  -webkit-transition-property: margin, -webkit-transform;
  transition-property: margin, -webkit-transform;
  transition-property: margin, transform;
  transition-property: margin, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.nav__icon:before {
  margin-top: -8px;
}
.nav__icon:after {
  margin-top: 8px;
}

.style-1 .nav {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  width: 104%;
  min-height: 100%; float:left; padding-bottom:400px;
}
.style-1 .nav__link {
  opacity: 0;
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
}
.style-1 .nav--active .nav__link {
  opacity: 1;
}
.style-1 .nav--active .nav {
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.style-1 .nav--active .nav__icon {
  background: rgba(0, 0, 0, 0);
}
.style-1 .nav--active .nav__icon:before {
  margin-top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.style-1 .nav--active .nav__icon:after {
  margin-top: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/*导航下拉 start*/
.accordion { margin:55px 10px 0 10px;}
.accordion .link {
	cursor: pointer;
	display: block;
	padding: 15px;
	color: #fff;
	font-size: 16px; 
	text-align:center;
	border-bottom: 1px solid #B2B2B2;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.accordion li i {
	position: absolute;
	top: 16px;
	left: 12px;
	font-size: 18px;
	color: #fff;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.accordion li i.fa-angle-down {
	right: 12px;
	left: auto;
	font-size: 16px;
}

.accordion li.open .link {
	color: #fff;
}

.accordion li.open i {
	color: #fff;
}
.accordion li.open i.fa-angle-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}



/*当屏幕宽度在大于1200 */
@media screen and (min-width:1200px)
{	

}

/*当屏幕宽度在1024-1199 */
@media screen and (min-width:1024px) and (max-width:1199px)
{

}

/*当屏幕宽度大于768小于1023时 */
@media screen and (min-width:768px) and (max-width:1023px)
{

}

/*当屏幕宽度大于650小于767时 */
@media screen and (min-width:650px) and (max-width:767px)
{

}

/*当屏幕宽度大于1280小于1440时 */
@media screen and (min-width:320px) and (max-width:649px)
{

}