@font-face {font-family:Athelas; src:url(Athelas.ttf);}
@font-face {font-family:Antiqua; src:url(Antiqua.ttf);}
::-webkit-scrollbar{width: 2px; height: 16px; background-color: none;}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track{-webkit-box-shadow: none; background:none;}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #dedede;}

*{}
html,body{height:100%; font-family:'Athelas','Microsoft YaHei';  } 
.c-body{width:100%; margin:auto; /*padding:10px;*/}
.loading-bg {width:100%; height:100%; background:url("../img/loading-bg.png?v=1"); background-size: 100% 100%; position:relative; z-index: 999;}
.loading-bg .logo {width:52px; height:51px; background:url("../img/loading-logo.png"); background-size: 100%; position:absolute; left:50%; top:50%; margin-left:-26px; margin-top:-66px;}
.loading-bg .loadline {width:148px; height:1px; position:absolute; left:50%; top:50%; margin-left:-74px; margin-top:40px;}
.loading-bg .loadline span{display: block; width: 0%; height: 1px; background:#bfbfbf;}
.i-header {width:100%; height:80px; margin:auto;}
.i-header .logo {width:92px; height:91px; background:url("../img/m_logo.png") no-repeat top; background-size: 100%; margin:auto; margin-top:70px;}
/*.i-header .nav {height:81px; margin-top:19px; line-height:81px;}*/
.i-header .nav ul {text-align:center; float:right; position:fixed; top:200px; z-index:997; right:0; z-index:9}
.i-header .nav ul li {padding:0; /*font-family:'Antiqua';*/ margin-bottom:5px;
    position: relative; z-index: 1;}
.i-header .nav ul li a {display:block; width:20px; height:20px; line-height:20px; padding:10px; color:#9c9c9c; background:#2d2c2a; font-size:20px;}
.i-header .nav ul li a:hover,.i-header .nav ul li a.selected {color:#000000; background:#ffffff; opacity:.9;}
.i-bodyer {width:100%; margin:auto; overflow:hidden; }
.i-bodyer ul {padding:20px; position:relative; z-index: 8;}
.i-bodyer ul li {margin-top:20px;}
.i-bodyer ul li .img {width:100%; height:auto; position:relative; overflow:hidden;}
.i-bodyer ul li .img img { display:block; width:100%; height:auto; }
.i-bodyer ul li .bg {width:100%; background:url("../img/bg1.png"); }
.i-bodyer ul li .bg .t {padding:0; color:#000;font-family:'Athelas'; font-size:14px; line-height:14px; text-align:center; text-align:center; padding:20px;}
.i-bodyer ul li .bg .t .text{width:100%; margin:auto; text-align:center; line-height:25px;}
.i-bodyer ul li .bg .icon{width:100%; height:216px; background:url("../img/icon2.png") no-repeat center center;}

.i-about {background:url("../img/bg2.png"); position:absolute; z-index:1; }
.i-about .c{ margin:auto; padding: 20px;}
.i-about .c .t{font-family:'Antiqua'; color:#000; font-size:14px; height:22px; line-height:9px;}
.i-about .c .content{/*font-family:'Antiqua';*/ height:135px; padding-right:10px; line-height:20px; color:#000; /* text-align:justify; text-justify:newspaper; */ overflow-y:scroll; text-align: left;}
.i-about .c .content .close-about, .i-about .c .content .close-contact, .i-about .c .content .close-zen{position:absolute; top:286px; right:18px;width:28px; height:28px; background:url("../img/icon1.png");cursor:pointer;}
.i-about .c .content p{margin-top:10px;}
.i-footer {width:100%; line-height:240px; text-align:right; font-size:14px; margin:auto; margin-top: 20px;}
.i-footer a {font-family:'Athelas'; color:#8b8b8b;}
.i-footer a:hover {color:#000000;}

.v-header{height:104px; position:relative; padding: 20px; padding-bottom: 0;}
.v-header .logo{position:absolute; width:28px; height:28px; background:url("../img/close.png") no-repeat; background-size:100%; right:20px; top:72px;}
.v-header .logo a{display: block; width: 32px; height: 32px; z-index: 999; position: relative;}
.v-bodyer{ padding: 20px;}
.swiper-container { height: 100%; margin-left: auto; margin-right: auto; }
/*.swiper-slide { text-align: center; font-size: 18px; background: #fff;        !* 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; }*/
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 0px;}
.swiper-container {
    padding-bottom: 35px;
}
.swiper-slide img{ display: block; width: 100%; height:auto;}
.swiper-pagination-bullet { opacity: 1; background: #cacaca;}
.swiper-pagination-bullet-active {opacity: 1; background: #959595;}
.v-bt{clear:both; height:66px; line-height:66px; position:relative; z-index:999; width:100%; text-align:center; font-size:14px; color:#000; font-family:'Athelas';}
.c-next{width:42px; height:18px; line-height:18px; background:url("../img/right.png") no-repeat right 6px; position:static; z-index:999;display:inline-block; top:0; font-family:'Athelas';}
.c-prev{width:42px; height:18px; line-height:18px; background:url("../img/left.png") no-repeat left 6px;position:static; display:inline-block; top:0;font-family:'Athelas';}

.v-info{width:100%; height:160px;
    padding-top: 5px; background:url("../img/bg2.png"); padding-bottom: 10px; }
.v-info-box{height:135px; margin: auto; /*overflow-y: scroll; overflow-x:hidden; */margin-top:20px; }
.v-info .t{height:27px; line-height:27px; margin:auto; font-size:14px; font-family:'Athelas'; color:#000; text-align:left;}
.v-info .en{line-height:14px;/* font-family:'Athelas'; *//*text-align:justify;text-justify:newspaper;*/ font-size:12px; margin:auto;}
.v-info .en br{display: inline; line-height: 20px;}
.v-info .cn{line-height:14px; color:#9e9e9e;  font-size:12px; margin:auto; margin-top:2px; text-align:left;  padding-top: 5px;}

.style_page { margin: auto; text-align: center; }
/*.style_page span { display: inline-block; padding-left: 8px; padding-right: 8px; background: #FFF; text-align: center; color: #000; line-height: 24px; margin-right: 5px; }*/
/*.style_page span.current { background: #231815; color: #ffffff; }*/
/*.style_page a { display: inline-block; padding-left: 8px; padding-right: 8px; line-height: 24px; background: #FFF; text-align: center; color: #000; margin-right: 5px; }*/

.c-next{width:42px; height:18px; line-height:18px; background:url("../img/right.png") no-repeat right 6px; position:static; z-index:999;display:inline-block; top:0; font-family:'Athelas';}
a.c-next {color:#000;}
.c-prev{width:42px; height:18px; line-height:18px; background:url("../img/left.png") no-repeat left 6px;position:static; display:inline-block; top:0;font-family:'Athelas';}
a.c-prev {color: #000;}