@charset "utf-8";
/* CSS Document */
/*加载按钮*/
#loadMore{ position:relative; text-align:center;  width:100%; font-size: 14px; padding: 0.5em 0; cursor:hand; cursor:pointer;color:#bababa; display:none; /*background:#ffbc25; border-radius:1.1em;*/}
img#loading{ vertical-align:middle; margin:0 0.5em; }
#load_span{ display:inline-block; vertical-align:middle;}
#loading_Msg{ text-align: center;}
#head .back{ position: absolute; left: 4.5%; background: url(../images/backicon.png) left center no-repeat; background-size: 1.4rem;  font-size: 1.2rem; padding-left: 2rem; color: #d7a861; }

/*关于我们*/
.abcon2{ padding: 3rem 0; background: url(../images/abimg1.jpg) center top no-repeat; background-size: 100% 100%;}
.abcon2 .title{ width: 63%; margin: 0 auto;}
.abcon2 .sjs { padding: 2rem 0;}
.abcon2 .sjs img{ width: 12rem; height: 12rem; border-radius: 50%; overflow: hidden}
.abcon2 .con .p1{ font-size: 18px; color: #000;}
.abcon2 .con .p3{ font-size: 15px; padding-top: 0.5rem;}
.abcon2 .more{ display: inline-block; margin-top: 2rem; width: 8rem; height: 1.9rem; line-height: 1.9rem; background: #009944; color: #fff; font-size: 13px;}
.abcon3{ padding: 2rem 0;}
.abcon3 .title{ font-size: 20px; color: #000; font-weight: normal; line-height: 1.6rem; }
.abcon3 .title .red{ font-size: 20px; color: #b51b1f; font-weight: normal}
.abcon3 .title .en{ font-size: 15px; display: block; color: #666; text-transform: uppercase;}
.abcon3 .hjnav{ padding-top: 1.5rem;}
.abcon3 .hjnav a{ display: inline-block; padding: 0 0.8rem; margin: 0 0.5rem; width: auto; height: 1.8rem; line-height: 1.8rem; background: none; border: 1px solid #999; font-size: 13px; }
.abcon3 .hjnav a.active{ background: #b0090e; border: 1px solid #b0090e; color: #fff; }
.abcon3 .ullb{ padding: 1.5rem 4%; padding-bottom: 0; position: relative; overflow: hidden;}
.abcon3 .ullb .ullb-con .enul{}
.abcon3 .enul li{ width: 48%; float: left; margin: 0.2rem 0; font-size: 14px;} 
.abcon3 .enul li a{ display: block;}
.abcon3 .enul li p{ width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.hj_prev,.hj_next{ display: inline-block; width: 50px; height: 10px; background: #000;}
.abcon4{ border-top: 3px solid #b51b1f; background: url(../images/zsbg.png) repeat;}
.abcon4 .content{ padding: 2rem 5%;}
.abcon4 .title{ position: relative; text-align: left; line-height: 1.6rem; font-weight: bold; font-size: 18px; color: #333;}
.abcon4 .title .en{ font-weight: normal; font-size: 20px; color: #333; text-transform: uppercase;}
.abcon4 .title::after{ content: ''; position: absolute; left: 0; bottom: -1rem; width: 2rem; height: 4px; background: #b51b1f;}
.abcon4 .zscon{ padding-top: 3rem;}
.rycon{ padding-top: 2rem;}
.rycon .ryul{ background:url(../images/aboutry.png) 9px top repeat-y; }
.rycon .ryul li{ padding: 0 0 1rem 1.8rem; text-align: left; font-size: 14px; color: #000;  background: url(../images/news.png) left -95px no-repeat; }
.rycon .ryul li .date{ display: inline-block; margin-right: 10px; font-size: 15px; color: #666; }
.person{ padding: 2rem 5%;}
.person .sjs { padding: 1rem 0;}
.person .sjs img{ width: 12rem; height: 12rem; border-radius: 50%; overflow: hidden}
.person .con .p1{ font-size: 18px; color: #000;}
.person .con .grjs,.person .con .shzw,.person .con .rw{ font-size: 15px; text-align: left; padding-top: 1.5rem;}

/*产品中心*/
.nynav{ position: relative; background: #2c2c2c; padding: 0 5%; height: 45px; line-height: 45px; text-align: left; font-size: 16px; color: #fff;}
/* .nynav .icon{ position: absolute; display: block; width: 40px; height: 40px; right: 0; top: 2.5px; background: url(../images/navicon.png) center -50px no-repeat; background-size: 85% auto;} */
.nynav .icon{ position: absolute; display: block; height: 35px; line-height: 35px; right: 20px; top: 5px; font-size: 16px; color: #fff;}
.nynav .icon::before{display: inline-block; content: ""; width: 20px; height: 20px; margin-right: 5px; background: url(../images/navigation.png) center center no-repeat; background-size: 85% auto; vertical-align: middle;}
/*.nynav .icon.close{ background-position: center -103px; }*/
.nytitle{ font-size: 20px; padding-top:1.5rem;  }
.nytitle span.en{ position: relative; display: inline-block; margin-top: 5px; font-size: 16px; text-transform: uppercase; }
.nytitle span.en:after { content: ''; width: 26px; height: 1px; background-color: #696666; position: absolute; top: 50%; left: -35px; }
.nytitle span.en:before { content: ''; width: 26px; height: 1px; background-color: #696666; position: absolute; top: 50%; right: -35px;}
.pblList{ padding-top:1.5rem;}
.pblList ul.pbl{ width: 100%; height: auto; overflow: hidden; position: relative; } 
.pblList ul.pbl li.item{ float: left; width: 49%; padding-left: 2%;  height: auto; margin-bottom: 15px; overflow: hidden; }
.pblList ul.pbl li.item .item-con{ width: 100%; position: relative; overflow: hidden;}
.pblList ul.pbl li.item .item-con img{ width: 100%; height: auto;}
.pblList ul.pbl li.item .item-con .name{ font-size: 14px;}
.navmain{ position: fixed; top: 55px; left: 0; width: 100%; height: 100%; text-align: left; background: #fff; z-index: 9; display: none}
.pro-topnav{ overflow-y: auto;}
.pro-topnav a{ line-height: 50px;  font-size: 14px; color: #343232; padding-left: 10%;}
.pro-topnav a.all{ display: block; border-bottom: 1px solid #e1e0e0;}
.pro-topnav ul li{ border-bottom: 1px solid #e1e0e0; }
.pro-topnav ul li .open-icon{ display: block; float: right; width: 2.5rem; height: 2.5rem; background: url(../images/navicon.png) center -146px no-repeat; background-size: 85% auto;}
.pro-topnav ul li.on .open-icon{ background-position: center -183px;}
.pro-topnav ul li .second-level{ display: none; border-top: 1px solid #e1e0e0; }
.pro-topnav ul li .second-level a{ display: block; padding-left: 0; margin-left: 15%; border-top: 1px solid #e1e0e0; color: #666; }
.pro-topnav ul>li>a.active,.pro-topnav ul li .second-level a.active{ background: #b0090e; color: #fff; }
.pro-topnav ul li .second-level a:first-child{ border-top:none}

.protop{ padding: 10px 5%; text-align: left;}
.protop .name{ padding: 10px 0; font-size: 17px;}
.protop .text{ font-size: 14px; color: #676767;}
.protop .text span{ font-size: 14px; color: #333;}
.proimg{ padding-top: 20px;}
.proimg img{ padding-bottom: 20px; }
.prodetails{ padding: 20px 5%; }
.prodetails .title{ padding-top: 26px;  font-size: 20px; color: #000; font-weight: normal; text-align: left; background: url(../images/details.png) 16px top no-repeat; background-size: 30%;}
.prodetails .title .red{ font-size: 20px; color: #009944; font-weight: normal}
.prodetails .con{ padding-top: 16px; color: #666; text-align: left; font-size: 15px; line-height: 26px; }

/*商业策划*/
.buswarp{ padding-bottom: 3rem;}
.buslist{ padding-top: 1.8rem; }
.buscon ul li{ float: left; width: 50%;  }
.buscon ul li a{ display: block; overflow: hidden;}
.busname{ font-size: 14px; padding-top: 0.5rem;}

/*新闻资讯*/
.news{ padding: 0 5%;}
.newslist{ display: block; text-align: left; border-bottom: 1px solid #e1e0e0; padding-top: 1.5rem; padding-bottom: 1rem;}
.news .img img{ width: 100%;}
.newslist .title{ padding-top: 1rem; display: block; width: 100%; font-size: 15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newslist .description{ height: 75px; line-height: 24px; font-size: 14px; color: #676767; overflow: hidden;}
.newslist .date,.newslist .date{ padding: 0.2rem 0; color: #ccc; font-weight: normal; font-size: 14px;}
.newsinfo{ padding: 2rem 5%;}
.newsinfo .title{ font-size: 17px; color: #010101;}
.newsinfo .date{ padding: 0.2rem 0; color: #666; }
.newsinfo .img{ padding: 1rem 0;}
.newsinfo .con{ color: #666; text-align: left; font-size: 14px; word-break: break-all;}

/*联系我们*/
.index-contac{ padding: 1rem 5% 0;}
.index-contac .ctcon{ text-align: left; font-size: 14px;}
.index-contac .ctcon .company{ margin-bottom: 0.5rem; font-size: 17px;}
.index-contac .ctly{ padding-top: 1rem; padding-bottom: 2rem}
.inputtxt{ width: 100%; padding: 0.6rem 0.5rem; margin-bottom: 0.6rem; color: #666; background-color:transparent;  border:1px solid #e1e0e0;  }
#lytext{ width: 100%; height: 6rem; padding: 0.6rem 0.5rem; resize: none; overflow: hidden; background-color: transparent; color: #666;  border:1px solid #e1e0e0; }
.inputsub{ display: inline-block; margin-top: 1rem; width: 8rem; height: 1.9rem; line-height: 1.9rem; background: #009944; color: #fff; font-size: 13px; border: none }
.map{ width :100%; height: 380px; overflow: hidden;}
.input-card{width: 280px;}
.input-card h4{font-weight: bold; border-bottom:2px solid #666; margin-bottom:6px; padding-bottom: 4px;}
.input-card p{font-size: 14px; word-break: break-all;}
.amap-info-sharp{height:9px;width:16px;top:-1px;left:50%;margin-left:-8px;background:url(../images/map.png) 0 0 no-repeat}


.navmenu ul{padding-top: 1.5rem;}
.navmenu ul:after{display: block; content: ""; clear: both;}
.navmenu ul li{float: left; height: 30px; line-height: 30px; padding: 0 10px; margin: 0 6px 5px; background: #2c2c2c;}
.navmenu ul li a{display: block; font-size: 16px; color: #fff;}