.footer{background-color:#cecece;padding-bottom: 35px;background-image:url("../content/bottom_bg.png");background-position: bottom center;background-repeat: no-repeat;-webkit-background-size: 100%;-moz-background-size: 100%;-o-background-size: 100%;-ms-background-size: 100%;background-size: 100%;overflow: hidden;width: 100%;}

.footer .wrap{margin: 0 auto;}

.footer .fnav{/*margin-bottom: 80px;*/padding: 45px 0;}
/*.footer .fnav .lef{float:left;width: 1080px;}*/
.footer .fnav  dl{float: left;;margin-right: 140px;}
.footer .fnav  dl:last-child{margin-right: 0;}
.footer .fnav  dt{font-size: 16px;color: #333;margin-bottom: 15px;font-weight: bold;}
.footer .fnav  dd a{font-size: 14px;color: #636363;display: inline-block;line-height: 28px;text-transform: uppercase;font-weight: bold;}
.footer .fnav  dd a:hover{transition: all ease-in-out 260ms;}

.footer .footer-mes{border-top: 2px solid #b1b1b1;padding: 10px 0;}
.footer .footer-mes .wrap{padding-bottom: 20px;}

.footer .footer-mes .hottel{float: left;width: 330px;}
.footer .footer-mes .hottel h3{font-size: 18px;color: #333;font-weight: bold;margin-bottom: 15px;}
.footer .footer-mes .hottel .hotline{font-size: 16px;line-height: 32px;color: #c5dff3;}
.footer .footer-mes .hottel .hotline img{vertical-align: middle;margin-right:10px;}

.footer .footer-mes .hottel a{display: block;}
.footer .footer-mes .hottel .tel{margin-bottom: 12px;margin-top: 10px;}
.footer .footer-mes .hottel a h2{font-size: 28px;color: #464646;font-family:Arial;font-weight: bold;line-height: 28px;}
.footer .footer-mes .hottel p.addr{font-size: 16px;line-height: 28px;color: #333;}
.footer .footer-mes .hottel a.addr{font-size: 16px;line-height: 28px;color: #333;}

.footer .footer-mes .hottel a.tel,.footer .footer-mes .hottel a.addr{  padding-left: 38px; position: relative; }
.footer .footer-mes .hottel a.tel:before,.footer .footer-mes .hottel a.addr:before{content: "";position: absolute;left: 0;top: 0;width: 28px;height: 28px;background-repeat: no-repeat;background-position: left center;background-size: 24px;}
.footer .footer-mes .hottel a.tel:before{background-image: url("../content/icon_tel.png");}

.footer .footer-mes .hottel a.addr:before{background-image: url("../content/icon_addr.png");}



.footer .footer-mes .top-hover{position: absolute;left: -108px;top:25px;z-index: 1000;width: 240px;padding: 15px 5px;-webkit-transition:transform .3s;-moz-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s;visibility: hidden;}

/*.header .media .top-hover .top-hoverMes{background: #fff;border: 1px solid #c8c8c8;padding: 5px 5px;position:relative;}
.header .media a .top-hover img{width: 100px;margin: 0 5px;}

.header .media .top-hover .top-hoverMes:before{ content: "";  position: absolute;  width: 0;  height: 0;  left: 50%;  top: -8px;  margin-left: -8px;  border-left: 8px solid transparent;  border-right: 8px solid transparent; border-bottom: 8px solid #c8c8c8;  z-index: 10; }
.header .media .top-hover .top-hoverMes:after{content: "";  position: absolute;  width: 0;  height: 0;  left: 50%;  top: -6px;  margin-left: -8px;  border-left: 8px solid transparent;  border-right: 8px solid transparent;  border-bottom: 8px solid #fff;  z-index: 10; }

.header .media .top-wx:hover .top-hover,.header .media .shopCar:hover .top-hover{visibility: visible;-webkit-transform: translateY(5px);-moz-transform: translateY(5px);-ms-transform: translateY(5px);-o-transform: translateY(5px);transform: translateY(5px);}
*/



.footer .copyright{float: right;}
.footer .copyright{font-size: 12px;line-height: 22px;color: #464646;text-transform: uppercase;}
.footer .copyright img{width: 16px;}
.footer .copyright .copy{float: left;}
.footer .copyright .design{float: right;margin-left: 30px;}
.footer .copyright .attention{margin-bottom: 20px;}
.footer .copyright .attention-list{float: right;font-size: 12px;line-height: 29px;color: #464646;padding-top: 6px;}
.footer .copyright .attention-list a{display: block;float: left;margin-left: 10px;position: relative;}

.footer .copyright .attention-list a img{width: 29px;}
.footer .copyright .attention-list .oa{display: block;float: left;padding-left: 26px;margin-left: 26px;margin-top: -6px;position: relative; }
.footer .copyright .attention-list .oa:before{content: "";position: absolute;left: 0;top: 6px;width: 1px;height: 29px;background-color: #9ba1a3;}

.footer .copyright .attention-list .oa a{width: 112px;padding: 0 20px;background-color: #fff;font-size: 12px;line-height: 40px;color: #0d0d0d;font-weight: bold;border: 1px solid #bbbbbb;border-radius: 20px;position: relative;}

.footer .copyright .attention-list .oa a:after{content: "";width:10px;height: 100%;position: absolute;right: 20px;top:0;background-image: url("../content/jia.png");background-repeat: no-repeat;background-position: center right;background-size: 10px; }


.footer .footer-ewm .ewm-hover{position: absolute;left: -121px;bottom:25px;z-index: 1000;width: 260px;padding: 20px 5px;-webkit-transition:transform .3s;-moz-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s;visibility: hidden;}

.footer .footer-ewm .ewm-hover .ewm-hoverMes{background: #fff;border: 1px solid #bbb;padding: 5px 5px;position:relative;}
.footer .copyright .attention-list a .ewm-hover img{width: 75px;margin: 0 2px;}

.footer .footer-ewm .ewm-hover .ewm-hoverMes:before{ content: "";  position: absolute;  width: 0;  height: 0;  left: 50%;  bottom: -8px;  margin-left: -8px;  border-left: 8px solid transparent;  border-right: 8px solid transparent; border-top: 8px solid #bbb;  z-index: 10; }
.footer .footer-ewm .ewm-hover .ewm-hoverMes:after{content: "";  position: absolute;  width: 0;  height: 0;  left: 50%;  bottom: -6px;  margin-left: -8px;  border-left: 8px solid transparent;  border-right: 8px solid transparent;  border-top: 8px solid #fff;  z-index: 10; }

.footer .footer-ewm:hover .ewm-hover{visibility: visible;-webkit-transform: translateY(5px);-moz-transform: translateY(5px);-ms-transform: translateY(5px);-o-transform: translateY(5px);transform: translateY(5px);}






/*
.footer .link{padding-bottom: 45px;}
.footer .link .link-list{float: left;width: 452px;padding:15px 25px;background-color: #fff;border-radius: 25px;position: relative;margin-right: 47px;cursor: pointer;}
.footer .link .link-list:last-child{margin-right: 0;}
.footer .link .link-list h3{font-size: 16px;line-height: 22px;color: #333;padding-right: 20px;position: relative;}
.footer .link .link-list h3 i{position: absolute;right: 0;top: 0;width: 20px;height: 22px;background-image: url("../images/select.png");background-position: center center;background-repeat: no-repeat;background-size: 18px;}
.footer .link .link-list .dropDown{position: absolute;bottom:110%;!*bottom:70px;*!left: 0;width: 100%;display: none;background-color: #fff;border-radius: 25px;}
.footer .link .link-list .dropDown.active{display: block;}
.footer .link .link-list .dropDown a{display: block;font-size: 16px;line-height: 22px;color: #333;padding:8px 25px;}
.footer .link .link-list .dropDown a:hover{background-color: #eee;}
.footer .link .link-list .dropDown a:first-child{border-top-left-radius: 15px;border-top-right-radius: 15px;}
.footer .link .link-list .dropDown a:last-child{border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;}
*/


.sidebar{width:58px;position:fixed;top:50%;right:0;z-index:3000;height:378px;margin-top:-189px}
.sidebar ul{width:100%}
.sidebar li{margin-bottom:5px;position:relative;width:58px;height:58px;float:right;line-height:58px;background:#c8c8c8;transition:width .3s,background .3s,margin .3s}
.sidebar li .ico{width:58px;height:58px;position:absolute;top:0;right:0;transition:right .3s;background-repeat: no-repeat;background-position: center;background-size: 46px;}
.sidebar li a{display:block;width:100%;height:100%}
.sidebar li p{font-size:15px;color:#fff;line-height:58px;padding:0 20px;transition:transform .3s}

.sidebar li.one{width:238px;margin-right:-180px;}
.sidebar li.one .ico,.sidebar li.fna .ico{left:0}
.sidebar li.one p,.sidebar li.fna p{padding:0 20px 0 58px}

.sidebar li.fna{width:238px;margin-right:-180px;}
.sidebar li .ico.ico00{background-image:url(../content/icon_a0.png);}
.sidebar li .ico.ico01{background-image:url(../content/icon_a1.png);}
.sidebar li .ico.ico02{background-image:url(../content/icon_a2.png);}
.sidebar li .ico.ico03{background-image:url(../content/icon_a3.png);}
.sidebar li .ico.ico04{background-image:url(../content/icon_a4.png);}
.sidebar li .ico.ico05{background-image:url(../content/icon_a5.png);}
.sidebar li .ico.ico06{background-image:url(../content/icon_a6.png);}


.sidebar li:hover{background:#e70012;}
.sidebar li:hover .ico,.right-flex li.one:hover .ico,.right-flex li.fna:hover .ico{right:0;left:auto}
.sidebar li.one:hover{margin-right:0;width:140px;}
.sidebar li.fna:hover{margin-right:0;width:200px;}
.sidebar li.one:hover p,.sidebar li.fna:hover p{padding:0 20px;}


.sidebar li.wx .ewm{position: absolute;right: 48px;top:-116px;height: 232px;-webkit-transition:transform .3s;-moz-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s;visibility: hidden;padding-right: 15px;}

.sidebar li.wx .ewm .ewm-mes{background: #fff;border: 1px solid #c8c8c8;padding: 5px 5px;position:relative;}
.sidebar li.wx .ewm .ewm-mes:before{ content: "";  position: absolute;  width: 0;  height: 0;  top: 50%;  right: -8px;  margin-top: -8px;  border-top: 8px solid transparent;  border-bottom: 8px solid transparent; border-left: 8px solid #c8c8c8;  z-index: 10;  }

.sidebar li.wx .ewm .ewm-mes:after{  content: "";  position: absolute;  width: 0;  height: 0;  top: 50%;  right: -6px;  margin-top: -8px;  border-top: 8px solid transparent;  border-bottom: 8px solid transparent;  border-left: 8px solid #fff;  z-index: 10;  }

.sidebar li.wx .ewm p{padding: 5px 5px;}
.sidebar li.wx .ewm img{width: 85px;}

.sidebar li.wx:hover .ewm{visibility: visible;-webkit-transform: translateX(-10px);-moz-transform: translateX(-10px);-ms-transform: translateX(-10px);-o-transform: translateX(-10px);transform: translateX(-10px);}