@charset "utf-8";
/*
   @By             	:  	D.n.sky
   @Company			:	河北顺茂网络科技有限公司
   @Time           	:   2015
   @Website       	:   http://www.hbsmwlkj.com/
   @Version        	:   2015.12.11
*/


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


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

/* body */
body,html { font-family:"微软雅黑","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"宋体"; font-size:12px; color:#666 }

body{ max-width:600px; margin:0 auto;box-sizing:border-box; padding-bottom:60px;}
html{}




/*SMWL.LTD  */
.fbt{position:fixed;bottom:0;left:0;width:100%;height:60px;z-index:554;}
.fbt li{float:left;width:25%;height:60px;background:#181721;text-align:center}
.fbt li a{color:#fff}
.fbt li div{padding-top:5px;padding-bottom:5px;height:50px;border-right:1px solid #fff;text-align:center}
.fbt li div img{display:block;margin:0 auto;margin-top:5px;padding-bottom:3px;max-height:20px;text-align:center}


.iheader{width:100%; background: #0069c5;}

.iheader ul{border-right:1px solid #fff;}
.iheader ul li{ line-height:40px; height:40px;  width:25%; float:left; text-align:center; }
.iheader ul li a{color:#fff; display:block; line-height:40px; border-right:1px solid #fff; border-bottom:1px solid #fff; }
.iheader ul li.end a{ border-right:none; }

.ftt{}
.ftt .ttop{background:#333;color:#fff;display:block;font-size:16px;height:40px;line-height:40px;text-align:center; margin:0 20px; margin-bottom:20px;}
.ftt .ttop span{background:rgba(0,0,0,0) url(../images/ttop.png) no-repeat scroll right center}
.ftt .fcode{ background:url(../images/ihj.jpg) no-repeat; background-size:cover;color:#fff;font-size:12px;padding:20px 10px;text-align:center;line-height:22px}
.fgh{ line-height:40px; text-align:center; }


.itt{ display:block; padding:10px 15px; }
.itt a{  display:block; width:50%; float:left; }
.itt a span{ display:block;background:#0069c5; margin:0 5px; height:40px; padding-top:5px; color:#fff; padding-left:40px;position:relative;}
.itt a span i{ position:absolute; left:0px; top:0px; height:40px; width:40px; display:block; font-size:30px; line-height:40px; text-align:center; }



.newsbox{padding:0 20px; padding-top:10px; }
.newsbox .newshead{height:40px; background:#0069c5 ; line-height:40px; font-size:14px;}
.newsbox .newshead a{color:#fff;}
.newsbox .newshead span{display:block; background:#333 ; text-align:center; padding-left:20px; line-height:40px; height:40px; float:left; margin-right:20px; padding-right:20px;}
.newsbox .newshead span a{color:#fff; font-weight:bold; font-size:16px;}
.newsbox .newshead .newsmore{display:block; width:28px; height:48px;  float:right; margin-right:10px; background:url(../images/newsmore.jpg) no-repeat left center;}
.newsbox ul{padding:15px 0px;}
.newsbox ul li{font-size:12px; line-height:25px; color:#000; position:relative;}
.newsbox ul li a{color:#666666; display:block; float:left; padding-right:40px;overflow:hidden; height:30px; line-height:30px;}
.newsbox ul li span{float:right; font-size:12px; /*width:30%;*/padding-right:18px; position:absolute; right:0px; top:0px; }


.about{padding-top:10px;}
.about img{width:100%; display:block;}
.about p{font-size:12px; line-height:24px; padding:0 20px; padding-bottom:15px; font-size:12px; color:#666;}
.about a.iam{ display:block; max-width:100px; background:#0069c5; color:#fff; border-radius:15px; height:30px; line-height:30px; margin:0 auto; padding:0 20px; text-align:center; margin-bottom:20px; }
.about .att{ border-top:4px solid #0069c5; background:#333; color:#0069c5; line-height:40px; text-align:center; font-size:16px; font-weight:bold; margin-bottom:10px; }



.casehead{padding:0px 20px; text-align:center;}
.casehead h2{font-size:20px; color:#333; padding-top:20px;}
.casehead p{font-size:14px; color:#205193;}
/*.casehead img{width:100%;}*/
.casenav{padding-top:27px;}
.casenav ul{/* margin:0 20px 0 20px;  width:calc(100% - 40px);*/}
.casenav ul li{width:50%; background:#e4e4e4; float:left; display:block;border-bottom:1px solid #c0c0c0; text-align:center; font-size:14px; color:#666666; line-height:38px;}
.bt{border-top:1px solid #c0c0c0 !important;}
.caseshadow{background:url(../images/casebg.jpg) no-repeat top left; background-size:99%; height:20px; }
.casenav ul li.cur{background:#333; color:#fff; font-weight:bold;}
.caseinfo{padding:0 5%; width:90%;}
.caseinfo ul li{padding:0 10px 20px 10px; min-height:260px;}
.caseinfo ul li h2{font-size:16px; font-weight:bold; color:#222222; line-height:42px; padding-top:6px;}
.caseinfo ul li img{border:2px solid #d5d5d5; width:auto; max-width:100%; margin:0 auto;}
.caseinfo ul li p{color:#6e6e6e; font-size:16px; line-height:32px;}


.icase-box{ position:relative; margin: 20px 20px;}
.icase-box .prev,
.icase-box .next{ position:absolute; left:-15px; top:50%; margin-top:-15px; width:20px; height:30px; line-height:30px; text-align:center; font-size:20px; background: url(../images/sl.png) center no-repeat; color:#fff; }
.icase-box .next{ right:-15px; left:auto;background:url(../images/sr.png) center no-repeat; }

.icase-box{ margin:20px 15px; margin-top:0px; }
.icase-box li{ width:50%; float:left; text-align:center; }

.icase h2{ font-size:14px; height:30px; line-height:30px; overflow:hidden; }
.icase h2 a{ color:#666; }
.icase img{ width:100%; height:auto; display:block;  }
.icase-box li div.ixx{ margin:10px; }


.almore{ border-radius:15px; height:30px; line-height:30px; color:#333; display:block; width:120px; margin:20px auto; text-align:center; color:12px; padding:0 30px; border:1px solid #333; }


.mmnn{ }
.mmnn .m02{ color:#0069c5; font-size:12px; line-height:20px; display:block; background:#333; text-align:center; line-height:30px; }
.mmnn p{ line-height:22px; padding-bottom:5px; }

.ity{ font-size:14px; color:#666; padding:0 40px; text-align:center; text-decoration:underline; }


.wpr{ background:#205193 url(../images/wprbg.jpg) no-repeat center; background-size:cover; padding:30px 0px; text-align:center; }
.wprt{ color:#fff; padding-bottom:10px; }

.wprl ul{ padding:0 15px; }
.wprl ul li{ float:left; width:50%; margin-bottom:5px; }
.wprl ul li .mcv{ margin:0 5px; padding:4pz;  }
.wprl ul li .mcv img{ width:100%; height:300px; display:block; }
.wprl ul li .mcv .mmnn .m02{ background:none; height:30px; color:#666; background:#f2f2f2; line-height:30px; overflow:hidden;}

.wprl .more{ border-radius:15px; height:30px; line-height:30px; color:#0069c5; display:block; width:120px; margin:20px auto; text-align:center; color:12px; padding:0 30px; border:1px solid #0069c5; }
.wprc{ padding:10px 15px; }
.wprc a{ display:inline-block;margin:0 2px 5px 2px; background:#0069c5; color:#fff; height:30px;  }
.wprc a span{ color:#333; border:1px solid #333; margin:5px; display:block; height:18px; padding:0 5px;}


.where{ padding:10px 20px; background:#eaebf0; color:#666; font-size:12px; }
.where a{ color:#666;}

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

.iab{ padding:20px; }
.iabf{ color:#666; line-height:22px; font-size:12px; }
.iabf img{ width:100%; }


.iabt{ font-size:18px; text-align:left; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #efefef; }
.iabd{ background:#f2f2f2; border-bottom:4px solid #0069c5; color:#666; font-size:12px; margin-bottom:20px; padding:20px;}
.iabi img{ width:100%; padding-bottom:20px;}


.ipp .pre,
.ipp .next{ background:#f2f2f2; height:40px; line-height:40px; overflow:hidden; padding:0 10px; margin:0 20px; font-size:12px; margin-bottom:10px; }


.inews{ padding:20px; }
.inewsl li{ border-bottom:1px solid #dcdcdc; padding-bottom:20px; margin-bottom:20px; }
.inewsl li .m05{ font-size:16px; color:#666; }
.inewsl li p{ padding-top:10px; line-height:24px; 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; color:#666; width:26px; height:26px; display:inline-block; border:1px solid #dcdcdc; line-height:26px; font-size:14px; margin:0 5px 10px 5px;  }
.ipa span.now{ background:#0069c5; color:#fff; border-color:#0069c5; }
.ippa{ padding:0 20px; padding-bottom:20px; }

.inull{ height:40px; line-height:40px; font-size:14px; text-align:center; background:#0069c5; color:#fff; }
.icc{ padding:20px; text-align:center; }
.icc a{ display:inline-block; background:#0069c5; color:#fff; height:40px; line-height:40px; margin:0 5px 10px 5px; }
.icc a span{ display:block; height:28px; line-height:28px; font-size:14px; margin:5px; border:1px solid #fff; padding:0 10px; }

.iwprb{ padding:20px 15px; }
.iwprb p{ display:none; }
.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; overflow:hidden; text-align:center; }



.iwprx{ padding:20px; }
.iwprx li{margin-bottom:20px; border-bottom:1px solid #333; padding-bottom:20px;}
.iwprx li .iwprbs{  }
.iwprx li .iwprbs img{ width:100%; display:block; }
.iwprx li .iwprbs h1 a{font-size:16px; color:#333; font-weight:bold; display:block; line-height:40px; overflow:hidden; text-align:center; }



.iwcc{ background:#333; }
.iwcc .icct{ width:50%; float:left; display:block; height:40px; line-height:40px; background:#333; color:#fff; text-align:center; font-size:14px;  }
.iwcc .icct i{ font-size:18px; margin-right:10px; vertical-align:middle; }
.iwcc .icur{ background:#0069c5;}

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


.mcv{ margin:0 5px; }
.mapxx{ display:none; }

.swipea #js {bottom: 10px;left: 0; width:100%;position: absolute; text-align:center;}
.swipea #js a{ background:#333; color:#fff; margin:0 2px; font-size:12px; width:20px; height:20px; line-height:20px; display:inline-block; text-align:center; border-radius:50%; }
.swipea img{ width:100%; display:block; }
.swipea #js a.active{ background:#0069c5; color:#333;}

.idd{ height:40px; line-height:40px; background:#333; border-top:4px solid #0069c5; color:#0069c5; text-align:center;}
.idd a{ display:inline-block;color:#0069c5; padding:0 10px; font-size:14px; }
.idd a i{ margin-right:5px;}

.iyh {margin-bottom:40px; background:#f52c3c; }
.iyh img{ width:100%; height:auto; display:block; }

.iyh{ text-align:center; }
.iyh .awt{  font-weight:bold; text-align:center; background:#0069c5; color:#333; height:50px; display:inline-block; margin:10px 0; }
.iyh .awt span{ display:block; height:38px; line-height:38px;font-size:22px; margin:5px; text-align:center; border:1px solid #333; padding:0 20px; }

.awl .list{ background:#fff; margin:0 20px 10px 20px; position:relative; height:90px; border-radius:10px; border-bottom:4px solid #0069c5; text-align:left;}
.awl .list img{ position:absolute; height:90px; width:90px; left:0px;border-radius:10px 0 0 10px; }
.awl .list h2{ padding-left:100px; padding-right:10px; font-size:14px; padding-top:10px; font-weight:bold; text-align:left; color:#f52c3c; }
.awl .list h2 a{color:#f52c3c; }

.awl .list .iopo{ background:#f52c3c; margin-left:100px; margin-top:10px; padding:3px 20px; display:inline; color:#fff;}
.awl .list .ihhh{ display:block; margin-bottom:10px; color:#666; margin-left:100px; margin-top:5px; }
.awl  .more{ color:#fff; }


.w-in{ border:1px solid #0ab5df; display:block;  line-height:30px; width:100%;  }
.iit{ padding:10px 0; }
.w-sub{ height:30px; line-height:30px; border:0px; background:#0ab5df; width:100%; text-align:center; color:#fff; margin-top:10px;  }

.ialert{ background:#333; color:#0ab5df; display:inline-block; width:100%; margin-top:20px;}
.ialertx{ margin:10px; border:1px solid #0ab5df; text-align:center; font-size:14px; padding:10px; }

.wprl{ margin-top:20px; }


/* 宽屏 */
@media (min-width: 960px) {
	
}

/* d低于960的屏幕 */
@media (max-width: 960px) {
	
	
}

/* 底部 */
@media (max-width: 650px) {
}


/* 服务 */
@media (max-width: 610px) {
	
	
}

/* 小屏 */
@media (max-width: 480px) {
	
	.wprl ul li .mcv img{  height:150px; }
	.iwprb li .iwprbs img{ height:150px; }
}
/* 服务 */
@media (max-width: 200px) {
	.wprl ul li .mcv img{  height:80px; }
	.iwprb li .iwprbs img{ height:80px; }
}