body {
    font-family:Microsoft YaHei;
    font-size: 14px;
    margin: 0;
    padding: 0;
    color:#4f4d4e;
}



        .hello {
    position:fixed;
    bottom:120px;
    right:15px;
    z-index:1001;
    
}


ul {
    list-style: none outside none;
}

img {
    border: 0 none;
}

img, ul, li {
    margin: 0;
    padding: 0;
}
li {
    list-style: outside none none;
}
a {
    text-decoration: none;
    color:#4f4d4e;
}
p,dd,dl
{
    margin:0;
    padding:0;
}

.fl {
    float: left;
}
.fr {
    float: right;
}
.container {
    margin: 0 auto;
    width: 1024px;
}
.mt20 {
    margin-top: 20px;
}
.mt40 {
    margin-top: 40px;
}
.mt70 {
    margin-top: 70px;
}
.clear {
    clear: both;
}
.clearfix
{
    clear: both;
}
.header
{
    width:100%;  background-color:#fff; height:85px;
    margin-top:20px;
}
.topNav {
    float: left;
    height: 85px;
    line-height: 85px;

    width: 780px;
    z-index: 1;
}
.topNav-width {
}
.top_menu li {
    float: left;
    line-height: 85px;
    padding: 0 20px;
    position:relative;
    font-weight:bold;
}
.top_menu li.current {
    background-color:#335bad;
    color: #fff;
}
.top_menu li.current a {
    color: #fff;
}
.top_menu li.current a i {
    background-position: 0 -60px;
}
.w1200 {
    margin: 0 auto;
    position: relative;
    width: 1200px;
}

.top_left {
    float: left;
    padding-top: 5px;
    width: 230px;
}

.top_right {
    float: right;
    width: 190px;
}

.top_right .tel
{
    margin-top:20px;
}
.business {
    background: none repeat scroll 0 0 #da251d;
    color: #fff;

    overflow: hidden;
    padding-bottom: 20px;
}
.business li {
    float: left;
    padding-bottom: 30px;
    padding-top: 20px;
    position: relative;
    text-align: center;
    width: 25%;
}

.business h2 {
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 22px;
    text-transform: uppercase;
    margin-top:0;
}

.business a {
    color: #fff;
}

.business p {
    height: 120px;
    line-height: 30px;
    overflow: hidden;
}

.main_box .main .first {
    position: relative;
    width: 1300px;
}

.main_box .main .one {
    display: none;
    height: 540px;
    margin: 0 auto;
    overflow: hidden;
    width: 1200px;
}

.show {
    display: block;
    height: 452px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 1200px;
}

.show .show_img {
    height: 452px;
    position: absolute;
    width: 999999px;
}

.one .img {
    float: left;
    margin: 0 15px;
    overflow: hidden;
    width: 1170px;
}
.one .img .img_left {
    display: block;
    float: left;
    overflow: hidden;
    width: 290px;
}
.one .img a {
    border: 1px solid #d9d9d9;
    display: block;
    float: left;
    overflow: hidden;
    position: relative;
}
.one .img a cite {
    background: url("../images/img_bg.png"/*tpa=http://www.zggker.com/images/img_bg.png*/) repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 0;
    display: block;
    height: 55px;
    overflow: hidden;
    padding: 0 15px;
    position: absolute;
    width: 260px;
}
.one .img a cite h3 {
    color: #fff;
    font-family: "微软雅黑";
    font-size: 14px;
    line-height: 30px;
}
.one .img a cite em {
    color: #b2b2b2;
    font-size: 12px;
}
.one .img .img_right {
    display: block;
    float: left;
    overflow: hidden;
    width: 876px;
}
.one .img .img_right a {
    margin-left: 20px;
}
.one .img .img_right a.img_top {
    margin-bottom: 20px;
}
.one .img .img_right a.little cite {
    width: 240px;
}
.one .img .img_right a.big cite {
    width: 532px;
}
.wedo {
    overflow: hidden;
    padding-top: 100px;
}

.title {
    color: #da251d;
    font-family: "Microsoft Yahei";
    font-size: 48px;
    line-height: 100%;
    margin-bottom: 55px;
    text-align: center;
    font-weight:normal;
    margin-top:0px;
    margin-bottom:40px;
   
}

.title a {
    color: #335bad;
}

.wedo_line {
    background: none repeat scroll 0 0 #ececec;
    height: 2px;
    margin: 0 auto 70px;
    width: 265px;
}

.wedo_select {
    font-size: 0;
    margin-bottom: 50px;
    text-align: center;
}

.wedo_select li {
    border: 1px solid #d4d4d4;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    margin-left: -1px;
    padding: 0 35px;
    transition: all 0.25s ease 0s;
}
.wedo_select li.on, .wedo_select li.on:hover {
    background: none repeat scroll 0 0 #da251d;
    border: 1px solid #da251d;
    color: #fff;
}
.wedo_select li:hover {
    background: none repeat scroll 0 0 #fafafa;
}
.wedo_select li:first-child {
    border-radius: 6px 0 0 6px;
}
.wedo_select li:last-child {
    border-radius: 0 6px 6px 0;
}
.wedo_list li {
    float: left;
    overflow: hidden;
    padding-bottom: 4px;
    width: 20%;
}

.g_xban {
    background: url("../images/xban.jpg"/*tpa=http://www.zggker.com/images/xban.jpg*/) no-repeat scroll center top rgba(0, 0, 0, 0);
    height: 230px;
    margin-top:100px;
    background-size:cover;
}
.g_xban .kong {
    display: block;
    height: 230px;
    width: 960px;
}

.g_xban .btn1 {
    left: 600px;
    top: 166px;
}
.g_xban .u_tel1 {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    left: 600px;
    top: 125px;
}
.g_xban .u_tel1 b {
    color: #fff;
    font-family: arial;
    font-size: 26px;
    font-weight: normal;
}
.content {
    margin: 0 auto;
    width: 1082px;
}
.f_pr {
    position: relative;
}
.f_pa {
    position: absolute;
}
.service {
    padding: 100px 0;
}
.service .title {
    margin-bottom: 25px;
}
.title2 {
    color: #5b5e60;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 35px;
    text-align: center;
}
.service_line {
    background: none repeat scroll 0 0 #ececec;
    height: 2px;
    margin: 0 auto 70px;
    width: 158px;
}
.service_title li {
    display: inline-block;
    margin: 0 15px;
    width: 100px;
}
.service_title {
    text-align: center;
}
.service_title span {
    background: url("../images/icon_s.png"/*tpa=http://www.zggker.com/images/icon_s.png*/) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 98px;
    width: 100px;
}
.service_title .service_icon_1 {
    background-position: 0 0;
}
.service_title .service_icon_2 {
    background-position: -130px 0;
}
.service_title .service_icon_3 {
    background-position: -260px 0;
}
.service_title .service_icon_4 {
    background-position: -390px 0;
}
.service_title .service_icon_5 {
    background-position: -520px 0;
}
.service_title .service_icon_6 {
    background-position: -650px 0;
}
.service_title .service_icon_7 {
    background-position: -780px 0;
}
.service_title strong {
    display: block;
    font-size: 16px;
    font-weight: normal;
    padding-top: 12px;
}
.service_content {
    margin: 0 auto;
    max-width: 930px;
    padding-top: 70px;
    text-align: center;
}
.service_content li {
    display: block;
    line-height: 30px;
}

.service_title .on .service_icon_1 {
    background-position: 0 bottom;
}
.service_title .on .service_icon_2 {
    background-position: -130px bottom;
}
.service_title .on .service_icon_3 {
    background-position: -260px bottom;
}
.service_title .on .service_icon_4 {
    background-position: -390px bottom;
}
.service_title .on .service_icon_5 {
    background-position: -520px bottom;
}
.service_title .on .service_icon_6 {
    background-position: -650px bottom;
}
.service_title .on .service_icon_7 {
    background-position: -780px bottom;
}
.service_prev, .service_next, .partner_prev, .partner_next {
    background: url("../images/icon_arrow.png"/*tpa=http://www.zggker.com/images/icon_arrow.png*/) no-repeat scroll left top rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    height: 70px;
    position: absolute;
    top: 97px;
    width: 35px;
}
.service_prev, .partner_prev {
    left: -100px;
}
.service_next, .partner_next {
    background-position: right top;
    right: -100px;
}
.service .container {
    position: relative;
}
.service_prev:hover, .partner_prev:hover {
    background-position: left bottom;
}
.service_next:hover, .partner_next:hover {
    background-position: right bottom;
}
.partner {
    background: none repeat scroll 0 0 #f8f8f8;
    padding: 100px 0;
}
.partner .service_line {
    margin-bottom: 50px;
}
.partner_list {
    margin-left: auto;
    margin-right: auto;
    max-width: 1110px;
    position: relative;
    margin-top:80px;
}
.partner_list li {
    text-align: center;
    width: 185px;
}
.footer
{
    background:url("../images/foot_bg.gif"/*tpa=http://www.zggker.com/images/foot_bg.gif*/);
    height:330px;
    color:#fff;
    }
.footer .container
{
    padding-top:70px;
}
.footer_title
{
    font-size:24px;
    line-height:30px;
}
.footer .icon
{
    height:40px;
    width:40px;
    display:block;
    float:left;
    font-size:30px;
}
.link_li
{
    line-height:30px;
    padding-top:10px;
}
.footer_left
{
    float:left;
    width:700px;
}
.footer_right
{
    width:200px;
    float:right;
    padding-right:70px;
    
}
#mk-footer, #mk-footer p {
    color: #808080;
    font-size: 12px;
    font-weight: normal;
    display:block;
}
#sub-footer {
    padding: 0 30px;
}
#sub-footer {
    background-color: #202020;
}
.mk-grid {
    max-width: 1200px;
}
.mk-grid {
    margin: 0 auto;
    min-width: 755px;
    width: 100%;
}
#sub-footer .mk-footer-copyright {
    float: left;
    font-size: 11px;
    opacity: 0.4;
    padding: 20px 0;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}
.mk-footer-copyright,.mk-footer-copyright a, #mk-footer-navigation li a {
    color: #fff;
}
#mk-footer-navigation {
    float: right;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
#mk-footer-navigation ul li {
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0;
}
#mk-footer-navigation ul li a {
    display: block;
    font-size: 11px;
    margin: 20px 12px;
    opacity: 0.6;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
.inner_bg {
    background-color: #f1f1f1;
    padding-bottom: 40px;
    padding-top: 20px;
    margin-top:-5px;
}
.inner_wrap {
    background-color: #fff;
    margin: 0 auto;
    padding: 15px;
    width: 1064px;
}

.page_title {
    border-bottom: 1px solid #505050;
    height: 40px;
    margin: 0 auto;
    padding: 20px 0 10px;
    width: 1024px;
}
.page_title .titlebg_pro {
    padding-left: 0;
}
.titlebg_pro {
    background: none repeat scroll 0 0 #fff;
    float: left;
    height: 40px;
    padding-left: 15px;
    padding-right: 15px;
}

.titleen {
    font-family: "aovel_sanslight";
    font-size: 30px;
}

.titlecn {
    font-size: 14px;
}

.wal {
    margin: 0 auto;
    padding-bottom: 40px;
    padding-top: 20px;
    width: 1024px;
}
.w206 {
    overflow: hidden;
    width: 206px;
}
.sideNav {
    padding-bottom: 5px;
}
.sideNav h2 {
    background: url("../images/limg15_2.png"/*tpa=http://www.zggker.com/images/limg15_2.png*/) no-repeat scroll right center #335bad;
    color: #ffffff;
    font-size: 14px;
    height: 47px;
    line-height: 47px;
    margin-bottom: 11px;
    margin-top: 0;
    overflow: hidden;
    padding-left: 17px;
}
.sideNav > ul > li {
    margin-top: 5px;
}
.sideNav .liNow {
    background: url("../images/sideNav.png"/*tpa=http://www.zggker.com/images/sideNav.png*/) no-repeat scroll right center #335bad;
    color: #ffffff;
}
.sideNav > ul > li > a {
    background: url("../images/limg15_1.png"/*tpa=http://www.zggker.com/images/limg15_1.png*/) no-repeat scroll right center #f2f2f2;
    display: block;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    padding-left: 17px;
}
.sideNav > ul > li > a:hover {
    background: url("../images/sideNav.png"/*tpa=http://www.zggker.com/images/sideNav.png*/) no-repeat scroll right center #335bad;
    color: #ffffff;
}
.li_sec li a {
    background: none repeat scroll 0 0 #f6f6f6;
    color: #666;
    display: block;
    font-size: 14px;
    padding: 10px 0 9px;
    text-align: center;
}
.li_sec li a:hover {
    background-color: #6591eb;
    color: #fff;
}
.li_sec li a.sec_cur {
    background-color: #6591eb;
    color: #fff;
}
.h20 {
    clear: both;
    height: 20px;
    overflow: hidden;
}
.sideBtn {
    overflow: hidden;
    width: 206px;
}
.sideBtn ul {
    width: 110%;
}
.sideBtn li {
    float: left;
    height: 96px;
    overflow: hidden;
    width: 103px;
}
.sideBtn li a {
    background: none repeat scroll 0 0 #335bad;
    color: #ffffff;
    display: block;
    float: left;
    height: 95px;
    overflow: hidden;
    text-align: center;
    width: 102px;
}
.sideBtn .ico {
    padding: 10px 0 5px;
}
.sideBtn .ico i {
    color: #fff;
    display: block;
    font-size: 30px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    position: relative;
    width: 50px;
}
.sideBtn .li_01 a {
    background: none repeat scroll 0 0 #20bdf0;
}
.sideBtn li a:hover {
    background: none repeat scroll 0 0 #20bdf0;
    color: #ffffff;
}
.w743 {
    overflow: hidden;
    width: 743px;
}
.Introduction h1 {
    color: #707070;
    font-size: 18px;
    font-weight: bold;
    height: 34px;
    margin: 0;
}
.Introduction .content {
    color: #909090;
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 40px;
    text-align: justify;
    width:auto;
}
.modalContent {
    background-color: #fff;
    border: medium none;
    font-family: 微软雅黑;
    padding: 50px;
    position: relative;
    z-index: 1002;
}
.modalTitle {
    background: none repeat scroll 0 0 transparent;
    margin-bottom: 0;
    position: relative;
    white-space: nowrap;
}
.modalInfo {
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
}
.modalTitle h2 {
    color: #222;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 10px;
}
.wal .lead_news {
    width: 100%;
}
.wal .lead_news li {
    border-bottom: 1px solid #efebef;
    float: left;
    height: 75px;
    overflow: hidden;
    padding: 32px 0;
    width: 100%;
}
.wal .listcon {
    width: 655px;
}
.wal .listtitle {
    width: 630px;
}
.listdate {
    background: none repeat scroll 0 0 #838183;
    color: #fff;
    float: left;
    height: 75px;
    margin-right: 20px;
    text-align: center;
    width: 65px;
}
.listdate .day {
    border-bottom: 1px dotted #b3b4b3;
    color: #fff;
    font-size: 30px;
    height: 40px;
    padding-top: 5px;
    width: 100%;
}
.listdate .month {
    color: #fff;
    font-size: 14px;
    padding-top: 5px;
}
.listtitle {
    float: left;
    height: 20px;
    line-height: 20px;
    margin: 5px 0;
    overflow: hidden;
    width: 475px;
}
.listtitle a {
    color: #222;
    display: block;
    float: left;
    overflow: hidden;
    text-decoration: none;
    width: 365px;
}
.listtitle span {
    display: block;
    float: right;
    width: 100px;
}
.listcon {
    color: #777777;
    float: left;
    height: 44px;
    line-height: 22px;
    overflow: hidden;
    width: 475px;
}
.con_pro {
    overflow: hidden;
    position: relative;
    width: 993px;
}
.con_pro .prolist {
    display: block;
    height: 390px;
    width: 993px;
}
.con_pro li {
    display: block;
    float: left;
    margin-right: 15px;
    overflow: hidden;
    position: relative;
    width: 315px;
    text-align: center;
}
.con_pro li img{
    width: auto;
    height: 185px;
}
.con_pro .prolist li .overlay {
    background: none repeat scroll 0 0 #000000;
    display: none;
    height: 185px;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    width: 315px;
    z-index: 8;
}
a.link {
    background: url("../images/case_detail.png"/*tpa=http://www.zggker.com/images/case_detail.png*/) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 45px;
    left: 50%;
    margin-left: -23px;
    position: absolute;
    top: -45px;
    width: 45px;
    z-index: 9;
}
.con_pro li.last {
    margin-right: 0;
}

.con_pro li .title {
    font-size: 14px;
    height: 30px;
    overflow: hidden;
    padding: 5px;
    text-align: center;
    width: 307px;
}

.con_pro li .title a {
    color: #222;
    text-decoration: none;
}

.con_pro li p {
    color: #777777;
    display: block;
    font-size: 12px;
    height: 160px;
    line-height: 24px;
    overflow: hidden;
    padding: 5px;
    width: 310px;
}
.li_3_content {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7) !important;
    display: none;
    left: 0;
    line-height: 40px;
    position: absolute;
    top: 85px;
    width: 100%;
    z-index: 99;
}
.li_3_content a:hover {
    color: #f18336 !important;
}
.li_3_content dd {
    margin: 0 auto;
    padding: 0 8px;
    width: 80%;
}
.top_menu ul li dd a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #989898;
    display: inline-block;
    text-align: center;
    width: 100%;
}
.li_3_content dd a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-right: medium none;
    color: #fff;
    display: inline-block;
    font-weight: normal;
    padding: 0;
    text-align: center;
    width: 100%;
}
.li_3_content dd.lastItem {
    background-image: none;
    border-bottom: 1px solid #e6e4e3;
}
.li_3_content dd.lastItem a {
    border-bottom: medium none;
}
.li_3_content dd a:hover span {
    background: url("../images/dot.jpg"/*tpa=http://www.zggker.com/images/dot.jpg*/) repeat-x scroll center bottom rgba(0, 0, 0, 0);
    color: #fff;
    display: inline-block;
    text-align: center;
    width: 100%;
}
#nav a i {
    background: url("../images/icon.png"/*tpa=http://www.zggker.com/images/icon.png*/) no-repeat scroll 0 -200px rgba(0, 0, 0, 0);
    display:inline-block;
    height: 6px;
    margin-left: 5px;
    width: 10px;
}
.top_menu li.current a i {
    background-position: 0 -60px;
}


/* ps_box */
.ps_box{}
.pics_switch{position:relative;width:2500px;margin:auto;height:584px;background:#1b1c24;overflow:hidden;}
.pics_switch .pb{height:584px;}
.pics_switch .pic_box{float:left;width:2500px;height:584px;overflow:hidden;}
.pics_switch .pic_box a{margin:auto;display:block;width:2500px;height:584px;}

/*左右翻页箭头*/
.viewArrows{display:block;width:50px;height:50px;line-height:50px;cursor:pointer;text-indent:-99999999px;position:absolute;top:269px;}
.prev{left:200px;background:url("../images/prev.png"/*tpa=http://www.zggker.com/images/prev.png*/) center center no-repeat;}
.next{right:200px;background:url("../images/next.png"/*tpa=http://www.zggker.com/images/next.png*/) center center no-repeat;}

.pics_switch .pic_box a.pic_banner_001{background:url("../images/adde8400gw1eblxy40vs6j218g0g4wi7.jpg"/*tpa=http://www.zggker.com/images/adde8400gw1eblxy40vs6j218g0g4wi7.jpg*/) center top no-repeat;}
.pics_switch .pic_box a.pic_banner_002{background:url("../images/adde8400gw1eblxzy7emij218g0g4160.jpg"/*tpa=http://www.zggker.com/images/adde8400gw1eblxzy7emij218g0g4160.jpg*/) center top no-repeat;}
.pics_switch .pic_box a.pic_banner_003{background:url("../images/adde8400gw1eblxxxsai8j218g0g4jux.jpg"/*tpa=http://www.zggker.com/images/adde8400gw1eblxxxsai8j218g0g4jux.jpg*/) center top no-repeat;}
.pics_switch .pic_box a.pic_banner_004{background:url("../images/adde8400gw1ebly43852cj218g0g4wi0.jpg"/*tpa=http://www.zggker.com/images/adde8400gw1ebly43852cj218g0g4wi0.jpg*/) center top no-repeat;}
.ps_box .pics_switch_clients{display:;width:100%;height:80px;position:absolute;left:0;bottom:0;overflow:hidden;}
.ps_box .pics_switch_clients ul{margin:20px auto 0;width:100px;height:auto;overflow:hidden;}
.ps_box .pics_switch_clients ul li{float:left;padding:20px 0;cursor:pointer;}
.ps_box .pics_switch_clients ul li span{display:block;margin-right:5px;width:20px;height:1px;text-indent:-999999px;background:#FFF;}

/******************** 响应式 ********************/
@media all and (max-width: 1030px){}
/* Default wide-screen styles */
@media all and (max-width: 1024px){
	.pics_switch , .pics_switch .pic_box , .pics_switch .pic_box a{width:1024px;}
	.prev{left:25px;}
	.next{right:25px;}
}
@media all and (max-width: 605px){
	.ps_box{overflow:hidden;}
	.pics_switch{height:400px;}
	.pics_switch .pb{height:400px;}
	.pics_switch .pic_box a{height:400px;background-size:1103.4px 400px !important;}
	.pics_switch , .pics_switch .pic_box , .pics_switch .pic_box a{width:605px;}
}
@media all and (max-width: 768px){
	.ps_box{overflow:hidden;}
	.pics_switch{height:400px;}
	.pics_switch .pb{height:400px;}
	.pics_switch .pic_box a{height:400px;background-size:1103.4px 400px !important;}
	.pics_switch , .pics_switch .pic_box , .pics_switch .pic_box a{width:768px;}
}
@media all and (max-width: 640px){
	.prev{left:40px;}
	.next{right:40px;}
	.ps_box{margin-bottom:30px;overflow:hidden;}
	.pics_switch{height:400px;}
	.pics_switch .pb{height:400px;}
	.pics_switch .pic_box a{height:400px;background-size:1103.4px 400px !important;}
	.pics_switch , .pics_switch .pic_box , .pics_switch .pic_box a{width:640px;}
}
@media all and (max-width: 480px){
	.prev{left:10px;}
	.next{right:10px;}
	.ps_box{margin-bottom:25px;overflow:hidden;}
	.ps_box .pics_switch_clients{height:30px;}
	.ps_box .pics_switch_clients ul{margin:0 auto;}
	.ps_box .pics_switch_clients ul li{padding:15px 0;}
	.pics_switch{width:480px;height:200px;}
	.pics_switch .pb{height:250px;}
	.pics_switch .pic_box a{height:200px;background-size:630px 218px !important;}
	.pics_switch , .pics_switch .pic_box , .pics_switch .pic_box a{width:480px;}
}
@media all and (max-width: 320px){
	.prev{left:10px;}
	.next{right:10px;}
	.ps_box{margin-bottom:15px;overflow:hidden;}
	.ps_box .pics_switch_clients{height:30px;}
	.ps_box .pics_switch_clients ul{margin:0 auto;}
	.ps_box .pics_switch_clients ul li{padding:15px 0;}
	.pics_switch{width:320px;height:200px;}
	.pics_switch .pb{height:200px;}
	.pics_switch .pic_box a{height:200px;background-size:568px 200px !important;}
	.pics_switch , .pics_switch .pic_box , .pics_switch .pic_box a{width:320px;}
}
@media all and (max-width: 240px){
	body{}
}


.partner_prev, .partner_next {
    top: 0;
}

.business span {
    background: #b81e17 none repeat scroll 0 0;
    display: block;
    height: 250px;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
}
.product_tab {

}
.product_tab ul {
    border: 1px solid #e3e3e3;
    height: 46px;
    padding: 10px 0 13px;
}
.product_tab ul li {
    background: #f0f0f0 none repeat scroll 0 0;
    display: inline;
    float: left;
    font-size: 14px;
    height: 46px;
    line-height: 46px;
    margin-left: 12px;
    position: relative;
}
.product_tab ul li a {
    color: #000000;
    display: inline-block;
    height: 46px;
    padding: 0 25px;
    text-align: center;
}
.product_tab ul li a:hover {
    background: #335bad none repeat scroll 0 0;
    color: #fff;
}
.product_tab ul li a.cur {
    background: #335bad none repeat scroll 0 0;
    color: #fff;
}
.zml_app {
    display: none;
    margin: 30px 0;
}
/*home-brand*/
.brand {
  width:1200px;
  margin:0 auto;
  padding-top:40px;
  padding-bottom:50px;
}
.brand .hd,
.home-case .hd,
.partner .hd,
.service .hd,
.home-new .hd
{
    text-align:center;
}
.brand .hd h3.tit1,
.home-case .hd h3.tit1,
.partner .hd h3.tit1,
.service .hd h3.tit1,
.home-new .hd h3.tit1
{
    font-size:32px;
    color:#333;
    line-height:32px;
}

.brand .hd p.line,
.home-case .hd p.line,
.partner .hd p.line,
.service .hd p.line,
.home-new .hd p.line
{
  width:90px;
  height:1px;
  background-color:#0097e0;
  margin:20px auto;
}
 .brand .hd p.tit2,
.home-case .hd p.tit2,
 .partner .hd  p.tit2,
 .service .hd p.tit2，
 .home-new .hd p.tit2
 {
    font-size:16px;
    color:#333;
}
 .brand .column {
     position:relative;
     margin-top:40px;
 }
    .brand .column a.more {
        position:absolute;
        right:0px;
        bottom:10px;
       display:block;
    font-size:14px;
    color:#666;
    }
    .brand .column ul {
        overflow:hidden;
    }
  .brand .column ul li{
    float:left;
    display:inline-block;
    padding:0px 15px;
    height:36px;
    line-height:36px;
    position:relative;
    margin-right:10px;
 }
   .brand .column ul li.on,
   .brand .column ul li:hover
   {
   background:#0097e0;
   border-radius:6px;
  }
   
.brand .column ul li a{
    display:block;
    font-size:14px;
    color:#666;
}
.brand .column ul li.on a,
.brand .column ul li:hover a
{
    color:#fff
 }
.brand .bd {
    margin-top:20px;
    overflow:hidden;
}
.brand .bd li {
    float: left;
    display: inline-block;
    width: 380px;
    height: 272px;
    overflow: hidden;
    margin-right:30px;
    margin-bottom:28px;
}
.brand .bd  li:nth-child(3n){
   margin-right:0px;
}

.brand .bd li a {
   display:flex;
   justify-content:center;
   width:314px;
   height:183px;
   overflow:hidden;
}
.brand .bd p{
    text-align:center;
    margin-top:10px;
    width:314px;
}
.brand .bd li img{
  transform:scale(1,1);
  -webkit-transform:scale(1,1);
  -moz-transform:scale(1,1);
  -ms-transform:scale(1,1);
  -o-transform:scale(1,1);
  transition:all ease-in-out 0.36s;
 -webkit-transition:all ease-in-out 0.36s;
 -moz-transition:all ease-in-out 0.36s;
 -ms-transition:all ease-in-out 0.36s;
 -o-transition:all ease-in-out 0.36s;
 height:100%;
width:auto;
}
.brand .bd li:hover img{
   transform:scale(1.2,1.2);
  -webkit-transform:scale(1.2,1.2);
  -moz-transform:scale(1.2,1.2);
  -ms-transform:scale(1.2,1.2);
  -o-transform:scale(1.2,1.2);
  
}
/*home-case*/
.home-case {
  width:100%;
  height:768px;
  background:url("../images/home-case-bg.jpg"/*tpa=http://www.zggker.com/images/home-case-bg.jpg*/) no-repeat 0px 0px;
  padding-top:40px;
}
 .home-case .column {
    overflow:hidden;
     margin-top:40px;
 }
   
    .home-case .column ul {
        overflow:hidden;
        width:987px;
        margin:0 auto;
    }
  .home-case .column ul li{
    float:left;
    display:inline-block;
    width:140px;
    height:40px;
    line-height:40px;
     margin-right:1px;
     background-color:#ebebeb;
     text-align:center;
 }
   .home-case .column ul li.on,
  .home-case .column ul li:hover
   {
   background:#0097e0;
  
}
    .home-case .column ul li:first-child {
        border-top-left-radius:6px;
        border-bottom-left-radius:6px;
    }
     .home-case .column ul li:last-child {
        border-top-right-radius:6px;
        border-bottom-right-radius:6px;
    }
.home-case .column ul li a{
    display:block;
    font-size:14px;
    color:#666;
}
.home-case .column ul li.on a,
.home-case .column ul li:hover a
{
    color:#fff
 }
.home-case .bd {
    padding-top:45px;
    overflow:hidden;
    width:1200px;
    margin:0 auto;
    position:relative;
    padding-bottom:40px;
}
 .home-case .ctrl {
     position:absolute;
     left:50%;
     margin-left:-45px;
     bottom:0px;
     overflow:hidden;
}
  .home-case .ctrl span{
      display:block;
      float:left;
   width:10px;
   height:10px;
   background-color:#ccc;
   border-radius:50%;
   margin:0 5px;
}
 .home-case .ctrl span.on {
     background-color:#fe6601;
 }
.home-case .bd li {
    float: left;
    display: inline-block;
    width:262px;
    overflow: hidden;
    margin-right:13px;
    padding:14px;
    background-color:#fff;

}
.home-case .bd li:last-child{
   margin-right:0px;
}

.home-case .bd  li a {
   display:block;
}
.home-case .bd  li h4 {
   font-size:17px;
   color:#333;
}
.home-case .bd  li p {
   font-size:14px;
   color:#666;
   line-height:24px;
   max-height:72px;
   overflow:hidden;
   margin-bottom:30px;
}
/*home-new*/
.home-new {
  width:1200px;
  margin:0 auto;
  padding-top:40px;
  padding-bottom:50px;
}
.home-new .bd {
    overflow:hidden;
    margin-top:50px;
}
.home-new .bd-left {
    float:left;
    width:530px;
     background-color:#f5f5f5;
     position:relative;
 }
.home-new .bd-left-item a{
   display:block;
}
.home-new .bd-right{
    float:right;
    width:640px;
}
.home-new .bd-right li.home-new-right-item a { 
    display:block;
    overflow:hidden;
}
.home-new .bd-right li.home-new-right-item{
   background-color:#f5f5f5;
   width:610px;
   padding:10px 15px;
   margin-bottom:20px;
}
.home-new-right-item-left {
    float:left;
    text-align:center;
}
.home-new-right-item-left p.date{
    font-size:38px;
    color:#fe6601;
}
 .home-new-right-item-left p.month {
    font-size:13px;
    color:#a4a5a7;
}
.home-new-right-item-right {
    float:right;
    border-left:2px solid #d6d5d5;
    padding-left:15px;
    width:512px;
}
 .home-new-right-item-right p.tit,
 .home-new .bd-left-item p.tit
 {
     font-weight:bold;
    text-align:left;
     font-size:17px;
     color:#333;
     overflow:hidden;
     text-overflow:ellipsis;
     white-space:nowrap;
}
 .home-new-right-item-right p.info,
 .home-new .bd-left-item p.info
   {
     line-height:18px;
     max-height:36px;
     overflow:hidden;
     font-size:14px;
     color:#333;
     margin-top:10px;
 }
.home-new .bd-left-item p.tit {
    line-height:40px;
    padding:10px 15px 0 15px;
}
.home-new .bd-left-item p.info {
   padding:0 15px 42px 15px;
}

.home-new .bd-left .ctrl {
     position:absolute;
     left:50%;
     margin-left:-45px;
     bottom:165px;
     overflow:hidden;
}
.home-new .bd-left .ctrl span{
    display:block;
   float:left;
   width:10px;
   height:10px;
   background-color:#ccc;
   border-radius:50%;
   margin:0 5px;
}
.home-new .bd-left  .ctrl span.on {
     background-color:#fe6601;
 }