@charset "UTF-8";
/* CSS Document */

/*格式化样式*/
*{ margin:0; padding:0;}
body{ font-family:"Microsoft YaHei","din","Arial"; font-size: 14px; color:#333; }
img, a img{border:0;}
input, textarea{font-family:"Microsoft YaHei","din","Arial";}
ol, ul, dl{list-style:none;}

a:hover, button:hover, .cursorHover:hover{ cursor:pointer;}
.clear{ clear: both;}
.main{width:1260px; margin:0 auto; }

@font-face {font-family: DIN; src: url("../fonts/DIN-Regular.otf"); }


/*文字大小、颜色、是否加粗*/
.font14{font-size:14px;}
.font16{font-size:16px;}
.font18{font-size:18px;}
.font20{font-size:20px;}
.font24{font-size:24px;}

.colorWhite{ color:#ffffff;}
.colorGary2{ color:#999;}
.colorGary{color:#666;}
.colorBlack{ color:#333;}


.isBold{ font-weight: bold;}
.isNormal{ font-weight: normal;}


/*背景颜色、边框、圆角*/
.bgGray{ background:#f8f8f8;}
.bgWhite{ background:#fff;}


/*定位*/
.tl{ text-align:left;}
.tr{ text-align:right;}
.tc{ text-align:center;}

.fl{ float:left;}
.fr{ float:right;}

/*边距*/
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt60{margin-top:60px;}
.mt80{margin-top:80px;}
.mt100{margin-top:100px;}

.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}
.mr10{ margin-right:10px;}

.mb100{margin-bottom:100px}


.plr20{padding:0px 20px;}

/*宽度*/
.widthAll{ width:100%;}

/*超链*/
a:link, a:visited {text-decoration: none;}
a:hover, a:active {text-decoration: none;}


/*header*/
.header{position:fixed; background: #fff; z-index: 100000; box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.1); height:100px; }
.header .logo{ width:200px; margin-top:28px;}
.header .logo img{ float:left;}
.header .nav{ width:1000px; text-align: right;}
.header .nav{ height:100px; line-height: 100px; font-size: 18px; }
.header .nav ul{ width:100%; float:left;}
.header .nav ul li{width:100px;float:left;margin-left:60px;}
.header .nav ul li a{ color:#333; display: block; text-align: center;}
.header .nav ul li a img{float:right; margin-top:35px;}
.header .nav ul li .cur, .nav ul li a:hover{ color:#0033a0; }
.header .nav ul li ul{display: none; top:0px; text-align:center; width: 140px; position: relative;background:#fff; z-index: 1000!important; margin-left:-20px; padding:10px 0px; }
.header .nav ul li:hover ul{display: block;}
.header .nav ul li:hover ul li{ width:100%; float:left; line-height:60px!important; margin-left:0px!important; font-size:14px;}
.header .nav ul li:hover ul li a{ display: block; color:#333;}



/*channel*/
.channelTitle h1, .channelTitle h3, .channelTitle h4{font-weight:normal; text-align: center;}
.channelTitle h1{ line-height:40px; font-size:36px; color:#0033a0; font-weight: bold;}
.channelTitle h3{ line-height:24px; font-size:16px; color:#999; margin-top:10px; }
.channelTitle h4{ line-height:24px; color:#999; margin-top:10px;}


/*footer*/
.footer{background:#343941;}

.footerLink{ width:950px;}
.footerLink ul{ float:left; margin-right:130px;}
.footerLink ul:last-child{margin-right:0px;}
.footerLink ul div{ font-size:16px; color:#fff;margin-bottom:15px; font-weight: bold;}
.footerLink ul li{ line-height:40px;}
.footerLink ul li a{ color:#999999;}
.footerLink ul li a:hover{color:#fff;}

.footerLink ul:last-child{margin-right:0px;}
.footerLink ul:last-child li{line-height:54px; color:#999;}
.footerLink ul:last-child li img{ float:left; margin-top:15px; margin-right:10px;}

.footerRight{ width:182px;}
.footerRight p{ text-align:center; line-height: 30px; color:#999999;}
.copyRight{ line-height:50px; background: #2b2f34; color:#cccccc; }


.footer .link{border-top:1px solid #dddddd; padding:40px 0px; line-height: 30px;}
.footer .link span{color:#999; font-weight: bold;}
.footer .link a{color:#999; margin-right:30px;}
.footer .link a:hover{color:#fff;}




/*面包屑导航*/
.position{height:70px; line-height: 70px; border-bottom:1px solid #ddd;}
.position .channelNav{ width:60%; font-size:18px;}
.position .channelNav a{float:left; color:#333; margin-right:50px; line-height: 68px; display: block;}
.position .channelNav a:last-child{margin-right:0px!important;}
.position .channelNav .cur{ color:#0033a0; font-weight: bold; border-bottom:2px solid #0033a0;}
.position .positionText span{width:6px; height:6px; border-radius: 50%;float:left;border:1px solid #0033a0; margin-top:32px; margin-right:10px;}
.position .positionText, .position .positionText a{color:#999;}


/*pages*/
.pages{font-family:DIN;}
.pages a{width:36px; height:36px; display: block; float:left; text-align: center; line-height: 36px; margin-right:10px; border:1px solid #ddd; border-radius: 2px; color:#666;}
.pages a:hover, .pages .cur{color:#fff; font-weight: bold; background: #0033a0; border:1px solid #0033a0;}
.pages span{width:50px; float:left; line-height:36px; text-align: center; margin-right:10px;}




.page{background:#f8f8f8; height:90px; }
.page div{width:42%; float:left; line-height:30px; color:#777; margin-left:3%; line-height: 90px;}
.page div:last-child{margin-right:3%; float:right; text-align: right; }
.page div a{color:#999;}



.recommend .channel{font-size:16px; color:#0033a0; font-weight: bold; line-height:50px; border-bottom:1px solid #ddd;}



/*侧边*/
.side{position:fixed;width:70px;right:30px;top:50%;margin-top:-200px;z-index:10000;border-bottom:0; box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);}
.side ul li{width:70px;height:85px;float:left;position:relative;border-bottom:1px solid #ddd;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer; background:#fff;}
.side ul li:first-child{border-radius: 5px 5px 0px 0px;}
.side ul li:last-child{border-radius: 0px 0px 5px 5px; border-bottom: none;}
.side ul li:hover{background:#0033a0;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{width:30px; height:30px;display:block;overflow:hidden;background:no-repeat 0 center auto 30px;margin-top:14px;transition:all .3s ;margin-left:20px;}
.side ul li i.bgs1{background:url(../images/right_pic1.png);}
.side ul li i.bgs2{background:url(../images/right_pic2.png);}
.side ul li i.bgs3{background:url(../images/right_pic3.png);}
.side ul li i.bgs4{background:url(../images/right_pic4.png);}
.side ul li i.bgs5{background:url(../images/right_pic5_on.png);}
.side ul li:hover i.bgs1{background:url(../images/right_pic1_on.png);}
.side ul li:hover i.bgs2{background:url(../images/right_pic2_on.png);}
.side ul li:hover i.bgs3{background:url(../images/right_pic3_on.png);}
.side ul li:hover i.bgs4{background:url(../images/right_pic4_on.png);}
.side ul li:hover i.bgs5{background:url(../images/right_pic5_on.png);}
.side ul li .sidebox{position:absolute;width:70px;height:70px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#0033a0;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:240px;display:none;text-align:center;position:absolute;left:-240px; top:0;background:url(../images/leftewm.png) no-repeat; height:270px; border-radius: 5px 0px 0px 5px;}
.side ul li.sideetel .telBox{width:200px; padding:20px 0px 20px 40px ;height:90px; line-height: 50px; display:none;color:#666;text-align:left;position:absolute;left:-240px; margin-top:-78px;background:#fff;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); border-radius: 5px 0px 0px 5px;}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}to{opacity:1}}