@charset "gb2312";
/* CSS Document by whc */
a,a:hover{ text-decoration:none;}
em,i{ font-style:normal;}
.ban{ width:1226px; height:598px; background:url(../images/wh01.jpg) no-repeat center top; overflow:hidden; margin:0 auto 60px;}
.ban a{ width:1200px; height:598px; display:block; background:url(../images/wh02.jpg) no-repeat; position:relative; margin:0 auto; overflow:hidden;}
.ban a .img01{ position:absolute; top:136px; left:0; animation:ww01 1s ease-in-out 0s both; -webkit-animation:ww01 1s ease-in-out 0s both;}
.ban a .img02{ position:absolute; top:234px; left:0; animation:ww02 1s ease-in-out 0s both; -webkit-animation:ww02 1s ease-in-out 0s both;}
.ban a .img03{ position:absolute; top:334px; left:12px; animation:ww03 1s ease-in-out 0s both; -webkit-animation:ww03 1s ease-in-out 0s both;}
.ban a .img04{ position:absolute; top:397px; left:12px; animation:ww04 1s ease-in-out 0s both; -webkit-animation:ww04 1s ease-in-out 0s both;}
.ban a span{ width:328px; height:58px; background:url(../images/wh07.png) no-repeat; line-height:55px; font-size:18px; color:#fff; position:absolute; top:464px; left:13px; text-indent:30px; animation:ww05 1s ease-in-out 0s both; -webkit-animation:ww05 1s ease-in-out 0s both;}
.ban a span:hover{ background:url(../images/wh08.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: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;}
}
@-webkit-keyframes ww04{
from{ transform:translate(-200px,0); opacity:0;}
to{ transform:translate(0,0); opacity:1;}
}
@keyframes ww04{
from{ transform:translate(-200px,0); opacity:0;}
to{ transform:translate(0,0); opacity:1;}
}
@-webkit-keyframes ww05{
from{ -webkit-transform:translate(0,200px); opacity:0;}
to{ -webkit-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:40px; color:#1b1b1b; margin:0 auto; text-align:center; background:url(../images/fjyzz09.jpg) no-repeat center bottom; padding:0 0 20px; font-weight:bold;}
.fjyyy_bt b span{ color:#ff3057;}
.fjyyy_bt b i{ font-size:24px; color:#333; font-weight:normal;}
.cn02{ width:1200px; margin:0 auto 75px; overflow:hidden;}
.cn02.show ul li{ transform:scale(1,1); -webkit-transform:scale(1,1); opacity:1;}
.cn02 ul{ width:1250px; overflow:hidden; padding:65px 0 0;}
.cn02 ul li{ width:285px; height:343px; margin:0 20px 0 0; display:inline; float:left; border-radius:5px; transition:all 0.3s linear 0s; -webkit-transition:all 0.3s linear 0s; opacity: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);}
.cn02 ul li span{ font-size:24px; text-align:center; color:#fff; background:url(../images/zgxrwh06.png) no-repeat center bottom; display:block; line-height:60px; padding:20px 0 10px;}
.cn02 ul .cor01{ background:#72cbe0;}
.cn02 ul .cor02{ background:#ffae78;}
.cn02 ul .cor03{ background:#eb87ad;}
.cn02 ul .cor04{ background:#79c985;}
.cn02 ul li p{ width:240px; height:160px; margin:0 auto; color:#fff; padding:15px 0 0; font-size:16px; text-indent:2em; line-height:28px;}
.cn02 ul li a{ width:214px; height:48px; border-radius:5px; line-height:48px; font-size:16px; background:#fff; display:block; text-align:center; margin:0 auto; position:relative; transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s;}
.cn02 ul li a img{ position:absolute; left:180px; top:18px; opacity:0; transition:all 0.3s linear 0s; -webkit-transition:all 0.3s linear 0s; display:none\0; *display:none; _display:none;}
.cn02 ul li a:hover{ text-indent:-10px;}
.cn02 ul li a:hover img{ left:180px; opacity:1; display:block\0; *display:block; _display:block;}
.cn02 ul li a:hover .img01{ left:185px; transition:all 0.5s linear 0.3s; -webkit-transition:all 0.5s linear 0.3s;}
.cn02 ul .cor01 a{ color:#5bb3c8;}
.cn02 ul .cor02 a{ color:#ce7e4f;}
.cn02 ul .cor03 a{ color:#c96188;}
.cn02 ul .cor04 a{ color:#66ac6f;}
.cn02 ul .cor03 a img,.cn02 ul .cor04 a img{ left:195px;}
.cn02 ul .cor03 a:hover img,.cn02 ul .cor04 a:hover img{ left:195px;}
.cn02 ul .cor03 a:hover .img01,.cn02 ul .cor04 a:hover .img01{ left:200px;}
.cn03{ width:100%; background:#f8f8f8; overflow:hidden; padding:45px 0 50px; margin:0 auto 45px;}
.cn03_1{ width:1200px; margin:0 auto; padding:52px 0 0;}
.cn03.show .ul02 li{ opacity:1;}
.cn03.show .ul02 li:nth-child(2){ transition:all 1s ease-in-out 0.5s; -webkit-transition:all 1s ease-in-out 0.5s;}
.cn03.show .ul02 li:nth-child(3){ transition:all 1s ease-in-out 1s; -webkit-transition:all 1s ease-in-out 1s;}
.cn03.show .ul02 li:nth-child(4){ transition:all 1s ease-in-out 1.5s; -webkit-transition:all 1s ease-in-out 1.5s;}
.cn03_1 .ul02{ width:1250px; overflow:hidden; margin:0 0 50px -5px;}
.cn03_1 .ul02 li{ width:291px; height:481px; box-shadow:0 0 5px rgba(0,0,0,0.2); border-radius:10px; float:left; margin:5px; background:#fff; transition:all 1s ease-in-out 0s; -webkit-transition:all 1s ease-in-out 0s; opacity:0;}
.cn03_1 .ul02 li b{ display:block; font-size:22px; text-align:center; background:url(../images/nmyzz15.jpg) no-repeat center bottom; color:#ffa200; padding:5px 0 20px;}
.cn03_1 .ul02 li p{ width:261px; margin:0 auto; font-size:15px; font-family:ËÎÌå; line-height:24px; color:#777; padding:15px 0 0;}
.cn03_1 a{ width:326px; height:53px; display:block; margin:0 auto; text-indent:25px; line-height:53px; background:url(../images/wh14.jpg) no-repeat; color:#fff; font-size:18px; position:relative; transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; opacity:1;}
.cn03_1 a:hover{ opacity:0.8;}
.cn04{ width:1200px; margin:78px auto 50px; 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;}
.cn04.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.focusBox { position: relative; width:1200px; height:520px; overflow: hidden; }
.focusBox .hd { position:absolute; left:517px; bottom:0; z-index:1000;}
.focusBox .hd ul li{ width:46px; height:2px; overflow:hidden; cursor:pointer; float:left; margin:0 15px 0 0; background:#dedede;}
.focusBox .hd ul .on{ background:#ff3057;}
.focusBox .pic li{ width:100%; height:705px;}
.focusBox .pic li img{ float:left;}
.focusBox .prev,.focusBox .next { width:64px; padding:210px 0 0; overflow:hidden; float:left;}
.focusBox .next { float:right;}
.focusBox .cn04_1{ width:1050px; float:left; overflow:hidden; margin:0 0 0 10px; display:inline; position:relative;}
.focusBox .cn04_2{ width:1025px; height:415px; float:left; background:url(../images/zgxrwh12.jpg) no-repeat -10px 0; padding:105px 0 0 45px;}
.focusBox .cn04_2 span{ display:inline-block; height:44px; background:#ff3057; text-align:center; line-height:44px; color:#fff; font-size:24px; margin:0 0 20px; padding:0 15px;}
.focusBox .cn04_2 blockquote{ font-size:24px; color:#444; line-height:35px; margin:0 0 15px; font-weight:lighter;}
.focusBox .cn04_2 p{ width:512px; font-size:16px; color:#747474; line-height:25px; margin:0 0 35px;}
.focusBox .cn04_2 a{ width:350px; height:51px; display:block; border-radius:50px; border:1px solid #ff3057; font-size:18px; color:#ff3057; line-height:51px; text-align:center; margin:0 0 0 80px; position:relative; transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s;}
.focusBox .cn04_2 a:hover{ border:1px solid #fff; background:#ff3057; color:#fff;}
.focusBox .cn04_2 a img{ position:absolute; left:305px; top:19px; opacity:0; transition:all 0.3s linear 0s; -webkit-transition:all 0.3s linear 0s; display:none\0; *display:none; _display:none;}
.focusBox .cn04_2 a:hover{ text-indent:-10px;}
.focusBox .cn04_2 a:hover img{ left:315px; opacity:1; display:block\0; *display:block; _display:block;}
.focusBox .cn04_2 a .img01{ left:315px;}
.focusBox .cn04_2 a:hover .img01{ left:325px; transition:all 0.5s linear 0.3s; -webkit-transition:all 0.5s linear 0.3s;}
.cn06{ width:1200px; margin:55px auto 42px; 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;}
.cn06.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn06 dl{ width:665px; height:521px; background:url(../images/wh15.jpg) no-repeat; float:left;}
.cn06 dl dt{ padding:390px 0 0; overflow:hidden;}
.cn06 dl dt p{ width:635px; margin:0 auto; line-height:22px; font-size:15px; color:#fff; font-family:ËÎÌå;}
.cn06 dl dt a{ width:265px; height:45px; display:block; float:right; margin:0 13px 0 0; *margin-right:8px; background:#ffdfe5 url(../images/wh16.png) no-repeat 222px 20px; color:#ff5070; border-radius:6px; line-height:45px; text-indent:18px; font-size:16px; transition:all 0.3s linear 0s; -webkit-transition:all 0.3s linear 0s;}
.cn06 dl dt a:hover{ background:#e8d2d6 url(../images/wh16.png) no-repeat 222px 20px;}
.cn05_1_2{ width:521px; float:right; overflow:hidden;}
.cn05_1_2 li{ width:253px; height:253px; float:left; overflow:hidden; position:relative; margin:0 15px 15px 0;}
.cn05_1_2 .rt{ float:right; margin:0;}
.cn05_1_3{ width:253px; height:253px; position:absolute; top:253px; z-index:10;}
.cn07{ width:1200px; margin:0 auto; 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;}
.cn07.show{ transform:scale(1,1); -webkit-transform:scale(1,1); opacity:1;}
.cn07 dl{ width:1200px; text-align:center; overflow:hidden; margin:0 auto 30px;}
.cn07 dl dt img{ margin:0 auto;}
.cn07 dl dd{ font-size:24px; font-weight:lighter; color:#333;}
.cn07 dl dd b{ font-size:30px; display:block; font-weight:bold;}
.cn07 .ul03{ width:1260px; margin:0 0 0 -8px;}
.cn07 .ul03 li{ width:288px; height:372px; float:left; text-align:center; margin:8px; background:#fff; border-radius:15px; box-shadow:0 0 5px rgba(230,230,230,1);}
.cn07 .ul03 li img{ margin:-1px auto 12px;}
.cn07 .ul03 li blockquote{ font-size:24px; color:#333; font-weight:lighter;}
.cn07 .ul03 li p{ width:257px; color:#555; margin:0 auto; font-size:16px; text-align:center; padding:12px 0 0; font-weight:lighter;}
.cn07 .ul04{ width:734px; margin:0 auto 50px; overflow:hidden; padding:45px 0 0;}
.cn07 .ul04 li{ width:326px; float:left;}
.cn07 .ul04 .rt{ float:right;}
.cn07 .ul04 li a{ width:326px; height:53px; background:#ff3057 url(../images/wh26.png) 268px 23px no-repeat; color:#fff; font-size:18px; line-height:53px; text-indent:26px; display:block; border-radius:5px; transition:all 0.3s linear 0s; -webkit-transition:all 0.3s linear 0s;}
.cn07 .ul04 li a:hover{ opacity:0.8;}
.cn07 .ul04 .rt a{ text-indent:44px;}
.cn08{ width:100%; overflow:hidden; background:#f5f5f5; padding:60px 0 65px;}
.cn08_1{ width:1200px; background:#fff; margin:50px auto 0; overflow:hidden; padding:0 0 25px; 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;}
.cn08_1.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn08_1 ul{ width:1230px; overflow:hidden; padding:22px 0 0 10px;}
.cn08_1 ul li{ width:275px; margin:0 25px 0 0; float:left; transition:all 1s ease; -webkit-transition:all 1s ease;}
.cn08_1 ul li .immg{ width:275px; height:154px;}
.cn08_1 ul li .immg img{ width:275px; height:154px; transition:all 1s ease; -webkit-transition:all 1s ease;}
.cn08_1 ul li dl{ width:275px; overflow:hidden; margin:0 0 15px;}
.cn08_1 ul li dl dt{ float:left; font-size:20px; font-weight:bold; color:#e9445f;}
.cn08_1 ul li dl dd{ float:right; padding:5px 0 0;}
.cn08_1 ul li p{ font-size:15px; line-height:26px; color:#656565; font-weight:lighter; padding:15px 0 0;}
.cn08_1 ul li:hover .immg img{transform:scale(1.05); -webkit-transform:scale(1.05);}


#allsort{ display:none;}