@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: #000;font-size:15px;line-height:1.42857143;font-family:"Microsoft YaHei",Helvetica,Arial,sans-serif,Comfortaa;font-weight: 300; 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;font-size:100%;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;margin:0;padding:0; color:#000}
a,input{outline:none;}
a:hover,a:focus{color:#c00808;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:#c00808;color: #ffffff; text-shadow:none}
*::-moz-selection {background:#c00808;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;}
/*----------- container -----------*/
.icon{background-image: url("/images/ico.png");display: inline-block;vertical-align: middle;}
.container{position:relative;max-width:1260px;margin:0 auto;}
.wrap{position:relative;max-width:1260px;margin:0 auto;}
.marg40{ margin-top:40px!important;}
.marg50{ margin-top:50px!important;}
.marg70{ margin-top:70px!important;}
.marg-bott40{ margin-bottom:40px!important;}
/*----------- 头部 -----------*/
.top{ width:100%; background:#c00808; line-height:40px; text-align:right}
.top a{display: inline-block;position: relative;color: #fff;font-size: 14px;margin-right: 15px;padding-left: 27px;}
.top a.h_email:after{content:'';width:28px;height:18px;background: url(/images/ico.png) -31px 0;position: absolute;left:0;top: 50%;margin-top: -9px;}
.top a.h_tel:after{content:'';width: 18px;height: 18px;background: url(/images/ico.png) 0 0;position: absolute;left:4px;top: 50%;margin-top: -9px;}
.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:1260px;}
.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:62px;}
.mLogo .logo{ display:none}
.header.opaque {padding-top:0px;}
.header.opaque .header-nav{background-color:rgba(255, 255, 255, 0);box-shadow:0 0 10px rgba(22,22,22,0)}
.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: #000000;}
.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: #000000; 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: #c00808;}
.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; line-height:80px; padding:0px 18px; font-size:16px; font-weight: 300; color:#000000;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.header-nav.fixed .navbar a{ line-height:60px;}
.header-nav.fixed .navbar>li>ul>li>a{ line-height:40px;}
.navbar li.active>a, .navbar li.on>a{color:#c00808;}

.navbar li:after{background:#c00808;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}
.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: 300;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:#c00808; color:#fff;border-bottom:1px solid #c00808;}
.navbar li:after{background:#c00808;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:-100px;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-left:10px;color:#333; background-color:#f7f7f7;font-size:14px; text-align:left;line-height:35px; opacity: 1; width:290px; }
#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(192,8,8,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:#c00808}
.fixed {left: 0; opacity: 0.98;position: fixed;right: 0;top: 0; width: 100%;z-index:888;}
/*----------- search-top -----------*/
.searchBox{ display:none}
.search-pup{margin-top:8px;position:relative;}

.search-pup form input:focus{width:180px}
.search-pup form button{position:absolute;right:6px;top:4px;color:#ddd;background:0 0;border:none;padding:0;margin:0;line-height:normal;font-size:18px;font-weight:300;outline:0;cursor:pointer}
/*----------- 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:75px;}
.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;}
.title{ float:right;width:100%;  color:#fff; font-size:50px; padding-top:20%; padding-left:600px; font-weight:bold; text-transform:uppercase;margin:auto;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.9); box-sizing:border-box;}
.title2{width:100%; padding-left:600px;color:#fff; font-size:30px; line-height:30px;box-sizing:border-box;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.9);}

.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:#ffffff}

.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;}

/*search-form*/
.search-form {height:35px; position:relative;}
.search-form .s {height:22px; border:1px solid #ddd; padding:5px 35px 5px 5px; border-radius:3px; width:210px;}
.search-form .s:focus,#login-page .login-form .text:focus {border:1px solid #2689FF; box-shadow:0 0 3px #2689FF;}
.search-btn,.sbtn,.searchBox{position:fixed;right:58px;top:18px;color:rgba(255,255,255,0.6);background:0 0;border:none;padding:0;margin:0;line-height:normal;font-size:19px;font-weight:300;outline:0;cursor:pointer; z-index:890;}
.fixed .sbtn,.fixed .searchBox,.header.noOpaque .sbtn{ color: #999}
a.search-btn{ display:none;}
.search-bg,.searchBox{position:fixed; left:50%; top:45%; z-index:891; height:auto; margin:-28px 0 0 -113px; display:none;}
.sbtn{ position:inherit; float:right; font-size:18px; background:rgba(0,0,0,.0);height:40px; line-height:40px; border-radius:1000px; text-align:center; margin-top:19px; margin-left:10px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;filter:alpha(opacity=65)!important;opacity:0.65!important;}
.lang{ position: relative; float:right;padding:0 7px;  height:25px; 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;
    background: rgba(0,0,0,0.3);
    border-radius: 15px;}
.lang:hover{color: #fff !important;filter:alpha(opacity=100)!important;opacity:1!important;}
.lang .dropdown-toggle{ color:#fff; filter:alpha(opacity=100)!important;opacity:1!important;font-size:12px;}
.fixed .lang .dropdown-toggle{color: #333;}
.fixed .lang .dropdown-toggle:hover{ color: #333 !important;filter:alpha(opacity=100)!important;opacity:1!important;}
.fixed .sbtn,.header.noOpaque .sbtn{margin-top:9px;}
.fixed .lang{margin-top: 18px; background: rgba(0,0,0,0.1)}

.header.noOpaque .lang{margin-top: 20px;color: #333;background: rgba(0,0,0,0.1)}
.header.noOpaque .lang .dropdown-toggle{color: #333;}
.sbtn:hover{filter:alpha(opacity=100)!important;opacity:1!important;}
.searchBox{ left:50%;margin:-28px 0 0 -100px; width:200px; z-index:900;}
.search-bg .search-form {display:block;}
.page-bg {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:890; display:none;}
.search-bg .search-pup{margin-top:0; float:none}
.search-bg .search-pup form input,.searchBox .search-pup form input{width:100%;border-radius:3px;border:1px solid #efefef;font-size:14px;padding:6px 30px 6px 10px;background:#fff;height:35px;outline:0}
.searchBox .search-pup form input{ max-width:200px;}
/*放大镜*/
.fangdapic{ overflow:hidden; position:relative; border:1px solid #ddd;}
.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:#1a1a1a; /*background:#192e64;*/ padding:40px 0px;overflow:hidden;}
.footLeft{ float:left;width:330px;overflow:hidden;}
.footLeft h2{ width:100%;font-size:16px; line-height:40px; font-weight:bold; color:#fff; text-transform:uppercase}
.footLeft p{ float:left; width:100%; font-size:14px; color:#7e8492; line-height:25px; overflow:hidden}
.footC{ float:left;width:150px;overflow:hidden; margin-left:150px; }
.footC1{ float:left;width:150px;overflow:hidden; margin-left:100px; }
.footright{ float:right;width:300px;overflow:hidden; margin-left:30px;}
.footright h3{ font-size:16px; line-height:40px; font-weight:bold; color:#fff;}

.footico{float:left; width:100%;}
.footico p{ width:100%; float:left; line-height:40px;color:#7e8492; 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;}

.footMenu{float:left; margin-top:5px; width:100%}
.footMenu li a{float:left; color:#7e8492;font-size:14px; line-height:30px; width:100%}
.footMenu li a:hover{ color:#c00808;}
.footMenu h3{ font-size:16px; line-height:40px; font-weight:bold; color:#fff; text-transform:uppercase}
.copyright{ float:left; width:100%;text-align:center; line-height:30px; color:#7e8492; padding:15px 0px; border-top:1px solid #383a3e;background:#1a1a1a; text-align:right }

/*share*/
.mftl_share{ width:240px; overflow:hidden;padding-top:40px;}
.mftl_share li{ float:left; width:25%; overflow:hidden;cursor: pointer;}

@media (max-width:768px) {
.mlang{margin: 0;position: fixed;top: 10px;right: 90px;}
.mlang a.dropdown-toggle{font-size: 16px; }
.single_slide_slider{margin-top:1px;}
.wrap{margin:0 auto;max-width:98%;}
.top{ 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;width:98%;}
/*foot*/
.footLeft{ display:none;}
.footC{ display:none;}
.footC1{ display:none;}
.footico{padding-top:1px;}
.footico p{ width:100%; float:left; line-height:40px;color:#ababab; font-size:13px;}
.rightFix{ display:none}
.copyright{ text-align:center}
}
/*----------- media -----------*/

@media screen and (max-width:1024px){
    .header .nav-content{width: 1024px;}
    .navbar a{font-size: 14px;padding:0 10px;}
    .lang{left:5px;}
	.rightFix{ display:none}
	.marg50{ margin-top:30px!important;}
}
@media screen and (max-width:960px){
    .header,.header.opaque{ padding-top: 60px;}
    .navbar{ float:left; width:100%}
    .moble{ display:block; height:60px;}
	.top{ display:none}
    #navBox{ display:none;}
    nav>ul>li>ul li{font-size: 14px;text-indent:0px;}
    .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}
	.marg50{ margin-top:20px!important;}
}

@media screen and (max-width:800px){

    .container{ padding:0 12px;}
    .bnBox{margin-top:-70px;}
	.rightFix{ display:none}
	.top{ display:none}
	.marg50{ margin-top:20px!important;}
}

@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:-14px;}
    .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}
	.top{ display:none}
	.marg50{ margin-top:20px!important;}
}
/*CSS动画样式*/
.anim{visibility:hidden;}
.animated{visibility:visible;}
/*在线客服rightFix*/
.rightFix {width: 65px; position: fixed;right: 10px;bottom: 10%;z-index: 999;}
.rightFix a {width: 65px; height: auto;background: #c00808;text-align: center;display: block;margin-bottom: 6px;position: relative;padding-top: 8px;
  border-radius: 5px;padding-bottom: 5px;}
.rightFix a h3 {color: #fff; font-weight: 400;font-size: 12px;}
.rightFix .ico {width: 32px; height: 32px;display: block;position: relative;overflow: hidden;transition: all ease 300ms;margin: 0 auto 1px;padding: 0;
  background: url("../images/fix-ico.png") no-repeat 0 0;}
.rightFix .img { width: 110px;height: auto;position: absolute;left: -10px;top: 0;padding: 6px; background: #c00808;border: 1px solid #ddd;background: #fff;
  display: none;text-align: center;opacity: 0;filter: alpha(opacity=0);transition: all ease-in-out 0.2s;border-radius: 5px;color: #333;padding-bottom: 10px;}
.rightFix .img p {padding-top: 5px;}
.rightFix a:hover .img {opacity: 1;filter: alpha(opacity=100);left: -120px;display: block;}
.rightFix .img img {width: 110px;height: 110px;}
.rightFix a span {width: 200px;text-align: center;height: 62px;line-height: 62px;position: absolute;top: 0;background: #c00808;color: #fff;display: block;font-weight: bold;font-size: 18px;opacity: 0;filter: alpha(opacity=0);transition: all ease-in-out 0.2s;border-radius: 7px 0 0 7px;}
.rightFix a:hover {background-color: #c00808;overflow: visible;}
.rightFix a:hover h3 { color: #fff;}
.rightFix a.fix-ewm:hover img {opacity: 1;filter: alpha(opacity=100);left: -140px;}
.rightFix a:hover span {opacity: 1;filter: alpha(opacity=100);left: -210px;}
.rightFix .fix-tel:hover .ico { background-position: -32px 0;}
.rightFix .fix-xcx .ico {background-position: 0 -32px;}
.rightFix .fix-xcx:hover .ico {background-position: -32px -32px;}
.rightFix .fix-ewm .ico {background-position: 0 -64px;}
.rightFix .fix-ewm:hover .ico {background-position: -32px -64px;}
.rightFix .mess .ico {background-position: 0 -96px;}
.rightFix .mess:hover .ico {background-position: -32px -96px;}
.rightFix .fix_top .ico {background-position: 0 -128px;}
.rightFix .fix_top:hover .ico,
.rightFix .fix_top.hover .ico {background-position: -32px -128px;}
.rightFix .fix-form { background-position: 10px -234px;}
.rightFix .fix-form span {font-size: 14px; line-height: 23px;width: 180px;}
.rightFix .fix-form:hover {background-position: -37px -234px;}