/*---------------------------
[Template Structure]

Project:	 SlideOut
Version:	 1.0
Primary Use: Site Template 
Layout:      Responsive
Platforms:   Mobile & Tablet
-----------------------------


@charset "UTF-8";

/* 1. General */


body{
	height:100%;
	font-family:'microsoft yahei';

}
a{text-decoration:none;}
.disabled{
    display:none;
}

::-webkit-scrollbar { 
    display: none; 
}

.all-elements{
	position:absolute;
	overflow-x:hidden!important;	
	width:100%;
	height:100%;
	min-height:100%;
	max-height:100%;
}

.large-title h2{text-align:center;}
.large-title p{text-align:center;}

/*Backgrounds */


/*Center Socials*/

.facebook-color{
    background-color:#3b5998;
    color:#FFFFFF;
}

.twitter-color{
    background-color:#4099ff;
    color:#FFFFFF;
}

.google-color{
    background-color:#d34836;
    color:#FFFFFF;
}

.pinterest-color{
    background-color:#C92228;
    color:#FFFFFF;
}

.sms-color{
    background-color:#27ae60;
    color:#FFFFFF;
}

.mail-color{
    background-color:#3498db;
    color:#FFFFFF;
}



/*Footer*/
.footer-ball{
    width:50px;
    height:50px;
    position:fixed;
    line-height:50px;
    z-index:99999;
    bottom:32px;
    left:50%;
    margin-left:-27px;
    background-color:#d34836;
    border-radius:50px;
    color:#FFFFFF;
    text-align:center;
    font-size:14px;
    transition:all 250ms ease-in-out;
    transform:scale(1, 1);
    -webkit-transform:scale(1, 1);
}
.footer-ball{
    width:50px;
    height:50px;
    position:fixed;
    line-height:50px;
    z-index:99999;
    bottom:32px;
    left:50%;
    margin-left:-27px;
    background-color:#d34836;
    border-radius:50px;
    color:#FFFFFF;
    text-align:center;
    font-size:14px;
    transition:all 250ms ease-in-out;
    transform:scale(1, 1);
    -webkit-transform:scale(1, 1);
}

.footer-ball:hover{   
    color:#FFFFFF;
    transition:all 250ms ease-in-out;
    transform:scale(1.1, 1.1);
    -webkit-transform:scale(1.1, 1.1);
}

.footer-clear{
    height:80px;
}

.footer-ball i{
    width:50px;
    height:50px;
    text-align:center;
    line-height:50px;
}

.footer p{ margin-bottom: 100px; width: 80%; text-align: center; display: block; margin-right: auto; margin-left: auto; }

.content-box .footer-socials{
    width:240px;
}


.footer-socials{
	
    width:300px;
	position: fixed;
	line-height: 50px;
	z-index: 99999;
	bottom: 32px;
	left: 40%;
	margin-left: -27px;
	border-radius: 50px;
	color: #FFFFFF;
	text-align: center;
	font-size: 14px;
	transition: all 250ms ease-in-out;
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	
}


.footer-socials a:hover{
    transform:scale(1.15, 1.15  );
    color:#FFFFFF;
    transition:all 200ms ease-in-out;
}

.footer-socials a{
    width:35px;
    height:35px;
    text-align:center;
    line-height:35px;
    border-radius:35px;
    float:left;
    margin-left:10px;
    margin-right:10px;
    font-size:12px;
    color:#FFFFFF;
    transition:all 200ms ease-in-out;
	
}

.footer-socials a i{
    width:35px;
    height:35px;
    line-height:35px;
}

.footer-facebook{
    background-color:#3b5998;
}

.footer-share{
    background-color:#27ae60;
	width: 50px;
	height: 50px;
	position: fixed;
	line-height: 50px;
	z-index: 99999;
	bottom: 32px;
	left: 35%;
	margin-left: -27px;
	border-radius: 50px;
	text-align: center;
	font-size: 14px;
	transition: all 250ms ease-in-out;
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
}

.footer-twitter{
    background-color:#4099FF;
}

.footer-google{
    background-color:#d34836;
}

.footer-up{
    background-color:#2c3e50;
    line-height:32px!important;
	width: 50px;
	height: 50px;
	position: fixed;
	z-index: 99999;
	bottom: 32px;
	left: 50%;
	margin-left: -27px;
	border-radius: 50px;
	text-align: center;
	font-size: 24px;
	transition: all 250ms ease-in-out;
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	
}
.fa-angle-up {
  margin-top:10px;
}



.footer-menu-three-icons a{
    width:33.3%;
    float:left;
    text-align:center;
}

.footer-menu-four-icons a{
    width:25%;
    float:left;
    text-align:center;
}

.footer-menu-five-icons a{
    width:20%;
    float:left;
    text-align:center;
}

.footer-menu-six-icons a{
    width:16.7%;
    float:left;
    text-align:center;
}

.header{
    position:fixed;
    pointer-events:all;
    z-index:999999;
    background-color:#FFFFFF;
    width:100%;
    height:45px;
    max-height:100%;
    transform:translateY(0px);
    -webkit-transform:translateY(0px);
    transition:all 250ms ease-in-out;
    border-bottom:solid 1px rgba(0,0,0,0.1);
}

.header-clear{
    height:30px;
}

.header a:hover{
    color:#1f1f1f;
}

.header a i{
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg); 
    transform: rotate(0deg);
    transition:all 250ms ease;    
}

.hide-header-left{
    pointer-events:none!important;
    transform:translateX(80px)!important;
    -webkit-transform:translateX(80px)!important;
    transition:all 250ms ease-in-out;
}

.main-logo{
    background-image:url(../images/logo.png);
    width:30%;
    height:28px;
    background-size:106px 28px;
    background-repeat:no-repeat;
    margin-top:5px;
    float:left;
    margin-left:5px;
}

.open-menu{
    float:right;
    width:5%;
    height:45px;
    line-height:45px;
    font-size:14px;
    text-align:center;
    color:#1f1f1f;
    margin-right:10px;
}

.open-call{
    float:right;
    width:5%;
    height:45px;
    line-height:45px;
    font-size:14px;
    text-align:center;
    color:#1f1f1f;
}

.open-mail{
    float:right;
    width:50px;
    height:45px;
    line-height:45px;
    font-size:14px;
    text-align:center;
    color:#1f1f1f;
}

.open-back{
    float:right;
    width:50px;
    height:45px;
    line-height:45px;
    font-size:14px;
    text-align:center;
    color:#1f1f1f;
}

.snap-drawer{
    background-color:#262d33;
}

#content{
    padding-top:90px;
}

.snap-drawer a{ font-family: 'Roboto', sans-serif; text-transform: uppercase; font-weight: 600; font-size: 11px; color: #d6dee6; text-shadow: 0px 2px 0px #000000; width: 80px; height: 90px; text-align: center; line-height: 90px; padding-top: 22px; border-bottom: solid 1px #161b1f; -webkit-box-shadow: 0 1px 0 0 #3e444a; box-shadow: 0 1px 0 0 #3e444a; white-space: normal; }

.snap-drawer a:hover{
    color:#FFFFFF;
}

.snap-drawer a i {
    color: #ffffff; /* Old browsers */
    display:block;
    font-size:20px;
    margin-bottom:-30px;
    padding-bottom:2px;
    font-size:20px;
}

.snap-drawer .fa-mobile{
    font-size:34px;
    margin-top:-7px;
}


.selected-item{
    background-color:rgba(255,255,255,0.05);
    font-weight:800!important;
}



/*Center Socials*/

.center-socials{
    width:180px;
    margin-left:auto;
    margin-right:auto;  
    margin-bottom:0px;
    padding-top:10px;
    margin-top:-10px;
}

.center-socials a{
    transition:all 250ms ease;
    margin-bottom:30px;
}

.center-socials a:hover{
    color:#FFFFFF;
    transform:scale(1.1, 1.1);
    transition:all 250ms ease;
}

.center-socials a i{
    width:40px;
    height:40px;
    line-height:40px;
}

.center-socials .facebook-social{
    width:40px;
    height:40px;
    text-align:center;
    line-height:40px;
    border-radius:40px;
    float:left;
    margin-left:10px;
    margin-right:10px;
}

.center-socials .twitter-social{
    width:40px;
    height:40px;
    text-align:center;
    line-height:40px;
    border-radius:40px;
    float:left;
    margin-left:10px;
    margin-right:10px;
}

.center-socials .google-social{
    width:40px;
    height:40px;
    text-align:center;
    line-height:40px;
    border-radius:40px;
    float:left;
    margin-left:10px;
    margin-right:10px;
}


/*Content Heading*/


.content-heading h2{
    font-weight:normal;
	font-size:16px;
	height:30px;
	line-height:30px;
}

.content-heading i{
    position:absolute;
    right:0px;
    height:30px;
    width:30px;
    line-height:30px;
    text-align:center;
    top:0px;
    color:#FFFFFF;
    background-color:#666;
    border-radius:47px;
    font-size:18px;
}

.content-heading em{ font-size: 13px; margin-top: -5px; display: block; color: #2980b9; font-style: normal; }


/*Thumbnails Columns*/

.thumb-clear{
	height:40px;
	display:block;
	width:100%;
}

.thumb-left{
	line-height:24px;
	display:block;
	padding-bottom:10px;
}

.thumb-left a{
	display:block;
	text-align:right;
	color:#333;
}

.thumb-left img{
	width:100px;
	height:100px;
	/*border-radius:100px;*/
	float:left;
	margin-right:20px;
    transition:all 500ms ease;
}

.thumb-left img:hover{
    transform:scale(0.9, 0.9);
    transition:all 500ms ease;
}

.thumb-left strong{
	color:#1a1a1a;
	display:inline-block;
	padding-bottom:5px;
	font-size:13px;
}
.thumb-left strong{ font-size: 16px; font-family: 微软雅黑; text-align: left; }
.thumb-left em{
	font-style:normal;
}

.thumb-right{
	line-height:24px;
	display:block;
	padding-bottom:10px;
}

.thumb-right img{
	width:100px;
	height:100px;
	border-radius:100px;
	float:right;
	margin-left:20px;
    transition:all 500ms ease;
}

.thumb-right img:hover{
    transform:scale(0.9, 0.9);
    transition:all 500ms ease;
}

.thumb-right strong{
	color:#1a1a1a;
	display:inline-block;
	padding-top:5px;
	padding-bottom:5px;
	font-size:13px;
}

.thumb-right em{
	font-style:normal;
}


@media (min-width:600px){
	.thumb-left img{
		width:140px;
		height:140px;
		border-radius:150px;	
	}
	
	.thumb-left em{
		line-height:28px;	
	}
	
	.thumb-left strong{
		padding-top:10px;	
	}
	
	.thumb-right img{
		width:140px;
		height:140px;
		border-radius:150px;	
	}
	
	.thumb-right em{
		line-height:28px;	
	}
	
	.thumb-right strong{
		padding-top:10px;	
	}	
}


/*////////////////////*/
/*Quote & Staff Slider*/
/*////////////////////*/
.staff-item .red{ width: 126px; height:114px; display: block; overflow: hidden; margin:0 auto;}
.staff-item img{
	/*border-radius:300px;*/	
	max-width:150px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
    transition:all 500ms ease;
    margin-top:10px;
}

.staff-item img:hover{
    transform:scale(1.1, 1.1);
    transition:all 500ms ease;
}

.staff-item h4{
	text-align:center;
	margin-top:20px;	
	font-size:16px;
}

.staff-item em{
	text-align:center;
	font-size:12px;
	color:#e34e47;
	display:block;
	margin-top:-10px;
	margin-bottom:10px;
	font-style:normal;
}

.staff-item strong{
	display:block;	
	font-weight:400;
	text-align:center;
	padding-left:20px;
	padding-right:20px;
	line-height:28px;
}



/* Quote Slider */

.quote-slider h4{
	font-family:微软雅黑,'Source Sans Pro', sans-serif;
	font-size:16px;
	font-weight:300;	
	width:87%;
	margin-left:auto;
	margin-right:auto;
	line-height:24px;
}

.quote-slider a{
	text-align:center;
	margin-top:20px;	
}


.features-page a{
    font-size:14px;
}

.features-page a i {
    width:15px;
    text-align:center;
    padding-right:30px;
    color:#c0392b;
}

.features-page{
    border-top:solid 1px rgba(0,0,0,0.1);
    margin-top:30px!important;
    display:block;
}

.features-page a{
    line-height:60px;
    border-bottom:solid 1px rgba(0,0,0,0.1);
    color:#1f1f1f;
    font-weight:500;
}

.features-page a:hover{color:#1f1f1f;}

.features-page .fa-angle-right{
    float:right;
    line-height:60px;
    text-align:right!important;
    margin-right:-20px;
}


/*Back Button*/

.back-button{
    position:absolute;
    right:0px;
    z-index:10;
    font-size:13px;
}

.back-button i{
    padding-right:10px;
    font-size:12px;
}



/*Reminder Box*/

.reminder-check-square{
    background-image:url(../images/checkbox1.png);
    background-repeat:no-repeat;
    background-size:16px 18px;
    background-position:10px 43px;
}

.reminder-check-round{
    background-image:url(../images/radio2.png);
    background-repeat:no-repeat;
    background-size:16px 18px;
    background-position:10px 43px;
}

.reminder i{
    padding-right:10px;
}

.reminder-check-square-selected{
    background-image:url(../images/checkbox1c.png);
}

.reminder-check-round-selected{
    background-image:url(../images/radio2c.png);
}

.reminder-check-square-selected em{opacity:0.5; transition:all 250ms ease;}
.reminder-check-square-selected strong{opacity:0.5; transition:all 250ms ease;}

.reminder-check-round-selected em{opacity:0.5; transition:all 250ms ease;}
.reminder-check-round-selected strong{opacity:0.5; transition:all 250ms ease;}

.reminder strong{
    font-size:14px;
    font-weight:600;
    padding-left:50px;
    color:#1f1f1f;
    transition:all 250ms ease;
}

.reminder em{
    display:block;
    padding-left:50px;
    transition:all 250ms ease;
    font-style:normal
}

.reminder{
    border-bottom:solid 1px rgba(0,0,0,0.1);
    padding-bottom:30px;
    padding-top:30px;
}


/*Checklists*/

.checklist-square{
    font-size:14px;
    font-weight:500;
    background-image:url(../images/checkbox1.png);
    background-size:16px 18px;
    background-position:0px 32px;
    background-repeat:no-repeat;
    padding-left:30px;
    border-bottom:solid 1px rgba(0,0,0,0.1);
    padding-bottom:30px;
    color:#1f1f1f;
    transition:all 250ms ease;
    padding-top:30px;
}

.checklist-square-selected:hover{
    color:#1f1f1f;
    text-decoration:line-through!important;
    transition:all 250ms ease;
}

.checklist-square:hover{
    color:#1f1f1f;
}

.checklist-square-selected{
    background-image:url(../images/checkbox1c.png);
    text-decoration:line-through;
    opacity:0.5;
    transition:all 250ms ease;
}

.checklist-round{
    font-size:14px;
    font-weight:500;
    background-image:url(../images/radio1.png);
    background-size:16px 18px;
    background-position:0px 32px;
    background-repeat:no-repeat;
    padding-left:30px;
    border-bottom:solid 1px rgba(0,0,0,0.1);
    padding-bottom:30px;
    color:#1f1f1f;
    transition:all 250ms ease;
    padding-top:30px;
}

.checklist-round-selected:hover{
    color:#1f1f1f;
    text-decoration:line-through!important;
    transition:all 250ms ease;
}

.checklist-round:hover{
    color:#1f1f1f;
}

.checklist-round-selected{
    background-image:url(../images/radio1c.png);
    text-decoration:line-through;
    opacity:0.5;
    transition:all 250ms ease;
}
.search_form2{height:31px;width:40%;margin-top:5px;float:left;} 
.search_form2:hover{-webkit-box-shadow:0 0 3px #999;-moz-box-shadow:0 0 3px #999} 
.sinput1{float:left; width:70%; height:31px; line-height:31px; padding:4px 7px;color:b3b3b3;border:1px solid #999; border-radius:2px 0 0 2px; background-color:#fbfbfb;} 
.sbtn1{float:left; width:30%; height:31px;border-radius:0 2px 2px 0; border:1px solid #4d90fe; background-color:#4d90fe; cursor:pointer;display:inline-block; font-size:12px; vertical-align:middle; color:#f3f7fc;} 
.sbtn1:hover{background:#4084f2}
 #search{padding-left:10px;padding-top:20%;float:left;}   
      input{
        font-size: 18px;
        width: 40%;
		float:left;
		font-size:14px;
		height:30px;
		line-height:30px;
		outline: none;
        color: #333;
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: right center;
        border: 1px solid #ccc;
        border-radius: 3px;
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.075);
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        transition: all 0.15s ease-in;
        -webkit-transition: all 0.15s ease-in 0;
        vertical-align: middle;
      }
     .button1 {
		text-align:center;
        width: 60px;
		float:left;
		margin-left:10px;
		height:30px;
		line-height:30px;
		font-size:12px;
		vertical-align:middle;
		border:none;
		letter-spacing:2px;
		text-shadow: 0 1px 0 rgba(255,255,255,0.9);
        white-space: nowrap;
        background-color: #eaeaea;
        background-image: -moz-linear-gradient(#fafafa, #eaeaea);
        background-image: -webkit-linear-gradient(#fafafa, #eaeaea);
        background-image: linear-gradient(#fafafa, #eaeaea);
        background-repeat: repeat-x;
        border-radius: 3px;
        border: 1px solid #ddd;
        border-bottom-color: #c5c5c5;
        box-shadow: 0 1px 3px rgba(0,0,0,.05);
        vertical-align: middle;
        cursor: pointer;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-appearance: none;
      }
	  .button1:hover,
      .button1:active {
        background-position: 0 -15px;
        border-color: #ccc #ccc #b5b5b5;
      }
      .button1:active {
        background-color: #dadada;
        border-color: #b5b5b5;
        background-image: none;
        box-shadow: inset 0 3px 5px rgba(0,0,0,.15);
      }
      .button1:focus,
      input[type=text]:focus,
      input[type=password]:focus {
        outline: none;
        border-color: #51a7e8;
        box-shadow: inset 0 1px 2px rgba(0,0,0,.075), 0 0 5px rgba(81,167,232,.5);
      }



section{background:#f2f2f2;width:100%; margin:auto;}
/*recommend_best+recommend_hot+recommend_new*/
.index_floor { background:#f2f2f2;width:100%;overflow: hidden; margin-top:10px;background:#fff;box-shadow:0 1px 2px #CBCBCB;-moz-box-shadow:0 1px 2px #CBCBCB;-webkit-box-shadow:0 1px 2px #CBCBCB;_border:1px solid #DDD;}
.floor_body1 { width:100%; overflow:hidden; }
.floor_body1 h2 {  height: 35px; line-height: 35px;font-size: 16px;font-weight: normal;color:#7f7f7f; margin-bottom:10px;}
.floor_body1 h2 em{width:3px; height:15px; background:#E4010D; margin-right:5px;margin-top:10px; float:left;}
.scroll_hot { text-align: center; width:95%; margin:auto; overflow:hidden;}
.scroll_hot .bd ul{ width:100%; overflow:hidden; margin:auto;}
.scroll_hot .bd ul li{ width:33.33%; float:left; overflow:hidden;margin:0px;list-style-type:none;}
.scroll_hot .bd ul li .index_pro{ width:95%; overflow:hidden; margin:auto;}
.scroll_hot .bd ul li .products_kuang { width:100%; margin:auto;overflow: hidden; position:relative;}
.scroll_hot .bd ul li .products_kuang img{width:100% !important; height:9em;  margin:auto}
.scroll_hot .bd ul li .goods_name {font-size:12px; width:100%; margin:auto; color:#999;height:29px; overflow:hidden;text-align:left; line-height:16px; margin-top:8px; margin-bottom:8px;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;}
.scroll_hot .bd ul li .price {width:100%; margin:auto;position:relative; border-top:1px solid #eeeeee; margin-top:5px;list-style-type:none;}
.scroll_hot .bd ul li .price .price_pro{  width:100%;  display: block; font-size:14px; color: #F23015; height:40px; line-height:40px;text-align:left;}
.scroll_hot .bd ul li .btns{ position:absolute; display:block;right:0px;height:28px;width:65px;color:#f1f1f1; bottom:0;}
.scroll_hot .bd ul li .btns img{display:block; width:26px;height:26px; }
.scroll_hot .hd { height: 20px; overflow: hidden; text-align:center; background:#FFF}
.scroll_hot .hd ul { display: inline-block; padding-top: 5px; }
.scroll_hot .hd li { display: inline-block; width: 10px; height: 10px; background: #C5C1C0; margin: 0 4px;padding-top:10px; vertical-align: top; overflow: hidden; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.scroll_hot .hd .on { background: #D6505B;z-index:8888 }

.geng{width:50px;height:25px; float:right; padding-top:5px;}
.geng a{display:block; float:left; width:30px; line-height:25px; height:25px;color:#7f7f7f; font-size:13px;}
.geng span{display:block;float:left; width:15px;height: 25px; background: url(../images/pub_main.png) no-repeat;background-size: auto 280px;background-position: 0 -248px;}

/*精品模板*/
.floor_body2 { background:#f2f2f2;width:101%;margin:auto; box-shadow:0 1px 2px #CBCBCB;-moz-box-shadow:0 1px 2px #CBCBCB;-webkit-box-shadow:0 1px 2px #CBCBCB;_border:1px solid #DDD;}

.floor_body2 h2 {  height: 35px; line-height: 35px;font-size: 16px;font-weight: normal;color:#7f7f7f; padding-bottom:10px;}
.floor_body2 h2 em{width:3px; height:15px; background:#E4010D; margin-right:5px;margin-top:10px; float:left;}
#J_ItemList{width:100%}
#J_ItemList ul {text-align: center; overflow:hidden;margin-bottom:-5px;}
#J_ItemList ul li { width:48%; margin:auto;margin-bottom:5px; background:#FFF; overflow:hidden;margin-left:1%;float: left;list-style-type:none;font-family:'microsoft yahei'; }
#J_ItemList ul li .index_pro{ width:100%; overflow:hidden; margin:auto;}
#J_ItemList ul li .products_kuang { width:100%; margin:auto;overflow: hidden; position:relative;}
#J_ItemList ul li .products_kuang img{ display:block;width:100%; margin:auto;height:14em;}
#J_ItemList ul li .goods_name { width:93%; margin:auto;text-align:left;height: 33px; overflow: hidden; color:#666; font-size:14px;line-height: 18px; -webkit-line-clamp: 2; -webkit-box-orient: vertical;display: -webkit-box; margin-top:8px; margin-bottom:8px;}
#J_ItemList ul li .price {width:100%; margin:auto; position:relative; border-top:1px solid #eeeeee }
#J_ItemList ul li .price .price_pro{  width:93%; margin:auto;  display: block;font-size:16px; color: #F23015; height:40px; line-height:40px;text-align:left;}
#J_ItemList ul li .btns{ position:absolute; display:block;right:5px;height:25px;width:60px; bottom:0;color:#f1f1f1;}
#J_ItemList ul li .btns img{ display:block; width:25px;height:25px; }

/*免费模板*/
.index_floor_lou { width:100%;overflow: hidden; margin-top:10px; background:#FFF; box-shadow:0 1px 2px #CBCBCB;-moz-box-shadow:0 1px 2px #CBCBCB;-webkit-box-shadow:0 1px 2px #CBCBCB;_border:1px solid #DDD;}
.floor_body { width:100%; overflow:hidden; }
.floor_body h2 {  height: 35px; line-height: 35px;font-size: 16px;font-weight: normal;color:#7f7f7f;margin-bottom:10px; }
.floor_body h2 em{width:3px; height:15px; background:#E4010D; margin-right:5px; margin-top:10px; float:left;}
.geng{width:50px;height:25px; float:right; padding-top:5px;}
.geng a{display:block; float:left; width:30px; line-height:25px; height:25px;color:#7f7f7f; font-size:13px;}
.geng span{display:block;float:left; width:15px;height: 25px;  
background: url(../images/pub_main.png) no-repeat;background-size: auto 280px;background-position: 0 -248px;}


/* 滑动门通用样式*/
/* tabbed_content */
.tabbed_content{background-color:none;max-width:960px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>960?"960px":"");}
.tabs{width:100%;height:35px;line-height:35px;position:relative;overflow:hidden;}
.tabs h2{padding-left:10px;float:left;color:#666;}
.tabs .moving_bg{width:25%;_width:15%;height:35px;border-bottom:2px solid #ff6600;position:absolute;z-index:99999;left:0;background-position:bottom left;background-repeat:no-repeat;font-weight:bold;overflow:hidden;}
.tabs2 .moving_bg{width:20%}
.tabs3 .moving_bg{width:16.6666666%;}
.tabs .tab_item{display:block;float:left;width:25%;color:#666;text-align:center;z-index:200;position:relative;cursor:pointer;font-weight:normal;overflow:hidden;font-size:14px;}
.tabs2 .tab_item{width:20%;}

.tabs3 .tab_item{width:16.6666666%;}
.tabs .tab_item:hover{color:#666;}
.tabbed_content .slide_content{overflow:hidden;background-color:#ffffff;position:relative;width:100%;}
.tabslider{width:400%}
.tabslider2{width:500%}
.tabslider3{width:600%}
.tabslider ul{float:left;margin:0px;width:25%;text-align:left;-ms-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;/* padding和border被包含在定义的width和height之内 */background:none;}
.tabslider2 ul{width:20%}
.tabslider3 ul{width:16.6666666%;}
.tabslider ul a{display:block;color:#333;text-decoration:none;font-weight:300;}
.tabslider ul a:hover{color:#333;text-decoration:underline;}
.tabslider .hidden div{padding:5px 10px;_padding:5px 0;*padding:10px 0;font-size:14px;font-weight:300;}
.tabslider ul li span,.tabslider .hidden div span{display:block;width:100%;color:#f1f1f1;text-align:right;font-size:14px;font-weight:300;}
.tabslider ul li span em,.tabslider .hidden div em{float:left;font-weight:300;font-size:12px;#f1f1f1;}
.tabslider ul li{padding:5px 10px;_padding:5px 0;*padding:5px 0;list-style-type:none;font-size:14px;font-weight:300;}
.gengduo a{margin:20px auto;width:auto;max-width:960px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>960?"960px":"");height:40px;line-height:40px;background:#F3F3F3;color:#fff;border:solid 1px #EFEFEF;text-align:center;cursor:pointer;overflow:hidden;}
.more,.computer{margin:20px auto;width:auto;max-width:960px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>960?"960px":"");height:40px;line-height:40px;background:#F3F3F3;border:solid 1px #EFEFEF;text-align:center;cursor:pointer;overflow:hidden;}

/*footer*/ 
.footer1 { background-color: #F8F8F8; text-align: center; width:100%; overflow:hidden; padding-bottom:30px; padding-top:10px;}
.footer1 a { display: inline-block; /*padding: 0 1em*/ }
.footer1 span { color: #82858A; }
.footer1 .tip { padding: 0 0 1.5em }
.footer1 .tip span { font-size: 1.2em }

.footer1 .linkss1 {width:65%; margin:0 auto;height:70px;margin-top:10px;} 
.footer1 .linkss1 li{width:50%;float:left; text-align: center;height:70px;font-size: 14px;list-style-type:none;}
.footer1 .linkss1 li a i{display:block; width:40px; height:40px; margin:auto;}
.footerimg_11,.footerimg_21,.footerimg_31{background:url(../images/pub_footer.png) no-repeat;background-size: auto 170px;}
.footerimg_11{ background-position:0 0}
.footerimg_21{background-position:0 -60px;}
.footerimg_31{background-position:0 -124px;}

.footer1 .gl1 { color: #c30e0e }
.footer1 p {  text-align: center; line-height: 20px;font-size:12px;width:100%}

.v_nav { position: fixed; bottom: 0; width: 100%; height:45px; background-color:#f0f0f0;border-top: #dcdcdc 1px solid; z-index: 97;padding:0px; margin:0px; padding-bottom:2px; padding-top:2px }
.vf_nav{ width:100%;height:45px; margin:auto; padding:0px; margin:0px;}
.vf_nav ul li{ width:25%; height:45px; float:left; text-align:center; margin:0px;list-style-type:none;}
.vf_nav ul li a{ text-align:center; font-size:12px; font-family:'microsoft yahei';color:#333; width:45px; display:block; height:45px; position: relative; margin:auto}
.vf_nav ul li i{ display:block;  width:18px; height:18px; margin:auto;font-size:18px }


.vf_nav ul li span{ display:block; width:100%; height:20px; line-height:20px;}
.vf_nav ul li a:active{color: #ff7171;}