@charset "gb2312";
/* CSS Document by whc */
a,a:hover{ text-decoration:none;}
em,i{ font-style:normal;}
.ban{ width:1226px; margin:0 auto; height:758px; background:url(../images/fjyby01.jpg) no-repeat center top; overflow:hidden;}
.ban a{ width:1200px; height:758px; display:block; background:url(../images/fjyby02.jpg) no-repeat; position:relative; margin:0 auto; overflow:hidden;}
.ban a .img01{ position:absolute; top:164px; left:60px; animation:ww01 1s ease-in-out 0s both; -webkit-animation:ww01 1s ease-in-out 0s both;}
.ban a .img02{ position:absolute; top:394px; left:0; animation:ww02 1s ease-in-out 0s both; -webkit-animation:ww02 1s ease-in-out 0s both;}
.ban a span{ width:292px; height:51px; background:url(../images/fjyby05.png) no-repeat; line-height:51px; text-indent:22px; font-size:20px; color:#fff; position:absolute; top:522px; left:107px; animation:ww03 1s ease-in-out 0s both; -webkit-animation:ww03 1s ease-in-out 0s both;}
.ban a span:hover{ background:url(../images/fjyby06.png) no-repeat;}
.ban a .img03{ position:absolute; bottom:3px; left:326px;}

@keyframes ww01{
from{ transform:translate(0,-200px); opacity:0;}
to{ transform:translate(0,0); opacity:1;}
}
@-webkit-keyframes ww01{
from{ -webkit-transform:translate(0,-200px); opacity:0;}
to{ -webkit-transform:translate(0,0); opacity:1;}
}
@keyframes ww02{
from{ transform:scale(0,0); opacity:0;}
to{ transform:scale(1,1); opacity:1;}
}
@-webkit-keyframes ww02{
from{ -webkit-transform:scale(0,0); opacity:0;}
to{ -webkit-transform:scale(1,1); opacity:1;}
}
@keyframes ww03{
from{ transform:translate(200px,0); opacity:0;}
to{ transform:translate(0,0); opacity:1;}
}
@-webkit-keyframes ww03{
from{ -webkit-transform:translate(200px,0); opacity:0;}
to{ -webkit-transform:translate(0,0); opacity:1;}
}
.cn01{ width:1200px; height:603px; position:relative; background:url(../images/fjyby08.jpg) no-repeat; margin:0 auto; overflow:hidden; padding:65px 0 0; 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;}
.cn01.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn01 dl{ width:1052px; margin:0 auto 22px; overflow:hidden;}
.cn01 dl dt{ float:left;}
.cn01 dl dd{ width:763px; float:right; padding:12px 0 0;}
.cn01 ul{ position:absolute; left:368px; top:318px;}
.cn01 ul li{ width:136px; height:135px; background:url(../images/fjyby1.jpg) no-repeat; float:left; margin:0 14px 0 0; font-size:26px; color:#fff; line-height:135px; text-align:center; transition:all 1s ease-in-out 0s; -webkit-transition:all 1s ease-in-out 0s; opacity:0;}
.cn01.show ul li{ opacity:1;}
.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 .zd{ line-height:31px; padding:45px 0 0; height:90px;}
.cn01 a{ width:346px; height:51px; color:#fe418a; font-size:20px; display:block; margin:0 auto; border:1px solid #f8c5d9; border-radius:50px; text-align:center; position:absolute; top:498px; left:365px; line-height:51px; transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s;}
.cn01 a img{ position:absolute; top:20px; left:290px; 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); opacity:0; display:none\0; *display:none;}
.cn01 a:hover{ text-indent:-20px;}
.cn01 a:hover img{ opacity:1; transform:translate(10px,0); -webkit-transform:translate(10px,0); display:block\0; *display:block;}
.cn02{ width:1200px; margin:0 auto 30px; overflow:hidden; 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;}
.cn02.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn02_2{ width:1230px; height:350px; transition:all 1s ease-in-out 0s; -webkit-transition:all 1s ease-in-out 0s; overflow:hidden;}
.cn02_2 li{ width:398px; height:307px; float:left; border:1px solid rgba(0, 0, 0, 0); position:relative; margin:8px 0 30px 0; transition: all 0.6s ease-in-out 0s; -webkit-transition: all 0.6s ease-in-out 0s; overflow:hidden;}
.cn02_2 li .img{ margin:10px auto 25px;}
.cn02_2 li span{ font-size:20px; display:block; text-align:center; color:#333; background:url(../images/lcnzzz11.jpg) no-repeat center bottom; padding:0 0 15px;}
.cn02_2 li p{ width:320px; line-height:26px; color:#666; margin:15px auto 0; font-size:16px; text-align:center; font-weight:lighter;}
.cn02_2 li .mar{ width:15px; height:10px; display:block; position:absolute; left:192px; bottom:-10px; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s;}
.cn02_2 li:hover{ box-shadow:0 15px 30px rgba(0, 0, 0, 0.1); margin-top:0px; background:#fff; border-color: rgba(0, 0, 0, 0.08);}
.cn02_2 li:hover .mar{ bottom:22px;}
.cn02_2 .cn02_3 p{ width:336px;}

.cn03{ 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;}
.cn03.show{ transform:scale(1,1); -webkit-transform:scale(1,1); opacity:1;}
.cn03_1{ width:1051px; height:154px; background:url(../images/fjyby15.jpg) no-repeat; margin:0 auto;}
.cn03_1 p{ width:855px; margin:0 auto; text-align:center; padding:25px 0 0; font-size:17px; line-height:30px; color:#575757; font-weight:lighter;}
.cn03 img{ margin:0 auto;}
.cn03 ul{ width:789px; margin:0 auto; overflow:hidden;}
.cn03 ul li{ float:left;}
.cn03 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;}
.cn03 ul li a img{ position:absolute; top:20px; left:280px; 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;}
.cn03 ul .rt{ float:right;}
.cn03 ul li a:hover{ text-indent:-20px;}
.cn03 ul li a:hover img{ opacity:1; transform:translate(10px,0); -webkit-transform:translate(10px,0); display:block\0; *display:block;}
.gjyzl_bt{ width:100%; background:url(../images/gjyzl05.png) repeat-x center bottom; overflow:hidden;}
.gjyzl_bt b{ width:1200px; display:block; font-size:32px; color:#ff7383; margin:0 auto; text-align:center; background:url(../images/fjyzz09.jpg) no-repeat center bottom; padding:18px 0 28px; font-weight:bold;}
.gjyzl_bt b img{ margin:0 auto;}
.cn04{ width:1200px; margin:55px auto 52px; overflow:hidden;}
.cn04.show ul li{ transform:scale(1,1); -webkit-transform:scale(1,1); opacity:1;}
.cn04 ul{ width:1220px; overflow:hidden; margin:0 0 55px;}
.cn04 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;}
.cn04 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;}
.cn04 ul li p{ width:240px; margin:0 auto; line-height:40px; font-size:18px; color:#fff; height:150px;}
.cn04 ul li a{ width:53px; height:52px; display:block; margin:0 auto;}
.cn04 ul li:nth-child(2){ transition:all 1s ease-in-out 0.5s; -webkit-transition:all 1s ease-in-out 0.5s;}
.cn04 ul li:nth-child(3){ transition:all 1s ease-in-out 1s; -webkit-transition:all 1s ease-in-out 1s;}
.cn04 ul li:nth-child(4){ transition:all 1s ease-in-out 1.5s; -webkit-transition:all 1s ease-in-out 1.5s;}
.cn04 ul .bg01{ background:#b99fe1;}
.cn04 ul .bg02{ background:#ffb17e;}
.cn04 ul .bg03{ background:#ee8eb3;}
.cn04 ul .bg04{ background:#6dc579;}
.cn05{ width:100%; height:1055px; overflow:hidden; background:#f8f8f8; margin:0 auto 45px; padding:40px 0 0; 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;
}
.cn05.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn05_1{ width:1200px; margin:0 auto; overflow:hidden; padding:45px 0 0;}
.cn05_1 blockquote{ background:url(../images/fjyby28.jpg) no-repeat left center; font-size:24px; color:#333; margin:0 0 45px; padding:0 0 0 15px;}
.cn05_2{ width:1200px; background:#fff; overflow:hidden; padding:20px 0 0; margin:0 auto 55px;}
.cn05_2 .ul01{ width:1230px; height:234px; border-bottom:1px solid #e8e8e8; margin:0 0 50px; overflow:hidden; padding:0 0 0 9px;}
.cn05_2 .ul01 li{ width:399px; float:left;}
.cn05_2 .ul01 li span{ width:383px; border-bottom:1px solid #e8e8e8; padding:0 0 10px; font-size:20px; display:block; color:#fe8417; margin:0 0 17px;}
.cn05_2 .ul02{ width:1200px; overflow:hidden;}
.cn05_2 .ul02 li{ width:240px; height:382px; float:left;}
.cn05_2 .ul02 li img{ margin:0 auto;}
.cn05_2 .ul02 li p{ font-size:20px; text-align:center; color:#555; padding:15px 0 0; line-height:25px; font-weight:lighter;}
.ul03{ width:789px; margin:0 auto; overflow:hidden;}
.ul03 li{ float:left;}
.ul03 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;}
.ul03 li a img{ position:absolute; top:20px; left:280px; 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;}
.ul03 .rt{ float:right;}
.ul03 .rt a img{ left:290px;}
.ul03 li a:hover{ text-indent:-20px;}
.ul03 li a:hover img{ opacity:1; transform:translate(10px,0); -webkit-transform:translate(10px,0); display:block\0; *display:block;}
.a_swt{ 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;}
.a_swt img{ position:absolute; top:20px; left:270px; 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;}
.a_swt:hover{ text-indent:-20px;}
.a_swt:hover img{ opacity:1; transform:translate(10px,0); -webkit-transform:translate(10px,0); display:block\0; *display:block;}
.cn06_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(0,100px); -webkit-transform:translate(0,100px); opacity:0;}
.cn06_1.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn06_1 dl{ width:1200px; overflow:hidden;}
.cn06_2 dt{ width:598px; height:378px; border:1px solid #ffe6ec; float:left;}
.cn06_2 dt img{ margin:45px auto 28px;}
.cn06_2 dt p{ width:528px; color:#575757; line-height:28px; font-size:16px; text-align:center; margin:0 auto 40px; font-family:ËÎÌå;}
.cn06_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;}
.cn06_2 dt a img{ position:absolute; top:20px; left:280px; 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;}
.cn06_2 dt a:hover{ text-indent:-20px;}
.cn06_2 dt a:hover img{ opacity:1; transform:translate(10px,0); -webkit-transform:translate(10px,0); display:block\0; *display:block;}
.cn06_2 dd{ width:600px; float:left;}
.cn06_3 dt{ float:left;}
.cn06_3 dd{ width:583px; height:350px; border:1px solid #ffe6ec; float:right; padding:27px 0 0 15px;}
.cn06_4{ width:583px; overflow:hidden; margin:0 0 10px;}
.cn06_4 img{ float:left; margin:0 12px 0 0;}
.cn06_4 p{ float:left; color:#666; font-size:15px; font-family:ËÎÌå;}
.cn06_4 p span{ display:block; line-height:30px; font-size:20px; padding:10px 0 5px;}
.cn06_4 p .cor01{ color:#5aab33;}
.cn06_4 p .cor02{ color:#eb6c4b;}
.cn06_4 p .cor03{ color:#fe8500;}
.cn06_4 p .cor04{ color:#da3776;}
.cn06_5 dt{ float:right; margin-top:-1px;}
.cn06_5 dd{ float:left;}
.cn07{ width:100%; height:522px; background:#f5f5f5; padding:45px 0 0; 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; background:#fff; margin:50px auto 0; overflow:hidden; padding:0 0 25px;}
.cn07_1 ul{ width:1230px; overflow:hidden; padding:22px 0 0 10px;}
.cn07_1 ul li{ width:275px; margin:0 25px 0 0; float:left; transition:all 1s ease; -webkit-transition:all 1s ease;}
.cn07_1 ul li .immg{ width:275px; height:154px;}
.cn07_1 ul li .immg img{ width:275px; height:154px; transition:all 1s ease; -webkit-transition:all 1s ease;}
.cn07_1 ul li dl{ width:275px; overflow:hidden; margin:0 0 15px;}
.cn07_1 ul li dl dt{ float:left; font-size:20px; font-weight:bold; color:#e9445f;}
.cn07_1 ul li dl dd{ float:right; padding:5px 0 0;}
.cn07_1 ul li p{ font-size:16px; line-height:26px; color:#656565; font-weight:lighter; padding:20px 0 0;}
.cn07_1 ul li:hover .immg img{transform:scale(1.05); -webkit-transform:scale(1.05);}



#allsort{ display:none;}