@charset "utf-8";

/* CSS Document */

html{

	overflow-x: hidden;

    overflow-y: scroll;

}

html,body,h1,h2,h3,h4,h5,h6,div,ul,ol,li,dl,dt,dd,iframe,textarea,input,button,p,strong,b,i,a,span,del,pre,table,tr,th,td,form {

	margin: 0;

	padding: 0;

}



.clear {

clear:both;height:0px;overflow:hidden;

}

div, ul, li, p, ol, dl {

    display: block;

    list-style: none outside none;

}

img{

	border:0;

}

body{

	font-size:12px;

	color: #363636;

	margin:auto;

	font-family: "微软雅黑","Microsoft YaHei","宋体","sans - serif";

}

ul li{

	list-style:none;

}

a{font-size:12px;text-decoration:none;color: #333}

a {outline: none; /* for Forefox */ }

a {star:expression(this.onFocus=this.blur()); /* for Ie*/ }

a:active {outline: none;star:expression_r(this.onFocus=this.blur());}

a:hover, a:active {    text-decoration: none;}

/*gonggong*/



.floatleft{

	float:left;

}

.floatright{

	float:right;



}



.width00{width:100%;}

.width1000{width:1000px;}

.width1260{width:1260px;}

.width1280{width:1280px;}

.width1300{width:1300px;}



.marginauto{margin:0 auto;}



.container{margin:0 auto;padding:0 10px;}







.header{

	position:relative;

	z-index:10;

}



.h_bottom{

	height:100px;

	background-color: rgba(255, 255, 255, 1);

    box-shadow: 0px -3px 12px 4px rgb(0 0 0 / 50%);

}



.logo{

	display:inline-block;

	width:365px;

	position:relative;

	height:100px;

	line-height:100px;



}

.logo a,.logo img{

	width:100%;

	margin-top:22px;

	display:block;

}





.menu{

	margin-left: 17px;

	min-width:700px;

	height:100px;

	position:relative;

}

.submenu{width:100%;height: 100%;position: fixed;

    top: 100px;

    left: 0;

    height: 220PX;

    background: #ededed;

    display: none;

}

.sub {

	background: #ededed;

	height:160px;

	padding:30px;

    margin: auto;

    left: 0;

    line-height: 30px;

    overflow: hidden;

    top: 106px;

    width: 1240px;

    z-index: 1;

}



.sub .dhpic {

    width: 290px;

    height: 160px;

    overflow: hidden;

    float: left;

    text-align: center;

}

.dhpic img{

max-width: 100%;

    max-height: 100%;

    display: block;  

}





.sub .twolist {

    width: 460px;

    float: left;

	margin: 0 50px;

}

.sub .twolist li a:hover {

    color: #ac2124;

}

.sub .twolist li {

    height: 60px;

    float: left;

    padding: 0 15px;

}

.sub .twolist li a {

    font-size: 14px;

    color: #333;

    line-height: 60px !important;

}

.sub .dhjj {

    width: 345px;

    font-size: 14px;

    line-height: 28px;

	height: 160px;

    color: #333;

    float: left;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 6px;

    -webkit-box-orient: vertical;

    padding-left: 40px;

    border-left: 1px solid #cecece;

}

.sub dl.r {

    display: inline-block;

    float: right;

    overflow: hidden;

    padding: 10px 0;

    vertical-align: top;

    width: 730px;

}





.nav li.m{

	float:left;

	width:auto;

	padding: 0 17px;

	height:100px;

}

.nav li.m h3{

	display:block;

	height:100px;

	line-height:100px;

}

.nav li.m h3 a{



	text-align:center;

	font-size:14px;

	color: #333;

	font-weight: normal;

}



.r_logo{

	height:100px;

	width:137px;

	overflow:hidden;

}

.r_logo img{

	margin-top: 40px;

	width: 100%;

}





/* banner */



.swiper-container {

    height: 500px;

    width: 100%;

  }

  

  .swiper-slide img {

    width: 100%;

  }

  

  .swiper-pagination-bullet {

    opacity: .6 !important;

    background: white !important;

  }

  

  .swiper-container-vertical>.swiper-pagination-bullets {

    right: 18px !important;

  }

  

  .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {

    margin: 20px 0 !important;

  }

  

  .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {

    transition: 0.5s !important;

  }

  

  .swiper-pagination-bullet-active {

    border-radius: 8px !important;

    width: 22px !important;

  }



.banner{ position:relative; height:640px; width:100%; z-index:1;}

.pagebanner{ position:relative; height:500px; width:100%; z-index:1;}

/*首页*/

.indexbox{margin-top:50px;height: 728px;background: url(../images/jiapin_imgle.png) left no-repeat,url(../images/jiapin_imgri.png) right no-repeat;}

.indexproimg{padding:50px 50px 0 50px;height: 190px;}



.indexwenhua{height: 720px;background: url(../images/jiuzhiwenda_bejing.jpg) no-repeat;background-size: auto;}

.wenhuabox{

    height: 720px;

    background: url(../images/jiuwenda_img02.png) right  top/347px 222px  no-repeat,

    url(../images/jiuwenda_img.png) left  bottom/399px 592px  no-repeat,

    url(../images/indexbiaoti_15.png) right -40px  bottom -30px/511px 441px  no-repeat;

}

.indexnews{

    margin-top:50px;height: 860px;background: url(../images/news_img.png) right top no-repeat;

}



.indexcontact{background-color:rgba(172, 33, 36, 1);height: 225px;}

.indexcontact .aimage{

    padding-top: 34.5px;

    border-width: 0px;

    border-style: solid;

    border-color: rgba(228,228,228,1);

    background-color: transparent;

    display: inline-block;

}

.indexcontact .bimage{padding-top: 45.5px;

    padding-left: 100px; display: inline-block;

}

.indexcontact .cimage{padding-top: 45.5px;

    padding-left: 50px; display: inline-block;

}

.indexcontact .textbox{

    float: right;

    padding-top: 70px;

    font-size: 14px;

    color: #FFF;

    padding-left: 100px;

    width: 500px;

    height: 150px;

     display: inline-block;

     line-height: 2em;

}

.indexcontact .textbox span{float: right;}

.indexcontact img{display: block;}





.newsbox{

    padding-top: 30px;

    height: 500px;

    background: url(../images/indexsekuai.jpg) right  top/750px 157px  no-repeat,url(../images/indexsekuai.jpg) left  top/750px 157px  no-repeat;

    background-position: 650px 0px, 0px 157px;

}



.newslist {

    width: 1070px;

    height: auto;

    margin: 0 auto;

    padding: 10px;

}



.new .container {

    width: 100%;

    height: auto;

    margin: 20px auto 100px;

    padding: 10px;

}



.new .slide {

    text-align: left;

    float: left;

    font-size: 18px;

    width: 347px;

    margin: 15px 5px 20px;

    height: 440px;

    transition: all 0.3s ease-in-out 0s;

    overflow:hidden;

    border-bottom: 2px #ac2124 solid;

}

.new .slide.on{

    border-bottom: 2px #000 solid;

}

.new .slide.on .linkhover{

    display: block;;

}

    .new .slide h2 {

        font-size: 14px;

        color: #333;

        font-size: 16px;

        font-weight: bold;

        padding-top: 60px;

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap;

    }



    .new .slide p {

        font-size: 14px;

        color: #707070;

        margin-top: 12px;

        line-height: 26px;

        letter-spacing: 0.5px;

    }



.new .uptime {

    text-align: center;

    font-size: 14px;

    color: #707070;

    margin-bottom: 20px;

    font-family: Demit;

    margin-top: 20px;

}

/*--index--newslink--*/

.newslink{position: relative;display: block;}

.linkhover{position:absolute;top: 0;left: 0;width: 346px;height: 230px;background: url(../images/newssekuai.png);display: none;}



    

/*page页面*/

.pagebox{padding-top: 66px;padding-bottom:10px;background-image: url(../images/pagebackground.jpg);background-repeat: repeat;height: auto;}



/*pro class*/

.lpro{width: 240px;height: auto;padding-bottom: 10px;}

.rpro{width: 745px;height: auto;}



.lmenu{background: #FFF;min-height: 100px;padding: 4px 0px;}

.lmenu_ul{padding:0}

.lmenu_li{ height:50px; line-height:50px;position: relative;}
.lmenu_li:hover .child{
display: block;
}
.lmenu_li a{padding: 0 26px; display:block; color:#333; text-align: left;font-size: 14px}
.lmenu_li .pos{position: absolute;right: 20px;top: 50%;transform: translateY(-50%);width: 10px;}
.lmenu_li a span{font-size: 12px;font-family: "宋体";padding-left: 12px;color: #BDBCBC;}

.lmenu_li .child{
    display: none;
    position: absolute;
    left: 100%;
    top: -1px;
    z-index: 5;
    width: 100%;
    height: auto;
    background-color: rgba(255, 255, 255,1);
    border: 1px solid rgba(228,228,228,1);
    border-bottom: none;
    overflow: visible;
    margin: 0;
    padding: 0;
    border-width: 1px;
}
.lmenu_li .child li {
    height: auto;
    line-height: 50px;
    overflow: visible;
    cursor: pointer;
    width: auto;
    display: block;
    vertical-align: top;
    margin: 0px;
    padding: 0;
    border-width: 1px;
    border-style: none;
    border-color: rgba(228,228,228,0);
    position: relative;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
.lmenu_li a:hover{background:#b22225;color:#FFF;}

.lmenu_li a.on{background:#f0f0f0;}

.lmenu_li a.on:hover{background:#b22225;}

.lmenu_li a.cur{background:#b22225;color:#FFF;}

.lmenu_li a.cur:hover{background:#b22225;color:#FFF;}



.l_contact_box{width: 238px;height: 135px;border: 1px solid #b22225;border-top: transparent;}

.l_contact_box .title{padding:30px 35px 0 35px;font-size: 16px;color: #000;font-weight: bold;line-height:30px ;height: 30px;}

.l_contact_box .title img{vertical-align: middle;padding-right: 10px;}

.l_contact_box .content{padding:10px 35px;color: #363636;font-size: 14px;color: #707070;}

/*r class*/

.pro_list{height: auto;overflow: hidden;}

.pro_list_ul{ padding:20px 0px 0px 10px;}

.pro_list_li{ float:left;margin-right:13px; height:222px; width:222px; position: relative;padding-right: 20px;}

.pro_list_li a{display:block; width:222px; height:222px;}

.pro_list_li a:hover{ color: orange;  }

.pro_list_li_pic{ float:left;margin-right:13px; height:320px; width:185px; position: relative;padding-right: 30px;}

.pro_list_li_pic a{display:block; height:265px; width:185px;}

.pro_list_img_pic{ height:250px; width:185px;background: #FFF;text-align: center;overflow: hidden;border: 1px solid #ccc;}

.pro_list_img_pic img{max-width:100%;max-height:100%;border:0;vertical-align: middle;}

.pro_list_img_pic img:hover{transform:scale(1.2,1.2);transition: all 0.6s ease 0.2s;}



.pro_list_title{ font-size:14px; color:#707070; text-align:center; height:40px; line-height:40px;width: 100%;white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}

.pro_list_title:hover{ color: orange;  }

.pro_list_img{width:220px;height:160px;background: #FFF;text-align: center;overflow: hidden;}

.pro_list_img img{max-width:100%;max-height:100%;border:0;vertical-align: middle;}

.pro_list_img img:hover{transform:scale(1.2,1.2);transition: all 0.6s ease 0.2s;}



/*footer*/

.footer{height: 355px;color: #FFF;	background: #171616;text-align: center;padding: 20px 0;}

.footmenu {

	width: 1300px;

	height: 355px;

	margin: 0 auto;

	overflow: hidden;

	display: flex;

	justify-content: center;

  }

  

  .footlist {

	width: 145px;

	float: left;

	padding:0 20px;

  }

  

  .footlist a {

	color: #FFF;

	font-size: 14px;

  }

  

  .footli {

	margin-bottom: 14px;

  }

  

  .footliTitle {

	margin-bottom: 16px;

  }

  

  .footliTitle a {

	font-size: 16px;

	color: #FFF;

	padding-bottom: 2px;

	letter-spacing: 4px;

  }

/*copyright*/

.copyright{background: #850e11;height: 45px;line-height: 45px;font-size: 14px; color: #FFF;text-align: center;}

.copyright a{font-size: 14px; color: #FFF;}

/*products-*/

.mypos{font-family: "宋体";font-weight: none;font-size: 12px;}

.mypos a{font-family: "宋体";font-weight: none;font-size: 12px;color: #646464}

.pages{text-align:right; padding-top:10px;}

.pages a{ color:#646464;border: 1px solid #f2f2f2;padding:5px 8px; margin-right:5px;    background: #FFF;}

.pages .current{background: #ac2124;color: #fff;border: 1px solid #f2f2f2;padding:5px 8px; margin-right:5px;}	

.pages a:hover{ color:#FFF;background:#ac2124;}	

.marprotit{width: 200px;height: 80px;padding: 20px 0 0 40px;background: #b22225;}

.pltitle{background: #b22225;color: #FFF;font-size: 24px;width:170px;}

.plsubtitle{color: #FFF;font-size: 24px;width: 170px;}



/*product-view*/

.r {

    width: 1020px;

    margin-bottom: 10px;

}

.r_wrap{padding:0px 10px;}

.crumbs{padding-bottom:12px;}



.crumbs span{float:left; height:50px; line-height:50px;}

.crumbs a{float:left; color:#333; height:50px; line-height:50px;margin-right:10px;font-size: 14px;}

.crumbs a:hover{color:#b22225;}

.crumbs .dqwz{color:#333; font-size: 14px; }

.crumbs .home{ color: #b22225;}

.crumbs .zlm{background:url(../images/ri_topa.jpg)  center left no-repeat; padding-left:10px; }



.r_content{padding-top:30px; line-height:26px; color:#383838;}

.r_padding{width: 830px;margin: auto;height: auto;}



.products_pic{position:absolute; left:0px; top:0px; display:block; border:1px solid #d7d7d7;}

.products_other{padding-top:25px;}



.pro_view_topleft{float:left; width:450px;}

.pro_view_topright{float:right; width:530px;}

.pro_right_other{color:#383838; font-size:14px; line-height:26px;margin-top: 50px;}

.pro_right_other p span{color:#383838;}



.p_shuoming{ font-weight:bold; font-size:14px; padding-bottom:5px;font-size: 24px;

    font-weight: 400;}

.pro_right_other .rmbdanwei{ color:#ea5404; font-size:14px;}



.slideTxtBox{width:715px; height:auto; margin:0 auto; overflow:hidden; padding-bottom:15px;}

		.slideTxtBox .hd{ height:30px; line-height:30px; background:#e4e0e1; padding:0 10px 0 20px; border-bottom:2px solid #de3a15; position:relative; }

		.slideTxtBox .hd ul{ float:left; position:absolute; left:0px; top:0px; height:32px;   }

		.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer;  }

		.slideTxtBox .hd ul li.on{ height:30px;  background:#de3a15;color: #fff}

		.slideTxtBox .bd { padding:15px;  zoom:1;  }

		.slideTxtBox .bd li{ height:24px; line-height:24px;   }

		.slideTxtBox .bd li .date{ float:right; color:#999;  }

/*news*/

.news_li_hot{ height:138px; padding-left:200px; position:relative; padding-bottom:30px;}

.news_li_qy{ height:50px; line-height: 50px;}

.news_li_qy a{ font-size: 14px;

    font-weight: bold;}



.news_hot_title a{ font-size:16px;color: #000}

.news_hot_title a:hover{color: #ff2e07}

.news_hot_a{position:absolute; left:15px; top:0px;width: 168px;height: 138px;overflow: hidden;text-align: center;background: #FFF;}

.news_hot_a img{max-width: 100%;max-height: 100%;}



.news_hot_sum{color: #666666;

    font-size: 14px;

    line-height: 26px;

    text-align: left;

    vertical-align: top;}



.news_li{padding-bottom:8px; padding-top:8px; border-bottom:1px dashed #baaa86;}

.news_li a{color: #646464}

.news_li a:hover{color: #ff2e07}

.page{text-align:center; padding-top:20px;}



.news_view_title{     display: flex;

    align-items: center;

    vertical-align: middle;height: auto;

	line-height: 120%;

    font-size: 30px;}

.news_view_other{padding:5px; text-align:left;color: #969696;border-bottom: 1px solid #969696;margin-bottom: 15px;}

.news_view_text{

	color: #707070;

    font-size: 15px !important;

}

.news_view_text img{max-width: 100%;display: block;margin: auto;}

.news_view_text p span {

    font-size: 15px !important;

}

.news_hot_more{

	float: right;

	background: rgba(252,252,252,1);

    border-color: rgba(240, 240, 240,1);

    border-style: solid;

    border-width: 1px;

    display: inline-block;

    margin: 0;

    padding-left: 10px;

    padding-right: 10px;

    min-width: 86px;

    color: rgb(172, 33, 36);

    font-size: 12px;

    text-align: center;

	font-size: 14px;

	margin-top: 10px;

	display: block;

}

.prevnextbox{width: 100%;border-top: 1px solid #969696;margin-top: 15px;height: 40px;font-size: 14px;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.prevnextbox .pre,.prevnextbox .next{padding:10px 0; height: 40px;width: 49.8%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.prevnextbox .pre{float: left;text-align:left;}

.prevnextbox .next{float: right;text-align:right;}

.prevnextbox a{color: #646464;font-size: 14px;}

.prevnextbox a:hover{color: #850e11}

.menu_body{margin-bottom: 50px;}

.menu_body a:hover {

    text-decoration: none;

    color: #ac2124;

    background: #fff;

}

.menu_body>a {

    padding: 0 46px;

}

.menu_body a {

    display: -webkit-inline-box;

    color: #fff;

	font-size: 14px;

    text-decoration: none;

    position: relative;

    width: auto;

    background: #ac2124;

}

.menu_body .link {

    height: 50px;

    line-height: 50px;

    border-bottom: 0px dashed;

}





/*guestbook*/

.mess .tit {

    background: #ff7f00;

    background: -webkit-linear-gradient(top, #ff9e3f, #ff8001);

    background: -moz-linear-gradient(top, #ff9e3f, #ff8001);

    background: -o-linear-gradient(top, #ff9e3f, #ff8001);

    background: linear-gradient(top, #ff9e3f, #ff8001);

    line-height: 52px;

    padding: 0 0 0 25px;

    color: #707070;

    font-size: 18px;

}



.mess ul {

    background: url(../images/bj-box7.jpg);

    background-size: 100% 100%;

    line-height: 1.6;

	font-size: 14px;

    padding: 5px 20px;

    color: #707070;

}



.mess ul li {

    margin-bottom: 20px;

    display: -webkit-box;

    display: -moz-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-align-items: center;

    align-items: center;

}



.mess ul li input[type='text'] {

    -webkit-box-flex: 1;

    -moz-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1;

    width: 0;

    height: 36px;

    border: 0;

    background: #fff;

    padding: 0 10px;

}



.mess ul li textarea {

    -webkit-box-flex: 1;

    -moz-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1;

    width: 0;

    height: 75px;

    border: 0;

    background: #fff;

    padding: 10px;

}



.mess ul li input[type='submit'] {

    background: #fcc41b;

    height: 50px;

    border: 0;

    color: #FFF;

    font-size: 18px;

    cursor: pointer;

    -webkit-box-flex: 1;

    -moz-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1;

    width: 0;

    transition: all 0.3s;

}



.mess ul li input[type='submit']:hover {

    background: #ff5000;

	color: #FFF;

}



.mess ul li:first-child {

    margin-top: 0;

}



.pro-content {

    width: 1040px;

    margin: auto;

}

.pro-left {

    float: left;

    width: 200px;

    padding-top: 50px;

    box-sizing: border-box;

    box-shadow: 0px 10px 10px #f7f7f7;

}



.pro-right {

    float: left;

    padding-left: 100px;

    width: 520px;

}





.pro-left .left-category ul li {

    height: 50px;

    line-height: 50px;

    font-size: 16px;

    text-align: center;

    cursor: pointer;

    color: #000;

}



.pro-left .left-category ul li.on {

    background: url(../images/shundejiuanniubeijing.png) center center no-repeat;

    color: #b22225;

}



.pro-left .left-category ul li:hover {

    background: url(../images/shundejiuanniubeijing.png) center center no-repeat;

    color: #b22225;

}





.pro-right {

    display: none;

}



.pro-right .whcontent{

    font-size:16px;

    line-height:1.8;

    color:#333333;

}



.pro-right.active {

    display: block;

}

.pro-right a{

    display: block;

    margin-top: 30px;

    height: auto;

}

/*首页产品*/

.hlpro-right{

    width:auto;float: right;padding-left: 0;display: none;margin-top: 50px;

}

.hlpro-right.active {

    display: block;

}

.scrollBox {

    width: 870px;

    background: url(images/scrollBg.png);

    padding: 10px;

    border-top: 1px solid #fff;

    position: relative;

  }

  

  .scrollBox .piclist {

    overflow: hidden;

    zoom: 1;

  }

  

  .scrollBox .ohbox {

    overflow: hidden;

    position: relative;

    width: 745px;

    left: 60px

  }

  

  .scrollBox {

    position: relative;

    overflow: hidden;

    zoom: 1;

  }

  

  .scrollBox .piclist li {

    float: left;

    display: inline;

    width: 230px;

    height: 360px;

    background: #fff;

    border: 2px solid #000;

    margin-right: 20px;

  }

  .scrollBox .piclist li img{

    width: 230px;

    height: 275px;

    display: block;

  }

  

  .scrollBox .piclist li .summary {

    padding-top: 16px;

    height: 70px;

    background: #333;

    color: #fff;

    line-height: 26px;

    display: block;

    text-align: left;

    font-size: 16px;

  }

  .scrollBox .piclist li .summary span{

   width:210px;

   display: block;

   padding: 0px 10px;

   height: 30px;

   text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

  }

  

  .scrollBox .pageBtn span {

    display: block;

    width: 37px;

    height: 59px;

    position: absolute;

    top: 165px;

    cursor: pointer;

    text-indent: -999em;

    overflow: hidden;

  }

  

  

  

  .scrollBox .pageBtn .list {

    overflow: hidden;

    zoom: 1;

    margin: 30px 0 0 350px;

  }

  

  .scrollBox .pageBtn .list li {

    background: #c9bea9;

    float: left;

    display: inline;

    width: 25px;

    height: 10px;

    cursor: pointer;

    margin-left: 10px;

    overflow: hidden;

  }

  

  .scrollBox .pageBtn .list li.on {

    background: #efcd76;

  }