﻿@charset "utf-8";
/*                     (0 0)
   +-------------oOO----(_)-----------------+
   |  * File name  : layout.css 
   |  * Info       : Haoyang stone
   |  * Writer     : Flying  
   |  * Date       : 2018.11.20 
   |  * Powered By KEW - www.chinakewei.net 
   +--------------------------oOO-----------+
                      |__|__|
                       || ||
                      ooO Ooo
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding: 0px; border: 0; font-size: 100%; outline: none;}
html { font-size: 100%!important; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
/* always display scrollbars */
body{font-size: 14px; line-height: 200%; font-family: "Microsoft Yahei","微软雅黑",Arial,Helvetica,"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "sans-serif"; margin: 0 auto; color: #444; background: #f6f6f6; -webkit-tap-highlight-color:rgba(0,0,0,0);}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6{font-weight:normal}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
img { border: 0; vertical-align: middle; pointer-event:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;}
input{ outline: none;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea {-webkit-appearance: none; border-radius: 0; outline: none;  font-family:"Microsoft Yahei"}
::-moz-selection { background: #338fff; color: #fff; text-shadow: none; }
::selection { background: #338fff; color: #fff; text-shadow: none; }
select{ outline: none;}
select::-ms-expand { display: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; transition:All 0.4s ease-in-out;	-webkit-transition:All 0.4s ease-in-out;	-moz-transition:All 0.4s ease-in-out;	-o-transition:All 0.4s ease-in-out;}
a:link, a:visited { text-decoration: none; color:#444;}
a:active, a:hover { text-decoration: none; outline:none; color:#ff6633;}
a:focus{text-decoration:none;outline:0;}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px;}
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


/*PC端头部*/
#header-content{width: 100%; height: 100px; background: #fff; }
#header-bar{width: 1200px; height: auto; margin: 0 auto;}
#header-bar .logo{width: 265px; height: auto; float: left;}
#header-bar .navigation{width: 780px; height: 100px; float: left; margin-left: 95px; background: url(../images/icon-1.png) no-repeat 50% 50%;}
#nav {margin:0 auto; width:780px; height: auto; font-size:16px; position:  absolute; z-index:99; }
#nav .jquery {margin-right:0;padding:0;}
#nav .mainlevel {float:left; border-right:0; width:130px; height:100px; line-height:100px; /*IE6 only*/}
#nav .mainlevel a {text-align:center; text-decoration:none; display:block; width:130px;  color: #acacac; text-transform: uppercase; color: #8b8b8c;}
#nav .mainlevel a:hover {text-decoration:none; color: #fff; background: #8b8b8c; }
#nav .mainlevel ul {display:none; position:absolute; top: 100px;}
#nav .mainlevel li {border-bottom:1px solid #a2a2a2; font-weight: normal;/*IE6 only*/}
#nav .mainlevel li a{background:#8b8b8c; color: #fff; width:130px; font-size:14px; height:auto; line-height:150%; padding: 12px 0; text-transform: none; text-transform: capitalize;}
#nav .mainlevel li a:hover{ background:#ff6633; color: #fff; }
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #8b8b8c;
  height: 3px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}


.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}

#header-bar .search{width: 60px; height: auto; float: right; padding-top: 33px;}
#container { width:60px; height: auto;  margin:0 auto; position: relative; background: url(../images/icon-2.png) no-repeat 55% 0; text-align: center; }
#topnav a.menu-open { color:#666!important; outline:none; display: block; }
#topnav span{font-size: 32px; font-weight: bold;}
#signin_menu { display:none; background-color: rgba(255,255,255,0.30);  position:absolute; width:300px; z-index:100; border:0 transparent; text-align:left; padding:10px; top: 67px; right: 0px; margin-top:0; margin-right: 0px;  font-size:14px; border-radius: 0 0 5px 5px; }
.search-content{width: 100%; height: auto; }
.search-content h2{ width: 245px; height: 41px; float: left;}
.search-content h2>input{width: 100%; height: 100%; border: 0; background: #fff;  color: #8b8b8c; font-size: 14px; border-radius: 30px 0 0 30px;  text-align: left; text-indent: 0.5rem; text-transform: capitalize; box-sizing: border-box; }
.search-content h3{ width: 55px; height: 41px; float: right; padding-top: 1px; }
.search-content h3>input{width: 100%; height: 40px; border: 0; background: #ff6633 url(../images/icon-3.png) no-repeat 50% 50%; background-size: 50%;  cursor: pointer; border-radius: 0 30px 30px  0; }

/*PC端底部*/
#footer-content{width: 100%; height: auto; background: #2d2d2d;}
#footer-bar1{width: 1200px; height: auto; margin: 0 auto; background: url(../images/img-1.jpg) repeat-y 650px 50%; padding: 60px 0; overflow: hidden;}
#footer-bar1 .left00{width: 620px; height: auto; float: left;}
#footer-bar1 .left00 li{width: 155px; height: auto; float: left;}
#footer-bar1 .left00 li h2{color: #efefef; font-size: 16px;}
#footer-bar1 .left00 li p{color: #9c9c9c;}
#footer-bar1 .left00 li p a{color: #9c9c9c;}
#footer-bar1 .left00 li p a:hover{color: #ffcc33;}
#footer-bar1 .right00{width: 530px; height: auto; float: right; color: #9c9c9c;}
#footer-bar1 .right00 p img{margin-right: 10px;}
#footer-bar1 .right00 figure{width:110px; height: auto; float: left; text-align: center; margin-top: 20px; margin-right: 10px;}
#footer-bar1 .right00 figcaption{padding: 3px 0;}

#footer-copyright{width: 100%; height: 60px; line-height: 60px; background: #1e1e1e; text-align: center; color: #797979;}
#footer-copyright a{color: #797979; }
#footer-copyright a:hover{color: #ff6633; color: #fff;}


/*综合首页*/
#movie{width: 100%; height: auto; text-align: center; }
/*#focus { width: 1920px; height: 650px; overflow: hidden; position: relative; margin: 0 auto; }
#focus ul { height: 650px; position: absolute; }
#focus ul li { float: left; height: 650px; overflow: hidden; position: relative; background: #FFF; }
#focus ul li img{width: 100%;}
#focus ul li div { position: absolute; overflow: hidden; }
#focus .btnBg { position: absolute; width: 100%; height: 20px; left: 0; bottom: 0; }
#focus .btn { position: absolute; width: 100%; height: 10px; padding: 30px 0; right: 0; bottom: 0; text-align: center; }
#focus .btn span { display: inline-block; _display: inline; _zoom: 1; width: 50px; height: 5px; _font-size: 0; margin-left: 5px; cursor: pointer; background: #fff; }
#focus .btn span.on { background: #FFF; }*/
.b_rslides_s{position: relative;list-style: none;overflow: hidden;width: 100%; height:auto;padding: 0;margin: 0;}
.b_rslides_s li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;}
.b_rslides_s li:first-child {position: relative;display: block;float: left;}
.b_rslides_s img {display: block;height: auto;float: left;width: 100%;border: 0;}

.b_rslides_s1{position: relative;list-style: none;overflow: hidden;width: 100%;height:300px;  padding: 0;margin: 0;}
.b_rslides_s1 li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;}
.b_rslides_s1 li:first-child {position: relative;display: block;float: left;}
.b_rslides_s1 img {display: block;height: auto;float: left;width: 100%; height:200px;    border: 0;}

.b_slide_container {position: relative;float: left;width: 100%; height:auto; margin-bottom:0px;}
.b_slide_container_s {position: relative;float: left;width: 100%; height:auto; margin-bottom:0px;}
.b_slide {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.b_slide li {position: absolute;width: 100%;left: 0;top: 0;}
.b_slide img {display: block;position: relative;z-index: 1;height: auto;width: 100%;border: 0;}
.b_slide .b_caption {display: block;position: absolute;z-index: 2;font-size: 20px;text-shadow: none;color: #fff;background: #000;background: rgba(0,0,0, .8);left: 0;right: 0;bottom: 0;padding: 10px 20px;margin: 0;max-width: none;}
.b_slide_nav {position: absolute;-webkit-tap-highlight-color: rgba(0,0,0,0);top: 52%;left: 5px;opacity: 0.7;z-index: 3;text-indent: -9999px;overflow: hidden;text-decoration: none;height: 100px;width: 50px;background: transparent url("") no-repeat left top;margin-top: -50px;}
.b_slide_nav:active {opacity: 1.0;}
.b_slide_nav.next {left: auto;background-position: right top;right: 5px;}

