@charset "gb2312";
/* CSS Document by whc */
a,a:hover{ text-decoration:none;}
em,i{ font-style:normal;}
body{ background:#f1f4f4;}
.head{ background:#f1f4f4;}
.head01{ width:1226px; height:108px; background:#fff;}
.head01 dl{ width:660px;}
.head01 dl dd{ padding-right:60px;}
.head01 .rl_logo{ margin-left:40px;}
.ban{ width:1200; height:500px; background:url(../images/qhsj01.jpg) no-repeat center top; overflow:hidden; margin:0 auto;}
.ban a{ width:1200px; height:500px; display:block; position:relative; margin:0 auto; overflow:hidden;}
.ban a span{ width:209px; height:45px; position:absolute; top:228px; left:763px;}
.ban a span:hover{ background:url(../images/qhsj02.jpg) no-repeat;}



@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 ww002{
from{ transform:scale(0,0); opacity:0;}
to{ transform:scale(1,1); opacity:1;}
}
@-webkit-keyframes ww002{
from{ -webkit-transform:scale(0,0); opacity:0;}
to{ -webkit-transform:scale(1,1); opacity:1;}
}

.cn01{ width:1226px; height:560px; margin:0 auto; overflow:hidden; animation:ww001 0.5s linear 0s; -webkit-animation:ww001 0.5s linear 0s; padding:45px 0 0; background:#fff;}
.cn01.show ul li{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn01 strong{ display:block; text-align:center; color:#bd760e; font-size:30px; height:60px;}
.cn01 ul{ width:888px; height:420px; margin:0 auto; overflow:hidden; position:relative;}
.cn01 ul li{ position:absolute; animation:ww002 1s linear 0s; -webkit-animation:ww002 1s linear 0s;}
.cn01 ul .wli01{ left:43px; top:0;}
.cn01 ul .wli02{ left:686px; top:0;}
.cn01 ul .wli03{ left:0; top:220px;}
.cn01 ul .wli04{ left:724px; top:220px;}
.cn01 ul .wli05{ width:246px; height:270px; background:url(../images/qhsj03.jpg) no-repeat; left:235px; top:0; padding:145px 0 0 172px;}
.cn01 ul .wli05 span{ color:#fff; font-size:30px; display:block; font-weight:lighter; line-height:36px;}
.cn01 ul .wli05 b,.cn01 ul .wli05 b a{ font-size:36px; color:#bd760e;}
.cn02{ width:1226px; height:467px; 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:-49px; 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:22px; display:block; line-height:28px; color:#fff; margin:0 0 25px; font-weight:lighter;}
.cn02 dl dd p{ width:623px; font-size:14px; line-height:25px; margin:20px 0 0px; font-weight:lighter;}
.cn02 dl dd p em{ display:block; height:50px; float:left;}
.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:545px; background:#fff; margin:0 auto; overflow:hidden; padding:45px 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 strong{ display:block; text-align:center; color:#bd760e; font-size:30px; height:70px;}
.cn03_1{ width:999px; overflow:hidden; margin:0 auto 45px;}
.cn03_1 .ul01{ width:999px; height:179px; background:url(../images/qhsj08.jpg) no-repeat;}
.cn03_1 .ul01 li{ width:333px; float:left; overflow:hidden; text-align:center;}
.cn03_1 .ul01 li b{ font-size:26px; display:block; height:100px; padding:30px 0 0;}
.cn03_1 .ul01 li em{ font-size:18px; font-weight:bold;}
.cn03_1 .ul01 .cor01{ color:#ff3b69;}
.cn03_1 .ul01 .cor02{ color:#2ac3c5;}
.cn03_1 .ul01 .cor03{ color:#ff8a35;}
.cn03_1 .ul02{ width:999px; overflow:hidden;}
.cn03_1 .ul02 li{ width:320px; height:117px; overflow:hidden; float:left; padding:15px 0 0 13px;}
.cn03_1 .ul02 li img{ float:left; margin:0 10px 0 0;}
.cn03_1 .ul02 li b{ font-size:20px; float:left; color:#333;}
.cn03_1 .ul02 li p{ width:230px; font-size:15px; color:#333; float:left; line-height:24px; padding:8px 0 0; font-weight:lighter;}
.cn03_1 .ul02 .wbg01{ background:#ffeff4;}
.cn03_1 .ul02 .wbg02{ background:#e4ffff;}
.cn03_1 .ul02 .wbg03{ background:#fff7f2;}
.cn03 .aa{ width:389px; height:52px; display:block; margin:0 auto 40px; background:url(../images/qhsj09.jpg) no-repeat; line-height:52px; color:#fff; font-weight:bold; font-size:18px; text-indent:52px;}
.cn03 .aa:hover{ background:url(../images/qhsj10.jpg) no-repeat;}
.cn04{ width:1226px; padding:0 0 50px; margin:0 auto; background:#fff; 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;}
.cn04.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn04 b{ display:block; font-size:24px; color:#bd760e; text-align:center; margin:0 auto 20px;}
.cn04 blockquote{ background:url(../images/qhsj11.jpg) no-repeat center bottom; overflow:hidden; padding:0 0 25px; font-size:16px; font-weight:lighter; color:#666; text-align:center; margin:0 auto 35px;}
.cn04 .ul03{ width:1250px; overflow:hidden; padding:0 0 0 18px; margin:0 0 49px;}
.cn04 .ul03 li{ width:230px; float:left; margin:0 10px 0 0; display:inline;}
.cn04 .ul03 li .bh{ width:230px; height:212px; overflow:hidden;}
.cn04 .ul03 li .bh img{ transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s;}
.cn04 .ul03 li dl{ width:213px; height:75px; border:1px solid #ededed; padding:15px 0 0 15px; position:relative; overflow:hidden;}
.cn04 .ul03 li dl dt{ font-size:18px; color:#555; background:url(../images/gjnzby25.jpg) no-repeat left bottom; padding:0 0 30px; line-height:24px; transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; font-weight:lighter;}
.cn04 .ul03 li:hover dl dt{ color:#dd4665;}
.cn04 .ul03 li:hover .bh img{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.cn04 .ul03 li dl dd{ width:46px; height:7px; background:url(../images/gjnzby24.jpg) no-repeat; position:absolute; left:15px; top:62px; display:none;}
.cn04 .ul04{ width:822px; margin:0 auto;}
.cn04 .ul04 li{ float:left;}
.cn04 .ul04 li a{ width:389px; height:52px; display:block; color:#fff; font-weight:bold; font-size:18px; text-indent:55px; line-height:52px; background:url(../images/qhsj17.jpg) no-repeat;}
.cn04 .ul04 li a:hover{ background:url(../images/qhsj18.jpg) no-repeat;}
.cn04 .ul04 .rt{ float:right;}
.cn04 .ul04 .rt a{ text-indent:35px; background:url(../images/qhsj19.jpg) no-repeat;}
.cn04 .ul04 .rt a:hover{ background:url(../images/qhsj20.jpg) no-repeat;}
.cn05{ width:1226px; height:725px; margin:0 auto; overflow:hidden; background:#fafafa; 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;}
.cn05.show,.cn05.show .cn05_1_1 dt,.cn05.show .cn05_1_1 dd{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn05 .str{ display:block; text-align:center; color:#bd760e; font-size:30px; height:60px;}
.cn05 .mar{ margin:0 auto 25px;}
.cn05_1{ width:1200px; margin:0 auto; overflow:hidden; padding:0 0 0 105px;}
.cn05_1_1{ overflow:hidden; border-bottom:1px dashed #7c7c7c; padding:0 0 60px; margin:0 0 55px;}
.cn05_1_1 dt{ width:482px; float:left; padding:0 0 0 105px; transition:all 1s ease-out 0.5s; -webkit-transition:all 1s ease-out 0.5s; transform:translate(-200px,0); -webkit-transform:translate(-200px,0); opacity:0;}
.cn05_1_1 dt blockquote{ font-size:30px; color:#333; line-height:43px; font-weight:lighter;}
.cn05_1_1 dt .span{ font-size:22px; color:#333; font-weight:lighter;}
.cn05_1_1 dt b{ font-size:20px; color:#333; line-height:30px; display:block; background:url(../images/qhsj23.jpg) no-repeat left bottom; padding:30px 0 25px; margin:0 0 10px;}
.cn05_1_1 dt p{ line-height:52px; color:#494949; font-size:16px; font-weight:lighter;}
.cn05_1_1 dt a{ width:450px; height:52px; display:block; line-height:52px; text-indent:36px; background:url(../images/qhsj34.jpg) no-repeat; font-size:18px; color:#fff; font-weight:bold; margin:20px 0 0;}
.cn05_1_1 dt a:hover{ background:url(../images/qhsj35.jpg) no-repeat;}
.cn05_1_1 dd{ width:613px; float:left; padding:40px 0 0; transition:all 1s ease-out 0.5s; -webkit-transition:all 1s ease-out 0.5s; transform:translate(200px,0); -webkit-transform:translate(200px,0); opacity:0;}
.cn06{ width:1226px; margin:0 auto; background:#fff; 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,.cn06.show .cn06_1 dt,.cn06.show .cn06_1 dd{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn06_1{ width:1200px; margin:0 auto; overflow:hidden; padding:55px 0 50px;}
.cn06_1 dt{ width:552px; float:left; transition:all 1s ease-out 0.5s; -webkit-transition:all 1s ease-out 0.5s; transform:translate(-200px,0); -webkit-transform:translate(-200px,0); opacity:0;}
.cn06_1 dt img{ float:right;}
.cn06_1 dd{ width:588px; float:right; overflow:hidden; padding:15px 0 0; transition:all 1s ease-out 0.5s; -webkit-transition:all 1s ease-out 0.5s; transform:translate(200px,0); -webkit-transform:translate(200px,0); opacity:0;}
.cn06_1 dd em{ font-size:24px; color:#444; display:block; padding:0 0 0 50px; font-weight:lighter;}
.cn06_1 dd .bgg01{ background:url(../images/qh37.jpg) no-repeat left center;}
.cn06_1 dd .bgg02{ background:url(../images/qh38.jpg) no-repeat left center;}
.cn06_1 dd .bgg03{ background:url(../images/qh39.jpg) no-repeat left center;}
.cn06_1 dd p{ width:451px; font-size:16px; color:#444; line-height:22px; margin:10px 0 15px; font-weight:lighter;}
.cn06_1 dd a{ width:450px; height:52px; display:block; line-height:52px; font-size:18px; background:url(../images/qhsj24.jpg) no-repeat; color:#fff; text-indent:96px; margin:25px 0 0; font-weight:bold;}
.cn06_1 dd a:hover{ background:url(../images/qhsj25.jpg) no-repeat;}
.cn07{ width:1226px; height:641px; margin:0 auto; overflow:hidden; background:#f8f8f8; 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{ text-align:center; font-size:30px; color:#333; padding:30px 0 0; font-weight:bold;}
.cn08{ width:1226px; margin:0 auto; height:725px; background:#fff; 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;}
.cn08.show{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.cn08 strong{ display:block; text-align:center; color:#bd760e; font-size:30px; padding:40px 0 0; height:70px;}
.cn08 ul{ width:1200px; padding:0 0 0 49px; clear:both;}
.cn08 ul li{ width:265px; height:262px; float:left; margin:0 23px 32px 0; overflow:hidden; border-radius:5px; background:#fff; transition:all 0.5s ease-in-out 0s; -webkit- transition:all 0.5s ease-in-out 0s;}
.cn08 ul li span{ font-size:18px; font-weight:lighter; color:#333; display:block; padding:10px 0 0 18px; margin-bottom:2px;}
.cn08 ul li p{ width:240px; font-size:14px; color:#666; padding:0 0 0 18px; font-weight:lighter;}
.cn08 ul li:hover{ box-shadow:0 10px 30px rgba(0, 0, 0, 0.2); transform:translate(0,-5px); -webkit-transform:translate(0,-5px);}



#allsort{ display:none;}