@charset "utf-8";
/* CSS Document */
/* reset.css */
*html,_html{ background-image:url(about:blank); background-attachment:fixed;}

body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,form,input,textarea,th,td,select { margin:0; padding:0; }
li { list-style:none; vertical-align:top;}
a { color:#898989; text-decoration:none; }
a:hover{ color:#5e1277; text-decoration:none;}
img { border:none; vertical-align:top; }
em { font-style:normal; }
table { border-collapse:collapse; }
a,input,textarea { outline:none; }
textarea { resize:none; overflow:auto; }
html{height:100%;}


.clearfix{ zoom:1;}
.clearfix:after{ content:""; display:block; clear:both;}
.fl{float:left;}
.fr{float:right;}
@font-face {
  font-family: 'Dragon';
  src: url('http://at.alicdn.com/t/font_1414226342_7810667.eot'); /* IE9*/
  src: url('http://at.alicdn.com/t/font_1414226342_7810667.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('http://at.alicdn.com/t/font_1414226342_7810667.woff') format('woff'), /* chrome、firefox */
  url('http://at.alicdn.com/t/font_1414226342_7810667.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('http://at.alicdn.com/t/font_1414226342_7810667.svg#iconfont') format('svg'); /* iOS 4.1- */
}
    
.Dragon{ font-family:"Dragon";font-size: 12px; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display:inline-block;}

body { font: 12px/1.5 "微软雅黑", Arial, \5b8b\4f53; min-width:1140px; min-height:100%; }
 
 
.W1140{ width:1140px;}
.center{ margin:0 auto;}


.W1100{ width:1100px; margin-left:auto; margin-right:auto;}



@-webkit-keyframes fadeinT{
    0%{opacity:0;-webkit-transform:translateY(-100px);}
    100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes fadeinT{
    0%{opacity:0;-moz-transform:translateY(-100px);}
    100%{opacity:1;-moz-transform:translateY(0);}
}
@-ms-keyframes fadeinT{
    0%{opacity:0;-ms-transform:translateY(-100px);}
    100%{opacity:1;-ms-transform:translateY(0);}
}
@keyframes fadeinT{
    0%{opacity:0;transform:translateY(-100px);}
    100%{opacity:1;transform:translateY(0);}
}


.a-fadeinT{-webkit-animation:fadeinT 1s ease;-webkit-animation-fill-mode: backwards;-moz-animation:fadeinT 1s ease;-moz-animation-fill-mode: backwards;-o-animation:fadeinT 1s ease;-o-animation-fill-mode: backwards;animation:fadeinT 1s ease;animation-fill-mode: backwards;}

/* banner */
.m-banner{ width:100%; height:580px; overflow:hidden; background:url(../images/banner_bg.jpg) no-repeat center top;} 
	.banner{ position:relative; height:580px; width:1100px; margin-left:auto; margin-right:auto;}
	.banner .ban{ position:absolute;}
	.banner .ban1{ top:165px; left:470px; -webkit-animation-delay: .1s;-moz-animation-delay: .1s;-o-animation-delay:.1s; animation-delay:.1s;}
	.banner .ban2{ top:316px;left:500px;-webkit-animation-delay: 0.5s;-moz-animation-delay:0.5s;-o-animation-delay:0.5s; animation-delay:.5s; }
	.banner .ban3{ bottom:96px; left:718px;-webkit-animation-delay:1s;-moz-animation-delay:1s;-o-animation-delay:1s; animation-delay:1s;}
	.banner .ban3 a{ display:block; width:93px; height:93px; background:url(../images/adbtn_a.png) no-repeat center;}
	.banner .ban3 a:hover{ background:url(../images/adbtn_b.png) no-repeat center;}

/* subnav */
.subnav{position:absolute; top:580px; width:100%; height:48px; overflow:hidden; background-color:#fff;}
	.subnav ul{ width:1100px; margin-left:auto; margin-right:auto;}
	.subnav li{ float:left; border-left:1px dashed #959595; border-right:1px dashed #959595; margin-left:-1px; position:relative;}
	.subnav li a{ display:block; height:48px; padding:0 42px; font-size:18px; line-height:48px; font-family:"微软雅黑", Arial, \5b8b\4f53;}
	.subnav li a:hover,.subnav li a.active{ background-color:#ff357e; color:#fff;}

/* sec1 */
.g-sec1{ padding:20px 0 0; margin-top:48px; border-top:2px solid #f3f3f3; background:url(../images/bg01.gif) repeat;}
	.g-sec1 h2{ font-size:30px; line-height:1.1; font-weight: 500; text-align:center;}
	.m-sec1{ padding:50px 0 30px;}
	.m-sec1 .side-l{ float:left; width:585px; padding:0 15px; box-sizing:border-box;}
	.m-sec1 .side-l h4{ font-size:18px; line-height:1.6; color:#737373;}
	.m-sec1 .side-l p{ padding:25px 0 0; font-size:14px; line-height:1.6; color:#737373;}
	.m-sec1 .side-l a{ display:block; margin-top:25px;}
	.m-sec1 .side-r{ float:right; width:487px; text-align:center; box-sizing:border-box;}

/* sec2 */
.g-sec2{ background:url(../images/bg02.gif) repeat;}
	.m-sec2-1 h2,.m-sec2-2 h2{ padding:20px 0 25px; font-size:30px; line-height:1.1; font-weight:500; color:#ff4e96; text-align:center;}
	/* m-sec2-1 */
	.m-sec2-1 p{ padding:0 60px; font-size:14px; line-height:1.6; color:#2e2e2e; text-indent:2em;}
	.m-sec2-1 li{ float:left; width:196px; margin:30px 84px 40px;}
	.m-sec2-1 a.u-btn{ display:block; width:196px; height:196px;}
	.m-sec2-1 a.u-btn img{ display:none;}
	.m-sec2-1 a.u-btn:hover img{ display:block;}
	.m-sec2-1 a.u-btn1{ background:url(../images/shenme1.png) no-repeat;}
	.m-sec2-1 a.u-btn2{ background:url(../images/shenme2.png) no-repeat;}
	.m-sec2-1 a.u-btn3{ background:url(../images/shenme3.png) no-repeat;}
	/* m-sec2-2 */
	.m-sec2-2 li{ float:left; margin:0 16px 50px; display:inline;}
	.m-sec2-2 .m-affect{ position:relative; width:331px; height:391px; padding:80px 30px 0; box-sizing:border-box; background:url(../images/panel-bg.png) no-repeat;}
	.m-sec2-2 .m-affect dt{ font-size:18px; line-height:1.6; color:#2e2e2e; text-align:center;}
	.m-sec2-2 .m-affect dt em{ padding-right:8px; font-style:italic;font-family:"Lucida Calligraphy";}
	.m-sec2-2 .m-affect dd{ margin-bottom:10px; font-size:14px; line-height:1.6; color:#2e2e2e; text-indent:2em;}
	.m-sec2-2 .m-affect p span{ display:inline-block; margin:1px 1px 2px; padding:0 3px; border:1px solid #ccc; font-size:14px; line-height:24px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-transition:all .2s; -moz-transition:all .2s; -o-transition:all .2s; transition:all .2s; }
	.m-sec2-2 .m-affect p span:hover{ background:#ff5197; color:#fff;}
	.m-sec2-2 .m-affect a{ position:absolute; bottom:42px; left:71px; width:188px; height:34px; font-size:16px; line-height:24px; color:#fff; text-align:center; background:url(../images/panel-btn.png) no-repeat;}
	
/* sec3 */
.g-sec3 { padding:20px 0 50px; background:url(../images/bg03.gif) repeat;}
	.m-sec3 h2{ font-size:30px; line-height:1.1; font-weight: 500; text-align:center;}
	.m-sec3 li{ float:left; width:170px; margin:30px 6px 0; overflow:hidden;}
	.m-sec3 li .m-adv{ position:relative; width:170px; height:170px; text-align:center; background:url(../images/cl_bg2.png) no-repeat; box-sizing:border-box;}
	.m-sec3 li .m-adv:hover{ background:url(../images/cl_bg3.png) no-repeat;}
	.m-sec3 li .m-adv h3{ padding:65px 0 0; font-size:18px; line-height:1.6; color:#2e2e2e; text-align:center; font-weight:normal;}
	.m-sec3 li .m-adv h3 em{ padding-right:8px; font-style:italic;font-family:"Lucida Calligraphy";}
	.m-sec3 li .m-adv a{ position:absolute; bottom:35px; left:70px; width:30px; height:22px;}
	.m-sec3 li h4{ padding:25px 0 15px; font-size:16px; line-height:1.6; color:#2e2e2e; text-align:center; font-weight:normal;}
	.m-sec3 li p{ padding:0 10px 10px; font-size:14px; line-height:1.6; color:#2e2e2e;}

/* sec4 */
.g-sec4{ position:relative; width:100%; height:550px; overflow:hidden; background:url(../images/bg04.gif) repeat;}
.g-sec4 h2{ padding:20px 0; font-size:40px; line-height:1.1; font-weight: 500; text-align:center; }
.g-sec4-viewport li {height:550px;}
.g-sec4-direction-nav li {width:44px;height:44px;}
.g-sec4-direction-nav a{display:block;width:44px;height:44px;position:absolute;top:50%;margin-top:-22px;z-index:10; background:url(../images/icon.png) no-repeat 9999px 9999px;}
.g-sec4-direction-nav a.g-sec4-prev { background-position:0 0; left:200px;}
.g-sec4-direction-nav a.g-sec4-prev:hover { background-position:-144px 0;}
.g-sec4-direction-nav a.g-sec4-next { background-position:-77px 0; right:200px;}
.g-sec4-direction-nav a.g-sec4-next:hover { background-position:-197px 0;}
.zj1 { background:url(../images/zj1.jpg) no-repeat center top;}
.zj2 { background:url(../images/zj2.jpg) no-repeat center top;}
.g-sec4 .inner{ width:530px; padding-left:100px;}
.g-sec4 .inner h3{ padding:20px 0; font-size:30px; line-height:1.1; font-weight: 500; color:#2e2e2e; }
.g-sec4 .inner p{ padding-bottom:20px; font-size:14px; line-height:24px;} 
.g-sec4 .inner a{ display:block; width:216px; height:55px; border:1px solid #d50d4a; font-size:24px; line-height:54px; color:#fff; text-align:center; border-radius:10px; background:#ff357e;}
.g-sec4 .inner a:hover{ background:#c21855;}

/* sec5 */
.g-sec5{ background:#ffefef;}
	.u-biankuang{ width:100%; height:5px; background:url(../images/biankuang.png) repeat-x;}
	.m-sec5 h2{ padding:22px 0 30px; font-size:30px; line-height:1.1; font-weight: 500; text-align:center;}
	.m-sec5 li{ float:left; width:368px; margin:0 6px 50px; display:inline;}
	.m-sec5 li span{ display:block; margin-top:20px; font-size:16px; line-height:1.6; color:#2e2e2e;text-align:center;}