@charset "utf-8";
/* CSS Document */
body{margin:0px; padding:0px; font-size:14px;  color:#333;}
a{color:#666; 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:#888; outline:none; border:0px;}
em{font-style:normal;}
input[type="button"],input[type="submit"],select{-webkit-appearance:none;}

/*通用*/
input::-webkit-input-placeholder{font-family: Arial, "微软雅黑";color: #666;} 
input:-moz-placeholder{font-family: Arial, "微软雅黑";color: #666; } 
input::-moz-placeholder{font-family: Arial, "微软雅黑";color: #666; } 
input:-ms-input-placeholder{font-family: Arial, "微软雅黑";color: #666; }
i{font-style: normal;}
.wal-1200{width: 1200px;margin:0 auto;}
.pc-show{display: block!important;}
.pc-hide{display: none!important;}

.comm-more{display: block; width: 88px; height: 45px; line-height: 45px; color: #666; font-size: 14px; background: url(../images/m6.png) no-repeat 33px center; background-size: 20px; padding-left: 67px; border: 1px solid #dedede; border-radius: 4px; margin: 0 auto 60px;}

/*头部导航*/
.headDiv {height: 100px;line-height: 100px;} 
.headDiv .logo{} 
.headDiv .logo img{} 
.headDiv .search{font-size: 16px;color: #333;background: url(../images/a999.png)no-repeat 22px;padding-left: 45px;cursor: pointer;position: relative;} 
.headDiv .search:hover .searchBox{display: block;}
.headDiv .cont{overflow: hidden; } 
.headDiv .cont li{float: left; } 
.headDiv .cont li a{font-size: 16px; color: #333; padding: 0 25px; display: block; }
.headDiv .cont li:hover a{color:#fff;background:#0169b8;}
.headDiv .cont li.on a{color:#fff;background:#0169b8;}
.headDiv .cont li.aNow a{color:#fff;background:#0169b8;}
.headDiv .menu{width: 10%; margin-left: 2%; } 
.headDiv .menu img{/*width: 70%;*/width:30px; } 
.headDiv .msearch{width: 10%; } 
.headDiv .msearch img{/*width: 70%;*/ width:30px;}

/*搜索框*/
.searchBox{width: 465px; height: 140px; background: url(../images/a9.png); text-align: center; line-height: 140px; position: absolute; right: 0; z-index: 99; display: none; }
.searchBox .box{width: 360px;height: 45px;border: 1px solid #ccc;border-radius: 50px;position: relative;display: inline-block;margin-top: 36px;}
.searchBox input{width: 230px;height: 45px;line-height: 60px;padding: 0 20px;position: absolute;left: 0;font-size: 16px;color: #999999;}
.searchBox .ico{width: 80px;height: 45px;position: absolute;right: 0;background: url(../images/a3.png)no-repeat center;}

/*手机搜索框*/
.m-searchBox {display:none;width: 100%;background: #0068b7;position: absolute;margin: 0 auto;top: 50px;z-index: 99;height: 60px;padding: 20px 0 30px;} 
.m-searchBox .box {position: absolute;z-index: 99;display: inline-block;top: 30px;width: 94%;margin-left: 3%;border: 1px solid #fff;border-radius: 20px;} 
.m-searchBox input{height: 35px;line-height: 35px;width: 82%;padding: 0 13% 0 5%;color: #fff;font-size: 14px;} 
.m-searchBox a{position: absolute;top: 5px;right: 3%;width: 8%;} 
.m-searchBox img{width: 83%;}
.m-searchBox input::-webkit-input-placeholder{ color: #fff;} 
.m-searchBox input:-moz-placeholder{ color: #fff; } 
.m-searchBox input::-moz-placeholder{ color: #fff; } 
.m-searchBox input:-ms-input-placeholder{ color: #fff; }
.m-searchBox .close{    width: 11%; position: absolute; right: 0; bottom: 0px; right: 10px;}


/*二级导航*/
.ww{width: 1200px;margin: 0 auto;} 
.sNav{position: absolute;} 
.sNav .box{position: relative;overflow: hidden;background: url(../images/a5.png);z-index: 99;float: right;} 
.sNav .left{background: url(../images/a6.png);padding: 0 3px;height: 230px;padding-top: 30px;} 
.sNav .left li a{display: inline-block;width: 156px;font-size: 14px;color: #fff;height: 45px;line-height: 45px;padding: 0 30px;border-bottom: 1px solid #3084c4;} 
.sNav .left li i{display: none;}
.sNav .left li:last-child a{margin-bottom:0;} 
.sNav .left li:hover a i{display: inline-block;padding-right: 5px;}
.sNav .right{overflow: hidden;} 
.sNav .right .img{overflow: hidden;margin:33px 30px 0 ;}
.sNav .right .img img{transition: all .5s;max-width: 252px;max-height: 156px;}
.sNav .right .img:hover img{transform: scale(1.2);}
.sNav .name{font-size: 18px; color: #000; padding-left: 30px; line-height: 45px; font-weight: bold; float: left; clear: left;}

/*手机二级导航*/
.navLayer{overflow-x: auto;width:100%;overflow:hidden;position: absolute;z-index:555;right:-100%;min-height: 100%;top: 0;background: #fff;padding-top: 20px;}
.navLayer .bg{overflow-x: auto;position:relative;width:100%;}
.subNav{cursor:pointer;display:block;height:42px;line-height:42px;border-bottom: 1px solid #ededed;position:relative;font-size:14px;color: #333;opacity: .9;}
.subNav .name{position:relative;padding: 0 10px;}
.subNav a{color: #333;}
.currentDt{background: #262262 url(../images/a10.png) 10px center no-repeat;background-size: 13px;}
.navContent{display: none;background: #f0f0f0;}
.navContent li{ position:relative;}
.navContent a{display:block;height:42px;line-height:42px;color:#666;font-size:14px;padding-left: 8%;}
.navContent a:hover{color:#fff;font-weight:bold;background:#0068b7;}
.subNav1{background: url(../images/a13.jpg) right center no-repeat; background-size: 13%;} 
.navLayer .close{position: absolute; width: 9%; right: 10px; text-align: center; line-height: 40px;z-index: 99; } 
.navLayer .close img{width: 57%; }

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


/*侧边栏*/
.sideBar{position:fixed;z-index:100;top: 40%;margin-top:-120px;right: 12px;width: 100px;cursor:pointer;}
.sideBar ul{ position:absolute; top:0;}
.sideBar ul li{width: 100px;height: 100px;line-height: 100px;text-align:center;margin-bottom: 12px;border-radius: 4px;position: relative;}
.sideBar ul li:nth-child(1){background:#0068b7;}
.sideBar ul li:nth-child(2){background:#ec0000;}
.sideBar ul li:nth-child(3){background:#00bb36;}
.sideBar ul li>img{width: 50%;}
.sideBar ul li>a>img{ width:50%;}
.sideBar ul .li01 .left{position:absolute;top:0;left: -190px;z-index:99;width: 184px;height: 182px;text-align: center;background:url(../images/ico_side6.png) no-repeat center;}
.sideBar ul .li01 .left img{margin-top: 12px; margin-left: -7px; }
.sideBar ul .li02 .left{ position:absolute; top:0; left:-280px; z-index:99; width:279px; height:104px; background:url(../images/ico_side7.png) no-repeat center;}
.sideBar ul .li02 .left h3{line-height:20px;text-align:left;font-size:18px;color: #666;padding-left:25px;padding-top:20px;padding-bottom:20px;font-weight: normal;}
.sideBar ul .li02 .left p{ font-size:14px; line-height:20px;  color:#525252; padding-left:25px;}
.sideBar ul .li02 .left p span{ display:block; float:left; padding-right:45px;}
.sideBar ul .li02 .left p span a:hover{color: #0068b7;}
.sideBar ul .li02 .left p span img{ padding-right:10px;}
.sideBar ul .li03 .left{ position:absolute; top:0; left:-280px; z-index:99; width:281px; height:98px; background:url(../images/ico_side8.png) no-repeat center;}
.sideBar ul .li03 .left h3{line-height:20px;text-align:left;font-size:18px;font-weight:inherit;color: #666;padding-left:25px;padding-top:15px;}
.sideBar ul .li03 .left em{font-size: 30px;color: #0068b7;display: block;margin-left: -11px;margin-top: -26px;}
.sideBar:hover ul{ display:block;}
.sideBar ul .left{ display:none;}
.sideBar ul li:hover .left{ display:block;}

/*底部*/
.bottom{padding-top: 45px;border-top: 1px solid #e1e1e1;}
.bottom .foot{padding-bottom: 50px;}
.bottom .foot .list{ float:left;}
.bottom .foot .list li{ float:left;padding-right: 100px;}
.bottom .foot li h3{font-size:16px;font-weight:inherit;padding-bottom: 10px;color: #333;}
.bottom .foot li h3 a{ color:#333;}
.bottom .foot li h3 a:hover{ color:#0169b8;font-weight:bold;}
.bottom .foot li dd a{font-size:14px;line-height: 30px;}
.bottom .foot li dd a:hover{ color:#0169b8;font-weight:bold;}
.bottom .rr{text-align: right; } 
.bottom .rr .t1{font-size: 40px;color: #333; } 
.bottom .rr .t2 a{font-size: 14px; color: #333; background: url(../images/a4.png)no-repeat; padding-left: 40px; display: inline-block; line-height: 30px; margin-top: 10px; }
.bottom .rr .t2 a:hover{color: #0169b8;}
.bottom .footmgs{padding-bottom: 25px;overflow: hidden;}
.bottom .footmgs .mgs{text-align:center;font-size: 14px;color: #666;}
.bottom .footmgs a:hover{color: #0169b8;}
.bottom .foot .bot_share a>.imgon {display: none;}
.bottom .foot .bot_share a:hover >.imgoff {display: none;}
.bottom .foot .bot_share a:hover >.imgon {display: inline-block;}
.footmgs .links{overflow: hidden;}
.footmgs .links li{float: left;display: inline-block;padding-right: 0;}
.footmgs .links li a{font-size: 14px;color: #666;display: block;margin-left: 15px;}
.footmgs .links li:hover a{color: #0169b8;font-weight:bold;}
.footmgs .links li i{display: inline-block;margin: 0px 3px;}
.bottom .m-list{overflow: hidden; } 
.bottom .m-list li{float: left; } 
.bottom .m-list li a{display: block; font-size: 14px; margin-right: 18px; } 
.bottom .m-list li:last-child a{margin-right: 0; } 
.bottom .m-msgs{float: right; text-align: center;color: #666;}

/*内页通用*/
.com-Title{height: 125px;border-bottom: 1px dashed #dedede; } 
.com-Title .title{width: 300px; margin-top: 37px; } 
.com-Title .title img{float: left; } 
.com-Title .title em{font-size: 24px; color: #0068b7; display: block; padding-left: 58px; } 
.com-Title .title i{font-size: 14px; color: #0068b7; font-style: normal; padding-left: 10px; text-transform: uppercase; } 
.com-Title .path{background: url(../images/home.png)no-repeat left;padding-left: 30px;font-size: 12px;color: #999;text-align: right;display: table;float: right;margin-top: 20px;} 
.com-Title .path a{font-size: 12px;color: #999; } 
.com-Title .path a:hover{color: #0068b7;font-weight: bold;} 
.com-Title .path a:last-child:hover{color: #999; font-weight:normal; } 
.com-Title .path i{font-size: 12px;color: #999;padding: 0 2px;font-style: normal;} 
.com-Title .list{overflow: hidden;float: right;clear: both;margin-top: 24px;} 
.com-Title .list li{float: left; } 
.com-Title .list li a{font-size: 16px;color: #393939;padding: 0 30px;border-right: 1px solid #dedede;line-height: 18px;} 
.com-Title .list li:last-child a{padding-right:0;border-right: 0;} 
.com-Title .list li a:hover{color: #0068b7; } 
.com-Title .list li i{display: block;width: 10px;height: 2px;background: #dadada;transition: all .5s;margin-left: 30px;margin-top: 5px;} 
.com-Title .list li:hover i{width: 60px; background: #0068b7; }
.com-Title .list .on a{color: #0068b7;  }
.com-Title .list .on i{width: 60px; background: #0068b7; }

.selTitle{height: 50px; background: #0068b7 url(../images/c8.png) no-repeat 96%; background-size: 6%; color: #fff; line-height: 50px; font-weight: bold; padding-left: 10px; } 
.selTitle.on{background: #0068b7 url(../images/c8_on.png) no-repeat 96%; background-size: 6%; } 
.selCont{position: absolute;z-index: 999; display: none; background: #faf9f9; width: 100%; } 
.selCont ul li a{display: block; border-bottom: 1px solid #dedede; height: 50px; line-height: 50px; padding-left: 20px; } 
.selCont ul li a:hover{color:#fff;font-weight:bold;background:#0068b7;}

/*分页*/
.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:#0068b7; border:#0068b7 solid 1px; color: #fff;}
.pageNumDiv .btn1{width: 57px;height: 30px;margin-left: 5px;cursor: pointer;border: #0068b7 solid 1px;color: #fff;background: #0068b7;}

.loadMore{width: 100%; height: 45px; line-height: 45px; font-size: 14px; color: #fff; background: #0068b7; text-align: center; margin: 10px 0 30px;}

@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); } 
}