@charset "utf-8";
body {background-color:#f5f5f5;margin:0;padding:0}
.target_model .header_nav_label--last {color:#333}
.header_nav--split {display:inline-block;margin:0 8px;color:#999}
.clear {clear:both;height:0}
.split_line {height:60px;background-color:#f5f5f5}
.w{margin:0 auto;width:1200px;}

.banner {width:100%;height:170px;}
.pgcontact{padding:60px 0;background:#fff;}
.pgmessagebody{overflow:hidden;}
.pgmessagebodyinfo{float:left;width:48%;box-sizing:border-box;padding:30px 0;}
.pgmessagebodyinfo h2{font-size:36px;line-height:40px;margin-bottom:30px;font-weight:normal;}
.pgmessagebodyinfo section{line-height:30px;font-size:16px;}
.pgmessage-bodyform{float:right;width:48%;background:#f2f2f2;padding:30px;box-sizing:border-box;}
.pgmessage-bodyform h3{font-size:24px;font-weight:normal;line-height:30px;margin-bottom:10px;color:#2f82ff;}
.pgmessage-bodyform p{font-size:16px;margin-bottom:30px;}
.pgmessage-bodyform ul{}
.pgmessage-bodyform li{position:relative;float:none;margin-bottom:20px;border:1px solid #eee;border-radius:5px;}
.pgmessage-bodyform li:last-child{border:none;margin-bottom:0;}
.pgmessage-bodyform li input{padding:10px;width:100%;border-radius:5px;box-sizing:border-box;border:none;}
.pgmessage-bodyform li textarea{border:none;width:100%;height:150px;border-radius:5px;padding:10px;box-sizing:border-box;}
.pgmessage-bodyform li input.btn{width:100%;background:#2f82ff;color:#fff;}

body{background-color: #fff;}
.webAbout {
    position: relative;
    margin: 40px auto 45px;
    width: 1226px;
    height: auto;
    font-family: system,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","Hiragino Sans GB","PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    text-align: left;
    clear: both;
    background-color: #fff;
    box-shadow: 0 4px 6px rgb(199 226 252 / 10%);
}
.f-main {width:100%}
.a {font-size:inherit;color:inherit;display:inline-block;max-width:700px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.f-mainList {background:#fff}
.f-mainItem {padding:25px 0;width:auto;margin:0 45px;border-top:dashed 1px #e1e8ec;float:none;vertical-align:middle}
.f-mainItem .f-link {display:inline-block;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;height:21px;font-size:16px;white-space:nowrap}
.gn-blogBody .f-link {color:#333;transition:transform .3s}
.f-mainItem .f-link:hover {color:#2f82ff}
.f-mainItem .f-tip {color:#fff;width:18px;height:18px;border-radius:2px;background:#ff693b;display:inline-block;font-size:12px;line-height:18px;text-align:center;vertical-align:middle;margin-left:-18px;position:relative;left:-12px;font-family:宋体}
.f-mainItem .f-tip:after {content:'';display:block;position:absolute;right:0;top:50%;border:solid transparent 3px;border-left-color:#ff693b;margin-right:-6px;margin-top:-3px}
.f-mainItem-first {border-top:0}
.f-mainItem-title {padding-bottom:20px;font-size:16px;font-weight:normal;font-size:0}
.f-mainItem-desc {width:700px;display:inline-block;margin:0;font-size:14px;line-height:25px;color:#999;margin-top:-5px}
.f-mainItem-btn {display:inline-block;width:94px;height:32px;border:solid #bcc5cf 1px;font-size:13px;color:#999;vertical-align:top;float:right;text-align:center;line-height:32px}
.f-mainItem-btn:hover {color:#2f82ff;border-color:#2f82ff}

.gn-modelPreForm {padding:0;float:left;transition:transform .3s ease,box-shadow .3s ease}
.gn-modelPreForm .f-modelPreInnerForm {width:356px;height:231px;background:0;position:relative;transition:transform .2s ease-out;}
.gn-modelPreForm .f-pcModel {border:1px solid #cfcfcf;border-top:0;overflow:hidden;position:absolute;top:16px;left:0}
.gn-modelPreForm .f-pcModelUrl {position:absolute;display:block;line-height:34px;text-align:center;height:34px;color:#fff;font-size:14px;border-radius:20px;top:91px;z-index:2}
.gn-modelPreForm .f-reg {display:none;width:106px;background-color:#fd6040;left:66px}
.gn-modelPreForm .f-show {display:none;width:88px;background-color:#2f82ff;left:192px}
.gn-modelPreForm .f-modelPreInnerForm:hover .f-reg {display:block}
.gn-modelPreForm .f-modelPreInnerForm:hover .f-show {display:block}
.f-mobiModelInnerForm .f-reg,.f-mobiModelInnerForm .f-show {font-size:14px}
.gn-modelPreForm .f-modelPreInnerForm:hover .f-pcModulePic {display:block}
.gn-modelPreForm .f-modelPreInnerForm:hover .f-qrCode {top:65px}
.gn-modelPreForm .f-modelPreInnerForm:hover .f-mobiModulePic {border-radius:7px}
.gn-modelPreForm .f-pcModel {width:inherit;height:216px;left:0;top:15px;border:0}
.gn-modelPreForm .f-pcModelImg {width:100%}
.gn-websiteWin {width:356px;height:236px;background:url(../images/home_ico.png) no-repeat -893px -388px;padding:6px;position:absolute;left:-6px;top:-6px}
.gn-modelPreForm .f-mobiModelImg {width:100%;height:100%;border-radius:7px}
.gn-modelContainer {width:1200px}
.gn-modelPreForm .gn_pcModel {overflow:auto;position:relative}
.gn-modelPreForm .gn_pcModel_wrap {overflow:hidden;width:100%;height:100%}
.gn-modelPreForm:hover {transform:translate(0,-10px)}
.gn-modelPreForm.rollImg {width:366px;height:250px;margin:20px 0 78px 34px;}
.gn-modelPreForm.rollImg .f-pcModulePic {display:none;position:absolute;width:100%;height:100%;background-color:#000;opacity:0;top:0;border-top-left-radius:6px;border-top-right-radius:6px}
.gn-modelPreForm.rollImg .model_mask .f-modelPreInnerForm:hover .f-modelBtn {width:100%;height:58px;margin-top:20px;position:relative;background:#fff;box-shadow:0 0 7px 0 rgba(0,0,0,0.11)}
.gn-modelPreForm.rollImg .f-modelPreInnerForm:hover .f-modelBtn {width:100%;height:58px;margin-top:16px;position:relative;background:#fff;box-shadow:0 0 7px 0 rgba(0,0,0,0.11)}
.gn-modelPreForm.rollImg .f-modelBtn .f-pcModelUrl {top:12px}
.gn-modelPreForm.rollImg .model_mask .f-modelPreInnerForm:hover .f-mobiModulePic {border-radius:0}
.gn-modelPreForm.rollImg .f-pcModelName {width:356px;height:60px;line-height:60px;font-size:15px;text-align:center}
.f-mobiModelName {font-size:15px;text-align:center}
.gn-modelPreForm.rollImg .f-reg {display:none;width:116px;background-color:#fd6040;left:60px}
.gn-modelPreForm.rollImg .f-show {display:none;width:96px;background-color:#2f82ff;float:right;right:60px}
.gn-modelPreForm .f-reg:hover {background-color:#fd705b}
.gn-modelPreForm .f-show:hover {background-color:#2b89fb}