@charset "utf-8";
html{font-size:20px;}
html,body{width:100%;background-color: #fff;}
.am-contain{width: 100%;height: auto;overflow: hidden;padding-bottom: 50px;margin-left:0;margin-right:0;background-color: #ececec}
.contain-active{margin-right: 240px;margin-left: -240px;}
.am-menu{width: 240px;height: 100%;background-color: #333333;right:-240px;top: 0px;position:fixed;overflow: hidden;}
.menu-active{right:0;z-index: 20}
.warp{background-color: #000;opacity:0;height: 100%;width: 100%;z-index: -1;position: fixed;top: 0;left: 0;}
.warp-active{z-index: 15;opacity:0.2;}
.am-top{width:100%;height: 3.125rem;background-color: #2c2c2c;overflow: hidden}
.am-top-logo{display: block;width: 2.725rem;height: 2.15rem;float: left;margin-left:1.3rem;background: url(../images/logo.png) 0 0 no-repeat;background-size:100% 100%;margin-top: 0.55rem}
.am-top-menu{display: block;width: 1.4rem;height: 1.25rem;background: url(../images/menu.png) 0 0 no-repeat;background-size:100% 100%;float: right;margin-top: 1.1rem;margin-right: 1.5rem}

.am-banner{width: 100%;overflow: hidden;}
.am-banner img{width: 100%;height: auto;}
.am-box1{height: 4.425rem;width: 100%;overflow: hidden;background:url(../images/box1bg.jpg) 0 0 no-repeat;background-size: 100% auto}
.am-box1-list{width: 100%;height: 100%;overflow: hidden;}
.am-box1-list li{height: 4.425rem;overflow: hidden;}
.am-box1-list li a{display: block;width: 100%;height: 100%;text-decoration: none;color: #333}
.am-box1-list li .abicon{width: 100%;height:1.95rem;margin-top: 0.85rem;}
.am-box1-list li .abicon1{background: url(../images/abicon1.png) center 0 no-repeat;background-size: auto 100%;}
.am-box1-list li .abicon2{background: url(../images/abicon2.png) center 0 no-repeat;background-size: auto 100%;}
.am-box1-list li .abicon3{background: url(../images/abicon3.png) center 0 no-repeat;background-size: auto 100%;}
.am-box1-list li .abicon4{background: url(../images/abicon4.png) center 0 no-repeat;background-size: auto 100%;}
.am-box1-list li span{display: block;color: #fff;text-align: center;font-size: 0.6rem}

.am-box2{height:16.675rem;width: 100%;overflow: hidden;background:url(../images/box2bg.jpg) 0 0 no-repeat;background-size: 100% auto }
.am-box2-title{width: 100%;height: 1.5rem;background: url(../images/box2title.png) 0 0 no-repeat;background-size: 100% auto;margin-top: 1rem}
.am-prodlist{width: 100%;height: auto;overflow: hidden;margin-top: 0.5rem}
.am-prodlist li{width: 50%;height: 6.65rem;overflow: hidden;float: left;}
.am-prodlist li a{display: block;text-decoration: none;color: #333;width: 100%;}
.am-prodlist li a div{width: 100%;height: auto;text-align: center;}
.am-prodlist li img{width: 6.65rem;height: auto;}
.am-prodlist li span{display: block;width: 5.925rem;height: 1.05rem;border: 1px solid #fd7233;text-align: center;line-height: 1.05rem;font-size: 0.6rem;color: #fd7233;margin: 5px auto 0 auto}

.am-box3{height: 6.725rem;width: 100%;overflow: hidden;background:url(../images/box3bg.jpg) 0 0 no-repeat;background-size: 100% auto}
.am-box3 h1{display: block;width: 8.2rem;font-size: 0.8rem;color: #fff;margin-top: 0.6rem;margin-left: 0.75rem}
.am-box3 span{display: block;width: 10.9rem;height: auto;overflow: hidden;font-size: 0.5rem;line-height: 10px;margin-left: 0.75rem;color: #fff}
.am-box3 a{display: block;width: 2.575rem;height: 0.675rem;border: 1px solid #fff;text-align: center;line-height: 0.675rem;font-size: 10px;color: #fff;text-decoration: none;margin-left: 0.75rem;;margin-top: 0.25rem}

.am-box4{height:5.1rem;width: 100%;background-color: #0d1015 }
.am-box4 .left{width: 4.15rem;height: 5.1rem;background: url(../images/logo2.png) right center no-repeat;background-size: 4.075rem 2.675rem;float: left;}
.am-box4 .center{width: 7.8rem;height: 5.1rem;;float: left;overflow: hidden;margin-left: 1.5rem}
.am-box4 .center .sp1{display: block;width: 100%;height: 1.375rem;margin-top: 0.7rem;background: url(../images/bticon1.jpg) 0 center no-repeat;background-size: 0.85rem 0.85rem;padding-left: 1.2rem;line-height: 1.375rem;font-size: 0.45rem;color: #fff;}
.am-box4 .center .sp2{display: block;width: 100%;height: 1.375rem;;background: url(../images/bticon2.jpg) 0 center no-repeat;background-size: 0.85rem 0.85rem;padding-left: 1.2rem;line-height: 1.375rem;font-size: 0.45rem;color: #fff;}
.am-box4 .center .sp3{display: block;width: 100%;height: 1.275rem;padding-top: 0.1rem;background: url(../images/bticon3.jpg) 0 center no-repeat;background-size: 0.85rem 0.85rem;padding-left: 1.2rem;line-height:0.5rem;font-size: 0.45rem;color: #fff;}
.am-box4 .right{width: 4.65rem;float: right;height: 5.1rem;background: url(../images/weixin.jpg) left center no-repeat;background-size:3.725rem 3.6rem}


.am-footer{position:absolute;bottom: 0;left: 0;height: 48px;border-top: 1px solid #d8d8d8;background-color: #f8f8f8;width: 100%;line-height: 48px;color: #888888;font-size: 0.7rem}
.am-menu-list{width: 100%;height: auto;overflow: hidden;}
.am-menu-list li{width: 100%;height: 46px;overflow: hidden;border-bottom: 1px solid #484848;background: url(../images/menubg.png) 216px center no-repeat;background-size: 6px 10px}
.am-menu-list li a{display: block;text-indent: 46px;color:#ffffff;font-size: 0.7rem;line-height: 46px;height: 46px}
.am-menu-list li:nth-child(1) a{background:url(../images/menuicon1.png) no-repeat 15px center;background-size: 16px 16px}
.am-menu-list li:nth-child(2) a{background:url(../images/menuicon2.png) no-repeat 15px center;background-size: 16px 16px}
.am-menu-list li:nth-child(3) a{background:url(../images/menuicon3.png) no-repeat 15px center;background-size: 16px 16px;}
.am-menu-list li:nth-child(4) a{background:url(../images/menuicon4.png) no-repeat 15px center;background-size: 16px 16px;}
.am-menu-list li:nth-child(5) a{background:url(../images/menuicon5.png) no-repeat 15px center;background-size: 16px 16px}
.am-menu-list li:nth-child(6) a{background:url(../images/menuicon6.png) no-repeat 15px center;background-size: 16px 16px}
.am-menu-list li:nth-child(7) a{background:url(../images/menuicon7.png) no-repeat 15px center;background-size: 16px 16px}
.am-menu-list li:nth-child(8) a{background:url(../images/menuicon8.png) no-repeat 15px center;background-size: 16px 16px}
.am-menu-list li:nth-child(9) a{background:url(../images/menuicon9.png) no-repeat 15px center;background-size: 16px 16px}

.am-menu2{width: 100%;height:2.58rem;position: fixed;bottom: 0;left: 0;background:url(../images/menubg.jpg) 0 0 repeat-x;background-size: auto 100%}
.am-menu2 li{height: 2.58rem;width: 20%;float: left;}
.am-menu2 li a{display: block;width: 100%;height: 2.58rem}
.am-menu2 li:nth-child(1) a{background: url(../images/navicon1.png) no-repeat 0 center;background-size: 100% 100%}
.am-menu2 li:nth-child(2) a{background: url(../images/navicon2.png) no-repeat 0 center;background-size: 100% 100%}
.am-menu2 li:nth-child(3) a{background: url(../images/navicon3.png) no-repeat 0 center;background-size: 100% 100%;}
.am-menu2 li:nth-child(4) a{background: url(../images/navicon4.png) no-repeat 0 center;background-size: 100% 100%;}
.am-menu2 li:nth-child(5) a{background: url(../images/navicon5.png) no-repeat 0 center;background-size: 100% 100%;}



.am-pagetitle{width: 100%;height: 2.125rem;overflow: hidden;background:url(../images/pagetitlebg.png) center bottom no-repeat;background-size: 100% auto;text-align: center;line-height:1.6rem;font-size: 1rem;font-weight: bold;}
.am-subnav{width: 100%;height:auto;overflow: hidden;margin-top: 0.5rem}
.am-subnav li{height: 2.15rem;text-align: center;}
.am-subnav li a{display: block;width: 5.7rem;height: 1.7rem;border: 1px solid #666;margin: 0 auto;line-height: 1.7rem;color: #000}
.am-subnav li a:hover{background-color:#d34605;color: #fff;border: 1px solid #d34605}
.am-subnav .s a{background-color:#0c56ae;color: #fff}
.am-pagebg{padding-left: 0.3rem;padding-right: 0.3rem;width: 100%;height: auto;}
.am-page{width: 100%;height: auto;overflow: hidden;border:1px solid #000;border-radius: 5px;background-color: #fff;padding-top: 0.8rem;margin-top: 0.5rem}
.am-page1{padding: 0.5rem 0.5rem;}
.am-prodlist1{width: 100%;height: auto;overflow: hidden;min-height: 50px;}
.am-prodlist1 li{width: 50%;height: 8rem;overflow: hidden;float: left;}
.am-prodlist1 li a{display: block;width: 100%;height: 100%;text-decoration: none;color: #333}
.am-prodlist1 li div{width: 100%;height: 6.5rem;text-align:center;overflow: hidden;vertical-align: middle;}
.am-prodlist1 li img{max-width:100%;max-height:100%;width: auto;height: auto;display: inline;}
.am-prodlist1 li span{display: block;width: 100%;height:1.4rem;text-align: center;color: #333}
.pageindex{width: 100%;height: 2.5rem;line-height: 2.5rem;overflow: hidden;text-align: center;}
.am-page1 img{width: 100%;height: auto;}
.am-pagebg{    padding-left: 0.3rem;
    padding-right: 0.3rem;
    width: 100%;
    height: auto;}
.am-newslist{width: 100%;height: auto;overflow: hidden;}
.am-newslist li{width: 100%;height: 36px;overflow: hidden;line-height: 36px;border-bottom: 1px solid #ccc;}
.am-newslist li a{float: left;display: block;color: #666666;font-size: 0.75rem;padding-left: 0.2rem;}
.am-newslist li span{float: right;color: #999999;padding-right: 0.2rem}

.am-text-title{border-bottom: 1px solid #d5d5d5;height: auto;line-height: 26px;text-align: center;font-size: 1rem;color: #333;padding-top: 10px;padding-bottom: 10px;}
.am-text-title h1{display: block;font-size: 1.1rem}
.am-text-title span{font-size: 0.7rem}
.am-text-img img{width: 100%;height: auto;}
.am-text-bt{width: 100%;height:3rem;overflow: hidden;margin-top: 0.5rem;border-top: 1px solid #ccc}
.am-text-bt span{display: block;width: 100%;height: 1.5rem;overflow: hidden;}
.am-text-xx{border-bottom: 1px solid #ccc}