@charset "gb2312";
/* CSS Document by whc */
a,a:hover{ text-decoration:none;}
em,i{ font-style:normal;}
.ban{ width:1226px; height:734px; background:url(../images/zgnmyyy01.jpg) no-repeat center top; overflow:hidden; margin:0 auto 50px;}
.ban a{ width:1200px; height:734px; display:block; background:url(../images/zgnmyyy02.jpg) no-repeat; position:relative; margin:0 auto; overflow:hidden;}
.ban a .img01{ position:absolute; top:158px; left:0px; animation:ww01 1s ease-in-out 0s both; -webkit-animation:ww01 1s ease-in-out 0s both;}
.ban a .img02{ position:absolute; top:263px; left:0px; animation:ww02 1s ease-in-out 0s both; -webkit-animation:ww02 1s ease-in-out 0s both;}
.ban a .img03{ position:absolute; top:341px; left:0px; animation:ww03 1s ease-in-out 0s both; -webkit-animation:ww03 1s ease-in-out 0s both;}
.ban a .img04{ position:absolute; top:409px; left:0px; animation:ww04 1s ease-in-out 0s both; -webkit-animation:ww04 1s ease-in-out 0s both;}
.ban a span{ width:241px; height:56px; line-height:22px; font-size:18px; background:url(../images/zgnmyyy07.png) no-repeat; color:#fff; position:absolute; top:542px; left:10px; animation:ww05 1s ease-in-out 0s both; -webkit-animation:ww05 1s ease-in-out 0s both; transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; padding:10px 0 0 45px;}
.ban a span:hover{ background:url(../images/zgnmyyy08.png) no-repeat;}



@keyframes ww01{
from{ transform:scale(0,0); opacity:0;}
to{ transform:scale(1,1); opacity:1;}
}
@-webkit-keyframes ww01{
from{ -webkit-transform:scale(0,0); opacity:0;}
to{ -webkit-transform:scale(1,1); opacity:1;}
}
@keyframes ww02{
from{ transform:translate(0,200px); opacity:0;}
to{ transform:translate(0,0); opacity:1;}
}
@-webkit-keyframes ww02{
from{ -webkit-transform:translate(0,200px); opacity:0;}
to{ -webkit-transform:translate(0,0); opacity:1;}
}
@keyframes ww03{
from{ transform:translate(0,-200px); opacity:0;}
to{ transform:translate(0,0); opacity:1;}
}
@-webkit-keyframes ww03{
from{ -webkit-transform:translate(0,-200px); opacity:0;}
to{ -webkit-transform:translate(0,0); opacity:1;}
}
@-webkit-keyframes ww04{
from{ transform:translate(-200px,0); opacity:0;}
to{ transform:translate(0,0); opacity:1;}
}
@keyframes ww04{
from{ -webkit-transform:translate(-200px,0); opacity:0;}
to{ -webkit-transform:translate(0,0); opacity:1;}
}
@-webkit-keyframes ww05{
from{ transform:translate(0,200px); opacity:0;}
to{ transform:translate(0,0); opacity:1;}
}
@keyframes ww05{
from{ -webkit-transform:translate(0,200px); opacity:0;}
to{ -webkit-transform:translate(0,0); opacity:1;}
}

.fjyyy_bt{ width:100%; background:url(../images/gjyzl05.png) repeat-x center bottom; overflow:hidden;}
.fjyyy_bt b{ width:1200px; display:block; font-size:36px; color:#333; margin:0 auto; text-align:center; background:url(../images/fjyzz09.jpg) no-repeat center bottom; padding:0 0 20px; font-weight:normal;}
.fjyyy_bt b img{ margin:0 auto;}
.fjyyy_bt02{ background:url(../images/zgnmyyy12.png) repeat-x center bottom;}
.fjyyy_bt02 b{ background:url(../images/zgnmyyy13.jpg) no-repeat center bottom; padding-bottom:2px;}
.fjyyy_bt00{ background:url(../images/zgnmyyy17.jpg) repeat-x center bottom;}
.fjyyy_bt00 b{ background:url(../images/zgnmyyy18.jpg) no-repeat center bottom;}
.cn01{ width:1200px; margin:55px auto 45px; overflow:hidden;}
.cn01.show ul li{ opacity:1; transform:scale(1,1); -webkit-transform:scale(1,1);}
.cn01 ul{ width:1220px; overflow:hidden;}
.cn01 ul li{ width:285px; height:343px; float:left; overflow:hidden; margin:0 20px 0 0; display:inline; border-radius:5px; transition:all 1s ease-in-out 0s; -webkit-transition:all 1s ease-in-out 0s; transform:scale(0,0); -webkit-transform:scale(0,0); opacity:0;}
.cn01 ul li blockquote{ background:url(../images/zgxrwh06.png) no-repeat center bottom; overflow:hidden; font-size:26px; line-height:45px; padding:30px 0 25px; color:#fff; text-align:center; margin:0 auto 15px;}
.cn01 ul li p{ width:240px; margin:0 auto; line-height:28px; font-size:16px; color:#fff; height:135px; font-weight:lighter;}
.cn01 ul li a{ width:53px; height:52px; display:block; margin:0 auto;}
.cn01 ul li:nth-child(2){ transition:all 1s ease-in-out 0.5s; -webkit-transition:all 1s ease-in-out 0.5s;}
.cn01 ul li:nth-child(3){ transition:all 1s ease-in-out 1s; -webkit-transition:all 1s ease-in-out 1s;}
.cn01 ul li:nth-child(4){ transition:all 1s ease-in-out 1.5s; -webkit-transition:all 1s ease-in-out 1.5s;}
.cn01 ul .bg01{ background:#c7b1e8;}
.cn01 ul .bg02{ background:#ffb17e;}
.cn01 ul .bg03{ background:#ee8eb3;}
.cn01 ul .bg04{ background:#6dc579;}

.cn02{ width:1052px; margin:0 auto 60px; overflow:hidden; transition:all 1s ease-in-out 0s; -webkit-transition:all 1s ease-in-out 0s; transform:scale(0,0); -webkit-transform:scale(0,0); opacity:0;}
.cn02.show{ transform:scale(1,1); -webkit-transform:scale(1,1); opacity:1;}
.cn02_1{ width:1051px; height:161px; background:url(../images/zgnmyyy09.jpg) no-repeat; margin:0 auto;}
.cn02_1 p{ width:855px; margin:0 auto; text-align:center; padding:40px 0 0; font-size:17px; line-height:30px; color:#575757; font-weight:lighter;}
.cn02 img{ margin:0 auto;}
.cn02 ul{ width:789px; margin:0 auto; overflow:hidden;}
.cn02 ul li{ float:left;}
.cn02 ul li a{ width:346px; height:51px; display:block; position:relative; text-align:center; border-radius:50px; line-height:51px; border:1px solid #f8c4d8; color:#fe5493; font-size:18px; transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s;}
.cn02 ul li a:hover{ text-indent:-10px;}
.cn02 ul li a img{ position:absolute; top:20px; left:310px; opacity:0; transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; transform:translate(0,0); -webkit-transform:translate(0,0); display:none\0; *display:none; _display:none;}
.cn02 ul li a:hover .im01{ left:320px; transition:all 0.5s linear 0.3s; -webkit-transition:all 0.5s linear 0.3s;}
.cn02 ul .rt{ float:right;}
.cn02 ul .rt a{ width:380px;}
.cn02 ul .rt a img{ left:355px;}
.cn02 ul .rt a:hover .im01{ left:365px; transition:all 0.5s linear 0.3s; -webkit-transition:all 0.5s linear 0.3s;}
.cn02 ul li a:hover img{ opacity:1; display:block\0; *display:block; _display:block;}
.cn03{ width:100%; overflow:hidden; height:634px; background:url(../images/zgnmyyy10.jpg) repeat-x; transition:all 1s ease-in-out 0s; -webkit-transition:all 1s ease-in-out 0s; transform:translate(0,100px); -webkit-transform:translate(0,100px); opacity:0;}
.cn03.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn03_1{ width:1200px; margin:0 auto; overflow:hidden; padding:28px 0 0;}
.cn03_2{ width:600px; float:left;}
.cn03_3{ width:600px; float:right; background:#fff;}
.cn03_3 dt{ width:308px; height:243px; background:url(../images/fjyyy13.jpg) no-repeat; float:left;}
.cn03_3 dt img{ margin:40px auto 18px;}
.cn03_3 dt blockquote{ width:222px; margin:0 auto; text-align:center; font-size:18px; color:#333; line-height:27px; font-weight:lighter;}
.cn03_3 dd{ width:292px; height:243px; float:left;}
.cn03_3 dd p{ width:285px; font-family:宋体; font-size:15px; color:#666; line-height:22px; margin:30px 0 0 6px; background:url(../images/fjyyy14.jpg) no-repeat left top; padding:12px 0 0;}
.cn03_4 dt{ float:right; background:url(../images/fjyyy17.jpg) no-repeat;}
.cn03_4 dt blockquote{ width:190px;}
.cn03_4 dd{ float:left;}
.cn03_4 dd p{ width:270px; margin:30px auto 0; background:url(../images/fjyyy15.jpg) no-repeat left top;}

.cn04{ width:100%; height:116px; background:#f94992; overflow:hidden; margin:0 auto 35px;}
.cn04.show .cn04_1 ul{ width:1280px;}
.cn04_1{ width:1200px; margin:0 auto; overflow:hidden;}
.cn04_1 ul{ width:0; height:85px; overflow:hidden; transition:all 2s ease-in-out 0s; -webkit-transition:all 2s ease-in-out 0s;}
.cn04_1 ul li{ float:left; padding:23px 0 0; display:inline; margin:0 33px 0 0;}
.cn04_1 ul li img{ float:left;}
.cn04_1 ul li blockquote{ float:left; padding:5px 0 0 10px; line-height:25px; font-size:20px; color:#fff;}
.cn04_1 ul li blockquote span{ font-size:14px; font-weight:lighter; display:block;}

.cn05{ width:1200px; margin:0 auto 20px; overflow:hidden; padding:56px 0 0; transition:all 1s ease-in-out 0s; -webkit-transition:all 1s ease-in-out 0s; transform:scale(0,0); -webkit-transform:scale(0,0); opacity:0;}
.cn05.show{ transform:scale(1,1); -webkit-transform:scale(1,1); opacity:1;}
.cn05 ul{ width:1250px; overflow:hidden; background:url(../images/fjyyy23.jpg) no-repeat 297px 48px;}
.cn05 ul li{ width:376px; text-align:center; margin:0 36px 0 0; display:inline; float:left;}
.cn05 ul li span{ width:376px; height:48px; display:block; text-align:center; line-height:48px; font-size:21px; color:#fff; background:#ff3f75;}
.cn05 ul li p{ width:352px; margin:0 auto; padding:12px 0 0; font-size:16px; line-height:23px; font-family:宋体;}
.cn05 ul .hs span{ background:#f98235;}
.cn05 ul .ls span{ background:#4ac15a;}
.cn06_1{ width:1200px; margin:0 auto; overflow:hidden;}
.cn06,.cn06_1{ transition:all 1s ease-in-out 0s; -webkit-transition:all 1s ease-in-out 0s; transform:translate(0,100px); -webkit-transform:translate(0,100px); opacity:0;}
.cn06.show,.cn06_1.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn07{ width:100%; overflow:hidden; height:1000px; background:#fafafa; margin:0 auto 30px; transition:all 1s ease-in-out 0s; -webkit-transition:all 1s ease-in-out 0s; transform:translate(0,100px); -webkit-transform:translate(0,100px); opacity:0;}
.cn07.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn07_1{ width:1200px; margin:0 auto; padding:45px 0 0; overflow:hidden;}
.cn07_1 blockquote{ font-size:24px; color:#333; background:url(../images/zgnmyyy19.jpg) no-repeat left center; padding:0 0 0 15px; margin:0 0 40px;}
.cn07_2{ width:1250px; height:320px; overflow:hidden;}
.cn07_2 li{ width:284px; float:left; margin:0 10px 0 0; overflow:hidden; height:270px; padding:4px 4px 0 4px; transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; position:relative;}
.cn07_2 li em{ width:31px; display:block; background:url(../images/lcnzzz30.png) no-repeat -38px 0; float:right; height:18px; border-left:1px solid #fff; transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; position:absolute; left:248px; top:216px;}
.cn07_2 li .ll{ top:208px;}
.cn07_3{ width:284px; height:190px; margin:0 auto; overflow:hidden; transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s;}
.cn07_3 img{ transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s;}
.cn07_2 li:hover{ height:277px; background:#ff5e8f;}
.cn07_2 li:hover .cn07_3{ height:180px;}
.cn07_2 li:hover .cn07_3 img{ transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}
.cn07_2 li a dl{ width:284px; height:60px; border-bottom:1px solid #ddd; padding:15px 0 0; overflow:hidden; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -webkit-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.cn07_2 li a dl dt{ float:left; transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s;}
.cn07_2 li a{ color:#e6e6e6;}
.cn07_2 li a:hover{ color:#fff;}
.cn07_2 li a dl dt b{ font-size:45px; line-height:45px; color:#e6e6e6; float:left; font-family:Impact;}
.cn07_2 li a dl dt p{ float:left; color:#444; font-size:18px; padding:0 0 0 5px;}
.cn07_2 li a dl dt .sl{ font-size:16px;}
.cn07_2 li a dl dt .ss{ font-size:13px;}
.cn07_2 li a dl dt p span{ display:block; color:#999; font-size:14px; font-family:宋体;}
.cn07_2 li:hover{ background:#ff5e8f; height:277px; border-color:transparent;}
.cn07_2 li:hover a dl{ height:80px; border-bottom:1px solid transparent; border-color:1px solid transparent;}
.cn07_2 li:hover a em{ background:url(../images/lcnzzz30.png) no-repeat 12px 0;}
.cn07_2 li:hover a dl dt,.cn07_2 li:hover a dl dt span,.cn07_2 li:hover a dl dt b,.cn07_2 li:hover a dl dt p{ color:#fff;}
.cn07_2 li:hover a dl dt{ transform:translate(0,5px); -webkit-transform:translate(0,5px);}

.cn07_4{ width:1200px; height:292px; border:1px solid #ececec; border-right:none; background:#fff; overflow:hidden; margin:0 auto 42px;}
.cn07_4 li{ width:399px; height:292px; float:left; overflow:hidden; border-right:1px solid #ececec;}
.cn07_4 li:last-child{ width:398px;}
.cn07_4 li p{ width:376px; margin:0 auto 18px; font-size:12px; color:#ff6385; border-bottom:1px solid #e8e8e8; overflow:hidden; padding:25px 0 15px;  text-transform:uppercase;}
.cn07_4 li p b{ font-size:20px; padding:0 10px 0 0;}
.cn07_4 li img{ margin:0 auto;}
.cn07 .aa{ width:346px; height:51px; margin:0 auto; display:block; position:relative; text-align:center; border-radius:50px; line-height:51px; border:1px solid #f8c4d8; color:#fe5493; font-size:18px; transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s;}
.cn07 .aa:hover{ text-indent:-10px;}
.cn07 .aa img{ position:absolute; top:20px; left:310px; opacity:0; transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; transform:translate(0,0); -webkit-transform:translate(0,0); display:none\0; *display:none; _display:none;}
.cn07 .aa:hover .im01{ left:320px; transition:all 0.5s linear 0.3s; -webkit-transition:all 0.5s linear 0.3s;}
.cn07 .aa:hover img{ opacity:1; display:block\0; *display:block; _display:block;}
.cn08_1{ width:1200px; overflow:hidden; margin:60px auto 70px; transition:all 1s ease-in-out 0s; -webkit-transition:all 1s ease-in-out 0s; transform:translate(200px,200px); -webkit-transform:translate(200px,200px); opacity:0;}
.cn08_1.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn08_1 dl{ width:1200px; overflow:hidden;}
.cn08_2 dt{ width:598px; height:378px; border:1px solid #ffe6ec; float:left;}
.cn08_2 dt img{ margin:45px auto 28px;}
.cn08_2 dt p{ width:528px; color:#575757; line-height:28px; font-size:16px; text-align:center; margin:0 auto 40px; font-family:宋体;}
.cn08_2 dt a{ width:346px; height:51px; display:block; margin:0 auto; position:relative; text-align:center; border-radius:50px; line-height:51px; border:1px solid #f8c4d8; color:#fe5493; font-size:18px; transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s;}
.cn08_2 dt a img{ position:absolute; top:20px; left:290px; opacity:0; transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; transform:translate(0,0); -webkit-transform:translate(0,0); margin:0; display:none\0; *display:none;}
.cn08_2 dt a:hover{ text-indent:-20px;}
.cn08_2 dt a:hover img{ opacity:1; display:block\0; *display:block; _display:block;}
.cn08_2 dt a:hover .im01{ left:300px; transition:all 0.5s linear 0.3s; -webkit-transition:all 0.5s linear 0.3s;}
.cn08_2 dd{ width:600px; float:left;}
.cn08_3 dt{ float:left;}
.cn08_3 dd{ width:583px; height:350px; border:1px solid #ffe6ec; float:right; padding:27px 0 0 15px;}
.cn08_6{ width:583px; overflow:hidden; margin:0 0 10px;}
.cn08_6 img{ float:left; margin:0 12px 0 0;}
.cn08_6 p{ float:left; color:#666; font-size:15px; font-family:宋体;}
.cn08_6 p span{ display:block; line-height:30px; font-size:20px; padding:10px 0 5px;}
.cn08_6 p .cor01{ color:#5aab33;}
.cn08_6 p .cor02{ color:#eb6c4b;}
.cn08_6 p .cor03{ color:#fe8500;}
.cn08_6 p .cor04{ color:#da3776;}
.cn08_5 dt{ float:right; margin-top:-1px;}
.cn08_5 dd{ float:left;}
.cn09{ width:100%; height:567px; background:#f5f5f5; overflow:hidden; margin:0 auto 30px; transition:all 1s ease-in-out 0s; -webkit-transition:all 1s ease-in-out 0s; transform:translate(-200px,-200px); -webkit-transform:translate(-200px,-200px); opacity:0;}
.cn09.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn09 ul{ width:1250px; overflow:hidden; margin:50px 0 0;}
.cn09 ul li{ width:295px; height:360px; float:left; overflow:hidden; position:relative; margin:0 14px 0 0;}
.cn09 ul li img{ border:3px solid #fff;}
.cn09 ul li blockquote{ width:289px; height:38px; line-height:38px; text-align:center; background:url(../images/zgxrby25.png) no-repeat; color:#fff; font-size:16px; position:absolute; top:154px; left:3px;}
.cn09_1{ width:274px; height:148px; background:url(../images/zgxrby22.jpg) no-repeat left top; padding:15px 0 0 15px;}
.cn09_1 p{ width:269px; line-height:26px; color:#494949; font-size:15px; height:98px; font-weight:lighter;}
.cn09_1 a{ width:137px; height:34px; display:block; line-height:34px; text-align:center; color:#fff; font-size:16px; background:url(../images/zgxrby23.jpg) no-repeat;}
.cn09_1 a:hover{ background:url(../images/zgxrby24.jpg) no-repeat;}
.cn09_2{ width:1200px; margin:0 auto; overflow:hidden;}
.cn10{ width:1200px; margin:55px auto 0; transition:all 1s ease-in-out 0s; -webkit-transition:all 1s ease-in-out 0s; transform:rotateY(90deg); -webkit-transform:rotateY(90deg); opacity:0;}
.cn10.show{ transform:rotateY(0); -webkit-transform:rotateY(0); opacity:1;}
.cn10_1{ width:878px; float:left; box-shadow:0 0 15px #e8e2e2; overflow:hidden;}
.cn10_2 dt{ width:317px; float:left; height:445px; border-radius:5px 0 0 5px;}
.cn10_2 dt strong{ width:282px; display:block; margin:0 auto; border-bottom:1px solid #c8c8c8; padding:35px 0 18px; font-size:24px; color:#ff4088; font-weight:bold;}
.cn10_2 dt p{ width:275px; height:295px; margin:20px auto 0; line-height:34px; color:#575757; text-indent:2em; font-size:19px;}
.cn10_2 dt a{ float:right; font-size:16px; color:#ff7aa8; padding:0 18px 0 0;}
.cn10_2 dt a:hover{ color:#c9364e;}
.cn10_2 dd{ width:561px; float:left; border-radius:5px 0 0 5px;}
.cn10_3{ width:306px; float:right; overflow:hidden;}
.cn10_3 li{ width:304px; height:66px; background:url(../images/lcnz63.jpg) no-repeat; margin:0 0 10px; line-height:66px; text-indent:80px; cursor:pointer; font-size:22px; color:#787878;}
.cn10_3 li span{ height:66px; display:block;}
.cn10_3 .kjy_a{ background:url(../images/lcnz62.jpg) no-repeat; color:#fff;}
.cn10_3 li .wbg01{ background:url(../images/lcnz64.jpg) no-repeat 28px center;}
.cn10_3 li .wbg02{ background:url(../images/lcnz65.jpg) no-repeat 28px center;}
.cn10_3 li .wbg03{ background:url(../images/lcnz66.jpg) no-repeat 28px center;}
.cn10_3 li .wbg04{ background:url(../images/lcnz67.jpg) no-repeat 28px center;}
.cn10_3 li .wbg05{ background:url(../images/lcnz68.jpg) no-repeat 28px center;}
.cn10_3 li .wbg06{ background:url(../images/lcnz69.jpg) no-repeat 28px center;}
.cn10_3 .kjy_a .wbg01{ background:url(../images/zgjlzl60.jpg) no-repeat 28px center;}
.cn10_3 .kjy_a .wbg02{ background:url(../images/zgjlzl61.jpg) no-repeat 28px center;}
.cn10_3 .kjy_a .wbg03{ background:url(../images/zgjlzl62.jpg) no-repeat 28px center;}
.cn10_3 .kjy_a .wbg04{ background:url(../images/zgjlzl63.jpg) no-repeat 28px center;}
.cn10_3 .kjy_a .wbg05{ background:url(../images/zgjlzl64.jpg) no-repeat 28px center;}
.cn10_3 .kjy_a .wbg06{ background:url(../images/zgjlzl65.jpg) no-repeat 28px center;}
.clee{ width:100%; overflow:hidden; height:30px;}



#allsort{ display:none;}