@charset "utf-8";
.coverb,.covers,.menutext,a:link,a:visited,.org,.telb,.textb,.titleb,.counter-wrap strong{color:#62c3d0;}
.blackbg { background:#8197a4}
.black {color:#222}

.contact-container p {margin:0;padding:0}
.navbar-collapse {float:right;margin-right:-10px}
.workshow img {width:100%; height:auto}
.show_bg {position:relative; overflow:hidden}
.showbg { background:rgba(0,0,0,0.6); position:absolute; z-index:1;width:100%; height:100%;top:0;left:0}
.showcons { position:absolute; z-index:2;width:100%; height:100%;top:20%;left:0;}
.show_bg font { z-index:2; position:relative}
.showmtop {padding:80px 0}
.photo .text h4 { line-height:35px; height:105px; overflow:hidden}
.photo2 .text h4 { overflow:visible; height:auto}
.clear { clear:both}

.cover { background-position:center; background-repeat:no-repeat; background-size:cover;}
.pcover { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute;top:0;left:0; z-index:1;width:100%; height:100%;}
.imgcover { position:absolute;left:0;top:0;width:100%;height:100%; z-index: 1;}.imgcover img {width:100%;height:100%;object-fit:cover;}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:0px 0 80px 0px; text-align:center;}
.pager {padding:0 0 0px 0; width:100%;text-align:center;} 
.pager a { margin: 2px 2px;text-align:center; display:inline-block; text-decoration: none;border:1px solid #d3d3d3;}   
.pager span.current { margin: 0 2px; display:inline-block; text-align:center; }   
.pager span.disabled { margin: 0 2px; display:inline-block;text-align:center;border:1px solid #d3d3d3;}   
.pager select {margin: 0px 2px -2px 2px;}
.pager input {margin: 0px 2px -2px 2px; padding:2px; text-align:center;} 
.pager a,.pager span.disabled {background:#fff;}  
.pager a:hover,.pager span.current { background:#62c3d0;border:1px solid #62c3d0;}   
.pager a:hover,.pager span.current{ color:#fff;border:1px solid #62c3d0} 
.pager a,.pager span.disabled {color:#767676;border:1px solid #d3d3d3;} 
.pager a,.pager span.current,.pager span.disabled{width:30px; height:30px; line-height:30px;}
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:16px; } 
.pager font {font-family:宋体;}

.martp50 {margin:80px auto}
.indnews .photo {margin:0}
.newsshow img{max-width:100%;}

.news-tool { margin-top: 26px; display:none;}

.news-tool-right ul {padding:0;margin:0; list-style:none;}
.news-tool-right li {
    position: relative;
    height: 32px;
    float: left;
    margin: 0 7px;
	padding:0;
	list-style:none;
}

.news-tool-right li .icon {
    background-image: url(../images/icon2.png);
    background-repeat: no-repeat;
    display: block;
    width: 26px;
    height: 26px;
	transition-duration:.0s;-ms-transition-duration:.0s;-moz-transition-duration:.0s; -webkit-transition-duration:.0s;
}

.news-tool-right #close a {
    background-position: 0 -114px
}

.news-tool-right #prev a {
    background-position: 0 -155px
}

.news-tool-right #next a {
    background-position: 0 -194px
}

.news-tool-right #close a:hover {
    background-position: -36px -114px
}

.news-tool-right #prev a:hover {
    background-position: -36px -155px
}

.news-tool-right #next a:hover {
    background-position: -36px -194px
}





.case-fixed {
    position: fixed;
    width: 28px;
    left: 50%;
    margin-left: 620px;
	bottom:9%;
	z-index:9999;
}
.case-fixed ul {margin:0;padding:0; list-style:none;}
.case-fixed li {
	margin:0;padding:0;list-style:none;
    position: relative;
    height: 26px;
    margin-bottom: 17px
}

.case-fixed li .icon {
    background-image: url(../images/icon2.png);
    background-repeat: no-repeat;
    display: block;
    width: 28px;
    height: 26px;
	transition-duration:.0s;-ms-transition-duration:.0s;-moz-transition-duration:.0s; -webkit-transition-duration:.0s;
}

.case-fixed #close a {
    background-position: 0 -117px
}

.case-fixed #prev a {
    background-position: 0 -155px
}

.case-fixed #next a {
    background-position: 0 -194px
}

.case-fixed #close a:hover {
    background-position: -36px -117px
}

.case-fixed #prev a:hover {
    background-position: -36px -155px
}

.case-fixed #next a:hover {
    background-position: -36px -194px
}
.share-box .icon {
    background-image: url(../images/icon2.png);
    background-repeat: no-repeat
}

#share {
    width: 28px;
    height: 26px;
    float: right;
    position: relative;
    z-index: 99
}

.share {
    width: 28px;
    height: 26px;
    display: block
}

.ico-share {
    width: 28px;
    height: 26px;
    display: block;
    background-position: 2px -231px
}

.ico-share:hover {
    background-position: -33px -231px
}

.share-list {
    width: 140px;
	height:190px;
    padding: 0;
    background: #363636;
    position: absolute;
    right: 0;
    top: -225px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    visibility: hidden;
    z-index: -1;
    opacity: 0;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
	text-align: center;
	color:#fff;
}
.share-list .code {text-align:center;color:#fff;padding:10px 0 10px 0;}
.share-list .code p {color:#fff;font-size:12px; line-height: 1.6;padding:5px 0 0 0}

.share-list.active {
    visibility: visible;
    z-index: 1;
    opacity: 1
}
.bdshare-button-style0-16 li.f1 {padding-top:10px}
.share-list li {color:#fff;}
.share-list li a {
    height: 24px;
    line-height: 24px;
    display: block;
    padding-left: 34px;
    color: #FFF;
    font-size: 14px;
    position: relative
}

.share-list li a:hover {
    color: #ffe514
}

.share-list li .icon {
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px
}

.share-list li .ico-weixin {
    background-position: -60px 0
}

.share-list li .ico-xlwb {
    background-position: -100px 0
}

.share-list li .ico-txwb {
    background-position: -140px 0
}

.share-list li .ico-douban {
    background-position: -180px 0
}

.share-list li .ico-tieba {
    background-position: -220px 0
}

.share-list li a:hover .ico-weixin {
    background-position: -60px -40px
}

.share-list li a:hover .ico-xlwb {
    background-position: -100px -40px
}

.share-list li a:hover .ico-txwb {
    background-position: -140px -40px
}

.share-list li a:hover .ico-douban {
    background-position: -180px -40px
}

.share-list li a:hover .ico-tieba {
    background-position: -220px -40px
}

.bxslider li { position:relative;}
.bxslider li a { display:block;height:100vh;}
.bxslider li p { background-size:cover;background-position:center; background-repeat:no-repeat; position:relative; position:absolute; z-index:1;width:100%; height:100%}
.bxslider li .cons { position:absolute; z-index:200;width:100%;padding:2%;bottom:60px; background:rgba(0,0,0,0.5);color:#62c3d0;}
.bxslider li .cons .title {font-size: 3.5vw;line-height: 4.5vw;}
.bxslider li .cons .title2 {font-size: 1.2vw;line-height: 2.5vw;margin-top:10px}

.bxslider li .video { position:absolute;left:0;top:0;width:100%;height:100%; z-index: 100}
#myvideo {object-fit:cover; width:100%; height: 100%}
.videos{position: relative; text-align:center}
.video-btn{ cursor:pointer;position: absolute; z-index:1;opacity:1;left: 50%;top:50%;background:url(play.png) no-repeat center; background-size:cover;width:100px; height:100px;margin:-50px 0 0 -50px}
.video-btn.active {opacity:0;width:0; height:0;margin:0}
.video-sp{width: 100%;}
video::-webkit-media-controls {opacity:0}
video::-webkit-media-controls:Hover {opacity:1}

.ind3,.ind3 li {margin:0;padding:0; text-align:left;}
.ind3 {display:flex;flex-wrap: wrap}
.ind3 li {width:33.3333%;position: relative}
.ind3 li .pic {position: relative;padding:31.25% 0}
.ind3 li .hover {position: absolute;left:0;top:0; z-index: 200;width:100%;height:100%;opacity:0;transition-duration: 0.5s}
.ind3 li .hover div {position: relative;padding:31.25% 0}
.ind3 li:hover .hover {opacity:1}

.indnews .photo .pic-a {position: relative;display:block}
.indnews .photo .pic-a .pic {position: relative;padding:31.25% 0}
.indnews .photo .pic-a .hover {position: absolute;left:0;top:0; z-index: 200;width:100%;height:100%;opacity:0;transition-duration: 0.5s}
.indnews .photo .pic-a .hover div {position: relative;padding:31.25% 0}
.indnews .photo .pic-a:hover .hover {opacity:1}
.relative {position: relative;}
.namemj {position: absolute;top:-50px}
.title-container {position: relative}