<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">a{ color:#666; text-decoration:none;}
a:hover{ color:#2481BC;;-webkit-transition:  0.2s ease-in 0s;-moz-transition:  0.2s ease-in 0s;-ms-transition:  0.1s ease-in 0s;
-o-transition:  0.2s ease-in 0s;}
img{ border:0px;margin:0px;}
ul,li,h1,p,h2,h3{ margin:0px; padding:0px; list-style:none; font-weight:normal}
input{font-family:"Microsoft Yahei";}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color:#666;
	text-align:center;
	font-family:"Microsoft Yahei";
	font-size:16px;
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: inherit | grayscale;
	-webkit-text-size-adjust: none
}
header{ display:none;}
.header{width:100%; height:auto;float:left; line-height:36px; border-bottom:1px solid #e0e0e0; font-size:0.75em; background:#f2f2f2;}
.container{width:100%; max-width:1200px;height:auto; margin:0 auto; text-align:left;}
.header .hd1{ float:left;  color:#666; }
.header .hd2{ float:right;}
.header .hd2 a{ padding-left:10px; padding-right:10px;}
.d1{ float:left;}
.topbar_r_wx{ float:left; position:relative;z-index:2000;padding-left:10px;}
.topbar_r_wx div{ position:absolute; z-index:20; display:none; }
.topbar_r_wx:hover{ cursor:pointer;}
.topbar_r_wx:hover div{ display:block; top:36px; right:-20px; z-index:2000}

.h_top{width:100%; height:auto;float:left; margin-top:25px; background-repeat:repeat-x; margin-bottom:25px;}
.h_top .ht1{ width:60%; height:auto; float:left;}
.h_top .ht3{ width:40%;float:left; padding-top:9px;}
.h_top .ht3 .tel{ width:100%;float:left; text-align:right; padding-top:15px;}
.h_top .ht3 .sear{ float:right;background:#e1e1e1;}
.h_top .ht3 .sear .s{ width:270px; float:left;border:1px solid #a5a5a5;}
.h_top .ht3 .sear .s .timg{ float:left; height:26px;padding-right:8px; background:#fff;}
.h_top .ht3 .sear .s .input{ float:left; height:26px;padding-right:8px; border-right:1px solid #a5a5a5;background:#fff;}
.h_top .ht3 .sear .s .input input{ width:170px;border:none; background:#fff;color:#888;}
.h_top .ht3 .sear .s .btn{ float:left; background:#e1e1e1; text-align:center;}
.h_top .ht3 .sear .s .btn input{ padding-left:15px; padding-right:15px;  background:#e1e1e1; line-height:24px;text-shadow: 1px 1px #fff; border:none;cursor:pointer}

.navs{ width:100%; height:50px;float:left; background:#EC6D10;}
.navs ul{ float:left; width:1200px; padding:0; }
.navs ul li{ width:11.11%;float:left; height:auto; padding:0px; position:relative; font-size:1.25rem;}

.navs ul li ul{ display:none;}
.navs ul li a{ width:100%;float:left; line-height:50px; text-align:center; color:#fff;-webkit-transition:  0.2s ease-in 0s;-moz-transition:  0.2s ease-in 0s;-ms-transition:  0.1s ease-in 0s;-o-transition:  0.2s ease-in 0s;}
.navs ul li a:hover{width:100%;background-color:rgba(36,129,188,0.8);-webkit-transition:  0.2s ease-in 0s;-moz-transition:  0.2s ease-in 0s;-ms-transition:  0.1s ease-in 0s;
-o-transition:  0.2s ease-in 0s;}
.navs ul li a.on{ background:#2481BC;}
.navs ul li a.on:hover{ background:#2481BC;}
                                                 
.navs ul li:hover{background:#2481BC;}
.navs ul li:hover a{background:#2481BC; color:#fff;}
.navs ul li:hover ul{ display:block; position:absolute; width:100%; z-index:1000; top:50px; left:0px;}

.navs ul li:hover ul li{ width:100%; height:auto; float:left;margin:0px; padding:0px;font-size:1rem;}

.navs ul li:hover ul li a{ width:80%;height:auto; float:left; text-align:left;line-height:200%;background:#2481BC; padding-left:20%;}
.navs ul li:hover ul li a:hover{text-decoration:underline; background-color:rgba(36,129,188,0.8);-webkit-transition:  0.2s ease-in 0s;-moz-transition:  0.2s ease-in 0s;-ms-transition:  0.1s ease-in 0s;-o-transition:  0.2s ease-in 0s;}
.navs ul li:hover ul .imgs{ width:100%;height:13px; float:left;}
.m_sear{ display:none;}

.row{box-sizing:border-box;margin-left:-15px;margin-right:-15px;}
.main{width:100%; height:auto; float:left; background:url(../images/n_main_bg.jpg); background-repeat:no-repeat;background-position:center top; padding-top:270px; border-top:1px solid #fff;}
.main .left{ width:20%; float:left;background: #fff none repeat scroll 0 0;margin-bottom: 30px;text-align: left;box-shadow: 3px 2px 3px rgba(0, 0, 0, 0.15);transition: all 350ms ease 0s;border-radius:4px; min-height:400px;}
.main .left:hover{box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.15);}
.main .right{ width:76%; float:left; margin-left:3%; border:1px solid #eee; background:#fff;}
.main .left .tit{  background:#EC6D10; line-height:50px; padding-left:20px; color:#fff;}
.main .left .tit h1{ font-size:1.328em;}
.main .left .class a{ width:85%; float:left; background:#fcfcfc; padding-left:15%; line-height:40px; border-bottom:1px dotted #ccc; border-top:1px solid #fff;}
.main .left .class a span{ color:#999;}
.main .left .class a:hover{ background:#fff;color:#2481BC;}
.main .left .class a.on{background:#fff; color:#2481BC;}
.main .left .class1 a{ width:75%; float:left; background:#DAECF8; padding-left:25%; line-height:40px; border-bottom:1px dotted #ccc; border-top:1px solid #fff; font-size:14px; color:#333;}
.main .left .class1 a:hover{ background:#fff;color:#2481BC;}
.main .left .class1 a.on{background:#fff; color:#2481BC;}

.main .left .class a.on span{color:#2481BC;}

.main .right .tit{ width:100%; float:left;line-height:50px; background:#f3f3f3}
.main .right .tit h1{ border-left:10px solid #EC6D10;font-size:1.328em; float:left; padding-left:20px;}
.main .right .tit p{ float:right; font-size:0.8em;padding-right:10px;}
.main .right .con{ width:90%; float:left; padding:5%; line-height:200%; border-top:1px solid #eee; min-height:300px; color:#666;}

.vr_news{ width:100%; height:auto; float:left; padding-bottom:30px;}
.row{box-sizing:border-box;margin-left:-15px;margin-right:-15px;}
.mb-30{margin-bottom:30px}
.vr_news_item {
    background: #f7f7f7;
    padding: 15px 5px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.vr_news_item:hover {
    -webkit-box-shadow: 0 5px 15px #eee;
    box-shadow: 0 5px 15px #eee;
}

.vr_news_item a:hover h2 {
    color: #2481BC;
}

.vr_news_item a .ver-more_circle:before {
    color: #666;
}

.vr_news_item a:hover .vr-more_circle:before {
    content: "\e691";
    color: #2481BC;
}

.vr_news_item h2 {
    font-size: 18px;
    color: #333;
    padding: 20px 0;
}

.vr_news_item p {
    font-size: 14px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	line-height:200%;
}

.vr_news_item h3 {
    text-align: right;
    font-size: 16px;
    padding: 20px 0;
    color: #a0a0a0;
}

.vr_news_item i {
    font-size: 26px;
    float: right;
}
.cl:after,.clearfix:after{content:"\20";display:block;height:0;clear:both;visibility:hidden}
.cl,.clearfix{zoom:1}
.text-c{text-align:center}


.n_pageno{ width:100%; height:auto; float:left; margin-top:10px; text-align:center; line-height:45px; background:#fafafa; font-size:14px;}
.pageno{ width:100%; height:auto; float:left; margin-top:10px; text-align:center; line-height:45px;background:#fafafa; font-size:14px;}
.pageno span a{ padding-left:5px; padding-right:5px; border:1px solid #ff6600; padding-top:5px; padding-bottom:5px; margin-left:1px; margin-right:1px; }
.pageno span a:hover{ padding-left:5px; padding-right:5px; border:1px solid #ff6600; padding-top:5px; padding-bottom:5px;  color:#ff6600;}
.pageno span a.on{ padding-left:5px; padding-right:5px; border:1px solid #ff6600; padding-top:5px; padding-bottom:5px; color:#ff6600;}


/*news_page*/
.news_page{ width:100%; height:auto;}
.news_page h1{ text-align:center; color:#000; padding-bottom:20px;}
.news_page .date{ font-size:14px; text-align:center; line-height:65px; background:#fafafa;}
.news_page .p_class{ font-size:18px; line-height:65px;}
.news_page .content{ padding-top:30px;line-height:200%;}
.news_page .imgs{ width:100%; float:left; text-align:center; padding-top:20px;padding-bottom:30px; background:#fafafa; margin-bottom:20px;}
.news_page .imgs img{ max-width:90%;}

/*case*/
.case{ width:100%; height:auto;}
.case ul{ width:30.33333333333%; float:left; padding:1.5%; text-align:center;}
.case ul img{ width:100%; height:165px; margin-bottom:8px;}
/*product*/
.vr_sevice_text h1{font-size: 18px;line-height: 4; color:#000;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.vr_btn_case {
    padding: 10px 40px;
    font-size: 14px;
    color: #777;
    border: 1px solid #dcdcdc;
}

.vr_btn_case:hover {
    background-color:#2481BC;
    border-color: #2481BC;
    color: #fff;
}
/*photo*/
.photo{ width:100%; height:auto; float:left;}
.photo ul{ width:44%; height:auto; float:left; margin:3%; text-align:center;box-shadow: 3px 2px 3px rgba(0, 0, 0, 0.15);transition: all 350ms ease 0s;border-radius:4px;color:#2481BC;}
.photo ul a{color:#2481BC}
.photo ul img{ width:100%; height:270px;}
.photo ul .hui{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#999999}
.photo ul:hover{box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.15);}

.photos{ width:100%; height:auto; float:left;}
.photos ul{ width:30%; height:auto; float:left; margin:1.5%; text-align:center;box-shadow: 3px 2px 3px rgba(0, 0, 0, 0.15);transition: all 350ms ease 0s;border-radius:4px;color:#2481BC;}
.photos ul a{color:#2481BC}
.photos ul img{ width:100%; height:200px;}
.photos ul .hui{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#999999}
.photos ul:hover{box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.15);}

.foot_menu{ width:100%; height:auto; float:left; background:#EC6D10; line-height:50px; text-align:center; color:#fff; margin-top:40px; margin-bottom:1px;}
.foot_menu a{ color:#fff; padding-left:20px; padding-right:20px;}

.col-sm-2,.col-sm-8,.col-sm-6,.col-xs-6,.col-xs-12{min-height:1px;position:relative;padding-left:15px;padding-right:15px;box-sizing:border-box;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}
.col-sm-2,.col-sm-8,.col-sm-6,.col-xs-6,.col-xs-12{float:left}
.col-sm-8{width:83.333333333333336%}
.col-xs-6{width:75%}
.col-sm-2{width:16.666666666666664%}
.col-xs-2{width:16.66666667%}
.col-xs-12{width:100%}
.col-sm-6{width:50%}
.mb-20{margin-bottom:20px}
.col-sm-6 img{ width:97.5%; border:1px solid #ddd; padding:1%;}

.text-c{text-align:center}
.f-l{ float:left;}
.red{ color:#ff0000;}
.w100{ width:95%; border:1px solid #ddd; line-height:25px;border-radius:4px;}

.footer{width:100%; height:auto; float:left; text-align:center; line-height:200%; color:#666; font-size:0.875rem; padding-top:30px;padding-bottom:30px; background:#E5E6E8;}
.footer img{ padding-top:10px;}
.float-div{position:fixed; float:right;bottom:0px;width:100%;z-index:96; text-align:right; right:-25px;cursor:pointer}
@media(max-width:1024px) {
.navs ul li{margin-left:5px; margin-right:5px;}


}
@media(max-width:767px) {
	body { font-size:12px;}
	.navs ul li{ width:120px;float:left; height:auto; padding:0px; position:relative; font-size:1.25rem;}
	.m_sear{ display:block;width:98%; float:left; padding:1%; padding-top:10px; padding-bottom:10px; border-top:1px solid #eee; margin-top:8px;}
	.m_sear .input{ float:left; padding-right:8px;}
	.m_sear .input input{ width:250px;height:23px; line-height:23px; padding-left:10px; border:1px solid #eee; color:#888;}
	.m_sear .btn{ float:left; text-align:center;}
}
@media(max-width:480px){
body{ font-size:14px;}
	.header {
        display: none ;
    }
	header{ display:block;}
	
	.navs{ display:none;}
	.h_top{display: none ;}
	
	.mobile-menu-area {background: #ddd none repeat scroll 0 0;}
	.mobile-menu .logo {
		left: 10px;
		position: absolute;
		top: 8px;
		z-index: 99999999 !important;
	}
	.mobile-menu .logo img {
		height: 40px;
		width: 270px;
	}
	.main{padding-top:0px; background:#fff;}
	.main .left{ width:97%; padding:1%; min-height:auto;}
	.main .right{ width:97%; padding:1%; margin-left:0px;}
	.case ul{ width:46%; float:left; padding:2%; text-align:center;}
	.case ul img{ width:100%; height:130px;}
	.foot_menu{line-height:35px;}
	.foot_menu a{ color:#fff; padding-left:6px; padding-right:6px;}
	.news_page h1{ font-size:18px;}
	.col-sm-6{width:100%;}
	.col-sm-6 img{ width:100%;}
	.photo ul{ width:94%; height:auto; float:left; margin:3%; text-align:center;box-shadow: 3px 2px 3px rgba(0, 0, 0, 0.15);transition: all 350ms ease 0s;border-radius:4px;color:#2481BC;}
	.float-div img{ width:40px;}
}</pre></body></html>