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

    padding:0;

    margin:0px;

    box-sizing: border-box;

}

img{

    border:none;

    max-width: 100%;

}

body{

    overflow-x: hidden;

}

ul,li{

    list-style: none;

}

a:hover,

a{

    text-decoration: none;

}



.cbody{

    margin:0 auto;

    width:1200px;

}

.header{

	width:1500px;

    position: absolute;

    top:42px;

    left:50%;

    transform: translateX(-50%);

    display:flex;

    justify-content: space-between;

    z-index:888;

}
@media (min-width: 991px) and (max-width: 1500px) {
	.header{
		width:96%;
	}
	.cbody{
		width:96%;
	}
}
.header .logo{
	width: 88px;
    height:88px;
    float: left;
    margin-top: 6px;
    text-indent: -9999px;
    background:url(/images/pclogo.png);
}

.header .logo h1{
	width:88px;
	height:88px;
}
.header .logo h2 a,
.header .logo h1 a{
    opacity: 0;
	display: block;
    width: 100%;
    height: 100%;
}
.view-head .logo h2{
	width:88px;
	height:88px;
}

.header .logo_in{
	    width:200px;
    height:74px;
    float: left;
    margin-top: 6px;
    text-indent: -9999px;
    background:url(/images/pclogo1.png);
	
	}

.header .logo_in h1{
	width:88px;
	height:88px;
}
.header .logo_in h2 a,
.header .logo_in h1 a{
    opacity: 0;
	display: block;
    width: 100%;
    height: 100%;
}
.view-head .logo_in h2{
	width:88px;
	height:88px;
}

.menu{

    flex: .8;

    display: flex;

    align-items: center;

}

.menu&gt;ul{

    flex:1;

    display:flex;

    justify-content: space-around;

    align-items: center;

}

.menu&gt;ul&gt;li&gt;a{

    font-size:16px;

    color:#fff;

}
.menu&gt;ul&gt;li{
	position:relative;
}
.menu&gt;ul&gt;li&gt;ul{
	display:none;
	position:absolute;
	/*background:rgba(255, 255, 255, .6);*/
	padding:2px 4px;
	top: 26px;
	width:70px;
	text-align:center;
}
.menu&gt;ul&gt;li&gt;ul&gt;li{
	height:32px;
	line-height:32px;
	width:100%;
}
.menu&gt;ul&gt;li&gt;ul&gt;li&gt;a{
	font-size:14px;
    color:#fff;
}

.tel{

    background: url(../images/tel.png) no-repeat 0 center;

    padding-left:25px;

    display: flex;

    align-items: center;

}

.tel a{

    font-size:20px;

    color:#e60012;

    font-weight:bold;

}
.tel_in{

    background: url(../images/tel_in.png) no-repeat 0 center;

    padding-left:25px;

    display: flex;

    align-items: center;
 	color:#fff;
}

.tel_in a{

    font-size:20px;

    color:#ffffff;

    font-weight:bold;

}



/* foot */

.foot{
    background: url(../images/foot.jpg) no-repeat center;

    padding:16px 0;

}

.foot-menu ul{

    display:flex;

    justify-content: center;

    height:80px;

    align-items: center;

    border-bottom: 1px solid #39393d;

}

.foot-menu ul li a{

    font-size:18px;

    color:rgba(255, 255, 255, .8);

}

.foot-menu ul li{

    padding:0 35px;

}

.foot-body{

    height:292px;

    display:flex;

    justify-content:space-between;

    align-items: center;

    padding:0 20px;

}

.foot-logo{

    display:flex;

    flex-direction: column;

    align-items: start;

    font-size:14px;

    color:rgba(255, 255, 255, .7);

    line-height:26px;

}

.foot-logo a{

	font-size:14px;

    color:rgba(255, 255, 255, .7);

}

.foot-code{

    width:360px;
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.foot-code .code{

    height:180px;

    width:160px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: space-between;

    font-size:14px;

    color:rgba(255, 255, 255, .8);

}

.foot-tel{

    width:430px;

    padding:10px 0 0 40px;

}

.foot-tel ul{

    display:flex;

    flex-direction: column;

    justify-content: space-between;

    height:140px;

}

.foot-tel ul li{

    position: relative;

    margin-left:50px;

}

.foot-tel ul li span{

    font-size:15px;

    color:rgba(255, 255, 255, .8);

}

.foot-tel ul li::before{

    content:'';

    height:42px;

    width:42px;

    position: absolute;

    top:0;

    left:-56px;

}

.foot-tel ul li:first-child p{

    font-size:22px;

    color:#f9c12c;

    font-weight: bold;

}

.foot-tel ul li:first-child::before{

    background: url(../images/foot-tel.png) no-repeat;

}

.foot-tel ul li:last-child::before{

    background: url(../images/foot-add.png) no-repeat;

}

.foot-tel ul li p{

    font-size:16px;

    color:rgba(255, 255, 255, .8);

    margin-top:5px;

}

.copy{

    height:56px;

    border-top: 1px solid #39393d;

    display: flex;

    align-items: center;

    padding:0 40px;

}

.copy,

.copy a{

    font-size:14px;

    color:#6c6c6c;
	margin:0 6px;
}
.recom-probox{
	margin-top:20px;
}
.recom-top{
	 border-bottom: 1px solid #006e47;
    color: #006e47;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 10px;
}
.recom-newsbox{
	float:left;
	padding:10px 0 20px 0;
}
.recom-newsbox li {
    border-bottom: 1px dotted #ddd;
    float: left;
    line-height: 43px;
    margin: 0 15px;
    width: 550px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.recom-newsbox li a {
    color: #2e2e2e;
    font-size: 14px;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 423px;
}
.recom-newsbox li span {
    color: #999;
    float: right;
    font-size: 13px;
}
.recom-probox .casebox ul li{
	width:264px;
}
.recom-probox .casebox ul li a:first-child{
	height:180px;
}
.casebox ul li{

    float:left;

    width:372px;

    margin:10px 12px;

    display: flex;

    flex-direction:column;

}

.casebox ul li a:first-child{

    height:280px;

    overflow: hidden;

    display:flex;

    justify-content: center;

    align-items: center;
	
	background:#fafafa;

}

.casebox ul li:hover a:first-child img{

    transform: scale(1.1,1.1);

}

.casebox ul li a:first-child img{

    min-height:100%;

    transition: all .3s;

}

.casebox ul li a:last-child{

    height:36px;

    display:flex;

    justify-content: center;
	align-items:center;

    font-size:14px;

    color:#464646;
	
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}

.casebox ul li:hover a:last-child{

    color:#e60012;

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