@charset "utf-8";
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 "microsoft yahei", "Arial";color:#333;outline:0;}
body{background:#f9f9f9;}
a,a:hover{color:#666;}

.clearfix::after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix{*zoom:1;}
.l {float: left;}
.r {float: right;}
.wrap {width: 1280px; margin: 0 auto;}

/*! nav */
nav {width: 100%;height: 100px;background: url('../images/nav-line.png') repeat-x bottom}
nav .top {position: relative;overflow: hidden;}
nav .top .slogan {position: absolute; left:600px; top: 50%; transform: translateY(-50%);padding-left: 20px;font-size: 18px;}
nav .top .tel {position: absolute; right:0; top: 50%; transform: translateY(-45px);height: 80px; display: flex; align-items: center;}
nav .top .tel .left{display: flex;flex-direction:column;align-items: center;justify-content: space-evenly;height:80px;padding-right: 10px;}
nav .top .tel .right{display: flex;flex-direction: column;justify-content: space-evenly; height:80px; color: #a05757;}
nav .top .tel .right b {font-size: 18px;}
.line {width: 100%; height: 3px; box-shadow: 0 1px 2px rgb(160 87 87 / 30%)}
.menu .menulist {padding-top: 15px; height: 40px;}
.menu .menulist li {float: left;text-align: center;}
.menu .menulist li a{font-size: 20px; width:120px;display: block;color: #666;}
.menu .menulist li a:hover {color:#a05757; border-bottom: 2px solid #a05757; padding-bottom: 6px}

/*! footer */
footer {margin-bottom: 30px;background: url('../images/bottom-line.png') repeat-x top; width: 100%;float: left;}
footer .branch {height: 80px; line-height: 90px;box-shadow: 0px 16px 14px -21px rgb(160 87 87 / 80%)}
footer .branch .info {padding: 0 20px;font-size: 16px;}
footer .branch .info .addr {padding: 0 15px;}
footer .link {padding: 20px 0}
footer .link .left {margin-left: 15px;}
footer .link .left dl {float: left; margin-right: 120px;}
footer .link .left dl dt {margin-bottom:30px; font-size: 16px;}
footer .link .left dl dd {margin: 0 0 20px; font-size: 14px;}
footer .link .center {position:relative;display: flex; flex-direction: column; align-items: center; }
footer .link .center::before,footer .link .center::after {content: "";
    position: absolute;
    width: 1px;
    height: 140px;
    background: #e9e9e9;
    top: 0px;}
footer .link .center::before {left: -20px}
footer .link .center::after {right: -20px}
footer .link .center span {padding-bottom: 10px}
footer .link .right {padding-left: 40px;padding-top: 10px;font-size:14px;text-align: center}
footer .link .right p {
    padding: 10px;
}
footer .link .right p span {
    color: #aaa;
}
footer .copyright {padding: 10px;font-size: 12px;}
footer .copyright a{padding-left: 15px;}
footer hr {border-color: #fefefe}