﻿@charset "utf-8";
/* CSS Document */
body{margin:0px; padding:0px; font-size:12px; font-family:"微软雅黑"; color:#151515;}
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{} 
.headDiv .top{width: 100%; height: 40px; line-height: 40px; background: #00a2e9; color: #fff; } 
.headDiv .top .box{overflow: hidden; } 
.headDiv .top .lang{overflow: hidden;margin-right: 28px;margin-top: 4px;} 
.headDiv .top .lang li{float: left; margin-right: 20px; } 
.headDiv .top .lang li a{display: block;width: 29px;height: 29px;line-height: 30px;text-align: center;color: #fff;font-size: 12px;border:1px solid #fff;border-radius: 100%;} 
.headDiv .top .lang li:hover a{background: #fff; color: #00a2e9; } 
.headDiv .top .lang li.on a{background: #fff; color: #00a2e9; } 
.headDiv .top .search{position: relative;margin-right: 48px;margin-top: -1px;} 
.headDiv .top .search input{color: #fff;font-size: 12px;padding: 0 35px 0 15px;width: 176px;height: 25px;line-height: 28px;border:1px solid #fff;border-radius: 20px;} 
.headDiv .top .search input::-webkit-input-placeholder{ color: #fff;} 
.headDiv .top .search input:-moz-placeholder{ color: #fff; } 
.headDiv .top .search input::-moz-placeholder{ color: #fff; } 
.headDiv .top .search input:-ms-input-placeholder{ color: #fff; } 
.headDiv .top .search .submit{width: 30px;height: 30px;position: absolute;right: 3px;margin-top: 7px;background: url(../images/a2.png)no-repeat center 5px;} 
.headDiv .top .shareLinks{overflow: hidden; } 
.headDiv .top .shareLinks li{float: left; margin-left: 16px; } 
.headDiv .top .shareLinks li a{display: block; } 
.headDiv .center{width: 100%; height: 100px; } 
.headDiv .center .logo{line-height: 100px; } 
.headDiv .center .logo a{display: block; } 
.headDiv .center .logo a img{} 
.headDiv .center .xxx{ line-height:100px; font-size:14px; padding-left:0px;}

.headDiv .center .cont{overflow: hidden; } 
.headDiv .center .cont li{float: left; } 
.headDiv .center .cont li:first-child{border-left: 1px solid #dcdcdc; } 
.headDiv .center .cont li a{display: block; height: 100px; line-height: 100px; width: 150px; text-align: center; color: #333; font-size: 16px; border-right: 1px solid #dcdcdc; } 
.headDiv .center .cont li a:hover{color: #e62129;font-weight: bold;}
.headDiv .center .cont li.on a{color: #e62129;font-weight: bold;}

/*二级导航*/
/*.ww{width: 1200px;margin: 0 auto;} 
.sNav{width: 907px;float: right;display: none;} 
.sNav .box{position: absolute;top: 140px;width: 907px;overflow: hidden;background: url(../images/a5.png);padding:32px 0;border-top:2px solid #e62129;z-index: 99;float: right;} 
.sNav .left{width: 153px; border-right:1px solid #dcdcdc; } 
.sNav .left li a{margin-bottom: 35px;display: block;text-align: center;width: 100%;} 
.sNav .left li:last-child a{margin-bottom:0;} 
.sNav .left li i{display: none;width: 7px;height: 7px;background: #e62129;margin-right: 10px;border-radius: 49px;} 
.sNav .left li em{color: #666;font-size: 14px; } 
.sNav .right{overflow: hidden;width: 720px;} 
.sNav .right li .img{margin:0 40px; } 
.sNav .right li .txt{font-size: 14px;color: #666;line-height: 30px;width: 259px;}
.sNav .left li:hover i{display: inline-block;}
.sNav .left li:hover em{color: #e62129;}*/
.sNav{width: 150px;position: absolute;top: 140px;z-index: 99; display:none;} 
.sNav .box{width: 150px;overflow: hidden;background: url(../images/a5.png);padding:32px 0;border-top:2px solid #e62129;} 
.sNav .left{width: 153px; border-right:1px solid #dcdcdc; } 
.sNav .left li a{margin-bottom: 35px;display: block;text-align: center;width: 100%;} 
.sNav .left li:last-child a{margin-bottom:0;} 
.sNav .left li i{display: none;width: 7px;height: 7px;background: #e62129;margin-right: 10px;border-radius: 49px;} 
.sNav .left li em{color: #666;font-size: 14px; } 
.sNav .right{overflow: hidden;width: 720px;} 
.sNav .right li .img{margin:0 40px; } 
.sNav .right li .txt{font-size: 14px;color: #666;line-height: 30px;width: 259px;}
.sNav .left li:hover i{display: inline-block;}
.sNav .left li:hover em{color: #e62129;}

/*手机导航*/
.m-headDiv{height: 45px;line-height: 45px;}
.m-headDiv img{width: 100%;}
.m-headDiv .f;{width: 20%;}
.m-headDiv .logo{margin-left: 10px;width: 49%;display: block;}
.m-headDiv .fr{margin-right: 10px;width: 50%;text-align: right;}
.m-headDiv .search{display: inline-block; width: 12%; }
.m-headDiv .menu{margin-left: 9%;display: inline-block;width: 13%;}
.m-headDiv .menuClose{display:none;margin-left: 9%;width: 13%;}
.m-headDiv .lan{ position:absolute; right:90px; top:0px;}
.m-headDiv .lan li{ float:left; margin-left:15px; font-size:14px; line-height:45px;}

/*手机--二级导航*/
.tel-nav{width: 100%; margin: 0 auto; height: 60px; position: absolute; z-index: 99; background: url(../images/a13.png); } 
.tel-nav .swiper-slide a{display: inline-block;color: #666;font-size: 12px;line-height: 60px; text-align: center; width: 100%; } 
.tel-nav .swiper-slide.on a{color: #333333; } 
.tel-nav .swiper-container{padding: 0 15%; width: 70%; } 
.tel-nav .swiper-wrapper{width: 70%; } 
.tel-nav .swiper-button-prev{background: url("../images/m7_1.png") no-repeat center center; } 
.tel-nav .swiper-button-next{background:url("../images/m7_2.png") no-repeat center center;; }

/*搜索框*/
.searchBox {display:none;width: 100%;background: #00a2e9;position: absolute;margin: 0 auto;top: 45px;z-index: 99;height: 55px;} 
.searchBox .box {position: absolute;z-index: 99;display: inline-block;top: 10px;width: 94%;margin-left: 3%;background: #fff;} 
.searchBox input{height: 35px;line-height: 35px;width: 82%;padding: 0 13% 0 5%;color: #c7c7c7;font-size: 14px;} 
.searchBox a{position: absolute;top: 5px;right: 3%;width: 7%; } 
.searchBox img{width: 100%;}
.searchBox input::-webkit-input-placeholder{ color: #c7c7c7;} 
.searchBox input:-moz-placeholder{ color: #c7c7c7; } 
.searchBox input::-moz-placeholder{ color: #c7c7c7; } 
.searchBox input:-ms-input-placeholder{ color: #c7c7c7; }

/*手机-菜单栏*/
.sideMenu{display:none;z-index:222;top: 45px;left:100%;width:100%;height: 100%;position:absolute;overflow: hidden;background: #00a2e9;transition: left .7s;}
.sideMenu .select{} 
.sideMenu .navLayer {overflow-x: auto;width: 100%;overflow: hidden;position: static;z-index: 555;right: -100%;top: 45px;} 
.sideMenu .navLayer .bg{overflow-x: auto;position:relative;width:100%;} 
.sideMenu .subNav {cursor: pointer;display: block;height: 42px;line-height: 42px;position: relative;font-size: 14px;color: #151515;background: #fff;opacity: 1;border-bottom: 1px solid #80d1f4;background: url(../images/m5.png) 96% center no-repeat;background-size: 13px;} 
.sideMenu .subNav .name{text-align: left;position: relative;padding: 0 10px;color: #fff;} 
.sideMenu .subNav a{color: #ccc;} 
.sideMenu .currentDt{background: url(../images/m3.png) 96% center no-repeat;background-size: 13px;} 
.sideMenu .navContent{display: none;background: #80d1f4;} 
.sideMenu .navContent li{position:relative;background: url(../images/m4.png) 95.5% center no-repeat;background-size: 8px;} 
.sideMenu .navContent a{display: block;height: 38px;line-height: 38px;color: #fff;font-size: 14px;text-align: left;padding: 0 30px;}

/*底部*/
.bottom{background: #f4f4f4;}
.bottom .top{height: 100px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; line-height: 100px; }
.bottom .links{padding-bottom: 60px;}
.bottom .o{float: left;margin-right: 0;width: 143px;} 
.bottom .o li{line-height: 25px;} 
.bottom .o li a{font-size: 14px;color: #666;} 
.bottom .o li:nth-child(1){font-size: 16px;color: #333;line-height: 45px;margin-top: 60px;font-weight: bold;} 
.bottom .o li:hover a{color: #00a2e9; } 
.bottom .ewm{padding: 60px 40px 0;overflow: hidden;}
.bottom .ewm img{float: left;}
.bottom .ewm .txt{padding-left: 183px;width: 120px;/* padding-top: 35px; *//* padding-bottom: 20px; */}
.bottom .ewm .txt b{display: block;padding-top: 35px;padding-bottom: 15px;font-size: 16px;color: #333;}
.bottom .ewm .txt em{line-height: 25px;font-size: 14px;color: #666;}
.bottom .bot{height: 48px;background: #00a2e9;} 
.bottom .bot .p{font-size: 14px;color: #fff;text-align: center;line-height: 48px;margin: 0 auto;letter-spacing: 1px;} 
.bottom .bot .p a{padding-left:10px;font-size: 14px; color: #fff; line-height: 48px; } 
.bottom .bot .p a:hover{text-decoration: underline;}


/*侧边栏*/
/*.sideBar {position: fixed; top: 55%; right: 50px; z-index: 999;}
.sideBar ul li{margin-bottom: 2px;} 
.sideBar ul li .i1{display: block;}
.sideBar ul li .i2{display: none;}
.qqBox{position: absolute; margin-top: -156px; right: 50px; padding-right: 10px; background: url(../images/a16.png) no-repeat 210px 19px; }
.qqBox .t1{font-size: 14px;color: #fff;text-align: center;width: 210px;height: 50px;line-height: 50px;background: #00458e;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.qqBox .cont{border:1px solid #dcdcdc;border-top:0;background: #fff;height: 116px;padding: 20px 0;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.qqBox .cont .t2{width: 147px;height: 44px;background: url(../images/a17.png) no-repeat center;margin: 0 auto;text-align: center;margin-bottom: 16px;line-height: 52px;padding-left: 26px;}
.qqBox .cont .t2 a{font-size: 14px;color: #fff;}
.phoneBox{position: absolute; margin-top: -103px; right: 50px; padding-right: 10px; background: url(../images/a16.png) no-repeat 210px 19px; }
.phoneBox .t1{font-size: 14px;color: #fff;text-align: center;width: 210px;height: 50px;line-height: 50px;background: #00458e;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.phoneBox .cont{border:1px solid #dcdcdc;border-top:0;background: #fff;height: 65px;padding: 20px 0;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;text-align: center;}
.phoneBox .cont img{margin: 0 auto;}
.phoneBox .cont .t2{font-size: 21px;font-weight: bold;color: #00458e;height: 44px;margin: 0 auto;text-align: center;margin-top: 13px;}*/
.sideBar {position: fixed; top: 55%; right: 50px; z-index: 999;}
.sideBar ul{position:relative;}
.sideBar ul li{margin-bottom: 2px;} 
.sideBar ul li .i1{display: block;}
.sideBar ul li .i2{display: none;}
.qqBox{position: absolute;top: 0;right: 50px;padding-right: 10px;background: url(../images/a16.png) no-repeat 210px 19px;}
.qqBox .t1{font-size: 14px;color: #fff;text-align: center;width: 210px;height: 50px;line-height: 50px;background: #00458e;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.qqBox .cont{border:1px solid #dcdcdc;border-top:0;background: #fff;height: 116px;padding: 20px 0;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.qqBox .cont .t2{width: 147px;height: 44px;background: url(../images/a17.png) no-repeat center;margin: 0 auto;text-align: center;margin-bottom: 16px;line-height: 52px;padding-left: 26px;}
.qqBox .cont .t2 a{font-size: 14px;color: #fff;}
.phoneBox{position: absolute;top: 52px;right: 50px;padding-right: 10px;background: url(../images/a16.png) no-repeat 210px 19px;}
.phoneBox .t1{font-size: 14px;color: #fff;text-align: center;width: 210px;height: 50px;line-height: 50px;background: #00458e;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.phoneBox .cont{border:1px solid #dcdcdc;border-top:0;background: #fff;height: 65px;padding: 20px 0;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;text-align: center;}
.phoneBox .cont img{margin: 0 auto;}
.phoneBox .cont .t2{font-size: 21px;font-weight: bold;color: #00458e;height: 44px;margin: 0 auto;text-align: center;margin-top: 13px;}
/*分页*/
.pageNumDiv{text-align:center; height:34px; overflow:hidden; color:#666;margin: 50px 0 0px 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;}
.pageNumDiv  span{display:inline-block;height:30px;line-height:30px;padding: 0px 15px;margin:0 4px;border:#e62129 solid 1px;color:#fff;font-size:14px;background:#e62129;}
.pageNumDiv a:hover, .pageNumDiv .aNow{background:#e62129; border:#e62129 solid 1px; color:#fff;}
.pageNumDiv .btn1{width: 57px;height: 30px;margin-left: 5px;cursor: pointer;border: #e62129 solid 1px;color: #fff;background: #e62129;}

/*内页banner图*/
.bannerPic,.bannerPic img{width: 100%;}
/*手机--内页banner图*/
.mbannerPic,.mbannerPic img{width: 100%;}

/*内页通用标题*/
.com-Tlt{margin-top: 100px; border-bottom: 1px solid #dedede; } 
.com-Tlt div{text-align: center;display: table;margin: 0 auto;min-width: 241px;background: #fafafa url(../images/b1.png) no-repeat center 38px;position: relative;bottom: -1px;} 
.com-Tlt div em{font-size: 30px; color: #151515; display: block; } 
.com-Tlt div i{font-size: 16px; color: #666; display: block; text-transform: uppercase; }

/*内页二级栏目*/
.sideBar2{width: 100%; height: 60px; background: #f4f4f4; } 
.sideBar2 .box{} 
.sideBar2 li{float: left; margin-right: 40px; } 
.sideBar2 li a{display: block; height: 58px; border-top: 2px solid #f4f4f4; padding: 0 27px; color: #666; font-size: 16px; line-height: 60px; text-align: center; } 
.sideBar2 li:hover a{color: #e62129;border-top: 2px solid #e62129;background: #fff; } 
.sideBar2 li.on a{color: #e62129;border-top: 2px solid #e62129;background: #fff; } 

.tel-sideBar2{} 
.tel-sideBar2 .tlt{overflow: hidden; } 
.tel-sideBar2 .tlt em{float: left; font-size: 14px; color: #fff; height: 35px; line-height: 35px; display: inline-block; width: 64%; padding: 0 3%; background: #e62129; } 
.tel-sideBar2 .tlt i{float: left; display: inline-block; width: 30%; line-height: 35px; height: 35px; background: #f4f4f4 url(../images/m6.png) no-repeat center; background-size: 14%; } 
.tel-sideBar2 ul{z-index: 99;display: none;position: absolute;width: 100%;background: #f4f4f4;} 
.tel-sideBar2 ul li a{padding: 0 3%; background: #f4f4f4; border-bottom: #fff; font-size: 14px; color: #666; line-height: 35px; height: 35px;display: block; }

/*路径*/
.path{background: url(../images/home.png) no-repeat left 24px;padding-left: 23px;line-height: 60px;}
.path a{color: #999;font-size: 12px;}
.path i{display: inline-block;padding: 0 5px;color: #999;font-size: 12px;}
.path a:hover{color: #e62129;}
.path a:last-child:hover{color: #999;}

/*内页标题*/
.comm-title{font-size: 30px;
color: #333;/*background: url(../images/b2.png) no-repeat center;*/text-align: center;margin-top: 95px;}
/*图标抖动*/
@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); } 
}






