<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
html { font-family:"å¾®è½¯é›…é»‘"; font-size:14px;} 
html,body{ height:100%; }
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd, input,figure { margin: 0; padding: 0; }
body { -webkit-overflow-scrolling: touch; text-align:left;  max-height: 100%;  overflow:-Scroll;overflow-x:hidden}
a, a:hover { text-decoration: none; outline: none;  }
a{ color:#0b0808;}
p{ margin:0; padding:0;}
:link, :visited{text-decoration: none;}
ul,li { list-style: none }
img { border: none; max-width:100%;}
input, select, textarea { border: none; outline: none; background: none }
em,i { font-style: normal }
h1, h2, h3, h4, h5, h6 { font-weight: normal }
.clear{clear:both; width:100%; overflow:hidden;}
.clearfix::after{ clear: both; display: block; height: 0; content: '';}
/* clear */
.fn-clearfix:after { display: block; font-size: 0; content: '\0020'; clear: both; height: 0; }
.fn-clearfix { zoom: 1; /*for IE6 IE7*/ }
.fn-clear { visibility: hidden; clear: both; }
a{text-decoration: none; outline: 0; blr:expression(this.onFocus=this.blur()); }
::-ms-clear, ::-ms-reveal{display: none; }

.zj{ width:1200px; margin:0 auto; display:block;}
.fl{ float:left;}
.fr{ float:right;}

.headerTopWrap{ width:100%; height:32px; display:table; background:#f5f5f5; line-height:32px; color:#333; font-size:13px; border-bottom:1px solid #f4f4f4}
.headerTopWrap .headerTop{ width:1200px; display:table; margin:0 auto}
.headerTopWrap .topLink{ float:right}
.headerTopWrap .topLink a{ color:#666; margin:0 5px;}
.headerTopWrap .hy{ float:left}
.headerTopWrap .topLink a:hover{ color:#1c6cd8}
.headerTopWrap .topLink .k1 {    padding: 0 0 0;}

/*header*/
.header { width: 100%; display:table; margin: 0 auto; }
.home_k{ height:32px; line-height:32px; color:#928f8f; background:#f7f7f7; min-width:1200px; }
.hy{ width:730px; float:left;font-size:13px; padding-left:10px;}
.home{ margin-right:0px;  height:32px; float:right;}
.home a{ color:#928f8f; line-height:32px; margin:0 0px; width:88px;/* display:block; float:left;*/font-size:13px;}
.home img{ float:left; width:30px;}
.home span{ width:3px; float:left; margin:0 8px 0 5px;}
.home a:hover{ color:#00549b;}

.top{ width:1200px; margin:0 auto; padding:20px 0; display:table }
.top .logo{ width:750px;  float:left; height:76px; margin: 0 0;  }
.top .top_r{ float:right; height:64px; margin:6px 0 0}
.top .top_r .tel{ color:#737171; font-size:16px; line-height:48px; }
.top .top_r .tel h1{ font-size:32px; color:#1c6cd8; font-weight:bolder}
.top .top_r .tel h1 span{ font-size:16px; color:#333; display:table; line-height:20px; height:20px; font-weight:100;background: url(../images/tel.png) no-repeat center left; padding-left:25px }


.zy{ float:right; display:block; font-size:12px; color:#296fb7; padding:4px 0 6px; border-bottom:1px solid #296fb7;border-top:1px solid #296fb7; margin:28px auto;}	
.zy a{ padding:0 6px; color:#296fb7;}
.zy a:hover{ color:#f4a45d;}

.nav_k{ width:100%; display:table; margin:0 auto;background:#1c6cd8; height:56px;}

.navBar{ width:1200px; margin:0 auto;height:56px; line-height:56px; position:relative; z-index:9999;   }
.nav{ width:1200px; margin:0 auto; display:table; font-family:"Microsoft YaHei",SimSun,SimHei;  }
.nav h3{ font-size:100%; font-weight:normal;  }
.nav .m{  position:relative; float:left; width:132px; margin:0 0 0 0px; display:inline; text-align:center;   }
.nav .m:hover{ background:#0f5fcb;color:#fff; }
.nav h3 a{ font-size:16px;  zoom:1;  height:56px; line-height:56px; padding:0px ;  display: block; margin:0px auto 0; color:#fff; }
.nav h3 a:hover,.nav .m:hover h3 a{ color:#fff; }
	
.nav .sub{ display: none; /*é»˜è®¤éšè—*/ width:100%; padding: 0; /*border-top:3px solid #3d5cb9;*/ margin:0 ;  position:absolute; top:56px;  background-color: rgba(28, 108, 216, 0.9);  float:left; line-height:44px; }
.nav .sub li{ text-align:center;  }
.nav .sub li a{ color:#fff; display:block; zoom:1; font-size:15px;}
.nav .sub li a:hover{  background:#0f5fcb; color:#fff;   }

/* banner */
.fullSlide{ width:100%;  position:relative;  height:600px; background:#fff;  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:999; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important; }
.fullSlide .bd li{ width:100% !important;  height:600px; overflow:hidden; text-align:center; }
.fullSlide .bd li a{ display:block; height:600px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:9999; bottom:10px; left:0; height:22px; line-height:22px;}
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:2px 6px; overflow:hidden;   line-height:999px; border-radius:50%; border:2px solid #fff	}
.fullSlide .hd ul .on{ background:rgba(255, 255, 255, 0.9);}
.fullSlide .prev{  display:block;  position:absolute; z-index:1; top:40%; left:2%;  z-index:9999; width:70px; height:70px; background:url(../images/dot1.png) 0px 0px  no-repeat;  cursor:pointer;display:none;  }
.fullSlide .next{ display:block;  position:absolute; z-index:1; top:40%; left:2%;  z-index:9999; width:70px; height:70px; background:url(../images/dot2.png) 0px 0px  no-repeat;  cursor:pointer; display:none;  }
.fullSlide .next{ left:auto; right:2%;  }

img.lazy{background: url(../images/loading.gif) 50% no-repeat;}
.mt10{ margin-top:10px}
.mt15{ margin-top:15px}
.mt20{ margin-top:20px}
.ml10{ margin-left:10px}
.ml15{ margin-left:15px}
.ml20{ margin-left:20px}

/*特效集*/

@keyframes pulse {
 0% {transform: scale(1);}
 50% {transform: scale(1.2);}
 100% {transform: scale(1);}
}
/**/
.wrap{ width:100%; display:table;}
.k1{ padding:0 0 40px}

.bt{ text-align:center; color:#333333; font-size:30px; text-align:center; line-height:1.2; padding:50px 0  40px}
.bt h1{	font-size: 42px;	font-weight: bolder;	font-style: italic; color:#1c6cd8}

.cp_k{ width:1200px; margin:0 auto; display:table; padding:0px 0 20px;}
.cp_lk{ width:240px; float:left; display:table; box-sizing:border-box}
.cp_l{  background:#fff; width:100%; display:table; }
.cp_l1{ height:94px; text-align:center; width:100%; color:#fff; background:#1c6cd8;}
.cp_l1 h1{ font-size:28px; font-weight:bolder; line-height:46px; padding-top:15px;}
.cp_l1 h2{ font-size:13px; line-height:20px; text-transform:uppercase; opacity:.5}
.cp_l1 a{ width:104px; height:30px; font-size:14px; text-align:center; line-height:30px; color:#fff; border:1px solid #fff; display:block; margin:25px auto 0;}
.cp_l1 a:hover{ background:#fff; color:#005ab6;}

.cp_l_nav{  width:100%;box-sizing:border-box;padding:0px 0 0px ; margin:1px auto 0 auto ;/* border:1px solid #eeeded;*/ border-top:2px solid #1c6cd8;}
.cp_l_nav ul{ padding:8px 0 10px;}
.cp_l_nav ul li{ border-bottom:1px dashed #e0e0e0; height:56px; margin:0 auto 0; width:220px; border-radius:5px; display:table;-webkit-transition: all 0.5s;  -moz-transition: all 0.5s;    -o-transition: all 0.5s; transition: all 0.5s;}
.cp_l_nav ul li a{  width:96%;  display:block; padding:0 0 0 30px;  font-size:18px; color:#333; line-height:56px; height:56px;  margin:0px auto 0; background:url(../images/cp_fl1.png) no-repeat center left }
.cp_l_nav ul li a h1{ font-size:16px;}
.cp_l_nav ul li a:hover{ color:#1c6cd8;background:url(../images/cp_fl2.png) no-repeat center left  }
.cp_l_nav{ }
.cp_l_nav ul li a.on{color:#1c6cd8;background:url(../images/cp_fl2.png) no-repeat center left }

.cp_r{ width:952px; float:right;}
.cp_r ul{ padding-left:22px; display:table; width:100%; box-sizing:border-box}
.cp_r ul li{width:300px; display:block; color:#000000;float:left; margin:0 15px 6px 0;}
.cp_r ul li a{ width:300px;  margin:0 auto; display:block;}
.cp_r ul li:nth-child(3n+0){ margin-right:0;}
.cp_r ul li a h1{ font-size:16px;  color:#454444;line-height:54px; display:block; text-align:center;width:300px; margin:0 auto;}
.cp_r ul li a .cp_t{ width:300px; height:170px;  display:block; border:1px solid #d5d8d8;  overflow: hidden; box-sizing:border-box;}
.cp_r ul li a .cp_t img{  width:300px; height:170px; 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:#1c6cd8}
.cp_r ul li a:hover .cp_t{ border:1px solid #1c6cd8}

.cp_l_bj{ border-top:1px dashed #1c6cd8;  text-align:center; color:#333; width:204px; margin:0 auto; padding:18px 0 }
.cp_l_bj h1{ font-size:16px; padding:0px 0 5px}
.cp_l_bj h2{ font-size:25px; font-weight:bolder; background: url(../images/tel1.png) no-repeat center left; padding-left:36px; color:#1c6cd8}


.k2{ width:100%; display:table; background:url(../images/bj1.jpg) no-repeat center center; height:900px;}
.k2 .bt{ padding:80px 0 60px;}
.k2 .bt h3{ text-align:center; font-weight:bolder; font-size:42px; color:#333333; line-height:1; margin:0 0 10px}
.k2 .bt h3 span{color:#1c6cd8; }
.k2 .bt h2{ font-size:18px; color:#888888}
.ys{ width:1200px; display:table; margin:0 auto}
/* 本例子css */
.slideTxtBox{ width:815px; float: left; height:600px; position:relative}
.slideTxtBox .hd{   position:relative; height:600px; margin:0 0 50px; width:245px; float:left}
.slideTxtBox .hd ul{ float:left;  position:absolute;   }
.slideTxtBox .hd ul li{ float:left; padding:0 ; margin-right:30px; font-size:12px; color:#333333; line-height:1; cursor:pointer; width:100%; height:149.5px; background:#fff ; text-align:center; cursor:pointer }
.slideTxtBox .hd ul li  span{ font-size:13px; opacity:.4; display:table;text-transform:uppercase;  margin:0 auto; padding:8px 0 0}
.slideTxtBox .hd ul li h3{ font-size:24px; font-weight:bolder; padding:10px 0 0;}
.slideTxtBox .hd ul li.on{ background:#1c6cd8; color:#fff }
.slideTxtBox .hd ul li.on h3{ color:#fff}
.slideTxtBox .hd ul li i{ background:url(../images/ys_ico1.png) no-repeat center center; width:60px; height:60px; display:table; margin:15px auto 0 auto}
.slideTxtBox .hd ul li.on i{ background:url(../images/ys_ico11.png) no-repeat center center; }
.slideTxtBox .hd ul li:nth-child(2) i {background:url(../images/ys_ico2.png) no-repeat center center; }
.slideTxtBox .hd ul li:nth-child(3) i {background:url(../images/ys_ico3.png) no-repeat center center; }
.slideTxtBox .hd ul li:nth-child(4) i {background:url(../images/ys_ico4.png) no-repeat center center; }
.slideTxtBox .hd ul li:nth-child(2).on i {background:url(../images/ys_ico22.png) no-repeat center center; }
.slideTxtBox .hd ul li:nth-child(3).on i {background:url(../images/ys_ico33.png) no-repeat center center; }
.slideTxtBox .hd ul li:nth-child(4).on i {background:url(../images/ys_ico44.png) no-repeat center center; }

.slideTxtBox .bd{ padding:0;  zoom:1;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideTxtBox .arrow{  position:absolute; right:0px; bottom:0; }
.slideTxtBox .arrow a{ display:block;  width:119px; height:119px; float:right;  overflow:hidden;
			 cursor:pointer; background: url(../images/ys_jt1.png) no-repeat center center #c0cac9; }
.slideTxtBox .arrow .next{ background: url(../images/ys_jt2.png)no-repeat center center #b79950;  }
.ys_list{ width:490px; margin-left:50px; float:left; padding:55px 0 0}
.ys_list h1{ font-size:34px; color:#333333; line-height:1.5; padding:0 0 15px}
.ys_list h1 span{ font-size:18px; display:table; opacity:.5; text-transform:uppercase}
.ys_list h1 i{ width:65px; height:4px; background:#e6e6e6; display:table; margin:15px 0 0}
.ys_list .ys_w{ font-size:15px; line-height:30px; height:140px; display:table; color:#888888; padding:40px 0 50px}
.ys_list .ys_w p{ margin-bottom:10px; background:url(../images/ys_ico5.png) no-repeat left 5px ; padding-left:26px}
.ys_list .ys_tel{ width:100%}
.ys_list .ys_tel h2{ font-size:16px; color:#999999; background:url(../images/ys_ico6.png) no-repeat center left; padding-left:40px; line-height:30px; margin:0 0 30px}
.ys_list .ys_tel h3{ width:100%}
.ys_list .ys_tel h3 a{ display:table; float:right; padding:0 20px 0 50px ; color:#fff; background:url(../images/ys_ico7.png) no-repeat 15px center  #1c6cd8; line-height:48px; text-align:left; margin:5px 0 0}
.ys_list .ys_tel h3 span{ display:table; float: left; text-align:center; font-size:26px; color:#1c6cd8; font-weight:bolder; line-height:1}

.k3{width:100%; display:table; background:url(../images/bj2.jpg) no-repeat center center; padding:0 0 80px }
.jj{ width:1200px; display:table; margin:0 auto}
.jj_l{ float:left; width:595px; height:356px; display:table}
.jj_w{ width:560px; float:right; font-size:16px; color:#666666; line-height:32px}
.jj_w h1{ font-size:28px; color:#333; font-weight:bolder; padding:30px 0 20px}
.jj_w p{ height:192px; margin:0 0 32px}
.jj_w a{ width:160px; line-height:42px; font-size:14px; color:#fff; background:#1c6cd8; display:table; text-align:center; border-radius: 0 15px 0  0}

.k4{ width:100%; background:#f7f7f7  }
.al_Scroll1{width:1200px;height:400px;margin:0px auto 0;position:relative; padding:10px 0 0}
.al_Scroll1 .prev{width:60px; height:60px;position:absolute;top:140px;left:-60px;z-index:100; cursor:pointer; background:url(../images/case_jt.png) no-repeat; }
.al_Scroll1 .next{width:60px; height:60px;position:absolute;top:140px;right:-60px;z-index:100; cursor:pointer; background:url(../images/case_jt1.png) no-repeat;}
.al_Scroll1 .next:hover{  background:url(../images/case_jt11.png) no-repeat;}
.al_Scroll1 .prev:hover{  background:url(../images/case_jt0.png) no-repeat;}
.al_Scroll1 .scrollWrap{width:1200px; background: none; overflow:hidden;position:absolute;}
.al_Scroll1  dl{float:left;width:380px;text-align:center;position:relative; margin:0px 15px; }
.al_Scroll1  dl a{ width:380px; display:block;color:#3a3a3a; }
.al_Scroll1  dl a h1 { font-size:18px; width:100%; height:60px; line-height:60px; color:#333333; text-align:center; }
.al_Scroll1  dl a:hover{ color:#0179cf;  display:block;}
.al_Scroll1  dl a .cp_t{width:380px; height:266px; display:block;overflow: hidden; box-sizing:border-box;}
.al_Scroll1  dl a .cp_t img{width:380px; height:266px;display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.al_Scroll1  dl a:hover .cp_t img{transform: scale(1.08);}
.al_Scroll1  dl a:hover h1{ color:#1c6cd8 }


.k5{ width:100%; display:table; background:url(../images/bj3.jpg) no-repeat center center; height:683px;}
.k5 .bt{ padding:80px 0 60px;}
.k5 .bt h1{ text-align:center; font-weight:bolder; font-size:42px; color:#fff; line-height:1; margin:0 0 10px; font-style:inherit}
.k5 .bt span{ font-size:18px; color:#fff}
.zl{ width:1200px; display:table; margin:0 auto 50px; }
.zl li{ width:280px; float:left; margin:0 10px; background:#fff; padding:7px 0 0}
.zl li .zl_t{width:266px; height:172px; display: table; margin:0 auto;overflow: hidden; box-sizing:border-box;}
.zl li .zl_t img{width:266px; height:172px;display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.zl li .zl_t:hover img{transform: scale(1.08);}
.zl li h1{ font-size:22px; line-height:64px; text-align:center }

.zl_w{ width:100%; text-align:center; color:#fff; line-height:1.8}
.zl_w h1{ font-size:22px;}
.zl_w h2{ font-size:40px; font-weight:bolder}


.xw{ width:1200px; display:table; margin:0 auto}
.xw li{ width:450px; height:108px; display:table; float: right; margin:0 0 15px  0; border:1px solid #e8e8e8; box-sizing:border-box; padding:15px 15px 0; }
.xw li a{ color:#1e1e1e; width:100%; display:table; line-height:24px;}
.xw li a .time2{ width:70px; float:left; text-align:center; color:#878787; font-size:13px; border-right:1px solid #e8e8e8; padding-right:8px}
.xw li a .time2 h1{ font-size:40px; color:#333; line-height:45px }
.xw li a .time3{ font-size:13px; color:#878787; display:none}
.xw li a .xw_t{ width:346px; height:196px; display:table}
.xw li a .xw_t img{ width:346px; height:196px; display:table}
.xw li a .xw_w{ width:320px; float:right}
.xw li a .xw_w h1{ font-size:16px; color:#1e1e1e; margin:0px 0 5px}
.xw li a .xw_w p{ font-size:13px; color:#878787; height:48px; width:100%; overflow:hidden}
.xw li:nth-child(1),.xw li:nth-child(2){  margin:0 25px 15px  0; padding:0; height:387px;  width:346px; border:none; float:left}
.xw li:nth-child(1) .xw_w,.xw li:nth-child(2) .xw_w{ width:100%; padding:15px  0 0; box-sizing:border-box}
.xw li:nth-child(1) .xw_w .time1,.xw li:nth-child(2) .xw_w .time1{font-size:13px; color:#878787; padding: 0 0; margin:10px 0; display:table; background:url(../images/teme.png) no-repeat center right; height:36px; line-height:36px; width:100%}
.xw li a:hover .xw_w h1,.xw li a:hover .time2 h1 { color:#1c6cd8}
.xw_nav{ display:table; margin:0 auto; padding:0 0 40px 0}
.xw_nav a{ font-size:20px; color:#333333; padding:0 30px 0 20px;  text-align:center; height:60px; line-height:60px; background:#f4f4f4; height:60px; display: inline-block; margin:0 10px}
.xw_nav a i{ width:50px; height:60px; display: inline-block; background:url(../images/xw_ico1.png) no-repeat center center; float:left; margin-right:10px}
.xw_nav a:hover{ background:#1c6cd8; color:#fff}
.xw_nav a:nth-child(2) i{background:url(../images/xw_ico2.png) no-repeat center center;}
.xw_nav a:nth-child(3) i{background:url(../images/xw_ico3.png) no-repeat center center;}
.xw_nav a:hover:nth-child(2) i{background:url(../images/xw_ico22.png) no-repeat center center;}
.xw_nav a:hover:nth-child(3) i{background:url(../images/xw_ico33.png) no-repeat center center;}
.xw_nav a:hover:nth-child(1) i{background:url(../images/xw_ico11.png) no-repeat center center;}


.fotter{ background: url(../images/fott.jpg) no-repeat center top; width:100%; display:table; color:#fff;}
.fotter a{ color:#fff;}
.fo{ width:1200px; margin:0px auto 0 auto; display:table; padding:44px 0 0 ; height:294px; box-sizing:border-box}
.fo_n{ width:540px; float:left}
.fo_n li{ width:80px; float:left; text-align:center; margin-right:100px}
.fo_n li h1{ font-size:17px; line-height:1; padding:0 0 10px}
.fo_n li a{ font-size:14px; color:#a4a4a4; display:table; line-height:30px; width:100%; text-align:center}
.fo_w{ width:110px; display:table; float:right; line-height:1}
.fo_w img{ width:110px; display:table}
.fo_c{ width:490px; float:left; font-size:14px; color:#b0b0b0; line-height:30px; margin-left:30px}
.fo_c h1{ font-size:40px; font-weight:bolder; font-style:italic; line-height:1; color:#fff; margin:0 0 10px}

.fo2{ color:#fff;vertical-align:middle;display: table; text-align:center; font-size:13px; text-align:center;  margin:0 auto; width:100%;line-height:30px; padding:5px 0;   opacity:.7}
.fo2 a{color:#fff; margin:0 5px }
.fo2 .fo_lj{  width:122px; display: inline-block; height:30px;vertical-align:middle}
.fo2 .fo_lj img{ display:table; padding:2px 0 0 }



.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;}



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