﻿body {font-size: 14px; 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;}
div .go{float:right; text-align:center; width:100px; overflow:hidden; text-align:right;font-size: 14px;}
div .go a{color:#999;}
.allcontainer img{ max-width: 100%; }
.m_banner{ display: none; }

.bottombg{background:url(bottombg.png) no-repeat center; height:152px; width:100%;}
.banner{height:820px; background:url(banner.jpg) no-repeat center;}
.container{ width:1200px; margin:0 auto;}
.line_h{height:3em;}

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

.banner_menus{background:url(menu_1.png) no-repeat center; height:167px; width:100%; margin-bottom:90px;}
.banner_menu{ height:167px; width:1200px; margin:0 auto;}
.m_1{ width:380px; float:left;height:167px;}
.m_1 a{background: url(1a.png) no-repeat 70px center;width:380px;height:167px; display: block; text-decoration:none; }
.m_1 a:hover{background: url(1b.png) no-repeat 70px center;}
.m_1 .mm{ width:180px; height:80px; padding-top:40px; padding-left:155px; display:block; overflow:hidden;}
.m_1 .mm_1{ color:#fff; font-size:20px; border-left:1px solid #fff; height:40px; line-height:40px; padding-left:30px; display:block;}
.m_1 .mm_1 i{ font-style:normal; color:#EDFE8C; padding-left:10px;}
.m_1 .mm_2{ color:#fff; font-size:20px; border-left:1px solid #fff; height:40px; line-height:40px; padding-left:30px; display:block;}
.m_1 .mm_2 i{ font-style:normal; color:#7EE3DF; padding-left:10px;}

.m_2{ width:120px; float:left;height:167px; padding-right:40px;}
.m_2 a{background: url(2a.png) no-repeat center;width:120px;height:167px; display: block; text-decoration:none; }
.m_2 a:hover{background: url(2b.png) no-repeat center;}
.m_3{ width:120px; float:left;height:167px; padding-right:50px;}
.m_3 a{background: url(3a.png) no-repeat center;width:120px;height:167px; display: block; text-decoration:none; }
.m_3 a:hover{background: url(3b.png) no-repeat center;}
.m_4{ width:120px; float:left;height:167px; padding-right:40px;}
.m_4 a{background: url(4a.png) no-repeat center;width:120px;height:167px; display: block; text-decoration:none; }
.m_4 a:hover{background: url(4b.png) no-repeat center;}
.m_5{ width:120px; float:left;height:167px;}
.m_5 a{background: url(5a.png) no-repeat center;width:120px;height:167px; display: block; text-decoration:none; }
.m_5 a:hover{background: url(5b.png) no-repeat center;}



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

.swiper-pagination-bullet{ background:#fff;width:30px; height:3px;border-radius:0; filter: alpha(opacity=100); opacity: 1.0;}
.swiper-pagination-bullet-active{ background:#23ECF3; 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:560px; margin-bottom:50px; }
.nav_1right dl{ margin-bottom:18px; border-bottom:1px solid #DADADA;}
.nav_1right dt{ font-size:22px; font-weight:bold;}
.nav_1right dd{ color:#666; line-height:24px;}


.icon_2{  width:100%; height:150px; background:url(icon_2.png) center no-repeat; }
.nav2_box{ width:224px; height:92px; float:left; padding:0 8px; margin-bottom:20px;}
.nav2_box a{ border:2px solid #F6F6F6;width:220px; height:90px; display:block;}
.nav2_box a:hover{ border:2px solid #85F1FB;}


.nav_3 .focusBox2{padding-bottom:200px;}
.nav_3 .swiper-button-next{top:350px; right:46%;}
.nav_3 .swiper-button-prev{top:350px; left:46%;}
.nav_3 .swiper-container {width: 100%;height: 50%; }
    .swiper-slide {
      text-align: center;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex; 
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms;
	  transform: scale(0.8);
    }
	.swiper-slide-active,.swiper-slide-duplicate-active{
      transform: scale(1);
	}


.nav_3bg{background:url(bg3.jpg) no-repeat center; width:100%; height:1277px; overflow:hidden; margin-bottom:40px;}
.nav_3{ width:1200px; margin:0 auto;}
.icon_3{  width:100%; height:220px; background:url(icon_3.png) center no-repeat; }
.nav3_it{ width:100%; height:515px;overflow:hidden; }
.nav3_it dl{ width:240px; height:290px;position:relative;overflow:hidden;}
.nav3_it dt{ width:240px; height:290px;z-index:9; position:absolute; top:0; left:0;}
.nav3_it dl img{width:240px; height:290px;}
.nav3_it dd{ width:240px;  height:110px; background:url(imgbg.png) no-repeat bottom; opacity:0.95; filter:alpha(opacity=100); z-index:99; position:absolute; bottom:0; left:0; color:#fff; font-family:"微软雅黑"; }
.nav3_it dd .tl{ font-weight:bold;color:#33EAF0;width:200px; text-align:left; height:40px;font-size:14px; padding-left:20px; position:absolute; top:30px; background:url(lines.png) no-repeat 18px 31px;left:0px;  line-height:22px;}
.nav3_it dd .tl a{color:#33EAF0; }
.nav3_it dd .rd{font-size:10px; display:block;width:220px; color:#fff; position:absolute;z-index:99; bottom:12px; left:-60px; top:70px;}
.nav3_it dd .rd span{ float:right;color:#fff;}

.icon_4{  width:100%; height:180px; background:url(icon_4.png) center no-repeat; }
.bg2{  width:100%; height:107px; background:url(bg2.png) center no-repeat; }

.nav3_hx{ height:255px; color:#fff;}
.nav3_hx a{color:#fff;}
.nav3_hx dl{ width:580px; height:200px; float:left; overflow:hidden; padding:0 9px;}
.nav3_hx dt{ height:115px;}
.nav3_hx dt span{ width:100px; float:left; display:block; padding-right:10px; font-size:12px;}
.nav3_hx dt span i{ width:56px; height:56px; border:1px solid #fff; font-size:30px; font-style:normal; font-weight:bold; display:block; line-height:56px; text-align:center; margin-bottom:5px;}
.nav3_hx dt a{ width:450px; height:80px; line-height:32px; font-size:24px; overflow:hidden;}
.nav3_hx dd{ line-height:20px; font-size:16px;}

.icon_5{  width:100%; height:150px; background:url(icon_5.png) center no-repeat; }
.wb_box{ margin-bottom:30px;}
