@charset "utf-8";
/* CSS Document */


*{ margin:0px; padding:0px;}
body{
	width:100%;
	margin:0px;
	padding:0px;
	color:#383634;
	font-size:15px;
	font-family:"Microsoft YaHei","simsun","Helvetica Neue", Arial, Helvetica, sans-serif;

}
html{ overflow-x:hidden;}
.clear{ clear:both;_overflow:hidden;*height:0px;}
img{ border:0px;}
a{ text-decoration:none; color:#383634; }
a:hover{ color:#005bac;}
div, img, ul, li, span, a, p{ margin:0px; padding:0px;}
li{ list-style:none;}
.ds{
	display:block;}
.fl{
	float:left;}
.rl{
	float:right;}
	
#a111 { position:fixed; width:68px; display:block;bottom:0px; right:1%; bottom:5%; z-index:100000000000;}
* html #a111 {position:absolute;} 
#a111 a{ display:block; width:68px; height:50px; border-bottom:1px solid #194a96; line-height:50px; background:#062e6b; color:#fff; text-align:center;}
#a111 a:hover{ display:block; width:68px; height:50px; line-height:50px; background:#005bac; color:#fff; text-align:center;}

.yttop{ width:100%; height:47px; overflow:hidden; margin:0 auto; background:#0a4094; color:#FFF;}
.yttop2{ width:1200px; margin:0 auto;}
.sp01{ background:url(../images/topico3.gif) no-repeat left; padding-left:32px; line-height:47px;}
.sp01 a{ color:#FFF;}
.sp01 a:hover{ color:#FFF; text-decoration:underline;}

.ul01{ width:710px;}
.ul01 li{ float:left; line-height:47px;}
#li01{ background:url(../images/topico1.gif) no-repeat left; padding-left:20px;}
#li02{ background:url(../images/topico2.gif) no-repeat 20px 0; padding-left:40px;}

.barwrap{ width:100%;position:fixed; height:143px;top:0; left:0; right:0; margin-left:auto;margin-right:auto;z-index:10000; background:url(../images/topmenu.jpg) no-repeat top center;}
.fcmenu{ width:1200px; margin:0 auto; height:93px;}

#nav {
	width:690px;
	float:left;
	height:55px;
	line-height:55px;
	margin-top:20px;
	margin-left:26px;
}
#nav li a {
	display: block;
	width: 115px;
	text-align:center;
	font-weight:bold;
	color:#000;
	font-size:16px;
}
#nav li {
 float: left; width:115px;
}
#nav li a:hover{
	text-decoration:none;
	color:#0a4094;
}

#nav li a#cur{
	text-decoration:none;
	color:#0a4094;
}
#nav li ul {
	line-height:45px;
	list-style-type: none;
	text-align:left;
	left: -999em;
	width: 20%;
	position: absolute;
	border-top-style: none;
	overflow:hidden;
	z-index:100000;
}

#nav li ul li{
	float: left;
	width: 100%;
	background: #FFF;filter: Alpha(Opacity=90);
	border-top: none #6b8549;
	border-right: none #6b8549;
	border-bottom: none #6b8549;
	border-left: none #6b8549;
}
#nav li ul li a{
 display: block;
 width: 100%;
 text-align:center;
 font-weight:normal;
 font-size:14px;
}
#nav li ul a:link  {
 color:#333341; text-decoration:none;
}
#nav li ul a:visited  {
 color:#333341;text-decoration:none;
}
#nav li ul a:hover  {
 color:#FFF;text-decoration:none;font-weight:normal;
 background:#0657b0;filter: Alpha(Opacity=70);
 font-size:14px;
}
#nav li:hover ul {
 left: auto;
}
#nav li.sfhover ul {
 left: auto;
}	
.sp02{ color:#0a4094; text-align:right; padding-left:35px; background:url(../images/telpic.gif) no-repeat; line-height:93px; font-size:20px; font-weight:bold;}
.barwrap.on{ animation-name: down; animation-duration: 1s; padding-bottom:25px; padding-top:10px;background:url(../images/navbg.png) repeat; top:0;border-bottom: none;}
.barwrap.on #nav li a:hover{ color:#FFF;}	
/************************/

.xdlabout{ width:100%; margin:0 auto; background:url(../images/aboutbg.jpg) no-repeat top center; padding-bottom:80px; overflow:hidden;}
.ytabout1{ width:1200px; margin:0 auto; margin-top:80px;}
.ytabout1-1{ width:688px; border-radius:30px; box-shadow:10px 10px 10px #CCC; background:#eeeeee; padding:80px 0;}
.ytabout1-1 h1{ display:block; width:85%; margin-left:5%; color:#0a4094; margin-top:50px; font-size:20px; font-weight:normal; float:left;text-transform:uppercase;}
.ytabout1-1 h2{ display:block; width:85%; margin-left:5%; font-size:30px; color:#000; margin-top:10px; float:left;}
.p001{ width:75%; float:left; margin-left:5%; margin-top:20px; line-height:29px; text-align:justify;}
/**************************************************************************************************/

/*数据统计滚动*/
.product-number-info{position: relative;}
.product-number-info .product-number-inner{width: 600px; float:left; margin-top:35px;}
.product-number-info ul{padding:0;}
.product-number-info ul.q:after {content: "";clear: both;display: table;}
.product-number-info li{float: left; width: 200px; height: 50px; text-align:center; color:#0a4094;}
.product-number-info li:first-child{border:none;}
.product-number-info li b{font-size:40px; line-height: 1;display: inline-block; position: relative;}
.product-number-info li b i{font-style: normal;font-family:Impact;}
.product-number-info li b sup{position: absolute; font-size:20px; right: -15px; top: -3px;}
.product-number-info li b em{font-style: normal; font-size: 28px; padding-left: 2px; position:relative; top: -4px;}
.product-number-info li b sub{ font-size:15px;padding-left: 2px; bottom:0;}
.product-number-info li p{font-size: 16px; margin-top:15px;}
.product-number-info li.li-2 b,.product-number-info li.li-2 p{padding-left:0;}
.product-number-info li.li-3 b,.product-number-info li.li-3 p{padding-left:0;}
.product-number-info li.li-3 b,.product-number-info li.li-3 p{padding-left:0;}
.product-number-info li.li-4 b,.product-number-info li.li-4 p{padding-left:50px;}
.product-number-info li.li-5{text-align: center;}
.product-number-info li.li-5 b{padding-right: 2px;}

.ytabout{ width:135px; height:45px; line-height:45px; text-align:center; border-radius:30px; background:#0a4094; color:#FFF; margin-left:5%; margin-top:70px;}
.ytabout:hover{ background:#079dd8; color:#FFF;}
.ytabout1-2{ width:512px; margin-top:50px;}
.cmpimg{ position:relative; float:left; margin-left:-100px; z-index:100000;}
/**********************************************************/



.xdlchanpin{ width:100%; margin:0 auto; height:902px;background:url(../images/chanpinbg.jpg) no-repeat top center;  overflow:hidden;}
.ytchanpin{ width:1200px; margin:0 auto; background:url(../images/chanpinbg2.png) no-repeat bottom right; margin-top:80px;}
.ytchanpin h1{ display:block; width:100%; float:left; color:#FFF; font-size:30px; font-weight:bold;}
.ytchanpin h2{ display:block; width:100%; margin-top:10px; float:left; color:#FFF; font-size:16px; font-weight:normal; margin-bottom:20px;}

.ytchanpin2{ width:1200px; margin:0 auto; margin-top:12px;}
.ytchanpin2 ul{ width:100%; float:left;}
.ytchanpin2 li{ width:30.3333%; border:1px solid #FFF; float:left; margin:1.5%; height:247px; overflow:hidden;}
.cpimg{ width:100%; height:auto;}

.cpdiv01{ width:100%; padding:15% 5%; color:#FFF; display:none !important; position:relative; height:100%; margin-top:-68%; background:#22539e; z-index:10000;}
.cpdiv01 span{ display:block; width:100%; float:left; text-align:center; font-size:18px; font-weight:bold;}
.cpdiv01 p{ width:100%; float:left; line-height:24px; margin-top:5px; margin-top:12px;}

.ytchanpin2 li a:hover .cpdiv01{ display:block !important;}
.cpmore{ width:16%; height:45px; line-height:45px; margin-top:30px; text-align:center; border-radius:30px; background:#0a4094; color:#FFF; margin-left:42%;}
.cpmore:hover{ background:#FFF; color:#0a4094;}

.xdlsp1{ width:100%; display:block !important; float:left; text-align:center; margin-top:60%; line-height:40px; color:#FFF; font-size:20px;}
.xdlsp1 strong{ font-size:35px;}
.xdlsp1 img{ margin-bottom:35px;}

.xdlsp1-1{ display:none !important; width:100%; float:left; margin-top:60%; color:#FFF; font-size:35px; text-align:center;}

.wrapper:hover section:hover .xdlsp1{ display:none !important;}
.wrapper:hover section:hover .xdlsp1-1{ display:block !important;}
/**************************/

.ytyoushi{   padding: 20px;}
.ytys{ display: grid;  grid-template-columns: 1fr 1fr;  gap: 15px;}
.ytzuo1{ width:100%; background:url(../images/zuobg.jpg) no-repeat; padding:8.8rem 0;background-size: 100% 100%; overflow:hidden;}
.ytzuo1 h1{ display:block; width:100%; font-size:1.8rem; text-align:center; float:left;}
.ytzuo1 p{ width:100%; float:left; text-align:center; margin-top:15px; font-size:16px; line-height:26px;}
.ytzuo1 a{ display:block; width:100%; text-align:center; margin-top:50px; font-size:1rem; float:left;}

.ytyou1{ width:100%;}
.ytyou1-1{ width:100%; background:url(../images/yousbg.jpg) no-repeat; padding:6rem 0;background-size: 100% 100%; display: flex; }
.ytyou1-1-1{ width:50%; margin-left:5%;}
.ytyou1-1-1 h1{display:block; width:auto 0; font-size:1.8rem; text-align:left; float:left;}
.ytyou1-1-1 p{ width:100%; float:left; text-align:left; margin-top:15px; font-size:16px; line-height:26px;}
.ytyou1-1-1 a{ display:block; width:100%; text-align:left; margin-top:50px; font-size:1rem; float:left;}


.ytyou1-2{ width:100%; background:url(../images/youxbg.jpg) no-repeat;padding:6rem 0; margin-top:1%;background-size: 100% 100%; display: flex; }
.ytyou1-2-1{ width:50%; margin-left:5%;}
.ytyou1-2-1 h1{display:block; width:100%; font-size:1.8rem; text-align:left; float:left;}
.ytyou1-2-1 p{ width:100%; float:left; text-align:left; margin-top:15px; font-size:16px; line-height:26px;}
.ytyou1-2-1 a{ display:block; width:100%; text-align:left; margin-top:50px; font-size:1rem; float:left;}

#zhanshi img {flex-shrink: 0;}
/*******************************************/

.ytyingyong{ width:100%; margin:0 auto; background:url(../images/yingyongbg.jpg) no-repeat top center;overflow:hidden; padding:80px;}
.ytyingyong2{ width:1200px; margin:0 auto;}
.ytyingyong2 h1{ display:block; width:100%; float:left; text-align:center; font-size:2.25rem;}
.ytyingyong2 p{ width:100%; float:left; text-align:center; font-size:16px; margin-top:15px;}

#byc {
  padding-bottom:3rem;
  width: 100%;
  background: url(../images/bycbg.jpg) no-repeat;
  background-size: cover;
  position: relative;
  z-index: 10;
}
#byc .byc {
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}
.bycs.on {
  width: calc(100% - 742px);
  flex-shrink: 0;
}
#byc .bycs {
  overflow: hidden;
  flex-grow: 1;
  position: relative;
  border-radius: 10px;
}
.bycs .byc_tit {
  position: absolute;
  bottom: 3rem;
  left: 2rem;
  color: #fff;
  line-height: 1.5rem;
  font-size: 1.375rem;
}
.bycs .byc_tit p {
  margin-top: 1.5rem;
}
.bycs {
  transition: .7s;
  width: 235px;
  height: 100%;
}
.byc .bycs img {
  height: 100%;
  transition: .7s;
}
.bycs + .bycs {
  margin-left: 12px;
}
.s_title {
  text-align: center;
}
.s_title h4 {
  color: #1f1f1f;
  font-size: 2.625rem;
  font-weight: 500;
}
.bycs .bl img {
  display: block;
  border-radius: 10px;
}
.bycs > .bl {
  height: 39.125rem;
  background-position: center center !important;
  background-size: cover !important;
}
.s_title p {
  color: #1f1f1f;
  font-size: 1rem;
  margin: 2rem 0 3.75rem;
}
/*********************/

/*************************************/

#xk {
  background: url(../images/anlibg.png)no-repeat;
  background-size: cover;
  width: 100%;
  height: 67.125rem;
  position: relative;
  overflow: hidden;
  margin-top: -2rem;
}
#xk .div-container {
  width: 100%;
}
#xk .text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 11;
  text-align: center;
  color: #fff;
}
#xk .text .title-1 {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 2rem;
}
#xk .text .text-1 {
  font-size: 1.6rem;
  line-height: 2.875rem;
  margin: 1rem 0;
}
#xk .logo-item {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 3;
}
#xk .logo-item li.xy1 {
  right: 47%;
  top: 13%;
  margin-right: -410px;
}
#xk .logo-item li.xy1 i {
  width: 105px;
  height: 105px;
  animation-delay: 14s;
}
#xk .logo-item li.xy2 {
  left: 54%;
  top: 32%;
  margin-left: -300px;
}
#xk .logo-item li.xy2 i {
  width: 120px;
  height: 120px;
  animation-delay: 8s;
}
#xk .logo-item li.xy3 {
  right: 46%;
  top: 40%;
  margin-right: -720px;
}
#xk .logo-item li.xy3 i {
  width: 120px;
  height: 120px;
  animation-delay: 12s;
}
#xk .logo-item li.xy4 {
  left: 51%;
  top: 47%;
  margin-left: -420px;
}
#xk .logo-item li.xy4 i {
  width: 100px;
  height: 100px;
  animation-delay: 10s;
}
#xk .logo-item li.xy5 {
  right: 48%;
  top: 63%;
  margin-right: -510px;
}
#xk .logo-item li.xy5 i {
  width: 118px;
  height: 118px;
  animation-delay: 6s;
}
#xk .logo-item li.xy6 {
  right: 52%;
  top: 45%;
  margin-right: -450px;
}
#xk .logo-item li.xy6 i {
  width: 120px;
  height: 120px;
  animation-delay: 4s;
}
#xk .logo-item li.xy7 {
  left: 77%;
  top: 71%;
  margin-left: -450px;
}
#xk .logo-item li.xy7 i {
  width: 140px;
  height: 140px;
  animation-delay: 16s;
}
#xk .logo-item li.xy8 {
  left: 50%;
  top: 15%;
  margin-left: -510px;
}
#xk .logo-item li.xy8 i {
  width: 120px;
  height: 120px;
  animation-delay: 2s;
}
#xk .logo-item li.xy9 {
  left: 48%;
  top: 40%;
  margin-left: -780px;
}
#xk .logo-item li.xy9 i {
  width: 123px;
  height: 123px;
  animation-delay: 6s;
}
#xk .logo-item li.xy10 {
  left: 54%;
  top: 70%;
  margin-left: -600px;
}
#xk .logo-item li.xy10 i {
  width: 122px;
  height: 122px;
  animation-delay: 10s;
}
#xk .logo-item li.xy11 {
  right: 52%;
  top: 35%;
  margin-right: -250px;
}
#xk .logo-item li.xy11 i {
  animation-delay: 4s;
}
#xk .logo-item li.xy12 {
  right: 67%;
  top: 14%;
  margin-right: -380px;
}
#xk .logo-item li.xy12 i {
  width: 95px;
  height: 95px;
  animation-delay: 14s;
}
#xk .logo-item li {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 1;
}
#xk .logo-item li i {
  position: relative;
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 100%;
  overflow: hidden;
  background: #fff;
  animation: star 16s infinite;
  -webkit-animation: star 16s infinite;
}
#xk .logo-item li img {
  max-width: 100%;
  max-height: 100%;
}
.img-center {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: block;
  width: auto;
  height: auto;
  z-index: 1;
  max-width: 100%;
  max-height: 100%;
}
@keyframes star {
  20% {
    opacity: 0;
    transform: scale(.8);
  }
  40% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes star /*Safari and Chrome*/ {
  20% {
    opacity: 0;
    transform: scale(.8);
  }
  40% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fudong1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes fudong2 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes fudong3 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(2%);
  }
  100% {
    transform: translateY(0);
  }
}
#xk .div-container > img {
  position: absolute;
  right: 15%;
  bottom: 0;
  z-index: 15;
}
/***********************************************/
#newcenter {
  margin-top: -9rem;
  padding-top: 12.25rem;
  width: 100%;
  background: url(../images/xinwenbg.png) no-repeat;
  background-size: cover;
  position: relative;
  z-index: 10;
}
.ytxinwen{ width:1200px; margin:0 auto;}
.ytxinwen1{ width:632px; margin-right:38px;}
.ytxinwen2{ width:530px;}
.ytxinwen2 ul{ width:100%; float:left;}
.ytxinwen2 li{ width:48%; float:left; margin:1%; padding:3%; background:#FFF; cursor:pointer;}
.ytxinwen2 li a{ display:block; width:100%; height:100%; float:left;}
.ytxinwen2 li a h1{ display:block; width:100%; float:left; font-size:20px; font-weight:normal;}
.xinwdiv{ width:100%; margin-top:5rem;}
.sp04{ background:url(../images/riqi.gif) no-repeat; height:15px; line-height:15px; padding-left:30px;}
/***********************************************************/

#foot {
  width: 100%;
  background: #1e1f21;
  background-size: cover;
  position: relative;
  z-index: 10;
  padding-top: 5.5rem;
  color: #fff;
}
.foot_logo {
  margin-bottom: 3rem;
  width: 21.875rem;
  margin-top: -2.25rem;
}
#foot .box1 {
  display: flex;
  justify-content: space-between;
  padding-bottom: 3rem;
  border-bottom: 1px solid #404142;
  position: relative;
}
#foot .box1 .moon {
  position: absolute;
  bottom: -3.375rem;
  left: 50%;
  transform: translate(-50%, 0);
}
#foot .box1 .moon img {
  animation: spins 15s linear infinite;
}
@keyframes spins {
  from {
    transform: rotateZ(0deg);
  }
  to {
    transform: rotateZ(360deg);
  }
}
.foot_tel, .foot_add {
  margin-bottom: 1.75rem;
}
.foot_tel p, .foot_add p {
  font-size: .875rem;
  color: #fff;
  margin-bottom: 2px;
  line-height: 1.5rem;
}
.foot_add span {
  display: flex;
  align-items: center;
  font-size: .9375rem;
  line-height: 1.5rem;
}
#foot .box1 {
  display: flex;
  justify-content: space-between;
  gap: 5rem;
}
#foot .box1 .left {
  display: flex;
  gap: 3.75rem;
}
.foot_tel span {
  font-size: 2.125rem;
  color: #fff;
  font-family: BARLOWCONDENSED-REGULAR;
}
.foot_ewm {
  display: flex;
}
.foot_ewm .ewm {
  margin-right: 2.25rem;
}
.foot_ewm .ewm .pic {
  width: 7.75rem;
  height: 7.75rem;
  position: relative;
  padding: 9px;
}
.foot_ewm .ewm .pic:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 3px;
  top: -2px;
  border: 1px solid rgba(255, 255, 255, .3);
}
.foot_ewm .ewm .pic:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: -2px;
  top: 3px;
  border: 1px solid rgba(255, 255, 255, .3);
}
.foot_ewm .ewm .pic img {
  display: block;
  width: 100%;
  height: 100%;
}
.foot_ewm .ewm p {
  font-size: .875rem;
  color: rgba(255, 255, 255, .6);
  text-align: center;
  margin-top: 0.875rem;
  line-height: 1.125rem;
}
.foot_nav {
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
  max-width: 800px;
}
.foot_nav dt {
  font-size: 1.125rem;
  color: #fff;
  line-height: 1.5rem;
  margin-bottom: 1.75rem;
}
.foot_nav dd {
  font-size: .875rem;
  line-height: 2.0625rem;
  color: rgba(255, 255, 255, 0.45);
  transition: .5s;
}
.foot_share {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 8;
}
.foot_share ul {
  display: flex;
  gap: 8px;
}
.foot_share ul li {
  position: relative;
}
.foot_share ul li .ico {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: .5s;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
}
.foot_share ul li .ico a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.foot_share ul li .ico svg {
  max-height: 20px;
}
.foot_share ul li .ico svg path {
  fill: rgba(255, 255, 255, 0.4);
}
.foot_share ul li .ewmbox {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  width: 9rem;
  left: 0;
  bottom: calc(100% + 1rem);
}
.foot_share ul li:hover .ewmbox {
  opacity: 1;
  visibility: visible;
}
.foot_share ul li .ewm {
  position: relative;
  background: #f8f8f8;
  padding: 5px;
  border: 1px solid #ddd;
  padding-bottom: .25rem;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
}
.foot_share ul li .ewm img {
  width: 100%;
  mix-blend-mode: multiply;
}
.foot_share ul li .ewm p {
  font-size: .8125rem;
  text-align: center;
  color: #666;
  line-height: 1.25;
  padding-bottom: .5rem;
}
.foot_share ul li .ewm:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  transform: rotate(45deg);
  position: absolute;
  z-index: 1;
  background: #f8f8f8;
  left: .75rem;
  top: 100%;
  margin-top: -5px;
}
.foot_share ul li:hover .ico svg path {
  fill: #fff
}
.foot_share ul li:hover .ico {
  border: 1px solid #fff;
}
#foot .box2 {
  display: flex;
  justify-content: space-between;
  margin-top: 1.5rem;
}
#foot .box2 .fwi {
  display: flex;
  gap: 1.0625rem;
  align-items: center;
}
.copyright {
  font-size: .875rem;
  color: rgba(255, 255, 255, .3);
  line-height: 1.5rem;
  text-align: right;
}
.copyright a {
  transition: .3s;
  display: inline-block;
}
.fwi div {
  cursor: pointer;
  position: relative;
}
.fwi div .ewmqrcode {
  display: none;
  border: 1px solid #eee;
  position: absolute;
  z-index: 10;
  top: -110px;
  left: -40px;
  width: 100px;
  height: 100px;
  color: #666;
  font-size: 12px;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 2px 10px #aaa;
  transition: all 200ms;
  -webkit-tansition: all 350ms;
  -moz-transition: all 350ms;
}
.fwi .wx:hover .ewmqrcode, .fwi .qq:hover .ewmqrcode {
  display: block;
}
.online_q {
  position: fixed;
  right: 2rem;
  bottom: 10%;
  z-index: 999;
  transition: .5s;
  -webkit-transition: .5s;
  border-radius: 2.5rem;
  padding: 1.25rem 0;
  opacity: 0;
  transform: translateY(30px);
  visibility: hidden;
}
.online_q.on {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.online_q .close {
  position: absolute;
  right: -1rem;
  font-size: 1rem;
  color: #969797;
  opacity: 1;
  font-weight: normal;
  cursor: pointer;
}
.online_q .btn2 {
  width: 3.125rem;
  height: 3.125rem;
  margin-bottom: 4px;
  background: #003a8e;
  transition: .5s;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
}
.online_q .btn-top {
  padding: 0;
  transition: .5s;
  overflow: hidden;
}
.online_q .btn2 a {
  font-size: 12px;
  color: #fff;
}
.online_q .btn2 span {
  display: flex;
  float: left;
  color: #fff;
  flex-direction: column;
  font-size: .75rem;
  text-align: center;
  width: 3.125rem;
  height: 3.125rem;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 999;
  overflow: hidden;
  transition: .3s;
  -webkit-transition: .3s;
  overflow: hidden;
  flex-shrink: 0;
}
.online_q .open.pic {
  position: absolute;
  background: #eef2f6;
  border-radius: 3px;
  width: 100px;
  height: 100px;
  right: 60px;
  top: 50%;
  margin-top: -50px;
  text-align: right;
  opacity: 0;
  transition: .6s;
  -webkit-transition: .6s;
  visibility: hidden;
}
.online_q .open.pic img {
  width: 80px;
  height: 80px;
  margin-top: 10px;
  margin-right: 10px;
}
.online_q .btn2:hover .open.pic {
  opacity: 1;
  right: 60px;
  visibility: visible;
}
.online_q .open.phone {
  position: absolute;
  background: #eef2f6;
  width: 150px;
  height: 3.125rem;
  border-radius: 3px;
  right: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #529de1;
  top: 0;
  transition: .6s;
  -webkit-transition: .6s;
  opacity: 0;
  visibility: hidden;
}
.online_q .open.phone p {
  color: #003a8e;
  font-family: BarlowCondensed-Regular;
  font-size: 1.5rem;
}
.online_q .btn2:hover .open.phone {
  transition: .5s;
  -webkit-transition: .5s;
  opacity: 1;
  visibility: visible;
}
.online_q .open.pic:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-left: 10px solid #eef2f6;
  position: absolute;
  right: -15px;
  top: 50%;
  margin-top: -10px;
}
.online_q .open.phone:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-left: 10px solid #eef2f6;
  position: absolute;
  right: -15px;
  top: 50%;
  margin-top: -10px;
}
.online_q .btn2:hover {
  background: #003a8e;
}
#gotop {
  background: #003a8e;
}
#gotop.hide {
  height: 0;
  overflow: hidden;
  display: block !important;
}
.foot_nav dd:hover {
  color: #fff;
}
/*****************************/



.neiba {
    overflow: hidden;
    width: 100%;
}
.neiyeba{
    height:350px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}


.ytnymenu{ width:100%; margin:0 auto; height:80px; border-bottom:1px solid #eeeeee; }
.ytnymenu1{ width:1200px; margin:0 auto;}
.sp05{ width:80px; height:80px; background:#0a4094;}
.sp05 img{ display:block; margin:0 auto; margin-top:31.5px;}
.ul02{ width:80%;}
.ul02 li{ line-height:20px; border-right:1px solid #eeeeee; padding:16px 0px; width:20%; float:left; text-align:center;}
.ul02 li a{ font-size:14px;}
.sp06{ line-height:80px; font-size:12px;}
.sp06 a{ color:#0a4094;}
.sp06 a:hover{ color:#0a4094; text-decoration:underline;}
/**********************************************************************************************/

.ytaboutnr{ width:1200px; margin:0 auto; margin-top:50px; margin-bottom:50px;}
.ytaboutnr1{ width:100%; text-align:center; font-size:1.875rem; line-height:40px; text-transform:uppercase;}
.ytaboutnr1 strong{ font-size:2.375rem;}
.ytaboutnr2{ width:100%; line-height:30px; margin-top:30px; text-align:justify; font-size:1rem;}
/***********************************************************************************************/

.ytaboutnr3{ width:100%;margin-top:30px;}
.ytaboutnr3 ul{ width:100%; float:left;}
.ytaboutnr3 li{ width:31.33333%; float:left; margin:1%; border:1px solid #a1a3a4;}
.cpdiv02{ width:100%; padding:3%;}
.cpdiv02 h1{ display:block; width:100%; float:left; font-size:20px; text-align:center;}
.cpdiv02 p{ width:100%; color:#666;float:left; line-height:1.5rem; margin-top:12px;text-align:center; height:45px; overflow:hidden;}
.sp07{ width:100%; line-height:42px; text-align:center; background:#0a4094; color:#FFF; margin-top:15px;}
.ytaboutnr3 li:hover .sp07{ background:#089dd8; color:#FFF;}
/********************************************************************************/

.ytaboutnrproshow{ width:100%; margin-top:30px;padding-bottom:20px;}
.ytaboutnrproshow-1{ width:45%; border:1px solid #a1a3a4;}
.ytaboutnrproshow-1 img{ display:block; width:100%; height:auto;} 
.ytaboutnrproshow-2{ width:50%; margin-left:5%;  }
.ytaboutnrproshow-2 h1{ display:block; width:100%; float:left; font-size:1.5rem;}
.ytaboutnrproshow-2 p{ width:100%; float:left; line-height:28px; font-size:0.925rem; color:#444445; margin-top:15px;}
.sp08{ width:90%; margin-top:100px; line-height:35px; border-left:5px solid #0a4094; padding-left:30px;}
.sp08 strong{ font-size:2.5rem;}

.ytaboutnrproshow2{ width:100%; margin-top:20px;}
.ytaboutnrproshow2 h1{ display:block; width:100%; float:left; font-size:1.5rem; border-bottom:1px solid #a1a3a4; padding-bottom:15px;}
.ytaboutnrproshow2-1{ width:100%; line-height:28px; font-size:0.925rem; margin-top:15px;}
.jishucs{ margin-top:20px;}
/***********************************************************************************/

.ytaboutnr5{ width:100%; margin-top:30px;}
.ytaboutnr5 ul{ width:100%; float:left;}
.ytaboutnr5 li{ width:48%; float:left; margin:1%; padding:3%; background:#eeeeee; border-radius:10px; cursor:pointer;}
.ytaboutnr5 li a{ display:block; width:100%; height:100%; float:left;}
.ytaboutnr5 li a h1{ display:block; width:100%; float:left; font-size:20px; font-weight:normal;}
/*****************************************************************************************/

.ytaboutnr6{ width:100%; margin-top:30px;}
.ytaboutnr6-1{ width:40%;}
.ytaboutnr6-1 h1{ display:block; width:100%; float:left; font-size:1.85rem; text-transform:uppercase; line-height:40px;}
.ytaboutnr6-1 h1 strong{ font-size:2.5rem;}
.ytaboutnr6-1 p{ width:100%; float:left; line-height:35px; font-size:1.15rem; margin-top:50px;}
.ytaboutnr6-1 p strong{ font-size:1.5rem; font-weight:normal;}
.ytaboutnr6-1 p a{ color:#048bc0;}

.ytaboutnr6-2{ width:55%; margin-left:5%;}
.ytaboutnr6-2 img{ width:100%; height:auto;}
/********************************************************************/

.ytmessage{ width:100%; margin-top:30px; background:url(../images/liuyanbg.png) no-repeat top center; padding-top:200px; padding-bottom:50px;}
.ytmessagewrap{ width:1200px; margin:0 auto;}
.ytmessage1{ width:35%; margin-right:5%; color:#FFF;}
.ytmessage1 h1{ display:block; width:100%; float:left; font-size:1.85rem; text-transform:uppercase; line-height:40px;}
.ytmessage1 h1 strong{ font-size:2.5rem;}
.ytmessage1 p{ width:100%; margin-top:30px; line-height:35px; float:left;}
.ytmessage1 p strong{ font-size:2rem;}

.message{width:60%;}
.message .box{  margin-top:0px;}
.message li{ width:100%; float:left; height:47px; margin:10px 0; color:#FFF; }
#liuyan2{ width:100%; height:80px; margin:10px 0; float:left;}
.mklxsp1{ width:16%; line-height:45px; text-align:right;}
.input-text{ width:93%;height:45px; line-height:45px; text-indent:12px; border:1px solid #FFF;float:left; outline:none;color:#FFF;}
.input-text2{ width:93%; background:none; height:80px; line-height:23px; padding-top:10px; font-size:14px;color:#FFF; font-family:Microsoft YaHei; text-indent:12px; border:1px solid #CCC;float:left; outline:none;}
.input-text::placeholder, .input-text2::placeholder{ color:#FFF;}
.mklxsp2{ width:4%; color:#F00; font-size:18px; font-weight:bold;line-height:45px; text-align:right;}


.button00{ width:30%; margin-top:20px; cursor:pointer; background:#079dd8; color:#FFF; text-align:center; float:left; border:none; height:45px; line-height:45px; font-size:20px;}
.button02{ margin-left:30px;}
.button00:hover{ background:#000; color:#FFF;}
/**********************************************************************/

/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#0a4094 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#0a4094 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_ercode{background:#0a4094 url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}

.dc_pages{ width:100%; float:left; margin-bottom:25px; margin-top:25px;}
.dc_pages1{ width:100%; margin:0 auto;}
.dc_pages1 a{ display:block; width:17.5%; float:left; height:37px; border:1px solid #999; margin:0px 10px 0px 10px; line-height:37px; text-align:center;}

.cpshangxia{
	width:100%;
	float:left;
	margin-top:35px;
	margin-bottom:20px;	}		
.shang{
	width:31.8%;
	border:1px solid #CCC;
	text-align:center;
	line-height:35px;
	color:#666;
	font-size:16px;
	cursor:pointer;
	float:left;}	
.shang a:hover{
	color:#193b43;}	
.shang:hover{
	border:1px solid #193b43;
	color:#193b43;}		
.marshang{
	margin-left:1.3%;}