body {font-size: 16px; line-height:22px; font-family:"微软雅黑"; color: #333; background:#fff;}
*{ margin:0; padding:0;}
a {text-decoration:none;color: #666;}
a:hover {text-decoration: none; color:#DC411B; }
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:789px; background:url(banner.png) no-repeat top; text-align: center;}
.banner2{ width:1201px; height:186px; background:url(bg0.png) no-repeat top; text-align: center; margin: -95px auto 15px auto;}
.banner2 dl{ padding:35px 50px 0 50px;  color: #808080; font-size: 16px; line-height: 24px; text-align: left; font-weight: bold;}
.mores0{ width:220px; height:60px; background:url(more0.png) no-repeat top; text-align: center; margin: -50px auto 50px auto;}


.icon_1{ text-align: center; width: 100%; margin:0 auto 50px auto;}

.nav_2{ width: 1200px; margin:0 auto 30px auto; }
.nav_2 dl{ float: left; width: 291px; height: 100px; margin-right: 12px; }
.nav_2 dl:nth-child(4){ margin: 0; float: right; }

.nav_3{width: 1200px; margin:0 auto 70px auto;}

.nav_3left{ float:left;width: 896px;height: 500px; border: 2px solid #FFE280;}
.nav_3left dl{ float:left;width: 896px;height: 500px; position:relative;}
.nav_3left dl img{width: 896px;height: 500px; z-index:1; position:absolute; top:0; }
.nav_3left dl dt{background:rgba(0, 0, 0, 0.7);width:856px; padding:10px 20px; position:absolute; z-index:9; bottom:0; color:#fff; font-size:18px; }

.nav_3right{ float: right; width: 290px;}
.nav_3right dl{width: 290px;height: 80px; line-height: 80px; background: #FAFAFA;border-radius: 10px;margin-bottom: 5px; text-align: center; font-size: 16px; font-weight: bold;}
.nav_3right dl:hover{background:url(bg3_bg.png) no-repeat top; color: #fff;}
.nav_3right dl a{ display: block; }
.nav_3right dl a:hover{ color: #fff; }


.icon_2{ text-align: center; width: 100%; margin:-20px auto 0 auto; height: 150px;}
.nav_4{background:url(bg4.png) no-repeat bottom; width: 100%; height: 414px; margin-bottom: 50px;}
.nav_4box{ width: 1100px; margin: auto; }
.nav_4box dl{ float: left; margin-right: 18px; width: 261px; height: 114px; overflow: hidden; }
.nav_4box dl:nth-child(4){ margin: 0; float: right; }




.nav_1bg{ width: 100%; }
.nav_1{ width: 1200px; margin: 0 auto 30px auto; }

.nav_1left{ float:left;width: 580px;height: 380px;background:url(bg1.png) no-repeat left bottom; padding: 0 0 30px 30px;}
.nav_1left dl{ float:left;width: 580px;height: 380px; position:relative;}
.nav_1left dl img{width: 580px;height: 380px; z-index:1; position:absolute; top:0; }
.nav_1left dl dt{background:rgba(0, 0, 0, 0.7);width:540px; padding:10px 20px; position:absolute; z-index:9; bottom:0; color:#fff; font-size:18px; }

.focusBox1 { padding:0; }
.focusBox1 .swiper-pagination-bullet{ width:10px; height:10px;filter: alpha(opacity=100); opacity: 1.0;background:#fff;}
.focusBox1 .swiper-pagination-bullet-active{background:#FFEC00;}
.focusBox1 .swiper-pagination-bullets{ left: 44%; }



.nav_1right{ float:right; width:560px;}
.nav_1right dl{width:540px; height: 90px; margin-bottom: 10px; overflow: hidden;}
.nav_1right dl dt{ float: right; width: 420px; font-size: 18px; margin-bottom: 5px; font-weight: bold; }
.nav_1right dl dd{float: right; width: 420px;color: #9C9C9C; line-height: 20px; }
.nav_1right dl span{ padding: 10px; width: 70px;height: 60px;border: 1px solid #F2DBB1; display: block; border-radius: 10px; float: left; text-align: center;}
.nav_1right dl i{width: 100%; font-style: normal; display: block;font-size: 28px; border-bottom: 1px solid #666666; height: 30px; line-height: 30px; margin-bottom: 5px;}
.nav_1right dl a{ display: block; }
.nav_1right dl a:hover span{ color: #fff; background: #DC411B; }
.nav_1right dl a:hover span i{border-bottom: 1px solid #fff; }


.more{ text-align: center; }


.icon_list{ text-align: center; width: 1200px; margin: -40px auto 50px auto; }

.nav_list{ width: 1200px; margin: 0 auto; }
.nav_list dl{ float: left; background: #FAFAFA; width: 320px; height: 380px; padding: 30px; margin: 0 30px 50px 0;}
.nav_list dl img{width: 320px; height: 200px; margin-bottom: 10px; }
.nav_list dl dt{ font-size: 20px; font-weight: bold; margin-bottom: 15px; }
.nav_list .zz{font-size: 16px;color: #DC411B; display: block; width: 100%; height: 40px;line-height: 26px; }
.nav_list .zz i{font-size: 14px;background: #DC411B; height: 26px; width: 60px; display: block; float: left; border-radius: 13px; margin-right: 10px; text-align: center; color: #fff; font-style: normal;}
.nav_list dl dd{color: #808080;
line-height: 26px; height: 75px;}
.nav_list dl .zm span{color: #DC411B; display: block; float: right;}
.nav_list dl .zm i{ float: left; font-style: normal; color: #CCCCCC; }
.nav_list dl:nth-child(3n){ float: right; margin: 0; }



.bottombg{ width:100%; height:305px; text-align: center;background: url(bottombg.png) no-repeat center; margin: -230px auto 0 auto;}
.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:0;}
.bottombg img{ max-width: 100%; }

.m_banner{ display: block; }
.line_h{ height:2em;}

.icon_1{width: 44%; margin:0 auto 3% auto;}

.banner{ width:100%; height:auto; background:none; }

.banner2{z-index: 1; position: relative; width:90%;  height:auto;margin: -20px auto 5% auto;}
.banner2 dl{ padding:5% 5% 30px 5%; background: url(bg0_b.png) top no-repeat; color: #808080; background-size: cover; font-size: 0.8rem; line-height: 1.2rem; font-weight: normal; }
.mores0{ width:35%; height:30px; background-size: cover; margin: -45px auto 8% auto; z-index: 2; position: relative;}



.nav_2{ width: 100%; margin:0 auto 3% auto; }
.nav_2 dl{ width: 48%; height: auto; margin: 1%; }
.nav_2 dl:nth-child(4){ margin: 1%;float: left; }

.nav_3{width: 100%; margin:0 auto 7% auto;}

.nav_3left{width: 98%;height: 260px; margin-bottom: 5%; }
.nav_3left dl{ width: 100%;height: 260px;}
.nav_3left dl img{width: 100%;height: 260px;  }
.nav_3left dl dt{width:90%; padding:3% 5%;font-size:1rem; }

.nav_3right{ float: left; width: 100%; display: none;}
.nav_3right dl{width: 100%;height: 40px; line-height: 40px; margin-bottom: 5px; font-size: 1em; }
.nav_3right dl:hover{}
.nav_3right dl a{}
.nav_3right dl a:hover{ }


.icon_2{ text-align: center; width: 40%; margin:0 auto; height: 70px;}
.nav_4{background:url(bg4.png) no-repeat top; background-size: cover; width: 100%; height: auto; margin-bottom: 8%;padding-bottom: 30px; }
.nav_4box{ width: 100%; margin:0 auto; }
.nav_4box dl{  margin:1% 3%; width: 44%; height: auto; overflow: inherit; }
.nav_4box dl:nth-child(4){  margin:1% 3%;float: left; }




.nav_1bg{}
.nav_1{ width:100%; margin: 0 auto; }

.nav_1left{ width: 100%;height: 260px; margin-bottom: 5%; padding: 0;}
.nav_1left dl{width: 100%;height: 260px;}
.nav_1left dl img{width:100%;height: 260px; }
.nav_1left dl dt{width:90%; padding:3% 5%; font-size:1rem; }

.focusBox1 { padding-bottom: 0; }
.focusBox1 .swiper-pagination-bullet{}
.focusBox1 .swiper-pagination-bullet-active{}
.focusBox1 .swiper-pagination-bullets{ }



.nav_1right{ float:left; width:90%; padding: 5%; height: auto;}
.nav_1right dl{ width: 100%; margin-bottom: 5%; height: auto;  }
.nav_1right dl dt{font-size: 1rem; margin-bottom:1%; line-height: 1.2rem; width: 73%;}
.nav_1right dl dd{width: 73%; margin-bottom: 1%; font-size: 0.8rem; line-height: 1.2rem; }
.nav_1right dl span{ padding: 5px 10px; width: 59px;height: 50px; font-size: 0.6rem; line-height: 16px;}
.nav_1right dl i{ font-size: 20px; border-bottom: 1px solid #999; height: 30px; line-height: 30px;}


.more{ width: 35%; text-align: center; margin: auto;}



.icon_list{ width:90%; margin: -20px auto 3% auto; }

.nav_list{ width: 94%; height: auto; }
.nav_list dl{ width: 40%; height: 275px; padding: 3%; margin: 0 2% 5% 2%; position: relative; float: left;}
.nav_list dl img{width: 100%; height: 100px; margin-bottom: 2%; }
.nav_list dl dt{ font-size: 0.9rem; margin-bottom: 1%; height: 42px; overflow: hidden; line-height: 1.2rem; }
.nav_list .zz{font-size: 0.7rem; height: 40px; overflow: hidden; line-height: 1.2rem; margin-bottom: 1%; }
.nav_list .zz i{font-size: 12px;height: 20px; width: 44px;border-radius: 10px; margin-right: 5px;}
.nav_list dl dd{ font-size: 0.9rem;line-height: 1.2rem; font-size: 0.7rem;height: 60px; overflow: hidden;}
.nav_list dl .zm{ width: 88%; font-size: 12px; position: absolute; bottom: 10px;}
.nav_list dl .zm a{}
.nav_list dl .zm i{}
.nav_list dl:nth-child(3n){ float: left;margin: 0 2% 5% 2%; }


.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; }
}