/*-----------------[初始化]--------------*/
body{color: #444;font-size: 12px;line-height: 1.5;font-family:"微软雅黑","Microsoft Yahei";}
a{color: #444;}
a:hover{color: #f60;}
img{max-width: 100%;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
input,textarea,select{font-size: 12px;color: #444;
    font-family:"微软雅黑","Microsoft Yahei";outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
input[type='submit'],input[type='reset'],input[type='button'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999; }
::-ms-input-placeholder {color: #999;}

.ani{
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}

/*布局*/
.wp{width: 100%;max-width: 1100px;margin: 0 auto;}
.h50{height: 50px;clear: both;overflow: hidden;}
.h100{height: 100px;clear: both;overflow: hidden;}


/*******************************
  -------[=头部]-------
********************************/
#hd{height: 88px;overflow: hidden;background-color: #fff;}
.logo{float: left;line-height: 88px;}
.logo .pic{margin-left: 30px;}
.logo .pic img{display: inline-block;vertical-align: middle;}
.logo em{font-size: 24px;color: #081c41;margin-left: 20px;
    position: relative;top: 5px;letter-spacing: 1px;
}

#hd .tel{float: right;padding-left: 45px;line-height: 18px;margin-top: 28px;
    background: url(../images/ico-tel.png) no-repeat left center;
}
#hd .tel p{font-size: 14px;color: #081c41;}


/*******************************
    -------[=导航]-------
********************************/
#nv{height: 43px;line-height: 43px;background: rgba(8,28,65,.5);
    width: 100%;position: absolute;left: 0;top: 88px;z-index: 999;
}

.nav{}
.nav li{width: 11.11%;float: left;position: relative;}
.nav li .v1{font-size: 16px;color: #fff;display: block;line-height: 43px;text-align: center;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.nav li i{width: 13px;height: 8px;display: inline-block;vertical-align: middle;margin-left: 8px;
    background: url(../images/ico-nv1.png) no-repeat center center;
}
.nav dl{position: absolute;width: 202px;left: 0;top: 47px;padding: 5px 0;
    background: rgba(8,28,65,.5);display: none;
}
.nav dd a{display: block;line-height: 30px;height: 30px;overflow: hidden;
    color: #fff;font-size: 15px;padding-left: 20px;
}
.nav dd:hover a{color: #081c41;}
.nav li:hover .v1{background: rgba(8,28,65,.5);}

.menuBtn{position: absolute;z-index: 9;display: none;right: 10px;top: -54px;
    width: 35px;height: 40px;padding: 7px;cursor: pointer;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn b{display: block;height: 4px;background-color: #081c41;
    margin: 3px 0 7px;border-radius: 2px;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn.open{}
.menuBtn.open b{display: none;margin: 0;position: absolute;left: 10px;top: 50%;width: 30px;}
.menuBtn.open b:first-child{display: block;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.menuBtn.open b:last-child{display: block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}

/*******************************
  -------[=banner]-------
*******************************/
#banner{ height: 700px;position: relative; }
.coco-height { 
    height: 500px !important; 
}
#banner .slick-slider,#banner .slick-list,#banner .slick-track,#banner .slick-slide{height: 100%;}
#banner .slick-slide a{outline: 0;display: block;height: 100%;
    background-position: center center;background-repeat: no-repeat;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}

#banner .slick-dots{position: absolute;left: 0;bottom: 15px;width: 100%;text-align: center;z-index: 99;}
#banner .slick-dots li{display: inline-block;margin: 0 5px;}
#banner .slick-dots li button{display: block;width: 12px;height: 12px;padding: 0;
    font-size: 0;line-height: 0;text-indent: 999px;background-color: #fff;
    border-radius: 50%;border: 0;outline: 0;cursor: pointer;
}
#banner .slick-dots li.slick-active button{background-color: #081c41;}

.snv{position: absolute;width: 260px;text-align: center;z-index: 9;
    font-family:"微软雅黑","Microsoft Yahei";top: 80px;
}
.snv li{height: 45px;}
.snv li a{display: block;line-height: 45px;font-size: 16px;color: #fff;background: rgba(8,28,65,.6);}
/*.snv li:nth-child(2n) a{}
.snv li:nth-child(2n+1) a{background: rgba(8,28,65,.8);}*/
.snv li:hover a,.snv li.on a{background: #081c41;font-weight: bold;}

#banner.banner-01{/*height: 380px;*/height:500px;}


/*******************************
  -------[=底部]-------
********************************/
#fd{overflow: hidden;background-color: #e7e7e7;}
#fd .p1{text-align: center;color: #383838;line-height: 43px;}
.fd-link{padding-top: 10px;}
.fd-link h3{font-size: 14px;font-weight: normal;color: #383838;margin-bottom: 5px;}
.fd-link a{color: #383838;display: inline-block;border-right: 1px solid #666;
    padding-right: 5px;margin-right: 5px;height: 14px;line-height: 14px;
}
.fd-link a:hover{color: #081c41;}
.fd-link a:last-child{border-right: 0;}


.fd-tab{overflow: hidden;background-color: rgba(8,28,65,.7);width: 100%;
    position: fixed;left: 0;bottom: 0;display: none;z-index: 99999;
}
.fd-tab li{width: 33.33%;float: left;height: 60px;overflow: hidden;}
.fd-tab li a{display: block;text-align: center;font-size: 14px;color: #fff;
    /*line-height: 92px;background-position: center 2px;*/
	background-position: center;
	background-repeat: no-repeat;
	height:60px;
	-o-background-size: auto 40px;
	-ms-background-size: auto 40px;
	-moz-background-size: auto 40px;
	-webkit-background-size: auto 40px;
	background-size: auto 40px;
}
.fd-tab .ico1 a{background-image: url(../images/fd-ico1.png);}
.fd-tab .ico2 a{background-image: url(../images/fd-ico2.png);}
.fd-tab .ico3 a{background-image: url(../images/fd-ico3.png);}


/*******************************
    -------[=正文]-------
********************************/
#bd{overflow: hidden;}


/*******************************
    -------[=index]-------
********************************/
.m-list1{overflow: hidden;margin: 0 -5px 20px;padding-top: 122px;}
.m-list1 li{width: 25%;float: left;}
.m-list1 .con{display: block;border: 1px solid #e7e7e7;margin: 0 5px;text-align: center;
    height: 340px;
}
.m-list1 span{width: 80px;height: 80px;display: block;margin: -18px auto 38px;border-radius: 10px;
    background-color: #081c41;background-position: center center;
    background-repeat: no-repeat;border: 1px solid #081c41;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.m-list1 .ico1{background-image: url(../images/ico-01.png);}
.m-list1 .ico2{background-image: url(../images/ico-02.png);}
.m-list1 .ico3{background-image: url(../images/ico-03.png);}
.m-list1 .ico4{background-image: url(../images/ico-04.png);}
.m-list1 h3{font-size: 18px;color: #393939;text-align: center;margin-bottom: 25px;}
.m-list1 p{font-size: 15px;color: #383838;line-height: 23px;}
.m-list1 li:nth-child(2) .con{text-align: left;}
.m-list1 li:nth-child(2) .con .txt{padding-left: 13px;}
.m-list1 li:hover span,.m-list1 li.on span{background-color: #fff;}
.m-list1 li:hover .ico1,.m-list1 li.on .ico1{background-image: url(../images/ico-01-on.png);}
.m-list1 li:hover .ico2,.m-list1 li.on .ico1{background-image: url(../images/ico-02-on.png);}
.m-list1 li:hover .ico3,.m-list1 li.on .ico1{background-image: url(../images/ico-03-on.png);}
.m-list1 li:hover .ico4,.m-list1 li.on .ico1{background-image: url(../images/ico-04-on.png);}

.m-list2{margin: 0 -6px;padding-top:50px;}
.m-list2 li{outline: 0;}
.m-list2 li .con{display: block;margin: 0 6px;position: relative;color: #383838;outline: 0;}
.m-list2 .pic{position: relative;padding-top: 135%;height: 0;overflow: hidden;}
.m-list2 .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;}
.m-list2 h3{position: absolute;width: 100%;top: 0;left: 0;height: 60px;line-height: 60px;
    text-align: center;z-index: 2;font-size: 22px;color: #fff;font-weight: normal;
    background: rgba(8,28,65,.5);
}
.m-list2 span{
    height: 60px;
    color: #fff;
    font-size: 15px;
    display: block;
    text-align: center;
    padding: 5px 20px 0 20px;
    background-color: #081c41;line-height: 23px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.m-list2 .txt{border: 1px solid #e7e7e7;height: 155px;}
.m-list2 .txt h4{font-size: 18px;text-align: center;padding-top: 8px;
    margin-bottom: 15px;
}
.m-list2 .txt p{font-size: 15px;padding-left: 28px;line-height: 23px;
    background: url(../images/i-01.jpg) no-repeat 18px 9px;
}
.m-list2 li:nth-child(2) .txt{padding: 0 25px;}
.m-list2 li:nth-child(2) .txt p{padding: 0;background: 0;}
.m-list2 li:hover .pic img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.m-list2 .slick-arrow{width: 50px;height: 50px;font-size: 0;text-indent: -9999px;
    background: 0;background-position: center center;background-repeat: no-repeat;
    border: 0;position: absolute;top: 50%;margin-top: -25px;outline: 0;cursor: pointer;
    -o-background-size: 30px auto;
    -ms-background-size: 30px auto;
    -moz-background-size: 30px auto;
    -webkit-background-size: 30px auto;
    background-size: 30px auto;
}
.m-list2 .slick-prev{left: -50px;background-image: url(../images/arr-l.png);}
.m-list2 .slick-next{right: -50px;background-image: url(../images/arr-r.png);}

.m-contact{padding-top: 88px;margin-bottom: 55px;}
.g-tit1{text-align: center;color: #383838;margin-bottom: 40px;}
.g-tit1 h3{font-size: 18px;}
.g-tit1 em{font-size: 15px;display: block;margin-top: -6px;}

.ul-contact{text-align: center;}
.ul-contact li{display: inline-block;vertical-align: top;}
.ul-contact .pic{width: 101px;height: 101px;margin: 0 auto;}
.ul-contact li p{font-size: 15px;color: #383838;line-height: 35px;}
.ul-contact li:nth-child(2){margin: 0 90px 0 140px;}
.ul-contact span{display: block;height: 60px;margin-bottom: 5px;
    background-position: center top;background-repeat: no-repeat;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.ul-contact .ico1{background-image: url(../images/ico-tel1.png);}
.ul-contact .ico2{background-image: url(../images/ico-emir.png);}
.ul-contact li:hover span{
    background-position: center bottom;
}

.m-list2-1{margin: 0 0 105px;}
.fd-65{height: 65px;overflow: hidden;clear: both;display: none;}
/*******************************
    -------[=攻略列表]-------
********************************/
.m-list3{overflow: hidden;margin: 65px -35px 30px;}
.m-list3 li{width: 50%;float: left;margin-bottom: 33px;}
.m-list3 .con{overflow: hidden;margin: 0 35px;}
.m-list3 .pic{float: left;width: 168px;height: 112px;margin-right: 15px;overflow: hidden;}
.m-list3 .pic img{width: 100%;height: 100%;display: block;}
.m-list3 .txt{overflow: hidden;padding-top: 5px;}
.m-list3 h3{margin-bottom: 10px;}
.m-list3 h3 a{font-family:"微软雅黑","Microsoft Yahei";font-size: 16px;font-weight: normal;
    color: #141414;display: block;height: 21px;line-height: 21px;overflow: hidden;
}
.m-list3 p{font-size: 14px;height: 72px;line-height: 24px;
    overflow: hidden;
}
.m-list3 li:hover h3 a{color: #f00;}
.m-list3 li:hover .pic img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.m-txt1{font-family:"微软雅黑","Microsoft Yahei";color: #141414;
    padding: 65px 0;
}
.m-txt1 h1{font-size: 18px;text-align: center;font-weight: normal;margin-bottom: 28px;}
.m-txt1 p{line-height: 22px;font-size: 14px;margin-bottom: 22px;}

/*******************************
    -------[=在线订单]-------
********************************/
.m-orders{font-family:"微软雅黑","Microsoft Yahei";padding-top: 50px;margin-bottom: 50px;}
.m-orders .txt{font-size: 18px;line-height: 36px;color: #000;text-align: center;}
.m-orders .txt b{font-weight: normal;}
.m-orders .btn{display: block;margin: 0 auto;width: 182px;height: 36px;line-height: 34px \9;
    border: 1px solid #000;border-radius: 5px;background: 0;font-size: 16px;outline: 0;
    color: #141414;font-family:"微软雅黑","Microsoft Yahei";cursor: pointer;
}
.ul-orders{overflow: hidden;margin: 0 -50px 20px;}
.ul-orders li{width: 50%;float: left;margin-bottom: 15px;}
.ul-orders .con{margin: 0 50px;}
.ul-orders .time {
    font-size: 16px;
}
.ul-orders .time .inp1 {
    width: 60%;
    float: left;
    display: block;
    border-right: 0;
}

.ul-orders .time em {
    font-style: normal;
    float: left;
    display: block;
    text-align: center;
    height: 38px;
    width:5%; 
    line-height: 38px;
}

.ul-orders .time select {
    float: left;
    display: block;
    text-align: center;
    height: 38px;
    line-height: 38px;
    width:15%; 
}
.ul-orders span{font-size: 16px;color: #141414;display: block;height: 35px;line-height: 35px;overflow: hidden;}
.ul-orders .inp1{width: 100%;display: block;height: 38px;border: 1px solid #cfcfcf;
    padding: 0 10px;font-size: 14px;
}
.ul-orders i{width: 35px;height: 35px;display: inline-block;vertical-align: middle;
    background-position: center center;background-repeat: no-repeat;
    -o-background-size: 25px auto;
    -ms-background-size: 25px auto;
    -moz-background-size: 25px auto;
    -webkit-background-size: 25px auto;
    background-size: 25px auto;
}
.ul-orders .ico1 i{background-image: url(../images/i1.png);position: relative;top: -2px;}
.ul-orders .ico2 i{background-image: url(../images/i2.png);}
.ul-orders .ico3 i{background-image: url(../images/i3.png);}
.ul-orders .ico4 i{background-image: url(../images/i4.png);}
.ul-orders .ico5 i{background-image: url(../images/i5.png);}
.ul-orders .ico6 i{background-image: url(../images/i6.png);}
.ul-orders .ico7 i{background-image: url(../images/i7.png);}
.ul-orders .ico8 i{background-image: url(../images/i8.png);}
.ul-orders .ico9 i{background-image: url(../images/i9.png);}
.ul-orders .ico10 i{background-image: url(../images/i10.png);}
.ul-orders .type{width: auto;float: none;}
.ul-orders .type span{display: inline-block;vertical-align: middle;position: relative;top: -2px;}
.ul-orders label{margin-left: 30px;cursor: pointer;height: 35px;line-height: 35px;
    font-size: 16px;color: #343434;
}   
.ul-orders label input{width: 18px;height: 18px;display: inline-block;vertical-align: middle;
    position: relative;top: -2px;margin-right: 10px;
}
.ul-orders .note{width: auto;float: none;clear: both;}
.ul-orders textarea{width: 100%;display: block;border: 1px solid #cfcfcf;
    height: 135px;padding: 10px;font-size: 14px;
}

/*页码*/
.m-page{text-align: center;overflow: hidden;margin-bottom: 30px;}
.m-page li{display: inline-block;margin: 0 0 5px;padding: 0 2px;}
.m-page li a{
    display: block;padding: 0 10px;line-height: 27px;
    font-size: 14px;color: #cdae85;border: 1px solid #cdae85;
}
.m-page li a:hover,.m-page li.on a{background: #cdae85;color: #fff;}


.side{position:fixed;width:54px;height:275px;right:0;
    top:50%;margin-top: -137px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;
    position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;
    width:54px;height:54px;top:0;right:0;
    transition:all 0.3s;background-color:#ddd !important;
    opacity:0.8;filter:Alpha(opacity=80);
    color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;
    display:inline-block;background-color:#ddd !important;
    opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li em{display: inline-block;padding-left: 54px;}

.side li .sidebox{background:url(../images/l-ico1.png) no-repeat 14px center;}
.side .li2 .sidebox{background:url(../images/l-ico2.png) no-repeat 14px center;}
.side .li3 .sidebox{background:url(../images/l-ico3.png) no-repeat 17px center;}
.side li .sidebox:hover{background-image:url(../images/l-ico1-hover.png);}
.side .li2 .sidebox:hover{background-image:url(../images/l-ico2-hover.png);}
.side .li3 .sidebox:hover{background-image:url(../images/l-ico3-hover.png);}

.side .li5{border-bottom: 0;}
.side .li5 .sidetop{background:url(../images/l-top1.png) no-repeat 0px center;}
.side .li5 .sidetop:hover{background-image:url(../images/l-top.png);
    background-color:#081c41 !important;}
.side li a:hover .sidebox{background-color: #081c41 !important;}

.side .li2,.side .li4{position: relative;z-index: 10;}
.side .li2 .img{position: absolute;top: 54px;right: -200px;width: 120px;height: 120px;
    -o-transition:.7s;
    -ms-transition:.7s;
    -moz-transition:.7s;
    -webkit-transition:.7s;
    transition:.7s;
}
.side .li2 .img img{width: 100%;display: block;}
.side .li2:hover .img{right: 100%;}

.tz-pc{display:block;}
.tz-mobile{display:none;}