﻿body{font-family:"Microsoft Yahei";font-size:14px;color:#666; padding:0; margin:0;}
input , textarea , select{font-family:"Microsoft Yahei"; color:#666; font-size:14px;}
a{ color:#666;}
a:hover{ color:#d21818;}
img{max-width:100%;}
.app{}
/*头部*/
.wrap{ width:100%; max-width:100%; margin:0 auto; padding-bottom:60px;}
.head{ width:100%; padding:10px;}
.head .logo{ width:40%; float:left;padding-top:14px;}
.head .logo img{ width:100%; max-width:139px; height:auto; vertical-align:top;}
.head .tel{ width:60%; float:right; text-align:right;}
.head .tel p{ width:100%; height:22px; line-height:22px; margin-top:4px;font-weight:bold;}
.head .tel a{ display:inline-block; *display:inline; zoom:1; height:25px; line-height:25px; padding-left:28px; background:url(../images/icon1.jpg) no-repeat left center; }
#top_change{ background:none;}

.head .tel a em{ font-size:14px; font-weight:bold; color:#d21818; margin-left:3px;}
.nav{ width:100%; height:80px; background:#312d2d; overflow:hidden;}
.nav li{ width:33.33%; height:40px; float:left;border:1px solid #989696;border-left:none;border-bottom:none;}
.nav li a{ display:block; width:100%; height:40px; line-height:40px; color:#FFF; text-align:center; font-size:15px;}
/*幻灯片*/
.owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init */
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon */
.grabbing {cursor:url(grabbing.png) 8 8, move;}
/* fix */
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility:    hidden;-ms-backface-visibility:     hidden;-webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);}
#owl-demo { position: relative; width: 100%; margin-left: auto; margin-right: auto;}
#owl-demo .item{ position: relative; display: block;}
#owl-demo img { display: block; width: 100%;}
#owl-demo b { position: absolute; left: 0; bottom: 0; width: 100%; height: 78px; background-color: #000; opacity: .5; filter: alpha(opacity=50);}
#owl-demo span { position: absolute; left: 0; bottom: 37px; width: 100%; font: 18px/32px "微软雅黑","黑体"; color: #fff; text-align: center;}
.owl-pagination { position: absolute; left: 0; bottom: 5px; width: 100%; height: 22px; text-align: center;}
.owl-page { display: inline-block; width:10px; height: 10px; margin: 0 5px; background:#fff; *display: inline; *zoom:1; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
.owl-pagination .active { background:#d21818;}
.owl-buttons { display: none;}
.owl-buttons div { position: absolute; top: 50%; width: 24px; height: 48px; margin-top: -40px; text-indent: -9999px;}
/*幻灯片*/
.i_m{ width:100%; padding:0 20px;}
.i_name{ width:100%; text-align:center; padding:20px 0; position:relative;}
.s_ico{ width:26px; height:22px; background:url(../images/nav_ico.png) no-repeat; position:absolute; right:0; top:25px; cursor:pointer;}
.i_name a{ display:inline-block; *display:inline; zoom:1; font-size:22px; color:#d21818; position:relative;}
.i_name a:before,.i_name a:after{ display:block; width:40px; height:1px; background:#ddd; content:""; position:absolute; top:50%;}
.i_name a:before{left:-50px;}
.i_name a:after{ right:-50px;}
.i_about{ width:100%; font-size:13px; line-height:185%;}
.btn{ display:block; width:85px; height:30px; line-height:28px; border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:10px auto; text-align:center;}
.btn:hover{ border-color:#d21818;}
.i_m_a{ width:100%; padding:0 15px;}
.i_pro{ width:100%;}
.i_pro li{ width:33.33%; float:left; margin-bottom:10px; padding:0 5px;}
.i_pro li .li_m{ width:100%; border:1px solid #ddd; position:relative;}
.i_pro li .li_m img{ width:100%; height:80px; vertical-align:top;}
.i_pro li .li_m p{ width:100%; height:25px; line-height:25px; background:rgba(0,0,0,.7); text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px; color:#fff; position:absolute; left:0; bottom:0; z-index:9;}
.i_news{ width:100%;}
.i_news dl{ width:100%; padding:12px 0; border-bottom:1px solid #ddd;}
.i_news dl dt{ width:105px; float:left;}
.i_news dl dt img{ width:100%; height:auto; vertical-align:top;}
.i_news dl dd{ width:70%; float:right;}
.i_news dl dd .title{ width:100%; height:25px; line-height:25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.i_news dl dd .title a{ font-size:15px; font-weight:bold;}
.i_news dl dd .des{ width:100%; height:38px; font-size:12px; line-height:150%; overflow:hidden;}
.foot{ width:100%; height:60px; background:#312d2d; position:fixed; left:0; bottom:0; z-index:999999;}
.foot a{ display:block; width:25%; float:left; text-align:center; color:#FFF;}
.foot img{ width:25px; height:25px; vertical-align:top; margin-top:10px;}
.scd{ width:100%; overflow:hidden; position:relative; padding-bottom:20px;}
.s_m{ width:100%; font-size:13px; line-height:150%;}
.s_m img{ max-width:100%; height:auto; vertical-align:top;}
.s_nav{ width:30%; position:absolute; background:#CCCCCC; right:-30%; top:0; z-index:999; height:100%;}
.s_nav_a{ right:0;}
.scd .i_m_l{ margin-left:-30%;}
.s_nav ul{ width:100%; text-align:center; padding:20px 0;}
.s_nav ul li{ width:100%;}
.s_nav ul li a{ display:block; width:100%; height:30px; line-height:30px; font-size:13px; color:#333;}
.s_nav ul li.on a{ background:#999999; color:#FFF;}

.noticeListCon .articleTitle { font-size: 1.28rem;text-align: center; color: #333;}
.noticeListCon .articleTime { font-size: 1rem; text-align: center;padding: 1rem 0; color: #777;}
.noticeListCon .articleCon p {text-align: justify; line-height: 1.6rem; padding-bottom: 10px;}
.noticeListCon {padding: 1rem;background: #fff;}
.noticeListCon .articleCon img {max-width: 100%;display: block;}
.pro_title{font-size:1.2rem;line-height:2.5;color:#d21818;border-bottom:1px dashed #ddd;margin-bottom:10px;}
.hr{width:100%;height:1px ; border:none;border-top:1px dashed #ddd;margin-top:20px;}



@media screen and (max-width:365px) {
.head .logo{ width:30%;}
.head .tel{ width:70%;}
}

