﻿/*共用*/
@font-face {
font-family: 'kt.ttf'; 
src: url('../fonts/kt.ttf') format('truetype'); 
}

body{ width:100%;font-size:12px; background:#FFF; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-family:"微软雅黑"; color:#333;}
*{margin:0;padding:0;}
div{margin: 0px; padding: 0px;}
span,p{margin: 0px; padding: 0px;}
h1,h2,h3,h4,h5,h6{margin: 0px; padding: 0px;}
img{margin: 0px; padding: 0px;}
dl,dt,dd,ol,ul,li{margin: 0px; padding: 0px; list-style: none;}
img{border-right-width: 0px;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;}
from,input,select{margin: 0px; padding: 0px;}
.clear{clear:both; font-size:0px; overflow:hidden; height :0px;}
a{color: #484848; text-decoration: none;}
input,button,select,textarea{outline:none} 
.w_1200 {width:1200px; margin:0 auto; height:auto;display: table;}
.totalwidthpercent {width:100%; margin:0 auto;}	
.fl{ float:left;}
.fr{ float:right;}	
.float_l{float:left;}
.float_r{float:right;}
/*共同结束*/

@media screen and (min-width:1200px){
    .mobile-left{display:none;}
.banner_box,.foot_nav{display: none;} 
.n_banner{display: table;height: 450px;width: 100%;}
/*抬头*/
.header_top{display: table; height: auto; width: 100%; padding: 6px 0;}
.header_top span{display: table; width: auto; float: left;}
.header_top span img{width: 100%;}
.nav_bg{display: table;width: 54%;float: left;margin-top: 40px;margin-left: 65px;}
.nav_bg>ul>li{display: inline-block; padding: 0 12px; position: relative; height: 24px;min-width: 80px;}
.nav_bg>ul>li>a{font-size: 16px; display: table; width: 100%; height: 40px;text-align: center;}
.nav_bg>ul>li>a:after{content: ''; display: block; width: 50px; height: 3px; background: #ce0c36; background-size: 100% 100%; position: absolute; left: 50%; bottom: -14px; margin-left: -25px; -webkit-transition: all .3s; transition: all .3s; -webkit-transform: scaleX(0); transform: scaleX(0);}
.nav_bg>ul>li:hover a:after{-webkit-transform: scaleX(1); transform: scaleX(1);}
.nav_bg>ul>li>ul{display: none; width: 160px; position: absolute; top: 38px; background: #fff; z-index: 99999; left: -30px; border: 1px solid #ddd; box-shadow: 1px 1px 10px #ddd;}
.nav_bg ul>li>ul>li{text-align: center; width: 100%; font-size: 14px; padding: 0; margin: 0; line-height: 35px; border-bottom: 1px solid #ddd;}
.Language{display: inline-block; margin-top: 40px;}
.Language a{display: inline-block; padding: 0 10px; font-size: 14px;}

/*幻灯片*/
.dowebok { margin: 0 auto;overflow: hidden;}
.swiper-container { margin: 0 auto; overflow: visible;}
.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev { display: block;}
.swiper-slide { position: relative; opacity: 0 !important;}
.swiper-slide img { width: 100%;}
.swiper-slide-active { opacity: 1 !important;}
.swiper-slide .ren { position: absolute; left: 0; top: 0; width: 1436px; height: 840px;}
.swiper-button-next, .swiper-button-prev { display: none; width: 40px; height: 68px; background-size: contain;}
.swiper-button-next { right: 100px; background-image: url(../images/next.png);}
.swiper-button-prev { left: 100px; background-image: url(../images/prev.png);}
.swiper-container-horizontal .swiper-pagination-bullets { bottom: 40px;}
.swiper-pagination-bullet { width: 70px; height: 4px; margin: 0 10px !important; padding: 6px 0; border-radius: 0; background-color: transparent; opacity: 1;}
.swiper-pagination-bullet:after { content: ""; display: block; height: 4px; background-color: #fff; opacity: 0.5;}
.swiper-pagination-bullet:hover:after, .swiper-pagination-bullet-active:after { background-color: #000;}

/*搜索*/
.Key{display: table; margin: 0 auto; line-height: 55px; height: 55px; border-bottom: 1px solid #ddd; box-shadow: 1px 1px 10px #ddd; width: 100%; font-size: 14px;}
.Key span{display: table;margin-right: 10px;float: left;}
.Key span a{display: inline-block;margin:0 10px;}
.Key span i{font-style: normal;color: #1083c7; display: inline-block; margin-right: 10px; font-weight: bold;}
#search_bg{width:100%; margin:0 auto; height:60px;}
#search_bg a{font-size:13px;}
#search_c{width:1100px; margin:0 auto; height:60px;}
.search_l{width:780px; float:left; line-height:60px;}
#search_r{width: 255px; float: right; margin-top: 10px; height: 5px;}
#search_r li{float:left;height: 35px;}

.input_bg{width: 216px;height: 29px;background: #fff;border: 1px solid #ddd;border-radius: 16px 0px 0px 16px;}
.input_bottom{display: table;margin: 8px;border: none;width: 80%;color: #ddd;}
.input{display: table;margin: 8px;border: none;width: 80%;color: #ddd;}

/*视频中心*/   
#scroll{width:1080px;margin:0 auto;padding-top:30px;font-family:"Microsoft Yahei";}
#scroll .owl-wrapper-outer{margin:0 auto;}
#scroll .item{position: relative; width: 538px; margin: 0 auto; background-color: #fff; overflow: hidden; border-radius: 20px;} 
.video{display: table; width: 100%; background: url(../images/beijing-tupian-_02.jpg) no-repeat center; height: 520px; margin-top: 10px; padding:20px 0;margin-bottom:15px;}
.video .video_top{display: table; width: 54%; margin: 0 auto; margin-top: 14px; margin-bottom: 15px;}
.video .video_top span{font-size: 29px; font-weight: bold;color: #fff;display: inline-block;float: left;}
.video .video_top i{width: 33%; display: inline-block; height: 2px; background: #ddd; float: left; margin: 22px;}
.scroll-outer{background:url(images/bg.jpg) 50% 0 no-repeat;}
.plyr--video .plyr__controls{position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 50px 10px 10px; background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5)); border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; color: #fff; transition: opacity .3s ease; display: none;}
.plyr--audio .plyr__controls button.tab-focus:focus, .plyr--audio .plyr__controls button:hover, .plyr__play-large{background: none!important; color: #fff;}
.plyr__play-large{display: none; position: absolute; z-index: 1!important; top: 50%!important; left: 50%!important; transform: translate(-50%,-50%)!important; padding: 10px!important; border: 1px solid currentColor!important; border-radius: 50%!important; box-shadow: 0 1px 1px rgba(0,0,0,0)!important; transition: all .3s ease;}

.m { margin-left: auto;margin-right: auto;width: 885px; height:500px;overflow: hidden;margin-bottom: 30px;border-radius: 10px;}
.plyr audio, .plyr video {width: 100%!important;height: auto!important; vertical-align: middle!important; border-radius: inherit!important; height: 470px!important;}

/*底部*/
.footer{display: table;width: 100%; background: #eeeeee;}
.footer_text{display: table;
    width: 100%;
    margin-top: 5px;}
.footer .footer_nav{width: 550px; float: left; margin: 35px auto;}
.footer .footer_nav li{float: left;width: 25%;}
.footer .footer_nav li h3{font-size: 16px; display: table; font-weight: 500; line-height: 25px; border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.footer .footer_nav li a{display: table; width: 100%; line-height: 30px; font-size: 14px; color: #939393;}
.footer .font_text{display: table; margin: 35px auto; float: left;}
.footer .font_text h3{font-size: 16px; display: table; font-weight: 500; line-height: 25px; border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.footer .font_text div{display: inline-block; margin: 0px auto; line-height: 26px; color: #919191; font-size: 14px;}
.erweima {
    display: table;
    float: right;
    width: 10%;
    margin-top: 65px;
}
.erweima div{width: 100%; margin: 3%; float: left;}
.erweima div img {
    width: 94%;
    border: 5px solid #fff;
    float: left;
}
.erweima div span{display: table;width: 100%;line-height: 25px;text-align: center;font-size: 12px;}
.fonter_bg{display: table; width: 100%; text-align: center; font-size: 14px; line-height: 25px; border-top: 1px solid #ddd; padding: 10px 0;}

.quanguofuwu{font-size:16px;font-size: 15px; color: #7c7c7c;font-weight: 500;margin-top: 7px;}
.quanguofuwu1{font-size: 17px;color: #7c7c7c;font-weight: 500;margin-top: 2px;margin-bottom: 2px;}


/******内页*****/
.main{margin:30px auto;}
.left{width: 230px; 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: 90px;}
.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: 910px;float: right;}
.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{width:100%;}

.right_img{display: table;width: 100%;}
.right_img li{width: 31%;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;}


.lanrenzhijia{ width:400px; height:auto;overflow:hidden;float: left;}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{max-width:100%;}
.jqzoom img{ background:url(http://www.lanrenzhijia.com/demo/images/loading.gif) no-repeat center center;}
.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:398px;border:1px solid #DFDFDF;display: table;}
.spec-scroll{clear:both;margin-top:5px;width:398px;}
.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:322px;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: 48%; float: left; margin-left: 30px; 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: 100%; 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;}
/*产品推荐*/
.Re_products{width: 100%; 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;}
.Re_products .Re_products_bg  h3{font-size: 18px;font-weight: bold;display: table;float: left;}
.Re_products ul li {
    width: 23%;
    margin: 0.9%;
    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;}
.Re_products {
    width: 100%;
    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: 48%; border: 1px solid #D8D8D8; line-height: 25px; margin-bottom: 12px; padding-left: 10px; font-size: 12px; font-family: "Microsoft YaHei", verdant, tahoma;}
.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: 98.3%; color: #757575;}

.shopmrsc{overflow: hidden; padding: 15px 5px;}
.shopmrsc ul li {
    margin-bottom: 2.1rem;
    display: table;
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding-bottom: 1.1rem;
}

.
.shopmrsc p.xwlbbt{font-size: 16px; font-family: "Microsoft YaHei"; font-weight: normal;}
.shopmrsc p.xwlbnr{font-size: 14px; font-weight: normal; line-height: 24px; margin-top: 7px; color: #999;}

.shopmrsc .xwlb_img{float: left; display: block; text-decoration: none; position: relative; width: 185px; margin-right: 20px;}
.shopmrsc .xwlb_img img{
    max-width: 100%;
    float: left;
    border: 1px solid #ddd;
    padding: 3px;
}


.shopmrsc h3{display: table;width: 100%;}
.shopmrsc i {
    display: table;
    font-style: normal;
    width: 100%;
    padding-bottom: 0.3rem;
    margin-bottom: 0.35rem;
}


.xwlb_content{display: table;float: left;width: 75%;}
.xwlb_content h3{
    font-size: 20px;
    display: table;
    width: 100%;
    text-align: left;
}
.xwlb_content h3 a{color:#e8332a;}

.xwlb_content span{
    display: table;
    float: left;
    width: 100%;
    display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}



.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;}






.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;}


/*公司环境*/
.workshop{display:table;width:100%;margin-top:15px;}
.workshop ul li{width:31%;margin:1%;float:left;border:1px solid #ddd;}
.workshop ul li span {
    display: inline-block;
    line-height: 40px;
    height: 40px;
    text-align: center;
    width: 100%;
}


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

}