/* CSS Document */
html, body, div, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select { margin: 0; padding: 0 }
body {font:0.8rem 'Microsoft YaHei',"宋体","Arial Narrow",HELVETICA;  background: #fff; -webkit-text-size-adjust: 100%; color: #333; }
a { color:#333; text-decoration: none }
a:hover { text-decoration: none }
em { font-style: normal }
li { list-style: none }
img { border: 0; vertical-align: middle }
table { border-collapse: collapse; border-spacing: 0 }
p { word-wrap: break-word }
ul, ol, li { list-style-type: none; }
.cb{clear: both;}
.w100 { width: 100%; }
.fl { float: left; }
.fr { float: right; }
.mg10 { margin: 0px 10px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.layer_640 { max-width: 640px; min-width: 300px; margin: 0 auto; }
a, img, button, input, textarea { -webkit-tap-highlight-color: rgba(255,255,255,0); }
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none;border-radius: 0; 
-webkit-border-radius: 0;appearance:button;
   -moz-appearance:button; /* Firefox */
   -webkit-appearance:button; /* Safari 和 Chrome */ } 
   input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {  -webkit-appearance: none;}  
.button{ border-radius: 0; } 
input{color:#fff;}
input::-webkit-input-placeholder{color:#fff; font-size:0.9rem;}

/*=============公共样式=============*/

/*======筛选开始======*/
.black_overlay { display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index: 9998; -moz-opacity: 0.8; opacity: .80; filter: alpha(opacity=80); }
.white_content { display: none; position: fixed; top: 0%; width: 40%; background-color: #004098; z-index: 9999; font-size: 0.9rem; font-weight: normal; color: #fff; text-decoration: none; height: 100%; right: 0%;}
.top{ height:60px;}
.top_l{ width:70%; margin:7px 0px 0px 10px;}
.top_l img{ width:90%;}
.nav_r{ width:30px; height:auto; margin-right:2%;}
.nav_r img{ width:100%;}

.white_content ul li{ line-height:45px; border-bottom:1px solid #064eb0; text-align:center;}
.white_content ul li a{ display:block; color:#fff;}
.white_content ul li a.a_hover{ background:#dd2305;}

.zi p{ font-size:0.9rem; line-height:24px;}
.zi p a{ color:#d42e40;}

/*banner*/
.banner { width: 100%; margin: 0 auto; padding: 0; }
#wrapper { margin: 0; width: 100%; height: auto; float: left; position: relative;	/* On older OS versions "position" and "z-index" must be defined, */ z-index: 1;			/* it seems that recent webkit is less picky and works anyway. */ overflow: hidden; }
#scroller { height: auto; float: left; padding: 0; }
#scroller ul { list-style: none; display: block; float: left; width: 100%; height: auto; padding: 0; margin: 0; text-align: left; }
#scroller li { display: block; float: left; width: auto; height: auto; text-align: center; font-size: 0px; padding: 0; position: relative; }
#scroller li a { display: block; padding: 0; margin: 0; }
#scroller li p { position: absolute; z-index: 2; display: block; width: 100%; bottom: 0; background-color: rgba(0, 0, 0, 0.5); color: #F4F4F4; font-size: 14px; text-indent: 55px; line-height: 24px; text-align: left; text-indent: 10px; text-overflow: ellipsis; white-space: nowrap; padding: 0; margin: 0; }
#nav { float: right; margin-top: -15px; padding: 0; position: relative; width: auto; z-index: 3; }
#prev, #next { float: left; font-weight: bold; font-size: 14px; padding: 5px 0; width: 80px; display: none; }
#next { float: right; text-align: right; }
#indicator > li { display: block; float: left; list-style: none; padding: 0; margin: 0; }
#indicator { display: block; margin: 0; padding: 0; width: auto; }
#indicator > li { text-indent: -9999em; width: 8px; height: 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background: #064eb0; overflow: hidden; margin-right: 4px; }
#indicator > li.active { background: #dd2305; }
#indicator > li:last-child { margin: 0 8px 0 0; }

/*成功案例*/
.main_con{ background:#fafafa;}
.pro_title h3 { font-size: 1.1rem; color: #666; line-height: 30px; padding: 10px 0px; background: url(../images/line_bg1.png) no-repeat center bottom; text-align: center; font-weight:normal; }
.pro_title p { line-height: 18px; color: #999; text-align: center; margin-top: 10px; font-size: 0.6rem; }
.more a { padding: 3px 25px; border: 1px solid #ccc; background: url(../images/jt.png) no-repeat center center; }
.more a:hover { background: url(../images/jt_hover.png) no-repeat center center; border: 1px solid #32b8c3; }
#scroll,#scroll1 { width: 100%; margin: 0 auto;}
#scroll .owl-wrapper-outer,#scroll1 .owl-wrapper-outer { margin: 0 auto; }
#scroll .item,#scroll1 .item { width: 95%; padding:10px 0px; margin: 0 auto;overflow: hidden; }
#scroll .item img,#scroll1 .item img{ width:100%;}
#scroll .item span,#scroll1 .item span{ display:block; font-size:1rem; text-align:center; line-height:30px;}
.case_title,.about_title { width:95%; margin:0px auto; padding:20px 0px; }
.case_title h3 { display: block; width: 70%; text-align: center; font-size: 1.3rem; line-height: 50px; background: url(../images/title_bg.png) no-repeat center; background-size:100%; margin: 0px auto; color:#333; }
.case_title p { font-size: 0.9rem; color: #999; text-align: center; margin-top: 15px; }

.about{ background:#004098; padding:20px 0px;}
.about_title h3 { display: block; width: 70%; text-align: center; font-size: 1.3rem; line-height: 50px; background: url(../images/title_bg1.png) no-repeat center; background-size:100%; margin: 0px auto; color: #fff; }
.about_title p { font-size: 0.9rem; color: #fff; text-align: center; margin-top: 15px; }

.about_zi{ width:95%; margin:10px auto; color:#fff; line-height:24px; font-size:0.8rem;}

.more { display: block; line-height: 35px; width: 120px; text-align: center; color: #fff; font-size: 0.8rem; background: #dd2305; }
.more:hover { color: #fff; }

.news_l{ width:95%; margin:10px auto;}

.news_title h3{ display:block; font-size:1.1rem; line-height:30px; background:url(../images/icon04.gif) no-repeat left center; padding-left:20px;}
.con_t{ width:100%; height:88px; border-bottom:1px solid #e3e3e3;}
.con_t .tu,.news_li .tu{ width:100px; height:68px;}
.con_t .tu img,.news_li .tu img{ width:100%;}
.zi{ width:66%;}
.zi h4{ font-size:0.9rem; line-height:30px; width:95%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.zi p{ width:95%; line-height:24px; height:24px; color:#666; font-size:0.8rem; overflow:hidden;}
.zi .more1{ display:block; width:100%; color:#004098; font-size:0.7rem;}
.con_li ul li{ width:100%; line-height:30px; font-size:0.8rem; color:#666;}
.con_li ul li a{ display:block; float:left; width:70%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.con_li ul li span{ display:block; float:right;}

.footer{ width:100%; background:#004098; padding:20px 0px 0px 0px;}
.footer_con p{ color:#fff; text-align:center; line-height:24px; font-size:0.8rem; margin-top:20px;}
.bq span{ display:block; text-align:center; color:#fff;}
.bq{ width:100%; background:#043578; padding:10px 0px;}
.banner1 img{ width:100%;}

.nav_title ul li{ float:left; width:33.33%; background:#004098; line-height:35px;}
.nav_title ul li a,.news_title ul li a{ display:block; color:#fff; text-align:center; font-size:0.8rem;}
.nav_title ul li a.a_hover,.news_title ul li a.a_hover,.solution_li ul li a.a_hover { display:block; background:#dd2305; color:#fff;}

.about_con,.about_con1{ width:95%; margin:0px auto;}
.about_con h3,.about_con1 h3{ display:block; line-height:35px; border-bottom:1px solid #e3e3e3; font-size:1rem;}
.con{ font-size:0.8rem; line-height:24px;}
.con img{ width:100%;}


/* 资质荣誉 */
.honor_con ul li img { width:100%; }
.honor_con ul li { float: left; margin-right: 2%; margin-bottom: 20px; width:48%;border: 1px solid #e3e3e3; }
.honor_con ul li.last{ margin-right:0px;}
#credit { clear: both; margin-top: 50px; padding-top: 20px; font-size: 10px; border-top: 1px solid #BBB; font-family: Verdana; }
#imgbox-loading { position: absolute; top: 0; left: 0; background: url('imgbox-spinner.gif') center center no-repeat; cursor: pointer; display: none; z-index: 90; }
#imgbox-loading div { background: #FFF; width: 100%; height : 100%; }
#imgbox-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; display: none; z-index: 80; }
.imgbox-wrap { position: absolute; top: 0; left: 0; background: #FFF; display: none; z-index: 90; }
.imgbox-img { padding: 0; margin: 0; border: none; width: 100%; height: 100%; vertical-align: top; }
.imgbox-close { position: absolute; top: -15px; right: -15px; height: 30px; width: 30px; background: url('imgbox-close.png') top left no-repeat; cursor: pointer; outline: none; }
.imgbox-title { padding-top: 10px; font-size: 11px; text-align: center; font-family: Arial; color: #333; display: none; }
.imgbox-bg-wrap { position: absolute; padding: 0; margin: 0; display: none; }
.imgbox-bg { position: absolute; width: 20px; height: 20px; }
.imgbox-bg-n { left: 0; top: -20px; width: 100%; background: url(imgbox-bg-n.png) repeat-x; }
.imgbox-bg-ne { right: -20px; top: -20px; background: url(imgbox-bg-ne.png) no-repeat; }
.imgbox-bg-e { right: -20px; top: 0; height: 100%; background: url(imgbox-bg-e.png) repeat-y; }
.imgbox-bg-se { right: -20px; bottom: -20px; background: url(imgbox-bg-se.png) no-repeat; }
.imgbox-bg-s { left: 0; bottom: -20px; width: 100%; background: url(imgbox-bg-s.png) repeat-x; }
.imgbox-bg-sw { left: -20px; bottom: -20px; background: url(imgbox-bg-sw.png) no-repeat; }
.imgbox-bg-w { left: -20px; top: 0; height: 100%; background: url(imgbox-bg-w.png) repeat-y; }
.imgbox-bg-nw { left: -20px; top: -20px; background: url(imgbox-bg-nw.png) no-repeat; }
.zi1 a { display: block; width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0 auto; text-align: center; }
.zi1 { display: block; width:100%; line-height: 30px; background-color: #eee; margin-top: 10px; }

/* 翻页 */	
.pageTurn { width: 100%; height: 30px; margin: 20px auto 20px; }
.pageTurn a { display: inline-block; margin-right: 7px; padding: 3px 10px; border: 1px solid #d5d5d5; text-decoration: none; color: #666; }
.pageTurn a:hover,.advantage_li ul li a.a_hover { background: #efb518; color: #fff; }

.news_li{ width:100%; height:78px;}
.news_title ul li{ float:left; width:50%; background:#004098; line-height:35px;}
.news_li ul li{ height:78px; border-bottom:1px solid #e3e3e3; margin-bottom:10px;}

.solution_li ul li{ line-height:45px; background:#e3e3e3; font-size:1rem; text-align:center; color:#fff; border-bottom:1px solid #ccc;}

.solution_con h3{ text-align:center; font-size:0.9rem;}
.solution_con img{ width:100%; margin-bottom:10px;}

.back{ display:block; width:80px; line-height:30px; margin:10px auto; text-align:center; border:1px solid #e3e3e3;}


/*正文*/
.newCon { width: 100%; min-height: 300px; height: auto; overflow: hidden; margin-top: 15px; }
.newCon h1 { padding: 10px 0; text-align: center; font-size: 18px; color: #333; line-height: 26px; font-weight: normal; }
.newCon .artInfo { margin: 10px 0; width: 100%; height: 24px; text-align: center; overflow: hidden; color: #666; }
.newCon .artInfo font { display: inline-block; clear: left; color: #999; font-size: 12px; padding: 0 5px; line-height: 26px; }
.newCon .artCon { font-size: 0.8rem; color: #666; line-height: 1.5rem; }
.artCon img{ width:100%;}

/*底部导航*/
.kong{ width:100%; height:60px;}
.footer_nav{ position:fixed; bottom:0; width:100%; height:60px; background:#333;}
.footer_nav ul li{ float:left; width:25%;}
.footer_nav ul li a{ color:#fff; display:block; text-align:center;}
.footer_nav ul li a.a1{ background: url(../images/icon05.png) no-repeat top center; background-size:20px; padding-top:20px; margin-top:10px;}
.footer_nav ul li a.a2{ background: url(../images/icon06.png) no-repeat top center; background-size:20px; padding-top:20px; margin-top:10px;}
.footer_nav ul li a.a3{ background: url(../images/icon07.png) no-repeat top center; background-size:20px; padding-top:20px; margin-top:10px;}
.footer_nav ul li a.a4{ background: url(../images/icon08.png) no-repeat top center; background-size:20px; padding-top:20px; margin-top:10px;}