html,body{font-family:"microsoft yahei";-webkit-font-smoothing: antialiased;}
.thing-ban{width: 100%;height: 400px;margin: 0 auto;}
.thing-ban li{height: 400px;cursor: pointer;}

.section-content{min-height: 500px;padding: 30px 0 10px 0;width: 833px; margin: auto; text-align: center;color: #666; }
.section-content.sc3{width: 1000px;}
.nav-height{ position:relative; height: 50px;border-bottom: 1px solid #ddd;margin-bottom: 3%;}
.nav-wrap { width: 100%;height: 50px;background: #fff;}
.nav-wrap.navFix{position: fixed;top: 0;left: 0;  box-shadow: 0 0 5px rgba(0,0,0, 0.2);border-bottom:1px solid #e3e3e3\9; z-index: 99999;} 
.nav-wrap ul {padding: 0;margin: 0 auto; width: 1068px; display: block; border-bottom: 2px solid #eee;}
.nav-wrap.navFix ul{ border-bottom: 0;}
.nav-wrap li { display: inline-block; text-align: left;height: 50px; line-height: 50px; float: left;}
.nav-wrap li a {display: block;padding: 0 20px;font-size:16px; color: #333; text-decoration: none;}
.nav-wrap li a:hover{color: #4680d1;}
.nav-wrap li a.active {border-bottom:2px solid #AF4CB1;color: #AF4CB1;}
.nav-mobile {display: none;font-weight: bold;width: 100%;}
.click-me {width: 150px;height: 30px; background: #4680d1;color: white; text-align: center;line-height: 30px;}
.click-me a {display: block;color: white;}


.sc1 h1,.sc2 h2,.sc3 h3,.sc4 h4,.sc5 h5,.vote h6{font-size:28px;color: #333;font-weight: 100;margin: 0.4em 0;}
.borderBottom{border-bottom: 2px solid #AF4CB1;width: 10%;margin:2% auto;}
.width756{width: 756px;margin: 0 auto;text-indent: 2em;text-align: center;}
.sc1 p,.sc3 p,.sc5 p,.vote p{line-height: 186%;}
.sc1 table{border:1px solid #E1DDD5;}
.sc1 a.btn{display: block;width: 20%;padding: 1% 4%;color: #fff;font-size: 18px;background: #972F99;margin: 3% auto;-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px;white-space: nowrap;}

.slideTxtBox{ width:722px;margin: 0 auto;text-align:left;}
.slideTxtBox .hd{background:#f4f4f4; padding:0 10px 0 20px;margin-top: 3%;border-top: 2px solid #E1DDD5;position:relative; }
.slideTxtBox .hd ul{ float:left;  position:absolute; left:20px; top:-1px; height:32px;}
.slideTxtBox .hd ul li{ float:left;width: 234px; padding:3% 0;text-align: center;font-size: 16px;cursor:pointer;  }
.slideTxtBox .hd ul li.on{color: #972f99;border-top:2px solid #972f99; }
.slideTxtBox .bd ul{zoom:1;}
.slideTxtBox .bd li{float: left;}
.slideTxtBox .bd li:first-child{width: 268px;}
.slideTxtBox .bd .bdLi{width: 454px;padding-top: 2%;}
.slideTxtBox .bd .bd-tit{margin-bottom: 2%;}
.slideTxtBox .bd .bd-tit span{display:inline-block;padding-top:1%;padding-left:6px ;font-size: 20px;color: #972f99}
.slideTxtBox .bd li p{line-height: 30px;}
.slideTxtBox .bd li p i{display: inline-block;width: 12px;height: 12px;background: #fff;border:2px solid #DC9F47;vertical-align: middle;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.slideTxtBox .bd li p span{padding-left: 3%;}
.slideTxtBox .bd .bdLi a.btn{display: inline-block;padding: 3px 13px;border: 1px solid #DD9A38;color: #DD9A38;margin: 3% 0 0 7%;cursor: pointer;}
.slideTxtBox .bd .bdLi a.btn:hover{background: #DD9A38;color: #fff;}

/*轮播图 开始*/
#gla{
	
	overflow:hidden;
	margin:15px auto 20px auto;
	position:relative;
	height:450px;
}
.bac{
	position:absolute;
	bottom:0;
	left:50px;
}
#gla_box{
	width:642px;
	margin:auto;
}
.gla_inbox{
	overflow:hidden;
	position:relative;
}
.gla_inbox p{font-size: 14px;color: #666;text-align: left;padding: 10px;line-height: 20px;}
.gla_inbox p span{color: #972f99;font-size: 16px;}
.gla_inbox img{
	width:100%;
	height:100%;
}
.roundabout-holder {
	height: 404px;
	width:642px;
}
.roundabout-moveable-item {
	display:block;
	height: 456px;
	width: 642px;;
	cursor: pointer;
	background: #FEFCF6;
}
.roundabout-in-focus {
	cursor: auto;
}
/*轮播图 结束*/
.sc4 .box{text-align: right;}
.sc4 .box .box-cont{float: left;width: 416px;box-sizing: border-box;text-align: left;}
.sc4 .box .box-cont .pic-txt{height: 100px;margin-bottom: 4%;padding-bottom: 4%;border-bottom: 1px solid #E8E5DE;}
.sc4 .box .box-cont .pic-txt div{margin-right: 15px;float: left;}
.sc4 .box .box-cont .pic-txt h6{font: 400 16px/22px "microsoft yahei";margin: 0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.sc4 .box .box-cont .pic-txt h6 a{color: #333;}
.sc4 .box .box-cont .pic-txt p{padding-top: 5px;clear: none;color: #666;}
.sc4 .box dl{padding-left: 18px;margin-left: 6px;line-height: 28px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;position: relative;}
.sc4 .box dl:after{content: "";background: #972F99;width:3px;height:3px;position: absolute;left: 0;top: 50%;}
.sc4 .box dl dt{float: left;}
.sc4 .box dl dt a{color: #666;}
.sc4 .box dl dd{float: right;color: #999;}

.sc5 .content{height: 270px;}
.sc5 .content .cont-box{width: 100%;height: 197px;border: 1px solid #E8E5DE;box-sizing: border-box;}
.sc5 .content .cont-box .text{width: 96.6%;height: 86.9%;padding: 5px 10px;color: #999;resize: none;border: none;outline: none;background: none;}
.sc5 .tools-box{text-align: right;margin-top: 3%;}
.sc5 .tools-box .submit-btn input{padding: 1.3% 4%;font-size: 14px;color:#fff;cursor: pointer;border: none;outline: none;background: #972F99;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.sc5 .comments{border: 1px solid #EAE7DF;padding: 30px 22px;}
.sc5 .comments .comments-cont{border-bottom: 1px solid #EAE7DF;padding-bottom: 2%;margin-bottom: 2%;}
.sc5 .comments .comments-cont:last-child{border-bottom: none !important;margin-bottom: 0 !important;}
.sc5 .comments .head-face{width: 10%;height: 86px;float: left;text-align: center;}
.sc5 .comments .comments-c{width: 86%;height: 86px;margin:0 0.5em;float: right;box-sizing: border-box;}
.sc5 .comments .comments-c .author{text-align: right;padding-bottom: 3px;}
.sc5 .comments .comments-c .author p{float: left;font-size: 16px;color: #333;}
.sc5 .comments .comments-c .author p img{vertical-align: middle;}
.sc5 .comments .comments-c .author span{display: inline-block;padding-top: 6px;color: #999;}
.sc5 .comments .comments-c > p{text-align: left;line-height: 20px;color: #666;}

/*demo2*/
.demo2{margin-top: 2%;margin-bottom: 3%;}
.demospan{
	display: inline-block;
	width: 25px;
	height: 24px;
	/*float: left;*/	
	cursor: pointer;
	text-align: center;
	margin-right: 10px;
	background-image: url(../image/and/radio1.jpg);
	background-repeat: no-repeat;
	background-position: -24px 0;
}
.demo21{
	opacity: 0;
	cursor: pointer;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
}
.on{
	background-position: 0 0;
}

a.vote-btn{background: #DD9A38;}
a.vote-btn{display: inline-block;margin: 3% 0;color: #fff;padding: 1.5% 11%;font-size: 16px;-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px;cursor: pointer;}
.vote dl{width: 600px;margin: 6% auto 3% auto;}
.vote dl dt{float: left;width: 155px;display: inline-block;color: #666;font-size: 16px;text-align: left;}
.vote dl dd{ display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;}

/*进度条*/
.skillbar {
	position:relative;
	display:inline-block;
	margin-top: 6px;
	margin-bottom:15px;
	width:80%;
	border: 1px solid #E1DBC7;
	height:10px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-transition:0.4s linear;
	-moz-transition:0.4s linear;
	-ms-transition:0.4s linear;
	-o-transition:0.4s linear;
	transition:0.4s linear;
	-webkit-transition-property:width, background-color;
	-moz-transition-property:width, background-color;
	-ms-transition-property:width, background-color;
	-o-transition-property:width, background-color;
	transition-property:width, background-color;
}


.skillbar-bar {
	height:10px;
	width:0px;
	background:#FEFCF6;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.skill-bar-percent {
	position:absolute;
	right:-30%;
	top:0;
	font-size:30px;
	/*height:10px;*/
	line-height:10px;
	color:#ffffff;
	color:rgba(0, 0, 0, 0.4);
	font-family: "微软雅黑";
}

#footer { width: 100%; height: 195px; background-color: #CC3333; margin-bottom: -53px;clear:both; font-weight:100; font-family:microsoft yahei;}
.footericonbg { background-image: url(../image/footerlbg.jpg); width: 100%; height: 18px; }
.footer-content { width: 980px; margin: 10px auto; border-bottom: #CC3300 solid 1px; border-top: #CC3300 solid 1px; text-align: left; font-size: 12px; color: #d0c4d0; line-height: 22px; padding: 5px 0 5px 0; }
.footer-content a { color: #d1c3d1; line-height: 165%; font-size: 12px; padding: 0 20px 0 20px; }
.footer-copyright { width: 980px; margin: 0 auto; color: #d1c3d1; line-height: 175%; font-size: 12px; text-align: left; padding-left: 32px; }
.footer-copyright a { color: #d1c3d1; line-height: 165%; font-size: 12px; }
.jybox { width: 100%; height: 53px; position: fixed; bottom: 0; left: 0; z-index: 300; _position: absolute; _bottom: auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
}
.jycon { position: relative; left: 0; top: 0; z-index: 301; width: 1000px; height: 53px; margin: 0 auto; }
.jyleft { display: inline-block; width: 215px; float: left; margin-left: 5px; _margin-left: 0px; }
.jyleft p { font-size: 40px; color: #FFF; font-family: "黑体", Verdana, Geneva, sans-serif; font-weight: bold; }
.jyright { display: inline-block; float: left; width: 775px; height: 53px; padding: 0 0 0 1px; line-height: 53px; margin-top: 0px; _padding-left: -3px; }
.jyright1 { float: left; width: 580px; height: 53px; padding: 5px 0 0 1px; line-height: 53px; margin-top: 0px; }
.jybg { background: #361b37; background-image: url(../image/footerbg.jpg); position: absolute; top: 0; left: 0; width: 100%; height: 53px; z-index: 298; filter: alpha(opacity=80); -moz-opacity: .80; opacity: 0.8; }

.floating_ck{position:fixed;right:20px;top:30%;}
.floating_ck dl dd{position:relative;z-index:1;width:60px;height:60px;margin-bottom:6px;background-color:#CC3300;border-bottom:solid 1px #CC3300;text-align:center;font-family: microsoft yahei;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;}
.floating_ck dl dd:hover{background-color:#CC3300;border-bottom:solid 1px #CC3300;}
.floating_ck dl dd:hover .floating_left{display:block;}
.consult{background-image:url(http://www.vagehome.com/vageimages/aside_zixun.png); position:relative; z-index:1;}
.words{background-image:url(http://www.vagehome.com/vageimages/aside_canguan.png);}
.quote{background-image:url(http://www.vagehome.com/vageimages/aside_rexian.png);}
.qrcord{background-image:url(http://www.vagehome.com/vageimages/aside_weixin.png);}
.return{background-image:url(http://www.vagehome.com/vageimages/side_top.png);}
.floating_ck dd span{color:#fff;display:block;padding-top:40px;font-size:12px;}
.floating_left{position:absolute;left:-160px;top:0px;width:160px;height:60px;background-color:#CC3300;border-bottom:solid 1px #CC3300;display:none;}
.floating_left a{color:#fff;line-height:47px;}
.floating_ewm{height:247px;top:-180px;}
.floating_ewm i{background-image:url(../image/and/weixin_img2.png);display:block;width:145px;height:145px;margin:auto;margin-top:7px;}
.floating_ewm p{color:#fff;margin-top:5px;}
.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}
.floating_ewm .qrcord_p02{font-size:18px;}
.consult .shuzi{ width:26px; height:16px; position:absolute; right:3px; top:1px;color:#fff; font-size:12px; text-align:center; line-height:16px;border-radius:14px; -moz-border-radius:14px; -webkit-border-radius:14px;
background:#e7297c;behavior: url(../image/and/ie-css3.htc);			
}

/* Rectangle Out */
a.hvr-rectangle-out {
  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;
  color: #fff;
}
a.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #AD2CAD;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  border-radius: 22px;
  -webkit-transform: scale(0);
  transform: scale(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;
}
a.hvr-rectangle-out:hover,a.hvr-rectangle-out:focus,a.hvr-rectangle-out:active {
  color: white;
}
a.hvr-rectangle-out:hover:before,a.hvr-rectangle-out:focus:before,a.hvr-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.transition{
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;	
	transition:all .3s;
}