@charset "utf-8";


/* CSS Document */


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, button{padding:0;margin:0;}


fieldset, img{border:0;}


input, label, select, option, textarea, button, fieldset, legend{ font-size:12px; line-height:24px;  }


table{border-collapse:collapse;border-spacing:0;font-size:12px; line-height:24px;  }


ul{list-style:none;}


ol, li { list-style: none; margin:0; padding:0; }


body{color:#666; font-size:12px; line-height:24px;  margin:0 auto; width:100%;}


h1,h2,h3,h4,h5,h6{font-size:100%;}


img{ border:0;}


.clear{ clear:both;}


.left{ float:left;}


.right{ float:left;width: calc(100% - 448px);}


:before, :after { -o-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: border-box; }


/*链接字体颜色*/


a{ color:#838282; text-decoration:none;}


a:hover{  text-decoration:none; /*! color:#3E3A39 */}


*{font-family:"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;}


.font14{ font-size:14px;;}





.header { width:100%; height: 57px;padding-top:25px; margin:0px auto 0 auto; position:fixed; z-index:99999;background:#ffffffe6;transition-property: background-color,padding-top,top;


    transition-duration: 100ms,100ms,300ms;


    transition-timing-function: linear,linear,ease-in-out;


    -webkit-transition-delay: 0ms;


    -moz-transition-delay: 0ms;


    transition-delay: 0ms;


    -webkit-backface-visibility: hidden;


    backface-visibility: hidden;}


.logo_bar{ margin:0 auto;max-width:1200px; padding:0 3%;  }





.logo_bar .lang{ float:left; width:79px; text-align:right; line-height:47px; font-size:14px;padding:5px 0 0 0; }


.logo_bar .lang ul li{ padding-right:30px; cursor:pointer;/*background:url(../images/lang_ico.png) no-repeat right center;*/ position:relative; }


.logo_bar .lang ul li .yuyan{ display:none;}


.logo_bar .lang ul li:hover .yuyan{ width:100%; border-top:1px solid #ccc;display:block; position:absolute; left:0; top:47px; z-index:9999; }


.logo_bar .lang ul li:hover .yuyan a{ height:30px; line-height:30px; text-align:center; background:#fff; border-bottom:1px solid #ccc; display:block; width:100%; font-size:12px;}





/*.header .logo img{ margin-top:15px;}*/


/*menu*/


/*menu*/


#nav {display:block; margin-top:15px;float: right;}


#nav .mainlevel { float:left; position:relative;}


#nav .mainlevel a {color:#3b3b3b; font-size:14px;  width:78px; text-align:center;  margin:0 12px; line-height:26px; display:block; height:39px;}


#nav .mainlevel a span.english{ display:block;}


#nav .mainlevel a span.chinese{ display:none;}


#nav .mainlevel:hover span.english{ display:none;}


#nav .mainlevel:hover span.chinese{ display:block;}


#nav .mainlevel a:hover {color:#000; }


#nav .mainlevel:hover { border-bottom:3px solid #000; }





#nav .mainlevel ul {display:none; position:absolute; left:-82px; background:#fdfdfd; padding-bottom:0px; padding-top:0px; top:42px; width:260px;}


#nav .mainlevel li {}


#nav .mainlevel li a{ border:0; line-height:38px; padding-left:12px; color:#828282; width:auto; text-align:left;}


#nav .mainlevel li a:hover{ border:0; line-height:38px;}


#nav .mainlevel li img{ position:absolute; right:6%; bottom:6%;}


@media (min-width: 768px) {


.sj_header{display: none;}   


.sj_banner{display: none;}  


 .sj_footer{display: none;}  


}








@media (max-width: 768px) {


.header { width:100%; height:150px; margin:25px auto 0 auto; position:fixed; z-index:99999;display: none;}


.banner_img{display: none;}


.menu{ float:left;}


#nav .mainlevel a {color:#828282; font-size:14px;  width:85px; margin:0; text-align:center; line-height:26px; display:block;}


#nav .mainlevel ul {display:none; position:absolute; left:0px; background:#F4F4F5; padding-bottom:60px; padding-top:15px; top:42px; width:200px;}


.logo_bar{ margin:0 auto;max-width:1200px; padding:0; }


/*手机端样式*/


.sj_header{ display:block; padding:15px 3%; height:54px; background:#fff;}


.sj_header .logo{ float:left;}


.sj_header .logo img{ max-width:160px; margin-top:2px;}


.sj_header .menu{ float:right;}


.sj_header .menu img{ float:right; max-height:20px; margin-left:10px;}


.sj_foot{display:block; background:#1d1d1d; color:#aaaaaa; padding-top:30px; margin-top:20px;}


.sj_foot ul{ }


.sj_foot ul li a{ display:block;text-transform:uppercase; font-size:18px; line-height:40px;  color: #fff;  font-weight:bold; padding:0 3%;}


.sj_foot ul li a:hover{ color:#6d6d6d;}


.sj_foot .bei{ color:#515151; padding:0 3%;}


.sj_foot p{ padding:20px 3% 20px 3%; border-bottom:1px solid #343434; font-size:14px; line-height:22px;} 


.sj_foot .tel{ padding:20px 20% 20px 3%; position:relative; }


.sj_foot .tel a.dianhua{ position:absolute; right:3%; top:50%; margin-top:-14px; width:100%; max-width:25px;}


.sj_foot .tel a.dianhua img{width:100%; max-width:30px;}


.drawer-main { position: fixed; top: 54px; width: 55%; padding-right:3%; height: 100%; overflow: hidden }


.drawer-left .drawer-main { left: -280px; -webkit-transition: left .4s cubic-bezier(0.19, 1, .22, 1); -o-transition: left .4s cubic-bezier(0.19, 1, .22, 1); transition: left .4s cubic-bezier(0.19, 1, .22, 1) }


.drawer-left.drawer-open .drawer-main { left: 0 }


.drawer-right .drawer-main { right: -58%; -webkit-transition: right .4s cubic-bezier(0.19, 1, .22, 1); -o-transition: right .4s cubic-bezier(0.19, 1, .22, 1); transition: right .4s cubic-bezier(0.19, 1, .22, 1) }


.drawer-right.drawer-open .drawer-main { right: 0 }


.drawer-overlay { position: relative }


.drawer-left .drawer-overlay, .drawer-left .drawer-hamberger { left: 0; -webkit-transition: left .4s cubic-bezier(0.19, 1, .22, 1); -o-transition: left .4s cubic-bezier(0.19, 1, .22, 1); transition: left .4s cubic-bezier(0.19, 1, .22, 1) }


.drawer-left.drawer-open .drawer-overlay, .drawer-left.drawer-open .drawer-hamberger { left: 280px }


.drawer-right .drawer-overlay, .drawer-right .drawer-hamberger { right: 0; -webkit-transition: right .4s cubic-bezier(0.19, 1, .22, 1); -o-transition: right .4s cubic-bezier(0.19, 1, .22, 1); transition: right .4s cubic-bezier(0.19, 1, .22, 1) }


.drawer-right.drawer-open .drawer-overlay, .drawer-right.drawer-open .drawer-hamberger { right: 55% }


.drawer-overlay-upper { position: fixed; top: 0; z-index: 1100; display: none; height: 100%; }


.drawer-left.drawer-open .drawer-overlay-upper { right: 0 }


.drawer-right.drawer-open .drawer-overlay-upper { left: 0 }


.drawer-default { background-color: #222; -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.5); box-shadow: inset 0 0 0 rgba(0,0,0,.5) }


.drawer-default+.drawer-overlay { background-color: #fff }


.drawer-default .drawer-brand a { display: block; width: 100%; padding: 20px 15px; font-size: 22px; color: #fff }


.drawer-default .drawer-brand a:hover { color: #444; text-decoration: none }


.drawer-default .drawer-nav-title { display: block; padding: 15px 15px 0 15px; font-size: 18px }


.drawer-default .drawer-nav-list { padding: 0; margin: 30px 0 30px 0; list-style: none }


.drawer-default .drawer-nav-list li { display: block }


.drawer-default .drawer-nav-list li a { display: block;text-transform:uppercase; font-size:24px; line-height:50px;  color: #fff; text-align:right; font-weight:bold; }


.drawer-default .drawer-nav-list li a:hover { color:#6d6d6d; }


.drawer-hamberger {  z-index: 1000; display: block; width:23px; height:24px; background-color: transparent; border: 0 }


.drawer-hamberger span { margin-top: 10px }


.drawer-hamberger span, .drawer-hamberger span:before, .drawer-hamberger span:after { position: absolute; display: block; width: 23px; height: 3px; cursor: pointer; content: ''; background-color: #2d2d2d; border-radius: 1px; -webkit-transition: all .4s cubic-bezier(0.19, 1, .22, 1); -o-transition: all .4s cubic-bezier(0.19, 1, .22, 1); transition: all .4s cubic-bezier(0.19, 1, .22, 1) }


.drawer-hamberger span:before { top: -8px }


.drawer-hamberger span:after { bottom: -8px }


.drawer-open .drawer-hamberger span { background-color: transparent }


.drawer-open .drawer-hamberger span:before, .drawer-open .drawer-hamberger span:after { top: 0 }


.drawer-open .drawer-hamberger span:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) }


.drawer-open .drawer-hamberger span:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg) }


.drawer-hamberger:hover { cursor: pointer }





.sj_banner{ position:relative;} 


.sj_banner .stage a.prev{ position:absolute; left:10px; top:50%; height:26px; width:18px; margin-top:-13px; background:0; display:block; background-size:18px;}


.sj_banner .stage a.next{position:absolute; right:10px; top:50%; height:26px; width:18px; margin-top:-13px; background:0;display:block;background-size:18px;}


.sj_banner .selectors { position:absolute; right:3%; bottom:0;}


.sj_banner .selectors li { font-size: 30px; line-height: 10px;  display: inline; padding: 10px 2px 0px 2px; }


.sj_banner .selectors li a { text-decoration: none; font-size: 22px;color:#fff; }


.sj_banner .selectors li.focalPoint a { color: #2d2d2d; cursor: default; }


.sj_banner .captions .yw{ font-size:22px; font-weight:bold; }


.sj_banner .captions .kh {background:url(../images/banner_bg.png) repeat; height:150px; left: 200%; position:absolute; width:100%; padding:0 3%; opacity: 0; bottom:0; -webkit-transition: opacity 0.75s cubic-bezier(0.860, 0.000, 0.070, 1.000); -moz-transition: opacity 0.75s cubic-bezier(0.860, 0.000, 0.070, 1.000); -o-transition: opacity 0.75s cubic-bezier(0.860, 0.000, 0.070, 1.000); transition: opacity 0.75s cubic-bezier(0.860, 0.000, 0.070, 1.000); text-align:left; }


.sj_banner .captions .kh strong{ font-size:24px; padding-top:20px; display:block; color:#fff;}


.sj_banner .captions .kh a{ color:#fff;text-transform:uppercase;}


.sj_banner .captions .kh p{ color:#fff; line-height:20px; padding:10px 0;}


.sj_banner .captions div.focalPoint { opacity: 1; left: inherit; }








.waiter-ul li .waiter-title { position: absolute; right: 0; top: -29px; color: #fff; height: 30px; width:80px; line-height: 50px; text-align: center; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; z-index: 1; opacity:0; }


.waiter-ul li:hover .waiter-title { right: 0; top:30px;  opacity:1; border-radius:100px; overflow:hidden; }








.swiper-slide{ position:relative;}


.swiper-slide img{ width:100%; display:block;}


.swiper-slide .kh { z-index:99999;background:url(../images/hei2.png) repeat; height:150px; left:0; position:absolute; width:100%; padding:0 3%; bottom:0;  }


.swiper-slide .kh strong{   font-size:20px;letter-spacing:1px; padding-top:20px; display:block; color:#fff;}


.swiper-slide .kh a{ color:#fff;text-transform:uppercase;background:url(../images/jiantou.png) no-repeat right center; background-size:9px; padding-right:15px;}


.swiper-slide .kh .line{ display:block; width:22px; height:1px; background:#fff; margin:10px 0 0 0;}


.swiper-slide .kh p{ color:#fff; line-height:20px; padding:10px 20% 0 0;}








.lunbo .swiper-button-next,.lunbo .swiper-button-prev { display:block; }


.lunbo .swiper-container-horizontal>.swiper-pagination-bullets,.lunbo  .swiper-pagination-custom,.lunbo  .swiper-pagination-fraction { bottom: 6px; left: 0%; width:100%; text-align:center;}











}


.cd-top { display: inline-block; height: 140px/*70px*/; width: 70px; position: fixed; bottom: 80px; right:3%; overflow: hidden; text-indent: 100%; white-space: nowrap; background: url(../images/top.jpg) no-repeat; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }


.cd-top a{ display:block;}


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





.top{ position:fixed; right:3%; bottom:70px ; width:70px;  z-index:99999;}


.top a.guanbi_bg{ background:#000; padding:22px; width:26px; height:27px; display:block;}


.top a.guanbi_bg img{ width:26px; height:26px; -webkit-transition: -webkit-transform 1s ease-out; -moz-transition: -moz-transform 1s ease-out; -o-transition: -o-transform 1s ease-out; -ms-transition: -ms-transform 1s ease-out;}


.top a.guanbi_bg:hover img{-webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); transform: rotateZ(180deg);}











.top a img{ display:block; margin-top:1px;}





.page { clear: both; text-align: center; padding: 30px 10px 10px 10px; height: 40px; }


.page a { color: #666666; font-size: 0.9em; border: 1px solid #E5E5E5; background: url(../images/pc/page.png) repeat-x left bottom; text-decoration: none; padding: 5px 8px; }


.page a:hover { background-image: none; background-color: #D7210B; color: #FFF; }


.page strong { background-color: #D7210B; padding: 4px 8px; color: #FFF; border: 1px solid #A91A1F; font-weight: normal; }








@media (max-width: 768px) {


	


	.top{ position:fixed; right:8px; bottom:35px ;width:40px;  z-index:99999;}


.top img{ width:40px;}	


	.cd-top { display: inline-block;  width: 40px; position: fixed; bottom: 40px; right: 10px; overflow: hidden; text-indent: 100%; white-space: nowrap; background: url(../images/top.jpg) no-repeat; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background-size:40px; }








.top a.guanbi_bg{ background:#000; padding:13px; width:14px; height:14px; display:block;}


.top a.guanbi_bg img{ width:14px; height:14px; -webkit-transition: -webkit-transform 1s ease-out; -moz-transition: -moz-transform 1s ease-out; -o-transition: -o-transform 1s ease-out; -ms-transition: -ms-transform 1s ease-out;}


.top a.guanbi_bg:hover img{-webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); transform: rotateZ(180deg);}





}


footer{margin:0 auto; height:70px;max-width:1200px;  line-height:35px; }


.foot_logo{margin-top: 30px; }


.foot_logo img{ margin:0;}


.copyright{ font-size:15px; float:left;}


.nav{ font-size:14px; float:right;/*margin-top: -35px;*/}


.nav a{ float:left; width:103px; text-align:right;}


.nav a span.english{ display:block;}


.nav a span.chinese{ display:none;}


.nav a:hover span.english{ display:none;}


.nav a:hover span.chinese{ display:block;}


@media (max-width: 768px) {


footer{margin:0 auto;max-width:1200px; height:auto; padding:0; line-height:35px; }


.copyright{ font-size:15px; width:100%; float:none;}


.nav{ font-size:14px; width:100%; float:none;}


.nav a{text-align:left; width:90px;}


}