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

.bottombg{background:url(bottombg.png) no-repeat center; height:103px; width:100%;}
.banner{height:850px; }

.bannerbg{ width:100%;height:870px; background:url(banner.png) no-repeat top;}
.banner{ width:1025px;height:835px; margin:0 auto;}
.banner a{float: right; width:144px; height:51px;padding-top:240px;overflow:hidden; display:block; cursor:pointer;}
.top_t1{ margin-left:40px;background:url(icon_cn.png) no-repeat bottom;}
.top_t2{ margin-left:40px;background:url(icon_en.png) no-repeat bottom;}

.container{ width:1200px; margin:0 auto;}

.icon_1{  width:100%; height:80px; background:url(icon_1.png) center no-repeat; margin-bottom:50px; margin-top:-85px; }
.icon_2{  width:100%; height:80px;  background:url(icon_2.png) center no-repeat; margin-top:120px;}
.icon_3{  width:100%; height:80px;margin-bottom:70px; }
.icon_4{  width:100%; height:80px;  background:url(icon_4.png) bottom no-repeat;margin-top:120px;margin-bottom:60px; }
.icon_5{  width:100%; height:80px;  background:url(icon_5.png) bottom no-repeat;margin-top:120px;margin-bottom:60px; }
.icon_6{  width:1200px; height:80px; position:relative; margin:0 auto;}
.icon_6 img{position:absolute; top:-45px; left:35%;}

.nav_1{  width:1200px; margin:0 auto;}
.nav_1left { float:left;width:600px; height:380px; text-align: left;overflow:hidden; }
.nav_1left dl{ width:600px; height:380px;position:relative;}
.nav_1left dt{ width:600px; height:380px;z-index:9; position:absolute; top:0; left:0;}
.nav_1left dl img{width:600px; height:380px;}
.nav_1left dd{ width:600px;  height:50px;background-color:#000; opacity:0.85; filter:alpha(opacity=100); z-index:99; position:absolute; bottom:0; left:0; color:#fff; font-family:"微软雅黑"; font-weight:bold;text-align:center; }
.nav_1left dd .tl{color:#fff;width:600px; text-align:left;line-height:50px;font-size:20px; }
.nav_1left dd .tl a{color:#fff;}

.swiper-button-next{ right:0px; background:url(r.png) no-repeat center; }
.swiper-button-prev{ left:0px; background:url(l.png) no-repeat center;}

.nav_1right{float:right; width:580px;}
.nav_1right li{background:url(p1.png) left no-repeat; padding-left:25px; border-top:1px dotted #ccc; line-height:68px; font-size:15px;}
.mores_1{ border-bottom:3px solid #D21817; height:29px; width:100%;}
.mores_1 a{ float:right;}

.nav_2{  width:100%; margin:0 auto; background: url(bg1.png) right no-repeat; height:452px; }
.nav_2left{width:1200px; margin:0 auto;}
.nav_2left ul{padding-top:40px; width:760px; height:380px;}
.nav_2left li{background:url(p1.png) left no-repeat; padding-left:25px; border-bottom:1px dotted #ccc; line-height:74px;}


.nav_3bg{ background: url(icon_3.png) no-repeat center; width:100%; height:756px; margin-top:120px;}
.nav_3{width:1200px; margin:0 auto;}
.videobg0{display:none;}
.pc_vbox{display:block;}
.wap_vbox{display:none;}


#wrap {width: 1200px; margin:auto; overflow: hidden; color:#fff;}
#tit {width: 310px;height: 550px; float: right; }
#tit li {float: right;width: 310px; height: 180px;color: #fff; margin-bottom:2px; cursor:pointer; border:1px solid #fff; }
#tit li.select {  opacity:1; filter:alpha(opacity=100); }
#tit li img{width: 310px;height: 180px; }
#con{ float:left; width:870px; height:550px;}
#con li{width:580px; height:870px;display: none; }
#con li.show {display: block;}

.nav_4{  width:1200px; margin:0 auto; }
.nav_4left{float:left; width:740px;}
.nav_4left ul{padding-top:2px; width:715px;}
.nav_4left li{background:url(p1.png) left no-repeat; padding-left:25px; border-bottom:1px dotted #ccc; line-height:74px;}
.nav_4left dl{ float:left; padding-right:25px; width:345px; height:190px;}
.nav_4left dl img{width:345px; height:190px;}
.nav_4right{float:right; width:460px; height:600px;}
.nav_4right img{ width:460px; height:600px;}


.nav_5{  width:1200px; margin:0 auto; }

.nav_5left { float:left;width:540px; height:460px; text-align: left;overflow:hidden; margin-bottom:160px;}
.nav_5left .imgs{width:525px; height:230px; margin-bottom:15px;}
.nav_5left .imgs img{width:525px; height:230px;}
.nav_5left dl{ width:255px; height:215px;position:relative; float:left; margin-right:15px;}
.nav_5left dt{ width:255px; height:215px;z-index:9; position:absolute; top:0; left:0;}
.nav_5left dl img{width:255px; height:215px;}
.nav_5left dd{ width:255px;  height:50px; padding:10px 0; background-color:#000; opacity:0.85; filter:alpha(opacity=100); z-index:99; position:absolute; bottom:0; left:0; color:#fff; font-family:"微软雅黑"; font-weight:bold;text-align:center; line-height:25px; }
.nav_5left dd .tl{color:#fff;width:255px; text-align:left;line-height:25px;font-size:14px; }
.nav_5left dd .tl a{color:#fff;}

.nav_5right{float:right; width:660px;}
.nav_5right ul{padding-top:2px; width:715px;}
.nav_5right li{background:url(p1.png) left no-repeat; padding-left:25px; border-top:1px dotted #ccc; line-height:65px;}
.nav_5right dl{ height:205px; overflow:hidden; padding-top:25px;}
.nav_5right dl dt{ line-height:30px; border-bottom:5px solid #D21817; color:#D21817; font-size:26px;}
.nav_5right dl dt a{  color:#D21817;}
.nav_5right dl dd{ font-size:16px; line-height:24px;}
.nav_5right dl span{float:right; display: block;}


.nav_6bg{  width:100%; background:#B31212 url(bg2.png) bottom no-repeat; padding-bottom:220px; margin:0 auto; }
.nav_6{  width:1200px; margin:0 auto;padding-top:30px; }
.nav_6left { float:left;width:540px; height:380px; text-align: left;overflow:hidden; }
.nav_6left dl{ width:530px; height:380px;position:relative; float:left; margin-right:15px;}
.nav_6left dt{ width:530px; height:380px;z-index:9; position:absolute; top:0; left:0;}
.nav_6left dl img{width:530px; height:380px;}
.nav_6left dd{ width:530px;  height:50px;background-color:#000; opacity:0.85; filter:alpha(opacity=100); z-index:99; position:absolute; bottom:0; left:0; color:#fff; font-family:"微软雅黑"; font-weight:bold;text-align:center; }
.nav_6left dd .tl{color:#fff;width:530px; text-align:left;line-height:50px;font-size:18px; }
.nav_6left dd .tl a{color:#fff;}

.nav_6right{float:right; width:660px;}
.nav_6right ul{padding-top:2px; width:715px;}
.nav_6right li{background: url(p2.png) no-repeat left; padding-left:25px; border-top:1px dotted #ccc; line-height:68px;}
.nav_6right ul a{color:#fff;}


.mores_2{ border-bottom:3px solid #F1D387; height:29px; width:100%;}
.mores_2 a{ float:right;}


.bottom_sbj{ display:block; text-align:center; background:#333; color:#ddd; line-height:3.5em;}
.bottom_sbj a{ color:#ddd;}
.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%;}
.bottombg,.bannerbg{ height: auto; background: none;}
.m_banner{ display: block; }
.icon_2,.icon_3,.icon_4,.icon_5{ width:40%; height: auto; background: none; margin:1% auto; padding-top:0;}
.line_h{ height:2em;}

.bannerbg{ width:100%;height:auto; background: none;}
.banner{ width:auto;height:auto; margin:0 auto;}
.banner a{float:left; width:18%; height:auto;padding-top:0;overflow:hidden; display:block; cursor:pointer; position:absolute; top:11%;  height: auto; background: none; }
.top_t1{ float:left;left:45%; }
.top_t2{float:left;left:66%;}

.icon_1{ width:40%; height: auto; background: none; margin:-2% auto 3% auto; padding-top:0;}
.icon_6{ width:40%; height: auto; background: none; margin:0 auto 3% auto; padding-top:0;}
.icon_6 img{position:absolute; top:-20px; left:8%;}



.nav_1{  width:100%; margin:0 auto;}
.nav_1left { float:left;width:100%; height: auto; text-align: left;overflow:hidden; }
.nav_1left dl{ width:100%; height:  230px;position:relative;overflow:hidden; }
.nav_1left dt{width:100%; height: 230px;z-index:9; position:absolute; top:0; left:0;}
.nav_1left dl img{width:100%; height: auto;}
.nav_1left dd{width:100%;  height:2em;}
.nav_1left dd .tl{color:#fff;width:100%;text-align:left;line-height:2em;font-size:1em; }
.nav_1left dd .tl a{color:#fff;}

.swiper-button-next{ right:0px; background:url(r.png) no-repeat center; }
.swiper-button-prev{ left:0px; background:url(l.png) no-repeat center;}

.nav_1right{float:left;width:100%; margin:3% auto;}
.nav_1right ul{ width:94%; padding:0 3%;}
.nav_1right li{background:url(p1.png) left no-repeat; padding-left:20px; border-top:1px dotted #ccc; line-height:3em;}
.mores_1{ border-bottom:2px solid #D21817; height:20px; width:100%;}
.mores_1 a{ float:right; width:20%;}

.nav_2{  width:100%; margin:5% auto; background: none;height: auto; }
.nav_2left{width:100%; margin:0 auto;}
.nav_2left ul{padding-top:0; width:94%; padding:0 3%;height: auto;}
.nav_2left li{background:url(p1.png) left no-repeat; padding-left:20px; border-bottom:1px dotted #ccc; line-height:3em;}



.icon_3{ display:none;}
.nav_3bg{ background: none; position: relative;  width:100%; margin:5% auto;height: 350px; display:block;}
.nav_3{width:90%;height: auto; position:absolute; top:20%; z-index:3; left:5%;}
.videobg0{display:block; position:absolute; top:0; z-index:1;height: auto; }
.pc_vbox{display:none;}
.wap_vbox{display:block;}

.nav_4{width:100%; margin:5% auto; height: auto;}
.nav_4left{float:left;width:94%; padding:0 3%; margin-bottom:5%;}
.nav_4left ul{width:100%;padding-top:0; height: auto;}
.nav_4left li{background:url(p1.png) left no-repeat; padding-left:20px; border-bottom:1px dotted #ccc; line-height:3em;}
.nav_4left dl{ float:left; padding:0 1%; width:48%; height:110px; overflow:hidden;}
.nav_4left dl img{width:100%;height: auto;}
.nav_4right{float:left;  width:94%; padding:0 3%;height: auto;}
.nav_4right img{width:100%;height: auto;}


.nav_5{ width:100%; margin:5% auto 10% auto; height: auto;}

.nav_5left { float:left;width:96%; padding:0 2%;height: auto;text-align: left;overflow:hidden; margin-bottom:0;}
.nav_5left .imgs{width:100%; height:200px; margin-bottom:5%; overflow:hidden;}
.nav_5left .imgs img{width:100%;height: auto;}
.nav_5left dl{width:48%;height:130px;position:relative; float:left; margin:0 1% 2% 1%;}
.nav_5left dt{ width:100%; height:130px;z-index:9; position:absolute; top:0; left:0; overflow:hidden;}
.nav_5left dl img{width:100%;height: auto;}
.nav_5left dd{ width:100%; height:30px; }
.nav_5left dd .tl{color:#fff;width:100%; text-align:left;line-height:30px;font-size:13px; }
.nav_5left dd .tl a{color:#fff;}

.nav_5right{float:left;width:94%; padding:0 3%; margin-bottom:10%;}
.nav_5right ul{padding-top:0; width:100%;}
.nav_5right li{background:url(p1.png) left no-repeat; padding-left:20px; border-bottom:1px dotted #ccc; line-height:3em;}
.nav_5right dl{ height: auto;overflow:hidden; padding:2% 0;}
.nav_5right dl dt{ height: auto; line-height:1.9em; border-bottom:5px solid #D21817; color:#D21817; font-size:1.2em; margin-bottom:2%;}
.nav_5right dl dt a{  color:#D21817;}
.nav_5right dl dd{ font-size:0.95em; line-height:1.2em;}
.nav_5right dl span{float:right; display: block;}



.nav_6bg{  width:100%; background:#B31212; padding-bottom:0; margin:0 auto;height: auto; }
.nav_6{  width:96%; padding:10% 2% 0 2%;margin:0 auto; }
.nav_6left { float:left;width:100%; height: auto;  text-align: left;overflow:hidden; }
.nav_6left dl{ width:100%;height:240px;position:relative; float:left; margin-right:0;overflow:hidden; }
.nav_6left dt{ width:100%; height:240px;z-index:9; position:absolute; top:0; left:0;}
.nav_6left dl img{width:100%; height: auto; }
.nav_6left dd{width:100%; height:40px;}
.nav_6left dd .tl{color:#fff;width:100%;text-align:left;line-height:40px;font-size:16px; }
.nav_6left dd .tl a{color:#fff;}

.nav_6right{float:left;width:100%;}
.nav_6right ul{padding-top:0; width:100%;}
.nav_6right li{background:url(p2.png) left no-repeat; padding-left:20px; border-bottom:1px dotted #ccc; line-height:3em;}
.nav_6right ul a{color:#fff;}


.mores_2{ border-bottom:3px solid #F1D387; height:20px; width:100%;}
.mores_2 a{ float:right;width:20%;}





.swiper-slide{width:100%;}
.swiper-pagination-bullet{ width:10%; height:4px; border-radius:2px; }


.tt{ display: none; }
}