﻿body {font-size: 16px; line-height: 30px; font-family:"微软雅黑"; color: #333; background:#fff url(tit-bg.jpg) no-repeat top 1050px center;}
*{ margin:0; padding:0;}
a {text-decoration:none;color: #31313B;}
a:hover {text-decoration: none; color:#BC1617; }
ul,ol {list-style:none;}
img{border:0;}
.clear{ clear:both;}

.allcontainer img{ max-width: 100%;}
.m_banner{ display: none; }
.line_h{ display: none;}

.container{ width:1200px; margin:0 auto;}

.banner{ width:100%; height:624px; background:url(banner.png) no-repeat top; text-align: center; margin-bottom: 60px;}
.tou{ background: url(toutiao-bg.png) no-repeat top; width: 1200px; height: 147px; margin:0 auto 40px auto;}
.tou dl{padding: 20px 30px 0 80px;}
.tou dt{color: #971E0A;font-size: 30px; text-align: center;font-weight: 600;line-height: 34px; margin-bottom: 5px;}
.tou dd{ color: #5D5D5D;line-height: 24px;}



.icon_1{ text-align: center; width: 100%; margin-bottom: 20px;}

.nav_1{ width: 1200px; margin: 0 auto 50px auto; }

.nav_1left{ float:left;width: 710px;height: 390px;}
.nav_1left dl{ float:left;width: 710px;height: 390px; position:relative;}
.nav_1left dl img{width: 710px;height: 390px; z-index:1; position:absolute; top:0; }
.nav_1left dl dt{background: rgba(0, 0, 0, 0.8);width:670px; padding:10px 20px 40px 20px; position:absolute; z-index:9; bottom:0; color:#fff; text-align: center; font-size: 18px; }


.focusBox1 {}
.focusBox1 .swiper-pagination-bullet{ width:8px; height:8px;filter: alpha(opacity=100); opacity: 1.0;background:#fff;}
.focusBox1 .swiper-pagination-bullet-active{
background: #A11314;}




.nav_1right{ float:right; width:420px; height: 350px; background: #F7F7F8; padding: 20px;}
.nav_1right dl{margin-bottom: 15px;  }
.nav_1right dl dt{ margin-bottom: 5px; color:#BC1617; line-height: 22px; text-align: center; font-weight: bold; font-size: 18px;}
.nav_1right dl dd{ margin-bottom: 10px;color: #9497A9; line-height: 20px;font-size: 14px; }
.nav_1right ul li{ padding:12px 0 12px 15px; line-height: 22px;background:url(p0.png) no-repeat left; border-top: 1px dotted #BFBFBF;}

.nav_2bg{ width: 100%; min-width: 1200px; background:url(bg2.png) no-repeat top; height: 500px; margin-bottom:50px; }
.nav_2{ width: 1200px; margin: 0 auto; padding-top: 60px;}

.nav_2l{ float: left; width: 420px; }
.nav_2l ul li{ padding:12px 0 12px 22px; line-height: 22px;background:url(p2.png) no-repeat left; }

.nav_2r{ float: right; width: 760px; }
.nav_2r dl{ float: left; width: 235px;height: 132px;position: relative; overflow: hidden; margin:0 25px 20px 0;}
.nav_2r dl a{ display: block; width: 235px;height: 132px;overflow: hidden;}
.nav_2r dl img{ display: block; width: 235px;height: 132px;}
.nav_2r dl dt{ display: block;}
.nav_2r dl a:hover dd{ background: rgba(0, 0, 0, 0.6); width: 235px;height: 132px;position: absolute; top: 0; color: #fff; display: flex;
    justify-content: center;
    align-items: center;}
.nav_2r dl:nth-child(3n){ float: right; margin: 0; }


.nav_2r .item{width: 720px;height: 70px;background: #FFFFFF;border: 1px solid rgba(197,197,197,0.5); padding: 20px;}
.nav_2r .item a{color: #9B9BA5;}
.nav_2r .item h1{font-size: 18px;
color: #4C4C62;}

.nav_3{ width: 1200px; margin: 0 auto 50px auto; }
.nav_3 dl{width: 573px; height: 100px; border-bottom: 1px solid #eee; float: left; margin-bottom: 30px;}
.nav_3 dt{background:url(p2.png) no-repeat left; padding-left: 25px; margin-bottom: 5px;width: 573px;}
.nav_3 dd{color: #9B9BA5;font-size: 14px;line-height: 20px; margin-bottom: 10px;}
.nav_3 dl:nth-child(2n){ float: right; }


.bottombg{ width:100%; height:auto; text-align: center; background: #A51D20; padding: 50px 0 30px 0;}
.bottom_sbj{ display:none;}
.tt{ display: block; background:#fff;}



@media only screen and (max-width: 540px){
body { background-image:none; font-size:1em; line-height:1.4em; background:#fff;}
.allcontainer{ max-width: 540px; margin: 0 auto;}
.container{ width:100%; padding:0;}
.bottombg{width:100%; height: auto; margin-bottom:0; padding: 5% 0;}
.m_banner{ display: block; }
.line_h{ height:2em;}

.banner{ width:100%; height:auto; background:none; margin-bottom: 0;}

.tou{ width: 90%; padding:0 5% ; margin:0 auto 3% auto;font-size: 1.1rem; line-height: 1.4rem; height: auto; background-size: cover;}
.tou dl{ padding:8% 2%; width: 96%; }
.tou dt{ font-size: 1.1rem; line-height: 1.4rem; margin-bottom: 2%;}
.tou dd{ font-size:0.9rem; line-height: 1.4rem; margin-bottom: 2%;}


.icon_1{width: 100%; margin:0 auto 3% auto;}
.icon_1 img{ width: 100%;}

.nav_1bg{ width: 100%; }
.nav_1{ width:100%; margin: 0 auto 5% auto; }

.nav_1left{ width: 100%;height: 230px; margin-bottom: 5%;}
.nav_1left dl{width: 100%;height: 230px;}
.nav_1left dl img{width:100%;height: 230px; }
.nav_1left dl dt{width:90%; padding:2% 5% 7% 5%; font-size:1rem; }

.focusBox1 {}
.focusBox1 .swiper-pagination-bullet{}
.focusBox1 .swiper-pagination-bullet-active{}
.focusBox1 .swiper-pagination-bullets{ }



.nav_1right{ float:left; width:80%; margin-left: 5%; padding: 5%; height: auto;}
.nav_1right dl{ margin-bottom: 5%;  }
.nav_1right dl dt{font-size: 1.2rem; margin-bottom:2%; line-height: 1.6rem;}
.nav_1right dl dd{ margin-bottom: 3%; line-height: 1.4rem; }
.nav_1right ul li{ padding:4% 0; line-height: 1.2rem;}


.nav_2bg{ width: 100%; min-width: 100%; height: auto; margin-bottom:5%; }
.nav_2{ width: 100%; padding-top: 5%}

.nav_2l{width:90%; margin:0 0 5% 5%; }
.nav_2l ul li{ padding:2% 0 2% 22px; line-height: 1.2rem; }

.nav_2r{width:90%; float: left; margin-left: 5%;}
.nav_2r dl{ width: 100%;height: auto;  margin:0 0 5% 0; text-align: center;}
.nav_2r dl a{ width: 100%;height: auto;}
.nav_2r dl img{ width: 100%;height: auto;}
.nav_2r dl dt{ display: block;}
.nav_2r dl a:hover dd{height: auto;}
.nav_2r dl:nth-child(3n){ float: left; }


.nav_2r .item{width:  90%;height: auto; padding: 5%; margin-top: 5%;}
.nav_2r .item a{ font-size: 0.9rem; }
.nav_2r .item h1{font-size: 1rem;}

.nav_3{ width: 90%; margin: 0 auto 5% auto; }
.nav_3 dl{width:  100%; height: auto;  margin-bottom: 5%;}
.nav_3 dt{margin-bottom: 2%;width:  100%;}
.nav_3 dd{margin-bottom: 2%;}
.nav_3 dl:nth-child(2n){ float: left; }



.bottom_sbj{ width:100%; display:block; text-align:center; background:#333; color:#ddd; line-height:3.5em;}
.bottom_sbj a{ color:#ddd;}
.tt{ display: none; }
}