@charset "gb2312";
/* CSS Document by whc */
a,a:hover{ text-decoration:none;}
em,i{ font-style:normal;}
.ban{ width:1226px; height:595px; background:url(../images/gwywh01.jpg) no-repeat center top; overflow:hidden; margin:0 auto;}
.ban a{ width:1000px; height:595px; display:block; background:url(../images/gwywh02.jpg) no-repeat; position:relative; margin:0 auto; overflow:hidden;}
.ban a span{ width:261px; height:61px; line-height:61px; text-align:center; font-size:18px; color:#fdf5f7; position:absolute; top:448px; left:19px; font-weight:lighter; transition:all 0.2s ease-out 0s; -webkit-transition:all 0.2s ease-out 0s;}
.ban a span:hover{ font-size:20px;}
.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:#d83c6b; color:#fff;}
.xbt dd .wa01:hover{ background:#d83c6b; color:#fff;}



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

.cn01{ width:1226px; margin:0 auto; height:154px; background:#eb8d4d; overflow:hidden;}
.cn01 dl{ width:1000px; margin:0 auto; overflow:hidden;}
.cn01 dl dt{ padding:8px 0 0; float:left; animation:ww001 0.5s ease-out 0s both; -webkit-animation:ww001 0.5s ease-out 0s both;}
.cn01 dl dd{ width:756px; float:right; overflow:hidden; padding:20px 0 0; animation:ww002 0.5s ease-out 0s both; -webkit-animation:ww002 0.5s ease-out 0s both;}
.cn01 dl dd b{ font-size:22px; color:#fff; display:block;}
.cn01 dl dd p{ line-height:22px; color:#fff; font-size:16px; padding:10px 0 0; font-weight:lighter;}
.cn02{ width:100%; height:686px; margin:0 auto 30px; overflow:hidden; background:#f5f3f2; 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_1{ width:1000px; margin:0 auto; overflow:hidden; padding:40px 0 0;}
.cn02_2{ background:url(../images/gwywh04.jpg) no-repeat center bottom; overflow:hidden; text-align:center; font-weight:bold; color:#333; font-size:30px; padding:0 0 25px; margin:0 auto 30px;}
.cn02_1 blockquote{ font-size:16px; text-align:center; font-weight:lighter; color:#333; margin:0 auto 45px;}
.cn02_1 ul{ width:1100px; overflow:hidden; margin:0 0 35px;}
.cn02_1 ul li{ width:241px; height:285px; float:left; margin:0 11px 0 0; background:url(../images/gwywh09.jpg) repeat-x;}
.cn02_1 ul li img{ margin:0 auto 15px;}
.cn02_1 ul li span{ font-size:20px; font-weight:lighter; display:block; text-align:center; color:#ff8d3f; background:url(../images/gwywh10.jpg) no-repeat center bottom; padding:0 0 10px;}
.cn02_1 ul li p{ width:197px; margin:0 auto; line-height:24px; color:#494949; font-size:16px; text-align:center; padding:20px 0 0; font-weight:lighter;}
.cn02_3{ width:1000px; height:115px; background:#fff; overflow:hidden;}
.cn02_3 img{ float:left; margin:0 16px 0 0;}
.cn02_4{ width:496px; float:left; padding:14px 0 0; margin:0 10px 0 0;}
.cn02_4 b{ color:#ff8d3f; font-size:18px;}
.cn02_4 p{ font-size:16px; font-weight:lighter; line-height:24px; color:#333; padding:5px 0 0;}
.cn02_1 a{ width:207px; height:53px; font-size:16px; color:#fff8f5; display:block; background:url(../images/gwywh12.jpg) no-repeat; line-height:20px; text-align:center; padding:12px 0 0; float:left; margin:26px 0 0; font-weight:lighter;}
.cn02_1 a:hover{ background:url(../images/gwywh13.jpg) no-repeat;}
.cn03{ width:1000px; margin:0 auto 40px; overflow:hidden; 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_1{ background:url(../images/gwywh14.jpg) no-repeat center bottom; overflow:hidden; text-align:center; font-weight:bold; color:#333; font-size:30px; padding:0 0 25px; margin:0 auto 30px;}
.cn03 blockquote{ width:960px; margin:0 auto 40px; font-size:16px; text-align:center; line-height:26px; color:#333; font-weight:lighter;}
.cn03 ul{ width:1020px; height:485px; overflow:hidden;}
.cn03 ul li{ width:465px; height:138px; float:left; background:#f0f0f0; margin:0 42px 22px 0;}
.cn03 ul li img{ display:inline;}
.cn03 ul li .bw{ width:149px; height:138px; overflow:hidden; position:relative; float:left;}
.cn03 ul li .cn03_1{ width:149px; height:138px; position:absolute; z-index:3;}
.cn03 ul li .cn03_1 em{ display:block; text-align:center; margin-bottom:20px; padding-top:5px;}
.cn03 ul li .cn03_1 span{ display:block; font-weight:bold; font-size:20px; color:#fff; text-align:right; padding-right:8px; margin-bottom:5px;}
.cn03 ul li .bg{ background:#404040; position:absolute;width:149px; height:138px; z-index:1;}
.cn03 ul li .cn03_1 i{ display:block; text-align:right;padding-right:8px;}
.cn03 ul li p{ width:252px; float:right; text-indent:2em; color:#666666; line-height:22px; font-size:14px; margin:38px 30px 0 0; font-weight:lighter;}
.cn03 ul li .cn03_2{ width:149px; height:138px; background:#9157c0; overflow:hidden; position:absolute; z-index:2; left:149px;}
.cn03 ul li p.p01{ margin-top:25px;}
.cn03 ul li p.p02{ margin-top:10px;}
.cn03_3{ width:428px; height:59px; margin:0 auto; overflow:hidden; border:2px solid #ff8d3f; border-radius:5px;}
.cn03_3 #a01{ width:209px; height:51px; display:block; float:left; background:#fff; font-size:16px; text-align:center; color:#e4762b; padding:8px 0 0; font-weight:lighter;}
.cn03_3 #a02{ width:219px; height:51px; display:block; float:left; background:#fff; font-size:16px; text-align:center; color:#e4762b; padding:8px 0 0; font-weight:lighter;}
.cn03_3 #a01.on,.cn03_3 #a02.on{ background:#ff8d3f; color:#fff;}
.cn04{ width:100%; height:740px; overflow:hidden; background:url(../images/gwyjc47.jpg) no-repeat center top; margin-bottom:35px; 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,.cn04.show .cn04_7 li{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn04_1{ width:1000px; height:899px; background:url(../images/gwyjc48.jpg) no-repeat; margin:0 auto;}
.cn04_2{ width:1000px; overflow:hidden; text-align:center; padding-top:36px;}
.cn04_2 strong{ display:block; text-align:center; font-size:32px; color:#333; margin-bottom:10px; background:url(../images/gwywh15.jpg) no-repeat center bottom; padding:0 0 25px;}
.cn04_3{ width:1000px; overflow:hidden; padding-top:22px; margin-bottom:15px;}
.cn04_3 p{ width:935px; text-align:center; margin:0 auto; font-size:16px; font-weight:lighter; color:#404040; line-height:25px;}
.cn04_3 p strong{ color:#ff7000;}
.cn04_4{ width:1000px; height:163px; background:url(../images/gwyjc50.jpg) no-repeat; display:none;}
.cn04_4 a{ width:86px; height:67px; background:url(../images/gwyjc51.jpg) no-repeat; text-align:center; font-size:14px; color:#fff; display:block; float:right; margin:24px 169px 0 0; padding-top:20px;}
.cn04_4 a:hover{ text-decoration:underline;}
.cn04_5{ width:1000px; overflow:hidden;}
.cn04_6{ width:1000px; overflow:hidden; padding-top:5px;}
.cn04_6 a{ width:261px; height:61px; display:block; text-align:center; line-height:61px; font-size:18px; color:#fff; background:url(../images/gwyjc11.png) no-repeat; margin:0 auto;}
.cn04_6 a:hover{ background:url(../images/gwyjc12.png) no-repeat;}
.cn04_6 a:active{ background:url(../images/gwyjc13.png) no-repeat;}
.cn04_7{ width:1020px; overflow:hidden; padding-top:20px; margin-bottom:12px;}
.cn04_7 li{ float:left; width:238px; height:420px; overflow:hidden; margin-right:16px; transition:all 0.5s ease-out 0.3s; -webkit-transition:all 0.5s ease-out 0.3s; transform:translate(0,420px); -webkit-transform:translate(0,420px);}
.cn04_7 li:nth-child(2){ transition-delay:0.6s; -webkit-transition-delay:0.6s;}
.cn04_7 li:nth-child(3){ transition-delay:0.9s; -webkit-transition-delay:0.9s;}
.cn04_7 li:nth-child(4){ transition-delay:1.2s; -webkit-transition-delay:1.2s;}
.cn04_7 li img{ vertical-align:middle;}
.cn04_7 li strong{ display:block; line-height:25px;font-size:20px; color:#333; text-align:left; padding-left:18px;}
.cn04_7 li p{ width:198px; font-size:14px; margin:15px auto 0; text-indent:2em; color:#666666; line-height:20px; text-align:left; font-weight:lighter;}
.cn04_8{ height:193px; overflow:hidden; background:#fff; padding-top:18px;}
.cn04_7 li a{ width:180px; height:60px; display:block; line-height:55px; font-size:16px; padding-left:58px; background:url(../images/gwyjc67.png) no-repeat; color:#7d7b74; text-align:left; font-weight:lighter;}
.cn05{ width:1000px; margin:0 auto 40px; overflow:hidden; 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 .cn03_1{ margin-bottom:50px;}
.cn05 .ul01{ width:138px; float:left; overflow:hidden; padding:13px 0 0;}
.cn05 .ul01 li{ width:138px; float:left; font-weight:lighter;}
.cn05 .ul01 .li01{ height:49px; background:#e5e5e5;}
.cn05 .ul01 .li02{ width:137px; height:47px; border-left:1px solid #ececec; border-bottom:1px solid #ececec; font-size:16px; font-family:宋体; line-height:47px; text-align:center; font-family:宋体;}
.cn05 .ul01 .li03{ width:137px; height:47px; border-left:1px solid #ececec; border-bottom:1px solid #ececec; font-size:16px; font-family:宋体; line-height:47px; text-align:center; background:#f9f9f9; font-family:宋体;}
.cn05 .ul02{ width:345px; height:445px; text-align:center; background:#9157c0; float:left;}
.cn05 .ul02 li{ width:345px; float:left; text-align:center; color:#fff; border-bottom:1px solid #bd9ad9; font-weight:lighter;}
.cn05 .ul02 .li01{ height:61px; line-height:75px; font-weight:bold; font-size:18px;}
.cn05 .ul02 .li02{ height:47px; line-height:47px; font-family:宋体; font-size:14px;}
.cn05 .ul03{ width:252px; float:left;}
.cn05 .ul03 .li001{ width:251px; font-weight:bold; line-height:49px; font-size:18px; text-align:center; background:#e5e5e5; font-weight:lighter;}
.cn05 .ul03 .li02{ width:249px; height:47px; border-right:1px solid #ececec; border-bottom:1px solid #ececec; font-size:14px; font-family:宋体; line-height:47px; text-align:center; font-family:宋体; font-weight:lighter;}
.cn05 .ul03 .li03{ width:249px; height:47px; border-right:1px solid #ececec; border-bottom:1px solid #ececec; font-size:14px; font-family:宋体; line-height:47px; text-align:center; background:#f9f9f9; font-family:宋体; font-weight:lighter;}
.cn05 .ul04{ width:251px; float:right; padding:13px 0 0;}
.cn05 .ul04 li{ width:251px; height:210px; float:left; margin-bottom:14px; position:relative; font-weight:lighter;}
.cn05 .ul04 li p{ width:251px; position:absolute; font-size:18px; height:46px; line-height:46px; bottom:0; text-align:center;}
.cn05 .ul04 li p a{ color:#fff;}
.cn05 .ul04 .last{ margin-bottom:0;}
.cn05 .cn03_3{ clear:both;}
.cllrr{ width:100%; overflow:hidden; height:32px;}
.cn06{ width:1000px; margin:0 auto; overflow:hidden; 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;}
.cn06.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn06 .cn03_1{ margin-bottom:25px;}
.cn07{ width:100%; height:835px; background:#f9f9f9; overflow:hidden; 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;}
.cn07.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn07_1{ width:1000px; margin:0 auto; padding:30px 0 0;}
.cn07_1 .cn03_1{ background:url(../images/gwywh18.jpg) no-repeat center bottom;}
.cn07_1 blockquote{ width:944px; text-align:center; margin:0 auto 35px; line-height:23px; color:#333; font-size:16px; font-weight:lighter;}
.cn07_2{ width:1230px; height:290px; transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; padding:15px 0 0;}
.cn07_2 li{ width:332px; height:263px; float:left; border:1px solid rgba(0, 0, 0, 0); position:relative; margin:0 0 30px 0; transition: all 0.6s ease-in-out 0s; -webkit-transition: all 0.6s ease-in-out 0s; overflow:hidden; background:#fff;}
.cn07_2 li .img{ margin:10px auto 15px;}
.cn07_2 li span{ font-size:18px; display:block; text-align:center; color:#333; background:url(../images/gwywh19.jpg) no-repeat center bottom; padding:0 0 15px; font-weight:lighter;}
.cn07_2 li p{ width:275px; line-height:22px; color:#666; margin:15px auto 0; font-size:14px; text-align:center; font-weight:lighter; font-family:宋体;}
.cn07_2 li .mar{ width:15px; height:10px; display:block; position:absolute; left:160px; bottom:-10px; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s;}
.cn07_2 li:hover{ box-shadow:0 15px 30px rgba(0, 0, 0, 0.1); background:#fff; border-color: rgba(0, 0, 0, 0.08);}
.cn07_2 li:hover .mar{ bottom:10px;}




#allsort{ display:none;}