<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 */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
body,button,input,select,textarea{ font-size: 14px; font-family: "微软雅黑";}
h1,h2,h3,h4,h5,h6{font-size:100%}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:couriernew,courier,monospace}
small{font-size:12px}
ul,ol{list-style:none}
a{text-decoration:none;}
a:hover{text-decoration:none}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset,img{border:0}
img{vertical-align:middle}
button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
input:focus,button:focus{outline:none}
.fl{float:left}
.fr{float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1}
.content{width:1200px;margin-left:auto;margin-right:auto;}
@font-face{font-family:myfont; src:url(../fonts/impact.ttf);}

.hdk{padding:20px 0;}
.logo{overflow:hidden; display:block;}
.phfr{background:url(../images/phone.png) no-repeat center left; height:50px; width:215px; font-size:23px; line-height: 25px; font-style: oblique; font-weight:bold; color:#232323; padding-left:60px; margin-top:2px;}
.navbox{height:50px; width: 865px; margin-top: 5px;}
.navbox .nav{height:50px; line-height:34px; position:relative; z-index:1;}
.nav a{ color:#323232;}
.nav .nLi{ float:left;  position:relative; display:inline;}
.nav .nLi:after{ content: ''; position:absolute; width:6px; height:1px; background:#fff; right:-3px; top:26px; z-index:20;}
.nav .nLi:last-child:after{width:0;}
.nav .nLi a:nth-child(1){ float:left; height:50px;}
.nav .nLi a:nth-child(1){ display:block; width:146px; font-size:16px; font-weight:bold; line-height:50px; text-align:center;}
.nav .sub{ display:none; width:146px; left:0; top:50px; position:absolute; line-height:26px;}
.nav .sub li{ zoom:1;}
.nav .nLi .sub{overflow: hidden;}
.nav .nLi .sub li a{ display:block; background: #eee; line-height: 48px; height: 48px; font-weight: 400; font-size: 17px; font-weight: 600; color: #202020; border-bottom: solid 1px #656668;}
.nav .nLi .sub li:last-child a{border: 0;}
.nav .on a:nth-child(1){color:#005a9c;}
.nav .nLi .sub li a:hover{ color:#fff; background:#005a9c;}

.fullSlide{ width:100%;  position:relative;  height:700px; background:#fff;  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:700px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:700px;}
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:60px; line-height:60px; text-align:center;
   _background:#000; _filter:alpha(opacity=60); 
}
.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:68px; height:12px; margin:5px; background:url(../images/tg_flash_p.png) -93px 0; overflow:hidden; 
  line-height:9999px; 
}
.fullSlide .hd ul .on{ background-position:0 0; }
.fullSlide .prev, .fullSlide .next { position: absolute; z-index: 30;}
.fullSlide .prev { top: 50%; left: 10px; margin-top:-22px; }
.fullSlide .next { top: 50%; right: 10px; margin-top:-22px; }
.fullSlide .prev a, .fullSlide .next a { display: block; width: 50px; height: 44px; overflow: hidden; background: url(../images/ico_prevnext.png) no-repeat scroll 0 0; _background-image: url(../images/ico_prevnext_ie6.png); }
.fullSlide .prev a { background-position: 0 -12px; }
.fullSlide .prev a:hover { background-position: 0 -92px; }
.fullSlide .next a { background-position: 0 -172px; }
.fullSlide .next a:hover { background-position: 0 -252px; }

.title{text-align: center; overflow: hidden;}
.title h3{font-size: 42px; font-weight: 600; color: #005a9c;}
.title p{font-size: 18px; color: #151515; margin-top: 15px;}

.aboutx{background: url("../images/hjk.jpg") no-repeat bottom center; padding-top: 60px; padding-bottom: 115px;}

.shuzi .numscroller{font-family:myfont; font-size: 72px; color: #005eb8;}
.zhek{float: left; width: 300px; position: relative; text-align: center;}
.zhek span{position: absolute; right: 0; top: 50px; font-size: 16px; color: #666;}
.shuzi .zhek:nth-child(1) span{right: 58px;}
.shuzi .zhek:nth-child(2) span{right: 85px;}
.shuzi .zhek:nth-child(3) span{right: 50px;}
.shuzi .zhek:nth-child(4) span{right: 50px;}
.zhek h4{font-weight: 400; font-size: 20px; color: #666;}
.shuzi{margin-top: 70px;}

.cpboxd{padding-top: 70px; background: url("../images/bgd_01.jpg") no-repeat top center; overflow: hidden; padding-bottom: 70px;}
.titled{overflow: hidden;}
.titfl h3{font-size: 44px; font-weight: 600; color: #333;}
.titfl p{font-size: 18px; color: #666; line-height: 27px; margin-top: 15px;}
.titfl{width: 720px;}
.titmor a{display: block; background: url("../images/fr_03.png") no-repeat center center; width: 115px; height: 70px; line-height: 70px; padding-left: 114px; color: #fff; font-size: 16px;}
.titmor{margin-top: 27px;}

.com-img img{transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s}
.com-img:hover img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2)}

.cpbox{overflow: hidden; padding-top: 50px;}
.cpbox ul li{width: 377px; float: left; margin-left: 34px; margin-bottom: 34px;}
.cpbox ul li a{display: block; overflow: hidden;}
.cpbox ul li .com-img{width: 377px; height: 297px; overflow: hidden; position: relative;}
.cpbox ul li img{width: 377px; height: 297px;}
.cpbox ul li p{font-size: 18px; text-align: center; margin-top: 20px; color: #000;}
.cpbox ul li a:hover .com-img::before{position:absolute;content:'';border: solid 3px #005eb8; width: 371px; height: 291px; top: 0; left: 0; z-index: 2}
.cpbox ul{margin-left: -34px;}
.cpbox ul li a:hover p{color: #005eb8;}

.abufl{width: 650px;}
.aboufr{width: 414px;}

.abufl h3{font-size: 26px; font-weight: 400; color: #005a9c; margin-bottom: 5px; margin-top: 10px;}
.abufl h4{font-size: 32px; font-weight: 600; color: #005a9c;}
.abufl p{font-size: 16px; color: #666; line-height: 34px; margin-top: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-line-clamp: 4;
    -moz-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal; 
}
.abufl ul li{width: 120px; height: 120px; border: dashed 1px #dbdbdb; border-radius: 10px; float: left; margin-right: 30px;}
.abufl ul li a{display: block; overflow: hidden; font-size: 16px; text-align: center; color: #666; padding-top: 23px;}
.abufl ul li a img{display: block; margin-left: auto; margin-right: auto;}
.abufl ul li a span{display: block; margin-top: 10px;}
.abufl ul{margin-top: 80px;}
.abufl ul li a:hover{color: #005a9c;}
.aboufr img{display: block; width: 414px; height: 501px;}
.aboubox{overflow: hidden; padding: 80px 0;}

.abufl ul li a img{
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.abufl ul li a:hover img{
	-webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    filter: gray;
}

.htitle h3{font-size:44px; font-weight:600; color:#363636; margin-bottom:20px;}
.htitle span{color:#053e95;}
.htitle{text-align:center;}
.htitle p{color:#8c8c8c; font-size:20px;}
.ysbox{background:url(../images/gt_02.jpg) no-repeat top center; overflow:hidden; padding-top: 65px; padding-bottom: 65px;}
.ysbox .htitle h3,.ysbox .htitle span,.ysbox .htitle p{color:#fff;}
.navtp{overflow:hidden; margin-top:50px; margin-left:-15px;}
.nak{background:#fff; color:#333; width:287px; height:107px; float:left; margin-left:15px; cursor:pointer;}
.tuk{background:url(../images/xh_01.png) no-repeat center left 44px; padding-top:25px; padding-left:113px; height:78px;}
.tuk p{font-size:25px;}
.tuk span{font-size:13px; text-transform:uppercase;}
.navtp .hit .tuk{background: url(../images/xhq_01.png) no-repeat center left 44px; color:#fff;}
.navtp .nak:nth-child(2) .tuk{background:url(../images/xh_02.png) no-repeat center left 44px;}
.navtp .nak:nth-child(3) .tuk{background:url(../images/xh_03.png) no-repeat center left 44px;}
.navtp .nak:nth-child(4) .tuk{background:url(../images/xh_04.png) no-repeat center left 44px;}
.navtp .nak:nth-child(2).hit .tuk{background:url(../images/xhq_02.png) no-repeat center left 44px;}
.navtp .nak:nth-child(3).hit .tuk{background:url(../images/xhq_03.png) no-repeat center left 44px;}
.navtp .nak:nth-child(4).hit .tuk{background:url(../images/xhq_04.png) no-repeat center left 44px;}
.navtp .hit{background:#e50000;}
.dkw{margin-top:30px; overflow:hidden; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.05);}
.dkw .zhk{background:#fff; overflow:hidden; padding:35px; display:none;}
.dkw .zhk:nth-child(1){display:block;}
.zhkfl{width:543px; overflow:hidden;}
.zhkfl img{display:block; width:543px; height:396px;}
.zhkfr{width:550px; overflow:hidden;}
.zhkfr h4{font-size:33px; color:#053e95; font-weight:600; margin-top:10px;}
.zhkfr span{font-size:25px; color:#333; font-weight:400; display: block; margin-top: 5px;}

.zhkfr span.tip{position:relative; display:block; color:#bbc3da; font-size:60px; font-weight:600; height:105px; margin-left:0;}
.zhkfr span.tip:after {
    content: '';
    position: absolute;
	height:38px;
	width:2px;
	background:#006abe;
	bottom: 0;
	left:12px;
    z-index: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.zhkfr p{font-size:15px; color:#666; line-height:34px; margin-top:30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-line-clamp: 3;
    -moz-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal; 
}
.phfl{background:#e8f2fb;}
.phf{background:url(../images/sq_14.jpg) no-repeat center center; width:301px; height:53px; font-size:21px; color:#005eb8; padding-top:26px; padding-left:124px; margin-top:50px;}
.phf span{margin-left: 20px; font-size:21px; color:#005eb8; margin-top: 0; display: inline-block;}
.titln{text-align: center;}
.titln h3{font-size: 44px; color: #005a9cnewdk;}
.titln p{font-size: 18px; color: #666; max-width: 950px; display: block; margin-left: auto; margin-right: auto; line-height: 32px; margin-top: 18px;}

.cp_l_nav{width: 249px; overflow: hidden; padding: 0 20px; background: #fff;}
.cp_l_nav .zxlu h3 a{font-size: 16px; color: #333; font-weight: 400; display: block; border-bottom: solid 1px #d7d7d7; line-height: 32px; height: 32px; background: url("../images/vb_02.png") no-repeat center right;}
.cp_l_nav .zxlu h3.on a,.cp_l_nav .zxlu h3 a:hover{font-weight: 600; color: #005a9c;}
.cp_l_nav .zxlu ul{border-bottom: solid 1px #d7d7d7; padding: 5px 0; max-height: 181px; overflow: hidden;}
.cp_l_nav .zxlu ul li a{position: relative; display: block; font-size: 14px; color: #333; padding-left: 18px; line-height: 28px;}
.cp_l_nav .zxlu ul li a:after {
    content: '';
    position: absolute;
	height:2px;
	width:2px;
	background:#333;
	top: 50%;
	left:0;
	margin-top: -1px;
    z-index: 1;
	border-radius: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.cp_l_nav .zxlu ul li a:hover{color: #005a9c;}
.cp_l_nav .zxlu ul li a:hover:after{background: #005a9c;}
.cp_l_nav .zxlu ul li.activ a{color: #005a9c; font-weight: 600;}
.cp_l_nav .zxlu ul li.activ a:after{background: #005a9c;}
.zxlu{padding: 0 15px;}

.cpfr{width: 890px;}
.cpfr ul li{width: 287px; float: left; margin-left: 14px; margin-bottom: 27px;}
.cpfr ul li a{display: block; overflow: hidden;}
.cpfr ul li a img{display: block; width: 287px; height: 287px;}
.cpfr ul li a .com-img{width: 287px; height: 287px; overflow: hidden;}
.cpfr ul li a h4{font-size: 16px; text-align: center; color: #151515; font-weight: 400; margin-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-line-clamp: 1;
    -moz-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal; 
}
.cpfr ul{margin-left: -14px;}

.tudw{background: url("../images/sw_11.png") #005a9c no-repeat top 39px left 27px; padding: 25px 27px; overflow: hidden; color: #fff;}
.tudw h4{font-size: 20px; font-weight: 400; margin-left: 44px;}
.tudw p{font-size: 24px; font-weight: 600; margin-left: 44px;}

.cpfr ul li a:hover h4{color: #005a9c;}
.cplie{margin-top: 50px;}

.yous{background: url("../images/fe_14.jpg") no-repeat top center; overflow: hidden; padding: 70px 0;}

.newdk a:hover h4{color: #005a9c;}

/*内页产品*/
.sideMenu,.alld{width: 249px; overflow: hidden; padding: 0 20px; background: #fff;}
.sideMenu h3 a,.alld a{font-size: 18px; color: #333; font-weight: 400; display: block; border-bottom: solid 1px #d7d7d7; line-height: 56px; height: 56px; background: url("../images/vb_01.png") no-repeat center right;}
.sideMenu h3.on a{font-weight: 600; color: #005a9c; background: url("../images/vb_02.png") no-repeat center right;}
.sideMenu ul{border-bottom: solid 1px #d7d7d7; padding: 10px 0; max-height: 181px; overflow: hidden;}
.sideMenu ul li a{position: relative; display: block; font-size: 16px; color: #333; padding-left: 23px; line-height: 36px;}
.sideMenu ul li a:after {
    content: '';
    position: absolute;
	height:2px;
	width:2px;
	background:#333;
	top: 50%;
	left:0;
	margin-top: -1px;
    z-index: 1;
	border-radius: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.sideMenu ul li a:hover{color: #005a9c;}
.sideMenu ul li a:hover:after{background: #005a9c;}


/* 本例子css */
.slider{ width:100%;  min-width:1200px;  height:484px;  position:relative; overflow:hidden; background:#fff; text-align:center; }
.slider .bd{ width:656px; position:absolute; left:50%; margin-left:-500px; }
.slider .bd li{ width:656px;  overflow:hidden; margin-left: 5px; margin-right: 5px;}
.slider .bd li img{ display:block; width:656px; height:429px;}
.slider .bd li a{display: block; overflow: hidden; position: relative;}
.slider .tempWrap{ overflow:visible !important }
.slider .tempWrap ul{  margin-left:-500px !important; /*强制位置*/  }
.slider .bd li a span{position: absolute; /*background: rgba(0, 0, 0, 0.8);*/ background: #005a9c; color: #fff; font-size: 16px; text-align: center; bottom: 0; left: 0; width: 100%; line-height: 44px; overflow: hidden; /*display: none;*/}
.slider .bd li a:hover span{display: block;}

.slider .hd{ position:absolute; width:100%; left:0;  z-index:1; height:8px; bottom:20px;  text-align:center;  }
.slider .hd li{ display:inline-block; *display:inline; zoom:1; width:8px; height:8px; line-height:99px; overflow:hidden; background:url(../images/slider-btn.png) 0 -10px no-repeat; 
margin:0 5px; cursor:pointer; filter:alpha(opacity=60);opacity:0.6;  }
.slider .hd li.on{ background-position:0 0; filter:alpha(opacity=100);opacity:1;  }
.slider .pnBtn{  position:absolute; z-index:1; top:0; width:100%;  height:429px; cursor:pointer;   }
.slider .prev{ left:-50%; margin-left:-339px;  }
.slider .next{ left:50%;  margin-left:339px;  }
.slider .pnBtn .blackBg{ display:block;  position:absolute; left:0; top:0; width:100%; height:429px; background:#000; filter:alpha(opacity=50);opacity:0.5;   }
.slider .pnBtn .arrow{ display:none;   position:absolute; top:38px; z-index:1; width:60px; height:429px;  }
.slider .pnBtn .arrow:hover{ filter:alpha(opacity=60);opacity:0.6; }
.slider .prev .arrow{ right:0; background:url(../images/slider-arrow.png) -120px 0 no-repeat;   }
.slider .next .arrow{ left:0; background:url(../images/slider-arrow.png) 0 0 no-repeat;  }

.casebox{overflow: hidden; padding-top: 65px;}
.casebox .slider{margin-top: 50px;}
.xuanz{font-size: 0; text-align: center; margin-top: 30px;}
.xuanz a{font-size: 20px; color: #666; display: inline-block; background: url("../images/fgr_01.png") no-repeat center left; padding-left: 33px; margin-left: 25px; margin-right: 25px;}
.xuanz a:nth-child(2){background: url("../images/fgr_02.png") no-repeat center left; padding-left: 26px;}
.xuanz a:nth-child(3){background: url("../images/fgr_03.png") no-repeat center left; padding-left: 28px;}
.xuanz a:hover{color: #005eb8;}

.titlx{text-align: center;}
.titlx h3{font-size: 44px;}

.zh01{position: absolute; width: 261px; height: 50px; background: #fff; left: 0; top: 0; z-index: 10}
.zh02{position: absolute; width: 263px; height: 50px; background: #fff; right: 0; top: 0; z-index: 10}
.zh03{position: absolute; width: 261px; height: 50px; background: #fff; left: 0; bottom: 55px; z-index: 10}
.zh04{position: absolute; width: 263px; height: 50px; background: #fff; right: 0; bottom: 55px; z-index: 10}

.newdbox{overflow: hidden; padding-top: 50px; background: url("../images/jy_20.jpg") no-repeat top center; margin-top: 60px; padding-bottom: 80px;}

/* 本例子css */
.slideBox{ width:529px; height:426px; overflow:hidden; position:relative; border:1px solid #ddd;}
.slideBox .hd{ height:52px; line-height: 52px; overflow:hidden; position:absolute; right:0; bottom:0; z-index:1; background: rgba(0, 0, 0, 0.5); width: 100%;}
.slideBox .hd ul{ overflow:hidden; zoom:1; text-align: center;}
.slideBox .hd ul li{margin-right:5px; margin-left: 5px; width:8px; height:8px; line-height:14px; text-align:center; background:none; border: solid 1px #fff; cursor:pointer; border-radius: 100px; display: inline-block;}
.slideBox .hd ul li.on{ background:#fff; color:#fff;}
.slideBox .bd{position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle;}
.slideBox .bd img{width:529px; height:426px; display:block;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{display:none; }
.slideBox .nextStop{display:none; }

.newdk{overflow: hidden; border-bottom: solid 1px #eaeaea; padding-top: 25px; padding-bottom: 25px;}
.newdk h4{font-size: 20px; font-weight: 600; color: #333; padding-right: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -moz-box;
  -moz-line-clamp: 1;
  -moz-box-orient: vertical;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal; 
}

.newmafl{width: 529px;}
.newmafr{width: 540px; height: 540px; overflow: hidden;}

.newdk p{font-size: 16px; color: #666; margin-top: 8px; padding-right: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -moz-box;
  -moz-line-clamp: 1;
  -moz-box-orient: vertical;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal; 
}
.newdk span{font-size: 16px; color: #999; display: block; margin-bottom: 10px;}
.newdk span.vidw{color: #005a9c; text-transform: uppercase; margin-top: 10px; font-size: 14px;}
.newdk a{display: block; overflow: hidden;}
.newmafr .newdk:last-child{margin-bottom: 0;}
.newmain{overflow: hidden; margin-top: 38px;}
.newmafr .newdk a:hover h4{color: #005eb8;}

.zxlfl{width: 478px;}
.zxlfl h3{font-size: 44px; margin-top: 20px;}
.zxlfl p{font-size: 18px; margin-top: 15px;}
.zxlfl span{display: block; background: url("../images/fuw_01.png") no-repeat center left; line-height: 30px; font-size: 23px; font-weight: 600; color: #005a9c; padding-left: 70px; margin-top: 30px;}
.zxlfr{width: 630px;}


/*内页*/
.info1 { width: 450px; height: 27px; line-height: 28px;  text-align: center;  margin: 15px auto 25px; border: 1px dashed #ccc; border-left: none; border-right: none;  color: #6f6f6f;}
.ej_bt{ font-size:30px; color:#333333; text-align:center;line-height:32px; font-weight:bolder; margin:0px auto 0; padding:0 0 10px }

.wrap_n{ width:1200px; display:table; margin:0 auto; padding:0 0 50px 0}
.wrap_n .cp_l_nav ul{ height:auto}
.cp_l_nav {width: 100%;box-sizing: border-box;padding: 0px 0 0px;margin: 1px auto 0 auto;}
.xypg-left-nav&gt;li {position: relative;border-bottom: 1px solid #eeeeee;}
.xypg-left-nav&gt;li:last-child {border-bottom: none;}
.xypg-left-nav&gt;li&gt;a {display: block;font-size: 16px;line-height: 22px;color: #2e2e2e;padding: 15px 18px;}
.xypg-left-nav&gt;li:hover&gt;a, .xypg-left-nav&gt;li.clicked&gt;a {color: #005eb8; font-weight: 600;}
.xypg-left-nav&gt;li .first-nav-btn {position: absolute;z-index: 99;width: 30px;height: 30px;text-align: center;top: 10px;right: 20px;cursor: pointer;background: url("../images/zhw.png") 0 -240px no-repeat;}
.xypg-left-nav&gt;li:hover .first-nav-btn, .xypg-left-nav&gt;li.clicked .first-nav-btn {color: #005eb8;font-weight: 600;}
.xypg-left{ width:256px; float:left;}
.xypg-left-box{margin-bottom: 20px;}
.xypg-left-title{background: #005eb8; padding:7px 20px; position: relative;}
.xypg-left-title h3{font-size:18px; color: #ffffff; line-height: 30px; font-weight: bold; position: relative; z-index: 9;}
.xypg-left-title i{position: absolute; left: -5px; top: -9px; font-style: normal; font-size: 67px; font-weight: bold; opacity: .1; color: #fff; line-height: 1; z-index: 1; text-transform: uppercase;}
.xypg-left-title span{font-weight: normal; font-size: 16px; color: #fff; opacity: .6; margin-left: 10px; text-transform: capitalize;}
.xypg-left-title span:before{content: "/"; padding-right: 5px;}
.xypg-left-con{border: 1px solid #d2d2d2; border-top: none;}

.latest-news{padding: 10px 0;}
.latest-news li{padding: .5em 1em; font-size: 14px;}
.latest-news li a{display: block; line-height: 1.2; color: #5a5a5a;}
.latest-news li a:before{content: '+'; font-weight: bold; margin-right: 5px; font-size: 16px;}
.latest-news li a:hover{color: #005eb8;}
.latest-news li a:hover:before{color: #005eb8;}
.hot-keys{padding: 20px 6px 8px 6px; display:table}
.hot-keys li{width: calc(50% - 10px); float: left; margin: 0 5px 14px 5px;}
.hot-keys li a{display: block; text-align: center; font-size: 12px; color: #5a5a5a; line-height: 2.857; border: 1px dashed #f1f1f1;}
.hot-keys li a:hover{color: #005eb8; border-color: #005eb8;}

.page-wrap-contact{padding: 10px 0; font-size: 14px;}
.page-wrap-contact h4{padding:.3em 1em .8em 1em; font-size: 16px; color: #000000;}
.page-wrap-contact p{border-top: 1px solid #eee; position: relative; margin-bottom: 0; padding: .8em 1em; color: #2f2f2f;}

.page-position {padding: 15px 0;font-size: 14px;color: #2f2f2f;}
.page-position a {color: #2f2f2f;}
.page-position a:hover{color: #005eb8;}
.wrap_n_r{ width:910px; float:right}
.about{ font-size:16px; line-height:30px; color:#444445; padding:0 0 40px;}
.wrap_n_bt{ width:100%; color:#fff; display:table; background:#005eb8; height:45px; line-height:45px;}
.wrap_n_bt h1{ float:left; font-size:18px; font-weight:bolder; padding:0 20px}
.wrap_n_bt .site{ float:right; font-size:14px; padding:0 20px}
.wrap_n_bt .site a{ color:#fff}
.wrap_n_tj{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin:15px auto;text-indent:20px;}
.wrap_n .cp_r,.wrap_n .li_r{ float:inherit; width:100%}
.wrap_n .cp_r ul,.wrap_n .li_r ul{    padding-left:0px;}
.wrap_n .cp_r ul li,.wrap_n .li_r ul li{ width:285px;margin: 0 20px 5px 0;}
.wrap_n .cp_r ul li:nth-child(3n+0),.wrap_n .li_r ul li:nth-child(3n+0){margin-right: 0;}
.wrap_n .cp_r ul li a .cp_t{ width:290px; height:227px;}
.wrap_n .cp_r ul li a .cp_t img{ width:290px; height:227px;}

.kjzs{ overflow:hidden; zoom:1; }
.kjzs li{ width:290px; margin: 0 20px 5px 0; float:left; _display:inline; overflow:hidden; text-align:center;  }
.kjzs li a .kjzs_t{ width:290px; height:252px; display:table; border:1px solid #e2e1e1; box-sizing:border-box}
.kjzs li a .kjzs_t img{width:290px; height:252px; display:table}
.kjzs li a span{ font-size:16px; line-height:50px;}
.kjzs li:nth-child(3n+0){margin-right: 0;}
.kjzs li a:hover .kjzs_t{ border:1px solid #1d6cba}
.kjzs li a:hover{ color: #1d6cba}

.xw{ width:100%; display:table;}
.xw li{border-bottom: 1px solid #ccc;}
.xw li a{ width:100%; display:table; padding:15px 10px; box-sizing:border-box; font-size:14px; line-height:24px; color:#666}
.xw li a h1{ font-size:15px; color:#333; line-height:30px; padding:0 0 6px}
.xw li a h1 i{ float:right; font-size:14px; opacity:.7}
.xw li a:hover h1 span{ color: #1d6cba}

.xw1{ width:100%; display:table; padding:10px 0}
.xw1 li a{border-bottom: 1px solid #ccc; background:url(../images/list_dot1.gif) no-repeat 6px center ; padding:10px 0 10px 20px; box-sizing:border-box; width:97%; margin:0 auto; display:table;  font-size:14px; line-height:24px; color:#666}
.xw1 li a time{ float:right; opacity:.8}
.xw1 li a:hover span{color: #1d6cba}

.down_info{padding:10px 0;margin-top:15px;}
.down_info table{width:100%;}
.down_info table thead{line-height:26px;background-color:#f2f2f2;}
.down_info table th{border:1px solid #b6d5f1; text-align:center;line-height:36px;}
.down_info table td{padding:5px;padding-left:10px;padding-right:5px;border:1px solid #b6d5f1;text-align:center;line-height:36px;height:36px;}
#download{text-decoration:underline;}
#down_detail .title{line-height:36px;text-align:left;padding-left:15px;font-size:14px;height:36px;background-color:#ececec;}
#down_detail .text{padding:10px;}

.yous .title h3,.yous .title p{color: #fff;}
.yous ul li{width: 385px; float: left; background: url("../images/dwv_18.png") no-repeat top center; overflow: hidden; height: 336px; margin-left: 22px;}
.yous ul{margin-left: -22px; margin-top: 58px;}
.yous ul li img{display: block; margin-left: auto; margin-right: auto; margin-top: 60px;}
.yous ul li h4{font-size: 25px; font-weight: 600; text-align: center; margin-top: 60px;}
.yous ul li p{width: 300px; display: block; font-size: 16px; color: #666; line-height: 28px; margin-left: auto; margin-right: auto; text-align: center; margin-top: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-line-clamp: 2;
    -moz-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal; 
}
.yous ul li:hover h4{color: #c90000;}

.ab_bt{ margin:20px auto 0; width:100%; line-height:36px; padding:0 20px; box-sizing:border-box; font-size:16px; color:#333; background:#ececec}
.page{line-height:26px;border-top:1px dashed #e0e1dc;margin-top:6px;padding-top:15px;font-size:14px;}
.page a{color:#005a98;}
.page a:hover{color:#005eb8;}
.page span{color:#005a98;}

.fy{ text-align:center; font-size:14px; padding:20px 0;}
.info { width: 450px; height: 27px; line-height: 28px;  text-align: center;  margin: 15px auto; border: 1px dashed #ccc; border-left: none; border-right: none;  color: #6f6f6f;}

.dianh{text-align: center; color: #fff;}
.dianh h4{font-size: 28px; font-weight: 600; margin-top: 60px;}
.dianh a{display: block; width: 130px; height: 30px; line-height: 30px; background: #005a9c; color: #fff; font-size: 14px; text-align: center; border-radius: 6px; margin-left: auto; margin-right: auto; margin-top: 18px;}
.dianh a:hover{background: #c90000;}

.xypg-news-list li {border: 1px solid #e1e1e1;padding: 30px;background: #fff;margin-bottom: 35px;-webkit-transition: all .5s;transition: all .5s;}
.xypg-news-list li .tit {border-bottom: 1px solid #cbcbcb;margin-bottom: 15px;position: relative;}
.xypg-news-list li .tit h3{padding-bottom:15px;font-size:18px;color:#565656;font-weight:normal;padding-right:25%;margin:0}
.xypg-news-list li .tit .date{position:absolute;right:0;top:0;font-size:14px;color:#666666}
.xypg-news-list li .info{font-size:14px;line-height:2;color:#999999}
.xypg-news-list li .more{margin-top:15px}
.xypg-news-list li .more span{display:inline-block;width:130px;line-height:33px;text-align:center;font-size:14px;color:#666666;border:1px solid #e1e1e1;-webkit-transition:all .5s ease;transition:all .5s ease}
.xypg-news-list li:hover{-webkit-box-shadow:0px 2px 13px 1px rgba(8,1,3,0.18);box-shadow:0px 2px 13px 1px rgba(8,1,3,0.18)}
.xypg-news-list li:hover .tit h3{color:#005eb8}
.xypg-news-list li:hover .more span{color:#fff;background-color:#005eb8}
.xypg-news-list li .infod{font-size:14px;line-height:2;color:#999999}
.tup{overflow:hidden;padding:10px 0 20px 0}
.tup img{display:block;margin-left:auto;margin-right:auto}
.nice-validator input{display:inline-block}
.form-group{margin-bottom:15px;overflow:hidden}
.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}
#message-form label{font-size:14px;width:83px;float:left}
#message-form .red-star{color:red}
.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgb(0 0 0 / 8%);box-shadow:inset 0 1px 1px rgb(0 0 0 / 8%);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.pull-left{float:left!important}
#message-form .error-info{padding-top:4px;display:inline-block;vertical-align:top;position:absolute}
@media (min-width:768px){.col-sm-7{width:58.33333333%;float:left}
.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}
.col-sm-2{width:16.66666667%}
}.n-default .n-invalid{border-color:#005eb8 !important}
#message-form textarea{resize:none;min-height:115px}
#message-form #checkcode{display:inline-block;width:30%}
.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}
.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}
.col-md-offset-2 .btn{margin-left: 83px;}
.cp_r,.li_r{ width:952px; overflow: hidden;}
.cp_r ul,.li_r ul{ padding-left:22px; display:table; width:100%; box-sizing:border-box}
.cp_r ul li,.li_r ul li{width:300px; display:block; color:#000000;float:left; margin:0 15px 5px 0;}
.cp_r ul li a,.li_r ul li a{ width:300px;  margin:0 auto; display:block;}
.cp_r ul li:nth-child(3n+0),.li_r ul li:nth-child(3n+0){ margin-right:0;}
.cp_r ul li a h1,.li_r ul li a h1{ font-size:17px;  color:#333;line-height:54px; display:block; text-align:center;width:100%; margin:0 auto; font-weight: 400;}
.cp_r ul li a .cp_t{ width:300px; height:235px;  display:block; border:2px solid #eeeeee;  overflow: hidden; box-sizing:border-box;}
.cp_r ul li a .cp_t img{ width:300px; height:235px;  display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.cp_r ul li a:hover .cp_t img{transform: scale(1.05);}
.cp_r ul li a:hover h1 { color:#1d6cba}
.cp_r ul li a:hover .cp_t{ border:2px solid #1d6cba}

.li_r ul li{width:285px; display:block; color:#000000;float:left; margin:0 15px 5px 0;}
.li_r ul li a{ width:285px;  margin:0 auto; display:block;}
.li_r ul li a .cp_t{ width:285px; height:285px;  display:block; border:2px solid #eeeeee;  overflow: hidden; box-sizing:border-box;}
.li_r ul li a .cp_t img{ width:285px; height:285px;  display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.li_r ul li a:hover .cp_t img{transform: scale(1.05);}
.li_r ul li a:hover h1 { color:#1d6cba}
.li_r ul li a:hover .cp_t{ border:2px solid #1d6cba}

#map{margin-top: 20px;}
.xypg-right-content p{font-size: 16px;}

.tops{overflow:hidden; margin-left:-30px; margin-bottom:0;}
.tops .form-group{float: left;}
.tops .form-control{
	background: #fff;
    border: 0;
    width: 271px;
    height: 50px;
    line-height: 50px;
    padding-left: 15px;
    font-size: 14px;
    color: #757575;
    float: left;
	margin-left:30px;
	padding-top: 0;
	padding-bottom: 0;
}
.topb textarea{
	border: 0;
	width: 600px;
    height: 45px;
	font-size: 14px;
    color: #757575;
    padding: 15px;
}
.yzbox{width: 317px;}
.yzbox input{
    background: #fff;
    border: 0;
    width: 198px;
    height: 50px;
    line-height: 50px;
    padding-left: 15px;
    font-size: 14px;
    color: #757575;
    float: left;
    padding-top: 0;
    padding-bottom: 0;
}
.swop{margin-top: 15px;}
.btn-default {
    width: 300px;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: block;
    background: #005a9c;
    border-radius: 5px;
    color: #fff;
}
.btn-default:hover{background: #c90000;}
.zxlfr .btn-default{padding-top: 0; padding-bottom: 0;}
.yzbox img{width: 100px; height: 50px;}
.zxliu{background: url("../images/fgb_25.jpg") no-repeat top center; overflow: hidden; padding: 65px 0;}

.mtop{margin-top: 20px;}

/*内页*/

.footer{color: #fff; overflow: hidden;}
.fotfl{width: 330px; margin-top: 15px;}
.fotfl a{display: block; float: left; font-size: 15px; background: url("../images/ghd_01.jpg") no-repeat center right; padding-right: 25px; margin-right: 25px; color: #fff; margin-bottom: 12px;}
.fotfl a:hover{text-decoration: underline;}
.fotfl a:nth-of-type(3),.fotfl a:nth-of-type(6){background: none;}
.footer .footop{background: #232324; overflow: hidden; padding-top: 50px; padding-bottom: 53px;}
.fotwfl{width: 480px; font-size: 16px; margin-left: 50px;}
.fotwfl span{font-size: 22px; margin-right: 20px; font-style: oblique;}
.fotwfl p{margin-bottom: 10px;}
.fothfl p{width: 65px; position: absolute; right: 0; top: 0; font-size: 16px; line-height: 28px; margin-top: 23px;}
.fothfl{position: relative; padding-right: 80px; margin-top: 40px;}
.footbom{overflow: hidden; text-align: center; background: #fff; color: #333; font-size: 14px; line-height: 30px; padding: 20px 0;}
.footbom a{color: #333; margin-left: 5px; margin-right: 5px;}
.footbom a:hover{text-decoration: underline;}
.footbom span{margin-left: 5px; margin-right: 5px;}
.zkfl h4{font-size: 17px; margin-bottom: 25px;}
.zkfl ul li a{font-size: 14px; color: #aaa;}
.zkfl ul li{margin-bottom: 8px;}
.fotwfl .zkfl:nth-child(2){margin-left: 120px;}
.fotlx h4{font-size: 17px; margin-bottom: 25px;}
.fotlx p{line-height: 27px; color: #aaa; line-height: 27px;}






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