@charset "gb2312";
*{margin:0;padding:0;list-style:none;border:none;font-family:'Microsoft YaHei','STHeiti','MingLiu'; }
html{font-size: 16px;font-family:'Microsoft YaHei';}
body{max-width:640px;min-width:320px; font-size:75%; margin:0 auto; overflow-x: hidden; position: static !important;}
*{-webkit-box-sizing:border-box;box-sizing:border-box;}

@media screen and (min-width:320px) {
html {
font-size:0.75rem;-webkit-text-size-adjust:none;
}
}
@media screen and (min-width:400px) {
html {
font-size:0.875rem;
}
}
@media screen and (min-width:480px) {
html {
font-size:1rem;
}
}
@media screen and (min-width:560px) {
html {
font-size:1rem;
}
}
@media screen and (min-width:600px) {
html {
font-size:1.125rem;
}
}
@media screen and (min-width:640px) {
html {
font-size:1.25rem;
}
}
img{border:0;width:100%; vertical-align: middle;}
a{text-decoration:none;}
.left{ float:left;}
.right{ float:right;}

.clear{ font-size:0; line-height:0; clear:both; overflow:hidden; zoom:1;}
.blank1{ height:10px; font-size:0; line-height:0; clear:both; overflow:hidden;}
.w600{width:93.75%; height:auto; margin:0 auto;}
/*top*/
.top{width:100%; }
.logo{width:100%; padding:2% 0; background:#9e2485; display:inline-table; max-width:640px; min-width:320px; z-index:12; top:0; position:relative;}
.logo span{display:block; cursor:pointer; float:left; width:12.5%; text-align:center; background:url(../images/sytb.png) center right no-repeat; background-size:80%; height:3rem;}
.logo span img{ width:50%; padding-top:10%;}
.logo span.top_qih{background:url(../images/top_qih.png) center center no-repeat; background-size:50%;}
.logo a.top_sy{display:block; cursor:pointer; float:left; width:12.5%; text-align:center; background:url(../images/top_sy.png) center center no-repeat; background-size:64%; height:2.6rem;}
.logo a.log{width:75%; text-align:center; display:block; float:left; }
.logo a.log img{width:70%; }
.logo a.top_dh{width:12.5%; float:right; text-align:center;}
.logo a.top_dh img{width:60%; padding-top:10%; -moz-animation: myfirst 2s infinite; -webkit-animation: myfirst 2s infinite; -o-animation: myfirst 2s infinite; animation: myfirst 0.5s infinite;}
.menu{width:90px; position:absolute; left:0; top:100%; display:none; background:rgba(132,13,107,0.86); z-index:1;}
.menu ul li{width:100%; height:42px; line-height:42px; border-bottom:1px solid #A75395; padding:0 3%; text-align:center;}
.menu ul li a{font-size:16px; color:#fff; }
.menu ul li a span{float:right; font-weight:bold; font-size:20px; font-family:'宋体'; background:none;}
.menu div.nav_sy{width:100%; height:50px; line-height:40px; text-align:center;}
.menu div.nav_sy a{font-size:18px; color:#fff;}
.menu div.nav_sy a img{ font-size:24px; padding-left:6px; width:32px;}

/*导航*/
.ml_navc{width: 60px;height: 50px;background: url("../images/navs.png") no-repeat 0 -180px;background-size: 60px;position:fixed;left:5px;bottom:50px;z-index:100001;
    transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
}
.ml_nav_screen { display:none; width:100%; height:2000px;position:fixed;left:0;top:0;z-index:10003; background:rgba(0,0,0,.3);}
.ml_navs{position:fixed;width: 110px;height: 100%;z-index: 500;font-size: 16px;color: #bbb8cc;border-right: 1px solid #151620;left:-2000px;top: 0; text-align:center;z-index:100002;transition: .8s;-moz-transition: .8s;-webkit-transition: .8s;-o-transition: .8s;background: -ms-linear-gradient(top, #1d1e2e,  #252634);background:-moz-linear-gradient(top,#1d1e2e,#252634);background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#1d1e2e), to(#252634));background: -webkit-linear-gradient(top, #1d1e2e, #252634);background: -o-linear-gradient(top, #1d1e2e, #252634);-moz-box-shadow:0 0 5px #151620;-webkit-box-shadow:0 0 5px #151620;box-shadow:0 0 5px #151620;}
.ml_navs .nav{height: 16.6%;border-bottom: 1px solid #151620;}
.ml_navs .nav a { display:block; width:100%; height:100%;color: #bbb8cc;}
.ml_navs .serv{border-bottom: none;}
.ml_navs .item{position: relative;}

.ml_navs .pinpai,.ml_navs .expert,.ml_navs .project,.ml_navs .activity,.ml_navs .preferential,.ml_navs .service{width: 60px;height: 30px;margin-left: 25px;}
.ml_navs .pinpai{background: url("../images/navs.png") no-repeat 0 0;background-size: 60px;}
.ml_navs .expert{background: url("../images/navs.png") no-repeat 0 -30px;background-size: 60px;}
.ml_navs .project{background: url("../images/navs.png") no-repeat 0 -60px;background-size: 60px;}
.ml_navs .activity{background: url("../images/navs.png") no-repeat 0 -90px;background-size: 60px;}
.ml_navs .preferential{background: url("../images/navs.png") no-repeat 0 -120px;background-size: 60px;}
.ml_navs .service{background: url("../images/navs.png") no-repeat 0 -150px;background-size: 60px;}

/*footer*/
.ft_zx{width:100%; display:inline-block; text-align:center; margin:5% 0;}
.ft_zx li{width:23%; height:7.3rem; margin:0 3%; display:inline-block;} 
.ft_zx li a{display:block; height:7.3rem; padding:18% 0; text-align:center; background:url(../images/index_btg.png) center center no-repeat; color:#fff; font-size:1.1rem; background-size:100%;}
.ft_zx li a img{width:35%;}
.foot_rb{width:100%; margin-bottom:4%;}
.foot_rb a{ margin-top:5%; display:inline-block;}
.foot_rb p{padding-top:3%; font-size:1.4rem; color:#9e2485; text-align:center;}
.footer{width:100%; padding:2% 4% 10% 4%; background:#9e2485;}
.foot_dt{width:100%; display:inline-block; margin-bottom:5%;}
.foot_dt li{width:25%; font-size:18px; text-align:center; border-right:2px solid #fff; color:#fff; float:left;}
.foot_dt li a{color:#fff; }
.foot_dt li:nth-child(4n){border-right:0;}
.footer p{ font-size:16px; color:#fff; text-align:center; line-height:220%; }
.footer p a{color:#fff; font-weight:bold; font-size:18px;}
.footer p img{width:18px; margin-right:5px;}

/*公共列表*/
.box_tit{width:100%; text-align:center; margin:5% 0; position:relative;}
.box_tit h2{font-size:1.7rem; color:#9e2586; padding:2% 5%; display:inline-block; border:1px solid #e5e5e5; border-radius:5px; font-weight:normal;}
.box_tit p{position:absolute; left:0; top:82%; text-align:center; width:100%;}
.box_tit font{ font-size:0.6rem; text-transform:uppercase; color:#999; padding:0 2%; background:#fff;}

.box_zx{width:100%; margin-top:6%; margin-bottom:4%; text-align:center;}
.box_zx a{text-align:center; height:3.4rem; color:#333; font-size:1.2rem; padding:3% 22% 3% 4%; border-radius:1.7rem; border:1px solid #f0981c; background:url(../images/box_zx.jpg) top right no-repeat; background-size:contain;}
.box_zx1{width:100%; margin-top:6%; margin-bottom:4%; text-align:center;}
.box_zx1 img{width:78.5%;}

.box_zx2{width:78%; height:2.5rem; margin:0 auto; margin-top:4%; margin-bottom:4%; text-align:center;}
.box_zx2 a{ height:2.5rem; line-height:2.4rem;}
.box_zx2 a font{display:block; width:71%; height:100%; border:1px solid #F0981C; text-align:center; color:#F0981C; font-size:1.1rem; float:left;}
.box_zx2 a span{display:block; width:29%; height:100%; background:#F0981C; text-align:center; color:#fff; font-size:1.1rem; float:right;}
/*人流*/
.box1_dd{width:100%; height:6.4rem; margin:4% 0; position:relative; padding-left:3%;}
.box1_dd h2{width:8%; height:4rem; line-height:120%;  font-size:1.5rem; color:#9e2586; position:absolute; left:1%; top:0.9rem; font-weight:normal; background:#fff;}
.box1_dd p{width:100%; height:100%; border:1px solid #e5e5e5; padding:2% 2% 2% 6%; font-size:1rem; color:#666; line-height:150%; text-indent:2em;}
.box1_dd p font{color:#9e2586; text-decoration:underline;}
.box1{width:100%;}
.box1 p{width:100%; display:block;}
.box1 p a{display:block; height:3rem; line-height:3rem; text-align:center; background:#efefef; color:#333; font-size:1rem; margin-right:1%; margin-bottom:1%; float:left;}
.box1 p a:nth-child(1n){width:33%;}
.box1 p a:nth-child(2n){width:41%;}
.box1 p a:nth-child(3n){width:24%; margin-right:0;}
.box1 p a:nth-child(4n){width:41%;}
.box1 p a:nth-child(5n){width:33%;}
.box1 p a:nth-child(6n){width:24%; margin-right:0;}
.box1 p a:nth-child(7n){width:24%;}
.box1 p a:nth-child(8n){width:33%;}
.box1 p a:nth-child(9n){width:41%; margin-right:0;}
.box1 p a:nth-child(10n){width:33%;}
.box1 p a:nth-child(11n){width:41%;}
.box1 p a:nth-child(12n){width:24%; margin-right:0;}
.box2{width:100%;}
.box2 ul{display:inline-block;width:100%;}
.box2 ul li{width:48%; height:15.6rem; float:left; margin-right:4%; margin-bottom:4%; }
.box2 ul li:nth-child(2n){margin-right:0;}
.box2 ul li:nth-child(4n){margin-right:0;}
.box2 ul li p{font-size:1rem; border:1px solid #e5e5e5; padding:2% 4% 0 4%; height:10rem; color:#666; line-height:150%;}
.box2 ul li span{display:block; height:2.1rem; line-height:2rem; text-align:center;  border-bottom:1px dashed #e5e5e5; font-size:1.2rem; color:#333; margin-bottom:4%;}
.box2 ul li p a{color:#fe9500;}
.box3{width:100%; margin-bottom:4%;}
.box3 dl{width:100%; margin-top:3%;}
.box3 dl dt{width:100%; height:2.2rem; line-height:2.2rem; font-size:1.4rem; background:url(../images/box3_line.jpg) left center repeat-x; margin-bottom:2%;}
.box3 dl dt span{background:#fff; padding-right:3%; color:#9e2586;}
.box3 dl dd{width:100%;}
.box3 dl dd p{width:100%; display:inline-block; padding:3% 0; margin-bottom:3%;}
.box3 dl dd p font{display:block; width:22%; float:left; text-align:center; font-size:3rem; padding-top:2%;}
.box3 dl dd p span{font-size:1rem; color:#4d4d4d; line-height:140%; display:block; float:right; width:78%; border-left:1px solid #dcdcdc; padding:0 3%;}
.box3 dl dd p.box3_p1{background:url(../images/box3_li1.jpg) right bottom no-repeat #f5f5f5; background-size:11%;}
.box3 dl dd p.box3_p1 font{color:#2daac5;}
.box3 dl dd p.box3_p2{background:url(../images/box3_li2.jpg) right bottom no-repeat #f5f5f5; background-size:11%;}
.box3 dl dd p.box3_p2 font{color:#f0981c;}
.box3 dl dd p.box3_p3{background:url(../images/box3_li3.jpg) right bottom no-repeat #f5f5f5; background-size:11%;}
.box3 dl dd p.box3_p3 font{color:#9e2586;}
.box3 dl i{display:block; margin-top:3%; text-align:center;}
.box3 dl i img{width:84%;}
.box4{width:100%; margin-top:5%;}
.box4 dl{width:100%;}
.box4 dl dt{width:100%; height:2rem; border-bottom:1px solid #e5e5e5; margin:3% 0; font-size:1rem; color:#666;}
.box4 dl dt font{padding:1%; background:#9e2586; color:#fff; margin-right:1%;}
.box4 dl dd{width:100%; }
.box4 dl dd h2{font-size:1.4rem; padding-left:2%; line-height:100%; color:#333; border-left:3px solid #9e2586; margin:4% 0; font-weight:normal;}
.box4 dl dd span{display:block; width:100%; height:4.4rem; margin-bottom:4%;}
.box4 dl dd span img{width:15%; height:100%; float:left;}
.box4 dl dd span em{display:block; width:85%; float:left; height:100%;  background:#f5f5f5; font-size:1rem; line-height:150%; padding:3%; color:#666; font-style:normal;}
.box4 dl dd ul{display:inline-block; width:100%;}
.box4 dl dd ul li{width:30%; height:14.6rem; float:left; margin-right:5%; margin-bottom:4%; background:url(../images/box5_bg.jpg) no-repeat; background-size:100%;}
.box4 dl dd ul li font{display:block; width:100%; height:4.6rem; text-align:center; font-size:1.2rem; color:#fff; padding-top:28%;}
.box4 dl dd ul li p{width:100%; height:9.7rem; font-size:1rem; color:#666; line-height:150%; padding:4% 9%;}
.box4 dl dd ul li:nth-child(3n){margin-right:0;}
.box4 dl dd ul li:nth-child(4n){margin-left:17.5%; margin-bottom:0;}
.box4 dl dd ul li:nth-child(5n){margin-bottom:0;}

.rl_bz{width:100%; margin-bottom:2%;}
.rl_bz ul{width:100%; display:inline-block;}
.rl_bz ul li{width:49%; margin-right:2%; float:left; margin-bottom:3%;}
.rl_bz ul li span{display:block; width:100%; height:5.9rem; background:#e5e5e5; text-align:center; padding-top:4%; font-size:1rem; color:#333; line-height:140%;}
.rl_bz ul li span img{width:19%;}
.rl_bz ul li p{width:100%; height:7.8rem; padding:3% 4%; border:1px solid #dcdcdc; font-size:1rem; line-height:150%; text-indent:2em; color:#666;}
.rl_bz ul li:nth-child(2n){margin-right:0;}
.rl_bz ul li:nth-child(4n){margin-right:0;}


@media screen and (min-width:320px) {
.footer ul li{ font-size:16px;}
.foot_wx a{font-size:16px;}
}
@media screen and (min-width:400px) {
.footer ul li{ font-size:16px;}
.foot_wx a{font-size:16px;}
}
@media screen and (min-width:480px) {
.footer ul li{ font-size:16px;}
.foot_wx a{font-size:16px;}

}
@media screen and (min-width:560px) {
.footer ul li{ font-size:18px;}
.foot_wx a{font-size:18px;}
}
@media screen and (min-width:600px) {
.footer ul li{ font-size:20px;}
.foot_wx a{font-size:20px;}
}
@media screen and (min-width:640px) {
.footer ul li{ font-size:20px;}
.foot_wx a{font-size:20px;}
}
@keyframes myfirst{
	0% { transform: rotate(30deg); }
	10% { transform: rotate(20deg); }
	20% { transform: rotate(10deg); }
	30% { transform: rotate(8deg); }
	40% { transform: rotate(0deg); }
	50% { transform:rotate(10deg); }
	60% { transform: rotate(0deg); }
	70% { transform: rotate(10deg); }
	80% { transform: rotate(20deg); }
	100% { transform: rotate(10deg); }
}
@-moz-keyframes myfirst{
	0% { transform: rotate(30deg); }
	10% { transform: rotate(20deg); }
	20% { transform: rotate(10deg); }
	30% { transform: rotate(8deg); }
	40% { transform: rotate(0deg); }
	50% { transform:rotate(10deg); }
	60% { transform: rotate(0deg); }
	70% { transform: rotate(10deg); }
	80% { transform: rotate(20deg); }
	100% { transform: rotate(10deg); }
}
@-webkit-keyframes myfirst{
	0% { transform: rotate(30deg); }
	10% { transform: rotate(20deg); }
	20% { transform: rotate(10deg); }
	30% { transform: rotate(8deg); }
	40% { transform: rotate(0deg); }
	50% { transform:rotate(10deg); }
	60% { transform: rotate(0deg); }
	70% { transform: rotate(10deg); }
	80% { transform: rotate(20deg); }
	100% { transform: rotate(10deg); }
}

@-o-keyframes myfirst{
	0% { transform: rotate(30deg); }
	10% { transform: rotate(20deg); }
	20% { transform: rotate(10deg); }
	30% { transform: rotate(8deg); }
	40% { transform: rotate(0deg); }
	50% { transform:rotate(10deg); }
	60% { transform: rotate(0deg); }
	70% { transform: rotate(10deg); }
	80% { transform: rotate(20deg); }
	100% { transform: rotate(10deg); }
}

@keyframes topToBottom{		
	0%	{ right:0%;}
	10%	{ right:0%;}
	100%{ right:100%;}
}
@-webkit-keyframes topToBottom{	
	0%	{ right:0%;}
	10%	{ right:0%;}
	100%{ right:100%;}
}