@charset "utf-8";
/*wap*/
@media screen and (min-width:0px)  and  (max-width:1199px)  {
* {-webkit-tap-highlight-color:transparent; box-sizing:border-box;}
html,body{max-width:750px; margin:0 auto; font-size:1.4rem;}
html{font-size:62.5%}
.pc{display:none;}
.wap{display:block;}
.icon{font-family:iconfont;}
span{display:block;}
.wrap{max-width:750px; margin:0 auto;}
input{-webkit-user-select:text !important; display:block; cursor:pointer;}
button{display:block; cursor:pointer;}
img{display:block;}
a{cursor:pointer;}
em,i,p,span{line-height:100%;} 


@media only screen and (min-width:321px) {html {font-size:62.5%!important}}
@media only screen and (min-width:361px) {html {font-size:70.31%!important}}
@media only screen and (min-width:376px) {html {font-size:73.24%!important}}
@media only screen and (min-width:481px) {html {font-size:94%!important}}
@media only screen and (min-width:561px) {html {font-size:109%!important}}
@media only screen and (min-width:641px) {html {font-size:125%!important}}



/* ------ 公用 ------ */

/* --- top_main --- */
.top_main { display:none;}


/* --- toolbar --- */
.toolbar{display:none;}


/* --- 头部 --- */
.header_main { padding:0.6rem; position:relative; z-index:500; background:#fff; padding-right:0; overflow:hidden;}
.header_main .header{ display:flex; align-items:center;}

/* logo */
.header_main .logo { width:65%;}
.header_main .logo img { width:100%;}

/* tel */
.header_main .tel { display:none;}

/* --- 搜索 --- */
.header_main .search { display:none;}
.header_main .search-wap {width:17.5%;}
.header_main .search-wap .show{ position:relative; background:url(../images/search.svg) no-repeat center center; background-size:2.5rem; height:2.5rem;}
.header_main .show.close{color:#999;  background:url(../images/close.svg) no-repeat center center; background-size:2.5rem; }

/* hide */
.header_main .search-wap .hide{background:#F2F2F2; padding:1rem 1.5rem; position:absolute; left:0; top:6.2rem; width:100%; box-sizing:border-box; display:none;}
.header_main .search-wap .hide .box{background:#fff; border-radius:100rem; display:flex; align-items:center; height:4rem; overflow:hidden;}
.header_main .search-wap .hide .box input{width:80%; padding-left:1.5rem; height:100%; }
.header_main .search-wap .hide .box button{width:20%; height:100%; background:#233154; border:none; color:#fff; font-size:2.4rem;}



/* --- 导航 --- */

/* show */
.header_main .nav-wap {width:17.5%;}
.header_main .nav-wap .show{ background:url(../images/nav.svg) no-repeat center center;  background-size:2.5rem;  height:2.5rem;}
.header_main .nav-wap .show.close{background:url(../images/close.svg) no-repeat center center;  background-size:2.5rem;}

/* nav */
.nav_main{position:fixed; background:#233154; left:0; top:0; width:100%; z-index:200; height:100vh; display:none;}
.nav_main .list{padding:5rem; padding-top:30%;}
.nav_main .list li{ text-align:center; height:6rem; display:flex; align-items:center; border-bottom:2px solid #46BAFF; justify-content:center; font-size:1.8rem;}
.nav_main .list li a{color:#fff;}
.nav_main .list li dl{display:none;}



/* --- footer --- */
.footer {width: 100%; color: #fff; padding:1.5rem;}

/* links */
.footer .links { display:none;}
.footer .links span {color: #f9f9f9;display: inline-block;}
.footer .links a {display: inline-block; color: #f9f9f9; padding-right: 1rem;}
.footer .links a:hover {opacity: 0.8; filter: alpha(opacity=80);}

/* contact */
.footer .contact { display:none;}
.footer .contact .ewm {background: #ddd;}
.footer .contact .ewm img {display: block;margin: .5rem; width: 8rem; height: 8rem;}
.footer .contact .contact_info {margin-left: 1.5rem;}
.footer .contact .contact_info p {color: #fff;}
.footer .contact .contact_info .tel {margin-top: 1rem;margin-bottom: 1rem;font: normal 2.4rem "arial";color: #fff;}
.footer .contact .contact_info .p2 {margin-bottom: 1rem;}

/* bNav */
.footer .bNav .item {  border-bottom: 1px solid #efefef; display:flex; align-items:center; background:url(../images/arrow-right.svg) no-repeat right center ; background-size:1.5rem 1.5rem; height:4rem; line-height:4rem;}
.footer .bNav .item h3 {font-size:1.4rem;}
.footer .bNav .item h3 a {color: #333; font-size: 1.4rem; font-weight:500;}
.footer .bNav .item .link{display:none;}
.footer .bNav .item:last-child{ border:none;}

/*copyright*/
.copyright {color: #999999; background: #101010; border-top: 1px solid #434343; padding:1.5rem; text-align:center; margin-bottom:5.2rem;}
.copyright span {opacity: 0.7; filter: alpha(opacity=70);}
.copyright a { color: #999999;}
.copyright a:hover {color: #fff;}



/* --- 跟随 --- */
.footer-flow{ background:#191919; display:flex; align-items:center; position:fixed; left:0; width:100%; bottom:0;}
.footer-flow a{display:block; width:25%; text-align:center; padding:.8rem 0;}
.footer-flow .icon img{width:2rem; margin:0 auto; margin-bottom:.5rem;}
.footer-flow .text{color:#fff;}









/* ------ 首页 ------ */

/* --- banner --- */
.banner_main img{width:100%;}



/* --- title --- */
.index .in_title { padding:2rem 1.5rem;}
.index .in_title .entit { color: #999; text-align: center; margin-bottom:1rem; display:block;}
.index .in_title .tit {font-size: 2rem; font-weight: bold; text-align: center; color: #233154;}
.index .in_title .tit span {}



/* --- tab --- */
.index .tab {text-align: center; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; background: #233154;  }
.index .tab a { height: 4rem; line-height: 4rem; background: #233154; font-size:1.2rem; color: #fff; width:33.33%; border-bottom:1px solid #2D3E6A; }
.index .tab a:hover {background: #0185d0;}



/* --- more --- */
.index .more .look_more { display: block; width: 90%; height: 4rem; line-height: 4rem; text-align: center; border: 1px solid #ccc; transition: all .5s; margin:0 auto; background:#f5f5f5;}



/* --- proCenter --- */
#floor_2_main .proCenter .list { display:flex; flex-wrap:wrap; padding:.75rem; margin-bottom:2.5rem;}
#floor_2_main .proCenter .list li {width:50%; transition: all .5s; height:18rem; padding:.75rem; overflow:hidden;}
#floor_2_main .proCenter .list li a {display: block;}
#floor_2_main .proCenter .list li .pic{height:15rem; display:flex; align-items:center;}
#floor_2_main .proCenter .list li img { width:100%; }
#floor_2_main .proCenter .list li .tit { font-size:1.2rem; height:3rem; line-height:3rem; text-align:center; overflow:hidden;  white-space: nowrap;   text-overflow: ellipsis;}



/* --- slip --- */
.index_slip {background: url("../images/ixbannerbg1.png") no-repeat center center; padding:1.5rem; background-size:cover; margin-top:1.5rem;  overflow:hidden;}
.index_slip .slip_tit { padding:1.5rem ;}
.index_slip .slip_tit .tit1 { font: bold 1.8rem "microsoft yahei"; color: #fff; text-align:center; width:90%; margin:0 auto; margin-bottom:1.5rem;}
.index_slip .slip_tit .tit2 {color: #fff; text-align:center; line-height:150%;}
.index_slip .slip_btn {display: block; background: url("../images/ixbanner-btn.png") no-repeat center ;font: bold 1.8rem "microsoft yahei"; line-height: 5rem;text-align: center;color: #10479f;}
.index_slip1 {background: url("../images/ixbannerbg.jpg") no-repeat center center;  background-size:cover;}
.index_slip .slip_btn:hover {background: url("../images/ixbanner-btn1.png") no-repeat;}
.index_slip1 .slip_btn:hover {background: url("../images/ixbanner-btn1.png") no-repeat;  background-size:cover;}



/* --- 产品优势 --- */
#floor_3_main .proAdvant .list{margin-top:-2rem;}
#floor_3_main .proAdvant .list li{padding:2rem 1.5rem; border-bottom:1px solid #efefef;}
#floor_3_main .proAdvant .list li a { display:flex; align-items:center;}
#floor_3_main .proAdvant .list li .img {transition: all .5s; width:15%;}
#floor_3_main .proAdvant .list li .title { width:80%; margin-left:auto; }
#floor_3_main .proAdvant .list li .tit {font-size:1.4rem; color: #233154; margin-bottom:.5rem; font-weight:bold;}
#floor_3_main .proAdvant .list li .cont {color: #999; line-height:150%;}
#floor_3_main .proAdvant .list li:nth-child(2) .img{order:2;  margin-left:auto;}
#floor_3_main .proAdvant .list li:nth-child(2) .title{order:1;  margin-left:0;}



/* --- 工程案例 --- */
#floor_4_main {background: #f6f6f6; padding-bottom:1.5rem;}
#floor_4_main .proCase { position: relative; padding:1.5rem; overflow:hidden;}
#floor_4_main .proCase .list li {position: relative; display: block;  width: 100%;  background: #fff; transition: all ease 600ms; margin-right:1.5rem; height:35rem;}
#floor_4_main .proCase .list li a {display: block; padding: 1.5rem;}
#floor_4_main .proCase .list li a img {display: block; width:100%;}
#floor_4_main .proCase .list li .title {margin-top: 1.5rem;}
#floor_4_main .proCase .list li .tit {color: #333; font-size:1.4rem; font-weight:bold; margin-bottom:1.5rem;}
#floor_4_main .proCase .list li .cont {color: #999; line-height:150%;}
#floor_4_main .proCase .list li .view_detail { display: block; height: 3.5rem; line-height: 3.5rem; text-align: center; background: #233154; color: #fff; margin-top:1.5rem;}



/* --- 新闻动态 --- */
#floor_5_main { border-bottom:1rem solid #efefef; padding-bottom:1.5rem;}
#floor_5_main .inews {position: relative; padding:0 1.5rem;}
#floor_5_main .ulWrap .list {}

/* li */
#floor_5_main .ulWrap .list li { margin-bottom:1.5rem; border-bottom:1px solid #efefef; padding-bottom:1.5rem;}
#floor_5_main .ulWrap .list li a { padding:1.5rem 0 ; align-items:center; padding-left:0;}

/* time */
#floor_5_main .ulWrap .list li .time { display:flex;}
#floor_5_main .ulWrap .list li .time .day {font: normal 1.2rem "arial"; color: #999;  margin-bottom:1rem;}
#floor_5_main .ulWrap .list li .time .day:after{content:" / ";}
#floor_5_main .ulWrap .list li .time .year {font: normal 1.2rem "arial";color: #999; }

/* title */
#floor_5_main .ulWrap .list li .title {}
#floor_5_main .ulWrap .list li .title .tit {font-size: 1.4rem; color: #333; }
#floor_5_main .ulWrap .list li .title .cont { display:none;}




/* --- 关于我们 --- */
.index #floor_1_main {border-bottom:1rem  solid #efefef; }
#floor_1_main .about {}
#floor_1_main .about .item {display: block; }
#floor_1_main .about img { display: block; width: 100%; height: 100%;}
#floor_1_main .contW {position: relative; display: block; background: #fff;}

/* title */
#floor_1_main .contW .title { padding:1.5rem; text-align:center;}
#floor_1_main .contW .title .entit {font: normal 1.4rem "AvantGarde Bk BT"; color: #999;}
#floor_1_main .contW .title .tit {font: bold 2rem "microsoft yahei";color: #233154;}

/* cont */
#floor_1_main .contW .cont { padding:0 1.5rem; color: #666;line-height: 30px;}
#floor_1_main .contW .view_detail {display: block; height: 3.5rem; line-height: 3.5rem; text-align: center; color: #fff; background: #233154; margin:1.5rem;}
#floor_1_main .contW .view_detail:hover {background: #0185d0; transition: all .5s;}
#floor_2_main {background: #fff;}









/* ------ 内页 ------ */

/* banner */
.nybanner{ display:none;}


/* 位置 */
.submian .sobtitle{ display:none;}



/* --- 内页 - 栏目 --- */

/* title */
.submian .subleft .title{background:url(../images/bg5.jpg) no-repeat left #1047A1; color:#fff; font-size:1.4rem; text-align:center;}
.submian .subleft .title h2{text-align:center; font-size:1.4rem; font-weight:700; padding:1.5rem;}


/* comt */
.submian .subleft .lefta .comt{border-bottom:1px solid #efefef;}
.submian .subleft .lefta .comt ul{ display:flex; align-items:center; flex-wrap:wrap;}
.submian .subleft .lefta .comt ul li {width:50%; text-align:center; border-right:1px solid #efefef; border-bottom:1px solid #efefef;}
.submian .subleft .lefta .comt ul li a{ display:block; height:3.5rem; line-height:3.5rem;}
.submian .subleft .lefta .comt ul li.hover a,.submian .subleft .lefta .comt ul li:hover a{background:#233154 url(../images/tb11.png) 213px center no-repeat;font-weight:700;color:#fff}



/* --- 单页 --- */
.submian .subright .aboutlist{color:#666; padding:1.5rem; border-bottom:1rem solid #efefef;}
.submian .subright .aboutlist img{width:100%;}



/* --- 产品列表 --- */
.honorlist ul.list{ display:flex; align-items:center; flex-wrap:wrap;  padding:1.5rem; justify-content:space-between;}
.honorlist ul.list li.item{ width:48%; padding-bottom:0; margin-bottom:1.5rem;}
.honorlist ul.list li.item .pic{height:12.5rem; display:flex; align-items:center;  border:1px solid #efefef; margin-bottom:1rem;}
.honorlist ul.list li.item .pic img{width:100%;}
.honorlist ul.list li.item span{width:100%; color:#555;text-align:center; display:block;  -webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s; line-height:2rem; height:4rem; overflow:hidden;}
.honorlist ul.list li.item .item_mask{display:none;}



/* --- 产品内容 --- */
.product-banner{padding-bottom:5rem;}
.product-banner img{width:100%;}
.product-banner .swiper-button-prev{display:none;}
.product-banner .swiper-button-next{display:none;}




/* --- 推荐资讯 --- */
.submian .subright .anlitopH4 {background:#1047A1;  text-align:center; padding:1.5rem; font-size:1.4rem; color:#fff; font-weight:bold;}



/* --- 列表 --- */
.submian .subright .divremmnews { border-bottom:1rem solid #efefef;}
.submian .subright .divremmnews ul { padding:1.5rem;}
.submian .subright .divremmnews ul li {border-bottom: 1px dashed #efefef; height:3.5rem; line-height:3.5rem; position:relative;}
.submian .subright .divremmnews ul li a { width:70%; overflow:hidden;  white-space: nowrap; text-overflow: ellipsis; display:block;}
.submian .subright .divremmnews ul li span {color: #999; white-space: nowrap; position:absolute; right:0; top:0; line-height:3.5rem;}



/* --- 列表 --- */

/* Title */
.submian .subright .conBox .ArticleTitle h1 {font-size: 1.8rem; text-align: center; padding:1.5rem; border-bottom: 1px dashed #ccc;font-weight: bold; margin-bottom:1.5rem;}
.submian .subright .conBox .ArticleMessage { padding:1.5rem; text-align: center;}
.submian .subright .conBox .ArticleMessage span {color: #999;}
.submian .subright .conBox .ArticleTencont { padding:1.5rem;line-height: 200%; overflow: hidden; color: #666;}
.submian .subright .conBox .ArticleTencont p{line-height:200%; font-size:1.4rem;}
.submian .subright .conBox .ArticleTencont a u {color: #2048A3;}
.submian .subright .showproduct .ArticleTencont img {max-width: 100%;}
.submian .subright .conBox .ArticleTencont img {max-width: 100%;}




/* --- 新闻中心 --- */
.submian .subright .thumblist {}
.submian .subright .thumblist .list { }
.submian .subright .thumblist .item {border-bottom: 1px solid #eaeaea; transition: all .5s; padding:1.5rem; }
.submian .subright .thumblist .item a {display:flex;}
.submian .subright .thumblist .item .img {position: relative;display: block;overflow: hidden;cursor: pointer;  width:30%; margin-left:auto;}
.submian .subright .thumblist .item img {transition: all 0.3s ease-out 0s;  margin-left:auto;  width:100%;}
.submian .subright .thumblist .item .txt {cursor: pointer; width:60%;}
.submian .subright .thumblist .item .txt h3 {-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s; font-weight:bold; margin-bottom:1rem;}
.submian .subright .thumblist .item .txt .mark {color: #ccc; padding: 0; margin-bottom:1rem;}
.submian .subright .thumblist .item .txt .mark span {display: inline-block; margin-right:.5rem;}
.submian .subright .thumblist .item .txt p {color: #666; height:4rem; line-height:2rem; overflow:hidden;}
.submian .subright .thumblist .item .txt p span {display: inline-block; color: #233154;}




/* --- 翻页 --- */
.reLink {border-top: 1px solid #efefef; padding:1.5rem; line-height:250%;}




/*--- 产品内容页 ---*/
.cp-bt {font-size: 1.4rem; font-weight: bold; color: #323232; border-bottom: 1px dashed #959595; padding-bottom: 1.5rem; margin-bottom:  1.5rem;}
.cp-fg{  color: #323232; border-bottom: 1px dashed #959595;  margin-top:  1.5rem; margin-bottom:  1.5rem; height: 3rem;}
.cp-bt1,.cp-bt2{background: #253155;float: left;width: 10rem;height: 3rem;line-height: 3rem;color: #FFFFFF;border-right: 1px solid #ddd;text-align: center;text-align: center;font-weight: bold;}
.cp-bt2{width:auto; padding:0 10px; font-weight:800;}