@charset "utf-8";
body{font-size:14px;color:#333;font-family:"Microsoft YaHei","simsun","Helvetica Neue", Arial, Helvetica, sans-serif; }

.fadein{-webkit-animation-name:a-fadein;-moz-animation-name:a-fadein;-ms-animation-name:a-fadein;animation-name:a-fadein;}
@-webkit-keyframes a-fadein{0%{opacity:0;}100%{opacity:1;}}
@-moz-keyframes a-fadein{0%{opacity:0;}100%{opacity:1;}}
@-ms-keyframes a-fadein{0%{opacity:0;}100%{opacity:1;}}
@keyframes a-fadein{0%{opacity:0;}100%{opacity:1;}}
.fadein-top{-webkit-animation-name:fadeinT;-moz-animation-name:fadeinT;-ms-animation-name:fadeinT;animation-name:fadeinT;}
@-webkit-keyframes fadeinT{0%{opacity:0;-webkit-transform:translateY(-50px);}100%{opacity:1;-webkit-transform:translateY(0);}}
@-moz-keyframes fadeinT{0%{opacity:0;-moz-transform:translateY(-50px);}100%{opacity:1;-moz-transform:translateY(0);}}
@-ms-keyframes fadeinT{0%{opacity:0;-ms-transform:translateY(-50px);}100%{opacity:1;-ms-transform:translateY(0);}}
@keyframes fadeinT{0%{opacity:0;transform:translateY(-50px);}100%{opacity:1;transform:translateY(0);}}
.fadein-right{-webkit-animation-name:fadeinR;-moz-animation-name:fadeinR;-ms-animation-name:fadeinR;animation-name:fadeinR;}
@-webkit-keyframes fadeinR{0%{opacity:0;-webkit-transform:translateX(50px);}100%{opacity:1;-webkit-transform:translateX(0);}}
@-moz-keyframes fadeinR{0%{opacity:0;-moz-transform:translateX(50px);}100%{opacity:1;-moz-transform:translateX(0);}}
@-ms-keyframes fadeinR{0%{opacity:0;-ms-transform:translateX(50px);}100%{opacity:1;-ms-transform:translateX(0);}}
@keyframes fadeinR{0%{opacity:0;transform:translateX(50px);}100%{opacity:1;transform:translateX(0);}}
.fadein-bottom{-webkit-animation-name:fadeinB;-moz-animation-name:fadeinB;-ms-animation-name:fadeinB;animation-name:fadeinB;}
@-webkit-keyframes fadeinB{0%{opacity:0;-webkit-transform:translateY(50px);}100%{opacity:1;-webkit-transform:translateY(0);}}
@-moz-keyframes fadeinB{0%{opacity:0;-moz-transform:translateY(50px);}100%{opacity:1;-moz-transform:translateY(0);}}
@-ms-keyframes fadeinB{0%{opacity:0;-ms-transform:translateY(50px);}100%{opacity:1;-ms-transform:translateY(0);}}
@keyframes fadeinB{0%{opacity:0;transform:translateY(50px);}100%{opacity:1;transform:translateY(0);}}
.fadein-left{-webkit-animation-name:fadeinL;-moz-animation-name:fadeinL;-ms-animation-name:fadeinL;animation-name:fadeinL;}
@-webkit-keyframes fadeinL{0%{opacity:0;-webkit-transform:translateX(-50px);}100%{opacity:1;-webkit-transform:translateX(0);}}
@-moz-keyframes fadeinL{0%{opacity:0;-moz-transform:translateX(-50px);}100%{opacity:1;-moz-transform:translateX(0);}}
@-ms-keyframes fadeinL{0%{opacity:0;-ms-transform:translateX(-50px);}100%{opacity:1;-ms-transform:translateX(0);}}
@keyframes fadeinL{0%{opacity:0;transform:translateX(-50px);}100%{opacity:1;transform:translateX(0);}}
.fadeout{-webkit-animation-name:a-fadeout;-moz-animation-name:a-fadeout;-ms-animation-name:a-fadeout;animation-name:a-fadeout;}
@-webkit-keyframes a-fadeout{0%{opacity:1;}100%{opacity:0;}}
@-moz-keyframes a-fadeout{0%{opacity:1;}100%{opacity:0;}}
@-ms-keyframes a-fadeout{0%{opacity:1;}100%{opacity:0;}}
@keyframes a-fadeout{0%{opacity:1;}100%{opacity:0;}}
.fadeout-top{-webkit-animation-name:fadeoutT;-moz-animation-name:fadeoutT;-ms-animation-name:fadeoutT;animation-name:fadeoutT;}
@-webkit-keyframes fadeoutT{0%{opacity:1;-webkit-transform:translateY(0);}100%{opacity:0;-webkit-transform:translateY(-100px);}}
@-moz-keyframes fadeoutT{0%{opacity:1;-moz-transform:translateY(0);}100%{opacity:0;-moz-transform:translateY(-100px);}}
@-ms-keyframes fadeoutT{0%{opacity:1;-ms-transform:translateY(0);}100%{opacity:0;-ms-transform:translateY(-100px);}}
@keyframes fadeoutT{0%{opacity:1;transform:translateY(0);}100%{opacity:0;transform:translateY(-100px);}}
.fadeout-right{-webkit-animation-name:fadeoutR;-moz-animation-name:fadeoutR;-ms-animation-name:fadeoutR;animation-name:fadeoutR;}
@-webkit-keyframes fadeoutR{0%{opacity:1;-webkit-transform:translateX(0);}100%{opacity:0;-webkit-transform:translateX(100px);}}
@-moz-keyframes fadeoutR{0%{opacity:1;-moz-transform:translateX(0);}100%{opacity:0;-moz-transform:translateX(100px);}}
@-ms-keyframes fadeoutR{0%{opacity:1;-ms-transform:translateX(0);}100%{opacity:0;-ms-transform:translateX(100px);}}
@keyframes fadeoutR{0%{opacity:1;transform:translateX(0);}100%{opacity:0;transform:translateX(100px);}}
.fadeout-bottom{-webkit-animation-name:fadeoutB;-moz-animation-name:fadeoutB;-ms-animation-name:fadeoutB;animation-name:fadeoutB;}
@-webkit-keyframes fadeoutB{0%{opacity:1;-webkit-transform:translateY(0);}100%{opacity:0;-webkit-transform:translateY(100px);}}
@-moz-keyframes fadeoutB{0%{opacity:1;-moz-transform:translateY(0);}100%{opacity:0;-moz-transform:translateY(100px);}}
@-ms-keyframes fadeoutB{0%{opacity:1;-ms-transform:translateY(0);}100%{opacity:0;-ms-transform:translateY(100px);}}
@keyframes fadeoutB{0%{opacity:1;transform:translateY(0);}100%{opacity:0;transform:translateY(100px);}}
.fadeout-left{-webkit-animation-name:fadeoutL;-moz-animation-name:fadeoutL;-ms-animation-name:fadeoutL;animation-name:fadeoutL;}
@-webkit-keyframes fadeoutL{0%{opacity:1;-webkit-transform:translateX(0);}100%{opacity:0;-webkit-transform:translateX(-100px);}}
@-moz-keyframes fadeoutL{0%{opacity:1;-moz-transform:translateX(0);}100%{opacity:0;-moz-transform:translateX(-100px);}}
@-ms-keyframes fadeoutL{0%{opacity:1;-ms-transform:translateX(0);}100%{opacity:0;-ms-transform:translateX(-100px);}}
@keyframes fadeoutL{0%{opacity:1;transform:translateX(0);}100%{opacity:0;transform:translateX(-100px);}}
.bounce,.bounce-hover:hover{-webkit-animation-name:a-bounce;-moz-animation-name:a-bounce;-ms-animation-name:a-bounce;animation-name:a-bounce;}
@-webkit-keyframes a-bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);}40%{-webkit-transform:translateY(-30px);}60%{-webkit-transform:translateY(-15px);}}
@-moz-keyframes a-bounce{0%,20%,50%,80%,100%{-moz-transform:translateY(0);}40%{-moz-transform:translateY(-30px);}60%{-moz-transform:translateY(-15px);}}
@-ms-keyframes a-bounce{0%,20%,50%,80%,100%{-ms-transform:translateY(0);}40%{-ms-transform:translateY(-30px);}60%{-ms-transform:translateY(-15px);}}
@keyframes a-bounce{0%,20%,50%,80%,100%{transform:translateY(0);}40%{transform:translateY(-30px);}60%{transform:translateY(-15px);}}
.bouncein{-webkit-animation-name:a-bouncein;-moz-animation-name:a-bouncein;-ms-animation-name:a-bouncein;animation-name:a-bouncein;}
@-webkit-keyframes a-bouncein{0%{opacity:0;-webkit-transform:scale(0.3);}50%{opacity:1;-webkit-transform:scale(1.05);}70%{-webkit-transform:scale(0.9);}100%{-webkit-transform:scale(1);}}
@-moz-keyframes a-bouncein{0%{opacity:0;-moz-transform:scale(0.3);}50%{opacity:1;-moz-transform:scale(1.05);}70%{-moz-transform:scale(0.9);}100%{-moz-transform:scale(1);}}
@-ms-keyframes a-bouncein{0%{opacity:0;-ms-transform:scale(0.3);}50%{opacity:1;-ms-transform:scale(1.05);}70%{-ms-transform:scale(0.9);}100%{-ms-transform:scale(1);}}
@keyframes a-bouncein{0%{opacity:0;transform:scale(0.3);}50%{opacity:1;transform:scale(1.05);}70%{transform:scale(0.9);}100%{transform:scale(1);}}
.bounceout{-webkit-animation-name:a-bounceout;-moz-animation-name:a-bounceout;-ms-animation-name:a-bounceout;animation-name:a-bounceout;}
@-webkit-keyframes a-bounceout{0%{-webkit-transform:scale(1);}25%{-webkit-transform:scale(0.95);}50%{opacity:1;-webkit-transform:scale(1.1);}100%{opacity:0;-webkit-transform:scale(0.3);}}
@-moz-keyframes a-bounceout{0%{-moz-transform:scale(1);}25%{-moz-transform:scale(0.95);}50%{opacity:1;-moz-transform:scale(1.1);}100%{opacity:0;-moz-transform:scale(0.3);}}
@-ms-keyframes a-bounceout{0%{-ms-transform:scale(1);}25%{-ms-transform:scale(0.95);}50%{opacity:1;-ms-transform:scale(1.1);}100%{opacity:0;-ms-transform:scale(0.3);}}
@keyframes a-bounceout{0%{transform:scale(1);}25%{transform:scale(0.95);}50%{opacity:1;transform:scale(1.1);}100%{opacity:0;transform:scale(0.3);}}
.rotatein{-webkit-animation-name:a-rotatein;-moz-animation-name:a-rotatein;-ms-animation-name:a-rotatein;animation-name:a-rotatein;}
@-webkit-keyframes a-rotatein{0%{opacity:0;-webkit-transform:rotate(-200deg);}100%{opacity:1;-webkit-transform:rotate(0);}}
@-moz-keyframes a-rotatein{0%{opacity:0;-moz-transform:rotate(-200deg);}100%{opacity:1;-moz-transform:rotate(0);}}
@-ms-keyframes a-rotatein{0%{opacity:0;-ms-transform:rotate(-200deg);}100%{opacity:1;-ms-transform:rotate(0);}}
@keyframes a-rotatein{0%{opacity:0;transform:rotate(-200deg);}100%{opacity:1;transform:rotate(0);}}
.rotateout{-webkit-animation-name:a-rotateout;-moz-animation-name:a-rotateout;-ms-animation-name:a-rotateout;animation-name:a-rotateout;}
@-webkit-keyframes a-rotateout{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1;}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(200deg);opacity:0;}}
@-moz-keyframes a-rotateout{0%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1;}100%{-moz-transform-origin:center center;-moz-transform:rotate(200deg);opacity:0;}}
@-ms-keyframes a-rotateout{0%{-ms-transform-origin:center center;-ms-transform:rotate(0);opacity:1;}100%{-ms-transform-origin:center center;-ms-transform:rotate(200deg);opacity:0;}}
@keyframes a-rotateout{0%{transform-origin:center center;transform:rotate(0);opacity:1;}100%{transform-origin:center center;transform:rotate(200deg);opacity:0;}}
.flash,.flash-hover:hover{-webkit-animation-name:a-flash;-moz-animation-name:a-flash;-ms-animation-name:a-flash;animation-name:a-flash;}
@-webkit-keyframes a-flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}}
@-moz-keyframes a-flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}}
@-ms-keyframes a-flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}}
@keyframes a-flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}}
.shake,.shake-hover:hover{-webkit-animation-name:a-shake;-moz-animation-name:a-shake;-ms-animation-name:a-shake;animation-name:a-shake;}
@-webkit-keyframes a-shake{0%,100%{-webkit-transform:translateX(0);}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);}20%,40%,60%,80%{-webkit-transform:translateX(10px);}}
@-moz-keyframes a-shake{0%,100%{-moz-transform:translateX(0);}10%,30%,50%,70%,90%{-moz-transform:translateX(-10px);}20%,40%,60%,80%{-moz-transform:translateX(10px);}}
@-ms-keyframes a-shake{0%,100%{-ms-transform:translateX(0);}10%,30%,50%,70%,90%{-ms-transform:translateX(-10px);}20%,40%,60%,80%{-ms-transform:translateX(10px);}}
@keyframes a-shake{0%,100%{transform:translateX(0);}10%,30%,50%,70%,90%{transform:translateX(-10px);}20%,40%,60%,80%{transform:translateX(10px);}}
.swing,.swing-hover:hover{-webkit-animation-name:a-swing;-moz-animation-name:a-swing;-ms-animation-name:a-swing;animation-name:a-swing;}
@-webkit-keyframes a-swing{20%{-webkit-transform:rotate(15deg);}40%{-webkit-transform:rotate(-10deg);}60%{-webkit-transform:rotate(5deg);}80%{-webkit-transform:rotate(-5deg);}100%{-webkit-transform:rotate(0);}}
@-moz-keyframes a-swing{20%{-moz-transform:rotate(15deg);}40%{-moz-transform:rotate(-10deg);}60%{-moz-transform:rotate(5deg);}80%{-moz-transform:rotate(-5deg);}100%{-moz-transform:rotate(0);}}
@-ms-keyframes a-swing{20%{-ms-transform:rotate(15deg);}40%{-ms-transform:rotate(-10deg);}60%{-ms-transform:rotate(5deg);}80%{-ms-transform:rotate(-5deg);}100%{-ms-transform:rotate(0);}}
@keyframes a-swing{20%{transform:rotate(15deg);}40%{transform:rotate(-10deg);}60%{transform:rotate(5deg);}80%{transform:rotate(-5deg);}100%{transform:rotate(0);}}
.wobble,.wobble-hover:hover{-webkit-animation-name:a-wobble;-moz-animation-name:a-wobble;-ms-animation-name:a-wobble;animation-name:a-wobble;}
@-webkit-keyframes a-wobble{0%{-webkit-transform:translateX(0);}15%{-webkit-transform:translateX(-50px) rotate(-5deg);}30%{-webkit-transform:translateX(40px) rotate(3deg);}45%{-webkit-transform:translateX(-33px) rotate(-3deg);}60%{-webkit-transform:translateX(10px) rotate(2deg);}75%{-webkit-transform:translateX(-10px) rotate(-1deg);}100%{-webkit-transform:translateX(0);}}
@-moz-keyframes a-wobble{0%{-moz-transform:translateX(0);}15%{-moz-transform:translateX(-50px) rotate(-5deg);}30%{-moz-transform:translateX(40px) rotate(3deg);}45%{-moz-transform:translateX(-33px) rotate(-3deg);}60%{-moz-transform:translateX(10px) rotate(2deg);}75%{-moz-transform:translateX(-10px) rotate(-1deg);}100%{-moz-transform:translateX(0);}}
@-ms-keyframes a-wobble{0%{-ms-transform:translateX(0);}15%{-ms-transform:translateX(-50px) rotate(-5deg);}30%{-ms-transform:translateX(40px) rotate(3deg);}45%{-ms-transform:translateX(-33px) rotate(-3deg);}60%{-ms-transform:translateX(10px) rotate(2deg);}75%{-ms-transform:translateX(-10px) rotate(-1deg);}100%{-ms-transform:translateX(0);}}
@keyframes a-wobble{0%{transform:translateX(0);}15%{transform:translateX(-50px) rotate(-5deg);}30%{transform:translateX(40px) rotate(3deg);}45%{transform:translateX(-33px) rotate(-3deg);}60%{transform:translateX(10px) rotate(2deg);}75%{transform:translateX(-10px) rotate(-1deg);}100%{transform:translateX(0);}}
.ring,.ring-hover:hover{-webkit-animation-name:a-ring;-moz-animation-name:a-ring;-ms-animation-name:a-ring;animation-name:a-ring;}
@-webkit-keyframes a-ring{0%{-webkit-transform:scale(1);}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);}100%{-webkit-transform:scale(1) rotate(0);}}
@-moz-keyframes a-ring{0%{-moz-transform:scale(1);}10%,20%{-moz-transform:scale(0.9) rotate(-3deg);}30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg);}40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg);}100%{-moz-transform:scale(1) rotate(0);}}
@-ms-keyframes a-ring{0%{-ms-transform:scale(1);}10%,20%{-ms-transform:scale(0.9) rotate(-3deg);}30%,50%,70%,90%{-ms-transform:scale(1.1) rotate(3deg);}40%,60%,80%{-ms-transform:scale(1.1) rotate(-3deg);}100%{-ms-transform:scale(1) rotate(0);}}
@keyframes a-ring{0%{transform:scale(1);}10%,20%{transform:scale(0.9) rotate(-3deg);}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg);}40%,60%,80%{transform:scale(1.1) rotate(-3deg);}100%{transform:scale(1) rotate(0);}}
.rotate,.rotate-hover:hover{-webkit-animation-name:a-rotate;-moz-animation-name:a-rotate;-ms-animation-name:a-rotate;animation-name:a-rotate;}
@-webkit-keyframes a-rotate{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(359deg);}}
@-moz-keyframes a-rotate{0%{-moz-transform:rotate(0deg);}100%{-moz-transform:rotate(359deg);}}
@-ms-keyframes a-rotate{0%{-ms-transform:rotate(0deg);}100%{-ms-transform:rotate(359deg);}}
@keyframes a-rotate{0%{transform:rotate(0deg);}100%{transform:rotate(359deg);}}

/*============ 内容样式开始  ===============*/
body,ul,li,p,h1,h2,h3,h4,h5,h6,dl,dd,dt,input,button,iframe{ margin:0; padding:0;}
ul,ol,li{ list-style: none; }
a:hover,
a:focus{text-decoration: none; outline: none; }

/*====== header样式  ======*/
.header{width: 100%;height: 85px;background: #fff;border-bottom: 1px solid #ddd;overflow: hidden;}
.header-con{width: 100%;overflow: hidden;}
.header-con h1{padding-top: 14px;margin-right: 22px;}
.header-con .sm-img{float: left;line-height: 78px;}
.header-con .sm-img img{width: 100%;}
.header-nav ul{padding-top: 26px;}
.header-nav ul li{margin: 0 5px;float: left;width: 106px;height: 34px;overflow: hidden;}
.header-nav ul li a{display: block;float: left;width: 106px;height: 34px;line-height: 32px;text-align: center;color: #333;border: 1px solid #ccc;}
.header-nav ul li a:hover{color: #fff;background: #2b5fa0;}

/*====== main样式  ======*/
.main{margin-top: 85px;width: 100%;}
/*=== banner样式  ===*/
.banner{position: relative;width: 100%;height: 851px;background: url(../images/banner.jpg) no-repeat;background-size: 100% 100%;overflow: hidden;}
.down-btn{width: 1200px;margin: auto;margin-top: 610px;}
.down-btn ul li{display: inline-block;width: 50%;margin-left: -4px;}
.down-btn ul li p{font-size: 14px;color: #32c2e1;text-align: center;line-height: 30px;}
.down-btn ul li a{margin: 0 auto;display: block;width: 300px;height: 70px;line-height: 70px;font-size: 30px;text-align: center;border-radius: 8px;color: #70171a;
 background: -webkit-gradient(linear, 0 0, 100% 0, from(#f3d9ae), to(#e4a64c));
 background: -webkit-linear-gradient(left, #f3d9ae, #e4a64c);
 background: -moz-linear-gradient(left, #f3d9ae, #e4a64c);
 background: -o-linear-gradient(left, #f3d9ae, #e4a64c);
 background: linear-gradient(left, #f3d9ae, #e4a64c);
}
.down-btn ul li:nth-of-type(2) a{color: #fff;
 background: -webkit-gradient(linear, 0 0, 100% 0, from(#f54f58), to(#a5262c));
 background: -webkit-linear-gradient(left, #f54f58, #a5262c);
 background: -moz-linear-gradient(left, #f54f58, #a5262c);
 background: -o-linear-gradient(left, #f54f58, #a5262c);
 background: linear-gradient(left, #f54f58, #a5262c);
	}
.down-btn ul li a:hover{
	 background: -webkit-gradient(linear, 0 0, 100% 0, from(#e0b46a ), to(#b78030));
	 background: -webkit-linear-gradient(left, #e0b46a, #b78030);
	 background: -moz-linear-gradient(left, #e0b46a, #b78030);
	 background: -o-linear-gradient(left, #e0b46a, #b78030);
	 background: linear-gradient(left, #e0b46a, #b78030);
	}
.down-btn ul li:nth-of-type(2) a:hover{
background: -webkit-gradient(linear, 0 0, 100% 0, from(#e33c45), to(#971e24));
 background: -webkit-linear-gradient(left, #e33c45, #971e24);
 background: -moz-linear-gradient(left, #e33c45, #971e24);
 background: -o-linear-gradient(left, #e33c45, #971e24);
 background: linear-gradient(left, #e33c45, #971e24);
 }
.slie{padding-top: 0;}
.slie .clu-title p{font-size: 18px;color: #4993d1;text-align: center;margin-bottom: 20px;}
.slie .slie-main{width: 1200px;margin: auto;}
.slie1{width: 100%;height: 960px;background: url(../images/bg2.jpg) no-repeat;background-size:100% 100%;position: relative;}
.slie1 .details{position:absolute;top: 82px;width: 100%;overflow: hidden;}
.slie1 .details a{margin: 0 auto;display: block;width: 145px;height: 36px;line-height: 36px;font-size: 16px;text-align: center;color: #fdeab1;border:1px solid #fdeab1;border-radius: 5px;}
.slie1 .details a:focus,.details a:hover{background: #a5252c;}
.slie1 .clu-title .t1 {width: 1028px;height: 66px;background: url(../images/title1.png) no-repeat;background-size: 100% 100%;margin: auto;margin-bottom: 70px;margin-top: 0;}
.slie1 .slie-main{text-align: center;}
.slie1 .slie-main img{width: 973px;}
.slie1 .down-btn{margin-top: 65px;}

.slie2{width: 100%;height: 540px;background: url(../images/bg2.jpg) no-repeat;background-size: 100% 100%;}
.slie2 .clu-title .t2 {width: 1048px;height: 66px;background: url(../images/title2.png) no-repeat;background-size: 100% 100%;margin: auto;margin-bottom: 55px;}
.slie2 .slie-main{text-align: center;}
.slie2 .slie-main img{width: 1012px;}
.slie2 .down-btn{margin-top: 50px;}

/*=== footer 样式  ===*/
.ptop{width: 100%;height: 570px;background: url(../images/bg3.jpg) no-repeat;background-size: 100% 100%;padding-bottom: 30px;padding-top: 50px;}
.ptop .t5{width: 1034px;height: 66px;background: url(../images/title3.png) no-repeat;background-size: 100% 100%;margin: auto;margin-bottom: 36px;}
.ptop img{display: block;margin: auto;width: 1020px;}
.footer{padding: 20px 0;width: 100%;background: #43454f;overflow: hidden;}
.footer-top{margin-bottom: 10px;padding-bottom: 10px;width: 100%;border-bottom: 1px solid #999;overflow: hidden;}
.footer-nav ul{padding-top: 30px;}
.footer-nav ul li{margin: 0 5px;float: left;color: #a0a0a0;}
.footer-nav ul li:after{content: '|';padding-left: 10px;vertical-align: middle;}
.footer-nav ul li:last-child:after { content: ""; }
.footer-nav ul li a{float: left;display: block;font-size: 16px;color: #a0a0a0;}
.footer-nav ul li a:hover{color: #fff;}
.footer-copy {width: 100%;text-align:center;}
.footer-copy p{font-size: 16px;color:#dedada;}
.footer-copy p span{color: #afabab;}

/*=== kefu  ===*/
.kefu{margin-top: -201px;position: fixed;top: 50%;right: 0;z-index: 1000;width: 132px;height: 402px;overflow: hidden;}

/*==== 活动规则弹窗 ====*/
.modal2 {top: 15%;}
.modal2 .modal-header {border-bottom: none;background: #036;}
.modal2 .modal-title {text-align: center;color: #fff;}
#modal-2 .modal-header{border-bottom: 1px solid #ddd;background: #fff;border-radius: 6px 6px 0 0;}
#modal-2 .modal-title {font-size: 30px;text-align: center;color: #665db6;}
#modal-2 .close{font-size: 30px;color: #cdcdcd;}
.modal2 .close {color: #fff;opacity: 1;}
.modal2 .close:focus,
.modal2 .close:hover {color: #fff;filter: alpha(opacity=100);opacity: 1;}
.modal2 .activeWrap{padding: 25px;height: 450px;overflow-y: auto;overflow-x: hidden;}
.modal2 .activeCon p{line-height: 1.5;margin-bottom: 15px;font-size: 16px;color: #4c4c4c;}
.modal2 .activeCon p span{color: #665db6;}
.modal2 .activeCon h3{margin-bottom: 10px;font-weight: bold;font-size: 20px;color: #665db6;}
.modal2 .activeCon h4{margin-bottom: 15px;font-size: 18px;color: #665db6;}
.modal2 .mb10{margin-bottom: 15px !important;}
.modal2 .modalTips{width: 100%;text-align: center;}
.modal2 .modalTips a{font-size: 18px;background:#fea20e;color: #fff;padding: 3px 12px;display: block;display: inline-block;border-radius: 4px;}
.modal2 .modalTips p{font-size: 18px;color: #665db6;display: inline-block;}
.modal2 .aside-form-con{padding-top: 20px;margin: 0 auto;width: 85%;}
.modal2 .aside-form-con .input-c{height: 60px;overflow: hidden;position: relative;}
.modal2 .aside-form-con .input-c .message_error{position: absolute;top: 39px;left: 5px;color: red;}
.modal2 .aside-form-con .input-c input.reg-inpt{padding-left: 15px;width: 100%;height: 40px;border: 1px solid #ddd;}
.modal2 .capt-int{width: 69% !important;}
.modal2 .a-code{width: 29%;height: 40px;overflow: hidden;}
.modal2 .a-code img{height: 100%;}
.modal2 .code-btn{width: 29%;height: 40px;border: none;color: #fff;background: #21399a;}
.modal2 .code-btn.active{color: #fff;background: #003366;}
.modal2 .aside-btn{width: 100%;}
.modal2 .aside-btn a{margin-bottom: 10px;display: block;width: 100%;height: 60px;line-height: 60px;text-align: center;font-size: 24px;color: #fff;background: #003366;border-radius: 5px;}
.modal2 .aside-btn a:hover{background: #006699;}

/*==== 注册弹窗 ====*/
.modal1 {top: 15%; }
.modal1 .modal-header {border-bottom: none;background: #701417;}
.modal1 .modal-title {text-align: center;color: #fdeab1;}
.modal1 .close {color: #902124;opacity: 1;font-size: 28px;}
.modal1 .close:focus,
.modal1 .close:hover {color: #9a191d;filter: alpha(opacity=100); opacity: 1;}
.modal1 .aside-form-con{padding-top: 20px;margin: 0 auto;width: 85%;}
.modal1 .aside-form-con .input-c{height: 60px;overflow: hidden;position: relative;}
.modal1 .aside-form-con .input-c .message_error{position: absolute;top: 39px;left: 5px;color: red;}
.modal1 .aside-form-con .input-c input.reg-inpt{padding-left: 15px;width: 100%;height: 40px;border: 1px solid #ddd;}
.modal1 .capt-int{width: 69% !important;}
.modal1 .a-code{width: 29%;height: 40px;overflow: hidden;}
.modal1 .a-code img{height: 100%;}
.modal1 .code-btn{width: 29%;height: 40px;border: none;color: #4a0809;background: #d09847;}
.modal1 .code-btn.active{color: #fff;background: #003366;}
.modal1 .aside-btn{width: 100%;}
.modal1 .aside-btn a{margin-bottom: 10px;display: block;width: 100%;height: 60px;line-height: 60px;text-align: center;font-size: 24px;color: #fff;background: #701417;border-radius: 5px;}
.modal1 .aside-btn a:hover{background: #5a1113;}

/*分享链接二维码弹窗*/
.modal3{top:15%;}
.modal3 .modal-content{border-radius:8px;}
.modal3 .modal-header {border-bottom: none;background: #701417;height: 116px;border-top-left-radius: 6px;border-top-right-radius: 6px;}
.modal3 .modal-title {text-align: center;color: #fdeab1;line-height: 100px;font-size: 30px;}
.modal3 .close {color: #902124;opacity: 1;font-size: 28px;}
.modal3 .close:focus,
.modal3 .close:hover {color: #9a191d;filter: alpha(opacity=100); opacity: 1;}
.modal3 .textarea{overflow:hidden;white-space:norma;width: 350px;height: 150px;background: #f5f5f5;display: block;border: 1px solid #ddd;padding: 20px;border-radius:6px;}
.modal3 .aside-form-con{display: inline-block;width: 350px;height: 245px;vertical-align: top;}
.modal3 .code-w{display: inline-block;width: 150px;height: 245px;vertical-align: top;margin-left: 50px;}
.modal3 .code-w .qrcode{width: 150px;height: 150px; border: 1px solid #ddd;}
.modal3 .code-w .qrcode img{width: 100%;}
.modal3 .code-w p{font-size: 18px;text-align: center;color: #333;line-height: 46px;}
.modal3 .aside-btn{width: 100%;margin-top: 15px;}
.modal3 .aside-btn a{margin-bottom: 10px;display: block;width: 100%;height: 56px;line-height: 56px;text-align: center;font-size: 24px;color: #4a0809;background: #d6a254;border-radius: 5px;}
.modal3 .aside-btn a:hover{background: #eda337;}

/*分享奖励记录弹窗*/
.modal4{top:15%;}
.modal4 .modal-content{border-radius:8px;}
.modal4 .modal-header {border-bottom: none;background: #701417;height: 116px;border-top-left-radius: 6px;border-top-right-radius: 6px;}
.modal4 .modal-title {text-align: center;color: #fdeab1;line-height: 100px;font-size: 30px;}
.modal4 .close {color: #902124;opacity: 1;font-size: 28px;}
.modal4 .close:focus,
.modal4 .close:hover {color: #9a191d;filter: alpha(opacity=100); opacity: 1;}
.modal4 .modal-body{padding: 0;padding-bottom: 40px;}
.modal4 .body-tlt{background: #f6e3c5;display: flex;height: 62px;}
.modal4 .body-tlt a{flex:4;text-align: center;border-right: 1px solid #701417;font-size: 18px;color: #701417;height: 24px;margin-top: 20px;}
.modal4 .body-tlt a:last-child{border-right:none;}
.modal4 .jl-cont{padding: 0 20px;text-align: center;line-height: 60px;font-size: 20px;color: #666;}
.modal4 .jl-cont li{display: flex;height: 60px;}
.modal4 .jl-cont li span{flex:4;text-align: center;color: #666666;font-size: 18px;border-bottom: 1px solid #dddddd;line-height: 60px;}
.modal4 .jl-cont li span:nth-child(3){line-height: 60px;font-size: 14px;}
.modal4 .jl-cont li span a{padding: 5px 10px;background: #dddddd;border-radius: 6px;color: #666666;}
.modal4 .jl-cont li span a.d{color: #fff;background: #bd3239;}
.modal4 .jl-cont li span a.y{color: #fff;background: #fd979d;}
.modal4 .jl-cont li .teshu{line-height: 24px;}
.modal4 .jl-cont li .teshu a{display: block;background: none;}

.bottom-btn{display: none;}
.hidden-pc{display: block!important;}
.hidden-m{display: none!important;}

@media (max-width: 1200px){
	.cont{width: 100%;}
	.modal-dialog{width: 76%;}
}
@media screen and (max-width: 1024px) {
	.slie1 .details{top: 138px;}
}
@media screen and (max-width: 768px) {

	/*====== header样式  ======*/
	.header{padding: 0.5rem 0;height: 2.93rem;}
	.header-con h1{padding-top: 0;height: 2.93rem;overflow: hidden;margin-right: 0.6rem;}
	.header-con h1 img{display: inline-block;width:5rem;vertical-align: top;}
	.header-con .sm-img{float: left;line-height: 1.6rem;width: 10rem;}
	.header-ico a{display: inline-block;}
	.header-ico i{display: block;width: 1.66rem;height: 1.66rem;background: url(../images/zx.gif) no-repeat;background-size: 1.66rem 1.66rem;}

	/*====== main样式  ======*/
	.main{margin-top: 2.83rem;background: url(../images/bg-m.jpg) no-repeat;background-size: 100% 100%;}
	.banner{position: relative;width: 100%;height: 19rem;background: url(../images/banner-m.jpg) no-repeat;background-size: 100% 100%;}
	.banner .details{position:absolute;top: 1rem;right:-0.5rem;}
	.banner .details a{margin: 0 auto;display: block;width: 4.83rem;height: 1.5rem;line-height: 1.5rem;font-size: 0.6rem;text-align: center;color: #fdeab1;border:1px solid #fdeab1;border-radius: 5px;}
	.banner .details a:focus,.details a:hover{background: #a5252c;}
	.down-btn{position: absolute;bottom: 0.5rem;width: 84%;margin-left: 2.2rem;}
	.down-btn ul{display: flex;width: 100%;}
	.down-btn ul li{flex:2;width: 50%;}
	.down-btn ul li a{margin: 0 auto;display: block;width: 7.6rem;height: 2.2rem;line-height: 2.2rem;font-size: 1rem;color: #70171a;text-align: center;border-radius: 5px;}
	.slie{padding-top: 0;}
	.slie .clu-title p{font-size: 0.66rem;color: #4993d1;text-align: center;margin-bottom: 0.66rem;}
	.slie .slie-main{width: 76%;margin: auto;}
	.slie1{width: 100%;height: 25rem;background-image:none!important;position: relative;margin-top: 1rem;}
	.slie1 .clu-title .t1 {width: 25rem;height: 1.8rem;background: url(../images/title1-m.png) no-repeat;background-size: 100% 100%;margin: auto;margin-bottom: 1.33rem;margin-top: 0;}
	.slie1 .slie-main{text-align: center;}
	.slie1 .slie-main img{width: 100%;}

	.slie2{width: 100%;height: 15rem;background-image:none!important;}
	.slie2 .clu-title .t2 {width: 25rem;height: 1.8rem;background: url(../images/title2-m.png) no-repeat;background-size: 100% 100%;margin: auto;margin-bottom: 1.83rem;}
	.slie2 .slie-main{text-align: center;}
	.slie2 .slie-main img{width: 100%;}

	/*=== footer 样式  ===*/
	.ptop{width: 100%;height:12rem;background-image:none!important;padding-top: 1.5rem;padding-bottom: 0;}
	.ptop img{width: 82%;margin: auto;display: block;}
	.ptop .t5{width: 25rem;height: 1.2rem;background: url(../images/title3-m.png) no-repeat;background-size: 100% 100%;margin: auto;margin-bottom: 1.2rem;}
	.footer{padding: 0.66rem 0;}
	.footer-top{margin-bottom: 10px;padding-bottom: 10px;width: 100%;border-bottom: 1px solid #999;overflow: hidden;}
	.footer-nav{margin: 0 auto;float: none !important;width: 80%;}
	.footer-nav ul{padding-top: 0;text-align: center;}
	.footer-nav ul li{float: none;display: inline-block;}
	.footer-nav ul li a{font-size: 0.53rem;;}
	.footer-copy p{font-size: 14px;}

 	/*底部按钮*/
 	.fixedBtn{width: 100%;height: 3.266666rem;}
	.fixedBtn-inner{padding: 0.3rem 0.2rem;position: fixed;bottom: 0;left: 0;z-index: 10000;width: 100%;background: rgba(0,0,0,.5);}
	.fixedBtn-inner a{display: block;width: 12.066666rem;height: 3.266666rem;line-height: 3.266666rem;font-size: 1.333333rem;color: #fff;text-align: center;border-radius: 0.3rem;}
	.fixedBtn-inner a:nth-of-type(1) {color: #952121;background: #e4a64c;}
	.fixedBtn-inner a:nth-of-type(2) {color: #fff;background: #a5252c;}

	/*==== 注册弹窗 ====*/
	.modal1 {top: 25%; }
	.modal1 .modal-dialog {width: 600px;}
	.modal1 .aside-form-con{padding-top: 0.5rem;width: 100%;}
	.modal1 .aside-btn a{height: 50px;line-height: 50px;font-size: 16px;}

	/*==== 活动规则弹窗 ====*/
	.modal2 {top: 15%; }
	.modal2 .aside-form-con{padding-top: 0.5rem;width: 100%;}
	.modal2 .aside-btn a{height: 50px;line-height: 50px;font-size: 16px;}
	#modal-2 .modal-title {font-size: 1rem;}
	#modal-2 .close{font-size: 1rem;}
	#modal-2 .modal-header{padding: 0.5rem;}
	#modal-2 .modal-body{padding: 0.5rem 0 0.5rem 0.5rem;}
	.modal2 .activeWrap{padding:0 0.5rem 0 0;height: 20rem;}
	.modal2 .activeCon{padding-right: 0.5rem;}
	.modal2 .activeCon p{line-height: 1.5;margin-bottom: 0.5rem;font-size: 0.8rem;}
	.modal2 .activeCon p span{color: #665db6;}
	.modal2 .activeCon h3{margin-bottom: 0.5rem;font-size: 1rem;}
	.modal2 .activeCon h4{margin-bottom: 0.5rem;font-size: 0.8rem;}
	.modal2 .mb10{margin-bottom: 0.5rem !important;}
	.modal2 .modalTips a{padding: 0.2rem 0.46rem;font-size:0.8rem;}
	.modal2 .modalTips p{font-size:0.8rem;}

	.modal3{top:25%;}
	.modal3 .modal-header {border-bottom: none;background: #701417;height: 4rem;border-top-left-radius: 6px;border-top-right-radius: 6px;}
	.modal3 .modal-title {text-align: center;color: #fdeab1;line-height: 3rem;font-size: 1.2rem;}
	.modal3 .close {color: #902124;opacity: 1;font-size: 1.6rem;}
	.modal3 .close:focus,
	.modal3 .close:hover {color: #9a191d;filter: alpha(opacity=100); opacity: 1;}
	.modal3 .modal-body{padding: 1rem;}
	.modal3 .textarea{overflow:hidden;white-space:norma;width: 100%;height: 8rem;background: #f5f5f5;display: block;border: 1px solid #ddd;padding: 1rem;border-radius:6px;}
	.modal3 .aside-form-con{display: inline-block;width: 60%;height: 13rem;vertical-align: top;}
	.modal3 .code-w{display: inline-block;width: 32%;height: 13rem;vertical-align: top;margin-left: 1rem;}
	.modal3 .code-w .qrcode{width: 7rem;height: 7rem; border: 1px solid #ddd;}
	.modal3 .code-w .qrcode img{width: 100%;}
	.modal3 .code-w p{font-size: 0.8rem;text-align: center;color: #333;line-height: 2.2rem;}
	.modal3 .aside-btn{width: 80%;margin: auto; margin-top: 1rem;}
	.modal3 .aside-btn a{margin-bottom: 1rem;display: block;width: 100%;height: 3rem;line-height: 3rem;text-align: center;font-size: 1rem;color: #4a0809;background: #d6a254;border-radius: 5px;}
	.modal3 .aside-btn a:hover{background: #eda337;}

	.modal4{top:25%;}
	.modal4 .modal-header {border-bottom: none;background: #701417;height: 4rem;border-top-left-radius: 6px;border-top-right-radius: 6px;}
	.modal4 .modal-title {text-align: center;color: #fdeab1;line-height: 3rem;font-size: 1.2rem;}
	.modal4 .close {color: #902124;opacity: 1;font-size: 1.6rem;}
	.modal4 .close:focus,
	.modal4 .close:hover {color: #9a191d;filter: alpha(opacity=100); opacity: 1;}
	.modal4 .modal-body{padding: 0;padding-bottom: 2rem;}
	.modal4 .body-tlt{background: #f6e3c5;display: flex;height: 2.2rem;}
	.modal4 .body-tlt a{flex:4;text-align: center;border-right: 1px solid #701417;font-size: 0.8rem;color: #701417;height: 1rem;margin-top: 0.6rem;}
	.modal4 .jl-cont{padding: 0 1rem;text-align: center;line-height: 6rem;font-size: 1rem;color: #666;}
	.modal4 .jl-cont li{height: 3rem;}
	.modal4 .jl-cont li span{flex:4;text-align: center;color: #666666;font-size: 0.8rem;border-bottom: 1px solid #dddddd;line-height: 3rem;}
	.modal4 .jl-cont li span:nth-child(3){line-height: 1.2rem;padding-top: 0.3rem;font-size: 0.8rem;}
	.modal4 .jl-cont li span a{padding: 0.3rem 0.6rem;color: #666666;}
	.modal4 .jl-cont li .teshu{line-height: 1.2rem;}
	.modal4 .jl-cont li .teshu a{display: block;background: none;}

	.modal1 .modal-dialog {width: 600px;}
	.modal2 .modal-dialog {width: 600px;}
	.modal3 .modal-dialog {width: 600px;}
	.modal4 .modal-dialog {width: 600px;}
	.hidden-pc{display: none!important;}
	.hidden-m{display: block!important;}

}
@media screen and (max-width: 680px) {
	.modal1 .modal-dialog {width: auto;}
	.modal2 .modal-dialog {width: auto;}
	.modal3 .modal-dialog {width: auto;}
	.modal4 .modal-dialog {width: auto;}
}
@media screen and (max-width:360px) {
	.modal4 .body-tlt a{border-right: none;}
}