body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
body {
    line-height: 24px;
    font: 14px Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.mt20 {
    margin-top: 20px;
}
.wrap {
    margin: 0 auto;
    max-width: 1200px; overflow: hidden;
}
.w300 {
    width: 300px;
}
.w800 {
    width: 800px;
}
.header .logo {
    background: url(../images/logo.png) 0 center no-repeat;
    padding-left: 40px;
    background-size: 30px 30px;
    margin: 10px 0;
}
.notice {
    background: #fcf5f5 url(../images/gonggao.gif) 10px center no-repeat;
    border: 1px solid #ffadad;
    padding: 15px;
}
.notice ul {
    padding-left: 40px;
}
.notice li {
    display: inline-block;
    margin: 0 15px;
}
.notice li span {
    color: red;
}
.nav {
    background: #e9e9e9;
    width: 100%;
    height: 48px;
    line-height: 48px;
    margin: 20px 0;
}
.nav li {
    
    display: inline-block;
}
.nav li a {
    display: block; font-size: 16px;padding: 0 25px;
}
.nav li.on{  }

.nav li.on a, .nav li a:hover {
    color: #fff; background-color: #9e9998; 
}
.layui-tab {
    margin: 0;
}
.layui-tab-card {
    border-width: 0px!important;
    border-style: solid;
    border-radius: 0px;
    box-shadow: 0 0px 0px 0 rgba(0,0,0,.1)!important;
}
.layui-tab-title {
    position: relative;
    left: 0;
    height: auto!important;
    white-space: nowrap;
    font-size: 0;
    border-bottom-style: solid;
    transition: all .2s;
    -webkit-transition: all .2s;
}
.layui-tab-brief>.layui-tab-title .layui-this {
    color: #fff;
    background: red;
}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after {
    border: none;
    border-radius: 0;
    border-bottom: 0px solid #5FB878!important;
}
.layui-tab-title li {
    display: block!important;
    min-width: 120px!important;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    text-align: left;
}
.layui-tab-content {
    margin-left: -1px; border-left: 1px solid #e6e6e6;
    width: 590px; padding:0 0 0 40px!important; min-height: 500px;
}
.layui-tab-card>.layui-tab-title li {
    margin-right: -1px;
    box-sizing: border-box;
    margin-left: -1px;
    border: 1px solid #eee;
}
.layui-tab-card>.layui-tab-title .layui-this {
    background-color: red!important;
    color: #fff;
}
.layui-tab-card>.layui-tab-title .layui-this:after {
    border-top: none;
    border-width: 0px!important;
    border-bottom-color: #fff;
}
.layui-tab-item li {
    padding-bottom: 20px;
}
.layui-tab-item li h3 {
    border-left: 4px solid red;
    line-height: 1;
    padding-left: 10px;
    margin-bottom: 20px;
}
.layui-tab-item li a {
    display: inline-block;
    margin: 0px 15px 20px 0; border: 1px solid #e6e6e6; padding: 10px 20px;
}
.layui-tab-item li a:hover{ color: #a59881 }


/*.nav li:first-child{ padding-left:0;  }
    .nav li:last-child{ padding-right:0;  }*/
.hotarticle {
    background: #f8f8f8;
    padding: 20px;
}
.hotarticle h2 {
    line-height: 2;
}
.hotarticle li {
    margin-top: 30px;
}
.hotarticle li h3 {
    margin-top: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.hotarticle li span {
    color: #a59881;
    margin: 10px 0;
    display: block;
}
.hotarticle li p {
    color: #999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.hotarticle li:hover h3 {
    color: #a59881;
}



.footer{clear: both; width: 100%; margin-top: 50px; height: 468px; background: url(https://www.cda.cn/static/new201711/images/footer-tu.png) no-repeat center;  padding-bottom: 0px !important; }

.content {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.footer-nav{
    padding: 45px 0;
}
a.youqing {
    font-size: 18px;
    color: #cccccc;
    margin-right: 40px;
}
a.youqing:hover{
    color: #fff;
}
.footer-list-h{
    float: left;
}
.footer-list-h h3{
    font-size: 14px;
    color: #999999;
    margin-bottom: 15px;
}
.footer-list-h h3 span{ width: 10px; height: 10px; display: inline-block; background: #666; margin-right: 10px;}
.footer-list-main{
    width: 170px;
    margin-right: 76px;
}
.footer-list-main li img{ width:80px; height: 80px;display: block;}
ul.bor-r0{
    border-right: 0;
    margin-right: 0;
}
.footer-list-main li{
    /*line-height: 28px;*/
    margin-bottom: 15px;
}
.footer-list-main li a{
    font-size: 14px;
    color: #ccc;
}
.footer-list-main li a:hover{
    color: #fff;
}

.elevator {
    position: fixed;
    right: 15px;
    bottom: 250px;
    z-index: 8;
    background-color: #fff;
}
.elevator-kefu,.elevator-QQ,.elevator-top {
    display: block;
    position: relative;
    /* margin: 1px 0; */
    outline: none;
    border:1px solid #eee;
    height: 48px;
    width: 50px;
    margin-top:-1px;
    background: url(../images/elevator-icon.png);
}
.copy2016{color: #999;text-align: left;padding-top: 20px;width: 1200px;margin: 0 auto;}
.copy2016 a{color:#999;}
.copy2016 a:hover{color:#fff;}
.copy2016_club{color: #999;text-align: center;padding:10px 0 30px 0;width:1200px;margin: 0 auto;}
.copy2016_club a{color:#999;}
.copy2016_club a:hover{color:#000;}

.youlians{clear:both;color: #999;text-align: left;padding-top: 20px;width: 1200px;margin: 0 auto; font-size: 14px;}
.youlians a{color:#999;margin:0 10px;}
.youlians a:hover{color:#fff;}

.acti-hd{ margin-top: 25px; border-bottom:3px solid #e5e5e5; padding-bottom: 20px;}
.ul-three li{ float: left; width: 220px; }
.acti-head p{ font-size: 18px; font-weight: bold; float: left;}
.acti-head a{ float: right; color: #d8d6d6; margin-top: 7px; font-size: 14px;}
.link dl dt{ font-size: 16px; color: #3e3431;font-weight: 600; height: 48px;
    overflow: hidden;}
.link dl dd{ font-size: 14px; color: #3e3431; margin:8px 0; }
.link dl dd img{ width: 220px; height: 131px; display: block;  transition: all 0.6s; -moz-transition: all 0.6s; 
                -webkit-transition: all 0.6s; 
                -o-transition: all 0.6s; }
.link:hover dt{ color: #b6a795;}
.link dl dd.time{ color: #bbac9a;}
.link dl dd.time img{ margin-right: 5px;}
.link dl dd.hover-scale{ width: 220px; height: 132px; overflow: hidden;}
.link dl dd.hover-scale:hover img{ transform: scale(1.2); -webkit-transform: scale(1.2);}
.link2{ margin-top: 35px; display: block; }
.link dl dd.hei-none{ height:  96px; overflow:hidden ; line-height: 24px; }
.ul-three li.mar-lr{ margin: 0 19px;}
.acti-hd-r{ float: right; width: 475px;}
.acti-hd-r:hover .case-bt a{ color: #b6a795;}
.ul-three{ float: left;}
.case-bt{ margin-top: 10px;}
.case-bt a{ font-size: 16px; color: #3e3431; display: block; overflow: hidden; height: 24px;     font-weight: 600; }
.site .time-hg{ color: #bbac9a; margin-top: 8px;}
.site .time-hg img{ margin-right: 5px; vertical-align: middle;}
.site{ width: 330px; position: relative;}
.site .site-dz{ font-size: 14px; color: #5e5754; margin-top:20px;  height:42px; overflow:hidden;}
.site p.email{ border:1px solid #ccc; height: 42px; margin-top: 20px; }
.site p.email input{  font-size: 18px; margin-top: 10px; padding-left: 10px;  width: 190px; }
.site p.email .subscription{ font-size: 18px; background: #fff;  padding: 7px 0 8px; border-left: 1px solid #ccc; 
                             display: inline-block;}
.site p.email img{ vertical-align: middle; margin: 0 12px;}
.site p.wid-hei img{ width: 128px; height: 128px; display: block; transition: all 0.6s;}
.site p.wid-hei{ width: 128px; height: 128px; overflow: hidden; position: absolute; top:4px; right:-145px;}
.site p.wid-hei img:hover{ transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2);}
.zoology h3{ font-size: 18px; font-weight: bold; }
.zoology{ margin-top: 25px;}
.zoology-shu{ width: 180px; height: 233px; background: url(../images/shengtaitu.png) no-repeat; margin-left: 160px;
                margin-top: 20px; position: relative;}

.zoology-shu a{ font-size: 15px; color: #d10235; position: absolute;  display: block; min-width: 110px; }
.zoology-shu a:hover{ font-weight: 500;}
.zoology-shu a.posi-1 {  left: 11px; top: -10px; }
.zoology-shu a.posi-2 {  left: -60px; top:40px; }
.zoology-shu a.posi-3 {  left: 100px;top: 90px; width: 220px;  text-align: right; }
.zoology-shu a.posi-4 {  left: -130px; top: 134px; }
.zoology-shu a.posi-5 {  left: 133px; top: 160px;  width: 170px; text-align: right;}
.zoology-shu a.posi-6 {  left: -40px; top: 220px; }