@charset "utf-8";

/* CSS Document */

.clear {

    clear:both;

}

.clearBoth:after{

    content: "";

    display: block;

    clear: both;

}

body {

    padding:0px;

}

* {

    margin: 0px;

    padding: 0px;

    font-family: Microsoft YaHei;

    list-style:none;

    text-decoration:none;

}

a {

    text-decoration: none;

}

ul li {

    list-style: none;

}

img {

    border: 0px;

    width: auto;

    height: auto;

}

h1, h2, h3, h4, h5, h6 {

    font-weight: 400;

}

i {

    font-style: inherit;

}

ul {

    -webkit-padding-start: 0px;

}

* {

    list-style:none;

}

body {

    padding:0;

}

.wrap {

    width:100%;

    height:100%;

}

.main{

    width: 100%;

    max-width: 1220px;

    margin:0 auto;

    height: 100%;

}

.left{

    float: left;

}

.right{

    float: right;

}

.header{

    position: relative;

    width: 100%;

    height: 100px;

    background:#fff;

    z-index: 999;

    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);

}

.logo{

    float: left;

    height: 100%;

}

.logo img{

    display: block;

    max-width: 100%;

    height: auto;

}

.logo a {

    display: flex;

    align-items: center;

    height: 100%;

    width: 100%;

}

.navBox{

    float: right;

    padding-top: 20px;

}

.nav-ul>li{

    position: relative;

    float: left;

    width: 132px;

    line-height: 80px;

    font-size: 18px;

    color: #333333;

    text-align: center;  

}

.nav-ul>li+li{

    margin-left: 10px;

}

.nav-ul>li>a{

    display: block;

    color: #333333;

}

.nav-ul>li>a:hover{

    color: #17a1e6;    

}

.child {

    background-color: rgba(255,255,255,0.9);

    position: absolute;

    top: 76px;

    left: 0;

    width: 100%;

    padding: 12px 10px 0;

    z-index: 9999;

    display: none;

    box-sizing: border-box;

    border-top: 4px solid #17a1e6;



}

.nav-ul>li .ll{

    text-align: left;

}

.sanjiao{

    position: absolute;

    top: -10px;

    left: 50%;

    transform:translate(-50%,0%);

}

.nav-ul>li:hover .child{

    display: block; 

}

.child li{

    line-height: 20px;

    font-size: 14px;

    color: #333333;

    margin-bottom: 12px;

}

.child li a{

    display: block;

    color: #333333;

    box-sizing: border-box;

}

.child li:hover a{

    color: #17a1e6;    

}

.nav-ul li a.active{

    color: #17a1e6;

}

.menu{

    float: right;

    display: none;

}

.menu img {

    display: block;

    width: 100%;

    max-height: 100%;

}

.nav {

    display: block;

    width: 50%;

    position: fixed;

    right: 0;

    top: 100px;

    z-index: 99;

    background: #e6e6e6;

    height: 100%;

    transform: translate(100%,0px);

    transition: all 0.5s;

}   

.nav-left {

    width: 50%;

    position: fixed;

    left: 0;

    z-index: 99999;

    background: rgba(0,0,0,0.8);

    height: 100%;

    top: 100px;

    transform: translate(-100%,0px);

    transition: all 0.5s;

}

.l {

    position: relative;

    background: #fff;

    border-bottom: 1px solid #dcdcdc;

}



.a {

    color: #333333;

    font-size: 18px;

    width: 100%;

    height: 70px;

    line-height: 70px;

    padding-left: 40px;

    display: block;

    box-sizing: border-box;

}

.onli>a {

    background: url(../images/d.png) no-repeat right 7% center;

}

.levelu {

    display: none;

}

.levell {

    line-height: 70px;

    background: #fafafa;

    border-top: 1px solid #dcdcdc;

}

.levela {

    color: #666666;

    padding-left: 80px;

    font-size: 16px;

    display: block;

}

.header_fixd {

    display: none;

    width: 100%;

    height: 100px;

}

.banner img,.banner_pc img,.banner_m img {

    display: block;

    width: 100%;

}

.banner_m{

    display: none;

}

.banner .swiper-pagination-bullet {

    width: 40px;

    height: 6px;

    display: inline-block;

    border-radius: 0;

    background: #ffffff;

    opacity: 1;

    border: none;

}

.banner .swiper-pagination-bullet-active{

    background: #17a1e6;

    border: none;

}

.banner .swiper-container-horizontal>.swiper-pagination-bullets{

    bottom: 20px;

}

.footer {

    padding: 56px 0;

    background: #014466;

}

.footer1 {

    width: 35%;

    float: left;

    padding-right: 6%;

    box-sizing: border-box;

}

.footer h1 {

    font-size: 24px;

    color: #fff;

    margin-bottom: 20px;

}

.footer_text {

    font-size: 16px;

    color: #fff;

    line-height: 30px;

}

.footer2 {

    width: 19%;

    float: left;

    border-left: 1px solid #678fa3;

    border-right: 1px solid #678fa3;

    box-sizing: border-box;

}

.footer2 h1 {

    text-align: center;

}

.footer2 img {

    width: 220px;

    display: block;

    margin: 0 auto;

}

.mh{

    min-height: 252px;

}

.footer3 {

    width: 41%;

    float: right;

}

.footer3 form input {

    width: 48%;

    height: 40px;

    border-radius: 5px;

    border: none;

    outline: none;

    background: #fff;

    float: left;

    margin-bottom: 10px;

    padding-left: 10px;

    box-sizing: border-box;

}

.footer3 form input:nth-child(2) {

    float: right;

}

.footer3 form textarea {

    display: block;

    width: 100%;

    min-height: 100px;

    padding: 10px;

    border: none;

    outline: none;

    border-radius: 5px;

    margin-bottom: 10px;

    box-sizing: border-box;

}

#butn {

    float: none;

    width: 100%;

    height: 40px;

    margin: 0 auto;

    display: block;

    background: #17a1e6;

    color: #fff;

    padding: 0;

    font-size: 14px;

    line-height: 40px;

    border-radius: 5px;

    cursor: pointer;

}

.cop{

    padding: 10px 0;

    background: #01334d;

}

.cop h1 {

    font-size: 16px;

    line-height: 30px;

    color: #fff;

    text-align: center;

}

.bj{

    background: url(../images/bj.png) center;

}

.lf{

    width: 16.8%;

    padding-top: 10px;

    padding-right: 20px;

    box-sizing: border-box;

}

.lf ul li{

    padding: 12px 10px;

}

.lf ul li a{

    display: block;

    font-size: 16px;

    line-height: 26px;

    color: #333333;

}

.lf ul li a:hover{

    color: #17a1e6;

}

.lf ul li a.cur{

    color: #17a1e6;

}

.lf ul li+li{

    border-top: 1px solid #e0e0e0;

}

.ri{

    width: 80%;

    padding-top: 10px;

    padding-bottom: 50px;

}

.ri_ti{

    line-height: 50px;

    border-bottom: 1px solid #ccc;

    margin-bottom: 20px;

}

.ri_ti h1 {

    font-size: 18px;

    color: #333333;

    float: left;

}

.ri_ti h2 {

    font-size: 14px;

    color: #999;

    float: right;

}

.ri_ti h2 a {

    color: #999;

}

.nr,.nr *{

    font-size: 16px;

    line-height: 30px;

    color: #333333;

}

.menus{

    display: none;

    padding-top: 20px;

}

.menus ul li {

    float: left;

    width: 32%;

    margin-right: 2%;

    margin-bottom: 10px;

    line-height: 50px;

    font-size: 16px;

    text-align: center;

    border-radius: 5px;

    background: #ffffff;

    border: 1px solid #eaeced;

    box-sizing: border-box;

}

.menus ul li:nth-child(3n){

    margin-right: 0;

}

.menus ul li a {

    display: block;

    color: #333333;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

}

.menus ul li.cur {

    background: #169de0;

    border: 1px solid #169de0;

}

.menus ul li.cur a {

    color: #ffffff;

}

.menus ul.cp li{

    width: 49%;

    margin-right: 0;

}

.menus ul.cp li:nth-child(2n){

    float: right;

}

.map{

    width: 100%;

    height: 300px;

    margin-bottom: 20px;

}

.tree {

    color: #ffffff;

    line-height: 60px;

    font-size: 20px;

    text-align: center;

    background: #17a1e6;

    overflow: hidden;

}

.t1 {

    float: left;

    width: 52%;

}

.t2 {

    float: left;

    width: 24%;

    border-left: 1px solid #cccccc;

    border-right: 1px solid #cccccc;

    box-sizing: border-box;

}

.t3 {

    float: left;

    width: 24%;

}

.sideMenu h3 {

    height: 50px;

    line-height: 50px;

    border-bottom: 1px solid #a6a6a6;

    text-align: center;

    background: #ffffff;

    overflow: hidden;

    cursor: pointer;

}

.sideMenu ul {

    color: #666666;

    line-height: 30px;

    font-size: 14px;

    padding: 20px 30px;

    border-bottom: 1px solid #a6a6a6;

    box-sizing: border-box;

    display: none;

    background: #fcfcfc;

}

.link p{

    font-size: 16px;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

}

.xw ul li {

    padding-bottom: 20px;

}

.xw ul li+li {

    border-top: 1px dashed #e0e0e0;

    padding-top: 20px;

}

.xw ul li a{

    display: block;

}

.xw_lf {

    display: table-cell;

    width: 207px;

    height: 140px;

}

.xw_lf img{

    display: block;

    width: 100%;

    height: 100%;

}

.xw_ri {

    padding-left: 20px;

    display: table-cell;

    vertical-align:middle;



}

.xw_ri h3 {

    font-size: 18px;

    color: #333333;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

}

.xw_ri p {

    font-size: 14px;

    line-height: 24px;

    color: #999999;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}

.xw_ri h3:hover {

    color: #17a1e6;

}

#pages { 

    padding:10px 0 0; 

    font-family:宋体 ;

    text-align: 

    -webkit-center; font-size:14px;

}

#pages a { 

    display:inline-block; 

    height:30px; 

    line-height:30px; 

    background:#fff; 

    border:1px solid #e3e3e3; 

    text-align:center; 

    color:#333; 

    padding:0 10px

}

#pages a.a1 { 

    width:56px; 

    padding:0 

}

#pages a:hover { 

    background:#f1f1f1; 

    color:#000; 

    text-decoration:none 

}

#pages span { 

    display:inline-block; 

    height:30px; 

    line-height:30px; 

    background:#17a1e6; 

    border:1px solid #17a1e6; 

    color:#fff; 

    text-align:center;

    padding:0 10px

}

#pages .noPage { 

    display:inline-block; 

    width:56px; 

    height:30px; 

    line-height:30px; 

    background:url(../img/icu/titleBg.png) repeat-x 0 -55px ; 

    border:1px solid #e3e3e3; 

    text-align:center; 

    color:#a4a4a4; 

}

.show_ti {

    margin-bottom: 15px;

    padding-bottom: 10px;

    border-bottom: 1px dashed #e0e0e0;

}

.show_ti h3 {

    font-size: 18px;

    color: #333333;

}

.show_ti p {

    font-size: 14px;

    line-height: 24px;

    color: #999999;

}

.show_con,.show_con *{

    font-size: 14px;

    line-height: 24px;

    color: #333333;

}

.show_con img{

    display: block;

    max-width: 100%;

    margin: 10px auto;

}

.page2{

    margin-top: 20px;

}

.page2 a {

    display: block;

    font-size: 14px;

    line-height: 24px;

    color: #333333;

}

.case ul li {

    float: left;

    width: 32%;

    margin-right: 2%;

    margin-bottom: 20px;

    background: #ffffff;

    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);

}

.case ul li:nth-child(3n){

    margin-right: 0;

}

.case ul li:hover {

    background: #17a1e6;

}

.case ul li img {

    display: block;

    width: 100%;

}

.case_ti {

    padding: 5%;

    font-size: 14px;

    line-height: 24px;

    color: #999999;

}

.case_ti h3 {

    font-size: 18px;

    line-height: 30px;

    color: #333333;

    text-align: center;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

}

.case_ti p{

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}

.case ul li:hover .case_ti {

    color: #ffffff;

}

.case ul li:hover .case_ti h3 {

    color: #ffffff;

}

.case_ti h3.cp_ti {

    font-size: 14px;

    line-height: 24px;

}

.ind1{

    padding: 60px 0;

}

.ind_ti{

    font-size: 32px;

    color: #333333;

    margin-bottom: 20px;

    text-align: center;

    font-weight: bold;

}

.gun_box{

    position: relative;

}

.gun_box .swiper-container.a22 {

    padding: 2px;

    width: 90%;

    margin: 0 auto;

}

.gun_box .swiper-slide {

    background: #fff;

    box-shadow: 0 0 2px rgba(0,0,0,0.15);

}

.gun_box .swiper-slide:hover{

    background: #17a1e6;

}

.gun_box .swiper-slide:hover .tit{

    color: #ffffff;

}

.gun_box img {

    display: block;

    width: 100%;

}

.gun_box .box_wen {

    padding: 5%;

}

.gun_box .tit {

    font-size: 14px;

    color: #333333;

    line-height: 1.8;

    white-space: nowrap;

    overflow: hidden;

    -ms-text-overflow: ellipsis;

    text-overflow: ellipsis;

    text-align: center;

}

.gun_box .swiper-slide:hover .case_ti{

    color: #ffffff;

}

.gun_box .swiper-slide:hover .case_ti h3 {

    color: #ffffff;

}

.gun_box .swiper-button-next,.gun_box .swiper-button-prev{

    width: 40px;

    height: 80px;

    margin: 0;

    transform:translate(0%,-50%);

    outline: none;

}

.gun_box .swiper-button-next{

    background: url(../images/y.png);

    background-size: 100% 100%;

    right: 0;

}

.gun_box .swiper-button-prev{

    background: url(../images/z.png);

    background-size: 100% 100%;

    left: 0;

}

.ind2{

    background: url(../images/yun_02.png) top center no-repeat;

    background-size: cover;

}

.bbb{

    text-align: center;

}

.bbb .change11 {

    width: 120px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    font-size: 16px;

    margin-right: 20px;

    border-radius: 5px;

    background-color: #cccccc;

    display: inline-block;

}

.bbb .curs{

    background-color: #17a1e6;

}

.bbb .change11 a{

    display: block;

    color: #333333;

}

.bbb .curs a{

    color: #ffffff;

}

.new {

    margin-top: 30px;

}

.new>ul:first-child {

    display: block;

}

.new>ul {

    display: none;

}

.ind2_lf,.ind2_ri{

    width: 48%;

}

.ind2_lf ul li {

    width: 100%;

    padding: 3%;

    box-sizing: border-box;

    background: #ffffff;

}

.ind2_lf ul li+li {

    margin-top: 20px;

}

.ind2_lf ul li h3 {

    font-size: 18px;

    color: #333333;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

}

.ind2_lf ul li p {

    font-size: 14px;

    line-height: 24px;

    color: #999999;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}

.ind2_lf ul li:hover {

    background: #198cff;

}

.ind2_lf ul li:hover h3 {

    color: #ffffff;

}

.ind2_lf ul li:hover p {

    color: #ffffff;

}

.a33 {

    top: 15px;

    height: 24px;

    text-align: right !important;

    padding-right: 15px;

    box-sizing: border-box;

}

.a33 .swiper-pagination-bullet {

    width: 10px;

    height: 10px;

    border-radius: 2px;

    background: #fff;

    border: none;

    opacity: 1;

}

.a33 .swiper-pagination-bullet-active {

    opacity: 1;

    background: #17a1e6;

}

.a3 img {

    display: block;

    width: 100%;

    position: relative;

}

.a3 p {

    position: absolute;

    bottom: 0;

    width: 100%;

    height: 46px;

    background: rgba(0,0,0,0.5);

    color: #ffffff;

    line-height: 46px;

    font-size: 16px;

    padding-left: 3%;

    box-sizing: border-box;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.ind3_cp li{

    float: left;

    width: 28%;

    text-align: center;

}

.ind3_cp li+li{

    margin-left:8%; 

}

.bc1_left {

    margin-bottom: 15px;

}

.bc1_left img {

    display: block;

    max-width: 100%;

    margin: 0 auto;

}

.bc1_right h3 {

    font-size: 20px;

    color: #333333;

    margin-bottom: 10px;

    font-weight: bold;

}

.bc1_right p {

    font-size: 14px;

    line-height: 24px;

    color: #333333;

}

.ind4{

    background: url(../images/anli_02.png) top center no-repeat;

    background-size: cover;

}

.ind5 .gun_box .swiper-slide {

    box-shadow: none;

}

.ind5 .gun_box .swiper-slide img {

    width: 99.6%;

    border: 1px solid #d3d3d3;

}