/*common.css*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {padding: 0;margin: 0;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset,img {border: 0; padding:0px; margin:0px;}
ol,ul {list-style: none;}
h1,h2,h3,h4,h5,h6 {font-weight: normal; font-size:100%;}
body{ font:12px/24px 'Microsoft YaHei'; color:#666;}
a{ color:#333; text-decoration:none;}
.fl{ float:left;}
.fr{ float:right;}
.show{ display:block;}
.hide{ display:none;}
.cl{ clear:both;}
html{ overflow-x:hidden;}
*{ outline:none;}
.wd1200{ width:1200px; margin:0 auto;}
.bor_radius{ border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
.pdd{padding: 60px 0 132px;}
a:hover{ color:#F35B25;}

.wrap{
    padding: 0!important;
    position: relative;
}


.meaus-wrap{
    width: 840px;
    height: 70px;
    position: absolute;
    top: 0;
    left: 100px;
}
.meaus-wrap-meau{
    width: 100%;
    height: 100%;
    line-height: 70px;
}
.meaus-wrap-meau > a{
    color: #000000;
    display: inline-block;
  margin-right:22px;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.meaus-wrap-meau > a:hover{
    color: #ffffff;
    
}
.meaus-wrap-hide{
    /*width: 100%;*/
    width: 1200px;
    /*width: 1920px;*/
    height: 0;
    overflow: hidden;
    position: relative;
    background-color: rgba(255,255,255,1);
    /*background-color: black;*/
    /*margin: 0px -460px 0;*/
    margin-left: -100px;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.1);

    transition: height 0.3s ease;
    -webkit-transition: height 0.3s ease;
    -moz-transition: height 0.3s ease;
    -ms-transition: height 0.3s ease;
    -o-transition: height 0.3s ease;
}
.meaus-wrap-show{
    height: 160px;
}

.fix-meau-ul{
    list-style-type: none;
    text-align: center;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
}

.fix-meau-ul > li{
    list-style-type: none;
    display: inline-block;
    margin-right: 52px;
    vertical-align: top;
}
.fix-meau-ul > li > a{
    display: inline-block;
    padding-top: 22px;
    text-decoration: none;
    font-size: 14px;
    color: #000000;
}
.fix-meau-ul > li > a > div{
    line-height: 50px;
}
.fix-meau-ul > li:hover a span{
    color: #6fafe8;
    text-decoration: underline;
}

.fix-meau-ul > li > a i {
    vertical-align: middle;
    padding-right: 5px;
}


.header{
    width: 1200px;
    position: relative;
    margin: 0 auto;
    z-index: 2;
}
.lang{
    width: 100%;
    height: 40px;
    text-align: right;
    font-size: 12px;
    color: #656565;
    line-height: 40px;
}
.lang select{
    height: 20px;
    margin-top: 14px;
    margin-left: 12px;
    background-color: #e8e8e8;
    cursor: pointer;
}
.lang-sline{
    padding-left: 12px;
}


.content-wrap{
    width: 100%;
}


.xkkb-meau{
    height: 70px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.xkkb-meau .logo{
    height: 70px;
    width: 70px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}


.xkkb-meau .search{
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #d4d3d3;
    height: 26px;
    width: 205px;
    margin-top: 22px;
    overflow: hidden;
    border-radius: 18px;
}
/*.xkkb-meau .search span{
    display: block;
    width: 13px;
    height: 13px;
    position: absolute;
    top: -2px;
    right: 10px;
}*/
.xkkb-meau .search i{
    font-size: 14px;
    color: #999;
    font-weight: 100;
    cursor: pointer;
    display: block;
    width: 38px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
}
.xkkb-meau .search:hover i{
    color: #6fafe8;
}





































.xkkb-meau .search input{
    width: 208px;
    height: 28px;
    margin-top: -1px;
    margin-left: -1px;
    text-indent: 1em;
    background-color: rgba(0,0,0,0);
    color: #656565;
}


.footer-wrap{
    width: 100%;
    background-color: #e7eaea;
    min-width: 1200px;
    margin: 0 auto;
}
.footer-meau{
    width: 1200px;
    margin: 0 auto;
    padding-top: 24px;
    padding-bottom: 5px;
    overflow: hidden;
}
.footer-meau h5{
    color: #2c2c2c;
    padding-bottom: 6px;
    border-bottom: 1px solid #d4d3d3;
}
.footer-meau > div{
    float: left;
    margin-right: 100px;
}
.footer-ul{
    list-style-type: none;
    font-size: 12px;
    margin-top: 15px;
    padding-bottom: 15px;
}
.footer-ul a{
    color: #656565;
    text-decoration: none;
    display: inline-block;
    padding-top: 4px;
    padding-bottom: 4px;
}
.footer-ul a:hover{
    color: #6fafe8;
    text-decoration: none;
}
.contact{
    position: relative;
    margin-right: 0px!important;
    width: 350px;
}
.phone{
    position: absolute;
    right: 0px;
    top: 5px;
}
.phone span{
    font-size: 13px;
}
.phone a{
    font-size: 20px;
    font-family: "Georgia";
    color: #6fafe8;
    text-decoration: none;
}
.common-info{
    min-width: 1200px;
    margin: 0 auto;
    background-color: #323232;
    text-align: center;
    font-size: 12px;
    color: white;
    padding-top: 15px;
    padding-bottom: 10px;
}
.common-info p{
    margin-bottom: 5px;
}
.ewm{
    margin-top: 10px;
    margin-left: 105px;
}


.layout-meau-active{
    color: #ffffff!important;
    /*  */
}


.xkkb-pagination{
    list-style: none;
    overflow: hidden;
    text-align: center;
    margin-bottom: 20px;
}
.xkkb-pagination li{
    margin: 0 3px;
    display: inline-block;
    overflow: hidden;
    border: 1px solid #6fafe8;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
}
.xkkb-pagination li:hover,.xkkb-pagination .active{
    
}

.xkkb-pagination li a{
    font-size: 14px;
    padding: 0 16px;
    text-decoration: none;
    color: #565656;
    height: 100%;
    width: 100%;
    text-align: center;
    line-height: 38px;
    height: 38px;
}
.xkkb-pagination .active a,.xkkb-pagination li:hover a{
    color: white!important;
}
.xkkb-pagination .prev a,.xkkb-pagination .next a{
    color: #6fafe8;
}

.xkkb-pagination .disabled{
    display: none;
}

.fix-contact{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    z-index: 999;
    display: none;
}
.fix-contact-inner{
    width: 500px!important;
    height: 440px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -250px;
    margin-top: -250px;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
    padding: 30px 20px 0 20px!important;
    box-sizing: border-box;
}
.fix-contact-inner .int-div{
    margin-bottom: 20px;
    position: relative;
}
.fix-contact-inner .int-div input{
    border: 1px solid #ccc;
    width: 100%;
    height: 40px;
    line-height: normal;
    padding-left: 40px;
    box-sizing: border-box;
}

.fix-contact-inner .int-div textarea{
    border: 1px solid #ccc;
    width: 100%;
    font-family: "Microsoft YaHei";
    font-size: 13px;
    padding: 10px;
    box-sizing: border-box;
}
#sub,#clo{
    border: 1px solid #6fafe8;
    width: 100px;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    
    color: white;
    margin-top: -10px;
    float: left;
    margin-right: 15px;
}
#clo{
    background-color: #ccc;
    border: 1px solid #ccc;
}

.fix-contact-inner span{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 20px;
    width: 20px;
    margin-top: 10px;
    margin-left: 10px;

}
.fix-contact-inner .int-name{

    background: url(/imgs/user.png) no-repeat center;
}
.fix-contact-inner .int-mobile{
    background: url(/imgs/phone.png) no-repeat center;
}
.fix-contact-inner .int-addr{
    background: url(/imgs/addr.png) no-repeat center;
}
.fix-contact-inner .int-email{
    background: url(/imgs/email.png) no-repeat center;
}

#show-div{
    cursor: pointer;
    padding-top: 5px;
    padding-bottom: 5px;
}


.fix-right-wrmp{
    width: 60px;
    position: fixed;
    top: 60%;
    right: 5px;
    overflow: hidden;
}
.fix-right-wrmp > ul{
    list-style: none;
    width: 100%;
}
.fix-right-wrmp > ul > li{
    width: 58;
    height: 58px;
    border: 1px solid #ccc;
    background-color: rgba(255,255,2550,.3);
    text-align: center;
    line-height: 60px;
    cursor: pointer;
    color: #565656;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.fix-right-wrmp > ul > li:hover{
    
    color: white;
}
.fix-go-top{
    display: none;
    border-bottom: 0!important;
}



/*

*/
.header-pic{
    max-width: 1920px;
    min-width: 1200px;
    height: 250px;
    background: url('../images/alb1.jpg') no-repeat top center;
    margin: 0 auto;
}
.heaer-pic-inner{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}
.header-word{
	display:block;
	position: absolute;
	bottom: 10px;
	left: 350px;
	height: 50px;
	width: 200px;
	line-height: 50px;
	text-align: center;
	  font-size: 40px;
    text-align: justify;
    font-weight: 700;
    font-family: "Microsoft Yahei", "微软雅黑", "宋体";
	color:rgba(255,255,255,0.7);
	/*    background-color: rgba(0,0,0,0.4);*/
	/* background: url('/images/t_bg.png') repeat top center; */
}
.case-wrap{
    width: 1200px;
    margin: 0 auto 60px auto;
}

.case-cont-wrap{
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
}

.case-item-list{
    width: 280px;
    /* height: 250px; */
    overflow: hidden;
    float: left;
    margin-right: 20px;
    margin-bottom: 24px;
    border-bottom: 3px solid white;
    box-shadow: 0 17px 20px 0 rgba(171, 168, 168, 0.19);
    transform: translate3d(0,-2px,0);
    transition: all .3s cubic-bezier(.55,0,.1,1);
}

.case-cont-wrap .case-item-list:nth-child(4n-3) {
    clear: both;
}
.case-item-list:hover{
    border-bottom: 3px solid #6fafe8;
}

.case-item-list .case-img-div{
    width: 280px;
    /* height: 200px; */
    overflow: hidden;
}
.case-item-list .case-img-div img{
    width: 280px;
    height: 280px;
    transition-duration: 200ms;
    transition-property: transform;
}
.case-item-list:hover img{
    transform: scale(1.1);
}
.case-item-list a{
    text-decoration: none;
}

.case-item-list p{
    line-height: 26px;
    font-size: 16px;
    color: #2c2c2c;
    padding-top: 20px;
    padding-bottom: 14px;
    text-align:center;
}



.case-item-list:hover p{
    color: #6fafe8;
}


.js-silder{
	position: relative;	

	min-width: 320px;
}
.silder-scroll{
	/*width: 100%;*/


	overflow: hidden;
}
.silder-main{
	/*position: relative;*/
	width: 100%;
	overflow: hidden;
}
.silder-main-img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.silder-main-img img{
	width: 100%;
}
.js-silder-ctrl{
	width: 100%;
	text-align: center;
}
.silder-ctrl-prev,
.silder-ctrl-next{
	position: absolute;
	top: 0;
	width: 8%;
	height: 100%;
	vertical-align: middle;
	cursor: pointer;
	color: #fff;
	font-family: "Microsoft YaHei";
	font-size: 52px;
	font-weight: 600;
	text-shadow: #666 2px 2px 5px;
}
.silder-ctrl-prev{
	left: 0;
	text-align: left;
}
.silder-ctrl-next{
	right: 0;
	text-align: right;
}
.silder-ctrl-prev>span,
.silder-ctrl-next>span{
	position: absolute;
	top: 50%;
	margin-top: -40px;
}
.silder-ctrl-prev>span{
	left: 0;
}
.silder-ctrl-next>span{
	right: 0;
}
.silder-ctrl-con{

	display: inline-block;
	width: 4%;
	padding: 10px 0;
	margin: 0 10px;
	cursor: pointer;
}
.silder-ctrl-con>span{
	display: block;
	line-height: 0;
	text-indent: -9999px;
	overflow: hidden;
	padding: 5px 0;
	cursor: pointer;
	background-color: #e4e4e4;
}
.silder-ctrl-con.active>span{
	background-color: #7bbedf;
	opacity: 1;
	filter: opacity(100);
}

@media (max-width: 768px){
	.silder-ctrl-prev,
	.silder-ctrl-next{
		width: 10%;
		font-size: 26px;
		margin-top: -25px;
	}
	.silder-ctrl-con{
		width: 14px;
		height: 14px;
		padding: 0;
		margin: 0 5px;
	}
	.silder-ctrl-con>span{
		display: block;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		padding: 0;
	}
}

.content-wrap{
    margin-top: -110px;
    z-index: 1;
}
.banner-wrap{
    max-width: 1920px;
    min-width: 1200px;
    overflow: hidden;
    margin: 0 auto!important;
}

.js-silder{
    width: 100%;
    height: 100%;
}
.js-silder-ctrl{
    position: absolute;
    left: 0;
    bottom: 10px;
}
.silder-ctrl-prev{
    left: 20px;
}
.silder-ctrl-next{
    right: 20px;
}
.silder-main-img{
    height: 100%;
}
.pro-list-wrap{
    width: 1200px;
    height: 200px;
    margin: 0 auto;
    position: relative;
    margin-top: 12px;
    margin-bottom: 15px;
    background-color: white;
    padding: 8px;
}
.pro-list-div{
    float: left;
    width: 290px;
    height: 184px;
    /*background-color: #e8e8e8;*/
    position: relative;
    margin-right: 8px;
}
.pro-list-div .pic{
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 292px;
    height: 184px;
    overflow: hidden;
    z-index: 11;
    /*transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;*/
}
/*
.pro-list-div .pic img{
	width:292px;
	height:184px;}
*/
.pro-list-div:hover .pic{
    /*bottom: 110px;*/
    /*box-shadow: 0px 5px 15px rgba(0,0,0,0.4);*/
    /*-moz-box-shadow: 0px 5px 15px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 5px 15px rgba(0,0,0,0.4);
    -o-box-shadow: 0px 5px 15px rgba(0,0,0,0.4);*/
}
.pro-list-div .pic h4{
    color: #000;
    width: 120px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #333;
    background-color: rgba(0,0,0,0.5);
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 0;
}
/*
.pro-list-div .pic img{
    min-width: 292px;
    min-height: 184px;
}
*/
.pic-content{
    width: 250px;
    height: 100px;
    position: absolute;
    left: 25px;
    bottom: -5px;
    z-index: 10;
    overflow: hidden;
}
.pic-content ul{
    list-style-type: none;
}
.pic-content a{
    color: #656565;
    font-size: 12px;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    height: 20px;
    overflow: hidden;
    padding: 2px 0px 2px 0px;
}
.pic-content a:hover{
    color: #6fafe8;
}
.pic-content img{
    width: 20px;
    height: 16px;
    float: right;

    margin-right: 20px;
}




body{
    font-family: "Microsoft YaHei";
    /*background-color: #eff0f4;*/

}

.wrap{
    padding: 0!important;
    position: relative;
}


.meaus-wrap{
    width: 840px;
    height: 70px;
    position: absolute;
    top: 0;
    left: 100px;
}
.meaus-wrap-meau{
	margin-left:150px;
	padding-left:12px;
    width: 100%;
    height: 100%;
    line-height: 70px;
}
.meaus-wrap-meau > a{
    color: #111;
    display: inline-block;
 font-size:16px;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}




.meaus-wrapp{
    width: 840px;
    height: 70px;
    position: absolute;
    top: 0;
    left: 100px;
}
.meaus-wrap-meaua{
	margin-left:150px;
	padding-left:12px;
    width: 100%;
    height: 100%;
    line-height: 70px;
}
.meaus-wrap-meauu > a{
    color: #111;
    display: inline-block;
 font-size:16px;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.meaus-wrap-meau > a:hover{
    color: #FF8000;
    
}
.meaus-wrap-hide{
    /*width: 100%;*/
    width: 1200px;
    /*width: 1920px;*/
    height: 0;
    overflow: hidden;
    position: relative;
    background-color: rgba(255, 255, 255, 0.9);
    /*background-color: black;*/
    /*margin: 0px -460px 0;*/
    margin-left: -100px;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
    transition: height 0.3s ease;
    -webkit-transition: height 0.3s ease;
    -moz-transition: height 0.3s ease;
    -ms-transition: height 0.3s ease;
    -o-transition: height 0.3s ease;
}
.meaus-wrap-show{
    height: 160px;
}

.fix-meau-ul{
    list-style-type: none;
    text-align: center;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
}

.fix-meau-ul > li{
    list-style-type: none;
    display: inline-block;
    margin-right: 52px;
    vertical-align: top;
}
.fix-meau-ul > li > a{
    display: inline-block;
    padding-top: 22px;
    text-decoration: none;
    font-size: 14px;
    color: #000000;
}
.fix-meau-ul > li > a > div{
    line-height: 50px;
}
.fix-meau-ul > li:hover a span{
    color: #6fafe8;
    text-decoration: underline;
}

.fix-meau-ul > li > a i {
    vertical-align: middle;
    padding-right: 5px;
}


.header{
    width: 1200px;
    position: relative;
    margin: 0 auto;
    z-index: 2;
}
.lang{
    width: 100%;
    height: 40px;
    text-align: right;
    font-size: 12px;
    color: #656565;
    line-height: 40px;
}
.lang select{
    height: 20px;
    margin-top: 14px;
    margin-left: 12px;
    background-color: #e8e8e8;
    cursor: pointer;
}
.lang-sline{
    padding-left: 12px;
}


.content-wrap{
    width: 100%;
}


.xkkb-meau{
    height: 70px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.xkkb-meau .logo{
    height: 70px;
    width: 221px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.xkkb-meau .search{
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #d4d3d3;
    height: 26px;
    width: 205px;
    margin-top: 22px;
    overflow: hidden;
    border-radius: 18px;
}
/*.xkkb-meau .search span{
    display: block;
    width: 13px;
    height: 13px;
    position: absolute;
    top: -2px;
    right: 10px;
}*/
.xkkb-meau .search i{
    font-size: 14px;
    color: #999;
    font-weight: 100;
    cursor: pointer;
    display: block;
    width: 38px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
}
.xkkb-meau .search:hover i{
    color: #6fafe8;
}
.xkkb-meau .search input{
    width: 208px;
    height: 28px;
    margin-top: -1px;
    margin-left: -1px;
    text-indent: 1em;
    background-color: rgba(0,0,0,0);
    color: #656565;
}
/* SearchBar */

.SearchBar {
	width:205px;
	height:26px;
	background:url("/images/search_bgx.png") no-repeat left top;
}



.SearchBar #search-text {
	width: 160px;
	padding:0px 5px;
 	margin:0px;
	color:#333333;
	height:24px;
	line-height:24px;
	font-size:12px;
	background:none;
	border:none;
	padding-left:5px;}

.SearchBar #search-submit {

	border:none;
	background:none;
	font-size:12px;
	color: #FFFFFF;
	height:26px;
	margin:0px;	
	cursor:pointer;
	padding:0px;
	line-height:26px;
	width:35px;
}



.xkkb-meau .search{
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #d4d3d3;
    height: 26px;
    width: 205px;
    margin-top: 22px;
    overflow: hidden;
    border-radius: 18px;
}
.xkkb-meau .search span{
    display: block;
    width: 13px;
    height: 13px;
    position: absolute;
    top: -2px;
    right: 10px;
}

.xkkb-meau .search i{
    font-size: 14px;
    color: #999;
    font-weight: 100;
    cursor: pointer;
    display: block;
    width: 38px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
}
.xkkb-meau .search:hover i{
    color: #6fafe8;
}
.xkkb-meau .search input{
    width: 208px;
    height: 28px;
    margin-top: -1px;
    margin-left: -1px;
    text-indent: 1em;
    background-color: rgba(0,0,0,0);
    color: #656565;
}


.footer-wrap{
    width: 100%;
    background-color: #3a3939;
    min-width: 1200px;
    margin: 0 auto;
  margin-top:33px;
}
.footer-meau{
    width: 1210px;
    margin: 0 auto;
    padding-top: 24px;
    padding-bottom: 5px;
    overflow: hidden;
}
.footer-meau h5{
    color: #fff;
    font-size:16px;
    padding-bottom: 6px;
    border-bottom: 1px solid #d4d3d3;
}
.footer-meau > div{
    float: left;
    margin-right: 30px;
}
.footer-ul{
    list-style-type: none;
    font-size: 12px;
    margin-top: 15px;
    padding-bottom: 15px;
}
.footer-ul a{
    color: #d2d2d2;
    font-size:13px;
    height:5px;
    text-decoration: none;
    display: inline-block;
    padding-top: 4px;
    padding-bottom: 4px;
}
.footer-ul a:hover{
    color: #fff;
    text-decoration: none;
}
.contact{
    position: relative;
    margin-right: 0px!important;
    width: 270px;
}
.phone{
    position: absolute;
    right: 0px;
    top: 5px;
}
.phone span{
    font-size: 16px;
    color:#6fafe8;
  
}
.phone a{
    font-size: 20px;
    font-family: "Georgia";
    color: #6fafe8;
    text-decoration: none;
}
.common-info{
    min-width: 1200px;
    margin: 0 auto;
    background-color: #323232;
    text-align: center;
    font-size: 12px;
    color: white;
    padding-top: 15px;
    padding-bottom: 10px;
}
.common-info p{
    margin-bottom: 5px;
}
.common-info a{
	color:#FFF;}

.ewm{
    margin-top: 10px;
    margin-left: 105px;
}


.layout-meau-active{
    color: #ffffff!important;
    /*  */
}


.xkkb-pagination{
    list-style: none;
    overflow: hidden;
    text-align: center;
    margin-bottom: 20px;
}
.xkkb-pagination li{
    margin: 0 3px;
    display: inline-block;
    overflow: hidden;
    border: 1px solid #6fafe8;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
}
.xkkb-pagination li:hover,.xkkb-pagination .active{
    
}

.xkkb-pagination li a{
    font-size: 14px;
    padding: 0 16px;
    text-decoration: none;
    color: #565656;
    height: 100%;
    width: 100%;
    text-align: center;
    line-height: 38px;
    height: 38px;
}
.xkkb-pagination .active a,.xkkb-pagination li:hover a{
    color: white!important;
}
.xkkb-pagination .prev a,.xkkb-pagination .next a{
    color: #6fafe8;
}

.xkkb-pagination .disabled{
    display: none;
}

.fix-contact{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    z-index: 999;
    display: none;
}
.fix-contact-inner{
    width: 500px!important;
    height: 440px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -250px;
    margin-top: -250px;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
    padding: 30px 20px 0 20px!important;

    box-sizing: border-box;
}

.fix-contact-inner .int-div{
    margin-bottom: 20px;
    position: relative;
}
.fix-contact-inner .int-div input{
    border: 1px solid #ccc;
    width: 100%;
    height: 40px;

    line-height: normal;
    padding-left: 40px;
    box-sizing: border-box;
}

.fix-contact-inner .int-div textarea{
    border: 1px solid #ccc;
    width: 100%;
    font-family: "Microsoft YaHei";
    font-size: 13px;
    padding: 10px;
    box-sizing: border-box;
}
#sub,#clo{
    border: 1px solid #6fafe8;
    width: 100px;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    
    color: white;
    margin-top: -10px;
    float: left;
    margin-right: 15px;
}
#clo{
    background-color: #ccc;
    border: 1px solid #ccc;
}

.fix-contact-inner span{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 20px;
    width: 20px;
    margin-top: 10px;
    margin-left: 10px;
}
.fix-contact-inner .int-name{
    background: url(/imgs/user.png) no-repeat center;
}
.fix-contact-inner .int-mobile{
    background: url(/imgs/phone.png) no-repeat center;
}
.fix-contact-inner .int-addr{
    background: url(/imgs/addr.png) no-repeat center;
}
.fix-contact-inner .int-email{
    background: url(/imgs/email.png) no-repeat center;
}

#show-div{
    cursor: pointer;
    padding-top: 5px;
    padding-bottom: 5px;
}


.fix-right-wrmp{
    width: 60px;
    position: fixed;
    top: 60%;
    right: 5px;
    overflow: hidden;
}
.fix-right-wrmp > ul{
    list-style: none;
    width: 100%;
}
.fix-right-wrmp > ul > li{
    width: 58;
    height: 58px;
    border: 1px solid #ccc;
    background-color: rgba(255,255,2550,.3);
    text-align: center;
    line-height: 60px;
    cursor: pointer;
    color: #565656;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.fix-right-wrmp > ul > li:hover{
    
    color: white;
}
.fix-go-top{
    display: none;
    border-bottom: 0!important;
}



 
 
 .content-wrap{
    margin-top: -110px;
    z-index: 1;
}
.banner-wrap{
    max-width: 1920px;
    min-width: 1200px;
    overflow: hidden;
    margin: 0 auto!important;
}

.js-silder{
    width: 100%;
    height: 100%;

}
.js-silder-ctrl{
    position: absolute;
    left: 0;
    bottom: 10px;
}
.silder-ctrl-prev{
    left: 20px;
}
.silder-ctrl-next{
    right: 20px;
}
.silder-main-img{
    height: 100%;
}
.pro-list-wrap{
    width: 1200px;
    height: 200px;
    margin: 0 auto;
    position: relative;
    margin-top: 12px;
    margin-bottom: 15px;
    background-color: white;
    padding: 8px;
}
.pro-list-div{
    float: left;
    width: 290px;
    height: 184px;
    /*background-color: #e8e8e8;*/
    position: relative;
    margin-right: 8px;
}
.pro-list-div .pic{
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 292px;
    height: 184px;
    overflow: hidden;
    z-index: 11;
    /*transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;*/
}
.pro-list-div:hover .pic{
    /*bottom: 110px;*/
    /*box-shadow: 0px 5px 15px rgba(0,0,0,0.4);*/
    /*-moz-box-shadow: 0px 5px 15px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 5px 15px rgba(0,0,0,0.4);
    -o-box-shadow: 0px 5px 15px rgba(0,0,0,0.4);*/
}
.pro-list-div .pic h4{
    color: #fff;
    width: 120px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #333;
    background-color: rgba(0,0,0,0.5);

    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 0;
}
.pro-list-div .pic img{
    min-width: 292px;
    min-height: 184px;
}
.pic-content{
    width: 250px;
    height: 100px;
    position: absolute;
    left: 25px;
    bottom: -5px;
    z-index: 10;
    overflow: hidden;
}
.pic-content ul{
    list-style-type: none;



}
.pic-content a{
    color: #656565;
    font-size: 12px;

    text-decoration: none;
    display: inline-block;
    width: 100%;
    height: 20px;
    overflow: hidden;
    padding: 2px 0px 2px 0px;
}
.pic-content a:hover{
    color: #6fafe8;
}
.pic-content img{
    width: 20px;
    height: 16px;
    float: right;
    margin-right: 20px;
}
.end
{
	 color: #fff;
	 font-size: 14px;
	 line-height: 28px;
}






























/*warp*/
.warp_show{ width:100%; height:auto; overflow:hidden;}
.warp_shBox{ clear:both; position:relative;}
.name{ color:#484848; font-size:32px; font-weight:bold; line-height:normal; text-align:center;}
.intro{font-size:14px;color: #000000;line-height:22px;width:806px;margin:12px auto 38px;text-align:center;}

.pro_chnal{ height:272px;}
.pro_chnal li{float:left;position:relative;background:url(../images/pro_chline1.png) repeat-y right top;width: 400px;height: 326px;padding: 7px 0;}
.pro_chPo{width: 340px;margin:0 auto;}
.pro_chname{color:#333;font-size:18px;width: 340px;height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin: 10px 0 5px;text-align:center;}
.pro_chintro{ color:#888; font-size:14px; line-height:22px; height:44px; overflow:hidden; text-align:center;}
.pro_chintro pre{ font-family:'Microsoft YaHei';}
.pro_chShave{ display:none; position:absolute; top:0; left:0; z-index:10; width:300px; height:336px; overflow:hidden;}
.pro_chShow{position:absolute;top:0;left:0;background-color:#FF8000;width: 310px;height: 280px;padding:24px 0 0 16px;}
.pro_chicon{ width:52px; height:52px; margin-right:24px; display:inline;}
.pro_chall{ background:url(../images/pro_chline2.jpg) repeat-y right top; width:208px; margin-top:16px; display:inline;}
<!--.pro_chaPeo{ width:156px; margin-top:16px; display:inline;}-->
.pro_chaName{ margin-bottom:14px;}
.pro_chaName a{ display:block; color:#FFF; font-size:18px; width:208px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro_chaLbox{width:118px;height:36px;line-height:36px;border-bottom: 1px dotted #ffffff;}
.pro_chaLbox a{display:block;/* background:url(../images/pro_chsbac.png) no-repeat left; */padding-left:14px;margin-left:2px;color: #ffffff;font-size:14px;height:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pro_chaLbox a:hover{background:url(../images/pro_chsbho.png) no-repeat left;color: #000;}
.pro_chaMore{ width:116px; height:24px; margin-top:16px;}
.pro_chaMore a{display:block;color: #312828;font-size:14px;width:114px;height:22px;line-height:22px;text-align:center;border:1px solid rgba(255,255,255,0.5);border-radius:14px;-moz-border-radius:14px;-webkit-border-radius:14px;}
.pro_chaMore a:hover{ color:#FFF;}
.pro_chaMore a span{ background:url(../images/pro_chMicon.png) no-repeat right; padding-right:24px;}
.pro_chaPimg{ position:relative; width:135px; height:135px; margin:0 auto;}
.pro_chaPbd{ position:absolute; top:0; left:0; z-index:10; width:135px; height:135px;}
.pro_chaPbd a{ display:block; background:url(../images/pro_chpBd.png) no-repeat; width:135px; height:135px;}
.pro_chaPen,.pro_chaPcn,.pro_chaPro{ text-align:center;}
.pro_chaPen{ color:#FFF; font-size:18px; padding-top:12px; margin-bottom:2px;}
.pro_chaPcn{ color:#FFF; font-size:14px;}
.pro_chaPro{ color:#bdf9db; line-height:18px; height:54px; overflow:hidden; padding-top:8px;}
.pro_chnal li.cur1 .pro_chShow{ left:-444px;}
.pro_chnal li.cur2 .pro_chShave{ right:0; left:auto;}
.pro_chnal li.cur2 .pro_chShow{ right:-444px; left:auto;}
.pro_chnal li.zIndex{ z-index:20;}
.box-b{ bottom:-800px;}
.pro_chImg {}
.pro_chImg :hover {box-shadow: 3px 5px 20px rgba(0,0,0,0.2);}

/*three-chnal*/
.three_chnal{ background:url(../images/floor_3.jpg) no-repeat center; position:relative; width:100%; height:600px;}
.banner_three{ position:absolute; top:0; left:50%; margin-left:-960px; width:1920px; height:600px;}
.banner_thlist{ position:relative; width:1200px; height:600px; margin:0 auto; overflow:hidden;}
.banner_thlist li{ float:left; position:relative; width:1200px; height:600px;}
.th_media{ width:504px; margin:0 auto; padding-top:145px;}
.th_medIcon{ width:80px; height:80px; margin:0 auto; cursor:pointer;}
.th_medCon{ padding-top:8px;}
.th_medImg{ width:230px; height:72px; margin:0 auto;}
.th_medGod{ color:#FFF; opacity:0.6; filter: alpha(opacity=60); font-size:14px; line-height:22px; padding-top:4px; text-align:center;}
.banner_thowd{ position:absolute; left:50%; bottom:25px; margin-left:-224px; z-index:30; background:url(../images/three_line.png) repeat-x; width:448px; height:63px;}
.banner_tho{ width:408px; height:63px; margin:0 auto;}
.banner_tho a{ display:inline-block; float:left; background:url(../images/three_chac.png) no-repeat bottom; width:86px; height:36px; margin:0 25px; cursor:pointer;}
.banner_tho a em{ display:block; color:#FFF; font-size:14px; font-style:normal; width:86px; height:23px; line-height:23px; text-align:center;}
.banner_tho a.on{ background:url(../images/three_chho.png) no-repeat bottom;}
.banner_tho a.on em{ background:url(../images/three_chpbd.png) no-repeat;}
.th_chpage{ position:absolute; top:250px; z-index:100; width:34px; height:64px; cursor:pointer;}
.three_pre{ background:url(../images/three_Lac.png) no-repeat; left:4%;}
.three_next{ background:url(../images/three_Rac.png) no-repeat; right:4%;}
.three_pre:hover{ background:url(../images/three_Lho.png) no-repeat;}
.three_next:hover{ background:url(../images/three_Rho.png) no-repeat;}
.th_medPo{ display:none; position:absolute; top:20px; left:50%; margin-left:-454px; z-index:50; width:908px; height:544px;}
.th_mdClose{ width:28px; height:28px; cursor:pointer;}
.job{ width:915px; height:330px; margin:0 auto; padding-top:128px;}
.job_list{width: 100%;height:330px;}
.job_Lbox{float:left;background-color:#f3f3f3;width: 275px;height:330px;margin:0 10px;display:inline;}
.job_img{ width:285px; height:150px;}
.job_Lshow{ padding:22px 27px 0 27px;}
.job_title a{ display:block; font-size:18px; width:231px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}
.job_en{ font-family:Arial; color:#cfcfcf; font-size:18px; margin-bottom:12px; margin-top:2px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}
.job_intro{ background:url(../images/th_jobline.jpg) no-repeat top center; color:#888; line-height:22px; height:66px; overflow:hidden; padding-top:18px; text-align:center;}
.job_Lbox:hover{ background-color:#F35B25; transition:all 0.4s ease 0.01s; -moz-transition:all 0.4s ease 0.01s; -webkit-transition:all 0.4s ease 0.01s;}
.job_Lbox:hover .job_title a{ color:#FFF;}
.job_Lbox:hover .job_en{ color:#ffffff;}
.job_Lbox:hover .job_intro{ background:url(../images/th_joblineho.jpg) no-repeat top center; color:#FFF;}

/*about*/
.aboutt{ width:1200px; height:330px; overflow:hidden;}
.aboutt_show{ width:1220px;}
.aboutt_show .job_Lbox{ margin:0 20px 0 0; display:inline;}

/*cont*/
#warp_shBox6{ background:url(/images/bglx.jpg) no-repeat center; width:100%; height:532px;}
#warp_shBox6 .pdd{ padding:84px 0 0 0;}
#warp_shBox6 .name a{ color:#FFF;}
.cont{ height:140px; padding-top:40px;}
.cont li{ float:left; width:300px; height:140px;}
.cont li a{ display:block; width:300px;}
.cont_icon{ display:block; width:115px; height:100px; margin:0 auto;}
.cont_name{ display:block; color:#fff; font-size:14px; width:300px; padding-top:16px; text-align:center;}
.cont_icon1{ background:url(../images/cont_ac1.png) no-repeat;}
.cont_icon2{ background:url(../images/cont_ac2.png) no-repeat;}
.cont_icon3{ background:url(../images/cont_ac3.png) no-repeat;}
.cont_icon4{ background:url(../images/cont_ac4.png) no-repeat;}
.cont li a:hover .cont_icon1{ background:url(../images/cont_ho1.png) no-repeat;}
.cont li a:hover .cont_icon2{ background:url(../images/cont_ho2.png) no-repeat;}
.cont li a:hover .cont_icon3{ background:url(../images/cont_ho3.png) no-repeat;}
.cont li a:hover .cont_icon4{ background:url(../images/cont_ho4.png) no-repeat;}
.cont li a:hover .cont_name{ color:#e64d17;}





.TopBG {
	width: 100%;
	height: 30px;
	line-height: 30px;
	background: #fff;
	border-bottom: 1px solid #E5E5E5;
}

.TopInfo {
	margin: auto;
	width: 1230px;
	height: 25px;
}
.TopInfo .welcome {
	line-height: 25px;
	font-size: 12px;
	float: left;
	padding-left: 0px;
	color: #333333;
}
.TopInfo .welcome span {
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	padding-right: 10px;
}
.TopInfo .link {
	line-height: 25px;
	width: 83px;
	float: right;
	color: #9B9B9B;
	padding-right: 10px;
	padding-left: 0px;
	font-size: 12px;
}
.TopInfo .link ul li {
	float: left;
}
.TopInfo .link ul .LiCurrent {
	height: 25px;
}
.TopInfo .link a {
	color: #9B9B9B;
	padding: 0px 10px;
}
.TopInfo .link a:hover {
	color: #ccc;
}
.floatL {
	float: left
}
.floatR {
	float: right
}
.alignL {
	text-align: left;
}
.alignR {
	text-align: right;
}
.top_msg {
	background: #121212;
	height: 36px;
	line-height: 36px;
	color: #FFF;
	text-align: right;
}
.top_msg a {
	color: #FFF;
}
.top_msg a:hover {
	color: #F00;
}
.top_msg span {
	font-size: 14px;
	color: #235798;
	font-family: "Microsoft YaHei";
}
.w1000 {
	width: 1200px;
	overflow: hidden;
	margin: 0 auto;
	clear: both;
}
.welcome {
	float: left;
	line-height: 36px;
}
.RightIcons {
	float: right;
}
.RightIcons li {
	float: left;
	line-height: 36px;
	padding-right: 10px;
}
.RightIcons .Li1 {
	background: url("/images/HituxCMSBiteBlue/tagqq.png") no-repeat 0px center;
	padding-left: 20px;
}
.RightIcons .Li2 {
	background: url("/images/HituxCMSBiteBlue/top_tel.png") no-repeat 0px center;
	padding-left: 20px;
}
#head {
	background: #FFF url("/images/top-bg.png") no-repeat center 0px;
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, .3);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, .3);
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
	z-index: 999;
	width: 100%;
	height: 92px;
	margin: auto;
	position: relative;
	position: fixed;
}
#head .top {
	width: 100%;
	font-size: 12px;
}
#head .top .TopLogo {
	margin: auto;
	width: 1234px;
	height: 92px;
}
#head .top .TopLogo .logo {
	float: left;
	padding-top: 25px;
}
#head .top .TopLogo .SearchTop {
	float: right;
	padding-top: 5px;
	padding-left: 0px;
}
#head .top .TopLogo .SearchTop p {
	line-height: 30px;
	color: #666;
}
#head .top .TopLogo .SearchTop p a {
	padding: 0px 5px;
	color: #666;
}
#head .top .TopLogo .tel {
	float: right;
	padding-right:50px;
	padding-top: 0px;
}
/*	
#head .top .TopLogo .tel .telW{
padding-left:155px;
padding-top:0px;
color:#333333;
font-size:14px;
text-align:right;}	
#head .top .TopLogo .tel .telN{
padding-top:0px;
padding-left:105px;
font-family:Tahoma, Geneva, sans-serif;
font-size:24px;
color:#2a1ee4;
font-weight:normal;
line-height:100%;}
*/
/* navs*/
#head #NavLink {
	width: 900px;
	height: 92px;
	margin: auto;
}
#head #NavLink #NavBG {
	height: 92px;
	width: 900px;
	z-index: 100;
	margin: auto;
}
#head #NavLink #sddm {
	position: absolute;
	width: 900px;
	margin: auto;
	z-index: 30;
}
#head #NavLink #sddm li {
	float: left;
	font-weight: normal;
}
#head #NavLink #sddm .CurrentLi a {
	color: #FF6900;
	border-bottom: 4px solid #FF6900;
	height: 88px;
	line-height: 88px;
}
#head #NavLink #sddm li a {
	display: block;
	position: relative;
	font-size: 17px;
	color: #666;
	font-weight: bold;
	line-height: 92px;
	height: 92px;
	overflow: hidden;
	width: 112px;
	text-align: center;
}
#head #NavLink #sddm li a:Hover {
	text-decoration: none;
	color: #FFF;
}
#head #NavLink #sddm li > a abbr {
	position: absolute;
	top: -92px;
	background: #FF6900;
	width: 100%;
	display: block;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	color: #FFF;
}
#head #NavLink #sddm li > a span {
	position: relative;
	top: 0;
	display: block;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
#head #NavLink #sddm li.cur > a abbr, #head #NavLink #sddm li:hover > a abbr {
	top: 0;
}
#head #NavLink #sddm li.cur > a span, #head #NavLink #sddm li:hover > a span {
	top: 92px;
}
#head #NavLink #sddm div {
	width: 112px;
	position: absolute;
	visibility: hidden;
	background: #808080;
	padding: 0px 0px;
	filter: alpha(opacity=85);
	top: 92px;
}
#head #NavLink #sddm .CurrentLi div a {
	background: #FF6900;
	color: #FFF;
	line-height: 30px;
	height: 30px;
	border-top: 1px solid #fff;
	border-bottom: none;
}
#head #NavLink #sddm div a {
	border: None;
	position: relative;
	padding: 0px 0px;
	width: 200px;
	text-align: center;
	background: #FF6900;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	line-height: 30px;
	height: 35px;
	border-top: 1px solid #fff;
}
#head #NavLink #sddm div a:hover {
	background: #FA7635;
	color: #fff;
	font-weight: bold;
	line-height: 30px;
	border-top: 1px solid #fff;
}
#head #NavLink #sddm .CurrentLi div a:hover {
	border-bottom: none;
}
.albumblock2 {
	float: left;
	width: 185px;
	height: 200px;


	padding: 10px 7px 20px 23px;
}
.albumblock3 {
	padding: 4px 0px 10px 0px;
}
.albumblock2 a:hover {
	text-decoration: none;
}
.boxgrid h3 {
	font-weight: bold;
	color: #FFF;
	padding: 0px 10px;
	text-align: center;
	font-size: 14px;
	width: 163px;
}
.boxgrid h3 a {
	color: #FFFFFF;
	text-align: center;
}
.boxgrid {
	width: 183px;
	height: 198px;
	border: solid 1px #EFEFEF;
	overflow: hidden;
	position: relative;
}
.boxgrid img {
	position: absolute;
	top: 10px;
	left: 10px;
	border: 0;
	width: 165px;
	height: 165px;
}
.boxgrid a {
	text-align: center;
}
.boxgrid p {
	position: absolute;
	bottom: 0px;
	text-align: center;
	width: 185px;
}
.boxgrid .cover {
	position: relative;
	top: 200px;
	height: 200px;
	width: 183px;
}
.boxcaption {
	position: absolute;
	background: url(/images/album_bg.png) repeat 0px 0px;
	height: 200px;
	width: 183px;
	/*				opacity: .7; 

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);

-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; */
	color: #FFF;
}


/*  */
.searchformBox {
	margin-right: -600px;
	/* background: #ffffff; */
	/* box-shadow: inset 3px 3px 3px #fff; */
}
.searchformBox:hover {
	background: #e6e6e6;
	box-shadow: inset 3px 3px 3px #dad6d6;
}
.searchformBox .btn_serach {
	background: url(/images/sou2.png) no-repeat;
}
/* */
.searchformBox:hover .serach_input::-webkit-input-placeholder {
color:#333;
}
.searchformBox:hover .serach_input:-moz-placeholder {
color:#333;
}
.searchformBox:hover .serach_input::-moz-placeholder {
color:#333;
}
.searchformBox:hover .serach_input:-ms-input-placeholder {
color:#333;
}
/**************************************************


/*  */
.searchformBox {
	position: absolute;
	right: 50%;
	top: 85px;
	height: 22px;
	margin-top: -18px;
	margin-right: -600px;
	padding: 0px 10px;
	border-radius: 16px;
	z-index: 99;
	position: fixed;
}
.is-sticky .searchformBox {
	top: 55px;
}
.searchformBox form {
	height: 22px;
}
.searchformBox .serach_input {
	width: 0px;
	height: 18px;
	border: 0;
	background: none;
	padding: 2px;
	font-size: 12px;
	transition: all 0.2s linear 0s;
	vertical-align: top;
}
.searchformBox .btn_serach {
	width: 22px;
	height: 22px;
	border: 0;
	content: "";
	color: #fff;
	cursor: pointer;
}
.searchformBox:hover .serach_input {
	width: 110px;
	color: #000;
}
.bb {
	background: #fff url(/images/bb.jpg) no-repeat left top;

}