@charset "utf-8";
/* CSS Document */
/*
┌──────────────────┐
│样式来自xuwei编写xw
└──────────────────┘
以下公共样式不得修改*/
body{margin:0px; padding:0px; font-size:12px; line-height:25px;  font-family:"微软雅黑";}
ul,li,ol,dl,dt,dd,p,form,h2,h3,h4,h5,section,nav,header,article{ display:block; list-style:none; margin:0px; padding:0px;font-family:"微软雅黑";}
img{ border:none;}
a { text-decoration:none;}
a:hover{ text-decoration:underline;}
img{ border:none; display:inline;}
/*以下为站点样式，可适当修改*/


.banne_xw{ clear:both; height:793px; background:url(../images/bannebj_01.jpg) no-repeat center; overflow:hidden;}
.banne_xw ul{ width:1200px; margin:0px auto; overflow:hidden; padding-top:170px;}
.banne_xw ul li{ padding-left:158px; overflow:hidden;}
.m1_xw{ height:638px; background:url(../images/m1bj_03.jpg) no-repeat center; margin:0px auto; overflow:hidden;}
.m1_xw dl{ width:1106px; margin:0px auto; overflow:hidden;}
.m1_xw dl ul{ padding-top:145px; overflow:hidden;}
.m1_xw dl ul li{ width:175px; height:323px; float:left; margin-left:38px; overflow:hidden;}
.m1_xw dl ul #wei1{ background:url(../images/m1tp_03.jpg) no-repeat center;}
.m1_xw dl ul #wei2{ background:url(../images/m1tp_05.jpg) no-repeat center;}
.m1_xw dl ul #wei3{ background:url(../images/m1tp_07.jpg) no-repeat center;}
.m1_xw dl ul #wei4{ background:url(../images/m1tp_09.jpg) no-repeat center;}
.m1_xw dl ul #wei5{ background:url(../images/m1tp_11.jpg) no-repeat center;}
.m1_xw dl ul #wei1:hover{ background:url(../images/m1hvtp_03.jpg) no-repeat center;}
.m1_xw dl ul #wei2:hover{ background:url(../images/m1hvtp_05.jpg) no-repeat center;}
.m1_xw dl ul #wei3:hover{ background:url(../images/m1hvtp_07.jpg) no-repeat center;}
.m1_xw dl ul #wei4:hover{ background:url(../images/m1hvtp_09.jpg) no-repeat center;}
.m1_xw dl ul #wei5:hover{ background:url(../images/m1hvtp_11.jpg) no-repeat center;}
.m1_xw dl ol{ text-align:center; padding-top:54px; overflow:hidden;}
.m1_xw dl ol img{ -webkit-animation: fadeIn-t 3s both ease-in-out 0.3s infinite; animation: fadeIn-t 3s both ease-in-out 0.3s infinite;}
.m2_xw{ width:1220px; margin:0px auto; text-align:center; overflow:hidden;}
.m2_xw dt ol{ padding-top:70px; overflow:hidden;}
.m2_xw dd{ padding-top:58px; overflow:hidden;}
.m2_xw dd img{ -webkit-animation: fadeIn-t 3s both ease-in-out 0.3s infinite; animation: fadeIn-t 3s both ease-in-out 0.3s infinite;}
.m3_xw{ height:947px; background:url(../images/m3bj_02.jpg) no-repeat center; overflow:hidden; margin-top:66px;}
.m3_xw dl{ width:1200px; margin:0px auto; overflow:hidden;}
.m3_xw dt{ padding-top:242px; overflow:hidden;}
.m3_xw dt img{ vertical-align:top;}
.m3_xw dd{ padding:59px 0px 0px 190px; overflow:hidden;}
.m3_xw dd img{ -webkit-animation: fadeIn-t 3s both ease-in-out 0.3s infinite; animation: fadeIn-t 3s both ease-in-out 0.3s infinite;}
.m4_xw{ width:1200px; margin:0px auto; overflow:hidden; text-align:center;}
.m4_xw dt ol li{ padding-top:30px; overflow:hidden;}
.m4_xw dd ol{ padding-top:30px; overflow:hidden;}
.m5_xw{ height:1000px; background:url(../images/m5bj_02.jpg) no-repeat center; overflow:hidden;}
.m5_xw dl{ width:1200px; margin:0px auto; overflow:hidden;}
.m5_xw dl ul{ padding-top:160px; overflow:hidden;}
.m5_xw dl ol{ text-align:center; padding-top:117px; overflow:hidden;}
.m5_xw dl ol img{ -webkit-animation: fadeIn-t 3s both ease-in-out 0.3s infinite; animation: fadeIn-t 3s both ease-in-out 0.3s infinite;}
.m6_xw{ height:795px; background:#fff4e5; overflow:hidden;}
.m6_xw dl{ width:1205px; margin:0px auto; overflow:hidden; text-align:center;}
.m6_xw dd{ padding-top:33px; overflow:hidden;}
.m6_xw dd img{ -webkit-animation: fadeIn-t 3s both ease-in-out 0.3s infinite; animation: fadeIn-t 3s both ease-in-out 0.3s infinite;}
.m7_xw{ width:1200px; margin:0px auto; overflow:hidden;}
.m7_xw dt ol li{ width:284px; height:354px; float:left; padding:42px 0px 0px 16px; text-align:center; overflow:hidden;}
.m7_xw dt ol #btli{ padding-right:0px;}
.m7_xw dd{ clear:both; text-align:center; padding-top:53px; overflow:hidden;}
.m7_xw dd img{ -webkit-animation: fadeIn-t 3s both ease-in-out 0.3s infinite; animation: fadeIn-t 3s both ease-in-out 0.3s infinite;}
.m8_xw{ height:1218px; background:url(../images/m8bj_02.jpg) no-repeat center; overflow:hidden; margin-top:58px;}
.m8_xw dl{ width:1200px; margin:0px auto; position:relative; overflow:hidden;}
.m8_xw dl ul { height:1012px; overflow:hidden;}
.m8_xw dl ul li{ width:140px; height:140px; position:absolute; z-index:10; overflow:hidden;}
.m8_xw dl ul #weix1{ top:305px; left:265px; -webkit-animation: fadeIn-t 3s both ease-in-out 0.5s infinite; animation: fadeIn-t 3s both ease-in-out 0.5s infinite;}
.m8_xw dl ul #weix2{ top:305px; right:279px; -webkit-animation: fadeIn-t 3.5s both ease-in-out 0.5s infinite; animation: fadeIn-t 3.5s both ease-in-out 0.5s infinite;}
.m8_xw dl ul #weix3{ top:490px; left:194px; -webkit-animation: fadeIn-t 4.5s both ease-in-out 0.5s infinite; animation: fadeIn-t 4.5s both ease-in-out 0.5s infinite;}
.m8_xw dl ul #weix4{ top:490px; right:203px; -webkit-animation: fadeIn-t 2.5s both ease-in-out 0.5s infinite; animation: fadeIn-t 2.5s both ease-in-out 0.5s infinite;}
.m8_xw dl ul #weix5{ top:698px; left:260px; -webkit-animation: fadeIn-t 3.2s both ease-in-out 0.5s infinite; animation: fadeIn-t 3.2s both ease-in-out 0.5s infinite;}
.m8_xw dl ul #weix6{ top:698px; right:252px; -webkit-animation: fadeIn-t 2.9s both ease-in-out 0.5s infinite; animation: fadeIn-t 2.9s both ease-in-out 0.5s infinite;}
.m8_xw dl ul #weix7{ top:826px; left:428px; -webkit-animation: fadeIn-t 4.5s both ease-in-out 0.5s infinite; animation: fadeIn-t 4.5s both ease-in-out 0.5s infinite;}
.m8_xw dl ul #weix8{ top:826px; right:416px; -webkit-animation: fadeIn-t 3s both ease-in-out 0.5s infinite; animation: fadeIn-t 3s both ease-in-out 0.5s infinite;}
.m8_xw dl ol{ text-align:center; overflow:hidden; padding-top:40px;}
.m8_xw dl ol img{ -webkit-animation: hover 3s linear infinite; animation: hover 3s linear infinite;}
.m9_xw{ width:1210px; margin:0px auto; overflow:hidden; text-align:center;}
.m9_xw dd{ padding-top:45px; overflow:hidden;}
.m9_xw dd img{ -webkit-animation: fadeIn-t 3s both ease-in-out 0.3s infinite; animation: fadeIn-t 3s both ease-in-out 0.3s infinite;}
.m10_xw{ padding-top:60px; overflow:hidden;}
.m10_xw dl{ height:1043px; position:relative; overflow:hidden;}
.m10_xw ul li{ height:1043px; overflow:hidden;}
.m10_xw ul li a{ display:block; width:100%; height:1043px;}
.m10_xw ul #xw1{ background:url(../images/m10qh1.jpg) no-repeat center; overflow:hidden;}
.m10_xw ul #xw2{ background:url(../images/m10qh2.jpg) no-repeat center; overflow:hidden;}
.m10_xw ul #xw3{ background:url(../images/m10qh3.jpg) no-repeat center; overflow:hidden;}
.m10_xw ol{ width:100%; position:absolute; z-index:10; left:0px; bottom:100px;}
.m10_xw ol span{ display:block; width:1000px; margin:0px auto; overflow:hidden; padding-left:230px;}
.m10_xw ol li{ display:inline-block; width:20px; height:20px; background:#5d5951;}
.m10_xw ol .cli{ background:#faeed4;}


@keyframes fadeIn-t {
0% {transform: scale(0.8);opacity: 0.9;}
50% {transform: scale(1);opacity: 1; }
100% {transform: scale(.8);opacity: 0.9;}
}
@-webkit-keyframes fadeIn-t {
0% {-webkit-transform: scale(0.8);opacity: 0.9;}
50% {-webkit-transform: scale(1);opacity: 1; }
100% {-webkit-transform: scale(.8);opacity: 0.9;}
}
@-moz-keyframes fadeIn-t {
0% {-moz-transform: scale(0.8);opacity: 0.9;}
50% {-moz-transform: scale(1);opacity: 1; }
100% {-moz-transform: scale(.8);opacity: 0.9;}
}
@-ms-keyframes fadeIn-t {
0% {-ms-transform: scale(0.8);opacity: 0.9;}
50% {-ms-transform: scale(1);opacity: 1; }
100% {-ms-transform: scale(.8);opacity: 0.9;}
}
@-o-keyframes fadeIn-t {
0% {-o-transform: scale(0.8);opacity: 0.9;}
50% {-o-transform: scale(1);opacity: 1; }
100% {-o-transform: scale(.8);opacity: 0.9;}
}
@-webkit-keyframes hover {
0%,100% {
-webkit-transform: translateY(0);
}
20%,70% {
-webkit-transform: translateY(-5px);
}
40%,60% {
-webkit-transform: translateY(0);
}
}
@keyframes hover {
0%,100% {
transform: translateY(0);
}
20%,70% {
transform: translateY(-5px);
}
40%,80% {
transform: translateY(0);
}
}