@charset "utf-8";
/* CSS Document */

html, body { padding:0px; margin:0px; position:relative; overflow-x:hidden; font-size:14px; z-index:1; font-family:'微软雅黑';}
ul, ol, li { list-style:none; }
a { text-decoration:none; }
a img { border:0; }
input, button { margin:0; vertical-align:middle; }
table { border-collapse:collapse; border-spacing:0; }
ul, ol, li { list-style:none;}
.clear { padding:0; margin:0; clear:both;}
input , select , textarea{box-sizing: content-box;}
.cen1200{width: 1200px; padding-left: 50%; left: -600px; position: relative; height: auto;}

.topMob , .navMob{display: none;}
.top{background-color: rgba(60, 60, 60, 0.5); width: 1920px; height: 80px; position: absolute; z-index: 4; padding: 0px; margin: 0px; top: 0px; margin-left: 50%; left: -960px; box-shadow: 0px 5px 5px #00000003;}
.topHov{position:fixed; background: #fff; border-bottom: 1px solid #ececec; z-index: 9;}
.logo{ width: 135px; height: 45px; float: left; margin-top: 15px;}
.logo img{  height:50px; }
.nav{float: left; margin-left: 10px;}
.nav > ul{padding: 0px; margin: 0px;}
.nav > ul > li{padding: 0px; margin: 0px; float: left;}
.nav > ul > li > a{font-size: 14px; line-height: 80px; color: #fff; display: block; width: 107px; text-align: center;}
.nav > ul > li:hover > a{background: url(../images/navHov.png) no-repeat;}
.nav > ul > li > ul{display: none;}
.nav > ul > li:hover > ul{display: block; position: absolute; padding: 10px 0px; margin: 0px; background-color: rgba(60, 60, 60, 0.8); border-radius: 0px 0px 5px 5px;}
.nav > ul > li > ul > li{padding: 0px; margin: 0px;}
.nav > ul > li > ul > li > a{display: block; width:107px; color: #fff; line-height: 40px; text-align: center; font-size: 14px; }
.nav > ul > li > ul > li:hover > a{color: #e6212b;}
.tel{float: left; background: #ffc001; color: #000; padding:5px 10px; border-radius:20px; margin-top: 25px; margin-left: 5px;}
.topHov > .cen1200 > .nav > ul > li > ul > li > a , .topHov > .cen1200 > .nav > ul > li > a{color: #000;}
.topHov > .cen1200 > .nav > ul > li:hover > a{ background: none; color: #ffc001;}
.topHov > .cen1200 > .nav > ul > li > ul{background: #fff; border: 1px solid #ececec;}
.topHov > .cen1200 > .nav > ul > li > ul > li:hover > a{color: #ffc001;}

.banner{width: 1920px; height: 650px; position: relative; padding-left: 50%; left: -960px; top: 0px; background: url(../images/banner.jpg) no-repeat; background-position: top right; z-index: 3;}
.bannerCen{text-align: center; padding-top: 190px;}
.bannerCen > h1{display: block; padding:15px; font-size: 40px; color: #e6212b; font-weight: normal; position: relative; text-shadow:2px 2px 2px #fff;}
.bannerCen > p{color: #fff; font-size: 18px; position: relative;}
.bannerCen > p > b{font-weight: normal; color: #e6212b; text-shadow:2px 1px 2px #fff;}
.bannerCen > p > span{color: #ffeb3b;}
.bannerCen > a{padding: 10px 40px; color: #fff; background:#ffc001; font-size: 18px; border-radius:50px; margin-top: 20px;
 display: inline-block; animation:bannerCenA linear 2s;}
.bannerCen > a:hover{background:#ffe085;}
.bannerCen > h1{animation:bannerCenH1 linear 1.5s;}
@keyframes bannerCenH1
{
from {left: -1000px; opacity: 0;}
to {left: 0px; opacity: 1;}
}
.bannerCen > p{animation:bannerCenP linear 1.5s;}
@keyframes bannerCenP
{
from {right: -1000px; opacity: 0;}
to {right: 0px; opacity: 1;}
}
@keyframes bannerCenA
{
	0%{opacity: 0;}
	80%{opacity: 0;}
	100%{opacity: 1;}
}


.book{position: absolute; z-index: 6; margin-left: 50%; top: 450px; left: 400px; width: 160px; text-align: center; font-size: 12px; line-height: 16px;}
.book > img{margin-bottom: 5px;}

.bannerM{display: none;}
.bannerT{width: 1920px; height:90px; margin-left: 50%; position: absolute; top: 572px; left: -960px; background: url(../images/bannerT.png) no-repeat; z-index: 5;}

.lqBook{display: none;}

.menu{position: fixed; left: 30px; top: 150px; width: 130px; background:#fff; box-shadow: 0px 0px 10px #cccccc7d; z-index: 200;}
.menu > ul{padding: 20px; margin: 0px;}
.menu > ul > li{border-left: 1px solid #ffc001; padding:5px 10px; padding-left: 20px; position: relative;}
.menu > ul > li > a{color: #000;}
.menu > ul > li > a:hover{color: #ffc001;}
.menuD{width: 10px; height: 10px; display: block; position: absolute; top: 8px; left: -8.5px; background: #ffc001; border-radius:10px; border: 3px solid #fff;}

.cpzx{margin-bottom:50px; }
.cpzx .cenTop{ font-size:28px; font-weight:normal; margin-bottom:50px;}
.cpzxNam{padding: 0px; margin: 0px; margin-bottom:50px; text-align: center;}
.cpzxNam > li{display: inline-block; font-size: 16px; padding:10px 40px; margin: 0px 10px; background: #ffe085; border-radius: 50px; position: relative;}
.cpzxNam > .cpzxHov{ background: #FFC107; }
.cpzxNam > li > a{ color: #fff; cursor: default;}
.cpzxNam > li:hover { background: #ffc001; }
.cpzxCen{padding: 0px; margin: 0px;}
.cpzxCen > li{display: none;}
.cpzxCen > .cpzxCenHov{display: block;}
.cpzxCen > li > ul{padding: 0px; margin: 0px;}
.cpzxCen > li > ul > li{float: left; box-sizing: border-box; width: 31.333%; margin: 1%;}
.cpzxCen > li > ul > li:hover{ transform: scale(1.03); transition: all 0.6s;}
.cpzxCen > li > ul > li > a{width: 100%;}
.cpzxCen > li > ul > li > a > img{width:100%; height:230px; border-radius:5px;}

.cenGy{ text-align: center; padding:60px 0px 10px 0px;}
.cenTop{font-size: 16px; margin-bottom:20px;}
.cenTop > b{display: block; font-size: 20px; margin-bottom: 10px; font-weight:normal;}
.cenGy > .cen1200 > h4{line-height:28px; font-weight: normal;}

.cenPx{margin: 20px 0px; margin-bottom:50px; width: 1920px; margin-left: 50%; left: -960px; position: relative; text-align:center;}
.cenTop{ text-align: center; font-size: 28px;}
.cenPx > .cen1200 > ul{padding: 0px; margin: 0px;}
.cenPx  .cen1200 .cenQjLj{background: #ffc002; padding: 10px 50px; font-size: 18px; display: inline-block; margin-left:auto; margin-right:auto; margin-top: 40px; border-radius: 50px; color: #fff;}
.cenPx  .cen1200 .cenQjLj:hover{background: #ffe085;}

.cenPx > .cen1200 > ul > li{ float: left; width:31.333333%; height: 180px; box-sizing: border-box; margin:15px 1%; color: #fff; position: relative; }
.cenPx > .cen1200 > ul > li a{color: #fff; }
.cenPx > .cen1200 > ul > li:hover{opacity: .9;}
.cenPx > .cen1200 > ul > li > span{ width: 100%; height: 100%; box-sizing: border-box; padding: 10%; text-align: center;  border-radius:5px; position: absolute; top: 0px; left: 0px;}
.cenPxS > b{ position: relative; z-index: 2; font-weight: normal;}
.cenPxS{opacity: 1; line-height: 90px; font-size: 24px;}
.cenPxSHov{ opacity: 0; font-size: 16px; line-height: 45px; transform: rotateY(-180deg);}
.cenPx > .cen1200 > ul > li:hover > .cenPxS{opacity: 0; transform: rotateY(180deg); transition: all 1s;}
.cenPx > .cen1200 > ul > li:hover > .cenPxSHov{opacity: 1; transform: rotateY(0deg); transition: all 1s;}
.cenPx > .cen1200 > ul > li:nth-child(1) > span{background: #8568ff; background: linear-gradient(to bottom right, #8568ff , #a792ff);}
.cenPx > .cen1200 > ul > li:nth-child(2) > span{background: #0eb1fe; background: linear-gradient(to bottom right, #0eb1fe , #5acaff);}
.cenPx > .cen1200 > ul > li:nth-child(3) > span{background: #e886b1; background: linear-gradient(to bottom right, #e886b1 , #f9bcd6);}
.cenPx > .cen1200 > ul > li:nth-child(4) > span{background: #e68484; background: linear-gradient(to bottom right, #e68484 , #f5a5a5);}
.cenPx > .cen1200 > ul > li:nth-child(5) > span{background: #65d6b7; background: linear-gradient(to bottom right, #65d6b7 , #9ceed8);}
.cenPx > .cen1200 > ul > li:nth-child(6) > span{background: #84abe6; background: linear-gradient(to bottom right, #84abe6 , #bcd3f5);}
.cenPx > .cen1200 > ul > li > span > i{ display: block; width: 120px; height: 120px; position: absolute;  bottom: 30px; right: 0px; z-index: 0;}
.cenPx > .cen1200 > ul > li:nth-child(1) > span > i{background: url(../images/szysIco.png) no-repeat;}
.cenPx > .cen1200 > ul > li:nth-child(2) > span > i{background:url(../images/szysIco.png) no-repeat;}
.cenPx > .cen1200 > ul > li:nth-child(3) > span > i{background: url(../images/szysIco.png) no-repeat;}
.cenPx > .cen1200 > ul > li:nth-child(4) > span > i{background: url(../images/szysIco.png) no-repeat;}
.cenPx > .cen1200 > ul > li:nth-child(5) > span > i{background: url(../images/szysIco.png) no-repeat;}
.cenPx > .cen1200 > ul > li:nth-child(6) > span > i{background: url(../images/szysIco.png) no-repeat;}

.cenKc{margin-bottom: 100px;}
.cenKc > .cen1200 > ul{padding: 0px; margin: 0px; text-align: center;}
.cenKc > .cen1200 > ul > li{ display: inline-block; font-size: 16px; padding: 10px 25px; margin: 0px 20px; background: #ffe085; border-radius: 50px; position: relative;}
.cenKc > .cen1200 > ul > li > a{ color: #fff; }
.cenKc > .cen1200 > ul > li:hover { background: #FFC107; cursor: default;}
.cenKc > .cen1200 > ul > .cenKcHov{ background: #FFC107;}
.cenKc > .cen1200 > ul > li > i{width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:20px solid #FFC107; position: absolute; bottom: -12px; left: 40px; display: none;}
.cenKc > .cen1200 > ul > .cenKcHov > i{ display: block;}
.cenKc > .cen1200 > ul > li:hover > i{width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:20px solid #FFC107; display: block;}
.cenKcTab{margin: 50px 0px;}
.cenKcTab > ul{padding: 0px; margin: 0px;}
.cenKcTab > ul > li{display: none; border-radius: 20px; background: #fff8e5; position: relative;}
.cenKcTab > ul > .cenKcCenHov{display: block;}
.cktD{width: 100%; text-align: center;}
.cktD tr > th{ border: 1px solid #ffc107; padding: 20px; background: #fff4d3;}
.cktD tr > td{ border: 1px solid #ffc107; padding: 20px;}

.cenSz{background: #fff6e4; padding:50px 0px 60px 0px; margin-bottom:50px;}
.cenSz .cenTop{ font-size:28px; font-weight:normal; margin-bottom:50px;}
.cenSz > .cen1200 > ul{padding: 0px; margin: 0px;}
.cenSz > .cen1200 > ul > li{float: left; width: 270px; margin: 2px 15px; height: 360px; position: relative; border-radius:5px; overflow: hidden;}
.cenSzCen{position: absolute; z-index: 1;}
.cenSzCen img{width: 270px; height:360px;}
.cenSzHov{position: absolute; z-index: 2; padding: 20px 10px; text-align: center; color: #fff; width: 250px; height: 320px; background: url(../images/jsBg.png) repeat; opacity: 0;}
.cenSz > .cen1200 > ul > li:hover >.cenSzHov{ opacity: 1; transition: all 1s;}
.cenSzHov > b{display: block; font-size:20px; margin: 20px 0px; font-weight: normal;}
.cenSzHov > b a{color: #fff; }
.cenSzHovCen{font-size: 14px; line-height:20px;}
.cenSzHovCen a{color: #fff; }

.cenXyfk > .cen1200 > ul{padding: 0px; margin: 0px;}
.cenXyfk .cenTop{ font-size:28px; font-weight:normal; margin-bottom:50px;}
.cenXyfk > .cen1200 > ul > li{ float: left; background: #f5f5f5; border-radius: 5px; margin: 1.5%; margin-left: 3.5%; box-sizing: border-box; width: 28.3333%; position: relative; padding: 10px 20px 10px 35px;}
.cenXyfk > .cen1200 > ul > li:hover{opacity: .9; transform:translateY(-10px); transition: all .6s;}
.cenXyfkImg{ position: absolute; width: 60px; height: 60px; border-radius: 60px; border:1px solid #d8d8d8; overflow: hidden; top: 35px; left: -30px;}
.cenXyfkImg > a > img{width: 100%; height: 100%;}
.cenXyfk > .cen1200 > ul > li > b{ display: block; margin: 10px 0px; font-size: 16px;}

.djbmBan{width: 1920px; height:158px; background: url(../images/bmbj.jpg) no-repeat; margin-left: 50%; left: -960px; position: relative; margin-top:50px; margin-bottom:50px; padding: 50px 0px;}
.djbmBanCen{float: left;}
.djbmBanCen > ul{padding: 0px; margin: 0px;}
.djbmBanCen > ul > li{line-height: 35px; font-size: 16px;}
.djbmBanCen > ul > li > input{margin-right: 10px;}
.djbmBanBut{float: right;}
.djbmBanBut > a{background: #ffc002; padding: 10px 50px; font-size: 18px; display: inline-block; margin: 10px 0px; margin-top: 40px; border-radius: 50px; color: #fff;}
.djbmBanBut > a:hover{background: #ffe085;}
.djbmBanBut > span{display: block; text-align: center;}

.cenXyzx{margin-bottom: 100px;}
.cenXyzxNam{padding: 0px; margin: 0px; margin-bottom: 80px; text-align: center;}
.cenXyzxNam > li{display: inline-block; font-size: 16px; padding: 10px 25px; margin: 0px 20px; background: #ffe085; border-radius: 50px; position: relative;}
.cenXyzxNam > .cenXyzxHov{ background: #ffc107; }
.cenXyzxNam > li > a{ color: #fff; cursor: default;}
.cenXyzxNam > li:hover { background: #ffc107; }
.cenXyzxCen{padding: 0px; margin: 0px;}
.cenXyzxCen > li{display: none;}
.cenXyzxCen > .cenXyzxCenHov{display: block;}
.cenXyzxCen > li > ul{padding: 0px; margin: 0px;}
.cenXyzxCen > li > ul > li{float: left; box-sizing: border-box; width: 30.333%; margin: 1.5%;}
.cenXyzxCen > li > ul > li:hover{ transform: scale(1.1); transition: all 0.6s;}
.cenXyzxCen > li > ul > li > a > img{width: 390px; height: 230px; border-radius: 10px;}

.cenPp{margin-bottom:50px;}
.cenPp .cenTop{ font-size:28px; font-weight:normal; margin-bottom:50px;}
.cenPp > .cen1200 > ul{padding: 0px; margin: 0px;}
.cenPp > .cen1200 > ul > li{float: left; box-sizing: border-box; width: 31.333%; margin: 1.0%;}
.cenPp > .cen1200 > ul > li:hover{opacity: .9; }
.cenPp > .cen1200 > ul > li > a{display: block; width: 100%; height: 100%; overflow: hidden;}
.cenPp > .cen1200 > ul > li:hover > a{box-shadow: 0px 0px 10px #cccccc5c; transform: scale(1.03); transition: all 0.6s;}
.cenPp > .cen1200 > ul > li > a > img{width: 100%; height: 100%; border-radius:5px;}

.cenZd{margin-bottom:50px;}
.cenZd .cenTop{ font-size:28px; font-weight:normal; margin-bottom:50px;}
.cenZd > .cen1200 > ul{padding: 0px; margin: 0px;}
.cenZd > .cen1200 > ul > li{float: left; box-sizing: border-box; width:23%; height: 380px; margin: 1%; border-radius:5px; text-align: center; padding: 20px 0px; position: relative;}
.cenZd > .cen1200 > ul > li:hover{opacity: .8; transform:translateY(-10px); transition: all .6s;}
.cenZd > .cen1200 > ul > li:nth-child(1){background: #fe9802; background: linear-gradient(#feb448 , #fe9802);}
.cenZd > .cen1200 > ul > li:nth-child(2){background: #4eaf52; background: linear-gradient(#86d889 , #4eaf52);}
.cenZd > .cen1200 > ul > li:nth-child(3){background: #2497f2; background: linear-gradient(#85c7fc , #2497f2);}
.cenZd > .cen1200 > ul > li:nth-child(4){background: #9d29b1; background: linear-gradient(#c566d5 , #9d29b1);}
.cenZd > .cen1200 > ul > li:nth-child(5){background: #e82064; background: linear-gradient(#ed5b8d , #e82064);}
.cenZd > .cen1200 > ul > li > p{width: 20px; position: relative; font-size: 21px; margin-left: 50%; left: -10px; color: #fff;}
.cenZd > .cen1200 > ul > li > a{ display: inline-block; background: #00000042; padding: 5px 20px; border-radius: 30px; color: #fff; position: absolute; margin-left: 50%; left: -48px; bottom: 40px;}
.cenZd > .cen1200 > ul > li > a:hover{background: #ffc002;}
.cenZd > .cen1200 > ul > li > span{display: inline-block; width: 120px; height: 120px; position: absolute; top:180px; left:80px;}
.cenZdLi{display: none;}

.cenQj{width: 1920px; height: 350px; margin-left: 50%; left: -960px; position: relative; background-color:#d60000; padding:40px 0px;  text-align: center; margin-bottom:50px;}
.cenQj > .cenTop{color: #fff;font-size:28px; font-weight:normal; margin-bottom:30px;}
.cenQjCen{font-size: 14px; line-height:40px; color: #fff;}
.cenQjLj{background: #ffc002; padding: 10px 50px; font-size: 18px; display: inline-block; margin: 10px 0px; margin-top: 30px; border-radius: 50px; color: #fff;}
.cenQjLj:hover{background: #ffe085;}



.cenZhi{ margin-bottom:40px; height:280px;}
.cenZhi > .cenTop{ font-size:28px; font-weight:normal;}
.cenZhi > .cen1200 > .about3fz{width:430px; float: left; margin-left:-30px;}
.cenPp > .cen1200 > .about3fz > ul{padding: 0px; margin: 0px;}
.cenZhi > .cen1200 > .about3fz > ul li{color:#4d4d4d; font-size:14px; line-height:34px; height:34px; overflow:hidden; width:100%; padding: 0px; margin: 0px; display:block; text-align:left;}
.cenZhi > .cen1200 > .about3fz > ul li a:link {color:#4d4d4d; text-decoration:none; } 
.cenZhi > .cen1200 > .about3fz > ul li a:visited {color:#4d4d4d;} 
.cenZhi > .cen1200 > .about3fz > ul li a:hover,a:active {color:#b90000; text-decoration:underline;}






.cenLk{text-align: center;}
.cenLk > .cenTop{ font-size:28px; font-weight:normal; margin-bottom:50px;}
.cenLk > .cen1200 > p{font-size:14px; line-height:24px;}
.cenLk > .cen1200 > a{display: inline-block; background: #f73740; padding: 10px 50px; border-radius: 30px; margin: 20px 0px; font-size: 21px; color: #fff; }
.cenLk > .cen1200 > a:hover{background: #ff4e56;}

.cenEwm > .cen1200 > ul{padding:30px 0px; margin: 0px; text-align: center;}
.cenEwm > .cen1200 > ul > li{display: inline-block; width: 120px; margin: 20px;}
.cenEwmImg{box-shadow: 0px 0px 10px #cccccc5c; margin-bottom: 20px;}
.cenEwmImg img{ height:130px;}
.cr{width: 1920px; height: 220px; margin-left: 50%; left: -960px; position: relative; background-color:#2d2d2d; padding: 20px 0px;}
.crNav{float: left;}
.crNav > ul{padding:0px; margin: 0px;}
.crNav > ul > li{float: left;}
.crNav > ul > li > ul{padding:0px; margin:30px 50px;}
.crNav > ul > li > ul > li{font-size: 14px; line-height:30px; margin-left:-40px;}
.crNav > ul > li > ul > li:first-child{font-size: 18px; line-height: 30px;}
.crNav > ul > li > ul > li > a{color: #bbbbbb;}
.crNav > ul > li > ul > li:first-child > a{color: #fff;}
.crNav > ul > li > ul > li > a:hover{text-decoration:underline; }
.crlinks{float: right; background: #fff; border-radius:4px; margin-top:35px; box-shadow: 0px 0px 10px #443434;}
.crlinks > ul{padding:30px 20px; margin: 0px;}
.crlinks > ul > li{line-height: 26px; position: relative; padding-left: 15px;}
.crlinks > ul > li > span{display: inline-block; width: 15px; height: 15px; margin-right: 5px; position: absolute; top: 2px; left: -7.5px;}

.crDown{background: #191919; line-height:40px; padding: 10px 0px; font-size: 12px; text-align: center; color: #fff;}
.crDown a{ color: #ffffff; margin-left:10px;}