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

html,body{width:100%; height:100%;}
body{ margin: 0; padding: 0;  background: #fff; color:#fff;/*position: absolute;top:0;left: 0;right: 0;bottom: 0;font-size: 100px*/;font-family: Microsoft YaHei}
table{ margin:0 auto;border-spacing: 0}
table tr,table tr td{margin:0; padding:0;}
*{font-family: Microsoft YaHei}
/*table tr td img{display:block;}*/
/*头部*/
.head-wrap{height: 72px;width: 100%;min-width: 1200px;position: fixed;left: 0;top: 0;background: white;z-index: 9999}
.header{height: 72px;line-height:72px;background:#fff;width: 1200px;margin: 0 auto;}
.logo{float: left;margin-top:16px ;}
.header ul{  float: right;margin-right: 20px}
.header ul li{  color: #271916;  float: left;font-size: 16px;margin: 0 20px;text-align: center;height: 72px;line-height:72px;box-sizing: border-box}
.icon-img{text-align:right;margin-bottom: 45px; overflow: hidden;cursor: pointer}
.img1{ background: url(../images/1.png) bottom no-repeat;height: 150px;width: 483px }
.img2{ background: url(../images/2.png) bottom no-repeat;height: 150px;width: 477px;float: right }
.img3{ background: url(../images/3.png) bottom no-repeat;height: 150px;width: 484px }
.img4{ background: url(../images/4.png) bottom no-repeat;height: 150px;width: 411px;float: right }
.img5{ background: url(../images/5.png) bottom no-repeat;height: 150px;width: 450px }
.img6{ background: url(../images/6.png) bottom no-repeat;height: 150px;width: 474px;float: right }
.img7{ background: url(../images/7.png) bottom no-repeat;height: 155px;width: 410px }
.img8{ background: url(../images/8.png) bottom no-repeat;height: 150px;width: 493px;float: right }
.icon-img div:hover,.act div{ background-position:top}

.mid{float: left;margin-top: 50px;position: relative;overflow: hidden}
.mid img{position: absolute}
.mid > div{width: 28px;height: 28px;position: absolute;line-height: 28px;text-align: center;left: 4px}
.mid > div img{left: 0;top:0;right: 0;bottom: 0;margin: auto}
.loc1{top: 99px}
.loc2{top: 199px}
.loc3{top: 298px}
.loc4{top: 396px}
.loc5{top: 494px}
.loc6{top: 590px}
.loc7{top: 690px}
.loc8{top: 775px}
.header ul li a{color: #271916;}
.header ul li.active,.header ul li:hover{color: #fd0000;border-bottom: 2px solid #fd0000}
/*.nav ul li.active,.nav ul li:hover{color: #f08058;}*/
/*.nav ul li.active img{position: relative;top: -3px}*/

/*@media screen and (max-width: 750px) and (max-height: 750px){
    .hd-content{width: 100%;margin: 0 auto;height: 80px;}
}*/
/*内容*/
.content{width:100%;position: absolute;top:0;left: 0;right: 0;bottom: 0;min-width: 1200px;overflow: hidden;min-height: 580px;}
.content img{position: absolute;}
.bg{background: url(../images/bg.png) no-repeat;background-size: cover;behavior: url(css/backgroundsize.min.htc);background-position:center center}

.head{width: 1400px;position: absolute;left: 0;right: 0;top: 60px;height: 64px;line-height: 64px;margin: 0 auto}
.head ul{float: right}
.head ul li{float: left;padding:0 ;color: #26bbed;font-size: 18px;margin: 0 20px}

.content-text{color: #464e57;font-size: 18px;padding: 0 20px;box-sizing: border-box;min-height: 370px}
.content-text .title1{font-size: 30px;text-align: center;margin-top: 55px}
.content-text .title2{text-align: center;margin-bottom: 30px}
.content-text p{text-indent: 2em;line-height: 2em;}

.content1{width: 1200px;margin: 0 auto;overflow: hidden;position: relative;padding-top: 65px}

.copyright{color: #7b7b7b;font-size: 15px;height: 45px;line-height: 45px;text-align: center;margin-top: 80px;min-width: 1200px}
.line{float: right;height:16px;width: 1px;background: #afb0b1;margin-top: 10px;margin-right: 30px}
/*.job-left ul li{cursor: pointer}*/
/*.job-left ul li a:hover{color: red}*/
/*.job-left ul li .active{color: red}*/
/*.job-left ul {border-right:3px solid #d7d7d7;overflow: hidden;min-height: 400px }*/

.zg_headerw{ width: 100%; height: 60px; min-width: 1000px; position: fixed;top:0;z-index: 10;background: white}
.zg_header{ width: 1000px; height: 60px; line-height: 60px; margin: 0 auto;}
.zg_logo{ display: block; width: 166px; height: 34px; float: left; margin-top: 13px;}
.zg_logo img{ display: block; width: 100%; height: 100%;}
.zg_nav{ width: auto; float: right; height: 52px; line-height: 52px; margin-top: 8px;}
.zg_nav li{  float: left; text-align: right;margin-left: 60px;height: 52px; line-height: 52px; }
.zg_nav li .a1{ display: block; height: 50px; line-height: 50px; font-size: 16px; color: #333;font-family: 'Microsoft Yahei';}
.zg_nav li .a1:hover{ color: #4090ff;}
.zg_navbw{ width: 100%; height: 0px; position: absolute; left: 0; top: 60px;min-width: 1000px; /*display: none;*/ z-index: 10;overflow: hidden}
.zg_zzc{ width: 100%; height: 100%; background: #fff; opacity: .8;filter:alpha(opacity=80); position: absolute; left: 0; top: 0;}
.zg_navb{ width: 1000px; height: 46px; text-align: right; margin: 0 auto; font-size: 14px; color: #777; font-family: 'Microsoft Yahei'; position:relative; z-index: 2;}
.zg_navb a{ font-size: 14px; color: #777; font-family: 'Microsoft Yahei'; margin-left: 47px; }
.zg_navb a:hover{ color: #4090ff; text-decoration: underline;}

.zg_nav li.on .a1{ color: #4090ff; border-bottom: 2px solid #4090ff;}

.zg_headerw{ width: 100%; height: 60px; min-width: 1000px; position: fixed;top:0;z-index: 10;background: white}
.zg_header{ width: 1000px; height: 60px; line-height: 60px; margin: 0 auto;}
.zg_logo{ display: block; width: 166px; height: 34px; float: left; margin-top: 13px;}
.zg_logo img{ display: block; width: 100%; height: 100%;}
.zg_nav{ width: auto; float: right; height: 52px; line-height: 52px; margin-top: 8px;}
.zg_nav li{  float: left; text-align: right;margin-left: 60px;height: 52px; line-height: 52px; }
.zg_nav li .a1{ display: block; height: 50px; line-height: 50px; font-size: 16px; color: #333;font-family: 'Microsoft Yahei';}
.zg_nav li .a1:hover{ color: #ef3232;}
.zg_navbw{ width: 100%; height: 46px; position: absolute; left: 0; top: 60px;min-width: 1000px; display: none; z-index: 10;}
.zg_zzc{ width: 100%; height: 100%; background: #fff; opacity: .8;filter:alpha(opacity=80); position: absolute; left: 0; top: 0;}
.zg_navb{ width: 1000px; height: 46px; text-align: right; margin: 0 auto; font-size: 14px; color: #777; font-family: 'Microsoft Yahei'; position:relative; z-index: 2;}
.zg_navb a{ font-size: 14px; color: #777; font-family: 'Microsoft Yahei'; margin-left: 47px; }
.zg_navb a:hover{ color: #ef3232; text-decoration: underline;}

.zg_nav li.on .a1{ color: #ef3232; border-bottom: 2px solid #ef3232;}