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

html, body { padding:0px; margin:0px; position:relative; width: 100%; height: 100%; overflow-x:hidden; z-index:1; font-family:'微软雅黑'; background: #fff;}
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{position: relative;}

.top , .book , .menu{display: none;}

.topMob{ position:absolute; z-index: 2; width: 100%;}
.logo{ width: 20%; height: auto; float: left; margin-top: .5em; margin-left: 1em; margin-right:.5em;}
.logo > a{display: block;}
.logo > a > img{width: auto; height: 2em;}

.Mmenu{ width:100%; height:3em; line-height:3em; }
.Mmenu > a{color: #000;  margin-left:3%; font-size:1em;}


.menuMob{ display: none; height: 3em; background: url(../images/mobIco.png) no-repeat; position: absolute; background-size: 100% 100%; right: 20px; top: 15px;}

.navMob{ width: 40%; height: 120%; padding: 5%; background: #fff; position: absolute; z-index: 10; top: 0px; left: -300px; transform: translateX(-300px); transition: all 1s;}
.navMobHov{ top: 0px; left: 0px; transform: translateX(0px); transition: all ease-out .5s;}
.navMob > span{position: absolute; width: 2.5em; height: 2.5em; color: #ffd6c9; font-size: 1.5em; right: 1em; top: 1em; background: #ff5722; border-radius: 60px; text-align: center; line-height: 2.5em;}
.navMob > ul{padding: 0px; margin: 0px; text-align: center;}
.navMob > ul > li{ font-size: 2em; padding: 4% 0; border-bottom: 1px dashed #ececec;}
.navMob > ul > li > a{color: #000; display: block; margin-bottom: 1%; font-weight: bold;}
.navMob > ul > li > ul{padding: 2% 0; margin: 0px; text-align: center;}
.navMob > ul > li > ul:after{ content: "."; height: 0; visibility: hidden; display: block; clear: both;}
.navMob > ul > li > ul > li{ padding:2% 3%; font-size: .9em;}
.navMob > ul > li > ul > li > a{color: #000;}

.bannerM{width: 100%; height:90px; margin-left: 50%; position: absolute; bottom:0px; left: -50%; background: url(../images/bannerM.png) bottom center no-repeat; z-index: 5;}

.banner{ position: relative; top:3em; z-index: 1; width: 100%; background: url(../images/banner.jpg) no-repeat; background-size: 100% 100%; background-position: center center;}
.bannerCen{padding: 5%; text-align: center; color: #fff;}
.bannerCen > h1{font-size: 1em; margin-top:5%; font-weight: normal;}
.bannerCen > p{font-size: .9em; margin:2% 0 2% 0; }
.bannerCen > p > b , .bannerCen > p > span{
    font-weight: normal;
    color: #ffeb3b;
}
.bannerCen > a {
    background: #ffc002;
    font-size: 1em;
    display: inline-block;
    margin:3% 0;
    border-radius: 50px;
    color: #fff;
    padding: 1.5% 5%;
}

.lqBook{padding: 5%; background: #fff;}
.lqBookTop{text-align: center; padding: 3% 0; font-size: 1em;}
.lqBookTop > b{color: #f44336;}
.lqBook > ul{padding: 0; margin: 1% 0;}
.lqBook > ul > li{ float: left; width: 30.3333333%; box-sizing: border-box; margin: 1%; text-align: center;}
.lqBook > ul > li > img{width: 80%; margin: 10%;}
.lqBook > ul > li > b{ display: block; font-size: 1em; color: #f44336; padding: 1% 0;}
.lqBook > ul > li > span{ display: block; font-size: 1em;}
.lqBookForm{padding:5% 0; padding-bottom: 0;}
.lqBookForm input{    width: 88%;
    height: 1.2em;
    padding: 3% 5%;
    margin: 2% 1%;
    color: #333;
    background: #ececec;
    border-radius: 20em;
    border: none;
    font-size: 1em;}
.lqBookForm .contactsubmit {
	background: #ffc002 url(../images/butBg.jpg) repeat;
    color: #fff;
}
.lqBookForm a{    background: #ffc002;
    font-size: 1em;
    display: block;
    margin: 5% 0;
	width: 99%;
    border-radius:2em;
    color: #fff;
    padding: 3% 0;
	text-align: center;
}

.cpzx{margin-bottom: 1em; padding-top: 1em;}
.cpzxNam{padding: 0px; margin: 0px; text-align: center;}
.cpzxNam > li{display: inline-block; font-size: .9em; padding:1% 2%; margin: 1%; background: #ffe085; border-radius: 50px; position: relative;}
.cpzxNam > .cpzxHov{ background: #ffc107; }
.cpzxNam > li > a{ color: #fff; cursor: default;}
.cpzxNam > li:hover { background: #ffc107; }
.cpzxCen{padding:5%; 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: 48%; margin: 1%;}
/*.cpzxCen > li > ul > li:nth-last-child(1){display: none;}
.cpzxCen > li > ul > li:nth-last-child(2){display: none;}*/
.cpzxCen > li > ul > li:nth-last-child(3){display: none;}
.cpzxCen > li > ul > li:nth-last-child(4){display: none;}

.cpzxCen > li > ul > li:hover{ opacity: .8;}
.cpzxCen > li > ul > li > a{width: 100%;}
.cpzxCen > li > ul > li > a > img{width:100%; height: auto; border-radius:4px;}

.cenGy{ text-align: center; padding:15% 5% 0% 5%; }
.cenGy > .cen1200 > h4{line-height: 2.2em; font-size: .8em; font-weight: normal; color: #545454;}
.cenTop{font-size: 1.2em; margin-bottom:5%; width: 100%; text-align: center;}
.cenTop > b{display: block; font-size:0.9em; font-weight:normal; margin-bottom: .5em;}



.cenZhi{ margin-bottom:50px; }
.cenZhi > .cenTop{ }
.cenPp > .cen1200 > .about3fz > ul{padding: 0px; margin: 0px;}
.cenZhi > .cen1200 > .about3fz{ float: left; width:100%; margin-left:-15px; }
.cenZhi > .cen1200 > .about3fz ul li{color:#4d4d4d; font-size:14px; line-height:36px; height:36px; width:100%; overflow:hidden;  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;}




.cenPx{padding:0% 5% 5% 5%; }
.cenPx  .cen1200 .cenQjLj{background: #ffc002; padding:5px 20px; font-size: 16px; display: inline-block; margin-left:50%; margin-top:30px; border-radius: 50px; color: #fff; text-align:center; left: -70px; position: relative;}
.cenPx  .cen1200 .cenQjLj:hover{background: #ffe085;}
.cenPx > .cen1200 > ul{padding: 0px; margin: 0px;}
.cenPx > .cen1200 > ul > li{ float: left; width:47%; height:7em; box-sizing: border-box; margin:8px 1.5% 8px 1.5%; color: #fff; position: relative; }
.cenPx > .cen1200 > ul > li a{ color:#ffffff;}
.cenPx > .cen1200 > ul > li:hover{opacity: .9;}
.cenPx > .cen1200 > ul > li > span{ width: 100%; height: 100%; box-sizing: border-box; padding:5% 10%; text-align: center;  border-radius:5px; position: absolute; top: 0px; left: 0px;}
.cenPxS > b{ position: relative; z-index: 2; font-weight: normal; font-size: 1.2em;}
.cenPx > .cen1200 > ul > li > .cenPxS{opacity:0; font-size: 1em; padding:10%; padding-top: 22%;}
.cenPx > .cen1200 > ul > li > .cenPxSHov{ opacity: 1; font-size:0.9em; line-height: 1.8em; padding-top: 10%;}
.cenPx > .cen1200 > ul > li:hover > .cenPxS{opacity: 0; }
.cenPx > .cen1200 > ul > li:hover > .cenPxSHov{opacity: 1; }
.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: 5em; height: 5em; position: absolute;  bottom: 0px; right: 0px; z-index: 0;}
.cenPx > .cen1200 > ul > li:nth-child(1) > span > i{background: url(../images/szysIco.png) no-repeat; background-size: 100% 100%;}
.cenPx > .cen1200 > ul > li:nth-child(2) > span > i{background:url(../images/ppysIco.png) no-repeat; background-size: 100% 100%;}
.cenPx > .cen1200 > ul > li:nth-child(3) > span > i{background: url(../images/syjxIco.png) no-repeat; background-size: 100% 100%;}
.cenPx > .cen1200 > ul > li:nth-child(4) > span > i{background: url(../images/jxysIco.png) no-repeat; background-size: 100% 100%;}
.cenPx > .cen1200 > ul > li:nth-child(5) > span > i{background: url(../images/cyzdIco.png) no-repeat; background-size: 100% 100%;}
.cenPx > .cen1200 > ul > li:nth-child(6) > span > i{background: url(../images/xsxxIco.png) no-repeat; background-size: 100% 100%;}

.cenKc{padding: 5%;}
.cenKc > .cen1200 > ul{padding: 0px; margin: 0px; text-align: center;}
.cenKc > .cen1200 > ul > li{ display: inline-block; font-size: .8em; padding:1% 2%; margin: 0 1%; background: #ffe085; border-radius: 50px; position: relative;}
.cenKc > .cen1200 > ul > li > a{ color: #fff; position: relative;  z-index: 1;}
.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: -.6em; left: 32%; display: none; z-index: 0;}
.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: 6% 0;}
.cenKcTab > ul{padding: 0px; margin: 0px;}
.cenKcTab > ul > li{display: none; border-radius:5px; background: #fff8e5; position: relative; width: 100%;}
.cenKcTab > ul > .cenKcCenHov{display: block;}
.cktD{width: 100%; text-align: center;}
.cktD tr > th{ padding: 2% 5%; background: #fff4d3; font-size: .9em; color: #333; border: 1px solid #ffc107;}
.cktD tr > td{ padding: 2% 5%; font-size: .9em; color: #333; border: 1px solid #ffc107;}

.cenSz{padding: 5%; background: #fff6e4; }
.cenSz > .cen1200{overflow: auto; -webkit-overflow-scrolling:touch}
.cenSz > .cen1200 > ul{padding: 0px; margin: 0px; width: 68em; height: auto;}
.cenSz > .cen1200 > ul > li{float: left; display: inline-block; width: 240px; margin:20px 10px 20px 10px; height:340px; border-radius:5px; position: relative; overflow: hidden;}
.cenSzCen{position: absolute; z-index: 1;width: 100%; height: 100%;}
.cenSzCen > img{width: 240px; height:340px; border-radius:5px;}
.cenSzCen > a > img{width: 240px; height:340px; border-radius:5px;}
.cenSzHov{position: absolute; z-index: 2; text-align: center; color: #fff; padding:20px; width:200px; height:300px; 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: 1em; margin: 20px 0px; font-weight: normal;}
.cenSzHovCen{font-size: .8em; line-height: 1.8em;}

.cenXyfk{padding: 5%;}
.cenXyfk > .cen1200{overflow: auto;}
.cenXyfk > .cen1200 > ul{padding: 0px; margin: 0px; width: 96em; height:auto;}
.cenXyfk > .cen1200 > ul > li{ float: left; background: #f5f5f5; border-radius: 5px; margin: 1% .8%; box-sizing: border-box; width:12em; position: relative; padding: .5%; padding-left: 1.5%; margin-left: 2%}
.cenXyfk > .cen1200 > ul > li:hover{opacity: .9; transform:translateY(-10px); transition: all .6s;}
.cenXyfkImg{ position: absolute; width:3em; height:3em; border-radius: 3em; border:1px solid #d8d8d8; overflow: hidden; top: 30%; left: -1.8em;}
.cenXyfkImg > a > img{width: 100%; height: 100%;}
.cenXyfk > .cen1200 > ul > li > b{ display: block; margin: 10px 0px; font-size: 1em;}
.cenXyfk > .cen1200 > ul > li > p{font-size: .9em;}

.djbmBan{padding:8%; background: url(../images/bmbj.jpg) no-repeat; background-size:auto 100%; background-position:center left; margin-bottom:6%;}
.djbmBanCen > ul{padding: 0px; margin: 0px;}
.djbmBanCen > ul > li{ padding: 2% 0; font-size:0.9em;}
.djbmBanCen > ul > li > input{margin-right: 10px;}
.djbmBanBut{text-align: center;}
.djbmBanBut > a{background: #ffc002; font-size:1em; display: inline-block; margin:6% 0; border-radius: 10em; color: #fff; padding:2% 6%;}
.djbmBanBut > a:hover{background: #ffcc33;}
.djbmBanBut > span{display: block; text-align: center; font-size: 1em;}

.cenXyzx{ padding: 5%;}
.cenXyzxNam{padding: 0px; margin: 0px; margin-bottom:1em; text-align: center;}
.cenXyzxNam > li{display: inline-block; font-size: .9em; padding:1% 2%; margin:0 1%; background: #ffe085; border-radius: 10em; 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: 47%; margin: 1.5%; overflow: hidden;}
.cenXyzxCen > li > ul > li:nth-last-child(1){display: none;}
.cenXyzxCen > li > ul > li:nth-last-child(2){display: none;}
.cenXyzxCen > li > ul > li:hover{ transform: scale(1.1); transition: all 0.6s;}
.cenXyzxCen > li > ul > li > a{display: block; width: 100%; height: 100%;}
.cenXyzxCen > li > ul > li > a > img{width: 100%; height: 100%; border-radius: .5em;}

.cenPp{padding:3% 5% 5% 5%; margin-bottom: 3%;}
.cenPp > .cenTop { margin-bottom:30px;}
.cenPp > .cen1200 > ul{padding: 0px; margin: 0px ;}
.cenPp > .cen1200 > ul > li{float: left; box-sizing: border-box; width: 47%; margin: 1.5% ;}
.cenPp > .cen1200 > ul > li:nth-last-child(1){display: none;}
.cenPp > .cen1200 > ul > li:nth-last-child(2){display: none;}
.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.1); transition: all 0.6s;}
.cenPp > .cen1200 > ul > li > a > img{width: 100%; height: 100%;}

.cenZd{padding: 3% 5% 5% 5%; margin-bottom: 3%;}
.cenZd > .cen1200 > ul{padding: 0px; margin: 0px; height: 18em; overflow:hidden;}
.cenZd > .cen1200 > ul > li{float: left; box-sizing: border-box; width: 31.3333%; height: 17em; margin:5% 1% 2% 1%; border-radius: .5em; text-align: center; padding: 2% 1%; position: relative; overflow: hidden;}
.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: #fe9802; background: linear-gradient(#feb448 , #fe9802);}
.cenZd > .cen1200 > ul > li:nth-child(3){background: #fe9802; background: linear-gradient(#feb448 , #fe9802);}
.cenZd > .cen1200 > ul > li:nth-child(4){background: #fe9802; background: linear-gradient(#feb448 , #fe9802);}
.cenZd > .cen1200 > ul > li:nth-child(5){background: #fe9802; background: linear-gradient(#feb448 , #fe9802);}
.cenZd > .cen1200 > ul > li:nth-child(6){background: #4eaf52; background: linear-gradient(#86d889 , #4eaf52);}
.cenZd > .cen1200 > ul > li > p{width: 20%; position: relative; font-size: 1.2em; margin-left: 50%; left: -10px; color: #fff;}
.cenZd > .cen1200 > ul > li > p > b{font-weight: normal;}
.cenZd > .cen1200 > ul > li > a{ display: none;
    background: #00000042;
    padding: 3% 1%;
    border-radius: 5em;
    color: #fff;
    position: absolute;
    margin-left: 0;
    left: 0.4em;
    bottom: .6em;
    font-size: 2em;
    width: 90%;}
.cenZd > .cen1200 > ul > li > a:hover{background: #ffc002;}
.cenZd > .cen1200 > ul > li > span{display: inline-block; width: 5em; height: 5em; position: absolute; top:60%; left: 15%;}
.cenZd > .cen1200 > ul > li > span > img{width: 80%; height: 80%;}

.cenQj > .cen1200{text-align: center;}
.cenQj{padding:10% 5%; background: #d60000; background-size:auto 100%; background-position:center center; margin-bottom: 10%;}
.cenQj > .cenTop{color: #fff;}
.cenQjCen{font-size: .9em; line-height:2.0em; color: #fff;}
.cenQjLj{background: #ffc002;
    font-size: 1em;
    display: inline-block;
    margin: 2% 0;
    margin-top: 6%;
    border-radius: 50px;
    color: #fff;
    padding: 2% 6%;
}

.cenLk{text-align: center;}
.cenLk > .cen1200 > p{font-size: 0.9em; line-height: 1.2em;}
.cenLk > .cen1200 > a{background: #f73740;
    font-size: 1em;
    display: inline-block;
    margin: 2% 0;
    margin-top: 6%;
    border-radius: 50px;
    color: #fff;
    padding: 2% 5%;
}

.cenEwm{margin-bottom: 1em;}
.cenEwm > .cen1200 > ul{ padding:5%; margin: 0px; text-align: center;}
.cenEwm > .cen1200 > ul > li{display: inline-block; width:40%; margin:5%; font-size: .9em; float: left;}
.cenEwmImg{ margin-bottom: 20px; width: 100%;}
.cenEwmImg > img{box-shadow: 0px 0px 10px #cccccc5c; width: 100%;}

.cr{ padding: 5%; position: relative; background:url(../images/crBg.jpg) no-repeat; background-position: center center; background-size: 100% 100%;}
.crNav{width: 100%; float: left; display: none;}
.crNav > ul{padding:0px; margin: 0px;}
.crNav > ul > li{float: left; width: 25%; text-align: center;}
.crNav > ul > li > ul{padding:0px; margin:5% 2%;}
.crNav > ul > li > ul > li{font-size: .9em; line-height: 1.2em;}
.crNav > ul > li > ul > li:first-child{font-size: .9em; line-height: 1.5em;}
.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{ background: #fff; border-radius: .5em; margin-top:3%; box-shadow: 0px 0px 10px #443434; float: left; width: 100%;}
.crlinks > ul{padding:2% 5%; margin: 0px; width: 90%; }
.crlinks > ul > li{line-height: 2.0em; position: relative; padding-left: 2.0em; font-size: .9em;}
.crlinks > ul > li > span{display: inline-block; width: 2em; height: 2em; margin-right: 1em; position: absolute; top: 2px; left: -7.5px;}
.crlinks > ul > li > span > img{width: 100%; height: 100%;}

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


.cenPxHHov > .cenPxS{opacity: 0;}
.cenPxHHov > .cenPxSHov{opacity: 1;}

.cenSzHHov > .cenSzHov{opacity: 1;}