@charset "utf-8";
/* CSS Document */

.ry{ text-align: center; padding: 20px 0;}
.ry h2{ display: block; font-size: 28px; color: #1e1c1c; font-weight: normal; line-height: 2;}
.ry .x{width:60px; height:5px; background:#000; margin:auto;}
.ry .xx{width:100%; height:1px; background:#ccc; margin:auto;}
.ry p{ font-size: 16px; color: #777; line-height: 2.5;}

@media (max-width: 992px){
	.ry{ padding: 40px 0;}
	.ry h2{ font-size: 22px;}
	.ry p{ font-size: 14px; }
}

@media (max-width:768px){
	.ry h2{ font-size: 18px;}
	
}


.lock_wrap{
	padding-top:70px;
	width:100%;
	margin:auto;
	height: 296px;
	margin-bottom:20px;
}
.lock{
	width: 100%;
	height: 8em;
	margin:0 auto;
	position: relative;
}
.lock .prod {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    background-size: cover;
}
.lock .prod1 {
    width: 40%;
    height: 296px;
    top: 0;
    left: 0;
    background-image: url(../images/img_01.jpg);
	background-size:100% 100%;
}
.lock .prod2 {
    width: 30%;
    height: 296px;
    top: 0;
    left: 40%;
    background-image: url(../images/img_02.jpg);
	background-size:100% 100%;
}
.lock .prod3 {
    width: 30%;
    height: 296px;
    top: 0;
    left: 70%;
    background-image: url(../images/img_03.jpg);
	background-size:100% 100%;
}
.lock .prod .title {
    height: 48px;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    z-index: 2;
    opacity: 1;
}
.lock .prod .act {
    opacity: 1;
    display: inline-block;
    margin-top:10px;
    height: 22px;
    font-size: .16em;
    color: #fff;
    z-index: 2;
    position: relative;
}
.lock .prod .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    opacity: 0.3;
    transition: all .3s;
    z-index: 1;
}
.lock .prod .act::before {
    position: absolute;
    bottom: -4px;
    left: 0;
    display: block;
    content: '';
    width: 0;
    height: 2px;
    background: #fff;
    transition: all .3s;
}
.lock .prod:hover .act,.lock .prod:hover .mask,.lock .prod:hover .title{
	opacity:1
}
.lock .prod:hover .act::before{
	width:80px;
}

.map {
	height: 400px;
	margin-top: 20px;
}
 @media screen and (max-width: 767px) {

.map {
	height: 200px;
}
}
.gb_resItms { margin: 0px 1%; }
.gb_resItms li { text-align: center; float: left; width: 9%; padding-bottom: 15px; }
.gb_resA img { height: auto; width:30px; margin-bottom: 10px; }

@media only screen and (max-width: 500px) {
.gb_resA img { width: 30px; margin-top: 5px; }
}

@media only screen and (max-width: 470px) {
.gb_resItms li { width: 33.333%; }
.gb_resLay { height: 290px; }
.gb_resA img { width: 30px; margin-top: 0 }
}

/*    新闻中心内页   */
.news_tit{ width:100%; float:left; border-bottom:1px dashed #999999; padding:20px 0 10px 0; text-align:center; line-height:32px;}
.news_tit h2{  font-size:16px;}
.news_tit span{ color:#969696;}

.news_ct{ width:100%; float:left; padding:15px 0; line-height:24px;font-size:12px; color:#505050; min-height:200px;}
.news_ct img { max-width: 100%; }



.diagBox{position: fixed;z-index:999;width: 420px;height: auto;background: #e55e2f;padding: 50px 40px;box-shadow: 0 6px 50px 0 rgba(0,0,0,0.07);border-radius: 8px;border-radius: 8px;top: 10%;left: 50%;margin-left: -250px;display: none;}.diagBox-t{color: #fff;font-family: PingFangSC-Medium;font-size: 24px;color: #FFFFFF;letter-spacing: -0.1px;text-align: center;}
.diagBox .step{position: absolute;top: 20px;left: 40px;color: #F93F3F;;}
.diagBox-form-item{margin-top: 15px;;}
.diagBox-form-item label{font-family: PingFangSC-Medium;font-size: 16px;color: #FFFFFF;line-height: 40px;}
.diagBox-form-item .diagBox-form-input{width: 100%;height: 40px;background: #fff;border-radius: 20px;border-radius: 20px;position: relative;}
.diagBox-form-item .diagBox-form-input input{background: none;height: 40px;border-radius: 20px;border:none;width: 100%;font-size: 14px;color: #000;text-indent: 1em;}

.diagBox-form-item .diagBox-form-input .forget{position: absolute;height: 40px;right: 20px;top: 0;color: #F93F3F;font-size: 14px;line-height: 40px;cursor: pointer;;}
.diagBox-form-item .diagBox-form-input .des{position: absolute;height: 40px;left: 20px;top: 0;color: #706693 ;font-size: 14px;line-height: 40px;cursor: pointer;;}
.diagBox-form-des{height: 40px;right: 20px;top: 0;color: #706693 ;font-size: 12px;line-height: 40px;}
.diagBox-form-des span{color: #fff;font-size: 14px;;}
.diagBox-form-btn{height: 36px;margin: 30px 0 0 0;text-align: center;;line-height: 36px;font-size: 16px;;}
.diagBox-form-btn .diagBox-close{display: inline-block;*display: inline;*zoom: 1;width: 120px;height: 36px;margin: 0 20px;color: #C832B2;cursor: pointer;;}
.diagBox-form-btn .diagBox-check{display: inline-block;*display: inline;*zoom: 1;width: 120px;height: 36px;margin: 0 20px;background-image: linear-gradient(225deg, #efefef 0%, #bebebe 100%);
    border-radius: 18px;
    border-radius: 18px;color: #000;cursor: pointer;}
.diagBox-closeBtn{position: absolute;width:44px;height:44px;right: 0;top: 0;background:url(../images/close.png) no-repeat center / 14px 14px;cursor: pointer;}
.diagBox-form-item .diagBox-form-input .getCode{position: absolute;height: 40px;right: 20px;top: 0;color: #F93F3F;font-size: 14px;line-height: 40px;cursor: pointer;;}
.diagBox-form-item .diagBox-form-input .codeTime{position: absolute;height: 40px;right: 20px;top: 0;color: #706693 ;font-size: 14px;line-height: 40px;cursor: pointer;display: none;;}
.message{display: none;;position: fixed;z-index: 1000;height: 60px;border-radius: 10px;background: #2A1852 url(../images/message.png) no-repeat 38px center/20px 20px;top: 20%;left: 0;right: 0;margin:0 auto;width: 200px;text-indent: 65px;color: #fff;line-height: 60px;font-size: 16px;}
.aSelect{position: relative;;background: none;height: 40px;border-radius: 20px;border:none;width: 100%;font-size: 14px;color: #fff;text-indent: 1em;z-index: 10;}
.aSelect .aSelect-value{height: 40px;line-height: 40px;position: absolute;z-index:999;width: 100%;border-radius: 20px;background:url(../images/tag.png) no-repeat 95% center/10px auto;cursor: pointer;}
.aSelect.active{border:1px solid #C832B2;}
.aSelect-box{position: absolute;top: 42px;width: 100%;background: #332465;padding: 10px 0;z-index: 999;display: none;}
.aSelect-box .aSelect-item{height: 40px;line-height: 40px;padding:0 40px 0 0;position: relative;}
.aSelect-box .aSelect-item span{display: block;width: 100%;cursor: pointer}
.aSelect-box .aSelect-item .clear-item{position: absolute;width:60px;height:40px;color: #C832B2;font-size: 20px;line-height: 40px;text-align: center;top: 0;right: 0;cursor: pointer;}
.aSelect-box .aSelect-item:hover{color: #C832B2;background-color: #46357D;}
.assets{margin-top: 90px;}
.aSelect input{float: left;background:url(../images/tag.png) no-repeat 95% center/10px auto !important;}
.assets-title{color: #fff;font-size: 24px;margin-bottom: 30px;}
.assets-t{color: #fff;font-size: 16px;;}
.assets-t span{color: #F93F3F;font-size: 20px;margin: 0 2px;}
.assets-table{background: rgba(200,50,178,.2);min-height: 440px;margin-top:10px ;}
.assets-table-t{height: 44px;background: #47116A;padding: 0 20px;line-height: 44px;color: #fff;font-size: 14px;}
.assets-table-item{width: 33.33%;float: left;text-align: center;}
.assets-table-item:first-child{text-align: left;}
.assets-table-c{height: 60px;padding: 0 20px;line-height: 60px;color: #fff;font-size: 14px;border-bottom: 1px solid rgba(200,50,178,.3);}
.assets-table-item{width: 33.33%;float: left;text-align: center;}
.assets-table-item:first-child{text-align: left;}
.assets-table-item .assets-table-btn{width: 60px;height: 28px;border:1px solid #F93F3F;border-radius: 28px;line-height: 28px;color: #FF5342;margin: 0 10px;cursor: pointer;}
.assets-table-item .assets-table-btn:hover{background: linear-gradient(225deg, #AF2CEF 0%, #F93F3F 100%);color: #fff;}