body{ font-size:12px; font-family:'微软雅黑','微软雅黑 Regular','黑体','黑体 Regular','宋体 Regular','宋体','Arial Regular','Arial'; }
.wrap{ width:1200px; margin:0 auto; }

/*头部*/
.kong_gao{height:92px;}
.header{ height:92px; background:#fff; -o-box-shadow:0 10px 14px rgba(0,0,0,0.1); -ms-box-shadow:0 10px 14px rgba(0,0,0,0.1); -moz-box-shadow:0 10px 14px rgba(0,0,0,0.1); -webkit-box-shadow:0 10px 14px rgba(0,0,0,0.1); box-shadow:0 10px 14px rgba(0,0,0,0.1);position:fixed; width:100%; left:0; top:0; z-index:10000;}
.header .logo{ width:580px; margin:19px 0 0 40px; }
.header .logo img{ width:100%; display:block; }
.header .logo img:nth-child(2){ display:none; }
.header .nav{ padding:0 0 0 155px; }
.header .tel{ width:240px; background:#72becd; height:92px; text-align:center; font-size:16px; color:#fff; }
.header .tel h2{ font-size:24px; padding:23px 0 0; line-height:24px; height:28px; }
.nav li{ line-height:91px; font-size:18px; color:#d1d1d1; }
.nav li a{ display:inline-block; padding:0 12px; margin:0 33px; color:#000; position:relative; }
.nav li i{ width:100%; height:4px; background:#72becd; left:0; bottom:0; position: absolute; display:none; }
.nav li:hover a,.nav li.on a{ color:#72becd; font-weight:bold; }
.nav li:hover i,.nav li.on i{ display:block; }

/*banner*/
.banner img{ width:100%; }
.bannerPagination{ width:auto !important; bottom:0 !important; height:100%; left:auto !important; right:98px; -o-writing-mode:sideways-rl; -ms-writing-mode:sideways-rl; -moz-writing-mode:sideways-rl; -webkit-writing-mode:sideways-rl; writing-mode:sideways-rl; }
.bannerPagination span{ margin:5px 5px !important; background:none; -o-opacity:1; -ms-opacity:1; -moz-opacity:1; -webkit-opacity:1; opacity:1; border:2px solid #fff; }
.bannerPagination span.swiper-pagination-bullet-active{ background:#fff; }
.bannerPaginationa{ width:auto !important; height:40px; line-height:40px; top:50%; left:98px; -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.bannerPaginationa{ color:#a2a2a2; font-size:20px; }
    .bannerPaginationa #bannerNum{ color:#fff; }

/*第一块 -o- -ms- -moz- -webkit-*/
.indexTitle{ text-align:center; height:72px; position: relative; }
.indexTitle h3{ width:100%; font-size:64px; text-transform:uppercase; color:#333; opacity:.1; line-height:58px; left:0; position: absolute; }
.indexTitle h2{ width:100%; font-size:28px; color:#333; top:23px; font-weight:normal; left:0; position: absolute; }
.indexTitle i{ left:50%; bottom:0; width:46px; height:3px; background:#72becd; position: absolute; -o-border-radius:2px; -ms-border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%); }

.index1{ padding:88px 0 35px; }
.index1 ul{ padding:30px 0 0; }
.index1 li{ width:22.75%; margin:0 3% 0 0; text-align:center; -o-border-radius:8px; -ms-border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; -o-transition:all 0.5s; -ms-transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; transition:all 0.5s; }
.index1 li:nth-child(4){ margin-right:0; }
.index1 li h2{ font-size:22px; line-height:22px; height:57px; }
.index1 li .icon{ width:80px; height:80px; margin:0 auto; }
.index1 li img{ display:block; width:100%; }
.index1 li .nr{ font-size:16px; color:#616161; padding:20px 0 0; line-height:26px; height:52px; overflow: hidden; margin:0 0 22px; }
.index1 li i{ display:none; margin:0 auto; width:24px; height:3px; background:#72becd; -o-border-radius:2px; -ms-border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
.index1 li:hover{ -o-box-shadow:0 0 48px rgba(0,0,0,0.1); -ms-box-shadow:0 0 48px rgba(0,0,0,0.1); -moz-box-shadow:0 0 48px rgba(0,0,0,0.1); -webkit-box-shadow:0 0 48px rgba(0,0,0,0.1); box-shadow:0 0 48px rgba(0,0,0,0.1); -o-transform:translateY(-18px); -ms-transform:translateY(-18px); -moz-transform:translateY(-18px); -webkit-transform:translateY(-18px); transform:translateY(-18px); }
.index1 li .liBox{ padding:37px 50px 50px; position: relative; }
.index1 li:hover h2{ color:#72becd; }
.index1 li:hover i{ display:block; }

/*第二块*/
.index2{ padding:90px 0; background:url(../images/index2Bg.jpg) no-repeat center; }
.index2 ul{ padding:56px 0; }
.index2 li{ width:33.33%; }
.index2 li img{ width:100%; display:block; transition:all 0.5s; }
.index2 li a{ display:block; overflow: hidden; border-right:1px solid #fff; border-top:1px solid #fff; position: relative; }
.index2 li:hover img{ transform:scale(1.1); }
.index2 li:nth-child(3n) a{ border-right:0; }
.index2 li .text{ width:100%; height:60%; top:20%; left:0; position: absolute; text-align:center; background:url(../images/tmBg.png); }
.index2 li h2{ font-size:36px; line-height:36px; position: relative; top:50%; color:#fff; transform:translateY(-100%); }
.index2 li i{ width:40px; height:3px; display:block; background:#fff; top:50%; left:50%; position: relative; transform:translate(-20px,-12px); }
.index2 .btn{ text-align:center; }
.index2 .btn a{ display:inline-block; width:220px; height:54px; font-size:16px; line-height:54px; text-align:center; background:#72becd; color:#fff; border-radius:3px; }
.index2 .btn img{ display:inline-block; vertical-align:middle; margin:0 0 0 22px; }

/*第三块*/
.index3{ padding:80px 0 90px; }
.index3 .con{ width:48%; }
.index3 .con h2{ font-size:30px; color:#72becd; line-height:50px; padding:0 0 46px; }
.index3 .top .pic{ width:51.9%; }
.index3 .top img{ width:100%; display:block; }
.index3 .top .text{ width:45%; }
.index3 .top h3{ font-size:18px; line-height:30px; height:60px; overflow: hidden; }
.index3 .top a{ color:#72becd; }
.index3 .top a:hover{ text-decoration: underline; }
.index3 .top .date{ font-size:14px; color:#999; padding:20px 0; }
.index3 .top .nr{ font-size:14px; color:#616161; line-height:22px; height:66px; overflow: hidden; }
.index3 ul{ padding:18px 0 0; }
.index3 li{ line-height:54px; font-size:16px; border-bottom:1px dashed #dfdfdf; }
.index3 li h3{ width:80%; font-weight:normal; }
.index3 li h3 a{ color:#333; }
.index3 li:hover h3 a{ color:#72becd; }
.index3 li span{ color:#999; }

/*第四块*/
.index4{ padding:90px 0; background:url(../images/index4Bg.jpg) no-repeat center top; }
.index4 .indexTitle h3,.index4 .indexTitle h2{ color:#fff; }
.index4 .indexTitle i{ background:#fff; }
.index4 .swiper-slide-next,.index4 .swiper-slide-prev{ transform:none !important; transform:scale(1.2) !important; }
.index4 .swiper-slide-next h3,.index4 .swiper-slide-prev h3{ display:none; }
.index4 .swiper-slide img{ width:100%; }
.index4 .swiper-slide{ background:none !important; }
.index4 .swiper-slide h3{ font-size:18px; width:100%; text-align:center; left:0; bottom:-30px; position: absolute; font-weight:normal; color:#fff; transform:scale(0.6); }
.index4 .swiper-slide.swiper-slide-active{ transform:none !important; transform:scale(1.4) !important; }
.index4 .swiper-container{ padding:90px 0 110px; }

/*第五块*/
.index5{ padding:90px 0; overflow: hidden; }
.index5 .tab_t{ text-align:center; padding:55px 0 0; height:80px; }
.index5 .tab_t li{ width:14%; display:inline-block; cursor:pointer; }
.index5 .tab_t .icon{ width:52px; height:52px; margin:0 auto 11px; }
.index5 .tab_t i{ display:none; margin:0 auto; width:19px; height:2px; background:#72becd; transition:all 0.5s; }
.index5 .tab_t .icon1{ background:url(../images/index5Icon1.png) no-repeat center / cover; }
.index5 .tab_t .icon2{ background:url(../images/index5Icon2.png) no-repeat center / cover; }
.index5 .tab_t .icon3{ background:url(../images/index5Icon3.png) no-repeat center / cover; }
.index5 .tab_t .icon4{ background:url(../images/index5Icon4.png) no-repeat center / cover; }
.index5 .tab_t .icon5{ background:url(../images/index5Icon5.png) no-repeat center / cover; }
.index5 .tab_t h3{ font-size:14px; font-weight:normal; }
.index5 .tab_t li:hover .icon1,.index5 .tab_t li.on .icon1{ background-image:url(../images/index5Icon1On.png); }
.index5 .tab_t li:hover .icon2,.index5 .tab_t li.on .icon2{ background-image:url(../images/index5Icon2On.png); }
.index5 .tab_t li:hover .icon3,.index5 .tab_t li.on .icon3{ background-image:url(../images/index5Icon3On.png); }
.index5 .tab_t li:hover .icon4,.index5 .tab_t li.on .icon4{ background-image:url(../images/index5Icon4On.png); }
.index5 .tab_t li:hover .icon5,.index5 .tab_t li.on .icon5{ background-image:url(../images/index5Icon5On.png); }
.index5 .tab_t li:hover i,.index5 .tab_t li.on i{ display:block; margin-bottom:7px; }
.index5 .tab_t li:hover h3,.index5 .tab_t li.on h3{ font-weight:bold; color:#72becd; }
.index5 .tab_b{ padding:45px 0 0; }
.index5 .tab_b li{ float:left; width:187px; height:265px; border:1px solid #dbdbdb; margin:0 13px 0 0; }
.index5 .tab_b li img{ display:block; width:100%; }
.index5 .tabs_b{ display:none; }
.index5 .tabs_b.on{ display:block; }

/*底部*/
.footer{ background:#72becd; }
.foot{ padding:88px 0 100px; }
.footL{ width:54%; }
.footL li{ width:23%; margin:0 2% 0 0; color:#fff; }
.footL li h3{ font-size:16px; font-weight:normal; line-height:16px; height:34px; }
.footL li p{ font-size:14px; line-height:30px; }
.footL li a{ color:#fff; }
.footL li a:hover{ text-decoration:underline; }
.ewm{ width:12.8%; text-align:center; }
.ewm img{ width:100%; display:block; }
.ewm p{ font-size:14px; line-height:36px; color:#fff; }
.foot .text{ padding:0 58px 0 0; color:#fff; width:24%; font-size:16px; }
.foot .text p{ padding:0 0 0 34px; }
.foot .text .tel{ font-size:24px; height:34px; background:url(../images/footTelIcon.png) no-repeat left 10px; }
.foot .text .add{ line-height:26px; background:url(../images/footAddIcon.png) no-repeat left 10px; }

.copy{ text-align:center; font-size:16px; line-height:72px; color:#fff; border-top:1px solid #9dd2dc; }


.nav_a{ width:28px; height:24px; display:none; position: relative; margin:24px 20px 0 0; }
.nav_a span{ width:100%; height:2px; background:#72becd; position:absolute; left:0; top:0; -o-transition:all 0.5s; -ms-transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; transition:all 0.5s; }
.nav_a span:nth-child(2){ top:10px; }
.nav_a span:nth-child(3){ top:20px; }

.nav_a.on span:nth-child(1){ -o-transform: rotate(-45deg) translate(-7px,6px); -ms-transform: rotate(-45deg) translate(-7px,6px); -moz-transform: rotate(-45deg) translate(-7px,6px); -webkit-transform: rotate(-45deg) translate(-7px,6px); transform: rotate(-45deg) translate(-7px,6px); }
.nav_a.on span:nth-child(2){ -o-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.nav_a.on span:nth-child(3){ opacity:0; }

.nav_m{ top:66px; left:0; width:100%; height:100%; border-top:1px solid #ccc; overflow-y:scroll; display:none; background:#fff; position: fixed; z-index:10; }
.nav_m .ul{ line-height:40px; font-size:14px; font-weight:bold; padding-bottom:76px; }
.nav_m a{ display:block; padding:0 2%; color:#495871; border-bottom:1px solid #ccc; }
.nav_m .ejUl{ font-weight:normal; display:none; }
.nav_m li{ position: relative; }
.nav_m li i{ width:12px; height:21px; cursor:pointer; right:2%; top:9px; position:absolute; background:url(../images/jt.png) no-repeat center / cover; transition:all 0.5s; }
.nav_m li i.on{ transform:rotate(90deg); }

.tel_a{ display:none; width:30px; height:30px; margin:20px 20px 0 0; background:url(../images/headerTelIcon.png) no-repeat center / cover; }







@media only screen and (max-width: 1800px) {
    .nav li a{ margin:0 22px; }
    .header .nav{ padding-left:46px; }
}



@media only screen and (max-width: 1599px) {
    .header .logo{ width:65px; }
    .header .logo img:nth-child(1){ display:none; }
    .header .logo img:nth-child(2){ display:block; }
    .header .nav{ padding-left:16%; }
}


@media only screen and (max-width: 1439px) {

}
@media only screen and (max-width: 1365px) {

}
@media only screen and (max-width: 1279px) {
    .wrap{ width:1000px; }
    .header .tel,.header .nav{ display:none; }
    .header{ height:66px; }
    .header .logo{ margin:8px 0 0 20px; }

    .tel_a,.nav_a{ display:block; }

    .index1{ padding-top:50px; }
    .indexTitle h3{ font-size:48px; }
    .indexTitle h2{ font-size:24px; }
    .index1 li .liBox{ padding-left:20px; padding-right:20px; }

}

@media only screen and (max-width: 1023px) {
    .wrap{ width:94%; }
    .index1 li h2{ font-size:18px; line-height:18px; height:40px; }
    .index1 li .icon{ width:60px; height:60px; }
    .index1 li .nr{ font-size:14px; }
    .index1 li .liBox{ padding-bottom:30px; padding-top:25px; }

    .index2,.index3,.index4,.index5{ padding:50px 0; }
    .index2 ul{ padding:40px 0; }
    .index2 li h2{ font-size:24px; line-height:24px; }

    .index3 .con h2{ font-size:24px; padding-bottom:30px; }
    .index3 .top h3{ height:auto; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; }
    .index3 .top .date{ padding:10px 0; }
    .index3 li{ font-size:14px; }

    .index5 .tab_t .icon{ width:32px; height:32px; }
    .index5 .tab_t,.index5 .tab_b{ padding-top:30px; }
    .foot{ padding:50px 0; }
    .copy{ font-size:14px; }

}
@media only screen and (max-width: 959px) {
    .indexTitle h3{ font-size:40px; }
    .index1 li{ width:48.5%; margin-bottom:20px; }
    .index1 li:nth-child(2n){ margin-right:0; }
    .index3 .con{ width:100%; margin-bottom:30px; }
    .footL{ display:none; }
    .foot .text{ width:50%; float:left; }
    .foot .text .add{ line-height:36px; }
    .ewm{ width:120px; }
    .index2 li{ width:50%; }
    .index2 li:nth-child(3n) a{ border-right:1px solid #fff; }
    .index2 li:last-child{ display:none; }
    .index2{ background-size:auto 100%; }
    .index4 .swiper-slide h3{ font-size:14px; }

    .bannerPaginationa{ left:20px; }
    .bannerPagination{ right:20px; }

}
@media only screen and (max-width: 767px) {
    .index3 li{ line-height:40px; }
    
}
@media only screen and (max-width: 559px) {
    .index5 .tab_t h3,.index3 .top .nr,.index3 li,.index3 .top .date{ font-size:12px; }
    .index1 li .nr,.foot .text .add{ font-size:12px; line-height:22px; }
    .foot .text .add{ background-position:left 5px; }
    .indexTitle h3{ line-height:40px; }
    .foot .text{ width:58%; }
    .index3 .con h2{ padding-bottom:10px; }
    .index3 .top h3{ font-size:14px; line-height:26px; }
    .index3 .top .date{ padding:5px 0; }

   
}
@media only screen and (max-width: 479px) {
    .index1 li{ width:100%; margin-right:0; }
    .index2 li h2{ font-size:14px; }
    .index2 li i{ width:24px; height:1px; margin-left:-12px; }
    .index3 .top .nr{ height:44px; }
    .index3 li h3{ width:76%; }
    .index5 .tab_t li{ width:20%; float:left; }
    .index5 .tab_t li:hover,.index5 .tab_t li.on{ transform:translateY(-10px); }
    .foot .text{ width:100%; padding:0; }
    .foot .ewm{ margin:0 auto 30px; float:none; }
    .index2 .btn a{ width:145px; height:40px; line-height:40px; font-size:14px; }
    .index2 .btn img{ width:18px; margin-left:10px; }
    
}