/* 容器 */
*{transition: all .5s;}
.container-width{max-width: 1160px; margin: 0 auto;}
.container-full{width: 100%; padding-left: 150px; padding-right: 150px;}
.public-overflow{overflow: hidden;}
.public-position{position: relative;}
.public-background{background-position: center;background-repeat: no-repeat; background-size: cover;}
.public-padding{padding-top: 50px; padding-bottom: 50px;}
@media (max-width:1800px) {
	.container-full{max-width:1600px; margin: 0 auto; padding-left: 15px; padding-right: 15px;}
}
@media (max-width:1200px) {
	.container-width,.container-width-860{padding: 0 15px;}
}
@media (max-width:768px) {
	.public-padding{padding-top: 25px; padding-bottom: 25px;}
}
:root {
  --main-color:#000000;
}

/* header */
.header{ position: fixed; width: 100%; z-index: 11;background-color: rgba(255,255,255,.6);}
/* header */
.logo{padding: 15px 0;}
.logo a{display: inline-block;}
.logo img {height: 60px;transition: all .3s;}
@media screen and (max-width: 1100px) {
	.logo{padding:15px 0;}
	.logo img {	height: 50px;}	
}

/* 打开按钮 */
#navbar-open{position: relative; float: right; width: 22px; height: 38px; line-height: 38px; display: block; background: var(--main-color); opacity: .9; padding: 0px 19px; text-align: center; margin-top: 25px; cursor: pointer;}
#navbar-open:before,
#navbar-open:after,
#navbar-open span{position: absolute; left: 8px; display: block; content: ''; width: 22px; height: 2px; background-color: #fff; transition: all .3s;}
#navbar-open:before{top: 10px;}
#navbar-open span{top: 18px;}
#navbar-open:after{bottom: 10px;}

/* 导航 */
.m-nav-bg {position: fixed;top: 0;left: 0;z-index: 14;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .02);transition: .01s ease-in;visibility: hidden;}
.m-nav-box {position: fixed;top: 0;right: 0;z-index: 15;width: 20%;height: 100%;background-color: #fff;transform: translateX(60px); transition: .15s ease-in-out;opacity: 0;visibility: hidden;text-transform: uppercase;}
.m-nav-box ul li {padding-left: 20px;line-height: 80px;border-bottom: 1px solid #eee;border-left: 5px solid #fff;cursor: pointer;transition: .3s ease-in; font-size: 16px;}
.m-nav-box>ul>li>h3 a {	display: block;}
/*二级菜单*/
.m-navSub {position: absolute;top: 0;right: 0;z-index: 1;width: 60%;height: 100%;background-color: #fff;box-shadow: -5px 0 10px rgba(0, 0, 0, .1);transform: translateX(110%);transition: .3s ease-in;}
/*显示*/
.m-nav-bgOpen {visibility: visible;}
.m-navOpen {transform: translateX(0);opacity: 1;visibility: visible;}
.m-navOpen h3{font-size: 18px; }
.active {border-left: 5px solid #104873 !important; color: #104873;}
.showMe {transform: translateX(0);}

@media screen and (max-width: 1100px) {
	#navbar-open{ display: block;}
}

@media screen and (max-width: 768px) {
	.logo{padding: 7px 0;}
	.logo img {height: 36px;}
	#navbar-open{
		width: 22px;
		height: 30px;
		line-height: 30px;
		padding: 0px 15px;
		margin-top: 10px;
	}
	#navbar-open:before, #navbar-open:after, #navbar-open span {width: 20px;left: 5px;}
	#navbar-open:before{top: 7px;}
	#navbar-open span{top: 14px;}
	#navbar-open:after{bottom: 7px;}
	.m-navOpen h3 {font-size: 16px;}
	.m-nav-box ul li {font-size: 14px; padding-left:10px; line-height:66px;}
	.m-nav-box {width: 45%;}
}

/* footer */
.i-footer{padding: 70px 0 50px; background:#151515;color:#888888; margin-top: 30px;}

.i-footer-contact{float: left; width: 35%; padding-right: 40px;}
.i-footer-contact dt{font-size: 14px; color: #fff; margin:10px 0;}
.i-footer-contact dd{padding-top: 10px; font-size: 12px;}
.i-footer-contact dd i{}

.i-footer-nav{float: left; width: 55%;}
.i-footer-nav dl{float: left; width: 20%; padding-left: 15px;}
.i-footer-nav dt{font-size: 14px; color: #fff; margin:10px 0;}
.i-footer-nav dd{padding-top: 10px; font-size: 12px;}
.i-footer-nav dd a{color:#888888; }
.i-footer-nav dd a:hover{color: #fff;}

.i-footer-wx{float: right; width: 10%; text-align: center;}
.i-footer-wx img{margin-bottom: 15px; width: 100%;}


@media (max-width:1100px) {
	.i-footer-contact{width: 100%; padding-right: 0; margin-bottom: 15px;}
	.i-footer-nav{width: 75%; padding-left: 0;}
	.i-footer-wx{ width: 20%; text-align: right; }
	.i-footer-wx img{ width: 50%;}
}
@media (max-width:768px) {
	.i-footer-contact{text-align: center;}
	.i-footer-nav{display: none;}
	.i-footer-wx{ width: 100%; text-align:center; }
	.i-footer-wx img{ width: 18%;}
	
	.left-and-right{
    padding-top: 4.313rem;
    flex-wrap: wrap;
  }
  .left-and-right .tedian-left{
    width: 100%!important;
    max-width: 100%!important;
  }
  .left-and-right .tedian-right{
    width: 100%!important;
    max-width: 100%!important;
    margin: 0 auto;
  }
  .tedian-left{
    order:1 !important;
  }
  .tedian-right{
    order:2 !important;
  }
}
@media (max-width:480px) {
	.i-footer-wx img{ width: 30%;}
	.i-footer-contact dd{font-size: 14px;}
}
@media (max-width:380px) {
	.i-footer-wx img{ width: 35%;}
	.i-footer-wx h3{font-size: 14px;}
}
.i-copy{padding:50px 0 70px; background:#151515;color:#888888; border-top: 1px solid #888888;}
.i-copy-left{float: left; width: 70%;}
.i-copy-right{float: right; width: 30%; text-align: right;}
.i-copy a{color: #888888;}
.i-copy a:hover{text-decoration: underline;}

@media (max-width:1200px) {
	.i-copy{padding: 30px 0 60px;}
	.i-copy-left,.i-copy-right{float: none; width: 100%; text-align: center; line-height: 30px;}
}

.pagecode-num {
	margin-top: 35px;
	text-align: center;
	font-size: 0;
}

.pagecode-num .page-num-current {
	display: inline-block;
	padding: 7px 13px;	
	background-color:#275CA8;
	color: #fff;
	font-size: 14px;
}

.pagecode-num a {
	display: inline-block;
	border: 1px solid #fff;
	background-color: #fff;
	padding: 7px 13px;
	color: #666;
	margin: 0 5px;
	transition: .3s;
	font-size: 14px;
}






@media screen and (max-width: 1224px) {
  .index .index-title-style h4 {
    font-size: 1.875rem;
  }
  .index-title-style h4 {
    font-size: 1.875rem;
  }
}

@media screen and (max-width: 768px) {
  .index-title-style {
    padding-top: 4.438rem;
  }
}

.index-more-style {
  padding: 3.813rem 0 5rem;
  text-align: center;
}

.index-more-style a {
  margin: 0 auto;
  display: block;
  width: 11.313rem;
  height: 2.75rem;
  line-height: 2.75rem;
  border-radius: 1.375rem;
  color: #a0a0a0;
  border: 1px solid #c9c9c9;
}

.index-more-style a:hover {
  background: #ea3d00;
  border-color: #ea3d00;
  color: #fff;
  font-weight: bold;
}

.index-more-style.page-more-style a {
  border-radius: 0;
  border-color: #ea3d00;
  color: #ea3d00;
  cursor: pointer;
  user-select: none;
}

.index-more-style.page-more-style a:hover {
  color: #fff;
}

@media screen and (max-width: 640px) {
  .index-more-style {
    padding: 2.5rem 0;
  }
}



.index-more-style {
  padding: 3.813rem 0 5rem;
  text-align: center;
}


.left-and-right {
  padding: 6.313rem 0 6.938rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: justify;
  justify-content: space-between;
  -moz-box-pack: justify;
  -webkit--moz-box-pack: justify;
  box-pack: justify;
  -webkit-box-lines: multiple;
  /* 12版 */
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.left-and-right .tedian-left {
  width: 54%;
  padding-top: 1.1888rem;
}

.left-and-right .tedian-left h4 {
  font-size: 1.75rem;
  font-weight: bold;
  padding-bottom: 1.2rem;
}

.left-and-right .tedian-left p {
  padding-bottom: 1.25rem;
  font-size: 1.125rem;
}

.left-and-right .tedian-left span {
  color: #959595;
  font-size: 0.938rem;
  line-height: 1.5rem;
  text-align: left;
}

.left-and-right .tedian-right {
  max-width: 40%;
}

.left-and-right .tedian-right img {
  max-width: 100%;
}

.left-and-right .page-more-style {
  padding-top: 2rem;
}

.left-and-right .page-more-style a {
  margin-left: 0;
}

.left-and-right.text-right .page-more-style a {
  margin-left: auto;
  margin-right: 0;
}

.left-and-right .page-more-style.bg-style a {
  border-color: #ea3d00;
  color: #fff;
  background-color: #ea3d00;
}

.left-and-right .page-more-style.bg-style a:hover {
  background-color: #fff;
  color: #ea3d00;
}

.left-and-right .page-more-style.border-radius a {
  border-radius: 0.313rem;
}

.left-and-right .page-more-style a {
  color: #959595;
  border: solid 0.063rem #d2d2d2;
}

.left-and-right .page-more-style a:hover {
  border-color: #ea3d00;
}

.left-and-right .page-more-style {
  padding-top: 2rem;
}

.left-and-right .page-more-style a {
  margin-left: 0;
}