body { background:#fff;}
body,th,td,input,select,textarea,button {font-size:16px; line-height:1.6; font-family:  'Roboto', 'Noto Sans KR'; color:#444;} 
input, select, textarea, button{vertical-align:middle; }
a:link,a:active,a:visited{color:#7d7d7d; text-decoration:none; border:0px;}
a:hover,a:focus{color:#333; text-decoration:none}
ul, li {padding: 0px; margin: 0px; list-style: none;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix {*zoom: 1;}
@media (min-width: 1600px) {
	.container {max-width: 1400px; width: 90%;}
}



.rat-header{position:fixed;left:0;right:0;top:0;z-index:30;padding:0px 0}
.rat-header.on {background-color: rgba(255,255,255,1); box-shadow: 0px 2px 3px rgba(0,0,0,0.2);}
.rat-header.open .btn-menu1 .icon{background:none}
.rat-header.open .btn-menu1 .icon:before{transform:rotate(-45deg);top:0}
.rat-header.open .btn-menu1 .icon:after{transform:rotate(45deg);bottom:0}
.rat-header .container{position:relative;max-width:100%;padding:0 20px}
.rat-header .logo{position:relative;display:block;margin: 0px; overflow:hidden}
.rat-header .logo img {margin: 5px 0px;height:70px;}
/* .rat-header .logo:before,.rat-header .logo:after{position:absolute;left:0;right:0;top:0;bottom:0;content:"";background-image:url('../images/logo.png');background-repeat:no-repeat;background-size:cover;transition:all .2s ease-in-out}
.rat-header .logo:after{background-image:url('../images/logo-lighten.svg');transform:translateY(100%)} */
.rat-header .logo .nocolor {display: block;}
.rat-header .logo .color {display: none;}
.rat-header.on .logo .nocolor {display: none;}
.rat-header.on .logo .color {display: block;}
.rat-header .logo .lighten:before{transform:translateY(-100%)}
.rat-header .logo .lighten:after{transform:translateY(0)}
.rat-header .navbar{position:absolute;right:250px;top:0px;min-height:0;margin:0;padding: 0px;}
.rat-header .navbar .nav{display:flex;flex-wrap:nowrap}
.rat-header .navbar .nav li:hover a{border-bottom: 2px solid #ccc; padding:0 20px;width:auto}
.rat-header .navbar .nav>li{margin-right:10px;position:relative}
.rat-header .navbar .nav>li>a{white-space:nowrap;line-height:78px;padding:0 20px;transition:all .2s ease-in-out;font-size:18px; text-transform:uppercase;display: block; color:#fff;text-align:center}
.rat-header .navbar .nav>li .submenu{list-style:none;padding-left:0;display:none;position:absolute;top:100%;left:0px;background: #fff; max-width: 320px;}
.rat-header.on .navbar .nav>li .submenu {top: 100%; padding: 10px 5px; box-shadow: 0px 2px 3px rgba(0,0,0,0.2);}
.rat-header .navbar .nav>li .submenu>li{text-align:center}
.rat-header .navbar .nav>li .submenu>li a{white-space:nowrap;line-height:40px;padding:0 20px;transition:all .2s ease-in-out;font-size:15px;color:#333;text-align:center; display: block; width: 100%; border-bottom: 2px solid transparent;}
.rat-header .navbar .nav>li .submenu>li:hover a {border-bottom-color: #0080e2;}
.rat-header.on .navbar .nav>li .submenu>li a {color: #333;}
.rat-header .navbar .nav>li .submenu>li a.active{background:transparent;color:#f4a000}
.rat-header .form-search{position:absolute;right:70px;top:50%;transform:translateY(-50%);width:160px;background:rgba(255,255,255,0.6);border-radius:5px;margin-left: 20px; overflow:hidden;}
.rat-header.on .form-search {border: 1px solid #ccc;}
.rat-header .form-search .form-control,.rat-header .form-search .btn{border:none;box-shadow:none;background:none}
.rat-header .choose-lang{position:absolute;top:50%;right:20px;transform:translateY(-50%)}
.rat-header .choose-lang ul{list-style:none;display:flex;padding:0;margin-top:5px; margin-bottom: 0px;}
.rat-header .choose-lang ul li{margin:5px}
.rat-header .choose-lang ul li a{color:#fff;padding:8px;background:rgba(255,255,255,0.1);border-radius:100%}
.rat-header .choose-lang ul li:first-child a{background:rgba(255,255,255,0.5)}
.rat-header .choose-lang .flag{position:relative;display:inline-block;overflow:hidden;width:20px;height:20px;border-radius:100%;vertical-align:top;display:none}
.rat-header .choose-lang .flag.zh-CN img{margin-left:5px}
.rat-header .choose-lang .flag img{position:absolute;left:50%;transform:translateX(-50%);display:block;height:100%}
.rat-header .btn-menu,.rat-header .btn-menu1{position:absolute;left:0;top:50%;transform:translateY(-50%);width:30px;height:30px;z-index:2;border-radius:4px;cursor:pointer;background:#f4a000;transition:all .2s ease-in-out;display:none}
.rat-header .btn-menu .icon,.rat-header .btn-menu1 .icon{position:absolute;top:50%;left:50%;width:15px;height:2px;background:#fff;transform:translate(-50%, -50%);transition:all .2s ease-in-out}
.rat-header .btn-menu .icon:before,.rat-header .btn-menu1 .icon:before,
.rat-header .btn-menu .icon:after,.rat-header .btn-menu1 .icon:after{position:absolute;top:-6px;left:0;right:0;height:2px;content:"";background:#fff;transition:all .2s ease-in-out}
.rat-header .btn-menu .icon:after,.rat-header .btn-menu1 .icon:after{top:auto;bottom:-6px}
.rat-header.on .navbar .nav>li>a {color: #333;}
.rat-header.on .choose-lang ul li a {color: #fff;background: rgba(0,0,0,0.5);}


@media (max-width:960px){
	body{overflow-x:hidden}
	.rat-header{z-index:995; background-color: #fff;}
  .rat-header .logo img {height: 55px;}
  .rat-header .logo .nocolor {display: none;}
  .rat-header .logo .color {display: block;}
	.rat-header.open .navbar{transform:translateX(0)}
	.rat-header.open .choose-lang{opacity:1;pointer-events:all;margin-top:0}
	.rat-header .btn-menu{left:auto;right:15px;z-index:10;display:block}
	.rat-header .btn-menu1{display: none;}
	.rat-header.open .btn-menu{display: none;}
	.rat-header.open .btn-menu1{left:auto;right:15px;z-index:10;display:block}
	.rat-header .choose-lang{left:20px;right:auto;z-index:10;opacity:0;pointer-events:none;margin-top:-10px;transition:all .3s ease-in-out .2s}
	.rat-header .navbar{position:fixed;top:0px;left:0;bottom:0;right:0;z-index:8;height:100vh;padding-top:80px;background:#000;transform:translateX(100%);transition:all .3s ease-in-out}
	.rat-header .navbar .nav{display:block;width: 100%;top: 80px;position: absolute;}
	.rat-header .navbar .nav li a{border-top:solid 1px rgba(255,255,255,0.1);font-size:16px;line-height: 35px; padding:10px 0px;border-radius:0;color: #fff;}
	.rat-header.on .navbar .nav>li>a {color: #fff;}
  .rat-header .navbar .nav li:hover a {padding: 10px 0px;}
  .rat-header .navbar .nav>li {margin-right: 0px;}
	.rat-header .navbar .nav>li .submenu{display: none !important;max-width: 100%; position: inherit;}
	/* .rat-header .navbar .nav>li .submenu>li{display:none} */
	.rat-header .form-search{display:none}
}

.rat-banner {width: 100%;height: 100%;margin-top: 0px;margin-left: auto;margin-right: auto;overflow: hidden;position: relative;}
.rat-banner img {width: 100%;}

.rat-banner .swiper-slide .ind_ban_tex{ position:absolute; width:100%; top:50%; left:0; transform:translateY(-50%); } 
.rat-banner .swiper-slide .ind_ban_tex .containe {width: 100%; padding: 0px 150px;}
.ind_ban_texinfo {max-width: 560px; padding: 0px; margin: 0px; overflow: hidden;}
.rat-banner .swiper-slide .ind_ban_tex .ind_ban_tex_title_en{ font-size:60px; font-family:'Oswald',impact,Arial,sans-serif !important; line-height:1.2; color:#ffffff; text-shadow:3px 0 10px rgba(22, 78, 145, 0.4); transform:translateY(80px); opacity:0; margin-bottom:30px; } 
.rat-banner .swiper-slide .ind_ban_tex .ind_ban_tex_info{ color:#ffffff; line-height:1.8; font-size:16px; text-shadow:3px 0 10px rgba(22, 78, 145, 0.4); transform:translateY(80px); opacity:0; } 
.rat-banner .swiper-slide.active .ind_ban_tex_title_en{ transition:all 2s ease .5s; transform:translateY(0); opacity:1; } 
.rat-banner .swiper-slide.active .ind_ban_tex_info{ transition:all 2s ease 1s; transform:translateY(0); opacity:1; } 
.rat-banner .swiper-button-prev{ background-image:none; border-radius: 50%; left:20px; top:50%; width:64px; height:64px; text-align:center; line-height:64px; color:#ffffff; background-color:rgba(202, 202, 202, 0.3); transition:all .3s ease; } 
.rat-banner .swiper-button-next{ background-image:none; border-radius: 50%; right:20px; top:50%; width:64px; height:64px; text-align:center; line-height:64px; color:#ffffff; background-color:rgba(202, 202, 202, 0.3); transition:all .3s ease; } 
.rat-banner .swiper-button-next.swiper-button-disabled{ background-color:rgba(0, 0, 0, 0.3); } 
.rat-banner .swiper-button-prev.swiper-button-disabled{ background-color:rgba(0, 0, 0, 0.3); } 
.rat-banner .swiper-pagination-bullet{ width:25px; height:5px; background-color:#ffffff; margin:0 14px; opacity:1; color:transparent; border-radius: 0px; } 
.rat-banner .swiper-pagination-bullet-active{ background-color:#0080e2;} 
.rat-banner .swiper-pagination{ font-size:0; }
.rat-banner .swiper-container-horizontal > .swiper-pagination-bullets{ bottom: 30px; z-index: 20;}

.rat-index-promain {
  background-image: url(../images/index-probg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 80px 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-index-proname {
  padding: 0px;
  margin: 0px 30px 0px 0px;
  overflow: hidden;
}
.rat-index-proname h3 {
  font-size: 38px;
  line-height: 1.8;
  font-weight: 300;
  text-transform: uppercase;
  color: #fff;
  padding: 0px;
  margin: 0px 0px 30px;
  overflow: hidden;
  position: relative;
}
.rat-index-proname h3::after {
  content: '';
  width: 100%;
  max-width: 180px;
  height: 2px;
  background-color: rgba(180, 180, 180, 1);
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-index-proname p {
  font-size: 14px;
  line-height: 1.8;
  text-align: justify;
  color: #ccc;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-index-protitlebtn {
  height: 70px;
  padding: 0px;
  margin: 50px 0px 20px;
  overflow: hidden;
  position: relative;
}
.rat-index-promain .c-btnc-next1, .rat-index-promain .c-btnc-prev1 {
  cursor: pointer;
  position: absolute;
  z-index: 2;
  width: 60px;
  height: 60px;
  border: 1px solid rgba(202, 202, 202, 0.3);
  border-radius: 50%;
  box-shadow: 0px 0px 5px 1px rgba(255, 255, 255, 0.13);
  bottom: 5px;
  z-index: 10;
}
.rat-index-promain .c-btnc-prev1 {
  right: calc(8% + 80px);
}
.rat-index-promain .c-btnc-next1 {
  right: 8%;
}
.rat-index-promain .c-btnc-arrow2 {
  background: url(../images/pro_arow2.png) no-repeat;
  position: relative;
  transition: background-image .3s;
  width: 6px;
  height: 11px;
  position: absolute;
  left: 50%;
  margin-left: -3px;
  top: 50%;
  margin-top: -5px;
}
.rat-index-promain .c-btnc-next1 .c-btnc-arrow2 {
  transform: rotate(180deg);
}
.rat-index-promain .c-btnc-next1:hover, .rat-index-promain .c-btnc-prev1:hover {background-color: #0080e2;}

.cy-index-hotprolist {
  width: 90%;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  float: right;
}
.rat-index-promain .cy-index-hotprolist .swiper-slide {
  position: relative;
}
.rat-index-promain .cy-index-hotprolist .swiper-slide .cy-about-culturebg {
  width: 100%;
}
.rat-index-promain .cy-index-hotprolist .swiper-slide .cy-about-culturebg img {
  display: block;
  width: 100%;
}
.rat-index-promain .cy-index-hotprolist .swiper-slide .word {
  width: calc(100% - 500px);
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  float: left;
}
.rat-index-promain .cy-index-hotprolist .swiper-slide .word .tit {
  display: inline-block;
  position: relative;
  color: #fff;
  font-size: 32px;
  font-weight: 400;
  padding-left: 40px;
  padding-right: 40px;
  margin-bottom: 30px;
}
.rat-index-promain .cy-index-hotprolist .swiper-slide .word .tit:before {
  content: '';
  display: block;
  width: 25px;
  height: 25px;
  background: url(../images/about-2icon1.png) no-repeat;
  position: absolute;
  left: 0;
  top: -2px;
}
.rat-index-promain .cy-index-hotprolist .swiper-slide .word .tit:after {
  content: '';
  display: block;
  width: 25px;
  height: 25px;
  background: url(../images/about-2icon2.png) no-repeat;
  position: absolute;
  right: 0;
  top: -2px;
}
.rat-index-promain .cy-index-hotprolist .swiper-slide .word .ms {
  color: #ccc;
  font-size: 16px;
  line-height: 28px;
  height: 300px;
  padding: 0px 5px;
  overflow-y: auto;
}
.rat-index-promain .cy-index-hotprolist .swiper-slide .img {
  width: 480px;
  float: right;
}
.rat-index-promain .cy-index-hotprolist .swiper-slide .img img {
  border-radius: 50%;
  display: block;
  width: 100%;
}
.rat-index-promain .cy-index-hotprolist .sw1 {display: none;}

/* 首页简介 */
.rat-index-aboutmain {
  background-image: url(../images/index-aboutbg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 130px 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-index-aboutinfo {
  width: 95%;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  color: #fff;
}
.rat-index-aboutinfo h3 {
  font-size: 52px;
  line-height: 1.8;
  font-weight: 300;
  text-transform: uppercase;
  padding: 0px;
  margin: 0px 0px 50px;
  overflow: hidden;
  position: relative;
}
.rat-index-aboutinfo h3::after {
  content: '';
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 2px;
  width: 160px;
  background-color: #ccc;
  padding: 0px;
  overflow: hidden;
  display: block;
}
.rat-index-aboutinfo .txt {
  line-height: 1.8;
  font-size: 14px;
  text-align: justify;
  padding: 0px;
  margin: 0px 0px 50px;
  overflow: hidden;
}
.rat-index-aboutinfo a {
  padding: 0.3em 1.5em;
  color: #fff;
  background: #00295c;
  overflow: hidden;
  border-radius: 5px;
  position: absolute;
  margin-top: 0rem;
  height: 28px;
}

/* 首页新闻 */
.rat-index-newsmain {
  background-image: url(../images/index-newsbg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  padding: 80px 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-index-newsimginfo {
  width: 95%;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-index-newsimg {
  border-radius: 10px;
  padding: 0px;
  margin: 0px 0px 10px;
  overflow: hidden;
}
.rat-index-newsimg img {width: 100%;}
.rat-index-newstitle {
  padding: 0px;
  margin: 0px 0px 0px 0px;
  overflow: hidden;
}
.rat-index-newstitle h3 {
  font-size: 38px;
  line-height: 1.8;
  font-weight: 300;
  text-transform: uppercase;
  color: #fff;
  padding: 0px;
  margin: 0px 0px 40px;
  overflow: hidden;
  position: relative;
}
.rat-index-newstitle h3::after {
  content: '';
  width: 100%;
  max-width: 180px;
  height: 2px;
  background-color: rgba(180, 180, 180, 1);
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-index-newslist {
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-index-newslist li {
  padding: 0px 0px 25px;
  margin: 0px 0px 25px;
  border-bottom: 1px solid #fff;
  overflow: hidden;
}
.rat-index-newstxt {
  padding: 0px;
  margin: 0px;
  color: #fff;
  overflow: hidden;
}
.rat-index-newstxt h3 {
  font-size: 16px;
  font-weight: 300;
  line-height: 2;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-index-newstxt p {
  font-size: 12px;
  text-align: left;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-index-newsbtn {
  padding: 0px;
  margin: 20px 0px 0px;
  overflow: hidden;
}
.rat-index-newsbtn a {
  background-color: #00295c;
  font-size: 14px;
  font-weight: 300;
  line-height: 30px;
  color: #fff;
  border-radius: 5px;
  padding: 0px 20px;
  margin: 0px;
  overflow: hidden;
  display: inline-block;
}
.rat-index-newsbtn:hover a {background-color: #0080e2;}

/*网站底部*/
.rat-footer-all { width:100%; background:#1A1A1A; padding-top:60px ; color:#959393; font-size:14px; }
.f_nav{ border-top:1px solid #313131; border-bottom:1px solid #262626;overflow: hidden;}
.f_logo{ padding:10px 0;}
.f_logo img {height: 60px;}
.f_nav_list li{ float:left; width:100px; text-align:center;}
.f_nav_list li a{ display:block; color:#ffffff; line-height:80px; font-size:15px;}
.f_nav_list li a:hover{ color:#4678bd}
.f_Inf{ padding:30px 0; border-bottom:1px solid #262626; background:url(../images/f_map.png) no-repeat center;overflow: hidden;}
.f_copy,.f_copy a{ color:#666; line-height:24px;}
.f_tel{ background:url(../images/f_tel.png) no-repeat center right; padding-right:70px; color:#ffffff; text-align:right; height:70px; padding-top:5px;}
.f_tel span{ display:block; font-weight:bold; font-size:24px;}
.f_yqlj{ padding:30px 0 15px 0; color:#666;}
.f_yqlj a{ color:#666;}
.f_desc{ color:#444; line-height:50px;}


/* 内页开始 */
.rat-ny-banner {
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  position: relative;
}
.rat-ny-banner img {width: 100%;}
.rat-nybanner-txt {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  font-size: 42px;
  font-weight: 300;
  line-height: 1.8;
  color: #fff;
  text-align: center;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-nybanner-txt::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 50px;
  height: 2px;
  background-color: #fff;
  transform: translateX(-50%);
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-ny-breadcrumb {
  background-color: #f0f0f0;
  padding: 10px 1%;
  margin: 0px;
  overflow: hidden;
}
.rat-ny-breadcrumb .breadcrumb {
  font-size: 16px;
  line-height: 45px;
  color: #000;
  font-weight: 300;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.breadcrumb-item.active {color: #000;}
.rat-ny-maininfo {
  padding: 60px 0px;
  margin: 0px;
}

.rat-ny-title {
  padding: 0px;
  text-align: center;
  margin: 0px 0px 50px;
  overflow: hidden;
  position: relative;
}
.rat-ny-title span {
  font-size: 72px;
  color: #f9f9f9;
  line-height: 80px;
  text-transform: uppercase;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.rat-ny-title h2 {
  font-size: 32px;
  line-height: 40px;
  padding: 0px;
  margin: 40px 0px 10px;
  overflow: hidden;
}
.rat-ny-title p {
  font-size: 12px;
  line-height: 20px;
  width: 100%;
  max-width: 720px;
  padding: 0px;
  margin: 0px auto;
  overflow: hidden;
}
.rat-ny-editor {
  font-size: 16px;
  line-height: 2;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}

/* 产品展示 */
.rat-ny-proleft {
  width: 340px;
  padding: 0px 20px 50px;
  margin: -10rem 0px 0px;
  background-image: url(../images/pronavbg.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  overflow: hidden;
  float: left;
  position: sticky;
  z-index: 5;
}
.rat-ny-pronavtitle {
  width: 100%;
  height: 50px;
  line-height: 45px;
  margin-bottom: 2rem;
  margin-top: 4rem;
  padding: 0px 10px;
  text-transform: uppercase;
  font-size: 50px;
  color: #fff;
  font-weight: bold;
  overflow: hidden;
}
.rat-ny-pronavlist {
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-ny-pronavlist li {
  padding: 0px 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-ny-pronavlist li i {
  float: right;
  font-size: 18px;
  line-height: 30px;
  color: #fff;
}
.rat-ny-pronavlist li a {
  display: block;
  font-size: 16px;
  font-weight: 300;
  line-height: 30px;
  padding: 10px 15px;
  color: #fff;
}
/*.rat-ny-pronavlist li:hover a,*/.rat-ny-pronavlist li.active a {background-color: rgba(0,0,0,0.5);}
.rat-ny-pronavlist li ul {display: none;}
.rat-ny-pronavlist li ul li {
  color: #000;
  line-height: 40px;
}
.rat-ny-pronavlist li ul li .point_class {
  font-weight: bold;
  font-size: 20px;
  float: left;
  padding: 0 10px;
  color: #000;
}
.rat-ny-pronavlist li ul li a {
  font-size: 14px;
  line-height: 40px;
  padding: 0px 15px;
}
/*.rat-ny-pronavlist li:hover ul li a,*/.rat-ny-pronavlist li.active ul li a {
  background-color: inherit;
}
/*.rat-ny-pronavlist li ul li:hover a,*/.rat-ny-pronavlist li ul li.active a {background-color: rgba(0,0,0,0.5);}
/* .rat-ny-pronavlist li:hover a i,*/.rat-ny-pronavlist li.active a i {transform: rotate(270deg);}
/*.rat-ny-pronavlist li:hover ul,*/.rat-ny-pronavlist li.active ul {display: block;}

.rat-ny-proright {
  width: calc(100% - 370px);
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  float: right;
}
.rat-ny-prolist {
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-ny-proone {
  width: calc(33.33333% - 30px);
  border: 1px solid #eee;
  padding: 0px;
  margin: 10px 15px 20px;
  overflow: hidden;
  position: relative;
  float: left;
}
.rat-ny-proone::after {
  content: '';
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 0px;
  height: 2px;
  background-color: rgb(0, 41, 92);
  transition: all .5s ease;
}
.rat-ny-proonetitle {
  position: relative;
  text-align: center;
  padding: 0 20%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #000;
  font-size: 1rem;
  height: auto;
  line-height: 2;
  padding-top: 20px;
  width: 100%;
  transition: all .5s ease;
}
.rat-ny-proonetitle::before {
  content: '';
  position: absolute;
  left: -170px;
  top: -70px;
  width: 140px;
  height: 140px;
  background-color: rgb(0, 41, 92);
  transform: rotate(45deg);
  transition: all .5s ease;
}
.rat-ny-proonetitle .search {
  position: absolute;
  left: 10px;
  top: 10px;
  display: block;
  width: 20px;
  height: 20px;
  color: #fff;
}
.rat-ny-prooneimg {
  width: 100%;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-ny-prooneimg img {
  width: 100%;
  transition: all 1s;
}
.rat-ny-proonemore {
  width: 100%;
  padding: 1rem 0 2rem;
  text-align: center;
  font-size: 14px;
  color: rgb(0, 41, 92);
  font-family: Oswald;
}
.rat-ny-proonemore .fa {transition: .5s;}
.rat-ny-proone:hover {box-shadow: 0 0 20px #ddd;}
.rat-ny-proone:hover::after {width: 100%;}
.rat-ny-proone:hover .rat-ny-proonetitle::before {left: -100px;}
.rat-ny-proone:hover .rat-ny-prooneimg img {transform: scale(1.1);}
.rat-ny-proone:hover .rat-ny-proonemore .fa {
  margin-left: 5px;
}

.cy-products-details {
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
.cy-products-detailsimg {
	width: 48%;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	float: left;
}
.cy-products-detailsimg .pro-showimg {
	border: 1px solid #eee;
	padding: 10px;
	margin: 0px;
	overflow: hidden;
}
.cy-products-detailstxt {
	width: 48%;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	float: right;
}
.cy-products-detailstxt h1 {
	font-size: 24px;
	padding: 0px;
	margin: 0px 0px 10px;
	overflow: hidden;
}
.cy-products-detailstxtsummy {
	background-color: #666;
	border-radius: 10px;
	color: #fff;
	padding: 20px;
	margin: 0px 0px 20px;
	overflow: hidden;
}
.cy-products-detailstxtsummy h3 {
	font-size: 20px;
	line-height: 24px;
	font-weight: 600;
	padding: 0px;
	margin: 0px 0px 10px;
	overflow: hidden;
}
.cy-products-detailstxtsummy p {
	font-size: 16px;
	font-weight: 300;
	line-height: 25px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
.cy-products-detailstxtinfo {
	color: #333;
	padding: 10px;
	margin: 0px;
	overflow: hidden;
}
.cy-products-detailstxtinfo h3 {
	font-size: 20px;
	line-height: 24px;
	font-weight: 600;
	padding: 0px;
	margin: 0px 0px 10px;
	overflow: hidden;
}
.cy-products-detailstxtinfo p {
	font-size: 16px;
	line-height: 25px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
.cy-products-detailstxtdown {
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
.cy-products-detailstxtdown a {
	background: -webkit-linear-gradient(left, #0083ca, #10c74b);
	background: -o-linear-gradient(left,#0083ca, #10c74b);
	background: -moz-linear-gradient(left,#0083ca, #10c74b);
	background: -ms-linear-gradient(left,#0083ca, #10c74b);
	color: #fff;
	font-size: 16px;
	line-height: 30px;
	padding: 5px 20px;
	border-radius: 30px;
	display: inline-block;
	overflow: hidden;
}
.cy-products-detailsdown {
  padding: 0px;
  margin: 50px 0px 0px;
  overflow: hidden;
}
.cy-products-detailstitle {
  border-bottom: 1px solid #ddd;
  padding: 0px;
  margin: 0px 0px 30px;
  overflow: hidden;
}
.cy-products-detailstitle h4 {
  display: inline-flex;
  background-color: #102749;
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  font-weight: 600;
  padding: 10px 50px;
  margin: 0px;
  overflow: hidden;
}
.cy-products-detailsinfo {
  font-size: 14px;
  line-height: 25px;
  font-weight: 300;
  padding: 0px 10px;
  margin: 0px;
  overflow: hidden;
}
.cy-products-detailsinfo img {width: 100%;}
table,table tr th, table tr td { border:1px solid #ccc; padding: 2px 5px; width: initial;}
table { min-height: 25px; line-height: 25px; font-size: 14px; border-collapse: collapse; width: 100%;}

/* 新闻与下载 */
.rat-ny-leftinfo {
  width: 280px;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  float: left;
}
.rat-ny-leftinfo a {
  display: block;
  padding: 10px 20px!important;
  background: #00295c!important;
  color: #fff;
  border-radius: 5px;
  font-size: 14px;
  text-transform: uppercase;
  margin: 0px;
  line-height: 25px;
  overflow: hidden;
}
.rat-ny-leftinfo a i {
  background-image: url(../images/left-dot.png);
  background-size: cover;
  background-repeat: no-repeat;
  transform: rotate(270deg);
  padding: 0px;
  margin: 5px 0px 0px;
  width: 15px;
  height: 15px;
  float: right;
}
.rat-ny-mainright {
  width: calc(100% - 320px);
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  float: right;
}
.rat-ny-newslist {
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-ny-newslist li {
  display: flex;
  border-top: 1px solid #ddd;
  padding: 30px 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-ny-newslist li a {
    width: 100%;
  display: flex;
}
.rat-news-onedate {
  width: 120px;
  position: relative;
}
.rat-news-onedate p {
  font-size: 32px;
  font-weight: 300;
}
.rat-news-onedate span {
  font-size: 16px;
  line-height: 40px;
  color: #ccc;
  margin: 30px 0px 0px;
  padding: 3px 10px;
  overflow: hidden;
}
.rat-news-oneinfo {
  position: relative;
  width: calc( 100% - 120px);
  transition: all .5s ease;
  padding: 0 0px 0 60px;
  font-weight: 300;
  display: flex;
}
.rat-news-oneinfo::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 1rem;
  display: block;
  width: 40px;
  height: 1px;
  background: #aaa;
  transition: all .5s ease;
}
.rat-news-onetxt {
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  float: left;
}
.rat-news-onetxt h3 {
  display: block;
  width: 100%;
  font-size: 1rem;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rat-news-onetxt p {
  line-height: 24px;
  height: 48px;
  font-size: 0.875rem;
  overflow: hidden;
  color: #999;
  transition: 600ms;
}
.rat-news-oneimg {
  width: 350px;
  padding: 0px;
  margin: 0px 0px 0px 10px;
  overflow: hidden;
  float: right;
}
.rat-news-oneimg img {width: 100%;}
.rat-ny-newslist li:hover .rat-news-onedate span {
  border-color: #303030;
  margin-top: 10px;
  background: #303030;
  color: #fff;
}
.rat-ny-newslist li:hover .rat-news-oneinfo {
  padding-left: 80px;
}
.rat-ny-newslist li:hover .rat-news-oneinfo::before {
  width: 60px;
}
.rat-news-detailsinfo {
	width: 100%;
	font-weight: 300;
	margin: 0 auto;
	padding-top: 0px;
}
.rat-news-detailsinfo p{
margin:0;
line-height: 24px;
margin-bottom: 10px;
}

.rat-news-detailsinfo p img{
padding:20px 0;
margin-bottom: 10px;
width: 70%;
display: block;
margin:0 auto;
/*height: 100%;*/
}
.news_list1_title1{
font-size:12px;
color:#000;
}
.news_list1_title1 span{
	display: inline-block;
font-size:12px;
background:#0068b7;
color:#fff;
padding:0 5px;
margin-right:20px;
}
.news_list1_title2{
margin-top:20px;
font-size:22px;
color:#0068b7;
margin-bottom: 25px;
}
.news_list1_txt1{
padding:20px 0;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
margin-bottom: 10px;
}
.news_list1_txt1 h5{
text-align: left;
font-size:20px;
color:#000;
padding-left:20px;
position: relative;
margin-bottom: 30px;
}
.news_list1_txt1 h5 span{
position: absolute;
top:5px;
left:0;
width:12px;
height:12px;
border:2px solid #0068b7;
border-radius: 50%;
}
.news_list1_img2{
margin-top:20px;
margin-bottom: 30px;
}
.news_list1_back{
margin-top:30px;
text-align: right;
padding: 30px 0px;
border-top:1px solid #ccc;
}
.news_list1_back a{
display: inline-block;
width:60px;
height:60px;
line-height: 60px;
border:1px solid #0068b7;
border-radius: 50%;
color:#333;
font-size:14px;
text-align: center;
}
.news_list1_btn{
padding:20px 0;
border-top: 1px solid #ccc;
}
.news_list1_prev{
width:50%;
float:left;
text-align: left;
position:relative;
}
.news_list1_prev a{
    width: 100%;
    display: block;
position: relative;
padding-left:50px;
}
.news_list1_next{
width:50%;
float:left;
text-align: right;
position:relative;
}
.news_list1_next a{
    width: 100%;
    display: block;
position: relative;
padding-right:50px;
}
.news_list1_prev_bg{
position: absolute;
	top: -5px;
	left: 0;
}
.news_list1_prev_bg span{
position: absolute;
top:0;
left:0;
width:30px;
height:30px;
border:1px solid #0068b7;
border-radius: 50%;
}
.news_list1_prev_bg img{
position: absolute;
	top: -3px;
	left: 6px;
	max-width: initial;
}

.news_list1_next_bg{
	position: absolute;
	top: -5px;
	right: 30px;
}
.news_list1_next_bg span{
position: absolute;
top:0;
left:0;
width:30px;
height:30px;
border:1px solid #0068b7;
border-radius: 50%;
}
.news_list1_next_bg img{
	position: absolute;
	top: -3px;
	left: -10px;
	max-width: initial;
}

.rat-down-main {
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-down-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  color: #00295c;
  border-bottom: 1px solid #ddd;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-down-title span {
  display: block;
  padding: 5px 10px;
  text-transform: uppercase;
  margin: 0px;
  overflow: hidden;
  text-align: center;
  float: left;
}
.rat-down-title span:nth-child(1) {width: 50%;}
.rat-down-title span:nth-child(2) {width: 15%;}
.rat-down-title span:nth-child(3) {width: 20%;}
.rat-down-title span:nth-child(4) {width: 15%;}
.rat-down-list {
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-down-list li {
  font-size: 16px;
  line-height: 30px;
  font-weight: 300;
  border-bottom: 1px solid #ddd;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-down-list li span {
  display: block;
  padding: 20px 10px;
  margin: 0px;
  overflow: hidden;
  float: left;
}
.rat-down-list li span:nth-child(1) {width: 50%; text-align: left;}
.rat-down-list li span:nth-child(2) {width: 15%; text-align: center;}
.rat-down-list li span:nth-child(3) {width: 20%; text-align: center;}
.rat-down-list li span:nth-child(4) {width: 15%; text-align: center;}

/* 联系我们页面 */
.rat-contact-map {
	width: 100%;
	height: 420px;
	font-size: 14px;
	line-height: 1.8;
	border: 1px solid #ddd;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
  z-index: 20;
}
.rat-contact-info {
	padding: 0px;
	margin: 0px;
	display: flex;
	position: relative;
	z-index: 20;
}
.rat-contact-infoleft {
  background-image: url(../images/pronavbg.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
	color: #FFF;
	width: 500px;
	padding: 50px;
	margin-top: -150px;
  z-index: 25;
}
.rat-contact-infoleft h3 {font-size: 46px; line-height: 1.5; padding: 0px; margin: 0px 0px 35px; overflow: hidden;}
.rat-contact-infotxt {
	font-size: 16px;
	line-height: 2;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
/* 在线留言 */
.rat-contact-inforight{flex: 1;	padding-left: 50px;	padding-top: 50px;}
.rat-contact-inforight h3 {font-size: 32px; line-height: 1.5; padding: 0px; margin: 0px 0px 15px; overflow: hidden;}
.rat-contact-inforight .row_small{margin-left:-10px;margin-right:-10px;overflow:hidden;}
.rat-contact-inforight .row_small li{padding-left:10px;padding-right:10px;width:100%; border: 1px solid #eee; margin-bottom:20px;}
.rat-contact-inforight .row_small .li-fill{width: 100%;}
.rat-contact-inforight .enquiry_label{padding:24px 8px 8px;display:block;position:relative;user-select:none;background: #fff;}
.rat-contact-inforight .enquiry_inp{background:0 0;border:none;outline:0;color:inherit;height:20px;display:block;width:100%;font-size:inherit;box-shadow:none}
.rat-contact-inforight textarea.enquiry_inp{height:auto;resize:none}
.rat-contact-inforight .required_span{position:absolute;height:20px;line-height:20px;left:8px;top:15px;display:block;pointer-events:none;transition:.1s;opacity:.8;font-size:14px;}
.rat-contact-inforight .enquiry_inp:focus+.required_span,.rat-contact-inforight .enquiry_label.js-select-open .required_span{top:4px;font-size:12px;}
.rat-contact-inforight .enquiry_inp[required]+.required_span::before{content:"*";color:red}
.rat-contact-inforight .enquiry_label.active .required_span{top:4px;opacity:.6;font-size:12px;}
.rat-contact-inforight .enquiry_btn_box{text-align:center;padding:20px 0;}
.rat-contact-inforight .enquiry_btn_box .read_more_a{background:0 0}
.rat-contact-inforight .required_tips{margin:0;position:absolute;right:20px;top:0;font-size:12px;display:none;pointer-events:none;padding:0 8px;}
.rat-contact-inforight .enquiry_label.errors .required_tips{display:block}
.rat-contact-inforight .enquiry_label.errors{border-color:#d90000;color:#d90000;}

@media (max-width: 991px) {
  .rat-banner {margin-top: 65px;}
  .rat-footer-all {padding: 0px;}
  .rat-banner .swiper-button-prev, .rat-banner .swiper-button-next {display: none;}
  .rat-banner .swiper-slide .ind_ban_tex .containe {padding: 0px 10px;}
  .rat-banner .swiper-slide .ind_ban_tex .ind_ban_tex_title_en {font-size: 18px; margin-bottom: 10px;}
  .rat-banner .swiper-slide .ind_ban_tex .ind_ban_tex_info {font-size: 12px; line-height: 1.5; display: none;}
  .rat-footer-all .f_nav, .rat-footer-all .f_tel {display: none;}
  .rat-index-promain {padding: 30px 0px;}
  .rat-index-proname h3,.rat-index-aboutinfo h3,.rat-index-newstitle h3 {font-size: 24px; margin-bottom: 15px;}
  .rat-index-proname h3::after,.rat-index-aboutinfo h3::after,.rat-index-newstitle h3::after {max-width: 80px;}
  .rat-index-proname p {font-size: 12px; line-height: 1.5;display: none;}
  .rat-index-protitlebtn {display: none;}
  .cy-index-hotprolist {width: 100%;}
  .rat-index-promain .cy-index-hotprolist{width:100%;padding-bottom: 0px;}
  .rat-index-promain .cy-index-hotprolist .swiper-slide .word{width:100%;margin:0 auto;}
  .rat-index-promain .cy-index-hotprolist .swiper-slide .word .tit{font-size:18px;padding:0;text-align: center;width:100%; margin-bottom: 10px;}
  .rat-index-promain .cy-index-hotprolist .swiper-slide .word .tit:before,.rat-index-promain .cy-index-hotprolist .swiper-slide .word .tit:after{display: none;}
  .rat-index-promain .cy-index-hotprolist .swiper-slide .word .ms {font-size: 12px; line-height: 1.8; height: inherit;}
  .rat-index-promain .cy-index-hotprolist .swiper-slide .img{width: 100%; text-align: center; padding: 0px; margin: 0px 0px 0px ;overflow: hidden;}
  .rat-index-promain .cy-index-hotprolist .swiper-slide .img img{width: auto; height: 160px; margin: auto;}
  .rat-index-promain .cy-index-hotprolist .swiper-slide .word p{height:120px;overflow-y: scroll;margin-bottom: 20px;margin-top:300px;}
  .rat-index-promain .cy-index-hotprolist .swiper-slide .word p::-webkit-scrollbar {width:3px;height:1px;}
  .rat-index-promain .cy-index-hotprolist .swiper-slide .word p::-webkit-scrollbar-thumb {background:#E70012;}
  .rat-index-promain .cy-index-hotprolist .swiper-slide .word p::-webkit-scrollbar-track {background:#EBEBEB;}
  .rat-index-promain .cy-about-culturetitle{position:relative;right:auto;top:auto;margin-bottom: 20px;text-align: center;width:100%;}
  .rat-index-aboutmain {padding: 30px 0px;}
  .rat-index-aboutinfo {width: 100%; margin-bottom: 25px;}
  .rat-index-aboutinfo .txt {font-size: 12px; line-height: 1.5; margin-bottom: 0px;}
  .rat-index-aboutinfo a {width: 100%; text-align: center; position: inherit;}
  .rat-index-aboutimg img {width: 100%;}
  .rat-index-newsmain {padding: 30px 0px; background-size: auto 100%;}
  .rat-index-newsimginfo {display: none;}
  .rat-index-newslist li {padding-bottom: 5px; margin-bottom: 5px;}
	.rat-contact-info {display: inherit;}
	.rat-contact-infoleft {width: 100%; margin: 10px 0px 0px; padding: 10px;}
	.rat-contact-infoleft h3 {font-size: 38px; line-height: 1.5; margin-bottom: 15px;}
	.rat-contact-infotxt {font-size: 14px; line-height: 1.6;}
	.rat-contact-infotxt p {margin-bottom: 5px;}
	.rat-contact-inforight {padding: 20px 0px 0px; margin: 0px;}
	.rat-contact-inforight .row_small {margin: 0px;}
	
	.rat-ny-banner {margin-top: 65px;}
	.rat-nybanner-txt {font-size: 26px;}
	.rat-ny-breadcrumb {padding: 5px 1%;}
	.rat-ny-breadcrumb .breadcrumb {font-size: 14px; line-height: 30px;}
	.rat-ny-maininfo {padding: 30px 0px;}
	.rat-ny-title {margin-bottom: 25px;}
	.rat-ny-title span {font-size: 48px; line-height: 60px;}
	.rat-ny-title h2 {font-size: 26px;margin: 25px 0px 5px;}
	.rat-ny-editor {font-size: 14px; font-weight: 300; line-height: 1.8;}
	.rat-ny-leftinfo {display: none;}
	.rat-ny-mainright {width: 100%; float: inherit;}
	.rat-ny-newslist li {padding: 10px 0px;}
	.rat-news-onedate {width: 100px;}
	.rat-news-oneinfo {width: calc(100% - 100px); padding-left: 10px;}
	.rat-news-oneinfo::before {display: none;}
	.rat-ny-newslist li:hover .rat-news-oneinfo {padding-left: 0px;}
	.rat-news-oneimg {display: none;}
	
	.rat-ny-proleft {width: 100%; float: inherit; margin: 20px 0px 0px; padding: 0px 10px 30px;}
	.rat-ny-proright {width: 100%; float: inherit;}
	.rat-ny-proone {margin: 0px 5px 10px; width: calc(50% - 10px);}
	.rat-ny-proonemore {padding: 5px 0px 10px;}
	.cy-products-detailsimg,.cy-products-detailstxt {width: 100%; float: inherit;}
	.cy-products-detailstxt h1 {font-size: 18px; margin: 20px 0px 10px;}
	.cy-products-detailstxtsummy {padding: 10px; border-radius: 5px;}
	.cy-products-detailstxtsummy h3 {font-size: 16px;}
	.cy-products-detailstxtsummy p {font-size: 14px; line-height: 22px;}
	.cy-products-detailsdown {margin: 0px;}
	.cy-products-detailstitle h4 {font-size: 15px; line-height: 20px; padding: 5px 20px;}
	.rat-ny-pronavtitle {font-size: 32px; line-height: 35px; height: 35px; margin: 30px 0px 15px;}
	.rat-ny-pronavlist li a {font-size: 15px; line-height: 25px; padding: 5px 10px;}
	.rat-ny-pronavlist li ul li a {font-size: 12px; line-height: 30px;}
	.rat-ny-pronavlist li ul li {line-height: 30px;}
}