@charset "utf-8";
*,*:before,*:after{box-sizing:border-box;-webkit-appearance: none;}
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol{margin:0;padding:0}em,i{font-style:normal}li{list-style:none}a,a:hover{text-decoration:none}img{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;height:auto;vertical-align:middle;border:0}table{border-collapse:collapse;border-spacing:0}label{cursor:default}body,button,input,select,textarea{font: .24rem/1.6 "PingFang SC", apple-system, "Helvetica Neue", "Microsoft YaHei", "Source Han Sans SC","WenQuanYi Micro Hei", sans-serif;outline:none;}textarea{resize:none}a,a:focus{outline:none}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}.clear{display:block;height:0;clear:both;font-size:0;line-height:0;overflow:hidden}.fl{float:left;display:inline}.fr{float:right;display:inline}.fn{float:none}.tl{text-align:left}.tr{text-align:right}.tc{text-align:center}.noBg{background:none!important}.hide{display:none !important}
body{position:relative;background:#fbfbfb;}
a{color:#444;text-decoration:none;outline: none;}
::-webkit-scrollbar-thumb{min-height:50px;border-radius:3px;background-color:#666}
::-webkit-scrollbar-track{background:#eee}
::-webkit-scrollbar-corner{background:transparent}
::-webkit-scrollbar{width:7px;height:7px}
.g-wp { max-width:750px; margin:0 auto; padding:0; background:#fff; }

.header { position:relative; top: 0; width: 100%; max-width:750px; height: .96rem; background:#fff; z-index:101; }
/* 头部 */
.logo { float: left; /*width: 1.7rem;*/ height: .96rem; }
.logo img { /*width: 1.7rem;*/ height: .96rem; }

/* 菜单显示 */
.c-nav-button { position: relative; float:right; width:.66rem;height:.6rem; top: 50%; margin-right: .15rem; text-align:center; background-color: #0055a6; transition:all 0.6s cubic-bezier(0.4,0,0.2,1); transform: translateY(-50%); }
.is-loading .c-nav-button {transition-delay:0.3s;}
.c-nav-button_wrap {position:relative;top:50%;display:inline-block;height:.22rem;margin-top:-.11rem;vertical-align:top;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);}
.has-nav-open .c-nav-button:hover .c-nav-button_wrap {transform:translateY(0);}
.c-nav-button_icon {display:inline-block;width:.3rem;margin-top:0;vertical-align:top;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);}
.has-nav-open .c-nav-button_icon {transform:rotate(135deg);transition-delay:0.2s;}
.c-nav-button_line {position:relative;display:block;height:.02rem;margin-bottom:.08rem;transform:translateZ(0);transition:transform 0.2s cubic-bezier(0.4,0,0.2,1) 0.2s,opacity 0.15s 0.05s;}
.c-nav-button_line::before,.c-nav-button_line::after {display:block;content:"";position:absolute;top:0;left:0;right:0;height:.02rem;background-color:#fff;border-radius:.04rem;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);transform:translateZ(0);}
.c-nav-button_line::after {opacity:0;}
.c-nav-button:hover .c-nav-button_line::before {transform:translateY(0);}
.has-nav-open .c-nav-button:hover .c-nav-button_line::before {transform:translateY(0);}
.c-nav-button_line:nth-child(1)::before {transition-delay:0.2s;}
.c-nav-button:hover .c-nav-button_line:nth-child(1)::before {transition-delay:0s;}
.has-nav-open .c-nav-button_line:nth-child(1) {transition-delay:0s,0.2s;}
.has-nav-open .c-nav-button_line:nth-child(1) {transform: translateY(.1rem);}
.c-nav-button_line:nth-child(2) {transition:transform 0.2s cubic-bezier(0.4,0,0.2,1) 0.05s;}
.c-nav-button_line:nth-child(2)::before {transition-delay:0.1s;}
.has-nav-open .c-nav-button_line:nth-child(2) {transform:rotate(90deg);transition-delay:0.15s;}
.c-nav-button_line:nth-child(3) {position:relative;margin-bottom:0;}
.c-nav-button_line:nth-child(3)::before {transition-delay:0.0s;}
.c-nav-button:hover .c-nav-button_line:nth-child(3)::before {transition-delay:0.2s;}
.has-nav-open .c-nav-button_line:nth-child(3) {opacity:0;transform:translateY(-0.6rem);transition-delay:0s,0s;}
.c-nav-button_line:nth-child(3)::after {top:0.6rem;}
.u-mask {background:rgba(0,0,0,0.4);position:fixed;left:0;top:0;z-index:80;width:100%;height:100%;visibility:hidden;opacity:0;transition:all .2s;cursor:pointer;transition:none;}
.has-nav-open .u-mask {visibility:visible;opacity:1;transition:all .2s;transition:none;background:rgba(0,0,0,0.35);-webkit-backdrop-filter:saturate(180%) blur(50px);backdrop-filter:saturate(180%) blur(50px);}
.m-nav {width:100%;max-width:7.5rem;height:100%;position:fixed;left:100%;top:0;right:0;padding-right:2.5rem;}
.m-nav .m-nav-content {background:#fff;width:100%;height:100%;overflow-y:auto;padding-top:1rem;}
.has-nav-open .m-nav {visibility:visible;opacity:1;transition:all .2s;left:50%;margin:0 0 0 -1.25rem;z-index:90;}
.m-nav>.m-nav-content>ul {padding:.3rem;}
.m-nav>.m-nav-content>ul>li {border-bottom:1px solid #eee;font-size:.28rem;line-height:.4rem;}
.m-nav>.m-nav-content>ul>li>a {position:relative;display:block;padding:.3rem .5rem .3rem 0;}
.m-nav>.m-nav-content>ul>li>a:hover,.m-nav>.m-nav-content>ul>li>a.current {color:#000;}
.m-nav>.m-nav-content>ul>.has-children>a:after {content:'';display:block;width:.15rem;height:.15rem;position:absolute;right:.2rem;top:50%;margin-top:-0.05rem;transform:rotate(45deg);color:#888;transition:all .2s;border-top:.02rem solid #888;border-left:.02rem solid #888;}
.m-nav .sub-nav {padding:.2rem .2rem .2rem .2rem;background:#fafafa;}
.m-nav .sub-nav li {float:left;width:50%;font-size:.26rem;text-align:center;}
.m-nav .sub-nav li a {display:block;padding:.1rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;-webkit-box-orient:vertical;-webkit-line-clamp:1;}

.m_banner.swiper-container-horizontal>.swiper-pagination-bullets { bottom: .1rem; }

.fun-search { height: .85rem; border: solid #eee; border-width: 1px 0; background-color: #fbfbfb; }
.fun-search form {position:relative;width: 100%; height: .85rem; background: none; }
.fun-search input[type="text"]{float:left;width: 80%;height: .85rem;line-height:.85rem;border:0;background:none; color:#434343;padding: 0 .2rem;font-size:14px;}
.fun-search input[type="submit"]{float:right;width: 20%;height: .85rem; background: url(../images/fun-search-ico.png) no-repeat 50% 50% / 30%; color:#434343;text-align:center;cursor:pointer;font-size:0;border: 0;}

.m-title .hd { margin-bottom: .3rem; text-align: center; }
.m-title .hd h2 { color: #444; font-size: .3rem; line-height: .5rem; font-weight: bold; }
.m-title .hd h3 { margin-bottom: 0; color: #000; font-size: .36rem ; line-height: .4rem; font-weight: bold; font-family: Arial; text-transform: uppercase; }
.m-title .hd h4 { position: relative; margin-bottom: .15rem; color: #434343; font-size: .3rem ; line-height: .78rem; font-weight: bold; }
.m-title .hd p { color: #fff; font-size: .24rem ; line-height: .32rem; }

.col-a { padding: .3rem .35rem; }
.col-a .bd { margin-bottom: .1rem; }
.col-a .bd ul { width: auto; margin: 0 -1%; }
.col-a .bd ul li { position: relative; float: left; width: 48%; margin: 0 1% .2rem; }
.col-a .bd ul li a { display: block; }
.col-a .bd ul li .pic { width: 100%; height: auto; overflow: hidden; }
.col-a .bd ul li .c2 { position: absolute; left: .2rem; bottom: .35rem; padding: 0; color: #fff; }
.col-a .bd ul li .ce { width: 70%; font-size: .24rem; line-height: .3rem; text-transform: uppercase; }
.col-a .bd ul li .ct { font-size: .3rem; font-weight: bold; line-height: .4rem; }

.col-c { padding: .5rem .35rem; }

.about-us { display: block; }
.about-us .desc { padding: .3rem 0; color: #707070; font-size: .26rem; line-height: 1.6; text-align: justify; }
.about-us .desc p { text-indent: 2em; }
.column { margin-bottom: .3rem; display: flex; justify-content: space-between; align-items: flex-start; }
.column li { position: relative; font-size: .26rem; line-height: .54rem; text-align: center; }
.column li i { display: block; width: .98rem; height: .98rem; margin: 0 auto; padding: .04rem; border-radius: .06rem; border: 1px solid #d2d2d2; line-height: .98rem; }
.column li i img { vertical-align: top; }

.more a { display: block; width: 100%; background: #0055a6; color: #fff; font-size: .3rem; line-height: .8rem; text-align: center; }

.col-d { position: relative; padding: .3rem .36rem; }
.col-d .bd { margin-bottom: .3rem; }
.col-d .swiper-button-prev{left: 0;width: .7rem;height: 1.31rem;background: url(../images/cold_prev.jpg) no-repeat;background-size: 100%;}
.col-d .swiper-button-next{right: 0;width: .7rem;height: 1.31rem;background: url(../images/cold_next.jpg) no-repeat;background-size: 100%;}


.col-e { padding: .3rem .35rem; }
.col-e .bd { margin:0 0 .3rem; }
.col-e .bd .item {position: relative;width: 100%;background:#fff;}
.col-e .bd .item:after { position: absolute; left: 0; top: 0; content: ''; display: block; width: 100%; height: 100%; background: #fff; transition: all .6s; }
.col-e .bd .item a { position: relative; display: block; padding: 0; z-index: 1; }
.col-e .bd .item .pic { position: relative; overflow: hidden; }
.col-e .bd .item .pic img { width: 100%; height: auto; transform: scale(1); transition: all .6s; }
.col-e .bd .item dl { position: relative; display:block; overflow:hidden; zoom:1; padding:.2rem; background: #fff; }
.col-e .bd .item dl .title { margin-bottom: .1rem; color: #313131; font-size: .3rem; line-height: 1.6; }
.col-e .bd .item dl .descrition { margin-bottom: .1rem; padding-bottom: .3rem; border-bottom: 1px solid #e5e5e5; color: #999; font-size: .24rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;  }
.col-e .bd .item dl .more { color: #00a6cb; text-transform: uppercase; font-family: Arial; transition: all .3s; }
.col-e .bd li { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: .26rem; line-height: .6rem; }
.col-e .bd li span { float: right; color: #888; font-size: .24rem; }

.col-f { position: relative;  padding: .5rem .35rem; }
.col-f .swiper-button-prev{left: .14rem;width: .39rem;height: .74rem;background: url(../images/cold_prev.jpg) no-repeat;background-size: 100%;}
.col-f .swiper-button-next{right: .14rem;width: .39rem;height: .74rem;background: url(../images/cold_next.jpg) no-repeat;background-size: 100%;}
.col-f .swiper-slide a { display: flex; align-items: center; height: 1rem; border: 1px solid #e5e5e5; }




.footer { /* padding-bottom: 1.4rem; */ background:#0055a6; color: #eee; text-align: center; }
.footer a { color: #eee; }
.footer-contact {padding: .5rem .3rem 0;}
.footer-left { float: none; width: auto; display: block; }
.footer-left .contact-us {color: #fff;font-size: .24rem;line-height: .4rem;text-align: justify;}
.footer-nav {float: none;width: auto;display: none;padding: .3rem;border: solid rgba(255,255,255,.2);border-width: 1px 0 0;font-size: 14px;line-height: 36px;}
.footer-nav ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
.footer-nav li { width: 33.3333%; text-align: center; }
.footer-right { display: block; float: none; width: auto; padding: .5rem 0 .2rem; text-align: center; }
.footer-right .txt { margin-top: 10px; line-height: 28px; font-size: 12px; }

.footer-logo { height: 1rem; margin-bottom: .3rem; }
.footer-logo img { height: 100%; }
.contact-us h4,
.contact-us h3 {line-height: .5rem;font-weight: bold;}
.contact-us h4 { color: #0055a6; font-size: .3rem; text-transform: uppercase; }
.contact-us h3 {color: #fff;font-size: .28rem;}
.contact-us .tel {margin-top: .3rem;color: #fff;font-size: .4rem;font-family: Arial, Helvetica, sans-serif;font-weight: bold;}
.contact-us p { padding: .1rem 0; color: #fff; font-size: .24rem; line-height: .3rem; text-align: center; }

.copy { margin-top: .3rem; padding: .3rem .35rem; background: #134487; }
.copy .g-in { /*display: flex; justify-content: space-between; align-items: center;*/ }

.fixed-footer { position: fixed; left: 0; right: 0; bottom: 0; background: #cbcbcb; z-index: 9; display: none; }
.fixed-footer a { float: left; width: 25%; padding: .3rem 0 .2rem; border-right: 1px solid #cbcbcb; color: #fff; text-align: center; }
.fixed-footer a i { display: block; width: .45rem; height: .45rem; margin: 0 auto; }
.fixed-footer a i img { width: .45rem; height: .45rem; }
.fixed-footer a:last-child { border-right: 0; }
.fixed-footer a:first-child { background-color: #0055a6; }