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:#1A6AAF;}
/*头部*/
.wrap{ width:100%; max-width:480px; margin:0 auto; padding-bottom:60px;}
.head{ width:100%; padding:10px;}
.head .logo{ text-align:center}
.head .logo img{ width:100%; max-width:280px; height:auto; vertical-align:top;}
.head .tel{ width:50%; float:right; text-align:right;}
.head .tel p{ width:100%; height:22px; line-height:22px; margin-top:4px;}
.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;}
.head .tel a em{ font-size:15px; font-weight:bold; color:#006BB1; margin-left:3px;}
.nav{ width:100%; height:40px; overflow:hidden;background:url(../images/nav_bt.png) #1A6AAF repeat-x bottom;}
.nav li{ width:25%; height:40px; float:left; background:url(../images/line.png) no-repeat right center;}
.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:#1A6AAF;}
.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:#1A6AAF; 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:#1A6AAF;}
.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:auto; 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:100px; float:left;}
.i_news dl dt img{ width:100%; height:auto; vertical-align:top;}
.i_news dl dd{ width:68%; 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:14px; font-weight:bold;color:#333;}
.i_news dl dd .des{ width:100%; height:38px; font-size:12px; line-height:150%; overflow:hidden;}
.foot{ width:100%; height:60px; background:#1A6AAF; position:fixed; left:0; bottom:0; z-index:999999;}
.foot a{ display:block; width:25%; float:left; text-align:center; color:#FFF;background:url(../images/line.png) repeat-y right center;}
.foot img{ width:25px; height:25px;margin-bottom:5px; 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:180%;}
.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;}

.section-title{margin:10px 0;border-bottom:#ddd 1px solid;padding-bottom:10px;}
.section-title strong{background-color:#1c1c1c;width:35px;height:35px;border-radius:40px;position:absolute;top:1px;right:0px;}
.section-title h4{margin-bottom:5px;color:#EC333B;}
.section-title em{color:#999;font-size:12px;}
.section-title strong img{margin-left:8px;margin-top:7px;}


.formSpan{margin:.937em 0; font-size:.75em;}
.formSpan td{padding:5px;}
.formSpan input , .formSpan textarea{border:1px solid #ddd; border-radius:3px;}
.formSpan input[type='text'] , .formSpan input[type='phone']{height:2.5em; line-height:2.5em; width:19.5em; text-indent:.5em;}
.formSpan textarea{resize:none; width:19.5em; text-indent:.5em; height:5.562em; padding:.25em 0;}
.formSpan .sbutton , .formSpan .btnReset{width:5.625em; height:2.8em; line-height:2.8em; border:none; border-radius:3px; font-size:.875em; display:inline-block; text-align:center;}
.formSpan .sbutton{background:#FB6711; margin-right:2em; color:#fff;}
.formSpan .btnReset{background:#999; color:#fff;}


.portfolio_item{width:100%; padding:3%; margin:0 auto 10px;background:#fff; clear:both;overflow:hidden; border: 1px #ececec solid;border-radius:10px;}
.portfolio_image{ width:30%; float:left;}
.portfolio_image img{ display:block; max-width:100%;}
.portfolio_image_round{ width:30%; float:left;}
.portfolio_image_round img{ display:block; max-width:100%;-webkit-border-radius:200px;-moz-border-radius:200px;border-radius:200px;}
.portfolio_details{ width:65%; float:left; padding:0 0 0 5%;}
.portfolio_details h4{ padding:0 0 5px 0;color:#1A6AAF;font-weight:bold;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:1.15em}
.portfolio_details p{ padding:0 0 5px 0; line-height:18px;}


.listControl{width:95%;padding:0px 0 10px 0;margin:0 auto;}
DIV.show_page {float:right;text-align:right;margin-top:20px; color:#666; font-size:12px;overflow:hidden;font-size:12px;line-height:15px;}
DIV.show_page span.disabled {border:1px solid #ccc;padding:2px 6px;float:left;display:block;margin-left:2px;}
DIV.show_page span.current {color:#fff;font-weight:bold;background:#ccc;border:1px solid #C3C3C3;padding:2px 6px;float:left;display:block;margin-left:2px;}
DIV.show_page a {border:1px solid #ccc;padding:2px 6px;float:left;display:block;margin-left:2px;text-decoration:none;font-size:12px;}
DIV.show_page a:link,DIV.show_page a:visited,DIV.show_page a:active{color:#666;}
DIV.show_page a:hover {BORDER: #ccc 1px solid;  COLOR: #333; BACKGROUND: #fff}
DIV.show_page input{padding:1px; border:1px solid #ccc;font-size: 12px;color:#666;width:25px;}