.main-div{max-width: 1200px; min-width: 800px; margin: 0 auto;}
.news-main-div{max-width: 1100px; min-width: 800px; margin: 0 auto;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.mt20{margin-top: 20px;}
.red{color: red;}
*{line-height:180%;}

/*修改默认样式*/
.top-nav-pc-index .layui-nav, .top-nav-pc .layui-nav{ background: none; padding: none; height: 120px;}
.top-nav-pc-index .layui-nav .layui-nav-bar, .top-nav-pc .layui-nav .layui-nav-bar{display: none;}
.layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this{background: none;}

.top-nav-pc-index{height: 160px; color:#fff;min-width: 900px !important;width: 100%;}

.top-nav-pc-index .top-line{line-height:40px;background: #17446D; height: 40px;}
.top-nav-pc-index .top-line > .text-right{line-height:40px;}
.nav-bg{background: #17446D;}
.top-nav-pc-index .layui-nav{background: none;}
.top-nav-pc-index .layui-nav-item>a{color:#000; display: block; line-height: 120px; font-size: 1.2em; font-weight: bolder; padding: 0px; }
.top-nav-pc-index .layui-nav-item>a:hover{color:#1B70A7;}
.top-nav-pc-index .layui-nav-item>.hover, .top-nav-pc-index .layui-nav-item>.active{color:#1B70A7;}
.top-nav-pc-index .layui-nav-item>.layui-nav-child{background-color:#17446D; border: none;  border-top: #EFDDB5 3px solid;}
.top-nav-pc-index .layui-nav-item>.layui-nav-child a{color: #fff; font-size: 0.8rem; }
.top-nav-pc-index .layui-nav-item>.layui-nav-child a:hover{ color:#17446D;}
.top-nav-pc-index dl{top:50px; left:25%;}
.top-nav-pc-index dl a {line-height: 2.5rem; font-family: "黑体"; }
.top-nav-pc-index{line-height: 120px;}
.top-nav-pc-index .top-logo{width: 90%;}


.top-nav-pc{height: 160px; background: #17446D; color:#fff;min-width: 1100px !important; width: 100%;}
.top-nav-pc .layui-nav-item>a{color:#fff; display: block; line-height: 90px; font-size: 1.2rem; text-shadow: 2px 2px 2px #999;}
.top-nav-pc .layui-nav-item>a:hover{background-color:rgba(0,0,0,0.4); text-shadow: 2px 2px 2px #999;}
.top-nav-pc .layui-nav-item>.hover, .top-nav-pc .layui-nav-item>.active{background-color:rgba(0,0,0,0.4); text-shadow: 2px 2px 2px #999;}
.top-nav-pc .layui-nav-item>.layui-nav-child{background-color:rgba(0,0,0,0.4); border: none; }
.top-nav-pc .layui-nav-item>.layui-nav-child a{color: #fff; font-size: 0.8rem;}
.top-nav-pc .layui-nav-item>.layui-nav-child a:hover{color: #fff;background-color:rgba(0,0,0,0.2); }
.top-nav-pc dl{top:90px;}
.top-nav-pc dl a {line-height: 2.5rem;}
.top-nav-pc .top-logo{width: 30%; background: #fff; border-radius: 0 0 10px 10px; position: absolute; z-index: 10000; left: 50%; top: 0px; margin-left: -15%; }
.top-nav-pc .top-logo img{width: 95%; margin: 15px auto;}

.top-nav-mobile{height: 40px; background: #17446D; line-height: 40px; min-height:50px;}
.top-nav-mobile, .top-nav-mobile a {color:#fff;}
.top-nav-mobile>div{height: 100%;}
.top-nav-mobile>div>div{height: 100%;}
.top-nav-mobile .top-logo{width: 80%; padding: 5px; position: absolute; z-index: 10000; top: 0px; }
.top-nav-mobile .top-logo img{width: 100%; }
.top-nav-mobile i.topnemu {margin-right: 25px; font-size: 30px; line-height: 40px;}
.top-nav-mobile .topnemudiv{position: absolute; z-index: 10001; right: 0; top:50px;background: #17446D; display: none;}
.top-nav-mobile .layui-nav-tree{width: auto;padding-left:10px;}
.top-nav-mobile .layui-nav-tree .layui-nav-item{padding: 0 25px 0 0px;}

.top-nav-mobile .layui-nav-itemed>.layui-nav-child{background: none !important; }
.top-nav-mobile .layui-nav-bar{display: none;}
.top-nav-mobile .layui-nav-more{border-top-color: #fff;margin-top:-2px; right:5px;}
.top-nav-mobile .layui-nav a:hover{background: none;}
.top-nav-mobile .layui-nav-child dd.layui-this, .top-nav-mobile .layui-nav-child dd.layui-this a, .top-nav-mobile .layui-this, .top-nav-mobile .layui-this>a, .top-nav-mobile .layui-this>a:hover{background: none;}
.top-nav-mobile .layui-nav{background: none;}
.top-nav-mobile .layui-nav-tree .layui-nav-item a{color:#fff; font-size: 1rem;}
.top-nav-mobile .layui-nav-tree .layui-nav-item .layui-nav-child a{font-size: 0.8rem;}

.index-top-banner{position : relative; width: 100%; padding-bottom : 30%;}
.index-top-banner > div{position : absolute; top : 0; left : 0; right : 0; bottom : 0;}
#index-top-banner>div[carousel-item]>a>div{width: 100%; height: 100%;}
#index-top-banner>div[carousel-item]>a>div img{width: 100%; height: 100%;}


.index-news .index-title{ margin-bottom: 20px;}
.index-news .idnex-productlist{ padding: 10px 5%;}
.index-news{padding: 20px;}
.index-news .itemtitle{font-size: 1.1rem;color:#0054CA;}
.index-news .more{font-size: 1.1rem;color:#0054CA;}
.index-news .layui-btn-warm{background: #E37F2A;}
.index-news-bg{background: #F0E6D6;}

.index-news .index-news-img{position : relative; width: 100%; padding-bottom : 65.7%;}
.index-news .index-news-img>div{position : absolute; top : 0; left : 0; right : 0; bottom : 0;}
.index-news .index-news-img img{width: 100%; height: 100%; }

.index-news .index-news-title{line-height: 24px;}
.index-news .index-product-title {line-height: 30px; color: #1B70A7; font-size: 18px;}
.index-news .index-news-comment{position : relative; width: 100%; padding-bottom : 20%;}
.index-news .index-news-comment>div{position : absolute; top : 0; left : 0; right : 0; bottom : 0; }
.index-news .index-news-comment>div>div{width: 100%; height: 100%; overflow: hidden; text-indent:26px;}
.index-news .index-news-times{color: #764700; font-weight: bold; margin-top: 10px; text-align: center;}





.footer{ background: #17446D; padding: 50px;}
.footer-right{ margin-top: 10px; color: #fff; padding-left: 70px;}
.footer-right a{color: #fff;}
.footer-right h3{font-size: 1rem; line-height: 40px;}

/*  新闻列表页面特有样式 */
.newslefttitle{height: 50px; line-height: 50px; font-size: 18px; background: #1B70A9; color: #fff; padding-left: 30px; font-weight: bolder;}
.newsrighttitle{height: 50px; line-height: 50px; font-size: 18px;}
.newsrighttitle .righttitle {height: 50px; line-height: 50px; font-size: 18px; color: #1B70A9; border-bottom:2px solid #1B70A9; float: left; padding: 0 20px;font-weight: bolder;}
.newsleftitems{ min-height: 300px; border: 1px solid #efefef; padding-top: 10px;}
.newsleftitems .item{line-height: 36px; font-size: 16px;border-bottom: solid 1px #afafaf; margin: 0 20px; list-style-type: square; list-style-position:inside;}
.newsleftitems .item a{display:block; width: 78%; text-align: left; float: right; margin-left: 10%;}
.newsleftitems .item a:hover{color:#1B70A7;}
.newsleftitems .item:hover, .newsleftitems .item:hover a{color:#1B70A7; }
.newsleftitems .item:hover {border-bottom: solid 1px #1B70A7;}

.news-list .layui-row {border-bottom: #ddd 1px solid;  padding: 20px 0;}
.news-list .newsinfo{padding-left: 20px;}
.news-top-banner{position : relative; width: 100%; padding-bottom :11%;}
.news-top-banner > div{position : absolute; top : 0; left : 0; right : 0; bottom : 0;}
.news-top-banner > div>img{width: 100%; height: 100%; }

.news-list .news-list-img{position : relative; width: 100%; padding-bottom : 65.7%;}
.news-list .news-list-img>div{position : absolute; top : 0; left : 0; right : 0; bottom : 0;}
.news-list .news-list-img img{width: 100%; height: 100%; }
.news-list .news-list-title{line-height: 30px; font-size: 18px; font-weight: bold; color:#1B70A9;}
.news-list .news-list-times{color: #999; margin-top: 10px;}
.news-list .news-list-comment{color: #999; margin-top: 10px; }
.news-list .product-list-comment{ height: 130px; overflow: hidden;}


.news-list .news-list-img1{position : relative; width: 100%; padding-bottom : 130%;}
.news-list .news-list-img1>div{position : absolute; top : 0; left : 0; right : 0; bottom : 0;}
.news-list .news-list-img1 img{width: 100%; height: 100%; }


/*新闻详情页样式*/
.news-detail{ margin: 20px auto; padding: 0 10px;}
.news-detail .news-title{font-size: 24px; font-weight: bold; line-height: 30px; margin:30px 0px;}
.news-detail .news-times{color:#999; line-height: 50px; min-width: 40%;}
.news-detail .news-images img { width: 320px; height: 220px; margin-bottom: 5px;}
.news-detail .file_list{margin-top: 40px;}
.news-detail .file_list img{width: 30px; }
.pro-detail .layui-col-sm6 ul li>b{color:#1B70A9;}
.pro-detail .layui-col-sm6 ul li{
    list-style-type: disc;
    list-style-position: inside;
    text-indent: -103px;
    margin-left: 81px;}
.news-detail table td{border-width: 1px;
    border-style: solid;
    border-color: #e6e6e6;
    font-size: 16px;
    padding: 5px;
}
.pro-content table tr:first-child, .pro-content table tr:first-child>td {background: #1B70A7;color:#fff}
.news-content img{ max-width: 100%;}
.comment{max-width: 800px; margin: 0 auto;}
@media screen and (max-width: 1000px) { 
    .footer-right h3{font-size: 0.6rem;}
} 