@charset "utf-8";
/* CSS Document */
body { margin: 0; padding: 0;}
body { background-color: #fff; font: 12px"微软雅黑";}
h1, h2, h3, h4, h5, h6,dl,dd,p{ font-weight: normal;margin: 0; padding: 0;}
ol, ul, li { list-style: none;margin: 0; padding: 0;}
select, input, button, textarea {  outline: none; background-color: #fff;}
/* border: 0; */
a { text-decoration: none; color: #000;}
img { border: none; border: 0;}

/* 页面浮动 */
.fl{float: left;}
.fr{float: right;}

/* a的4个状态 */
a:link { text-decoration:none; } 
a:hover { text-decoration:none;} 
a:visited {text-decoration:none;}
a:active {text-decoration:none;}

/*Flex 布局*/
.flex{display: flex;}
.flex-column{flex-direction: column;}
.flex-jc-start{justify-content: flex-start;}
.flex-jc-center{justify-content: center;}
.flex-jc-between{justify-content:space-between;}
.flex-jc-around{justify-content: space-around;}
.flex-jc-end{justify-content:flex-end;}
.flex-ac-start{align-content: flex-start;}
.flex-ac-center{align-content: center;}
.flex-ac-around{align-content:space-around;}
.flex-ac-between{align-content:space-between;}
.flex-ac-end{align-content: flex-end;}
.flex-ai-baseline{align-items: baseline;}
.flex-ai-center{align-items: center;}
.flex-ai-end{align-items:flex-end;}
.flex-ai-start{align-items: flex-start;}
.flex-ai-stretch{align-items: stretch;}
.flex-wrap{flex-wrap: wrap;}
.align-self-start{align-self:flex-start;}
.align-self-center{align-self:center;}
.align-self-end{align-self:flex-end;}

/*head*/
.head-bar{width: 100%; height: 33px;line-height: 32px;font-size: 14px;background: #111111; border-bottom: #1aa3ad 1px solid;}
.head-bar .head-bar-content{width: 1200px;height: 32px;margin: 0 auto; position: relative;}
.head-bar .head-bar-content .head-bar-box span{color: #999;}
.head-bar .head-bar-content .head-bar-box .bar-ch{width: 30px; height: 20px; padding: 0 0 0 36px; background:url(../images/ico-01.jpg) left center no-repeat; }
.head-bar .head-bar-content .head-bar-box .bar-rs{width: 30px; height: 20px; padding: 0 0 0 36px; margin-left: 20px; background:url(../images/ico-02.jpg) left center no-repeat; }
.head-bar .head-bar-content .head-bar-box .bar-sj{width: 11px; height: 20px; padding: 0 0 0 16px; margin-left: 20px; background:url(../images/ico-03.jpg) left center no-repeat; }
.head-bar .head-bar-content .head-bar-mv{width:120px;height:120px;position:absolute;z-index: 100;margin-top: 43px;right: -40px;background:#fff;box-shadow:1px 1px 5px 0px #1aa3ad;border:1px solid #1aa3ad;border-radius:2px; text-align: center; display: none;}
.head-bar .head-bar-content .head-bar-mv img{width: 115px;}
.head-bar .head-bar-content .head-bar-mv span{font-size: 10px; width: 120px; height: 20px; line-height: .8em; margin-top: 0; display: block;}
.head-bar .head-bar-content .head-bar-mv .sx{position:absolute;z-index: 1;top:-20px;left:50px;width: 0;height: 0;border: 10px solid;border-color: transparent transparent #1aa3ad;}
.head-main{width: 100%; height: 154px;background: #ffff;background-color:rgba(255,255,255,.8);position: absolute; z-index: 50;}
.head-main .head-main-content{width: 1200px;height: 113px; padding-top: 41px; margin: 0 auto;}
.head-main .head-main-content .logo{width: 400px; height: 73px; }
.head-main .head-main-content .nav { height: 73px;}
.head-main .head-main-content .nav ul li{float: left; position: relative; width: 125px; line-height: 73px; transition: all .2s ease 0s;}
.head-main .head-main-content .nav ul li ul{width: 125px; margin: 0; padding: 0; overflow: hidden;}
.head-main .head-main-content .nav ul li ul li a{min-width:125px; height: 66px; display: table-cell; vertical-align: middle; text-align: center; border-top: 1px solid #FFFFFF;}
.head-main .head-main-content .nav ul li ul li a:hover{background-color: #35b4bd;}
.head-main .head-main-content .nav ul li:hover{background-color: #1aa3ad; border-radius: 3px; color: #fff; transition: all .2s ease 0s;}
.head-main .head-main-content .nav ul li:nth-child(3):hover{border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.head-main .head-main-content .nav ul li:hover a{color: #fff;}
.head-main .head-main-content .nav ul li a{font-size: 22px; display: block; text-align: center; color: #1aa3ad;}
.head-main .head-main-content .nav ul li i{position: absolute;right: 0; margin: -38px 0 0 0;width: 1px;height: 22px;background-color: #1aa3ad;}
.head-main .head-main-content .nav ul li .nav-sub{display: none;position: absolute; width: 125px; height: auto; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; z-index: 3; background: rgba(26,163,173,1)}
.head-main .head-main-content .nav ul li .nav-sub i{width: 125px; height: 1px; background-color: #fff; position: absolute; margin-top: 0px;}
.head-main .head-main-content .nav ul li .nav-sub a{font-size: 18px; color: #fff; font-weight: 100;transition: all .2s ease 0s;}
.head-main .head-main-content .nav ul li .nav-sub a:hover{background-color: #35b4bd; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; transition: all .2s ease 0s;}

/*dibu*/
.box-footer{height: 220px; background-color: #252525; padding-bottom: 0px;}
.box-footer .footer-main{width: 1200px; height: 230px;  margin: 0 auto; padding-top: 30px;}
.box-footer .footer-main i{width:2px; height: 190px; background-color: #2f2e2e; display: block; float: left; margin: 0 12px;}
.box-footer .footer-main .main-left{width: 273px; }
.box-footer .footer-main .main-left .f-code{padding-top: 20px; width: 98px; margin: 0 auto;}
.box-footer .footer-main .main-left .f-code p{color: #999; text-align: center; line-height: 24px;}
.box-footer .footer-main .main-left .f-business-hours{padding-top: 10px; margin: 0 auto;}
.box-footer .footer-main .main-left .f-business-hours p{color: #999; text-align: center; line-height: 24px;}
.box-footer .footer-main .main-center .context{margin: 0 28px;}
.box-footer .footer-main .main-center .context .store{color: #1aa3ad; padding-top: 10px;}
.box-footer .footer-main .main-center .context h2 span{padding: 0 10px;}
.box-footer .footer-main .main-center .context p{font-size: 16px; color: #999; line-height: 32px; margin-top: 10px; font-weight: bold;}
.box-footer .footer-main .main-center .context .project *{font-size: 15px; color: #999; padding-top: 5px;}
.box-footer .footer-main .main-right .f-code{width: 98px; margin: 0 auto; text-align: center; padding-right: 10px;}
.box-footer .footer-main .main-right .f-code p{color: #999; text-align: center; line-height: 24px; width: 100%;}
.box-footer .footer-main .main-center dl{width: 100px; float: left; padding: 0 10px;}
.box-footer .footer-main .main-center dl dt{width: 80px; height: 32px; line-height: 29px; color: #999; font-size: 16px; border-bottom: #2f2e2e 2px solid; background:url(../images/ico-07.png) left center no-repeat; padding-left: 20px;}
.box-footer .footer-main .main-center dl dd{width: 80px; float: left; font-size: 13px; padding-left: 20px; line-height: 22px;}
.box-footer .footer-main .main-center dl dd a{color: #999; float: left;}
.box-footer .footer-main .main-center dl dd a:hover{color: #bebebe; transition: all .2s ease 0s;}
.box-footer .footer-main .main-right{width: 273px;}
.box-footer .footer-main .main-right p{color: #999; font-size: 14px; line-height: 28px;}
.box-footer .footer-main .main-right p.copy{font-size: 12px; line-height: 24px;}
.box-footer .footer-main .main-right p.copy a{color: #999;}
.box-footer .footer-main .main-center .context h2{font-size: 18px;}

/*dibu-fixed*/
.box-footer-bar{width: 100%; height: 65px; position: fixed; bottom: 0; z-index: 100; background-color: #111111; border-top: #1aa3ad 2px solid;}
.box-footer-bar .bar-main{width: 1200px; margin: 0 auto;}
.box-footer-bar .bar-main ul{width: 1100px;}
.box-footer-bar .bar-main ul li{width: 275px; height: 60px; float: left; text-align: center; position: relative;}
.box-footer-bar .bar-main ul li:hover{background-color: #1aa3ad; transition: all .2s ease 0s;}
.box-footer-bar .bar-main ul li a{display: block;}
.box-footer-bar .bar-main .top{width: 100px; height: 40px; text-align: center; padding-top: 15px;}
.box-footer-bar .bar-main .top:hover{ padding-top: 10px; transition: all .2s ease 0s;}
.box-footer-bar .bar-main ul li i{position: absolute; right: 0; margin: -46px 0 0 0; width: 1px;height: 30px; background-color: #414141;}
/*dibu-fixed-nav*/
.box-footer-nav{width: 100%; position: fixed; bottom: 63px; z-index: 200}
.box-footer-nav .Z_TypeList{width: 1200px; margin: 0 auto;}
.box-footer-nav .Z_TypeList .Z_MenuList{float: left; width: 275px; background-color: #111111; line-height:26px; overflow:hidden;} 
.box-footer-nav .Z_TypeList .Z_MenuList_ul{overflow:hidden;}
.box-footer-nav .Z_TypeList .Z_MenuList ul li {width: 275px; display: block; position: relative; background-color: #111111; border-bottom: 1px solid #d4d5d5; height: 60px; overflow: hidden;}
.box-footer-nav .Z_TypeList .Z_MenuList ul li h3 {font-size: 14px;  background: url(../images/ico-nav.png) no-repeat; font-weight: 100; display: block; margin-left: 14px; padding-left: 90px; height: 60px; line-height: 50px;}
.box-footer-nav .Z_TypeList .Z_MenuList ul li h3 a {color: #e3fefb; display: block; width: 100%; height: 59px;}
.box-footer-nav .Z_TypeList .Z_MenuList ul  li.list-item0 h3, .box-footer-nav .Z_TypeList .Z_MenuList ul  li.list-item0.alt h3{ background-position: 0 5px; }
.box-footer-nav .Z_TypeList .Z_MenuList ul  li.list-item1 h3, .box-footer-nav .Z_TypeList .Z_MenuList ul  li.list-item1.alt h3 { background-position: 0 -57px; }
.box-footer-nav .Z_TypeList .Z_MenuList ul  li.list-item2 h3, .box-footer-nav .Z_TypeList .Z_MenuList ul  li.list-item2.alt h3 { background-position: 0 -115px; }
.box-footer-nav .Z_TypeList .Z_MenuList ul  li.list-item3 h3, .box-footer-nav .Z_TypeList .Z_MenuList ul  li.list-item3.alt h3 { background-position: 0 -175px; }
.box-footer-nav .Z_TypeList .Z_MenuList ul  li.list-item4 h3, .box-footer-nav .Z_TypeList .Z_MenuList ul  li.list-item4.alt h3 { background-position: 0 -237px; }
.box-footer-nav .Z_TypeList .Z_MenuList ul  li.list-item5 h3, .box-footer-nav .Z_TypeList .Z_MenuList ul  li.list-item5.alt h3 { background-position: 0 -295px; }
.box-footer-nav .Z_TypeList .Z_MenuList ul li:hover{background-color:#1aa3ad; overflow:hidden; }

.box-footer-nav .Z_TypeList .Z_SubList{float: left; width: 660px; height: 366px; margin-right: 165px; background-color: #FFF; line-height:26px;}  
.box-footer-nav .Z_TypeList .Z_SubList .subView{  width:640px; padding:40px 10px 0 10px; overflow: hidden; font-family:"微软雅黑";}
.box-footer-nav .Z_TypeList .subView .sv_l{float: left; height: 304px; margin-left: 12px; width: 253px;}
.box-footer-nav .Z_TypeList .subView .sv_c{width:300px; float:left; padding:0 20px}
.box-footer-nav .Z_TypeList .sv_c .svc_t{ overflow:hidden}
.box-footer-nav .Z_TypeList .sv_c .svc_t a{ display:block; width:94px; height:30px; float:left; background:#1aa3ad; font-size:14px; font-family:"微软雅黑"; line-height:30px; color:#fff; text-align:center; margin:0 3px 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.box-footer-nav .Z_TypeList .sv_c .svc_t a:hover{ background:#999}
.box-footer-nav .Z_TypeList .sv_c .svc_b{ padding-top:26px}
.box-footer-nav .Z_TypeList .sv_c .svc_b a{ color:#333;}
.box-footer-nav .Z_TypeList .sv_c .svc_b a:hover{ color:#1aa3ad;}
.box-footer-nav .Z_TypeList .sv_c .svc_b h4{  border-bottom:1px solid #ccc; width:100%; zoom:1; overflow:hidden;}
.box-footer-nav .Z_TypeList .sv_c .svc_b h4 p{font-size:16px; height:24px; width:200px; float:left; color:#333333; font-family:"微软雅黑";}
.box-footer-nav .Z_TypeList .sv_c .svc_b h4 a{ float:right; background:url(../images/more.jpg) no-repeat center 5px; width:15px; height:20px; display:block;}
.box-footer-nav .Z_TypeList .sv_c .svc_b h4 a:hover{ float:right; background:url(../images/moreh.jpg) no-repeat center 5px; width:15px; height:20px; display:block;}
.box-footer-nav .Z_TypeList .sv_c .svc_b ul{ padding-top:12px}
.box-footer-nav .Z_TypeList .sv_c .svc_b ul li{ background:url(../images/jyybs_29.jpg) no-repeat left; padding-left:20px; font:14px/22px "微软雅黑"; color:#353535; line-height:26px;}
.box-footer-nav .Z_TypeList .subView .sv_r{ width:210px; float:left}