﻿body {font-size: 16px; line-height: 28px; font-family:"微软雅黑"; color: #000000; background:#fff;}
*{ margin:0; padding:0;}
a {text-decoration:none;color:#000000;}
a:hover {text-decoration: underline; color:#D14A36; }
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:702px; background:url(banner.jpg) no-repeat top; text-align: center; margin-bottom: 70px;}


.tout{width:1198px; height:174px; border: 1px solid #E4E4E4; margin: 0 auto 60px auto; overflow: hidden;}
.tout .t_left{ float: left; width: 129px; padding: 0 30px; }
.tout .t_right{ float: right; width: 940px; padding: 30px 50px 0 0 ; }
.tout .t_right dt{ font-size: 26px; color: #D1443B; font-weight: bold; margin-bottom: 10px;line-height: 30px; }
.tout .t_right dd{ color: #867466;line-height: 24px;}

.icon_1{ text-align: center; width: 100%; margin-bottom: 30px;}

.nav_1{ width: 1200px; margin: 0 auto 70px auto; }
.nav_1left{ float:left;width: 590px;margin-bottom:20px;height: 365px;}
.nav_1left dl{ float:left;width: 590px;height: 365px; position:relative;}
.nav_1left dl img{width: 590px;height: 365px; z-index:1; position:absolute; top:0; }
.nav_1left dl dt{background:rgba(0, 0, 0, 6.0); width:550px; padding:30px 20px 20px 20px; position:absolute; z-index:9; bottom:0; color:#fff; font-size:22px; }

.focusBox1 {}
.focusBox1 .swiper-button-next{ position:absolute;width: 41px; height: 71px;z-index: 10;cursor: pointer;background: url(right.png) no-repeat center;top: 40%; right: 0; }
.focusBox1 .swiper-button-prev{ position:absolute; width: 41px; height: 71px;z-index: 10;cursor: pointer;background: url(left.png) no-repeat center;top: 40%; left:0;}



.nav_1right{ float:right; width:585px; }
.nav_1right dl{ font-size: 24px; line-height: 34px; background:url(bg1_bg.png) no-repeat left; width:545px; color:#ffff; height: 80px; padding: 20px; display: flex;justify-content: center; align-items: center; color: #fff; font-weight: bold; overflow: hidden; margin-bottom: 10px;}
.nav_1right dl a{color: #fff;}
.nav_1right ul{ line-height:22px;}
.nav_1right ul li{ padding:0 0 0 25px; line-height: 46px;background:url(p0.png) no-repeat left; border-bottom:1px dashed #E2E2E2;}
.nav_1right ul li span{ float: right; color: #ACACAC; font-size: 14px;}


.nav_2bg{background:url(bg2.png) no-repeat bottom; width: 100%; height: 680px; padding-top: 80px; margin-bottom: 60px;}
.nav_2{ width: 1680px; margin: 0 auto; }
.nav_2 dl{ width: 100%; height: auto; }
.nav_2 dl img{ width: 100%; height: 260px; }
.nav_2 dl dt{ color: #fff; text-align: center; }
.focusBox2 {width: 1680px; padding:40px 0 80px 0; }
.focusBox2 .swiper-pagination-bullet{ background:#fff;width:90px; height:4px;border-radius:0; filter: alpha(opacity=100); opacity: 1.0;}
.focusBox2 .swiper-pagination-bullet-active{background:#DA5F61;filter: alpha(opacity=100); opacity: 1.0;}
.focusBox2 .swiper-pagination-bullets{ color: #fff;}


.nav_3{ display: block; overflow: hidden; width: 1200px; margin: 0 auto 55px auto; }

.nav_3 dl{ border:1px solid #DCDBD6; border-radius: 10px; float: left; width: 530px; height: 175px; padding: 30px 20px 20px 30px; margin-bottom: 30px;}
.nav_3 dl:nth-child(2n){ float: right; }
.nav_3 dt{ color: #976439; font-size: 24px; line-height: 30px; margin-bottom: 5px; }
.nav_3 dl a{ height: 140px; display: block; }
.nav_3 dd{color: #777777; line-height: 24px;}
.nav_3 dl span{ border-top: 1px solid #976439; display: block; padding-top: 8px; color: #C8C1A7; font-size: 14px; }


.bottombg{ background: url(bottom.png) no-repeat center; width:100%; height:277px; margin-top: -100px; text-align: center;}
.bottombg img{ padding-top: 110px; }
.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; background: none; margin-bottom:0;}
.m_banner{ display: block; }
.line_h{ height:2em;}


.banner{ width:100%; height: auto;  margin-bottom: 0; }


.tout{width:96%; height:auto; background:none; margin:2% auto;}
.tout .t_left{ width:20%; padding: 0; float: left; }
.tout .t_right{ float: left; width: 70%; padding: 5% ; height: auto; }
.tout .t_right dt{ font-size: 1.2em; line-height: 1.6rem;}
.tout .t_right dd{ font-size: 1em;}

.icon_1{ width: 100%; margin-bottom: 3%;}

.nav_1{ width: 100%; margin: 0 auto 3% auto; }
.nav_1left{ width: 100%;margin-bottom:0;height: auto;}
.nav_1left dl{ width:100%;height: 230px;}
.nav_1left dl img{ width:100%;height: 230px;}
.nav_1left dl dt{width:94%; padding:3%;font-size:1em; }


.focusBox1 {}
.focusBox1 .swiper-button-next{ width: 20px; height: 30px;}
.focusBox1 .swiper-button-prev{width: 20px; height: 30px;}



.nav_1right{ float:left; width:100%; }
.nav_1right dl{ font-size: 1rem; line-height: 1.4rem; width:90%; height: auto; padding: 5%;  margin-bottom: 2%;}
.nav_1right dl a{}
.nav_1right ul{ width: 96%; margin: auto; line-height:1.2rem;}
.nav_1right ul li{ padding:3% 2% 3% 20px; line-height: 1.2rem;}
.nav_1right ul li span{ display: none;}


.nav_2bg{ height: auto; padding-top: 5%; margin-bottom: 5%;}
.nav_2{ width:90%; }
.nav_2 dl{ width: 100%; height: auto; }
.nav_2 dl img{ width: 100%; height: 200px; }
.nav_2 dl dt{ color: #fff; text-align: center; }
.focusBox2 {width: 100%; padding:0 0 10% 0; }
.focusBox2 .swiper-pagination-bullet{ width:10px;}
.focusBox2 .swiper-pagination-bullet-active{}
.focusBox2 .swiper-pagination-bullets{ }


.nav_3{ width: 90%; margin: 0 auto 5% auto; }

.nav_3 dl{ width: 90%; height:  auto; padding:4% 5%; margin-bottom: 5%;}
.nav_3 dl:nth-child(2n){ float: left; }
.nav_3 dt{ font-size:1.1rem; line-height: 1.4rem; margin-bottom: 2%; }
.nav_3 dl a{ height: auto;}
.nav_3 dd{ line-height:1.2rem; font-size: 0.95rem; margin-bottom: 3%;}
.nav_3 dl span{ padding-top: 2%; }


.bottombg{ height:4rem; background-size: 100%; margin-top:-5%; }
.bottombg img{ width: 40%; padding-top: 0; }


.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; }
}