<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */

@media only screen and (max-width:1200px){
	body{ width:1200px !important; margin:0 auto;}
}

*{ margin:0; padding:0;}
.width{ width:1200px; margin:0 auto; overflow:hidden;}
.clear{ clear:both; height:0;}
a{ text-decoration:none;}
img{ border:0; max-width:100%;}
.imgs{ position:absolute; left:0; top:0; width:100%; height:100%; filter:alpha(Opacity=0); -moz-opacity:0; opacity:0;}
li{ list-style-type:none;}
body{ font-family:Arial;}

.top{ height:110px; padding:10px 0;}
.logo{ float:left; margin-top:10.5px;}
.tel{ float:right; font-family:Arial; font-size:18px; font-weight:bold; color:#333; background:url(../img/phone.png) left center no-repeat; line-height:26px; padding-left:35px; margin-top:42px; margin-right:100px;}
.tel span{ font-size:30px;}
.lang{ float:right; line-height:110px; font-size:15px;}
.lang a{ color:#666; background:url(../img/zh.jpg) left center no-repeat; padding-left:35px;}
.lang a:hover{ color:#1e7ac7;}

.nav{ height:56px; line-height:56px; background:#1e7ac7; margin-bottom:1px;}
.nav li{ float:left;}
.nav_li a{ background-image:none !important;}
.nav a{ display:block; width:150px; color:#fff; background:url(../img/nav_bg.png) left center no-repeat; text-align:center; font-size:15px; -moz-transition:.3s ease; -o-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.nav a:hover{ background-color:#e2df07; color:#1e7ac7;}
.cur{ background-color:#efec07 !important; color:#1e7ac7 !important;}
.nav_fix{ position:fixed; top:0; width:100%; z-index:999; box-shadow:0 0 10px #333;}

.banner{ position:relative; width:100%; height:500px; overflow:hidden; zoom:1; -moz-user-select:-moz-none; cursor:default;}
.banner li{ list-style-type:none;}
.banner .slides li{ width:100%; height:100%;}
.banner:hover .flex-next {opacity: 0.8; filter: alpha(opacity=25);}
.banner:hover .flex-prev {opacity: 0.8; filter: alpha(opacity=25);}
.banner:hover .flex-next:hover,.banner:hover .flex-prev:hover {opacity: 1; filter: alpha(opacity=50);}
.flex-control-nav { position:absolute; width:100%; width:1200px; text-align:right; bottom:24px; left:50%; margin-left:-600px;}
.flex-control-nav li { display:inline-block; margin-left:3px;}
.flex-control-paging li a { display:block; width:35px; height:4px; cursor: pointer; background:#fff;}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a { background:#efec07;}
.banner .slides a img {width: 100%; display: block; cursor:default;}

.keys{ padding-bottom:50px;}
.keys1{ position:absolute; width:260px; padding:20px; background:#efec07; color:#fff; margin-top:-160px;}
.keys1_desc{ font-size:15px; line-height:22px;}
.keys1_t{ line-height:30px; font-size:12px; background:#1e7ac7; color:#fff; text-align:center; margin:20px 0;}
.keys1_t1{ font-size:12px;}
.keys1_t2{ font-size:16px; font-weight:bold; line-height:22px; background:url(../img/tel.png) 70px center no-repeat;}
.keys1_t3{ width:20px; height:4px; background:#fff; margin:5px 0 20px;}
.tel1{ font-size:24px; font-weight:bold; line-height:24px;}
.keys2{ float:right; width:490px; line-height:20px; height:20px; overflow:hidden; font-size:14px; color:#666; margin-top:45px; margin-right:20px;}
.keys2 a{ color:#666;}
.keys2 a:hover{ color:#1e7ac7;}
.search{ float:right; margin-top:31px;}
.search1{ float:left; width:300px; line-height:48px; background:#f4f4f4; border:none; outline:none; font-family:Arial; font-size:14px; color:#d4d4d4; padding:0 50px 0 10px;}
.search2{ float:left; width:20px; height:20px; background:url(../img/search.png) center no-repeat; border:none; outline:none; margin-top:14px; cursor:pointer; margin-left:-35px;}

.title{ text-align:center; font-size:28px; font-weight:bold; color:#333; margin-top:30px;}
.title span{ color:#1e7ac7;}
.title2{ text-align:center; font-size:12px; color:#d3d3d3; text-transform:uppercase; line-height:24px; margin-bottom:15px;}
.nav_pro{ text-align:center;}
.nav_pro a{ display:inline-block; height:35px; line-height:35px; text-align:center; background:#efec07; color:#666; font-size:14px; border-radius:8px; padding:0 15px; margin:0 5px; -moz-transition:.3s ease; -o-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.nav_pro a:hover{ background:#e2df07;}

.product{ padding-top:30px;}
.pro1_bg{ width:1216px; padding:40px 0 10px;}
.pro1{ display:block; width:286px; border:1px solid #f5f5f5; border-bottom:none; border-top-left-radius:10px; border-top-right-radius:10px; background:#f5f5f5; color:#666; overflow:hidden; float:left; margin-right:16px; margin-bottom:20px; -moz-transition:.3s ease; -o-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.pro1:hover{ border-color:#efec07; background:#efec07; color:#666;}
.pro1_pic{ width:286px; height:215px;}
.pro1 p{ line-height:40px; text-align:center; font-size:14px;}
.pro11 .pro1_pic::after{ content:''; position:absolute; z-index:2; width:100%; height:100%; background:url(../img/logo1.png) 10px 10px no-repeat; background-size:40px; pointer-events:none;}

.adv_bg{ background:url(../img/adv_bg.jpg) center no-repeat; height:200px;}
.adv_bg .title{ color:#fff; padding-top:75px;}
.adv_bg .title span{ color:#efec07;}
.adv_bg .title2{ color:#fff;}

.adv_bg2{ padding:40px; padding-bottom:0; width:1120px; margin:0 auto;}
.adv1_bg{ float:left;}
.adv2_bg{ float:right; margin-top:15px;}
.adv1{ width:415px; margin:10px 0 30px;}
.num{ font-size:30px; font-weight:bold; color:#1e7ac7;}
.adv_t{ font-size:20px; color:#333; padding:10px 0;}
.adv_desc{ font-size:14px; color:#666; line-height:24px;}
.adv_desc a{ color:#efec07;}
.adv_desc a:hover{ text-decoration:underline;}
.adv1_pic{ float:right; width:560px; height:367px; background:url(../img/advan1.jpg) center no-repeat; margin-right:30px;}
.adv2_pic{ float:left; width:512px; height:376px; background:url(../img/advan2.jpg) center no-repeat; margin-left:80px; margin-top:15px;}

.tec_bg1{ height:428px; background:#f3f1f2; border-top:1px solid #cdcdcd; border-bottom:155px solid #1f76d7;}
.tec{ margin-top:-520px;}
.tec_t1{ text-align:center; color:#333;}
.tec_t2{ text-align:center; font-size:26px; font-weight:bold; color:#1e7ac7; padding:10px 0;}
.tec1_bg{ width:1250px; margin-top:55px; margin-bottom:69px;}
.tec1{ width:198px; height:320px; background:#fff; text-align:center; float:left; margin-right:52px; -moz-transition:.3s ease; -o-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.tec1:hover{ background:#e2df07;}
.tec1:hover .tec_num{ color:#fff;}
.tec1:hover .tec_t{ color:#fff;}
.tec1:hover .tec_desc{ color:#fff;}
.tec1:hover .tec_line{ background-color:#fff;}
.tec1:hover .tec_en{ color:#fff;}
.tec1:hover .tec_pic{ background-image:url(../img/tec11.png);}
.tec1:hover .tec_pic2{ background-image:url(../img/tec22.png);}
.tec1:hover .tec_pic3{ background-image:url(../img/tec33.png);}
.tec1:hover .tec_pic4{ background-image:url(../img/tec44.png);}
.tec1:hover .tec_pic5{ background-image:url(../img/tec55.png);}
.tec_num{ font-size:40px; font-weight:bold; color:#1f76d7; padding-top:25px;}
.tec_t{ font-size:18px; color:#333; padding-top:10px;}
.tec_desc{ font-size:14px; color:#666; line-height:18px; height:36px; overflow:hidden; padding:10px 0;}
.tec_line{ width:30px; height:4px; background:#1f76d7; margin:20px auto 15px;}
.tec_en{ font-size:16px; font-weight:bold; text-transform:uppercase; color:#666;}
.tec_pic{ width:37px; height:37px; margin:30px auto 0; background:url(../img/tec1.png) center no-repeat;}
.tec_pic2{ background-image:url(../img/tec2.png);}
.tec_pic3{ background-image:url(../img/tec3.png);}
.tec_pic4{ background-image:url(../img/tec4.png);}
.tec_pic5{ background-image:url(../img/tec5.png);}

.about{ position:relative; padding:50px 0; border-bottom:1px solid #ddd;}
.about_bg{ float:left; width:213px; height:310px; background:url(../img/about_bg.jpg) center no-repeat; margin-left:320px;}
.about_left{ position:absolute;}
.about_t{ width:212px; text-align:center; line-height:35px; color:#333; font-size:26px; font-weight:bold; background:url(../img/about_t.png) center no-repeat; margin-top:5px;}
.about_pic{ width:395px; height:202px; margin:15px 0 5px;}
.about_t2{ font-size:36px; font-weight:bold; color:#e9e9e9; margin-left:165px;}
.about_p{ float:right; width:640px; margin-top:35px;}
.about_t3{ font-size:24px; font-weight:bold; color:#1e7ac7; line-height:30px; padding:12px 0;}
.about_t3 span{ color:#dfdfdf; padding-left:10px;}
.about_desc{ font-size:14px; color:#666; line-height:2em;}
.about_desc a{ color:#1e7ac7;}
.about_desc a:hover{ text-decoration:underline;}
.about_more{ position:absolute; display:block; width:108px; height:30px; line-height:30px; text-align:center; border:1px solid #e2df07; color:#e2df07; margin-left:420px; margin-top:200px; border-radius:8px; font-size:14px; -moz-transition:.3s ease; -o-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.about_more:hover{ background:#efec07; color:#666;}

.news{ position:relative; margin-top:-2px; padding-bottom:40px;}
.news_top{ width:115px; height:3px; background:#efec07; margin:0 auto;}
.news .title{ margin-top:35px;}
.news_left{ float:left; width:440px;}
.news_right{ float:right; width:730px;}
.news_pic{ height:270px;}
.news_t{ font-size:14px; padding:10px 10px 5px;}
.news_t a{ color:#333;}
.news_t a:hover{ color:#1e7ac7;}
.news_desc{ font-size:14px; color:#8a8a8a; line-height:22px; height:44px; overflow:hidden; padding:0 10px;}
.news1{ background:#f6f6f6; margin-bottom:10px; -moz-transition:.3s ease; -o-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.news1:hover{ background:#f0f0f0;}
.news11{ float:left; font-size:20px; color:#333; width:86px; text-align:center; line-height:18px; margin-top:21px;}
.news11 span{ font-size:12px; color:#666;}
.news12{ float:left; width:1px; height:60px; background:#dadada; margin:10px 0;}
.news13{ float:left; width:600px; margin-left:30px; margin-top:15px;}
.news1_t{ font-size:14px; line-height:24px; height:24px; overflow:hidden;}
.news1_t a{ color:#333;}
.news1_t a:hover{ color:#1e7ac7;}
.news1_t2{ line-height:24px; height:24px; overflow:hidden; font-size:14px; color:#8a8a8a;}

.foot{ background:#44464c; color:#bdbdbd; padding:30px 0;}
.foot a{ color:#bdbdbd;}
.foot a:hover{ color:#ddd;}
.foot1{ float:left; width:600px;}
.foot1_t{ color:#fff;}
.foot1_t2{ font-size:18px; font-weight:bold; color:#1e7ac7; padding:12px 0;}
.code{ float:left; width:135px;}
.foot_desc{ float:right; width:450px; font-size:14px; line-height:22px;}
.foot_desc2{ font-size:14px; padding:15px 0; line-height:24px;}
.foot_desc2 a{ margin-right:12px;}
.foot1_t3{ margin-top:25px;}
.copyright{ line-height:48px; background:#5e5f64; font-size:14px; color:#bdbdbd; text-align:center;}
.copyright a{ color:#bdbdbd;}
.copyright a:hover{ color:#ddd;}

.ban{ height:300px;}
.position{ height:65px; line-height:65px; font-size:14px; color:#666;}
.position a{ color:#666;}
.position a:hover{ color:#1e7ac7;}
.po1{ float:left;}
.po2{ float:right;}
.po2 a{ margin-left:45px;}

.about1{ background:#fafafa; padding:60px 0; border-top:1px solid #ececec;}
.about11{ float:left; width:520px; margin-right:30px;}
.about12{ margin-top:45px;}
.about1_t{ float:left; font-size:26px; font-weight:bold; color:#333; background:url(../img/about_t.png) center no-repeat; width:212px; line-height:35px; text-align:center;}
.about1_t2{ float:left; font-size:36px; font-weight:bold; color:#e9e9e9; line-height:35px; margin-left:10px;}
.about1_pic{ width:500px; height:300px; border:10px solid #f5f5f5; margin-top:10px;}
.about1_t3{ font-size:24px; font-weight:bold; color:#1e7ac7; padding:12px 0;}
.about1_desc{ font-size:14px; color:#666; line-height:2em;}
.about1_desc a{ color:#1e7ac7;}
.about1_desc a:hover{ text-decoration:underline;}
.about1_desc table{ width:100%; border-collapse:collapse; text-align:center;}
.about1_desc table td{ border:1px solid #ddd !important;}
.about1_desc table th{ padding:0.5em 0; background:#ddd; border:1px solid #eee !important;}

.about2{ background:url(../img/about2_bg.jpg) bottom center no-repeat; padding:60px 0;}
.t1{ text-align:center; font-size:36px; font-weight:bold; color:#1e7ac7; text-transform:uppercase;}
.t2{ text-align:center; font-size:30px; color:#1e7ac7;}
.t3{ width:65px; height:4px; background:#1e7ac7; margin:25px auto 35px;}
.a1_bg{ width:1220px; min-height:360px;}
.a1{ float:left; width:240px; margin-left:45px; margin-top:90px; margin-right:20px;}
.a1_t{ font-size:30px; font-weight:bold; color:#1e7ac7; padding:8px 0;}
.a1_desc{ font-size:14px; color:#666; line-height:24px;}
.a1_pic{ width:240px; height:142px; margin-top:10px;}
.a2{ margin-top:62px;}
.a3{ margin-top:33px;}
.a4{ margin-top:2px;}

.about3{ padding:60px 0;}
.about31{ float:left; width:655px; height:421px;}
.about31_pic{ height:286px;}
.about31_p{ background:#0158a8; font-size:18px; color:#fff; line-height:2em; padding:30px 20px 33px;}
.about32{ float:right; width:535px;}
.about33{ background:#f6f6f6; margin-bottom:8px;}
.about33_pic{ float:left; width:200px; height:135px;}
.about33_p{ float:right; width:300px; margin-right:20px; font-size:18px; color:#666; line-height:2em; padding-top:30px;}
.about33_p b{ color:#666;}

.hon1_bg{ width:1260px; margin-bottom:-60px;}
.hon1{ float:left; width:360px; margin-right:60px; margin-bottom:15px;}

.content{ padding-bottom:40px;}
.left{ float:left; width:250px; background:#1e7ac7; color:#fff; text-align:center; border-top-left-radius:10px; border-top-right-radius:10px;}
.left_t{ font-size:18px; line-height:52px; border-bottom:1px solid rgba(255,255,255,.5);}
.left ul{ padding:20px 0 40px;}
.left ul li{ margin-bottom:1px;}
.left ul a{ display:block; font-size:14px; line-height:40px; color:#fff; -moz-transition:.3s ease; -o-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.left ul a:hover{ background:#e2df07; color:#1e7ac7;}
.cur2{ background:#e2df07; color:#1e7ac7 !important;}

.right{ float:right; width:920px;}
.right .keys2{ float:left; margin-top:16px;}
.right .search{ margin-top:3px; margin-bottom:20px;}
.pro2_bg{ width:948px;}
.pro2_bg .pro1{ margin-right:28px;}

.page,.page span,.page p,.page a{ padding:4px; font-size:14px; color:#aaa;}
.page a{ color:#666;}
.page a:hover{ color:#1e7ac7;}
.page-num-current{ color:#1e7ac7 !important;}

.pro_right{ float:right; width:450px;}
.pro_t{ font-size:18px; color:#1e7ac7; margin-top:15px;}
.pro_desc{ font-size:14px; color:#666; line-height:2em; margin-top:15px;}
.pro_desc a{ color:#666;}
.pro_desc a:hover{ color:#1e7ac7;}
.pro_more{ display:block; width:153px; height:30px; line-height:30px; border:1px solid #1e7ac7; background:#1e7ac7; text-align:center; font-size:14px; color:#fff; margin-top:15px; -moz-transition:.3s ease; -o-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.pro_more:hover{ background:none; color:#1e7ac7;}
.tab_nav{ height:40px; line-height:40px; color:#666; border-bottom:1px solid #f6f6f6; font-size:14px; margin-top:20px;}
.tab_nav div{ float:left; width:100px; text-align:center; background:#f6f6f6; cursor:pointer;}
.tab_nav div.tab_on{ background:#1e7ac7; color:#fff;}
.tab1{ display:none;}
.pro_desc2{ font-size:14px; color:#666; line-height:2em; padding:15px; min-height:100px;}
.pro_desc2 a{ color:#1e7ac7;}
.pro_desc2 a:hover{ text-decoration:underline;}
.etalage_wrap{ position:relative;}
.etalage_wrap::after{ content:''; position:absolute; z-index:2; width:100%; height:100%; background:url(../img/logo1.png) 10px 10px no-repeat; background-size:50px; pointer-events:none;}

.news2{ height:115px; padding:17px 0; background:#f6f6f6; margin-bottom:10px; -moz-transition:.3s ease; -o-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.news2:hover{ background:#f0f0f0;}
.news21{ float:left; width:114px; font-size:36px; color:#949494; line-height:25px; text-align:center; border-right:1px solid #dadada; padding:28px 0;}
.news21 span{ font-size:14px; color:#666;}
.news22{ float:left; width:750px; margin-left:30px;}
.news2_t{ font-size:18px; padding:8px 0;}
.news2_t a{ color:#333;}
.news2_t a:hover{ color:#1e7ac7;}
.news2_desc{ font-size:14px; color:#666; line-height:22px; height:44px; overflow:hidden; margin-bottom:5px;}
.news2_more{ font-size:14px; color:#1e7ac7;}
.news2_more:hover{ color:#1e7ac7;}

.news_t1{ text-align:center; font-size:24px; color:#333; padding:10px 0;}
.news_t2{ text-align:center; font-size:14px; color:#666; border-bottom:1px solid #eee; padding-bottom:20px; margin-bottom:5px;}
.news_desc2{ font-size:14px; color:#8a8a8a; line-height:2em; padding:15px; min-height:300px;}
.news_desc2 a{ color:#1e7ac7;}
.news_desc2 a:hover{ text-decoration:underline;}

.use_t{ font-size:24px; color:#1e7ac7; line-height:52px;}
.use_t span{ font-size:14px; color:#666; margin-left:15px;}
.use_desc{ font-size:14px; color:#8a8a8a; line-height:2em; margin-top:10px;}
.use_desc a{ color:#1e7ac7;}
.use_desc a:hover{ text-decoration:underline;}
.map{ margin-top:15px;}

.message{ font-size:14px; color:#666; line-height:35px; margin-top:20px;}
.message td{ padding-bottom:15px;}
.in1{ width:500px; height:35px; padding:0 10px; background:#f5f5f5; color:#666; border:none; outline:none; font-family:Arial;}
.in2{ width:720px; height:140px; line-height:35px; padding:0 10px; background:#f5f5f5; color:#666; border:none; outline:none; font-family:Arial; resize:none;}
.in3{ display:block; width:128px; height:36px; border:1px solid #1e7ac7; background:#1e7ac7; color:#fff; font-family:Arial; font-size:16px; margin-top:-10px; -moz-transition:.3s ease; -o-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.in3:hover{ background:none; color:#1e7ac7;}

.type1_bg{ width:948px; padding-top:10px;}
.type1{ width:288px; float:left; margin-right:28px; margin-bottom:30px;}
.type_t{ height:100px; background:#f6f6f6; color:#666;}
.type_t1{ padding-top:20px; padding-left:10px; color:#1e7ac7;}
.type_t1 b{ color:#666;}
.type_t img{ float:right; margin-left:10px;}
.type_t2{ font-size:14px; font-weight:bold; color:#666; padding:10px; padding-bottom:5px;}
.type_desc{ font-size:14px; color:#666; line-height:24px; padding:0 10px;}

.hon{
	margin-top: 30px;
}
.honor{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.honor_con{
	width: 380px;
	height: 253px;
	border: 1px solid #999999;
	margin-bottom: 30px;
}
.honor_con img{
	width: 100%;
}

/* blue #1e7ac7 */
/* yellow #efec07 */
/* dark-yellow #e2df07 */




#an1,#an2,#an3,#an4,#an5,#an6,#an7,#an8{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}

@-moz-keyframes an1
{
from { filter:alpha(opacity=0); -moz-opacity:0; opacity:0; -moz-transform:translateY(50px); -o-transform:translateY(50px); -webkit-transform:translateY(50px); transform:translateY(50px);}
to { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; -moz-transform:translateY(0); -o-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0);}
}
@-o-keyframes an1
{
from { filter:alpha(opacity=0); -moz-opacity:0; opacity:0; -moz-transform:translateY(50px); -o-transform:translateY(50px); -webkit-transform:translateY(50px); transform:translateY(50px);}
to { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; -moz-transform:translateY(0); -o-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0);}
}
@-ms-keyframes an1
{
from { filter:alpha(opacity=0); -moz-opacity:0; opacity:0; -moz-transform:translateY(50px); -o-transform:translateY(50px); -webkit-transform:translateY(50px); transform:translateY(50px);}
to { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; -moz-transform:translateY(0); -o-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0);}
}
@-webkit-keyframes an1
{
from { filter:alpha(opacity=0); -moz-opacity:0; opacity:0; -moz-transform:translateY(50px); -o-transform:translateY(50px); -webkit-transform:translateY(50px); transform:translateY(50px);}
to { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; -moz-transform:translateY(0); -o-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0);}
}
@keyframes an1
{
from { filter:alpha(opacity=0); -moz-opacity:0; opacity:0; -moz-transform:translateY(50px); -o-transform:translateY(50px); -webkit-transform:translateY(50px); transform:translateY(50px);}
to { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; -moz-transform:translateY(0); -o-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0);}
}

.an1{ -moz-animation:an1 1s ease; -webkit-animation:an1 1s ease; -o-animation:an1 1s ease; animation:an1 1s ease; -moz-animation-fill-mode:forwards; -o-animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;}</pre></body></html>