@media screen and (min-width:768px){ /*大于等于768px宽度*/
.pc-hidden{ display:none;}

/*全局样式*/
*{padding:0;margin:0;}
div,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,img,ol,ul,li,table,th,td,p,span,a{border:0;}
img,input{border:none;vertical-align:middle;}
body{font-family:"Microsoft YaHei", "WenQuanYi Micro Hei";font-size:14px;text-align:center;background:#FFF;color:#000; letter-spacing:0.5px; }
html{overflow-y:scroll; }
ul,ol{list-style-type:none;}
th,td,input{font-size:12px;}
h3{font-size:14px;}
button{border:none;cursor:pointer;font-size:12px;background-color:transparent;}
select{border-width:1px;_zoom:1;border-style:solid;padding-top:2px;font-size:12px;}
a:link,a:visited{text-decoration:none; color:#555;}
a:hover { color:#005bad; }


/*局部样式*/


/*top样式*/
#top {height:110px; width:100%; background:#eee; color:#555; position:relative; z-index:1; }
.topk {height:100%; width:1200px; margin:0 auto; }
.top_left {height:100%; width:650px; float:left; }
.top_left img {height:46px; width:auto;  margin-top:35px; float:left;}
.top_left h2 {width:60%; height:30px; margin-top:35px; display:block; line-height:30px; font-size:22px; font-weight:bold;  margin-left:-50px; float:left;}
.top_left span {width:60%; display:block; height:25px; font-size:14px; margin-left:-50px; float:left; }
.top_left span.sq {width:39%; display:block; height:100%; font-size:14px;  float:right; margin-top:-10px;}
.top_left img.pmenu {display:none;}
.top_right {height:100%; width:550px; float:right; position:relative; z-index:1;}
.shoplink {width:170px; height:50px; margin:15px 0 ; float:right; font-size:12px;}
.shoplink span{width:auto; height:50px; margin:0 ;  }
.nav {width:100%; height:25px; float:right; margin-top:-30px; }
.nav ul {float:right; border-left:1px #999 solid;}
.nav ul li {width:85px; height:30px; float:left; border-right:1px #999 solid; line-height:30px; }
.nav ul li a.bianse {width:100%; height:100%; background:#8f826f; display:block; color:white;} 
.nav ul.navlist {display:none; border:0;}
.nav ul.navlist li {background:#555; width:86px; height:35px; margin-right:-1px;  line-height:35px; border-bottom:1px #999 solid; border-right:1px #999 solid;  position:relative;}

/*banner样式*/
.banner {height:550px; width:100%; margin:0 auto;  z-index:0; position:relative; overflow:hidden;  }
.bannerbox ul{height:100%; width:100%;  position:relative;   }
.bannerbox ul li { width:100%; height:100%; position:absolute; top:0; }
.bannerbox img {height:100%; width:auto;  }

.probanner {height:400px; width:100%; overflow:hidden;  z-index:0; position:relative; text-align:center; }
.bannerbox {height:100%; width:auto; margin:0 -100%;  }
.probanner img {height:100%; width:auto;  }


.yuandian {width:60px; height:20px; position:relative; top:-35px; left:50%; z-index:2;}
.yuandian span { width:8px; height:8px; border-radius:50%; margin:0 4px; background-color:#ccc; line-height:8px; display:block; float:left; position:relative;  left:-50%; }

/*搜索栏样式*/
.searcher {width:100%; height:50px; background:#eee; color:#555; float:left;}
.s_box {width:1200px; height:100%; margin: 0 auto; line-height: 50px;}
.hotkey {width:850px; height:100%; float:left; text-align:left; font-size:13px; overflow:hidden;}
.search {width:330px; height:100%; float:right; text-align:right; margin-top:-2px;}
.search input {width:60%; height:30px; padding-left:10px; color:#555; }
.search .submit {width:30px; height:30px; margin-left:-20px; }


/*导航标题*/
.menu_box {width:100%; height:135px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:45px auto; }
.menu_box img {width:75px; height:30px; margin-top:-20px; background:white; padding: 0 10px; }
.menu_box h2 {color:#005bad; margin-top:10px;}
.menu_box span {color:#555; line-height:22px;}

/*主体样式*/
#main { height:auto; width:100%; float:left; }

/*品牌优势*/
.brand {width:1200px; height:260px; margin:10px auto; }
.brandbox {width:16.66%; height:auto; float:left; margin-top:10px;}
.brandbox h2 {margin-top:-10px; color:#005bad; font-size:18px; }
.brandbox span {color:#555; }
.b_boxtop {background:#005bad; width:140px; height:140px; border-radius: 50%; line-height:140px; margin:25px auto; }
.b_boxtop img {width:80px; height:auto; }

/*产品展示*/
.probox {width:1200px; height:760px; margin:30px auto; overflow:hidden;  }
.probox ul {width:100%; height:auto; float:left;}
.probox ul li{float:left; width:290px; height:360px; background-color:#eee; margin:5px 4px; border:1px solid #ddd; }
.pro_k {width:290px; height:290px; overflow:hidden; color:#555}
.pro_k img:hover { -webkit-transform: scale(1.1); }
.probox ul li img{width:100%; height:100%; -webkit-transition: 1s;}
.probox ul li h3 {margin-top:15px; }
.probox ul li span {line-height:25px; font-size:13px; }

/*工程案例*/
.casebox {width:1200px; height:500px; margin:30px auto; overflow:hidden;  }
.casebox ul {width:100%; height:auto; float:left;}
.casebox ul li{float:left; width:290px; height:235px; margin:5px 4px; border:1px solid #ddd; }
.case_k {width:290px; height:205px; overflow:hidden; color:#555;}
.casebox ul li img {width:100%; height:100%; -webkit-transition: 1s;}
.casebox ul li img:hover  { -webkit-transform: scale(1.1); }
.casebox ul li h3 {width:100%; height:30px; line-height:30px; background-color:#eee;  } 

/*品牌展示*/
.brandlogo {width:1200px; height:450px; margin:30px auto; overflow:hidden; }
.brandlogo ul {width:100%; height:auto; float:left;}
.brandlogo ul li{float:left; width:135px; height:135px; margin:6px 6px; border:1px #eee solid; display: flex; align-items: center; overflow:hidden; }
.brandlogo ul li img:hover  { -webkit-transform: scale(1.1); }
.brandlogo ul li img{-webkit-transition: 1s; margin-left:18px; }

/*新闻中心*/
.newsbox {width:1200px; height:465px; margin:30px auto; border-bottom:1px #ccc solid; }
.news_qa {width:100%; height:30px; border-bottom:1px solid #ccc; margin-bottom:20px;  float:left;}
.news_qa h2 {margin-right:10px; color:#005bad; float:left; font-size:18px; padding:0 10px;}
.news_qa h2.gsnews {background:#005bad;}
.news_qa h2.gsnews a {color:white;}
.news_qa h2 a {color:#005bad;}
.news_left {width:720px; height:auto; float:left; text-align:left; line-height:30px; }
.news01 {width:380px; height:380px; border-right:1px solid #ccc; float:left; padding-right:5px; }
.news01 img {width:360px; height:240px; }
.news01 h3 { color:#005bad; line-height:30px; margin-top:10px; font-weight:400;  }
.news01 h3 a { color:#005bad;}
.news01 h3 a:hover {font-weight:bold;}
.news01 span { font-size:12px; }
.news02 {width:320px; height:400px; float:left; padding-left:10px;}
.news02 ul li {width:100%; height:auto; float:left; margin:10px 10px; }
.sanjiao {width: 0; height: 0; border-top: 4px solid transparent; border-left: 4px solid #005bad; border-bottom: 4px solid transparent; float:left; }
.news02 h3 { width:310px; height:auto; color:#005bad; line-height:25px;  float:left; margin-top:-15px; margin-left:10px;  font-weight:400;}
.news02 h3 a { color:#005bad;}
.news02 h3 a:hover {font-weight:bold;}
.news02 span { font-size:12px; color:#555; display:block; margin-top:-5px; margin-left:10px; float:left;}

.news_right {width:450px; height:auto; float:right; text-align:left; line-height:30px;}
.news_right ul {padding-right:10px;}
.news_right ul li {margin:10px 0;}
.news_right ul li img {width:25px; height:25px; margin-right:5px;}
.news_right ul li h3 {display:inline; color:#005bad;  font-weight:400; }
.news_right ul li h3 a {color:#005bad; }
.news_right ul li h3 a:hover {font-weight:bold; }
.news_right ul li span {text-align:left; font-size:12px; }

#footer { height:400px; width:100%; background:#005bad; margin:20px auto; float:left; color:#eee;}
.footer_neirong {width:1200px; height:270px; margin:20px auto;}
.footer_nav {width:100%; height:100%;}
.footer_nav ul.ulstyle {width:100%; height:100%; float:left; margin-left:0px;}
.footer_nav ul li.navstyle {width:auto; height:100%; float:left; margin-right:60px;}
.footer_nav ul li.navstyle999 {width:auto; height:100%; float:left; }
.footer_nav ul li {margin:3px 0; text-align:left;}
.footer_nav ul li img {width:10px; height:15px; margin-right:5px; margin-bottom:2px;}
.footer_nav ul li.navstyle h2 {font-size:18px; color:#eee; line-height:50px; margin:15px 0; }
.footer_nav ul li.navstyle999 h2 {font-size:18px; color:#eee; line-height:50px; margin:15px 0; }
.footer_nav ul li.navstyle999 a { color:#eee;  }
.footer_nav ul li.navstyle a {color:#eee;}
.footer_nav ul li.navstyle a:hover {color:#ddd;}
.footer_banquan {width:100%; height:100px; margin:10px auto; background:#044886;; color:#eee; padding-top:10px; }
.footer_banquan img {width:20px; margin:20px 10px;}
.footer_banquan a {color:#eee;}
.footer_banquan a:hover {color:#ddd;}

.rightbar { width:50px; height:250px; position:fixed; right:0; top:50%;  z-index:9999;  margin-top:-125px; }
.rightbar .gotop { width:50px; height:50px; background:#005bad; position:relative; }
.rightbar .gotop:hover {background:#8f826f;  }
.rightbar .gphone { width:160px; height:50px; background:#005bad; position:relative; margin-top:2px; }
.rightbar .gphone:hover {background:#8f826f;  }
.rightbar .gphone i{ display:block; padding-top:15px; margin-left:35px; color:white; }
.rightbar .gzxzx {width:130px; height:50px; background:#005bad; position:relative; margin-top:2px; }
.rightbar .gzxzx b { line-height:30px; margin-left:10px; color:white; }
.rightbar .gzxzx:hover {background:#8f826f;  }
.rightbar .gotop span{ width:30px; height:30px;  background:url( ../images/gotop.png) no-repeat; display:block; position:absolute; left:10px; top:10px; }
.rightbar .gphone span{ width:30px; height:30px;  background:url( ../images/dbdh.png) no-repeat; background-size:30px 30px; position:absolute; left:10px; top:10px; display:block;}
.rightbar .gzxzx a{ width:130px; height:50px;  background:url( ../images/dbzx.png) no-repeat; background-size:30px 30px; position:absolute; left:10px; top:10px; display:block;}


.links {width:1200px; height:auto; margin:20px auto; font-size:12px; text-align:left; color:#dbdbdb;}
.links ul li{width:auto; line-height:20px;   float:left; margin-right:10px;}
.links ul li a {color:#dbdbdb; }


/*-------------分割线------------------------*/
/*border:1px red solid;*/

/*产品列表页*/
.promain { width:1200px; height:auto; margin:0 auto; padding-bottom:30px; display:inline-block;}

/*左*/
.pro-leftnav {width:220px; height:auto; float:left; border:1px #ccc solid; margin-top:25px;}
.pnav01 {width:100%; height:85px; background:#005bad; color:white; padding-top:35px;}
.pnav01 h2 {height:30px; line-height:30px; margin-bottom:-15px; font-size:25px;}
.pnav02 {width:100%; height:auto; margin:10px auto; text-align:center;}
.pnav02 h3 {width:90%; height:35px; line-height:35px; font-size:15px; background:#005bad; color:white; margin:15px auto; display:none;}
.pnav02 h3.proli {width:90%; height:35px; line-height:35px; font-size:15px; background:#005bad; color:white; margin:15px auto; display:block;}
.pnav02 ul {width:80%; height:auto; margin:0 auto;  }
.pnav02 ul li {width:auto; height:20px; line-height:20px; margin:6px 5px; position:relative; text-align:left; }
.pnav02 ul li a{ margin-left:40px; }
.pnav02 ul li a.blue{ margin-left:40px; color:#005bad; font-weight:bold; }
.pro-sj {width: 0; height: 0; border-top: 5px solid transparent; border-left: 5px solid #005bad; border-bottom: 5px solid transparent; float:left; position:absolute; left:27px; top:6px;}
.pnav03 {width:100%; height:350px; margin:20px auto; text-align:center; font-size:12px; position:relative;}
.pnav03 h3 {width:90%; height:35px; line-height:35px; font-size:15px; background:#005bad; color:white; margin:10px auto;}
.pnav03 img {width:140px; height:140px; margin:15px auto;  }
.pnav03 ul {width:90%; height:auto; margin:25px auto;  }
.pnav03 ul li {width:auto; height:15px; line-height:15px; margin:6px 0 0 15px; text-align:left;  }
.pnav04 {width:100%; height:10px; background:#005bad; position:relative;}

/*右*/
.proright {width:960px; height:auto; float:right; margin-top:50px; }
.pro-topnav {width:100%; height:45px; border-bottom:1px solid #ccc; text-align:left; }
.pro-topnav span { line-height:55px; margin-left:10px; color:#555; font-size:12px; }
.pro-content {width:100%; height:auto; margin-top:15px; position:relative;}
.pro-content ul {width:100%; height:auto; position:relative; }
.pro-content ul li {width:300px; height:330px; float:left; overflow:hidden; border:1px solid #ccc; background:#eee; color:#555; margin:9px 9px;}
.pro-content ul li h3 {width:100%; height:30px; line-height:30px;}
.pro-box {width:300px; height:300px; overflow:hidden;}
.pro-box img{width:100%; height:100%; -webkit-transition: 1s;}
.pro-box img:hover { -webkit-transform: scale(1.1); }
.nav-page {width:100%; height:30px; text-align:center; line-height:30px; float:left; font-size:12px; margin-top:10px;}
.nav-page span a {border:1px #ccc solid; padding:5px 10px;}
.nav-page span a:hover {background:#005bad; color:white; }

/*产品详情页*/
.pro-page {width:100%; height:auto; margin-top:15px; position:relative;}
.propage-up {width:910px; height:auto; overflow:hidden;}
.pro-picbox {width:365px; height:365px; float:left; margin:15px 5px;}
.pro-picbox img {width:100%; height:100%;}
.pro-jianjie {width:550px; height:100%; float:right; margin-right:-50px;}
.pro-jianjie h1 {font-size: 22px; color:#005bad; line-height:30px; border-bottom:1px solid #ccc; width:500px; text-align:left; padding-bottom:10px; margin:10px 0;}
.pro-jianjie ul {width:100%; height:100%; text-align:left;}
.pro-jianjie ul li {width:500px; height:auto;  color:#555; margin:6px 0; }
.pro-jianjie ul li.phone { color:#005bad; font-weight:bold; font-size:18px; line-height:50px; height:50px; }

.propage-down {width:100%; height:auto; margin-top:15px; position:relative;}
.propage-down h2 {font-size: 18px; color:#005bad; line-height:30px; border-bottom:1px solid #ccc; width:100%; text-align:left; padding-bottom:10px; padding-left:10px; margin:10px 0;}
.propage-con {width:100%; min-height:800px; height:auto; margin-bottom:50px; margin-top:20px; text-align:left; }
.pro-xgcp {width:100%; height:265px; margin:10px auto;}
.xgcpbox {width:230px; height:230px; overflow:hidden;}
.xgcpbox img {width:100%; height:100%; -webkit-transition: 1s;}
.xgcpbox img:hover { -webkit-transform: scale(1.1); }
.pro-xgcp ul li {width:230px; height:230px; float:left; margin:5px 4px; border:1px solid #ccc;}
.pro-xgcp ul li span { width:100%; height:35px; line-height:35px; background:#eee; display:block;}

/*案例列表页*/
.case-content {width:100%; height:auto; margin-top:15px; position:relative;}
.case-content ul li {width:100%; height:165px; margin:25px auto; border-bottom:1px solid #ccc; overflow:hidden; }
.case-content .casepic {width:210px; height:140px; margin-left:5px; float:left; overflow:hidden; border:1px solid #ccc;}
.case-content .casepic img {width:100%; height:100%; -webkit-transition: 1s;}
.case-content .casepic img:hover { -webkit-transform: scale(1.1); }
.case-content .casecon {width:680px; height:auto; float:left; text-align:left; margin-left:30px; color:#555;} 
.case-content .casecon  h2 {width:100%; height:40px;line-height:40px; font-size:20px;  font-weight:400; }
.case-content .casecon  h2 a {color:#005bad;}
.case-content .casecon  h2 a:hover {font-weight:bold;}
.case-content .casecon span {width:100%; line-height:25px; height:55px; display:block; float:left; margin-top:5px; overflow:hidden; }
.case-content .casecon span.fbsj {width:180px; height:100%; margin-top:15px; font-size:12px;}
.case-content .casecon span.more {width:auto; height:100%; float:right; margin-top:15px;}
.case-content .casecon span.more a {color:#005bad;}

/*案例详情*/
.proright .case01 {width:100%; height:auto; position:relative; margin:15px auto;}
.proright .case01 h1 {width:100%; height:auto; line-height:30px; font-size:22px; color:#005bad;}
.proright .case01 .case01-con {width:90%; height:auto; margin:25px auto; text-align:left;  }
.proright .case01 .case01-con  a{color:#005bad; font-weight:bold; }
.proright .case01 .case01-con  h2{font-size:15px; color:#005bad; }
.proright .case01 .case01-con img {max-width:700px; height:auto; }
.proright .case01 .case01-con p {margin:10px auto; font-size:13px;}
.proright .case01 span {margin:10px 10px; line-height:20px; height:60px; font-size:12px; color:#555; }
.proright .case01 .case01-bq {width:90%; height:auto; text-align:left; margin:30px auto; }
.proright .case01 .case01-bq span.keybq {color:#005bad; margin:0; font-weight:bold;}
.proright .case01 .case01-bq span.wzbq { margin-top:10px;}
.proright .case01 .case01-bq strong { margin-top:10px; font-size:12px; color:#555;}
.proright .case01 .case01-bq .nav-info {font-size:12px; margin:15px auto;}
.proright .case01 .case01-bq .nav-info span {font-size:12px; margin:5px 0;}

/*新闻列表*/
.newslist {width:960px; height:auto; float:right; font-size:12px; margin:20px auto; }
.newslist ul {width:960px; height:auto; }
.newslist ul li {width:33.3%; height:auto; float:left; text-align:center;}
.newslist ul li .news_k {width:97%; height:230px; overflow:hidden; border-top:1px solid #ccc;  border-left:1px solid #ccc; border-right:1px solid #ccc;}
.newslist ul li .news_k img {width:100%; height:100%; -webkit-transition: 1s;  }
.newslist ul li .news_k img:hover {-webkit-transform: scale(1.1); }
.title_k {width:97%; height:auto; background:#eee; margin-bottom:10px; border-bottom:1px solid #ccc;  border-left:1px solid #ccc; border-right:1px solid #ccc;}
.title_k span.newsjj {line-height:18px;width:88%; margin-left:6%; height:36px; text-align:left; padding-bottom:5px; padding-top:10px; display:block;  overflow:hidden;  }
.title_k h3 { width:65%; height:40px; float:left; margin-left:15px; overflow:hidden; margin-top:20px; text-align:left; }
.title_k .times { width:60px; height:40px; float:left; border:1px solid #ccc; padding:10px 0; margin-top:10px; margin-left:15px;}
.title_k .times  span.nian{ font-size:15px;}
.title_k .times  span.yue{ font-size:13px;}

/**相关文章*/
.xgnews {width:93%; height:auto; margin:0 auto;}
.xgnews .xgnewslist ul li {width:100%; height:auto; float:left; border-bottom:1px solid #ccc; padding:15px 0; }
.xgnews_k {width:160px; height:100px; float:left; margin-left:5px;}
.xgnews_k img{width:100%; height:100%;}
.xgnews h2{font-size: 18px; color:#005bad; line-height:15px; border-bottom:1px solid #ccc; width:100%; text-align:left; padding-bottom:10px; padding-left:10px;}
.xgnewstitle {width:78%; float:right; text-align:left; }
.xgnewstitle span.xgnews-jj{margin:10px 0; display:block; font-size:12px;}
.xgnews-bq span.xgnews-time {font-size:12px;}

/*联系我们*/
.lxwm-con { width:25%; height:auto; float:left; margin:40px auto; text-align:center;}
.lxwm-con img{ width:40px; height:40px;}
.lxwm-con h3 { line-height:40px; font-size:18px; color:#005bad; margin-top:10px;}
.lxwm-con span { line-height:20px; text-align:left; display:inline-block; margin-top:10px; color:#555;}

#allmap {height: 400px;width:100%;overflow: hidden;}



}

/*以下是手机端样式*/
@media screen and (max-width:768px){   /*不大于768px的设备尺寸中 响应式布局的特定样式*/
html {font-size: 625%; /*100 ÷ 16 × 100% = 625%*/}
/*全局样式*/ 
*{padding:0;margin:0;}
div,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,img,ol,ul,li,table,th,td,p,span,a{border:0;}
img,input{border:none;vertical-align:middle;}
body{font-family: Helvetica; font-size:0.12rem;text-align:center;background:#FFF;color:#000; }
html{overflow-y:scroll;}
ul,ol{list-style-type:none;}
th,td,input{font-size:0.12rem;}
h3{font-size:0.14rem;}
button{border:none;cursor:pointer;font-size:0.12rem;background-color:transparent;}
select{border-width:1px;_zoom:1;border-style:solid;padding-top:2px;font-size:0.12rem;}
a:link,a:visited{text-decoration:none; color:#555;}
a:hover { color:#005bad; }
.phone-hidden{ display:none;}

#top {height:70px; width:100%; background:#eee; color:#555; position:fixed; z-index:999;  top:0;}
.topk {height:100%; width:100%; margin:0 auto; }
.top_left {height:100%; width:100%; position:relative;  }
.top_left img {height:30px; width:auto;  margin:20px 5px; position:absolute; left:15px; float:left;}
.top_left h2 {  line-height:30px; font-size:0.17rem; text-align:center; padding-top:13px;  }
.top_left span {font-size:0.12rem; text-align:center; line-height:10px;  }
.top_left span.sq { display:none;}


/*手机导航*/
.ph-menu {width:100%; height:100%; position:fixed; right:0; top:70px; z-index:99; background:#ddd; display:none;}
.top_left .pmenu01 img {width:auto; height:25px; margin-top:20px;  margin-left:8px; }
.top_left .pmenu02 img {width:auto; height:25px; margin-top:20px;  margin-left:8px;}
.top_left .pmenu01 {width:70px; height:70px; margin:0; position:absolute; top:0; right:0; cursor:pointer;  background:#005bad; }
.top_left .pmenu02 {width:70px; height:70px; margin:0; position:absolute; top:0; right:0; display:none; cursor:pointer; background:#005bad;   }
.ph-menu ul { width:100%; border-top:1px solid #ccc;  }
.ph-menu ul li { width:100%; height:auto; line-height:0.4rem; border-bottom:1px solid #ccc; font-size:0.14rem;  }
.ph-menu ul li a { color:#555; font-weight:bold; }
.ph-menu ul li ul.pnavlist {  background:#f5f5f5;  display:none;}
.ph-menu ul li ul.pnavlist li a {  color:#555; font-weight:normal;}

/*底部导航*/
.navbar {width:100%; height:50px; position:fixed;  bottom:0; z-index:9999; background:#eee; font-size:0.1rem;}
.navbar .d-nav {width:25%; height:50px; line-height:20px;  float:left; text-align:center;  }
.navbar .d-nav ul { width:25%; height:auto; position:absolute; bottom:50px; color:white; font-size:0.1rem; display:none; background:white; }
.navbar .d-nav ul li.dl-nav {width:100%; height:45px; line-height:45px;  float:left; text-align:center; margin-bottom:1px;}
.navbar .d-nav ul li.dl-nav a {background:#2573b8; font-weight:bold;}
.navbar .d-nav a { width:100%; height:100%; background:#005bad; display:block; color:#fff; }
.navbar .d-nav span { width:100%; height:100%; background:#005bad; display:block; color:#fff; }
.navbar .d-nav img {width:auto; height:16px; padding-top:10px; }

/*banner样式*/
.banner {height:220px; width:100%; margin:0 auto;  z-index:0; position:relative; margin-top:70px; overflow:hidden;  }
.bannerbox ul{height:100%; width:100%;  position:relative;   }
.bannerbox ul li { width:100%; height:100%; position:absolute; top:0; }
.bannerbox img {height:100%; width:auto;  }

.probanner {height:180px; width:100%; overflow:hidden;  z-index:0; position:relative;  margin-top:70px;  }
.bannerbox {height:100%; width:auto; margin:0 -100%;  }
.probanner img {height:100%; width:auto;  }

.yuandian {width:60px; height:20px; position:relative; top:-35px; left:50%; z-index:2;}
.yuandian span { width:8px; height:8px; border-radius:50%; margin:0 4px; background-color:#ccc; line-height:8px; display:block; float:left; position:relative;  left:-50%; }

/*导航标题*/
.menu_box {width:100%; height:110px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:25px auto;  position:relative; top:0;}
.menu_box img {width:auto; height:15px; margin-top:-20px;  background:white; padding: 0 10px; }
.menu_box h2 {color:#005bad; margin-top:10px; font-size:0.15rem;}
.menu_box span {color:#555; line-height:0.18rem; }

/*主体样式*/
#main { height:auto; width:100%; float:left; }

/*品牌优势*/
.brand {width:100%; height:380px; margin:0 auto; position:relative; top:0; }
.brandbox {width:33%; height:auto; float:left; margin:5px 0; }
.brandbox h2 {margin-top:-10px; color:#005bad; font-size:0.14rem; }
.brandbox span {color:#555; line-height:20px; font-size:0.1rem}
.b_boxtop {background:#005bad; width:85px; height:85px; border-radius: 50%; line-height:85px; margin:25px auto; }
.b_boxtop img {width:50px; height:auto; }

/*产品展示*/
.probox {width:100%; height:auto; margin:30px auto; overflow:hidden; position:relative; top:0; }
.probox ul {width:100%; height:auto; float:left;}
.probox ul li{float:left; width:50%; height:auto; }
.pro_k {width:97%; height:auto; overflow:hidden; color:#555; border-left:1px solid #ccc; border-right:1px solid #ccc; border-top:1px solid #ccc;  }
.probox ul li img{width:100%; height:auto; }
.probox ul li h3 {width:97%; height:30px; line-height:30px; background-color:#eee;  margin-bottom:8px ; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;  }

/*工程案例*/
.casebox {width:100%; height:auto; margin:30px auto; overflow:hidden; position:relative; top:0;  }
.casebox ul {width:100%; height:auto; float:left;}
.casebox ul li{float:left; width:50%; height:auto; }
.case_k {width:97%; height:160px; overflow:hidden; color:#555; }
.casebox ul li img {width:100%; height:100%;}
.casebox ul li h3 {width:97%; height:30px; line-height:30px; background-color:#eee; margin-bottom:8px ; } 

/*品牌展示*/
.brandlogo {width:100%; height:auto; margin:30px auto; overflow:hidden; position:relative; top:0;  }
.brandlogo ul {width:100%; height:auto; float:left;}
.brandlogo ul li{float:left; width:20%; height:auto;  display: flex; align-items: center; overflow:hidden; }
.brandlogo ul li img{width:90%; height:auto; margin:3px 3px; padding:0;  border:1px #eee solid; }

/*新闻中心*/
.newsbox {width:100%; height:auto; margin:30px auto;  }
.news_qa {width:100%; height:30px; border-bottom:1px solid #ccc; margin-bottom:10px; margin-top:10px;  float:left;}
.news_qa h2 {margin-right:10px; color:#005bad; float:left; font-size:0.15rem; padding:0 20px;}
.news_qa h2 a {color:#005bad;}
.pnews_left {width:100%; height:auto; }
.news_right {width:100%; height:auto;  text-align:left; line-height:25px; }
.news_right ul {padding:0 20px;}
.news_right ul li {margin:10px 0;}
.news_right ul li img {width:0.2rem; height:0.2rem; margin-right:5px; margin-top:-3px;}
.news_right ul li h3 {display:inline; color:#005bad; font-size:0.13rem; }
.news_right ul li h3 a {color:#005bad;}
.news_right ul li span {text-align:left; }

/*产品列表页*/

.promain { width:100%; height:auto; margin:0 auto; padding-bottom:30px; }


/*搜索栏样式*/
.searcher {width:100%; height:50px; background:#eee; color:#555; float:left; margin-top:10px;}
.s_box {width:100%; height:100%; margin: 0 auto; line-height: 50px;}
.search {width:100%; height:100%; float:right; margin-top:-2px;}
.search input {width:80%; height:30px; padding-left:10px; color:#555; }
.search .submit {width:30px; height:30px; margin-left:-20px; }

/*左*/
.pro-leftnav {width:100%; height:auto; float:left; margin-top:10px;}
.pnav02 {width:100%; height:auto; margin:10px auto; text-align:center; float:left; }
.pnav02 h3 {width:96%; height:35px; line-height:35px; font-size:0.15rem; background:#005bad; color:white; margin:0 auto; }
.pnav02 h3.proli {width:96%; height:35px; line-height:35px; font-size:0.15rem; background:#005bad; color:white; margin:0 auto; }
.pnav02 ul {width:96%; height:auto; background:#f6f6f6; float:left; margin-left:2%; padding:10px 0; }
.pnav02 ul li {width:50%; height:20px; line-height:20px; margin:2px 0; float:left; text-align:left;  position:relative; font-size:0.14rem;  }
.pnav02 ul li a{ margin-left:25px; }
.pnav02 ul li a.blue{margin-left:25px; color:#005bad; font-weight:bold; }
.pro-sj {width: 0; height: 0; border-top: 5px solid transparent; border-left: 5px solid #005bad; border-bottom: 5px solid transparent; float:left; position:absolute; left:13px; top:5px;}
.pnav04 {width:100%; float:left;  }
.pnav04 span {width:96%; height:6px; background:#005bad; margin:0 auto; display:block;  }

/*右*/
.proright {width:100%; height:auto; float:right; margin-top:5px; }
.pro-topnav {width:97%; height:45px; border-bottom:1px solid #ccc; text-align:left; margin:0 auto;  }
.pro-topnav span { line-height:55px; margin-left:10px; color:#555; font-size:0.12rem; }
.pro-content {width:100%; height:auto; margin-top:15px; position:relative; float:left;}
.pro-content ul {width:100%; height:auto; position:relative; }
.pro-content ul li {width:50%; height:auto; float:left; overflow:hidden; }
.pro-content ul li h3 {width:97%; height:30px; line-height:30px; background-color:#eee; margin-bottom:8px ; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
.pro-box {width:97%;  height:auto; overflow:hidden; border-left:1px solid #ccc; border-right:1px solid #ccc; border-top:1px solid #ccc; }
.pro-box img{width:100%; height:auto; }

.nav-page {width:97%; height:30px; text-align:center; line-height:30px; float:left; font-size:0.12rem; margin:20px 0;}
.nav-page span a {border:1px #ccc solid; padding:3px 6px;}
.nav-page span a:hover {background:#005bad; color:white; }

/*产品详情页*/ 
.pro-page {width:100%; height:auto; margin-top:15px; position:relative; overflow:hidden;}
.propage-up {width:100%; height:auto; overflow:hidden; margin-bottom:40px; }
.propage-up .pro-picbox  {width:98%; height:auto; overflow:hidden; margin:0 auto;}
.propage-up .pro-picbox img{width:100%; height:auto; }
.pro-jianjie {width:97%; height:auto; margin:0 auto;  border-bottom:1px solid #ccc; padding-bottom:10px;  }
.pro-jianjie h1 {width:100%;font-size: 0.18rem; color:#005bad; line-height:35px; border-bottom:1px solid #ccc; text-align:left; margin:10px auto;}
.pro-jianjie ul {width:100%; height:auto; text-align:left; }
.pro-jianjie ul li { height:auto; color:#555; margin-left:5px; margin-bottom:10px; }
.pro-jianjie ul li.phone { color:#005bad; font-weight:bold; font-size:0.16rem; line-height:35px; height:35px; }
.propage-down {width:100%; height:auto; margin-top:15px; position:relative;}
.propage-down h2 {font-size: 0.18rem; color:#005bad; line-height:30px; border-bottom:1px solid #ccc; width:95%; text-align:left; padding-bottom:3px;  margin:10px auto;}
.propage-con {width:97%; min-height:500px; height:auto; overflow:hidden; margin:0 auto; text-align:left; }
.propage-con img {width:100%; height:auto; }
.pro-xgcp {width:97%; height:265px; margin:10px auto;}
.xgcpbox {width:98%; height:auto; overflow:hidden;}
.xgcpbox img {width:100%; height:auto;}
.pro-xgcp ul li {width:50%; height:auto; float:left; }
.pro-xgcp ul li span { width:98%; height:35px; line-height:35px; margin-bottom:8px; background:#eee; display:block; }

/*案例列表页*/
.case-content {width:97%; height:auto; position:relative; margin:15px auto;}
.case-content ul li {width:50%; height:auto;  float:left; }
.case-content .casepic {width:98%; height:150px; float:left; margin:0 auto; overflow:hidden;}
.case-content .casepic img {width:100%; height:100%; }
.case-content .casecon {width:98%; height:30px; float:left; text-align:center; background:#eee; color:#555; margin-bottom:8px;} 
.case-content .casecon  h2 {width:100%; line-height:28px; font-size:0.14rem; }
.case-content .casecon  h2 a {color:#005bad;}
.case-content .casecon span {display:none; }

/*案例详情*/
.proright .case01 {width:100%; height:auto; position:relative; margin:15px auto; text-align:left; }
.proright .case01 h1 {width:96%; height:auto; line-height:30px; font-size:0.21rem; color:#005bad; margin:0 auto; margin-bottom:5px; }
.proright .case01 .case01-con {width:96%; height:auto; margin:25px auto; font-size:0.15rem; font-weight:300; line-height:1.7;  }
.proright .case01 .case01-con  h2{font-size:0.15rem; color:#005bad; }
.proright .case01 .case01-con p {margin:10px auto; font-size:0.14rem; }
.proright .case01 .case01-con  a{color:#005bad; font-weight:bold; }
.proright .case01 .case01-con img { width:100%; height:auto;}
.proright .case01 span {margin:10px 10px; line-height:20px; height:60px;  color:#555; font-size:0.13rem; }
.proright .case01 .case01-bq {width:96%; height:auto; text-align:left; margin:20px auto; }
.proright .case01 .case01-bq span.keybq {color:#005bad; margin:0;  font-weight:bold;}
.proright .case01 .case01-bq span.wzbq { margin-top:10px;}
.proright .case01 .case01-bq strong { margin-top:10px; color:#555;}
.proright .case01 .case01-bq .nav-info {font-size:0.13rem; margin:15px auto;}
.proright .case01 .case01-bq .nav-info span { margin:5px 0;}

/*新闻列表*/
.newslist {width:98%; height:auto; float:right; font-size:0.12rem; margin:0 auto; }
.newslist ul {width:100%; height:auto; }
.newslist ul li {width:98%; height:80px; text-align:left; margin:10px auto; padding-bottom:10px; border-bottom:1px solid #eee; overflow:hidden;}
.newslist ul li .news_k {width:25%; height:100%; overflow:hidden; float:left;  }
.newslist ul li .news_k img {width:100%; height:100%; }
.title_k {width:70%; height:80px;  float:right; padding-right:10px;  }
.title_k span.newsjj {display:none;  }
.title_k span.ptimes { line-height:60px; margin-right:20px; font-size:0.1rem; }
.title_k h3 { width:100%; height:40px; overflow:hidden; }
.title_k .times { display:none;}

/**相关文章*/
.xgnews {width:97%; height:auto; margin:0 auto; overflow:hidden;}
.xgnews a:hover{ font-weight:400;}
.xgnews .xgnewslist ul li { width:100%; float:left; border-bottom:1px solid #ccc; padding:15px 0; overflow:hidden; }
.xgnews_k {width:25%; height:80px; overflow:hidden; float:left;}
.xgnews_k img{width:100%; height:100%;}
.xgnews h2{width:100%; font-size: 18px; color:#005bad; border-bottom:1px solid #ccc; text-align:left; padding-bottom:10px; padding-left:10px; }
.xgnewstitle {width:70%; height:80px; float:left; text-align:left; margin-left:3%;}
.xgnewstitle h3{ width:100%; height:40px; overflow:hidden;}
.xgnewstitle span.xgnews-jj{display:none;}
.xgnews-bq span.xgnews-time {font-size:0.1rem; margin-right:15px; line-height:60px;}

/*联系我们*/
.lxwm-con { width:50%; height:auto; float:left; margin:10px auto; text-align:center; overflow: hidden;}
.lxwm-con img { width:30px; height:30px; }
.lxwm-con h3 { line-height:40px; font-size:18px; color:#005bad; margin-top:10px;}
.lxwm-con span { line-height:20px; text-align:left; display:inline-block; margin-top:10px; color:#555;}

#allmap {display:none; }
.pmap {width:97%; height:auto; margin:0 auto; }
.pmap img{width:100%; }

#footer { height:auto; width:100%; background:#eee; margin:20px auto; float:left;  position:relative;  }
.footer_neirong {width:100%; height:auto; margin:0 auto; text-align:left; overflow:hidden;}
.footer_nav {width:100%; height:240px; margin-left:8%;}
.footer_nav ul li {margin:3px 0; font-size:0.14rem;  }
.footer_nav ul li.navstyle999 h2 {font-size:0.18rem; color:#005bad; line-height:50px; margin:15px 0; }
.footer_nav ul li.navstyle999 a { color:#005bad;  font-weight:bold; }
.footer_nav ul li.navstyle a {color:#005bad; font-weight:bold;}
.footer_banquan {width:100%; height:auto; padding:15px 0; background:#ddd; color:#555; position:relative; top:0; border-top:1px #eee solid; }
.footer_banquan img {height: 0.18rem; margin-left: 5px; margin-bottom: 5px;}
.footer_banquan a {color:#555;}
.footer_banquan span {display:block; margin:5px 0; }






}
