﻿body {font-size: 16px; line-height: 30px; font-family:"微软雅黑"; color: #333; background:#fff ;}
*{ margin:0; padding:0;}
a {text-decoration:none;color:#222222;}
a:hover {text-decoration:underline; color:#0149B5; }
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{ width:100%;background:url(banner.jpg) no-repeat top;}
.banner_top{ width:100%; height:1080px;}
.bannerbg { width:1100px; padding:40px; color:#fff;background:#B50104;border-radius:18px; margin:0 auto 60px auto;}
.bannerbg a{ color:#fff; }
.banner_box{ line-height:36px; font-size:20px; }
.banner_box2{ line-height:36px; font-size:20px; float:left; padding-left:40px; width:900px; }

.icon_1{ text-align:center;}
.icon_2{ float:left;}
.icon_3{width:1200px; margin:0 auto; color:#fff; font-size:42px; line-height:50px; font-weight:bold; text-align:center; margin-bottom:80px;}
.icon_4{width:1200px; margin:0 auto; font-size:30px; line-height:40px; font-weight:bold; text-align:center; margin-bottom:50px;}

.container{ width:1200px; margin:0 auto;}

.nav_1{ background:url(bg1.jpg) top repeat-y; padding:70px 0 100px 0;}
.nav1_box{ width:1200px; margin:0 auto;}

.nav_2bg{ width:100%; background:url(bg2.jpg) bottom no-repeat; padding-top:80px;}
.nav_2{ width:1200px; margin:0 auto; }
.nav2_box{ background:#FFFFFF; padding:25px; height:880px; overflow:auto; margin:20px 0 0 0;}

.items{ width:1150px; margin-bottom:40px; display:block;}
.items .tems_1{ float:left; width:94px; height:37px; background:url(xxx_bg.png) no-repeat center; color:#fff; font-size:20px; line-height:37px; padding-left:10px; font-weight:bold; display:block; margin-top:25px;}
.items .tems_2{ float:left; background:url(lines.jpg) no-repeat top; width:10px; height:400px; display:block; padding:0 10px;}
.items .tems_3{float:left; background:#EEEEEE; padding:25px; width:960px;border-radius:10px; height:310px; overflow:hidden; margin-bottom:40px;}

.pplayer_box{ float:left;width:560px; height:310px;}
.pplayer_box dl{ width:560px; height:310px;position:relative;}
.pplayer_box dt{ width:560px; height:310px;z-index:9; position:absolute; top:0; left:0;}
.pplayer_box dl img{width:560px; height:310px;}
.pplayer_box dd{ width:560px;height:310px; background:#000 url(playbg.png) no-repeat center;background-size: 18% auto;  opacity:0.55; filter:alpha(opacity=100); z-index:99; position:absolute; top:0; left:0; }
.pplayer_box dd .tl{color:#fff;width:560px;height:310px; display:block; }
.pplayer_box dd .tl a{color:#fff;} 

.items .ttxt_s{ float:left; padding-left:40px; width:360px;}
.items .ttxt_s dt{ font-size:20px; line-height:28px; margin-bottom:10px; font-weight:bold;}
.items .ttxt_s dd{ font-size:16px; line-height:24px; margin-bottom:10px; color:#666; }
.items .ttxt_s span{display:block; text-align:right; color:#E83A3B;}
.items .ttxt_s span a{color:#E83A3B;}

.nav2_cet{ width:1190px; margin:0 auto;line-height: 42px;font-size: 22px;}
.nav2_cet img{text-align:center; display: block;}

.bottombg{ width:1200px; height:220px; padding-top:320px; margin:0 auto;}
.bottom_icon{float:left; padding-left:80px;}
.bottom_txt{ float:left; padding-left:80px; width:800px; color:#fff; font-size:1.4em; line-height:1.5em;}
.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%;}
.banner{width:100%; height: auto; background: none; margin-bottom:0;}
.m_banner{ display: block; }
.line_h{ height:2em;}



.icon_1{width:60%; height: auto; margin:0 auto;padding: 3% 5% 1% 5%; float:none;}
.icon_2{width:30%; height: auto; margin:0 auto;padding: 3% 5% 1% 5%; float:none;}

.banner_top{height: auto;}
.bannerbg { width:90%; padding:3%;border-radius:5px; margin:0 auto 5% auto;}
.banner_box,.banner_box2{ line-height:1.4em; font-size:0.9em; width:100%; float:none; padding-left:0; margin:0 auto;}

.icon_3{width:90%; margin:0 auto;font-size:1.1em; line-height:1.4em; margin-bottom:5%;}
.icon_4{width:90%; margin:0 auto;font-size:1.1em; line-height:1.4em; margin-bottom:5%;}


.nav_1{ background:#321612; padding:2% 0 5% 0;}
.nav1_box{ width:98%;}

.nav_2bg{ background:none; padding-top:5%;}
.nav_2{ width:100%;}
.nav2_box{padding:0; height: auto;margin:3% 0 0 0;}

.items{ width:100%; margin-bottom:3%; display:block;}
.items .tems_1{ float: inherit; width:30%; height:2em; margin:0 auto; text-align:center; background:#E83A3B; color:#fff; font-size:1.2em; line-height:2em; padding-left:0;}
.items .tems_2{ display:none;}
.items .tems_3{background:#EEEEEE; padding:2%; width:96%;border-radius:3px; height: auto; margin-bottom:6%;}

.pplayer_box{ float:left;width:100%; height:210px; margin-bottom:3%;}
.pplayer_box dl{width:100%; height:210px;position:relative; overflow:hidden;}
.pplayer_box dt{width:100%; height:210px;z-index:9; position:absolute; top:0; left:0;}
.pplayer_box dl img{width:100%; height: auto;}
.pplayer_box dd{ width:100%; height:210px; background:#000 url(playbg.png) no-repeat center;background-size: 18% auto;  opacity:0.55; filter:alpha(opacity=100); z-index:99; position:absolute; top:0; left:0; }
.pplayer_box dd .tl{color:#fff;width:100%; height:210px;display:block; }
.pplayer_box dd .tl a{color:#fff;} 

.items .ttxt_s{ float: none; padding-left:0; width: 90%; margin:0 auto;}
.items .ttxt_s dt{ font-size:1.1em; line-height:1.4em; margin-bottom:3%; font-weight:bold;}
.items .ttxt_s dd{ font-size:0.95em; line-height:1.4em; margin-bottom:3%; color:#666; }
.items .ttxt_s span{display:block; text-align:right; color:#E83A3B;}
.items .ttxt_s span a{color:#E83A3B;}

.nav2_cet{ width:90%; margin:0 auto ; padding:0 5% 5% 5%;  font-size:0.95em; line-height:1.7em; }
.nav2_cet img{text-align:center; width:100%; height:auto; display: block;}

.bottombg{ background:#B00003; width:100%; height:auto; padding: 6% 0;}
.bottom_icon{float: none; padding-left:0; width:30%; margin:0 auto;}
.bottom_txt{ float:none; padding-left:0; width:90%; margin:0 auto; color:#fff; font-size:0.9em; line-height:1.6em;}

.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; }
}