/*Normalize*/
body,object, iframe, h1, h2, h3, h4, h5, h6,blockquote, a, code, em, img, q, small, strong, dd, dl, dt, li, ol, ul, fieldset, form, label, table, tbody, tr, th, td, input,textarea ,p,div,i,b,strong,span{color: #333; font-size: 16px;font-family: Microsoft Yahei;padding:0;margin:0;border:none;}
ol,ul{list-style:none;}
u {
    text-decoration: none;
}
.fl{float:left;}
.fr{float:right;}
a {
text-decoration: none;
color: #232323;
}
.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.clearfix {
  clear: both;
}

.none{display:none;}
.w1600 {
    width: 6.25rem;
    margin: 0 auto;
    
}
/*动画*/
@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}









 



/*Normalize*/
object, iframe, h1, h2, h3, h4, h5, h6,blockquote, a, code, em, img, q, small, strong, dd, dl, dt, li, ol, ul, fieldset, form, label, table, tbody, tr, th, td, input,textarea ,p,div,i,b,strong,span{color: #333; font-size: 16px;font-family: Microsoft Yahei;padding:0;margin:0;border:none;}
body{font-size:100%} 
ol,ul{list-style:none;}
:focus {
    outline: none;
}
u {
    text-decoration: none;
}
.fl{float:left;}
.fr{float:right;}
a {
text-decoration: none;
color: #232323;
}
.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.clearfix {
  clear: both;
}

.none{display:none;}
.w1600 {
    width: 6.25rem;
    margin: 0 auto;
    
}
.w1200 {
    width: 1280px;
    margin: 0 auto;
    
}
.limit2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
input:focus-visible {
    outline: none;
}
.headerCon {
    display: none;
}
.gov_header {
    display: none;
}

/*header*/
header {
    width: 100%;

    position: relative;
}
header .comwidth {
    width: 6.25rem;
    margin: 0 auto;
    height: auto;
}
header .fl .logo-img {
  width: 215px;
  height: 58px;
  background: url(/uiFramework/commonResource/image/2023102714563215506.png) no-repeat;
  background-size: contain;
  display: inline-block;
  margin-top:10px;
}
header .fr {
  width: 4.6875rem;
}
header .fr .tel {
  text-align: right;
padding-bottom: 20px;
 display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
          justify-content: flex-end;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
    height: .1172rem;
}
header .fr .tel .col {
  font-size: 0.0625rem;
  color: #cb7039;
}
header .fr .tel .link-h {
  display: inline-block;
font-size: .0625rem;
  color:#fff;
}
header .fr .tel .link-h li {
  display: inline-block;
font-size: .0625rem;
margin: 0 .0977rem;
}
header .fr .tel .link-h li a {
  font-size: 16px;
  color:#fff;
}
header .fr .nav ul li.on a {
    color: #d17b42;
    font-weight: bold;
}

header .fr .tel .btns {
  display: inline-block;
}
header .fr .tel .btns .btn {
  background-color: #f1122e; 
  width: 30px;
  height:30px;
  line-height: 30px;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  color: #fff;
  vertical-align:bottom;
  margin: 0 .0273rem;
}
header .fr .tel .btns .btn img{padding-top:5px;}
header .fr .tel .btns .wza {
   
    background-size: cover;
    background-position: center;
}
header .fr .nav ul {
  display: inline-block;
}
header .fr .nav ul li {
  display: inline-block;
 margin: 0 .0469rem;
 padding-bottom: .0881rem;
}
header .fr .nav ul li a {
  font-size: 20px;
color:#fff;
    /**font-weight: bold;**/
}
header .fr .nav {
  text-align: right;
  display: flex;
  justify-content: flex-end;
 align-items: center;
}

header .fr .nav .search {
    display: inline-block;
    border: 1px #cb7039 solid;
    border-radius: .0586rem;
    padding: 0 .0586rem;
    margin-bottom: .0781rem;
}
header .fr .nav .search input {
  font-size: 0.0547rem;
  color: #999;
  height: .0781rem;
  background-color: transparent;
}
header .fr .nav .search form {
    display: flex;
    justify-content: center;
    align-items: center;
    height: .0977rem;

}
header .fr .nav .search button {
  background: url(/uiFramework/commonResource/image/2022051313542817335.png) no-repeat;
  background-size: contain;
  width: 0.0586rem;
  height: 0.0586rem;
  border: none;
  display: inline-block;
  cursor: pointer;

}
/* 富菜单 */
.subNav .w1280 {
    width: 6.25rem;
    margin: 0 auto;
}
.subNav { position: absolute; top: .45rem; background: rgba(255, 255, 255, .9); z-index: 999; width:100%; }
.subNav_item { display: none; height: auto !important;padding-top:10px; }
.subNav .ejNav_list {
  width: 2.7344rem;
}
.subNav  .imglink {
    position: relative;
display: flex;
    align-items: center;
    justify-content: space-between;
}
.subNav .imglink img{width:400px;height:auto;}
.subNav  .imglink .title {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: .2344rem;
    padding-top: .2344rem;
    font-size: .0938rem;
    font-weight: bold;
}

.subNav .flex-sy {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: .1172rem 0;
}
.subNav .ejNav_list .tit {
    padding: .08rem;
    display: flex;
    align-items: center;
    width: .6rem;
}
.subNav .ejNav_list .tit a {
    font-size: 0.0703rem;
}
.ejNav_list .tit i {
    background: url(/uiFramework/commonResource/image/2022062011041923291.png);
    display: inline-block;
    width: 0.0703rem;
    height: 0.0703rem;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 7px;
}
.subNav .qr-m {
    display: flex;
}
.subNav .qr-m .qc {
    padding: .0781rem;
}
.subNav .qr-m  .tit {
    text-align: center;
    margin-top: 10px;
}
.subNav .txt-bx {
    padding-left: 30px;
    width: 320px;
}
.subNav .txt-bx .line {
    line-height: 40px;
}
span.color {
    color: #d17b42;
}
/*标题*/
.banner .container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.banner h2 { padding-top: 7%;position: relative;font-size: 54px;width:1200px;z-index: 66; margin:0 auto;}
.banner h2 span {display: block;font-size: inherit;font-weight: normal; color:#fff;}
.banner h2 .line {height: 4px;background: #d17b42; width: 75px;margin-bottom: 25px;color:#fff;}
.banner h2 .en { font-size: 30px;color:#fff;}
#banner-page .swiper-pagination-bullet-active {
    opacity: 1;
    background: #d17b42;
}
/*响应*/
@media screen and (max-width:1400px){
header .fr .nav ul li a {
    font-size: 16px;
}


}
@media screen and (max-width:1300px){
header .fr .nav ul li a {
    font-size: 16px;
}
 .subNav { top: .48rem; }


}
@media screen and (max-width: 750px){
.headerCon {
    display: block;
}
   header {
        display: none !important;
   }
.banner h2 {
  width: 85%;
  font-size: 24px;
}
.banner h2 .line {
  height: 3px;
  background: #d17b42;
  width: 40px;
  margin-bottom: 11px;
  color: #fff;
}
.banner h2 .en {
  font-size: 18px;
}
}
/*侧导航*/
.wylogin {
  position: absolute;
  right: -240px;
  top: 50%;
  margin-top: -70px;
  width: 286px;
  z-index: 900;
  background: #fff;
  border-radius: 8px 0 0 8px;
  overflow: hidden;
  transform: translateX(0px);
  transition: 0.4s;
}
.wyloginT {
  width: 46px;
  text-align: center;
  background: #d17b42;
  border-radius: 8px 0 0 8px;
  float: left;
}
.wyloginCon {
  width: 200px;
  padding: 30px 20px 0;
  float: left;
}
.wyloginCon .list {
    display: flex;
    justify-content: space-between;
    margin: 10px 0 20px 0;
}
.wyloginT .wydlz {
  border-bottom: 1px solid #fff;
}
.wyloginT span {
  display: block;
  font-size: 20px;
  color: #fff;
  line-height: 24px;
  padding: 18px 0;
  width: 20px;
  margin: 0 auto;
}
.loginbtn {
  padding-bottom: 20px;
}
.loginbtn a {
  display: inline-block;
  background: #d17b42;
  width: 100%;
  color: #fff;
  line-height: 30px;
  font-size: 16px;
  border-radius: 4px;
  text-align: center;
}
.loginbtn:hover a {
  color: #fff;
}
.wylogin:hover {
  transform: translateX(-240px);
  transition: 0.4s;
}

/*动画*/
@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

  .b-top-box {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 999;
    width: 100%;
}
.b-top-box:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    content: '';
    z-index: -1;
    opacity: .3;
}
.b-top-box .con {
    width: 4.6875rem;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.b-top-box .con .tit {
    color: #fff;
    padding-top: 10px;
    font-size: 0.0625rem;
    line-height: 0.0825rem;
}
.b-top-box .con a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 240px;
    height: 100px;
    border-left: 1px #ddd solid;
}
.b-top-box .con a:first-of-type {
    border-left: none;
}
.b-top-box .con .icon {
    width: .16rem;
    height:.16rem;
    display: inline-block;
    background-position: center !important;
    background-size: contain !important;
}
.b-top-box .con a:hover .icon {
-webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}



.b-top-box .con .icon-1 {
    background: url(/uiFramework/commonResource/image/2022062415022353145.png) no-repeat;
   
}
.b-top-box .con .icon-2 {
    background: url(/uiFramework/commonResource/image/2022062415084395221.png) no-repeat;
}
.b-top-box .con .icon-3 {
    background: url(/uiFramework/commonResource/image/2022062415113257294.png) no-repeat;
}
.b-top-box .con .icon-4 {
    background: url(/uiFramework/commonResource/image/2022062415122657010.png) no-repeat;
}
.b-top-box .con .icon-5 {
    background: url(/uiFramework/commonResource/image/2022062415133597859.png) no-repeat;
}