/* CSS Reset 
/*-----------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ol, ul {} blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */

/* General Setup
/*-----------------------------------------------------------------------------------*/

@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*基本*/
*{padding:0px; margin:0px }
body{color:#000;background-color: #fafafa;padding:0px; margin:0px auto;overflow:scroll;overflow-x:hidden;overflow-y:auto;font-family: Microsoft YaHei,Helvitica,Verdana,Tohoma,Arial,san-serif;font-size:12px;max-width:640px;padding-top:46px;padding-bottom:64px;}
div{ margin:0; padding:0; border:0; color:#8d8d8d; }
img{ margin:0; padding:0; border:0; width:100%; }
/*链接*/
a{ text-decoration:none; color:#8d8d8d; outline:none}
a:hover, a:active{ color:#0073b5; outline:none;}
/*其它*/
code, kbd, pre, samp {font-size: 1em;}
pre {margin: 1em 0; white-space: pre;white-space: pre-wrap;word-wrap: break-word; }
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0; position: relative;vertical-align: baseline; /* Prevent `sub` and `sup` affecting `line-height` in all browsers.*/}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
audio:not([controls]) {display: none; height: 0;}
tr{border:none; margin:0;}
td{border:none; margin:0;}
table{border:none;border-collapse :collapse;}
/*==========@@HTML默认  结束@@==========*/

/*==========@@通用 开始@@==========*/
/*清除浮动*/
.clear { display:block; clear:both;}
/*其它*/
.hide { display:none; }  /*隐藏*/
/*==========@@通用 结束@@==========*/

/*==========@@布局  开始@@==========*/
#top,#banner{ width:100%; height:auto;} /*主要用于页面顶部特殊功能，宽度通常全屏*/
#header, #content , #footer{ width: 100%;  margin: 0px auto;}
.fixed-top{position:fixed;top:0;left:0;z-index:9999;width:100%;}
.fixed-bottom{position: fixed;bottom: 0;left: 0;z-index:9999;width:100%;}
.fixed-container{width:100%;max-width:640px;margin:0 auto;}
.fixed-place{width:100%;max-width:640px;height:0;padding-bottom:13.125%;}
/*==========@@布局  结束@@==========*/

/*首页开始-----------------------------------------------------------------------------------*/
.logo{width:100%; height:auto;}
.logo img{width:100%; height:auto;display:block;}
/*导航开始*/
#overlay{width:100%;height:auto;background:#fff;z-index:9999;}
.nav{width:100%; height:46px;font-size:12px;}
.nav ul{list-style:none;}
.nav ul li{width:25%; height:23px; line-height:23px; float:left; text-align:center;}
.nav ul li a{color:#ffffff;background:url(../images/navbg.gif) no-repeat center;background-size:100% 100%; display:block;}
.nav ul li a:hover{color:#ffffff; background:url(../images/navhover.gif) no-repeat center; background-size:100% 100%; display:block;}
/*导航结束*
/*===FlexSlider幻灯片  开始===*/
.flexslider{ position: relative; clear:both;}/*幻灯片标题*/
.flex-caption { width:100%; position: absolute; bottom: 3px;color: #fff;text-align: right;font-size: 14px;line-height: 22px;height:22px;max-width:640px}
/* FlexSlider Necessary Styles*/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
/* FlexSlider Default Theme
*********************************/
.flexslider {background: #fff;  zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 500px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }
/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  {text-decoration:none; display: block; width: 40px; height: 50px; margin:  0 0; position: absolute; top: 40%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); background:url(../images/arr.png) no-repeat;text-indent:-999em }
.flex-direction-nav .flex-prev { opacity: 0.7; left: 0px;  }
.flex-direction-nav .flex-next { opacity: 0.7; right: 0px; background-position:-133px 0}
.flexslider:hover .flex-prev { opacity: 0.7; left: 0px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 0px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }

.flex-direction-nav .flex-disabled { opacity: 1!important; filter:alpha(opacity=1); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }
/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }
/* Control Nav */
.flex-control-nav{ width: 100%;position:absolute; bottom:5px; text-align:right; border:0px dashed red; color:#ffffff; }
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;font-size:10px; line-height:10px; }
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: #ffffff; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); color:#ffffff; font-size:10px; }
.flex-control-paging li a:hover { background: #0073b5;color:#0073b5;}
.flex-control-paging li a.flex-active { background: #0073b5; cursor: default;color:#0073b5; }
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
/*===FlexSlider幻灯片  结束===*/
/*===正文  开始===*/
.main_content{width:92%; height:auto; padding:4%; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#fafafa,endColorStr=#e7e7e7); /*IE 6 7 8*/ background: -ms-linear-gradient(top, #fafafa, #e7e7e7); /* IE 10 */ background:-moz-linear-gradient(top,#fafafa,#e7e7e7);/*火狐*/ background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#fafafa), to(#e7e7e7));/*谷歌*/ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafafa), to(#e7e7e7)); /* Safari 4-5, Chrome 1-9*/ background: -webkit-linear-gradient(top, #fafafa, #e7e7e7); /*Safari5.1 Chrome 10+*/ background: -o-linear-gradient(top, #fafafa, #e7e7e7); /*Opera 11.10+*/ }
.main_title{width:100%; height:30px; line-height:30px; font-size:1.5em; color:#04578f;}
.main_title span{font-size:0.875em; color:#676767; margin-left:2%;}
.main_title font{float:right;}
.main_title font img{width:40px; height:auto; margin-top:30%;}
.main_nav{width:100%; height:auto; overflow:hidden;}
.main_nav ul{list-style:none;}
.main_nav ul li{width:25%; height:30px; font-size:0.875em; line-height:30px; color:#8d8d8d; text-align:center; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main_nav ul li a{color:#8d8d8d; background:#ffffff; display:block; border: thin solid #e7e7e7; border-right:0;}
.main_nav ul li a:hover,.main_nav ul li a.active{color:#ffffff; background:#0073b5; display:block; border:thin solid #0073b5;border-right:0;}
.main_nav ul li a:hover,.main_nav ul li a.last{border:thin solid #e7e7e7;}
.main_case{width:100%; height:auto; overflow:hidden;}
.main_case ul{list-style-type:none;}
.main_case ul li{width:49%; height:auto; margin-right:2%; margin-bottom:2%; float:left; position:relative;}
.main_case ul li img{width:100%; height:auto;}
.main_case ul li .main_case_bg{width:100%; height:26px; line-height:26px;background: url(../images/bg1.png) repeat-x; color:#ffffff; text-align:center; position:absolute; z-index:99;bottom:0px;left:0px;}
.main_case ul li .main_case_bg a{color:#ffffff;}
.main_solu{width:100%; height:auto; overflow:hidden;}
.main_solu dl{width:100%; height:auto;}
.main_solu dl dt{width:40%; height; float:left;}
.main_solu dl dt img{width:100%; height:auto;}
.main_solu dl dd{width:58%; float:right;}
.main_solu dl dd h1{width:100%; height:30px; line-height:30px; color:#0073b5;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main_solu dl dd h1 a{color:#0073b5;}
.main_solu dl dd p{line-height:20px; color:#797979; font-size:0.875em;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main_solu dl dd p a{color:#797979;}
.main_par{width:100%; height:auto; overflow: hidden;}
.main_par ul{list-style-type:none;}
.main_par ul li{width:30%; height:auto;float:left; margin:2% 5% 0 0;}
.main_par ul li img{width:100%; height:auto;border:thin solid #d5d5d6;}
/*===正文  结束===*/
/*===页脚开始===*/
.foot{width:100%; height:64px;  background: url(../images/footbg.gif) no-repeat center bottom #005389; background-size:100%;}
.footnav{width:25%; height:24px; float:left;font-size:12px; text-align:center; line-height:24px; color:#ffffff;}
.footnav a{padding-top:40px;background:url(../images/f1.png) no-repeat center 12px ; background-size:30px; color:#ffffff; display:block;}
.footnav a:hover{ background:url(../images/f1.png) no-repeat center 12px; background-size:30px;color:#ffffff;display:block;}
.footnav2{width:25%; height:24px; float:left;font-size:12px; text-align:center; line-height:24px; color:#ffffff;}
.footnav2 a{padding-top:40px;background:url(../images/f2.png) no-repeat center 12px ; background-size:30px; color:#ffffff; display:block;}
.footnav2 a:hover{color:#ffffff; background:url(../images/f2.png) no-repeat center 12px ; background-size:30px;display:block;}
.footnav3{width:25%; height:24px; float:left;font-size:12px; text-align:center; line-height:24px; color:#ffffff;}
.footnav3 a{padding-top:40px;background:url(../images/f3.png) no-repeat center 12px ; background-size:30px; color:#ffffff; display:block;}
.footnav3 a:hover{color:#ffffff; background:url(../images/f3.png) no-repeat center 12px ; background-size:30px; display:block;}
.footnav5{width:25%; height:24px; float:left;font-size:12px; text-align:center; line-height:24px; color:#ffffff;}
.footnav5 a{padding-top:40px;background:url(../images/f4.png) no-repeat center 12px ; background-size:30px; color:#ffffff; display:block;}
.footnav5 a:hover{color:#ffffff; background:url(../images/f4.png) no-repeat center 12px ; background-size:30px; display:block;}
/*.footnav4{width:40%; height:64px; float:left;font-size:14px; text-align:center; line-height:64px; color:#ffffff;}
.footnav4 a{color:#ffffff;}
.footnav4 a:hover{color:#ffffff;}*/
/*===页脚结束===*/

/*子页开始-----------------------------------------------------------------------------------*/
/*===关于我们  开始===*/
.about{width:100%; height:auto; overflow:hidden;}
.about ul{list-style-type:none;}
.about ul li{width:22%; height:30px; line-height:30px; float:left; margin-right:4%; font-size:12px; text-align:center; margin-top:5px; margin-bottom:5px;}
.about ul li a{color:#3e3e3e; background:#f7f7f7; border:1px solid #e7e7e7; display:block;}
.about ul li a:hover,.about ul li a.active{color:#ffffff; background:#0073b5; display:block;}
.aboutnr{width:92%; height:auto; padding:4%; line-height:30px; font-size:12px;color:#666666; overflow:hidden;}
.aboutnr_tit{width:100%; height:30px; line-height:30px; font-size:14px; color:#757575; background:url(../images/titbg.gif) no-repeat left; border-bottom:thin solid #cccccc; text-indent:10px;}
.aboutnr_tit span{color:#0073b5;}
.aboutnr_tit a{color:#757575;}
.aboutnr_tit a:hover{color:#0073b5;}
.aboutnr_cont{width:100%; height:auto; overflow:hidden;padding:10px 0;}
.aboutnr_cont h1{width:100%; height:35px; line-height:35px; font-size:14px; color:#005fa0; border-bottom:thin solid #cccccc; text-align:center;}
.aboutnr_cont img{width:80%; height:auto; padding:3% 10%;}
/*===关于我们  结束===*/
/*===成功案例  开始===*/
.caselist{width:100%; padding-top:2px; padding-bottom:10px;}
.caselist ul{list-style-type:none;}
.caselist ul li{height:29px; color:#393939; line-height:29px; border-bottom:1px solid #ececec; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size:12px;}
.caselist ul li a{color:#393939; }
.caselist ul li a:hover{color:#0059bd; text-decoration:underline;}
.hy{width:100%; height:30px; line-height:30px; text-align:center; font-size:12px;}
.hy img{width:18%; float:right; margin-left:5px;}
/*===成功案例  结束===*/
/*===新闻中心  开始===*/
.newstit{width:100%; height:60px; padding-top:10px;}
.newstit h1{width:100%; height:29px; line-height:29px;color:#202020; text-align:center; font-weight:normal; font-size:16px;}
.newstit p{width:100%; height:30px; line-height:30px; font-size:12px; color:#a7a7a7; text-align:center;}
.newslist{width:100%; padding-top:2px; padding-bottom:10px;}
.newslist ul{list-style-type:none;}
.newslist ul li{height:29px; color:#393939; line-height:29px; background:url(../images/newslistbg.gif) no-repeat left; background-size:3px 3px;;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size:12px; text-indent:6px;}
.newslist ul li a{color:#393939; }
.newslist ul li a:hover{color:#0059bd; text-decoration:underline;}
/*===新闻中心  结束===*/
/*===产品中心  开始===*/
.xwnrq{width:100%; height: auto; color:#565555; line-height:30px; overflow:hidden;}
.xwnrq dl{width:29%; height:auto; float:left; margin:2%;}
.xwnrq dl dt{ width:100%; height:auto; min-height:73px;}
.xwnrq dl dt img{ width:100%; height:auto;}
.xwnrq dl dd{ color:#414141; text-align:center;line-height:20px; font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.xwnrq dl dd a{color:#414141;}
.xwnrq dl dd a:hover{color:#0065b0;}
.procenter{width:92%; height:auto; padding:4%;overflow:hidden; padding-bottom:0;}
.procenter h1{width:90%; height:35px; color:#ffffff; background:url(../images/prolistbg.png) repeat-x center; background-size:100% 35px; line-height:35px; font-size:14px; padding:0 5%; overflow:hidden;}
.procenter h1 span{width:92px; height:30px;float:right; margin-top:2px;}
.procenter h1 span img{width:100%; height:auto;}
.procenter h1 a{color:#ffffff;}
.procenter_con{width:92%; height:auto; margin:4%;overflow:hidden; background:#ffffff; margin-top:0;}
.procenter_con ul{list-style-type:none;}
.procenter_con ul li{width:90%; height:30px; border-bottom:thin solid #adaaad; line-height:30px; padding:0% 5%;}
.procenter_con ul li a{color:#555454;}
.procenter_con ul li a:hover{color:#555454;}
.procenter_con ul li span{float:right;}
/*===产品中心  结束===*/
/*===联系我们  开始===*/
.contact{width:100%; height:auto;}
.contact h1{width:100%; height:30px; font-size:16px; color:#1b1b1b; font-weight:normal; line-height:30px;}
.contact p{width:100%; line-height:25px; font-size:12px; color:#7a7a7a;}
.contact p span{color:#0c0c0c;}
.map{width:100%; padding:15px 0;}
.map img{width:100%; height:auto;}
/*===联系我们  结束===*/