*{
   -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
ul{margin: 0px;padding: 0px;}
a{color: #333;text-decoration:none !important;}

h4,body,h2,h3{font-weight: 300;}
@font-face {
  font-family: 'iconfont';  /* project id 12736 */
  src: url('//at.alicdn.com/t/font_12736_0buftoidldir.eot');
  src: url('//at.alicdn.com/t/font_12736_0buftoidldir.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_12736_0buftoidldir.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_12736_0buftoidldir.woff') format('woff'),
  url('//at.alicdn.com/t/font_12736_0buftoidldir.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_12736_0buftoidldir.svg#iconfont') format('svg');
}

.icon-naifen:before { content: "\e607"; }
.icon-bizhi:before { content: "\e605"; }
.icon-you:before { content: "\e601"; }
.icon-you1:before { content: "\e602"; }
.icon-you2:before { content: "\e72f"; }
.icon-fenshuashuazi:before { content: "\e606"; }
.icon-niwa:before { content: "\e604"; }
.icon-xia:before { content: "\e600"; }
.icon-fangdajing:before { content: "\e603"; }
.icon-celiang:before { content: "\e608"; }
.icon-yuding:before { content: "\e609"; }
.icon-wuyoushouhou:before { content: "\e60a"; }
.icon-shigong:before { content: "\e60b"; }
.icon-yanse:before { content: "\e60e"; }
.icon-tu:before { content: "\e60c"; }
.icon-hetong:before { content: "\e60d"; }
.icon-yuan:before { content: "\e60f"; }
.icon-memu:before { content: "\e610"; }
.icon-address:before{content:"\e6a1";}
.icon-duihao:before{content:"\e611";}
.icon-quote-left:before{content:"\e62e";}
.icon-quote-right:before{content:"\e612";}
.icon-time:before{content:"\e613";}
.icon-lock:before{content: "\e615";}
.icon-mobile:before{content: "\e614";}
.icon-question:before{content: "\e62c";}


.greytowhite{
	background: -webkit-linear-gradient(#eee,#fff);
	background: -moz-linear-gradient(#eee,#fff);
	background: -o-linear-gradient(#eee,#fff);
	background: linear-gradient(#eee,#fff); 
}

.bgwhite{background-color:#fff}
.bggrey{background-color:#EFEFEF}
.bgorange{background-color: #ec6c00;}
.bggreen1{background-color: #018699;}
.bgyellow{background-color: yellow;}
.bgred{background-color: #d7011d;}
.bggreen{background-color: #00935f;}
.bgblue{background-color: #0054a7;}
.bgroyal{background-color: #8A6DE9;}
.bgblack{background-color:#23262b}
.btn-danger{background-color:#d03034; border: none;}

.blue{ 	color:#007aff!important; 	}
.red{	color:#d03034!important; 	}
.grey{	color:grey!important;}
.green{	color:#4cd964 !important;}
.orage{	color:#f0ad4e !important;}
.orangered{	color: orangered !important;}
.royal{	color: #8a6de9 !important;}
.deeppink{	color:deeppink !important;}
.gold{	color: gold;}
.chocolate{	color: chocolate;}
.cadetblue{	color: cadetblue;}
.white{	color:#FFFFFF;}
.black{	color: #000 !important;}
.brown{color:#b68703 !important; }
.blue2{color:#04687f !important;}
.qing{color:#046a80 !important;}
.zong{color:#b68703 !important;}
.zong2{color:#6e361f !important;}

.iconfont{font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale}
.noboder{border:none}
.form-control{-webkit-appearance: none;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .0);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .0);}
.form-control:focus{border-color: #ccc;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.0), 0 0 8px rgba(102, 175, 233, .0);box-shadow: inset 0 1px 1px rgba(0,0,0,.0), 0 0 8px rgba(102, 175, 233, .0);}


/*头部*/
.header{position: fixed;top: 0px;z-index: 2;background-color: #323232;width: 100%;height:48px;}
.header .logo{display: block;padding: 15px 15px;height: auto;width: 100%;text-align:center}

.header .logo .search{width: 160px;float: right;margin-top: 7px;}
.header .logo .search .form-control{border-radius: 20px 0px 0px 20px;border-right: none;}
.header .logo .search .btn{border-radius: 0px 20px 20px 0px;border-left: none;color: #ccc;height: 30px;padding-top: 5px;}
.header .swiper-container{width: 100%;height: 40px;line-height: 40px;border-top: 1px solid #ccc;padding: 0px 55px 0px 10px;}
.header .swiper-container a{color: #666;padding: 0px 10px;}
.header .swiper-container .current{color: #fff;background-color: #d03034;}
.header .menu{z-index: 1;}
.header .menu .swiper-slide{width: auto!important;}
.header .menubtn{z-index: 2;position: absolute;left: 10px;background-color: transform;top: 7px;width: 39px;height: 39px;font-size: 1.3em;text-align: center;line-height: 39px;color:#ccc}
.header .menubtn.searchbtn{right:10px;left:unset;}
.header .menubtn.icon-mobile{top:5px}
.header .dropdown-menu{width: 100%;border:none;border-radius: 0px;margin-top: 1px;padding: 0px;background-color:#323232}
.header .panel-heading{background-color:#323232;padding-right: 0px;}
.header .closemenu{width: 40px; height: 32px;text-align:center}
.header .panel-body{width: 100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling: touch;height: 200px;background-color:#323232}
.header .panel-body a{font-size: 1.3em;color: #ccc;}

.header .panel-body .menulist{padding: 10px 0px;}
.header .panel-body ul {padding: 10px 0px 0px 15px;}
.header .panel-body ul a{font-weight: 300;font-size: 1.1em;}
.header .panel-body ul li{display:inline-block;width: 33%;text-align: left;padding: 5px 0px;}

@keyframes fade-in {  
    0% {opacity: 0;}/*初始状态 透明度为0*/  
    40% {opacity: 0;}/*过渡状态 透明度为0*/  
    100% {opacity: 1;}/*结束状态 透明度为1*/  
}  
@-webkit-keyframes fade-in {/*针对webkit内核*/  
    0% {opacity: 0;}  
    40% {opacity: 0;}  
    100% {opacity: 1;}  
} 

.nav {
	position: absolute;
	left: 0px;
	top: 46px;
	z-index: 100;
	display: none;
	opacity: 0;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	width: 100%;
	height:  100vh;
	overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling: touch;
	
}
.nav--active .nav {
  background-color: #111;
  display:block;
  animation: fade-in;/*动画名称*/  
  animation-duration: .5s;/*动画持续时间*/  
  -webkit-animation:fade-in .5s;/*针对webkit内核*/  
  opacity: 1;
}
.nav__list {
  margin: 0;
  padding: 10px;
}
.nav__item,.nav__item li{
  list-style-type: none;
  text-align: left;
  padding:0px 30px 0px 30px;
}
.nav__item li{
	width: 100%;
	display: inline-block;
	font-weight: 400;
	font-size: 12px;
}
.nav__link {
  font-size: 1.1em;
  font-weight: 300;
  padding:10px 0px 10px 0px;
  border-bottom: 1px solid #666;
  text-transform: uppercase;
  width: 100%;
  text-decoration: none;
  color: #FFFFFF;
  display: block;
  opacity: 1;
  -webkit-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;
}

.nav__link:hover{color:#fff}
.nav__item:last-child .nav__link{
    border: none;
}
/* Default navigation icon */
.nav__trigger {
  display: block;
  position: absolute;
  width: 30px;
  height: 25px;
  left: 10px;
  top: 10px;
  z-index: 200;
}
.nav--active .nav__trigger {
  opacity: 0.5;
  padding-top: 5px;
}
.nav__icon {
  display: inline-block;
  position: relative;
  margin-top: 12px;
  width: 16px;
  height: 1px;
  background-color: #FFFFFF;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: background-color, transform;
  transition-property: background-color, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
 .nav--active .nav__icon:before,
 .nav__icon:after {
  content: '';
  display: block;
  width: 16px;
  height: 1px;
  position: absolute;
  background: #FFFFFF;
  -webkit-transition-property: margin, -webkit-transform;
  transition-property: margin, -webkit-transform;
  transition-property: margin, transform;
  transition-property: margin, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav__icon:before {
  margin-top: -10px;
}
.nav__icon:after {
  margin-top: 8px;
}
.nav {

}
 .nav--active .nav {

  
}
.nav__link {
  opacity: 0;
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
}
.nav--active .nav__link {
  opacity: 1;
}
.nav--active .nav__icon {
  background: rgba(0, 0, 0, 0);
}
.nav--active .nav__icon:before {
  margin-top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.nav--active .nav__icon:after {
  margin-top: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

#sonHeader{text-align: right;background-color: #fff;}
#sonHeader .active{color: #d03034;}
#sonHeader a{height: 40px;display: inline-block;line-height: 40px;padding: 0px 5px;}
/*轮播*/
.swiper-pagination-bullet-active{background-color: #d7011d;}
.swiper-button-prev,.swiper-button-next{background-size: 16px;-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
/*主体*/
.content{padding-top:48px;z-index: 1;max-width: 640px;margin: 0 auto;}

.banner{padding: 20px;}
.banner .content_b{text-align: center;padding:0 10px}
.banner .title{font-size: 22px;}
.banner .title_sub{color: #999;padding-bottom: 10px;}
.banner p{font-size: 16px;padding: 10px;line-height: 22px;}

.banner .content_b .title3{
    text-align: left;
	font-size: 30px;
	padding-bottom: 5px;
	font-weight: 700;
}
.banner .content_b .title4{
    text-align: left;
	font-size: 20px;
	padding-bottom: 20px;
	line-height: 32px;
}
/*用*/
.banner .content_b .title5{
	font-size: 25px;
	text-align: left;
	margin: 5px 0 3px 0;
	margin-top: 75px;
	font-weight: 400;
}
/*用*/
.banner .content_b .title6{
    text-align: left;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 25px;
}
/*用*/
.banner .content_b .title7{
    text-align: left;
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 3px;
}
.banner .content_b .justify{
    text-align: justify;
    text-align-last: justify;
}
/*用*/
.banner .content_b .p2{
	font-size: 14px;
	text-align: justify;
	padding: 0 0px 12px 0px;
	line-height: 28px;
	text-align-last: left;
}
/*用*/
.banner .content_b .p3{
	font-size: 20px;
	text-align: left;
	padding-bottom: 17px;
}
/*用*/
.banner .content_b .p4{
	font-size: 16px;
	text-align: left;
	padding-bottom: 14px;
	line-height: 22px;
}
.banner .content_b .jiange{
    margin: 10px 0;
}
.banner .content_b a.link{
    color: #046be1;
    padding-left: 70%;
    padding-top: 6px;
    display: block;
}
.banner .content_b .flex{
    display: flex;
    justify-content: space-between;
}
.banner .content_b .flex a.link{
    padding: 0;
}


/*底部*/
.floattop{position: fixed;bottom: 20px;right: 20px;width: 40px;z-index: 3;}
.floattop a{height: 40px;display: block;margin-bottom: 10px;background-color:rgba(0,0,0,0.5);color: #fff;text-align: center;line-height: 40px; border-radius: 5px;}
.floattop .chat{background-color: rgba(208,48,52,0.8);color: #fff;}

/*遮罩层*/
.mask{position: absolute;top: 0px;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);display: none;}
.playicon{position: absolute;width: 100%;height: 100%;background: url(/static/images/playicon.png) no-repeat;background-size: 42px;background-position: center;z-index: 1;top: 0px;background-color: rgba(0,0,0,.5);}

/*图片通用*/
.imglist{text-align: left;font-size: 16px;}
.imglist p{margin: 0px;}
.imglist p a{color: #333;}
.imglist p span{font-size: .8em;}
.imglist li{display: block;border-bottom: 1px solid #ccc;padding: 10px 0px 20px 0px;}
.imglist li:last-child{border: none;}
.imglist h4{line-height:32px;padding:5px 0px;margin:0px;}
.imglist .col-xs-12{padding:0px;}
.imglist .col-xs-6{padding:0px 5px}
.imglist .col-xs-6:nth-child(3) {padding-right: 0px;}
.imglist .col-xs-6:nth-child(2) {padding-left: 0px;}

.imglist .wow{background-color: #fff;margin:15px;}
.imglist .wow .caption{padding:0px 15px;}
.imglist .wow .caption p{padding:0px;line-height:32px;}
/*功能 */
.function{width: 100%;text-align: center;}
.function td{height: 80px;}
.function tr:nth-child(1){border-bottom: 1px solid #ccc;}
.function tr td{border-right: 1px solid #ccc;}
.function tr td:last-child{border: none;}

/*颜色*/
.colorlist .swiper-slide{padding:20px 30px 20px 30px;}
.colorlist .col-xs-4{padding: 10px 15px;font-size: 12px;}
.colorlist ul{text-align: center;}
.colorlist ul li{width: 16px; height: 16px;border-radius: 8px;display: inline-block;margin: 0px 5px;}

/*底部*/
@keyframes trans
{
	from {transform: rotate(45deg);}
	to {transform: rotate(0);}
}
.footer .panel-heading{padding: 0px;}
.footer .panel-title a{font-size: 14px;width: 100%;display: block;color: #777;padding: 10px;}
.footer .panel-title a span{text-align: center;display:block;width: 20px;height: 20px;}
.footer .panel{border-bottom: 1px solid #eee;border-radius: 0px;-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .0);box-shadow: 0 1px 1px rgba(0, 0, 0, .0);}
.footer .panel-body a{display: block;color: #777;padding: 5px;}
.footer .content_b h2{font-weight: 300;}
.footer .content_b a{margin: 10px 0px;}
.footer .content_b p{font-size: 14px;margin: 0px;padding: 0px;}
.footer .panel-title a span{transform: rotate(45deg);}
.footer .collapsed span{transform: rotate(0deg) !important;animation:trans .5s;}
.footer .content_b h2 a{color: #333;}

/*分页 */
.pagination .thisclass a,.pagination .active span{background-color: #d7011d;border-color:#d7011d;color: #fff;z-index: 1;}
.pagination > li > a,
.pagination > li > span { padding: 5px 10px;font-size: 12px;line-height: 1.5;}
/*视频遮罩层*/
.videolist{padding: 10px 0px;}
.videolist .first{color: #333;}
.videolist .img{position: relative;}
.videolist .caption{text-align: left;margin-bottom: 15px;}
.videolist .caption p{color: #999;margin: 0px;padding: 0px;}
.videolist .row{padding: 0px 10px;}
.videolist .col-xs-4{padding: 0px;position: relative;width: 31%;margin: 0px 1%;}
.videolist .mask{display:table-cell;color: #ccc;padding-top: 25%;}

/*省份*/
.province{text-align: left;padding: 10px;background-color: #fff;}
.province .content_b{text-align: left;}
.province ul li{display:block;width: 20%;text-align: center;padding: 10px 0px;float:left}
.province ul li a{padding:0px 10px;}
.province .thisclass{background-color: #d7011d;}
.province .thisclass a{color: #fff;}
/*面包屑*/
.breadcrumb li:last-child a{color: #d7011d;}
.breadcrumb{margin: 0px;}

/*图文左右*/
.newlist .nav-tabs > li{width: 33.33%;text-align: center;}
.newlist .nav-tabs > li > a{font-size: 16px;}
.newlist .nav-tabs > li.active > a{margin-top: 1px;border: none;border-bottom: 1px solid #d03034;}
.newlist .tab-content{padding-top: 15px;}
.newlist .media-left{min-width: 155px;}
.newlist h4{font-size: 16px;font-weight: 300;width: calc(100% - 35px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newlist p{font-size: 12px;font-weight: 300;margin:0px;padding: 0px;}

/*弹窗*/
#alert{text-align: center;}
#alert img{margin-right: 20px;}
#alert p{line-height: 32px;font-size: 16px;}


.bottom_box{height: 530px;bottom: 0px;z-index: 9;background: url(/static/images/bottom_box_bg.jpg) center no-repeat;color: #fff;}
.bottom_box .banner{padding: 0px;text-align: center;}
.bottom_box h4{padding: 20px 0px 10px;}
.bottom_box h1{padding-bottom: 10px;}
.bottom_box .form-group{margin: 0px;}
.bottom_box .form-group input{height: 50px;width: 80%;font-size: 1.4em;margin: 0 auto;margin-bottom: 10px;}
.bottom_box .iconfont{font-size: 22px;}
.bottom_box .input-group-addon{background-color: #fff;border: none;border-radius:0px;}
.bottom_box .form-control {border: none;margin: 0px;border-radius:0px;}
.bottom_box .btn{background-color: #d7011d;color: #fff !important;border: none;margin: 10px 0px;height: 50px;width: 80%;}
.bottom_box .left{text-align: left;}
.bottom_box .content_b{padding-top: 40px;}




/* CSS Document */
.sub_nav_list li{list-style-type:none;}
.sub_nav_list a{text-decoration:none;color:inherit;cursor:pointer;}

.mobile_block{display:block;}

#mobile_header_container{
    width:100%;position:fixed;top:0;left:0;z-index:111;
    height:3.33rem;
    /*background-color:#fff;*/
    -webkit-transition:height .3s cubic-bezier(0,.385,.345,1);
    -moz-transition:height .3s cubic-bezier(0,.385,.345,1);
    -o-transition:height .3s cubic-bezier(0,.385,.345,1);
    transition:height .3s cubic-bezier(0,.385,.345,1);
}
#mobile_header_container .mobile_top_logo{
    width:100%;height:100%;position:absolute;top:0;left:0;z-index:3;
    background-color:rgba(255,255,255,.9);
    -webkit-transition:background-color .3s cubic-bezier(0,.385,.345,1);
    -moz-transition:background-color .3s cubic-bezier(0,.385,.345,1);
    -o-transition:background-color .3s cubic-bezier(0,.385,.345,1);
    transition:background-color .3s cubic-bezier(0,.385,.345,1);
    background-size:44%;
}
#mobile_header_container .mobile_top_logo img{width:44%;height:auto;position:absolute;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.caseShow #mobile_header_container .mobile_top_logo{z-index:-1;}
#mobile_sub_nav_page{position:fixed;top:0;left:0;z-index:3;width:100%;overflow:hidden;height:0;
    /*   -webkit-transition:all .6s cubic-bezier(.19,1,.22,1);
    -moz-transition:all .6s cubic-bezier(.19,1,.22,1);
    -o-transition:all .6s cubic-bezier(.19,1,.22,1);
    transition:all .6s cubic-bezier(.19,1,.22,1); */
}
#mobile_sub_nav_page .sub_nav_bg{width:100%;background-color:#fff;position:absolute;top:0;left:0;height:120%;
    -webkit-transition:.8s cubic-bezier(.19,1,.22,1);
    -moz-transition:.8s cubic-bezier(.19,1,.22,1);
    -o-transition:.8s cubic-bezier(.19,1,.22,1);
    transition:.8s cubic-bezier(.19,1,.22,1);
    -webkit-transform-origin:top left;
    -moz-transform-origin:top left;
    -o-transform-origin:top left;
    transform-origin:top left;
    -webkit-transform:translate3d(100%,0,0) skew(30deg,0);
    -moz-transform:translate3d(100%,0,0) skew(30deg,0);
    -o-transform:translate3d(100%,0,0) skew(30deg,0);
    transform:translate3d(100%,0,0) skew(30deg,0);
}
#sub_nav_list .mobile_top_logo{width:100%;
    height:5.84rem;
    position:absolute;top:0;left:0;z-index:3;
    background-size:44%;
    -webkit-transform:skew(0);
    -moz-transform:skew(0);
    -o-transform:skew(0);
    transform:skew(0);
}

#mobile_sub_nav_page .sub_nav_list{width:100%;position:absolute;top:0;left:0;
    font-size:2.00rem;
    color:#303030;font-family:'itc_xlt',sans-serif;z-index:2;
    -webkit-transition:.6s cubic-bezier(.19,1,.22,1);
    -moz-transition:.6s cubic-bezier(.19,1,.22,1);
    -o-transition:.6s cubic-bezier(.19,1,.22,1);
    transition:.6s cubic-bezier(.19,1,.22,1);
    -webkit-transform-origin:top left;
    -moz-transform-origin:top left;
    -o-transform-origin:top left;
    transform-origin:top left;
    -webkit-transform:translate3d(100%,0,0);
    -moz-transform:translate3d(100%,0,0);
    -o-transform:translate3d(100%,0,0);
    transform:translate3d(100%,0,0);
}
#mobile_sub_nav_page .sub_nav_list ul{margin:11.73rem 0 0 1.67rem;}
#mobile_sub_nav_page .sub_nav_list ul li{margin-top:1.87rem;opacity:0;text-transform:uppercase;
    -webkit-transform:translate3d(30%,0,0);
    -moz-transform:translate3d(30%,0,0);
    -o-transform:translate3d(30%,0,0);
    transform:translate3d(30%,0,0);
    -webkit-transition:1.2s cubic-bezier(.19,1,.22,1);
    -moz-transition:1.2s cubic-bezier(.19,1,.22,1);
    -o-transition:1.2s cubic-bezier(.19,1,.22,1);
    transition:1.2s cubic-bezier(.19,1,.22,1);
}
#mobile_sub_nav_page .sub_nav_list ul li a{
    font-weight: 200;
}
#mobile_sub_nav_page .sub_nav_list.active ul li{opacity:1;
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
}
#mobile_sub_nav_page .sub_nav_list ul li:first-child{margin-top:0;}
#mobile_sub_nav_page .sub_nav_list.active{
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
}
#mobile_sub_nav_page .sub_nav_bg.active{
    -webkit-transform:translate3d(0,0,0) skew(0);
    -moz-transform:translate3d(0,0,0) skew(0);
    -o-transform:translate3d(0,0,0) skew(0);
    transform:translate3d(0,0,0) skew(0);
}


#sub_nav_bts{
    width:4rem;height:4rem;
    position:fixed;top:1rem;left:1.6rem;border-radius:50%;z-index:19;opacity:0;
    /*-webkit-transform:translate3d(-30%,0,0);*/
    /*-moz-transform:translate3d(-30%,0,0);*/
    /*-o-transform:translate3d(-30%,0,0);*/
    /*transform:translate3d(-30%,0,0);*/
    -webkit-transition: .3s cubic-bezier(0,.385,.345,1);
    -moz-transition: .3s cubic-bezier(0,.385,.345,1);
    -o-transition: .3s cubic-bezier(0,.385,.345,1);
    transition: .3s cubic-bezier(0,.385,.345,1);
}
#sub_nav_bts.show{
    opacity:1;
    /*-webkit-transform:translate3d(0,0,0);*/
    /*-moz-transform:translate3d(0,0,0);*/
    /*-o-transform:translate3d(0,0,0);*/
    /*transform:translate3d(0,0,0);*/
}
#sub_nav_bts i{
    width:2.2rem;
    height:.2rem;
    background-color:#bfbebe;
    position:absolute;
    left:20%;
    -webkit-transition:.3s cubic-bezier(.19,1,.22,1);
    -moz-transition:.3s cubic-bezier(.19,1,.22,1);
    -o-transition:.3s cubic-bezier(.19,1,.22,1);
    transition:.3s cubic-bezier(.19,1,.22,1);
}
#sub_nav_bts i:nth-child(1){top:1.29rem;}
#sub_nav_bts i:nth-child(2){top:1.85rem;}
#sub_nav_bts i:nth-child(3){top:2.5rem;}
#sub_nav_bts.active i:nth-child(1){
    top:1.85rem;
    -webkit-animation:turnoverl .3s;
    animation:turnoverl .3s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
}
#sub_nav_bts.active i:nth-child(2){opacity:0;}
#sub_nav_bts.active i:nth-child(3){
    top:1.85rem;
    -webkit-animation:turnoverr .3s;
    animation:turnoverr .3s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
}


@keyframes turnin {
    from {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
@keyframes turnoverl {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(45deg);
    }
}
@-webkit-keyframes turnoverl {
    from {
        -webkit-transform: rotate(0);
    }

    to {
        -webkit-transform: rotate(45deg);
    }
}

@keyframes turnoverr {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(-45deg);
    }
}
@-webkit-keyframes turnoverr {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(-45deg);
    }
}


.header_top_banner{position:absolute;top:0;left:0;width:100%;height:10px;background-color:#000;}

#hide_banner_top{
    width:100%;
    height:13.34rem;
}

.tri_delay_1{
    transition-delay: .1s !important;
}
.tri_delay_2{
    transition-delay: .2s !important;
}
.tri_delay_3{
    transition-delay: .3s !important;
}
.tri_delay_4{
    transition-delay: .4s !important;
}
.tri_delay_5{
    transition-delay: .5s !important;
}
.tri_delay_6{
    transition-delay: .6s !important;
}
.tri_delay_7{
    transition-delay: .7s !important;
}
.tri_delay_8{
    transition-delay: .8s !important;
}
.tri_delay_9{
    transition-delay: .9s !important;
}
.tri_delay_10{
    transition-delay: 1s !important;
}

.mui-table-view-cell{
    font-size: 2.00rem;
    font-family: PingFangSC-Regular, sans-serif;
}
.mui-popover-menu.mui-popover-action .mui-table-view .mui-table-view-cell{
    padding: 13px 15px;
}
.mui-popover-menu.mui-popover-action .mui-table-view .mui-table-view-cell:after{
    height: 0px;
}

.mui-popover.mui-popover-action .mui-table-view{
    border-radius: 12px;
}
.mui-popover.mui-popover-action .mui-table-view.mb0{
    margin-bottom: 3px !important;
    margin-top: 0px !important;
}