﻿.wapper{ width:1200px; margin:0 auto;}
.boxmpope{
				display: none;
				position: fixed;
				left: 0;
				top: 0;
				bottom: 0;
				right: 0;
				background: rgba(0,0,0,.6);
				z-index: 9999999999;
				width: 100%;
				height: 100%;
				transform: scale(2);
			}
			.boxmpope .bolilmlsdsadsadsa{
				width: 299px;
				height: 203px;
				position: relative;
				position: absolute;
				left: 50%;
				top: 50%;
				transform: translate(-50%,-50%);
				border-radius: 10px;
			    background: #fff;
			   text-align: right;	
			}
			.boxmpope .bolilmlsdsadsadsa>img{
        display: inline-block;
				width: 95px;
				height: 179px;
				padding-top: 24px;
				padding-right: 10px;
			}
			.boxmpope .bolilmlsdsadsadsa>p{
				position: relative;
				position: absolute;
				left: 44px;
				top: 52px;
				width: 137px;
				height:79px;
				background: #44f0ff;
				z-index: 4;
				border-radius: 10px;
			}
			.boxmpope .bolilmlsdsadsadsa>p>span{
				display: block;
				width: 116px;
				font-size: 10px;
				color: #333636;
				line-height: 20px;
				margin-top: 12px;
				margin-left: 9px;
				text-align: center;
				overflow: hidden;
			}
			.boxmpope .bolilmlsdsadsadsa>p:before{
				position: absolute;
				right: -33px;
				top: 7px;
				content: '';
				border-style: solid;
            	border-width: 19px 13px 34px 19px;
           		border-color: transparent  transparent  #44F0FF transparent;
            	width: 0px;
            	height: 0px;
            	transform: rotate(87deg);
            	z-index: -1;
			} 
/*头*/
.nav {
 
  z-index: 10;
  height: 70px;
  width: 1200px;
  margin: 0 auto;
  /* margin-bottom: 456px; */
  text-align:center;

 
}
.nav1 {
  position: fixed;
  top:0px;
  z-index: 10;
  height: 70px;
  width: 100%;
  margin: 0 auto;
  /* margin-bottom: 456px; */
  text-align:center;
  background-color: #ffffff;
  border-style: solid;
    border-width: 0.2rem 0.2rem 0.04rem 0.2rem;
    border-color: transparent transparent rgb(192, 190, 190) transparent;
 
}
.nav .cpm {
  float: left;
  width: 240px;
  height: 60px;
  margin-top: 10px;
}
.logo1 {
  width: 181px;
  height: 60px;
  float: left;
}
.logo{
  width: 181px;
  height: 60px;

}
.bxt {
  width: 160px;
  height: 60px;
  float: left;
  padding-top:10px;
}
.ci {
  letter-spacing:6px;
  font-size:16px;
  color: #0096ff;
  line-height:30px;
}
.ci1 {
  width: 160px;
  height: 20px;
  float: left;
  line-height:10px;
  font-size:5px;
  color: #0096ff;
}
.right-jumt{
  width: 110px;
  height: 80px;
  background-color:#0096ff;
  border-radius:5px;
  float:left;}
 
.right-jumt p{
  color:#fff;
  font-size:17px;
  line-height:40px;
}
.nav h1 {
margin-right: 61px;
  float: left;
width: 152px;
	height:70px;
  margin-top: 16px;
}
.nav h1 .logo {
   width:60px;
}
.nav h1 .logotext { 
   width:80px;
}

.nav h1:hover {
  cursor: pointer;
}
.nav>ul>li {
  position: relative;
  margin-top: 28px;
  float: left;
  margin-right:56px;
  font-size: 17px;
  height: 41px;
  color: #2c2c2c;
 
}
#li:hover{

  color: #0096ff;
 
}
.nav>ul>li:last-child{
	margin-right: 0;
        color: #0096ff;
}
.nav>ul>li:hover {
 cursor: pointer;
}
.nav>ul>li:last-child{
  margin-right: 0;
}
.nav>ul>li:first-of-type {
   margin-left: 50px;
 
}
.nav > ul li a{
	font-size: 17px;
	 color: #2c2c2c;
         padding-bottom: 8px;
}
.nav > ul li .list {
  position: absolute;
  left: -27px;
  top: 40px;
  z-index: 999;
  width: 140px;
  background: #000f38;
  border-radius:12px;
  display: none;
}
.nav > ul li .list>ul>li{
	padding: 11px 0;
	text-align: center;
}
.nav > ul li .list>ul>li>a{
	font-size: 16px;
	color: #fff;
  padding: 0;
  margin: 0;
  padding-bottom: 13px;
  border-bottom: 2px solid #cccfd7;
}
.nav > ul li .list>ul>li:last-child>a{
	border-bottom:none;
}
.nav > ul li .list>ul>li>a:hover{
   color:#1adced;
}
.nav > ul li:first-of-type p{
  margin-right: 6px;
  float: left;
  text-align: center;
  font-size: 12px;
}
.nav > ul li:nth-of-type(3) span{
  font-size: 20px;
}
.nav > ul li:nth-of-type(4) span{
  font-size: 20px;
}
.nav > ul li.active>a{
  border-bottom: 2px solid #0096ff;
  cursor: pointer;
}
.nav > ul li:last-of-type span{
  display: block;
  float: left;
}

.autoplay {
  position: absolute;
  top:50px;
  width: 100%;
  height: 561px;
  background-color: #5c5c5c;
}
.autoplay .layui-carousel .nkmoldfg>img{
	width: 100%;
	height: 559px;
}
.autoplay>img{
	width: 100%;
	height: 560px;
}
.autoplay .advertising {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 1200px;
  height: 520px;
  margin: 0 auto;
  z-index: 5;
}
.autoplay .advertising .adver {
  margin-top: 179px;
  margin-left: 100px;
}
.autoplay .advertising .adver h3 {
  font-size: 32px;
  color: #676464;
  margin-bottom: 40px;
}
.autoplay .advertising .adver ul {
  overflow: hidden;
  width: 511px;
}
.autoplay .advertising .adver ul li {
  float: left;
  font-size: 22px;
  margin-right: 16px;
  margin-bottom: 17px;
  color: #676464;
}
.autoplay .advertising .adver a {
  display: block;
  width: 143px;
  height: 44px;
  border: 1px solid #1adced;
  background-color: #1adced;
  border-radius: 5px;
  font-size: 20px;
  color: #fff;
  text-align: center;
  line-height: 44px;
  margin-top: 56px;
}
.autoplay .advers{
         width: 1200px;
	position: absolute;
        top:36%;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
          margin: 0 auto;
    letter-spacing: 8px;
    z-index: 2;
}
.autoplay .advers h4{
	font-size: 43px;
	color: #fff;
	text-align: center;
	margin-bottom: 34px;
}
.autoplay .advers p{
	font-size: 35px;
	color: #fff;
	text-align: center;
}

.fotter {
  margin-top: 44px;
  height: 330px;
}
.fotter .foot {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  padding-bottom:40px;
}
.fotter .foot > ul {
  float: left;
  padding-top: 43px;
}
.fotter .foot > ul li {
  margin-bottom: 12px;
  font-size: 14px;
  color: #fff;
}
.fotter .foot > ul li:first-of-type {
  margin-bottom: 26px;
  font-size: 20px;
}
.fotter .foot ul:first-of-type {
  margin-right: 60px;
  margin-top:15px;
}
.fotter .foot ul:first-of-type>li{
letter-spacing: 2px;
}
.fotter .foot ul:first-of-type li:first-of-type {
  color: #21aec2;
}
.fotter .foot ul:first-of-type li:last-of-type .qqsc {
  margin-left: 0;
  overflow: hidden;
}
.fotter .foot ul:first-of-type li:last-of-type .qqsc li {
  float: left;
  margin-right: 14px;
}
.fotter .foot ul:nth-of-type(2) {
  margin-right:75px;
}
.fotter .foot ul:nth-of-type(2) li p {
  margin-bottom: 16px;
  font-size: 20px;
                     color: #fff;
}
.fotter .foot ul:nth-of-type(2) li p:last-of-type {
  margin-bottom: 0;
}
.fotter .foot ul:nth-of-type(2) li:last-of-type {
  margin-bottom: 0;
}
.fotter .foot ul:nth-of-type(3) {
  margin-right:74px;
}
.fotter .foot ul:nth-of-type(4) {
  margin-right:74px;
}
.fotter .foot ul:nth-of-type(3) a {
  font-size: 20px;
  color: #fff;
  margin-bottom: 15px;
}
.fotter .foot ul:nth-of-type(3) a:last-of-type {
  margin-bottom: 0;
}
.fotter .vx {
  float: left;
  padding-top: 43px;
}
.fotter .vx h4 {
  font-size: 21px;
  color: #fff;
  margin-bottom: 32px;
}
.fotter .vx p {
  width: 178px;
  height: 181px;
  background: rgba(0,0,0,0);
  margin-bottom: 20px;
}
.fotter .vx p img {
  width:90%;
height:90%;
}
.fotter > p {
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 13px;
  color:#ccc;
  background: #102844;

}

.fotter 
{
  margin-top: 44px;

  background-color:#102844;
  width:100%;
  float: left;
}
.f-1{
  width:30%;
  height: 414px;
  float:left;
    
}
.f-2{

  width:70%;
  height: 414px;

  float:left;
    
}
.shang{
  width:100%;
  height: 360px;
}
.xia{
  width:100%;
  height: 30px;
  margin-top:20px;

}
.dhhm{
  width:30%;
  height: 80px;
color:#ccc;
float:left;
font-size:14px;

}
.yx{
  width:30%;
  height: 80px;
  float:left;
  color:#ccc;
  font-size:14px;
}
.zhong{

  width:100%;
  height: 1px;
  background-color:#ffffff;
  margin-top:20px;


}
.shang ul{
  width:100%;
  height: 80px;
}
.shang ul li{
   float:left;
  width:18%;
  height: 80px;
  margin-left:16px;
  line-height:80px;
  color:#fff;
  font-size:18px;

}
.zlcp{
  width:100%;
  height: 240px;

}
.zlcp p{
  line-height:40px;
  font-size:14px;
  color:#ccc;

}
.f-1-b{
  width:100%;
  height: 50px;
 
  margin-top:20px;

}
.f-1-ewm{

  width:100%;
  height: 200px;


}
.ewm1-1{
  width:165px;
  height: 200px;
  background-color:#ffffff;
  margin-top:40px;


}
.ewm1-1-1{
  width:145px;
  height: 145px;
  background-color:#505050;
  margin-left:10px;
  top:10px;
  position: relative;

}
.ewm1-1 img{
  width:100%;
  height:100%;
}
.wxgzh{
  font-size:16px;
  line-height: 60px;
  color:#494b4c;
  margin-left:40px;
 
}
.f-1-wz{

  width:100%;
  height: 110px;
  
  margin-top:45px;
}
.f-1-wz p{


  font-size:14px;
  line-height:30px;
  color:#ccc;
}
.f-1-logo{

  width:20%;
  height: 100%;

  float:left;
}
.f-1-mc{
  width:80%;
  height: 100%;
  float:left;
  font-size:22px;
}
.f-1-mc p{
  line-height:48px;
  color:#fff;
}
.fotter-1{
  width:1200px;
  height: 100%;
  margin:0 auto;

}

