body{font-family:"Microsoft Yahei";font-size:14px;color:#666; padding:0; margin:0;overflow-x: hidden;}
input , textarea , select{font-family:"Microsoft Yahei"; color:#666; font-size:14px;}
a{ color:#666;}
a:hover{ color:#2889cd;}
/*头部*/
.wrap{ width:100%; max-width:480px; margin:0 auto; padding-bottom:40px; overflow:hidden;}
.head{ width:100%; padding:10px 10px;border-top: 3px solid #2889cd;}
.head .logo{ width:80%; margin:0 auto;}
.head .logo img{ height:auto; vertical-align:top;}
.head .tel{ width:50%; float:right; text-align:right;}
.head .tel p{ width:100%; height:22px; line-height:30px;}
.head .tel a{ display:inline-block; *display:inline; zoom:1; height:25px; line-height:25px; padding-left:28px; background: no-repeat left center;}
.head .tel a em{ font-size:16px; font-weight:bold; color:#2889cd; margin-left:3px;}
.nav{ width:100%; height:72px; background:url(../images/meun_bj.jpg); overflow:hidden;}
.nav li{ width:25%; height:36px; float:left; border-bottom:1px solid #3e92cc; border-right:1px solid #3e92cc;}
.nav li a{ display:block; width:100%; height:36px; line-height:36px; color:#FFF; text-align:center; font-size:1em;}
/*幻灯片*/
.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:#2889cd;}
.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 10px 10px;}
.i_name{ width:100%; text-align:center; padding:20px 0 15px; 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:20px; color:#000; position:relative; font-weight:bold;}
.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:#2889cd;}
.i_m_a{ width:100%; padding:0 10px 10px; background:#fff;}
.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:100px; vertical-align:top;}
.i_pro li .li_m p{ width:100%; height:25px; line-height:25px; background:rgba(0,0,0,.5); 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:#2889cd; position:fixed; left:0; bottom:0; z-index:999999; overflow:hidden}
.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;}




@media screen and (max-width:365px) {
.head .logo{ width:40%;}
.head .tel{ width:60%;}
}