/*公共属性部分 开始*/
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{
    margin: 0;padding: 0;
}
body{font-family:微软雅黑,"SourceHanSans Regular";font-size: 0.6rem;min-width: 1660px;}
body *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
img{border: none;vertical-align: bottom;}
li{list-style:none;}
input,select,textarea,button{outline: none; border: none;}
input{font-size: 14px;color: #333;}
input[style='submit'],input[style='button'],button{cursor: pointer;}
a{text-decoration: none;cursor:pointer}
.container{margin: 0 auto;width: 1660px;}
.w1200{margin: 0 auto;width: 1200px;}
.clear{overflow: hidden;}
.clearfix:before,.clearfix:after{clear:both;content:" ";display:table;}
table { border-collapse: collapse; border-spacing: 0; }
/*公共属性部分 结束*/


@font-face {
    font-family: 'SourceHanSans Regular';
    src: url('http://www.xmzibi.com/public//static/oghome/fonts/SourceHanSansCN-Regular.otf');
    font-weight: normal;
    font-style: normal;
}


/*面包屑 star*/
.ogBreadCrumbs{margin:30px auto;}
.ogBreadCrumbs li{float: left;font-size: 16px; color: #999999;margin-right: 8px;}
.ogBreadCrumbs li a{background: url("../image/return1.png")right 0 center no-repeat;padding-right: 20px;color: #999999;background-size:8px; }
.ogBreadCrumbs li a:hover{color: #3cb2e9;}
/*面包屑 end*/


.ogHead{height: 100px;background: top;position: fixed;left: 0;width: 100%;top: 0;z-index: 200;}
.ogHead .ogHeadLogo{float: left; height: 50px; width: 300px;margin: 25px 0;}
.ogHead .ogHeadLogo img{height: 100%;display: block;}
.ogHead .ogHeadNav{float: right;}
.ogHead .ogHeadNav >ul >li{float: left;line-height: 100px;margin: 0 20px;}
.ogHead .ogHeadNav >ul >li >a{font-size: 18px;color: #fff;position: relative;display: block;}
.ogHead .ogHeadNav >ul >li >a i{background: url("../image/upTriangle_on.png")no-repeat;width: 10px;height: 9px;background-size: 100%;display: block;  position: absolute;bottom: 0;left: 50%;margin-left: -5px;z-index: 20;opacity: 0;  }
.ogHead .ogHeadNav >ul >li.on >a{color: #3cb2e9;}
.ogHead .ogHeadNav >ul >li >a:hover{color: #3cb2e9;}
.ogHeadTwoNav{position: absolute;z-index: 20; top: 100px;left: 0; width: 100%;  background:transparent ;height: 0;overflow: hidden;
    -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.ogHeadTwoNav ul{float: right;}
.ogHeadTwoNav ul li{float: left;line-height: 65px;margin: 0 15px;}
.ogHeadTwoNav ul li a{color: #fff;font-size: 14px;}
.ogHeadTwoNav ul li a:hover{color: #3cb2e9;}
.ogHead .ogHeadNav>ul >li:hover ul{border-top: 1px solid #fff;}
.ogHead .ogHeadNav >ul >li:hover .ogHeadTwoNav{height: 65px;}
.ogHead .ogHeadNav >ul >li:hover i{display: block;opacity: 1}
.ogTitle{position: relative;margin-bottom: 60px;}
.ogTitle h1{font-size: 30px;font-weight: normal;text-align: center;padding-bottom: 30px;}
.ogTitle i{width: 40px;height: 5px;background: #000000;display: block;position: absolute;left: 50%;margin-left: -25px;}



.footer{background: #1a1a1a;color: #fff;padding-top: 60px;z-index: 20;position: relative;}
.footer .container >div{float: left;border-right: 1px solid #333333;box-sizing: border-box;height: 220px;}
.footer .container >div:last-child{border-right: 0;}
.footer .ogFoot_23{width: 23%; }
.footer .ogFoot_13 {width: 13.5%; }
.ogFootLogo >a{    position: relative;
    left: -20px;}
.ogFootLogo img{margin-bottom: 40px;height: 40px}
.ogFootLogo p{line-height: 30px;padding-left: 40px;color: #888;font-size: 18px;}
.ogFootLogo .ogFootQQ{background: url("../image/qq.png")left 0 center no-repeat;margin-bottom: 20px;}
.ogFootLogo .ogFootQQ a{color: #888888;font-size: 18px;line-height: 30px;}
.ogFootLogo .ogFootQmail{background: url("../image/email.png")left 0 center no-repeat;}
.ogFootLink{padding-left: 55px;}
.ogFootLink2{padding:0 30px;}
.ogFootLink h3{font-size: 18px;color: #fff;line-height: 36px;}
.ogFootLink a{display: block;font-size: 14px;color: #888888;line-height: 36px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;width:100%;  }
.ogFootForm div{width: 85%;float: right;}
.ogFootForm div input{color: #fff; width:48%;float: left;height: 40px;background: #262626;padding: 0 8px;line-height: 40px;}
.ogFootForm div textarea{color: #fff; width: 100%;background: #262626;resize: none;padding: 8px;line-height: 32px;height: 79px;margin: 10px 0;}
.ogFootForm div a{width: 100%;height: 40px;display: block;line-height: 40px;background: #262626;text-align: center;font-size: 14px;color: #666666;}
.footer >p{font-size: 14px;color: #888888;line-height: 30px;border-top: 1px solid #333333;text-align: center;margin-top: 30px;padding: 8px 0;}


/*分页*/
.pagination { display: table!important;  margin: 40px auto!important;  }
.pagination>li {  display: inline;  font-size: 16px; /*margin: 0 4px;float: left;*/}
.pagination>li:first-child>a, .pagination>li:first-child>span {  margin-left: 0;  border-top-left-radius: 4px;  border-bottom-left-radius: 4px;  color: #777;  cursor: not-allowed;  background-color: #fff;  border-color: #ddd;  }
.pagination>li>a, .pagination>li>span {  position: relative;  float: left;  padding: 12px 24px;  margin-left: -1px;  line-height: 1.42857143;  color: #a5a5a5;  text-decoration: none;  background-color: #fff;  border: 1px solid #ddd;  }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {  z-index: 3;  color: #fff;  cursor: default;  background-color: #00beff;  border-color: #00beff;  }
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {  color: #777;  cursor: not-allowed;  background-color: #fff;  border-color: #ddd;  }
.pagination>li:hover a{color: #fff;   background-color: #00beff;  border-color: #00beff; }


/*案例头部*/
.innerTop{height: 100px;background: #000;position: fixed;width: 100%;left: 0;top: 0;z-index: 10;}
.innerTop .rentrnIndex{width: 180px;height:100%;background: #2b2b2b;line-height: 100px;text-align: center;float: left;}
.innerTop .rentrnIndex a{color: #fff;font-size: 18px;text-align: center;background: url("../image/return.png")left 0 center no-repeat;background-size: 11px 20px;padding-left: 40px;}
.innerTop .rentrnTitle{float: left;height: 100px;line-height: 100px;color: #fff;position: relative;padding-left: 180px;}
.innerTop .rentrnTitle h3{font-size: 24px;font-weight: normal;float: left;}
.innerTop .rentrnTitle >a{position: relative;top: 50%;margin-left: 30px;float: left;}
.ogSuccessCase .ogSuccessCaseList  li :hover .ogPc.on{background: url("../image/pc_on.png")no-repeat;}
.ogSuccessCase .ogSuccessCaseList  li :hover .ogMobile.on{background: url("../image/mobile_on.png")no-repeat;}
.innerTop .rentrnTitle .ogPc{margin-top:-13.5px; }
.innerTop .rentrnTitle .ogMobile{margin-top: -14.5px;}
.innerTop .rentrnTitle> div{width: 240px;text-align: center;height: 100px;background: #2b2b2b;float: left;margin-left: 30px;position: relative;}
.innerTop .rentrnTitle .dq a{background: url("../image/dq.png")left 0 center no-repeat; background-size:26px 26px; color: #ffffff;font-size: 18px;padding-left: 40px;display: inline-block;}
.innerTop .rentrnTitle .ewm a{background: url("../image/ewm.png")left 0 center no-repeat; background-size:26px 26px; color: #ffffff;font-size: 18px;padding-left: 40px;display: inline-block;}
.ogEwm{display: none; width: 100%;height:240px;background: #3c3c3c;position: absolute;left: 0;top: 100px;padding: 20px;box-sizing: border-box;}
.ogEwm img{width: 100%;height: 100%;}

.innerTop .rentrnTitle> div:hover div{display: block;}

.ogNavRight{position: fixed;right: 0;top: 50%;z-index: 50;text-align: center;color: #fff;}
.ogNavRight ul{position: relative;}
    .ogNavRight ul li{width: 74px;height: 74px;background: #424243;background: rgba(0,0,0,.7);margin:10px 20px;cursor: pointer;border: 1px solid #8fafc3;}
    .ogNavRight ul .qq .icon i{background: url("../image/qqR.png")center no-repeat;width: 50px;height: 50px;display: block;margin: 0 auto;background-size:25px 28px;  }
    .ogNavRight ul .kf .icon i{background: url("../image/kfR.png")center no-repeat;width: 50px;height: 50px;display: block;margin: 0 auto;background-size:29px 22px;  }
    .ogNavRight ul .db .icon i{background: url("../image/topR.png")center no-repeat;width: 50px;height: 50px;display: block;margin: 0 auto;background-size:25px 29px;  }
    .ogNavRight ul .ogNavRightBox{position: absolute;left: -186px;;top: 0; display: none;width: 210px;}
    .ogNavRight ul .ogNavRightBox .text{background: #fff;height: 242px;width: 200px; position: relative;border: 1px solid #43a8eb;padding: 20px 0;box-sizing: border-box;}
    .ogNavRight ul .text a{display: block; font-size: 16px;color: #000;line-height: 50px;}
    .ogNavRight ul .text a{display: block;  }
    .ogNavRight ul li:hover { background: #43a8eb;}
    .ogNavRight ul li:hover .ogNavRightBox{display: block; }
    .ogNavRight ul .text i{background: url("../image/sjx.png")no-repeat;width: 8px;height: 11px;position: absolute;right: -8px;top: 35px;}
    
    .ogFootLinks{border-bottom: 1px solid #333333; margin-bottom: 60px;padding-bottom: 40px;}
    .ogFootLinks label{color: #ffffff;font-size: 18px;line-height: 30px;}
    .ogFootLinks li{float: left;margin-right: 40px;line-height: 32px;}
    .ogFootLinks a{font-size: 14px;color: #888888;}



.ogNavRight ul .ogNavRightBox .text{padding-left:10px;}
.ogNavRight ul .text a{padding-left: 10px;}
.ogNavRight ul .text .qq{background: url("../image/right_nav_qq.png")left 0 center no-repeat;background-size: 15px 15px;}
.ogNavRight ul .text .qq:hover{background: url("../image/right_nav_qq1.png")left 0 center no-repeat;color: #3cb2e9;background-size: 15px 15px;}

.ogNavRight ul .text .ba{background: url("../image/right_nav_ba.png")left 0 center no-repeat;background-size: 15px 15px;}
.ogNavRight ul .text .ba:hover{background: url("../image/right_nav_ba1.png")left 0 center no-repeat;color: #3cb2e9;background-size: 15px 15px;}

.ogNavRight ul .text .js{background: url("../image/right_nav_js.png")left 0 center no-repeat;background-size: 15px 15px;}
.ogNavRight ul .text .js:hover{background: url("../image/right_nav_js1.png")left 0 center no-repeat;color: #3cb2e9;background-size: 15px 15px;}

.ogNavRight ul .text .kf{background: url("../image/right_nav_kf.png")left 0 center no-repeat;background-size: 15px 15px;}
.ogNavRight ul .text .kf:hover{background: url("../image/right_nav_kf1.png")left 0 center no-repeat;color: #3cb2e9;background-size: 15px 15px;}


.ogNavRight ul .text .sh{background: url("../image/right_nav_sh.png")left 0 center no-repeat;background-size: 15px 15px;}
.ogNavRight ul .text .sh:hover{background: url("../image/right_nav_sh1.png")left 0 center no-repeat;color: #3cb2e9;background-size: 15px 15px;}











/*适配*/

@media only screen and (max-width: 1600px) and (max-height: 900px){
    body{min-width: 1600px;}
    .container{width: 1600px;}
    .footer{padding: 60px  20px 0;}
    .footer .ogFootLogo {width: 18%;}
    .ogFootForm div{float: left;margin-left: 20px;width: 82%;}
    .footer .ogFoot_13{width: 13%;}
    .ogFootLink{padding-left:30px; }
    .ogFootLinks{margin-bottom: 50px;}
}

@media only screen and (max-width: 1440px) {
    body{min-width: 1440px;}
    .container{width: 1440px;}
}

@media only screen and (max-width: 1400px) {
    body{min-width: 1400px;}
    .container{width: 1400px;}
    .footer{padding: 60px  20px 0;}
    .footer .ogFootLogo {width: 18%;}
    .ogFootForm div{float: left;margin-left: 20px;width: 82%;}
    .footer .ogFoot_13{width: 13%;}
    .ogFootLink{padding-left:30px; }
    .ogFootLinks{margin-bottom: 50px;}
}
@media only screen and (max-width: 1200px) {
    body{min-width: 1200px;}
    .container{width: 1200px;}


}