#banner { position: relative;}
.navbox{ position: absolute; margin: 0px; left: 0px; top: 0px; text-align: center;z-index: 999999;width: 100%;}
.nav {  z-index: 999999;  width: 1300px; margin: 0px auto; }
.nav .logo { float: left; padding: 80px 0px 0px 30px;min-width: 260px; height: 80px; width: 400px;}

.gray .nav .logo { background: url("../images/logob.png") no-repeat center center; width: 260px;height: 80px;}
.white .nav .logo {background: url("../images/logoa.png") no-repeat center center; width: 260px;height: 80px;}
.shense .nav .logo {background: url("../images/logoc.png") no-repeat center center; width: 260px;height: 80px;}


/*登录*/
.langbox{display:inline-block; margin-top:30px; width: 150px; height: 27px; position: relative;}
.gray .but-zcdl{color:rgba(0,0,0,0.8);background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0.8); font-size: 14px; width: 50px; display:inline; border-radius: 5px; margin-left: 25px;}
.gray .but-zcdl:hover{color:rgba(17,107,234,1);background:rgba(255,255,255,0.5);border:1px solid #116bea;}

.white .but-zcdl{color:rgba(255,255,255,0.6);background:rgba(255,255,255,0);border:1px solid rgba(255,255,255,0.6); font-size: 14px; width: 50px; display:inline; border-radius: 5px; margin-left: 25px;}
.white .but-zcdl:hover{color:rgba(17,107,234,1);background:rgba(255,255,255,0.8);border:1px solid #116bea;}

.shense .but-zcdl{color:rgba(255,255,255,0.6);background:rgba(255,255,255,0);border:1px solid rgba(255,255,255,0.6); font-size: 14px; width: 50px; display:inline; border-radius: 5px; margin-left: 25px;}
.shense .but-zcdl:hover{color:rgba(17,107,234,1);background:rgba(255,255,255,0.8);border:1px solid #116bea;}

/*鼠标移动弹出*/

#clickMe1{
	position:relative;}
#alert1 {
    width: 400px;
    height: 185px;
    text-align: center;
    background:rgba(255, 255, 255, 0.9);
    font-size: 18px;
    position: absolute;
	display:none;
	z-index:9999;
	color:#000;
	border-radius:10px;
	font-weight:bold;
	padding: 20px 10px;
}
.xcxsm{ width: 190px; font-size: 14px; line-height: 30px;}
.xcxtxt{ width: 190px; text-align:left;}
.xcxtxt p{ font-size: 14px; line-height: 30px;}




.nav-link { float: right; font-size: 0; width:800px;}
.nav-link li { display: inline-block; font-size: 16px;}
.nav-link .menu_titlea { display: block; height: 22px; padding: 30px 20px 5px 20px; line-height: 22px; font-size: 16px;font-family:"微软雅黑"}

.Drop{ position: relative;font-size: 16px;font-family:"微软雅黑"}
.nav-link .Drop .menu_title span {font-size: 14px;}
.gray .nav-link .Drop .menu_title { color: #333; display: block; height: 22px; padding: 10px 20px; line-height: 22px; font-size: 16px;font-family:"微软雅黑"}
.white .nav-link .Drop .menu_title{ color: #fff; display: block; height: 22px; padding: 10px 20px; line-height: 22px; font-size: 16px;font-family:"微软雅黑"}
.shense .nav-link .Drop .menu_title{ color: #fff; display: block; height: 22px; padding: 10px 20px; line-height: 22px; font-size: 16px;font-family:"微软雅黑"}

.gray .nav-link .Drop .menu_title:hover{ color: #0068b7; display: block; height: 22px; padding: 10px 20px; line-height: 22px;}
.white .nav-link .Drop .menu_title:hover{ color: #abd1ec; display: block; height: 22px; padding: 10px 20px; line-height: 22px;}
.shense .nav-link .Drop .menu_title:hover{ color: #abd1ec; display: block; height: 22px; padding: 10px 20px; line-height: 22px;}

.Drop .DropDownb{display: none; position: absolute; text-align: center;font-family:"微软雅黑"}
.Drop:hover .DropDownb{display:block; position:absolute; left: -50px;}
.Drop .menu_title:hover{color: #abd1ec;}
.nav-link .Drop:hover .DropDownb .DropDown_con{ border-radius: 10px; width: 220px; padding:15px 0px; margin-top:20px;font-size: 14px;font-family:"微软雅黑";}
.nav-link .Drop:hover .DropDownb .DropDown_con a{ height: 30px; line-height:30px; display: block;font-size: 14px;font-family:"微软雅黑"}

.gray .nav-link .Drop:hover .DropDownb .DropDown_con{background-color: #1b1f23;font-size: 14px;font-family:"微软雅黑"}
.white .nav-link .Drop:hover .DropDownb .DropDown_con {background-color: #ffffff;font-size: 14px;font-family:"微软雅黑"}
.shense .nav-link .Drop:hover .DropDownb .DropDown_con {background-color: #ffffff;font-size: 14px;font-family:"微软雅黑"}

.gray .nav-link .Drop:hover .DropDownb .DropDown_con a{color: #cfcfcf;font-size: 14px;font-family:"微软雅黑"}
.white .nav-link .Drop:hover .DropDownb .DropDown_con a{color: #1b1f23;font-size: 14px;font-family:"微软雅黑"}
.shense .nav-link .Drop:hover .DropDownb .DropDown_con a{color: #1b1f23;font-size: 14px;font-family:"微软雅黑"}
.nav-link .Drop:hover .DropDownb .DropDown_con a:hover{color: #f38400;font-size: 14px;font-family:"微软雅黑"}



.gray .nav-link .menu_titlea { color: #333;}
.white .nav-link .menu_titlea { color: #fff;}
.shense .nav-link .menu_titlea { color: #fff;}
.nav-link .menu_titlea:hover { color: #abd1ec;}

.swiper-container { z-index: 1; width: 100%; min-width: 1300px;}
.swiper-slide { background-position: 50% 0; display: block; height: 670px; background-color: #e4f9fa; width: 100%;}
.swiper-container-horizontal > .swiper-pagination-bullets { bottom: 24px;}

.swiper-pagination-bullet { width: 6px; height: 6px; border-width: 1px; border-style: solid; opacity: 1;}

.gray .swiper-pagination-bullet { border-color: #666; background-color: #666;}
.gray .swiper-pagination-bullet-active { background-color: transparent;}

.white .swiper-pagination-bullet { border-color: #fff; background-color: #fff;}
.white .swiper-pagination-bullet-active { background-color: transparent;}

.shense .swiper-pagination-bullet { border-color: #fff; background-color: #fff;}
.shense .swiper-pagination-bullet-active { background-color: transparent;}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 8px;}

/*  banner   */
.banner-img{ width:1300px; margin:0px auto;position:relative; height: 670px;display: block;}
.banner-img-c{ margin-top:120px; height:459px; position:relative;}
.banner-left{ width:750px; height:459px; }
.banner-right{ width:459px; height:459px; position:relative;}
.banner-left2{ width:750px; height:459px; }
.banner-right2{ width:459px; height:459px; position:relative;}


/*360度旋转的 圆*/
.yuana{ position:absolute; z-index:970;  top:0px; right: 0px; width:459px; height:459px; background: url("../images/yuanbj.png");}
#xuanzhun{
 -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 40s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 40s;
    -webkit-animation: rotate 40s linear infinite;
    -moz-animation: rotate 40s linear infinite;
    -o-animation: rotate 40s linear infinite;
    animation: rotate 40s linear infinite;
}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(360deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(360deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(360deg)}
}

.wxico{ width:400px; height:400px; position:absolute; top:40px; left:0px; z-index:971; animation: spinBall 12s ease-in-out infinite;
 }
@keyframes spinBall {
  0% {
    transform: rotate(-80deg);
  }
  50% {
    transform: rotate(-100deg);
  }
  100% {
    transform: rotate(-80deg);
  }
}

.wxico::before {
  content: "";
  position: absolute;
  top:180px;
  right:0px;
  width: 62px;
  height:62px;transform: rotate(90deg);
  border-radius: 50%;
  background: url("../images/ws.png");
}

.dianxin{ width:600px; height:600px; position:absolute; top:40px; left:0px; z-index:971; animation: spinBall 12s ease-in-out infinite;
 }
@keyframes spinBall {
  0% {
    transform: rotate(-60deg);
  }
  50% {
    transform: rotate(-85deg);
  }
  100% {
    transform: rotate(-60deg);
  }
}

.dianxin::before {
  content: "";
  position: absolute;
  top:120px;
  right:0px;
  width: 100px;
  height:100px;transform: rotate(60deg);
  border-radius: 50%;
  background: url("../images/dianxin.png");
}


.xcx{ width:400px; height:400px; position:absolute; top:0px; left:0px; z-index:971; animation: xcxspinBall 12s ease-in-out infinite;
 }
@keyframes xcxspinBall {
  0% {
    transform: rotate(-25deg);
  }
  50% {
    transform: rotate(-05deg);
  }
  100% {
    transform: rotate(-25deg);
  }
}

.xcx::before {
  content: "";
  position: absolute;
  top:180px;
  right:0px;
  width: 62px;
  height:62px;transform: rotate(45deg);
  border-radius: 50%;
  background: url("../images/xcx.png");
}


.liantong{ width:400px; height:400px; position:absolute; top:0px; left:0px; z-index:971; animation: xcxspinBall 12s ease-in-out infinite;
 }
@keyframes xcxspinBall {
  0% {
    transform: rotate(-25deg);
  }
  50% {
    transform: rotate(-05deg);
  }
  100% {
    transform: rotate(-25deg);
  }
}

.liantong::before {
  content: "";
  position: absolute;
  top:180px;
  right:0px;
  width: 100px;
  height:100px;transform: rotate(45deg);
  border-radius: 50%;
  background: url("../images/liantong.png");
}
.ocr{ width:400px; height:400px; position:absolute; top:90px; left:0px; z-index:971; animation: ocrspinBall 12s ease-in-out infinite;
 }
@keyframes ocrspinBall {
  0% {
    transform: rotate(-145deg);
  }
  50% {
    transform: rotate(-125deg);
  }
  100% {
    transform: rotate(-145deg);
  }
}

.ocr::before {
  content: "";
  position: absolute;
  top:180px;
  right:0px;
  width: 62px;
  height:62px;transform: rotate(140deg);
  border-radius: 50%;
  background: url("../images/ocr.png");
}

.yidong{ width:400px; height:400px; position:absolute; top:90px; left:-20px; z-index:971; animation: ocrspinBall 12s ease-in-out infinite;
 }
@keyframes ocrspinBall {
  0% {
    transform: rotate(-145deg);
  }
  50% {
    transform: rotate(-125deg);
  }
  100% {
    transform: rotate(-145deg);
  }
}

.yidong::before {
  content: "";
  position: absolute;
  top:180px;
  right:0px;
  width: 100px;
  height:100px;transform: rotate(140deg);
  border-radius: 50%;
  background: url("../images/yidong.png");
}




.index1{background:url(../images/index1.png) no-repeat 100% 100%; width:184px; height:239px; position: absolute;z-index: 983;top: 10px; left: 10px;}
@keyframes index1 {
 0% {
  transform: scale(1.1);
 }
 25% {
  transform: scale(1);
 }
 50% {
  transform: scale(1.1);
 }
 75% {
  transform: scale(1);
 }
 100% {
  transform: scale(1.1);
 }
}
.index1 {
 opacity: 0;
 -webkit-animation: index1 3s ease-out;
 -moz-animation: index1 3s ease-out;
 animation: index1 3s ease-out;
 -webkit-animation-iteration-count: infinite;
 -moz-animation-iteration-count: infinite;
 animation-iteration-count: infinite;
			}


.index2{background:url(../images/index2.png) no-repeat 100% 100%; width:370px; height:337px; position: absolute;z-index: 983;bottom: 10px; right: 10px;}

.index3{position: absolute;z-index: 990; top:310px; left:100px; animation: index3 6s ease-in-out infinite;
 }
@keyframes index3 {
  0% {
    transform: rotate(-145deg);
  }
  50% {
    transform: rotate(-125deg);
  }
  100% {
    transform: rotate(-145deg);
  }
}

.index3::before {
  content: "";
  position: absolute;
  bottom:0px;
  left:0px;
  width: 93px;
  height:72px;
  transform: rotate(140deg);
  border-radius: 50%;
  background: url("../images/index3.png");
}

.index4{background:url(../images/index4.png) no-repeat 100% 100%; width:669px; height:108px; position: absolute;z-index: 990; top:40px; right:85px;}

.index5{background:url(../images/index5.png) no-repeat 100% 100%; width:420px; height:460px; position: absolute;z-index: 980; top: 25px; right: 5px;}

.index6{background:url(../images/index6.png) no-repeat 100% 100%; width:70px; height:130px; position: absolute;z-index: 990; top:70px; left:175px;}






.pho{ width:158px; height:330px;background: url("../images/pho.png"); position:absolute; left:150px; top:100px; z-index:971;animation: pho 5s scale;  }
/*定义一个名字为topeaseinAnimate动画，实现从页面的右边淡入页面效果*/
@keyframes pho{
    0%{ transform: translateY(80px); opacity: 0;}
	
    50%{ transform: translateY(0px); opacity: 1;} 
	
	100%{ transform: translateY(80px); opacity: 0;} 
}

.pho1{ width:200px; height:199px;background: url("../images/fuhao.png"); position:absolute; left:115px; top:110px; z-index:951;animation: pho1 10s scale;  }
/*定义一个名字为topeaseinAnimate动画，实现从页面的右边淡入页面效果*/
@keyframes pho1{
    0%{ transform: translateY(150px); opacity: 0;}
	
    50%{ transform: translateY(0px); opacity: 1;} 
	
	100%{ transform: translateY(150px); opacity: 0;} 
}
.putongAA{background:url(../images/putongAA.png) no-repeat 100% 100%; width:159px; height:140px; position: absolute;z-index: 980; bottom:0px; left: 159px;}
.putong{background:url(../images/putong.png) no-repeat 100% 100%; width:159px; height:140px; position: absolute;z-index: 973; bottom:0px; left: 0px;}
.putongBB{background:url(../images/putongBB.png) no-repeat 100% 100%; width:159px; height:140px; position: absolute;z-index: 973; bottom:0px; right:-10px;}
.kapian{background:url(../images/kapian.png) no-repeat 100% 100%; width:152px; height:96px; position: absolute;z-index: 973; bottom: 140px; left: -30px;}


.renico{background:url(../images/renico.png) no-repeat 100% 100%; width:102px; height:140px; position: absolute;z-index: 973; bottom:-20px; right: 140px;}
.newico{background:url(../images/newico.png) no-repeat 100% 100%; width:83px; height:50px; position: absolute;z-index: 980; bottom:0px; left: 100px;}
.dianico{background:url(../images/dianico.png) no-repeat 100% 100%; width:28px; height:19px; position: absolute;z-index: 973; bottom:40px; right:130px;}
.aico{background:url(../images/@ico.png) no-repeat 100% 100%; width:63px; height:39px; position: absolute;z-index: 973; bottom:80px; right:140px;}
.biaoico{background:url(../images/biaoico.png) no-repeat 100% 100%; width:107px; height:142px; position: absolute;z-index: 973; bottom:60px; left: 65px;}
.xinico{background:url(../images/xinico.png) no-repeat 100% 100%; width:41px; height:51px; position: absolute;z-index: 973; top: 170px; left: 120px;}
.new1ico{background:url(../images/new1ico.png) no-repeat 100% 100%; width:81px; height:82px; position: absolute;z-index: 973; bottom: 160px; right: 130px;}
.zhengico{background:url(../images/zhengico.png) no-repeat 100% 100%; width:80px; height:98px; position: absolute;z-index: 973; top: 120px; right:130px;}



    
/*视频*/
.sqsybj{ width: 1300px; margin: 0px auto; margin-top:150px;}


.video-left{max-width:660px; z-index:9990; padding-left: 20px; padding-top: 70px;}
.video-left .titletxta{ font-size:60px; line-height:90px; color:rgba(0,0,0,1); display:block;letter-spacing:10px; font-weight: bold;}
.video-left .titletxtb{ font-size:40px; line-height:50px; color:rgba(0,0,0,0.7); display:block;letter-spacing:2px; font-weight: bold;}
.video-left .txtsm{ font-size:25px; line-height:40px; display:block;color:rgba(0,0,0,0.5); margin-top:20px;letter-spacing:3px;}


.video-right{ width:740px; height:459px; position:relative;}

.videosp{ width:740px; height:450px; -webkit-box-shadow: 0px 0px 80px rgba(0, 0, 0, 1); box-shadow: 0px 0px 80px rgba(0, 0, 0, 1); border-radius: 10px;}

#video {
	width:700px;
	height:450px;
	position: relative;
	border: 10px solid #000000;
	margin: 5px;
	border-radius: 10px;
}

#video video {
	width:100%;
	height:380px;
	border-radius: 10px;
	overflow: hidden;
}

.VideoBtn {
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	width: 70px;
	height: 70px;
	margin-left: -35px;
	margin-top: -35px;
	cursor: pointer;
	z-index: 10;
}

.bantxt{max-width:550px; z-index:9990; padding-left: 20px; padding-top: 40px;}
.bantxt .titletxta{ font-size:70px; line-height:90px; color:rgba(255,255,255,1); display:block;letter-spacing:2px; font-weight: bold;}
.bantxt .titletxtb{ font-size:40px; line-height:50px; color:rgba(255,255,255,0.7); display:block;letter-spacing:2px; font-weight: bold;}
.bantxt .txtsm{ font-size:25px; line-height:40px; display:block;color:rgba(255,255,255,0.5); margin-top:20px;letter-spacing:3px;}



.banner-left{max-width:700px; z-index:9990; padding-left: 20px; padding-top: 70px;}
.banner-left .titletxta{ font-size:60px; line-height:90px; color:rgba(0,0,0,1); display:block;letter-spacing:10px; font-weight: bold;}
.banner-left .titletxtb{ font-size:40px; line-height:50px; color:rgba(0,0,0,0.7); display:block;letter-spacing:2px; font-weight: bold;}
.banner-left .txtsm{ font-size:25px; line-height:40px; display:block;color:rgba(0,0,0,0.5); margin-top:20px;letter-spacing:3px;}

.banner-left2{max-width:750px; z-index:9990; padding-left: 20px; padding-top: 70px;}
.banner-left2 .titletxta{ font-size:60px; line-height:90px; color:rgba(255,255,255,1); display:block;letter-spacing:10px; font-weight: bold;}
.banner-left2 .titletxtb{ font-size:40px; line-height:50px; color:rgba(255,255,255,0.7); display:block;letter-spacing:2px; font-weight: bold;}
.banner-left2 .txtsm{ font-size:25px; line-height:40px; display:block;color:rgba(255,255,255,0.5); margin-top:20px;letter-spacing:3px;}




.ljgd-butb{ margin-top:40px; z-index:9990; width: 450px;}

#clickMec {
	position:relative;}
#alertc {
    width: 220px;
    height: 180px;
    text-align: center;
    background:rgba(255, 255, 255, 0.9);
    font-size: 18px;
    position: absolute;
	display:none;
	z-index:9999;
	color:#000;
	border-radius:10px;
	font-weight:bold;
	padding-top: 20px;
}

#clickMeca {
	position:relative;}
#alertca {
    width: 220px;
    height: 180px;
    text-align: center;
    background:rgba(255, 255, 255, 0.9);
    font-size: 18px;
    position: absolute;
	display:none;
	z-index:9999;
	color:#000;
	border-radius:10px;
	font-weight:bold;
	padding-top: 20px;
}





.ljgd-but{ margin-top:40px; z-index:9990; width: 750px;}

.gkbf-but-l{ background:#0066ff; float: left; border:none; text-align:center; width:200px; display:inline-table; line-height:50px; color:#FFF; margin-right:20px;border-radius:3px; font-size:18px;}
.gkbf-but-l:hover{ background:#3399ff;border:none;}
.gkbf-but-l:focus{ background:#3399ff;border:none;}

.gkbf-but-l1{ background:#0066ff; float: left; border:none; text-align:center; display:inline-table; line-height:30px; color:#FFF; margin-right:5px;border-radius:3px; font-size:16px; padding: 0px 8px;}
.gkbf-but-l1:hover{ background:#3399ff;border:none;}
.gkbf-but-l1:focus{ background:#3399ff;border:none;}


.gksp{ background: none; border: none; text-align:center; width:200px; display:inline-table; 
	}
.gksp span{ margin-right: 10px; font-size: 25px; color: #222;line-height:40px;}
.gksp small{line-height:50px; color:#222; font-size:18px;}

.gksp2{ background: none; border: none; text-align:center; width:200px; display:inline-table; 
	}
.gksp2 span{ margin-right: 10px; font-size: 25px; color: #fff;line-height:40px;}
.gksp2 small{line-height:50px; color:#fff; font-size:18px;}





#clickMed{
	position:relative;}
#alertd {
    width: 220px;
    height: 180px;
    text-align: center;
    background:rgba(255, 255, 255, 0.9);
    font-size: 18px;
    position: absolute;
	display:none;
	z-index:9999;
	color:#000;
	border-radius:10px;
	font-weight:bold;
	padding-top: 20px;
}