/* CSS Document */

*{list-style:none; font-family:microsoft yahei}
a img{ border:0;}

/*@font-face {
      font-family:workSans-bold;
      src:url(' ../fonts/WorkSans-Bold.ttf');
    }
@font-face {
      font-family:workSans-light;
      src:url(' ../fonts/worksans-Light.ttf');
    }
@font-face {
      font-family:worksans-regular;
      src:url(' ../fonts/worksans-regular.ttf');
	  font-weight:normal;
    }*/

a:link {color: #000;text-decoration:none}
a:visited {color: #000;text-decoration:none}
a:hover {color: #ffad00;text-decoration:none}
a:active {color: #000;text-decoration:none}
a:focus{outline:none}

.clear{ width:0; height:0; overflow:hidden; display:block; clear:both;}
html{ }
body{ font-size:14px;margin:0; line-height:25px !important; color:#000; overflow-x:hidden;}
ul,li,img,p,dl,dt,dd{ margin:0; padding:0; border:0; list-style:none}
table,td{border-collapse:collapse}
.red{color:#FF0000}
.red1{color:#A20000}
h1{font-size:23px; font-weight:bolder}
.bule1{ color:#165173}
a.bule{ color:#165173}
.bai{ color:#fff !important}
a.bai{ color:#fff }
.huise{ color:#555}
.chengse{ color:#db7e1a}
.lvse{ color:#1D9F96}
.huangse{ color:#F5911E}
.anse{ color:#8B7575}
.imgborder{ border:1px solid #D1D1D1; padding:2px;}

.no-padding{ padding-left:0; padding-right:0}
.cuti{ font-family:workSans-bold}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{ padding-left:10px; padding-right:10px;} 
.dropdown:hover>.dropdown-menu {display: block; z-index:999999}
.dropdown>.dropdown-toggle:active {pointer-events: none}
.huibg{ background-color:#f0f1f5; padding:80px 0}
.heibg{ background-color:#000; padding:40px 0}
.lvbg{ background-color:#f5fff4; padding:40px 0}
.lanbg{ background-color:#00EDBC; padding:40px 0}
a.btna{ background:url(../images/icon-more-bai.png) 70px 15px no-repeat #000028; padding:10px 55px 10px 20px;background-size:30px; color:#FFF; transition:all .5s}
a.btna:hover{ background:url(../images/icon-more-hui.png) 70px 15px no-repeat #00A486; padding:10px 55px 10px 20px;background-size:30px; color:#FFF; transition:all .5s}
a.btnb{ background:url(../images/icon-more-bai.png) 70px 15px no-repeat #00A486; padding:10px 55px 10px 20px;background-size:30px; color:#FFF; transition:all .5s}
a.btnb:hover{ background:url(../images/icon-more-hui.png) 70px 15px no-repeat #393956; padding:10px 55px 10px 20px;background-size:30px; color:#FFF; transition:all .5s}

.pic div { margin-bottom:10px; line-height:35px;}
.copy{ text-align:center; padding:80px 0 60px; background-color:#000; position:relative}
.copy  h1{  font-size:20px; font-weight:bold}
.copy  .copymenu li{ line-height:35px; text-align:left}
.copy  .copymenu li a{ color:#B5DFEB}
.copy  .copymenu li a:hover{ color:#F5C12D}
.copyline{ border-bottom:1px solid #446068; padding-bottom:15px;}
.weixin{ position:absolute; right:20px; bottom:0px;}
.copy1{ background-color:#00294a; line-height:25px; color:#FFF; padding:15px 0 15px; text-align:center; border-top:1px solid #203f62}
.copy1 a{ color:#95A5C9}
.copy1 a:hover{ color:#FFF}

.navbar-light .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link{ color:#444; }
.navbar-light .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{ color:#ffad00 !important}
.navbar-light .navbar-nav .nav-link{ font-size:16px; font-weight:bold; }
.navbar-light .navbar-nav .nav-link:hover{ color:#ffad00}

.swiper-pagination-bullet-active{ width:35px; height:5px; background-color:#00294a !important}
.swiper-pagination-bullet{width:35px; height:5px; background:#FFF;border-radius:0; display:inline-block; margin:15px; opacity:1}

.biaoti1{ font-size:36px; color:#000; text-align:center ; line-height:50px; margin:20px 0}
.biaoti1 p{ font-size:16px; color:#d9760d}

.daohang{ position:fixed; z-index:999; width:100%;}
.banner-bai{ position:absolute; left:0; top:0; width:100%; z-index:99}
.tel{ text-align:right; margin-bottom:-20px;}
.daohangbai{ background-color:#000}

.menu-pro{ width:100%; background-color:#000; padding:20px 10px 30px;}
.menu-pro dt{ float:left; color:#FFF; margin:0 13px;}
.menu-pro dt a{ color:#FFF; display:block; font-size:13px; font-weight:normal}
.menu-pro dt a:hover{ color:#f11106}
.menu-pro dt p a{ font-size:16px; font-weight:bold; line-height:30px; margin-bottom:5px;}

.more{ text-align:center}
.more  img {transition:all .5s;transform: scale(1,1)}
.more img:hover { transition:all .5s;transform: scale(1.1,1.1)}
.bg1{ background:url(../images/bg1.jpg) center center no-repeat; background-size:cover;background-attachment:fixed; padding:80px 0}
.h1-title1{ color:#FFF; text-align:center; font-size:32px; line-height:45px;}
.h1-title1 span{ font-size:14px; display:block; font-weight:normal; text-transform:uppercase}
.bg2{ background:url(../images/bg2.jpg) center center no-repeat; background-size:cover;padding:80px 0}
.h1-title2{text-align:center; font-size:32px; line-height:45px;}
.h1-title2 span{ font-size:14px; display:block; font-weight:normal}
.bg3{ background:url(../images/bg3.jpg) center center no-repeat; background-size:cover;background-attachment:fixed; padding:80px 0}
.bg4{ background:url(../images/bg4.jpg) center center no-repeat; background-size:cover;background-attachment:fixed; padding:80px 0}

.procategory{ text-align:center; margin-top:35px; margin-bottom:15px;}
.procategory li{ display:inline-block;background-image: linear-gradient(to bottom, #000, #272727);border-radius:5px; padding:6px 20px;}
.procategory li:hover{background-image: linear-gradient(to bottom, #272727, #000)}
.procategory li a{color:#FFF}
.prolist{}
.prolist li a{ display:block; color:#FFF; background:rgba(255,255,255,.6); border-radius:5px; overflow:hidden}
.prolist li { margin-top:20px;}
.prolist li a div{ overflow:hidden}
.prolist li a div img {transition:all .5s;transform: scale(1,1)}
.prolist li a div img:hover { transition:all .5s;transform: scale(1.1,1.1)}
.prolist li p{ color:#FFF; text-align:center; background-color:#000; line-height:40px;}

.youshi1{}
.youshi1 dt img{transition:all .5s;transform: scale(1,1)}
.youshi1:hover dt img{ transition:all .5s;transform: scale(1.1,1.1)}
.youshi1 dl{}
.youshi1 dt{ float:left; margin-top:25px;}
.youshi1 dd{ margin-left:100px;}
.youshi1 dd p.p1{ font-size:20px; line-height:45px; font-weight:bold}

.about-js{}
.about-honor .shangbtn1{ left:-60px; top:170px; background-image:url(../images/leftbtn.png)}
.about-honor .shangbtn1:hover{ background-image:url(../images/leftbtn-bai-active.png)}
.about-honor .xiabtn1{right:-60px; top:170px;background-image:url(../images/rightbtn.png)}
.about-honor .xiabtn1:hover{ background-image:url(../images/rightbtn-bai-active.png)}
.about-honor ul li  { overflow:inherit}
.about-honor ul li   .pic{ overflow:inherit}
.about-honor ul li   .pic img{transition:all .5s}
.about-honor ul li   .pic img:hover{transition:all .5s;transform: scale(1.1,1.1)}

.liucheng1{ background:url(../images/lcbg-xian.png) repeat-x center center;}
.liucheng2{ background:url(../images/lcbg.png) no-repeat center center; height:88px; position:relative}
.liucheng2 div{ position:absolute; text-align:center}
.liucheng2 div p{ font-size:20px; line-height:45px; font-weight:bold}
.liucheng2 div.lc1{ left:20px; bottom:-60px;}
.liucheng2 div.lc2{ left:175px; bottom:85px;}
.liucheng2 div.lc3{ left:325px; bottom:-60px;}
.liucheng2 div.lc4{ left:485px; bottom:85px;}
.liucheng2 div.lc5{ left:635px; bottom:-60px;}
.liucheng2 div.lc6{ left:795px; bottom:85px;}
.liucheng2 div.lc7{ left:946px; bottom:-60px;}
.liucheng2 div.lc8{ left:1080px; bottom:85px;}

.newslist1{}
.newslist1 li{ margin-bottom:10px;}
.newslist1 li p.pic{ float:left; max-width:148px; overflow:hidden}
.newslist1 li p.pic img{transition:all .5s}
.newslist1 li:hover p.pic img{transition:all .5s;transform: scale(1.1,1.1)}
.newslist1 li p.wenzi{ margin-left:170px; line-height:23px; }
.newslist1 li p.wenzi span.biaoti2{ display:block; font-size:18px; font-weight:bold; margin-bottom:10px;}
.newslist1 li p.wenzi small{ color:#999; display:block}

.dibu{ color:#FFF}
.dibu a{ color:#FFF}
.dibu ul{}
.dibu ul li{ display:inline-block; padding:0 20px; position:relative}
.dibu .lianxi1{ background:url(../images/dibu-i1.png) left 6px no-repeat; padding-left:65px; padding-top:2px;}
.dibu .lianxi1{text-align:left; font-size:23px; line-height:32px;}
.dibu .lianxi1 span{ font-size:14px; display:block; font-weight:normal}
.dibu ul li a{ display:block;}
.dibu ul li a:hover{ color:#f11106}
.dibu ul li p a{ font-size:16px; font-weight:bold; line-height:30px; margin-bottom:5px;}
.dibu ul li .lianxi2{ position:absolute;  left:0px; top:270px; width:450px;}
.dibu ul li .lianxi2 li{ margin:8px 0}
.dibu ul li .lianxi2 li img{ margin-right:10px;}
.dibu ul li .name{ position:absolute; right:-890px; top:360px;}

.neibanner{ background:url(../images/neibanner.jpg) center center no-repeat; background-size:cover;  height:100%; text-align:center; z-index:9999999;font-weight:bold; color:#FFF}
.juli40{ height:40px;}
.ry-scroll p{ }
.ry-scroll{ position:absolute; left:0px; top:0px; background:url(../images/dian1.png) bottom center no-repeat; padding-bottom:50px;}
.ry-scroll h1{ line-height:30px; margin-top:10px;}
.ry-scroll p{ height:90px; text-align:left}
.ry-scroll1{ position:absolute; left:0px; bottom:0px; background:url(../images/dian1.png) top center no-repeat; padding-top:50px;}
.ry-scroll1 h1{ line-height:30px; margin-top:10px;}
.ry-scroll1 p{ margin-bottom:10px;height:90px; text-align:left}
.swipergun{position:relative; overflow:hidden; height:370px; background:url(../images/dian.png) center center repeat-x}

.wenhua1{ text-align:center}
.wenhua1 li{ margin-top:50px;}
.wenhua1 li p{ font-size:16px; line-height:45px; font-weight:bold}
.wenhua1 li img{transition:all .5s; margin-top:0px;}
.wenhua1 li:hover img{transition:all .5s; margin-top:-5px; margin-bottom:5px;}

.loc{ background-color:#f1f2f5}

.pro-leibie{}
.pro-leibie dt{ background-color:#00294a; color:#FFF;  text-align:center; line-height:35px;}
.pro-leibie dd{ background-color:#f1f2f5; border-bottom:1px solid #e8e8e8; padding:10px 20px;}
.pro-leibie dd a{ display:block}
.pro-leibie dd:hover{ background-color:#c2c2c2; }
.pro-leibie dd.over{ background-color:#c2c2c2; }

.pro-xiangxi1 p.p1{ font-size:22px; font-weight:bold}
.pro-xiangxi1 p.p2{ color:#666; margin:10px 0}
.pro-xiangxi1 p.p3{ background-color:#f1f2f5; padding:10px 15px;color:#666;}
.pro-xiangxi1 p.p4{ color:#999; margin-top:15px;}
.neirong{ margin-top:30px; padding-top:0px;}
.neirong .miaoshu{ border-bottom:1px solid #f1f2f5; padding-bottom:10px; font-size:20px; margin-bottom:15px; font-weight:bold}
.neirong img{ max-width:100%; margin:10px 0}
.neirong table{ vertical-align:middle; margin:10px 0}
.neirong table td{ vertical-align:middle}
.neirong h4{ font-size:16px; font-weight:bold; margin:15px 0}

.newsbiaoti{ font-size:25px; font-weight:bold; text-align:center; border-bottom:1px solid #dedede; padding-bottom:15px;}
.newsbiaoti p{ font-size:13px; color:#666; font-weight:normal; margin-top:10px;}

.service1{ margin-top:30px; margin-bottom:30px;}
.service1 .service1-t { text-align:center}
.service1 .service1-t  img{transition:all .5s;transform: scale(1,1)}
.service1:hover .service1-t img {transition:all .5s;transform: scale(1.1,1.1)}
.service1 .service1-t{ background:url(../images/service1.png) no-repeat  bottom center; min-height:180px;}
.service1 .service1-t p{ background:url(../images/service2.png) no-repeat center  bottom ; font-size:33px; min-height:137px; text-align:center; color:#FFF; line-height:70px;}
.service1 .service1-l{ margin-top:25px;}
.service1 .service1-l li{ background:url(../images/service3.png) left center no-repeat;padding:15px 0 15px 40px; font-size:16px}

.download li { background:url(../images/icon-pdf.png) left center no-repeat; padding-left:40px; border-bottom:1px solid #dedede; margin-bottom:15px; line-height:55px; vertical-align:middle}
.download li a{display:inline-block;background-image: linear-gradient(to bottom, #00294a, #004c89);border-radius:5px; padding:2px 20px; color:#FFF; float:right; line-height:30px; margin-top:10px;}
.download li :hover{background-image: linear-gradient(to bottom, #bf0900, #f11106)}

.job-t{ font-size:18px; border-bottom: 1px solid #dedede; padding-bottom:15px; margin-bottom:15px;}
.contact{ font-size:18px; line-height:45px;}
.contact-t{ font-size:24px; font-weight:bold}

@media (min-width:768px) { 
.juli30{ height:30px;}

.daohang{  }
.daohang1{  background-color:#F6F6F6}
.daohang1 .nav-item a { color:#062B35 !important}
.top{  padding:0 15px;}
.top .navbar-nav{ margin-top:12px;}
.top .navbar-nav li{ margin-left:20px;}
.dropdown-menu{ left:-2px;}
.youshi1{ padding:25px;}
.youshi1 dt img{ width:70px;}
.about-honor{ width:1110px;}
.about-honor{ position:absolute; top:370px; left:15px;}
.daohangbai .navbar-light .navbar-nav .nav-link{ font-size:16px; font-weight:bold; color:#fff !important}
.daohangbai .navbar-light .navbar-nav .nav-link:hover{ color:#f11106 !important}
.neibanner{min-height:580px; font-size:56px; }
.wenhua1 li{ width:16.2%; display:inline-block; text-align:center}
.pro-leibie{ padding-right:20px;}
.pro-leibie dt{ font-size:25px; padding:10px 20px;}
.prolist1 li{ margin-top:0px; margin-bottom:20px;}
.prolist1 li p{ line-height:25px; padding:10px 15px; text-align:left; background-color:#f1f2f5; color:#00294a; }
.neirong table{ width:100%; vertical-align:middle; margin:10px 0}
.newslist2 li p.pic{ float:left; max-width:200px; overflow:hidden}
.newslist2 li p.wenzi{ margin-left:220px; line-height:23px; }

.service1 .service1-l{ padding-left:50px;}
.navbar-light .navbar-nav .nav-link{ color:#fff}
 }
@media (max-width:768px) { 
.juli20{ height:20px;}
.navbar-dark .navbar-toggler {
  color: rgba(255,255,255,.5);
  border-color: rgba(255,255,255,.3);
}
.navbar-nav li.nav-item{ padding-left:25px;border-bottom:1px solid #e0e0e0}
.top{ position:fixed; left:0; top:0; width:100%; z-index:99999999999988888999; background-color:#fff; padding:0 15px;}
.gao{ height:70px;}
.menu-pro{ width:auto; background-color:#00294a; padding:20px 10px 30px; height:250px; overflow-y:scroll}
.menu-pro dt{ float:none; color:#FFF; margin:0 18px;}
.about-honor{ width:100%;}
.neibanner{min-height:280px; font-size:36px; }
.wenhua1 li{ width:31%; display:inline-block; text-align:center}
.pro-leibie dt{ font-size:18px; padding:5px 20px; }
.pro-leibie div.over{ display:none}
.prolist1 li p{ line-height:25px; padding:5px 10px; text-align:left; background-color:#f1f2f5; color:#00294a; min-height:60px;}
.service1 .service1-t{background-size:100% auto;}
.navbar-light .navbar-nav .nav-link{ color:#333}
 }


/*---page--*/
.pagess{clear:both;margin:0 2px;overflow:hidden;}
.layui-laypage{vertical-align:middle;margin:10px 0;font-size:0;}
.layui-laypage>a:first-child,.layui-laypage>a:first-child em{border-radius:0px 0 0 0px}
.layui-laypage>a:last-child,.layui-laypage>a:last-child em{border-radius:0 0px 0px 0}
.layui-laypage>:first-child{margin-left:0!important}.layui-laypage>:last-child{margin-right:0!important}
.layui-laypage a,.layui-laypage button,.layui-laypage input,.layui-laypage select,.layui-laypage span{border:0px solid #e2e2e2}
.layui-laypage a,.layui-laypage span{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;padding:0 15px;height:28px;line-height:30px;margin:0 1px 0px 0;font-size:12px}
.layui-flow-more a *,.layui-laypage input,.layui-table-view select[lay-ignore]{display:inline-block}
.layui-laypage a:hover{color:#c6ba9b}
.layui-laypage em{font-style:normal}
.layui-laypage .layui-laypage-spr{color:#c6ba9b;font-weight:700}
.layui-laypage a{text-decoration:none; background: #00294a; color:#FFF}
.layui-laypage .layui-laypage-curr{position:relative; }
.layui-laypage .layui-laypage-curr em{position:relative; background: #ff0014; color:#FFF}
.layui-laypage .layui-laypage-curr .layui-laypage-em{position:absolute;left:0px;top:0px;padding:0 1px;width:100%;height:100%;}
.layui-laypage-em{border-radius:0px}
.layui-laypage-next em,.layui-laypage-prev em{font-family:Sim sun;font-size:16px}
.layui-laypage .layui-laypage-count,.layui-laypage .layui-laypage-limits,.layui-laypage .layui-laypage-refresh,.layui-laypage .layui-laypage-skip{margin-left:10px;margin-right:10px;padding:0;border:none}
.layui-laypage .layui-laypage-limits,.layui-laypage .layui-laypage-refresh{vertical-align:top}
.layui-laypage .layui-laypage-refresh i{font-size:18px;cursor:pointer}
.layui-laypage select{height:22px;padding:3px;border-radius:2px;cursor:pointer}
.layui-disabled,.layui-disabled:hover{color:#d2d2d2!important;cursor:not-allowed!important}
.layui-disabled,.layui-disabled:hover{color:#d2d2d2!important;cursor:not-allowed!important; background-color:#949494}










