@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0;}
ul,li,dl,dt,dd,ol{ list-style:none; margin:0; padding:0;}
header,article,footer,nav,section,aside,menu { display:block;}
table{ border-collapse:collapse; border-spacing:0;}
img{ border:none;}
a { color:#333; text-decoration:none;}
a:hover { color:#00478a;}
body { font-family:Microsoft YAHEI,Arial,Helvetica,sans-serif; font-size:12px; color:#333; min-width:320px; max-width:640px; line-height:22px;}
.fl{ float:left;}
.fr{ float:right;}
.warmp { position:relative; right:0; z-index:1; -webkit-transition:all .5s ease; transition:all .5s ease;}
.content { padding:15px;}
.clear { clear:both;}
input::-webkit-input-placeholder { color:#ddd;} 
input:-moz-placeholder { color:#ddd;} 
input::-moz-placeholder { color:#ddd;}
input:-ms-input-placeholder { color:#ddd;} 
input[type=button], input[type=submit], input[type=file], button { cursor:pointer; -webkit-appearance:none;}
textarea { -webkit-appearance:none;}

/*字体及字体图标*/
@font-face {
  font-family:'FontAwesome';
  		  src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  		  src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), 
       		  url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
       		  url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), 
       		  url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), 
       		  url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight:normal;
   font-style:normal;
}

/*top*/
.header { width:100%; height:46px;}
.navbar { width:100%; height:45px; border-bottom:1px solid #eee; background:#fff; position:fixed; top:0; right:0; z-index:999999;}
.navbar .logo { display:block; max-width:75%; margin:10px 0 0 10px; overflow:hidden;}
.navbar .logo img { display:block; max-width:100%;}
.navbar .navhome { width:30px; height:15px; border-top:1px solid #1e2963; border-bottom:1px solid #1e2963; position:absolute; right:2.5%; top:13px; z-index:1;}
.navbar .navhome::after { display:block; content:""; width:100%; height:1px; margin:auto; background:#1e2963; position:absolute; left:0; top:0; bottom:0;}
.navbar .nav { width:100%; height:0vh; background:rgba(24,62,127,0.95); overflow:hidden; position:absolute; left:0; top:0; z-index:2; -webkit-transition:all .5s ease; transition:all .5s ease;}
.navbar .nav .nrs { height:100%; overflow-y:scroll;}
.navbar .nav li { width:80%; padding:0 10%; line-height:35px; margin-bottom:10px;}
.navbar .nav li a { display:block;}
.navbar .nav li h1 a { font-size:16px; color:#fff;}
.navbar .nav li p { line-height:30px;}
.navbar .nav li p a { display:inline-block; line-height:25px; font-size:14px; color:#ffd9d9; margin-right:20px;}
.navbar .close { display:none; width:30px; height:30px; position:absolute; right:2.5%; top:10px; z-index:3;}
.navbar .close::before,.navbar .close::after { display:block; content:""; width:100%; height:1px; background:#fff; position:absolute;  top:15px; -webkit-transform-origin:50%; transform-origin:50%;}
.navbar .close::before { -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.navbar .close::after { -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.open { overflow:hidden;}
.open .navbar .nav { height:100vh; padding:15% 0; box-sizing:border-box; overflow:hidden;}
.open .navbar .navhome { display:none;}
.open .navbar .close { display:block;}

/*foot*/
.footer { width:90%; font-size:14px; color:#737373; padding:15px 5%; text-align:center; background:#1b1b1b;}
.footer p { font-size:12px; color:#737373; line-height:22px;}
.footer p a { color:#737373;}
.butns { height:45px;}
.butns .lts { width:100%; position:fixed; bottom:0; left:0; z-index:99999;}
.butns .lts a { float:left; width:50%; height:45px; line-height:45px; font-size:16px; color:#fff; text-align:center; background:#c11a20; position:relative;}
.butns .lts a:first-child::after { display:block; content:""; width:1px; height:45px; background:#ad0c11; position:absolute; right:0; top:0; z-index:2;}

/*banner*/
.banner { width:100%; margin:0 auto; position:relative; overflow:hidden;}
.banner a,.banner img { display:block; width:100%;}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction { bottom:0;}
.banner .swiper-pagination-bullet { width:10px; height:10px; margin:0 5px !important; opacity:1; border-radius:10px; box-shadow:0 2px 2px rgba(0,0,0,0.1); background:#fff; -webkit-transition:0.8s; transition:0.8s;}
.banner .swiper-pagination-bullet-active { background:#183e7f;}
.banner .swiper-button-prev,.banner .swiper-button-next { display:block; width:30px; height:30px; border-radius:50%; background:rgba(119,120,120,0.5); top:50%;}
.banner .swiper-button-prev::after,.banner .swiper-button-next::after { display:block; font-size:14px; color:#fff; text-align:center; line-height:30px;}
.banner .swiper-button-prev { left:3%;}
.banner .swiper-button-next { right:3%;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover { background:#183e7f;}
.banner_ej { width:100%; margin:0 auto; height:100px; background-position:center top; background-repeat:no-repeat;}

/**栏目标题**/
.tits { width:100%; padding:30px 0 10px 0;}
.tits h3 { font-size:20px; color:#272b30; line-height:25px;}

/**公司简介**/
.about { width:95%; margin:0 auto;}
.about .msg { font-size:12px; color:#666; line-height:25px; text-align:justify; margin-bottom:20px;}
.about .msg a { margin-left:10px; color:#183e7f;}
.about .img { display:block; width:100%; overflow:hidden;}
.about .img img { display:block; width:100%;}

/*新品推荐*/
.newpro { width:95%; margin:0 auto;}
.newpro .swiper-wrapper { margin-top:7px;}
.newpro .swiper-slide { width:100%; padding:20px 0; overflow:hidden; background:#e5e5e5;}
.newpro .swiper-slide a { display:block; width:100%;}
.newpro .swiper-slide a img { display:block; width:80%; margin:0 auto;}
.newpro .swiper-pagination { margin-top:10px; position:relative; bottom:0;}
.newpro .swiper-pagination-bullet { width:11px; height:11px; opacity:1; background:#183e7f;}
.newpro .swiper-pagination-bullet-active { opacity:0.6;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin:0 5px;}

/*解决方案*/
.sols { width:100%; margin:40px auto 10px auto; background:url(../images/bh_02.jpg) no-repeat center top / auto 320px;}
.sols .tits { text-align:center; padding:40px 0 0px 0; margin-bottom:40px;}
.sols .tits h3 { font-size:30px; line-height:40px; color:#fff;}
.sols .tits p { width:80%; height:50px; font-size:14px; color:rgba(255,255,255,0.8); line-height:25px; margin:10px auto 30px auto; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.sols .tits a { display:block; width:180px; height:40px; line-height:40px; font-size:16px; color:#fff; margin:0 auto; border-radius:4px; box-shadow:0 3px 5px rgba(0,0,0,0.1); background:#135be1;}
.sols li { float:left; width:calc(100% / 2 - 20px); text-align:center; margin:0 10px 20px 10px; border:1px solid #eee; background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.1); box-sizing:border-box;}
.sols li a { display:block; width:80%; padding:20px 0; margin:0 auto;}
.sols li .img { display:block; width:50px; height:50px; margin:0 auto; padding:15px; border-radius:50%; background:#e8e8e8; overflow:hidden;}
.sols li .img { display:block; width:50px; height:50px; margin:0 auto; padding:10px; border-radius:50%; background-color:#e8e8e8; background-position:center  center; background-repeat:no-repeat; overflow:hidden;}
.sols li:hover { -webkit-transform:translateY(-10px); transform:translateY(-10px);}
.sols .sol1 .img { background-image:url(../images/bh_03.png);}
.sols .sol2 .img { background-image:url(../images/bh_04.png);}
.sols .sol3 .img { background-image:url(../images/bh_05.png);}
.sols .sol4 .img { background-image:url(../images/bh_06.png);}
.sols .sol5 .img { background-image:url(../images/bh_07.png);}
.sols .sol6 .img { background-image:url(../images/bh_08.png);}
.sols li:hover { -webkit-transform:translateY(-10px); transform:translateY(-10px);}

/*核心业务*/
.core { width:100%; margin-bottom:20px;}
.core .tits { text-align:center;}
.core .tits p { font-size:14px; color:#aaa; letter-spacing:2px; text-transform:Uppercase; line-height:25px;}
.core li { float:left; width:calc(100% / 2); margin-top:15px;}
.core li a { display:block; width:90%; margin:0 auto; background-image:linear-gradient(#0a1e49,#163a6a);}
.core li .img { width:100%; background:url(../images/bh_09.png) no-repeat 0 0 / 100%; overflow:hidden;}
.core li .img img { display:block; width:100%;}
.core li h3 { width:90%; padding:10px 5%; font-size:14px; color:#fff; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/*产品分类*/
.proclfic { width:98%; padding-bottom:10px; margin:0 auto;}
.proclfic a { display:block; float:left; width:calc(100% / 3 - 10px); padding:0 10px; font-size:14px; color:#183e7f; line-height:35px; text-align:center; margin:0 5px 10px 5px; border:1px solid #183e7f; border-radius:2px; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/*综合信息*/
.bhnews { width:100%; background:#f8f8f8;}
.bhnews .tits { text-align:center;}
.bhnews .tits p { font-size:14px; color:#aaa; letter-spacing:2px; text-transform:Uppercase; line-height:25px;}
.bhnews li { width:90%; margin-top:15px; padding:0 5% 15px 5%; border-bottom:1px solid #e4e4e4;}
.bhnews li a { display:block; width:100%;}
.bhnews li h3 { font-size:16px; color:#000; line-height:25px; font-weight:500; -webkit-transition:all .5s ease; transition:all .5s ease; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bhnews li span { display:block; font-size:12px; color:#999; line-height:25px;}
.bhnews li p { font-size:14px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bhnews li:hover h3 { color:#183e7f;}
.bhnews li:nth-child(2n) { margin-right:0;}

/****************二级页面***************/
/*单页、文章内容*/
.position { width:95%; height:35px; line-height:35px; font-size:12px; color:#666; padding:0 2.5%; background:#f4f4f4;}
.position a { color:#666;}
.pager-next-pre { width:95%; margin:25px auto 20px auto; padding-top:15px; line-height:30px; color:#999; border-top:1px solid #eee;}
.pager-next-pre p { margin:0;}
.pager-next-pre p a { font-size:14px;}
.theme { font-size:16px; text-align:left; line-height:25px; margin:0 auto; line-height:25px;}
.ms_time { color:#bbb; font-size:12px; margin-bottom:10px; padding:5px 0 10px 0; line-height:25px; border-bottom:1px solid #eee;}

/*单页*/
.intro { line-height:25px; padding:5px 0px; max-width:100%; font-size:12px; margin:0 auto;}
.intro p {line-height:25px; font-size:12px; margin-bottom:10px;}
.intro img { display:block; max-width:100% !important; height:auto !important; margin:5px auto;}
.intro a { color:#f00; text-decoration:underline;}

/*分页*/
.chang_pages { font-size:14px; text-align:center; line-height:30px;}
.chang_pages li { display:inline-block; color:#222; margin:20px 2px; border:1px solid #222;}
.chang_pages li a,.chang_pages li span { display:block; color:#222; padding:0 10px;}
.chang_pages .active { background:#222;}
.chang_pages .active span { color:#fff;}

/**新闻**/
.newlist { width:95%; margin:0 auto;}
.newlist li { width:100%; margin-top:10px; padding-bottom:15px; border-bottom:1px solid #eee;}
.newlist li a { display:block; width:100%;}
.newlist li h3 { line-height:30px; font-size:14px; color:#333; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newlist li p { font-size:12px; color:#999; line-height:25px; margin-top:5px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.artimg { width:100%; overflow:hidden;}
.artimg img { display:block; width:100%;}

/*视频列表*/
.video { width:95%; margin:0 auto;}
.video li { width:100%; margin-bottom:20px;}
.video li .vid { width:100%; overflow:hidden; background:#000;}
.video li .msg { padding:15px 20px; background:#f8f8f8;}
.video li .msg a { display:block; width:100%; text-align:center;}
.video li .msg h3 { width:100%; font-size:18px; color:#333; line-height:30px;}
.video li .msg p { font-size:14px; color:#999; margin:15px auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.video li .msg span { display:block; font-size:14px; line-height:25px;}

/*图片列表*/
.piclst { width:95%; margin:10px auto;}
.piclst li { width:100%; margin-bottom:20px;}
.piclst li a { display:block; width:100%; text-align:center;}
.piclst li .img { width:100%; overflow:hidden; background:#000;}
.piclst li .img img { display:block; width:100%;}
.piclst li .msg { padding:15px 20px; background:#f8f8f8;}
.piclst li .msg h3 { width:100%; font-size:18px; color:#333; line-height:30px;}
.piclst li .msg p { font-size:14px; color:#999; margin:10px auto;}
.piclst li .msg span { display:block; font-size:14px; line-height:25px;}

/*服务与支持*/
.ser01 { width:100%;}
.ser01 li { width:95%; margin:10px 0 0 10px; padding:15px 20px; border:1px solid #ddd; box-sizing:border-box; overflow:hidden;}
.ser01 li h3 { height:35px; line-height:35px; font-size:16px; color:#333; margin-bottom:10px; position:relative;}
.ser01 li h3::after { display:block; content:""; width:5px; height:35px; margin:auto; background:#c60917; position:absolute; left:-20px; top:0; bottom:0; z-index:1;}
.ser01 li p { font-size:12px; color:#999; line-height:22px;}
.ser01 li p span { font-size:16px; color:#c60917;}
.ser02 { width:100%; min-height:120px; padding-top:30px; margin-top:30px; background:url(../images/bh_11.jpg) no-repeat center top / 160%;}
.ser02 .nr { width:60%; line-height:22px; padding:15px; background-color:rgba(255,255,255,0.84);}
.ser02 .nr p { width:100%; font-size:12px; color:#999; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}

/*联系我们*/
.contact { width:90%; margin:20px auto 0 auto;}
.contact .lft { width:100%;}
.contact .lft h1 { font-size:22px; color:#000; font-weight:500; line-height:35px; margin-bottom:15px;}
.contact .lft p { font-size:12px; color:#666; line-height:25px;}
.contact .rgt { width:100%; text-align:center; margin-top:20px;}
.contact .rgt .img { display:inline-block; width:120px; text-align:center; padding:10px; border:1px solid #eee; overflow:hidden;}
.contact .rgt .img img { display:block; width:120px; height:120px;}
.contact .rgt .img h3 { font-size:14px; color:#000; font-weight:500; line-height:30px; margin-top:5px;}
.contact .rgt .img p { font-size:12px; color:#999;}
.contact .map { width:100%; margin-top:20px; padding-top:20px; border-top:1px solid #eee; overflow:hidden;}

@media screen and (min-height:800px) {
    .footer,.footer .fot { padding-bottom:34px;}
}

/*新增产品列表*/
.prolft { width:100%;}
.prolft h3 { padding:0 15px; height:40px; line-height:40px; font-weight:500; font-size:16px; color:#fff; background:#183e7f; position:relative;}
.prolft h3::after { display:block; content:""; width:6px; height:6px; margin:auto; border-bottom:2px solid #fff; border-right:2px solid #fff; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(45deg); transform:rotate(45deg); position:absolute; right:20px; top:0; bottom:0;}
.prolft .nr { width:100%; height:0%; background:#fff; overflow:hidden; position:fixed; bottom:0; left:0; z-index:999999;-webkit-transition:all .5s ease; transition:all .5s ease;}
.prolft .nr .lft { float:left; width:25%; height:100%; overflow-y:scroll;}
.prolft .nr .lft li { width:95%; line-height:40px; font-size:14px; color:#333; text-align:center; padding:0 2.5%; border-bottom:1px solid #eee; overflow:hidden;  text-overflow:ellipsis; white-space:nowrap;}
.prolft .nr .lft .on { font-weight:bold; color:#183e7f; background:#f9f9f9;}
.prolft .nr .rgt { float:left; width:75%; height:calc(100% - 40px); padding:10px 5px 0 5px; box-sizing:border-box; overflow-y:scroll; background:#f9f9f9;}
.prolft .nr .rgt ul { display:none;}
.prolft .nr .rgt li { float:left; width:50%; line-height:35px;}
.prolft .nr .rgt li a { display:block; width:95%; font-size:14px; color:#333; text-align:center; margin:0 auto 5px auto; border:1px solid #eee; box-sizing:border-box; background:#fff; overflow:hidden;  text-overflow:ellipsis; white-space:nowrap;}
.prolft .nr .rgt .on a { color:#fff; background:#183e7f;}
.prolft .nr .lft::-webkit-scrollbar,.prolft .nr .rgt::-webkit-scrollbar { width:0px; height:0px;}
.prolft .show { height:100%;}