﻿@media screen and (max-width:1199px) {

body{font-size: 0.75rem}
@media screen and (max-width:2048px){html{font-size:273.06667px}}
@media screen and (max-width:1920px){html{font-size:256px}}
@media screen and (max-width:1440px){html{font-size:192px}}
@media screen and (max-width:1600px){html{font-size:213.33333px}}
@media screen and (max-width:1242px){html{font-size:165.6px}}
@media screen and (max-width:1140px){html{font-size:152px}}
@media screen and (max-width:1280px){html{font-size:170.66667px}}
@media screen and (max-width:1024px){html{font-size:136.53333px}}
@media screen and (max-width:1080px){html{font-size:144px}}@media screen and (max-width:960px){html{font-size:128px}}@media screen and (max-width:800px){html{font-size:106.66667px}}@media screen and (max-width:768px){html{font-size:102.4px}}@media screen and (max-width:736px){html{font-size:98.13333px}}@media screen and (max-width:732px){html{font-size:97.6px}}@media screen and (max-width:720px){html{font-size:96px}}@media screen and (max-width:667px){html{font-size:88.93333px}}@media screen and (max-width:640px){html{font-size:85.33333px}}@media screen and (max-width:600px){html{font-size:80px}}@media screen and (max-width:568px){html{font-size:75.73333px}}@media screen and (max-width:540px){html{font-size:72px}}@media screen and (max-width:533px){html{font-size:71.06667px}}@media screen and (max-width:480px){html{font-size:64px}}@media screen and (max-width:435px){html{font-size:58px}}@media screen and (max-width:414px){html{font-size:55.2px}}@media screen and (max-width:412px){html{font-size:54.93333px}}@media screen and (max-width:400px){html{font-size:53.33333px}}@media screen and (max-width:385px){html{font-size:51.33333px}}@media screen and (max-width:384px){html{font-size:51.2px}}@media screen and (max-width:375px){html{font-size:50px}}@media screen and (max-width:360px){html{font-size:48px}}@media screen and (max-width:320px){html{font-size:42.66667px}}@media screen and (max-width:300px){html{font-size:40px}}@media screen and (max-width:240px){html{font-size:32px}}


.flexslider,.side,.header_top,.dowebok,.footer_nav,.left{display:none;}	
.top_bg{width:100%; height:80px; margin:auto; background:#fff; border-bottom:1px solid #e6e6e6; border-top:none; position:fixed; top:0; left:0; z-index:9999;}
.top,.w1200{width:95%; margin:auto;display: initial;}
.logo{width:220px; float:left;padding: 14px 0 0px 5px;overflow:hidden;}
.logo img{width: 100%;}
.w_1200 {
    display: table;
    width: 95%;
    margin: 0 auto;
}

.navMenubox{position:fixed; top:81px; bottom:0px; width:100%; left:0px; background:#fff; display:none; height:cala(100vh - 80px); overflow-y:auto; margin-left:0; float:inherit;}
.navMenu{width:100%;}
.navMenu> li{position:relative; width:100%; border-bottom:1px solid #e6e6e6;}
.navMenu>li>a{display:block; padding:0 0 0 20px; color:#000; text-decoration:none; font-size:16px; background:#fff;line-height: 50px; margin-right:50px;}
.navMenu>li>i{position:absolute; right:10px; top:8px; width:36px; height:36px; background:#fff url(../images/off.png) no-repeat center; cursor:pointer;}
.navMenu>li>a.active>i{width:36px; height:36px; background:#fff url(../images/on.png) no-repeat center;}
.navMenu>li>a.active{color:#fff; background:#cb2200; }
.navMenu>li>ul.sub-menu, .navMenu>li>ul.sub-menu>li>ul.sub-menu{display:none; clear:both; margin:8px 0px;}
.navMenu>li>ul.sub-menu li{background:none; margin:0px; padding:0px; position:relative;}
.navMenu>li>ul.sub-menu li>a{display: block; font-size:14px; line-height:36px; padding-left:20px; border-top:1px solid #e6e6e6;}
.navMenu>li>ul.sub-menu li>a i{position:absolute; right:10px; top:0; width:36px; height:36px; background:url(../images/pic26.png) no-repeat center; cursor:pointer;}
.navMenu>li>ul.sub-menu li>a.active i{width:36px; height:36px; background:url(../images/pic27.png) no-repeat center;}
.navMenu>li>ul.sub-menu li>a.active, .navMenu>li>ul.sub-menu li>a:hover, .navMenu>li>ul.sub-menu>li.active >a{color: #fff; background:#cb2200;}

.naverbox{display:block; position:relative; top:0; left:0; z-index:100;}
.naverbox .btn{position:absolute; top:25px; right:0; height:30px;}
.naverbox .btn span{display:block; width:30px; height:30px; color:#fff; background:url(../images/dh.png) no-repeat center; cursor:pointer;}

.banner_box img{width:100%; display:block;}
.banner_box{width:100%;text-align:center; margin-top:80px;}
.banner_box img{vertical-align:middle;}
.roll_img_mb_01{overflow:hidden;position:relative;}
.roll_img_mb_01 .img_box{text-align:center;}
.roll_img_mb_01 .img_box li{height: auto!important;}
/*.roll_img_mb_01 .img_box li{height: 100%!important}*/
.roll_img_mb_01 .img_box img{vertical-align:middle;width:100%;}
.roll_img_mb_01 .nav_box{overflow:hidden; position:absolute; left:50%; transform:translate(-50%,0); bottom:20px;}
.roll_img_mb_01 .nav_box li{width:30px;height:3px; font-size:1px; overflow:hidden; background:#fff; float:left; margin:4px;}
.roll_img_mb_01 .nav_box .li_on{background:#0037ad;}


/*搜索*/
.Key{width: 100%;display: none;}
.Key span{display: none;}
#search_r {width: 95%;float: none;margin-top: 3px;height: 5px;margin:0 auto;}
.input_bg {width: 80%;height: 35px;background: #fff;border: 1px solid #ddd; border-radius: 16px 0px 0px 16px;float: left;}
.input {display: table;margin: 8px;border: none;width: 80%;color: #ddd;}
.input_width{display: table;float: left;line-height: 0.2rem;}


/*视频展示*/
.video {
    display: table;
    width: 97.5%;
    background: url(../images/beijing-tupian-_02.jpg) no-repeat center;
    height: auto;
    margin-top: 10px;
    padding: 14px 5px;
    margin-bottom: 10px;
    padding-bottom: 0.65rem;
}
.video .video_top {display: table;width: 66%;margin: 0 auto;margin-top: 14px;margin-bottom: 15px;}
.video .video_top span {
    font-size: 0.4em;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    float: left;
}
.video .video_top i {
    width: 24%;
    display: inline-block;
    height: 2px;
    background: #ddd;
    float: left;
    margin: 5%;
}
.m iframe{
    height: auto;
}


/*版权*/
.footer {display: table;width: 100%;background: #eeeeee;}
.font_text h3{display: none;}


.quanguofuwu {
    font-size: 16px;
    font-size: 15px;
    color: #7c7c7c;
    font-weight: 500;
    margin-top: 7px;
}
.quanguofuwu1 {
    font-size: 0.3rem;
    color: #7c7c7c;
    font-weight: 500;
    margin-top: 2px;
    margin-bottom: 2px;
}
.footer .font_text div {
    display: inline-block;
    margin: 0px auto;
    line-height: 30px;
    color: #919191;
    font-size: 0.3rem;
    padding: 10px 0;
}
.erweima {
    display: table;
    float: right;
    width: 100%;
    margin-top: 0.1rem;
    display: none;
}
.erweima div {
    width: 35%;
    margin: 3%;
    float: left;
}
.erweima div img {
    width: 100%;
}
.erweima div span {
    display: table;
    width: 100%;
    line-height: 0.3rem;
    text-align: center;
    font-size: 12px;
}

.fonter_bg {
    display: table;
    width: 100%;
    text-align: center;
    font-size: 0.3rem;
    line-height: 0.5rem;
    border-top: 1px solid #ddd;
    padding: 10px 0;
}




/******内页*****/
.main {
    margin: 0.3rem auto;
}
.left{width: 240px; float: left; padding: 5px; border: 1px solid #ddd;float: left;}
.left span{text-indent: 15px;display: table;width: 100%;line-height: 55px;font-size: 18px; font-weight: bold;border-bottom: 1px solid #ddd;color: #1083c7;}
.left span i{margin-left: 70px;}
.left ul li{line-height: 40px; text-align: center; border-bottom: 1px dashed #ddd;}
.left ul li a{display: table;width: 100%;height: 100%;}

.left_bottom{display: table;margin-top: 10px;}
.left_bottom h3{font-size: 16px;font-weight: bold;}
.left_bottom p{font-size: 14px;line-height: 30px;word-wrap:break-word;word-break:break-all;}

.right {
    width: 95%;
    float: none;
    display: table;
    margin: 0 auto;
}
.right .right_nav{font-size: 14px; height: 35px; border-bottom: 1px solid #ddd;}
.right .right_nav i{margin-right: 10px; color: #1083c7;}
.right .right_body{display: table;margin-top:20px;font-size:14px;line-height: 30px;width: 100%;}
.right .right_body img{max-width: 100%;}

.right_img{display: table;width: 100%;}
.right_img li{width: 47%;float: left;margin:0 auto;margin:1%;border: 1px solid #ddd;}
.right_img li:hover{width: 31%;float: left;margin:0 auto;margin:1%;border: 1px solid #bfd7f5;box-shadow: 1px 1px 10px #ddd}
.right_img li img{width: 100%;float: left;}
.right_img li span {
    display: table;
    width: 100%;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}


.lanrenzhijia{ width:100%; height:auto;overflow:hidden;float: left;}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{ background:url(http://www.lanrenzhijia.com/demo/images/loading.gif) no-repeat center center;width: 100%;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{width:100px!important;height:100px!important;z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
/*图片小图预览列表*/
.spec-preview{width:99%;border:1px solid #DFDFDF;display: table;}
.spec-scroll{clear:both;margin-top:5px;width:99%;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:88%;height:56px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}


.cp_miaoshu{width: 100%; float: left; margin-left: 0px; text-align: left;}
.cp_miaoshu h3{font-size: 18px; display: table; width: 100%; border-bottom: 1px solid #ddd; line-height: 50px; font-weight: bold;}
.cp_miaoshu span{display: table; min-height: 80px; width: 100%; background: #fff; border-radius: 10px; padding: 5px;}
.cp_miaoshu i{font-style: normal;font-size: 16px;}

.meter {
    width: 95%;
    height: 35px;
    padding: 10px;
    background: #ececec;
    margin-top: 20px;
    border-radius: 5px;
    display: table;
}
.meter span{display: table;width: 100%;border-bottom: 1px solid #ddd;}
.meter span i{font-style: normal; font-size: 14px; display: table; border-bottom: 2px solid #00314d; width: 70px; text-align: center; line-height: 20px; padding-bottom: 10px;}
.meter_body{min-height: 80px; line-height: 30px; background: #fff; border-radius: 5px; padding: 5px;font-size: 0.3rem;}
/*产品推荐*/
.Re_products{width: 98%; display: table; background: #fff; margin: 0.1rem auto; padding: 0.1rem; border-radius: 10px;}
.Re_products .Re_products_bg{width: 100%;display: table;border-bottom: 1px solid #ddd;}
.Re_products .Re_products_bg i {
    font-style: normal;
    float: right;
    text-transform: uppercase;
    font-size: 0.3rem;
}
.Re_products .Re_products_bg  h3{font-size: 18px;font-weight: bold;display: table;float: left;}
.Re_products ul li {
    width: 47%;
    margin: 1.1%;
    border: 1px solid #ddd;
    display: table;
    float: left;
}
.Re_products ul li img{width: 100%;float: left;}
.Re_products ul li span {
    border: none;
    line-height: 30px;
    display: table;
    width: 100%;
    text-align: center;
    font-size: 0.3rem;
}
.Re_products {
    width: 98%;
    display: table;
    background: #fff;
    margin: 0.1rem auto;
    padding: 0.1rem;
    border-radius: 10px;
        margin-top: 30px;
}

.Re_products .Re_products_bg {
    width: 96%;
    display: table;
    border-bottom: 1px solid #ddd;
    margin: 0 auto;
    line-height: 45px;
}
/**在线留言**/
.hza{margin: 30px auto; background: #fff; padding: 10px;}
.hza label{display: table; font-size: 18px; line-height: 45px; font-weight: bold;}
.hza:after{content: " "; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}
.soka{width: 44%; border: 1px solid #D8D8D8; line-height: 25px; margin-bottom: 12px; padding-left: 10px; font-size: 12px; font-family: "Microsoft YaHei", verdant, tahoma;float: left;margin-right: 0.1rem;}
.sokb {
    height: 50px;
    border: 1px solid #D8D8D8;
    line-height: 35px;
    margin-bottom: 15px;
    padding-left: 10px;
    font-size: 14px;
    font-family: "Microsoft YaHei", verdant, tahoma;
    width: 93.3%;
    color: #757575;
}


.service{display: table;width: 100%;}
.service img{max-width: 100%;}
.service h3{display: table;width: 100%;font-size: 25px;font-weight: bold;font-weight: 500;}
.service h4{font-size: 20px;font-weight: 500;}
.service p{font-size: 14px;line-height: 30px;}


/*关于我们*/

/*发展历程*/
.develop li span {
    display: table;
    float: left;
    width: 100%;
}


/*新闻中心*/

.shopmrsc{overflow: hidden; padding: 15px 5px;}
.right .right_body {
    display: table;
    margin-top: 0.3rem;
    font-size: 14px;
    line-height: 30px;
    width: 100%;
}
.shopmrsc ul li {
    margin-bottom: 0.1rem;
    display: table;
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding-bottom: 0.1rem;
}

.shopmrsc .xwlb_img{float: left; display: block; text-decoration: none; position: relative; width: 185px; margin-right: 20px;display: none;}

.xwlb_content{display: table;float: left;width: 100%;}
.xwlb_content h3 {
    font-size: 0.3rem;
    display: table;
    width: 100%;
    text-align: left;
}
.xwlb_content span {
    display: table;
    float: left;
    width: 100%;
    font-size: 0.3rem;
    line-height: 0.6rem;
    color: #4f4f4f;
}
.xwlb_content i {
    font-size: 14px;
    display: table;
    text-align: left;
    font-style: normal;
}

.shopmrsc h3{display: table;width: 100%;}
.shopmrsc i {
    display: table;
    font-style: normal;
    width: 100%;
    border-bottom:none;
    padding-bottom: 0rem;
    margin-bottom: 0rem;
}
.shopmrsc {
    overflow: hidden;
    padding: 2px 0px;
}

.shopmrsc_fy {
    display: table;
    width: 100%;
    border-top: 1px solid #ddd;
    margin-top: 20px;
    padding: 10px 0;
}
.shopmrsc_fy a{display: table;width: 100%;height: auto;}




/*搜索功能*/
.top_search {
    float: right;
    margin-right: 32px;
    margin-top: 18px;
}
.top_search span {
    display: block;
    width: 28px;
    height: 24px;
    margin-top: .2rem;
    background: url(../images/icon_search.png) no-repeat center center;
    background-size: 64%;
}
.top_search>div {
    position: fixed;
    top: 81px;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 9999999;
}
.top_search>div i{
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
}
.top_search .gg{
    position: absolute;
    z-index: 5;
    right: 0;
    width: 94%;
    padding:5% 3%;
    background-color: #fff;
    overflow: hidden;
}
.top_search .ss input{
    border:#ddd solid 1px;
    border-right:0;
    width: 78%;
    padding:0 2%;
    line-height: 260%;
    font-size:.26rem;
    float: left;
    border-radius: .07rem 0 0 .07rem;
}
.top_search .ss input:focus{
    border-color: #0083c3;
}
.top_search .ss button {
    font-size: .26rem;
    width: 17.5%;
    line-height: 260%;
    border: #e5332b solid 1px;
    background-color: #eb302a;
    color: #fff;
    float: left;
    border-radius: 0 .07rem .07rem 0;
}



/*版权*/
.foot_nav{height:55px;}
.bottomToolbar{width:100%; font-size:1em; position:fixed; display:block; margin:0; padding:0; bottom:0; left:0; text-align:center; z-index:999; background:#1d3655;}
.bottomToolbar li{width:24.5%; float:left; position:relative; text-align:center;border-right: 1px solid #265288;}
.bottomToolbar li img{text-align:center; margin:auto; width:auto; height:23px;}
.bottomToolbar li a{padding:5px 0 2px 0; margin-right:1px; display:block;font-size:20px;text-align:center;color:#FFF;text-decoration:none;}
.bottomToolbar li em{text-align:center;margin:auto;color:#fff;font-size:0.2rem;display:block;font-style:normal;}

/*语言版本*/
.Language {
    display: table;
    float: none;
    margin-top: 15px;
    width: 63px;
    margin: 0 auto;
    margin-top: 22px;
    float: left;
    margin-left: 6px;
}
.Language span {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
    font-style: normal;
    padding: 0 2px;
    border: 1px solid #fff;
}


.Language span img{margin-right: 5px;}
.Language span i {
    display: inline-block;
    font-style: normal;
    font-size: 12px;
}


.mobile-left {
    display: inline-block;
    width: 100%;
    float: left;
    margin-bottom: 0.3rem;
}
.mobile-left span {
    display: table;
    width: 100%;
    float: left;
    line-height: 48px;
    height: 48px;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    background: url(../images/panner.jpg) no-repeat center;
    background-size: 100% 100%;
    color: #e2332b;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
}
.mobile-left span i {
    display: inline-block;
    font-style: normal;
    margin-right: 8px;
}
.mobile-left>ul {
    display: inline-block;
    border: 1px solid #ddd;
    width: 100%;
    padding-bottom: 0.2rem;
}

.mobile-left>ul li {
    display: table;
    width: 48%;
    line-height: 22px;
    height: 40px;
    text-align: center;
    position: relative;
    border-bottom: 1px solid #ddd;
    float: left;
    margin: 1%;
}
 .mobile-left>ul li:before {
    content: "";
    width: 5px;
    height: 9px;
    background: url(../images/lli_l.png) no-repeat center;
    display: table;
    background-size: 100% 100%;
    position: absolute;
    top: 18px;
    left: 10px;
}
.mobile-left>ul li a{font-size:12px;}

/*公司环境*/
.workshop ul li{width:47%;margin:1%;float:left;border:1px solid #ddd;}
.workshop ul li span {
    display: table;
    line-height: 0.6rem;
    height: 0.6rem;
    text-align: center;
    width: 100%;
    font-size: 0.25rem;
}

.pic{display:table;width:100%;}
.pic img{width:100%;}


}