@charset "utf-8";
html {width: 100%;-webkit-text-size-adjust:none;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);height: 100%;}
* {margin: 0;padding: 0;border: 0;}
ul,ul li,ol,li {list-style: none outside none;}
img {vertical-align: middle;border: none;}
i {font: inherit;}
input,select,option {vertical-align: middle;border-radius: 0px;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);outline: none;}
input[type="text"],input[type="button"],input[type="submit"],input[type="reset"] {-webkit-appearance: none;appearance: none;border-radius: 0;outline: none;}
.fl {float: left;display: inline;}
.fr {float: right;display: inline;}
h1,h2,h3,h4,h5,h6,i {font-weight: normal;}
select::-ms-expand { display: none; }
a {color: #111111;text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a:hover {text-decoration: none;outline: none;}
.clear {clear: both; }
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{margin: 0;padding: 0;}
.wrap { width:1400px; margin:0 auto;}
/*clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both; }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }
.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }
/* 初始化 */
body {width: 100%;height: 100%;font-size: 16px; background: #fff;min-height: 100%;font-family: 'Microsoft Yahei', '微软雅黑', Arial, sans-serif; }
/*header*/
.header { height:204px; }
.h-logo { float:left; padding-top:50px; width:1032px; height:107px;}
.h-logo img {width:1032px; height:107px;}
.h-right { float:right;color:#000000; font-size:34px; line-height:58px; font-weight:bold; padding-top:48px;letter-spacing: 1px; }
.h-right p { background:url(../images/h-tel.png) no-repeat left center; padding-left:45px;}
/*nav*/
.nav { height:78px; background-color:#f6f6f6; text-align:center;}
.nav ul { display:inline-block;}
.nav ul li { float:left; width:198px; margin:0 1px; text-align:center;color:#000000; font-size:20px; line-height:78px; position:relative; }
.nav ul li a {color:#000000; display:block;}
.nav ul li:hover { background-color:#004ba4;}
.nav ul li:hover a {color:#ffffff; font-weight:bold;}
.nav ul li.active { background-color:#004ba4;}
.nav ul li.active a {color:#ffffff; font-weight:bold;}
.nav ul li .sub { position:absolute; top:78px; left:0; width:100%; height:auto; background-color:#f6f6f6;  z-index:333;}
.nav ul li .sub ul { display:block;}
.nav ul li .sub ul li{ width:100%; font-size:16px; line-height:50px; padding:0; text-align:center; margin:0; border-top:#f6f6f6 solid 1px; }
.nav ul li .sub ul li:first-child { border-top:none;}
.nav ul li .sub ul li a{color:#004ba4; }
.nav ul li:hover .sub ul li  { background-color:#f6f6f6;}
.nav ul li:hover .sub ul li  a {color:#004ba4; font-weight:normal;}
.nav ul li.active .sub ul li  { background-color:#f6f6f6;}
.nav ul li.active .sub ul li  a {color:#004ba4; font-weight:normal;}
.nav ul li .sub ul li:hover { background-color:#c4c4c4;}
.nav ul li .sub ul li:hover a {color:#ffffff; font-weight:normal;}
/*banner*/
.banner { height:auto;}
.banner .swiper-container{width:100%;height:100%;margin-left:auto;margin-right:auto}
.banner .swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.banner img { width:100%;}
.banner .swiper-pagination-bullet { width:35px; height:7px; background: #ffffff; opacity: 1;border-radius:0;  }
.banner .swiper-pagination-bullet-active { background-color:#004ba4; opacity:1;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom:20px;} 
/*i-public*/
.i-public { text-align:center; }
.i-public .tit { color:#333333; font-size:36px; line-height:1; letter-spacing: 1px; font-weight:bold;}
.i-public .tit a {color:#333333;}
.i-public .tit a:hover {color:#004ba4;}
.i-public .des { height:44px; margin-top:12px; position:relative; background:url(../images/public-bg.png) no-repeat center center;}
.i-public .des  img { width:42px; height:42px; vertical-align:middle;}
/*i-pro*/
.i-pro { padding-top:47px; padding-bottom:60px;}
.i-pro-show { max-width:1764px; margin:0 auto; height:734px; position:relative; padding-bottom:90px; padding-top:23px;}
.i-pro-show .swiper-container{width:100%;height:100%;margin-left:auto;margin-right:auto}
.i-pro-show .swiper-slide{height:calc((100% - 30px)/ 2);display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.i-pro-show  .swiper-button-next { background:url(../images/btn-r.png) no-repeat; width:30px; height:30px; top:auto; bottom:10px; right:auto; left:50%; margin-left:125px;outline:none;}
.i-pro-show .swiper-button-next:after { display:none;}
.i-pro-show .swiper-button-next:hover {background:url(../images/btn-r2.png) no-repeat;}
.i-pro-show .swiper-button-prev { background:url(../images/btn-l.png) no-repeat;width:30px; height:30px;top:auto; bottom:10px; right:auto; left:50%; margin-left:-155px;outline:none;}
.i-pro-show .swiper-button-prev:hover {background:url(../images/btn-l2.png) no-repeat;;}
.i-pro-show .swiper-button-prev:after { display:none;}
.i-pro-show .i-pro-more { position:absolute;  bottom:0; left:50%; margin-left:-96px; width:192px; height:46px; border:#dddddd solid 1px;border-radius:3px; color:#333333; font-size:24px; line-height:46px; text-align:center; }
.i-pro-show .i-pro-more a {color:#333333;}
.i-pro-show .i-pro-more:hover { background-color:#004ba4;}
.i-pro-show .i-pro-more:hover a  {color:#ffffff;}
.i-pro-li { width:100%; }
.i-pro-li .pic { width:100%; height:274px; overflow:hidden; text-align:center; line-height:264px; background-color:#efefef;}
.i-pro-li .pic img{max-width: 100%;max-height: 100%; vertical-align:middle; border-radius:3px;transition: 0.6s;}
.i-pro-li:hover .pic img{transform: scale(1.05); transition: 0.6s;}
.i-pro-li .tit { border:#f1f1f1 solid 1px; border-radius:3px; text-align:center;color:#333333; font-size:20px; height:58px; font-weight:bold;display: flex; align-items: center; justify-content: center; flex-direction: column;box-sizing: border-box; }
.i-pro-li:hover .tit{ background-color:#004ba4;color:#ffffff;}
/*i-about*/
.i-about { min-height:676px; background:url(../images/about-bg.jpg) no-repeat top center; padding-top:44px; padding-bottom:60px;}
.i-about-show {color:#333333; font-size:20px; line-height:36px; height:180px; overflow:hidden; margin-top:19px;}
.i-about-more { width:37px; height:37px; margin:0 auto; margin-top:25px;border-radius:50%; border:#d7dee8 solid 9px;}
.i-about-more img { width:37px; height:37px;border-radius:50%;}
.i-about-more:hover {opacity:0.8;}
.i-about-pic { height:227px; background-color:#FFF;border-radius:5px;box-shadow: 0 0 20px #ccc; margin-top:34px; padding-top:41px; text-align:center;}
.i-about-pic ul{ display: inline-block;}
.i-about-pic ul li { float:left;margin:0 18px; width:413px; height:187px; overflow:hidden; line-height:177px;}
.i-about-pic ul li img{max-width: 100%;max-height: 100%; vertical-align:middle; border-radius:3px;transition: 0.6s;}
.i-about-pic ul li:hover img{transform: scale(1.05); transition: 0.6s;}
/*i-anli*/
.i-anli { background-color:#f4f4f4; padding-top:55px; padding-bottom:57px;}
.i-anli-show { margin-top:40px; height:322px; position:relative;}
.i-anli-show .swiper-container{width:100%;height:100%}
.i-anli-show .swiper-slide{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}

.i-anli-show  .swiper-button-next { background:url(../images/btn-r.png) no-repeat; width:30px; height:30px; top:auto; bottom:10px; right:0; left:auto; outline:none;}
.i-anli-show .swiper-button-next:after { display:none;}
.i-anli-show .swiper-button-next:hover {background:url(../images/btn-r2.png) no-repeat;}
.i-anli-show .swiper-button-prev { background:url(../images/btn-l.png) no-repeat;width:30px; height:30px;top:auto; bottom:10px; right:30px; left:auto; outline:none;}
.i-anli-show .swiper-button-prev:hover {background:url(../images/btn-l2.png) no-repeat;;}
.i-anli-show .swiper-button-prev:after { display:none;}

.i-anli-li { width:100%; overflow:hidden; position:relative;border-radius:5px;}
.i-anli-li .pic { width:100%; height:322px;border-radius:5px;}
.i-anli-li .pic img{width:100%; height:322px; transition: 0.6s; border-radius:5px;}
.i-anli-li:hover .pic img{transform: scale(1.05); transition: 0.6s;}
.i-anli-li .con { display:none; position:absolute; top:0; left:0; width:100%; height:322px;background-color:rgba(0, 75, 164, 0.7); border-radius:5px;}
.i-anli-li .con .tit { text-align:center; color:#ffffff; font-size:24px; line-height:34px; font-weight:bold; padding-top:100px; }
.i-anli-li .con .des { text-align:center; color:#7498bc; font-size:20px; line-height:30px; margin-top:7px;}
.i-anli-li .con .more { width:37px; height:37px; margin:0 auto; margin-top:15px;}
.i-anli-li .con .more img { width:37px; height:37px; }
.i-anli-li:hover .con { display:block;}
/*i-news*/
.i-news { padding-top:47px; padding-bottom:59px;}
.i-news-show { padding-top:16px;}
.i-news-show ul li{ float:left; width:675px; height:141px; border:#dddddd solid 1px;border-radius:5px; margin-top:24px; padding:15px 0;}
.i-news-show ul li:nth-child(2n+2){ margin-left:46px;}
.i-news-show ul li .pic{ float:left; width:194px; height:144px; text-align:center; line-height:134px; overflow:hidden; padding-left:20px;border-radius:5px; }
.i-news-show ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;border-radius:5px; transition: 0.6s;}
.i-news-show ul li:hover .pic img{transform: scale(1.05); transition: 0.6s;}
.i-news-show ul li .con{ float:right; width:400px; padding-right:30px; padding-top:8px;}
.i-news-show ul li .con .tit {color:#333333; font-size:24px; line-height:37px; height:74px; overflow:hidden; font-weight:bold;}
.i-news-show ul li .con .riqi {color:#333333; font-size:20px; line-height:1; position:relative; margin-top:19px; padding-top:17px;}
.i-news-show ul li .con .riqi:after{content:""; position:absolute; left:0; top:0; width:21px; height:1px; background-color:#004ba4;transition: 0.6s; }
.i-news-show ul li:hover .con .tit {color:#004ba4;}
.i-news-show ul li:hover .con .riqi:after{ width:100%;transition: 0.6s; }
/*f-link*/
.f-link { background-color:#f4f4f4; padding:10px 0;}
.f-link span { color:#333333; font-size:24px; line-height:34px; font-weight:bold; }
.f-link a { color:#666666; font-size:24px; line-height:34px; display:inline-block; margin-left:100px; }
.f-link a:hover { text-decoration:underline;}
/*footer*/
.footer { background: #eeeeee url(../images/footer-bg.jpg) repeat; min-height:300px;}
.f-left { float:left; width:310px; padding:76px 59px 0 0;}
.f-left .cn { color:#333333; font-size:16px; line-height:20px; background:url(../images/f-tel.png) no-repeat left center; padding-left:31px;}
.f-left .nob { color:#333333; font-size:32px; line-height:1; font-weight:bold; margin-top:11px;letter-spacing: 1px;}
.f-left .f-logo { width:260px; height:47px; margin-top:18px;}
.f-left .f-logo img{ width:260px; height:47px;}
.f-left .f-logo2 { width:269px; height:134px; padding-left:38px;}
.f-left .f-logo2 img{  width:269px; height:134px;}
.f-mid { float:left; width:240px; padding:77px 19px 0 18px; position:relative;}
.f-mid:before{content:""; position:absolute; left:0; top:90px; width:2px; height:124px; background:url(../images/f-line.png) no-repeat; }
.f-mid:after{content:""; position:absolute; right:0; top:90px; width:2px; height:124px; background:url(../images/f-line.png) no-repeat; }
.f-mid ul li { float:left; width:50%; text-align:center;color:#333333; font-size:20px; line-height:37px;}
.f-mid ul li a { color:#333333;}
.f-mid ul li a:hover { color:#004ba4; text-decoration:underline;}
.f-contact { float:left; width:490px;color:#333333; font-size:20px; line-height:37px; padding:77px 0 0 37px;}
.f-contact a { color:#333333;}
.f-contact a:hover { color:#004ba4; text-decoration:underline;}
.f-ewm { float:right; width:166px; height:166px; background:url(../images/ewm-bg.png) no-repeat; text-align:center; line-height:160px; margin-top:66px;}
.f-ewm img { width:125px; height:125px; border:rgba(255, 255, 255, 0.4) solid 13px; vertical-align:middle;}
/*f-copy*/
.f-copy { background-color:#333333; text-align:center;color:#5c5c5c; font-size:18px; line-height:30px; padding:6px 0; }
.f-copy a {color:#5c5c5c;}
.f-copy a:hover { text-decoration:underline;}
/*返回顶部*/
p#top{ position:fixed;display:none;bottom:0px;right:20px;}  
p#top a{text-align:center;text-decoration:none;display:block;width:76px;transition:color 1s;}  
p#top a span{background:#333333 url(../images/gotop.png) no-repeat center;display:block;height:76px;transition:background 1s;}  
p#top a:hover span{background:#0042af url(../images/gotop.png) no-repeat center;} 
/*zaixianzixun*/
.zaixianzixun { display:none; position:fixed; bottom:20px; right:1px; width:170px; height:440px; background-color:#FFF; border:#004ba4 solid 1px; border-radius:20px; z-index:334;}
.z-ban {color:#f4f4f4; font-size:28px; line-height:60px; font-weight:bold; text-align:center; background-color:#004ba4;border-top-left-radius:19px; border-top-right-radius:19px; position:relative;  }
.z-ban span { display:inline-block; position:absolute; top:5px; right:5px; line-height:1; font-weight:normal; font-size:20px; cursor:pointer;}
.z-ban span:hover {transform: rotate(360deg); transition: all 2s linear 0s;}
.z-con { width:76px; margin:0 auto; margin-top:14px;}
.z-tel { width:76px; height:76px; margin-top:8px;background:#333333 url(../images/z-tel.png) no-repeat;font-size:0; overflow:hidden; }
.z-tel a { color:#FFF;}
.z-tel:hover {width:152px;margin-left:-152px; background:#0042af url(../images/z-tel.png) no-repeat; color:#FFF; font-size:18px; line-height:76px; padding-left:76px;cursor:pointer;}
.z-qq { width:76px; height:76px; margin-top:8px; background:#333333 url(../images/z-qq.png) no-repeat;  }
.z-qq a { display:block; width:100%; height:100%;}
.z-qq:hover {background:#0042af url(../images/z-qq.png) no-repeat; }
.z-wx { width:76px; height:76px; margin-top:8px;background:#333333 url(../images/z-wx.png) no-repeat; position:relative;transition: 0.5s; cursor:pointer; }
.z-wx .con{display:none; position:absolute; top:0; left:-145px; width:125px; height:165px;transition: 0.5s; padding:10px; background-color:#004ba4;border-radius:3px; }
.z-wx .pic { width:125px; height:125px;}
.z-wx .pic img { width:125px; height:125px;}
.z-wx .tit { text-align:center; line-height:40px; color:#FFF; font-size:16px;}
.z-wx:hover { background:#0042af url(../images/z-wx.png) no-repeat;transition: 0.5s; }
.z-wx:hover .con { display:block; transition: 0.5s;}
.z-top { width:76px; height:76px; margin-top:8px; background:#333333 url(../images/z-top.png) no-repeat;  }
.z-top a { display:block; width:100%; height:100%;}
.z-top:hover {background:#0042af url(../images/z-top.png) no-repeat; }
.jiaot{ width:100px; margin:0 auto; z-index:3333; }
.jiaot h3{ background:url(../images/sidebar_bg.png) no-repeat; height:46px; font-size:12px; line-height:46px; text-align:center; color:#2e5567}
.center111{ background:url(../images/blue_line.png); padding:0 0; text-align:center;}
.center111 p{ height:35px; line-height:35px; width: 100px; font-size: 12px;}
.xia {background:url(../images/xia.png) no-repeat; height:10px;}
.center111 p.jiaoewm { height:auto; line-height:normal; padding-top:10px;}
.center111 p.jiaoewm img { width:70px; margin:0 auto;}
/*内页*/
.n-main { height:auto; padding-bottom:20px; }
.n-main img { max-width:100%;}
.n-contact { padding:20px 0 30px; color:#333333; font-size:16px; line-height:30px;}
.n-left { float:left; width:300px;}
.n-left-li { margin-top:20px; width:300px;}
.n-left-ban {height:50px; line-height:50px;  color:#fff; background-color:#004ba4; text-align:center; position:relative; font-size:20px; letter-spacing: 1px;}
.n-left-ban a { color:#fff; }
.n-left-con { border:#e4e4e4 solid 1px; font-size:16px;border-top:none;}
.n-left-con ul li {width:100%; line-height:46px; border-top:#e4e4e4 solid 1px; text-align:center; box-sizing: border-box; position:relative; }
.n-left-con ul li a { display:block; color:#333333;}
.n-left-con ul li:hover { background-color:#c4c4c4; }
.n-left-con ul li:hover a { color:#ffffff;}
.n-left-con ul .active { color:#004ba4;}
.n-left-con ul .active a {color:#004ba4; font-weight:bold;}
.n-left-con2{ border:#e4e4e4 solid 1px; color:#333333; background-color:#fff; font-size:16px;border-top:none; padding:10px; line-height:36px;}
.n-right { float:right; width:1060px;}
.n-right-ban { margin-top:20px; height:50px; border-bottom:#d6d6d6 solid 1px; overflow:hidden;}
.n-posi-left { float:left; background:url(../images/home.png) no-repeat left center; background-size:15px 15px; padding-left:30px; color:#666666; font-size:16px; line-height:50px;}
.n-posi-left a { color:#333333;}
.n-posi-left a:hover { text-decoration:underline; }
.n-posi-right { float:right; padding-top:5px; }
.n-posi-right ul li { float:left;margin-right: 15px; color:#666666; font-size:16px; line-height:50px;}
.n-posi-right ul li  a { color:#666666;}
.n-posi-right ul li:hover { border-bottom:#004ba4 solid 5px; }
.n-posi-right ul li.active { border-bottom:#004ba4 solid 5px; }
/*详情页*/
.n-show {  padding:20px 0 30px; height:auto; position:relative;}
.n-show .tit {  font-size: 24px; text-align: center; line-height: 32px; color: #1a1a1a; text-transform:uppercase;}
.n-show .riqi { text-align: center; color: #666;font-size: 13px;  padding: 20px 0px 15px;}
.n-show .xian { height:1px; border-bottom: 1px solid #cccccc;}
.n-show .show { padding: 10px 0px; font-size: 16px; line-height:30px;}
.n-show .other { padding: 20px 0px; text-transform:uppercase;}
.n-show .other p{font-size: 13px; line-height:24px;color: #666;}
.n-show .other p a { color: #666;}
.n-show .other p a:hover { text-decoration:underline;}
.pagination { box-sizing: border-box;text-align:center; font-size:14px; margin-top:30px; margin-bottom:30px; }
.pagination a {  background-color:#cccccc;color:#FFF;  padding:5px 7px;}
.pagination a:hover { background-color:#004ba4; color:#FFF;}
/*n-news*/
.n-news-show { padding-top:0px;}
.n-news-show ul li{ height:141px; border:#dddddd solid 1px;border-radius:5px; margin-top:24px; padding:15px 0;}
.n-news-show ul li .pic{ float:left; width:194px; height:144px; text-align:center; line-height:134px; overflow:hidden; padding-left:20px;border-radius:5px;}
.n-news-show ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;border-radius:5px; transition: 0.6s;}
.n-news-show ul li:hover .pic img{transform: scale(1.05); transition: 0.6s;}
.n-news-show ul li .con{ float:right; width:780px; padding-right:30px; padding-top:8px;}
.n-news-show ul li .con .tit {color:#333333; font-size:24px; line-height:37px; height:74px; overflow:hidden; font-weight:bold;}
.n-news-show ul li .con .riqi {color:#333333; font-size:20px; line-height:1; position:relative; margin-top:19px; padding-top:17px;}
.n-news-show ul li .con .riqi:after{content:""; position:absolute; left:0; top:0; width:21px; height:1px; background-color:#004ba4;transition: 0.6s; }
.n-news-show ul li:hover .con .tit {color:#004ba4;}
.n-news-show ul li:hover .con .riqi:after{ width:100%;transition: 0.6s; }

.n-pic-list { height:auto;  }
.n-pic-list ul li { float:left; width:333px; height:auto;margin-top:25px;}
.n-pic-list ul li:nth-child(3n+2) { margin-left:30px;}
.n-pic-list ul li:nth-child(3n+3) { margin-left:30px;}
.n-pic-list ul li .pic { width:333px; height:274px; overflow:hidden; line-height:264px; text-align:center;border-radius:5px; background-color:#ececec;}
.n-pic-list ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; transition: 0.5s;border-radius:5px;}
.n-pic-list ul li:hover .pic img{transform: scale(1.2);	transition: 0.5s;}
.n-pic-list ul li .tit { color:#333333; font-size:20px; line-height:30px; text-align:center; margin-top:13px; height:30px; overflow:hidden;}
.n-pic-list ul li:hover .tit {color:#004ba4; }


@media(max-width:1764px){
.i-pro-show { width:100%;}
}
@media(max-width:1400px){
.nav  {width:1400px; margin:0 auto;}
.banner {width:1400px; margin:0 auto;}
.i-pro {width:1400px; margin:0 auto;}
.i-about{width:1400px; margin:0 auto;}
.i-anli {width:1400px; margin:0 auto;}
.f-link {width:1400px; margin:0 auto;}
.footer {width:1400px; margin:0 auto;}
.f-copy {width:1400px; margin:0 auto;}

}
@media(max-width:1300px){
.wrap { width:1000px; margin:0 auto;}
/*header*/
.header { height:146px; }
.h-logo { float:left; padding-top:32px; width:728px; height:75px;}
.h-logo img {width:728px; height:75px;}
.h-right { float:right;color:#000000; font-size:24px; line-height:40px; font-weight:bold; padding-top:35px; }
.h-right p { background:url(../images/h-tel.png) no-repeat left center; background-size:30px 30px; padding-left:38px;}
/*nav*/
.nav { width:100%; margin:0 auto; height:58px; background-color:#f6f6f6; text-align:center;}
.nav ul { display:inline-block;}
.nav ul li { float:left; width:140px; margin:0 1px; text-align:center;color:#000000; font-size:16px; line-height:58px; position:relative; }
.nav ul li a {color:#000000; display:block;}
.nav ul li:hover { background-color:#004ba4;}
.nav ul li:hover a {color:#ffffff; font-weight:bold;}
.nav ul li.active { background-color:#004ba4;}
.nav ul li.active a {color:#ffffff; font-weight:bold;}
.nav ul li .sub { position:absolute; top:58px; left:0; width:100%; height:auto; background-color:#f6f6f6;  z-index:333;}
.nav ul li .sub ul { display:block;}
.nav ul li .sub ul li{ width:100%; font-size:14px; line-height:40px; padding:0; text-align:center; margin:0; border-top:#f6f6f6 solid 1px; }
.nav ul li .sub ul li:first-child { border-top:none;}
.nav ul li .sub ul li a{color:#004ba4; }
.nav ul li:hover .sub ul li  { background-color:#f6f6f6;}
.nav ul li:hover .sub ul li  a {color:#004ba4; font-weight:normal;}
.nav ul li.active .sub ul li  { background-color:#f6f6f6;}
.nav ul li.active .sub ul li  a {color:#004ba4; font-weight:normal;}
.nav ul li .sub ul li:hover { background-color:#c4c4c4;}
.nav ul li .sub ul li:hover a {color:#ffffff; font-weight:normal;}
/*banner*/
.banner {width:100%; margin:0 auto; height:auto;}
.banner .swiper-container{width:100%;height:100%;margin-left:auto;margin-right:auto}
.banner .swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.banner img { width:100%;}
.banner .swiper-pagination-bullet { width:25px; height:5px; background: #ffffff; opacity: 1;border-radius:0;  }
.banner .swiper-pagination-bullet-active { background-color:#004ba4; opacity:1;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom:17px;} 
/*i-public*/
.i-public { text-align:center; }
.i-public .tit { color:#333333; font-size:26px; line-height:1; letter-spacing: 1px; font-weight:bold;}
.i-public .des { height:32px; margin-top:7px; position:relative; background:url(../images/public-bg.png) no-repeat center center; background-size:243px 32px;}
.i-public .des  img { width:30px; height:30px; vertical-align:middle;}
/*i-pro*/
.i-pro { width:100%; margin:0 auto;padding-top:33px; padding-bottom:42px;}
.i-pro-show { width:1000px; margin:0 auto; height:450px; position:relative; padding-bottom:60px; padding-top:23px;}
.i-pro-show .swiper-container{width:100%;height:100%;margin-left:auto;margin-right:auto}
.i-pro-show .swiper-slide{height:calc((100% - 30px)/ 2);display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.i-pro-show  .swiper-button-next { background:url(../images/btn-r.png) no-repeat; background-size:24px 24px; width:24px; height:24px; top:auto; bottom:6px; right:auto; left:50%; margin-left:95px;outline:none;}
.i-pro-show .swiper-button-next:after { display:none;}
.i-pro-show .swiper-button-next:hover {background:url(../images/btn-r2.png) no-repeat; background-size:24px 24px;}
.i-pro-show .swiper-button-prev { background:url(../images/btn-l.png) no-repeat; background-size:24px 24px; width:24px; height:24px; top:auto; bottom:6px; right:auto; left:50%; margin-left:-115px;outline:none;}
.i-pro-show .swiper-button-prev:hover {background:url(../images/btn-l2.png) no-repeat; background-size:24px 24px;}
.i-pro-show .swiper-button-prev:after { display:none;}
.i-pro-show .i-pro-more { position:absolute;  bottom:0; left:50%; margin-left:-69px; width:138px; height:32px; border:#dddddd solid 1px;border-radius:3px; color:#333333; font-size:17px; line-height:32px; text-align:center; }
.i-pro-show .i-pro-more a {color:#333333;}
.i-pro-show .i-pro-more:hover { background-color:#004ba4;}
.i-pro-show .i-pro-more:hover a  {color:#ffffff;}
.i-pro-li { width:100%; }
.i-pro-li .pic { width:100%; height:150px; overflow:hidden; text-align:center; line-height:140px; }
.i-pro-li .pic img{max-width: 100%;max-height: 100%; vertical-align:middle; border-radius:3px;transition: 0.6s;}
.i-pro-li:hover .pic img{transform: scale(1.05); transition: 0.6s;}
.i-pro-li .tit { border:#f1f1f1 solid 1px; border-radius:3px; text-align:center;color:#333333; font-size:14px; height:40px; font-weight: normal;display: flex; align-items: center; justify-content: center; flex-direction: column;box-sizing: border-box; }
.i-pro-li:hover .tit{ background-color:#004ba4;color:#ffffff;}
/*i-about*/
.i-about {width:100%; margin:0 auto; min-height:480px; background:url(../images/about-bg.jpg) no-repeat top center; background-size:100% 365px; padding-top:30px; padding-bottom:40px;}
.i-about-show {color:#333333; font-size:14px; line-height:26px; height:130px; overflow:hidden; margin-top:9px;}
.i-about-more { width:27px; height:27px; margin:0 auto; margin-top:17px;border-radius:50%; border:#d7dee8 solid 6px;}
.i-about-more img { width:27px; height:27px;border-radius:50%;}
.i-about-more:hover {opacity:0.8;}
.i-about-pic { height:162px; background-color:#FFF;border-radius:5px;box-shadow: 0 0 20px #ccc; margin-top:24px; padding-top:30px; text-align:center;}
.i-about-pic ul{ display: inline-block;}
.i-about-pic ul li { float:left;margin:0 12px; width:295px; height:135px; overflow:hidden; line-height:125px;}
.i-about-pic ul li img{max-width: 100%;max-height: 100%; vertical-align:middle; border-radius:3px;transition: 0.6s;}
.i-about-pic ul li:hover img{transform: scale(1.05); transition: 0.6s;}
/*i-anli*/
.i-anli {width:100%; margin:0 auto; background-color:#f4f4f4; padding-top:40px; padding-bottom:40px;}
.i-anli-show { width:1000px; margin:0 auto; margin-top:27px; height:290px; position:relative;}
.i-anli-show .swiper-container{width:100%;height:100%}
.i-anli-show .swiper-slide{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}

.i-anli-show  .swiper-button-next { background:url(../images/btn-r.png) no-repeat; width:30px; height:30px; top:auto; bottom:10px; right:0; left:auto; outline:none;}
.i-anli-show .swiper-button-next:after { display:none;}
.i-anli-show .swiper-button-next:hover {background:url(../images/btn-r2.png) no-repeat;}
.i-anli-show .swiper-button-prev { background:url(../images/btn-l.png) no-repeat;width:30px; height:30px;top:auto; bottom:10px; right:30px; left:auto; outline:none;}
.i-anli-show .swiper-button-prev:hover {background:url(../images/btn-l2.png) no-repeat;;}
.i-anli-show .swiper-button-prev:after { display:none;}

.i-anli-li { width:100%; overflow:hidden; position:relative;border-radius:5px;}
.i-anli-li .pic { width:100%; height:200px;border-radius:5px;}
.i-anli-li .pic img{width:100%; height:200px; transition: 0.6s; border-radius:5px;}
.i-anli-li:hover .pic img{transform: scale(1.05); transition: 0.6s;}
.i-anli-li .con { display:none; position:absolute; top:0; left:0; width:100%; height:200px;background-color:rgba(0, 75, 164, 0.7); border-radius:5px;}
.i-anli-li .con .tit { text-align:center; color:#ffffff; font-size:17px; line-height:24px; font-weight:bold; padding-top:70px; }
.i-anli-li .con .des { text-align:center; color:#7498bc; font-size:14px; line-height:22px; margin-top:4px;}
.i-anli-li .con .more { width:27px; height:27px; margin:0 auto; margin-top:10px;}
.i-anli-li .con .more img { width:27px; height:27px; }
.i-anli-li:hover .con { display:block;}
/*i-news*/
.i-news { padding-top:34px; padding-bottom:42px;}
.i-news-show { padding-top:10px;}
.i-news-show ul li{ float:left; width:482px; height:104px; border:#dddddd solid 1px;border-radius:5px; margin-top:16px; padding:10px 0;}
.i-news-show ul li:nth-child(2n+2){ margin-left:32px;}
.i-news-show ul li .pic{ float:left; width:140px; height:104px; text-align:center; line-height:94px; overflow:hidden; padding-left:14px;}
.i-news-show ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;border-radius:5px; transition: 0.6s;}
.i-news-show ul li:hover .pic img{transform: scale(1.05); transition: 0.6s;}
.i-news-show ul li .con{ float:right; width:290px; padding-right:20px; padding-top:8px;}
.i-news-show ul li .con .tit {color:#333333; font-size:17px; line-height:27px; height:54px; overflow:hidden; font-weight:bold;}
.i-news-show ul li .con .riqi {color:#333333; font-size:14px; line-height:1; position:relative; margin-top:11px; padding-top:10px;}
.i-news-show ul li .con .riqi:after{content:""; position:absolute; left:0; top:0; width:15px; height:1px; background-color:#004ba4;transition: 0.6s; }
.i-news-show ul li:hover .con .tit {color:#004ba4;}
.i-news-show ul li:hover .con .riqi:after{ width:100%;transition: 0.6s; }
/*f-link*/
.f-link {width:100%; margin:0 auto; background-color:#f4f4f4; padding:7px 0;}
.f-link span { color:#333333; font-size:17px; line-height:26px; font-weight:bold; }
.f-link a { color:#666666; font-size:17px; line-height:26px; display:inline-block; margin-left:78px; }
.f-link a:hover { text-decoration:underline;}
/*footer*/
.footer {width:100%; margin:0 auto; background: #eeeeee url(../images/footer-bg.jpg) repeat; min-height:200px;}
.f-left { float:left; width:250px; padding:57px 20px 0 0;}
.f-left .cn { color:#333333; font-size:12px; line-height:22px; background:url(../images/f-tel.png) no-repeat left center; background-size:15px 15px; padding-left:22px;}
.f-left .nob { color:#333333; font-size:22px; line-height:1; font-weight:bold; margin-top:11px;letter-spacing: 1px;}
.f-left .f-logo { width:188px; height:37px; margin-top:10px;}
.f-left .f-logo img{ width:188px; height:37px;}
.f-left .f-logo2 { width:169px; height:84px; padding-left:38px;}
.f-left .f-logo2 img{ width:169px; height:84px; }
.f-mid { float:left; width:206px; padding:54px 15px 0 15px; position:relative;}
.f-mid:before{content:""; position:absolute; left:0; top:60px; width:2px; height:60px; background:url(../images/f-line.png) no-repeat; }
.f-mid:after{content:""; position:absolute; right:0; top:60px; width:2px; height:60px; background:url(../images/f-line.png) no-repeat; }
.f-mid ul li { float:left; width:50%; text-align:center;color:#333333; font-size:14px; line-height:26px;}
.f-mid ul li a { color:#333333;}
.f-mid ul li a:hover { color:#004ba4; text-decoration:underline;}
.f-contact { float:left; width:341px;color:#333333; font-size:14px; line-height:26px; padding:54px 0 0 26px;}
.f-contact a { color:#333333;}
.f-contact a:hover { color:#004ba4; text-decoration:underline;}
.f-ewm { float:right; width:120px; height:120px; background:url(../images/ewm-bg.png) no-repeat; background-size:120px 120px; text-align:center; line-height:110px; margin-top:47px;}
.f-ewm img { width:88px; height:88px; border:rgba(255, 255, 255, 0.4) solid 13px; vertical-align:middle;}
/*f-copy*/
.f-copy {width:100%; margin:0 auto; background-color:#333333; text-align:center;color:#5c5c5c; font-size:12px; line-height:20px; padding:6px 0; }
.f-copy a {color:#5c5c5c;}
.f-copy a:hover { text-decoration:underline;}
/*返回顶部*/
p#top{ position:fixed;display:none;bottom:0px;right:20px;}  
p#top a{text-align:center;text-decoration:none;display:block;width:76px;transition:color 1s;}  
p#top a span{background:#333333 url(../images/gotop.png) no-repeat center;display:block;height:76px;transition:background 1s;}  
p#top a:hover span{background:#0042af url(../images/gotop.png) no-repeat center;} 
/*zaixianzixun*/
.zaixianzixun { display:none; position:fixed; bottom:20px; right:1px; width:170px; height:440px; background-color:#FFF; border:#004ba4 solid 1px; border-radius:20px; z-index:334;}
.z-ban {color:#f4f4f4; font-size:28px; line-height:60px; font-weight:bold; text-align:center; background-color:#004ba4;border-top-left-radius:19px; border-top-right-radius:19px; position:relative;  }
.z-ban span { display:inline-block; position:absolute; top:5px; right:5px; line-height:1; font-weight:normal; font-size:20px; cursor:pointer;}
.z-ban span:hover {transform: rotate(360deg); transition: all 2s linear 0s;}
.z-con { width:76px; margin:0 auto; margin-top:14px;}
.z-tel { width:76px; height:76px; margin-top:8px;background:#333333 url(../images/z-tel.png) no-repeat;font-size:0; overflow:hidden; }
.z-tel a { color:#FFF;}
.z-tel:hover {width:152px;margin-left:-152px; background:#0042af url(../images/z-tel.png) no-repeat; color:#FFF; font-size:18px; line-height:76px; padding-left:76px;cursor:pointer;}
.z-qq { width:76px; height:76px; margin-top:8px; background:#333333 url(../images/z-qq.png) no-repeat;  }
.z-qq a { display:block; width:100%; height:100%;}
.z-qq:hover {background:#0042af url(../images/z-qq.png) no-repeat; }
.z-wx { width:76px; height:76px; margin-top:8px;background:#333333 url(../images/z-wx.png) no-repeat; position:relative;transition: 0.5s; cursor:pointer; }
.z-wx .con{display:none; position:absolute; top:0; left:-145px; width:125px; height:165px;transition: 0.5s; padding:10px; background-color:#004ba4;border-radius:3px; }
.z-wx .pic { width:125px; height:125px;}
.z-wx .pic img { width:125px; height:125px;}
.z-wx .tit { text-align:center; line-height:40px; color:#FFF; font-size:16px;}
.z-wx:hover { background:#0042af url(../images/z-wx.png) no-repeat;transition: 0.5s; }
.z-wx:hover .con { display:block; transition: 0.5s;}
.z-top { width:76px; height:76px; margin-top:8px; background:#333333 url(../images/z-top.png) no-repeat;  }
.z-top a { display:block; width:100%; height:100%;}
.z-top:hover {background:#0042af url(../images/z-top.png) no-repeat; }
/*内页*/
.n-main { height:auto; padding-bottom:10px; }
.n-main img { max-width:100%;}
.n-contact { padding:15px 0 20px; color:#333333; font-size:14px; line-height:26px;}
.n-left { float:left; width:220px;}
.n-left-li { margin-top:15px; width:220px;}
.n-left-ban {height:36px; line-height:36px;  color:#fff; background-color:#004ba4; text-align:center; position:relative; font-size:14px; letter-spacing: 1px;}
.n-left-ban a { color:#fff; }
.n-left-con { border:#e4e4e4 solid 1px; font-size:14px;border-top:none;}
.n-left-con ul li {width:100%; line-height:36px; border-top:#e4e4e4 solid 1px; text-align:center; box-sizing: border-box; position:relative; }
.n-left-con ul li a { display:block; color:#333333;}
.n-left-con ul li:hover { background-color:#c4c4c4; }
.n-left-con ul li:hover a { color:#ffffff;}
.n-left-con ul .active { color:#004ba4;}
.n-left-con ul .active a {color:#004ba4; font-weight:bold;}
.n-left-con2{ border:#e4e4e4 solid 1px; color:#333333; background-color:#fff; font-size:14px;border-top:none; padding:10px; line-height:24px;}
.n-right { float:right; width:760px;}
.n-right-ban { margin-top:15px; height:36px; border-bottom:#d6d6d6 solid 1px; overflow:hidden;}
.n-posi-left { float:left; background:url(../images/home.png) no-repeat left center; background-size:15px 15px; padding-left:30px; color:#666666; font-size:14px; line-height:36px;}
.n-posi-left a { color:#333333;}
.n-posi-left a:hover { text-decoration:underline; }
.n-posi-right { float:right; padding-top:5px; }
.n-posi-right ul li { float:left;margin-right: 15px; color:#666666; font-size:14px; line-height:30px;}
.n-posi-right ul li  a { color:#666666;}
.n-posi-right ul li:hover { border-bottom:#004ba4 solid 4px; }
.n-posi-right ul li.active { border-bottom:#004ba4 solid 4px; }
/*详情页*/
.n-show {  padding:20px 0 30px; height:auto; position:relative;}
.n-show .tit {  font-size: 20px; text-align: center; line-height: 32px; color: #1a1a1a; text-transform:uppercase;}
.n-show .riqi { text-align: center; color: #666;font-size: 13px;  padding: 10px 0px 5px;}
.n-show .xian { height:1px; border-bottom: 1px solid #cccccc;}
.n-show .show { padding: 10px 0px; font-size: 14px; line-height:26px;}
.n-show .other { padding: 10px 0px; text-transform:uppercase;}
.n-show .other p{font-size: 13px; line-height:24px;color: #666;}
.n-show .other p a { color: #666;}
.n-show .other p a:hover { text-decoration:underline;}
.pagination { box-sizing: border-box;text-align:center; font-size:14px; margin-top:30px; margin-bottom:30px; }
.pagination a {  background-color:#cccccc;color:#FFF;  padding:5px 7px;}
.pagination a:hover { background-color:#004ba4; color:#FFF;}
/*n-news*/
.n-news-show { padding-top:0;}
.n-news-show ul li{ height:104px; border:#dddddd solid 1px;border-radius:5px; margin-top:16px; padding:10px 0;}
.n-news-show ul li .pic{ float:left; width:140px; height:104px; text-align:center; line-height:94px; overflow:hidden; padding-left:14px;}
.n-news-show ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;border-radius:5px; transition: 0.6s;}
.n-news-show ul li:hover .pic img{transform: scale(1.05); transition: 0.6s;}
.n-news-show ul li .con{ float:right; width:550px; padding-right:20px; padding-top:8px;}
.n-news-show ul li .con .tit {color:#333333; font-size:17px; line-height:27px; height:54px; overflow:hidden; font-weight:bold;}
.n-news-show ul li .con .riqi {color:#333333; font-size:14px; line-height:1; position:relative; margin-top:11px; padding-top:10px;}
.n-news-show ul li .con .riqi:after{content:""; position:absolute; left:0; top:0; width:15px; height:1px; background-color:#004ba4;transition: 0.6s; }
.n-news-show ul li:hover .con .tit {color:#004ba4;}
.n-news-show ul li:hover .con .riqi:after{ width:100%;transition: 0.6s; }

.n-pic-list { height:auto;  }
.n-pic-list ul li { float:left; width:238px; height:auto;margin-top:25px;}
.n-pic-list ul li:nth-child(3n+2) { margin-left:20px;}
.n-pic-list ul li:nth-child(3n+3) { margin-left:20px;}
.n-pic-list ul li .pic { width:238px; height:194px; overflow:hidden; line-height:184px; text-align:center;border-radius:5px;}
.n-pic-list ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; transition: 0.5s;border-radius:5px;}
.n-pic-list ul li:hover .pic img{transform: scale(1.2);	transition: 0.5s;}
.n-pic-list ul li .tit { color:#333333; font-size:14px; line-height:26px; text-align:center; margin-top:13px; height:26px; overflow:hidden;}
.n-pic-list ul li:hover .tit {color:#004ba4; }

}

@media(max-width:1000px){
.nav  {width:1000px; margin:0 auto;}
.banner {width:1000px; margin:0 auto;}
.i-pro {width:1000px; margin:0 auto;}
.i-about{width:1000px; margin:0 auto;}
.i-anli {width:1000px; margin:0 auto;}
.f-link {width:1000px; margin:0 auto;}
.footer {width:1000px; margin:0 auto;}
.f-copy {width:1000px; margin:0 auto;}
}