@charset "utf-8";
/*page = index*/
	/*swiper*/
.swiper{position: relative;left: 0;top: 0;z-index:10;width: 100%;height:500px;overflow: hidden;}
.swiper-container{position:relative;height:100%;margin:0 auto;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;/* Fix of Webkit flickering */z-index:1;
}
.swiper-wrapper {position:relative;width:100%;height:100%;-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 .swiper-slide {background-position:center 0;background-repeat: no-repeat;}
.swiper-slide {float: left;height:100%;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.swiper-slide a{display: block;height: 100%;}
.swiper-pagination {position: absolute;bottom:0;left:0;z-index: 55;width: 100%;height: 50px;text-align: center;background:url(http://www.biotms.com/theme/bg/bg-banner.png) 0 0 repeat;background:rgba(0,0,0,0.6);}
.swiper-pagination-switch {cursor: pointer;display: inline-block;width:15px;height:15px;line-height:15px;margin:17.5px 12px;text-align: center;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background-color: #fff;overflow: hidden;+zoom:1;}
.swiper-active-switch {background-color: #0baff8;}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {-ms-touch-action: pan-y;}
.swiper-wp8-vertical {-ms-touch-action: pan-x;}
	/*swiper end*/
	/*quick*/
.quick{padding:3.25% 0 2%;}
.qi{width:16.52%;margin-right:3.38%;}
.qi .u-s{margin-bottom: 5.2%;}
.qi .title{font-weight: normal;font-size: 1.375em;color: #292c30;}
.qi .subtitle{display: block;font-size:0.75rem;margin:-0.5% 0 5%;color: #9fa0a0;}
.qi .des{font-size: 0.875em;height:2.57em;margin-bottom:10.6%;overflow: hidden;color: #292c30;}
.qi-b:after{content:"";display: block;width:24%;height: 3px;background-color: #ddd;}
.qi-b.hover .title{color: #0068c0;}
.qi-b.hover:after{background-color: #0068c0;}
.qi-b.hover .u-s{-ms-background-position-y: -120px;background-position-y: -120px;}
	/*quick end*/
	/*events*/
.events{position: relative;left: 0;top: 0;z-index: 10;padding:2% 0;}
.events .cloumn-h{width:30.5%;margin-bottom:3.4%;padding-top: 0.2%;}
.activity{float: none;position: absolute;left: 0;top:206px;z-index: 12;width:30.5%;}
.aty-h{position: relative;left: 0;top: 0;z-index: 10;padding:4% 3.5%;color: #fff;background: #0068c0;overflow: hidden;}
.aty-h .aty-t{margin-bottom:2%;font-weight: normal;font-size:1.375em;}
.aty-h .aty-act{display: block;width: 80%;font-weight: bold;color: #fff;}
.aty-h .u-i{position: absolute;right:3%;top:8%;background:0 none;}
.aty-i{position: relative;left: 0;top: 0;z-index: 10;padding:10% 0 10% 20%;border-bottom: 1px solid #e2e2e2;}
.aty-i .time{float: left;display:inline-block;margin-left:-26%;padding:2% 0;width:22.7%;color: #fff;text-align: center;font-size:0.75em;line-height: 1.1;background-color: #d7dadd;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.aty-i .time .date{font-size:3.167em;}
.aty-i .title{width: 100%;margin-bottom:2.5%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.aty-i .title a{font-weight: bold;color: #292c30;}
.aty-i .des{font-size:0.875em;color: #79808a;height: 2.57em;overflow: hidden;}
.aty-i .more{position: absolute;bottom:-0.8em;right: 0;z-index: 11;border: 1px solid #e2e2e2;padding: 0 3%;border-radius:8px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;font-size: 0.625em;text-transform: uppercase;line-height: 1.3;color: #b6bac0;background-color: #fff;}
.aty-i.hover{border-bottom: 1px solid #0068c0;}
.aty-i.hover a{color: #0068c0;}
.aty-i.hover .time{background-color: #0068c0;}
.aty-i.hover .more{border: 1px solid #0068c0;}
.current{float: left;width:32.2%;margin-left:3.39%;text-align: center;}
.current .video{position: relative;left: 0;top: 0;z-index: 10;display: block;margin-bottom:8%;box-shadow:3px 3px 0 3px #ededee;-webkit-box-shadow:3px 3px 0 3px #ededee; -moz-box-shadow:3px 3px 0 3px #ededee;}
.current .video-mask{position: absolute;top: 0;left: 0;z-index: 15;width: 100%;height: 100%;background:url(mask-video.png) center center no-repeat;}
.current .video img,.current .video{display: block;width:380px;height: 276px;}
.current .title a{font-size: 1.375em;color: #0068c0;}
.current .subtitle:before{content:"";display: block;margin: 0 auto;margin-bottom: 20px;width:70px;height:1px;line-height: 0;background-color: #ddd;}
.current .subtitle{margin-top: 5.2%;padding:0 0 3%;font-weight: bold;color: #292c30;}
.current .des{margin-bottom: 4%;font-size: 0.875em;color: #79808a;height:6em;overflow: hidden;}
.current .more{display: block;border: 1px solid #e5e6e8;font-size: 1.5em;line-height:2.25;color: #959ca6;}
.current .more:hover{border-color: #0068c0;color: #0068c0;}
.passed{float: right;width: 30.5%;height: 565px;}
.passed-box{width:94.4%;}
.passed-box .aty-h{margin-bottom:1%;}
.passed-i{padding:5% 4.7% 2%;margin-bottom: 2%;background-color: #f0f1f3;}
.passed-i .title{margin-bottom:5%;}
.passed-i .title a{font-size:1.375em;color: #565b62;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.passed-i .des{font-size:0.875em;color: #878b92;height:5.5em;margin-bottom:8.2%;}
.passed-i .time{font-size:1.9375em;color: #fff;}
.passed-i.hover{background-color: #5cc732;}
.passed-i.hover .des,.passed-i.hover .title a{color: #fff;}
.passed-i.hover .time{color: #65d838;}
.swiper-scrollbar {border-radius: 10px;position: relative;-ms-touch-action: none;background: rgba(0,0,0,0.1)}
.swiper-scrollbar-drag {width:20px;height:38px;background:url(i-scroll.png) 0 0 no-repeat;position: relative;border-radius: 10px;z-index: 50;left: -8px;}
.swiper-scrollbar-cursor-drag {cursor: move;}
.passed .swiper-container {height: 100%;}
.passed .swiper-slide {height:auto;float: none;}
.passed .title {font-size:18px;margin-bottom:15px;}
.passed .swiper-scrollbar {position:absolute;right:0;top:0;z-index:50;height:100%;width:5px;background:#dfe0e4;}

	/*events end*/
	/*news-li*/
.news{padding:2% 0 2%;}
.news .cloumn-h{margin-bottom: 46px;}
.news .cloumn-h .cloumn-m{margin-bottom: 45px;}
.news .cloumn-h:after{content: "";display: block;clear:both;width: 60px;height: 3px;background: #0068c0;}
.news .cloumn-c{float: right;width:71.2%;}
.news-li li{width:38.8%;border-bottom:1px solid #d4d7dd;margin: 0 30px 4% 60px;}
.news-i .time{display: block;margin-bottom:2%;font-size:1.9375em;color: #cfd3d6;font-family:verdana,Arial;}
.news-i .title{width: 100%;font-weight: bold;color:#292c30;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;margin-bottom: 2.3%;}
.news-i .des{color: #79808a;font-size: 0.875em;height: 2.5em;overflow: hidden;margin-bottom:8.5%;}
.news-i.hover .des{color: #292c30;}
.news-i.hover .title{color: #0068c0;}
.bg-news{position: absolute;bottom: 0;left: -50px;z-index: -10;}
.news-menu{width:202px;}
.news-menu a{margin-bottom: 17px;}
.news-tab,.news-li{height:527px;}
.jp-hoder{height: 0;visibility: hidden;opacity: 0;-webkit-opacity: 0;filter: alpha(opacity=0);}
.news-tab .slide-hoder{float: right;margin-right: 30px;color: #7b8187; margin-top:-30px;}
.news-tab .slide-hoder a{margin: 0 10px;}
/*.news-menu a{display: block;}*/
	/*news-li end*/
	/*cooperate*/
.cooperate{padding:3% 0 5.2%;overflow: hidden;}
.coo-cloumn{float: left;width: 33.89%;margin-right: 190px;}
.coo-h{position: relative;left: 0;top: 0;z-index: 10;font-size: 1.625em;color: #292c30;}

.coo-h:after{content:"";display: block;width:60px;height:3px;background:#ddd;}
.coo-t{margin-bottom:9.5%;font-size:26px;}
.coo-t .u-i{display: inline-block;margin-right: 10px;}
.coo-li li{margin-top: 46px;overflow: hidden;}
.coo-i{display: block;padding-left:25%;color: #79808a;}
.coo-i .image{float: left;border: 1px solid #e4e7ee;margin-left: -33%;width:78px;height: 78px;}
.coo-i .des{font-size: 0.875em;color: #79808a;}
.coo-i .title{padding-top: 2.5%;margin-bottom: 3.5%;color: #292c30;}
.coo-i.hover .image{border-color:#0068c0;box-shadow:inset 0 0 0 2px #0068c0;-webkit-box-shadow:inset 0 0 0 2px #0068c0}
.coo-i.hover .title{color: #0068c0;}
.bg-coo{position: absolute;bottom: 0;right: -100px;}
.coo-h .slide-btn{position: absolute;top: 0;right: 0;z-index: 15;color: #e2e2e2;font-weight: normal;font-size: 18px;}
.coo-h .slide-btn span{margin: 0 5px;}
	/*cooperate end*/
	/*process*/
.process{position: relative;left: 0;top: 0;z-index: 10;padding:5.4% 0 0;background:url(bg-process.png) 0 50px no-repeat;}
.process .cloumn-h{width: 30.5%;margin-right:35px;}
.prc-i{float: left;display: inline-block;width: 300px;margin-bottom: 9.5%;margin-right:90px;border: 1px solid #F3F4F6;}
.prc-i:hover{/*box-shadow:0 0 0 10px #fdfdfd,0 0 20px #999;-webkit-box-shadow:0 0 0 10px #fdfdfd,0 0 20px #999;*/border: 1px solid #fdfdfd;border-color:transparent;/*background-color: #fdfdfd;*/-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.prc-i:last-child:hover{box-shadow:none;-webkit-box-shadow:none;background-color:transparent;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.prc-h .u-s{float: left;margin-right: 15px;}
.prc-h .title{margin-bottom: 3%;font-size: 26px;color: #292c30;}
.prc-h .subtitle{font-size: 14px;letter-spacing: -1px;}
.prc-i .des{margin-top:7.3%;font-size: 14px;color: #79808a;}
.prc-i .b1{margin-left: 10px;}
	/*process end*/
/*page = index end*/