/* CSS Document */
body{
	line-height:180%;
	margin:0px auto;
	/* background:url(../images/bodyback.jpg) repeat-x; */
	font-size:12px;
	 width:100%;
	 font-family:"Microsoft Yahei"; color: #555;
    background: #ffffff;
}
p,ul,big,small,b,span,font,h2,h1,dl,dd{;padding:0px;margin-top:0px;margin:0px;}
ul{padding:0px;margin-top:0px;margin:0px;}
li{ list-style:none;}
ul{list-style:none;}
a { color:#000000; text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{ color:#F00; text-decoration:none ;}
.wrap{ width:100%; max-width:1400px; margin:0 auto ; text-align:left;}
img{ border:none}
.fl{ float:left}
.fr{ float:right}
.h20{ height:20px; clear:both;}
.h10{ height:10px; clear:both;}
.clear{ clear:both}
.clear2{ clear:both; height:20px;}
input{ outline:none; font-family:"Microsoft Yahei";}


.nbanner{width:1920px;left:50%;margin-left:-400px; position:relative; width: 1920px;
    left: 50%;
    margin-left: -960px;}
.nbanner img{  width:100%; display:block;}
.nbanner{ text-align:center; position:relative;  }
.nbanner .nbannertxt{ position:absolute; width:100%; color:#fff; top:40%; line-height:1; }
.nbanner .nbannertxt font{ font-size:40px;}
.nbanner .nbannertxt p{ font-size:20px;}

.ztitle{ text-align:center; padding-top:20px; padding-bottom:8px; }
.ztitle font{ font-size:24px; display:block; margin-bottom:5px; line-height:24px;}
.ztitle span{ display:inline-block; width:400px; border-bottom:#ddd 1px solid; height:10px;}
.ztitle small{ font-size:16px; display:inline-block; background:#fff; padding:0px 10px;}
.menu2 { text-align:center; padding:20px 0;}
.menu2 a{ display:inline-block; padding:10px 20px; font-size:14px; border:#ddd 1px solid; border-radius:5px; margin:0 5px;}
.menu2 a:hover ,.menu2 a.on{ background:#1f5ba3; color:#fff;}
.menu3{ background:#f9f9f9; height:64px; border-bottom:#e7e7e7 1px solid; text-align:center}
.menu3 a{ display:inline-block; line-height:64px;  font-size:18px; padding:0px 18px;}
.menu3 a:hover,.menu3 a.on{ background:#4e5556; color:#fff;}

.indexabout{ background:#eee;padding:40px 0;}
.indexabout .indexabout-box{ display:flex;}
.indexabout .indexabout-box .indexabout-box-txt .indexabout-box-txt-in{padding:0 30px 0 0}
.indexabout .indexabout-box .indexabout-box-txt .indexabout-box-txt-in h2{ font-size:34px; padding:0;margin:0;}
.indexabout .indexabout-box .indexabout-box-txt .indexabout-box-txt-in h3{font-size:26px; padding:0;margin:0;padding:15px 0 25px 0;}
.indexabout .indexabout-box .indexabout-box-txt .indexabout-box-txt-in .indexabout-box-p{ font-size:16px; font-weight:100; line-height:2; text-align:justify;}
.indexabout .indexabout-box .indexabout-box-txt{ width:50%; display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center;}
.indexabout .indexabout-box .indexabout-box-img{ width:50%;}
.indexabout .indexabout-box .indexabout-box-img img{ width:100%}

.indexabout .indexabout-box1{ display:flex; margin-top:50px;padding:30px 0; position:relative;}
.indexabout .indexabout-box1:before{ background:#fff; content:" "; position:absolute; right:0; top:0; height:100%; width:80%; z-index:1;}
.indexabout .indexabout-box1 .indexabout-box-txt .indexabout-box-txt-in{padding:0  30px 0 30px}
.indexabout .indexabout-box1 .indexabout-box-txt .indexabout-box-txt-in h2{ font-size:34px; padding:0;margin:0;}
.indexabout .indexabout-box1 .indexabout-box-txt .indexabout-box-txt-in h3{font-size:26px; padding:0;margin:0;padding:15px 0 25px 0;}
.indexabout .indexabout-box1 .indexabout-box-txt .indexabout-box-txt-in .indexabout-box-p{ font-size:16px; font-weight:100; line-height:2; text-align:justify;}
.indexabout .indexabout-box1 .indexabout-box-txt{ width:50%; display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center; position:relative; z-index:3;}
 .indexabout .indexabout-box1 .indexabout-box-img{ width:50%; position:relative; z-index:2;}
.indexabout .indexabout-box1 .indexabout-box-img img{ width:100%}

@media only screen and (max-width: 768px){
	.index-section{padding:20px 0;}
	.indexabout .indexabout-box{ display:block; margin:20px;}
	.indexabout .indexabout-box .indexabout-box-txt,.indexabout .indexabout-box .indexabout-box-img{width:auto;}
	.indexabout .indexabout-box .indexabout-box-img{margin-top:20px;;}
	.indexabout .indexabout-box .indexabout-box-txt .indexabout-box-txt-in{padding:0;}
	 
	.indexabout .indexabout-box1{ display:block; margin:20px;}
	.indexabout .indexabout-box1 .indexabout-box-txt,.indexabout .indexabout-box1 .indexabout-box-img{width:auto;}
	.indexabout .indexabout-box1 .indexabout-box-img{margin-top:20px;;}
	.indexabout .indexabout-box1 .indexabout-box-txt .indexabout-box-txt-in{padding:0;}
	.indexabout .indexabout-box1:before{ background:none;}
}

/******************************
 ** 内页架构
 ******************************/
.sidebar { float:left; width:20%; }
.side-menu { position: relative;    }
 
 .bg1{ background:#efefef}
 .bgfff{ background:#fff;}
/* 通用 */
.index-section {
    padding: 83px 0;
}

.index-tit {
    text-align: center;
    margin-bottom: 30px;
}

.index-tit .tit-e {
    font-size: 38px;
    font-weight: 700;
    color: #eeeeee;
    position: relative;
    line-height: 42px;
}
.index-tit p{ margin-top:20px;}
.index-tit .tit-e::before {
    
}

.index-tit .tit-e::after {
   
}

.index-tit h3 {
    font-size: 36px;
    font-weight: 700; color:#000; line-height:1;
}
@media (max-width:1024px) {
.index-tit .tit-e {font-size: 38px;line-height: 42px;}
.index-tit h3 {font-size: 28px;}
}
@media (max-width:524px) {
.index-tit .tit-e {font-size: 16px; }
.index-tit h3 {font-size: 22px;}
}


.z-about h2{ font-weight:900; color:#000;}
.z-about-p { font-size:16px; line-height:2;}

@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1360px;
}
}
.hr10{ clear:both; height:10px;}
.hr20{ clear:both; height:20px;}
.hr30{ clear:both; height:30px;}
.hr40{ clear:both; height:40px;}
.f24{ font-size:24px;}.f20{ font-size:20px;}
.f18{ font-size:18px;}
.f16{ font-size:16px;}
.f14{ font-size:14px}
 .text_center{ text-align:center;}
 .row{ margin-left:-15px; margin-right:-15px;}
 .rowitem{ margin-left:15px; margin-right:15px;}
 .rowitem img{ max-width:100%;}
 .col_3{ width:33.3%; float:left;}
 .col_4{ width:25%; float:left;}
 .col_2{ width:50% ; float:left;}
 .col_5{ width:20% ; float:left;}
 .col_6{ width:16.66667% ; float:left;}
 
 .zttitle{ text-align:center;}
 .zttitle .zbig{ font-size:36px; margin-bottom:4px;}
 .zttitle .zsmall{ font-size:20px; line-height:48px;}
 .zttitle .zsmall:before{ content:" "; width:300px; height:1px; background:#ddd; display:inline-block; margin-right:15px; position:relative; top:-5px;}
 .zttitle .zsmall:after{ content:" "; width:300px; height:1px; background:#ddd; display:inline-block; margin-left:15px;position:relative; top:-5px;}


 .part1{ padding:40px 0;}
 .part1 ul li { text-align:center; font-size:16px; line-height:2; padding:40px 0 0}
 .part1 ul li p{ line-height:2;}
 
 
.part4 ul li p{ font-size:16px; text-align:center; line-height:2; margin-bottom:15px;}

.side-title{ background:#1f5ba3; color:#fff;   line-height:1}
.side-title big{ display:block; font-size:20px;  padding:25px 24px 25px 24px; background:url(../img/icon01.png) no-repeat 200px center; }
.side-title small{ display:block; font-size:18px;}

.side-list ul{border-left:#ddd 1px solid;border-right:#ddd 1px solid; }
.side-list li{ border-bottom:#ddd 1px solid; line-height:44px; }
.side-list li a{ font-size:14px; background:url(../images/arr1.png) left center no-repeat; background-position:220px; padding-left:24px; display:block;}
.side-list li:hover a,.side-list li.on a{ color:#fff; background:url(../images/arr2.png) left center no-repeat #274583; background-position:200px;}

 
.side-head { height:34px; line-height:34px; padding:10px 0 10px 10px; font-size:20px; background:none;  }
.side-con { margin-bottom:20px; position:relative; top:20px; }
.side-con .side-head { height:35px; line-height:35px; background:#1f5ba3; }
.side-con .side-head h2 { font-size:16px; font-weight:normal; color:#fff; padding:0 0  0 15px; }
.side-con .main { padding:10px 10px 15px; line-height:25px; border:1px solid #ddd;background: #fff; border-radius:0 0 5px 5px; }
.side-con .main img{ max-width:100%; margin-bottom:5px;}

.maincon{ float:right; width:78%; }
.location { height:35px; border-bottom:1px solid #ddd; position:relative; line-height:35px; margin-bottom:10px;  }
.location font { font-size:20px; float:left; color:#000;  }
.location .io {   float:right;color:#666; }
.location .io b { color:#999; }
.content { padding:20px; border:1px solid #ddd; margin-bottom:20px; }
.article{font-size:14px; line-height:2;}


.list-news1 li{ line-height:35px; border-bottom:#ececec 1px solid; overflow:hidden;}
.list-news1 li a{ float:left; background:url(../images/arr1.png) left center no-repeat; padding-left:15px; display:block}
.list-news1 li span{ float:right; color:#666}

.list-news2 li{  overflow:hidden; padding-bottom:1%; margin-top:2%; border:#f2f2f2 1px solid; background:#fff; padding:3% 2% ; box-shadow: 0px 0px 24px rgba(0, 0, 0, .1);}
.list-news2 li.odd{  }
.list-news2 li span{ display:block; overflow:hidden; margin-bottom:5px;}
.list-news2 li span a{ font-size:16px; line-height:1; float:left;display:block; font-weight:900;}
.list-news2 li span font{ float:right}
.list-news2 li p{ font-size:12px; line-height:180%;}

.list-news3 li{border-bottom:#ececec 1px solid; overflow:hidden; padding-bottom:2%; margin-bottom:2%}
.list-news3 li a.litpic{ float:left; display:block; width:20%;}
.list-news3 li a.litpic img{ width:100%;}
.list-news3 li span{ float:right; display:block; width:78%;}
.list-news3 li.noimg span{ width:100%; float:none}
.list-news3 li span a{ font-size:16px; line-height:200%; margin-bottom:5px;}
.list-news3 li span font{ display:inline-block; margin-top:5px;}

.list-news4 li{border-bottom:#ececec 1px solid; float:left; overflow:hidden;  width:32%; margin-right:2%; margin-bottom:2%; padding-bottom:2%;}
.list-news4 li.last{ margin-right:0;}
.list-news4 li a.litpic{   display:block; }
.list-news4 li a.litpic img{ width:100%; height:160px;}
.list-news4 li span{   display:block; }
.list-news4 li.noimg span{ width:100%; float:none}
.list-news4 li span a{ font-size:14px; height:40px; line-height:40px; overflow:hidden; display:block; }
.list-news4 li span font{ display:inline-block; margin-top:5px;}


/* shownews*/
.vtitle{ font-size:22px; line-height:30px; text-align:center; padding-top:20px;  margin-bottom:20px;  color:#000;;}
.vdes{  text-align:center; color:#A8A6A6; border-bottom:1px dotted #CCCCCC;border-top:1px dotted #CCCCCC; ; margin-bottom:10px; padding:4px 0;}
.ArticleMessage a:link{ text-align:center;color:#A8A6A6;}
.vcon{  line-height:180%; padding:10px 10px; }
.vcon img{ max-width:100%;}
.vpages { border:#f1f1f1 1px solid; background:#f7f7f7; padding:10px; }

ul,li{ margin:0; padding:0; list-style:none}
/*简单产品列表*/
.prolist ul{ margin:0 -15px;}
.prolist li{ float:left; margin-top:10px; width:33.3%;  }
.prolist li .item{ margin:15px 15px 0 15px;}
.prolist li a.txt{ display:block; text-align:center; line-height:35px; background:#eee; font-size:16px; line-height:35px;}
.prolist li a.img{ display:block; position:relative;  }
.prolist li a.img:before{content:""; display:block; padding-top:75%}
.prolist li a.img img{ height:100% ; position:absolute; width:100%;top:0; left:0; display:block; width:100%;}
.prolist li:hover a.txt{ background:#000; color:#fff;}

/*简单产品列表*/
.prolist1 ul{ }
.prolist1 li{ float:left; margin-top:10px; width:32%; margin-right:2%; position:relative;height:180px; }
.prolist1 li.last{ float:right; margin-right:0;}
.prolist1 li a.txt{ display:block; text-align:center; line-height:36px; position:absolute; bottom:0px; left:0; color:#fff; width:100%; font-size:14px; z-index:3}
.prolist1 li a.img{ display:block;    height:180px;}
.prolist1 li span{position:absolute; bottom:0px; left:0; width:100%; background:#000; z-index:2; background:#000; height:36px;/* older safari/Chrome browsers */  
    -webkit-opacity: 0.8;  
    /* Netscape and Older than Firefox 0.9 */  
    -moz-opacity: 0.8;  
    /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/  
    -khtml-opacity: 0.8;  
    /* IE9 + etc...modern browsers */  
    opacity: .8;  
    /* IE 4-9 */  
    filter:alpha(opacity=80);  
    /*This works in IE 8 & 9 too*/  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  
    /*IE4-IE9*/  
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  }
 
/*面包屑导航*/
.vpos{ height:40px; line-height:40px; border-bottom:#d9d9d9 1px solid;}
.vpos font{ float:left; font-size:18px; margin-left:10px;}
.vpos span{ float:right; margin-right:10px;}
 

.footer { background:#2b4284; padding:10px 0 10px;color: #343434;border-bottom: 2px solid #0d2872;position: relative; text-align:center; color:#fff; }
.footer a{color: #fff;}

.z-ys .zimg{ width:40%; background:#000; height:500px;}
.z-ys .zbox{ background:#eee; width:50%; }
.z-ys .zbox .zbox_in{ padding:50px;}
.hot-keys:after, .xypg-download-list .download-title:after, .xypg-download-list .download-item:after, .xypg-download-list .download-item .download-item-span:after, .xypg-job-list .job-title:after, .xypg-job-list .job-item:after, .xypg-job-list .job-item .job-item-span:after, .xypg-detail-info-bar:after, .xypg-detail-info-bar .xypg-file-down .file-down-list li:after, .xypg-detail-pn div:after, .xypg-detail-file-dwon:after, .product-detail-tab .product-detail-tabli:after, .tag-list-product .tag-wz .tab-fenli:after {
    content: "";
    display: table;
    clear: both;
}.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
/* 详细页分页样式 */
.paging_num {
    padding: 10px 0;
}

.paging_num a {
    padding: 0 7px;
    text-align: center;
    display: inline-block;
    border: 1px dashed #e0e1dc;
    color: #666;
    margin-right: 8px;
}

.paging_num a.paging_hover, .paging_num a:hover {
    border-color: #df1432;
}

/*内页详情页面公用样式*/
.xypg-detail-title {
    font-size: 20px;
    color: #363636;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.7;
}

.xypg-detail-info-bar {
    font-size: 14px;
    font-family: Arial;
    color: #9e9e9e;
    line-height: 35px;
    border-bottom: 1px dashed #cfcfcf;
    margin-bottom: 20px; overflow:hidden;
}

.xypg-detail-info-bar .baidu-share {
    float: left;
    margin-left: 25px;
    margin-top: 7px;
}

.xypg-detail-info-bar .detail-info-time {
    float: left;
    margin-right: 20px;
    position: relative;
    padding-left: 25px;
}

.xypg-detail-info-bar .detail-info-time i {
    position: absolute;
    width: 20px;
    height: 20px;
    top: calc(50% - 10px);
    left: 0;
}

.xypg-detail-info-bar .detail-info-time i:after {
    opacity: .5;
    background-position: 0 -360px;
}

.xypg-detail-info-bar .detail-info-numbers {
    float: left;
    position: relative;
    padding-left: 25px;
}

.xypg-detail-info-bar .detail-info-numbers i {
    position: absolute;
    width: 20px;
    height: 20px;
    top: calc(50% - 10px);
    left: 0;
}

.xypg-detail-info-bar .detail-info-numbers i:after {
    opacity: .5;
    background-position: 0 -330px;
}

.xypg-detail-info-bar .xypg-file-down {
    float: right;
    position: relative;
}

.xypg-detail-info-bar .xypg-file-down .file-down-title {
    cursor: pointer;
    position: relative;
    padding-left: 25px;
}

.xypg-detail-info-bar .xypg-file-down .file-down-title i {
    position: absolute;
    width: 20px;
    height: 20px;
    top: calc(50% - 10px);
    left: 0;
}

.xypg-detail-info-bar .xypg-file-down .file-down-title i:after {
    background-position: 0 -630px;
}

.xypg-detail-info-bar .xypg-file-down .file-down-title:hover {
    color: #df1432;
}

.xypg-detail-info-bar .xypg-file-down .file-down-list {
    position: absolute;
    z-index: 9999;
    width: 250%;
    right: 0;
    background: #fff;
    display: none;
}

.xypg-detail-info-bar .xypg-file-down .file-down-list li {
    padding: 10px 0;
    border-top: 1px dashed #cfcfcf;
}

.xypg-detail-info-bar .xypg-file-down .file-down-list li .icon {
    float: left;
    font-size: 40px;
    line-height: 40px;
    margin-right: 5px;
    height: 40px;
}

.xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con {
    overflow: hidden;
    line-height: 1;
}

.xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con p {
    font-size: 12px;
    margin-bottom: 0;
    line-height: 20px;
}

.xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con a {
    font-size: 12px;
}

.xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con a:hover {
    color: #df1432;
}

.xypg-detail-con-title {
    margin: 20px 0 10px 0;
}

.xypg-detail-con-title span {
    display: inline-block;
    font-size: 18px;
    color: #df1432;
}

.xypg-detail-con {
    font-size: initial;
    color: #333;
    line-height: 1.7; clear:both;
}

.xypg-detail-con img, .xypg-detail-con p img {
    width: auto !important;
    max-width: 100%;
    height: auto !important;
}

.xypg-detail-tags {
    margin-top: 40px;
}

.xypg-detail-tags .tags-title {
    border-bottom: 1px solid #c3c3c3;
    position: relative;
}

.xypg-detail-tags .tags-title h3 {
    display: inline-block;
    padding: 0 30px;
    font-size: 16px;
    color: #df1432;
    line-height: 40px;
    border-bottom: 3px solid #df1432;
    margin-bottom: -1px;
}

.xypg-detail-tags .tags-title .baidu-share {
    position: absolute;
    right: 0;
    top: 8px;
}

.xypg-detail-tags .tags-content {
    padding-top: 12px;
}

.xypg-detail-tags .tags-content a {
    font-size: 12px;
    color: #2f2f2f;
    display: inline-block;
    margin-right: 9px;
    background: #f4f4f4;
    line-height: 28px;
    padding: 0 15px;
}

.xypg-detail-tags .tags-content a:hover {
    color: #df1432;
}

.xypg-detail-url {
    margin-top: 15px;
}

.xypg-detail-url a {
    word-break: break-all;
}

.xypg-detail-article p {
    margin: 10px 0 20px 0;
    line-height: 24px;
}

.xypg-detail-pn {
    margin-top: 30px;
}

.xypg-detail-pn div + div {
    margin-top: 15px;
}

.xypg-detail-pn div {
    line-height: 22px;
    padding: 10px;
    position: relative;
    border: 1px solid #eeeeee;
}

.xypg-detail-pn div b {
    font-size: 14px;
    color: #df1432;
    float: left;
    font-weight: normal;
}

.xypg-detail-pn div a {
    float: left;
    width: 75%;
    font-size: 14px;
    color: #666666;
}

.xypg-detail-pn div a:hover {
    color: #df1432;
}

@media (max-width: 600px) {
    .xypg-detail-pn div a {
        width: 60%;
    }
}

@media (max-width: 600px) {
    .xypg-detail-pn div a {
        width: 50%;
    }
}

.xypg-detail-pn div span {
    position: absolute;
    right: 20px;
    top: 11px;
    font-size: 14px;
    color: #666666;
}

/*相关产品 和 相关新闻*/
.xypg-relate {
    margin-top: 45px;
}

.relate-title {
    border: 1px solid #eeeeee;
    font-size: 14px;
    line-height: 2.857;
    margin-bottom: 15px;
}

.relate-title span {
    display: inline-block;
    color: #df1432;
    padding: 0 1.4em;
    border-right: 1px solid #eeeeee;
}

.relate-product-slick {
    position: relative;
}

.relate-product-slick .owl-item {
    display: block;
    font-size: 0;
}

.relate-product-slick .owl-item .img {
    display: block;
    margin-bottom: 8px;
}

.relate-product-slick .owl-item p {
    margin-bottom: 0;
    padding: .5em 0;
    font-size: 12px;
    color: #df1432;
    text-align: center;
}

.relate-product-slick .owl-item:hover p {
    color: #df1432;
}

.relate-product-slick .owl-nav button.owl-prev, .relate-product-slick .owl-nav button.owl-next {
    width: 25px;
    height: 35px;
    color: #fff;
    font-size: 20px;
    margin-top: -17.5px;
    line-height: 35px;
}

.relate-product-slick .owl-nav button.owl-prev span, .relate-product-slick .owl-nav button.owl-next span {
    display: inline;
}

.xypg-relate .relate-news {
    margin-top: 45px;
}

.relate-news-list li {
    float: left;
    width: 48%;
    position: relative;
    line-height: 2.143;
    font-size: 14px;
    color: #df1432;
}

.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 a:before {
    content: '+';
    font-weight: bold;
    font-size: 16px;
    line-height: 1;
    margin-right: 5px;
}

.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: #df1432;
}

.relate-news-list li:hover a:before {
    color: #df1432;
}

.relate-news-list li:hover span {
    color: #df1432;
}

@media (max-width: 990px) {
    .xypg-relate {
        display: none;
    }
}

/*新闻详情页*/
/*案例基本详情页*/
.xypg-case-detail .main-img {
    text-align: center;
}

.xypg-case-detail .main-img img {
    max-width: 100%;
}

/* 招聘详情页面 */
.xypg-jod-detail .job-detail-title {
    font-size: 16px;
    color: #ffffff;
    background: #df1432;
    line-height: 60px;
    padding-left: 25px;
}

.xypg-jod-detail .job-detail-con {
    background: #f8f8f8;
    padding: 25px;
}

.xypg-jod-detail .job-detail-small-title {
    font-size: 16px;
    color: #df1432;
    margin-bottom: 10px;
}

.xypg-jod-detail .job-detail-con-box {
    font-size: 14px;
    color: #666666;
    margin-bottom: 20px;
}

.xypg-jod-detail .job-detail-btn a {
    display: inline-block;
    font-size: 14px;
    color: #ffffff;
    background: #666666;
    width: 200px;
    line-height: 50px;
    text-align: center;
    border-radius: 5px;
}

.xypg-jod-detail .job-detail-btn a:hover {
    background: #df1432;
}



.pc{ display:block;}
.wap{ display:none}
@media only screen and (max-width: 768px){
	.pc{ display:none;}
.wap{ display:block}
.footer_right2_qcode{ float:left; margin-right:15px; margin-left:30px;text-align:center;}
.zplist_div_2{ float:left; width:16%;}
.zplist_box{ padding-top:30px;padding-bottom:30px;padding-left:1px;padding-right:1px;}
.rowbox_erweima{position:absolute; background:#002b9e; padding:20px; top:-120px; left:-25px; display:none;}
.about_yanfashili{ background:url(../img/ditu01.jpg) center; color:#fff; text-align:center; padding:100px 0 120px 0; background-size:100% 100%;}




	.phone-menu{ background:#fff; height:50px; padding:0 5px; position:relative;}
	.phone-menu-logo{ float:left; margin-top:5px; }
	.phone-menu-logo img{ height:30px;}
	.phone-menu-btn{ float:right; width:24px; margin-top:15px;}
	.phone-menu-btn span{ display:block; height:3px; margin-bottom:5px; background:#022d93;}
	.phone-menu-btn.on{margin-top: 22px;}
	.phone-menu-btn.on span{ margin-bottom:-3px;}
	.phone-menu-btn.on span:nth-child(2){ display:none;}
	.phone-menu-btn.on span:nth-child(1){transform: rotate(45deg);}
	.phone-menu-btn.on span:nth-child(3){transform: rotate(135deg);}
	.phone-nav_vr{ float:right; background:url(../img/vrbg.png); color:#fff; background-size:100% 100%; color:#fff; line-height:34px; width:60px; text-align:center; margin-top:7px; margin-right:10px;}
.phone-nav_vr a{ display:block; font-size:12px; color:#fff; font-weight:900;}

.phone-menu-xl{ position:absolute; top:50px; display:none; left:0; width:100%; background:#022d93; z-index:2222222222;}
.phone-menu-xl-box{ padding:10px;}
.phone-menu-xl-box li{ float:left; width:50%;}
.phone-menu-xl-box li a{ display:block; padding-left:2%; line-height:3; color:#fff; border-bottom:#c4c4c4 1px solid; font-size:14px;;}

	

	.top img{height:40px !important;}
	.wrap{max-width:100%;}
	.indexbanner .indexbannertxt img{ height:20px;}
	.indexbanner .indexbannertxt .indexbanner_fjmd{ padding:10px 0;}
	.indexbanner .indexbannertxt{ font-size:16px;}
	.row{ margin-left:-5px; margin-right:-5px;}
 .rowitem{ margin-left:5px; margin-right:5px;}
 .maincon{ float:none; width:auto; margin:2%;}
 .prolist ul{ margin:0 -5px;}
 .prolist li .item{ margin:5px;}
 .nbanner .nbannertxt font{ font-size:20px;}
 .nbanner .nbannertxt p{ font-size:14px;}
 
	.sitepath{ background:#f3f3f3; position:relative; line-height:40px; height:40px;border-bottom:#efefef 1px solid;}
.sitepath font{ display:inline-block; font-size:18px; margin:0 0.2rem; width:70%;}
.sitepath  span{ float:right; font-size:0.3rem; margin-right:0.2rem; color:#666}
.sitepath  span i{  }
.menu{ display:none; padding:0.1rem  0;}
.menu .list a { display:block; float:left; width:50%; text-align:center; font-size:0.275rem}
.menu .list a span{ display:block; border:#ddd 1px solid; margin:2%; padding:.2rem 0.1rem; border-radius:3px;}

.menu .list a.on span{   color:#fff;}
.h20{ height:7px;}
.location{ display:none}
}