@charset "utf-8";
/* CSS Document */
body{margin:0px; padding:0px; font-size:12px; font-family:"微软雅黑"; color:#000;}
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;}

/*通用*/
i{font-style: normal;}
.wal-1200{width: 1200px;margin: 0 auto;}
.pc-show{display: block!important;}
/*.pc-hide{display: none!important;}*/
.pc-hide{display: none;}
.pc-hide1{display:none;}

.allImg{width: 100%;overflow: hidden;cursor: pointer;}
.allImg img{width: 100%;transition: all 1s;}
.allImg:hover img{transform: scale(1.2);}

/*头部导航*/
.headDiv{width: 100%; height: 105px; } 
.headDiv .logo{line-height: 105px; } 
.headDiv .logo a{display: inline-block; } 
.headDiv .txt{overflow: hidden; display: inline-block; margin-right: 45px; } 
.headDiv .txt li{float: left; margin:0 24px; height: 105px; } 
.headDiv .txt li a{} 
.headDiv .txt li span:nth-child(n){font-size: 16px; color: #333; display: block; padding-top: 35px; } 
.headDiv .txt li span:nth-child(2n){font-size: 12px;color: #999;padding-top: 9px;text-transform: uppercase;text-align: left;} 
.headDiv .txt li i{display: none; width: 100%; height: 3px; background: #265baf; margin-top: 21px; } 
.headDiv .txt li.on span{color: #265baf;} 
.headDiv .txt li.on i{display: block;} 
.headDiv .txt li.on2 span{color: #265baf;} 
.headDiv .txt li.on2 i{display: block;} 
.headDiv .txt li:hover span{color: #265baf; } 
.headDiv .txt li:hover i{display: block; } 
.headDiv .search{line-height: 105px; } 
.headDiv .search a{display: inline-block; }

.headDiv .mlogo{ position:absolute; left:10px; top:5px;} 
.headDiv .mlogo a{display: block;} 
.headDiv .mlogo a img{width: 100px;}
.headDiv .msearch{line-height: 45px;width: 8%;margin-right: 6%; top:8px; position:relative;} 
.headDiv .msearch a{display: inline-block; } 
.headDiv .msearch a img{width: 100%;}
.headDiv .mmenu{line-height: 45px;width: 8%;margin-right: 10px; top:8px; position:relative;} 
.headDiv .mmenu a{display: inline-block; }
.headDiv .mmenu a img{width: 100%;}
.headDiv .meun-closeBtn{display:none;line-height: 45px;width: 8%;margin-right: 10px;position: absolute;right: 0} 
.headDiv .meun-closeBtn a{display: inline-block; }
.headDiv .meun-closeBtn a img{width: 100%;}

/*二级导航*/
.sNav{position: absolute; display: none; background: url(../images/black_0.6.png); width: 100%; height: 65px; z-index: 99; } 
.sNav ul{position: absolute; overflow: hidden; } 
.sNav ul li{float: left; } 
.sNav ul li a{display: inline-block; color: #fff; font-size: 14px;margin-right: 55px; line-height: 65px; } 
.sNav ul li:hover a{color: #63a0ff; }
.sNav ul li.on2 a{color: #63a0ff; }

/*搜索框*/
.searchBox {width: 1200px; position: relative; margin: 0 auto; display: none; } 
.searchBox .box {position: absolute; z-index: 99; display: inline-block; right: 0; top: -60px; padding-top: 60px; } 
.searchBox input{height: 30px; line-height: 30px; width: 145px; padding: 0 36px 0 15px; color: #999; font-size: 14px; background: #fff; border: 1px solid #265baf; border-radius: 20px; } 
.searchBox img a{display: inline-block; } 
.searchBox img{position: absolute; top: 67px; right: 11px; }

/*导航菜单*/
.navLayer{overflow-x: auto;width:100%;overflow:hidden;position: absolute;z-index:555;right:-100%;top: 45px;}
.navLayer .bg{overflow-x: auto;position:relative;width:50%;float: right;}
.subNav{cursor:pointer;display:block;height:42px;line-height:42px;position:relative;font-size:14px;color: #fff;background: #000;opacity: 0.8;}
.subNav .name{ text-align:center; position:relative;}
.subNav a{color: #ccc;}
.currentDt{background: #666 url(../images/m3.png) 17px center no-repeat;background-size: 13px;}
.navContent{display: none;background: #f8f8f8;}
.navContent li{ position:relative;}
.navContent a{display:block;  height:42px; line-height:42px; color:#666; font-size:14px; text-align:center;}

/*手机-搜索框*/
.searchLayerTel{display:none;z-index:222;top: 45px;left:0px;width:100%;position:fixed;}
.searchLayerTel .box{ padding:20px 10px; background:url(../images/black_0.5.png) repeat;}
.searchLayerTel .box .form{  height:35px; position:relative; background:#fff; border-radius:6px; -moz-border-radius:6px;}
.searchLayerTel .form .input1{width:250px;height:35px;line-height:35px;text-indent:10px;color: #666;}
.searchLayerTel .form .btn1{position:absolute; right:0px; top:0px; background:#0157a0; color:#fff; width: 70px; height:35px; cursor:pointer; border-top-right-radius:6px; -moz-border-top-right-radius:6px; border-bottom-right-radius:6px; -moz-border-bottom-right-radius:6px; }

.pageBg {position: fixed; z-index: 11; width: 100%; height: 100%; display: none; left: 0px; top: 0px; }

/*底部*/
.bottom{position: absolute;background: #262626; width: 100%;  } 
.bottom .box{margin-top: 63px;} 
.bottom .o{float: left; margin-right: 88px; } 
.bottom .o li{line-height: 28px; } 
.bottom .o li a{font-size: 14px; color: #777; } 
.bottom .o li:nth-child(1){font-size: 16px;color: #fff;line-height: 40px;} 
.bottom .o li:nth-child(1) .bol{font-size: 16px;color: #fff;line-height: 40px;} 
.bottom .o li:hover a{color: #fff; text-decoration: underline; } 
.bottom .ewm{text-align: center; } 
.bottom .ewm>img{margin-top: 12px; }
.bottom .ewm .p{color:#c2c6ca; font-size: 14px; margin: 14px 0 14px 25px; text-align: left; } 
.bottom .ewm .icons{overflow: hidden; } 
.bottom .ewm .icons li{float: left; margin-right: 20px; } 
.bottom .ewm .icons li:last-child{margin-right: 0px; } 
.bottom .ewm .icons li a{display: block; } 
.bottom .bot{margin-top: 20px; background: #1e1e1e; height: 62px; line-height: 62px;} .bottom .bot li{float: left;}
.bottom .bot li a{font-size: 14px; color: #777; } 
.bottom .bot li a:hover{color: #fff; text-decoration: underline;} 
.bottom .bot li i{    font-size: 14px; color: #777; display: inline-block; margin: 0 10px;}
.bottom .bot p{font-size: 12px; color: #777; }
.bottom .bot .fr a{font-size: 12px; color: #777;margin-left: 10px; } 
.bottom .bot .fr a:hover{text-decoration: underline;color: #fff;}

/*侧边栏*/
.sideBar {position: fixed;top: 27%;right: 0px;z-index: 999;} 
.sideBar ul li{margin-bottom: 2px;display: none;} 
.sideBar ul li:first-child{display: block; } 
.sideBar ul li .i1{display: block; } 
.sideBar ul li .i2{display: none; } 
.sideBar ul li:hover .i1{display: none; } 
.sideBar ul li:hover .i2{display: block; } 
.sideBar ul li a:hover i{text-decoration: underline;}
.sideBar .wxBox{display: none;background: url(../images/c10.png) no-repeat 0px 0px;position: absolute;right: 60px;top: 71px;width: 179px;height: 199px;padding-right: 18px;} 
.sideBar .wxBox img{margin-left: 15px; margin-top: 14px; }
.sideBar .phoneBox{position: absolute;right: 60px;top: 220px;padding: 9px;display: none;padding-right: 26px;} 
.sideBar .phoneBox img{position: absolute; right: 18px; top: 30px;} 
.sideBar .phoneBox .box{background: #fff;padding: 28px 28px 28px 60px;border: 1px solid #ddd;border-radius: 4px;} 
.sideBar .phoneBox em{font-size: 14px;color: #666;display: block;position: absolute;margin-left: -39px;line-height: 23px;display: block;} 
.sideBar .phoneBox i{font-size: 14px;color: #265baf;line-height: 23px;font-weight: bold;display: block;width: 180px;padding-left: 14px;}
.sideBar .noteBox{position: absolute;right: 60px;top: 150px;padding: 9px;display: none;padding-right: 26px;} 
.sideBar .noteBox img{position: absolute;right: 18px;top: 30px;} 
.sideBar .noteBox .box{background: #fff;padding: 28px 28px 28px 60px;border: 1px solid #ddd;border-radius: 4px;} 
.sideBar .noteBox em{font-size: 14px;color: #666;display: block;position: absolute;margin-left: -39px;line-height: 23px;display: block;} 
.sideBar .noteBox i{font-size: 14px;color: #265baf;line-height: 23px;font-weight: bold;display: block;width: 155px;padding-left: 14px;}

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

.pageNumDiv span {padding: 8px 16px;background-color: #0157a0;border: #0157a0 solid 1px;color:#fff; float:left;text-align:center;}

/*内页banner图*/
.bannerPic,.bannerPic img{width: 100%;}

.c_leftbox{width: 270px;float:left;}
.c_leftbox .toplist{ position:relative; margin-bottom:20px;}
.c_leftbox .toplist .title{position:absolute;left:0;top: -154px;width:100%;height: 154px;background: url(../images/a8.png);}
.c_leftbox .toplist .title .box{padding: 27px 40px;color:#fff;}
.c_leftbox .toplist .title h2{font-size: 30px;padding-bottom: 7px;font-weight: normal;}
.c_leftbox .toplist .title p{text-transform:uppercase;font-size: 18px;}
.c_leftbox .toplist .title i{width: 35px;height: 3px;background: #fff;display: block;margin-top: 14px;}
.c_leftbox .listnav {overflow: hidden;}
.c_leftbox .listnav li{float: left;width: 100%;}
.c_leftbox .listnav a{display:block;height: 60px;line-height: 60px;padding-left:30px;font-size: 16px;color:#666;background: url(../images/a7.png) no-repeat 227px center;border: 1px solid #eee;border-top:0;}
.c_leftbox .listnav a:hover, .c_leftbox .listnav a.aNow{color:#fff;background: url(../images/a7_on.png) no-repeat 227px center;background-color: #265baf;}
.c_leftbox .red-line{margin:32px 0 25px; } 
.c_leftbox .red-line p{font-size: 16px; color: #666; margin-bottom: 4px; } 
.c_leftbox .red-line .i{font-size: 18px; color: #265baf; font-weight: bold; padding-left: 40px; background: url(../images/a9.png) no-repeat 7px; }
.c_leftbox .ewm{width: 100%;margin-bottom: 20px;position: relative;}
.c_leftbox .ewm img{width: 100%;}
.c_leftbox .ewm em{position: absolute;right: 30px;top:30px;}
.c_leftbox .ewm i{font-size: 14px; color: #c2c6ca; display: block; text-align: right;}

.c_rightbox{width: 880px; float: left;  padding-left: 50px;} 
.c_rightbox .toptlt{font-size: 24px; color: #265baf; margin-top: 25px; height: 60px; } 
.c_rightbox .toptlt i{font-size: 14px; color: #707070; margin-left: 15px; } 
.c_rightbox .path{background: url(../images/home.png) no-repeat 0px; font-size: 12px; color: #a1a1a1; padding-left: 30px; margin-top: 35px; } 
.c_rightbox .path a{font-size: 12px; color: #a1a1a1; margin-right: 5px; display: inline-block; } 
.c_rightbox .path i{display: inline-block; margin-right: 5px; } 
.c_rightbox .path a:hover{color: #265baf; } 
.c_rightbox .path a:last-child{color: #a1a1a1; margin-right: 0; }


/*弹出层*/
.fixed{display:none;position: fixed;top: 0;width: 100%;height: 100%;background: url(../images/z1.png);z-index: 999;}
.alertBox{display:none;position: fixed; z-index: 1000; top: 50%; left: 0; right: 0; margin: 0 auto; margin-top: -182px; width: 30%; } 
.alertBox .close{position: absolute; right: -46px; cursor: pointer; } 
.alertBox .pic{width: 100%; text-align:center;} 
/*.alertBox .pic img{width: 100%;}*/
.alertBox .pic img{max-width: 100%;max-height: 500px;}

.patentAlert{width: 27%; top: 30%; }

/*图标抖动*/
@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); } 
}