@charset "utf-8";
/* CSS Document */
*{padding:0;margin:0;}
html{overflow-y:scroll; width: 100%; height: 100%; min-height: 680px;}
body{background:#fff; color: #333; font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu, Verdana,Arial,sans-serif,"Times New Roman",宋体 !important; font-size: 100%; width: 100%; height: 100%; min-width: 1200px; position: relative;}
body,div,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,img,ol,ul,li,table,th,td,p,span,a{border:0;}
img,input,select,button{border:none;vertical-align:middle;}
i,span{vertical-align: baseline;}
ul,ol,li{list-style-type:none;}
button{border:none;cursor:pointer;background-color:transparent;}
select{border-width:1px;_zoom:1;border-style:solid;padding-top:2px;}
.clear{clear:both;font-size:1px;height:0;visibility:hidden;line-height:0;}
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}
a{display: inline-block;}
a:link,a:visited{text-decoration:none;color:#333;}
a:hover,a:active{text-decoration:underline;color:#f60;}
table{width:100%; border-collapse: collapse;}

.tx-b{font-weight: bold;}
.c-red{color: #e70012;}
.c-gray{color: #b5b5b6;}
.fl{float: left;}

body.index{color:#fff;}
.bg{position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; width: 100%; height: 100%;}
.center{width: 1200px; margin: 0 auto; height: 100%; position: relative;}
.top{width: 100%; text-align: right; padding: 30px 0 10px; border-bottom: 1px solid #e2e2e2;}
body.index .top{border: none;}
.logo,.nav,.nav li{display: inline-block;}
.logo{width: 15%; text-align: center;}
.logo + .nav{width: 83%;}
.nav li{display: inline-block; padding: 0 20px; text-align: center;}
.nav a{color: #333;}
.nav a.nav-on,.nav a:hover{border-bottom: 2px solid #da251c; color: #da251c; font-weight: bold; text-decoration: none;}
body.index .nav a{color: #fff;}
body.index .nav a.nav-on,body.index .nav a:hover{border-bottom: 2px solid #fff; color: #fff; font-weight: bold;}

.content{margin: 0 auto; text-align: center;}
body.index .content{margin: 120px auto;}
.c-nav dd{display: inline-block; margin: 0 10px; vertical-align: middle;}
.c-nav dd .c-nav-on,.c-nav dd:hover .c-nav-img,.c-nav dd.active .c-nav-img{display: none;}
.c-nav dd:hover .c-nav-on,.c-nav dd.active .c-nav-on{display: block;}

.footer{font-size: 12px; text-align: center; width: 100%; padding-bottom: 20px; color: #999;}
body.index .footer{position: absolute; bottom: 30px; color: #fff;}

.article{width: 950px; color: #666; margin-bottom: 50px;}
.article p{text-align: justify; text-indent: 2em; margin-bottom: 10px; line-height: 1.8em;}
.article p.article-img{text-align: center; text-indent: 0; margin-bottom: 20px;}
.article p.article-img img{width: 100%;}
.article p.title{color: #da251c; font-weight: bold; margin: 10px 0;}

.c-title{font-size: 26px; margin-bottom: 20px; text-align: left;}
.c-title span{border-bottom: 2px solid #da251c;}

.pc-app-Info{margin: 0 auto 40px; overflow: hidden; display: -webkit-flex; display: flex; text-align: left;}
.pc-app-lf {width: 40%; padding-top: 50px; padding-left:5%; line-height: 1.8;}
.pc-app-logo {border-radius: 12px; -webkit-border-radius: 12px; border: 1px solid #eee; margin-bottom: 20px; width: 80px; background: #fff;}
.pc-app-logo img {width: 100%;}
.pc-app-name {font-weight: bold; font-size: 22px; margin-bottom: 20px;}
.pc-app-txt {font-size:16px;}
.pc-app-ri {width: 50%; text-align: right; padding-right:5%;}
.pc-app-ri img {width: 75%; display: inline-block;}
.pc-app-code{margin: 20px 0;}
.pc-app-code img{width: 50%; margin-top: 10px;}

/* 产品展馆 */
.product-index{ padding-top:20px;}
.product-index h3{font-size: 24px; font-weight: 500;}
.pro-sort{font-size:0; margin-top:10px; padding-left:0;}
.pro-sort li{display:inline-block; font-size:12px; width:45%; height:306px; margin:0 0 6px 6px;}

.pro-sort li a{width:100%; height:100%;}
.pro-sort01{background:url(http://www.apollo.cn/cn/images/yangzz.jpg) no-repeat; background-size:100% auto; -webkit-background-size:100% auto; -moz-background-size:100% auto; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.apollo.cn/cn/images/yangzz.jpg',  sizingMethod='scale');}
.pro-sort01:hover{background:url(http://www.apollo.cn/cn/images/yangzz-hover.jpg) no-repeat; background-size:100% auto; -webkit-background-size:100% auto; -moz-background-size:100% auto; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.apollo.cn/cn/images/yangzz-hover.jpg',  sizingMethod='scale');}
.pro-sort02{background:url(http://www.apollo.cn/cn/images/yanzz.jpg) no-repeat;  background-size:100% auto; -webkit-background-size:100% auto; -moz-background-size:100% auto; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.apollo.cn/cn/images/yanzz.jpg',  sizingMethod='scale');}
.pro-sort02:hover{background:url(http://www.apollo.cn/cn/images/yanzz-hover.jpg) no-repeat; background-size:100% auto; -webkit-background-size:100% auto; -moz-background-size:100% auto; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.apollo.cn/cn/images/yanzz-hover.jpg',  sizingMethod='scale');}
.pro-sort03{background:url(http://www.apollo.cn/cn/images/jingzz.jpg) no-repeat; background-size:100% auto; -webkit-background-size:100% auto; -moz-background-size:100% auto; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.apollo.cn/cn/images/jingzz.jpg',  sizingMethod='scale');}
.pro-sort03:hover{background:url(http://www.apollo.cn/cn/images/jingzz-hover.jpg) no-repeat; background-size:100% auto; -webkit-background-size:100% auto; -moz-background-size:100% auto; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.apollo.cn/cn/images/jingzz-hover.jpg',  sizingMethod='scale');}
.pro-sort04{background:url(http://www.apollo.cn/cn/images/jiuzz.jpg) no-repeat; background-size:100% auto; -webkit-background-size:100% auto; -moz-background-size:100% auto; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.apollo.cn/cn/images/jiuzz.jpg',  sizingMethod='scale');}
.pro-sort04:hover{background:url(http://www.apollo.cn/cn/images/jiuzz-hover.jpg) no-repeat; background-size:100% auto; -webkit-background-size:100% auto; -moz-background-size:100% auto; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.apollo.cn/cn/images/jiuzz-hover.jpg',  sizingMethod='scale');}

.list-title{color:#b60005; font-size:16px; margin-top:2em; position:relative; text-align: left;}
.list-title-lf{border-bottom:1px solid #b60005; }
.list-title b{font-weight:normal; font-size:2em; border-right:1px solid #b60005; padding-right:10px; margin-right:10px;}
.list-nav{overflow:hidden; margin-top:16px; margin-bottom:0; position:absolute; top:0; right:0;}
.list-nav li a{display:inline-block; padding:0 1em; border:1px solid #c2c1c1; color:#727171; margin-right:5px; font-size:14px;}
.list-nav li a:hover{color:#b60005; border-color:#b60005;}

.product-list,.prod-info-bigimg2,.prod-info-intro2{margin:2em 0; text-align: left;}
.product-list ul{ padding-left:0;font-size:0px;}
.product-list li{ width:18%; list-style:none; text-align:center; padding:1% 1% 10px; margin-bottom:20px;display:inline-block; font-size:14px;
}
.product-list li img{ border:0; width:100%;}
.product-list li div{ padding-top:10px; font-size:85%;}
.product-list li div a{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.pro-name{font-size:1.4em; color:#221815;}
.product-list li:hover .pro-name{color:#b60005;}
.pro-price{color:#9fa0a0; margin:5px 0;}
.pro-check{margin-top: 10px;}
.pro-check img{width:21px !important; height:21px !important; border:1px solid #a6a7a2 !important;}
.pro-check span{display:inline-block; padding:0 1em; height:21px; border:1px solid #a6a7a2; vertical-align:middle;}
/* 页码 */
.pagination ul {list-style: none; padding-left: 0; text-align: center;}
.pagination ul li {padding: 0 10px; vertical-align: top; display: inline-block; font-size: 14px; min-width: 36px; min-height: 28px; line-height: 28px; cursor: pointer; box-sizing: border-box; text-align: center; background-color: #ffffff; color: #606266; border-radius: 6px; margin: 0 1px; border: 1px solid #ebebeb; height: 30px; width: auto;}
.pagination ul li:hover {transform: scale(1.1); background-color: #F4F6F8;}
.pagination  li.active {background: #98A6AD; color: white; cursor: not-allowed;}
.pagination li.disabled {cursor: not-allowed;}
.pagination li.totalPage {background: transparent; cursor: default; border: none; padding: 0 6px;}
.pagination li.totalPage:hover {transform: none; background-color: #ffffff;}
.pagination li input {-webkit-appearance: none; background-color: #fff; background-image: none; border-radius: 4px; border: 1px solid #dcdfe6; box-sizing: border-box; color: #606266; display: inline-block; font-size: inherit; outline: none; padding: 3px 5px; transition: border-color .2s cubic-bezier(.645,.045,.355,1); width: 40px; height: 25px; margin: 0 6px;}
.pagination li input:focus{border-color: #98A6AD;}
.pagination{user-select: none;}
.pagination ul:nth-child(2){border-radius: 6px;}
input[type=number] {-moz-appearance:textfield;}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;}

.col-Content{ width:1000px; margin:0 auto; padding:0 20px;}
.prod-info-bigimg{float: left; width: 460px;}
.bigimg{padding-bottom: 20px; text-align: center;}
.bigimg img{width: 65%;}
.prod-info-intro{float: right; width: 485px;}
.prod-info-intro .name{margin-bottom: 20px; color: #b60005; font-weight: normal; font-size: 24px;}
.MsoNormal{line-height: 2em; text-align: left;}