a { background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent; color: #333; }
a:focus, a:hover { color: #a3833b; text-decoration: none; }
li, ol, ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#dituContent img {max-width: inherit;}

.vertical-align {
    font-size: 0
}

.vertical-align:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ""
}

.vertical-align-bottom,
.vertical-align-middle {
    display: inline-block;
    max-width: 100%;
    font-size: 14px
}

.vertical-align-middle {
    vertical-align: middle
}

.vertical-align-bottom {
    vertical-align: bottom
}
/* 导航 */
.rat-header-top {
	background: #fff;
	padding: 20px 0;
	overflow: hidden;
}
.rat-header-toplogo {
	padding: 0px 20px 0px 0px;
	margin: 0px;
	overflow: hidden;
	float: left;
}
.rat-header-toplogo img {
	height: 60px;
}
.rat-header-toplogotxt {
	padding: 0px 0px 0px 20px;
	border-left: 1px solid #ccc;
	margin: 5px 0px;
	overflow: hidden;
	float: left;
}
.rat-header-toplogotxt h3 {
	font-size: 20px;
	line-height: 30px;
	padding: 0px;
	margin: 0px;
	color: #009fe9;
	overflow: hidden;
}
.rat-header-toplogotxt p {
	font-size: 14px;
	line-height: 20px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
.rat-header-toptel {
	background: url(../images/top-tel.png) no-repeat left center;
	padding: 0px 10px 0px 40px;
	line-height: 35px;
	margin: 15px 0px 0px;
	overflow: hidden;
	font-size: 24px;
	color: rgb(204, 204, 204);
}

.rat-header-bottom {
	background: #009fe9;
	margin: 0px;
  padding: 0px;
}
.nav > li {padding: 15px 0px; }
.nav > li.active {background: #028ed0; }
.nav > li a {font-size: 16px;}
.nav > li:last-child a {
  border: none
}
.navbar-nav>li>a {
	line-height: inherit;
  color: #fff;
  padding: 0px 38px;
}
.navbar-nav>li>a:hover {
  color: #fff;
	font-weight: bold;
}
@media(min-width:768px) {
  .navfix-other {
  	height: 60px
  }
  .navbar-right {
  	margin-right: 0
  }
}
.dropdown-menu {
  top:53px;
	display: none;
	float: none;
	min-width: 150px;
	padding: 0;
	margin: 0;
	text-align: left;
	list-style: none;
	background: #3871b7;
	border: 1px solid #3871b7;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: 0 0 5px rgba(0,0,0,.05)
}
.dropdown-menu.right {
	left: auto;
	right: 0
}
.dropdown-menu>li>a {
	padding: 0 20px;
	line-height: 45px;
	font-size: 15px;
	border: 0px;
	color: #fff!important;
	background: 0 0
}
.dropdown-menu>li>a:hover {
	color: #ccc!important;
	background: 0 0;
}
.dropdown-menu>li>ul>li>a {
	color: #848484!important
}
.dropdown-menu>li>ul>li>a:hover {
	color: #333!important;
	background: 0 0
}
.dropdown-menu>.dropdown-submenu .dropdown-menu {
	top: -1px;
	left: 100%
}
.dropdown-menu>.dropdown-submenu .dropdown-menu {
	top: -1px;
	left: auto;
	right: 100%
}
.dropdown-menu.bullet:before {
	border-bottom-color: #a8a8a8
}
.dropdown-menu>li {
	margin: 0;
	border-bottom: 1px solid #f2f2f2
}
.dropdown-menu>li:last-child {
	border: none
}
.dropdown-menu-right.bullet:after, .dropdown-menu-right.bullet:before {
	right: 30px;
	display: none
}
.dropdown-menu>.dropdown-submenu>a:after {
	display: none
}
.nav>li>ul.dropdown-menu {
	display: block;
	opacity: 0;
	visibility: hidden;
	transform: translateY(30px);
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-o-transform: translateY(30px);
	transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	-webkit-transition: .3s
}
.nav>li.open>ul.dropdown-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	-webkit-transform: translateY(0);
	transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	-ms-transition: .35s ease-in-out;
	-o-transition: .35s ease-in-out;
	-webkit-transition: .35s ease-in-out
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background: none;
}
.nav > li > a:hover, .nav > li > a:focus {
    background: none;
}
.menu_pp {display: none;}
@media(max-width:767px) {
	.rat-header-toplogotxt {padding: 0px; border: 0px;}
	.rat-header-toplogotxt h3 {font-size: 18px;}
	.rat-header-toplogotxt p {font-size: 12px;}
    .rat-header-top {padding: 8px 0px;}
    .menu_pp {display: block;}
}
/*手机端菜单*/
	.bgs {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: auto;
		z-index: 10;
		width: 100%;
		background: rgba(0, 0, 0, 0.6);
	}
.menu_pp_nav{
	width: 90%;
	height: 100%;
	background-color: #fff;
	position: fixed;
	top: 0;
	left: -90%;
	color: #fff;
	overflow: hidden;
	z-index: 100;
}
.menu_pp_nav ul{
	width: 100%;
	padding-top: 15px;
}
.menu_pp_nav>ul{
	height: 100%;
	background-color: #fff;
	position: absolute;
	left:0;
}
.menu_pp_nav ul a{
	display: block;
	font-family: arial;
	font-weight: bold;
	color: #333;
	font-size: 14px;
	border-top: 1px solid #ccc;
}
.menu_pp_nav ul li:first-of-type a{
	border: none;
}
.menu_pp_nav ul li{
	padding:0 20px;
	font-size: 18px;
	font-weight: 600;
	line-height: 40px;
	position: relative;
}
.menu_pp_nav ul li span{
	font-size: 30px;
	color: #181878;
	position: absolute;
	right: 35px;
	top: -3px;
}
.menu_pp_logo{
	width: 100%;
	padding: 15px 20px 0;
	overflow: hidden;
	position: relative;
}
.menu_pp_search{
	width: 100%;
	height: 35px;
	line-height: 35px;
	position: relative;
}
.menu_pp_search input{
	width: 100%;
	height: 35px;
	padding-left: 10px;
	color: #333;
	border-radius: 5px;
	border: 1px solid #ccc;
}
.menu_pp_search>i{
	width: 15px;
	position: absolute;
	top: 10px;
	right: 10px;
	color: #333;
}
.menu_pp_logo>img{
	width: 60%;
}
.menu_pp_logo h2{
	height: 45px;
	line-height: 45px;
	font-size: 16px;
	color: #333;
}
.logo_close{
	width: 30px;
	height: 30px;
	border-radius:15px;
	border: 1px solid #181878;
	float: right;
	position: relative;
	right: 0;
	top: 4px;
	z-index: 11;
}
.logo_close span:first-of-type{
	display: block;
	background-color: #181878;
	width: 70%;
	height: 1px;
	border-radius: 1px;
	position: absolute;
	top: 14.5px;
	left: 15%;
	transform: rotate(-45deg);
}
.logo_close span:last-of-type{
	display: block;
	background-color: #181878;
	width: 70%;
	height: 1px;
	border-radius: 1px;
	position: absolute;
	top: 14.5px;
	left: 15%;
	transform: rotate(45deg);
}
.menu_pp_two{
	width: 100%;
	height: 100%;
	color: #333;
	padding: 15px 0;
	position: absolute;
	left: -100%;
	bottom: 0;
	z-index: 10;
	background-color: #fff;
	overflow-y: auto;
}
.menu_pp_two ul{
	padding: 0;
}
.menu_pp_two h3{
	line-height: 45px;
	font-size: 16px;
	padding-left: 35px;
	position: relative;
}
.menu_pp_two h3 span{
	font-size: 30px;
	position: absolute;
	left: 20px;
	top: -3px;
	color: #181878;
}
.menu_pp_two h2{
	font-size: 24px;
	padding: 0px 20px 10px;
}
.menu_pp_two h2 a {
	font-family: arial;
	color: #009fe9;
}
/*头部公共END END END*/
@media (min-width:300px) {
	/*手机端菜单图标*/
	.menu_icon{
		float: right;
		width: 40px;
		height: 40px;
		background-color: #009fe9;
		position: relative;
		top: 10px;
        right: 10px;
	}
	.menu_icon span{
		display: block;
		width: 70%;
		height: 2px;
		border-radius: 2.5px;
		background-color: #fff;
		position: absolute;
		left: 15%;
	}
	.menu_icon span:nth-child(1){
		top:12px;
	}
	.menu_icon span:nth-child(2){
		top: 19px;
	}
	.menu_icon span:nth-child(3){
		top: 26px;
	}
	/*手机端菜单图标变化*/
	.icon_now span:nth-child(1){
		animation: icon1 1s forwards;
	}
	.icon_now span:nth-child(2){
		animation: icon2 1s forwards;
	}
	.icon_now span:nth-child(3){
		animation: icon3 1s forwards;
	}
	.icon_back span:nth-child(1){
		animation: icon4 1s forwards;
	}
	.icon_back span:nth-child(2){
		animation: icon5 1s forwards;
	}
	.icon_back span:nth-child(3){
		animation: icon6 1s forwards;
	}
	@keyframes icon1{
		0%{top:12px;transform: rotate(0deg);}
		40%{top:19px;transform: rotate(0deg);}
		60%{top:19px;transform: rotate(0deg);}
		100%{top:19px;transform: rotate(405deg);}
	}
	@keyframes icon3{
		0%{top:26px;transform: rotate(0deg);}
		40%{top:19px;transform: rotate(0deg);}
		60%{top:19px;transform: rotate(0deg);}
		100%{top:19px;transform: rotate(405deg);}
	}
	@keyframes icon2{
		0%{transform: rotate(0deg);}
		40%{transform: rotate(0deg);}
		60%{transform: rotate(0deg);}
		100%{transform: rotate(495deg);}
	}
	@keyframes icon4{
		0%{top:19px;transform: rotate(405deg);}
		40%{top:19px;transform: rotate(0deg);}
		60%{top:19px;transform: rotate(0deg);}
		100%{top:12px;transform: rotate(0deg);}
	}
	@keyframes icon6{
		0%{top:19px;transform: rotate(405deg);}
		40%{top:19px;transform: rotate(0deg);}
		60%{top:19px;transform: rotate(0deg);}
		100%{top:26px;transform: rotate(0deg);}
	}
	@keyframes icon5{
		0%{transform: rotate(495deg);}
		40%{transform: rotate(0deg);}
		60%{transform: rotate(0deg);}
		100%{transform: rotate(0deg);}
	}
	/*头部公共END END END*/

}
@media (min-width:768px) {
	.menu_icon{
		width: 50px;
		height: 50px;
		top: 12.5px;
	}
	.menu_icon span:nth-child(1){
		height: 5px;
		top: 12.5px;
	}
	.menu_icon span:nth-child(2){
		height: 5px;
		top: 22.5px;
	}
	.menu_icon span:nth-child(3){
		height: 5px;
		top: 32.5px;
	}
	/*手机端菜单图标变化*/
	.icon_now span:nth-child(1){
		animation: icon1 1s forwards;
	}
	.icon_now span:nth-child(2){
		animation: icon2 1s forwards;
	}
	.icon_now span:nth-child(3){
		animation: icon3 1s forwards;
	}
	.icon_back span:nth-child(1){
		animation: icon4 1s forwards;
	}
	.icon_back span:nth-child(2){
		animation: icon5 1s forwards;
	}
	.icon_back span:nth-child(3){
		animation: icon6 1s forwards;
	}
	@keyframes icon1{
		0%{top:12.5px;transform: rotate(0deg);}
		40%{top:22.5px;transform: rotate(0deg);}
		60%{top:22.5px;transform: rotate(0deg);}
		100%{top:22.5px;transform: rotate(405deg);}
	}
	@keyframes icon3{
		0%{top:32.5px;transform: rotate(0deg);}
		40%{top:22.5px;transform: rotate(0deg);}
		60%{top:22.5px;transform: rotate(0deg);}
		100%{top:22.5px;transform: rotate(405deg);}
	}
	@keyframes icon2{
		0%{transform: rotate(0deg);}
		40%{transform: rotate(0deg);}
		60%{transform: rotate(0deg);}
		100%{transform: rotate(495deg);}
	}
	@keyframes icon4{
		0%{top:22.5px;transform: rotate(405deg);}
		40%{top:22.5px;transform: rotate(0deg);}
		60%{top:22.5px;transform: rotate(0deg);}
		100%{top:12.5px;transform: rotate(0deg);}
	}
	@keyframes icon6{
		0%{top:22.5px;transform: rotate(405deg);}
		40%{top:22.5px;transform: rotate(0deg);}
		60%{top:22.5px;transform: rotate(0deg);}
		100%{top:32.5px;transform: rotate(0deg);}
	}
	@keyframes icon5{
		0%{transform: rotate(495deg);}
		40%{transform: rotate(0deg);}
		60%{transform: rotate(0deg);}
		100%{transform: rotate(0deg);}
	}
}
	/*头部公共END END END*/

.rat-banner {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  position: relative;
}
.rat-banner .swiper-pagination-bullet{
	opacity: 1;
	background: #ccc;
}
.rat-banner>.swiper-pagination-bullets{
	text-align: center;
	bottom: 20px;
}
.rat-banner .swiper-pagination-bullet-active{
	background:#000;
}
@media (max-width:767px) {
	.rat-banner {margin-top: 0px;}
}

/* 首页产品展示 */
.rat-index-probg {
	padding: 50px 0px;
	overflow: hidden;
}
.rat-index-prolist {
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
.rat-index-prolist h3 {
	background-color: #028ed0;
	padding: 12px 10px 12px 20px;
	margin: 0;
	text-shadow: none;
	font-weight: bold;
	font-size: 20px;
	color: #ffffff;
}
.rat-index-prolist ul {
	border: 1px solid #f0f0f0;
	padding: 10px 20px;
	margin: 0px;
	overflow: hidden;
}
.rat-index-prolist ul li {
	line-height: 35px;
	padding: 3px 0px;
	border-bottom: 1px dashed #f0f0f0;
	overflow: hidden;
}
.rat-index-prolist ul li:last-child {
	border-bottom: 0px;
}
.rat-index-prolist ul li a {
	display: block;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	text-decoration: none;
	display: block;
	padding: 0px;
	position: relative;
	color: #333;
}
.rat-index-prolist li.one {
    font-weight: bold;
		font-size: 15px;
}
.rat-index-prolist li.two {
    padding-left: 15px;
		font-size: 13px;
}

.rat-index-procontact {
	background: #028ed0;
	text-align: center;
	width: 100%;
	padding-top: 32px;
}
.rat-index-procontact .tel1 {
    padding: 0 0 38px;
}
.rat-index-procontact .tel1 p {
    margin: 8px 0 0 0;
    line-height: 20px;
    font-size: 16px;
    color: #ffffff;
}
.rat-index-procontact .tel1 b {
    font-size: 24px;
    color: #ffffff;
}

.rat-index-protitle {
	position: relative;
	border-bottom: 3px solid;
	border-color: #028ed0;
	height: 45px;
	line-height: 45px;
	margin-bottom: 20px;
}
.rat-index-protitle h2 {
    font-size: 25px;
		line-height: 45px;
    color: #028ed0;
    font-weight: normal;
    margin: 0;
}
.rat-index-protitle a.mo {
    position: absolute;
    right: 0;
    top: 6px;
    font-size: 14px;
    color: #00428e;
    display: block;
}
.rat-index-proinfo {

}
.rat-index-proinfo .img {
	border: 1px solid #ccc;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
.rat-index-proinfo .img img {
	width: 100%;
}
.rat-index-proinfo .txt {
	padding: 5px 0px;
	margin: 0px;
	line-height: 30px;
	font-size: 14px;
	color: #666;
	text-align: center;
	overflow: hidden;
}


/* 首页简介 */
.about_list_met_21_10_41{padding:50px 0px;}
.about_list_met_21_10_41 h2{font-size:36px;color:#333333;}
.about_list_met_21_10_41 p.desc{font-size:16px;color:#666666;}
.about_list_met_21_10_41 .met-editor{margin-top:50px;}
@media (max-width:991px){
   .about_list_met_21_10_41 {padding:60px 0px;}
    .about_list_met_21_10_41 .met-editor{margin-top:40px;}
}
@media (max-width:767px){
   .about_list_met_21_10_41 {padding:20px 0px;}
    .about_list_met_21_10_41 .met-editor{margin-top:30px;}
}
.about_list_met_21_10_41 h1, .about_list_met_21_10_41 h2, .about_list_met_21_10_41 h3, .about_list_met_21_10_41 h4, .about_list_met_21_10_41 h5, .about_list_met_21_10_41 h6 {
    font-size: 100%;
    font-weight: normal;
}
.about_list_met_21_10_41 .lh-fonts {
  font-family: '宋体';
}
.about_list_met_21_10_41 .lh-about {
  position: relative;
  z-index: 1;
}
.about_list_met_21_10_41 .lh-about:before {
  content: '';
  display: block;
  width: 1074px;
  height: 615px;
  background: url("") no-repeat center;
  position: absolute;
  left: 3vw;
  bottom: 2%;
  z-index: -1;
}
.about_list_met_21_10_41 .lh-about-h2 {
  position: absolute;
  left: 3vw;
  top: 50%;
  transform: translateY(-50%);
  width: 3vw;
  font-size:30px;
  color:#333333;
  color:;
}
.about_list_met_21_10_41 .lh-about-h2:after {
  content: '';
  display: block;
  width: 250%;
  height: 1px;
  background:#028ed0;
  background: ;
  position: absolute;
  left: -150%;
  bottom: -20px;
}
.about_list_met_21_10_41 .lh-about-main {
  padding: 60px;
  position: relative;
}
.about_list_met_21_10_41 .lh-about-l {
  width: 60%;
}
.about_list_met_21_10_41 .lh-about-main .text h2 {
  font-size: 26px;
  color:#028ed0;
	margin: 0px;
  font-weight: bold;
  position: relative;
  display: inline-block;
}

.about_list_met_21_10_41 .lh-about-main .text h3 {
  color:#333333;
  color:;
  font-size: 12px;
  margin: 10px 0 40px;
  position: relative;
}
.about_list_met_21_10_41 .lh-about-main .text h3:after {
  content: '';
  display: block;
  width: 34px;
  height: 2px;
  background:#028ed0;
  background:;
  position: absolute;
  left: 0;
  bottom: -15px;
}
.about_list_met_21_10_41 .lh-about-main .text p {
  color:#666666;
	text-indent: 2em;
	font-size: 15px;
	line-height: 30px;
}
.about_list_met_21_10_41 .lh-about-main .text h5 {
  text-align: right;
  margin-top: 18px;
}

.about_list_met_21_10_41 .lh-about-main:before {
  content: '';
  display: block;
  width: 100%;
  height: 10px;
  background:#028ed0;
  background:;
  position: absolute;
  left: 0;
  top: 0;
}
.about_list_met_21_10_41 .lh-about-main:after {
  content: '';
  display: block;
  width: 100%;
  height: 10px;
  background:#028ed0;
  background:;
  position: absolute;
  right: 0;
  bottom: 0;
}
.about_list_met_21_10_41 .lh-about-main .line:before {
  content: '';
  display: block;
  width: 10px;
  height: 100%;
  background:#028ed0;
  background:;
  position: absolute;
  left: 0;
  bottom: 0;
}
.about_list_met_21_10_41 .lh-about-main .line:after {
  content: '';
  display: block;
  width: 10px;
  height: 100%;
  background:#028ed0;
  background:;
  position: absolute;
  right: 0;
  top: 0;
}
.about_list_met_21_10_41 .lh-about-main .text h2,
.about_list_met_21_10_41 .lh-about-main .text h3,
.about_list_met_21_10_41 .lh-about-main .text h4,
.about_list_met_21_10_41 .lh-about-main .text h5 {
  animation: lhFadeInUp linear 1s;
  animation-fill-mode: both;
}
.about_list_met_21_10_41 .lh-about-main .text h5 {
    text-align: right;
    margin-top: 18px;
}
.about_list_met_21_10_41 .lh-more {
  display: inline-block;
  width: 130px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color:#028ed0;
	font-size: 16px;
  background:#ffffff;
  box-shadow: 0 0 10px rgba(12,3,6,.13);
  position: relative;
  z-index: 1;
}
.about_list_met_21_10_41 .lh-more i {
  float: right;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background:#028ed0;
  background:;
  color: #ffffff;
  font-size: 15px;
  transition: ease .65s;
  position: relative;
  z-index: 1;
  margin-right:0
}
.about_list_met_21_10_41 .lh-more i:after {
  transition: ease-in .65s;
  content: '';
  display: block;
  width: 0;
  height: 100%;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.about_list_met_21_10_41 .lh-more:before {
  transition: ease-out .35s;
  content: '';
  display: block;
  width: 0;
  height: 100%;
  background:#028ed0;
  background:;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.about_list_met_21_10_41 .lh-more:hover {
  color:#ffffff;
}
.about_list_met_21_10_41 .lh-more:hover:before {
  width: 100%;
}
.about_list_met_21_10_41 .lh-more:hover i {
  color:#028ed0;
  color:;
  transition-delay: .2s;
}
.about_list_met_21_10_41 .lh-more:hover i:after {
  width: 100%;
  transition-delay: .2s;
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.about_list_met_21_10_41 .lh-about-main .text h2,
.about_list_met_21_10_41 .lh-about-main .text h3,
.about_list_met_21_10_41 .lh-about-main .text h4,
.about_list_met_21_10_41 .lh-about-main .text h5 {
  animation: lhFadeInUp linear 1s;
  animation-fill-mode: both;
}
.about_list_met_21_10_41 .lh-about-main .img {
	width: 45%;
    position: absolute;
    right: -5%;
    top:10%;
    -webkit-transition: all .25s ease-out;
       -moz-transition: all .25s ease-out;
        -ms-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
}
.about_list_met_21_10_41 .lh-about-main:before {
  animation: lineWidth linear 1s;
}
.about_list_met_21_10_41 .lh-about-main .line:after {
  animation: lineHeight linear 1s;
  animation-delay: 1s;
  height: 0;
  animation-fill-mode: both;
}
.about_list_met_21_10_41 .lh-about-main:after {
  animation: lineWidth linear 1s;
  width: 0;
  animation-delay: 2s;
  animation-fill-mode: both;
}
.about_list_met_21_10_41 .lh-about-main .line:before {
  animation: lineHeight linear 1s;
  animation-delay: 3s;
  height: 0;
  animation-fill-mode: both;
}
.about_list_met_21_10_41 .lh-about-main .line:after {
    animation: lineHeight linear 1s;
    animation-delay: 1s;
    height: 0;
    animation-fill-mode: both;
}
@keyframes lhImgRight {
 0% {
transform:translateX(-100%) scale(1.2);
opacity:0;
}
 50% {
transform:translateX(0) scale(1.1);
opacity:1;
}
 100% {
transform:translateX(0) scale(1);
opacity:1;
}
}
@keyframes lhFadeInRight {
 0% {
opacity:0;
transform:translateX(100%);
}
 100% {
opacity:1;
transform:translateX(0);
}
}
@keyframes lhFadeInUp {
 0% {
opacity:0;
transform:translateY(100%);
}
 100% {
opacity:1;
transform:translateY(0);
}
}
@keyframes lhFadeInDown {
 0% {
transform:translateY(-100%);
opacity:0;
}
 100% {
transform:translateY(0);
opacity:1;
}
}
@keyframes logoFade {
 0% {
opacity:0;
transform: translateY(-100%);
}
 100% {
opacity:100;
transform: translateY(-50%);
}
}
@keyframes logoWidth {
 0% {
width:0;
}
 100% {
width:250%;
}
}
@keyframes lineWidth {
 0% {
width:0;
}
 100% {
width:100%;
}
}
@keyframes lineHeight {
 0% {
height:0;
}
 100% {
height:100%;
}
}
.about_list_met_21_10_41 .lh-wapAbout-h2 {
    display: none;
}
.about_list_met_21_10_41 img{
  max-width:100%;
}
@media screen and (max-width: 1024px) {
  .about_list_met_21_10_41 .lh-about:before{
    width:auto;
  }
  .about_list_met_21_10_41 .lh-wapAbout-h2{
    color:#333333;
    color:;
    text-align: center;
    font-size: 30px;
    padding: 20px 0;
    position: relative;
  }
  .about_list_met_21_10_41 .lh-wapAbout-h2:after{
    content: '';
    display: block;
    width: 10vw;
    height: 1px;
    background:#028ed0;
    background:;
    position: absolute;
    left: 45%;
    bottom: 10px;
  }
  .about_list_met_21_10_41 .lh-about-h2{
    display:none;
  }
  .about_list_met_21_10_41 .lh-wapAbout-h2 {
      display: block;
      margin: auto;
  }
.about_list_met_21_10_41 .lh-mobile-banner,
.about_list_met_21_10_41 .lh-footer.other .lh-wapAbout-h2 {
  display: block;
}
.about_list_met_21_10_41 .lh-banner,
.about_list_met_21_10_41 .lh-about-main:before,
.about_list_met_21_10_41 .lh-about-main:after,
.about_list_met_21_10_41 .lh-about-main .line:before,
.about_list_met_21_10_41 .lh-about-main .line:after {
  display: none;
}
.about_list_met_21_10_41 .lh-about-main, .about_list_met_21_10_41 .lh-about-l {
  width: 100%;
}
.about_list_met_21_10_41 .lh-about-main {
  padding: 0 10px;
}
.about_list_met_21_10_41 .lh-about-main .text h2 {
  font-size: 24px;
  margin-top: 20px;
  padding-bottom: 10px;
}
.about_list_met_21_10_41 .lh-about-main .text h2:after {
  opacity: 1;
  height: 1px;
}
.about_list_met_21_10_41 .lh-about-main .text h3 {
  display: none;
}
.about_list_met_21_10_41 .lh-about-main .text h4 {
  margin-top: 20px;
}
.about_list_met_21_10_41 .lh-about-main .img {
	width: 100%;
  position: inherit;
  right: inherit;
  top: inherit;
  transform: translateY(0);
  margin-top: 20px;
  text-align: center;
  display: block;
  margin: auto;
  margin-top: 20px;
}
.about_list_met_21_10_41 .lh-about-main .img img{
  max-width:100%;

}
.about_list_met_21_10_41 .lh-about-main .text h5{
  text-align:center;
}
}


.rat-index-xuanzebg {
	background: url(../images/xuanze_bg.jpg) no-repeat center top;
	padding: 50px 0;
	overflow: hidden;
}
.rat-index-xuanzetitle {
	padding: 0px;
	margin: 0px;
	text-align: center;
	overflow: hidden;
}
.rat-index-xuanzeall {
	margin: 10px 0;
	overflow: hidden;
}
.rat-index-xuanzeone {
	padding: 40px 20px 40px 80px;
	border-bottom-color: rgba(187, 187, 187, 1);
	border-bottom-style: dashed;
	border-bottom-width: 1px;
}
.rat-index-xuanzeone h3 {
	font-size: 30px;
	line-height: 45px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
.rat-index-xuanzeone h3 i {
	padding-right: 10px;
	display: inline-flex;
}
.rat-index-xuanzeone h3 span {
	margin-top: 10px;
	display: inline-table;
}
.rat-index-xuanzeone p {
	font-size: 14px;
	line-height: 35px;
	margin: 0px;
	overflow: hidden;
}

.rat-index-news {
	background: url(../images/index-newsbg.jpg) repeat-x center top #fff;
	padding: 50px 0;
	overflow: hidden;
}
.rat-index-newstitle {
	font-size: 48px;
	font-weight: bold;
	line-height: 60px;
	color: #fff;
	padding: 0px;
	margin: 20px 0px;
	overflow: hidden;
}
.rat-index-newstitle span {
	font-size: 32px;
	line-height: 45px;
	margin-top: 15px;
	padding-left: 20px;
	font-weight: normal;
	text-transform: uppercase;
	overflow: hidden;
}
.rat-index-newsinfo {
	padding: 20px 0;
	overflow: hidden;
}
.rat-index-newsinfo li {
	margin: 0px;
	font-size: 16px;
	border-bottom: 1px dashed #999;
	padding: 15px 5px;
	color: #999;
	overflow: hidden;
}
.rat-index-newsinfo li a {
	color: #333;
}
.rat-index-newsinfo li a:hover {
	color: #C00;
	text-decoration: initial;
}
.rat-index-newsinfo li span {
	float: right;
}

/* 底部开始 */
.rat-footer-bg {
	margin: 0px;
	background: #f6f6f6;
}
.rat-footer-top {
	padding: 50px 0 30px;
	border-bottom: 1px solid #d2d2d2;
}
.rat-footer-top .footerImg{float:  left; width: 28%;margin-right: 1%;}
.rat-footer-top .footerAbout{float:  left; width: 68%;margin-right: 2%;}
.rat-footer-top .footerAbout .footerLogo{margin-bottom: 18px;text-align: left;}
.rat-footer-top .footerAbout .f_aboutContent{color:#333;line-height: 30px; font-size: 14px;}
.rat-footer-top .footerAbout .f_aboutContent h3 {margin-top: 10px; /* font-weight: normal; */}
.rat-footer-top .footerAbout .f_aboutContent p {margin: 0px;}
.rat-footer-top .footerAbout .f_aboutMore{display: inline-block;color:#888;margin-top: 25px;}

.rat-footer-top .footerInfo strong{display: block; font-size: 16px;color:#000;font-weight:normal;margin-bottom: 24px; }
.rat-footer-top .footerInfo ul li {float: left;width: 50%;margin-bottom: 6px;color:#333;}
.rat-footer-top .footerInfo ul li a{color:#333; font-size: 14px;}

.rat-footer-top .footerFollow strong{display: block; font-size: 16px;color:#000;font-weight:normal;margin-bottom: 15px; }
.rat-footer-top .footerFollow #newsletter_form .newsletter_input{width: 188px;height: 33px;border:1px solid #cfcfcf;padding:0 0 0 18px;box-sizing: border-box;border-radius: 15px;background: #f6f6f6;}
.rat-footer-top .footerFollow #newsletter_form .newsletter_input::-webkit-input-placeholder {color:#999; font-family: 'WhitneyLight';}
.rat-footer-top .footerFollow #newsletter_form .newsletter_input:-moz-placeholder {color:#999; font-family: 'WhitneyLight';}
.rat-footer-top .footerFollow #newsletter_form .newsletter_input::-moz-placeholder {color:#999; font-family: 'WhitneyLight';}
.rat-footer-top .footerFollow #newsletter_form .newsletter_input:-ms-input-placeholder {color:#999; font-family: 'WhitneyLight';}
.rat-footer-top .footerFollow #newsletter_form .newsletter_submit{width: 90px;height: 33px;background: #d82728;color:#fff;font-family: 'Whitney';border-radius: 16px;margin-left: 5px;border: 0px;}
.rat-footer-top .footerFollow .follow_title{margin: 20px 0 10px;color:#000; font-size: 16px; }
.lang_zh_cn .rat-footer-top .footerFollow .follow_title{margin: 0 0 20px;}
.rat-footer-top .footerFollow .f_share a{display: inline-block;vertical-align: middle; margin-right: 18px;}
.rat-footer-top .footerFollow .f_share a:hover img{ -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); filter: none;}
.rat-footer-top .footerFollow .f_share a img{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
.rat-footer-top .footerFollow .f_share a.cn_share img{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none;}
.rat-footer-top .footerFollow .f_share a:last{ margin-right: 0;}
.rat-footer-top .footerFollow .codeList{margin-top: 35px;text-align: center;}
.rat-footer-top .footerFollow .codeList .weChatCode{width: 100px;height: 100px;float: left;margin-right:15px; }
.rat-footer-top .footerFollow .codeList .weiboCode{width: 100px;height: 100px;float: left;}

.rat-footer-bottom {
    padding: 10px 0;
    overflow: hidden;
    text-align: center;
    color: #fff;
		background: #6386c1;
    font-size: 16px;
    line-height: 30px;
}
@media (max-width:767px){
	.rat-index-probg,.rat-index-advantagebg {padding: 20px 0px;}
	.rat-index-advantagezhong {background: none;}
	.rat-index-advantage1 {margin: 5px 0px; height: 90px;}
	.advan-txt {padding-left: 80px;}
	.advan-txt h3 {margin-bottom: 10px;}
	.rat-index-xuanzeone {padding: 15px; margin-bottom: 10px;}
	.rat-index-news {padding: 40px 0px 20px;}
	.rat-index-newstitle {font-size: 36px;}
	.rat-index-newstitle span {font-size: 18px;}
	.rat-index-newsinfo ul {padding: 0px; margin: 0px;}
	.rat-index-newsinfo li a {width: 70%; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; float: left;}
	.typeName {margin-bottom: 20px;}
	.rat-index-all,.rat-footer-bg {margin-top: 0px;}
	.feaTitle,.anchor-container {margin-bottom: 10px;}
	.rat-footer-top .footerAbout {width: 100%;margin-right: 0px;}
	.rat-index-newsone {padding: 10px 0;}
	.rat-footer-top {padding-top: 30px;}
}

.rat-ny-all {
    padding: 50px 0px;
    overflow: hidden;
}

.rat-ny-protitle {
	position: relative;
	border-bottom: 3px solid;
	border-color: #028ed0;
	height: 45px;
	line-height: 45px;
	margin-bottom: 20px;
}
.rat-ny-protitle h2 {
    font-size: 25px;
		line-height: 45px;
    color: #028ed0;
    font-weight: normal;
    margin: 0;
}
.rat-ny-protitle span.mo {
    position: absolute;
    right: 0;
    top: 6px;
    font-size: 14px;
    color: #666;
    display: block;
}
.rat-ny-editer {
	padding: 0px;
	line-height: 35px;
	font-size: 16px;
	overflow: hidden;
}
.rat-news-editer {
	padding: 0px;
	line-height: 30px;
	font-size: 14px;
	overflow: hidden;
}
.rat-news-editer p {
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}


.rat-ny-proinfo {

}
.rat-ny-proinfo .img {
	border: 1px solid #ccc;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
.rat-ny-proinfo .img img {
	width: 100%;
}
.rat-ny-proinfo .txt {
	padding: 5px 0px;
	margin: 0px;
	line-height: 30px;
	font-size: 14px;
	color: #666;
	text-align: center;
	overflow: hidden;
}
.rat-pro-title {
	font-size: 24px;
	text-align: center;
	padding: 10px 0px;
	border-bottom: 1px dashed #ccc;
	line-height: 25px;
	overflow: hidden;
}
.rat-pro-img {
	text-align: center;
	padding: 10px 0;
	overflow: hidden;
}
.rat-pro-img img {
	max-width: 90%;
}
.rat-pro-infoall {

}
.rat-ny-proall {
	margin-top: 20px;
}
.rat-pro-infotitle {
	border-bottom: 1px solid #6386c1;
	margin-bottom: 20px;
	padding: 0px;
	overflow: hidden;
}
.rat-pro-infotitle span {
	background: #6386c1;
	color: #fff;
	font-weight: bold;
	line-height: 40px;
	border-radius: 5px 5px 0px 0px;
	margin: 0px;
	padding: 0px 30px;
	display: block;
	float: left;
	overflow: hidden;
}
.rat-pro-infodetails {
	font-size: 14px;
	line-height: 25px;
	padding: 0px 20px;
	margin: 0px;
	overflow: hidden;
}

.met-news-list {
    margin-top: 20px;
    overflow: hidden;
}
.rat-news-all .met-news-list li {
	border-bottom: 1px solid #eee;border-
	-webkit-transition: all .66s cubic-bezier(.17, .84, .44, 1);
	transition: all .66s cubic-bezier(.17, .84, .44, 1);
	position: relative;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    padding: 20px 0px;
	}
	.rat-news-all .met-news-list li.card-shadow{
		padding: 0;
	}
	.rat-news-all .met-news-list li.media{
		padding: 10 0px;
		margin-bottom: 10px;
	}
.rat-news-all .met-news-list li:first-child{padding-top:0;}
.rat-news-all .met-news-list li h4 { margin: 0 0 10px; font-size: 22px; font-weight: normal;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: grid; }
.rat-news-all .met-news-list li h4 a { color: #333333; text-shadow: none;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.rat-news-all .met-news-list li h4 a:hover{color: #1278eb; }
.rat-news-all .met-news-list li:after { content: ''; width: 100%; height: 1px; background: #333333;background: none;color: #333333; position: absolute; bottom: 0; left: 0; -webkit-transition: all .66s cubic-bezier(.17, .84, .44, 1); transition: all .66s cubic-bezier(.17, .84, .44, 1); }
.rat-news-all .met-news-list li:hover::after { width: 100%; }
.rat-news-all .met-news-list li:hover a { text-decoration: none; }
.rat-news-all .met-news-list li .media-left {width: 260px;}
.rat-news-all .met-news-list li .media-left .media-object {width: 240px;max-width: inherit;border: 1px solid #ccc;}
.rat-news-all .met-news-list li p { font-size: 16px; }
.rat-news-all .met-news-list li .time { color: #900; margin-bottom: 10px; font-size: 14px; }
.rat-news-all .met-news-list li p.des { color: #999999; margin-bottom: 10px; font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; }
.rat-news-all .met-news-list li p.info { margin-bottom: 0px; font-size: 14px; color: #999999; }
@media (max-width:991px) {
    .rat-news-all .met-news-list  li h4 { font-size: 18px; margin-bottom: 10px; }
}
@media (max-width:767px) {
    .rat-news-all{padding: 0;}
    .rat-news-all .met-news-list li { padding: 20px 10px; }
    .rat-news-all .met-news-list li .media-left { padding-right: 10px; display: block; width: 100%; float: none; margin-bottom: 10px; }
    .rat-news-all .met-news-list li .media-left .media-object { width: 100%; }
    .rat-news-all .met-news-list li h4 { font-size: 16px; margin-bottom: 5px; }
    .rat-news-all .met-news-list li p { font-size: 14px; }
    .rat-news-all .headlines-text { bottom: 0px; }
    .rat-news-all .headlines-text h3 { font-size: 16px; }
    .rat-news-all .met-news-list li p.des { margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
    .rat-news-all .met-news-list li:after { width: 100px; }
    .rat-news-all .met-news-list li p.info { margin-left: 0px; }
}
.rat-news-all .border-bottom1,.rat-news-all .border-top1,.rat-news-all .met-page .pagination li a{border-color: #999999;border-color: ;}
.rat-news-all .details-title{padding:0px 0px 10px; border-bottom: 1px dashed #eee; margin-bottom: 20px;}
.rat-news-all .details-title h1{font-size:30px;line-height:1.5;color: #333333;margin: 0px; font-weight: normal;}
.rat-news-all .details-title .info{font-size:16px;color:;}
.rat-news-all .details-title .info span{padding-right:10px;}
.rat-news-all .met-page .pagination li a{color:#999999; color:;}
.rat-news-all .page-link:focus,.rat-news-all .page-link:hover{background-color: transparent;background-color: ; }
.rat-news-all .met-editor {padding: 30px; width: 100%; max-width: 100%; word-wrap: break-word; }
.rat-news-all .tag{font-size:14px;color: #333333;color:;padding:0 30px 30px;}
.rat-news-all .tag a{color: #333333;color:;padding:5px;}
.rat-news-all .tag a:hover{color:#1278eb;color:;}
.rat-news-all .met-page{padding-top:20px !important; border-top:1px solid #ccc; overflow: hidden;}
.rat-news-all .met-page a:hover{color:#1278eb !important;}
.rat-pageright {text-align: right;}
@media (min-width:768px){
  .rat-news-all.met-shownews.right .met-shownews-body{float: right;}
  .rat-news-all.met-shownews.right .met-sidebar{margin-left: 0px;margin-right: 30px;}
}
@media (max-width:1440px){
    .rat-news-all .details-title h1{font-size:24px;}
}
@media (max-width:767px){
    .rat-ny-all {padding: 20px 0px;}
    .rat-pageright {text-align: left;}
    .rat-news-all .details-title{padding:15px 10px;}
    .rat-news-all .details-title h1{font-size:22px;}
    .rat-news-all .details-title .info{font-size:14px;}
    .rat-news-all.met-shownews{padding: 15px 0px;}
    .rat-news-all .sm0{margin: 0px;}
    .rat-news-all .met-editor{padding: 15px;}
    .rat-news-all .met-page{padding-bottom: 15px !important;}
}

.rat-item {margin-bottom: 15px;}
.rat-item .img{ overflow: hidden; position: relative;margin:0px;border: 1px solid #eee;}
.rat-item .img img{ width: 100%; display: block; transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out;}
.rat-item .black-50{ transition: opacity 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); -webkit-transition: opacity 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);}
.rat-item .vico{ border-top: 10px solid transparent; border-bottom: 10px solid transparent; display: block; margin: 0px auto; height: 0; width: 0; border-left: 10px solid #f0f0f0; position: absolute; left: 50%; top: 50%; margin: -5px 0 0 -5px;}
.rat-item .t{color: #222222; display: block; margin:0px; padding:10px 5%; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background-color: #f0f0f0;  line-height: 1.5; font-size: 16px; position: relative; z-index: 1;}
.rat-item .t:before{  content:""; z-index: -1; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #6386c1;background-color: ; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0); transform-origin:50% 100% 0; -webkit-transform-origin:50% 100% 0; visibility:hidden\9;}
.rat-item:hover .img img{ transform:scale(1.06); -webkit-transform:scale(1.06);}
.rat-item:hover .t{color: #fff;}
.rat-item:hover .t:before{transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1); transform-origin:50% 0 0; -webkit-transform-origin: 50% 0 0;visibility:visible\9;}
.rat-item:hover .black-50{opacity: 0; visibility: hidden\9; }


/* 分页 */
.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}
.pagination>li{display:inline}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}
.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}
.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}