.tit_box{ width:100%; float:left; color:#323232; font-family:HanHei SC; font-weight:200}
.tit_box .t_1{ width:100%; float:left; font-size:60px; line-height:70px}
.tit_box .t_2{ width:100%; float:left; font-size:26px; line-height:40px}

.hqColor_1{ width:100%; min-width:930px; height:1130px; float:left; overflow:hidden; position:relative}
.hqColor_1 .tit_box{ width:400px; height:300px; position:absolute; text-align:center; left:50%; margin:383px 0 0 -200px; background-color:#fff; z-index:99999}
.hqColor_1 .tit_box .t_1{ height:80px; overflow:hidden; position:absolute; margin-top:20px; opacity:0}
.hqColor_1 .tit_box .t_2, .hqColor_1 .tit_box .t_3{ width:100%; height:95px; overflow:hidden; float:left; margin-top:105px; color:#323232; font-size:26px; line-height:40px; position:absolute; opacity:0}
.hqColor_1 .tit_box .t_3{ height:110px; margin-top:195px; color:#2DC799; font-size:100px; line-height:110px}
.hqColor_1 .tit_box .t_3 .fs_24{ font-size:24px}
.hqColor_1 .img_box{ width:1920px; height:1130px; overflow:hidden; float:left; position:absolute; left:50%; margin-left:-960px}
.hqColor_1 .img_1{ width:838px; height:780px; float:left; position:absolute; margin:-142px 0 0 -320px; opacity:0}
.hqColor_1 .img_2{ width:833px; height:774px; float:left; position:absolute; margin:-394px 0 0 481px; opacity:0}
.hqColor_1 .img_3{ width:835px; height:783px; float:left; position:absolute; margin:629px 0 0 -251px; opacity:0}
.hqColor_1 .img_4{ width:824px; height:769px; float:left; position:absolute; margin:-278px 0 0 1236px; opacity:0}
.hqColor_1 .img_5{ width:839px; height:763px; float:left; position:absolute; margin:736px 0 0 491px; opacity:0}
.hqColor_1 .img_6{ width:858px; height:829px; float:left; position:absolute; margin:457px 0 0 1296px; opacity:0}

@keyframes tit_1_1{ 0%{ opacity:0; transform:translate(0,30px) rotate(0.0001deg)} 100%{ opacity:1; transform:translate(0,0) rotate(0.0001deg)}}
@keyframes tit_1_2{ 0%{ opacity:0; transform:translate(0,-10px) rotate(0.0001deg)} 100%{ opacity:1; transform:translate(0,0) rotate(0.0001deg)}}
@keyframes img_1_1{ 0%{ opacity:0; transform:translate(-100px,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate(0,0) rotate(0.0001deg)}}
@keyframes img_1_2{ 0%{ opacity:0; transform:translate(0,-100px) rotate(0.0001deg)} 100%{ opacity:1; transform:translate(0,0) rotate(0.0001deg)}}
@keyframes img_1_3{ 0%{ opacity:0; transform:translate(0,100px) rotate(0.0001deg)} 100%{ opacity:1; transform:translate(0,0) rotate(0.0001deg)}}
@keyframes img_1_4{ 0%{ opacity:0; transform:translate(0,-100px) rotate(0.0001deg)} 100%{ opacity:1; transform:translate(0,0) rotate(0.0001deg)}}
@keyframes img_1_5{ 0%{ opacity:0; transform:translate(0,120px) rotate(0.0001deg)} 100%{ opacity:1; transform:translate(0,0) rotate(0.0001deg)}}
@keyframes img_1_6{ 0%{ opacity:0; transform:translate(0,200px) rotate(0.0001deg)} 100%{ opacity:1; transform:translate(0,0) rotate(0.0001deg)}}

@-webkit-keyframes tit_1_1{ 0%{ opacity:0; -webkit-transform:translate(0,30px) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate(0,0) rotate(0.0001deg)}}
@-webkit-keyframes tit_1_2{ 0%{ opacity:0; -webkit-transform:translate(0,-10px) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate(0,0) rotate(0.0001deg)}}
@-webkit-keyframes img_1_1{ 0%{ opacity:0; -webkit-transform:translate(-100px,0) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate(0,0) rotate(0.0001deg)}}
@-webkit-keyframes img_1_2{ 0%{ opacity:0; -webkit-transform:translate(0,-100px) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate(0,0) rotate(0.0001deg)}}
@-webkit-keyframes img_1_3{ 0%{ opacity:0; -webkit-transform:translate(0,100px) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate(0,0) rotate(0.0001deg)}}
@-webkit-keyframes img_1_4{ 0%{ opacity:0; -webkit-transform:translate(0,-100px) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate(0,0) rotate(0.0001deg)}}
@-webkit-keyframes img_1_5{ 0%{ opacity:0; -webkit-transform:translate(0,120px) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate(0,0) rotate(0.0001deg)}}
@-webkit-keyframes img_1_6{ 0%{ opacity:0; -webkit-transform:translate(0,200px) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate(0,0) rotate(0.0001deg)}}

.hqColor_1 .img_box_930{ height:800px}
.hqColor_1 .img_box_930 .tit_box{ width:280px; height:200px; margin:293px 0 0 -140px}
.hqColor_1 .img_box_930 .tit_box .t_1{ height:56px}
.hqColor_1 .img_box_930 .tit_box .t_1 img{ width:265px; height:50px}
.hqColor_1 .img_box_930 .tit_box .t_2{ height:68px; font-size:18px; line-height:28px}
.hqColor_1 .img_box_930 .tit_box .t_3{ height:68px; font-size:62px; line-height:70px}
.hqColor_1 .img_box_930 .tit_box .t_3 .fs_24{ font-size:18px}
.hqColor_1 .img_box_930 .img_1{ width:579px; height:539px; margin:-96px 0 0 120px}
.hqColor_1 .img_box_930 .img_1 img{ width:579px; height:539px}
.hqColor_1 .img_box_930 .img_2{ width:575px; height:535px; margin:-270px 0 0 666px}
.hqColor_1 .img_box_930 .img_2 img{ width:575px; height:535px}
.hqColor_1 .img_box_930 .img_3{ width:577px; height:541px; margin:430px 0 0 191px}
.hqColor_1 .img_box_930 .img_3 img{ width:577px; height:541px}
.hqColor_1 .img_box_930 .img_4{ width:569px; height:531px; margin:-180px 0 0 1186px}
.hqColor_1 .img_box_930 .img_4 img{ width:569px; height:531px}
.hqColor_1 .img_box_930 .img_5{ width:579px; height:527px; margin:506px 0 0 690px}
.hqColor_1 .img_box_930 .img_5 img{ width:579px; height:527px}
.hqColor_1 .img_box_930 .img_6{ width:593px; height:573px; margin:327px 0 0 1230px}
.hqColor_1 .img_box_930 .img_6 img{ width:593px; height:573px}

.hqColor_2{ width:100%; min-width:930px; height:1023px; float:left}
.hqColor_2 .tit_box{ text-align:center; padding-top:84px}
.hqColor_2 .img_box{ width:100%; height:520px; margin:40px 0 50px; float:left; overflow:hidden}
.hqColor_2 .img_box ul{ width:16000px; height:520px; float:left; transition:transform .4s ease-out; transform:translate3d(0,0,0); -webkit-transition:-webkit-transform .4s ease-out; -webkit-transform:translate3d(0,0,0)}
.hqColor_2 .img_box li{ width:716px; height:380px; float:left; position:relative; margin:70px 64px 0 0; transition:margin-top .4s ease-in,width .4s ease-in,height .4s ease-in; -webkit-transition:margin-top .4s ease-in,width .4s ease-in,height .4s ease-in}
.hqColor_2 .img_box img{ width:716px; height:380px; transition:margin-top .4s ease-in,width .4s ease-in,height .4s ease-in; -webkit-transition:margin-top .4s ease-in,width .4s ease-in,height .4s ease-in}
.hqColor_2 .img_box .tit{ width:100%; line-height:60px; font-size:28px; color:#fff; text-align:center; float:left; position:absolute; left:0; top:240px; transition:font-size .4s ease-in,top .4s ease-in}
.hqColor_2 .img_box .cur{ width:980px; height:520px; margin-top:0}
.hqColor_2 .img_box .cur img{ width:980px; height:520px}
.hqColor_2 .img_box .cur .tit{ font-size:38px; top:340px}
.hqColor_2 .chage_box{ width:930px; margin:auto}
.hqColor_2 .chage{ width:650px; float:left; margin-left:140px}
.hqColor_2 .prev{ width:33px; height:77px; cursor:default; float:left; opacity:0; background-position:-400px -380px; transition:opacity .9s ease-out; -webkit-transition:opacity .9s ease-out}
.hqColor_2 .next{ width:33px; height:77px; float:left; opacity:1; background-position:-400px -500px; transition:opacity .9s ease-out; -webkit-transition:opacity .9s ease-out}
.hqColor_2 .detail{ width:584px; height:140px; float:left; position:relative; font-family:HanHei SC; font-weight:200}
.hqColor_2 .detail .con{ width:484px; float:left; margin:-10px 0 0 50px; font-size:34px; line-height:40px; color:#323232; opacity:0; position:absolute; transition:opacity .2s ease-out; -webkit-transition:opacity .2s ease-out}
.hqColor_2 .des_nav{ width:374px; margin:20px 0 0 278px; float:left; position:relative}
.hqColor_2 .des_nav a{ width:6px; height:6px; border:none; background-color:#a6a6a6; overflow:hidden; float:left; margin:3px 8px 0; border-radius:50px}
.hqColor_2 .des_nav a:hover, .hqColor_2 .des_nav .cur{ width:8px; height:8px; border:2px solid #2DC799; background-color:inherit; margin:0 5px}

.hqColor_3{ width:100%; min-width:930px; height:1035px; overflow:hidden; float:left; position:relative; font-family:HanHei SC; font-weight:200}
.hqColor_3 .img_box{ width:1920px; height:764px; overflow:hidden; float:left; position:absolute; left:50%; margin-left:-960px}
.hqColor_3 .img_box img{ width:1920px; height:804px; float:left; transition:transform 0.3s ease; transform:translate(0,-45px) rotate(0.0001deg); -webkit-transition:-webkit-transform 0.3s ease; -webkit-transform:translate(0,-45px) rotate(0.0001deg)}
.hqColor_3 .tit_box_1{ width:330px; height:200px; float:left; position:absolute; margin:764px 0 0 130px; background-color:#fff}
.hqColor_3 .tit_box_1 .t_1, .hqColor_3 .tit_box_1 .t_2{ width:260px; height:60px; float:left; font-size:58px; line-height:68px; color:#323232; overflow:hidden; position:absolute; opacity:0}
.hqColor_3 .tit_box_1 .t_2{ margin-top:73px}
.hqColor_3 .tit_box_2{ width:680px; height:200px; overflow:hidden; float:left; position:absolute; font-size:34px; line-height:48px; color:#323232; margin:764px 0 0 460px; opacity:0}
.hqColor_3 .tit_box_2 img{ margin-left:-313px; width:1013px; height:174px; opacity:0}

.hqColor_3 .main_min .tit_box_1{ width:310px; margin-left:0}
.hqColor_3 .main_min .tit_box_2{ width:620px; margin-left:310px}

@keyframes tit_3_1{ 0%{ opacity:0; transform:translate(-20px,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate(0,0) rotate(0.0001deg)}}
@keyframes tit_3_2{ 0%{ opacity:0} 100%{ opacity:1}}

@-webkit-keyframes tit_3_1{ 0%{ opacity:0; -webkit-transform:translate(-20px,0) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate(0,0) rotate(0.0001deg)}}
@-webkit-keyframes tit_3_2{ 0%{ opacity:0} 100%{ opacity:1}}

.hqColor_4{ width:100%; min-width:930px; height:1304px; overflow:hidden; float:left; position:relative}
.hqColor_4 .tit_box{ height:174px; margin-top:85px; opacity:0}
.hqColor_4 .tit_box .t_1{ padding-bottom:15px}
.hqColor_4 .tit_box .t_2{ font-size:34px; line-height:44px}
.hqColor_4 ul{ width:1920px; height:970px; overflow:hidden; padding-top:65px; float:left; position:absolute; left:50%; margin-left:-960px}
.hqColor_4 li{ width:950px; height:450px; float:left; overflow:hidden; margin-bottom:20px; background-color:#f2f2f2}
.hqColor_4 li img{ opacity:0}
.hqColor_4 .h_500{ height:500px}

@keyframes tit_4_1{ 0%{ opacity:0; transform:translate(0,-20px) rotate(0.0001deg)} 100%{ opacity:1; transform:translate(0,0) rotate(0.0001deg)}}
@keyframes img_4_1{ 0%{ opacity:0; transform:translate(106px,72px) rotate(0.0001deg)} 100%{ opacity:1; transform:translate(76px,42px) rotate(0.0001deg)}}
@keyframes img_4_2{ 0%{ opacity:0; transform:translate(28px,72px) rotate(0.0001deg)} 100%{ opacity:1; transform:translate(58px,42px) rotate(0.0001deg)}}
@keyframes img_4_3{ 0%{ opacity:0; transform:translate(108px,-30px) rotate(0.0001deg)} 100%{ opacity:1; transform:translate(78px,0) rotate(0.0001deg)}}
@keyframes img_4_4{ 0%{ opacity:0; transform:translate(75px,14px) rotate(0.0001deg)} 100%{ opacity:1; transform:translate(105px,44px) rotate(0.0001deg)}}

@-webkit-keyframes tit_4_1{ 0%{ opacity:0; -webkit-transform:translate(0,-20px) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate(0,0) rotate(0.0001deg)}}
@-webkit-keyframes img_4_1{ 0%{ opacity:0; -webkit-transform:translate(106px,72px) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate(76px,42px) rotate(0.0001deg)}}
@-webkit-keyframes img_4_2{ 0%{ opacity:0; -webkit-transform:translate(28px,72px) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate(58px,42px) rotate(0.0001deg)}}
@-webkit-keyframes img_4_3{ 0%{ opacity:0; -webkit-transform:translate(108px,-30px) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate(78px,0) rotate(0.0001deg)}}
@-webkit-keyframes img_4_4{ 0%{ opacity:0; -webkit-transform:translate(75px,14px) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate(105px,44px) rotate(0.0001deg)}}

.hqColor_5{ width:100%; min-width:930px; height:1160px; overflow:hidden; float:left}
.hqColor_5 .tit_box{ margin:70px 0 35px}
.hqColor_5 .tit_box .t_1{ padding-bottom:15px}
.hqColor_5 .tit_box .t_2{ font-size:34px; line-height:44px}
.hqColor_5 .img_box{ width:1478px; height:770px; overflow:hidden; position:relative; margin:auto}
.hqColor_5 .img_box img{ width:1478px; height:780px; position:absolute}
.hqColor_5 .img_box_1160{ width:1160px; height:602px}
.hqColor_5 .img_box_1160 img{ width:1160px; height:612px}
.hqColor_5 .img_box_930{ width:930px; height:480px}
.hqColor_5 .img_box_930 img{ width:930px; height:490px}
.hqColor_5 .chage_box{ width:930px; margin:auto}
.hqColor_5 .chage{ width:492px; float:left; padding-left:305px; position:absolute}
.hqColor_5 li{ width:120px; height:80px; float:left; margin-left:-48px}
.hqColor_5 li .subtit{ width:110px; height:22px; float:left}
.hqColor_5 li .subtit .t_1{ font-size:14px; line-height:16px; float:left}
.hqColor_5 li .subtit .t_2{ line-height:12px; font-size:10px; float:left}
.hqColor_5 li a{ width:41px; height:40px; float:left; margin-top:2px; opacity:0.8; transition:opacity .3s ease-out}
.hqColor_5 li a:hover, .hqColor_5 li .a_hover{ opacity:1}
.hqColor_5 li .cur{ width:41px; height:40px; float:left; background-position:0 -4250px; opacity:0.1}
.hqColor_5 li .co_1{ background-position:0 -4300px}
.hqColor_5 li .co_2{ background-position:0 -4350px}
.hqColor_5 li .co_3{ background-position:0 -4400px}
.hqColor_5 li .co_4{ background-position:0 -4450px}
.hqColor_5 li .co_5{ background-position:0 -4500px}
.hqColor_5 li .co_6{ background-position:0 -4550px}

.hqColor_7{ width:100%; min-width:930px; height:1242px; overflow:hidden; float:left; position:relative}
.hqColor_7 .tit_box{ height:162px; margin-top:85px; text-align:center; opacity:0}
.hqColor_7 .tit_box .t_1{ padding-bottom:25px}
.hqColor_7 .tit_box .t_2{ font-size:34px; line-height:44px}
.hqColor_7 .img_box{ width:1920px; height:997px; overflow:hidden; float:left; position:absolute; left:50%; margin-left:-960px}
.hqColor_7 .img_box img{ width:1970px; height:997px; float:left; opacity:0; transform:translate(-50px,50px) rotate(0.0001deg); -webkit-transform:translate(-50px,50px) rotate(0.0001deg)}

@keyframes tit_7_1{ 0%{ opacity:0; transform:translate(0,-20px) rotate(0.0001deg)} 100%{ opacity:1; transform:translate(0,0) rotate(0.0001deg)}}
@keyframes img_7_1{ 0%{ opacity:0; transform:translate(-50px,50px) rotate(0.0001deg)} 100%{ opacity:1; transform:translate(0,0) rotate(0.0001deg)}}

@-webkit-keyframes tit_7_1{ 0%{ opacity:0; -webkit-transform:translate(0,-20px) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate(0,0) rotate(0.0001deg)}}
@-webkit-keyframes img_7_1{ 0%{ opacity:0; -webkit-transform:translate(-50px,50px) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate(0,0) rotate(0.0001deg)}}

.hqColor_8{ width:100%; height:500px; overflow:hidden; float:left; background-color:#F5F5F5}
.hqColor_8 .tit_box{  height:180px; margin-top:35px; text-align:center}
.hqColor_8 .tit_box .t_1{ padding-bottom:15px}
.hqColor_8 .tit_box .t_2{ font-size:24px; line-height:36px}
.hqColor_8 .tit_box .t_3{ width:100%; float:left; padding-top:30px}
.hqColor_8 .tit_box .t_3 a{ color:#005AFF; font-size:26px; line-height:30px}
.hqColor_8 .tit_box .t_3 a:hover{ text-decoration:underline}
.hqColor_8 .img{ width:880px; height:265px; float:left; margin:23px 0 0 140px}

.hqColor_8 .main_min .img{ margin:23px 0 0 25px}

.hqColor_app{ width:100%; min-width:930px; height:926px; overflow:hidden; background-color:#f2f2f2; float:left; position:relative}
.hqColor_app .tit_box{ width:610px; margin-top:200px; opacity:0; transition:opacity .5s ease-out; -webkit-transition:opacity .5s ease-out}
.hqColor_app .tit_box .t_1{ padding-bottom:30px}
.hqColor_app .tit_box .t_2{ font-size:34px; line-height:44px}
.hqColor_app .tit_box .t_3{ width:100%; float:left; padding-top:80px}
.hqColor_app .tit_box .t_3 a{ color:#005AFF; font-size:26px; line-height:30px}
.hqColor_app .tit_box .t_3 a:hover{ text-decoration:underline}
.hqColor_app .img_box{ width:414px; height:842px; float:right; margin-top:84px}
.hqColor_app .img_box img{ opacity:0}

.hqColor_app .main_min .tit_box{ width:500px}

@keyframes tit_app{ 0%{ opacity:0} 100%{ opacity:1}}
@keyframes img_app{ 0%{ opacity:0; transform:translate(0,50px) rotate(0.0001deg)} 100%{ opacity:1; transform:translate(0,0) rotate(0.0001deg)}}

@-webkit-keyframes tit_app{ 0%{ opacity:0} 100%{ opacity:1}}
@-webkit-keyframes img_app{ 0%{ opacity:0; -webkit-transform:translate(0,50px) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate(0,0) rotate(0.0001deg)}}