body{ background:#f3f3f3;}
.mhead{ width:100%; left:0; top:0; z-index:999; position:fixed;}
.mtoplauge{ background:#071d49; padding:10px 0; display:none;}
.mtoplauge i,.mtoplauge span{ vertical-align:top; line-height:24px; height:24px;display:inline-block; color:#fff; font-family:Arial, Helvetica, sans-serif;}
.mtoplauge i{ width:24px; position:relative;}
.mtoplauge i:before{ position:absolute;content:'';left:0;top:0; width:100%; height:100%; background:url(../images/language_icon_2.gif) center no-repeat; background-size:100% auto;}
.mtoplauge span{ margin-left:10px; padding-right:21px; position:relative;}
.mtoplauge span:before{ position:absolute;content:'';right:0;top:0; width:10px; height:100%; background:url(../images/icon4.png) center no-repeat;}


.mtoplauge1{padding:0; margin-right:10px; margin-top:11px;}
.mtoplauge1 i,.mtoplauge1 span{ vertical-align:top; line-height:24px; height:24px;display:inline-block; color:#fff; font-family:Arial, Helvetica, sans-serif;}
.mtoplauge1 i{ width:24px; position:relative;}
.mtoplauge1 i:before{ position:absolute;content:'';left:0;top:0; width:100%; height:100%; background:url(../images/language_icon_2.gif) center no-repeat; background-size:100% auto;}
.mtoplauge1 i:after{ position:absolute;content:'';left:0;top:0; width:100%; height:100%; background:url(../images/language_icon_1.gif) center no-repeat; background-size:100% auto;}
.mtoplauge1 span{ margin-left:10px; padding-right:21px; position:relative;}
.mtoplauge1 span:before{ position:absolute;content:'';right:0;top:0; width:10px; height:100%; background:url(../images/icon6.png) center no-repeat;display:none}
.mtoplauge1 span:after{ position:absolute;content:'';right:0;top:0; width:10px; height:100%; background:url(../images/icon6.png) center no-repeat;display:none}

.mtoplauge1 i:after,.mtoplauge1 span:after{ opacity:0;}



.mlogo{ position:relative; height:46px; width:180px;margin-top:2px;}
.mlogo img{ position:absolute; left:0; top:0; height:80%;}
.logo2{opacity:0;-webkit-opacity:0;}

.mtoplauge{ width:100%;box-sizing:border-box;}
.mtoplauge,.mheadnav{  padding-left:4%; padding-right:4%;}
.mheadnavm{ border-bottom:1px solid rgba(255,255,255,0.8); padding:11px 0; }
.mmeau { margin-top:10px;width: 24px;}
.mmeau span{ display:block; vertical-align:top; position:relative; width:100%;height:2px; margin-top:5px;border-radius:1px;background: #fff;}
.mmeau span{transform-origin: left center;transition: transform .3s ease-in-out,opacity .3s ease-in-out;    will-change: transform,opacity;}
.mmeauom .msp1{transform: rotate(45deg);}
.mmeauom .msp2{opacity: 0;}
.mmeauom .msp3{transform: rotate(-45deg);top:5px;}
.mheadon .mtoplauge1 span:before,.mheadon .mtoplauge1 i:before{ opacity:0;}
.mheadon .mtoplauge1 span:after,.mheadon .mtoplauge1 i:after{ opacity:1;}
.mheadon .mtoplauge1 span{ color:#000;}
.mheadon{ box-shadow:0 0 10px rgba(0,0,0,0.2);}




.menuMain{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:888; background:#2c7dd0; display:none; margin:0; padding:0; overflow:hidden; overflow-y: scroll;}
.menuBox{ margin:80px 0px 20px 0px; padding:0 20px; height:100%; position:relative; overflow:hidden; overflow-y:scroll;}
.menuBox li{ padding:0 0px 0 0; position:relative; }
.menuBox li>a{ height:48px; line-height:48px; color:#fff; font-size:14px;  display:block;}
.menuBox .onea{ position:relative;}
.menuBox .onea:before{ position:absolute; display:none; content:''; width:30px; background:url(../images/jiagao.png) center no-repeat; background-size:13px auto; height:100%; top:0; right:0;}
.menuBox li a{border-bottom:solid 1px rgba(209, 209, 209, 0.1);}
.menuBox li>a{ height:48px; line-height:48px; color:#fff; font-size:14px;  display:block; opacity:0.8}
.menuBox li.bBor>a{background:url(../images/icon_01.png) no-repeat 98% center; background-size:12px;}
.menuBox li>a.r-arrow{
	background-image: url(../images/r-arrow.png);
	-webkit-background-size: 8px;
	background-size: 8px;
}
.menuBox li.on>a{ background-image:url(../images/icon_02.png);}
.menuBox li.link>a{ background-image:url(../images/icon_031.png);}

.menuBox .linkBtn{ padding-top:30px; text-align:center;}
.menuBox .linkBtn a{height:42px; line-height:42px; color:rgba(255,255,255,0.5); padding:0 30px; border-radius:5px; display:inline-block; margin:0 15px; font-size:14px; position:relative;}
.menuBox .linkBtn a:after{border-radius:10px;}
.proList,.serList{ overflow:hidden; display:none;}
.proList a,.serList a{ padding-left:12px; display:block; height:42px; line-height:42px; font-size:13px;  color:rgba(255,255,255,0.6); position:relative; background-repeat:no-repeat; background-position:15px center; background-size:28px;}
.serList a{ width:100%; text-indent:20px;}
.menuBox .preBox ul{ padding:0 15px;}
.menuBox .preBox ul.proList{ padding-right:0;}
.menuBox .preBox{ position:absolute; left:0; top:0; width:100%;
-webkit-transform: translateY(0px); transform:translateY(0px);
 transition:-webkit-transform 0.35s linear;
    transition: transform 0.35s linear;}
    
.menuBox .nextBox .other{ display:none;}
.menuBox .nextBox .other .tit{ font-size:12px; color:rgba(255,255,255,0.3); padding:20px 0 10px 0;}
.menuBox .nextBox .other a{ height:40px; line-height:40px; position:relative; font-size:14px; color:rgba(255,255,255,0.64); display:inline-block; width:100%;}
.searchForm{height:48px; line-height:48px; color:rgba(255,255,255,0.8); font-size:14px; background: url(../images/icon_04.png) no-repeat left center;background-size:14px; text-indent:18px; opacity:0.8; position:relative; left:200%; opacity:0;}
.searchForm .searchBtn,.searchForm .searchBtn2{ position:absolute; left:0; top:0; width:20px; height:48px; display:block;}
.searchForm .searchBtn2{ height:24px; line-height:24px; width:68px; text-align:center; color:#fff; border:1px solid #fff; border-radius: 5px; display:inline-block; right: 0; left: auto; top:8px; text-indent: 0; opacity:0.5;}
.searchForm input{ background:none;color:rgba(255,255,255,0.64); border:0;height:20px; line-height:20px; margin-top:14px; width:90%;}
.menuSearch .preBox{-webkit-transform: translateY(-144px); transform:translateY(-144px);}
.menuSearch .searchForm{ left:0;}
.searchHide .searchForm{opacity:1;}
.showMain .searchHide .searchBtn{opacity:0;}
.menuBox li,.linkBtn{opacity: 0;
    pointer-events: none;
    -webkit-transform: scale(1.1) translateY(-24px);
    transform: scale(1.1) translateY(-24px);
    -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, transform 0.35s ease-out, -webkit-transform 0.35s ease-out;}
.showMain .menuBox li,.showMain .linkBtn{opacity: 1;pointer-events: auto; -webkit-transform: none; transform: none;display: block;float: none;}
.showMain .menuBox li:nth-child(2){-webkit-transition-delay: 100ms,100ms; transition-delay: 100ms,100ms;}
.showMain .menuBox li:nth-child(3){-webkit-transition-delay: 180ms,180ms; transition-delay: 180ms,180ms;}
.showMain .menuBox li:nth-child(4){-webkit-transition-delay: 260ms,260ms; transition-delay: 260ms,260ms;}
.showMain .menuBox li:nth-child(5){-webkit-transition-delay: 340ms,340ms; transition-delay: 340ms,340ms;}
.showMain .menuBox li:nth-child(6){-webkit-transition-delay: 420ms,420ms; transition-delay: 420ms,420ms;}
.showMain .menuBox li:nth-child(7){-webkit-transition-delay: 500ms,500ms; transition-delay: 500ms,500ms;}
.showMain .menuBox li:nth-child(8){-webkit-transition-delay: 580ms,580ms; transition-delay: 580ms,580ms;}
.showMain .menuBox li:nth-child(9){-webkit-transition-delay: 580ms,580ms; transition-delay: 580ms,580ms;}
.showMain .linkBtn{-webkit-transition-delay: 340ms,340ms; transition-delay: 340ms,340ms;}

.subtwo{ display:none;}
.proList a{ padding-left:0;}
.menuBox li .proList a{ line-height:40px; height:40px; font-size:12px;}
.menuBox li .subtwo a{ line-height:30px; height:30px;}

.mhead{transition: all .5s ease;}
.mheadon{  background:#fff;}
.mheadon .mheadnavm{ border-color:#fff;}
.mheadon .logo2{ opacity:1;}
.mheadon .mmeau span{ background:#000;}


.ban{  width:100%; left:0; top:0;}





.homebanner{ position:relative; z-index:6; height:760px;}
.homebanner,.homebanner a{ color:#fff;}
.homebannertxt{ padding-top:235px; position:relative; z-index:10;}
.homebannerp1{ font-size:16px;  text-transform:uppercase;}
.homebannerp1 img{ height:70px;}
.homebannerp2 img{ height:100px;}
.homebannerp2{ font-size:34px; padding-top:35px; letter-spacing:2px; text-transform:uppercase;}
.swiper-img{ width:100%; height:100%; position:absolute; z-index:8; left:0; top:0;}
.mainbox{text-align: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.homebanner .video{
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@-o-keyframes zoomIn{0%{opacity:0;-o-transform:scale(1.05);}100%{opacity: 1;-o-transform:scale(1.01);}}
@-moz-keyframes zoomIn{0%{opacity: 0;-moz-transform:scale(1.05);}100%{opacity: 1;-moz-transform:scale(1.01);}}
@-webkit-keyframes zoomIn{0%{opacity: 0;-webkit-transform:scale(1.05);}100%{opacity: 1;-webkit-transform:scale(1.01);}}
@keyframes zoomIn{0%{transform:scale(1.05);}100%{transform:scale(1.01);}}

.zoomIn{-o-animation-name:zoomIn;-moz-animation-name:zoomIn;-webkit-animation-name:zoomIn;animation-name:zoomIn;}
.swiper-img{background-position: center; background-repeat:no-repeat; background-size:cover; -webkit-transition: 3s;transition: 3s;
}
.home-pagination .swiper-pagination-bullet{ width:38px; height:4px;}
.home-pagination span:before{ background:#ed6d00;}
.homebanner .swiper-slide-active .swiper-img{}
.homebannerp1{ font-size:48px; text-align:center; text-transform:uppercase;}
.homebannerp2{ font-size:28px; padding-top:40px;}
.homebannertxt{ padding-top:0;}
.homebanner .home-pagination{ left:0; margin:0; text-align:center;bottom: 52%;}

.homebannerp1,.homebannerp2{
  -webkit-transition: 1.2s;
  transition: 1.2s;
}
.homebannerp1,.homebannerp2{
	margin:0 auto;
  opacity: 0;
  width:auto;  
  
}
.homebannerp1{
  padding-bottom: 30px;
  -webkit-transform: translateX(-200px);
  transform: translateX(-200px);
  letter-spacing:3px;
}
.homebannerp1 img{ height:45px;}
.homebannerp2{
  -webkit-transform: translateX(200px);
  transform: translateX(200px); padding-top:0;
}
.swiper-slide-active .homebannerp2,.swiper-slide-active .homebannerp1{
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.homebannertxt{ width:1200px;}
.homebanner .swiper-slide{ background-position:center; background-repeat:no-repeat; background-size:cover;}
.scrolldown{ width:22px; position:absolute; bottom:20px; z-index:66; left:50%; margin-left:-11px; cursor:pointer;}




@media screen and (max-width:900px) {
    .mlogo{
        width: auto;
    }
    
    
    .banHovTain h4 {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 10px;
    font-style: italic;
    color: #ffffff;
}

.plays{ display:none;}
.bg_txts_box h3 {
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 1px;
    color: #ffffff;
    margin-bottom: 10px;
}
}




.pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pagination li { display:inline-block;border: 1px solid #ccc;margin: 0 3px;line-height: 20px;background: #fff;color:#999 }
.pagination li:hover{ background:#1f479c; color:#fff;border: 1px solid #1f479c;    transition: all 0.5s ease 0s;}
.pagination li:hover a{color:#fff;}
.pagination li.active {display: inline-block;border: 1px solid #1f479c;margin: 0 3px;background: #1f479c;color: #fff;}
.pagination li.active a {color: #fff;padding: 1px 15px;}
.pagination li a{ display:block;color:#999;    transition: all 0.5s ease 0s;padding: 1px 15px;}
.pagination li a:hover {color: #fff;}