body {font-size: 16px; line-height: 36px; font-family:"微软雅黑"; color:#514428; background:#fff url(bg.jpg) center 70px no-repeat;}
*{ margin:0; padding:0;}
a {text-decoration:none;color:#514428;}
a:hover {text-decoration:underline; color:#483C22; }
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:620px;}
.banner img{padding-top: 85px;}


.all_l{ float: left; }
.all_r{float: right;}
.icon_1{background: url(xwjj-line.png) center no-repeat;  width: 100%; height: 30px; margin-bottom: 30px; display: block; text-align: center;}
.icon_2{background: url(wjkmzwn-line.png) center no-repeat;  width: 100%; height: 30px; margin-bottom: 30px; display: block; text-align: center;}
.icon_2a{ margin-bottom: 20px; }
.icon_3{background: url(yfjs-line.png) center no-repeat;  width: 100%; height: 30px; margin-bottom: 30px; display: block; text-align: center;}
.icon_4{background: url(yqzgzwn-line.png) center no-repeat;  width: 100%; height: 30px; margin-bottom: 30px; display: block; text-align: center;}
.icon_5{background: url(gcls-line.png) center no-repeat;  width: 100%; height: 30px; margin-bottom: 30px; display: block; text-align: center;}


.nav_1bg{width: 1200px; padding: 15px; background: rgba(253, 252, 248, 0.6);border-radius: 10px 10px 0 0; margin:0 auto; }
.nav_1{width: 1110px; margin: 0 auto; padding: 45px; height: 530px;background: #FCFBF7;border-radius: 10px 10px 0 0;}
.nav_1left{ float:left; width: 740px; height: 415px; }
.nav_1left dl{ width:740px; height:415px;position:relative; overflow:hidden;}
.nav_1left dt{ width:740px; height:415px;z-index:9; position:absolute; top:0; left:0;}
.nav_1left dl img{width:100%; height: 415px;}
.nav_1left dd{width:700px; padding:20px; overflow:hidden; line-height:22px; background: linear-gradient(90deg, rgba(191, 0, 12, 0.8), rgba(213, 139, 0, 0.8));font-size:18px; z-index:99; position:absolute; bottom:0; left:0; color:#fff; }
.nav_1left dd .tl{ color: #fff;text-align:left;}
.nav_1left dd .tl a{color:#fff;}
.focusBox1 .swiper-pagination{bottom:8px; left: 36%;}
.focusBox1 .swiper-pagination-bullet{background:#EFB469;width:20px; height:3px; border-radius:0;filter: alpha(opacity=100); opacity: 1; }
.focusBox1 .swiper-pagination-bullet-active{ background: #ECECEC;  filter: alpha(opacity=100); opacity: 1;}




.nav_1right{ float: right; width: 300px;height: 361px;
background: #FDFCFA; padding: 25px;
border: 2px solid #D8C6A0;}
.nav_1right dl{ padding-bottom: 15px; margin-bottom: 10px; border-bottom:1px dashed #E9E1C9;  line-height: 24px; }
.nav_1right dt{font-size: 20px; margin-bottom: 10px;}
.nav_1right dd { color:#968E7D; }

.nav_1right li{ line-height: 20px; background: url(red-spot.png) left no-repeat; padding: 7px 0 7px 15px;}
.nav_1 .mores{ padding: 20px 0; width: 100%; height: 20px; line-height: 20px;}
.nav_1 .mores i{ width: 1060px;height: 10px; border-bottom: 1px solid #E3E3E3; float: left; display: block;}
.nav_1 .mores a{ float: right; color: #A3977D; }

.nav_2bg{ position: relative; z-index: 10px; margin:-65px auto -45px auto;background: url(red-wjkmzwn-bg.png) right top no-repeat;  width: 100%; height:826px; padding-top: 110px;}
.nav_2{ margin:0 auto 80px auto;width: 1100px;}
.nav2_left{ float: left;background: #8F1105;width: 490px;
height: 570px; padding: 30px; }

.nav2_left .nl_1 {color: #FFF6C6;  padding-bottom: 20px; border-bottom: 1px solid #9C2F23; margin-bottom: 15px; font-size: 18px; line-height: 24px;}
.nav2_left .nl_1 a{color: #FFF6C6;}
.nav2_left .nl_1 dl{ position: relative; width: 490px;height:275px; margin-bottom: 15px; }
.nav2_left .nl_1 dl dt{ width: 490px; height:275px; background: rgba(0,0,0,0.4) url(play-icon.png) no-repeat center; position: absolute; left: 0; top: 0; z-index: 9; }
.nav2_left .nl_1 dl dd img{ width: 490px; height:275px; }
.nav2_left .nl_1 dl dd{font-size: 14px;width: 490px; }

.nav2_left .nl_2 {color: #FFF6C6;font-size: 18px; line-height: 24px;}
.nav2_left .nl_2 a{color: #FFF6C6;}
.nav2_left .nl_2 dl{ position: relative; width: 240px;height:137px; margin-bottom: 15px; }
.nav2_left .nl_2 dl dt{ width: 240px; height:137px; background: rgba(0,0,0,0.4) url(play02-icon.png) no-repeat center; position: absolute; left: 0; top: 0; z-index: 9; }
.nav2_left .nl_2 dl dd img{ width: 240px; height:137px; }
.nav2_left .nl_2 dl dd{font-size: 14px;width: 240px; }

.nav2_right{ float: right; width: 460px;height: 570px; padding: 30px;background: linear-gradient(0deg, #F9F2DB, #FDFBF5);border: 1px solid rgba(228, 221, 193, 0.72);}
.nav2_right dl{ border-bottom: 1px dashed #E6DEC3; padding-bottom: 20px; margin-bottom: 20px; line-height: 20px;}
.nav2_right dl dt{ margin-bottom: 10px; }
.nav2_right dl dd{font-size: 14px; color: #848279;}

.nav_2 .mores{ padding: 20px 0; width: 100%; height: 20px; line-height: 20px;}
.nav_2 .mores i{ width: 1060px;height: 10px; border-bottom: 1px solid #E9AEA8; float: left; display: block;}
.nav_2 .mores a{ float: right; color: #E9AEA8; }


.nav_3bg{ width: 100%; background: linear-gradient(0deg, #ffffff, #F8F1E7); padding-top: 100px;}
.nav_3{ width: 1100px; margin: 0 auto; }
.nav_3_a {  width:1048px;height: 210px;background: #FDFAF4;
border: 1px solid rgba(204, 197, 167, 0.72); padding:30px 25px; margin-bottom: 40px;}
.nav_3_a dl{ margin-top: 15px; padding-right: 50px; border-right: 1px dashed #DACCB6; float: left; width: 575px; line-height: 22px; }
.nav_3_a dl img{ float: left; width: 200px; height: 110px; }
.nav_3_a dl dt{ float: right; width: 360px; margin-bottom: 10px; }
.nav_3_a dl dd{font-size: 14px; float: right; width: 360px; color: #8D867A; }
.nav_3_a ul{ float: right; width: 390px; }
.nav_3_a ul li{line-height: 20px; background: url(red-spot.png) left no-repeat; padding: 7px 0 7px 15px;}
.nav_3_b{ width: 100%; margin-bottom: 65px; }
.nav_3_b dl{width: 320px;height: 240px;background: #CC1012; padding: 6px;}
.nav_3_b dt img{ width: 320px; height: 170px; }
.nav_3_b dt {width: 320px; height: 170px; margin-bottom: 15px;}
.nav_3_b dd{ color: #FFE6B0; line-height: 22px;background: url(shipin-icon.png) 5px 5px no-repeat; padding: 0 10px 0 30px; }
.focusBox2{ padding-bottom: 40px; }
.focusBox2 .swiper-pagination-progressbar{ background:#F9F3EA; top: 280px; }
.focusBox2 .swiper-pagination-progressbar-fill{ background: #EACEAA; }


.nav_4bg{ width: 100%; background: url(h5-bg.jpg) no-repeat center; padding-top: 70px; margin-bottom: 70px;}
.nav_4{ width: 630px; margin: auto;  padding-top:30px;}
.nav_4 dl{ width: 340px; }
.nav_4 dt{ width: 300px; background: #CC1012; padding: 20px 20px 10px 20px;box-shadow: 0 0 30px #888888; }
.nav_4 dt img{ width: 100%; height: 545px; }
.nav_4 dl .tl{font-size: 18px; line-height: 20px;color: #CC1012;padding: 0 50px; line-height: 24px; margin-top: 30px;}
.nav_4 dl dd{background: #CC1012; padding:0 20px 20px 20px; position: relative;}
.nav_4 dl dd a{ width: 20px; height: 20px; background: url(erweima-icon.png) no-repeat center; display: block; margin: 0 auto; z-index: 9; }
.nav_4 dl a .ewx_box{ display: none; }
.nav_4 dl a:hover .ewx_box{ width: 150px; height: 150px; position: absolute; z-index: 99; display: block; top: -160px; left:100px; }
.nav_4 dl a:hover .ewx_box img{ width: 150px; height: 150px; }

.focusBox0 { width: 100%;padding-bottom:80px;}
.focusBox0 .swiper-slide { background-position: center;background-size: cover; width: 330px; height: 630px;}
.focusBox0 .swiper-button-next{ position:absolute;top: 700px; width:20px;height:20px;z-index: 10;cursor: pointer;background: url(jt-right.png) no-repeat center; right: 140px; }
.focusBox0 .swiper-button-prev{ position:absolute;top: 700px; width:20px;height: 20px;z-index: 10;cursor: pointer;background: url(jt-left.png) no-repeat center; left:140px; }






.nav_5bg{ width: 100%; background: url(gcls-bg.jpg) no-repeat center;padding:90px 0;margin-bottom: 70px;}
.nav_5{ width: 1050px; height: 420px; padding: 50px 30px; margin: auto;background: linear-gradient(90deg, #E1731A, #861206);}
.nav5_left{ float: left; width: 710px; }
.nav5_left dl{ width: 100%; margin-bottom: 50px; line-height: 20px;height: 120px;   }
.nav5_left dl img{ width: 210px; height: 120px; float: left; }
.nav5_left dl dt{ width: 480px; float: right; color: #FFEED4; margin-bottom: 10px;}
.nav5_left dl dd{ width: 480px; float: right; color: #E89A7F }

.nav_5 ul{ float: right; width: 290px; }
.nav_5 ul li{background: linear-gradient(90deg, #C4691F, #861206) ; color: #FBCBA8; margin-bottom: 10px; line-height: 20px; padding: 20px;}
.nav_5 ul li a{color: #FBCBA8;background: url(gcls-list-spot.png) left 10px no-repeat; padding-left: 10px; }

.nav_5 .mores{ padding: 20px 0; width: 100%; height: 20px; line-height: 20px;}
.nav_5 .mores i{ width: 1000px;height: 10px; border-bottom: 1px solid #AE2A21; float: left; display: block;}
.nav_5 .mores a{ float: right; color: #E9C19B; }
.nav_6{ width: 1120px; margin: 0 auto 70px auto; }

.sbj_bottom{ width: 100%; text-align: center; background: #CC1012; padding:0;}

.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:1em; 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;}

.banner{background: url(bg.jpg) center no-repeat; background-size: cover; height:300px;}
.banner img{ width: 80%; padding-top: 10%;}

.all_r{ float: left;}
.icon_1,.icon_2,.icon_2a,.icon_3,.icon_4,.icon_5{background:none; height: auto; margin:3% auto;}

.nav_1bg{width:90%; padding:3%; margin: -6em auto 3% auto; border-radius: 5px 5px 0 0; }
.nav_1{width: 100%; padding:5% 0; height: auto;border-radius: 5px 5px 0 0;}
.nav_1left{width: 100%; height: 180px; margin-bottom: 5%;}
.nav_1left dl{ width:100%; height:180px;}
.nav_1left dt{ width:100%; height:180px;}
.nav_1left dl img{width:100%; height: 180px;}
.nav_1left dd{font-size: 0.9em; width:92%; padding:4%; line-height:1.2em;  }
.nav_1left dd .tl{ }
.nav_1left dd .tl a{}
.focusBox1 .swiper-pagination{bottom:4px;}




.nav_1right{ float:left; width:88%;height: auto; padding: 5%;}
.nav_1right dl{ padding-bottom: 3%; margin-bottom: 2%; line-height: 1.2em; }
.nav_1right dt{font-size:1em; margin-bottom: 2%;}
.nav_1right dd { font-size: 0.85em; line-height: 1.4em; }
.nav_1right li{ line-height: 1em; 
	padding: 2% 0 2% 15px;}
.nav_1 .mores{ padding: 2% 0; width:96%; height: 1.4em; line-height: 1.4em;}
.nav_1 .mores i{ width:85%;}
.nav_1 .mores a{ font-size: 0.8em; }

.nav_2bg{ margin:-10% auto 0 auto;height: auto; padding-top: 12%;}
.nav_2{ margin:0 auto 5% auto;width: 94%;}
.nav2_left{width:90%;
height: auto; padding:3%  5%; margin-bottom: 5%; }

.nav2_left .nl_1 { padding-bottom: 5%; margin-bottom: 5%; font-size: 0.95em; line-height:1.2em;}
.nav2_left .nl_1 a{}
.nav2_left .nl_1 dl{ width: 100%;height:175px; margin-bottom:2%; }
.nav2_left .nl_1 dl dt{ width:100%; height:175px; }
.nav2_left .nl_1 dl dd img{ width: 100%; height:175px; }
.nav2_left .nl_1 dl dd{font-size: 0.8em;width: 100%; }

.nav2_left .nl_2 { margin-bottom: 5%; }
.nav2_left .nl_2 a{}
.nav2_left .nl_2 dl{ width: 100%;height:175px; margin-bottom:2%;}
.nav2_left .nl_2 dl dt{  width:100%; height:175px; }
.nav2_left .nl_2 dl dd img{width: 100%; height:175px;  }
.nav2_left .nl_2 dl dd{font-size: 0.8em;width: 100%; }

.nav2_right{ float: left; width: 94%;height: auto; padding: 3%;}
.nav2_right dl{
	padding-bottom: 5%; margin-bottom:5%; line-height: 1.2em;}
.nav2_right dl dt{ margin-bottom: 2%; }
.nav2_right dl dd{font-size: 0.85em;}

.nav_2 .mores{ padding: 2% 0;}
.nav_2 .mores i{ width:85%;}
.nav_2 .mores a{ font-size: 0.9em; }


.nav_3bg{ width: 100%;padding-top:5%; margin-bottom: 0;}
.nav_3{ width: 100%; height: auto; }
.nav_3_a {  width:92%;height: auto;padding:3%; margin-bottom: 4%;}
.nav_3_a dl{ margin-top:0; padding-right: 0; float: inherit; width: 100%; line-height:1.2em; }
.nav_3_a dl img{width:100%; height: auto; }
.nav_3_a dl dt{ float:left; width: 100%; margin-bottom: 2%; }
.nav_3_a dl dd{font-size: 0.85em; float: left; width: 100%; }
.nav_3_a ul{ float: left; width: 100%; }
.nav_3_a ul li{line-height: 1.22em;  padding: 2% 0 2% 15px;}
.nav_3_b{ width: 100%; margin-bottom: 0; }
.nav_3_b dl{width:94%; height: 220px; padding:3%;}
.nav_3_b dt img{ width:100%; }
.nav_3_b dt {width:100%; margin-bottom:2%;}
.nav_3_b dd{ line-height: 1.2em;}
.focusBox2 .swiper-pagination-progressbar{ top: 250px; }


.nav_4bg{padding-top:0; margin-bottom: 0;}
.nav_4{ width:100%; padding-top:2%;}
.nav_4 dl{ width: 100%; }
.nav_4 dt{ width:96%; padding: 2%;}
.nav_4 dt img{ width: 100%; height: 400px; }
.nav_4 dl .tl{font-size: 1em; line-height: 1.2em;padding: 0 11%;margin-top: 5%;}
.nav_4 dl dd{ display: none; }
.nav_4 dl dd a{ display: none; }
.nav_4 dl a .ewx_box{ display: none; }
.nav_4 dl a:hover .ewx_box{ display: none;}
.nav_4 dl a:hover .ewx_box img{display: none; }

.focusBox0 { width: 90%;padding-bottom:4%;}
.focusBox0 .swiper-slide { width: 100%; height: 480px;}
.focusBox0 .swiper-button-next{top: 470px; right: 0; }
.focusBox0 .swiper-button-prev{top: 470px; left:0; }



.nav_5bg{ width: 92%; padding:4%;margin-bottom: 5%; background-size: cover;}
.nav_5{ width: 90%; height: auto; padding: 5%; margin: auto;}
.nav5_left{width:100%; }
.nav5_left dl{ width: 100%; margin-bottom: 5%; line-height: 1.2em;height: auto;   }
.nav5_left dl img{ width: 100%; height: auto; float: inherit; margin-bottom: 2%; }
.nav5_left dl dt{ width:100%; float: left; margin-bottom:4%;}
.nav5_left dl dd{ width:100%; float:left; font-size: 0.85em; margin-bottom: 5%; }

.nav_5 ul{ float:left; width:100%; }
.nav_5 ul li{ font-size: 0.9em; margin-bottom:3%; line-height:1.2em; padding: 5%;}
.nav_5 ul li a{}

.nav_5 .mores{ padding: 2% 0;}
.nav_5 .mores i{ width:85%;}
.nav_5 .mores a{ font-size: 0.9em; }

.nav_6{ width:92%; margin: 0 auto 5% auto; }


.sbj_bottom{ padding: 5% 0 2% 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; }
}