@charset "utf-8";
#banner{height:340px;background:url(../uploads/banner/2023020505556.jpg) no-repeat center}

/* container */
.container{width:100%;margin:0px auto;min-width:1200px;}
/*.container .title{width:100%;padding:40px 0px 10px;bac kground:#f2f2f2;margin-bottom:26px;}*/
.container .title{width:100%;padding:40px 0px 5px;margin-bottom:0px;}
.container .title h1{font-size:35px;background:url(../images/tit_sub.png) no-repeat bottom center;padding-bottom:17px;margin:0px 0px 28px;font-weight:normal}
.container .title span{color:#888}

/* about */
.hqll{display:block;width:100%;height:100%}
#about{padding:0px 0px 53px;min-height:460px}
#about .title{padding-bottom:0px;}
#about .content{padding-bottom:38px;text-align:left;width:92%;margin:0px auto; font-size:15px; line-height:195%;}
#about .content p{margin-top:22px;}

/* service */
#service{padding:0px 0px 43px;}
#service .title{padding-bottom:20px;}
#service .title ul{margin:0px auto;width:1150px; background:#f6f6f6;padding:25px 0px; text-align:center}
#service .title ul li{fl oat:left;display:inline-block;margin:0px 8px}
#service .title ul li a{display:block;padding:7.5px 25px;border:1px solid #ddd; border-radius:6px 0px 6px 0px}
#service .title ul li a._on,#service .title ul li a:hover{background:#ff6600; color:#fff;border-color:#ff6600}
#service .slist{margin:0px auto 30px;min-height:400px;width:1176px; overflow:hidden; display:block}
#service .slist li{width:546px;float:left; background:#fff;height:177px; overflow:hidden;margin:0px 21px 5px;border-bottom:1px solid #DEDEDE;}
#service .slist li .ibox{display:block;width:150px;height:120px; overflow:hidden;border:1px solid #ddd;margin:26px 0px 0px 0px;}
#service .slist li .ibox img{width:100%;height:100%;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
#service .slist li:hover .ibox img{-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-ms-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08);}
#service .slist li .content{width:361px;margin:30px 10px 0px 0px;height:95px; overflow:hidden;}
#service .slist li .content h3{font-size:17px;color:#111; font-weight:normal}
#service .slist li .content p{margin-top:13px;color:#999;font-size:12px}
#service .slist li a{display:block;width:100%; overflow:hidden}
#service .slist li a:hover .content h3{color:#ff5500;}

/* news */
#news{padding:0px 0px 43px;min-height:520px;}
#news .newslist{overflow:hidden;width:1184px;margin:0px auto 30px; display:block; position:relative;min-height:400px;}
#news .newslist li{width:25%;margin:20px 0 0px;padding:0px 0px 0 2px;float:left; box-sizing: border-box;}
#news .newslist li .ibox{width:100%;height: 220px;padding:17px;color:#333;font-size:13px;text-align:center;box-sizing: border-box; overflow: hidden;}
#news .newslist li .ibox img {width: 100%; object-fit:cover;height: 100%;}
#news .newslist li .content{width:100%;;text-align:left;overflow:hidden;padding: 0 17px; box-sizing: border-box;}
#news .newslist li .content .ntit{width:100%;height:26px;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:normal;margin:0px;}
#news .newslist li .content:hover .ntit{color:#ff5500;}
#news .newslist li .content p{margin-top:11px;color:#999;font-size:12px;}

/* newsdetail */
#newsdetail{padding:0px 0px 53px;min-height:460px}
#newsdetail .title{border-bottom:1px solid #eee;width:1140px;margin-bottom:8px;padding:48px 0px 20px}
#newsdetail .title h1{font-size:24px;background:none;margin-bottom:0px}
#newsdetail .title span,#newsdetail .title span a{color:#999}
#newsdetail .content{padding-bottom:38px;text-align:left;width:90%;margin:0px auto; overflow:hidden;font-size:15px; line-height:195%;}
#newsdetail .content p{margin-top:22px;}
#newsdetail .content .indent2{text-indent:2em}
#newsdetail .content p.noindent{text-indent:0}
#newsdetail .content p a{color:#0066FF}
#newsdetail .content p a:hover{text-decoration:underline}

/* servicedetail */
#servicedetail{padding:37px 0px 53px;min-height:560px}
#servicedetail .shot{width:247px;margin-right:25px;}
#servicedetail .shot .ltit{padding:9px 26px 12px; font-size:20px;background:#0071BD; color:#fff;}
#servicedetail .shot ul{width:195px;border:1px solid #ddd;min-height:400px; overflow:hidden;padding:25px}
#servicedetail .shot li{width:100%; overflow:hidden;margin-bottom:20px;}
#servicedetail .shot li .ibox{border:1px solid #ddd;width:153px;height:114px;padding:20px;}
#servicedetail .shot li .ibox img{width:153px;height:114px;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
#servicedetail .shot li:hover .ibox img{-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-ms-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08);}
#servicedetail .shot li p{margin-top:10px; text-align:center;font-size:14px}
#servicedetail .shot li:hover p{color:#ff5500}

#servicedetail .sview{width:875px;border:1px solid #ddd;text-align:left;padding:0px 0px 58px;margin:0px auto; font-size:14px; line-height:195%;margin-left:25px; overflow:hidden;}
#servicedetail .sview .rpos{padding:12px 36px 13px; border-bottom:1px solid #ddd;position:relative;background:url(../images/icon_ntit.jpg) no-repeat 18px 16px #f9f9f9;}
#servicedetail .sview .rpos h1{font-size:22px;background:none;margin-bottom:0px; font-weight:normal;}
#servicedetail .sview .rpos span{ position:absolute;right:20px;top:12px;color:#888;}
#servicedetail .sview .title{border-bottom:1px solid #eee;margin-bottom:8px;padding:38px 0px 20px;margin:0px 32px;width:821px; text-align:center; }
#servicedetail .sview .title h2{font-size:24px;background:none;margin-bottom:18px;font-weight:bold}
#servicedetail .sview .title span{font-size:14px;}
#servicedetail .sview .content{padding:0px 32px;width:811px;min-height:879px}
#servicedetail .sview p{margin-top:22px;}
#servicedetail .sview p a{color:#0066FF}
#servicedetail .sview p a:hover{text-decoration:underline;}
#servicedetail .sview .content table{border:1px solid #ddd; border-collapse:collapse}
#servicedetail .sview .content td{padding:3px 12px; font-size:14px!important;}

/* contact */
#contact{padding:0px 0px 83px;}
#contact .map{ background:#f2f2f2;width:560px;height:320px;margin:30px 0px 0px 20px;}
#contact .content{padding:48px 0px;width:576px;margin:0px auto; font-size:15px; line-height:210%;}
#contact .content p{margin-top:22px;}

/* page */
.page{position:relative;padding:0px 0px 20px;width:100%;font-size:14px;text-align:center;height:40px;}
.page li{display:inline-block;margin:0px 4px;}
.page a,.page span{color:#666;border:1px solid #ddd;padding:3px 10px;display:block}
.page span{color:#bbb;border:1px solid #ddd;}
.page a.pcurr,.page a:hover{color:#ff5500;border-color:#ff5500}