@charset "utf-8";

/* CSS Document */
input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance:none;appearance:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
input,textarea,button{-webkit-appearance:none;border-radius:0;font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-size:.625em;}
select{border-radius:0;background:#fff;}
body{margin:0;padding:0;background:#fff; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif;}
img,p,ul,li,a,h1,h2,h3,h4,h5{border:0;margin:0;padding:0;-ms-interpolation-mode:bicubic;list-style:none;text-decoration:none;}
.top { margin-bottom:30px; padding-top:410px; background:#f8f7fd url(/images/top.jpg?t=1) no-repeat top center; background-size:1920px; overflow:hidden;}
.news{ position:relative; width:1160px; height:365px; margin:0 auto 50px auto; padding:20px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.3); border-radius:15px;}
.news .news-img { position:relative; float:left; width:535px; height:365px; display:block;border-radius:10px; overflow:hidden;}
.news .news-img img { width:535px; display:block; border-radius:10px; }
.news .news-img p{ position:absolute; left:0; bottom:0; width:calc(100% - 20px); margin:0; padding:5px 10px; background:rgba(0,0,0,.6); font-size:14px; line-height:150%; color:#fff; text-align:center;}
.news .news-item { float:right; width:600px;}
.news .news-item a { padding:10px 20px 5px 20px; font-size:14px; display:block; border-radius:5px; transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;}
.news .news-item a:hover { background: #eef5ff; transform:scale(1.05); -webkit-transform:scale(1.05);}
.news .news-item a span { height:30px; font-size:20px; color:#152945; display:block;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news .news-item a p { margin:0; padding:0 0 7px 0; color:#666; border-bottom:1px dotted #c6d6e2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news .news-more { position:absolute; right:50px; bottom:-35px; padding:0 20px; font-size:12px; line-height:35px; color:#fff; background:#7BA4E2; border-radius:0 0 10px 10px; display:block; transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;}
.news .news-more:hover { padding:0 30px;  background:#672dfd;}
.ggimg { width:1200px; margin:0 auto 30px auto; display:block;}
.ggimg img {width:1200px;}
.media-content {width:1200px; height:523px; margin:0 auto 30px auto;}
.media-content .view { float:right; width:930px; height:523px; overflow: hidden; border-radius:5px 10px 10px 5px; background:#152945; overflow: hidden;}
.media-content .view img {width:930px; height:523px; }
.media-content .item { width:260px; } 
.media-content .item-img { width:260px; height:calc(155px * 3 - 10px); padding:34px 0; overflow: hidden;}
.media-content .item-img a { position:relative; width:260px; height:145px; margin-bottom:10px; font-size:14px; display:block; background:#152945; border-radius:5px; overflow:hidden; }
.media-content .item-img a span { position:absolute; bottom:-145px; left:0; width:230px; height:145px; padding:0 15px; color:#fff; display:block; background-color:rgba(0,0,0,0); display:-webkit-box;display:-webkit-flex;display:flex;flex-wrap:wrap;text-align:center;justify-items:center;align-items:center; transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;}
.media-content .item-img a:hover span { position:absolute; bottom:0; left:0; background-color:rgba(0,0,0,.6); }
.media-content .item-img a.on span { position:absolute; bottom:0; left:0; background-color:rgba(0,0,0,.7); }
.media-content .item-img img {width:260px; height:145px;}
.media-content .item-btn { height:24px; background:#AFCEFD; display:block; border-radius:5px; transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;}
.media-content .item-btn:hover { background:#672dfd;}
.media-content .item-btn img {width:30px; height:10px; margin:auto; padding:8px; display:block; }
.album {position:relative; width:1200px; margin:0 auto 40px auto; overflow: hidden;}
.album .slides { margin:0 auto; overflow:hidden; padding-bottom:30px;}
.album .slides li { width:calc(441px * 3); margin:20px 0; }
.album .slides a { flex:1; float:left; width:240px; font-size:14px; line-height:150%; color:#5D5D5D; word-wrap:break-word; text-align:center; display:block;}
.album .slides a:hover img{ transform:scale(1.05);-webkit-transform:scale(1.05);}
.album .slides a img{ width:200px; margin-bottom:10px; border-radius:5px; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out;}
.album .slides a span{color:#152945; display:block;}
.album .slides p {height:35px;}
.dg-container{ position:relative; width:1050px; margin:0 auto 40px auto; padding:40px 0; background:url(/images/H5-bg.png) no-repeat bottom center; background-size:100%; }
.dg-wrapper{ width: 253px; height: 449px; margin: 0 auto; position: relative; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1000px; -moz-perspective: 1000px; -o-perspective: 1000px; -ms-perspective: 1000px; perspective: 1000px; }
.dg-wrapper a{ position: absolute; left: 0; top: 0; width: 253px; height: 449px; display: block; box-shadow: 0px 10px 20px rgba(0,0,0,0.3); border-radius:10px; overflow: hidden;}
.dg-wrapper a.dg-transition{ -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.dg-wrapper a img{ width:100%; display: block; padding: 0; border-radius:10px; }
.dg-wrapper a div{ position:absolute; bottom:-255px; left:0; width:100%; height:100%; text-align:center; line-height:150%; color: #fff; font-size:14px; background-color:rgba(0,0,0,0);transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out;}
.dg-wrapper a:hover div {bottom:0; left:0; background-color:rgba(0,0,0,.5);}
.dg-wrapper a span { position:absolute; bottom:40px; left:10%; width:80%; display:block;}
.dg-wrapper a span img { width:120px; height:120px; margin:40px auto; padding:5px; border-radius:10px; background:#fff; display: block;}
.dg-container nav{ position:absolute; left:0; top:-30px; width:100%; z-index: 1000;}
.dg-container nav span{ text-indent:-9000px; float: left; cursor:pointer; width:24px; height:25px; opacity: 0.8; }
.dg-container nav span:hover{ opacity: 1; }
.dg-container nav span.dg-prev {position:absolute; top:230px; left:0; height:90px; width:90px; background:url(/images/nextpage1-L.png) no-repeat center;background-size:100%; border-radius:10px;}
.dg-container nav span.dg-next{position:absolute; top:230px; right:0; height:90px; width:90px; background:url(/images/nextpage1-R.png) no-repeat center;background-size:100%; border-radius:10px;}
.zone { width:1160px; margin:0 auto; padding:30px 0 0 0; overflow:hidden;}
.zone a { float:left; width:560px; height:100px; background:#AFCEFD; margin:0 10px 20px 10px; display:block; border-radius:5px;}
.imglink { width:1150px; margin:auto; padding:100px 30px 20px 30px; overflow:hidden; background:url(/images/imglink-title.png) no-repeat 0 10px; background-size:180px;}
.imglink a { float:left; width:210px; height:70px; padding:10px;}
.imglink img { width:210px; height:70px; background:#fff; border-radius:5px;}
.imglink2 { width:960px; margin:auto; padding:20px 30px; overflow:hidden;padding-top:60px;}
.imglink2 a { float:left; width:220px; height:150px; padding:10px;}
.imglink2 img { width:220px; height:150px; background:#fff; border-radius:10px;}
.bottom { font-size:14px; color:#152945; text-align:center; line-height:60px; background:url(/images/bottom-bg.jpg) no-repeat; background-size:100%; }

.zone a img {width:100%; height:100%; display: block; border-radius:5px;}