﻿@charset "utf-8";
/* CSS Document */
.list_ban{width:100%;float:left;height:300px;background:url("../images/list_ban.jpg");margin-bottom:30px;text-align:center;}

.let{width:280px;float:left;margin-bottom:30px;}
.subnav_tit{
	width: 100%;
    float: left;
    height: 100px;
    background: #073984 url(../images/let_bg.png) no-repeat 0px bottom;
    position: relative;
	}
.show_about  div{
	
	line-height: 2;
	
}
	
	
	
	
.subnav_tit h2{color:#fff;font-size:22px;position:absolute;left:30px;top:17px;}
.subnav_tit h2:before{width:44px;height:2px;background:#fff;bottom:-15px;}
.subnav_tit em{color:#fff;position:absolute;left:30px;bottom:20px;text-transform:uppercase;}

.list_subnav ul{width:calc(100% - 2px);float:left;border:solid 1px #E1E1E1;border-top:0px;}
.list_subnav li{
width: 100%;
    float: left;
    line-height: 55px;
    position: relative;
    border-bottom: 1px solid #e1e1e1;
}
.list_subnav li h2{font-size: 15px;position:relative;z-index:2;text-indent:25px;}
.list_subnav li.yes h2,.list_subnav li:hover h2{color:#0E8EE9;font-size:16px;text-indent:40px;transition:460ms;}
.list_subnav li:after{width:30px;height:18px;background:url("../images/nav_bg.png") no-repeat;background-size:30px;right:0px;top:17px;visibility:hidden;transition:460ms;opacity:1;}
.list_subnav li:before{height:0;width:0;border-color:transparent transparent transparent #0E8EE9;border-style:solid;border-width:4px;left:10px;top: 20px;transition: 0.3s ease-out;opacity: 1;}
.list_subnav li.yes{background:rgba(14,142,233,.20);}
.list_subnav li.yes:after,.list_subnav li:hover:after{visibility:visible;right:20px;opacity:1;}
.list_subnav li:hover:before,.list_subnav li.yes:before{left:25px;opacity:1;}

.hot_goods{width:100%;float:left;margin-top:20px;}
.hot_goods h2{width:100%;float:left;text-indent:38px;line-height:40px;color:#0E8EE9;background:url("../images/ico.png") no-repeat 6px -602px;background-size:22px;}
.hot_goods ul{width:calc(100% - 10px);padding:10px;padding-left:0px;padding-top:0px;float:left;background:#F8F7F6;}
.hot_goods li{width:calc(50% - 10px);float:left;margin-left:10px;margin-top:10px;position:relative;}
.hot_goods li i{width:100%;float:left;overflow:hidden;}
.hot_goods li h3{width:100%;float:left;font-size:14px;line-height:30px;height:30px;overflow:hidden;}
.hot_goods li:hover {background:#fff;}
.hot_goods li:hover h3{width:calc(100% - 10px);padding:0 5px;transition:460ms;}
.hot_goods li:before{width:0px;;height:1px;left:0px;bottom:0px;background:#0E8EE9;transition:660ms;}
.hot_goods li:hover:before{width:100%;}

.hot_new{width:100%;float:left;position:relative;margin-top:10px;}
.hot_new h2{font-size:20px;color:#0E8EE9;text-indent:38px;margin-top:10px;height:30px;line-height:30px;background:url("../images/ico.png") no-repeat 6px -565px;background-size:22px;}
.hot_new ul{width:100%;float:left;margin-top:10px;background:#F8F7F6;}
.hot_new li{width:calc(100% - 20px);float:left;padding:5px 0;border-bottom:dotted 1px #D0D0D0;position:relative;margin-left:10px;}
.hot_new em{width:20px;height:20px;line-height:20px;float:left;margin-right:10px;font-size:20px;position:relative;color:#999;text-align:center;top:5px;}
.hot_new h3{font-size:14px;line-height:30px;height:30px;overflow:hidden;}
.hot_new li:nth-child(1) em{color:#E7540C;}
.hot_new li:nth-child(2) em{color:#0E8EE9;}
.hot_new li:nth-child(3) em{color:#00D1FF;}
.hot_new li:last-child{border-bottom:0;}

.rit{width:77%;float:right;margin-bottom:30px;}
.list_goods{width:100%;float:left;}
.list_goods ul{margin-left:-20px;}
.list_goods li{width:calc(33.3% - 20px);float:left;margin:0px 0 20px 20px;position:relative;overflow:hidden;background:#fff;}
.list_goods li i{width:100%;float:left;position:relative;overflow:hidden;}
.list_goods li b{width:100%;height:calc(100% - 40px);position:absolute;background:rgba(0,0,0,.4);left:0;top:0;visibility:hidden;}
.list_goods li img{position:relative;}
.list_goods li h2{width:100%;float:left;font-size:16px;line-height:40px;height:40px;position:relative;z-index:2;}
.list_goods li em{color:#fff;position:absolute;left:50%;top:42%;z-index:3;margin-left:-27px;margin-top:-12px;visibility:hidden;}
.list_goods li em:before{width:100%;height:30px;border-bottom:solid 1px rgba(255,255,255,.80);border-top:solid 1px rgba(255,255,255,.80);left:0px;top:-5px;z-index:1;transition:600ms;}
.list_goods li:hover em:before{width:10px;border-bottom:solid 1px #fff;border-top:solid 1px #fff;left:50%;margin-left:-5px;}

.list_goods li:before{width:30px;height:2px;background:#0E8EE9;left:0px;bottom:0px;transition:300ms;}
.list_goods li:after{height:0;width:0;border-color:transparent transparent transparent #0E8EE9;border-style:solid;border-width:3px;right:10px;bottom:15px;transition:600ms;visibility:hidden;}
.list_goods li:hover b{visibility:visible;}
.list_goods li:hover h2{color:#0E8EE9;}
.list_goods li:hover:before{width:100%;left:0px;}
.list_goods li:hover:after{right:5px;visibility:visible;}
.list_goods li:hover em{visibility:visible;}
.list_goods li a:hover img{transform:scale(1.1);transition:660ms;}

.list_fanga{width:100%;float:left;}
.list_fanga ul{margin-left:-20px;}
.list_fanga li{width:calc(33.3% - 20px);float:left;margin:0px 0 20px 20px;position:relative;}
.list_fanga li i{width:100%;float:left;overflow:hidden;position:relative;}
.list_fanga li i:before{width:100%;height:100%;background:rgba(14,142,233,.50);visibility:hidden;}
.list_fanga li p{font-size:12px;line-height:20px;height:40px;overflow:hidden;}
.list_fanga li h2{font-size:18px;line-height:40px;position:relative;}
.list_fanga li em{color:#fff;position:absolute;left:50%;top:42%;z-index:3;margin-left:-27px;margin-top:-12px;visibility:hidden;}
.list_fanga li em:before{width:100%;height:30px;border-bottom:solid 1px rgba(255,255,255,.80);border-top:solid 1px rgba(255,255,255,.80);left:0px;top:-5px;z-index:1;transition:300ms;}
.list_fanga li:hover em:before{width:10px;border-bottom:solid 1px #fff;border-top:solid 1px #fff;left:50%;margin-left:-5px;}
.list_fanga li:hover em{visibility:visible;}
.list_fanga li:hover i:before{visibility:visible;}
.list_fanga li b {position:relative;display:inline-block;vertical-align:middle;border-bottom:solid 5px #0E8EE9;width:5px;margin-right:5px;transition:460ms;}
.list_fanga li a:hover b {width:23px;border-bottom:solid 2px #0E8EE9;}

.list_news{width:100%;float:left;position:relative;}
.list_news li{width:100%;float:left;position:relative;background:#fff;padding-bottom:15px;margin-bottom:15px;border-bottom:dashed 1px #E1E1E1;}
.list_news li i{
	width: 25%;
    float: left;
    overflow: hidden;
    margin-right: 20px;
    height: 170px;
}
.list_news li h2{
	position: relative;
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 600;
    color: #464646;
	}
.list_news li p{height:44px;line-height:22px;overflow:hidden;font-size:12px;}
.list_news li time{position:absolute;bottom:10px;color:#999;font-size:12px;}
.list_news li span{font-size:22px;display:block;color:#333;}
.list_news li em{padding-bottom:10px;border-bottom:solid 2px #E1E1E1;position:absolute;right:0px;bottom:15px;}
.list_news li em:before{width:0px;height:2px;background:#0E8EE9;bottom:-2px;transition:460ms;}
.list_news li a:hover img{transform:scale(1.1);transition:460ms;}
.list_news li:hover em:before{width:100%;}
.list_news li:hover h2{text-indent:15px;transition:460ms;}
.list_news li h2:before{height:0;width:0;border-color:transparent transparent transparent #0E8EE9;border-style:solid;border-width:3px;left:220px;top:8px;visibility:hidden; opacity:0;transition:460ms;}
.list_news li:hover h2:before{left:242px;visibility:visible;opacity:1;}

.show_title{width:100%;float:left;position:relative;margin-bottom:20px;text-align: center;}
.show_title h1,.show_title h5{font-size:26px;line-height:32px;}
.show_title p{margin-top:10px;font-size:14px;line-height:26px;}
.show_title c{color:#DB2B24;}
.show_title b{padding-left:20px;margin-left:15px;background:url("../images/show.png") no-repeat 0px 2px;background-size:16px;}
.show_title .i1{background-position:0 -26px;}
.show_title .i2{background-position:0 -54px;}

.show_body{width:100%;float:left;}
.show_body h2{font-size:20px;line-height:34px;font-weight:bold;margin-top:10px;position:relative;padding-bottom:16px;}
.show_body p{font-size:16px;line-height:26px;margin-top:10px;color:#333;padding-left:20px;text-indent: 2rem;}
.show_body a{color:#0E8EE9;font-weight:bold;}
.show_body a:hover{color:#229AF2;}
.show_body img{width:auto;margin:0 auto;display:table;float:none;max-width:100%;border-radius:6px;}
.show_body table{width:800px;margin-top:20px;}
.show_body table tr{border:solid 1px #D4D7D9;border-left:0;}
.show_body table td{padding:8px;border-left:solid 1px #D4D7D9;}
.show_body table td:nth-child(1){width:30%;background:#EEEFF0;text-align:right;padding-right:15px;}

.show_tag{width:100%;float:left;padding:10px 0px;border-bottom:solid 1px #E1E1E1;border-top:solid 1px #E1E1E1;margin:20px 0;background:url("../images/tag.png") no-repeat 0px center;background-size:20px;}
.show_tag dt{float:left;margin-left:30px;}
.show_tag dt a{padding:3px 10px;float:left;margin-right:10px;border-radius:3px;color:#0E8EE9;}
.show_tag dt a:hover{background:#0E8EE9;color:#fff;}
.show_tag dd{float: left;font-size: 15px;color:#999;margin-left: 16px;}

.show_next{width:100%;float:left;position:relative;}
.show_next dt{width:70%;float:left;}
.show_next dt a{width:100%;float:left;position:relative;height:30px;line-height:30px;overflow:hidden;}
.show_next dt span{color:#666;}
.show_next dd {float:right;margin-top:16px;}
.show_next dd a{float:left;position:relative;padding:10px 25px;background:#F8F7F6;right:0;bottom:5px;border-radius:6px;font-size:12px;}
.show_next dd a:hover{background:#E5EDF4;}
.show_next dd a:before{height:16px;width:20px;right:-9px;top:10px;background:url("../images/pag_next.png") no-repeat 0 -26px;}

.show_about{width:100%;float:left;text-indent: 2rem;}
.show_about p{font-size:16px;margin-bottom:10px;text-indent:2em;color:#222;line-height:30px;}
.show_about h2{font-size:20px;line-height:34px;font-weight:bold;margin:10px 0;position:relative;}
.show_about img{width:auto;margin:0 auto;display:table;float:none;max-width:100%;border-radius:6px;}
.show_about a{color:#0E8EE9;font-weight:bold;}
.show_about a:hover{color:#229AF2;}

.show_case{width:100%;float:left;}
.show_case p{width:calc(50% - 20px);float:left;font-size:16px;margin-bottom:10px;color:#222;line-height:30px;padding-left:20px;position:relative;}
.show_case p:before{height:0;width:0;border-color:transparent transparent transparent #0E8EE9;border-style:solid;border-width:4px;left:5px;top:11px;}

.show_body img{width:auto;margin:0 auto;display:table;float:none;max-width:100%;border-radius:6px;}
.show_about ul{width:100%;float:left;margin-top:20px;padding:30px 0px;background:rgba(14,142,233,.1);}
.show_about li{width:33.3%;float:left;text-align:center;position:relative;}
.show_about li span{font-size:32px;color:#0E8EE9;margin-right:10px;}
.show_about li h3{font-size:14px;padding-top:30px;position:relative;}
.show_about li h3:before{width:30px;height:2px;background:#0E8EE9;top:15px;left:50%;margin-left:-15px;}
.show_about li:after{width:1px;height:80px;background:#80C4FE;left:0px;top:0px;}
.show_about li:nth-child(1):after{display:none;}

.list_contact{width:100%;float:left;margin-bottom:10px;}
.list_contact li{width:40%;float:left;margin-bottom:30px;}
.list_contact li i{width:40px;height:40px;float:left;margin-right:15px;background:url("../images/lx.png") no-repeat;background-size:20px;border-radius:30px;border:solid 1px #E5EDF4;}
.list_contact li:nth-child(1) i{background-position:center 10px;}
.list_contact li:nth-child(2) i{background-position:center -25px;}
.list_contact li:nth-child(3) i{background-position:center -60px;}
.list_contact li:nth-child(4) i{background-position:center -95px;}
.list_contact li:last-child{width:80px;position:absolute;right:0px;top:0px;text-align:center;border:solid 1px #E1E1E1;padding:6px;border-radius:3px;}

.anchorBL{display:none;}
.ditu{width:100%;float:left;height:400px;position:relative;}
#map{width:100%;height:100%;float:left;}
.BMap_bubble_content{line-height:30px;}
.BMap_bubble_content span{font-size:18px;color:#DA2921;}
.mapweiz{position:absolute;z-index:3;left:50%;top:250px;margin-left:-45px;font-size:14px;color:#007CC2;}

/*招聘样式*/
.job_box{width:100%;float:left;}
.job_tit{width:100%;float:left;background:#70BC5F;}
.job_tit li{float:left;line-height:40px;color:#fff;}
.job_tit li:nth-child(1),.list_job .job_zw li:nth-child(1){width:60%;text-indent:10px;}
.job_tit li:nth-child(2),.list_job .job_zw li:nth-child(2){width:20%;}
.job_tit li:nth-child(3),.list_job .job_zw li:nth-child(3){width:15%;}
.list_job{width:100%;float:left;}
.list_job .job_zw{width:100%;float:left;margin-top:1px;background:#F8F7F6;cursor:pointer;position:relative;}
.list_job .job_zw li{float:left;line-height:36px;position:relative;}
.list_job .job_zw li:last-child{height:0;width:0;border-style:solid;border-width:5px;border-color:#333 transparent transparent transparent;position:absolute;right:15px;top:10px;}
.list_job[display_status="1"] .job_zw{background:#E1E1E1;}
.list_job[display_status="1"] .job_zw li{color:#70BC5F;}
.list_job[display_status="1"] .job_zw li:nth-child(1){font-weight:bold;}
.list_job[display_status="1"] .job_zw li:last-child{border-color:transparent transparent #70BC5F transparent;}
.jpost{width:calc(100% - 42px);float:left;padding:20px;margin-bottom:10px;background:#fff;border:solid 1px #E1E1E1;display:none;}
.jpost h2{margin:10px 0;}
.jpost p{color:rgba(51,51,51,.90);line-height:26px;text-indent:20px;font-size:14px;}

[class*=" chrgi-"], [class^=chrgi-] {font-family:chroma-ui;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.chroma-screen {width:100%;height:100%;display:none;top:0;left:0;position:fixed;touch-action:none;z-index:9999;overflow:hidden;}
.chrg-dof-body {filter:blur(0);transition:filter .5s ease-in-out;}
.chrg-dof-effect {filter:blur(10px)}
.chroma-screen .chrg-bg, .chroma-screen .chrg-content, .chroma-screen .chrg-wrap {position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}
.chroma-screen .chrg-bg {opacity:0;transition:opacity .35s ease-in-out;background-color:#000;will-change:opacity;touch-action:none}
.chroma-screen .chrg-ui {width:100%;position:absolute;top:0;left:0;height:40px;opacity:0;transition:opacity .35s ease-in-out;background:linear-gradient(to bottom, rgba(0,0,0,.2) 0, rgba(0,0,0,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00000000', GradientType=0 );will-change:opacity;z-index:2}
.chroma-screen .chrg-ui a {width:38px;height:38px;float:right;position:relative;border-radius:100%;display:block;cursor:pointer;background:rgba(0,0,0,.95);padding:0;border:0;margin:10px 10px 0 0;transition:all .25s ease-in-out;}
.chroma-screen .chrg-ui a:before{content:"";width:16px;height:16px;position:absolute;left:11px;top:11px;z-index:1;background:url("../images/pbl.png") no-repeat 0 0px;background-size:100%;}
.chroma-screen .chrg-ui a:nth-child(1):before{background-position:0 -80px;}
.chroma-screen .chrg-ui a:nth-child(2):before{background-position:0 -53px;}
.chroma-screen .chrg-ui a:nth-child(3):before{background-position:0 -27px;}
.chroma-screen .chrg-ui a:nth-child(1){background-color:#B70000;}
.chroma-screen .chrg-ui a:hover {box-shadow:0 3px 8px 0 rgba(0,0,0,.3);background-color:rgba(0,0,0,.35);color:rgba(255,255,255,1)}
.chroma-screen .chrg-imgwrap {position:absolute;top:0;left:0;transform-origin:0 0;backface-visibility:hidden;will-change:transform, -webkit-transform, -moz-transform, -ms-transform, -o-transform;z-index:1;}
.chroma-screen .chrg-imgwrap img {position:absolute;width:100%;height:100%;display:block;top:0;left:0;backface-visibility:hidden;}
.chrg-loader, .chrg-loader-line-wrap, .chrg-loader-line-wrap-wrap {top:0;width:42px;position:absolute;left:0;}
.chrg-animation {transition:all .35s;}
.chrg-loader {bottom:0;height:25px;margin:auto;display:none;right:0;}
.chroma-gallery {width:100%;margin:0 auto;display:table;min-width:200px;min-height:200px;display:none;}
.chroma-gallery .chrg-loadicon {visibility:hidden;font-size:0;display:block;}
.chroma-gallery img {display:none;}
.chroma-gallery .chrg-grid:after {content:'';display:block;clear:both;}
.chroma-gallery .chrg-item {opacity:0;cursor:pointer;transition:opacity .4s ease-in-out;will-change:opacity}
.chroma-gallery .chrg-item img {width:100%;display:block;}
.chroma-gallery .chrg-item:hover img {filter:grayscale(1);}
.chroma-gallery .chrg-description {display:block;background:rgba(0,0,0,.4);position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .4s ease-in-out, filter .4s ease-in-out;}
.chroma-gallery .chrg-description:hover {opacity:1}
.chroma-gallery .chrg-description p{width:100%;position:absolute;font-size:18px;height:20px;line-height:20px;color:#fff;bottom:10px;text-align:center;}
.chroma-gallery .chrg-description:before{width:50px;height:50px;background:rgba(0,81,151,.7) url("../images/pbl.png") no-repeat center -66px;background-size:24px;left:50%;top:50%;margin-left:-25px;margin-top:-25px;border-radius:30px;transform:scale(0);}
.chroma-gallery .chrg-description:hover:before{transform:scale(1);transition:460ms;}

/*分页样式开始*/
.paging {width:100%;float:left;}
.pc_page{width:100%;float:left;text-align:center;margin:20px 0;}

.pc_page li {display:inline-block;;width: 35px;line-height: 35px;text-align:center;margin: 2px;color:#8E8E8E;border:solid 1px #E6E6E6;}
.pc_page li:last-child{
    width: 100px;
}
.pc_page li.pages_solid{
    color:#B09163;border: solid 1px #B09163
}
.pc_page li:hover a {color:#B09163;border: solid 1px #B09163}
.pc_page .prev,.pc_page .next{width:66px;padding:0;height:26px;margin-right:0;line-height:26px;color:#8E8E8E;border:solid 1px #E6E6E6;}
.pc_page .prev:hover,.pc_page .next:hover{border:solid 1px #B09163;}
.pc_page .first,.pc_page .end {display:none;}

.m_page {width:100%;float:left;height:30px;background:#fff;position:relative;margin-top:10px;}
.m_page a{width:30%;line-height:30px;height:30px;background:url(../images/m_page.png) no-repeat;background-size:14px;font-size:12px;text-align:center;position:absolute;top:0;}
.m_page p{text-align:center;margin-top:5px;color:#666;}
.m_page b{color:#940D13;padding-right:18px;position:relative;}
.m_page b:before{width:1px;height:11px;transform:rotate(25deg);background:#999;left:auto;right:8px;top:5px;}
.m_page a.m_page_left{background-position:10px 10px;}
.m_page a.m_page_right{right:0;background-position:90% -12px;}
/*分页样式结束*/
.curmb{
    padding-bottom: 10px;
    border-bottom: 1px solid rgb(230, 230, 230);
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.curmb .curtit{
    font-size: 21px;
    font-weight: bold;
}
.curmb .curmbnav{
    background:url(../images/homev.png) no-repeat;
    background-size: 25px 25px;
    display: flex;
    align-items: center;
    padding-left: 28px;
    font-size: 15px;
}
.map .map_item {
    margin-bottom:10px;
  }
  .map .map_item span {
    line-height:30px;
    font-size:16px;
  }
  .map .map_item ul {
    display:flex;
    flex-wrap: wrap;
  }
  .map .map_item ul li {
    padding: 10px;
    width: unset !important;
    margin: 0 !important;
  }
  .map a{
    color:#333
  }
  .map .map_item ul li a {
    height: unset !important;
    width: unset !important;
  }
  .webinfo{
      line-height: 25px;
      font-size: 14px;
      margin:10px;
  }
  .relate-title {
    border-bottom: 1px solid #eeeeee;
    font-size: 14px;
    line-height: 2.857;
    margin-bottom: 20px;
}

.relate-title span {
    display: inline-block;
    color: #0092d6;
    padding: 0 7px;
    font-size: 18px;
    border-bottom: 3px solid #0092d6;
}
.xypg-relate .relate-news {
    margin-top: 10px;
}
.relate-news-list{
    margin:20px 0;
    width: 100%;
    float: left;
}
.relate-news-list li {
    float: left;
    width: 48%;
    position: relative;
    line-height: 2.7;
    font-size: 14px;
    color: #0092d6;
    border-bottom: 1px dashed #eaeaea;
}

.relate-news-list li:nth-child(even) {
    float: right;
}

.relate-news-list li a {
    display: block;
    padding-right: 125px;
    color: #666666;
}



.relate-news-list li span {
    position: absolute;
    right: 0;
    top: 2.5px;
    width: 125px;
    text-align: right;
    font-size: 12px;
    color: #666666;
}

.relate-news-list li:hover a {
    color: #0092d6;
}

.relate-news-list li:hover a:before {
    color: #0092d6;
}

.relate-news-list li:hover span {
    color: #0092d6;
}
.relate-product {
    float: left;
    width: 100%;
}
div#dituContent{
    margin-bottom: 30px;
}
div#dituContent img {
    width: unset !important;
    max-width: unset;
}
.show_contact p{
    font-size: 14px;
    text-indent: 1em;
    font-weight:normal;
    margin-bottom: 5px;
}