﻿.flex{display: flex; justify-content: space-between;}
body{margin:0; padding:0;font-family: Roboto,Helvetica Neue,Helvetica,Tahoma,Arial,PingFang SC,Microsoft YaHei;  word-break: keep-all; font-size: 14px; background:#fff}
a:hover{color:#f60}
.mt80{margin-top:80px}.mt50{margin-top:50px}
.logo{padding:20px 0}
.nav{background:#2e2c3a;height:60px;overflow:visible}.nav ul{overflow:visible}
.nav ul li{width:50%;overflow:visible}.nav ul li div{z-index:999; position:relative; background:rgb(0,0,0,0.8); display:none; max-height:440px; overflow:hidden}.nav ul li:hover div{display:block;}
.nav ul li>a{color:#fff; display: block; height:60px; line-height: 60px; font-size: 16px; text-align: center;}
.nav ul li>a.select,.nav ul li>a:hover{border-bottom:5px solid #1972ad; background:#000}
.nav ul li>div>a{display: block;color:#fff; height:40px; line-height:40px; text-align:center; font-size:16px; white-space:nowrap; padding:0 10px}
.nav ul li>div>a:hover{background:rgb(0,0,0,0.7); color:#f60}
.toptel{font-size:18px; flex-wrap:wrap}.toptel strong{font-size:36px; white-space: nowrap; display:block; padding-top:10px}.toptel img{padding-right:10px}
.homeTitle{font-size:36px; display: block; line-height: 100%; text-align: center;   font-weight: bold;}
.homeTitle span{font-size:24px; color:#a78c8d}
.hotmenu,.hotpro,.news{flex-wrap: wrap;}
.hotmenu a{min-width:230px; margin-bottom:10px; font-size:16px; display: block}
.hotpro a{display: block; width:380px; margin-bottom:30px; color:#fff; position:relative}
.hotpro a img{display: block; padding:10px; background:#fff; border:1px solid #2e2c39}
.hotpro a span{display: block;height: 100px; background: url(../images/pro-bg1.jpg); padding:10px 20px}
.hotpro a button{position: absolute; right:10px; bottom:10px}
.dingzhi{background:url(../images/bg1.jpg) center center no-repeat; height:281px}
.dingzhi h1{top:140px; color:#fff; font-size:36px}.dingzhi h2{top:180px; color:#fff; line-height: 170%;}.dingzhi div>div{top:150px; right:20px; font-size:24px;}.dingzhi div>div strong{display:block; font-size:48px; padding-top:20px}
.gsjj{background:url(../images/bg2.jpg) center center no-repeat; height:1279px}
.gsjj .datu{left:-350px; top:50px}.gsjj .gsjjC{width:600px; right:80px;top:130px; font-size:16px; line-height: 180%;}.gsjj .gsjjC strong{display: block; font-size:36px; padding-bottom:50px}
.gsjj .video{top:669px; left:90px}
.gsjj .video video{width:1021px;height:478px}
.news a{display:block;width:550px; margin-top:50px}.news a strong{float: left;
    width: 122px;
    height: 81px;
    border-right: 3px solid #848484;
    font-family: "ITC Avant Garde Gothic";
    font-size: 90px;
    color: #000000;
    line-height: 80px;
    font-weight:normal
}.news a span{width:400px; float:left; margin-top:10px; margin-left:20px; color:#888}.news a h2{float:left; margin-left:20px}
.footer{background:#1b252e; padding:60px 0 30px; color:#aeafb1; font-size:15px}
.footer a{color:#aeafb1}
.banquan{margin-top:30px; padding-top:30px; border-top:1px solid #666;}
.case{margin-top:20px;}
.case li{padding:10px; text-align:center; font-size:15px}
.case li a img{padding-bottom:10px;}.case li a span{width:220px;display:block}
.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: -27px;z-index: 999;position: relative;
}
.local{padding:10px 0; background:#ddd; font-size:16px}
.inside>*{padding:0;margin:0;}
.inside{justify-content: space-between}.contents{width:950px; padding:50px 0}.sidenav{width:200px; padding-top:50px}
.insidegsjj{font-size:16px; padding-top:30px}.contents>h1{font-size:36px;}
.insidegsjj img{margin:10px auto; display:block; }
.sidenav h1{padding-bottom: 15px;}
.sidenav .list>a{display: block; font-size:16px; background:#ddd; padding:10px 0 10px 20px}
.sidenav .list>a.on{background: #f60; color:#fff}
.sidenav .list>div{padding:10px; }
.sidenav .list>div>a{display: block; font-size:15px; margin-bottom:10px}
.sidenav .list>div>a.on{color:#f60;}
.prolist{flex-wrap:wrap;}.prolist a{width:300px;display:block; margin-bottom:30px; color:#fff}
.prolist a img{display: block; padding:10px; background:#fff; border:1px solid #2e2c39}
.prolist a span{display: block;height: 82px; background: url(../images/pro-bg1.jpg); padding:10px 20px}

.newslist a{justify-content:space-between; margin-bottom:30px} .newslist a>*{margin:0; padding:0} .newslist a span{width:700px; display:block;}
.newslist a span em{color:#888;}.newslist a span div.mt10{color:#666}
.bigimg{margin-top:50px;} .bigimg img{border:1px solid #ccc; padding:10px; max-width:800px}
.smallimg{background: #eee; margin-top:30px; border-radius:8px}
.smallimg a{display: block; padding:10px; float:left}.smallimg a img{display: block; max-height:110px}
.smallimg a:hover{background:#ddd;}
.more{background: #eee; margin-top:10px; border-radius:8px; padding:10px 20px}