.content{ width:1200px; margin:0 auto;  }

.g_pz{
	height:287px;
	margin-bottom:15px;

}
.g_pz h2{height: 140px;text-align: center;font-size: 48px;font-weight: normal;color: #fff;}
.g_pz h2 a{color: #fff;}
.g_pz h2 em{display: block;font-size: 18px;color: #fff;margin-top: 5px;height: 36px;line-height: 36px;}
.g_pz dl{float: left;width: 230px;margin-right: 12px;}
.g_pz .lastdl{margin-right: 0;}
.g_pz dt{width:230px;height:215px;overflow: hidden;}
.g_pz dt img{width:230px;height:215px;display: block;}
.g_pz dd{height:52px;background:#557AA2;position: relative;}
.g_pz dd i{position: absolute;left:50%;top:-70px;margin-left: -70px; width: 140px;height: 140px;background:url(../images/pzbg1.png) no-repeat;display: block;}
.g_pz dl:hover dd i{background:url(../images/pzbg2.png) no-repeat;transition: all .4s ease 0s;-webkit-transition: all .4s ease 0s;-moz-transition: all .4s ease 0s;}
.g_pz dl:hover dd{background: #ebab01;transition: all .4s ease 0s;-webkit-transition: all .4s ease 0s;-moz-transition: all .4s ease 0s;}
.g_pz h3{padding-top: 12px;font-size: 20px;color: #fff;line-height: 36px;font-weight: normal;text-align: center;position: relative;z-index: 11;}
.g_pz dl:hover h3{padding-top:12px;}
.g_pz p{font-size: 14px;line-height: 22px;text-align: center;color: #fff;padding: 0 40px;display: none;position: relative;z-index: 15;}
.g_pz dl:hover p{display: block;}
.g_pz .lastdl p{padding: 0 15px;}

/*----- 导航结�实验 开始-----*/
header{ position: relative;z-index: 999;width: auto; height:91px;float: right; margin-right:0.5rem;}
header .menunav{ float: right;}
header .menunav a{ vertical-align: middle; display: inline-block;height:91px; text-align: center; line-height:91px; font-size: 16px; color: #3E3B32; position: relative; z-index: 2;
padding-left:0.2rem; 
padding-right:0.2rem}
header .menunav a:after{
	background-color: #557AA2; position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 0%; z-index: -1;
	transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
}
header .menunav a:hover,header .menunav a.on{ color: #fff;}
header .menunav a:hover:after,header .menunav a.on:after{ height: 100%;}

.xlnav{ width: 100%; position: absolute; left: 0; top:92px; height: 60px; background-color: #fff; background-color: rgba(0,0,0,0.5); z-index: 99; display: none;}
.xlnav .subxos{ width: 1200px; margin: 0 auto; padding: 20px 0;}
.xlnav .subxos .neinav{ position: absolute; left: 0; top: 0; width: 100%; height: 60px; text-align:left; z-index: 0;
	opacity: 0;
	transform: scale(0.5);
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
}
.xlnav .subxos .neinav.act{
	opacity: 1;
	transform: scale(1.0);
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	z-index: 2;
}
.xlnav .subxos .neinav a{ vertical-align: top; display: inline-block; padding: 0 20px; line-height: 60px; font-size: 14px; color: #fff;}
.xlnav .subxos .neinav a.on,
.xlnav .subxos .neinav a:hover{ background-color: #557AA2; color: #fff;}


@media (min-width:1300px) and (max-width:1357px) {
.xlnav .subxos .neinav:nth-of-type(1){ padding-left:29%;}
.xlnav .subxos .neinav:nth-of-type(2){ padding-left:36.2%;}
.xlnav .subxos .neinav:nth-of-type(3){ padding-left:48.2%;}
.xlnav .subxos .neinav:nth-of-type(4){ padding-left:39.7%;}
.xlnav .subxos .neinav:nth-of-type(5){ padding-left:62.5%;}
.xlnav .subxos .neinav:nth-of-type(6){ padding-left:62.2%;}
.xlnav .subxos .neinav:nth-of-type(7){ padding-left:77.3%;}

}

@media (min-width:1358px) and (max-width:1472px) {
.xlnav .subxos .neinav:nth-of-type(1){ padding-left:30.6%;}
.xlnav .subxos .neinav:nth-of-type(2){ padding-left:37.2%;}
.xlnav .subxos .neinav:nth-of-type(3){ padding-left:49.2%;}
.xlnav .subxos .neinav:nth-of-type(4){ padding-left:41.2%;}
.xlnav .subxos .neinav:nth-of-type(5){ padding-left:63.6%;}
.xlnav .subxos .neinav:nth-of-type(6){ padding-left:62.5%;}
.xlnav .subxos .neinav:nth-of-type(7){ padding-left:77.3%;}
}

@media (min-width:1473px) and (max-width:1609px) {
.xlnav .subxos .neinav:nth-of-type(1){ padding-left:33%;}
.xlnav .subxos .neinav:nth-of-type(2){ padding-left:36.2%;}
.xlnav .subxos .neinav:nth-of-type(3){ padding-left:49.2%;}
.xlnav .subxos .neinav:nth-of-type(4){ padding-left:43.2%;}
.xlnav .subxos .neinav:nth-of-type(5){ padding-left:63.5%;}
.xlnav .subxos .neinav:nth-of-type(6){ padding-left:61.2%;}
.xlnav .subxos .neinav:nth-of-type(7){ padding-left:75.3%;}
}


@media (min-width:1610px) and (max-width:1786px) {
.xlnav .subxos .neinav:nth-of-type(1){ padding-left:33%;}
.xlnav .subxos .neinav:nth-of-type(2){ padding-left:36.2%;}
.xlnav .subxos .neinav:nth-of-type(3){ padding-left:49.2%;}
.xlnav .subxos .neinav:nth-of-type(4){ padding-left:43.2%;}
.xlnav .subxos .neinav:nth-of-type(5){ padding-left:65.5%;}
.xlnav .subxos .neinav:nth-of-type(6){ padding-left:61.2%;}
.xlnav .subxos .neinav:nth-of-type(7){ padding-left:75.3%;}
}


@media (min-width:1787px) and (max-width:1890px) {
.xlnav .subxos .neinav:nth-of-type(1){ padding-left:33%;}
.xlnav .subxos .neinav:nth-of-type(2){ padding-left:36.2%;}
.xlnav .subxos .neinav:nth-of-type(3){ padding-left:49.2%;}
.xlnav .subxos .neinav:nth-of-type(4){ padding-left:43.2%;}
.xlnav .subxos .neinav:nth-of-type(5){ padding-left:65.5%;}
.xlnav .subxos .neinav:nth-of-type(6){ padding-left:61.2%;}
.xlnav .subxos .neinav:nth-of-type(7){ padding-left:75.3%;}
}

@media (min-width:1891px) and (max-width:1930px){
.xlnav .subxos .neinav:nth-of-type(1){ padding-left:42%;}
.xlnav .subxos .neinav:nth-of-type(2){ padding-left:47.2%;}
.xlnav .subxos .neinav:nth-of-type(3){ padding-left:56.2%;}
.xlnav .subxos .neinav:nth-of-type(4){ padding-left:51.2%;}
.xlnav .subxos .neinav:nth-of-type(5){ padding-left:67.5%;}
.xlnav .subxos .neinav:nth-of-type(6){ padding-left:68.0%;}
.xlnav .subxos .neinav:nth-of-type(7){ padding-left:78.6%;}

}




*{ margin:0; padding:0 ;}
i,header{ font-family: "微软雅黑",Tahoma, Helvetica, Arial, sans-serif; font-size:12px; font-weight:normal; font-style:normal;}


/*----- 导航结�实验 结�-----*/





@charset "utf-8";
/* CSS Document */

/*通用*/

* {
    box-sizing: border-box;
}

*::before,
*::after {
    box-sizing: border-box;
}

*:focus {
    outline: none;
}

html {
    -ms-touch-action: none;
    /* 阻止windows Phone 的默认触摸事件 */
}

/*兼容iphone去除默认input表�默认设置*/

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
    -webkit-appearance: none;
}

/*图片默认样�*/

img {
    border: 0;
    vertical-align: middle;
}

/*动画效果*/

* {
    transition-property: all;
}

.com-img img {
    transition: all 0.4s ease-in 0s;
    -webkit-transition: all 0.4s ease-in 0s;
    -moz-transition: all 0.4s ease-in 0s;
    -o-transition: all 0.4s ease-in 0s;
}

.com-img:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.cl {
    clear: both;
}

.show {
    display: block;
}

.hide {
    display: none;
}

.f18 {
    font-size: 18px !important;
}

.f16 {
    font-size: 16px !important;
}

.f14 {
    font-size: 14px !important;
}

.f12 {
    font-size: 12px !important;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.ml5 {
    margin-left: 5px;
}

.taC {
    text-align: center;
}

.taL {
    text-align: left;
}

.taR {
    text-align: right;
}

.ttU {
    text-transform: uppercase;
}

.ofH {
    overflow: hidden;
}

.ofA {
    overflow: visible !important;
}

.fwB {
    font-weight: 600;
}

.vaM {
    vertical-align: middle;
}

.pr {
    position: relative;
}

/*flex*/

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.flex-v {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex-2 {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
}

.flex-3 {
    -webkit-box-flex: 3;
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
}

.flex-align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex-pack-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flex-pack-justify {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flex-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.vertical-container {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

/*�制行数 -- 一行*/

.line1,
.In1st-box .t,
.In1st-box .c,
.Inews-box .name,
.Hn2nd-nav dd dt,
.Hn2nd-nav dd dd a,
.Hn2nd-nav dl dt,
.Hn2nd-nav dl dd a,
.csIpro-box .name,
.csIcase-box .name,
.csCinfo-page a,
.csCinfo-page a,
.csCIr-aPro li a,
.csCIr-aCase a,
.job-content span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/*动画*/

a:hover {
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.animation,
.Hn2nd-list a:after,
.Ipro-block .btn span,
.IabUs-box .IabUs-icon,
.IabUs-box .IabUs-icon img,
.IabUs-box:after,
.IabUs-box .IabUs-block,
.IabUs-wrap,
.index-abUs,
.Hn2nd-nav .type:after,
.auCp-box,
.abUs-comData ul li,
.auChonor-block:before,
.auChonor-block:after,
.auChonor-con {
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

/*滚动�*/

.viewport {
    overflow: hidden;
    position: relative;
    /*width:0px; height: 0px;*/
}

/*内容�视区域的宽高*/

.overview {
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
    /*width:0px; height: 0px;*/
}

/*内容�视区域的宽高*/

.scrollbar {
    position: relative;
    position: relative;
    display: inline;
    z-index: 400;
    z-index: 2;
    /*width:0px; height:0px;background-color:#afafaf;*/
}

/*滚动�的宽高颜色*/

.track {
    position: relative;
    /*width:0px;*/
}

/*滚动�的宽*/

.thumb {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0px;
    z-index: 400;
    /*width:0px;background-color:#afafaf;*/
}

/*滚动�-当��的宽 left 颜色*/

.disable {
    display: none;
}

.noSelect {
    user-select: none;
}
.container-box{ padding-top:91px;}