<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">

@charset "utf-8";
*{padding:0; margin:0;}
body{ font-size:16px; line-height:30px; background:#ededed;padding-top:100px; color: #666;}
input,textarea{ resize:none; font-family:"Microsoft YaHei";}
img{border:0;vertical-align:bottom; max-width:100%;}
ul,li{ list-style:none;}
a{ text-decoration:none; color:#000;}
a:hover{ text-decoration:none;}
input:focus,textarea:focus{ outline:none; }
h1,h2,h3{  font-weight:normal;}
.clear{ clear:both;}

.mt12{margin-top:12px;}
.icon-intervallist{ display: block; width:1px; height: 16px; background: url(../images/stt_03.jpg) no-repeat; float:left;margin-top:18px;}
.memulist .memulist-toggle .icon-bar{background-color: #b60101;}
.memulist-toggle{padding: 5px 18px 5px 10px; margin-right: 0; border-right:1px solid #e8e8e8;}
.logo{width:200px; padding:15px 0;}
.logo img{width:100%; height: auto;}
.memulist-nav{}
.memulist-service{padding:8px 0 5px 30px; background: url(../images/dh.png) no-repeat left 8px; font-size: 14px; color: #999;}
.memulist-service b{font-size:24px; color: #ca0000;}
.memulist-fixed-top{ background: #fff;}
.column-title{text-align:center;}
.column-title h2{ color: #222;}
.column-title p{font-family:"å¾®è½¯é›…é»‘ Light"}
.row-about{color:#666;width:100%; height:200px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:6;-webkit-box-orient: vertical;}
.about{ background: #fafafa;padding-bottom: 65px;}
.about .more{display: block;width:125px; height: 35px;background: #a40000;  text-align: center;margin-top:45px; cursor: pointer;transition: all ease 0.5s;-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s; }
.about .more img{ vertical-align:middle;}
.about .more:hover{ margin-left: 15px;}
.web-banner{display:block;}
.model-banner{display:none;}




/*æ–°é—»èµ„è®¯*/
.news{ background:#fafafa; padding-bottom: 30px;}
.news .title{font-size:20px; color: #222;margin-top:20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news img{min-width:100%; max-height: 300px;}
.news .abstract{font-size:16px; line-height: 24px; color: #666;margin-top:15px;text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s;}
.news dl dd{overflow:hidden; margin-bottom:25px;padding-right: 10px; background: #fff;}
.news dl dd:hover .time{ background: #aca6a6;}
.news a:hover {text-decoration:none;}
.news a:hover .abstract{margin-top:10px;}
.news .time{padding:35px 10px 25px 10px; background: #a40000;font-size:24px; color: #fff; line-height: 24px; float:left;margin-right:15px;}
.news .time p{font-size:40px;}
.news .time font,.list-new dl dd .time font{display:none;}

/* footer */


.ins-ban{position: relative; width: 100%; height:335px; background: url(../images/nybanner.jpg) no-repeat center top;}
.ins-ban-writ{max-width: 1200px; margin:0 auto; text-align: right; font-size:42px; color:#2d9df2; font-weight: bold;padding-top:125px;padding-right:55px;}
.ins-ban-writ p{font-size:22px; font-weight: normal; font-family: "å¾®è½¯é›…é»‘ Light";margin-top:10px;}

/*å…³äºŽæˆ‘ä»¬*/
.cont-wrap{max-width:1200px; margin:0 auto;margin-top:-95px; position:relative; overflow: hidden;}
.menulist-show{width:21%;}
.menulist-show .Img{position:absolute; left: 0; top: 50px; z-index:1;}
.menulist-show h3{font-size:28px; font-weight: bold; color: #fff; position:relative;z-index: 2; padding-top:75px;text-align: center;}
.menulist-show ul{overflow:hidden;border: 1px solid #e6e6e6; padding:65px 0 50px 0; background: #fff;}
.menulist-show ul li{width: 85%; height: 35px; text-align: center; font-size: 16px; color: #222; margin:0 auto;line-height: 35px; margin-bottom: 15px; background: #e6e6e6;}
.menulist-show ul .active{background:#d60000;}
.menulist-show ul .active a{color:#fff;}
.menulist-show ul li a{display:block;}
.menulist-show ul li:hover{ background:#d60000;}
.menulist-show ul li:hover a{ color: #fff;text-decoration:none;}
.centontshow{width:75%;min-height:350px;padding:35px 3%; background: #fff;margin-top:50px;position:relative; z-index: 6;}
.model-writ{display:none;}

/*æ–°é—»åˆ—è¡¨é¡µ*/
.list-new dl dd{padding:40px 0 35px 0; overflow: hidden;border-bottom: 1px solid #f2f2f2;}
.list-new dl dd:first-child{padding-top:10px;}
.list-new dl dd img{width:210px; height: 145px; float:left; margin-right: 20px;}
.list-new dl dd .time{float:left; border-right:1px dashed #ddd;font-size:24px;color: #666; line-height: 24px;margin-right: 20px; padding: 15px 30px 15px 0;}
.list-new dl dd .time p{ font-size: 40px;color: #222;}
.list-new dl dd .title{margin-top:0; font-size:20px; color: #222; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.list-new dl dd .abstract{font-size:16px; color: #666; line-height: 30px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; transition: all ease 0.5s; -webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;}
.list-new a:hover .abstract{margin-top:-5px;}
.list-new a:hover .title{ color: #d60000;}

/*æ–°é—»è¯¦æƒ…é¡µ*/
.list-new-show .detail-title{font-size:30px; color: #222; line-height: 36px;}
.list-new-show .detail-time{border-bottom: 1px solid #f2f2f2;line-height: 45px;padding-top:10px;}
.list-new-show .detail-time span{font-size:14px; color: #999; margin-right:10px;}
.list-new-show .detail-cont{padding:15px 0;}
/*è”ç³»æˆ‘ä»¬*/
.list-contact-show .detail-title{font-size:30px; color: #222; line-height: 36px;}
.list-contact-show .detail-time{border-bottom: 1px solid #f2f2f2;line-height: 45px;padding-top:10px;}
.list-contact-show .detail-time span{font-size:14px; color: #999; margin-right:10px;}
.list-contact-show.detail-cont{padding:25px 0;}

/*äº§å“åˆ—è¡¨é¡µ*/
.list-products {padding:25px 10px;}
.list-products dl dd{margin-bottom:25px;}
.list-products dl dd a{ display: block; border: 1px solid #e8e8e8; text-decoration:none;}
.list-products dl dd .Img{width:100%;transition: all ease 0.8s; -webkit-transition: all ease 0.8s;-moz-transition: all ease 0.8s;}
.list-products dl dd h4,.list-products dl dd p,.list-products dl dd .more{width:94%; margin:0 auto;}
.list-products dl dd h4{font-size:16px;color: #222;margin-top:15px; text-align:center;}
.list-products dl dd p{font-size:15px; color:#666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:5px 0; text-align:center;}
.list-products dl dd .more{height:35px; text-align: right; border-top:1px solid #e8e8e8;margin-top:10px;transition: all ease 0.5s; -webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;}
.list-products dl dd a:hover .more{ padding:0 15px;}
.list-products dl dd a:hover .Img{transform: rotateY(360deg);}

.list-products .detail-title{font-size:30px; color: #222; line-height: 36px;}
.list-products .detail-time{border-bottom: 1px solid #f2f2f2;line-height: 45px;padding-top:10px;}
.list-products .detail-time span{font-size:14px; color: #999; margin-right:10px;}
.list-products .detail-cont{padding:15px 0;}}

/*åˆ—è¡¨é¡µ*/
.list-engineering {padding:25px 10px;}


/*ä¼ä¸šèµ„è´¨*/
.list-honor {padding:25px 10px;}
.list-honor dl dd{margin-bottom:25px;}
.list-honor dl dd a{ display: block; border: 1px solid #e8e8e8;text-decoration:none; }
.list-honor dl dd .Img{width:100%;transition: all ease 0.8s; -webkit-transition: all ease 0.8s;-moz-transition: all ease 0.8s;}
.list-honor dl dd h4,.list-engineering dl dd p,.list-engineering dl dd .more{width:94%; margin:0 auto;}
.list-honor dl dd h4{font-size:18px;color: #222;margin:15px 0; text-align:center;}
.list-honor .detail-title{font-size:30px; color: #222; line-height: 36px;}
.list-honor .detail-time{border-bottom: 1px solid #f2f2f2;line-height: 45px;padding-top:10px;}
.list-honor .detail-time span{font-size:14px; color: #999; margin-right:10px;}
.list-honor .detail-cont{padding:15px 0;}

/*é›†å›¢æˆå‘˜*/
.list-chengyuan dl dd{line-height: 24px;color: #222;margin-bottom: 10px;}
.list-chengyuan dl dd a{ display:block; width: 90%; border-bottom: 1px solid #e8e8e8;padding:15px 0; }
.list-chengyuan .detail-title{font-size:30px; color: #222; line-height: 36px;}
.list-chengyuan .detail-time{border-bottom: 1px solid #f2f2f2;line-height: 45px;padding-top:10px;}
.list-chengyuan .detail-time span{font-size:14px; color: #999; margin-right:10px;}
.list-chengyuan .detail-cont{padding:10px 0;}


@media (min-width:1200px){
	.column-title{padding: 60px;}	
	.column-title h2{font-size:48px;}
    .column-title p{font-size:30px;}
	.row-about{font-size:16px; line-height: 36px;padding-top:20px;}
	.engineering .container{padding:0;}
	
}
@media (min-width:992px) and (max-width:1199px){
	.column-title{padding: 45px;}	
	.column-title h2{font-size:36px;}
    .column-title p{font-size:24px;}
    .row-about{font-size:16px; line-height: 36px;padding-top:20px;}
	.nav&gt;li&gt;a{padding:10px 15px;}
}
@media (min-width:992px){
		.footer .qrcode{ text-align:right;}
}
@media (max-width:991px){
.about .more{margin-top:25px;}	
.row-about{font-size:15px; line-height: 30px;padding-top:20px;}
.engineering dl dd a img{width:100%; height: auto;}	
.engineering dl dd {margin-bottom:15px;}
.memulist-right{margin-top:0;}
.logo{width:165px;padding: 0;margin-top:20px; margin-bottom: 28px;}
.memulist-right{margin-top:25px;}
.footer .qrcode{padding-left:15px;}
.cont-wrap{margin-top:0;}
.menulist-show .Img{display: none;}
.menulist-show{width:100%;}
.menulist-show ul{border:none;padding:10px 0 0 0 ;}
.menulist-show ul li{width:23%; margin:0 1%; float:left; margin-bottom: 10px; font-size:14px; border-radius:5px;}
.centontshow{ width: 100%;margin-top:0; padding-top:15px;}
.menulist-show h3{display: none;}
}
@media (min-width:768px) and (max-width:991px){
	.img-responsive{max-width:90%; margin: 0 auto;}
	.column-title{padding: 40px;}	
	.column-title h2{font-size:30px;margin-bottom:0;}
    .column-title p{font-size:20px;}
	.footer h4{margin-top:30px;}
	.footer .qrcode img{margin-top:0;}
    .nav&gt;li&gt;a{padding:10px 7px;}
	
}
@media (max-width: 767px){
	body{padding-top:50px;}
	.icon-intervallist{display:none;}
	.memulist-service{width:100%;margin-bottom: 15px;}
	.logo{width:90px;margin-right: 20px;margin-top:1px;margin-bottom: 0;}	
	.img-responsive{max-width:90%; margin: 0 auto;}
	.column-title{padding: 25px;}	
	.column-title h2{font-size:24px;margin-bottom:0;}
    .column-title p{font-size:16px;}
	.web-banner{display:none;}
	.model-banner{display:block;}
	.memulist-header{/*border-bottom:1px solid #e6e6e6; */background: #fff;}
	.footer .container{display: none;}
	.nav&gt;li{padding:10px 0; border-bottom: 1px solid #e8e8e8;}
	.nav&gt;li&gt;a{font-size:15px; color: #2d9df2; font-weight: normal;}
	.ins-ban{height:165px; background-position: bottom;}
	.ins-ban-writ{display:none;}
	.model-writ{ display: block;}
	.model-writ{font-size:26px; line-height: 26px; color: #fff; text-align: center; padding-top:55px;text-transform: Uppercase;text-shadow:#222 3px 3px 5px;}
	.model-writ p{font-size:20px; text-transform: Uppercase;font-weight: normal;  text-shadow:#222 3px 3px 5px;}
	.news dl dd{padding:10px 15px; border-radius:5px;}
	.list-new dl dd{padding:15px 0;}
	.list-new dl dd img{width:100%; height:auto;float: none;}
	.news .time,.list-new dl dd .time{width:100%;display: block; background: none; float: none; color: #222; line-height: 24px; font-size:24px;padding:15px 0 0 0; border:none;}
	.news dl dd:hover .time{ background:none;}
	.news .time p,.list-new dl dd .time p{float:left;font-size:24px;}
	.list-new dl dd .time p{ color: #222;font-weight: normal;}
	.news .time font,.list-new dl dd .time font{display:inline;}
	.news .title,.list-new dl dd .title{font-size:18px; margin-top:15px;}
	.news .abstract,.list-new dl dd .time .abstract{font-size:15px; margin-top:-5px;}
	.list-new-show .detail-title{font-size:20px; line-height: 24px;}
	.list-honor .detail-title{font-size:20px; line-height: 24px;}
	.list-products .detail-title{font-size:20px; line-height: 24px;}
	.list-contact-show .detail-title{font-size:20px; line-height: 24px;}
	.list-chengyuan.detail-title{font-size:20px; line-height: 24px;}
	.list-new-show .detail-time{font-size:12px; line-height: 35px; padding-top:0;}
	.web-table{display:none;}
	.mod-table{display:block;}
	.online dl dd input,.online dl dd textarea{width:100%;}{width:100%;}
	.cd-timeline-content h2{font-size:18px;}
	.list-service dl dd a{width:100%;}
	.list-new dl dd .abstract{margin-top:-5px; line-height:24px; font-size:15px;}
	.qqkefu{display:none;}
}




/*åº•éƒ¨*/

.foot-comen{ width: 100%; background-color: #a40000;}
.footer{ max-width: 1200px; margin: 0 auto; padding: 50px 0; color: #fff;}
.footer a{ color: #fff;text-decoration:none;}
.footer a:hover { color: #e8e4e4;text-decoration:none;}
.footer_left{ float: left;}
.footer_left dl.name{ border-bottom: 1px solid #fbfbfb;}
.footer_left dl.name dt{ font-size: 18px;}
.footer_left dl.name dd{ font-size: 14px; padding: 3px 0 20px 0;}
.footer_left dl.name dd span{ padding: 0 8px;}
.footer_left dl.contact{ padding-top: 30px;}
.footer_left dl.contact dt{ font-size: 23px; font-weight: bold; font-family:"Arial";}
.footer_center{ padding: 3px 0 0 53px; text-align: center; float: left;}
.footer_center img{ width: 116px; height: 116px; border: 5px solid #fff;}
.footer_right{ float: right;}
.footer_right dl{ float: right; padding-right: 38px;}
.footer_right dl:nth-child(1){ padding-right: 0;}
.footer_right dl dt{ padding-bottom: 5px;}
.footer_right dl dd{ line-height: 24px; font-size: 14px;}
.footer_right dl dd a{ opacity: 0.7;text-decoration:none; }


.copyright{ width: 100%; background-color: #6e0a0a; color: #fff; text-align: center; line-height: 46px; font-size: 14px;}
.copyright span{ padding: 0 8px;}
.copyright a{ color: #fff;text-decoration:none;}
.copyright a:hover { color: #fff;text-decoration:none;}
@media screen and (max-width:1200px) and (min-width:970px){
	.footer{ padding: 50px 40px; width:780px; margin: 0 auto; box-sizing: border-box;}
	.footer_center{ padding: 3px 0 0 0;}
	.footer_left{ display: none;}
}
@media screen and (max-width:969px) and (min-width:640px){
	.footer{ padding: 40px 20px; width:560px; margin: 0 auto; box-sizing: border-box;}
	.footer_left,.footer_center{ display: none;}
}
@media screen and (max-width:639px){
	.footer{ padding: 20px 15px;}
	.footer_left{ float: none;}
	.footer_left dl.name,.footer_center,.footer_right{ display: none;}
	.footer_left dl.contact{ padding-top: 0; text-align: center;}
	.copyright{ display: none;}
}

/*å‘å±•åŽ†ç¨‹*/
.why_bg{ padding-bottom: 65px; background-color:#eeeeee;}
.why{ max-width: 1200px; margin: 0 auto;}


/*æ—¶é—´è½´*/
.timer-shaft-content{width:100%; height:auto; overflow: hidden;font-size:0;box-sizing:border-box;white-space: nowrap; padding:10px 0;}
.shaft-detail-cont{width:100%; height:auto; overflow:hidden;}

.month-detail-box{position:relative;width:100%;min-height:93px;padding-top:30px;font-size:0;box-sizing: border-box;white-space: normal;}
.month-detail-box:before{content: '';position:absolute;top:0;left:96.5px;height:100%;border-right:1px solid #9b1e23;}
.month-detail-box .month-title{position:absolute;font-size:26px;font-weight: bold;color:#a40000;}
.month-detail-box .month-title:before{content: '';position:absolute;top:50%;left:90px;width:13px;height:13px;margin-top:-6.5px;background: url(../images/icon_circle.png) no-repeat;background-size: cover;}

.month-detail-boxlast{position:relative;width:100%;min-height:93px;padding-top:30px;font-size:0;box-sizing: border-box;white-space: normal;}
.month-detail-boxlast:before{content: '';position:absolute;top:0;left:96.5px;height:50%;border-right:1px solid #9b1e23;}
.month-detail-boxlast .month-title{position:absolute;font-size:26px;font-weight: bold;color:#a40000;}
.month-detail-boxlast .month-title:before{content: '';position:absolute;top:50%;left:90px;width:13px;height:13px;margin-top:-6.5px;background: url(../images/icon_circle.png) no-repeat;background-size: cover;}

.incident-record{display:inline-block;padding-left:131px;line-height:2;font-size:14px;color:#676767;}
.incident-record span{ display:block; font-size:18px; line-height:20px; line-height:30px;color:#292929;}


@media screen and (max-width:1200px) and (min-width:970px){

	.why_bg{padding: 40px 0; height:auto; overflow:hidden;background-color:#eeeeee;}
	.why{width: 970px; margin:0 auto; height:auto; overflow:hidden;}
}



@media screen and (max-width:969px) and (min-width:640px){

	.why_bg{padding: 30px 20px; height:auto; overflow:hidden;background-color:#eeeeee;}
		/*æ—¶é—´è½´*/
.timer-shaft-content{width:100%; height:auto; overflow: hidden;font-size:0;box-sizing:border-box;white-space: nowrap; padding:10px 0;}
.shaft-detail-cont{width:100%; height:auto; overflow:hidden;}

.month-detail-box{position:relative;width:100%;min-height:93px;padding-top:30px;font-size:0;box-sizing: border-box;white-space: normal;}
.month-detail-box:before{content: '';position:absolute;top:0;left:66.5px;height:100%;border-right:1px solid #9b1e23;}
.month-detail-box .month-title{position:absolute;font-size:20px;font-weight: bold;color:#a40000;}
.month-detail-box .month-title:before{content: '';position:absolute;top:50%;left:60px;width:13px;height:13px;margin-top:-6.5px;background: url(../images/icon_circle.png) no-repeat;background-size: cover;}

.month-detail-boxlast{position:relative;width:100%;min-height:93px;padding-top:30px;font-size:0;box-sizing: border-box;white-space: normal;}
.month-detail-boxlast:before{content: '';position:absolute;top:0;left:66.5px;height:50%;border-right:1px solid #9b1e23;}
.month-detail-boxlast .month-title{position:absolute;font-size:20px;font-weight: bold;color:#a40000;}
.month-detail-boxlast .month-title:before{content: '';position:absolute;top:50%;left:60px;width:13px;height:13px;margin-top:-6.5px;background: url(../images/icon_circle.png) no-repeat;background-size: cover;}

.incident-record{display:inline-block;padding-left:91px; padding-right:40px;line-height:26px;font-size:14px;color:#676767;}
.incident-record span{ display:block; font-size:16px; line-height:20px; font-weight:bold; padding-bottom:15px; color:#292929;}
	
}



@media screen and (max-width:639px){

.why_bg{ width:95%; margin:0 auto; padding: 50px 0; height:auto; overflow:hidden;background-color:#eeeeee;}
.why{ max-width: 670px; margin: 0 auto;}
	
	/*æ—¶é—´è½´*/
.timer-shaft-content{width:100%; height:auto; overflow: hidden;font-size:0;box-sizing:border-box;white-space: nowrap; padding:10px 0;}
.shaft-detail-cont{width:100%; height:auto; overflow:hidden;}

.month-detail-box{position:relative;width:100%;min-height:93px;padding-top:30px;font-size:0;box-sizing: border-box;white-space: normal;}
.month-detail-box:before{content: '';position:absolute;top:0;left:66.5px;height:100%;border-right:1px solid #9b1e23;}
.month-detail-box .month-title{position:absolute;font-size:20px;font-weight: bold;color:#a40000;}
.month-detail-box .month-title:before{content: '';position:absolute;top:50%;left:60px;width:13px;height:13px;margin-top:-6.5px;background: url(../images/icon_circle.png) no-repeat;background-size: cover;}

.month-detail-boxlast{position:relative;width:100%;min-height:93px;padding-top:30px;font-size:0;box-sizing: border-box;white-space: normal;}
.month-detail-boxlast:before{content: '';position:absolute;top:0;left:66.5px;height:50%;border-right:1px solid #9b1e23;}
.month-detail-boxlast .month-title{position:absolute;font-size:20px;font-weight: bold;color:#a40000;}
.month-detail-boxlast .month-title:before{content: '';position:absolute;top:50%;left:60px;width:13px;height:13px;margin-top:-6.5px;background: url(../images/icon_circle.png) no-repeat;background-size: cover;}


.incident-record{display:inline-block;padding-left:91px; padding-right:40px;line-height:26px;font-size:14px;color:#676767;}
.incident-record span{ display:block; font-size:16px; line-height:20px; font-weight:bold; padding-bottom:15px; color:#292929;}
}




/*å·¥ç¨‹ä¸šç»©*/
ul,li{ list-style:none;}
*{ margin:0; padding:0;}
img{ border:none; max-width:100%; vertical-align: bottom;}
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.tr{ text-align: right;}
.tc{ text-align: center;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#333; text-decoration:underline;}
.ny_social_list .more,.case_list .more{ float: right; padding-right: 40px; color: #666; background: url(../images/more_arrow.png) no-repeat 74px center; transition: 0.5s ease-in-out;}
.ny_social_list .more:hover,.case_list .more:hover{ background-position: right center; text-decoration: none;}
.case_list{ max-width: 1440px; margin: 0 auto; padding-bottom: 70px;}
.case_list li{ border: 1px solid #e6e6e6; background-color: #fff; box-shadow: 7px 7px 0 #b7bdd3; margin-top: 70px; position: relative;}
.case_list li&gt;a{ width: 50%; overflow: hidden; display: block; float: left;}
.case_list li img{ transition: all 0.6s;}
.case_list li:hover img{ transform: scale(1.1);}
.case_list li .text{ width: 50%; padding: 0 51px 0 62px; box-sizing: border-box; float: right;}
.case_list li h3{ font-size: 24px; padding: 48px 0 20px 0; margin-bottom: 40px; border-bottom: 1px solid #e6e6e6;}
.case_list li dl dd{ padding: 0 0 6px 28px; line-height: 30px; position: relative;}
.case_list li dl dd i{ width: 20px; height: 20px; background: url(../images/project_biao.png) no-repeat; position: absolute; top: 6px; left: 0;}
.case_list li dl dd:nth-child(2) i{ background-position: 0 -20px;}
.case_list li dl dd:nth-child(3) i{ background-position: 0 -40px;}
.case_list .more{ position: absolute; bottom: 55px; right: 51px;}

@media screen and (max-width:1520px) and (min-width:1200px){
	.case_list{ padding: 0 40px 60px 40px;}
	.case_list li .text{ padding: 0 40px 0 50px;}
	.case_list li h3{ padding: 40px 0 15px 0;}
	.case_list .more{ bottom: 40px; right: 40px;}
}

@media screen and (max-width:1199px) and (min-width:970px){
	.case_list{ padding: 0 20px 40px 20px;}
	.case_list li{ margin-top: 50px; box-shadow: 6px 6px 0 #b7bdd3;}
	.case_list li .text{ padding: 0 30px 0 40px;}
	.case_list li h3{ padding: 35px 0 15px 0; margin-bottom: 30px;}
	.case_list li dl dd{ line-height: 23px; font-size: 15px;}
	.case_list li dl dd i{ top: 3px;}
	.case_list .more{ bottom: 27px; right: 40px;}
}

@media screen and (max-width:969px) and (min-width:640px){
	.case_list{ padding: 0 20px 40px 20px;}
	.case_list li{ margin-top: 40px; box-shadow: 5px 5px 0 #b7bdd3;}
	.case_list li .text{ padding: 0 20px 0 25px;}
	.case_list li h3{ padding: 20px 0 8px 0; margin-bottom: 14px; font-size: 20px;}
	.case_list li dl dd{ line-height: 20px; font-size: 14px; padding-left: 0; padding-bottom: 3px;}
	.case_list li dl dd i{ display: none;}
	.case_list .more{ display: none;}
}

@media screen and (max-width:639px){
	.case_list{ padding: 0 14px 40px 14px;}
	.case_list li{ box-shadow: none; margin-top: 30px;}
	.case_list li&gt;a{ width: 100%;}
	.case_list li .text{ width: 100%; padding: 0 20px; padding-bottom: 14px;}
	.case_list li h3{ padding: 20px 0 8px 0; margin-bottom: 14px; font-size: 20px;}
	.case_list li dl dd{ font-size: 15px; line-height: 26px;}
	.case_list .more{ display: none;}
}


/*å·¥ç¨‹è¯¦æƒ…é¡µ*/

.casedetail_show_main .casedetail_show_text{ padding-bottom: 30px;}
.casedetail_show_main .case_detail .time{ background-color: #f4f4f4; color: #888; line-height: 36px;}
.casedetail_show_main .swiper-container { width: 100%;}
.casedetail_show_main .swiper-slide { background-size: cover; background-position: center;}
.casedetail_show_main .gallery-top img{ transition: all 0.6s;}
.casedetail_show_main .gallery-top img:hover{ transform: scale(1.1);}
.casedetail_show_main .gallery-top { width: 100%;}
.casedetail_show_main .gallery-thumbs { box-sizing: border-box; padding: 10px 0;}
.casedetail_show_main .gallery-thumbs .swiper-slide { height: 100%; opacity: 0.4;}
.casedetail_show_main .gallery-thumbs .swiper-slide-thumb-active { opacity: 1;}
@media screen and (max-width:639px){
	.swiper-button-next, .swiper-button-prev{ width: 22px; height: 36px; margin-top: -18px; background-size: 100%;}
}

/*å·¥ç¨‹è¯¦æƒ…é¡µ*/
/*åˆ†é¡µ(s)*/
.ny_banner{ position: relative;}
.ny_banner .text{ width: 100%; position: absolute; color: #a40000; text-align: right; top: 65%; margin-top: -100px; left: 0; padding-right:100px;}
.ny_banner .text h1{ font-size: 36px; font-weight: normal;}
.ny_banner .text p{ font-size: 18px; margin: 34px 0 46px 0;}
.ny_nav_box{ width: 100%;}
.ny_nav_fixed{ position: fixed; top: 0; left: 0; z-index: 4;}
.ny_nav_yes{ display: none;}
.ny_nav_none{ display: block;}
.ny_nav{ border-bottom: 1px solid #e6e6e6; background-color: #fff; text-align: center;}
.ny_nav li{ display: inline-block; padding: 0 35px; cursor: pointer;}
.ny_nav li a{ line-height: 97px; padding: 0 0 3px 30px; font-size: 17px; display: block; position: relative;}
.ny_nav li a i{ width: 22px; height: 22px; display: block; position: absolute; top: 37px; left: 0;}
.ny_nav li a:hover,.ny_nav li.active a{ color: #00468e; text-decoration: none;}
.ny_nav li a:hover i,.ny_nav li.active a i{ background-position: -22px 0;}
.ny_nav li a:after{ content: ''; width: 0; height: 4px; display: inline-block; background-color: #00468e; position: absolute; bottom: 0; left: 50%; transition: 0.3s ease-in-out;}
.ny_nav li a:hover:after,.ny_nav li.active a:after{ width: 100%; left: 0;}

.ny_memulist{ display: none;}

.pages{width:100%; padding:28px 0px 110px 0px; text-align:center; font-size: 0;}
.pages span,.pages a{ padding:8px 14px; margin:0 2px; background-color: #fff; border: 1px solid #e6e6e6; display: inline-block; font-size: 16px;}
.pages a:hover,.pages .current{ background:#a40000; color:#fff; text-decoration:none;}


@media screen and (max-width:1520px) and (min-width:1200px){
	.ny_nav{ padding: 0 40px;}
	.ny_nav li{ padding: 0 26px;}
	.ny_nav li a{ line-height: 84px;}
	.ny_nav li a i{ top: 31px;}
	
	.ny_banner .text h1{ font-size: 34px;}
	.ny_banner .text p{ margin: 24px 0 36px 0;}
	
	.pages{ padding: 30px 0 80px 0;}
}
@media screen and (max-width:1199px) and (min-width:970px){
	.ny_nav{ padding: 0 20px;}
	.ny_nav li{ padding: 0 14px;}
	.ny_nav li a{ line-height: 84px;}
	.ny_nav li a i{ top: 31px;}
	
	.ny_banner .text{ margin-top: -55px;}
	.ny_banner .text h1{ font-size: 30px;}
	.ny_banner .text p{ margin: 15px 0 25px 0;}
	.ny_banner .text img{ width: 18px;}
	
	.pages{ padding: 50px 0 80px 0;}
	
}
@media screen and (max-width:969px){
	.ny_nav_box{position: relative;}
	.ny_memulist{ display: block;}
	.ny_memulist_left{ width: 41px; height: 41px; background-color: #b60101; position: relative; float: left;}
	.ny_memulist_left i{ width: 18px; height: 18px; display: block; background: url(../images/home.png) no-repeat; background-size: 100%; position: absolute; top: 11px; left: 11px;}
	.ny_memulist_right{ margin-left: 41px; height: 40px; line-height: 40px; padding-left: 15px; background-color: #fff; border-bottom: 1px solid #d4d4d4; position: relative;}
	.ny_memulist_right i{ width: 8px; height: 8px; display: block; background: url(../images/ny_nav_arrow.png) no-repeat; background-size: 16px 8px; position: absolute; top: 16px; right: 16px;}
	.ny_memulist_right i.active{ background-position: -8px 0;}
	
	.ny_nav{ width: 100%; display: none; padding: 10px 0; position: absolute; top: 41px; z-index: 99;}
	.ny_nav li{ width: 100%; padding: 0; text-align: left; padding-left: 15px; border-bottom: 1px solid #e8e8e8;}
	.ny_nav li:last-child{ border-bottom: 0;}
	.ny_nav li a{ line-height: 40px; padding: 0;font-size: 15px;}
	.ny_nav li a i{ display: none;}
	.ny_nav li a:hover:after, .ny_nav li.active a:after{ display: none;}
	
	.ny_banner .text{ margin-top: -55px;}
	.ny_banner .text h1{ font-size: 30px;}
	.ny_banner .text p{ margin: 10px 0 15px 0;}
	.ny_banner .text img{ width: 18px;}
	
	.pages{ padding: 50px 0 80px 0;}
}
@media screen and (max-width:639px){
	.ny_banner .text{ display: none;}
	.pages{ padding: 20px 0 40px 0;}
	.pages .span { display: none;}
}
@media screen and (max-width: 720px) { 
.pages .span pageinfo { display: none;}
} 

/*æ¡ˆä¾‹è¯¦æƒ…é¡µ*/
.casedetailshow{ max-width: 1440px; margin: 50px auto; background-color: #fff;}
.casedetail_show{ width: 990px; margin: 0 auto; padding: 70px 0 100px 0;}
.casedetail_show .title{ font-size: 24px; text-align: center; padding-bottom: 15px;}
.casedetail_show .subtitle{ font-size: 15px; padding: 10px 0; color: #666;}
.casedetail_show .time{ color: #999; text-align: center; font-size: 15px;}
.casedetail_show .time span{ padding: 0 5px;}
.casedetail_show_main{ padding: 50px 0 70px 0; margin-bottom: 60px; line-height: 30px; border-bottom: 1px solid #e6e6e6; text-align: justify;}
.show_pages a{ line-height: 42px; display: block; border: 1px solid #d5d5d5; text-align: center; font-size: 15px; text-decoration: none; transition: 0.5s ease-in-out;}
.show_pages a:nth-child(1){ width: 166px; float: left;}
.show_pages a:nth-child(2),.show_pages a:nth-child(3){ width: 104px; margin-left: 5px; float: right;}
.show_pages a:nth-child(3){ line-height: 42px; background: url(../images/show_return.png) no-repeat 9px center; padding-left: 20px; box-sizing: border-box;}
.show_pages a:nth-child(3):hover{ background: url(../images/show_return_hover.png) no-repeat 9px center #a40000;}
.show_pages a:hover{ background-color: #a40000; border-color: #a40000; color: #fff;}

@media screen and (max-width:1520px) and (min-width:1200px){
	.casedetailshow{ margin: 50px 40px;}
}
@media screen and (max-width:1199px) and (min-width:970px){
	.casedetailshow{ margin: 2px 0 0 0;}
	.casedetail_show{ width: 100%; padding: 50px 40px 70px 40px; box-sizing: border-box;}
	.casedetail_show .title{ padding-bottom: 10px;}
	.casedetail_show_main{ padding: 40px 0 50px 0; margin-bottom: 50px;}
}
@media screen and (max-width:969px) and (min-width:640px){
	.casedetailshow{ margin: 2px 0 0 0;}
	.casedetail_show{ width: 100%; padding: 50px 20px; box-sizing: border-box;}
	.casedetail_show .title{ padding-bottom: 10px;}
	.casedetail_show_main{ padding: 40px 0; margin-bottom: 40px;}
}
@media screen and (max-width:639px){
	.casedetailshow{ margin: 2px 0 0 0;}
	.casedetail_show{ width: 100%; padding: 30px 14px 50px 14px; box-sizing: border-box;}
	.casedetail_show .title{ font-size: 20px; padding-bottom: 8px;}
	.casedetail_show .time{ font-size: 15px;}
	.casedetail_show_main{ padding: 30px 0; margin-bottom: 0; border: 0; font-size: 15px; line-height: 27px;}
	.show_pages a:nth-child(1){ width: 45%;}
	.show_pages a:nth-child(2){ width: 45%; margin-left: 0;}
	.show_pages a:nth-child(3){ display: none;}
	
}
.casedetail_show_main .casedetail_show_text{ padding-bottom: 30px;}
.casedetail_show_main .case_detail .time{ background-color: #f4f4f4; color: #888; line-height: 36px;}
.casedetail_show_main .swiper-container { width: 100%;}
.casedetail_show_main .swiper-slide { background-size: cover; background-position: center;}
.casedetail_show_main .gallery-top img{ transition: all 0.6s;}
.casedetail_show_main .gallery-top img:hover{ transform: scale(1.1);}
.casedetail_show_main .gallery-top { width: 100%;}
.casedetail_show_main .gallery-thumbs { box-sizing: border-box; padding: 10px 0;}
.casedetail_show_main .gallery-thumbs .swiper-slide { height: 100%; opacity: 0.4;}
.casedetail_show_main .gallery-thumbs .swiper-slide-thumb-active { opacity: 1;}
@media screen and (max-width:639px){
	.swiper-button-next, .swiper-button-prev{ width: 22px; height: 36px; margin-top: -18px; background-size: 100%;}
}

/*æ¡ˆä¾‹è¯¦æƒ…é¡µ*/

/*åˆ†é¡µ*/
/*æ–°é—»é¡µ*/
.list_news_list.detail-title{font-size:30px; color: #222; line-height: 36px;}
.list_news_list.detail-time{border-bottom: 1px solid #f2f2f2;line-height: 45px;padding-top:10px;}
.list_news_list.detail-time span{font-size:14px; color: #999; margin-right:10px;}
.list_news_list.detail-cont{padding:15px 0;}

.list_news{ padding: 20px 0 0 0;}
.list_news li{ transition: all 0.3s ease-in-out;}
.list_news li:hover{ background-color: #f3f9fb;}
.list_news li a{ width:820px; display: block; margin: 0 auto; padding: 40px 0; border-bottom: 1px dotted #D2D2D2; text-decoration: none;}
.list_news .img{ float: left; position: relative;}
.list_news img{ width: 240px;}
.list_news_line{ width: 100%; height: 100%; padding: 12px; box-sizing: border-box; position: absolute; top: 0; left: 0;}
.list_news dl{ width: 100%; height: 100%; position: relative;}
.list_news dl dd{ background-color: #fff; transition: all 0.3s ease-in-out; position: absolute;}
.list_news dl dd:nth-child(1){ width: 0; height: 1px; top: 0; right: 0;}
.list_news .img:hover dl dd:nth-child(1){ width: 100%;}
.list_news dl dd:nth-child(2){ width: 1px; height: 0; bottom: 0; left: 0;}
.list_news .img:hover dl dd:nth-child(2){ height: 100%;}
.list_news dl dd:nth-child(3){ width: 1px; height: 0; top: 0; right: 0;}
.list_news .img:hover dl dd:nth-child(3){ height: 100%;}
.list_news dl dd:nth-child(4){ width: 0; height: 1px; bottom: 0; left: 0;}
.list_news .img:hover dl dd:nth-child(4){ width: 100%;}
.list_news_main{ margin-left: 290px;}
.list_news_main h3{ font-size:20px; font-weight: normal; padding-top: 2px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.list_news .time{ color: #a7a7a7; padding: 5px 0 10px 0;}
.list_news span{ width: 50px; height: 2px; display: block; background-color: #e0e0e0;}
.list_news span i{ width: 0; height: 2px; display: block; background-color: #a40000; transition: all 0.3s ease-in-out;}
.list_news li:hover span i{ width: 50px;}
.list_news p{ font-size: 16px; line-height: 24px; padding-top: 13px;}


@media screen and (max-width:1260px) and (min-width:970px){
	.list_news{ padding: 20px 30px 0 30px;}
	.list_news li a{ width: 100%;}
	
	.casedetailshow{ padding: 0 30px;}
}
@media screen and (max-width:969px) and (min-width:640px){
	.list_news{ padding: 20px 20px 0 20px;}
	.list_news li a{ width: 100%;}
	.list_news img{ width: 200px;}
	.list_news_main{ margin-left: 240px;}
	.list_news .time{ padding-bottom: 10px;}
	.list_news p{ padding: 0;}
	.list_news span{ display: none;}
	

}

@media screen and (max-width:639px){
	.list_news{ padding: 0 12px 0 12px;}
	.list_news li a{ width: 100%; padding: 30px 0;}
	.list_news img{ width: 120px;}
	.list_news_main{ margin-left: 140px;}
	.list_news_main h3{ overflow: auto; white-space: normal; font-size: 16px;}
	.list_news .time{ padding-bottom: 0;}
	.list_news p,.list_news span{ display: none;}

}

/*æ–°é—»é¡µ*/</pre></body></html>