/* arabic */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/cairo/v28/SLXVc1nY6HkvangtZmpQdkhzfH5lkSscQyyS4J0.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin-ext */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/cairo/v28/SLXVc1nY6HkvangtZmpQdkhzfH5lkSscSCyS4J0.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/cairo/v28/SLXVc1nY6HkvangtZmpQdkhzfH5lkSscRiyS.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/cairo/v28/SLXVc1nY6HkvangtZmpQdkhzfH5lkSscQyyS4J0.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin-ext */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/cairo/v28/SLXVc1nY6HkvangtZmpQdkhzfH5lkSscSCyS4J0.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/cairo/v28/SLXVc1nY6HkvangtZmpQdkhzfH5lkSscRiyS.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/cairo/v28/SLXVc1nY6HkvangtZmpQdkhzfH5lkSscQyyS4J0.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin-ext */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/cairo/v28/SLXVc1nY6HkvangtZmpQdkhzfH5lkSscSCyS4J0.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/cairo/v28/SLXVc1nY6HkvangtZmpQdkhzfH5lkSscRiyS.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

button, input, select, textarea,h1, h2, h3, h4, h5, h6{line-height:1.3;font-weight: 300;}
body {font-family: 'OpenSans-Regular', Arial, Helvetica, sans-serif;}
address, cite, dfn, em, var {font-style:normal;} 
code, kbd, pre, samp {font-family: courier new, courier, monospace;} 
small {font-size:  0.75em;} 
ul, ol, p {list-style: none;margin:0; padding: 0px;}
body,legend {color:#fff;}
a{color:inherit;text-decoration: none;}
a:hover  {color:#ccc;text-decoration: none;}
a:active{color:inherit;}
.css3, a {-webkit-transition-duration: 0.5s;-ms-transition-duration: 0.5s;-o-transition-duration: 0.5s;-moz-transition-duration: 0.5s;	transition-duration: 0.5s;}
img {max-width: 100%;vertical-align: middle;}
.clearfix{*zoom:1;}
.clearfix:after{content: ''; display: block; clear: both;}
.pc {display: block;}
.mobile {display: none;}

/*位置控制*/
.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%;}
.vertical-align-middle {vertical-align: middle}
.vertical-align-bottom {vertical-align: bottom}


/* 头部文件 */
.rat-header-main {position: fixed;background-color: #000; width: 100%;padding: 0px;margin: 0px; top: 0; z-index: 99; transition: all .3s;}
.rat-header-logo {padding: 5px 0px;margin: 0px;overflow: hidden;float: left;}
.rat-header-logo img {height: 45px;}
.rat-header-nav {padding: 0px; margin: 0px; float: left;}
.rat-mainnav{display:flex;align-items:center;height:100%}
.rat-mainnav .nav-ul{height:100%;display:flex;align-items:center;list-style:none;padding:0px}
.rat-mainnav .nav-ul>li{height:100%;padding: 5px 0px; position:relative}
.rat-mainnav .nav-ul>li:hover>a{color:#eee;}
.rat-mainnav .nav-ul>li:hover>a::after{width:100%}
.rat-mainnav .nav-ul>li>a{font-size:15px;font-family: 'Cairo'; line-height: 45px; color:#ccc;text-transform:capitalize;margin:0px 0px 0px 30px;height:100%;display:flex;align-items:center;justify-content:center;position:relative;white-space:nowrap}
.rat-mainnav .nav-ul>li>a em{margin-left:5px}
.rat-mainnav .nav-ul>li>a::after{content:"";width:0px;height:2px;background:#189fd9;position:absolute;bottom:0px;left:0px;transition:all .2s linear}
.rat-mainnav .nav-ul>li>a.inmenu_1{color:#fff!important;}
.rat-mainnav .nav-ul>li>a.inmenu_1::after{width:100%!important}
.rat-mainnav .nav-ul>li>ul{position:absolute;left:25px;top:100%;background:#000; min-width:180px;margin:0px;box-shadow:1px 2px 10px rgba(0,0,0,.1)}
.rat-mainnav .nav-ul>li>ul li{position:relative}
.rat-mainnav .nav-ul>li>ul li:hover>a,.rat-mainnav .nav-ul>li>ul li:hover>em{color:#189fd9}
.rat-mainnav .nav-ul>li>ul li:hover ul{transform:scaleY(1);opacity:1}
.rat-mainnav .nav-ul>li>ul a{padding:0px 10px;height:40px;line-height:40px;font-size: 14px; padding-right:20px;color: #fff; display:flex;align-items:center;justify-content:flex-start;transition:all .1s linear;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.rat-mainnav .nav-ul>li>ul a+em{position:absolute;right:10px;top:50%;transform:translateY(-50%)}
.rat-mainnav .nav-ul>li>ul ul{position:absolute;left:100%;top:0px;transform:scaleY(0);opacity:0;transition:all .3s ease-in-out;background:#FFFFFFDD;min-width:230px;margin:0px;box-shadow:1px 2px 10px rgba(0,0,0,.1)}
.rat-mainnav .nav-ul ul{list-style:none;padding:0px}
.rat-header-other {
  border: none;
  float: right;
	margin-left: 20px;
  font-size: 24px;
  transition: all .3s;
}
.rat-header-other a.btn-open-nav {
  margin-top: 2px;
  margin-left: 10px;
  float: left;
  text-decoration: none;
}
@media(min-width:1025px){
	.nav-ul>li:hover .submenu{transform:scaleY(1);opacity:1}
	.nav-ul>li .submenu{transform-origin:top;transform:scaleY(0);opacity:0;transition:all .3s ease-in-out}
}
@media(max-width:1280px){
	.rat-mainnav .nav-ul>li>a{font-size:16px;padding:0px 15px}
}
@media(max-width:991px){
	
  .rat-header-other {margin: 10px 0px;}
	.rat-header-other .btn-mobilenav {margin-top: 10px;}
  .mobile-menu-icon {display: block;width: 38px;height: 34px;background: center/contain no-repeat url(../images/icon-bread.svg);}
  .rat-header-main.active .mobile-menu-icon {background-image: url(../images/icon-close-bread.svg);}
	.rat-header-nav::after {content: ''; background-color: #00000099; position: fixed; width: 100%; top: 56px; left: 0px; height: calc(100% - 56px); z-index: -1; display: none;}
	.rat-mainnav{position:fixed;top:56px;right:0px;width:80%;height:calc(100vh - 56px);background:#101d42;flex-direction:column-reverse;transition:all .2s linear;opacity:0;overflow:hidden;visibility:hidden;transform:translateX(80%)}
	.rat-header-main.active .rat-mainnav{opacity:1;overflow:inherit;visibility:inherit;transform:translateX(0)}
	.rat-header-main.active .rat-header-nav::after {display: block;}
	.rat-mainnav .nav-ul{width:100%;flex-direction:column;overflow-y:auto;flex:1;padding-bottom:100px}
	.rat-mainnav .nav-ul>li{height:auto;width:100%}
	.rat-mainnav .nav-ul>li.cur{background:#F3F8FA}
	.rat-mainnav .nav-ul>li.cur .fa-angle-right{transform:rotate(0)}
	.rat-mainnav .nav-ul>li .fa-angle-down{position:absolute;right:5px;top:2px;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;transition:all .1s linear;transform:rotate(-90deg);font-size:20px;}
	.rat-mainnav .nav-ul>li>a{height:auto;padding:10px 15px;margin: 0px; line-height: 25px; font-weight:normal;justify-content:flex-start;}
	.rat-mainnav .nav-ul>li>a.inmenu_1{background: #F3F8FA !important;}
	.rat-mainnav .nav-ul>li:hover>a{background:0 0;color:#fff; font-weight: 600;}
	.rat-mainnav .nav-ul>li:hover>a::after{width:0px}
	.rat-mainnav .nav-ul>li>ul a {line-height: 35px; height: 35px; color: #003894;}
	.rat-mainnav .nav-ul>li>ul{position:static;box-shadow:none;max-width:100%;background:#F3F8FA;display:none;padding:0px 30px}
	.rat-mainnav .nav-ul>li>ul li:hover>a{background:0 0;color:inherit}
	.rat-mainnav .nav-ul>li>ul .fa-angle-right{display:none}
	.rat-mainnav .nav-ul>li>ul ul{position:static;display:block;background:0 0;box-shadow:none;padding:0px 20px; opacity: 1; transform: none;}
	.rat-mainnav .nav-ul .head-left{width:100%;padding:15px;color:#111111;line-height:2}
	.rat-mainnav .nav-ul .head-left .item em{margin-right:5px}
	.rat-mainnav .search-box{width:100%;height:auto}
	.rat-mainnav .search-box .head-search{display:none}
	.rat-mainnav .search-input{position:static;opacity:1;transform:none;visibility:inherit;width:100%;box-shadow:none;padding:4px 10px}
	.rat-mainnav .search-input input{flex:1;border:1px solid #EEEEEE}
	.rat-mainnav .search-input input:focus{border-color:#00429c;}
}
@media(max-width:768px){
	.rat-mainnav{top:56px;height:calc(100vh - 56px)}
}
.rat-header-language {
	font-size: 16px;
	line-height: 55px;
	color: #fff;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	float: right;
}
.rat-header-language:hover a {
	color: #189fd9;
}

/* Banner */
.rat-banner-all{width:100%;height:100vh; position: relative; padding: 0px; margin: 0px 0px 0px; overflow: hidden;}
.rat-banner-all .swiper-container {width: 100%; height: 100%;}
.rat-banner-all .img-m{width:100%;display:none}
.rat-banner-all .picture{width:100%;height:100%;background:no-repeat 50%/cover}
.rat-banner-all .picture:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;z-index:0;background-color:rgba(0,0,0,.1)}
.rat-banner-all .swiper-slide{display:block;position:relative}
.rat-banner-all .swiper-slide.active .tit,.rat-banner-all .swiper-slide.active .title{opacity:1;transform:translateX(0)} 
.rat-banner-all .swiper-slide .rat-banner-txt{ position:absolute; width:100%; top:40%; left:0; transform:translateY(-50%); } 
.rat-banner-all .swiper-slide .rat-banner-txt h3{ color:#fff; text-shadow: rgba(0, 0, 0, 0.5) 0px 2px 5px; font-size:42px;font-family: 'Cairo'; font-weight: 600; line-height:1.6; margin: 12px 0px; transform:translateY(80px); opacity:0; } 
.rat-banner-all .swiper-slide .rat-banner-txt p{ color:#fff; text-shadow: rgba(0, 0, 0, 0.5) 0px 2px 5px; line-height:1.8;font-family: 'Cairo'; font-size:22px; transform:translateY(80px); opacity:0; }
.rat-banner-all .swiper-slide .rat-banner-txt span{ color:#189fd9; text-shadow: rgba(0, 0, 0, 0.5) 0px 2px 5px; line-height:1.8;font-family: 'Cairo'; font-size:18px; transform:translateY(80px); opacity:0; }
.rat-banner-all .swiper-slide.active .rat-banner-txt h3{ transition:all 2s ease .7s; transform:translateY(0); opacity:1; } 
.rat-banner-all .swiper-slide.active .rat-banner-txt p{ transition:all 2s ease 1s; transform:translateY(0); opacity:1; }
.rat-banner-all .swiper-slide.active .rat-banner-txt span{ transition:all 2s ease 1.5s; transform:translateY(0); opacity:1; }
.swiper-pagination {bottom: 20px !important;}
.swiper-pagination-bullet {background: #fff; opacity: 1; width: 8px; height: 8px; margin: 0px 6px !important;}
.swiper-pagination-bullet-active {transform: scale(1.7);-moz-transform: scale(1.7);-webkit-transform: scale(1.7);background-color: #fff;}

.rat-index-promain {
	padding: calc(8vw) 0px calc(7.5vw);
	margin: 0px;
	overflow: hidden;
	position: relative;
}
.rat-index-procolor0 {padding: 80px 0px 90px;}
.rat-index-provideobg {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
.nectar-video-bg {width: 100%; mix-blend-mode: screen;}
.rat-index-promain .container {position: sticky; z-index: 10;}
.rat-index-proimg {
	width: 45%;
	text-align: center;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
.rat-index-proimg img {width: 100%; max-width: 450px; margin: 10px auto;}
.rat-index-protxt {
	width: 50%;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
.rat-index-protxt h3 {
	font-family: Cairo;
	font-size: 38px;
	line-height: 57px;
	font-weight: 300;
	color: #fff;
	padding: 0px;
	margin: 0px 0px 10px;
	overflow: hidden;
}
.rat-index-protxt span {
	display: block;
	font-family: Cairo;
	font-size: 19px;
	line-height: 28px;
	font-weight: 400;
	color: #189fd9;
	padding: 0px;
	margin: 0px 0px 10px;
	overflow: hidden;
}
.rat-index-protxt p {
	display: block;
	font-family: Cairo;
	font-size: 15px;
	line-height: 25px;
	font-weight: 600;
	color: #fff;
	padding: 0px;
	margin: 0px 0px 10px;
	overflow: hidden;
}
.rat-index-protxt a {
	display: inline-flex;
	border: 1px solid #fff;
	border-radius: 20px;
	font-size: 14px;
	line-height: 30px;
	padding: 5px 5px 5px 20px;
	margin: 30px 0px;
	overflow: hidden;
}
.rat-index-protxt a i {
	background-color: #fff;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	text-align: center;
	color: #3b4368;
	padding: 0px;
	margin: 0px 0px 0px 10px;
	overflow: hidden;
}
.rat-index-protxt a:hover {
	background-color: #189fd9;
	border: 1px solid #189fd9;
	color: #fff;
}
.rat-index-protxt a:hover i {
	background-color: #75caee;
}
.rat-index-procolor0 .rat-index-protxt h3, .rat-index-procolor0 .rat-index-protxt p {color: #000;}
.rat-index-procolor0 .rat-index-protxt a {border: 1px solid #000; color: #000;}
.rat-index-procolor0 .rat-index-protxt a i {background-color: #000; color: #fff;}
.rat-index-procolor0 .rat-index-protxt a:hover {
	background-color: #189fd9;
	border: 1px solid #189fd9;
	color: #fff;
}
.rat-index-procolor0 .rat-index-protxt a:hover i {
	background-color: #75caee;
}

.rat-index-appmain {
	background: #010c19;
	background: linear-gradient(to bottom, #010c19 0%, #5f88ad 100%);
	padding: 80px 0px;
	margin: 0px;
	overflow: hidden;
	position: relative;
}
.rat-index-apptitle {
	text-align: center;
	padding: 0px;
	margin: 0px 0px 35px;
	overflow: hidden;
}

.rat-index-apptitle h3 {
	font-family: Cairo;
	font-size: 48px;
	line-height: 57px;
	font-weight: 600;
}
.rat-index-applist {
	padding: 0px;
	margin: 0px;
}
.rat-index-applist ul {
	display: grid;
	column-gap: 30px;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
.rat-index-applist li {
	padding: 0px;
	margin: 0px;
	position: relative;
	transition: transform 0.25s ease-out;
	-webkit-transition: transform 0.25s ease-out;
}
.rat-index-applist li:hover {transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1); box-shadow: 0px  0px 10px #33333366;}
.rat-index-apponetxt {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	line-height: 40px;
	text-transform: uppercase;
	color: #189fd9;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

/* 用户评论 */
.rat-index-askmain {
	background: #2b404e;
	background: linear-gradient(to bottom, #2b404e 0%, #242424 100%);
	padding: 80px 0px;
	margin: 0px;
	overflow: hidden;
	position: relative;
}
.rat-index-askinfo {
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	position: relative;
}
.rat-index-askinfo .swiper-container {padding-bottom: 80px;}
.rat-index-askone {
	font-size: 28px;
	font-weight: 400;
	font-style: italic;
	text-align: center;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}


/* 底部信息 */
.rat-footer-main {background-color: #111111;padding: 0px;margin: 0px;overflow: hidden;}
.rat-footer-top {padding: 50px 0px;margin: 0px;overflow: hidden;}
.rat-footer-topnav {padding: 0px;margin: 0px;overflow: hidden;}
.rat-footer-topnav ul {padding: 0px;margin: 0px 0px 20px;overflow: hidden;}
.rat-footer-topnav li {font-size: 16px;font-family: 'Cairo';line-height: 1.5;color: #189fd9;padding: 0px;margin: 0px;overflow: hidden;}
.rat-footer-topnav dl {padding: 0px;margin: 0px;overflow: hidden;}
.rat-footer-topnav dt {font-size: 16px;font-weight: 400;line-height: 1.5;color: #ccc;padding: 0px;margin: 0px;overflow: hidden;}
.rat-footer-topnav dd {font-size: 14px;line-height: 1.5;color: #999;padding: 0px;margin: 0px;overflow: hidden;}
.rat-footer-topjoin {padding: 0px;margin: 0px;overflow: hidden;}
.rat-footer-topjoin p {font-size: 16px;line-height: 1.8;color: #fff;padding: 0px;margin: 0px 0px 10px;overflow: hidden;}
.rat-footer-topjoin a {display: inline-flex;font-size: 15px;font-family: 'Cairo';background-color: #32373c;color: #189fd9;line-height: 30px;padding: 10px 20px;margin: 0px;overflow: hidden;}
.rat-footer-topjoin a:hover {color: #fff;}
.rat-footer-bottom {border-top: 1px solid #222;padding: 20px 0px;margin: 0px;overflow: hidden;}
.rat-footer-copyright {font-size: 12px;color: #999;line-height: 1.6;padding: 0px;margin: 0px;overflow: hidden;float: left;}
.rat-footer-follow {color: #999;padding: 0px;margin: 0px;overflow: hidden;float: right;}
.rat-footer-follow li {font-size: 20px;padding: 0px 10px;margin: 0px;overflow: hidden;float: left;}


/* 产品页 */
.rat-pro-banner {
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	position: relative;
}
.rat-pro-banner::after {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.3);
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	z-index: 1;
}
.rat-pro-bannertxt {
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	transform: translateY(-45%);
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	z-index: 5;
}
.rat-pro-bannertxt h3 {
	font-family: 'Cairo';
	font-size: 48px;
	line-height: 1.3;
	color: #fff;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
.rat-pro-bannertxt p {
	font-family: 'Cairo';
	font-size: 38px;
	line-height: 1.3;
	color: #189fd9;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
.rat-pro-bannertxt a {
	display: inline-flex	;
	border: 1px solid #189fd9;
	background-color: #189fd9;
	color: #fff;
	border-radius: 20px;
	font-size: 14px;
	line-height: 30px;
	padding: 5px 5px  5px 20px;
	margin: 30px 0px;
	overflow: hidden;
}
.rat-pro-bannertxt a i {
	background-color: #fff;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	text-align: center;
	color: #3b4368;
	padding: 0px;
	margin: 0px 0px 0px 10px;
	overflow: hidden;
}

.rat-pro-sketchmain {
	background-color: #eee;
	padding: 90px 0px 60px;
	margin: 0px;
	overflow: hidden;
}
.rat-pro-sketchinfo {
	display: flex;
	justify-content: space-between;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
.rat-pro-sketchlist {
	width: 50%;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
.rat-pro-sketchlist li {
	color: #000;
	padding: 0px;
	margin: 0px 0px 20px;
	overflow: hidden;
}
.rat-pro-sketchonetxt {
	width: calc(100% - 150px);
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	float: left;
}
.rat-pro-sketchonetxt h3 {
	display: inline-block;
	background-color: #189fd9;
	font-family: 'Cairo';
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	color: #fff;
	border-radius: 20px;
	padding: 5px 35px;
	margin: 0px 0px 10px;
	overflow: hidden;
}
.rat-pro-sketchonetxt p {
	font-family: 'Cairo';
	font-size: 14px;
	line-height: 2;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
.rat-pro-sketchoneimg {
	width: 130px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	float: right;
}
.rat-pro-sketchlist li dl {
	font-family: 'Cairo';
	line-height: 1.8;
}
.rat-pro-sketchlist li dt {
	color: #189fd9;
	font-size: 15px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
.rat-pro-sketchlist li dd {
	color: #666;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
.rat-pro-sketchimg {
	width: 40%;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

/*  */
.rat-pro-effectmain {
	background: #010c19;
	background: linear-gradient(to bottom, #010c19 0%, #5f88ad 100%);
	padding: 80px 0px;
	margin: 0px;
	overflow: hidden;
	position: relative;
}
.rat-pro-pagetitle {
	font-family: Cairo;
	font-size: 48px;
	line-height: 57px;
	font-weight: 600;
	text-align: center;
	padding: 0px;
	margin: 0px 0px 50px;
	overflow: hidden;
}
.rat-pro-effectinfo {
	display: flex;
	justify-content: space-between;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
.rat-pro-effectimg {
	width: 50%;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
.rat-pro-effectimg img {width: 100%;}
.rat-pro-effecttxt {
	width: 45%;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
.rat-pro-effecttxt li {
	padding: 0px;
	margin: 0px 0px 15px;
	overflow: hidden;
}
.rat-pro-effecttxt li h3 {
	display: inline-block;
	background-color: #fff;
	color: #3b4368;
	border-radius: 20px;
	font-family: 'Cairo';
	font-size: 16px;
	font-weight: bold;
	line-height: 25px;
	padding: 5px 30px;
	margin: 0px 0px 5px;
	overflow: hidden;
}
.rat-pro-effecttxt li p {
	font-family: 'Cairo';
	font-size: 14px;
	line-height: 1.8;
	padding: 0px 0px 0px 30px;
	margin: 0px;
	overflow: hidden;
}
.rat-pro-effecttxt li p strong {
	font-size: 15px;
}

/*  */
.rat-pro-reportmain {
	background-color: #eee;
	color: #000;
	padding: 80px 0px 30px;
	margin: 0px;
	overflow: hidden;
}

.rat-pro-reportinfo {
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
.rat-pro-reportinfo ul {
	display: grid;
	column-gap: 50px;
	grid-template-columns: 1fr 1fr;
}
.rat-pro-reportinfo li {
	padding: 0px;
	margin: 0px 0px 50px;
	overflow: hidden;
}
.rat-pro-reportinfo li h3 {
	background-color: #333;
	border-radius: 10px;
	padding: 5px 20px;
	margin: 0px 0px 15px;
	font-family: 'Cairo';
	font-size: 16px;
	font-weight: bold;
	line-height: 25px;
	color: #fff;
	overflow: hidden;
}
.rat-pro-reportinfo li p {
	font-family: 'Cairo';
	font-size: 14px;
	line-height: 1.6;
	color: #666;
	padding: 0px 20px;
	margin: 0px 0px 5px;
	overflow: hidden;
}

@media (max-width: 991px) {
	.pc {display: none;}
	.mobile {display: block;}
	.rat-index-procolor0,.rat-index-appmain,.rat-index-askmain {padding: 35px 0px;}
	.rat-index-provideobg {display: none;}
	.rat-index-proimg,.rat-index-protxt {width: 100%; float: initial !important;}
	.rat-index-protxt h3 {font-size: 24px; font-weight: 600; line-height: 30px; margin-bottom: 25px;}
	.rat-index-protxt p {font-size: 13px; line-height: 1.6;}
	.rat-index-apptitle {margin-bottom: 30px;}
	.rat-index-apptitle h3 {font-size: 32px; line-height: 35px; margin: 0px;}
	.rat-index-applist ul {column-gap: 15px; grid-template-columns: 1fr 1fr;}
	.rat-index-applist li {margin-bottom: 15px;}
	.rat-index-askone {font-size: 16px;}
	.rat-footer-top {padding: 20px 0px;}
	.rat-footer-topnav dl {margin-bottom: 30px;}
	.rat-footer-bottom {padding: 10px 0px;}
	.rat-footer-follow,.rat-footer-copyright {width: 100%; float: initial;}

	.rat-pro-banner {margin-top: 56px;}
	.rat-pro-bannertxt h3 {font-size: 20px;}
	.rat-pro-bannertxt p {font-size: 16px;}
	.rat-pro-bannertxt a {font-size: 12px; margin: 20px 0px 0px;}

	.rat-pro-sketchmain,.rat-pro-reportmain {padding: 30px 0px;}
	.rat-pro-sketchinfo,.rat-pro-effectinfo {display: inline;}
	.rat-pro-sketchlist,.rat-pro-sketchimg,.rat-pro-sketchonetxt,.rat-pro-sketchoneimg,.rat-pro-effectimg,.rat-pro-effecttxt {width: 100%;}
	.rat-pro-sketchonetxt h3 {display: block; text-align: center;}
	.rat-pro-sketchonetxt p {line-height: 1.6;}
	.rat-pro-effectmain {padding: 30px 0px;}
	.rat-pro-pagetitle {font-size: 36px; line-height: 40px; margin-bottom: 25px;}
	.rat-pro-effecttxt {margin-top: 30px;}
	.rat-pro-effecttxt li h3 {display: block; text-align: center;}
	.rat-pro-effecttxt li p {padding: 0px 15px;}
	.rat-pro-reportinfo ul {display: block;}
	.rat-pro-reportinfo li {margin-bottom: 30px;}
}