@charset "utf-8";
/* CSS Document */
body{margin:0px; padding:0px; font-size:14px; font-family:"微软雅黑"; color:#333;}
a{color:#333; text-decoration:none; outline:none;}
a:active{star:expression(this.onFocus=this.blur());} 
img{border:0px; vertical-align:middle;}
a:link {text-decoration: none; outline:none;}
/*a:visited{text-decoration: none; outline:none;}*/
/*a:hover{text-decoration:none; color:#36a390; outline:none;}*/
ul, p, dl, dt, dd{padding:0px; margin:0px;}
li{list-style-position:outside; list-style-type:none;}
h1, h2, h3, h4, h5{font-size:14px; padding:0px; margin:0px;}
h1{font-size:16px;}
h5{font-size:12px;}
.fl{float:left;}
.fr{float:right;}
.ovh{overflow: hidden;}
.clear_f{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}

input, textarea{background:transparent; padding:0px; font-size:12px; color:#333; outline:none; border:0px;font-family: Arial, "微软雅黑";}
em{font-style:normal;}
input[type="button"],input[type="submit"],select{-webkit-appearance:none;}

/*通用*/
input::-webkit-input-placeholder{font-family: Arial, "微软雅黑";color: #fff;} 
input:-moz-placeholder{font-family: Arial, "微软雅黑";color: #fff; } 
input::-moz-placeholder{font-family: Arial, "微软雅黑";color: #fff; } 
input:-ms-input-placeholder{font-family: Arial, "微软雅黑";color: #fff; }
i{font-style: normal;}

.wal-1366{width: 1366px;margin:0 auto;}
.wal{width: 1200px;margin:0 auto;}
.pc-show{display: block!important;}
.pc-hide{display: none!important;}

/*头部导航*/
.headDiv{background: #fff;height: 100px;position: relative;z-index: 99;} 
.headDiv .logo{line-height: 100px;} 
.headDiv .logo img{} 
.headDiv .rg{height: 100px;line-height: 100px;} 
.headDiv .rg ul{overflow: hidden; } 
.headDiv .rg li{float: left; } 
.headDiv .rg li a{display: block;-webkit-transition: all .2s;transition: all .2s;color: #333;font-size: 18px;padding: 0 10px;margin: 0 15px;line-height: 100px;position: relative;} 
.headDiv .rg li a i{display: block;width: 30px;height: 1px;background: #fff;position: absolute;bottom: 10px;left: 50%;margin-left: -15px;-webkit-transition: all .2s;transition: all .2s;opacity: 0;}
.headDiv .rg li.on a{background:#2877b5;color:#fff;} 
.headDiv .rg li.on i{bottom:31px;opacity: 1;}
.headDiv .rg li:hover a{background:#2877b5;color:#fff;}
.headDiv .rg li:hover a i{bottom:31px;opacity: 1;}
.headDiv .search{height: 100px; line-height: 100px; padding-left: 15px; }
.headDiv .search img{line-height: 100px;}

/*二级导航*/
.ww{width: 1290px; margin: 0 auto; } 
.sNav{position: absolute; width: 1290px; height: 383px; background: url(../images/a4.png); z-index: 9; } 
.sNav .box{overflow: hidden; } 
.sNav .left{width: 390px;margin-left: 95px;} 
.sNav .left .t1{font-size: 36px;color: #333;font-weight: bold;margin: 37px 0 15px;text-transform: uppercase;} 
.sNav .left .t2{font-size: 30px;color: #333; } 
.sNav .left .t3{font-size: 24px;color: #333;margin: 40px 0 20px;} 
.sNav .left .t4{font-size: 14px;color: #666;line-height: 30px;margin: 20px 0;width: 323px;} 
.sNav .left i{display: block; width: 60px; height: 3px; background: #2877b5; } 
.sNav .line{margin-top: 50px; display: block; width: 1px; height: 224px; background: #2877b5; } 
.sNav .right{margin-left: 57px; margin-top: 77px; } 
.sNav .tabli2{} 
.sNav .tabli2>li{position: relative;padding-left: 17px; } 
.sNav .tabli2>li:hover{background:#2877b5;color:#fff;} 
.sNav .tabli2>li:hover a{color: #fff;} 
.sNav .tabli2>li:hover a i{color: #fff;} 
.sNav .tabli2 .a2{font-size: 16px;color: #666;width: 146px;height: 44px;line-height: 44px;padding: 0 6px;display: block;} 
.sNav .tabli2 .a2 i{font-size: 16px;color: #2877b5;float: right;margin-right: 22px;} 
.sNav .tabli2 .tabli3{position: absolute; left: 100%; width: 100%; top: 0; display: none;padding-left: 47px;} 
.sNav .tabli2 .tabli3 li{} 
.sNav .tabli2 .tabli3 li a{font-size: 14px; color: #999; line-height: 44px; height: 44px; border-bottom: 1px solid #999;padding-left: 0; margin-left: -0;  } 
.sNav .tabli2 .tabli3 li a i{color: #2877b5;font-size: 14px;float: left;margin-right: 5px;display: none;} 
.sNav .tabli2 .tabli3 li:hover a{color: #2877b5;padding-left: 15px; margin-left: -15px;font-weight:bold;border-bottom: 1px solid #2877b5; } 
.sNav .tabli2 .tabli3 li:hover i{opacity:1px;display: inline-block;}
.sNav .bg_round{position: absolute;right: 128px;top: 30px;}

/*底部*/
.bottom{height: 190px; background: #eaeaea; } 
.bottom .txt1{} 
.bottom .t1{font-size: 30px; color: #333; text-transform: uppercase; margin: 40px 0 20px; } 
.bottom .t2{font-size: 14px;color: #666; } 
.bottom .txt1 a{color: #666; margin-top: 12px; display: block; text-transform: uppercase; } 
.bottom .txt1 a:hover{color:#2877b5;font-weight: bold;} 
.bottom .txt2{} 
.bottom .bot_links{overflow: hidden;margin-top: 46px;} 
.bottom .bot_links li{margin-left: 65px; float: left; } 
.bottom .bot_links li a{font-size: 16px;color: #333; } 
.bottom .bot_links li a:hover{color: #2877b5;} 
.bottom .bot_icos{overflow: hidden;display: table;float: right;margin-top: 50px;} 
.bottom .bot_icos li{float: left; margin-left: 20px; } 
.bottom .bot_icos li a{display: block; }

/*侧边栏*/
.sideBar{position: fixed;top: 45%;right: 5px;z-index: 99;} 
.sideBar ul{border-bottom: 2px solid #2877b5; } 
.sideBar ul li{width: 59px; padding: 9px 0; border: 1px solid #ececec; border-top: 0px; text-align: center; font-size: 14px; color: #666; background: #fff; } 
.sideBar ul li:first-child{border-top: 1px solid #ececec; } 
.sideBar ul li>a{display: block;font-size: 14px;color: #666;width: 35px;margin: 0 auto;padding-top: 3px;} 
.sideBar ul li>a img{margin:0 auto; } 
.sideBar ul li img.off{display: block;} 
.sideBar ul li img.on{display: none;} 
.sideBar ul li:hover{background: #2877b5; border: 1px solid #2877b5;} 
.sideBar ul li:hover a{color: #fff;} 
.sideBar ul li:hover img.off{display: none;} 
.sideBar ul li:hover img.on{display: block;} 
.sideBar .toTop{display:none;background:#2877b5; width:61px;height:60px; text-align:center;line-height:60px;margin-top:2px; }

.sideBar .detail{margin-top: -50px;display:none;background: url(../images/b12.png) no-repeat;padding-left: 28px;width: 313px;height: 199px;position: absolute;right: 60px;text-align: left;} 
.sideBar .detail .t1{font-size: 18px;color: #333;margin: 28px 0 19px;} 
.sideBar .detail .inp{margin-bottom: 12px;} 
.sideBar .detail em{} 
.sideBar .detail input{width: 163px;height: 25px;line-height: 25px;padding: 0 15px;border:1px solid #cec9c9;margin-left: 12px;color: #666;} 
.sideBar .detail .icos{overflow: hidden; margin-left: 90px; } 
.sideBar .detail .icos a{width: 60px;height: 25px;line-height: 25px;border:1px solid #cec9c9;text-align: center;font-size: 12px;color: #666;display: block;margin-right: 16px;float: left;} 
.sideBar .detail .icos a:hover{background: #2877b5;color: #fff; border:1px solid #2877b5; }
.sideBar .detail .qqList{overflow: hidden;}
.sideBar .detail .qqList a{font-size: 14px;color: #525252;float: left;margin-right: 49px;}
.sideBar .detail .qqList img{margin-right: 5px;display: inline-block;}
.sideBar .detail .qqList img.off{display: inline-block;}
.sideBar .detail .qqList img.on{display: none;}
.sideBar .detail .qqList a:hover img.off{display: none;}
.sideBar .detail .qqList a:hover img.on{display: inline-block;}
.sideBar .detail .qqList a:hover{color: #2877b5;}
.sideBar .detail .qqList a:hover{color: #2877b5;}
.sideBar .email .detail{margin-top: -50px;display:none;background: url(../images/b12.png) no-repeat; padding-left: 28px; width: 313px; height: 199px; position: absolute; right: 60px; text-align: left; } 
.sideBar .OA .detail{background: url(../images/b13.png) no-repeat;height: 200px;}
.sideBar .QQ .detail{background: url(../images/b14.png) no-repeat;height: 107px;overflow: hidden;width: 257px;}


/*搜索框*/
.searchBox{position: absolute;width: 1290px;height: 202px;background: url(../images/a4.png);z-index: 9;left: 50%;margin-left: -645px;top:-202px; -webkit-transition: all .5s;transition: all .5s;} 
.searchBox .inp{overflow:hidden;width: 834px;margin:0 auto;height: 83px;margin-top: 35px;border-bottom: 1px solid #ababab;} 
.searchBox input{width: 82%;float: left;color: #333;font-size: 24px;line-height: 84px;padding: 0 4%;} 
.searchBox a{display: inline-block;width: 10%;float: left;text-align: center;height: 84px;line-height: 84px;} 
.searchBox a img{} 
.searchBox input::-webkit-input-placeholder {color: #333; opacity: 1; -webkit-transition: .4s; } 
.searchBox input::-moz-placeholder {color: #333; opacity: 1; -moz-transition: .4s; } 
.searchBox input:-ms-input-placeholder {color: #333; opacity: 1; } 
.searchBox input:focus {outline: none; } 
.searchBox input:focus::-webkit-input-placeholder {text-indent: 100%; opacity: 0; -webkit-transition: .4s; transition: .4s; } 
.searchBox input:focus::-moz-placeholder {text-indent: 100%; opacity: 0; -moz-transition: .4s; } 
.searchBox input:focus:-ms-input-placeholder {text-indent: 100%; opacity: 0; -webkit-transition: .4s; transition: .4s; }

.com-path{color: #999;text-align: right;margin-top: 15px;} 
.com-path img{margin-right: 8px; vertical-align: middle; margin-top: -5px;}
.com-path a{font-size: 12px; color: #999; } 
.com-path a:hover{color: #2877b5; } 
.com-path a.ii:hover{color: #999; } 

.com-Tab{border-bottom: 1px dashed #e3e3e3; height: 70px; line-height: 70px; margin-bottom: 50px; float: left; padding-bottom: 20px; width: 100%; top: -78px; } 
.com-Tab ul{overflow: hidden; display: table; margin: 0 auto; } 
.com-Tab ul li{float: left; position: relative; } 
.com-Tab ul li a{font-size: 16px; color: #333; padding: 0 30px; border-right: 1px solid #e3e3e3; } 
.com-Tab ul li:last-child a{border-right: 0px; } 
.com-Tab ul li img{position: absolute; left: 50%; margin-left: -6.5px; top: 47px; display: none; } 
.com-Tab ul li:hover a{color: #2877b5; font-weight: bold; } 
.com-Tab ul li:hover img{display: block; } 
.com-Tab ul li.active a{color: #2877b5; font-weight: bold; } 
.com-Tab ul li.active img{display: block; }

/*二级导航*/
.nav2{padding-bottom: 10px;background: #eeeeee;height: 50px;} 
.nav2 ul{overflow: hidden;margin: 0 auto;width: 1200px;} 
.nav2 li{float: left; padding-bottom: 10px; } 
.nav2 li a{border-right: 1px solid #fff;display: inline-block;height: 60px;font-size: 16px;line-height: 60px;text-align: center;color:#666;padding: 0 28px;background: #ebebeb;} 
.nav2 li.active{background: url(../images/c2.png) no-repeat center 59px; } 
.nav2 li.active a{background: #2877b5;color: #fff;} 
.nav2 li:hover{background: url(../images/c2.png) no-repeat center 59px;} 
.nav2 li:hover a{background: #2877b5;color: #fff;}

/*按钮动画--start*/
.hover-shadow {display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } 
.hover-shadow:before {pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } 
.hover-shadow:hover, .hover-shadow:focus, .hover-shadow:active {-webkit-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } 
.hover-shadow:hover:before, .hover-shadow:focus:before, .hover-shadow:active:before {opacity: .4; -webkit-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hover-shadow; animation-name: hover-shadow; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }

/*按钮动画--end*/

.bannerPic{width: 100%;}
.bannerPic img{width: 100%;}

/*分页*/
.pageNumDiv{text-align:center;height: 37px;overflow:hidden;color:#666;margin: 50px 0 60px 0;}
.pageNumDiv a{display:inline-block;height: 35px;line-height: 35px;padding: 0px 15px;margin:0 4px;border:#d9d9d9 solid 1px;color:#666;font-size:14px;}
.pageNumDiv a:hover, .pageNumDiv .aNow{ background:#2877b5; border:#2877b5 solid 1px; color: #fff;}
.pageNumDiv .btn1{width: 57px;height: 30px;margin-left: 5px;cursor: pointer;border: #2877b5 solid 1px;color: #fff;background: #2877b5;}



@keyframes IconShake
{
  0%, 100% {-moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  25% {-moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); }
  50% {-moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); }
  75% {-moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); }
  85% {-moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 
}

@-moz-keyframes IconShake /* Firefox */
{
  0%, 100% {-moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  25% {-moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); }
  50% {-moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); }
  75% {-moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); }
  85% {-moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 
}

@-webkit-keyframes IconShake /* Safari 和 Chrome */
{
  0%, 100% {-moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  25% {-moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); }
  50% {-moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); }
  75% {-moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); }
  85% {-moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 
}

@-o-keyframes IconShake /* Opera */
{
  0%, 100% {-moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  25% {-moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); }
  50% {-moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); }
  75% {-moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); }
  85% {-moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 
}