/*AVAIBLE_VI
[
{"vicolor":"#ee1217"},
{"vicolor":"#008573"},
{"vicolor":"#2A8FBD"},
{"vicolor":"#fdb933"}
]
AVAIBLE_VI*/
.message .message_button input,
.message .mess_su_sub{background-color:#2a8fbd;}
html{color:#000;background:#FFF;}
body{color:#666;font:12px/1.231 arial,helvetica,clean,sans-serif,"宋体";overflow-x:hidden;}
*{box-sizing:border-box;}

/*网站字体颜色*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,
img{border:0;}
address,
caption,
cite,
code,
dfn,
em,
th,
var,
optgroup{font-style:inherit;font-weight:inherit;}
del,
ins{text-decoration:none;}
li{list-style:none;}
caption,
th{text-align:left;}
q:before,
q:after{content:'';}
abbr,
acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
input,
button,
textarea,
select,
optgroup,
option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,
button,
textarea,
select{*font-size:100%;}
input,
select{vertical-align:middle;}
i,
em{font-style:normal;}
select,
input,
button,
textarea,
button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font-size:100%;border-collapse:collapse;}
pre,
code,
kbd,
samp,
tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*title*/
h1{font-size:32px;}
h2{font-size:26px;}
h3{font-size:20px;}
h4{font-size:14px;}
h5{font-size:12px;}
h6{font-size:10px;}
.mt10{margin-top:10px;}
a{color:#666;text-decoration:none;}
a:focus{outline:0;}
a:hover{text-decoration:none;}
.vam{vertical-align:middle;}
.clear{clear:both;height:0;line-height:0;font-size:0;}
.clearfix:after{content:"";clear:both;height:0;visibility:hidden;display:block;}
.clearfix{*zoom:1;}
p{word-spacing:-1.5px;}
.tr{text-align:right;}
.tl{text-align:left;}
.center{text-align:center;}
.fl{float:left;}
.fr{float:right;}
.pa{position:absolute;}
.pr{position:relative;}
body{word-break:break-all;margin:0 auto;width:100%;min-width:320px;}

/* -- 页面整体布局 -- */
.header,
.content,
.footer{width:100%;max-width:1200px;margin:0 auto;padding:0 15px;box-sizing:border-box;}

/*common*/
.mb10{margin-bottom:10px;}
.ml10{margin-left:10px;}
.bg{background:#FFF;}
em,
i{font-style:normal;}

/*头部开始*/
.topWrap{background:url(../images/h_top_bg.jpg) no-repeat center top;height:180px;overflow:hidden;}
.topWrap h5{font:14px "Microsoft Yahei";color:#dedede;height:42px;overflow:hidden;font-size:14px;line-height:35px;font-weight:normal;}
.topWrap h5 span{float:right;color:#dedede;height:42px;line-height:42px;}
.topWrap h5 span a{display:inline-block;padding:0 10px 0 25px;color:#dedede;}
.nr{height:139px;overflow:hidden;}
.nr h2{float:left;overflow:hidden;height:119px;padding:10px 0;display:table;font-size:0;}
.nr h2 span{display:table-cell;vertical-align:middle;}
.nr h2 img{max-width:360px;max-height:119px;display:inline-block;}
.nr h3{width:40%;float:left;font:22px/28px "Microsoft Yahei";color:#231815;font-weight:bold;padding-top:38px;padding-left:15px;box-sizing:border-box;}
.nr h3 span{display:block;height:35px;line-height:35px;overflow:hidden;}
.nr h3 em{display:block;color:#2a8fbd;height:28px;overflow:hidden;}
.nr p{width:30%;max-width:238px;margin-top:40px;line-height:24px;float:right;letter-spacing:10px;text-align:right;box-sizing:border-box;}
.nr p span{display:block;height:24px;font:14px/24px "Microsoft Yahei";color:#4d4d4d;overflow:hidden;}
.nr p em{display:block;height:38px;font:30px/38px "黑体";color:#231915;position:relative;letter-spacing:3px;overflow:hidden;}

/*头部结束*/

/**/
.banner{background:url(../images/banner2.jpg) no-repeat center center;background-size:cover;height:350px;max-width:1920px;margin:0 auto;overflow:hidden;}
.tit1{text-align:center;margin-bottom:30px;}
.tit1 span{display:block;height:36px;font:16px/36px "Microsoft Yahei";text-align:center;color:#8b8b8b;text-transform:uppercase;overflow:hidden;}
.tit1 strong{display:block;height:40px;font:bold 30px/40px "Microsoft Yahei";color:#000;overflow:hidden;margin-bottom:10px;}
.tit1 em{width:283px;height:1px;display:block;background:#ccc;margin:0 auto;position:relative;}
.tit1 em i{width:20px;height:3px;background:#2a8fbd;display:block;position:absolute;top:-1px;left:50%;margin-left:-10px;}

/*fa*/
.fa{min-height:540px;width:100%;max-width:1200px;margin:53px auto 0;padding:0 15px;box-sizing:border-box;overflow:hidden;}
.fa dl{width:25%;float:left;min-height:378px;background:url(../images/fa_line1.gif) no-repeat 14px 10px;background-size:1px 387px;box-sizing:border-box;padding:0 10px;}
.fa dt{width:72px;height:72px;overflow:hidden;border:1px solid #c3c3c3;position:relative;}
.fa dt img{width:72px;height:72px;}
.fa dt em{display:none;width:72px;height:72px;position:absolute;top:0;left:0;}
.fa dd{margin:40px 0 0 32px;}
.fa_desc{max-height:216px;overflow:hidden;font:14px/24px "Microsoft Yahei";color:#3c3c3c;padding-left:15px;}
.fa dd h3{font:20px/28px "Microsoft Yahei";font-weight:bold;color:#000;padding-left:15px;margin-bottom:12px;height:28px;overflow:hidden;}
.fa dd h3 span,
.fa dd h3 em{float:left;height:28px;overflow:hidden;}
.fa dd h3 span{width:90px;}
.fa dd h3 em{width:130px;font:12px/28px Arial,Helvetica,sans-serif;text-transform:uppercase;color:#d0d0d0;padding-left:8px;}

/*nl*/
.nl{height:630px;padding-top:54px;background:url(../images/nl_bg.jpg) no-repeat center top;background-size:1920px 684px;}
.nl01{float:left;width:295px;height:390px;padding:50px 50px 0;background:#fff;-webkit-box-shadow:0 8px 8px rgba(153,153,153,0.5);-moz-box-shadow:0 8px 8px rgba(153,153,153,0.5);box-shadow:0 8px 8px rgba(153,153,153,0.5);}
.nl02{float:right;width:685px;height:390px;padding:50px 50px 0;background:#fff;-webkit-box-shadow:0 8px 8px rgba(153,153,153,0.5);-moz-box-shadow:0 8px 8px rgba(153,153,153,0.5);box-shadow:0 8px 8px rgba(153,153,153,0.5);}
.nl p{max-height:288px;font:15px "Microsoft Yahei";line-height:36px;text-transform:uppercase;overflow:hidden;display:block;color:#000;line-height:36px;}
.nl02 p{width:49%;float:left;}
.nl02 p.nl02_p{float:right;}
.tit2{height:36px;margin-bottom:28px;overflow:hidden;}
.tit2 span,
.tit2 em{float:left;height:36px;font:26px/36px "Microsoft Yahei";overflow:hidden;font-weight:bold;}
.tit2 span{color:#2a8fbd;}
.tit2 em{padding-left:10px;color:#d2d2d2;text-transform:uppercase;}

/*lingh*/
.lingh{min-height:536px;margin-top:55px;overflow:hidden;}
.lingh p{min-height:248px;overflow:hidden;margin-top:30px;display:flex;flex-wrap:wrap;gap:15px 2.75%;}
.lingh p span{width:31.5%;height:58px;background:#eee;border:1px solid #e5e5e5;font:16px/58px "Microsoft Yahei";text-align:center;color:#323232;overflow:hidden;box-sizing:border-box;}
.lingh p span:hover{color:#fff;font-weight:bold;background:#2a8fbd;border:1px solid #2a8fbd;text-decoration:none;}
.lingh ul{height:109px;border:1px solid #c3c3c3;overflow:hidden;}
.lingh li{width:16.66%;height:84px;padding-top:25px;border-right:1px solid #c3c3c3;float:left;text-align:center;color:#2a8fbd;box-sizing:border-box;}
.lingh li span{display:block;height:36px;font:28px/36px "Microsoft Yahei";font-weight:bold;overflow:hidden;}
.lingh li em{display:block;height:24px;font-size:16px;line-height:24px;color:#303030;font-weight:bold;overflow:hidden;}
.lingh .nones{border:0;}

/*guan*/
.guan{height:291px;overflow:hidden;background:url(../images/guna2.jpg) no-repeat center top;background-size:1920px 291px;}
.dfl{float:left;width:548px;padding-top:1px;}
.dfl ul li{float:left;width:274px;height:144px;}
.dfl ul li img{width:274px;height:144px;}
.dfr{float:right;width:555px;}
.dfr h2{padding:50px 0 10px;}
.dfr h2 em{height:40px;display:block;font:bold 30px/40px "Microsoft Yahei";color:#000;text-align:center;padding-top:10px;overflow:hidden;}
.dfr h4{height:42px;background:#000;border-radius:15px;font:bold 30px/42px "Microsoft Yahei";color:#fff;text-align:center;overflow:hidden;}
.dfr p{height:40px;padding-left:10px;margin-top:20px;overflow:hidden;}
.dfr p span,
.dfr p em,
.dfr p a{float:left;overflow:hidden;height:40px;}
.dfr p span{width:120px;font:14px/40px "Microsoft Yahei";color:#000;}
.dfr p em{width:252px;font:30px/40px "Microsoft Yahei";color:#000;font-weight:bold;padding-left:8px;}
.dfr p a{width:127px;background:#2a8fbd;font:14px/40px "Microsoft Yahei";text-align:center;color:#fff;}

/*team*/
.team{min-height:560px;margin-top:55px;}
.team dl{margin-top:10px;min-height:198px;overflow:hidden;}
.team dt{height:30px;font:24px/30px "Microsoft Yahei";text-align:center;color:#000;overflow:hidden;}
.team dd{width:100%;max-width:730px;margin:20px auto 0;min-height:112px;font:16px/28px "Microsoft Yahei";text-align:center;color:#757575;overflow:hidden;padding:0 15px;box-sizing:border-box;}
.team2{position:relative;min-height:240px;overflow:hidden;}
.team2 li{width:23.5%;height:auto;float:left;margin-right:2%;}
.team2 li img{width:100%;height:auto;display:block;}
.team2 .nones{margin-right:0;}

/*hb*/
.hb{height:290px;padding-top:55px;overflow:hidden;background:#fafafa;}
.hb dl{height:230px;overflow:hidden;background:#fff;}
.hb dt{width:572px;height:230px;float:left;overflow:hidden;}
.hb dt img{width:572px;height:230px;}
.hb dd{width:545px;padding-right:40px;overflow:hidden;float:right;}
.hb dd h3{height:78px;}
.hb dd h3 span,
.hb dd h3 em{display:block;}
.hb dd h3 span{height:32px;font:24px/32px "Microsoft Yahei";color:#212121;font-weight:bold;padding-top:20px;overflow:hidden;}
.hb dd h3 em{width:45px;height:3px;background:#000;margin-top:20px;}
.hb dd p{height:104px;font:14px/26px "Microsoft Yahei";color:#212121;margin-top:20px;overflow:hidden;}

/*dinz*/
.dinz{height:95px;padding:60px 0;overflow:hidden;}
.dinz dl{height:95px;overflow:hidden;}
.dinz dt{float:left;width:600px;background:url(../images/icon.gif) no-repeat left top;background-size:94px 94px;padding:19px 0 19px 110px;}
.dinz dt em{display:block;height:56px;font:16px/28px "Microsoft Yahei";color:#000;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.dinz dd{width:450px;float:right;overflow:hidden;height:120px;}
.dinz dd p{float:left;width:135px;height:95px;background:#fafafa;margin-left:14px;}
.dinz dd span,
.dinz dd a{display:block;height:30px;text-align:center;font:20px/30px "Microsoft Yahei";overflow:hidden;}
.dinz dd span{color:#212121;padding-top:15px;}
.dinz dd a{font-weight:bold;color:#2a8fbd;}

/*底部开始*/
.footWrap{height:174px;overflow:hidden;background:url(../images/f_xxx.jpg) no-repeat top center;background-size:1920px 174px;}
.f_pic{float:left;height:134px;padding:20px 0;overflow:hidden;display:table;font-size:0;line-height:0;}
.f_pic span{display:table-cell;vertical-align:middle;}
.f_pic img{max-width:350px;max-height:134px;display:inline-block;}
.f_wz{float:left;font:14px/26px "Microsoft Yahei";color:#fff;padding:30px 0 0 30px;width:540px;overflow:hidden;position:relative;}
.f_wz a{color:#fff;}
.f_wz em{display:inline-block;padding:0 10px;}
.f_wz .p01{position:absolute;top:124px;left:440px;}
.f_wz .p02{position:absolute;top:115px;left:500px;}
.code{width:266px;margin-top:20px;}
.code p{width:114px;height:114px;float:left;margin-right:12px;background:url(../images/f_icon1.png) no-repeat center top;background-size:113px 115px;position:relative;text-align:center;}
.code p img{display:block;width:93px;height:95px;margin:10px 0 0 10px;}
.code p em{display:block;width:100px;height:16px;margin:0 auto;font:12px "Microsoft Yahei";color:#fff;padding:0 3px;overflow:hidden;}
.sidebar{position:fixed;bottom:50px;right:20px;z-index:99;width:50px;}
.sidebar-itme{width:50px;height:50px;margin-bottom:20px;position:relative;}
.sidebar-itme:hover span{display:block;}
.sidebar-itme span{display:none;width:66px;height:24px;font-size:12px;color:#666;text-align:center;line-height:24px;border-radius:4px;background-color:#eee;position:absolute;right:54px;top:50%;margin-top:-12px;}
.sidebar img{width:50px;height:50px;border-radius:50%;cursor:pointer;background-color:#2a8fbd;overflow:hidden;}
.sidebar .fh{display:none;}

/* ==================== 响应式样式 ==================== */
img{max-width:100%;height:auto;}

/* 平板 */
@media (max-width:1024px){
  .topWrap{height:150px;}
  .header h5{font-size:12px;height:30px;line-height:25px;}
  .nr{height:119px;}
  .nr h2{height:99px;}
  .nr h2 img{max-width:260px;max-height:95px;}
  .nr h3{font-size:18px;line-height:24px;padding-top:30px;}
  .nr h3 em{font-size:16px;}
  .nr p{margin-top:30px;letter-spacing:6px;}
  .nr p em{font-size:24px;}
  .banner{height:260px;}
  .tit1 strong{font-size:26px;line-height:36px;height:36px;}
  .fa_desc{font-size:13px;line-height:22px;}
  .fa dd h3{font-size:18px;}
  .lingh li span{font-size:22px;line-height:30px;height:30px;}
  .lingh li em{font-size:14px;}
}

/* 手机 */
@media (max-width:768px){
  .topWrap{height:auto;padding:10px 0;background:#fff;}
  .topWrap .blk,
  .topWrap{background-image:none;}
  .header h5{display:none;}
  .nr{height:auto;text-align:left;}
  .nr h2{float:left;display:table;width:auto;height:70px;padding:0;text-align:left;}
  .nr h2 span{display:table-cell;vertical-align:middle;}
  .nr h2 img{max-width:180px;max-height:70px;}
  .nr h3{float:left;display:block;width:auto;text-align:left;padding:12px 0 0 10px;margin:0;font-size:16px;line-height:20px;}
  .nr h3 span{height:22px;line-height:22px;}
  .nr h3 em{font-size:12px;height:20px;line-height:20px;}
  .nr p{float:right;display:block;width:auto;text-align:right;padding:0;margin:16px 0 0;letter-spacing:3px;}
  .nr p span{font-size:11px;height:18px;line-height:18px;}
  .nr p em{font-size:18px;height:26px;line-height:26px;letter-spacing:1px;}
  .banner{height:180px;}
  .fa{margin-top:30px;}
  .fa dl{width:50%;min-height:320px;background:none;padding:10px;}
  .fa_desc{padding-left:0;}
  .fa dd{margin:20px 0 0 15px;}
  .tit1 strong{font-size:22px;line-height:30px;height:30px;}
  .tit1 span{font-size:14px;}
  .lingh{margin-top:30px;}
  .lingh p span{width:48.5%;margin-bottom:10px;font-size:14px;height:50px;line-height:50px;}
  .lingh ul{height:auto;}
  .lingh li{width:33.33%;height:70px;padding-top:15px;border-bottom:1px solid #c3c3c3;}
  .lingh li.nones{border-right:0;}
  .lingh li:nth-child(3n){border-right:0;}
  .lingh li span{font-size:18px;line-height:24px;height:24px;}
  .lingh li em{font-size:12px;}
  .team{margin-top:30px;}
  .team dt{font-size:18px;line-height:26px;height:26px;}
  .team dd{font-size:13px;line-height:24px;}
  .team2 li{width:48%;margin-right:4%;}
  .team2 li.nones,
  .team2 li:nth-child(2n){margin-right:0;}

  /* 留言表单 */
  .message .content{width:100%!important;}
  .message .message_con{padding:20px 10px!important;background-size:cover!important;}
  .message li{width:100%!important;height:40px;font-size:18px;margin-right:0!important;margin-bottom:15px;}
  .message li input{width:calc(100% - 60px)!important;font-size:16px;}
  .message .message_title p{font-size:22px;height:28px;line-height:28px;}
  .message .message_title span{font-size:13px;}
  .message_button input{width:120px!important;font-size:16px!important;margin:0 5px!important;}
  .mess_success_con{width:90%!important;max-width:320px;height:200px;margin:-120px 0 0 -160px!important;left:50%;}
  .mess_su_txt{font-size:22px!important;line-height:60px!important;height:60px!important;}
  .sidebar{bottom:20px;right:10px;}
  .sidebar img{width:40px;height:40px;}
}

/* 小屏手机 */
@media (max-width:480px){
  .fa dl{width:100%;min-height:0;margin-bottom:20px;}
  .fa dd{margin:15px 0 0 0;}
  .banner{height:140px;}
  .lingh p span{width:48%;margin-bottom:10px;}
  .team2 li{width:100%;margin-right:0;margin-bottom:15px;}
  .lingh li{width:50%;}
  .lingh li:nth-child(2n){border-right:0;}
  .lingh li:nth-child(3n){border-right:1px solid #c3c3c3;}
  .message_button input{display:block;margin:5px auto!important;width:90%!important;}

  /* 头部继续按比例缩小 */
  .nr h2{height:55px;}
  .nr h2 img{max-width:140px;max-height:55px;}
  .nr h3{display:none;}
  .nr p{margin-top:12px;letter-spacing:2px;}
  .nr p span{font-size:10px;height:14px;line-height:14px;}
  .nr p em{font-size:14px;height:20px;line-height:20px;}
}