body {font-size: 18px; line-height: 30px; font-family:"微软雅黑"; color: #333; background:#fff;}
*{ margin:0; padding:0;}
a {text-decoration:none;color:#3E4969;}
a:hover {text-decoration:underline; color:#3E4969; }
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(bottomb.png) top no-repeat; height:316px; width:100%;}
.banner{height:850px; }

.bannerbg{ width:100%;height:734px; background:url(banner.jpg) no-repeat top;}
.banner{ width:1025px;height:734px; margin:0 auto;}
.banner a{float: right; height:46px;padding-top:400px;overflow:hidden; display:block; cursor:pointer;}
.top_t1{ width:126px; background:url(icon_cn.png) no-repeat bottom;}
.top_t2{ width:190px; margin-right:110px;background:url(icon_en.png) no-repeat bottom;}

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

.icon_1{  width:100%; height:100px; background:url(icon_1.png) center no-repeat; margin-bottom:40px;}
.icon_2{  width:100%; height:200px; }
.icon_3{  width:100%; height:100px; background:url(icon_3.png) center no-repeat;  margin-bottom:40px;}
.icon_4{  width:100%; height:100px; background:url(icon_4.png) center no-repeat; margin-bottom:40px;}
.icon_5{  width:100%; height:100px; background:url(icon_5.png) center no-repeat; margin-bottom:40px;}


.nav_1{  width:1200px; margin:0 auto; }
.nav_1left { float:left;width:570px; height:320px; text-align: left;overflow:hidden; margin-bottom:100px; }
.nav_1left dl{ width:570px; height:320px;position:relative;}
.nav_1left dt{ width:570px; height:320px;z-index:9; position:absolute; top:0; left:0;}
.nav_1left dl img{width:570px; height:320px;}
.nav_1left dd{ width: 560px;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;line-height: 20px;padding-left: 10px;padding-top: 10px;}
.nav_1left dd .tl{color:#fff;width:570px; text-align:left;line-height:20px;font-size:18px;}
.nav_1left dd .tl a{color:#fff;}

.swiper-pagination-bullet{ background:#fff;width:30px; height:3px;border-radius:0;}
.swiper-pagination-bullet-active{ background:#fff; filter: alpha(opacity=100); opacity: 1.0;}
.swiper-container-horizontal>.swiper-pagination-bullets{ left:60%;width:50%;}
.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:590px;}
.nav_1right dl{ margin-bottom:10px;}
.nav_1right dt{ font-size:20px; font-weight:bold;}
.nav_1right dd{ color:#666;line-height: 24px;font-size: 14px;}


.nav_2bg{ width:100%; height:583px; margin-bottom:100px; background:url(icon_2.jpg) no-repeat center;}
.nav_2{  width:1200px; margin:0 auto; }
.videobg0{display:none;}
.pc_vbox{display:block;}
.wap_vbox{display:none;}
#tit dl{float:right; width:350px; font-weight:bold; padding-left:10px;}

#wrap {width: 1130px; margin:auto; overflow: hidden; color:#fff;}
#tit {width: 530px;height: 310px; float: right; }
#tit li {float: right;width: 530px; height:90px;color: #fff; margin-bottom:15px; cursor:pointer;  }
#tit li.select {  opacity:1; filter:alpha(opacity=100); }
#tit li img{float:left; width:160px; height:90px;}
#con{ float:left; width:550px; height:300px;}
#con li{width:550px; height:300px;display: none;  }
#con li.show {display: block;}

.nav_3{  width:1200px; margin:0 auto;padding-top:30px; }
.nav_3left { float:left;width:565px; height:320px;overflow:hidden;  margin-bottom:40px;}
.nav_3left dl{ width:565px; height:320px;position:relative; float:left; margin-right:15px;}
.nav_3left dt{ width:565px; height:320px;z-index:9; position:absolute; top:0; left:0;}
.nav_3left dl img{width:565px; height:320px;}
.nav_3left dd{ width:565px;  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_3left dd .tl{color:#fff;width:565px; text-align:left;line-height:50px;font-size:18px; }
.nav_3left dd .tl a{color:#fff;}

.nav_3right{float:right; width:565px; margin-bottom:40px;}
.nav_3right dl{ margin-bottom:10px;}
.nav_3right dt{ font-size:20px; font-weight:bold;}
.nav_3right dd{ color:#666;line-height: 24px;font-size: 14px;}

.nav_3cet1{  float:left;width:565px;overflow:hidden; }
.nav_3cet2{  float: right;width:565px;overflow:hidden; }
.nav_3cet1 dl{width:565px; height:125px; margin-bottom:30px; overflow:hidden;}
.nav_3cet2 dl{width:565px; height:125px; margin-bottom:30px;}
.nav_3cet1 dt{width:225px; height:125px; float:left;}
.nav_3cet1 dt img{width:225px; height:125px;}
.nav_3cet1 dd{ float:right;width:330px; height:125px; font-size:20px; font-weight:bold; line-height:24px;}
.nav_3cet2 dt{width:225px; height:125px; float:left;}
.nav_3cet2 dt img{width:225px; height:125px;}
.nav_3cet2 dd{ float:right;width:330px; height:125px; font-size:20px; font-weight:bold;line-height:24px;}


.nav_4{  width:1200px; margin:100px auto; overflow:hidden; }
.nav_4 dl{ width:1200px; height:680px;position:relative;}
.nav_4 dt{ width:1200px; height:680px;z-index:9; position:absolute; top:0; left:0;}
.nav_4 dl img{width:1200px; height:680px;}
.nav_4 dd{ width:1180px; 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; padding:10px; }
.nav_4 dd .tl{color:#fff;width:1200px; text-align:left;line-height:26px;font-size:24px; padding-left:10px; }
.nav_4 dd .tl a{color:#fff;}


.nav_5{  width:1200px; margin:0 auto; overflow:hidden; }
.nav5_lines{float:left; width:15px; height:300px;}
.nav5_box{float:left; width:390px;}
.nav5_box dl{ width:390px; height:220px;position:relative;}
.nav5_box dt{ width:390px; height:220px;z-index:9; position:absolute; top:0; left:0;}
.nav5_box dl img{width:390px; height:220px;}
.nav5_box dd{ width:370px; 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; padding:10px; line-height:20px;}
.nav5_box dd .tl{color:#fff;width:370px; text-align:left;font-size:14px;}
.nav5_box dd .tl a{color:#fff;}
.nav5_box li{ line-height:22px; background:url(p1.jpg) left no-repeat; padding-left:15px; margin-bottom:15px;}
.nav5_box ul{padding-top:20px;}

.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:0.95em; 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_1,.icon_3,.icon_4,.icon_5{ width:100%; 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;  height:auto;padding-top:0;overflow:hidden; display:block; cursor:pointer; position:absolute; top:23%;  height: auto; background: none; }
.top_t1{ float:left;left:33.5%; width:30%; background:none;}
.top_t2{float:left;left:63%;width:30%; background:none;}


.nav_1{ width:100%;height:auto;  margin:0 auto; }
.nav_1left {width:100%;height:auto;  margin-bottom:5%; }
.nav_1left dl{ width:100%; height:220px;position:relative; overflow:hidden;}
.nav_1left dt{ width:100%; height:220px;z-index:9; position:absolute; top:0; left:0; overflow:hidden;}
.nav_1left dl img{width:100%;height:auto; }
.nav_1left dd{ width:98%;  height:40px; padding:1%;}
.nav_1left dd .tl{color:#fff;width:96%; text-align:left;line-height:20px;font-size:1em;}
.nav_1left dd .tl a{color:#fff;}
.swiper-slide{width:100%;}
.swiper-pagination-bullet{ width:8%; height:4px; border-radius:0px; }


.nav_1right{float:left; width:96%; padding:0 2%;height:auto;  margin-bottom:5%;}
.nav_1right dl{  width:100%;height:auto;  margin-bottom:3%;}
.nav_1right dt{ font-size:1.1em; font-weight:bold;}
.nav_1right dd{ color:#666; line-height:2em; font-size:0.8em;}

.icon_2{ display:none;}
.nav_2bg{ background: none; position: relative;  width:100%; margin:5% auto;height: 350px; display:block;}
.nav_2{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_3{ width:100%;height:auto; padding-top:0; }
.nav_3left { float:left;width:100%;height:auto;overflow:hidden;  margin-bottom:2%;}
.nav_3left dl{ width:100%; height:220px;position:relative; float:left; margin-right:0; margin-bottom:3%;}
.nav_3left dt{ width:100%; height:220px;z-index:9; position:absolute; top:0; left:0; overflow:hidden;}
.nav_3left dl img{width:100%;height:auto; }
.nav_3left dd{ width:100%; height:30px;}
.nav_3left dd .tl{color:#fff;width:100%; text-align:left;line-height:30px;font-size:1em; }
.nav_3left dd .tl a{color:#fff;}

.nav_3right{float:left; width:96%; padding:0 2%;height:auto; margin-bottom:2%;}
.nav_3right dl{ width:100%;height:auto;margin-bottom:4%;}
.nav_3right dt{ font-size:1.2em; font-weight:bold; margin-bottom:1%;}
.nav_3right dd{ color:#666; line-height:1.4em; font-size:0.9em;}

.nav_3cet1{  float:left; width:96%; padding:0 2%;height:auto; margin-bottom:2%;overflow:hidden; }
.nav_3cet2{  float:left; width:96%; padding:0 2%;height:auto; margin-bottom:2%;overflow:hidden; }
.nav_3cet1 dl{ width:100%;height:auto; margin-bottom:3%; overflow:hidden;}
.nav_3cet2 dl{ width:100%;height:auto;margin-bottom:3%; overflow:hidden;}
.nav_3cet1 dt{width:48%; height:100px; padding-right:2%; overflow:hidden; float:left;}
.nav_3cet1 dt img{width:100%;height:auto;}
.nav_3cet1 dd{width:50%; height:100px; overflow:hidden; float:left; font-size:1em;}
.nav_3cet2 dt{width:48%; height:100px; padding-right:2%; overflow:hidden; float:left;}
.nav_3cet2 dt img{width:100%;height:auto;}
.nav_3cet2 dd{width:50%; height:100px; overflow:hidden; float:left; font-size:1em;}


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


.nav_5{  width:100%; margin:0 auto; overflow:hidden; }
.nav5_lines{ display:none;}
.nav5_box{ float:left; width:96%; padding:0 2%;height:auto; margin-bottom:2%;overflow:hidden;}
.nav5_box dl{ width:100%; height:220px;position:relative;}
.nav5_box dt{ width:100%; height:220px;z-index:9; position:absolute; top:0; left:0; overflow:hidden;}
.nav5_box dl img{width:100%; height:auto; }
.nav5_box dd{ width:96%; padding:2%;height:auto;}
.nav5_box dd .tl{color:#fff;width:96%; padding:2%; text-align:left;line-height:20px;font-size:0.9em; }
.nav5_box dd .tl a{color:#fff;}
.nav5_box li{ line-height:1.4em; margin-bottom:2%;}
.nav5_box ul{padding-top:2%;}






.tt{ display: none; }
}