/* 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; }

.mt18 { margin-top: 18px; }

.mt20 { margin-top: 20px; }

.mt25 { margin-top: 25px; }

.mt30 { margin-top: 30px; }

.layer_640 { max-width: 640px; min-width: 300px; margin: 0 auto; }



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;} 



a, img, button, input, textarea { -webkit-tap-highlight-color: rgba(255,255,255,0); text-decoration: none; } 

.button{ border-radius: 0; } 





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



/*======筛选开始======*/

.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: #3e6dd8; z-index: 9999; font-size: 0.9rem; font-weight: normal; color: #fff; text-decoration: none; height: 100%; right: 0%;}

.top{ position:fixed; top:0; z-index:9999; height:60px; background:#fff;}

.top_l{ width:70%; margin:13px 0px 0px 10px;}

.top_l img{ width:95%;}

.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 #2c61d9; text-align:center;}

.white_content ul li a{ display:block; color:#fff;}

.white_content ul li a.a_hover{ background:#eba34d;}



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

.zi p a{ color:#d42e40;}

.kong{ height:60px;}

/*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: #fff; overflow: hidden; margin-right: 4px; }

#indicator > li.active { background: #3e6dd8; }

#indicator > li:last-child { margin: 0 8px 0 0; }



.title h3, .case_title h3 { font-size: 1.3rem; text-align: center; line-height: 35px; font-weight: normal; }

.title p, .case_title p { font-size: 0.8rem; color: #666; text-align: center; line-height: 24px; }

/*优势*/

.advantage_li ul li { width: 100%; transition: all 0.3s ease-out 0s; padding:10px 0px; }

.advantage_li ul li:hover { box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); margin-top: -20px; height: 410px; }

.advantage_li ul li.li1, .advantage_li ul li.li3 { background: #f5f5f5; }

.advantage_li ul li.li2, .advantage_li ul li.li4 { background: #fbfbfb; }

.advantage_li ul li.li1 h3 { display: block; width:50%; margin:0px auto; background: url(../images/icon01.png) no-repeat center 10px; font-size: 1.2rem; text-align: center; padding-top: 35%; background-size:60%; }

.advantage_li ul li.li2 h3 { display: block; width:50%; margin:0px auto; background: url(../images/icon02.png) no-repeat center 10px; font-size: 1.2rem; text-align: center; padding-top: 35%; background-size:60%;}

.advantage_li ul li.li3 h3 { display: block; width:50%; margin:0px auto; background: url(../images/icon03.png) no-repeat center 10px; font-size: 1.2rem; text-align: center; padding-top: 35%; background-size:60%; }

.advantage_li ul li.li4 h3 { display: block;  width:50%; margin:0px auto;background: url(../images/icon04.png) no-repeat center 10px; font-size: 1.2rem; text-align: center; padding-top: 35%; background-size:60%; }

.advantage_li ul li p { display: block; text-align: center; font-size: 0.8rem; line-height: 24px; margin-top: 10px; }



/*产品*/

.cpgl_gd { width: 100%; margin: 0 auto; padding-top: 20px; font-family: Verdana, Geneva, sans-serif; }

.cpgl_gd .owl-wrapper-outer { margin: 0 auto; }

.cpgl_gd .item { width: 90%; padding:10px 0px; margin: 0 auto; overflow: hidden; }

.cpgl_gd .shd img { width: 100%;}

.cpgl_gd .shd a { display: block; width: 100%; height: 120px; *background-image:url(about:blank);

background-image: url(about:blank)\0; }

.cpgl_gd .item span { display: block; text-align: center; font-size:1rem; font-family: "微软雅黑"; position: absolute; z-index: 2; width: 380px; height: 35px; bottom: 20px; }

.cpgl_gd .txt { width: 55%; }

.cpgl_gd h3 { width: 100%; height: 25px; margin-bottom: 6px; padding-top: 10px; font: 1rem Verdana, Geneva, sans-serif; overflow: hidden; }

.cpgl_gd h3 a { color: #333; text-decoration: none; }

.cpgl_gd h3 a:hover { color: #338de6; }

.cpgl_gd p { width: 100%; height: 36px; line-height: 18px; font: 0.8rem Verdana, Geneva, sans-serif; color: #999; overflow: hidden; }

.cpgl_gd .item:hover { -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); cursor: pointer; color: #3e6dd8; }

/*案例*/

.case_con,.about_con{ background:#f5f5f5; padding:5px 0px;}

.case{ width:98%; margin:0px auto;}

.case_li_nav{ line-height:45px; height:45px; border-bottom:1px solid #e3e3e3;}

.case_li_nav ul li{ float:left; width:25%;}

.case_li_nav ul li a{ display:block; text-align:center;line-height:45px;}

.case_li_nav ul li.li1 a{ border-bottom:2px solid #dd2305;}

.case_li ul li{ float:left; width:49%; margin-right:2%; margin-bottom:10px;}

.case_li ul li img{ width:100%;}

.case_li ul li.last{ margin-right:0px;}

.case_li ul li span{ display:block; line-height:30px; text-align:center;}

.viewm { width: 173px; height: 38px; background: url(../images/bg1.jpg) no-repeat center; margin: 20px auto; }

.viewm1 { width: 173px; height: 38px; background: url(../images/bg2.jpg) no-repeat center; margin: 20px auto; }

.viewm a, .viewm1 a, .viewm2 a { display: block; font-size: 14px; line-height: 38px; background: url(../images/icon06.png) no-repeat 138px center; padding-left: 45px; }

/*新闻*/

.news{ width:98%; margin:0px auto;}

.infor_li ul li{ height:75px; padding:10px 0px; border-bottom:1px dashed #e3e3e3;}

.infor_tu,.infor_tu img,.knowledge_tu,.knowledge_tu img{ width:115px; height:75px;}

.infor_zi,.knowledge_zi{ width:60%; height:75px; overflow:hidden;}

.infor_zi h3,.knowledge_zi h3{ font-size:1rem; line-height:24px; width:90%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}

.infor_zi p,.knowledge_zi p{ font-size:0.8rem; line-height:24px; height:24px; overflow:hidden; color:#666; margin-top:3px;}

.infor_zi time{ color:#999; display:block; line-height:24px;}



/*关于*/

.about{ width:95%; margin:0px auto;}

.about p{ line-height:24px;}

.about img{ width:100%; margin-top:10px;}

.aboutshow { height: 60px; background: #f9f9f9; padding:10px 0px; }

.aboutshow ul li { width: 33%; float: left; }

.aboutshow ul li p { text-align: center; line-height: 24px; font-size: 0.9rem; }

.aboutshow ul li.line { width: 1px; height: 32px; line-height: 60px; margin-top: 0px; }

.aboutshow ul li p b { font-size: 1rem; font-weight: normal; }

/*底部*/

.footer{ padding:10px 0px; background:#3e6dd8;}

.footer p{ color:#fff; text-align:center; line-height:24px;}

.bq { background: #3e6dd8; border-top: 1px solid #2e60d2; padding:10px 0px; }

.bq span { display: block; width:90%; margin:0px auto; text-align: center; color: #fff; }



/*内页*/

.banner01 img{ width:100%;}

.about_nav ul li{ float:left; width:20%; line-height:35px; background:#3e6dd8;}

.about_nav ul li a,.about_nav1 ul li a{ display:block; text-align:center; color:#fff;}

.about_nav ul li a.a_hover,.about_nav1 ul li a.a_hover{ background:#eba34d;}



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

.aboutxq h3 { display: block; line-height: 30px; text-align: center; font-size: 1rem; }

.aboutxq p { line-height: 30px; margin-top: 10px; }

.aboutxq img{    width: 100% !important;
	height: auto !important;}



.style_li ul li { float: left; width: 49%; margin-right: 2%; }

.style_li ul li img { width:100%;}

.style_li ul li span { display: block; line-height: 30px; text-align: center; }

.style_li ul li.last{ margin-right:0px;}



/* 资质荣誉 */

.honor_con ul li img { width: 100%; margin-top: 32px; }

.honor_con ul li { float: left; margin-right:1.5%; margin-bottom: 20px; width:48.5%; 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; }

.zi2 a { display: block; width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0 auto; text-align: center; }

.zi2 { display: block; width: 100%; line-height: 30px; background-color: #eee; margin-top: 26px; }

/* 翻页 */	

.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 { background: #3e6dd8; color: #fff; }



.about_nav1{ width:70%; margin:10px auto;}

.about_nav1 ul li{ float:left; width:33.333%;line-height:35px; background:#3e6dd8;}



/* 新闻 */	

.news_li1,.new_con1 { width: 95%; margin: 0px auto; padding-bottom:20px; }

.news_li1 ul li { height: 128px; border-bottom: 1px dashed #e3e3e3; padding: 10px 0px; }

.news_zi1 { height: 128px; }

.news_zi1 time { font-size: 13px; color: #999; }

.news_zi1 h3 { font-size: 16px; height: 30px; line-height: 30px; overflow: hidden; margin-top: 10px; }

.news_zi1 h3::before { position: absolute; content: ""; width: 20px; height: 1px; background-color: #3C3C3C; margin-top: 35px; transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.news_zi1 p { margin-top: 20px; line-height: 24px; height: 48px; overflow: hidden; font-size: 14px; color: #666; }

.news_li1 ul li a:hover .news_zi1 h3::before { width: 50px; }



/* 新闻详情 */	

.new_con1 h1 { padding: 10px 0; text-align: center; font-size: 18px; color: #333; line-height: 30px; }

.new_con1 .artInfo { width: 100%; height: 30px; text-align: center; margin-bottom: 10px; }

.new_con1 .artInfo span { display: inline-block; clear: left; color: #777; font-size: 12px; padding: 0 5px; }

.new_con1 .artCon { font-size: 14px; color: #666; line-height: 30px; padding-bottom: 20px; }

.new_con1 .artCon p { text-indent: 2rem; }

.casexq h3 { font-size: 18px; display: block; line-height: 30px; text-align: center; }

.case_tu span { display: block; line-height: 30px; font-size: 14px; text-align: left; margin-top: 20px; }

.contact_con p { display: block; float: left; width: 400px; border-right: 1px solid #e3e3e3; font-size: 14px; line-height: 30px; }

.map { margin-right: 100px; }



.nav_l{ width:100%;background:#f3f3f3;}

.nav_l h3{ font-size:24px; line-height:65px; background:#00923f; color:#fff; text-align:center;}

.nav_li a{ display:block; line-height:35px; font-size:12px; border-bottom:1px dotted #e3e3e3;}

.nav_li a:hover{ color:#3e6dd8}

.drawer { width: 100%; border-radius: 3px; }

.accordion-item { border-bottom: 1px solid #E0E0E0; }

.accordion-item-active .accordion-header { background: #3e6dd8; transition: .25s; }

.accordion-item-active .accordion-header-icon { color: #fff; }

.accordion-item-active .accordion-header h1 a{ color: #fff; }

.accordion-header { background: #f2f2f2; padding: 12px; cursor: pointer; border-right: 1px solid #E0E0E0; border-left: 1px solid #E0E0E0; min-height: 20px; transition: .25s; }

.accordion-header h1 { float: left; font-size: 14px; font-weight: normal; margin: 0; line-height: 1.3em; color: #212121; }

.accordion-content { border-left: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; border-top: 1px solid #E0E0E0; display: none; padding: 12px; color: #212121; background: #FFF; font-size: 15px; line-height: 1.45em; }

.accordion-content p { margin: 0; margin-bottom: 3px; }

.accordion-header-icon { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; float: right; color: #888; font-size: 12px; vertical-align: middle; }

.accordion-header-icon.accordion-header-icon-active { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); color: #fff; }



.proimg_li h2{ display:block; font-size:16px; line-height:25px; border-left:5px solid #3e6dd8; padding-left:10px; margin-bottom:20px;}

.proimg_li ul li{ float:left; width:49%; margin-right:2%; margin-bottom:10px;}

.proimg_li ul li.last{ margin-right:0px;}

.proimg_li ul li img{width:100%;}

.proimg_li ul li span{ display:block; line-height:35px; text-align:center;}



.proxq h3{ display:block; text-align:center; line-height:30px; font-size:1rem;}

.pro_tu p{ margin-top:20px;  line-height:30px;}

.cpm_title{
	position: relative;
}

.cp_more{
	position: absolute;
	right: 20px;
	top: 10px;
	font-size: 14px;
	color: #aaa;
}