/*==========全局==========*/

html {
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-text-size-adjust: none;
    _background-image: url(about:blank);
    _background-attachment: fixed;
}

body {
    font-family: "Microsoft Yahei", Arial, "宋体", Helvetica;
    font-size: 12px;
    color: #333333;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
sup,
sub {
    margin: 0;
    padding: 0
}

.table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset,
img {
    border: 0
}

ul,
ol,
li {
    list-style: none;
}

img {
    -ms-interpolation-mode: bicubic;
    vertical-align: top;
}

input,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

.imgmiddle,
input,
select {
    vertical-align: middle;
}

.clear {
    clear: both;
    height: 0;
    overflow: hidden;
}

.clearbox:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearbox {
    zoom: 1;
}

.fl {
    float: left;
    display: inline;
}

.fr {
    float: right;
    display: inline;
}

.auto {
    margin-left: auto;
    margin-right: auto;
}

a {
    text-decoration: none;
    color: #333333;
    blr: expression(this.onFocus=this.blur());
    /* IE Opera */
    outline: none;
    /* FF Opera */
    position: relative;
}

a:focus {
    -moz-outline-style: none;
    /* FF */
}

a:hover {
    text-decoration: none;
    color: #f60;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}

.ffyh {
    font-family: "Microsoft Yahei";
}

.ffarial {
    font-family: "arial";
}

.tc {
    text-align: center;
}

.tl {
    text-align: left;
}

.tr {
    text-align: right;
}

.word {
    word-break: break-all;
}

.dn {
    display: none;
}

.mt30 {
    margin-top: 30px;
}

#index {
    position: relative;
    z-index: 1;
}

.headbg {
    width: 100%;
    height: 70px;
    background: rgba(0, 0, 0, .8);
    filter: progid: DXImageTransform.Microsoft.Gradient(startColorstr=#CC000000, endColorstr=#CC000000);
    z-index: 999;
    overflow: visible;
    position: fixed;
    top: 0px;
    _position: absolute;
    _top: expression(documentElement.scrollTop + 0 + "px");
    z-index: 9999;
}

.head {
    position: relative;
    width: 960px;
    margin: 0 auto;
    height: 70px;
}

.width960 .head {
    width: 960px;
}


/* add */

.width1200 .head {
    width: 1200px;
}


/* add */

h1.logo {
    position: absolute;
    /* top: 14px; */
    left: 0;
    font-size: 12px;
    color: #fff;
}

.nav {
    position: absolute;
    top: 0;
    left: 150px;
}

.nav li {
    float: left;
    width: 100px;
    text-align: center;
    color: #fff;
}

.width960 .nav li {
    width: 100px;
}


/* add */

.width1200 .nav li {
    width: 135px;
}


/* add */

.nav li a {
    display: inline-block;
    height: 67px;
    line-height: 70px;
    font-size: 14px;
    color: #fff;
    padding-bottom: 3px;
}

.nav li a:hover {
    padding-bottom: 0px;
    border-bottom: 3px solid #0076db;
    color: #fff;
}

.nav li.active {
    background: #0076db;
}

.nav li.active a:hover {
    padding-bottom: 0;
}

.head_search {
    background: #000;
    width: 190px;
    height: 30px;
    position: absolute;
    top: 20px;
    right: 0;
    border-right: 1px solid #3a3a3c;
    border-bottom: 1px solid #3a3a3c;
}

.head_search_txt {
    width: 160px;
    height: 24px;
    line-height: 24px;
    border: 0;
    background: none;
    color: #FFF;
    margin: 3px 0 0 5px;
    float: left;
    display: inline;
}

.head_search_btn {
    width: 20px;
    height: 20px;
    float: right;
    margin: 5px 5px 0 0;
    display: inline;
    background: url("../images/indexicon.png"/*tpa=http://002.zyeg.cc/images/indexicon.png*/
    ) 0 -30px no-repeat;
    border: 0;
    cursor: pointer;
}

.head_tel {
    position: absolute;
    top: 16px;
    right: 0;
}

.infocus {
    width: 100%;
    height: 612px;
    overflow: hidden;
    position: relative;
}

.focus_pic {
    width: 100%;
    overflow: hidden;
}

.focus_pic ul {
    width: 400%;
}

.focus_pic li {
    float: left;
    overflow: hidden;
    width: 25%;
}

.focus_pic li a {
    text-align: center;
    width: 300%;
    display: block;
    margin-left: -100%;
}

.in_banner.slide_left {
    position: absolute;
    left: -50px;
    top: 260px;
}

.in_banner.slide_right {
    position: absolute;
    right: -50px;
    top: 260px;
}

.in_banner {
    width: 100%;
    height: 612px;
    overflow: hidden;
    position: relative;
}

.in_banner .slide_pic {
    width: 1920px;
    height: 612px;
    margin-left: -960px;
    position: relative;
    left: 50%;
    top: 0;
    ;
    overflow: hidden;
}

.in_banner .slide_pic li {
    width: 100%;
    height: 612px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.in_banner .slide_pic li a {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}

.in_banner .slide_left {
    position: absolute;
    left: -50px;
    top: 260px;
    z-index: 999;
}

.in_banner .slide_right {
    position: absolute;
    right: -50px;
    top: 260px;
    z-index: 999;
}

.poa {
    position: absolute;
}

.opacity {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

.banner1_img {
    top: 196px;
    left: 710px;
}

.banner1_text {
    top: 210px;
    left: 468px;
}

.banner1_btn {
    top: 450px;
    left: 470px;
}

.banner2_img1 {
    bottom: 0;
    left: 460px;
}

.banner2_img2 {
    top: 118px;
    left: 625px;
}

.banner2_title {
    top: 210px;
    left: 938px;
    line-height: 48px;
    font-weight: bold;
    font-size: 36px;
    color: #fff;
}

.banner2_text {
    padding: 20px 0;
    font-size: 14px;
    color: #fff;
    overflow: hidden;
}

.banner2_text .p1,
.banner2_text .p2 {
    float: left;
    width: 250px;
    line-height: 24px;
}

.banner2_text .icon {
    float: left;
    margin-right: 20px;
    display: inline;
    overflow: hidden;
}

.banner2_text .icon1 {
    width: 43px;
    height: 28px;
    background: url("../images/banner2_icon1.png"/*tpa=http://002.zyeg.cc/images/banner2_icon1.png*/
    ) no-repeat;
}

.banner2_text .icon2 {
    width: 33px;
    height: 32px;
    background: url("../images/banner2_icon2.png"/*tpa=http://002.zyeg.cc/images/banner2_icon2.png*/
    ) no-repeat;
}

.banner2_text .icon3 {
    width: 35px;
    height: 27px;
    background: url("../images/banner2_icon3.png"/*tpa=http://002.zyeg.cc/images/banner2_icon3.png*/
    ) no-repeat;
}

.banner2_text .icon4 {
    width: 33px;
    height: 38px;
    background: url("../images/banner2_icon4.png"/*tpa=http://002.zyeg.cc/images/banner2_icon4.png*/
    ) no-repeat;
}

.banner2_text .icon5 {
    width: 29px;
    height: 29px;
    background: url("../images/banner2_icon5.png"/*tpa=http://002.zyeg.cc/images/banner2_icon5.png*/
    ) no-repeat;
}

.banner2_text .icon6 {
    width: 35px;
    height: 27px;
    background: url("../images/banner2_icon6.png"/*tpa=http://002.zyeg.cc/images/banner2_icon6.png*/
    ) no-repeat;
}

.banner2_text1 {
    top: 340px;
    left: 938px;
}

.banner2_text2 {
    top: 410px;
    left: 938px;
}

.banner2_text3 {
    top: 470px;
    left: 938px;
}

.banner3_img {
    bottom: 0;
    left: 500px;
}

.banner3_text {
    top: 245px;
    right: 468px;
}

.banner3_btn {
    bottom: 60px;
    right: 468px;
}

.banner4_img {
    top: 102px;
    left: 528px;
}

.banner4_title1 {
    top: 235px;
    left: 960px;
}


.banner4_title2 {
    top: 235px;
    left: 1118px;
}

.banner4_title3 {
    top: 235px;
    left: 1280px;
}

.banner4_text {
    top: 328px;
    left: 960px;
    line-height: 24px;
    font-size: 14px;
    color: #b0400e;
}

.anima {
    opacity: .7;
    -webkit-animation-name: 'opt';
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes 'opt' {
    from {
        opacity: .7;
    }
    50% {
        opacity: 1;
    }
    to {
        opacity: .7
    }
}

#services {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 405px;
}

.services_title {
    text-align: center;
    padding-top: 30px;
    overflow: hidden;
}

.services_con {
    margin: 45px auto 0 auto;
    overflow: hidden;
    background: #fff;
    padding: 0 10px;
}

.width960 .services_con {
    width: 960px;
}

.width1200 .services_con {
    width: 1200px;
}

.services_con ul {
    width: 1464px;
    overflow: hidden;
}

.services_con li {
    float: left;
    width: 204px;
    height: 260px;
    margin-right: 48px;
    text-align: center;
    display: inline;
}

.services_con li a {
    display: block;
    width: 204px;
}

.services_con li a:hover h3 {
    color: #0076db;
}

.services_con li a:hover p {
    color: #333;
}

.services_ico {
    margin: 0 auto;
    width: 130px;
    height: 130px;
}

.services_ico div {
    display: block;
    width: 130px;
    height: 130px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.services_ico01 {
    background: url("../images/search_ico.png"/*tpa=http://002.zyeg.cc/images/search_ico.png*/
    ) no-repeat;
}

.services_ico02 {
    background: url("../images/search_ico.png"/*tpa=http://002.zyeg.cc/images/search_ico.png*/
    ) -130px 0 no-repeat;
}

.services_ico03 {
    background: url("../images/search_ico.png"/*tpa=http://002.zyeg.cc/images/search_ico.png*/
    ) -260px 0 no-repeat;
}

.services_ico04 {
    background: url("../images/search_ico.png"/*tpa=http://002.zyeg.cc/images/search_ico.png*/
    ) -390px 0 no-repeat;
}

.services_ico05 {
    background: url("../images/search_ico.png"/*tpa=http://002.zyeg.cc/images/search_ico.png*/
    ) -520px 0 no-repeat;
}

.services_ico06 {
    background: url("../images/search_ico.png"/*tpa=http://002.zyeg.cc/images/search_ico.png*/
    ) -650px 0 no-repeat;
}

.services_ico01 div {
    background: url("../images/search_ico.png"/*tpa=http://002.zyeg.cc/images/search_ico.png*/
    ) 0 -130px no-repeat;
}

.services_ico02 div {
    background: url("../images/search_ico.png"/*tpa=http://002.zyeg.cc/images/search_ico.png*/
    ) -130px -130px no-repeat;
}

.services_ico03 div {
    background: url("../images/search_ico.png"/*tpa=http://002.zyeg.cc/images/search_ico.png*/
    ) -260px -130px no-repeat;
}

.services_ico04 div {
    background: url("../images/search_ico.png"/*tpa=http://002.zyeg.cc/images/search_ico.png*/
    ) -390px -130px no-repeat;
}

.services_ico05 div {
    background: url("../images/search_ico.png"/*tpa=http://002.zyeg.cc/images/search_ico.png*/
    ) -520px -130px no-repeat;
}

.services_ico06 div {
    background: url("../images/search_ico.png"/*tpa=http://002.zyeg.cc/images/search_ico.png*/
    ) -650px -130px no-repeat;
}

.services_con li h3 {
    margin-top: 25px;
    font-size: 18px;
    font-weight: normal;
    color: #333;
    line-height: 24px;
}

.services_con li h3 span {
    font-size: 14px;
}

.services_con li p {
    line-height: 22px;
    color: #666666;
    margin-top: 5px;
}

#services_pop {
    position: absolute;
    z-index: 999;
    top: 115px;
    left: 0;
    display: none;
    width: 100%;
    height: 290px;
    overflow: hidden;
    background: #fff;
}

.services_popcon {
    width: 100%;
    margin: 0 auto;
    height: 290px;
    position: relative;
}

.services_poptabcon li {
    display: none;
    width: 100%;
    height: 290px;
    position: absolute;
    top: 0px;
    left: 0;
    overflow: hidden;
}

.services_poptabconbg01 .services_popcontainer,
.services_poptabconbg01 {
    background: url("../images/services_poptabconbg01.jpg"/*tpa=http://002.zyeg.cc/images/services_poptabconbg01.jpg*/
    ) 50% 0 no-repeat;
}

.services_poptabconbg02 .services_popcontainer,
.services_poptabconbg02 {
    background: url("../images/services_poptabconbg02.jpg"/*tpa=http://002.zyeg.cc/images/services_poptabconbg02.jpg*/
    ) 50% 0 no-repeat;
}

.services_poptabconbg03 .services_popcontainer,
.services_poptabconbg03 {
    background: url("../images/services_poptabconbg03.jpg"/*tpa=http://002.zyeg.cc/images/services_poptabconbg03.jpg*/
    ) 50% 0 no-repeat;
}

.services_poptabconbg04 .services_popcontainer,
.services_poptabconbg04 {
    background: url("../images/services_poptabconbg04.jpg"/*tpa=http://002.zyeg.cc/images/services_poptabconbg04.jpg*/
    ) 50% 0 no-repeat;
}

.services_poptabconbg05 .services_popcontainer,
.services_poptabconbg05 {
    background: url("../images/services_poptabconbg05.jpg"/*tpa=http://002.zyeg.cc/images/services_poptabconbg05.jpg*/
    ) 50% 0 no-repeat;
}

.services_poptabconbg06 .services_popcontainer,
.services_poptabconbg06 {
    background: url("../images/services_poptabconbg06.jpg"/*tpa=http://002.zyeg.cc/images/services_poptabconbg06.jpg*/
    ) 50% 0 no-repeat;
}

.services_popcontainer {
    width: 1000px;
    margin: 0 auto;
    height: 290px;
    position: relative;
    z-index: 2;
}

.services_popcontainer_pop01 {
    position: absolute;
    top: 105px;
    left: 563px;
    line-height: 18px;
    color: #666;
}

.services_popcontainer_pop01 h3 {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: normal;
    color: #000;
}

.services_popcontainer_pop02 {
    position: absolute;
    top: 75px;
    left: 658px;
    line-height: 18px;
    color: #666;
}

.services_popcontainer_pop02 h3 {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: normal;
    color: #000;
}

.services_popcontainer_pop03 {
    position: absolute;
    top: 128px;
    left: 440px;
    line-height: 18px;
    color: #357499;
}

.services_popcontainer_pop03 h3 {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: normal;
    color: #000;
}

.services_popcontainer_pop04 {
    position: absolute;
    top: 128px;
    left: 440px;
    line-height: 18px;
    color: #7d6471;
}

.services_popcontainer_pop04 h3 {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: normal;
    color: #000;
}

.services_popcontainer_pop05 {
    position: absolute;
    top: 140px;
    left: 462px;
    line-height: 18px;
    color: #7d6471;
}

.services_popcontainer_pop05 h3 {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: normal;
    color: #000;
}

.services_popcontainer_pop06 {
    position: absolute;
    top: 145px;
    left: 85px;
    line-height: 18px;
    color: #357499;
}

.services_popcontainer_pop06 h3 {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: normal;
    color: #000;
}


/*
.services_poptabcon li h3{width:580px; margin-left:70px; line-height:30px; font-size:18px; color:#fff; font-weight:normal; margin-top:5px;}
.services_poptabcon li h4{width:580px; margin-left:70px; line-height:30px; font-size:14px; color:#fff; font-weight:normal;}
.services_poptabcon li p{width:580px; margin-left:70px; line-height:24px; font-size:14px; color:#666; margin-top:15px;}
*/

.searchpop_ico {
    position: absolute;
    top: 0;
    right: 78px;
}

.services_poptabbtn {
    position: absolute;
    bottom: 15px;
    left: 0;
    text-align: center;
    width: 100%;
    z-index: 4;
}

.services_poptabbtn a {
    width: 12px;
    height: 12px;
    font-size: 1px;
    line-height: 1px;
    display: inline-block;
    margin: 0 3px;
    zoom: 1;
    background: url("../images/services_poptabbtn.png"/*tpa=http://002.zyeg.cc/images/services_poptabbtn.png*/
    ) 0 0 no-repeat;
    _background: none;
    _background: url("../images/services_poptabbtn.gif"/*tpa=http://002.zyeg.cc/images/services_poptabbtn.gif*/
    ) 0 0 no-repeat;
}

.services_poptabbtn a.active {
    background: url("../images/services_poptabbtn.png"/*tpa=http://002.zyeg.cc/images/services_poptabbtn.png*/
    ) 0 -15px no-repeat;
    _background: none;
    _background: url("../images/services_poptabbtn.gif"/*tpa=http://002.zyeg.cc/images/services_poptabbtn.gif*/
    ) 0 -15px no-repeat;
}

.services_popclose {
    position: absolute;
    z-index: 4;
    top: 10px;
    left: 50%;
    margin-left: 460px;
    width: 20px;
    height: 20px;
    background: #ffcc00 url("../images/indexicon.png"/*tpa=http://002.zyeg.cc/images/indexicon.png*/
    ) 0 -80px no-repeat;
    display: block;
}

.width960 .services_popclose {
    margin-left: 460px;
}

.width1200 .services_popclose {
    margin-left: 580px;
}

.services_popclose:hover {
    background: #fff000 url("../images/indexicon.png"/*tpa=http://002.zyeg.cc/images/indexicon.png*/
    ) 0 -80px no-repeat;
}

.project_title {
    text-align: center;
    padding-top: 30px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.project_title_more {
    position: absolute;
    top: 40px;
    width: 22px;
    height: 22px;
    background: url("../images/moreico.png"/*tpa=http://002.zyeg.cc/images/moreico.png*/
    ) no-repeat;
    display: block;
    left: 100%;
    margin-left: 70px;
}

.project_title_more:hover {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.projectbg {
    width: 100%;
    background: #f8f8f8;
    overflow: hidden;
    padding-bottom: 30px;
    margin-top: 10px;
}

.project_pic {
    width: 960px;
    margin: 20px auto 0 auto;
    overflow: hidden;
}

.width960 .project_pic {
    width: 960px;
}


/* add */

.width1200 .project_pic {
    width: 1200px;
}


/* add */

.project_pic ul {
    position: relative;
    width: 975px;
    height: 395px;
}

.width960 .project_pic ul {
    width: 975px;
    height: 410px;
}


/* add */

.width1200 .project_pic ul {
    width: 1215px;
    height: 600px;
}


/* add */

.project_pic li {
    width: 100%;
    height: 395px;
    overflow: hidden;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.width960 .project_pic li {
    height: 395px;
}


/* add */

.width1200 .project_pic li {
    height: auto;
}


/* add */

.project_pic li .project_box {
    float: left;
    margin-right: 15px;
    margin-top: 15px;
}

.project_box {
    width: 310px;
    height: 190px;
    overflow: hidden;
    display: block;
}

.width960 .project_box {
    width: 310px;
    height: 190px;
}


/* add */

.width1200 .project_box {
   width: 550px;
    height: 280px;
}


/* add */

.project_pop {
    height: 70px;
    padding: 10px 0 10px 15px;
    display: none;
    background: url("../images/searchpopbg.png"/*tpa=http://002.zyeg.cc/images/searchpopbg.png*/
    ) repeat;
    overflow: hidden;
    line-height: 18px;
    position: relative;
}

.project_pop h3 {
    font-size: 14px;
    color: #c1c5cb;
    font-weight: normal;
    height: 18px;
    overflow: hidden;
    padding-right: 50px;
}

.project_pop p {
    color: #fc0;
    margin-top: 3px;
}

.project_pop i {
    width: 26px;
    height: 19px;
    background: url("../images/indexicon.png"/*tpa=http://002.zyeg.cc/images/indexicon.png*/
    ) 0 -60px no-repeat;
    display: block;
    position: absolute;
    right: 10px;
    top: 18px;
}

.project_btn {
    text-align: center;
    margin-top: 35px;
}

.project_btn a {
    width: 12px;
    height: 12px;
    background: url("../images/indexicon.png"/*tpa=http://002.zyeg.cc/images/indexicon.png*/
    ) no-repeat;
    font-size: 1px;
    line-height: 1px;
    display: inline-block;
    margin: 0 9px;
    zoom: 1;
}

.project_btn a.active {
    background: url("../images/indexicon.png"/*tpa=http://002.zyeg.cc/images/indexicon.png*/
    ) 0 -15px no-repeat;
}

.project_img img {
    width: 550px;
    height: 280px;
}

.width960 .project_img img {
    width: 550px;
    height: 280px;
}


/* add */

.width1200 .project_img img {
  width: 550px;
    height: 280px;
}


/* add */

.about_title {
    text-align: center;
    padding-top: 30px;
    overflow: hidden;
}

.about_list {
    width: 960px;
    margin: 30px auto 0 auto;
    overflow: hidden;
}

.width960 .about_list {
    width: 960px;
}


/* add */

.width1200 .about_list {
    width: 1200px;
}


/* add */

.about_list ul {
    overflow: hidden;
    width: 975px;
    height: 155px;
}

.width960 .about_list ul {
    width: 975px;
    height: 155px;
}


/* add */

.width1200 .about_list ul {
    width: 1215px;
    height: 144px;
}


/* add */

.about_list li {
    float: left;
    margin-right: 15px;
    overflow: hidden;
    width: 310px;
    height: 155px;
}

.width960 .about_list li {
    width: 310px;
    height: 155px;
}


/* add */

.width1200 .about_list li {
    width: 288px;
    height: 144px;
}


/* add */

.about_list img {
    width: 310px;
    height: 155px;
}

.width960 .about_list img {
    width: 310px;
    height: 155px;
}


/* add */

.width1200 .about_list img {
    width: 288px;
    height: 144px;
}


/* add */

img {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    transition-duration: 200ms;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.about_list li:hover img {
    -webkit-transform: scale(1.08, 1.08);
    -moz-transform: scale(1.08, 1.08);
    -ms-transform: scale(1.08, 1.08);
    -o-transform: scale(1.08, 1.08);
    transform: scale(1.08, 1.08);
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    transition-duration: 200ms;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

#about {
    padding-bottom: 35px;
}

.about_int {
    width: 960px;
    margin: 25px auto 15px auto;
    height: 45px;
    line-height: 30px;
    font-size: 14px;
    color: #797979;
    position: relative;
    overflow: hidden;
}

.width960 .about_int {
    width: 960px;
}


/* add */

.width1200 .about_int {
    width: 1200px;
}


/* add */

.about_intbg {
    background: url("../images/about_intbg.png"/*tpa=http://002.zyeg.cc/images/about_intbg.png*/
    ) 50% 0 repeat-y;
}

.about_btn {
    position: absolute;
    left: -5%;
    margin-left: -23px;
    bottom: 0px;
    width: 45px;
    height: 45px;
    background: url("../images/indexicon.png"/*tpa=http://002.zyeg.cc/images/indexicon.png*/
    ) -550px 0 no-repeat;
    display: block;
}

.about_btn span {
    width: 45px;
    height: 45px;
    background: url("../images/indexicon.png"/*tpa=http://002.zyeg.cc/images/indexicon.png*/
    ) -550px -50px no-repeat;
    display: block;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.about_pop {
    padding-bottom: 25px;
    background: #fff url("../images/about_popbg.jpg"/*tpa=http://002.zyeg.cc/images/about_popbg.jpg*/
    ) 50% 0 no-repeat;
    position: relative;
    z-index: 2;
    display: none;
}

.about_pop_top {
    width: 960px;
    height: 250px;
    position: relative;
    margin: 0 auto;
}

.width960 .about_pop_top {
    width: 960px;
}


/* add */

.width1200 .about_pop_top {
    width: 1200px;
}


/* add */

.about_popclose {
    position: absolute;
    top: 15px;
    right: 0;
    width: 20px;
    height: 20px;
    background: #ffcc00 url("../images/indexicon.png"/*tpa=http://002.zyeg.cc/images/indexicon.png*/
    ) 0 -80px no-repeat;
    display: block;
}

.about_pop_top h3 {
    position: absolute;
    top: 33px;
    left: 42px;
}

.about_pop_top .about_pop_int {
    position: absolute;
    top: 80px;
    left: 42px;
    line-height: 24px;
    width: 295px;
    color: #fff;
}

.about_pop_tab {
    position: absolute;
    right: 0;
    top: 128px;
}

.about_pop_tab li {
    margin: 0 13px;
    width: 83px;
    float: left;
}

.about_pop_tab li a {
    display: block;
    width: 83px;
    height: 83px;
    text-align: center;
    color: #ccc;
    line-height: 20px;
    cursor: pointer;
    background: url("../images/aboutpop_tabico.png"/*tpa=http://002.zyeg.cc/images/aboutpop_tabico.png*/
    );
}

.about_pop_tab li a.about_pop_tab01 {
    background-position: 0 -85px;
    _background: none;
    _FILTER: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='images/about_pop_tabicoch01.png');
}

.about_pop_tab li a.about_pop_tab02 {
    background-position: -85px -85px;
    _background: none;
    _FILTER: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='images/about_pop_tabicoch02.png');
}

.about_pop_tab li a.about_pop_tab03 {
    background-position: -170px -85px;
    _background: none;
    _FILTER: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='images/about_pop_tabicoch03.png');
}

.about_pop_tab li a.about_pop_tab04 {
    background-position: -255px -85px;
    _background: none;
    _FILTER: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='images/about_pop_tabicoch04.png');
}

.about_pop_tab li.active .about_pop_tab01,
.about_pop_tab li a.about_pop_tab01:hover {
    background-position: 0 0;
    _background: none;
    _FILTER: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='images/about_pop_tabico01.png');
}

.about_pop_tab li.active .about_pop_tab02,
.about_pop_tab li a.about_pop_tab02:hover {
    background-position: -85px 0;
    _background: none;
    _FILTER: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='images/about_pop_tabico02.png');
}

.about_pop_tab li.active .about_pop_tab03,
.about_pop_tab li a.about_pop_tab03:hover {
    background-position: -170px 0;
    _background: none;
    _FILTER: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='images/about_pop_tabico03.png');
}

.about_pop_tab li.active .about_pop_tab04,
.about_pop_tab li a.about_pop_tab04:hover {
    background-position: -255px 0;
    _background: none;
    _FILTER: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='images/about_pop_tabico04.png');
}


/*
.about_pop_tab li a span{height:29px; display:block;}
.about_pop_tab li a i{width:83px; height:83px; display:block; background:url(../images/aboutpop_tabico.png) -83px 0 no-repeat; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/aboutpop_tabicochie6.png');}
*/

.about_pop_tab li.active a {
    color: #fff;
}

.about_pop_tab li.active a i {
    background: url("../images/aboutpop_tabico.png"/*tpa=http://002.zyeg.cc/images/aboutpop_tabico.png*/
    ) 0 100% no-repeat;
    _background: none;
    _FILTER: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='images/aboutpop_tabicoie6.png')
}

.about_pop_tab li a:hover {
    color: #fff;
}

.about_pop_con {
    width: 960px;
    position: relative;
    margin: 0 auto;
}

.width960 .about_pop_con {
    width: 960px;
}


/* add */

.width1200 .about_pop_con {
    width: 1200px;
}


/* add */

.about_pop_con li {
    display: none;
}

.about_pop_con01 {
    position: relative;
    width: 100%;
}

.about_pop_aboutlogo {
    position: absolute;
    top: 5px;
    left: 0;
}

.about_pop_about {
    margin-left: 330px;
    font-size: 14px;
    line-height: 27px;
    color: #666;
}

.about_pop_about h3 {
    font-size: 40px;
    font-size: 20px;
    color: #333;
    font-weight: normal;
    margin-bottom: 10px;
}

.about_pop_con03 img {
    width: 100%;
}

.about_pop_job {
    width: 23%;
    float: left;
    margin-right: 2%;
    line-height: 24px;
    color: #999;
}

.about_pop_job h3 {
    font-size: 18px;
    margin-bottom: 10px;
    color: #000;
    font-weight: normal;
}

.about_pop_job p {
    padding: 10px 0;
}

.about_pop_client {
    margin-right: 1px;
    margin-top: 1px;
}

.about_pop_client dd {
    width: 16.5%;
    float: left;
    margin-left: -1px;
    margin-top: -1px;
    display: inline;
    border: 1px solid #efefef
}

.about_pop_client dd img {
    width: 100%;
}

.newsbg {
    width: 100%;
    padding: 40px 0;
    background: #f8f8f8;
}

.news {
    width: 960px;
    margin: 0 auto;
}

.width960 .news {
    width: 960px;
}


/* add */

.width1200 .news {
    width: 1200px;
}


/* add */

.news_box {
    width: 30%;
    overflow: hidden;
}

.news_line {
    width: 4.5%;
    border-left: 1px solid #e6e5e5;
    height: 310px;
    float: left;
}

.news_title {
    line-height: 26px;
}

.news_title a {
    font-size: 24px;
    color: #797979;
}

.news_title span {
    font-size: 18px;
    color: #fda362;
    line-height: 20px;
}

.news_title a:hover {
    color: #fda362;
}

.news_list {
    margin-top: 10px;
}

.news_list li {
    line-height: 30px;
    color: #a3a3a3;
    width: 85%;
    float: left;
}

.news_list li a {
    color: #333;
    width: 60%;
    overflow: hidden;
    height: 24px;
    display: block;
}

.news_list li a:hover {
    color: #0076db;
}

.news_list span {
    float: right;
}

.contactbg {
    width: 100%;
    height: 260px;
    overflow: hidden;
    background: url("../images/contactbg.jpg"/*tpa=http://002.zyeg.cc/images/contactbg.jpg*/
    ) 50% 0 no-repeat;
}

.contact {
    width: 960px;
    margin: 0 auto;
    position: relative;
}

.width960 .contact {
    width: 960px;
}


/* add */

.width1200 .contact {
    width: 1200px;
}


/* add */

.message {
    padding-top: 55px;
    width: 45%;
}

.message h3 {
    font-size: 30px;
    color: #c1c5cb;
    font-weight: normal;
    line-height: 36px;
}

.message h4 {
    font-size: 24px;
    color: #fb963d;
    font-weight: normal;
    line-height: 36px;
}

.message_form {
    margin-top: 15px;
}

.message_name {
    width: 40%;
    height: 32px;
    line-height: 32px;
    float: left;
    background: #7d7d7d;
    border: 0;
    color: #fff;
    padding-left: 5px;
}

.message_tel {
    width: 55%;
    height: 32px;
    line-height: 32px;
    float: right;
    background: #7d7d7d;
    border: 0;
    color: #fff;
    padding-left: 5px;
}

.message_content {
    width: 98%;
    padding: 1%;
    overflow: hidden;
    height: 120px;
    background: #7d7d7d;
    border: 0;
    color: #fff;
}

.message_btn {
    width: 123px;
    height: 41px;
    background: url("../images/indexicon.png"/*tpa=http://002.zyeg.cc/images/indexicon.png*/
    ) -425px 0 no-repeat;
    border: 0;
    cursor: pointer;
    blr: expression(this.onFocus=this.blur());
    /* IE Opera */
    outline: none;
    /* FF Opera */
}

.message_btn:focus {
    -moz-outline-style: none;
    /* FF */
}

.message_btnch {
    width: 123px;
    height: 41px;
    background: url("../images/indexicon.png"/*tpa=http://002.zyeg.cc/images/indexicon.png*/
    ) -425px -45px no-repeat;
    border: 0;
    cursor: pointer;
}

.message_about {
    color: #ffff00;
    font-size: 14px;
}

.contact_map {
    position: absolute;
    top: 80px;
    right: 75px;
}

.foot_linksbg {
    width: 100%;
    background: #202020;
    padding: 10px 0 30px 0;
}

.foot_links {
    width: 960px;
    margin: 0 auto;
    position: relative;
}

.width960 .foot_links {
    width: 960px;
}


/* add */

.width1200 .foot_links {
    width: 1200px;
}


/* add */

.links {
    margin-top: 15px;
    width: 100%;
}

.links h3 {
    color: #0689f9;
    font-size: 24px;
    font-weight: normal;
}

.links_con {
    color: #7d7d7d;
    line-height: 24px;
    margin-top: 5px;
}

.links_con a {
    color: #7d7d7d;
    display: inline-block;
}

.links_con a:hover {
    color: #fff;
}

.keyword {
    margin-top: 15px;
    width: 100%;
}

.keyword h3 {
    color: #fdd813;
    font-size: 24px;
    font-weight: normal;
}

.address {
    line-height: 32px;
    color: #c1c5cb;
    font-size: 14px;
    margin-top: 15px;
    width: 100%;
}

.address a {
    color: #c1c5cb;
}

.address a:hover {
    color: #fff;
}

.link_btn {
    position: absolute;
    bottom: 10px;
    right: 0;
}

.link_btn li {
    float: left;
    margin-right: 12px;
    position: relative;
}

.link_qq {
    width: 129px;
    height: 40px;
    background: url("../images/indexicon.png"/*tpa=http://002.zyeg.cc/images/indexicon.png*/
    ) -30px 0 no-repeat;
    display: block;
}

.link_qq:hover {
    background: url("../images/indexicon.png"/*tpa=http://002.zyeg.cc/images/indexicon.png*/
    ) -30px -50px no-repeat;
}

.link_sina {
    width: 129px;
    height: 40px;
    background: url("../images/indexicon.png"/*tpa=http://002.zyeg.cc/images/indexicon.png*/
    ) -160px 0 no-repeat;
    display: block;
}

.link_sina:hover {
    background: url("../images/indexicon.png"/*tpa=http://002.zyeg.cc/images/indexicon.png*/
    ) -160px -50px no-repeat;
}

.link_weixin li {
    height: 40px;
}

.link_weixin {
    width: 129px;
    height: 40px;
    background: url("../images/indexicon.png"/*tpa=http://002.zyeg.cc/images/indexicon.png*/
    ) -290px 0 no-repeat;
    display: block;
    position: relative;
    z-index: 2;
}

.link_weixin:hover {
    background: url("../images/indexicon.png"/*tpa=http://002.zyeg.cc/images/indexicon.png*/
    ) -290px -50px no-repeat;
}

.link_weixin_ewm {
    position: absolute;
    top: -138px;
    height: 0px;
    overflow: hidden;
    width: 129px;
    background-image: url(about:blank);
}

.footbg {
    width: 100%;
    padding: 15px 0;
    background: #0a0a0a;
    overflow: hidden;
}

.foot {
    width: 960px;
    margin: 0 auto;
    color: #999;
}

.width960 .foot {
    width: 960px;
}


/* add */

.width1200 .foot {
    width: 1200px;
}


/* add */

.foot a {
    color: #999;
}

.foot a:hover {
    color: #fff;
}

#loading {
    width: 100%;
    display: block;
    height: 100%;
    _height: 700px;
    background: #262626;
    z-index: 9999;
    overflow: visible;
    position: fixed;
    left: -100%;
    top: 0px;
    _position: absolute;
    _top: expression(documentElement.scrollTop + 0 + "px");
}

#loading img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -35px 0 0 -60px;
}

#workpop {
    width: 100%;
    background: #fff;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 9997;
}

.subindex {
    width: 100%;
    overflow: hidden;
}


/* 案例页面 */

.sub_headbg {
    width: 100%;
    height: 40px;
    background: url("../images/searchpopbg.png"/*tpa=http://002.zyeg.cc/images/searchpopbg.png*/
    ) repeat;
    z-index: 999;
    overflow: visible;
    position: fixed;
    top: 0px;
    _position: absolute;
    _top: expression(documentElement.scrollTop + 0 + "px");
}

.sub_head {
    width: 960px;
    margin: 0 auto;
    height: 40px;
    position: relative;
}

.width960 .sub_head {
    width: 960px;
}


/* add */

.width1200 .sub_head {
    width: 1200px;
}


/* add */

.sub_headbtn {
    position: absolute;
    left: 0;
    top: 0;
}

.sub_headbtn li {
    float: left;
    position: relative;
}

.sub_headbtn li.head_btn4 {
    display: none;
}

.sub_headbtn li a {
    display: block;
    width: 50px;
    height: 40px;
    overflow: hidden;
}

.sub_headbtn li a span {
    display: block;
    width: 50px;
    height: 80px;
    background: url("../images/indexicon.png"/*tpa=http://002.zyeg.cc/images/indexicon.png*/
    ) no-repeat;
}

.sub_headbtn li a:hover {
    transition: all 0s ease;
    -moz-transition: all 0s ease;
    -webkit-transition: all 0s ease;
    -o-transition: all 0s ease;
    -ms-transition: all 0s ease;
}

.sub_headbtn li.head_btn1 a span {
    background-position: -600px 0;
}

.sub_headbtn li.head_btn2 a span {
    background-position: -650px 0;
}

.sub_headbtn li.head_btn3 a span {
    background-position: -700px 0;
}

.sub_headbtn li.head_btn4 a span {
    background-position: -750px 0;
}

.sub_headbtn li.head_btnselect a span {
    background-position: -800px 0;
}

.head_selectbox {
    width: 200px;
    position: absolute;
    height: 0px;
    overflow: hidden;
}

.head_selectbox li {
    background: #5a5a5a;
    width: 100%;
}

.head_selectbox li a {
    height: 36px;
    line-height: 36px;
    padding-left: 10px;
    width: 190px;
    display: block;
    border-bottom: 1px solid #4e4e4e;
    color: #fff;
}

.head_selectbox li a:hover,
.head_selectbox li.active a {
    background: #0076db;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}

.share {
    position: absolute;
    right: 0;
    top: 10px;
    color: #999;
    line-height: 20px;
}

.sub_search {
    position: absolute;
    right: 120px;
    background: #000;
    top: 8px;
    width: 200px;
    height: 22px;
    border: 1px solid #333;
}

.sub_search_txt {
    width: 160px;
    height: 20px;
    line-height: 20px;
    border: 0;
    background: none;
    color: #FFF;
    margin: 1px 0 0 5px;
    float: left;
    display: inline;
}

.sub_search_btn {
    width: 20px;
    height: 20px;
    float: right;
    margin: 1px 5px 0 0;
    display: inline;
    background: url("../images/indexicon.png"/*tpa=http://002.zyeg.cc/images/indexicon.png*/
    ) 0 -30px no-repeat;
    border: 0;
    cursor: pointer;
}

.bigpic {
    width: 100%;
    margin: 0 auto;
}

.bigpic div {
    width: 300%;
    text-align: center;
    margin-left: -100%;
}

.sub_container {
    width: 960px;
    margin: 0 auto;
}

.width960 .sub_container {
    width: 960px;
}


/* add */

.width1200 .sub_container {
    width: 1200px;
}


/* add */

.work_about {
    background: url("../images/searchpopbg.png"/*tpa=http://002.zyeg.cc/images/searchpopbg.png*/
    ) repeat;
    padding: 20px 25px;
}

.work_about h3 {
    font-size: 16px;
    color: #fff;
}

.work_about h3 a {
    color: #fff;
    font-weight: normal;
}

.work_about h3 a:hover {
    color: #f90;
}

.work_about p {
    font-size: 14px;
    color: #f0f0f0;
    line-height: 24px;
    margin-top: 5px;
}

.width960 .work_pic img {
    max-width: 960px;
    width: expression((this.offsetWidth > 960) ? (this.width=960 +'px'): true);
}

.width1200 .work_pic img {
    max-width: 1200px;
    width: expression((this.offsetWidth > 1200) ? (this.width=1200 +'px'): true);
}


/* 文章内页 */

.news_top {
    margin-top: 40px;
    text-align: center;
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc;
}

.news_top h1 {
    font-size: 24px;
    line-height: 24px;
    color: #333;
}

.news_top p {
    margin-top: 15px;
    color: #666;
}

.news_con {
    font-size: 14px;
    line-height: 30px;
    color: #333;
    margin-top: 20px;
    width: 100%;
}

.recommend_title {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 10px;
}

.recommendbg {
    width: 100%;
    background: #f8f8f8;
    overflow: hidden;
}

.recommend_list {
    width: 960px;
    margin: 35px auto;
    overflow: hidden;
}

.width960 .recommend_list {
    width: 960px;
}


/* add */

.width1200 .recommend_list {
    width: 1200px;
}


/* add */

.recommend_list ul {
    overflow: hidden;
    width: 975px;
    height: 190px;
}

.width960 .recommend_list ul {
    width: 975px;
    height: 190px;
}


/* add */

.width1200 .recommend_list ul {
    width: 1215px;
    height: 177px;
}


/* add */

.recommend_list li {
    float: left;
    width: 310px;
    height: 190px;
    margin-right: 15px;
    overflow: hidden;
}

.width960 .recommend_list li {
    width: 310px;
    height: 190px;
}


/* add */

.width1200 .recommend_list li {
    width: 288px;
    height: 177px;
}


/* add */


/* 案例列表 */

.sub_top {
    width: 960px;
    margin: 0 auto;
    padding: 40px 0 20px 0;
    position: relative;
}

.width960 .sub_top {
    width: 960px;
}


/* add */

.width1200 .sub_top {
    width: 1200px;
}


/* add */

.sub_nav {
    position: absolute;
    right: 0;
    bottom: 20px;
}

.sub_nav li {
    float: left;
    width: 78px;
    height: 32px;
    margin-left: 5px;
    display: inline;
}

.sub_nav li a {
    width: 78px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    display: inline-block;
}

.sub_nav li.active a,
.sub_nav li a:hover {
    color: #fff;
    background: url("../images/sub_navbg.png"/*tpa=http://002.zyeg.cc/images/sub_navbg.png*/
    ) no-repeat;
}

.casebg {
    width: 100%;
    background: #f8f8f8;
    overflow: hidden;
}

.case_list {
    width: 960px;
    margin: 10px auto 0 auto;
    overflow: hidden;
}

.width960 .case_list {
    width: 960px;
}


/* add */

.width1200 .case_list {
    width: 1200px;
}


/* add */

.width960 .case_list ul {
    width: 975px;
}


/* add */

.width1200 .case_list ul {
    width: 1215px;
}


/* add */

.case_list li {
    float: left;
    margin-right: 15px;
    margin-top: 15px;
    overflow: hidden;
}

.page {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
}

.width960 .page {
    width: 960px;
}


/* add */

.width1200 .page {
    width: 1200px;
}


/* add */

.page span,
.page a {
    display: inline-block;
    height: 24px;
    margin: 0 5px 0 0;
    line-height: 24px;
    background: url("../images/pagebg.png"/*tpa=http://002.zyeg.cc/images/pagebg.png*/
    ) 0 -50px no-repeat;
    padding-left: 10px;
}

.page span i,
.page a i {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    font-style: normal;
    background: url("../images/pagebg.png"/*tpa=http://002.zyeg.cc/images/pagebg.png*/
    ) 100% -75px no-repeat;
    padding-right: 10px;
}

.page a:hover,
.page span {
    background: url("../images/pagebg.png"/*tpa=http://002.zyeg.cc/images/pagebg.png*/
    ) 0 0 no-repeat;
    color: #fff;
}

.page a:hover i,
.page span i {
    background: url("../images/pagebg.png"/*tpa=http://002.zyeg.cc/images/pagebg.png*/
    ) 100% -25px no-repeat;
}

.page a:hover {
    transition: all 0s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0s ease;
    -o-transition: all 0s ease;
    -ms-transition: all 0s ease;
}


/* 文章列表 */

.subnewsbg {
    width: 100%;
    background: #f8f8f8;
    overflow: hidden;
}

.subnews_list {
    width: 960px;
    margin: 10px auto 0 auto;
    overflow: hidden;
}

.width960 .subnews_list {
    width: 960px;
}


/* add */

.width1200 .subnews_list {
    width: 1200px;
}


/* add */

.subnews_list li {
    width: 49%;
    margin-top: 25px;
    float: left;
}

.subnews_list li.odd {
    float: right;
}

.subnews_list a {
    position: relative;
    border: 1px solid #e6e6e6;
    background: #fff;
    height: 122px;
    display: block;
}

.subnews_list a:hover {
    border: 1px solid #fda362;
}

.subnews_list a:hover h3 {
    color: #0076db;
}

.subnews_list a:hover p {
    color: #333;
}

.subnews_about {
    padding: 15px 15px 15px 180px;
}

.subnews_about h3 {
    font-size: 14px;
    line-height: 27px;
    color: #333;
}

.subnews_about p {
    line-height: 20px;
    color: #666;
    height: 60px;
    overflow: hidden;
}

.subnews_img img {
    width: 150px;
    height: 92px;
    position: absolute;
    left: 15px;
    top: 15px;
}

.qqico {
    width: 67px;
    height: 65x;
    z-index: 9998;
    position: fixed;
    bottom: 50px;
    right: 1px;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 50)||50)-(parseInt(this.currentStyle.marginBottom, 50)||50)));
}