body {font-family: "Helvetica Neue"; background: #fff; font-size: 1rem; line-height: 2rem;color: #555;}
img{border:none; max-width: 100%;}
a{color:#555;  text-decoration:none;}
a:hover{color:#f00;  text-decoration:none;}
li,ul{list-style-type:none;}
ul{ margin: 0;padding: 0;}
.t10{ display: block; color: #fff; width: 150px; height: 45px; background: #1e55a1; border-radius: 5px; text-align: center; line-height: 45px;}
.t10:hover{ color: #fff; text-decoration: underline;}
.de-page-mian{overflow: hidden; text-align: center; font-size: 0; margin: 10px 0 35px;}
.de-page-mian .page-inner{display: inline-block; overflow: hidden;}
.de-page-mian .page-inner a{display: block; float: left; min-width: 26px; padding: 0 5px; height: 36px; border: 1px solid #dddddd; background: #fff; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin-right: -1px; overflow: hidden;}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover{color: #fff; border-color: #237ed2; background: #237ed2;}
.de-page-mian .page-inner a.prev{margin-right: 10px; background: #fff url(../Image/prev.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev.on{background: #fff url(../Image/prev-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.next{margin-left: 10px; margin-right: 15px; background: #fff url(../Image/next.jpg) no-repeat center;}
.de-page-mian .page-inner a.next.on{background: #fff url(../Image/next-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.next:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.page-btn{font-size: 12px; margin-right: 0; width: 63px; margin-left: 10px;}
.de-page-mian .page-inner span{display: block; font-size: 12px; color: #333; float: left; line-height: 38px;}
.de-page-mian .page-inner input{display: block; float: left; height: 36px; width: 36px; border: 1px solid #dddddd; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin: 0 5px;}


/*--- header ---*/
.top{ height: 35px; line-height: 35px; overflow: hidden;}
.welcome{ text-indent: 20px; width: 100%;}
.header{ padding: 20px 0; overflow: hidden;}
.logo{ float: left;}
.tel{ float: right;}
/*--- nav ---*/
.nnav{ width: 100%; height: 55px; line-height: 55px; background: #035bbc; overflow: hidden;}
.nnav ul li{ width: 10%; float: left; text-align: center;}
.nnav ul li a{ display: block; width: 100%; height: 55px;color: #fff;}
.nnav ul li a:hover{ background:#00438f; }
/*--- sm-header ---*/
.n-header{ padding: 8px 0; overflow: hidden;}
.nlogo{ width: 88%; float: left;}
.nav-button{ width: 10%; float: right; height: 35px; background: #035bbc; text-align: center; color: #fff; border: none; margin-top: 10px;}
.nav{ line-height: 25px;}
.nav li{ text-align: center; border-bottom: 1px dashed #cdcdcd;}
/*--- sm-header ---*/

/*--- line ---*/

/*--- banner ---*/
.carousel-inner img{ margin: 0 auto;}
/*--- main ---*/
.main{ overflow: hidden; padding: 15px 0; overflow: hidden;}
.m-p{ padding-top: 25px;}
.m-p .hd{ text-align: center;}
.m-p .hd img{ max-width: 95%;}
.m-p .bd{ width: 100%; height: 447px; background: url(../Image/m-p-bd.jpg) repeat-x; overflow: hidden;}

.picScroll-left{ width:100%; height: 413px; overflow: hidden; position:relative; }
.picScroll-left .hdd{ width: 100%; height: 48px;overflow:hidden; position: absolute; left:0; top:189px; z-index:999}
.picScroll-left .hdd .prev{ display:block; width:36px; height:48px; float:left;  overflow:hidden; cursor:pointer; background:url(../Image/m-l.png) no-repeat;}
.picScroll-left .hdd .next{ display:block; width:36px; height:48px; float:right; overflow:hidden; cursor:pointer; background:url(../Image/m-r.png) no-repeat;}
.picScroll-left .bdd{padding-top: 29px; width: 70%; margin: 0 auto; overflow: hidden; height: 413px;}
.picScroll-left .bdd ul{ }
.picScroll-left .bdd ul li{ width: 260px; height: 413px; float: left; margin-right: 10px; background: #eee;}
.picScroll-left .bdd ul li .img{ width: 100%; height: 190px; text-align: center; overflow: hidden;}
.picScroll-left .bdd ul li .img img{ width: 250px; height: 180px; padding-top: 5px;}
.picScroll-left .bdd ul li .title{ height: 40px; line-height: 45px; text-align: center; font-size: 18px;}
.picScroll-left .bdd ul li .content{ height: 100px; padding: 5px 10px; line-height: 30px; overflow: hidden;}
.picScroll-left .bdd ul li .more{ width: 140px; height: 40px; text-align: center; line-height: 40px; margin: 0 auto; background: #156bc2;}
.picScroll-left .bdd ul li .more a{ color: #fff;}

.m-ys{ padding: 25px 0; overflow: hidden;}
.m-ys .hd{ text-align: center;}
.m-ys .hd{ max-width: 95%;}
.m-ys .bd{ padding-top: 10px;}
.m-ys .bd ul{ width: 50%; float: left;}
.m-ys .bd ul li{ text-align: center;}
.m-ys .bd ul li img{ max-width: 95%;}
.m-ys .md{ padding: 15px 0; text-align: center;}
.m-ys .md li{ margin-bottom: 10px;}
.m-ys .md img{ max-width: 95%;}

.m-about{ width: 100%; height: 674px; background: url(../Image/m-company.jpg) no-repeat top center; overflow: hidden;}
.m-about .hd{ text-align: center; padding-top: 11px;}
.m-about .hd img{ max-width: 80%;}
.m-about .bd{ background: #fff; margin-top: 11px; padding-bottom: 15px; overflow: hidden;}
.m-about .bd img{ text-align: center; max-width: 98%; padding-top: 5px;}
.m-about .bd .txt{ padding: 10px;  line-height: 35px;}
.m-about .bd .more{ clear: both; width: 140px; height: 40px; float: right; margin-right: 10px; text-align: center; line-height: 40px; background: #156bc2;}
.m-about .bd .more a{ color: #fff;}

.m-case{ padding: 15px 0; overflow: hidden;}
.m-case .hd{ text-align: center;}
.m-case .hd img{ max-width: 95%;}
.m-case .bd{ padding-top: 10px; overflow: hidden;}

.listbox{ width: 100%; margin-bottom:20px;  height:271px; position:relative;}
.listimg{ width:371px; margin: 0 auto; height:271px; position:relative; overflow:hidden;}
.listimg img{ width:371px; height:271px; top:0; left:0; position:absolute;}
.summary{width:371px; background: #1270ca; filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8; text-align: center; height:271px;top:211px;left:0;position:absolute;}
.summarytxt{margin:5px 10px;width:371px;height:auto;line-height:45px;font-size:14px;color:#fff;}


.m-news{ padding: 15px 0; overflow: hidden;}
.m-news .hd{ text-align: center;}
.m-news .hd img{ max-width: 95%;}
.m-news .bd{ padding-top: 10px; overflow: hidden;}
.m-news .bd ul{ margin: 10px 0;}
.m-news .bd ul .img{ text-align: center;}
.m-news .bd ul .img img{ width: 98%;}
.m-news .bd ul .title{ padding: 3px 0; height: 40px; line-height: 40px; text-indent: 5px; border-bottom: 1px solid #cdcdcd;}
.m-news .bd ul .content{ padding: 10px 5px; line-height: 30px;}
.m-news .bd ul .time{ width: 100%; height: 42px; line-height: 20px; background: url(../Image/m-n-more.jpg) no-repeat right center; font-size: 20px;}
.m-news .bd ul .time span{ font-size: 22px;}
/*--- sidebar ---*/ 
.s-p{ width: 100%; overflow: hidden;}
.s-p .hd{ width: 100%; height: 100px; text-align: center; line-height: 100px; background: #0054a7; font-size: 20px; color: #fff; overflow: hidden;}
.s-p .bd{ border: 1px solid #ece8cf; border-top: none; border-bottom: none; padding: 20px 0; overflow: hidden;}
.s-p .bd ul li{ width: 80%; margin: 0 auto; height: 35px; line-height: 35px; margin-bottom: 5px; text-align: center;}
.s-p .bd ul li a{ display: block; width: 100%; height: 35px; text-align: center; background: #ff7e00; color: #fff;}
.s-p .bd ul li a:hover{ background: #0054a7; text-decoration: none;}
.s-c{ width: 100%; background:#0054a7; padding: 25px 0;  overflow: hidden;}
.s-c .txt{ width: 90%; margin: 0 auto;line-height: 35px; color: #fff;}
.s-c .txt span{ font-size: 16px; font-weight: 700; color: #ff0;}
.s-c .txt a{ color: #fff;}
/*--- indise ---*/

.inside{ width: 100%; padding: 15px 0; overflow: hidden;}
.middle{border: 1px solid #0054a7;}
.middle-hd{ width: 100%; height: 5rem; line-height: 5rem; border-bottom: 1px solid #0054a7; overflow: hidden;}
.catname{ float: left; font-size: 2.2rem; padding:.5rem 2rem; color: #0054a7; font-weight: 700;}
.cname{ float: right; padding:.5rem 2rem; text-align: right;}
.n-n{ width: 96%; margin: 0 auto; padding: 15px 0; line-height: 260%;}

/*--- footer ---*/
.footer{ width: 100%; overflow: hidden;}
.f-ul{ padding: 25px 0;}
.f-logo{ width: 30%; float: left;}
.f-nav{ width: 30%; float: left; padding-left: 3%; padding-top: 30px;}
.f-nav li{ width: 25%; float: left; text-align: center; line-height: 30px;}
.f-nav li a{ color: #333; font-weight: 700;}
.f-nav li a:hover{ color: #0054a7;}
.f-ewm{ width: 28%; float: right;}
.f-txt{padding-left: 35px; line-height: 35px;}
.end{ width: 100%; height: 60px; line-height: 60px; margin-bottom: 4rem; background: #0054a7; color: #fff;}
.e-left{ width: 70%; float: left;}
.e-left li{ width: 33.3%; height: 60px; overflow: hidden; float: left; text-indent: 25px;}
.f1{ background: url(../Image/f-add.jpg) no-repeat left center;}
.f2{ background: url(../Image/dtel.jpg) no-repeat left center;}
.f3{ background: url(../Image/f-email.jpg) no-repeat left center;}
.e-left li a{ color: #fff;}
.e-left li a:hover{ color: #f00;}
.e-right{ width: 30%; float: right; text-align: right;}
.e-right a{ color: #fff;}
.e-right a:hover{ color: #f00;}
.e-txt{  text-align: center;}
.e-txt a{ color: #fff;}
.e-txt a:hover{ color: #f00;}
#end{ width:100%; background: #0080ff; height: 4rem; position: fixed; bottom:0; overflow: hidden;}
#end li{ width: 25%; height: 4rem; line-height:3.5rem; float: left; text-align: center; overflow: hidden;}
#end li a{ color: #fff; font-size: 15px;}
#end li a:hover{ color: #f00;}
/*--- Universal ---*/
.piclist{ text-align: center;}
.piclist img{ max-width: 98%; height: 150px; object-fit:cover;  border: 1px solid #dedede; padding: 5px;}
.piclist a{ color: #555;}
.piclist a:hover{ color: #f00;}

.p-box{ width: 98%; margin: 0 auto;}
.p-top{ overflow: hidden; border-bottom: 1px solid #0d6cc7; padding-bottom: 30px;}
.p-img{ padding-bottom: 10px;}
.p-img img{ width: 100%; border: 1px solid #dedede;}
.p-name{ width: 100%; height: 45px; ; line-height: 45px; text-indent: 10px; margin-bottom: 10px; border: 1px solid #cdcdcd; font-size: 18px;  color: #333; }
.p-keywords{ width: 100%; padding: 5px 0; overflow: hidden;}
.p-keywords span{ color: #005dd7; font-weight: 700;}
.p-content{ width: 100%; padding-top: 25px; overflow: hidden;}
.p-content .hd{ width: 100%; height: 55px; line-height: 55px; text-indent: 10px; border: 1px solid #cdcdcd; font-size: 18px;  color: #333;}
.p-content .md{ line-height: 260%; padding: 15px;}

#prev_next{ padding: 0 10px;}

#indexNews{ width:98%; margin:0 auto; padding:5px 0; overflow:hidden;} 
#indexNews li{clear: both;line-height:300%;overflow: hidden; border-bottom:1px dashed #304102;}
#indexNews li a{ color: #555; text-decoration:none; float:left; clear:both; }
#indexNews li a:hover{ color: #f00; text-decoration:none;float:left;}
.Newstime{float:right;}
#newTitle{color:#FF0000;font-size:14px;text-align:center;text-align:center;}
#newsContent{margin-bottom:16px;}
#newsInfo{margin:0px;font-weight:normal; text-align:center; font-size:12px;}
.infoClass{margin:0px;margin-bottom:10px;line-height:12px;}
#infoImage{text-align:center;margin:10px 0;}
#infoImage img{padding:1px; border:1px solid #dedede;}

.message-box ul{ margin-bottom: 10px; overflow: hidden;}
.tl{ float: left; width: 15%; text-align: center;}
.tr{float: left; width: 84%; padding-left: 1rem;}
.t1{ width: 95%; border: 1px solid #cdcddc; height: 3rem;}
.t2{ width: 95%; border: 1px solid #cdcddc; height: 10rem;}
.t3{ width: 80px; height: 2.9rem; border: 1px solid #cdcdcd;}
.t4{ width: 80px; height: 3rem; vertical-align: top}
.t5{display: block; width:74px;height:31px;line-height:31px;background:#4a5b6d;border-radius:2px;border:none;text-align:center;margin-top:14px;margin-left:5px;font-size:14px;font-family:微软雅黑,黑体,sans-serif;color:#FFF;}
.t5:hover{color: #fff; text-decoration: underline;}
#page{ border: 1px solid #cdcdcd; margin: 8px 0; text-align: center; height: 4rem; line-height: 4rem;}
#page input{ padding: 0 10px; width: 40px; height: 3.5rem; text-align: center; border: none;}
#page a{ margin: 0 3px;}
#dituContent{ width:98%; margin:0 auto; border:1px solid #dedede; height:300px; overflow:hidden;}
.meta_info{ text-align: center;}



/*小屏幕 (平板 大于等于768px)*/
@media (min-width:768px){ 
	body{ font-size: 12px; line-height: 20px;}

	#dituContent{ height:400px; }

	
}

/*中等屏幕 (桌面显示器 大于等于992px)*/
@media (min-width:992px){ 
	body{ font-size: 14px; line-height: 22px;}
	.welcome{ width: 50%; float: left;}
	.fav{ width: 49%; float: right; text-align: right;}
	.listbox{ width: 50%; float: left; }
	.end{margin-bottom: 0; }
	#dituContent{ height:500px; }
	.piclist img{ height: 180px; }
}

/*大屏幕 (大桌面显示器 大于等于1200px)*/
@media (min-width:1200px){ 
	body{ font-size: 14px; line-height: 24px;}
	.welcome{ width: 50%; float: left;}
	.fav{ width: 49%; float: right; text-align: right;}
	.m-p{ padding-top: 45px;}
	.m-p .hd img{ max-width: 100%;}
	.picScroll-left .bdd{ width: 93%; }
	.m-about .hd{ text-align: center; padding-top: 41px;}
	.m-about .bd{ background: #fff; margin-top: 51px; overflow: hidden;}
	.listbox{ width: 33.3%; float: left; }
	.end{margin-bottom: 0; }
	#dituContent{ height:600px; }
	.piclist img{ height: 210px; }
}