﻿@charset "utf-8";
body{font-size: 12px;min-width:1259px;background:#F9F9F9;}

.banner{ height:650px; width:100%; position:relative}
.banner .bd li{ height:650px; width:100%; background-position:center; background-repeat:no-repeat}
.banner .hd{ position:absolute;bottom:30px; left:0; text-align:center; width:100%;}
.banner .hd li{width: 10px;height: 10px;border-radius:50%;display:inline-block;margin: 0 6px;background: #FFF;opacity: 0.5;cursor:pointer}
.banner .hd li.on{opacity: 1;}
.ad-item{overflow:hidden; text-align: center}
.ad-item div{margin:22px 11px 40px;width:196px; display: inline-block;}
.ad-item div img{ width: 100% }
.hot-wrap {padding: 0 7px;overflow: hidden;}
.hot-wrap .tit{ height: 28px; line-height: 28px; margin-bottom: 5px;font-size:23px;color:#000000; text-align: center}
.hot-wrap .tit .more{height: 28px;line-height: 25px;width: 25px;display: inline-block;margin-left:5px;background:#00A0FF;border-radius: 50%;vertical-align: bottom;color:#000;letter-spacing: -6px;font-size: 20px;text-align: left;padding-left: 3px;}
.hot-wrap .stars-today{width:275px; float: left;}
.hot-wrap .stars-today .cont,.hot-wrap .stars-today .cont img{width:275px;height: 330px;}
.hot-wrap .recommend-item{width:425px; float: left;margin:0 15px;}
.hot-wrap .recommend-item .cont{background: #FFF;position: relative;width: 425px;height: 310px;overflow: hidden;padding: 10px 0;}
.recommend-item .c-href{padding:0 18px;height: 310px;overflow: hidden; font-size: 13px;}
.recommend-item .c-href a{width: 20%;float: left;text-align: center;padding: 7px 0;border-bottom: dashed 1px #d2d2d2;}
.recommend-item .c-href img{width:auto;height: 30px;display: block;margin: 0 auto 1px;}
.recommend-item .cont .atxt{position: absolute;right: 20px;bottom: 10px;color: #333;font-size: 14px;}
.hot-wrap .group-pro{width:455px; float: left;}
.hot-wrap .group-pro .cont{width:455px; height: 330px; overflow: hidden}
.group-pro .cont li{width: 223px;height: 162px;margin:2px;float: left;overflow: hidden;position: relative;}
.group-pro .cont li img{width:223px; height: 162px}
.group-pro .cont li:hover .t{ display: block }
.group-pro .cont .t{ background:url(../images/bg-group-pro.png) no-repeat center;width:223px; height: 162px;color:#FFF; position: absolute;left:0;top:0; text-align: center; display: none}
.group-pro .cont .t p{width:223px;height: 162px;display: table-cell;vertical-align: middle;font-size: 24px;}
.web-title{text-align:center;color:#000;position: relative; font-size: 33px;padding:10px 0;border-bottom: solid 1px #000000}
.web-title .n{ position: absolute;left:0; top:10px; }
.web-title .n img{display: inline-block;width:auto;height: 44px;margin-left: 10px;vertical-align: bottom;}
.web-title .more{font-size: 12px;position: absolute;bottom: 5px;right:0;width: 91px;height: 22px;border-radius: 22px;background: #676767;color:#FFF;text-align: center;line-height: 22px;}
.web-title .more:after{content:"+";display: inline-block;width: 13px;height: 13px;border-radius: 50%;background: #FFF;color:#676767;line-height: 13px;margin-left: 3px;}
.cold-plist{overflow:hidden;}
.cold-plist img{width:100%}
.cold-plist .p-nav{width: 125px;float:left;background: #FFF;height: 582px;padding: 70px 20px 0;}
.cold-plist .p-nav h3{font-size:15px;color:#333;display:block;margin-bottom:10px; font-weight:400}
.cold-plist .p-nav ul{margin-bottom:15px;}
.cold-plist .p-nav li{position:relative;margin-bottom:5px;font-size:14px;}
.cold-plist .p-nav li:after{content:"•";position:absolute;right:0;top:0;color:#333}
.cold-plist .p-nav a.more{color:#999}
.cold-plist .p-list{overflow:hidden;width: 1044px;float:right;margin-right: -9px;}
.cold-plist .p-list li{width: 325px;height: 325px;float:left;margin: 0.5px 9px;overflow: hidden;position: relative;}
.cold-plist .p-list li.big{height: 651px;width: 340px;}
.cold-plist .p-list li img{width: 342px;height: 271.5px;}
.cold-plist .p-list li.big img{height: 651px;width: 340px;}
.cold-plist .p-list li .txt{position:absolute;left:0;bottom:0;width: 90%;text-align: center;height: 38px;background: #FFF;color: #333;font-size: 14px;padding: 8px 5%;}
.cold-plist .p-list li .txt b{display: block;font-weight: 400;padding: 6px 0 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cold-plist .p-list li .show{position:absolute;left:0;bottom:0;width:100%;text-align: center;height: 54px; background: #575757;color:#FFF; line-height: 54px; font-size: 16px; display: none}
.cold-plist .p-list li:hover .show{ display: block }
.cold-plist .p-list li.big:hover .show{ display:none }
.cold-plist .p-list li.big .txt{height: 110px;background:rgba(0,0,0,0.8);color: #FFF;font-size: 27px;display: none;padding: 18px 5%;}
.cold-plist .p-list li.big .txt b{ font-size: 36px;padding-top:24px;}
.cold-plist .p-list li.big:hover .txt{display:block}
.cold-plist .p-list li .bd-item{ position: relative; }
.package-list{overflow: hidden;margin: 0 -20px;}
.package-list li{position: relative;float: left;width: 580px;height: 250px;margin: 20px;}
.package-list li img{width: 597px;height: 252px;}
.package-list li .txt{width:445px;height: 50px;line-height: 50px;background:rgba(255,255,255,0.8);font-size: 24px;color:#000000;position:absolute;bottom:12px;left:50%;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;margin-left: -222.5px;display: none;}
.package-list li .price{color:#fc0347;font-size: 32px;float: left;margin: 0 30px 0 42px;position: relative;}
.package-list li .price i{font-size: 18px;position: absolute;font-style: inherit;top: -7px;left: -14px;}
.package-list li:hover .txt{display:block}
.shortcut-wrap{background: #000000;color:#FFF;margin-top:25px;height: 87px;overflow:hidden;padding:4px;text-align: center;font-size: 18px;}
.shortcut-wrap a{color:#FFF;}
.shortcut-wrap .sc-t{width:120px; height: 87px; float: left;}
.shortcut-wrap .sc-t i{width: 42px;height: 50px;display: block;margin: 7px auto 3px;background:url(../images/icon-shortcut.png) no-repeat;}
.shortcut-wrap .sc-l{background: #00A0FF;height: 63px;float:left;padding: 12px 0;}
.shortcut-wrap .sc-l .sc-l-item{float: left;width: 102px;border-right: solid 1px #7FCFFF;height: 63px;}
.shortcut-wrap .sc-l .sc-l-item:last-child{width: 145px;border-right: none;}
.shortcut-wrap .sc-l i{width: 44px;height: 43px;display:block;margin: 0 auto 4px;background: url(../images/icon-shortcut.png) no-repeat;}
.shortcut-wrap .sc-l i.sc-i0{background-position: -67px -3px;}
.shortcut-wrap .sc-l i.sc-i1{background-position: -165px -2px;}
.shortcut-wrap .sc-l i.sc-i2{background-position: -264px -3px;}
.shortcut-wrap .sc-l i.sc-i3{background-position: -367px -3px;}
.shortcut-wrap .sc-l i.sc-i4{background-position: -461px -3px;width: 64px;}
.shortcut-wrap .sc-l i.sc-i5{background-position: -565px -2px;}
.shortcut-wrap .sc-l i.sc-i6{background-position: -666px -2px;}
.shortcut-wrap .sc-l i.sc-i7{background-position: -763px -2px;}
.shortcut-wrap .sc-l i.sc-i8{background-position: -864px -3px;}
.shortcut-wrap .sc-l i.sc-i9{background-position: -984px -3px;}
.custom-wrap{background:url(../images/custom-bg.jpg) no-repeat center; height: 453px;width:100%;margin-top:53px;}
.custom-wrap .w{position: relative;height: 453px;}
.custom-wrap .txt{text-align: center;font-size: 27px;color:#000;line-height: 1.5;padding-top: 205px;}
.custom-wrap .txt b{ font-size: 50px; display:block }
.custom-wrap .btn{width:222px;height: 56px;position:absolute;bottom: 55px;right: 190px;}
.video-list{background:url(../images/video-bg.jpg) no-repeat center; height: 626px;color:#000;}
.video-list .w{background:#f5f5f5;overflow:hidden;padding: 20px 15px;width: 1160px;}
.video-list .tit{ font-size: 33px;padding:55px 0 35px; text-align:center;}
.video-list .video-item{width: 570px;float:left;margin: 0 5px;overflow: hidden;}
.video-list .video-item img{width:100%;height: 288px;}
.video-list .vi-pic{position:relative;width:100%;height: 288px;}
.video-list .openvidwo{position:absolute;top:50%;left:50%;margin: -33px 0 0 -33px;height: 66px;width: 66px;display:block;cursor:pointer;}
.video-list .openvidwo img{ height:auto}
.video-list .vi-tit{ background:#FFF; font-size: 32px; position: relative;padding:15px 20px; line-height: 1.2}
.video-list .vi-tit .vi-name{ font-size: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.video-list .vi-tit .vi-t{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.video-list .vi-tit .go{ font-size: 14px; position: absolute;right:16px;bottom:13px;width: 104px; height: 23px;border:solid 1px #999999; text-align:center; line-height: 23px;}
.pup-video{ position:fixed;left:50%;width:760px; height:410px;top:50%; box-shadow:0 0 25px #999; background:#FFF; border-radius:2px;margin-left:-400px;padding:20px; display:none}
.pup-video .jsclose{ background:url(../images/ico-close.png) no-repeat center #666;border-radius:50%; width:50px; height:50px; display:block; position:absolute;top:-10px;right:-10px; background-size:40%; cursor:pointer}

.fix-float-wrap{ position: fixed;right:0;bottom:150px; }
.fix-float-wrap .ff-item{ overflow: hidden;margin-bottom: 3px; }
.fix-float-wrap .ff-item:hover .t{display:block}
.fix-float-wrap .ff-item .t{float:right;height: 19px;padding:0 4px;background:#949494;color:#FFF;line-height: 19px;margin-top:10px;margin-right: 6px;position: relative;display: none;}
.fix-float-wrap .ff-item .t:after{content:"";position:absolute;right:-4px;top: 6px;width: 0;height: 0;border-top: 3px solid transparent;border-left: 4px solid #949494;border-bottom: 3px solid transparent;}
.fix-float-wrap .ff-item a{width:30px; height: 37px; background:url(../images/icon-float.png) no-repeat #575757; display: block; float: right;}
.fix-float-wrap .ff-item a.f-icon-01{background-position: 2px 0;}
.fix-float-wrap .ff-item a.f-icon-02{background-position: 2px -37px;}
.fix-float-wrap .ff-item a.f-icon-03{background-position: 2.5px -78px;}
.fix-float-wrap .ff-item a.f-icon-04{background-position: 2px -117px;}
.fix-float-wrap .ff-item a.f-icon-05{background-position: 3px -155px;}
.fix-float-wrap .ff-item a.f-icon-06{background-position: 2px -194px;}


.service-tab{margin-top:50px;}
.service-tab .hd{ height:115px; background:#FFF;border-bottom:solid 1px #E0E0E0}
.service-tab .hd li{ width:25%; float:left; text-align:center;color:#000; height:115px; font-size:17px; cursor:pointer}
.service-tab .hd li i{display:block;margin: 26px auto 5px;width:52px;height:40px;background:url(../images/ico.png) no-repeat;}
.service-tab .hd li i.st-02{ background-position:0 -44px;}
.service-tab .hd li i.st-03{background-position: -56px -44px;width: 39px;}
.service-tab .hd li i.st-04{background-position: -101px -44px;width: 40px;}
.service-tab .hd li i.st-01{background-position: -143px -44px;width: 40px;}
.service-tab .hd li.on{ background:#00A0FF;color:#FFF}
.service-tab .hd li.on i.st-02{ background-position:0 0;}
.service-tab .hd li.on i.st-03{background-position: -56px 0;width: 39px;}
.service-tab .hd li.on i.st-04{background-position: -101px 0;width: 40px;}
.service-tab .hd li.on i.st-01{background-position: -143px 0;width: 40px;}
.service-tab .bd ul{padding:44px 50px; line-height:1.6}
.service-tab .bd ul p{margin-bottom:5px;}
.service-tab .mid-2{ width:520px;color:#595757}
.service-tab .mid-2 b{ font-size:16px;color:#030303;margin-bottom:25px; display:inline-block; font-weight:400}
.scenarized-slide{margin-top:32px; overflow:hidden}
.scenarized-slide .bd{ float:left; width:853px; height:420px; overflow:hidden}
.scenarized-slide .bd li,.scenarized-slide .bd li img{width:853px; height:420px;}
.scenarized-slide .hd{ float:right; width:174px; height:420px; overflow:hidden}
.scenarized-slide .hd li{ cursor:pointer; width:174px; height:100px; overflow:hidden;margin-bottom:7px; position:relative}
.scenarized-slide .hd li img{width:174px;height:100px;}
.scenarized-slide .hd li .txt{ position:absolute;top:0; left:0; right:0;bottom:0; background:rgba(0,0,0,0.4);color:#FFF;padding-top:73px; text-align:right;padding-right:15px; font-size:15px;}
.scenarized-slide .hd li.on .txt{ display:none}
.scenarized-slide .bd i{width:23px;height:23px;border-radius:50%;display: block;float: left;margin-right: 12px;}
.scenarized-slide .bd i:before{content:"";width:11px;height:11px;border-radius:50%;display:block;    margin: 6px;}
.scenarized-slide .bd a{color:#FFF;padding: 0 7px;height: 25px;line-height: 25px;display: block;float: left;border-radius: 2px;display:none}
.scenarized-slide .bd li{position:relative}
.scenarized-slide .bd li > div:hover a{display:block}
.scenarized-slide .bd .blue a{background:#00A0FF;}
.scenarized-slide .bd .green a{background:#2CB148}
.scenarized-slide .bd .yellow a{background:#F39800}
.scenarized-slide .bd .blue i{border: solid 1px #00A0FF;}
.scenarized-slide .bd .green i{border:solid 1px #2CB148}
.scenarized-slide .bd .yellow i{border:solid 1px #F39800}
.scenarized-slide .bd .blue i:before{background:#00A0FF}
.scenarized-slide .bd .green i:before{background:#2CB148}
.scenarized-slide .bd .yellow i:before{background:#F39800}
.scenarized-slide .bd .i1-1{left: 123px;top: 185px;position:absolute;z-index: 9999;}
.scenarized-slide .bd .i1-2{left: 252px;top: 325px;position:absolute;z-index: 9999;}
.scenarized-slide .bd .i1-3{left: 553px;top: 266px;position:absolute;z-index: 9999;}
.scenarized-slide .bd .i2-1{left: 294px;top: 195px;position:absolute;z-index: 9999;}
.scenarized-slide .bd .i2-2{left: 596px;top: 201px;position:absolute;z-index: 9999;}
.scenarized-slide .bd .i3-1{left: 97px;top: 185px;position:absolute;z-index: 9999;}
.scenarized-slide .bd .i3-2{left: 307px;top: 229px;position:absolute;z-index: 9999;}
.scenarized-slide .bd .i3-3{left: 572px;top: 188px;position:absolute;z-index: 9999;}
.scenarized-slide .bd .i4-1{left: 123px;top: 185px;position:absolute;z-index: 9999;}
.scenarized-slide .bd .i4-2{left: 252px;top: 325px;position:absolute;z-index: 9999;}
.scenarized-slide .bd .i4-3{left: 553px;top: 266px;position:absolute;z-index: 9999;}


/*内页*/
.cont-sidenav{width:90px;margin-top:40px;}
.cont-sidenav dl{margin-bottom:15px}
.cont-sidenav dt{ font-size: 14px;color:#181819; cursor:pointer; position: relative;}
.cont-sidenav dt i.arrow{width: 13px;height: 13px;float: right;background: url(../images/ico.png) no-repeat -16px -87px;margin-top: 3px;}
.cont-sidenav dd{padding-top:10px; display: none}
.cont-sidenav dd a{ border-bottom:dashed 1px #C1C1C1; display: block; text-align: left;padding:5px 0; }
.cont-sidenav dt:hover,.cont-sidenav dd a:hover{color:#999999;}
.cont-sidenav dl.on i.arrow{background-position:0 -87px;}
.cont-sidenav dl.on dd{ display:block }
.cont-right{width:900px;margin-top:40px;}
.cont-right img{max-width:100%;}
.cont-right .cont-tit{color:#1d1c1c; font-size:18px;margin-bottom: 35px;}
.cont-right .cont-cont{ line-height:2 }
.cont-right .cont-cont p{margin-bottom:30px;}

.form-wrap{width:960px;margin-left:62px;margin-top: 25px; font-size: 16px;color:#554c45;}
.form-wrap .form-t{ border-bottom: solid 1px #ABABAB; padding:8px 0; font-size: 18px;}
.form-wrap > dl{position: relative;padding-left:120px;margin: 20px 0 40px;line-height: 2;min-height: 42px;}
.form-wrap > dl > dt{position: absolute;left: -14px;background:url(../images/line1.png) no-repeat center bottom;width: 109px;text-align: center;padding-bottom: 10px;}
.form-wrap .btn{width:90px; height: 30px; background: #2C81FF;color:#FFF; border-radius: 2px;border:none;}
.form-wrap .txt{width:325px; height: 28px; border:solid 1px #BFBFBF;margin:0 10px;}
.form-style0 dl{margin-bottom:10px;overflow: hidden;position: relative;padding-left: 125px;line-height: 28px;min-height:30px;}
.form-style0 dt{position:absolute;left:0;width: 130px;text-align: right;}