﻿body{ margin:0; padding:0; font:14px/1.5 "Microsoft YaHei",Tahoma,Arial,"宋体"; color:#333} 
form,ul,li,ol,dl,dt,dd,p,i,h1,h2,h3,h4,h5,h6{ margin:0; padding:0}
ul,li{ list-style:none}  img{ border:0} 
.divc{ margin:0 auto} em,i{ font-style:normal}
.dp{ display:block} .fl{ float:left} .fr{ float:right}
.cl{ clear:both; height:0; font-size:0; overflow:hidden}
.fb{ font-weight:bold}  .tc{ text-align:center}
.mt10{ margin-top:10px} .mt5{ margin-top:5px} .ml5{ margin-left: 5px;} 
.w1200{ width:1200px}  .cor_bs{ color: #fff;}
.red{ color: red;}
a{color:#333; text-decoration:none}   
a.bs:link,a.bs:visited{ color:#fff; text-decoration:none} 
a.bs:hover,a.bs:active{ color:#fff; text-decoration:none}
a.his:link,a.his:visited{ color:#666; text-decoration:none} 
a.his:hover,a.his:active{ color:#222; text-decoration:none}
a.lsd:link,a.lsd:visited{ color:#204eae; text-decoration:none} 
a.lsd:hover,a.lsd:active{ color:#0166FC; text-decoration:none}
.clearfix:after{content:"."; display:block; visibility:hidden; height:0; clear:both}

.header{ height: 100px;}
.logo-box{ width: 430px;}
.logo-box .logo{ width: 136px; height: 100px; }
.logo-box .syy-s{ width: 268px; height: 100px; line-height: 100px; font-size: 18px; margin-left: 15px;}
.phone-s,.phone-s img{ width: 299px; height: 100px;}
.nav-box{ height: 55px; background-color: #204eae;}
.nav ul li{ float: left;  height: 55px; line-height: 55px; font-size: 16px; width: 150px; text-align: center;}
.banner{ height: 470px; background: url(../img/banner.jpg) center no-repeat; margin-bottom: 72px;}
/******关于我们******/
.about-con{ width: 441px; font-size: 16px;}  .about-con p{ line-height: 23px;}
.about .tit{ margin-bottom: 15px;} 
.about .tit img{ width: 244px; height: 72px;}
.about-pic-s,.about-pic-s img{ width: 441px; height: 163px;}
.about-pic-s{ margin-top: 15px;}
/********资质荣誉*******/
.Honor-box{ height: 576px; background-color: #f4f4f4; padding-top:66px}
.Honor-box .tit{ width: 214px; height: 80px; background: url(../img/ry-tit.jpg) no-repeat;}
.picScroll-left{ width:1200px; position:relative;  margin: 0 auto;}
.picScroll-left .bd{ margin-top: 28px;}
.picScroll-left .hd{ overflow:hidden;}
.picScroll-left .hd .prev{ display:block;  width:42px; height:78px; overflow:hidden;cursor:pointer; background:url("../img/prev.png") no-repeat;}
.picScroll-left .hd .prev{ position: absolute; left: -60px; top: 160px;}
.picScroll-left .hd .next{ display:block;  width:42px; height:78px; overflow:hidden;cursor:pointer; background:url("../img/next.png") no-repeat;}
.picScroll-left .hd .next{ position: absolute; right: -50px; top: 160px; }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 5px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:228px; height:300px; display:block;}
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ height: 48px; line-height:48px; background-color: #e9e9e9;}
.box ul li span{ height: 45px; line-height: 45px; background-color: #e9e9e9; text-align: center; font-size: 16px;}
.box ul li{ margin-left: 10px;}
.more{ width: 134px; height: 29px; line-height: 29px; border: 3px #d2d2d2 solid; text-align: center; font-size: 16px; margin: 38px auto;}
/********售后服务*******/
.Cs-fw .tit{ text-align: center; margin-top: 52px;}
.Cs-fw .tit span{ font-size: 18px; color: #666; margin-top: 10px;}

.sh-01,.sh-02{ width: 363px; height: 226px; background-color: #f5f5f5; padding: 36px 0 0 32px;}
.sh-03{ width: 375px; height: 226px; background-color: #f5f5f5; padding: 36px 0 0 20px;}
.sh-01 .tit-b{ width: 191px; height: 50px;}
.sh-02 .tit-b{ width: 159px; height: 46px;}
.sh-03 .tit-b{ width: 221px; height: 45px;}
.sh-01 .tit-b,.sh-02 .tit-b,.sh-03 .tit-b{ margin-bottom: 15px;}
.sh-01 p,.sh-02 p,.sh-03 p{ font-size: 16px; color: #666; line-height: 28px;}
.sh-01 p span,.sh-02 p span,.sh-03 p span{ margin-left: 24px;}
.sh-02{ margin: 55px 7px 0;}
.sh-01,.sh-03{ margin-top: 55px;}

/*******新闻********/
.news-box{ background-color: #f4f4f4; height: 718px; margin-top: 45px;}
.news-box .tit{ width: 186px; height: 67px; padding: 58px 0 38px;} .news-box .tit img{ width: 186px; height: 67px;}
.newsd{ margin-right: 26px;}
.newsd .news-pic,.newsd img{ width: 584px; height: 335px;}
.newsd h4 a{ width: 520px; height: 45px; line-height: 45px; font-size: 18px; font-weight: 700; padding-top: 5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.new-con{ background-color: #fff; height: 152px; padding: 0 20px;}
.new-con span{ width: 520px; height:48px; line-height: 24px; color: #757575; overflow: hidden;}
.mo-gbtn{ font-size: 16px; text-transform: uppercase; margin-top: 20px;}  

.xwx01{ width: 284px; height: 235px; background-color: #fff; padding: 0 28px;}
.xwx01 h4 a{ height: 45px; line-height: 45px; font-size: 16px; font-weight: 700; padding-top: 18px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.xwx01 span{ width: 284px; height: 92px; line-height: 24px; color: #757575; overflow: hidden;}
.xw01 .xpic,.xw01 img{ width: 235px; height: 235px;}
.h25{ height: 17px;}

/***********底部***********/
.footer-box{ height: 284px; background-color: #204eae;}
.db-logo{ margin: 90px 158px 0 0;} .db-logo,.db-logo img{ width: 162px; height: 129px;}
.db-xx-jt{ margin-top: 60px;}
.qtphone,.qtphone img{ width: 396px; height: 52px;} .qtphone{ margin-bottom: 8px;}
.db-xx-jt p{ color: #fff; font-size: 16px; margin: 0 0 5px 5px;}
.db-xx-jt p a{ color: #fff; }
.ewm{ margin: 64px 44px 0 0;}
.ewm,.ewm img{ width: 152px; height: 152px;}

/******************内页*********************/
/********工程案例*******/
.banner-ny{ height: 380px;}
.main-box{ background-color:#f2f2f2; height:auto; padding-bottom:52px; overflow:hidden}
.fen{ background-color:#fff; width:250px; padding-bottom:30px}
.main{ width:1200px}
.dwei{ height:63px; line-height:63px; color:#666; overflow:hidden}
.fen .tit{ height:80px;  background-color:#2385d8; border-top:5px #204eae solid}
.fen .tit p{ color:#fff;text-transform:uppercase;}
.fen .tit .ut{ font-size:20px; color:#fff; padding-top:13px}
.fen ul{ margin:10px 16px 0}
.fen ul li{ font-size:16px; height:45px; line-height:45px; border-bottom:1px dashed #ccc; overflow:hidden; background:url(../img/fen_jt.gif) 12px 19px no-repeat; padding-left:28px; text-transform: uppercase; color: #666;}
.fen ul li a:hover{ color:#059DDC}
.dz-y{ margin:30px 18px 0} .dz-y p{ margin-bottom:10px; color:#666}
.dh-h{ width:235px; height:100px; background:url(../img/kf74.jpg) no-repeat; margin-top:15px}
.dh-h span{ font-size:16px; padding:15px 0 2px 18px}
.dh-h p{ font-size:20px; color:#000; margin-left:17px}
.right-con{ background-color:#fff; width:880px; padding: 10px 20px 30px; border-top: 5px #204eae solid;}
.right-con .tit01{ font-size:20px; height:53px; line-height:53px; overflow:hidden; color:#333; background:url(../img/line-ab.jpg) no-repeat left bottom; font-weight:normal; padding-left:5px}

.ti{ text-indent:2em}
.mb10{ margin-bottom:10px}
.case-pic{ width:180px; height:180px; border:1px #dcdcdc solid; padding:8px; margin-right:22px}
.case-pic img{ width:180px; height:180px}
.hd-name{ font-size:18px; height: 27px; overflow: hidden; margin-bottom: 6px;}  
.time-cs{ font-size:12px; color:#AFAFAF; line-height:24px;}
.llcs{ margin-left: 20px;}
.case-info-xj{ width:650px; margin-top:15px}
.case-info-xj p{ font-size:15px; margin-top:10px; color: #777; height: 66px; overflow: hidden;}
.case01{ padding-bottom:20px; border-bottom:1px #dcdcdc dotted; margin-top:15px}
a.bt-x{ color: #555;} 
.xx-ck-ss{ font-size: 12px; border: 1px solid #ccc; width: 120px; height: 22px; line-height: 22px; margin: 25px 80px 0 0;}
a.xx-ck-ss:link,a.xx-ck-ss:visited{ color:#999; text-decoration:none} 
a.xx-ck-ss:hover,a.xx-ck-ss:active{ color:#204eae; text-decoration:none; border: 1px solid #204eae;}
a.bt-x:link,a.bt-x:visited{ color:#555; text-decoration:none} 
a.bt-x:hover,a.bt-x:active{ color:#204eae; text-decoration:none;}

.c-wz-dq{ font-weight: bold; color: #204EAE;}
.pro-con-ny ul li{ float: left; width: 210px; height: 210px; margin: 0 5px 50px;}
.pro-con-ny ul li a,.pro-con-ny ul li img{ width: 210px; height: 210px; display: block;}
.pro-con-ny ul li span{ height: 42px; line-height: 42px; overflow: hidden; color: #666;}
.fanye{ height: 50px; padding: 50px 0;}

.m-pic,.m-pic img{ width: 200px; height: 200px;}
.m-pic a{ width: 200px; height: 200px; display: block;}

.list{ overflow: hidden; zoom: 1; padding: 0 0 25px;}
.list-x{ padding-bottom: 22px; border-bottom: 1px solid #eee;}
.m_tit{ width: 660px; margin-top: 10px;}
.m_tit .m-date { font-size: 22px; color: #ccc;}
.m_tit h2{ margin: 10px 0; height: 31px; overflow: hidden; font-size: 20px;}
.m_tit p a { color: #999; text-decoration: none; height: 62px; overflow: hidden; display: block;}
/********资质荣誉******/
.pro-con-ny-zz ul li{ float: left; width: 210px; height: 277px; margin: 0 5px 50px;}
.pro-con-ny-zz ul li a,.pro-con-ny-zz ul li img{ width: 210px; height: 277px; display: block;}
.pro-con-ny-zz ul li span{ height: 42px; line-height: 42px; overflow: hidden; color: #666;}































