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:28px; font-weight:100}
h3{ font-size:12px; font-weight:100}
h4{ font-size:12px; margin:0}
p{ margin:5px 0; line-height:180%;}
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;}
.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}

.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:36px; height:36px; vertical-align:middle; background-position:  center; background-repeat: no-repeat;}
.ico_play{ width: 96px; height: 96px; background-size: 96px;}

/* 按钮 */
.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:#101825; height:50px; line-height:50px; color:#fff; font-size: 14px; position: relative; z-index: 999;}
header .logo{ width: 150px; height: 36px; margin-right: 70px; background-size: 150px 36px; background-repeat: no-repeat; margin-top: 8px;}
header .fl a{ color: #fff; margin: 0 12px;}
header .fl 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{ color: #fff; }
header .fr a:hover{ opacity: 0.8; }
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}


/*底栏*/
.cbar{ height: 138px; background-color: #0073eb; background-size: auto 138px; background-position: center; color:#fff; overflow: hidden; }
.cbar span{ width: 300px; display: inline-block; padding-left: 60px; margin-top: 38px; }
.cbar span.fir{ margin-left: 90px}
.cbar .ico{ margin-left: -60px; margin-right: 12px; float: left}
.cbar h3{ font-size: 12px; margin-top: 10px;}
.cbar p{ font-size: 20px; margin: 0}
.cbar .search{ margin-top: 46px; margin-left: 275px;}
.cbar .search input{ width: 500px; height: 25px; line-height: 25px; padding: 10px 20px; border:1px solid #fff; border-radius: 3px; -webkit-border-radius: 3px; vertical-align: middle; background-color: #0073eb; font-size: 16px; color: #fff}
.cbar .search input::-webkit-input-placeholder{ color:#eee;  }
.cbar .search input:focus{ outline: none;}
.cbar .search button{ width: 100px; height: 47px; line-height: 45px; text-align: center; background-color: #fff; color: #0073eb; border: 0; vertical-align: middle; margin-left: -5px; border-radius: 3px; -webkit-border-radius: 3px; font-size: 16px; }

.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;}

/*视频播放器*/
.video{ width: 960px; height: 540px; background-color: #000;  position: fixed; left: 50%; top: 80px; z-index: 9999; margin-left: -480px; overflow: visible; display: none; }
.video video{ width: 100%; height: 540px;}
.video .close{ display: inline-block; width: 40px; height: 40px; right: 10px; top:10px; position: absolute; z-index: 3; background-color: #333; cursor: pointer; background-position: center; background-repeat: no-repeat; border-radius: 20px; -webkit-border-radius: 20px;}
.video .close:hover{ background-color: #000;}
.videoIn{ width: 1180px; height: 664px; position: relative; display: block; margin: 0; left:0; top: 0; z-index: 1}
.videoIn video{ height: 664px;}
.videoIn .ctrl{ position: absolute; background-color: rgba(0,0,0,.26); width: 100%; height: 664px; transition:opacity .3s; -webkit-transition:opacity .3s; left: 0; top: 0; z-index: 3; text-align: center;}
.videoIn .ctrl .ico{ margin-top: 280px}
.videoIn.playing .ctrl{ opacity: 0;}
.videoIn.hideBtn .ctrl{ display: none;}
.maskLayer{ width: 100%; height: 100%; background-color: rgba(0,0,0,.6); z-index: 999; position: absolute; left: 0; top: 0; display: none; }


.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:#333; padding:50px 0 20px 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;*/ display: none; width: 200px;}
footer .ico_code{ display:inline-block; width:160px; height:160px; background-repeat: no-repeat; background-position: center; background-size: 160px; }
footer p{ margin:0;}