.main{background: #f5f8fb;}
.banner{width: 100%;margin: 0px auto;background: url(../img/manual/banner.jpg) center 0 no-repeat; height:200px; overflow: hidden;}
.m_1{width: 100%;margin: 40px auto 30px;overflow: hidden;}
.m_1 h2{text-align: center;font-size: 28px;line-height: 60px;font-weight: normal;}
.m_1 ul{width: 1200px;margin: 10px auto 0px;}
.m_1 ul li a{display: block;}
.m_1 ul li{width: 284px;float: left; margin: 0px 8px 20px;transition: all 0.3s;cursor: pointer;border-radius: 6px;box-shadow: 0px 5px 10px rgba(0,0,0,0.1);overflow: hidden;}
.m_1 ul li .list{height: 160px; overflow: hidden;width: 100%;position: relative;background: url(../img/manual/bg.jpg) top center no-repeat;background-size: 100%;text-align: center;}
.m_1 ul li .list h3{font-size: 18px;margin-top: 30px;font-weight: normal;margin-top: 40px;}
.m_1 ul li .list h2{font-size: 22px;line-height: 30px;width: 80%;margin: 10px auto 0px;font-weight: 500;}
.m_1 ul li .list h3,.m_1 ul li .list h2{color: #fff;}
.m_1 ul li p{font-size: 16px;color: #666;padding: 20px 10px;line-height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.m_1 ul li:hover{transform: translateY(-5px);transition: all ease 300ms;}
.m_1 ul li:hover a>p{color: #0ccaca;}
.tanchuang{width:100%;height:100%;display:none;position:fixed;top: 0px;left: 0px;z-index:200;min-width: 1200px;background: rgba(0,0,0,0.4);}
.tanchuang .tcbox{width:1100px;margin:100px auto;background:#fff;position: relative;padding: 20px;border-radius: 6px;}
.tanchuang .tcbox .close{width:26px;height:26px;background:rgba(0,0,0,0.2);cursor:pointer;position: absolute;right: 10px;top: 10px;font-size: 18px;line-height: 26px;color: #fff;border-radius: 50%;text-align: center;display: block;}
.tanchuang .tcbox h3{font-size: 18px;margin-bottom: 6px;}
.tanchuang .tcbox p{font-size: 16px;}
.tanchuang .tcbox .video{width: 100%;margin: 10px auto 0px;height: 60%;background: #000;border-radius: 6px;overflow: hidden;}
.tanchuang .tcbox .video video{width: 100%;height: 100%;}
.rgt_side{width: 180px;position: fixed;left: 0px;bottom: 30%;background: #fff;border-radius: 6px;padding: 20px;box-shadow: 0px 10px 20px rgba(0,0,0,0.08);z-index: 20;text-align: center;}
.rgt_side h3{font-size: 26px;margin: 10px auto 20px;}
.rgt_side p{font-size: 18px;}
.rgt_side img{width: 160px;margin-top: 10px;}
.rgt_side i{display: block;position: absolute;border: 2px solid #eee;width: 26px;height: 26px;border-radius: 50%;right: 10px;top: 10px;font-size: 20px;color: #ccc;line-height: 24px;text-align: center;-webkit-text-stroke-color: #fff;-webkit-text-stroke-width: 2px;cursor: pointer;}
.rgt_qr{width: 60px;left: 0px;padding: 10px 0px;}
.rgt_side span{display: block;font-size: 50px;cursor: pointer;}
.left_side{display: none;}
@media screen and (max-width: 1280px){
	.tanchuang .tcbox{width: 1000px;margin: 14px auto;padding: 20px;}
}