/*鏈富棰樼敱demososo.com寮€鍙戯紝姝ｅ紡涓婄嚎鏃讹紝璇峰垹闄よ繖琛屻€�
*/
/*****search form***************************************/
.topsearch .text{border: none; border:1px solid #ddd;width: 200px;float: left;height: 25px;line-height: 23px;padding-left: 5px; }
.topsearch .searchbtn{border:none; width:45px;height:25px; cursor: pointer;}
/*album flexslider*/
.albumflex_tab{width:700px;height:80px;margin:0 auto; padding-bottom:30px}
.albumflex_item{width:700px;height:400px;margin:0 auto; }
.albumflex .flexslider{position:relative; }
.albumflex_tab li{margin-right:10px}
/*album flexslider*/
.albumflex_tab img{width: 160px;height: 80px}
.albumflex_item img{width: 700px;height: 400px}
/* Control Nav
.flex-control-nav {z-index:3;width: 100%; position: absolute; bottom: 15px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(bg/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.flex-active {background-position: 0 -26px; cursor: default;}
*/
/* Direction Nav*/
.flex-direction-nav li a {z-index:3;width: 38px; height: 68px; margin: -34px 0 0; display: block; background: url(bg/bg_direction_nav.png?v=s) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; }
.flex-direction-nav li a {text-indent:-9999px;}
.flex-direction-nav li a.flex-next {background-position: -48px 0;right:0}
.flex-direction-nav li a.flex-prev {background-position: 0 0; left:0px;}
.flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}
/*-------end banner --------------*/
/*jcaslide*/
.jcaslidebox{ height: 200px;}
.jcaslidebox li{width: 170px; height:180px;margin-right:15px }
.jcaslidebox .img img {width: 160px; height: 120px; }
.jcaslidebox .jcaslidewrap{position:absolute; width: 550px; height: 200px;overflow:hidden;left:60px;top:20px }
/*button*/
.jcaslidebox span.button{background:url(bg/navigation.png) no-repeat ; width: 30px; height: 28px;cursor:pointer }
.jcaslidebox span.prev{background-position: 0 0;left:10px;top:50px}
.jcaslidebox span.next{background-position: 0 bottom; right:20px;top:50px}
/*****ablum***************************************/
.albumlist{clear:both; padding:30px 0; }
.albumlist li{width: 150px; height: 120px;text-align:center; margin:10px; float:left; display:inline;padding:5px; }
.albumlist li img{width: 100px; height: 100px; }
/*****pageroll***************************************/
.pageroll{padding:10px 0;clear: both;height: 50px;line-height:50px; text-align:center; }
.pageroll a,.pageroll span{ margin-left:6px;padding:2px 8px;font-size:12px;}
/*bannerslider*/
.homebanner {width: 100%; height: 412px;overflow: hidden; }
.homebanner li{height: 412px;overflow: hidden; }
.homebanner .bx-wrapper .bx-pager{position:absolute; width: 100%;bottom:15px; }
.homebanner a{display: block;height: 100%;width: 100%; }
.banner {text-align:center; height: 300px}
.banner img{width:1100px;height: 300px}
/***********begin bxslider***************************/
.bx-wrapper { position: relative; margin: 0 auto 40px; padding: 0; *zoom: 1;}
.bx-wrapper img { max-width: 100%; display: block;}
/** THEME
===================================*/
.bx-wrapper .bx-viewport {
/*-moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc;
border: 5px solid #fff; left: -5px; */
background: #fff;
/*fix other elements on the page moving (on Chrome)*/
-webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0);
}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%;}
/* LOADER */
.bx-wrapper .bx-loading {min-height: 50px; background: url(bg/loader.gif) center center no-repeat #fff;
height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 80;
}
/* PAGER */
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager.bx-default-pager a {
background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px;
margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active { background: #000;}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev { left: 10px; background: url(bg/controls.png) no-repeat 0 -32px;}
.bx-wrapper .bx-next { right: 10px; background: url(bg/controls.png) no-repeat -43px -32px;}
.bx-wrapper .bx-prev:hover { background-position: 0 0;}
.bx-wrapper .bx-next:hover { background-position: -43px 0;}
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 80;
}
.bx-wrapper .bx-controls-direction a.disabled { display: none;}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto { text-align: center;}
.bx-wrapper .bx-controls-auto .bx-start {
display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0;
background: url(bg/controls.png) -86px -11px no-repeat; margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0;
background: url(images/controls.png) -86px -44px no-repeat; margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px;}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px;}*/
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%;}
.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px;}
/****end bxslider**********************************/
/*--------------back-top--------------------*/
#back-top{display:none; }
#back-top a{position:fixed;bottom:20px;right:20px;z-index:999999999;color:#eee;
background-color:rgba(0,0,0,0.3);
-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease; text-align:center;
width: 48px;height: 48px;background: url(bg/bgbacktop.png) no-repeat;
}
#back-top a:hover{background-position:-60px 0}
#back-top a i{font-size:2em}
@media (max-width:767px){
#back-top a{position:fixed;bottom:10px;right:10px}
#back-top a i{font-size:1.6em}
}