﻿*{margin:0;padding:0;}
body{background:#fff; font:12px/22px "SimSun","Microsoft YaHei";}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dl,dd,select,option{ margin:0; padding:0;}
li,img,input,em,select{ list-style:none; border:none; font-style:normal;}
a{ text-decoration:none !important; cursor:pointer !important;}
select::-ms-expand { display: none; }

.wrap{ max-width:1000px !important; margin:0 auto;}

header{width:100%;float:left;}
.header{width:100%; height:90px; float:left;background:rgba(0, 0, 0, 0.9) none repeat scroll 0 0 !important; background-color:#000/*; position:fixed*/;left:0;top:0; z-index:9999;}
.header .logo{width:40%; float:left;}
.header .logo img{width:100%; max-width:370px;display:block;}

.header_R{width:60%;float:right; height:90px;}
.header_diuanhua{float:right; height:30px; line-height:30px; font-family:'Microsoft YaHei'; font-size:14px; color:#c90915;}

nav{width:100%;float:left; height:60px;}
nav ul{width:100%;float:left;}
nav ul li{width:13.5%; float:left;}
nav ul li a{ display:block; height:60px; line-height:60px; text-align:center; overflow:hidden; font-family:'Microsoft YaHei'; color:#fff;transition:all 0.3s; font-size: 20px; }
nav ul li a:hover{ color:#c90915;}
nav ul .on a{ color:#c90915;}
.company img{max-width: 100%}
/*banner*/
.bannerbox{width:100%; height:600px; transition:all 1s; overflow:hidden; position:relative;float:left;}
#banner{width:100%; height:600px;position:relative;overflow:hidden; transition:all 1s;}
#banner .main_image{ height:600px;position:relative;overflow:hidden;transition:all 1s;}
#banner .main_image ul{position:absolute;top:0;left:0;width:9999px;overflow:hidden;}
#banner .main_image li a{display:block;}
#banner .main_image li span{display:block;width:100%;height:600px ;transition:all 1s;}
#banner .main_image li .img_1{background:url(../images/banner1.jpg) no-repeat center center; background-size: cover;}
#banner .main_image li .img_2{background:url(../images/banner2.jpg) no-repeat center center; background-size: cover;}
#banner .main_image li .img_3{background:url(../images/banner3.jpg) no-repeat center center; background-size: cover;}
#banner .main_image li .img_4{background:url(../images/banner4.jpg) no-repeat center center; background-size: cover;}
#banner div.flicking_con{position:absolute;bottom:8px;left:0;z-index:999;width:100%; text-align:center;}
#banner div.flicking_con a{ display:inline-table; width:32px;height:6px; margin:0 5px;padding:0;background:url(../images/banner_li.jpg) no-repeat center center;text-indent:-1000px}
#banner div.flicking_con a.on{background:#fcac00;}
#banner #btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:29px!important;height:29px!important;top:50%;margin-top:-30px;display:none; transition:all 0.5s;}
#banner #btn_prev{background:url(../images/main_btn_arrow_lr.png) no-repeat left bottom;left:20px;}
#banner #btn_prev:hover{background:url(../images/main_btn_arrow_lr.png) no-repeat right bottom;}
#banner #btn_next{background:url(../images/main_btn_arrow_lr.png) no-repeat left top;right:20px;}
#banner #btn_next:hover{background:url(../images/main_btn_arrow_lr.png) no-repeat right top;}

/*移动端*/
 #content1 {padding:0px;float:left;width:100%;}
 .slideBox {position:relative;overflow:hidden;margin:0px auto;max-width:100%;/* 设置焦点图最大宽度 */}
 .slideBox .hd {position:absolute;height:28px;line-height:28px;bottom:0;right:0;z-index:1;}
 .slideBox .hd li {display:inline-block;width:10px;height:10px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background:#333;text-indent:-9999px;overflow:hidden;margin:0 6px 0 6px;}
 .slideBox .hd li.on {background:#fff;}
 .slideBox .bd {position:relative;z-index:0;}
 .slideBox .bd li {position:relative;text-align:center;}
 .slideBox .bd li img {background:url(images/loading.gif) center center no-repeat;vertical-align:top;width:100%;/* 图片宽度100%，达到自适应效果 */}
 .slideBox .bd li a {-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}  /* 去掉链接触摸高亮 */
 .slideBox .bd li .tit {display:block;width:100%;position:absolute;bottom:0;text-indent:10px;height:28px;line-height:28px;background:url(images/focusBg.png) repeat-x;color:#fff;text-align:left;}

main{width:100%; overflow:hidden;}
.cpzs{width:100%; padding:32px 0 50px 0; overflow:hidden;}
.cpzs_title{ display:block;text-align:center; height:86px; overflow:hidden; background:url(../images/heng.png) no-repeat center 42px;}
.cpzs_p{ display:block; height:40px; line-height:40px; font-family:Constantia; color:#c90915; font-size:35px; text-transform:uppercase; overflow:hidden;}
.cpzs_sp{ display:block; height:46px; line-height:46px; font-family:'Microsoft YaHei'; color:#535353; font-size:29px; overflow:hidden;}
.cpzs_contect{width:100%; padding-top:26px; position:relative;}
/*响应式轮播图*/
#responsive-shuffling { width:100%;height:100%;}
#responsive-shuffling .swiper-slide {width:100%; position:relative;}
#responsive-shuffling .swiper-slide .cpzs_img{width:100%; overflow:hidden; position:relative; border:2px solid #ebebeb;transition:all 0.3s;}
#responsive-shuffling .swiper-slide .cpzs_sub{width:100%; height:100%; background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important; background-color:#000; overflow:hidden; position:absolute;left:0;bottom:-100%; cursor:pointer;transition:all 0.3s; }
#responsive-shuffling .swiper-slide .cpzs_sub span{ position:absolute;left:0;top:50%; margin-top:-15px; height:30px; line-height:30px;width:100%; text-align:center; overflow:hidden; font-family:'Microsoft YaHei'; font-size:14px; color:#fff;}
#responsive-shuffling .swiper-slide:hover .cpzs_sub{ bottom:0;}
#responsive-shuffling .swiper-slide:hover .cpzs_img{ border-color:#c90915;}
.swiper-button-next{right:-70px; width:40px; height:40px; background:url(../images/cpzs_right.jpg) no-repeat 0 0; overflow:hidden; opacity:1; margin-top:0;}
.swiper-button-prev{left:-70px; width:40px; height:40px; background:url(../images/cpzs_left.jpg) no-repeat 100% 0; overflow:hidden; opacity:1;margin-top:0;}
#responsive-shuffling:hover .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ display:block;}
#responsive-shuffling:hover .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ display:block;}
.cpzs_more{width:100%;height:34px; margin-top:35px; overflow:hidden;}
.cpzs_more a{width:117px;height:34px; line-height:34px; display:block; text-align:center; margin:0 auto; background:#c90915; overflow:hidden; font-family:'Microsoft YaHei'; font-size:14px; color:#fff;}

.gsjj{width:100%; background:url(../images/gsjj_bj.jpg) repeat; overflow:hidden; padding:40px 0 50px 0;}
.gsjj_contect{width:100%; padding-top:20px; overflow:hidden;position:relative;}
.gsjj_left{width:688px;float:left; height:285px; border:4px solid #787878; margin-top:40px; padding:15px 60px 12px 13px; color:#fff; line-height:24px; overflow:hidden;}
.gsjj_left a{width:78px; float:right; height:24px; line-height:24px; text-align:center; color:#fff; background:#7d7d7d; overflow:hidden; font-family:'Microsoft YaHei'; font-size:14px; margin-top:10px;}
.gsjj_right{width:364px;float:right; background:url(../images/gsjj_bj1.jpg) no-repeat right top; position:absolute;right:0;top:20px;}
.gsjj_img{float:left;margin-top:15px; position:relative;}
.gsjj_img img{width:347px; height:269px; display:block;}
.gsjj_sub{width:48px;float:left; height:36px; position:absolute;left:0;bottom:-36px;background:rgba(112, 112, 112, 0.5) none repeat scroll 0 0 !important; background-color:#707070;}
.gsjj_dianhua{float:left; height:42px; line-height:21px; margin-left:65px; font-family:'Microsoft YaHei'; font-size:16px; color:#fff;}
.gsjj_dianhua span{ color:#c90915; font-weight:bold;}


.ny-train .train-img{width:160px;height:120px;float:left;}
.ny-train .train-txt{padding-left:180px;text-align: left;}
.ny-train a{margin-bottom:15px;display:block;}
.ny-train .train-txt h4{transition:all 0.6s;color:#222222;font-size:16px;margin-top:0;margin-bottom:10px;}
.ny-train .train-txt .txt{transition:all 0.6s;color:#222222;font-size:13px;line-height:24px;height:72px;overflow: hidden;}
.ny-train .train-txt .more{transition:all 0.6s;color:#222222;font-size:13px;line-height:24px;}
.ny-train a:hover .txt,.ny-train a:hover .more,.ny-train a:hover h4{color:#006ba1;}

.case{width:100%; overflow:hidden; padding:37px 0 27px 0;}
.case_contect{ display:block; overflow:hidden; padding-top:13px;}
.case_L{width:325px;float:left;}
.case_p{ display:block; height:110px; background:#c90915; overflow:hidden;}
.case_p img{ display:block; margin:0 auto;}
.case_img1{float:left; padding-top:12px;}
.case_img1 img{width:100%; height:274px; display:block;}
.case_img1:hover img{ opacity:0.6;}
.case_R{width:675px; float:right;}
.case_R img{float:left; margin:0 0 12px 11px;}
.case_R img:hover{opacity:0.6;}
.case_p1{width:160px;float:left; height:135px; background:#70c72b;margin:0 0 12px 11px;}
.case_p1 img{float:none; margin:0 auto; display:block;}

.news{width:100%; overflow:hidden; padding-bottom:20px;}
.news_ul{ display:block; padding-top:20px; overflow:hidden;}
.news_ul li{width:49%;float:left; margin:0 0.5% 35px 0.5%; height:110px; overflow:hidden;transition:all 0.3s;}
.news_ul li .news_img{width:125px; float:left; margin-right:20px;}
.news_ul li .news_img img{width:125px; height:110px; display:block;}
.news_ul li .news_p{ display:block; height:45px; line-height:45px; overflow:hidden; font-family:'Microsoft YaHei'; font-size:14px; color:#505050; font-weight:bold;transition:all 0.3s;}
.news_ul li .news_sp{ display:block; line-height:22px; overflow:hidden; color:#505050;transition:all 0.3s;}
.news_ul li:hover{ background:#c90915;}
.news_ul li:hover .news_p{ color:#fff;}
.news_ul li:hover .news_sp{ color:#fff;}

footer{width:100%; background:#333333;overflow:hidden; padding:15px 0;}
.foot{width:100%; max-width:720px; display:block; margin:0 auto; overflow:hidden; line-height:22px; font-family:'Microsoft YaHei';}
.foot a{color:#fff;}
.foot_img{width:123px; float:left; color:#fff; text-align:center; line-height:30px; margin-right:24px;}
.foot_img img{ display:block; width:123px; height:123px; margin:0 auto;}
.foot_txt{ display:block; padding-left:30px; border-left:1px solid #999999; overflow:hidden; color:#fff;}
.foot_nav{ margin-bottom:10px;}
.foot_nav a{ font-size:14px;}
.foot_txt span{ font-family:Arial; font-weight:bold;}
/*手机底部导航*/
.hot{width:100%; height:68px; background:#333333; position:fixed; bottom:0; left:0; z-index:99;}
.hot span{ color:#fff; font-size:16px; line-height:20px; padding-top:12px;}
.hot h6{ font-size:14px; line-height:26px; font-family:'Microsoft YaHei'; color:#fff;}
.hot .row div a{ display:block; color:#fff; padding:5px 0; margin-top:9px;}
.hot .row div:hover{ background:#202020;}

/*走进蓬程*/
.main{width:100%; overflow:hidden; padding:20px 0;}
.dqwz_title{width:100%; height:50px; line-height:50px; background:url(../images/dqwz_heng.jpg) repeat-x left bottom; overflow:hidden;}
.dqwz_p{float:left;width:100%; max-width:160px; text-align:center; height:50px; line-height:46px; font-family:'Microsoft YaHei'; font-size:18px; color:#000; border-bottom:4px solid #c90915; margin-left:150px;}
.dqwz_nav{float:right; font-family:'Microsoft YaHei'; font-size:18px; color:#010101;}
.dqwz_contect{width:100%; overflow:hidden; padding-top:30px;}
.main_left{width:216px;float:left;}
.about{width:100%;float:left;}
.about_title{ display:block; height:60px; line-height:60px; background:#c90915; overflow:hidden;}
.about_p{float:left; font-family:'Microsoft YaHei'; font-size:18px; color:#fff; text-indent:20px;}
.about_sp{float:left; font-family:'Microsoft YaHei'; color:#fff; text-indent:15px;}
.about_ul{ display:block; border:1px solid #c9c9c9; border-top:none; border-bottom:none; overflow:hidden; margin:0 4px;}
.about_ul li{ display:block; height:40px; border-bottom:1px solid #c9c9c9; overflow:hidden;}
.about_ul li a{ display:block; height:39px; line-height:39px; overflow:hidden; background:url(../images/about_li.jpg) no-repeat 15px center; text-indent:45px; font-family:'Microsoft YaHei'; font-size:14px; color:#101010; transition:all 0.3s;}
.about_ul li a:hover{background:url(../images/about_hover.jpg) no-repeat 15px center #c90915; color:#fff;}
.about_ul li.on{background:url(../images/about_hover.jpg) no-repeat 15px center #c90915; color:#fff;}
.about_ul li.on a{color:#fff;}
.main_right{width:755px;float:right;}
.company{ display:block; line-height:24px; color:#464646; font-family:'Microsoft YaHei'; padding: 0 10px;}

/*金属酒柜*/
.cp{ display:block; width:768px; overflow:hidden;}
.cp li{width:243px;float:left; margin:0 13px 20px 0;}
.cp li .cp_img{width:100%; overflow:hidden; position:relative; border:1px solid #d9d9d9;}
.cp li .cp_B{ display:block; overflow:hidden;transition:all 0.3s; background:#fff; padding:0 5px;}
.cp li .cp_B .cp_p{ display:block; height:24px; line-height:24px; overflow:hidden; margin-top:10px; font-family:'Microsoft YaHei'; color:#191919; font-weight:bold;text-transform:uppercase; transition:all 0.3s;}
.cp li .cp_B .cp_sp{ display:block; height:24px; line-height:24px; overflow:hidden; font-family:'Microsoft YaHei'; color:#686868; text-decoration:line-through;transition:all 0.3s;}
.cp li .cp_B .cp_txt{ display:block; height:24px; line-height:24px; overflow:hidden; font-family:'Microsoft YaHei'; color:#686868;transition:all 0.3s;}
.cp li .cp_B .cp_txt span{ color:#c90915;transition:all 0.3s;}
.cp li:hover .cp_img{ border-color:#c90915;}
.cp li:hover .cp_B{ background:#c90915;}
.cp li:hover .cp_B .cp_p{ color:#fff;}
.cp li:hover .cp_B .cp_sp{ color:#c9c9c9;}
.cp li:hover .cp_B .cp_txt{ color:#fff;}
.cp li:hover .cp_B .cp_txt span{ color:#fff;}
.sub_hover{width:100%; height:100%;background:rgba(201, 9, 21, 0.8) none repeat scroll 0 0 !important; background-color:#c90915; position:absolute;left:0;bottom:-100%; z-index:5;transition:all 0.3s;text-align:center;}
.sub_hover span{ position:absolute;left:50%;top:50%; margin:-25px 0 0 -50px;width:100px; height:50px; border:1px solid #fff;}
.sub_hover span b{ display:inline-block; font-size:30px; color:#fff; line-height:50px;}
.cp li:hover .sub_hover{ bottom:0;}

.cpxq{ display:block; overflow:hidden; padding: 0 10px;}
.cpxq_p{ display:block; height:30px; line-height:30px; text-align:center; overflow:hidden; font-family:'Microsoft YaHei'; font-size:14px; color:#464646; font-weight:bold;}
.cpxq_sp{ display:block; line-height:24px; text-align:center; overflow:hidden; font-family:'Microsoft YaHei';color:#464646;}
.cpxq_sp .sp1{ text-decoration:line-through;}
.cpxq_img{ display:block; overflow:hidden; padding-top:10px;}
.cpxq_img img{width:100%; max-width:351px; overflow:hidden; display:block; margin:0 auto;}
.cpxq_txt{ display:block; line-height:24px; font-family:'Microsoft YaHei';  overflow:hidden; color:#464646; padding-top:10px; padding: 0 10px;}
.cpxq_txt img{ max-width: 100% !important;}


@media (max-width:1199px){
/*banner*/
.bannerbox{width:100%; height:500px; transition:all 1s; overflow:hidden;}
#banner{ height:500px;position:relative;overflow:hidden; transition:all 1s;}
#banner .main_image{ height:500px;position:relative;overflow:hidden;transition:all 1s;}
#banner .main_image li span{display:block;width:100%;height:500px;transition:all 1s;}



}

@media (max-width:991px){
.header .icon-menu{float:right; margin-right:15px;font-size:40px;color:#fff; opacity:0.5; cursor:pointer; height:90px; line-height:90px;}
.header .sjdnav{ width:150px; height:auto; position:absolute;right:0; top:90px;z-index:9999;background:rgba(17, 17, 17, 0.7) none repeat scroll 0 0 !important; background-color:#111111;}
.header .sjdnav ul{ padding:0; margin:0;}
.header .sjdnav li{ height:38px;display:block; padding:0; border-bottom:1px solid #fff; text-align:center;}
.header .sjdnav li a{display:block; color:#fff; line-height:38px; font-family:'Microsoft YaHei'; font-size:14px; }
.header .sjdnav li a:hover{background:#111111; color:#fff;}
.header .sjdnavhide{ height:0; overflow:hidden;}	
.header .logo{ margin-left:15px; padding-left:0;}

/*banner*/
.bannerbox{width:100%; height:415px; transition:all 1s; overflow:hidden;}
#banner{ height:415px;position:relative;overflow:hidden; transition:all 1s;}
#banner .main_image{ height:415px;position:relative;overflow:hidden;transition:all 1s;}
#banner .main_image li span{display:block;width:100%;height:415px;transition:all 1s;}

.cpzs{padding:20px 1%;}
.cpzs_contect{padding-top:20px;}

.gsjj{padding:20px 1%;}
/*手机样式*/
.sj_gsjj{width:100%; overflow:hidden; padding:20px 0;}
.sj_gsjj_img{width:50%; float:left; margin-right:15px;}
.sj_gsjj_img img{width:100%; display:block;}
.sj_gsjj_txt1{ display:block; line-height:24px; font-family:'Microsoft YaHei'; font-size:14px; color:#fff; padding-top:10px; padding: 0 10px;}
.gsjj_more1{width:106px;float:right; margin-top:15px; height:37px; line-height:37px; text-align:center; background:#7d7d7d;}
.gsjj_more1 a{ font-size:16px; color:#fff;}

.case{padding:20px 1%;}
.case_L{width:100%;float:left;}
.case_img1{width:100%;float:left; padding-top:10px;}
.case_img1 img{width:auto; display:block;max-width: 100%;margin: 0 auto; max-height: 300px;}
.case_R{width:100%; float:right;}
.case_R .img1{width:auto; margin:10px auto;display: block;float: none !important;}
.case_R .img2{width:58%;float:left;height:135px; margin:0; padding-left:10px;}
.case_p1{width:42%;float:none; height:135px; background:#6fc72b;margin:0 auto;}
.case_p1 img{float:none; margin:0 auto; display:block;}

/*走进蓬程*/
.main{padding:20px 1%;}
.dqwz_p{margin-left:100px;}
.dqwz_contect{ padding-top:20px;}
.main_left{width:30%;}
.main_right{width:68%;}

/*金属酒柜*/
.cp{ width:100%;}
.cp li{width:48%; margin:0 1% 20px 1%;}







}

@media (max-width:767px){
.header{position:initial;}
.header .icon-menu{font-size:30px;}
/*.header .sjdnav{ width:100%;}*/
.header .logo{width:80%; margin-left:10px;}

.news_ul li{width:98%; margin:0 1% 20px 1%;}

footer{ padding:15px 1%;}
.foot_img{width:100%; float:left; margin-right:0;}
.foot_txt{width:100%; float:left; padding-left:0; border-left:none; text-align:center; margin-top:10px;}

/*走进蓬程*/
.dqwz_contect{ padding-top:0px;}
.about_title1{ display:block; height:37px; line-height:30px; background:url(../images/s-about_jiantou.jpg) no-repeat right center #c90915; font-family:'Microsoft YaHei'; font-size:18px; color:#fff; text-indent:20px;}
.about_ul1{ display:none; border:1px solid #c9c9c9; border-top:none; border-bottom:none; overflow:hidden; margin:0 4px;}
.about_ul1 li{ display:block; height:40px; border-bottom:1px solid #c9c9c9; overflow:hidden;}
.about_ul1 li a{ display:block; height:39px; line-height:39px; overflow:hidden; background:url(../images/about_li.jpg) no-repeat 15px center; text-indent:45px; font-family:'Microsoft YaHei'; font-size:14px; color:#101010; transition:all 0.3s;}
.about_ul1 li a:hover{background:url(../images/about_hover.jpg) no-repeat 15px center #c90915; color:#fff;}
.main_right{width:100%; margin-top:15px;}










}

@media (max-width:479px){


.header .logo img{width:250px; max-width:auto;display:block;height:auto;}
.header{height:65px;}
.header .icon-menu{height:65px;line-height:65px;}
.header .sjdnav{top:65px;}
}
