@charset "utf-8";
/*============================ 初始化样式 ============================*/
*
{ margin:0; padding:0;  }
html{
    font-size: 62.5%!important;
}
body
{color:#333; font-size:14px;font-size:1.4rem; font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体",sans-serif; /*min-width:1200px;*/}
*html
{ background-image:url(about:blank);background-attachment:fixed;}

li
{ list-style:none;}
img
{ border:none;}
body a img
{ border:none;}
/*a:hover img
{opacity: 0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; }
*/
a
{ color: #333; text-decoration:none; blr:expression(this.onFocus=this.blur());}
a:focus
{ outline:none;}
a:link
{ text-decoration:none;}
a:hover
{ text-decoration:none; }
.clear:after
{content:''; display:block; clear:both; }
.clear
{ height:0px; clear:both; }
.text-cut  /*限制文字,文字超出显示冒号*/
{ overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis;}
.t_center
{ text-align:center;}

.space10 { height:10px; clear:both; }
.space15 { height:15px; clear:both; }
.space20 { height:20px; clear:both; }
.space25 { height:25px; clear:both; }
.space30 { height:30px; clear:both; }

/*效果*/
.trans1
{ transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.trans2
{ transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}


/*图片放大*/
.fdapic
{ overflow:hidden;}
.fdapic img
{
    -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.4s ease;
    -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease;transition:all 0.4s ease;}
.fdapic:hover img
{ -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}

/*按钮样式*/
.yu_a0
{ display:inline-block;  text-align:center; transition:all 0.4s ease;-moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; }

/*图片放大*/
.ypicA
{ position:relative;}
.ypic img
{ transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.ypic:hover img
{ -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}

.yuzz
{ width: 100%; height: 100%; background: rgba(0, 0, 0, 0); position: absolute; left: 0; top: 0; opacity: 0;
    -webkit-transform: rotateX(180deg) scale(0.5, 0.5);
    transform: rotateX(180deg) scale(0.2, 0.2);
    transition: all ease-out .5s;
}
.yuzz .yuzz1
{ display: block; width: 38px;  height: 38px; text-align: center; font-size: 22px; line-height: 38px; border: 1px solid rgba(255, 255, 255, .5); border-radius: 50%; position: absolute;  left: 50%;  top: 50%; margin-left: -21px; margin-top: -21px;
}
.yuzz .yuzz2
{ display: block; width: 38px; height: 38px; background-image: url(../images/yp1.png); background-repeat: no-repeat;    background-position: center center; }

.ypic:hover .yuzz
{ opacity: 1;
    -webkit-transform: rotateX(0deg) scale(1, 1);
    transform: rotateX(0deg) scale(1, 1);
    transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;
    background: rgba(0, 0, 0, 0.3);
}

/*============================ 公共部分 ============================*/

/* 文章类别上下页 */
.wzfanye
{ width:100%; overflow:hidden; margin:40px auto;  color:#666;}
.wzfanyeA
{ width:50%; float:left;}
.wzfanyeB
{ width:50%; float:left; text-align:right;}
.wzfanye span
{ color:#666;}
.wzfanye a
{ line-height:16px; font-size:14px; color:#333;  margin-right:5px; padding:5px 6px; display: inline-block; }

/* 文章类别上下页 */
.page
{ overflow:hidden; margin-bottom:40px;}
.pagelink
{ padding:5px 20px 5px 0; font-size:12px; line-height:22px; text-align:center;}
.pagelink span,.pagelink a
{ display:inline-block; line-height:30px; height:30px; text-align:center; padding-right:20px; padding-left:20px; background:#f2f2f2; color:#666;}
.pagelink a:hover,.pagelink a.on
{ background:#2d3f7f; color:#fff;}


/*用于手机屏幕，大于480px小于640px
@media (min-width: 480px) and (max-width: 640px) {}*/

/* 数字上下页 */
.page_fanye
{ width:100%; height:auto; text-align:center; padding:30px 0 40px; margin:0 auto; overflow:hidden; clear:both;}
.page_fanye a
{ line-height:16px; font-size:14px; text-indent:0px; color: #333;  margin-right: 5px; padding:4px 12px; background:#efefef;  border:1px solid #dedddd;  display: inline-block; }
.page_fanye span
{  height:24px; line-height:20px;  padding:0 10px 0 5px; display: inline-block;}
.page_fanye span input
{ width:30px; height:20px;}
.page_fanye a.page_home,.page_fanye a.page_home:hover,.page_fanye a.page_end,.page_fanye a.page_end:hover
{ width:60px;  color:#666666; }
.page_fanye .onpage,.page_fanye a:hover
{ color: #fff; background:#2d3f7f; }

/*========================================= 首页 =====================================*/

.top
{ width:100%; height:82px; background:#0e4f8f;}
.tops
{ width:1200px; margin:0 auto;}
.logo
{ float:left; padding:15px 0 0;}


.nav
{ width:800px; float:right;}
.nav li
{ width:14.28%; line-height:82px; float:left; text-align:center; position:relative; z-index:99;}
.nav li .a1
{ height:82px; line-height:82px; color:#fff; font-size:16px; display:block; overflow:hidden;}
.nav li .nt
{ height:82px; margin-top:-82px;
    transition:all 0.2s ease;
    -moz-transition:all 0.2s ease;
    -ms-transition:all 0.2s ease;
    -o-transition:all 0.2s ease;
    -webkit-transition:all 0.2s ease;
}
.nav li .nt span
{ height:82px; line-height:82px; display:block; }
.nav li .nt .s1
{ background:#0c236f;}
.nav li:hover .a1 .nt,.nav li.active .a1 .nt
{ margin-top:0px;}

.nav li .xlnav
{ width:100%; position:absolute; left:0px; top:82px; background:#f7f7f7;
    /*overflow:hidden;*/
    opacity: 0;
    filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;
    visibility: hidden;
}
.nav li .xlnav ul li
{ width:100%; height:50px; 
	/* border-top:solid 1px #ececec;  */
	line-height:50px;
    /*margin-left:-100%;*/
    transition:all 0.2s ease;
    -moz-transition:all 0.2s ease;
    -ms-transition:all 0.2s ease;
    -o-transition:all 0.2s ease;
    -webkit-transition:all 0.2s ease;
}

.nav li .xlnav ul li a{
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
}

.nav li .xlnav ul li span
{ width:100%; height:50px; display:block; text-align:center; float:left;}
.nav li .xlnav ul li .s1
{ background:#0c236f; color:#fff; border-bottom:solid 1px #0c236f;}
/*.nav li .xlnav ul li:hover*/
/*{ margin-left:0px;}*/
.nav li:hover .xlnav
{ left:0px;}

.nav li .xlnav ul li .thr_nav{
    background-color: #f7f7f7;
    width: 100%;
    position: absolute;
    left:100%;
    top:0px;
    opacity: 0;
    visibility: hidden;

}
.nav li .xlnav ul li .thr_nav a{
    font-size: 1.4rem;
    height: 50px;
    line-height: 50px;
}
.nav li .xlnav ul li:hover {
    background-color: #284194;
}
.nav li .xlnav ul li:hover a{
    color: #fff;
}
.nav li .xlnav ul li:hover a.thr_a{
    color: #0f0f0f;
}
.nav li .xlnav ul li .thr_nav  a:hover{
    background-color: #284194;
    color: #fff;
}
.nav li .xlnav ul li:hover a.thr_a:hover{
	background-color: #284194;
}
.nav li .xlnav ul li .newnav span.spe_com{width:auto;height:unset;}
.nav li .xlnav ul li .newnav span.spe_com,.nav li .xlnav ul li .newnav .spe_r{display:inline;float:left;}
.nav li .xlnav ul li .newnav .spe_r{width:calc(100% - 42px);position:relative;}
.nav li .xlnav ul li .newnav .spe_r span{display:block;width:auto;height:25px;position:relative;top:-10px;}

.p0{padding-right: 0;padding-left: 0;}
.pr0{padding-right: 0px;}
.w100{width: 100%}
.w90{width: 1200px;margin: 0 auto;}
.pr{position: relative;}
.pd40{padding: 4rem 0;}
.pd30{padding: 3rem 0;}
.pd60{padding: 60px 0;}
.pd80{padding: 80px 0;}
.pd25{padding: 2.5rem 0;}
.pd20{padding: 2rem 0;}
.pd10{padding: 1rem 0;}
.pd8{padding: 0.8rem 0;}
.pd5{padding: 0.5rem 0;}
.pd2{padding: 0.2rem 0;}
.pdl30{padding: 1rem 2rem;}
.pdl20{padding: 2rem 1rem;}
.pdall20{padding: 2rem;}
.pdall10{padding: 1rem;}
.pdall5{padding: 0.5rem}
.pdt4l5{padding: 0.4rem 0.5rem;}
.pl10{padding-left: 1rem;}
.pt20{padding-top: 2rem;}
.pt15{padding-top: 1.5rem;}
.pt280{padding-top: 2.8rem;}
.ptstop{
	margin-top:55px;
}
/*首页系统产品  30px=1.4rem 24px =1.2rem  3px =0.1rem  */
.mcontent{width: 100%;height: auto}
.mpart{padding: 45px 0;}
.bottom_line{border-bottom:1px solid #e5e5e5;}
.m_hidden{display: none;}
.m_show{display: block;}
.colchange:hover >div > a > .sbg,.newimgbox:hover > a > .sbg {background-color: #0E4F8F}
.floatn{float: none;}
.mtitle{width: 32rem;border: 1px solid #0E4F8F;margin: 0 auto;padding: 0.5rem 0px;font-size:3rem;color: #0E4F8F;text-align:center;position: relative;}
.mtitle span{font-size: 2.4rem;color: #013082;letter-spacing: 0px;padding-left: 1rem;}
.mtitle:before{content:url("../img/line.jpg") ;position: absolute;left:-7rem;top:1.5rem;}
.mtitle:after{content:url("../img/line.jpg") ;position: absolute;right:-7rem;top:1.5rem;}
.minfo{width: 90%;margin:0 auto;text-align: center;font-size: 1.6rem;color: #666666;padding-top: 3rem;padding-bottom: 4rem;}
/*.sp5{padding-left: 5px;padding-right: 5px;}*/
.mimgbox ul li{padding-left: 0;padding-right: 0px;margin-right: 10px;}
.mimgbox ul li:nth-child(3){margin-right: 0px;}
.mimgbox ul li div.imgbs{height: 397px;overflow: hidden;}
.mimgbox ul li div.imgbs a img{height: 397px;}
.imgbs{position: relative;padding-left: 0;padding-right: 0;}
.imgbs span{position: absolute;bottom: 0;}
.imgbs span.sbg{background-color: #000;width: 100%;left:0;padding: 2.5rem 0px;text-align: center;opacity: 0.4;z-index: 90;display: none;}
.imgbs span.stitle{text-align: center;width: 100%;left:0;padding: 1.2rem 0px;color: #fff;z-index: 99;font-size: 1.95rem;background: url("../img/grbg.png") repeat;}
.clear{clear: both;}
.ableft{overflow: hidden;}

/*.pro1{width: 570px;height: 397px;padding-left: 0px;padding-right: 0px;}*/
/*.pro2{width: 305px;height: 397px;}*/
.index_pro_new{
    float: left;
}
.index_pro_new:nth-child(1){
    width: 570px;padding-left: 0px;padding-right: 0px;
    margin-right: 10px;
}
.index_pro_new:nth-child(2),.index_pro_new:nth-child(3){
    width: 305px;
}
.index_pro_new:nth-child(2){
    margin-right: 10px;
}
.index_pro_new .colchange{
    height: 394px;
    overflow: hidden;
}
.index_pro_new:nth-child(2) .colchange ,.index_pro_new:nth-child(3) .colchange{
    height: 393px;
}
.index_pro_new  .prosp{
	font-size:1.5rem;
    display: block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    background-color: #2163a0;
	background-image: radial-gradient(#458dd0 5%, #3d92e0 15%, #1463ad 60%);
	margin:8px 0;
	color:#fff;
	border-radius: 5px;
    box-shadow: 0px 5px 0px #132c44;
}
.index_pro_new:nth-child(1)  .prosp{
    padding-left: calc((100%-10px)/3.5);
}
.index_pro_new:nth-child(2)  .prosp,.index_pro_new:nth-child(3)  .prosp{
    padding-left: 10px;
}
.index_pro_new .prosp:hover{
    background-color: #0e4f8f;
    color: #fff;
	background-image: radial-gradient(#3973a9 5%, #3875ad 15%, #14538e 60%);
	box-shadow: 0px 5px 0px #050a0e;
}
.index_pro_new .speciala{height:77px;}
.index_pro_new .speciala .spe_com,.index_pro_new .speciala .spe_r{display:inline-block;}
.index_pro_new .speciala .spe_com{height:77px;line-height:77px;position:relative;top:-12px;font-size:2rem;}
.index_pro_new .speciala .spe_r {text-indent:5px;position:relative;}
.index_pro_new .speciala .spe_r span{display:block;position:relative;}
.index_pro_new .speciala .spe_r span:nth-child(1){bottom:-9px;}
.index_pro_new .speciala .spe_r span:nth-child(2){bottom:-2px;}





.myparts{background-color: #0a6999;background: url("../img/ibg.jpg") no-repeat;background-size: 100% 100%;}
.mytitles{border: 1px solid #fff;color: #fff;}
.mytitles span{color: #fff;}
.mytitles:before{content:url("../img/fline1.png") ;position: absolute;left:-6.7rem;top:1.5rem;}
.mytitles:after{content:url("../img/fline2.png") ;position: absolute;right:-5.9rem;top:1.5rem;}
.myinfo{color: #fff;}
.abbox div.fl{/*max-height: 393px;*/overflow: hidden;}
.abbox div.fl img{width: 100%;height: auto;}
.abbox div.abright{background-color: #fff;}
.abright{padding:4rem;position: relative;}
/*.abbox div.abright{height:331px; }*/
.abright span{display: block;}
.abright span:nth-child(2){margin: 0.5rem 0;}
.more{display: block;width: 180px;height: 4rem;line-height: 4rem;color: #fff;position: absolute;right: 0;bottom: 0;padding-left: 15px;
    background: url("../img/right_row.png") no-repeat right center;background-color: #035cac;background-position-x: 110px;
}
.more:hover{color: #fff;}


.abbox div.newsright{/*width: 630px;*/padding-right: 0px;padding-top: 0px;padding-bottom: 0px;}
.newimgbox span.sbg{opacity: 0.7;padding: 3.3rem 0;bottom: 0;}
.newimgbox span.stitle{padding: 1.9rem 0;}
.newimgbox span.stitle div{width: 48%;margin: 0 auto;}
.ntime{position: absolute;left:0;bottom:0;height: 6.7rem;width: 8rem;background-color: #0F5090;z-index: 999;padding: 3.3rem 0;}
.ntime span{display: block;width: 100%;color: #fff;height: 4rem;text-align: center;line-height: 4rem;}
.ntime span:nth-child(1){bottom: 2.5rem;font-size: 3.4rem;}
.newsright ul li{background-color: #F5F3F3;margin-bottom: 10px;}

/*.nleft,.nright{float: left}*/
/*.nleft{width: 100px;}*/
.nright{padding-left: 2.5rem;padding-right: 1.5rem;}
.dlbox{height: 7rem;border-right: 1px solid #ccc;}
.azy{word-wrap: break-word;}
.dlbox span{height: 35px;display: block;text-align: center;color: #8C8C8C;}
.dlbox span:nth-child(1){font-size: 3.4rem;color: #8C8C8C;}
.drbox span:nth-child(1){font-size: 1.8rem;color: #333;}
.drbox span:nth-child(2) a{font-size: 1.4rem;color: #888;}
.newsright ul li:hover{background-color: #0e4f8f;}
.newsright ul li:hover  >  .nleft > .dlbox > span ,.newsright ul li:hover  >  .nright > .drbox > span  > a {color: #fff;}


.severbg{width:100%;background: url("../img/sbg.jpg") no-repeat;background-size: 100% 100%;}
.sul{padding: 4.3rem 0;margin-bottom: 0;}
/*.sul li{display: inline-block;width: 24%;}*/
.sul li img,.sul li span{display: block;}
.sul li span{color: #fff;text-align: center;}
.sul li img{display: block;margin: 0 auto;}
.sul li span:nth-child(2){font-size: 1.8rem;padding-top: 1.5rem;}
.sul li span:nth-child(3){font-size: 1.4rem;padding: 0.8rem 0;}

.sul li:hover > a > img{animation: imgzoom .2s linear;transform: scale(1.1)}
.sul li:hover > a > span{animation: imgzoom .2s linear;transform: scale(1.1)}
.sul li > a > img,.sul li > a > span{animation: imgorg .2s linear;transform: scale(1)}
@keyframes imgzoom {
    0%{transform: scale(1)}
    100%{transform: scale(1.1)}
}
@keyframes imgorg {
    0%{transform: scale(1.1)}
    100%{transform: scale(1)}
}

.footer{background-color: #333;padding-bottom: 0px;}

.ftulbox li{display: block;}
.ftitle{color: #fff;font-size: 2rem;}
.ftulbox li ul{margin-top: 2rem;}
.ftulbox li ul li{width: 100%;margin: 5px 0;}
.ftulbox li ul li a{color: #bfbfbf;font-size: 1.4rem;}
.mtright{border-left: 1px solid #4a4a4a;padding-left:5rem;}
.mtright ul li{font-size: 1.4rem;text-align: left;color: #bfbfbf; padding: 5px 0;}
.mtright ul li:nth-child(1){color: #0077ef;font-size: 3rem;font-family: "Arial";margin-top: 0.8rem;}

.foot_bottom{border-top:1px solid #4a4a4a;margin-top: 5rem;}
.mtboxs{text-align: left;}
.mtboxs span{display: inline-block;padding: 25px 0px;}
.mtboxs span,.mtboxs span a{color: #bfbfbf;font-size: 14px;display: inline-block;}
.mtboxs span:nth-child(1){text-align: left;}
.mtboxs span:nth-child(2){text-align: right;}

.mtops{width: 100%;height: 82px;background: #0e4f8f;display: none;}

/*about*/
.abtop{width: 100%;overflow: hidden;height: 317px;}
.abtop img{ max-width:unset;width: 1920px;position: relative;left: 50%;margin-left: -960px;height: 317px;}
.abtop span{display: block;width:100%;text-align: center;color:#fff;position:absolute;top:50%;left: 0;font-size: 3rem;}
.abtop span:nth-child(2){top:35%;}
.abtop span:nth-child(3){font-size: 2rem;top:55%;}
.abtul{padding-bottom: 2rem;margin-bottom: 0;}
.abtul li{height: 8rem;position: relative;}
.abtul li a{display:block;width:100%;text-align:center;position: relative;top:6rem;font-size: 16px;color: #333;margin-top: 10px;}
.abtul li:nth-child(1){background: url("../img/ab1.png") no-repeat center center;}
.abtul li:nth-child(2){background: url("../img/cbbz.png") no-repeat center center;}
.abtul li:nth-child(3){background: url("../img/ab2.png") no-repeat center center;}
.abtul li:nth-child(4){background: url("../img/ab3.png") no-repeat center center;}
.abtul li:nth-child(5){background: url("../img/ab4.png") no-repeat center center;}
.abtul li:nth-child(6){background: url("../img/ab5.png") no-repeat center center;}
/*公司简介*/
.greybg{background-color: #F6F6F6}
.abbox,.cultureul,.indexzzry,#leftcon,.sccj {margin-top: 50px;}
.abtitle{font-size: 30px;color: #333;}
.abtitleEn{font-size: 12px;font-family: "Arial";color: #999;}
.blue_short_line{display:block;width: 4rem;height: 2px;margin: 0 auto;border-bottom:2px solid #0A6999;}
.imgbgbox{background-color: #F6F6F6;height: 28rem;position: relative;z-index: 90}
.imgbgbox div{width: 20rem;height: 15rem;background-color: #0A6999;}
.cproimgbox{position: relative;}
.cproimg{position: absolute;top:5px;left:5px;z-index: 99;}
.cominfo{padding-top: 0px;padding-right: 0px;}
.abbox div.cominfo{background-color: #F6F6F6;padding-top: 10px;}
.cominfo p{margin-top: 0;font-size: 16px;color: #333;line-height: 28px;}

/*参标标准*/
.f1bg{background-color: #f1f1f1;}
.cbbz li{margin-bottom: 30px;}

/*企业文化*/
.culturebg .abtitle,.culturebg .abtitleEn,.qualibg .abtitleEn{color: #fff;}
.culturebg{background: url("../img/culturebg.png") no-repeat;color: #fff; background-size: 100% 100%;}
.white_short_line{border-bottom: 2px solid #fff;}
.cultureul ul li span{display: block;width: 100%;padding: 0.3rem 0;}
.cul_ul2{padding-top: 1.5rem;}
.cul_ul1 img{margin: 1rem 0}
/*.cul_ul1 li:nth-child(1){background: url("../img/cul1.png") no-repeat left top;background-size: 3rem 2.5rem;background-position-x: 2rem;background-position:0% 0%;}*/
/*.cul_ul1 li:nth-child(2){background: url("../img/cul2.png") no-repeat left top;background-size: 3rem 2.5rem;background-position-x: 2rem;}*/
/*.cul_ul1 li:nth-child(3){background: url("../img/cul3.png") no-repeat left top;background-size: 3rem 2.5rem;background-position-x: 2rem;}*/
/*.cul_ul1 li:nth-child(4){background: url("../img/cul4.png") no-repeat left top;background-size: 3rem 2.5rem;background-position-x: 2rem;}*/

/*.cul_ul2 li:nth-child(1){background: url("../img/cul5.png") no-repeat left top;background-size: 3rem 2.5rem;background-position-x: 2rem;}*/
/*.cul_ul2 li:nth-child(2){background: url("../img/cul6.png") no-repeat left top;background-size: 3rem 2.5rem;background-position-x: 2rem;}*/
/*.cul_ul2 li:nth-child(3){background: url("../img/cul7.png") no-repeat left top;background-size: 3rem 2.5rem;background-position-x: 2rem;}*/
/*.cul_ul2 li:nth-child(4){background: url("../img/cul8.png") no-repeat left top;background-size: 3rem 2.5rem;background-position-x: 2rem;}*/

.cul_ul1 li:nth-child(1):before{content:"";border-bottom: 1px solid #797979;position: absolute; width: 95%;bottom: 0;left: 0;}
.cul_ul1 li:nth-child(2):before{content:"";border-bottom: 1px solid #797979;position: absolute; width: 90%;bottom: 0;left:1rem;}
.cul_ul1 li:nth-child(3):before{content:"";border-bottom: 1px solid #797979;position: absolute; width: 90%;bottom: 0;left:1rem;}
.cul_ul1 li:nth-child(4):before{content:"";border-bottom: 1px solid #797979;position: absolute; width: 100%;bottom: 0;left: 1rem;}

.cul_ul1 li:nth-child(1):after{content:"";border-left: 1px solid #797979;position: absolute;    right: 0rem;height: 110px;top: 0px;}
.cul_ul1 li:nth-child(2):after{content:"";border-left: 1px solid #797979;position: absolute;    right: 0rem;height: 110px;top: 0px;}
.cul_ul1 li:nth-child(3):after{content:"";border-left: 1px solid #797979;position: absolute;    right: 0rem;height: 110px;top: 0px;}

.cul_ul2 li:nth-child(1):after{content:"";border-left: 1px solid #797979;position: absolute;    right: 0rem;height: 11.5rem;top: -1rem;}
.cul_ul2 li:nth-child(2):after{content:"";border-left: 1px solid #797979;position: absolute;    right: 0rem;height: 11.5rem;top: -1rem;}
.cul_ul2 li:nth-child(3):after{content:"";border-left: 1px solid #797979;position: absolute;    right: 0rem;height: 11.5rem;top: -1rem;}

.cul_ul1 li:hover > img{
    animation: bgimgzoom .5s linear;
    -webkit-animation: bgimgzoom .5s linear;
    transform: translateX(400%) scale(1.5);
}
.cul_ul1 li img{
    animation: bgimgzoom .5s linear;
    -webkit-animation: bgimgorg .5s linear;
    transform: translateX(0%) scale(1);
}
.cul_ul2 li:hover > img{
    animation: bgimgzoom .5s linear;
    -webkit-animation: bgimgzoom .5s linear;
    transform: translateX(400%) scale(1.5);
}
.cul_ul2 li img{
    animation: bgimgzoom .5s linear;
    -webkit-animation: bgimgorg .5s linear;
    transform: translateX(0%) scale(1);
}
@keyframes -webkit-bgimgzoom {
    0%{transform: translateX(0%) scale(1)}
    100%{transform: translateX(400%) scale(1.5)}
}
@keyframes bgimgzoom {
    0%{transform: translateX(0%)  scale(1)}
    100%{transform: translateX(400%)  scale(1.5)}
}

@keyframes -webkit-bgimgorg {
    0%{transform: translateX(400%) scale(1.5)}
    100%{transform: translateX(0%) scale(1)}
}
@keyframes bgimgorg {
    0%{transform: translateX(400%) scale(1.5)}
    100%{transform: translateX(0%) scale(1)}
}
.cul_ul1 li:hover >span{
    animation: spanUp .5s linear;
    transform: translateY(-2.5rem)
}
.cul_ul1 li >span{
    animation: spanDown .5s linear;
    transform: translateY(0)
}
.cul_ul2 li:hover >span{
    animation: spanUp .5s linear;
    transform: translateY(-2.5rem)
}
.cul_ul2 li >span{
    animation: spanDown .5s linear;
    transform: translateY(0)
}
@keyframes spanUp {
    0%{transform: translateY(0)}
    100%{transform: translateY(-2.5rem) }
}
@keyframes spanDown {
    0%{transform: translateY(-2.5rem)}
    100%{transform: translateY(0) }
}

/*资质荣誉*/
.whitebg{background-color: #fff;}
.carousel-control.left,.carousel-control.right{background-image:none ;}
.glyphicon-chevron-left:before,.glyphicon-chevron-right:before{content: "";}

/*品牌优势*/
.qualibg{background: url("../img/qualibg.png") no-repeat;color: #fff;background-size: 100% 100%;}
.advantage{color: #333;}
.advantage span{display:block;color: #0E4F8F;font-size: 2.4rem;padding-top: 3rem;padding-bottom: 2.5rem;}
.advantage p{font-size: 16px;color: #333;line-height: 30px;}
.bcbg{background: url("../img/bcimg.png") no-repeat left center;height: 3rem;margin: 3rem 0;}
.bcbg li.col-lg-1{width: 10%;text-align: center;position: relative;top:1rem;cursor: pointer;}
.bcbg li span{display: block;width: 15px;height: 15px;border-radius: 50%;background-color: #fff;margin: 0 auto;}
.bcbg li label{font-weight: normal;padding-top: 1rem;}
.bcbg li.bcselected span{background-color: #F7BA42}
.bcbg li.bcselected label{color: #F7BA42;}
.ysboxcontent{width: 99000px;position: relative}
#leftcon{overflow: hidden;}
.ysimg{width: 582px;}
.ystxt{width: 618px;}

/*生产车间*/
.workshopul li img{width: 100%;}


/*产品列表页*/
.product_title{font-size: 3.2rem;}
/*.product_box ul{padding-top: 4rem;}*/
.product_box ul li{padding-top: 4rem;padding-right: 0px;padding-left: 0px;width: 584px;height: 367px;margin-right: 32px;margin-bottom: 40px;}
.product_box ul li:nth-child(2n){margin-right: 0px;}

.product_box ul li div{position: relative;}
.product_box ul li div img{width: 100%;}
.product_box ul li div span{display: block;width: 100%;text-align: center;position: absolute;bottom: 0;}
.product_box ul li div span:nth-child(2){height: 3rem;background-color: #000;opacity: 0.6;display: none;}
.product_box ul li div span:nth-child(3){color: #fff;height: 50px;line-height: 50px;background: url("../img/grbg.png") repeat;font-size: 18px;}

/*用户服务*/
.serbg{background: #fff;}
.positon,.positon a{color: #666;}
.positon{background: url("../img/position.png") no-repeat left center;}
.positon div{text-indent: 0.5rem;}
.positon,.positon_right{height: 79px;line-height: 79px;}
.positon_right{background-color: #0E4F8F;color: #fff;font-size: 1.5rem;width: 150px;float: right;}
.server_left_box img{width: 100%;}
.server_ulbox{width: 605px;padding-left: 65px;padding-bottom: 0px;background-color: #fff;}
.abbox div.server_ulbox{background-color: #fff;}
.server_ulbox ul{margin-bottom: 2rem;}
.server_ulbox ul span{color: #0E4F8F;font-size: 2rem;font-weight: bold;padding: 5px 0;margin-bottom: 10px;}
.server_ulbox ul li{background: url("../img/dot.png") no-repeat left center;text-indent: 2rem;padding: 0.2rem 0;font-size: 16px;line-height: 24px;}
.server_left_box,.server_lfet_img{position: relative;width: 595px;height: 507px;}
.serverbox{margin-top: 10px;}

/*人力资源*/
/*.form-horizontal .form-group{width: 100%;margin: 0;}*/
/*.form-horizontal .form-group .col-sm-10{padding-right: 0px;}*/
.zpbox{position: relative;}
.zpbox img{width: 100%;}
.zpbox span{color: #fff;}
.zp_s{width: 463px;height: 458px;margin-right: 20px;}
.zpboxrw{width: 717px;height: 458px;}
.zp_s span{display: block;position: absolute;top:8rem;left:3rem;}
.zp_s span:nth-child(2){font-size: 3.6rem;}
.zp_s span:nth-child(3),.zp_s span:nth-child(4){font-size: 1.4rem;}
.zp_s span:nth-child(3){top:13.5rem;}
.zp_s span:nth-child(4){top:15.5rem;}
.zp_c,.px_f,.xc_f,.sm_l{width: 348px;height: 217px;display: inline-block;}
.zp_c,.px_f{margin-right: 20px;}
.zp_c,.sm_l{margin-bottom: 27px;}
.zp_c span{display:block;width:100%;height:9rem;text-align:center;position: absolute;top:6rem;font-size: 2.6rem;background: url("../img/shzp.png") no-repeat center bottom;}
.sm_l span{display:block;width:100%;height:9rem;text-align:center;position: absolute;top:6rem;font-size: 2.6rem;background: url("../img/rcln.png") no-repeat center bottom;}
.px_f span{display:block;width:100%;height:9rem;text-align:center;position: absolute;top:6rem;font-size: 2.6rem;background: url("../img/pxfz.png") no-repeat center bottom;}
.xc_f span{display:block;width:100%;height:9rem;text-align:center;position: absolute;top:6rem;font-size: 2.6rem;background: url("../img/xcfl.png") no-repeat center bottom;}


/*招聘页*/
.res_position,.res_position_right{height: 79px;line-height: 79px;}
.res_position_right{padding-right: 0px;}
.zpselected{background-color: #0e4f8f;}
.zpselected a{color:#fff;}
.jobinfohead{height: 5rem;line-height: 5rem;}
.jobinfohead div.actionsign{height: 5rem;background: url("../img/plus.png") no-repeat center center;}
.jobname{font-size: 1.8rem;}
.jobshow{background-color: #33558d;}
.jobshow div.jobname{color: #fff;}
.jobshow div.actionsign{height: 5rem;background: url("../img/down_row.png") no-repeat center center;}
.jobinfo{padding-top: 1rem; }
.jobinfo .infobox{padding: 1.2rem 1.5rem;color: #666;}
.jobinfo .infobox span{color: #000;}
.jobintroduce{font-size: 1.6rem;}
.jobintroduce p{padding: 1rem 1.5rem;line-height: 2rem;}
.jobmes{display: none;}
.showmess .jobmes{display: block;}
.actionsign{cursor: pointer;}
.snavs a{font-size: 1.5rem;}


/*薪酬福利*/
.remuner span{display: block;}
.remuner span:nth-child(1){color: #0e4f8f;font-size: 3.8rem;font-weight: bold;}
.remuner span:nth-child(2){color: #666;font-size: 3.4rem;font-family: "Arial"}
.remuner span:nth-child(3){width:30px;padding-bottom: 1rem;border-bottom: 2px solid #0e4f8f;}
.remuner_txt p{font-size: 1.6rem;line-height: 2.2rem;}
.remuner_txt p span{color: #0e4f8f;}
.xzflimgbox img{width: 100%;padding-top: 4rem;}


/*在线咨询*/
.online span:nth-child(2){color: #0e4f8f;font-weight: bold;}
.online span:nth-child(3){color: #4d4d4d;font-weight: bold;}
.eeebg{background-color: #eee;font-size: 1.6rem;line-height: 2rem;}
.fafafabg{background-color: #fafafa;}
.form-horizontal .mylabel{display:inline-block;text-align: justify;vertical-align: top;text-align-last: justify;color: #333;font-size: 1.6rem;font-weight: normal;padding-top: 1.3rem;}
#inputPhone,#inputArae,#inputQuest,.inputFile{border-radius: 0px;}
.inputFile{outline-style: none;border:0px;background-color: #737373;height: auto;width: 15rem;border-radius: 0.5rem;color: #fff;opacity: 0;}
#filebtn{position: absolute;top:0;width:15rem;height: 5rem;line-height:5rem;border: 0;border-radius: 5px;background-color: #737373;font-size: 1.6rem;color: #fff;cursor: pointer;}
.submit{width: 100%;background-color: #0e4f8f;color: #fff;}

/*联系方式*/
.emailbox span,.phonebox span{display: block;text-indent: 9rem;font-size: 1.6rem;color: #505050;}
.emailbox{background: url("../img/email.png") no-repeat left top }
.phonebox{background: url("../img/phone.png") no-repeat left top}
.emailbox span:nth-child(1),.phonebox span:nth-child(1){font-size: 2rem;padding-bottom: 1rem;color: #000;}
.phonebox span:nth-child(2){color: #0E4F8F;font-weight: bold;}
.zpbox span.contactN{font-size: 1.6rem;color: #333333;display: block;position: absolute;bottom: -3rem;width: 80%;}

/*经销商服务*/
.dserver_bfont{font-size: 2rem;color: #0E4F8F}
.dserverFrom input.inputstyle{width: 100%;}
#submit,#reset{background-color: #F6F6F6;color: #666666;border-radius: 24px;padding:0;border: none;outline: none;height: 48px;line-height: 48px;}
#username,#password{background: url("../img/usericon.png") no-repeat left center;text-indent: 2rem;padding-top: 2.4rem;padding-bottom: 2.4rem;border-radius: 0px;border: 1px solid #cacaca; color: #e3e3e3;}
::-webkit-input-placeholder{color: #e3e3e3;}
:-moz-placeholder{color: #e3e3e3;}
::-ms-input-placeholder{color: #e3e3e3;}
.zlbox{background-color: #fafafa;margin: 1.3rem 0;color: #333;}
.zlbox span{font-size: 16px;color: #333;}
.zlbox a{height: 2.4rem;background: url("../img/downIcon.png") no-repeat right center;}
.joinform input.jusername{background: url("../img/usericon.png") no-repeat left center; background-color: #fff;text-indent: 1.5rem;}
.joinform input.jphone{background: url("../img/phones.png") no-repeat left center; background-color: #fff;text-indent: 1.5rem;background-size: 2.2rem;background-position-x: 0.3rem;}
.downbg{background-color: #fff;}



/*分页*/
.mypage .pageinfo ,.mypage .homepage,.mypage .endpage{display: none;}
.mypage a{margin: 0 0.2rem;color: #333;padding: 6px 12px;border: 1px solid #ddd;}
.mypage li a{color: #333;}
.mypage a.curpage{color: #fff;background: #0e4f8f;}


/*加盟申请*/
.joinbg{background: url("../img/join.png") no-repeat ;color: #333; background-size: 100% 100%;padding-bottom: 0rem;position: relative;}
.joinformbg{background-color: #E9EBED;opacity: 0.9;position: relative;}
.joinformbox{position: absolute;top:0;}
/*.joinformbox{background-color: #E9EBED}*/
.jfh{font-size: 2.4rem;font-weight: bold;padding-left: 0.5rem;}
.jfontstyle{position: relative;}
.jfontstyle span:before{content: "";display:inline-block;width: 1rem;border-bottom: 0.2rem solid #333;position: relative;left:0rem;top:-0.4rem;}
.jfontstyle span:after{content: "";display:inline-block;width: 1rem;border-bottom: 0.2rem solid #333;position: relative;right:0rem;top:-0.4rem;}
.joinformbox p{color: #666;padding: 0.8rem 1.5rem;}
.joinforminputstyle label{display: block;text-align: left;}
.moneybtn{width: 100%;text-align: left;background: url("../img/select_downrow.png") no-repeat right center;background-color: #fff;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
.moneybtn option{background-color: #fff;}
.redstar{background: url("../img/redstar.png") no-repeat left center;text-indent: 1rem;}
.singinfo{display: block;padding: 0.3rem 0;color: #666;}
.addrarea option{color: #666;}
.jonitype{text-indent: 1rem;}
.jonitype label{display: inline-block;font-weight: normal;cursor: pointer}
.jonitype:nth-child(1){margin-top: 1rem;}
.joinbtn{background-color: #F56730;color: #fff;}


.r_txt_box{padding-left: 80px;padding-right: 60px;}

/*产品详情*/
.pro_img img{width: 100%;}
.pro_info span:nth-child(1){font-size: 2.4rem;padding-bottom: 2rem;}
.pro_info span:nth-child(2){color: #666;padding: 3.5rem 1.5rem;border-top:1px solid #efefef;border-bottom: 1px solid #efefef;font-size: 14px;line-height: 30px;}
.pro_info a{display:block;height: 4rem;text-align:center;line-height: 4rem;margin-top: 6rem;background-color: #F5F6F6;color: #0E4F8F;font-size: 1.6rem;border-radius: 3rem;}
.product_nav{margin-top: 70px;}
.product_nav li{font-size: 1.8rem;/*color: #0E4F8F;选中颜色*/font-weight: bold;color: #666; cursor: pointer;}
.product_nav li:nth-child(1):after,.product_nav li:nth-child(2):after,.product_nav li:nth-child(3):after,.product_nav li:nth-child(4):after,.product_nav li:nth-child(5):after{
    content: "";height: 1.5rem;border-right: 2px solid #eaeaea;position: absolute;right: 0;top:0.2rem;
}
.product_nav li{padding-bottom: 1.5rem;border-bottom: 1px solid #eaeaea;}
.product_nav li.prselected{color: #0E4F8F;border-bottom: 1px solid #0E4F8F;}
.procontent{padding: 0 2rem 3rem 2rem;}
.procontent video{
    width: 100%;
    height: auto;
}
.procontent p img{width: 100%;}
.pronav{background-color:#fff;padding:0 2rem 2rem 2rem;border-right:1px dashed #eee;}
.pronav h3{color:#2163a0;margin-bottom:2rem;text-shadow:0 0 5px #4c4c4c;font-size:2rem;}
.pronav a{display:block;border-radius:5px;width: 100%;height: 35px;line-height: 35px;background-color: #2163a0;background-image: radial-gradient(#458dd0 5%, #3980c1 15%, #1463ad 60%);margin: 8px 0;color: #fff;box-shadow: 0px 5px 0px #132c44;text-indent:10px;}
.pronav a:hover{background-color:#0c236f;background-image: radial-gradient(#3973a9 5%, #3875ad 15%, #14538e 60%);box-shadow:0 5px 0 #050a0e;}


.pronav h3.spe_tit span,.pronav h3.spe_tit .pro_title{display:inline-block;}
.pronav h3.spe_tit span{position:relative;top:-6px;}
.pronav h3.spe_tit .pro_title span{display:block;font-size:1.7rem;position:unset;}



/*文章列表页*/
.new_list_box{position: relative}
.news_list_title{font-size: 2.1rem;display: block;font-weight: bold;}
.news_list_description{font-size: 1.6rem;color: #666;line-height: 2.2rem;}
.news_list_img{width: 100%;}
.newsconurl{width: 8rem;height: 3rem;line-height:3rem;display: block;color: #fff;background-color: #0E709E;position: absolute;bottom: 0;right: 0;border-radius: 3px;}
.newsconurl:hover{color: #fff;}
/*文章内容页*/
.news_title{font-size: 2.4rem;}
.news_tag{color: #666;}
.pre_next{font-size: 1.4rem;border-top:1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5;position: relative;}
.pre_next span a{color: #999;}
.fcf{color:#fff; }
.indexabn{font-size: 30px;font-size: 30px;color: #0E4F8F;font-weight: bold;}
.indexaben{font-size: 14px;color:#8B8B8B;font-family: 'Arial'}
.newr p{font-size: 16px;}

@media screen and (max-width: 1200px) and (min-width: 992px) {
    .w90{width: 100%;}
    html{font-size: 55%!important; }
    .top,.mnavul{display: none;}
    .mtops{display: block;position: relative}
    .mtops .logo{position: relative;top:0.2rem;left: 2rem;}
    .mnav{width: 4rem;height: 4rem;background: url("../img/navbg.png") no-repeat center center;position: absolute;right: 1rem;bottom: 1rem; }
    .mnav span{color: #fff;font-size: 1.2rem;display: block;width:100%;text-align: center;position: absolute;bottom: -0.5rem;}

    .mnavul{position: absolute;top:82px;z-index: 9999;padding: 0;/*background-color: #0A246A;*/}
    .mnavul li{padding: 5px 0; }
    .mnavul a{color: #fff;}
    .mnavul li ul{text-indent: 2rem;}
    .ulbg{background-color: #0a246a}
    .abright{padding: 2rem 4rem 0 2rem;}
    .mt30 {margin-top: 3rem;}
    .mimgbox ul li div.imgbs{max-height: 22rem;overflow: hidden;}
    .pro1{width: 48%;height: auto;}
    .mimgbox ul li.pro1,.mimgbox ul li.pro2{margin-right: 1%;}
    .mimgbox ul li.pro2:nth-child(3){margin-right: 0%;}
    .pro2{width: 25%;height: auto;}
    .myparts   .abbox ,.mpart .abbox{margin-top: 0px;}
    .newr p{font-size: 14px;}
    .more{display: none;}
    .indexabn{font-size: 26px;}
    .sul li{width: 25%;}
    .sul li:nth-child(3), .sul li:nth-child(4){margin-top: 0px;}
    .abtul .col-lg-1{display: none;}
    .abtul .p0{width: 20%;}
    .cproimgbox{width: 40%}
    .cominfo{width: 60%;padding: 0px;padding-left: 15px;padding-right: 15px;padding-top: 0px;}
    .abbox div.cominfo{padding-top: 0px;}
    .cominfo p{line-height: 27px;}
    .imgbgbox{height: 22em;}
    .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right{display: none;}
    .cul_ul1,.cul_ul2{overflow-x: hidden;}
    /*.imgbs span.stitle{text-align: right}*/
    .ysimg,.ystxt {width: 50%;}
    .advantage span{padding-top: 1.5rem;padding-bottom: 1.5rem;}
    .product_box ul li{width: 49%;height: auto;margin-right: 2%;margin-bottom: 10px;}
    .product_box ul li:nth-child(2n){margin-right: 0%;}
    .positon{width: 50%}
    .server_left_box, .server_lfet_img,.server_ulbox{width: 50%;height: 450px;}
    .server_ulbox ul li{padding: 0;}
    .server_ulbox ul span{margin-bottom: 0;}
    .zp_s{width: 37%;float: left;margin-right: 0;height: auto;}
    .zpboxrw{width: 61%;float: right;height: auto;}
    .zp_c, .px_f, .xc_f, .sm_l{margin-right: 0px;width: 49%;height: auto;}
    .zp_c, .sm_l{margin-bottom: 2px;}
    .zp_c span,.sm_l span,.px_f span,.xc_f span{top:3rem;}
    .zp_c,.px_f{margin-right: 2%;}
    .pro_info span:nth-child(2){padding: 1.5rem 0.5rem;}
    .pro_info a{margin-top: 2rem;}
    .product_nav li{float: left;}
    .form-horizontal .form-group{width: 100%;margin: 20px  0;}
    .form-horizontal{padding-right: 15px;}
    .fafafabg{padding-bottom: 0px;}
    .index_pro_new{
        float: left;
    }
    .index_pro_new:nth-child(1){
        width: 47.5%;padding-left: 0px;padding-right: 0px;
        margin-right: 10px;
    }
    .index_pro_new:nth-child(2),.index_pro_new:nth-child(3){
        width: 25.2%;
    }
    .index_pro_new:nth-child(2){
        margin-right: 10px;
    }
    .index_pro_new .colchange{
        height: auto;
        overflow: hidden;
    }
    .index_pro_new:nth-child(2) .colchange ,.index_pro_new:nth-child(3) .colchange{
        height: auto;
    }
    .index_pro_new  .prosp{
        display: block;
        width: 100%;
        height: 35px;
        line-height: 35px;
        background-color: #F5F3F3;
    }
    .index_pro_new:nth-child(1)  .prosp{
        padding-left: calc((100%-10px)/3.5);
    }
    .index_pro_new:nth-child(2)  .prosp,.index_pro_new:nth-child(3)  .prosp{
        padding-left: 10px;
    }
    .index_pro_new .prosp:hover{
        background-color: #0e4f8f;
        color: #fff;
    }

}
@media screen and (max-width: 992px) and (min-width: 768px) {
    .w90{width: 100%;}
    html{font-size: 50%!important; }
    .top,.mnavul{display: none;}
    .mtops{display: block;position: relative}
    .mtops .logo{position: relative;top:0.2rem;left: 2rem;}
    .mnav{width: 4rem;height: 4rem;background: url("../img/navbg.png") no-repeat center center;position: absolute;right: 1rem;bottom: 1rem; }
    .mnav span{color: #fff;font-size: 1.2rem;display: block;width:100%;text-align: center;position: absolute;bottom: -0.5rem;}

    .mnavul{position: absolute;top:82px;z-index: 9999;padding: 0;/*background-color: #0A246A;*/}
    .mnavul li{padding: 5px 0; }
    .mnavul a{color: #fff;}
    .mnavul li ul{text-indent: 2rem;}
    .ulbg{background-color: #0a246a}

    .mtitle{width: 20rem;}
    .mtitle:before{position: absolute;left:-7rem;top:1rem;}
    .mtitle:after{position: absolute;right:-7rem;top:1rem;}
    .imgbs span.sbg{padding: 2rem 0px;}
    .mt10{margin-top: 1rem;}
    .mt30{margin-top: 3rem;}
    .abbox div.fl{max-height: none;}
    .newr{padding-bottom: 45px;}
    .ntime{height:4rem;width:7rem;padding: 1rem 0;}
    .ntime span{height: 2rem;line-height: 2rem;}
    .ntime span:nth-child(1){bottom: 1.8rem;}
    .newimgbox span.stitle{padding: 1.3rem 0;}
    .newsright {padding-left: 0;}
    .severbg{background: url("../img/sbg.jpg") repeat-y;}
    .mtright{border-left: 0px;padding-left: 1.5rem;}
    .ftitle{display:block;margin-top: 1.5rem;}
    .footer{padding-top: 1rem;}
    .foot_bottom{margin-top: 1rem;}
    .mtboxs span{padding: 8px 0;}
    .server_ulbox{padding-bottom: 3rem;padding: 1rem;}
    /*about*/
    .abtop span:nth-child(2){top:20%;}
    .abtop span:nth-child(3){font-size: 2rem;top:60%;}
    .abtul li:nth-child(1){display: none;}
    .culturebg{background: url("../img/culturebg.png") repeat-y;}
    .cultureul ul li span:nth-child(2){min-height: 4rem;}
    .pdl30{padding-bottom: 2rem;}
    .cul_ul1 li:nth-child(3), .cul_ul1 li:nth-child(4),.cul_ul2 li:nth-child(3), .cul_ul2 li:nth-child(4){margin-top: 2rem;}
    .cul_ul1 li:nth-child(1):before{content:"";border-bottom: 1px solid #797979;position: absolute; width: 90%;bottom: 0;left: 0;}
    .cul_ul1 li:nth-child(2):before{content:"";border-bottom: 1px solid #797979;position: absolute; width: 90%;bottom: 0;right:0;}
    .cul_ul1 li:nth-child(3):before{content:"";border-bottom: 1px solid #797979;position: absolute; width: 90%;bottom: 0;left:0rem;}
    .cul_ul1 li:nth-child(4):before{content:"";border-bottom: 1px solid #797979;position: absolute; width: 90%;bottom: 0;right: 0rem;}

    .cul_ul1 li:nth-child(1):after{content:"";border-left: 1px solid #797979;position: absolute;    right: 0rem;height: 10rem;top: 0px;}
    .cul_ul1 li:nth-child(2):after{content:"";border-left: 0px solid #797979;position: absolute;    right: 0rem;height: 10rem;top: 0px;}
    .cul_ul1 li:nth-child(3):after{content:"";border-left: 1px solid #797979;position: absolute;    right: 0rem;height: 10rem;top: 0px;}

    .cul_ul2 li:nth-child(1):before{content:"";border-bottom: 1px solid #797979;position: absolute; width: 90%;bottom: 0;left: 0;}
    .cul_ul2 li:nth-child(2):before{content:"";border-bottom: 1px solid #797979;position: absolute; width: 90%;bottom: 0;right:0;}
    .cul_ul2 li:nth-child(1):after{content:"";border-left: 1px solid #797979;position: absolute;    right: 0rem;height: 10rem;top: -1rem;}
    .cul_ul2 li:nth-child(2):after{content:"";border-left: 0px solid #797979;position: absolute;    right: 0rem;height: 10rem;top: -1rem;}
    .cul_ul2 li:nth-child(3):after{content:"";border-left: 1px solid #797979;position: absolute;    right: 0rem;height: 10rem;top: -1rem;}

    .advantage span{padding-top: 0;}
    .product_box ul li{padding-top: 2rem;}
    .pd30{padding: 1.5rem 0;}


    .mtright ul li:nth-child(1){margin-top: 0.8rem;}

    .jobinfo .infobox{padding: 1.2rem 0;}
    .r_txt_box{padding: 1rem 0;}
    .form-horizontal .mylabel{text-align: justify;}
    .emailbox,.phonebox{background-size: 7rem 7.5rem;}
    .emailbox span,.phonebox span{text-indent: 8rem;}
    .phonebox{margin-top: 3rem;}
    .contactnbox{margin-bottom: 3rem;margin-top: 2rem;}
    .pd40{padding: 1rem 0;}
    .zlbox .pd20{padding: 1rem 0}
    .jfontstyle div:before, .jfontstyle div:after{top:0.8rem;}
    .jfontstyle div:after{left:9.2rem;}

    .pro_info span:nth-child(1),.pro_info span:nth-child(2){padding: 0.5rem;}
    .pro_info a{margin-top: 2rem;}
    .product_nav li{padding: 0.5rem 0;}
    .product_nav li:nth-child(1):after,.product_nav li:nth-child(2):after,.product_nav li:nth-child(3):after,.product_nav li:nth-child(4):after,.product_nav li:nth-child(5):after{
        content: "";border-right: 0px;
    }
    .procontent{padding: 0 2rem;}
    .procontent img{width: 100%;}
    .myinfo{padding: 1rem 0;}
    .mimgbox ul li.pro1{margin-right:0px;float: none;margin: 0 auto; }
    .indexabn{font-size: 24px;}
    .newr p{font-size: 16px;line-height: 26px;}
    .abbox, .cultureul, .indexzzry, #leftcon, .sccj{margin-top: 10px;}
    .qualibg{display: none;}
    .product_box ul li{width: 49%;height: auto;margin-right: 2%;margin-bottom: 10px;}
    .product_box ul li:nth-child(2n){margin-right: 0%;}
    .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right{display: none;}
    .server_left_box, .server_lfet_img{width: 395px;height: 407px;}
    .server_ulbox{width: 300px;}
    .server_ulbox ul li{padding: 0;font-size: 14px;line-height: 20px;}
    .server_ulbox ul span{margin-bottom: 0;}
    .server_ulbox ul{margin-bottom: 1rem;}
    .zp_s{width: 37%;float: left;margin-right: 0;height: auto;}
    .zpboxrw{width: 61%;float: right;height: auto;}
    .zp_c, .px_f, .xc_f, .sm_l{margin-right: 0px;width: 48%;height: auto;}
    .zp_c, .sm_l{margin-bottom: 2px;}
    .zp_c span,.sm_l span,.px_f span,.xc_f span{top:3rem;}
    .pd80{padding: 30px 0;}
    .form-horizontal .form-group{width: 100%;margin: 20px  0;}
    .form-horizontal{padding-right: 15px;}
    .fafafabg{padding-bottom: 0px;}
    .res_position_right{width: 100%}
    .product_nav li{float: left;}
    .index_pro_new:nth-child(1){
        width: 100%;
        margin-bottom: 15px;
    }
    .index_pro_new:nth-child(1) .colchange,.index_pro_new:nth-child(2)  .colchange,.index_pro_new:nth-child(3)  .colchange{
        height: auto;
    }
    .index_pro_new:nth-child(2), .index_pro_new:nth-child(3){
        width: 49%;
    }
    .index_pro_new:nth-child(2){
        margin-right: 2%;
    }
}
    @media screen and (max-width: 768px) {
        .w90{width: 100%;}
        html{font-size: 40%!important; }
        body{
            width: 100%;
            overflow-x: hidden;
        }
        .top,.mnavul{display: none;}
        .mtops{display: block;position: relative}


        .mtops .logo{position: relative;top:0.2rem;left: 2rem;}
        .mnav{width: 4rem;height: 4rem;background: url("../img/navbg.png") no-repeat center center;position: absolute;right: 1rem;bottom: 28%; }
        .mnav span{color: #fff;font-size: 1.2rem;display: block;width:100%;text-align: center;position: absolute;bottom: -1.2rem;display:none;}

        .mnavul{position: absolute;top:82px;z-index: 9999;padding: 0;/*background-color: #0A246A;*/}
    .mnavul li{padding: 5px 0; }
    .mnavul a{color: #fff;font-size:2rem;}
    .mnavul li ul{text-indent: 2rem;}
    .ulbg{background-color: #0a246a}
    .pro1,.pro2{width: 100%;height: auto;}
    .abbox, .cultureul, .indexzzry, #leftcon, .sccj{margin-top: 20px;}
    .abimg,.ftulbox{display: none;}
    .myparts{background-color: #0a6999;background: url("../img/ibg.jpg") no-repeat;background-size: 100% 100%;}
    .mtitle{width: 30rem;}
    .mtitle:before{position: absolute;left:-7rem;top:1rem;display:none;}
    .mtitle:after{position: absolute;right:-7rem;top:1rem;display:none;}
    .mytitles:before{position: absolute;left:-6.6rem;top:1rem;display:none;}
    .mytitles:after{position: absolute;right:-5.9rem;top:1rem;display:none;}
    .imgbs span.sbg{padding: 2rem 0px;}
    .mt10{margin-top: 1rem;}
    .mt30{margin-top: 3rem;}
    .abright{margin-top: 1.2rem;}
    .abbox div.fl{max-height: none;}
    .newr{padding: 25px;}
    .ntime{height:4rem;width:7rem;padding: 1rem 0;}
    .ntime span{height: 2rem;line-height: 2rem;}
    .ntime span:nth-child(1){bottom: 1.8rem;}
    .newimgbox span.stitle{padding: 1.3rem 0;}
    .newsright {padding-left: 0;}
    .severbg{background: url("../img/sbg.jpg") repeat-y;}
    .mtright{border-left: 0px;padding-left: 1.5rem;}
    .ftitle{display:block;margin-top: 1.5rem;}
    .footer{padding-top: 1rem;}
    .foot_bottom{margin-top: 1rem;}
    .mtboxs span{padding: 8px 0;}

    /*about*/
    .abtop span:nth-child(2){top:20%;}
    .abtop span:nth-child(3){font-size: 2rem;top:60%;}
    /* .abtul li:nth-child(1){display: none;} */
    .culturebg{background: url("../img/culturebg.png") repeat-y;}
    .cultureul ul li span:nth-child(2){min-height: 4rem;}
    .pdl30{padding-bottom: 2rem;}
    .cul_ul1 li:nth-child(3), .cul_ul1 li:nth-child(4),.cul_ul2 li:nth-child(3), .cul_ul2 li:nth-child(4){margin-top: 2rem;}
    .cul_ul1 li:nth-child(1):before{content:"";border-bottom: 1px solid #797979;position: absolute; width: 90%;bottom: 0;left: 0;}
    .cul_ul1 li:nth-child(2):before{content:"";border-bottom: 1px solid #797979;position: absolute; width: 90%;bottom: 0;right:0;}
    .cul_ul1 li:nth-child(3):before{content:"";border-bottom: 1px solid #797979;position: absolute; width: 90%;bottom: 0;left:0rem;}
    .cul_ul1 li:nth-child(4):before{content:"";border-bottom: 1px solid #797979;position: absolute; width: 90%;bottom: 0;right: 0rem;}

    .cul_ul1 li:nth-child(1):after{content:"";border-left: 1px solid #797979;position: absolute;    right: 0rem;height: 10rem;top: 0px;}
    .cul_ul1 li:nth-child(2):after{content:"";border-left: 0px solid #797979;position: absolute;    right: 0rem;height: 10rem;top: 0px;}
    .cul_ul1 li:nth-child(3):after{content:"";border-left: 1px solid #797979;position: absolute;    right: 0rem;height: 10rem;top: 0px;}

    .cul_ul2 li:nth-child(1):before{content:"";border-bottom: 1px solid #797979;position: absolute; width: 90%;bottom: 0;left: 0;}
    .cul_ul2 li:nth-child(2):before{content:"";border-bottom: 1px solid #797979;position: absolute; width: 90%;bottom: 0;right:0;}
    .cul_ul2 li:nth-child(1):after{content:"";border-left: 1px solid #797979;position: absolute;    right: 0rem;height: 10rem;top: -1rem;}
    .cul_ul2 li:nth-child(2):after{content:"";border-left: 0px solid #797979;position: absolute;    right: 0rem;height: 10rem;top: -1rem;}
    .cul_ul2 li:nth-child(3):after{content:"";border-left: 1px solid #797979;position: absolute;    right: 0rem;height: 10rem;top: -1rem;}

    .advantage span{padding-top: 0;}
    .product_box ul li{padding-top: 2rem;width: 100%;}
    .pd30{padding: 1.5rem 0;}
    .product_box ul li{width: 100%;height: auto;margin-bottom: 0px;}
    .product_nav{margin-top: 10px;}


    .mtright ul li:nth-child(1){margin-top: 0.8rem;}

    .jobinfo .infobox{padding: 1.2rem 0;}
    .r_txt_box{padding: 1rem 0;}
    .form-horizontal .mylabel{text-align: justify;}
    .emailbox,.phonebox{background-size: 7rem 7.5rem;}
    .emailbox span,.phonebox span{text-indent: 8rem;}
    .phonebox{margin-top: 3rem;}
    .contactnbox{margin-bottom: 3rem;margin-top: 2rem;}
    .pd40{padding: 1rem 0;}
    .zlbox .pd20{padding: 1rem 0}
    .jfontstyle div:before, .jfontstyle div:after{top:0.8rem;}
    .jfontstyle div:after{left:9.2rem;}

    .pro_info span:nth-child(1),.pro_info span:nth-child(2){padding: 2rem;}
    .pro_info a{margin-top: 2rem;}
    .product_nav li{padding: 0.5rem 0;}
    .product_nav li:nth-child(1):after,.product_nav li:nth-child(2):after,.product_nav li:nth-child(3):after,.product_nav li:nth-child(4):after,.product_nav li:nth-child(5):after{
        content: "";border-right: 0px;
    }
    .procontent{padding: 0 2rem;}
    .procontent img{width: 100%;}
    .myinfo{padding: 1rem 0;}
    .news_content img{width: 100%;}
    .indexabn{font-size: 24px;}
    .newr p{font-size: 16px;line-height: 26px;}
    .minfo{padding: 1rem 0;}
    .mimgbox ul li{margin-right: 0;}
    .imgbgbox{height: auto;}
    .qualibg{display: none;}
    .positon, .positon_right,.res_position_right{height: 35px;line-height: 35px;}
	.positon div{padding-top:0.7rem;}
    .server_left_box, .server_lfetimg{width: 100%;height: auto;    position: unset;
        float: unset;}
    .zp_s,.zp_c, .px_f, .xc_f, .sm_l{width: 100%;height: auto;margin-right: 0px;}
    .zp_s{margin-bottom: 27px;}
    .pl10{padding-left: 0;}
    .mimgbox ul li div.imgbs,.mimgbox ul li div.imgbs a img{height: auto;}
    .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right{display: none;}
    .zpboxrw{width: 100%;}
        .form-horizontal{padding-right: 15px;}
    .form-horizontal .form-group{width: 100%;margin: 20px  0;}
    /*.abtop img{*/
        /*width: 100%;*/
        /*position: unset;*/
        /*left: unset;*/
        /*margin-left: unset;*/
    /*}*/
        .pro_top img{
            position: unset;
        }
        .index_pro_new:nth-child(1){
            width: 100%;
            margin-bottom: 15px;
        }
        .index_pro_new:nth-child(1) .colchange,.index_pro_new:nth-child(2)  .colchange,.index_pro_new:nth-child(3)  .colchange{
            height: auto;
        }
        .index_pro_new:nth-child(2), .index_pro_new:nth-child(3){
            width: 49%;
        }
        .index_pro_new:nth-child(2){
            margin-right: 2%;
        }
		.server_ulbox{
			width:100%;
		}
		.pronav h3{
			font-size:3rem;
		}
		.pronav h3.spe_tit .pro_title span{
			font-size:2.5rem;
		}
}
/*@media screen  and (min-width: 992px) {*/
    /*.ablefts img {min-height: 410px;min-width: 469px;}*/
/*}*/
@media screen and (max-width: 375px){
    .emailbox,.phonebox{background-size: 5rem 5.5rem;}
    .emailbox span,.phonebox span{text-indent: 5rem;}
    .phonebox{margin-top: 3rem;}
    .zlbox .pd20{padding: 1rem 0}
}
/*@media only screen and (min-width: 481px){*/
    /*html {*/
        /*font-size: 94%!important; !* 15.04÷16=94% *!*/
    /*}*/
/*}*/
/*@media only screen and (min-width: 561px){*/
    /*html {*/
        /*font-size: 109%!important; !* 17.44÷16=109% *!*/
    /*}*/
/*}*/
/*@media only screen and (min-width: 641px) {*/
    /*html {*/
        /*font-size: 125% !important; !* 20÷16=125% *!*/
    /*}*/
/*}*/