body {font-size: 14px; line-height:24px; font-family:"微软雅黑"; color:#808080; background:#fff;}
*{ margin:0; padding:0;}
a {text-decoration:none;color:#808080;}
a:hover {text-decoration: none; color:#FE641E; }
ul,ol {list-style:none;}
img{border:0;}
.clear{ clear:both;}
.allcontainer img{ max-width: 100%; }
.m_banner{ display: none; }
.line_h{ display: none;}



.banner{ text-align: center; width:100%; height: 844px; background: url(banner.png) center no-repeat; }

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

.nav_1{ width: 1200px; margin:0 auto 60px auto; background: url(bg1_a.png) no-repeat top;  }
.nav_1 .play_box{ float: right; width: 626px; height: 400px; background: url(bg1_b.png) no-repeat bottom;}
.nav_1 .play_box a{ display: block; width: 580px; height: 360px; padding: 0 23px 40px 23px; position: relative;}
.nav_1 .play_box i{ display: block; width: 580px; height: 360px; position: absolute; background: rgba(0,0,0,0.7) url(playerbg.png) center no-repeat; }
.nav_1 .play_box img{width: 580px; height: 360px; }

.nav_1 .nav_txts{ overflow: hidden; float: left; width: 520px; height: 340px; padding: 40px 0 0 25px;}
.nav_1 .nav_txts dl{ width: 520px;margin-bottom: 15px; }
.nav_1 .nav_txts dt{font-weight: bold; font-size: 16px; margin-bottom: 5px; }
.nav_1 .nav_txts dd{color: #B3B3B3; line-height: 20px;}
.nav_1 .nav_txts .time{ text-align: right;color: #B3B3B3;  }
.nav_1 .nav_txts .time i{float: left; width: 83%; border-bottom: 1px #D6D6D6 solid; height: 18px;}

.nav_1 .mores{ background: url(mores.png) no-repeat center; width: 131px; height: 47px; margin: -22px 0 0 25px; }

.nav_2{ width: 1200px; margin:0 auto 70px auto; background: url(bg2_a.png) no-repeat top;  }
.nav_2 .play_box{ float: left; width: 626px; height: 400px; background: url(bg2_b.png) no-repeat bottom;}
.nav_2 .play_box a{ display: block; width: 580px; height: 360px; padding: 0 23px 40px 23px; position: relative;}
.nav_2 .play_box i{ display: block; width: 580px; height: 360px; position: absolute; background: rgba(0,0,0,0.7) url(playerbg.png) center no-repeat;}
.nav_2 .play_box img{width: 580px; height: 360px; }

.nav_2 .nav_txts{ overflow: hidden; float: right; width: 520px; height: 340px; padding: 40px 25px 0 0;}
.nav_2 .nav_txts dl{ width: 520px;margin-bottom: 15px; }
.nav_2 .nav_txts dt{font-weight: bold; font-size: 16px; margin-bottom: 5px; }
.nav_2 .nav_txts dd{color: #B3B3B3; line-height: 20px;}
.nav_2 .nav_txts .time{ text-align: right;color: #B3B3B3;  }
.nav_2 .nav_txts .time i{float: left; width: 83%; border-bottom: 1px #D6D6D6 solid; height: 18px;}

.nav_2 .mores{ background: url(mores.png) no-repeat center; width: 131px; height: 47px; margin: -22px 20px 0 0; float: right; }

.nav_3bg{ background: url(bg3.png) no-repeat bottom; width: 100%; height: 832px; }
.nav_3{ width: 1200px; margin:0 auto 60px auto; background:url(bg3_b.png) no-repeat top; padding-top: 10px; color: #fff;  }
.nav_3 a{color: #fff;  }
.nav_3 .play_box{ float: right; width: 580px; height: 400px; padding: 10px 20px 0 0; }
.nav_3 .play_box a{ display: block; width: 580px; height: 360px; position: relative;}
.nav_3 .play_box i{ display: block; width: 580px; height: 360px; position: absolute; background: rgba(0,0,0,0.7) url(playerbg.png) center no-repeat;}
.nav_3 .play_box img{width: 580px; height: 360px; }

.nav_3 .nav_txts{ overflow: hidden; float: left; width: 520px; height: 340px; padding: 25px 0 0 25px;}
.nav_3 .nav_txts dl{ width: 520px;margin-bottom: 15px; }
.nav_3 .nav_txts dt{font-weight: bold; font-size: 16px; margin-bottom: 5px; }
.nav_3 .nav_txts dd{line-height: 20px;}
.nav_3 .nav_txts .time{ text-align: right;}
.nav_3 .nav_txts .time i{float: left; width: 83%; border-bottom: 1px #D6D6D6 solid; height: 18px;}

.nav_3 .mores{ background: url(mores.png) no-repeat center; width: 131px; height: 47px; margin: -42px 0 0 25px; }

.nav_4{ width: 1200px; margin: 0 auto; }
.nav_4 .imgbox{ width: 580px; height: 350px; margin-bottom: 70px;}
.nav_4 .imgbox a{ width: 580px; height: 350px; display: block;} 
.nav_4 .imgbox:nth-child(odd){ float: left;}
.nav_4 .imgbox:nth-child(even){ float: right;}
.nav_4 .imgbox img{ width: 580px; height: 350px; position: absolute;}
.nav_4 .imgbox i{ position: absolute; background: url(mores.png) no-repeat center; width: 131px; height: 47px; z-index: 999; display: block; margin: 328px 0 0 225px;}

.nav_4 .imgbox2{ width: 280px; height: 220px; float: left; margin:0 25px 30px 0;}
.nav_4 .imgbox2:nth-child(4n){ float: right; margin:0 0 30px 0; }
.nav_4 .imgbox2 img{width: 100%; height: 180px; }
.nav_4 .imgbox2 p{background: url(bg4.png) no-repeat center;width: 100%; height: 40px; line-height: 40px; text-align: center; color: #fff; }

.p_video{width:470px; height:380px;cursor: pointer; top:0; position:absolute;z-index:0;}
.model{position: fixed;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);z-index: 5;display: none;}
.model_cn{width: 1200px;position: fixed;left: 50%;top:50%;margin-left: -600px;height: 450px;margin-top:-225px;z-index: 6;background: #000000;display: none;}
.model_cn video{width: 100%;height: 450px;margin:0 auto;display: block;}



.sbj_bottom{ width: 100%; text-align: center; background: url(bottom.png) no-repeat center; height: 233px; margin-top: -80px; }


.bottom_sbj{ display:none;}
.tt{ display: block; background:#fff;}








@media only screen and (max-width: 520px){
body { background:#fff; background-size: cover; border-image: none; font-size:0.9em; line-height:1.4em; }
.allcontainer{ max-width: 520px; margin: 0 auto;}
.container{ width:100%;}
.bottombg{width:100%; height: auto; background: none; margin-bottom:0;}
.m_banner{ display: block; }
.line_h{ height:2em;}

.p_video{width:100%; height:220px;}

.model{position: fixed;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);z-index: 5;display: none;}
.model_cn{width: 100%;position: fixed;left: 0;top:50%;height: 320px;margin-top:-170px;z-index:100;background: #000000;display: none;margin-left: 0}
.model_cn video{width: 100%;height: 320px;margin:0 auto;display: block;}


.banner{ height: 18rem; background-size:cover;}
.icon_1{ width: 80%; margin: -1rem auto 1rem auto;}
.icon_2,.icon_3{ width: 80%; margin: 0 auto 1rem auto;}

.nav_1{ width:100%; margin:0 auto 3% auto; background-size: cover; }
.nav_1 .play_box{ float: inherit; width: 90%; height:auto; margin: 0 auto; background-size:100%;}
.nav_1 .play_box a{ width: 100%; height: 12rem; padding: 0 0 1.5rem 0;}
.nav_1 .play_box i{ width: 100%; height:12rem; background-size: 15%;}
.nav_1 .play_box img{width: 100%; height: 12rem; }

.nav_1 .nav_txts{width:90%; height:auto; padding: 5%;}
.nav_1 .nav_txts dl{ width: 100%;margin-bottom: 6%; }
.nav_1 .nav_txts dt{ font-size: 1rem; margin-bottom: 2%; line-height: 1.4rem; }
.nav_1 .nav_txts dd{line-height: 1.4rem;}
.nav_1 .nav_txts .time{ font-size: 0.7rem; }
.nav_1 .nav_txts .time i{ width: 72%;}

.nav_1 .mores{ float: 
left; background-size: 80%; width: 8rem; height: 2rem; margin: -1rem -0.5rem 8% 60%; }

.nav_2{ width:100%; margin:0 auto 3% auto; background-size: cover; }
.nav_2 .play_box{ float: inherit; width: 90%; height:auto; margin: 0 auto; background-size:100%;}
.nav_2 .play_box a{ width: 100%; height: 12rem; padding: 0 0 1.5rem 0;}
.nav_2 .play_box i{ width: 100%; height:12rem; background-size: 15%;}
.nav_2 .play_box img{width: 100%; height: 12rem; }

.nav_2 .nav_txts{width:90%; height:auto; padding: 5%;}
.nav_2 .nav_txts dl{ width: 100%;margin-bottom: 6%; }
.nav_2 .nav_txts dt{ font-size: 1rem; margin-bottom: 2%; line-height: 1.4rem; }
.nav_2 .nav_txts dd{line-height: 1.4rem;}
.nav_2 .nav_txts .time{ font-size: 0.7rem; }
.nav_2 .nav_txts .time i{ width: 72%;}

.nav_2 .mores{ float: 
left; background-size: 80%; width: 8rem; height: 2rem; margin: -1rem -0.5rem 8% 60%;}

.nav_3bg{height: auto; background-size: cover; }
.nav_3{ width:100%; margin:0 auto 3% auto; background-size: cover; }
.nav_3 .play_box{ float: inherit; width: 90%; height:auto; margin: 0 auto; background-size:100%; padding: 0;}
.nav_3 .play_box a{ width: 100%; height: 12rem; padding: 0;}
.nav_3 .play_box i{ width: 100%; height:12rem; background-size: 15%;}
.nav_3 .play_box img{width: 100%; height: 12rem; }

.nav_3 .nav_txts{width:90%; height:auto; padding: 5%;}
.nav_3 .nav_txts dl{ width: 100%;margin-bottom: 6%; }
.nav_3 .nav_txts dt{ font-size: 1rem; margin-bottom: 2%; line-height: 1.4rem; }
.nav_3 .nav_txts dd{line-height: 1.4rem;}
.nav_3 .nav_txts .time{ font-size: 0.7rem; }
.nav_3 .nav_txts .time i{ width: 72%;}

.nav_3 .mores{float: 
left; background-size: 80%; width: 7rem; height: 2rem; margin: -1rem -0.5rem 8% 60%;}



.nav_4{ width: 100%; }
.nav_4 .imgbox{ width: 100%; height: 12rem; margin-bottom: 1.8rem;}
.nav_4 .imgbox a{ width: 100%; height: 12rem;} 
.nav_4 .imgbox:nth-child(even){ float:left;}
.nav_4 .imgbox img{ width: 100%; height:12rem;}
.nav_4 .imgbox i{background-size: 80%; width: 8rem; height: 2rem; margin: -1rem -0.5rem 11% 5%; z-index: 999;margin:10.6rem 0 0 30%;}


.nav_4 .imgbox2{ width: 48%; height: 150px; margin:2% 1%;}
.nav_4 .imgbox2:nth-child(4n){ float: left; margin:2% 1%; }
.nav_4 .imgbox2 img{width: 100%; height: 120px; }
.nav_4 .imgbox2 p{height: 2em; line-height: 2em;}


.sbj_bottom{ width: 100%; height:2.8rem; background-size: cover; margin-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; }
}