html,body {font-size:18px;} @media screen and (max-width: 1680px) { html,body {font-size:18px;} } @media screen and (max-width: 1440px) { html,body {font-size:17px;} } @media screen and (max-width: 992px) { html,body {font-size:16px;} } @media screen and (max-width: 767px) { html,body {font-size:15px;} } @media screen and (max-width: 414px) { html,body {font-size:14px;} } body{font-family:"HarmonyOS_Regular",var(--ff3),Verdana,Arial, Geneva,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","sans-serif" !important;} ul,li{list-style: none; margin:auto; padding: 0px;} i,em{font-style: normal;} a:hover{text-decoration: none;} .row.no-gutter { margin-left: 0; margin-right: 0; } .row.no-gutter > [class*='col-'] { padding-right: 0; padding-left: 0; } .center{width: 100%;max-width:1400px;margin: 0 auto;} @media (max-width: 1600px){.center{width: 100%;}} .semibold { font-weight: 400; } .main-boxs .container{max-width:1280px;} .station .container{max-width:1280px;} .station{height: 65px;line-height: 65px;background: #f5f6f9;width: 100%;border-bottom: 1px solid #eaebef;overflow: hidden; font-size:15px;} .station .center{display: flex;justify-content: space-between;padding: 0px 0px;} .station ul{display: flex;margin-left: 0px;} .loca-col{max-width: 70%;} .loca-col li{margin: 0;margin-right: 2vw;position: relative;height: 65px;display: flex;align-items: center;} .loca-col li:last-child{margin-right: 0;} .loca-col li a{color: #333;line-height: normal;font-size: 15px; text-transform: capitalize;} .loca-col li.cur:after{position:absolute;bottom:0;left:0;width:100%;text-align:center; display:block;} .loca-col li:after{display:block;content:"";margin:0 auto;text-align:center;z-index:1;height:4px;width:0;overflow: hidden; transition:all ease-in-out 300ms;background-image: -webkit-linear-gradient(left, #172a88, #c30d23);} .loca-col li:hover i,.fl-col li.cur i{width:100%;} .loca-col li:hover a,.fl-col li.cur a{color: #004498;} .loca-wz:before{content:"\e659"; font-family: "iconfont"; font-size:16px; color:#014998; padding-right:6px; display: block;} .loca-wz{background: url(../images/loca.png) no-repeat left;padding-left: 28px;color: #999; display:flex; align-items: center; justify-content: flex-start;} .loca-wz a{color: #999; text-transform: capitalize;} .loca-wz a:hover{color: #666;} .container.no-gutter{padding-right: 0;padding-left: 0;} .moduleBox{display: inline-block;} .bg--white{background: #FFFFFF;} .pc-s{display:block;}.pc-h{display: none;} .wrap { /*max-width: 1500px; */margin:auto; width:100%;padding: 0px;} @media screen and (max-width: 1023px){ .wrap { max-width: 100%; margin:auto; width:100%;overflow: hidden;} .pc-s{display:none;} .pc-h{display: block;} } .sy-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000000; z-index: 5; opacity: 0; transition: opacity .25s ease-in-out; } @keyframes sy-animation-bottom-right { 0% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); -webkit-transform-origin: 84% 84%; transform-origin: 84% 84%; } 100% { -webkit-transform: scale(1.25) translate(20px, 15px); transform: scale(1.25) translate(20px, 15px); -webkit-transform-origin: right bottom; transform-origin: right bottom; } } @keyframes sy-animation-bottom-right1 { 0% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); -webkit-transform-origin: 84% 84%; transform-origin: 84% 84%; } 100% { -webkit-transform: scale(1.1) translate(20px, 15px); transform: scale(1.1) translate(20px, 15px); -webkit-transform-origin: right bottom; transform-origin: right bottom; } } @keyframes sy-animation-bottom-right-out { 100% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); -webkit-transform-origin: 84% 84%; transform-origin: 84% 84%; } 0% { -webkit-transform: scale(1.25) translate(20px, 15px); transform: scale(1.25) translate(20px, 15px); -webkit-transform-origin: right bottom; transform-origin: right bottom; } } @keyframes sy-animation-bottom-right-out { 100% { -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); -webkit-transform-origin: 84% 84%; transform-origin: 84% 84%; } 0% { -webkit-transform: scale(1.1) translate(20px, 15px); transform: scale(1.1) translate(20px, 15px); -webkit-transform-origin: right bottom; transform-origin: right bottom; } } .btn2 a{display:flex;} .btn2 span{color: #ffffff;border-color: #124575;background: #124575; font-size:14px;} .btn2 span { display: inline-flex; align-items: center; height: 3rem; border: 1px solid transparent; transition: color 0.2s ease, border 0.2s ease, background 0.2s ease; } .btn2 .btn-text { padding: 0.9rem 1.6rem; } .btn2:hover .btn-text{color: #124575;border-color: #124575;background: transparent;} .btn2 .btn-addon { padding: 0.9rem 1.3rem; margin-left: 2px; font-size: 1.2rem; } .box-shadow-01{ box-shadow: 0 20px 25px -12px rgba(0,0,0,0.09); } .box-shadow-02 { box-shadow: 0px 0px 30px rgba(115,128,157,0.1); } :root { --ff1:cursive; --ff2:"Trebuchet MS"; --ff3:"Montserrat"; --ff4:"Roboto"; --color1: #02459c; --color1-90: rgb(0 113 183 / 90%); --color1-h:#f08000; --color4:#3e6b7e; --color2:#0062a3; --color3:#e62129; --color4:#34a702; --color5:#fef5ba; --color6:#f47f00; --mask-color:#F18F01; --mask-hover-color:#DF2935; --text-dark1-color: #000000; --text-dark-color: #333333; --text-middle-color: #666666; --text-light-color: #999999; --light-line-color:#eeeeee; --light-bg-color: #f7f7f7; --bg-color1:#f5f5f5; --bg-color2:#f0f0f0; --white:#FFFFFF; --t1:40px; --t2:30px; --t3:26px; --t4:34px; --t5:1.2rem; --t6:1.1rem; --p1-size:14px; --p2-size:16px; --p3-size:18px; --line-height:1.8rem; --line-height2:2rem; --line-height20:20px; --line-height34:34px; --letter-spacing:1.5px; --font-wt-b:bold; --font-wt-500:500; --box-shadow: 0px 9px 24px 5px rgba(0, 0, 0, 0.04); --box-shadow-h: 1px 20px 30px #C4C4C433; --box-shadow1:1px 1px 5px rgb(0 0 0 / 80%); --box-shadow2:2px 0px 5px rgb(0 0 0 / 35%); } @font-face {font-family:"Gothic";src:url("../font/Gothic.ttf");font-weight:normal;font-style:normal;} @font-face {font-family:"Gothic-Bold";src:url("../font/Gothic-Bold.ttf");font-weight:normal;font-style:normal;} @font-face {font-family:"Roboto";src:url("../font/Roboto.ttf");font-weight:normal;font-style:normal;} @font-face {font-family:"Raleway";src:url("../font/Raleway.ttf");font-weight:normal;font-style:normal;} @font-face {font-family:"Raleway-Bold";src:url("../font/Raleway-Bold.ttf");font-weight:normal;font-style:normal;} @font-face {font-family: 'Poppins-Bold';src: url("../font/Poppins-Bold.ttf");} @font-face {font-family: 'Poppins-Light';src: url("../font/Poppins-Light.ttf");} @font-face {font-family: 'Poppins-Medium';src: url("../font/Poppins-Medium.ttf");} @font-face {font-family: 'Poppins';src: url("../font/Poppins-Regular.ttf");} @font-face {font-family: 'Poppins-SemiBold';src: url("../font/Poppins-SemiBold.ttf");} /*通用头部*/ .top_bar{height: 34px;background: #ededed;color:#787878;} .top_bar_c{height:34px; margin:auto;font-size: 12px;} .top_bar_c.wrap{width:100%;display: flex;justify-content: space-between;align-items: center; padding:0px 5vw;} .top_bar_c .lan span{float: left; margin-right:5px;} .top_bar_c .desc{ margin-left:0px; line-height: normal;color:#787878;padding-left: 0px;} .top_bar_c .top_lj{color:#787878;margin-right: 0px; margin-left:5px; display:flex; align-items: center;} .top_lj .top-tel:before{content:"\e880"; color:var(--color5);font-family: "iconfont"; display:flex;margin-right:5px;font-size:1.1rem;} .top_lj .top-email:before{content:"\e8b4"; color:var(--color5);font-family: "iconfont"; display:flex;margin-right:5px; font-size:1.1rem;} .top_lj span{font-size:14px; color:var(--color1);font-weight: bold;line-height: 44px; margin-right:5px;margin-top: auto;} .top_lj .top_tel{color:#787878; font-size:12px;background: url("top_m.png") center left no-repeat; padding-left: 20px;} .top_lj a.l_c{ background:url("lang1.gif") no-repeat; width:16px; height:11px; float:left; margin-right:5px;margin-top: 15px;line-height: 20px;text-align: center;} .top_lj a.l_e{ background:url("lang2.gif") no-repeat; width:16px; height:11px; float:left;margin-right: 10px;margin-top: 15px;line-height: 20px;text-align: center;} .top_lj a.l_j{ background:url("l_j.jpg") no-repeat; width:30px; height:20px; float:left;margin-top: 0px;line-height: 20px;text-align: center;} .top_lj a{display: flex;align-items: center;padding: 0px 1rem;color: #787878;} .top_lj a:nth-last-child(1){margin-right:0px;} /******************************************************* header **************************************************************/ .navbar-brand{display: flex !important;align-items: center;padding: 0px !important;} .navbar-brand .navbar-name{margin-left: 10px;} .navbar-name-m{display: none;} .navbar-name h3{font-size:24px; font-weight: bold;color:#000;padding-bottom: 5px;margin: auto;} .navbar-name h5{font-size:14px; font-weight: 300;color:#000; text-transform: uppercase;margin: auto;} .head{position:relative;z-index: 10002;height: auto;padding: 40px 0px 30px 0px;box-shadow: 5px 5px 20px rgba(0,0,0,0.2);} .head .wrap{display:flex;align-items: center;max-width: 1400px;padding: 0px 5vw;width: 100%;align-items: center;justify-content: center;} .head .h_desc{margin-left:0px; width:auto; height:100%; margin-top:0px; text-align:left; padding-left:0px; padding-top:0px;display: flex;align-items: center;} .header_logo{display: flex;padding:0px 0px 0px 0px;width: auto; position: relative;} /*.header_logo:after{ content:''; display: block; width: 15px;height:60px; background: url("/images/icon/top_line.png") no-repeat;position: absolute;top: 25px;right: -10px;}*/ /*.header_logo:after{ content:''; display: block; width: 15px;height:60px; background: url("/images/icon/top_line.png") no-repeat;position: absolute;top: 30px;right: -10px;}*/ .h_desc .logo-name{ display:flex;flex-direction: column;} .h_desc .logo-name h3{font-size:2rem; color:#000;margin: 0;padding: 0;} .h_desc .logo-name h5{font-size:14px; color:#000;margin: 0;padding: 0;text-transform: uppercase;} .logo-name_m{display: none;} .navbar.headFlex,.navbar.ny.headFlex{position: fixed; width: 100%; transition: 0.3s; z-index: 1000; background: #FFFFFF !important; box-shadow: 0px 0px 5px rgb(0 0 0 / 20%); top: 0px; } .navbar.headFlex .navbar-name h3,.navbar.headFlex .navbar-name h5{color:#000000;} .navbar .logo-sm-height{/*display:none;*/} .navbar .logo-w{display:none;} .navbar.headFlex .logo-sm-height{display:block;} .navbar.headFlex .logo-sm-height.logo-w{display:none;} .navbar.ny{width: 100%; transition: 0.3s; z-index: 1000; background: #FFFFFF; box-shadow: 0px 0px 5px rgb(0 0 0 / 20%);position: relative;} .navbar.ny .navbar-name h3,.navbar.ny .navbar-name h5{color:#000000;} .main-navigation.ny ul li a { color: #333; } .header_t h3{font-size:26px; color:#e50213; font-weight: bold;} .headFlex{position: fixed;width: 100%;} .h_desc h3{color: #333333; font-size: 20px; padding-top: 0px; text-transform: uppercase; display: block; clear: both; width: auto; font-weight: bold;margin-bottom: 5px; } .h_desc h3 em{color:#fd002d; font-style: normal;font-size: 25px;font-weight: bold;} .h_desc h5{font-size: 16px; color: #333; padding-top: 0px; padding-left: 0px; display: block; font-weight: 500; } .head_top{position:relative;z-index: 2; *height:122px;} .h_img{margin-left:20px;margin-right:auto;margin: auto;} .head_r{width:auto; position:relative;margin-top: 0px; margin-left:auto;display: flex;} .head_r a{ font-size: 2rem; font-weight: bold; color: #333; text-transform: uppercase; margin-top: 15px; padding: 0px;} .head_r a:hover{cursor: pointer; color:#af263c;} .dh_mobile{ display:none;} .panel_box{ display:none;} .TopStyle{margin:43px 0px 0px 0px;} .header_t { float: left; display: block; width: auto; margin-left: 20px; margin-top: 35px; } .head_r .nav{position:absolute;width:100%;top:34px;left:0;height: 70px;} .head_r .lan{position: absolute;top: 5px;right: 50px;text-align: left; display: none;} .head_r .lan span{float: left;margin-right: 5px;color: #5d5c5c; font-size: 12px; font-weight: 500;} .head_r .lan a{color: #ccc;} .head_r .lan a:hover{color: #edc53f;} .head_r .lan a.l_c{ background:url("l_c.jpg") no-repeat; width:31px; height:21px; float:left; margin-right:5px;margin-top: 0px;line-height: 70px;text-align: center;} .head_r .lan a.l_e{ background:url("l_e.jpg") no-repeat; width:31px; height:21px; float:left;margin-top: 0px;line-height: 70px;text-align: center;} .head_r .head_400{width:auto; padding-left: 0px; font-size: 1rem; color: #4ab344; padding-top: 0px; margin-top: 0px;display: flex;margin-right: 20px; align-items: center;} .head_r .head_400:nth-last-child(1){margin-right:0px;} .head_r .head_400 em{margin: auto;} .head_r .head_400 em:after{content: "\e880"; font-family: "iconfont" !important; line-height: initial; color: #FFFFFF; background: var(--color1); padding: 6px; border-radius: 50px; font-size: 2rem;} .head_r .head_400 .top_tel{margin-top:0px;padding-left: 10px; height: 50px;display: flex;flex-direction: column; font-size: 26px; color: #333; text-align: left; font-weight: 500;line-height: normal;align-items: flex-start;position: relative;} .top_tel span{font-size:14px; color:#333;} .top_tel h5{ display: block; font-size: 1.65rem; font-family: Impact; line-height: 1; margin: 0px;} .top_tel h5 label{font-family: "HarmonyOS_Regular";} .top_tel div{display: block;height: 31px;line-height: 31px;font-size: 25px;color: #333333;} .top_tel div:nth-child(1) {display: block;height: 33px;line-height: 33px;font-size: 28px;color: #009237;} .head_400 .top-link{position: absolute;top: -35px;left: 40px;} .head_400 .top-link i{font-family: "iconfont"; margin-right:5px;} .top-link a{color: #fff !important;background: var(--color1);padding: 2px 10px 4px 7px;border-radius: 5px; font-size:14px !important;} .top-link a:hover{background:var(--color2);} .head_r .head_400 h3{ font-size: 1rem; color: #000; text-align: left; font-weight: 300;line-height: 0px;margin: auto;} .colsbox,.m_lan{display:none;} .head_r .head_400 a{ font-size: 1.8rem; color: #e70012; text-align: left; font-weight: bold;line-height: 0px;} .colsbox,.m_lan{display:none;} .colsbox,.m_lan{display:none;} .head_lan{ display: inline-block; position: absolute; z-index: 1000; right: 320px; top: 55px; height: 75px; line-height: 64px;} .head_lan a{width:auto; height:20px; float:left; margin-right:5px;margin-top: 0px;line-height: 20px;text-align: center; padding-left:35px; padding-right:20px; color:#333;} .head_lan a:hover{ color:#F00;} .head_lan a.l_c{ background:url("/images/icon/l_c.jpg") left center no-repeat;} .head_lan a.l_e{ background:url("/images/icon/l_e.jpg") left center no-repeat;} .head_lan_m{display: none;} @media screen and (max-width: 1023px){ .top_bar{display: none;} .head{height:auto;} .headFlex{display:none;} .head .h_desc{ float:left; margin-left:0px; width:100%; height:auto; margin-top:0px; text-align:left; padding:0px;} .h_desc h3{color:#000000; font-size:25px;} .h_desc h5{font-size:14px;color: #333333;font-weight: 500;} .head_r{display: none;} .mobile-menus{margin-top:-60px;} .header_t{display: none;} .head_lan{display:none;} .head_lan_m{ display: inline-block; position: absolute; z-index: 1000; left: 250px; top: 67px; height: 45px; line-height: 64px;} .head_lan_m a{width:auto; height:20px; float:left; margin-right:5px;margin-top: 0px;line-height: 20px;text-align: center; padding-left:40px; padding-right:0px; color:#333;} .head_lan_m a:hover{ color:#F00;} .head_lan_m a.l_c{ background:url("/images/icon/l_c.jpg") left center no-repeat;} .head_lan_m a.l_e{ background:url("/images/icon/l_e.jpg") left center no-repeat;} } /******************************************************* nav **************************************************************/ .nav{width:100%;height: 55px; background:-webkit-linear-gradient(top, #1558b2, #02459c);} .nav .wrap{max-width:1200px;width:100%; overflow:visible;} .nav ul li i{width:17px; height: 17px;float: left; display: block; background: url("dh_home.png") center no-repeat; margin:19px 5px auto 15px;} .navfix{position:fixed;top: 0px;background:rgba(0, 0, 0, 0.9); background:#100909\0; width:100%;z-index: 10000;} @media \0screen\,screen\9 { .navfix{ filter:Alpha(opacity=90); position:static; *zoom:1; } } .nav .nav_li{position: relative; float: left; height: 40px;line-height: 40px;width:11%;text-align: center;} .nav .nav_li .nav_a{font-size:17px; display:block;color:#fff; position:relative;} .nav .nav_li .nav_a:before{content:''; width:100%; height:4px; background-color:#ffcc19; position:absolute;z-index: -1; left:0;top:-3px; display:none; overflow:hidden;} .nav .nav_li:hover .nav_a:before{display:block;} .nav ul { width:100%; height:55px; margin:0px auto; overflow:visible; } .nav ul li { /*float:left; width: 14%;*/ height:55px; text-align:center; position:relative; overflow:visible; z-index:100; } .nav ul li:hover { /*border-bottom:3px solid #C89D6E; background-color: rgba(28, 98, 176, 0.9);*/ /*background:#77bc25 repeat-x; background:#77bc25\0;*/ } /*.nav ul li:before{content: ""; height: 16px; width: 1px; position: absolute; top: 20px; display: block; right: 0px; background: #099c40; box-shadow: 1px 0px 0px #00782d;} .nav ul li ul li:before{content: none;background: none;}*/ .nav ul li a { display:block; color:#ffffff; height:55px; line-height: 55px; padding: 0 17px; font-size:16px; font-weight:100; text-align:center; /*display: inline-block; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(142,142,142,1)),to(rgba(0,0,0,1))); -webkit-background-clip: text; -webkit-text-fill-color: transparent;*/ } .nav ul li a em{ display: inline-block; /*background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(142,142,142,1)),to(rgba(0,0,0,1))); -webkit-background-clip: text; -webkit-text-fill-color: transparent;*/ color:#ffffff; } .nav ul li span{ display:none; color:#ffffff; font-size:9px; font-family:Verdana, Geneva, sans-serif; font-weight:normal; } .nav ul li a:hover { color:#003E3A; /*background:url('dh_hover.gif') center bottom no-repeat;*/ /*border-radius:10px; background: #77bc25;*/ text-decoration:underline; /*-webkit-animation:nav_li_a .5s;*/ /* Safari and Chrome */ } .nav ul li:hover em { color:#003E3A; /*-webkit-animation:nav_li_a .5s;*/ /* Safari and Chrome */ } .nav ul li:hover a{ background:none; } /* Safari and Chrome */ /*@-webkit-keyframes nav_li_a { from { width:100%; height:100%;background-position:center;} to {width:100%; height:100%;background-repeat:repeat;border-radius:10px;} } */ /*.navfix ul li ul{background-color: rgba(32,43,52,0.9);}*/ .nav ul li .nav_img {display: none;} .main-navigation { display: -webkit-box !important; display: -webkit-flex !important; display: -moz-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-align-self: stretch; -moz-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .main-navigation > ul > li:hover > a { color: #2284bd; } .main-navigation ul { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-align-self: stretch; -moz-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; padding-left: center; margin-bottom: 0; flex-direction: row; justify-content: space-between; } .main-navigation ul li { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-align-self: stretch; -moz-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; padding: 0px 20px; /* Dropdown Menu Styles */ /* Last Element */ } @media screen and(-ms-high-contrast:active),(-ms-high-contrast:none){ /*鍏煎IE11*/ .main-navigation ul li {padding: 0px 5px;} } .main-navigation ul li:first-child { /*padding-left: 0;*/ /*background-color: #4ab344; color:#ffffff; */ } .main-navigation ul li:last-child:before{background: #272626;box-shadow: 1px 0px 0px #272626;display: none;} .main-navigation ul li:last-child { /* padding-right: 0;*/ } .main-navigation ul li:hover{background-color: #244ea4; color:#ffffff;} .main-navigation ul li:hover a{color:#ffffff;} .main-navigation ul li a { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-align-self: stretch; -moz-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; color: #FFFFFF; font-weight: 500; font-size: 16px; text-transform: uppercase; } .main-navigation ul li:hover {background-color: var(--color6); color:#ffffff;} .main-navigation ul li:hover:before{background: #272626;box-shadow: 1px 0px 0px #272626;display: none;} .main-navigation ul li.cr-dropdown { position: relative; } .main-navigation ul li.cr-dropdown > a:after { content: "\e6aa"; font-family: "iconfont" !important; margin-left: 5px; line-height: 26px; display: inline-block; } .main-navigation ul li.cr-dropdown .cr-dropdown-menu { position: absolute; left: 0; top: 100%; width:100%; padding: 0px; min-width: 200px; background: #ffffff; visibility: hidden; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; z-index: 99; } .main-navigation ul li.cr-dropdown .cr-dropdown-menu li { display: block; padding: 0; position: relative; /* Sub Dropdown Menu */ } .main-navigation ul li.cr-dropdown .cr-dropdown-menu li a { display: block; font-size: 14px; background: var(--color1); color: #fefefe; padding: 6px 20px; position: relative; font-weight: 400; } .main-navigation ul li.cr-dropdown .cr-dropdown-menu li:hover > a { background: var(--color1-h); color: #ffffff; } .main-navigation ul li.cr-dropdown .cr-dropdown-menu li.cr-dropdown-sub > a { position: relative; } .main-navigation ul li.cr-dropdown .cr-dropdown-menu li.cr-dropdown-sub > a:after { content: "\f105"; font-family: fontAwesome; position: absolute; right: 15px; top: 50%; height: 30px; line-height: 30px; margin-top: -15px; font-size: 14px; } .main-navigation ul li.cr-dropdown .cr-dropdown-menu li ul { position: absolute; left: 100%; top: 0; width: 250px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); z-index: 2; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; background: #fff; } .main-navigation ul li.cr-dropdown .cr-dropdown-menu li:hover ul { visibility: visible; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); } .main-navigation ul li:hover a:before { width: 100%; } .main-navigation ul li:hover .cr-dropdown-menu { visibility: visible; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); } .main-navigation ul li.last-elements .cr-dropdown-menu { right: 0; left: auto; } .main-navigation ul li.last-elements .cr-dropdown-menu .cr-sub-dropdown-menu { left: auto; right: 100%; background: #fff; } .main-navigation ul ul { display: block; background: #fff; } .main-navigation ul li.cr-dropdown .cr-dropdown-menu li {height:auto;} .main-navigation ul li.cr-dropdown .cr-dropdown-menu li a{text-align: left;padding: 0px 20px;height: 40px;line-height: 40px;} @media only screen and (min-width: 992px) and (max-width: 1199px) { .main-navigation ul li { padding: 0 17px; } } @media screen and (max-width: 1023px){ .nav{display: none;} .h_desc h3{color:#000000; font-size:25px;} .h_desc h5{font-size:14px;color: #333333;font-weight: 500; padding: 0px;} .head_r{display: none;} } /******************************************************* header **************************************************************/ /*************************** banner ***************************/ .home-banner{} .home-banner .mask { position: absolute; height: 100%; width: 100%; background-color: #000000; opacity: .25; z-index: 10; } .home-banner .container{display: flex; justify-content: flex-start; z-index: 100!; position: absolute; z-index: 100; top: 0; bottom: 0; left: 50vw; right: unset;} .home-banner h1 { font-weight: bold; font-size: 50px; text-align:left; text-shadow: var(--box-shadow2); font-family: var(--ff1);text-transform: uppercase; } .home-banner h4 { font-size: 28px; text-align: left; margin-top:1rem; padding-left:3px; text-shadow: var(--box-shadow2);font-family: var(--ff1);text-transform: uppercase;font-weight: 300; } .home-banner .more { margin-top: 50px; } .home-banner .more a{display:flex;} .home-banner .more span{color: #001a2e;border-color: #0066cc;background: #0066cc; font-size:14px;} .home-banner .more span { display: inline-flex; align-items: center; height: 3rem; border: 1px solid transparent; transition: color 0.2s ease, border 0.2s ease, background 0.2s ease; } .home-banner .more .btn-text { padding: 0.9rem 2.6rem; } .home-banner .more:hover .btn-text{color: #0066cc;border-color: #0066cc;background: transparent;} .home-banner .more .btn-addon { padding: 0.9rem 1.3rem; margin-left: 2px; font-size: 1.2rem; } .home-banner .swiper-button-prev{top:unset;left: unset;right: 20vw;bottom: 50px;background:none;} .home-banner .swiper-button-next{top:unset;left: unset;right: calc(20vw - 80px);bottom: 50px;background:none;} .home-banner .swiper-button-prev:before,.home-banner .swiper-button-next:before{font-family:"iconfont"; width:48px; height: 48px; display: flex;align-items: center; justify-content: center;background: #FFF; color:#333; font-size:24px; border:2px solid #fff;} .home-banner .swiper-button-prev:before{content: "\e613";} .home-banner .swiper-button-next:before{content: "\e614";} .home-banner .swiper-button-prev:hover:before,.home-banner .swiper-button-next:hover:before{color:#FFFFFF; background-color: transparent;} .home-banner .swiper-slide{overflow: hidden;transform:translate3d(0,0,0);} .home-banner .swiper-slide img{max-width:100%;} .home-banner .swiper-slide img.ani{opacity: 1 !important;visibility: visible !important;} .home-banner .swiper-slide .img{/*-webkit-animation: zoom 20s infinite;animation: zoom 20s infinite;*/ /*animation: zoom-animation 7500ms linear infinite normal forwards;*/ animation-name:zoom-animation; animation-duration:7500ms; animation-timing-function:linear; animation-iteration-count:infinite; animation-direction:alternate; } @keyframes zoom-animation { 0% { transform: scale(1); } 100% { transform: scale(1.15); } } .home-banner-m{display:none;} .sp-slide .container{top:20%;} /*.nybanner { width: 100%; overflow: hidden; margin: auto; height: 400px; position:relative; margin-bottom:0px; } .nybanner .content { position: absolute; top: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; text-align: center; }*/ @media (max-width: 1199px) { .main-slider .container{margin-left:0px;left:0;} .sp-slide .container{top:0;} .banner__single__content p{display: none;} } @media (max-width: 767px) { .sp-slide .container{top:0;} .banner__single__content p{display: none;} } /*.bannerLeft{ width:60px; height:60px; position:absolute; left:5%; top:40%; display:block; background:url("bann_btn.png") 0px 0px no-repeat;} .bannerRight{ width:60px; height:60px; position:absolute; right:5%; top:40%;display:block;background:url("bann_btn.png") -60px -0px no-repeat;}*/ /*闂侇偅姘ㄩ弫顦坅nner*/ .banner{position:relative;width:100%;height:auto;overflow:hidden; margin:0px auto 0px auto; margin-top:0px;} .banner .swiper-wrapper{/*position:absolute;top:0px;left:0px;width:100%;height:650px;*/} .banner .swiper-slide{text-align: center; font-size: 18px; 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; z-index: 10; } .banner .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .banner .swiper-slide .container { position: relative; width: 1200px; margin: 0px auto; } .nybanner img { display: block; width: 100%; max-width: 100%; height: 100%; object-fit: cover; } /*.banner .contentInfo{display:none;overflow:hidden;position:absolute;top:50%;left:100px;width:675px;height:200px;margin-top:-100px;z-index:1;text-align:left;} .banner .contentInfo .sub{text-shadow:0px 0px 3px #b67ebc;position:absolute;top:17px;left:8px;width:2px;height:120px;background:#fff;} .banner .contentInfo .sub{transform-origin:left bottom;-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;-o-transform-origin:left bottom;-webkit-transform-origin:left bottom;} .banner .contentInfo .quan{text-shadow:0px 0px 3px #b67ebc;position:absolute;top:128px;left:0px;width:14px;height:14px;border:2px solid #fff;border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px;-webkit-border-radius:16px;} .banner .contentInfo .title{text-shadow:0px 0px 3px #b67ebc;position:absolute;left:32px;top:8px;line-height:50px;font-size:40px;color:#fff;font-family:"鐎甸偊鍠涢拏瀣⒖閸涘鎷�";} .banner .contentInfo .info{text-shadow:0px 0px 3px #b67ebc;position:absolute;left:32px;top:70px;line-height:32px;font-size:20px;color:#fff;} .banner .contentInfo .btn{text-shadow:0px 0px 3px #b67ebc;position:absolute;top:146px;left:32px;color:#fff;border:1px solid #fff;text-align:center;line-height:32px;width:110px;height:30px; border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;-webkit-border-radius:30px;}*/ /*.banner .bannerNav{position:absolute;bottom:90px;width:100%;text-align:center;z-index:2;} .banner .bannerNav .bannerNavChild{margin:0 10px;width:10px;height:10px;display:inline-block;*display:inline;*zoom:1;background:#fff;border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;-webkit-border-radius:10px;cursor:pointer;} .banner .bannerNav .bannerNavChild.on{background:#000; animation:bannerNavChildOn .2s ease-in-out 0s both; -moz-animation:bannerNavChildOn .2s ease-in-out 0s both; -webkit-animation:bannerNavChildOn .2s ease-in-out 0s both; -o-animation:bannerNavChildOn .2s ease-in-out 0s both;}*/ .banner .pc-h{display:none !important;} .banner-swiper-pagination{position:absolute; z-index: 15; bottom:60px !important;width: auto !important; text-align: center;left: 0px;right: 0px;} .banner-swiper-pagination .swiper-pagination-bullet{width:15px !important; height: 15px !important;} .banner-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#e02b3b !important;} /*.banner .catesbox{width:100%; height:40px;position:absolute;left:0;bottom:0;background:url(neiNavBg.png) left top repeat-x; z-index: 100;} .banner .catesbox .catesdiv{width:1200px;height:40px;margin:0 auto;} .banner .catesbox .catesdiv .sel{border-bottom:2px solid #0985cc;height:38px;} .banner .catesbox .catesdiv ul li{width:auto;height:40px;float:left;line-height:40px;text-align:center;} .banner .catesbox .catesdiv ul li a{min-width:90px;height:40px;display:block;font-size:13px;color:#fff;font-family: microsoft yahei; padding:0px 10px;} .banner .catesbox .catesdiv ul li a:hover{ background-color:#1BBC9B;}*/ /* Slider Zoom Effect */ @-webkit-keyframes zoom { from { -webkit-transform: scale(1, 1); } to { -webkit-transform: scale(1.2, 1.2); } } @-moz-keyframes zoom { from { -moz-transform: scale(1, 1); } to { -moz-transform: scale(1.2, 1.2); } } @-o-keyframes zoom { from { -o-transform: scale(1, 1); } to { -o-transform: scale(1.2, 1.2); } } @keyframes zoom { from { transform: scale(1, 1); } to { transform: scale(1.2, 1.2); } } .bannernext { position: absolute; bottom: 20%; left: 50%; transform: translateX(-50%); z-index: 100; } .bannerimg { width: 22px; height: 30px; background: url(/images/icon/next.png) center no-repeat; cursor: pointer; -webkit-animation: mousewheels 1s 0.5s linear infinite; animation: mousewheels 1s 0.5s linear infinite; } @-webkit-keyframes mousewheels { 0% { opacity: 1 } 50% { -webkit-transform: translateY(10px); transform: translateY(10px); opacity: 1 } 70% { -webkit-transform: translateY(5px); transform: translateY(5px); opacity: 1 } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1 } } @keyframes mousewheels { 0% { opacity: 1 } 50% { -webkit-transform: translateY(10px); transform: translateY(10px); opacity: 1 } 70% { -webkit-transform: translateY(5px); transform: translateY(5px); opacity: 1 } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1 } } @media (max-width: 1920px){ .banner .content {background-size: auto;background-position: unset;} } @media screen and (max-width: 1900px){ .banner .content{background-position: unset;} .banner .content{background-size: cover;background-position: 60% top;} .banner .contents .content:nth-of-type(1){background-position:center top;} .banner .contents .content:nth-of-type(2){background-position:center top;} .nybanner .content{background-position: unset;} } /*************************** banner ***************************/ .jumbotron{height: auto;padding: 0;display: flex;align-items: center;justify-content: center;} .jumbotron img{max-width:100%;} .jumbotron .container{max-width:60%;} .jumbotron h1{font-size: 2.2rem; line-height: 3rem; font-weight: bold;text-shadow: 1px 1px 5px rgb(0 0 0 / 20%);margin-top: 34px !important;margin-bottom: 20px;font-family: var(--ff2);text-transform: uppercase;} .jumbotron p{font-size: 1.4rem; max-width:800px; line-height: 34px;text-shadow: 1px 1px 5px rgb(0 0 0 / 60%);padding-bottom: 0px; margin:auto;font-weight: 500; letter-spacing: 0px;/*font-family: var(--ff1);*/text-transform: uppercase;} .jumbotron .container{text-align: center;margin: 0;} .jumbotron.nybanner-prod .container{ background: rgb(255 255 255 / 65%);padding: 20px;border-radius: 10px} .jumbotron.nybanner-prod h1{color:#000;text-shadow: 0px 0px 5px #fff;} .jumbotron.nybanner-prod p{color: #000;text-shadow: 0px 0px 5px #fff;font-size: 24px;} .page-num, .page-link{color: var(--color1);} .page-num-current { z-index: 1; color: #fff; background-color: var(--color6); border-color: var(--color6); } .pagination a.page-link{font-size:14px;} .pagination .page-num,.pagination .page-link{padding: 5px 10px;margin: 0px 5px;font-size: 12px;} .btn-info{background-color: var(--color3); border:0px;} /*============================================ contact-section 栏目 ===========================================*/ .contact-section{position:relative;padding:0px 0px; height:390px; overflow: hidden; position:relative;background-repeat: no-repeat; background-position: center;} .contact-section .wrap{display:flex; flex-direction: column;align-items: center;height: 100%;justify-content: center;} .contact-cont{max-width:700px;} .contact-cont h3{font-size:2rem; color:#FFFFFF; font-weight: bold;text-align: center;} .contact-cont p{font-size:18px; color:#FFFFFF;text-align: center;margin-top:10px;} .contact-section .btn2 a{display: flex;} .contact-section .btn2 span{background: var(--color1);margin-top:20px;color:#FFF;} .contact-section .btn2:hover .btn-text{color: #FFF;border-color: #FFF;} #wrapper > section, #wrapper > div > section { overflow: hidden; } #wrapper > section, #wrapper > div > section { clear: both; position: relative; } .special-heading1 { font-size: 30px; font-weight: 500; line-height: 1; padding-top: 40px; padding-bottom: 20px; position: relative; } .text-center { text-align: center!important; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; } .ls { color: #222222; } .ls h3.special-heading1 { color: #333333; padding-top: 80px; padding-bottom: 0px; } section .top-subtitle { font-size: 20px; font-weight: bold; letter-spacing: 0px; margin-bottom: 10px; margin-top: 5px; text-transform: uppercase; color:#333; } section .top-subtitle.text-center { margin-top: 0; } .special-heading { font-size: 32px; font-weight: 500; line-height: 1; padding-bottom: 40px; position: relative; } .special-heading:after { background-color: #00913a; bottom: 0; content: ""; height: 2px; left: 0; position: absolute; width: 70px; } .special-heading.text-center:after { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } /*****************************************模板页**********************************************************/ .MyCont .neiTitle{font-size: 26px; font-family: microsoft yahei; color: #333333; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ccc;} .cont_title{font-size: 26px;font-family: microsoft yahei;color: #777777;padding-bottom: 20px;margin-bottom: 20px;text-align: center;border-bottom: 1px solid #efefef;} .MyCont .cont_sation{float: left;padding-left: 0px;margin-bottom: 10px;text-indent: 30px; line-height:35px;background: url("ico_station.png") 0px center no-repeat; font-size:14px;color: #333; width:100%;} .cont_sation a{ color:#333;} .cont_sation a:hover{ color:#FF5234;} .MyCont .MyContLeft { width:240px; height:auto; margin:0px; /*border:1px solid #e1e1e1;*/ /*padding: 5px;*/ /*background: #f6f6f6;*/ /*background: #1c228f;*/ float:left; margin-left: 0px; } .MyContLeft .ml_box{float:left; width:100%; background: #FFFFFF;margin: 0px; border:3px solid #1c228f; border-top:0px;} .MyContLeft .c1_cp_title{ width:100%;height:85px; background:#02306c; /*background-image: none, linear-gradient(top,rgba(45,100,229,1) 0%,rgba(42,94,214,1) 50%,rgba(32,71,166,1) 94%,rgba(32,68,162,1) 100%); background-image: none, -webkit-linear-gradient(top,rgba(45,100,229,1) 0%,rgba(42,94,214,1) 50%,rgba(32,71,166,1) 94%,rgba(32,68,162,1) 100%); background-image: none, -moz-linear-gradient(top,rgba(45,100,229,1) 0%,rgba(42,94,214,1) 50%,rgba(32,71,166,1) 94%,rgba(32,68,162,1) 100%); background-image: none, -o-linear-gradient(top,rgba(45,100,229,1) 0%,rgba(42,94,214,1) 50%,rgba(32,71,166,1) 94%,rgba(32,68,162,1) 100%);*/ /*background: -moz-linear-gradient(top, #022e8d, #237fcb); background:-webkit-linear-gradient(top, #022e8d, #237fcb); background:-o-linear-gradient(top, #022e8d, #237fcb);*/ /*box-shadow: 0px 0px 1px #ccc;*/ margin-top: 0px;float: left; } .c1_cp_title h1{ float: left; font-size: 26px; color: #FFFFFF; margin: 15px auto 0px 20px; font-weight: 300; text-align: left; line-height: 40px; } .c1_cp_title h5{ width: 100%; float: left; color: #899cd3; font-size: 16px; text-transform: uppercase; margin: 0px auto auto 20px; font-weight: 100; line-height: 15px;} .MyContLeft .middle01_cpjs { width:240px; height:auto; overflow:hidden; float:left; margin:0px; } .middle01_cpjs .ColumnList ul { width:210px; height:auto; overflow:hidden; margin:15px 10px 0px 12px; float:left; list-style:none; border:0px; } .middle01_cpjs .ColumnList ul li { width:210px; height:auto; background:#02459c; background: -moz-linear-gradient(top, #1171d1, #0842a5); background:-webkit-linear-gradient(top, #1171d1, #0842a5); background:-o-linear-gradient(top, #1171d1, #0842a5); background: #dcdcdc; overflow:hidden; line-height:50px; text-indent:0px; margin:0px 0px 15px 0px; float: none; border-bottom:0px; border-radius: 0px; } .middle01_cpjs .ColumnList ul li a { background:url("ico_jt03.png") 15px center no-repeat; text-indent:20px; font-size: 14px; color:#333; float: left; width:100%; } .middle01_cpjs .ColumnList ul li a:hover{color:#FFFFFF;} .middle01_cpjs .ColumnList ul li img { margin-top:-2px; } .middle01_cpjs .ColumnList span{padding-left:10px;} .middle01_cpjs .ColumnList ul li:hover{ background: #34a702 url(ico6.png) 15px center no-repeat;} .middle01_cpjs .ColumnList ul li.cur{background:#34a702 url(ico6.png) 15px center no-repeat; color:#FFF;} .middle01_cpjs .ColumnList ul li.selected{background:#f48d42 url(ico6.png) 15px center no-repeat; color:#FFF;} .middle01_cpjs .ColumnList ul li.selected a{ color:#FFFFFF;} .middle01_cpjs .ColumnList ul li.selected ul li a{ color:#666666;} .middle01_cpjs .ColumnList ul li a { /*background:none; text-indent:20px;*/ } .middle01_cpjs .ColumnList ul li.cur a{ color:#FFFFFF;} .middle01_cpjs .ColumnList ul li.cur a:hover{ color:#FFFFFF;text-decoration:underline;} .middle01_cpjs .ColumnList ul li ul { border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; background:#F5F5F5; display:none; margin: 0px; } .middle01_cpjs .ColumnList ul li.cur ul{ display:block;} .middle01_cpjs .ColumnList ul li.cur ul li.cur { background: #B3E5FC; padding: 0px; margin: 1px 0px; border-left:0px; border-right:0px; } .middle01_cpjs .ColumnList ul li.cur ul li.cur{ background:#efefef;} .middle01_cpjs .ColumnList ul li.cur ul li.selected { background: #B3E5FC; padding: 0px; margin: 1px 0px; border-left:0px; border-right:0px; } .middle01_cpjs .ColumnList ul li ul li { background: #efefef; padding: 0px; margin: 1px 0px; border-left:0px; border-right:0px; } .middle01_cpjs .ColumnList ul li.cur ul li a{ color:#333; background:url('/style/ico01.gif') 19px 15px no-repeat;} .middle01_cpjs .ColumnList ul li.cur ul li a:hover{ color:#333;text-decoration:underline;} .middle01_cpjs .ColumnList ul li ul li:hover{ background:#e1f5fe;} .middle01_cpjs .ColumnList ul li ul li a{ color:#333; background:url('/style/ico01.gif') 19px 15px no-repeat;} .middle01_cpjs .ColumnList ul li ul li a:hover{ color:#333;text-decoration:underline;} .middle01_cpjs .ColumnList ul li ul li ul{border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; background:#F5F5F5; display:none; margin: 0px;} .middle01_cpjs .ColumnList ul li.cur ul li ul{ display:none;} .middle01_cpjs .ColumnList ul li ul.show{ display:block;} .middle01_cpjs .ColumnList ul li.cur ul li ul.show{ display:block;} .middle01_cpjs .ColumnList ul li ul li ul li { background: #efefef; padding: 0px; margin: 1px 0px; border-left:0px; border-right:0px; } .middle01_cpjs .ColumnList ul li ul li ul li.selected { background: #B3E5FC; padding: 0px; margin: 1px 0px; border-left:0px; border-right:0px; } .middle01_cpjs .ColumnList ul li.cur ul li ul li a{text-indent: 40px;background: url('/style/ico05.gif') 40px 15px no-repeat;} .middle01_cpjs .ColumnList ul li.selected ul{ display:block;} .middle01_cpjs .ColumnList ul li ul li.cur1 { background: #B3E5FC; padding: 0px; margin: 1px 0px; border-left:0px; border-right:0px; } .MyCont .celarBoth { float:left; width:100%; height:20px; } .MyContLeft .box_left { width:240px; margin:20px 0px 0px 0px; padding:0px; float:left; height:100%; } .box_left .box_left_cont { width:240px; height:auto; background:url("/style/left_BoxBg.jpg") center repeat-y; float:left; } .box_left_cont .ColumnList ul { width:195px; float:left; border:1px solid #cccccc; margin:10px 0; /*list-style:none;*/ } .box_left_cont .ColumnList ul li { height:25px; line-height:25px; font-size:12px; float:left; clear:both; margin:0px 5px 5px 5px; border-bottom:1px #CCCCCC dashed; } .box_left_cont .ColumnList ul li a#FFEB3B { background:url('/style/ico05.gif') 5px center no-repeat; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666666; padding-left:0px; } .box_left_cont .ColumnList ul li a:hover { background:url('/style/ico05a.gif') 5px center no-repeat; color:#FF6600; } .box_left_cont .ArticleList .title { width:197px; height:35px; line-height:40px; text-indent:10px; float:left; font-size:16px; color:#000000; font-family:"微软雅黑", "黑体", "宋体"; font-weight:bold; border-bottom:1px #cccccc dashed; } .box_left_cont .ArticleList ul { width:185px; height:100%; margin:5px 0px 5px 7px; padding:0px; float:left; } .box_left_cont .ArticleList ul li { width:183px; height:auto; line-height:27px; background:none; float:left; border-bottom:1px dashed #cccccc; } .box_left_cont .ContextBox { /*border:1px solid #cccccc;*/ margin-top:10px; } .box_left_cont .box_left_flash { width:185px; height:auto; float:left; margin:5px 0px 5px 7px; } .box_left_cont .ContextBox { padding:15px; } .box_left_cont ul { width:185px; height:100%; margin:5px 0px 5px 7px; padding:0px; float:left; } .disbl { display:block; } .disno { display:none; } .box_left_cont ul li { width:183px; height:auto; line-height:27px; background:url("/style/leftColumn_bg.jpg") no-repeat; float:left; margin:2px 0px; } .box_left_cont ul li a { width:183px; height:27px; line-height:27px; display:block; overflow:hidden; background:url("/style/ico05.gif") 8px center no-repeat; text-overflow:ellipsis; white-space:nowrap; color:#666666; text-indent:17px; } .box_left_cont ul li a:hover { background:url("/style/ico05.gif") 8px center no-repeat; color:#FF0000; } .box_left_cont ul ul { width:180px; height:100%; margin:0px 0px 5px 7px; padding:0px; float:left; display:none; } .box_left_cont ul ul li { width:180px; height:25px; height:auto; line-height:25px; background:none; border-bottom:1px dashed #cccccc; float:left; margin:0px 0px; } .box_left_cont ul ul li a { height:22px; line-height:22px; } .box_left_cont .ny_columntitle { float:left; width:230px; height:37px; background-image:url("mb_left03.jpg"); position:relative; background-repeat:no-repeat; } .MyCont .MyContLeft .box_left .ny_columntitle .ny_columntitle_title { position:absolute; top:8px; left:52px; font-weight:bold; font-size:14px; font-family:"微软雅黑", "黑体", "宋体"; } .MyCont .MyContLeft .box_left .ny_columntitle .ny_columntitle_title a { font-weight:bold; font-size:14px; font-family:"微软雅黑", "黑体", "宋体"; color:#000000; } .MyCont .MyContLeft .box_left .ny_columntitle .ny_columntitle_title a:hover { font-weight:bold; font-size:14px; font-family:"微软雅黑", "黑体", "宋体"; color:#FF0000; } .MyCont .MyContLeft .box_left .ny_columntitles { float:left; width:230px; height:100%; } .ny_columntitles .Context { width:200px; margin-left:30px; margin-top:10px; margin-bottom:10px; } .ny_columntitles .more { display:none; } .MyCont .MyContLeft .box_left .ny_columntitles ul{ width:200px; padding:0px; margin-top:5px; margin-left:25px; float:left; } .MyCont .MyContLeft .box_left .ny_columntitles li{ width:200px; height:22px; line-height:23px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; /**//* for IE */ -o-text-overflow: ellipsis; /**//* for Opera */ text-indent:18px; background-image:url('ico01.gif'); background-position:10px 50%; background-repeat:no-repeat; } .MyCont .MyContLeft .box_left .ny_columntitles li:hover{ background-color:#EFF3F8; } .MyCont .MyContLeft .box_left .ny_columntitles li a{ color: #666666; } .MyCont .MyContLeft .box_left .ny_columntitles li a:hover{ color:black; } .MyCont .MyContLeft .box_left .nyLeftBox { width:230px; height:110px; margin-top:5px; background-repeat:no-repeat; float:left; clear:both; position:relative; } .MyContLeft .linkPic { float:left; margin:10px 10px 10px 15px; } .MyContLeft .tbMar { margin:10px 0px; } .nyBox01 { background-image:url(mb_left04.jpg); } .nyBox02 { background-image:url(mb_left05.jpg); } .MyCont .MyContLeft .box_left .nyLeftBox .Box01Title { position:absolute; top:12px; left:35px; font-family:"微软雅黑", "黑体", "宋体"; font-size:14px; margin-bottom:10px; color:#333333; font-weight:bold; clear:both; text-align:left; } .MyCont .MyContLeft .box_left .nyLeftBox .Box01Cont { position:absolute; top:35px; left:35px; width:150px; clear:both; text-align:left; font-size:12px; color:#333333; line-height:160%; } .MyContLeft .Context .more { display:none; } .MyCont .MyContRight { width:950px; height:100%; float:right; margin-top:5px; background-color:#FFFFFF; margin-bottom:10px; } .MyContRight .rightBox { width:726px; float:left; margin:10px 0px 0px 0px; border-top:2px #cccccc solid; border-left:2px #cccccc solid; border-right:2px #cccccc solid; background-color:#EEEEEE; } .rightBox .Context .title { width:726px; height:40px; position:relative; line-height:50px; color:#008194; border-bottom:1px #cccccc dashed; } .rightBox .Context .title .more { position:absolute; right:20px; top:20px; } .rightBox .ProdText { width:720px; height:auto; float:left; margin:10px 8px; } .rightBox .ProdText .title { width:726px; height:40px; line-height:40px; position:relative; color:#008194; border-bottom:1px #cccccc dashed; } .rightBox .ProdText .title .more { position:absolute; right:20px; top:20px; } .rightBox .ProdText ul { width:740px; margin:20px 0px 0px 0px; float:left; list-style:none; } .rightBox .ProdText ul li { width:150px; margin:0px 10px 0px 20px; height:220px; background:url("/style/pp.jpg") top left no-repeat; display:block; float:left; position:relative; } .rightBox .ProdText ul li .Images { width:139px; height:120px; position:absolute; top:27px; left:2px; display:block; } .rightBox .ProdText ul li .Images img { width:139px; height:120px; } .rightBox .ProdText ul li .Names { width:130px; height:52px; line-height:1.5; position:absolute; top:150px; left:6px; text-align:left; display:block; overflow:hidden; } .MyContRight .rightBoxBottom { width:930px; height:5px; display:block; float:left; margin-bottom:0px; background:#EEEEEE url("/style/right_boxBottom.gif") repeat; } .MyCont .MyContRight .title { width:926px; height:40px; line-height:40px; float:left; text-indent:20px; } .MyCont .MyContRight .ContextBox { padding:10px 20px; } .MyContRight .MyContBox { width:940px; min-height:600px; height:auto; float:left; padding:0px; border:1px #cccccc solid; } .MyContRight .box_right_title { float:left; margin-top:10px; border:1px #cccccc solid; width:940px; border-bottom: 0px; background:url("/style/title.gif") bottom repeat-x; height:40px; position:relative; } .MyContRight .box_right_title .box_right_titles { position:absolute; top:5px; left:20px; font-size:14px; font-family:"微软雅黑", "黑体", "宋体"; color:rgb(0, 129, 148); text-indent:15px; line-height: 30px; background:url("/style/a.gif") 0px 10px no-repeat; } .MyCont .MyContRight .box_right_title .sation { position:absolute; top:10px; right:20px; color:#666666; font-size:12px; } .MyCont .MyContRight .box_right_title .sation img{margin-top: 8px;} .MyCont .MyContRight .box_right_title .sation img{vertical-align: center;} .MyCont .MyContRight .box_right_title .sation a { color:#666666; font-size:12px; } .MyCont .MyContRight .box_right_title .sation a:hover { color:rgb(0, 129, 148); font-size:12px; } .MyCont .MyContRight .box_right_content { width:730px; margin:0px 0px 0px 10px; padding-top:10px; float:left; } /*首页产品*/ .program-section { background: #f9f9f9; z-index: 20; padding:30px 0px; } /*切换箭头*/ .program-section .owl-carousel .owl-nav, .surgical-section .owl-carousel .owl-nav, .testimonials-section .owl-carousel .owl-nav { top: 44%; } .program-section .owl-carousel .owl-dots, .surgical-section .owl-carousel .owl-dots, .testimonials-section .owl-carousel .owl-dots { display: none; } @media (max-width: 1250px) { .program-section .owl-carousel .owl-dots, .surgical-section .owl-carousel .owl-dots, .testimonials-section .owl-carousel .owl-dots { display: block; } } .program-section .owl-carousel .owl-nav, .surgical-section .owl-carousel .owl-nav, .testimonials-section .owl-carousel .owl-nav { top: 44%; } @media (max-width: 1250px) { .program-section .owl-carousel .owl-nav, .surgical-section .owl-carousel .owl-nav, .testimonials-section .owl-carousel .owl-nav { display: none; } } .program-section .owl-carousel .owl-nav .owl-prev, .surgical-section .owl-carousel .owl-nav .owl-prev, .testimonials-section .owl-carousel .owl-nav .owl-prev { left: -17%; opacity: 1; } @media (max-width: 1650px) { .program-section .owl-carousel .owl-nav .owl-prev, .surgical-section .owl-carousel .owl-nav .owl-prev, .testimonials-section .owl-carousel .owl-nav .owl-prev { left: -8%; } } @media (max-width: 1400px) { .program-section .owl-carousel .owl-nav .owl-prev, .surgical-section .owl-carousel .owl-nav .owl-prev, .testimonials-section .owl-carousel .owl-nav .owl-prev { left: -4%; } } .program-section .owl-carousel .owl-nav .owl-prev:hover i, .surgical-section .owl-carousel .owl-nav .owl-prev:hover i, .testimonials-section .owl-carousel .owl-nav .owl-prev:hover i { color: #006a93; } .program-section .owl-carousel .owl-nav .owl-prev i, .surgical-section .owl-carousel .owl-nav .owl-prev i, .testimonials-section .owl-carousel .owl-nav .owl-prev i { color: #333333; font-size: 30px; } .program-section .owl-carousel .owl-nav .owl-prev i:before, .surgical-section .owl-carousel .owl-nav .owl-prev i:before, .testimonials-section .owl-carousel .owl-nav .owl-prev i:before { content: "\f104"; } .program-section .owl-carousel .owl-nav .owl-prev.disabled, .surgical-section .owl-carousel .owl-nav .owl-prev.disabled, .testimonials-section .owl-carousel .owl-nav .owl-prev.disabled { opacity: 1; } .program-section .owl-carousel .owl-nav .owl-next, .surgical-section .owl-carousel .owl-nav .owl-next, .testimonials-section .owl-carousel .owl-nav .owl-next { opacity: 1; right: -17%; } @media (max-width: 1650px) { .program-section .owl-carousel .owl-nav .owl-next, .surgical-section .owl-carousel .owl-nav .owl-next, .testimonials-section .owl-carousel .owl-nav .owl-next { right: -8%; } } @media (max-width: 1400px) { .program-section .owl-carousel .owl-nav .owl-next, .surgical-section .owl-carousel .owl-nav .owl-next, .testimonials-section .owl-carousel .owl-nav .owl-next { right: -4%; } } .program-section .owl-carousel .owl-nav .owl-next:hover i, .surgical-section .owl-carousel .owl-nav .owl-next:hover i, .testimonials-section .owl-carousel .owl-nav .owl-next:hover i { color: #006a93; } .program-section .owl-carousel .owl-nav .owl-next i, .surgical-section .owl-carousel .owl-nav .owl-next i, .testimonials-section .owl-carousel .owl-nav .owl-next i { color: #333333; font-size: 30px; } .program-section .owl-carousel .owl-nav .owl-next i:before, .surgical-section .owl-carousel .owl-nav .owl-next i:before, .testimonials-section .owl-carousel .owl-nav .owl-next i:before { content: "\f105"; } .program-section .owl-carousel .owl-nav .owl-next.disabled, .surgical-section .owl-carousel .owl-nav .owl-next.disabled, .testimonials-section .owl-carousel .owl-nav .owl-next.disabled { opacity: 1; } .program-section .owl-carousel .owl-nav .owl-next.disabled i, .surgical-section .owl-carousel .owl-nav .owl-next.disabled i, .testimonials-section .owl-carousel .owl-nav .owl-next.disabled i { color: #a4a9b9; } .program-section .owl-carousel .owl-stage { padding: 5px 0; } .program-section .owl-carousel .owl-nav { top: 51%; } /*切换箭头*/ .owl-carousel { display: none; position: relative; -webkit-tap-color-main-color: transparent; touch-action: manipulation; width: 100%; z-index: 1; /*overflow: hidden;*/ } .owl-carousel.owl-loaded { display: block; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-theme .owl-nav { left: 0; opacity: 1; position: absolute; right: 0; -webkit-tap-color-main-color: transparent; text-align: center; top: 25%; } .owl-theme .owl-nav > div { position: absolute; /*right: 10px;*/ text-align: center; } .owl-theme .owl-nav .disabled { cursor: default; opacity: 0.5; } .owl-theme .owl-dots { margin-top: 40px; } .item-media .owl-theme .owl-dots { bottom: 50px; left: 0; margin: 0; position: absolute; right: 0; } @media (max-width: 479px) { .item-media .owl-theme .owl-dots { bottom: 20px; } } /* .owl-center theme */ .owl-center .owl-nav { bottom: 0; margin-top: 0; opacity: 1; position: static; top: 0; } .owl-center .owl-nav > div { /*background-color: rgba(0, 106, 147, 0.6);*/ bottom: 0; height: auto; margin: 0; right: -50px; top: 0; width: 50px; } .owl-center .owl-nav > div:first-child { left: -50px; right: auto; } .owl-center .owl-nav > div:first-child:after { left: 13px; } .owl-center .owl-nav > div:after { color: #fff; font-size: 20px; left: 17px; margin-top: -10px; position: absolute; top: 50%; } /*theme with nav at the top right corner*/ .top-right-nav .owl-nav { position: absolute; right: -1em; top: -55px; } .top-right-nav .owl-nav > div { background: transparent; min-width: 2em; } .top-right-nav .owl-nav > div:first-child { left: auto; right: 3em; } .top-right-nav .owl-nav > div i { font-size: 1em; } /*theme with text nav*/ .owl-text-nav .owl-nav { display: none; -webkit-tap-color-main-color: transparent; text-align: center; } @media (min-width: 1560px) { .owl-text-nav .owl-nav { display: block; left: -13vw; position: absolute; right: -13vw; top: 50%; } } @media (min-width: 1800px) { .owl-text-nav .owl-nav { left: -15vw; right: -15vw; } } .owl-text-nav .owl-nav > div { margin-top: -30px; position: absolute; right: 10px; text-align: center; } .owl-text-nav .owl-nav > div > span { display: block; font-weight: 900; line-height: 1; } @media (min-width: 1560px) { .owl-text-nav .owl-nav > div > span { font-size: 38px; line-height: 1; max-width: 5em; } } .small-gallery-carousel a { display: block; overflow: hidden; } .small-gallery-carousel a img { opacity: 0.4; transition: all 0.3s ease-in-out; } .small-gallery-carousel a:hover img { opacity: 0.2; -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } .small-gallery-carousel .owl-nav > div { opacity: 1; } @media (min-width: 768px) { .small-gallery-carousel .owl-nav > div { margin-top: -8px; right: 100px; } .small-gallery-carousel .owl-nav > div:first-child { left: 100px; } } .small-gallery-carousel .owl-nav > div i { font-size: 20px; } /* owl images fix */ .owl-carousel .owl-item { opacity: 1; transition: opacity 0.2s ease 0.1s; } .owl-carousel .owl-item.active { opacity: 1; } .owl-center .owl-item { opacity: 1; } /* **plugins */ /* Owl carousel v 2.1.6 styles */ /* Owl Carousel - Core */ .owl-carousel { display: none; position: relative; -webkit-tap-color-main-color: transparent; touch-action: manipulation; width: 100%; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel.owl-shadow-items .owl-stage { padding-bottom: 11px; padding-top: 11px; } .owl-carousel .owl-stage:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } .owl-carousel .owl-stage-outer { /*margin-left: -10px; margin-right: -10px; padding-left: 10px; padding-right: 10px;*/ overflow: hidden; position: relative; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-item { -webkit-backface-visibility: hidden; float: left; min-height: 1px; position: relative; -webkit-tap-color-main-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item .box-shadow { height: 100%; } .owl-carousel .owl-item .vertical-item:hover{cursor:pointer;} .owl-carousel .owl-item .box-shadow:hover{ box-shadow: 10px 0px 15px 0 rgba(0, 0, 0, 0.2); } .owl-carousel .owl-item img { -webkit-transform-style: preserve-3d; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; transition: all 0.3s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { display: block; opacity: 0; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { display: none; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .owl-carousel .owl-dots { line-height: 1; -webkit-tap-color-main-color: transparent; text-align: center; } .owl-carousel .owl-dots .owl-dot { *display: inline; display: inline-block; zoom: 1; } .owl-carousel .owl-dots .owl-dot span { -webkit-backface-visibility: visible; background-color: transparent; border: 2px solid #ccc; border-radius: 50%; display: block; height: 10px; margin: 5px; opacity: 0.8; transition: all 200ms ease; width: 10px; } .owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span { border-color: #fea84b; opacity: 0.8; } .owl-carousel .owl-nav { transition: all 0.3s ease; } .owl-carousel .owl-nav > div { display: inline-block; opacity: 0.5; /*right: 10px;*/ text-transform: uppercase; } .owl-carousel .owl-nav > div.disabled { cursor: default; opacity: 0.2; } .owl-carousel .owl-nav > div.disabled:hover { cursor: default; opacity: 0.2; } .owl-carousel .owl-nav > div:hover { opacity: 0.3; } @media (min-width: 768px) { .owl-carousel .owl-nav > div i { font-size: 54px; } } /* vertical media item */ .ds.ms .vertical-item { background-color: #006a93; } .vertical-item { background-color: transparent; } .vertical-item .item-media + .item-content { padding: 25px; } .vertical-item.content-padding .item-content { padding: 36px 40px; } .vertical-item.content-padding .item-content h5 { margin-bottom: 5px; margin-top: 0; text-transform: none; color:#222222; } .vertical-item.content-padding .item-content p { margin-bottom: 15px; } .vertical-item.content-padding .item-content .social-icons { color: #a4a9b9; margin-bottom: 0; opacity: 0.5; } @media (max-width: 1199px) { .vertical-item.content-padding .item-content { padding: 30px; } } .vertical-item.content-padding.padding-small .item-content { padding: 56px 57px 43px; } @media (max-width: 1200px) { .vertical-item.content-padding.padding-small .item-content { padding: 25px; } } .vertical-item.content-absolute { position: relative; } .vertical-item.content-absolute .item-content { bottom: 0; left: 0; padding: 20px 30px 30px; position: absolute; right: 0; z-index: 2; } .vertical-item.content-absolute.vertical-center .item-content { top: 0; } .vertical-item + .item-title { padding: 10px 30px; } .vertical-item + .item-title h2, .vertical-item + .item-title h3, .vertical-item + .item-title h4 { margin: 0; } /* item meta */ .item-meta { color: #fea84b; font-size: 12px; font-weight: 600; text-transform: uppercase; } .item-meta a { color: #fff; } .item-meta i { font-size: 1.2em; position: relative; text-align: center; width: 1em; } /* item media & item links */ .item-media { overflow: hidden; position: relative; } .item-media img { width: 100%; } .item-media.cover-image { height: 100%; } .media-links { bottom: 0; left: 0; position: absolute; right: 0; text-align: center; top: 0; } .media-links div { margin-top: -30px; position: absolute; top: 50%; width: 100%; z-index: 4; } .content-absolute .media-links div { display: flex; justify-content: center; margin-top: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .content-absolute .media-links div a { transition: all 0.35s ease 0.1s; } .content-absolute .media-links div a:hover { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .content-absolute .media-links div a:first-child { transition-delay: 0s; } blockquote.vertical-item { margin: 50px 0px; margin-right: 0; max-width: 100%; padding: 52px 60px; } @media (max-width: 545px) { blockquote.vertical-item { padding: 30px 25px; } } blockquote.vertical-item .small-text { display: flex; } .media-links:before { background-color: rgba(0, 106, 147, 0.2); bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.2s linear; } [class*="-item"]:hover .media-links:before { opacity: 0.5; } .media-links a.abs-link { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; } [class*="-item"]:hover .media-links a.abs-link { opacity: 1; } [class*="-item"] .links-wrap a { display: inline-block; font-size: 24px; height: 60px; line-height: 58px; opacity: 0; position: relative; text-align: center; top: -100px; transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; width: 45px; z-index: 5; } [class*="-item"] .links-wrap a.link-zoom { color: #fea84b; } [class*="-item"] .links-wrap a.link-zoom:hover { color: #006a93; opacity: 1; } [class*="-item"] .links-wrap a.link-anchor { color: #fea84b; transition-delay: 0.1s; } [class*="-item"] .links-wrap a.link-anchor:hover { color: #006a93; opacity: 1; } [class*="-item"] .links-wrap a:before { content: "\f002"; font-family: "FontAwesome"; } [class*="-item"] .links-wrap a.link-anchor:before { content: "\f041"; } [class*="-item"]:hover .links-wrap a { filter: alpha(opacity=100); opacity: 1; top: 0; } [class*="-item"]:hover .media-links div { filter: alpha(opacity=100); opacity: 1; } .testimonial-item { margin: 0 auto; max-width: 1030px; width: 100%; } /* item icons */ .item-icons { font-size: 12px; margin-top: 35px; } .content-padding .item-icons { margin-top: 0; } .item-icons i { padding: 0 4px; } .item-icons .col { padding-bottom: 20px; padding-top: 15px; text-align: center; } .program-section .vertical-item { background-color: #fff;position: relative;margin: 0 15px; } .program-section .owl-nav div{position:absolute;top:180px;width:30px;height:60px;margin:0;padding:0;border-radius:0;font:60px/60px "宋体";background-color:transparent;overflow:hidden;_display:none;} .program-section .owl-carousel .owl-nav.disabled,.program-section .owl-carousel .owl-dots.disabled{display: block;} .program-section .owl-nav .owl-prev{left:-40px;} .program-section .owl-nav .owl-next{right:-40px;} .program-section .owl-nav .owl-prev:before{content:"<";} .program-section .owl-nav .owl-next:before{content:">";} .program-section .vertical-item .item-content h5 { font-size: 24px; font-weight: bold; margin-bottom: 0; margin-top: 15px; color: #222222; } .program-section .vertical-item .item-content h5 a{ color: #222222; } .program-section .vertical-item .item-content p { margin-top: 20px; max-height: 73px; overflow: hidden; } .program-section .vertical-item .item-content .btn { margin-right: 0; margin-top: 14px; } .btn.btn-outline-maincolor1{ color: #006a93; text-decoration: none; transition: all 0.2s ease-in-out 0s; } .btn-outline-maincolor1 { background-color: transparent; border: 1px solid #ccc; padding: 16px 30px; display: table; font-size: 14px; border-radius: 0px; cursor: pointer; } .btn { border-radius: 3px; font-size: 12px; font-style: normal; font-weight: 600; letter-spacing: 0.05em; line-height: 1; margin-bottom: 4px; min-width: 180px; padding: 22px 39px; text-align: center; text-transform: uppercase; } .box-shadow { border-color: transparent; background-color: #ffffff; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); } /***************************首页产品***************************/ .bottomNav{display: none;} .floatl { display: inline; float: left; } .Footer3 { background: url("bg2.jpg") left 0; padding-bottom: 10px; } .friendLinka { padding-top: 40px; padding-bottom: 10px; border-bottom: #7F7F86 1px solid; } .friendLinka h4 { line-height: 27px; padding-left: 20px; width: 90px; font-size: 14px; color: #1A1D2C; background: url("ico09.jpg") no-repeat left 50%; } .LinkText { width: 650px;float: left; margin-top: 20px;color:#333333; } .LinkText .title{ float: left; text-align: left; padding: 0px; font-size: 14px; font-weight: 500; height: 20px; line-height: 20px; margin-right: 5px;} .LinkText a{ color:#333333;} .friendLinka span { line-height: 27px; width: 118px; display: inline-block; height: 30px; overflow: hidden; } .LinkIco { width: 580px; margin-top: 20px; color:#333333; float: left; } .LinkIco .title{ float: left; text-align: left; padding: 0px; font-size: 14px; font-weight: 500; height: 20px; line-height: 60px; margin-right: 5px;} .LinkIco a{ color:#333333;} .LinkIco ul{ width:500px; float:left;} .LinkIco ul li{ width:80px; margin:5px; float:left;} #totop { position: fixed; cursor: pointer; right: 30px; bottom: 30px; height: 45px; width: 45px; line-height: 44px; z-index: 100; text-align: center; background: #005bab; color: #ffffff; font-size: 22px; border-radius: 100%; border: 2px solid rgb(255 255 255 / 90%); -webkit-box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.1); -webkit-animation: bounceIn 0.8s ease-in-out 1 both; -moz-animation: bounceIn 0.8s ease-in-out 1 both; -ms-animation: bounceIn 0.8s ease-in-out 1 both; -o-animation: bounceIn 0.8s ease-in-out 1 both; animation: bounceIn 0.8s ease-in-out 1 both; } #totop i{font-size:30px;} .cen_box_lxfs{width:100%; float:left; background:#f6f6f6;border-top: 1px solid #e1e1e1;} .cen_box_lxfs .wrap{max-width:1200px;} .b_logo{width:280px; float: left; margin: 50px 40px auto auto; text-align: center; font-size:14px; color:#666; line-height: 4em;} .b_lxfs{width:500px; float: left;display: flex;align-items: center;margin-top: 50px; margin-left: 10px;} .b_ewm{width:150px; height: auto; float: left; background: #FFFFFF; margin-right:20px; } .b_ewm img{max-width:100%;} .b_lxfs h5{ color:#e5267b; font-size: 18px; text-align: left; font-weight: 500;} .b_lxfs p{color:#5e5c5c; font-size:14px; line-height: 2em; margin-top: 5px;} .b_lxfs ul{width:300px; float: left; margin-top: 20px;} .b_lxfs ul li{width:auto; float: left; margin-right: 10px;} .c_lxfs_l{width: 340px;float: left;margin: 50px auto 20px auto;border-right: 1px solid #404040;} .logo02{width:100%;height: 60px;float: left; margin-bottom: 10px; background: url("logo_bottom.png") no-repeat;} .c_lxfs_l p{ padding-left: 10px; font-size: 14px; color:#999999; line-height: 25px;} .bottomCol{ width:350px; float:left; margin: 40px auto 20px 0px;} .FooterItem{width:150px; float: left;} .bottomCol .Footer01{ } .bottomCol .Footer02{ width:200px; } .bottomCol .Footer03{ } .bottomCol .Footer04{ } .Footer04 .Context .ContextBox { width:100%; color: #838E8E; font-size: 13px; line-height:200%; padding-top: 0px; background:none; margin-top: 5px; float: left; } .Footer04 .Context .ContextBox { width:100%; color: #E6FFFB; font-size: 13px; line-height:200%; padding-top: 0px; background:none; margin-top: 5px; float: left; } .Footer04 .Context h3{ font-size:26px; color:#FFFFFF; height:50px; line-height:40px; font-family:"微软雅黑", "黑体"; font-weight:400; border:0px;} .Footer04 .Context h3.title{ background:none; text-indent:0px;} .bottomCol .Footer1{ float:left; width:180px; text-align:left; color:#666666; line-height:19px; } .bottomCol .Footer04{ width:250px; } .Footer04 .more{ display:none;} .FooterItem .ColumnList h3{ font-size:16px; color:#FFFFFF; height:50px; line-height:40px; font-family:"微软雅黑", "黑体"; font-weight:400;} .FooterItem .ColumnList h3.title{ background:none; border-bottom:0px;text-indent: 10px; font-size: 18px; color: #5a5a5a;} .FooterItem .ColumnList { width:100%; float:left; } .FooterItem .ColumnList ul { width:100%; float:left; margin-top: 8px; margin-left: 0px; } .FooterItem .ColumnList ul li { width:100%; float:left; height: 30px; line-height: 30px; border-bottom: 0px; text-indent:15px; margin-bottom: 5px; border:0px; font-size: 14px; } .FooterItem .ColumnList ul li a{color:#999999; border:0px; font-size:14px; padding-left:0px;text-indent: 15px;float: left; background: url(/template/template_cn/images/ico09.gif) 5px center no-repeat;} .FooterItem .ColumnList .title{border-bottom:0px;} .FooterItem .ProdText { width:100%; float:left; } .FooterItem .ProdText ul { width:100%; float:left; margin-top: 8px; margin-left: 5px; } .FooterItem .ProdText ul li { width: 100%; float: left; overflow: hidden; border: 0px; } .FooterItem .ProdText ul li span{width: 100%;} .FooterItem .ProdText .title{ border-bottom:0px; height: 30px; line-height: 30px; color: #0B66AC; text-indent: 20px; background: url("/style/title01.gif") 5px no-repeat; font-family: 微软雅黑; font-size: 20px; } .FooterItem .ProdText .more{ display:none;} .FooterItem a{ font-size:14px; color:#666666; } .FooterItem a:hover{ color:#0B67AC; } .box5_r .more{ display:none;} .c_lxfs_link{width: 100%;float: left;margin-top: 10px;border-top: 1px solid #cccccc;padding-top: 15px; padding-bottom: 15px;} .c_lxfs_link .LinkText{margin-top: 0px; width: 100%; color:#555555; display: flex; flex-direction: column;} .c_lxfs_link .LinkText h3{font-family: microsoft yahei; font-weight: bold; margin-bottom: 0;} .c_lxfs_link .LinkText a{color:#555555; font-size:12px;font-family: microsoft yahei;} .bottom_tel { background: url("/style/tel.jpg") left no-repeat; margin-top: 10px; text-indent: 50px; height: 29px; line-height: 29px; } .c_pd{position: relative;z-index: 5;background: #fff;margin-bottom:380px;margin-top: 20px;} /*通用底部*/ .foot{width: 100%; background: #f1f1f1; float: left;} .foot .Bottom{ text-align:center; color:#555555; padding:12px 0;font-size: 14px;border-top: 0px solid #252753;} .foot .wrap:after{content: ""; display: block; height: 0; clear: both;visibility:hidden;} .Bottom a{color:#1b57a6;} nav#menu-footer ul>li { display: inline-block; width: 100%; /* flex: 0 0 50%; */ } nav#menu-footer ul>li a {color: #ffffff;font-size: var(--p2-size);font-weight: 300;line-height: 22px;} nav#menu-footer ul>li a:hover{color:var(--color3);} nav#menu-footer ul { /* display: flex; */ /* flex-direction: row; */ /* flex-wrap: wrap; */ column-count: 1; column-gap: 0; } .siteicp{display: flex;align-items: center;justify-content: center;margin-top: 30px;} .siteicp a{display:flex; color:#FFFFFF;} .siteicp a:hover{color:#FFC600;} .sitecopyright{display: flex;flex-direction:column; justify-content: center;align-items: center;color: #fff;font-size: 14px;margin-top: 40px;padding: 40px 0px 0px 0px;border-top: 1px solid rgb(255 255 255 / 15%);} .gwab{display: flex;align-items: center;justify-content: center;margin-top: 10px;} .gwab a{display:flex; color:#FFFFFF;} .gwab a:hover{color:#FFC600;} .gwab a:before{content:url("../images/gaba.png");} .online { position: fixed; bottom: 150px; right: 10px; width: 60px; z-index: 999; color: #999; } .online a { color: #666; } .online a:hover { text-decoration: none; } .online dl { background: var(--color2); padding: 10px 5px; margin-bottom: 1px; position: relative; } .online dl dd { color: #fff; text-align: center; font-size: 12px; cursor: pointer; padding: 10px; } .online dl dd i { font-size: 25px; } .online dl:hover { background: #1781bd; } .online dl dt { position: absolute; top: 0px; right: 60px; background: #fff; border: 1px solid #ccc; z-index: 9999; display: none; padding: 10px 15px; font-weight: normal; } .online dl dt h3 { display: block; font-size: 16px; color: #666; border-bottom: 1px solid #ccc; padding-bottom: 5px; } .online dl dt h3 i { margin-right: 5px; } .online dl dt h3 span { float: right; cursor: pointer; } .online dl dt input { border: 1px solid #ccc; border-radius: 5px; margin-top: 15px; height: 40px; line-height: 40px; padding: 3px 5px; width: 100%; } .online dl dt button { margin: 10px 0; border: none; border-radius: 5px; width: 100%; font-size: 18px; height: 40px; line-height: 40px; background: #28a7e1; color: #fff; cursor: pointer; } .online dl.scroll-top{border:0px;margin-top:0px;padding-top:0px;} .scroll-top .span{padding:0px;} @media screen and (max-width: 1920px) { .sy-content-wrapper{padding: 0px 6vw;} } @media screen and (max-width: 1600px) { /*.wrap{max-width: 1340px;} .main-navigation .wrap{padding: 0px 0px;max-width: 1340px;}*/ .sy-content-wrapper{padding: 0px 2vw;} .jumbotron{height:450px;} .nybanner .content{background-position: center;} .swiper-slide.swiper-img3 .content-box .container p{padding-left:35vw;} } @media screen and (max-width: 1440px) { .wrap{max-width:1280px;} .jumbotron{height:400px;} .sy-content-wrapper{padding: 0px 20px;} .top_bar_c .wrap{max-width:1280px;} .main-navigation .wrap{max-width:1280px;} .main-navigation ul li{padding: 0px 15px;} .main-navigation ul li a{/*font-size:15px;*/} } @media screen and (max-width: 1366px) { .sy-content-wrapper{padding: 0px 20px;} .wrap{width:1200px;max-width:1200px;} .main-boxs .container{max-width:1200px;} .products-section .wrap{max-width: 1280px;} .station .container{max-width:1200px;} /*.main-navigation ul li{padding: 0px 5px;}*/ .banner.nybanner{height:auto;} .banner.nybanner .banner{height:auto;} .swiper-slide.swiper-img3 .content-box .container p{padding-left:40vw;} } @media screen and (max-width: 1280px) { .top_bar_c .wrap{max-width:1200px;} .main-navigation .wrap{max-width:1200px;} .main-navigation ul li a{/*font-size:14px;*/} .swiper-slide.swiper-img3 .content-box .container p{padding-left:45vw;} .jumbotron{heiht:300px;} } @media screen and (max-width: 1200px) { .products-section .wrap{max-width: 1200px;} .sy-content-wrapper{padding: 0px 0px;} .main-navigation ul li{padding: 0px 10px;} } @media only screen and (min-width: 1024px) and (max-width: 1199px) { .main-navigation .wrap{max-width:calc(100% - 10px);padding: 0px 2vw;} .wrap{max-width:1024px;} .header_t{display: none;} .sy-content-wrapper{padding: 0px 0px;} .swiper-slide.swiper-img3 .content-box .container p{padding-left:35vw;} } @media screen and (max-width: 1024px){.navbar-nav{display: none !important;}} @media screen and (max-width: 1023px){ html {/*font-size: 62.5%;*//*10 ÷ 16 × 100% = 62.5%*/} body {/*font-size: 1.4rem;*//*1.4 × 10px = 14px */} /*.main-navigation{display:none !important;}*/ header.head{background: none;position: relative;top: 0;left: 0;display: flex;} .navbar.headfix{position:fixed;width: 100%;background: #ffffff;z-index: 100; box-shadow: 0px 0px 5px #000;box-shadow: 5px 5px 15px hwb(0deg 0% 100% / 15%);} .head-sitename{display: none;} .head:after{display:none;} .head-desc{top: 10px;} .head .sy-content-wrapper{height: 100px; background: rgb(0 0 0 / 50%);} .h_desc .logo-name{display: none;} .h_img{display: none;} .head .h_desc{width:auto;} .head_r{display: flex;margin-right: auto;margin-left: 1rem;} .logo-name_m{display: flex; flex-direction: column;} .navbar-name{/*display:none !important;*/} .navbar-name-m{display:flex;flex-direction: column;} .navbar-name-m h3{font-size:26px; font-weight: bold;/*color:#000;*/margin: auto;} .navbar-name-m h5{font-size:12px; font-weight: 300;/*color:#000; */text-transform: capitalize;margin: auto;} .banner .bannerNav{bottom: 50px;} .banner{height:auto;} .banner .pc-h{display:block !important;} .banner .pc-s{display:none !important;} .banner .swiper-slide .container{max-width:100%; width: 100%;} .banner .content-box .container h2{font-size: 3.4rem;margin-top: 270px;} .banner .content-box .container p{line-height: 2rem; font-size:1.8rem; padding:0px 10vw;} .banner .content-box{display:flex;} .main-navigation .lan{margin-left:2rem; z-index: 10000;} .bannernext{position: absolute;bottom: 20%;left: 50%;transform: translateX(-50%);z-index: 100;display: none;} .bannerimg{width: 22px;height: 30px;background: url(/images/icon/next.png) center no-repeat;cursor: pointer;-webkit-animation: mousewheels 1s 0.5s linear infinite;animation: mousewheels 1s 0.5s linear infinite;} @-webkit-keyframes mousewheels{ 0%{opacity:1} 50%{-webkit-transform:translateY(10px);transform:translateY(10px);opacity:1} 70%{-webkit-transform:translateY(5px);transform:translateY(5px);opacity:1} 100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}} @keyframes mousewheels{ 0%{opacity:1} 50%{-webkit-transform:translateY(10px);transform:translateY(10px);opacity:1} 70%{-webkit-transform:translateY(5px);transform:translateY(5px);opacity:1} 100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}} .nybanner.banner .content-box .container p{font-size:1.5rem;} .nybanner.banner .bannernext{display:none;} .banner.nybanner{height:auto;} .nybanner .btn{display:none;} .home-banner-pc{display:none;} .home-banner-m{display: block;height: auto;} .home-banner .swiper-slide img{width:100%;height: auto;max-width: initial;/*width: 100%;*/} .main-navigation{position: relative;background:none;/*box-shadow: 0px 0px 15px rgba(0,0,0,0.2);*/} .navbar-brand .navbar-name{display:none !important;} .navbar-brand .navbar-name.navbar-name-m{display:block !important;} .main-navigation .navbar-name h3,.main-navigation .navbar-name h5{/*color:#333;*/} /*.cen_box_lxfs{display: none;}*/ .wrap{width:100%; max-width: 100%;} .cen_box_lxfs{background: #023d81;} .c_lxfs_l { width: 100%; float: left; padding: 50px 20px 0px 20px; margin: auto; } .footer .footer-cont{flex-direction: column;} .footer .footer-cont-col{display: none;} #footer .foot-contact{display: none;} #footer .foot-col{display: none;} .footer .footer-cont-lx{margin:auto; } .footer .footer-cont-lx:after{display: none;} .foot-contact{} .foot-contact .footer-title{margin-bottom:10px;} #footer p.foot-contact-text{margin-bottom:50px; overflow: hidden; color:#d6d6d8;} #footer p.foot-contact-text{} .bottomCol{margin: 10px auto 20px 0px;} .footer-anli{display:none;} .footer-cont-item:nth-child(3){display:none;} .footer-cont-item.footer-ewm{border:0px; padding:0px; margin: auto;} .footer-list h5{text-align:center;} .bottomCol .FooterEwm{display: none;} .c_lxfs_link{padding: 15px;} .footer-cont{display: none;} .footer{padding: 20px 0px 20px 0px;overflow: hidden;width:100%;} .footer .footer-cont-logo{margin: auto;text-align: center;} .footer .footer-cont-logo h3{display:none;} .footer .wrap{/*display: none;*/} .footer-cont-item.footer-contact{width:100%; margin:auto; padding:0px;display:block;} .footer-cont-item{padding:0px; display: none;} .sy-content-wrapper.foot-bottom-items{margin-top:0px;} .footer .foot-bottom-info{flex-direction:column;padding: 0px 15px;} .container-fluid.bg-info{background-image: linear-gradient(0deg, var(--color2), var(--color4));} .foot-bottom{margin-bottom: 70px;} .b_logo{display: none;} .bottomCol{display: none;} .b_lxfs{display: none;} .c_lxfs_link{display: none;} .foot{margin-bottom: 50px;} footer#footer{padding: 50px 0px 50px 0px;margin-bottom: 20px;} footer#footer .wrap{max-width: 100%;} #footer .col-md-3{padding: 20px 50px !important;border-bottom: 1px solid rgb(255 255 255 / 10%);} .sitecopyright{padding: 40px 15px 0px 15px;} .bottomNav { width:100%; height:90px; /*border:1px solid #0378bd;*/ display: block; position: fixed; margin:auto; bottom:0px; left:0px; z-index: 10000; overflow:hidden; background-image: -webkit-gradient(linear,left top,left bottom,from(#000000),to(#333333)); background-image: -webkit-linear-gradient(#000000,#333333); background-image: -moz-linear-gradient(#000000,#333333); background-image: -ms-linear-gradient(#000000,#333333); background-image: -o-linear-gradient(#000000,#333333); background-image: linear-gradient(#000000,#333333); } .bottomNav ul { width:100%; height:90px; float:left; margin: 1px 0 0 0; padding: 0px; overflow:hidden; } .bottomNav ul li { width:33%; height:80px; float:left; list-style:none; } .bottomNav ul li span { width:100%; height:100%; line-height:115px; border-top:1px solid #333333; text-align:center; clear:both; display:block; border-right:1px solid #333333; color:#FFFFFF; font-size: 16px; margin:0px -1px 0px 0px; } .bottomNav ul li:last-of-type(1) span{border-right:0px;} .bNav_ico_home { background:url(/images/icon/ico_home.png) center 10px no-repeat; } .bNav_ico_phone { background:url(/images/icon/ico_tel.png) center 10px no-repeat; color:#FFF; } .bNav_ico_menu { background:url(/images/icon/ico_col.png) center 10px no-repeat; } .bottomNav ul li a { width:100%; height:80px; float:left; /*background:#000000 url("bico_bg.jpg") center repeat-x;*/ display:block; text-align:center; color:#ffffff; font-size:0.9em; font-weight:bold; } .bottomNav ul li a:hover { width:100%; height:80px; float:left; background-image: -webkit-gradient(linear,left top,left bottom,from(#acacac),to(#111)); background-image: -webkit-linear-gradient(#acacac,#111); background-image: -moz-linear-gradient(#acacac,#111); background-image: -ms-linear-gradient(#acacac,#111); background-image: -o-linear-gradient(#acacac,#111); background-image: linear-gradient(#acacac,#111); /*background:#000000 url("bico_bg_a.jpg") center repeat-x;*/ } .bottom_box{ margin:10px auto; padding:10px 0; font:100 14px/2 microsoft yahei,simsun; color:#333; clear:both; text-align:center;} .dh_mobile:before{ content:url("ico_cd.png"); position:fixed; top: 28px; right: 20px; cursor:pointer; z-index: 100000; } .panel_box { display: none; position: fixed; top: 0; width: 100%; height: 100%; z-index: 100000; background-color: rgba(0, 0, 0, 0.69); } .panel_box .panel_side { position: absolute; right: 0; width: 50vw; height: 100%; color: #ECECEC; z-index: 10000; } .panel_side .e.show { -webkit-transition: -webkit-transform 500ms; transition: -webkit-transform 500ms; -webkit-transform: translate3d(0px,0px,0px); } .panel_side .e { -webkit-transition: -webkit-transform 500ms; transition: -webkit-transform 500ms; -webkit-transform: translate3d(313px,0px,0px); } .panel_side[widget="sidemenu"] { display: none; position: absolute; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.85); overflow-y: scroll; } .panel_side ul { list-style:none; padding:0; margin:0; } .panel_side ul li { text-indent: 20px; list-style: none; padding: 0; margin: 0; display: block; margin: 0; overflow: visible; text-align: left; border-width: 0; border-top-width: 1px; font-weight: 700; color: #222; text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 #555555; /*background-image: -webkit-gradient(linear,left top,left bottom,from(#050303),to(#0F0202)); background-image: -webkit-linear-gradient(#050303,#0F0202); background-image: -moz-linear-gradient(#050303,#0F0202); background-image: -ms-linear-gradient(#050303,#0F0202); background-image: -o-linear-gradient(#050303,#0F0202); background-image: linear-gradient(#052e3e,#08536f);*/ /*background-image: linear-gradient(#AA8E1E,#634C16);*/ border-bottom: 1px #cccccc solid; } .panel_side ul li a { color: #FFF; font-size: 1.1em; line-height: 2.5em; display: block; font-weight: 500; text-decoration: none; } .panel_btn_innerBox { display: block; position: relative; padding: 0; width:100%; margin:0px; } .panel_btn_innerBox .panel_btn_text { text-align:left; } .panel_btn_text a { padding: 1em 15px; display: block; color:#FFFFFF; font-weight:bold; font-size: 1.5em; } .panel_btn_text a.closed { /*font-family:"microsoft yahei";*/ } .panel_btn_innerBox .panel_btn_icon { top:15px; right: 10px; width:20px; position:absolute; /*background:url("/images/icon/view_list.png") center no-repeat;*/ opacity: 0.5; } .nav_u label{display: none;} .nav_u ul{padding-left:20px;} .panel_side ul li.nav_u ul li a{font-size: 1em;} .panel_side ul li.nav_u ul:last-child li:last-child{border-bottom: 0px;} #totop{bottom: 150px} .jumbotron .container{max-width: 80%;margin: 0px auto;} .jumbotron{height:300px;/*display: none;*/} .jumbotron h1 {font-size: 3rem;margin-bottom: 15px;} .jumbotron p {font-size: 2rem;line-height: 2.6rem;} .jumbotron.nybanner-prod p{font-size: 1.5rem;} .main-navigation ul li a:hover:before{display:none;} } @media screen and (max-width: 768px) { .foot-logo{justify-content: center;} .foot-contact{display:none;} .foot-col{display:none;} .foot-socializing{text-align: center;} } @media screen and (max-width: 767px) { .head{padding: 20px 0px 20px 10px;} .head .wrap{padding:0px 1vw;} .header_logo{overflow: hidden;width: auto;} .header_logo:after{display: none;} .header_logo img{max-width: 100%;} /*.header_logo{background: url("/images/logo/logo-m.png") no-repeat;width: 186px;height: 50px;}*/ .Footer02{display: none;} .bottomCol .FooterContact{max-width:inherit;} .c_lxfs_l{display: none;} /*.nybanner{height:200px;} .nybanner .content{background-size: cover;}*/ .banner-m.pc-h .swiper-slide{height:calc(100vh - 90px); height: auto;background-size: cover;} .nybanner.banner .content-box .container h2{font-size:2.5rem;} .banner-m.pc-h .swiper-slide img{ /*display: none;*/} .banner_cp{display: none;} .banner .content-box .container h2{font-size: 3.4rem;font-size:2.5rem;margin-top: 150px;} .banner .content-box .btn{display:none;} .foot .foot-titles{padding: 0px 20px 50px 20px;} .foot .foot-titles h3{font-size: 30px;} .foot .foot-titles h5{font-size: 30px;} .foot-bottom-item{border-right: 0px solid #87898c;} .banner{margin-top: 0px;} .banner .content{background-size: cover;} .banner .l_img{width:80%;} .footer .footer-cont{padding: 50px 20px 30px 20px;} .footer .footer-cont .row{margin:auto;} .footer-cont-1 .footer-cont-1-desc{padding:0px;} .row.no-gutters .footer-cont-2{padding:0px;} .footer-cont-1-col{display: none;} .footer-cont-3{display: none;} .foot-bottom-items h5{display: block;} .foot-com{width: 100%;max-width: 100%;margin: 0px;padding: 1rem 5rem !important;} .jumbotron .container{max-width: 85%;margin: 0px auto; display:flex; justify-content: center; flex-direction: column; height: 100%;} .jumbotron{/*display: none;*/} .jumbotron h1 {font-size: 2rem;margin-bottom: 15px;} .jumbotron p {font-size: 1.5rem;line-height: 1.6;margin: 0px;} } @media screen and (max-width: 430px) { .home-banner-m{height: 100vw;} .banner .content-box .container p{line-height: 2rem; font-size:1.8rem; padding:0px 5vw;} .jumbotron h1 {font-size: 1.5rem;line-height: normal;margin-bottom: 15px;} .jumbotron p {font-size: 1.1em;line-height: 1.6;margin: 0px;} .head_r .head_400 em:after{display: none;} .head_r .head_400 .top_tel{font-size:1rem;} } @media screen and (max-width: 414px) { .navbar-name-m h3{font-size: 1.3rem;} .bannernext{ bottom: 50px;} } @media screen and (max-width: 375px) { .banner .contents .content:nth-of-type(1){background-position:40% top;} .banner .contents .content:nth-of-type(2){background-position:40% top;} .banner .contents .content:nth-of-type(3){background-position:42% top;} } @media screen and (max-width: 320px) { }