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;}
}
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;
}
.semibold {
font-weight: 400;
}
.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: 1200px; margin:auto; *width: 1200px; width:100%;}
@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; } }
.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);
}
/*通用头部*/
.top_bar{height: 50px;background: #ffffff; border-bottom:1px solid #dddddd;}
.top_bar_c{ max-width:1400px; height:50px; margin:auto;font-size: 14px;}
.top_bar_c .lan span{float: left; margin-right:5px;}
.top_bar_c .desc{ float:left; margin-left:0px; line-height: 50px;color: #555;padding-left: 0px;}
.top_bar_c .top_lj{ float:right; line-height:50px;color:#555;margin-right: 40px;}
.top_lj span{float: left;font-size:14px; color:#555;line-height: 50px; margin-right:5px; margin-top: auto;}
.top_lj .top_tel{color:#555; 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{ margin-left:5px;margin-right:5px;color: #555;}
.top_bar_c .desc .n_j{background: url(n_j.jpg) left 2px no-repeat;width: 18px;height: 18px;display: inline-block;}
.top_bar_c .desc .n_c{background: url(n_c.jpg) left 2px no-repeat;width: 18px;height: 18px;display: inline-block;}
.top_bar_c .desc .n_e{background: url(n_e.jpg) left 2px no-repeat;width: 18px;height: 18px;display: inline-block;}
.top_bar_c .desc .n_a{background: url(n_a.jpg) left 2px no-repeat;width: 18px;height: 18px;display: inline-block;}
/******************************************************* header **************************************************************/
.head{position:relative;z-index: 10002;background: rgba(255, 255, 255, 1);height: auto;padding: 40px 0px 30px 0px;/*box-shadow: 5px 5px 20px rgba(0,0,0,0.2);*/}
.head .sy-content-wrapper{height: 100%;width: 100%;display: flex; justify-content: space-between;flex-wrap: wrap;flex-direction: row;}
.head .wrap{display:flex;align-items: center;/*padding: 0px 1rem;max-width:1400px;*/ pading:0px;max-width:1200px;}
.head .h_desc{margin-left:0px; width:auto; height:100%; margin-top:0px; text-align:left; padding-left:0px; padding-top:0px;display: flex;}
.header_logo{float:left; 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: 0px;right: -20px;}
.header_t h3{font-size:26px; color:#e50213; font-weight: bold;}
.headFlex{/*position:fixed;width: 100%; transition: 0.3s;*/}
.h_desc h3{color: #000;
font-size: 30px;
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: 14px;
color: #000;
padding-top: 0px;
padding-left: 0px;
display: block;
font-weight: 300;text-transform: uppercase;
}
.head_top{position:relative;z-index: 2; *height:122px;}
.head_r{width:auto; position:relative;margin-top: 0px; margin-left:auto;display: flex;}
.dh_mobile{ display:none;}
.panel_box{ display:none;}
.TopStyle{margin:43px 0px 0px 0px;}
.header_t {
float: left;
display: block;
width: auto;
margin-left: 26px;
margin-top: 0px;display: flex;align-items: center;
}
.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: 25px; 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: #fff;
background: #234ea3;
padding: 2px;
border-radius: 50px;
font-size: 1em;}
.head_r .head_400 .top_tel{margin-top:0px;padding-left: 10px; height: 50px;display: flex;flex-direction: row; font-size: 26px; color: #333; text-align: left; font-weight: 500;line-height: normal;align-items: center;font-size: 1.8rem;color: #234ea3;text-align: left;font-weight: bold;line-height: 30px;}
.top_tel div{display: block;height: 31px;line-height: 31px;font-size: 25px;color: #333333;font-family: "Arial"}
.top_tel div:nth-child(1) {display: block;height: 33px;line-height: 33px;font-size: 28px;color: #009237;}
.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: #234ea3; 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; float:left; background:#234ea3; margin-bottom: 1px;border-top: 0px solid #d4d4d4;z-index: 100;}
.nav.headFlex{/*margin-top:120px;*/}
.nav .wrap{max-width:1200px;}
.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 {/* 鍙敮鎸両E6銆�7銆�8 */
.navfix{
filter:Alpha(opacity=90);
position:static; /* IE6銆�7銆�8鍙兘璁剧疆position:static(榛樿灞炴€�) 锛屽惁鍒欎細瀵艰嚧瀛愬厓绱犵户鎵緼lpha鍊� */
*zoom:1; /* 婵€娲籌E6銆�7鐨刪aslayout灞炴€э紝璁╁畠璇绘噦Alpha */
}
}
.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:#f68101;
/*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:#f68101;
/*-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; }
.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 10px;
/* 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 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: #234ea3; color:#ffffff;}
.main-navigation ul li:hover:before{content:"";width: 0;
height: 0;display: block;
border-style: solid;
border-width: 0 6px 10.4px 6px;
border-color: transparent transparent #ffffff transparent; position: absolute; bottom:0; left:calc((100% - 12px) / 2); right:0;}
/*.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:150%;
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: #234ea3;
color: #FFFFFF;
padding: 6px 20px;
position: relative;
font-weight: 400; }
.main-navigation ul li.cr-dropdown .cr-dropdown-menu li:hover > a {
background: #009687;
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 ***************************/
.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;}*/
/*閫氱敤banner*/
.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;}*/
.banner .l_img{position:absolute;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 .banner_float_r1
{
bottom:5%; right:5%;
animation: banner_f_r1 2s;;
-moz-animation: banner_f_r1 2s;; /* Firefox */
-webkit-animation: banner_f_r1 2s;; /* Safari 和 Chrome */
-o-animation: banner_f_r1 2s;;
}
.banner .banner_float_r2
{ bottom:5%; right:15%;
animation: banner_f_r2 2s;;
-moz-animation: banner_f_r2 2s;; /* Firefox */
-webkit-animation: banner_f_r2 2s;; /* Safari 和 Chrome */
-o-animation: banner_f_r2 2s;;
}
.banner .banner_float_r3{bottom:5%; right:5%;
animation: banner_f_r1 2s;;
-moz-animation: banner_f_r1 2s;; /* Firefox */
-webkit-animation: banner_f_r1 2s;; /* Safari 和 Chrome */
-o-animation: banner_f_r1 2s;;
}
.banner .banner_float_r4{bottom:5%; right:5%;
animation: banner_f_r1 2s;;
-moz-animation: banner_f_r1 2s;; /* Firefox */
-webkit-animation: banner_f_r1 2s;; /* Safari 和 Chrome */
-o-animation: banner_f_r1 2s;;
}
.banner .banner_float_c1
{
bottom:25%; right:0%; left: 0%;margin:auto; opacity: 1;
animation: banner_f_c1 2s;;
-moz-animation: banner_f_c1 2s;; /* Firefox */
-webkit-animation: banner_f_c1 2s;; /* Safari 和 Chrome */
-o-animation: banner_f_c1 2s;;
}
@keyframes banner_f_r1/*绑定动画内容*/
{
from {bottom:5%; right:0%;}
to {bottom:5%; right:5%;}
}
@-moz-keyframes banner_f_r1 /* Firefox */
{
from {bottom:5%; right:0%;}
to {bottom:5%; right:5%;}
}
@-webkit-keyframes banner_f_r1 /* Safari and Chrome */
{
from {bottom:5%; right:0%;}
to {bottom:5%; right:5%;}
}
@-o-keyframes banner_f_r1 /* Opera */
{
from {bottom:5%; right:0%;}
to {bottom:5%; right:5%;}
}
@keyframes banner_f_r2/*绑定动画内容*/
{
from {bottom:0%; right:15%;}
to {bottom:5%; right:15%;}
}
@-moz-keyframes banner_f_r2 /* Firefox */
{
from {bottom:0%; right:15%;}
to {bottom:5%; right:15%;}
}
@-webkit-keyframes banner_f_r2 /* Safari and Chrome */
{
from {bottom:0%; right:15%;}
to {bottom:5%; right:15%;}
}
@-o-keyframes banner_f_r2 /* Opera */
{
from {bottom:0%; right:15%;}
to {bottom:5%; right:15%;}
}
@keyframes banner_f_c1/*绑定动画内容*/
{
from {bottom:10%; right:0; left: 0;opacity: 0;}
to {bottom:25%; right:0; left: 0;opacity: 1;}
}
@-moz-keyframes banner_f_c1 /* Firefox */
{
from {bottom:10%; right:0; left: 0;opacity: 0;}
to {bottom:25%; right:0; left: 0;opacity: 1;}
}
@-webkit-keyframes banner_f_c1 /* Safari and Chrome */
{
from {bottom:10%; right:0; left: 0;opacity: 0;}
to {bottom:25%; right:0; left: 0;opacity: 1;}
}
@-o-keyframes banner_f_c1 /* Opera */
{
from {bottom:10%; right:0; left: 0;opacity: 0;}
to {bottom:25%; right:0; left: 0;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 ***************************/
#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%);
}
/*首页产品*/
.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: -15px;
top: 0;
width: 50px;
}
.owl-center .owl-nav > div:first-child {
left: -15px;
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-family: "microsoft yahei", sans-serif;
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-family: "microsoft yahei", sans-serif;
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);
}
/***************************首页产品***************************/
.footer{position: relative;padding: 20px 0px 0px 0px; border-top:1px solid #e1e1e1;/*background:#005bac url("/images/bg/bg-gsjja.jpg") center no-repeat; */background-size:cover;}
.footer:before{content: ""; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;background-color: #101010;z-index: -1;}
.footer .footer-cont{position: relative;padding: 0px 0px 20px 0px; display: flex; flex-flow: row;}
.footer .footer-cont-logo{width: 235px;height: auto;overflow: hidden;padding: 50px 0 0; text-align: right;margin-left: auto;margin-right: 0px;flex-shrink: 0;}
.footer .footer-cont-logo .logo{width:100%; height: 150px; background: url("/images/logo/logo-footer.png") right top no-repeat;margin-bottom: 0px;}
.footer .footer-cont-logo img{max-width:150px;margin:0px auto auto auto;}
.footer .footer-cont-col{ width:450px;margin-top: 60px;margin-left: 50px; position: relative; border-left:0px solid #505050; border-right:0px solid #2796ef;padding: 0px 50px;
margin-left: 0px; flex-shrink: 0;
}
.footer .footer-cont-col:after{content: "";
height: 200px;
width: 1px;
position: absolute;
top: 0px;
display: block;
right: 0px;
background: #262626;
box-shadow: 1px 0px 0px #000000;}
.footer .footer-cont-col h3{position: relative;font-size: 20px;font-weight: 600;color: #d4d4d6;text-transform: uppercase;margin-bottom: 0px;padding-bottom: 15px;}
.footer .footer-cont-col ul{overflow: hidden;}
.footer .footer-cont-col ul li{width: 48%;float: left;margin-bottom:5px;}
.footer .footer-cont-col ul li a{color: #ffffff;font-size: 15px;}
.footer .footer-cont-lx{ margin-top: 60px; color:#fff;width: auto;flex-grow: 1;position: relative;margin-left: 100px;}
.footer .footer-cont-lx:after{content: "";
height: 200px;
width: 1px;
position: absolute;
top: 0px;
display: none;
right: 0px;
background: #dfe5f1;
box-shadow: 1px 0px 0px #f1f5fe;}
.footer-cont-lx ul li{display: flex; margin-bottom:20px;color: #ffffff;}
.footer-cont-lx ul li:nth-of-type(1):before{content: "\e649";
font-family: "iconfont" !important;
line-height: initial;
color: #a2c126;
font-size: 1.5rem;
padding: 0px 18px 0px 0px;
display: inline-block;}
.footer-cont-lx ul li:nth-of-type(2):before{content: "\e628";
font-family: "iconfont" !important;
line-height: initial;
color: #a2c126;
font-size: 1.5rem;
padding: 0px 15px 0px 0px;
display: inline-block;}
.footer-cont-lx ul li:nth-of-type(3):before{content: "\e884";
font-family: "iconfont" !important;
line-height: initial;
color: #a2c126;
font-size: 2rem;
padding: 0px 7px 0px 0px;
display: inline-block;}
.footer-cont-lx li h5{font-size:14px;margin: auto;}
.footer-cont-lx li .moduleBox{font-size:20px; font-weight: bold;}
.footer-cont-lx li:nth-last-child(1) .moduleBox{font-size:18px; font-weight: 500;}
.footer-link{overflow: hidden;border-top:1px solid #505050; padding:10px 0px;}
.footer-link .footer-link-c{max-width:1200px; margin: auto; text-align: left;}
.footer-link .footer-link-c span{float:left; font-size:16px; font-weight: bold;color:#fff;padding:10px 0px; }
.footer-link .footer-link-c a{float: left; padding:10px; color:#fff;}
.footer-link .footer-link-c a:hover{color:#008d30;}
.foot-bottom{display: flex;justify-content: space-around;text-align: center; padding:20px 0px 20px 0px; background-color: #00396d; margin-top:20px;}
.foot-bottom-items{overflow: hidden;
display: inline-block;
vertical-align: middle; color:#fff; font-size:14px;}
.foot-bottom-items h5{display: inline-block; color:#ffffff; font-weight: bold;margin: auto;}
.foot-bottom-item{color:#ffffff; float: left;
height: 20px;
line-height: 20px;
font-size: 12px;
color: #b3b3b3;
padding: 0 50px;
border-right: 0px solid #87898c;
text-transform: uppercase;}
.foot-bottom-item a{color:#fff;}
.foot-bottom-items a{color:#fff;}
.footer .footer-cont-logo h3{position: relative;font-size: 20px;font-weight: 600;color: #d4d4d6;text-transform: uppercase;margin-bottom: 0px;padding-bottom: 15px;}
.sy-content-wrapper.foot-bottom-items{display:flex; flex-flow: column; padding:20px 0px; margin-top:50px; color:#FFFFFF;background: #00396d;align-items: center;}
.foot-bottom-items .moduleBox{display:flex;color:#FFFFFF;}
.foot-bottom-items .moduleBox h5{font-size: 12px;font-weight: 500; padding-right:10px; margin: auto;}
.foot-bottom-items span{padding:0px 10px;font-size: 12px;}
.foot-bottom-items a{color:#ec6000;font-size: 12px;}
.foot-bottom-items p{padding:5px 0px; color:#FFFFFF;}
.jszc{padding-right:10px;}
.beian{color: #ffffff}
.beian a{color:#ffffff;}
.social{margin-top:50px;display: flex;align-items: center;}
.social a{padding:0px 10px;}
.social a i{font-size:28px;}
.social a i.icon-weibiaoti504{font-size:45px;}
.foot-bottom-info{font-size: 0.9rem;}
.foot-bottom-info a{font-size: 0.9rem;color: #ffffff;}
.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;}
@media screen and (max-width: 1920px)
{
.sy-content-wrapper{padding: 0px 6vw;}
}
@media screen and (max-width: 1600px)
{
.sy-content-wrapper{padding: 0px 2vw;}
.nybanner .content{background-position: center;}
.swiper-slide.swiper-img3 .content-box .container p{padding-left:35vw;}
}
@media screen and (max-width: 1440px)
{
/* .head .wrap{max-width:1280px;}
.nav .wrap{max-width:1280px;}*/
.sy-content-wrapper{padding: 0px 20px;}
.main-navigation ul li{padding: 0px 10px;}
.main-navigation ul li a{font-size:15px;}
}
@media screen and (max-width: 1366px)
{
/*.head .wrap{max-width:1200px;}
.nav .wrap{max-width:1200px;}*/
.sy-content-wrapper{padding: 0px 20px;}
.wrap{width:1200px;max-width:1200px;}
.products-section .wrap{max-width: 1280px;}
/*.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)
{
.main-navigation ul li a{font-size:14px;}
.swiper-slide.swiper-img3 .content-box .container p{padding-left:45vw;}
}
@media screen and (max-width: 1200px)
{
.products-section .wrap{max-width: 1200px;}
.sy-content-wrapper{padding: 0px 0px;}
.main-navigation ul li{padding: 0px 5px;}
}
@media only screen and (min-width: 1024px) and (max-width: 1199px)
{
.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: 1023px){
.main-navigation{display:none !important;}
header.head{background: none;position: relative;top: 0;left: 0;}
.head-sitename{display: none;}
.head:after{display:none;}
.head-desc{top: 10px;}
.head .sy-content-wrapper{height: 100px; background: rgb(0 0 0 / 50%);}
.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;}
.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;}
/*.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 .footer-cont-lx{margin:auto; }
.footer .footer-cont-lx:after{display: none;}
.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; display: none;}
.footer .footer-cont-logo{margin: auto;text-align: center;display: none;}
.footer .footer-cont-logo h3{}
}
@media screen and (max-width: 767px)
{
.head{padding: 20px 10px 20px 10px;}
.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-bottom{margin-bottom: 70px;}
.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);
font-family:"microsoft yahei";
}
.panel_box .panel_side
{
position: absolute;
right: 0;
width: 60vw;
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: 0.8em;}
.panel_side ul li.nav_u ul:last-child li:last-child{border-bottom: 0px;}
#totop{bottom: 150px}
}
@media screen and (max-width: 425px)
{
.banner .content-box .container p{line-height: 2rem; font-size:1.8rem; padding:0px 5vw;}
}
@media screen and (max-width: 414px)
{
.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)
{
}