@charset "utf-8";
/* 
 * Project Name:克克女鞋 
 * Author:浅浅
 * Date：2013-09-11
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, figure
{ margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
a {text-decoration: none; cursor:pointer;}
a:link, a:visited {text-decoration: none;}
a:active, a:hover {text-decoration: none; cursor:pointer;}
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ul,ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle;}
table { border-collapse: collapse; border-spacing: 0; }
html { font-size: 100%;  -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body{ font:12px/1.5 Arial, Helvetica, sans-serif; margin: 0 auto; color:#fefefe; background:#1a1a1a; }
/*base style*/
.layout:after, .clearfix:after { content:"\0020"; display:block; clear:both; height:0; visibility:hidden;}
.layout, .clearfix { *zoom:1;}
.fc{ text-align:center;}
.fr{ text-align:right;}
.l{ float:left; display:inline-block;}
.r{ float:right; display:inline-block;}
.vm{ vertical-align:top;}
.top{ margin:0px auto; overflow:hidden; height:46px; padding:20px 4% 0px; min-width:960px; background-color:#c82126; border-bottom:1px solid #cb2f34; position:relative;}
.navbox{ border-top:1px solid #952c2f; background:url(../images/nav_bg.gif) repeat-x #94292c; padding:0px 4%; min-width:960px; position:relative; z-index:50;}
.nav{ height:32px; position:relative; margin:0px auto; text-align:center;}
.navact{ background-color:#7c1114;}
.nav li{  display:inline-block; float:left; text-align:center; width:14%; height:32px; background:url(../images/nav_line.gif) no-repeat scroll left center;}
.nav li.line1{ background:none;}
.nav li a{ display:block; line-height:32px;}
.nav li a .zh{ text-transform:uppercase; color:#ffffff; font:14px/32px "microsoft yahei",Arial, Helvetica, sans-serif; display:none;}
.nav li a .en{ text-transform:uppercase; color:#ef9295; display:block;}
.nav li a:hover .zh,.nav li.act a .zh,.nav li a.act .zh{ display:block;}
.nav li a:hover .en,.nav li.act a .en,.nav li a.act .en{ display:none;}
.subnav{ position:absolute; top:32px; width:92%; line-height:1.8; min-width:960px; z-index:10; display:none;filter: alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7; }
.sub000{ background-color:#000; position:relative; width:100%;}
.subnav dd{ width:14%; float:left; display:inline-block; text-align:center; padding:12px 0px 10px;}
.subnav a{ color:#e3e3e3;}
.subnav a:hover{ color:#AC2E31;}
.footerbox{ background:#1a1a1a; padding:8px 0px;}
.footerbox a:link, .footerbox  a:visited { color:#696969;}
.footerbox a:active,.footerbox a:hover{ color:#fff;}
.footer{ width:92%; margin:0px auto; color:#696969;} 
.fnav{ float:left; display:inline-block; width:45%;}
.ftxt{ float:right; display:inline-block; width:50%;}
.fnav li{ float:left; display:inline-block; padding-right:35px;}
.container{ width:100%; min-width:960px; /*min-height:890px;*/ background-position:center top; background-repeat:no-repeat; background-size:cover;}
.w100{ width:100%; overflow:hidden;}
/*index style end*/
.main{ position:relative; width:100%; height:888px; min-width:1014px;}
.slideshow-wrapper{ position:absolute; left:0px; top:0px; height:888px; overflow:hidden; max-width:1270px; min-width:364px;}
.slideshow{ position:relative; height:888px; z-index:1;}
.slideshow-btn{ position:relative; z-index:4; width:100%; overflow:hidden; max-width:1270px; margin-top:-42px;}
#slideshow-nxt,#slideshow-prv{ width:42px; height:42px; background-image:url(../images/arrowlr.png); background-repeat:no-repeat; transition: all 0.6s ease 0s;}
#slideshow-nxt:hover,#slideshow-prv:hover{ background-color:#AC2E31;transition:all 0.3s ease-in-out 0s;
-moz-transition:all 0.3s ease-in-out 0s; /* Firefox 4 */
-webkit-transition:all 0.3s ease-in-out 0s; /* Safari and Chrome */
-o-transition:all 0.3s ease-in-out 0s; /* Opera */}
#slideshow-nxt{ float:left; background-position:left top;}
#slideshow-prv{ float:right; background-position:left bottom;}
.innerbox{ position:absolute; right:0px; top:0px; height:888px; width:650px; z-index:4;}
.brandbox{ position:relative; width:650px; height:296px;}
.brandbox img{ vertical-align:top;}
.brandbox .pngbox{ width:206px; height:132px; padding-top:164px; position:absolute; left:0px; top:0px; display:none; background:url(../images/black_png.png) repeat;}
.brandbox .pngbox .boxtitle{ background-color:#ac2e31; padding:9px 12px 4px;}
.boxtitle{ color:#fff; line-height:1.2; padding:9px 21px 4px; height:38px;}
.boxtitle .zh{ font:14px/1.2 "microsoft yahei",Arial, Helvetica, sans-serif;}
.boxtitle .en{ text-transform:uppercase;}
.boxtitle .more{ float:right;}
.boxtitle .more img{ 
-moz-transition:-moz-transform 0.5s; /* Firefox 4 */
-webkit-transition:-webkit-transform 0.5s; /* Safari and Chrome */
-o-transition:-o-transform 0.5s; /* Opera */
}
.boxtitle .more:hover img{
transform:rotate(90deg);
-moz-transform:rotate(90deg); /* Firefox 4 */
-webkit-transform:rotate(90deg); /* Safari and Chrome */
-o-transform:rotate(90deg); /* Opera */
}
.newbox,.proxybox{ width:410px; background-color:#bf8078; height:296px;}
.newbox .boxtitle{ background-color:#975248;}
.newbox dd,.proxybox dd{ width:368px; margin:0px auto; padding-top:26px; }
.newlist a:link, .newlist  a:visited { color:#864e47;}
.newlist a:active,.newlist a:hover{ color:#f2e6e4;}
.newlist li{ background:url(../images/bot1.gif) repeat-x scroll left bottom; height:28px; line-height:28px; overflow:hidden;}
.newlist li a{ padding-left:10px; background:url(../images/ico1.gif) no-repeat scroll left center;}
.picbox{ width:240px; height:296px; position:relative; overflow:hidden;}
.picbox img{ position:relative; display:block;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;-ms-transition: all 0.2s linear;transition: all 0.2s linear;}
.picbox:hover img {-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}
.picbox .pngbox{ background:url(../images/black_ico_png.png) no-repeat; position:absolute; right:0px; top:0px; width:240px; height:130px; padding-top:166px; text-align:center; color:#fff; display:block; line-height:1.2; display:none;}
.picbox .pngbox .zh{ font:14px/1.2 "microsoft yahei",Arial, Helvetica, sans-serif;}
.picbox .pngbox  .en{ text-transform:uppercase;}
.proxybox{ background-color:#af4245;}
.proxybox .boxtitle{background-color:#9F3234;}
.proxybox dd{ line-height:1.2; color:#fefefe; font-family:"microsoft yahei",Arial, Helvetica, sans-serif;}
.proxybox dd.proxybox-text{ height:120px; overflow:hidden;}
.more2{ margin-top:5px;}
.productbox{ position:absolute; left:-206px; top:296px; width:206px; height:296px;}
.productbox .pngbox{ width:206px; height:176px; padding-top:120px; background:url(../images/black_png.png) repeat;}
.productbox .pngbox .boxtitle{ background-color:#b2735e; padding:9px 12px 4px;}
/*index style end*/
/*about style*/
.abooutpage{ padding:0px 0px 0px 4%; _padding:0px 0px 0px 75px; background:url(../images/black_png.png) repeat; width:60%; height:560px; position:relative; min-width:635px; /*margin-right:325px; */ padding-right:325px; overflow:hidden; }
.linkdemo{ position:absolute; /*right:-325px;*/ right:0px; top:0px;}
.linkdemo img{ vertical-align:top; transition: opacity 0.5s ease-out 0s;}
.linkdemo a:hover img{filter: alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7;  border-radius: 0px 150px 0px 150px;-webkit-border-radius:  0px 150px 0px 150px;
-webkit-transition: all 300ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
   -moz-transition: all 300ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -ms-transition: all 300ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
     -o-transition: all 300ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
        transition: all 300ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */

-webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -ms-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
     -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
        transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */}
.pagetitle{ padding:25px 0px 26px; line-height:1.1;}
.pagetitle .en{ font:36px/1.1 Arial, Helvetica, sans-serif; text-transform:uppercase; color:#cb1c23;}
.pagetitle .zh{ font:bold 18px/1.2 "microsoft yahei",Arial, Helvetica, sans-serif; color:#fff;}
#pagecon{ width:92%; height:408px; overflow:hidden;}
/*about style end*/
/*news style*/
.newspage{ padding:0px 0px 0px 4%; background:url(../images/white_png.png) repeat; width:60%; height:560px; position:relative; min-width:635px;/*margin-right:325px;*/ padding-right:325px; overflow:hidden;}
.newspage .pagetitle .zh{ color:#000000;}
h4.nt{ height:28px; margin-bottom:5px; overflow:hidden; line-height:28px; color:#303030; font-family:"宋体",Arial, Helvetica, sans-serif;}
h4.nt a{ font:bold 14px/1.8 Arial, Helvetica, sans-serif; color:#94292c; margin-right:12px;}
h4.nt a:hover{ color:#c82126;}
.new-dl{ width:100%; background:url(../images/bot2.gif) repeat-x scroll left bottom; height:140px; margin-bottom:14px; position:relative;}
.new-dl .img{ position:absolute; left:0px; top:0px;}
.new-dl .img a{ width:119px; height:119px; overflow:hidden; display:block; border:4px solid #fff;}
.new-dl .img a img{ position:relative; display:block;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;-ms-transition: all 0.2s linear;transition: all 0.2s linear;}
.new-dl .img a:hover{ border:4px solid #888888;}
.new-dl .img a:hover img{-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}
.new-dl .con{ padding-left:136px; color:#303030; font-family:"宋体",Arial, Helvetica, sans-serif;}
.new-dl .con .nc{ text-indent:2em; height:52px; overflow:hidden; margin-bottom:10px;}
.new-dl .more3{ background-color:#c82126; padding:2px 8px; color:#fff; font-family:"microsoft yahei",Arial, Helvetica, sans-serif; float:left; margin-left:5px; display:block;}
.new-dl .more3:hover{ background-color:#000;}
#newpage{ width:95%; height:440px;}
.infopage{ padding-left:14%;}
#infoscroll{ color:#303030; height:452px; width:94%;}
.returnbox{ width:95%;}
.returnbox a.more4{ background-color:#414141; font:24px/29px "宋体",Arial, Helvetica, sans-serif; color:#fff; float:right; display:block; width:29px; height:29px; text-align:center;}
.returnbox a.more4:hover{ background-color:#c82126; font-weight:bold;}
/*news style end*/
/*contact style*/
.mh890{ min-height:890px;}
.contactpage .contactbox{ width:68%; float:left; display:inline-block; overflow:hidden;} 
.contactpage .messagebox{ width:32%; float:left; display:inline-block; overflow:hidden;}
.cblackbox{ height:118px; background:url(../images/black_png.png) repeat;}
.contactbox .cblackbox{ padding-left:4%;}
.messagebox .cblackbox{ padding-top:48px; height:70px;}
.redbox{ background-color:#c82126; padding-left:4%;}
.graybox{ background:url(../images/ico4.gif) no-repeat scroll left center #d8d8d8; height:450px; padding-left:4%; color:#383838;}
.message-dl{ padding-top:5px;}
.message-dl dd{ padding-top:10px; font:12px/1.5 "microsoft yahei",Arial, Helvetica, sans-serif; color:#383838;}
.message-dl .ctxt{ width:70%; height:20px; padding:4px;}
.message-dl .ctxt2{ height:150px; resize:none;}
.message-dl input[type=text],.message-dl textarea{ border:1px solid #cccccc; background-color:#fff;}
.message-dl input[type=text]:focus,.message-dl textarea:focus{ border:1px solid #c82126;}
.redbg{ background:url(../images/red_png2.png) repeat; height:22px; overflow:hidden; width:100%; min-width:960px;}
/*contact style end*/
/*product style*/
.productmt{ position:relative; height:43px; line-height:43px; overflow:hidden; z-index:3;}
.productmc{ height:43px; line-height:43px; float:left; width:100%;}
.productmc .pagetitle{ float:left; display:inline-block; padding:0px 10px 0px 70px; line-height:43px; background:url(../images/black_png.png) repeat;_background:#181719; }
.productmc .pagetitle .en{ font-size:24px; line-height:43px; float:left; display:inline-block;} 
.productmc .pagetitle .zh{ line-height:43px; margin-right:5px; float:left; display:inline-block;}
.pmc{ float:left; display:none; overflow:hidden; height:43px;  background:url(../images/black_png.png) repeat; _background:#181719;}
.pmc a{ padding:0px 4px; margin:0px 4px; color:#fff;}
.pmc a:hover{ color:#c82126;}
.mcbtn{ float:left; display:inline-block; width:17px; height:100%; background:url(../images/ico5.gif) no-repeat scroll center center; overflow:hidden; cursor:pointer;}
.mcbtnact{ float:left; display:inline-block; width:17px; height:100%; background:url(../images/ico6.gif) no-repeat scroll center center; overflow:hidden; cursor:pointer;}
.productdemo{ width:100%; margin:0px auto; position:relative; height:420px; padding-top:8px; overflow:hidden;}
.productlist {left: 0;margin: 0;padding: 0;position: absolute;top:8px;width: 20000em;}
.productlist li{ float:left; display:inline-block; width:422px; height:404px; padding-right:1px;}
.productlist li img{ width:100%; height:100%; vertical-align:top;}
.hScrollPane_dragbar{position:absolute;left:0px;bottom:0px;height:8px;margin:0 auto;background:#969696;}
.hScrollPane_draghandle{height:8px;width:30px;overflow:hidden;position:absolute;top:0px;left:0px;cursor:default; background:#c82126;}
.hScrollPane_draghandle .l,.hScrollPane_draghandle .r{ margin-top:2px;}
.hScrollPane_leftarrow,.hScrollPane_rightarrow{display:inline-block;height:67px;width:67px;overflow:hidden;position:absolute;top:40%; background-repeat:no-repeat; background-image:url(../images/arrowlr2.png); z-index:10;}
.hScrollPane_leftarrow{ background-position:left top; left:4%;}
.hScrollPane_leftarrow:hover{ background-position:right top; transition:all 0.3s ease-in-out 0s;
-moz-transition:all 0.3s ease-in-out 0s; /* Firefox 4 */
-webkit-transition:all 0.3s ease-in-out 0s; /* Safari and Chrome */
-o-transition:all 0.3s ease-in-out 0s; /* Opera */
}
.hScrollPane_rightarrow{ background-position:left bottom; right:4%;}
.hScrollPane_rightarrow:hover{ background-position:right bottom; transition:all 0.3s ease-in-out 0s;
-moz-transition:all 0.3s ease-in-out 0s; /* Firefox 4 */
-webkit-transition:all 0.3s ease-in-out 0s; /* Safari and Chrome */
-o-transition:all 0.3s ease-in-out 0s; /* Opera */}
/*product style end*/
/*book style*/
.bookdemo{ width:1300px; margin:0px auto; position:relative;}
.booklist{ width:100%; overflow:hidden; position:relative;  height:432px;}
.booklist ul { position:absolute; left:0px; top:10px; height:100%; width:20000em;}
.booklist ul li{ float:left; display:inline-block; width:315px; margin-right:10px; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s linear;transition: all 0.2s ease-in-out;}
.booklist ul li:hover { -webkit-transform: scale(1.07);-moz-transform: scale(1.07);-o-transform: scale(1.07);-ms-transform: scale(1.07);transform: scale(1.07);}
.booklist .name{ background:url(../images/book_nme.png) no-repeat scroll right top; width:100%; height:34px; font:14px/34px "microsoft yahei",Arial, Helvetica, sans-serif; color:#ffffff; text-align:center;}
.booklist .img img{ width:100%; display:block;}
.abtn{ background-image:url(../images/arrowlr2.png); background-repeat:no-repeat; position:absolute; top:50%; margin-top:-34px; width:67px; height:67px; z-index:4;}
.aleft{ left:-28px; background-position:left top;}
.agrayleft{  background-position:right top;}
.aright{ right:-28px;  background-position:left bottom;}
.agrayright{ background-position:right bottom;}
/*book style*/
/*stores style*/
.storespage{ padding:0px 4%; position:relative; height:654px;}
.storespage .pagetitle{ padding:14px 0px; position:relative; z-index:0;}
.storesmcbox{ position:relative; z-index:5; width:100%;}
.storesmc{ float:left; display:inline-block;  padding:21px 0px 0px 100px; height:31px;}
.storesico{ position:absolute; left:0px; top:0px; background:url(../images/ico8.png); width:100px; height:106px;}
.smc{ background-color:#640a0d; float:left; display:none; height:31px; line-height:31px; overflow:hidden;}
.smc a{ margin:0px 5px; padding:0px 5px; color:#fff; }
.smc a:hover{ text-decoration:underline;}
.storesmap{ width:618px; height:598px; position:absolute; left:50%; top:32px; margin-left:-309px; z-index:1;}
.storesmap a{ color:#fff;}
.storesmap .sico{ text-align:center; color:#fff; position:absolute; display:block; overflow:hidden; z-index:10;}
.imap{ display:none;}
.smpa40{ position:absolute; right:132px; top:0px; width:129px; height:232px;}
.smpa40 .sico{ top:107px; left:63px;}
.smpa31{ position:absolute; left:147px; top:159px; width:283px; height:247px;}
.smpa31 .sico{ top:50px; left:102px;}
.smpa41{ position:absolute; right:148px; top:224px; width:115px; height:118px;}
.smpa41 .sico{ top:20px; left:36px;}
.smpa32{ position:absolute; right:162px; top:312px; width:154px; height:135px;}
.smpa32 .sico{ top:35px; left:70px;}
.smpa33{ position:absolute; left:140px; top:315px; width:226px; height:236px;}
.smpa33 .sico{ top:100px; left:79px;}
.storestype{ background:url(../images/red_png.png) repeat; _background:#5b2326; height:68px; padding:0px 4%;}
.storestype-mc{ background:url(../images/ico10.gif) no-repeat; padding-left:213px; height:68px;}
.storestype-mc li{ float:left; display:inline-block; height:68px;}
.storestype-mc .province{ float:left; padding:0px 12px 0px 25px; height:68px; line-height:68px; display:inline-block; cursor:pointer;}
.storestype-mc .province.act{ background:url(../images/ico11.gif) no-repeat scroll right center;}
.storestype-mc .subsmc{ float:left; height:58px; width:300px; display:none; background-color:#634444; padding:5px;}
.storestype-mc .subsmc span{ padding:0px 10px;}
.storesdemo{ width:1300px; margin:0px auto; position:relative;}
.storeslist{ width:100%; overflow:hidden; position:relative; height:265px;}
.storeslist ul { position:absolute; left:0px; top:0px; height:100%; width:20000em;}
.storeslist ul li{ float:left; display:inline-block; width:315px; padding:0px 5px; overflow:hidden;}
.storeslist ul li .imgbox{ position:relative; width:100%; height:240px; overflow:hidden;}
.storeslist ul li img{ width:100%; height:100%; vertical-align:top;}
.storeslist ul li .png{ background:url(../images/black_add.png) no-repeat scroll center center; width:100%; height:100%; position:absolute; z-index:1;top:0px; left:0px;}
.storeslist ul li .name{ height:25px; line-height:25px; overflow:hidden; text-align:center;}
/*stores style end*/
/*join style*/
.joinpage{ width:100%; background:url(../images/black_png.png) repeat;}
.w9{ width:960px; margin:0px auto; position:relative; min-height:560px; overflow:hidden;}
.processdemo{width:100%;}
.num{ background:url(../images/num.png) no-repeat; float:left; display:inline-block; margin-right:11px; text-align:center; color:#fff; width:20px; height:20px;}
.processcon{ width:100%; overflow:hidden; padding-bottom:30px;}
.processcon td{  vertical-align:top;}
.proxytype ul li{ float:left; display:inline-block; width:20%; height:112px; position:relative; overflow:hidden;}
.proxytype .ptbg{ position:absolute; width:100%; height:100%; left:0px; top:0px; filter: alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; overflow:hidden; }
.proxytype .pli1 .ptbg{ background-color:#921a1a;}
.proxytype .pli2 .ptbg{ background-color:#af4331;}
.proxytype .pli3 .ptbg{ background-color:#882717;}
.proxytype .pli4 .ptbg{ background-color:#860f0f;}
.proxytype .pli5 .ptbg{ background-color:#af372b;}
.proxytype a{ padding:28px 0px 0px 20px; height:84px; display:block; position:relative; overflow:hidden;}
.proxytype a span{ display:block;}
.proxytype a.act span.ico,.proxytype a:hover span.ico{ display:none;}
.proxytype a span.ico{ position:absolute; background:url(../images/ico12.gif) no-repeat; width:13px; height:13px; position:absolute; right:0px; bottom:0px; display:block;}
.proxytype a .en{ color:#cb1c23; font:18px/1.2 Arial, Helvetica, sans-serif; text-transform:uppercase;}
.proxytype a .zh{ color:#fff; font:bold 18px/1.2 "microsoft yahei",Arial, Helvetica, sans-serif;}
.kf-t{ padding:0px 12px; background:url(../images/ico13.gif) no-repeat scroll left center; color:#c82126; margin-bottom:10px;}
.kf-c{ padding:0px 12px;}
.w358{ /*width:342px; margin-right:18px;*/ width:31%; margin-right:2%;}
.h126{ height:126px; border-right:1px solid #848383;/* width:342px;*/ width:100%;}
/*join style end*/
.paget1{ padding:7% 0px; position:relative;}
.paget2{ padding:7% 0px; position:relative;}
.paget21{padding:8% 0px;}
.paget3{ padding:5% 0px 0px;}
.paget4{padding:6% 0px; position:relative;}
.paget5{ padding:7% 0px; position:relative;}
.contactpage{ padding:7% 0px 0px; position:relative;}

/**kf*/
.box_os .os_x, .box_os .osqq, .ico_os, .ico_gt, .ico_pp, .osqq .qq{ background:url(../images/kf.gif) no-repeat;}
.box_os{ height:auto; overflow:hidden; width:131px; position:fixed; right:0; top:98px; _position:absolute; z-index:9999;display:none;}
.box_os .os_x{ background-color:#f7f7f7; background-position:2px 2px; width:18px; height:20px; float:right; display:inline; cursor:pointer;}
.box_os .osqq{ width:129px; border:1px solid #D1D1D1; background-color:#fff; background-position:0 -120px; clear:both; padding:37px 0 8px 0; text-align:center;}
.box_os .osqq p{ height:auto; line-height:20px;width:129px; margin-top:8px;}
.box_os .osqq p strong{ color:#666;}
.box_os .osqq img{ padding:7px 0 3px 0;}
.box_os .osqq p em{ color:#999; display:block;}
.box_os .osqq p span{ color:#AC2E31; display:block;}
.box_os .osqq .qq{ background-position:-140px -120px; display:block; width:99px; height:26px; margin:0 auto; margin-top:8px; cursor:pointer;}
.onlineService{ background:none; display:none; width:39px; *width:84px; height:178px; position:fixed; right:0; top:98px; _position:absolute; z-index:9999;}
.onlineService .ico_os{ background-position:-2px -20px; border:1px solid #c7c7c7; cursor:pointer; width:39px; height:98px; float:right;}
.box_os .osqq p span a{color:#557917;}

/**kf*/

@media screen and (min-width:1500px) {
	.bookdemo{ width:1448px;}
	.booklist{ height:475px;}
	.booklist ul li{ width:352px;}
	.storesdemo{ width:1448px;}
	.storeslist{ height:293px;}
	.storeslist ul li{ width:352px;}
	.storeslist ul li .imgbox{ height:268px;}
	.productdemo{ height:520px;}
	.productdemo ul li{ width:522px; height:500px;}
	.paget1{ padding:9% 0px;}
	.paget2{ padding:9% 0px;}
	.paget21{padding:10% 0px;}
	.paget3{ padding:6% 0px 0px;}
	.paget4{padding:8% 0px;}
	.paget5{ padding:9% 0px;}
	.contactpage{ padding:9% 0px 0px;}
}
@media screen and (max-width:1240px) {
	.contactpage .contactbox,.contactpage .messagebox{ display:block; float:none; width:100%;}
	.contactpage .contactbox .cblackbox{ padding:0px 4%;}
	.contactpage .messagebox .cblackbox{ padding:15px 4% 15px 4%; height:auto;}
	.redbox{ padding:0px 4%;}
	.graybox{ padding:0px 4%;}
	.message-dl .ctxt{ width:50%;}
}
@media screen and (max-width:1300px) {
	.fnav,.ftxt{ float:none; display:block; width:auto;}
	.ftxt{ padding-top:10px;} 
	.bookdemo{ width:1000px;}
	.booklist{ height:342px;}
	.booklist ul li{ width:240px;}
	.storesdemo{ width:1000px;}
	.storeslist{ height:208px;}
	.storeslist ul li{ width:240px;}
	.storeslist ul li .imgbox{ height:183px;}
	.productdemo{ height:345px;}
	.productdemo ul li{ width:340px; height:326px;}
	.mh890{ min-height:765px;}
	.paget1{ padding:5% 0px;}
	.paget2{ padding:5% 0px;}
	.paget21{padding:6% 0px;}
	.paget3{ padding:3% 0px 0px;}
	.paget4{padding:4% 0px;}
	.paget5{ padding:4% 0px;}
	.contactpage{ padding:4% 0px 0px;}
}
@media screen and (min-width:1180px) {
	/*.processdemo{ float:left; display:inline-block; width:1080px;}
	.proxytype{ float:right; display:inline-block; width:204px;}*/
	.w9{width:92%; height:560px;}
	.processdemo{ margin-right:234px; width:auto;}
	.proxytype{ position:absolute; right:0px; top:0px; width:204px; overflow:hidden;}
	.proxytype ul li{ display:block; float:none; width:204px;}
}