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

.clearfix:after { clear: both; }

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 (max-width: 980px) { 
  .head-info .phoneinfo { font-size: 0.16rem !important; }
  .header .logo img { width: 1.3rem !important; } }

@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); } }

.hiden-m{
  display: block;
}
@media only all and (min-width: 750px) {
  .show-m{
    display: none!important;
  }
}
@media only all and (max-width: 750px) { 
  .bgimg{
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .contentimg{
    position: relative;
    height: 200px!important;
    margin-bottom: 10px;
  }
  .child-left,.rights .contentimg{
    height: 200px!important;
  }
  .show-m{
    display: block!important;
  }
  .hiden-m{
    display: none!important;
  }
  .img-bottom{
    height: 400px;
  }
  .img-bottom .contentimg{
    height: 200px;
  }
  
  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; } }

.wrap .imgbox { padding: 1.01rem 0 1.3rem; background-color: #fff; }

.wrap .imgbox .container { display: -webkit-flex; display: -ms-flexbox; display: flex; }

.wrap .imgbox .container .lefts { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 75%; margin-right: 10px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.wrap .imgbox .container .lefts > div { width: 100%; margin-bottom: 10px; }

.wrap .imgbox .container .lefts .img-top { display: -webkit-flex; display: -ms-flexbox; display: flex; }

.wrap .imgbox .container .lefts .img-top .child-left { -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.wrap .imgbox .container .lefts .img-top .child-right { width: 69%; margin-left: 10px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.wrap .imgbox .container .lefts .img-top .child-right > div { width: 100%; }

.wrap .imgbox .container .lefts .img-top .child-right .child-top {  margin-bottom: 10px;display: -webkit-flex; display: -ms-flexbox; display: flex; }
.wrap .imgbox .container .lefts .img-top .child-right .child-top > div { -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.wrap .imgbox .container .lefts .img-top .child-right .child-top .contentimg1 { margin-right: 10px; }

.wrap .imgbox .container .lefts .img-top .child-right .child-bottom { display: -webkit-flex; display: -ms-flexbox; display: flex; }

.wrap .imgbox .container .lefts .img-top .child-right .child-bottom > div { -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.wrap .imgbox .container .lefts .img-top .child-right .child-bottom .contentimg1 { margin-right: 10px; }

.wrap .imgbox .container .lefts .img-bottom { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.wrap .imgbox .container .lefts .img-bottom .contentimgright { -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.wrap .imgbox .container .lefts .img-bottom .long { width: 65%; margin-right: 10px; }
.img-bottom{
  margin-bottom: 0!important;
}
.wrap .imgbox .container .rights .contentimg { width: 100%; margin-bottom: 10px; }
.rights .contentimg{
  height: 31.8%;
}
.rights .contentimg:last-child{
  margin-bottom: 0!important;
  height: 34.3%;
}
@media only all and (min-width: 1600px) {
  .rights .contentimg{
    height: 32.7%;
  }
  .rights .contentimg:last-child{
    margin-bottom: 0!important;
    height: 32.6%;
  }
}
@media only all and (max-width: 1400px) {
  .rights .contentimg{
    height: 30.7%;
  }
  .rights .contentimg:last-child{
    margin-bottom: 0!important;
    height: 36.2%;
  }
}
@media only all and (max-width: 1200px) {
  .rights .contentimg{
    height: 28.6%;
  }
  .rights .contentimg:last-child{
    margin-bottom: 0!important;
    height: 40.1%;
  }
}
.contentimg { position: relative; cursor: pointer; overflow: hidden;height: 100%; }
.contentimg .contimg{
  width: 100%;
  height: auto;
}
.contentimg:hover .contimg { -webkit-transform: scale(1.2); transform: scale(1.2); }

.contentimg:hover .bg { opacity: 1; }

.contentimg:hover .links { opacity: 1; left: .28rem; }

.contentimg .bg { position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition: all .5s; z-index: 2; }

.contentimg .links { position: absolute; transition: all .5s; opacity: 0; z-index: 3; bottom: .33rem; left: -0.28rem; color: #fff; width: .5rem; height: .5rem; background-color: #fff; border-radius: 100%; 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; }

.contentimg .name { font-weight: 800;position: absolute; z-index: 3; top: .28rem; left: .28rem; color: #fff; font-size: .24rem; letter-spacing: .02rem; }

.contentimg .contimg { object-fit: cover; transition: all 1s; height: 100%; }

@media only all and (max-width: 750px) {
  .messagebox{right: 0 !important;}
  .wrap .imgbox .container .lefts .img-bottom .contentimgright { -webkit-flex: auto; -ms-flex: auto; flex: auto;margin-bottom: 10px; }
  .wrap .imgbox { padding: .2rem .1rem; background-color: #fff; }
  .wrap .imgbox .container { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .wrap .imgbox .container .lefts { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-right: 0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .wrap .imgbox .container .lefts > div { width: 100%; margin-bottom: 0; }
  .wrap .imgbox .container .lefts .img-top { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .wrap .imgbox .container .lefts .img-top .child-left { width: 100%; -webkit-flex: none; -ms-flex: none; flex: none;margin-bottom: 10px; }
  .wrap .imgbox .container .lefts .img-top .child-right { width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: 0; margin-bottom: 10px; }
  .wrap .imgbox .container .lefts .img-top .child-right > div { width: 100%; }
  .wrap .imgbox .container .lefts .img-top .child-right .child-top { width: 100%; margin-bottom: 10px; }
  .wrap .imgbox .container .lefts .img-top .child-right .child-bottom { display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .wrap .imgbox .container .lefts .img-top .child-right .child-bottom > div { -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .wrap .imgbox .container .lefts .img-bottom { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .wrap .imgbox .container .rights { width: 100%; }
  .wrap .imgbox .container .rights .contentimg { width: 100%; margin-bottom: 10px; }
  .wrap .imgbox .container .rights .contentimg >img { width: 100%; }
  .contentimg .contimg { width: 100%; }
  .wrap .imgbox .container .lefts .img-bottom { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .wrap .imgbox .container .lefts .img-bottom > div { width: 100% !important; }
  .wrap .imgbox .container .lefts .img-bottom .long { margin-right: 0;margin-bottom: 10px; } }

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