@charset "utf-8";
/* CSS Document */
*, *:after, *:before{box-sizing: border-box;}
html{font-size:625%;width:100%;height:auto;max-height:100%;}
body{width:100%;font-size:.14rem;color:#333;background:#fff;}
a{color:#333;}
a:hover{color:#d60011;}
img{vertical-align:middle;}

/*通用*/
.w1920{width: 100%;max-width:19.2rem;margin: 0 auto;overflow: hidden;}
.w1200{width: 100%;max-width: 12rem;margin: 0 auto;position:relative;}
.hidd{overflow: hidden;}
.atm5{transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;}
.atm_img1{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}

/*top*/
.topbox{background:#f5f5f5;height:.35rem;line-height:.34rem;font-size:.12rem;border-bottom:1px solid #e1e1e1;overflow:hidden;}
.topbox .left{float:left;max-width:50%;overflow:hidden;color:#666;}
.topbox .right{float:right;max-width:50%;}
.topbox .right span{display: block;float: left;width:1px;height:.3rem;padding-top: .09rem;}
.topbox .right a{color:#666;display:block;padding:0 .1rem;float:left;}
.topbox .right a img{width:.23rem;height:.15rem;margin-top: .09rem;}
.topbox .right a:hover{color:#d60011;}

/*head*/
.headbox{height: 1.15rem;background:#fff;}
.headbox img{max-width:100%;max-height:100%;}
.headbox .logo{float:left;height:1.15rem;width:6.2rem;padding-top: .17rem;}
.headbox .mlogo{float:left;height:.6rem;padding:.05rem .1rem;display:none;}

.headbox .tel{float:right;height:1.15rem;padding-left:.9rem;background:url(../images/tel.png) left .38rem no-repeat;}
.headbox .tel span{display: block;height:.55rem;padding: .3rem 0 0 .05rem;color: #666;font-size: .16rem;}
.headbox .tel p{font-size:.24rem;color:#d60011;}

.navico{width:0.6rem;height:0.6rem;float:right;display:none;}
.navico p{width:100%;height:100%;position:relative;}
.navico span,.navico span::before,.navico span::after{width:0.26rem;height:0.03rem;position:absolute;background:#333;display:block;border-radius:0.01rem;-webkit-transition: .3s;transition: .3s;}
.navico span{left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);}
.nav_open span{background:transparent;}
.navico span:before,.navico span:after{content:"";left:0;}
.navico span:before{-webkit-transform:translateY(-300%);transform:translateY(-300%);}
.nav_open span:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.navico span:after{-webkit-transform:translateY(300%);transform:translateY(300%);}
.nav_open span:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}

/*nav*/
.navbox{background:url(../images/ioc3.png) repeat-x;height:.5rem;z-index: 999;}
.navbox ul li{width:12.5%;float: left;padding: .07rem .1rem;background: url(../images/ioc2.png) right center no-repeat;height:.5rem;text-align: center;line-height: .34rem;}
.navbox ul li:last-child{background: none;}
.navbox ul li a{display: block;width: 100%;height:.36rem;color: #fff;font-size: .16rem;overflow:hidden;}
.navbox ul li:hover a,.navbox ul li.on a{background: url(../images/ioc4.png) center no-repeat;color: #d60011;}
.topnav{position: fixed;max-width: 100%;box-shadow: 0 .02rem .05rem rgba(128,128,128,0.3);top: 0;}

/*banner*/
.banner{width:100%;max-width:19.2rem;position:relative;overflow:hidden;}
.banner .pic ul li{float:left;overflow:hidden;}
.banner .btn{text-align: center;position: absolute;bottom: 0;height: .45rem;width: 100%;}
.banner .btn span{display:inline-block;height: .36rem;margin:0 .05rem;cursor:pointer;background: rgba(255,255,255,.5);overflow: hidden;padding:.03rem;}
.banner .btn span.on{background: rgba(255,255,255,1);}
.banner .btn span img{height:100%;}

.bannerppt{width:19.2rem;height:5rem;position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);overflow: hidden;}
.bannerppt .pic,.bannerppt .pic ul,.bannerppt .pic ul li,.bannerppt .pic ul li img{height: 100%;}

.mbannerppt{width:100%;display:none;overflow: hidden;}
.mbannerppt .pic,.pic ul li img{width: 100%;overflow: hidden;}
.mbannerppt .btn{height: .3rem;}
.mbannerppt .btn span{margin:0 .05rem;height: .24rem;padding:.02rem;}

/*search*/
.search{padding:.16rem 0;border:1px solid #ddd;background: #f5f5f5;border-width: 1px 0;}
.search .right{width: 25%;height:.36rem;float: right;position: relative;padding-right:.55rem;border:1px solid #ddd;background:#fff;border-radius:.18rem;}
.search .right .tit{width: 100%;height: .34rem;float: left;padding: .08rem .14rem;}
.search .right .tit input{display: block;width: 100%;height: .18rem;border: 0;background: none;line-height: .18rem;color: #666;}
.search .right .anniu{width: .55rem;height: .34rem;position: absolute;top: 0;right: 0;}
.search .right .anniu input{width: .55rem;height: .34rem;display:block;border:0;background:url(../images/anniu.png) center no-repeat;cursor:pointer;}
.search .left{width:70%;height: .36rem;float: left;line-height: .24rem;color: #666;padding-top:.06rem;position:relative;padding-left:6.5em;}
.search .left div{width:6.5em;overflow:hidden;height:.3rem;padding-top:.06rem;position:absolute;left:0;top:0;color:#d60011;}
.search .left p{width:100%;overflow:hidden;display:inline-block;white-space:nowrap;text-overflow:ellipsis;}

/*hometit*/
.hometit{width:100%;max-width:6rem;margin: 0 auto;text-align: center;overflow: hidden;padding-bottom:.2rem;}
.hometit span{display:block;color: #787878;line-height:.24rem;text-transform:uppercase;padding-top: .15rem;}
.hometit p{width:100%;height: .4rem;background: url(../images/ioc6.png) center no-repeat;}
.hometit a{display:block;font-size:.3rem;line-height:.4rem;font-weight:bold;width: 1.7rem;margin: 0 auto;}
.protit{display: none;}
.protit span{font-size: .22rem;padding-top: .1rem;}
.protj .protit p{background: url(../images/ioc9.png) center no-repeat;}
.protj .protit span,.protj .protit a{color: #fff;}

/*product*/
.productbox{padding:.4rem 0 .2rem;}
.proclabox{width: 2.3rem;float: left;background: #f5f5f5;border-bottom: .02rem solid #0053a6;}
.proclabox .con{padding:.15rem .1rem .03rem;overflow: hidden;}
.proclabox ul li{width: 100%;overflow: hidden;margin-bottom: .1rem;}
.proclabox ul li h2{width: 100%;overflow: hidden;height: .4rem;}
.proclabox ul li a{display: block;width:100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.proclabox ul li h2 a{line-height: .4rem;font-size: .15rem;background: #0053a6;color: #fff;padding: 0 .1rem 0 .15rem;}
.proclabox ul li:hover h2 a{background: #d60011;}
.proclabox ul li dl{width: 100%;overflow: hidden;padding-top: .1rem;}
.proclabox ul li dl a{padding-left: .3rem;background: url(../images/ioc7.png) .15rem center no-repeat;height: .24rem;line-height: .24rem;}

.probox{width:9.3rem;float: right;}
.probox .tit{width:100%;height:.5rem;border-bottom: 1px solid #ddd;margin-bottom: .2rem;}
.probox .tit p{float: left;padding-left: .2rem;background: url(../images/ioc5.png) left center no-repeat;font-size: .2rem;font-weight: bold;line-height: .5rem;}
.probox .tit a{float: right;display: block;padding: .13rem .1rem;}

.probox .con{width: 100%;}
.probox .con ul{width: 105%;}
.probox .con ul li{width: 2.1rem;float: left;text-align: center;margin: 0 .3rem .2rem 0;}
.probox .con ul li a{display: block;width: 100%;height: 100%;padding: .05rem;background: #f0f0f0;border-radius: .05rem;}
.probox .con ul li .pic{width: 100%;height: 1.9rem;background: #fff;overflow: hidden;}
.probox .con ul li .pic img{max-width:100%;max-height:100%;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.probox .con ul li .txt{width: 100%;height: .4rem;line-height: .4rem;white-space: nowrap;text-overflow: ellipsis;color: #666;overflow: hidden;}
.probox .con ul li:hover a{background: #d60011;}
.probox .con ul li:hover .txt{color: #fff;}

/*profloot*/
.profloot{background: url(../images/bg1.jpg) center no-repeat;background-attachment: fixed;}
.procon{padding:.5rem 0 .6rem;}
.procon .tit{height: 1.4rem;padding: .5rem .5rem 0 2.9rem;position: relative;margin-bottom: .05rem;}
.procon .tit span{display: block;width: .8rem;height: .8rem;border-radius: 50%;border: .05rem solid #fff;line-height: .7rem;text-align: center;font-size: .48rem;font-weight: bold;position: absolute;left:.5rem;top:.35rem;}
.procon .tit p{float: left;width: 4rem;padding-top: .08rem;}
.procon .tit p strong{display: block;width: 100%;height: .45rem;line-height: .45rem;font-size: .4rem;}
.procon .tit p em{display: block;width: 100%;height: .25rem;line-height: .25rem;font-size: .24rem;font-style: normal;text-transform: uppercase;}
.procon .tit a{display: block;padding: .25rem .1rem;float: right;}

.procon ul li{width: 25%;padding: .05rem;overflow: hidden;float: left;text-align: center;}
.procon ul li a{display: block;width: 100%;height: 100%;padding: .1rem;border-radius: .05rem;overflow: hidden;}
.procon ul li .pic{width:100%;height:2.6rem;background: #fff;overflow: hidden;}
.procon ul li:hover .pic{box-shadow: 0 .02rem 0.5rem rgba(0,0,0,.3);}
.procon ul li .pic img{max-width:100%;max-height:100%;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.procon ul li .txt{width:100%;height:.6rem;overflow: hidden;line-height: .64rem;font-size: .18rem;white-space: nowrap;text-overflow: ellipsis;color: #fff;}

.prosx{background: rgba(255,255,255,.6);}
.prosx .tit{background: url(../images/tit1.png) center no-repeat;color: #fff;}
.prosx ul li a{background: #5ca1e6;}
.protj{background: rgba(0,83,166,.75);}
.protj .tit{background: url(../images/tit2.png) center no-repeat;color: #fff;}
.protj ul li a{background: #ffb259;}

/*case*/
.casebox{padding: .4rem 0 .1rem;}
.casebox ul{width: 105%;}
.casebox ul li{width: 3.7rem;text-align: center;float: left;margin: 0 .45rem .35rem 0;}
.casebox ul li a{width: 100%;height: 100%;border-radius: .05rem;border: 1px solid #ddd;background: #fafafa;display: block;padding:.09rem;}
.casebox ul li .pic{width: 100%;height: 2.3rem;background: #fff;}
.casebox ul li .pic img{max-width:100%;max-height:100%;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.casebox ul li .txt{width:100%;height:.5rem;line-height: .56rem;font-size: .15rem;white-space: nowrap;text-overflow: ellipsis;}

/*partner*/
.partnerbox{padding: .4rem 0 .15rem;background: #f5f5f5;}
.partnerbox img{max-width: 100%;}
.partnerbox .w768{display: none;}

/*news*/
.zixunbox{padding:.4rem 0;}
.newsbox{width: 7.7rem;height: 4.5rem;float: left;}
.newsbox .tit{width: 100%;height: .4rem;border-bottom: 1px solid #ddd;margin-bottom: .2rem;}
.newsbox .tit p{width: 1.2rem;height: .4rem;float: left;background: #d60011;line-height: .4rem;text-align: center;color: #fff;font-size: .18rem;}
.newsbox .tit a{display: block;padding: .08rem 0;float: right;}

.newsbox ul{width: 100%;}
.newsbox ul li{width: 100%;height: .8rem;overflow: hidden;background: #fff;float: left;margin-bottom: .2rem;padding-left: 1rem;position: relative;}
.newsbox ul li .date{width: .8rem;height: .8rem;float: left;background: #aaa;padding:.05rem;text-align: center;color: #fff;position: absolute;left: 0;top: 0;}
.newsbox ul li .date b{width: 100%;height: .7rem;line-height: .7rem;font-weight: normal;font-size: .5rem;}
.newsbox ul li .date p{width: 100%;height: .46rem;line-height: .46rem;font-size: .45rem;display: none;}
.newsbox ul li .date span{width: 100%;line-height: .24rem;display: none;}

.newsbox ul li .txt{width: 100%;height: .36rem;float: left;line-height: .36rem;}
.newsbox ul li .txt a{display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: bold;}
.newsbox ul li .text{width: 100%;height: .4rem;line-height: .2rem;overflow: hidden;color: #666;float: left;}
.newsbox ul li:hover .date{background: #d60011;}
.newsbox ul li:hover .txt a{color: #d60011;}
.newsbox ul li:hover .text{color: #191919;}

/*contact*/
.contactbox{width: 3.6rem;min-height: 4.5rem;float: right;background: url(../images/bg2.jpg) center no-repeat;padding: .2rem .4rem;background-size: auto 100%;}
.contactbox .tit{width: 100%;height: .55rem;border-bottom: 1px solid #9fbddb;padding: 0 .05rem;}
.contactbox .tit a{display: block;float: left;margin-right: .1rem;height: .54rem;line-height: .54rem;color: #fff;font-size: .24rem;}
.contactbox .tit span{display: block;float: left;height: .54rem;line-height: .62rem;color: #b0c5de;font-size: .18rem;}
.contactbox .con{width: 100%;height: 3.5rem;padding:.2rem .05rem 0;color: #fff;line-height: .26rem;overflow: hidden;}
.contactbox .con .ewm{width: 1.4rem;padding-top: .15rem;}
.contactbox .con .ewm img{width: 1.4rem;}

/*fast*/
.fastbox{border: 1px solid #ddd;background: #fafafa;border-radius: .1rem;margin-bottom: .4rem;}
.fastbox .tit{width: 100%;height: .49rem;background: #ddd;line-height: .5rem;padding: 0 .19rem;font-size: .18rem;font-weight: bold;}
.fastbox .list{width: 100%;padding: .15rem .3rem;}
.fastbox .list ul{width: 103%;overflow: hidden;}
.fastbox .list ul li{width: 14.285%;height: .3rem;line-height: .3rem;float: left;padding-right: .3rem;}
.fastbox .list ul li a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/*links*/
.linkbox{background:#f7f7f7;}
.linkbox .w1200{background: url(../images/links.png) left center no-repeat;padding:.2rem 0 .2rem 1rem;min-height: .6rem;}
.linkbox ul{width: 100%;}
.linkbox ul p,
.linkbox ul li{display: inline;}
.linkbox ul a{white-space: nowrap;line-height: .24rem;padding-right: .05rem;}

/*foot*/
.footbox{background:#115ba6;color:#d5ddeb;line-height:.3rem;padding: .25rem 0;text-align: center;}
.footnav{height: 1.2rem;width: 12.5rem;overflow: hidden;padding: .17rem .5rem .53rem;background: url(../images/bj3.png) center no-repeat;margin: 0 auto;}
.footnav p{width: 100%;height: .5rem;line-height: .5rem;font-size: .16rem;}
.footnav p a{display: inline-block;padding: 0 .15rem;}
.footcon{padding-bottom:.25rem;}
.footcon a{color:#d5ddeb;}
.footcon a:hover{color:#fff;}

/*inside*/
.container{padding:.3rem 0;}

/*leftmain*/
.leftmain{width: 2.4rem;float: left;}
.leftmain .column{width: 100%;overflow: hidden;margin-bottom: .2rem;}
.leftmain .tit{width: 100%;height: .5rem;background: #115ba6;border-radius: .1rem .1rem 0 0;font-size: .2rem;text-align: center;line-height: .5rem;color: #fff;}
.leftmain .con{width: 100%;background: #f5f5f5;border-radius: 0 0 .1rem .1rem;padding: .05rem .1rem .15rem;}

.nygywm .con h2{width: 100%;display: block;height: .4rem;border-bottom: 1px dotted #ccc;line-height: .4rem;padding: 0 .1rem;}
.nygywm .con h2 a{display: block;font-size: .16rem;background: url(../nyimages/ico4.png) 1.9rem center no-repeat;}
.nygywm .con h2 a:hover{background-image: url(../nyimages/ico6.png);}

.nylxwm .con{line-height: .24rem;padding: .1rem .15rem .15rem;}

.nycpfl .con{background: #115ba6;padding:0 .1rem .1rem;}
.nycpfl .con ul{background: #fff;border-radius: .03rem;padding: .08rem .08rem .05rem;}
.nycpfl .con ul li{width: 100%;margin-bottom: .05rem;overflow: hidden;}
.nycpfl .con ul li a{display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.nycpfl .con ul li h2{width: 100%;height: .36rem;background: #115ba6 url(../nyimages/ico5.png) 1.85rem center no-repeat;font-size: .15rem;}
.nycpfl .con ul li h2 a{padding: 0 .2rem 0 .1rem;color: #fff;line-height: .36rem;}
.nycpfl .con ul li dl{padding: .08rem .1rem .05rem;overflow: hidden;width: 100%;}
.nycpfl .con ul li dl dt a{padding-left: .15rem;background: url(../nyimages/ico4.png) left center no-repeat;color: #666;line-height: .24rem;}
.nycpfl .con ul li:hover h2{background-color: #d60011;}
.nycpfl .con ul li dl dt a:hover{background-image: url(../nyimages/ico6.png);color: #d60011;}

/*rightmain*/
.rightmain{width: 9.2rem;float: right;overflow: hidden;}

/*aboutus*/
.aboutus .cont{padding: .1rem;}
.aboutus .cont p{line-height:.3rem;margin-bottom:.1rem;}
.aboutus .cont img{max-width:100%;margin:.05rem auto;}

/*album*/
.albums .cont .list{width: 100%;}
.albums .cont .list ul li{width: 25%;padding: .1rem .1rem 0;overflow: hidden;text-align: center;float: left;}
.albums .cont .list ul li .pic{width: 100%;height: 1.8rem;border: 1px solid #ddd;overflow: hidden;}
.albums .cont .list ul li .pic img{max-width:100%;max-height:100%;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.albums .cont .list ul li .txt{width:100%;height:.4rem;line-height: .4rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.albums .cont .list ul li:hover .pic{border-color:#d60011;}

/*contact*/
.contact .cont{padding: .1rem;}
.contact .cont .txt{width: 48%;float: left;line-height: .24rem;}
.contact .cont .map{width: 48%;float: right;padding-top: .15rem;}

/*newslist*/
.newslist .cont{padding: .05rem 0;}
.newslist .cont .list ul li{width: 100%;height: .4rem;border-bottom: 1px dotted #ddd;padding-right: 1rem;position: relative;margin-bottom: .05rem;float: left;padding: 0 .9rem 0 .05rem;}
.newslist .cont .list ul li p{width: 100%;height: .4rem;line-height: .42rem;background: url(../nyimages/newsico.png) left .13rem no-repeat;padding-left: .25rem;}
.newslist .cont .list ul li p a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newslist .cont .list ul li span{display: block;overflow: hidden;position: absolute;top: 0;right: 0;text-align: center;line-height: .42rem;width: .9rem;color: #787878;}
.newslist .cont .list ul li.newsbg{background: #ddd;}
.newslist .cont .list ul li.newsbg p{font-size: .16rem;font-weight: bold;background: none;}
.newslist .cont .list ul li.newsbg span{color: #333;}

/*newshow*/
.newshow .cont .title{width:100%;line-height:.3rem;font-size:.2rem;padding:.2rem 0 .05rem;text-align: center;}
.newshow .cont .date{width:100%;font-family:Arial;color:#999;line-height:.3rem;text-align:center;margin-bottom:.2rem;font-size:.15rem;}
.newshow .cont .date img{width:.14rem;height:.14rem;margin:-.04rem .05rem 0 0;}
.newshow .cont .content{width:100%;color:#454545;line-height:.3rem;padding: .15rem .05rem 0;border-top: 1px dotted #ddd;}
.newshow .cont .content p{text-align:justify;margin-bottom:.1rem;}
.newshow .cont .content p img{max-width:100%;margin: .05rem auto;}

/*feedback*/
.order .position{margin-bottom: .25rem;}
.order .cont{max-height:6.3rem;background:url(../nyimages/lxbg.jpg) center no-repeat;padding:.3rem .1rem;margin:.1rem 0;border:1px solid #ddd;}
.order .cont ul li{width:100%;height:.3rem;margin-bottom:.1rem;overflow:hidden;position:relative;}
.order .cont ul li .red{color: #f00;}
.order .cont ul li .tit{width:1.5rem;display:block;float:left;text-align:right;height:.3rem;line-height:.3rem;padding-right: .05rem;}
.order .cont ul li p{width:100%;padding-left:1.5rem;position:absolute;left:0;top:0;}
.order .cont ul li p .txt{max-width:100%;height:.3rem;border:1px solid #ddd;line-height:.24rem;padding:.03rem .05rem;float:left;}
.order .cont ul li.li_2{height:1.8rem;}
.order .cont ul li.li_2 textarea{width:100%;max-width:4rem;border:1px solid #ddd;height:1.74rem;line-height:.24rem;padding:0 .05rem;float:left;}
.order .cont ul li.code input{width:0.6rem;border:1px solid #ddd;line-height:0.24rem;height:0.3rem;float:left;padding:0.03rem 0.05rem;}
.order .cont img{float:left;padding:0.04rem 0.05rem;}
.order .cont .red,.order .cont a{float:left;display:block;height:0.3rem;line-height:0.3rem;}
.order .cont a{padding-right:0.05rem;}
.order .cont ul li.li_3{height:0.4rem;padding:0.05rem 0;}
.order .cont ul li.li_3 input{display:block;width:0.8rem;height:0.3rem;float:left;margin-right:0.05rem;font-size:0.16rem;}
.order .cont ul li.li_3 .tj{background:#d91616;color:#fff;}

/*partner*/
.partner .cont{padding: .1rem 0;}
.partner .cont p{padding: .05rem;width: 25%;float: left;text-align: center;line-height: .3rem;}
.partner .cont p img{width:100%;border: 1px solid #ddd;}

/*sitemap*/
.sitemap .position{margin-bottom: .2rem;}
.sitemap .bum{width:100%;margin-bottom: .15rem;border:1px solid #ddd;border-radius: .05rem;overflow: hidden;}
.sitemap .bum .title{width: 100%;height: .34rem;border-bottom: 1px solid #ddd;background: url(../nyimages/jinpinbg.jpg) left bottom repeat-x;padding:0 .15rem;font-weight: bold;line-height: .36rem;overflow: hidden;}
.sitemap .bum .title p{float:left;font-weight:bold;}
.sitemap .bum .title a{float:right;display: block;width: .5rem;padding: .05rem 0;}
.sitemap .bum .cont{width:100%;padding:.15rem .1rem;overflow:hidden;}
.sitemap .bum .cont ul{width: 100%;}
.sitemap .bum .cont ul li{height:.24rem;line-height:.24rem;width:20%;float:left;padding: 0 .05rem;}
.sitemap .bum .cont ul li a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

/*prohome*/
.prohome .cont{padding-top: .1rem;}
.pro-floor{width: 100%;margin-bottom: .15rem;border: 1px solid #ddd;border-radius: .05rem;overflow: hidden;}
.pro-tit{width: 100%;overflow: hidden;height: .39rem;line-height: .4rem;background: url(../nyimages/jinpinbg.jpg) left bottom repeat-x;border-bottom: 1px solid #ddd;padding:0 .15rem;}
.pro-tit h3{float: left;font-size: .15rem;font-weight: bold;}
.pro-tit a{display: block;padding: .08rem 0;float: right;}

.pro-list{width: 100%;padding: .1rem .09rem .05rem;overflow: hidden;}
.pro-list ul{width: 100%;}
.pro-list ul li{width: 25%;float: left;padding: .05rem;text-align: center;overflow: hidden;}
.pro-list ul li .pic{width: 100%;height: 2rem;border: 1px solid #ddd;border-radius: .05rem;}
.pro-list ul li .pic img{max-width:100%;max-height:100%;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.pro-list ul li .txt{width: 100%;height: .4rem;line-height: .4rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pro-list ul li .txt{width: 100%;height: .4rem;line-height: .4rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pro-list ul li:hover .pic{border-color: #d60011;}

/*prolist*/
.prolist .pro-list{padding: 0;}

/*proshow page*/
.proshow{position:relative;}
.showpro{padding: .1rem .05rem;}
.showpro .left{width: 3.6rem;height: 3.6rem;float: left;border: 1px solid #ddd;text-align: center;}
.showpro .left a{display: block;width: 100%;height: 100%;overflow: hidden;}
.showpro .left img{max-width:100%;max-height:100%;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.showpro .right{width: 5.2rem;float: right;overflow: hidden;}
.showpro .right .tit{width: 100%;padding: .05rem .1rem;line-height: .24rem;font-size: .16rem;font-weight: bold;}
.showpro .right .fenlei{width: 100%;padding: .05rem .09rem;height: .36rem;border: 1px solid #ffb2b9;background: #fff2f3;line-height: .24rem;border-radius: .03rem;}
.showpro .right .txt{width: 100%;padding: .05rem .1rem 0;line-height: .24rem;color: #666;}
.showpro .right .ioc{width: 100%;padding: .1rem .1rem 0;}
.showpro .right .ioc a{margin-right: .05rem;}

.showcon .tit,
.shipin .tit{width: 100%;height: .4rem;border-bottom: 1px solid #ddd;background: #f5f5f5;padding: .06rem .1rem 0;border-radius: .05rem .05rem 0 0;}
.showcon .tit p,
.shipin .tit p{float: left;height: .34rem;line-height: .36rem;overflow: hidden;background: #fff;border-radius: .05rem .05rem 0 0;border:1px solid #ddd;border-bottom: 0;padding: 0 .2rem;}

.proshow .shipin{width: 100%;padding: 25px 0 0;}
.proshow .shipin .prompt{width: 100%;max-width: 720px;margin: 25px auto -20px;text-align: center;display: none;}
.proshow .shipin .video{width: 100%;max-width: 720px;height: 405px;margin: 25px auto;position: relative;background: #000;}

.showcon{width: 100%;padding: .15rem 0;}
.showcon .content{width: 100%;overflow: hidden;padding: .1rem .1rem .2rem;line-height: .24rem;}
.showcon .content img{max-width: 100%;margin: .05rem auto;}

.morepro{width: 100%;overflow: hidden;border-radius: .05rem;border: 1px solid #ddd;}
.morepro .tit{width: 100%;height: .4rem;border-bottom: 1px solid #ddd;line-height: .4rem;padding: 0 .14rem;background: url(../nyimages/jinpinbg.jpg) left bottom repeat-x;font-weight: bold;font-size: .15rem;}

/*768*/
@media only screen and (max-width:991px){
html{background: #f7f7f7;}
body{max-width:8rem;padding:.7rem .16rem 0;margin:0 auto;position: relative;box-shadow: 0 0 .1rem rgba(128,128,128,0.3);}

.headbox{height: .6rem;box-shadow: 0 .02rem .05rem rgba(128,128,128,.3);position:fixed;left:0;top:0;z-index:9999;}
.topbox,.headbox .logo,.headbox .tel,.bannerppt{display:none;}
.headbox .mlogo,.navico,.mbannerppt{display:block;}

.navbox{background:#fafafa;height:0;position:fixed;left:0;top:.61rem;box-shadow: 0 .02rem .05rem rgba(128,128,128,0.3);}
.navbox ul li{width:100%;padding:0 .1rem;background: none;text-align: left;height: .4rem;}
.navbox ul li a{height:.4rem;font-size:.15rem;line-height:.4rem;padding:0 .1rem;background:url(../nyimages/flico1.png) right center no-repeat;border-bottom:1px solid #eaeaea;color: #666;}
.navbox ul li:hover a,.navbox ul li.on a{background: url(../nyimages/flico1.png) right center no-repeat;color: #d60011;}
.nav_on{height:3.4rem;padding:.08rem 0;}

.search{padding:.1rem;}
.search .right{width: 100%;}
.search .left{width:100%;padding-top: .1rem;display: none;}
.search .left div{padding-top:.1rem;}

.hometit span{padding-top: .1rem;}
.protit{display: block;}

.productbox{padding:.3rem 0 .15rem;}
.proclabox{width: 100%;background: #fff;border:0;}
.proclabox .tit,.probox .tit{display: none;}
.proclabox .con{padding: 0 0 .1rem;}
.proclabox ul li{width:25%;float: left;padding: 0 .05rem;text-align: center;}
.proclabox ul li dl{display: none;}

.probox{width:100%;}
.probox .con ul{width: 100%;}
.probox .con ul li,.procon ul li,.casebox ul li{width: 50%;padding: .08rem .07rem .07rem;margin: 0;}
.probox .con ul li .pic,.procon ul li .pic,.casebox ul li .pic{height:41vw;max-height: 3.5rem;}
.probox .con ul li a,.procon ul li a,.casebox ul li a{padding: .05rem;}
.probox .con ul li .txt,.procon ul li .txt,.casebox ul li .txt{height: .5rem;line-height: .5rem;font-size: .16rem;}

.procon{padding: .3rem 0 .15rem;}
.procon .tit{display: none;}

.casebox{padding: .3rem 0 .15rem;}
.casebox ul{width: 100%;}

.partnerbox{padding-top: .3rem;}
.partnerbox .hometit{padding-bottom: .1rem;}
.partnerbox .w1200{display: none;}
.partnerbox .w768{display: block;}

.zixunbox{padding:.3rem 0 .25rem;}
.newsbox{width: 100%;height: auto;padding-bottom: .15rem;}
.newsbox ul li{height: .7rem;padding-left: .85rem;margin-bottom: .1rem;}
.newsbox ul li .date{width: .7rem;height: .7rem;}
.newsbox ul li .date b{height: .6rem;line-height: .6rem;font-size: .44rem;}
.newsbox ul li .date p{height: .4rem;line-height: .4rem;font-size: .36rem;}
.newsbox ul li .date span{line-height: .18rem;}
.newsbox ul li .txt{height: .28rem;line-height: .3rem;}

.contactbox,.contactbox .con{width: 100%;height: auto;padding-bottom: .2rem;}
.fastbox,.linkbox,.footnav{display: none;}
.footbox{box-sizing: content-box;padding: .25rem .16rem;margin-left: -.16rem;}
.footcon{padding-bottom:0;}

.container{padding: .2rem 0;}
.leftmain{width: 100%;overflow: visible;}
.leftmain .column{overflow: visible;}
.leftmain .column::after{content: "";width: 100%;height: 0;clear: both;display: block;}
.nylxwm,.leftmain .tit{display: none;}
.nygywm .con{background: none;padding: 0;}
.nygywm .con h2{width: 33.33%;float: left;border: 0;text-align: center;padding: .05rem;height: .5rem;}
.nygywm .con h2 a{background: #115ba6;color: #fff;}
.nygywm .con h2 a:hover{background: #d60011;}

.nycpfl .con{padding: 0;background: none;}
.nycpfl .con ul{padding: 0;margin: 0 -.05rem;}
.nycpfl .con ul li{width:33.333%;float: left;text-align: center;padding: .05rem;height: .55rem;margin: 0;position: relative;overflow: visible;z-index: 1;}
.nycpfl .con ul li h2{background-image: none;height: .45rem;}
.nycpfl .con ul li h2 a{padding: 0 .05rem;line-height: .45rem;}
.nycpfl .con ul li dl{width: calc(100% - .1rem);opacity: 0;overflow: visible;position: absolute;left: .05rem;top: 100%;border-top: 1px solid #fff;z-index: 5;background: #115ba6;padding: 0;box-shadow: 0 2px 10px rgba(0,0,0,.1);margin-top: -.05rem;}
.nycpfl .con ul li dl dt a{background: #1369bf;height: 0;line-height: .4rem;padding: 0;color: #fff;}
.nycpfl .con ul li dl::before{content: "";width: 100%;height: .5rem;position: absolute;left: 0;bottom: 100%;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.nycpfl .con ul li:hover{z-index: 5;}
.nycpfl .con ul li:hover dl{opacity: 1;}
.nycpfl .con ul li:hover dl::before{width: 0;}
.nycpfl .con ul li:hover dl dt a{height: .4rem;margin-bottom: 1px;}
.nycpfl .con ul li dl dt a:hover{background: #e51728;color: #fff;}

.nygywm .con h2 a,
.nycpfl .con ul li a,
.nycpfl .con ul li dl,
.nycpfl .con ul li dl::before{-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}

.rightmain{width: 100%;}

.albums .cont .list ul li,.pro-list ul li{width: 50%;padding: .08rem .07rem .07rem;margin: 0;}
.albums .cont .list ul li .pic,.pro-list ul li .pic{height:41vw;max-height: 3.5rem;}
.albums .cont .list ul li .txt{height: .5rem;line-height: .5rem;}
.sitemap .bum .cont ul li{width:33.33%;}

.pro-floor{border: 0;margin-bottom: .1rem;}
.pro-tit,.morepro .tit{border: 1px solid #ddd;border-radius: .05rem .05rem 0 0;}
.pro-list{padding: .05rem 0;}
.showpro .left{width:100%;height:85vw;max-width: 6.4rem;max-height: 6.4rem;margin: 0 auto;float: none;}
.showpro .right{width: 100%;padding-top: .2rem;}
.proshow .shipin .prompt{display: block;}
.morepro{border: 0;}
}
@media only screen and (max-width:640px){
body{padding:.7rem .1rem 0;}
.footbox{padding: .25rem .1rem;margin-left: -.1rem;}
.proclabox ul li{width: 33.33%;}
}
@media only screen and (max-width:475px){
.mbannerppt .btn{height: .2rem;}
.mbannerppt .btn span{margin:0 .02rem;height: .18rem;padding:.02rem;}
.nycpfl .con ul{margin: 0 -.02rem;}
.nycpfl .con ul li{width: 50%;padding: .02rem;height: .49rem;}
.nycpfl .con ul li dl{width: calc(100% - .04rem);left: .02rem;margin-top: -.02rem;}
.nycpfl .con ul li dl dt a{line-height: .36rem;}
.nycpfl .con ul li:hover dl dt a{height: .36rem;}

.proclabox ul li{width: 50%;}
.probox .con ul li .txt,.procon ul li .txt,.casebox ul li .txt,.albums .cont .list ul li .txt{height: .4rem;line-height: .4rem;font-size: .14rem;}
}
@media only screen and (max-height:480px){
.headbox,.navbox{position: absolute;}
}
@media only screen and (max-height:480px) and (min-width:992px){
.topnav{position:fixed;}
}