<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*bannerå¼€å§‹*/
.banner{width:100%;height:535px;}
.banner img{width:100%;height:535px;display:block;}
.index-banner{position: relative;z-index: 1;height:535px;overflow: hidden;position: relative;margin: 0 auto;}
.index-banner ul{height: 535px;position: absolute;width: 50000px;}
.index-banner ul li{float: left;height: 535px;overflow: hidden;position: relative;background: #000;}
.index-banner ul li div{position: absolute;overflow: hidden;z-index: 999;}
.index-banner .control{position: absolute;height: 10px;padding: 5px 10px;bottom: 20px;text-align: center;z-index: 9999}
.index-banner .control span{float: left;display: inline;zoom: 1;font-size: 0;margin-left: 5px;cursor: pointer;height: 4px;width: 53px;background: #fff;}
.index-banner .control span.active{background: #f00;}
.index-banner li{float: left;width: auto;height: 535px;}
.index-banner{width: auto;height:535px;}
.index-banner-scroll{position: relative;overflow: hidden;/*width: 1440px;*/height:535px;}
.btn-group{text-align: center;margin-top: 10px;}
.btn-group span{display: inline-block;width: 100px;height: 30px;line-height: 30px;border: 1px solid #ccc;border-radius: 5px;margin-right: 10px;cursor: pointer;user-select: none;}

/*banner2å¼€å§‹*/
#banner_main {position:relative; border:0px solid blue; }
#banner {  border:0px solid red; margin:0 auto; overflow:hidden; width:100%}
.bannerlist{}
.bannerlist li{ text-align:center; border:0px dashed red; overflow:hidden; display:block;}
.bannerlist li img{ margin:0 auto; display:block; }
#banner_main .hd{ width:100%; position:relative; bottom:35px; left:0; height:5px; line-height:5px; text-align:center; border:0px solid red; }
#banner_main .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:53px; height:4px; 
background:#FFFFFF; margin-right:15px; overflow:hidden; font-size:0px;/*border-radius:50%;*/}
#banner_main .hd ul li.on{  background:#f00;}

/*bannerç»“æŸ*/
.business_tit {text-align:center;}
.business_tit h2{line-height:50px;font-size:32px;font-weight:400;margin-top:30px;color:#3060b5;}
.business_tit .p1{line-height:30px;font-size:18px;color:#333;line-height:40px;}
.business_tit .p2{color:#b2b2b3;}


/*---æˆ‘ä»¬çš„å®¢æˆ·---*/


.Clientbox{ width:1340px;margin:0px auto; padding:55px 0px;position:relative;}
.Clientlist{width:1200px;margin:0px auto;overflow:hidden; position:relative;}
.Clientlist ul{width:9999px; position:relative;}
.Clientlist ul li{float:left;width:1200px;overflow:hidden;}
.Clientlist ul li dl{width:1200px; margin:auto;}
.Clientlist ul li dl dd{ float: left;
    width: 220px;
    height: 210px;
    display: inline;
    margin: 0px 10px;
text-align: center;}
.Clientlist ul li dl dd img{ display:block;width:138px; height:138px;margin:0 auto;}
.Clientbox a.ClientPrev,.Clientbox a.Clientnext{display:block; position:absolute;width:37px; height:71px; top:40%; text-align:center; line-height:71px;}
.Clientbox a.ClientPrev{background-image:url(../images/icon.png); background-repeat:no-repeat; background-position:0px -267px; left:0px;}
.Clientbox a.Clientnext{background-image:url(../images/icon.png); background-repeat:no-repeat; background-position:-42px -267px; right:0px;}
.Clientbox .p3{font-size: 16px;line-height:40px;color:#333;}
.Clientbox .p4{color:#ccc;}
#ywfw {position:relative; width:1200px; padding:55px 0px;}
#ywfw .box {width:1200px; height:210px; overflow:hidden;}
#ywfw .list {width:9999px; height:210px;}
#ywfw li {float:left; width:240px; height:210px; text-align:center;}
#ywfw li img{ display:block;width:138px; height:138px;margin:0 auto;}
#ywfw li .p1 {font-size: 16px;line-height:40px;color:#333;}
#ywfw li .p2 {color:#ccc;}
#ywfw .prev {position:absolute;display:block;width:37px; height:71px; top:30%;background-image:url(../images/icon.png); background-repeat:no-repeat; background-position:0px -267px; left:-35px;}
#ywfw .next {position:absolute;display:block;width:37px; height:71px; top:30%;background-image:url(../images/icon.png); background-repeat:no-repeat; background-position:-42px -267px; right:-35px;}

.about_qm {width:100%;height:590px;/*background:url(../images/bigbg_02.png)no-repeat center ;*/border-top:#dfdfdf 1px solid;border-left:0;border-right:0;}
.about_qm h3{width:400px;height:40px;margin:0 auto;background:url(../images/abouttitbg.png) no-repeat center;margin-top:20px;padding-top:20px;text-align:center;}
.about_qm i{display: inline-block; height: 0; position: relative; vertical-align: middle; width: 20px;border-top: 1px solid #454545;}
.about_qm .p2{line-height:10px;font-size:16px;text-align:center;}
.about_qm p span{padding:0 8px;color:#454545;font-size:16px;text-align:center;}
.about_qm .about_qmtit {width:650px;height:38px;margin:0 auto;margin-top:30px;}
.about_qm .about_qmtit li{float:left;width:130px;height:38px;border:1px solid #fff;margin:0 10px;line-height:38px;text-align:center;}
.about_qm .about_qmtit .active{background:url(../images/bg_02.png) no-repeat;border:none;line-height:30px;}
.about_qm .about_qmtit li a{color:#fff;font-size:14px;}
.about_qm .miaoshu {width:1200px;height:380px;margin: 0 auto;
    margin-top: 55px;}
.about_qm .w1200{margin-top:30px;}
.about_qm .about{width:530px; background:#FFFFFF;padding:10px;height:374px;}	
.about_qm .newsbox{width:600px;background:#FFFFFF;padding:10px;height:374px;}	
.home_title2,.home_title{border-bottom:#e9e9e9 solid 1px;padding-left:10px;}
.home_title h4{	display: inline-block;width: 90px;font-size:18px;border-bottom:#3772D0 solid 2px;text-align:center;line-height:36px;margin-bottom:-1px;float:left;}
.home_title span{font-variant: small-caps;font-size:20px;color:#C7C7C7;padding-left:5px;float:left;}
.home_title2 li {float:left;width:90px;text-align:center;line-height:36px;font-size:18px;color:#ACACAC;}
.home_title2 li.current {border-bottom:#3772D0 solid 2px;margin-bottom:-1px;}
.home_title2 a.more{display:inline-block; float:right;font-variant: small-caps;font-size:16px;margin-right:10px;margin-top:10px; }

.about_qm .about .about_con{padding: 30px 0; line-height: 2;font-size: 14px;text-indent: 2em;}
#xwdt_show li { line-height: 40px;  border-bottom: #aaa 1px dashed; padding: 0 5px;}
#xwdt_show li a {font-size:13px;}
#xwdt_show li span {color:#999; font-size:12px; float:right;}
.home_more1 a {display: inline-block; width: 86px; height: 26px;  background: #3D3D3D;  float: right; text-align: center; color: #FFFFFF; line-height: 26px;}

.miaoshu li{width:280px;height:380px;float:left;margin:0 10px;background:#fff;float:left;}
.miaoshu .img{width:280px; height:190px;overflow:hidden;}
.miaoshu .img img{height:100%;}
.wd {
    color: #444;
}
.about_qm .text dt{padding-left:10px;background:url(../images/listbg.png) no-repeat left;}
.miaoshu a{line-height:25px;}
.text{padding-left:10px;}
.stit {
    line-height: 28px;
    font-size: 14px;
    font-weight: bold;
}
.view {
    display: inline-block;
    padding-left: 23px;
    line-height: 26px;
    color: #4c4948;
    font-size: 12px;
    background: url(../images/ico_01.png) no-repeat left center;
    margin-top: 5px;
    -webkit-transition: background 0.3s ease 0s;
    transition: background 0.3s ease 0s;
	color:#444;
}
.word{color:#444;}
.miaoshu li:hover img{ transform: scale(1.2); cursor: pointer;  
                transition: all 0.6s; -moz-transition:all 0.6s; /* Firefox 4 */
-webkit-transition:all 0.6s;/* Safari and Chrome */
-o-transition:all 0.6s; /* Opera */  }
.miaoshu li:hover{background:#e94816;  transition: all 0.6s; -moz-transition:all 0.6s; /* Firefox 4 */
-webkit-transition:all 0.6s;/* Safari and Chrome */
-o-transition:all 0.6s; /* Opera */color:#fff;}
.miaoshu li:hover p{color:#fff;}
.miaoshu li:hover a{color:#fff;}
.detail{width:100%;margin:0 auto;height:1187px;background:url(../images/js.jpg) no-repeat center;}




/*---ä¸­æ&nbsp;‡æ–°é—»---*/

.zhongbiao{ width:100%; padding-bottom:35px; background:#f5f5f5; position:relative;}

.zhongbiaotitle{width:100%;}
.zhongbiaotitle div{line-height:36px;text-align:center;font-size:32px;color:#007bc4; padding:30px 0px 15px;}
.zhongbiaotitle div a{color:#1a1a1a;}
.zhongbiaotitle div a:hover{color:#e81727;}
.zhongbiaotitle p{background:#d7d4d4; height:1px; overflow:hidden;line-height:0px;}
.zhongbiaotitle p span{ margin:0px auto; display:block; height:1px; overflow:hidden; width:86px; background:#3060b5;line-height:1px;}
.zhongbiaotitle em{ display:block; text-align:center; font-size:14px; color:#999999; padding-top:10px;}

.zhongbiaolist a.ZbPrev,.zhongbiaolist a.Zbnext{ display:block; position:absolute;width:50px; height:50px; top:46%; text-align:center; line-height:36px;}

.zhongbiaolist a.ZbPrev{background-color:#424242;background-image:url(../images/icon.png); background-repeat:no-repeat; background-position:16px -135px; left:0px;}
.zhongbiaolist a.ZbPrev:hover{background-color:#ea0014;}

.zhongbiaolist a.Zbnext{background-color:#424242;background-image:url(../images/icon.png); background-repeat:no-repeat; background-position:-28px -135px; right:0px;}
.zhongbiaolist a.Zbnext:hover{background-color:#ea0014;}


.zhongbiaolist{margin:0px auto; width:1200px; padding:0px; position:relative; overflow:hidden; padding-top:35px;}
.zhongbiaolist ul{ width:9999px; position:relative;}
.zhongbiaolist ul li{float:left;width:345px;height:340px; background:#fff;}
.zhongbiaolist ul li h3{ font-size:16px; height:21px; overflow:hidden;padding:20px 10px 0px;color:#333;font-weight:200;}
.zhongbiaolist ul li h3 a{color:#333;}
.zhongbiaolist ul li p{ font-size:14px; height:48px; overflow:hidden; color:#999999;padding:10px 10px 0px;}
.zhongbiaolist ul li p {  font-size: 14px; height: 45px; overflow: hidden; color: #999999;  padding: 10px 10px 0px;}
/*.zhongbiaolistimg{ height:258px; position:relative; overflow:hidden;}*/
.zhongbiaolistimg img{display:block; width:348px; height:258px; position:absolute; left:50%; margin-left:-174px; top:50%; margin-top:-129px;transition: all 0.4s;}
.zhongbiaolistimg { height: 220px; position: relative; overflow: hidden;}
.zhongbiaolist ul li{width: 279px;  margin-right: 28px;}
.zhongbiaolist ul li:hover .zhongbiaolistimg img {width:279px; height:220px;margin-left:-140px;margin-top:-110px;}
#xwzx {width:1200px; position:relative; padding-top:35px;}
#xwzx .box {width:1200px; height:340px; overflow:hidden;}
#xwzx .list {width:9999px; height:340px; overflow:hidden;}
#xwzx li {float:left; width:307px; height:340px;}
#xwzx li .frm {width:279px; margin:0;}
#xwzx li h3{ font-size:16px; height:21px; overflow:hidden;padding:20px 10px 0px;color:#333;font-weight:200;}
#xwzx li h3 a{color:#333;}
#xwzx li p {  font-size: 14px; height: 45px; overflow: hidden; color: #999999;  padding: 10px 10px 0px;}
#xwzx .prev,#xwzx .next {display:block; position:absolute;width:50px; height:50px; top:40%; text-align:center; line-height:36px;background-color:#424242;background-image:url(../images/icon.png); background-repeat:no-repeat; z-index:9999; cursor:pointer;}
#xwzx .prev {background-position:16px -135px; left:0px;}
#xwzx .next {background-position:-28px -135px; right:0px;}
#xwzx .prev:hover,#xwzx .next:hover {background-color:#ea0014;}

#xmdt {width: 1200px;padding-top: 35px;}
#xmdt ul{overflow:hidden}
#xmdt li {float:left; width:48%; margin:0 4% 0 0; line-height: 40px;border-bottom: #aaa 1px dashed; font-size:14px;}
#xmdt li:nth-child(2n){margin-right:0}
#xmdt li a{float:left; display:block; width:70%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
#xmdt li span.time {float:right;color: #999;font-size: 12px;}
#xmdt li:after {content:'';display:block;height:0;clear:both;}

.product{width:100%;height:774px;background:url(../images/probg.jpg) no-repeat center;}
.product_center{color:#fff;}
.product_center h2{padding-top:64px;font-size:30px;font-weight:200;}
.product_center h3{font-size:20px;font-weight:200;}

.scrollpic {
	width: 1200px;
	margin:40px auto 0 auto;
}
#myscroll {
	display: block;
	width: 100%;
	position: relative;
	height: 500px;
	overflow: hidden;
}
#myscroll #myscrollbox {
	display: block;
	float: left;
	position: absolute;
	left: 0;
	top: 0;
	width: 1000000px;
}
#myscroll ul {
	display: block;
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#myscroll ul li {
	display: block;
	float: left;
	padding: 0;
	width:300px;
}
#myscroll ul li a {
    display: block;
    float: left;
    width: 285px;
    padding: 0;
    position: relative;
    height: 240px;
    color: #333;
    overflow: hidden;
    margin-bottom: 20px;
}
#myscroll a .intro {
	position: absolute;
	left: 0;
	z-index: 10;
	background-color: #fff;
	filter: alpha(opacity=70);
	width: 285px;
	color: #000;
	/*-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;*/
	text-align: center;
}
#myscroll a .intro h5 {
	padding: 0;
	margin: 0;
	font-size: 16px;
	height: 40px;
	width: 285px;
	line-height: 30px;
	border-bottom: 1px solid #ccc;
	font-weight:100;
}
#myscroll a .intro p {
	font-size: 13px;
	line-height: 20px;
	margin: 65px 70px;
	height: 70px;
	overflow: hidden;
}
#myscroll a .intro {
	bottom: -211px;
}
#myscroll a:hover .intro {
	bottom: 0px;
}
#mybtns {
	margin: 10px 0;
	width: 1200px;
	display: block;
	height: 42px;
}
#mybtns a {
	width: 42px;
	height: 42px;
	display: block;
	float: right;
	margin-right: 1px;
	background-color: #2a2a2a;
	margin-left:10px;
}
#mybtns a:hover {
	background-color: #319c9c;
}
#mybtns a:hover, #myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#mybtns #left {
	background-image: url(../images/jt_l.png);
}
#mybtns #right {
	background-image: url(../images/jt_r.png);
}
#cpzx {width:1200px; position:relative; margin-top:40px;}
#cpzx .prev,#cpzx .next {width: 42px;height: 42px; display: block; position:absolute; top:0px;background-color: #2a2a2a; cursor:pointer}
#cpzx .prev {background-image:url(../images/jt_l.png); right:52px;}
#cpzx .next {background-image:url(../images/jt_r.png); right:0;}
#cpzx .prev:hover,#cpzx .next:hover {background-color: #319c9c;}
#cpzx,#cpzx a,#cpzx span {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#cpzx .box {width:1200px; height:520px; overflow:hidden; padding-top:52px;}
#cpzx .list {width:9999px; height:520px; overflow:hidden;}
#cpzx li {width:305px; height:520px; float:left;}
#cpzx li a {display: block;float: left;width: 285px;padding: 0;position: relative;height: 240px;color: #333;overflow: hidden;margin-bottom: 20px;}
#cpzx li a img{transition: all .8s ease 0s;   -moz-transition: all .8s ease 0s;   -webkit-transition: 0all .8s ease 0s;}
#cpzx .intro {position: absolute;left: 0;z-index: 10;background-color: #fff;filter: alpha(opacity=70);width: 285px;color: #000;text-align: center;}
#cpzx .intro h5 {padding: 0;margin: 0;font-size: 16px;height: 40px;width: 285px;line-height: 30px;border-bottom: 1px solid #ccc;font-weight:100;}
#cpzx .intro p {display:none;font-size: 13px;line-height: 20px;margin: 65px 70px;height: 70px;overflow: hidden;}
#cpzx .intro {bottom: -8px;}
#cpzx li a:hover img{transform: scale(1.1,1.1);  -moz-transform: scale(1.1,1.1);  -webkit-transform: scale(1.1,1.1);}
/*#cpzx a:hover .intro {bottom: 0px;}*/

.contact{margin-top:55px;}
.contact .text{margin-left:40px;}
.contact .text dt{padding-bottom:10px;}
.contact .text dt h1{ font-size:18px; margin-bottom:10px;color:#3060b5;font-size:20px;}
.contact .text dd h1{color:#717273; font-size:14px; line-height:36px;}
.contact .text p{ color:#717273; font-size:14px; line-height:32px;padding-left:10px;}
.contact .text i{ color:#ff1b00; font-size:18px; padding-right:27px;}

.contact .right { width: 180px;}
.contact .right p{ color:#717273; font-size:14px; line-height:40px;text-align:center;}
.contact .right #bnt_message{ color:#fff; line-height:55px; bottom: 13px; text-align:center; font-size:14px; background:url(../images/bnt_leavmessage.png) center no-repeat; display:block; height:55px; width:172px; /*position:absolute;*/ right:5px;} 
.contact .right #bnt_message:hover{background:url(../images/bnt_leavmessage_h.png) center no-repeat; }
.contact .right #bnt_message:active{ background:#ff1b00; }
.contact .right img{width:180px;}

#bnt_qq a{ display:inline-block; position:relative; width:105px;color: #666;}
#bnt_qq a img{ left:30px; position:absolute; top: 11px;}

.iconfont1{background:url(../images/tell.png) no-repeat 5px;background-size: 20px;}
.iconfont2{background:url(../images/adrres.png) no-repeat 5px;background-size: 20px;}
.iconfont3{background:url(../images/qq.png) no-repeat 5px;background-size: 20px;}



.i_banner{width:100%;/*height:350px;background:url(../images/i_banner.png) no-repeat center;*/text-align:center; height:420px; position:relative; overflow:hidden;}
.mainbg{width:1200px;margin:0 auto;}
.mainbg .container{padding-top:40px;padding-bottom:40px;}
.mainbg .mainlef{width:300px;margin-right:20px;background:#eee; border-radius:5px;}
.mainbg .mainrit{width:850px;background:#FFFFFF;min-height:400px;border-radius:5px;padding-bottom: 30px; line-height: 28px;font-size: 1.3em;}
.mainbg .fl .limg{padding-top:20px;}
.navbox{background:#fff;border-radius:5px}
.navbox_title span{color:#e1e1e1;font-size:.4em;padding-left:5px;padding-right:20px}
.navbox_title span a{color:#fff;font-size:.6em}
.navbox_title span a:hover{color:#fff!important;text-decoration:underline}
.navbox_title{color:#fff;background:#a51723;padding:25px 0;text-align:center;font-size:1.4em;border-radius:5px 5px 0 0}
.subnav2{padding:10px 15px 20px}
.subnav2 .pull-right{margin-right:15px}
.subnav2&gt;li&gt;ul&gt;li&gt;a&gt;span{float:left;margin-top:6px}
.subnav2 li{list-style:none;border-bottom:#f5f3f3 solid 1px;margin-bottom:15px;font-family:"å¾®è½¯é›…é»‘";text-indent:10px;    width: 230px;
    height:40px;font-size:14px;}
.subnav2 li .popover{max-width:400px}
.subnav2 li:last-child{border-bottom:0}
.subnav2 li&gt;a{display:block;border-radius:5px;padding:15px 0 10px; color:#666}
.subnav2 li&gt;a:hover,.subnav2 li&gt;a.active{background:#a51723;color:#fff!important;font-family: "å¾®è½¯é›…é»‘";}
.leftlx {padding:15px; font-size:14px; line-height:24px;}
.mainbg .w260{width:260px;}
.mainbg .w880{width:880px;}
.mainrit{padding-right: 15px; padding-left: 15px;}
.mainrit .mainrittop{padding: 16px 0;padding-left: 10px;margin: 0;border-bottom:#d1d1d1 solid 1px;	position:relative;}
.mainrit .mainrittop h3{float:left; font-size: 1.2em;font-weight:normal;color: #0e0d12;}
.mainrit .mainrittop p{float:right;padding-left:26px;background:url(../images/icon_home.png)no-repeat left center;font-size:14px;color:#999999;}
.mainrit .mainrittop p a{padding:0 6px;font-size:14px;color:#999999;}
.mainrit .mainrittop i{	position: absolute;width:138px;height:1px;background:#424649;left:0;bottom:-1px;}
.mainrit .mainritbot{ line-height:26px; font-size:16px; margin-top:15px;}
.mainrit .mainrittop p a:hover{color:#ae251d;}
.mainrit .mainritbot .pubcontent .pub_box .pr_list{float:left;margin-right:23px;margin-bottom:10px;}
.mainrit .mainritbot .pubcontent .pub_box:after{ content:""; height:0; overflow:hidden; display:block; clear:both;}
.mainrit .mainritbot .pubcontent .pub_box .pr_list .title span{display:none;}
.mainrit .mainritbot .pubcontent .pub_box .pr_list .title{text-align:center;line-height:32px;}


.pages {margin-top:15px; text-align:center;}
.newslist li { border-bottom:#ccc 1px dashed; line-height:36px;}
.newslist li .text {float:left;}
.newslist li span {float:right;}

.show .tit { font-size:18px; text-align:center;}
.show .info { background:#eee; text-align:center; margin:15px 20px;}
.show .cont img {max-width:100%;}

.pr_list{ width:276px; border:1px solid #d1d1d1; background-color:#fff; float:left; margin:25px 29px 0 0;text-align:center;}
.pr_list:hover .title p{ text-decoration:underline; }
.pr_list .frm {display:block; width:276px; height:194px; overflow:hidden; vertical-align:middle;}
.pr_list img.dt{ text-align:center; width:auto; height:auto; max-width:276px; max-height:194px; margin:0 auto; display:block;vertical-align:middle;}
.pr_list .title { border-top:1px dotted #d1d1d1; height:30px;}
.pr_list .title p{ float:left; line-height:30px; font-size:12px; padding-left:10px;}
.pr_list .title span{ float:right; font-size:10px; background-color:#c4d52a;  height:30px;} 
.pr_list .title span img{ padding-left:10px; padding-top:6px; float:left;}
.pr_list .title span i{ font-style:normal; line-height:30px; padding:0 5px;}

.msg input[type="text"],.msg textarea {width:300px; line-height:24px; font-size:14px;}
.msg input[type="submit"] {width:80px; text-align:center; line-height:32px;}

.twlist li {padding:20px 0; border-bottom:#ccc 1px dashed;}
.twlist li img {width:240px; height:155px;}
.twlist li .txt {padding-left:20px; width:620px;}
















</pre></body></html>