﻿@charset "utf-8";
.fontcc {font-family: 'CenturyGothic';}
.fonthn {font-family:'HelveticaNeue';}
#mabout .footer { margin-top:0!important;}
.h60 {width:100%; height:0; position:relative; top:-60px;}
.mbox { padding:0 15px; background-repeat: no-repeat; background-position: center top; background-size:cover; background-attachment:scroll; position: relative;}
.mbox .mtit { text-align:center; padding:40px 0 30px 0;}
.mbox .mtit span { font-size:1.6rem; color:rgba(255,255,255,0.5); text-transform:uppercase; line-height:120%; }
.mbox .mtit h1 { font-size:1.6rem; color:#fff;}
.mbox .mtit p {color:rgba(255,255,255,0.5);line-height:260%;}
.mbox-b .mtit span {color:#999!important;}
.mbox-b .mtit p {color:#999!important;}
.mbox-b .mtit h1 {color:#333!important;}
.mabo { background-image:url(../images/mbg-abo.jpg); }
.mabo .minfo {padding-bottom:30px;}
.mabo .minfo p { color:#fff;}


.mcul .minfo {padding-bottom:30px;}
.mcul ul li { padding: 5px 0 6px; border-bottom: 1px solid #e5e5e5; margin-bottom: 12px; }
.mcul ul li h1 { font-size: 1.5rem; font-weight: normal; margin: 0 0 10px 0; }
.mcul ul li p { color: #8b8b8b; }

.mdev { background-image:url(../images/mbg-dev.jpg); }
.mdev .minfo {padding-bottom:60px;}
.swiper-container { width: 100%; margin-left: auto;  margin-right: auto;  }
.gallery-top { width: 100%;}
.gallery-top .swiper-slide .sinfo {width:90%; margin: 0 auto; padding: 20px 0;}
.gallery-top .swiper-slide .sinfo h2 { font-size:2.4rem; font-weight: normal; margin-bottom: 10px; color:#fff;}
.gallery-top .swiper-slide .sinfo p { color:#fff; }
.gallery-thumbs { box-sizing: border-box; width:100%; }
.gallery-thumbs .swiper-slide {height: 100%; text-align: center;}
.gallery-thumbs .snav { padding-top:50px; background: url(../images/ico-snav.png) top center no-repeat; position: relative; color:rgba(255,255,255,0.5); cursor: pointer; font-family:Arial;}
.gallery-thumbs .snav p.line {width:100%; height: 1px; background: #fff; position: absolute; top:30px;}
.gallery-thumbs .swiper-slide-active .snav { background: url(../images/ico-snavh.png) top center no-repeat; font-size: 2rem; color:#fff;  }

.mhor .minfo {padding-bottom:30px;}
.i_ser { overflow: hidden;  position: relative; }
.i_serimg { width: 100%; display: block; overflow: hidden; position: relative; text-align: center;color:#666; }
.i_serimg img { width:80%; display: block; margin: 0 auto;float:none; }
.i_serimg h1 { font-size: 1.4rem; font-weight: normal; line-height: 240%; padding: 5px 0 0 0;   }
.i_ser .serbtn { position: absolute; top: 50%; z-index: 100; margin-top: -8px; }
.i_ser .serbtn1 { left: 0; }
.i_ser .serbtn2 { right: 0; }

.mser { background-image:url(../images/mbg-ser.jpg); }
.mser .minfo {padding-bottom:30px;}
.i_news { overflow: hidden; }
.i_news li { overflow: hidden; padding:15px; margin-bottom: 20px; border-radius:4px;  }
.i_news li:nth-child(1) { background:rgba(27,156,161,0.9);}
.i_news li:nth-child(2) { background:rgba(23,149,223,0.9);}
.i_news li:nth-child(3) { background:rgba(224,121,123,0.9);}
.i_news li:nth-child(4) { background:rgba(209,165,52,0.9);}
.i_news li:nth-child(5) { background:rgba(27,156,161,0.9);}
.i_news li:nth-child(6) { background:rgba(23,149,223,0.9);}
.i_news li:nth-child(7) { background:rgba(224,121,123,0.9);}
.i_news li:nth-child(8) { background:rgba(209,165,52,0.9);}
.i_news li { display: block; overflow: hidden; }
.i_news li p {color: #fff; }
.i_news li p.time { opacity: 0.6; text-transform:uppercase;font-size:1.6rem; line-height:100%; }
.i_news li p.name { font-size:1.5rem; margin-bottom:5px; }
.i_news li p.cont { opacity: 0.8; line-height:180%;  }

.adv_list ul li { margin-bottom:15px; }
.adv_list ul li:last-child { margin-bottom:0; }
.adv_list i {width:60px; height:60px;  border-radius:60px; float:left; margin-right:20px; }
.adv_list i img  { max-width:100%; }
.adv_list .ad_i1 { background:#8d80ef; }
.adv_list .ad_i2 { background:#ff4c88; }
.adv_list .ad_i3 { background:#ffc147; }
.adv_list .ad_i4 { background:#6aa4d0; }
.adv_list .ad_i5 { background:#67aded; }
.adv_list .ad_i6 { background:#ffa16e; }
.adv_list .ad_i7 { background:#0dcc6d; }
.adv_list .ad_i8 { background:#68c5b3; }
.adv_list .txt { float:right; width:calc(100% - 80px);}
.adv_list .txt h1 { font-weight:normal; font-size:1.6rem; color:#fff; margin-bottom: 10px; }
.adv_list .txt p {  line-height:180%; color:rgba(255,255,255,0.5); font-size:1.3rem;}


.mtea .minfo {padding-bottom:30px;}
.mtea .swiper-container { padding-bottom:10px;}
.mtea .swiper-slide a {display:inline-block; position: relative; }
.mtea .swiper-slide a span {position:relative; z-index: 9; width:72%; left:10%; bottom:20px; text-align: center;  line-height:280%; padding:0 4%; background: #fff;box-shadow: 1px 1px 4px #ddd;}
.mtea .swiper-slide img {width:100%; vertical-align:bottom;}
.mtea .swiper-pagination-bullets {bottom:-5px!important; position: relative; }
.mtea .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin:0 5px;}
.mtea .swiper-pagination-bullet-active {background: #666;}

.mcon { background-image:url(../images/mbg-con.jpg); }
.mcon .minfo {padding-bottom:30px;}
.mcon .minfo .cont { width:80%; margin:0 auto; color:#ccc;}
.mcon .minfo .cont h1 { color:#fff; font-weight:normal; text-align:center; margin-bottom:10px;}
.mcon .minfo .cont p { border-bottom:1px dotted #999; padding:4px 0; color:rgba(255,255,255,1);}
.mcon .minfo .cont a {color:#fff;}
.mcon .minfo .contb {width:40%; margin:0 auto; color:#fff; text-align:center;padding-top:30px;}
.mcon .minfo .contb img {width:100%;}
.mcon .minfo .contb span {line-height:240%; }
.mcon .minfo .conmap { width:80%; margin:0 auto; color:#ccc; padding-top:15px;}
.mcon .minfo .conmap a {width:calc(50% - 12px); margin-right:15px; display:inline-block; height:36px; line-height:36px; background:#fff; border-radius:36px; color:#333; text-align:center; }
.mcon .minfo .conmap a i.fa-map-marker { font-size:1.8rem;margin-right:10px;}
.mcon .minfo .conmap a i.fa-qq { font-size:1.4rem; margin-right:10px;}
.mcon .minfo .conmap a:last-child { margin-right:0;}