/*字体*/
@font-face {
	font-family: 'zyy-en';
	src:url('../fonts/Raleway-Light.ttf');
	src:url('../fonts/Raleway-Light.ttf?#iefix') format('embedded-opentype'),
	url('../fonts/Raleway-Light.ttf') format('woff'),
	url('../fonts/Raleway-Light.ttf') format('truetype'),
	url('../fonts/Raleway-Light.ttf#codropsicons') format('svg');
}

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

/* -------------- 头部模块 -------------- */
.header{height:90px;position:fixed;top:0px;left:0px;z-index:106;box-shadow:0 1px 2px rgba(0,0,0,0.2);}

.header .left_logo{width:200px;height:inherit;float:left;padding-top:38px;}
.header .right_info{width:600px;height:inherit;float:right;text-align:right;}
.header .right_info .top_tel{height:20px;text-align:right;margin-top:20px;}


/* -------------- 底部模块 -------------- */
.footer{height:276px;}
.footer li{float:left;height:inherit;}
.footer .li-1{width:250px;}
.footer .li-1 span{display:block;height:140px;border:solid 2px #888888;margin-top:60px;padding-top:48px;text-align: center;}
.footer .li-2{width:390px;margin-left:50px;}
.footer .li-3{width:220px;margin-left:50px}
.footer .li-2 span,.footer .li-3 span{color:#fff;font-weight:500;}
.footer .li-2 p,.footer .li-3 p{margin-top:54px;line-height:24px;color:#818181;font-size:14px;}
.footer .li-4{width:124px;float:right;padding-top:80px;text-align:right;}


.copyright{height:50px;line-height:50px;color:#545454;font-size:13px;text-align:center;}
.copyright span{display:inline-block;padding:0 10px}



/* -------------- 导航模块 -------------- */
.nav{height:32px;margin-top:8px;text-align:right;}
.nav a{display:inline-block;width:auto;height:inherit;overflow:hidden;padding-left:40px;}
.nav span{display:block;height:inherit;line-height:32px;color:#4e4c4b;text-align:center;overflow:hidden;font-size:14px;}
.nav a.current span:first-child{margin-top:-32px;}



/* -------------- 轮播模块 -------------- */
.banner{height:600px;}
.banner li{width:100%;height:600px;background-position:center;background-repeat:no-repeat;}



/* -------------- 其它模块 -------------- */
.group-column{height:140px;position:relative;text-align:center;}
.group-column p{width:100%;position:absolute;}
.group-column .p-cn{top:40px;font-size:30px;letter-spacing:8px;color:#342c2a;font-family:"zyy-en";}
.group-column .p-cn span{letter-spacing:0px;}
.group-column .p-en{top:75px;font-size:20px;letter-spacing:2px;color:#8d8b8b;font-family:"zyy-en";}
.group-column.dom-animation .p-cn{animation:p_cn 1s, 1s;}
.group-column.dom-animation .p-en{animation:p_en 1s, 1s}

.group-column.column-1{height:120px;position:relative;text-align:center;}
.group-column.column-1 .p-cn{top:40px;font-size:30px;letter-spacing:8px;color:#342c2a;font-family:"zyy-en";}
.group-column.column-1 .p-en{top:75px;font-size:20px;letter-spacing:2px;color:#8d8b8b;font-family:"zyy-en";}

.group-fangan{}
.group-fangan::after{content:" ";display:block;clear:both;}
.group-fangan li{width:33.33%;float:left;background:#fff;}
.group-fangan li .top_img{height:366px;text-align:center;overflow:hidden;}
.group-fangan li .top_img img{width:100%;transition:transform 0.35s;}
.group-fangan li .top_img:hover img{transform:scale(1.1,1.1);}
.group-fangan li .buttom_text{height:90px;text-align:center;}
.group-fangan li .buttom_text .top_span{display:block;text-align:center;line-height:36px;font-size:16px;margin-top:10px;}
.group-fangan li .buttom_text .buttom_span{display:block;text-align:center;font-size:12px;}



/*.group-anli{}
.group-anli::after{content:" ";display:block;clear:both;}
.group-anli li{width:33.33%;float:left;background:#fff;}
.group-anli li .top_img{height:366px;text-align:center;overflow:hidden;}
.group-anli li .top_img img{width:100%;animation:anim-img-fy 1s ease;}
.group-anli li .top_img img:hover{animation:anim-img-fd 1s ease;}
.group-anli li .buttom_text{height:90px;text-align:center;}
.group-anli li .buttom_text .top_span{display:block;text-align:center;line-height:36px;font-size:16px;margin-top:10px;}
.group-anli li .buttom_text .buttom_span{display:block;text-align:center;font-size:12px;}
.group-anli li:hover{box-shadow:0px 0px 17px rgba(0,0,0,0.8);transform:scale(1.02,1.02);border:none;}*/


.group-anli{}
.group-anli::after{content:" ";display:block;clear:both;}
.group-anli li{width:33.33%;height:366px;float:left;background:#fff;position:relative;overflow:hidden;color:#fff;padding:2px;cursor: pointer;}
.group-anli li img{width:100%;transition:transform 0.4s;}
.group-anli .a-mask{display:block;width:100%;height:inherit;position:absolute;top:0;left:0;}
.group-anli .text-title{display:block;width:100%;text-align:center;position:absolute;left:0;bottom:0px;z-index:102;height:60px;line-height:60px;font-size:16px;transition:transform 0.4s;font-weight:bold;color:#FFFFFF;}
.group-anli .text-del{display:block;text-align:center;position:absolute;left:2px;right:2px;bottom:-60px;background:#ce3938;height:60px;line-height:60px;z-index:100;transition:transform 0.3s;color:#FFFFFF;}
.group-anli li:hover img{transform:translateY(-50px)}
.group-anli li:hover .text-title{transform:translateY(-60px)}
.group-anli li:hover .text-del{transform:translateY(-60px)}

/*首页一行4幅案例*/
.group-anli-1{}
.group-anli-1::after{content:" ";display:block;clear:both;}
.group-anli-1 li{width:25%;height:274px;float:left;background:#fff;position:relative;overflow:hidden;color:#fff;padding:2px;cursor: pointer;}
.group-anli-1 li img{width:100%;transition:transform 0.4s;}
.group-anli-1 .a-mask{display:block;width:100%;height:inherit;position:absolute;top:0;left:0;}
.group-anli-1 .text-title{display:block;width:100%;text-align:center;position:absolute;left:0;bottom:0px;z-index:102;height:60px;line-height:60px;font-size:16px;transition:transform 0.4s;font-weight:bold;color:#FFFFFF;}
.group-anli-1 .text-del{display:block;text-align:center;position:absolute;left:2px;right:2px;bottom:-60px;background:#ce3938;height:60px;line-height:60px;z-index:100;transition:transform 0.3s;color:#FFFFFF;}
.group-anli-1 li:hover img{transform:translateY(-50px)}
.group-anli-1 li:hover .text-title{transform:translateY(-60px)}
.group-anli-1 li:hover .text-del{transform:translateY(-60px)}

.group-shuzhi{height:120px;text-align:center;}
.group-shuzhi li{display:inline-block;margin:0 50px;padding-top:25px;width:130px;}
.group-shuzhi li span{display:block;}
.group-shuzhi li span.top-num{font-size:36px;color:#464646;}


.group-zhuangshi{margin-top:40px;}

.group-link{height:110px;width:1100px;margin-top:30px;position:relative;overflow:hidden;}
.group-link .link{height:55px;position:absolute;left:0;top:0;overflow:hidden;margin-top:30px;}
.group-link .link li{display:inline-block;float:left;padding-right:50px;}


.home-service-info{}
.home-service-info li{float:left;width:33.33%;height:624px;padding:0 2px;overflow: hidden;}
.home-service-info li a{display:block;margin-bottom:4px;position:relative;overflow:hidden;}
.home-service-info li a img{display:block;width:100%;transition:.35s;}
.home-service-info li a span{display:block;width:100%;text-align:center;position:absolute;line-height:40px;left:0;color:#fff;padding:0 40px;z-index:1;}
.home-service-info li a .top_span{top:50%;margin-top:-30px;height:40px;line-height:40px;font-size:16px;transition:.35s;opacity:0;font-weight: bold;}
.home-service-info li a .buttom_span{top:50%;line-height:20px;margin-top:40px;transition:.35s;opacity:0;}
.home-service-info li a .span-mask{content:" ";display:none;width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.4);z-index:0;transition:.35s;opacity:0;}
.home-service-info li a:hover img{transform:scale(1.08,1.08);}
.home-service-info li a:hover .top_span{transform:translate(0px,10px);opacity:1;}
.home-service-info li a:hover .buttom_span{transform:translate(0px,-20px);opacity:1;}
.home-service-info li a:hover .span-mask{display:block;opacity:1;}


/*二级页面效果*/
.banner-er-0{height:150px;background:url("../images/banner_er_0.png");}
.banner-er-0 span{display:block;text-align: center;}
.banner-er-0 span.img-1{padding:35px 0 20px;}

.banner-er-1{height:150px;background:url("../images/banner_er_1.jpg");}
.banner-er-1 span{display:block;text-align: center;}
.banner-er-1 span.img-1{padding:35px 0 20px;}
.banner-er-2{height:150px;background:url("../images/banner_er_2.jpg");}
.banner-er-2 span{display:block;text-align: center;}
.banner-er-2 span.img-1{padding:35px 0 20px;}

.banner-er-3{height:150px;background:url("../images/banner_er_3.jpg");}
.banner-er-3 span{display:block;text-align: center;}
.banner-er-3 span.img-1{padding:35px 0 20px;}


.group-service{background:#fff;height:400px;}
.group-service .service-info li{width:25%;float:left;text-align:center;transition:transform 0.35s;}
.group-service .service-info li p{transition:transform 0.35s;}
.group-service .service-info .top-img{height:90px;}
.group-service .service-info .center-title{font-weight:bold;color:#424242;font-size:14px;line-height:48px;}
.group-service .service-info .bottom-text{color:#8f8f8f;font-size:12px;line-height:18px;padding:0 20px}

.group-service .service-info.zhuangxui .top-img{height:120px;text-align:center;}
.group-service .service-info.zhuangxui .top-img span{display:inline-block;width:120px;height:120px;border-radius:50%;background:#f7f7f7;text-align:center;background-position:center;background-repeat:no-repeat;} 
.group-service .service-info.zhuangxui .top-img span.span-1{background-image:url(../images/icon_fj_a.png);}
.group-service .service-info.zhuangxui .top-img span.span-2{background-image:url(../images/icon_sgjs_a.png);}
.group-service .service-info.zhuangxui .top-img span.span-3{background-image:url(../images/icon_sz_a.png);}
.group-service .service-info.zhuangxui .top-img span.span-4{background-image:url(../images/icon_byzx_a.png);}
.group-service .service-info.zhuangxui li:hover p{transform:scale(1.05,1.05);}
.group-service .service-info.zhuangxui li:hover .top-img span{background-color:#4e97d9;}
.group-service .service-info.zhuangxui li:hover .top-img span.span-1{background-image:url(../images/icon_fj_b.png);}
.group-service .service-info.zhuangxui li:hover .top-img span.span-2{background-image:url(../images/icon_sgjs_b.png);}
.group-service .service-info.zhuangxui li:hover .top-img span.span-3{background-image:url(../images/icon_sz_b.png);}
.group-service .service-info.zhuangxui li:hover .top-img span.span-4{background-image:url(../images/icon_byzx_b.png);}

.group-service-tx{background:#f7f7f7;}
/*.group-service-tx .service-info > *{height:620px;}*/
.group-service-tx .service-info  .div-l{width:275px;float:left;text-align:center;}
.group-service-tx .service-info  .div-l li{height:200px;}
.group-service-tx .service-info  .div-l .top-img{height:62px;}
.group-service-tx .service-info  .div-l .center-title{color:#424242;font-size:20px;line-height:32px;height:38px;}
.group-service-tx .service-info  .div-l .bottom-text{color:#8f8f8f;font-size:12px;line-height:18px;padding:0 20px}
.group-service-tx .service-info  .div-r{width:540px;float:left;text-align:center;padding-top:50px;}

.group-service-tx .service-info.youshi  .div-l{width:350px;float:left;text-align:center;padding-top:100px;}
.group-service-tx .service-info.youshi  .div-l li{height:120px;}
.group-service-tx .service-info.youshi  .div-l .top-img{height:62px;}
.group-service-tx .service-info.youshi  .div-r{width:400px;height:540px;float:left;text-align:center;padding-top:50px;}

.group-service-lc{background:#fff;}
.group-service-lc .service-info{height:490px;}
.group-service-lc .service-info img{float:left;}
.group-service-lc .service-info2{height:520px;background:url(../images/bg_xuxian.png) top center no-repeat;position:relative;}
.group-service-lc .service-info2 p{position: absolute;width:150px;height:180px;text-align:center;transition:0.3s;cursor:default}
.group-service-lc .service-info2 p span{display:block;margin:0 auto; line-height:42px;font-size:16px;}
.group-service-lc .service-info2 .top_icon{width:95px;height:95px;line-height:95px;border-radius:50%;color:#666666;background:#f7f7f7;font-size:50px;font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
.group-service-lc .service-info2 p.p-1{top:120px;left:-60px}
.group-service-lc .service-info2 p.p-2{top:64px;left:333px}
.group-service-lc .service-info2 p.p-3{top:47px;left:689px}
.group-service-lc .service-info2 p.p-4{top:-30px;right:-25px}
.group-service-lc .service-info2 p.p-5{top:197px;right:80px}
.group-service-lc .service-info2 p.p-6{top:324px;left:532px}
.group-service-lc .service-info2 p.p-7{top:240px;left:160px}
.group-service-lc .service-info2 p:hover{transform:scale(1.1,1.1);}
.group-service-lc .service-info2 p:hover .top_icon{color:#fff;background:#fc4e4f;}

.erji-column{height:150px;text-align:center;padding-top:38px;}

.group-case{padding-top:30px;}
.group-tab{height:68px;padding-left:5px;}
.group-tab li{display:inline-block;height:38px;line-height:38px;float:left;padding:0 20px;background:#ffffff;color:#63717e;margin-right:25px;font-size:14px;cursor:pointer;}
.group-tab li.current{background:#4e97d9;color:#fff}

.group-case .case-info{position:relative;}
.group-case .case-info li{width:366px;padding:2px;float:left;position: absolute;left:0;top:0;overflow:hidden}
.group-case .case-info li a{display:block;width:100%;height:100%;position:relative;}
.group-case .case-info li a img{display:block;width:100%}
.group-case .case-info li a:after{content:" ";width:100%;height:100%;position:absolute;background:#000000;opacity:0.5;display:none;z-index:102;top:0;left:0;}

.group-case .case-info li a span{display:block;position:absolute;background:#fff;overflow:hidden;transition:0.3s;z-index:104;display:none;opacity:0.8;}
.group-case .case-info li a span.xian-1{height:1px;top:36px;right:12px;left:12px}
.group-case .case-info li a span.xian-4{width:1px;left:36px;bottom:12px;top:12px;}
.group-case .case-info li a span.xian-2{width:1px;right:36px;top:12px;bottom:12px;}
.group-case .case-info li a span.xian-3{height:1px;bottom:36px;right:12px;left:12px}
.group-case .case-info li a span.text-span{width:100%;height:36px;line-height:32px;text-align:center;color:#fff;left:0;top:50%;margin-top:-16px;font-size:16px;background:none;opacity:1;}

.group-case .case-info li:hover a:after{display:block;}
.group-case .case-info li:hover a span{display:block;}
.group-case .case-info li:hover a span.xian-1{animation:xian-1 0.7s ease;}
.group-case .case-info li:hover a span.xian-4{animation:xian-4 0.7s ease;}
.group-case .case-info li:hover a span.xian-2{animation:xian-2 0.7s ease;}
.group-case .case-info li:hover a span.xian-3{animation:xian-3 0.7s ease;}
.group-case .case-info li:hover a span.text-span{animation:text-span 0.7s ease;}

@-webkit-keyframes xian-1{
	from{right:366px;opacity:0;}
	to{right:12px;opacity:0.8;}
}
@-webkit-keyframes xian-2{
	from{top:100%;opacity:0;}
	to{top:24px;opacity:0.8;}
}
@-webkit-keyframes xian-3{
	from{left:366px;opacity:0;}
	to{left:12px;opacity:0.8;}
}
@-webkit-keyframes xian-4{
	from{bottom:100%;opacity:0;}
	to{bottom:24px;opacity:0.8;}
}
@-webkit-keyframes text-span{
	from{transform:translate(0px,50px);opacity:0;}
	to{transform:translate(0px,0px);opacity:1;}
}


.group-contact{background:url(../images/bg_cont.jpg) center;min-height:700px;padding:50px 0;}
.group-contact .contact-text{text-align:center;margin-top:20px;color:#0f0f0f;}
.group-contact .contact-text span{display:inline-block;padding:0 40px;background:#fff;height:inherit;line-height:60px;background:#fff;}
.group-contact .contact-text .text-span1{padding:0 20px;height:40px;line-height:40px;font-size:20px;}
.group-contact .contact-text .text-span2{padding:0 30px;background:#fff;height:60px;line-height:60px;font-size:40px;}
.group-contact .contact-main{width:780px;height:550px;margin:0 auto;margin-top:40px;background:#fff;position:relative;overflow:hidden;}
.group-contact .contact-main .left-info{width:780px;height:560px;padding:60px;}
.group-contact .contact-main .left-info .group-form{width:290px;float:left;}
.group-contact .contact-main .left-info .group-form >div>*{width:100%;border:solid 1px #eaeaea;display:block;font-size:14px;padding:0 10px;border-radius:1px;}
.group-contact .contact-main .left-info .group-form>div{border:none;height:68px;position: relative;}
.group-contact .contact-main .left-info .group-form>div>label{border:none;color:red;}
.group-contact .contact-main .left-info .group-form  input{height:38px;}
.group-contact .contact-main .left-info .group-form  textarea{height:108px;padding:10px;resize:none;}
.group-contact .contact-main .left-info .group-form  button{border:solid 1px #ea2b2a;background:#ea2b2a;text-align:center;color:#fff;height:40px;border-radius:2px;font-size:16px;margin-top:45px;font-family: "微软雅黑";}
.group-contact .contact-main .left-info .company-info{width:310px;float:right;height:inherit;}
.group-contact .contact-main .left-info .company-info p{margin-bottom:36px;}
.group-contact .contact-main .left-info .company-info p span{display:block;line-height:20px;}
.group-contact .contact-main .left-info .company-info p .text-1{font-size:18px;margin-bottom:12px;color:#000;}
.group-contact .contact-main .left-info .company-info p .text-2{font-size:12px;margin-bottom:6px;color:#666666;}
.group-contact .contact-main .left-info .company-info p .text-3{font-size:14px;color:#000;}
.group-contact .contact-main .left-info .company-info .p-btn > *{display:block;float:left;margin-right:20px;border:solid 1px #ddd;border-radius:3px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.1);}

.group-contact .contact-main .right-info{width:780px;height:550px;position:absolute;top:0;left:-780px;background:#fff;padding:12px;}
.group-contact .contact-main .right-info .close-ditu{display:block;width:36px;height:72px;background:url(../images/icon-jiantou.png) center no-repeat rgba(0,0,0,0.5);position:absolute;left:12px;top:50%;margin-top:-20px;z-index:106;border-radius:0 36px 36px 0;cursor:pointer;}


.group-about{background:#fff;padding-bottom:30px;}
.group-about .about-info img{float:left;}


/* -------------- 零散样式 -------------- */
.dom-bg{background:#fff;}
.dom-bg-footer{background:#262626;}
.dom-bg-copyright{background:#1b1b1b;}
.height-nav{height:90px;}


/************************************6个单页面**********************************************/
.banner-er-4{height:150px;background:url("../images/banner_er_4.jpg");}
.banner-er-4 span{display:block;text-align: center;}
.banner-er-4 span.img-1{padding:35px 0 20px;}
.er-info{background:#fff;min-height:500px;padding:20px 0 40px;}

.er-info-column{text-align:center;margin-bottom:15px;height:52px;}
.er-info-column > span {display:inline-block;padding:0 8px;font-size:24px;height:52px;line-height:52px;color:#df2336;font-weight:bold;border-bottom:solid 1px #606060;position:relative;}
.er-info-column > span:after{content:" ";display:block;width:28px;height:3px;position: absolute;bottom:-2px;left:50%;margin-left:-14px;background:#000;;}

.er-info-column2{text-align:center;position:relative;color:#df2336;line-height:50px;height:50px;margin:30px 0 40px;clear: both;}
.er-info-column2:before{content:" ";display:block;width:72px;height:3px;position:absolute;bottom:-2px;left:50%;margin-left:-36px;background:#df2336;}
.er-info-column2:after{content:" ";display:block;width:100%;clear:both;}


.er-info-text1{text-align:center;line-height:26px;color:#2d2d2d;font-size:14px;margin-top:8px;padding:0 150px;}
.er-info-text2{text-align:center;line-height:26px;color:#2d2d2d;font-size:18px;margin-top:8px;padding:0 150px;font-weight:bold;font-family:"zyy-en";}
.er-info-text3{width:940px;margin:20px auto;text-align:center;color:#2d2d2d;font-size:14px;background:url(../images/xiexian1.png) left center no-repeat;}
.er-info-text3 li{background:url(../images/xiexian2.png) right center no-repeat;padding:0px 40px;line-height:28px;}

.group-zsm{margin-top:50px;}
.group-zsm:after{content:" ";display:block;clear:both;}
.group-zsm li{width:33.33%;height:316px;float:left;background:url("../images/xian.jpg") center right no-repeat;text-align:center;}
.group-zsm li:last-child{background:none;}
.group-zsm .li-p-1{width:80px;height:80px;margin:0 auto;background-color:#eeeeee;border-radius:50%;overflow:hidden;position:relative;}
.group-zsm .li-text-1{color:#dd1000;font-size:16px;height:40px;line-height:40px;}
.group-zsm .li-text-2{line-height:26px;}
.group-zsm li:hover .li-p-1{background-color:#dd1000;}
.group-zsm li:hover .li-p-1 img{position: absolute;bottom:0px;left:0px}

.group-hzhb{margin-top:40px;}
.group-hzhb:after{content:" ";display:block;clear:both;}
.group-hzhb li{width:20%;height:300px;float:left;text-align:center;border-radius:3px;}
.group-hzhb li.li-bg{background:#d3d3d1;}
.group-hzhb .li-p-1{height:74px;line-height:84px;font-size:34px;color:#323232;font-family:"zyy-en";}
.group-hzhb .li-p-2{height:110px;line-height:24px;}
.group-hzhb .li-p-2 span{font-weight:bold;font-size:15px;}

.group-jishu{margin-top:30px;}
.group-jishu li{width:33.33%;float:left;text-align:center;position:relative;margin-top:5px;overflow:hidden;}
.group-jishu li > div{position:absolute;left:2px;top:-361px;width:361px;height:361px;left:2px;top:-361px;background:rgba(215,50,64,1);color:#fff;padding:60px;}
.group-jishu li > div h1{height:60px;line-height:50px;}
.group-jishu li > div p{line-height:24px;font-size:14px;}


.group-service-text{width:650px;height:340px;margin:30px auto;position:relative;clear: both;}
.group-service-text li{position:absolute;top:0;}
.group-service-text .l-img{left:0;}
.group-service-text .c-img{left:250px;top:15px;}
.group-service-text .r-img{right:0;}

.group-service-ys{width:774px;margin:20px auto;}
.group-service-ys li img{display:block;}





.group-sgjs{height:232px;margin-top:30px}
.group-sgjs li.left-img{width:460px;float:left;text-align: right;}
.group-sgjs li.right-text{width:520px;float:left;padding:100px 0px 0px 50px;font-size:16px;}
.group-sgjs li.right-text h2{color:#df2336;line-height:42px;}
.group-sgjs li.right-text p{line-height:26px;}

.quxian{height:146px;font-size:24px;margin-top:50px;position:relative;}
.quxian .quxian-1{width:100%;height:146px;background:url(../images/gif_quxian.gif) center no-repeat;position:absolute;top:0;left:0}
.quxian .quxian-2{width:100%;height:146px;line-height:146px;position:absolute;top:0;left:0;text-align:center;}

.lanmu{text-align: center;padding:20px 0;}

.group-ul-img{height:480px;margin:20px auto}
.group-ul-img .left-img{width:520px;float:left;}
.group-ul-img .right-img{width:572px;float:left;text-align:right;}

.anim-fd2{animation:anim-fd 1s ease 1 alternate 1000ms both; }
.anim-l2{animation:anim-l2 2s ease;}
.anim-r2{animation:anim-r2 2s ease;}
@-webkit-keyframes anim-fd2{
	from{transform:scale(0.6,0.6);opacity:0;}
	to{transform:scale(1,1);opacity:1;}
}
@-webkit-keyframes anim-l2{
	from{transform:translate(-220px,-30px);opacity:0;}
	to{transform:translate(0px,0px);opacity:1;}
}
@-webkit-keyframes anim-r2{
	from{transform:translate(220px,30px);opacity:0;}
	to{transform:translate(0px,0px);opacity:1;}
}

.group-yaoshu{width:550px;margin:60px auto;position:relative;height:100px;}
.group-yaoshu .span-1{position:absolute;top:0;left:0;z-index:100;}
.group-yaoshu .span-2{position:absolute;bottom:0;right:0;z-index:100;}
.group-yaoshu .span-3{position:absolute;top:2px;left:0;}


.group-zrhj{height:1226px;background:url(../images/shanguan_img_6.jpg) top center no-repeat;position:relative;}
.group-zrhj p{position:absolute;}
.group-zrhj .li-1{left:228px;top:43px}
.group-zrhj .li-2{left:637px;top:276px}
.group-zrhj .li-3{left:228px;top:532px}
.group-zrhj .li-4{left:637px;top:760px}
.group-zrhj .li-5{left:228px;top:1013px}


/* -------------- 动画样式 -------------- */

.anim-t{animation:anim-t 2s ease;}
.anim-l{animation:anim-l 2s ease;}
.anim-r{animation:anim-r 2s ease;}
.anim-d{animation:anim-d 2s ease;}
.anim-rt{animation:anim-rt 2s ease;}
.anim-ld{animation:anim-ld 2s ease;}
.anim-lt{animation:anim-lt 2s ease;}
.anim-rd{animation:anim-rd 2s ease;}
.anim-opa{animation:anim-opa 2s ease;}
.anim-fd{animation:anim-fd 2s ease;}
.anim-sx{animation:anim-sx 2s ease;}
.anim-img-fd{animation:anim-img-fd 2s ease;}

@-webkit-keyframes anim-t{
	from{transform:translate(-0px,-200px);opacity:0;}
	to{transform:translate(0px,0px);opacity:1;}
}
@-webkit-keyframes anim-d{
	from{transform:translate(0,200px);opacity:0;}
	to{transform:translate(0px,0px);opacity:1;}
}
@-webkit-keyframes anim-l{
	from{transform:translate(-220px,0px);opacity:0;}
	to{transform:translate(0px,0px);opacity:1;}
}
@-webkit-keyframes anim-r{
	from{transform:translate(220px,-0px);opacity:0;}
	to{transform:translate(0px,0px);opacity:1;}
}
@-webkit-keyframes anim-lt{
	from{transform:translate(-220px,-200px);opacity:0;}
	to{transform:translate(0px,0px);opacity:1;}
}
@-webkit-keyframes anim-rt{
	from{transform:translate(220px,-200px);opacity:0;}
	to{transform:translate(0px,0px);opacity:1;}
}
@-webkit-keyframes anim-ld{
	from{transform:translate(-220px,200px);opacity:0;}
	to{transform:translate(0px,0px);opacity:1;}
}
@-webkit-keyframes anim-rd{
	from{transform:translate(220px,200px);opacity:0;}
	to{transform:translate(0px,0px);opacity:1;}
}
@-webkit-keyframes anim-opa{
	from{opacity:0;}
	to{opacity:1;}
}
@-webkit-keyframes anim-fd{
	from{transform:scale(0.6,0.6);opacity:0;}
	to{transform:scale(1,1);opacity:1;}
}
@-webkit-keyframes anim-sx{
	from{transform:scale(1.5,1.5);opacity:0;}
	to{transform:scale(1,1);opacity:1;}
}
@-webkit-keyframes anim-img-fd{
	from{transform:scale(1,1);}
	to{transform:scale(1.1,1.1);}
}
@-webkit-keyframes anim-img-fy{
	from{transform:scale(1.1,1.1);}
	to{transform:scale(1,1);}
}