@charset "utf-8";
html{font-size:20px;}
html,body{width:100%;background-color: #fff;}
.am-contain{width: 100%;height: auto;overflow: hidden;padding-bottom: 3.5rem;margin-left:0;margin-right:0;position:relative;}
.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.2rem;overflow: hidden;position: relative;z-index: 1}

.am-top-logo{display: inline-block;width:5.4rem;height: 2.3rem;background: url(../images/logo.png) 0 0 no-repeat;background-size:100% 100%;margin-left:0.95rem;float: left;margin-top:0.875rem; }
.am-top-menu{display: block;float: right;margin-top: 1.3rem;margin-right: 1.075rem;width: 30px;height: 30px;position: relative;}
.am-top-menu .menu1{position: absolute;left:0 ;top: 0;width: 30px;height: 30px;}
.am-top-menu .menu1 .menux1{width: 30px;height: 1px;background-color: #ffffff;position: absolute;top: 14px;left: 0;transform: translate3d(0,-6px,0);}
.am-top-menu .menu2{position: absolute;left:0 ;top: 0;width: 30px;height: 30px;}
.am-top-menu .menu2 .menux2{width: 30px;height: 1px;background-color: #fff;position: absolute;top: 14px;left: 0;transform: translate3d(0,6px,0);}

.am-top2{width:100%;height: 4rem;overflow: hidden;position: relative;z-index: 1;background-color: #fff;border-bottom: 1px solid #ccc}
.am-top2-logo{display: inline-block;width:5.4rem;height: 2.3rem;background: url(../images/logo2.png) 0 0 no-repeat;background-size:100% 100%;margin-left:0.95rem;float: left;margin-top:0.875rem; }
.am-top2-menu{display: block;float: right;margin-top: 1.3rem;margin-right: 1.075rem;width: 30px;height: 30px;position: relative;}

.am-top2-menu .menu1{position: absolute;left:0 ;top: 0;width: 30px;height: 30px;}
.am-top2-menu .menu1 .menux1{width: 30px;height: 1px;background-color: #999;position: absolute;top: 14px;left: 0;transform: translate3d(0,-6px,0);}
.am-top2-menu .menu2{position: absolute;left:0 ;top: 0;width: 30px;height: 30px;}
.am-top2-menu .menu2 .menux2{width: 30px;height: 1px;background-color: #999;position: absolute;top: 14px;left: 0;transform: translate3d(0,6px,0);}

.am-top-menu-active{transform: translateZ(0) rotate(90deg);}
.am-top-menu-active .menu1{transform: translateZ(0) rotate(45deg);}
.am-top-menu-active .menu1 .menux1{transform: translate3d(0,0,0);}
.am-top-menu-active .menu2{transform: translateZ(0) rotate(-45deg);}
.am-top-menu-active .menu2 .menux2{    transform: translate3d(0,0,0);}


.am-banner{width: 100%;overflow: hidden;height:100%;position: absolute;left: 0;top: 0;z-index: 0}
.am-banner img{width: 100%;height: auto}
.am-box1{width: 100%;height:auto;background:url(../images/box1bg.jpg) 0 0 no-repeat;background-size: 100% 100%}
.am-nav{width: 100%;padding-left: 0.125rem;padding-right: 0.125rem;}
.am-nav li{width: 50%;height:7.1rem;overflow: hidden;float: left;margin-top: 0.5rem;overflow: hidden;}
.am-nav li a{display: block;width: 100%;height: 100%;overflow: hidden;padding: 0;text-align: center;padding-top: 0.05rem;padding-right: 0.05rem}
.am-nav li img{width: 8.5rem;height: 7rem;box-shadow: 0 0 3px #ccc}
.am-footer{width: 100%;height: 2rem;line-height: 2rem}
.am-menu2{width: 100%;height:6rem;position: fixed;bottom: 0;left: 0;background-color: transparent;}
.am-menu2 a{height:4.25rem;float: left;width: 22%;border-radius: 0;margin-top: 1.75rem}
.am-menu2 a:nth-child(1){background:url(../images/btnav1.jpg) no-repeat 0 center;background-size: 100% 100%}
.am-menu2 a:nth-child(2){background:url(../images/btnav2.jpg) no-repeat 0 center;background-size: 100% 100%}
.am-menu2 a:nth-child(3){background:url(../images/btnav3.jpg) no-repeat 0 center;background-size: 100% 100%}
.am-menu2 a:nth-child(4){background:url(../images/btnav4.jpg) no-repeat 0 center;background-size: 100% 100%}
.am-menu2 .swiper-pagination-bullet-active{width: 34%;height: 6rem;margin-top: 0}

.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-pagetitle{width: 100%;height: 2.3rem;overflow: hidden;margin-top: 0.6rem;background:url(../images/pagetitlebg.png) center bottom no-repeat;background-size: 100% auto;}
.am-pagetitle h1{width: 100%;height: 1.3rem;color:#000;line-height: 1.3rem;text-align: center;font-size: 1rem;}

.am-page{width: 100%;padding-left: 0.5rem;padding-right:0.5rem;color: #535353;margin-top: 1rem;}
.am-page img{width: 100%;height: auto;}

.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 #1a66b1;margin: 0 auto;line-height: 1.7rem;background-color:#fff;color: #333}
.am-subnav li a:hover{background-color:#1a66b1;color: #fff}
.am-subnav .s a{background-color:#1a66b1;color: #fff}
.am-prodlist{width: 100%;height: auto;overflow: hidden;min-height: 50px;padding-left:0.25rem;padding-right: 0.25rem;margin-top: 1rem}
.am-prodlist li{width: 50%;height: 8rem;overflow: hidden;float: left;}
.am-prodlist li a{display: block;width: 100%;height: 100%;text-decoration: none;color: #333}
.am-prodlist li div{width: 100%;height: 6.5rem;text-align:center;overflow: hidden;vertical-align: middle;}
.am-prodlist li img{max-width:95%;max-height:100%;width: auto;height: auto;display: inline;}
.am-prodlist li span{display: block;width: 100%;height:1.4rem;text-align: center;color: #333}
.pageindex{width: 100%;height: 2.5rem;overflow: hidden;text-align: center;margin-top: 1rem}
.pageindex a{display: inline-block;width: 20px;height: 20px;background: #fff;border: 1px solid #a1a1a1;line-height: 20px;color: #a1a1a1;text-decoration: none;}
.pageindex a:hover{color: #1f5ab7}


.am-content{margin-left: 0.5rem;margin-right: 0.5rem;overflow: hidden;}
.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{color: #333;line-height: 20px;margin-top: 10px;}
.am-text img{width: 100%;height: auto;}
.am-text-img{width: 100%;height: auto;padding-left: 0.5rem;padding-right: 0.5rem;margin-top: 0.5rem}
.am-text-img img{width: 100%;height: auto;}

.am-newslist{width: 100%;height: auto;overflow: hidden;margin-top: 1rem;}
.am-newslist li{width: 100%;height: 2rem;overflow: hidden;line-height: 2rem;border-bottom: 1px dashed #ccc;padding-left: 0.7rem;padding-right: 0.7rem;}
.am-newslist li a{float: left;display: block;color: #666666;font-size: 0.75rem;padding-left: 0.2rem;background:url(../images/newslistbd.png) 0 center no-repeat;background-size: 0.4rem 0.45rem;padding-left: 0.9rem}
.am-newslist li span{float: right;color: #999999;padding-right: 0.2rem}

.am-text-title{border-bottom: 1px solid #d5d5d5;height: auto;color: #333;padding-top: 10px;padding-bottom: 10px;}
.am-text-title h1{display: block;font-size: 0.75rem;text-align: left;}
.am-text-title span{display: block;font-size: 0.55rem;color: #a0a0a0;text-align: left;}
.am-text{color: #333;line-height: 20px;margin-top: 10px;}
.am-text 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;}