@charset "gb2312";
/* CSS Document */
html { overflow: hidden;}

body { margin:0 auto; font-size:13px; color:#333; font-family:΢ÈíÑźÚ,ËÎÌå,ºÚÌå; line-height:1.5; width: 100%;  *cursor: default;
overflow: hidden; height:100%; text-align:left; background-color:#FFF;-webkit-text-size-adjust:none;}
ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p { padding:0; margin:0;}
ul { list-style:none;margin: 0;padding: 0;}
img { border:0px;}
.clearBoth{border-bottom:0;border-left:0;line-height:0;list-style-type:none;width:100%;height:0;clear:both;font-size:0;overflow:hidden;border-top:0;list-style-image:none;border-right:0; width:0px; height:0px;}
a { color:#333; text-decoration:none;}
a:hover { color:#d0121c; text-decoration:none;}
form, button, {border:0 none;font-size:100%;margin:0;padding:0;text-decoration:none;vertical-align:middle;font-size: 12px;list-style-type: none;}

.bj{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true);}

@font-face {
    font-family: 'futura_md_btmedium';
    src: url('../webfont/futuram-webfont.eot');
    src: url('../webfont/futuram-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfont/futuram-webfont.woff2') format('woff2'),
         url('../webfont/futuram-webfont.woff') format('woff'),
         url('../webfont/futuram-webfont.ttf') format('truetype'),
         url('../webfont/futuram-webfont.svg#futura_md_btmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'alt';
    src: url('../webfont/alt-webfont.eot');
    src: url('../webfont/alt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfont/alt-webfont.woff2') format('woff2'),
         url('../webfont/alt-webfont.woff') format('woff'),
         url('../webfont/alt-webfont.ttf') format('truetype'),
         url('../webfont/alt-webfont.svg#futura_md_btmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

#pageContain { overflow: hidden;}
.page { display: none; width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0;}
.contain { width: 100%; height: 100%; display: none; position: relative; z-index: 0;}
.current .contain, .slide .contain { display: block;}
.current { display: block; z-index: 1;}
.slide { display: block; z-index: 2;}
.swipe { display: block; z-index: 3; transition-duration: 0ms !important; -webkit-transition-duration: 0ms !important;}
.page1 { background: #fff;}
.page2 { background: #fff url(../images/inxpage2bj.jpg) bottom center repeat-x;}
.page3 { background: #fff url(../images/inxpage3bj.jpg) top center repeat; background-size:auto 100%;}
.page4 { background: #fff;}
.page5 { background: #fff url(../images/inxpage5bj.jpg) top center repeat; background-size:auto 100%;}
.page6 { background: #fff url(../images/inxpage6bj.jpg) top center repeat;}

#navBarpage { z-index: 999; position: absolute; top: 40%; right: 2%;}
#navBarpage .active { width: 12px;height: 12px; border: 4px solid #cb0808;background: #cb0808; margin-left:3px;}
#navBarpage li { width: 8px;height: 8px;border-radius: 50%;background: #00275e;margin: 15px 0 0 5px;}

#bannerCarousel, #bannerCarousel .carousel-inner, #bannerCarousel .carousel-inner .item{width:100%; height:100%;}
#bannerCarousel .carousel-inner{ margin-top:0px;}
.banner01{ background: #fff url(../images/banner01bj.jpg) top center repeat; background-size:auto 100%; width:100%; height:100%;}
.banner02{ background: #fff url(../images/banner02bj.jpg) top center repeat; background-size:auto 100%; width:100%; height:100%;}
.banner03{ background: #fff url(../images/bannner04.jpg) top center repeat; background-size:auto 100%; width:100%; height:100%;}
.banner04{ background: #fff url(../images/banner02.jpg) top center repeat; background-size:100% auto; width:100%; height:100%;}
.banner05{ background: #fff url(../images/banner05.jpg) top center repeat; background-size:100% auto; width:100%; height:100%;}

.banner01 .img-responsive,.banner02 .img-responsive,.banner03 .img-responsive,.banner04 .img-responsive,.banner05 .img-responsive{ width:100%; height:auto;}

.top{ width:100%; position:relative; z-index:9999;}
.logo{ float:left; margin-top:10px; margin-left:4%;}

.topbj{ width:100%; height:100%; position:absolute; z-index:-1; background:url(../images/bark20.png) repeat;  top:0px;  z-index:-1; display:none;}
#nytop .topbj{ display:block;}

.navsmbj{ position:fixed; background:url(../images/bark85b.png) repeat; top:0; left:0; width:100%; height:100%; z-index:998; display:none;}

#navbar{ background:none; border:none; height:80px;}
#topnavright{ float:right; margin-top:15px; margin-right:4%;}
#topnavright a{ font-size:15px; color:#fff; }

#navbar .navbar-toggle{ margin-top:22px; margin-bottom:22px;}

.topsmnav{ float:none; margin:15px 0px; width:100%; text-align:center;}
.tnavbtnsm{ margin-bottom:2px; background:none; }
#topnavright .tnavbtnsm a{font-size:18px; padding-top:12px; padding-bottom:12px;}

.inxbt{ width:100%; padding-top:115px; text-align:center;}
.inxbt_eng{ font-size:36px; color:#00275e; text-transform:uppercase; font-family:'futura_md_btmedium';}
.inxbt_cha{ font-size:26px; color:#00275e; margin-top:0px;}
.inxbt span{ color:#cb0808;}

#page2part1, #page2part2{ margin-top:5%;
    position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	 cursor:pointer;
	progid:DXImageTransform.Microsoft.Alpha(opacity=0); opacity:0;
}
#page2part1:focus, #page2part1:focus{
	outline: none;
}
.p2p1_pic{ background:url(../images/inxpt/inxpt_03.png) no-repeat; width:90px; height:90px; margin:20px auto;}
.button--wayra:hover .p2p1_pic{background:url(../images/inxpt/inxpto_03.png) no-repeat;}

.p2p2_pic{ background:url(../images/inxpt/inxpt_05.png) no-repeat; width:90px; height:90px; margin:20px auto;}
.button--wayra:hover .p2p2_pic{background:url(../images/inxpt/inxpto_05.png) no-repeat;}

.p2p3_pic{ background:url(../images/inxpt/inxpt_07.png) no-repeat; width:90px; height:90px; margin:20px auto;}
.button--wayra:hover .p2p3_pic{background:url(../images/inxpt/inxpto_07.png) no-repeat;}

.p2p4_pic{ background:url(../images/inxpt/inxpt_09.png) no-repeat; width:90px; height:90px; margin:20px auto;}
.button--wayra:hover .p2p4_pic{background:url(../images/inxpt/inxpto_09.png) no-repeat;}

.p2p5_pic{ background:url(../images/inxpt/inxpt_11.png) no-repeat; width:90px; height:90px; margin:20px auto;}
.button--wayra:hover .p2p5_pic{background:url(../images/inxpt/inxpto_11.png) no-repeat;}

.p2p6_pic{ background:url(../images/inxpt/inxpt_13.png) no-repeat; width:90px; height:90px; margin:20px auto;}
.button--wayra:hover .p2p6_pic{background:url(../images/inxpt/inxpto_13.png) no-repeat;}

.p2p_bt{ color:#00275e; font-size:18px; text-align:center; margin-bottom:10px;}
.p2p_bt .p2p_btgl{ color:#e83426;}
.p2p_bt_eng{ display:block; font-size:13px; text-transform:uppercase; font-family:'futura_md_btmedium';}
.p2p_txt{ font-size:13px; line-height:20px; color:#6d7e96; text-align:center; margin-bottom:20px;}

/* Wayra */
.button--wayra {
	overflow: hidden;
	width: 100px;
	-webkit-transition: border-color 0.5s, color 0.5s;
	transition: border-color 0.5s, color 0.5s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.5, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.5, 1);
}
.button--wayra::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 150%;
	height: 100%;
	background: #fff;
	z-index: -1;
	-webkit-transform: rotate3d(0, 0, 1, -90deg) translate3d(0, -3em, 0);
	transform: rotate3d(0, 0, 1, -90deg) translate3d(0, -3em, 0);
	-webkit-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s, background-color 0.5s;
	transition: transform 0.3s, opacity 0.5s, background-color 0.5s;
}
.button--wayra:hover .p2p_bt, .button--wayra:hover .p2p_bt .p2p_btgl,.button--wayra:hover .p2p_txt{
	color: #fff;
}

.p2p_bt, .p2p_btgl,.p2p_txt, .p2p1_pic{
	transition:all 0.5s;-webkit-transition:all 0.5s;
}
.button--wayra:hover::before {
	opacity: 1;
	background-color: #00275e;
	-webkit-transform: rotate3d(0, 0, 1, 0deg);
	transform: rotate3d(0, 0, 1, 0deg);
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.5, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.5, 1);
}

#page2part2:hover::before {
	background-color: #cb0808;
}


.page3txt{ width:400px; float:left; margin:100px 0px 0px 13%;}
.page3txtp{ width:49%; float:left; margin-bottom:60px;}
#page3r{ float:right;}
.page3txtpic{ width:50px; float:left; margin-top:5px;}
.page3txtbt{ font-size:16px; color:#00275e; font-weight:bold;}
.page3txtjs{ font-size:13px; color:#999;}

.buttonp3:link, .buttonp3:hover{ color:#fff; font-size:15px; line-height:33px; text-align:center; text-decoration:none;}

.buttonp3 {
	width: 125px;
	height:33px;
	display: block;
	border: none;
	background: none;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	background:#cb0808;
	color:#fff;
	margin:0px auto;
}

.button--round-l {
	border-radius: 40px;
}
.buttonp3:hover::before {
	background-color:#F90;
}
.buttonp3::before{background:#cb0808;}

.page3cl{ width:721px; height:407px; position:relative; background:url(../images/page3clbj.png) no-repeat top left;float:right; margin:50px 8.5% 0px 0px;}

.page3cl_img { width:100%; height:55%; text-align:center; margin-top:20px; display:none;}
.page3cl_img img{ width:auto; height:100%;}

#slider_pc{ position:absolute; left:9px; top:10px; z-index:20;}
#slider_pad{ position:absolute; left:520px; top:86px; z-index:21;}
#slider_phone{ position:absolute; left:460px; top:212px; z-index:22; background:url(../images/page3phonebj.png) no-repeat; width:101px; height:194px;}

#slider_pc, .slider_pc_list, .slider_pc_list ul, .slider_pc_list ul li, .slider_pc_list img { width:498px; height:369px;}
#slider_pad, .slider_pad_list, .slider_pad_list ul, .slider_pad_list ul li, .slider_pad_list img { width:194px; height:299px;}
.slider_phone_list, .slider_phone_list ul, .slider_phone_list ul li, .slider_phone_list img { width:92px; height:175px;}

#slider_phone .slider_phone_list{ margin-top:10px; margin-left:4px;}

.hd{height:20px; width:708px; bottom:-50px; position:absolute;} 
.hd ul{ zoom:1; margin-top:10px; margin:0px auto; width:auto; position:relative; left:50%; float:left;} 
.hd ul li{ position:relative; _display:inline; float:left;  width:12px; height:12px; overflow:hidden; background:#fff; margin-left:6px; margin-right:6px;text-indent:-999px; cursor:pointer; 
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(PIE.htc); border:1px #CCCCCC solid; float:left; right:50%;} 
.hd ul li.on{ background:#e83426;  border:1px #e83426 solid; } 

#slider_pad .hd,#slider_phone .hd{ display:none;}

.nonehd{height:13px; width:728px; bottom:-15px; position:absolute; z-index:22;} 
.nonehd ul{ zoom:1; margin-top:0px; margin:0px auto; width:auto; position:relative; left:50%; float:left;} 
.nonehd ul li{ position:relative; _display:inline; float:left;  width:14px; height:20px; overflow:hidden; background:url(../images/none.png); margin-left:5px; margin-right:5px;text-indent:-999px; cursor:pointer; float:left; right:50%;}



/*case*/
.carousel-inner{ margin-top:30px;}
.item{ width:100%;}
.inxcasep{ display:inline-block; width:32%; margin-left:0.5%; background:#fff; position:relative; height:auto;}
.inxcasep .inxcaseimg{ width:100%; height:auto; overflow:hidden; position:relative; }
.inxcasep .inxcaseimg .img-responsive{ width:100%; height:auto;}
.inxcasep img{-webkit-transition:all 2s;-moz-transition:all 2s;-o-transition:all 2s;-ms-transition:all 2s;transition:all 2s;progid:DXImageTransform.Microsoft.Alpha(opacity=1); opacity:1;}
.inxcasep:hover img{progid:DXImageTransform.Microsoft.Alpha(opacity=1); opacity:1;
    -webkit-transform:scale(1.2,1.2);
    -moz-transform:scale(1.2,1.2);
    -transform:scale(1.2,1.2);
}

.casebark{ width:100%; height:100%; background:url(../images/barkca.png) repeat; position:absolute; z-index:980;
progid:DXImageTransform.Microsoft.Alpha(opacity=0); opacity:0;webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;}

.inxcasep:hover .casebark{progid:DXImageTransform.Microsoft.Alpha(opacity=1); opacity:1;}


.inxcasebt{ width:100%;height:80px; background:#FFF; text-align:center; font-size:13px; line-height:20px;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;transition:all 1s;}
.inxcasebt span{ display:block; font-size:17px; padding:20px 0px 5px;}

/*.inxcasep:hover .inxcasebt{background:#eef1ff;}*/

.inxcasep .inxcasetxt::before,
.inxcasep .inxcasetxt::after {
	position: absolute;
	top:50%;
	left: 50%;
	width: 50%;
	height: 1px;
	background: #ccc;
	content: '';
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s, transform 0.5s;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
	opacity: 0;
	z-index:992;
}

.inxcasep:hover .inxcasetxt::before {
	opacity: 0.8;
	-webkit-transform: translate3d(-50%,-50%,0) rotate(45deg);
	transform: translate3d(-50%,-50%,0) rotate(45deg);
}

.inxcasep:hover .inxcasetxt::after {
	opacity: 0.8;
	-webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg);
	transform: translate3d(-50%,-50%,0) rotate(-45deg);
}

.inxcaseion{ position:absolute; top:50%; text-align:center; width:100%; z-index:995; margin-top:-25px;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;transition:all .5s; progid:DXImageTransform.Microsoft.Alpha(opacity=0); opacity:0;}
.inxcaseion a{ -webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;transition:all .5s;margin:0px 70px;}
.inxcaset1{ background:url(../images/caseion_03.png) no-repeat; width:51px; height:51px; display:inline-block;}
.inxcaset1:hover{ background:url(../images/caseion_03o.png) no-repeat;}
.inxcaset2{ background:url(../images/caseion_05.png) no-repeat; width:51px; height:51px; display:inline-block;}
.inxcaset2:hover{ background:url(../images/caseion_05o.png) no-repeat;}
.inxcasep:hover .inxcaseion{ position:absolute; top:50%; text-align:center; width:100%; z-index:995; margin-top:-25px; progid:DXImageTransform.Microsoft.Alpha(opacity=1); opacity:1;}
.inxcasep:hover a{margin:0px 40px; color:#FFF;}
.inxcasep:hover a:link, .inxcasep:hover a:hover{color:#FFF; text-decoration:none;}

.caselr{ width:100%; text-align:center;}
#caseleft, #caseright{ position:static;}
#caseleft:hover, #caseright:hover{filter:alpha(opacity=100);opacity:1}
.hi-icon {
	display: inline-block;
	font-size: 0px;
	cursor: pointer;
	margin:20px 10px 0px;
	width: 41px;
	height: 41px;
	text-align: center;
	background: #fff;
}
#caseleft{ background:url(../images/casel.png) no-repeat;}
#caseright{ background:url(../images/caser.png) no-repeat;}
#casemore{ background:url(../images/caselr_sb.png) no-repeat; position:static;}


/* Sweep To Bottom */
.hvr-sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #cb0808;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.inxcasep:hover .hvr-sweep-to-bottom, .inxcasep:focus .hvr-sweep-to-bottom, .inxcasep:active .hvr-sweep-to-bottom {
  color: white;
}
.inxcasep:hover .hvr-sweep-to-bottom:before, .inxcasep:focus .hvr-sweep-to-bottom:before, .inxcasep:active .hvr-sweep-to-bottom:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}


.page5num{ margin-top:115px;}
.page2000{ width:300px; float:left; font-size:184px; color:#d00000; font-family:'alt'; line-height:160px; position:relative;}
.pageadd{ width:quto; float:left; margin-left:20px; margin-top:60px;}
#page5numl{ padding-right:0px; padding-left:0px;}
.pageaddl1{ font-size:48px; color:#d00000; font-family:'alt'; line-height:36px; font-weight:bold; position:absolute; left:300px;}
.pageaddl2{ color:#222; font-size:17px; margin-top:0px;font-weight:bold;}
.pageaddl2 span{  color:#d00000;}
.pageaddl2 .pageaddl2e{ font-size:25px; font-weight:normal; color:#222; font-family:'futura_md_btmedium'; margin-right:5px;}
.pageaddl3{ color:#222; font-size:17px; margin-top:5px; font-weight:bold;}

.page5numr{ margin:0px; padding:0px;}
.p5rp{ width:32%; float:left; margin:0px 0.5%; text-align:center; border-right:1px #bbb dotted;}
.p5rp_num{font-size:100px; color:#d00000; font-family:'alt'; line-height:105px;}
.p5rp_txt{ color:#222; font-size:17px;}
#p5rp3{ border-right:none;}

#logoCarousel{ margin-top:15px;}
#logoCarousel img{ width:100%; height:auto;}
#logoCarousel a{ display:block; float:left; width:16.5%;}
.page5 .container{ padding-left:0px; padding-right:0px; max-width:1200px;}
#logoCarousel .carousel-indicators{ bottom:-50px;}

#logosel1{ border-right:1px #ccc dotted; border-bottom:1px #ccc dotted;}
#logosel2_e{border-bottom:1px #ccc dotted;}
#logosel1_e, #logosel2_e{ border-right:none;}
#logosel2{border-right:1px #ccc dotted;}

.contxt{ width:50%; margin:60px 150px 0px 0px; float:right; font-size:15px; color:#1d3352; line-height:38px;}
.contxt p{ display:block;}
.contxt .conyw a:link{ font-size:22px; font-family:'futura_md_btmedium'; background:none; display:inline-table; color:#1d3352;}
.contxt .conyw a:hover{ text-decoration:none;}
.contxt .contxtqqa{ background:url(../images/qq_05.png) no-repeat; width:42px; height:42px; margin-right:20px; display:inline-block; vertical-align:middle;}
.contxt .contxtqqa:hover{ background:url(../images/qq.png) no-repeat;}
.contxt .convisible{color:#1d3352; line-height:38px; font-size:15px;}

.copyr{ width:100%; text-align:center;font-size:14px; color:#1d3352; margin-top:90px;}
.copyr a{color:#1d3352;}

.bannertxt{ font-size:37px; font-family:'futura_md_btmedium'; text-transform:uppercase; text-align:center; color:#00275e; padding-left:0px; padding-right:0px; line-height:50px; margin-top:22%;}
.bannertxt p{ font-size:57px; line-height:63px;}
.bannertxt span{ color:#cb0808;}

.banner04 .bannertxt{ color:#fff; text-align:left; font-size:57px; font-weight:bold; margin-top:21%; padding-left:3%;}
.banner04 .bannertxt p{  line-height:57px; font-size:57px; font-weight:normal; display:block; padding:4% 0 0; margin:0;}
.banner04 .bannertxt span{ color:#fff; font-size:24px; line-height:42px; display:block; padding:2% 0 3%; font-weight:normal;}
.banner04 .banzi04{ width:100%;}

.banner05 .bannertxt{ color:#fff;}


.bannerimg1{ width:85%; margin:22% auto 0px; height:auto;}
.bannerimg2{ width:96%; margin:0px auto;}
.bannerimg3{ width:40%; margin:10% auto 3%;}
.bannerimg32{ width:auto; margin:3% auto 0;}
.bannerimg32 .img-responsive{ width:auto; margin:0px auto;}
.bannerimg4{ width:100%; margin:20% auto 0;}
.bannerimg4 img{ margin-left:-10%;}
.bannerim5{ width:100%; margin:15% auto 0px; height:auto;}
.banner5zi{ padding-bottom:10px;}

.bannertxt .bannertxt_c{ font-size:35px; font-family:΢ÈíÑźÚ;}

#ie7tips{ width:100%; height:100%;background-color:#6ABDDA; z-index:999; position:absolute; display:none; progid:DXImageTransform.Microsoft.Alpha(opacity=0.8); opacity:0.8;}
#ie7tips p{ width:100%; height:50px; text-align:center;  line-height:50px;color:#DD4E42; font-size:18px; position:absolute; left:0; top:50%; margin-top:-25px;}
.caseimga{ display:block; width:100%; height:100%;}

/* ¿Í·þ */
.side{position:fixed; width:39px;height:130px;right:0; bottom:50px;z-index:9999;}
.side ul li{width:39px;height:39px;float:left;position:relative; margin-bottom:1px;}
.side ul li .sidebox{position:absolute;width:39px;height:39px;top:0;right:0;transition:all 0.3s;background:#00275e;opacity:1;filter:Alpha(opacity=100);color:#fff;font:14px/39px "΢ÈíÑźÚ";overflow:hidden;}
.side ul li .sidetop{width:39px;height:39px;line-height:39px;display:inline-block;background:#00275e;opacity:1;filter:Alpha(opacity=100);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#e83426;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}
.kferm { position:absolute; top:-45px; right:110px; display:none;}

.kfk{     
    display: none;
    position: fixed;
    z-index: 99999;
    top: 50%;
    left: 50%;
    margin-top: -84px;
    text-align: center;
    margin-left: -125px;
    max-width: 250px;
    max-height: 164px;}
.kfk .img-responsive{ display:inline; margin:0 auto;}
.kfk .kfxx{ background:url(../images/kfx.png) no-repeat; width:55px; height:50px; position:absolute; right:0px; top:0px; cursor:pointer;}