@charset "gb2312";
/* CSS Document by whc */
a,a:hover{ text-decoration:none;}
em,i{ font-style:normal;}
body{ background:#f4f4f4;}
.ban{ width:1226px; height:502px; background:url(../images/zyjcfy01.jpg) no-repeat center top; overflow:hidden; margin:0 auto;}
.ban a{ width:1226px; height:502px; display:block; position:relative; margin:0 auto; overflow:hidden;}
.ban a span{ width:243px; height:43px; background:#ff4148; transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; position:absolute; top:383px; left:125px; border-radius:23px; font-size:20px; color:#fff; text-align:center; line-height:43px; font-weight:lighter;}
.ban a span:hover{ background:#fd6167;}
.xbt{ width:1200px; margin:0 auto; overflow:hidden;}
.xbt dt{ float:left; font-size:24px; color:#444; font-weight:lighter;}
.xbt dt span{ font-size:14px; color:#b4b4b4; display:block; font-weight:lighter;}
.xbt dd{ float:right; padding:5px 10px 0 0;}
.xbt dd a{ font-size:15px; height:31px; color:#010101; display:inline-block; float:left; text-align:center; line-height:31px; font-weight:lighter; transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; padding:0 30px;}
.xbt dd img{ float:left; margin:10px 20px 0 0;}
.xbt dd .wa01{ margin:0 10px 0 0;}
.xbt dd .wid02{ background:#ea4c89; color:#fff;}
.xbt dd .wa01:hover{ background:#ea4c89; color:#fff;}



@keyframes ww001{
from{ transform:translate(0,200px); opacity:0;}
to{ transform:translate(0,0); opacity:1;}
}
@-webkit-keyframes ww001{
from{ -webkit-transform:translate(0,200px); opacity:0;}
to{ -webkit-transform:translate(0,0); opacity:1;}
}
@keyframes ww{
from{ transform:scale(1,1);}
to{ transform:scale(1.1,1.1);}
}
@-webkit-keyframes ww{
from{ -webkit-transform:scale(1,1);}
to{ -webkit-transform:scale(1.1,1.1);}
}


.cn01{ width:1226px; height:321px; margin:0 auto; overflow:hidden; animation:ww001 0.5s linear 0s; -webkit-animation:ww001 0.5s linear 0s; padding:35px 0 0; background:#fff;}
.cn01 ul{ width:1250px; overflow:hidden; padding:30px 0 0 13px;}
.cn01 ul li{ width:190px; float:left; margin:0 12px 0 0; overflow:hidden; 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);}
.cn01 ul li p{ width:188px; height:63px; line-height:63px; border:1px solid #eee; border-top:none; font-size:16px; color:#333; text-align:center; overflow:hidden; font-weight:lighter;}
.cn01 ul li:hover{ transform:translate(0,-5px); -webkit-transform:translate(0,-5px);}
.cn02{ width:1226px; height:480px; background:#449ce7; overflow:hidden; margin:0 auto; transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; transform:translate(0,200px); -webkit-transform:translate(0,200px); opacity:0;}
.cn02.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn02 dl{ width:1200px; margin:0 auto; overflow:hidden;}
.cn02 dl dt{ float:left; padding:35px 0 0 20px; transition:all 1s ease-in-out 0s; -webkit-transition:all 1s ease-in-out 0s;}
.cn02 dl dd{ width:815px; height:480px; color:#fff; position:relative; padding:70px 0 0; float:right; overflow:hidden; transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s;}
.cn02 dl dd img{ position:absolute; top:-35px; left:555px; z-index:-11; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s;}
.cn02 dl dd b{ font-size:30px; display:block; line-height:45px; margin:0 0 10px;}
.cn02 dl dd span{ font-size:14px; display:block; line-height:28px; color:#fff; font-weight:lighter;}
.cn02 dl dd p{ width:777px; font-size:14px; line-height:25px; margin:20px 0 0px; font-weight:lighter;}
.cn02 dl dd blockquote{ width:513px; height:79px; background:url(../images/zyjcfy08.jpg) repeat-x; overflow:hidden;}
.cn02 dl dd blockquote em{ width:388px; display:block; float:left; text-align:right; color:#ff7e00; font-size:18px; line-height:82px; font-weight:lighter;}
.cn02 dl dd blockquote strong{ width:119px; height:62px;  text-align:center; font-size:20px; line-height:23px; background:url(../images/zyjcfy09.jpg) no-repeat; display:block; float:left; overflow:hidden; padding:17px 0 0;}
.cn02 dl dd blockquote strong i{ display:block; color:#ff9902; animation:ww 0.3s infinite linear 0s alternate both; -webkit-animation:ww 0.3s infinite linear 0s alternate both;}
.cn02 dl dd ul{ width:815px; overflow:hidden; padding:40px 0 0;}
.cn02 dl dd ul li{ width:250px; height:51px; float:left; border:1px solid #69b0ec; text-align:center; line-height:51px; font-size:18px; color:#fff; margin:0 9px 0 0;}
.cn02 dl dd ul li a{ display:block; color:#fff; font-weight:lighter; transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s;}
.cn02 dl dd ul li a:hover{ background:#fff; color:#ff5e8f;}
.cn02.show dl dt,.cn02.show dl dd{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn02_2{ width:817px; height:380px; position:absolute; z-index:10; 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;}
.cn02.show dl dd:hover .cn02_2{ transform:translate(0,-20px); -webkit-transform:translate(0,-20px);}
.cn02.show dl dd:hover img{ transform:translate(0,100px); -webkit-transform:translate(0,100px);}
.cn03{ width:1226px; height:640px; margin:0 auto; background:#f8f8f8; overflow:hidden; padding:35px 0 0; transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; transform:translate(0,200px); -webkit-transform:translate(0,200px); opacity:0;}
.cn03.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn03 ul{ width:1226px; overflow:hidden; padding:30px 0 0 16px;}
.cn03 ul li{ width:575px; height:230px; float:left; background:#fff; overflow:hidden; margin:0 10px 8px 0; padding:17px 0 0 17px; transition:all 0.5s ease-out 0.3s; -webkit-transition:all 0.5s ease-out 0.3s; transform:translate(0,200px); -webkit-transform:translate(0,200px); opacity:0;}
.cn03 ul li:nth-child(1){ transform:translate(0,562px); transform:translate(0,562px);}
.cn03 ul li:nth-child(2){ transform:translate(0,562px); transform:translate(0,562px); transition-delay:0.6s; -webkit-transition-delay:0.6s;}
.cn03 ul li:nth-child(3){ transform:translate(0,302px); transform:translate(0,302px); transition-delay:0.9s; -webkit-transition-delay:0.9s;}
.cn03.show ul li{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn03 ul .wli01{ width:575px; height:485px; float:left; background:#fff; overflow:hidden;}
.cn03 ul .wli01 .cn03_1{ width:513px; float:left; padding-top:20px;}
.cn03 ul li img{ display:inline; float:left;}
.cn03_1{ width:379px; float:right; overflow:hidden; padding:10px 0 0;}
.cn03_1 span{ font-size:20px; color:#333; display:block; margin:0 0 12px; font-weight:lighter;}
.cn03_1 p{ font-size:14px; font-family:ËÎÌå; line-height:20px; margin:0 0 12px; color:#333; font-weight:lighter; overflow:hidden; clear:both;}
.cn03_1 em{ font-size:16px; float:left; color:#333; font-weight:lighter; line-height:22px;}
.cn03_1 img{ margin:5px 6px 0 0; float:left;}
.cn03_1 a{ width:272px; height:38px; display:block; text-align:center; overflow:hidden; clear:both; font-size:14px; color:#fff; line-height:38px; background:#ea4c89; border-radius:5px; transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; font-weight:lighter;}
.cn03_1 a:hover{ background:#f66ea2;}
.clrr{ height:15px; clear:both; overflow:hidden;}
.cn04{ width:1226px; height:715px; margin:0 auto; overflow:hidden; background:#fff; padding:35px 0 0; transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; transform:translate(0,200px); -webkit-transform:translate(0,200px); opacity:0;}
.cn04.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn04_1{ width:1089px; margin:45px auto 35px; overflow:hidden; height:339px; position:relative; background:url(../images/zyjcfy26.jpg) no-repeat 315px 0;}
.cn04_1 .war{ width:500px; height:715px; overflow:hidden; display:block; float:left;}
.cn04_1 ul{ float:left;}
.cn04_1 ul li{ margin-bottom:23px;}
.cn04_1 ul li a{ width:294px; height:158px; display:block; overflow:hidden; border-radius:6px; transform:translate(0,0); -webkit-transform:translate(0,0);}
.cn04_1 ul li a img{ transition:all 0.5s linear 0s; -webkit-transition:all 0.5s linear 0s;}
.cn04_1 ul li:hover a img{ transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}
.cn04_1 .rt{ float:right;}
.cn04_2{ width:1086px; height:145px; border:1px solid #e5e5e5; margin:0 auto; border-radius:5px; padding:11px 0 0 11px;}
.cn04_2 dt{ float:left;}
.cn04_2 dt a{ width:234px; height:133px; display:block; overflow:hidden;}
.cn04_2 dt a img{ transition:all 0.5s linear 0s; -webkit-transition:all 0.5s linear 0s;}
.cn04_2 dt:hover a img{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.cn04_2 dd{ width:835px; float:right; padding:5px 0 0;}
.cn04_2 dd span{ width:376px; height:40px; color:#fff; background:#77b0c3; font-size:18px; text-align:center; line-height:40px; display:block; margin:0 0 12px;}
.cn04_2 dd p{ width:812px; font-weight:lighter; font-size:14px; color:#333; line-height:22px;}


.cn05{ width:1226px; height:485px; overflow:hidden; margin:0 auto; background:#f8f8f8; padding:41px 0 0; transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; transform:translate(0,200px); -webkit-transform:translate(0,200px); opacity:0;}
.cn05.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn05 ul{ width:1240px; height:400px; padding:40px 0 0 13px; overflow:hidden;}
.cn05 ul li{ width:227px; height:330px; float:left; margin:0 17px 0 0; display:inline; overflow:hidden; transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; transform:translate(0,0); -webkit-transform:translate(0,0); border-radius:8px 8px 0 0;}
.cn05_1{ width:225px; height:177px; background:#fff; border:1px solid #dcdcdc; border-top:none; border-radius:0 0 8px 8px; overflow:hidden;}
.cn05_1 b{ display:block; text-align:center; font-size:20px; height:65px; line-height:65px; color:#ea4c89;}
.cn05_1 p{ width:200px; color:#444; margin:0 auto; line-height:22px; font-family:ËÎÌå; text-align:center; font-size:16px; letter-spacing:1px; font-weight:lighter;}
.cn05 ul li:hover{ transform:translate(0,-10px); -webkit-transform:translate(0,-10px);}
.cn05_2{ width:227px; height:152px; overflow:hidden;}
.cn05_2 img{transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s;}
.cn05_2 img:hover{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1)}


#allsort{ display:none;}