@charset "utf-8";
/* CSS Document */
body { margin: 0; padding: 0; font-size: 14px; font-family: 'Microsoft YaHei',sans-serif; line-height: 1.8em; color: #333; background-color: #f2f2f2; }
h1, h2, h3, h4, h5, h6, p, ul, li { display: block; margin: 0; padding: 0; font-size: 14px; font-weight: normal; line-height: 1.8em; list-style: none; }
img { border: none; }
a { color: #333; text-decoration: none; }
a:hover { color: #008bff; }
body{background-color: #fff;}

.bg-header{min-width: 1300px;position: relative;}
/*导航栏*/
.wrapper {position:fixed;  top: 0; left: 0; width: 100%; height: 100%; min-width: 1200px; z-index:99; }
.header { position: absolute; top: 0; left: 0; width: 100%; height: 60px; color: #fff; z-index: 10;background-color: #272c30;}
.header a { color: #fff; }
.header::after { display: block; content: ''; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 0; transition-duration: .2s; -webkit-transition-duration: .2s; transition-delay: .5s; -webkit-transition-delay: .5s; }
.header.active::after { height: 100%; background-color: rgba(33,33,33,.3); transition-delay: .1s; -webkit-transition-delay: .1s; }
.logo{margin-left: 30px;margin-top: 15px;}
.mainNav, .mainNav ul { position: absolute; font-size: 0; letter-spacing: -5px; }
.mainNav { top: 0; left: 220px; height: 60px; }
.mainNav li { position: relative; display: inline-block; *display: inline; *zoom: 1; font-size: 14.5px; letter-spacing: normal; }
.mainNav > li::after { display: block; content: ''; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height:58px; transition-duration: .5s; -webkit-transition-duration: .5s; z-index: -1; }
.mainNav > li:hover::after { background-color: rgba(17,17,17,.25);border-bottom: 2px #ec6941 solid;}
.mainNav > li > a { display: block; height:20px; line-height: 60px; padding: 0 1em; }
.mainNav ul { position: absolute; overflow: hidden; height: 0; top: 60px; transition-duration: .3s; -webkit-transition-duration: .3s; transition-delay: .1s; -webkit-transition-delay: .1s; }
.mainNav > li:hover ul { height: 375px; }
.mainNav ul::after { display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(17,17,17,.9); z-index: -1; }
.mainNav ul li { padding: 10px 20px; }
.mainNav ul li { border-bottom: rgba(255,255,255,.15) 1px solid; }
.mainNav ul li a:hover{color: #ec6941;}
.mainNav ul li a { display: block; position: relative; text-align: center;width: 120px; height: 1.8em; }
.mainNav ul li img { position: absolute; top: 0; left: 50%; margin-left: -60px; }

.mainNav > li li:nth-child(10n) { display:none;}

.header .other { position: absolute; top: 0; right: 0; height: 60px; text-align: right; line-height: 60px;margin-right: 30px; }
.header .other > div, .header .other > a { display: inline-block; *display: inline; *zoom: 1; line-height: 60px; height: 60px; vertical-align: top; }
.header .tel { padding-left: 30px; padding-right: 10px; background-image: url(../images/phone.png); background-repeat: no-repeat; background-position: center left; }
.header .tel b { font-size: 16.5px; font-family: Verdana; }
.header .other a { padding: 0 5px; }
.header .other a.down { color: #ff4848; font-weight: bold; }
.header .other a.down:hover { color: #008bff; }






/*内部*/

.swiper-wrapper { transition-timing-function: cubic-bezier(.1,.57,.1,1); -webkit-transition-timing-function: cubic-bezier(.1,.57,.1,1); }
.one { background-image:url(../images/index/one-bg-1.jpg); width: 100%;background-size:100% 100%;height: 630px;position: relative;}
.one h1{position: absolute; width: 660px;color: #fff;font-size: 48px;text-align:center;top:50%; left: 50%;margin-left: -530px;margin-top: -230px;}
.one .txts p{position: absolute;width:1050px;color: #fff;top: 50%; left: 50%;margin-left: -530px;margin-top: -140px;text-indent: 2em; }
.one .txts p { font-size: 18px; }
.one .btns { left: 50%; top: 50%; margin-left: -61px; margin-top: 250px; opacity:0; }
.one ul{ position: absolute;width:700px;text-align: center;top: 45%; left: 50%;margin-top: 30px; margin-left: -550px;font-size: 0; letter-spacing: 5px;}
.one li{display: inline-block; *display: inline; *zoom: 1; width: 85px;height: 2em;  position: relative; letter-spacing: normal;padding-top: 1em;text-align: center;
margin: 0 10px; margin-top: 20px; top:-63px;color: #fff;}



.one.btns {z-index:999;}

.btns { position: absolute; top: 85%; left: 50%;border:#fff;background-color: #fff; border-radius: 5px; width: 150px; font-size: 15px; line-height: 3.5em; height:2.5em; text-align: center;margin-left: -250px;margin-top: 20px;}
.btns a {position: absolute;color: #40a2e3;text-align: center;top: -8px;left:40px;}
.btns a:hover{color: #ff6d25;}
.btns-img img{position: absolute;top: 50%; left: 50%;max-width:450px;margin-left:160px;margin-top:40px;}

.swiper-wrapper-6{background-color: #fff;margin-top: 20px;background-size:100% 100%;}
.tow{height: 900px;position:relative;}
.tow-bezier{position: absolute;color: #ffd9c8;font-size: 48px;text-align:center;top: 50%; left: 50%;margin-left: -550px;margin-top:-450px;}
.tow-beziep{position: absolute;color: #e1833e;font-size: 28px;text-align:center;top: 50%; left: 50%;margin-left: -550px;margin-top:-420px;}

.tow-bezier-img{position: absolute;background-image: url(../images/index/six-2.png);width: 800px;height: 400px; background-size:100% ;background-repeat: no-repeat;
top:50%;left:50%;margin-top:-150px;margin-left: -400px;}
.tow-ico1{ position: absolute; background-image: url(../images/index/tow-ico1.png);width:30px;height: 80px; background-size: 100%; background-repeat:no-repeat;
top: 50%;left: 50%; margin-top:-210px;margin-left: -170px;}
.tow-ico2{ position: absolute; background-image: url(../images/index/tow-ico2.png);width:30px;height: 80px; background-size: 100%; background-repeat:no-repeat;
top: 50%;left: 50%;margin-top: -210px;margin-left: 150px;}
.tow-ico3{ position: absolute; background-image: url(../images/index/tow-ico3.png);width:30px;height: 100px; background-size: 100%; background-repeat:no-repeat;
top: 50%;left: 50%;margin-top: -10px;margin-left: -340px;}
.tow-ico4{ position: absolute; background-image: url(../images/index/tow-ico4.png);width:30px;height: 100px; background-size: 100%; background-repeat:no-repeat;
top: 50%;left: 50%;margin-top: -10px;margin-left: -15px;}
.tow-ico5{ position: absolute; background-image: url(../images/index/tow-ico5.png);width:30px;height: 100px; background-size: 100%; background-repeat:no-repeat;
top: 50%;left: 50%;margin-top: -10px;margin-left:310px;}

.td1{position: absolute;color: #84ccc9;font-size: 24px;text-align:center;top: 50%; left: 50%;margin-left: -280px;margin-top: -350px;}
.td2{position: absolute;color: #f29b76;font-size: 24px;text-align:center;top: 50%; left: 50%;margin-left: 70px;margin-top: -350px;}
.td3{position: absolute;color: #8c97cb;font-size: 24px;text-align:center;top: 50%; left: 50%;margin-left: -430px;margin-top: 130px;}
.td4{position: absolute;color: #54afeb;font-size: 24px;text-align:center;top: 50%; left: 50%;margin-left: -120px;margin-top: 130px;}
.td5{position: absolute;color: #c45252;font-size: 24px;text-align:center;top: 50%; left: 50%;margin-left: 200px;margin-top: 130px;}

.tow-txts1 p{position: absolute;font-size: 16px;width:300px;color: #84ccc9;text-align:center;top:50%; left: 50%;margin-left: -330px; margin-top: -300px;}
.tow-txts2 p{position: absolute;font-size: 16px;width:300px;color: #f29b76;text-align:center;top:50%; left: 50%;margin-left: 20px; margin-top: -300px;}
.tow-txts3 p{position: absolute;font-size: 16px;width:300px;color: #8c97cb;text-align:center;top:50%; left: 50%;margin-left: -480px; margin-top: 180px;}
.tow-txts4 p{position: absolute;font-size: 16px;width:300px;color: #54afeb;text-align:center;top:50%; left: 50%;margin-left: -140px; margin-top: 180px;}
.tow-txts5 p{position: absolute;font-size: 16px;width:300px;color: #c45252;text-align:center;top:50%; left: 50%;margin-left: 200px; margin-top: 180px;}

.tow-btns {position: absolute;top:50%; left: 50%;border:#fff;background-color: #56b0ec; border-radius: 5px; width: 150px; font-size: 15px; line-height: 3.5em; height:2.5em; text-align: center;margin-left:-80px;margin-top: 350px;}
.tow-btns a {position: absolute;color: #fff;text-align: center;top: -8px;left:40px;}
.tow-btns a:hover{color: #ff6d25;}

.swiper-wrapper-1{background-image: url(../images/index/three-img1.jpg);margin-top: 20px;background-size:100% 100%;background-repeat: no-repeat;}
.three{position:relative;height: 800px; }
.three-img1 img{ position: absolute;z-index:999;top: 50%; left: 50%;max-width:450px;margin-left: -550px;margin-top:-200px;}
.three-bezier{position: absolute;/*color: #1f689b;*/color: #fff;font-size: 48px;text-align:center;top: 50%; left: 50%;margin-left: -120px;margin-top: -330px;}
.three-beziep{position: absolute;color: #fff;font-size: 28px;text-align:center;top: 50%; left: 50%;margin-left: -120px;margin-top:-300px;}
.three-txts1 p {position: absolute;width:450px;color: #fff;text-align:center;top:50%; left: 50%;margin-left: -20px; margin-top: -100px;font-size:18px;}
.three-txts2 p{position: absolute;width:450px;color: #fff;text-align:center;top:50%; left: 50%;margin-left: -20px; margin-top: 50px;font-size:18px;}

.three-btns { position: absolute; top: 85%; left: 50%;border:#fff;background-color: #fff; border-radius: 5px; width: 150px; font-size: 15px; line-height: 3.5em; height:2.5em; text-align: center;margin-left: -12px;margin-top: -80px;}
.three-btns a {position: absolute;color: #56b0ec;text-align: center;top: -8px;left:40px;}
.three-btns a:hover{color: #ff6d25;}



.swiper-wrapper-2{background-color: #fff;margin-top: 20px;background-size:100% 100%;background-repeat: no-repeat;}
.five{height: 680px;position:relative}
.five-img1 img{position: absolute;z-index:999;top: 50%; left:50%;max-width:500px; margin-left:50px;margin-top:-200px;}

.five-bezier{position: absolute;color: #ffd9c8;font-size: 48px;text-align:center;top: 50%; left: 50%;margin-left: -550px;margin-top: -350px;}
.five-beziep{position: absolute;color: #e1833e;font-size: 28px;text-align:center;top: 50%; left: 50%;margin-left: -550px;margin-top: -318px;}
.five-txts1 p{position: absolute;width:550px;color: #e1833e;text-align:center;top:50%; left: 50%;margin-left: -550px; margin-top: -200px;font-size:18px;}
.five-txts2 p{position: absolute;width:550px;color: #e1833e;text-align:center;top:50%; left: 50%;margin-left: -550px; margin-top: 50px;font-size:18px;}
.five-btns { position: absolute; top: 85%; left: 50%;border:#fff;background-color: #56b0ec; border-radius: 5px; width: 150px; font-size: 15px; line-height: 3.5em; height:2.5em; text-align: center;margin-left: -100px;margin-top: 10px;}
.five-btns a {position: absolute;color: #fff;text-align: center;top: -8px;left:40px;}
.five-btns a:hover{color: #ff6d25;}


.swiper-wrapper-3{background-image: url(../images/index/seven-img1.jpg); background-size:100% 100%;background-repeat: no-repeat;}
.seven{height:750px;position:relative}
.seven-bezier{position: absolute;/*color: #1f689b;*/color: #fff;;font-size: 48px;text-align:center;top: 50%; left: 50%;margin-left: -120px;margin-top: -330px;}
.seven-beziep{position: absolute;color: #fff;font-size: 28px;text-align:center;top: 50%; left: 50%;margin-left: -120px;margin-top:-300px;}
.seven-txts1 p{position: absolute;color:#e1833e;font-size:16px;text-align:center;width: 150px; position: absolute;margin-top:110px;margin-left:50px;}
.seven-txts2 p{position: absolute;color:#e1833e;font-size:16px;text-align:center;width: 150px;position: absolute;margin-top:110px;margin-left:50px;}
.seven-txts3 p{position: absolute;color:#e1833e;font-size:16px;text-align:center;width: 150px;position: absolute;margin-top:110px;margin-left:50px;}
.seven-txts4 p{position: absolute;color:#e1833e;font-size:16px;text-align:center;width: 150px;position: absolute;margin-top:110px;margin-left:50px;}
.seven-txts5 p{position: absolute;color:#e1833e;font-size:16px;text-align:center;width: 150px;position: absolute;margin-top:110px;margin-left:50px;}

.seven-txts1 {position: absolute;width: 250px;height: 250px; background-image:url(../images/index/seven-bg1.png); background-size:100% 100%;background-repeat: no-repeat;}
.seven-txts2 {position: absolute;width: 250px;height: 250px; background-image:url(../images/index/seven-bg2.png); background-size:100% 100%;background-repeat: no-repeat;}
.seven-txts3 {position: absolute;width: 250px;height: 250px; background-image:url(../images/index/seven-bg3.png); background-size:100% 100%;background-repeat: no-repeat;}
.seven-txts4 {position: absolute;width: 250px;height: 250px; background-image:url(../images/index/seven-bg4.png); background-size:100% 100%;background-repeat: no-repeat;}
.seven-txts5 {position: absolute;width: 250px;height: 250px; background-image:url(../images/index/seven-bg5.png); background-size:100% 100%;background-repeat: no-repeat;}

.seven-txts1 {position: absolute;top: 85%; left: 50%;margin-top: -480px;margin-left: -450px;}
.seven-txts2 {position: absolute;top: 85%; left: 50%;margin-top: -480px;margin-left: -100px;}
.seven-txts3 {position: absolute;top: 85%; left: 50%;margin-top: -480px;margin-left: 200px;}
.seven-txts4 {position: absolute;top: 85%; left: 50%;margin-top: -250px;margin-left: -280px;}
.seven-txts5 {position: absolute;top: 85%; left: 50%;margin-top: -250px;margin-left: 70px;}

.seven-btns { position: absolute; top: 85%; left: 50%;border:#fff;background-color: #fff; border-radius: 5px; width: 150px; font-size: 15px; line-height: 3.5em; height:2.5em; text-align: center;margin-left: -50px;margin-top: -50px;}
.seven-btns a {position: absolute;color: #56b0ec;text-align: center;top: -8px;left:40px;}
.seven-btns a:hover{color: #ff6d25;}



.swiper-wrapper-4{background-color:#fff;background-size:100% 100%;background-repeat: no-repeat;}
.four{height: 500px;position:relative;}
.four-img1 img{position: absolute;z-index:999;top: 50%; left:50%;max-width:480px; margin-left:-550px;margin-top:-100px;}
.four-bezier{position: absolute;color: #ffd9c8;font-size: 48px;text-align:center;top: 50%; left: 50%;margin-left: -640px;margin-top: -208px;}
.four-beziep{position: absolute;color: #e1833e;font-size: 28px;text-align:center;top: 50%; left: 50%;margin-left: -640px;margin-top: -178px;}
.four-txts1 p{position: absolute;width:450px;color: #e1833e;top:50%; left: 50%;margin-left: 50px; margin-top:-140px;font-size:20px; line-height:70px;}
.four-txts2 p{position: absolute;width:530px;color: #e1833e;text-align:center;top:50%; left: 50%;margin-left: 50px; margin-top:20px;font-size:18px;}

.four-btns { position: absolute; top: 85%; left: 50%;border:#fff;background-color: #56b0ec; border-radius: 5px; width: 150px; font-size: 15px; line-height: 3.5em; height:2.5em; text-align: center;margin-left: 200px;margin-top: -80px;}
.four-btns a {position: absolute;color: #fff;text-align: center;top: -8px;left:40px;}
.four-btns a:hover{color: #ff6d25;}


.swiper-wrapper-5{background-image: url(../images/index/six-img1.jpg) ;background-size:100% 100%;background-repeat: no-repeat;}
.six{height: 700px;position:relative;}
.six-bezier{position: absolute;/*color: #1f689b;*/color: #fff;font-size: 48px;text-align:center;top: 50%; left: 50%;margin-left: -120px;margin-top: -310px;}
.six-beziep{position: absolute;color: #fff;font-size: 28px;text-align:center;top: 50%; left: 50%;margin-left: -120px;margin-top:-280px;}
.six-img1 img{ position: absolute;top: 50%; left: 50%;max-height:600px;margin-left: -500px;margin-top:-180px;}
.six-txts1 {position: absolute;width:350px;color: #fff;text-align:center;top:50%; left: 50%;margin-left: -580px; margin-top: -200px;font-size:18px;}
.six-txts2 {position: absolute;width:350px;color: #fff;text-align:center;top:50%; left: 50%;margin-left: -180px; margin-top: -200px;font-size:18px;}
.six-txts3 {position: absolute;width:350px;color: #fff;text-align:center;top:50%; left: 50%;margin-left: 220px; margin-top: -200px;font-size:18px;}
.six-txts1-1{font-size: 24px;}

.six-btns { position: absolute; top: 85%; left: 50%;border:#fff;background-color: #fff; border-radius: 5px; width: 150px; font-size: 15px; line-height: 3.5em; height:2.5em; text-align: center;margin-left: -100px;margin-top: 20px;z-index:999;}
.six-btns a {position: absolute;color: #56b0ec;text-align: center;top: -8px;left:40px;}
.six-btns a:hover{color: #ff6d25;}


/*.footer {bottom: 0; left: 0; width: 100%; background-color: #333; padding: 20px 0; z-index: 5; }
.footer p { font-size: 12px; color: #fff; text-align: center; margin-top: 0; }*/
/*footer*/
.footer{ background-color:#202020; border-top:#b81d18 10px solid; padding:40px 0;}
.footer h1{ text-align:center; color:#fff; font-size:24px; font-weight:bold; line-height:normal;}
.footer .foot-top{ text-align:center; color:#fff; font-size:24px; font-weight:bold; line-height:normal;}
.footer ul{ text-align:center; padding:50px 0 20px 0;}
.footer ul li{ display:inline-block; *display:inline; *zoom:1; color:#fff; margin:0 5px; font-size:13px;}
.footer ul li a{ color:#fff;}
.footer ul li a:hover{ color:#b81d18;}
.footer p{ text-align:center; color:#e0e0e0; line-height:20px; font-size:14px;}
.footer p a{ color:#e0e0e0;}
.footer p a:hover{ color:#b81d18;}
.footer select{ font-size:12px; width:120px;}
.footer h2,.footer h3{ text-align:center; color:#fff; margin-bottom:10px; margin-top:20px; }
.footer p.links{ width:990px; margin:0 auto;}
.footer p.links a { display: inline-block; *display: inline; *zoom: 1; margin: 0 10px; color: #333; line-height: 24px; font-size: 12px; }
.footer p.links a:hover { color: #C30; }



.blacker { position: fixed; z-index: 50000; width: 100%; height: 100%; top: 0; left: 0; background-color: #000; opacity: .2; filter: alpha(opacity=20); }
.winner-wrap { position: fixed; z-index: 55000; width: 590px; top: 50%; left: 50%; margin-top: -310px; margin-left: -295px; background-color: #fafafa;  box-shadow: rgba(0,0,0,.25) 0px 0px 20px;overflow: hidden; }
.winner-header { position: relative; height: 45px; line-height: 45px; background-color: #ececec; }
.winner-header h1 { padding-left: 20px; line-height: 45px; font-weight: bold; font-size: 15px; border-bottom: 1px solid #ccc;}
.winner-header a { display: block; width: 24px; height: 0; padding-top: 24px; overflow: hidden; background-position: 8px 8px; position: absolute; top: 10px; right: 10px; background-image: url(/templates/2015/images/show_close.png); background-repeat: no-repeat; }
.winner-content { border-top: #dfdfdf 1px solid; }