@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0;}
*:focus{outline:none;}
body,input,textarea{font-family:"微软雅黑", "宋体", "新宋体", "幼圆", Arial;-webkit-appearance : none ;}
body{background: center center; font-size:16px; color:#666666; -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; -khtml-user-select:none; user-select:none;}
a,a:link,a:active,a:visited{color:#666; text-decoration:none;}
a:hover,.nav li a:hover{color:#369bce; text-decoration:none;}
a:focus{-moz-outline-style:none;}
ul{list-style:none;}
ul:after,.box:after,.listlc li:after{content:''; display: block; width:0; height:0; font-size:0; clear: both;}
i,em{font-style:normal;}
img{border:none;}

@font-face {
    font-family: 'iconfont';  /* project id 1115125 */
    src: url('../fonts/font_1115125_bilc4uvyfh.eot');
    src: url('../fonts/font_1115125_bilc4uvyfh.eot') format('embedded-opentype'),
    url('../fonts/font_1115125_bilc4uvyfh.woff2') format('woff2'),
    url('../fonts/font_1115125_bilc4uvyfh.woff') format('woff'),
    url('../fonts/font_1115125_bilc4uvyfh.ttf') format('truetype'),
    url('../fonts/font_1115125_bilc4uvyfh.svg#iconfont') format('svg');
}

.ift,.lisa li:before{font-family:'iconfont'; display: inline-block;}
.anmt10{transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease;}
.anmt5,.fxpst{transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
.anmt3,.imenu,.imenu:after,.imenu:before,.nav,.nav .box ul,.pic img,.pic span,a:before,.fxpst a,.fxpst .wx2wm img,.listys6 li,.boxlic li:after,.boxlic li p,.fmenu li a,.listhp li img,.listry li img,.loadimgs,.close,.listlc div,.listlc li:before,.proimglis img{transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.anmt2{transition:all 0.2s ease; -moz-transition:all 0.2s ease; -webkit-transition:all 0.2s ease;}
.boximg,.boxcntsn img{max-width:100%!important; height:auto!important;}
.boximg{width:100%; display: block;}
.oohid{opacity:0;visibility: hidden;}

.font2h,.font3h,.imgtabcase .swiper-slide p span,.listcase li p span,.linsbox .nst div p,.listns li p{text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box!important; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.font3h,.linsbox .nst div p{-webkit-line-clamp:3;}
.fontovdd,.liproc dd a,.linsbox .nst div a,.listnsa li a,.listry li span,.listcase li b a{display:block; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.nbk{background: none!important;}
.boxflex{display:-webkit-flex; display: flex; flex-wrap:wrap;}
.boxflex li{-webkit-flex:1; flex:1; float: left; white-space:nowrap;}
.box{width:100%; max-width:1200px; box-sizing: border-box; padding:0 20px; margin:0 auto;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.main{background-color: #fff; padding:15px; overflow: hidden;}
.pdtb60{padding:60px 0;}
.bkf9{background-color: #f9f9f9;}

/* head */
.head{font-size:20px; position: relative;}
.head .tlink{background-color:#eee; line-height:2.8em; font-size:.6em;}
.head .tlink p{float: right;}
.head .tlink p a{display: inline-block; margin:0 .5em;}
.head .tlink p a:before{content:'\e600'; display: inline-block; font-family: iconfont; transform: scale(1.3);}
.head .logo{background: url('../images/logo.png') no-repeat center center / cover; width:24em; height: 4.8em; display: block; text-indent:-999px; overflow: hidden;}
.head .tel{position: absolute; top:50%; right:1em; transform: translate(0,-50%); padding-top:.3em;}
.head .tel *{line-height: 1em;}
.head .tel:before{content:'\e6bc'; float: left; color:#36bcff; font-family: iconfont; font-size:3.4em; line-height:1em;}
.head .tel div{margin-left:3.7em;}
.head .tel em{font-size:.6em; color:#666; font-weight: normal; display: block;}
.head .tel b{color:#36bcff; display: block; font-size:1.2em; padding:.3em 0 .2em;}
.head .tel strong{display: block; font-size:.7em; color:#36bcff;}
.head .tel strong em{font-size:.8em; margin-left:.5em; display: inline-block;}
.head .info{padding-top:1em; padding-bottom:1.5em; position: relative;}

.nav{background-color:#369bce; font-size:20px;}
.nav .box{overflow: visible;}
.nav .box>li{float: left; width:11.111%; text-align: center; position:relative;}
.nav .box>li:after{content:''; position: absolute; top:0; right:0; bottom:0; width:1px; background: url("../images/icon_nav_i.png") no-repeat center center;}
.nav .box>li:last-of-type:after{display: none;}
.nav .box>li>a{color:#fff; display: block; line-height:3.5em; font-size:.75em;}
.nav .box>li:hover>a,.nav .box>li.on>a{background-color: #1672a0;}
.nav .box>li ul{position: absolute; top:100%; left:0; right:0; z-index:9; background-color: rgba(22,114,160,.7); padding:0; opacity:0; visibility: hidden;}
.nav .box>li:hover ul{padding:.5em 0; opacity:1; visibility:visible;}
.nav .box>li ul li a{display: block; color:#fff; font-size:13px; line-height:1.6em; padding:.4em 0;}
.nav .box>li ul li a:hover{color: #84d5ff;}
.imenu{display:none; position:absolute; top:50%; transform: translate(0,-50%); right:14px; width:30px; height:15px; border-top:3px solid #369bce; border-bottom:3px solid #369bce; cursor: pointer; float: right; z-index:9;}
.imenu:after,.imenu:before{position: absolute; top:50%; margin-top:-2px; right:0; left:0; border-top:3px solid #369bce; content: ''; display: block;}
.showMenu .imenu{border:0 solid transparent;}
.showMenu .imenu:after{transform: rotate(45deg)}
.showMenu .imenu:before{transform: rotate(-45deg)}


/* 轮播图 */
.sbanner{position: relative}
.sbanner .swiper-slide{height:620px; background-position: center center; background-size:cover;  position: relative;}
.sbanner .swiper-slide img{display: block; width:100%; max-width:100%;}
.sbanner .swiper-slide a{position: absolute; top:0; right:0; bottom:0; left:0; z-index: 2;}
.sbanner .swiper-pagination{bottom:25px;}
.sbanner .swiper-pagination-bullet{background-color:transparent; border:1px solid transparent; padding:4px; margin:0 10px; opacity:1; width:auto; height: auto;}
.sbanner .swiper-pagination-bullet:after{content:''; display: block; background-color: #fff; width:10px; height:10px; border-radius:50%;}
.sbanner .swiper-pagination-bullet-active{background-color:transparent; border-color:#fff; opacity: 1;}
.sbanner .swiper-pagination-bullet-active:after{background-color:#36bcff;}
.sbanner.sn .swiper-pagination{bottom:15px;}
/* home */
.titsa{text-align: center; font-size:20px; padding:1em 0;}
.titsa b{display: block; font-size:1.5em; color:#369bce; letter-spacing:.2em; padding-left: .2em;}
.titsa b span{color:#ff9900;}
.titsa em{font-size:1.5em; color:#cee8f3; text-transform: uppercase;}
.loads{text-align: center; color:#ccc; font-weight:lighter; font-size:14px; padding:2em 0 1em;}
.loads:before{content:'\e673'; display: inline-block; font-family: iconfont;  color:#087db2; opacity: .7; border-radius:50%; text-align: center; font-weight: normal; margin-right:.7em; -webkit-animation:rotate360 6s linear infinite;}
.boxproclass{float: left; width:11.5em; border-top:5px solid #ff9900; background-color: #369bce; color:#fff; font-size:20px;}
.boxproclass .t{padding:1em;}
.boxproclass .t *{display: block; line-height: 1.2em;}
.boxproclass .t b{font-size:1.5em; display: block;}
.boxproclass .t em{font-weight: lighter; text-transform: uppercase;}
.liproc{}
.liproc dt{background-color: #f8f8f8; font-size:.8em; border-bottom:1px dashed #eee;}
.liproc dt a{display: block; font-weight: bold; color:#369bce; position: relative; padding:0 1.2em; line-height:3em;}
.liproc dt a:before{position: absolute; top:1px; left:0; bottom:1px; border-left:3px solid #ccc; content:'';}
.liproc dt a:hover{color:#ff9900;}
.liproc:hover dt a:before{border-left:6px solid #ff9900;}
.liproc dd{background-color: #eee; padding:.7em 0 .8em 1em; overflow: hidden; line-height:1.3em;}
.smain .liproc dd a{color:#666; width:49%; margin-left:1%; float: left; font-size:12px; box-sizing: border-box; padding-left:.8em; position: relative;}
.liproc dd a:after{content:''; position: absolute; top:50%; transform: translate(0,-50%); left:0; width:4px; height:4px; border-radius: 50%; background-color: #666;}
.liproc dd a:hover,.liproc dd a.on{color:#ff9900;}
.boxcntsa{padding:1.5em 1em;}
.boxcntsa span{display: block; font-size:12px;}
.boxcntsa b{font-size:1.2em; display: block; margin-bottom:.2em;}
a.bnmsg{background-color: #ff9900; color:#fff; border-radius:5px; font-size:14px; line-height:2.2em; display:inline-block; padding:0 1em;}
a.bnmsg span{display: inline-block; font-size:1em;}
a.bnmsg:before{content:'\e7b0'; display: inline-block; font-family: iconfont; font-size:1.5em; vertical-align: middle; margin-right:.2em;}
.smain .listprosa{margin-left:12.5em;}
.listprosa{font-size:20px;}
.listprosa li{width:32%; box-sizing: border-box; float: left; margin:0 2% 2% 0;}
.listprosa li:nth-child(3n){margin:0;}
.listprosa .pic{display: block; height:10em; position: relative; overflow: hidden;}
.listprosa .pic span{position: absolute; left:0; right:0; bottom:0; text-align: center; color:#fff; font-size:.75em; line-height:2.6em; background-color: rgba(0,0,0,.4)}
.listprosa .pic img{display: block; height:100%; width:100%; object-fit: cover;}
.listprosa li:hover img{transform: scale(1.05);}
.listprosa li:hover .pic span{background-color: rgba(0,0,0,.6)}
/* 首页6大实力 */
.bks1{background: url("../images/bks1.jpg") no-repeat center center; background-size:cover; color:#fff; font-size:20px; padding:4em 0;}
.bks1 .t{text-align: center;}
.bks1 .t b{font-size:1.5em; line-height:2em;}
.bks1 .t p{font-size:.7em;}
.listys6{font-size:20px; padding:2em 0 0;}
.listys6 li{float: left; width:32%; margin-right:2%; box-sizing: border-box; padding:1.5em 1em 1.5em 2em; border-radius:50%;}
.listys6 li:hover{background-color: #fff; color:#666; box-shadow:10px 10px 0 0 rgba(255,255,255,0.3); border-radius:0;}
.listys6 li:nth-child(3n){margin-right:0;}
.listys6 li i{display: block; float: left; font-size:3em; font-family: iconfont;}
.listys6 li div{margin-left:4em;}
.listys6 li p{min-height:2.8em; line-height:1.4em; font-size:.7em;}
.listys6 li:hover i{color:#369bce;}
/* 首页关于我们 */
.h-about{padding:1em 0; font-size:20px; clear: both;}
.h-about .pic{width:50%; margin-right:20px; float: left;}
.h-about .pic img{display: block; max-width:94%; margin:0 auto; box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.32);}
.h-about .cnt{padding: 1em 0 0 1em;}
.h-about .cnt .t *{display: block; line-height: 1em; text-transform: uppercase;}
.h-about .cnt b{color:#eee; font-size: 2.4em; font-weight: normal;}
.h-about .cnt strong{color:#369bce; letter-spacing:.3em; font-size: 1.4em; line-height: 1.6em;}
.h-about .cnt em{font-size: .8em; font-weight: lighter; margin-top:.3em;}
.h-about .cnt p{font-size: .7em; color:#666; line-height:2em; padding-top:1em;}
.h-about .cnt a.more{color:#fff; background-color: #369bce; display: inline-block; line-height:2.6em; padding:0 2em; margin-top:25px; border-radius:3px; font-size:14px;}
.h-about .cnt a.more:after{content:'\e604'; display: inline-block; font-family: iconfont; margin-left:.5em; transform: scale(1.2);}
.cnt a.more:hover{background-color: #1c90c4;}
.cnt a.more:active{background-color: #087db2;}
.boxlic{background-color:#f2fbff; box-shadow: inset 0 0 57px 0 rgba(54, 155, 206,.2); font-size:20px; position: relative;}
.boxlic ul{height:18em; position: relative;}
.boxlic li{float: left; width:16%; position: relative; height:100%;}
.boxlic li:first-of-type{margin-left:2%;}
.boxlic li:after{content:''; position: absolute; top:50%; left:50%; margin: -.35em 0 0 -.35em; width:.7em; height:.7em; background-color: #369bce; border-radius:50%; z-index: 3;}
.boxlic li:before{content:''; position: absolute; bottom:50%; left:50%; border-left:1px solid #ccc; height:2em; z-index: 2;}
.boxlic li span{position: absolute; top:55%; left:0; right:0; text-align: center; font-size:.8em; color:#087db2; font-weight: bold;}
.boxlic li p{position: absolute; left:50%; bottom:calc(50% + 3em); z-index:3; transform: translate(-50%,0); border-radius:5px; background-color:#fff; box-shadow:0 0 20px 0 rgba(54,155,206,.25);  font-size:12px; padding:1.5em 2em; width:120%; box-sizing: border-box; text-align: justify;}
.boxlic ul li.i{content:''; position: absolute; top:50%; left:1em; right:1em; border-top:2px solid #abd5e8; margin-top:-1px; width: auto; z-index: 1; height:0;}
.boxlic ul li.i:after,.boxlic ul li.i:before{display:none;}
.boxlic li:nth-child(2n) p{bottom:auto; top:calc(50% + 3em); }
.boxlic li:nth-child(2n):before{bottom:auto; top:50%;}
.boxlic li:nth-child(2n) span{top:auto; bottom:55%;}
.boxlic li:hover:after{background-color: #ff9900;}
.boxlic li:hover p{box-shadow:0 0 30px 0 rgba(54,155,206,.5);}
.boxlic ul:before,.boxlic .more{position: absolute; top:50%; transform: translate(0,-50%); font-family: iconfont; z-index: 3; font-size:1.4em;}
.boxlic ul:before{content:'\ea32'; left:0; color: #369bce;}
.boxlic .more{ right:0;color:#ff9900;}
/*.boxlic .loads{position: absolute; bottom:1em; left:50%; transform: translate(-50%,0); padding:0;}*/
/* 首页案例 */
.imgtabcase,.listcase{font-size:20px; padding:.5em 2em 0; position: relative;}
.imgtabcase .pic,.listcase .pic{display: block; height:10em; overflow: hidden;}
.imgtabcase .pic img,.listcase .pic img{display: block; height: 100%; width:100%; object-fit:cover;}
.imgtabcase .swiper-slide div,.listcase li div{background-color: #fafafa; padding:.5em .5em 1em;}
.imgtabcase .swiper-slide span,.listcase li span{display: block; padding:.3em 0; overflow: hidden;}
.imgtabcase .swiper-slide p,.listcase li p{background-color: #fff; font-size:12px; line-height:1.6em; padding:.5em 1em 1em; border-radius:10px; text-align: justify; font-weight: lighter;}
.imgtabcase .swiper-slide b,.listcase li b{font-size:.8em;float: left; margin-left:.5em;}
.imgtabcase .swiper-slide em,.listcase li em{float: right; font-size:.7em;}
.imgtabcase .loads{padding-bottom:0;}
.imgtabcase .spn{background-size: contain; width:1em;}
.imgtabcase .swiper-slide:hover div,.listcase li:hover div{background-color: #f2fbff;}
.imgtabcase .swiper-slide:hover .pic img,.listcase li:hover .pic img{transform: scale(1.05)}
.imgtabcase .swiper-slide:hover b,.listcase li:hover b{color:#369bce;}
/* 首页资讯 */
.boxnews{padding:0; overflow: hidden; background-color: #fff;}
.linsbox .tit{font-size:20px; line-height:1em; border-bottom:1px solid #d8d8d8; line-height:2em;}
.linsbox .tit b{font-size:.8em; display:inline-block; position: relative;}
.linsbox .tit b:after{content:''; position: absolute; left:0; right:0; bottom:-2px; height:3px; background-color: #ff9900;}
.linsbox .tit .more{text-transform: uppercase; color:#666; float: right; font-size:12px; margin-top:4px;}
.linsbox .tit .more:hover{color:#369bce;}
.more:after{content:'\e604'; display: inline-block; font-family: iconfont; margin-left:.3em; font-size:1.2em;}
.linsbox{background-color: #fff; float: left; width:calc(50% - 10px); margin:5px; padding:.5em 1em 1em; box-sizing: border-box; font-size:20px;}
.linsbox.w3{width:calc(33.333% - 10px);}
.clearL{clear: left;}
.linsbox .nst .pic{width:6.5em; height:4.9em; float: left; background: no-repeat center center; background-size: cover;}
.linsbox .nst{margin:1em 0 .5em;}
.linsbox .nst div{margin-left:7.3em;}
.linsbox .nst div a{font-size:.8em; padding:.3em 0;}
.linsbox .nst div p{font-size:12px; color:#999; line-height:1.8em; height:65px;}
.listnsa{clear: both; font-size:14px; line-height:2em;}
.listnsa li em{float: right; font-size:.8em; color:#999;}
.listnsa li a:before,.nmli li a:before{content:'\e640'; font-family: iconfont; float: left; font-size:.6em; margin:0 .3em 0 0;}
.imgtabzs{position: relative; padding:1em 2em;}
.imgtabzs .swiper-slide span{display: block; text-align: center; font-size:14px;}
.imgtabzs .spn{background-size: contain; width:1em;}
.imgtabzs .pic{display: block; height:9em;}
.imgtabzs .pic img{display: block; width:100%; height:100%; object-fit: contain;}
.listhp{padding:1em 0 0;}
.listhp li{float: left; width:33.333%; box-sizing: border-box; padding:.2em;}
.listhp li img{display: block; width:100%;}
.listhp li:hover img{transform: scale(1.05);}
/* pages */
.nbanner{background: no-repeat center center; background-size: cover;}
.nbanner .box{height:350px; position: relative; overflow: visible;}
.nbanner .box.ctitbk:after{content:''; display: block; height:70px; position: absolute; bottom:-37px; right:100%; left:-100%; background-color: #369bce; z-index: 1; width:110%;}
.nbanner .pld{font-size:12px; line-height:2.6em; padding:0 2em 0 4em; position: absolute; right:0; bottom:0; background-color:rgba(1,86,129,.6); color:#fff;}
.nbanner .pld a{color:#fff;}
.nbanner .pld a:hover{opacity:.7;}
.nbanner .pld:before{content:'\e619'; font-family: iconfont; color:#fff; border-radius:50%; width:20px; height:20px; font-size:1.6em; line-height:20px; text-align: center; position: absolute; top:50%; left:1em; transform: translate(0,-50%);}
.nbanner.noba .box.ctitbk:after{display: none;}
.nl{float:left; width:260px;}
.nr{margin-left:260px; font-size:20px; padding:2em .5em 2.5em 2.5em; overflow: hidden;}
.nMenux,.nMenu{position: relative; top:-33px; z-index: 2; font-size:20px;}
.nMenu .titnl{font-size:1.4em;}
.titsnc{font-size:1.2em; color:#333; padding-bottom:1.6em;}
.titnl{background-color: #369bce; color:#fff; line-height:2.5em; height:2.5em; font-size:20px;}
.titnl b{padding-left:.7em;}
.titnl em{font-size:.6em; margin-left:.6em;}
.nMenu .nlnava,.tabnl{padding:1em 10px 10px; background-color: #faf9f9;}
.nMenu .nlnava{padding-bottom:1em;}
.nlnava .m{display: block; border-bottom:1px solid; border-left:5px solid;border-color:transparent; font-size:16px; padding:2px 0 5px 1em; margin-bottom:10px; position: relative; cursor:pointer;}
.nlnava .m.on,.nlnava .on .m,.nlnava .m:hover{border-color:#369bce; color:#369bce;}
.nlnava .m:before{position: relative; right:5px; opacity:0; content:'\e640'; display: inline-block; float: right; font-size:.7em;  font-family: iconfont;}
.nlnava .m.on:after,.nlnava .m:hover:before,.nlnava .m.on:before{right:0; opacity:1;}
.nl .listprosa li{float:none; width:100%;}
.nl .liproc dd a{font-size:15px; position: relative; padding-left:1em; line-height:2em;}
.nl .liproc dd a:after{content:'\e640'; font-family: iconfont; width: auto; height: auto; background-color:transparent; font-size:.7em;}
.listry li{width:29%; float: left; text-align: center; margin:0 0 2%;}
.listry li img{display: block; margin:0 auto; width:100%; cursor:pointer;}
.listry li:hover img{transform: scale(1.05);}
.listry li span{font-size:14px; display: block; background-color: #f9f9f9; line-height: 3em;}
.listry li:nth-child(3n-1){margin:0 6.5% 2%;}
.listlc{position: relative; font-size:20px; padding:1em 0;}
.listlc:before{content:''; position: absolute; left:9.34em; top:-1em; width:0; z-index: 2; height:0; border-width:0 .7em 1em; border-style:solid; border-color:transparent transparent #369bce;}
.listlc:after{content:''; position: absolute; font-size:inherit; height:100%; top:0; left:10em; bottom:0; border-right:1px solid #e6e6e6;}
.listlc li{padding:1em 0; position: relative;}
.listlc li:before{border:3px solid #369bce; border-radius:50%; width:.7em; height:.7em; content:''; position: absolute; top:1.9em; left:9.5em; z-index: 2; background-color: #fff;}
.listlc b{font-size:2em; color:#999; float: left; width:5em; text-align: center;}
.listlc div{margin-left:12em; padding:1em; position: relative; top:-.5em;}
.listlc div p{font-size:16px; line-height:1.6em;}
.listlc li:hover div{box-shadow: 0 0 25px 0 rgba(0, 0, 0, .1);}
.listlc li:hover b{color:#369bce;}
.listlc li:hover:before{transform: scale(1.2);}

.wapclass{display: none;}

.loadimgs{position:fixed; top:0; right:0; bottom:0; left:0; width:100%; height:100%; background: url("../images/gif_loading.gif") rgba(0,0,0,.7) no-repeat center center; z-index:9; opacity:0; visibility: hidden; transform: scale(1.1);}
.loadimgs .pic{max-width:80%; max-height:80%; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
.loadimgs.on{opacity: 1; visibility: visible; transform: scale(1);}
.loadimgs .close{position: absolute; right:.5em; top:.5em; font-size:30px; width:1em; height:1em; line-height: 1em; text-align: center; color:#fff; cursor:pointer; background-color: #333; border-radius:50%; padding:.2em;}
.loadimgs .close:hover{transform:rotate(90deg);}
.loadimgs .close:after{content:'\e649'; font-family:iconfont; display: block;}
.hotproimg{position: relative;}
.hotproimg .swiper-slide{position: relative;}
.hotproimg .swiper-slide img{display: block; width:100%;}
.hotproimg .swiper-slide span{position: absolute; left:0; bottom:0; right:0; text-align: center; color:#fff; background-color: rgba(0,0,0,.6); line-height:2.6em; font-size:14px;}
.hotproimg .swiper-pagination{bottom:2em; left: auto; right:.5em; width: auto; text-align: right;}
.hotproimg .swiper-pagination span{background-color: #eee; opacity: 1;}
.hotproimg .swiper-pagination span.swiper-pagination-bullet-active{background-color: #ff9900;}
.boxleftcnt{background-color: #369bce; color:#fff; font-size:20px; padding:1.5em 1em; margin-top:.5em;}
.boxleftcnt dt{padding:.3em 0;}
.boxleftcnt dt span{font-size: .8em; display: block;}
.boxleftcnt dt b{display: block; font-size: 1.3em;}
.boxleftcnt dd{padding:.3em 0; font-size:.7em;}
.boxleftcnt dd i{font-family: iconfont; float: left; line-height:1.5em;}
.boxleftcnt dd p{margin-left:1.6em; display: block;}
.boxleftcnt dd a.bnmsg{margin-top:1em;}
.boxcntsn{padding:0 0 2em; font-size:16px;}
.boxcntsn .boximg{margin:1em auto;}
.boxcntsn p{padding:.5em 0; text-indent: 2em; line-height: 2em; font-size:.7em;}
.boxcntsn p img{margin-left:-2em;}
.pagenews .linsbox{padding:0 .5em 0 0;}
.pagenews .linsbox:nth-child(2n){padding:0  0 0 .5em;}
.listcase{padding:0;}
.listcase li{width: 32%; margin-bottom:2%; float: left;}
.listcase li:nth-child(3n-1){margin:0 2%;}
.titsd b{color:#333; padding: 1em 0; display: block;}
.titse{font-size:28px; line-height:1em; font-weight: bold; color:#333; text-align: center; padding-bottom:1.6em; border-bottom:1px dashed #ccc; margin-bottom:1em;}
.dppics{position: relative; margin-bottom:1em;}
.dppics .swiper-container{margin:10px 20px;}
.dppics .swiper-slide{background: url("../images/nopic.png") #eee no-repeat center center; background-size: cover; height:5em; box-sizing: border-box; border:1px solid #eee;}
.dppics .swiper-slide.on{opacity: .7;}
.dppics.nosun .sun{display: none;}
.dppics.nosun .swiper-slide{width:23%; margin-right:2%;}
.dppics .sun{width:16px; background-size:contain; filter: grayscale(100%); filter: gray;}
.dppics .sun.swiper-button-prev{left:0;}
.dppics .sun.swiper-button-next{right:0;}
.listns{padding:10px 10px 0; font-size:20px;}
.listns li{border-bottom:1px dashed #d8d8d8; padding:20px 0; overflow: hidden;}
.listns li .pic{float: left; width:11.5em; height:9em; background: no-repeat center center; background-size: cover; font-size:.5em; margin-right:2em;}
.listns li .t{display: block; font-size:.8em; line-height:1.6em;}
.listns li p{font-size:.7em; color:#999; padding:.1em 0;}
.listns li span{font-size:.7em; display: block; color:#999; line-height:1.6em;}
.listns li .more:after{content:'\e604'; display: inline-block; font-family: iconfont; margin-left:.5em;}
.listns li em{float: right; font-size:.9em;}
.titlens{text-align: center; font-size:20px; padding:0 0 1em; border-bottom:1px dashed #ccc; margin-bottom:1em;}
.titlens h1{color:#2b3a5c; font-size:1.5em; padding:0 2em;}
.titlens p{font-size:.6em; line-height:2em;}
.pagenewsmore li{width:46%; float: left;}
.pagenewsmore li:nth-child(2n){margin-left:8%;}
.nMenux .listnsa{padding:1em; background-color: #faf9f9;}
.boxmap{width:100%; height:490px;}
.boxcontact{font-size:20px;}
.boxcontact .info{padding:1em 1em 2em; position: relative;}
.boxcontact .info img{float: right; max-width:36%;}
.boxcontact .info b{color:#369bce; font-size:1.5em; margin-bottom:.6em; display: block;}
.boxcontact .info p{font-size:.8em; line-height: 2em;}
.listsitemap{padding:3em 0 5em;}
.listsitemap div{border-bottom: 1px solid #eee; padding:1em 0 .5em 1em;}
.listsitemap div a{font-weight: bold; color:#369bce;}
.listsitemap ul{padding:.5em 0 1em 0;}
.listsitemap ul li{float: left; margin:0 1em;}
/* products _ show */
.rigth-cont-cons .proimglis{overflow: hidden;}
.rigth-cont-cons .proimglis img{width:48%; margin:1%; float: left;}
.rigth-cont-cons .proimglis img:hover{transform: scale(1.1);}
.rigth-cont-cons .title-p{font-size:30px; font-family:"微软雅黑"; color:#333333; line-height:30px; margin-top:45px; /*background:#0088CC; */}
.rigth-cont-cons .title-p span{font-size:18px; font-family:arial; color:#888888; margin-left:20px}
.rigth-cont-cons .title-hengline{width:880px; height:1px; background:#e5e5e5; margin-top:19px; padding:0}
.rigth-cont-cons h1{font-size:24px; font-family:arial; color:#256fb9; line-height:24px; margin-top:30px}
.rigth-cont-cons h2{font-size:18px; font-weight:bold; font-family:"微软雅黑"; color:#333333; line-height:24px; margin-top:5px}
.rigth-cont-cons .title-ws1{position:relative; margin-top:12px}
.rigth-cont-cons .title-ws1 p,.rigth-cont-cons .title-ws2 p{font-size:14px; line-height:24px; font-family:"微软雅黑"; color:#888888; width:426px; text-align:justify}
.rigth-cont-cons .title-img1{width:100%; margin-top:15px}
.rigth-cont-cons img{width:100%}
.rigth-cont-cons .title-ws2{position:relative; margin-top:17px}
.abo02-cons{background:#FFFFFF; padding-bottom:60px}
.rigth-cont-cons .rongyu-title{font-size:13px; font-family:"微软雅黑"; color:#888888; height:78px; line-height:78px; border-bottom:1px solid #f5f5f5; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.rigth-cont-cons .rongyu-shili{font-size:16px; font-family:"微软雅黑"; color:#035cb8; line-height:30px; margin-top:23px}
.rigth-cont-cons .rongyu-shili span{font-size:13px; font-family:"微软雅黑"; text-transform:uppercase; color:#dddddd; margin-left:6px}
.rigth-cont-cons .rongyu-list{}
.rigth-cont-cons .rongyu-list .rongyu-list-left{float:left; width:423px}
.rigth-cont-cons .rongyu-list .rongyu-list-left li,.rigth-cont-cons .rongyu-list .rongyu-list-right li{padding-left:8px; width:415px; height:35px; line-height:35px; border-bottom:1px solid #e5e5e5; font-size:13px; font-family:"微软雅黑"; color:#666666; margin-top:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.rigth-cont-cons .rongyu-list .rongyu-list-right{float:right}
.rigth-cont-cons .rongyu-datu{position:relative; width:912px; margin-bottom:40px}
.rigth-cont-cons .rongyu-datu li{position:relative; width:274px; cursor:pointer; float:left; margin-right:30px; margin-top:30px}
.rigth-cont-cons .rongyu-datu li .rongyu-datu-imgs{width:274px; height:173px; background:#ebebeb; position:relative}
.rigth-cont-cons .rongyu-datu li .rongyu-datu-imgs .imgs-div{width:196px; height:147px; overflow:hidden; position:absolute; top:50%; margin-top:-73.5px; left:50%; margin-left:-98px}
.rigth-cont-cons .rongyu-datu li .rongyu-datu-imgs .imgs-div img{width:100%; transition:transform 0.8s}
.rigth-cont-cons .rongyu-datu li:hover .rongyu-datu-imgs .imgs-div img{transition:transform 0.8s; transform:scale(1.2)}
.rigth-cont-cons .rongyu-datu li .rongyu-datu-imgs .fangda-btn{width:32px; height:32px; background:#bcbcbc url("../images/abo_11.png") no-repeat center center; position:absolute; bottom:0; right:0}
.rigth-cont-cons .rongyu-datu li .rongyu-good{text-align:center; width:272px; height:42px; line-height:43px; font-size:13px; font-family:"微软雅黑"; color:#333333; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5}
.rigth-cont-cons .pagenumber{position:relative; text-align:center}
.rigth-cont-cons .pagenumber a{display:inline-block; height:36px; border:1px solid #e5e5e5; padding:0 14px; line-height:36px; font-size:13px; font-family:"微软雅黑"; color:#919191; margin:0 2px}
.rigth-cont-cons .pagenumber a:hover,.rigth-cont-cons .pagenumber a.on{color:#FFFFFF; background:#256fb9; transition:all 0.3s}
.rigth-cont-cons .pagenumber .pa-ce{display:inline-block; font-size:0; *zoom:1; *display:inline; _zoom:1; _display:inline}
.rigth-cont-cons .pagenumber .first-page,.rigth-cont-cons .pagenumber .end-page{padding:0 19px}
.rigth-cont-cons .pagenumber .prve-page,.rigth-cont-cons .pagenumber .next-page{padding:0 24px}
.pro01-detail-cons .fix-img01{width:100%; height:502px; overflow:hidden}
.pro01-detail-cons .fix-img01 img{width:100%}
.pro01-detail-cons .fix-img02{width:100%; height:450px; overflow:hidden}
.pro01-detail-cons .fix-img02 img{width:100%}
.pro01-detail-cons .fix-img03{width:100%; height:430px; overflow:hidden}
.pro01-detail-cons .fix-img03 img{width:100%}
.pro01-detail-cons .pro01-detail-title-p{margin-top:63px}
.pro01-detail-cons .pro01-detail-table01{width:100%; position:relative; margin-top:38px;border:1px solid #cccccc;border-right:none;border-bottom:none;}
.pro01-detail-cons .pro01-detail-table01 tr{width:100%; height:64px}
.pro01-detail-cons .pro01-detail-table01 tr td{width:142px; height:64px; text-align:center; border:1px solid #cccccc;border-top:none;border-left:none;}
.pro01-detail-cons .pro01-detail-table01 .title-tr td{font-size:18px; font-family:"微软雅黑"; color:#333333; line-height:64px}
.pro01-detail-cons .pro01-detail-table01 .cont-tr td{font-size:13px; font-family:"微软雅黑"; color:#888888}
.pro01-detail-cons .pro01-detail-table02{width:100%; position:relative; margin-top:20px}
.pro01-detail-cons .pro01-detail-table02 tr{width:100%}
.pro01-detail-cons .pro01-detail-table02 tr td p{width:415px; padding-left:5px; height:37px; line-height:37px; border-bottom:1px solid #e5e5e5; font-size:13px; font-family:"微软雅黑"; color:#666666; margin-bottom:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.pro01-detail-cons .pro01-detail-table02 tr td p{margin-bottom:13px}
.pro01-detail-cons .pro01-detail-table02 tr .right-td p{margin-left:40px}
.pro01-detail-cons .pro01-detail-ul{position:relative; width:100%; margin-top:30px}
.pro01-detail-cons .pro01-detail-ul li{width:48%; padding:0 1%; box-sizing: border-box; position:relative}
.pro01-detail-cons .pro01-detail-ul li a{width:100%; display:block}
.pro01-detail-cons .pro01-detail-ul li .pro01-detail-ul-topimg{width:100%; height:224px; overflow:hidden; background:#e5e5e5}
.pro01-detail-cons .pro01-detail-ul li .pro01-detail-ul-topimg img{width:100%; transition:transform 0.8s}
.pro01-detail-cons .pro01-detail-ul li:hover .pro01-detail-ul-topimg img{width:100%; transition:transform 0.8s; transform:scale(1.2)}
.pro01-detail-cons .pro01-detail-ul li p{font-size:18px; font-family:"微软雅黑"; color:#666666;  height:47px; line-height:47px; text-align:center; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-top:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.pro01-detail-cons .pro01-detail-cons-lunbo{position:relative; width:100%; margin-top:32px}
.pro01-detail-cons .pro01-detail-cons-lunbo .pro01-detail-ul02{position:relative; width:910px}
.pro01-detail-cons .pro01-detail-cons-lunbo .pro01-detail-ul02 li{position:relative; width:425px; margin-right:30px; float:left}
.pro01-detail-cons .pro01-detail-cons-lunbo .pro01-detail-ul02 li a{width:100%; display:block}
.pro01-detail-cons .pro01-detail-cons-lunbo .pro01-detail-ul02 li .pro01-detail-ul02-topimg{width:100%; height:223px; overflow:hidden}
.pro01-detail-cons .pro01-detail-cons-lunbo .pro01-detail-ul02 li .pro01-detail-ul02-topimg img{width:100%; transition:transform 0.8s}
.pro01-detail-cons .pro01-detail-cons-lunbo .pro01-detail-ul02 li:hover .pro01-detail-ul02-topimg img{width:100%; transition:transform 0.8s; transform:scale(1.2)}
.pro01-detail-cons .pro01-detail-cons-lunbo .hd{width:100%; position:relative; margin-top:28px}
.pro01-detail-cons .pro01-detail-cons-lunbo .hd ul{width:100%; position:relative; margin-left:388px; height:14px}
.pro01-detail-cons .pro01-detail-cons-lunbo .hd ul li{position:relative; width:14px; height:14px; background:url("../images/img_35.png") no-repeat center; float:left; margin:0 11px; cursor:pointer; overflow: hidden; overflow: hidden; text-indent:-99px;}
.pro01-detail-cons .pro01-detail-cons-lunbo .hd ul li.on{background:url("../images/img_02.png") no-repeat center}
.pro01-detail-cons .chara01{position:relative; width:100%; margin-top:30px; height:338px; overflow:hidden}
.pro01-detail-cons .chara01 img{width:100%}
.pro01-detail-cons .chara01 h2{font-size:16px; color:#FFFFFF; font-family:"微软雅黑"; line-height:30px; position:absolute; left:53px; top:53px; font-weight:normal}
.pro01-detail-cons .chara01 h3{font-size:54px; font-family:arial; font-weight:bold; color:#FFFFFF; line-height:54px; position:absolute; left:53px; top:93px}
.pro01-detail-cons .chara01 p{font-size:20px; font-family:"微软雅黑"; color:#FFFFFF; line-height:30px; position:absolute; left:53px; top:169px}
.pro01-detail-cons .chara02{position:relative; width:100%; height:336px; overflow:hidden; margin-top:20px}
.pro01-detail-cons .chara02 img{width:100%}
.pro01-detail-cons .chara02 .right-conts{width:308px; height:336px; position:absolute; top:0; right:0; background:url("../images/pro_07.png") no-repeat left top}
.pro01-detail-cons .chara02 .right-conts .w235{width:235px; margin-left:55px}
.pro01-detail-cons .chara02 .right-conts .w235 h2{font-size:32px; font-family:"微软雅黑"; color:#FFFFFF; line-height:32px; margin-top:42px; font-weight:normal}
.pro01-detail-cons .chara02 .right-conts .w235 p{font-size:16px; font-family:"微软雅黑"; color:#FFFFFF; line-height:30px; margin-top:13px; text-align:justify; font-weight:normal; height:210px; overflow:hidden}
.pro01-detail-cons .chara03{position:relative; width:100%; height:336px; overflow:hidden; margin-top:20px}
.pro01-detail-cons .chara03 img{width:100%}
.pro01-detail-cons .chara03 .left-conts{width:308px; height:336px; position:absolute; top:0; left:0; background:url("../images/pro_09.png") no-repeat left top}
.pro01-detail-cons .chara03 .left-conts .w235{width:235px; margin-left:30px}
.pro01-detail-cons .chara03 .left-conts .w235 h2{font-size:32px; font-family:"微软雅黑"; color:#FFFFFF; line-height:32px; margin-top:42px; font-weight:normal}
.pro01-detail-cons .chara03 .left-conts .w235 p{font-size:16px; font-family:"微软雅黑"; color:#FFFFFF; line-height:30px; margin-top:13px; text-align:justify; font-weight:normal; height:210px; overflow:hidden}
.pro01-detail-cons .chara04,.pro01-detail-cons .chara05{position:relative; width:100%; height:447px; overflow:hidden}
.pro01-detail-cons .chara04{margin-top:30px}
.pro01-detail-cons .chara05{margin-top:20px}
.pro01-detail-cons .chara04 img{width:100%}
.pro01-detail-cons .chara05 img{width:100%}
.pro01-detail-cons .pro01-detail-cons-bottom{position:relative; width:100%; margin-top:34px}
.pro01-detail-cons .pro01-detail-cons-bottom .pro01-detail-cons-bottom-left{width:625px; overflow:hidden}
.pro01-detail-cons .pro01-detail-cons-bottom .pro01-detail-cons-bottom-left p{font-size:13px; line-height:13px; height:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family:"微软雅黑"; color:#666666; margin-top:26px; transition:all 0.3s}
.pro01-detail-cons .pro01-detail-cons-bottom .pro01-detail-cons-bottom-left p a{color:#666666; transition:all 0.3s}
.pro01-detail-cons .pro01-detail-cons-bottom .pro01-detail-cons-bottom-left p:hover,.pro01-detail-cons .pro01-detail-cons-bottom .pro01-detail-cons-bottom-left p:hover a{color:#256fb9; transition:all 0.3s}
.pro01-detail-cons .pro01-detail-cons-bottom .backbtn{width:110px; height:40px; display:block; line-height:40px; text-align:center; font-size:13px; font-family:"微软雅黑"; color:#666666; border:1px solid #e5e5e5; position:absolute; right:0; bottom:0; transition:all 0.3s}
.pro01-detail-cons .pro01-detail-cons-bottom .backbtn:hover{background:#256fb9; color:#FFFFFF; transition:all 0.3s}
/* message */
.ntitle{text-align: center; padding:30px 0;}
.ntitle b{display: block; color: #222; font-size:30px; font-weight: normal;}
.ntitle em{font-size:18px; line-height:40px; color: #b4b4b4; font-style: normal; text-transform: uppercase;}
.ntitle:after{content:''; display: block; width:60px; height:3px; background-color: #087db2; margin:0 auto;}
.formmsgs{max-width:880px; margin:0 3em 70px;}
.formmsgs .ipt{box-sizing: border-box; width:100%; border:1px solid #ddd; line-height:3em; padding:0 10px; border-radius:5px;}
.formmsgs dt{line-height:2.4em; font-size:14px;}
.formmsgs dt span{color:#f30;}
.formmsgs .bn{padding:10px 0; text-align: center;}
.formmsgs .bnsmb{background-color: #0174bd; color:#fff; font-size:16px; border-radius:5px; padding:10px 40px; border:none; cursor:pointer;}
.formmsgs textarea{min-height:8em;}
.formmsgs .bnsmb:hover{background-color: #0b8ee2;}


/* 底部 style */
.fy{text-align: center; padding:30px 0 20px; font-size:14px;}
.fy li{display: inline-block; background-color:#f3f1ed; border-radius:5px; margin:0 3px 1em;}
.fy li a,.fy li span{padding:5px 12px; display:inline-block;}
.fy li:hover{background-color:#fff;}
.fy li.thisclass{background-color:#ff9900;}
.fy li.thisclass a,.fy li.thisclass span{color:#fff;}
.fy .pageinfo{display: none;}
.boxun{font-size:14px; line-height:24px; padding:0 1em 2em; overflow:hidden;}
.boxun .back{float: right; margin-top:10px;}
.yqlinks{padding:.5em;}
.yqlinks li{float: left; margin-right:1em; font-size:14px;}
.yqlinks li:first-of-type,.yqlinks li:last-of-type{margin-right:0;}
.footer{background: url("../images/bk_footer.jpg")  #2d8ec2 no-repeat center center; background-size: cover; color:#fff;}
.footer .fmenu{background-color: #449ac8; text-align: center;}
.footer .fmenu li{float:left; line-height:3.4em; width:10%;}
.footer .fmenu li:first-of-type{margin-left:5%;}
.footer .fmenu li a{color:#fff; display:block;}
.footer .fmenu li a:hover{background-color: #6cb0d5;}
.footer>.box{padding:3em 1em 2em;font-size:20px; }
.footer .fcopy{background-color: rgba(0,73,121,.4); color:#bccdda; font-size:12px; line-height:2.6em;}
.footer .fcopy a{color:#bccdda;}
.footer .logo{float: left; background: url("../images/logo_footer.png") no-repeat center center; background-size: contain; width:7.4em; height:6.7em; margin-top:.6em;}
.footer .info{float: left; margin-left:4em;}
.footer .info b{font-size:.9em; padding-bottom:.5em; display: block;}
.footer .info p{font-size:.7em; line-height:1.8em;}
.footer .ft2wm{float: right;}


@-webkit-keyframes rotate360{
    0%{-webkit-transform:rotate(0deg);}
    25%{-webkit-transform:rotate(90deg);}
    50%{-webkit-transform:rotate(180deg);}
    75%{-webkit-transform:rotate(270deg);}
    100%{-webkit-transform:rotate(360deg);}
}
.fxpst{display: none;}
@media screen and (min-width:1000px) {
    .fxpst{display:block; visibility: hidden; opacity:0; position: fixed; top:60%; right:1%; transform: translate(0,-50%); z-index:8; overflow: visible;}
    .fxpst.on{visibility: visible; top:50%; opacity:1;}
    .fxpst li{margin-bottom:6px; cursor: pointer; position: relative; width:50px; height:50px; line-height:54px; }
    .fxpst a{border:1px solid #dddddd; text-align: center; background-color: #fff; color: #848484; display: block; position:absolute; top:0; right:0; width:100%; height:100%; display: block; overflow: hidden;}
    .fxpst a:hover{background-color: #ff6c00; color:#ffffff; border-color:#ff6c00;}
    .fxpst i{font-size:30px;display: block; float: left; width:50px; font-family: iconfont;}
    .fxpst .m.onlinesv a:hover{width:190px;}
    .fxpst .m.tel a:hover{width: 190px;}
    .fxpst .m span,.fxpst .m span{position: absolute; top:0; left:50px; bottom:0; line-height:50px;}
    .fxpst .wx2wm a{overflow: visible;}
    .fxpst .wx2wm img{position: absolute; top:-100%; left:-140px; max-width:154px; opacity:0; visibility: hidden;}
    .fxpst .wx2wm:hover img{opacity: 1; visibility:visible; left: -160px;}
}
@media screen and (min-width:1000px) {
}
@media screen and (max-width:1080px) {
    .sbanner .swiper-slide{height:500px;}
}
@media screen and (max-width:850px) {
    .picshow{max-width:100%;}
    .head .info{font-size:16px;}
    .sbanner .swiper-slide{height:400px;}
    .sbanner .swiper-pagination{bottom:10px;}
}
@media screen and (max-width:760px) {
    .boxcontact .info img{display: block; float:none; max-width:100%; margin:0 auto;}
    .boxmap{height:300px;}
    .dppics .swiper-slide{height:3.5em;}
    .imgtabcase .swiper-slide b, .listcase li b{font-size: .9em; float: none; display: block;}
    .imgtabcase .pic, .listcase .pic{height: 5em;}
    .imgtabcase .swiper-slide div, .listcase li div{padding:0;}
    .imgtabcase .swiper-slide p, .listcase li p{font-size:10px;}
    .wapclass{display: block;}
    .pcclass{display: none;}

    .liproc dt{background-color:#eee;}
    .nl .liproc dd a{width:50%; float: left; box-sizing: border-box; font-size:12px;}
    .listlc li{padding-bottom:0;}
    .listlc{font-size:12px;}
    .listry li:nth-child(3n-1){margin:0 0 2%;}
    .listry li:nth-child(2n){margin:0 0 2% 2%;}
    .pagenews .linsbox{padding:0!important; margin-bottom:1em;}
    .titsnc{text-align: center;}
    .nMenu .nlnava{overflow: hidden;}
    .nlnava .m{font-size:13px; float: left; width:50%; box-sizing: border-box; text-align: center;}
    .box.nmain{padding:0;}
    .nl{float: none; width: auto;}
    .nr{margin:1em 0 0; padding:1em; font-size:15px;}
    .nMenu{top:0;}
    .footer>.box{padding:2em 1em;}
    .footer .fcopy{font-size:10px; text-align: center; line-height:1.6em; padding:.5em;}
    .footer .logo{float: none; margin:1em auto;}
    .footer .info{float: none; margin:0; text-align: center;}
    .linsbox,.linsbox.w3{width: auto; float: none; padding:.5em 1em;}
    .h-about .cnt a.more,.listry li span{font-size:12px;}
    .h-about,.imgtabcase,.listcase,.linsbox .tit,.footer>.box{font-size:16px;}
    .boxlic,.imgtabcase .swiper-slide em,.listcase li em,.footer .fmenu,.footer .ft2wm,.nbanner .box.ctitbk:after,.nbanner .pld,.nMenux{display: none;}
    .h-about .pic{width: auto; float: none; margin:0;}
    .listys6,.boxcontact{font-size:15px;}
    .listys6 li{padding:0 .5em 1em; margin-bottom:1em;}
    .listys6 li i{float: none; text-align: center;}
    .listys6 li div{margin-left:0; text-align: center;}
    .bks1,.titsa,.nMenu,.boxcntsn,.listlc div p{font-size:14px;}
    .pdtb60{padding:20px 0;}
    .listprosa li,.listys6 li,.listry li{width:49%;}
    .smain .listprosa li:last-of-type,.nlnava .m:before{display: none;}
    .listprosa li:nth-child(3n),.listys6 li:nth-child(3n){margin-right:2%;}
    .listprosa li:nth-child(2n),.listys6 li:nth-child(2n){margin-right:0;}
    .listprosa .pic span{line-height:1.4em; padding:.5em;}
    .boxproclass{font-size:14px; margin-bottom:.5em;}
    .boxproclass .t{overflow: hidden;}
    .boxproclass .t b,.boxproclass .t em{display: inline-block;}
    .smain .listprosa{margin-left:0;}
    .boxproclass{float: none; width: auto;}
    .boxcntsa{display: none;}
    .smain .liproc{display: none;}
    body{padding-top:63px}
    .head{position: fixed; top:0; left:0; right:0; z-index:9; background-color: #fff; box-shadow: rgba(0,0,0,.1) 0 0 10px 10px;}
    .nav{position:absolute; top:63px; right:0; z-index:9; visibility: hidden; opacity:0; transform:none; width:160px; background-color: rgba(0,0,0,.9); padding:0;}
    .nav .box{padding:0;}
    .nav .box>li{float: none; padding:0; font-size:16px; width: auto;}
    .nav .box>li>a{font-size:1em; line-height:3em;}
    .nav li:after{display:none;}
    .nav .box>li ul{display: none;}
    .showMenu .nav{visibility: visible; opacity: 1;padding:2em 1em; border-radius:0 0 0 15px;}
    .head .info{font-size:10px; padding:1em;}
    .head .tlink,.head .tel{display: none;}
    .head .logo{font-size:.9em; margin-left:1em;}
    .imenu{display: block;}
    .sbanner .swiper-slide,.nbanner .box{height:200px;}
    .sbanner .swiper-pagination{display: none;}
}