/*public*/
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,ul,dd,dt,li,object,a,b,em,i,img,samp,span,strong,sub,sup,tt,var,input,select{margin:0;padding:0}
input,button,img,fieldset{border:0;outline:none}
input,select{outline:none}
/* set image max width to 100% */
video{max-width:100%;height:auto;width:auto\9}
/* set html5 elements to block */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html{height:100%;overflow:visible}
body{width:100%;height:100%;overflow:hidden;font:14px Microsoft YaHei,'宋体',Arial,Helvetica,sans-serif;color:#666;word-wrap:break-word;word-break:break-all;background:#fff}
body div,body p{margin:0 auto;word-break:normal}
address,cite,dfn,em,var{font-style:normal}
var{font-family:Verdana,Arial}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
a{display:inline-block;color:#026acb;text-decoration:none;outline:none}
a:hover{text-decoration:none}
img{display:block;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true);}
/* list */
ul,ol{list-style:none}


/*margin*/
.mt10{margin-top:10px}

/*Font*/
.f14{font-size:14px}
.f16{font-size:16px}
.blod{font-weight:bold}
.yh{font-family:Microsoft YaHei,Arial,sans-serif}

/*Align*/
.alg_r{text-align:right}
.alg_c{text-align:center}

/*Border*/
#no_bor{border:none}

/*float*/
.fl,.l{float:left}
.fr,.r{float:right}
.clear{clear:both}
.oFlow{overflow:hidden;zoom:1}

/*width*/
.w{width:70%;position: relative}

/*position*/
.pos_rel{position:relative}
.pos_abs{position:absolute}
.slide{z-index: 999}

.section{overflow:hidden}

/*#sec0 .sec_bg{display:none}*/
.sec_bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:100;overflow:hidden}
.sec_bg img{width:100%;height:100%}
.box{position:absolute;top:0;left:0;right:0;bottom:0;z-index:800; display:table;width: 100%;height: 100%}
.box img{max-width:100%;height:auto;width:auto\9}
.box .c_con{display:table-cell;padding-top:4%;vertical-align: middle;}
.box .c_con .inner{width:1100px}
.box .c_con .inner h2{font-size:24px;margin-bottom:10px;}

.header{position:absolute;top:0;left:0;right:0;padding:10px 0;background:#E8E8E8}
.header p{width:70%;overflow:hidden}
.header p .fl{width:150px;}
.header p .fr{font-size:16px;color:#666;line-height:40px}

/**封面*/
#sec0 .til img{margin:0 auto;}
#sec0 .line{border-bottom:1px solid #fff;}
#sec0 .v_src{width:10%;cursor:pointer}
#sec0 .c_clu{color:#fff;overflow:hidden}
#sec0 .c_clu .fl{width:40%;text-indent:2em;line-height:25px}
#sec0 .c_clu .fr{width:50%}
#sec0 .c_clu .fr .til_2{margin-top:20px}
#sec0 .c_clu .vid_1{position:relative;width:100%;height:150px;cursor:pointer}
#sec0 .c_clu .vid_1 i{position:absolute;top:50%;left:50%;width:100px;height:100px;margin-top:-50px;margin-left:-50px;background:url(../images/video.png) center no-repeat;background-size:100% 100%}
#sec0 .c_clu .t_txt{width:80%;padding-top:2%;text-align:left;line-height:22px}
#sec0 .c_clu .t_txt p{text-indent:2em;margin-bottom:10px;}
#sec0 .c_clu .t_txt span{cursor:pointer;color:#ff8519}

.nav{position:absolute;bottom:0;left:0;right:0;height:60px;padding-bottom:10px;background:#1B5680;z-index:999}
.nav ul{width:900px;height:100%;margin:0 auto}
.nav ul li{position:relative;float:left;width:12%;height:100%;text-align:center}
.nav ul li span{display:block;position:absolute;top:0;left:0;width:90%;background-color:#1B5680;color:#fff;text-align:center;padding:5%;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity: 0;cursor: pointer;-webkit-transition: all 0.8s;transition: all 0.8s}
.nav ul li:hover span{top:-98%;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity: 1}
.nav.nor ul li span{top:auto;bottom:0;}
.nav.nor ul li:hover span{bottom:-98%;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity: 1}
.nav ul li a{width:80%;height:100%;background-image:url(../images/sprite.png);background-repeat:no-repeat;background-size:550%;-webkit-transition: all 0.5s;transition: all 0.5s}
.nav ul li.item_1 a{background-position:0 0}
.nav ul li.item_2 a{background-position:22% 0}
.nav ul li.item_3 a{background-position:73% 0}
.nav ul li.item_4 a{background-position:47% 0}
.nav ul li.item_5 a{background-position:96% 0}
.nav ul li.item_6 a{background-position:-1% 40%}
.nav ul li.item_7 a{background-position:48% 40%}
.nav ul li.item_8 a{background-position:23% 40%}

.nav ul li.item_1 a:hover,.nav ul li.item_1 a.cur{background-position:0 18%}
.nav ul li.item_2 a:hover,.nav ul li.item_2 a.cur{background-position:22% 18%}
.nav ul li.item_3 a:hover,.nav ul li.item_3 a.cur{background-position:73% 18%}
.nav ul li.item_4 a:hover,.nav ul li.item_4 a.cur{background-position:47% 18%}
.nav ul li.item_5 a:hover,.nav ul li.item_5 a.cur{background-position:96% 18%}
.nav ul li.item_6 a:hover,.nav ul li.item_6 a.cur{background-position:-1% 61%}
.nav ul li.item_7 a:hover,.nav ul li.item_7 a.cur{background-position:48% 61%}
.nav ul li.item_8 a:hover,.nav ul li.item_8 a.cur{background-position:23% 61%}


#sec1,#sec1_1{background-color:#c2eef5}
#sec2{background-color:#FFF9DE}
#sec3{background-color:#bed384}
#sec4{background-color:#ceec9f}
#sec5{background-color:#51bbe5}
#sec6{background-color:#b5eeff}
#sec7{background-color:#ffdc80}
#sec8{background-color:#bfbee6}
#sec9{background-color:#03294B}

.sec1 .item_1 .clu{display:inline-block;width:30%;vertical-align:middle}
.sec1 .item_1 .clu_1{padding-right:1.5%}
.sec1 .item_1 .clu_2{padding:0 1.5%;border-left:1px solid #719CA3;border-right:1px solid #719CA3;}
.sec1 .item_1 .clu_3{padding-left:1.5%}

.sec1 .item_2{margin-top:2%;padding-top:2%;border-top:1px solid #719CA3;}
.sec1 .item_2 .clu{float:left;width:48%;}
.sec1 .item_2 .clu_1{padding-right:1.5%;border-right:1px solid #719CA3}
.sec1 .item_2 .clu_2{padding-left:1.5%}
.sec1 .item_2 .clu h3 b{width:15%;}
.sec1 .item_2 .clu h3 span{width:80%}
.sec1 .item_2 .clu li b{width:3%}

.sec1 .clu h3{margin-bottom:2%;}
.sec1 .clu h3 b{display:inline-block;width:23%;margin-right:2%;text-align:center;font-size:18px;color:#008499;border-right:5px solid #47B5C7;vertical-align:top}
.sec1  .clu h3 span{display:inline-block;width:72%;text-align:left;font-size:14px;font-weight:normal;vertical-align:top}
.sec1 .clu ul li b{width:5%;display:inline-block;font-size:24px;line-height:10px;color:#47B5C7;margin-right:5px;}
.sec1 .clu ul li span{display:inline-block;width:92%;vertical-align:top}
.sec1 .clu ul li{font-size:12px;margin-bottom:10px;}
.sec1 .clu ul li i{display:inline-block}

#sec1_1 .item_1 .clu_3 em{display:inline-block;vertical-align:middle}
#sec1_1 .item_1 .clu_3 em b{display:inline-block;width:15px;}
#sec1_1 .item_1 .clu_3 i{margin-left:5%;vertical-align:middle}

#sec1_1 .item_2 .clu h3 b{width:25%;}
#sec1_1 .item_2 .clu_2 h3 b{width:18%;}
.sec1 .item_2 .clu h3 span{width:70%}
#sec1_1 .item_2 .clu_2 em{display:inline-block;vertical-align:middle}



#sec2 h3{font-size:18px;line-height:40px}
#sec2 h3 var{color:#d24c0a}
#sec2 .items{overflow:hidden;}
#sec2 .items span{display:inline-block;}
#sec2 .fr{width:28%}
#sec2 .fr img{opacity:0.8;-webkit-transition: all 0.5s;transition: all 0.5s}
#sec2 .fr img:hover{opacity:1}
#sec2 .fr .clu{margin-left:0}
#sec2 .fr .clu_1{margin-bottom:6%}
#sec2 .fr .clu_2 span{display:inline-block;width:92%;font-size:14px;line-height:22px;vertical-align:bottom}
#sec2 .fr .clu_2 li{margin-bottom:8%}
#sec2 .fr .clu_2 li b{display:inline-block;font-size:30px;vertical-align:top;line-height:20px;color:#F69B39}
#sec2 .fr .clu_2 li.spe{padding-left:8%;margin-bottom:2%}
#sec2 .fr .clu_2 li.spe b{font-size:20px}

#sec2 .fl.item_2{width:24%;padding:0 1%;}
#sec2 .fl.item_2.item_spe{border:none}
#sec2 .fl.item_2 img{opacity:0.8;-webkit-transition: all 0.5s;transition: all 0.5s}
#sec2 .fl.item_2 img:hover{opacity:1}
#sec2 .fl.item_2 .clu{margin-left:0}
#sec2 .fl.item_2 .clu_1{margin-bottom:6%}
#sec2 .fl.item_2 .clu_2 span{display:inline-block;width:92%;font-size:14px;line-height:22px;vertical-align:bottom}
#sec2 .fl.item_2 .clu_2 li{margin-bottom:8%}
#sec2 .fl.item_2 .clu_2 li b{display:inline-block;font-size:30px;vertical-align:top;line-height:20px;color:#F69B39}
#sec2 .fl.item_2 .clu_2 li.spe{padding-left:8%;margin-bottom:2%}
#sec2 .fl.item_2 .clu_2 li.spe b{font-size:20px}

#sec2 .fl{width:46%;padding-right:1%;border-right:1px solid #E4D79F;}
#sec2 .fl .clu{overflow:hidden}
#sec2 .fl .clu .l{width:42%;padding-top:5%;}
#sec2 .fl .clu_s{position:relative;}
#sec2 .fl .clu_s .img{width:85%;}
#sec2 .fl .clu_s ul{margin-top:10%}
#sec2 .fl .clu_s li{margin-bottom:8%}
#sec2 .fl .clu_s li b{display:inline-block;font-size:30px;vertical-align:top;line-height:20px;color:#F69B39}
#sec2 .fl .clu_s span{display:inline-block;width:90%;}
#sec2 .fl .clu_s span.spe{padding:15% 0 10%;margin-left:10%;width:80%}

#sec2 .fl .l .clu_2{margin-top:10%;padding:8% 0 8% 35%;border-bottom:5px solid #FFE15D;}
#sec2 .fl .l .clu_2 b{top:5%;}
#sec2 .fl .clear{padding-top:10px;font-size:16px;color:#333}


#sec2 .fl .r{width:58%;padding-top:2%;}
#sec2 .fl .r h4 span{display:inline-block;width:35%;line-height:40px;font-weight:normal;vertical-align:middle}
#sec2 .fl .r h4 i{display:inline-block;width:65%;border-bottom:5px solid #FFE15D}
#sec2 .fl .r .clu_s{width:97%;margin-right:0;}

#sec3 .items{position:relative;width:100%;color:#333}
#sec3 .items .mib_img{width:50%;}
#sec3 .items .clu{position:absolute;font-size:16px;line-height:30px}
#sec3 .items .clu span{color:#e83828;font-weight:bold;}
#sec3 .items .clu_1{width:20%;top:13%;left:4%;}
#sec3 .items .clu_2{width: 25%;bottom:11%;left:0}
#sec3 .items .clu_3{width:25%;top:15%;right:8%;}
#sec3 .items .clu_4{width:20%;top:40%;right:4%}
#sec3 .items .clu_5{right: 6%;top: 70%;width: 20%;}
#sec3 .b_txt{width:50%;margin-top:10px;font-size:16px;line-height:22px;color:#333}

#sec4 .inner .items{overflow:hidden;}
#sec4 .inner .items_2{margin-top:2%;padding-top:2%;border-top:1px solid #98C18B;}
#sec4 .inner .clu{float:left;color:#333}
#sec4 .inner .clu h3{position:absolute;top:2%;left:2%;width:30%;font-size:16px;line-height:20px;margin-bottom:5%}
#sec4 .inner .clu_1{width:20%;padding-right:2%;line-height:22px}
#sec4 .inner .clu_1 h3{width:80%;}
#sec4 .inner .clu_2{position:relative;width:32%;padding:4% 0 5% 2%;border-left:1px solid #98C18B;border-right:1px solid #98C18B;}
#sec4 .inner .clu_2 .mid_img{width:45%;}
#sec4 .inner .clu_2 .item{position:absolute;text-align:center}
#sec4 .inner .clu_2 .item_1{top:44%;left:15%;}
#sec4 .inner .clu_2 .item_2{top:10%;left:45%;}
#sec4 .inner .clu_2 .item_3{width:25%;text-align:left;top:44%;right:0;}
#sec4 .inner .clu_2 .item_4{bottom:11%;left:45%;}
#sec4 .inner .clu_3{position:relative;width:32%;padding:4% 0 5% 2%;}
#sec4 .inner .clu_3 .mid_img{width:45%;}
#sec4 .inner .clu_3 .item{position:absolute;text-align:center}
#sec4 .inner .clu_3 .item_1{top:37%;left:8%;width:20%;}
#sec4 .inner .clu_3 .item_2{top:8%;left:30%;}
#sec4 .inner .clu_3 .item_3{width:25%;text-align:left;top:30%;right:0;}
#sec4 .inner .clu_3 .item_4{bottom:11%;left:36%;}
#sec4 .inner .clu_4{width:45%;padding:0 2%;border-right:1px solid #98C18B;}
#sec4 .inner .clu_4 ul{overflow:hidden}
#sec4 .inner .clu_4 ul li{display:inline-block;width:20%;padding:2%;text-align:center;height:150px;overflow:hidden;}
#sec4 .inner .clu_4 ul li i{display:block;width:60%;margin:8% auto;height:70px}
#sec4 .inner .clu_5{width:50%}
#sec4 .inner .clu_5 .img{width:90%;}
#sec4 .inner .clu_5 p{width:90%;margin-top:8%;padding-top:5%;border-top:1px solid #98C18B;font-size:16px}

#sec5 .items{position:relative}
#sec5 .clu{display:inline-block;width:40%;color:#333;padding:2% 4%;margin-bottom:2%;vertical-align:middle}
#sec5 .clu h3{font-size:18px;margin-bottom:5%;}
#sec5 .clu span{display:block;margin-bottom:5%}
#sec5 .clu_1{border-right:1px solid #4AA1C3;}
#sec5 .clu_1 ul{overflow:hidden}
#sec5 .clu_1 li{float:left;width:30%}
#sec5 .clu_1 li.li2{margin-left:20%}
#sec5 .clu_2{padding:3% 4%}
#sec5 .clu_3{width:35%;border-top:1px solid #4AA1C3;margin-right:10%;padding-bottom:4%}
#sec5 .clu_3 i{display:inline-block;width:40%}
#sec5 .clu_3 span{display:inline-block;width:50%;margin-left:2%}
#sec5 .clu_4{width:38%;border-top:1px solid #4AA1C3;margin-bottom:0}
#sec5 .clu_4 .b_box{margin-left:-25%;padding-left:70%;padding-bottom:8%;border-left:1px solid #4AA1C3;background:url(../images/5_05.png) 10% 0 no-repeat;background-size:45%}
#sec5 .clu_4 .b_box span{margin-bottom:4%;line-height:18px}
#sec5 .clu_5{position:absolute;top:30%;left:50%;width:280px;height:250px;margin-left:-158px;border:1px solid #4AA1C3;padding:0;text-align:center;border-radius:100%;background:#51BBE5}
#sec5 .clu_5 .img{width:30%;}
#sec5 .clu_5 p{width:70%;text-align:left;}

#sec6 .inner{overflow:hidden}
#sec6 .fl .c_box{overflow:hidden;font-size:16px;line-height:30px}
#sec6 .fl .c_box .l{width:45%}
#sec6 .fl .c_box .l .clu_1{width:70%;padding:2% 0;}
#sec6 .fl .c_box .r .clu_1{margin-top:5%;padding-top:5%;}
#sec6 .fl .c_box .r .clu_1 span{color:#e83828;font-weight:bold}
#sec6 .fl .c_box .r .clu_1 .c_txt{margin-top:2%;background:url(../images/6_001.png) right no-repeat;background-size:18%}
#sec6 .fl .c_box .r .clu_1 .c_txt p{padding-left:10px;font-size:12px}
#sec6 .fl .c_box .r .clu_1 .c_txt p b{font-size:20px}
#sec6 .fl .c_box .r .clu_1 i{width:70%;display:block;margin:1% auto;}
#sec6 .fl .c_box .l .clu_2 span{display:inline-block;width:60%;margin-right:5%;vertical-align:middle;}
#sec6 .fl .c_box .l .clu_2{padding:15% 0 0 5%;border-top:1px solid #4AA1C3;}
#sec6 .fl .c_box .l .clu_2 i{display:inline-block;width:18%;vertical-align:middle;}
#sec6 .fl .c_box .l .clu_2 li{margin-bottom:5%}
#sec6 .fl .c_box .r{width:52%}
/*#sec6 .fl .c_box .r span{display:inline-block;width:60%;margin-right:5%;vertical-align:middle;}
#sec6 .fl .c_box .r i{display:inline-block;width:20%;vertical-align:middle;}
#sec6 .fl .c_box .r .clu_1 li{margin-bottom:5%}*/
#sec6 .fl .c_box .r .clu_2{border-top:1px solid #4AA1C3;}
#sec6 .fl .c_box .r .clu_2 i{display:block;width:70%;margin:10% auto 2%;}
#sec6 .fr{width:25%;font-size:16px;line-height:25px}
#sec6 .fr li{padding-bottom:10px;border-left:2px solid #FFCB51;}
#sec6 .fr li .c_time{margin-left:-12px;}
#sec6 .fr li .c_txt{padding-left:12%;font-size:14px;line-height:18px}
#sec6 .fr li b{display:inline-block;font-size:34px;color:#FFCB51;margin-right:8%;vertical-align:middle}
#sec6 .fr li var{display:inline-block;vertical-align:middle;font-weight:bold;color:#e83828}

#sec7 .items{padding-top:8%;overflow:hidden;background:url(../images/7_01.png) bottom center no-repeat;background-size:15%;color:#333}
#sec7 .items .clu{width:35%;}
#sec7 .items .clu li{margin-top:5%}
#sec7 .items .clu li span{display:inline-block;width:65%;margin-right:5%;vertical-align:middle;font-size:16px;line-height:25px}
#sec7 .items .clu li i{display:inline-block;width:20%;vertical-align:middle}
#sec7 .items .clu li b{color:#e83828}
#sec7 .items .clu li dl{background:url(../images/7_dl_bg.png) 0 50% no-repeat;background-size:20px}
#sec7 .items .clu li dt span{padding-left:10px;line-height:25px;color:#fff;background:#E85546}
#sec7 .items .clu li dt span b{color:#fff}
#sec7 .items .clu li dd{padding:5% 0}
#sec7 .items .clu li dd span{padding-left:5%}
#sec7 .items .clu li dd i{width:14%}
#sec7 .fr i{margin-right:5%;}

#sec8 .items{overflow:hidden}
#sec8 .items .clu{float:left;width:33%;padding:2%;}
#sec8 .items .clu h3{width:88%;margin:5% auto;font-size:16px;line-height:30px;text-align:center}
#sec8 .items .clu_2 .img_box{position:relative}
#sec8 .items .clu_2 .p_img{position:absolute;top:0;left:0}
#sec8 .items .clu_2{width:20%;border-left:1px solid #9190BB;border-right:1px solid #9190BB;}
#sec8 .items .clu_2 li{margin-bottom:4%}
#sec8 .items ul{margin-top:15%;}
#sec8 .items li{font-size:14px;margin-bottom:10%}
#sec8 .items li b{display:inline-block;font-size:20px;line-height:10px;vertical-align:top;color:#C75C5C}
#sec8 .items li span{display:inline-block;width:90%;vertical-align:top;}

#sec8 .items .clu_3 li{display:inline-block;width:45%;margin-top:3%}
#sec8 .items .clu_3 li span{display:inline-block;width:40%;vertical-align:middle}
#sec8 .items .clu_3 li i{display:inline-block;width:40%;vertical-align:middle;margin-right:5%}


#sec9 .c_con .inner p{font-size:16px;color:#fff;text-align:center;line-height:25px}
#sec9 .c_con .inner .ewm{width:120px;height:120px;padding:6px;background:#fff}


#pic_txt{position:absolute;left:2%;bottom:5%;width:35%;padding:20px;text-align:left;font-size:14px;color:#fff;background:rgba(0,0,0,0.8);z-index:99999}
#pic_txt h1{padding:0 15px 10px;margin-bottom:10px;font-size:22px;line-height:30px}
#pic_txt p{padding:0 15px;text-indent:2em;line-height:25px}


.word{width:700px;color:#fff;font-family:Arial}
.word .w_til h1{font-size:24px;text-align:center;line-height:40px}
.word .w_til p{font-size:14px;text-align:right;padding-right:20px;margin-top:10px;}
.word .w_txt{margin-top:30px;height:500px;padding:30px 20px 30px 30px;color:#fff;overflow:hidden}
.word .w_txt p{font-size:14px;line-height:25px;text-indent:2em;margin-bottom:15px}
.word .w_txt h2{font-size:20px;padding:20px 0 10px;}
.word .w_txt h3{font-size:18px;padding:10px 0 10px}

.time_00{-webkit-transition: all 1.2s;transition: all 1.2s}
.time_01{-webkit-transition: all 1.5s;transition: all 1.5s}
.time_02{-webkit-transition: all 2s;transition: all 2s}
.time_03{-webkit-transition: all 3s;transition: all 3s}
.time_04{-webkit-transition: all 4s;transition: all 4s}
.active .delay_01{-webkit-transition-delay: .2s;transition-delay: .2s}
.active .delay_02{-webkit-transition-delay: .5s;transition-delay: .5s}
.active .delay_03{-webkit-transition-delay: .8s;transition-delay: .8s}
.active .delay_033{-webkit-transition-delay: 1s;transition-delay: 1s}
.active .delay_04{-webkit-transition-delay: 1.8s;transition-delay: 1.8s}
.active .delay_05{-webkit-transition-delay: 3s;transition-delay: 3s}
.active .delay_06{-webkit-transition-delay: 4s;transition-delay: 4s}
.active .delay_07{-webkit-transition-delay: 5s;transition-delay: 5s}
.active .delay_08{-webkit-transition-delay: 6s;transition-delay: 6s}

.cur .delay_011{-webkit-transition-delay: .2s;transition-delay: .2s}
.cur .delay_021{-webkit-transition-delay: .5s;transition-delay: .5s}
.cur .delay_031{-webkit-transition-delay: .8s;transition-delay: .8s}
.cur .delay_033{-webkit-transition-delay: 1s;transition-delay: 1s}
.cur .delay_044{-webkit-transition-delay: 1.8s;transition-delay: 1.8s}

.fadeUp{opacity: 0;-webkit-transform: translate3d(0, 60%, 0);transform: translate3d(0, 60%, 0)}
.active .fadeUp{opacity: 1;-webkit-transform: none;transform: none}

.fadeUp1{opacity: 0;-webkit-transform: translate3d(0, 60%, 0);transform: translate3d(0, 60%, 0)}
.cur .fadeUp1{opacity: 1;-webkit-transform: none;transform: none}

.fadeLeft{opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0)}
.active .fadeLeft{opacity: 1;-webkit-transform: none;transform: none}

.fadeUp{opacity: 0;-webkit-transform: translate3d(0, 60%, 0);transform: translate3d(0, 60%, 0)}
.active .fadeUp{opacity: 1;-webkit-transform: none;transform: none} 

.fadeDownZoom{opacity: 0;-webkit-transform: translate3d(0, -100%, 0) scale(0.2);transform: translate3d(0, -100%, 0) scale(0.2)}
.active .fadeDownZoom{opacity: 1;-webkit-transform: none;transform: none}

.fadeDown{opacity: 0;-webkit-transform: translate3d(0, -80%, 0);transform: translate3d(0, -80%, 0)}
.active .fadeDown{opacity: 1;-webkit-transform: none;transform: none}

.fadeDownZoom1{opacity: 0;-webkit-transform: translate3d(0, 50%, 0) scale(0.2);transform: translate3d(0, 50%, 0) scale(0.2)}
.cur .fadeDownZoom1{opacity: 1;-webkit-transform: none;transform: none}



.fadeDown1{opacity: 0;-webkit-transform: translate3d(0, -80%, 0);transform: translate3d(0, -80%, 0)}
.cur .fadeDown1{opacity: 1;-webkit-transform: none;transform: none}

.down{position:absolute;bottom:10%;left:50%;margin-left:-24px;width:48px;height:75px;background:url(../images/mouse.png) center no-repeat;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity: 0}

.mask{position:absolute;top:0;left:0;display:none;width:100%;height:100%;background:#000;fiter:alpha(opacity=50);opacity:0.5;z-index:9998}
.dialog{position:absolute;top:0;left:0;display:none;width:100%;height:100%;z-index:9999}
.dialog .close b{position:absolute;top:0;right:10px;display:inline-block;padding:0 5px;color:#ebe2e2;font-family:sans-serif;font-size:60px;font-weight: normal;cursor: pointer}
.dialog .inner{width:100%;height:100%;overflow:hidden}
.dialog .inner #main{display:table;width:1000px;height:100%;}
.dialog .inner #main .t_video{height:600px;display:table-cell;vertical-align:middle}

.rollIn{ opacity: 0;-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}
.active .rollIn{opacity: 1;-webkit-transform: none;transform: none;}

.fadeInRight{ opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
.active .fadeInRight{opacity: 1;-webkit-transform: none;transform: none;}

.fadeInLeft{ opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
.active .fadeInLeft{opacity: 1;-webkit-transform: none;transform: none;}

.zoomIn{opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}
.active .zoomIn{opacity: 1;-webkit-transform: none;transform: none;}


.rotateInUpLeft{-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0;}
.active .rotateInUpLeft{-webkit-transform-origin: left bottom;transform-origin: left bottom; -webkit-transform: none;transform: none;opacity: 1;}

.rotateInDownRight{-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0;}
.active .rotateInDownRight{-webkit-transform-origin: right bottom;transform-origin: right bottom; -webkit-transform: none;transform: none;opacity: 1;}


.active#sec1 .clu h3{-webkit-animation:pulse 4s infinite 4s ease-in-out;animation:pulse 4s infinite 4s ease-in-out}
.active#sec1_1 .clu h3{-webkit-animation: bounce 1s both 5s 2;animation: bounce 1s both 5s 2}
#sec1_1 .item_1 .clu_1{opacity: 0;-webkit-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);}
#sec1_1 .item_1 .clu_2{opacity: 0;-webkit-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);}
#sec1_1 .item_1 .clu_3{opacity: 0;-webkit-transform: translate3d(50%, -50%, 0);transform: translate3d(50%, -50%, 0);}

#sec5 .clu_1{opacity: 0;-webkit-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);}
#sec5 .clu_2{opacity: 0;-webkit-transform: translate3d(50%, -50%, 0);transform: translate3d(50%, -50%, 0);}
#sec5 .clu_3{opacity: 0;-webkit-transform: translate3d(-50%, 50%, 0);transform: translate3d(-50%, 50%, 0);}
#sec5 .clu_4{opacity: 0;-webkit-transform: translate3d(50%, 50%, 0);transform: translate3d(50%, 50%, 0);}

#sec6 .fr{opacity: 0;-webkit-transform: translate3d(100%,0, 0);transform: translate3d(100%,0, 0);}

#sec1_1 .item_2 .clu_1{opacity: 0;-webkit-transform: translate3d(-50%, 50%, 0);transform: translate3d(-50%, 50%, 0);}
#sec1_1 .item_2 .clu_2{opacity: 0;-webkit-transform: translate3d(50%, 50%, 0);transform: translate3d(50%, 50%, 0);}
.active#sec1_1 .item_1 .clu_1,.active#sec1_1 .item_1 .clu_2,.active#sec1_1 .item_1 .clu_3,.active#sec1_1 .item_2 .clu_1,.active#sec1_1 .item_2 .clu_2,.active#sec5 .clu_1,.active#sec5 .clu_2,.active#sec5 .clu_3,.active#sec5 .clu_4,.active#sec6 .fr{opacity: 1;-webkit-transform: none;transform: none;}

#sec3 .items .mib_img,#sec4 .inner .clu_1,#sec4 .inner .clu_2,#sec4 .inner .clu_3,#sec4 .inner .clu_3 .mid_img,#sec6 .fl .c_box,#sec7 .items .clu{opacity:0}
.active#sec3 .items .mib_img{-webkit-animation: bounceInUp 1s both 1.2s;animation: bounceInUp 1s both 1.2s;opacity:1}
.active#sec4 .inner .clu_1{-webkit-animation: bounceIn 1s both 1.2s;animation: bounceIn 1s both 1.2s;opacity:1}
.active#sec4 .inner .clu_2{-webkit-animation: bounceIn 1s both 2s;animation: bounceIn 1s both 2s;opacity:1}
.active#sec4 .inner .clu_3{-webkit-animation: bounceIn 1s both 3s;animation: bounceIn 1s both 3s;opacity:1}
.active#sec4 .inner .clu_3 .mid_img{-webkit-animation: rotateIn 1.5s both 3.5s;animation: rotateIn 1.5s both 3.5s;opacity:1}

.active#sec7 .items .clu.fl{-webkit-animation: bounceIn 1s both 1.2s;animation: bounceIn 1s both 1.2s;opacity:1}
.active#sec7 .items .clu.fr{-webkit-animation: bounceIn 1s both 2s;animation: bounceIn 1s both 2s;opacity:1}

.active#sec6 .fl .c_box{-webkit-animation: zoomInUp 1.5s both 1s;animation: zoomInUp 1.5s both 1s;opacity:1}




@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}


@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}


@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}


@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}


@media screen and (max-width: 1366px) {
   
}
@media screen and (max-width:600px) {
    
}