@charset "utf-8"; /* CSS Document public*/ *{font-family:Arial, Helvetica,"Microsoft Yahei", sans-serif;padding: 0;margin:0;box-sizing:border-box;vertical-align:top;} html{overflow-x:hidden;} body{padding:0;margin:0;font-family:Arial,"Microsoft Yahei",Helvetica, sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-overflow-scrolling:touch;/*��׿�� IOS html5 �������ٽ������*//* overflow-x:hidden; */line-height: 1;font-size:14px;} a{text-decoration:none;bblr:expression(this.onFocus=this.blur());/*IEʹ��*/outline-style:none;/*FFʹ��*/; outline:none;} a,input,img,:focus{ mayfish:expression(this.onfocus=this.blur); cursor:handbblr:expression(this.onFocus=this.blur());/*IEʹ��*/ outline-style:none;/*FFʹ��*/ } /*ȥ��a��ǩ���������*/ ul{list-style:none;} img{border:0px} ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding:0;margin:0; font-weight:normal;} h3,h4,h5{ font-weight:normal;} h4 a:hover,h5 a:hover{ -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;} hr{display:block;height:1px;border:0;background:#d8d8d8;padding:0;margin-bottom: 3.25rem;margin-top: 2.5rem;} abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video{display:block} video{ object-fit:cover;margin:0 auto;} .fl{ float:left} .fr{ float:right} .clear{clear:both;height:0px;font-size:1px;line-height:0px} .container01,.container02,.container03,.container04,.container05,.container06,.container07,.container08,.n-container01,.n-container03,.n-container04{ margin:0 auto;} .slow img:hover{ transform:scale(1.05);}/*ͼƬ�Ŵ�*/ .slow img{-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}/*����Ч��*/ h5 a,.more a{-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}/*����Ч��*/ slow01{-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}/*����Ч��*/ .slow02{-moz-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} .shadow{ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999')"; /* For IE 8 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999'); /* For IE 5.5 - 7 */-moz-box-shadow: 1px 1px 10px #999999;/* for firefox */ -webkit-box-shadow: 1px 1px 10px #999999;/* for safari or chrome */ box-shadow:1px 1px 10px #999999;/* for opera or ie9 */} .radius{-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .opacity{filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1}/*͸������*/ .overfloat-dot{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/*�ı����� СԲ����ʾ*/ .gray { -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; filter:alpha(opacity=60); opacity:0.6; -moz-opacity:0.6; -khtml-opacity:0.6;} /*transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);*/ /*180����ת*/ /*oncontextmenu="return false" ondragstart="return false" onselectstart="return false"*/ /*filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);*/ /*͸������*/ .a_body{ position:relative;} ::-webkit-scrollbar {width:5px;height:5px; background:#f1f1f1} ::-webkit-scrollbar-track {border-radius:0; background:#f1f1f1} ::-webkit-scrollbar-thumb {border-radius:0; background:#333333} input::-webkit-input-placeholder{ color:#999;} input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999; } input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999;} input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#999;} textarea::-webkit-input-placeholder{ color:#999;} textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999;} textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999;} textarea:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#999;} .w100{width:100%} .w1280{margin:0 auto;} .fanhui{position:fixed;right:30px;bottom: 75px;width:48px;height:48px;border-radius:50%;} h5 a{ display:inline-block; width:100%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap} ul li:hover h5 a{ color:#ff0000} .more a{ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;} .table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%} .table_cell{ display:table-cell; vertical-align:middle} img{ vertical-align:middle} /*������ʽ*/ .ar_article{font-size: 14px;color: #666666;line-height:28px; margin-bottom:28px;} .ar_article p{font-size: 18px !important;color: #323232;line-height: 38px !important;margin-bottom: 10px;} .ar_article img{ max-width:100%;} .ar_article img{display:inline-block;} /*�ٶȲ���������*/ #playercontainer_display_button,#video1_display_button,#video2_display_button{ background:none !important; height:40px; width:40px !important; border:2px solid #fff; border-radius:50%; padding:0 !important;} #playercontainer_display_button #playercontainer_display_button_play,#video1_display_button #video1_display_button_play,#video2_display_button #video2_display_button_play{background-size: 25px;} #playercontainer_display_button,#video1_display_button,#video2_display_button{ height:40px !important; margin-top: -20px !important;} #playercontainer_display .cbpreview,#video1_display .cbpreview,#video2_display .cbpreview{ opacity: .75 !important;} /* Slider */ .miso-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .miso-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .miso-list:focus { outline: none; } .miso-loading .miso-list { background: #fff; } .miso-list.dragging { cursor: pointer; cursor: hand; } .miso-slider .miso-list, .miso-track, .miso-slide, .miso-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .miso-track { position: relative; left: 0; top: 0; display: block; zoom: 1; } .miso-track:before, .miso-track:after { content: ""; display: table; } .miso-track:after { clear: both; } .miso-loading .miso-track { visibility: hidden; } .miso-slide { float: left; height: 100%; min-height: 1px; display: none; } .miso-slide img { display: block; } .miso-slide.miso-loading img { display: none; } .miso-slide.dragging img { pointer-events: none; } .miso-initialized .miso-slide { display: block; } .miso-loading .miso-slide { visibility: hidden; } .miso-vertical .miso-slide { display: block; height: auto; border: 1px solid transparent; } /* Arrows */ .miso-prev, .miso-next {position: absolute;display: block;height: 20px;width: 20px;line-height: 0;font-size: 0;cursor: pointer;background: transparent;color: transparent;padding: 0;border: none;outline: none;top: 50%; z-index:1} .miso-prev{ left:0} .miso-next{ right:0} /* Dots */ .miso-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; } .miso-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; } .miso-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer;} .miso-dots li button:focus { outline: none; } .miso-dots li.miso-active a { transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);} #gotop{ position:fixed; z-index:90; bottom:80px; right:30px; box-sizing:border-box; text-align:center; cursor:pointer; -moz-transition:all .5s; -webkit-transition:all .5s; width:45px; height:45px;} #gotop { cursor: pointer; } .aico { background: url(../images/aicos.png);} .dt-arrow .aico {position: absolute;left: 50%;margin-left: -18.5px;top: 0;width: 37px;height: 19px;animation: hide-dt-f 3s infinite;} .dt-arrow { position: relative; width: 37px; height: 44px; } .dt-arrow:before {content: "";position: absolute;left: 50%;top: 0;bottom: 0;width: 1px;background: #a0a0a0;margin-left: -1px;} @keyframes hide-dt-f{ 0%{ opacity: 1; transform: translateY(-10px); } 100%{ opacity: 0; transform: translateY(-150%); } } @font-face{ font-family:impact; src:url(../font/impact.ttf);} @media (max-width:1920px){html{font-size:16px;}} @media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}} @media (min-width:640px) and (max-width:1399px){html{font-size:14px;}} @media (min-width:471px) and (max-width:639px){html{font-size:13px;}} @media (min-width:329px) and (max-width:470px){html{font-size:12px;}} @media (max-width:328px){html{font-size:12px;}} /*==========================================���� ��ʼ=============================================*/ .ar_wap{ display:none} .a_body{ position:relative; z-index:0;} .section{ overflow:hidden;} .w1280{max-width: 1280px;margin:0 auto;} header{height: 110px;position: fixed;top: 0;z-index: 1000;width: 100%;left: 0;transition: 0.6s;} header:before{content:"";position:absolute;left:0;top:0;background: url(../images/yinying.png) center top repeat-x;height:204px;width:100%;transition: 0.6s;} header .w1280{ position:relative} header .logo{width: 28%;position: relative;top: -20px;} header .logo a{display:inline-block;line-height: 60px;} header .fr{padding: 0;text-align: right;} header .fr .ss.btn{ display:inline-block} header .fr .lan{ display:inline-block; font-size:16px; margin-left:1.25rem} header .fr .lan a{ color:#fff; transition:0.36s} .a_body.fixed #nav{ position:fixed; top:0; width:100%;} .top_header{height:40px;text-align:right;padding: 14px 0 0;position: relative;} .top_header .kuaijie{ display:inline-block} .top_header .kuaijie a{ font-size:14px; color:#fff; display:inline-block; line-height:26px;} .top_header .kuaijie a img{ margin:-3px 0.5rem 0 0} .top_header .sousuo{display:inline-block;vertical-align: top;margin-left: 1.375rem;} .search{float:right;overflow:hidden;z-index: 1000;border-radius: 13px;} .search input{float:left;} .test{height: 26px;border: none;color: #333;background:none;outline:none;font-size: 14px;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;} .sousuo .btn{width: 24px;height: 24px;border:none;position: absolute;right: 12px;font-size: 14px;color: #fff;background:url(../images/sousuo.png) center no-repeat;cursor: pointer;top: 1px;} .sousuo .test{width: 180px;padding: 0 50px 0 20px;} .sousuo .search{position: relative;margin: 0 0 0 15px;margin-left: 0;background: #fff;} #nav{height: 60px;position:relative;z-index:1;background: #fff;} .navBox ul{font-size: 0;} .nav li{text-align: center;position: relative;display: inline-block;margin: 0 0 0 1.075rem;} .nav li:before{content:"";position:absolute;right:0;top:50%;width:1px;height:6px;margin-top:-3px;background:#c1c1c1;display: none;} .nav li:last-child:before{ display:none} .nav a {display: block;position: relative;padding: 0;font-size: 1.125rem;line-height: 60px;perspective: 300px;transform-style: preserve-3d;} .nav a .bg {position: absolute;left: 0px;bottom: 0px;width: 100%;display: block;height: 100%;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;-webkit-transform: rotateX(70deg);transform: rotateX(70deg);z-index: -1;transform-origin: center bottom 0;-webkit-transform-origin: center bottom 0;left: 0;opacity: 0;bottom: 0;visibility: hidden;} .nav a .txt img{margin:-4px 10px 0 0;vertical-align: middle;} .nav a .txt img.img02{ display:none} .nav a .txt {position: relative;z-index: 2;font-size: 1.125rem;color: #fff;display: inline-block;text-shadow: 0 0 5px rgba(0,0,0,0.35);} .nav .active a .bg,.nav .on a .bg {transform: none;opacity: 1;visibility: visible;} .nav .active a .txt,.nav .on a .txt {color: #fff;} .navBox .arrow { position: absolute; left: 0px; top: 75px; height: 4px; display: block; background-color: #e62129; } .subNavbox a:link, .subNavbox a:visited {color: #333;} .subNavbox a:active, .subNavbox a:hover {color: #fff;background: #054f8c;} .subNavbox {position: absolute;left: 39%;margin-left: -70px;top: 70px;width: 160px;background-color: #fcfcfc;box-shadow: 1px 2px 2px 0 rgba(88, 88, 88, 0.2);display: none;text-align: center;padding: 0;} .subNavbox p {} .subNavbox p a {line-height: 0;padding: 22px 0.75rem;font-size: 15px;transition: 0.36s;text-align: center;white-space: nowrap;} .nav a:hover .txt img.img01{ display:none} .nav a:hover .txt img.img02{ display:inline-block} #banner{width: 100%;width: 100vw;overflow: hidden;z-index: 0;background:#252525;position: relative;position:relative;} #banner .miso-slide{display: block;height:100%;overflow: hidden;text-align:center;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;} #banner .miso-slide img{ display: block; width:100%} #banner .miso-prev, #banner .miso-next{width:60px;height:60px;z-index: 10000; margin-top:-30px;} #banner .miso-prev{left:1%;background:url(../images/banner_prev.png) center center no-repeat;transition:0.36s;} #banner .miso-next{right:1%;background:url(../images/banner_next.png) center center no-repeat;transition:0.36s;} #banner .miso-dots{bottom:20px;} #banner .miso-dots li{width: 10px;height: 10px;border-radius:50%;margin: 0 7px;border: #fff 1px solid;} #banner .miso-dots li.miso-active{background: #ffffff;} .tc2 .tc-box form{border-radius: 4px;overflow: hidden;background: #fff;height: 60px;width:100%;} .tc2 .tc-box input[type="text"]{border: none;width: 94%;display: block;height: 60px;text-align: left;color: #434343;font-size: 14px;background:none;line-height: 60px;padding:0 20px;} .tc2 .tc-box input[type="text"]:focus{ text-align: left;} .tc2 .tc-box input[type="submit"]{position:absolute;right:0;top: 50%;padding: 0;z-index:2;background:url(../images/icon_search.png) center no-repeat;height: 60px;width: 70px;cursor:pointer;border:none;background-size: 20px 20px;margin-top: -30px;} .tc2 .tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%; top: 0;left: 0;z-index:999;} .tc2 .tc{ pointer-events: none; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;transform:scale(1.1);} .tc2 .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; pointer-events: auto;transform:scale(1);} .tc2 .close:hover{ transform:rotate(180deg);} .tc2 .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } .tc2 .tc-box{position:absolute;border-radius: 4px;overflow: hidden;top:50%;z-index:9999;background: #fff;height: 60px;width: 50%;left:50%;margin-left: -25%;margin-top:-40px;} .tc2 .tc.act{display: block; } .tc2 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; } .tc2 .tc-bg {height: 100%;background: rgba(0,0,0,.6);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;} #openBtn{ display:none} .rd-navbar-main-element { position: absolute; float: left;} .rd-navbar-nav-wrap.active { transform: translateX(0); } .rd-navbar-nav-wrap { color: #ffffff; background: #054f8c; box-shadow: none; } .rd-navbar-nav-wrap { position: fixed; left: 0; top: -37px; bottom: -56px; z-index: 100; width: 100%; padding: 140px 0 81px; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; font-size: 14px; line-height: 28px; transform: translateX(-110%); } .rd-navbar-nav { display: block; margin: 15px 0; height: auto; text-align: left; } .rd-navbar-submenu { position: relative; } .rd-nav-item { text-align: left; } .rd-navbar-wrap, .rd-navbar, .rd-menu, .rd-navbar-nav, .rd-navbar-panel, .rd-navbar-static .rd-menu, .rd-navbar-nav-wrap, .rd-navbar-submenu { transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1); } .rd-nav-link { color: #fff; } .rd-nav-link { display: block; padding: 10px 56px 10px 18px; } .rd-nav-link {font-size:14px;color: #fff;letter-spacing:2px;text-transform: capitalize;font-family: "Times New Roman";} .rd-navbar-submenu-toggle { color: #fff; } .rd-navbar-submenu-toggle { cursor: pointer; display: inline-block; width: 56px; height: 100%; position: absolute; right: 0; top: 0; } .rd-navbar-submenu-toggle::after { content: ''; position: absolute; top: 0; right: 0; width: 56px; height: 48px; font: 400 14px "FontAwesome"; line-height: 48px; text-align: center; transition: 0.4s all ease; z-index: 2; cursor: pointer; background:url(../images/sanjiao_svg.svg) center no-repeat; background-size: 10px; } .rd-nav-item.focus .rd-nav-link, .rd-nav-item.active .rd-nav-link, .rd-nav-item.opened .rd-nav-link { color: #ffffff; background: #00428a; } .rd-navbar-submenu.opened > .rd-navbar-dropdown, .rd-navbar-submenu.opened > .rd-navbar-megamenu { display: block; } li.opened > .rd-menu { opacity: 1; height: auto; } li.opened > .rd-navbar-dropdown { padding: 4px 0 0; } .rd-menu { transition: opacity 0.3s, height 0.4s ease; opacity: 0; } .rd-navbar-dropdown { } li.opened > .rd-navbar-submenu-toggle::after { top: 0; transform: rotate(180deg); color:#fff; } .rd-navbar-submenu .rd-navbar-dropdown > li > a { padding-left: 30px; } .rd-megamenu-list > li > a, .rd-navbar-dropdown > li > a { color: rgba(255, 255, 255, 0.6); } .rd-megamenu-list > li > a, .rd-navbar-dropdown > li > a { display: block; padding: 9px 56px 9px 16px; font-size: 14px; line-height: 1.5; } .rd-nav-item.opened .rd-menu{ opacity:1} .rd-navbar-open-right{ height:0} .rd-nav-item.active .rd-navbar-submenu-toggle{ color:#fff} .rd-navbar-submenu .rd-navbar-dropdown > li.active > a{color: #fff;} #openBtn { display: none; margin-top: 0; right: 15px; cursor: pointer; float: right; margin-left: 1.5rem; position: absolute; top: 25px; z-index: 10; } #openBtn .lcbody { width: 26px; height: 18px; position: relative; } #openBtn .lcbody .lcitem { width: 100%; height: 1px; position: absolute; transition: transform 0.36s ease; } #openBtn .lcbody .lcitem div { position: absolute; width: 100%; height: 100%; top: 0; left: auto; right: 0; background: #fff; } #openBtn .lcbody .top { top: 0; } #openBtn .lcbody .center { display: block; top: 49%; } #openBtn .lcbody .bottom { top: 100%; } #openBtn .lcbody:hover .lcitem.top .rect { animation: move 0.4s ease-in-out 1; } #openBtn .lcbody:hover .lcitem.center .rect { animation: move 0.4s ease-in-out 0.1s 1; } #openBtn .lcbody:hover .lcitem.bottom .rect { animation: move 0.4s ease-in-out 0.9s 1; } .active#openBtn .lcitem.top { transform: rotateZ(45deg); top: 49%; } .active#openBtn .lcitem.center { opacity: 0; } .active#openBtn .lcitem.bottom { transform: rotateZ(-45deg); top: 49%; } @keyframes move { 0% { right: 0; } 40% { right: 0; width: 0; } 60% { right: auto; width: 0%; } 100% { right: auto; width: 100%; } } .container02{padding: 4.375rem 0 3rem;background:url(../images/container02_bg.jpg) center no-repeat;background-size:cover;overflow: hidden;} .container02 .left{ width:48%} .container02 .left ul.ul01 li a{ display:block; overflow:hidden; position:relative} .container02 .left ul.ul01 li a .img, .container02 .left ul.ul01 li a .img img{width:100%;overflow:hidden;object-fit: cover;} .container02 .left ul.ul01 li a h5{height: 5.125rem;line-height: 6.125rem;padding:0 1.5rem;font-size: 18px;color:#fff;text-align:center;position:absolute;left:0;bottom:0;right:0;font-weight: bold;background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.8));white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .container02 .left .miso-prev, .container02 .left .miso-next{width:36px;height:60px;z-index: 10000;margin-top: -30px;} .container02 .left .miso-prev{left:0;background:url(../images/left02.png) center center no-repeat;transition:0.36s;} .container02 .left .miso-next{right:0;background:url(../images/right02.png) center center no-repeat;transition:0.36s;} .container02 .left ul.ul02{font-size:0;margin:0 -0.5rem;margin-top: 1.25rem;} .container02 .left ul.ul02 li{display:inline-block;width:50%;padding: 0 0.5rem;margin-bottom: 1rem;} .container02 .left ul.ul02 li a{ display:block} .container02 .left ul.ul02 li a .time{width: 50px;height: 50px;float:left;text-align: center;background: #054f8c;padding: 5px 0;margin: 10px 0 0 10px;position:relative;font-family: "Times New Roman";} .container02 .left ul.ul02 li a .time:before{content:"";position:absolute;top: -8px;width: 100%;height: 100%;left: -8px;border: #054f8c 1px solid;} .container02 .left ul.ul02 li a .time h3{font-size: 1.625rem;color: #fff;transition:0.36s;margin-bottom: 4px;font-family: "Times New Roman";position: relative;} .container02 .left ul.ul02 li a .time h4{font-size: 12px;color: rgba(255, 255, 255, 0.6);transition:0.36s;font-family: "Times New Roman";position: relative;} .container02 .left ul.ul02 li a .con{float:right;width: calc(100% - 60px);padding-left: 1rem;padding: 10px 0 0 15px;} .container02 .left ul.ul02 li a .con h4{font-size: 18px;color: #323232;height: 3.5rem;line-height: 1.75rem;overflow: hidden;transition:0.36s;text-overflow: ellipsis;} .container02 .left ul.ul02 li a .con p{font-size:14px;color: #999999;height: 16px;line-height: 16px;overflow: hidden;transition:0.36s;white-space: nowrap;text-overflow: ellipsis;} .title00{margin-bottom: 1.875rem;line-height: 2.5rem;} .title00 a{float:right;font-size:14px;color:#999999;line-height: 2.5rem;} .title00 .span{display:inline-block;height:44px;line-height:44px;font-size: 2.5rem;color: #323232;} .title00 .span img{ margin:-3px 12px 0 15px} .title00 small{ font-size:14px; color:#cccccc; text-transform:uppercase; line-height:50px} .container02 .right{ width:52%; padding-left:2.5rem} .container02 .right ul li{display:inline-block;width:100%;padding: 0 0 1.25rem;margin-bottom: 1.25rem;border-bottom: #f3f3f3 1px solid; position:relative} .container02 .right ul li:after{ content:""; position:absolute; bottom:0; left:0; width:0; transition:0.6s; height:1px; background:#054f8c} .container02 .right ul li a{ display:block} .container02 .right ul li a .time{width: 4rem;float:left;text-align: center;} .container02 .right ul li a .time h3{font-size: 2.25rem;color:#333333;transition:0.36s;margin-bottom: 4px;} .container02 .right ul li a .time h4{font-size: 12px;color: #999999;transition:0.36s;} .container02 .right ul li a .con{float:right;width: calc(100% - 4rem);padding-left: 1rem;} .container02 .right ul li a .con h4{font-size: 18px;color: #323232;height: 20px;line-height: 20px;font-weight: bold;overflow: hidden;margin-bottom: 0.75rem;transition:0.36s;white-space: nowrap;text-overflow: ellipsis;} .container02 .right ul li a .con p{font-size:14px;color: #999999;height: 16px;line-height: 16px;overflow: hidden;transition:0.36s;white-space: nowrap;text-overflow: ellipsis;} .img_zd{width:100%;position:relative;overflow: hidden;} .img_zd .img_hezi{ width:100%; padding-bottom:65% !important} .img_zd>img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; object-fit:cover} .container03{padding:3.75rem 0 6.25rem;background:url(../images/container03_bg.jpg) center no-repeat;background-size:cover;overflow: hidden;} .container03 .left{ width:25.5rem;} .container03 .left ul.ul01 li a{ display:block; overflow:hidden; position:relative} .container03 .left ul.ul01 li a h5{height: 4.125rem;line-height: 5.125rem;padding: 0 5.5rem 0 0.75rem;font-size: 18px;color:#fff;text-align:left;position:absolute;left:0;bottom:0;right:0;font-weight: bold;background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.8));white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .container03 .left ul.ul01 .miso-dots{bottom: 10px;width: auto;right: 5px;} .container03 .left ul.ul01 .miso-dots li{width:0.5rem;height:0.5rem;background:#fff;border-radius:50%;margin: 0 3px;} .container03 .left ul.ul01 .miso-dots li.miso-active{ background:#1a63a3} .container03 .center{ width:calc(100% - 23rem - 25.5rem); padding:0 3rem} .container03 .center .title00 .span{ font-size:1.875rem; text-align:center; display:block} .container03 .center ul{ margin-top:-0.75rem} .container03 .center ul li{font-size:15px;color: #000033;line-height: 2.25rem;height: 2.25rem;} .container03 .center ul li a{color:#404040;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:0.36s;position:relative;padding-left: 0;} .container03 .center ul li font{display:inline-block;width: calc(100% - 50px);font-size: 16px;color: #323232;position:relative;transition:0.36s;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-right: 0;} .container03 .center ul li img{ display:inline-block} .container03 .center ul li span{float:right;font-size: 16px;color: #666666;} .container03 .right{width:23rem;padding-bottom: 2rem;} .container03 .right .title00 .span{ font-size:1.875rem; text-align:center; display:block} .container03 .right ul.ul01 li a{ display:block; overflow:hidden; position:relative} .container03 .right ul.ul01 li a .img .img_hezi{ padding-bottom:50% !important} .container03 .right ul.ul01 li a h5{height: 4.125rem;line-height: 2.125rem;padding: 0;font-size: 18px;color: #080808;text-align: left;left:0;bottom:0;right:0;font-weight: bold;} .container04{ background:url(../images/container04_bg.jpg) center no-repeat; background-size:cover} .container04 .fl01 .left{ width:50.5%; padding:5.625rem 3.125rem 5.625rem; height:28.125rem; background:url(../images/container04_fl01_left_bg.jpg) center no-repeat; background-size:cover; position:relative; top:-3.75rem} .container04 .fl01 .left .title00{ margin-bottom:3.15rem} .container04 .fl01 .left ul{ font-size:0; margin:0 -1.5rem} .container04 .fl01 .left ul li{ display:inline-block; width:20%; text-align:center} .container04 .fl01 .left ul li a{ display:block} .container04 .fl01 .left ul li h3 img{display:inline-block;transition: 0.6s;} .container04 .fl01 .left ul li h5{ font-size:14px; color:#323232; line-height:4rem} .container04 .fl01 .left ul li+li+li+li+li h5{ font-size:14px; color:#323232; line-height:2rem;margin-top:14px;} .container04 .fl01 .right{ width:44.375%; padding:3.75rem 0 0} .container04 .fl01 .right ul{ font-size:0; margin:0 -0.625rem} .container04 .fl01 .right ul li{ display:inline-block; width:50%; text-align:center; padding:0 0.625rem; margin-bottom:1.25rem} .container04 .fl01 .right ul li a{display:inline-block;position:relative;width: 100%;overflow: hidden;} .container04 .fl01 .right ul li a img{width:100%;height:9.6875rem;object-fit: cover; transition:0.6s} .container04 .fl01 .right ul li a .top{ position:absolute; top:0; right:0; bottom:0; left:0; } .container04 .fl01 .right ul li a .top h5{font-size:2.25rem;color:#fff;font-family:simsun;text-shadow:#fff 0.5px 0 0, #fff 0 0.5px 0, #fff -0.5px 0 0, #fff 0 -0.5px 0;} .container04 .fl01 .right ul li a:after{content:"";position:absolute;top: 10px;right: 10px;bottom: 10px;left: 10px;border: rgba(255, 255, 255, 0.3) 1px solid;} .container04 .fl02{ padding:0 0 5rem} .container04 .fl02 .title00{ display:block; text-align:center; margin-bottom:3rem} .container04 .fl02 .title00 .span{ color:#fff} .container04 .fl02 ul{ font-size:0; padding-bottom:3.25rem} .container04 .fl02 ul li{display:inline-block;width:25%;padding: 4px 0;padding-right:1rem;} .container04 .fl02 ul li a{ display:block} .container04 .fl02 ul li a .icon{display:inline-block;width: 120px;height: 120px; position:relative} .container04 .fl02 ul li a .icon .top_icon{ position:absolute; border-radius:50%;top:0; right:0; bottom:0; left:0; transform:rotate(35deg); transition:0.6s} .container04 .fl02 ul li a .icon .top_icon:before{content:"";position:absolute;border:#fff 1px dotted;border-radius:50%;top:0; right:0; bottom:0; left:0;} .container04 .fl02 ul li a .icon .top_icon:after{content:"";position:absolute;width: 6px;height: 6px;background:#fff;border-radius:50%;top: -2.5px;left: 50%;} .container04 .fl02 ul li a .icon h3 img{ display:inline-block} .container04 .fl02 ul li a .icon h6{font-size:14px;color:#fff;font-weight:bold;line-height: 24px;} .container04 .fl02 ul li a .con{ width:calc(100% - 120px); padding-left:1rem; padding-top:2rem} .container04 .fl02 ul li a .con h3{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap} .container04 .fl02 ul li a .con h3 span{ font-size:2.25rem; color:#fff} .container04 .fl02 ul li a .con h3 small{font-size:16px;color:#fff;vertical-align: bottom;margin-left: 8px;top: -5px;position: relative;} .container04 .fl02 ul li a .con h5{ font-size:14px; line-height:22px; height:44px; color:#fff; margin-top:0.5rem} .container04 .fl02 ul.miso-dots{margin:0;padding:0;bottom: 0;} .container04 .fl02 ul.miso-dots li{ margin:0 0.5rem; padding:0; width:10px; height:10px; border:#fff 1px solid; border-radius:50%;} .container04 .fl02 ul.miso-dots li.miso-active{ background:#fff} header.on{ background:#054f8c} .tc1 .tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 99999999;} .tc1 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transform:scale(1.1);display: none;} .tc1 .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; pointer-events: auto;transform:scale(1);} .tc1 .close:hover{ transform:rotate(180deg);} .tc1 .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } .tc1 .tc-box{position:absolute;overflow: hidden;top:50%;z-index:9999;width: 200px;height: 250px;left:50%;margin-left: -100px;margin-top: -125px;-webkit-animation-duration: 1.2s;animation-duration: 1.2s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-name: anim-close-2;animation-name: anim-close-2;} .tc1 .tc.act{display: block;} .tc1 .tc.act .tc-box{display: block;-webkit-animation-name: anim-open-2;animation-name: anim-open-2;transform:scale(1);} .tc1 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; } .tc1 .tc-bg {height: 100%;background: rgba(0,0,0,.9);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;} .tc1 .tc-box h3 img{width: 200px;height: 200px;} .tc1 .tc-box h5{width: 100%;height: 50px;line-height: 50px;font-size:1rem;color:#fff;text-align:center;} header.on:before{ opacity:0; visibility:hidden} footer{ padding:1.625rem 0; background:#232e3d} footer .left{ width:40%; line-height:5rem} footer .left img{ max-width:100%} footer .center{ width:33.333333%; position:relative} footer .center:before{ content:""; position:absolute; top:1rem; bottom:1rem; width:1px; right:0; } footer .center p, footer .center p a{ font-size:12px; color:#bcbec1; line-height:2rem;} footer .right{ width:26%; text-align:left; line-height:5rem} footer .right ul, footer .right ul li{ display:inline-block} footer .right ul li{margin-left:0.625rem;line-height: 5rem;} footer .right ul li a{cursor:pointer;display: inline-block;width: 2.75rem;height: 2.75rem;line-height: 2.75rem;background: #324257;border-radius: 50%;transition: 0.36s;text-align: center;vertical-align: middle;} footer .right ul li a img{opacity:0.6;margin-top: -3px;} .mianbao{padding: 0 0 0 24px;background: url(../images/local.png) 0 0px no-repeat;height: 28px;line-height: 18px;border-bottom: #054f8c 2px solid;margin-bottom: 1.5rem;} .mianbao,.mianbao span,.mianbao i,.mianbao a{font-size: 12px;color: #999999;font-style:normal;text-transform: capitalize;} .mianbao i{ margin:0 6px} .mianbao a:hover{color: #ed7410;} .mianbao span{color: #ed7410;} .mianbao a{} #nav_slide{background: #054f8c;line-height: 50px;position: relative;z-index: 2;} #nav_slide #bnt_back{ position:absolute; left: 1rem; top:-2px; } #nav_slide #bnt_back img{height: 20px;vertical-align: middle;} #nav_slide .n_title{ height: 50px; } #nav_slide h1{font-size: 16px;color: #fff;text-align: center;} #bnt_sub_nav{position: absolute;right: 1rem;top: 14.5px;cursor: pointer;} #bnt_sub_nav img{display: block;height: 20px;} #bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);} #sub_nav_content{background: #f2f2f2; display: none; z-index: 9;width: 100%;} #sub_nav_content ul{} #sub_nav_content ul li {background: none;box-shadow:none;border-bottom:1px solid #dedede;padding: 0 15px;} #sub_nav_content ul li a{display: inline-block;font-size: 14px;padding: 0;color: #333;width: 88%;} #sub_nav_content ul li i{float:right;font-family: simsun;font-style: normal;font-weight: bold;} #sub_nav_content ul li ul li{border:0;line-height:40px;padding-left: 10px;} #sub_nav_content ul li ul li a{font-size: 13px; color: #666;} #sub_nav_content ul li.on>a{color: #054f8c;} #sub_nav_content ul li ul{ display:none} #nav_slide{ display:none} .n_container .right{float:right;width: calc(100% - 260px); padding-left:2.5rem} .n_news_detail .ar_article_box .nav01{overflow:hidden;margin-bottom: 20px;text-align:center;} .n_news_detail .ar_article_box h3{color: #323232;font-size: 1.75rem;line-height: 2.75rem;margin-bottom: 18px;} .n_news_detail .ar_article_box h6{display: block;color: #999999;font-size: 14px;line-height: 2.5rem;font-weight:normal;margin-bottom: 0;margin-right: 0;vertical-align: top;background: #f7f7f7;} .n_news_detail .ar_article_box h6 span{margin:0 10px;} .n_news_detail .ar_article_box h6 span img{ margin:-3px 6px 0 0} /*====��һƪ��һƪ====*/ #ar_fot{position:relative;padding: 24px 0 0;box-sizing: border-box;width: 100%;margin-top: 30px;border-top: #dcdcdc 1px solid;} #ar_fot h1{display:block;width: 100%;font-size: 16px;line-height: 3rem;color: #000000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #ar_fot h1 span{ font-weight: bold;} #ar_fot h1 a{font-size: 18px;color: #000000;font-weight:normal;} #ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#063579; padding:0 25px; font-size:14px; height:30px; line-height:30px;} #ar_fot .bnt_back:hover{ border-radius:3px;} #ar_fot h1 a:hover{color: #4c0b77;} .n_container{overflow:hidden;padding:1.875rem 0 3.125rem;} .n_container .left{float:left;width: 260px; position:relative} .n_container .left:before{ content:""; position:absolute; top:0; height:3000px; background:#f7f7f7; width:100%} .n_container .left h1{height: 100px;line-height: 80px;background:url(../images/h1_bg.jpg) center no-repeat;font-size: 1.75rem;color:#fff;padding: 0 28px;position: relative;text-align: center;margin-bottom: 2px;} .n_container .left h1:before{content:"";position:absolute;width: 30px;height: 1px;background:#fff;top: 72px;left: 50%;margin-left: -15px;} .n_container .left ul{background: #f7f7f7;padding: 0;} .n_container .left .con{ position:relative;} .n_container .left .con ul li{font-size: 1.125rem;color: #333333;border-bottom: #ececec 1px solid;position:relative;padding: 0;text-align: left;} .n_container .left .con ul li:last-child{ border:none} .n_container .left .con ul li:before{content:"";width:6px;height:11px;background:url(../images/right_icon.png) center no-repeat;position:absolute;right: 22px;top: 50%;margin-top: -5px;transition:0.36s;} .n_container .left .con ul li.on:before, .n_container .left .con ul li:hover:before{background:url(../images/right_icon_on.png) center no-repeat;} .n_container .left .con ul li a{color: #323232;display: block;overflow: hidden;text-overflow: ellipsis;line-height: 24px;padding: 17px 22px;padding-right: 20px;transition: 0.6s;} .n_container .left .con ul li a:hover,.n_container .left .con ul li.on a{color: #fff;background: #00498b;} .n_container .left .con ul li dl{display:none;margin-bottom: 15px;padding-left: 6px;} .n_container .left .con ul li dl dd{ height:30px; line-height:30px;} .n_container .left .con ul li dl dd a{ font-size:14px; color:#666666 !important} .n_container .left .con ul li i.up{ background:url(../images/jian.png) center no-repeat} .n_container .left .con ul li i{background:url(../images/jia.png) center no-repeat;width:12px;height:12px;position:absolute;right: -4px;top: 15px;cursor:pointer;} .n_container .left .con .tutu{ text-align:center; margin-top:1.5rem} .n_header_box{ height:150px;} .n_header .top_header{height:40px;background:#054f8c;padding: 7px 0 0;} .n_header .bottom_header{background:url(../images/bottom_header_bg.png) center no-repeat;background-size:cover;height: 110px;} .n_header:before{ display:none} .n_header .logo{top: 22px;} .n_header .nav a{ line-height:110px;} .n_header .nav a .txt{ color:#333; text-shadow:none} .n_header .subNavbox{ top:130px;} .n_header .subNavbox p a{ line-height:inherit} .n_header .nav .active a .txt, .n_header .nav .on a .txt{ color:#054f8c} .n_news ul{ margin:0 -1rem; margin-bottom:1rem; overflow:hidden} .n_news ul li{float:left;width:33.333333%;padding: 0 1rem;margin-bottom: 0.5rem;} .n_news ul li a{ display:block; overflow:hidden; transition:0.36s} .n_news ul li .img { overflow:hidden; position:relative} .n_news ul li .img img{width:100%;height:13.75rem;overflow:hidden;object-fit: cover;} .n_news ul li .img .time{width: 60px;height: 50px;position:absolute;right:0.625rem;bottom:0.625rem;background: rgba(237, 116, 16, 0.8);text-align:center;} .n_news ul li .img .time h3{font-size: 26px;color:#fff;height: 26px;line-height: 32px;font-family: Times New Roman;font-weight: bold;} .n_news ul li .img .time h5{font-size:0.75rem;color:#fff;font-family: Times New Roman;height: 20px;line-height: 20px;} .n_news ul li h5{ font-size:16px; color:#323232; line-height:26px; height:52px; overflow:hidden; transition:0.36s} .n_news ul li .h5{ position:relative; padding-bottom:1rem; margin-top:1rem} .fanye img{ max-width:100%} .n_news01 ul{ margin-bottom:2rem} .n_news01 ul li{height: 3.875rem;} .n_news01 ul li a{display:block;overflow:visible !important;padding: 0;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;margin: 0;} .n_news01 ul li .time{float:left;width: 64px;height: 3.75rem;text-align: right;padding: 6px 18px 0 0;transition: all 0.36s ease-in-out;position:relative;} .n_news01 ul li .time .h4{height: 1.75rem;font-size: 1.875rem;color: #666666;font-family: impact;transition:0.36s;} .n_news01 ul li .time h6{font-size: 12px;color: #999999;line-height: 25px; transition:0.36s;} .n_news01 ul li:first-child .con{float:right;width: calc(100% - 64px);padding: 0; border-top: #f4f4f4 1px solid;} .n_news01 ul li .con{float:right;width: calc(100% - 64px);padding: 0;border-bottom: #f4f4f4 1px solid;border-left: #f4f4f4 1px solid;position: relative;} .n_news01 ul li .con .dots{content:"";width: 15px;height: 15px;border:#e6e6e6 1px solid;border-radius:50%;position: absolute;left: -7.5px;background: #fff;top: 50%;margin-top: -7.5px;transition:0.36s;} .n_news01 ul li .con:after{content:"";width: 9px;height: 9px;border-radius:50%;position: absolute;left: -4.5px;background: #e6e6e6;top: 50%;margin-top: -4.5px; transition:0.36s;} .n_news01 ul li .con h4{font-size: 16px;line-height: 3.75rem;height: 3.75rem;overflow:hidden;color: #323232;padding-left: 1.75rem;transition:0.36s;white-space: nowrap;text-overflow: ellipsis;} .n_shizi .fl01 p{ font-size:16px; line-height:28px; color:#323232; text-indent:28px;text-align:justify;} .n_shizi .fl02{ padding:1.25rem 0} .n_shizi .fl02 ul{ border-bottom:#00498b 1px solid} .n_shizi .fl02 ul li{ display:inline-block} .n_shizi .fl02 ul li a{ font-size:18px; color:#333333; display:inline-block; height:46px; line-height:46px; padding:0 2.5rem; transition:0.36s;} .n_shizi .fl02 ul li.on a, .n_shizi .fl02 ul li a:hover{ background:#00498b; color:#fff} .n_shizi .fl03 ul{} .n_shizi .fl03 ul li{ display:inline-block} .n_shizi .fl03 ul li a{ font-size:14px; color:#333333; display:inline-block; height:30px; line-height:30px; padding:0 1rem; border-radius:6px; transition:0.36s;} .n_shizi .fl03 ul li.on a, .n_shizi .fl03 ul li a:hover{ background:#ed7410; color:#fff} .n_shizi .fl03 p{ font-size:14px; line-height:26px; color:#999999; margin:1rem 0 1.75rem} .m-table-lb {margin: 40px 0;} .m-table-lb table {width: 100%; border-collapse: collapse;} .m-table-lb tr {cursor: pointer;} .m-table-lb tr td:first-child, .m-table-lb tr th:first-child{padding-left:2rem;width: 102px;} .m-table-lb th {font-size: 16px;color: #000;text-align: left;background-color: #f7f7f7;border-top: 2px solid #dedede;padding: 1.5rem 0;} .m-table-lb tr td {font-size: 16px;color: #000;border-collapse: collapse;line-height: 24px;padding: 0.75rem 0.5rem;} .m-table-lb td a{font-size: 16px;color: #000;line-height: 24px;} .m-table-lb tr:nth-child(2n-1){ background:#f6f6f6} .m-table-lb tr th {padding: 1.5rem 0.5rem;} .container01{ padding:1.5rem 0; background:#054f8c} .container01 ul{ font-size:0} .container01 ul li{ display:inline-block; width:25%; text-align:center} .container01 ul li a{ display:block; border-right:#336fa0 1px solid} .container01 ul li h3{ height:4.375rem} .container01 ul li h3 img{ max-height:3.75rem; transition:.6s} .container01 ul li h5{ font-size:1.125rem; color:#fff} .container01 ul li:last-child a{ border:none} .n_container .left .con ul li dl{display:none;padding: 10px 0;position:relative;} .n_container .left .con ul li dl dd{height: 34px;line-height: 34px;} .n_container .left .con ul li dl dd a{font-size:14px;color: #323232 !important;padding: 0 30px;position:relative;} .n_container .left .con ul li i.up{ background:url(../images/right_icon.png) center no-repeat;} .n_container .left .con ul li i{width:7px;height:11px;background:url(../images/right_icon.png) center no-repeat;position:absolute;right: 22px;top: 24px;transition:0.36s;cursor: pointer;} .n_container .left .con ul li dl dd a:hover{ color:#fff !important; font-weight:normal !important} .n_container .left .con ul li:before{ display:none} @media(min-width: 768px){ .container01 ul li a:hover h3 img{ transform:rotateY(180deg)} } @media(max-width: 768px){ .container01 ul li h3{ height:3rem} .container01 ul li a h3 img{ max-height:2.25rem;} .container01 ul li h5{ font-size:12px;} } /*==========================================��ҳ ����=============================================*/ /* aos="fade-up" aos-duration="1200" */ @media(min-width: 768px){ .container04 .fl02 ul li a:hover .icon .top_icon{ transform:rotate(215deg);} .container02 .left ul.ul02 li a:hover .con h4, .container02 .right ul li a:hover .con h4, .title00 a:hover, .container03 ul li a:hover p{ color:#054f8c} .container02 .right ul li:hover:after{ width:100%} .container03 ul li a:hover:after{ width:100%} .container04 .fl01 .left ul li a:hover h3 img{ transform:rotateY(180deg)} .container04 .fl01 .right ul li a:hover img{ transform:scale(1.05)} .n_news ul li a:hover{ transform:scale(1.02); box-shadow:0 0 10px rgba(0,0,0,0.25)} .n_news ul li a:hover h5{ padding:0 10px; color:#054f8c} .n_news01 ul li a:hover .con:before{ border:#ed7410 1px solid;} .n_news01 ul li a:hover .con:after{ background:#ed7410} .n_news01 ul li a:hover .con h4, .n_news01 ul li a:hover .time .h4, .n_news01 ul li a:hover .time h6{ color:#ed7410} .n_news01 ul li a:hover .con h4{ padding-left:2rem} footer .right ul li a:hover{ background:#ed7410} footer .right ul li a:hover img{ opacity:1} } @media(min-width: 992px) and (max-width: 1300px){ } @media(max-width: 1600px){ } @media(max-width: 1450px){ } @media(max-width: 1400px){ } @media(max-width: 1310px){ .w1280{ padding:0 15px} } @media(max-width: 1200px){ header .logo a img{width: 100%;} footer .left{padding-right:2rem;display: none;} footer .center{width:100%;text-align: center;} footer .right{width:100%;text-align: center;} footer .center:before{ display:none} footer .right ul li{ margin:0 0.375rem} .container03 .left{ width:100%;} .container03 .center{width:100%;padding: 2rem 0;} .container03 .right{ width:100%;} .container03 .center .title00 .span, .container03 .right .title00 .span{ text-align:left} } @media(max-width: 1060px){ } @media(max-width: 992px){ .navBox{ display:none} #openBtn{ display:block} header .logo{top:0;width: 72%;} header:before{height: 110px;background-size: 100% 100%;} #banner .miso-slide img{height:40vh;object-fit: cover;} #banner .miso-prev, #banner .miso-next{ transform:scale(0.6)} .container02 .left{ width:100%} .container02 .right{ width:100%; padding:2rem 0 0} .container02 .left ul.ul01 li a h5{ font-size:16px;} .title00 .span{font-size:2rem;height: 2rem;line-height: 2rem;} .title00{ line-height:2rem} .title00 a{ line-height:2rem} .container04 .fl01 .left{width:100%;padding: 3rem 2rem 3rem;height: auto;} .container04 .fl01 .right{width:100%;padding: 0 0 2rem;} .n_container .left{ display:none} .mianbao{ display:none} .n_container .right{ width:100%; padding:0} #nav_slide{ display:block} .n_banner img{width:100%;left:0;margin-left:0;height: 24vh;object-fit: cover;} .n_header_box{ height:110px;} .n_header .bottom_header{ height:70px;} .n_header .logo a img{width: auto;max-width: 100%;max-height: 50px;} .n_header .logo{top: 4px;} .n_header #openBtn .lcbody .lcitem div{ background:#333} } @media(max-width: 768px){ .container02 .left ul.ul02 li a .con h4{ font-size:16px;} .container02 .left ul.ul02 li{ width:100%} .container02 .right ul li a .con h4{ font-size:16px;} .container02 .right ul li a .con p{ font-size:12px;} .container02{ padding:3rem 0 2rem} .container04 .fl01 .left ul li h3 img{width: 5rem;} .container04 .fl01 .left ul li h5{ font-size:13px;} .container04 .fl01 .right ul li a img{height: 7rem;} .container04 .fl01 .right ul li a .top h5{font-size:1.5rem;text-shadow: none;font-weight: bold;} .container04 .fl02 ul li a .icon{width: 70px;height: 70px;} .container04 .fl02 ul li a .icon h3 img{max-width: 28px;max-height: 28px;} .container04 .fl02 ul li a .icon h6{ font-size:12px;} .container04 .fl02 ul li a .con{padding: 0.5rem 0 0 1rem;width: calc(100% - 70px);} .container04 .fl02 ul li a .con h5{font-size:12px;line-height: 18px;} .container04 .fl02 ul li a .con h3 span{ font-size:16px} .container04 .fl02 ul li a .con h3 small{font-size:12px;top: -2px;} .container04 .fl02 .title00{ margin-bottom:2rem} .container04 .fl01 .right ul li a:after{ top:5px; right:5px; bottom:5px; left:5px} .container03{ padding:3rem 0 4rem} footer .right ul li a img{max-width: 18px;max-height: 16px;} .container02 .left .miso-prev, .container02 .left .miso-next{ width:18px; height:30px; background-size:cover !important} #gotop{right:0;transform:scale(0.6);bottom: 2rem;} .n_news_detail .ar_article_box h6{ font-size:12px;} .n_news_detail .ar_article_box h6 span{ margin:0 3px} .n_news_detail .ar_article_box h6 span img{ height:12px;} .n_news_detail .ar_article_box h3{ font-size:18px; line-height:28px;} .ar_article p{ font-size:13px; line-height:26px; margin-bottom:15px;} #ar_fot h1 a{ font-size:13px} .n_news ul{ margin:0 -7px} .n_news ul li{ width:50%; padding:0 7px} .n_news ul li p{ font-size:12px; line-height:18px; height:54px;} .n_news ul li h5{ font-size:14px; line-height:22px; height:44px} .n_news01 ul li .con h4{ font-size:14px;} .n_shizi .fl03 ul{ font-size:0} .n_shizi .fl03 ul li{} .n_shizi .fl03 ul li a{ padding:0 5px; font-size:12px} .n_shizi .fl02 ul li a{height:35px;line-height:36px;padding:0 1.25rem;font-size: 15px;} .m-table-lb tr td, .m-table-lb tr th, .m-table-lb td a{font-size:12px;line-height: 16px;} .m-table-lb tr td:first-child, .m-table-lb tr th:first-child{width: 56px;padding-left: 1rem;} .m-table-lb tr th, .m-table-lb tr td{min-width: 60px;padding: 8px 2px;} .container03 .center ul li span{ font-size:12px} .container03 .center ul li font{ font-size:14px;} } @media(max-width: 456px){ .n_news ul li .img img{ height:10rem} } #vsb_content_2 TABLE TD{vertical-align: middle !important;}