@charset "utf-8";
@import url('animate.min.css');

/*首页banner*/
.h_ban{ position: relative;}
.h_ban li a{ display:block; }
.h_ban li a .phoneimg{ display: none;}
.h_ban .owl-nav{ display: none;}
.h_ban .owl-dots{margin:0 auto; text-align:center;position:absolute; left:0; width:100%; bottom:20px; z-index:10;}
.h_ban .owl-dots>div{ display:inline-block;width: 30px; height: 30px; padding: 11px; margin:0 3px;position: relative;}
.h_ban .owl-dots>div:before{ content: ""; position: absolute; left: 50%; top: 50%; width: 0; height: 0; border-radius: 50%; border: 0 solid #fff;transition: all .3s ease-out;}
.h_ban .owl-dots>div span{ display:block; width:10px; height:10px; border-radius:50%; background: #fff; }
.h_ban .owl-dots>div.active:before{ border-width: 1px; border-color: #fff; left: 0; top: 0; width: 100%; height: 100%;  }
.h_ban .owl-dots>div.active span{ width:7px; height:7px; background: #fff; }
.h_ban .owl-dots>div.active{ padding: 12px; }
@media(max-width:767px){
    .h_ban li a .pcimg{ display: none;}
    .h_ban li a .phoneimg{ display: block;}
    .h_ban .owl-dots>div{width: 28px; height: 28px; padding: 10px; }
}

/*头部*/
.top_min{ padding:0 1.5%; background:#fff;}
.top_min a{ transition:0.3s;}
.top_min .logo a{ display:block; width:100%;}
@media(min-width:1025px){
    .top_min .auto{ position:relative; z-index:100;}
    .top_min .logo{ position:absolute; left:50%; transform:translateX(-50%); top:0; height:100%; width:32.92%; z-index:2; text-align: center;}
    .top_min .logo a{ position:absolute; z-index:10; left:0; top:35px;  bottom:10px;}
}
.top_min .header-bottom{ position: relative; padding-left: 115px;}
.top_min .header-bottom .top-search{ width: 200px; position: absolute;  left: 0; top: 50%;  margin-top: -10px;}

.top_min .header-bottom .top_link{position: absolute;  right: 0; top: 50%;  margin-top: -40px; border-left: solid 1px #f0f0f0; width: 72px;}
.top_min .header-bottom .top_link .a1{ background: url(../images5/ico_tm.png) no-repeat; width: 37px; height: 38px; display: block; margin-left: 34px; margin-bottom: 10px;}
.top_min .header-bottom .top_link .a2{ background: url(../images5/ico_jd.png) no-repeat; width: 37px; height: 38px; display: block; margin-left: 34px; }
.top_min .header-bottom .top_link .a1:hover{ background: url(../images5/ico_tm_on.png) no-repeat; }
.top_min .header-bottom .top_link .a2:hover{ background: url(../images5/ico_jd_on.png) no-repeat; }

.header-bottom .open-search{ position:relative; display: inline-block; background: url(../images5/ico_ss.png) no-repeat;  width: 27px; height: 27px; }
.header-bottom .open-search span{ display: none;}
.header-bottom .search-box{ display:none; position:absolute; left:0; bottom:-40px; width:200px; z-index: 9;}
.header-bottom .search-box .text{border:2px solid #c3a23d; border-radius:20px; line-height:42px; height:42px; width:100%; padding:0 33px 0 10px;color:#333; background:#fff;}
.header-bottom .search-box .btn{position:absolute; right:0; top:0;height:100%; width:33px; }
.header-bottom .search-box .glyphicon{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:15px;color:#c3a23d;}

.top_min .header-menu li.aon{ background: url(../images5/top_aon.png) no-repeat center;}


.top_min .header-menu li{ position:relative; width:16.18% !important; padding-top:72px; padding-bottom: 72px;}
.top_min .header-menu li:nth-child(3){ margin-left:25.5%;}
.top_min .header-menu li em a{ display:inline-block; font-size:16px;  width: 20px; word-wrap: break-word; letter-spacing: 0; display:inline-block;}
.top_min .header-menu li.aon em a{ color:#c3a23d;}
.top_min .header-menu li .sub-menu{padding:10px;}
.top_min .header-menu li:nth-child(2) .sub{ width:850px; left:0 !important; }
.top_min .header-menu li:nth-child(2) .sub-menu{padding:48px 60px;}
.top_min .header-menu li:nth-child(2) .sub-menu dl{ float:left; margin-right:60px;}
.top_min .header-menu li:nth-child(2) .sub-menu dl:last-child{ margin-right:0;}
.top_min .header-menu li:nth-child(2) .sub-menu dd{ font-weight:bold; padding-bottom:25px;}
.top_min .header-menu li:nth-child(2) .sub-menu dl:hover dd{ color:#c8a063;}
.top_min .header-menu li .sub-menu dt a{ padding-left:0; line-height:30px;color:#6a6665;}
.top_min .header-menu li .sub-menu dt a::before{ margin-right:12px; display:inline-block; content:''; vertical-align:middle; border-radius:50%; width:7px; height:7px; border:2px solid #d7d7d7;}
.top_min .header-menu li .sub-menu dt:hover a::before{ border-color:#c8a063; }
.top_min .header-menu li .sub-menu dt a:hover{background:none;color:#c8a063;}
@media(max-width:1024px){
    .top_min,
    .top_min .auto{ padding:0;}
    .top_min #open_menu{ float: right; position:relative; width:42px; height:42px; background:#c8a063;}
    .top_min #open_menu i,
    .top_min #open_menu i::before,
    .top_min #open_menu i::after{background:#fff;}
    .top_min #open_menu i{ height:3px; left:20%; width:60%; margin-top:-1.5px;}
    .top_min #open_menu i::before{ top:-8px;}
    .top_min #open_menu i::after{ top:8px;}
    .top_min #open_menu.open_menu_on{ position:fixed; bottom:0; left:50%; margin-left:-25px; z-index:101; background:none;}
    .top_min #header-menu{ position:fixed; left:0; top:0; height:100%; width:100%; background:rgba(0,0,0,0.8); z-index:100;  padding:50px 0; transform:translateX(-100%); transition:0.3s;}
    .top_min #header-menu ul{overflow:auto; max-height:100%; max-width:80%; margin:0 auto; padding:0 5%;}
    .top_min #header-menu.header-menu-show{transform:translateX(0);}
    .top_min .logo{ clear:both; border-bottom:1px solid #f5f5f5; padding:2% 0;}
    .top_min .logo a{ padding-bottom:0; text-align: center;}
    .top_min .logo a img{ height: 60px;}
    .top_min .header-bottom .top_link{ position: static; float: left; width: 30%; display: none;}
    .top_min .header-bottom .top_link .a1{ display: inline-block;}
    .top_min .header-bottom .top_link .a2{ display: inline-block;}
    .top_min .header-bottom .top-search{ width: 50%; left: 2%; top: 0;margin-top: -32px; right: auto; padding: 0;}
    .top_min .header-bottom{ padding-left: 0;}

    .top_min #header-menu li em{ font-size:20px;}
    .top_min #header-menu li.has-sub em::after{ position:absolute; content:''; right:2%; border:6px solid transparent; border-top-color: #fff; top:50%; margin-top:-3px;}
    .top_min #header-menu li.has-sub.clickon em::after{ border-top-color:transparent; border-bottom-color:#fff;margin-top:-6px;}
    .top_min #header-menu li dd{ padding:0 10px; font-weight:bold; background:#c8a063; color:#fff; font-size:16px;}
    .top_min #header-menu li .sub-menu{ background:rgba(200, 160, 99, 0.52);}

    #header-menu li em a{ font-size: 16px;}
    .header-bottom .open-search{ background-size: 22px; height: 22px;}

}
@media(max-width:480px){
    .top_min .top-hotline{ display:none;}
    .top_min .top-search{width:300px; padding:5px; right:-49px;}
}




/*首页产品*/
.home_page1{ background: url(../images5/h_bg1.png); background-repeat:no-repeat; background-position:center center; background-size:cover; padding: 4% 0;}

.home_page1 .box1 .left{ float: left; width: 55%;}
.home_page1 .box1 .left img{ width: 100%;}
.home_page1 .box1 .right{ float: right; width: 38%;}
.home_page1 .box1 .right .imgti{ width: 79px; margin-left: 10px; display: block; margin-bottom: 70px;}
.home_page1 .box1 .right h3{ margin: 0; position: relative;}
.home_page1 .box1 .right h3 a{ color: #c3a23d; font-size: 26px; font-weight: normal;}
.home_page1 .box1 .right h3:before{ content: ""; display: block; background: url(../images5/ico_ti1.png) no-repeat; width: 332px; height: 49px; position:absolute; top: -15px; left: -225px;}
.home_page1 .box1 .right p{ margin: 0; height: 58px; overflow: hidden;line-height: 30px; color: #9b9da4; font-size: 16px; margin-top: 45px;}
.home_page1 .box1 .right .a_more{ display: block; background: url(../images5/ico_more.png) no-repeat;width: 120px;height: 36px; line-height: 36px; text-align: center; color: #777a83; font-size: 16px; margin-top: 55px; transition: 0.3s;}
.home_page1 .box1 .right .a_more:hover{background:#c8a063; color: #fff;}
.home_page1 .box2{ margin-top: 4%;}
.home_page1 .box2 .right{ float: right; width: 55%;}
.home_page1 .box2 .right img{ width: 100%;}
.home_page1 .box2 .left{float: left; width: 38%; padding-left: 8%;}
.home_page1 .box2 .left .imgti{ width: 79px; margin-left: 10px; display: block; margin-bottom: 70px;}
.home_page1 .box2 .left h3{ margin: 0; position: relative;}
.home_page1 .box2 .left h3 a{ color: #c3a23d; font-size: 26px; font-weight: normal;}
.home_page1 .box2 .left h3:before{ content: ""; display: block; background: url(../images5/ico_ti2.png) no-repeat; width: 382px; height: 49px; position:absolute; top: 8px; right: -120px;}
.home_page1 .box2 .left p{ margin: 0; height: 58px; overflow: hidden;line-height: 30px; color: #9b9da4; font-size: 16px; margin-top: 45px;}
.home_page1 .box2 .left .a_more{ display: block; background: url(../images5/ico_more.png) no-repeat;width: 120px;height: 36px; line-height: 36px; text-align: center; color: #777a83; font-size: 16px; margin-top: 55px;}
.home_page1 .box2 .left .a_more:hover{background:#c8a063; color: #fff;}



@media(max-width:768px){
/*    .home_page1 .box1 .left{ width: 100%; float: none;}
    .home_page1 .box1 .right{ width: 100%; float: none;}*/
    .home_page1 .box1 .right .imgti{ margin: 0 auto; width: 42px; margin-bottom: 20px;  }
    .home_page1 .box1 .right h3:before{ display: none;}
    .home_page1 .box2 .left h3:before{ display: none;}
    .home_page1 .box2 .left{ /*width: 100%; float: none; */padding-left: 0; margin-bottom: 25px;}
    .home_page1 .box2 .right{ /*width: 100%; float: none;*/}
    .home_page1 .box2 .left .imgti{ margin: 0 auto; width: 42px; margin-bottom: 20px;  }
    .home_page1 .box1 .right h3 a{ font-size: 18px;}
    .home_page1 .box1 .right p{ margin-top: 15px; font-size: 14px; height: 48px; line-height: 26px;}
    .home_page1 .box1 .right .a_more{ font-size: 14px; margin-top: 15px;}
    .home_page1 .box2 .left h3 a{ font-size: 18px;}
    .home_page1 .box2 .left p{ margin-top: 15px; font-size: 14px; height: 48px; line-height: 26px;}
    .home_page1 .box2 .left .a_more{ font-size: 14px; margin-top: 15px;}
}



.home_page2{ background: url(../images5/h_bg2.png); background-repeat:no-repeat; background-position:center center; background-size:cover; padding: 4% 0;}
.home_page2 .ti_min{ text-align: center; padding-bottom: 25px;}
.home_page2 .ti_min img{ width: 185px; display: block; margin: 0 auto;}
.home_page2 .ti_min .a1{ background: url(../images5/ico_more1.png) no-repeat; width: 129px; height: 25px; display: block; margin:  0 auto; margin-top: 20px;}

.home_page2 ul.ul.owl-carousel{width: 94%;margin: 0 auto;}
.home_page2 ul li{ text-align: center; padding: 0 5%;}
.home_page2 ul li.items div{overflow: hidden;} 
.home_page2 ul li img{ max-width: 100%; width: auto!important; margin: 0 auto;transition: all .4s;}
.home_page2 ul li img:hover{transform: scale(1.2);}
.home_page2 ul li p{ margin: 0; font-size: 16px; color: #777a83; padding-top: 10px; line-height: 26px;.home_page1 .box2 .left}

/*.home_page2 .owl-nav{ display: block!important;}*/
.home_page2 .owl-nav .owl-prev{ background: url(../images5/run_left.png) no-repeat; width: 23px; height: 45px; line-height: 1000px; overflow: hidden; position: absolute; top: 50%; left: -3%; margin-top: -20px}
.home_page2 .owl-nav .owl-next{ background: url(../images5/run_right.png) no-repeat; width: 23px; height: 45px; line-height: 1000px; overflow: hidden; position: absolute; top: 50%; right: -3%; margin-top: -20px}


.home_page3{padding: 4% 0;}
.home_page3 .left{ width: 48%; float: left;}
.home_page3 .right{ width: 48%; float: right;}
.home_page3 .left .Ispic{ padding-bottom: 16%;}
.home_page3 .left .con{ padding:108px 30px 30px 65px;}
.home_page3 .left h3{ margin: 0; font-size: 28px; font-weight: normal; color: #38425c;}
.home_page3 .left span{ font-size: 16px; color: #38425c; margin-top: 20px;}
.home_page3 .left i{ font-style: normal; background: url(../images5/video_ico.png) no-repeat; width: 52px; height: 52px; display: block; margin-top: 40px;}
.home_page3 .right .Ispic{ padding-bottom: 31%;}
.home_page3 .right .con{ padding:108px 30px 30px 65px;}
.home_page3 .right h3{ margin: 0; font-size: 28px; font-weight: normal; color: #38425c;}
.home_page3 .right span{ font-size: 16px; color: #38425c; margin-top: 20px;}


.videoCon{display: none;}
.videoCon iframe{width: 1200px; height: 600px; max-width:100%}
.videoCon video{width: 1200px; height: 600px; max-width:100%}
@media(max-width:768px){
    .videoCon iframe{width: 1200px; height: 315px; max-width:100%}
    .videoCon video{width: 100%;height: 315px;}
}


.home_page4{ background: url(../images5/h_bg3.png); background-repeat:no-repeat; background-position:center center; background-size:cover; padding: 5% 0;}
.home_page4 .con{ width: 48%; float: right;}
.home_page4 .con .cx_a{ color: #fafafa; font-size: 24px; background: url(../images5/cx_bg.png); width: 345px; height: 143px; display: block; padding-top: 22px;padding-left: 105px; margin-top: 32px;}
.home_page4 .con p{ margin: 0; color: #777a83; font-size: 16px; line-height: 26px; margin-top: -26px;}


@media(max-width:768px){
    .home_page3 .left{ width: 100%; float: none; margin-bottom: 3%;}
    .home_page3 .right{ width: 100%; float: none;}
    
    .home_page3 .left h3{ font-size: 22px;}
    .home_page3 .right h3{ font-size: 22px;}
    .home_page3 .left span{ font-size: 14px;margin-top: 10px;}
    .home_page3 .right span{ font-size: 14px;margin-top: 10px;}
    .home_page3 .left .con{ padding: 5%;}
    .home_page3 .right .con{ padding: 5%;}
    .home_page4 .con{ width: 100%; float: none;}
    .home_page4{ padding-bottom: 10%;   }
    .home_page4 .con .cx_a{width: auto;     background: url(../images5/cx_bg.png) no-repeat;}
}



.banner .img1{ display: block;}
.banner .img2{ display: none;}
@media(max-width:768px){
    .banner .img1{ display: none;}
    .banner .img2{ display: block;}
}






.ppjs_min{ background: url(../images5/h_bg1.png); background-repeat:no-repeat; background-position:center center; background-size:cover; padding: 4% 0; padding-bottom: 10%;}
.title_menu{ text-align: center; margin-bottom: 6%;}
.title_menu h3{ font-size: 30px; color: #231815; position: relative; padding-bottom: 12px; font-weight: normal; margin: 0;}
.title_menu h3:before{ content: ''; display: block; position: absolute; background: url(../images5/title.png) no-repeat; width: 420px; height: 35px; bottom: 0; left: 50%; margin-left: -210px;}

.title_menu span{ color: #d9d3ce; font-size: 14px; display: block; text-transform: uppercase; margin-top: 10px;}

.ppjs_min .left{ width: 58%; float: left;}
.ppjs_min .right{ width: 39%; float: right;}
.ppjs_min .right img{width: 100%;}
.ppjs_min .left .h3{ font-weight: normal; color: #ee7700; font-size: 30px; margin: 0;}
.ppjs_min .left ul li{ position: relative; padding-left: 35px; margin-top: 45px;}
.ppjs_min .left ul li:before{ position: absolute; background: url(../images5/yuan_ico.png) no-repeat; display: block; content: ''; width: 22px; height: 22px; left: 0; top: 8px;}
.ppjs_min .left ul li h4{ font-size: 24px; color: #c3a23d; margin: 0; font-weight: normal;}
.ppjs_min .left ul li .p{ font-size: 16px; color: #777a83; margin: 0; margin-top: 20px; line-height: 26px;}
.ppjs_min .left ul li .p span{ color: #ee7700;}



@media(max-width:768px){
    .ppjs_min .left{ width: 100%; float: none; margin-bottom: 3%;}
    .ppjs_min .right{ width: 100%; float: none;}
    .title_menu h3{ font-size: 24px; overflow: hidden;}
    .ppjs_min .left .h3{ font-size: 20px;}
    .ppjs_min .left ul li h4{ font-size: 20px;}
    .ppjs_min .left ul li{margin-top: 20px;}
}



.pro_min{ background: url(../images5/h_bg1.png); background-repeat:no-repeat; background-position:center center; background-size:cover; padding: 4% 0;}
.pro_box .left{ width: 17.5%; float: left; border-left: solid 1px #dcd6ca;border-right: solid 1px #dcd6ca; position: relative; margin-top: 20px;}
.pro_box .right{ width: 80%; float: right;}
.pro_box .left:before{ content: ''; display: block; background: url(../images5/menu_top.png) no-repeat; height: 20px; width: 100%; position: absolute; top: -20px; left: 0;}
.pro_box .left:after{ content: ''; display: block; background: url(../images5/menu_bottom.png) no-repeat; height: 20px; width: 100%; position: absolute; bottom: -20px; left: 0;}
.pro_box .left li{ line-height: 55px;}
.pro_box .left li a{ color: #38425c; font-size: 16px; display: block; padding: 0 25px; padding-left: 52px; position: relative;}
.pro_box .left li a:before{content: ''; display: inline-block; background: url(../images5/huawen.png) no-repeat; width: 8px; height: 8px; position: absolute; left: 35px; top: 50%; margin-top: -4px;}
.pro_box .left li.aon a{ color: #fff; background: #c3a23d;}
.pro_box .left li.aon a:before{ background: url(../images5/huawen1.png) no-repeat; }
.pro_box .left li:hover a:before{ background: url(../images5/huawen1.png) no-repeat; }
.pro_box .left li:hover a{ color: #fff; background: #c3a23d;}

.pro_box .right li{ width: 31.3%; float: left; margin-right: 3%; margin-bottom: 3%; text-align: center; background: #f8f8f8; padding: 35px 15px 35px 15px; overflow: hidden;}
.pro_box .right li:nth-child(3n){ margin-right: 0;}
.pro_box .right li h3{ color: #231815; font-size: 22px; margin: 0; font-weight: normal;height:58px}
.pro_box .right li h3:hover{ color: #ee7700;}
.pro_box .right li p{display:none; color: #b8b5b4; margin: 0; font-size: 14px; margin-top: 10px;margin-bottom: 40px;}
.pro_box .right li span{ color: #ee7700; margin: 0; font-size: 14px; display: inline-block; border-bottom: solid 1px #ee7700;}
.pro_box .right li .Ispic{ padding-bottom: 87%; transition: 0.3s;width: 100%;margin: 0 auto;background-size: contain;}
.pro_box .right li:hover .Ispic{transform: scale(1.1)}


.pro_box .right1{ width: 80%; float: right;}
.pro_box .right1 .box1 .box_l{ width: 42%; float: left;}
.pro_box .right1 .box1 .box_r{ width: 52%; float: right;}
.pro_box .right1 .box1 .box_r h3{ margin: 0; font-size: 24px; color: #231815; font-weight: normal;}
.pro_box .right1 .box1 .box_r .p{ margin: 0; font-size: 16px; color: #ee7700; margin-top: 15px;}
.pro_box .right1 .box1 .box_r dl{margin-top: 45px; color: #959291; font-size: 16px;}
.pro_box .right1 .box1 .box_r dl dd{ margin-bottom: 15px;}
.pro_box .right1 .box1 .box_r dl dd b{ font-weight: normal; color: #231815;}
.pro_box .right1 .box1 .box_r .span{font-weight: normal; color: #231815;font-size: 16px; display: block; padding-top: 25px;}
.pro_box .right1 .box1 .box_r .span em{ font-style: normal; color: #ef8326; font-size: 20px;}


.pro_box .right1 .box2{ border-bottom: solid 1px #dcd6ca; margin-top: 55px; margin-bottom: 30px;}
.pro_box .right1 .box2 h4{ font-size: 20px; color: #c3a23d; margin: 0; font-weight: normal; margin-top: 20px;}
.pro_box .right1 .box2 p{ font-size: 16px; color: #959291;margin: 0; line-height: 26px; margin-top: 10px; margin-bottom: 30px;}

.h3_title{ color: #231815; font-weight: normal; font-size: 24px; margin: 0; margin-bottom: 15px;}
.pro_box .right1 .box3{border-bottom: solid 1px #dcd6ca;margin-bottom: 30px; padding-bottom: 20px;}
.pro_box .right1 .box3 ul{display:block}
.pro_box .right1 .box3 li{ /*width: 31.3%; float: left; margin-right: 3%; */margin:0 3%; text-align: center; background: #f8f8f8; padding: 35px 15px 35px 15px; overflow: hidden;}
.pro_box .right1 .box3 li:nth-child(3n){ margin-right: 0;}
.pro_box .right1 .box3 li h3{ color: #231815; font-size: 22px; margin: 0; font-weight: normal;}
.pro_box .right1 .box3 li h3:hover{ color: #ee7700;}
.pro_box .right1 .box3 li p{ color: #b8b5b4; margin: 0; font-size: 14px; margin-top: 10px;margin-bottom: 40px;}
.pro_box .right1 .box3 li span{ color: #ee7700; margin: 0; font-size: 14px; display: inline-block; border-bottom: solid 1px #ee7700;}
.pro_box .right1 .box3 li .Ispic{ padding-bottom: 87%; transition: 0.3s;width: 100%;margin: 0 auto;background-size: contain;}
.pro_box .right1 .box3 li:hover .Ispic{transform: scale(1.1)}

.pro_box .right1 .box3 .owl-nav{padding:10px ;}
.pro_box .right1 .box3 .owl-nav div{position: absolute; background-color:#f48a34;padding:5px 10px;display:inline-block ;color:#fff;border-radius:4px; }
.pro_box .right1 .box3 .owl-nav .owl-prev{left:10px;}
.pro_box .right1 .box3 .owl-nav .owl-next{right:10px; }
.pro_box .right1 .box3 .owl-dots{margin:0 auto; text-align:center; width:100%; bottom:0px; z-index:10;}
.pro_box .right1 .box3 .owl-dots>div{ display:inline-block;width: 30px; height: 30px; padding: 11px; margin:0 3px;position: relative;}
.pro_box .right1 .box3 .owl-dots>div:before{ content: ""; position: absolute; left: 50%; top: 50%; width: 0; height: 0; border-radius: 50%; border: 0 solid #ddd;transition: all .3s ease-out;}
.pro_box .right1 .box3 .owl-dots>div span{ display:block; width:10px; height:10px; border-radius:50%; background: #ddd; }
.pro_box .right1 .box3 .owl-dots>div.active:before{ border-width: 1px; border-color: #f3893b; left: 0; top: 0; width: 100%; height: 100%;  }
.pro_box .right1 .box3 .owl-dots>div.active span{ width:7px; height:7px; background: #f3893b; }
.pro_box .right1 .box3 .owl-dots>div.active{ padding: 12px; }

.pro_box .right1 .box4{margin-bottom: 30px;}
.pro_box .right1 .box4 ul{ margin-top: 30px;}
.pro_box .right1 .box4 li{ position: relative; border-bottom: dashed 1px #dcd6ca; padding-bottom: 22px; margin-bottom: 32px;}
.pro_box .right1 .box4 li span{ font-size: 16px; color: #231815; background: url(../images5/si_ico.png) no-repeat left; padding-left: 20px;padding-right: 100px;}
.pro_box .right1 .box4 li:hover span{ color: #ee7700;}
.pro_box .right1 .box4 li time{ position: absolute; right: 0; top: 0; color: #bfbebd; font-size: 14px;}

.pro_box .right1 .box5 h4{ background: #f8f8f8; font-size: 20px; color: #231815; font-weight: normal; padding: 18px 25px;}
.pro_box .right1 .box5 h4 span{ display: block; background: url(../images5/zx_ico.png) no-repeat left; padding-left: 40px;}

.pro_box .right1 .box5 .form{}
.pro_box .right1 .box5 .form li{ position: relative; padding-left: 135px; margin-bottom: 20px;}
.pro_box .right1 .box5 .form li em{font-style: normal; font-size: 16px; color: #959291; width: 120px; position: absolute; left: 0; top: 10px; text-align: right;}
.pro_box .right1 .box5 .form i{ font-style: normal; color: #ee7700; padding-right: 2px;}
.pro_box .right1 .box5 .form .text{width: 30%;height: 50px;line-height: 50px;border: 1px solid #dcd6ca;padding: 0 10px;}
.pro_box .right1 .box5 .form textarea.text{width: 55%;height: 105px;}
.pro_box .right1 .box5 .form b{ color: #959291; font-size: 16px; font-weight: normal; position: absolute; left: 40%; top: 37%;}
.pro_box .right1 .box5 .form li.li b{left: 62%;}
.pro_box .right1 .box5 .form .btn{ height: 50px; line-height: 50px; color: #fff; background: #ee7700; border: none; width: 100%; max-width: 150px; font-size: 16px; }
.pro_box .right1 .box5 .form li.name,
.pro_box .right1 .box5 .form li.ontent,
.pro_box .right1 .box5 .form li.reply{padding-left:0}
.pro_box .right1 .box5 .form li.name{ color:#ee7700}
.pro_box .right1 .box5 .form li.name em{ position: relative;width:auto;top:0; color:#333}
.pro_box .right1 .box5 .form li.ontent{padding-bottom:1%;border-bottom: 1px solid #eee;}
.pro_box .right1 .box5 .form li.reply{padding-left:64px;padding-bottom:1%; border-bottom: 1px solid #ee7700;min-height:21px;}
.pro_box .right1 .box5 .form li.reply em{width:auto; color:#333; top:0}


@media(max-width:768px){
    .title_menu h3:before{ width: 100%;}

    .pro_box .left{ width: 100%; float: none; border: none; margin-bottom: 35px;}
    .pro_box .right{ width: 100%; float: none;}
    .pro_box .left:before{ display: none;}
    .pro_box .left:after{ display: none;}
    .pro_box .left li{ line-height: 45px;}
    .pro_box .right li{ width: 49%; margin-right: 2%; padding: 2%;}
    .pro_box .right li:nth-child(3n){ margin-right: 2%;}
    .pro_box .right li:nth-child(2n){ margin-right: 0;}

    .pro_box .right li h3{ font-size: 18px;}

    .pro_box .right1{ width: 100%; float: none;}
    .pro_box .right1 .box1 .box_l{ width: 100%; float: none; margin-bottom: 25px;}
    .pro_box .right1 .box1 .box_r{ width: 100%; float: none;}
    .pro_box .right1 .box1 .box_r h3{ font-size: 20px;}
    .pro_box .right1 .box1 .box_r .p{ font-size: 14px;}
    .pro_box .right1 .box1 .box_r dl{ font-size: 14px;margin-top: 22px;}
    .pro_box .right1 .box1 .box_r dl dd{ margin-bottom: 8px;}
    .pro_box .right1 .box1 .box_r .span{padding-top: 15px;}
    .pro_box .right1 .box2{margin-top: 40px;}
    .pro_box .right1 .box2 h4{  font-size: 18px;}
    .pro_box .right1 .box2 p{ font-size: 14px;}
    .h3_title{ font-size: 20px;}
/*
    .pro_box .right1 .box3 li{width: 49%; margin-right: 2%; padding: 2%;}
    .pro_box .right1 .box3 li:nth-child(3n){ margin-right: 2%;}
    .pro_box .right1 .box3 li:nth-child(2n){ margin-right: 0;}
*/
    .pro_box .right1 .box3 li h3{ font-size: 16px;}

    .pro_box .right1 .box4 li span{ font-size:14px;}
    .pro_box .right1 .box4 li{padding-bottom: 10px; margin-bottom: 10px;}

    .pro_box .right1 .box5 h4{ font-size: 18px;}
    .pro_box .right1 .box5 .form li em{ position: static; width: 100%; display: block; text-align: left; padding-bottom: 5px;}
    .pro_box .right1 .box5 .form li{ padding-left: 0;}

    .pro_box .right1 .box5 .form .text{ width: 100%; display: block; height: 45px; line-height: 45px;}
    .pro_box .right1 .box5 .form b{ position: static; display: block; font-size: 12px; margin-top: 5px;}
    .pro_box .right1 .box5 .form textarea.text{width: 100%;height: 105px;}

}




.lh_list li{ width: 48%; float: left; margin-right: 4%; margin-bottom: 4%; text-align: center; background: url(../images5/lhbg.png)no-repeat; background-size: cover; padding: 35px 15px 35px 15px; overflow: hidden;}
.lh_list li:nth-child(2n){ margin-right: 0;}
.lh_list li h3{ color: #231815; font-size: 22px; margin: 0; font-weight: normal;}
.lh_list li h3:hover{ color: #ee7700;}
.lh_list li p{ color: #b8b5b4; margin: 0; font-size: 14px; margin-top: 10px;margin-bottom: 20px;}
.lh_list li span{ color: #ee7700; margin: 0; font-size: 14px; display: inline-block; border-bottom: solid 1px #ee7700;}
.lh_list li .Ispic{ padding-bottom: 54%; transition: 0.3s;width: 60%;margin: 0 auto;padding-top: 50px;background-size: contain;}
.lh_list li:hover .Ispic{transform: scale(1.1)}


.lh_info .box1 .box_l{ width: 48.5%; float: left;}
.lh_info .box1 .box_r{ width: 46%; float: right;}
.lh_info .box1 .box_r h3{ margin: 0; font-size: 24px; color: #231815; font-weight: normal;}
.lh_info .box1 .box_r .p{ margin: 0; font-size: 16px; color: #ee7700; margin-top: 15px;}
.lh_info .box1 .box_r dl{margin-top: 40px; color: #959291; font-size: 16px;}
.lh_info .box1 .box_r dl dd{ margin-bottom: 15px;}
.lh_info .box1 .box_r dl dd b{ font-weight: normal; color: #231815;}
.lh_info .box1 .box_r .span{font-weight: normal; color: #231815;font-size: 16px; display: block; padding-top: 15px;}
.lh_info .box1 .box_r .span em{ font-style: normal; color: #ef8326; font-size: 20px;}
.lh_info .box1 .box_r .zy_bob{ font-size: 16px; color: #959291; margin-top: 40px; line-height: 24px;}


.lh_info .box2{ margin-top: 60px;}
.lh_info .box2 li{ border-bottom: solid 1px #dcd6ca; margin-bottom: 40px; padding-bottom: 40px;}
.lh_info .box2 li .pic{ width: 14%; float: left; text-align: center;}
.lh_info .box2 li .pic span{ color: #959291; font-size: 14px; display: block; margin-top: 10px;}
.lh_info .box2 li .word{ width: 84%; float: right;}
.lh_info .box2 li .pic .Ispic{ padding-bottom: 150%; margin-bottom: 20px;}
.lh_info .box2 li .word h3{ margin: 0; font-size: 20px; color: #c3a23d; font-weight: normal; margin-bottom: 20px;}
.lh_info .box2 li .word .p{ font-size: 16px; color: #959291; line-height: 28px; margin: 0;}
.lh_info .box2 li .word .p b{ color: #5c5553;}

.lh_info .box3{}

.lh_info .box3 li{ width: 48%; float: left; margin-right: 4%; margin-bottom: 4%; text-align: center; background: url(../images5/lhbg.png)no-repeat; background-size: cover; padding: 35px 15px 35px 15px; overflow: hidden;}
.lh_info .box3 li:nth-child(2n){ margin-right: 0;}
.lh_info .box3 li h3{ color: #231815; font-size: 22px; margin: 0; font-weight: normal;}
.lh_info .box3 li h3:hover{ color: #ee7700;}
.lh_info .box3 li p{ color: #b8b5b4; margin: 0; font-size: 14px; margin-top: 10px;margin-bottom: 40px;}
.lh_info .box3 li span{ color: #ee7700; margin: 0; font-size: 14px; display: inline-block; border-bottom: solid 1px #ee7700;}
.lh_info .box3 li .Ispic{ padding-bottom: 54%; transition: 0.3s;background-size: contain;j g}
.lh_info .box3 li:hover .Ispic{transform: scale(1.1)}


.lh_info .box4{margin-bottom: 30px;}
.lh_info .box4 ul{ margin-top: 30px;}
.lh_info .box4 li{ position: relative; border-bottom: dashed 1px #dcd6ca; padding-bottom: 22px; margin-bottom: 32px;}
.lh_info .box4 li span{ font-size: 16px; color: #231815; background: url(../images5/si_ico.png) no-repeat left; padding-left: 20px;padding-right: 100px;}
.lh_info .box4 li:hover span{ color: #ee7700;}
.lh_info .box4 li time{ position: absolute; right: 0; top: 0; color: #bfbebd; font-size: 14px;}



.lh_info .box5 h4{ background: #f8f8f8; font-size: 20px; color: #231815; font-weight: normal; padding: 18px 25px;}
.lh_info .box5 h4 span{ display: block; background: url(../images5/zx_ico.png) no-repeat left; padding-left: 40px;}

.lh_info .box5 .form{}
.lh_info .box5 .form li{ position: relative; padding-left: 135px; margin-bottom: 20px;}
.lh_info .box5 .form li em{font-style: normal; font-size: 16px; color: #959291; width: 120px; position: absolute; left: 0; top: 10px; text-align: right;}
.lh_info .box5 .form i{ font-style: normal; color: #ee7700; padding-right: 2px;}
.lh_info .box5 .form .text{width: 30%;height: 50px;line-height: 50px;border: 1px solid #dcd6ca;padding: 0 10px;}
.lh_info .box5 .form textarea.text{width: 55%;height: 105px;}
.lh_info .box5 .form b{ color: #959291; font-size: 16px; font-weight: normal; position: absolute; left: 40%; top: 37%;}
.lh_info .box5 .form li.li b{left: 62%;}
.lh_info .box5 .form .btn{ height: 50px; line-height: 50px; color: #fff; background: #ee7700; border: none; width: 100%; max-width: 150px; font-size: 16px; }




@media(max-width:768px){
    .lh_list li{ width: 49%; margin-right: 2%; margin-bottom: 2%; padding: 2%;}
    .lh_list li h3{ font-size: 18px;}

    .lh_info .box4 li span{ font-size:14px;}
    .lh_info .box4 li{padding-bottom: 10px; margin-bottom: 10px;}

    .lh_info .box1 .box_l{ width: 100%; float: none; margin-bottom: 25px;}
    .lh_info .box1 .box_r{ width: 100%; float: none;}
    .lh_info .box1 .box_r h3{ font-size: 20px;}
    .lh_info .box1 .box_r .p{ font-size: 14px;}
    .lh_info .box1 .box_r dl{ font-size: 14px;margin-top: 22px;}
    .lh_info .box1 .box_r dl dd{ margin-bottom: 8px;}
    .lh_info .box1 .box_r .span{padding-top: 15px;}
    .lh_info .box1 .box_r .zy_bob{margin-top: 20px;font-size: 14px;}

    .lh_info .box2 li .pic{width: 100%; float: none; margin-bottom: 25px;}
    .lh_info .box2 li .word{width: 100%; float: none;}
    .lh_info .box2 li .word .p{ font-size: 14px;line-height: 26px;}

    .lh_info .box5 h4{ font-size: 18px;}
    .lh_info .box5 .form li em{ position: static; width: 100%; display: block; text-align: left; padding-bottom: 5px;}
    .lh_info .box5 .form li{ padding-left: 0;}

    .lh_info .box5 .form .text{ width: 100%; display: block; height: 45px; line-height: 45px;}
    .lh_info .box5 .form b{ position: static; display: block; font-size: 12px; margin-top: 5px;}
    .lh_info .box5 .form textarea.text{width: 100%;height: 105px;}
    .lh_info .box3 li{ width: 49%; margin-right: 2%; margin-bottom: 2%; padding: 2%;}
    .lh_info .box3 li h3{ font-size: 18px;}
}



    /* FOOTER */
.footer2{position: relative; z-index: 2; padding: 5% 0 3% 0; background: #4d443c;}
.footer2 .to_top{width: 74px; height: 74px; position: absolute; left: 50%; margin-left: -37px; top: -37px; cursor: pointer;}
.footer2 .main_contain{padding-bottom: 35px; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.footer2 .bottom_nav{width: 75%; float: left;}
.footer2 .bottom_nav dl{float: left; padding-right: 7%;}

.footer2 .bottom_nav dl:last-child{padding-right: 0;}
.footer2 .bottom_nav dl:last-child dd:nth-child(9){display:inlin-block !important;}

.footer2 .bottom_nav dl.dl dd{ float: left; width: 50%;}
.footer2 .bottom_nav dl dt{font-size: 16px; color: #fbf7e8; font-weight: normal; padding-bottom: 6px;}
.footer2 .bottom_nav dl dd a{color: rgba(251, 247, 232, 0.5); font-size: 14px; line-height: 32px;}
.footer2 .share{width: 25%; float: right;}
.footer2 .share .bd{width: 114px; height: 114px; background: #fff; padding: 7px; float: right;}
.footer2 .share .bd li{display: inline-block;}
.footer2 .share .hd{float: right; _margin-top: 20px; padding-top: 0; padding-right: 20px; position: relative;}
.footer2 .share .hd ul li{float: left; margin-left: 10px;}
.footer2 .copy_right .auto{ border-top: 1px solid rgba(255, 255, 255, 0.1); margin-top: 60px;}
.footer2 .copy_right .other_page{width: 70%; float: left;}
.footer2 .copy_right .other_page ul{margin: 0; padding: 0; margin-top: 20px; display: block;}
.footer2 .copy_right .other_page ul li{float: left; padding: 0; line-height: 14px; padding-right: 20px; margin-right: 20px; border-right: 1px solid rgba(255, 255, 255, 0.1);}
.footer2 .copy_right .other_page ul li a{color: rgba(255, 255, 255, 0.3); font-size: 14px;}
.footer2 .copy_right .other_page p{color: rgba(255, 255, 255, 0.3); font-size: 14px; padding-top: 6px; text-transform: uppercase;}
.footer2 select{width: 290px; height: 40px; line-height: 40px; border: 1px solid rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.3); margin-top: 20px; float: right; padding: 0 20px; background: none;}
.footer2 select option{height: 40px; line-height: 40px; background: #4d443c; color: rgba(255, 255, 255, 0.3);}
.footer2 .share .hd .phone{width: 100%; position: absolute; top: 0; right: 10px;}
.footer2 .share .hd .phone p{font-size: 12px; color: rgba(255, 255, 255, 0.3); text-align: right;}
.footer2 .share .hd .phone p span{font-size: 26px; color: #fbf7e8; display: block;}
/* FOOTER */

@media screen and (max-width: 1400px){
    .footer{padding: 5% 2% 3% 2%;}

}
@media(max-width:768px){
    .footer2 .bottom_nav{ display: none;}
    .footer2 .share{ display: none;}
    .footer2 .copy_right .auto{margin-top: 35px;}
    .footer2 .main_contain{display: none;}
    .footer2 select{display: none;}
    .footer2 .copy_right .other_page{width: 100%; text-align: center;}
    .footer2 .copy_right .other_page ul{text-align: center;}
    .footer2 .copy_right .other_page ul li{float: none; display: inline-block;}
    .footer2 .copy_right .other_page ul li:last-child{margin-right: 0; border-right: 1px solid rgba(0, 0, 0, 0); padding-right: 0;}
}




/*这是滚动插件的公用样式 如出现雷同 请删除*/
.owl-carousel,
.owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative }
.owl-carousel { display: none; width: 100%; z-index: 1 }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) }
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) }
.owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none }
.owl-carousel .owl-item img { display: block; width: 100% }
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled { display: none }
.no-js .owl-carousel,
.owl-carousel.owl-loaded { display: block }
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.owl-carousel.owl-loading { opacity: 0; display: block }
.owl-carousel.owl-hidden { opacity: 0 }
.owl-carousel.owl-refresh .owl-item { visibility: hidden }
.owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none  }
.owl-carousel.owl-grab { cursor: move; cursor: grab }
.owl-carousel.owl-rtl { direction: rtl }
.owl-carousel.owl-rtl .owl-item { float: right }
.owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both }
.owl-carousel .owl-animated-in { z-index: 0 }
.owl-carousel .owl-animated-out { z-index: 1 }
.owl-carousel .fadeOut { animation-name: fadeOut }

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
.owl-height { transition: height .5s ease-in-out }
.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease }
.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d }
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 }
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease }
.owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) }
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn { display: none }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease }
.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% }



/* 2018-12-13 产品列表 */
.product_list{}
.product_list .box1{margin-top: 4%; }
.product_list .box1 .right h3{margin-top: 30px; }
.product_list .box2{}

/* 2018-12-14 品牌动态 */
.contents{margin-top: 66px;}
.contents ul li{margin-bottom: 3.3%; position: relative;}
.contents ul li::before{content: ''; width: 71.57%; height: 1px; display: block; background: #ccc; position: absolute; bottom: 0; right: 0;}
.contents ul li figure{width: 23.79%; float: left; position: relative; height: 0; padding-bottom: 13.36%;overflow: hidden;}
.contents ul li figure .time{width: 100px; height: 44px; background: #eee8d8; line-height: 44px; text-align: center; font-size: 16px; color: #433f37; position: absolute; bottom: 0; right: 0;}
.contents ul li .right{width: 71.57%; float: right;}
.contents ul li .right .t{font-size: 18px; color: #6c4a21; line-height: 1; padding-bottom: 2%;margin: 0;}
.contents ul li .right .sbt{font-size: 14px; color: #6c4a21; line-height: 24px; padding-bottom: 2%;margin: 0;}
.contents ul li .right .more{font-size: 14px; color: #ee7700;}
@media screen and (max-width: 480px){
    .contents ul li figure{display: none;}
    .contents ul li .right{width: 100%;}
    .contents ul li{border-bottom: 1px solid #ccc; margin-bottom: 6%; padding-bottom: 6%;}
    .contents ul li::before{display: none;}
}

/*pages*/
.Pages{ padding:3% 0px; text-align:center; line-height:28px; clear:both; }
.Pages span{ padding:0px 3px; display:inline-block;}
.Pages a{ color:#727272; display:inline-block; margin:0px 4px; padding:2px 14px; border:solid 1px #d1c7b0; overflow:hidden;}
.Pages a:hover,
.Pages em a.a_cur{color:#fff; background-color:#ee7700; border-color:#ee7700;}
.Pages em{ display:inline-block; font-style:normal;}
.Pages em a{ margin:0 1px;}
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total,
.Pages .p_jump{ display:none;}
.Pages .a_first,
.Pages .a_end{}
.Pages .a_prev,
.Pages .a_next{ background-position:center center; background-repeat:no-repeat; text-indent:-999px;}
.Pages .a_prev{ background-image:url(../images5/a_prev.png)}
.Pages .a_next{ background-image:url(../images5/a_next.png)}
.Pages .a_prev:hover{ background-image:url(../images5/a_prev_hover.png)}
.Pages .a_next:hover{ background-image:url(../images5/a_next_hover.png)}

.about_introduce{max-width: 1200px; margin-top: 88px;}

.font_news_list{ padding-top:3%;}
.font_news_list ul li{ font-size:16px; padding:2% 0 2% 2%; border-bottom:solid 1px #aa9b79;  background-repeat:no-repeat; background-position:left center}
.font_news_list ul li span{ padding-left:20px; float:right;}



/* =================================产品列表================================= */
.ProductList{margin-bottom: 6%;}
.ProductList .title_menu{margin-top: 6%;}
.ProductList .box{ margin-top: 6%;}
.ProductList .box .box_img{float: left;width: 55%;}
.ProductList .box .box_img img{width: 100%;}
.ProductList .box .box_content{float: right;width: 38%;padding-top: 114px;}
.ProductList .box:nth-child(1) .box_content{padding-top:206px;}
.ProductList .box{border-bottom:2px dashed #cccccc;}

.ProductList .box .box_content h3{margin: 0;position: relative;}
.ProductList .box .box_content h3 a{color: #c3a23d;font-size: 26px;font-weight: normal;}
.ProductList .box .box_content h3:after{content: "";display: block;background: url(../images/ico_ti1.png) no-repeat;width: 332px;height: 49px;position: absolute;top: -15px;left: -225px;}
.ProductList .box .box_content p{margin: 0;height: 58px;overflow: hidden;line-height: 30px;color: #9b9da4;font-size: 16px;margin-top: 45px;}
.ProductList .box .box_content a.a_more{display: block;background: url(../images/ico_more.png) no-repeat;width: 120px;height: 36px;line-height: 36px;text-align: center;color: #777a83;font-size: 16px;margin-top: 55px;transition: 0.3s;}
/* 偶数 */
.ProductList .box:nth-child(2n+1){}
.ProductList .box:nth-child(2n+1) .box_img{float: right;}
.ProductList .box:nth-child(2n+1) .box_content{float: left;padding-left: 8%;}
.ProductList .box:nth-child(2n+1) .box_content h3:after{background: url(../images/ico_ti2.png) no-repeat;top: 8px;left: 100px;}
@media (max-width: 768px){
    .ProductList .box .box_img{float: none;width: 100%;}
    .ProductList .box .box_content{float: none;width: 100%;}
    .ProductList .box:nth-child(2n+1) .box_img{float: none;}
    .ProductList .box:nth-child(2n+1) .box_content{float: none;padding-left: 0%;}
    .ProductList .box .box_content h3:after{display: none;}
    .ProductList .box .box_content p{margin-top: 25px;}
    .ProductList .box .box_content a.a_more{margin-top: 30px;}
}


/*---------------------------------------------------皇后---------------------------------------**/
/*头部*/
.top_box{background:#fff;}
.top_box .auto{ padding: 12px 0;}
.top_box .header-left{ float:left; height:78px; display:table;}
.top_box .header-left .logo{ display:table-cell; vertical-align:middle;}
.top_box .header-left .logo img{ max-height:78px;}
.top_box .header-right,
.top_box .header-mid{ float:right;}
.top_box .header-mid{ margin-right: 55px; margin-top: 8px;}
.top_box .header-right{ display:table;height:76px;}
.top_box .header-right dd{ display:table-cell; vertical-align:middle;}
.top_box .header-right dd .glyphicon{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:15px;color:#f9beb7;}
.top_box .header-right dd.top-search{position:relative; z-index:101;}
.top_box .open-search{ position:relative; display: inline-block; background: url(../images4/ss_ico.png) no-repeat; width: 42px; height: 42px; }
.top_box .open-search span{ display: none;}
.top_box .search-box{ display:none; position:absolute; right:0; top:50%; margin-top:-24px;width:200px;}
.top_box .search-box .text{border:2px solid #f9beb7; border-radius:20px; line-height:42px; height:42px; width:100%; padding:0 33px 0 10px;color:#333; background:#fff;}
.top_box .search-box .btn{position:absolute; right:0; top:0;height:100%; width:33px; }

.top_box .link{ padding-left: 25px;}
.top_box .link a{ display: inline-block; background: url(../images4/link_ico.png) no-repeat; width: 42px; height: 42px;}

.top_box .header-menu li{width:auto !important; line-height:60px;}
.top_box .header-menu li em{ padding:0 28px; position:relative;}
.top_box .header-menu li:last-child em::after{ display:none;}
.top_box .header-menu li em a{ color:#333; font-size: 16px;}
.top_box .header-menu li.aon{ background: url(../images4/top_ico.png) no-repeat top;}
.top_box .header-menu li.aon a{ color: #e5335d;}

@media(min-width:1025px){
    .top_box .header-right dd#open_menu{ display:none;}
}
@media(max-width:1200px){
    .top_box .auto{ padding: 10px 2%;}
}
@media(max-width:1024px){
    .top_box #open_menu{ position:relative; width:40px;}
    .top_box #open_menu span{ font-size:24px; transition:0.3s;}
    .top_box #open_menu.open_menu_on span{ transform:translate(-50%,-50%) rotate(90deg);}

    .top_box #header-menu{position:fixed; left:0; top:0; height:100%; background-color:#f9beb7; width:100%; max-width:220px; padding-right:0; box-shadow:0 0 10px #333; max-height:100%; overflow:auto; transform:translateX(-100%); opacity:0; transition:0.4s; z-index:100;}
    .top_box #header-menu.header-menu-show{transform:translateX(0); opacity:1;}
    .top_box #header-menu li em{ text-align:center; font-size:14px; border-bottom: solid 1px #fff;}
    .top_box .header-left .logo img{ max-height: 50px;}
    #header-menu li em a{ border-bottom:none;}
    .top_box .header-left{ height: 55px;}
    .top_box .header-right{ height: 55px;}

}
@media(max-width:767px){
    .top_box .open-search{ width: 36px; height: 36px; background-size: 36px 36px;}
    .top_box .link a{ width: 36px; height: 36px; background-size: 36px 36px;}
    .top_box .search-box .text{ height: 36px; line-height: 36px;}
    .top_box .search-box{margin-top: -20px;}
    .top_box .link{padding-left: 12px;}
}
/*首页banner*/
.h_ban{ position: relative;}
.h_ban li a{ display:block; }
.h_ban li a .phoneimg{ display: none;}
.h_ban .owl-nav{ display: none;}
.h_ban .owl-dots{margin:0 auto; text-align:center;position:absolute; left:0; width:100%; bottom:20px; z-index:10;}
.h_ban .owl-dots>div{ display:inline-block;width: 30px; height: 30px; padding: 11px; margin:0 3px;position: relative;}
.h_ban .owl-dots>div:before{ content: ""; position: absolute; left: 50%; top: 50%; width: 0; height: 0; border-radius: 50%; border: 0 solid #fff;transition: all .3s ease-out;}
.h_ban .owl-dots>div span{ display:block; width:10px; height:10px; border-radius:50%; background: #fff; }
.h_ban .owl-dots>div.active:before{ border-width: 2px; border-color: #e5335d; left: 0; top: 0; width: 100%; height: 100%;  }
.h_ban .owl-dots>div.active span{ width:7px; height:7px; background: #e5335d; }
.h_ban .owl-dots>div.active{ padding: 12px; }
@media(max-width:767px){
    .h_ban li a .pcimg{ display: none;}
    .h_ban li a .phoneimg{ display: block;}
    .h_ban .owl-dots>div{width: 28px; height: 28px; padding: 10px; }
}

/*首页品牌产品*/
.h_page1{ background: url(../images4/h_bg1.png);background-repeat:no-repeat; background-position:center center; background-size:cover;}
.title_min{ text-align: center; padding: 55px 0 50px 0;}
.title_min span{ font-size: 30px; display:inline-block; color: #333333; margin-bottom: 20px;  position: relative;}
.title_min p{ font-size: 14px; display:block; color: #999999; margin: 0; letter-spacing: 3px;}
.title_min span:before{background: url(../images4/ti_icon.png) no-repeat; content: ''; width: 39px; height: 43px; display: block; position: absolute; right: -24px; top: -21px;}

.h_probox{}
.h_probox .list{ position: relative; height: 655px;}
.h_probox .pro_list{ position: relative; height: 655px;}
.h_probox .category{width: 20%; position: absolute; left: 0; top: 0;}
.h_probox .category .word{ padding-left: 35%;}
.h_probox .category .word p{ word-wrap: break-word; letter-spacing: 0; display:inline-block; width: 25px; float: left; margin: 0; font-size: 14px; color: #666666; padding-top: 10px; line-height: 16px;}
.h_probox .category .word span{ display:inline-block; word-wrap: break-word; letter-spacing: 3px; float: left; /*background: url(../images4/pro_ti.png) no-repeat;*/ color: #fff; font-size: 20px;  margin-left: 32px; margin-top:7px; border:solid 1px #f299ae}
.h_probox .category .word span i{display:block;font-style:normal;width:43px;background:#e5335d;padding:10px; position:relative;left:-7px; top:-7px;}
.h_probox .category .Ispic{ padding-bottom: 52%; margin-top: 20px;}
.h_probox .pro_list li{}
.h_probox .pro_list li a{ display: block;}
.h_probox .pro_list li .Ispic{ height: 100%; transition: 0.3s;}
.h_probox .pro_list li .Ispic:hover{ transform:scale(1.1);}
.h_probox .pro_list li.li1{ width: 28%; position: absolute; top: 0; left: 22%; height: 365px; overflow: hidden;}
.h_probox .pro_list li.li2{ width: 21%; position: absolute; top: 376px; left: 0; height: 280px; overflow: hidden;}
.h_probox .pro_list li.li3{ width: 21%; position: absolute; top: 376px; left: 22%; height: 280px; overflow: hidden;}
.h_probox .pro_list li.li4{ width: 48.5%; position: absolute; top: 0; right: 0; height: 655px; overflow: hidden;}
.h_probox .owl-nav{ height: 69px; width: 170px; position: absolute; bottom: 0; left: 44.5%; }
.h_probox .owl-nav .owl-prev{ background: url(../images4/pro_prev.png) no-repeat; width: 85px; height: 69px; line-height: 1000px; overflow: hidden; display: inline-block;}
.h_probox .owl-nav .owl-next{ background: url(../images4/pro_next.png) no-repeat; width: 85px; height: 69px; line-height: 1000px; overflow: hidden; display: inline-block;}

@media(max-width:767px){
    .h_probox .category{ width: 100%; position: static;height: 230px;}
    .h_probox .category .word{ padding-left:10%; width: 50%; float: left;}
    .h_probox .category .Ispic{ width: 50%; float: left; margin-top: 5%; padding-bottom: 30%;}
    .h_probox .category .word span{ font-size: 14px;}
    .h_probox .list{ height: auto;}
    .h_probox .pro_list{ height: auto;}
    .h_probox .pro_list li{ margin-bottom: 2%;}
    .h_probox .pro_list li.li1{ height: auto; width: 49%;position: static; float: left; margin-right: 2%;}
    .h_probox .pro_list li.li2{ height: auto; width: 49%;position: static; float: left; margin-right: 0;}
    .h_probox .pro_list li.li3{ height: auto; width: 49%;position: static; float: left; margin-right: 2%;}
    .h_probox .pro_list li.li4{ height: auto; width: 49%;position: static; float: left; margin-right: 0;}
    .h_probox .pro_list li .Ispic{padding-bottom: 108%;}
    .h_probox .owl-nav{ left: 50%; margin-left: -46px;height: 37px; width: 90px; }
    .h_probox .owl-nav .owl-prev{ width: 45px; height: 37px; background-size: 45px 37px;}
    .h_probox .owl-nav .owl-next{ width: 45px; height: 37px; background-size: 45px 37px;}

    .title_min{ padding: 35px 0;}
    .title_min span{font-size: 24px; margin-bottom: 10px;}
}


/*首页品牌故事*/
.h_page2{ background: url(../images4/h_bg2.png);background-repeat:no-repeat; background-position:center center; background-size:cover; margin-top: 80px; padding-bottom: 75px;}
.h_page2 .box{ border: solid 2px #f9beb7;}
.h_page2 .box .box_gs{padding: 20px;}
.h_page2 .box .con1{ position: relative; margin-bottom: 1.2%;}
.h_page2 .box .con2{ position: relative;}
.h_page2 .box .Ispic{ width: 32.5%; float: left; padding-bottom: 24%;}
.h_page2 .box .word{ width: 32.5%; float: left; overflow: hidden; background: #fefcfd; height: 100%; position: absolute; padding: 50px 30px;}
.h_page2 .box .con1 .word{ left: 33.7%; top: 0}
.h_page2 .box .con2 .word{ left: 0;top: 0}
.h_page2 .box .con2 .Ispic{ margin-left: 33.7%;}
.h_page2 .box .word h3{ margin: 0; color: #e5335d; font-size: 20px; font-weight: normal; margin-bottom: 2px;}
.h_page2 .box .word span{ text-transform: uppercase; font-size: 14px; color: #f7cdd5; letter-spacing: 2px;}
.h_page2 .box .word p{ font-size: 14px; color: #8c8c8c; line-height: 26px;}
.h_page2 .box .word .a1{ color: #fff; display: inline-block; background: url(../images4/a_ico.png) no-repeat; width: 138px; height: 43px; line-height: 40px; text-align: center;}
.h_page2 .box .con2 .img{ background: url(../images4/boximg.jpg); width: 32.5%; height: 100%; right: 0; position: absolute;}
.h_page2 .box .con2 .img img{ position: absolute; bottom: 0;}




@media(max-width:767px){
    .h_page2 .box .Ispic{ width: 100%; float: none;}
    .h_page2 .box .con1 .word{ width: 100%; position: static; padding: 10px;}
    .h_page2 .box .word h3{ font-size: 16px;}
    .h_page2 .box .word span{ font-size: 12px;}
    .h_page2 .box .word p{ font-size: 12px; margin: 5px 0;}
    .h_page2 .box .Ispic{ padding-bottom: 62%;}
    .h_page2 .box .con2 .word{width: 100%; float: none;position: static; padding: 10px;}
    .h_page2 .box .word .a1{ display: block; margin: 0 auto;}
    .h_page2 .box .con2 .Ispic{ margin-left: 0;}
    .h_page2 .box .con2 .img{ position: static; width: 100%; float: none; display: none;}
    .h_page2 .box .con2 .img img{ position: static;}
}






/*首页品牌动态*/
.h_page3{ background: url(../images4/h_bg3.png);background-repeat:no-repeat; background-position:center center; background-size:cover; padding-bottom: 75px;}
.h_page3 .box{  position: relative;}
.h_page3 .box .left{ width: 50%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images4/bg_left.png);background-repeat:no-repeat; background-position:center center; background-size:cover; padding: 50px 45px 45px 70px;text-align: center}
.h_page3 .box .right{ width: 50%; margin-left: 50%; background: url(../images4/bg_right.png);background-repeat:no-repeat; background-position:center center; background-size:cover; padding: 40px; }
.h_page3 .box .right li{ border-top: solid 1px #fcdedb; padding: 17px 0;}
.h_page3 .box .right li:last-child{border-bottom: solid 1px #fcdedb;}
.h_page3 .box .right li .con{ width: 64%; float: left;}
.h_page3 .box .right li .Ispic{ width: 32%; float: right; display: block; padding-bottom: 25%;}
.h_page3 .box .right li .con h3{ margin: 0; font-size: 18px; color: #333333; font-weight: normal; margin-top: 10px;}
.h_page3 .box .right li .con time{ font-size: 14px; color: #999999; display: block; margin: 15px 0;}
.h_page3 .box .right li .con p{ margin: 0; font-size: 14px; color: #666666; height: 48px;  line-height: 26px; overflow: hidden;}

.h_page3 .box .left li h3{ font-size: 20px; margin: 0; color: #e5335d; font-weight: normal;}
.h_page3 .box .left li time{ display: block; margin: 25px 0;color: #8c8c8c;}
.h_page3 .box .left li .Ispic{ padding-bottom: 52%; margin: 0px 10%;}
.h_page3 .box .left li p{ margin: 0; text-align: left; font-size: 14px; color: #8c8c8c; line-height: 26px; margin-top: 25px; height: 48px; overflow: hidden;}
.h_page3 .box .left .owl-dots{ margin-top: 25px;}
.h_page3 .box .left .owl-dots div{ display: inline-block; width: 10px; height: 10px; background: #f9beb7; border-radius: 50%; margin: 0 5px;}
.h_page3 .box .left .owl-dots div.active{ background: #fff; border: solid 1px #e5335d;}



@media(max-width:767px){
    .h_page3 .box .left{ background: #fff; padding: 0; width: 100%; position: static; margin-bottom: 30px;}
    .h_page3 .box .right{ background: #fff;padding: 0; width: 100%; margin-left: 0;}
    .h_page3 .box .left li h3{ font-size: 16px;}
    .h_page3 .box .left li time{  margin: 10px 0;}
    .h_page3 .box .right li .con h3{ font-size: 16px;}
    .h_page3{ padding-bottom: 35px;}
}

.h_page4 li{ width: 49%; float: left; margin-right: 2%; text-align: center;}
.h_page4 li:nth-child(2n){ margin-right: 0;}
.h_page4 li .Ispic{ display: block; padding: 15px;}
.h_page4 li .con{ border: solid 1px #fdddd9; background: none; padding: 15px;  font-size: 24px; color: #ffffff;}
.h_page4 li .con p{ margin: 0; padding-top: 10px;}

@media(max-width:767px){
    .h_page4 li .con{ font-size: 16px;}
    .h_page4 li .con img{ width: 50px;}
    .h_page4{ margin-bottom: 60px;}
}
.footer4{ margin-top:5%;}
.copy_record{text-align:center;position:relative;max-width:1200px;margin:auto;}
.copy_record a{color:rgba(255,255,255,0.3);}
/*---------------------------------------------------皇后---------------------------------------**/


.honor_list ul li .pic span{
	transition:All 0.5s ease-in-out;
	-webkit-transition:All 0.5s ease-in-out;
	-moz-transition:All 0.5s ease-in-out;
	-o-transition:All 0.5s ease-in-out;
}
.honor_list ul li:hover .pic span{
	 transform:scale(1.2);
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-o-transform:scale(1.2);
	-ms-transform:scale(1.2);
}
.honor_list{ overflow:hidden;}
.honor_list ul{ overflow:hidden; margin-right:-7.5%;}
.honor_list ul li{ float:left; margin-bottom:3%; width:26.333333333%; margin-right:7%;}
.honor_list ul li .pic{ overflow:hidden; background:url(../images/honor_pic_bg.jpg) no-repeat center center; background-size:cover; padding:10%;}
.honor_list ul li .pic span{ padding-top:60%; display:block; background-repeat:no-repeat; background-position:center center; background-size:contain;-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.1))); position:relative;}
.honor_list ul li .pic span img{ display:block; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; max-width:100%; max-height:100%;}
.honor_list ul li h5{ position:relative; font-size:16px; padding:5% 15% 5% 5%; border:solid 1px #eadaa9; border-top:none;}
.honor_list ul li h5:before,
.honor_list ul li h5:after{ width:23px; height:12px; content:''; position:absolute; bottom:0; background:url(../images/icon2.png) no-repeat;}
.honor_list ul li h5:before{ background-position:left bottom; left:0}
.honor_list ul li h5:after{ background-position:right bottom; right:0;}
.honor_list ul li h5 i{ font-style:normal; display:block;}
.honor_list ul li h5 i:before{content:''; position:absolute; display:block; width:27px; height:27px; right:5%; background:url(../images/icon3.png) no-repeat left;}
.honor_list ul li:hover h5 i:before{ background-position:right;}

.honor_list ul li h4{ position:relative; font-size:16px; padding:5% 15% 5% 5%; border:solid 1px #eadaa9; border-top:none;background: #fbf8e9;}
.honor_list ul li h4:before,
.honor_list ul li h4:after{ width:23px; height:12px; content:''; position:absolute; bottom:0; background:url(../images/icon2.png) no-repeat;}
.honor_list ul li h4:before{ background-position:left bottom; left:0}
.honor_list ul li h4:after{ background-position:right bottom; right:0;}
.honor_list ul li h4 i{ font-style:normal; display:block;}
.honor_list ul li h4 i:before{content:''; position:absolute; display:block; width:27px; height:27px; right:5%; background:url(../images/icon3.png) no-repeat left;}
.honor_list ul li:hover h4 i:before{ background-position:right;}

@media screen and (max-width:960px){
    .honor_list ul{ margin-right:-5%;}
    .honor_list ul li{ width:28.33333333333333%; margin-right:5%;}
}
@media screen and (min-width:640px){
    .honor_list ul li:nth-child(3n+1){
        margin-left:0; clear:both;
    }
}
@media screen and (max-width:640px){
    .honor_list ul{ margin-right:-4%;}
    .honor_list ul li{ width:46%; margin-right:4%;}
    .honor_list ul li:nth-child(2n+1){
        clear:both; margin-left:0;
    }
}