@charset "utf-8";
/*基础样式*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,select,option.textarea,submit,button,p,table,tr,th,td,span,a,img,article,aside,audio,canvas,datalist,details,eventsource,figure,figcaption,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video,fieldset{margin:0;padding:0;}
article,aside,audio,canvas,datalist,details,eventsource,figure,figcaption,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video {display:block;margin:0;padding:0;}
input,select,textarea,button{vertical-align:middle;}
body{font-size:14px; font-family:Microsoft Yahei,Verdana, Geneva, sans-serif;}
ul,li,ol{list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
table,td{ empty-cells:show; border-collapse:collapse;}
.clear{width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; clear:both;}
img{border:none;}
html,body{ width:100%; position:relative;}

a { text-decoration: none; outline: 0; blr:expression(this.onFocus = this.onblur()); -webkit-transition: .5s; -o-transition: .5s; transition: .5s;}
article, aside, dialog, footer, header, section, nav, figure, menu, audio, canvas, progress, video { display: block;}
a{outline:none; blr:expression(this.onFocus = this.onblur()); text-decoration:none; color:#333;}
a:hover{text-decoration:none;}

.top{ width:100%; float:left;}
.top_t{ width:100%; float:left; height:45px; background:#333;}
.zj{ width:1200px; margin:0px auto; clear:both;}
.top_tl{ float:left; height:45px; line-height:45px; line-height:45px; color:#fff;}
.top_tl{ float:left; height:45px; line-height:45px; line-height:45px; color:#fff;}
.top_tr{ float:right; height:45px; line-height:45px; color:#fff;}
.top_tr a{ color:#fff; padding-left:28px;}
.tubiao1{ background:url(../images/tubiao1.jpg) no-repeat left center;}
.tubiao2{ background:url(../images/tubiao2.jpg) no-repeat left center;}
.top_tel{ float:left; line-height:45px; color:#fff;}
.top_email{ float:left; line-height:45px; color:#fff; margin-left:15px;}
.top_k{ width:100%; float:left; height:100px;}
.logo{ float:left; margin-top:20px;}
.menu{ width:800px; float:right;}
.menu li{ width:133px; float:left; height:100px; line-height:100px; text-align:center; font-size:16px;}
.menu li a{ display:block; color:#333;}
.menu li a:hover{ color:#fff; background:#333;}

.banner{ width:100%; float:left; height:720px;}
.banner_n{ width:100%; float:left; height:350px;}

.pinpai{ width:100%; float:left; height:225px;}
.pinpai_k{ width:1160px; height:130px; border-style: solid; border-width: 0px 0px 4px 0px; border-color:#1c4999; box-shadow: 0px 0px 30px 0px rgb(0 0 0/15%); transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; margin: -90px auto 0px; padding: 50px 20px 45px 20px; position:relative; z-index:99999999999; background:#fff;}
.pinpai_kl{ width:289px; height:126px; float:left; border-right:1px .d7d7d9 solid;}
.pinpai_kr{ width:290px; height:126px; float:left;}
.pinpai_klt{ width:100%; float:left; text-align:center; font-size: 45px; font-weight: 700; color:#1c4999; line-height:90px;}
.pinpai_kln{ width:100%; float:left; text-align:center; line-height:36px; color:#7A7A7A; font-size: 18px;}

.bj{ width:100%; float:left;}
.box{ width:100%; float:left; padding:70px 0;}
.box3{ width:100%; float:left; padding:70px 0; background:#f1f1f1;}
.box4{ width:100%; padding:150px 0; float:left;}
.about{ width:100%; float:left;}
.about_l{ width:570px; float:left;}
.about_lt{ width:100%; font-size:28px; font-weight:bold; color:#333333;}
.about_lt span{ font-size:18px;}
.cq{ float:left; color:#1c4999;}
.about_ln{ width:100%; line-height:1.8; margin-top:40px; font-size:16px;}

.about_r{ width:600px; float:right;}

.about_cen{ width:180px; float:left; height:47px; margin-left:30px; margin-top:40px; background:#333; font-size:18px; text-align:center; line-height:47px;}
.about_cen a{ color:#fff; display:block;}
.about_cen a:hover{ background:#1c4999; outline:none;}


.box1{ width:100%; float:left; background:url(../images/pinpai.jpg) no-repeat; height:700px; background-attachment: fixed;}
.box1_k{ width:100%; float:left; height:580px; padding:60px 0; background-color:rgba(0,0,0,0.5);}
.zhuanjia{ width:470px; float:left;}
.zhuanjia_t{ width:100%; float:left; margin-top:60px; font-size:18px; color:#fff;}
.zhuanjia_b{ width:100%; float:left; margin-top:20px; color:#ffffff; font-size: 30px; font-weight: normal; text-transform: capitalize; line-height: 1.4em; letter-spacing: 1.2px;}
.zhuanjia_n{ width:100%; float:left; margin-top:35px; line-height:1.9; color:#fff;}

.zhuanjia_r{ width:600px; float:right;}
.ppzj{ width:280px; height:284px; padding:10px; float:left;}
.ppzj:hover .ppzj_k{ border-top:4px .1c4999 solid;}
.ppzj_k{ width:210px; height:210px; float:left; border-top:4px .6c6b7d solid; background:#fff; padding:35px; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; outline:none; blr:expression(this.onFocus = this.onblur());}
.ppzj_t{ width:70px; height:70px; margin:0px auto; clear:both;}
.ppzj_z{ width:100%; float:left; margin-top:9px; height:40px; line-height: 40px; font-size:20px; text-align:center;}
.ppzj_n{ width:100%; float:left; font-size: 12px; font-weight: normal; line-height: 1.6; margin-top:5px; text-align:center; color:#7A7A7A;}
.cq1{ background:#fff;}
.cq2{ background:#fff;}
.cq3{ background:#fff;}
.cq4{ background:#fff;}


.product{ width:100%; float:left; padding:0px 0 70px;}
.product_t{ width:100%; float:left;}
.product_ts{ width:100%; text-align:center; color:#7A7A7A; font-size:18px;}
.product_tz{ width:100%; text-align:center; font-weight:bold; color:#333; font-size:50px; margin-top:20px;}
.product_tb{ width:90px; height:4px; background:#1c4999; margin:15px auto; clear:both;}

.product_k{ width:100%; float:left; margin-top:20px; margin-bottom:30px;}
.pro{ width:374px; float:left; height:363px; margin:13px; border-style: solid; border-width: 0px 0px 0px 0px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13);}}
.pro:hover{ box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.18);}
.pro_t{ width:100%; float:left; height:240px;}
.pro_t img{ width:100%; height:240px;}
.pro_k{ width:334; float:left; height:83px; background:#fff; padding:20px;}
.pro_kt{ width:100%; float:left; font-size:18px; font-weight:bold;}
.pro_kt a{color:#333;}
.pro_kn{ width:100%; float:left; margin-top:19px; color:#777; line-height:1.5;}
.product_more{ width:200px; margin:0px auto; clear:both; height:55px; text-align:center; line-height:55px; font-size:20px; background:#333;}
.product_more a{ color:#fff; display: block;}
.product_more a:hover{ color:#fff; background:#1c4999;}

.box2{ width:100%; float:left; height:600px; background:url(../images/qiang.jpg) no-repeat center; background-attachment: fixed;}
.box2_k{ width:100%; float:left; height:600px; background-color:rgba(28,73,153,0.75);}
.sheji{ width:100%; float:left; margin-top:85px;}
.sheji_t{ width:100%; float:left; text-align:center; color:#fff; font-size:18px;}
.sheji_s{ width:100%; float:left; margin-top:20px; font-size:50px; line-height:1.4em; text-align:center; color:#fff;}
.sheji_n{ width:100%; float:left; margin-top:20px; color:#fff; text-align:center; font-size:16px;}

.hzkh {
  width: 100%;
  padding-top:45px;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}

/* 滚动动画定义 */
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* 内层滚动盒子 */
.hzkh-scroll {
  display: inline-flex;
  animation: scroll 35s linear infinite; /* 4s = 速度，越小越快 */
}

/* 单个项目样式 */
.hezuo { width:190px; height:85px; float:left; margin:0px 10px; border:1px #ccc solid; animation: scroll 10s linear infinite;
  display: inline-block;
  margin: 0 10px; /* 图片间距 */
}
.hezuo img {
  height: 85px; /* 你可以自己改高度 */
  width: 190px;
  display: block;
}


.slk{ width:100%; float:left; margin-top:-180px; margin-bottom:30px;}
.shili{ width:270px; height:310px; float:left; background:#fff; border-left:4px .d3b574 solid; padding:30px 50px; margin-right:19px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13);}}
.shili_t{ width:100%; float:left; line-height:100px; font-size:50px; font-weight:700; color:#1c4999;}
.shili_s{ width:100%; float:left; color:#333; line-height:35px; font-size:25px; font-weight:bold;}
.shili_n{ width:100%; float:left; margin-top:20px; line-height:1.8em; font-size:15px; color:#7a7a7a;}

.new_b{ width:100%; float:left; margin:30px 0;}
.new_bl{ width:600px; float:left;}
.new_blt{ width:100%; float:left; padding-bottom:15px;}
.news_l{ width:257px; height:204px; float:left;}
.news_l img{ width:257px; height:204px;}
.news_r{ width:320px; float:right;}
.news_rt{ width:100%; float:left; font-size:16px; font-weight:bold;}
.news_rt a{}
.news_rt a:hover{ color:#F00;}
.news_rz{ width:100%; float:left; color:#787878; margin-top:5px;}
.news_rn{ width:100%; float:left; font-size:15px; color:#787878; margin:10px 0; line-height:1.8;}
.news_rb{ width:100%; float:left;}
.news_rb a{ color:#030303;}
.news_rb a:hover{ color:#F00;}
.new_br{ width:520px; float:right;}
.new_brt{ width:100%; float:left; margin:8px 0;}
.news_t{ float:left; text-align:center; background:#333; font-size:32px; color:#fff; padding:15px;}
.news_t span{ font-size:16px;}
.news_z{ width:400px; float:right;}
.news_zt{ width:100%; float:left; font-size:18px; font-weight:bold;}
.news_zt a{ color:#373737;}
.news_zt a:hover{ color:#F00;}
.news_zb{ width:100%; float:left; margin-top:10px; line-height:1.7; color:#787878;}

.foot{ width:100%; float:left;}
.foot_t{ width:100%; float:left; background:#22202d; padding:35px 0;}
.contact{ width:400px; float:left;}
.contact_t{ width:100%; float:left; font-size:28px; font-weight:bold; color:#fff;}
.contact_n{ width:100%; float:left; margin-top:10px; line-height:1.9; color:#a0a0a0;}

.cpfl{ width:600px; float:left; margin-left:20px;}
.cpfl_n{ width:100%; float:left; margin-top:10px;}
.cpfl_n li{ width:200px; float:left; line-height:30px;}
.cpfl_n li a{ color:#a0a0a0;}
.cpfl_n li a:hover{ color:#fff;}

.kslj{ width:100%; margin-top:15px; float:left;}
.kslj_n{ width:100%; margin-top:15px; float:left;}
.kslj li{ margin:0 10px; float:left; width:40px; height:40px;}

.ewm{ width:147px; float:right; margin-top:20px;}
.ewm_r{ width:147px; height:147px; float:left;}
.ewm_r img{ width:147px; height:147px;}
.ewm_t{ width:100%; float:left; margin-top:10px; line-height:1.5; text-align:center; color:#a0a0a0;}

.foot_b{ width:100%; float:left; padding:15px 0; background:#1e1e1e;}
.foot_n{ width:100%; float:left; line-height:1.8; color:#a0a0a0;}

.contacter{ width:100%; float:left; margin-top:20px;}
.contacter_t{ width:100%; height:80px; float:left; background:#666666; font-size:26px; color:#fff; text-align:center; line-height:80px;}
.contacter_n{ width:218px; float:left; line-height:40px; border:1px #ccc solid; padding:15px;}

.right{ width:900px; float:right; border:1px #ccc solid;}
.right_t{ width:870px; float:left; border-bottom:1px #ccc dashed; padding:15px;}
.right_tz{ float:left; font-size:22px; }
.weizhi{ float:right; color:#666; line-height:45px;} 
.weizhz a{ color:#666;}
.weizhi a:hover{ color:#F00;}

.right_n{ width:100%; float:left; padding-bottom:30px;}
.right_wz{ width:860px; float:left; padding:20px; font-size:18px; line-height:2;}
.right_zz{ width:860px; float:left; padding:20px; font-size:22px; color:#4169e1; font-weight:bold;}

.newser{ width:100%; float:left; padding:15px;}
.newser li{ width:100%; height:40px; float:left; color:#989898; text-align:right; border-bottom:1px #ccc dashed; line-height:40px;}
.newser li a{ color:#333; float:left;}
.newser li a:hover{ color:#ce080f;}
.newser li span{ color:#ce080f; margin-right:5px; float:left;}

.biaoti{ width:100%; float:left; font-size:24px; font-weight:bold; margin-top:10px; text-align:center;}
.fabiao{ width:100%; float:left; margin-top:5px; text-align:center; color:#666; border-bottom:1px #ccc dashed; padding-bottom:5px;}

.abouter_n{ width:860px; float:left; padding:15px; line-height:1.9; font-size:15px;}
.abouter img{ max-width:100%;}
.fenpian{ width:860px; float:left; padding:15px; margin-top:30px;}
.fenpian_l{ width:100%; float:left; height:25px; line-height:25px; color:#333;}
.fenpian_l a{ color:#333;}
.fenpian_l a:hover{ color:#ff0000;}

.fenye{ width:100%; float:left; height:30px; line-height:30px; text-align:center; margin-top:40px;}
.fenye a{ padding:5px 8px; margin:0px 5px; border:1px #ccc solid;}
.fenye a:hover{ color:#fff; background:#ff0000;}

.bj1{ width:100%; float:left; padding:70px 0;}
.neiye{ width:100%; float:left;}
.neiye_t{ width:100%; float:left; text-align:center; font-size:40px; font-weight:bold;}

.lanmu{ width:100%; float:left; margin-top:30px;}
.lanmu_k{ width:100%; float:left; text-align:center;}
.lanmu_k a{ margin:30px 5px 0; padding:10px 30px; color:#fff; background:#333;}
.lanmu_k a:hover{ width:130px; height:45px; background:#1c4999; color:#fff;}
.lanmu_k a.on{ width:130px; height:45px; background:#1c4999; color:#fff;}

.lanmu_k1{ width:100%; float:left; text-align:center;}
.lanmu_k1 li{ float:left; width:130px; height:45px; line-height:45px; text-align:center; margin:5px 10px; background:#333;}
.lanmu_k1 li a{ color:#fff; display:block;}
.lanmu_k1 li a:hover{ color;.fff; background:#1c4999;}
.lanmu_k1 li.on a{ color:#fff; background:#1c4999;}

.dak{ width:100%; float:left; margin-top:40px; border-top:1px #ccc solid;}
.zk{ width:100%; float:left; height:45px; border-bottom:1px .333 solid;}
.abouter{ width:100%; float:left; margin-top:10px; line-height:2; font-size;16px;}

.contacter{ width:100%;}
.contacter_l{ width:750px; float:left;}
.contacter_r{ width:420px; float:right;}
.contacter_rt{ font-size:32px; font-weight:bold; color:#333;}
.contacter_rn{ width:100%; font-size:16px; line-height:1.8; color:#333;}

.fuwu{ width:100%;}
.youshi{ width:100%;}
.youshi_t{ width:100%; font-size:32px; text-align:center; font-weight:bold;}
.youshi_n{ width:100%; margin-top:30px;}
.shi{ width:280px; float:left; background:#f9fafb; margin:0px 10px; box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.2); padding:20px; box-sizing:border-box; height:215px;}
.shi_t{ width:49px; height:49px;}
.shi_z{ width:100%; margin-top:10px; font-size:20px; font-weight:bold;}
.shi_n{ width:100%; color:#999; margin-top:10px;}

.liucheng{ width:100%; padding:60px 0; background:#edf2fb; float:left;}
.liucheng_t{ width:100%; font-size:32px; text-align:center; font-weight:bold;} 
.liucheng_n{ width:100%; margin-top:30px; position:relative;}
.liu{ width:274px; height:274px; float:left; margin:0 13px; padding:25px; box-sizing:border-box; background:#fff; box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.1); padding:20px; box-sizing:border-box; border-radius:5px; position:relative; z-index:9999;}
.liu_t{ width:57px; height:57px; border-radius:50%; margin:0px auto; background:#00428e; line-height:57px; text-align:center; color:#fff; font-size:20px;}
.liu_z{ width:100%; margin-top:20px; height:58px; font-size:22px; text-align:center;}
.liu_n{ width:100%; margin-top:5px; color:#999; height:58px;}
.liu_bj{ width:27px; height:27px; margin:10px auto 0; clear:both;}
.lbj1{ background:url(../images/lbj1.jpg) no-repeat center;}
.lbj2{ background:url(../images/lbj2.jpg) no-repeat center;}
.lbj3{ background:url(../images/lbj3.jpg) no-repeat center;}
.lbj4{ background:url(../images/lbj4.jpg) no-repeat center;}
.liucheng_bj{ width:90%; height:3px; position:absolute; background:#c2d5fc; top:49%; left:5%; z-index:999;}