﻿/* CSS Document */

body {margin:0;padding:0;line-height:24px;font-family:'Microsoft YaHei';overflow-x: hidden;}
div,ul,li,dt,dl,dd,h1,h2,h3,h4,h5,h6,h7,img,p,span{ border-style: none;
	border-color: inherit;
	border-width: 0px;
	padding: 0;
	list-style-type:none;
	margin-left: auto;
	margin-top: 0;
	margin-bottom: 0;
}


/* Link */
a:link { text-decoration:none;}
a:visited {text-decoration:none;}
a:hover { text-decoration:none;}
a:active { border:0px; background-color:Transparent;}

a{blr:expression(this.onFocus=this.blur()); outline:none;} 

.blank5{ width:100%; height:5px; clear:both;}
.blank10{ width:100%; height:10px; clear:both;}
.blank15{ width:100%; height:15px; clear:both;}
.blank20{ width:100%; height:20px; clear:both;}
.blank30{ width:100%; height:30px; clear:both;}
.blank40{ width:100%; height:40px; clear:both;}

/*Clear*/
.clear{ clear:both; font-size:1px; height:0px; line-height:0px; overflow:hidden;}/*可用height:1px; overflow:hidden;来控制IE6默认的div的高为12~14px,用BR来做吧，用DIV不太好用*/

/*针对1920的宽屏*/

.max{position:relative;width:1920px;height:5799px;left:50%;margin-left:-960px;background: url(../images/topbar.jpg) no-repeat center;}
.z_max{
    width: 1200px;
    margin: 0 auto;
    clear: both;
}

.z_top{
    position: absolute;
    width: 100%;
    left: 0;
    top: 45px;
    height: 80px;
    z-index: 10;
}
.z_logo{
    float: left;
    margin-left: -175px;
}

.z_tel{
    float: right;
    font-family: Impact;
    font-size: 36px;
    color: #fff;
    margin-right: -210px;
    margin-top: 25px;
}
.z_tel img{
    margin-right: 13px;
}

.z_nav{
    float: left;
    margin-top: 30px;
    margin-left: 55px;
}
.z_nav ul li{
    float: left;
    font-size: 16px;
    border-bottom: 1px solid transparent;
    padding-bottom: 5px;
    margin: 0 12px;
}
.z_nav ul li a{
    color: #fff;
}
.z_nav ul li:hover{
    border-bottom: 1px solid #fff100;
}
.z_foot{
    width: 100%;
    float: left;
    background: #333333;
    height: 45px;
    line-height: 45px;
    font-size: 12px;
    color: #fff;
    text-align: center;
}
.z_jia1{
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 517px;
}
.z_jia1 img{
    width: 804px;
    height: 740px;
}
.z_title{
    width: 100%;
    float: left;
    text-align: center;
}
.z_title img{}
.z_title h3{
    font-size: 26px;
    color: #fff;
    font-weight: normal;
    margin-top: 33px;
    margin-bottom: 15px;
    letter-spacing: 12px;
    margin-left: 14px;
}
.z_title h3 span{
    color: #f3d60b;
}
.z_title i{
    display: inline-block;
    background: #fff;
    height: 2px;
    width: 167px;
    margin-bottom: 20px;
}
.z_title font{
    display: block;
    font-size: 18px;
    color: #fff;
}
.z_title font span{
    color: #f3d60b;
    font-size: 22px;
}

.z_jia2{
    width: 100%;
    float: left;
    margin-top: 30px;
    margin-bottom: 30px;
}
.z_jia2 dt{
    width: 50%;
    display: block;
    float: left;
    margin-top: 119px;
}
.z_jia2 dt font{
    background: url(../images/jia/yj.png) no-repeat top left;
    position: relative;
    padding-left: 316px;
    display: block;
    font-size: 24px;
    color: #333;
    width: 531px;
    right: 128px;
}
.z_jia2 dt font span{
    display: block;
    line-height: 45px;
    margin-bottom: 4px;
}
.z_jia2 img{
    width: 536px;
    height: 520px;
    float: left;
}

.z_mm{
    width: 100%;
    float: left;
    height: 535px;
    margin-top: 80px;
    text-align: center;
    margin-bottom: 75px;
}
.z_mm ul li{
    display: inline-block;
    height: 535px;
    border-left: 1px dashed #fff;
    width: 159px;
    padding: 0 40px;
}
.z_mm ul li.nhov{
    border-left: 1px solid transparent;
}
.z_mm ul li dt{
    display: inline-block;
    width: 160px;
    height: 163px;
    overflow: hidden;
    border-radius: 50%;
    float: right;
}
.z_mm ul li dt img{}
.z_mm ul li bt{
    display: block;
    margin-top: 25px;
    float: right;
}
.z_mm ul li bt img{}
.z_mm ul li h3{
    display: inline-block;
    font-size: 22px;
    color: #333;
    font-weight: normal;
    background: #f3d60b;
    padding: 6px 20px;
    border-radius: 20px;
    margin-top: 16px;
    float: right;
}
.z_mm ul li font{
    font-size: 22px;
    color: #fff;
    display: inline-block;
    text-indent: 3rem;
    margin-top: 21px;
    text-align: justify;
    line-height: 1.5;
    width: 155px;
    float: right;
    height: 165px;
    overflow: hidden;
}

.z_title1{
    width: 100%;
    float: left;
    text-align: center;
}
.z_title1 img{}
.z_title1 h3{
    font-size: 26px;
    color: #fff;
    font-weight: normal;
    margin-top: 33px;
    margin-bottom: 15px;
    letter-spacing: 12px;
    margin-left: 14px;
}
.z_title1 h3 span{
    color: #f3d60b;
}
.z_title1 i{
    display: inline-block;
    border: 1px solid #fff;
    height: 2px;
    width: 167px;
    margin-bottom: 20px;
}
.z_title1 dt{
    display: block;
}
.z_title1 font{
    display: inline-block;
    font-size: 18px;
    color: #fff;
    border: 1px solid #fff;
    padding: 0 10px;
    line-height: 30px;
    margin: 0 7px;
    margin-bottom: 15px;
}
.z_title1 font span{
    color: #f3d60b;
}

.z_jia3{
    width: 66%;
    float: left;
    text-align: center;
    margin-left: 17%;
    margin-top: 38px;
}
.z_jia3 ul li{
    width: 182px;
    height: 169px;
    float: left;
    border-radius: 8px;
    overflow: hidden;
    margin: 8px;
}
.z_jia3 ul li img{
    width: 182px;
    height: 169px;
    float: left;
}

.z_zm{width:100%;float:left;position:relative;height:810px;margin-top: 80px;}
.z_zm1{
    width: 689px;
    height: 611px;
    float: left;
    border: 1px dashed #fff;
    border-radius: 50%;
    position: relative;
    left: -90px;
}
.z_zm1 img{
    float: left;
    margin-left: 100px;
    margin-top: 86px;
}
.z_zm1 dt{
    position: absolute;
    width: 101px;
    height: 101px;
    font-size: 30px;
    color: #e12000;
    text-align: center;
}
.z_zm1 dt font{
    display: block;
    margin: 15px 19px;
    line-height: 1;
}
.z_zm1 dt bt{
    font-size: 19px;
    color: #fff;
    position: absolute;
    text-align: left;
    line-height: 1.5;
}
.z_zm1 dt.zm1{
    background: url(../images/jia/y1.png) no-repeat;
    top: -32px;
    left: 225px;
    padding-bottom: 10px;
}
.z_zm1 dt.zm1 bt{
    width: 276px;
    left: -70px;
    bottom: -52px;
}
.z_zm1 dt.zm2{
    top: -32px;
    left: 451px;
    background: url(../images/jia/y2.png) no-repeat;
    padding-right: 18px;
}
.z_zm1 dt.zm2 bt{
    width: 597px;
    left: 124px;
    top: 25px;
}
.z_zm1 dt.zm3{
    top: 116px;
    right: -14px;
    background: url(../images/jia/y2.png) no-repeat;
    padding-right: 18px;
}
.z_zm1 dt.zm3 bt{
    width: 231px;
    left: 124px;
    top: 24px;
}
.z_zm1 dt.zm4{
    top: 279px;
    right: -65px;
    background: url(../images/jia/y2.png) no-repeat;
    padding-right: 18px;
}
.z_zm1 dt.zm4 bt{
    width: 193px;
    left: 124px;
    top: 10px;
}
.z_zm1 dt.zm5{
    bottom: 45px;
    right: -14px;
    background: url(../images/jia/y2.png) no-repeat;
    padding-right: 18px;
}
.z_zm1 dt.zm5 bt{
    width: 504px;
    left: 124px;
    top: -6px;
}
.z_zm1 dt.zm6{
    bottom: -46px;
    right: 203px;
    background: url(../images/jia/y2.png) no-repeat;
    padding-right: 18px;
}
.z_zm1 dt.zm6 bt{
    width: 438px;
    left: 124px;
    top: 46px;
}
.z_zm1 dt.zm7{
    background: url(../images/jia/y1.png) no-repeat;
    bottom: -30px;
    left: 168px;
    padding-bottom: 10px;
}
.z_zm1 dt.zm7 bt{
    width: 580px;
    left: -56px;
    top: 141px;
}

.z_zm2{
    float: right;
    width: 312px;
    text-align: center;
    margin-top: 148px;
}
.z_zm2 img{
    margin-bottom: 20px;
}
.z_zm2 font{
    display: block;
    font-size: 33px;
    color: #fff;
    line-height: 1.5;
    letter-spacing: 6px;
}
.z_zm2 i{
    display: inline-block;
    border: 1px solid #fff;
    height: 4px;
    width: 162px;
    margin-top: 20px;
}

.z_title2{
    width: 100%;
    float: left;
    text-align: center;
}
.z_title2 img{}
.z_title2 h3{
    font-size: 26px;
    color: #fff;
    font-weight: normal;
    margin-top: 33px;
    margin-bottom: 20px;
}
.z_title2 h3 span{
    color: #f3d60b;
}
.z_title2 i{
    display: inline-block;
    background: #fff;
    height: 2px;
    width: 167px;
    margin-bottom: 30px;
}
.z_title2 font{
    display: block;
    font-size: 18px;
    color: #fff;
    line-height: 1.5;
}
    .z_title2 font span {
        color: #f3d60b;
    }
    .z_jia4{
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 63px;
    margin-bottom: 50px;
}
    .z_jia4 font{
    display: inline-block;
    font-size: 23px;
    line-height: 35px;
    background: #fff;
    border-radius: 29px;
    height: 35px;
    padding-right: 10px;
    margin-bottom: 10px;
    overflow: hidden;
}
    .z_jia4 font span{
    display: block;
    float: left;
    background: #ffe44e;
    padding: 0 10px;
}

    .z_jia5{
    width: 100%;
    float: left;
    text-align: center;
    margin: 51px 0;
}
.z_jia6{
    width: 100%;
    float: left;
    text-align: center;
    padding: 51px 0;
    background: url(../images/topbar.jpg) no-repeat center;
    color: #fff;
    font-size: 16px;
}

@media screen and (max-width: 1440px){
.z_top{
    top: 25px;
}
.z_logo{
    margin-left: 0;
    width: 260px;
    margin-left: -35px;
}
.z_logo img{width:100%;}
.z_nav{
    margin-left: 39px;
    margin-top: 11px;
}
.z_nav ul li{margin:0 10px;}
.z_tel{
    margin-right: -29px;
    font-size: 30px;
    margin-top: 13px;
}
.z_tel img{
    float: left;
    margin-top: -4px;
}
}