@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
html {color: #fff; height: 100%; overflow-x: auto; overflow-y: scroll; background:#050818;}
img{ border:0;}
ol,ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
@font-face {
font-family: "ss";
src: url("https://cn.uniview.com/tres/images/Yushi_Site/font/SourceHanSansCN-Regular.woff") format("woff"),
   url("https://cn.uniview.com/tres/images/Yushi_Site/font/SourceHanSansCN-Regular.ttf") format("truetype"),
   url("https://cn.uniview.com/tres/images/Yushi_Site/font/SourceHanSansCN-Regular.eot") format("embedded-opentype"),
   url("https://cn.uniview.com/tres/images/Yushi_Site/font/SourceHanSansCN-Regular.svg") format("svg");
font-weight: normal;
font-style: normal;
}
body{background-color:#050818;}
.cx-wrapper{margin:0 auto; width:100%; max-width:1920px;}
.cx-head{width:100%; position:relative;}
.cxlogo{margin:0 auto; padding:10px 10px 0px; width:100%; max-width:1100px; background-color:#050819; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.cxlogo a{width:130px; height:27px; display:block; background:url(../images/logo.png) no-repeat; text-indent:-9999px;}
.cx-head img{max-width:100%; height:auto;}
.cx-head h1{position:absolute; text-indent:-9999px;}
.piecebox{width:100%: background: #070b17; position:relative;}
.piecebox img{max-width:100%; height:auto;}
.piecebg{position:absolute; left:50%; top:0px; margin-left:-64px; width:128px;height:128px; background:url(../images/rotation.png) no-repeat; background-size:100% 100%; animation: btnrotate 5s linear infinite;}
.piece{position:absolute; left:50%; top:26px; margin-left:-37px; width:75px;height:75px; background:url(../images/piece.png) no-repeat; background-size:100% 100%;}
.board{margin:0 auto 80px; width:100%; height:380px; background:url(../images/net.jpg) no-repeat center bottom; background-size:100% auto;}
.fdicon{margin:0 auto; width:60%; max-width:856px; height:360px; background:url(../images/board.png) no-repeat center bottom; background-size:100% auto;}
.fdiconbox{margin:0 auto; width:60%; position:relative;}
.fdicon .m0{position:absolute; left:0px; top:0px; width:100%; max-width:469px; height:230px; background:url(../images/fbox.png) no-repeat center bottom; background-size:100% auto; animation: move1 3s infinite linear;}
.cx-intro{margin:0 auto 80px; padding:0px 10px; width:100%; max-width:1000px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.cx-intro div{background:url(../images/introL.png) no-repeat;}
.cx-intro p{padding:30px 40px; font-size:16px; line-height:24px; color:#fff; background:url(../images/introR.png) no-repeat right bottom;}

.cxheadline{margin:0 auto 30px; width:215px; height:41px; background:url(../images/title.jpg) no-repeat;}
.cxheadline h2{font-size:24px; line-height:41px; font-weight:bold; text-align:center; color:#fff; letter-spacing:5px;}
.cxslogan{margin-bottom:30px; text-align:center;}
.cxschedule{margin-bottom:80px; padding:0px 10px; text-align:center;}
.cxschedule img{max-width:100%; height:auto;}
.route_table{margin:0 auto 80px; width:100%; max-width:1200px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.route_table table{ border-collapse:collapse;}
.route_table th{padding:7px 0px; font-size:16px; text-align:center; color:#fff; font-weight:normal; background:rgba(51,190,242,.5); border-bottom:1px solid #252530; border-left:1px solid #252530;}
.route_table td{padding:7px 0px; font-size:14px; text-align:center;color:#d5d5d5; border-bottom:1px solid #252530;border-left:1px solid #252530;}
.route_table th:first-child,.route_table td:first-child{border-left:none;}
.route_table p{text-align:right; color:#666;}
.highlight{margin:0 auto 80px; width:100%; max-width:1200px; display:table; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.highlight .img{width:50%; display:table-cell; vertical-align:middle;}
.highlight .img img{max-width:100%; height:auto;}
.highlight .text{width:50%; display:table-cell; vertical-align:middle;}
.highlight .text li{margin-bottom:70px; width:100%; max-width:500px; height:85px; text-align:center; font-size:20px; line-height:85px; color:#fff;}
.highlight .text li.kd1{background:url(../images/kd1.png) no-repeat;}
.highlight .text li.kd2{background:url(../images/kd2.png) no-repeat;}
.highlight .text li.kd3{background:url(../images/kd3.png) no-repeat;}
.highlight .text li:last-child{margin-bottom:0px;}
.cxhotos:before, .cxhotos:after{  display: table;  content: " ";}
.cxhotos:after{clear: both;}
.cxhotos{margin:0 auto; width:100%; max-width:1100px;}
.cxhotos li{float:left; margin-bottom:20px; padding:0px 5px; width:25%; text-align:center; display:inline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.cxhotos li img{max-width:100%; height:auto;}
.photomore a{margin:0 auto; width:180px; height:32px; font-size:14px; color:#fff; line-height:32px; text-align:center; display:block; border:1px solid #252530; border-radius:16px;}
.photomore a:hover{text-decoration:none; background:rgba(51,190,242,.5)}

.cxcopyright{padding:20px; text-align:center; color:#666; background-color:#111;}
@-webkit-keyframes btnrotate{
from{-webkit-transform: rotate(0deg)}
to{-webkit-transform: rotate(360deg)}
}

@-webkit-keyframes move1 {
  0% {top: 0px;}
  25% {top: 7px;}
  50% {top: 14px;}
  75% {top: 7px;}
  100% {top: 0px;}
}
/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (min-width: 979px) and (max-width: 1199px) {

.board{width:100%; height:360px;}
.fdicon{height:340px;}
.fdicon .m0{height:230px; background:url(../images/fbox.png) no-repeat center bottom; background-size:100% auto;}

.highlight{margin:0 auto; padding:0px 10px; width:100%; max-width:600px; display:block;}
.highlight .img{width:100%; display:block;}
.highlight .text{margin:0 auto; width:100%; max-width:500px; display:block;}
.highlight .text li{margin-bottom:20px;}
.route_table{padding:0px 10px;}

}

@media (min-width: 768px) and (max-width: 979px) {

.piecebg{top:0px; margin-left:-40px; width:80px;height:80px; }
.piece{top:15px; margin-left:-25px; width:50px;height:50px;}

.board{width:100%; height:300px;}
.fdicon{height:260px;}
.fdicon .m0{height:180px; background:url(../images/fbox.png) no-repeat center bottom; background-size:100% auto;}
.highlight{margin:0 auto; padding:0px 10px; width:100%; max-width:600px; display:block;}
.highlight .img{width:100%; display:block;}
.highlight .text{margin:0 auto; width:100%; max-width:500px; display:block;}
.highlight .text li{margin-bottom:20px;}
.route_table{padding:0px 10px;}
}
@media (max-width: 768px){
.piecebg{top:0px; margin-left:-40px; width:80px;height:80px; }
.piece{top:15px; margin-left:-25px; width:50px;height:50px;}

.board{width:100%; height:260px;}
.fdicon{height:240px;}
.fdicon .m0{height:160px; background:url(../images/fbox.png) no-repeat center bottom; background-size:100% auto;}
.highlight{margin:0 auto 80px; padding:0px 20px; width:100%; max-width:600px; display:block;}
.highlight .img{width:100%; display:block;}
.highlight .text{margin:0 auto; width:100%; max-width:500px; display:block;}
.highlight .text li{margin-bottom:20px; font-size:16px;}
.route_table{padding:0px 20px;}
.cxslogan{margin-bottom:30px; text-align:center;}
.cxslogan img{width:200px;}
.cxheadline{margin:0 auto 20px; width:168px; height:32px; background:url(../images/title_xs.jpg) no-repeat;}
.cxheadline h2{font-size:20px; line-height:32px; }
.cx-intro div{ background-size:20% auto;}
.cx-intro p{padding:20px; font-size:14px; line-height:20px; background-size:30% auto;}


}
/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) {
.piecebg{top:0px; margin-left:-32px; width:64px;height:64px; }
.piece{top:12px; margin-left:-20px; width:40px;height:40px;}
.cxlogo a{width:80px; height:17px; display:block; background:url(../images/logo.png) no-repeat; text-indent:-9999px; background-size:80px 17px;}

.board{width:100%; height:130px;}
.fdicon{height:115px;}
.fdicon .m0{ height:80px; background:url(../images/fbox.png) no-repeat center top; background-size:100% auto;}
.route_table{padding:0px 10px;}
.route_table th{font-size:14px; }
.route_table td{font-size:12px;}

.cx-intro div{ background-size:40% auto;}
.cx-intro p{padding:20px; font-size:14px; line-height:20px; background-size:40% auto;}

.highlight .text li{margin-bottom:30px; height:60px; font-size:16px; line-height:60px;}

.highlight .text li.kd1{background-size:100% auto;}
.highlight .text li.kd2{background-size:100% auto;}
.highlight .text li.kd3{background-size:100% auto;}
.cxhotos li{width:33.3333%; margin-bottom:10px;}
.route_table p{font-size:12px;}

}