﻿@charset "utf-8";
/* 禁用iPhone中Safari的字号自动调整 */
html { -webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
html,body { height: 100%; }
/* 初始化 */
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article, 
aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{margin:0; padding:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0); font-family: 'Microsoft YaHei';}
body{ max-width: 980px; margin:0 auto; font: normal 16px/1.5 "Microsoft Yahei";}
ul,li{list-style:none;}
h1, h2, h3, h4, h5, h6{ font-size:16px; font-family: "Microsoft YaHei";}
img{border: none; display: block; width: 100%;-ms-interpolation-mode:bicubic;/*为了照顾ie图片缩放失真*/}
textarea { resize: none; }
input[type="text"],textarea { padding: 0 5px; -moz-box-sizing: border-box; box-sizing: border-box;   }
a{text-decoration: none;}
select,input[type="tel"],input[type="text"],textarea { -webkit-appearance: none; }
.clearfix::after,.clearfix::before { content: ""; height: 0; visibility: hidden; display: table; clear: both; }
select {background: url(../images/1.png) no-repeat 95% center !important;background-size: 10px 5px;}
em{font-style: normal;}

/**********************公用原子类*****************************/
.fl { float: left; }
.fr { float: right; }
.blue { color: #0991c1 !important; }
.red { color: #ff0000; }
.green{ color: #3da100; }
.yellow{ color: #e2ca00; }
.black{ color: #000000; }

.mt1 { margin-top: 6px; }
.mt2,.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.c333 { color: #333; }

body { background: #EEE; }

.head{ padding: 10px 0;}

.nav{ padding: 0 0.3rem; font-size: 0.66rem; background: #fff; }
.nav ul{ height: 1.75rem; line-height: 1.75rem; display:flex; justify-content: space-between; margin: 0 0.2rem; }
.nav li{ display: inline-block; float: left; color: #666666;}

.nav ul .active{ color: #cb0d1c; border-bottom: 2px solid #cb0d1c; }

.con{ margin-top: 0.51rem; background: #eee; }
.part{ padding: 0.4rem; padding-top: 0.5rem; margin-bottom: 0.51rem; background: #fff; /*height: 9rem; */}
.part_left{ width: 30%; display: inline-block; float: right;}
.part_left a img{display: inline-block;margin: 0.5rem 0;}
.part_right{ width: 64%; display: inline-block; float: left; margin-left: 0.3rem; }
.part_left h1{ font-size: 0.64rem; font-weight:normal;/*margin-bottom: 0.3rem;*/height: 1.8rem; line-height: 0.9rem;display: -webkit-box; display: -moz-box; white-space: pre-wrap; word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp:2;   /*显示行数*/}
.part_left p{ font-size: 0.5rem; color: #666666; /*margin-bottom: 10%;*/ height: 2.1rem;}

.swiper-container {
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

.swiper-wrapper {
    position: relative;
    width: 1000%;
    -webkit-transition-property: -webkit-transform, left, top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0px,0,0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform, left, top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0px,0,0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform, left, top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0px,0,0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0px,0px);
    -ms-transition-property: -ms-transform, left, top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0px,0,0);
    -ms-transition-timing-function: ease;
    transition-property: transform, left, top;
    transition-duration: 0s;
    transform: translate3d(0px,0,0);
    transition-timing-function: ease;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-slide {
    /*float: left;*/
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.con .part:first-of-type .swiper-slide{
	float: left;
}

.swiper-button-next,.swiper-button-prev{ position: absolute; top: 50%; margin-top: -20px; z-index: 1; }
/*.swiper-button-next,.swiper-button-prev{ position: absolute; top: 10%; z-index: 1; }*/
.swiper-button-next{ right: 0; }
.swiper-button-prev{ left: 0; }

.hide_out{ overflow: hidden; height: 1.4rem }
.hide{ width: 100%; overflow: auto; height: 2.6rem }

.swiper-slide p{position: absolute;left: 0;bottom: 0;height: 1rem;width: 100%;background-color: rgba(255,255,255,0.8);font-size: 0.64rem;line-height: 1rem;}

.swiper-wrapper .swiper-slide{position: relative;}