.clearfix:before, .clearfix:after { display: table; content: ''; }

.clearfix:after { clear: both; }
.tipbox span{
  font-size: .20rem;
}
.show-pc{
  display: block;
}
.show-m{
  display: none;
}
img { display: block; max-width: 100%; }

* { font-family: Arial, Helvetica, sans-serif; box-sizing: border-box; margin: 0; padding: 0; }

ul { list-style: none; }

html { font-size: 100px; }

@media only all and (max-width: 1450px) { html { font-size: 76px; } }

.wechartinfo { position: relative; border: 1px solid #fff; }

.wechartinfo .showchat { position: absolute; display: none; width: 99px; max-width: 99px; right: -18px; top: -10px; height: 99px; opacity: 0; transition: all 1s; }

.wechartinfo { cursor: pointer; }

.wechartinfo:hover .showchat { display: block !important; animation: showani .5s ease-in forwards; }

@keyframes showani { 0% { opacity: 0; }
  100% { opacity: 1; } }

.com-baner { position: relative; }

.com-baner .banertext { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.com-baner .banertext .tips { font-size: .4rem; color: #dda000; font-style: italic; text-align: center; }

.com-baner .banertext .linetext { position: relative; font-size: .7rem; color: #fff; font-weight: bold; letter-spacing: .16rem; }

.com-baner .banertext .linetext::after, .com-baner .banertext .linetext::before { position: absolute; content: ''; top: 50%; transform: translate(0, -50%); width: .62rem; height: 4px; background-color: #fff; }

.com-baner .banertext .linetext::after { left: -1rem; transform: skew(226deg, 360deg); }

.com-baner .banertext .linetext::before { right: -1rem; transform: skew(127deg, 360deg); }

body, html { max-width: 1920px; margin: 0 auto; }

* { font-family: 'Arial'; color: #333; font-size: .12rem; }

.no-nowrap { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

@font-face { font-family: 'BebasNeue'; src: url("../font/BebasNeue-1.woff"); }

@font-face { font-family: 'Techna'; src: url("../font/Techna-Sans-Regular-2.woff"); }

.container { max-width: 1400px; margin: 0 auto; }

a { text-decoration: none; }

.p { display: block; }

.f { display: none; }



@media only all and (min-width: 750px) { .headerfixed, .newsheader, .query { height: .99rem; background-color: #fff; box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.05); padding: 0 !important; padding-left: 0.36rem !important; }
  .headerfixed .logo, .newsheader .logo, .query .logo { display: flex; align-items: center; }
  .headerfixed .logo .f, .newsheader .logo .f, .query .logo .f { display: block; }
  .headerfixed .logo .p, .newsheader .logo .p, .query .logo .p { display: none; }
  .headerfixed .text, .newsheader .text, .query .text { color: #4e4e4e !important; }
  .headerfixed .head-info::before, .newsheader .head-info::before, .query .head-info::before { position: absolute; left: -1.9rem; top: 0; content: ''; width: 0; height: 0; width: 3.4rem; height: 100%; transform: rotate(128deg); background-color: #fff; } }

.header { position: fixed; top: 0; left: 0; z-index: 22; width: 100%; padding: .26rem .36rem; display: flex; justify-content: space-between; }

.header .logo img { width: 2.4rem; }

.header .nav-list { display: flex; justify-content: space-around; align-items: center; }

.header .nav-list .list { position: relative; padding: 0 20px; }

.header .nav-list .list.active a::after { position: absolute; content: ''; width: 100%; bottom: -4px; left: 0; border-bottom: solid 4px #dda000; }

.header .nav-list .list .text { position: relative; display: inline-block; font-size: .18rem; font-weight: bold; color: #fff; padding: 10px 0; }

.header .nav-list .list .text::before { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; border: solid 1px rgba(255, 255, 255, 0.6); opacity: 0; transition: all 0.2s ease-out; }


.head-info { display: flex; align-items: center; }

.head-info > div { display: flex; align-items: center; }

.head-info .phoneinfo { color: #fff; font-size: .22rem; }

.head-info .phoneinfo img { width: .3rem; margin-right: .08rem; }

.head-info .wechartinfo {  border: 1px solid #fff; padding: .09rem; border-radius: 100%; margin-left: .35rem; }

.footer { padding: .52rem 0 .3rem; background-color: #6b6b6b; }

.footer .footerinfo { padding-bottom: 1.12rem; display: flex; justify-content: space-between; }

.footer .footerinfo > div span { font-size: .16rem; color: #ffffff; }

.footer .footerinfo > div p { font-size: .14rem; color: #ffffff; margin-top: .18rem; }

.footer .footerinfo > div p a { font-size: .14rem; color: #ffffff; }

.footer .footerinfo > div .switchbox { display: flex; border-bottom: 2px solid #7a7a7a; margin-bottom: .14rem; }

.footer .footerinfo > div .switchbox span { padding: .16rem; }

.footer .footerinfo > div .switchbox .active { position: relative; }

.footer .footerinfo > div .switchbox .active::before { position: absolute; content: ''; width: 100%; left: 0; bottom: -2px; border-bottom: 2px solid #fff; }

.footer .footerinfo > div .switchboxcont img { display: none; }

.footer .footerinfo > div .switchboxcont img:first-child { display: block; }

.footer .registerinfo { display: flex; justify-content: space-between; align-items: center; }

.footer .registerinfo p { font-size: .14rem; color: #ffffff; }

.footer .registerinfo span { font-size: .12rem; color: #cccccc; }

.foot-menu { width: 740px; font-size: 0; }

.foot-menu .menu-list { display: inline-block; vertical-align: top; width: 65%; margin-bottom: 30px; }

.foot-menu .menu-list:nth-child(odd) { width: 35%; }

.foot-menu .menu-list .title { font-size: 16px; line-height: 18px; margin-bottom: 15px; font-weight: bold; color: #fff; }

.foot-menu .menu-list .list { font-size: 18px; line-height: 20px; font-weight: bold; margin-bottom: 10px; color: #999; }

.foot-menu .menu-list a { display: inline-block; transition: all 0.4s; }

.foot-menu .menu-list a:hover { color: #fff; }

.menu-btn { display: none; }

@media only all and (max-width: 1600px) { .container { max-width: 1200px; } }

@media only all and (max-width: 1400px) { .container { max-width: 1020px; } }

@media only all and (max-width: 1200px) { .container { max-width: 700px; }
  .header .logo img { width: 2rem; }
  .header .nav-list .list { position: relative; padding: 0 0.1rem; }
  .submenu { top: 38px; }
  .header .nav { display: block; position: fixed; top: 0; left: 0; height: 100%; bottom: 0; width: 60%; background: #7c858d; box-shadow: 0px 10px 12px 0px rgba(9, 9, 9, 0.5); } }

@media only all and (max-width: 750px) {
  .show-pc{
    display: none;
  }
  .show-m{
    display: block;
  }
  .mode{
    display: flex;
    flex-wrap: wrap;
  }
  .map{
    order:2;
  }
  .infobox{
    order: 1;
  }
  html { font-size: 100px !important; }
  .wrap { padding-top: 50px; }
  .com-baner .banertext .tips { font-size: .24rem; letter-spacing: .02rem; }
  .com-baner .banertext .linetext { font-size: .24rem; letter-spacing: .02rem; }
  .com-baner .banertext .linetext::after { left: -0.8rem; }
  .com-baner .banertext .linetext::before { right: -0.8rem; }
  .header .logo img { width: 1.1rem; }
  .head-info { display: none; }
  .menu-btn { display: flex; width: 40px; height: 26px; align-items: center; justify-content: center; flex-wrap: wrap; margin-right: 0; margin-left: auto; position: relative; }
  .menu-btn.active span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
  .menu-btn.active span:nth-child(2) { display: none; }
  .menu-btn.active span:nth-child(1) { margin-bottom: 0; transform: translate(-50%, -50%) rotate(45deg); transform-origin: 50%, 50%; }
  .menu-btn.active span:nth-child(3) { margin-bottom: 0; transform: translate(-50%, -50%) rotate(-45deg); transform-origin: 50%, 50%; }
  .menu-btn span { display: block; width: 75%; height: 2px; background: #fff; border-radius: 2px; margin-bottom: 8px; }
  .menu-btn span:last-child { margin-bottom: 0; }
  .head-info { position: static; margin-top: 15px; height: 35px; }
  .header { position: fixed; top: 0; left: 0; width: 100%; padding: 10px 20px; z-index: 1000; display: flex; align-items: center; background-color: rgba(0, 0, 0, 0.5); }
  .header.active { background: #fff; }
  .header .logo-moblie { display: block; }
  .header .logo-moblie img { height: 35px; }
  .header .nav-list { display: none; }
  .menu-btn { width: 35px; }
  .menu-btn span { margin-bottom: 0px; }
  .header .nav-list { display: block; position: fixed; top: 0; left: -150%; height: 100%; bottom: 0; width: 60%; padding-top: 15px !important; background: #fff; box-shadow: 0px 10px 12px 0px rgba(9, 9, 9, 0.5); transition: left 0.6s; }
  .header .nav-list.active { left: 0; }
  .header .nav-list .list { display: flex; align-items: center; margin-top: 25px; }
  .header .nav-list .list .text { font-size: 16px; padding: 0 20px; color: #505050; }
  .header .nav-list .list a { padding: 10px 10px 10px 0; }
  .header .nav-list .list a img { width: 30px !important; height: 22px !important; object-fit: contain; }
  .header .nav-list .logo-list { display: none; }
  .footer .footerinfo > div p { margin-top: .1rem; }
  .footer .footerinfo { flex-wrap: wrap; padding: 0 10px; }
  .footer .footerinfo > div { margin-bottom: 40px; }
  .footer .registerinfo { flex-direction: column; text-align: center; }
  .footer .registerinfo .copyright { margin: 20px 0; }
  .footer .registerinfo img { width: .8rem; } }

.modebg { position: relative; width: 100%; }

.closeicon { display: none; }

.mode { position: relative; }

.mode .infobox { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); left: 13.6%; padding: .72rem .71rem; background-color: #fff; overflow: hidden; border-top: 3px solid #dda000; }

.mode .infobox h1 { font-size: .4rem; font-weight: 400; color: #333333; margin-bottom: .26rem; }

.mode .infobox .brefinfo { vertical-align: top; }

.mode .infobox .brefinfo img { display: inline-block; vertical-align: top; margin-right: 22px; }

.mode .infobox .brefinfo .info { display: inline-block; padding-bottom: .16rem; }

.mode .infobox .brefinfo .info span { font-size: .18rem; color: #dbae6c; }

.mode .infobox .brefinfo .info p { font-size: .18rem; color: #333333; line-height: 1.5;}

#allmap1 { width: 100%; height: 100%; }

.wrap { background-color: #ffffff; }

.wrap .subnavs { width: 100%; background-color: #6b6b6b; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.wrap .subnavs a { position: relative; padding: .19rem .44rem;font-size: .18rem; color: #ffffff;  border-bottom: 3px solid transparent;}

.wrap .subnavs a.active { background-color: #565656; border-bottom: 3px solid #dda000; }
.wrap .subnavs a:hover{
  background-color: #565656; border-bottom: 3px solid #dda000;
}
.wrap .mode1 { position: relative; width: 100%; }

.wrap .mode1 .incrementft { position: absolute; top: 20%; left: 13.6%; }

.wrap .mode1 .incrementft h1 { font-size: .4rem; color: #ffffff; margin-bottom: .34rem; letter-spacing: 4px; }

.wrap .mode1 .incrementft .more { font-size: .18rem; color: #ffffff; font-size: .15rem; padding: 17px 37px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 30px; border: 2px solid #fff; }

.wrap .mode1 .incrementft .more img { margin-left: .31rem; }

.wrap .mode2 { width: 100%; }

.wrap .mode2 > h1 { padding: .94rem 0 .62rem 0; font-size: .34rem; color: #333333; border-bottom: 1px solid #e5e5e5; }

.wrap .mode2 .boxlist { color: #333333; }

.wrap .mode2 .boxlist .box { position: relative; border-bottom: 1px solid #e5e5e5; border-left: 0; border-right: 0; }

.wrap .mode2 .boxlist .box .tipbox { padding: 29px 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.wrap .mode2 .boxlist .box .tipbox img { margin-right: .2rem; }

.wrap .mode2 .boxlist .box .details { position: relative; width: 100%; background-color: #f7f7f7; padding: .39rem .26rem; display: none; }

.wrap .mode2 .boxlist .box .details .link { width: 152px; display: -webkit-flex; display: -ms-flexbox; display: flex; border: 2px solid transparent; padding: 12px 0; font-size: .15rem; color: #cd8b01; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 50px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-weight: bold; }

.wrap .mode2 .boxlist .box .details .link:hover { transition: all 1s; border-color: #deb663; }

.wrap .mode2 .boxlist .box .details .link img { margin-left: .13rem; }

.wrap .mode2 .boxlist .box .details .breif .modetip { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: .36rem; }

.wrap .mode2 .boxlist .box .details .breif .modetip span { -webkit-flex: 1; -ms-flex: 1; flex: 1; color: #deb663; font-size: .18rem; margin-right: 1%; }

.wrap .mode2 .boxlist .box .details .breif h4 { font-size: .16rem; color: #333333; margin: .20rem 0; }

.wrap .mode2 .boxlist .box .details .breif p { line-height: 2; font-size: .16rem; color: #333333; }
@media only all and (max-width: 1000px) {
  .mode .infobox{
    transform: translate(0, -50%) scale(.8);
  }
}

@media only all and (max-width: 750px) {
  .mode { height: auto !important; }
  .tipbox span{
    font-size: .16rem;
  }
  .map { height: auto !important; }
  .messagebox{right: 0 !important;}
  .mode .infobox { position: relative; padding: .1rem; margin: .2rem; top: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); left: 0; }
  .mode .infobox h1 { font-size: .24rem; margin-bottom: 0.1rem; }
  .mode .infobox .brefinfo .info { width: 85%;line-height: 1.5; font-size: .14rem; }
  .wrap .mode1 .incrementft h1 { font-size: .24rem; margin-bottom: .1rem; }
  .wrap .mode2 > h1 { padding: 20px 0; font-size: .20rem; }
  .wrap .mode1 .incrementft .more { padding: 10px 20px; }
  .wrap .mode2 { padding: 0 10px; }
  .wrap .mode2 .boxlist .box .tipbox { padding: 15px 0; }
  .wrap .mode2 .boxlist .box .details .link { padding: 4px 10px; width: 116px; white-space: nowrap; display: -webkit-flex; display: -ms-flexbox; display: flex; border: 2px solid #deb663; font-size: .12rem; }
  .wrap .mode2 .boxlist .box .details { font-size: 20px; padding: 20px 10px; }
  .wrap .mode2 .boxlist .box .details .breif p{
    font-size: .13rem;
  }
}

/*# sourceMappingURL=../map/cooperation.css.map */