@charset "utf-8";
html,body,div,span,label,legend,caption,tfoot,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,video{margin:0;padding:0;outline:0;border:0;background:transparent;font-size:100%;}
html{-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{background: #fff;color: #2f2f2f;font-size:14px;/*font-family:Helvetica,Arial,sans-serif,Comfortaa;*/font-family: Arial,Helvetica,Neue Helvetica World,Vazirmatn;overflow-x:hidden;}
td{ border:1px solid #efefef; height:40px;}
/*html.mac body{font-family:"PingFang SC",Microsoft YaHei,Helvetica,Arial,sans-serif;}*/
*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
article,hgroup,menu,nav,section,aside,details,figcaption,figure,footer,header{display:block;}
nav ul,ul,li{list-style:none;}
blockquote{quotes:none;}
blockquote:before,blockquote:after{content:none;}
a{ertical-align:baseline;text-decoration:none;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;margin:0;padding:0;}
a,input{outline:none;}
a:hover,a:focus{color:#142a52;text-decoration:none;cursor:pointer;}
img{max-width: 100%;height: auto;}
ins{color:#323841;background-color:#ff9;text-decoration:none;}
mark{color:#323841;background-color:#ff9;font-weight:bold;font-style:italic;}
*::selection {background:#24418e;color: #ffffff; text-shadow:none}
*::-moz-selection {background:#24418e;color: #ffffff;text-shadow:none}
@font-face{font-family:"Poppins";src: url(../fonts/Poppins-L.otf) format('truetype');font-weight: normal;font-style: normal;}
.clear {clear: both;font-size: 0;margin: 0;padding: 0;display: block; _height: 0;overflow: hidden;}
.clearfix:after {visibility: hidden; display: block;font-size: 0; content: " ";clear: both;height: 0;}
.clearfix { *zoom: 1;clear:both; font-size:0; line-height:0;}
/*----------- container -----------*/
.container{max-width:1600px;margin:0 auto;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.wrap{position:relative;max-width:1300px;margin:0 auto;}
.marg40{ margin-top:40px!important;}
.marg50{ margin-top:50px!important;}
.margb50{ margin-bottom:50px!important;}
.margb80{ margin-bottom:80px!important;}
.marg80{ margin-top:80px!important;}
@media screen and (max-width: 1920px){.container{margin: 0px auto;max-width:1600px}}
@media screen and (max-width: 1600px){.container{margin: 0px auto;max-width:1600px}}
@media screen and (max-width: 1440px){.container{margin: 0px auto;max-width:1400px}}
@media screen and (max-width: 1300px){.container{margin: 0px auto;max-width:1260px}}
@media screen and (max-width: 1280px){.container{margin: 0px auto;max-width:1240px}}
@media screen and (max-width: 1024px){.container{margin: 0px auto;max-width:1000px}}
:root {
  --menucolor:#212121;
  --webcolor:#142a52;
  --background:#f8f8f8;
  --hovercolor:#142a52;
  --font1:14px;
}
/*----------- 头部 -----------*/
.header{ padding-top:60px;}
.header .header-nav{position:fixed;width:100%;float:left;background-color:rgba(255, 255, 255, 1); z-index:886;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;box-shadow:0 0 10px rgba(22,22,22,0.1); top:0}
.header .header-nav.fixed{background-color:rgba(255, 255, 255,1); opacity:1}
.header .nav-content{width:100%;}
.header .logo{ position:absolute;font-size:0px; height:63px; overflow: hidden; display: block; text-indent: -20000em; width: auto;background-size: 100% 100%; top:40%; margin-top:-25px;}
.header .logo a{display: block; color: #999; }
.header .logo .logob{ display: none}
.logo img{ height:63px;}
.mLogo{height:63px;}
.mLogo .logo{ display:none}
.header.opaque {padding-top:0px;}
.header.opaque .header-nav{background-color:rgba(255, 255, 255, 0.5);box-shadow:0 0 10px rgba(0,0,0,0.5)}
.header.opaque .header-nav.fixed{background-color:rgba(255, 255, 255, 1); opacity:1;box-shadow:0 0 10px rgba(22,22,22,0.1);}
.header.opaque .navbar a{ color:var(--menucolor);}
.header.opaque .navbar a:hover{ color:var(--hovercolor);}
.header.opaque .navbar a::after {content: ''; position: absolute;left: 0; bottom: 0;width: 0;height: 2px;background-color:var(--hovercolor);transition: width 0.3s ease;transform-origin: center;}
.header.opaque .navbar a:hover::after {width: 100%;}

.header.opaque .navbar li.active > a{color:#a52124; opacity: 1}
.navbar li.on > a{ color: #161616;}
.header.opaque .navbar li:after{ visibility: hidden; opacity: 0}
.header.opaque .header-nav.fixed .navbar a,.header.opaque .inner .navbar a{ color: var(--menucolor); opacity: 1}
.header.opaque .inner .navbar a:hover{ color: #fff;}
.header.opaque .header-nav.fixed .navbar li:after{ visibility: visible; opacity: 1}
.header.opaque .header-nav.fixed .navbar li.active > a,.header.opaque .header-nav.fixed .navbar li.on > a{color:var(--hovercolor);}
.header.opaque .logo .logoa,.header.opaque .header-nav.fixed .logo .logob{ display: none}
.header.opaque .logo .logob,.header.opaque .header-nav.fixed .logo .logoa{ display: block}
.header.noOpaque .navbar a{ line-height: 60px;}

/*导航栏*/
.navbar{ float:right;margin: 0;}
.navbar li{display: block; float: left; margin:0px ; position: relative; min-width:50px; text-align: center;}
.navbar a{display: block; text-transform: uppercase; line-height:80px; padding:0px 50px; font-size:18px; font-weight: 500; color:var(--menucolor);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.header-nav.fixed .navbar a{ line-height:80px;}
.header-nav.fixed .navbar>li>ul>li>a{ line-height:40px;}
.navbar li.active>a, .navbar li.on>a{color:#24418e;}

.navbar li.active:after,.navbar li:hover:after{width:100%;}
/*inner*/
.inner{ display:none; position:absolute; z-index:49;width:100%;top:60px; left:0}
.inner li{ width:100%; margin:0;}
.inner li a {display: block;font-size: 16px;font-weight:500;line-height: 32px;padding: 4px 15px;border-bottom:1px solid #eee; background-color: rgba(255,255,255,.96);}
.inner li#nvabar-item-index a{border-top:1px solid #eee;}
.inner li a:hover{background:#14016d; color:#fff;border-bottom:1px solid #24418e;}
.navbar li:after{background:#14016d;content:"";height:2px; width:0px;position:absolute;left:50%; transform:translateX(-50%);bottom:0;webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.inner .navbar li.active:after,.inner .navbar li:hover:after{ width:0}
.navbar li>ul>li:before{ background-color:transparent; content: ''; transition: all 0.3s;}
.navbar li.active:before, .navbar li.on:before{width: 100%; left: 0;}

#navBox>div>ul>li:hover>ul{top:100%;filter:alpha(opacity=85)!important;opacity:0.85!important;max-height:inherit;}
#navBox>div>ul>li>ul{position:absolute;width:auto;top:130%;right:0;text-align:center;padding:0px 0; z-index:60;filter:alpha(opacity=0)!important;opacity:0!important;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; max-height:0; overflow:hidden;}
#navBox>div>ul>li>ul>li a{float:none;display:block;padding:10px;color:#333; background-color:#f7f7f7;font-size:13px; text-align:center; line-height:25px; opacity: 1; width:200px; }
#navBox>div>ul>li>ul>li:after{ display:none}
#navBox>div>ul>li>ul>li{width:100%;padding:0;margin:0;font-size:14px;}
#navBox>div>ul>li>ul>.on a{color:#fff!important;background-color:rgba(0,0,0,0.9);}
#navBox>div>ul>li>ul>li.active a{}
#navBox>div>ul>li>ul>li.on>a{color:#fff}

.header .moble-bars{ padding: 0; margin:15px 0 0;font-size:21px;float:right; color:#999; display:none; position: relative; z-index: 99}
.header a:hover.moble-bars{/*color:#142a52*/}
.fixed {left: 0; opacity: 0.98;position: fixed;right: 0;top: 0; width: 100%;z-index:888;}

/*----------- breadcrumb -----------*/
.breadcrumb{max-width: 1220px; margin:0 auto;padding:12px 0;clear: both;overflow: hidden; border-bottom:1px solid #ddd;text-indent:5px}
.fa-angle-right,.fa-bullhorn{font-size: 16px; margin: 0 4px;}
/* Banner Slider */
.single_slide_slider{ margin-top:80px;}
.swiper-button-next{background:url(../images/right.png) no-repeat;filter:alpha(opacity=50);opacity:0.5;}
.swiper-button-prev{background:url(../images/left.png) no-repeat;filter:alpha(opacity=50);opacity:0.5;}
.banner-pages .swiper-pagination-bullet {width:50px;height:4px;display:inline-block;background-color:#ffffff;opacity:.5;border-radius:0;}
.banner-pages .swiper-pagination-white .swiper-pagination-bullet {background:#fff}
.banner-pages .swiper-pagination-bullet-active {opacity:1;background:#ff0000}
.bannartitle{width:100%;  color:#fff; font-size:55px; padding-top:15%; text-align:center; font-weight:bold; text-transform:uppercase;margin:auto;}
.bannartitle2{ width:100%; text-align:center;color:#fff; font-size:26px; line-height:60px;}
.bannarmore{ margin:auto; margin-top:5%; overflow:hidden; width:200px;}
.morea a{display: inline-block;width: 200px;height: 43px;text-align: center;line-height: 43px;color: #fff;border-radius: 23px; background-image:linear-gradient(to right, #3e62be , #2d4c9c);border-radius:20px;}
.morea a:hover{box-shadow: 1px 1px 8px rgba(0,0,0,0.3)}



.bann-more{height:40px;width:150px;text-align:center; margin-top:5%; margin-left:5%} 
.bann-more a .more{font-size:20px;color: #ffffff; line-height:40px;border:1px solid #fff; }
/*moble*/
.moble{max-width:1260px; margin:0 auto; height:0px; background:#fff; width:100%; padding:0 10px; display: none; position:fixed; top:0; z-index:889}
.moble a.moble-bars,.moble a.search-btn{-webkit-transition:all .6s ease;-o-transition:all .6s ease;transition:all .6s ease}
.Wauto{ width:100%; max-width:none; padding:0;}

.lang{ position: relative; float:right;padding:0 20px;line-height:25px; text-align:center;margin-top:27px; left:20px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.lang img{ width:30px;}
.lang:hover{color: #fff !important;filter:alpha(opacity=100)!important;opacity:1!important;}
.lang .dropdown-toggle{ color:var(--menucolor); filter:alpha(opacity=100)!important;opacity:1!important;font-size:14px;}
.dropdown-menu{ font-size:14px;}
.dropdown-menu li img{ width:25px; padding-right:5px;}
.fixed .lang .dropdown-toggle{color:var(--menucolor);}
.fixed .lang .dropdown-toggle:hover{ color: var(--menucolor) !important;filter:alpha(opacity=100)!important;opacity:1!important;}
.fixed .sbtn,.header.noOpaque .sbtn{margin-top:9px;}
.fixed .lang{margin-top:25px;}

.header.noOpaque .lang{margin-top: 20px;color: #333;background: rgba(0,0,0,0.1)}
.header.noOpaque .lang .dropdown-toggle{color: #333;}
.lang{ position: relative; float:right;padding:0 10px;  height:30px; line-height:30px; text-align:center; margin-top:27px; left:20px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;
   border-radius: 5px; border:1px solid #efefef;}
.lang:hover{color: #fff !important;filter:alpha(opacity=100)!important;opacity:1!important;}


/*放大镜*/
.fangdapic{ overflow:hidden; position:relative;}
.fangdapic>img{ transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; -ms-transition: 1s all; width:100%}
a:hover .fangdapic>img{transform: scale(1.1);-webkit-transform: scale(1.1);}
li:hover .fangdapic>img{transform: scale(1.1);-webkit-transform: scale(1.1);}
/*底部foot*/
.foot_bg{ width:100%; margin:auto; background:#002147;  padding-top:60px;overflow:hidden;}
.footLeft{ float:left;width:30%;overflow:hidden;}
.footLeft h2{ width:100%;font-size:20px; line-height:40px; font-weight:bold; color:#fff;}
.mftl_share{ float:left; width:240px; overflow:hidden;padding-top:20px; margin:auto;}
.mftl_share li{ float:left; width:20%; overflow:hidden;cursor: pointer;}
.footico{float:left; width:100%;}
.footico p{ width:100%; float:left; line-height:40px;color:#ffffff; font-size:15px;}
.footico span {display:inline-block;  float: left;width: 18px; background-image: url(../images/foot_ico.png); margin-right:10px;}
.foot_add{background-position: 0 0; height:30px;}
.foot_tel{background-position: 0 -33px; height:30px;}
.foot_mobile{background-position: 0 -70px; height:30px;}
.foot_mail{background-position: 0 -105px; height:30px;}

.footC{ float:left;width:15%;overflow:hidden; margin-left:10%; }
.footMenu{float:left; margin-top:5px; width:100%}
.footMenu li a{float:left; color:#fff;font-size:16px; line-height:30px; width:100%}
.footMenu li a:hover{ color:#ffd669;}
.footMenu h3{ font-size:20px; line-height:40px; font-weight:bold; color:#fff;}
.footright{ float:right;width:35%;overflow:hidden;}
.footright h3{ font-size:16px; line-height:40px; font-weight:bold; color:#fff;}
.footright p{ float:left; width:24%; margin-top:20px; color:#fff; line-height:40px; margin-right:1%; text-align:center; box-sizing:border-box;}
.footright p:last-child{ margin-right:0;}


.copyright{ float:left; width:100%;text-align:right; line-height:50px; color:#fff;border-top:1px solid #454545; margin-top:40px;}


@media (max-width:768px) {
.mlang{margin: 0;position: fixed;top: 10px;right: 90px;}
.mlang a.dropdown-toggle{font-size: 18px; color:#999 }
.single_slide_slider{margin-top:1px;}
.wrap{margin:0 auto;max-width:98%;}
.marg80{ margin-top:40px!important;}
.margb80{margin-bottom:40px!important;}
.mob{ display:none}
.bannartitle{width:100%;  color:#fff; font-size:22px; padding-top:12%; text-align:center; font-weight:bold; text-transform:uppercase;margin:auto;}
.bannartitle2{ display:none}
/*bannar*/
.title{ width:90%;font-size:20px; padding-top:10%; padding-left:0; text-align:center}
.title2{ display:none}
.bann-more{ display:none}
.bnBox{margin-top:-70px;}
/*title*/
.title p{ font-size:25px; line-height:40px;}
.title span{font-size:14px;}
.container{margin:0 auto;}
/*foot*/
.foot_bg{padding:30px 0;}
.footLeft{ width:100%;}
.footC{ float:left;width:100%;margin-left:0; margin-top:20px;}
.footMenu li a{font-size:15px; line-height:30px;}
.footright{ float:left;width:100%;margin-left:0; margin-top:20px; border-top:1px solid #454545;}
.footright p{margin-top:10px;}

.copyright{ float:left; width:100%;text-align:center; line-height:25px; }
}
/*----------- media -----------*/
@media screen and (max-width:1600px){
    .navbar a{font-size: 16px;padding:0 30px;}
}

@media screen and (max-width:1024px){
    .navbar a{font-size: 14px;padding:0 10px;}
    .lang{left:5px;}
	.rightFix{ display:none}	
}
@media screen and (max-width:1200px){
    .navbar a{font-size: 14px;padding:0 15px;}
    .lang{left:5px;}
	.rightFix{ display:none}

}
@media screen and (max-width:960px){
    .header,.header.opaque{ padding-top: 60px;}
    .navbar{ float:left; width:100%;}
    .moble{ display:block; height:60px;}
    #navBox{ display:none;}
    nav>ul>li>ul li{font-size: 14px;text-indent:0px;}
	.header.opaque .header-nav.fixed .navbar a,.header.opaque .inner .navbar a{ color: #2e2e2e; opacity: 1}
    .header.opaque .navbar li.active > a{color: #F00;}
    .search-pup,.mLogo .logo,a.search-btn,.header .moble-bars,.header.opaque .header-nav.fixed .logo .logoa,.header.opaque .logo .logoa{ display:block;}
    .header.opaque .logo .logob{ display: none}
    .search-btn,.sbtn,.searchBox{color:#aaa;}
    .moble{padding: 0 20px;}
    .bnBox{margin-top:-70px;}
	.rightFix{ display:none}
}

@media screen and (max-width:821px){
    .header,.header.opaque{ padding-top:0}
    .mlang{margin: 0;position: fixed;top: 10px;right: 90px;}
    .mlang a.dropdown-toggle{font-size: 18px; color:#999 }
	.navbar{ float:left; width:100%;}
    .moble{ display:block; height:60px;}
}

@media screen and (max-width:640px){
    .header,.header.opaque{ padding-top:48px;}
    .moble{ height:48px;padding: 0 10px;}
    .header .moble-bars{ margin-top:9px;}
    .search-btn{ top:12px; right:45px;}
    .inner{ top:48px;}
    .mLogo{ height: 48px}
    .mLogo .logo{ height:28px; margin-top:-10px;}
    .mLogo .logo img{ height: 28px}
    .search-pup form button{ top:7px;}
    img.avatar{ width: 40px; height: 40px;}
	.bnBox{margin-top:-70px;}
    .bnBox.cateBn .text h3{font-size: 28px;}
    .bnBox.cateBn .text p{ font-size: 14px;}
	.rightFix{ display:none}
}
/*CSS动画样式*/
.anim{visibility:hidden;}
.animated{visibility:visible;}