@charset "utf-8";
/*
河北顺茂网络科技有限公司
服务热线：400-806-2015
http://www.hbsmwlkj.com/
*/


html,body,div,iframe,span,
dl,dt,dd,ul,ol,li,
form,input,textarea,pre,p,blockquote,
th,td{ margin:0; padding:0; font-size:100%;}
a{text-decoration:none;}
li{list-style:none;}
.clear{ clear:both;}
h1,h2,h3{ font-weight:normal; padding:0px; margin:0px; }
img{ border:0; }

.fl{ float:left; display:inline; }
.fr{ float:right;display:inline; }


/* a B13CDC*/
a{ color:#666; }
a:hover { text-decoration:none; }

/* body */
body,html { font-family:"微软雅黑","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"宋体"; font-size:12px; color:#666 }
body{ max-width:600px; margin:0 auto; background:#fff;box-sizing:border-box; padding-bottom:50px;}

.w-top{height:42px; background:#333333; color:#fff; text-align:center; line-height:42px; font-size:16px;}
.w-top span{display:inline-block; padding-left:30px; height:42px; background:url(../img/ficon2.png) no-repeat left center / 20px;}

.x-header{background:#fff; text-align:center; padding:15px 20px;}
.x-header img {display:block; width: 100%;}
.wfont{font-size:18px; color:#333; text-align:center; padding-top:7px;}
.wfont span{font-weight:bold; color:#094;}


.wnav{background:#094 url(../img/navline.png) repeat-x left center;}
.wnav li{float:left; width:calc(33.3% - 20px); padding:10px; background:url(../img/navline.png) repeat-y left center; text-align:center;}
.wnav li a{display:block; color:#fff;}
.wnav li img{display:block; margin:0 auto; width:80%;}

#yyyy{ text-align:center; }

.ifooter{ border-top:3px solid #094; text-align:center; background:#333; background-size:cover;font-size:12px; line-height:24px; padding-top:55px; color:#777676; padding:20px; margin-top:10px; }


.ibrand { margin-left:80px; position:relative; border-bottom:1px solid #efefef;margin-top:20px; }
.ibrand span{ position: absolute; left:-80px; top:0; display:block; line-height:40px; width:80px; text-align:center; }
.ibrand a{ display:inline-block; height:40px; line-height:40px; vertical-align:middle; margin-bottom:10px; }
.ibrand a{ margin-right:10px; border:1px solid #efefef;}
.ibrand a img{ height:100%; }

.iclass { margin-left:80px; position:relative; border-bottom:1px solid #efefef;margin-top:10px; padding-bottom:20px; }
.iclass span{ position: absolute; left:-80px; top:0; display:block; line-height:24px; width:80px; text-align:center; }
.iclass li{ display:inline-block; height:24px; line-height:24px; vertical-align:middle; margin-right:10px; }


/**********工程项目***********/
.item{background:#f7f7f7; padding-bottom:35px;}
.item .itemhead{padding-top:40px;}
.item .itemhead h2{text-align:center; font-weight:bold; color:#282828; font-size:22px;}
.item .itemhead h2 span{color:#094;}
.itemclass{padding:10px 5px;}
.itemclass li{width:calc(50% - 30px); margin:4px 5px; float:left; background:#e8e8e8;  line-height:32px; height:32px; overflow:hidden; border-radius:3px; padding:0 10px;}
.itemclass li a{color:#333;}
.itemtj{padding:0 10px; position:relative;}
.itemobj{}
.itemobj li{}
.itemimg img{display:block; width:100%; height:auto;}
.iteminfo{color:#333; padding-top:30px;}
.iteminfo h2{font-size:16px; font-weight:bold; color:#333; line-height:28px; height:28px;}
.iteminfo h2 a{color:#333;}
.iteminfo p{font-size:14px; line-height:21px; height:63px; overflow:hidden;}
.itemsub {text-align: center; position:absolute; width:100%; bottom:100px; left:0px;}
.itemsub li { background: #b8b8b8 none repeat scroll 0 0; border-radius: 90px; display: inline-block; font-size: 0; height: 8px; margin: 0 5px; width: 40px;}
.itemsub li.on { background: #ff7e00 none repeat scroll 0 0;}
.itembox {margin-top: 20px;}


/**********产品中心*********/
.procenter{padding-top:25px;}
.prohead{ text-align:center; font-size:20px; font-weight:bold; color:#094;}
.prohead a{color:#094;}
/*.prolist{}
.prolist li{width:50%;}*/
.prolist{padding:20px 10px ;}
.prolist li{width:calc(50% - 10px); margin:10px 5px; float:left; text-align:center;}
.prolist li img{display:block; width:100%; height:230px;}
.prolist li h2{color:#666666; font-size:12px; height:32px; text-align:left; line-height:20px; margin-top:5px;}
.prolist li h2 a{color:#666;}

.prolist li h2 span{ color:#f09c20; font-weight:bold; }
.prolist li h2 span i{ padding-left:10px; font-size:12px; }

/*********ys**********/
.ys{background:#ffffff;  padding-bottom:50px;}
.yshead img{display:block; margin:0 auto; width:100%;}
.yslist{padding:20px 20px 0;}
.yslist ul li img{display:block; margin:0 auto; width:100%;}
.ysinfo{padding-top:10px; padding-bottom:15px;}
.ysinfo .ysnum{width:50px; height:50px; background:#00b13d; font-size:36px; color:#fff; font-family:"Arial"; line-height:50px; text-align:center; float:left; margin-right:10px; margin-top:12px;}
.ysfont{float:left;}
.ysinfo h2{font-size:18px; font-weight:bold; color:#333; line-height:36px; height:36px; padding-top:3px; background:url(../img/ysline.jpg) no-repeat left bottom; padding-bottom:5px; margin-bottom:5px;}
.ysinfo p{font-size:14px; color:#666; line-height:24px;}

.subc{text-align:center;}
.subc li{display:inline-block; width:24px; height:24px; line-height:24px; background:#9a9a9a; margin:0 5px; font-size:16px; text-align:center; color:#fff; font-weight:bold;}
.subc li.on{background:#094; color:#fff;}






/************about us**************/
.about{padding:50px 30px 35px; background:url(../img/aboutbg.jpg) no-repeat top center / 100%;}
.abouthead{text-align:center; font-size:20px; font-weight:bold; color:#fff; padding-bottom:25px; background:url(../img/abouthimg.png) no-repeat center bottom; margin-bottom:25px;}
.about img{display:block; width:100%;}
.aboutinfo{}
.aboutinfo h2{font-size:18px; color:#222; font-weight:bold; line-height:46px;}
.aboutinfo h2 a{color:#222;}
.aboutinfo p{font-size:14px; line-height:24px; color:#666; word-wrap:break-word;}

/*********相册*********/

/**********企业相册***********/
.album{padding-bottom:15px;}
.albumbox{position:relative; padding:0 35px;}
.albumlist li{width:calc(50% - 10px); float:left; margin:0 5px; text-align:center;}
.albumlist li img{display:block; width:100%; height:158px;}
.albumlist li h2{font-size:14px; height:38px; line-height:38px;}
.albumlist li h2 a{color:#666;}
.album .albtn{display:block; width:13px; height:29px; position:absolute; top:calc(50% - 38px);}
.albumbox .prev{background:url(../img/abtnl.png) no-repeat left center; left:5px;}
.albumbox .next{background:url(../img/abtnr.png) no-repeat left center; right:5px;}


/*********news**********/
.newshead{height:54px; line-height:54px; background:#e3e3e3;}
.newshead  .hyhead{display:block; height:54px; line-height:54px; background:#094 url(../img/newsicon.png) no-repeat 15px center / 18px; padding-left:40px; font-size:14px; color:#fff; width:90px; font-weight:bold;}
.qyzx{padding-left:15px; font-size:14px; font-weight:bold; color:#094; float:left;}
.nmore{display:block; width:64px; height:64px; font-size:16px; color:#333;}





.swi{background:#efefef; margin-bottom:0;}
.swipea{ position:relative; }
.swipea #js{bottom:10px;left:0;width:100%;position:absolute;text-align:center}
.swipea #js a{background:#372801;color:#fff;margin:0 2px;font-size:9pt; overflow:hidden; opacity:0.8;width:10px;height:10px;line-height:100px;display:inline-block;text-align:center;border-radius:50%}
.swipea img{width:100%; display:block; }
.swipea #js a.active{background:#f3653f}
.swipea li{ display:none; min-height:100px; }




.newsbox{padding:0 20px;}
.news{}

.newslist{width:100%; padding-top:25px;}
.newslist li{line-height:32px;font-size:14px; overflow:hidden;}
.newslist li span{float:right; font-size:14px; color:#333; width:90px;}
.newslist li a{color:#333; width:calc(100% - 115px); overflow:hidden; display:inline-block; height:32px; float:left;}


.btop{margin:28px 20px; text-align:center;}
.btop .backtotop{width:100%; display:block; margin:0 auto;}
.wadd{padding-top:10px; text-align:left;}
.wadd p{border-bottom:1px dashed #d0d0d0; padding-left:10px; font-size:12px; color:#6a6a6a; padding-bottom:8px; line-height:21px;}
.copyright{text-align:center; padding-top:7px;}
.btop .fcode{max-width:40%; display:block; margin-top:20px; margin:20px auto 0 auto;}

/********企业相册*******/



.fbt{position:fixed;bottom:0;left:0;width:100%;height:60px}
.fbt li{float:left;width:25%;height:60px;background:#094;text-align:center}
.fbt li div{padding-top:8px; height:52px}
.fbt li.s2{background:#45b466;}
.fbt li.s4{background:#45b466;}
.fbt li a{color:#FFF}
.fbt li div{border-right:1px solid #094;text-align:center}
.fbt li div img{display:block;margin:0 auto;padding-bottom:2px;text-align:center; height:21px;}




/* 公共部分 */
.where{ padding:10px 20px; background:#eaebf0; color:#666; font-size:12px; }
.where a{ color:#666;}

.iab{ padding:20px; }
.iabf{ color:#666; line-height:25px; font-size:14px; }
.iabd pre {
    white-space: break-spaces;
}

.iabt{ font-size:18px; text-align:center; padding-bottom:20px; }
.iabd{ background:#f2f2f2;line-height:20px;  color:#666; font-size:12px; margin-bottom:20px; padding:20px;}
.iabi img{ width:100%; padding-bottom:20px;}

.iabf img{ display:block; width:100%; }

.ipp{ padding:20px 0; border-top:1px solid #efefef;  }
.ipp .pre,
.ipp .next{ height:30px; line-height:30px; overflow:hidden; padding:0 10px; margin:0 20px; font-size:12px; }
.ipp .pre{ color:#666; }
.ipp .pre a{color:#666;}
.ipp .next{ color:#bad528; }
.ipp .next a{ color:#666;}

.inews{ padding:20px; }
.inewsl li{ border-bottom:1px solid #efefef; padding-bottom:20px; margin-bottom:20px; }
.inewsl li .m05{ font-size:16px; color:#666; font-weight:bold; text-align:center; display:block; }
.inewsl li p{ padding-top:10px; line-height:20px; color:#666; font-size:12px; }
.inewsl li img{ width:100%; margin-bottom:10px; }

.ipa{ text-align:center; padding:0 10px; padding-bottom:20px; }
.ipa span,
.ipa a{ display:block; width:30px; height:30px; border-radius:50%; display:inline-block; border:1px solid #4f4f4f; line-height:30px; font-size:14px; margin:0 5px 10px 5px; color:#666;  }
.ipa span.now{ background:#4f4f4f; color:#fff; border-color:#fff; }
.ippa{ padding:0 20px; padding-bottom:20px; }

.inull{ height:40px; line-height:40px; font-size:14px; text-align:center;  color:#666;}
.icc{ padding:20px; text-align:center; }
.icc a{ display:inline-block; font-size:12px; margin:4px; line-height:22px; background-size:20px; color:#268fe3; padding:0 5px 0 5px; border:1px solid #268fe3; border-radius:11px; }



.iwprb{ padding:20px 15px; }
.iwprb li{ width:50%; float:left; margin-bottom:10px; }
.iwprb li .iwprbs{ margin:0 5px; }
.iwprb li .iwprbs img{ width:100%; display:block; height:300px; }
.iwprb li .iwprbs h1 a{ background:#f2f2f2; font-size:12px; display:block; line-height:30px; height:30px; overflow:hidden; text-align:center; }


.xxtty{  padding:10px; color:#666; line-height:22px; font-size:12px; text-align:center;}


.iwprx{ padding:20px; }
.iwprx li{margin-bottom:10px; border-bottom:1px solid #efefef; padding-bottom:10px;}
.iwprx li .iwprbs{  }
.iwprx li .iwprbs img{ width:100%; display:block; }
.iwprx li .iwprbs h1 a{ background-size:50px; font-size:14px; color:#268fe3; display:block; line-height:30px; height:30px; overflow:hidden; text-align:center; }

.fgh{ border-top:1px solid #efefef; padding-top:10px; margin-top:10px; }
.fgh a{ display:inline-block; background:#1c69a7; font-size:14px; border-radius:5px; color:#fff; padding:0 20px; line-height:40px; margin:0 5px;}

.iwcc{ position:fixed; bottom:10px; right:0px; }
.iwcc .icct{ width:40px; height:40px; border-radius:10px; line-height:40px; text-align:center;  display:block; background:#268fe3; color:#fff; text-align:center; font-size:10px; margin-bottom:5px; border:1px solid #fff;  }
.iwcc .icct i{ font-size:18px;  vertical-align:middle; text-align:center;}
.iwcc .icur{ background:#4f4f4f; color:#fff;}

.ittwpr{ background:#333; margin-bottom:20px; }
.ittwpr .ittl{ color:#fff; line-height:30px; text-align:center; }


.iwpr0{ background:#fff }
.iwpr0 .iwprbb{ padding:10px; }
.iwpr0 ul li{ width:50%; float:left; }
.iwpr0 ul li .iwprb{ margin:5px; background:#fff; border:1px solid #efefef; padding:0; }
.iwpr0 ul li h1{ position:relative; font-size:12px; font-weight:bold; text-align:left; background:#268fe3 url(../ds/jljs.png) no-repeat 5px center; background-size:50px; padding-left:60px; line-height:30px; height:30px; overflow:hidden; border-top:1px solid #efefef; }
.iwpr0 ul li h1 a{ color:#fff;}
.iwpr0 ul li img{ width:100%; display:block; margin:0 auto; height:200px; }
.iwpr0 ul li h1 span{ position:absolute; display:block; background:#268fe3 url(../ds/itel.jpg) no-repeat; background-size:30px; height:30px; line-height:30px; width:30px; right:0px; top:0px;}



.hpbb{ background:#268fe3; padding-bottom:20px; }
.hpb{margin:0 5%; border-radius:10px;padding:10px;}
.hpb img{ width:100%; border-radius:10px; }
.hpb li{ position:relative; margin-top:10px; }
.hpb li .hpbb{ position:absolute; bottom:0; left:0px; width:100%;}
.hpb li .hpbb a{ background:#f80404 url(../ds/x11.png) no-repeat 5px center; background-size:25px; line-height:30px; color:#fff; font-size:16px; font-weight:bold; display:block; padding:0 10px; padding-left:35px;}
.hpb li .hpbb p{ background:rgba(0,0,0,0.5) ; background-size:30px; color:#fff; font-size:12px; line-height:20px; display:block; padding:10px; }


.zbtx{ font-size:14px; color:#fff100; padding-top:10px; display:block; text-align:center; }


.s1t{position:absolute; bottom:5px; left:45px; height:auto; width:120px; display:none }
.s1t a{ display:block; padding-left:30px; padding-right:20px; height:30px; line-height:30px;background:rgba(0,0,0,0.6) url(../ds/f1.png) no-repeat 10px center; background-size:20px; border-radius:15px; margin-bottom:5px; }

.idescr{ border:1px solid #efefef; padding：10px; line-height:22px; font-size:12px; padding:10px; margin-bottom:20px; }
img.xj{ display: block; width:100%;  margin-bottom:20px;}


.m-case-box .xxjg{  border-top:1px solid #efefef; line-height:50px; margin-top:20px; text-align:center; }
.m-case-box .xxjg span{ color:#094; font-size:20px; font-weight:bold; }
.m-case-box .xxlx{ text-align:left; border-top:1px solid #efefef; padding-top:20px; text-align:center; }
.m-case-box .xxlx a{ text-align:center; display:inline-block; font-size:14px; color:#fff; background:#45b466; line-height:30px; padding:0 40px; border-radius:20px; margin-right:10px; }

@media (max-width: 580px) {
	.x-products .list img{height:215px;}
	.prolist img{height:180px;}
	.partnerlist li img{height:155px;}
	.prolist li img{height:238px;}
	.caselist li img{height:210px;}
	.albumlist li img{height:155px;}
}

@media (max-width: 480px) {
	.x-products .list img{height:190px;}
	.prolist img{height:140px;}
	.partnerlist li img{height:121px;}
	.prolist li img{height:195px;}
	.caselist li img{height:168px;}
	.albumlist li img{height:121px;}
}

@media (max-width: 400px) {
	.x-products .list img{height:140px;}
	.prolist img{height:110px;}
	.partnerlist li img{height:100px;}
	.prolist li img{height:161px;}
	.caselist li img{height:140px;}
	.albumlist li img{height:100px;}
}

@media (max-width: 360px) {
	.x-products .list img{height:135px;}
	.prolist img{height:100px;}
	.partnerlist li img{height:84px;}
	.prolist li img{height:136px;}
	.caselist li img{height:123px;}
	.albumlist li img{height:85px;}
}