@media (min-width:1199px) {
    .header{height:89px}
    .header .logo{ margin-top:20px }
    .header .menu .nav{ float:left }
    .header .menu .nav li{ display:inline-block; line-height:88px; font-size:larger; padding:0px 20px; position:relative }
    .header .menu .nav li:hover,.header .menu .nav li:hover .sub-nav{background:url("/images/subNavBg2.png") repeat; }
    .header .menu .nav li:hover a{color:#fff}
    .header .menu .lang{ float:right; line-height:88px; padding-left:20px }
    .header .menu .lang a:hover{color:#ffb400;text-decoration:none}
    .header .menu .lang i{ padding-right:5px }
    .header .nav ul li .sub-nav{display:none}
    .header .nav ul li:hover .sub-nav{display:block}
    .header .nav ul li .sub-nav{ background:url("/images/subNavBg2.png") repeat; position:absolute; left:0px; z-index:9999; padding:0px 26px; white-space:nowrap; font-size:smaller;padding-bottom:10px }
    .header .nav ul li .sub-nav dd{ line-height:34px }
    .header .headroom--not-top .logo{width:10%;margin-top:10px}

     .zhengShuPicList .slides li{float:left;width:285px;margin-right:11px}
     .zhengShuPicList li .itemBox{margin-right:10px}
    .pageShili .listBox1 .box{padding:40px}
    .pageIndx .xinwen .listBox li .des{min-height:66px}

    .pageLiCheng .item{position:relative;width:700px;margin-top:170px}
    .pageLiCheng .item .yuan{position:absolute;width:30px;border-radius:100%;height:30px;border:5px solid;border-color:#0c86dc;background:#fff;top:0;margin:auto; bottom:0;}
    .pageLiCheng .item .yuan .picBox{position:absolute;top:-70px}
    .pageLiCheng .picBox.right{left:70px;}
    .pageLiCheng .picBox.left{right:70px;}
    .pageLiCheng .conArea .conDes{font-size:large;padding-top:20px}
    .pageLiCheng .item .year{font-size:30px;font-weight:bolder;color:#00b1ff;text-align:center;line-height:30px}
    .pageLiCheng .item .year{position:relative;width:20%}
    .pageLiCheng .item .itemCon{width:80%}

    .pageLiCheng .right .itemCon{float:right;text-align:right}
    .pageLiCheng .right .year{float:right}
    .pageLiCheng .right .yuan{right:-40px}
    .pageLiCheng .right .yuan .picBox {left:50px}
    .pageLiCheng .left .itemCon{float:left;text-align:left}
    .pageLiCheng .left .year{float:left}
    .pageLiCheng .left .yuan{left:-40px}
    .pageLiCheng .left .yuan .picBox {right:50px}

    .pageLiCheng .itm1{left:130px;top:0px;height:30px}
    .pageLiCheng .itm1{margin-top:0px}
    .pageLiCheng .itm2{margin-top:30px;left:-567px}
    .pageLiCheng .itm3{left:174px}
    .pageLiCheng .itm4{left:-373px}
    .pageLiCheng .itm5{left:200px}
    .pageLiCheng .itm6{right:510px}
    .pageLiCheng .itm7{left:250px}
    .pageLiCheng .itm8{right:520px}
    .pageLiCheng .itm8 .yuan .picBox{padding-top:50px}
    .pageLiCheng .itm9{left:180px}
    .pageLiCheng .itm10{right:710px}
    .pageLiCheng .itm11{right:-80px}
    .pageLiCheng .itm12{right:620px;margin-top:110px}
    .pageLiCheng .conBox{padding-bottom:80px}
    .pageKeyan .conDes{padding:40px 0px; width:60%;margin:0px auto;}

    .pageYuanXiao .textBox .cn{font-size:xx-large;display:block;font-weight:bolder}
    .pageYuanXiao .textBox .en{font-size:x-large;}
    .pageYuanXiao .textBox{width:280px;height:280px;text-align:center;margin:0px auto;position:relative;margin-top:200px}
    .pageYuanXiao .textBox .yx{position:absolute;width:285px;height:250px;}
    .pageYuanXiao .textBox .yx .text{position:absolute;}

    .pageYuanXiao .textBox .yx01{top:-190px;left:-240px}
    .pageYuanXiao .textBox .yx02{left:-240px;bottom:-56px}
    .pageYuanXiao .textBox .yx03{left:0px;bottom:-190px}
    .pageYuanXiao .textBox .yx04{top:-330px;left:0px}
    .pageYuanXiao .textBox .yx05{top:-190px;right:-240px}
    .pageYuanXiao .textBox .yx06{right:-240px;bottom:-56px}
    .pageYuanXiao .yuanxiao{min-height:700px}
    .pageYuanXiao .yx .tleft{padding-right:30px;right:100%}
    .pageYuanXiao .yx .tright{padding-left:30px;left:100%}
    .pageYuanXiao .yx .tbottom{ top:100%;left:0;right:0;padding-top:20px}
    .pageYuanXiao .yx .ttop{ bottom:100%;left:0;right:0;padding-bottom:20px}

    .pageJQJC .jcgc .bz01{left:-20px}
    .pageJQJC .jcgc .bz02{left:548px}
    .pageJQJC .jcgc .bz03{left:860px; color:#0085bf}
    .pageJQJC .jcgc .bz04{right:-50px;color:#0085bf;}
    .pageJQJC .jcgc .bzBox{position:absolute;}
    .pageShow .topBox .picBox{padding-right:20px}
}
@media (max-width:1199px){
    .header .logo{padding:10px 0px}
    #mobileMenu{position:absolute;top:15px;right:10px;}
    #mobileMenu .iconfont{font-size:40px;line-height:40px;cursor:pointer;}
    #mobileMenu .menuBut{border-radius:5px;border:1px solid #ccc;background:#fff;padding:0px 4px}
    #mobileMenu #menuClose{display:none;color:#00b1ff;}
    #mobileMenu.show #menuClose{display:block;}
    #mobileMenu.show {z-index:999}
    #mobileMenu.show .menuBut{display:none}
    #mobileMenuList .mobileMenuList{display:none}

    .pageLiCheng .conBox{width:100%;background:none}
    .pageLiCheng .item{margin-bottom:20px}
    .pageLiCheng .item .year{width:30%;position:relative;}
    .pageLiCheng .item .year .yearCon{position:absolute;top:0px;left:0px;padding:5px 10px;background:url("/images/colorBgOp.png");color:#fff;font-weight:bolder}
    .pageLiCheng .item .itemCon.pull-left{text-align:right}
    .pageLiCheng .item .year img{width:100%}
    .pageLiCheng .item .itemCon{width:70%;line-height:23px}
    .pageLiCheng .item .itemCon.pull-right{padding-left:10px}
    .pageLiCheng .item .itemCon.pull-left{padding-right:10px}
    .pageLiCheng .item .itemCon{width:100%}
    .pageYuanXiao .tuanduiList .libox{padding-left:0px;padding-right:0px;padding-top:40px}
    .pageYuanXiao .yuanxiao{margin-top:20px}
    .pageYuanXiao .textBox{margin-right:-20px}
    .pageYuanXiao .textBox .yx{float:left;padding-right:20px;margin-bottom:20px}
    .pageYuanXiao .textBox .yx img{width:100%}
    .pageYuanXiao .textBox .yx .text{position:relative!important;top:0px!important;margin-bottom:0px!important;margin-top:0px!important;text-align:center;display:none!important;}

    .pageJQJC .jcgc .bzBox{width:50%;float:left;margin-bottom:20px;font-size:19px}
    .pageOem .iocList .fontBox{display:block;margin:0px auto}
    .pageOem .iocList .textBox{padding:0px;text-align:center}
    .pageJiaru .picBox{background-size:contain}

    .pageJiaru .chengzhangItem li{padding-top:0px!important;}
    .pageLiCheng .item:first-child{display:none}
    .pageLiCheng .item{width:100%;float:left}
    .pageLiCheng .item .year{width:50%;float:left;margin-top:0px!important;}
    .pageLiCheng .item .itemCon{width:50%;float:left;padding-left:20px}
}
@media (min-width:768px){
    .header .headroom--not-top{ position:fixed; top:0px; left:0px; width:100%; z-index:999; background:url("/images/subNavBg.png")    }
    .header .headroom--not-top .logo img{width:100%}
    .header .headroom--not-top .menu .nav li{line-height:66px}
    .header .headroom--not-top .menu .lang{line-height:66px}
    .header .bannerTopBg{display:none;}
    .header .headroom--not-top .bannerTopBg{display:block;position:relative;margin-bottom:-8px}
    .pageAbout .main .topPicBox2{padding-top:20px}
    .pageShili .listBox1 li{padding-right:10px;}
    .pageShili .listBox1{margin-right:-10px}
    .pageShili .picList .slides li{width:25%;}



}
@media (max-width:1199px)and (min-width:768px){
    .pageIndx .yanfa .com_catName{width:90%}
    .footer .rightBox .telBox{float:left!important;}
    .pageRongyu .picList li{width:33.33%;float:left}
    .zhengShuPicList li{width:33.33%;float:left}
    .pageYuanXiao .textBox .yx{width:33.3%}
    .pageJiaru .lianxi{width:100%}
}
@media (max-width:767px ){
    .header .bannerTopBg{display:none}
    .pageIndx .yanfa .com_catName{width:100%}
    .pageIndx .yanfa .listBox li{margin-bottom:10px}
    .pageIndx .keyan .listBox .textBox .biao{font-size:40px}
    .pageIndx .keyan .listBox .textBox .title{font-size:large;}
    .pageIndx .xinwen .listBox{padding-bottom:10px}
    .pageIndx .xinwen .listBox li:last-child .box{border-bottom:none}
    .footer .navList{margin-right:-30px}
    .footer .leftBox{padding:0px;border:none}
    .pageIns .banner .textArea{font-size:25px}
    .zhengShuPicList .slides li{width:50%;}
    .pageShili .pingtai{padding:80px 10px}
    .pageShili .listBox1 .box{padding:40px}

    .pageLiCheng .conArea{padding-top:30px}
    .pageLiCheng .item .itemCon{width:100%;background:none;text-align:left}
    .pageLiCheng .item .itemCon.pull-left,.pageLiCheng .item .itemCon.pull-right{text-align:left;padding-top:20px}
    .pageLiCheng .item .year{width:100%;position:relative;}
    .pageLiCheng .item .year{margin-top:0px!important;}

    .pageWenhua  .bg1{background:none;}
    .pageWenhua  .bg2{background:none}
    .pageWenhua  .bg3{background:none;}
    .pageWenhua  .picBox img{width:100%;}
    .pageWenhua  .picBox {text-align:center;padding:40px 0px}
    .pageKeyan .youshiList .textBox .itemBox .data{font-size:40px;}
    .pageKeyan .textList{width:100%;padding-top:40px}
    .pageKeyan .textList li{font-size:18px;margin-bottom:10px}
    .pageRongyu .picList li{width:50%;float:left}
    .pageRongyu .picList li .box{padding-right:10px}

    .pageYuanXiao .textBox .yx .text{display:none}
    .pageYuanXiao .textBox .yx{position:relative;width:50%}
    .pageYuanXiao .itelList .title{font-size:larger}

    .pageContact .conArea .titleBox{padding-top:20px}
    .pageJiaru .picBox{height:504px}
    .pageJiaru .catDes{width:100%}
    .pageKeyan .youshiList .iconfont{display:none}
    .pageJQJC .erweima .box{padding-right:0px;margin-bottom:20px}
    .pageShow .texBox .butBox .zixun{width:100%;dis