<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 */

/* CSS Document */

/*public css*/
*{ margin:0px; padding:0px;}
body{ font-size:14px; font-family:"Microsoft YaHei",SimSun,Arial,Helvetica,sans-serif; color:#333; background:#FFF; overflow-x:hidden;}
ul li{ margin:0px; padding:0px; list-style-type:none;}
form,ul,li,table,td,p,span,h1,h2,h3,h4,h5,img,dl,dt,dd{ margin:0px; padding:0px;}
img{ border:none;}
a{ color:#333; text-decoration:none;}
a:hover,a:active{ color:#15499a; text-decoration:none;}
.dispblock{ display:block;}
.dispnone{ display:none;}
.float_l{ float:left}
.float_r{ float:right}
.clear_both{clear:both;}
.hand{ cursor:pointer;}
.f12{ font-size:12px;}
.hei{ color:#000;}
.en_ft{ font-family:Arial;}
.ft1{ font-size:14px; font-weight:bold; color:#FFF;}
.ft_red{ color:#C80000;}
.ft_bai{ color:#FFF;}
.txt_cent{ text-align:center; padding-top:15px;}
.Word_Break{ word-break:break-all; overflow:hidden; TABLE-LAYOUT:fixed; WORD-WRAP:break-word;}
.fixedHeader{ position:fixed; left:0; top:0; z-index:100;}
.txthid{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bd_bkg{ background:#f8f8f8;}
@font-face
 {
  font-family:'HYQiHei25';
  src:url('../fonts/hyqihei-25jf-webfont.woff');
  font-weight:normal;
  font-style:normal;
}
@font-face
 {
  font-family:'Helvetica33';
  src:url('../fonts/Helvetica LT 33 Thin Extended.ttf');
  font-weight:normal;
  font-style:normal;
}

/*index*/
.in_topbox{ width:100%; height:95px; background:url(../images/index_03.jpg) center top no-repeat; position:relative;}
.in_topgg{ position:absolute; bottom:-30px; left:50%; margin-left:-890px; width:950px; height:60px;  background:url(../images/index_5.png) left top no-repeat; z-index:1000;}
.in_top{ width:1130px; margin:0 auto;}
.in_top .lg{ float:left;}
.in_top .lang{ float:left; margin:42px 0 0 25px; font-size:12px; line-height:16px;}
.in_top .lang em{ font-style:normal; color:#D23032; margin:0 5px; font-weight:bold;}
.in_top .lang a{ color:#7a95cc;}
.in_top .lang a:hover{ color:#FFF;}
.in_top .rt{ float:right; padding-top:13px;}
.in_top .shbox{ float:right; width:150px; height:23px; border:1px solid #3665B2; border-radius:23px; overflow:hidden;}
.in_top .shbox .txt{ float:left; padding:0 10px; width:107px; height:23px; line-height:23px; color:#b7d3ff; background:none; border:0; outline:none;}
.in_top .shbox .btn{ width:23px; height:23px; border-radius:50%; border:0; background:url(../images/index_07.png) center center no-repeat; cursor:pointer;}
.in_top ul{ clear:both; padding:18px 0 0 0;}
.in_top ul li{ float:left; margin-left:65px; position:relative; z-index:2000;}
.in_top ul li&gt;a{ display:block; width:50px; height:38px; text-align:center; font-size:15px; line-height:17px; color:#b7d3ff; background:url(../images/index_09.png) 11px 20px no-repeat;}
.in_top ul li .a_1{ background-position:-106px 20px;}
.in_top ul li .a_2{ background-position:-225px 20px;}
.in_top ul li .a_3{ background-position:-342px 20px;}
.in_top ul li .a_4{ background-position:-459px 20px;}
.in_top ul li .a_5{ background-position:-576px 20px;}
.in_top ul li:hover&gt;a{ background-image:url(../images/index_09_1.png); color:#FFF; font-weight:bold;}
.in_top ul li.cur&gt;a{ background-image:url(../images/index_09_1.png); color:#FFF; font-weight:bold;}
.in_top ul li em{ display:block; width:0px; margin-left:25px; height:1px; background:#FF1842; transition:all 0.1s ease-out;}
.in_top ul li:hover em{ width:31px; margin-left:10px;}
.in_top ul li .nav{ position:absolute; top:39px; left:0px; line-height:53px; height:0px; width:100%; z-index:1001; text-align:left; background:url(../images/index_08.png) center top repeat; display:none;}
.in_top ul li .nav a{ color:#b7b7b7; font-size:12px; margin-right:20px;}
.in_top ul li .nav a:hover{ color:#FFF;}
.in_banbox{ clear:both; width:100%; height:706px; overflow:hidden; position:relative; z-index:100;}
.in_banbox .box{ width:100%; height:100%; overflow:hidden;}
.in_banbox .ban_box{ width:10000px;}
.in_banbox .ban_box_1,.in_banbox .ban_box_2{ float:left;}
.in_banbox .box li{ float:left; height:100%; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative;}
.in_banbox .box li .ban_1_01{ position:absolute; top:135px; left:50%; margin-left:-279px; width:558px; z-index:101; opacity:0;}
.in_banbox .box li .ban_1_01 img{ width:100%;}
.in_banbox .box li .ban_1_02{ position:absolute; top:300px; left:50%; margin-left:-55px; width:149px; height:34px; text-align:center; line-height:34px; background:#BA5763; color:#FFF; border-radius:34px; overflow:hidden; z-index:102; opacity:0; transform:translate(50px, 0);}
.in_banbox .box li .ban_1_02::after{ content:""; display:block; width:0; height:100%; background:#9F1B25; border-radius:34px; transition:all 0.3s ease; margin-top:-34px;}
.in_banbox .box li .ban_1_02:hover::after{ width:100%;}
.in_banbox .box li .ban_1_03{ position:absolute; bottom:0; left:50%; margin-left:-630px; width:1260px; z-index:103; opacity:0; transform:translate(0, -50px);}
.in_banbox .box li .ban_1_03 img{ width:100%;}
.in_banbox .box li .ban_1_01_load{ animation:load_ban_1_css 0.6s linear forwards 0.4s;}
.in_banbox .box li .ban_1_02_load{ animation:load_ban_1_css 0.4s linear forwards 0.4s;}
.in_banbox .box li .ban_1_03_load{ animation:load_ban_1_css 0.5s linear forwards;}
@keyframes load_ban_1_css{
	100%{  opacity:1; transform:translate(0, 0);}
}
@media screen and (max-width: 1360px) {
	.in_banbox .box li .ban_1_03{ margin-left:-555px; width:1110px;}
}
@media screen and (max-width: 1280px) {
	.in_banbox .box li .ban_1_01{ margin-left:-222px; width:444px;}
	.in_banbox .box li .ban_1_02{ top:265px; margin-left:-45px; width:120px; height:30px; line-height:30px; border-radius:30px; }
	.in_banbox .box li .ban_1_02::after{ border-radius:30px; margin-top:-30px;}
	.in_banbox .box li .ban_1_03{ margin-left:-500px; width:1000px;}
}
@media screen and (max-width: 1024px) {
	.in_banbox .box li .ban_1_03{ margin-left:-40%; width:80%;}
}
/*
@media screen and (max-height: 900px) {
	.in_banbox .box li .ban_1_01{ top:80px; margin-left:-222px; width:444px;}
	.in_banbox .box li .ban_1_02{ top:210px;}
}
*/
@media screen and (max-height: 720px) {
	.in_banbox .box li .ban_1_01{ top:60px; margin-left:-190px; width:380px;}
	.in_banbox .box li .ban_1_02{ top:165px;}
	.in_banbox .box li .ban_1_03{ margin-left:-450px; width:900px;}
}
.in_banbox .btn{ position:absolute; top:380px; width:69px; height:69px; background:url(../images/ban_btn_01.png) no-repeat; z-index:2; display:none;}
.in_banbox .prev{ left:0px; background-position:left center}
.in_banbox .next{ right:0px; background-position:right center}
.in_banbox:hover .prev,.in_banbox:hover .next{}
.in_contbox{ clear:both; width:100%; overflow:hidden; padding:1px 0; min-width:1200px;}
.in_contbox .box{ float:left; width:33.33%; height:267px; position:relative;}
.in_contbox .box_1{ background:url(../images/index_11.jpg) center center no-repeat; background-size:cover;}
.in_contbox .box_1 .info{ position:absolute; left:0; top:0; width:100%; text-align:center;}
.in_contbox .box_1 .info b{ display:block; font-size:19px; line-height:21px; color:#15499a; margin-top:76px;}
.in_contbox .box_1 .info p{ line-height:24px; padding-top:10px;}
.in_contbox .box_1 .info a{ display:block; width:93px; height:23px; line-height:23px; border:1px solid #9A9B9D; border-radius:23px; color:#aa1a1c; margin:35px auto 0 auto; transition:all 0.3s ease; position:relative; overflow:hidden;}
.in_contbox .box_1 .info a::before{ content:"More"; display:block; width:100%; height:100%; color:#aa1a1c; text-transform:uppercase; transition:all 0.3s ease; position:absolute; left:0; top:0; z-index:2;}
.in_contbox .box_1 .info a::after{ content:""; display:block; width:0; height:100%; background:#15499a; transition:all 0.3s ease; position:absolute; left:0; top:0; z-index:1;}
.in_contbox .box_1 .info a:hover{ border:1px solid #15499a;}
.in_contbox .box_1 .info a:hover::before{ color:#FFF;}
.in_contbox .box_1 .info a:hover::after{ width:100%;}
.in_contbox .box_2{ width:calc(33.33% - 1px); margin-left:1px;}
.in_contbox .box_2 .list{ width:100%; height:100%; position:relative;}
.in_contbox .box_2 .list li{ width:100%; height:100%; background-color:#EFEFEF; background-position:top right; background-repeat:no-repeat; position:absolute; left:0px; top:0px;}
.in_contbox .box_2 .list .li_1{ z-index:2;}
.in_contbox .box_2 .list .li_2{ opacity:0;}
.in_contbox .box_2 .list li img{}
.in_contbox .box_2 .list li div{ position:absolute; left:58px; top:74px;}
.in_contbox .box_2 .list li div b{ font-size:18px; line-height:20px; color:#15499a; overflow:hidden;}
.in_contbox .box_2 .list li div p{ margin-top:16px; line-height:16px; overflow:hidden;}
.in_contbox .box_2 .btn{ position:absolute; left:58px; top:195px; z-index:10;}
.in_contbox .box_2 .btn li{ float:left; width:27px; height:8px; background:#B7B7B7; border-radius:4px; overflow:hidden; margin-right:3px; cursor:pointer;}
.in_contbox .box_2 .btn li::after{ content:""; display:block; width:0; height:100%; background:#9F1B25; transition:all 0.3s ease;}
.in_contbox .box_2 .btn li:hover::after{ width:100%;}
.in_contbox .box_2 .btn li.cur::after{ width:100%;}
.in_contbox .box_3{ background:url(../images/index_15.jpg) center center no-repeat; background-size:cover;}
.in_newbox{ clear:both; width:100%; padding:0; background:#343434;height:20px;overflow:hidden;}
.in_newbox ul{width:1200px;margin:0 auto;}
.in_newbox ul li{width:200px;overflow:hidden;line-height:20px;float:left;}
.in_newbox ul li a{color:#BEBEBE;font-size:12px;}
.in_btmbox{ clear:both; width:100%; padding:35px 0; background:#343434;}
.in_btm{ width:1200px; overflow:hidden; margin:0 auto;}
.in_btm a{ color:#FFF;}
.in_btm .box_1{ float:left; width:140px;}
.in_btm .box_1 p em{ float:left; display:block; width:12px; height:1px; background:#9F1616; margin-top:8px;}
.in_btm .box_1 p a{ float:left; display:block; margin-left:9px; font-size:15px; line-height:17px;}
.in_btm .box_1 ul{ clear:both; padding:10px 0 0 21px;}
.in_btm .box_1 li{ height:26px; line-height:26px;}
.in_btm .box_1 li a{ font-size:12px; transition:all 0.3s ease;}
.in_btm .box_1 li a em{ font-style:normal; font-family:SimSun; opacity:0; transition:all 0.2s ease-out;}
.in_btm .box_1 li a:hover{ margin-left:6px;}
.in_btm .box_1 li a:hover em{ opacity:1;}
.in_btm .map{ float:right; width:422px; min-height:298px; background:url(../images/index_17_1.jpg) left top no-repeat;}
.in_btm .map .info{ margin:66px 0 0 150px; width:270px; padding-top:25px; text-align:center; font-size:13px; line-height:24px;}
.in_btm .map .info span{ color:#d62714;}
.in_cpybox{ clear:both; width:100%; height:46px; line-height:46px; background:#2f2f2f; text-align:center; color:#BEBEBE; font-size:12px;}
.in_cpybox a{ color:#BEBEBE;}
.in_cpybox a:hover{ color:#FFF;}
/*漂浮*/
#rightDiv{ top:50%; right:0px; position:absolute; z-index:2000; font-size:12px;}
#rightDiv li{ width:64px; height:65px; padding-bottom:2px; position:relative; cursor:pointer;}
#rightDiv .bkg{ width:64px; height:65px; background:#6E6E6E url(../images/3.png) 0px 0px no-repeat; cursor:pointer;}
#rightDiv .toptop{ background:#6E6E6E url(../images/3.png) 0px 0px no-repeat;}
#rightDiv .toptop:hover{ background-color:#D43131;}
#rightDiv .tel{ background:#6E6E6E url(../images/3.png) 0px -66px no-repeat; color:#666; height:65px; text-align:center; position:relative; z-index:2001}
#rightDiv .tel_2{ position:absolute; left:-129px; top:0px; width:193px; height:65px; background:#D43131; color:#FFF; text-align:center; overflow:hidden; z-index:2002; display:none;}
#rightDiv .tel_2 .lt{ float:left; width:64px; height:22px; height:65px; background:#D43131 url(../images/3.png) 0px -66px no-repeat;}
#rightDiv .tel_2 .rt{ float:left; width:128px; border-left:1px solid #FFF; height:48px; line-height:48px; margin-top:10px; font-size:16px;}
#rightDiv .wx{ background:#6E6E6E url(../images/3.png) 0px -132px no-repeat; color:#666; height:65px; text-align:center; position:relative; z-index:2001;}
#rightDiv .wx:hover{ background-color:#D43131;}
#rightDiv .wxbox{ position:absolute; top:0px; right:64px; width:171px; height:200px; padding:15px; background:#FFF; text-align:center; line-height:30px; display:none;}

#rightDiv .qq{ display:block; background:#6E6E6E url(../images/3.png) 0px -198px no-repeat; color:#666; height:65px; text-align:center; position:relative; z-index:2001}
#rightDiv .qq:hover{ background-color:#D43131;}


/*prodcuts home*/
.prohm_topbox{ clear:both; width:100%; height:93px; background:#f3f3f3; position:relative; z-index:1001;}
.prohm_top{ width:1140px; padding-top:43px; margin:0 auto; background:url(../images/pro_home_05.jpg) right 32px no-repeat;}
.prohm_top div{ background:url(../images/pro_home_03.jpg) left top no-repeat; color:#1a1a1a; line-height:16px; padding-left:27px;}
.prohm_top div a{ color:#1a1a1a;;}
.prohm_top div a:hover{ color:#15499a;}
.prohm_top div span{ color:#d42d2d;}
.prohm_cont{ clear:both; width:1214px; padding:42px 0; margin:0 auto;}
.prohm_cont ul{ padding:10px; overflow:hidden;}
.prohm_cont ul li{ float:left; width:388px; margin:0 15px 11px 0; transition:all 0.1s ease;}
.prohm_cont ul li.none{ margin-right:0;}
.prohm_cont ul li .imgbox{ overflow:hidden;}
.prohm_cont ul li .imgbox img{ transition:all 0.5s ease;}
.prohm_cont ul li .info{ width:100%; height:204px; background:#515151;}
.prohm_cont ul li .info b{ display:block; color:#FFF; font-size:20px; line-height:22px; font-weight:normal; padding:27px 0 0 30px; overflow:hidden;}
.prohm_cont ul li .info p{ color:#B0B0B0; line-height:27px; height:54px; padding:17px 0 0 30px; overflow:hidden;}
.prohm_cont ul li .info em{ display:block; font-style:normal; width:332px; height:46px; line-height:46px; border:1px solid #707070; background:#FFF; color:#191919; text-align:center; margin:17px 0 0 25px; position:relative; z-index:3;  transition:all 0.3s ease;}
.prohm_cont ul li .info em::before{ content:"了解更多"; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2;}
.prohm_cont ul li .info em::after{ content:""; display:block; width:0; height:100%; position:absolute; left:0; top:0; z-index:1; background:#BE0B0B; transition:all 0.3s ease;}
.prohm_cont ul li:hover{ box-shadow:0 0 10px #ddd;}
.prohm_cont ul li:hover .imgbox img{ transform:scale(1.1);}
.prohm_cont ul li:hover .info{ background:#15499a;}
.prohm_cont ul li:hover .info p{ color:#87bcff;}
.prohm_cont ul li:hover .info em{ border:1px solid #426AAC; background:#bd0c0c; color:#FFF;}
.prohm_cont ul li:hover .info em::after{ width:100%;}


/*prodcuts */
.pro_banbox{ clear:both; width:100%; height:459px; background:url(../images/products_02.jpg) top center no-repeat;}
.pro_topbox{ clear:both; width:100%; height:93px; background:#f3f3f3;}
.pro_top{ width:863px; padding:43px 0 0 277px; margin:0 auto; background:url(../images/pro_home_05.jpg) right 32px no-repeat;}
.pro_top div{ background:url(../images/pro_home_03.jpg) left top no-repeat; color:#1a1a1a; line-height:16px; padding-left:27px;}
.pro_top div a{ color:#1a1a1a;;}
.pro_top div a:hover{ color:#15499a;}
.pro_cont{ clear:both; width:1140px; margin:0 auto; position:relative;}
.pro_cont .lt{ position:absolute; left:0; top:-164px; width:223px; background:url(../images/products_06.jpg) top center repeat-y; z-index:1000;}
.pro_cont .ltfix{ position:fixed; top:30px;}
.pro_cont .lt .p_1{ color:#5192E6; font-size:15px; text-transform:uppercase; font-family:'HYQiHei25'; line-height:17px; padding:38px 0 0 27px; background:url(../images/products_05.jpg) top center no-repeat;}
.pro_cont .lt .p_2{ color:#FFF; font-size:19px; font-weight:bold; line-height:21px; padding:11px 0 0 27px;}
.pro_cont .lt .p_3{ width:61px; height:3px; background:#5192E6; margin:29px 0 0 26px;}
.pro_cont .lt ul{ padding-top:36px;}
.pro_cont .lt ul li{ padding-top:2px;}
.pro_cont .lt ul li&gt;a{ display:block; width:168px; height:47px; padding-left:55px; line-height:47px; color:#FFF; background:url(../images/products_07.jpg) repeat-y;}
.pro_cont .lt ul li.cur&gt;a{ font-size:15px; font-weight:bold; background:url(../images/products_08.jpg) center top no-repeat;}
.pro_cont .lt ul li div{ width:164px; margin:0 auto; padding:6px 0 12px 0; display:none;}
.pro_cont .lt ul li div a{ clear:both; display:block; width:164px; height:36px; line-height:36px; color:#b2cffc; border-bottom:1px solid #2e5ba3;}
.pro_cont .lt ul li div a span{ float:left; margin-left:22px;}
.pro_cont .lt ul li div a em{ float:right; font-style:normal; font-family:SimSun; margin-right:15px;}
.pro_cont .lt ul li div a.cur_2{ color:#FFF;}
.pro_cont .lt ul li div a.cur_2 span{ font-weight:bold;}
.pro_cont .lt ul li.cur div{ display:block;}
.pro_cont .rt{ float:right; width:906px; padding:40px 0 0 0;}
.pro_list{ overflow:hidden;}
.pro_list li{ float:left; width:280px; margin:0 0 28px 22px;}
.pro_list li .bd{ width:100%; height:3px; background:#E0E0E0;}
.pro_list li .bd::after{ content:""; width:0; height:3px; background:#022E6E; display:block; transition:all 0.2s ease;}
.pro_list li .imgbox{ overflow:hidden;}
.pro_list li .imgbox img{ transition:all 0.5s ease;}
.pro_list li .tit{ height:60px; line-height:60px; background:#8E8E8E; color:#FFF;}
.pro_list li .tit::after{ content:""; width:0; height:60px; background:#1A5EC7; display:block; transition:all 0.2s ease;}
.pro_list li .tit p{ float:left; padding-left:29px;}
.pro_list li .tit em{ display:block; float:right; width:28px; height:28px; line-height:28px; text-align:center; border:1px solid #CBCBCB; color:#CBCBCB; font-style:normal; font-family:SimSun; margin:16px 23px 0 0;}
.pro_list li:hover{ box-shadow:0 0 7px #ddd;}
.pro_list li:hover .bd::after{ width:100%;}
.pro_list li:hover .imgbox img{ transform:scale(1.1);}
.pro_list li:hover div::after{ width:100%;}
.pro_list li:hover div em{ background:#D42F2F; border:1px solid #D42F2F; color:#FFF;}

/*products show*/
.pros_cont{ width:1140px; margin:0 auto; overflow:hidden; padding:50px 0;}
.pros_cont .lt{ float:left; width:600px;}
.pros_cont .lt img{ max-width:100%; display:block;}
.pros_cont .lt ul{ width:100%; padding-top:10px; overflow:hidden;}
.pros_cont .lt ul li{ float:left; width:calc(25% - 10px); padding-right:10px;}
.pros_cont .lt ul li img{ border:1px solid #ddd; cursor:pointer;}
.pros_cont .lt ul li img.cur{ border:1px solid #0152b2;}
.pros_cont .rt{ float:right; width:500px;}
.pros_cont .rt .titbox{ border-bottom:1px solid #CCCBCB; padding-bottom:14px; overflow:hidden;}
.pros_cont .rt .titbox p{ float:left; font-size:32px; line-height:34px; color:#000; padding-left:12px;}
.pros_cont .rt .titbox em{ clear:left; float:left; display:block; width:19px; height:19px; background:#15499a; border-radius:50%; margin:22px 0 0 12px;}
.pros_cont .rt .titbox em:after{ content:""; display:block; width:7px; height:7px; border:1px solid #FFF; border-left:0; border-bottom:0; transform:rotate(45deg); margin:6px 0 0 4px;}
.pros_cont .rt .titbox a{ display:block; float:right; width:74px; height:62px; padding-top:12px; text-align:center; font-size:18px; line-height:25px; background:#83A5D1; color:#FFF; border-radius:5px;}
.pros_cont .rt .p_1{ clear:both; font-size:17px; height:46px; line-height:46px; color:#d30e0e;}
.pros_cont .rt .zhaiyao{ line-height:34px; height:306px; padding-bottom:20px; overflow:hidden;}
.pros_cont .rt .xj{ border-top:1px solid #CCCBCB; padding-top:16px;}
.pros_cont .rt .xj a{ float:left; display:block; width:50%; height:78px; line-height:78px; text-align:center; font-size:27px; background:#15499a; color:#FFF; border-radius:5px;}
.pros_cont .rt .xj p{ float:right; width:45%; font-size:21px; line-height:23px; padding-top:9px;}
.pros_cont .rt .xj p b{ display:block; font-size:26px; line-height:28px; color:#15499a; padding-top:10px;}
.pros_cont .rt .fx{ clear:both; padding-top:20px;}
.pros_bt{ width:1140px; margin:0 auto; height:63px; border-left:1px solid #EDEDED;}
.pros_bt ul{ overflow:hidden;}
.pros_bt ul li{ float:left; width:150px; height:60px; line-height:60px; font-size:18px; font-weight:bold; text-align:center; border-top:3px solid #15499a; border-right:1px solid #EDEDED; background:#FFF;}
.pros_main{ width:1080px; margin:-1px auto 30px auto; padding:40px 30px; min-height:200px; line-height:26px; background:#FFF; border:1px solid #EDEDED;}
/**/
.pros_rt{ float:right; width:882px; padding:30px 0 30px 0;}
.pros_rt .top{ overflow:hidden;}
.pros_rt .top .bimg{ float:left; width:520px; border:1px solid #DBDBDB;}
.pros_rt .top .info{ float:right; width:343px;}
.pros_rt .top .info .tit{ font-size:24px; font-weight:bold; color:#15499a; line-height:28px; padding:14px 0 18px 0;}
.pros_rt .top .info .zxxp{ padding-top:12px;}
.pros_rt .cont_1{  clear:both; height:63px; background:#F1F1F1; margin-top:33px;}
.pros_rt .cont_1 p{ float:left; margin-left:1px; width:150px; height:60px; line-height:60px; border-top:3px solid #144B9A; background:#FFF; text-align:center;}
.pros_rt .cont_1 a{ float:right; display:block; width:100px; height:35px; line-height:35px; text-align:center; background:#D42F2F; color:#FFF; border-radius:35px; margin:15px 20px 0 0;}
.pros_rt .cont_2{ clear:both; border:1px solid #F1F1F1; border-top:0; line-height:26px; min-height:200px; padding:30px; background:#FFF;}

/*about*/
.ab_banbox{ clear:both; width:100%; height:459px; background:url(../images/about_02.jpg) top center no-repeat; overflow:hidden; position:relative;}
.ab_banbox b{ display:block; width:100%; font-size:34px; line-height:36px; color:#000000; text-align:center; position:absolute; top:162px; left:0;}
.ab_banbox p{ width:100%; font-size:19px; line-height:21px; color:#3a3a3a; text-align:center; position:absolute; top:221px; left:0;}
.ab_banbox div{ position:relative; float:left; left:50%; top:274px;}
.ab_banbox div ul{ position:relative; float:left; left:-50%;}
.ab_banbox div ul li{ float:left; margin:0 8px;}
.ab_banbox div ul li a{ display:block; width:145px; height:45px; line-height:45px; text-align:center; font-size:15px; color:#FFF; position:relative; z-index:1;}
.ab_banbox div ul li a span{ position:relative; z-index:2}
.ab_banbox div ul li a em{ position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:rgba(0, 70, 188, 0.6); z-index:1;}
.ab_banbox div ul li a em::after{ content:""; width:0; height:100%; background:#D42F2F; display:block; transition:all 0.2s ease;}
.ab_banbox div ul li:hover{ font-weight:bold;}
.ab_banbox div ul li:hover em::after{ width:100%;}
.ab_banbox div ul li.cur{ font-weight:bold;}
.ab_banbox div ul li.cur em::after{ width:100%;}
.ab_cont{ clear:both; width:1144px; margin:0 auto; padding:50px 0;}
.ab_cont .p_1{ color:#d42d2d; font-size:43px; line-height:45px; font-family:'HYQiHei25'; text-transform:uppercase; padding-top:20px;}
.ab_cont .p_2{ font-size:24px; color:#0b0b0b; line-height:26px; padding-top:11px;}
.ab_cont .p_3{ width:47px; height:3px; background:#D42F2F; margin-top:20px;}
.ab_main{ line-height:33px; font-size:17px; padding:28px 0 0 0; min-height:150px;}


/*news*/
.ns_banbox{ background-image:url(../images/news_02.jpg);}
.ns_banbox b{ color:#FFF;}
.ns_banbox p{ color:#FFF;}
.ns_cont{ clear:both; width:100%; min-height:200px;}
.ns_cont li{ width:100%; padding:25px 0; border-bottom:1px solid #E0E0E0; transition:all 0.2s ease;}
.ns_cont li a{ display:block; width:1140px; overflow:hidden; margin:0 auto;}
.ns_cont li .imgbox{ float:left; border:1px solid #144B9A; overflow:hidden;}
.ns_cont li .imgbox img{ transition:all 0.3s ease;}
.ns_cont li .info{ float:right; width:1040px;}
.ns_cont li .info p{ font-size:20px; padding-top:10px;}
.ns_cont li .info p em{ font-style:normal; font-size:16px; color:#A2A2A2; margin-left:20px; font-family:'Helvetica33';}
.ns_cont li .info div{ font-size:15px; color:#8D8D8D; line-height:17px; height:17px; padding-top:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ns_cont li:hover{ background-color:#144B9A; border-bottom:1px solid #144B9A;}
.ns_cont li:hover .imgbox{ border:1px solid #D42F2F;}
.ns_cont li:hover .imgbox img{ transform:scale(1.1);}
.ns_cont li:hover p{ color:#FFF;}
.ns_cont li:hover p em{ color:#FFF;}
.ns_cont li:hover .info div{ color:#FFF;}

/*newsShow*/
.nss_cont{ clear:both; width:1140px; margin:0px auto; padding:50px 0; line-height:26px;}
.ns_show_tit{ text-align:center; font-size:18px; font-weight:bold; }
.ns_show_tm{ text-align:center; padding-top:5px; color:#aaa;}
.ns_show_cont{ line-height:26px; padding-top:20px; font-size:16px;}
.ns_pn{ clear:both; padding:20px 0 0 0; line-height:26px;}


/*honor*/
.hor_list{ overflow:hidden;}
.hor_list li{ float:left; width:352px; margin:0 41px 15px 0; overflow:hidden; position:relative;}
.hor_list li.none{ margin-right:0}
.hor_list li img{ display:block;}
.hor_list li p{ text-align:center; font-size:15px; height:40px; line-height:40px;}
.hor_list li div{ background:rgb(100,100,100, 0.5); width:100%; height:calc(100% - 40px); position:absolute; left:0; top:0; transition:all 0.3s ease-out 0s; opacity:0; transform:translateY(-100px);}
.hor_list li div::after{ content:""; display:block; background:url(../images/hor_05.png) center center no-repeat; width:100%; height:calc(100% - 40px);}
.hor_list li a:hover div{ opacity:1; transform:translateY(0px);}

/*honor show*/
.hons_tm{ text-align:center; color:#aaa;}
.hons_tit{ text-align:center; font-weight:bold; font-size:16px; padding-top:15px; line-height:17px;}

/*feedback*/
.cnt_box_1{ margin-top:27px; overflow:hidden; width:1190px;}
.cnt_box_1 input{ width:1103px; padding:15px 0 15px 75px; line-height:21px; background:#F2F2F2 url(../images/cnt_05.jpg) left top no-repeat; border:1px solid #E5E5E5; outline:none; color:#333; font-size:13px;}
.cnt_box_1 input:focus{ background-image:url(../images/cnt_05_1.jpg); background-color:#E3F0FF; border-color:#15499a;}
.cnt_box_2 input{ background-position:left -78px;}
.cnt_box_3 textarea{ width:1103px; height:242px; padding:15px 0 15px 75px; line-height:21px; background:#F2F2F2 url(../images/cnt_05.jpg) left -157px no-repeat; border:1px solid #E5E5E5; outline:none; color:#333; font-size:13px;}
.cnt_box_3 textarea:focus{ background-image:url(../images/cnt_05_1.jpg); background-color:#E3F0FF; border-color:#15499a;}
.cnt_box_4{ margin-top:27px; overflow:hidden;}
.cnt_box_4 input{ width:100%; height:51px; line-height:51px; border:0px; background:#15499a; color:#FFF; font-size:21px; font-weight:bold; cursor:pointer;}


/*contact*/
.cnt_contbox{ width:100%; height:600px; overflow:hidden; position:relative; z-index:1001;}
.cnt_contbox #allmap{ width:100%; height:600px;}
.cnt_cont{ width:1000px; margin:0px auto;}
.cnt_cont .bkg{ width:350px; min-height:255px; padding:30px 0; overflow:hidden; background:#FFF url(../images/contact_03.jpg) left bottom repeat-x; position:relative; z-index:10; left:0px; top:-600px; opacity:0; filter:alpha(opacity=0); box-shadow:0 0 10px #ddd;}
.cnt_cont .bkg .tit{ padding:5px 0 0 27px; font-size:17px; font-weight:bold; height:16px;}
.cnt_cont .bkg .cont{ padding:13px 0 0 27px; line-height:33px; font-size:13px;}
.cnt_cont .bkg .cont a{ color:#FFF;}

/*inquiry*/
.jn_box{ clear:both; padding-bottom:20px; overflow:hidden; width:600px; margin:0px auto;}
.jn_lt{ float:left; width:100px; padding:0 5px 0 0; line-height:30px; text-align:right; font-size:14px; font-weight:bold;}
.jn_rt{ float:left; width:calc(100% - 105px);}
.jn_box .txt{ width:calc(100% - 40px); height:20px; line-height:20px; border:1px solid #DBDBDB; color:#444; padding:5px 10px; font-size:13px; border-radius:3px; outline:none;}
.jn_box input:focus{ border:1px solid #0152b2;}
.jn_box textarea:focus{ border:1px solid #0152b2;}
.jn_box .cod{ width:70px; height:20px; line-height:20px; border:1px solid #DBDBDB; color:#444; padding:5px 15px; font-size:13px; border-radius:3px; outline:none;}
.jn_box .txtarea{width:calc(100% - 40px); height:120px; padding:10px; font-size:13px; border:1px solid #DBDBDB; border-radius:3px; outline:none;}
.jn_box .btn{ width:95px; height:32px; text-align:center; line-height:30px; border:0px; background:#666; color:#FFF; font-size:15px; font-weight:bold; border-radius:3px; cursor:pointer;}
.jn_box .btn:hover{ background:#0152b2}
.cl_red{ color:#f00;}
.fd_pro_tb{ width:100%; margin:0 auto; border-left:1px solid #ddd; border-top:1px solid #ddd; margin-bottom:20px; }
.fd_pro_tb th, .fd_pro_tb td{ border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff;}
.fd_pro_tb th{ height:40px; line-height:40px; font-weight:normal;}
.fd_pro_tb td{ text-align:center; padding:10px 0;}
.fd_pro_tb td input{ border:1px solid #ddd; width:80px; padding:3px 10px; height:20px; line-height:20px; text-align:right; border-radius:3px;}
.fd_pro_tb td input:focus{ border:1px solid #0152b2;}
.fd_pro_tb .del{ color:#F00; cursor:pointer;}



.sv_banbox{ background-image:url(../images/servce_02.jpg);}

center{background:#2f2f2f;margin-top: -10px;    padding-bottom: 10px;}
center a{color:#BEBEBE;font-size:12px;}

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