body{ margin:0; font-size:12px; background:#f6f6f6; font-family:Lantinghei SC,Lucida Grande,Lucida Sans Unicode,STHeitiSC,Helvetica,microsoft yahei,Arial,sans-serif; -webkit-text-size-adjust:none; overflow-x:hidden; color:#333; letter-spacing:1px;}
img{ border:0; vertical-align:middle}
div,ul,li{ margin:0; padding:0; }
ul,li{ list-style:none}
h1,h2,h3,h4,h5,h6{ margin:0; font-weight: 100}
h2{ font-size:32px; font-weight:100}
h3{ font-size:12px; font-weight:100}
h4{ font-size:12px; margin:0}
p{ margin:5px 0; line-height:180%; font-size: 14px;}
hr{ height: 1px; overflow: hidden; border: 0; background-color: #444; margin: 5px 0;}
input,select{ vertical-align:middle; margin:0}
form{ display:inline; margin:0; padding:0}
i{ display:inline-block; width:20px; height:20px; vertical-align:middle}
sup{ font-size:12px;}
header,footer,article,aside,section,nav,menu,hgroup,details,dialog,figure,figcaption{ display:block}
::-webkit-input-placeholder{ font-size:1.14rem; }

a:link,a:visited{ color:#333; text-decoration:none; outline:none}
a:hover{ color:#0087EB; }

.fl{ float:left}
.fr{ float:right}
.fn{ float:none}
.f16{ font-size:16px}
.f18{ font-size:18px}
.red,a.red{ color:#c00}
.blue,a.blue{ color:#0087EB}
.gray{ color: #666;}
.yellow{ color: #fad37a; }
.mgt{ margin-top:10px}
.mgt2{ margin-top: 20px;}
.mgt5{ margin-top: 50px;}
.mgl{ margin-left:10px;}
.mgr{ margin-right:10px;}
.mgb{ margin-bottom:10px;}
.mgb2{ margin-bottom: 20px;}
.p10{ padding:10px;}
.cen{ text-align:center}
.pre{ position: relative; z-index: 1;}
.container{ width:1180px; margin-left:auto; margin-right:auto;}
.tbor{ border-top:1px solid #EAEAEA}
.bgw{ background-color:#fff;}
.bgr2{ background-color:#f7f7f7}
.bg_gray{ background-color: #f6f6f6}
.f-small{ font-size: 12px; }

.gob_clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.gob_clearfix { display: inline-block; }
.gob_clearfix[class] { display: block; }

/* 共同引用 */
.ico_tel,
.ico_user,
.sys .tabs li i,
.sys .tabs li em,
.cus li span,
.cus li span i,
.oss li .i i{ background-image:url(../images/index_p.png); }

/* 按钮图标 */
.ico{ display:inline-block; width:24px; height:24px; vertical-align:middle; background-position:  center; background-repeat: no-repeat;}

.go{ display: inline-block; line-height: 12px; background: url('../images/arrow_1.png') right center no-repeat; background-size: 6px 11px; padding-right: 10px; }

/* 按钮 */
.cmd,
a.cmd{ display:inline-block; width:228px; height:54px; line-height:54px; font-size:16px; text-align:center; border-radius:3px; -webkit-border-radius:3px;}
.cmd_blue,
a.cmd_blue{ background:#0087eb; color:#fff;}
.cmd_blue:hover{ background:#009BEF}

.tbar{ font-size:26px; padding:40px 0 20px 0; letter-spacing:0;}
.tbar span{ font-size:30px; color:#0087eb; margin-right:10px; vertical-align:baseline;}

/* 顶部 */
header{ background:#2a5bc4; height:50px; line-height:50px; color:#fff; font-size: 14px; position: relative; z-index: 999;}
header .logo{ margin-right: 50px; font-size: 20px; font-weight: 600; color: #fff; letter-spacing: 1px; line-height: 50px; white-space: nowrap;}
header .nav{ float: right; }
header .nav a{ color: #fff; margin: 0 12px;}
header .nav a:hover{ opacity: 0.8}
header .fr { display: inline-block; width: 100px; position: absolute; z-index: 1; right: 0; top: 0; }
header .fr span{ display: inline-block; width: 80px; height: 32px; line-height: 32px; border:1px solid #0073eb; color: #0073eb; text-align: center; float: right; margin-top: 8px; }
header .fr .ov{ width: 150px; position:absolute; right: 0; top: 42px; z-index: 2; background-color: #fff; display: none; }
header .fr span.curr{ background-color:#0073eb; color: #fff }
header .fr:hover .ov{ display: block;}
header .fr a{ display: block; line-height: 40px; text-align: center; transition:all .3s;}
header .fr a:hover{ background-color: #0073eb; color: #fff}
header .reg{ position: absolute; right: 100px; top: 0; z-index: 3;}
header .reg a{ color: #fff; }
header .reg a:hover{ text-decoration: underline;}

.tbar{ padding: 40px 0 30px 0;}
.tbar p{ font-size: 14px; color: #666}

.button{
    border: none; background-color: rgba(255,255,255,.12); transition: all .3s; color: #fff; cursor: pointer; height: 30px; line-height: 30px; padding: 0 16px; display: inline-block; user-select: none;
}
.button:hover{
    opacity: .85;
}
.button.yellow{
    background-color: #f6da8c;
}
a.button.yellow:hover{
    color: #000;
}
.button.circle{
    border-radius: 30px;
}
.button.light{
    border: 1px solid #eee;
}

.box{
    padding: 20px 0;
}

img[src=""],
img:not([src]) {
  visibility: hidden;
}


/*底栏*/
.cbar{ height: 170px; background: url('../images/bg_contact.png') #0060f9 center no-repeat; background-size: auto 100%; color:#fff; overflow: hidden; box-sizing: border-box; padding: 20px 0; }
.cbar h3{ font-weight: 600; font-size: 20px; margin: 20px 0; }
.cbar .button{ height: 40px; line-height: 40px; font-size: 14px; }

.article{ padding-right:20px; padding-top:20px;}
.article p{ color:#666}
.article img{ margin:5px auto;}

.content{ padding-top:25px; margin-right:20px;}
.content .le{ width:265px; }
.content .le .t{ line-height:30px; margin-bottom:20px;}
.content .f{ width:260px;}
.content .f .p{ width:255px; height:142px; text-align:center; border:1px solid #ddd}
.content .f .p img{ width:255px; height:142px;}
.content p{ color:#666; }

.tpop{ width: 200px; position: relative; overflow: visible; display: inline-block;}
.tpop .con{ width: 280px; background-color: #fff; border-radius: 10px; padding: 12px 16px; font-size: 14px; box-shadow: 0 0 40px #888; position: absolute; left:-50px; top: 50px; z-index: 3; display: none;}
.tpop:hover .con{ display: block;}
.tpop .con.con1{ width: 600px; text-align: left; left: -210px;}

.navWrap{ display: inline-block; height: 50px; cursor: pointer; position: relative; z-index: 1; margin: 0 12px; }
.navWrap .list{ width: 140px; box-sizing: border-box; position: absolute; background-color: #fff; border-radius: 8px; box-shadow: 0 5px 30px #ccc; padding: 10px; text-align: center; left: -36px; top: 46px; display: none; }
.navWrap .list a{ display: block; line-height: 28px; color: #444; }
.navWrap:hover .list{ display: block; }

.page{ height:30px; line-height:30px; padding:30px 0; text-align:center; margin-top:30px; border-top:1px solid #eee; text-align:left}
.page a,.page span{ display:inline-block; height:20px; line-height:20px; padding:0 8px; margin:0 2px; border-radius:3px; -webkit-border-radius:3px;}
.page span{ color:#094372;}
.page .prev,.page .prev:hover{ background:url(../images/ar_left.gif) left center no-repeat; padding-left:15px;}
.page .prev:hover{ color:#ccc}
.page .next,.page .next:hover{ background:url(../images/ar_right.gif) right center no-repeat; padding-right:15px;}
.page .next:hover{ color:#ccc}
.page .prev:hover strong,
.page .next:hover strong{ color:#094372}
.page .prev:hover strong,
.page .next:hover strong{ text-decoration:underline}
.page a:hover,.page a.curr,.page span.curr{ background:#094372; color:#fff; text-decoration:none;}

.ico_mail,
.ico_qq,
.ico_tel{ width: 60px; height: 60px; background-size: 60px;}

footer{ background:#121723; padding:80px 0; color:#fff; line-height:200%; font-size:12px; color:#fff;}
footer.copyright a{ color:#fff;}
footer.copyright a:hover{ opacity: 0.7; }
footer.copyright h3{ font-size: 18px; margin-bottom: 10px;}
footer.copyright .b{ width: 180px;}
footer.copyright .b a{ display: block; line-height: 30px;}
footer .code{ display: inline-block; width: 300px; margin-left: 80px; }
footer .code .t{ width: 140px; margin-top: 24px; }
footer p{ margin:0;}

.ico_code{ display:inline-block; width:105px; height:105px; background: url('../images/code.png') center no-repeat; background-size: 105px; margin-right: 24px; }

.btm{
    color: #000;
}
.btm a{
    color: #000; display: inline-block; margin: 0 10px;
}
.btm a:hover{
    color: #0060f9;
}

.content-empty{
    min-height: 100px; display: flex; justify-content: center; align-content: center;
}