@font-face{
	font-family: 'myFont';
	src:url("../strice/MiSans-Bold.otf") format('Bold.otf'),
	src:url("../strice/MiSans-ExtraLight.otf") format('ExtraLight.otf'),
	src:url("../strice/MiSans-Semibold.otf") format('Semibold.otf'),
	src:url("../strice/MiSans-Thin.otf") format('Thin.otf');
}
/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../strice/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

ul,li{padding:0px;margin:0px;outline:none;list-style:none;}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

input:focus {
  outline: none;     /* 去掉默认的聚焦轮廓线 */
  border: none;      /* 可选：去掉边框 */
  box-shadow: none;  /* 可选：去掉阴影效果 */
}
html {
	font-size: 60px;
}
body {
	background:#FFF; 
	margin: 0;
	padding: 0;
	/* 100%窗口高度 */
	height: 100vh;
	font-family: 'myFont', sans-serif;
}
a {
  text-decoration: none;
}
a:hover,
a:visited,
a:active,
a:focus {
  text-decoration: none;
  color: inherit; /* 保持颜色不变 */
}

ul,ol {
  list-style: none;
  padding-left: 0; /* 通常也需要去掉左缩进 */
}

.clearfix {
	clear: both;
}
.show{
	transition: all .35s;
	opacity: 1 !important;
	z-index: 999;
}
.small_menu{
	transition: all .35s;
	position: fixed;
	display:none;
}
.top-menu {
	position: fixed;
	z-index: 111;
    width: 100%;
	top: 0;
   /* border-bottom: 2px #d7dbe2 solid;*/
	/*background-image: linear-gradient(to right, #EF3751, #DE6E22);*/
	
	background: linear-gradient(to right,#D6213D,#E4566B);
}
.top-menu .container {
	position: relative;
}
.top-menu :hover{
	transition: all .35s;
	background-color: #fff;
}
.top-menu :hover .menu_main .menu_main_bottom ul li a {
	transition: all .35s;
	color: black;
}
.top-menu :hover .menu_main_top {
	transition: all .35s;
	color: #d7dbe2;
}
.top-menu :hover .menu_main_top a {
	transition: all .35s;
	color: #d7dbe2;
}
.top-menu :hover .menu_search a {
	transition: all .35s;
	color: #d7dbe2;
	border-left: 2px #d7dbe2 solid;
}
.top-menu:hover .container .menu_left_logo {
    background-image: url(../indeximage/123.jpg);
    background-repeat: no-repeat;
    background-size: 1.5rem;
    background-position: center;
    transition: all .55s;
    height: 52px;
}

.small_menu {
	width: 100%;
	height: 100vh;
	top: 0;
}
.small_menu_left .container {
	width: 5.4rem;
}
.small_menu .small_menu_left {
	width: 30%;
	background-color: #f3f4f6;
	float: left;
	height: 100%;
}
.small_menu .small_menu_left .small_menu_logo {
	padding-top: 12px;
	width: 100%;
	margin-bottom: 67px;
}
.small_menu .small_menu_left .small_menu_logo img {
	max-width: 100%;
	height: 46px;
}

.small_menu .small_menu_content {
	width: 100%;
}
.small_menu .small_menu_content h2 {
    font-size: .42rem;
    color: #b7354b;
    padding-top: 35px;
}
.small_menu .small_menu_content p {
    color: #abacb4;
    font-size: 0.19rem;
	padding-top: 8px;
}
.small_menu .small_menu_content .small_menu_content_bottom {
	width: 100%;
	color: #abacb4;
	padding-top: 289px;
}
.small_menu .small_menu_content .small_menu_content_bottom a {
	display: initial;
	color: #abacb4;
	font-size: .16rem;
	font-weight: 400;
}

.small_menu .small_menu_bottom {
	padding: 40px 0 40px 0;
}

.small_menu .small_menu_bottom p {
	font-size: .19rem;
	color: #b3b3b5;
}

.small_menu .small_menu_middle {
	background-color: #fff;
	width: 65%;
	float: left;
	height: 100%;
}
.small_menu .small_menu_middle .container {
	width: 12rem;
	height: 100%;
}
.small_menu .small_menu_middle .small_menu_middle_top {
	padding-top: 30px;
	width: 100%;
	position: relative;
	left: 0;
	top: 0;
}
.small_menu .small_menu_middle .small_menu_middle_top input {
    width: 100%;
    height: 38px;
    border: none;
    font-weight: 300;
    border-bottom: 1px #ccccd1 solid;
    letter-spacing: 0px;
    padding-bottom: 9px;
}
.small_menu .small_menu_middle .small_menu_middle_top button {
	display: block;
	height: 50%;
	width: 45px;
	border: none;
	text-align: center;
	background: #fff;
	position: absolute;
	top: 30px;
	right: 7px;
}
.small_menu .small_menu_middle .small_menu_middle_top button i {
	font-family: Material Icons;
	font-size: 19px;
	font-style: normal;
	color: #b93b51;
}
.small_menu_middle_menu {
    padding-top: 16px;
    padding-bottom: 30px;
    border-bottom: 1px #eeeeee solid;
}
.small_menu_middle_menu ul {
    display: flex;
    width: 69%;
    margin-top: 21px;
    padding: 0;
}
.small_menu_middle_menu_lio{
	width: 28%;
}
.small_menu_middle_menu_lit{
	width: 76%;
}
.small_menu_middle_menu_lit ol {
	height: 100%;
    justify-content: space-between;
    display: flex;
}
.small_menu_middle_menu_lit ol li a {
	font-size: .16rem;
    color: #b9b9c0;
}
.small_menu_middle_menu ul li h2 {
	font-size: .2rem;
    color: #1d1d1f;
    width: 100%;
	margin: 0;
}
.small_menu_middle_menu ul li i {
    color: #cccccc;
    width: 37%;
    text-align: center;
    font-size: .27rem;
    line-height: 24px;
}

.small_menu_middle_menu_lit ol li a:hover {
    color: #1d1d1f;
	border-bottom: 1px #1d1d1f solid;
}
.zhuhai_H2 {
    color: #b7354b !important;
}

.small_menu_middle_bottom {
	width: 100%;
	padding-top: 47px;
	display: flex;
}
.small_menu_middle_bottom .small_menu_middle_bottom_left {
	width: 50%;
	position: relative;
	left: 0;
	top: 0;
}
.small_menu_middle_bottom .small_menu_middle_bottom_left p {
    color: #b7354b;
    font-size: .34rem;
	margin-left: 11px;
}
.small_menu_middle_bottom .small_menu_middle_bottom_left span {
    width: 30px;
    display: block;
    height: 30px;
    background: url(../indeximage/address.png);
    background-repeat: no-repeat;
    background-size: 13px;
    position: absolute;
    top: 3px;
    background-color: #f7f7f7;
    background-position: center;
    border-radius: 50px;
}
.small_menu_middle_bottom .small_menu_middle_bottom_right {
    width: 47%;
}
.small_menu_middle_bottom .small_menu_middle_bottom_right .tabs{
		display: flex;
}
.small_menu_middle_bottom .small_menu_middle_bottom_right .tabs .tab {
	  font-size: .12rem;
      padding: 0px 10px 0 0;
	  cursor: pointer;
	  border: 1px solid transparent;
	  border-bottom: none;
}
.small_menu_middle_bottom .small_menu_middle_bottom_right .tabs .tab.active {
	color: #c15868;
	border-bottom: 2px solid white;
}
.small_menu_middle_bottom .small_menu_middle_bottom_right .tab-content {
    display: none;
    padding: 9px 0 0 0;
    color: #b7354b;
    font-size: .47rem;
    font-weight: 500;
}
.small_menu_middle_bottom .small_menu_middle_bottom_right .tab-content.active {
  display: block;
}

.small_menu_right {
	width: 5%;
	height: 100%;
	float: right;
	background: linear-gradient(to bottom,#E03752,#E4566B);
}
.small_menu_right .small_menu_right_dot {
    padding: 35%;
	height: 80%;
}
.small_menu_right .small_menu_right_dot span {
    border: 1px #fff solid;
    width: 29px;
    display: block;
}
.small_menu_right .small_menu_right_dot span:nth-child(1) {
    transform: translate(0, 6px) rotate(45deg) !important;
}
.small_menu_right .small_menu_right_dot span:nth-child(2) {
    transform: translate(0, -6px) rotate(-45deg) !important;
}
.small_menu_right .small_menu_right_bottom .weixin{
	width: 100%;
	height: 0.7rem;
	display: block;
	background-image: url(../indeximage/weixin.png);
	background-repeat: no-repeat;
	background-size: 22px;
	background-position: center;
}

.small_menu_right .small_menu_right_bottom .ins{
	width: 100%;
	height: 0.7rem;
	display: block;
	background-image: url(../indeximage/ins.png);
	background-repeat: no-repeat;
	background-size: 22px;
	background-position: center;
}
.small_menu_right .small_menu_right_bottom ul li {
	position: relative;
}
.small_menu_right .small_menu_right_bottom ul li p {
    position: absolute;
    width: 1.5rem;
    top: -29px;
    right: 76px;
    transition: all .35s;
    opacity: 0;
}
.small_menu_right_bottom_img::before{
	content: "";
    display: block;
    width: 0;
    height: 0;
    border: 11px transparent solid;
    border-right: none;
    border-left: 14px #fff solid;
    position: absolute;
    top: 37px;
    left: 107%;
    transform: translateX(-50%);
}
.small_menu_right .small_menu_right_bottom ul li p img {
	max-width: 100%;
}
.small_menu_right .small_menu_right_bottom ul li:hover p{
    transition: all .35s;
	opacity: 1;
}
.menu_close {
	width: 28px;
	height: 20px;
	padding: 2px;
}


.top-menu .container {
    width: 100%;
	margin: 0;
	padding: 0;
	padding-bottom:10px;
}
.top-menu .container .menu_left_logo{
	width: 76%;
    height: 52px;
    background-image: url(../indeximage/logo-bai.png);
    background-repeat: no-repeat;
    background-size: 2.5rem;
    background-position: center;
}
.top-menu .container .menu_left {
	width: 41%;
	float: left;
	text-align: end;
	padding-top: 20px;
}
.top-menu .container .menu_left_logo a {
	display: block;
}

.top-menu .container .menu_left_logo a img {
	max-width: 100%;
	height: 49px;
}
.menu_main {
	width: 49%;
	float: left;
	padding-top: 20px;
}
.menu_main .menu_main_top {
	color:#F4BAAE;
	text-align: right;
	font-size: .15rem;
}
.menu_main .menu_main_top a {
    color:#F4BAAE;
}
.menu_main_bottom {
	padding-top: 7px;
}
.menu_main .menu_main_bottom ul {
	display: flex;
	justify-content: space-between;
	list-style: none;
	margin: 0;
}
.menu_main .menu_main_bottom ul li {
	font-size: .18rem;
}
.menu_main .menu_main_bottom ul li a {
	display: inline-block;
	color: #fff;
}
.menu_search {
    position: relative;
    width: 5%;
    float: left;
    height: 66px;
	text-align: end;
	padding-top: 20px;
}

.menu_search a {
    margin-top: 5px;
    display: inline-block;
    width: 67%;
    height: 100%;
    text-align: center;
    line-height: 36px;
    color: #fff;
    border-left: 1px #B9B9C1 solid;
}
.menu_abbreviate {
    width: 95px;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}
.menu_abbreviate_dot {
	height: 100%;
	padding-top:25px;
}

.top-menu :hover .menu_abbreviate_dot{background: linear-gradient(to bottom, #b7354b, #be633a);}
.top-menu :hover div,
.top-menu :hover ul,
.top-menu :hover span,
.top-menu :hover li,
.top-menu :hover p{ background:none;}
.menu_abbreviate_dot span {
	border-bottom:2px #fff solid;
	width: 40px;
	display: block;
	margin: auto;
	padding:6px;
}


/*底部*/
.footer{ width:100%; padding-top:50px; background-image:url(../indeximage/footer.png);background-position: center;background-size: cover;}
.footer .footercontact{width:40%; float:left;}
.footer .footermenus{width:60%; float:left;}

.footer .footercontact .logo { float:left; width:100%;}
.footer .footercontact .logo img{width:260px;}
.footer .footercontact .tel{float:left;width:100%;color:#FFF; margin-top:50px;}
.footer .footercontact .tel li{ float:left;line-height:2;}
.footer .footercontact .tel li:nth-child(1){ width:40%; }
.footer .footercontact .tel li:nth-child(2){ width:60%; }
.footer .footercontact .tel span{ font-size:.315rem;}

.footer .footercontact .other{float:left;width:100%;margin-top:30px;}
.footer .footercontact .other li{ float:left;line-height:2;}
.footer .footercontact .other li:nth-child(1){ width:40%; }
.footer .footercontact .other li:nth-child(2){ width:60%; }
.footer .footercontact .other li .font{color:#DC8B92;}
.footer .footercontact .other li .email{color:#FFF; margin-bottom:16px; line-height:1.5;}
.footer .footercontact .other li .qrcode{ float:left; width:25%; font-size:.158rem; text-align:center; color:#FFF; margin-right:5%; margin-top:10px; line-height:2;}
.footer .footercontact .other li .qrcode img{width:100%;}

.footer .footermenus ul{width:11.11%; float:left;}
.footer .footermenus ul li{ width:100%; color:#FFF; padding-bottom:25px; text-align:center;}
.footer .footermenus ul li a{color:#EFAEB4; font-size:15px;}
.footer .footermenus ul li a:hover{color:#FFF;}
.footer .footermenus ul li span{color:#FFF; font-size:18px;}

.footer .bottom{ margin-top:30px; border-top:#EFAEB4 1px solid; padding-top:30px; padding-bottom:30px; float:left; width:100%;}
.footer .bottom .copyright{float:left; width:50%; color:#EFAEB4;}
.footer .bottom .copyright a{color:#EFAEB4;}
.footer .bottom .copyright a:hover{color:#FFF;}
.footer .bottom .links{float:right; width:50%; color:#EFAEB4; text-align:right;}
.footer .bottom .links a{color:#EFAEB4;}
.footer .bottom .links a:hover{color:#FFF;}


.home .news .content li .text .bt a {
	color: #000;
}
.cn-name a {
	font-size: .24rem;
	color: #000000;
}
.home .news2 .swiper-slide-active .content .text .date, .home .news2 .swiper-slide-active .content .text .bt a
{
	color: #000;
}
.home .media .content li .text .bt a{
	color: #fff;
}
.home .news2 .content .text .bt a {
	color: #fff;
}
.home .media .content li .text .date {
	color: #fff;
}