@charset "utf-8";
/* CSS Document */


/*===========================header=============================*/
#header,#nav ul li>a,.top_menu{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#header{ z-index:999; height:7.5rem; width:100%; position: fixed; top: 0; z-index: 998; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#header:before{ position: absolute; content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 9rem; z-index: -1; pointer-events: none;
    background-image: -moz-linear-gradient( 90deg, transparent 28%, rgb(4,78,162) 100%);
    background-image: -webkit-linear-gradient( 90deg, transparent 28%, rgb(4,78,162) 100%);
    background-image: -ms-linear-gradient( 90deg, transparent 28%, rgb(4,78,162) 100%); }
#header:after{ position: absolute; content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 9rem; z-index: -1; pointer-events: none; opacity: 0; visibility: hidden;
    background-image: -moz-linear-gradient( 90deg, transparent 28%, rgb(4,78,162) 100%);
    background-image: -webkit-linear-gradient( 90deg, transparent 28%, rgb(4,78,162) 100%);
    background-image: -ms-linear-gradient( 90deg, transparent 28%, rgb(4,78,162) 100%);  }
#header>.m{ display: flex; height: 100%; padding: 0 2rem; max-width: 100%; justify-content: space-between; align-items: center; position: static; }
#header .fr{  display: flex; flex-direction: column; justify-content: space-between; flex-grow: 1; max-width: 80rem; }
#header .line01{ position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: rgba(255, 255, 255, .1); z-index: -1;}
#logo{ flex-shrink:0; margin-right: 12rem; }
#logo a{ display: flex; height: 100%; align-items: center;}
#logo img{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; width: 17rem; }
#logo .img01{ display: none;}
#logo .img02{ display: block;}
.xg #logo img{ width: 12rem;}
#nav{ /*! flex-grow: 1; */ display: flex; align-items: center; /*! gap: 2rem; */ margin-top: 0rem;}
#nav ul{display: flex; flex-grow: 1; justify-content:space-around;}
#nav ul li{  position:relative; z-index:0; text-align: center; font-size: 0; }
#nav ul li>a{ display:block; font-size:1.125rem; font-weight: bold; color:#fff; overflow:hidden; text-align: center; position:relative; z-index: 1; display:inline-block;}
#nav ul li>a:hover,#nav ul li.on>a:hover{ /*! color: #dabd6c; */}
#nav li .sub {position: absolute;position: absolute;padding-top: .5rem;left: 50%;top: 100%;z-index: 999;transform-origin: 0 0 0; transform-origin: top; transform: scaleY(0) translateX(-50%);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;opacity: 0;visibility: hidden;}
#nav li .sub .box {padding: 0;text-align: center;background: #fff; min-width: 100%; width: auto;padding: 4px 0; -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);box-shadow: 0px 3px 5px #3333334d; background: linear-gradient(#fff , #c7efff); position: relative;}
#nav li .sub .box:before{ content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: #2fb1e5; }
#nav li .sub .box:after{ content: ""; position: absolute; top: -6px; left: 50%; border-left: transparent 6px solid; border-right: transparent 6px solid; border-bottom: #2fb1e5 6px solid; margin-left: -6px}
#nav li .sub a {padding: 0;line-height: 3;transition: .3s;font-size: 1rem;color: #111f2d; text-align: center;white-space: nowrap; display: block;min-width: 8.75rem; position: relative; z-index: 1}
#nav li .sub a:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(125deg, transparent, rgba(51,195,252,.3) , transparent); opacity: 0; z-index: -1}
#nav li .sub a:hover:before{ opacity: 1}
#nav li:hover .sub {filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;visibility: visible;transform:scaleY(1) translateX(-50%);}
#header #nav ul li.on>a{ /*! font-weight: bold; */}
.top_menu,#nav ul li>a{ padding-bottom: .75rem;}
.top_menu{ display: flex;  align-items: center; position: relative; z-index: 1; border-radius: 50%; margin: 0 0 0 2rem;}
.top_menu>a{  display: flex; align-items: center; transition: .5s; justify-content: center; height: 36px; border-radius: 5px; }
.top_menu svg{ width: 1.25rem; height: 1.25rem; flex-shrink: 0;}
.top_menu.btn_language svg path{ fill: #fff;}
.top_menu svg:nth-child(3){ width: .625rem; height: .625rem;}
.top_menu span{ margin-left: .75rem; margin-right: .75rem; font-size: 1rem; color: #fff; transition: .5s;}
.top_menu.btn_search svg{ width: 1.5rem; height: 1.5rem;}
.top_menu.on svg path{ fill: #fff;}
.language_sub{ position: absolute; left: 0; top: 100%; width: 100%; background: rgba(255, 255, 255, 1);  opacity: 0; visibility: hidden; transition: .5s; transform-origin: top; transform: scaleY(0);}
.top_menu:hover .language_sub{ opacity: 1; visibility: visible; transform: scaleY(1);}
.language_sub a{ display: block; text-align: left; justify-content: flex-start !important; padding: 1rem 2rem; text-transform: uppercase; padding-left: 23%; font-size: .9375rem; color: #666; position: relative; z-index: 1; transition: .5s;}
.language_sub a:before{ content: ""; display: block; width: 100%; height: 1px; background: #eee; position:absolute; left: 0; top: 0; transition: .5s;}
.language_sub a:after{ content: ""; display: block; width: 3px; height: 0; background: #267ddf; position:absolute; left: 0; bottom: 0; transition: .5s;} 
.language_sub a.on:after{ height: 100%;} 
.language_sub a:hover:after{ height: 100%; top: 0; bottom: auto;}
.topbox{ display: flex; align-items: center; justify-content: flex-end;  padding-top: .8rem; padding-bottom: .2rem;}
.top_link{ }
.top_link a{ color: #fff; transition: .5s; font-weight: 300;font-size: .875rem;}
.top_link i{ color: #fff; transition: .5s;margin: 0 .3rem;}
.top_link a:hover{ /*! color: #267ddf !important; */}
.top_search_btn{ width: 1.75rem; height: 1.75rem; margin-left: 2.5rem; border-radius: 50%; border: 1px solid #fff; padding: 5px; display: block; position: relative; transition: .5s; }
.top_search_btn svg{ pointer-events: none;}
.top_search_btn:hover{ border: 1px solid #267ddf !important; background: #267ddf !important;}
.top_search_btn:hover svg{ fill: #fff;}
.top_search_btn:hover svg path{ fill: #fff !important;}
/* #header.xg #logo img{ opacity: 0;} */
#header.xg:after{ opacity: 1; visibility: visible;}
/* #header.xg{ background: rgba(255, 255, 255, 1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);}
#header.xg #nav ul li>a{  color: #333;}
#header.xg #nav ul li>a:before{ background: #267ddf;}
#header.xg #logo .img01{ display: block;}
#header.xg #logo .img02{ display: none;}  
#header.xg #nav ul li.on>a, #header.xg #nav ul li:hover>a {color: #267ddf !important;}
#header.xg .top_link a{ color: #666;}
#header.xg .top_link i{ color: #666;}
#header.xg .top_menu.btn_language svg path{ fill: #999;} 
#header.xg .top_menu.btn_language span{ color: #333;}
#header.xg .top_search_btn{ border: 1px solid #999;}
#header.xg .top_search_btn svg path{ fill: #333;} */

/* #header:hover{ background: rgba(255, 255, 255, 1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);}
#header:hover #nav ul li>a{ color: #333; }
#header:hover #nav ul li>a:before{ background: #267ddf;}
#header:hover #logo .img01{ display: block;}
#header:hover #logo .img02{ display: none;} 
#header:hover .top_menu.btn_language svg path{ fill: #999;} 
#header:hover .top_menu.btn_language span{  color: #333;} 
#header:hover #nav ul li.on>a, #header:hover #nav ul li:hover>a {color: #267ddf !important;} 
#header:hover .top_link a{ color: #666;}
#header:hover .top_link i{ color: #666;}
#header:hover .top_search_btn{ border: 1px solid #999;}
#header:hover .top_search_btn svg path{ fill: #333;} */

/*手机导航开始*/
#m_header{ display:none; height:4.5rem; position:fixed; top:0; width:100%; z-index:996; transition:.5s; background: #fff; box-shadow: 0 2px 3px rgba(0,0,0,.1); }
#m_header .m{ position:relative; height:100%; display: flex; align-items: center; gap: 2rem;}
 
.m_nav_list{/* flex-direction:column; *//* justify-content: flex-start; */width:100%;/* overflow: auto; */}
.m_nav_list::-webkit-scrollbar {display:none}
#m_nav .top_search{ display: flex; justify-content: center; margin-right: 0; margin-top: 1rem; margin-bottom: 1rem;}
#m_logo{ flex-grow: 1;}
#m_logo img{ width: 12rem;}
#m_header .top_menu{ padding-bottom: 0; margin-right: 4rem;}
.top_menu svg{ width:1.75rem; height: 1.75rem;}
#m_header .top_search_btn{ border: none; padding: 0; width:1.875rem; height: 1.875rem;}
#m_header .top_search_btn{ border: none;} 
#m_header .top_menu .language_sub{ width: 60px; left: 50%; transform: translateX(-50%); top: 48px;}
#m_header .language_sub a{ padding: .875rem 0rem; text-align: center;}

/* 蓝色背景 */
#m_header{ background: #267ddf;}
/*搜索*/
.top_search{ display: flex; justify-content: center; margin-top: 1rem; margin-bottom: 1rem; opacity: 0;transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); transform: translateY(30px);} 
#m_nav.act .top_search{ opacity: 1;transition: all 0.5s .5s cubic-bezier(0.445, 0.145, 0.355, 1); transform: translateY(0); }
.top_search form{ width: 304px; height: 46px;  background: none; border-radius: 26px; border:1px solid rgb(255 255 255 / 63%); display: flex; align-items: center; justify-content: space-between; } 
.top_search form .input{ width: 100px; height: 100%; background: none; border: 0; flex-grow: 1; color: #fff; padding-left: 20px; } 
.top_search form .button{ width: 46px; height: 100%; cursor: pointer; background: url(../images/search-btn.svg) center no-repeat ; background-size: 23px !important; border: 0; outline: 0; color: #fff;  } 
.top_search form .button:active{ background: url(../images/search-btn.svg) center no-repeat ;}
.top_search form .input::-webkit-input-placeholder{color:#fff;}
.top_search form .input::-moz-placeholder{ color:#fff;}
.top_search form .input::-moz-placeholder{ color:#fff;}
.top_search form .input::-ms-input-placeholder{ color:#fff;}
.top_search form .input:focus::-webkit-input-placeholder {color: transparent;}
.top_search form .input:focus:-moz-placeholder { color: transparent;}
.top_search form .input:focus::-moz-placeholder { color: transparent;}
.top_search form .input:focus:-ms-input-placeholder {color: transparent;}
#m_nav {z-index: 997;position: fixed;  width: 100%;height:100vh;right: 0;top: 0;display:none;padding:50px 0;overflow:hidden;pointer-events: none;
    transition: all 0.5s .5s cubic-bezier(0.445, 0.145, 0.355, 1);display: block;overflow: auto;visibility: hidden;opacity: 0;transform-origin: left; display: flex; flex-direction: column; justify-content: space-between;
    background-image: -moz-linear-gradient( 90deg, rgb(4,78,162,.5) 8%, rgb(4,78,162) 80%);
    background-image: -webkit-linear-gradient( 90deg, rgb(4,78,162,.5) 8%, rgb(4,78,162) 80%);
    background-image: -ms-linear-gradient( 90deg, rgb(4,78,162,.5) 8%, rgb(4,78,162) 80%);
backdrop-filter: blur(10px);
}
#m_nav::-webkit-scrollbar{ display: none;}
#m_nav.act{pointer-events: auto;top:0; visibility: visible; opacity: 1;transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); }
#m_nav>ul>li{width: 80%;overflow:hidden;padding: 0;margin: 0 auto;}
#m_nav>ul>li+li{border-top: 1px solid rgb(220 220 220 / 10%);}
#m_nav li .a{ display: block;  }

#m_nav li h3{line-height:4.5rem;height:4.5rem;color: #fff;padding:0;font-size: 1.25rem;display: flex;justify-content: space-between;overflow: hidden;transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);}
#m_nav li h3 a{ font-size: 1.375rem;}
#m_nav li .a{ flex-grow: 1;}
#m_nav li .a span{ display:block; position:absolute; top:0; right:10px; width: 20px; height: 50px; text-align:center;}
#m_nav li i{ font-size:0;}
#m_nav .title i{opacity:1;filter:alpha(opacity=100);display:inline-block;width: 30px;height:4.5rem;opacity: .8;float:right;display:inline-block;background: url(../images/arrow_down.svg) center no-repeat;background-size:14px;}
#m_nav li.on.title i{transform:rotate(-360deg);-webkit-transform:rotate(-360deg); -moz-transform:rotate(-360deg);}
#m_nav .on.title i{transform:rotate(-360deg);-webkit-transform:rotate(-360deg); -moz-transform:rotate(-360deg);}
#m_nav li{display:block;width:100%;}
#m_nav .slide_nav{ position: absolute; left:0; height: 70px; z-index: 998; padding:15px; top:0; width: 100%; }
#m_nav .title .list{display:none;position:relative; padding-left: 1rem; width:100%;z-index:9;left:0;margin-left:0;background:none;border:0;clear: both;padding-bottom: 1rem;}
#m_nav .title .list span{ background:none; }
#m_nav .title .list span a:hover{ color: #014085;}
#m_nav .title .list a{display:block;font-size: 1rem;color: #fff;text-align:left;line-height: 2.5rem;border:0;transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);}
/*三级导航 开始*/
#m_nav .title .list .void>a{background-size:10px; position:relative;}
#m_nav .title .list .void>a:before{ content:"·"; position:absolute; left:-1em; font-size:12px; font-weight:bold;}
#m_nav .title .list span{ position:relative; display:block;}
#m_nav .title .list span .sub{ position: static; width:100%;display: block !important; overflow:hidden;}
#m_nav .title .sub a{ background:none; font-size:.875rem; opacity:.8; min-width:50%; float:left; display:inline-block; color:#999;}
.nav_mask { position: fixed; top: 0; left: 0;width: 100%;height: 100%;z-index: 1000;background-color: rgba(0,0,0,0.4);display: none;}
#m_nav li h3{transform: translateY(50px);opacity: 0;}
#m_nav li .list a{transform: translateY(50px);opacity: 0;}
#m_nav.act li h3{ transform: translateY(0);transition: all 0.5s .6s cubic-bezier(0.445, 0.145, 0.355, 1); opacity: 1; }
#m_nav.act .list a{ transform: translateY(0);transition: all 0.5s .6s cubic-bezier(0.445, 0.145, 0.355, 1); opacity: 1; }


#m_nav .top_link{ text-align: left; display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; width:80%; margin-left: auto; margin-right: auto; margin-top: 3rem;overflow: hidden;transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);    transform: translateY(50px);
    opacity: 0;}
#m_nav .top_link a{ display: inline-block; width: 100%; line-height: 30px; text-align: center; background: rgba(38, 124, 223, 0.348); color: #fff !important;}
#m_nav .top_link i{ margin-right: 1rem; opacity: .5; font-size: 10px; display: none;}
#m_nav.act .top_link{ transform: translateY(0);transition: all 0.5s .6s cubic-bezier(0.445, 0.145, 0.355, 1); opacity: 1; }
.search-dialog-box{position:fixed;left:0;top:0;width:100%;height:70vh;z-index:1000000;opacity:0;visibility:hidden;transition:.6s}.search-dialog-box:before{content:"";position:absolute;top:0;height:0;transition:.6s;left:0;right:0;z-index:1;background-image:-moz-linear-gradient(270deg,#267ddf 30%,rgba(175,30,40,0) 100%);background-image:-webkit-linear-gradient(270deg,#267ddf 30%,rgba(175,30,40,0) 100%);background-image:-ms-linear-gradient(270deg,#267ddf 30%,rgba(175,30,40,0) 100%)}.search-dialog-box.on:before{height:100%}.search-dialog-box .bubbles-bg{opacity:0;visibility:hidden;display:none}.search-dialog-box .search-bg{position:absolute;left:0;top:0;width:100%;height:0;margin:0;background:rgba(0,0,0,.7);background-size:cover;background-repeat:no-repeat;transform-origin:center center;transition:height .8s cubic-bezier(.77,0,.175,1)}.search-dialog-box .wrap-inner{transform:translateY(100%);transition:.6s}.header-right .bubbles-bg{opacity:0;visibility:hidden;transition:all .5s .8s}.search-dialog-box .bubbles-bg .bubble{position:absolute}.search-dialog-box .bubbles-bg .bubble .circle{border-radius:100%;position:absolute;left:0;top:0;width:100%;height:100%}.search-dialog-box .bubbles-bg .bubble1{width:6%;padding-top:6%;left:26.875%;top:-6.67%}.search-dialog-box .bubbles-bg .bubble1 .circle{border:1px solid #fff}.search-dialog-box .bubbles-bg .bubble2{width:12px;padding-top:12px;left:13.54%;top:18%}.search-dialog-box .bubbles-bg .bubble2 .circle{background-color:#267ddf}.search-dialog-box .bubbles-bg .bubble3{width:36px;padding-top:36px;left:8.854%;top:30.55%}.search-dialog-box .bubbles-bg .bubble3 .circle{background-color:#fff}.search-dialog-box .bubbles-bg .bubble4{width:56.875%;padding-top:56.875%;left:-28.6458%;top:51.85%}.search-dialog-box .bubbles-bg .bubble4 .circle{background:-webkit-linear-gradient(45deg,rgba(255,255,255,0),rgba(255,255,255,.05) 100%);background:-ms-linear-gradient(45deg,rgba(255,255,255,0),rgba(255,255,255,.05) 100%);background:linear-gradient(45deg,rgba(255,255,255,0),rgba(255,255,255,.05) 100%)}.search-dialog-box .bubbles-bg .bubble5{width:54px;padding-top:54px;left:26.3%;top:70.83%}.search-dialog-box .bubbles-bg .bubble5 .circle{background-color:#fff;opacity:.1}.search-dialog-box .bubbles-bg .bubble6{width:56.875%;padding-top:56.875%;left:73.4375%;top:-52.77%}.search-dialog-box .bubbles-bg .bubble6 .circle{background:-webkit-linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.1) 100%);background:-ms-linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.1) 100%);background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.1) 100%)}.search-dialog-box .bubbles-bg .bubble7{width:2rem;padding-top:2rem;left:60.9375%;top:18.5%}.search-dialog-box .bubbles-bg .bubble7 .circle{background-color:#267ddf}.search-dialog-box .bubbles-bg .bubble8{width:1.35rem;padding-top:1.35rem;left:95.83%;top:70.83%}.search-dialog-box .bubbles-bg .bubble8 .circle{border:1px solid #fff}.search-dialog-box .bubbles-bg .bubble9{width:16px;padding-top:16px;left:76.5625%;top:96.296%}.search-dialog-box .bubbles-bg .bubble9 .circle{background-color:#fff}.search-dialog-box .bubbles-bg .bubble10{width:56.875%;padding-top:56.875%;left:71.354%;top:87%}.search-dialog-box .bubbles-bg .bubble10 .circle{background:-webkit-linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.3) 100%);background:-ms-linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.3) 100%);background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.3) 100%)}.search-dialog-box .bubbles-bg .bubble{animation:spin 8s infinite linear;transform-origin:50% 45%}.search-dialog-box .bubbles-bg .bubble:nth-child(2n){animation:spin2 8s infinite linear}.search-dialog-box .bubbles-bg .bubble .circle{animation:spin-reverse 8s infinite linear}.search-dialog-box .bubbles-bg .bubble:nth-child(2n) .circle{animation:spin-reverse2 8s infinite linear}.search-dialog-box .bubbles-bg .sm-bubble{transform-origin:30% 30px}.search-dialog{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;z-index:2}.search-dialog .search-tit{font-size:2.75rem;line-height:3.5rem;color:#fff;text-align:center;overflow:hidden;display:none}.search-dialog .search-inner{overflow:hidden;margin-top:0}.search-dialog .search-input{overflow: hidden;width:50rem;margin:0 auto;padding:0 .5rem 0 1.5rem;background-color: #fff;box-sizing:border-box;transition:all .3s;max-width:94%}.search-dialog .search-input input[type=text]{float:left;height:4.5rem;width:calc(100% - 3.5rem);background-color:transparent;font-size:1.25rem;color: #333;transition:all .3s}.search-dialog .search-input input[type=text]::-webkit-input-placeholder{color:#999}.search-dialog .search-input input[type=text]:-moz-placeholder{color:#999}.search-dialog .search-input input[type=text]::-moz-placeholder{color:#999}.search-dialog .search-input input[type=text]:-ms-input-placeholder{color:#999}.search-dialog .search-input input[type=submit],.search-dialog .search-input .clear-btn{float:right;height:4.5rem;width:3.5rem}.search-dialog .search-input input[type=submit]{background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:1.5rem;background: url(../images/s_search_ico.png) center no-repeat;background-size: 1.75rem;}.search-dialog .search-input .clear-btn{background-color:rgba(0,0,0,.2);background-repeat:no-repeat;background-position:center;background-image:url('../images/close-btn.svg');background-size:3.5rem;border-radius:100%;margin-right:1rem;display:none}.search-dialog .search-input.on{background-color:#fff}.search-dialog .search-input.on input[type=submit]{background-image:url('')}.search-dialog .hot-search{font-size:0;width:19.5rem;margin:.6rem auto 0;box-sizing:border-box;padding:0 .6rem;overflow:hidden}.search-dialog .hot-search .hot-tit,.search-dialog .hot-search .hot-link{display:inline-block;*display:inline;zoom:1;vertical-align:top}.search-dialog .hot-search .hot-tit{font-size:.375rem;line-height:.5rem;color:#fff;font-weight:bold;padding-left:.6rem;background-repeat:no-repeat;background-position:left center;background-size:.5rem;background-image:url()}.search-dialog .hot-link{margin-left:1rem}.search-dialog .hot-link a{display:inline-block;*display:inline;zoom:1;font-size:.375rem;line-height:.5rem;margin-right:.75rem;color:#fff;padding-bottom:5px;position:relative}.search-dialog .hot-link a:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#fff;transform:scaleX(0);transform-origin:left center;transition:transform .3s}.search-dialog-box .bottom-box{position:absolute;left:0;bottom:5.1%;width:100%}.search-dialog-box .bottom-box .share-box{overflow:hidden}.search-dialog-box .bottom-box .copy{font-size:.35rem;line-height:.5rem;color:#fff;font-family:"gilroy-regular";margin-top:.5rem;overflow:hidden}.header-right.is-open .bubbles-bg{visibility:visible;opacity:1}.header-right.is-open .search-btn .con-box{display:none}.header-right.is-open .close-btn{display:block}.header-right.is-open .item .search-bg{transform:scale(1)}.search-dialog-box.on{opacity:1;visibility:visible}.search-dialog-box.on .search-bg{height:100vh}.search-dialog-box.on .bubbles-bg{opacity:1;visibility:visible}.search-dialog-box.on .wrap-inner{transform:translateY(0)}.pub-close{position:absolute;width:3rem;height:3rem;z-index:10;right:1.5rem;top:1.35rem;background-color:rgba(255,255,255,.1);border-radius:100%}.pub-close .bg{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#1c5ab7;transform:scale(0);border-radius:100%;transition:transform .3s}.pub-close i{position:absolute;left:0;top:0;width:100%;height:100%;background-position:center;background-size:.75rem;background-repeat:no-repeat;background-image:url(../images/close-btn.svg);transition:.6s}.pub-close i:hover{transform:rotate(180deg)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes spin2{to{transform:rotate(-1turn)}}@keyframes spin-reverse{from{transform:rotate(1turn)}}@keyframes spin-reverse2{from{transform:rotate(-1turn)}}

/*====移动端导航====*/
#m_n_nav {display: none;line-height: 50px;position: relative;z-index: 9; width: 100%; background: #267ddf;}
#m_n_nav .m{  display: flex; align-items: center; justify-content: space-between;}
#bnt_back { }
#bnt_back svg { fill: #fff; vertical-align: middle; width: 26px; height: 26px; }
#m_n_nav i { }
#m_n_nav h1 { font-size: 14px; color: #fff; text-align: center; margin: 0; line-height: 50px; }
#bnt_sub_nav { cursor: pointer; color: #fff; font-size: 18px; }
#bnt_sub_nav svg {fill: #fff;height: 20px;vertical-align: middle;width: 20px;}
#bnt_sub_nav img { display: block; height: 15px; }
#bnt_sub_nav.on img { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
#sub_nav_content {background: #f0f3f5;display: none;box-shadow: 0 0 5px #999;z-index: 9;}
#sub_nav_content ul { padding: 10px; }
#sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0; }
#sub_nav_content ul li a { display: block; border-left: 2px solid #267ddf; height: 30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: #535455; }
#sub_nav_content ul li.on a { color: #267ddf; }
#sub_nav_content dl { font-size: 0; overflow: hidden; background: #fff; padding: 10px 0; border-top: 1px solid #e7e7e7; }
#sub_nav_content dt { position: relative; background: #fff; z-index: 999; margin-bottom: 0; }
#sub_nav_content dt a { margin: 0 20px; display: block; color: #5b5349; line-height: 30px; font-size: 15px; font-weight: 400; vertical-align: top;  font-family:Alibaba-PuHuiTi-Regular; }
#sub_nav_content dt a i { position: absolute; right: 15px; top: 0; opacity: 0; filter: alpha(opacity=0); display: none; }
#sub_nav_content dt a { }
#sub_nav_content dt.title { background: #fafafb; }
#sub_nav_content dt.title i { opacity: 1; filter: alpha(opacity=100); }
#sub_nav_content dt.title_on { background: #fafafb; }
#sub_nav_content dt.title_on a { color: #267ddf; border-top: 1px solid #fff; }
#sub_nav_content dt.title_on a i { color: #267ddf; }
#sub_nav_content dt.last a { border-top: 1px solid #f8f8f8; }
#sub_nav_content dt.on a, #sub_nav_content dt.title_on a {color: #267ddf;}
#sub_nav_content dd {  }
#sub_nav_content dd .box { padding: 0px 0px 0px 0px; }
#sub_nav_content dd a { padding: 0 25px; line-height: 30px; font-size: 13px; color: #5b5349; display: block; height: 30px; }
#sub_nav_content dd a.on { color: #267ddf; }


/*首页banner*/
#banner{ position: relative; z-index: 0;}
video
#banner .swiper-slide { overflow: hidden;}
#banner .swiper-slide a{display: block;height: 100vh;position: relative;background: #fff;}
#banner .swiper-slide img{ width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; right: 0; bottom: 0; left: 0;transition: all 5s;transform: scale(1.2);}

#banner .swiper-slide video{ width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; right: 0; bottom: 0; left: 0;transition: all 5s;}
#banner .swiper-slide.swiper-slide-active img{ transform: scale(1);}
#banner .dotbox{ position: absolute; left: 0; bottom: 8rem; width: 100%; z-index: 99; }
#banner .swiper-pagination{ position: static; display: flex; justify-content: flex-end;}
#banner .swiper-pagination .swiper-pagination-bullet{ width: 3.5rem; height: 3.6875rem; position: relative; margin: 0 6.5px !important;background: none; opacity: 1; display: flex; align-items: center; justify-content: center;}
#banner .swiper-pagination .swiper-pagination-bullet:before{ content: ""; display: block; opacity: 1; visibility: visible; width: 1rem; height: 1rem;  border-radius: 50%; border-radius: 50%; border: 4px solid #fff;  }
#banner .swiper-pagination .swiper-pagination-bullet:after{ content: ""; display: block; opacity: 0; visibility: hidden; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/banner_d.png) center no-repeat; background-size: contain; animation: roted 10s infinite linear;}
#banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{ opacity: 0; visibility: hidden; }
#banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{ opacity: 1; visibility: visible; }
#banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: url(../images/banner_dot.png) center no-repeat; background-size: contain;}

@keyframes roted{
    0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}
    }

.mouse{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.mouse img{animation: scrolling 2s ease-in infinite;height: 1.75rem;}
@keyframes scrolling {
    0% { -webkit-transform: translateY(-2px); transform: translateY(-2px); opacity: 0; }
     100% { -webkit-transform: translateY(2px); transform: translateY(2px); opacity: 1; }
}

@-webkit-keyframes enter {
    0% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }
    20% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }
    100% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }
}
@keyframes enter {
    0% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }
    20% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }
    100% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }
}
 
#foot{background: url(../images/foot_bg.png) center top no-repeat;background-size: 100% 100%;padding: 2rem 0 1.5rem;color: #fff;margin-top: -26px;position: relative;z-index: 99;}
#foot .m{max-width: 70.5rem;}
#foot .box1{display: flex;justify-content: space-between;align-items: center;}
#foot .box2{display: flex;justify-content: space-between;line-height: 1.5;color: rgba(255,255,255,.5);font-size: 0.75rem;}
#foot .box1>div:nth-child(1){/* width: 40%; */}
#foot .box1>div:nth-child(3){/* width: 40%; */    }
#foot .box1>div:nth-child(4){margin-left: 10%;}
#foot .box1 dt img{max-width: 70%;}

.foot_lianxi{display: flex;flex-wrap: wrap;align-items: flex-start;max-width: 26rem;}
.foot_lianxi dl:nth-child(1){ width: 100%; }
.foot_lianxi dl:nth-child(3){ margin-left: 5rem;}
.foot_lianxi dl{display: flex;margin: 0.9rem 0;}
.foot_lianxi dt{ margin-right: 0.5rem; display: flex; align-items: flex-start; justify-content: center; flex-shrink: 0; }
.foot_lianxi dd{}
.foot_lianxi dd span{ font-size: 0.75rem; color: rgba(255,255,255,.5); display: block; margin-bottom: .75rem;}
.foot_lianxi dd p{font-size: 0.75rem;color: #fff;}

.foot_rukou .foot_lianxi{ flex-direction: column}
.foot_rukou ul{ display: flex; justify-content: flex-end; margin: 0 -1rem; }
.foot_rukou ul li{ padding: 0 1rem;}
.foot_rukou ul li .ico{ width: 5rem; height: 5rem; position: relative; display: flex; align-items: center; justify-content: center; background: #0a5396; border-radius: .5rem; margin-bottom: .625rem;}
.foot_rukou ul li .ico img{ max-width: 2.75rem; max-height: 2.75rem;}
.foot_rukou ul li p{ text-align: center; font-size: 1rem; color: #fff;}

#foot a:hover{ color: #fff;}
.foot_logo{ width: 18.5625rem; margin: 0 2rem;}
.s_container01{ position: relative; z-index: 0;}
.s_container01 .bg{ background-size: cover !important; position: absolute; left: 50%; transform: translateX(-50%); top: 0; width: 100%; bottom: -5rem; z-index: -1;}
 
.s_search{ margin-top: -5rem;    display: none;}
.s_search .m{ width: 1720px;max-width: 100%;}
.s_search .bd{ height: 5rem;
    background: rgb(255 255 255 / 75%);backdrop-filter: blur(5px);
    max-width: 60rem;
    margin: 0 auto;}
.s_search .bd form{ display: flex; align-items: center;}
.s_search .bd form .tt{ flex-shrink: 0; padding-left: 2.875rem; font-size: 1.5rem; color: #267cdf; }
.s_search .bd form .input{ flex-grow: 1; height: 5rem; padding-left: 2rem; font-size: 1.25rem; color: #333;}
.s_search .bd form .input::-moz-placeholder{color:#267cdf;opacity:.5;font-size:inherit}
.s_search .bd form .input::-webkit-input-placeholder{color:#267cdf;font-size:inherit}
.s_search .bd form .input:-ms-input-placeholder{color:#267cdf;font-size:inherit}

.s_search .bd form .button{flex-shrink: 0;height: 5rem;background: url(../images/s_search_ico.png) center no-repeat;width: 6.25rem;background-size: 1.75rem;}
.s_hd{ display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 1.75rem;}
.btn_more{ display: block; width: 7.625rem; height: 31px; background: url(../images/btn_more.png) center no-repeat; background-size: contain;position: relative; overflow: hidden;line-height: 31px;text-align: center;font-size: .875rem;color: #4790e3;transition: .5s;}
.btn_more:before{ content: ""; position: absolute; left: 0; width: 1.625rem; height: 1px; background: #4790e3; top: 50%; transition: .5s}
.btn_more:after{ content: ""; position: absolute; right: 0; width: 1.625rem; height: 1px; background: #4790e3; top: 50%; transition: .5s}

.btn_more:hover{ letter-spacing: 1px}
.btn_more:hover:before{ transform: translateX(-101%)}
.btn_more:hover:after{ transform: translateX(101%)}

.s_hd>div{ display: flex; align-items: center;}
.s_tt{ position: relative; z-index: 1}

.s_tt img:nth-child(2){ position: absolute; top: 0; right: 0; bottom: 0; left: 0}
.s_hd .h4{ font-size: 1.375rem; color: #111f2d; margin-right: 3rem;}
.s_news{ display: flex;}
.s_news .left{ flex-grow: 1; margin-right: 4.625rem; width: 1038px;}
.s_news .right{ width: 30.625rem; flex-shrink: 0;}

.s_news01{ position: relative;}
.s_news01 .box{ display: flex;}
.s_news01 .box .imgBox{height: 21.625rem;flex-grow: 1;position: relative;}
.s_news01 .box .imgBox:after{content: "";position: absolute;height: 5rem;right: 0;bottom: 0;left: 0;background: linear-gradient(rgba(255,255,255,0), rgba(0,0,0,.5))}
.s_news01 .box .img::before {
    content: '';
    position: absolute;
    top: 0;
    left: -86%;
    z-index: 2;
    display: block;
    width: 50%;
    height: 100%;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.1));
    background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.1));
}
.s_news01 .swiper-pagination {
    position: absolute;
    bottom: 1.5rem;
    padding-left: 1rem;
    display: flex;
    justify-content: flex-end;
}

.s_news01 .swiper-pagination .swiper-pagination-bullet {
    width: 2.5rem;
    height: 2.5rem;
    position: relative;
    margin: 0 5px !important;
    background: none;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.s_news01 .swiper-pagination .swiper-pagination-bullet:before {
    content: "";
    display: block;
    opacity: 1;
    visibility: visible;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border-radius: 50%;
    border: 3px solid #fff;
}

.s_news01 .swiper-pagination .swiper-pagination-bullet:after {
    content: "";
    display: block;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/banner_dot.png) center no-repeat;
    background-size: contain;
}

.s_news01 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    opacity: 0;
    visibility: hidden;
}

.s_news01 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
    opacity: 1;
    visibility: visible;
}
.kongzhi .my_btn{ display: none}
.s_news01 .box:hover .img::before {
    -webkit-animation: shine .5s;
    animation: shine .5s;
}
.s_news01 .box:hover .img img{ transform:scale(1.1); }
.s_news01 .box .img:after{ padding-top: 62.5%;}
.s_news01 .box .txt{width: 27.75rem;flex-shrink: 0;padding: 2.125rem;background: #267ddf;color: #fff;}
.s_news01 .box .txt .timebox{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.375rem;}

.s_news01 .box .txt .ly{ text-align: right; display: flex; flex-direction: column; align-items: flex-end;}
.s_news01 .box .txt .ly i{ display: block; width: 9px; height: 1px; background: #56a5ff; margin-bottom: .75rem;}
.s_news01 .box .txt .ly p{ font-size: .875rem; line-height: 1.125rem; color: #fff;}
.s_news01 .box .txt h3{ font-size: 1.125rem; line-height: 1.875rem; font-weight: bold; margin-bottom: 1.25rem; height: 3.75rem; overflow: hidden;}
.s_news01 .box .txt>p{ font-size: .875rem; line-height: 1.5rem; height: 6rem; overflow: hidden; color: rgba(255,255,255,.7);}

.s_time01{ width:4.8125rem; height: 4.8125rem; display: flex; font-family: "思源宋体"; align-items: center; justify-content: center; flex-direction: column; position: relative; z-index: 1;}
.s_time01:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/s_time01.png) center no-repeat; background-size: contain !important; }
.s_time01 span{ font-size: 1.75rem;}
.s_time01 p{ font-size: .75rem; color: #fff;}

a:hover .s_time01::before{ transform: rotateX(180deg);}

.s_time02{ width:4.8125rem; height:4.8125rem; display: flex; font-family: "思源宋体"; align-items: center; justify-content: center; flex-direction: column;   }
.s_time02 span{ font-size: 1.75rem; color: #03326a;}
.s_time02 p{ font-size: .75rem; color: #03326a;}

.swiper{ overflow: hidden;}

.s_news02{ margin-top: 1.625rem;}
.s_news02 .box{ display: flex; align-items: center; height: 8.125rem; background: #fff; box-shadow: 0px 3px 46px 0px rgba(199, 211, 224, 0.35); padding: 1rem 2rem; position: relative;}
.s_news02 .box .s_time02{ flex-shrink: 0; margin-right: 1.5rem; position: relative; z-index: 1;}
.s_news02 .box .s_time02:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/s_time02.png) center no-repeat; background-size: contain !important; }
a:hover .s_time02::before{ transform: rotateX(180deg);}

.s_news02 .box .aniLine{position: absolute;background: #386eac;}
.s_news02 .box .aniLine.l1{width: 0;height: 1px;right: 0;bottom: 0;}
.s_news02 .box .aniLine.l2{width: 1px;height: 0;bottom: 0;left: 0;}
.s_news02 .box .aniLine.l3{width: 0;height:1px;top: 0;left: 0;}
.s_news02 .box .aniLine.l4{width: 0;height: 1px;left: 0;top: 0;}
.s_news02 .box .aniLine.l5{width: 1px;height: 0;top: 0;right: 0;}
.s_news02 .box .aniLine.l6{width: 0;height:1px;bottom: 0;right: 0;}
.s_news02 .box:hover .aniLine.l1{width: 100%;transition: .2s linear}
.s_news02 .box:hover .aniLine.l2{height: 100%;transition: .2s .2s linear}
.s_news02 .box:hover .aniLine.l3{width: 100%;transition: .2s  .4s linear}
.s_news02 .box:hover .aniLine.l4{width: 100%;transition: .2s  linear}
.s_news02 .box:hover .aniLine.l5{height: 100%;transition: .2s .2s linear}
.s_news02 .box:hover .aniLine.l6{width: 100%;transition: .2s .4s linear}

.s_news02 .box .txt{}
.s_news02 .box .txt h3{ font-size: 1.125rem; color: #2e3033; line-height: 1.875rem; height: 3.75rem; overflow: hidden;transition: .5s;}
.s_news02 .box:hover .txt h3{ color: #267ddf;}
.s_news02 .box+.box{ margin-top: 1.0625rem;}
.s_news02 .box:hover:before{opacity: 1; visibility: visible;}
.s_news02 .swiper-pagination{ position: static; display: flex; justify-content: flex-start; margin-top: 1.5rem;}
.s_news02 .swiper-pagination .swiper-pagination-bullet{ width: 2.5rem; height: 2.5rem; position: relative; margin: 0 6.5px !important;background: none; opacity: 1; display: flex; align-items: center; justify-content: center;}
.s_news02 .swiper-pagination .swiper-pagination-bullet:before{ content: ""; display: block; opacity: 1; visibility: visible; width: .75rem; height: .75rem;  border-radius: 50%; border-radius: 50%; border: 3px solid #267ddf;  }
.s_news02 .swiper-pagination .swiper-pagination-bullet:after{ content: ""; display: block; opacity: 0; visibility: hidden; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/dot_blue.png) center no-repeat; background-size: contain;}
.s_news02 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{ opacity: 0; visibility: hidden; }
.s_news02 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{ opacity: 1; visibility: visible; }
  
.ico_time{ width:21px; height: 21px; display: block; background: url(../images/ico_time.png) center no-repeat; background-size: contain; }
.ico_see{ width:23px; height: 17px; display: block; background: url(../images/ico_see.png) center no-repeat; background-size: contain;}

.s_meiti{}
.s_meiti ul{}
.s_meiti ul li+li{ margin-top: .75rem;}
.s_meiti ul li .box{display: flex;flex-direction: column;justify-content: center;height: 9.625rem;background: #fff;padding: 0 2rem;position: relative;z-index: 1;box-shadow: 0px 3px 46px 0px rgba(199, 211, 224, 0.35);}
.s_meiti ul li .box1{ display: flex; align-items: center; margin-bottom: 1.25rem;}
.s_meiti ul li .img{ width: 6rem; flex-shrink: 0; margin-right: 1.75rem;}
.s_meiti ul li .img:after{ padding-top: 90%;}
.s_meiti ul li .pic{
    max-height: 3rem;
}
.s_meiti ul li .txt{ flex-grow: 1;}
.s_meiti ul li .txt h3{ font-size: 1.125rem; line-height: 1.875rem; height: 3.75rem; overflow: hidden; color: #2e3033;transition: .5s;}
.s_meiti ul li:hover .txt h3{ color: #267ddf;}
.s_meiti ul li .box2{ display: flex; align-items: center;justify-content: space-between;}
.s_meiti ul li .box2>div{ display: flex; align-items: center; font-size: .875rem; color: rgba(46, 48, 51, 0.6);}
.s_meiti ul li .box2>div i{ margin-right: .5rem;}
.s_meiti ul li .box:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1;  background-image: -moz-linear-gradient( 0deg, rgb(255,255,255) 26%, rgb(199,239,255) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(255,255,255) 26%, rgb(199,239,255) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(255,255,255) 26%, rgb(199,239,255) 100%); opacity: 0; visibility: hidden;}
.s_meiti ul li .box:after{ content: ""; display: block; width: 100%; height: 2px; position: absolute; left: 0; bottom: 0; background: #43b8e7; transform: scaleX(0); }
.s_meiti ul li .box:hover:before{ opacity: 1; visibility: visible;}
.s_meiti ul li .box:hover:after{ transform: scaleX(1);}
 
.s_keyan01{ display: flex;}
.s_keyan01 .left{width: 51%;flex-shrink: 0;}

.s_keyan01 .right{
    flex-grow: 1;
}
.s_keyan01 .left:hover img{ transform: scale(1.1)}
.s_keyan01 .txt{padding: 4.125rem;background: #fff;display: flex;flex-direction: column;justify-content: center;}
.s_keyan01 .txt .s_hd{ margin-bottom: 3.75rem;}
.s_keyan01 .txt h4{ font-size: 1.125rem; line-height: 1.875rem; height: 3.75rem; overflow: hidden; color: #2e3033; font-weight: bold; margin-bottom: 1.25rem;transition: all .5s;}
.s_keyan01 .txt h4:hover{ color: #267ddf;}
.s_keyan01 .txt p{ font-size: .875rem; line-height: 1.5rem; color: #2e3033; height: 4.5rem; overflow: hidden; transition: .5s;}
.h6s1{ font-size: .75rem; line-height: 1.5rem; color: #999; margin: 0; width: 100%; opacity: 0;transition: .5s;height: 0;}


.s_keyan02{ background: url(../images/s_keyan02.jpg) center no-repeat; background-size: cover; padding: 0 3.375rem; }
.s_keyan02 ul{ display: flex;}
.s_keyan02 ul li{ width: 33.333%; position: relative; z-index: 1;}
.s_keyan02 ul li .box{display: flex;align-items: center;height: 12rem;padding: 0 2.6875rem;flex-direction: column;justify-content: center;}
.s_keyan02 ul li .box h3{ font-size: 1.125rem; line-height: 1.875rem; color: #fff;transition: .5s;}
.s_keyan02 ul li .box h6{ color: #fff}
.s_keyan02 ul li:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; background: #2fb1e5; opacity: 0; visibility: hidden;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;}
.s_keyan02 ul li:hover:before{ opacity: 1; visibility: visible;-webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}

.slide_nav{}
.slide_nav ul{ display: flex;}
.slide_nav ul li{}
.slide_nav ul li a{ display: flex; align-items: center; justify-content: center; width: 10.0625rem; height: 2.9375rem; font-size: 1.375rem; color: #111f2d;}
.slide_nav.s_hd>div.l{ align-items: flex-end;}
.slide_nav ul li.on a{ background: url(../images/hd_li_on.png) center no-repeat; background-size: contain;}
.s_xiaoyuan{ position: relative; z-index: 1;padding-bottom: 2rem;}
.s_xiaoyuan .bg{ position: absolute; left: 50%; transform: translateX(-50%); top: -10vw; width: 100%; z-index: -1;}
.s_xiaoyuan .bg img{ width: 100%;}
.s_xiaoyuan .s_hd{ margin-bottom: 2.5rem;}
.s_xiaoyuan .s_hd ul{ margin-left: 2.5rem;}
.slide_nav h2{ position: relative}
.slide_nav h2 img:nth-child(2){ position: absolute; top: 0; right: 0; bottom: 0; left: 0}
.s_xiaoyuan .bd{ }
.s_xiaoyuan .bd .box{ display: block; padding: 2rem 1rem; position: relative; z-index: 1;}
.s_xiaoyuan .bd .box h4{ font-size: 1.375rem; color: #111f2d; margin-bottom: 1rem; }
.s_xiaoyuan .bd .box .img{ position: relative}
.s_xiaoyuan .box .img::before {
    content: '';
    position: absolute;
    top: 0;
    left: -86%;
    z-index: 2;
    display: block;
    width: 50%;
    height: 100%;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.1));
    background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.1));
}

.s_xiaoyuan .box:hover .img::before {
    -webkit-animation: shine .5s;
    animation: shine .5s;
}
.s_xiaoyuan .bd .box:hover .img img{ transform: scale(1.1);}
.s_xiaoyuan .bd .box .txt{ padding-top: 1.75rem;}
.s_xiaoyuan .bd .box .txt h3{ font-size: 1.0625rem; line-height: 1.5rem; margin-bottom: 1.25rem; color: #111f2d; font-weight: bold; height: 3.5rem; overflow: hidden; 
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
transition: .5s;
}
.s_xiaoyuan .bd .box .txt .con{padding-left: .875rem;line-height: 1.5rem;color: rgba(17, 31, 45, 0.7);border-left: 1px solid #267ddf;}
.s_xiaoyuan .bd .box .txt .con div{ display: flex; align-items: center;}
.s_xiaoyuan .bd .box .txt .con i{flex-shrink: 0;margin-right: .5rem;}
.s_xiaoyuan .bd .box .txt .con p{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%;overflow: hidden; font-size:12px;
    -webkit-line-clamp:1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
transition: .5s;
}
.ico_time{display: block;width: 17px;height: 15px;background: url(../images/ico_time.png) center no-repeat;background-size: contain !important;transition: .5s;}
.ico_add{display: block;width: 16px;height: 17px;background: url(../images/ico_add.png) center no-repeat;background-size: contain !important;}
.s_xiaoyuan .bd .box:before{ content: ""; display: block; width: 100%; height: 0; position: absolute; left: 0; bottom: 0; z-index: -1; background: #267ddf; opacity: 0; visibility: hidden;transition: .8s;}
.s_xiaoyuan .bd .box:hover:before{ opacity: 1; visibility: visible; height: 100%}
.s_xiaoyuan .bd .box:hover h4{ color: #fff;}
.s_xiaoyuan .bd .box:hover .txt{}
.s_xiaoyuan .bd .box:hover .txt h3{ color: #fff;}
.s_xiaoyuan .bd .box:hover .txt .con{ color: #fff; border-left: 1px solid #fff;}
.s_xiaoyuan .bd .box:hover .ico_time{ background: url(../images/ico_time_on.png) center no-repeat;}
.s_xiaoyuan .bd .box:hover .ico_add{ background: url(../images/ico_add_on.png) center no-repeat;}
.s_xiaoyuan .arrbox{ display: flex; margin-left: 2.625rem;  }
.s_xiaoyuan .arrbox .arr{ width: 4.25rem; height: 4.25rem; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #2fb1e5; transition: .5s; }
.s_xiaoyuan .arrbox .arr img{ height: 1.75rem; width: 1.75rem;}
.s_xiaoyuan .arrbox .arr:hover{ background: #267ddf; }
.s_xiaoyuan .arrbox .arr+.arr{ margin-left: 1.375rem;}

.s_keyan.pad_bot{ padding-bottom: 0 !important;}
.bg{ pointer-events: none;}
.s_renwu{ position: relative; z-index: 3;}
.s_renwu .bd{}
.s_renwu .box{ text-align: center; display: block;}
.s_renwu .box .imgbox{ padding: 1.25rem; max-width: 308px; margin:0 auto; border-radius: 50%; margin-bottom: 7px; position: relative; z-index: 1; }
.s_renwu .box .imgbox:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #dcebfd;  z-index: -1; border-radius: 50%; transform: scale(.7);}
.s_renwu .box .img{ border-radius: 50%; overflow: hidden;}
.s_renwu .box .img::before {
    content: '';
    position: absolute;
    top: 0;
    left: -86%;
    z-index: 2;
    display: block;
    width: 50%;
    height: 100%;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.1));
    background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.1));
}

.s_renwu .box:hover .img::before {
    -webkit-animation: shine .5s;
    animation: shine .5s;
}

@-webkit-keyframes shine {
    100% {
        left: 115%;
    }
}

@keyframes shine {
    100% {
        left: 115%;
    }
}
.s_renwu .box .img:after{ padding-top: 100%;}
.s_renwu .box .txt{ text-align: center;}
.s_renwu .box .txt h4{ font-size: 1.375rem; color: #111f2d; margin-bottom: .375rem; }
.s_renwu .box .txt p{ font-size: 1rem; color: #111f2d; line-height: 1.75rem; }
.s_renwu .box:hover .imgbox:before{ transform: scale(1);}
.s_renwu .s_hd{ padding-top: 2rem; justify-content: center; position: relative;margin-bottom: 3.5rem;}
.s_renwu .s_hd .btn_more{ position: absolute; right: 0; bottom: 0;}
.s_renwu .bg{ background-size: cover !important; position: absolute; left: 50%; transform: translateX(-50%); top: 0; width: 100%; bottom: -18rem; z-index: -1;}
.s_renwu .bg img{position: absolute;top: 72%;margin-top: -14.6vw;}

.s_renwu .swiper-pagination{ position: static; display: flex; justify-content: center; margin-top:3.5rem;}
.s_renwu .swiper-pagination .swiper-pagination-bullet{ width: 2.5rem; height: 2.5rem; position: relative; margin: 0 6.5px !important;background: none; opacity: 1; display: flex; align-items: center; justify-content: center;}
.s_renwu .swiper-pagination .swiper-pagination-bullet:before{ content: ""; display: block; opacity: 1; visibility: visible; width: 12px; height: 12px;  border-radius: 50%; border-radius: 50%; border: 3px solid #267ddf;  }
.s_renwu .swiper-pagination .swiper-pagination-bullet:after{ content: ""; display: block; opacity: 0; visibility: hidden; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/dot_blue.png) center no-repeat; background-size: contain;}
.s_renwu .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{ opacity: 0; visibility: hidden; }
.s_renwu .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{ opacity: 1; visibility: visible; }
.bigbox{ width: 100%; max-width: 1920px; margin: 0 auto; }
.s_chengyuan{  position: relative; z-index: 4; padding: 0;}
.s_chengyuan .m{ display: flex; flex-wrap: wrap}
.s_chengyuan .left{width: 47%;position: relative;z-index: 2;}
.s_chengyuan .img{ height: 31.9375rem;}
.s_chengyuan .img::before {
    content: '';
    position: absolute;
    top: 0;
    left: -86%;
    z-index: 2;
    display: block;
    width: 50%;
    height: 100%;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.1));
    background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.1));
}

.s_chengyuan:hover .img::before {
    -webkit-animation: shine .5s;
    animation: shine .5s;
}
.s_chengyuan .right{ width: 53%}
.s_chengyuan .swiper{position: relative;background: #fff;}
.s_chengyuan .swiper-pagination{ position: absolute; bottom: 1.5rem; padding-right: 1rem; display: flex; justify-content: flex-end;}
.s_chengyuan .swiper-pagination .swiper-pagination-bullet{ width: 2.5rem; height: 2.5rem; position: relative; margin: 0 5px !important;background: none; opacity: 1; display: flex; align-items: center; justify-content: center;}
.s_chengyuan .swiper-pagination .swiper-pagination-bullet:before{ content: ""; display: block; opacity: 1; visibility: visible; width: 12px; height: 12px;  border-radius: 50%; border-radius: 50%; border: 3px solid #fff;  }
.s_chengyuan .swiper-pagination .swiper-pagination-bullet:after{ content: ""; display: block; opacity: 0; visibility: hidden; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/banner_dot.png) center no-repeat; background-size: contain;}
.s_chengyuan .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{ opacity: 0; visibility: hidden; }
.s_chengyuan .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{ opacity: 1; visibility: visible; }

.s_chengyuan a:hover .img img{ transform: scale(1.1);}

.s_chengyuan .right{ position: relative; z-index: 1; flex-grow: 1;}
.s_chengyuan .right:before{ content: ""; display: block; left: -5rem; top: 7.5rem; right: 0; bottom: 0; position: absolute; background: url(../images/s_chengyuan_bg.jpg) right center no-repeat; background-size: cover;} 
.s_chengyuan .right .m{ padding-left: 0 !important;}
.s_chengyuan .right .s_hd{ margin-left: 4.375rem; }
.s_chengyuan .right ul{ display: flex; position: relative; z-index: 1; height: 30rem; margin-top: 3.25rem;}
.s_chengyuan .right ul li{ width: 20%; padding: 3.75rem 0; position: relative; z-index: 1;}
.s_chengyuan .right ul li .box{display: flex;justify-content: flex-start;align-items: center;flex-direction: column;height: 100%;border-right: 1px dashed rgba(255, 255, 255, .3);transition: .5s;}
.s_chengyuan .right ul li:hover .box{ transform: translateY(-.6rem)}
.s_chengyuan .right ul li .box span{ color: #c5a886; font-size: 1.75rem; font-family: "思源宋体"; font-weight: bold; display: block; margin-bottom: 1.25rem;}
.s_chengyuan .right ul li .box h3{width: 1.875rem;font-size: 1.25rem;font-weight: bold;color: #fff;}
.s_chengyuan .right ul li:before{content: "";display: block;width: 100%;height: 0;position: absolute;left: 0;bottom: 0;background: url(../images/s_chengyuan_li.png) center no-repeat;background-size: 100% 100%;opacity: 0;visibility: hidden;}
.s_chengyuan .right ul li:hover:before{opacity: 1;visibility: visible;height: 100%;}
.s_chengyuan .right ul li:nth-child(1):before{ background: #1677a6}
.s_chengyuan .right ul li:nth-child(2):before{ background: #31a4ab}
.s_chengyuan .right ul li:nth-child(3):before{ background: #c19a16}
.s_chengyuan .right ul li:nth-child(4):before{ background: #a8383a}
.s_chengyuan .right ul li:nth-child(5):before{ background: #209b57}
.s_shuzi{position: relative;margin-top: -8.5rem;width: 100%;overflow: hidden;background: url(../images/s_container04_bg.png) center no-repeat;background-size: cover;background-attachment: fixed;}
.s_shuzi_main{ position: relative; padding: 0; margin-bottom: 0;}
.s_shuzi_main canvas{position: absolute;bottom: -4vh;left: 0;right: 0;pointer-events: none;}
.s_shuzi_main>img{ display: block;}
.s_shuzi_main > img.i2{ position: absolute; bottom: 0; left: 0; right: 0;}
.s_shuzi_main .li_bg{}
.s_shuzi_main .li_bg img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.s_shuzi .s_tt{position: absolute;z-index: 9;top: 14rem;left: 50%;transform: translateX(-50%);}
.s_shuzi .light{width: 16rem;height: 1rem;position: absolute;bottom: 0;z-index: 100; animation: light0 1s cubic-bezier(0.4, 0, 1, 1);}
.s_shuzi .light:before{content: "";position: absolute;right: 0;bottom: 0;left: 0;box-shadow: 0 0 3rem #fff;background: #fff;filter: blur(.5rem);transform-origin: left;top: 0; /*background: url(../images/guang.png) center no-repeat; background-size: 300%;*/}

.s_shuzi .light1{left: 38.5%;transform: translateX(-1rem) rotate(-69deg);transform-origin: left bottom;margin: 0 0 -1vw -0.5vw; }
.s_shuzi .aos-animate .light1:before{animation: light1 1.5s cubic-bezier(0.4, 0, 1, 1); transform: translateX(-40vw);}
.s_shuzi .light2{right: 38.5%;transform: translateX(1rem) rotate(69deg);transform-origin: right bottom;margin: 0 0 1vw 0.5vw;}
.s_shuzi .aos-animate .light2:before{animation: light2 1.5s cubic-bezier(0.4, 0, 1, 1); transform: translateX(40vw);}

@keyframes light1{
    0%{
        transform: translateX(-40vw);
    }
    100%{
        transform: translateX(28vw);
    }
}
@keyframes light2{
    0%{
        transform: translateX(40vw);
    }
    100%{
        transform: translateX(-28vw);
    }
}


.s_shuzi_nav{}
.s_shuzi_nav ul{}
.s_shuzi_nav ul li{ width: 0px; height: 0px; position: absolute;}
.s_shuzi_nav ul li .box{ position: absolute; left: 0; top: 0; transform: translateX(-50%) translateY(-50%);}
.s_shuzi_nav ul li .box a{ display: block;}
.s_shuzi_nav ul li .box .ico{ margin: 0 auto; width: 3.875rem; height: 3.875rem; display: flex; align-items: center; justify-content: center;}
.s_shuzi_nav ul li .box .ico svg{ width: 3.125rem; height: 3.125rem}

.s_shuzi_nav ul li.on .box .ico path{stroke: #fff !important;}
.s_shuzi_nav ul li .box p{text-align: center;font-size: 1rem;color: #111f2d;white-space: nowrap;margin-top: .625rem;transition: .5s;}
.s_shuzi_nav ul li:nth-child(1){position: absolute;left: 25%;top: 36%;}
.s_shuzi_nav ul li:nth-child(2){position: absolute;left: 19%;top: 51%;}
.s_shuzi_nav ul li:nth-child(3){position: absolute;left: 31%;top: 51%;}
.s_shuzi_nav ul li:nth-child(4){position: absolute;left: 24.7%;top: 65%;}
.s_shuzi_nav ul li:nth-child(5){position: absolute;left: 75%;top: 36%;}
.s_shuzi_nav ul li:nth-child(6){position: absolute;left: 69%;top: 51%;}
.s_shuzi_nav ul li:nth-child(7){position: absolute;left: 81%;top: 51%;}
.s_shuzi_nav ul li:nth-child(8){position: absolute;left: 75%;top: 64%;}

.s_shuzi_nav ul li.on .box .img01{ display: none;}
.s_shuzi_nav ul li.on .box .img02{ display: block;}
.s_shuzi_nav ul li.on .box p{ color: #fff;}

 
.s_social{ margin-top: 1.625rem;  }
.s_social ul{ display: flex;}
.s_social ul li{ margin-right: 1.875rem; position: relative;}
.s_social ul li a{ width: 3.4375rem; height: 3.4375rem; color: #767979; transition: .5s; display: block; position: relative; display: flex; align-items: center; justify-content: center; border-radius: 50%; } 
.s_social ul li a i{ color: #767979; font-size: 1.5rem;}
.s_social ul li a:hover{  }
.s_social ul li a:hover i{ color: #fff;}
.s_social li .ewmbox {position: absolute;opacity: 0; pointer-events: none; transform: translateY(10px);visibility: hidden;width: 8rem; left: 0; top: calc(100% + 1rem);transition: .5s;}
.s_social li:hover .ewmbox {opacity: 1;visibility: visible; pointer-events: inherit; transform: translateY(0px);}
.s_social li .ewm {position: relative;background: #fff;border-radius: 5px; padding-top: .75rem; padding-bottom: .5rem; border: 1px solid #ddd; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); }
.s_social li .ewm img {width: 6.5rem;height: 6.5rem;margin: 0 auto .5rem;display: block;mix-blend-mode: multiply;position: relative;z-index: 3;}
.s_social li .ewm p {font-size: .8125rem;text-align: center;color: #666; position: relative;z-index: 3; margin: .25rem 0;}
.s_social li .ewm:after {content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #fff;border-radius: 5px;z-index: 1;}
.s_social li .ewm:before {content: "";display: block;width: 1rem;height: 1rem;
border-left: 1px solid #ddd;border-top: 1px solid #ddd;transform: rotate(45deg);position: absolute;z-index: 1;background: #fff;left: .625rem;bottom: 100%;margin-bottom: -9px;border-radius: 3px;}

.s_rukou{/* display: flex; */max-width: 100%;}
.s_rukou .m{display: flex;/* flex-wrap: wrap; */max-width: 115rem;flex-wrap: wrap;}
.s_rukou .m>div{flex: 1;overflow: hidden;}
.s_rukou .m>div.box1{ width: 36.14%; flex-shrink: 0;}
.s_rukou .item01{ position: relative;}
.s_rukou .item01 .img{ height: 33.625rem;}
.s_rukou .item01 .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.1); display: flex; align-items: center; justify-content: center;}
.s_btn_play{ width: 5rem; height: 5rem; background: url(../images/s_btn_play.png) center no-repeat; background-size: contain; position: relative;}
.s_btn_play:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/s_btn_play_border.png) center no-repeat; background-size: contain; transition: 1s;}
.s_rukou .item01:hover .s_btn_play:before{ animation: roll 1s;}
.s_rukou  a:hover .img img{ transform: scale(1.1);}
.s_rukou .item02{ display: flex;}
.s_rukou .item02 .imgbox{ width: 52%; flex-shrink: 0;}
.s_rukou .item02 .img{ height: 22.125rem;}
.s_rukou .item02 .txt1{ flex-grow: 1;}
.s_rukou .item02 .txt1 .box{ height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.s_rukou .item02 .arrbox{ display: flex; align-items: center; justify-content: center; margin-bottom: 3.5rem;}
.s_rukou .item02 .arrbox .arr{ cursor: pointer; padding: 0 1.75rem;}
.s_rukou .item02 .arrbox i{ display: block; width: 2px; height: 18px; background: #c2d6e9;}
.s_rukou .item02 .arrbox path{ fill: #b5c9e1;}
.s_rukou .item02 .arrbox .arr:hover path{ fill: #1f5ca5;}
.s_rukou .item03 .img{ height: 55.75rem;}
.s_rukou .swiper-pagination{ font-size: 0; position: static; display: flex; justify-content: center; margin-bottom: 1rem;}
.s_rukou .swiper-pagination-total{ display: none;}
.s_rukou .swiper-pagination-current{ font-size: 5rem; font-family: Swis721BlkCnBTBlack; color: #0a5aa5; display: flex; }
.s_rukou .swiper-pagination-current:before{ content: "0";color: transparent; -webkit-text-stroke: 1px #0a5aa5;}

.s_rukou_news{ position: relative;}
.s_rukou_news .txt{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 5rem 2.5rem 2.5rem; color: #fff;
    background-image: -moz-linear-gradient( 270deg, transparent 0%, rgba(0,0,0,.5) 100%);
    background-image: -webkit-linear-gradient( 270deg, transparent 0%, rgba(0,0,0,.5) 100%);
    background-image: -ms-linear-gradient( 270deg, transparent 0%, rgba(0,0,0,.5) 100%); }
.s_rukou_news .txt h4{ display: flex; align-items: center;}
.s_rukou_news .txt h4 img{ width: 2rem; margin-right: .5rem;}
.s_rukou_news .txt h3{ font-size: 1.25rem; font-family: "思源宋体"; font-weight: 600; line-height: 1.5; margin-top: .625rem;}

.s_rukou .item04{ height: 24rem; background-size: cover !important; padding: 5rem; position: relative; z-index: 9;}
.s_rukou .item04 .s_tt{ display: flex; justify-content: flex-start;}
.s_rukou .item05{ height: 31.75rem;}
.s_rukou .img{width: 100%;height: 100%;position: relative;}

.s_rukou .img::before {
    content: '';
    position: absolute;
    top: 0;
    left: -86%;
    z-index: 2;
    display: block;
    width: 50%;
    height: 100%;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.1));
    background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.1));
}

.s_rukou a:hover .img::before {
    -webkit-animation: shine .5s;
    animation: shine .5s;
}

.s_lianjie{ background: url(../images/s_container05_bg.jpg) center 91% no-repeat; background-size: cover;padding-bottom: 5.25rem;padding-top: 5.25rem;}
.s_lianjie .m{max-width: 70.5rem;}
.s_lianjie .s_hd{ justify-content: center;}
.s_lianjie ul{ display: flex; flex-wrap: wrap;  margin: 0 -.875rem;}
.s_lianjie ul li{ min-width: 14.28%; height: 3.5rem; padding: 0 .875rem;}
.s_lianjie ul li a{border-bottom: 1px dotted #a1afb8;display: block;height: 100%;display: flex;align-items: center;font-size: 1rem;color: #111f2d;}
.s_lianjie ul li a:hover{ color: #0a5396;}
.s_tt img{ transform-origin: left bottom;}
.s_renwu .s_tt img,
.s_lianjie .s_tt img,
.s_shuzi .s_tt img{ transform-origin: center bottom;}

#s_main{ width: 100%; overflow: hidden;}
@media (max-width: 330px){
.foot_lianxi dl:nth-child(3){
margin-left:0;
}
}
@media only screen and (min-width: 1199px) and (max-width: 1920px){
.s_meiti ul li .pic{
   
    height: 3.75vw;
}
}