/* reset */
html{-webkit-text-size-adjust:none;-webkit-user-select:none;-webkit-touch-callout: none;font-family:'MicroSoft YaHei', Helvetica;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body{font-size:24px;background-color: #fff;}
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,pre,form,input,textarea,th,td,select{margin:0; padding:0; font-weight: normal;text-indent: 0;}
a,button,textarea,select{ background: none; -webkit-tap-highlight-color:rgba(255,0,0,0); outline:none; appearance:none;-webkit-appearance:none;}
em{font-style:normal}
li{list-style:none}
a,a:hover{text-decoration:none;color:#333;}
img{border:none; vertical-align:top;outline-width:0;}
table{border-collapse:collapse;}
textarea{ resize:none; overflow:auto;}
.clear  {clear:both;}
body{padding-top:211px;}
.main{width: 720px;margin: 0 auto;}
.title{text-align: center;}
/* end reset */
.container{width:750px;margin: 0 auto;position: relative; overflow: hidden;background: #fff;}
.kms-phone{
  width: 100%;
}
.banner-box{
  width:100%;
  height:1270px;
  background:url(./10-yc-kms-phone-banner.png) no-repeat center top;
  padding-top:480px;
}
/*头条视频*/
.top-video{
  width:717px;
  margin:0 auto;
}
.top-video-box{
  width:100%;
}
.top-video-con{
  display:block;
  width:100%;
  height:494px;
  background:url(./10-yc-kms-phone-top-bg.png) no-repeat;
  background-size:100% 100%;
  padding-top:27px;
}
.top-video-con img{
  display:block;
  width:661px;
  height: 439px;
  margin:0 auto;
}
.video-message{
  width:100%;
  margin-top:20px;
}
.video-title{
  color:#000;
  font-size:32px;
  font-weight:bold;
  line-height:50px;
}
.video-summary{
  color:#666;
  text-indent:2em;
  font-size:26px;
  line-height:42px;
  margin-top:8px;
  overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:3; 
}

/*精彩图集*/
.jctj{
  width: 100%;
  height:941px;
  background:url(./10-yc-kms-phone-bg1.jpg) no-repeat;
  background-size:100% 100%;
  padding-top:40px;
}
.title{
  width: 100%;
}
.jctj-box{
  width:680px;
  margin:42px auto 0;
  position: relative;
}
.jctj-box .swiper-container{
  position: static;
  width:100%;
}
.jctj-box .swiper-slide{
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content:space-between;
	-webkit-box-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.jctj .tj-big{
  width: 100%;
  height: 453px;
  margin-bottom:20px;
}
.jctj .tj-small{
  width: 330;
  height: 220px;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url(./10-yc-kms-phone-next.png);
  right:-30px;
  left: auto;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url(./10-yc-kms-phone-prev.png);
  left:-30px;
  right: auto;
}
.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 62px;
  height: 62px;
  margin-top: -31px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 62px 62px;
  -webkit-background-size: 62px 62px;
  background-size: 62px 62px;
  background-position: center;
  background-repeat: no-repeat;
}
/*开幕式特写*/
.tx{
  width: 100%;
  height:1222px;
  background:url(./10-yc-kms-phone-bg2.png) no-repeat;
  background-size:100% 100%;
  padding-top:40px;
}

.tx-box{
  width: 720px;
  margin:40px auto 0;
}
.tx-item{
  display: block;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content:space-between;
  margin-bottom: 18px;
  padding-bottom: 18px;
  border-bottom:1px dashed #9ad5ff;
}
.tx-item img{
  width:300px;
  height:200px;
}
.tx-item-title{
  width: 400px;
  color:#333;
  font-weight:bold;
  font-size:32px;
  line-height:54px;
}


.more{
  display:block;
  width:720px;
  height:72px;
  background: linear-gradient(to right,#3840e6,#ce05fd);
  border-radius:10px;
  line-height:72px;
  text-align: center;
  color:#fff;
  font-size:32px;
  margin:40px auto 0;
}
.more:hover{
  color:#fff;
}
/*感动瞬间*/
.gdsj{
  width: 100%;
  height:1080px;
  background:url(./10-yc-kms-phone-bg3.png) no-repeat;
  background-size:100% 100%;
  padding-top:34px;
}
.gdsj-box{
  width: 720px;
  margin:36px auto 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content:space-between;
	-webkit-box-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.gdsj-item{
  display:block;
}
.sj-top{
  width:720px;
  margin-bottom:30px;
}
.sj-top img{
  display:block;
  width:720px;
  height:403px;
}
.gd-title{
  width: 100%;
  font-size:30px;
  color:#333;
  line-height:42px;
  margin-top:8px;
}
.sj-bottom{
  width: 350px;
}
.sj-bottom img{
  width: 350px;
  height:195px;
}
/*相关新闻*/
.xgxw{
  width:100%;
  background:url(./10-yc-kms-phone-bg4.png) no-repeat;
  background-size:100% 100%;
  padding:30px 0 50px;
}
.xgxw-box{
  width:720px;
  margin:40px auto 0;
}
.xgxw-item{
  display:block;
  padding-bottom:20px;
  margin-bottom:20px;
  border-bottom:1px dashed #9ad5ff;
}
.xgxw-item:last-child{
  border-bottom:none;
}
.xgxw-title{
  color:#333;
  font-size:32px;
  font-weight:bold;
  line-height:50px;
}
.xgxw-con{
  width:100%;
  color:#333;
  font-size:26px;
  line-height:42px;
  text-indent:2em;
  margin-top:10px;
}