@charset "gb2312";
/* CSS Document */
body{ background:#e7d1f9; color:#333;}
body, button, input, select, textarea {font: 12px/24px tahoma,arial,΢ÈíÑźÚ;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td,table{ margin: 0; padding: 0;}
img, iframe{ display:block; border:0;}
ul, li{ list-style:none;}
a{color:#333;text-decoration:none}
a:hover{color:#e40000;text-decoration:underline;}
.clear {
	clear: both;
	height: 0px;
	overflow: hidden;
	margin-top: 0!important;
	line-height: 0px;
	font-size: 0;
	display: block;
	margin: 0;
	padding: 0;
}

.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	content: ".";
}

.clearfix {
	zoom: 1;
}

.mainBan{ width:240px; margin:0 auto; padding-top:70px; padding-left:80px;}
.banner01{background-attachment: scroll; background-image:url(images/banner.jpg); background-position: 50% 0px; background-repeat: no-repeat; height:350px; overflow:hidden;}
.banner_txt .txt1{ background:url(images/banner_txt.png) no-repeat; display:block; width:900px; height:300px;position: absolute;left:130px;top: 70px;   -webkit-animation-name:flipInX;
 animation-name:flipInX}
.banner01{background-attachment: scroll; background-image:url(images/banner_01.jpg); background-position: 50% 0px; background-repeat: no-repeat; height:150px; overflow:hidden;}
.banner02{background-attachment: scroll; background-image:url(images/banner_02.jpg); background-position: 50% 0px; background-repeat: no-repeat; height:150px; overflow:hidden;}
.banner03{background-attachment: scroll; background-image:url(images/banner_03.jpg); background-position: 50% 0px; background-repeat: no-repeat; height:150px; overflow:hidden;}
.banner04{background-attachment: scroll; background-image:url(images/banner_04.jpg); background-position: 50% 0px; background-repeat: no-repeat; height:137px; overflow:hidden;}

.con{ width:1200px; margin:0 auto; position: relative; line-height: 30px;}
.pr {
    position: relative;
}

.main01 p{  border-radius:10px; text-align:center; color:#fff; font-size:18px; display:inline-block; padding:15px 20px;  background:#8d22e5; }

.main01 p font{ color:#f3eb04; font-weight: bold;}
.flipInX {
 -webkit-backface-visibility:visible !important;
 backface-visibility:visible !important;
 -webkit-animation-name:flipInX;
 animation-name:flipInX
}
.flipInY {
 -webkit-backface-visibility:visible !important;
 backface-visibility:visible !important;
 -webkit-animation-name:flipInY;
 animation-name:flipInY
}
.animated {
 -webkit-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both
}
.layout {
 clear:both;
 width:100%;
 margin:0 auto
}

@keyframes flipInX {
 0% {
  -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);
  transform:perspective(400px) rotate3d(1,0,0,90deg);
  -webkit-animation-timing-function:ease-in;
  animation-timing-function:ease-in;
  opacity:0
 }
 40% {
  -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);
  transform:perspective(400px) rotate3d(1,0,0,-20deg);
  -webkit-animation-timing-function:ease-in;
  animation-timing-function:ease-in
 }
 60% {
  -webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);
  transform:perspective(400px) rotate3d(1,0,0,10deg);
  opacity:1
 }
 80% {
  -webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);
  transform:perspective(400px) rotate3d(1,0,0,-5deg)
 }
 100% {
  -webkit-transform:perspective(400px);
  transform:perspective(400px)
 }
}

.l_mar{ margin-left: 10px; float: right; display: inline-block;}
.r_mar{ float: left; margin-right: 10px; display: inline-block;}
.cjry{ top: 100px;}
.hddd{ top:220px;}
.lxfs{top:550px; }
.bmjz{top:680px; }
.hdlc{ top:760px;}
.yqrs{top:1350px; }
.tips{ top:1050px;}
.l_t{ width:422px; height:256px; border:1px solid #717ab2; background:#fff; position:relative; margin-top:100px;}
.main01{ margin-bottom:17px; position:relative;}

.r_mar:before{
    content: "";
    width:6px;
    height: 6px;
    border:5px #fc47fd solid;
    -moz-border-radius:50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0px 20px rgba(252,71,253,1);
    -moz-box-shadow: 0 0px 20px rgba(252,71,253,1);
    box-shadow: 0 0px 20px rgba(252,71,253,1);
    background-color: #fe9ea6;
    position: absolute;
    top:20px;
    left:-42px;
}

.l_mar:before{
    content: "";
    width:6px;
    height: 6px;
    border:5px #fc47fd solid;
    -moz-border-radius:50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0px 20px rgba(252,71,253,1);
    -moz-box-shadow: 0 0px 20px rgba(252,71,253,1);
    box-shadow: 0 0px 20px rgba(252,71,253,1);
    background-color: #fe9ea6;
    position: absolute;
    top:20px;
    right:-42px;
    left:auto;
}
.pos_left{ float: left; position: absolute; right:634px;}
.pos_r{ left:635px;position: absolute; float: right;}
.foot{ width:1000px;height:153px;font-size:12px;line-height:24px; text-align:center; color:#222; margin:0 auto; padding-top:60px;}
.foot a{color:#222;}
.foot a:hover{color:#222; text-decoration:underline;}

.line{ width:1px; min-height:1350px; background:#8d22e5; position:absolute; top:60px;  left:50%;  margin-top: 35px;}
.bg_con{ padding-top:20px;}

/*?£¤2?¦Ì¡Á2?1¨¬?¡§2?¦Ì£¤*/
.logbox{width:100%; height:36px;_height:36px; border-bottom:solid 1px #cccccc; background:#f7f7f7;position:fixed;top: 0; z-index:3000; _position:absolute;_left:expression(eval(document.documentElement.scrollLeft));_top:expression(eval(document.documentElement.scrollTop))}
.login{width:1200px; margin:0 auto;padding-top:5px; font-size: 14px;}
.login input.text{width:70px; height:18px; border:solid 1px #c4c4c4; line-height:18px; padding:2px 5px; font-size:12px; color:#666; margin-left:5px;}
.login input.btnLogin {height:23px;width: 50px;color:#fff;cursor: pointer;background:#2084f4; font-size:12px;line-height:21px;border: solid 1px #1474e0;margin-left: 6px;border-radius: 3px;}
.login input.btnLogin:hover{ background:#3896ff;}
.topmenu_L{width:430px;height:24px;line-height:22px;}
.topmenu {float:right;width: 300px;height:18px; padding-top:6px;}
.topmenu li{float:right;height: 13px;padding-left:15px; line-height:12px;}
.footer{ width:1200px;height:153px;font-size:12px;line-height:24px; text-align:center; color:#222; margin:0 auto; padding-top:60px; border-top: 1px dotted #f1f9ec;}
.footer a{color:#222;}
.footer a:hover{color:#222; text-decoration:underline;}
.footer img{display:inline;}
/*end*/




/*ÍƼö¿Î³Ì*/
.bktuijian{background-attachment: scroll;  background-position: 50% 0px; background-repeat: no-repeat; overflow:hidden; padding-top:20px; }
.clearfix:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: ".";
}
.clearfix {
    zoom: 1;
}
.fk_main{  padding-bottom: 15px; }
.fk_main h1{ font-size:36px; text-align:center; background:#ec023c; height:72px; line-height:72px; font-weight:bold; color:#fff; font-family:΢ÈíÑźÚ; }
.fk_main h1 font{ color:#f4df8b;}
.mainBan{ width:1200px; margin:0 auto;  }
.main_con{ background:#fff; padding:15px 20px; margin:15px 20px;}

.shuang11_main .main_con{ position:relative;}
.shuang11_main .bk_icon{ display:block; height:71px; width:92px; background:url(images/bk_icon.png) no-repeat; position:absolute;  right:0px; top:0px;}
.shuang11_main .main_con{ width:348px; float:left; overflow:hidden; margin:0; margin-top:20px; margin-left:20px;; padding:14px; }
.shuang11_main .main_right{  margin-left:35px; height:auto; }
.shuang11_main .sale{ position:inherit; }
.shuang11_main .main_right{ width:100%; margin-left:0px;}
.shuang11_main .main_right h2 b{ float:left; font-size:28px; color:#ec023c;  background:none; width:auto; height: 70px;line-height: 70px;}
.shuang11_main h2 b font{ font-size:30px; color:#ec023c; font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; }
.shuang11_main h2 em{ float:right; font-size:18px !important; text-decoration:line-through; color:#999; font-style:normal;  margin:0 5px;}
.shuang11_main h2 b{ position:inherit;}
.shuang11_main h2{ height:70px; line-height:70px;}
.shuang11_main .sale a{ width:168px; margin:0px;}
.shuang11_main .sale{ height:42px; margin-top:10px;}
.shuang11_main .sale .button_zx{ margin-left:10px;}

.button_zx{ display:block;float:left; width:142px; height:42px;  color:#d88b06; background:#fad5a0; border:1px solid #d88b06; text-align:center; font-size:18px; line-height:40px;  margin-right:15px; margin-top:10px; margin-left:20px;text-decoration:none;}
.button_gm{ display:block;float:left;width:142px; height:44px;  color:#fff; background:#e44b45; text-align:center; font-size:18px; line-height:40px;margin-top:10px;margin-left:20px; text-decoration:none;}
.button_zx:hover{ background:#f7ca8b;  text-decoration:none;}
.button_gm:hover{ background:#ff3334; color:#fff; text-decoration:none;}