@charset "utf-8";
/* CSS Document */
/*****************bananer*******************************/
body{background:#fff; font-weight:"Regular";}
.earth{width:25px; height:25px; background:url(../img/icon_box.png) no-repeat -175px -132px; }

.fontH{font-family:"微软雅黑";}
.bananer{position:relative; margin:0 auto; min-height:600px; text-align:center; border-bottom:solid 1px #e3e3e3; width:100%; position:fixed; top:55px; z-index:-1;}
.bananer .btnindexL{display:none;}
.bananer .btnindexR{display:none;}
.banaimg{width:100%; overflow:hidden; height:100%;top:56px; min-height:600px; position:relative;}
.bananer .tb,.adtop .bb{height:3px; background:#fff; opacity:0.3; filter:alpha(opacity:30); position:absolute; width:100%;}
.bananer .tb{top:0; z-index:100;}
.adtop .bb{top:-3px;}

@media screen and (min-width: 1024px) { 
	.advert{height:600px; background:#fafafa; width:100%;}
}
@media screen and (max-width: 1250px) { 
	.advert{height:600px; background:#fafafa; width:1250px;}
/*	.banaimg{width:1250px;}
	.carousel-inner{width:1250px;}/* margin-left:-975px; left:50%;
*/}
/*@media screen and (max-width:658px) { 
	.banaimg{width:100%;}
}*/
.logoIndex{position:absolute; left:35px; top:88px; z-index:45; display:block;}
.bananer .bana{position:absolute; top:0px; left:50%; z-index:-1;}
.bana img{position:absolute; top:0px; left:0px;/* opacity:0; filter:alpha(opacity:0);*/}
.bananer .adB{margin-left:-975px;}
.banaimg .pc{display:block;}/* left:50%; margin-left:-975px;*/
.banaimg .pad{display:none; }/*left:50%; margin-left:-384px;*/
/*end***bananer*******************************/
/*************广告 介绍************/
.ad{width:100%; position:relative z-index:50; margin:545px 0 0 0;}
.adtop{height:95px; border-bottom:solid 1px #e9e9e9; width:100%; padding-top:10px;}
.adtop .bg{position:absolute; top:0; width:100%; height:100%; background:#fafafa; opacity:0.85; filter:alpha(opacity:85); z-index:-1;}
.adtop .t{width:100%; text-align:center; margin:0 auto; display:block; font-size:40px; line-height:50px; color:#418db4;}
.adtop .b{width:100%; text-align:center; margin:0 auto; display:block; font-size:16px; line-height:38px; color:#757880;}
.adtop .b a{ color:#47b3eb;}
@media screen and (max-width: 1270px) { 
.topsE .t{font-size:36px;}
}
@media screen and (max-width: 1290px) { 
.topsE .t{font-size:30px;}
}
@media screen and (max-width: 1024px) { 
.topsE .t{font-size:24px;}
.topsE .b{font-size:18px;}
}
/*@media screen and (max-width:658px) { 
.bananer{position:relative;}
.adtop .t{font-size:16px; line-height:28px;}
.adtop .b{font-size:13px; line-height:20px;}
}*/



/*@media screen and (max-width:658px) {
	.ad{width:100%; margin-top:-20px;}
	.carousel-inner{width:768px; left:50%; margin-left:-384px; margin-top:35px;}
	.adtop{height:58px; padding-top:10px;}
	.bananer .logoIndex{display:none;}
	.bananer{height:330px;}
	.banaimg{height:330px;}
	.banaimg .pc{display:none;}
	.banaimg .pad{display:block;}
}*/
/*@media screen and (max-width:432px) {
	.topsE .t{font-size:14px; line-height:15px; margin-top:-5px;}
	.topsE .b{font-size:12px; line-height:15px;}
}
@media screen and (max-width:338px) {
.bananer{height:264px;}
.banaimg{height:264px;}
.adtop .t{font-size:20px;}
.adtop .b{font-size:13px;}
.topsE .t{font-size:14px; line-height:15px; margin-top:-5px;}
.topsE .b{font-size:12px; line-height:15px;}
.ad{margin-top:-21px; width:320px;}
}
*/
/***end 广告介绍************/
/************* index serch********************************/
.ser_index{width:740px; height:60px; position:absolute; top:332px; left:50%; margin-left:-370px;}
.serOuter{width:740px; height:60px; background:#fff; opacity:0.8; filter:alpha(opacity:80); z-index:18;  z-index:18; position:absolute; left:0; top:0;}
.serInner{width:622px; height:48px; top:6px; left:6px; position:absolute; background:#fff; z-index:20; -moz-box-shadow: inset 1px 1px 7px -2px #000; -webkit-box-shadow: inset 1px 1px 7px -2px #000;  box-shadow: inset 1px 1px 7px -2px #000;}
.serinput{font-size:15px; font-family:"微软雅黑"; padding:13px 0 13px 12px; background:none; float:left; background:none;}
.serinputC{width:478px;} 
.serinputE{width:600px; font-family:"Open Sans","Helvetica";border: none;}

.serRBtn{text-align:center; padding-right:22px; height:46px; line-height:46px; color:#4d4d4d; float:right; position:absolute; right:0;}
.serlistE{width:145px; font-size:15px;}
.serlistC{width:90px; font-size:15.75px;}
.serRBtn .serarr{background:url(../img/icon_box.png) no-repeat -68px -1px; width:13px; height:11px; position:absolute; right:9px; top:17px;}
.serRBtnC{background:#85878c; color:#fff; height:58px;}
.serRBtnC .serarr{background:url(../img/icon_box.png) no-repeat -68px -12px;}

.btnB95{width:66px; height:48px; border-radius:0; background-color: #8a6d3b;position:absolute; top:6px; right:6px; z-index:30;text-decoration: none!important;padding-left: 35px;}
.btnB95:hover{opacity:0.8;}
.btnB95::before{
	content: "\e003";
	font-family: 'Glyphicons Halflings';
	font-size:35px;
	color: #000;
}
.serIndex{width:100%; z-index:-1;}
@media screen and (max-width:1250px) {/*and (min-width:658px) */
	.serIndex{width:1250px;  top:0;}
}
/*@media screen and (min-width:900px) and (max-width:1070px) {
	.ser_index{top:332px; left:50%; margin-left:-370px;}	
}

@media screen and (max-width:658px) {	
.serOuter{width:0; height:0;}
.ser_index{left:0; top:50px; margin-left:0; width:100%; overflow:hidden; font-size:12px;}
.serInner{left:0; top:0; width:100%; height:34px; background:#fff; z-index:20; -moz-box-shadow:inset 2px 2px 3px #b8b8b8; -webkit-box-shadow:inset 2px 2px 3px #b8b8b8;  box-shadow:inset 1px 1px 2px #b8b8b8;}
.serinput{width:100%; color:#4b4b4b; font-size:12px; line-height:20px; height:20px; padding:8px 5px; background:none; float:left;}
.serRBtn{position:absolute; right:70px;}
.serlistE{width:83px; background:url(../img/icon_seradd.gif) no-repeat 84px 14px; font-size:10px;  padding-right:13px; line-height:34px;  height:34px;}
.serlistC{width:60px; font-size:12px; height:36px; line-height:36px; background:url(../img/icon_seradd.gif) no-repeat 62px 15px;}
.btnred95{width:70px; height:36px; background:url(../img/icon_btn.png) no-repeat -127px -77px;; position:absolute; right:0; top:0; z-index:30; border-radius:0;}
.btnred95:hover{background:url(../img/icon_btn.png) no-repeat -127px -116px;}

}
@media screen and (max-width:338px) {
.ser_index{left:0; top:0; margin-left:0; width:320px;}
.serInner{width:320px; top:0; left:0;}
.serinput{width:180px;}
.btnred95{right:0; top:0;}
.carousel-control{display:none;}
.banaimg .pc{display:none;}
.serlistC{width:50px; font-size:12px; height:36px; line-height:36px; background:url(../img/icon_seradd.gif) no-repeat 56px 15px; margin-right:0;}
.serinputE{font-size:10px; padding:8px 2px;}
}
*/	
/************* serch  pop********************************/
.serchpop{height:220px; left:6px; position:absolute; top:62px; width:708px; z-index:55;}
.serR{width:598px;}
.serterm{width:558px}
.serBrand .conL{width:210px;}
.serBrand .conR{width:350px;}
.serSys .systit{width:565px;}
.serSys .syscon{width:516px;}
.serSys .p500{width:578px;}
.serSys .input328{width:482px;}
.serterm p{width:145px;}
.p500 .btnred95{width:72px; height:36px; background:url(../img/icon_btn.png) no-repeat -127px -77px; cursor:pointer; right:0; top:0;}
.p500 .btnred95:hover{background:url(../img/icon_btn.png) no-repeat -127px -116px;}

.brand{width:320px; padding-right:15px; }
.brand .tit{line-height:36px; height:36px; padding-top:20px; font-size:18px; text-align:left;}
.brand .slyWrap{height:116px; width:316px; line-height:38px; font-size:12px; border:solid 1px #c4c4c4; border-top:none; margin:-2px 0 2px 2px; background:#fff;  z-index:8; position:relative;}
.sly{width:340px; height:150px; overflow:hidden;}
.brandl{width:340px; float:left; line-height:28px;}
.brandl li{width:340px; display:block; cursor:pointer; float:left;}
.brandl li a{width:35px; text-align:left; margin-left:5px;}
.brandl li span{width:240px; text-align:left; float:left;}

.renul{width:75px; height:112px; float:left;}
.renul li{ width:60px; padding-left:15px; text-align:left; height:22px; line-height:22px; cursor:pointer;}
.renzl .sly{height:92px; width:75px; overflow:hidden;}
.renzl .slyWrap{height:92px; width:85px; line-height:22px; font-size:12px; border:solid 1px #d6d6d6; border-top:none; margin:1px 3px 2px 0; background:#fff;  z-index:8; position:relative;}

.scrollbar{width:10px; position:absolute; right:3px; top:5px; height:150px;}
.scrollbar .handle{width:5px; border-radius:4px;background:#c9caca;cursor:pointer; left:3px;}

.brand .scrollbar{width:9px; position:absolute; right:0; top:2px; height:108px;}
.brand .scrollbar .handle{width:5px; border-radius:4px;background:#c9caca;cursor:pointer; left:1px;}

.brand .btnall{ position:absolute; top:0; left:10px;}
.brand .btnall.btncheckSd{ margin-top:5px;}
.brand .btnall.btncheckS{ margin-top:7px;}

.brand dd{width:318px; height:28px;  margin-bottom:3px; border:solid 1px #c4c4c4; line-height:28px; background:url(../img/btn_drops.gif) no-repeat 300px 10px #fff; cursor:pointer; position:relative;}
.brand dd.click{background:url(../img/btn_up.gif) no-repeat 300px 10px #fff;}
.brand dd p{width:270px; height:26px; line-height:26px;  padding-left:45px;}
.brand dd p span{float:left;}
.inout278{width:265px; height:12px; padding:9px; color:#4d4d4d; -moz-box-shadow:inset 1px 1px 3px #b8b8b8; -webkit-box-shadow:inset 1px 1px 3px #b8b8b8; box-shadow:inset 1px 1px 3px #b8b8b8; line-height:12px; font-size:12px;}
	/*end serch  pop********************************/
@media screen and (min-width: 1024px) { 
.carousel-indicators{position:absolute; width:170px; height:56px;right: 35%;bottom: 35px;}
}
/*@media screen and (max-width: 1024px) { 
.carousel-indicators{float:right;  z-index:100; position:absolute; right:30px; bottom:145px; width:170px; height:20px; }
}*/
/*@media screen and (max-width: 768px) { 
.carousel-indicators{bottom:80px; right:10px;}
}
*/
/********************Special   colunm******************************/
.column{background:#fafafa; height:auto; position:relative; overflow:hidden; color:#4d4d4d; width:100%; z-index:50;}
.column .border{position:absolute; width:100%; display:block;}
.col_title{width:1024px; margin:0 auto; padding:90px 0 20px 0; text-align:center; font-size:14px; height:50px; color:#757880; position:relative;}
.col_title .tit{height:42px; width:210px; line-height:42px; margin:0 auto; display:block; position:absolute; left:467px; top:100px;}
.col_title .titE{width:320px; left:493px;}
.col_title a{font-size:30px; position:absolute; top:104px; left:347px;}
.topsE a{left:212px; top:103px; font-family:"Open Sans","Helvetica";}
.ztttop{width:100%; height:50px; margin:15px 0; position:absolute; top:240px; font-weight:lighter; z-index:52; font-family:"微软雅黑";}
.zttitle{text-align:center; width:100%; margin:0 auto; line-height:50px; height:50px; overflow:hidden;}
.zttitle li{width:auto; max-width:160px; padding:0 30px 0 10px; margin:0 37px 0 13px; height:50px; display:inline-block; cursor:pointer; color:#418db4; position:relative;}
.zttitle li:hover{background:#7caec8;}
.zttitle li.click{color:#fff; background:#418db4; height:50px;}
.zttitle li .bt{float:left; font-size:13px; line-height:20px; display:block; height:20px; margin-top:5px;}
.zttitle li .yhm{height:20px; line-height:20px; font-size:11px; color:#85b3cb; float:left; margin-top:-23px; float:right;}
.zttitle li.click span,.zttitle li:hover span{color:#fff;}
.zttitle li img{border-radius:50%; position:absolute; top:0; right:-25px;}

/*@media screen and (max-width:658px) {
.column{width:100%;}	
.col_title{margin:30px auto 25px auto; width:320px; height:12px;}
.col_title .tit{padding:0 15px; line-height:24px; font-size:24px; background:#e5e5e5;}
.col_title .titE{font-size:18px;}
#column{width:320px; height:auto; color:#6e6e6e;}
#column span{margin:0; width:80px; height:auto; line-height:28px; font-size:12px;}
#column span:hover{font-size:14px;}
#column span.click{font-size:16px;}

}
@media screen and (max-width:338px) {
.col_title{width:100%; margin:30px auto 25px auto;}
.column{height:146px; width:320px;}
}
*/
.listimg{width:100%; overflow:hidden; position:relative; z-index:50; height:740px;} 
.blk_18{overflow:hidden; width:100%; zoom:1; background:#fafafa;}
.pcont{float:left; overflow:hidden; width:100%; height:600px; position:relative;}
.blk_18 #lisB{float:left;}
.blk_18 #lisB2{float:left;}
.listimg img{cursor:pointer;}
.listdiv{overflow:hidden; width:100%; height:auto; position:relative; }
.listimg .loadtop{position:absolute; top:100px; left:50%; margin-left:-50px;}
.listimg .loadfot{position:absolute; top:500px; left:50%; margin-left:-50px;}
.listitem{height:333px; overflow:hidden; width:32766px; padding-bottom:10px; ZOOM: 1;}
.lisB{position:absolute; top:0; left:0; -webkit-backface-visibility:hidden; -webkit-transform:translateX(0px); -moz-transform:translateX(0px); -ms-transform:translateX(0px); -o-transform:translateX(0px); transform: translateX(0px);}
.lisE{position:absolute; top:343px; left:0;}
.owl-next{position:absolute; right:0; top:0; z-index:10; width:40px; height:240px; filter:alpha(opacity=80); opacity:0.8;}
.owl-prev{position:absolute; left:0; top:0; z-index:10; filter:alpha(opacity=80); opacity:0.8; width:40px; height:240px;}
.indexRBtn2{position:absolute; right:0; top:343px; z-index:10; width:50px; height:333px;}
.indexLBtn2{position:absolute; left:0; top:343px; z-index:10; }
.indexBtnbg{background:#86a4bf; width:100%; height:240px; opacity:0.6; filter:alpha(opacity:60); z-index:20; display:block;}
.indexRBtn:hover .indexBtnbg,.owl-next:hover .indexBtnbg{opacity:0.5; filter:alpha(opacity:50);}
.listimg .rf,.listimg .rfs{ line-height:26px;}

.owl-item{position:relative; margin-right:10px; height:240px;}
.share{width:30px; height:26px; position:absolute; right:3px; bottom:0;}
.shape{width:30px; height:26px; position:absolute; right:10px; bottom:0;}
.share span{width:15px; height:14px; background:url(../img/icon_box.png) no-repeat -56px -107px; position:absolute; left:10px; bottom:6px;}
.shape span{width:16px; height:17px; background:url(../img/icon_box.png) no-repeat 0 -104px; position:absolute; left:10px; bottom:4px;}
.sfavo{width:30px; height:26px; position:absolute; right:48px; bottom:0;}
.sfavo span{width:19px; height:19px; background:url(../img/icon_box.png) no-repeat -131px -239px; position:absolute; left:8px; bottom:4px;}
/*@media screen and (max-width:658px) {
.listimg{width:100%;}
.owl-item{height:145px;}
.indexBtnbg{height:145px;}
.owl-next,.owl-prev{height:145px; width:20px;}
.btnindexL{background:url(../img/icon_btn.png) no-repeat -103px -206px; width:10px; height:19px; margin:-10px 0 0 -5px;}
.btnindexR{background:url(../img/icon_btn.png) no-repeat -114px -206px; width:10px; height:19px; margin:-10px 0 0 -5px;}
}
@media screen and (max-width:338px) {
.listdiv,.listimg{width:320px;}
}
*/
.owltitle{height:60px; width:100%; position:absolute; bottom:0; height:35px; left:0;}
.toolbox{position:absolute; bottom:0; height:26px; left:0; background:#86a4bf; opacity:0.4; filter:alpha(opacity:40); width:100%; font-family:"Open Sans","Helvetica";}
.toolbox a{display:inline-block; display:none;}
/*************************Products********************/
/*************************Products********************//**/
.product{height:auto; padding-bottom:300px;  width:100%; overflow:hidden; z-index:50; position:relative; background:#ebebeb;}
.product .bk{position:absolute; left:0; top:0; z-index:5;}
.product .content{width:100%; margin:690px auto 0; color:#4d4d4d; height:446px; z-index:10;}
.product .content .bg{width:100%; height:444px; opacity:0.3; filter:alpha(opacity:30); background:#fff; position:absolute; left:0; top:-3px; z-index:-1;}
.product .top{font-size:24px; height:130px; text-align:center; position:absolute; top:270px; width:600px; z-index:10;}
.product .top .btnL{left:0; background:url(../img/icon_btn.png) no-repeat 0 -439px;}
.product .top .btnR{right:0; background:url(../img/icon_btn.png) no-repeat -21px -439px;}
.product .top .btnL,.product .top .btnR{position:absolute; top:75px; width:21px; height:41px;}


.product .title{text-align:center; width:100%; height:76px; color:#fff; font-size:32px; line-height:76px; margin-bottom:190px;}
.product .title .bg{position:absolute; width:100%; height:100%; background:#739cbf; opacity:0.8; filter:alpha(opacity:80); z-index:-1;}
.input510{height:17px; width:507px; -moz-box-shadow:inset 1px 1px 2px #707070; -webkit-box-shadow:inset 1px 1px 2px #707070;  box-shadow:inset 1px 1px 2px #707070; line-height:17px; padding:9px 12px; font-size:13px;}
.product .topcon{position:relative; width:100%; height:auto; color:#fff;}
.product .topconE{height:85px;}
.product .topcon .tj{width:100%; text-align:center; font-size:36px; line-height:50px;}
.product .topcon .tjb{width:80px; height:1px; background:#fff; left:50%; margin-left:-40px; bottom:-8px; position:absolute;}
.product .js{width:100%;; text-align:center; font-size:40px; line-height:50px;}
.product .ser{width:1014px;}
.product .snser{width:600px; height:35px; position:relative; line-height:35px; font-size:13px; color:#717171; padding-top:3px;}
.product .snser .bg{background:#d2d2d2; height:44px; left:9px; opacity:0.75; position:absolute; top:-2px; width:583px;}
.product .snser .rBtn{ position:absolute; right:78px;}
.product .sm{text-align:center; width:100%; font-size:14px; line-height:24px; font-weight:lighter;}
.topconE .sm{font-family:"Open Sans","Helvetica";}
.topconE .snser{top:50px;}

.product{position:relative;}



.product .ts{width:100%; text-align:center; color:#fff; font-size:15px; line-height:34px;}
.product .ts a{ color:#fff;}
.m12B{margin-bottom:14px;}
.product .btn_L,.product .btn_R{width:32px; height:67px; position:absolute; top:376px;}
.product .btn_L{background:url(../img/icon_btn.png) no-repeat 0 -503px; left:-88px; }
.product .btn_R{background:url(../img/icon_btn.png) no-repeat -32px -503px; right:-88px;}
.endad{width:100%; position:relative;}
.endad .adL,.endad .adR{width:100%;}
.endad ul{width:219px; float:left; display:block; height:438px; position:absolute; top:0;}
.endad ul li{width:216px; float:left; margin:0 3px 3px 0; height:144px; position:relative; cursor:pointer;}
.endad ul li .bj{ background:#363f4c; opacity:0.3; filter:alpha(opacity:30); position:absolute; left:0; top:0; width:100%; height:100%;}
.endad ul li .tit{ position:absolute; color:#fff; left:10px; top:40%; font-size:14px; font-family:"微软雅黑";}
.endad .card{width:600px; position:absolute; left:50%; margin-left:-300px;}
.endad .card .posn{width:600px; height:400px;}
.endad .card .posn .bg{width:600px; height:100%; height:410px;}
.endad .adL{position:absolute; height:438px; left:0;}/*right:50%; margin-right:300px;*/
.endad .adR{ position:absolute; left:50%; margin-left:303px;}
.endad .adR .bg{ left:-5px; width:685px;}
.endad .pL,.endad .pR{width:40px; height:451px; position:absolute; z-index:10;}
.endad .pL{left:0;}
.endad .pR{right:0;}
.endad .pL .bg,.endad .pR .bg{background:#363f4c; opacity:0.2; filter:alpha(opacity:20); top:0; height:100%;}
.endad .btnL,.endad .btnR{width:21px; height:41px; position:absolute; left:50%; top:50%; margin:-20px 0 0 -10px; z-index:15;}
.endad .pL .btnL{background:url(../img/icon_btn.png) no-repeat 0 -439px; opacity:0.8; filter:alpha(opacity:80);}
.endad .pR .btnR{background:url(../img/icon_btn.png) no-repeat -21px -439px; opacity:0.8; filter:alpha(opacity:80);}
.endad .pbtn:hover .btnL,.endad .pbtn:hover .btnR{opacity:1; filter:alpha(opacity:100);}
.endad .pbtn:hover .bg,.endad .pbtn:hover .bg{opacity:0.3; filter:alpha(opacity:30);}
.endad .pbtn{ cursor:pointer;}
.endad .imgopera{ position:absolute; bottom:0; height:30px; width:100%; font-size:20px; color:#fff;}
.imgopera .bgs{ background:#363f4c; opacity:0.3; filter:alpha(opacity:30); position:absolute; left:0; top:0; width:100%; height:100%;}
.imgopera .rf{position:absolute; left:0; font-size:20px; line-height:30px;}
.imgopera .sfavo span{bottom:5px;}
.imgopera .shape span{bottom:6px;}

/*@media screen and (max-width:658px){
.product{width:100%;}	
.product .title{width:320px;text-align:center; height:24px; margin:0 auto 20px auto;}
.product .tit{font-size:24px; color:#8a8a8a; width:100%; line-height:48px; background:#4d4d4d; padding:0 15px;}
.product .titE{color:#fff; font-size:18px;}
.product .topcon{width:100%;}
.product .js{font-size:18px; text-align:center; color:#fff; width:100%; line-height:22px;}
.product .sm{font-size:12px; text-align:center; color:#8a8a8a; width:100%; line-height:18px; }
.product .snser{width:100%; height:34px; float:left;}
.product .top{margin:20px 0 0 0;}
.ser_InBtn{position:absolute; right:0; top:0;}
.input510{width:100%; height:14px; line-height:14px; padding:10px 12px; font-size:13px;}
.topconE .js{line-height:30px; font-size:18px;}
.topconE .sm{margin-bottom:10px;}

.product .content{width:100%;}

}

@media screen and (max-width:338px) {
.product .content,.product,.product .snser{width:320px;}
.product .title{width:100%; left:0; margin-left:0;}	
.input482{width:236px; padding: 10px 12px; height:15px;}
.product .top{height:160px; margin-top:10px;}
.product .tit{font-size:24px;}
.product .js{font-size:16px;}
.product .sm{font-size:12px;}
.product .yw{font-size:12px;}

}*/
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y;}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0, 0, 0)}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.owl-carousel .owl-item{float:left}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}

.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0)}
.owl-origin{-webkit-perspective:1200px;-webkit-perspective-origin-x:50%;-webkit-perspective-origin-y:50%;-moz-perspective:1200px;-moz-perspective-origin-x:50%;-moz-perspective-origin-y:50%;perspective:1200px}

.owl-theme .owl-controls{margin-top:10px;text-align:center}
.owl-theme .owl-controls.clickable .owl-buttons .disabled{filter:alpha(opacity=40); opacity:0.4;}
/*.owl-theme .owl-controls.clickable .owl-buttons .indexBtnbg:hover{filter:alpha(opacity=70); opacity:0.7; text-decoration:none}
*/
.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}
.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px; filter:alpha(opacity=50);opacity:0.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:alpha(opacity=100);opacity:1}
.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.owl-item.loading{min-height:150px;background:url(/images/owl/AjaxLoader.gif) no-repeat center center}
.owl-theme .owl-controls .owl-buttons .disabled{opacity:0.3; filter:alpha(opacity:30); cursor:default;}
.owl-theme .owl-controls .owl-buttons .disabled .indexBtnbg{cursor:default; opacity:0.3; filter:alpha(opacity:30);}

.carousel-wrap{ margin-bottom:80px;}

.popbg{width:172px; background:#717171; opacity:0.3; filter:alpha(opacity:30); position:absolute; left:0; top:0; -webkit-box-shadow:0 1px 4px #cccccc; -moz-box-shadow:0 1px 4px #cccccc; box-shadow:0 1px 4px #cccccc;}

.popbox{width:172px; position:absolute; right:-1px; bottom:35px; color:#4b4b4b; z-index:10;}
.popfold .pbox li{cursor:pointer;}
.popfold .pbox li span{width:100px; text-align:left; float:left; padding-left:10px; }
.popfold .pbox li a{width:30px; text-align:right; float:right; padding-right:5px;}
.popadd{height:30px; width:160px; padding:0 5px; position:absolute; bottom:5px; left:1px;}

.popfold,.popfold .pbg{height:142px;}
.popfold .popbgf{height:140px;}
.popfold .pbox{width:160px; height:106px; position:absolute; left:1px; top:1px; overflow:hidden;}
.popfold .pbox li.click{ background:#717171; color:#fff;}

.popfold .sly{width:160px;height:106px; }
.popfold .sly .big{width:160px;height:100%;overflow:hidden;}
.popfold .scrollbar{position:absolute; top:4px; right:0; height:104px; z-index:50; overflow:hidden;}

/**弹出框*/
.popbg{width:172px; background:#717171; opacity:0.3; filter:alpha(opacity:30); position:absolute; left:0; top:0; -webkit-box-shadow:0 1px 4px #ccc; -moz-box-shadow:0 1px 4px #ccc; box-shadow:0 1px 4px #ccc;}
.popbgf{width:170px; background:#fff; opacity:0.95; filter:alpha(opacity:95); position:absolute; left:1px; top:1px;}
.popbox{width:172px; position:absolute; right:-1px; bottom:35px; color:#4b4b4b; z-index:10;}
.popbox li{height:26px; line-height:26px;}
.popbox li:hover{ background:#e3e3e3;}
.popbox li:click{ background:#717171;}
.poparr{width:19px; height:10px; position:absolute; bottom:-8px; background:url(../img/drop_arr.png) no-repeat;}

/*@media screen and (max-width:658px) {
	.footer{width:100%; height:220px; position:relative;}
	.foot{width:300px; margin:0 auto;}
	.footcon{margin-top:15px;}
	.footer dl{padding-left:0;}
	.footer ul{display:none;}
	.footrecord{height:auto; padding:5px 10px; width:280px; line-height:18px;}
	.fotnav{display:block; display:inline-block;}
}
@media screen and (max-width:338px) {
	.footer{width:320px;}
}
@media (max-width:1024px){
 .item {
    min-height: 600px;
 }
}
@media (max-width:800px){
 .item {
    min-height: 500px;
 }
}
@media (max-width:768px){
 .item {
    min-height:400px;
 }
}
@media (max-width:480px){
 .item {
   min-height: 250px;
 }
}
@media (max-width:320px){
 .item {
	min-height: 200px;
 }
}
*/

.team{height:400px; background:#4d4d4d ; width:100%;}
.team .tit{width:100%; text-align:center; color:#fff; line-height:38px; font-size:22px; text-align:left;}
.team .tit a{ color:#9ac2e5; font-size:36px;}
.team .f40{font-size:40px;}
.team .f21{font-size:21px;}
.team .f18{font-size:18px;}
.con860{width:820px; margin:0 auto;}
.team .tcon{width:850px; margin-right:-50px;  height:170px; font-family:"微软雅黑";}
.team .tcon li{width:120px; height:170px; float:left; color:#cbeafc; line-height:22px; text-align:center; margin-right:50px; }
.team .tcon li span{width:100%; font-size:15px; line-height:26px; display:block; color:#fff;}
.team .tcon img{width:120px; height:120px; border-radius:50%;  -moz-border-radius:50%; -webkit-border-radius:50%; behavior:url(/css/ie-css3.htc);}
.team .show{width:100%; text-align:center; color:#fff; font-size:15px; font-family:"微软雅黑";}
.team .show a{color:#fff; font-size:18px;}
@media screen  and (max-width:1250px) { 
	.team{width:1250px; margin:0 auto;}
	.con1024{width:1024px; margin:0 auto;}
}
/************special recommendation***********************************/
.speRec{padding:90px 0 90px 0; background:#ebebeb; z-index:50; position:relative;}
.speRec .tit{height:65px;}
.speRec .tit span{line-height:50px; display:inline-block; font-size:14px; color:#515151;}
.speRec .tit a{font-size:30px; line-height:65px; display:inline-block; color:#757880;}
.speRec ul,.speRec .tit{width:1320px; margin:0 auto;}
.speRec li{ float:left; margin:0; width:220px; height:220px; position:relative;}
.speRec li img{width:220px; height:220px;}
.speRec li span{ position:absolute; top:10px; left:10px; color:#fff;}
.speRec li span a{ color:#fff;}
.speRec li .bg{position:absolute; top:0; left:0; width:100%; height:100%; background:#000; filter:alpha(opacity=15);opacity:0.15; }
.speRec li:hover .bg{filter:alpha(opacity=5);opacity:0.05;}

.footer{ position:relative; z-index:50;}
@media screen and (max-width:1380px) {
	.ad,.column,.listimg,.speRec,.footer,.zttitle,.product,.ztitles{width:1381px;}
}

{
  margin-top: -50px;
  margin-bottom: -50px; }
  .home-big-feature-wrap {
    width: 100%;
    height: 600px;
    position: relative;
    background: #000000; }
    .home-big-feature-wrap .slideshow {
      position: relative;
      z-index: 1; }
      .home-big-feature-wrap .slideshow .slide-item {
        width: 100%;
        height: 600px;
        background-repeat: no-repeat;
        background-position: center top; }
        .home-big-feature-wrap .slideshow .slide-item .image-id-wrapper {
          width: 1200px;
          height: 100%;
          display: block;
          margin: 0 auto;
          position: relative; }
          .home-big-feature-wrap .slideshow .slide-item .image-id-wrapper .image-id {
            position: absolute;
            right: 0;
            bottom: 15px;
            font-size: 0.6875em;
            color: #fff; }
    .home-big-feature-wrap .home-big-feature {
      position: absolute;
      z-index: 2;
      margin: 0 auto;
      display: block;
      top: 0;
      left: 0;
      width: 100%;
      height: 600px;
      text-align: center; }
      .home-big-feature-wrap .home-big-feature .search-bar {
        display: inline-block;
        margin: 220px auto 0;
        text-align: center;
        background: #ffffff;
        border: 4px solid rgba(0, 0, 0, 0.1);
        /* Firefox 3.6 */
        /* Safari 4? Chrome 6? */
        background-clip: border-box;
        /* Firefox 4, Safari 5, Opera 10, IE 9 */
        /* Firefox 3.6 */
        /* Safari 4? Chrome 6? */
        background-clip: padding-box;
        /* Firefox 4, Safari 5, Opera 10, IE 9 */
        /* Firefox 3.6 */
        /* Safari 4? Chrome 6? */
        background-clip: content-box; }
        .home-big-feature-wrap .home-big-feature .search-bar .keyword-wrapper {
          display: inline-block; }
          .home-big-feature-wrap .home-big-feature .search-bar .keyword-wrapper .keyword {
            padding: 20px 20px;
            width: 455px;
            font-size: 16px;
            border: none;
            background: none;
            outline: none; }
        .home-big-feature-wrap .home-big-feature .search-bar .option-wrapper {
          display: inline-block;
          background: url("../images/select-arrow-red.png") no-repeat center right; }
          .home-big-feature-wrap .home-big-feature .search-bar .option-wrapper .option {
            padding: 19px 0;
            width: 75px;
            font-size: 13px;
            border: none;
            -moz-appearance: none;
            -webkit-appearance: none;
            outline: 0;
            border: 0;
            text-indent: 0.01px;
            text-overflow: '';
            background: none;
            display: inline-block; }
            .home-big-feature-wrap .home-big-feature .search-bar .option-wrapper .option::-ms-expand {
              display: none; }
        .home-big-feature-wrap .home-big-feature .search-bar .submit-wrapper {
          display: inline-block;
          background: url(../images/icon_btn.png) no-repeat -98px -501px;
          margin-left: 20px; }
          .home-big-feature-wrap .home-big-feature .search-bar .submit-wrapper .submit {
            width: 110px;
            height: 50px;
            background: none;
            border: none;
            text-indent: 200%;
            white-space: nowrap;
            overflow: hidden; }
      .home-big-feature-wrap .home-big-feature .tri-functions-wrapper {
        margin-top: 165px; }
        .home-big-feature-wrap .home-big-feature .tri-functions-wrapper .tri-functions .item {
          padding-left: 0;
          padding-right: 0;
          padding-top: 25px;
          display: block;
          border-top: 2px solid rgba(255, 255, 255, 0.5); }
          .home-big-feature-wrap .home-big-feature .tri-functions-wrapper .tri-functions .item:hover {
            border-top: 2px solid white; }
          .home-big-feature-wrap .home-big-feature .tri-functions-wrapper .tri-functions .item .box {
            padding: 30px 30px 30px 160px;
            display: block;
            background: #ffffff;
            position: relative;
            cursor: pointer; }
            .home-big-feature-wrap .home-big-feature .tri-functions-wrapper .tri-functions .item .box:before {
              position: absolute;
              left: 0;
              top: 0;
              width: 130px;
              height: 100%;
              content: ""; }
            .home-big-feature-wrap .home-big-feature .tri-functions-wrapper .tri-functions .item .box .title {
              font-size: 1.25em;
              color: #2e2e2e;
              display: block; }
            .home-big-feature-wrap .home-big-feature .tri-functions-wrapper .tri-functions .item .box .desc {
              font-size: 13px;
              color: #2e2e2e;
              margin-top: 15px;
              line-height: 18px; }
          .home-big-feature-wrap .home-big-feature .tri-functions-wrapper .tri-functions .item.value-price a.box:before {
            background: url("../images/value-price-icon.png") no-repeat center center #fe6c5f; }
          .home-big-feature-wrap .home-big-feature .tri-functions-wrapper .tri-functions .item.signup-now a.box:before {
            background: url("../images/signup-now-icon.png") no-repeat center center #8fdff8; }
          .home-big-feature-wrap .home-big-feature .tri-functions-wrapper .tri-functions .item.guarantee a.box:before {
            background: url("../images/guarantee-icon.png") no-repeat center center #f9c82d; }
  .enterprise-photo-gallery-wrapper {
    width: 100%;
    display: block;
    background: url("../images/promo_ban1.jpg") center no-repeat; }
    .enterprise-photo-gallery-wrapper .enterprise-photo-gallery {
      text-align: left;
      padding: 10px 0;
      margin-top: -1px; }
      .enterprise-photo-gallery-wrapper .enterprise-photo-gallery .enterprise-photo-gallery-inner {
        display: inline-block;
        text-align: center;
        margin-left: 400px; }
        .enterprise-photo-gallery-wrapper .enterprise-photo-gallery .enterprise-photo-gallery-inner .title {
          font-size: 2.125em;
          color: #fff;
          display: block;
          line-height: 100%;
          padding: 0; }
        .enterprise-photo-gallery-wrapper .enterprise-photo-gallery .enterprise-photo-gallery-inner .subtitle {
          font-size: 13px;
          color: #fff;
          display: inline-block;
          margin-top: 10px; }
          .enterprise-photo-gallery-wrapper .enterprise-photo-gallery .enterprise-photo-gallery-inner .subtitle li {
            display: inline-block;
            margin-left: -5px; }
            .enterprise-photo-gallery-wrapper .enterprise-photo-gallery .enterprise-photo-gallery-inner .subtitle li:after {
              content: "";
              width: 15px;
              height: 10px;
              background: url("../images/enterprice-circle.png") no-repeat center center;
              display: inline-block; }
            .enterprise-photo-gallery-wrapper .enterprise-photo-gallery .enterprise-photo-gallery-inner .subtitle li:last-child:after {
              background: none;
              width: 0;
              height: 0; }
            .enterprise-photo-gallery-wrapper .enterprise-photo-gallery .enterprise-photo-gallery-inner .subtitle li:first-child {
              margin-left: 0; }
      .enterprise-photo-gallery-wrapper .enterprise-photo-gallery .detail-link-wrapper {
        padding-left: 0;
        padding-right: 0;
        padding-top: 2px;
        padding-bottom: 2px;
        vertical-align: top;
        text-align: center; }
        .enterprise-photo-gallery-wrapper .enterprise-photo-gallery .detail-link-wrapper .detail-link {
          display: inline-block;
          background: linear-gradient(#6dbd45, #5ead2f);
          /* Standard syntax */
          font-size: 13px;
          color: #fff;
          padding: 12px 24px;
          cursor: pointer;
          margin-right: -248px; }
          .enterprise-photo-gallery-wrapper .enterprise-photo-gallery .detail-link-wrapper .detail-link:hover {
            opacity: 0.8; }
        .enterprise-photo-gallery-wrapper .enterprise-photo-gallery .detail-link-wrapper .promo-link {
          display: inline-block;
          font-size: 13px;
          color: #fff;
          padding: 10px 20px;
          cursor: pointer;
          border: 2px solid #fff;
          margin-right: 35px; }
          .enterprise-photo-gallery-wrapper .enterprise-photo-gallery .detail-link-wrapper .promo-link:hover {
            opacity: 0.8; }
  .picture-material-class-wrapper a {
    display: block;
    position: relative; }
    .picture-material-class-wrapper a .img-title {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 60px;
      display: inline-block;
      vertical-align: middle;
      text-align: center;
      opacity: 0.5;
      background: #000000;
      z-index: 2;
      color: #fff;
      font-size: 16px;
      padding-top: 20px;
      transition: opacity .25s ease-in-out;
      -moz-transition: opacity .25s ease-in-out;
      -webkit-transition: opacity .25s ease-in-out; }
    .picture-material-class-wrapper a:hover .img-title {
      opacity: 0; }
  .picture-material-class-wrapper .title-wrapper {
    margin-top: 90px; }
    .picture-material-class-wrapper .title-wrapper h1.title {
      text-align: center;
      font-size: 2.1875em;
      color: #222222; }
    .picture-material-class-wrapper .title-wrapper .border-bottom {
      display: block;
      margin: 30px auto;
      width: 30px;
      border-bottom: 2px solid #f3695c; }
  .picture-material-class-wrapper .picture-material-class {
    background: #f5f5f9; }
    .picture-material-class-wrapper .picture-material-class .left-area {
      padding-left: 0;
      padding-right: 0;
      height: 505px; }
      .picture-material-class-wrapper .picture-material-class .left-area .main-image-wrapper a {
        width: 100%;
        height: 505px; }
        .picture-material-class-wrapper .picture-material-class .left-area .main-image-wrapper a .main-image {
          max-width: 100%;
          max-height: 100%; }
    .picture-material-class-wrapper .picture-material-class .right-area {
      padding-left: 10px;
      padding-right: 0;
      position: relative;
      height: 505px; }
      .picture-material-class-wrapper .picture-material-class .right-area .desc-wrapper {
        padding-top: 30px;
        padding-left: 10px;
        padding-right: 10px; }
        .picture-material-class-wrapper .picture-material-class .right-area .desc-wrapper .sub-title {
          font-size: 1.25em;
          color: #222222; }
        .picture-material-class-wrapper .picture-material-class .right-area .desc-wrapper .desc {
          margin-top: 10px;
          font-size: 13px;
          color: #222222;
          border-bottom: 2px solid #ffffff;
          padding-bottom: 20px; }
      .picture-material-class-wrapper .picture-material-class .right-area .popular-categ-icon {
        width: 73px;
        height: 89px;
        position: absolute;
        top: -5px;
        right: 15px;
        background: url("../images/popular-categ-icon.png") no-repeat center center;
        z-index: 2; }
      .picture-material-class-wrapper .picture-material-class .right-area .grid-gallery {
        width: 790px;
        height: 504px;
        position: absolute;
        bottom: 0;
        right: 0; }
        .picture-material-class-wrapper .picture-material-class .right-area .grid-gallery:after {
          content: "";
          display: table;
          clear: both; }
        .picture-material-class-wrapper .picture-material-class .right-area .grid-gallery .square-image-wrapper {
          width: 550px;
          height: 504px;
          float: left; }
          .picture-material-class-wrapper .picture-material-class .right-area .grid-gallery .square-image-wrapper .square-image-box {
            width: 270px;
            height: 247px;
            float: left; }
            .picture-material-class-wrapper .picture-material-class .right-area .grid-gallery .square-image-wrapper .square-image-box:first-child {
              margin-right: 10px; }
            .picture-material-class-wrapper .picture-material-class .right-area .grid-gallery .square-image-wrapper .square-image-box:last-child {
              margin-left: 10px; }
            .picture-material-class-wrapper .picture-material-class .right-area .grid-gallery .square-image-wrapper .square-image-box.bottom {
              margin-top: 10px; }
            .picture-material-class-wrapper .picture-material-class .right-area .grid-gallery .square-image-wrapper .square-image-box a {
              width: 100%;
              height: 247px; }
              .picture-material-class-wrapper .picture-material-class .right-area .grid-gallery .square-image-wrapper .square-image-box a .square-image {
                max-width: 100%;
                max-height: 100%; }
        .picture-material-class-wrapper .picture-material-class .right-area .grid-gallery .portrait-image-wrapper {
          width: 230px;
          height: 504px;
          margin-left: 10px;
          float: right;
          text-align: right; }
          .picture-material-class-wrapper .picture-material-class .right-area .grid-gallery .portrait-image-wrapper a {
            width: 100%;
            height: 504px; }
            .picture-material-class-wrapper .picture-material-class .right-area .grid-gallery .portrait-image-wrapper a .protrait-image {
              max-width: 100%;
              max-height: 100%; }
  .vector-image-wrapper {
    margin-top: 80px; 
    margin-bottom: 20px;
  }
    .vector-image-wrapper a {
      display: block;
      position: relative; }
      .vector-image-wrapper a .img-title {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 60px;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        opacity: 0.5;
        background: #000000;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        padding-top: 20px;
        transition: opacity .25s ease-in-out;
        -moz-transition: opacity .25s ease-in-out;
        -webkit-transition: opacity .25s ease-in-out; }
      .vector-image-wrapper a:hover .img-title {
        opacity: 0; }
    .vector-image-wrapper .title-wrapper {
      margin-top: 90px; }
      .vector-image-wrapper .title-wrapper h1.title {
        text-align: center;
        font-size: 2.1875em;
        color: #222222; }
      .vector-image-wrapper .title-wrapper .border-bottom {
        display: block;
        margin: 30px auto;
        width: 30px;
        border-bottom: 2px solid #f3695c; }
    .vector-image-wrapper .vector-image {
      background: #f5f5f9; }
      .vector-image-wrapper .vector-image .right-area {
        padding-left: 0;
        padding-right: 0;
        height: 505px; }
        .vector-image-wrapper .vector-image .right-area .main-image-wrapper a {
          width: 100%;
          height: 505px; }
          .vector-image-wrapper .vector-image .right-area .main-image-wrapper a .main-image {
            max-width: 100%;
            max-height: 100%; }
      .vector-image-wrapper .vector-image .left-area {
        padding-left: 0;
        padding-right: 10;
        position: relative;
        height: 505px; }
        .vector-image-wrapper .vector-image .left-area .desc-wrapper {
          padding-top: 30px;
          padding-right: 10px;
          padding-left: 20px;
          text-align: right; }
          .vector-image-wrapper .vector-image .left-area .desc-wrapper .sub-title {
            font-size: 1.25em;
            color: #222222; }
          .vector-image-wrapper .vector-image .left-area .desc-wrapper .desc {
            margin-top: 10px;
            font-size: 13px;
            color: #222222;
            border-bottom: 2px solid #ffffff;
            padding-bottom: 20px;
            text-align: right; }
        .vector-image-wrapper .vector-image .left-area .popular-categ-icon {
          width: 73px;
          height: 89px;
          position: absolute;
          top: -5px;
          left: 15px;
          background: url("../images/popular-categ-icon.png") no-repeat center center;
          z-index: 2; }
        .vector-image-wrapper .vector-image .left-area .grid-gallery {
          width: 790px;
          height: 504px;
          position: absolute;
          bottom: 0;
          left: 0; }
          .vector-image-wrapper .vector-image .left-area .grid-gallery:after {
            content: "";
            display: table;
            clear: both; }
          .vector-image-wrapper .vector-image .left-area .grid-gallery .square-image-wrapper {
            width: 550px;
            height: 504px;
            float: right; }
            .vector-image-wrapper .vector-image .left-area .grid-gallery .square-image-wrapper .square-image-box {
              width: 270px;
              height: 247px;
              float: left; }
              .vector-image-wrapper .vector-image .left-area .grid-gallery .square-image-wrapper .square-image-box:first-child {
                margin-right: 10px; }
              .vector-image-wrapper .vector-image .left-area .grid-gallery .square-image-wrapper .square-image-box:last-child {
                margin-left: 10px; }
              .vector-image-wrapper .vector-image .left-area .grid-gallery .square-image-wrapper .square-image-box.bottom {
                margin-top: 10px; }
              .vector-image-wrapper .vector-image .left-area .grid-gallery .square-image-wrapper .square-image-box a {
                width: 100%;
                height: 247px; }
                .vector-image-wrapper .vector-image .left-area .grid-gallery .square-image-wrapper .square-image-box a .square-image {
                  max-width: 100%;
                  max-height: 100%; }
          .vector-image-wrapper .vector-image .left-area .grid-gallery .portrait-image-wrapper {
            width: 230px;
            height: 504px;
            margin-left: 0;
            float: left;
            text-align: right; }
            .vector-image-wrapper .vector-image .left-area .grid-gallery .portrait-image-wrapper a {
              width: 100%;
              height: 504px; }
              .vector-image-wrapper .vector-image .left-area .grid-gallery .portrait-image-wrapper a .protrait-image {
                max-width: 100%;
                max-height: 100%; }
  .top-categories-wrapper .title-wrapper {
    margin-top: 90px; }
    .top-categories-wrapper .title-wrapper h1.title {
      text-align: center;
      font-size: 2.1875em;
      color: #222222; }
    .top-categories-wrapper .title-wrapper .border-bottom {
      display: block;
      margin: 30px auto;
      width: 30px;
      border-bottom: 2px solid #f3695c; }
  .top-categories-wrapper .top-categories {
    position: relative;
    padding-bottom: 195px; }
    .top-categories-wrapper .top-categories .top-categories-menu {
      display: block;
      width: 100%; }
      .top-categories-wrapper .top-categories .top-categories-menu .menu-item {
        cursor: pointer;
        border-bottom: 1px solid #eaeaea;
        text-align: center; }
        .top-categories-wrapper .top-categories .top-categories-menu .menu-item .menu-title {
          width: 100px;
          display: inline-block;
          padding-bottom: 30px;
          color: #000;
          font-size: 1.25em;
          border-bottom: 2px solid #ffffff; }
          .top-categories-wrapper .top-categories .top-categories-menu .menu-item .menu-title:hover, .top-categories-wrapper .top-categories .top-categories-menu .menu-item .menu-title.active {
            color: #fc0c00;
            border-bottom: 2px solid #fc0c00; }
          .top-categories-wrapper .top-categories .top-categories-menu .menu-item .menu-title.categ-menu-icon:before {
            display: inline-block;
            width: 25px;
            height: 25px;
            margin-right: -10px;
            content: ""; }
          .top-categories-wrapper .top-categories .top-categories-menu .menu-item .menu-title.icon-top {
            background: url("../images/icon-top.png") no-repeat 19px 5px; }
            .top-categories-wrapper .top-categories .top-categories-menu .menu-item .menu-title.icon-top:before {
              width: 40px; }
          .top-categories-wrapper .top-categories .top-categories-menu .menu-item .menu-title.icon-character {
            background: url("../images/icon-character.png") no-repeat 19px 9px; }
            .top-categories-wrapper .top-categories .top-categories-menu .menu-item .menu-title.icon-character:before {
              width: 40px; }
          .top-categories-wrapper .top-categories .top-categories-menu .menu-item .menu-title.icon-animal {
            background: url("../images/icon-animal.png") no-repeat 20px 8px; }
            .top-categories-wrapper .top-categories .top-categories-menu .menu-item .menu-title.icon-animal:before {
              width: 38px; }
          .top-categories-wrapper .top-categories .top-categories-menu .menu-item .menu-title.icon-theme {
            background: url("../images/icon-theme.png") no-repeat 20px 9px; }
            .top-categories-wrapper .top-categories .top-categories-menu .menu-item .menu-title.icon-theme:before {
              width: 38px; }
          .top-categories-wrapper .top-categories .top-categories-menu .menu-item .menu-title.icon-life {
            background: url("../images/icon-life.png") no-repeat 20px 5px; }
            .top-categories-wrapper .top-categories .top-categories-menu .menu-item .menu-title.icon-life:before {
              width: 38px; }
          .top-categories-wrapper .top-categories .top-categories-menu .menu-item .menu-title.icon-other {
            background: url("../images/icon-other.png") no-repeat 20px 8px; }
            .top-categories-wrapper .top-categories .top-categories-menu .menu-item .menu-title.icon-other:before {
              width: 38px; }
          .top-categories-wrapper .top-categories .top-categories-menu .menu-item .menu-title.icon-top:hover, .top-categories-wrapper .top-categories .top-categories-menu .menu-item .menu-title.icon-top.active {
            background: url("../images/icon-top-hover.png") no-repeat 19px 5px; }
          .top-categories-wrapper .top-categories .top-categories-menu .menu-item .menu-title.icon-character:hover, .top-categories-wrapper .top-categories .top-categories-menu .menu-item .menu-title.icon-character.active {
            background: url("../images/icon-character-hover.png") no-repeat 19px 9px; }
          .top-categories-wrapper .top-categories .top-categories-menu .menu-item .menu-title.icon-animal:hover, .top-categories-wrapper .top-categories .top-categories-menu .menu-item .menu-title.icon-animal.active {
            background: url("../images/icon-animal-hover.png") no-repeat 20px 8px; }
          .top-categories-wrapper .top-categories .top-categories-menu .menu-item .menu-title.icon-theme:hover, .top-categories-wrapper .top-categories .top-categories-menu .menu-item .menu-title.icon-theme.active {
            background: url("../images/icon-theme-hover.png") no-repeat 20px 9px; }
          .top-categories-wrapper .top-categories .top-categories-menu .menu-item .menu-title.icon-life:hover, .top-categories-wrapper .top-categories .top-categories-menu .menu-item .menu-title.icon-life.active {
            background: url("../images/icon-life-hover.png") no-repeat 20px 5px; }
          .top-categories-wrapper .top-categories .top-categories-menu .menu-item .menu-title.icon-other:hover, .top-categories-wrapper .top-categories .top-categories-menu .menu-item .menu-title.icon-other.active {
            background: url("../images/icon-other-hover.png") no-repeat 20px 8px; }
        .top-categories-wrapper .top-categories .top-categories-menu .menu-item .sub-menu-wrapper {
          display: none;
          width: 1200px;
          position: absolute;
          top: 80px;
          left: 0; }
          .top-categories-wrapper .top-categories .top-categories-menu .menu-item .sub-menu-wrapper .sub-categ {
            text-align: left; }
            .top-categories-wrapper .top-categories .top-categories-menu .menu-item .sub-menu-wrapper .sub-categ .submenu-item {
              display: inline-block;
              padding: 7px 0;
              text-align: center;
              box-sizing: border-box;
              width: 12.5%;
              float: left;
              padding-left: 1.25%;
              padding-right: 1.25%; }
              .top-categories-wrapper .top-categories .top-categories-menu .menu-item .sub-menu-wrapper .sub-categ .submenu-item .submenu-link {
                color: #000;
                font-size: 13px; }
                .top-categories-wrapper .top-categories .top-categories-menu .menu-item .sub-menu-wrapper .sub-categ .submenu-item .submenu-link:hover {
                  color: #ffde00; }
        .top-categories-wrapper .top-categories .top-categories-menu .menu-item .sub-menu-wrapper.show {
          display: block; }
  .contributor-selling-material-wrapper {
    margin-top: 90px;
    padding-top: 45px;
    padding-bottom: 100px;
    background: #f4f4f6; }
    .contributor-selling-material-wrapper .title-wrapper h1.title {
      text-align: center;
      font-size: 2.1875em;
      color: #222222; }
    .contributor-selling-material-wrapper .title-wrapper .border-bottom {
      display: block;
      margin: 30px auto;
      width: 30px;
      border-bottom: 2px solid #f3695c; }
    .contributor-selling-material-wrapper .contributor-selling-material {
      display: block;
      margin: 45px auto 0;
      max-width: 1200px; }
      .contributor-selling-material-wrapper .contributor-selling-material .img-portrait-wrapper {
        height: auto;
        width: 12.5%;
        display: block;
        float: left;
        position: relative; }
        .contributor-selling-material-wrapper .contributor-selling-material .img-portrait-wrapper .img-portrait {
          width: 100%;
          height: 100%;
          display: block;
          position: relative; }
          .contributor-selling-material-wrapper .contributor-selling-material .img-portrait-wrapper .img-portrait .img-title {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 60px;
            display: inline-block;
            vertical-align: middle;
            text-align: center;
            opacity: 0;
            background: #000000;
            z-index: 2;
            color: #fff;
            font-size: 16px;
            padding-top: 20px;
            transition: opacity .25s ease-in-out;
            -moz-transition: opacity .25s ease-in-out;
            -webkit-transition: opacity .25s ease-in-out;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
          .contributor-selling-material-wrapper .contributor-selling-material .img-portrait-wrapper .img-portrait:hover .img-title {
            opacity: 0.5; }
          .contributor-selling-material-wrapper .contributor-selling-material .img-portrait-wrapper .img-portrait .img {
            max-width: 100%;
            max-height: 100%; }
          .contributor-selling-material-wrapper .contributor-selling-material .img-portrait-wrapper .img-portrait .double-title {
            padding-top: 10px;
            line-height: 18px; }
      .contributor-selling-material-wrapper .contributor-selling-material .img-square-wrapper {
        height: auto;
        width: 12.5%;
        display: block;
        float: left; }
        .contributor-selling-material-wrapper .contributor-selling-material .img-square-wrapper .img-square {
          width: 100%;
          height: auto;
          display: block;
          position: relative;
          vertical-align: middle; }
          .contributor-selling-material-wrapper .contributor-selling-material .img-square-wrapper .img-square .img {
            max-width: 100%;
            max-height: 100%; }
          .contributor-selling-material-wrapper .contributor-selling-material .img-square-wrapper .img-square .img-title {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 60px;
            display: inline-block;
            vertical-align: middle;
            text-align: center;
            opacity: 0;
            background: #000000;
            z-index: 2;
            color: #fff;
            font-size: 16px;
            padding-top: 20px;
            transition: opacity .25s ease-in-out;
            -moz-transition: opacity .25s ease-in-out;
            -webkit-transition: opacity .25s ease-in-out;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
          .contributor-selling-material-wrapper .contributor-selling-material .img-square-wrapper .img-square:hover .img-title {
            opacity: 0.5; }
          .contributor-selling-material-wrapper .contributor-selling-material .img-square-wrapper .img-square .double-title {
            padding-top: 10px;
            line-height: 18px; }
  .search-bottom-wrapper {
    text-align: center;
    padding: 90px 0; }
    .search-bottom-wrapper h1.title {
      text-align: center;
      font-size: 2.1875em;
      color: #222222; }
    .search-bottom-wrapper .search-bar {
      display: inline-block;
      margin: 30px auto 0;
      text-align: center;
      background: #ffffff;
      border: 4px solid rgba(0, 0, 0, 0.1);
      /* Firefox 3.6 */
      /* Safari 4? Chrome 6? */
      background-clip: border-box;
      /* Firefox 4, Safari 5, Opera 10, IE 9 */
      /* Firefox 3.6 */
      /* Safari 4? Chrome 6? */
      background-clip: padding-box;
      /* Firefox 4, Safari 5, Opera 10, IE 9 */
      /* Firefox 3.6 */
      /* Safari 4? Chrome 6? */
      background-clip: content-box; }
      .search-bottom-wrapper .search-bar .keyword-wrapper {
        display: inline-block; }
        .search-bottom-wrapper .search-bar .keyword-wrapper .keyword {
          padding: 20px 20px;
          width: 455px;
          font-size: 13px;
          border: none;
          background: none;
          outline: none; }
      .search-bottom-wrapper .search-bar .option-wrapper {
        display: inline-block;
        background: url("../images/select-arrow-red.png") no-repeat center right; }
        .search-bottom-wrapper .search-bar .option-wrapper .option {
          padding: 19px 0;
          width: 75px;
          font-size: 13px;
          border: none;
          -moz-appearance: none;
          -webkit-appearance: none;
          outline: 0;
          border: 0;
          text-indent: 0.01px;
          text-overflow: '';
          background: none;
          display: inline-block; }
          .search-bottom-wrapper .search-bar .option-wrapper .option::-ms-expand {
            display: none; }
      .search-bottom-wrapper .search-bar .submit-wrapper {
        display: inline-block;
        background: url("../images/icon-search-red.png") no-repeat center center #fc0c00;
        margin-left: 20px; }
        .search-bottom-wrapper .search-bar .submit-wrapper .submit {
          width: 110px;
          height: 60px;
          background: none;
          border: none;
          text-indent: 200%;
          white-space: nowrap;
          overflow: hidden; }
          
.col-4 {
  box-sizing: border-box;
  width: 33.33333%;
  float: left;
  padding-left: 0.83333%;
  padding-right: 0.83333%; }
  
.col-8 {
  box-sizing: border-box;
  width: 66.66667%;
  float: left;
  padding-left: 0.83333%;
  padding-right: 0.83333%; }
  
 .kurveindex{
 	width:100% !important;	
 }
 
.span3 ul li{
	list-style: initial;
}

.row-fluid .span3{
	padding-left: 25px;
}

.kurve{
	background-color:#9fbe3b;
    width: 90px;
    height: 48px;
    border-radius: 0;
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 30;
    text-decoration: none!important;
    padding-left: 35px;
}

.kurve_searchbox{
	  padding: 33px 33px 100px 33px;
	  width: 740px;
    height: 60px;
    position: absolute;
    left: 50%;
    margin-left: -370px;
}

.slide_arrow, .slide_arrow{
	display:none !important;
}

.light, .form-inline{
	margin:0 !important;
	padding:0 !important;
}

.compact_search{
	  width: 740px;
    height: 60px;
    background: #fff;
    opacity: 0.8;
    filter: alpha(opacity:80);
    z-index: 18;
    z-index: 18;
    position: absolute;
    left: 30px;
    bottom: 30px;
}

#search_keyword_wrapper .input_wrapper{
    width: 622px;
    height: 48px;
    top: 6px;
    left: 6px;
    position: absolute;
    background: #fff;
    z-index: 20;
    -moz-box-shadow: inset 1px 1px 7px -2px #000;
    -webkit-box-shadow: inset 1px 1px 7px -2px #000;
    box-shadow: inset 1px 1px 7px -2px #000;
}
}