*{padding: 0px;margin: 0px;}
*, ::after, ::before { box-sizing: border-box; }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, button, input, textarea, th, td { margin: 0; padding: 0; list-style: none; }
html{ font-family: '寰蒋闆呴粦',Arial;color: #666;background-color:#fff;font-size: 16px;}
h3,h4,h5,h6,a,span,p{color: #666;font-family:'寰蒋闆呴粦',Arial;font-weight: normal;display: block;}
img {width: 100%;object-fit: cover;transition: 0.3s;display: block;}
li {list-style: none;}
a {text-decoration: none; display: block;}
body,html {height: 100%;width: 100%;}
.imgbox {overflow: hidden;position: relative;}
:root { --dex:#0093ee }
.clearfix {zoom:1}
.clearfix:after {content: '\20'; display: block; clear: both;}
.fl { float: left; }
.fr { float: right; }
input{-webkit-appearance:none;} 
:root { --dex:#0043be }

@font-face {  font-style: normal;
    font-display: swap; font-family: "alibb";
     src: url("../font/Alibaba-PuHuiTi-Regular.woff") format("woff"),
      url("../font/Alibaba-PuHuiTi-Regular.ttf") format("truetype"),
       url("../font/Alibaba-PuHuiTi-Regular.otf") format("opentype"), 
       url("../font/Alibaba-PuHuiTi-Regular.svg") format("svg"); } 

/* pc */
.pc-1200px{display: none;}
@media only screen and (max-width:1260px){
.pc-1200px{ position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: #333;z-index: 99999999999999999;display: block;}
.pc-1200px p{ position: absolute;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 100%;top: 50%;left: 0;}
.pc-1200px p img{ display: block;margin: 0 auto 2em;height: 50px;}
.pc-1200px p strong{ display: block;color: #fff;text-align: center;font-size: 2em;letter-spacing: 1px;line-height: 1em;margin-bottom: 2em;}
.pc-1200px p span{ display: block;text-align: center;color: #eee;letter-spacing: 1px;font-size: 16px;}
}


/* h5 */
.drawer-nav { display: none; }
.drawer-hamburger{display: none;} 

/* common */
.icenter  {width: 1200px;position: relative;overflow: hidden;margin: auto;}
.i_top {}
.i_top h3{ font-size: 24px; color: #333333; line-height: 1.3; margin-bottom: 5px;}
.i_top h4{     position: relative; font-size: 14px; color: #8a8a8a; line-height: 1.9; padding-bottom: 17px; margin-bottom: 20px;}
.i_top h4::after {position: absolute; bottom: 0px; left: 0px; content: ""; width: 20px; height: 2px; background-color: #076ce0;}

/* header */
.header  {position: relative;height: 108px;position: relative;}
.header .icenter {display: flex;}
.header .icenter .logo {    width: 220px; margin-right: 129px;}
.header .icenter  ul { display: flex;}
.header .icenter  ul li { position: relative; width: 110px; }
.header .icenter  ul li h3 {height: 108px; overflow: hidden;}
.header .icenter  ul li .yi {margin-top: -108px;}
.header .icenter  ul.active .yi {transition: 0.3s;}
.header .icenter  ul li .yi  span a {font-size: 14px;color: #454545;}
.header .icenter  ul li .yi  span {line-height: 108px;display: flex;justify-content: center;align-items: center;}
.header .icenter  ul li .yi  span:nth-of-type(1) {background-color: rgba(52, 152, 219,1);}
.header .icenter  ul li .yi  span:nth-of-type(1) a {color: #fff;}
.header .icenter  ul li:hover .yi {margin-top: 0px;}

.header .icenter  ul li .sub {    left: -5000px; position: relative; opacity: 0; background-color: #fff;}
.header .icenter  ul li:hover .sub  { animation: fain 0s 0.05s forwards;  overflow: hidden; position: relative; z-index: 10;}
.header .icenter  ul li .sub span{     padding: 7px 0;   width: 110px;  overflow: hidden; position: relative;}
.header .icenter  ul li .sub span a { opacity: 0; width: 100%;text-align: center;font-size: 12px;color: #454545;}
.header .icenter  ul li:hover .sub span a {animation: fain1 0.5s forwards; } 
.header .icenter  ul li .sub .s_yi {    margin-left: -110px; display: flex; overflow: hidden; transition: 0.3s; width: 220px;}
.header .icenter  ul li .sub span:nth-of-type(1) {background-color: rgba(52, 152, 219,1);}
.header .icenter  ul li .sub span:nth-of-type(1) a{color: #fff;}
.header .icenter  ul li .sub .s_yi:hover {margin-left: 0px;} 

@keyframes fain {
    100%{
        left: 0px;
        opacity: 1;
    }
}
@keyframes fain1 {
    100%{
        opacity: 1;
    }
}

/* i01 */
.i01 {    padding: 30px 0 120px; position: relative; overflow: hidden;}
.i01  .icenter {padding-left: 58px;}
.i01  .i_top {}
.i01  .i_top h4::after {display: none;}
.i01 .bot {display: flex;justify-content: space-between;}
.i01 .bot .le {font-size: 14px; line-height: 1.5; color: #666666; line-height: 2.5; width: 54%; padding-top: 42px;}
.i01 .bot .imgbox {overflow: unset;}
.i01 .bot .imgbox .wen {position: absolute; left: -116px; top: -51px; z-index: -1;}
.i01 .bot .imgbox  img{width: 473px;height: 192px;}
.i01 .bot .imgbox .wen img {width: auto; height: auto;}
/* i02 */
.i02 {height: 673px;width: 100%;position: relative;overflow: hidden;background: url(../img/bggg.jpg);background-size: cover;}
.i02 ul {display: flex;justify-content: space-between;height: 100%;}
.i02 ul li {width: 25%;height: 100%;;   background-color: rgba(52,152,219,.5);}
.i02 ul li:nth-of-type(2n) {background-color: rgba(52,152,219,.8);}
.i02 ul li:nth-of-type(1) {background-image: url(../img/fwxm_01_icnq.png)}
.i02 ul li:nth-of-type(1):hover {background-image: url(../img/fwxm_01b.jpg);}
.i02 ul li:nth-of-type(2) {background-image: url(../img/fwxm_02.png)}
.i02 ul li:nth-of-type(2):hover {background-image: url(../img/fwxm_01b.jpg);}
.i02 ul li:nth-of-type(3) {background-image: url(../img/fwxm_03.png)}
.i02 ul li:nth-of-type(3):hover {background-image: url(../img/fwxm_03b.jpg);}
.i02 ul li:nth-of-type(4) {background-image: url(../img/fwxm_04.png)}
.i02 ul li:nth-of-type(4):hover {background-image: url(../img/fwxm_04b.jpg);}


/* i03 */
.i03 {padding: 30px 0;position: relative;overflow: hidden;}
.i03 .title {display: flex;justify-content: space-between;align-items: center;}
.i03 .bot {}
.i03 .bot a {    display: flex; justify-content: space-between; padding: 12px 9px;}
.i03 .bot a:hover .le .text h4 {    color: rgba(69,165,161,1);}
.i03 .bot a:nth-of-type(1) {border-bottom: 1px solid #ddd;}
.i03 .bot a .le {display: flex;}
.i03 .bot a .le .imgbox {margin-right: 10px;}
.i03 .bot a .le .imgbox img {    height: 134px; width: 168px;}
.i03 .bot a .le  .text {}
.i03 .bot a .le  .text h4 {font-size: 14px;color: #323232;margin-bottom: 15px;}
.i03 .bot a .le  .text h5 {font-size: 12px;color: #969696;}
.i03 .bot a .ri .date{display: flex;align-items: center;color: #c8c8c8;font-size: 12px;margin-bottom: 40px;}
.i03 .bot a .ri .date img {width: auto;margin-right: 5px;}
.i03 .bot a .ri .cha {   cursor: pointer; padding: 3px 9px; color: #2979AF; border: 1px solid rgba(240, 240, 240,1); font-size: 12px; text-align: center; width: fit-content;}
.i03 .bot a .ri {display: flex; flex-direction: column; align-items: flex-end;}


/* i04 */
.i04 {padding:55px 0;background-color: rgba(240, 240, 240,1);}
.i04 .bot .le {font-size: 14px; line-height: 2; padding: 20px 0; color: #707070;}
.i04 .bot {display: flex;justify-content: space-between;align-items: center;}
.i04 .bot .ri {    border: 3px solid rgb(112, 112, 112); width: 279px; height: 125px; border-top: 0px; display: flex; justify-content: center; align-items: center;}
.i04 .bot span { font-weight: bold; position: relative;color: #707070;font-size: 18px;}
.i04 .bot span::before {width: 100px; background-color: #707070; position: absolute; left: 44%; transform: translateX(-50%); width: 37px; height: 2px; content: ""; top: -10px;}
.i04 .bot .ri:hover {background-color: rgba(235, 97, 0, 1);border-color:rgba(235, 97, 0, 1) ;}
.i04 .bot .ri:hover  span {color: #fff;}
.i04 .bot .ri:hover  span::before {background-color:#fff ;}
/* footer */
.footer {background-color: rgba(52, 152, 219, 1);position: relative;padding: 20px 0;}
.footer .icenter ul {display: flex;justify-content: space-between;padding:  0 100px;}
.footer .icenter ul  li {display: flex;align-items: center;}
.footer .icenter ul  li .detail {display: flex;}
.footer .icenter ul  li  img {    margin-right: 12px; height: 60px; width: auto;}
.footer .icenter ul  li h4 {font-size: 12px; color: #fff; line-height: 1.8;}
.footer .icenter ul li:nth-of-type(1) h4:nth-of-type(1) { margin-right: 16px; }
.footer .icenter .bot {    display: flex; justify-content: center; align-items: center; padding-top: 12px; margin-top: 4px; border-top: 1px solid rgba(255,255,255,0.6);}
.footer .icenter .bot   a {    color: #fff; font-size: 12px; margin: 0 12px;}



/* main */
.innerbanner img {height: 220px;}
.main .nav  .icenter {display: flex;}
.main .nav {height: 50px;background-color: rgba(247, 247, 247,1);}
.main .nav a {width: 140px;padding-left: 20px;line-height: 50px;height: 50px;display: flex;align-items: center;position: relative;color: #333;font-size: 14px;}
.main .nav a:before {    position: absolute; content: ""; width: 5px; height: 5px; background-color: rgba(217, 217, 217,1); left: 6px; top: 50%; transform: translateY(-50%); border-radius: 50%;}
.main .nav a:hover {background-color: rgba(52, 152, 219, 1); color: #fff;}
.main .nav a:hover:before {background-color: #fff;}

.main .content {padding:50px 0 65px;min-height: 533px;}
.main .content .icenter {font-size: 30px;color: #1E1E1E;}
.main .content .title {padding-bottom: 40px;border-bottom: 1px solid #ddd;margin-bottom: 20px;}
.main .content .title  h3 {text-align: center; font-size: 30px; color: #1e1e1e;}


/* ab02 */
.ab02 .content .bot .t_p {margin-bottom: 20px;display: flex;align-items: center;}
.ab02 .content .bot .t_p h3  {font-size: 22px;font-weight: bold;color: #707070;}
.ab02 .content .bot .t_p h4 {font-size: 14px;color: #707070;}
.main .content .bot p  {    font-size: 14px; color: #707070; line-height: 28px;}
.ab02 .content .bot .ab02_img{ float: right; margin-left: 80px; margin-top: 0px; margin-bottom: 20px;width: 499px;height: 309px; }
.main .content .bot p img {width: auto;max-width: 100%;margin: auto;}
.main .content .bot p strong {display: inline-block;font-size: 16px;color: #707070; line-height: 28px;font-weight: normal;}

.main .news {display: flex;flex-flow: wrap;padding-top: 20px;}
.main .news a {width: 32%;margin-right: 1%;margin-bottom: 1%;padding: 20px;border: 1px solid #ddd;position: relative;}
.main .news a::before {transition: 0.3s; position: absolute;content: "";bottom: 0px;left: 0px;width: 100%;height: 0%;background-color: #3498db;}
.main .news a .imgbox .tip {position: absolute;left: 0px;top: 0px;z-index: 10;padding: 5px 10px;color: #fff;font-size: 12px;background-color: #3498db;}
.main .news a .imgbox img {height: 176px;}
.main .news a .text {position: relative;z-index: 1; padding: 15px 0 10px;}
.main .news a .text h4 {z-index: 1; color: #3E3E3E;font-size: 16px;margin-bottom: 50px;}
.main .news a .text h5 {z-index: 1; display: flex;align-items: center;font-size: 12px;color: #666;}
.main .news a .text h5 img {width: auto;margin-right: 5px;}
.main .news a:hover::before {height: 100%;}
.main .news a:hover .text h4,.main .news a:hover .text h5  {color: #fff;}
.main .news a:hover .imgbox .tip {background-color: #fff;color: #3498db;}
.main .news a:hover .text h5 img {filter: grayscale(10) brightness(10);} 
.main .content ul {    display: flex; justify-content: space-between; flex-flow: wrap; margin-top: 64px;}
.main .content ul li {display: flex; width: 30%;align-items: center;margin-bottom: 30px;}
.main .content ul li img {height: 40px;width: auto;margin-right: 15px;}
.main .content ul li h4 {color: #000;font-size: 16px;line-height: 34px;}
.main .map .t{display: flex;justify-content: space-between;}
.main .map .t .g1 {display: flex;width: 30%;padding-right: 20px;border-right: 1px solid #ddd;}
.main .map .t .g1 img ,.main .map .t .g3 img{height: 166px;width: auto;}
.main .map .t .g2 {display: flex;width: 30%;display: flex;flex-direction: column;justify-content: center;}
.main .map .t .g1 h5 {    margin-left: 20px; display: flex; flex-direction: column; justify-content: center;}
.main .map .t .g1 h5 span {font-size: 14px;margin-bottom: 20px;}
.main .map .t .g2 h4 {font-size: 20px; color: #000; white-space: nowrap; margin-bottom: 7px;}
.main .map .t .g2 h5 {font-size: 14px;color: #666;}
.main .map .t .g3 {display: flex;width: 30%;padding-left: 20px;border-left: 1px solid #ddd;}
.main .map .t .g3 h5 {    font-size: 14px; color: #666; text-align: center;}
.main .map  .m {margin: 10px 0 40px;}
.main .map .b {display: flex;justify-content: space-between;align-items: center;}
.main .map .b  .c {    display: flex; align-items: center; font-size: 17px;}
.main .map .b  .c img{width: auto;}
.main .newsinfo  .icenter {overflow: unset;}
.main .newsinfo {  position: relative; padding-top: 10px; padding-bottom: 10px; padding-left: 35px; padding-right: 35px; margin-top: 55px; border-width: 1px; border-style: none; border-color: rgba(228,228,228,1); background-color: transparent;  width: fit-content; margin: auto; border: 1px solid #ddd; margin-top: 60px;  margin-bottom: 30px; }
.main .newsinfo  .tip {    position: absolute; left: -36px; top: -51px; width: 94px; height: 40px; color: #fff; font-size: 16px; background-color: rgba(52, 152, 219, 1); display: flex; justify-content: center; align-items: center;}
.main .newsinfo .title {padding-bottom: 5px;border-bottom: 1px solid #ddd;}
.main .newsinfo .title h3 {color: #1E1E1E;font-size: 30px;margin-bottom: 24px;text-align: center;}
.main .newsinfo .title .date {display: flex;align-items: center;}
.main .newsinfo .title .date span { margin-right: 26px;   display: flex; font-size: 13px; color: #969696; align-items: center;}
.main .newsinfo .title .date span img {height: 13px;width: auto;margin-right: 5px;}

.main .newsinfo .text { margin-top: 15px; margin-bottom: 40px; padding: 5px 10px; border-width: 1px; border-style: solid; border-color: rgba(228,228,228,1); background-color: rgba(252,251,253,1); font-size: 14px; color: #999999; line-height: 28px; }
.main .newsinfo p {font-size: 14px;color: #656565;line-height: 28px;}
.main .newsinfo p img {width: auto;max-width: 100%;margin: auto;}
.main .newsinfo .newsinfo_nav {    margin: 0px 0 30px; padding-top: 30px;border-top: 1px solid #ddd; display: flex;justify-content: space-between;}
.main .newsinfo .newsinfo_nav a {font-size: 15px;color: #656565;}
.main .newsinfo .newsinfo_nav a:hover {color: #65beba;}