@charset "gb2312";
/* CSS Document */
body{margin:0;font-size:12px;line-height:1; font-family:"������ͤ�ֺڼ���,Microsoft YaHei";}
h1,h2,h3,h4,h5,h6{margin:0;font-size:12px;}
p,dl,dd{margin:0;}
ul,ol{margin:0;padding:0;list-style:none;}
a{text-decoration:none;color:#333;}
i,em{ font-style:normal;}
img{border:none;vertical-align:bottom;}.clearfix{*zoom:1;} /*ie7?????????*/
.clearfix:after{content:""; display:block; clear:both; font-size:0; line-height:0;}
table{border-spacing:0;border-collapse:collapse;}
th,td{padding:0;text-align:left; vertical-align:top;}
input{border:none;background:none;outline:none;}
textarea{resize:none;}
.box {width: 1000px;margin: 0 auto;}
.fl{float:left}
.fr{float:right}
/*  top  */
.zg_top {height: 81px;padding: 16px 0;}
.zg_top_cen p a:hover {color: #F74D02;}
a {color: #333;cursor: pointer;text-decoration: none;}
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.zg_top_let {width: 160px;}
.fl {float: left;display: inline;}
.zg_top_cen {width: 675px;
 *width: 665px;}
.zg_top_cen p em {display: block;position: absolute;top: -8px;left: 68px;width: 15px;height: 8px;background: url(../images/zg_jiao02.jpg) no-repeat center;}
.zg_top_cen ul {height: 32px;margin-bottom: 9px;}
.zg_top_cen ul li {float: left;width: 110px;height: 40px;position: relative}
.zg_top_cen p {width: 845px;height: 28px;border: solid 1px #ff4a00;border-radius: 2px;line-height: 28px;position: absolute;top:46px;left:0}
.zg_top_cen ul li>a {display: inline-block;padding: 0 10px;font: 16px/32px "Microsoft YaHei";float: left;color: #333}
.zg_top_cen ul li>a:hover {text-decoration: none;background: #ff4a00;color: #fff;}
.zg_top_cen ul li.hover>a{display: inline-block;padding: 0 20px 0 0;background: url(../images/zg_jiao03.jpg) no-repeat right center;color: #333}
.zg_top_cen ul li.on>a{background: url(../images/zg_jiao01.jpg) no-repeat right center;color: #ff4a00;}
.zg_top_cen ul li>a {display: inline-block;padding: 0 10px;font: 16px/32px "Microsoft YaHei";}
.zg_top_cen p a {padding: 0 7px;}
.fadeInRight {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;}
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.zg_top_ret {*width: 155px;background: url(../images/zg_dh.jpg) no-repeat left 3px;padding-left: 20px;font: bold 20px/30px "Microsoft YaHei";color: #ff4a00;}

/*  banner  */
.zg_banner{overflow: hidden;}
.bannerBox{
    width: 100%;
    height: 640px;
}
.bannerBox .bd ul li{
    width: 100%;
    vertical-align: middle;
    cursor: pointer;
}
.bannerBox .hd{
    position: relative;
}
.bannerBox .hd ul{
    position: absolute;
    top: 580px;
    left: 477px;
    z-index: 210;
}
.bannerBox .hd ul li{
    display:block; 
    width:7px;
    height:7px;
    border-radius:7px;
    margin-right:5px;
background: #bcc1d8;
    float: left;
    cursor: pointer;
}
.bannerBox .hd ul li.on{
    width: 30px;
    background: #ffffff;
}
.banner1{
    display: block;
    background: url('../images/zg_banbg1.jpg') no-repeat center bottom;
    width: 100%;
    height: 640px;
    overflow: hidden;
    z-index: 100;
}

.banner1_in{
    display: block;
    background: url('../images/zg_banbgm1.jpg') no-repeat center bottom;
    width: 1000px;
    height: 488px;
    z-index: 100;
	padding-top:152px;
    position:relative;}

.banner1_pic2{
    position: absolute;
    left:551px;
    top: 50px;
}

.ban1left{width:711px;background: url(../images/zg_ban1bg1.png) no-repeat center 36px;text-align: center}
.ban1left h2{font-size:48px;color:#fff;line-height:84px;text-align: center;letter-spacing: -2px}
.ban1left h3{font-weight: normal;font-size:34px;color:#623d03;line-height:65px;height: 65px; text-align: center;letter-spacing: -2px;margin:28px 0 51px;background: url(../images/zg_ban1bg2.png) no-repeat center;}
.ban1left span{font-size:28px;color:#ed3c82;line-height:58px;text-align: center;font-weight: bold;display:inline-block;background:#fff;border-radius:35px;padding:0 50px;}
.ban1right{width:254px;}
.ban1right p{font-size:34px;color:#fff;text-align: center;line-height: 48px;padding:14px 0}
.inpt_tel{background:#f5f5f5 url(../images/icon_tel.png) no-repeat 15px center;display: block;height: 49px;line-height: 49px;width:191px;padding:0 20px 0 43px;font-size:20px;color:#333;border-radius: 5px;}
::-webkit-input-placeholder {color:#999;}
:-moz-placeholder {color:#999;}
::-moz-placeholder {color:#999;}
:-ms-input-placeholder {color:#999;}
.inpt_sub{display: block;width:254px;height: 52px;text-align: center;line-height: 52px; background: -webkit-linear-gradient(left, #fe8644, #ed3c82);
   background: -o-linear-gradient(left,#fe8644, #ed3c82);
   background: -moz-linear-gradient(left,#fe8644, #ed3c82);
   background: -ms-linear-gradient(left,#fe8644, #ed3c82);
filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#fe8644,endColorStr=#ed3c82);
  background: -webkit-gradient(linear, 0% 25%, 75% 100%, from(#fe8644), to(#ed3c82));border-radius: 35px;margin-top:33px;font-size:22px;color:#fff;cursor: pointer
}

.banner2{
    display: block;
    background: url('../images/zg_banbg2.jpg') no-repeat center bottom;
    width: 100%;
    height: 640px;
    overflow: hidden;
    z-index: 100;
}

.banner2_in{
    display: block;
    background: url('../images/zg_banbgm2.jpg') no-repeat center bottom;
    width: 1000px;
	height: 515px;
	padding-top:125px;
    z-index: 100;
    position:relative;}

.ban2left{width:563px;padding-top:24px;}
.ban2_ul {text-align: center;padding-top:36px}
.ban2_ul p{display: inline-block;*display:inline;zoom:1;width:153px;height: 41px;line-height: 41px;padding-left:56px;background: url(../images/zg_ban2pic2.png) no-repeat;font-size:22px;color:#fff;margin:12px 15px;text-align: left}


.bannerBox .from{
    width: 1000px;
    margin: 0 auto 0;
    position: relative;
}
.bannerBox .from>div{
    position: absolute;
    top: 152px;
    right: 0;
    z-index: 200;
}






/* nav */
.navbox{height: 76px;}
.navCent{background:#000;height: 76px;font-size: 0}
.navCent.fixed{position: fixed;left:0;top:0;width:100%;z-index: 22}
.nav li{display: inline-block;color:#fff;line-height: 76px;font-size:18px;cursor: pointer;*display:inline;zoom:1;}
.nav li span{display: inline-block;width:1px;height: 16px;vertical-align: middle;background:#595959;margin:0 25px;}
.nav li.on{font-weight: bold;color:#ffeb0c}

/* main1 */
.zg_main1{overflow: hidden}
.zg_m1{padding:57px 0 80px;position: relative}
.smbg1{position: absolute;left:-460px;top:179px;}
.smbg2{position: absolute;right:-460px;bottom:117px;}
.zg_tit{font-size:50px;line-height: 78px;text-align: center;color:#333;font-weight: bold;letter-spacing: -2px;}
.zg_tit h1{display: inline-block;font-size:50px;line-height: 78px;text-align: center;color:#333;font-weight: bold;letter-spacing: -2px;}
.zg_tit strong{color:#ed3c82}
.zg_tit span{display: block;width:44px;height: 3px;margin:0 auto; background: -webkit-linear-gradient(left, #ed3c82, #fe8743);
   background: -o-linear-gradient(left,#ed3c82, #fe8743);
   background: -moz-linear-gradient(left,#ed3c82, #fe8743);
   background: -ms-linear-gradient(left,#ed3c82, #fe8743);
filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ed3c82,endColorStr=#fe8743);
  background: -webkit-gradient(linear, 0% 25%, 75% 100%, from(#ed3c82), to(#fe8743));}

.p1_top{
    margin-top: 40px;
    position: relative;
    height: 132px;width:1000px;overflow: hidden;
}
.p1_top ul{margin-left:-10px;}
.p1_top ul li{
    float: left;
    width: 72px;
    height: 30px;
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    margin: 0 0 10px 10px;
    text-align: center;
    font:18px/30px "Microsoft Yahei";
    color: #333333;
    position: relative;
    cursor: pointer;
}
.p1_top ul .p1_hot:after{
    content: " ";
    background: url('../images/hot2.png') no-repeat center bottom;
    background-size: 100% 100%;
    width: 13px;
    height: 14px;
    position: absolute;
    top: -1px;
    right: -1px;
}
.p1_top .hide{
    display: none;
}
.p1_top .on{
    background: #ff6e32;color: #fff
}.p1_top .on a{color: #fff}
.p1_top .more{
    position: absolute;
    top: 92px;
    left: 447px;
    font:18px/18px "Microsoft Yahei";
    color: #858585;
    cursor: pointer;
    
}
.p1_top span{
    display: inline;
    margin-left: 5px;
}
.p1_top div img{
    vertical-align: middle;
}
.p1_top .less{
    position: absolute;
    top: 92px;
    right: 340px;
    font:18px/18px "Microsoft Yahei";
    color: #858585;
    cursor: pointer;
    display: none;
   
}

.class{
    position: relative;margin-bottom:36px;
}
.class_in{
    overflow: hidden;
   
}
.slide8_8{
width: 1000px;

}
.slide8_8 .bd ul{
     width: 1000px;
   
}
.slide8_8 .bd li{
    height: 79px;
    border-bottom: 1px dashed #d5d5d5;
    overflow: hidden;
}
.slide8_8 .bd li .l{
    width: 314px;
    height: 59px;
    margin-top: 10px;
    float: left;
	 background: -webkit-linear-gradient(left, #7857ff, #bf61ff);
   background: -o-linear-gradient(left,#7857ff, #bf61ff);
   background: -moz-linear-gradient(left,#7857ff, #bf61ff);
   background: -ms-linear-gradient(left,#7857ff, #bf61ff);
filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#7857ff,endColorStr=#bf61ff);
  background: -webkit-gradient(linear, 0% 25%, 75% 100%, from(#7857ff), to(#bf61ff));
  
}
.slide8_8 .bd li .r{
 float: right;
    width: 675px;
    height: 60px;
    margin-top: 10px

}
/* .slide8_8 .bd li .l,.slide8_8 .bd li .r{
    float: left;
} */
.slide8_8 .bd li p{
    float: left;
    height: 60px;
}
.slide8_8 .bd li .date{
    font:18px/59px "Microsoft Yahei";
    color: #ffffff;
    width: 50px;
    margin:  0 15px 0 20px;
	white-space: nowrap
}
.slide8_8 .bd li .classname{
    font:18px/59px "Microsoft Yahei";
    color: #ffffff;
    width: 220px;
   
}
.slide8_8 .bd li .time{
    font:16px/60px "Microsoft Yahei";
    color: #333;
    margin: 0 24px 0 25px;
	width:320px;
   
}
.slide8_8 .bd li .time span{
    display: inline;
    width: 30px;
    height: 30px ;
    background: #674ed5;
    color: #fff;
    font:18px/30px "Microsoft Yahei";
    text-align: center;
    margin: 0 8px 0 8px;
    border-radius: 5px;
}
.slide8_8 .bd li .fire{
    font:18px/60px "Microsoft Yahei";
    color: #e60012;
 
}
.slide8_8 .bd li .fire img{
    vertical-align: middle;
    margin-right: 7px;
}
.slide8_8 .bd li a{
    float: right;
    display: block;
    width: 119px;
    height: 40px;
    background: url('../images/p1_a.png') no-repeat center bottom;
    padding-left: 12px;
    font:18px/40px "Microsoft Yahei";
    color: #ffffff;
    margin: 10px 13px 0 0;
    
}
.class .class_left{
    background: url('../images/p1_l.png') no-repeat center bottom;
    width: 300px;
    height: 366px;
    position: absolute;
    left: 0;
    top: 0px;
}
.zg_xijinbox{width:1000px;overflow: hidden}
.zg_xijin{margin-left:-17px;padding:40px 0;}
.zg_xijin li{float:left;width:201px;height: 289px;border-radius:10px;padding:0 18px;margin-left:17px;}
.zg_xijin li p{text-align: center;height: 94px;margin-top:29px;}
.zg_xijin li span{font-size:16px;color:#fff;line-height: 28px;opacity: 0.9;display: block;}
.zg_xjLi2 p img{padding-top:16px;}
.zg_xjLi3 p img{padding-top:11px;}
.zg_xjLi4 p img{padding-top:11px;}
.zg_xjLi1{background: -webkit-linear-gradient(top, #7857ff, #bf61ff);
   background: -o-linear-gradient(top,#7857ff, #bf61ff);
   background: -moz-linear-gradient(top,#7857ff, #bf61ff);
   background: -ms-linear-gradient(top,#7857ff, #bf61ff);
filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#7857ff,endColorStr=#bf61ff);
  background: -webkit-gradient(linear, 0% 25%, 75% 100%, from(#7857ff), to(#bf61ff))}
.zg_xjLi2{background: -webkit-linear-gradient(top, #ef5e86, #ed5a7d);
   background: -o-linear-gradient(top,#ef5e86, #ed5a7d);
   background: -moz-linear-gradient(top,#ef5e86, #ed5a7d);
   background: -ms-linear-gradient(top,#ef5e86, #ed5a7d);
filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ef5e86,endColorStr=#ed5a7d);
  background: -webkit-gradient(linear, 0% 25%, 75% 100%, from(#ef5e86), to(#ed5a7d))}
.zg_xjLi3{background: -webkit-linear-gradient(top, #552bd6, #781ede);
   background: -o-linear-gradient(top,#552bd6, #781ede);
   background: -moz-linear-gradient(top,#552bd6, #781ede);
   background: -ms-linear-gradient(top,#552bd6, #781ede);
filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#552bd6,endColorStr=#781ede);
  background: -webkit-gradient(linear, 0% 25%, 75% 100%, from(#552bd6), to(#781ede))}
.zg_xjLi4{background: -webkit-linear-gradient(top, #17989f, #009aa4);
   background: -o-linear-gradient(top,#17989f, #009aa4);
   background: -moz-linear-gradient(top,#17989f, #009aa4);
   background: -ms-linear-gradient(top,#17989f, #009aa4);
filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#17989f,endColorStr=#009aa4);
  background: -webkit-gradient(linear, 0% 25%, 75% 100%, from(#17989f), to(#009aa4))}

.zgm_a{padding-top:10px}
.zgm_a a{display: block;width:336px;height: 65px;border:2px solid #fa915d;margin:0 auto;text-align: center;line-height: 65px;font-size:24px;color:#fff;background: -webkit-linear-gradient(left, #fe8644, #ed3c82);
   background: -o-linear-gradient(left,#fe8644, #ed3c82);
   background: -moz-linear-gradient(left,#fe8644, #ed3c82);
   background: -ms-linear-gradient(left,#fe8644, #ed3c82);
filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#fe8644,endColorStr=#ed3c82);
  background: -webkit-gradient(linear, 0% 25%, 75% 100%, from(#fe8644), to(#ed3c82));border-radius: 35px;}
.zgm_a a:hover{background:#ED3C82}
.zg_xijin li.zg_xjLi1 span{padding-top:12px;}
/*  main2 */
.zg_main2{background:url(../images/zg_m2bg.jpg) no-repeat center top;height: 1482px;}
.zg_m2{background: url(../images/zg_m2bg2.jpg) no-repeat center top;height: 1482px;}
.zg_m2 .zg_tit{color:#fff;padding-top:55px;}
.zg_m2msg{background: url(../images/zg_m2bg2.png) no-repeat center top;height: 62px;line-height: 62px;font-size:34px;color:#fff;text-align: center;margin-top:35px;font-weight: bold;}
.zg_m2box{position: relative}
.zg_m2box_c{height: 454px;text-align: center;padding:1px 0;position: relative;}
.zg_m2box_c p{height: 204px;background: url(../images/zg_m2bg4.png) no-repeat center;width:279px;margin:0 auto;position: relative;z-index: 15;padding-top:250px;font-size:34px;color:#57ffff;font-weight: bold;}
.container {  
    position: absolute;  
    width: 386px;  
    height: 386px; 
	margin:30px auto 0;
	left:50%;top:0;margin-left:-200px;
}

@keyframes warn {  
    0% {  
        transform: scale(0);  
        opacity: 0.0;  
    }  
    25% {  
        transform: scale(0);  
        opacity: 0.1;  
    }  
    50% {  
        transform: scale(0.5);  
        opacity: 0.3;  
    }  
    75% {  
        transform: scale(0.8);  
        opacity: 0.5;  
    }  
    100% {  
        transform: scale(1);  
        opacity: 0.0;  
    }  
}  
@-webkit-keyframes "warn" {  
    0% {  
        -webkit-transform: scale(0);  
        opacity: 0.0;  
    }  
    25% {  
        -webkit-transform: scale(0);  
        opacity: 0.1;  
    }  
    50% {  
        -webkit-transform: scale(0.5);  
        opacity: 0.3;  
    }  
    75% {  
        -webkit-transform: scale(0.8);  
        opacity: 0.5;  
    }  
    100% {  
        -webkit-transform: scale(1);  
        opacity: 0.0;  
    }  
}
.zg_m2boxUl{position: absolute;left:0;top:0;height: 454px;width:100%;}
.zg_m2boxUl li{position: absolute;border:1px solid #617fff;min-width:239px;padding:8px 15px;font-size:16px;color:#afbeff;line-height: 26px;}
.zg_m2boxUl li strong{font-weight: bold;color:#57ffff;}
.zg_m2li1{left:72px;top:46px;text-align: right}
.zg_m2li2{right:88px;top:44px;}
.zg_m2li3{left:0;top:172px;}
.zg_m2li4{right:0;top:172px;}
.zg_m2li5{left:45px;bottom:71px;text-align: right}
.zg_m2li6{right:45px;bottom:71px;}
.zg_m2li7{left:355px;bottom:-18px;text-align: center;width:258px;}
.zg_m2boxMsg{text-align: center;margin-top:35px;font-size:16px;color:#afbeff;line-height: 40px}

.zg_tit2{text-align: center;font-size:30px;color:#57ffff;margin-top:40px;line-height: 60px;font-weight: bold}
.zg_tit2 span{display: block;width:30px;height: 3px;background:#57ffff;margin:0 auto;}
.zg_m2zy li{width: 1000px;overflow: hidden}
.zg_m2zyC{margin-left:-16px;padding-top:26px}
.zg_m2zy p{display: block;width:238px;height: 93px;border-radius: 8px;font-size:40px;color:#fff;line-height: 64px;text-align: center;float:left;padding-top:20px;margin:0 0 16px 16px;*margin-left:10px;*margin-bottom:0;}
.zg_m2zy p strong span{font-size:20px;}
.zg_m2zy .hd{
    position: relative;
}
.zg_m2zy .hd ul{
    position: absolute;
    top: 520px;
    left: 477px;
    z-index: 210;
}
.zg_m2zy .hd ul li{
	font-size:0;
    display:block; 
    width:7px;
    height:7px;
    border-radius:7px;
    margin-right:5px;
background: #bcc1d8;
    float: left;
    cursor: pointer;
}
.zg_m2zy .hd ul li.on{
    width: 30px;
    background: #ffffff;
	opacity: 0.2;
}


.zyp1{background: -webkit-linear-gradient(left, #975bff, #c395ff);
   background: -o-linear-gradient(left,#975bff, #c395ff);
   background: -moz-linear-gradient(left,#975bff, #c395ff);
   background: -ms-linear-gradient(left,#975bff, #c395ff);
filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#975bff,endColorStr=#c395ff);
  background: -webkit-gradient(linear, 0% 25%, 75% 100%, from(#975bff), to(#c395ff))}

.zyp2{background: -webkit-linear-gradient(left, #5fbdf0, #73ecfa);
   background: -o-linear-gradient(left,#5fbdf0, #73ecfa);
   background: -moz-linear-gradient(left,#5fbdf0, #73ecfa);
   background: -ms-linear-gradient(left,#5fbdf0, #73ecfa);
filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#5fbdf0,endColorStr=#73ecfa);
  background: -webkit-gradient(linear, 0% 25%, 75% 100%, from(#5fbdf0), to(#73ecfa))}

.zyp3{background: -webkit-linear-gradient(left, #5290ff, #6faeff);
   background: -o-linear-gradient(left,#5290ff, #6faeff);
   background: -moz-linear-gradient(left,#5290ff, #6faeff);
   background: -ms-linear-gradient(left,#5290ff, #6faeff);
filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#5290ff,endColorStr=#6faeff);
  background: -webkit-gradient(linear, 0% 25%, 75% 100%, from(#5290ff), to(#6faeff))}

.zg_m2L {width:450px;}
.zg_m2L .zg_tit2{font-size:26px;}
.zg_m2L.fl img{padding-top:42px;}
.zg_m2L.fr img{padding-top:24px;}

.zg_m2zyMsg{text-align: right;color:#fff;font-size:16px; display: block;width: 1000px;height: 20px;float: right;}
.zg_m2zyMsg2{
    margin-top: 20px
}
.zg_m2 .zgm_a{margin-top:8px;}
.pulse {  
	 z-index: 2;
    position: absolute;  
    width: 386px;   
    height: 386px;  
    left: 0px;  
    top: 0px;  
    border:2px dashed #617fff; 
	 *background: url(images/zg_m2bg3.png) no-repeat;
	 *background-size:100%;
	 *border:0;
	 background: url(images/zg_m2bg3.png) no-repeat \9;
	 background-size:100%\9;
	 border:0\9;
    -webkit-border-radius:50%;  
    -moz-border-radius: 50%;  
    border-radius: 50%;  
    z-index: 1;  
    opacity: 0;  
    -webkit-animation: warn 1.5s ease-out;  
    -moz-animation: warn 1.5s ease-out;  
    animation: warn 1.5s ease-out;  
    -webkit-animation-iteration-count: infinite;  
    -moz-animation-iteration-count: infinite;  
    animation-iteration-count: infinite;  
}
/*  mian3 */
.zg_main3{background: url(../images/zg_m3bg.jpg) no-repeat center top;height: 997px;}
.zg_m3 .zg_tit{padding-top:52px;color:#5544d8;}
.zg_m3Msg{text-align: center;color:#666;font-size:26px;line-height: 45px;padding:24px 0}
.zg_m3box{}
.zg_m3L{width:826px;float:left;}
.zg_m3L li{padding-bottom:20px;position: relative}
.zg_m3L li span{position: absolute;left:0;top:-10px;display:block;width:70px;height: 70px;float:left;text-align: center;line-height: 70px;font-size:32px;color:#fff;background: -webkit-linear-gradient(left, #7857ff, #be61ff);
   background: -o-linear-gradient(left,#7857ff, #be61ff);
   background: -moz-linear-gradient(left,#7857ff, #be61ff);
   background: -ms-linear-gradient(left,#7857ff, #be61ff);
filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#7857ff,endColorStr=#be61ff);
  background: -webkit-gradient(linear, 0% 25%, 75% 100%, from(#7857ff), to(#be61ff))z-index: 2}
.zg_m3L li p{width:697px;background:#8f76ff;padding:6px 30px 12px 52px;float:left;margin-left:47px;color:#fff;line-height: 25px;font-size:16px;min-height: 83px;}
.zg_m3L li p strong{display: block;height: 42px;line-height: 42px;font-size:20px;}

.zg_m3R{width:114px;float:right;position: relative}
.zg_m3Rbox{background: url(../images/zg_m3bg2.png) repeat-y;height: 538px;width:24px;margin-top:40px;font-size:24px;font-weight: bold;color:#fff;padding:42px 34px 0 55px;}
.zg_m3R i{position: absolute;}
.zg_m3Ri1{display: block;width:20px;height: 20px;background:#a28dff;left:-54px;top:-15px}
.zg_m3Ri2{display: block;width:36px;height: 36px;background:#a28dff;left:-24px;top:4px; animation: li2 5s   ease-in-out infinite;
    -webkit-animation:li2 5s  linear infinite;
-moz-animation:li2 5s  linear infinite;
-o-animation:li2 5s  linear infinite;}

@-webkit-keyframes li2{

    0%{transform: translateY(0px)}
    100%{transform:translateY(568px)}
    /* 100%{transform:translateY(0px)} */
}
@-moz-keyframes li2{
    0%{transform: translateY(0px)}
    100%{transform:translateY(568px)}
    /* 100%{transform:translateY(0px)} */
}
@-o-keyframes li2{
    0%{transform: translateY(0px)}
    100%{transform:translateY(568px)}
    /* 100%{transform:translateY(0px)} */
}


/* main04 */
.zg_main4{overflow: hidden}
.zg_m4{padding-bottom:72px;position: relative;}
.zg_m4 .zg_tit{padding:84px 0 0 ;}
.zg_m3Msg strong{color:#ed3c82;}
.zg_m4box{position: relative;}
.zg_m4box .hd{
    position: relative;
}
.zg_m4box .hd ul{
    position: absolute;
    top: 570px;
    left: 446px;
    z-index: 210;
}
.zg_m4box .hd ul li{
	font-size:0;
    display:block; 
    width:10px;
    height:10px;
    border-radius:10px;
    margin-right:5px;
background: #fff;
    float: left;
    cursor: pointer;
	opacity: 0.5;
}
.zg_m4box .hd ul li.on{
    width: 30px;
    background: #ffffff;
	opacity: 1
}

.zg_m4box .prev,
.zg_m4box .next{ position:absolute; left:302px; top:6px; display:block; width:32px; height:40px; background:url(../images/prev.png)  no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.zg_m4box .next{ left:auto; right:302px;  background:url(../images/next.png)  no-repeat }
.zg_m4box .prev:hover,
.zg_m4box .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.zg_m4box .prevStop{ display:none;  }
.zg_m4box .nextStop{ display:none;  }

.zg_m4T{height: 56px;width:297px;text-align: center;line-height: 56px;color:#fff;margin:0 auto 40px;background: -webkit-linear-gradient(left, #4324fd, #d80efc);
   background: -o-linear-gradient(left,#4324fd, #d80efc);
   background: -moz-linear-gradient(left,#4324fd, #d80efc);
   background: -ms-linear-gradient(left,#4324fd, #d80efc);
filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#4324fd,endColorStr=#d80efc);
  background: -webkit-gradient(linear, 0% 25%, 75% 100%, from(#4324fd), to(#d80efc));font-size:26px;color:#fff;font-weight: bold}
.zg_m4titTop{height: 86px;line-height: 86px;}
.zg_m4tit{width:50%;float:left;text-align: center;font-size:32px;color:#fff;background:#400bba;border-top-left-radius: 5px;border-top-right-radius: 5px;font-weight: bold;letter-spacing: 5px;}
.zg_m4tit.fr{background:#f402c5}
.zg_m4tit span{display: inline-block;width:40px;height: 19px;margin:0 20px;}
.iconml{background:url(../images/zg_m4iconL.png) no-repeat;}
.iconmr{background:url(../images/zg_m4iconR.png) no-repeat;}
.zg_m4Bot{background: url(../images/zg_m3bg4.png) no-repeat;height: 438px;padding-top:24px;}
.zg_m4BotL{font-size:16px;color:#fff;line-height: 34px;width:378px;float:left;padding:15px 60px;min-height: 280px;}
.zg_m4BotL:last-child{border-left:2px dashed #ba99fa}

.zg_m4img{position: absolute;right:-434px;bottom:226px;}

/*  main5 */
.zg_main5{background: url(../images/zg_m5bg.jpg) no-repeat center top;}
.zg_m5{background: url(../images/zg_m5bg2.jpg) no-repeat;height: 1226px;position: relative}
.zg_m5 .zg_tit{color:#fff;padding-top:60px;}
.zg_m5C{width:335px;height: 225px;background: url(../images/zg_m5bg1.png) no-repeat;position: absolute;top:290px;left:336px;z-index: 2;text-align: center;font-size:40px;line-height: 54px;color:#f14e73;font-weight: bold;padding-top:110px;}

 .tagBall {
      width: 1000px;
      height: 880px;
      margin: 10px auto;
      position: relative;z-index: 8
    }

    .tag {
      display: block;
      position: absolute;
      left: 0px;
      top: 0px;
      color: #000;
      text-decoration: none;
      font-size: 15px;
      font-family: "΢���ź�";
      font-weight: bold;
      will-change: transform;
    }

.zg_m5A{display: block;width:340px;height: 69px;line-height: 69px;text-align: center;font-size:24px;color:#333;background:#fff;border-radius: 35px;border:2px solid #ccc;margin:0 auto; }
.zg_m5A:hover{background:#efefef;}
.zg_m5Img{position: relative;padding:50px 0}

/* main6 */
.zg_main6{padding:54px 0}
.zg_m6dl{width:491px;padding-bottom:10px;}
.zg_m6dl dd{height:304px;box-shadow: 0 0 10px #f2f2f2;border:1px solid #ebebeb;border-top:0 ;padding:18px 19px 0;}
.zg_m6dl dd h4{background: url(../images/zg_m6icon.png) no-repeat left center;padding-left:28px;line-height: 38px;font-size:18px;color:#4c1cb0;}
.zg_m6dl dd p{font-size:16px;line-height: 26px;color:#333;padding:5px 0 12px;}
.zg_m6dl dd p strong{font-weight: bold;}
.zg_m6tit{background: url(../images/zg_m6icon3.png) no-repeat 2px 19px;padding-left:17px;line-height: 64px;margin-top:20px;font-size:26px;color:#333}
.zg_m6box{position: relative;margin-bottom:80px;}
.zg_m6box .hd{
    position: relative;
}
.zg_m6box .hd ul{
    position: absolute;
    top: 609px;
    left: 453px;
    z-index: 20;
}
.zg_m6box .hd ul li{
	font-size:0;
    display:block; 
    width:24px;
    height:24px;
    border-radius:24px;
    margin-right:10px;
background:url(../images/zg_m6icon1.png) no-repeat;
    float: left;
    cursor: pointer;
}
.zg_m6box .hd ul li.on{
    width: 24px;
    background:url(../images/zg_m6icon2.png) no-repeat;
	opacity: 1
}
.zg_m6box .prev,
.zg_m6box .next{ position:absolute; left:400px; bottom:-50px; display:block; width:32px; height:40px; background:url(../images/m6_prev.png)  no-repeat;   }
.zg_m6box .next{ left:auto; right:395px;  background:url(../images/m6_next.png)  no-repeat }
.zg_m6box .prev:hover,
.zg_m6box .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.zg_m6box .prevStop{ display:none;  }
.zg_m6box .nextStop{ display:none;  }

.zg_m6Ul{margin-bottom:30px;}
.zg_m6Ul li{width:180px;padding-right: 20px;text-align: center;background: url(../images/zg_m6bg1.jpg) no-repeat;float:left;height: 222px;margin-right: 5px;}
.zg_m6Ul li h4{font-size:16px;color:#fff;line-height: 45px;}
.zg_m6Ul li p{font-size:16px;color:#333;line-height: 26px;padding-top:10px;}
.zg_m6Ul li.lastLi{padding-right: 0;background: url(../images/zg_m6bg2.jpg) no-repeat;margin-right: 0}

/*zwq start*/
/*footer*/
.di{
    width:100%;
    background: #070B0F;
}
.di_cen{
    width:1000px;
    margin: 0 auto;
    /*padding-top:66px;*/
}
.phone{
    width:100%;
    height:118px;
}
.pho_left{
    color: #fff;
    font-size: 48px;
    line-height: 78px;
    float: left;
    font-weight: bold;
    font-family: "Microsoft YaHei"
}
.pho_right{
    float: right;
    padding-top: 6px;
}
.pho_right div{
    float: left;
}
.pho_right a{
    display: block;
    width:175px;
    height:56px;
    border:2px solid #fff;
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 56px;
    float: left;
    margin-right: 13px;
    font-family: "Microsoft YaHei";
    border-radius: 28px;
}

.ewm{
  height:140px;
}
.ewm div{
    width:330px;
    float: left;
    margin-right:5px;
}
.ewm div img{
    float: left;
}
.ewm div span{
    display: block;
    float: left;
    color: #fff;
    font-size:14px;line-height: 26px;
    margin-top: 39px;
    margin-left: 10px;
    font-family: "Microsoft YaHei";
}
.ewm .xyd{
    width:330px;
}
.ewm .dyd{
    width:330px;
}
.two {
    width: 100%;
    padding-bottom: 36px;
    padding-top: 36px;
    text-align: center;
    color: #666;
    border-top: 1px solid #ededed;
}
.copy a, .copy h1 {
    color: #fff;
    font-size: 14px;
    font-family: "Microsoft YaHei";
    font-weight: normal;
    display: inline;
}
.copy a{
    padding:10px;
    padding-bottom:20px;
}
.foe{
    margin-top: 10px;
    font-family: "Microsoft YaHei";color: #fff;
    font-size: 14px;
}
.ewm i{font-style: normal}

/*form*/
.wrap{width:1000px; margin:0 auto; clear: both; float:none;}
.offcn_botform{ padding:50px 0 40px;}
.offcn_bot1fl{width:337px; }
.offcn_bot1fl li{ position: relative;height:190px; margin-bottom: 30px; }
.offcn_bot1fl img{ display: block; width:100%;height: 100%;}
.offcn_bot1fl span{ position: absolute; width:52px; height:181px; right:-93px; top:5px; }
.offcn_bot1fl span a{ width:30px; padding:0 11px;height: 181px;display: table-cell; font-size:24px; line-height: 26px; color:#fff; text-align: center; vertical-align: middle;  background-image: -moz-linear-gradient( -157deg, rgb(237,60,130) 0%, rgb(246,98,99) 40%, rgb(254,135,67) 100%);background-image: -webkit-linear-gradient( -157deg, rgb(237,60,130) 0%, rgb(246,98,99) 40%, rgb(254,135,67) 100%);background-image: -ms-linear-gradient( -157deg, rgb(237,60,130) 0%, rgb(246,98,99) 40%, rgb(254,135,67) 100%);background-image: -o-linear-gradient( -157deg, rgb(237,60,130) 0%, rgb(246,98,99) 40%, rgb(254,135,67) 100%);filter:progid:DXImageTransform.Microsoft.Gradient
(gradientType=0,startColorStr=#FE8743,endColorStr=#ED3C82);border-radius: 26px;  }
.offcn_bot1fl span a:hover{background: #ED3C82;color:#fff; }

.offcn_bo1rt{ width:251px; padding:30px 82px;height:338px; background: url(../images/bot_img3.png) no-repeat;  }
.offcn_bo1rt h6{ font-size: 40px; line-height: 1; padding-bottom: 28px;background: url(../images/bot_img39.png) no-repeat center bottom;color:#fff;margin-bottom: 22px;   }
.offcn_bo1rt div{margin-bottom: 12px; }
.offcn_bo1rt input[type="text"]{display: block;width:100%; background-color:#fff; text-indent:48px;font-size:14px; color:#333; height:46px; line-height: 46px; }
.offcn_bo1rt input::-webkit-input-placeholder { color: #999; }
.offcn_bo1rt input:-moz-placeholder { color: #999; }
.offcn_bo1rt input::-o-placeholder { color: #999; }
.offcn_bo1rt input:-ms-input-placeholder { color: #999; }
.input_name{ background:url(../images/bot_img6.png) no-repeat 18px center #fff; }
.input_tele{ background:url(../images/bot_img7.png) no-repeat 18px center #fff; }
.input_qq{ background:url(../images/bot_img8.png) no-repeat 18px center #fff; }
.part15_right_btn{ margin-top:26px; display: block; width:100%; height: 46px; font-family:"Microsoft Yahei"; line-height: 46px; color:#fff; cursor:pointer; border-radius: 5px; font-size:18px; letter-spacing: 6px; background-image: -moz-linear-gradient( -157deg, rgb(237,60,130) 0%, rgb(246,98,99) 40%, rgb(254,135,67) 100%);background-image: -webkit-linear-gradient( -157deg, rgb(237,60,130) 0%, rgb(246,98,99) 40%, rgb(254,135,67) 100%);background-image: -ms-linear-gradient( -157deg, rgb(237,60,130) 0%, rgb(246,98,99) 40%, rgb(254,135,67) 100%); filter:progid:DXImageTransform.Microsoft.Gradient
(gradientType=1,startColorStr=#FE8743,endColorStr=#ED3C82);}

/*environment*/
.offcn_bot2{ padding:8px 0 30px;}
.offcn_bot2 .cont{ background: url('../images/bot_back4.jpg') no-repeat center top; width:100% ; height: 575px; margin: 40px auto;}
.offcn_bot2 .cont_in{ background: url('../images/bot_back5.jpg') no-repeat center top; width:1000px ;  height: 575px; }
.offcn_link{ display: block; margin:0 auto; width: 336px; height: 65px; border:1px solid #FA915D;   border-radius: 34px;background-image: -moz-linear-gradient( -157deg, rgb(237,60,130) 0%, rgb(246,98,99) 40%, rgb(254,135,67) 100%);background-image: -webkit-linear-gradient( -157deg, rgb(237,60,130) 0%, rgb(246,98,99) 40%, rgb(254,135,67) 100%);background-image: -ms-linear-gradient( -157deg, rgb(237,60,130) 0%, rgb(246,98,99) 40%, rgb(254,135,67) 100%); filter:progid:DXImageTransform.Microsoft.Gradient
(gradientType=1,startColorStr=#FE8643,endColorStr=#ED3C82); font-size:24px; line-height: 65px; color:#fff; font-weight: bold; text-align: center; }
.offcn_link:hover{ color:#fff; background: #ED3C82; border-color: #ED3C82;}
.offcn_botbt{ text-align: center; font-size: 50px; color:#333; line-height: 88px; position: relative; }
.offcn_botbt span{color:#ed3c82;}
.title_bot{ position: absolute; z-index: 1; width:44px; height: 3px; background: url(../images/bot_img5.png) no-repeat; left:50%;bottom:0; margin-left: -22px; }
.offcn_botbt i{display: inline-block; width:24px; height: 24px; background: url(../images/bot_img28.png) no-repeat; position: relative; top:-3px;margin-left: 12px;    vertical-align: top;}

/*service*/

.offcn_bot3{ background: url(../images/bot_back1.jpg) no-repeat center top;}
.offcn_service{ padding:60px 0 46px;} 
.offcn_link2{ display: block; margin:0 auto; text-align: center; border-radius:34px; width:338px; height:66px; border:1px solid #ccc;font-size:24px; line-height: 66px; }
.offcn_link2:hover{ background: #ccc; }
.offcn_botbt2{ text-align: center; font-size:40px; line-height: 2; color:#333;position: relative;}
.service_list{ margin:30px auto 4px; }
.marr0{ margin-right: 0!important;}
.service_list li{ width:172px;height: 172px; background: url(../images/bot_img4.png) no-repeat ; float:left; margin: 0 35px 30px 0; }
.service_list span{ display:table-cell;  width:172px;height: 172px;  text-align: center; vertical-align: middle; font-size:18px; line-height: 30px; color:#fff;*display:inline;zoom:1;  *position:relative;top:70px;}

/*exclusive service*/
.offcn_bot4{background: url(../images/bot_back6.jpg) no-repeat center top;}
.offcn_service2{ padding:60px 0 56px;} 
.colorfff{color:#fff; }
.offcn_botzy{text-align: center; margin:20px auto 30px;font-size:26px; line-height: 46px; }
.service2_list li{ margin:0 23px 24px 0; border-radius:10px; position: relative; background: #fff; padding:24px 21px 26px;width:191px; height:314px; }
.service2_list em{ position: absolute;width:112px; height: 7px; background: url(../images/bot_img41.png) no-repeat center top; left:50%;margin-left: -56px; top:0;}
.service2_list span{ display: block; margin:0 auto 10px; width:75px; height: 74px; }
.service2_li1 span{ background: url(../images/bot_img13.png) no-repeat; }
.service2_li2 span{ background: url(../images/bot_img14.png) no-repeat; }
.service2_li3 span{ background: url(../images/bot_img15.png) no-repeat; }
.service2_li4 span{ background: url(../images/bot_img16.png) no-repeat; }
.service2_li5 span{ background: url(../images/bot_img17.png) no-repeat; }
.service2_li6 span{ background: url(../images/bot_img18.png) no-repeat; }
.service2_li7 span{ background: url(../images/bot_img19.png) no-repeat; }
.service2_li8 span{ background: url(../images/bot_img20.png) no-repeat; }
.service2_list p{ font-size:18px;line-height: 28px; height:140px; margin: 12px auto;}
.service2_list h6{ font-size:22px;line-height: 26px;   background-image:-webkit-linear-gradient(left,#FD9767,#ED3C82); -webkit-background-clip:text; -webkit-text-fill-color:transparent; text-align: center;}
.service2_li3,.service2_li7{margin-right: 22px!important;}
.service2_list a{ display: block; margin:0 auto ; text-align: center;width: 187px;height: 41px; border-radius: 21px;  background-image: -moz-linear-gradient( -157deg, rgb(237,60,130) 0%, rgb(246,98,99) 40%, rgb(254,135,67) 100%);background-image: -webkit-linear-gradient( -157deg, rgb(237,60,130) 0%, rgb(246,98,99) 40%, rgb(254,135,67) 100%);background-image: -ms-linear-gradient( -157deg, rgb(237,60,130) 0%, rgb(246,98,99) 40%, rgb(254,135,67) 100%); font-size:16px; line-height: 41px;filter:progid:DXImageTransform.Microsoft.Gradient
(gradientType=1,startColorStr=#FE8643,endColorStr=#ED3C82); color:#fff;  }
.service2_list a:hover{ background: #ED3C82;}
teacher_bot
/*exclusive service2*/
.offcn_bot5{background: url(../images/bot_back3.jpg) no-repeat center top;}
.offcn_service3{ padding:50px 0 80px;} 
.service3_list{ margin:6px auto 0; }
.service3_list li{margin-bottom: 25px;}
.service3_list p{  font-size:16px;line-height: 24px; margin-bottom: 10px;}
.service3_list  img{ display: block; width:100%;}
.service3_li3{ clear: both;}
.service3_li2{ float: right; }
.service3_li1,.service3_li2{ width:462px; }
.service3_li1 img,.service3_li2 img{ width:462px;height:213px; }


/*teacher*/
.hide{ display: none;}
.offcn_bot6{background: url(../images/bot_back7.jpg) no-repeat center top;}
.offcn_teacher{ padding:50px 0 80px;} 
.teacher_bot{ position: relative; width:655px; margin:32px auto 38px; height:172px; overflow: hidden; }
.teacher_bot ul{ position: absolute; left:0;top:0; }
.teacher_bot li{ width:159px; height:172px; position: relative; float:left; margin-right: 15px; cursor: pointer;}
.teacher_bot img{ display: block; width:100%;}
.teacher_bot span{ position: absolute;width:100%;height: 100%; left:0; top:0; z-index: 1; display: none;background: url(../images/bot_img42.png) no-repeat; }
.teacher_bot li.on span,.teacher_bot li:hover span{ display: block;}

.teacher_bot li .h{
display: none
}
.teacher_bot .on .h{
display: block
}
.teacher_bot .on .s{
    display: none
    }

.teacher_top{position: relative;  width:855px; height:378px; margin:40px auto 0;}
.teacher_btn{ position: absolute; width:44px;height: 60px; top:50%;margin-top:-30px;  }
.btn_left{background: url(../images/bot_img43.png) no-repeat; left:-77px;}
.btn_right{background: url(../images/bot_img44.png) no-repeat; right:-77px;}
.teacher_brief{ display: none;}
.teacher_brief.on{ display: block;}
.teacher_brief>img{ display: block;width:294px; height:378px; }
.teacher_cont{ overflow-y: auto;width:525px;padding-right: 5px; height:378px; }
.teacher_cont::-webkit-scrollbar {width: 4px;background-color: transparent;border-radius: 4px; }
.teacher_cont::-webkit-scrollbar-track { width: 4px;background-color: transparent;border-radius: 4px;overflow: hidden; }
.teacher_cont::-webkit-scrollbar-thumb { width: 4px;background-color:#ed3c82;border-radius: 4px;}
.teacher_cont strong{ display: block; font-size:28px; line-height: 48px; color:#fff;}
.teacher_cont>b{ display: block; font-size:16px; line-height: 26px; color:#fff; margin:6px auto 20px; }
.teacher_cont div{ font-size:16px; line-height: 26px; color:#fff;  margin-bottom: 20px;}
.teacher_cont li{ margin-bottom: 20px; font-size:16px; line-height: 26px; color:#fff;}
.teacher_cont li b{ color:#ed3c82; }
.teacher_cont li:last-child{ margin-bottom: 0;}



/*zwq end*/


/* 左浮窗 */
/*客服*/
/*#iconDivMain1{
    display: none;
}*/
#kf{
    width: 86px;
    height: 465px;
    background:#222;
    position: fixed;
    left: 0;
    top: 50%;
    margin-top: -230px;
    z-index: 301;
}
#kf ul{
    margin-top: 3px;
}
#kf li{
    width: 80px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 3px;
    overflow: hidden;
}
#kf li img{
    border: none;
    display: block;
}
#kf li span{
    color: #fff;
    width: 100%;
    text-align: center;
    font-size: 14px;
    position: absolute;
    left: 0px;
    top:55px;
}
#kf li .hov{
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#kf li h3{
    width: 0;
    height: 80px;
 
    border-left: none;
    position: absolute;
    left: 76px;
    top: 0;
    background: #ff7800;
    opacity: 0;
    filter:alpha(opacity=0);
    transition: 0.2s;
    box-sizing: content-box;
}
#kf li.sec h3{
    background: #44a1f0;
}
#kf li.thr h3{
    background: #7188d6;
}
#kf li.fou h3{
    background: #00ca74;
}
#kf li.fiv h3{
    background: #ffaa00;
}
#kf li.last span{
    top: 10px;
    animation: show2 1s infinite;
}
#kf li:hover{
    overflow: visible;
}
#kf li:hover h3{
    opacity: 1;
    filter:alpha(opacity=100);
    width: 168px;
}
#kf li h3 p{
    height: 66px;
    border-left: 1px dashed rgb(197, 196, 196);
    margin-top: 7px;
    margin-left: 5px;
    padding-left: 10px;
}
#kf li h3 p a{
    display: block;
    width: 130px;
    font-size: 14px;
    line-height: 26px;
    color: #fff;
    font-weight: bold;
    padding-top: 10px;
    text-align: center;
}
#kf li h3 p a.fir{
    border-bottom:1px solid #fff ;
    padding-bottom: 10px;
    padding-top: 5px;
    height: 14px;
    box-sizing: content-box;
}
@keyframes show2{
    0%{
        font-size: 14px;
    }
    50%{
        font-size: 16px;
    }
    100%{
        font-size: 14px;
    }
}
@keyframes show3{
    0%{
        font-size: 15px;
    }
    50%{
        font-size: 14px;
    }
    100%{
        font-size: 15px;
    }
}
.fix_right {  width: 316px;  background: url(../images/fix_right_13.png) no-repeat center;  height: 55px;  padding: 12px 0px;  position: fixed;  right: 0px;  top: 150px;  text-align: center;  font-size: 20px;  line-height: 55px;  color: #fff;  overflow: hidden;  z-index: 1000;}.fix_right p {  width: 100%;  height: 100%;  overflow: hidden;  position: relative;  padding-left:30px;}.fix_right p:after {  content: "";  background: #fff;  position: absolute;  width: 316px;  height: 316px;  left: 0px;  left: 0;  top: 0;  bottom: 0;  opacity: 0;  margin: auto;  border-radius: 50%;  transform: scale(1);  animation: 1s btn ease-in-out infinite;}
@keyframes btn {    0% {      transform: scale(0);      opacity: 1;    }    100% {      transform: scale(1);      opacity: 0;    }  }  @-webkit-keyframes btn {    0% {      transform: scale(0);      opacity: 1;    }    100% {      transform: scale(1);      opacity: 0;    }  }  @-moz-keyframes btn {    0% {      transform: scale(0);      opacity: 1;    }    100% {      transform: scale(1);      opacity: 0;    }  }  @-o-keyframes btn {    0% {      transform: scale(0);      opacity: 1;    }    100% {      transform: scale(1);      opacity: 0;    }  }


/* 000 */


.di_cen .top{

    height: ;

}

.di_cen .top div{

    float: left;

  }

  .di_cen .top .left{

    margin-top: 46px

  }

  .di_cen .top .cent{

    width: 280px;

    margin-top: 46px

  }

  .di_cen .top .cent p{

    color:#fff; font-size:12px;font-family:"Microsoft Yahei"; 

    text-align: center;

    letter-spacing: 15px;

    margin-top: 12px;

    margin-left: 10px

  }

  .di_cen .top .cent p em{

    letter-spacing: 1px;

    display: inline-block;

    margin-right: 15px;

  

  }

  .di_cen .top .cent span{

    display: block;

    text-align: center;

    color:#fff; font-size:16px;font-family:"Microsoft Yahei"; 

    margin-top: 5px;

    letter-spacing: 2px;

  

  }

  .di_cen .top .cent .p2{

    width: 255px;

    text-align: left;

  }

  .di_cen .top .cent .p2 span{

  float: left;

    width: 40px;

    height: 1px;

    background: #b3b3b3;

  margin:7px 5px 0  8px

  }

  .di_cen .top .cent .p2 .r{

    float: right;

    margin: 0;

    margin-top: 8px

  }

  .di_cen .top .cent .p2{

    letter-spacing: 5px;

    margin-top: 8px

  }

  

  

  

  .di_cen .top .right{

    height: 95px;

    width: 800px;



    margin-top: 54px;

    padding-left: 25px;

    position: relative;

  }

  .di_cen .top .right span{

    float: left;

    color:#ffffff; font-size:22px;font-family:"Microsoft Yahei";font-weight: bold;

    margin: -4px 5px 0 0

  }

  .di_cen .top .right img{

  position: absolute;

  top: 3px;

  left: 80px;

  }

  .di_cen .top .right em{

    display:inline-block;

    margin-top: -17px;

    color:#d0d0d0; font-size:14px;font-family:"Microsoft Yahei";line-height: 25px;text-indent:81px

  }