@charset "utf-8";



/*******************服务指南***********************/
.ser-in-guide { padding-top:0.9rem; }
.ser-in-guide .page-content { margin-top:0.29rem; padding-bottom:1.1rem; position:relative; }
.ser-in-guide .bg_container { width:47.22%; position:absolute; right:0px; top:0px; bottom:-0.93rem; }
.ser-in-guide .page-tab { width:50%; }
.ser-in-guide .page-tab dl { margin-bottom:0.1rem; }
.ser-in-guide .page-tab dl dt { background:#f4f4f4; padding:0.1rem 0.5rem 0.1rem 0.44rem; position:relative; color:#333; cursor:pointer; }
.ser-in-guide .page-tab dl dt:before { position:absolute; content:""; width:3px; height:3px; left:0.2rem; top:50%; margin-top:-1.5px; background:#333; border-radius:50%; }
.ser-in-guide .page-tab dl dt:after { position:absolute; right:0.4rem; content:""; width:4px; height:4px; border:2px solid #fff;border-color:transparent transparent #999 #999 ; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); top:50%; margin-top:-4px;    }
.ser-in-guide .page-tab dl dd { padding:0.3rem 0.5rem 0.3rem 0.44rem; display:none; border-top:0.02rem solid #fff; background:#e8f4f7; line-height:1.875;  }
.ser-in-guide .page-tab dl.on dt { background:#00afdf; color:#fff; }
.ser-in-guide .page-tab dl.on dt:before { background:#fff;}
.ser-in-guide .page-tab dl.on dt:after { border-color:#fff #fff transparent transparent;margin-top:-2px;    }

@media only screen and (max-width:750px){
.ser-in-guide { padding-top:0.5rem; }	
.ser-in-guide .page-tab { width:100%; }
.ser-in-guide .bg_container { position:relative; width:100%; bottom:0px; height:7.5rem; margin-top:0.5rem; }
.ser-in-guide .page-content { padding-bottom:0.8rem; }
}



/*******************服务指南***********************/
.ser-in-feedback { color:#fff; padding:2.64rem 0px 2.74rem; }
.ser-in-feedback .page-sub { padding-top:0.16rem; }
.ser-in-feedback .page-more { padding-top:0.54rem; }
.ser-in-feedback .page-more a { background:#f85d8b; color:#fff; letter-spacing:0px; }

.page-feedback-tc  { position:fixed; left:0px; display:none; top:0px; width:100%; height:100%; right:0px; z-index:1001; bottom:0px; background:rgba(0,0,0,0.3); }
.page-feedback-tc .page-feedback-wrap { position:absolute; left:0px; overflow:hidden; overflow-y:auto; top:0px; width:100%; height:100%; right:0px; z-index:1001; bottom:0px; background:rgba(0,0,0,0.3); }
.page-feedback-tc .page-con { width:80%; max-width:9.24rem; position:relative; background:#f4f4f4; padding:0.5rem 0.9rem;  }
.page-feedback-tc .page-con .page-title { padding-bottom:0.18rem; }
.page-feedback-tc .page-btn-close { position:absolute; right:0.34rem; cursor:pointer; top:0.3rem; width:0.2rem; height:0.2rem; }
.page-feedback-tc .page-btn-close:before { position:absolute; content:""; width:100%; height:0.03rem; background:#a4a4a4;transform:translate(-50%,-50%) rotate(45deg);-webkit-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg); left:50%; top:50%; }
.page-feedback-tc .page-btn-close:after { position:absolute; content:""; width:0.03rem; height:100%; background:#a4a4a4; transform:translate(-50%,-50%) rotate(45deg);-webkit-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg); left:50%; top:50%; }


.layui-form-item { margin-bottom:0.2rem; }
.layui-form-label { width:0.8rem; padding:0px; line-height:0.44rem; }
.layui-input, .layui-select, .layui-textarea { line-height:0.44rem; font-size:0.16rem; height:0.44rem; border:none; padding:0px 0.1rem; }
.layui-form-item .page-label { width:50%; }
.layui-textarea { min-height:1.44rem; padding:0.1rem 0.1rem; line-height:1.5; resize: none; }
.layui-input-block { margin-left:0.9rem; min-height:0px; }
.page-feedback-tc  .page-btn { margin-left:0px; padding-top:0.2rem; }
.page-feedback-tc  .page-btn .layui-btn { background:#f85d8b; padding:0px 0.2rem; min-width:1.6rem; line-height:0.44rem; height:0.44rem; border-radius:0.05rem; } 

.layui-form-select .layui-edge {  width:8px; height:8px; right:0.2rem; border:2px solid #fff;border-color:transparent transparent #999 #999 ; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); top:50%; margin-top:-6px; background:none; }

@media only screen and (max-width:1440px){
.page-feedback-tc .page-con { padding:0.4rem 0.5rem; }
.layui-input-block { margin-left:1rem; }
.layui-form-label { width:0.9rem; }
}

@media only screen and (max-width:1300px){
.layui-input-block { margin-left:80px; }
.layui-form-label { width:70px; line-height:30px; }
.layui-input, .layui-select, .layui-textarea { height:30px; line-height:30px; }
}

@media only screen and (max-width:750px){
.layui-form-item .page-label { width:100%; }
.layui-form-item .page-label:first-child { margin-bottom:0.2rem; }
}
@media only screen and (max-width:375px){
.layui-input-block { margin-left:0px; }
.layui-form-label { float:none; width:100%; text-align:left; }
}



/********************视频中心*************************/
.page-service-piclist { padding-bottom:0.8rem; }
.page-service-piclist ul { margin:0px -0.1rem; padding-bottom:0.42rem; overflow:hidden; }
.page-service-piclist ul li { float:left; width:25%; padding:0.11rem 0px 0.63rem; }
.page-service-piclist ul li .page-con { margin:0px 0.1rem; }
.page-service-piclist ul li .bg_container { padding-bottom:56.23%; }
.page-service-piclist ul li .page-img { overflow:hidden; position:relative; cursor:pointer; }
.page-service-piclist ul li .page-img:before { position:absolute; z-index:2; left:50%; top:50%; margin:-0.18rem 0px 0px -0.18rem; width:0.36rem; height:0.36rem; background:url(../images/play04.png) no-repeat center center; background-size:100% 100%; content:""; }
.page-service-piclist ul li a { color:#7d7d7d; }
.page-service-piclist ul li .page-txt { line-height:1.7142;color:#7d7d7d; margin-top:0.07rem; height:3.4284em; max-height:3.4284em; }
.page-service-piclist ul li .page-title { color:#3f3f3f; height:4em; line-height:1.2em; max-height:3em; cursor:pointer; padding-top:10px;}
.page-service-piclist ul li .page-head { padding-top:0.2rem; padding-bottom:0.04rem; }
.page-service-piclist ul li .page-time { background:url(../images/page-time01.png) no-repeat left center; color:#7d7d7d; padding-left:0.24rem; background-size:0.16rem 0.16rem; }
.page-service-piclist ul li .page-more { margin-top:0.3rem; cursor:pointer; color:#7d7d7d; display:none; }
.page-service-piclist ul li .page-share { position:relative; cursor:pointer;  }
.page-service-piclist ul li .page-share .page-ico { background:url(../images/page-share01.png) no-repeat center center; width:0.16rem; height:0.16rem; background-size:100% 100%; }
.page-service-piclist ul li:hover { color:#f85d8b; }
.page-service-piclist ul li:hover .page-title {color:#f85d8b; text-shadow:1px 0px 0px #f85d8b; }
.page-service-piclist ul li:hover .page-more { color:#f85d8b; }

@media only screen and (max-width:1460px){
.page-service-piclist ul li .page-txt { height:36px; max-height:36px; }
.page-service-piclist ul li .page-time { padding-left:18px; background-size:12px 12px; }
}
@media only screen and (max-width:900px){
.page-service-piclist ul li .page-title { height:36px; max-height:36px; }
}
@media only screen and (max-width:750px){
.page-service-piclist ul li { width:100%; }
.page-service-piclist ul li .page-title { height:auto; max-height:3em; }
.page-service-piclist ul li .page-more { padding-top:0.3rem; }
.page-service-piclist ul li .page-txt { height:auto; max-height:3.4284em; }
}



/*****************白皮书***************/
.page-service-book { padding-bottom:0.8rem; }
.page-service-book .page-list ul { padding-bottom:0.8rem; }
.page-service-book .page-list ul li { width:49.3%; padding:0.6rem 0px; background:#fff; margin-top:0.2rem; }
.page-service-book .page-list ul li .page-img { width:1.7rem;}
.page-service-book .page-list ul li .page-img .bg_container { height:0.96rem; background-size:contain; }
.page-service-book .page-list ul li .page-text { padding:0px 0.36rem 0px 0.32rem;  border-left:1px solid #d7d7d7; }
.page-service-book .page-list ul li .page-text h3 { margin-top:-0.25em; }
.page-service-book .page-list ul li .page-btn { padding-top:0.38rem; }
.page-service-book .page-list ul li .page-btn a { display:inline-block; float:left; position:relative; overflow:hidden; background:#00afde; padding:0px 0.22rem; line-height:2.5714; color:#fff; }
.page-service-book .page-list ul li .page-btn a:before { position:absolute; left:-100%; top:0px; height:100%; bottom:0px; width:100%; background:rgba(0,0,0,0.1); content:""; transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; }
.page-service-book .page-list ul li .page-btn a span { display:inline-block; position:relative; z-index:2; padding-left:1.7142em; background:url(../images/down01.png) no-repeat left center; background-size:1em auto; }
.page-service-book .page-list ul li .page-btn a:hover:before { left:0; }
.page-service-book .page-list ul li:hover .page-text h3  a,.page-service-book .page-list ul li:hover .page-text h3  {color:#f85d8b; }

@media only screen and (max-width:940px){
.page-service-book .page-list ul li .page-text h3  { max-height:32px;  }
}
@media only screen and (max-width:750px){
.page-service-book .page-list ul li { width:100%; }
.page-service-book .page-list ul li .page-text h3  { max-height:3em;  }

}