
/*header begin*/
.box{ width:100vw; height:auto; min-height:100px !important;position:fixed; left:0; top:0; z-index:99999; background:#fff;}
.logo{ float:left; padding-top:18px;}
.logo img{ display:block; max-width:100%;}
.navo{ float:right; padding-top:34px}
.navo ul{ float:left; margin-right:80px;}
.navo li{ float:left; text-align:center;cursor:pointer; margin-right:40px;}
.navo li a{ color:#1f1f1f; font-size:18px; line-height:24px;}
.navo li a i{ display:block; color:#1f1f1f; font-size:12px; font-family: "MEIRYO_2"; text-transform:uppercase;}
.navo li a:hover{ color:#ea1316;}
.navo li a:hover i{ color:#ea1316; font-weight:bold;}
.navo li a.qvet{ color:#ea1316;}
.navo li a.qvet i{ color:#ea1316; font-weight:bold;}
.navo li.qcbj{ margin-right:0;}
.navo span{ display:block; float:right; width:70px; height:32px; border:1px solid #1f1f1f; border-radius:50px; text-align:center; line-height:30px; position:relative; overflow:hidden;}
.navo span a{font-family: "MEIRYO_2"; text-transform:uppercase; font-size:18px; display:block; color:#1f1f1f; position:relative; z-index:11;transition: all 0.6s ease;}
.navo span:after { content:'';position: absolute;display: block; width: 0;height: 0;border-radius:50%;background: #1f1f1f;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transition: width 0.6s, height 0.6s;transition: width 0.6s, height 0.6s; z-index: -1;}
.navo span:hover a{ color:#fff;}
.navo span:hover:after { width: 300px;height: 300px;}
@media(max-width:1440px){
.navo ul{margin-right:35px;}
.navo li{ margin-right:25px;}	
}
@media(max-width:1280px){
.navo ul{margin-right:25px;}
.navo li{ margin-right:15px;}	
}
@media(max-width:1024px){
.navo ul{margin-right:25px; display:none;}
.navo li{ margin-right:15px;}	
.navo span{ margin-right:40px;}
}
/*header end*/

/*fotter begin*/
.box6{ clear:both; width:100%; height:auto; overflow:hidden; background:#0f0f0f; padding:60px 0; border-bottom:1px solid #3a3c3e;}
.fovn{ float:left; width:69%; height:auto;}
.fovn li{ float:left; text-align:center;cursor:pointer; margin-right:35px;}
.fovn li a{ color:#fff; font-size:18px; line-height:24px;}
.fovn li a i{ display:block; color:#fff; font-size:12px; font-family: "MEIRYO_2"; text-transform:uppercase; margin-top:15px;}
.fovn li a:hover{ color:#ea1316;}
.fovn li a:hover i{ color:#ea1316; font-weight:bold;}
.fovn li.qcbj{ margin-right:0;}
.fovn p{ clear:both; height:auto; overflow:hidden; padding-top:30px;}
.fovn p a{ margin-right:30px;}
.fovn p a:last-child{ margin-right:0px;}
.bceg{ float:right; width:25%; height:auto;}
.bceg p{ text-align:right; color:#fff; font-size:18px; line-height:30px;}
@media(max-width:1440px){
.fovn li{ margin-right:25px;}	
.bceg{ width:27%; height:auto;}
}
@media(max-width:1366px){
.fovn li{ margin-right:15px;}	
.bceg{ width:29%; height:auto;}
}
@media(max-width:1280px){
.fovn li{ margin-right:10px;}	
.bceg{ width:29%; height:auto;}
.fovn li a{ color:#fff; font-size:16px; line-height:24px;}
.bceg p{ font-size:16px;}
.fovn li a i{ margin-top:10px;}
}
@media(max-width:1024px){
.box6{ padding:40px 0;}
.fovn li{ margin-right:10px;}	
.bceg{ width:100%; height:auto;}
.fovn li a{ color:#fff; font-size:16px; line-height:24px;}
.bceg p{ text-align:left; font-size:16px;}
.fovn li a i{ margin-top:10px;}
.fovn{ width:100%; overflow:hidden; margin-bottom:15px;}
}
@media(max-width:414px){
.box6{ padding:40px 0;}
.fovn li{ margin-right:10px;}	
.bceg{ width:100%; height:auto;}
.fovn li{ margin-right:0px; width:50%;}
.fovn li a{ color:#fff; font-size:16px; line-height:24px;}
.bceg p{ text-align:left; font-size:16px;}
.fovn li a i{ margin-top:10px;}
.fovn{ width:100%; overflow:hidden; margin-bottom:15px;}
}
.box7{ clear:both; width:100%; height:auto; line-height:70px; background:#0f0f0f; overflow:hidden;}
.box7 span{ float:left; color:#fff;font-family:"Microsoft YaHei"; font-size:14px;}
.box7 font{ float:right; color:#fff;font-family:"Microsoft YaHei"; font-size:14px;}
.box7 font a{ color:#fff;font-family:"Microsoft YaHei"; font-size:14px;}
@media(max-width:1024px){
.box7{ clear:both; width:100%; height:auto; line-height:70px; background:#0f0f0f; overflow:hidden;}	
}
@media(max-width:414px){
.box7{ clear:both; width:100%; height:auto; line-height:35px; background:#0f0f0f; overflow:hidden;}
.box7 span{ display:block; width:100%; float:left; color:#fff;font-family:"Microsoft YaHei"; font-size:14px;}
.box7 font{ display:block; width:100%;  float:right; color:#fff;font-family:"Microsoft YaHei"; font-size:14px;}

}
/*fotter end*/

.toxn{ display:block; margin:0 auto; text-align:center;}

.cd-popup1 {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:99999999;
}
.cd-popup1.is-visible1 {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container1 {
    position: relative;
    width:39vw;;
    margin:7.5vw auto;
    height:auto;
    background: #FFF;
  -webkit-transform: translateY(-60px);
  -moz-transform: translateY(-60px);
  -ms-transform: translateY(-60px);
  -o-transform: translateY(-60px);
  transform: translateY(-60px);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
	padding:3.13vw;
	border-radius:10px;
}
.cd-popup-close1{ position: absolute;right:10px;top:18px; z-index: 10;width:12px;height:10px; background:url(../images/bg6_1.png) no-repeat; display: block;}
.is-visible1 .cd-popup-container1 {
	-webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  }

.toxn{ height:auto; position:relative; text-align:left;}
.toxn h4{ color:#000000; font-size:0.94vw; line-height:1.23vw; margin-bottom:1.04vw;}
.toxn p{ line-height:1.23vw; color:#000000; font-size:0.73vw;}
@media(max-width:1024px){
.cd-popup-container1{ width:90vw; padding:20px;}	
.toxn h4{ color:#000000; font-size:18px; line-height:24px; margin-bottom:20px;}
.toxn p{ line-height:24px; color:#000000; font-size:14px;}

}
@media(max-width:414px){
.toxn{ height:600px; overflow:hidden; overflow-y:auto; padding-right:20px;}	
}






.cd-popup2 {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:99999999;
}
.cd-popup2.is-visible2 {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container2 {
    position: relative;
    width:250px;;
    margin:150px auto;
    height:auto;
    background: #FFF;
  -webkit-transform: translateY(-60px);
  -moz-transform: translateY(-60px);
  -ms-transform: translateY(-60px);
  -o-transform: translateY(-60px);
  transform: translateY(-60px);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
	padding:30px;
}
.cd-popup-close2{ position: absolute;right:10px;top:18px; z-index: 10;width:12px;height:10px; background:url(../images/bg6_1.png) no-repeat; display: block;}
.is-visible2 .cd-popup-container2 {
	-webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  }
.gbbb{ height:auto;}
.gbbb h2{ text-align:center; color:#000000; line-height:1.25vw; font-size:1.25vw; margin-bottom:2.08vw;}
.gbbb p{ line-height:1.25vw; color:#000000; font-size:0.83vw; margin-bottom:1.25vw; clear:both; overflow:hidden;}
.wbk1{ width:100%; line-height:1.25vw; color:#cccccc; font-size:0.73vw; border:none; border-bottom:1px solid #999999;}
.dego{ width:150px; height:30px; background:#1d2088; text-align:center; color:#fff; font-size:14px; border:none; margin:0 auto; margin-top:2vw; display:block}


@media(max-width:1024px){
.cd-popup-container2{ width:90%; padding:30px;}	
.gbbb h2{ line-height:24px; font-size:20px;}
.gbbb p{ line-height:24px; font-size:18px; margin-bottom:20px;}
.wbk1{ line-height:24px; font-size:14px;}
}

@media(max-width:414px){
.cd-popup-container2{ width:90%; padding:30px; margin-top:25%}	
.gbbb h2{ line-height:24px; font-size:20px;}
.gbbb p{ line-height:24px; font-size:18px; margin-bottom:20px;}
.wbk1{ line-height:24px; font-size:14px;}
}




.cd-popup3 {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:99999999;
}
.cd-popup3.is-visible3 {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container3 {
    position: relative;
    width:22vw;;
    margin:7.5vw auto;
    height:auto;
    background: #FFF;
  -webkit-transform: translateY(-60px);
  -moz-transform: translateY(-60px);
  -ms-transform: translateY(-60px);
  -o-transform: translateY(-60px);
  transform: translateY(-60px);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
	padding:3vw;
}
.cd-popup-close3{ position: absolute;right:10px;top:18px; z-index: 10;width:12px;height:10px; background:url(../images/bg6_1.png) no-repeat; display: block;}
.is-visible3 .cd-popup-container3 {
	-webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  }

.gbbb p a{ width:100px; height:30px; float:right; background:#1d2088; line-height:30px; border-radius:50px; text-align:center; color:#fff; font-size:14px; margin-top:15px;}





.cd-top {
  display: inline-block;
  height: 54px;
  width: 54px;
  position: fixed;
  bottom: 120px;
  right: 20px;
  
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background:url(../tu/top.png) no-repeat center center;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  cursor:pointer;
  z-index:9999999;
  font-size:0px
}
.subs{ position: fixed;
  bottom: 120px;
  right: 20px;
  background:url(../tu/tu.png) no-repeat center center; height: 54px;
  width: 54px;}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: 1;
}
.no-touch .cd-top:hover {

  opacity: 1;
  
}







