@charset "gb2312";
/* CSS Document */

/** Header Start **/
.header{ height:auto; overflow:hidden; width:100%;}
.header .top{ height:61px; overflow:hidden; background:url(/zhuanti/kdhb/images/top-bg.jpg) repeat-x 0 0;}
.header .top .inner{ width:950px; margin:0 auto; overflow:hidden; zoom:1;}
.header .logo{ display:block; height:61px; float:left; padding-left:35px; width:92px; overflow:hidden; position:relative; left:0; top:0;}
.header .logo i{ display:block; height:34px; width:34px; background:url(/zhuanti/kdhb/images/logo-icon.png) no-repeat 0 0; position:absolute; left:0; top:14px;}
@keyframes logo{
	from{-webkit-transform:rotate(0deg);}
	to{-webkit-transform:rotate(360deg);}
	0%{-moz-transform:rotate(0deg);}
	100%{-moz-transform:rotate(360deg);}
	from{-o-transform:rotate(0deg);}
	to{-o-transform:rotate(360deg);}
	from{-ms-transform:rotate(0deg);}
	to{-ms-transform:rotate(360deg);}
	}
@-webkit-keyframes logo{
	from{-webkit-transform:rotate(0deg);}
	to{-webkit-transform:rotate(360deg);}
	}@-moz-keyframes logo{
	0%{-moz-transform:rotate(0deg);}
	100%{-moz-transform:rotate(360deg);}
	}
.header .logo:hover i{ animation:logo 1s ease-in-out 0s infinite; -webkit-animation:logo 1s ease-in-out 0s infinite; -moz-animation:logo 1s ease-in-out 0s infinite; -o-animation:logo 1s ease-in-out infinite; -ms-animation:logo 1s ease-in-out 0s infinite; }
.header .right{ float:right; margin-top:20px; height:20px; line-height:20px; overflow:hidden; padding-right:25px; width:500px; text-align:right; color:#5f5f5f;}
.header .right a{ line-height:20px; color:#5f5f5f; transition:color linear 0.3s;}
.header .right a:hover{ color:#cc3702;}
.banner{ width:100%; height:310px; overflow:hidden; background:url(/zhuanti/kdhb/images/bg2.gif) repeat-x 0 0;}
.banner .inner{ height:310px; width:950px; overflow:hidden; margin:0 auto; background:url(/zhuanti/kdhb/images/banner.jpg) no-repeat 0 68px;}
.banner span{ display:block; height:46px; width:85px; text-align:center; overflow:hidden; font:18px/46px microsoft yahei; color:#fff;}
.banner a{ display:block; height:43px; width:51px; background:url(about:_blank);}
.banner .by1{ position:absolute; left:237px; top:211px;}
.banner .by2{ position:absolute; left:387px; top:211px;}
.banner .by3{ position:absolute; left:535px; top:211px;}
.banner .by4{ position:absolute; left:683px; top:211px;}
.banner .by5{ position:absolute; left:91px; top:211px;}
.banner .pr1{ position:absolute; left:154px; top:211px;}
.banner .pr2{ position:absolute; left:301px; top:211px;}
.banner .pr3{ position:absolute; left:450px; top:211px;}
.banner .pr4{ position:absolute; left:597px; top:211px;}
.banner .pr5{ position:absolute; left:2px; top:211px;}
.bar{ height:72px; width:100%; overflow:hidden; background:url(/zhuanti/kdhb/images/bg.jpg) repeat-x 0 0;}
.bar .inner{ width:950px; height:72px; overflow:hidden; margin:0 auto; background:url(/zhuanti/kdhb/images/bar.jpg) no-repeat 0 0;}
.bar .inner a{ transition:color linear 0.3s;}
.bar .inner a:hover{ color:#cc3702;}
.bar .inner .btns{ width:140px; height:50px; padding-left:70px; text-align:left; font:16px/50px microsoft yahei; color:#0393e9; overflow:hidden; position:absolute; left:5px; top:11px; background:url(about:_blank); cursor:pointer;}
.bar .inner .ios{ position:absolute; left:245px; color:#}
.bar .inner .sylc{ display:block; height:72px; font:18px/72px microsoft yahei; color:#9b9b9b; text-align:left; width:95px; position:absolute; left:510px; top:0;}
.bar .inner .lk{ height:24px; font:18px/24px microsoft yahei; text-align:left; color:#0393e9; overflow:hidden;}
.bar .inner .bt1{ width:45px; position:absolute; left:638px; top:24px;}
.bar .inner .bt2{ width:118px; position:absolute; left:718px; top:24px;}
.bar .inner .bt3{ width:42px; position:absolute; left:867px; top:24px;}
/** Header End **/

/** Content Start **/
.content{ width:950px; overflow:hidden; margin:0 auto;}
.line-tit{ height:30px; width:898px; margin:0 auto; text-align:center; margin-top:30px; background:url(/zhuanti/kdhb/images/ali-line.jpg) repeat-x 0 center;}
.line-tit span{ font:24px/30px microsoft yahei; color:#1baaf4; background:#fff; padding:0 20px;}
.sec-tits{ height:auto; text-align:center; width:100%; margin-top:25px; overflow:hidden;}
.four-cir{ width:920px; overflow:hidden; margin:0 auto; margin-top:38px;}
.four-cir ul{ width:950px; overflow:hidden; zoom:1;}
.four-cir li{ width:230px; height:185px; background:url(/zhuanti/kdhb/images/ver-line.jpg) no-repeat right 40px; float:left; overflow:hidden;}
.four-cir li .cir{ display:block; height:92px; width:92px; margin:0 auto; overflow:hidden;}
.four-cir li .cir img{ 
  animation:cirs linear 1.5s; 
  -webkit-animation:cirs linear 1.5s;
  -moz-animation:cirs linear 1.5s;
  -o-animation:cirs linear 1.5s;
  -ms-animation:cirs linear 1.5s;
  -webkit-transform:rotateY(0deg);
  -moz-transform:rotateY(0deg);
  -ms-transform:rotateY(0deg);
  -ms-transform:rotateY(0deg);
  }
.four-cir li .cir:hover img{ 
  animation:cirs linear 1.5s; 
  -webkit-animation:cirs linear 1.5s;
  -moz-animation:cirs linear 1.5s;
  -o-animation:cirs linear 1.5s;
  -ms-animation:cirs linear 1.5s;
  -webkit-transform:rotateY(0deg);
  -moz-transform:rotateY(0deg);
  -ms-transform:rotateY(0deg);
  -ms-transform:rotateY(0deg);
  }
.four-cir li .cir:hover img{ 
  animation:cir linear 1.5s; 
  -webkit-animation:cir linear 1.5s;
  -moz-animation:cir linear 1.5s;
  -o-animation:cir linear 1.5s;
  -ms-animation:cir linear 1.5s;
  -webkit-transform:rotateY(0deg);
  -moz-transform:rotateY(0deg);
  -ms-transform:rotateY(0deg);
  -ms-transform:rotateY(0deg);
  }
  
@keyframes cirs{
	0%{ 
	  -webkit-transform:perspective(800px) rotateY(0deg);
	  -moz-transform:perspective(800px) rotateY(0deg);
	  -o-transform:perspective(800px) rotateY(0deg);
	  -ms-transform:perspective(800px) rotateY(0deg);
	  }
	50%{
		-webkit-transform:perspective(800px) rotateY(180deg);
	    -moz-transform:perspective(800px) rotateY(180deg);
	    -o-transform:perspective(800px) rotateY(180deg);
	    -ms-transform:perspective(800px) rotateY(180deg);
		}
	100%{
		-webkit-transform:perspective(800px) rotateY(0deg);
	    -moz-transform:perspective(800px) rotateY(0deg);
	    -o-transform:perspective(800px) rotateY(0deg);
	    -ms-transform:perspective(800px) rotateY(0deg);
		}
	}

@keyframes cir{
	0%{ 
	  -webkit-transform:perspective(800px) rotateY(0deg);
	  -moz-transform:perspective(800px) rotateY(0deg);
	  -o-transform:perspective(800px) rotateY(0deg);
	  -ms-transform:perspective(800px) rotateY(0deg);
	  }
	100%{
		-webkit-transform:perspective(800px) rotateY(360deg);
	    -moz-transform:perspective(800px) rotateY(360deg);
	    -o-transform:perspective(800px) rotateY(360deg);
	    -ms-transform:perspective(800px) rotateY(360deg);
		}
	}
  
@-webkit-keyframes cirs{
	0%{ 
	  -webkit-transform:perspective(800px) rotateY(0deg);
	  -moz-transform:perspective(800px) rotateY(0deg);
	  -o-transform:perspective(800px) rotateY(0deg);
	  -ms-transform:perspective(800px) rotateY(0deg);
	  }
	50%{
		-webkit-transform:perspective(800px) rotateY(180deg);
	    -moz-transform:perspective(800px) rotateY(180deg);
	    -o-transform:perspective(800px) rotateY(180deg);
	    -ms-transform:perspective(800px) rotateY(180deg);
		}
	100%{
		-webkit-transform:perspective(800px) rotateY(0deg);
	    -moz-transform:perspective(800px) rotateY(0deg);
	    -o-transform:perspective(800px) rotateY(0deg);
	    -ms-transform:perspective(800px) rotateY(0deg);
		}
	}

@-webkit-keyframes cir{
	0%{ 
	  -webkit-transform:perspective(800px) rotateY(0deg);
	  -moz-transform:perspective(800px) rotateY(0deg);
	  -o-transform:perspective(800px) rotateY(0deg);
	  -ms-transform:perspective(800px) rotateY(0deg);
	  }
	100%{
		-webkit-transform:perspective(800px) rotateY(360deg);
	    -moz-transform:perspective(800px) rotateY(360deg);
	    -o-transform:perspective(800px) rotateY(360deg);
	    -ms-transform:perspective(800px) rotateY(360deg);
		}
	}

.four-cir li .dpt{ display:block; height:22px; line-height:22px; text-align:center; color:#383838; font-size:15px; margin-top:16px;}
.four-cir li .des{ margin-top:5px; line-height:150%; text-align:center; color:#919191;}
.four-cir .last{ background:none;}
.ad-bd{ background:url(/zhuanti/kdhb/images/jb-line.gif) no-repeat center bottom;}
.h-tt{ height:32px; text-align:left; font:24px/32px microsoft yahei; color:#0393e9; overflow:hidden;}
.p-des{ line-height:200%; text-align:left; color:#5a5a5a; font-size:15px; margin-top:10px;}
.p-des a{ font-size:13px; line-height:200%; color:#0393e9; transition:color linear 0.3s;}
.p-des a:hover{ color:#cc3702;}
.p-des i{ font-size:13px; line-height:200%; font-style:normal;}
.box-con1{ height:auto; padding-bottom:1px; overflow:hidden; width:910px; margin:0 auto; margin-top:60px;}
.box-con1 .inners{ height:308px; padding-left:515px; background:url(/zhuanti/kdhb/images/mb1.jpg) no-repeat 0 0; text-align:left; overflow:hidden;}
.box-con1 .h-tt{ margin-top:100px;}
.box-con2{ height:auto; padding-bottom:1px; width:910px; margin:0 auto; overflow:hidden; margin-top:60px;}
.box-con2 .inners{ height:319px; padding-right:460px; background:url(/zhuanti/kdhb/images/mb2.jpg) no-repeat right 0; text-align:left; overflow:hidden;}
.box-con2 .h-tt{ margin-top:100px;}
.box-con3{ height:auto; padding-bottom:1px; width:910px; margin:0 auto; overflow:hidden; margin-top:60px;}
.box-con3 .inners{ height:319px; padding-left:500px; background:url(/zhuanti/kdhb/images/mb3.jpg) no-repeat 0 0; text-align:left; overflow:hidden;}
.box-con3 .h-tt{ margin-top:120px;}
.ad{ display:block; height:auto; width:950px; margin-top:20px; overflow:hidden; text-align:center;}
/** Content End **/

.leftLoop{ height:299px; width:199px; overflow:hidden; position:absolute; left:750px; bottom:0;}
.bd{ text-align:center; padding:0; width:199px; color:#fff; height:299px;}
.bd li{ width:199px; height:299px; float:left;}
.bd li img{ display:block; margin:0 auto;}
.hd{ text-align:center; height:20px; position:absolute; left:62px; bottom:0; z-index:10; width:199px;}
.hd ul{}
.hd li{ float:left; display:inline; margin:0 5px; width:9px; height:8px; background:url(/zhuanti/kdhb/images/ct-dot.png) no-repeat -10px 0; text-indent:-9999px;}
.hd .on{ background:url(/zhuanti/kdhb/images/ct-dot.png) no-repeat 0 0;}



/*µ¯³ö¿ò*/
.tc_tit{ height:42px; line-height:42px; background:url(/zhuanti/mxcz2014/images/tc_tit.gif) repeat-x; position:relative;}
.tc_tit div{ font-size:24px; font-weight:bold; color:#fff; font:"ºÚÌå"; padding-left:20px; text-align:left;}
.tc_tit span{ float:right; width:30px; height:28px; cursor:pointer; position:absolute; right:20px; top:11px;}
#floatBoxBg{width:100%;height:100%;background:#000;filter:alpha(opacity=30);opacity:0.3;position:absolute;top:0;left:0;z-index:3;}
.floatBox{position:absolute;top:50px;left:40%;background:#fff;z-index:4; border:1px solid #1a80b1;}
.floatBox .title{height:23px;padding:7px 10px 0;background:url() repeat-x;color:#0579E0; width:500px;}
.floatBox .title h4{float:left;padding:0;margin:0;font-size:14px;line-height:16px;}
.floatBox .title span{float:right;cursor:pointer;}
.floatBox .content{background:#fff;}

.shu{ padding:0 0 10px 0;}
.shu .tit{ height:70px; line-height:70px; border-bottom:1px solid #c4c4c4; padding:0 0 0 20px; font-size:14px;}
.shu .xz{ border:1px solid #c4c4c4; padding:10px 5px; width:200px; margin:0 50px 0 0;}
.shu ul{ padding:20px 0 0 0; text-align:center;}
.shu li{ float:left; display:inline; margin:0 50px 10px; width:165px; text-align:center; line-height:26px;}
.shu li img{ width:156px; height:210px; padding:3px; border:1px solid #c4c4c4;}
.shu .btn{ text-align:center;}
.shu .btn .a1{ display:inline-block; width:254px; height:52px; line-height:52px; font-size:18px; font-weight:bold; color:#fff; font-family:"΢ÈíÑźÚ"; background:url(/zhuanti/mxcz2014/images/btn03.gif) no-repeat; text-decoration:none;}
.shu p{ line-height:32px; color:#ac7100; text-align:center; font-size:14px;}
.shu span{ font-size:14px;}

.pt100{ padding:20px 0 20px 0; text-align:center;}
.shu01{}
.shu01 ul{ padding:10px 0 0 60px;}
.shu01 li{ float:left; margin:0 50px; width:245px; text-align:left; padding:10px 0 0 0;}
.shu01 h3{ line-height:42px; font-size:24px; color:#ac7100; font-family:"΢ÈíÑźÚ";}
.shu01 h4{  margin:0 auto; height:40px; line-height:18px; font-size:18px; color:#636363; font-family:"΢ÈíÑźÚ"; padding:10px 0 0 50px; text-align:left;}
.shu01 h5{ margin:0 auto; text-align:left; line-height:22px; font-size:14px; padding:10px 0;}
.shu01 .and{background:url(/zhuanti/mxcz2014/images/and02.gif) no-repeat 1px;}
.shu01 .andpad{background:url(/zhuanti/mxcz2014/images/andpad.gif) no-repeat 1px;}
.shu01 .apple{background:url(/zhuanti/mxcz2014/images/apple.gif) no-repeat 1px 1px;}
.shu01 .ipad{background:url(/zhuanti/mxcz2014/images/ipad.gif) no-repeat 1px 8px;}

.shu01 .andpad2{background:url(/zhuanti/mxcz2014/images/andpad.gif) no-repeat 1px;}
.shu01 .apple2{background:url(/zhuanti/mxcz2014/images/apple2.gif) no-repeat 1px 1px;}
.shu01 .ipad2{background:url(/zhuanti/mxcz2014/images/ipad2.gif) no-repeat 1px 8px;}

.shu01 span{ display:block; border-bottom:1px solid #c2c2c2; padding:0 0 10px 0;}
.shu01 .ewm{ padding:0 0 0 43px;}
.shu01 .b1{}
.shu01 .b1 a{ display:block; width:195px; height:42px; line-height:42px; font-size:20px; color:#2d322c; font-family:"΢ÈíÑźÚ"; background:url(/zhuanti/mxcz2014/images/btn04.gif) no-repeat; padding:0 0 0 50px; text-decoration:none;}
.shu01 .b2{}
.shu01 .b2 a{ display:block; width:200px; height:42px; line-height:42px; font-size:20px; color:#2d322c; font-family:"΢ÈíÑźÚ"; background:url(/zhuanti/mxcz2014/images/btn06.gif) no-repeat; padding:0 0 0 45px;}
.shu01 .b3{ width:185px; height:42px; line-height:42px; font-size:20px; color:#2d322c; font-family:"΢ÈíÑźÚ"; background:url(/zhuanti/mxcz2014/images/btn07.gif) no-repeat; padding:0 0 0 60px;}
.shu01 .xian{ height:1px; background:url(/zhuanti/mxcz2014/images/xian01.gif) repeat-x; overflow:hidden; margin:40px 20px 10px 20px;}

.yesLogin{ display:none;}

/*20140312мÓ*/
.subnav_warp{ width:100%; height:72px; background:url(/zhuanti/mxcz2014/images/subnav.gif) repeat-x;}
.subnav{}
.subnav ul{}
.subnav li{ float:left; display:inline; margin:6px 10px 0 10px;}
.subnav i{ display:inline-block; width:24px; height:28px;}
.subnav .ios{ width:24px; height:28px; background:url(/zhuanti/mxcz2014/images/ico02new.gif) no-repeat;vertical-align:-5px; vertical-align:0/9; *vertical-align:0; _vertical-align:0; padding:0 10px 0 0;}
.subnav .android{ width:26px; height:31px; background:url(/zhuanti/mxcz2014/images/ico01new.gif) no-repeat;vertical-align:-9px; vertical-align:0/9; *vertical-align:0; _vertical-align:0; padding:0 10px 0 0;}

.w358{width:358px;}

.tc-bor{ padding:26px 0 20px; overflow:hidden; text-align:left;}
.tanchu{padding:22px 0 13px 40px;}
.tanchu h3{height:30px;line-height:30px;font-size:22px; color:#322f28;padding-bottom:7px; font-weight:normal;}
.tanchu h4{padding:10px 0; color:#053353; font-size:14px; font-weight:bold;}
.tanchu h3.apple{background:url(/zhuanti/kdhb/images/apple.jpg) no-repeat;}
.tcleft{background:url(/zhuanti/kdhb/images/sx.jpg) repeat-y;}
.input-txt{width:155px;height:30px; padding:0 3px; line-height:30px;border:1px solid #c4c4c4; vertical-align:middle;}
.input-btn,.input-btnHD{width:52px;height:32px;margin-left:10px;background: url(/zhuanti/kdhb/images/input-btn.png) no-repeat;display: inline-block;vertical-align:middle;}
.input-btnHD{background-position:left -32px;}
.message{line-height:32px;}
.fl{float:left;}
.fr{float:right;}
.f14{font-size:14px;}
.msf{font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53;}
.tc{text-align:center;}
#floatBox{ overflow:hidden;}