@charset "utf-8";
* {word-wrap: break-word; padding:0px; margin: 0px;}
body {width:100%; height:100%; margin: 0px; min-width:1200px; font: 14px Arial, \5fae\8f6f\96c5\9ed1, sans-serif; color:#333; background:#fff;_background-attachment:fixed;_background-image:url(about:blank); }
p {margin:10px 0;}
h1,h2,h3,h4,h5 {font-weight:normal;}
ul,li {list-style:none;}
form, img {margin:0; border:0px; padding:0; vertical-align:top;}
a {color: #333; transition: all 0.2s; text-decoration: none; -webkit-tap-highlight-color:rgba(0,0,0,0); blr:expression(this.onFocus=this.blur()); outline:none; }
a:hover {color: #0e3472; text-decoration:none; transition: all 0.2s;}
select,input,textarea{font-size:100%; font-family:Arial, \5fae\8f6f\96c5\9ed1, sans-serif;}
.clear {clear:both;}
.b {font-weight:bold;}
.xt {font-style:italic;}
.s1 {color:#000;}
.s1 a{color:#000;}
.s1 a:hover{color:#0e3472;}
.s2 {color:#666;}
.s2 a{color:#666;}
.s2 a:hover{color:#0e3472;}
.s3 {color:#999;}
.s3 a{color:#999;}
.s3 a:hover{color:#999;}
.s4 {color:#fff;}
.s4 a{color:#fff;}
.s4 a:hover{color:#fff;}
.s5 {color:#0e3472;}
.s5 a{color:#0e3472;}
.s5 a:hover{color:#0e3472;}
.f12 {font-size:12px;}
.f14 {font-size:14px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}
.f20 {font-size:20px;}
.f24 {font-size:24px;}
.f30 {font-size:30px;}
.f40 {font-size:40px;}
.f50 {font-size:50px;}

@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.woff2?t=1623324891712') format('woff2'),
       url('../fonts/iconfont.woff?t=1623324891712') format('woff'),
       url('../fonts/iconfont.ttf?t=1623324891712') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  }

/*当网页正文高度小于可视窗口高度时，移动到最底端*/
.fixed-bottom {position:fixed; bottom:0; width:100%;}

/*****************************************************************************************************************************************************************/
/************************************************************************ PC端   *********************************************************************************/
/*****************************************************************************************************************************************************************/

/*通用*/
.w {width:1200px; margin:auto; overflow:hidden;} /*全站宽度*/
.index-bt {padding:80px 0 40px 0; text-align:center;}  /*首页栏目标题*/
.index-bt .title {padding-bottom:10px;} /*首页栏目标题*/

#header {width:100%; height:130px; position:relative;}
#header .menu-bg-blue {height:50px; width:100%; background:#0e3572; position:absolute; bottom:0; left:0; z-index:0;}
#header .menu-bg-white {height:51px; width:35%; background:#fff; position:absolute; bottom:0; left:0; z-index:1;}
#header .logo {position:absolute; z-index:2;}
#header .logo a {margin-top:20px; background:url(../images/logo.png) no-repeat; width:125px; height:91px; display:block; background-size:100%;}
#header .kouhao {float:left; margin:26px 0 0 230px; position:absolute; z-index:2;}
#header .kouhao li {float:left; margin-right:30px;}
#header .tel {float:right; margin:18px 0 0 0;}
#header .tel .icon {float:left; margin:4px 5px 0 0;}
#header .tel .number {float:left;}


/*导航*/
#nav {position: absolute; height:50px; margin:0 0 0 180px; z-index:3; bottom:0;}
#nav li {float:left; margin-right:-1px;}
#nav li a {background:#0e3472; color:#fff; display:block; line-height:50px; height:50px; padding:0 50px;}
#nav li a:hover {background:#333; color:#fff;}
#nav li ul {position:absolute; display:none;}
#nav .now a {background:#333; color:#fff;}
#nav .nav2 {margin:0 0 -1px 0;}
#nav .nav2 a {background:#0e3472; color:#fff; display:block; white-space:nowrap; margin-bottom:-1px;}
#nav .nav2 a:hover {background:#333; color:#fff;}
#nav .jb {width:14px; height:50px; background:url(../images/menu_jb.png) 0 -1px no-repeat; background-size:100%; position: absolute; z-index:2; left:0; top:0;}

#index-banner {width:100%; overflow:hidden;}
#index-banner .swiper-container {width:100%; overflow:hidden;}
#index-banner .swiper-slide {width:100%; overflow:hidden;}
#index-banner .swiper-slide img {width:100%;}

#index-product {margin:0 auto 40px auto;}
#index-product .menu {margin:0 0 40px 0;}
#index-product .menu li a {float:left; text-align:center; width:240px; padding:90px 0 20px 0; display: block;}
#index-product .menu .a1 a {background:url(../images/index_pro.png) 0 -20px #fff no-repeat;  }
#index-product .menu .a1 a:hover {background:url(../images/index_pro.png) -240px -20px #0e3472 no-repeat; color:#fff;}
#index-product .menu .a2 a {background:url(../images/index_pro.png) 0 -160px #fff no-repeat;  }
#index-product .menu .a2 a:hover {background:url(../images/index_pro.png) -240px -160px #0e3472 no-repeat; color:#fff;}
#index-product .menu .a3 a {background:url(../images/index_pro.png) 0 -300px #fff no-repeat;  }
#index-product .menu .a3 a:hover {background:url(../images/index_pro.png) -240px -300px #0e3472 no-repeat; color:#fff;}
#index-product .menu .a4 a {background:url(../images/index_pro.png) 0 -440px #fff no-repeat;  }
#index-product .menu .a4 a:hover {background:url(../images/index_pro.png) -240px -440px #0e3472 no-repeat; color:#fff;}
#index-product .menu .a5 a {background:url(../images/index_pro.png) 0 -580px #fff no-repeat;  }
#index-product .menu .a5 a:hover {background:url(../images/index_pro.png) -240px -580px #0e3472 no-repeat; color:#fff;}

#index-product .list {margin:0 0 20px 0;}
#index-product .list ul {width:1240px;}
#index-product .list li {float:left; width:270px; overflow:hidden; text-align:center; margin:0 40px 0 0;}
#index-product .list .pic {width:270px; height:270px; overflow:hidden;}
#index-product .list li img {width:100%; height:100%; transition: all 0.2s;}
#index-product .list li img:hover {transition: all 0.2s; transform:scale(1.1);}
#index-product .list .title {padding:10px 0 20px 0;}
#index-product .more {text-align:center;}
#index-product .more a {padding:15px 100px; display: block; border:1px #0e3472 solid; background:#0e3472; color:#fff; text-align:center;  display:inline-block;}
#index-product .more a:hover {border:1px #eee solid; background:#fff; color:#333;}

#index-liyou {width:100%; height:960px; background:url(../images/index_liyou.jpg) no-repeat;}
#index-liyou .list ul {width:1380px;}
#index-liyou .list li {float:left; width:400px; height:180px; padding:50px 80px; margin:0 80px 80px 0; background:#0e3472;}
#index-liyou .list .title {margin:20px 0;}
#index-liyou .list .explain {line-height:28px;}

#index-about {margin:auto;}
#index-about .left {float:left; width:47%;}
#index-about .right {float:right;}
#index-about .bt {padding:80px 0 40px 0;}
#index-about .bt .title {padding-bottom:10px;}
#index-about .explain {line-height:28px;}
#index-about .pic {margin:40px 0;}
#index-about .more a {margin:30px 0; padding:12px 50px; display: block; border:1px #0e3472 solid; background:#0e3472; color:#fff; text-align:center;  display:inline-block;}
#index-about .more a:hover {border:1px #eee solid; background:#fff; color:#333;}

#index-liucheng {width:100%; height:500px; background:url(../images/index_liucheng.jpg) no-repeat;}
#index-liucheng .list {margin:30px 0 0 0;}
#index-liucheng .list ul {width:1288px;}
#index-liucheng .list li {float:left; text-align:center; margin:0 88px 0 0;}
#index-liucheng .list .icon {margin:0 0 20px 0; width:96px; height:110px; line-height:110px; background:url(../images/index_liucheng_icon.png) no-repeat; background-size:100%;}
 
#index-kehu {margin:auto;}
#index-kehu .swiper-slide {float:left; text-align:center; padding:0 0 80px 0;}
#index-kehu .logo {width:200px; height:200px; margin:0 auto 30px auto; border:1px #eee solid; background:#fff; overflow:hidden; border-radius:100%; box-shadow:0 10px 10px #eee;}
#index-kehu .logo img {width:100%; height:100%; }

#index-news {width:100%; background:#f4f4f4; padding:0 0 80px 0;}
#index-news .bt {padding:80px 0 40px 0; text-align:center;}
#index-news .news {width:1260px;}
#index-news .list {float:left; width:360px; margin:0 60px 0 0;}
#index-news .list .pic {margin:20px 0;}
#index-news .list li {line-height:32px;}
#index-news .more a {margin:20px 0 0 0; padding:12px 40px; display: block; border:1px #0e3472 solid; background:#0e3472; color:#fff; text-align:center;  display:inline-block;}
#index-news .more a:hover {border:1px #333 solid; background:#333; color:#fff;}

#footer-contact {width:100%; background:#333;}
#footer-contact .content {width:1270px;}
#footer-contact .content ul {float:left; white-space:nowrap; padding:20px 0; margin-right:170px;}
#footer-contact .icon {float:left; background:#666; border-radius:100%; width:50px; height:50px; line-height:50px; margin-right:15px; text-align:center;}
#footer-contact .tel {margin:16px 0 0 0;}

#footer {width:100%; background:#222; padding:40px 0 0 0;}
#footer .logo {float:left; margin-right:150px;}
#footer .pic img {width:125px;}
#footer .tel {margin:40px 0 0 0; line-height:28px;}
#footer .phone {float:left; margin-right:150px;}
#footer .phone ul {margin-top:14px;}
#footer .phone li {margin:10px 0 0 0;}
#footer .list {float:left;}
#footer .list ul {margin-top:14px;}
#footer .list li {margin:10px 0 0 0;}
#footer .ewm {float:right;}
#footer .ewm ul {margin-top:14px; text-align:center;}
#footer .ewm .pic img {width:110px; margin-bottom:10px;}
#footer .copyright {margin:30px 0 0 0; border-top:1px #333 solid; padding:25px 0; text-align:center;}

/*分页*/
.pagelist {margin:30px 0; text-align:center; color:#999;}
.pagelist ul{font-size:0;}
.pagelist li {display:inline-block;margin:0 2px; font-size:14px;}
.pagelist li a {padding:9px 13px; border:1px #eee solid;}
.pagelist li a:hover {border:1px #0e3472 solid; background:#0e3472; color:#fff;}
.pagelist .active a {border:1px #0e3472 solid; background:#0e3472; color:#fff; padding:9px 13px;}

#n-banner {width:100%; overflow:hidden;}
#n-banner img {width:100%;}
#n-nav {padding:20px 0; background:#eee;}

#about-menu {margin:40px auto 0 auto;}
#about-menu li {float:left; width:25%;}
#about-menu li a {padding:18px 0; text-align:center; background:#eee; display: block;}
#about-menu li a:hover {background:#0e3472; color:#fff; display: block;}
#about-menu li a.active {background:#0e3472; color:#fff;}

#about-profile {margin:60px auto 80px auto;}
#about-profile .name {text-align:center;}
#about-profile .content {margin:30px 0 0 0; line-height:32px; text-align:justify;}
#about-profile .pic {width:100%; margin:30px 0 0 0; height:350px; background:url(../images/about_pic.jpg) no-repeat;}
#about-profile .tel {margin:50px 0 0 0; background:#0e3472; display:inline-block; padding:20px 80px 20px 30px; white-space:nowrap;}
#about-profile .icon {float:left; margin-right:5px;}

#about-environment {margin:40px auto;}
#about-environment .list ul {width:1240px;}
#about-environment .list li {float:left; width:270px; overflow:hidden; text-align:center; margin:0 40px 0 0;}
#about-environment .list .pic {width:270px; height:180px; overflow:hidden;}
#about-environment .list li img {width:100%; height:100%; transition: all 0.2s;}
#about-environment .list li img:hover {transition: all 0.2s; transform:scale(1.1);}
#about-environment .list .title {padding:10px 0 20px 0;}

#about-kehu {margin:40px auto;}
#about-kehu .list ul {width:1240px;}
#about-kehu .list li {float:left; width:200px; overflow:hidden; text-align:center; margin:0 40px 0 0;}
#about-kehu .list .pic {width:198px; height:198px; overflow:hidden; border:1px #eee solid; background:#fff; border-radius:100%; box-shadow:0 10px 10px #eee;}
#about-kehu .list li img {width:100%; height:100%; transition: all 0.2s;}
#about-kehu .list li img:hover {transition: all 0.2s; transform:scale(1.1);}
#about-kehu .list .title {padding:20px 0 20px 0; height:50px;}

#about-bigpic {margin:60px auto 80px auto;}
#about-bigpic .title {text-align:center;}
#about-bigpic .pic {width:100%; margin:30px 0 0 0; text-align:center;}
#about-bigpic .pic img {max-height:100%;}
#about-bigpic .next {margin:40px 0 0 0; line-height:32px;}

#contact-list {margin:60px auto 40px auto;}
#contact-list ul {width:1242px;}
#contact-list li {float:left; width:370px; height:190px; margin-right:42px; padding:50px 0 40px 0; background:#fff; border:1px #eee solid; text-align:center; display: block;}
#contact-list .icon {margin:0 auto 10px auto; background:#0e3472; color:#fff; width:70px; height:70px; line-height:70px; border-radius:100%;}
#contact-list .tel {margin:20px 0 0 0; line-height:32px;}

#contact_content {margin:0 auto 60px auto;}
#contact_content .left {float:left; width:50%; height:330px; background:#0e3472;}
#contact_content .right {float:left; background:#f4f4f4; width:50%; height:330px; overflow:hidden;}
#contact_content .content {float:left; margin:50px 0 0 50px;}
#contact_content .icon {margin:0 0 30px 0;}
#contact_content .tel li {margin:10px 0 0 0;}
#contact_content .ewm {float:right; margin:135px 50px 0 0; text-align:center;}
#contact_content .ewm img {width:110px; margin-bottom:10px;}

#service {margin:60px auto 80px auto; border:1px #eee solid;}
#service .service1 {height:300px; padding:0 60px; background:url(../images/service_pic.jpg) no-repeat;}
#service .service2 {padding:0 60px 60px 60px;}
#service .service3 {padding:0 60px 60px 60px; background:#f4f4f4;}
#service .service4 {padding:0 60px 60px 60px;}
#service .icon {float:left; margin:60px 20px 0 0;}
#service .bt {padding:65px 0 0 0;}
#service .content {margin:40px 0 0 0; line-height:32px; text-align:justify;}

#news {margin:60px auto 50px auto;}
#news .left {float:left; width:250px; margin-right:50px;}
#news .right {float:left; width:900px;}

#news .left-bt {padding:15px 0; width:100%; background:#0e3472; text-align:center; color:#5e6f9a;}
#news .left-menu {margin:0 auto 20px auto;}
#news .left-menu li {margin:4px 0 0 0;}
#news .left-menu li a {padding:12px 0; text-align:center; background:#eee; display: block;}
#news .left-menu li a:hover {background:#333; color:#fff; display: block;}
#news .left-menu li a.active {background:#333; color:#fff;}
 
#news .left-list {margin:4px 0 -20px 0;}
#news .left-list li {width:250px; overflow:hidden; text-align:center; margin:0 0 20px 0;}
#news .left-list .pic {width:250px; height:250px; overflow:hidden;}
#news .left-list li img {width:100%; height:100%; transition: all 0.2s;}
#news .left-list li img:hover {transition: all 0.2s; transform:scale(1.1);}
#news .left-list .title {padding:10px 0 0 0;}

#news .right-list {padding:0 0 10px 0;}
#news .right-list li {margin:0 0 20px 0; padding:0 0 30px 0; background:#f4f4f4; transition: all 0.2s;}
#news .right-list li:hover {background:#f9f9f9; transition: all 0.2s;}
#news .right-list li .title {padding:30px 0 20px 30px;}
#news .right-list li .explain {padding:0 30px; line-height:28px;}

#news .right .show-title {margin:0 0 30px 0; text-align:center;}
#news .right .show-content {line-height:32px; text-align:justify;}
#news .right .show-content img {max-width:100%;}

#news .right .next {margin:40px 0 0 0; line-height:32px;}

#product {margin:60px auto 80px auto;}
#product .left {float:left; width:250px; margin-right:50px;}
#product .right {float:left; width:900px;}

#product .left-bt {padding:15px 0; width:100%; background:#0e3472; text-align:center; color:#5e6f9a;}
#product .left-menu {margin:0 auto 20px auto;}
#product .left-menu li {margin:4px 0 0 0;}
#product .left-menu li a {padding:12px 0; font-size:16px; text-align:center; display: block;}
#product .left-menu li ul li.column a {font-size:14px; background:#eee; color:#333; display: block; font-weight:normal;}
#product .left-menu li ul li.column a:hover {background:#f9f9f9;}
#product .left-menu .list-title a {padding:12px 0; font-size:16px; text-align:center; background:#333; color:#fff; display: block;}

#product .left-contact {width:250px; height:296px; background:url(../images/product_contact.jpg) no-repeat; display:inline-block;}
#product .left-contact .icon {margin:130px auto 0 auto; background:#0e3472; text-align:center; width:60px; height:60px; line-height:60px; border-radius:100%;}
#product .left-contact .tel {margin:20px 0 0 50px; line-height:28px;}

#product .product-list {padding:0 0 10px 0;}
#product .product-list ul {width:1240px;}
#product .product-list li {float:left; width:270px; overflow:hidden; text-align:center; margin:0 45px 0 0;}
#product .product-list .pic {width:270px; height:270px; overflow:hidden;}
#product .product-list li img {width:100%; height:100%; transition: all 0.2s;}
#product .product-list li img:hover {transition: all 0.2s; transform:scale(1.1);}
#product .product-list .title {padding:10px 0 20px 0;}

#product .product-title {padding:0 0 20px 0; text-align:center; border-bottom:1px #eee solid;}
#product .product-bigimg {margin:0 0 0 0;}
#product .product-bigimg ul {width:930px;}
#product .product-bigimg li {float:left; width:280px; overflow:hidden; margin:30px 30px 0 0;}
#product .product-bigimg li img {width:100%; height:100%;}

#product .product-dh {margin:40px 0 0 0; line-height:25px; border-bottom:1px #eee solid; padding:0 0 15px 0;}
#product .product-dh img {float:left; height:25px; margin-right:5px;}

#product .product-xijie {margin:20px 0 -20px 0;}
#product .product-xijie ul {width:928px;}
#product .product-xijie li {float:left; width:204px; overflow:hidden; margin:0 28px 0 0; text-align:center;}
#product .product-xijie li img {width:100%;}
#product .product-xijie .title {padding:10px 0 15px 0; text-overflow: ellipsis; white-space:nowrap; overflow:hidden;}

#product .product-video {background:#000; width:100%;}
#product .product-video video {width:100%;}
#product .product-content {margin:20px 0 0 0; line-height:32px; text-align:justify;}
#product .product-content table {width:100%;}
#product .product-content td {text-align:center;}
#product .product-content img {max-width:100%;}