@charset "utf-8";
/* CSS Document */
body,span,div,ul,li,ol,dl,dt,dd,a,img,input,textarea,h1,h2,h3,h4,h5,h6,p,form,em,b,u,i{ padding:0px; margin:0px; border:0px; list-style:none;}
body{ font-size:14px; color:#303030; font-family:'PingFang SC','Helvetica Neue',Helvetica,STHeiti,'Microsoft YaHei',Arial,Verdana,sans-serif; -webkit-font-smoothing:antialiased;}
input,textarea,button,select{ font-size:13px; font-family:'PingFang SC','Helvetica Neue',Helvetica,STHeiti,'Microsoft YaHei', Arial,Verdana,sans-serif; -webkit-font-smoothing:antialiased; outline:none;}
h1,h2,h3,h4,h5,h6{ font-weight: normal;}
img{ vertical-align:middle;}
i,em{ font-style:normal;}
a{ bblr:expression(this.onFocus=this.blur()); outline-style:none; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;}
a:visited,a:link{ text-decoration:none;}
a:hover{ color:#fff; text-decoration:none;}
a:active{}

/*IconFont*/
@font-face {
	font-family: 'iconfont';
    src: url('../font/iconfont.eot'); /* IE9*/
    src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{ font-family:iconfont;}

/*清浮动*/
.clearfix:after{ content:""; display:block; clear:both;}
.clearfix{ zoom:1;}
/*鼠标字标的选择*/
::selection { background:#00c3b3; color:#fff;}
::-webkit-selection { background:#00c3b3; color:#fff;}
::-moz-selection { background:#00c3b3; color:#fff;}
::-ms-selection { background:#00c3b3; color:#fff;}
::-o-selection { background:#00c3b3; color:#fff;}
/*高亮输入框*/
.outlineBox{ transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s;}
.outlineBox:focus{ border-color:#66afe9 !important; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6); -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6); -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6); -ms-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6); -o-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);}

.no-data{ text-align: center; padding: 20px 0 60px; line-height: 24px; }

/*warpper*/
.warpper{ max-width:1600px; padding:0px 95px; margin:0px auto; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}

/*header*/
.header{ position:fixed; z-index:100; top:0px; left:0px; width:100%; height:76px; background:none; background:rgba(0,0,0,0); transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s;}
.headerOn,.headerHover{ background:#000; background:rgba(0,0,0,0.7);}
.header .logo{ float:left; padding-top:16px; width:180px;}
.header .navBtn{ display:none; float:right; margin-top:8px; padding:5px 10px 9px; background:none; border:1px solid transparent; cursor:pointer; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px;}
.header .navBtn:hover,.header .navBtn.navBtnCur{ background:rgba(0,0,0,0.2);}
.header .navBtn span{ display:block; margin-top:4px; width:22px; height:2px; background:#fff; border-radius:1px; -webkit-border-radius:1px; -moz-border-radius:1px; -ms-border-radius:1px; -o-border-radius:1px;}
.header .nav{ display:block; float:right; padding-top:17px;}
.header .nav li{ float:left;}
.header .nav a{ display:inline-block; padding:10px 30px; line-height:26px; font-size:16px; color:#fff; opacity:0.6;}
.header .nav a:hover,.header .nav a.hover{ opacity:1;}

/*footer*/
.footer{ padding:20px 0px; background:#333;}
.footer_t_l{ float:left;}
.footer_t_l a{ position:relative; display:inline-block; margin-right:20px; color:#fff; font-size:18px;}
.footer_t_l a:hover{ color:#ff3d58;}
.footer_t_l a div{ display:none; position:absolute; bottom:24px; left:50%; margin-left:-74px; padding:10px; width:128px; height:134px; background:url(../images/footerIcon_ewm_bg.png) no-repeat;}
.footer_t_r{ float:right;}
.footer_t_r span{ display:inline-block; padding:2px 10px 2px 0px; line-height:1.8; color:#fff; color:rgba(255,255,255,0.6); font-size:18px;}
.footer_t_r span a{ color:#fff; color:rgba(255,255,255,0.6);}
.footer_t_r a.btn{ display:inline-block; padding:2px 28px; margin-left:12px; background:#484848; color:#797979; line-height:1.8; font-size:16px; border:1px solid transparent; border-radius:1000px; -webkit-border-radius:1000px; -moz-border-radius:1000px; -ms-border-radius:1000px; -o-border-radius:1000px;}
.footer_t_r a.btn:hover{ background:#ff3d58; color:#fff; border-color:#ff3d58;}
.footer_t_r a.btn i{ position:relative; display:inline-block; margin-left:3px; top:-2px; font-size:12px;}
.footer_b{ padding-top:20px; margin-top:20px; border-top:1px solid #3e3e3e; text-align:center;}
.footer_b h3{ margin:10px 0px 20px; color:#fff; font-size:24px;}
.footer_b p{ color:#696969; font-size:14px; line-height:1.42;}

/*sideBar*/
.sideBar{ display:none; position:fixed; z-index:100; bottom:50px; right:47px; width:40px;}
.sideBar a{ position:relative; margin-top:4px; display:inline-block; width:40px; height:40px; color:#fff; background:#8E6DCD; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px;}
.sideBar a:hover{ background:#8E6DCD;}
.sideBar a i{ display:inline-block; width:100%; height:100%; line-height:40px; text-align:center;}
.sideBar a.icon01 i{ font-size:24px;}
.sideBar a.icon02 i{ font-size:22px; transform:scale(1.4,1); -ms-transform:scale(1.4,1); -webkit-transform:scale(1.4,1); -o-transform:scale(1.4,1); -moz-transform:scale(1.4,1);}
.sideBar a.icon03 i{ font-size:18px;}
.sideBar a div{ position:absolute; top:0px; right:30px; width:0px; height:40px; overflow:hidden; line-height:40px; font-size:16px; white-space:nowrap; text-align:center; background:#8E6DCD; color:#fff; border-radius:10px 0px 0px 10px; -webkit-border-radius:10px 0px 0px 10px; -moz-border-radius:10px 0px 0px 10px; -ms-border-radius:10px 0px 0px 10px; -o-border-radius:10px 0px 0px 10px; transition:width 0.2s ease 0s; -webkit-transition:width 0.2s ease 0s; -moz-transition:width 0.2s ease 0s; -ms-transition:width 0.2s ease 0s; -o-transition:width 0.2s ease 0s;}
.sideBar a:hover div{ width:150px;}
.sideBar .icon03{ background:#e5e5e5;}
.sideBar .icon03 i{ background-position:0px -80px;}
.sideBar .icon03:hover i{ background-position:0px -120px;}

/*================================================================首页Begin===============================================================*/
/* banner */
.BannerArea{ position:relative; width:100%; overflow:hidden;}
.BannerImg{ height:100%;}
.BannerImg ul{ position:absolute; top:0px; left:0px; z-index:1; width:99999px; height:100%; background:#fff;}
.BannerImg li{ position:relative; float:left; width:100%; height:100%;}
.BannerImg .ImgArea{ width:100%; height:100%; background-repeat:no-repeat; background-position:center top; background-size:100% auto; cursor:move;}
.BannerImg .WriArea{ position:absolute; z-index:2; top:50%; left:50%; width:50%; margin-left:-25%; margin-top:-11%; font-size: 50px; color: #fff;}
.BannerImg .LinkArea{ position:absolute; z-index:3; width:100%; height:100%;}
.BannerDot{ position:absolute; z-index:3; bottom:30px; left:50%; width:200px; margin-left:-100px; text-align:center;}
.BannerDot a{ display:inline-block; margin:0px 3px; width:3px; height:3px; overflow:hidden; text-indent:-1000px; background:#fff; opacity:0.8; border-radius:1px; -webkit-border-radius:1px; -moz
border-radius:1px; -ms-border-radius:1px; -o-border-radius:1px; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s;}
.BannerDot a.on{ width:60px;}
.BannerArea .bannerBtnPrev{ left:4%; background:url(../images/banner-arrow-left.png) no-repeat center center;}
.BannerArea .bannerBtnNext{ right:4%; background:url(../images/banner-arrow-right.png) no-repeat center center;}
.BannerArea .bannerBtn{ position:absolute; z-index:4; top:50%; margin-top:-50px; width:50px !important; height:100px; background-size:100%; opacity:0.5;}
.BannerArea .bannerBtn:hover{ opacity:1;}
.BannerArea .bannerBtnBottom{ position:absolute; z-index:5; bottom:90px; left:50%; width:126px; margin-left:-63px; text-align:center; animation:bannerBtnBottom 3s linear infinite; -webkit-animation:bannerBtnBottom 3s linear infinite;}
.BannerArea .bannerBtnBottom span{ display:inline-block; width:63px;}
@keyframes bannerBtnBottom
{
	0% { bottom:90px; opacity:1;}
	50% { bottom:90px; opacity:1;}
	100% { bottom:50px; opacity:0;}
}
@-webkit-keyframes bannerBtnBottom
{
	0% { bottom:90px; opacity:1;}
	50% { bottom:90px; opacity:1;}
	100% { bottom:50px; opacity:0;}
}

/*首页布局*/
.bg-white{ background:#fff;}
.bg-gray{ background:#f6f6f6;}
.bg-line{ width:100%; height:0px; overflow:hidden; border-top:1px solid #ddd;}
.titText{ padding:80px 0px 60px; text-align:center; font-size:42px;}
.titTextXq{ padding-bottom:20px; margin:-20px 0px 10px; line-height:1.5; font-size:14px; text-align:center; color:#a0a0a0;}

/*conBox01*/
.conBox01{ padding-bottom:60px;}
.conBox01 li{ float:left; margin-bottom: 20px; width:25%; text-align:center;}
.conBox01 li div{ overflow:hidden; background:center center; background-size:cover;}
.conBox01 li h5{ padding-top:40px; margin:10px 0px; font-size:24px;}
.conBox01 li p{ padding:0px 10px; line-height:20px; color:#999; font-size:14px;}
.conBox01 li em.sup{ position:relative; top:-0.5em; color:#ff3d58; font-size:20px; font-weight:bold;}

/*conBox02*/
.conBox02{ padding-bottom:60px; margin:0px -5px;}
.conBox02 .item{ float:left; width:25%; margin-bottom:46px;}
.conBox02 .item-warp{ margin:0px 5px; background:#fff; box-shadow:2px 0px 3px rgba(0,0,0,0.04); -webkit-ox-shadow:2px 0px 3px rgba(0,0,0,0.04); -moz-ox-shadow:2px 0px 3px rgba(0,0,0,0.04); -ms-ox-shadow:2px 0px 3px rgba(0,0,0,0.04); -o-ox-shadow:2px 0px 3px rgba(0,0,0,0.04); transition:all 0.2s ease-in-out 0s; -webkit-transition:all 0.2s ease-in-out 0s; -moz-transition:all 0.2s ease-in-out 0s; -ms-transition:all 0.2s ease-in-out 0s; -o-transition:all 0.2s ease-in-out 0s;}
.conBox02 .item-warp h4{ position:relative; padding:30px 20px; font-size:18px; color:#303030; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.conBox02 .item-warp h4:after{ position:absolute; top:50%; right:20px; margin-top:-5px; content:""; width:3px; height:11px; background:url(../images/box02_dot.png) no-repeat;}
.conBox02 .item-warp div{ height: 295px; overflow: hidden;}
.conBox02 a:hover .item-warp{ box-shadow:0 10px 35px 5px rgba(0,0,0,0.2); -webkit-box-shadow:0 10px 35px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 10px 35px 5px rgba(0, 0, 0, 0.2); -ms-box-shadow:0 10px 35px 5px rgba(0, 0, 0, 0.2); -o-box-shadow:0 10px 35px 5px rgba(0, 0, 0, 0.2); transform: translateY(-15px);}
.conBox02 .btnBox{ text-align:center;}
.conBox02 .btnBox a{ display:inline-block; padding:6px 58px; background:#8E6DCD; line-height:1.8; color:#fff; font-size:16px; border-radius:1000px;}

/*conBox03*/
.conBox03{ padding-bottom:60px;}
.conBox03_lb{ position:relative; width:100%; overflow:hidden;}
.conBox03_lb li{ float:left; width:33.3%;}
.conBox03_lb .item{ padding:0px 15px; text-align:center;}
.conBox03_lb .item div{ width:60%; padding:0px 20px; margin:0px auto; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
.conBox03_lb .item h4{ padding:30px 0px 10px; color:#303030; font-size:24px;}
.conBox03_lb .item p{ padding:10px 25px 0px; line-height:24px; color:#999;}
.conBox03_dot{ display:none;}
.conBox03_brd{ max-width:1410px; width:100%; margin:0px auto; border-bottom:1px solid #e6e6e6;}

/*conBox04*/
.conBox04{ padding-bottom:60px;}
.conBox04 li{ float:left; width:16.66%;}
.conBox04 div{ display:block; margin:0px 5px 10px;}
/*================================================================首页End===============================================================*/

/*二级页面banner*/
.ListBannerArea{ position:relative;}
.ListBannerText{ position:absolute; left:0; top:30%; width:100%; text-align:center; color:#fff; color:rgba(255,255,255,0.9); font-size:48px;}
.ListBannerImg{ display:block; width:100%;}
.ListBannerImg_m{ display:none; width:100%;}

/*联系我们板块*/
.contactBox{ padding-bottom:60px;}
.contactBox .titBox{ padding-top:23px; margin-bottom:40px; text-align:center;}
.contactBox .titBox h3{ line-height:96px; font-size:30px; color:#4a4a4a;}
.contactBox .titBox p{ line-height:30px; font-size:16px; color:#999;}
.contactBox .titBox a{ color:#8e6dcd;}
.contactBox .formBox_l{ float:left; width:50%; padding-right:15px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
.contactBox .form_item{ position:relative; margin-bottom:20px;}
.contactBox .form_item:after{ content:"*"; position:absolute; top:15px; left:93%; color:#000; opacity:0.7; font-size:20px;}
.contactBox label{ display:none; margin-bottom:5px; font-size:14px; line-height:20px; font-weight:bold; color:#000; opacity:0.7;}
.contactBox .inputText{ padding:6px 12px; width:100%; height:52px; font-size:14px; border:1px solid #ccc; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
.contactBox .formBox_r{ float:right; width:50%; padding-left:15px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
.contactBox .textAreaBox{ width:100%; height:195px; padding:6px 12px; border:1px solid #ccc; resize:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
.contactBox .xqBox_l{ float:left; width:50%; line-height:35px; color:#4a4a4a;}
.contactBox .xqBox_l a{ color:#4a4a4a;}
.contactBox .xqBox_l a:hover{ color:#4a4a4a; opacity:0.8;}
.contactBox .xqBox_l p.hotRed{ font-weight:bold; color:#8e6dcd;}
.contactBox .xqBox_l p.hotRed a{ color:#8e6dcd;}
.contactBox .xqBox_l p.hotRed a:hover{ color:#8e6dcd;}
.contactBox .xqBox_r{ float:right; width:50%; padding:20px 0px 15px; text-align:right;}
.contactBox .xqBox_r a{ display:inline-block; padding:6px 12px; width:104px; height:35px; line-height:23px; text-align:center; background:#333; font-size:14px; color:#fff; border:1px solid transparent; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; -ms-border-radius:100px; -o-border-radius:100px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
.contactBox .xqBox_r a:hover{ opacity:0.8;}

/*================================================================服务Begin===============================================================*/
/*service.html页面*/
.serviceBox01{ padding-bottom:60px; margin:0px -15px;}
.serviceBox01 li{ float:left; width:33.33%; padding:8px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
.serviceBox01 dl.bg01{ background:#8e6dcd;}
.serviceBox01 dl.bg02{ background:#8e6dcd;}
.serviceBox01 dl.bg03{ background:#8e6dcd;}
.serviceBox01 dl.bg04{ background:#8e6dcd;}
.serviceBox01 dl.bg05{ background:#8e6dcd;}
.serviceBox01 dl.bg06{ background:#8e6dcd;}
.serviceBox01 dl{ height:200px; padding:30px 28px; background-size:100% 100% !important; color:#fff;}
.serviceBox01 dt{ padding-left:30px; margin:10px 0px; font-size:30px;}
.serviceBox01 dt span{ font-size:14px;}
.serviceBox01 dd span{ position:relative; float:left; width:50%; padding-left:14px; padding-right:5px; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
.serviceBox01 dd span:after{ content:""; position:absolute; top:15px; left:0px; width:7px; height:1px; background:#fff; opacity:0.3;}

.serviceBox02_t{ padding:50px 0px;}
.serviceBox02_t li{ float:left; width:14.28%; padding:0px 15px; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
.serviceBox02_t div{ width:50%; margin:0px auto;}
.serviceBox02_t p{ padding:20px 0px 10px; font-size:24px;}
.serviceBox02_b ul{ position:relative; float:left; width:14.28%; padding:20px 0px; text-align:center;}
.serviceBox02_b ul:after{ content:""; position:absolute; top:-7px; left:50%; margin-left:-7px; width:13px; height:13px; background:#fff; border:1px solid #f0f0f0; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.serviceBox02_b li{ padding:7px 6px; line-height:20px; color:#4c4c4c;}

.serviceBox03_tab{ text-align:center;}
.serviceBox03_tab li{ display:inline-block; padding:0px 22px; height:32px; line-height:32px; font-size:16px; color:#4a4a4a; cursor:pointer; border:1px solid transparent; border-radius:50%; -webkit-border-radius:100px; -moz-border-radius:100px; -ms-border-radius:100px; -o-border-radius:100px;}
.serviceBox03_tab li.on{ border-color:#8e6dcd; color:#8e6dcd;}
.serviceBox03_info{ padding:60px 0px;}
.serviceBox03_info ul li{ float:left; width:16.66%;}
.serviceBox03_info ul div{ margin:0px 5px 10px;}
/*================================================================服务End===============================================================*/

/*================================================================方案Begin===============================================================*/
/*programme.html页面*/
.programSubNav{ width:100%; text-align:center; font-size:0px; background:#f5f5f5; overflow-x:auto;}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
.programSubNav div{ white-space:nowrap;}
.programSubNav a{ position:relative; display:inline-block; padding:0px 8px; margin:0px 26px; height:49px; line-height:49px; font-size:16px; color:#4a4a4a;}
.programSubNav a:after{ display:none; content:""; position:absolute; bottom:0px; left:0px; width:100%; height:2px; background:#8e6dcd;}
.programSubNav a.cur{ color:#8e6dcd;}
.programSubNav a.cur:after{ display:block;}
.programIntro{ padding:23px 0px 42px; color:#4a4a4a;}
.programIntro .child{ display: none; line-height: 2.2;}
.programIntro .child.showNode{ display: block;}
.programIntro h2{ line-height:96px; font-size:30px; text-align:center;}
.programIntro p{ padding:0px 70px; margin-bottom:30px; line-height:30px; font-size:16px; color:#999;}
.subTitText h3{ line-height:96px; font-size:30px; text-align:center;}
.subTitText h4{ position:relative; padding-bottom:14px; padding-top:45px; font-size:24px; text-align:center;}
.subTitText h4:after{ content:""; position:absolute; bottom:0px; left:50%; margin-left:-12px; width:23px; height:1px; overflow:hidden; background:#000; opacity:0.2;}
.programBox .info{ padding:50px 0px 95px; margin:0px -15px;}
.programBox01{ padding:28px 0px 80px; background:url(../images/programBox01_bg.jpg) no-repeat top center; background-size:cover; color:#4a4a4a; text-align:center;}
.programBox01 .info{ margin-top:50px; padding:86px 0px; background:#8e6dcd; color:#fff;}
.programBox01 .info div{ position:relative; float:left; width:20%; height:100%; padding:0px 15px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
.programBox01 .info div:after{ content:""; position:absolute; top:50%; right:-16px; margin-top:-10px; width:33px; height:33px; background:url(../images/programBox01_span.jpg) no-repeat;}
.programBox01 .info div.last:after{ display:none;}
.programBox01 .info h6{ padding:20px 0px 10px; font-size:18px;}
.programBox01 .info p{ line-height:24px; color:#fff; font-size:13px; opacity:0.5;}
.programBox02 .info li{ float:left; width:25%; text-align:center; color:#4a4a4a; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
.programBox02 .info h4{ margin-bottom:18px; line-height:35px; font-size:18px;}
.programBox02 .info div{ padding:0px 20px; min-height:350px; border-right:1px solid #e6e6e6;}
.programBox02 .last div{ border-right:0px;}
.programBox02 .info img{ margin-bottom:18px;}
.programBox02 .info p{ line-height:24px; color:#999; text-align:justify;}
.programBox03 .info li{ float:left; width:25%; padding:0px 15px; text-align:center; color:#4a4a4a; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
.programBox03 .info h4{ padding:18px 0px 16px; line-height:24px; font-size:18px;}
.programBox03 .info div{ width:104px; height:104px; margin:0px auto; background:#8e6dcd; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.programBox03 .info img{ width:50px; margin-top:33px;}
.programBox03 .info p{ padding:0 15px; color:#999; line-height:24px;}
.programBox04{ padding-top:23px; background:url(../images/programBox04_bg.jpg) no-repeat top center; background-size:cover; color:#fff; text-align:center;}
.programBox04 .info li{ float:left; width:25%; padding:0px 15px; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
.programBox04 .info h4{ padding:18px 0px 16px; line-height:24px; font-size:18px;}
.programBox04 .info div{ width:110px; height:110px; margin:0px auto;}
.programBox04 .info p{ padding:0 15px; line-height:24px; color:rgba(255,255,255,0.6);}
.programBox05 .titBox{ padding:20px 0px 50px; text-align:center; font-size:24px;}
.programBox05 .pro_tab{ height:69px; margin-bottom:30px; text-align:center; border-bottom:1px solid #eee;}
.programBox05 .pro_tab span{ display:inline-block; margin:10px 25px; width:210px; height:48px; line-height:48px; font-size:16px; color:#666; cursor:pointer;}
.programBox05 .pro_tab span.cur{ color:#8e6dcd;}
.programBox05 .pro_info{ position:relative; overflow:hidden;}
.programBox05 .info{ position:absolute; top:0px; left:100%; width:100%; overflow:hidden;}
.programBox05 .info.showBox{ left:0px;}
.programBox05 .imgBox ul{ width:100%; height:100%; background:#fff;}
.programBox05 .imgBox li{ position:relative; float:left; height:100%; text-align:center; cursor:move;}
.programBox05 .imgBox p{ position:absolute; top:0px; left:0px; width:100%; color:#4a4a4a;}
.programBox05 .imgBox img{ position:absolute; bottom:0px; left:50%; margin-left:-370px; width:740px;}
.programBox05 .dotBox{ position:absolute; z-index:3; top:28px; left:50%; width:200px; margin-left:-100px; text-align:center;}
.programBox05 .dotBox a{ display:inline-block; margin:0px 5px; width:10px; height:10px; overflow:hidden; text-indent:-1000px; background:#cacaca; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;}
.programBox05 .dotBox a.on{ background:#8e6dcd;}
.programBox05 .btnBox{ display:none;}
/*================================================================方案End===============================================================*/
/*================================================================案例Begin===============================================================*/
/*case.html页面*/
.case_tab{ padding-top:76px; margin-bottom:50px; width:100%; height:50px; overflow-x:auto; text-align:center; font-size:0px; border-bottom:1px solid #eee;}
.case_tab div{ white-space:nowrap;}
.case_tab a{ position:relative; display:inline-block; height:50px; line-height:50px; padding:0px 22px; margin:0px 26px; color:#4a4a4a; font-size:16px;}
.case_tab a:after{ display:none; content:""; position:absolute; bottom:0px; left:0px; width:100%; height:2px; background:#8e6dcd;}
.case_tab a.cur:after{ display:block;}
/*================================================================案例End===============================================================*/
/*================================================================案例详情Begin===============================================================*/
.detailBox{ padding: 150px 0px 40px; margin-bottom:55px; text-align:center; color:#4a4a4a; box-shadow:0 0 5px #bfbfbf; -webkit-box-shadow:0 0 5px #bfbfbf; -moz-box-shadow:0 0 5px #bfbfbf; -ms-box-shadow:0 0 5px #bfbfbf; -o-box-shadow:0 0 5px #bfbfbf;}
.detailBox h3{ padding:55px 0px 20px; font-size:42px;}
.detailBox h4{ line-height:1.5; font-size:18px;}
.detailBox p{ margin-top:10px; font-size:16px; color:#999;}
.detailBox .lineBox{ display:inline-block; width:46px; height:2px; background:#000; opacity:0.1; margin:35px 0 25px;}
.detailBox{ padding-bottom:120px;}
.detailBox img{ max-width:100% !important;}
.detail_pageLink{ position:relative; margin-bottom:100px; text-align:center; font-size:15px;}
.detail_pageLink .pageBtn{ position:absolute; top:0px; width:180px; max-width:40%; height:40px; line-height:40px; color:#585858; border:1px solid #eaeaea; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px;}
.detail_pageLink .pageBtn:after{ content:""; position:absolute; top:12px; width:26px; height:17px; background:url(../images/detail_jt.png) no-repeat; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;}
.detail_pageLink .pageBtn:hover{ background:#ff3d58; color:#fff; border-color:#ff3d58;}
.detail_pageLink .pageBtn:hover:after{ background-image:url(../images/detail_jtHover.png);}
.detail_pageLink .pagePrevBtn{ left:0px; text-indent:30px;}
.detail_pageLink .pagePrevBtn:after{ left:32px; background-position:left center;}
.detail_pageLink .pageNextBtn{ right:0px; text-indent:-30px;}
.detail_pageLink .pageNextBtn:after{ right:32px; background-position:right center;}
.detail_pageLink .allBtn{ position:relative; display:inline-block; width:300px; height:42px; line-height:42px; text-indent:20px; color:#fff; background:#4c4c4c; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px;}
.detail_pageLink .allBtn:hover{ opacity:0.8;}
.detail_pageLink .allBtn i{ position:absolute; left:60px; top:10px; font-size:22px; color:#fff; text-indent:0px; line-height:1;}
.detail_btmTit{ line-height:96px; text-align:center; font-size:30px;}
/*================================================================案例详情End===============================================================*/
/*================================================================关于Begin===============================================================*/
.aboutTitBox{ text-align:center;}
.aboutTitBox h3{ padding-top:23px; line-height:96px; font-size:30px;}
.aboutTitBox p{ padding-bottom:85px; line-height:30px; font-size:16px; color:#999;}
.aboutBox01 p{ text-align:justify; border-bottom:1px solid #e3e3e3;}
.aboutBox01 .numBox{ padding:80px 0px;}
.aboutBox01 .numBox .childBox{ float:left; width:33.33%; padding:20px 0px 10px; text-align:center; font-size:24px; color:#585858;}
.aboutBox01 .numBox .num{ margin-bottom:10px; font-size:85px; font-weight:bold; color:#8e6dcd;}
.aboutBox02{ position:relative; background:#f3f3f3;}
.aboutBox02_l{ position:absolute; top:0px; left:0px; width:50%; height:100%;}
.aboutBox02_r{ padding-left:50%; width:50%;}
.aboutBox02_r div{ padding:0px 17% 0px 11%;}
.aboutBox02_r h3{ padding:53px 0px 36px; font-size:42px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.aboutBox02_r span{ padding-left:14px;font-size: 28px; font-weight: bold; color:#bcbcbc;}
.aboutBox02_r p{ padding-bottom:18px; line-height:30px; color:#999; font-size:16px;}
.aboutBox03 .info{ padding:75px 0px; background:#262626;}
.aboutBox03 .info div div{ float:left; width:33.33%;}
/*================================================================关于End===============================================================*/
/*================================================================新体验Begin===============================================================*/
.exper_tab{ width:100%; height:50px; text-align:center; font-size:0px; background:#f5f5f5;}
.exper_tab a{ position:relative; display:inline-block; height:50px; line-height:50px; padding:0px 22px; margin:0px 26px; color:#4a4a4a; font-size:16px;}
.exper_tab a:after{ display:none; content:""; position:absolute; bottom:0px; left:0px; width:100%; height:2px; background:#8e6dcd;}
.exper_tab a.cur{ color:#8e6dcd;}
.exper_tab a.cur:after{ display:block;}
.exper_info{ max-width:880px; width:100%; padding:0px 12px 50px; margin:0px auto; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
.exper_nav{ padding:20px 0px; margin-bottom:8px; overflow-x:auto; font-size:0px;}
.exper_nav div{ white-space:nowrap;}
.exper_nav a{ display:inline-block; margin-right:40px; line-height:40px; font-size:18px; color:#4a4a4a;}
.exper_nav a:hover,.exper_nav a.cur{ color:#8e6dcd;}
.exper_nav i{ display:inline-block; padding:0px 7px;}
.exper_list li{ padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #eee;}
.exper_l_t{ position:relative;}
.exper_bq{ position:absolute; top:0px; left:0px; width:72px; height:64px; background:#8e6dcd; text-align:center; color:#fff;}
.exper_bq i{ display:block; padding-top:12px; height:24px; line-height:24px; font-size:24px;}
.exper_bq em{ display:block; line-height:18px; font-size:12px;}
.exper_bt{ padding-left:89px; min-height:60px;}
.exper_bt h3{ height:42px; font-size:30px; color:#4a4a4a; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.exper_bt p{ max-height:48px; line-height:24px; font-size:14px; color:#808080; overflow:hidden;}
.exper_l_b{  margin-top:20px;}
.exper_l_b img{ width:100%;}
.exper_page{ text-align:center; font-size:0px;}
.exper_page a{ display:inline-block; margin:0px 10px; padding:3px 40px; background:#eee; line-height:1.8; color:#000; font-size:14px; border-radius:1000px; cursor:default;}
.exper_page a.hover{ background:#8e6dcd; color:#fff; cursor:pointer;}
.exper_page a:hover{ opacity:0.7;}
/*================================================================新体验End===============================================================*/
/*================================================================新体验详情Begin===============================================================*/
.experDetail_info{ max-width:880px; width:100%; padding:0px 12px 100px; margin: 50px auto 0px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
.experDetail_info .btBox{ padding-bottom:50px; text-align: center;} 
.experDetail_info .btBox h3{ font-size:30px; color:#4a4a4a;}
.experDetail_info .btBox p{ font-size:14px; color:#c4c4c4;}
.experDetail_info .nrBox img{ max-width:100%;}
.experDetail_info .nrBox img.shadowImg{ border:1px solid #e6e6e6; padding:16px; background-color:#f6f6f6; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
.experDetail_btm{ width:100%; padding:0px 15px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
.experDetail_btm .shareBox{ position:relative; width:51px; margin:0px auto;}
.experDetail_btm .shareBtn{ display:inline-block; width:51px; height:51px; line-height:51px; text-align:center; color:#fff; font-size:25px; background:#8e6dcd; cursor:pointer; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.experDetail_btm .shareList{ display:none; position:absolute; top:-4px; left:50%; margin-left:-222px; width:444px; text-align:center; font-size:0px;}
.experDetail_btm .shareCloseBtn{ display:inline-block; vertical-align:middle; margin:0px 8px; width:59px; height:59px; line-height:59px; text-align:center; color:#fff; font-size:30px; background:#ff3d58; cursor:pointer; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; box-shadow:0 0 8px rgba(0,0,0,0.3); webkit-box-shadow:0 0 8px rgba(0,0,0,0.3); -moz-box-shadow:0 0 8px rgba(0,0,0,0.3); -ms-box-shadow:0 0 8px rgba(0,0,0,0.3); -o-box-shadow:0 0 8px rgba(0,0,0,0.3);}
.experDetail_btm .shareList a{ display:inline-block; vertical-align:middle; margin:0px 8px; width:40px; height:40px; line-height:38px; color:#fff; font-size:25px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.experDetail_btm .shareList .shareIcon_py{ background-color:#48caef;}
.experDetail_btm .shareList .shareIcon_wx{ background-color:#24c765;}
.experDetail_btm .shareList .shareIcon_xl{ background-color:#ef6448;}
.experDetail_btm .shareList .shareIcon_qq{ background-color:#00a0e9;}
.experDetail_btm .shareList .shareIcon_tx{ background-color:#00c5e9;}
.experDetail_btm .shareList .shareIcon_db{ background-color:#24c765;}
.experDetail_btm .shareListAnimateBegin{ animation:shareListAnimateBeginFn 0.5s linear none; -webkit-animation:shareListAnimateBeginFn 0.5s linear none;}
@-webkit-keyframes shareListAnimateBeginFn {
  0% {
    opacity:0;
    -webkit-transform:scale(0.8);
    transform:scale(0.8);
  }
  50% {
    opacity:1;
    -webkit-transform:scale(1.05);
    transform:scale(1.05);
  }
  70% {
    -webkit-transform:scale(0.9);
    transform:scale(0.9);
  }
  100% {
    opacity:1;
    -webkit-transform:scale(1);
    transform:scale(1);
  }
}
@keyframes shareListAnimateBeginFn {
  0% {
    opacity:0;
    -webkit-transform:scale(0.8);
    -ms-transform:scale(0.8);
    transform:scale(0.8);
  }
  50% {
    opacity:1;
    -webkit-transform:scale(1.05);
    -ms-transform:scale(1.05);
    transform:scale(1.05);
  }
  70% {
    -webkit-transform:scale(0.9);
    -ms-transform:scale(0.9);
    transform:scale(0.9);
  }
  100% {
    opacity:1;
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
  }
}

.experDetail_btm .artBox{ margin-top:40px; border-top:1px solid #e6e6e6;}
.experDetail_btm .artBox p{ width:40%; line-height:78px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.experDetail_btm .artBox a{ display:inline-block; padding:0px 15px; height:30px; line-height:30px; color:#4a4a4a; border:1px solid #fff; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px;}
.experDetail_btm .artBox a:hover{ color:#ff3d58; border-color:#eee; background:#f6f6f6;}
.experDetail_btm .artPrevBox{ float:left; text-align:left;}
.experDetail_btm .artNextBox{ float:right; text-align:right;}
/*================================================================新体验详情End===============================================================*/


.page{ text-align: center;}
.page a,
.page .disabled,
.page .current,
.page .zxfokbtn{ display: inline-block; margin: 0 5px; padding: 3px 13px; line-height: 1.8; color: #4c4c4c; background:#fff; font-size: 14px; border-radius: 17px; cursor: pointer;}
.page a:hover,
.page .disabled:hover,
.page .current:hover,
.page .zxfokbtn:hover,
.page .current{ color: #fff; background: #8e6dcd;}
.zxfinput{margin: 0 12px; width: 50px; height: 34px; text-align: center; box-sizing: border-box; border: 1px solid #E6E6E6; border-radius: 3px; color: #666;}