body {font-size: 16px; line-height: 24px; font-family:"微软雅黑"; color:#4F515B; background:#fff;}
*{ margin:0; padding:0;}
a {text-decoration:none;color:#333;}
a:hover {text-decoration:underline; color:#1761AC }
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%; height:780px; background: url(../images/banner.jpg) no-repeat center; text-align: center; margin-bottom: 20px; }
.banner img{ padding-top: 70px; width: 40%;}

.icon_1{width:100%; margin-bottom: 60px; text-align: center; display: block; }
.icon_2{width:100%; margin:110px 0 50px 0; text-align: center; display: block; }
.icon_3{width:100%; margin:55px 0; text-align: center;  display: block;}
.icon_4{width:100%; margin-bottom: 50px; text-align: center; display: block;}
.icon_5{width:100%; margin-bottom: 30px; text-align: center; display: block;}
.icon_6{width:100%; margin-bottom: 50px; text-align: center; display: block;}
.icon_7{width:100%; margin-bottom: 30px; text-align: center; display: block;}
.icon_8{width:100%; margin-bottom: 50px; text-align: center; display: block;}

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

.nav1_left{ float: left; width: 530px; }
.nav1_left dl{ margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #eee; }
.nav1_left dt{ font-size: 18px; line-height: 26px; font-weight: bold; margin-bottom: 5px; }
.nav1_left dd{ color: #999; font-size: 14px; line-height: 22px;}
.nav1_left ul li{ line-height: 20px;background: url(../images/p0.png) no-repeat left; padding-left: 15px; margin-bottom: 15px;}
.nav1_left ul li span{float: right; color: #999;}


.nav1_right {float: right;width:650px; }
.nav1_right dl{ width:650px; height:360px;position:relative; overflow:hidden;}
.nav1_right dt{ width:650px; height:360px;z-index:9; position:absolute; top:0; left:0;}
.nav1_right dl img{width:100%; height: auto}
.nav1_right dd{ width:630px; padding:10px; overflow:hidden; line-height:24px; background-color:#000; font-size:18px; z-index:99; position:absolute; bottom:0; left:0; color:#fff; filter:alpha(opacity=75);  opacity: 0.75;  }
.nav1_right dd .tl{ color: #fff;text-align:left;}
.nav1_right dd .tl a{color:#fff;filter:alpha(opacity=100);  opacity: 1.0;}

.focusBox1 .swiper-button-next{ position:absolute;width:30px;height: 50px;z-index: 10;cursor: pointer;background:#000 url(../images/right.png) no-repeat center;top:50%; right: 0%; filter: alpha(opacity=70); opacity: 0.7;}
.focusBox1 .swiper-button-prev{ position:absolute; width:30px;height: 50px;z-index: 10;cursor: pointer;background:#000 url(../images/left.png) no-repeat center;top:50%; left: 0;filter: alpha(opacity=70); opacity: 0.7; }


.nav_2bg{width:100%; height:714px; background: url(../images/bj3.png) no-repeat center; overflow: hidden; }
.nav_2{ width: 1230px; margin: auto; height:455px; background: url(../images/bg2.png) no-repeat center; }
.nav2_box{ width: 1120px; }
.nav2_left {float: left; width:490px; }
.nav2_left dl{ width:490px; height:280px;position:relative; overflow:hidden;}
.nav2_left dt{ width:490px; height:280px;z-index:9; position:absolute; top:0; left:0;}
.nav2_left dl img{width:490px; height:280px;}
.nav2_left dd{ width:470px; padding:10px; overflow:hidden; line-height:22px; background-color:#000; font-size:16px; z-index:99; position:absolute; bottom:0; left:0; color:#fff; filter:alpha(opacity=75);  opacity: 0.75;  }
.nav2_left dd .tl{ color: #fff;text-align:left;}
.nav2_left dd .tl a{color:#fff;filter:alpha(opacity=100);  opacity: 1.0;}


.nav2_right{ float: right; width: 610px; }
.nav2_right dl{ margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee; }
.nav2_right dt{ font-size: 18px; line-height: 22px; font-weight: bold; margin-bottom: 5px; }
.nav2_right dd{ color: #999; font-size: 14px; line-height: 20px;}

.tabBox { width: 1120px; padding: 30px 50px 0 50px; }
.tabBox .hd{ width: 100%; height:50px; line-height:50px;position:relative;  }
.tabBox .hd ul{/* position:absolute;  height:50px; top:0; */overflow:hidden; border-bottom: 1px solid #ddd; font-size: 18px; font-weight: 500; }
.tabBox .hd ul li{ float:left; width: 280px; text-align: center;   color:#666;}
.tabBox .hd ul li .name{position: relative;display: inline-block;height: 50px;padding: 0 10px;}
.tabBox .hd ul li span.line{display: none;position: absolute;height: 5px;width: 100%;bottom: 0;left: 0;width: 100%;background-color:#4C7BC3 ;}
.tabBox .hd ul .swiper-slide-thumb-active{ line-height: 45px;font-weight: 600; }
.tabBox .hd ul .swiper-slide-thumb-active span.line{display: block;}
.tabBox .hd ul .swiper-slide-thumb-active a{ display:block; /* 修复Android 4.0.x 默认浏览器当前样色无效果bug */  }
.tabBox .bd {overflow: hidden;}
.tabBox .bd ul{width: 100%; padding-top: 20px; }
.tabBox .bd li{  }
.tabBox .bd li a{ }
.tabBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }  /* 去掉链接触摸高亮 */




.nav_3bg{width:100%; height:769px; background: url(../images/bj4.png) no-repeat center; overflow: hidden; }
.nav_3{ width: 1200px; margin: auto;}
.nav_3 dl{ width: 330px; height: 380px; background: #fff; padding: 20px; overflow: hidden; border-radius:5px;}
.nav_3 dl img{width: 330px; height: 240px; margin-bottom: 10px;}
.nav_3 dl dt{ font-size: 18px; line-height: 22px; font-weight: bold; margin-bottom: 5px; }
.nav_3 dl dd{ color: #999; font-size: 14px; line-height: 20px;}
.focusBox3{ width:1260px; padding-left:30px;}
.focusBox3 .swiper-button-next2{ position:absolute;width:30px;height: 50px;z-index: 10;cursor: pointer;background:#FBC040 url(../images/right.png) no-repeat center;top:50%; right: 0%; filter: alpha(opacity=80); opacity: 0.8;}
.focusBox3 .swiper-button-prev2{ position:absolute; width:30px;height: 50px;z-index: 10;cursor: pointer;background:#FBC040 url(../images/left.png) no-repeat center;top:50%; left: 0;filter: alpha(opacity=80); opacity: 0.8; }



.big_bg{width:100%; /*height:2029px;*/height: 1939px;background: url(../images/bj5.png) no-repeat top; overflow: hidden; }
.nav_4{ width: 1180px; margin: 0 auto 265px auto;height:420px; background: url(../images/bj6.png) repeat-y center; padding: 20px 50px;border-radius:5px; overflow: hidden;}
.nav_4 dl{ width: 1100px; }
.nav_4 dl img{ width: 800px; height: 420px; float: left;}
.nav_4 dd{ float: right; width: 220px; color: #fff; font-size: 18px; margin-top: 120px; line-height: 30px;}
.nav_4 dd p{font-size: 16px; line-height: 22px; color: #eee; margin-top: 10px}
.nav_4 dd a{color: #fff;}

.focusBox4{ width: 1150px; padding-left: 30px;}
.focusBox4 .swiper-button-next4{ position:absolute;width:30px;height: 50px;z-index: 10;cursor: pointer;background:#FFBF37 url(../images/right.png) no-repeat center;top:40%; right: 0%; }
.focusBox4 .swiper-button-prev4{ position:absolute; width:30px;height: 50px;z-index: 10;cursor: pointer;background:#FFBF37 url(../images/left.png) no-repeat center;top:40%; left: 0;}
.focusBox4 .swiper-pagination{bottom:200px; left: 865px; width: 30px;}
.focusBox4 .swiper-pagination-bullet{margin: 0 !important;background:#fff;width:20px; height:20px;border-radius:50%; filter: alpha(opacity=100); opacity: 1.0;}
.focusBox4 .swiper-pagination-bullet-active{ background: #FFBF37; width: 30px; height: 30px; filter: alpha(opacity=100); opacity: 1.0;}


.nav_5{ width: 100%; height: 560px; margin:0 auto 110px auto; }
.items{width:870px; overflow:hidden;}
.items .imgs{ width:870px; height:500px; position:relative; margin-bottom:20px;}
.items .imgs img{ width:870px; height:500px;cursor: pointer; }
.items .imgs a{width:870px; height:500px; display:block;position:absolute; top:0; z-index:99; }
.p_video{width:870px; height:500px;cursor: pointer; top:0; position:absolute;z-index:999;background:#000 url(../images/playbg.png) center no-repeat; filter:alpha(Opacity=70);opacity: 0.7; }
.p_video:hover{background:none; }

.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: 870px;position: fixed;left: 50%;top:50%;margin-left: -435px;height: 500px;margin-top:-325px;z-index: 6;background: #000000;display: none;}
.model_cn video{width: 100%;height: 450px;margin:0 auto;display: block;}


.docusBox1 { width: 100%; padding-top:20px;padding-bottom:80px;}

.docusBox1 .swiper-slide { background-position: center;background-size: cover; width: 870px; height: 500px;}
.docusBox1 .swiper-button-next{ position:absolute;top: 45%; width:60px;height:60px;z-index: 10;cursor: pointer;background:#000 url(../images/right.png) no-repeat center; right: 23%;filter:alpha(Opacity=70);opacity: 0.7; }
.docusBox1 .swiper-button-prev{ position:absolute;top: 45%; width:60px;height: 60px;z-index: 10;cursor: pointer;background:#000 url(../images/left.png) no-repeat center;  left:23%; filter:alpha(Opacity=70);opacity: 0.7;}

.nav_6{width: 1200px; margin:0 auto; }
.box_bg{ width: 540px; height: 270px; padding: 20px; background: #fff; overflow: hidden; }
.box_bg dl { height: 110px;padding-bottom: 20px; }
.box_bg dl img{ float: left; width: 190px; height: 110px; }
.box_bg dl dt{ float: right; width: 320px; color: #999; }
.box_bg dl dt a{  color: #999; }
.box_bg ul li{ line-height: 20px;background: url(../images/p0.png) no-repeat left; padding-left: 15px; margin-bottom: 8px;}
.box_bg ul li span{float: right; color: #999; font-size: 12px;}


.nav6_left{ float: left; width: 580px;  }
.nav6_right{float: right; width: 580px; }
.nav6_right iframe{ height: 310px; }

.nav_7_box{overflow: hidden;padding-bottom: 80px;background-color: #9C9ECF; padding-top: 40px;/*暂时*/display: none;}
.nav_7{overflow: hidden;width: 1160px;margin: 0 auto;padding: 30px;background: #fff;border-radius: 30px;}

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



@media only screen and (max-width: 640px){
body { background-image:none; font-size:1em; line-height:1.4em; }
.allcontainer{ max-width: 650px; margin: 0 auto;}
.container,.banner{ width:100%;}
.bottombg{width:100%; height: auto; background: none; margin-bottom:0;}
.m_banner{ display: block; }
.line_h{ height:2em;}

.banner{ width:100%; height:250px;margin-bottom:0; background-size: cover;}
.banner img{ padding-top: 20px; width: 60%;}
.icon_1{ width: 38%; height: auto; padding:0; margin:0 auto;}
.icon_2{width: 38%; height: auto; padding-right:0; margin:0 auto 2% auto; }
.icon_3{width: 44%; height: auto; margin:5% auto 2% auto;}
.icon_4{width: 53%; height: auto; margin:5% auto;}
.icon_5{width: 36%; height: auto; margin:5% auto;}
.icon_6{width: 42%; height: auto; margin:5% auto;}
.icon_7{width: 40%; height: auto; margin:5% auto;}
.icon_8{width: 40%; height: auto; margin:5% auto;}



.nav_1bg{ width: 100%;  height: auto; margin-bottom: 5%; background-size:cover; }
.nav_1{width:96%;padding-top:1%; height: auto;}

.nav1_left{ float: left; width: 100%; margin-bottom: 5%}
.nav1_left dl{ margin-bottom: 2%; }
.nav1_left dt{ font-size: 0.96em; line-height: 1.5em;margin-bottom: 2%; }
.nav1_left dd{ font-size: 0.8em; line-height: 1.5em; }
.nav1_left ul li{ line-height:1.4em; font-size:0.9em; padding:1% 0 0 15px; margin-bottom: 1.5%  }
.nav1_left ul li span{ display: none; }

.nav1_right {width:100%; margin-bottom: 2%; padding-top: 5%; }
.nav1_right dl{ width:100%; height: auto;}
.nav1_right dt{ width:100%; height: auto;position: relative;}
.nav1_right dl img{width:100%; height: auto;}
.nav1_right dd{ width: 100%;  line-height:1.4em; font-size:0.85em; padding: 10px;box-sizing: border-box;text-align: center;}
.focusBox1 .swiper-pagination{bottom:5px; left: 26%;}


.focusBox1 .swiper-button-next{ width:15px;height: 30px; background-size: 80%;}
.focusBox1 .swiper-button-prev{ width:15px;height: 30px; background-size: 80%;}


.nav_2bg{ width: 100%; height: auto; background: url(../images/bj3.png) no-repeat bottom; padding-bottom: 5%; }
.nav_2{ width: 92%; height: auto; background-image: none; background: #fff; border: 2px solid #75A3C5; }
.nav2_box{ width: 100%;overflow: hidden; }
.nav2_left {float: none; width:100%; margin-bottom: 3%; overflow: 
hidden;}
.nav2_left dl{ width:100%; height: auto;overflow: hidden;}
.nav2_left dt{ width:100%; height: auto;overflow: hidden;position: relative;}
.nav2_left dl img{width:100%; height: auto;}
.nav2_left dd{ width: 100%; padding:2%;line-height:1.4; font-size:0.9em;  box-sizing: border-box;}

.nav2_right{ float: left; width: 96%; }
.nav2_right dl{ margin-bottom: 3%; padding-bottom: 3%; }
.nav2_right dt{ font-size: 0.96em; line-height: 1.5em; margin-bottom: 2%; }
.nav2_right dd{font-size: 0.8rem; line-height: 1.5em;color: #363636b3;}



.tabBox { width: 96%; padding:2%; }
.tabBox .hd{ width: 100%; height: 148px; }
.tabBox .hd ul{width:100%; height: 148px;font-size: 1.1em; padding: 0;border-bottom: 0;  flex-wrap: wrap;}
.tabBox .hd ul li{  width: 100% !important;  border-bottom: 1px solid #ddd; height: 36px;line-height: 36px;font-size: 0.96rem;}
.tabBox .hd ul .on{ line-height: 30px; }
.tabBox .bd ul{width: 100%; padding-top: 10px; }
.tabBox .hd ul li .name{height: 36px;}
.tabBox .hd ul .swiper-slide-thumb-active span.line{display:none;}
.tabBox .hd ul .swiper-slide-thumb-active{line-height: 36px;}
  .tabBox .hd ul .swiper-slide-thumb-active .name{color: #8C5C8E;}

.nav_3bg{width:100%; height: auto; background: url(../images/bj4.png) no-repeat top;  }
.nav_3{ width: 96%; margin: auto;}
.nav_3 dl{ width: 93%; height: 380px; padding: 2%; margin-bottom: 5%;}
.nav_3 dl img{width: 100%; height: 200px; margin-bottom: 5%;}
.nav_3 dl dt{ font-size: 0.96em; line-height: 1.5em;margin-bottom: 1%; }
.nav_3 dl dd{ font-size: 0.8em; line-height: 1.5em;}
.focusBox3{ width:90%; padding-left:15px;}
.focusBox3 .swiper-button-next2{ top:30%; }
.focusBox3 .swiper-button-prev2{ top:30%; }



.big_bg{width:100%; height: auto; padding: 2% 0; background-size: cover;}
.nav_4{ width: 94%; margin: 0 auto 5% auto;height: auto;padding: 3%;}
.nav_4 dl{ width: 100%;  }
.nav_4 dl img{ width: 100%; height: 180px; float: left;}
.nav_4 dd{ float: left; width: 100%;  font-size: 0.96em; margin-top: 2%; line-height: 1.5em;margin-bottom: 3%;}
.nav_4 dd p{ margin-top: 2%; font-size: 0.8em; line-height: 1.5em; }

.focusBox4{ width: 100%; padding-left: 0;}
.focusBox4 .swiper-button-next4{ top:20%; }
.focusBox4 .swiper-button-prev4{top:20%; }
.focusBox4 .swiper-pagination{top:5px; left: 0; width: 100%;}
.focusBox4 .swiper-pagination-bullet{width:10px; height:10px; margin: 4px !important;}


.nav_5{ width: 100%; height: auto; margin:0 auto 5% auto; padding-top: 3%; }
.items{width:100%; }
.items .imgs{ width:100%; height: 56.25vw; margin-bottom:2%;}
.items .imgs img{ width:100%; height: 56.25vw; }
.items .imgs a{width:100%; height:300px;  }
.p_video{width:100%; height: 56.25vw;background:#000 url(../images/playbg.png) center no-repeat;background-size: 16%;}

.model{position: fixed;left: 0;top:0;width: 100%;height: 100%;}
.model_cn{width: 100%;position: fixed;left: 0;top:10%;margin-left:0;height: auto;margin-top:0;}
.model_cn video{width: 100%;height: 56.25vw;}


.docusBox1 { width: 100%; padding-top:0;padding-bottom:0;}

.docusBox1 .swiper-slide { width: 100%; height: auto;}
.docusBox1 .swiper-button-next{ top: 45%; width:20px;height:50px;right: 0;}
.docusBox1 .swiper-button-prev{ top: 45%; width:20px;height: 50px; left:0; }

.nav_6{width: 96%;  }
.box_bg{ width: 96%; height:  auto; padding: 2%; margin-bottom: 5%;}
.box_bg dl { width: 100%; height: auto;padding-bottom: 2%; }
.box_bg dl img{ float: left; width: 100%; height: auto; margin-bottom: 2%; }
.box_bg dl dt{ float: left; width: 100%; font-size: 0.96em; margin-bottom: 2%; line-height: 1.5em;}
.box_bg ul li{ line-height: 1.5em; padding-left: 15px; margin-bottom: 2%; font-size: 0.9em;}
.box_bg ul li span{ display: none;}


.nav6_left{width: 100%;  }
.nav6_right{ float: left; width: 100%; }
.nav6_right iframe{ height: 425px; }

.nav_7_box{padding-bottom: 10vw;padding-top: 0;}
.icon_7 { width: 52%; height: auto; margin: 5% auto 2% auto; }
.nav_7{width: 96%;box-sizing: border-box;padding: 10px;border-radius: 10px;}

.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; }
}