/*本模板由DM建站系统 www.demososo.com开发
*/
.bgloading{ background: url(bg/loading.gif) no-repeat center center;}
.loading{ background: url(bg/loading.gif) no-repeat center center;}
.loadingbig{ background: url(bg/loadingbig.gif) no-repeat center center;}
.loadingbar{ background: url(bg/loadingbar.gif) no-repeat center center;}
.loadingbar2{ background: url(bg/loadingbar2.gif) no-repeat center center;}

 /*****search form  topsearch***************************************/ 
.topsearchbox{position:absolute; top:70px;right:20px;z-index:99}
 .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:28px; cursor: pointer;background:#E6E4E4; }
/**menu
.menu a{text-decoration:none; }
.menu li{position:relative;z-index:200; } 
.menu li.m{float:left; display:inline;}
.menu a.m{display:block;font-size:17px;padding:0 28px;}
.menu li li a{display:block;padding:10px;line-height:20px; }
.menu ul ul{display: none;position:absolute;width:180px ;z-index:210; }
.menu ul ul ul{left:180px;top:0px;} 

.menuright{position:absolute; top:30px;left:230px }
.menuright a.m{padding:0 16px;}
*/
 .menu li li a:hover,.menu li li a.active{background:url(bg/tm.gif) no-repeat} /*use for hack*/

/***menu arrows */
.sf-sub-indicator {	position:absolute;	display:block;	right:5px;	top:18px;	width:10px;	height:10px;	text-indent:-999em;overflow:hidden;
	background:url('bg/menuarr.gif') no-repeat;}
.menuright .sf-sub-indicator {	right:2px;}
a.m .sf-sub-indicator { background-position: 0 -100px;} 
li.m li .sf-sub-indicator {	background-position:-10px  0px; }
/*
li.sfHover .sf-sub-indicator {background-position: -10px  -100px;}
li.sfHover li.sfHover .sf-sub-indicator {	background-position: -10px  0px; }
*/

/*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:20%; height: 120px;text-align:center; margin:0 2% 10px 0; float:left; display:inline;padding:1%;  }
.albumlist li img{width: 100px; height: 100px; }
.albumlist li .title{height: 18px;line-height:18px; clear:both; overflow:hidden;   }
/*****pageroll***************************************/
.pageroll{padding:10px 0;clear: both;height: 50px;line-height:50px; text-align:center;   }
.pageroll a,.pageroll span{ margin-left:6px;padding:6px 12px;font-size:12px;border:1px solid #ddd;background:#e2e2e2;color:#39A7DF;}
.pageroll span{color:#bbb}
.pageroll a.cur,.pageroll a:hover{color:#fff;background:#39A7DF} 

/*color*/


/*home notice*/
.homenotice{	 background: url(bg/line_border.jpg) no-repeat  center bottom;text-align:center; margin-bottom:15px;}
.homenotice .cnt{display:inline-block;;cursor:pointer;padding-left:35px;background:url(bg/noticeico.jpg) 0 10px no-repeat ; height: 45px;	line-height:45px;font-size:16px;}
.homenoticedesp img{width: 100%;height: auto ; }
/*bannerslider*/
.bxsliderbg {width: 100%; overflow: hidden; } /*homebanner decide by effect/dh_homebanner... */
.bxsliderbg li{overflow: hidden; }
.bxsliderbg .bx-wrapper .bx-pager{position:absolute; width: 100%;bottom:15px; }
.bxsliderbg a{display: block;height: 100%;width: 100%; }
.homebanner,.homebanner li{height: 796px;}
 .banner {clear:both; overflow:hidden;  }
.bannerimg{height: 250px; }


/***********begin bxslider***************************/
.bx-wrapper {	position: relative;	margin: 0 auto;	padding: 0;	*zoom: 1;}
.bxcarousel .bx-wrapper{padding:0 50px; }
.bx-wrapper img {	max-width: 100%;	display: block;}
.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;	left:0;bottom: -30px;	width: 100%;}
/* LOADER */
.bx-wrapper .bx-loading {min-height: 50px;	background: url(bg/loading.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: 12px;	height: 12px;
	margin: 0 5px;	outline: 0;	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {	background: #A0B4DC;}

/* 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;}
/*bxarrow1*/
.bxarrow1 .bx-wrapper .bx-prev {	left: 10px;	background: url(bg/bannerarrow2.png) no-repeat 0 0px;}
.bxarrow1 .bx-wrapper .bx-next {	right: 10px;	background: url(bg/bannerarrow2.png) no-repeat -50px 0px;}
.bxarrow1 .bx-wrapper .bx-prev:hover {	background-position:  0 0px;}
.bxarrow1 .bx-wrapper .bx-next:hover {	background-position:-50px 0px;}
.bxarrow1 .bx-wrapper .bx-controls-direction a {	position: absolute;	top: 50%;	margin-top: -35px;	outline: 0;	width: 40px;	height: 70px;	text-indent: -9999px;	z-index: 80;
}
.bxarrow1 li{background-position:center 0;background-repeat:no-repeat}
/*bxslidercontent*/
.bxslidercontent .text{position:absolute;bottom:0;left:0;background:rgba(0,0,0,0.65);width:100%;padding:30px 0;color:#FFF;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);opacity:0;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}
.bxslidercontent li:hover .text{-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1}
.bxslidercontent h3{color:#00c5b9;text-align:center;font-size:2em;font-weight:normal;font-family:'Montserrat',sans-serif;margin-bottom:10px}
.bxslidercontent p{text-align:center;font-size:17px;color:#DADADA;font-weight:inherit;line-height:1.4em}
 

/* 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;}

.bxechocontent{padding-bottom:50px; }
#homemobilekv{max-height:350px;max-width:800px;clear:both; overflow:hidden; }
/****end bxslider**********************************/
/*jssor album*/
            .jssora05l, .jssora05r {display: block;position: absolute;
                width: 40px;height: 40px;cursor: pointer;background: url(bg/bannerarrow.png) no-repeat;overflow: hidden;}
            .jssora05l { background-position: -10px -40px; }
            .jssora05r { background-position: -70px -40px; }
            .jssora05l:hover { background-position: -130px -40px; }
            .jssora05r:hover { background-position: -190px -40px; }
            .jssora05l.jssora05ldn { background-position: -250px -40px; }
            .jssora05r.jssora05rdn { background-position: -310px -40px; }       

            .jssort01 {position: absolute; /* size of thumbnail navigator container */
                width: 800px;height: 100px;}
                .jssort01 .p {position: absolute;top: 0;left: 0;width: 72px;height: 72px;}
                .jssort01 .t {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;}
                .jssort01 .w {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
                .jssort01 .c {position: absolute;
                    top: 0px;left: 0px;width: 68px;height: 68px;border: #000 2px solid;
                    box-sizing: content-box;background: url(bg/jssorarr.png) -800px -800px no-repeat;
                    _background: none;}
                .jssort01 .pav .c {top: 2px;_top: 0px;left: 2px;_left: 0px;width: 68px;height: 68px;
                    border: #000 0px solid;_border: #fff 2px solid;background-position: 50% 50%;}
                .jssort01 .p:hover .c {top: 0px;left: 0px;width: 70px;height: 70px;
                    border: #fff 1px solid;background-position: 50% 50%;}

                .jssort01 .p.pdn .c {background-position: 50% 50%;width: 68px;height: 68px;border: #000 2px solid;}

                * html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {
                    /* ie quirks mode adjust */
                    width /**/: 72px;
                    height /**/: 72px;
                }
 /*albumupdown*/
.albumupdown li{padding:20px 0}
.albumupdown li .img{text-align:center; }
.albumupdown li .title{text-align:center;}
.albumupdown li .desp{text-align:center;  color:#666}

/*.navbar-toggle----------*/
/*
.navbar-toggle{display:none; cursor:pointer;border-radius:5px;border:1px solid #eee;padding:9px 10px;white-space:normal;position:absolute;right:5px;top:10px;background:transparent
}
.navbar-toggle:focus{outline:0}
.navbar-toggle:hover,.navbar-toggle:focus{border-color:#eee;background:transparent}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}

.navbar-toggle .icon-bar{background-color:#888}
.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}
.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}
*/
.nav-button{display:none;position:absolute;top:10px;right:7px;width:40px;height:30px;background:url('bg/menumob.png'),-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.2));background:url('bg/menumob.png'),-moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.2));background:url('bg/menumob.png'),-ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.2));background:url('bg/menumob.png'),-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.2));background-position:center center;background-repeat:no-repeat;background-size:21px,100%;cursor:pointer;border:0 none;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 0 4px rgba(0,0,0,.7) inset;border-radius:5px;z-index:999;text-indent:-9999px}
.nav-button:hover{background-color:rgba(0,0,0,.1)}
.nav-button.open{background:url('bg/menumobclose.png'),-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.2));background:url('bg/menumobclose.png'),-moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.2));background:url('bg/menumobclose.png'),-ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.2));background:url('bg/menumobclose.png'),-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.2));background-position:center center;background-repeat:no-repeat;background-size:21px,100%}



.headermobsearch{position:absolute; right:65px;top:18px;color:#666;cursor:pointer;}
/*fieldlist-------------*/
.fieldlist{ margin:10px 0;border-top:1px solid #d9dde3; border-left:1px solid #d9dde3}
.fieldlist li{clear:both; overflow:hidden;  border-bottom:1px solid #d9dde3;border-right:1px solid #d9dde3;}
.fieldlist li span{float:left; display:inline;padding:3px 3%;  }
.fieldlist li .name{width: 30%;text-align:right;padding-right:4%;  }
.fieldlist li .value{width: 55%;padding-left:4%;border-left:1px solid #d9dde3;  } /*value可能会是多行，所以要border-left*/
/*pagerele---------*/
 .pagerele{padding:10px 0; margin:10px 0;border-top:1px solid #e2e2e2;  }
.pagerele li{padding-bottom:5px}
/*detailprice ----*/
.detailprice{padding-bottom:10px;height: 30px;color:red;font-weight:bold;font-family: Tahoma}
.detailprice span{display: inline-block; display:inline;vertical-align: middle; }
.detailprice .w1{padding-right: 10px;text-align:right; color:#666 }
.detailpricenow .w1{margin-top:2px}
.detailprice em{color: #c40000;font-size: 16px;font-family: Arial;font-style:normal}
.detailpriceold em{color:#333}
.detailpriceold{height: 20px; padding-bottom:3px}
.detailprice strong.price{font-size:20px;color: #c40000;font-family: Arial;}
.detailprice strong.del{font-weight:normal;font-size:18px;text-decoration:line-through;color:#333 }

/*detaillinkurl ----
.detaillinkurl{padding-bottom:10px; }
.detaillinkurl a{background:#c40000;display:inline-block;padding:5px 18px;color:#fff;border-radius:6px  }
.detaillinkurl a:hover{background:#9E1606; color:#fff;}*/
/*publish text*/
.publishtext {padding:10px 0;text-align:center;color:#999  }
.publishtext span{display:inline-block;padding:0 10px}
/*detailfontsize*/
.detailfontsize{height:30px;text-align:right;overflow:hidden;zoom:1;padding:10px 0; }
.detailfontsize a{display:inline-block;width:32px;height:24px;border:1px solid #e5e5e5;margin:0 -1px 0 0;font:12px/24px "Arial";color:#444 !important;overflow:hidden;vertical-align:bottom;}
.detailfontsize a:hover{text-decoration:none;}
.detailfontsize sup{vertical-align:7px;margin-left:4px;font-size:16px;line-height:8px;}
.detailfontsize .fz-big{vertical-align:2px;}
.detailfontsize .cur{border-color:#efefef;color:#999 !important;background-color:#fff;}

/*bodyheader---*/
.bodyheader{margin:10px 0;border-bottom:1px solid #d9dde3;height:35px;  }
.bodyheader h3{background:#EDEDED;color:#666;float:left;padding:0 20px;margin-left:5px; height: 35px; line-height:35px;border-radius:6px 6px 0 0 }

/*why choose us*/
.whychooseus{position: relative;height: 376px;overflow:hidden;}
.whyimg{width: 75%; }
.whyimg img{width: 100%; height: auto; }
.whycnt{width: 310px;height: auto;background: #1bbc6b;color: #fff;position: absolute;right: 0;top: 10%;overflow: hidden}

.whycnt .hd{padding:0 25px;}
.whycnt .hd h3{padding: 10px 0;font-size: 16px;color: #fff;font-weight: normal;border-bottom: 1px solid #fff}
.whycnt .bd{padding: 20px;text-indent: 24px;font-size: 14px;}
.whychooseus .whyBtn a{position: absolute;top: 50%;margin-top: -29px;height: 68px;width: 43px;background: url("bg/bannerarrow2.png") no-repeat 0px 0}
.whychooseus .whyBtn a.prev{left: 0px;background-position: 0px 0}
.whychooseus .whyBtn a.next{right: 0px;background-position: -45px 0}




/*online*/
.onlineqq {position:fixed;width: 144px; top:170px;right:10px ;z-index:286;}
.onlinecontent {padding:10px 5px;border:1px solid #ccc;border-radius:8px;background:#fff;  } 
.onlineqq .qqnumber{width: 120px;margin:0 auto; overflow:hidden;  }
.onlineqq .qqnumber a {background: url('bg/onlineqq.png') no-repeat scroll  transparent;   
  height: 25px; line-height:25px;    display: block; margin-bottom:5px;padding-left:50px;color:#666}
.onlineqq .qqnumber a:hover {   background-position: -121px 00px; color:#fff}
.onlinetel{padding:10px 0;  text-align:center;    font-weight: bold; line-height:18px;  }
 .onlinetel span{display:block;padding-bottom:8px;color:#e66d15}
 .onlineopen{position:absolute; top:0;right:0;background:url(bg/onlineopen.png) no-repeat ;width: 40px; height: 133px;  }
 .onlineclose{position:absolute; top:-15px;right:0;background:url(bg/onlineclose.png) no-repeat ;width: 24px; height: 24px;display:none;   }
 /**popup  use fancybox
.bgmask{z-index:3332;position: absolute;left:0;top:0; background:#000; width: 100%; height: 100%;z-index:898;filter:alpha(opacity=50); -moz-opacity:0.5;opacity:0.5;}
.popcontent{position:absolute; display:none;z-index:3333;padding:20px;background:#fff ;max-width:800px}
.popcontent p{padding:0;margin:0;  }
.popcontent .popclose{cursor:pointer;position:absolute; width: 24px; height: 24px;  background:url(bg/popclose.png) no-repeat ;right:0;top:0 }*/

 
/*tab ourservice*/
.tabs_switchcss{text-align: center;  margin-bottom: 0px; position: relative;}
.tabs_switchcss div{display: inline-block; font-size: 18px; line-height: 22px; font-family: 'bold', sans-serif, Arial; padding: 14px 25px;  cursor: pointer; border-left: 1px #fff solid;background: #f1f1f1; color: #6a7483; border-right: 1px #f2f2f2 solid; border-top: 1px #f2f2f2 solid;margin-right:10px}	
.tabs_switchcss div:last-child{border-right: 1px #f2f2f2 solid;}
.tabs_switchcss  div:hover, .tabs_switchcss div.active{background: #232c3b; color: #fff;}
.tabs_container{border: 0px #f2f2f2 solid; padding: 20px;clear:both; overflow:hidden; }
.tabs_container .desp{font-size:14px;line-height:24px; }
.tabs_container .desp p{margin-bottom:20px}

/*tabs_cirimg*/

.tabs_cirimg .tabs_item {	width: 140px;	height:auto;	border-radius: 50%;	border:2px solid #fff;
	display: inline-block;	margin: 0 0 20px;	position: relative;} 
.tabs_cirimg .tabs_item:hover,.tabs_cirimg .tabs_item.active{	border: 2px solid #E66432;}
.tabs_cirimg .tabs_item img{	border-radius: 50%;margin:0 auto;width: 100%;  }
.tabs_cirimg  .bigimg img{border-radius: 50%;	width: 100%;	padding: 3px;}
 
.tabs_cirimg .desp h3{font-size: 30px;	margin-bottom: 5px;	line-height: 1.2;}
.tabs_cirimg .desp h4{	font-size: 20px;	font-style: italic;	margin-bottom: 15px;}

/*sidermenutop*/
.sidermenutop{text-align: center;  position: relative;}
.sidermenutop li{display: inline-block;position:relative; }
.sidermenutop a{display: block; font-size: 18px; line-height: 22px; font-family: 'bold', sans-serif, Arial; padding: 14px 25px;  cursor: pointer; border-left: 1px #fff solid;background: #f9f9f9; color: #6a7483; border-right: 1px #f2f2f2 solid; border-top: 1px #f2f2f2 solid;margin-right:10px}	
.sidermenutop a:last-child{border-right: 1px #f2f2f2 solid;}
.sidermenutop  a:hover, .sidermenutop a.active{background: #232c3b; color: #fff;}
/*----sidermenutop- sub*/
.sidermenutop .subcate a{padding:5px;  }
 

/*--------------back-top--------------------*/
#backtotop{display:none; }
 #backtotop a{position:fixed;bottom:20px;right:20px;z-index:999;
-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; }
#backtotop a:hover{background-position:-60px 0}
#backtotop i{margin-top:6px;display:none; } 
@media   (max-width: 800px) { 
  #backtotop a{font-size:32px;position:fixed;z-index:999;right:5px;bottom:60px;width:35px;height:35px;text-align:center;text-decoration:none;color:#fff !important;border-radius:50%;background:rgba(39,48,57,.35);}
#backtotop a:hover{background:#fa7921}
#backtotop i{margin-top:2px;display:block; font-size:26px} 
 }

 /*homeliuyan*/
 .homeliuyan .label{display:block;padding:5px 0;text-align: center;color:#fff;font-size: 14px }
 .homeliuyan .line2{padding-top:10px;padding-left:1.6%}
.homeliuyan .line3{text-align:center; padding:20px 0; }
.homeliuyan .error{color:red;font-size: 12px;text-align:center; padding:3px 0;  }
.homeliuyan .line1 input,.homeliuyan textarea {    background: #f2f2f2;color: #2d2d2d;border: 1px solid #dddddd;    padding: 5px 2px;
    font-size: 15px;}
/*.homeliuyan .line1 input,.homeliuyan textarea{background:rgba(255, 255, 255, 0.2);color: #fff;}   --hack it*/
.homeliuyan .line1 input{width: 96%; }
.homeliuyan textarea{width: 96.6%; }
.homeliuyan .submit{display:inline-block;border:0; }
.homeliuyan .submitloading{background:url(bg/loadingbar.gif) center center no-repeat ;height: 50px;   }
 

/*footer mobile nav*/
.ftmobnav{display:none;  height:40px;  }
.ftmobnav .box{width:100%;display:-webkit-box;display:-moz-box;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.ftmobnav .box > *{-webkit-box-flex:1;-moz-box-flex:1}
.ftmobnav a{color:#575757;text-decoration:none}
.ftmobnav ul{position:fixed;z-index:200;bottom:0;left:0;width:100%;background:#EFEFEF;}
.ftmobnav li{border:1px solid rgba(190,190,190,1);height:40px;border-bottom:0;border-right:0;position:relative;-webkit-box-shadow:inset 0 0 3px #fff;float:left;width:25%}
.ftmobnav li.sm{width: 11.56%; }
.ftmobnav li:nth-of-type(1){border-left;0}
.ftmobnav li>a{font-size:15px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);border-bottom:0;display:block;line-height:45px;text-align:center;background:-webkit-gradient(linear,0 0,0 100%,from(#f1f1f1),to(#dcdcdc),color-stop(35%,#ededed),color-stop(50%,#e3e3e3) )}
.ftmobnav li>a:only-child span{background:none;padding-left:0}
.ftmobnav li>a.on + dl{display:block}
 
.ftmobnav li>a span{color:#4f4d4f;padding-left:15px;background:url(bg/1.svg#2) no-repeat 4px 18px;-webkit-background-size:9px auto;text-shadow:0px 1px 0px #ffffff}
 
.ftmobnav dl{display:none;position:absolute;z-index:220;bottom:50px;left:50%;width:100px;margin-left:-50px;background:red;background:#e4e3e2;border-radius:5px;-webkit-box-shadow:inset 0 0 3px #fff;background:url(bg/2.svg#3) no-repeat center center;-webkit-background-size:100%;background-size:100%}
.ftmobnav dl:before{content:"";display:inline-block;position:absolute;z-index:240;bottom:0;left:50%;width:10px;height:8px;background:url(bg/1.svg#2) no-repeat center -55px;-webkit-background-size:10px auto;bottom:-7px;margin-left:-5px}
.ftmobnav dl dd{line-height:45px;text-align:center;background:-webkit-gradient(linear,0 0,100% 0,from(rgba(194,194,194,0.8)),to(rgba(194,194,194,0.8)),color-stop(50%,rgba(194,194,194,0.8)));background-size:80% 1px;background-repeat:no-repeat;background-position:center bottom}
.ftmobnav dl dd:last-of-type{background:none}
.ftmobnav dl dd a{font-size:15px;display:block;color:#4f4d4f;text-shadow:0px 1px 0px #ffffff;white-space:pre;overflow:hidden;text-overflow:ellipsis}
/*
.ftmobnav .masklayer_div{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:180;background:rgba(0,0,0,0)}
.ftmobnav .masklayer_div.on{display:block}*/
 /*.isotope-item*/
.isotope-item{z-index:2}
.isotope-hidden.isotope-item{pointer-events:none;z-index:1}
.isotope,.isotope .isotope-item{-webkit-transition-duration:0.8s;-moz-transition-duration:0.8s;-ms-transition-duration:0.8s;-o-transition-duration:0.8s;transition-duration:0.8s}
.isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;-ms-transition-property:height,width;-o-transition-property:height,width;transition-property:height,width}
.isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-ms-transition-property:-ms-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity}
.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition{-webkit-transition-duration:0s;-moz-transition-duration:0s;-ms-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s}
.isotope-item{z-index:2}
.isotope-hidden.isotope-item{pointer-events:none;z-index:1}
/*accord*/
.accord dt{font-size:19px;color:#12A7ED;margin-bottom:20px;margin-left:26px;cursor:pointer}
.accord dt:before{content:"";border-color:transparent #ccc;border-style:solid;border-width:5px 0 5px 8px;display:block;height:0;width:0;left:-16px;top:17px;position:relative}
.accord dd{padding:20px;background:#FDFCFA;border-radius:5px;border:1px solid #F2EEE6;margin:20px 0 30px;position:relative;font-size:14px;}
.accord dd:after,.accord dd:before{bottom:100%;left:6%;border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none}
.accord dd:after{border-color:rgba(136,183,213,0);border-color:transparent;border-bottom-color:#FDFCFA;border-width:15px;margin-left:-15px}
.accord dd:before{border-color:rgba(194,225,245,0);border-color:transparent;border-bottom-color:#F2EEE6;border-width:17px;margin-left:-17px}
.accord dd p{padding-bottom:15px}
/*whychoose2*/
.whychoose2{position:relative; background:#000; padding:15px; }
.whychoose2 #bx-pager{position:absolute;     border-top:1px solid #b0b0b0;padding-top:20px;position:absolute;right:30px;bottom:30px;z-index:2;width:390px;}
.whychoose2 .img{float: left;    margin-right: 30px;    border: 10px solid #f2f2f2; }
.whychoose2 .text{color:#eee;line-height:20px;max-height:85px; }
.whychoose2 .text .title{color:#fff;font-weight:bold;font-size:16px;}

/*sitecolorchange*/
.sitecolorchange{position:fixed;bottom:200px;left:10px;width: 110px;z-index:85; border:1px solid #ccc;background:#FED971;border-radius:10px;padding:10px }
.sitecolorchange select{display:block;margin-bottom:10px}
.sitecolorchange .searchbtn{width: 100%;text-align:center;   }
.sitecolorchange .color{clear:both; overflow:hidden; }
.sitecolorchange .color a{width: 25px; height: 25px;float:left; display:inline; margin-right:5px;margin-bottom:5px ;color:#fff;}
.sitecolorchange .color a.db{width: 100%}
.sitecolorchange .color a.blue{background:blue; }
.sitecolorchange .color a.green{background:green; }
.sitecolorchange .color a.red{background:red; }
.sitecolorchange .color a.orange{background:orange; }
.sitecolorchange .color a.black{background:black; }
.sitecolorchange .color a.purple{background:purple; }
.sitecolorchange .menu_box a{display:block;padding-bottom:10px}
.sitecolorchange .sitecolor_title{padding:10px 0; }
.sitecolorchange .onlineclosecolor{background:url(bg/popclose.png ) no-repeat ; }
.sitecolorchange  a.mbxj{display:block;padding:5px 0; }