﻿/* 全局定义 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; }
table {
    border-collapse: collapse;
    border-spacing: 0; max-width: 1100px;  overflow-x: scroll; 
}
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,th,var,i { font-weight:normal; font-style:normal; }
ol,ul,li { list-style:none; }
div,dl,dt,dd,ol,ul,li{ zoom:1; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size:100%; }
q:before, q:after {
    content: '';
}
abbr, acronym {
    border: 0;
}
pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    font-size: 16px;
    line-height: 1.8;
    font-family: "Microsoft YaHei", 'PingFang SC', SimSun, Arial, Helvetica, Tahoma, sans-serif;
}
article, aside, dialog, footer, header, section, footer, nav, figure, menu, time {
    margin: 0;
    padding: 0;
    display: block;
    zoom: 1;
}
/* 公共样式 */
html{ width:100%; height:100%;  overflow-x: hidden; }
body{ width:100%; height:100%; color:#333;font:14px/30px "Microsoft YaHei", 'PingFang SC',Tahoma,Helvetica,Arial,sans-serif; min-width:1200px; -webkit-text-size-adjust: none; }
a{color:#333;text-decoration:none; outline:none;}
a:hover {color:#ffb400;text-decoration:none; }
.clearbox { border:none; clear:both;font-size:0; height:0; line-height:0; overflow:hidden;}
.blank { height:30px;font-size:0px; line-height:0; overflow:hidden;*height:29px; }
.nodata{color:#f60;}
.fl{float:left; }
.fr{float:right; }
.siteWidth{width: 1200px; margin: 0 auto;}

/*header*/
.top{height: 28px;line-height: 28px; background: #073f8d;color: #e4e7ef;font-size: 12px;position: relative;z-index: 100;}
.wel{float: left;}
#header{background: #0849a3;}
#header .links{float: right; }
.EN{float: left;text-transform:Uppercase; color: #e4e7ef;}
/* 站群导航-公共 */
#siteLast{position: relative;}
#siteLast dt {cursor: pointer;}
#siteLast dd{display:none; width:1100px; position:absolute;  background:#fff; text-align:left; color:#333; max-height:500px; overflow:auto; padding:10px}
#siteLast dd h3{ text-align:left; margin:0 10px; position:relative; font-size:14px; font-weight:bold; line-height:34px; display:block; overflow:hidden;}
#siteLast dd h3.h i{display:none;}
#siteLast dd h3 span{float:left; height:34px; line-height:34px; padding:0 15px 0 0; background:#ffffff; position:relative; z-index:2;}
#siteLast dd h3 i{ content:""; display:block; height:1px; line-height:0; font-size:0; background:#eeeeee; top:16px; right:0; width:100%; position:absolute; z-index:1;}
#siteLast dd table{border-collapse: collapse;border-spacing: 0; font-size:12px; width:100%}
#siteLast dd table td{padding-top:10px; padding-bottom:10px; overflow:hidden}
#siteLast dd table .tdlab{width:90px; text-align:right; padding-right:20px; vertical-align:middle; line-height:26px; font-weight:bold; }
#siteLast dd ul{overflow:hidden;}
#siteLast dd ul li{width:18%; margin-left:2%; float:left; height:26px; line-height:26px; overflow:hidden}
#siteLast dd ul li a{color:#333}
#siteLast dd ul li a:hover{color:#c00;}
#siteLast dd table.up{background:#f7f7f7}
#siteLast.on dd{display:block;}

/* 站群导航-个性 */
#siteLast{z-index: 2;float:right;}
#siteLast dt{padding: 0 20px; height: 28px; line-height: 28px;}
#siteLast a{ padding:0; margin:0;}
#siteLast dd{font-size:12px;right:0;top: 28px;width: 1100px;}
#siteLast li a{ cursor:pointer;}


/* 搜索条 */
.s-form { width: 239px; height: 31px; position: absolute; top: 17px; right: 0px; background: url(../img/ss_bg.png) no-repeat; }
.s-form .select-box { display: none }
.s-form .input-box { float: left; _display: inline; width: 200px; overflow: hidden; }
.s-form .input-box input { display: block; width: 190px; height: 30px; line-height: 30px; padding:0 0 0 10px; background: none; font-size: 12px; outline: none; border: none; }
.s-form .btn-box { float: right; _display: inline; }
.s-form .btn-box .btn { display: block; width: 39px; height: 30px; line-height: 30px; text-align: center; outline: none; border: 0;background:none;cursor: pointer; }

.logobar{overflow: hidden; height: 100px; position: relative;clear: both;}
#logo{float: left; margin-top: 10px;}
#logo img{width:90%;height:auto;}
.fastlink{float: right; margin-top: 58px;}
.fastlink a{ float: left; line-height: 28px; width: 100px; margin-right: 20px; color: #fff;}
.fastlink a i{display: inline-block; float: left; width: 24px; height: 28px; margin-right: 6px; background: url(../img/topbar.png) no-repeat 0px 0px;-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all  1s;
-o-transition:all 1s;
transition:all 1s;}
.fastlink a:hover{color:#ffb400;}
.fastlink a:hover i{-webkit-transform:rotateY(360deg);
    -moz-transform:rotateY(360deg);
    -ms-transform:rotateY(360deg);
    -o-transform:rotateY(360deg);
    transform:rotateY(360deg);}
.fastlink a.btn4{margin-right: 0;}
.fastlink a.btn1 i{background-position:0 5px;}
.fastlink a.btn2 i{background-position:0 -55px;}
.fastlink a.btn3 i{background-position:0 -112px;}
.fastlink a.btn4 i{background-position:0 -174px;}

/*导航 */
.navBar { height: 40px; line-height: 40px; position: relative; z-index: 1; color: #fff; }
.mainNav a { color: #fff; }
.mainNav a:hover { text-decoration: none }
.mainNav { font-size: 16px; position: relative; zoom: 1; }
.mainNav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.mainNav a { color: #fff; }
.mainNav .li1 { text-align: center; float: left; position: relative; }
.mainNav .a1 { float: left; display: block; zoom: 1; padding: 0 28px;  }
.mainNav .a1:hover { text-decoration: none; color: #fff }
.mainNav .on1 .a1 { background: #043e8e;}
.mainNav .ul1 { overflow: hidden; line-height: 28px; position: absolute; left: 0; top: 40px; width: 100%; display: none; background: #043e8e; background: rgba(4, 62, 142, 0.85) }
.mainNav .li2 { vertical-align: top; }
.mainNav .a2 { font-size: 14px; display: block; border-top: 1px solid #114894; line-height: 20px; padding: 8px; }
.mainNav .a2:hover { background: #043e8e; color: #fff; text-decoration: none; }




#footer{height: 317px; background: url(../img/footerbg.jpg) no-repeat center top #265ba4;color: #fff;}
.cyfw{border-bottom: 1px #5b83bb solid; height: 246px;}
.cyfw_l{float: left; width: 924px; margin-top: 24px;}
.cyfw_l h3{font: bold 20px/48px "Microsoft YaHei"; padding-left: 35px; background: url(../img/link.png) no-repeat left center;}
.cyfw_l a{color: #cad4e7;}
.cyfw_l .hd{padding:18px;}
.cyfw_l .hd a{padding: 0 18px; font-size: 16px;cursor: pointer; }
.cyfw_l .hd a.on{font-weight: bold; color: #fff;}
.cyfw_l .subli a{padding: 0 12px;}
.cyfw_l .subdiv{padding: 0px 0 0 35px;}
.cyfw_r {float: right; width: 262px; margin-top: 60px;}
.cyfw_r .a{float: left; width: 68px; text-align: center; padding: 0 6px; color: #fff;}
.cyfw_r .a i{display: block; height: 68px;}
.cyfw_r a.weibo i{ background: url(../img/weibo.png) no-repeat center center;}
.cyfw_r a.xiaobao i{ background: url(../img/xiaobao.png) no-repeat center center;}
.cyfw_r a.weixin i{ background: url(../img/ewm.png) no-repeat center center;}

.copyright{position: relative; z-index: 1; width: 1200px; margin:0 auto; text-align: center; padding-top: 20px;}
#footer .footerSydw{position: absolute; z-index: 1; right: 0; top:0px;}
#footer .footerSydw img{width: 60px; height: 60px; display: block;}



/* 主栏 和 侧栏 */
#content{width:1200px; margin:0 auto; padding:20px 0;overflow: hidden;}
.mainContent {
    overflow: hidden;
}
.side {
    font-size: 14px;
    width: 240px;
    overflow: hidden;
    float: left;
    margin-right:20px;
}
/* 位置导航 */
.path {
    color: #666;
    text-align: left;
    line-height: 58px;
    margin: 0 auto;
    font-size: 14px;
    float: right;
}
.path a,
.path span,.path2 a,
.path2 span {
    padding: 0 3px;
    color: #666;
}
.path em {
    background: url(../img/path.png) no-repeat left center;
    padding-left: 26px;
}
#sideMenu,#sideRmph{margin-bottom: 20px;}
#sideMenu .hd{ height: 54px;line-height: 54px; background: #205bac;  text-align: center;}
#sideMenu .bd{border-left:5px #205bac solid;}
#sideMenu .hd h3{ font-size: 18px; color: #fff;}
#sideMenu .menuList li{height: 56px; line-height: 56px; text-align: center; background: #f5f5f5; border-bottom: 1px #ddd solid; border-right: 1px #ddd solid;}
#sideMenu .menuList li.on{border-left: 3px #f4ba32 solid;background: #fff;}
#sideMenu .menuList li a{ font-size:16px; color:#666;}
#sideMenu .menuList li.on a{ color:#205bac; font-weight: bold;}


.top .links dl {
    margin: 0 10px;
    color: #0068B7;
    position: relative;
    float: left;
}
.top .links dt {
    float: left;
    height: 30px;
    line-height: 30px;
    position: relative;
    z-index: 11;
    color: #e4e7ef;
}
.top .links dt a{color: inherit;}
.top .links dd {
    clear: both;
    display: none;
    padding: 7px;
    background: #fff;
    position: absolute;
    right: 50%;
    top: 34px;
    margin-right: -54px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
.top .links dd img {
    width: 100px;
    height: 100px;
}
.top .links dd > i {
    z-index: 8;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -3px;
    border-width: 5px;
    border-color: transparent;
    border-style: dashed;
    border-bottom-color: #fff;
    border-bottom-style: solid;
    display: block;
    font-size: 0;
    line-height: 0;
    width: 0;
}
.top .links .on dd {
    display: block;
}
/* 友情链接模拟下拉 */
.friendLinks{margin-top:10px;}
.friendLinks dl{width: 222px;margin-right: 15px;float:left;display:inline;position:relative;}
.friendLinks dl dt{height: 34px;line-height: 34px;padding:0 5px 0 8px;overflow:hidden;border:1px solid #ccc;background:#fff;position:relative;cursor:pointer;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.friendLinks dl dt i{ right:12px; top:50%; margin-top:-2px; border-width:5px; position:absolute;  border-color:transparent; border-style:dashed;  border-top-color:#363636;border-top-style:solid; content:"";display:block; font-size:0;line-height:0;width:0;}
.friendLinks dl dt h3{border-right:1px solid #ccc; width:175px; color: #333;}
.friendLinks dl dt h3 a{color:#333;}
.friendLinks dd{bottom: 35px;display:none;width:100%;position:absolute;left:0;}
.friendLinks ul{ max-height: 389px; border:1px solid #ccc; background:#fff;overflow-y:scroll; }
.friendLinks li{line-height:22px;padding: 8px 10px;border-bottom:1px dotted #ccc;/* word-break:keep-all; *//* white-space:nowrap; */cursor:pointer;}
.friendLinks li a{display:block;color:#333;}
.friendLinks li a:hover{text-decoration:none}
.friendLinks li:hover{  color:#CD3333; background-color:#f1f1f1 }
.friendLinks .last{border-bottom:0}
.friendLinks .on {z-index:9; -webkit-box-shadow:0 0 3px rgba(0, 0, 0, .3); -moz-box-shadow:0 0 3px rgba(0, 0, 0, .3); box-shadow:0 0 5px rgba(0, 0, 0, .2);  }
.friendLinks .on dt{border-color:#bbb; }
.friendLinks .on dt i{  border-top-style:none; border-bottom-color:#aaa;border-bottom-style:solid; }
.friendLinks .on dd{ display:block;  -webkit-box-shadow:0 0 3px rgba(0, 0, 0, .3); -moz-box-shadow:0 0 3px rgba(0, 0, 0, .3); box-shadow:0 0 5px rgba(0, 0, 0, .2); }
.friendLinks .on dd ul{ border-color:#bbb; }


